{"version":3,"file":"HrbrSidebarPaneTemplateGMenu-fbff26ae.js","sources":["../../src/components/Sidebar/stores/templates-menu-store.js","../../src/components/Sidebar/HrbrSidebarPaneTemplateGMenu.vue"],"sourcesContent":["import { defineStore } from 'pinia';\n\nexport const useTemplatesMenuStore = defineStore('templatesMenu', {\n  state: () => ({\n    agGridApi: null,\n    agGridColumnApi: null,\n  }),\n\n  actions: {\n    setAgGridApi(api) {\n      this.agGridApi = api;\n    },\n    setAgGridColumnApi(api) {\n      this.agGridColumnApi = api;\n    },\n  },\n});\n","<script setup>\nimport { useTemplatesStore } from '@/pages/Templates/stores/templates-store';\nimport { useHarbourStore } from '@/stores/harbour-store';\nimport debounce from '@/utils/debounce';\nimport { AgGridVue } from 'ag-grid-vue';\nimport { computed, markRaw, onActivated, watch } from 'vue';\nimport { useSidebarStore } from './stores/sidebar-store';\nimport { useTemplatesMenuStore } from './stores/templates-menu-store';\n\nconst templatesStore = useTemplatesStore();\nconst sidebarStore = useSidebarStore();\nconst harbourStore = useHarbourStore();\nconst templatesMenuStore = useTemplatesMenuStore();\n\nconst props = defineProps({\n  customRowClick: {\n    type: Function,\n    default: null,\n  },\n});\n\nconst createTempTemplate = (group) => ({\n  agreement_id: `AGREE-${Math.random().toString(36).slice(2)}_${Date.now()}`,\n  title: '',\n  template_group_id: group.groupId,\n  is_template: true,\n  ishidden: true,\n});\n\nconst templatesData = computed(() => {\n  const templates = [...templatesStore.myTemplates];\n  const templatesGroups = templatesStore.templatesGroups || [];\n  templatesGroups.forEach((group) => {\n    const isTemplateFound = !!templates.find((t) => t.template_group_id === group.groupId);\n    if (!isTemplateFound) {\n      const tempTemplate = createTempTemplate(group);\n      templates.push(tempTemplate);\n    }\n  });\n  return templates;\n});\n\nconst gridOptions = {\n  ...harbourStore.defaultGridOptionsForGrids,\n  rowBuffer: 4,\n  groupDisplayType: 'groupRows',\n  groupDefaultExpanded: 1,\n  groupRowRendererParams: {\n    getRowId: (params) => {\n      return params.data.template_group_id;\n    },\n    innerRenderer: 'HrbrSidebarPaneTemplateGMenuRenderer',\n    suppressCount: true,\n    customRowClick: props.customRowClick\n  },\n  rowHeight: 36,\n  rowClassRules: {\n    'ag-row--active': (params) => {\n      const { node } = params;\n      return templatesStore.activeTemplateGroup === node.key;\n    },\n    'ag-row--hidden': (params) => !!params.data?.ishidden,\n  },\n};\n\nconst defaultColDef = {\n  ...harbourStore.defaultColDefForGrids,\n  getQuickFilterText: (params) => {\n    const templateGroup = templatesStore.templatesGroups?.find(\n      (templateGroup) => templateGroup.groupId === params.data.template_group_id,\n    );\n    const groupName = templateGroup?.groupName || '';\n    return `${params.data.title} ${groupName}`;\n  },\n};\n\nconst columnDefs = [\n  {\n    field: 'allTemplates',\n    rowGroup: true,\n    hide: true,\n    headerName: '',\n    headerClass: 'hidden',\n    cellClass: '',\n    valueGetter: () => {\n      return 'TEMPLGROUP-ALL-TEMPLATES';\n    },\n  },\n  {\n    field: 'groupId',\n    rowGroup: true,\n    hide: true,\n    headerName: '',\n    headerClass: 'hidden',\n    maxWidth: 10,\n    cellClass: '',\n    valueGetter: (params) => {\n      return params.data?.template_group_id;\n    },\n    sort: 'asc',\n    comparator: (a, b, nodeA, nodeB) => {\n      const templateA = templatesStore.templatesGroups?.find(\n        (templateGroup) => templateGroup.groupId === a,\n      )?.groupName;\n\n      const templateB = templatesStore.templatesGroups?.find(\n        (templateGroup) => templateGroup.groupId === b,\n      )?.groupName;\n      return templateA?.localeCompare(templateB);\n    }\n  },\n  {\n    field: 'title',\n    cellClass: '',\n    flex: 1,\n    cellStyle: { paddingLeft: '69px', lineHeight: '1.1em' },\n    cellRenderer: 'HrbrSidebarPaneTemplateRenderer',\n    cellRendererParams: {\n      customRowClick: props.customRowClick\n    },\n    sort: 'asc',\n    comparator: (a, b, nodeA, nodeB) => {\n      return a?.localeCompare(b);\n    },\n  },\n];\n\nconst handleRowClick = (params) => {\n  const isGroup = params.node.group;\n  const target = params.event.target;\n  const isActionsClicked = !!target.closest('[data-template-actions]');\n  if (isActionsClicked) return;\n\n  if (isGroup) {\n    setCurrentGroup(params.node);\n  } else {\n    if (props.customRowClick) {\n      props.customRowClick(params.data);\n    } else {\n      harbourStore.createLink(params.data);\n    }\n  }\n};\n\nwatch(() => templatesStore.activeTemplateGroup, () => {\n  templatesMenuStore.agGridApi?.redrawRows();\n});\n\nconst setCurrentGroup = (selectedNode) => {\n  const allTemplatesGroup = 'TEMPLGROUP-ALL-TEMPLATES';\n\n  let templateGroupId = null;\n  if (selectedNode.key === allTemplatesGroup) {\n    templateGroupId = allTemplatesGroup;\n  } else {\n    templateGroupId = selectedNode.allLeafChildren[0].data.template_group_id;\n  }\n\n  let activeGroupNode = getActiveGroupNode();\n\n  const rowNodes = [selectedNode];\n  if (activeGroupNode) rowNodes.push(activeGroupNode);\n\n  templatesStore.setActiveTemplateGroup(templateGroupId);\n  templatesMenuStore.agGridApi?.redrawRows({ rowNodes });\n  sidebarStore.setSidebarOpen(false);\n};\n\nconst getActiveGroupNode = () => {\n  let activeGroupNode = null;\n  templatesMenuStore.agGridApi?.forEachNode((node) => {\n    if (node.key === templatesStore.activeTemplateGroup) activeGroupNode = node;\n  });\n  return activeGroupNode;\n};\n\nconst scrollToActiveGroup = () => {\n  let activeGroupNode = getActiveGroupNode();\n  if (activeGroupNode) {\n    templatesMenuStore.agGridApi?.ensureIndexVisible(activeGroupNode.rowIndex, 'top');\n  }\n};\n\nconst overlayNoRowsTemplate = `<div class=\"hrbr-sidebar-pane-template-groups-menu__no-template-groups\">Loading templates...</div>`;\n\nconst onGridReady = (params) => {\n  templatesMenuStore.setAgGridApi(markRaw(params.api));\n  templatesMenuStore.setAgGridColumnApi(markRaw(params.columnApi));\n  scrollToActiveGroup();\n};\n\nonActivated(() => {\n  scrollToActiveGroup();\n});\n\nconst onFilterChanged = (event) => {\n  if (event.type !== 'filterChanged') return;\n  expandNodesOnFiltering();\n};\n\nconst onFilterChangedDebounced = debounce((event) => {\n  onFilterChanged(event);\n}, 300);\n\nconst expandNodesOnFiltering = () => {\n  const filter = sidebarStore.filter?.toLowerCase().trim();\n  if (!filter || filter.length < 2) {\n    templatesMenuStore.agGridApi.collapseAll();\n    templatesMenuStore.agGridApi.forEachNode((node) => {\n      if (node.level === 0) {\n        templatesMenuStore.agGridApi.setRowNodeExpanded(node, true);\n      }\n    });\n    return;\n  }\n  const groupMatches = templatesStore.templatesGroups.filter((i) => {\n    const name = i.groupName?.toLowerCase();\n    return name?.includes(filter);\n  });\n  const groupIds = groupMatches.map((i) => i.groupId);\n\n  const templateMatches = templatesStore.myTemplates.filter((i) => {\n    const title = i.title.toLowerCase();\n    return title.includes(filter);\n  });\n  const templateIds = templateMatches.map((i) => i.template_group_id);\n\n  const allGroupIds = [...groupIds, ...templateIds];\n\n  allGroupIds.forEach((id) => {\n    expandNodesToTarget(id);\n  });\n};\n\nconst expandNodesToTarget = (templateId) => {\n  const rowNode = templatesMenuStore.agGridApi.getRenderedNodes().find((i) => i.key === templateId);\n  if (!rowNode) return;\n  let tempNode = rowNode;\n  while (tempNode.parent && tempNode.level !== -1) {\n    tempNode.setExpanded(true);\n    tempNode = tempNode.parent;\n  }\n};\n</script>\n\n<template>\n  <div class=\"hrbr-sidebar-pane-template-groups-menu hrbr-grid-container\">\n    <div\n      class=\"hrbr-sidebar-pane-template-groups-menu__tg-grid\"\n      data-testid=\"template-groups\"\n    >\n      <ag-grid-vue\n        class=\"hrbr-sidebar-pane-template-groups-menu__ag-grid ag-theme-alpine hrbr-ag-font-family\"\n        style=\"width: 100%; height: 100%\"\n        :gridOptions=\"gridOptions\"\n        :columnDefs=\"columnDefs\"\n        :defaultColDef=\"defaultColDef\"\n        :rowData=\"templatesData\"\n        :headerHeight=\"38\"\n        :animateRows=\"false\"\n        ref=\"gridReference\"\n        @row-clicked=\"handleRowClick\"\n        @grid-ready=\"onGridReady\"\n        @filter-changed=\"onFilterChangedDebounced\"\n        :quickFilterText=\"sidebarStore.filter\"\n        :overlayNoRowsTemplate=\"overlayNoRowsTemplate\" />\n    </div>\n  </div>\n</template>\n\n<style lang=\"postcss\" scoped>\n.hrbr-sidebar-pane-template-groups-menu {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  position: relative;\n\n  &__tg-grid {\n    flex: 1;\n    height: 100%;\n  }\n\n  &__ag-grid {\n    height: 100%;\n    --ag-grid-size: 3px;\n    --ag-font-size: 14px;\n    --ag-icon-size: 14px;\n    --ag-row-height: 36px;\n    --ag-row-hover-color: rgb(228 233 236 / 40%);\n    --ag-data-color: #666f75;\n    --ag-borders: none;\n    --ag-header-foreground-color: #666f75;\n    --ag-header-background-color: #e4e9ec;\n\n    padding: 0;\n    margin: 0;\n  }\n\n  :deep(&__no-template-groups) {\n    font-size: 14px;\n    color: #666f75;\n    text-align: center;\n    align-self: flex-start;\n    width: 100%;\n    margin-top: 20px;\n  }\n\n  :deep(.ag-header) {\n    display: none;\n  }\n\n  :deep(.ag-group-value) {\n    flex: 1;\n  }\n\n  :deep(.ag-row-odd) {\n    background-color: transparent;\n  }\n\n  :deep(.ag-row) {\n    cursor: pointer;\n    border-bottom: 0;\n\n    &--active {\n      background: #E2E9FB;\n\n      &.ag-row-hover::before {\n        display: none;\n      }\n    }\n\n    &--hidden {\n      display: none;\n    }\n  }\n\n  :deep(.ag-row-animation .ag-row) {\n    transition: transform 0.2s, top 0.2s, background-color 0.1s, opacity 0.2s;\n  }\n\n  :deep(.ag-cell) {\n    padding: 0 5px;\n  }\n\n  :deep(.hover-over) {\n    background-color: #e4e9ec;\n  }\n\n  :deep(.ag-row-drag) {\n    visibility: hidden;\n  }\n\n  :deep(.ag-icon.ag-icon-grip) {\n    --ag-icon-font-family: 'Font Awesome 5 Pro';\n    --ag-icon-font-code-grip: '\\e411';\n  }\n\n  :deep(.ag-body-vertical-scroll) {\n    display: none !important;\n  }\n}\n</style>\n"],"names":["defineStore","useTemplatesMenuStore","api","computed","templatesStore","useTemplatesStore","sidebarStore","useSidebarStore","harbourStore","useHarbourStore","templatesMenuStore","createTempTemplate","group","templatesData","templates","t","tempTemplate","gridOptions","params","props","node","_a","defaultColDef","templateGroup","groupName","columnDefs","a","b","nodeA","nodeB","templateA","_b","templateB","_d","_c","handleRowClick","isGroup","setCurrentGroup","watch","selectedNode","allTemplatesGroup","templateGroupId","activeGroupNode","getActiveGroupNode","rowNodes","scrollToActiveGroup","overlayNoRowsTemplate","onGridReady","markRaw","onActivated","onFilterChanged","event","expandNodesOnFiltering","onFilterChangedDebounced","debounce","filter","groupIds","i","name","templateIds","id","expandNodesToTarget","templateId","rowNode","tempNode"],"mappings":"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"}