rez-table-listing-mui 2.0.14 → 2.0.15

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/assets/svg.tsx","../src/listing/components/table-change-layout.tsx","../src/listing/libs/hooks/useFullScreen.tsx","../src/listing/components/viewmore/index.tsx","../src/listing/components/sorting-modal.tsx/sorting-item.tsx","../src/listing/components/sorting-modal.tsx/index.tsx","../src/listing/components/column-visibility-modal/column-list-item.tsx","../src/listing/types/common.ts","../src/listing/components/column-visibility-modal/index.tsx","../src/listing/libs/utils/debounce.ts","../src/listing/components/search/style.ts","../src/listing/components/search/index.tsx","../src/listing/libs/hooks/useOutsideClick.tsx","../src/listing/components/topbar/index.tsx","../src/listing/components/pagination/default/pagination.styles.ts","../src/listing/components/pagination/default/index.tsx","../src/listing/libs/utils/common.ts","../src/listing/components/table-body/table-body.styles.ts","../src/listing/components/table-body/table-body-dnd-cell.tsx","../src/listing/components/inputs/checkbox/index.tsx","../src/listing/components/table-body/table-body.tsx","../src/listing/components/table-head/table-head.styles.ts","../src/listing/components/table-head/table-head-pin.tsx","../src/listing/components/table-head/table-head-popover.tsx","../src/listing/components/table-head/table-head-resizer.tsx","../src/listing/components/table-head/table-head-dnd-cell.tsx","../src/listing/components/table-head/table-head.tsx","../src/listing/components/table.tsx","../src/listing/components/table-dnd.tsx","../src/listing/components/index-table.tsx","../src/listing/libs/hooks/useCraftTable.tsx","../src/listing/libs/hooks/useCraftTableFilterSettings.tsx","../src/listing/components/tabs/tabs.styles.ts","../src/listing/components/tabs/index.tsx","../src/listing/components/common/confirm-modal/index.tsx","../src/listing/components/filter/components/tabs/custom-tab-panel.tsx","../src/listing/components/filter/components/tabs/index.tsx","../src/listing/components/filter/components/forms/components/Dropdown.tsx","../src/listing/components/filter/style.ts","../src/listing/components/filter/components/search/index.tsx","../src/listing/components/filter/components/forms/components/empty-list.tsx","../src/listing/components/filter/components/forms/components/filter-criteria-entity-list.tsx","../src/listing/components/common/loader/loader.tsx","../src/listing/components/filter/components/forms/components/filter-criteria-list.tsx","../src/listing/components/filter/components/forms/components/styles.tsx","../src/listing/components/filter/components/forms/components/Textfield.tsx","../src/listing/components/filter/components/forms/components/Date.tsx","../src/listing/components/filter/components/forms/components/Multi-Select.tsx","../src/listing/components/filter/components/forms/utils/filter-date-input-resolver.tsx","../src/listing/components/filter/components/forms/components/Filter-criteria.tsx","../src/listing/libs/hooks/useElementWidth.tsx","../src/listing/components/filter/components/forms/index.tsx","../src/listing/components/filter/components/main-filter.tsx","../src/listing/components/filter/components/saved-edit-filter.tsx","../src/listing/components/filter/components/saved-filter.tsx","../src/listing/components/filter/components/attributes-filter.tsx","../src/listing/libs/utils/deep-merge-objects.ts","../src/listing/components/filter/components/single-filter-rendering.tsx","../src/listing/components/common/saved-filter-modal/index.tsx","../src/listing/components/filter/index.tsx","../src/listing/components/table-settings/tabs/styles.ts","../src/listing/components/table-settings/tabs/vertical/index.tsx","../src/listing/components/table-settings/tabs/vertical/custom-tab-panel.tsx","../src/listing/components/table-settings/common/draggable-listitem.tsx","../src/listing/components/table-settings/style.ts","../src/listing/components/table-settings/common/listing-values.tsx","../src/listing/components/table-settings/common/info-alert.tsx","../src/listing/components/table-settings/components/quick-tab.tsx","../src/listing/components/table-settings/components/toggle-button-switch.tsx","../src/listing/components/table-settings/constants.ts","../src/listing/components/table-settings/tabs/horizontal/index.tsx","../src/listing/components/table-settings/components/column.tsx","../src/listing/components/table-settings/components/sorting.tsx","../src/listing/components/table-settings/components/custom-dialog.tsx","../src/listing/components/table-settings/components/custom-button.tsx","../src/listing/components/table-settings/components/lane.tsx","../src/listing/components/table-settings/components/swim-lane.tsx","../src/listing/components/table-settings/index.tsx","../src/kanban/styles/styles.tsx","../src/kanban/constants/kanban-constants.ts","../src/kanban/index.tsx"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","import React from \"react\";\r\n\r\nexport const SortIcon = () => (\r\n  <svg\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    fill=\"none\"\r\n    viewBox=\"0 0 24 24\"\r\n    strokeWidth={1.5}\r\n    stroke=\"currentColor\"\r\n  >\r\n    <path\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n      d=\"M3 7.5L7.5 3m0 0L12 7.5M7.5 3v13.5m13.5 0L16.5 21m0 0L12 16.5m4.5 4.5V7.5\"\r\n    />\r\n  </svg>\r\n);\r\n\r\nexport const GreenDot = () => (\r\n  <svg\r\n    width=\"8\"\r\n    height=\"8\"\r\n    viewBox=\"0 0 8 8\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n  >\r\n    <circle cx=\"4\" cy=\"4\" r=\"4\" fill=\"#5CD961\" />\r\n  </svg>\r\n);\r\n\r\nexport const RedDot = () => (\r\n  <svg\r\n    width=\"8\"\r\n    height=\"8\"\r\n    viewBox=\"0 0 8 8\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n  >\r\n    <circle cx=\"4\" cy=\"4\" r=\"4\" fill=\"#F94144\" />\r\n  </svg>\r\n);\r\n\r\nexport const BlueDot = () => (\r\n  <svg\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    width=\"8\"\r\n    height=\"8\"\r\n    viewBox=\"0 0 8 8\"\r\n    fill=\"none\"\r\n  >\r\n    <circle cx=\"4\" cy=\"4\" r=\"4\" fill=\"#04769A\" />\r\n  </svg>\r\n);\r\n\r\nexport const UpArrow = () => (\r\n  <svg\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    viewBox=\"0 0 24 24\"\r\n    width=\"14\"\r\n    height=\"14\"\r\n    fill=\"none\"\r\n    stroke=\"currentColor\"\r\n    strokeWidth=\"2\"\r\n    strokeLinecap=\"round\"\r\n    strokeLinejoin=\"round\"\r\n  >\r\n    <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"></line>\r\n    <polyline points=\"19 12 12 5 5 12\"></polyline>\r\n  </svg>\r\n);\r\n\r\nexport const DownArrow = () => (\r\n  <svg\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    viewBox=\"0 0 24 24\"\r\n    width=\"14\"\r\n    height=\"14\"\r\n    fill=\"none\"\r\n    stroke=\"currentColor\"\r\n    strokeWidth=\"2\"\r\n    strokeLinecap=\"round\"\r\n    strokeLinejoin=\"round\"\r\n  >\r\n    <line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"5\"></line>\r\n    <polyline points=\"5 12 12 19 19 12\"></polyline>\r\n  </svg>\r\n);\r\n\r\nexport const TableFirstPageIcon = () => (\r\n  <svg\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    width=\"24\"\r\n    height=\"24\"\r\n    viewBox=\"0 0 24 24\"\r\n    aria-hidden=\"true\"\r\n    role=\"presentation\"\r\n  >\r\n    <path d=\"M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z\"></path>\r\n    <path fill=\"none\" d=\"M24 24H0V0h24v24z\"></path>\r\n  </svg>\r\n);\r\n\r\nexport const TablePreviousPageIcon = () => (\r\n  <svg\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    width=\"24\"\r\n    height=\"24\"\r\n    viewBox=\"0 0 24 24\"\r\n    aria-hidden=\"true\"\r\n    role=\"presentation\"\r\n  >\r\n    <path d=\"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z\"></path>\r\n    <path d=\"M0 0h24v24H0z\" fill=\"none\"></path>\r\n  </svg>\r\n);\r\n\r\nexport const TableNextPageIcon = () => (\r\n  <svg\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    width=\"24\"\r\n    height=\"24\"\r\n    viewBox=\"0 0 24 24\"\r\n    aria-hidden=\"true\"\r\n    role=\"presentation\"\r\n  >\r\n    <path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"></path>\r\n    <path d=\"M0 0h24v24H0z\" fill=\"none\"></path>\r\n  </svg>\r\n);\r\n\r\nexport const TableLastPageIcon = () => (\r\n  <svg\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    width=\"24\"\r\n    height=\"24\"\r\n    viewBox=\"0 0 24 24\"\r\n    aria-hidden=\"true\"\r\n    role=\"presentation\"\r\n  >\r\n    <path d=\"M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z\"></path>\r\n    <path fill=\"none\" d=\"M0 0h24v24H0V0z\"></path>\r\n  </svg>\r\n);\r\n\r\nexport const VerticalThreeDots = () => (\r\n  <svg\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    width=\"14\"\r\n    height=\"14\"\r\n    fill=\"currentColor\"\r\n    className=\"bi bi-three-dots-vertical\"\r\n    viewBox=\"0 0 16 16\"\r\n  >\r\n    <path d=\"M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0\" />\r\n  </svg>\r\n);\r\n\r\nexport const ArrowDownUp = () => (\r\n  <svg\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    width=\"12\"\r\n    height=\"12\"\r\n    fill=\"currentColor\"\r\n    className=\"bi bi-arrow-down-up\"\r\n    viewBox=\"0 0 16 16\"\r\n  >\r\n    <path\r\n      fillRule=\"evenodd\"\r\n      d=\"M11.5 15a.5.5 0 0 0 .5-.5V2.707l3.146 3.147a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 1 0 .708.708L11 2.707V14.5a.5.5 0 0 0 .5.5m-7-14a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L4 13.293V1.5a.5.5 0 0 1 .5-.5\"\r\n    />\r\n  </svg>\r\n);\r\nexport const EditIcon = () => (\r\n  <svg\r\n    width=\"18\"\r\n    height=\"12\"\r\n    viewBox=\"0 0 12 12\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n  >\r\n    <path\r\n      d=\"M1.33331 10.6663H2.17431L8.99865 3.84201L8.15765 3.00101L1.33331 9.82534V10.6663ZM0.93598 11.6663C0.765202 11.6663 0.622091 11.6086 0.506646 11.493C0.391091 11.3776 0.333313 11.2345 0.333313 11.0637V9.90867C0.333313 9.74612 0.364535 9.59118 0.42698 9.44384C0.489313 9.29651 0.575202 9.16812 0.684646 9.05868L9.12698 0.620174C9.22776 0.528619 9.33904 0.457897 9.46081 0.408008C9.5827 0.358008 9.71048 0.333008 9.84415 0.333008C9.97781 0.333008 10.1073 0.35673 10.2325 0.404175C10.3578 0.451619 10.4688 0.527063 10.5653 0.630507L11.3795 1.45484C11.4829 1.5514 11.5566 1.66251 11.6006 1.78817C11.6446 1.91384 11.6666 2.03951 11.6666 2.16517C11.6666 2.29929 11.6438 2.42723 11.598 2.54901C11.5522 2.6709 11.4794 2.78223 11.3795 2.88301L2.94098 11.315C2.83154 11.4245 2.70315 11.5103 2.55581 11.5727C2.40848 11.6351 2.25354 11.6663 2.09098 11.6663H0.93598ZM8.57081 3.42884L8.15765 3.00101L8.99865 3.84201L8.57081 3.42884Z\"\r\n      fill=\"#0E0C0B\"\r\n      fillOpacity={0.4}\r\n    />\r\n  </svg>\r\n);\r\n\r\nexport const DeleteIcon = () => (\r\n  <svg\r\n    width=\"18\"\r\n    height=\"20\"\r\n    viewBox=\"0 0 10 12\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n  >\r\n    <path\r\n      d=\"M1.87183 11.6665C1.54039 11.6665 1.25667 11.5485 1.02067 11.3125C0.784667 11.0765 0.666667 10.7928 0.666667 10.4613V1.99982H0.5C0.358333 1.99982 0.239611 1.95188 0.143833 1.85599C0.0479445 1.7601 0 1.64132 0 1.49966C0 1.35788 0.0479445 1.23916 0.143833 1.14349C0.239611 1.04771 0.358333 0.999823 0.5 0.999823H3C3 0.836601 3.0575 0.69749 3.1725 0.58249C3.28739 0.467601 3.42644 0.410156 3.58967 0.410156H6.41033C6.57356 0.410156 6.71261 0.467601 6.8275 0.58249C6.9425 0.69749 7 0.836601 7 0.999823H9.5C9.64167 0.999823 9.76039 1.04777 9.85617 1.14366C9.95206 1.23955 10 1.35832 10 1.49999C10 1.64177 9.95206 1.76049 9.85617 1.85616C9.76039 1.95193 9.64167 1.99982 9.5 1.99982H9.33333V10.4613C9.33333 10.7928 9.21533 11.0765 8.97933 11.3125C8.74333 11.5485 8.45961 11.6665 8.12817 11.6665H1.87183ZM8.33333 1.99982H1.66667V10.4613C1.66667 10.5212 1.68589 10.5704 1.72433 10.6088C1.76278 10.6473 1.81194 10.6665 1.87183 10.6665H8.12817C8.18806 10.6665 8.23722 10.6473 8.27567 10.6088C8.31411 10.5704 8.33333 10.5212 8.33333 10.4613V1.99982ZM3.7695 9.33316C3.91117 9.33316 4.02989 9.28527 4.12567 9.18949C4.22133 9.0936 4.26917 8.97482 4.26917 8.83316V3.83316C4.26917 3.69149 4.22122 3.57271 4.12533 3.47682C4.02956 3.38104 3.91078 3.33316 3.769 3.33316C3.62733 3.33316 3.50861 3.38104 3.41283 3.47682C3.31717 3.57271 3.26933 3.69149 3.26933 3.83316V8.83316C3.26933 8.97482 3.31722 9.0936 3.413 9.18949C3.50889 9.28527 3.62772 9.33316 3.7695 9.33316ZM6.231 9.33316C6.37267 9.33316 6.49139 9.28527 6.58717 9.18949C6.68283 9.0936 6.73067 8.97482 6.73067 8.83316V3.83316C6.73067 3.69149 6.68278 3.57271 6.587 3.47682C6.49111 3.38104 6.37228 3.33316 6.2305 3.33316C6.08883 3.33316 5.97011 3.38104 5.87433 3.47682C5.77867 3.57271 5.73083 3.69149 5.73083 3.83316V8.83316C5.73083 8.97482 5.77878 9.0936 5.87467 9.18949C5.97044 9.28527 6.08922 9.33316 6.231 9.33316Z\"\r\n      fill=\"#F63D68\"\r\n    />\r\n  </svg>\r\n);\r\n\r\nexport const CrossSearchIcon = () => (\r\n  <svg\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    width=\"24\"\r\n    height=\"24\"\r\n    viewBox=\"0 0 24 24\"\r\n    fill=\"none\"\r\n    stroke=\"currentColor\"\r\n    strokeWidth=\"2\"\r\n    strokeLinecap=\"round\"\r\n    strokeLinejoin=\"round\"\r\n    className=\"tabler-icon tabler-icon-search-off\"\r\n  >\r\n    <path d=\"M5.039 5.062a7 7 0 0 0 9.91 9.89m1.584 -2.434a7 7 0 0 0 -9.038 -9.057\"></path>\r\n    <path d=\"M3 3l18 18\"></path>\r\n  </svg>\r\n);\r\n\r\nexport const FilterIcon = () => (\r\n  <svg\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    width=\"20\"\r\n    height=\"20\"\r\n    fill=\"currentColor\"\r\n    className=\"bi bi-funnel\"\r\n    viewBox=\"0 0 16 16\"\r\n  >\r\n    <path d=\"M1.5 1.5A.5.5 0 0 1 2 1h12a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.128.334L10 8.692V13.5a.5.5 0 0 1-.342.474l-3 1A.5.5 0 0 1 6 14.5V8.692L1.628 3.834A.5.5 0 0 1 1.5 3.5zm1 .5v1.308l4.372 4.858A.5.5 0 0 1 7 8.5v5.306l2-.666V8.5a.5.5 0 0 1 .128-.334L13.5 3.308V2z\" />\r\n  </svg>\r\n);\r\n\r\nexport const HideColumnIcon = () => (\r\n  <svg\r\n    width=\"28\"\r\n    height=\"28\"\r\n    viewBox=\"0 0 24 24\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n  >\r\n    <path\r\n      d=\"M15 3.5H3C2.175 3.5 1.5 4.175 1.5 5V14C1.5 14.825 2.175 15.5 3 15.5H15C15.825 15.5 16.5 14.825 16.5 14V5C16.5 4.175 15.825 3.5 15 3.5ZM6 14H3V5H6V14ZM10.5 14H7.5V5H10.5V14ZM15 14H12V5H15V14Z\"\r\n      fill=\"currentColor\"\r\n      stroke=\"white\"\r\n      strokeWidth=\"0.5\"\r\n    />\r\n  </svg>\r\n);\r\n\r\nexport const PaddingMD = () => (\r\n  <svg\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    width=\"20\"\r\n    height=\"20\"\r\n    viewBox=\"0 0 24 24\"\r\n    fill=\"none\"\r\n    stroke=\"currentColor\"\r\n    strokeWidth=\"2\"\r\n    strokeLinecap=\"round\"\r\n    strokeLinejoin=\"round\"\r\n    className=\"tabler-icon tabler-icon-baseline-density-medium\"\r\n  >\r\n    <path d=\"M4 20h16\"></path>\r\n    <path d=\"M4 12h16\"></path>\r\n    <path d=\"M4 4h16\"></path>\r\n  </svg>\r\n);\r\n\r\nexport const PaddingSM = () => (\r\n  <svg\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    width=\"20\"\r\n    height=\"20\"\r\n    viewBox=\"0 0 24 24\"\r\n    fill=\"none\"\r\n    stroke=\"currentColor\"\r\n    strokeWidth=\"2\"\r\n    strokeLinecap=\"round\"\r\n    strokeLinejoin=\"round\"\r\n    className=\"tabler-icon tabler-icon-baseline-density-small\"\r\n  >\r\n    <path d=\"M4 3h16\"></path>\r\n    <path d=\"M4 9h16\"></path>\r\n    <path d=\"M4 15h16\"></path>\r\n    <path d=\"M4 21h16\"></path>\r\n  </svg>\r\n);\r\n\r\nexport const PaddingLG = () => (\r\n  <svg\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    width=\"20\"\r\n    height=\"20\"\r\n    viewBox=\"0 0 24 24\"\r\n    fill=\"none\"\r\n    stroke=\"currentColor\"\r\n    strokeWidth=\"2\"\r\n    strokeLinecap=\"round\"\r\n    strokeLinejoin=\"round\"\r\n    className=\"tabler-icon tabler-icon-baseline-density-large\"\r\n  >\r\n    <path d=\"M4 4h16\"></path>\r\n    <path d=\"M4 20h16\"></path>\r\n  </svg>\r\n);\r\n\r\nexport const DragHandleIcon = () => (\r\n  <svg\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    width=\"20\"\r\n    height=\"20\"\r\n    viewBox=\"0 0 24 24\"\r\n    fill=\"none\"\r\n    stroke=\"currentColor\"\r\n    strokeWidth=\"2\"\r\n    strokeLinecap=\"round\"\r\n    strokeLinejoin=\"round\"\r\n    className=\"tabler-icon tabler-icon-grip-horizontal\"\r\n    transform=\"rotate(90)\"\r\n  >\r\n    <path d=\"M10 9m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\"></path>\r\n    <path d=\"M10 15m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\"></path>\r\n    <path d=\"M18 9m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\"></path>\r\n    <path d=\"M18 15m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\"></path>\r\n  </svg>\r\n);\r\n\r\nexport const IconPinOutline = (props: React.SVGProps<SVGSVGElement>) => {\r\n  return (\r\n    <svg\r\n      viewBox=\"0 0 24 24\"\r\n      fill=\"currentColor\"\r\n      height=\"1rem\"\r\n      width=\"1rem\"\r\n      {...props}\r\n    >\r\n      <path d=\"M16 12V4h1V2H7v2h1v8l-2 2v2h5.2v6h1.6v-6H18v-2l-2-2m-7.2 2l1.2-1.2V4h4v8.8l1.2 1.2H8.8z\" />\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport const IconPinOffOutline = (props: React.SVGProps<SVGSVGElement>) => {\r\n  return (\r\n    <svg\r\n      viewBox=\"0 0 24 24\"\r\n      fill=\"currentColor\"\r\n      height=\"1rem\"\r\n      width=\"1rem\"\r\n      {...props}\r\n    >\r\n      <path d=\"M8 6.2V4H7V2h10v2h-1v8l2 2v2h-.2L14 12.2V4h-4v4.2l-2-2m12 14.5L18.7 22l-5.9-5.9V22h-1.6v-6H6v-2l2-2v-.7l-6-6L3.3 4 20 20.7M8.8 14h1.8l-.9-.9-.9.9z\" />\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport const IconExpand = (props: React.SVGProps<SVGSVGElement>) => {\r\n  return (\r\n    <svg\r\n      viewBox=\"0 0 1024 1024\"\r\n      fill=\"currentColor\"\r\n      height=\"1rem\"\r\n      width=\"1rem\"\r\n      {...props}\r\n    >\r\n      <defs>\r\n        <style />\r\n      </defs>\r\n      <path d=\"M342 88H120c-17.7 0-32 14.3-32 32v224c0 8.8 7.2 16 16 16h48c8.8 0 16-7.2 16-16V168h174c8.8 0 16-7.2 16-16v-48c0-8.8-7.2-16-16-16zm578 576h-48c-8.8 0-16 7.2-16 16v176H682c-8.8 0-16 7.2-16 16v48c0 8.8 7.2 16 16 16h222c17.7 0 32-14.3 32-32V680c0-8.8-7.2-16-16-16zM342 856H168V680c0-8.8-7.2-16-16-16h-48c-8.8 0-16 7.2-16 16v224c0 17.7 14.3 32 32 32h222c8.8 0 16-7.2 16-16v-48c0-8.8-7.2-16-16-16zM904 88H682c-8.8 0-16 7.2-16 16v48c0 8.8 7.2 16 16 16h174v176c0 8.8 7.2 16 16 16h48c8.8 0 16-7.2 16-16V120c0-17.7-14.3-32-32-32z\" />\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport const LoaderAnimation = () => {\r\n  return (\r\n    <svg viewBox=\"0 0 60 60\" width={\"4rem\"}>\r\n      <circle fill=\"currentColor\" stroke=\"none\" cx=\"6\" cy=\"30\" r=\"5\">\r\n        <animateTransform\r\n          attributeName=\"transform\"\r\n          dur=\"1s\"\r\n          type=\"translate\"\r\n          values=\"0 15 ; 0 -15; 0 15\"\r\n          repeatCount=\"indefinite\"\r\n          begin=\"0.1\"\r\n        />\r\n      </circle>\r\n      <circle fill=\"currentColor\" stroke=\"none\" cx=\"24\" cy=\"30\" r=\"5\">\r\n        <animateTransform\r\n          attributeName=\"transform\"\r\n          dur=\"1s\"\r\n          type=\"translate\"\r\n          values=\"0 10 ; 0 -10; 0 10\"\r\n          repeatCount=\"indefinite\"\r\n          begin=\"0.2\"\r\n        />\r\n      </circle>\r\n      <circle fill=\"currentColor\" stroke=\"none\" cx=\"42\" cy=\"30\" r=\"5\">\r\n        <animateTransform\r\n          attributeName=\"transform\"\r\n          dur=\"1s\"\r\n          type=\"translate\"\r\n          values=\"0 5 ; 0 -5; 0 5\"\r\n          repeatCount=\"indefinite\"\r\n          begin=\"0.3\"\r\n        />\r\n      </circle>\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport const ChangeLayoutIcon = () => {\r\n  return (\r\n    <svg\r\n      width=\"20\"\r\n      height=\"20\"\r\n      viewBox=\"0 0 20 20\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <mask\r\n        id=\"mask0_811_12587\"\r\n        style={{ maskType: \"alpha\" }}\r\n        maskUnits=\"userSpaceOnUse\"\r\n        x=\"0\"\r\n        y=\"0\"\r\n        width=\"20\"\r\n        height=\"20\"\r\n      >\r\n        <rect width=\"20\" height=\"20\" fill=\"#D9D9D9\" />\r\n      </mask>\r\n      <g mask=\"url(#mask0_811_12587)\">\r\n        <path\r\n          d=\"M4.42311 17.0834C4.00214 17.0834 3.64582 16.9375 3.35416 16.6459C3.06249 16.3542 2.91666 15.9979 2.91666 15.5769V4.42315C2.91666 4.00217 3.06249 3.64585 3.35416 3.35419C3.64582 3.06252 4.00214 2.91669 4.42311 2.91669H15.5769C15.9978 2.91669 16.3542 3.06252 16.6458 3.35419C16.9375 3.64585 17.0833 4.00217 17.0833 4.42315V15.5769C17.0833 15.9979 16.9375 16.3542 16.6458 16.6459C16.3542 16.9375 15.9978 17.0834 15.5769 17.0834H4.42311ZM4.42311 15.8334H9.37499V4.16669H4.42311C4.35895 4.16669 4.3002 4.19342 4.24687 4.24689C4.19339 4.30023 4.16666 4.35898 4.16666 4.42315V15.5769C4.16666 15.6411 4.19339 15.6998 4.24687 15.7531C4.3002 15.8066 4.35895 15.8334 4.42311 15.8334ZM10.625 15.8334H15.5769C15.641 15.8334 15.6998 15.8066 15.7531 15.7531C15.8066 15.6998 15.8333 15.6411 15.8333 15.5769V10H10.625V15.8334ZM10.625 8.75002H15.8333V4.42315C15.8333 4.35898 15.8066 4.30023 15.7531 4.24689C15.6998 4.19342 15.641 4.16669 15.5769 4.16669H10.625V8.75002Z\"\r\n          fill=\"#1E1E1E\"\r\n        />\r\n      </g>\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport const BoardIcon = () => {\r\n  return (\r\n    <svg\r\n      width=\"13\"\r\n      height=\"10\"\r\n      viewBox=\"0 0 13 10\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <path\r\n        d=\"M1.37179 9H4.05763V1H1.37179C1.3119 1 1.26274 1.01922 1.22429 1.05767C1.18585 1.09611 1.16663 1.14528 1.16663 1.20517V8.79483C1.16663 8.85472 1.18585 8.90389 1.22429 8.94233C1.26274 8.98078 1.3119 9 1.37179 9ZM5.05763 9H7.94229V1H5.05763V9ZM8.94229 9H11.6281C11.688 9 11.7372 8.98078 11.7756 8.94233C11.8141 8.90389 11.8333 8.85472 11.8333 8.79483V1.20517C11.8333 1.14528 11.8141 1.09611 11.7756 1.05767C11.7372 1.01922 11.688 1 11.6281 1H8.94229V9ZM1.37179 10C1.03501 10 0.749959 9.88333 0.516626 9.65C0.283293 9.41667 0.166626 9.13161 0.166626 8.79483V1.20517C0.166626 0.868389 0.283293 0.583333 0.516626 0.35C0.749959 0.116667 1.03501 0 1.37179 0H11.6281C11.9649 0 12.25 0.116667 12.4833 0.35C12.7166 0.583333 12.8333 0.868389 12.8333 1.20517V8.79483C12.8333 9.13161 12.7166 9.41667 12.4833 9.65C12.25 9.88333 11.9649 10 11.6281 10H1.37179Z\"\r\n        fill=\"#A6A6A6\"\r\n      />\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport const TableIcon = () => {\r\n  return (\r\n    <svg\r\n      width=\"13\"\r\n      height=\"12\"\r\n      viewBox=\"0 0 13 12\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <path\r\n        d=\"M3.17954 9.16671H5.82054C5.96243 9.16671 6.08121 9.11882 6.17687 9.02304C6.27265 8.92737 6.32054 8.8086 6.32054 8.66671C6.32054 8.52482 6.27265 8.40604 6.17687 8.31037C6.08121 8.2146 5.96243 8.16671 5.82054 8.16671H3.17954C3.03765 8.16671 2.91887 8.2146 2.82321 8.31037C2.72743 8.40604 2.67954 8.52482 2.67954 8.66671C2.67954 8.8086 2.72743 8.92737 2.82321 9.02304C2.91887 9.11882 3.03765 9.16671 3.17954 9.16671ZM5.17954 6.50004H7.82054C7.96243 6.50004 8.08121 6.45215 8.17687 6.35637C8.27265 6.26071 8.32054 6.14193 8.32054 6.00004C8.32054 5.85815 8.27265 5.73937 8.17687 5.64371C8.08121 5.54793 7.96243 5.50004 7.82054 5.50004H5.17954C5.03765 5.50004 4.91887 5.54793 4.82321 5.64371C4.72743 5.73937 4.67954 5.85815 4.67954 6.00004C4.67954 6.14193 4.72743 6.26071 4.82321 6.35637C4.91887 6.45215 5.03765 6.50004 5.17954 6.50004ZM7.17954 3.83337H9.82054C9.96243 3.83337 10.0812 3.78549 10.1769 3.68971C10.2727 3.59404 10.3205 3.47526 10.3205 3.33337C10.3205 3.19148 10.2727 3.07271 10.1769 2.97704C10.0812 2.88126 9.96243 2.83337 9.82054 2.83337H7.17954C7.03765 2.83337 6.91887 2.88126 6.82321 2.97704C6.72743 3.07271 6.67954 3.19148 6.67954 3.33337C6.67954 3.47526 6.72743 3.59404 6.82321 3.68971C6.91887 3.78549 7.03765 3.83337 7.17954 3.83337ZM2.03854 11.6667C1.70176 11.6667 1.41671 11.55 1.18337 11.3167C0.950041 11.0834 0.833374 10.7983 0.833374 10.4615V1.53854C0.833374 1.20176 0.950041 0.916707 1.18337 0.683374C1.41671 0.450041 1.70176 0.333374 2.03854 0.333374H10.9615C11.2983 0.333374 11.5834 0.450041 11.8167 0.683374C12.05 0.916707 12.1667 1.20176 12.1667 1.53854V10.4615C12.1667 10.7983 12.05 11.0834 11.8167 11.3167C11.5834 11.55 11.2983 11.6667 10.9615 11.6667H2.03854ZM2.03854 10.6667H10.9615C11.0129 10.6667 11.0599 10.6453 11.1025 10.6025C11.1453 10.5599 11.1667 10.5129 11.1667 10.4615V1.53854C11.1667 1.48721 11.1453 1.44021 11.1025 1.39754C11.0599 1.35476 11.0129 1.33337 10.9615 1.33337H2.03854C1.98721 1.33337 1.94021 1.35476 1.89754 1.39754C1.85476 1.44021 1.83337 1.48721 1.83337 1.53854V10.4615C1.83337 10.5129 1.85476 10.5599 1.89754 10.6025C1.94021 10.6453 1.98721 10.6667 2.03854 10.6667Z\"\r\n        fill=\"#A6A6A6\"\r\n      />\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport const TimeLineIcon = () => {\r\n  return (\r\n    <svg\r\n      width=\"13\"\r\n      height=\"12\"\r\n      viewBox=\"0 0 13 12\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <path\r\n        d=\"M3.17954 9.16671H5.82054C5.96243 9.16671 6.08121 9.11882 6.17687 9.02304C6.27265 8.92737 6.32054 8.8086 6.32054 8.66671C6.32054 8.52482 6.27265 8.40604 6.17687 8.31037C6.08121 8.2146 5.96243 8.16671 5.82054 8.16671H3.17954C3.03765 8.16671 2.91887 8.2146 2.82321 8.31037C2.72743 8.40604 2.67954 8.52482 2.67954 8.66671C2.67954 8.8086 2.72743 8.92737 2.82321 9.02304C2.91887 9.11882 3.03765 9.16671 3.17954 9.16671ZM5.17954 6.50004H7.82054C7.96243 6.50004 8.08121 6.45215 8.17687 6.35637C8.27265 6.26071 8.32054 6.14193 8.32054 6.00004C8.32054 5.85815 8.27265 5.73937 8.17687 5.64371C8.08121 5.54793 7.96243 5.50004 7.82054 5.50004H5.17954C5.03765 5.50004 4.91887 5.54793 4.82321 5.64371C4.72743 5.73937 4.67954 5.85815 4.67954 6.00004C4.67954 6.14193 4.72743 6.26071 4.82321 6.35637C4.91887 6.45215 5.03765 6.50004 5.17954 6.50004ZM7.17954 3.83337H9.82054C9.96243 3.83337 10.0812 3.78549 10.1769 3.68971C10.2727 3.59404 10.3205 3.47526 10.3205 3.33337C10.3205 3.19148 10.2727 3.07271 10.1769 2.97704C10.0812 2.88126 9.96243 2.83337 9.82054 2.83337H7.17954C7.03765 2.83337 6.91887 2.88126 6.82321 2.97704C6.72743 3.07271 6.67954 3.19148 6.67954 3.33337C6.67954 3.47526 6.72743 3.59404 6.82321 3.68971C6.91887 3.78549 7.03765 3.83337 7.17954 3.83337ZM2.03854 11.6667C1.70176 11.6667 1.41671 11.55 1.18337 11.3167C0.950041 11.0834 0.833374 10.7983 0.833374 10.4615V1.53854C0.833374 1.20176 0.950041 0.916707 1.18337 0.683374C1.41671 0.450041 1.70176 0.333374 2.03854 0.333374H10.9615C11.2983 0.333374 11.5834 0.450041 11.8167 0.683374C12.05 0.916707 12.1667 1.20176 12.1667 1.53854V10.4615C12.1667 10.7983 12.05 11.0834 11.8167 11.3167C11.5834 11.55 11.2983 11.6667 10.9615 11.6667H2.03854ZM2.03854 10.6667H10.9615C11.0129 10.6667 11.0599 10.6453 11.1025 10.6025C11.1453 10.5599 11.1667 10.5129 11.1667 10.4615V1.53854C11.1667 1.48721 11.1453 1.44021 11.1025 1.39754C11.0599 1.35476 11.0129 1.33337 10.9615 1.33337H2.03854C1.98721 1.33337 1.94021 1.35476 1.89754 1.39754C1.85476 1.44021 1.83337 1.48721 1.83337 1.53854V10.4615C1.83337 10.5129 1.85476 10.5599 1.89754 10.6025C1.94021 10.6453 1.98721 10.6667 2.03854 10.6667Z\"\r\n        fill=\"#A6A6A6\"\r\n      />\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport const ListIcon = () => {\r\n  return (\r\n    <svg\r\n      width=\"13\"\r\n      height=\"12\"\r\n      viewBox=\"0 0 13 12\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <path\r\n        d=\"M5.20521 10.5C5.06354 10.5 4.94476 10.452 4.84887 10.3562C4.7531 10.2603 4.70521 10.1415 4.70521 9.99982C4.70521 9.85805 4.7531 9.73932 4.84887 9.64366C4.94476 9.54788 5.06354 9.49999 5.20521 9.49999H11.6667C11.8084 9.49999 11.9271 9.54794 12.0229 9.64382C12.1188 9.73971 12.1667 9.85849 12.1667 10.0002C12.1667 10.1419 12.1188 10.2607 12.0229 10.3563C11.9271 10.4521 11.8084 10.5 11.6667 10.5H5.20521ZM5.20521 6.49999C5.06354 6.49999 4.94476 6.45205 4.84887 6.35616C4.7531 6.26027 4.70521 6.14149 4.70521 5.99982C4.70521 5.85805 4.7531 5.73932 4.84887 5.64366C4.94476 5.54788 5.06354 5.49999 5.20521 5.49999H11.6667C11.8084 5.49999 11.9271 5.54794 12.0229 5.64382C12.1188 5.73971 12.1667 5.85849 12.1667 6.00016C12.1667 6.14194 12.1188 6.26066 12.0229 6.35632C11.9271 6.4521 11.8084 6.49999 11.6667 6.49999H5.20521ZM5.20521 2.49999C5.06354 2.49999 4.94476 2.45205 4.84887 2.35616C4.7531 2.26027 4.70521 2.14149 4.70521 1.99982C4.70521 1.85805 4.7531 1.73932 4.84887 1.64366C4.94476 1.54788 5.06354 1.49999 5.20521 1.49999H11.6667C11.8084 1.49999 11.9271 1.54794 12.0229 1.64382C12.1188 1.73971 12.1667 1.85849 12.1667 2.00016C12.1667 2.14194 12.1188 2.26066 12.0229 2.35632C11.9271 2.4521 11.8084 2.49999 11.6667 2.49999H5.20521ZM1.94237 11.109C1.63737 11.109 1.37632 11.0004 1.15921 10.7832C0.941985 10.566 0.833374 10.305 0.833374 9.99999C0.833374 9.69499 0.941985 9.43394 1.15921 9.21682C1.37632 8.9996 1.63737 8.89099 1.94237 8.89099C2.24737 8.89099 2.50843 8.9996 2.72554 9.21682C2.94276 9.43394 3.05137 9.69499 3.05137 9.99999C3.05137 10.305 2.94276 10.566 2.72554 10.7832C2.50843 11.0004 2.24737 11.109 1.94237 11.109ZM1.94237 7.10899C1.63737 7.10899 1.37632 7.00038 1.15921 6.78316C0.941985 6.56605 0.833374 6.30499 0.833374 5.99999C0.833374 5.69499 0.941985 5.43394 1.15921 5.21682C1.37632 4.9996 1.63737 4.89099 1.94237 4.89099C2.24737 4.89099 2.50843 4.9996 2.72554 5.21682C2.94276 5.43394 3.05137 5.69499 3.05137 5.99999C3.05137 6.30499 2.94276 6.56605 2.72554 6.78316C2.50843 7.00038 2.24737 7.10899 1.94237 7.10899ZM1.94237 3.10899C1.63737 3.10899 1.37632 3.00038 1.15921 2.78316C0.941985 2.56605 0.833374 2.30499 0.833374 1.99999C0.833374 1.69499 0.941985 1.43394 1.15921 1.21682C1.37632 0.999602 1.63737 0.890991 1.94237 0.890991C2.24737 0.890991 2.50843 0.999602 2.72554 1.21682C2.94276 1.43394 3.05137 1.69499 3.05137 1.99999C3.05137 2.30499 2.94276 2.56605 2.72554 2.78316C2.50843 3.00038 2.24737 3.10899 1.94237 3.10899Z\"\r\n        fill=\"#A6A6A6\"\r\n      />\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport const CalendarIcon = () => {\r\n  return (\r\n    <svg\r\n      width=\"13\"\r\n      height=\"14\"\r\n      viewBox=\"0 0 13 14\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <path\r\n        d=\"M2.03854 13.3333C1.70176 13.3333 1.41671 13.2167 1.18337 12.9833C0.950041 12.75 0.833374 12.465 0.833374 12.1282V3.20518C0.833374 2.8684 0.950041 2.58334 1.18337 2.35001C1.41671 2.11668 1.70176 2.00001 2.03854 2.00001H2.96154V1.10251C2.96154 0.956399 3.01049 0.834399 3.10837 0.73651C3.20626 0.638732 3.32826 0.589844 3.47437 0.589844C3.6206 0.589844 3.7426 0.638732 3.84037 0.73651C3.93826 0.834399 3.98721 0.956399 3.98721 1.10251V2.00001H9.03854V1.08984C9.03854 0.947955 9.08637 0.829121 9.18204 0.733344C9.27782 0.637677 9.39665 0.589844 9.53854 0.589844C9.68043 0.589844 9.79921 0.637677 9.89487 0.733344C9.99065 0.829121 10.0385 0.947955 10.0385 1.08984V2.00001H10.9615C11.2983 2.00001 11.5834 2.11668 11.8167 2.35001C12.05 2.58334 12.1667 2.8684 12.1667 3.20518V12.1282C12.1667 12.465 12.05 12.75 11.8167 12.9833C11.5834 13.2167 11.2983 13.3333 10.9615 13.3333H2.03854ZM2.03854 12.3333H10.9615C11.0129 12.3333 11.0599 12.312 11.1025 12.2692C11.1453 12.2265 11.1667 12.1795 11.1667 12.1282V5.87184H1.83337V12.1282C1.83337 12.1795 1.85476 12.2265 1.89754 12.2692C1.94021 12.312 1.98721 12.3333 2.03854 12.3333ZM1.83337 4.87184H11.1667V3.20518C11.1667 3.15384 11.1453 3.10684 11.1025 3.06418C11.0599 3.0214 11.0129 3.00001 10.9615 3.00001H2.03854C1.98721 3.00001 1.94021 3.0214 1.89754 3.06418C1.85476 3.10684 1.83337 3.15384 1.83337 3.20518V4.87184ZM6.50004 8.38468C6.33682 8.38468 6.19771 8.32718 6.08271 8.21218C5.96782 8.09729 5.91037 7.95818 5.91037 7.79484C5.91037 7.63162 5.96782 7.49251 6.08271 7.37751C6.19771 7.26262 6.33682 7.20518 6.50004 7.20518C6.66326 7.20518 6.80237 7.26262 6.91737 7.37751C7.03226 7.49251 7.08971 7.63162 7.08971 7.79484C7.08971 7.95818 7.03226 8.09729 6.91737 8.21218C6.80237 8.32718 6.66326 8.38468 6.50004 8.38468ZM3.83337 8.38468C3.67015 8.38468 3.53104 8.32718 3.41604 8.21218C3.30115 8.09729 3.24371 7.95818 3.24371 7.79484C3.24371 7.63162 3.30115 7.49251 3.41604 7.37751C3.53104 7.26262 3.67015 7.20518 3.83337 7.20518C3.9966 7.20518 4.13571 7.26262 4.25071 7.37751C4.3656 7.49251 4.42304 7.63162 4.42304 7.79484C4.42304 7.95818 4.3656 8.09729 4.25071 8.21218C4.13571 8.32718 3.9966 8.38468 3.83337 8.38468ZM9.16671 8.38468C9.00348 8.38468 8.86437 8.32718 8.74937 8.21218C8.63449 8.09729 8.57704 7.95818 8.57704 7.79484C8.57704 7.63162 8.63449 7.49251 8.74937 7.37751C8.86437 7.26262 9.00348 7.20518 9.16671 7.20518C9.32993 7.20518 9.46904 7.26262 9.58404 7.37751C9.69893 7.49251 9.75637 7.63162 9.75637 7.79484C9.75637 7.95818 9.69893 8.09729 9.58404 8.21218C9.46904 8.32718 9.32993 8.38468 9.16671 8.38468ZM6.50004 11C6.33682 11 6.19771 10.9425 6.08271 10.8275C5.96782 10.7126 5.91037 10.5736 5.91037 10.4103C5.91037 10.247 5.96782 10.1079 6.08271 9.99301C6.19771 9.87801 6.33682 9.82051 6.50004 9.82051C6.66326 9.82051 6.80237 9.87801 6.91737 9.99301C7.03226 10.1079 7.08971 10.247 7.08971 10.4103C7.08971 10.5736 7.03226 10.7126 6.91737 10.8275C6.80237 10.9425 6.66326 11 6.50004 11ZM3.83337 11C3.67015 11 3.53104 10.9425 3.41604 10.8275C3.30115 10.7126 3.24371 10.5736 3.24371 10.4103C3.24371 10.247 3.30115 10.1079 3.41604 9.99301C3.53104 9.87801 3.67015 9.82051 3.83337 9.82051C3.9966 9.82051 4.13571 9.87801 4.25071 9.99301C4.3656 10.1079 4.42304 10.247 4.42304 10.4103C4.42304 10.5736 4.3656 10.7126 4.25071 10.8275C4.13571 10.9425 3.9966 11 3.83337 11ZM9.16671 11C9.00348 11 8.86437 10.9425 8.74937 10.8275C8.63449 10.7126 8.57704 10.5736 8.57704 10.4103C8.57704 10.247 8.63449 10.1079 8.74937 9.99301C8.86437 9.87801 9.00348 9.82051 9.16671 9.82051C9.32993 9.82051 9.46904 9.87801 9.58404 9.99301C9.69893 10.1079 9.75637 10.247 9.75637 10.4103C9.75637 10.5736 9.69893 10.7126 9.58404 10.8275C9.46904 10.9425 9.32993 11 9.16671 11Z\"\r\n        fill=\"#A6A6A6\"\r\n      />\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport const GalleryIcon = () => {\r\n  return (\r\n    <svg\r\n      width=\"15\"\r\n      height=\"10\"\r\n      viewBox=\"0 0 15 10\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <path\r\n        d=\"M1.87179 9.33329C1.54035 9.33329 1.25663 9.21529 1.02063 8.97929C0.784626 8.74329 0.666626 8.45957 0.666626 8.12813V1.87179C0.666626 1.54035 0.784626 1.25663 1.02063 1.02063C1.25663 0.784626 1.54035 0.666626 1.87179 0.666626H8.12813C8.45957 0.666626 8.74329 0.784626 8.97929 1.02063C9.21529 1.25663 9.33329 1.54035 9.33329 1.87179V8.12813C9.33329 8.45957 9.21529 8.74329 8.97929 8.97929C8.74329 9.21529 8.45957 9.33329 8.12813 9.33329H1.87179ZM11.2723 4.33329C11.0984 4.33329 10.954 4.27579 10.8391 4.16079C10.7241 4.0459 10.6666 3.90151 10.6666 3.72763V1.27246C10.6666 1.09846 10.7241 0.954014 10.8391 0.839126C10.954 0.724126 11.0984 0.666626 11.2723 0.666626H13.7275C13.9015 0.666626 14.0459 0.724126 14.1608 0.839126C14.2758 0.954014 14.3333 1.09846 14.3333 1.27246V3.72763C14.3333 3.90151 14.2758 4.0459 14.1608 4.16079C14.0459 4.27579 13.9015 4.33329 13.7275 4.33329H11.2723ZM11.6666 3.33329H13.3333V1.66663H11.6666V3.33329ZM1.87179 8.33329H8.12813C8.18802 8.33329 8.23718 8.31407 8.27563 8.27563C8.31407 8.23718 8.33329 8.18802 8.33329 8.12813V1.87179C8.33329 1.8119 8.31407 1.76274 8.27563 1.72429C8.23718 1.68585 8.18802 1.66663 8.12813 1.66663H1.87179C1.8119 1.66663 1.76274 1.68585 1.72429 1.72429C1.68585 1.76274 1.66663 1.8119 1.66663 1.87179V8.12813C1.66663 8.18802 1.68585 8.23718 1.72429 8.27563C1.76274 8.31407 1.8119 8.33329 1.87179 8.33329ZM2.99996 6.96796H6.99996C7.11829 6.96796 7.20707 6.91324 7.26629 6.80379C7.32552 6.69435 7.31707 6.58835 7.24096 6.48579L6.15763 5.03579C6.09529 4.95546 6.01496 4.91529 5.91663 4.91529C5.81829 4.91529 5.73796 4.95546 5.67563 5.03579L4.66663 6.38463L3.99096 5.48579C3.92863 5.40546 3.84829 5.36529 3.74996 5.36529C3.65163 5.36529 3.57129 5.40546 3.50896 5.48579L2.75896 6.48579C2.68285 6.58835 2.6744 6.69435 2.73363 6.80379C2.79285 6.91324 2.88163 6.96796 2.99996 6.96796ZM11.2723 9.33329C11.0984 9.33329 10.954 9.27579 10.8391 9.16079C10.7241 9.0459 10.6666 8.90146 10.6666 8.72746V6.27229C10.6666 6.0984 10.7241 5.95402 10.8391 5.83913C10.954 5.72413 11.0984 5.66663 11.2723 5.66663H13.7275C13.9015 5.66663 14.0459 5.72413 14.1608 5.83913C14.2758 5.95402 14.3333 6.0984 14.3333 6.27229V8.72746C14.3333 8.90146 14.2758 9.0459 14.1608 9.16079C14.0459 9.27579 13.9015 9.33329 13.7275 9.33329H11.2723ZM11.6666 8.33329H13.3333V6.66663H11.6666V8.33329Z\"\r\n        fill=\"#A6A6A6\"\r\n      />\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport const ChartsIcon = () => {\r\n  return (\r\n    <svg\r\n      width=\"13\"\r\n      height=\"14\"\r\n      viewBox=\"0 0 13 14\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <path\r\n        d=\"M7.14485 1.42317C7.14485 1.22028 7.22413 1.058 7.38268 0.936332C7.54124 0.814666 7.71879 0.777333 7.91535 0.824333C9.12135 1.07389 10.16 1.64056 11.0314 2.52433C11.9028 3.40811 12.4633 4.46328 12.7128 5.68983C12.753 5.86583 12.7148 6.02133 12.5985 6.15633C12.4822 6.29144 12.3228 6.359 12.1205 6.359H8.42435C8.38424 6.359 8.34907 6.34894 8.31885 6.32883C8.28874 6.30872 8.26363 6.27861 8.24352 6.2385C8.14352 6.01794 8.00863 5.82105 7.83885 5.64783C7.66896 5.47461 7.47779 5.34072 7.26535 5.24617C7.22524 5.22628 7.19513 5.20389 7.17502 5.179C7.1549 5.15411 7.14485 5.12178 7.14485 5.082V1.42317ZM8.14485 1.95133V4.60267C8.29274 4.70689 8.43079 4.82206 8.55902 4.94817C8.68724 5.07417 8.80135 5.21111 8.90135 5.359H11.5653C11.3158 4.54278 10.8874 3.831 10.2802 3.22367C9.67285 2.61644 8.96107 2.19233 8.14485 1.95133ZM5.10518 13.1692C3.6804 12.8462 2.5039 12.113 1.57568 10.9697C0.647461 9.82644 0.18335 8.50322 0.18335 7C0.18335 5.49367 0.647461 4.17028 1.57568 3.02983C2.5039 1.8895 3.6804 1.1565 5.10518 0.830832C5.30607 0.783832 5.48685 0.8265 5.64752 0.958833C5.80818 1.09117 5.88852 1.25917 5.88852 1.46283V5.108C5.88852 5.11867 5.85729 5.16128 5.79485 5.23583C5.43852 5.38294 5.15352 5.61672 4.93985 5.93717C4.72607 6.25772 4.61918 6.61244 4.61918 7.00133C4.61918 7.39022 4.72607 7.74 4.93985 8.05067C5.15352 8.36133 5.43852 8.58805 5.79485 8.73083C5.81285 8.73761 5.84407 8.77989 5.88852 8.85767V12.5577C5.88852 12.7643 5.80818 12.9297 5.64752 13.0537C5.48685 13.1777 5.30607 13.2162 5.10518 13.1692ZM4.88852 1.95133C3.78341 2.28033 2.88957 2.91194 2.20702 3.84617C1.52457 4.78039 1.18335 5.83167 1.18335 7C1.18335 8.16833 1.52457 9.21961 2.20702 10.1538C2.88957 11.0881 3.78341 11.7265 4.88852 12.0692V9.37183C4.50052 9.08805 4.19196 8.74122 3.96285 8.33133C3.73385 7.92156 3.61935 7.47672 3.61935 6.99683C3.61935 6.51694 3.73279 6.071 3.95968 5.659C4.18657 5.247 4.49618 4.89911 4.88852 4.61533V1.95133ZM7.89618 13.1757C7.69963 13.2183 7.52524 13.1806 7.37302 13.0625C7.2209 12.9443 7.14485 12.7867 7.14485 12.5897V8.90133C7.14485 8.86111 7.1549 8.82594 7.17502 8.79583C7.19513 8.76572 7.22524 8.74061 7.26535 8.7205C7.48335 8.62472 7.67707 8.49194 7.84652 8.32217C8.01596 8.15228 8.14829 7.96111 8.24352 7.74867C8.2504 7.735 8.30713 7.69483 8.41368 7.62817H12.1205C12.3022 7.62817 12.4536 7.70405 12.5747 7.85583C12.6958 8.0075 12.7363 8.17822 12.6962 8.368C12.4355 9.59444 11.8667 10.6417 10.9897 11.5097C10.1128 12.3776 9.08163 12.9329 7.89618 13.1757ZM8.90135 8.62817C8.79957 8.77172 8.68502 8.90656 8.55768 9.03267C8.43035 9.15878 8.29274 9.27183 8.14485 9.37183V12.0487C8.9654 11.8034 9.67824 11.3772 10.2833 10.7698C10.8885 10.1626 11.3158 9.44872 11.5653 8.62817H8.90135Z\"\r\n        fill=\"#A6A6A6\"\r\n      />\r\n    </svg>\r\n  );\r\n};\r\nexport const ViewMoreIcon = () => {\r\n  return (\r\n    <svg\r\n      width=\"20\"\r\n      height=\"20\"\r\n      viewBox=\"0 0 20 20\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <mask\r\n        id=\"mask0_811_12719\"\r\n        style={{ maskType: \"alpha\" }}\r\n        maskUnits=\"userSpaceOnUse\"\r\n        x=\"0\"\r\n        y=\"0\"\r\n        width=\"20\"\r\n        height=\"20\"\r\n      >\r\n        <rect width=\"20\" height=\"20\" fill=\"#D9D9D9\" />\r\n      </mask>\r\n      <g mask=\"url(#mask0_811_12719)\">\r\n        <path\r\n          d=\"M4.99998 11.6666C4.54165 11.6666 4.14929 11.5035 3.8229 11.1771C3.49651 10.8507 3.33331 10.4583 3.33331 9.99998C3.33331 9.54165 3.49651 9.14929 3.8229 8.8229C4.14929 8.49651 4.54165 8.33331 4.99998 8.33331C5.45831 8.33331 5.85067 8.49651 6.17706 8.8229C6.50345 9.14929 6.66665 9.54165 6.66665 9.99998C6.66665 10.4583 6.50345 10.8507 6.17706 11.1771C5.85067 11.5035 5.45831 11.6666 4.99998 11.6666ZM9.99998 11.6666C9.54165 11.6666 9.14929 11.5035 8.8229 11.1771C8.49651 10.8507 8.33331 10.4583 8.33331 9.99998C8.33331 9.54165 8.49651 9.14929 8.8229 8.8229C9.14929 8.49651 9.54165 8.33331 9.99998 8.33331C10.4583 8.33331 10.8507 8.49651 11.1771 8.8229C11.5035 9.14929 11.6666 9.54165 11.6666 9.99998C11.6666 10.4583 11.5035 10.8507 11.1771 11.1771C10.8507 11.5035 10.4583 11.6666 9.99998 11.6666ZM15 11.6666C14.5416 11.6666 14.1493 11.5035 13.8229 11.1771C13.4965 10.8507 13.3333 10.4583 13.3333 9.99998C13.3333 9.54165 13.4965 9.14929 13.8229 8.8229C14.1493 8.49651 14.5416 8.33331 15 8.33331C15.4583 8.33331 15.8507 8.49651 16.1771 8.8229C16.5035 9.14929 16.6666 9.54165 16.6666 9.99998C16.6666 10.4583 16.5035 10.8507 16.1771 11.1771C15.8507 11.5035 15.4583 11.6666 15 11.6666Z\"\r\n          fill=\"#1C1B1F\"\r\n        />\r\n      </g>\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport const CloseIcon = () => {\r\n  return (\r\n    <svg\r\n      width=\"14\"\r\n      height=\"14\"\r\n      viewBox=\"0 0 14 14\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <path\r\n        d=\"M11.0833 3.73919L10.2608 2.91669L6.99996 6.17752L3.73913 2.91669L2.91663 3.73919L6.17746 7.00002L2.91663 10.2609L3.73913 11.0834L6.99996 7.82252L10.2608 11.0834L11.0833 10.2609L7.82246 7.00002L11.0833 3.73919Z\"\r\n        fill=\"#0C2033\"\r\n      />\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport const SearchIcon = () => {\r\n  return (\r\n    <svg\r\n      width=\"20\"\r\n      height=\"20\"\r\n      viewBox=\"0 0 20 20\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <mask\r\n        id=\"mask0_811_12583\"\r\n        style={{ maskType: \"alpha\" }}\r\n        maskUnits=\"userSpaceOnUse\"\r\n        x=\"0\"\r\n        y=\"0\"\r\n        width=\"20\"\r\n        height=\"20\"\r\n      >\r\n        <rect width=\"20\" height=\"20\" fill=\"#D9D9D9\" />\r\n      </mask>\r\n      <g mask=\"url(#mask0_811_12583)\">\r\n        <path\r\n          d=\"M7.93274 13.0127C6.50969 13.0127 5.30455 12.5192 4.31733 11.5321C3.33024 10.5449 2.8367 9.33971 2.8367 7.91666C2.8367 6.4936 3.33024 5.28847 4.31733 4.30124C5.30455 3.31416 6.50969 2.82062 7.93274 2.82062C9.3558 2.82062 10.5609 3.31416 11.5482 4.30124C12.5352 5.28847 13.0288 6.4936 13.0288 7.91666C13.0288 8.5118 12.9289 9.0802 12.7292 9.62187C12.5293 10.1635 12.2627 10.6346 11.9294 11.0352L16.7244 15.8302C16.8398 15.9455 16.8989 16.0905 16.9015 16.2652C16.9041 16.4399 16.8451 16.5876 16.7244 16.7083C16.6037 16.829 16.4573 16.8894 16.2852 16.8894C16.1133 16.8894 15.967 16.829 15.8463 16.7083L11.0513 11.9133C10.6346 12.2574 10.1554 12.5266 9.61378 12.721C9.07212 12.9155 8.51177 13.0127 7.93274 13.0127ZM7.93274 11.7629C9.00649 11.7629 9.91594 11.3903 10.6611 10.645C11.4064 9.89985 11.779 8.99041 11.779 7.91666C11.779 6.84291 11.4064 5.93346 10.6611 5.18833C9.91594 4.44305 9.00649 4.07041 7.93274 4.07041C6.85899 4.07041 5.94955 4.44305 5.20441 5.18833C4.45913 5.93346 4.08649 6.84291 4.08649 7.91666C4.08649 8.99041 4.45913 9.89985 5.20441 10.645C5.94955 11.3903 6.85899 11.7629 7.93274 11.7629Z\"\r\n          fill=\"#1E1E1E\"\r\n        />\r\n      </g>\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport const SortingIcon = () => {\r\n  return (\r\n    <svg\r\n      width=\"20\"\r\n      height=\"20\"\r\n      viewBox=\"0 0 20 20\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <mask\r\n        id=\"mask0_811_12710\"\r\n        style={{ maskType: \"alpha\" }}\r\n        maskUnits=\"userSpaceOnUse\"\r\n        x=\"0\"\r\n        y=\"0\"\r\n        width=\"20\"\r\n        height=\"20\"\r\n      >\r\n        <rect width=\"20\" height=\"20\" fill=\"#D9D9D9\" />\r\n      </mask>\r\n      <g mask=\"url(#mask0_811_12710)\">\r\n        <path\r\n          d=\"M7.63605 10.5369C7.45883 10.5369 7.31036 10.477 7.19064 10.3571C7.07105 10.2374 7.01126 10.089 7.01126 9.9119V4.4696L5.08022 6.40065C4.96744 6.51606 4.82654 6.57377 4.65751 6.57377C4.48848 6.57377 4.33932 6.51398 4.21001 6.3944C4.0807 6.26398 4.01605 6.11488 4.01605 5.94711C4.01605 5.77947 4.0807 5.63099 4.21001 5.50169L7.10105 2.61065C7.17897 2.53259 7.26154 2.47759 7.34876 2.44565C7.43612 2.41356 7.52966 2.39752 7.62939 2.39752C7.72911 2.39752 7.82383 2.41363 7.91355 2.44586C8.00327 2.47822 8.08661 2.53315 8.16355 2.61065L11.0754 5.52252C11.1993 5.64641 11.2604 5.79009 11.2588 5.95356C11.2572 6.11704 11.1918 6.26398 11.0625 6.3944C10.9332 6.51398 10.7868 6.57592 10.6233 6.58023C10.4599 6.5844 10.3136 6.5219 10.1844 6.39273L8.26126 4.4696V9.91981C8.26126 10.0947 8.20133 10.2412 8.08147 10.3594C7.96161 10.4777 7.81314 10.5369 7.63605 10.5369ZM12.3706 17.5946C12.2709 17.5946 12.1762 17.5784 12.0865 17.5461C11.9967 17.5138 11.9134 17.459 11.8365 17.3815L8.92459 14.4696C8.8007 14.3456 8.73959 14.2019 8.74126 14.0386C8.74279 13.8751 8.8082 13.7281 8.93751 13.5977C9.06682 13.4781 9.2132 13.4162 9.37668 13.4119C9.54015 13.4076 9.68647 13.4701 9.81564 13.5994L11.7388 15.5225V10.0721C11.7388 9.89738 11.7987 9.75085 11.9186 9.63252C12.0384 9.51433 12.1869 9.45523 12.364 9.45523C12.5412 9.45523 12.6897 9.51509 12.8094 9.63481C12.929 9.75467 12.9888 9.90315 12.9888 10.0802V15.5225L14.9198 13.5913C15.0326 13.476 15.1735 13.4184 15.3425 13.4184C15.5115 13.4184 15.6607 13.4781 15.79 13.5977C15.9193 13.7281 15.984 13.8772 15.984 14.0448C15.984 14.2126 15.9193 14.3611 15.79 14.4904L12.899 17.3815C12.8211 17.4594 12.7385 17.5144 12.6513 17.5465C12.5639 17.5786 12.4704 17.5946 12.3706 17.5946Z\"\r\n          fill=\"#1C1B1F\"\r\n        />\r\n      </g>\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport const FilterationIcon = ({ color = \"#1C1B1F\", ...props }) => {\r\n  return (\r\n    <svg\r\n      width=\"20\"\r\n      height=\"20\"\r\n      viewBox=\"0 0 20 20\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <mask\r\n        id=\"mask0_811_12698\"\r\n        style={{ maskType: \"alpha\" }}\r\n        maskUnits=\"userSpaceOnUse\"\r\n        x=\"0\"\r\n        y=\"0\"\r\n        width=\"20\"\r\n        height=\"20\"\r\n      >\r\n        <rect width=\"20\" height=\"20\" fill=\"#D9D9D9\" />\r\n      </mask>\r\n      <g mask=\"url(#mask0_811_12698)\">\r\n        <path\r\n          d=\"M8.33333 15V13.3333H11.6667V15H8.33333ZM5 10.8333V9.16667H15V10.8333H5ZM2.5 6.66667V5H17.5V6.66667H2.5Z\"\r\n          fill={color}\r\n          {...props}\r\n        />\r\n      </g>\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport const HideIcon = () => {\r\n  return (\r\n    <svg\r\n      width=\"16\"\r\n      height=\"16\"\r\n      viewBox=\"0 0 16 16\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <mask\r\n        id=\"mask0_957_24305\"\r\n        style={{ maskType: \"alpha\" }}\r\n        maskUnits=\"userSpaceOnUse\"\r\n        x=\"0\"\r\n        y=\"0\"\r\n        width=\"16\"\r\n        height=\"16\"\r\n      >\r\n        <rect width=\"16\" height=\"16\" fill=\"#D9D9D9\" />\r\n      </mask>\r\n      <g mask=\"url(#mask0_957_24305)\">\r\n        <path\r\n          d=\"M9.91805 5.74863C10.1889 6.01963 10.3983 6.34891 10.5462 6.73647C10.6941 7.12413 10.75 7.51325 10.714 7.9038C10.714 8.03202 10.6679 8.14058 10.5757 8.22947C10.4834 8.31836 10.3731 8.3628 10.2449 8.3628C10.1167 8.3628 10.0081 8.31836 9.91922 8.22947C9.83033 8.14058 9.78588 8.03202 9.78588 7.9038C9.82866 7.61069 9.80455 7.33291 9.71355 7.07047C9.62255 6.80813 9.4826 6.58252 9.29372 6.39363C9.10483 6.20475 8.87705 6.06136 8.61038 5.96347C8.34372 5.86558 8.06249 5.84013 7.76672 5.88713C7.63849 5.89147 7.52783 5.84852 7.43472 5.7583C7.34149 5.66819 7.29277 5.55902 7.28855 5.4308C7.28422 5.30258 7.32544 5.19186 7.41222 5.09863C7.49899 5.00552 7.60649 4.95686 7.73472 4.95263C8.12272 4.90819 8.51266 4.9588 8.90455 5.10447C9.29644 5.25025 9.63427 5.46497 9.91805 5.74863ZM8.00005 3.99997C7.76327 3.99997 7.53099 4.01152 7.30322 4.03463C7.07544 4.05763 6.84872 4.09563 6.62305 4.14863C6.48116 4.17774 6.35338 4.15747 6.23972 4.0878C6.12605 4.01813 6.04788 3.91791 6.00522 3.78713C5.96244 3.65213 5.97655 3.52375 6.04755 3.40197C6.11844 3.28019 6.22138 3.20474 6.35638 3.17563C6.62483 3.11152 6.89599 3.06625 7.16988 3.0398C7.44388 3.01325 7.7206 2.99997 8.00005 2.99997C9.43249 2.99997 10.7483 3.37219 11.9475 4.11663C13.1467 4.86108 14.0688 5.86836 14.714 7.13847C14.7585 7.22302 14.7908 7.30825 14.8109 7.39413C14.831 7.48002 14.841 7.57086 14.841 7.66663C14.841 7.76241 14.8327 7.85325 14.816 7.93913C14.7994 8.02502 14.7688 8.11024 14.7244 8.1948C14.5202 8.62213 14.2719 9.02063 13.9796 9.3903C13.6872 9.75997 13.3654 10.0995 13.0141 10.409C12.9107 10.5013 12.7926 10.5395 12.6597 10.5236C12.5267 10.5079 12.4175 10.4414 12.332 10.3243C12.2466 10.2072 12.2112 10.0816 12.2257 9.94747C12.2403 9.81325 12.2992 9.69997 12.4026 9.60763C12.7034 9.33497 12.9778 9.03691 13.2257 8.71347C13.4736 8.38991 13.6873 8.04097 13.8667 7.66663C13.3112 6.54441 12.5084 5.65275 11.4584 4.99163C10.4084 4.33052 9.2556 3.99997 8.00005 3.99997ZM8.00005 12.3333C6.5966 12.3333 5.31027 11.9583 4.14105 11.2083C2.97183 10.4583 2.04238 9.47047 1.35272 8.2448C1.29716 8.16025 1.25655 8.06836 1.23088 7.96913C1.20522 7.87002 1.19238 7.76919 1.19238 7.66663C1.19238 7.56408 1.20349 7.46491 1.22572 7.36913C1.24794 7.27347 1.28683 7.17991 1.34238 7.08847C1.59027 6.63547 1.87105 6.20402 2.18472 5.79413C2.49838 5.38436 2.85905 5.01708 3.26672 4.6923L1.76155 3.1768C1.66933 3.07769 1.62383 2.95997 1.62505 2.82363C1.62638 2.6873 1.67533 2.57086 1.77188 2.4743C1.86844 2.37775 1.98555 2.32947 2.12322 2.32947C2.26077 2.32947 2.37783 2.37775 2.47438 2.4743L13.5257 13.5256C13.618 13.618 13.667 13.7322 13.6725 13.8685C13.6781 14.0048 13.6292 14.1247 13.5257 14.2281C13.4292 14.3247 13.312 14.373 13.1744 14.373C13.0368 14.373 12.9198 14.3247 12.8232 14.2281L10.477 11.9025C10.0838 12.0546 9.67972 12.1644 9.26472 12.232C8.84983 12.2995 8.42827 12.3333 8.00005 12.3333ZM3.96938 5.3948C3.57872 5.69658 3.22761 6.0378 2.91605 6.41847C2.60449 6.79924 2.3436 7.2153 2.13338 7.66663C2.68894 8.78886 3.49172 9.68052 4.54172 10.3416C5.59172 11.0027 6.74449 11.3333 8.00005 11.3333C8.28638 11.3333 8.56822 11.3141 8.84555 11.2756C9.12288 11.2372 9.39833 11.1778 9.67188 11.0975L8.82822 10.2333C8.69322 10.2923 8.55838 10.3322 8.42372 10.3531C8.28916 10.3741 8.14794 10.3846 8.00005 10.3846C7.2436 10.3846 6.60149 10.1207 6.07372 9.59297C5.54594 9.06519 5.28205 8.42308 5.28205 7.66663C5.28205 7.51874 5.2936 7.37752 5.31672 7.24297C5.33983 7.1083 5.37872 6.97347 5.43338 6.83847L3.96938 5.3948Z\"\r\n          fill=\"#1C1B1F\"\r\n        />\r\n      </g>\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport const PinIcon = () => {\r\n  return (\r\n    <svg\r\n      width=\"8\"\r\n      height=\"13\"\r\n      viewBox=\"0 0 8 13\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <path\r\n        d=\"M6.33337 1.33337V6.14104L7.37686 7.18471C7.42642 7.23426 7.46364 7.29004 7.48853 7.35204C7.51331 7.41393 7.5257 7.47793 7.5257 7.54404V7.82904C7.5257 7.96949 7.47714 8.08865 7.38003 8.18654C7.28303 8.28443 7.16275 8.33337 7.0192 8.33337H4.50003V11.9257C4.50003 12.0674 4.45209 12.1861 4.3562 12.2819C4.26031 12.3777 4.14153 12.4255 3.99987 12.4255C3.85809 12.4255 3.73937 12.3777 3.6437 12.2819C3.54792 12.1861 3.50003 12.0674 3.50003 11.9257V8.33337H0.980865C0.83731 8.33337 0.717032 8.28443 0.620032 8.18654C0.522921 8.08865 0.474365 7.96949 0.474365 7.82904V7.54404C0.474365 7.47793 0.486754 7.41393 0.511532 7.35204C0.536421 7.29004 0.573643 7.23426 0.623199 7.18471L1.6667 6.14104V1.33337H1.50003C1.35837 1.33337 1.23964 1.28543 1.14387 1.18954C1.04798 1.09365 1.00003 0.974874 1.00003 0.833207C1.00003 0.691429 1.04798 0.572707 1.14387 0.477041C1.23964 0.381263 1.35837 0.333374 1.50003 0.333374H6.50003C6.6417 0.333374 6.76042 0.381319 6.8562 0.477207C6.95209 0.573096 7.00003 0.691874 7.00003 0.833541C7.00003 0.975319 6.95209 1.09404 6.8562 1.18971C6.76042 1.28549 6.6417 1.33337 6.50003 1.33337H6.33337ZM1.90003 7.33337H6.10003L5.33336 6.56671V1.33337H2.6667V6.56671L1.90003 7.33337Z\"\r\n        fill=\"#1C1B1F\"\r\n      />\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport const VisibilityIcon = () => {\r\n  return (\r\n    <svg\r\n      width=\"14\"\r\n      height=\"10\"\r\n      viewBox=\"0 0 14 10\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <path\r\n        d=\"M7.00147 7.38467C7.75692 7.38467 8.39853 7.12028 8.92631 6.5915C9.45408 6.06272 9.71797 5.42061 9.71797 4.66517C9.71797 3.90972 9.45358 3.26811 8.9248 2.74033C8.39603 2.21256 7.75392 1.94867 6.99847 1.94867C6.24303 1.94867 5.60142 2.21306 5.07364 2.74183C4.54586 3.27061 4.28197 3.91272 4.28197 4.66817C4.28197 5.42361 4.54636 6.06522 5.07514 6.593C5.60392 7.12078 6.24603 7.38467 7.00147 7.38467ZM6.99997 6.46667C6.49997 6.46667 6.07497 6.29167 5.72497 5.94167C5.37497 5.59167 5.19997 5.16667 5.19997 4.66667C5.19997 4.16667 5.37497 3.74167 5.72497 3.39167C6.07497 3.04167 6.49997 2.86667 6.99997 2.86667C7.49997 2.86667 7.92497 3.04167 8.27497 3.39167C8.62497 3.74167 8.79997 4.16667 8.79997 4.66667C8.79997 5.16667 8.62497 5.59167 8.27497 5.94167C7.92497 6.29167 7.49997 6.46667 6.99997 6.46667ZM6.99997 9.33333C5.59653 9.33333 4.31297 8.95894 3.1493 8.21017C1.98564 7.4615 1.0568 6.4765 0.362803 5.25517C0.307248 5.15939 0.266637 5.06289 0.24097 4.96567C0.215414 4.86844 0.202637 4.76867 0.202637 4.66633C0.202637 4.564 0.215414 4.46433 0.24097 4.36733C0.266637 4.27033 0.307248 4.17394 0.362803 4.07817C1.0568 2.85683 1.98564 1.87183 3.1493 1.12317C4.31297 0.374389 5.59653 0 6.99997 0C8.40342 0 9.68697 0.374389 10.8506 1.12317C12.0143 1.87183 12.9431 2.85683 13.6371 4.07817C13.6927 4.17394 13.7333 4.27044 13.759 4.36767C13.7845 4.46489 13.7973 4.56467 13.7973 4.667C13.7973 4.76933 13.7845 4.869 13.759 4.966C13.7333 5.063 13.6927 5.15939 13.6371 5.25517C12.9431 6.4765 12.0143 7.4615 10.8506 8.21017C9.68697 8.95894 8.40342 9.33333 6.99997 9.33333ZM6.99997 8.33333C8.25553 8.33333 9.4083 8.00278 10.4583 7.34167C11.5083 6.68055 12.3111 5.78889 12.8666 4.66667C12.3111 3.54444 11.5083 2.65278 10.4583 1.99167C9.4083 1.33056 8.25553 1 6.99997 1C5.74442 1 4.59164 1.33056 3.54164 1.99167C2.49164 2.65278 1.68886 3.54444 1.1333 4.66667C1.68886 5.78889 2.49164 6.68055 3.54164 7.34167C4.59164 8.00278 5.74442 8.33333 6.99997 8.33333Z\"\r\n        fill=\"#505050\"\r\n      />\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport const VisibilityOffIcon = () => {\r\n  return (\r\n    <svg\r\n      width=\"14\"\r\n      height=\"13\"\r\n      viewBox=\"0 0 14 13\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <path\r\n        d=\"M8.91793 3.74863C9.18882 4.01963 9.39821 4.34891 9.54609 4.73647C9.69398 5.12413 9.74993 5.51325 9.71393 5.9038C9.71393 6.03202 9.66782 6.14058 9.57559 6.22947C9.48326 6.31836 9.37298 6.3628 9.24476 6.3628C9.11654 6.3628 9.00798 6.31836 8.9191 6.22947C8.83021 6.14058 8.78576 6.03202 8.78576 5.9038C8.82854 5.61069 8.80443 5.33291 8.71343 5.07047C8.62243 4.80813 8.48248 4.58252 8.29359 4.39363C8.1047 4.20475 7.87693 4.06136 7.61026 3.96347C7.34359 3.86558 7.06237 3.84013 6.76659 3.88713C6.63837 3.89147 6.52771 3.84852 6.43459 3.7583C6.34137 3.66819 6.29265 3.55902 6.28843 3.4308C6.28409 3.30258 6.32532 3.19186 6.41209 3.09863C6.49887 3.00552 6.60637 2.95686 6.73459 2.95263C7.12259 2.90819 7.51254 2.9588 7.90443 3.10447C8.29632 3.25025 8.63415 3.46497 8.91793 3.74863ZM6.99993 1.99997C6.76315 1.99997 6.53087 2.01152 6.30309 2.03463C6.07532 2.05763 5.84859 2.09563 5.62293 2.14863C5.48104 2.17774 5.35326 2.15747 5.23959 2.0878C5.12593 2.01813 5.04776 1.91791 5.00509 1.78713C4.96232 1.65213 4.97643 1.52375 5.04743 1.40197C5.11832 1.28019 5.22126 1.20474 5.35626 1.17563C5.62471 1.11152 5.89587 1.06625 6.16976 1.0398C6.44376 1.01325 6.72048 0.999967 6.99993 0.999967C8.43237 0.999967 9.74821 1.37219 10.9474 2.11663C12.1465 2.86108 13.0687 3.86836 13.7139 5.13847C13.7584 5.22302 13.7907 5.30825 13.8108 5.39413C13.8309 5.48002 13.8409 5.57086 13.8409 5.66663C13.8409 5.76241 13.8326 5.85325 13.8159 5.93913C13.7993 6.02502 13.7687 6.11024 13.7243 6.1948C13.52 6.62213 13.2718 7.02063 12.9794 7.3903C12.6871 7.75997 12.3653 8.09952 12.0139 8.40897C11.9106 8.5013 11.7925 8.53952 11.6596 8.52363C11.5266 8.50786 11.4174 8.44141 11.3319 8.3243C11.2465 8.20719 11.211 8.08158 11.2256 7.94747C11.2402 7.81325 11.2991 7.69997 11.4024 7.60763C11.7033 7.33497 11.9777 7.03691 12.2256 6.71347C12.4735 6.38991 12.6872 6.04097 12.8666 5.66663C12.311 4.54441 11.5083 3.65275 10.4583 2.99163C9.40826 2.33052 8.25548 1.99997 6.99993 1.99997ZM6.99993 10.3333C5.59648 10.3333 4.31015 9.9583 3.14093 9.2083C1.97171 8.4583 1.04226 7.47047 0.352594 6.2448C0.297039 6.16025 0.256427 6.06836 0.230761 5.96913C0.205094 5.87002 0.192261 5.76919 0.192261 5.66663C0.192261 5.56408 0.203372 5.46491 0.225594 5.36913C0.247816 5.27347 0.286705 5.17991 0.342261 5.08847C0.59015 4.63547 0.870927 4.20402 1.18459 3.79413C1.49826 3.38436 1.85893 3.01708 2.26659 2.6923L0.761427 1.1768C0.669205 1.07769 0.623705 0.959967 0.624927 0.823634C0.626261 0.6873 0.675205 0.570857 0.771761 0.474301C0.868316 0.377746 0.985427 0.329468 1.12309 0.329468C1.26065 0.329468 1.37771 0.377746 1.47426 0.474301L12.5256 11.5256C12.6179 11.618 12.6669 11.7322 12.6724 11.8685C12.678 12.0048 12.629 12.1247 12.5256 12.2281C12.429 12.3247 12.3119 12.373 12.1743 12.373C12.0367 12.373 11.9197 12.3247 11.8231 12.2281L9.47693 9.90247C9.08371 10.0546 8.67959 10.1644 8.2646 10.232C7.84971 10.2995 7.42815 10.3333 6.99993 10.3333ZM2.96926 3.3948C2.57859 3.69658 2.22748 4.0378 1.91593 4.41847C1.60437 4.79924 1.34348 5.2153 1.13326 5.66663C1.68882 6.78886 2.49159 7.68052 3.54159 8.34163C4.59159 9.00274 5.74437 9.3333 6.99993 9.3333C7.28626 9.3333 7.56809 9.31408 7.84543 9.27563C8.12276 9.23719 8.3982 9.1778 8.67176 9.09747L7.82809 8.2333C7.69309 8.2923 7.55826 8.33224 7.42359 8.35313C7.28904 8.37413 7.14782 8.38463 6.99993 8.38463C6.24348 8.38463 5.60137 8.12074 5.07359 7.59297C4.54582 7.06519 4.28193 6.42308 4.28193 5.66663C4.28193 5.51874 4.29348 5.37752 4.31659 5.24297C4.33971 5.1083 4.37859 4.97347 4.43326 4.83847L2.96926 3.3948Z\"\r\n        fill=\"#C5C5C5\"\r\n      />\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport const DragandDrogIcon = () => {\r\n  return (\r\n    <svg\r\n      width=\"8\"\r\n      height=\"12\"\r\n      viewBox=\"0 0 8 12\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <path\r\n        d=\"M2.00005 11.0768C1.70394 11.0768 1.45044 10.9714 1.23955 10.7605C1.02866 10.5496 0.923218 10.2961 0.923218 9.99999C0.923218 9.70388 1.02866 9.45038 1.23955 9.23949C1.45044 9.0286 1.70394 8.92316 2.00005 8.92316C2.29616 8.92316 2.54966 9.0286 2.76055 9.23949C2.97144 9.45038 3.07688 9.70388 3.07688 9.99999C3.07688 10.2961 2.97144 10.5496 2.76055 10.7605C2.54966 10.9714 2.29616 11.0768 2.00005 11.0768ZM6.00005 11.0768C5.70394 11.0768 5.45044 10.9714 5.23955 10.7605C5.02866 10.5496 4.92322 10.2961 4.92322 9.99999C4.92322 9.70388 5.02866 9.45038 5.23955 9.23949C5.45044 9.0286 5.70394 8.92316 6.00005 8.92316C6.29616 8.92316 6.54966 9.0286 6.76055 9.23949C6.97144 9.45038 7.07688 9.70388 7.07688 9.99999C7.07688 10.2961 6.97144 10.5496 6.76055 10.7605C6.54966 10.9714 6.29616 11.0768 6.00005 11.0768ZM2.00005 7.07682C1.70394 7.07682 1.45044 6.97138 1.23955 6.76049C1.02866 6.5496 0.923218 6.2961 0.923218 5.99999C0.923218 5.70388 1.02866 5.45038 1.23955 5.23949C1.45044 5.0286 1.70394 4.92316 2.00005 4.92316C2.29616 4.92316 2.54966 5.0286 2.76055 5.23949C2.97144 5.45038 3.07688 5.70388 3.07688 5.99999C3.07688 6.2961 2.97144 6.5496 2.76055 6.76049C2.54966 6.97138 2.29616 7.07682 2.00005 7.07682ZM6.00005 7.07682C5.70394 7.07682 5.45044 6.97138 5.23955 6.76049C5.02866 6.5496 4.92322 6.2961 4.92322 5.99999C4.92322 5.70388 5.02866 5.45038 5.23955 5.23949C5.45044 5.0286 5.70394 4.92316 6.00005 4.92316C6.29616 4.92316 6.54966 5.0286 6.76055 5.23949C6.97144 5.45038 7.07688 5.70388 7.07688 5.99999C7.07688 6.2961 6.97144 6.5496 6.76055 6.76049C6.54966 6.97138 6.29616 7.07682 6.00005 7.07682ZM2.00005 3.07682C1.70394 3.07682 1.45044 2.97138 1.23955 2.76049C1.02866 2.5496 0.923218 2.2961 0.923218 1.99999C0.923218 1.70388 1.02866 1.45038 1.23955 1.23949C1.45044 1.0286 1.70394 0.923157 2.00005 0.923157C2.29616 0.923157 2.54966 1.0286 2.76055 1.23949C2.97144 1.45038 3.07688 1.70388 3.07688 1.99999C3.07688 2.2961 2.97144 2.5496 2.76055 2.76049C2.54966 2.97138 2.29616 3.07682 2.00005 3.07682ZM6.00005 3.07682C5.70394 3.07682 5.45044 2.97138 5.23955 2.76049C5.02866 2.5496 4.92322 2.2961 4.92322 1.99999C4.92322 1.70388 5.02866 1.45038 5.23955 1.23949C5.45044 1.0286 5.70394 0.923157 6.00005 0.923157C6.29616 0.923157 6.54966 1.0286 6.76055 1.23949C6.97144 1.45038 7.07688 1.70388 7.07688 1.99999C7.07688 2.2961 6.97144 2.5496 6.76055 2.76049C6.54966 2.97138 6.29616 3.07682 6.00005 3.07682Z\"\r\n        fill=\"#A6A6A6\"\r\n      />\r\n    </svg>\r\n  );\r\n};\r\n\r\n// export const SettingIcon = () => {\r\n//   return (\r\n//     <svg\r\n//       width=\"18\"\r\n//       height=\"17\"\r\n//       viewBox=\"0 0 18 17\"\r\n//       fill=\"none\"\r\n//       xmlns=\"http://www.w3.org/2000/svg\"\r\n//     >\r\n//       <path\r\n//         d=\"M15.1935 9.31669C15.2269 9.05002 15.2519 8.78335 15.2519 8.50002C15.2519 8.21669 15.2269 7.95002 15.1935 7.68335L16.9519 6.30835C17.1102 6.18335 17.1518 5.95835 17.0518 5.77502L15.3852 2.89169C15.3102 2.75835 15.1685 2.68335 15.0185 2.68335C14.9685 2.68335 14.9185 2.69169 14.8768 2.70835L12.8018 3.54169C12.3685 3.20835 11.9018 2.93335 11.3935 2.72502L11.0768 0.516687C11.0518 0.316687 10.8769 0.166687 10.6685 0.166687H7.33518C7.12685 0.166687 6.95185 0.316687 6.92685 0.516687L6.61018 2.72502C6.10185 2.93335 5.63518 3.21669 5.20185 3.54169L3.12685 2.70835C3.07685 2.69169 3.02685 2.68335 2.97685 2.68335C2.83518 2.68335 2.69352 2.75835 2.61852 2.89169L0.95185 5.77502C0.843516 5.95835 0.893517 6.18335 1.05185 6.30835L2.81018 7.68335C2.77685 7.95002 2.75185 8.22502 2.75185 8.50002C2.75185 8.77502 2.77685 9.05002 2.81018 9.31669L1.05185 10.6917C0.893517 10.8167 0.85185 11.0417 0.95185 11.225L2.61852 14.1084C2.69352 14.2417 2.83518 14.3167 2.98518 14.3167C3.03518 14.3167 3.08518 14.3084 3.12685 14.2917L5.20185 13.4584C5.63518 13.7917 6.10185 14.0667 6.61018 14.275L6.92685 16.4834C6.95185 16.6834 7.12685 16.8334 7.33518 16.8334H10.6685C10.8769 16.8334 11.0518 16.6834 11.0768 16.4834L11.3935 14.275C11.9018 14.0667 12.3685 13.7834 12.8018 13.4584L14.8768 14.2917C14.9268 14.3084 14.9768 14.3167 15.0268 14.3167C15.1685 14.3167 15.3102 14.2417 15.3852 14.1084L17.0518 11.225C17.1518 11.0417 17.1102 10.8167 16.9519 10.6917L15.1935 9.31669ZM13.5435 7.89169C13.5769 8.15002 13.5852 8.32502 13.5852 8.50002C13.5852 8.67502 13.5685 8.85835 13.5435 9.10835L13.4268 10.05L14.1685 10.6334L15.0685 11.3334L14.4852 12.3417L13.4268 11.9167L12.5602 11.5667L11.8102 12.1334C11.4518 12.4 11.1102 12.6 10.7685 12.7417L9.88518 13.1L9.75185 14.0417L9.58518 15.1667H8.41852L8.12685 13.1L7.24352 12.7417C6.88518 12.5917 6.55185 12.4 6.21852 12.15L5.46018 11.5667L4.57685 11.925L3.51852 12.35L2.93518 11.3417L3.83518 10.6417L4.57685 10.0584L4.46018 9.11669C4.43518 8.85835 4.41852 8.66669 4.41852 8.50002C4.41852 8.33335 4.43518 8.14169 4.46018 7.89169L4.57685 6.95002L3.83518 6.36669L2.93518 5.66669L3.51852 4.65835L4.57685 5.08335L5.44352 5.43335L6.19352 4.86669C6.55185 4.60002 6.89352 4.40002 7.23518 4.25835L8.11852 3.90002L8.25185 2.95835L8.41852 1.83335H9.57685L9.86852 3.90002L10.7519 4.25835C11.1102 4.40835 11.4435 4.60002 11.7768 4.85002L12.5352 5.43335L13.4185 5.07502L14.4768 4.65002L15.0602 5.65835L14.1685 6.36669L13.4268 6.95002L13.5435 7.89169ZM9.00185 5.16669C7.16018 5.16669 5.66852 6.65835 5.66852 8.50002C5.66852 10.3417 7.16018 11.8334 9.00185 11.8334C10.8435 11.8334 12.3352 10.3417 12.3352 8.50002C12.3352 6.65835 10.8435 5.16669 9.00185 5.16669ZM9.00185 10.1667C8.08518 10.1667 7.33518 9.41669 7.33518 8.50002C7.33518 7.58335 8.08518 6.83335 9.00185 6.83335C9.91852 6.83335 10.6685 7.58335 10.6685 8.50002C10.6685 9.41669 9.91852 10.1667 9.00185 10.1667Z\"\r\n//         fill=\"#1E1E1E\"\r\n//       />\r\n//     </svg>\r\n//   );\r\n// };\r\n\r\nexport const DropDownIcon = () => {\r\n  return (\r\n    <svg\r\n      width=\"10\"\r\n      height=\"7\"\r\n      viewBox=\"0 0 10 7\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <path\r\n        d=\"M8.825 0.412476L5 4.22914L1.175 0.412476L0 1.58748L5 6.58748L10 1.58748L8.825 0.412476Z\"\r\n        fill=\"#1E1E1E\"\r\n      />\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport const AddIcon = ({ ...props }) => {\r\n  return (\r\n    <svg\r\n      width=\"10\"\r\n      height=\"10\"\r\n      viewBox=\"0 0 10 10\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      {...props}\r\n    >\r\n      <path\r\n        d=\"M4.50002 5.50002H1.16669C1.02502 5.50002 0.906298 5.45208 0.81052 5.35619C0.714632 5.2603 0.666687 5.14152 0.666687 4.99985C0.666687 4.85808 0.714632 4.73935 0.81052 4.64369C0.906298 4.54791 1.02502 4.50002 1.16669 4.50002H4.50002V1.16669C4.50002 1.02502 4.54797 0.906298 4.64385 0.81052C4.73974 0.714632 4.85852 0.666687 5.00019 0.666687C5.14197 0.666687 5.26069 0.714632 5.35635 0.81052C5.45213 0.906298 5.50002 1.02502 5.50002 1.16669V4.50002H8.83335C8.97502 4.50002 9.09374 4.54797 9.18952 4.64385C9.28541 4.73974 9.33335 4.85852 9.33335 5.00019C9.33335 5.14197 9.28541 5.26069 9.18952 5.35635C9.09374 5.45213 8.97502 5.50002 8.83335 5.50002H5.50002V8.83335C5.50002 8.97502 5.45208 9.09374 5.35619 9.18952C5.2603 9.28541 5.14152 9.33335 4.99985 9.33335C4.85808 9.33335 4.73935 9.28541 4.64369 9.18952C4.54791 9.09374 4.50002 8.97502 4.50002 8.83335V5.50002Z\"\r\n        fill=\"currentColor\"\r\n      />\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport const ChevronDownIcon = () => {\r\n  return (\r\n    <svg\r\n      width=\"12\"\r\n      height=\"6\"\r\n      viewBox=\"0 0 12 6\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <path\r\n        d=\"M1 0.5L6 5.5L11 0.5\"\r\n        stroke=\"#181D27\"\r\n        stroke-linecap=\"round\"\r\n        stroke-linejoin=\"round\"\r\n      />\r\n    </svg>\r\n  );\r\n};\r\nexport const CheckBox = () => {\r\n  return (\r\n    <svg\r\n      width=\"13\"\r\n      height=\"14\"\r\n      viewBox=\"0 0 13 14\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <path\r\n        d=\"M5.72054 8.43116L4.17187 6.88233C4.07954 6.7901 3.96349 6.74288 3.82371 6.74066C3.68404 6.73855 3.56587 6.78577 3.46921 6.88233C3.37265 6.97899 3.32437 7.0961 3.32437 7.23366C3.32437 7.37121 3.37265 7.48833 3.46921 7.58499L5.29871 9.41449C5.41926 9.53494 5.55987 9.59516 5.72054 9.59516C5.88121 9.59516 6.02182 9.53494 6.14237 9.41449L9.85137 5.70549C9.9436 5.61316 9.99082 5.4971 9.99304 5.35733C9.99515 5.21766 9.94793 5.09949 9.85137 5.00283C9.75471 4.90627 9.6376 4.85799 9.50004 4.85799C9.36249 4.85799 9.24537 4.90627 9.14871 5.00283L5.72054 8.43116ZM6.66787 13.3337C5.79187 13.3337 4.96848 13.1674 4.19771 12.835C3.42693 12.5025 2.75648 12.0514 2.18637 11.4815C1.61626 10.9116 1.16487 10.2414 0.832207 9.47099C0.499652 8.70055 0.333374 7.87738 0.333374 7.00149C0.333374 6.12549 0.499596 5.3021 0.832041 4.53133C1.16449 3.76055 1.61565 3.0901 2.18554 2.51999C2.75543 1.94988 3.4256 1.49849 4.19604 1.16583C4.96649 0.83327 5.78965 0.666992 6.66554 0.666992C7.54154 0.666992 8.36493 0.833214 9.13571 1.16566C9.90649 1.4981 10.5769 1.94927 11.147 2.51916C11.7172 3.08905 12.1685 3.75921 12.5012 4.52966C12.8338 5.3001 13 6.12327 13 6.99916C13 7.87516 12.8338 8.69855 12.5014 9.46933C12.1689 10.2401 11.7178 10.9105 11.1479 11.4807C10.578 12.0508 9.90782 12.5022 9.13737 12.8348C8.36693 13.1674 7.54376 13.3337 6.66787 13.3337Z\"\r\n        fill=\"#16B364\"\r\n      />\r\n    </svg>\r\n  );\r\n};\r\nexport const CrossBox = () => {\r\n  return (\r\n    <svg\r\n      width=\"13\"\r\n      height=\"14\"\r\n      viewBox=\"0 0 13 14\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <path\r\n        d=\"M6.66659 7.70283L8.71525 9.75166C8.80759 9.84388 8.92364 9.8911 9.06342 9.89333C9.20309 9.89544 9.32125 9.84821 9.41792 9.75166C9.51447 9.65499 9.56275 9.53788 9.56275 9.40033C9.56275 9.26277 9.51447 9.14566 9.41792 9.04899L7.36909 7.00033L9.41792 4.95166C9.51014 4.85933 9.55736 4.74327 9.55959 4.60349C9.5617 4.46383 9.51447 4.34566 9.41792 4.24899C9.32125 4.15244 9.20414 4.10416 9.06659 4.10416C8.92903 4.10416 8.81192 4.15244 8.71525 4.24899L6.66659 6.29783L4.61792 4.24899C4.52559 4.15677 4.40953 4.10955 4.26975 4.10733C4.13009 4.10521 4.01192 4.15244 3.91525 4.24899C3.8187 4.34566 3.77042 4.46277 3.77042 4.60033C3.77042 4.73788 3.8187 4.85499 3.91525 4.95166L5.96409 7.00033L3.91525 9.04899C3.82303 9.14133 3.77581 9.25738 3.77359 9.39716C3.77147 9.53683 3.8187 9.65499 3.91525 9.75166C4.01192 9.84821 4.12903 9.89649 4.26659 9.89649C4.40414 9.89649 4.52125 9.84821 4.61792 9.75166L6.66659 7.70283ZM6.66775 13.3337C5.79175 13.3337 4.96836 13.1674 4.19759 12.835C3.42681 12.5025 2.75636 12.0514 2.18625 11.4815C1.61614 10.9116 1.16475 10.2414 0.832085 9.47099C0.49953 8.70055 0.333252 7.87738 0.333252 7.00149C0.333252 6.12549 0.499474 5.3021 0.831919 4.53133C1.16436 3.76055 1.61553 3.0901 2.18542 2.51999C2.75531 1.94988 3.42547 1.49849 4.19592 1.16583C4.96636 0.83327 5.78953 0.666992 6.66542 0.666992C7.54142 0.666992 8.36481 0.833214 9.13559 1.16566C9.90636 1.4981 10.5768 1.94927 11.1469 2.51916C11.717 3.08905 12.1684 3.75921 12.5011 4.52966C12.8336 5.3001 12.9999 6.12327 12.9999 6.99916C12.9999 7.87516 12.8337 8.69855 12.5013 9.46933C12.1688 10.2401 11.7176 10.9105 11.1478 11.4807C10.5779 12.0508 9.9077 12.5022 9.13725 12.8348C8.36681 13.1674 7.54364 13.3337 6.66775 13.3337Z\"\r\n        fill=\"#F63D68\"\r\n      />\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport const EyeIcon = () => {\r\n  return (\r\n    <svg\r\n      width=\"24\"\r\n      height=\"24\"\r\n      viewBox=\"0 0 16 16\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <mask\r\n        id=\"mask0_6673_82208\"\r\n        style={{ maskType: \"alpha\" }}\r\n        maskUnits=\"userSpaceOnUse\"\r\n        x=\"0\"\r\n        y=\"0\"\r\n        width=\"16\"\r\n        height=\"16\"\r\n      >\r\n        <rect width=\"16\" height=\"16\" fill=\"#D9D9D9\" />\r\n      </mask>\r\n      <g mask=\"url(#mask0_6673_82208)\">\r\n        <path\r\n          d=\"M8.00147 10.3847C8.75692 10.3847 9.39853 10.1203 9.92631 9.5915C10.4541 9.06272 10.718 8.42061 10.718 7.66517C10.718 6.90972 10.4536 6.26811 9.9248 5.74033C9.39603 5.21256 8.75392 4.94867 7.99847 4.94867C7.24303 4.94867 6.60142 5.21306 6.07364 5.74183C5.54586 6.27061 5.28197 6.91272 5.28197 7.66817C5.28197 8.42361 5.54636 9.06522 6.07514 9.593C6.60392 10.1208 7.24603 10.3847 8.00147 10.3847ZM7.99997 9.46667C7.49997 9.46667 7.07497 9.29167 6.72497 8.94167C6.37497 8.59167 6.19997 8.16667 6.19997 7.66667C6.19997 7.16667 6.37497 6.74167 6.72497 6.39167C7.07497 6.04167 7.49997 5.86667 7.99997 5.86667C8.49997 5.86667 8.92497 6.04167 9.27497 6.39167C9.62497 6.74167 9.79997 7.16667 9.79997 7.66667C9.79997 8.16667 9.62497 8.59167 9.27497 8.94167C8.92497 9.29167 8.49997 9.46667 7.99997 9.46667ZM7.99997 12.3333C6.59653 12.3333 5.31297 11.9589 4.1493 11.2102C2.98564 10.4615 2.0568 9.4765 1.3628 8.25517C1.30725 8.15939 1.26664 8.06289 1.24097 7.96567C1.21541 7.86844 1.20264 7.76867 1.20264 7.66633C1.20264 7.564 1.21541 7.46433 1.24097 7.36733C1.26664 7.27033 1.30725 7.17394 1.3628 7.07817C2.0568 5.85683 2.98564 4.87183 4.1493 4.12317C5.31297 3.37439 6.59653 3 7.99997 3C9.40342 3 10.687 3.37439 11.8506 4.12317C13.0143 4.87183 13.9431 5.85683 14.6371 7.07817C14.6927 7.17394 14.7333 7.27044 14.759 7.36767C14.7845 7.46489 14.7973 7.56467 14.7973 7.667C14.7973 7.76933 14.7845 7.869 14.759 7.966C14.7333 8.063 14.6927 8.15939 14.6371 8.25517C13.9431 9.4765 13.0143 10.4615 11.8506 11.2102C10.687 11.9589 9.40342 12.3333 7.99997 12.3333ZM7.99997 11.3333C9.25553 11.3333 10.4083 11.0028 11.4583 10.3417C12.5083 9.68055 13.3111 8.78889 13.8666 7.66667C13.3111 6.54444 12.5083 5.65278 11.4583 4.99167C10.4083 4.33056 9.25553 4 7.99997 4C6.74442 4 5.59164 4.33056 4.54164 4.99167C3.49164 5.65278 2.68886 6.54444 2.1333 7.66667C2.68886 8.78889 3.49164 9.68055 4.54164 10.3417C5.59164 11.0028 6.74442 11.3333 7.99997 11.3333Z\"\r\n          fill=\"#505050\"\r\n        />\r\n      </g>\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport const ClosedEyeIcon = () => {\r\n  return (\r\n    <svg\r\n      width=\"24\"\r\n      height=\"24\"\r\n      viewBox=\"0 0 16 16\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <mask\r\n        id=\"mask0_6673_82183\"\r\n        style={{ maskType: \"alpha\" }}\r\n        maskUnits=\"userSpaceOnUse\"\r\n        x=\"0\"\r\n        y=\"0\"\r\n        width=\"16\"\r\n        height=\"16\"\r\n      >\r\n        <rect width=\"16\" height=\"16\" fill=\"#D9D9D9\" />\r\n      </mask>\r\n      <g mask=\"url(#mask0_6673_82183)\">\r\n        <path\r\n          d=\"M9.91793 5.74876C10.1888 6.01976 10.3982 6.34903 10.5461 6.73659C10.694 7.12426 10.7499 7.51337 10.7139 7.90392C10.7139 8.03215 10.6678 8.1407 10.5756 8.22959C10.4833 8.31848 10.373 8.36292 10.2448 8.36292C10.1165 8.36292 10.008 8.31848 9.9191 8.22959C9.83021 8.1407 9.78576 8.03215 9.78576 7.90392C9.82854 7.61081 9.80443 7.33303 9.71343 7.07059C9.62243 6.80826 9.48248 6.58264 9.29359 6.39376C9.1047 6.20487 8.87693 6.06148 8.61026 5.96359C8.34359 5.8657 8.06237 5.84026 7.76659 5.88726C7.63837 5.89159 7.52771 5.84864 7.43459 5.75842C7.34137 5.66831 7.29265 5.55914 7.28843 5.43092C7.28409 5.3027 7.32532 5.19198 7.41209 5.09876C7.49887 5.00564 7.60637 4.95698 7.73459 4.95276C8.12259 4.90831 8.51254 4.95892 8.90443 5.10459C9.29632 5.25037 9.63415 5.46509 9.91793 5.74876ZM7.99993 4.00009C7.76315 4.00009 7.53087 4.01165 7.30309 4.03476C7.07532 4.05776 6.84859 4.09576 6.62293 4.14876C6.48104 4.17787 6.35326 4.15759 6.23959 4.08792C6.12593 4.01826 6.04776 3.91803 6.00509 3.78726C5.96232 3.65226 5.97643 3.52387 6.04743 3.40209C6.11832 3.28031 6.22126 3.20487 6.35626 3.17576C6.62471 3.11164 6.89587 3.06637 7.16976 3.03992C7.44376 3.01337 7.72048 3.00009 7.99993 3.00009C9.43237 3.00009 10.7482 3.37231 11.9474 4.11676C13.1465 4.8612 14.0687 5.86848 14.7139 7.13859C14.7584 7.22315 14.7907 7.30837 14.8108 7.39426C14.8309 7.48014 14.8409 7.57098 14.8409 7.66676C14.8409 7.76253 14.8326 7.85337 14.8159 7.93926C14.7993 8.02515 14.7687 8.11037 14.7243 8.19492C14.52 8.62226 14.2718 9.02076 13.9794 9.39042C13.6871 9.76009 13.3653 10.0996 13.0139 10.4091C12.9106 10.5014 12.7925 10.5396 12.6596 10.5238C12.5266 10.508 12.4174 10.4415 12.3319 10.3244C12.2465 10.2073 12.211 10.0817 12.2256 9.94759C12.2402 9.81337 12.2991 9.70009 12.4024 9.60776C12.7033 9.33509 12.9777 9.03703 13.2256 8.71359C13.4735 8.39003 13.6872 8.04109 13.8666 7.66676C13.311 6.54453 12.5083 5.65287 11.4583 4.99176C10.4083 4.33065 9.25548 4.00009 7.99993 4.00009ZM7.99993 12.3334C6.59648 12.3334 5.31015 11.9584 4.14093 11.2084C2.97171 10.4584 2.04226 9.47059 1.35259 8.24492C1.29704 8.16037 1.25643 8.06848 1.23076 7.96926C1.20509 7.87014 1.19226 7.76931 1.19226 7.66676C1.19226 7.5642 1.20337 7.46503 1.22559 7.36926C1.24782 7.27359 1.28671 7.18003 1.34226 7.08859C1.59015 6.63559 1.87093 6.20415 2.18459 5.79426C2.49826 5.38448 2.85893 5.0172 3.26659 4.69242L1.76143 3.17692C1.66921 3.07781 1.62371 2.96009 1.62493 2.82376C1.62626 2.68742 1.67521 2.57098 1.77176 2.47442C1.86832 2.37787 1.98543 2.32959 2.12309 2.32959C2.26065 2.32959 2.37771 2.37787 2.47426 2.47442L13.5256 13.5258C13.6179 13.6181 13.6669 13.7324 13.6724 13.8686C13.678 14.0049 13.629 14.1248 13.5256 14.2283C13.429 14.3248 13.3119 14.3731 13.1743 14.3731C13.0367 14.3731 12.9197 14.3248 12.8231 14.2283L10.4769 11.9026C10.0837 12.0547 9.67959 12.1645 9.2646 12.2321C8.84971 12.2996 8.42815 12.3334 7.99993 12.3334ZM3.96926 5.39492C3.57859 5.6967 3.22748 6.03792 2.91593 6.41859C2.60437 6.79937 2.34348 7.21542 2.13326 7.66676C2.68882 8.78898 3.49159 9.68064 4.54159 10.3418C5.59159 11.0029 6.74437 11.3334 7.99993 11.3334C8.28626 11.3334 8.56809 11.3142 8.84543 11.2758C9.12276 11.2373 9.3982 11.1779 9.67176 11.0976L8.82809 10.2334C8.69309 10.2924 8.55826 10.3324 8.42359 10.3533C8.28904 10.3743 8.14782 10.3848 7.99993 10.3848C7.24348 10.3848 6.60137 10.1209 6.07359 9.59309C5.54582 9.06531 5.28193 8.4232 5.28193 7.66676C5.28193 7.51887 5.29348 7.37765 5.31659 7.24309C5.33971 7.10842 5.37859 6.97359 5.43326 6.83859L3.96926 5.39492Z\"\r\n          fill=\"#C5C5C5\"\r\n        />\r\n      </g>\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport const SettingIcon: React.FC = () => (\r\n  <svg\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    width=\"20\"\r\n    height=\"21\"\r\n    viewBox=\"0 0 20 21\"\r\n    fill=\"none\"\r\n  >\r\n    <path\r\n      d=\"M11.3748 18.8346H8.62484C8.47206 18.8346 8.33664 18.786 8.21859 18.6888C8.10053 18.5916 8.02762 18.4666 7.99984 18.3138L7.6665 16.2096C7.40262 16.1124 7.12484 15.9805 6.83317 15.8138C6.5415 15.6471 6.28456 15.4735 6.06234 15.293L4.12484 16.1888C3.97206 16.2582 3.81928 16.2687 3.6665 16.2201C3.51373 16.1714 3.39567 16.0707 3.31234 15.918L1.93734 13.4805C1.854 13.3416 1.83317 13.1957 1.87484 13.043C1.9165 12.8902 1.99984 12.7652 2.12484 12.668L3.9165 11.3555C3.88873 11.2305 3.87137 11.0881 3.86442 10.9284C3.85748 10.7687 3.854 10.6263 3.854 10.5013C3.854 10.3763 3.85748 10.2339 3.86442 10.0742C3.87137 9.9145 3.88873 9.77214 3.9165 9.64714L2.12484 8.33464C1.99984 8.23741 1.9165 8.11241 1.87484 7.95964C1.83317 7.80686 1.854 7.66102 1.93734 7.52214L3.31234 5.08464C3.39567 4.93186 3.51373 4.83116 3.6665 4.78255C3.81928 4.73394 3.97206 4.74436 4.12484 4.8138L6.06234 5.70964C6.28456 5.52908 6.5415 5.35547 6.83317 5.1888C7.12484 5.02214 7.40262 4.89714 7.6665 4.8138L7.99984 2.6888C8.02762 2.53602 8.10053 2.41102 8.21859 2.3138C8.33664 2.21658 8.47206 2.16797 8.62484 2.16797H11.3748C11.5276 2.16797 11.663 2.21658 11.7811 2.3138C11.8991 2.41102 11.9721 2.53602 11.9998 2.6888L12.3332 4.79297C12.5971 4.89019 12.8783 5.01866 13.1769 5.17839C13.4755 5.33811 13.729 5.51519 13.9373 5.70964L15.8748 4.8138C16.0276 4.74436 16.1804 4.73394 16.3332 4.78255C16.4859 4.83116 16.604 4.93186 16.6873 5.08464L18.0623 7.5013C18.1457 7.64019 18.17 7.7895 18.1353 7.94922C18.1005 8.10894 18.0137 8.23741 17.8748 8.33464L16.0832 9.60547C16.1109 9.74436 16.1283 9.89366 16.1353 10.0534C16.1422 10.2131 16.1457 10.3624 16.1457 10.5013C16.1457 10.6402 16.1422 10.786 16.1353 10.9388C16.1283 11.0916 16.1109 11.2374 16.0832 11.3763L17.8748 12.668C17.9998 12.7652 18.0832 12.8902 18.1248 13.043C18.1665 13.1957 18.1457 13.3416 18.0623 13.4805L16.6873 15.918C16.604 16.0707 16.4859 16.1714 16.3332 16.2201C16.1804 16.2687 16.0276 16.2582 15.8748 16.1888L13.9373 15.293C13.7151 15.4735 13.4616 15.6506 13.1769 15.8242C12.8922 15.9978 12.6109 16.1263 12.3332 16.2096L11.9998 18.3138C11.9721 18.4666 11.8991 18.5916 11.7811 18.6888C11.663 18.786 11.5276 18.8346 11.3748 18.8346ZM9.99984 13.2096C10.7498 13.2096 11.3887 12.9457 11.9165 12.418C12.4443 11.8902 12.7082 11.2513 12.7082 10.5013C12.7082 9.7513 12.4443 9.11241 11.9165 8.58464C11.3887 8.05686 10.7498 7.79297 9.99984 7.79297C9.24984 7.79297 8.61095 8.05686 8.08317 8.58464C7.55539 9.11241 7.2915 9.7513 7.2915 10.5013C7.2915 11.2513 7.55539 11.8902 8.08317 12.418C8.61095 12.9457 9.24984 13.2096 9.99984 13.2096ZM9.99984 11.9596C9.59706 11.9596 9.25331 11.8173 8.96859 11.5326C8.68387 11.2478 8.5415 10.9041 8.5415 10.5013C8.5415 10.0985 8.68387 9.75477 8.96859 9.47005C9.25331 9.18533 9.59706 9.04297 9.99984 9.04297C10.4026 9.04297 10.7464 9.18533 11.0311 9.47005C11.3158 9.75477 11.4582 10.0985 11.4582 10.5013C11.4582 10.9041 11.3158 11.2478 11.0311 11.5326C10.7464 11.8173 10.4026 11.9596 9.99984 11.9596ZM9.08317 17.5846H10.9165L11.2082 15.2513C11.6665 15.1402 12.1005 14.9666 12.5103 14.7305C12.92 14.4944 13.2915 14.2096 13.6248 13.8763L15.8332 14.8346L16.6665 13.3346L14.7082 11.8971C14.7637 11.661 14.8089 11.4284 14.8436 11.1992C14.8783 10.9701 14.8957 10.7374 14.8957 10.5013C14.8957 10.2652 14.8818 10.0326 14.854 9.80339C14.8262 9.57422 14.7776 9.34158 14.7082 9.10547L16.6665 7.66797L15.8332 6.16797L13.6248 7.1263C13.3054 6.76519 12.9443 6.46311 12.5415 6.22005C12.1387 5.977 11.6943 5.82075 11.2082 5.7513L10.9165 3.41797H9.08317L8.7915 5.7513C8.31928 5.84852 7.87831 6.01519 7.46859 6.2513C7.05887 6.48741 6.69428 6.77908 6.37484 7.1263L4.1665 6.16797L3.33317 7.66797L5.2915 9.10547C5.23595 9.34158 5.19081 9.57422 5.15609 9.80339C5.12137 10.0326 5.104 10.2652 5.104 10.5013C5.104 10.7374 5.12137 10.9701 5.15609 11.1992C5.19081 11.4284 5.23595 11.661 5.2915 11.8971L3.33317 13.3346L4.1665 14.8346L6.37484 13.8763C6.70817 14.2096 7.0797 14.4944 7.48942 14.7305C7.89914 14.9666 8.33317 15.1402 8.7915 15.2513L9.08317 17.5846Z\"\r\n      fill=\"#0E0C0B\"\r\n      fill-opacity=\"0.7\"\r\n    />\r\n  </svg>\r\n);\r\n","import {\r\n  BoardIcon,\r\n  CalendarIcon,\r\n  ChartsIcon,\r\n  CloseIcon,\r\n  GalleryIcon,\r\n  ListIcon,\r\n  TableIcon,\r\n  TimeLineIcon,\r\n} from \"../../assets/svg\";\r\nimport { Box, Typography, ButtonBase, Grid, IconButton } from \"@mui/material\";\r\n\r\ninterface LayoutSelectorProps {\r\n  onSelect: (layout: string) => void;\r\n  selectedLayout?: string;\r\n}\r\n\r\nconst layoutIcons: Record<string, JSX.Element> = {\r\n  Board: <BoardIcon />,\r\n  Table: <TableIcon />,\r\n  Timeline: <TimeLineIcon />,\r\n  List: <ListIcon />,\r\n  Calendar: <CalendarIcon />,\r\n  Gallery: <GalleryIcon />,\r\n  Charts: <ChartsIcon />,\r\n};\r\n\r\nconst LayoutSelector = ({ onSelect, selectedLayout }: LayoutSelectorProps) => {\r\n  return (\r\n    <Box\r\n      sx={{\r\n        width: \"100%\",\r\n        maxWidth: \"500px\",\r\n        height: \"330px\",\r\n        // backgroundColor: \"#fff\",\r\n        // borderRadius: 2,\r\n        // overflow: \"hidden\",\r\n      }}\r\n    >\r\n      <Box\r\n        sx={{\r\n          display: \"flex\",\r\n          justifyContent: \"space-between\",\r\n          alignItems: \"center\",\r\n          px: 3,\r\n          py: 2,\r\n          // borderBottom: \"1px solid #eee\",\r\n          backgroundColor: \"#FBFBFC\",\r\n        }}\r\n      >\r\n        <Typography\r\n          variant=\"h5\"\r\n          sx={{ fontWeight: 400, fontSize: 18, color: \"#0C2033\" }}\r\n        >\r\n          Layouts\r\n        </Typography>\r\n        <IconButton onClick={() => onSelect(\"close\")}>\r\n          <CloseIcon />\r\n        </IconButton>\r\n      </Box>\r\n\r\n      {/* Layout Grid */}\r\n      <Grid container spacing={2} sx={{ p: 3 }}>\r\n        {Object.keys(layoutIcons).map((layout) => {\r\n          const isSelected = layout === selectedLayout;\r\n          return (\r\n            <Grid size={3} key={layout}>\r\n              <ButtonBase\r\n                onClick={() => onSelect(layout)}\r\n                sx={{\r\n                  border: isSelected\r\n                    ? \"1.5px solid #1E1E1E\"\r\n                    : \"1.5px solid #E5E7EB\",\r\n                  borderRadius: 2,\r\n                  p: 2,\r\n                  width: \"100%\",\r\n                  height: \"100%\",\r\n                  flexDirection: \"column\",\r\n                  backgroundColor: isSelected ? \"#fff\" : \"\",\r\n                  transition: \"0.3s\",\r\n                  boxShadow: isSelected\r\n                    ? \"0px 2px 6px rgba(0,0,0,0.06)\"\r\n                    : \"none\",\r\n                }}\r\n              >\r\n                <Box mb={1}>{layoutIcons[layout]}</Box>\r\n                <Typography\r\n                  variant=\"subtitle1\"\r\n                  sx={{\r\n                    color: \"#1E1E1E\",\r\n                    fontWeight: isSelected ? 400 : 200,\r\n                    opacity: isSelected ? 1 : 0.5,\r\n                  }}\r\n                >\r\n                  {layout}\r\n                </Typography>\r\n              </ButtonBase>\r\n            </Grid>\r\n          );\r\n        })}\r\n      </Grid>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default LayoutSelector;\r\n","import { useEffect, useState } from \"react\";\r\n\r\nexport function useFullscreenPopoverContainer() {\r\n  const [isFullscreen, setIsFullscreen] = useState<boolean>(\r\n    !!document.fullscreenElement\r\n  );\r\n  const [container, setContainer] = useState<Element | undefined>(\r\n    document.fullscreenElement ?? undefined\r\n  );\r\n\r\n  useEffect(() => {\r\n    const handleFullscreenChange = () => {\r\n      const el = document.fullscreenElement ?? undefined;\r\n      setIsFullscreen(!!el);\r\n      setContainer(el);\r\n    };\r\n\r\n    document.addEventListener(\"fullscreenchange\", handleFullscreenChange);\r\n    return () => {\r\n      document.removeEventListener(\"fullscreenchange\", handleFullscreenChange);\r\n    };\r\n  }, []);\r\n\r\n  return { isFullscreen, container };\r\n}\r\n","import React from \"react\";\r\nimport {\r\n  Popover,\r\n  Typography,\r\n  Box,\r\n  MenuItem,\r\n  Select,\r\n  IconButton,\r\n  Switch as MUISwitch,\r\n} from \"@mui/material\";\r\nimport { CloseIcon, ViewMoreIcon } from \"../../../assets/svg\";\r\nimport { useFullscreenPopoverContainer } from \"../../libs/hooks/useFullScreen\";\r\nimport { CraftTableOptionsProps } from \"../../types/table-options\";\r\n\r\n// interface ViewMorePopoverProps {\r\n//   compactMode: boolean;\r\n//   onCompactToggle: (value: string) => void;\r\n//   isFullscreen: boolean;\r\n//   onFullscreenToggle: () => void;\r\n//   groupBy: string;\r\n//   onGroupByChange: (value: string) => void;\r\n//   tableStates: CraftTableOptionsProps;\r\n// }\r\n\r\n// const ViewMore = ({\r\n//   compactMode,\r\n//   onCompactToggle,\r\n//   isFullscreen,\r\n//   onFullscreenToggle,\r\n//   // groupBy,\r\n//   // onGroupByChange,\r\n//   tableStates,\r\n// }: ViewMorePopoverProps) => {\r\n//   const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null);\r\n\r\n//   const open = Boolean(anchorEl);\r\n//   const { container: fullscreenContainer } = useFullscreenPopoverContainer();\r\n\r\n//   const handleClick = (event: React.MouseEvent<HTMLElement>) => {\r\n//     setAnchorEl(event.currentTarget);\r\n//   };\r\n\r\n//   const handleClose = () => {\r\n//     setAnchorEl(null);\r\n//   };\r\n\r\n//   const { wrapColumns, setWrapColumns } = tableStates;\r\n\r\n//   const onWrapCellToggle = () => {\r\n//     setWrapColumns((prev: Record<string, boolean>) => ({\r\n//       all_wrap: !prev[\"all_wrap\"],\r\n//     }));\r\n//   };\r\n\r\n//   return (\r\n//     <>\r\n//       <div onClick={handleClick}>\r\n//         <ViewMoreIcon />\r\n//       </div>\r\n\r\n//       <Popover\r\n//         open={open}\r\n//         anchorEl={anchorEl}\r\n//         onClose={handleClose}\r\n//         container={fullscreenContainer}\r\n//         anchorOrigin={{ vertical: \"bottom\", horizontal: \"left\" }}\r\n//         transformOrigin={{ vertical: \"top\", horizontal: \"left\" }}\r\n//         PaperProps={{\r\n//           sx: {\r\n//             mt: 2,\r\n//             padding: 3,\r\n//             width: 380,\r\n//             borderRadius: 1,\r\n//             boxShadow: 4,\r\n//           },\r\n//         }}\r\n//       >\r\n//         <Box\r\n//           display=\"flex\"\r\n//           justifyContent=\"space-between\"\r\n//           alignItems=\"center\"\r\n//           px={2}\r\n//           py={2}\r\n//           sx={{\r\n//             backgroundColor: \"#F9FAFB\",\r\n//             // borderBottom: \"1px solid #E0E0E0\",\r\n//             // borderTopLeftRadius: 4,\r\n//             // borderTopRightRadius: 4,\r\n//             margin: \"-24px -24px 24px -24px\",\r\n//           }}\r\n//         >\r\n//           <Typography fontSize=\"18px\" fontWeight={400} color=\"#0C2033\">\r\n//             View\r\n//           </Typography>\r\n//           <IconButton size=\"small\" onClick={handleClose}>\r\n//             <CloseIcon />\r\n//           </IconButton>\r\n//         </Box>\r\n\r\n//         {/* Wrap Cell */}\r\n//         <Box\r\n//           display=\"flex\"\r\n//           justifyContent=\"space-between\"\r\n//           alignItems=\"center\"\r\n//           mb={2}\r\n//         >\r\n//           <Typography fontSize=\"14px\" fontWeight={400} color=\"#000000DE\">\r\n//             Wrap Cell\r\n//           </Typography>\r\n//           <MUISwitch\r\n//             checked={wrapColumns?.all_wrap || false}\r\n//             onChange={onWrapCellToggle}\r\n//           />\r\n//         </Box>\r\n\r\n//         {/* List View */}\r\n//         <Box\r\n//           display=\"flex\"\r\n//           justifyContent=\"space-between\"\r\n//           alignItems=\"center\"\r\n//           mb={2}\r\n//         >\r\n//           <Typography fontSize=\"14px\" fontWeight={400} color=\"#000000DE\">\r\n//             List View\r\n//           </Typography>\r\n//           <Select\r\n//             size=\"small\"\r\n//             value={compactMode ? \"Compact\" : \"Comfy\"}\r\n//             onChange={(e) => onCompactToggle(e.target.value)}\r\n//             sx={{\r\n//               minWidth: 120,\r\n//               fontWeight: 400,\r\n//               color: \"#000\",\r\n//               fontSize: \"13px\",\r\n//             }}\r\n//             MenuProps={{\r\n//               container: fullscreenContainer,\r\n//               disablePortal: false,\r\n//               PaperProps: {\r\n//                 style: {\r\n//                   zIndex: 1500,\r\n//                 },\r\n//               },\r\n//             }}\r\n//           >\r\n//             <MenuItem value=\"Comfy\">Comfy</MenuItem>\r\n//             <MenuItem value=\"Compact\">Compact</MenuItem>\r\n//           </Select>\r\n//         </Box>\r\n\r\n//         {/* Group By */}\r\n//         {/* <Box\r\n//           display=\"flex\"\r\n//           justifyContent=\"space-between\"\r\n//           alignItems=\"center\"\r\n//           mb={2}\r\n//         >\r\n//           <Typography fontSize=\"14px\" fontWeight={400} color=\"#000000DE\">\r\n//             Group By\r\n//           </Typography>\r\n//           <Select\r\n//             size=\"small\"\r\n//             value={groupBy}\r\n//             onChange={(e) => onGroupByChange(e.target.value)}\r\n//             sx={{\r\n//               minWidth: 120,\r\n//               fontWeight: 400,\r\n//               color: \"#000\",\r\n//               fontSize: \"13px\",\r\n//             }}\r\n//             MenuProps={{\r\n//               container: fullscreenContainer,\r\n//               disablePortal: false,\r\n//               PaperProps: {\r\n//                 style: {\r\n//                   zIndex: 1500,\r\n//                 },\r\n//               },\r\n//             }}\r\n//           >\r\n//             <MenuItem value=\"None\">None</MenuItem>\r\n//             <MenuItem value=\"Status\">Status</MenuItem>\r\n//             <MenuItem value=\"Owner\">Owner</MenuItem>\r\n//           </Select>\r\n//         </Box> */}\r\n\r\n//         {/* Fullscreen */}\r\n//         <Box display=\"flex\" justifyContent=\"space-between\" alignItems=\"center\">\r\n//           <Typography fontSize=\"14px\" fontWeight={400} color=\"#000000DE\">\r\n//             Fullscreen\r\n//           </Typography>\r\n//           <MUISwitch checked={isFullscreen} onChange={onFullscreenToggle} />\r\n//         </Box>\r\n//       </Popover>\r\n//     </>\r\n//   );\r\n// };\r\n\r\n// export default ViewMore;\r\n\r\ninterface ViewMoreProps {\r\n  compactMode: boolean;\r\n  onCompactToggle: (value: string) => void;\r\n  isFullscreen: boolean;\r\n  onFullscreenToggle: () => void;\r\n  groupBy?: string;\r\n  onGroupByChange?: (value: string) => void;\r\n  tableStates: CraftTableOptionsProps;\r\n  onClose?: () => void;\r\n}\r\n\r\nconst ViewMore = ({\r\n  compactMode,\r\n  onCompactToggle,\r\n  isFullscreen,\r\n  onFullscreenToggle,\r\n  // groupBy,\r\n  // onGroupByChange,\r\n  tableStates,\r\n  onClose,\r\n}: ViewMoreProps) => {\r\n  const { container: fullscreenContainer } = useFullscreenPopoverContainer();\r\n  const { wrapColumns, setWrapColumns } = tableStates;\r\n\r\n  const onWrapCellToggle = () => {\r\n    setWrapColumns((prev: Record<string, boolean>) => ({\r\n      all_wrap: !prev[\"all_wrap\"],\r\n    }));\r\n  };\r\n\r\n  return (\r\n    <Box sx={{ p: 3, width: 380 }}>\r\n      {/* Header */}\r\n      <Box\r\n        display=\"flex\"\r\n        justifyContent=\"space-between\"\r\n        alignItems=\"center\"\r\n        mb={3}\r\n      >\r\n        <Typography fontSize=\"18px\" fontWeight={400} color=\"#0C2033\">\r\n          View\r\n        </Typography>\r\n        <IconButton size=\"small\" onClick={onClose}>\r\n          <CloseIcon />\r\n        </IconButton>\r\n      </Box>\r\n\r\n      {/* Wrap Cell */}\r\n      <Box\r\n        display=\"flex\"\r\n        justifyContent=\"space-between\"\r\n        alignItems=\"center\"\r\n        mb={2}\r\n      >\r\n        <Typography fontSize=\"14px\" fontWeight={400} color=\"#000000DE\">\r\n          Wrap Cell\r\n        </Typography>\r\n        <MUISwitch\r\n          checked={wrapColumns?.all_wrap || false}\r\n          onChange={onWrapCellToggle}\r\n        />\r\n      </Box>\r\n\r\n      {/* List View */}\r\n      <Box\r\n        display=\"flex\"\r\n        justifyContent=\"space-between\"\r\n        alignItems=\"center\"\r\n        mb={2}\r\n      >\r\n        <Typography fontSize=\"14px\" fontWeight={400} color=\"#000000DE\">\r\n          List View\r\n        </Typography>\r\n        <Select\r\n          size=\"small\"\r\n          value={compactMode ? \"Compact\" : \"Comfy\"}\r\n          onChange={(e) => onCompactToggle(e.target.value)}\r\n          sx={{\r\n            minWidth: 120,\r\n            fontWeight: 400,\r\n            color: \"#000\",\r\n            fontSize: \"13px\",\r\n          }}\r\n          MenuProps={{\r\n            container: fullscreenContainer,\r\n            disablePortal: false,\r\n            PaperProps: {\r\n              style: {\r\n                zIndex: 1500,\r\n              },\r\n            },\r\n          }}\r\n        >\r\n          <MenuItem value=\"Comfy\">Comfy</MenuItem>\r\n          <MenuItem value=\"Compact\">Compact</MenuItem>\r\n        </Select>\r\n      </Box>\r\n\r\n      {/* Fullscreen */}\r\n      <Box display=\"flex\" justifyContent=\"space-between\" alignItems=\"center\">\r\n        <Typography fontSize=\"14px\" fontWeight={400} color=\"#000000DE\">\r\n          Fullscreen\r\n        </Typography>\r\n        <MUISwitch checked={isFullscreen} onChange={onFullscreenToggle} />\r\n      </Box>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default ViewMore;\r\n","import React from \"react\";\r\nimport { useSortable } from \"@dnd-kit/sortable\";\r\nimport { CSS } from \"@dnd-kit/utilities\";\r\nimport { DragHandleIcon } from \"../../../assets/svg\";\r\n\r\nconst SortableItem = ({\r\n  id,\r\n  children,\r\n}: {\r\n  id: string;\r\n  children: React.ReactNode;\r\n}) => {\r\n  const { attributes, listeners, setNodeRef, transform, transition } =\r\n    useSortable({ id });\r\n\r\n  return (\r\n    <div\r\n      ref={setNodeRef}\r\n      style={{\r\n        transform: CSS.Transform.toString(transform),\r\n        transition,\r\n        display: \"flex\",\r\n        alignItems: \"center\",\r\n        gap: 8,\r\n      }}\r\n    >\r\n      <span {...attributes} {...listeners} style={{ cursor: \"grab\" }}>\r\n        <DragHandleIcon />\r\n      </span>\r\n      <div style={{ flexGrow: 1 }}>{children}</div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default SortableItem;\r\n","import { useState } from \"react\";\r\nimport {\r\n  Popover,\r\n  Box,\r\n  IconButton,\r\n  MenuItem,\r\n  Select,\r\n  Typography,\r\n  Button,\r\n} from \"@mui/material\";\r\nimport {\r\n  DndContext,\r\n  closestCenter,\r\n  useSensor,\r\n  useSensors,\r\n  MouseSensor,\r\n  TouchSensor,\r\n  KeyboardSensor,\r\n} from \"@dnd-kit/core\";\r\nimport {\r\n  arrayMove,\r\n  SortableContext,\r\n  verticalListSortingStrategy,\r\n} from \"@dnd-kit/sortable\";\r\nimport SortableItem from \"./sorting-item\";\r\nimport { AddIcon, CloseIcon } from \"../../../assets/svg\";\r\n\r\ninterface SortItem {\r\n  id: string;\r\n  field: string;\r\n  direction: \"asc\" | \"desc\";\r\n}\r\n\r\ntype SortPopoverProps = {\r\n  anchorEl: HTMLElement | null;\r\n  onClose: () => void;\r\n  columns: { id: string; label: string }[];\r\n  onChange: (sorting: { id: string; desc: boolean }[]) => void;\r\n};\r\n\r\nconst SortPopover = ({\r\n  anchorEl,\r\n  onClose,\r\n  columns,\r\n  onChange,\r\n}: SortPopoverProps) => {\r\n  const [sorts, setSorts] = useState<SortItem[]>([]);\r\n\r\n  const sensors = useSensors(\r\n    useSensor(MouseSensor),\r\n    useSensor(TouchSensor),\r\n    useSensor(KeyboardSensor)\r\n  );\r\n\r\n  const handleDragEnd = (event: any) => {\r\n    const { active, over } = event;\r\n    if (active.id !== over.id) {\r\n      const oldIndex = sorts.findIndex((item) => item.id === active.id);\r\n      const newIndex = sorts.findIndex((item) => item.id === over.id);\r\n      const updated = arrayMove(sorts, oldIndex, newIndex);\r\n      setSorts(updated);\r\n      triggerTableSortUpdate(updated);\r\n    }\r\n  };\r\n\r\n  const handleChange = (id: string, field: keyof SortItem, value: any) => {\r\n    const updated = sorts.map((item) =>\r\n      item.id === id ? { ...item, [field]: value } : item\r\n    );\r\n    setSorts(updated);\r\n    triggerTableSortUpdate(updated);\r\n  };\r\n\r\n  const handleAddSort = () => {\r\n    const newSort: SortItem = {\r\n      id: Date.now().toString(),\r\n      field: columns[0]?.id ?? \"\",\r\n      direction: \"asc\",\r\n    };\r\n    const updated = [...sorts, newSort];\r\n    setSorts(updated);\r\n    triggerTableSortUpdate(updated);\r\n  };\r\n\r\n  const handleRemove = (id: string) => {\r\n    const updated = sorts.filter((item) => item.id !== id);\r\n    setSorts(updated);\r\n    triggerTableSortUpdate(updated);\r\n  };\r\n\r\n  const triggerTableSortUpdate = (sortItems: SortItem[]) => {\r\n    const sortingPayload = sortItems.map((item) => ({\r\n      id: item.field,\r\n      desc: item.direction === \"desc\",\r\n    }));\r\n    onChange(sortingPayload);\r\n  };\r\n\r\n  return (\r\n    <Popover\r\n      open={Boolean(anchorEl)}\r\n      anchorEl={anchorEl}\r\n      onClose={onClose}\r\n      anchorOrigin={{ vertical: \"bottom\", horizontal: \"left\" }}\r\n    >\r\n      <Box p={2} minWidth={300}>\r\n        <Box\r\n          display=\"flex\"\r\n          justifyContent=\"space-between\"\r\n          alignItems=\"center\"\r\n          px={2}\r\n          py={1}\r\n          sx={{\r\n            backgroundColor: \"#F9FAFB\",\r\n            // borderBottom: \"1px solid #E0E0E0\",\r\n            margin: \"-16px -16px 16px -16px\",\r\n          }}\r\n        >\r\n          <Typography fontSize=\"18px\" fontWeight={600} color=\"#0C2033\">\r\n            Sort By\r\n          </Typography>\r\n          <IconButton size=\"small\" onClick={onClose}>\r\n            <CloseIcon />\r\n          </IconButton>\r\n        </Box>\r\n\r\n        {sorts.length > 0 && (\r\n          <DndContext\r\n            sensors={sensors}\r\n            collisionDetection={closestCenter}\r\n            onDragEnd={handleDragEnd}\r\n          >\r\n            <SortableContext\r\n              items={sorts.map((s) => s.id)}\r\n              strategy={verticalListSortingStrategy}\r\n            >\r\n              {sorts.map((sort) => (\r\n                <SortableItem key={sort.id} id={sort.id}>\r\n                  <Box display=\"flex\" gap={1} alignItems=\"center\" mb={1}>\r\n                    <Select\r\n                      value={sort.field}\r\n                      onChange={(e) =>\r\n                        handleChange(sort.id, \"field\", e.target.value)\r\n                      }\r\n                      size=\"small\"\r\n                      fullWidth\r\n                      sx={{ fontWeight: 400, fontSize: 14, color: \"#000\" }}\r\n                    >\r\n                      {columns.map((col) => (\r\n                        <MenuItem key={col.id} value={col.id}>\r\n                          {col.label}\r\n                        </MenuItem>\r\n                      ))}\r\n                    </Select>\r\n                    <Select\r\n                      value={sort.direction}\r\n                      onChange={(e) =>\r\n                        handleChange(sort.id, \"direction\", e.target.value)\r\n                      }\r\n                      size=\"small\"\r\n                      sx={{ fontWeight: 400, fontSize: 14, color: \"#000\" }}\r\n                    >\r\n                      <MenuItem value=\"asc\">Ascending</MenuItem>\r\n                      <MenuItem value=\"desc\">Descending</MenuItem>\r\n                    </Select>\r\n                    <IconButton\r\n                      size=\"small\"\r\n                      onClick={() => handleRemove(sort.id)}\r\n                    >\r\n                      <CloseIcon />\r\n                    </IconButton>\r\n                  </Box>\r\n                </SortableItem>\r\n              ))}\r\n            </SortableContext>\r\n          </DndContext>\r\n        )}\r\n\r\n        <Button\r\n          onClick={handleAddSort}\r\n          startIcon={\r\n            <span>\r\n              <AddIcon />\r\n            </span>\r\n          }\r\n          size=\"small\"\r\n          sx={{\r\n            fontWeight: 400,\r\n            fontSize: 12,\r\n            color: \"#888888\",\r\n          }}\r\n        >\r\n          Add Sort\r\n        </Button>\r\n      </Box>\r\n    </Popover>\r\n  );\r\n};\r\n\r\nexport default SortPopover;\r\n","import { useSortable } from \"@dnd-kit/sortable\";\r\nimport { Box, Typography } from \"@mui/material\";\r\nimport {\r\n  DragandDrogIcon,\r\n  VisibilityIcon,\r\n  VisibilityOffIcon,\r\n} from \"../../../assets/svg\";\r\nimport { CSS } from \"@dnd-kit/utilities\";\r\nimport { camelCaseToTitle } from \"../../types/common\";\r\n\r\nconst DraggableColumn = ({\r\n  column,\r\n  onToggle,\r\n}: {\r\n  column: any;\r\n  onToggle: () => void;\r\n}) => {\r\n  const { attributes, listeners, setNodeRef, transform, transition } =\r\n    useSortable({\r\n      id: column.id,\r\n    });\r\n\r\n  const style = {\r\n    transform: CSS.Transform.toString(transform),\r\n    transition,\r\n  };\r\n\r\n  const isVisible = column.getIsVisible();\r\n  const label =\r\n    typeof column.columnDef.header === \"string\"\r\n      ? column.columnDef.header\r\n      : column.id;\r\n\r\n  return (\r\n    <div ref={setNodeRef} style={style} {...attributes} className=\"column-row\">\r\n      <Box {...listeners} className=\"drag-icon\">\r\n        <DragandDrogIcon />\r\n      </Box>\r\n      <Typography>{camelCaseToTitle(label as string)}</Typography>\r\n      <Box onClick={onToggle} className=\"visibility-icon\">\r\n        {isVisible ? <VisibilityIcon /> : <VisibilityOffIcon />}\r\n      </Box>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default DraggableColumn;\r\n","export interface defaultColumnsProps {\r\n  id: number;\r\n  name: string;\r\n  department: string;\r\n  position: string;\r\n  email: string;\r\n  location: string;\r\n  phone: string;\r\n  dateOfJoining: string;\r\n  salary: number;\r\n  performanceRating: string;\r\n  subRows?: any;\r\n}\r\n\r\nexport interface amountFormatProps {\r\n  amount: number;\r\n  decimal?: boolean;\r\n  removeFloat?: boolean;\r\n  compactFormat?: \"crore\" | \"10lakh\" | \"lakh\";\r\n}\r\n\r\nexport interface formatDateProps {\r\n  date: string;\r\n  style: string;\r\n}\r\n\r\nexport type alignProps = \"left\" | \"center\" | \"right\";\r\nexport interface align {\r\n  align: alignProps;\r\n}\r\n\r\nexport const camelCaseToTitle = (str: string): string => {\r\n  if (!str) return \"\";\r\n\r\n  return str\r\n    .replace(/_/g, \" \") // Replace underscores with spaces\r\n    .replace(/([a-z])([A-Z])/g, \"$1 $2\") // Add space between camelCase transitions\r\n    .replace(/\\b\\w/g, (char) => char.toUpperCase()) // Capitalize each word's first letter\r\n    .trim();\r\n};\r\n\r\n//API INTEGRATION\r\nexport interface EntityTableAPIProps {\r\n  entity_type?: string;\r\n  page: number;\r\n  size: number;\r\n  tabs?: {\r\n    columnName: string;\r\n    sortBy: \"ASC\" | \"DSC\";\r\n    value?: string;\r\n    name?: string;\r\n  };\r\n  sortby?: {\r\n    sortColum: string;\r\n    sortType: \"ASC\" | \"DSC\";\r\n  }[];\r\n  quickFilter?: {\r\n    filter_attribute: string;\r\n    filter_operator: string;\r\n    filter_value: string[] | string;\r\n  }[];\r\n  attributeFilter?: {\r\n    filter_attribute: string;\r\n    filter_operator: string;\r\n    filter_value: string[] | string;\r\n  }[];\r\n  flatJson: boolean;\r\n  module_code?: string;\r\n}\r\n\r\nexport interface viewSettingsDropDownAPIProps {\r\n  entity_type: string;\r\n  column: string | undefined;\r\n  sort_by: string | undefined;\r\n}\r\n\r\ninterface EntityListTab {\r\n  tab_name: string | null;\r\n  count: string | number;\r\n}\r\n\r\ninterface EntityList {\r\n  id: string;\r\n  entity_type: string;\r\n  name: string;\r\n  status: string | null;\r\n  parent_type: string | null;\r\n  parent_id: string | null;\r\n  code: string;\r\n  created_by: string | null;\r\n  created_date: string | null;\r\n  modified_by: string | null;\r\n  modified_date: string | null;\r\n  enterprise_id: string | null;\r\n  organization_id: number | null;\r\n  app_code: string | null;\r\n  is_system: number | null;\r\n  description: string | null;\r\n}\r\n\r\nexport interface EntityListingResponse {\r\n  data: {\r\n    entity_tabs: EntityListTab[];\r\n    entity_list: EntityList[];\r\n  };\r\n}\r\n\r\nexport interface APIParamsProps {\r\n  page?: number;\r\n  size?: number;\r\n  use_flatjson?: boolean;\r\n}\r\n\r\nexport type DropdownOption = {\r\n  value: string | number;\r\n  label: string;\r\n};\r\n\r\nexport interface onFilterChangeFunctionProps {\r\n  updatedFilters?: any;\r\n  filterMaster?: any;\r\n  filters?: any;\r\n}\r\n","import React from \"react\";\r\nimport {\r\n  DndContext,\r\n  closestCenter,\r\n  useSensor,\r\n  useSensors,\r\n  MouseSensor,\r\n  TouchSensor,\r\n  KeyboardSensor,\r\n  DragEndEvent,\r\n} from \"@dnd-kit/core\";\r\nimport {\r\n  SortableContext,\r\n  arrayMove,\r\n  verticalListSortingStrategy,\r\n} from \"@dnd-kit/sortable\";\r\nimport { Popover, IconButton, Typography, Box } from \"@mui/material\";\r\nimport { Table } from \"@tanstack/react-table\";\r\nimport DraggableColumn from \"./column-list-item\";\r\nimport \"./index.scss\";\r\nimport { CloseIcon } from \"../../../assets/svg\";\r\n\r\ninterface ColumnToggleProps<T> {\r\n  anchorEl: HTMLElement | null;\r\n  onClose: () => void;\r\n  table: Table<T>;\r\n  columnOrder: string[];\r\n  setColumnOrder: React.Dispatch<React.SetStateAction<string[]>>;\r\n}\r\n\r\nconst ColumnToggle = <T,>({\r\n  anchorEl,\r\n  onClose,\r\n  table,\r\n  columnOrder,\r\n  setColumnOrder,\r\n}: ColumnToggleProps<T>) => {\r\n  const open = Boolean(anchorEl);\r\n  const sensors = useSensors(\r\n    useSensor(MouseSensor),\r\n    useSensor(TouchSensor),\r\n    useSensor(KeyboardSensor)\r\n  );\r\n\r\n  const allColumns = table.getAllLeafColumns();\r\n\r\n  const shownColumns = columnOrder\r\n    .map((id) => allColumns.find((col) => col.id === id))\r\n    .filter((col) => col?.getIsVisible());\r\n\r\n  const hiddenColumns = columnOrder\r\n    .map((id) => allColumns.find((col) => col.id === id))\r\n    .filter((col) => col && !col.getIsVisible());\r\n\r\n  const handleDragEnd = (event: DragEndEvent) => {\r\n    const { active, over } = event;\r\n\r\n    if (!over || active.id === over.id) return;\r\n\r\n    const activeCol = table.getColumn(active.id as string);\r\n    const overCol = table.getColumn(over.id as string);\r\n    if (!activeCol || !overCol) return;\r\n\r\n    const activeVisible = activeCol.getIsVisible();\r\n    const overVisible = overCol.getIsVisible();\r\n\r\n    if (activeVisible !== overVisible) {\r\n      activeCol.toggleVisibility();\r\n    }\r\n\r\n    const oldIndex = columnOrder.indexOf(active.id as string);\r\n    const newIndex = columnOrder.indexOf(over.id as string);\r\n    setColumnOrder(arrayMove(columnOrder, oldIndex, newIndex));\r\n  };\r\n\r\n  const toggleVisibility = (columnId: string) => {\r\n    const col = table.getColumn(columnId);\r\n    col?.toggleVisibility();\r\n  };\r\n\r\n  const handleHideAll = () => {\r\n    allColumns.forEach((col) => col.toggleVisibility(false));\r\n  };\r\n\r\n  const handleShowAll = () => {\r\n    allColumns.forEach((col) => col.toggleVisibility(true));\r\n  };\r\n\r\n  return (\r\n    <Popover\r\n      open={open}\r\n      anchorEl={anchorEl}\r\n      onClose={onClose}\r\n      anchorOrigin={{ vertical: \"bottom\", horizontal: \"left\" }}\r\n      sx={{ width: \"600px\" }}\r\n    >\r\n      <div className=\"column-manager\">\r\n        <div className=\"header\">\r\n          <Typography variant=\"h6\">Column</Typography>\r\n          <IconButton size=\"small\" onClick={onClose}>\r\n            <CloseIcon />\r\n          </IconButton>\r\n        </div>\r\n\r\n        <div className=\"content-wrapper\">\r\n          <DndContext\r\n            sensors={sensors}\r\n            collisionDetection={closestCenter}\r\n            onDragEnd={handleDragEnd}\r\n          >\r\n            <div className=\"list-section\">\r\n              <div className=\"list-header\">\r\n                <Typography variant=\"subtitle2\">Shown in List</Typography>\r\n                {/* <button onClick={handleHideAll}>Hide All</button> */}\r\n                <Box\r\n                  onClick={handleHideAll}\r\n                  fontStyle={{\r\n                    cursor: \"pointer\",\r\n                    color: \"#C5C5C5\",\r\n                    fontSize: \"12px\",\r\n                  }}\r\n                >\r\n                  Hide All\r\n                </Box>\r\n              </div>\r\n              <SortableContext\r\n                items={shownColumns.map((col) => col!.id)}\r\n                strategy={verticalListSortingStrategy}\r\n              >\r\n                {shownColumns.map((col) => (\r\n                  <DraggableColumn\r\n                    key={col!.id}\r\n                    column={col!}\r\n                    onToggle={() => toggleVisibility(col!.id)}\r\n                  />\r\n                ))}\r\n              </SortableContext>\r\n            </div>\r\n\r\n            <div className=\"list-section\">\r\n              <div className=\"list-header\">\r\n                <Typography variant=\"subtitle2\">Hidden in List</Typography>\r\n                {/* <button onClick={handleShowAll}>Show All</button> */}\r\n                <Box\r\n                  onClick={handleShowAll}\r\n                  fontStyle={{\r\n                    cursor: \"pointer\",\r\n                    color: \"#C5C5C5\",\r\n                    fontSize: \"12px\",\r\n                  }}\r\n                >\r\n                  Show All\r\n                </Box>\r\n              </div>\r\n              <SortableContext\r\n                items={hiddenColumns.map((col) => col!.id)}\r\n                strategy={verticalListSortingStrategy}\r\n              >\r\n                {hiddenColumns.map((col) => (\r\n                  <DraggableColumn\r\n                    key={col!.id}\r\n                    column={col!}\r\n                    onToggle={() => toggleVisibility(col!.id)}\r\n                  />\r\n                ))}\r\n              </SortableContext>\r\n            </div>\r\n          </DndContext>\r\n        </div>\r\n      </div>\r\n    </Popover>\r\n  );\r\n};\r\n\r\nexport default ColumnToggle;\r\n","export const customDebounce = <T extends (...args: any[]) => any>(\r\n  func: T,\r\n  delay: number\r\n) => {\r\n  let timerId: NodeJS.Timeout;\r\n\r\n  return function (this: any, ...args: Parameters<T>) {\r\n    const context = this;\r\n\r\n    clearTimeout(timerId);\r\n    timerId = setTimeout(() => {\r\n      func.apply(context, args);\r\n    }, delay);\r\n  };\r\n};\r\n","import { Theme } from \"@emotion/react\";\r\nimport { SxProps } from \"@mui/material\";\r\n\r\nexport interface StyleProps {\r\n  searchField: (showSearchInput: boolean) => SxProps<Theme>;\r\n}\r\n\r\nexport const searchStyles: StyleProps = {\r\n  searchField: (showSearchInput: boolean): SxProps<Theme> => ({\r\n    width: showSearchInput ? \"180px\" : \"40px\",\r\n    transition: \"all 0.3s ease\",\r\n    opacity: showSearchInput ? 1 : 0.8,\r\n    marginRight: \"0.5rem\",\r\n\r\n    \"& .MuiOutlinedInput-root\": {\r\n      paddingRight: \"4px\",\r\n      height: \"32px\",\r\n      borderRadius: \"6px\",\r\n      backgroundColor: \"#fff\",\r\n      border: showSearchInput ? \"1px solid #ccc\" : \"none\",\r\n    },\r\n\r\n    \"& .MuiOutlinedInput-notchedOutline\": {\r\n      border: \"none\",\r\n    },\r\n\r\n    \"&:hover .MuiOutlinedInput-notchedOutline\": {\r\n      border: \"none\",\r\n    },\r\n\r\n    \"&.Mui-focused .MuiOutlinedInput-notchedOutline\": {},\r\n\r\n    \" & .css-4bojcr-MuiInputBase-root-MuiOutlinedInput-root \": {\r\n      paddingLeft: \"6px !important\",\r\n    },\r\n    \"& .css-1mnoz6i-MuiInputBase-root-MuiOutlinedInput-root\": {\r\n      paddingLeft: \"6px !important\",\r\n    },\r\n  }),\r\n};\r\n","import React, { useState, useRef, useEffect, useCallback } from \"react\";\r\nimport { SearchIcon } from \"../../../assets/svg\";\r\nimport useOutsideClick from \"../../libs/hooks/useOutsideClick\";\r\nimport { customDebounce } from \"../../libs/utils/debounce\";\r\nimport { Box, IconButton, InputAdornment, TextField } from \"@mui/material\";\r\nimport CloseRoundedIcon from \"@mui/icons-material/CloseRounded\";\r\nimport { searchStyles } from \"./style\";\r\n\r\ninterface TableSearchProps {\r\n  value: string;\r\n  onChange: (value: string) => void;\r\n}\r\n\r\nexport const TableSearch = ({\r\n  value,\r\n  onChange,\r\n}: TableSearchProps): JSX.Element => {\r\n  const [showSearchInput, setShowSearchInput] = useState(false);\r\n  const [localValue, setLocalValue] = useState(value);\r\n  const searchContainerRef = useRef<HTMLDivElement>(null);\r\n\r\n  // Debounced onChange function\r\n  const debouncedOnChange = useCallback(\r\n    customDebounce((newValue: string) => {\r\n      onChange(newValue);\r\n    }, 1000),\r\n    [onChange]\r\n  );\r\n\r\n  // Sync local state with prop value\r\n  useEffect(() => {\r\n    setLocalValue(value);\r\n  }, [value]);\r\n\r\n  useOutsideClick({\r\n    ref: searchContainerRef,\r\n    handler: () => {\r\n      setShowSearchInput(false);\r\n    },\r\n  });\r\n\r\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    const newValue = e.target.value;\r\n    setLocalValue(newValue);\r\n    debouncedOnChange(newValue);\r\n  };\r\n\r\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\r\n    if (e.key === \"Enter\") {\r\n      onChange(localValue);\r\n    }\r\n    if (e.key === \"Escape\") {\r\n      setShowSearchInput(false);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Box\r\n      ref={searchContainerRef}\r\n      className=\"search-container\"\r\n      sx={{ position: \"relative\" }}\r\n    >\r\n      <TextField\r\n        type=\"text\"\r\n        placeholder=\"Search\"\r\n        value={localValue}\r\n        onChange={handleChange}\r\n        onKeyDown={handleKeyDown}\r\n        className={`search-input ${showSearchInput ? \"expanded\" : \"\"}`}\r\n        sx={searchStyles.searchField(showSearchInput)}\r\n        InputProps={{\r\n          startAdornment: (\r\n            <InputAdornment position=\"start\">\r\n              <IconButton\r\n                size=\"small\"\r\n                onClick={() => {\r\n                  setShowSearchInput((prev) => !prev);\r\n                  if (!showSearchInput) {\r\n                    setTimeout(() => {\r\n                      searchContainerRef.current\r\n                        ?.querySelector(\"input\")\r\n                        ?.focus();\r\n                    }, 100);\r\n                  }\r\n                }}\r\n                sx={{ color: \"black\", fontSize: 14 }}\r\n                edge=\"start\"\r\n              >\r\n                <SearchIcon />\r\n              </IconButton>\r\n            </InputAdornment>\r\n          ),\r\n          endAdornment:\r\n            showSearchInput && localValue !== \"\" ? (\r\n              <InputAdornment position=\"end\">\r\n                <IconButton\r\n                  size=\"small\"\r\n                  onClick={() => {\r\n                    setLocalValue(\"\");\r\n                    handleChange({ target: { value: \"\" } } as any);\r\n                  }}\r\n                  sx={{ color: \"black\", fontSize: 14 }}\r\n                  edge=\"end\"\r\n                >\r\n                  <CloseRoundedIcon\r\n                    fontSize=\"small\"\r\n                    sx={{ color: \"black\", fontSize: 14 }}\r\n                  />\r\n                </IconButton>\r\n              </InputAdornment>\r\n            ) : null,\r\n        }}\r\n      />\r\n    </Box>\r\n  );\r\n};\r\n","import React, { useEffect } from \"react\";\r\n\r\ninterface OutsideClickHandlerProps {\r\n  ref: React.RefObject<HTMLElement>;\r\n  handler: () => void;\r\n}\r\n\r\nconst useOutsideClick = ({ ref, handler }: OutsideClickHandlerProps) => {\r\n  useEffect(() => {\r\n    const handleClickOutside = (event: MouseEvent) => {\r\n      if (ref.current && !ref.current.contains(event.target as Node)) {\r\n        handler();\r\n      }\r\n    };\r\n\r\n    document.addEventListener(\"mousedown\", handleClickOutside);\r\n\r\n    return () => {\r\n      document.removeEventListener(\"mousedown\", handleClickOutside);\r\n    };\r\n  }, [ref, handler]);\r\n};\r\n\r\nexport default useOutsideClick;\r\n","import React, { useState, useRef, useEffect } from \"react\";\r\nimport {\r\n  ChangeLayoutIcon,\r\n  SortingIcon,\r\n  FilterationIcon,\r\n  HideColumnIcon,\r\n} from \"../../../assets/svg.tsx\";\r\nimport { Box, Popover } from \"@mui/material\";\r\nimport LayoutSelector from \"../table-change-layout.tsx\";\r\nimport { Table } from \"@tanstack/react-table\";\r\nimport { TopbarOptionsProps } from \"../../types/table.ts\";\r\nimport \"./index.scss\";\r\nimport ViewMore from \"../viewmore/index.tsx\";\r\nimport { useFullscreenPopoverContainer } from \"../../libs/hooks/useFullScreen.tsx\";\r\nimport SortPopover from \"../sorting-modal.tsx/index.tsx\";\r\nimport ColumnToggle from \"../column-visibility-modal/index.tsx\";\r\nimport { CraftTableOptionsProps } from \"../../types/table-options.ts\";\r\nimport { TableSearch } from \"../search/index.tsx\";\r\n\r\ninterface TopbarProps<T> {\r\n  table: Table<T>;\r\n  isFullscreen: boolean;\r\n  fullscreenToggle: () => void;\r\n  isCompactTable: boolean;\r\n  setIsCompactTable: React.Dispatch<React.SetStateAction<boolean>>;\r\n  paginationComponent?: React.ReactNode;\r\n  topbarOptions?: TopbarOptionsProps;\r\n  columnOrder?: string[];\r\n  setColumnOrder?: React.Dispatch<React.SetStateAction<string[]>>;\r\n  tableStates: CraftTableOptionsProps;\r\n  searchValue?: string;\r\n  onSearchChange?: (val: string) => void;\r\n  onFilterButtonClick?: () => void;\r\n}\r\n\r\nfunction Topbar<T>({\r\n  table,\r\n  isCompactTable,\r\n  isFullscreen,\r\n  fullscreenToggle,\r\n  setIsCompactTable,\r\n  paginationComponent,\r\n  topbarOptions,\r\n  tableStates,\r\n  onFilterButtonClick,\r\n}: TopbarProps<T>) {\r\n  const [sortAnchorEl, setSortAnchorEl] = useState<HTMLElement | null>(null);\r\n  const [groupBy, setGroupBy] = useState<string>(\"None\");\r\n\r\n  const [layoutAnchorEl, setLayoutAnchorEl] = useState<null | HTMLElement>(\r\n    null\r\n  );\r\n  const [selectedLayout, setSelectedLayout] = useState(\"Table\");\r\n  const [columnAnchorEl, setColumnAnchorEl] = useState<HTMLElement | null>(\r\n    null\r\n  );\r\n  const [columnOrder, setColumnOrder] = useState<string[]>(\r\n    table.getAllLeafColumns().map((col) => col.id)\r\n  );\r\n\r\n  const searchContainerRef = useRef<HTMLDivElement>(null);\r\n\r\n  // sync column order with table instance\r\n  useEffect(() => {\r\n    table.setColumnOrder(columnOrder);\r\n  }, [columnOrder]);\r\n\r\n  useEffect(() => {\r\n    if (isFullscreen) {\r\n      // Close all popovers when fullscreen is enabled\r\n      setLayoutAnchorEl(null);\r\n      setSortAnchorEl(null);\r\n      setColumnAnchorEl(null);\r\n      setViewMoreAnchorEl(null);\r\n    }\r\n  }, [isFullscreen]);\r\n\r\n  const {\r\n    leftSideComponent,\r\n    rightSideComponent,\r\n    showColumnToggle,\r\n    showChangeLayoutToggle,\r\n    showSortingToggle,\r\n    showFilterToggle,\r\n    showSearch,\r\n    searchValue,\r\n    onSearchChange,\r\n  } = topbarOptions ?? {};\r\n\r\n  const { container: fullscreenContainer } = useFullscreenPopoverContainer();\r\n\r\n  const handleLayoutSelect = (layout: string) => {\r\n    setSelectedLayout(layout);\r\n    setLayoutAnchorEl(null);\r\n  };\r\n\r\n  useEffect(() => {\r\n    const handleExternalLayoutTrigger = (e: Event) => {\r\n      const target = (e as CustomEvent).detail?.target as HTMLElement;\r\n      setLayoutAnchorEl(target);\r\n    };\r\n\r\n    const handleExternalFilterTrigger = () => {\r\n      onFilterButtonClick?.();\r\n    };\r\n\r\n    const handleExternalViewMoreTrigger = (e: Event) => {\r\n      const target = (e as CustomEvent).detail?.target as HTMLElement;\r\n      if (target) setViewMoreAnchorEl(target);\r\n    };\r\n\r\n    const handleExternalSearchTrigger = () => {\r\n      setTimeout(() => {\r\n        searchContainerRef.current?.querySelector(\"input\")?.focus();\r\n      }, 100);\r\n    };\r\n\r\n    window.addEventListener(\r\n      \"triggerLayoutPopover\",\r\n      handleExternalLayoutTrigger\r\n    );\r\n    window.addEventListener(\"triggerFilterButton\", handleExternalFilterTrigger);\r\n    window.addEventListener(\"triggerViewMore\", handleExternalViewMoreTrigger);\r\n    window.addEventListener(\"triggerSearchInput\", handleExternalSearchTrigger); // ✅\r\n\r\n    return () => {\r\n      window.removeEventListener(\r\n        \"triggerLayoutPopover\",\r\n        handleExternalLayoutTrigger\r\n      );\r\n      window.removeEventListener(\r\n        \"triggerFilterButton\",\r\n        handleExternalFilterTrigger\r\n      );\r\n      window.removeEventListener(\r\n        \"triggerViewMore\",\r\n        handleExternalViewMoreTrigger\r\n      );\r\n      window.removeEventListener(\r\n        \"triggerSearchInput\",\r\n        handleExternalSearchTrigger\r\n      ); // ✅\r\n    };\r\n  }, [onFilterButtonClick]);\r\n\r\n  const [viewMoreAnchorEl, setViewMoreAnchorEl] = useState<HTMLElement | null>(\r\n    null\r\n  );\r\n\r\n  const isViewMoreOpen = Boolean(viewMoreAnchorEl);\r\n\r\n  return (\r\n    <div className=\"ts-topbar\">\r\n      <div className=\"tabs-section\">\r\n        <div style={{ overflowX: \"auto\", whiteSpace: \"nowrap\" }}>\r\n          {leftSideComponent}\r\n        </div>\r\n      </div>\r\n\r\n      <div className=\"right-section\">\r\n        {rightSideComponent}\r\n        {paginationComponent}\r\n\r\n        <Box\r\n          sx={{\r\n            display: \"flex\",\r\n            alignItems: \"center\",\r\n            justifyContent: \"center\",\r\n            gap: 0.5,\r\n          }}\r\n        >\r\n          {showSearch && (\r\n            <Box\r\n              title=\"Search\"\r\n              className=\"external-search-trigger\"\r\n              onClick={() => {\r\n                const customEvent = new CustomEvent(\"triggerSearchInput\");\r\n                window.dispatchEvent(customEvent);\r\n              }}\r\n              ref={searchContainerRef}\r\n            >\r\n              <TableSearch\r\n                value={searchValue ?? \"\"}\r\n                onChange={onSearchChange ?? (() => {})}\r\n              />\r\n            </Box>\r\n          )}\r\n\r\n          {showChangeLayoutToggle && (\r\n            <>\r\n              <div className=\"change-layout ts--button\" title=\"Layout\">\r\n                <div\r\n                  onClick={(e) => {\r\n                    const customEvent = new CustomEvent(\r\n                      \"triggerLayoutPopover\",\r\n                      {\r\n                        detail: { target: e.currentTarget },\r\n                      }\r\n                    );\r\n                    window.dispatchEvent(customEvent);\r\n                  }}\r\n                  className=\"external-layout-trigger\"\r\n                >\r\n                  <ChangeLayoutIcon />\r\n                </div>\r\n              </div>\r\n            </>\r\n          )}\r\n          <Popover\r\n            open={Boolean(layoutAnchorEl)}\r\n            anchorEl={layoutAnchorEl}\r\n            onClose={() => setLayoutAnchorEl(null)}\r\n            anchorOrigin={{ vertical: \"bottom\", horizontal: \"left\" }}\r\n            container={fullscreenContainer}\r\n            sx={{\r\n              mt: 2.2,\r\n            }}\r\n          >\r\n            <LayoutSelector\r\n              onSelect={handleLayoutSelect}\r\n              selectedLayout={selectedLayout}\r\n            />\r\n          </Popover>\r\n          {showColumnToggle && (\r\n            <>\r\n              <div\r\n                className=\"hide-column ts--button\"\r\n                onClick={(e) => setColumnAnchorEl(e.currentTarget)}\r\n                title=\"Column\"\r\n              >\r\n                <HideColumnIcon />\r\n              </div>\r\n              <ColumnToggle\r\n                anchorEl={columnAnchorEl}\r\n                onClose={() => setColumnAnchorEl(null)}\r\n                table={table}\r\n                columnOrder={columnOrder}\r\n                setColumnOrder={setColumnOrder}\r\n              />\r\n            </>\r\n          )}\r\n\r\n          {showSortingToggle && (\r\n            <>\r\n              <div\r\n                className=\"filter ts--button\"\r\n                title=\"Sort\"\r\n                onClick={(e) => setSortAnchorEl(e.currentTarget)}\r\n              >\r\n                <SortingIcon />\r\n              </div>\r\n              <SortPopover\r\n                anchorEl={sortAnchorEl}\r\n                onClose={() => setSortAnchorEl(null)}\r\n                columns={table.getAllLeafColumns().map((col) => ({\r\n                  id: col.id,\r\n                  label: (col.columnDef.meta as any)?.label || col.id,\r\n                }))}\r\n                onChange={(sortingRules) => table.setSorting(sortingRules)}\r\n              />\r\n            </>\r\n          )}\r\n\r\n          {/* {showFilterToggle && (\r\n          <div\r\n            className=\"filter ts--button\"\r\n            title=\"Filter\"\r\n            onClick={onFilterButtonClick}\r\n            style={{\r\n              display: \"flex\",\r\n              justifyContent: \"center\",\r\n              alignItems: \"center\",\r\n              backgroundColor:\r\n                tableStates.showTableFilter || tableStates.filters.length > 0\r\n                  ? \"#e8e2fb\"\r\n                  : \"transparent\",\r\n              height: \"25px\",\r\n              width: \"25px\",\r\n              borderRadius: \"6px\",\r\n              cursor: \"pointer\",\r\n            }}\r\n          >\r\n            <FilterationIcon\r\n              color={\r\n                tableStates.showTableFilter || tableStates.filters.length > 0\r\n                  ? \"#7A5AF8\"\r\n                  : \"#1C1B1F\"\r\n              }\r\n            />\r\n          </div>\r\n        )} */}\r\n\r\n          {showFilterToggle && (\r\n            <div\r\n              className=\"filter ts--button\"\r\n              title=\"Filter\"\r\n              onClick={onFilterButtonClick}\r\n              style={{\r\n                position: \"relative\",\r\n                display: \"flex\",\r\n                justifyContent: \"center\",\r\n                alignItems: \"center\",\r\n                backgroundColor:\r\n                  tableStates.showTableFilter || tableStates.filters.length > 0\r\n                    ? \"#eae4fe\"\r\n                    : \"transparent\",\r\n                height: \"25px\",\r\n                width: \"25px\",\r\n                borderRadius: \"6px\",\r\n                cursor: \"pointer\",\r\n              }}\r\n            >\r\n              <FilterationIcon\r\n                color={\r\n                  tableStates.showTableFilter || tableStates.filters.length > 0\r\n                    ? \"#7A5AF8\"\r\n                    : \"#1C1B1F\"\r\n                }\r\n              />\r\n\r\n              {tableStates.filters.length > 0 &&\r\n                !tableStates.showTableFilter && (\r\n                  <span\r\n                    style={{\r\n                      position: \"absolute\",\r\n                      top: \"1px\",\r\n                      right: \"1px\",\r\n                      width: \"6px\",\r\n                      height: \"6px\",\r\n                      borderRadius: \"50%\",\r\n                      backgroundColor: \"#F63D68\",\r\n                    }}\r\n                  />\r\n                )}\r\n            </div>\r\n          )}\r\n\r\n          {/* {viewMoreToggle && (\r\n          <div className=\"view-more ts--button\" title=\"View More\">\r\n            <ViewMore\r\n              compactMode={isCompactTable}\r\n              onCompactToggle={(value: string) =>\r\n                setIsCompactTable(value === \"Compact\")\r\n              }\r\n              isFullscreen={isFullscreen}\r\n              onFullscreenToggle={fullscreenToggle}\r\n              groupBy={groupBy}\r\n              onGroupByChange={(value: string) => setGroupBy(value)}\r\n              tableStates={tableStates}\r\n            />\r\n          </div>\r\n        )} */}\r\n          {/* {viewMoreToggle && (\r\n          <div\r\n            className=\"view-more ts--button view-more-trigger\"\r\n            title=\"View More\"\r\n          >\r\n            <ViewMore\r\n              compactMode={isCompactTable}\r\n              onCompactToggle={(value: string) =>\r\n                setIsCompactTable(value === \"Compact\")\r\n              }\r\n              isFullscreen={isFullscreen}\r\n              onFullscreenToggle={fullscreenToggle}\r\n              groupBy={groupBy}\r\n              onGroupByChange={(value: string) => setGroupBy(value)}\r\n              tableStates={tableStates}\r\n            />\r\n          </div>\r\n        )} */}\r\n          <Popover\r\n            open={isViewMoreOpen}\r\n            anchorEl={viewMoreAnchorEl}\r\n            onClose={() => setViewMoreAnchorEl(null)}\r\n            anchorOrigin={{ vertical: \"bottom\", horizontal: \"left\" }}\r\n            transformOrigin={{ vertical: \"top\", horizontal: \"left\" }}\r\n            container={fullscreenContainer}\r\n            // PaperProps={{\r\n            //   sx: {\r\n            //     mt: 2,\r\n            //     padding: 0,\r\n            //     width: 380,\r\n            //     borderRadius: 1,\r\n            //     boxShadow: 4,\r\n            //   },\r\n            // }}\r\n          >\r\n            <ViewMore\r\n              compactMode={isCompactTable}\r\n              onCompactToggle={(value: string) =>\r\n                setIsCompactTable(value === \"Compact\")\r\n              }\r\n              isFullscreen={isFullscreen}\r\n              onFullscreenToggle={fullscreenToggle}\r\n              groupBy={groupBy}\r\n              onGroupByChange={(value: string) => setGroupBy(value)}\r\n              tableStates={tableStates}\r\n              onClose={() => setViewMoreAnchorEl(null)}\r\n            />\r\n          </Popover>\r\n        </Box>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default Topbar;\r\n","import { styled } from \"@mui/material/styles\";\r\nimport { Box, IconButton, Select, InputBase } from \"@mui/material\";\r\n\r\n/* Root container */\r\nexport const PaginationContainer = styled(Box)(({ theme }) => ({\r\n  padding: theme.spacing(0.5),\r\n  display: \"flex\",\r\n  justifyContent: \"flex-end\",\r\n  alignItems: \"center\",\r\n  gap: theme.spacing(2),\r\n  fontSize: theme.typography.pxToRem(14),\r\n  backgroundColor: theme.palette.common.white,\r\n\r\n  [theme.breakpoints.down(\"md\")]: {\r\n    justifyContent: \"center\",\r\n    fontSize: theme.typography.pxToRem(12),\r\n  },\r\n}));\r\n\r\n/* Hide go-to-page on <= 991px */\r\nexport const GoToPageContainer = styled(Box)(({ theme }) => ({\r\n  display: \"flex\",\r\n  alignItems: \"center\",\r\n\r\n  [theme.breakpoints.down(\"md\")]: {\r\n    display: \"none\",\r\n  },\r\n}));\r\n\r\n/* Rows per page */\r\nexport const RowsPerPageContainer = styled(Box)(({ theme }) => ({\r\n  display: \"flex\",\r\n  alignItems: \"center\",\r\n\r\n  [theme.breakpoints.down(\"sm\")]: {\r\n    display: \"none\",\r\n  },\r\n}));\r\n\r\n/* Records range */\r\nexport const RecordsRangeContainer = styled(Box)(({ theme }) => ({\r\n  whiteSpace: \"nowrap\",\r\n  fontSize: theme.typography.pxToRem(14),\r\n\r\n  [theme.breakpoints.down(\"sm\")]: {\r\n    display: \"none\",\r\n  },\r\n}));\r\n\r\n/* Page range */\r\nexport const PageRangeContainer = styled(Box)(({ theme }) => ({\r\n  whiteSpace: \"nowrap\",\r\n  fontSize: theme.typography.pxToRem(14),\r\n}));\r\n\r\n/* Buttons wrapper */\r\nexport const PaginationButtons = styled(Box)(({ theme }) => ({\r\n  display: \"flex\",\r\n  gap: theme.spacing(1),\r\n}));\r\n\r\n/* Pagination button */\r\nexport const PaginationButton = styled(IconButton)(({ theme }) => ({\r\n  borderRadius: \"50%\",\r\n  height: 24,\r\n  width: 24,\r\n  padding: 2,\r\n  transition: \"0.4s\",\r\n\r\n  \"&:hover\": {\r\n    backgroundColor: theme.palette.grey[300],\r\n    boxShadow: \"0 1px 2px 0 rgba(60,64,67,.6), 0 1px 3px 1px rgba(60,64,67,.3)\",\r\n  },\r\n\r\n  \"&.Mui-disabled\": {\r\n    color: theme.palette.action.disabled,\r\n  },\r\n\r\n  [theme.breakpoints.down(\"sm\")]: {\r\n    height: 24,\r\n    width: 24,\r\n    padding: 0,\r\n\r\n    \"& svg\": {\r\n      width: 20,\r\n      height: 20,\r\n    },\r\n  },\r\n}));\r\n\r\n/* Select (rows per page) */\r\nexport const RowsPerPageSelect = styled(Select)(({ theme }) => ({\r\n  borderRadius: theme.shape.borderRadius,\r\n  padding: theme.spacing(0),\r\n  fontSize: theme.typography.pxToRem(12),\r\n\r\n  \"& .MuiSelect-select\": {\r\n    fontSize: theme.typography.pxToRem(12),\r\n    padding: theme.spacing(0.5, 0.75),\r\n  },\r\n}));\r\n\r\n/* Input for go-to-page */\r\nexport const GoToPageInput = styled(InputBase)(({ theme }) => ({\r\n  width: 60,\r\n  textAlign: \"center\",\r\n  borderRadius: theme.shape.borderRadius,\r\n  border: `1px solid ${theme.palette.divider}`,\r\n  fontSize: theme.typography.pxToRem(12),\r\n\r\n  \"& .MuiInputBase-input\": {\r\n    fontSize: theme.typography.pxToRem(12),\r\n    padding: theme.spacing(0.25, 0.75),\r\n  },\r\n}));\r\n","import { Table } from \"@tanstack/react-table\";\r\nimport { TableFirstPageIcon, TableLastPageIcon } from \"../../../../assets/svg\";\r\nimport NavigateBeforeRounded from \"@mui/icons-material/NavigateBeforeRounded\";\r\nimport NavigateNextRounded from \"@mui/icons-material/NavigateNextRounded\";\r\nimport { MenuItem, Typography } from \"@mui/material\";\r\nimport { CraftTablePaginationProps } from \"../../../types/table\";\r\nimport {\r\n  PaginationContainer,\r\n  GoToPageContainer,\r\n  RowsPerPageContainer,\r\n  RecordsRangeContainer,\r\n  PageRangeContainer,\r\n  PaginationButtons,\r\n  PaginationButton,\r\n  RowsPerPageSelect,\r\n  GoToPageInput,\r\n} from \"./pagination.styles\";\r\n\r\ninterface DefaultPaginationProps<T> {\r\n  table: Table<T>;\r\n  rowsPerPageArray: number[];\r\n  paginationOptions?: CraftTablePaginationProps;\r\n}\r\n\r\nfunction DefaultPagination<T>({\r\n  table,\r\n  rowsPerPageArray,\r\n  paginationOptions,\r\n}: DefaultPaginationProps<T>) {\r\n  const pageIndex = table.getState().pagination.pageIndex + 1;\r\n  const pageCount = table.getPageCount();\r\n  const pageSize = table.getState().pagination.pageSize;\r\n  const rowCount = table.getRowCount();\r\n\r\n  const recordsRangeFirst = pageIndex * pageSize - pageSize + 1;\r\n  const recordsRangeLast = Math.min(pageIndex * pageSize, rowCount);\r\n\r\n  const isFullView = paginationOptions?.paginationView === \"full\";\r\n\r\n  return (\r\n    <PaginationContainer>\r\n      {isFullView && (\r\n        <GoToPageContainer>\r\n          <Typography variant=\"body2\" fontSize={14} mr={1}>\r\n            Go to page:\r\n          </Typography>\r\n          <GoToPageInput\r\n            defaultValue={pageIndex}\r\n            type=\"number\"\r\n            inputProps={{\r\n              name: \"pagination-size\",\r\n              min: 1,\r\n              max: pageCount,\r\n            }}\r\n            onKeyDown={(e) => {\r\n              if (e.key === \"Enter\") {\r\n                const page = e.currentTarget.value\r\n                  ? Number(e.currentTarget.value) - 1\r\n                  : 0;\r\n                table.setPageIndex(page);\r\n              }\r\n            }}\r\n          />\r\n        </GoToPageContainer>\r\n      )}\r\n\r\n      <RowsPerPageContainer>\r\n        {isFullView && (\r\n          <Typography variant=\"body2\" fontSize={14} mr={1}>\r\n            Rows per page:\r\n          </Typography>\r\n        )}\r\n        <RowsPerPageSelect\r\n          value={pageSize}\r\n          onChange={(e) => table.setPageSize(Number(e.target.value))}\r\n        >\r\n          {rowsPerPageArray.map((size) => (\r\n            <MenuItem key={size} value={size} sx={{ fontSize: 12 }}>\r\n              {size}\r\n            </MenuItem>\r\n          ))}\r\n        </RowsPerPageSelect>\r\n      </RowsPerPageContainer>\r\n\r\n      <RecordsRangeContainer>\r\n        <strong>\r\n          {recordsRangeFirst} – {recordsRangeLast} of {rowCount}\r\n        </strong>\r\n      </RecordsRangeContainer>\r\n\r\n      {isFullView && (\r\n        <PageRangeContainer>\r\n          <strong>\r\n            Page {pageIndex} of {pageCount}\r\n          </strong>\r\n        </PageRangeContainer>\r\n      )}\r\n\r\n      <PaginationButtons>\r\n        {isFullView && (\r\n          <PaginationButton\r\n            title=\"First Page\"\r\n            disabled={!table.getCanPreviousPage()}\r\n            onClick={() => table.setPageIndex(0)}\r\n          >\r\n            <TableFirstPageIcon />\r\n          </PaginationButton>\r\n        )}\r\n\r\n        <PaginationButton\r\n          title=\"Previous Page\"\r\n          disabled={!table.getCanPreviousPage()}\r\n          onClick={() => table.previousPage()}\r\n        >\r\n          <NavigateBeforeRounded fontSize=\"small\" />\r\n        </PaginationButton>\r\n\r\n        <PaginationButton\r\n          title=\"Next Page\"\r\n          disabled={!table.getCanNextPage()}\r\n          onClick={() => table.nextPage()}\r\n        >\r\n          <NavigateNextRounded fontSize=\"small\" />\r\n        </PaginationButton>\r\n\r\n        {isFullView && (\r\n          <PaginationButton\r\n            title=\"Last Page\"\r\n            disabled={!table.getCanNextPage()}\r\n            onClick={() => table.setPageIndex(pageCount - 1)}\r\n          >\r\n            <TableLastPageIcon />\r\n          </PaginationButton>\r\n        )}\r\n      </PaginationButtons>\r\n    </PaginationContainer>\r\n  );\r\n}\r\n\r\nexport default DefaultPagination;\r\n","import { Column } from \"@tanstack/react-table\";\r\nimport { alignProps } from \"../../types/common\";\r\nimport { CSSProperties } from \"react\";\r\nimport axios from \"axios\";\r\n\r\nexport const formatClassName = (className: string): string => {\r\n  return className.replace(/\\s+/g, \" \").trim();\r\n};\r\n\r\nexport const getColumnAlignment = (align: string) => {\r\n  const contentAlignment = {\r\n    left: \"flex-start\",\r\n    center: \"center\",\r\n    right: \"flex-end\",\r\n  };\r\n\r\n  const alignment = contentAlignment[(align as alignProps) || \"left\"];\r\n  return alignment;\r\n};\r\n\r\nexport const getColumnPinningStyles = <T>(column: Column<T>): CSSProperties => {\r\n  const isPinned = column.getIsPinned();\r\n  const isLastLeftPinnedColumn =\r\n    isPinned === \"left\" && column.getIsLastColumn(\"left\");\r\n  const isFirstRightPinnedColumn =\r\n    isPinned === \"right\" && column.getIsFirstColumn(\"right\");\r\n\r\n  return {\r\n    boxShadow: isLastLeftPinnedColumn\r\n      ? \"-4px 0 4px -4px gray inset\"\r\n      : isFirstRightPinnedColumn\r\n      ? \"4px 0 4px -4px gray inset\"\r\n      : undefined,\r\n    background: \"inherit\",\r\n    left: isPinned === \"left\" ? `${column.getStart(\"left\")}px` : undefined,\r\n    right: isPinned === \"right\" ? `${column.getAfter(\"right\")}px` : undefined,\r\n    position: isPinned ? \"sticky\" : \"relative\",\r\n    width: column.getSize(),\r\n  };\r\n};\r\n\r\nexport const getColumnPinningStylesBody = <T>(\r\n  column: Column<T>\r\n): CSSProperties => {\r\n  const isPinned = column.getIsPinned();\r\n  const isLastLeftPinnedColumn =\r\n    isPinned === \"left\" && column.getIsLastColumn(\"left\");\r\n  const isFirstRightPinnedColumn =\r\n    isPinned === \"right\" && column.getIsFirstColumn(\"right\");\r\n\r\n  return {\r\n    boxShadow: isLastLeftPinnedColumn\r\n      ? \"-4px 0 4px -4px gray inset\"\r\n      : isFirstRightPinnedColumn\r\n      ? \"4px 0 4px -4px gray inset\"\r\n      : undefined,\r\n    background: \"inherit\",\r\n    left: isPinned === \"left\" ? `${column.getStart(\"left\")}px` : undefined,\r\n    right: isPinned === \"right\" ? `${column.getAfter(\"right\")}px` : undefined,\r\n    position: isPinned ? \"sticky\" : \"relative\",\r\n    width: column.getSize(),\r\n  };\r\n};\r\n\r\nexport function customDebounce<T extends (...args: any[]) => any>(\r\n  func: T,\r\n  delay: number\r\n): (...args: Parameters<T>) => void {\r\n  let timerId: ReturnType<typeof setTimeout> | null = null;\r\n\r\n  return function (this: ThisParameterType<T>, ...args: Parameters<T>): void {\r\n    if (timerId) clearTimeout(timerId);\r\n    timerId = setTimeout(() => {\r\n      func.apply(this, args);\r\n    }, delay);\r\n  };\r\n}\r\n\r\n//ENTITY TYPE\r\nconst ENVIRONMENT = \"crm_dev\";\r\nexport const ENTITY_TYPE = \"LEAD\";\r\nexport const MODULE_CODE = \"school_adm_org\";\r\nexport const MAPPED_ENTITY_TYPE = \"LYPR\"; // LAP OR LYPR\r\nexport const USER_ID = 226;\r\nexport const APP_CODE = \"crm\";\r\n\r\nconst environments = {\r\n  adm_dev: \"http://localhost:6010/api\",\r\n  crm_dev: \"http://localhost:6011/api\",\r\n  uat: \"https://api.eth-qa.rezolut.in/api/enrol\",\r\n};\r\n\r\nconst getBaseUrl = () => environments[ENVIRONMENT];\r\n\r\n// API INTEGRATION\r\nexport const api = axios.create({\r\n  baseURL: getBaseUrl(),\r\n  timeout: 10000,\r\n  headers: {\r\n    \"Content-Type\": \"application/json\",\r\n  },\r\n});\r\n\r\napi.interceptors.request.use(\r\n  (config) => {\r\n    const token = localStorage.getItem(\"authToken\");\r\n    if (token) {\r\n      config.headers.Authorization = `Bearer ${token}`;\r\n    }\r\n    return config;\r\n  },\r\n  (error) => {\r\n    return Promise.reject(error);\r\n  }\r\n);\r\n\r\nexport const formatTableHeaders = (columns: any) => {\r\n  const mapped = columns.map((col: any) => {\r\n    const meta =\r\n      col.attribute_key === \"status\" ||\r\n      col.attribute_key === \"lead_status\" ||\r\n      col.attribute_key === \"flag\" ||\r\n      col.attribute_key === \"invitation_status\"\r\n        ? { type: \"custom\", propName: \"renderStatus\", align: col.align }\r\n        : col.attribute_key === \"profile_image\" ||\r\n          col.attribute_key === \"short_logo\"\r\n        ? {\r\n            type: \"custom\",\r\n            propName: \"profileImageFetch\",\r\n            align: col.align,\r\n          }\r\n        : col.attribute_key === \"start_date\" || col.attribute_key === \"end_date\"\r\n        ? { type: \"custom\", propName: \"dateFormater\", align: col.align }\r\n        : col.attribute_key === \"action\"\r\n        ? { type: \"custom\", propName: \"renderAction\", align: col.align }\r\n        : col.attribute_key === \"code\"\r\n        ? {\r\n            type: \"custom\",\r\n            propName: \"drillCellRenderer\",\r\n            align: col.align,\r\n          }\r\n        : col.attribute_key === \"primary_mobile\"\r\n        ? {\r\n            type: \"custom\",\r\n            propName: \"apiCallonClick\",\r\n            align: col.align,\r\n          }\r\n        : undefined;\r\n\r\n    return {\r\n      header: col.name ?? \"\",\r\n      accessorKey: col.attribute_key ?? \"\",\r\n      size: col.size,\r\n      meta,\r\n    };\r\n  });\r\n\r\n  return mapped;\r\n};\r\n","import { styled } from \"@mui/material\";\r\n\r\nexport const TableBodyRow = styled(\"tr\", {\r\n  shouldForwardProp: (prop) =>\r\n    prop !== \"hoverable\" &&\r\n    prop !== \"selected\" &&\r\n    prop !== \"striped\" &&\r\n    prop !== \"expanded\",\r\n})<{\r\n  hoverable?: boolean;\r\n  selected?: boolean;\r\n  striped?: boolean;\r\n  expanded?: boolean;\r\n}>(({ theme, hoverable, selected, striped }) => ({\r\n  backgroundColor: selected\r\n    ? theme.palette.action.selected\r\n    : theme.palette.background.paper,\r\n\r\n  ...(striped && {\r\n    \"&:nth-of-type(odd)\": {\r\n      backgroundColor:\r\n        theme.palette.mode === \"dark\"\r\n          ? theme.palette.action.hover\r\n          : theme.palette.grey[50],\r\n    },\r\n  }),\r\n\r\n  ...(hoverable && {\r\n    transition: \"background-color 0.2s ease, box-shadow 0.2s ease\",\r\n    \"&:hover\": {\r\n      boxShadow: `inset 0 2px 2px rgba(0,0,0,0.05),\r\n                  inset 0 -2px 2px rgba(0,0,0,0.05)`,\r\n    },\r\n  }),\r\n}));\r\n\r\nexport const TableBodyCell = styled(\"td\", {\r\n  shouldForwardProp: (prop) =>\r\n    prop !== \"compact\" &&\r\n    prop !== \"isDragging\" &&\r\n    prop !== \"isPinned\" &&\r\n    prop !== \"wrap\",\r\n})<{\r\n  compact?: boolean;\r\n  isDragging?: boolean;\r\n  isPinned?: boolean;\r\n  wrap?: boolean;\r\n}>(({ theme, compact, isDragging, wrap }) => ({\r\n  fontSize: theme.typography.pxToRem(14),\r\n  padding: compact ? theme.spacing(0.5, 0.75) : theme.spacing(0.75, 1.25),\r\n  borderBottom: `1px solid ${theme.palette.grey[200]}`,\r\n\r\n  ...(wrap && {\r\n    wordBreak: \"break-all\",\r\n    whiteSpace: \"normal\",\r\n  }),\r\n\r\n  ...(isDragging && {\r\n    opacity: 0.85,\r\n    backgroundColor: theme.palette.action.hover,\r\n  }),\r\n}));\r\n","import { useSortable } from \"@dnd-kit/sortable\";\r\nimport { CSS } from \"@dnd-kit/utilities\";\r\nimport { Cell, flexRender } from \"@tanstack/react-table\";\r\nimport { align } from \"../../types/common\";\r\nimport { getColumnPinningStylesBody } from \"../../libs/utils/common\";\r\nimport {\r\n  CraftTableFeatureProps,\r\n  CraftTableOptionsProps,\r\n} from \"../../types/table-options\";\r\nimport { TableBodyCell } from \"./table-body.styles\";\r\n\r\ninterface DragAlongCellProps<T> {\r\n  cell: Cell<T, unknown>;\r\n  featureOptions: CraftTableFeatureProps;\r\n  tableStates: CraftTableOptionsProps;\r\n}\r\n\r\nfunction DragAlongCell<T>({\r\n  cell,\r\n  // featureOptions,\r\n  tableStates,\r\n}: DragAlongCellProps<T>) {\r\n  const { isDragging, setNodeRef, transform } = useSortable({\r\n    id: cell.column.id,\r\n  });\r\n  // const { enableWordBreakAll } = featureOptions;\r\n  const { wrapColumns } = tableStates;\r\n\r\n  const isPinned = cell.column.getIsPinned();\r\n\r\n  return (\r\n    <TableBodyCell\r\n      ref={setNodeRef}\r\n      align={(cell.column.columnDef.meta as align)?.align || \"left\"}\r\n      style={{\r\n        opacity: isDragging ? 0.8 : 1,\r\n        transform: CSS.Translate.toString(transform),\r\n        transition: \"width transform 0.2s ease-in-out\",\r\n        width: cell.column.getSize(),\r\n        ...getColumnPinningStylesBody(cell.column),\r\n        ...((wrapColumns.all_wrap || wrapColumns[cell.column.id]) && {\r\n          wordBreak: \"break-all\",\r\n          whiteSpace: \"normal\",\r\n        }),\r\n        zIndex: isPinned ? 2 : isDragging ? 1 : 0,\r\n      }}\r\n    >\r\n      {cell.getIsPlaceholder()\r\n        ? null\r\n        : flexRender(cell.column.columnDef.cell, cell.getContext())}\r\n    </TableBodyCell>\r\n  );\r\n}\r\n\r\nexport default DragAlongCell;\r\n","import React, { useEffect, useRef } from \"react\";\r\nimport { v4 as uuidv4 } from \"uuid\";\r\n\r\ninterface CheckboxProps {\r\n  type?: \"checkbox\";\r\n  checked: boolean;\r\n  disabled?: boolean;\r\n  onChange: (checked: boolean) => void;\r\n  indeterminate?: boolean;\r\n  className?: string;\r\n  style?: React.CSSProperties;\r\n}\r\n\r\nconst Checkbox = ({\r\n  checked = false,\r\n  disabled = false,\r\n  onChange = () => {},\r\n  indeterminate = false,\r\n  className,\r\n  style,\r\n  ...props\r\n}: CheckboxProps) => {\r\n  const id = uuidv4();\r\n  const [check, setCheck] = React.useState<boolean>(checked);\r\n  const ref = useRef(null);\r\n\r\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    const isChecked = e.target.checked;\r\n    setCheck(isChecked);\r\n\r\n    if (onChange) onChange(isChecked);\r\n  };\r\n\r\n  useEffect(() => {\r\n    setCheck(checked);\r\n  }, [checked]);\r\n\r\n  useEffect(() => {\r\n    if (ref.current) {\r\n      (ref.current as HTMLInputElement).indeterminate = indeterminate;\r\n    }\r\n  }, [indeterminate]);\r\n\r\n  return (\r\n    <input\r\n      id={id}\r\n      ref={ref}\r\n      type=\"checkbox\"\r\n      checked={check}\r\n      onChange={handleChange}\r\n      disabled={disabled}\r\n      className={className}\r\n      {...props}\r\n    />\r\n  );\r\n};\r\n\r\nexport default Checkbox;\r\n","import React from \"react\";\r\nimport {\r\n  ColumnOrderState,\r\n  flexRender,\r\n  Row,\r\n  Table,\r\n} from \"@tanstack/react-table\";\r\nimport {\r\n  CraftTableFeatureProps,\r\n  CraftTableOptionsProps,\r\n} from \"../../types/table-options\";\r\nimport { align } from \"../../types/common\";\r\nimport DragAlongCell from \"./table-body-dnd-cell\";\r\nimport {\r\n  horizontalListSortingStrategy,\r\n  SortableContext,\r\n} from \"@dnd-kit/sortable\";\r\nimport { getColumnPinningStylesBody } from \"../../libs/utils/common\";\r\nimport Checkbox from \"../inputs/checkbox\";\r\nimport { TableBodyCell, TableBodyRow } from \"./table-body.styles\";\r\n\r\ninterface TableBodyProps<T> {\r\n  table: Table<T>;\r\n  featureOptions: CraftTableFeatureProps;\r\n  NestedComponent?: React.ComponentType<{ row: Row<T> }>;\r\n  columnOrder: ColumnOrderState;\r\n  tableStates: CraftTableOptionsProps;\r\n}\r\n\r\nfunction TableBody<T>({\r\n  table,\r\n  featureOptions,\r\n  NestedComponent,\r\n  columnOrder,\r\n  tableStates,\r\n}: TableBodyProps<T>) {\r\n  const { enableColumnReordering, enableRowSelection } = featureOptions;\r\n\r\n  const { wrapColumns } = tableStates;\r\n\r\n  const renderRow = (row: Row<T>) => {\r\n    const renderedRow = (\r\n      <TableBodyRow\r\n        key={row?.id}\r\n        hoverable\r\n        striped={featureOptions.striped}\r\n        selected={row.getIsSelected()}\r\n        expanded={row.getIsExpanded()}\r\n      >\r\n        {enableRowSelection && (\r\n          <TableBodyCell\r\n            style={{\r\n              position: \"sticky\",\r\n              left: 0,\r\n              width: \"50px\",\r\n            }}\r\n          >\r\n            <Checkbox\r\n              checked={row.getIsSelected()}\r\n              indeterminate={row.getIsSomeSelected()}\r\n              onChange={row.getToggleSelectedHandler()}\r\n              className=\"checkbox__input\"\r\n            />\r\n          </TableBodyCell>\r\n        )}\r\n\r\n        {row?.getVisibleCells()?.map((cell) => {\r\n          return enableColumnReordering ? (\r\n            <SortableContext\r\n              key={cell.id}\r\n              items={columnOrder}\r\n              strategy={horizontalListSortingStrategy}\r\n            >\r\n              <DragAlongCell\r\n                cell={cell}\r\n                featureOptions={featureOptions}\r\n                tableStates={tableStates}\r\n              />\r\n            </SortableContext>\r\n          ) : (\r\n            <TableBodyCell\r\n              style={{\r\n                ...getColumnPinningStylesBody(cell.column),\r\n                width: cell.column.getSize(),\r\n                ...((wrapColumns.all_wrap || wrapColumns[cell.column.id]) && {\r\n                  wordBreak: \"break-all\",\r\n                  whiteSpace: \"normal\",\r\n                }),\r\n              }}\r\n              align={(cell.column.columnDef.meta as align)?.align || \"left\"}\r\n            >\r\n              {flexRender(cell?.column?.columnDef?.cell, cell?.getContext())}\r\n            </TableBodyCell>\r\n          );\r\n        })}\r\n      </TableBodyRow>\r\n    );\r\n\r\n    if (row.getIsExpanded()) {\r\n      return (\r\n        <React.Fragment key={row.id}>\r\n          {renderedRow}\r\n          {NestedComponent && (\r\n            <TableBodyRow\r\n              hoverable\r\n              striped={featureOptions.striped}\r\n              selected={row.getIsSelected()}\r\n              expanded={row.getIsExpanded()}\r\n            >\r\n              {<NestedComponent {...{ row }} />}\r\n            </TableBodyRow>\r\n          )}\r\n        </React.Fragment>\r\n      );\r\n    } else {\r\n      return renderedRow;\r\n    }\r\n  };\r\n\r\n  return (\r\n    <tbody>{table?.getRowModel()?.rows?.map((row) => renderRow(row))}</tbody>\r\n  );\r\n}\r\n\r\nexport default TableBody;\r\n","// columnResize.styles.ts\r\nimport { Box } from \"@mui/material\";\r\nimport { styled } from \"@mui/material/styles\";\r\n\r\nexport const ColumnResizeHandle = styled(Box, {\r\n  shouldForwardProp: (prop) => prop !== \"isResizing\",\r\n})<{ isResizing?: boolean }>(({ theme, isResizing }) => ({\r\n  position: \"absolute\",\r\n  top: 0,\r\n  right: 0,\r\n  height: \"100%\",\r\n  width: theme.spacing(0.5),\r\n  cursor: \"col-resize\",\r\n  userSelect: \"none\",\r\n  touchAction: \"none\",\r\n  opacity: isResizing ? 1 : 0,\r\n  background: isResizing ? \"rgba(0, 0, 0, 0.8)\" : \"rgba(0, 0, 0, 0.5)\",\r\n\r\n  \"&:hover\": {\r\n    opacity: 1,\r\n  },\r\n}));\r\n\r\nexport const TableHeadButton = styled(Box)(({ theme }) => ({\r\n  display: \"flex\",\r\n  justifyContent: \"center\",\r\n  alignItems: \"center\",\r\n  cursor: \"pointer\",\r\n  transition: \"transform 0.15s ease\",\r\n\r\n  \"&:hover\": {\r\n    transform: \"scale(1.1)\",\r\n  },\r\n\r\n  \"& svg\": {\r\n    color: theme.palette.grey[700],\r\n  },\r\n}));\r\n\r\nexport const TableHeadSort = styled(Box, {\r\n  shouldForwardProp: (prop) => prop !== \"sortable\",\r\n})<{ sortable?: boolean }>(({ theme, sortable }) => ({\r\n  userSelect: sortable ? \"none\" : \"auto\",\r\n  fontSize: theme.typography.pxToRem(14),\r\n\r\n  \"& svg\": {\r\n    marginLeft: \"0.25rem\",\r\n  },\r\n}));\r\n\r\nexport const TableDndButton = styled(Box)(({ theme }) => ({\r\n  display: \"inline-flex\",\r\n  alignItems: \"center\",\r\n  justifyContent: \"center\",\r\n  color: theme.palette.grey[600],\r\n  cursor: \"grab\",\r\n  transition: \"transform 0.15s ease, color 0.15s ease\",\r\n\r\n  \"&:hover\": {\r\n    transform: \"scale(1.1)\",\r\n    color: theme.palette.grey[900],\r\n    cursor: \"grabbing\",\r\n  },\r\n}));\r\n\r\nexport const TableHeadContent = styled(Box)(({ theme }) => ({\r\n  display: \"flex\",\r\n  alignItems: \"center\",\r\n  justifyContent: \"space-between\",\r\n  gap: theme.spacing(1),\r\n}));\r\n\r\nexport const TableHeadRoot = styled(\"thead\", {\r\n  shouldForwardProp: (prop) => prop !== \"sticky\",\r\n})<{ sticky?: boolean }>(({ sticky }) => ({\r\n  position: sticky ? \"sticky\" : \"relative\",\r\n  top: sticky ? 0 : \"auto\",\r\n  zIndex: sticky ? 3 : \"auto\",\r\n}));\r\n\r\nexport const TableHeadRow = styled(\"tr\", {\r\n  shouldForwardProp: (prop) => prop !== \"striped\",\r\n})<{ striped?: boolean }>(({ theme, striped }) => ({\r\n  backgroundColor: striped\r\n    ? theme.palette.common.white\r\n    : theme.palette.grey[50],\r\n}));\r\n\r\nexport const TableHeadCell = styled(\"th\", {\r\n  shouldForwardProp: (prop) =>\r\n    prop !== \"compact\" && prop !== \"isDragging\" && prop !== \"isPinned\",\r\n})<{\r\n  compact?: boolean;\r\n  isDragging?: boolean;\r\n  isPinned?: boolean;\r\n  sticky?: boolean;\r\n}>(({ theme, compact, isDragging, isPinned, sticky }) => ({\r\n  position: \"relative\",\r\n  padding: compact ? theme.spacing(0.5, 0.75) : theme.spacing(0.75, 1.25),\r\n  border: `0.5px solid ${theme.palette.grey[200]}`,\r\n  cursor: \"pointer\",\r\n  backgroundColor: theme.palette.common.white,\r\n  userSelect: \"none\",\r\n  // smoother drag feedback\r\n  opacity: isDragging ? 0.8 : 1,\r\n  zIndex: isPinned ? 3 : isDragging ? 1 : 0,\r\n\r\n  ...(sticky && {\r\n    position: \"sticky\",\r\n    left: 0,\r\n    zIndex: 4,\r\n  }),\r\n}));\r\n","import { IconPinOffOutline } from \"../../../assets/svg\";\r\nimport { TableHeaderProps } from \"../../types/table\";\r\nimport { TableHeadButton } from \"./table-head.styles\";\r\n\r\nfunction TableHeadPin<T>({ header }: TableHeaderProps<T>) {\r\n  // ! Header now is pinned via dropdown on table head\r\n  // if (header.column.getIsPinned() !== \"left\") {\r\n  //   return (\r\n  //     <TableHeadButton onClick={() => header.column.pin(\"left\")}>\r\n  //       {/* <IconPinOutline /> */}\r\n  //     </TableHeadButton>\r\n  //   );\r\n  // }\r\n\r\n  return (\r\n    header.column.getIsPinned() && (\r\n      <TableHeadButton\r\n        onClick={(e) => {\r\n          e.stopPropagation();\r\n          header.column.pin(false);\r\n        }}\r\n      >\r\n        <IconPinOffOutline />\r\n      </TableHeadButton>\r\n    )\r\n  );\r\n}\r\n\r\nexport default TableHeadPin;\r\n","import {\r\n  Popover,\r\n  List,\r\n  ListItemButton,\r\n  ListItemText,\r\n  ListItemIcon,\r\n  Switch,\r\n} from \"@mui/material\";\r\nimport { Header } from \"@tanstack/react-table\";\r\nimport {\r\n  UpArrow,\r\n  DownArrow,\r\n  HideIcon,\r\n  IconPinOffOutline,\r\n  IconPinOutline,\r\n} from \"../../../assets/svg\";\r\nimport {\r\n  craftTableFilterSettingsOptionsProps,\r\n  CraftTableOptionsProps,\r\n} from \"../../types/table-options\";\r\nimport { useFullscreenPopoverContainer } from \"../../libs/hooks/useFullScreen\";\r\n\r\ntype Props<T> = {\r\n  anchorEl: HTMLElement | null;\r\n  activeTab?: string;\r\n  onClose: () => void;\r\n  header: Header<T, unknown>;\r\n  tableStates: CraftTableOptionsProps;\r\n  filterSettingStates?: craftTableFilterSettingsOptionsProps;\r\n  onSaveSettings?: (columnId: string) => void;\r\n};\r\n\r\nfunction TableHeadPopover<T>({\r\n  anchorEl,\r\n  onClose,\r\n  header,\r\n  tableStates,\r\n  onSaveSettings,\r\n}: Props<T>) {\r\n  const open = Boolean(anchorEl);\r\n  const column = header.column;\r\n  const isPinned = column.getIsPinned() === \"left\";\r\n  const { container: fullscreenContainer } = useFullscreenPopoverContainer();\r\n  const { wrapColumns, setWrapColumns } = tableStates;\r\n\r\n  const toggleWrapForColumn = (columnId: string) => {\r\n    setWrapColumns((prev: Record<string, boolean>) => ({\r\n      ...prev,\r\n      [columnId]: !prev[columnId],\r\n      all_wrap: false,\r\n    }));\r\n  };\r\n  const handleUpdateSettings = (columnId: string) => {\r\n    onSaveSettings && onSaveSettings(columnId);\r\n  };\r\n\r\n  return (\r\n    <Popover\r\n      open={open}\r\n      anchorEl={anchorEl}\r\n      onClose={onClose}\r\n      anchorOrigin={{ vertical: \"bottom\", horizontal: \"left\" }}\r\n      container={fullscreenContainer}\r\n    >\r\n      <List dense>\r\n        <ListItemButton onClick={() => column.toggleSorting(false)}>\r\n          <ListItemIcon>\r\n            <UpArrow />\r\n          </ListItemIcon>\r\n          <ListItemText primary=\"Sort ascending\" />\r\n        </ListItemButton>\r\n        <ListItemButton onClick={() => column.toggleSorting(true)}>\r\n          <ListItemIcon>\r\n            <DownArrow />\r\n          </ListItemIcon>\r\n          <ListItemText primary=\"Sort descending\" />\r\n        </ListItemButton>\r\n        <ListItemButton onClick={() => handleUpdateSettings(column?.id)}>\r\n          <ListItemIcon>\r\n            <HideIcon />\r\n          </ListItemIcon>\r\n          <ListItemText primary=\"Hide in view\" />\r\n        </ListItemButton>\r\n        <ListItemButton\r\n          onClick={() => {\r\n            column.pin(isPinned ? false : \"left\");\r\n          }}\r\n        >\r\n          <ListItemIcon>\r\n            {isPinned ? <IconPinOffOutline /> : <IconPinOutline />}\r\n          </ListItemIcon>\r\n          <ListItemText\r\n            primary={isPinned ? \"Unfreeze column\" : \"Freeze column\"}\r\n          />\r\n        </ListItemButton>\r\n\r\n        <ListItemButton>\r\n          <ListItemText primary=\"Wrap Cell\" />\r\n          <Switch\r\n            checked={wrapColumns.all_wrap || wrapColumns[column.id]}\r\n            onChange={() => toggleWrapForColumn(column.id)}\r\n          />\r\n        </ListItemButton>\r\n      </List>\r\n    </Popover>\r\n  );\r\n}\r\n\r\nexport default TableHeadPopover;\r\n","import { Header } from \"@tanstack/react-table\";\r\nimport { ColumnResizeHandle } from \"./table-head.styles\";\r\n\r\ninterface Props<T> {\r\n  header: Header<T, unknown>;\r\n}\r\n\r\nfunction TableColumnResizeHandle<T>({ header }: Props<T>) {\r\n  return (\r\n    <ColumnResizeHandle\r\n      isResizing={header.column.getIsResizing()}\r\n      onDoubleClick={() => header.column.resetSize()}\r\n      onMouseDown={header.getResizeHandler()}\r\n      onTouchStart={header.getResizeHandler()}\r\n      className={`column__resize ${\r\n        header.column.getIsResizing() ? \"is__resizing\" : \"\"\r\n      }`}\r\n    />\r\n  );\r\n}\r\n\r\nexport default TableColumnResizeHandle;\r\n","import { flexRender } from \"@tanstack/react-table\";\r\nimport { useSortable } from \"@dnd-kit/sortable\";\r\nimport { useState } from \"react\";\r\nimport { CSS } from \"@dnd-kit/utilities\";\r\nimport { DownArrow, DragHandleIcon, UpArrow } from \"../../../assets/svg\";\r\nimport { getColumnPinningStyles } from \"../../libs/utils/common\";\r\nimport { TableHeaderProps } from \"../../types/table\";\r\nimport TableHeadPin from \"./table-head-pin\";\r\nimport TableHeadPopover from \"./table-head-popover\";\r\nimport TableColumnResizeHandle from \"./table-head-resizer\";\r\nimport {\r\n  TableDndButton,\r\n  TableHeadCell,\r\n  TableHeadContent,\r\n  TableHeadSort,\r\n} from \"./table-head.styles\";\r\nimport { Box } from \"@mui/material\";\r\n\r\nfunction DraggableTableHeader<T>({\r\n  header,\r\n  activeTab,\r\n  featureOptions,\r\n  tableStates,\r\n  onSaveSettings,\r\n}: TableHeaderProps<T>) {\r\n  const { enableColumnPinning } = featureOptions;\r\n\r\n  // Popover\r\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);\r\n\r\n  const handleMenuToggle = (event: React.MouseEvent<HTMLElement>) => {\r\n    if (header.column.getIsResizing()) return;\r\n\r\n    setAnchorEl((prev) => (prev ? null : event.currentTarget));\r\n  };\r\n\r\n  const handleClose = () => {\r\n    setAnchorEl(null);\r\n  };\r\n\r\n  const { isDragging, transform, attributes, listeners } = useSortable({\r\n    id: header.column.id,\r\n  });\r\n\r\n  const isPinned = header.column.getIsPinned();\r\n\r\n  return (\r\n    <TableHeadCell\r\n      onMouseLeave={handleClose}\r\n      colSpan={header.colSpan}\r\n      compact={featureOptions?.compactTable}\r\n      isDragging={isDragging}\r\n      isPinned={Boolean(isPinned)}\r\n      style={{\r\n        width: `${header.column.getSize()}px`,\r\n        minWidth: `${header.column.columnDef.minSize ?? 180}px`,\r\n        maxWidth: `${header.column.columnDef.maxSize}px`,\r\n        transform: CSS.Translate.toString(transform),\r\n        transition: \"width transform 0.2s ease-in-out\",\r\n        ...getColumnPinningStyles(header.column),\r\n      }}\r\n    >\r\n      {header.isPlaceholder ? null : (\r\n        <TableHeadContent onClick={handleMenuToggle}>\r\n          <TableHeadSort sortable={header.column.getCanSort()}>\r\n            {flexRender(header.column.columnDef.header, header.getContext())}\r\n          </TableHeadSort>\r\n\r\n          <Box\r\n            display={\"flex\"}\r\n            alignItems={\"center\"}\r\n            justifyContent={\"center\"}\r\n            gap={0.5}\r\n          >\r\n            {{\r\n              asc: <UpArrow />,\r\n              desc: <DownArrow />,\r\n            }[header.column.getIsSorted() as \"asc\" | \"desc\"] ?? null}\r\n\r\n            {enableColumnPinning && (\r\n              <TableHeadPin\r\n                header={header}\r\n                featureOptions={featureOptions}\r\n                tableStates={tableStates}\r\n              />\r\n            )}\r\n\r\n            <TableDndButton {...attributes} {...listeners}>\r\n              <DragHandleIcon />\r\n            </TableDndButton>\r\n          </Box>\r\n        </TableHeadContent>\r\n      )}\r\n\r\n      {/* column resizing */}\r\n      {header.column.getCanResize() ? (\r\n        <TableColumnResizeHandle header={header} />\r\n      ) : null}\r\n\r\n      {/* Popover */}\r\n      <TableHeadPopover\r\n        anchorEl={anchorEl}\r\n        activeTab={activeTab}\r\n        onClose={handleClose}\r\n        header={header}\r\n        tableStates={tableStates}\r\n        onSaveSettings={onSaveSettings}\r\n      />\r\n    </TableHeadCell>\r\n  );\r\n}\r\n\r\nexport default DraggableTableHeader;\r\n","import {\r\n  ColumnOrderState,\r\n  flexRender,\r\n  Header,\r\n  Table,\r\n} from \"@tanstack/react-table\";\r\nimport {\r\n  CraftTableFeatureProps,\r\n  craftTableFilterSettingsOptionsProps,\r\n  CraftTableOptionsProps,\r\n} from \"../../types/table-options\";\r\nimport { DownArrow, UpArrow } from \"../../../assets/svg\";\r\nimport { useState } from \"react\";\r\nimport { getColumnPinningStyles } from \"../../libs/utils/common\";\r\nimport {\r\n  horizontalListSortingStrategy,\r\n  SortableContext,\r\n} from \"@dnd-kit/sortable\";\r\nimport DraggableTableHeader from \"./table-head-dnd-cell\";\r\nimport TableHeadPin from \"./table-head-pin\";\r\nimport Checkbox from \"../inputs/checkbox\";\r\nimport TableColumnResizeHandle from \"./table-head-resizer\";\r\nimport {\r\n  TableHeadCell,\r\n  TableHeadContent,\r\n  TableHeadRoot,\r\n  TableHeadRow,\r\n  TableHeadSort,\r\n} from \"./table-head.styles\";\r\n\r\ninterface TableHeadProps<T> {\r\n  table: Table<T>;\r\n  activeTab?: string;\r\n  featureOptions: CraftTableFeatureProps;\r\n  columnOrder: ColumnOrderState;\r\n  tableStates: CraftTableOptionsProps;\r\n  filterSettingStates: craftTableFilterSettingsOptionsProps;\r\n  onSaveSettings?: (columnId: string) => void;\r\n}\r\n\r\nfunction TableHead<T>({\r\n  table,\r\n  activeTab,\r\n  featureOptions,\r\n  columnOrder,\r\n  tableStates,\r\n  filterSettingStates,\r\n  onSaveSettings,\r\n}: TableHeadProps<T>) {\r\n  const {\r\n    stickyHeader,\r\n    enableColumnReordering,\r\n    enableColumnPinning,\r\n    enableRowSelection,\r\n  } = featureOptions;\r\n\r\n  // Popover\r\n  const [, setAnchorEl] = useState<HTMLElement | null>(null);\r\n\r\n  const handleMenuToggle = (\r\n    event: React.MouseEvent<HTMLElement>,\r\n    header: Header<T, unknown>\r\n  ) => {\r\n    if (header.column.getIsResizing()) return;\r\n\r\n    setAnchorEl((prev) => (prev ? null : event.currentTarget));\r\n  };\r\n\r\n  return (\r\n    <TableHeadRoot sticky={stickyHeader}>\r\n      {table.getHeaderGroups().map((headerGroup) => (\r\n        <TableHeadRow striped={featureOptions.striped} key={headerGroup?.id}>\r\n          {enableRowSelection && (\r\n            <TableHeadCell\r\n              sticky\r\n              compact={featureOptions.compactTable}\r\n              style={{ width: 50 }}\r\n            >\r\n              <TableHeadContent>\r\n                <Checkbox\r\n                  checked={table.getIsAllRowsSelected()}\r\n                  indeterminate={table.getIsSomeRowsSelected()}\r\n                  onChange={() => table.toggleAllRowsSelected()}\r\n                />\r\n              </TableHeadContent>\r\n            </TableHeadCell>\r\n          )}\r\n\r\n          {headerGroup.headers.map((header) => {\r\n            return enableColumnReordering ? (\r\n              <SortableContext\r\n                key={header?.id}\r\n                items={columnOrder}\r\n                strategy={horizontalListSortingStrategy}\r\n              >\r\n                <DraggableTableHeader\r\n                  header={header}\r\n                  activeTab={activeTab}\r\n                  featureOptions={featureOptions}\r\n                  tableStates={tableStates}\r\n                  filterSettingStates={filterSettingStates}\r\n                  onSaveSettings={onSaveSettings}\r\n                />\r\n              </SortableContext>\r\n            ) : (\r\n              <TableHeadCell\r\n                key={header?.id}\r\n                colSpan={header.colSpan}\r\n                compact={featureOptions.compactTable}\r\n                style={{\r\n                  ...getColumnPinningStyles(header.column),\r\n                  width: `${header.column.getSize()}px`,\r\n                  minWidth: `${header.column.columnDef.minSize}px`,\r\n                  maxWidth: `${header.column.columnDef.maxSize}px`,\r\n                }}\r\n              >\r\n                {header.isPlaceholder ? null : (\r\n                  <TableHeadContent\r\n                    onClick={(event) => handleMenuToggle(event, header)}\r\n                  >\r\n                    <TableHeadSort sortable={header.column.getCanSort()}>\r\n                      {flexRender(\r\n                        header.column.columnDef.header,\r\n                        header.getContext()\r\n                      )}\r\n\r\n                      {{ asc: <UpArrow />, desc: <DownArrow /> }[\r\n                        header.column.getIsSorted() as \"asc\" | \"desc\"\r\n                      ] ?? null}\r\n                    </TableHeadSort>\r\n\r\n                    {enableColumnPinning && (\r\n                      <TableHeadPin\r\n                        header={header}\r\n                        featureOptions={featureOptions}\r\n                        tableStates={tableStates}\r\n                      />\r\n                    )}\r\n                  </TableHeadContent>\r\n                )}\r\n\r\n                {/* column resizing */}\r\n                {header.column.getCanResize() ? (\r\n                  <TableColumnResizeHandle header={header} />\r\n                ) : null}\r\n\r\n                {/* Popover */}\r\n                {/* <TableHeadPopover\r\n                  anchorEl={anchorEl}\r\n                  onClose={handleClose}\r\n                  header={header}\r\n                  wrap={wrap}\r\n                  tableStates={tableStates}\r\n                /> */}\r\n              </TableHeadCell>\r\n            );\r\n          })}\r\n        </TableHeadRow>\r\n      ))}\r\n    </TableHeadRoot>\r\n  );\r\n}\r\n\r\nexport default TableHead;\r\n","import { formatClassName } from \"../libs/utils/common\";\r\nimport { CraftTableComponentProps } from \"../types/table\";\r\nimport TableBody from \"./table-body/table-body\";\r\nimport TableHead from \"./table-head/table-head\";\r\n\r\nfunction Table<T>({\r\n  table,\r\n  activeTab,\r\n  featureOptions,\r\n  NestedComponent,\r\n  columnOrder,\r\n  isCompactTable,\r\n  tableStates,\r\n  filterSettingStates,\r\n  onSaveSettings,\r\n}: CraftTableComponentProps<T>) {\r\n  const { striped } = featureOptions;\r\n\r\n  return (\r\n    <table\r\n      className={formatClassName(\r\n        `ts__table ${striped ? \"ts--striped\" : \"\"} ${\r\n          isCompactTable ? \"ts--compact\" : \"\"\r\n        }`\r\n      )}\r\n    >\r\n      <TableHead\r\n        table={table}\r\n        activeTab={activeTab}\r\n        featureOptions={featureOptions}\r\n        columnOrder={columnOrder}\r\n        tableStates={tableStates}\r\n        filterSettingStates={filterSettingStates}\r\n        onSaveSettings={onSaveSettings}\r\n      />\r\n      <TableBody\r\n        table={table}\r\n        featureOptions={featureOptions}\r\n        NestedComponent={NestedComponent}\r\n        columnOrder={columnOrder}\r\n        tableStates={tableStates}\r\n      />\r\n    </table>\r\n  );\r\n}\r\n\r\nexport default Table;\r\n","import {\r\n  closestCenter,\r\n  DndContext,\r\n  DragEndEvent,\r\n  KeyboardSensor,\r\n  MouseSensor,\r\n  SensorDescriptor,\r\n  SensorOptions,\r\n  TouchSensor,\r\n  useSensor,\r\n  useSensors,\r\n} from \"@dnd-kit/core\";\r\nimport { CraftTableComponentProps } from \"../types/table\";\r\nimport Table from \"./table\";\r\nimport { restrictToHorizontalAxis } from \"@dnd-kit/modifiers\";\r\nimport { arrayMove } from \"@dnd-kit/sortable\";\r\n\r\nfunction TableDND<T>({\r\n  table,\r\n  activeTab,\r\n  featureOptions,\r\n  NestedComponent,\r\n  columnOrder,\r\n  setColumnOrder,\r\n  isCompactTable,\r\n  tableStates,\r\n  filterSettingStates,\r\n  onSaveSettings,\r\n}: CraftTableComponentProps<T>) {\r\n  const sensors: SensorDescriptor<SensorOptions>[] = useSensors(\r\n    useSensor(MouseSensor, {}),\r\n    useSensor(TouchSensor, {}),\r\n    useSensor(KeyboardSensor, {})\r\n  );\r\n\r\n  const handleDragEnd = (event: DragEndEvent) => {\r\n    const { active, over } = event;\r\n    if (active && over && active.id !== over.id) {\r\n      setColumnOrder((columnOrder) => {\r\n        const oldIndex = columnOrder.indexOf(active.id as string);\r\n        const newIndex = columnOrder.indexOf(over.id as string);\r\n        return arrayMove(columnOrder, oldIndex, newIndex);\r\n      });\r\n    }\r\n  };\r\n\r\n  return (\r\n    <DndContext\r\n      collisionDetection={closestCenter}\r\n      modifiers={[restrictToHorizontalAxis]}\r\n      onDragEnd={handleDragEnd}\r\n      sensors={sensors}\r\n    >\r\n      <Table\r\n        table={table}\r\n        activeTab={activeTab}\r\n        featureOptions={featureOptions}\r\n        NestedComponent={NestedComponent}\r\n        columnOrder={columnOrder}\r\n        setColumnOrder={setColumnOrder}\r\n        isCompactTable={isCompactTable}\r\n        tableStates={tableStates}\r\n        filterSettingStates={filterSettingStates}\r\n        onSaveSettings={onSaveSettings}\r\n      />\r\n    </DndContext>\r\n  );\r\n}\r\n\r\nexport default TableDND;\r\n","import {\r\n  ColumnDef,\r\n  ColumnMeta,\r\n  getCoreRowModel,\r\n  getExpandedRowModel,\r\n  getPaginationRowModel,\r\n  getSortedRowModel,\r\n  useReactTable,\r\n} from \"@tanstack/react-table\";\r\nimport \"./index.scss\";\r\nimport { useEffect, useRef, useState } from \"react\";\r\nimport {\r\n  CraftTablePaginationProps,\r\n  CraftTableProps,\r\n  TopbarOptionsProps,\r\n} from \"../types/table\";\r\nimport { CraftTableFeatureProps } from \"../types/table-options\";\r\nimport { LoaderAnimation } from \"../../assets/svg\";\r\nimport Topbar from \"./topbar\";\r\nimport DefaultPagination from \"./pagination/default\";\r\nimport TableDND from \"./table-dnd\";\r\nimport Table from \"./table\";\r\nimport { useFullscreenPopoverContainer } from \"../libs/hooks/useFullScreen\";\r\n\r\ninterface CustomColumnMeta<T> extends ColumnMeta<T, unknown> {\r\n  defaultPinned?: \"left\" | \"right\" | undefined;\r\n}\r\n\r\nfunction TableWrapper<T>({\r\n  data = [],\r\n  columns = [],\r\n  tableStates,\r\n  filterSettingStates,\r\n  onSaveSettings,\r\n  paginationOptions,\r\n  featureOptions,\r\n  topbarOptions,\r\n  nestedComponent,\r\n  loadingOptions = { isLoading: false },\r\n  customRenderFn = {},\r\n  // styleOptions,\r\n  shouldHideColumn,\r\n  emptyListComponent,\r\n  filterOptions,\r\n  activeTab,\r\n}: CraftTableProps<T>) {\r\n  if (!Array.isArray(data)) {\r\n    throw new Error(\"data must be an array of objects.\");\r\n  }\r\n  const [metaColumns, setMetaColumns] = useState<ColumnDef<T>[]>([]);\r\n\r\n  useEffect(() => {\r\n    if (columns?.length > 0) {\r\n      const updatedColumns = columns\r\n        ?.filter((col) => {\r\n          const accessorKey =\r\n            \"accessorKey\" in col\r\n              ? (col as { accessorKey: string })?.accessorKey\r\n              : undefined;\r\n          return typeof shouldHideColumn === \"function\"\r\n            ? !shouldHideColumn(accessorKey)\r\n            : true;\r\n        })\r\n        ?.map((col, index) => {\r\n          const id =\r\n            \"accessorKey\" in col\r\n              ? (col as { accessorKey: string })?.accessorKey\r\n              : `col_${index}`;\r\n\r\n          const cell = (ctx: any) => {\r\n            if (col?.meta?.type === \"custom\" && col?.meta?.propName) {\r\n              const customFn = customRenderFn?.[col?.meta?.propName];\r\n              return typeof customFn === \"function\"\r\n                ? customFn({\r\n                    value: ctx?.getValue(),\r\n                    row: ctx?.row,\r\n                    table: ctx?.table?.getRowModel()?.rows,\r\n                  })\r\n                : ctx?.getValue();\r\n            }\r\n\r\n            if (typeof col?.cell === \"function\") {\r\n              return col?.cell(ctx);\r\n            }\r\n\r\n            return ctx?.getValue();\r\n          };\r\n\r\n          return { ...col, id, cell };\r\n        });\r\n\r\n      setMetaColumns(updatedColumns);\r\n    }\r\n  }, [columns]);\r\n\r\n  //For Default Column Pinning to work\r\n  useEffect(() => {\r\n    table.getAllLeafColumns().forEach((col) => {\r\n      const where = (col.columnDef.meta as CustomColumnMeta<T>)\r\n        ?.defaultPinned as \"left\" | \"right\" | undefined;\r\n      if (where && !col.getIsPinned()) {\r\n        col.pin(where);\r\n      }\r\n    });\r\n  }, [tableStates?.columnPinning?.left, metaColumns]);\r\n\r\n  const [columnOrder, setColumnOrder] = useState<string[]>(() =>\r\n    metaColumns.map((c) => c.id!)\r\n  );\r\n\r\n  useEffect(() => {\r\n    if (metaColumns.length > 0) {\r\n      setColumnOrder(metaColumns.map((c) => c.id!));\r\n    }\r\n  }, [metaColumns]);\r\n\r\n  const [isCompactTable, setIsCompactTable] = useState<boolean>(\r\n    featureOptions?.compactTable ?? false\r\n  );\r\n\r\n  const tableRef = useRef<HTMLDivElement>(null);\r\n\r\n  useEffect(() => {\r\n    setIsCompactTable(featureOptions?.compactTable ?? false);\r\n  }, [featureOptions?.compactTable]);\r\n\r\n  const craftPaginationOptions: CraftTablePaginationProps = {\r\n    showPagination: true,\r\n    paginationPosition: \"bottom\",\r\n    paginationView: \"full\",\r\n\r\n    ...paginationOptions,\r\n  };\r\n\r\n  const totalRows = craftPaginationOptions?.totalRows ?? data.length;\r\n  const rowsPerPageArray = craftPaginationOptions?.rowsPerPageArray ?? [\r\n    25, 50, 100, 150,\r\n  ];\r\n  const craftTopbarOptions: TopbarOptionsProps = {\r\n    showColumnToggle: true,\r\n    showCompactTableToggle: true,\r\n    showChangeLayoutToggle: true,\r\n    viewMoreToggle: true,\r\n    showSearch: true,\r\n    showSortingToggle: false,\r\n    showFilterToggle: true,\r\n    tableStates,\r\n\r\n    // Add other conditions above topbarOptions\r\n    ...topbarOptions,\r\n  };\r\n\r\n  const craftFeatureOptions: CraftTableFeatureProps = {\r\n    enableTopbar: true,\r\n    enableSorting: true,\r\n    enableServerSidePagination: false,\r\n    enableServerSideSorting: false,\r\n    enableRowSelection: false,\r\n    enableColumnResizing: true,\r\n    enableColumnReordering: true,\r\n    enableColumnPinning: true,\r\n    enableMultiColumnSorting: true,\r\n    compactTable: false,\r\n    stickyHeader: true,\r\n    enableWordBreakAll: false,\r\n    striped: false,\r\n\r\n    // Add other conditions above featureOptions\r\n    ...featureOptions,\r\n  };\r\n\r\n  const {\r\n    enableTopbar,\r\n    enableRowSelection,\r\n    enableServerSidePagination,\r\n    enableServerSideSorting,\r\n    enableSorting,\r\n    enableColumnResizing,\r\n    enableColumnReordering,\r\n    enableColumnPinning,\r\n    // enableMultiColumnSorting,\r\n  } = craftFeatureOptions;\r\n\r\n  const {\r\n    sorting,\r\n    setSorting,\r\n    pagination,\r\n    setPagination,\r\n    rowSelection,\r\n    setRowSelection,\r\n    expanded,\r\n    setExpanded,\r\n  } = tableStates;\r\n\r\n  const table = useReactTable({\r\n    data,\r\n    columns: metaColumns,\r\n    state: {\r\n      sorting,\r\n      pagination,\r\n      rowSelection,\r\n      columnOrder,\r\n      expanded,\r\n    },\r\n\r\n    getCoreRowModel: getCoreRowModel(),\r\n\r\n    /** Sorting options start here */\r\n    enableSorting: enableSorting,\r\n    onSortingChange: setSorting,\r\n    getSortedRowModel: getSortedRowModel(),\r\n    manualSorting: enableServerSideSorting,\r\n    // isMultiSortEvent: () => enableMultiColumnSorting || false,\r\n    /** Sorting options end here */\r\n\r\n    /** Pagination options start here */\r\n    getPaginationRowModel: getPaginationRowModel(),\r\n    onPaginationChange: setPagination,\r\n    rowCount: totalRows,\r\n    manualPagination: enableServerSidePagination,\r\n    /** Pagination options end here */\r\n\r\n    /** Row selection options start here */\r\n    enableRowSelection: enableRowSelection,\r\n    onRowSelectionChange: setRowSelection,\r\n    /** Row selection options end here */\r\n\r\n    /** Column Sizing options start here */\r\n    enableColumnResizing: enableColumnResizing,\r\n    columnResizeDirection: \"ltr\",\r\n    columnResizeMode: \"onChange\",\r\n    /** Column Sizing options end here */\r\n\r\n    /** Column Ordering options start here */\r\n    onColumnOrderChange: setColumnOrder,\r\n    /** Column Ordering options end here */\r\n\r\n    /** Column Pinning options end here */\r\n    enableColumnPinning: enableColumnPinning,\r\n    /** Column Pinning options end here */\r\n\r\n    /** Row expanding options start here */\r\n    getExpandedRowModel: getExpandedRowModel(),\r\n    onExpandedChange: setExpanded,\r\n    getSubRows: (row) => (row as { subRows?: T[] }).subRows ?? [],\r\n    /** Row expanding options end here */\r\n  });\r\n\r\n  const { isLoading, loadingComponent, loaderText } = loadingOptions;\r\n  const { isFullscreen } = useFullscreenPopoverContainer();\r\n\r\n  const handleFullscreenToggle = () => {\r\n    if (!document.fullscreenElement) {\r\n      tableRef.current?.requestFullscreen().catch((err) => {\r\n        console.error(\"Error attempting to enable fullscreen mode:\", err);\r\n      });\r\n    } else {\r\n      document.exitFullscreen();\r\n    }\r\n  };\r\n\r\n  // const tableWrapperProps = {\r\n  //   ...(styleOptions?.wrapperStyle && { style: styleOptions.wrapperStyle }),\r\n  //   className: \"ts__table__wrapper\",\r\n  // };\r\n  // const emptyListComponentCondition = () => {\r\n  //   if(isLoading) {}\r\n  // }\r\n\r\n  const showFilterCondition = filterOptions?.show;\r\n\r\n  return (\r\n    <div className=\"ts__table__container\">\r\n      <div\r\n        className={`ts__table__layout ${\r\n          showFilterCondition ? \"has-filter\" : \"\"\r\n        }`}\r\n      >\r\n        {/* Main Table Area */}\r\n        <div\r\n          className={`ts__table__main ${isFullscreen ? \"is-fullscreen\" : \"\"}`}\r\n          ref={tableRef}\r\n        >\r\n          {enableTopbar && (\r\n            <Topbar\r\n              table={table}\r\n              topbarOptions={craftTopbarOptions}\r\n              isCompactTable={isCompactTable}\r\n              setIsCompactTable={setIsCompactTable}\r\n              isFullscreen={isFullscreen}\r\n              fullscreenToggle={handleFullscreenToggle}\r\n              paginationComponent={\r\n                craftPaginationOptions?.showPagination === true &&\r\n                craftPaginationOptions?.paginationPosition === \"top\" ? (\r\n                  <DefaultPagination\r\n                    table={table}\r\n                    rowsPerPageArray={rowsPerPageArray}\r\n                    paginationOptions={craftPaginationOptions}\r\n                  />\r\n                ) : null\r\n              }\r\n              searchValue={craftTopbarOptions.searchValue}\r\n              onSearchChange={craftTopbarOptions.onSearchChange}\r\n              tableStates={tableStates}\r\n              onFilterButtonClick={topbarOptions?.onFilterButtonClick}\r\n            />\r\n          )}\r\n\r\n          {isLoading ? (\r\n            loadingComponent ?? (\r\n              <div className=\"ts__loader\">\r\n                <LoaderAnimation />\r\n                {loaderText && <p>{loaderText}</p>}\r\n              </div>\r\n            )\r\n          ) : !isLoading && data.length === 0 && emptyListComponent ? (\r\n            emptyListComponent\r\n          ) : (\r\n            <div\r\n              // {...tableWrapperProps}\r\n              className={`ts__table__wrapper ${\r\n                isFullscreen ? \"is-fullscreen\" : \"\"\r\n              }`}\r\n            >\r\n              {enableColumnReordering ? (\r\n                <TableDND\r\n                  table={table}\r\n                  activeTab={activeTab}\r\n                  columnOrder={columnOrder}\r\n                  featureOptions={craftFeatureOptions}\r\n                  NestedComponent={nestedComponent}\r\n                  setColumnOrder={setColumnOrder}\r\n                  isCompactTable={isCompactTable}\r\n                  tableStates={tableStates}\r\n                  filterSettingStates={filterSettingStates}\r\n                  onSaveSettings={onSaveSettings}\r\n                />\r\n              ) : (\r\n                <Table\r\n                  table={table}\r\n                  activeTab={activeTab}\r\n                  featureOptions={craftFeatureOptions}\r\n                  NestedComponent={nestedComponent}\r\n                  columnOrder={columnOrder}\r\n                  setColumnOrder={setColumnOrder}\r\n                  isCompactTable={isCompactTable}\r\n                  tableStates={tableStates}\r\n                  filterSettingStates={filterSettingStates}\r\n                  onSaveSettings={onSaveSettings}\r\n                />\r\n              )}\r\n            </div>\r\n          )}\r\n\r\n          {craftPaginationOptions?.showPagination === true &&\r\n          craftPaginationOptions?.paginationPosition === \"bottom\" ? (\r\n            <DefaultPagination\r\n              table={table}\r\n              rowsPerPageArray={rowsPerPageArray}\r\n              paginationOptions={craftPaginationOptions}\r\n            />\r\n          ) : null}\r\n        </div>\r\n\r\n        <div\r\n          className={`ts__table__filter ${\r\n            showFilterCondition ? \"show\" : \"\"\r\n          }`.trim()}\r\n        >\r\n          {filterOptions?.component && filterOptions?.component}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default TableWrapper;\r\n","import {\r\n  ColumnPinningState,\r\n  ExpandedState,\r\n  PaginationState,\r\n  RowSelectionState,\r\n  SortingState,\r\n} from \"@tanstack/react-table\";\r\nimport { useState } from \"react\";\r\nimport { CraftTableOptionsProps } from \"../../types/table-options\";\r\nimport {\r\n  FilterDataMainFilterEntityListProps,\r\n  FilterDataProps,\r\n  FilterMasterStateProps,\r\n  FilterOperationListProps,\r\n  FilterStateProps,\r\n} from \"../../types/filter\";\r\n\r\nexport function useCraftTable(paginationPageSize: number = 25) {\r\n  const [pagination, setPagination] = useState<PaginationState>({\r\n    pageIndex: 0,\r\n    pageSize: paginationPageSize,\r\n  });\r\n  const [sorting, setSorting] = useState<SortingState>([]);\r\n  const [rowSelection, setRowSelection] = useState<RowSelectionState>({});\r\n  const [expanded, setExpanded] = useState<ExpandedState>({});\r\n  const [wrapColumns, setWrapColumns] = useState<Record<string, boolean>>({\r\n    all_wrap: true,\r\n  });\r\n\r\n  // Filters to be rendered in form\r\n  const [filters, setFilters] = useState<FilterStateProps[]>([]);\r\n  // Saved filter Component - savedFilterEditValue is set on list click\r\n  const [savedFilterEditValue, setSavedFilterEditValue] = useState<\r\n    string | number\r\n  >(\"\");\r\n  const [filterToDelete, setFilterToDelete] =\r\n    useState<FilterOperationListProps | null>(null);\r\n  const [filterSelectedAttributeValue, setFilterSelectedAttributeValue] =\r\n    useState<string>(\"\");\r\n\r\n  const [filterMaster, setFilterMaster] =\r\n    useState<FilterMasterStateProps | null>(null);\r\n\r\n  const [showTableFilter, setShowTableFilter] = useState<boolean>(false);\r\n\r\n  //For filter criteria paper\r\n  const [showFilterOptions, setShowFilterOption] = useState<boolean>(false);\r\n  const [filterData, setFilterData] = useState<FilterDataProps | null>(null);\r\n  const [selectedFilterEntity, setSelectedFilterEntity] =\r\n    useState<FilterDataMainFilterEntityListProps>();\r\n\r\n  if (pagination.pageIndex < 0 || pagination.pageSize <= 0) {\r\n    throw new Error(\r\n      \"Invalid pagination values: pageIndex and pageSize must be positive.\"\r\n    );\r\n  }\r\n\r\n  // For Default Column Pinning\r\n  const [columnPinning, setColumnPinning] = useState<ColumnPinningState>({\r\n    left: [],\r\n    right: [],\r\n  });\r\n\r\n  const craftTableOptions: CraftTableOptionsProps = {\r\n    sorting: sorting,\r\n    setSorting: setSorting,\r\n    pagination: pagination,\r\n    setPagination: setPagination,\r\n    rowSelection: rowSelection,\r\n    setRowSelection: setRowSelection,\r\n    expanded: expanded,\r\n    setExpanded: setExpanded,\r\n    wrapColumns: wrapColumns,\r\n    setWrapColumns: setWrapColumns,\r\n    filters: filters,\r\n    setFilters: setFilters,\r\n    savedFilterEditValue: savedFilterEditValue,\r\n    setSavedFilterEditValue: setSavedFilterEditValue,\r\n    filterToDelete: filterToDelete,\r\n    setFilterToDelete: setFilterToDelete,\r\n    filterSelectedAttributeValue: filterSelectedAttributeValue,\r\n    setFilterSelectedAttributeValue: setFilterSelectedAttributeValue,\r\n    filterMaster: filterMaster,\r\n    setFilterMaster: setFilterMaster,\r\n    showTableFilter: showTableFilter,\r\n    setShowTableFilter: setShowTableFilter,\r\n    showFilterOptions: showFilterOptions,\r\n    setShowFilterOption: setShowFilterOption,\r\n    columnPinning: columnPinning,\r\n    setColumnPinning: setColumnPinning,\r\n    filterData: filterData,\r\n    setFilterData: setFilterData,\r\n    selectedFilterEntity: selectedFilterEntity,\r\n    setSelectedFilterEntity: setSelectedFilterEntity,\r\n  };\r\n\r\n  return craftTableOptions;\r\n}\r\n","import { useEffect, useState } from \"react\";\r\nimport { craftTableFilterSettingsOptionsProps } from \"../../types/table-options\";\r\nimport {\r\n  ColumnTabConfigProps,\r\n  QuickTabConfigProps,\r\n  SavedButtonErrorProps,\r\n  SettingsDataProps,\r\n  SortingConfigProps,\r\n} from \"../../types/filter-settings\";\r\n\r\nexport function useCraftTableFilterSettings() {\r\n  //states for the quick filter layout\r\n  const [showListViewSettings, setShowListViewSettings] =\r\n    useState<boolean>(false);\r\n\r\n  const [settingsData, setSettingsData] = useState<SettingsDataProps>({});\r\n\r\n  // Quick FIlter settings local states\r\n\r\n  const [quickTabStates, setQuickTabStates] = useState<QuickTabConfigProps>({});\r\n  const [columnTabState, setColumnTabState] = useState<ColumnTabConfigProps>(\r\n    {}\r\n  );\r\n  const [sortingTabState, setSortingTabState] = useState<SortingConfigProps>(\r\n    {}\r\n  );\r\n\r\n  // This state will be used for settings validation\r\n  const [saveButtonError, setSaveButtonError] = useState<SavedButtonErrorProps>(\r\n    { hasError: false, messages: [] }\r\n  );\r\n\r\n  useEffect(() => {\r\n    if (settingsData?.quick_tab) {\r\n      setQuickTabStates(settingsData?.quick_tab);\r\n    }\r\n    if (settingsData?.column) {\r\n      setColumnTabState(settingsData?.column);\r\n    }\r\n    if (settingsData?.sorting) {\r\n      setSortingTabState(settingsData?.sorting);\r\n    }\r\n  }, [settingsData]);\r\n\r\n  const craftTableFilterSettingsOptions: craftTableFilterSettingsOptionsProps =\r\n    {\r\n      settingsData: settingsData,\r\n      setSettingsData: setSettingsData,\r\n      showListViewSettings: showListViewSettings,\r\n      setShowListViewSettings: setShowListViewSettings,\r\n      quickTabStates: quickTabStates,\r\n      setQuickTabStates: setQuickTabStates,\r\n      columnTabState: columnTabState,\r\n      setColumnTabState: setColumnTabState,\r\n      sortingTabState: sortingTabState,\r\n      setSortingTabState: setSortingTabState,\r\n      saveButtonError: saveButtonError,\r\n      setSaveButtonError: setSaveButtonError,\r\n    };\r\n\r\n  return craftTableFilterSettingsOptions;\r\n}\r\n","// tableTabs.styles.ts\r\nimport { styled } from \"@mui/material/styles\";\r\nimport Tabs, { tabsClasses } from \"@mui/material/Tabs\";\r\nimport Tab, { tabClasses } from \"@mui/material/Tab\";\r\nimport Box from \"@mui/material/Box\";\r\n\r\nexport const TableTabsRoot = styled(Tabs)(({ theme }) => ({\r\n  minHeight: theme.spacing(3.5),\r\n\r\n  [`& .${tabsClasses.flexContainer}`]: {\r\n    minHeight: theme.spacing(3.5),\r\n  },\r\n\r\n  // hide indicator (instead of slotProps every time)\r\n  [`& .${tabsClasses.indicator}`]: {\r\n    display: \"none\",\r\n  },\r\n}));\r\n\r\nexport const TableTab = styled(Tab)(({ theme }) => ({\r\n  color: theme.palette.grey[600],\r\n  padding: theme.spacing(1, 1.5),\r\n  minHeight: theme.spacing(3.5),\r\n  maxHeight: theme.spacing(3.5),\r\n  textTransform: \"none\",\r\n  minWidth: \"unset\",\r\n  whiteSpace: \"nowrap\",\r\n\r\n  [`&.${tabClasses.selected}`]: {\r\n    color: theme.palette.text.primary,\r\n    fontWeight: 700,\r\n  },\r\n}));\r\n\r\nexport const TableTabCount = styled(Box, {\r\n  shouldForwardProp: (prop) => prop !== \"selected\",\r\n})<{ selected?: boolean }>(({ theme, selected }) => ({\r\n  padding: theme.spacing(0.25),\r\n  borderRadius: theme.shape.borderRadius,\r\n  border: `1px solid ${\r\n    selected ? theme.palette.text.primary : theme.palette.grey[700]\r\n  }`,\r\n  color: selected ? theme.palette.common.white : theme.palette.text.primary,\r\n  backgroundColor: selected ? theme.palette.text.primary : \"transparent\",\r\n  fontWeight: selected ? 500 : 400,\r\n  lineHeight: 1,\r\n  minWidth: 20,\r\n  textAlign: \"center\",\r\n}));\r\n","import { Box, CircularProgress, IconButton } from \"@mui/material\";\r\nimport { CraftTableOptionsProps } from \"../../types/table-options\";\r\nimport { settingsOptionsProps } from \"../../types/table\";\r\nimport { useMemo } from \"react\";\r\nimport { TableTab, TableTabCount, TableTabsRoot } from \"./tabs.styles\";\r\nimport { SettingsOutlined } from \"@mui/icons-material\";\r\n\r\ninterface TabDataProps {\r\n  tab_name: string | null;\r\n  count?: string | number;\r\n}\r\n\r\ninterface TableTabsProps {\r\n  loading?: boolean;\r\n  tabsData?: TabDataProps[];\r\n  activeTab?: TabDataProps;\r\n  tableStates: CraftTableOptionsProps;\r\n  onClick: (state: string) => void;\r\n  settingsOptions?: settingsOptionsProps;\r\n}\r\n\r\nexport function TableTabs({\r\n  loading = false,\r\n  tabsData = [],\r\n  activeTab = { tab_name: \"All\", count: 0 },\r\n  onClick,\r\n  tableStates,\r\n  settingsOptions,\r\n}: TableTabsProps) {\r\n  if (loading) return <CircularProgress size={24} />;\r\n\r\n  const handleTabClick = (tab: string) => {\r\n    onClick(tab);\r\n    tableStates.setPagination((prev) => ({\r\n      ...prev,\r\n      pageIndex: 0,\r\n    }));\r\n  };\r\n\r\n  const normalizedTabs = useMemo(() => {\r\n    return tabsData\r\n      ?.filter((tab) => tab.tab_name !== null)\r\n      ?.map((tab) => ({\r\n        ...tab,\r\n        tab_name: tab.tab_name,\r\n      }));\r\n  }, [tabsData]);\r\n\r\n  const defaultTab = useMemo(() => {\r\n    return (\r\n      normalizedTabs.find((t) => t.tab_name === \"All\")?.tab_name ||\r\n      normalizedTabs[0]?.tab_name ||\r\n      \"\"\r\n    );\r\n  }, [normalizedTabs]);\r\n\r\n  const selectedTab = activeTab?.tab_name || defaultTab;\r\n\r\n  return (\r\n    <Box display=\"flex\" alignItems=\"center\" justifyContent=\"flex-start\">\r\n      {/* Settings icon */}\r\n      {settingsOptions?.showIcon && (\r\n        <IconButton size=\"small\" onClick={settingsOptions?.onClick}>\r\n          <SettingsOutlined fontSize=\"small\" />\r\n        </IconButton>\r\n      )}\r\n\r\n      {/* Tabs */}\r\n      <TableTabsRoot\r\n        value={selectedTab}\r\n        onChange={(_, newValue) => handleTabClick(newValue)}\r\n        variant=\"scrollable\"\r\n        scrollButtons=\"auto\"\r\n      >\r\n        {normalizedTabs.map((tab) => {\r\n          const isSelected = activeTab?.tab_name === tab?.tab_name;\r\n\r\n          return (\r\n            <TableTab\r\n              key={tab?.tab_name}\r\n              value={tab}\r\n              label={\r\n                <Box display=\"flex\" alignItems=\"center\" gap={1}>\r\n                  <Box sx={{ color: isSelected ? \"#000\" : \"\" }}>\r\n                    {tab?.tab_name}\r\n                  </Box>\r\n                  <TableTabCount selected={isSelected}>\r\n                    {tab?.count == 0\r\n                      ? \"0\"\r\n                      : String(tab?.count).padStart(2, \"0\")}\r\n                  </TableTabCount>\r\n                </Box>\r\n              }\r\n            />\r\n          );\r\n        })}\r\n      </TableTabsRoot>\r\n    </Box>\r\n  );\r\n}\r\n","import React, { useState } from \"react\";\r\nimport {\r\n  Dialog,\r\n  DialogTitle,\r\n  DialogContent,\r\n  DialogActions,\r\n  Typography,\r\n  TextField,\r\n  Button,\r\n  IconButton,\r\n  Box,\r\n  SxProps,\r\n} from \"@mui/material\";\r\nimport CloseIcon from \"@mui/icons-material/Close\";\r\nimport { Theme } from \"@emotion/react\";\r\n\r\n// Types for the component props\r\nexport interface ModalButton {\r\n  label: string;\r\n  onClick: (inputValue?: string, error?: string, setError?: any) => void;\r\n  variant?: \"text\" | \"outlined\" | \"contained\";\r\n  color?: \"primary\" | \"secondary\" | \"error\" | \"info\" | \"success\" | \"warning\";\r\n  disabled?: boolean;\r\n  sx?: SxProps<Theme>;\r\n}\r\n\r\nexport interface InputField {\r\n  label: string;\r\n  placeholder?: string;\r\n  required?: boolean;\r\n  type?: \"text\" | \"email\" | \"password\" | \"number\";\r\n  multiline?: boolean;\r\n  rows?: number;\r\n  defaultValue?: string;\r\n  labelClassName?: string;\r\n}\r\n\r\nexport interface ConfirmModalProps {\r\n  open: boolean;\r\n  onClose: () => void;\r\n  title: string;\r\n  description?: string;\r\n  buttons: ModalButton[];\r\n  input?: InputField;\r\n  maxWidth?: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\r\n  fullWidth?: boolean;\r\n  className?: string;\r\n}\r\n\r\nconst ConfirmModal: React.FC<ConfirmModalProps> = ({\r\n  open,\r\n  onClose,\r\n  title,\r\n  description,\r\n  buttons,\r\n  input,\r\n  maxWidth = \"sm\",\r\n  fullWidth = true,\r\n}) => {\r\n  const [inputValue, setInputValue] = useState(input?.defaultValue || \"\");\r\n  const [error, setError] = useState(\"\");\r\n  const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n    setInputValue(event.target.value);\r\n  };\r\n\r\n  const handleButtonClick = (button: ModalButton) => {\r\n    if (input) {\r\n      button.onClick(inputValue, error, setError);\r\n    } else {\r\n      button.onClick();\r\n    }\r\n    setInputValue(\"\");\r\n  };\r\n\r\n  const handleClose = () => {\r\n    setInputValue(input?.defaultValue || \"\");\r\n    onClose();\r\n  };\r\n\r\n  return (\r\n    <Dialog\r\n      open={open}\r\n      onClose={(event, reason) => {\r\n        if (reason !== \"backdropClick\" && reason !== \"escapeKeyDown\") {\r\n          handleClose();\r\n        }\r\n      }}\r\n      maxWidth={maxWidth}\r\n      fullWidth={fullWidth}\r\n      PaperProps={{\r\n        sx: {\r\n          borderRadius: 2,\r\n          padding: 1,\r\n        },\r\n      }}\r\n    >\r\n      <DialogTitle\r\n        sx={{\r\n          display: \"flex\",\r\n          justifyContent: \"space-between\",\r\n          alignItems: \"center\",\r\n          // padding: \"16px 0px\",\r\n          px: \"0px\",\r\n          marginX: \"24px\",\r\n          paddingBottom: description ? \"18px\" : \"20px\",\r\n          borderBottom: \"1px solid #eeeeee\",\r\n        }}\r\n      >\r\n        <Typography variant=\"h6\" component=\"h2\" fontWeight=\"bold\">\r\n          {title}\r\n        </Typography>\r\n        <IconButton\r\n          onClick={handleClose}\r\n          size=\"small\"\r\n          sx={{\r\n            color: \"text.secondary\",\r\n          }}\r\n        >\r\n          <CloseIcon />\r\n        </IconButton>\r\n      </DialogTitle>\r\n\r\n      <DialogContent sx={{ padding: \"0 24px 16px 24px\", mt: 2 }}>\r\n        {description && (\r\n          <Typography\r\n            variant=\"body2\"\r\n            color=\"text.secondary\"\r\n            sx={{ marginBottom: input ? 3 : 0 }}\r\n          >\r\n            {description}\r\n          </Typography>\r\n        )}\r\n\r\n        {input && (\r\n          <Box sx={{ marginTop: description ? 0 : 2 }}>\r\n            <Typography\r\n              variant=\"body2\"\r\n              component=\"label\"\r\n              className={input.labelClassName}\r\n              sx={{\r\n                display: \"block\",\r\n                marginBottom: 1,\r\n                fontWeight: 500,\r\n                color: \"text.primary\",\r\n              }}\r\n            >\r\n              {input.label}\r\n              {input.required && (\r\n                <Typography component=\"span\" color=\"error.main\">\r\n                  {\" \"}\r\n                  *\r\n                </Typography>\r\n              )}\r\n            </Typography>\r\n            <TextField\r\n              fullWidth\r\n              value={inputValue}\r\n              onChange={handleInputChange}\r\n              placeholder={input.placeholder}\r\n              type={input.type || \"text\"}\r\n              multiline={input.multiline}\r\n              rows={input.rows}\r\n              variant=\"outlined\"\r\n              size=\"small\"\r\n              sx={{\r\n                \"& .MuiOutlinedInput-root\": {\r\n                  maxWidth: 280,\r\n                  borderRadius: 1,\r\n                  \"&.Mui-focused .MuiOutlinedInput-notchedOutline\": {\r\n                    border: \"2px solid #7A5AF8\",\r\n                  },\r\n                },\r\n              }}\r\n            />\r\n            {error && (\r\n              <Typography variant=\"body2\" color=\"error.main\">\r\n                {error}\r\n              </Typography>\r\n            )}\r\n          </Box>\r\n        )}\r\n      </DialogContent>\r\n\r\n      <DialogActions\r\n        sx={{\r\n          padding: \"16px 24px 24px 24px\",\r\n          gap: 1,\r\n        }}\r\n      >\r\n        {buttons.map((button, index) => (\r\n          <Button\r\n            key={index}\r\n            variant={button.variant || \"outlined\"}\r\n            color={button.color || \"primary\"}\r\n            className=\"confirm-modal-button\"\r\n            sx={button.sx}\r\n            onClick={() => handleButtonClick(button)}\r\n            disabled={\r\n              button.disabled ||\r\n              (input?.required &&\r\n                !inputValue.trim() &&\r\n                button.variant === \"contained\")\r\n            }\r\n          >\r\n            {button.label}\r\n          </Button>\r\n        ))}\r\n      </DialogActions>\r\n    </Dialog>\r\n  );\r\n};\r\n\r\nexport default ConfirmModal;\r\n","import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport { SxProps, Theme } from \"@mui/material\";\r\n\r\ninterface TabPanelProps {\r\n  children?: React.ReactNode;\r\n  index: number;\r\n  value: number;\r\n  sx?: SxProps<Theme>;\r\n}\r\n\r\nconst CustomTabPanel = ({\r\n  children,\r\n  value,\r\n  index,\r\n  sx,\r\n  ...props\r\n}: TabPanelProps) => {\r\n  return (\r\n    <div\r\n      role=\"tabpanel\"\r\n      hidden={value !== index}\r\n      id={`simple-tabpanel-${index}`}\r\n      aria-labelledby={`simple-tab-${index}`}\r\n      style={{ height: \"100%\" }}\r\n      {...props}\r\n    >\r\n      {value === index && <Box sx={{ height: \"100%\", ...sx }}>{children}</Box>}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default CustomTabPanel;\r\n","import { useState } from \"react\";\r\nimport { Tabs, Tab, TabsProps, Box } from \"@mui/material\";\r\nimport { CheckBox, CrossBox } from \"../../../../../assets/svg\";\r\n\r\nexport interface TabItem {\r\n  label: string;\r\n}\r\n\r\ninterface StyledTabsProps extends TabsProps {\r\n  tabItems: TabItem[];\r\n  activeFilterIndex: number;\r\n  handleCrossClick: (index: number) => void;\r\n}\r\n\r\nconst CustomTabs = ({\r\n  tabItems,\r\n  activeFilterIndex = -1,\r\n  handleCrossClick,\r\n  value,\r\n  onChange,\r\n  ...tabsProps\r\n}: StyledTabsProps) => {\r\n  const [hoveredTab, setHoveredTab] = useState<number | null>(null);\r\n\r\n  return (\r\n    <Tabs\r\n      value={value}\r\n      onChange={onChange}\r\n      variant=\"fullWidth\"\r\n      sx={{\r\n        px: \"12px\",\r\n        borderBottom: `1px solid #ccc`,\r\n        \"& .MuiTabs-indicator\": {\r\n          backgroundColor: \"black\",\r\n        },\r\n      }}\r\n      {...tabsProps}\r\n    >\r\n      {tabItems.map((tab, idx) => {\r\n        const isActive = activeFilterIndex === idx;\r\n        const isHovered = hoveredTab === idx;\r\n\r\n        return (\r\n          <Tab\r\n            key={idx}\r\n            label={\r\n              <Box sx={{ display: \"flex\", alignItems: \"center\", gap: 0.5 }}>\r\n                <span>{tab.label}</span>\r\n                {isActive && (\r\n                  <Box\r\n                    onMouseEnter={() => setHoveredTab(idx)}\r\n                    onMouseLeave={() => setHoveredTab(null)}\r\n                    sx={{\r\n                      display: \"flex\",\r\n                      alignItems: \"center\",\r\n                      cursor: isHovered ? \"pointer\" : \"default\",\r\n                    }}\r\n                    onClick={\r\n                      isHovered ? () => handleCrossClick(idx) : undefined\r\n                    }\r\n                  >\r\n                    {isHovered ? <CrossBox /> : <CheckBox />}\r\n                  </Box>\r\n                )}\r\n              </Box>\r\n            }\r\n            sx={{\r\n              fontSize: \"14px\",\r\n              textTransform: \"capitalize\",\r\n              color: \"#888888\",\r\n              fontWeight: \"normal\",\r\n              whiteSpace: \"nowrap\",\r\n              \"&.Mui-selected\": {\r\n                color: \"black\",\r\n                fontWeight: \"bold\",\r\n              },\r\n            }}\r\n          />\r\n        );\r\n      })}\r\n    </Tabs>\r\n  );\r\n};\r\n\r\nexport default CustomTabs;\r\n","// !! DON'T DELETE THIS OLD CODE !! //\r\n\r\nimport { FormControl, MenuItem, Select, SxProps, Theme } from \"@mui/material\";\r\nimport { Controller, UseFormSetValue } from \"react-hook-form\";\r\nimport { FilterStateProps } from \"../../../../../types/filter\";\r\nimport moment from \"moment\";\r\n\r\ninterface FormDropdownProps {\r\n  filter: FilterStateProps;\r\n  control: any;\r\n  setValue: UseFormSetValue<any>;\r\n  dropdownList: {\r\n    label?: string;\r\n    value?: string;\r\n  }[];\r\n  isLoading?: boolean;\r\n  sx?: SxProps<Theme>;\r\n  onValueChange?: () => void;\r\n}\r\n\r\nconst FormDropdown = ({\r\n  filter,\r\n  control,\r\n  setValue,\r\n  dropdownList,\r\n  isLoading = false,\r\n  sx,\r\n  onValueChange,\r\n}: FormDropdownProps) => {\r\n  return (\r\n    <Controller\r\n      name={`${filter?.filter_attribute_name}.operator`}\r\n      control={control}\r\n      defaultValue={filter?.filter_operator || dropdownList?.[0]?.value || \"\"}\r\n      render={({ field }) => (\r\n        <FormControl sx={sx} size=\"small\">\r\n          <Select\r\n            {...field}\r\n            variant=\"standard\"\r\n            sx={{\r\n              fontSize: \"0.875rem\",\r\n              minWidth: 50,\r\n              border: \"none\",\r\n              boxShadow: \"none\",\r\n              \"& .MuiSelect-icon\": {\r\n                top: \"45%\",\r\n                transform: \"translateY(-50%)\",\r\n                \"& .MuiOutlinedInput-input\": {\r\n                  padding: \"12px 20px\",\r\n                },\r\n              },\r\n            }}\r\n            disabled={isLoading}\r\n            disableUnderline\r\n            onChange={(e) => {\r\n              const newOperator = e.target.value;\r\n              const oldOperator = field.value;\r\n\r\n              field.onChange(e);\r\n\r\n              if (\r\n                (filter?.filter_attribute_data_type === \"date\" ||\r\n                  filter?.filter_attribute_data_type === \"year\") &&\r\n                newOperator !== oldOperator\r\n              ) {\r\n                if (newOperator === \"today\") {\r\n                  setValue(\r\n                    `${filter?.filter_attribute_name}.value`,\r\n                    moment().format(\"YYYY-MM-DD\"),\r\n                    {\r\n                      shouldDirty: true,\r\n                    }\r\n                  );\r\n                } else if (newOperator === \"between\") {\r\n                  setValue(`${filter?.filter_attribute_name}.value`, [\"\", \"\"], {\r\n                    shouldDirty: true,\r\n                  });\r\n                } else if (\r\n                  oldOperator === \"between\" ||\r\n                  oldOperator === \"today\"\r\n                ) {\r\n                  setValue(`${filter?.filter_attribute_name}.value`, \"\", {\r\n                    shouldDirty: true,\r\n                  });\r\n                }\r\n              }\r\n\r\n              onValueChange?.();\r\n            }}\r\n          >\r\n            {dropdownList?.map((item, idx) => (\r\n              <MenuItem key={idx} value={item.value}>\r\n                {item.label}\r\n              </MenuItem>\r\n            ))}\r\n          </Select>\r\n        </FormControl>\r\n      )}\r\n    />\r\n  );\r\n};\r\n\r\nexport default FormDropdown;\r\n","import { SxProps, Theme } from \"@mui/material\";\r\n\r\ninterface StyleProps {\r\n  filterContainer: SxProps<Theme>;\r\n  filterMainHeader: SxProps<Theme>;\r\n  filterMainComponentWrapper: SxProps<Theme>;\r\n  filterAttributeMainSelect: SxProps<Theme>;\r\n  scrollbarCustom: SxProps<Theme>;\r\n}\r\n\r\ninterface filterFormStyleType {\r\n  formEditModeStyle: SxProps<Theme>;\r\n  formFlexContainer: SxProps<Theme>;\r\n  formListItem: SxProps<Theme>;\r\n  formListSectionHeader: SxProps<Theme>;\r\n  formListItemHeader: SxProps<Theme>;\r\n  formListItemHeaderName: SxProps<Theme>;\r\n  formListItemHeaderDropdown: SxProps<Theme>;\r\n}\r\n\r\nexport const filterStyles: StyleProps = {\r\n  scrollbarCustom: {\r\n    overflowY: \"auto\",\r\n    pr: 1,\r\n\r\n    \"&::-webkit-scrollbar\": {\r\n      width: \"4px\",\r\n    },\r\n    \"&::-webkit-scrollbar-thumb\": {\r\n      backgroundColor: \"#999\",\r\n      borderRadius: \"4px\",\r\n    },\r\n    \"&::-webkit-scrollbar-track\": {\r\n      backgroundColor: \"#f0f0f0\",\r\n    },\r\n  },\r\n\r\n  filterContainer: {\r\n    backgroundColor: \"#fff\",\r\n    height: \"100%\",\r\n    overflowY: \"hidden\",\r\n    boxShadow: \"0px 3px 8px 0px rgba(34, 48, 62, 0.10)\",\r\n    borderRadius: \"0.5rem\",\r\n  },\r\n\r\n  filterMainHeader: {\r\n    display: \"flex\",\r\n    alignItems: \"center\",\r\n    justifyContent: \"space-between\",\r\n    bgcolor: \"#EEEEEE\",\r\n    height: \"50px\",\r\n    px: 2,\r\n    borderBottom: \"1px solid #ccc\",\r\n    mx: \"auto\",\r\n  },\r\n\r\n  filterMainComponentWrapper: {\r\n    height: \"calc(100% - 90px)\",\r\n    overflowY: \"auto\",\r\n  },\r\n\r\n  filterAttributeMainSelect: {\r\n    \"& .MuiOutlinedInput-root\": {\r\n      borderRadius: \"6px\",\r\n      fontSize: \"14px\",\r\n      bgcolor: \"#fafafa\",\r\n      \"& fieldset\": {\r\n        borderColor: \"#7a5af8 !important\",\r\n      },\r\n      \"&:hover fieldset\": {\r\n        borderColor: \"#7a5af8 !important\",\r\n      },\r\n      \"&.Mui-focused fieldset\": {\r\n        borderColor: \"#7a5af8 !important\",\r\n        boxShadow: \"none\",\r\n      },\r\n    },\r\n    \"& .MuiSelect-select\": {\r\n      padding: \"8px 14px\",\r\n    },\r\n  },\r\n};\r\n\r\nexport const filterFormStyles: filterFormStyleType = {\r\n  formEditModeStyle: {\r\n    border: \"1px solid #c5c5c5\",\r\n    borderRadius: \"6px\",\r\n    padding: \"5px 10px 10px 10px\",\r\n  },\r\n\r\n  formFlexContainer: {\r\n    display: \"flex\",\r\n    flexDirection: \"column\",\r\n    gap: \"0.75rem\",\r\n  },\r\n\r\n  formListItem: {\r\n    p: 1,\r\n    backgroundColor: \"#FFFFFF\",\r\n    display: \"flex\",\r\n    flexDirection: \"column\",\r\n    gap: 0.5,\r\n  },\r\n\r\n  formListSectionHeader: {\r\n    display: \"flex\",\r\n    alignItems: \"center\",\r\n    justifyContent: \"space-between\",\r\n    gap: 1,\r\n    p: 1,\r\n    backgroundColor: \"#FAFAF9\",\r\n  },\r\n\r\n  formListItemHeader: {\r\n    display: \"flex\",\r\n    justifyContent: \"flex-start\",\r\n    alignItems: \"center\",\r\n    gap: 2,\r\n  },\r\n\r\n  formListItemHeaderName: {\r\n    fontWeight: 500,\r\n    fontSize: \"13px\",\r\n    color: \"#797877\",\r\n  },\r\n\r\n  formListItemHeaderDropdown: {\r\n    fontSize: \"12px\",\r\n    minWidth: 50,\r\n    border: \"none\",\r\n    boxShadow: \"none\",\r\n\r\n    \"& .MuiSelect-root\": {\r\n      fontSize: \"0.75rem\",\r\n\r\n      \"& .MuiSelect-select\": {\r\n        paddingBottom: \"0rem\",\r\n      },\r\n    },\r\n  },\r\n};\r\n","import React, { useState } from \"react\";\r\nimport { TextField, InputAdornment, IconButton } from \"@mui/material\";\r\nimport SearchIcon from \"@mui/icons-material/Search\";\r\nimport { CloseIcon } from \"../../../../../assets/svg\";\r\n\r\ninterface SearchInputProps {\r\n  value: string;\r\n  onChange: (value: string) => void;\r\n  placeholder?: string;\r\n  className?: string;\r\n}\r\n\r\nconst CustomSearch = ({\r\n  value = \"\",\r\n  onChange,\r\n  placeholder = \"Search...\",\r\n}: SearchInputProps) => {\r\n  const [search, setSearch] = useState(value);\r\n\r\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    const val = e.target.value;\r\n    setSearch(val);\r\n    onChange?.(val);\r\n  };\r\n\r\n  const handleClear = () => {\r\n    setSearch(\"\"); // Clear the search value\r\n    onChange?.(\"\"); // Propagate the cleared value\r\n  };\r\n\r\n  return (\r\n    <TextField\r\n      fullWidth\r\n      size=\"small\"\r\n      value={search}\r\n      onChange={handleChange}\r\n      placeholder={placeholder}\r\n      className={\"search-input\"}\r\n      InputProps={{\r\n        startAdornment: (\r\n          <InputAdornment position=\"start\">\r\n            <SearchIcon\r\n              sx={{ color: \"#888888\", fontSize: \"20px\" }}\r\n              className=\"search-icon-svg\"\r\n            />\r\n          </InputAdornment>\r\n        ),\r\n        endAdornment: search && ( // Show the clear icon only when there's a value\r\n          <InputAdornment position=\"end\">\r\n            <IconButton\r\n              edge=\"end\"\r\n              onClick={handleClear}\r\n              sx={{ color: \"#888888\", fontSize: \"20px\" }}\r\n              className=\"cross-icon\"\r\n            >\r\n              <CloseIcon />\r\n            </IconButton>\r\n          </InputAdornment>\r\n        ),\r\n      }}\r\n      sx={{\r\n        \"& .MuiOutlinedInput-root\": {\r\n          borderRadius: \"6px\",\r\n          fontSize: \"14px\",\r\n          bgcolor: \"#fafafa\",\r\n          \"& fieldset\": {\r\n            borderColor: \"#c1c1c1\",\r\n          },\r\n          \"&.Mui-focused fieldset\": {\r\n            borderColor: \"#7A5AF8\",\r\n          },\r\n        },\r\n      }}\r\n    />\r\n  );\r\n};\r\n\r\nexport default CustomSearch;\r\n","import { Typography } from \"@mui/material\";\r\n\r\nconst EmptyList = ({ label }: { label?: string }) => {\r\n  return (\r\n    <Typography\r\n      variant=\"body2\"\r\n      align=\"center\"\r\n      fontSize={14}\r\n      fontStyle={\"italic\"}\r\n      color=\"text.secondary\"\r\n    >\r\n      {label ? label : \"No results found\"}\r\n    </Typography>\r\n  );\r\n};\r\n\r\nexport default EmptyList;\r\n","import { Box, List, ListItem, ListItemText } from \"@mui/material\";\r\nimport React from \"react\";\r\nimport CustomSearch from \"../../search\";\r\nimport { CraftTableOptionsProps } from \"../../../../../types/table-options\";\r\nimport {\r\n  FilterComponentOptions,\r\n  FilterDataMainFilterEntityListProps,\r\n} from \"../../../../../types/filter\";\r\nimport EmptyList from \"./empty-list\";\r\n\r\ninterface Props {\r\n  tableStates: CraftTableOptionsProps;\r\n  filterComponentOptions?: FilterComponentOptions;\r\n}\r\n\r\nconst FilterCriteriaEntityList = ({\r\n  tableStates,\r\n  filterComponentOptions,\r\n}: Props) => {\r\n  const [searchTerm, setSearchTerm] = React.useState<string>(\"\");\r\n\r\n  const { filters, filterData, setSelectedFilterEntity } = tableStates;\r\n\r\n  const handleSelectEntity = (entity: FilterDataMainFilterEntityListProps) => {\r\n    setSelectedFilterEntity(entity);\r\n  };\r\n\r\n  const isSingleEntity = filterComponentOptions?.tabOptions?.isSingleEntity;\r\n\r\n  // 🔍 get all entities from main filter data\r\n  const allEntities = filterData?.mainFilter?.entityList?.data || [];\r\n\r\n  // ✅ determine which entities should be displayed\r\n  const entitiesToShow = React.useMemo(() => {\r\n    // Case 1: isSingleEntity is true and filters already has entities\r\n    if (isSingleEntity && filters?.length > 0) {\r\n      const filterEntityTypes = filters.map((f) => f?.filter_entity_type);\r\n      return allEntities.filter((entity) =>\r\n        filterEntityTypes.includes(entity.value)\r\n      );\r\n    }\r\n\r\n    // Case 2: default behavior (apply search filter)\r\n    return allEntities.filter((entity) =>\r\n      entity.label?.toLowerCase().includes(searchTerm?.toLowerCase())\r\n    );\r\n  }, [isSingleEntity, filters, allEntities, searchTerm]);\r\n\r\n  return (\r\n    <List>\r\n      <CustomSearch\r\n        placeholder=\"Filter by...\"\r\n        value={searchTerm}\r\n        onChange={setSearchTerm}\r\n      />\r\n\r\n      <Box\r\n        sx={{\r\n          my: 2,\r\n          overflowY: \"auto\",\r\n          transition: \"all 0.4s ease-in-out\",\r\n        }}\r\n      >\r\n        {entitiesToShow.length === 0 ? (\r\n          <EmptyList />\r\n        ) : (\r\n          entitiesToShow.map((entity, index) => (\r\n            <ListItem\r\n              key={index}\r\n              onClick={() => handleSelectEntity(entity)}\r\n              sx={{\r\n                cursor: \"pointer\",\r\n                \"&:hover\": { backgroundColor: \"#f4f4f4\" },\r\n              }}\r\n            >\r\n              <ListItemText primary={entity.label} />\r\n            </ListItem>\r\n          ))\r\n        )}\r\n      </Box>\r\n    </List>\r\n  );\r\n};\r\n\r\nexport default FilterCriteriaEntityList;\r\n","import { Box, CircularProgress, Typography } from \"@mui/material\";\r\n\r\nconst Loader = ({ loaderText }: { loaderText?: string }) => {\r\n  return (\r\n    <Box\r\n      display={\"flex\"}\r\n      justifyContent=\"center\"\r\n      alignItems={\"center\"}\r\n      flexDirection={\"column\"}\r\n      gap={2}\r\n      paddingBlock={2}\r\n      height={\"100%\"}\r\n      width={\"100%\"}\r\n    >\r\n      <CircularProgress />\r\n      {loaderText && <Typography variant=\"h6\">{loaderText}</Typography>}\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default Loader;\r\n","import {\r\n  Box,\r\n  IconButton,\r\n  List,\r\n  ListItem,\r\n  ListItemText,\r\n  Typography,\r\n} from \"@mui/material\";\r\nimport CustomSearch from \"../../search\";\r\nimport React, { useMemo } from \"react\";\r\nimport { CraftTableOptionsProps } from \"../../../../../types/table-options\";\r\nimport { filterFormStyles } from \"../../../style\";\r\nimport { CloseIcon } from \"../../../../../../assets/svg\";\r\nimport EmptyList from \"./empty-list\";\r\nimport Loader from \"../../../../common/loader/loader\";\r\nimport {\r\n  FilterComponentOptions,\r\n  FilterDataMainFilterEntityWiseCriteriaProps,\r\n} from \"../../../../../types/filter\";\r\n\r\ninterface Props {\r\n  tableStates: CraftTableOptionsProps;\r\n  handleAddFilter: (\r\n    column: FilterDataMainFilterEntityWiseCriteriaProps\r\n  ) => void;\r\n  filterComponentOptions?: FilterComponentOptions;\r\n}\r\n\r\nconst FilterCriteriaList = ({\r\n  tableStates,\r\n  handleAddFilter,\r\n  filterComponentOptions,\r\n}: Props) => {\r\n  const [searchTerm, setSearchTerm] = React.useState<string>(\"\");\r\n\r\n  const { filterData, filters, selectedFilterEntity, setSelectedFilterEntity } =\r\n    tableStates;\r\n\r\n  const isSingleEntity = filterComponentOptions?.tabOptions?.isSingleEntity;\r\n\r\n  // Show Close button if:\r\n  // - isSingleEntity is false → always show\r\n  // - isSingleEntity is true → only show if filters is empty OR\r\n  //   no filter exists with same filter_entity_type as selectedFilterEntity.value\r\n  const shouldShowCloseButton = useMemo(() => {\r\n    return isSingleEntity\r\n      ? filters?.length === 0 ||\r\n          !filters?.some(\r\n            (filter) =>\r\n              filter?.filter_entity_type === selectedFilterEntity?.value\r\n          )\r\n      : true;\r\n  }, [filters, isSingleEntity, selectedFilterEntity?.value]);\r\n\r\n  return (\r\n    <>\r\n      <Box\r\n        className=\"group-header\"\r\n        sx={{\r\n          ...filterFormStyles.formListSectionHeader,\r\n          position: \"sticky\",\r\n          top: 0,\r\n          zIndex: 1,\r\n        }}\r\n      >\r\n        <Typography fontSize={14}>{selectedFilterEntity?.label}</Typography>\r\n        {shouldShowCloseButton && (\r\n          <IconButton\r\n            size=\"small\"\r\n            onClick={() =>\r\n              !isSingleEntity && setSelectedFilterEntity(undefined)\r\n            }\r\n            className=\"cross-icon\"\r\n          >\r\n            <CloseIcon />\r\n          </IconButton>\r\n        )}\r\n      </Box>\r\n      {filterData?.mainFilter?.entityWiseCriteria?.isPending ? (\r\n        <Loader />\r\n      ) : (\r\n        <List>\r\n          <CustomSearch\r\n            placeholder=\"Filter by...\"\r\n            value={searchTerm}\r\n            onChange={setSearchTerm}\r\n          />\r\n\r\n          <Box\r\n            sx={{\r\n              my: 2,\r\n              overflowY: \"auto\",\r\n              transition: \"all 0.4s ease-in-out\",\r\n            }}\r\n          >\r\n            {(() => {\r\n              const filteredEntities =\r\n                filterData?.mainFilter?.entityWiseCriteria?.data?.filter(\r\n                  (entity) =>\r\n                    entity.name.toLowerCase().includes(searchTerm.toLowerCase())\r\n                ) ?? [];\r\n\r\n              if (filteredEntities.length === 0) {\r\n                return <EmptyList />;\r\n              }\r\n\r\n              return filteredEntities.map((entity, index) => {\r\n                const isAlreadySelected = filters?.some(\r\n                  (filter) => filter.filter_attribute === entity.attribute_key\r\n                );\r\n\r\n                return (\r\n                  <ListItem\r\n                    key={index}\r\n                    sx={{\r\n                      opacity: isAlreadySelected ? 0.5 : 1,\r\n                      cursor: isAlreadySelected ? \"not-allowed\" : \"pointer\",\r\n                      \"&:hover\": {\r\n                        backgroundColor: isAlreadySelected\r\n                          ? \"inherit\"\r\n                          : \"#f4f4f4\",\r\n                      },\r\n                    }}\r\n                    onClick={() =>\r\n                      !isAlreadySelected && handleAddFilter(entity)\r\n                    }\r\n                  >\r\n                    <ListItemText primary={entity.name} />\r\n                  </ListItem>\r\n                );\r\n              });\r\n            })()}\r\n          </Box>\r\n        </List>\r\n      )}\r\n    </>\r\n  );\r\n};\r\n\r\nexport default FilterCriteriaList;\r\n","export const TextFieldStyles = {\r\n  \"& .MuiOutlinedInput-root\": {\r\n    borderRadius: \"6px\",\r\n    fontSize: \"14px\",\r\n    bgcolor: \"#fff\",\r\n\r\n    \"& fieldset\": { borderColor: \"#c1c1c1\" },\r\n    \"&.Mui-focused fieldset\": {\r\n      borderColor: \"#7A5AF8\",\r\n    },\r\n  },\r\n};\r\n","import { TextField } from \"@mui/material\";\r\nimport { Controller } from \"react-hook-form\";\r\nimport { TextFieldStyles } from \"./styles\";\r\nimport { FilterStateProps } from \"../../../../../types/filter\";\r\n\r\ninterface FormTextfieldProps {\r\n  filter: FilterStateProps;\r\n  control: any;\r\n  isLoading?: boolean;\r\n  onValueChange?: () => void;\r\n}\r\n\r\nconst FormTextfield = ({\r\n  filter,\r\n  control,\r\n  isLoading = false,\r\n  onValueChange,\r\n}: FormTextfieldProps) => {\r\n  return (\r\n    <Controller\r\n      name={`${filter?.filter_attribute_name}.value`}\r\n      control={control}\r\n      defaultValue={filter.filter_value || \"\"}\r\n      render={({ field }) => (\r\n        <TextField\r\n          {...field}\r\n          fullWidth\r\n          variant=\"outlined\"\r\n          size=\"small\"\r\n          sx={{\r\n            ...TextFieldStyles,\r\n            \"& .MuiOutlinedInput-input\": {\r\n              padding: \"12px 20px\",\r\n            },\r\n          }}\r\n          // type={filter?.filter_attribute_data_type || \"text\" || \"number\"}\r\n          type={\r\n            filter?.filter_attribute_data_type === \"number\" ? \"number\" : \"text\"\r\n          }\r\n          placeholder={\"Enter value\"}\r\n          disabled={isLoading}\r\n          onChange={(e) => {\r\n            field.onChange(e);\r\n            onValueChange?.();\r\n          }}\r\n        />\r\n      )}\r\n    />\r\n  );\r\n};\r\n\r\nexport default FormTextfield;\r\n","import { Controller } from \"react-hook-form\";\r\nimport { LocalizationProvider } from \"@mui/x-date-pickers/LocalizationProvider\";\r\nimport { DatePicker } from \"@mui/x-date-pickers/DatePicker\";\r\nimport { AdapterDateFns } from \"@mui/x-date-pickers/AdapterDateFns\";\r\nimport moment from \"moment\";\r\nimport { FilterStateProps } from \"../../../../../types/filter\";\r\nimport { SxProps, Theme, Box, TextField } from \"@mui/material\";\r\n\r\ntype FormDatePickerProps = {\r\n  filter: FilterStateProps;\r\n  control: any;\r\n  sx?: SxProps<Theme>;\r\n  views?: Array<\"year\" | \"month\" | \"day\">;\r\n  onValueChange?: () => void;\r\n};\r\n\r\nconst FormDatePicker = ({\r\n  filter,\r\n  control,\r\n  sx,\r\n  views = [\"day\"],\r\n  onValueChange,\r\n}: FormDatePickerProps) => {\r\n  const isRange = filter.filter_operator === \"between\";\r\n  const isRelativeToToday = filter.filter_operator === \"today\";\r\n  const isEmptyOperator =\r\n    filter.filter_operator === \"empty\" ||\r\n    filter.filter_operator === \"not_empty\";\r\n\r\n  if (isEmptyOperator) {\r\n    return <TextField fullWidth disabled value=\"\" size=\"small\" />;\r\n  }\r\n\r\n  return (\r\n    <LocalizationProvider dateAdapter={AdapterDateFns}>\r\n      <Box display=\"flex\" gap={1}>\r\n        <Controller\r\n          name={`${filter?.filter_attribute_name}.value`}\r\n          control={control}\r\n          // defaultValue={\r\n          //   isRange\r\n          //     ? [\"\", \"\"]\r\n          //     : isRelativeToToday\r\n          //     ? moment().format(\"YYYY-MM-DD\")\r\n          //     : filter.filter_value\r\n          //     ? moment(filter.filter_value, \"YYYY-MM-DD\").toDate()\r\n          //     : null\r\n          // }\r\n          defaultValue={\r\n            isRange\r\n              ? [\"\", \"\"]\r\n              : isRelativeToToday\r\n              ? moment().format(\"YYYY-MM-DD\")\r\n              : isEmptyOperator\r\n              ? null\r\n              : filter.filter_value\r\n              ? moment(filter.filter_value, \"YYYY-MM-DD\").toDate()\r\n              : null\r\n          }\r\n          render={({ field }) => {\r\n            const value = field.value;\r\n            const todayDate = moment().toDate();\r\n            if (isRange) {\r\n              const fromDate = Array.isArray(value) ? value[0] : \"\";\r\n              const toDate = Array.isArray(value) ? value[1] : \"\";\r\n\r\n              return (\r\n                <>\r\n                  <DatePicker\r\n                    views={views}\r\n                    value={\r\n                      isRelativeToToday\r\n                        ? todayDate\r\n                        : fromDate\r\n                        ? moment(fromDate, \"YYYY-MM-DD\").toDate()\r\n                        : null\r\n                    }\r\n                    onChange={(date) => {\r\n                      if (isRelativeToToday) return;\r\n                      let formatted = \"\";\r\n                      if (date) {\r\n                        formatted =\r\n                          views?.length === 1 && views[0] === \"year\"\r\n                            ? moment(date).format(\"YYYY\")\r\n                            : moment(date).format(\"YYYY-MM-DD\");\r\n                      }\r\n                      const updated: [string, string] = [\r\n                        formatted,\r\n                        toDate || \"\",\r\n                      ];\r\n                      field.onChange(updated);\r\n                      onValueChange?.();\r\n                    }}\r\n                    // disabled={isRelativeToToday}\r\n                    disabled={isRelativeToToday || isEmptyOperator}\r\n                    format={\r\n                      views?.length === 1 && views[0] === \"year\"\r\n                        ? \"yyyy\"\r\n                        : \"dd-MM-yyyy\"\r\n                    }\r\n                    sx={{\r\n                      \"& .MuiOutlinedInput-input\": {\r\n                        padding: \"12px 20px\",\r\n                      },\r\n                      ...sx,\r\n                    }}\r\n                    slotProps={{\r\n                      textField: {\r\n                        size: \"small\",\r\n                        fullWidth: true,\r\n                        placeholder:\r\n                          views?.length === 1 && views[0] === \"year\"\r\n                            ? \"YYYY\"\r\n                            : \"From Date\",\r\n                      },\r\n                    }}\r\n                  />\r\n\r\n                  <DatePicker\r\n                    views={views}\r\n                    value={\r\n                      isRelativeToToday\r\n                        ? todayDate\r\n                        : toDate\r\n                        ? moment(toDate, \"YYYY-MM-DD\").toDate()\r\n                        : null\r\n                    }\r\n                    onChange={(date) => {\r\n                      if (isRelativeToToday) return;\r\n                      let formatted = \"\";\r\n                      if (date) {\r\n                        formatted =\r\n                          views?.length === 1 && views[0] === \"year\"\r\n                            ? moment(date).format(\"YYYY\")\r\n                            : moment(date).format(\"YYYY-MM-DD\");\r\n                      }\r\n                      const updated: [string, string] = [\r\n                        fromDate || \"\",\r\n                        formatted,\r\n                      ];\r\n                      field.onChange(updated);\r\n                      onValueChange?.();\r\n                    }}\r\n                    // disabled={isRelativeToToday}\r\n                    disabled={isRelativeToToday || isEmptyOperator}\r\n                    format={\r\n                      views?.length === 1 && views[0] === \"year\"\r\n                        ? \"yyyy\"\r\n                        : \"dd-MM-yyyy\"\r\n                    }\r\n                    sx={{\r\n                      \"& .MuiOutlinedInput-input\": {\r\n                        padding: \"12px 20px\",\r\n                      },\r\n                      ...sx,\r\n                    }}\r\n                    slotProps={{\r\n                      textField: {\r\n                        size: \"small\",\r\n                        fullWidth: true,\r\n                        placeholder:\r\n                          views?.length === 1 && views[0] === \"year\"\r\n                            ? \"YYYY\"\r\n                            : \"To Date\",\r\n                      },\r\n                    }}\r\n                  />\r\n                </>\r\n              );\r\n            }\r\n\r\n            // Single DatePicker\r\n            return (\r\n              <DatePicker\r\n                {...field}\r\n                views={views}\r\n                value={\r\n                  isRelativeToToday\r\n                    ? todayDate\r\n                    : field.value\r\n                    ? moment(field.value, \"YYYY-MM-DD\").toDate()\r\n                    : null\r\n                }\r\n                onChange={(date) => {\r\n                  if (isRelativeToToday) return;\r\n                  let formatted = \"\";\r\n                  if (date) {\r\n                    formatted =\r\n                      views?.length === 1 && views[0] === \"year\"\r\n                        ? moment(date).format(\"YYYY\")\r\n                        : moment(date).format(\"YYYY-MM-DD\");\r\n                  }\r\n                  field.onChange(formatted);\r\n                  onValueChange?.();\r\n                }}\r\n                // disabled={isRelativeToToday}\r\n                disabled={isRelativeToToday || isEmptyOperator}\r\n                format={\r\n                  views?.length === 1 && views[0] === \"year\"\r\n                    ? \"yyyy\"\r\n                    : \"dd-MM-yyyy\"\r\n                }\r\n                sx={{\r\n                  \"& .MuiOutlinedInput-input\": {\r\n                    padding: \"12px 20px\",\r\n                  },\r\n                  ...sx,\r\n                }}\r\n                slotProps={{\r\n                  textField: {\r\n                    size: \"small\",\r\n                    fullWidth: true,\r\n                    placeholder:\r\n                      views?.length === 1 && views[0] === \"year\"\r\n                        ? \"YYYY\"\r\n                        : \"DD-MM-YYYY\",\r\n                  },\r\n                }}\r\n              />\r\n            );\r\n          }}\r\n        />\r\n      </Box>\r\n    </LocalizationProvider>\r\n  );\r\n};\r\n\r\nexport default FormDatePicker;\r\n","import { Controller } from \"react-hook-form\";\r\nimport {\r\n  FormControl,\r\n  Select,\r\n  MenuItem,\r\n  Theme,\r\n  SxProps,\r\n  Checkbox,\r\n} from \"@mui/material\";\r\nimport { FilterStateProps } from \"../../../../../types/filter\";\r\nimport { DropdownOption } from \"../../../../../types/common\";\r\n\r\nconst FormMultiSelect = ({\r\n  filter,\r\n  control,\r\n  dropdownData,\r\n  sx,\r\n  onValueChange,\r\n  isFlatJson,\r\n}: {\r\n  filter: FilterStateProps;\r\n  control: any;\r\n  dropdownData: Record<string, DropdownOption[]>;\r\n  sx?: SxProps<Theme>;\r\n  onValueChange?: () => void;\r\n  isFlatJson: boolean;\r\n}) => {\r\n  const options = dropdownData[filter.filter_attribute] || [];\r\n\r\n  // 🔑 single source of truth\r\n  const getOptionValue = (item: DropdownOption) =>\r\n    isFlatJson ? item.label : item.value;\r\n\r\n  return (\r\n    <Controller\r\n      name={`${filter?.filter_attribute_name}.value`}\r\n      control={control}\r\n      defaultValue={\r\n        Array.isArray(filter.filter_value)\r\n          ? filter.filter_value.filter(Boolean)\r\n          : []\r\n      }\r\n      render={({ field }) => {\r\n        const cleanedValue = Array.isArray(field.value)\r\n          ? field.value.filter(Boolean)\r\n          : [];\r\n\r\n        return (\r\n          <FormControl sx={sx} fullWidth size=\"small\">\r\n            <Select\r\n              {...field}\r\n              sx={{\r\n                \"& .MuiOutlinedInput-input\": {\r\n                  padding: \"10px 20px\",\r\n                  height: \"21px\",\r\n                },\r\n              }}\r\n              multiple\r\n              value={cleanedValue}\r\n              onChange={(e) => {\r\n                const value = e.target.value;\r\n                const filtered = Array.isArray(value)\r\n                  ? value.filter(Boolean)\r\n                  : [];\r\n                field.onChange(filtered);\r\n                onValueChange?.();\r\n              }}\r\n              renderValue={(selected) => {\r\n                const filtered = Array.isArray(selected)\r\n                  ? selected.filter(Boolean)\r\n                  : [];\r\n\r\n                return filtered\r\n                  .map((val) => {\r\n                    const match = options.find(\r\n                      (item) => getOptionValue(item) === val\r\n                    );\r\n                    return match?.label || val;\r\n                  })\r\n                  .join(\", \");\r\n              }}\r\n            >\r\n              {options.map((item, idx) => {\r\n                const optionValue = getOptionValue(item);\r\n\r\n                return (\r\n                  <MenuItem key={idx} value={optionValue}>\r\n                    <Checkbox\r\n                      checked={cleanedValue.includes(optionValue)}\r\n                      sx={{ marginRight: 1 }}\r\n                    />\r\n                    {item.label}\r\n                  </MenuItem>\r\n                );\r\n              })}\r\n            </Select>\r\n          </FormControl>\r\n        );\r\n      }}\r\n    />\r\n  );\r\n};\r\n\r\nexport default FormMultiSelect;\r\n","import { FormControl } from \"@mui/material\";\r\nimport { FilterStateProps } from \"../../../../../types/filter\";\r\nimport FormTextfield from \"../components/Textfield\";\r\nimport FormDatePicker from \"../components/Date\";\r\nimport FormMultiSelect from \"../components/Multi-Select\";\r\n\r\n// Operators that should show a Date Picker\r\nconst dateAllowedOperators = [\r\n  \"equal\",\r\n  \"before\",\r\n  \"after\",\r\n  \"between\",\r\n  \"is\",\r\n  \"today\",\r\n  \"is_before\",\r\n  \"is_after\",\r\n  \"is_on_or_before\",\r\n  \"is_on_or_after\",\r\n  \"empty\",\r\n  \"not_empty\",\r\n];\r\n\r\nexport const resolveFilterInput = ({\r\n  filter,\r\n  operator,\r\n  control,\r\n  dropdownData,\r\n  updateFiltersFromForm,\r\n  isFlatJson,\r\n}: {\r\n  filter: FilterStateProps;\r\n  operator: string | undefined;\r\n  control: any;\r\n  dropdownData: any;\r\n  updateFiltersFromForm: () => void;\r\n  isFlatJson: boolean;\r\n}) => {\r\n  const dataType = filter?.filter_attribute_data_type;\r\n\r\n  // TEXT / NUMBER → always textfield\r\n  if (dataType === \"text\" || dataType === \"number\" || dataType === \"label\") {\r\n    return (\r\n      <FormTextfield\r\n        filter={filter}\r\n        control={control}\r\n        onValueChange={updateFiltersFromForm}\r\n      />\r\n    );\r\n  }\r\n\r\n  // YEAR → DatePicker (Year mode)\r\n  if (dataType === \"year\") {\r\n    return (\r\n      <FormDatePicker\r\n        filter={filter}\r\n        control={control}\r\n        views={[\"year\"]}\r\n        onValueChange={updateFiltersFromForm}\r\n      />\r\n    );\r\n  }\r\n\r\n  // DATE FIELD\r\n  if (dataType === \"date\") {\r\n    const showDatePicker = operator && dateAllowedOperators.includes(operator);\r\n\r\n    if (showDatePicker) {\r\n      // Date Picker\r\n      return (\r\n        <FormDatePicker\r\n          filter={filter}\r\n          control={control}\r\n          onValueChange={updateFiltersFromForm}\r\n        />\r\n      );\r\n    }\r\n\r\n    return (\r\n      <FormTextfield\r\n        filter={filter}\r\n        control={control}\r\n        onValueChange={updateFiltersFromForm}\r\n      />\r\n    );\r\n  }\r\n\r\n  // SELECT / MULTISELECT / RADIO / CHECKBOX\r\n  if (\r\n    filter?.filter_attribute_data_type !== undefined &&\r\n    [\"select\", \"multiselect\", \"radio\", \"checkbox\"].includes(\r\n      filter?.filter_attribute_data_type\r\n    )\r\n  ) {\r\n    return (\r\n      <FormMultiSelect\r\n        filter={filter}\r\n        control={control}\r\n        dropdownData={dropdownData}\r\n        onValueChange={updateFiltersFromForm}\r\n        isFlatJson={isFlatJson}\r\n      />\r\n    );\r\n  }\r\n\r\n  return <FormControl fullWidth size=\"small\" />;\r\n};\r\n\r\nexport const getOperationKeyByElementType = (elementType: string) => {\r\n  switch (elementType) {\r\n    case \"text\":\r\n    case \"textarea\":\r\n    case \"email\":\r\n    case \"phone\":\r\n    case \"password\":\r\n    case \"url\":\r\n    case \"label\":\r\n      return \"text\";\r\n\r\n    case \"number\":\r\n    case \"decimal\":\r\n    case \"file-upload\":\r\n      return \"number\";\r\n\r\n    case \"date\":\r\n    case \"datetime\":\r\n      return \"date\";\r\n\r\n    case \"select\":\r\n    case \"radio\":\r\n    case \"multiselect\":\r\n    case \"multicheckbox\":\r\n    case \"checkbox\":\r\n      return \"select\";\r\n\r\n    case \"year\":\r\n      return \"year\";\r\n\r\n    default:\r\n      return \"text\";\r\n  }\r\n};\r\n","import { Box, Button, styled, Paper, ClickAwayListener } from \"@mui/material\";\r\nimport { useMemo, useRef } from \"react\";\r\nimport { AddIcon } from \"../../../../../../assets/svg\";\r\nimport {\r\n  FilterColumnsDataProps,\r\n  FilterComponentOptions,\r\n  FilterDataMainFilterEntityWiseCriteriaProps,\r\n} from \"../../../../../types/filter\";\r\nimport { CraftTableOptionsProps } from \"../../../../../types/table-options\";\r\nimport { filterStyles } from \"../../../style\";\r\nimport useElementWidth from \"../../../../../libs/hooks/useElementWidth\";\r\nimport { onFilterChangeFunctionProps } from \"../../../../../types/common\";\r\nimport FilterCriteriaEntityList from \"./filter-criteria-entity-list\";\r\nimport FilterCriteriaList from \"./filter-criteria-list\";\r\nimport { getOperationKeyByElementType } from \"../utils/filter-date-input-resolver\";\r\n\r\nconst FilterCriteria = ({\r\n  columnsData,\r\n  tableStates,\r\n  onChangeFunction,\r\n  filterComponentOptions,\r\n}: {\r\n  columnsData: FilterColumnsDataProps;\r\n  tableStates: CraftTableOptionsProps;\r\n  onChangeFunction: ({\r\n    updatedFilters,\r\n    filterMaster,\r\n  }: onFilterChangeFunctionProps) => void;\r\n  filterComponentOptions?: FilterComponentOptions;\r\n}) => {\r\n  const FilterButton = styled(Button)(({ theme }) => ({\r\n    borderRadius: 20,\r\n    borderColor: theme.palette.primary.main,\r\n    color: theme.palette.primary.main,\r\n    textTransform: \"none\",\r\n    padding: \"8px 16px\",\r\n    \"&:hover\": {\r\n      borderColor: theme.palette.primary.dark,\r\n    },\r\n  }));\r\n\r\n  const {\r\n    filters,\r\n    setFilters,\r\n    showFilterOptions,\r\n    setShowFilterOption,\r\n    filterMaster,\r\n    selectedFilterEntity,\r\n    setSelectedFilterEntity,\r\n  } = tableStates;\r\n\r\n  const filterButtonRef = useRef<HTMLButtonElement>(null);\r\n  const filterButtonWidth = useElementWidth(filterButtonRef);\r\n\r\n  const isSingleEntity = filterComponentOptions?.tabOptions?.isSingleEntity;\r\n  // Disable button if only one filter is allowed\r\n  const isSingleFilter =\r\n    filterComponentOptions?.tabOptions?.isSingleFilter || false;\r\n  const disableButton = useMemo(() => {\r\n    return isSingleFilter && filters?.length > 0;\r\n  }, [filters?.length, isSingleFilter]);\r\n\r\n  const handleAddFilter = (\r\n    attribute: FilterDataMainFilterEntityWiseCriteriaProps\r\n  ) => {\r\n    const dropdownOptions =\r\n      columnsData?.operation_list[attribute?.element_type];\r\n\r\n    const defaultValue = attribute.element_type === \"multiselect\" ? [] : \"\";\r\n\r\n    const operationKey = getOperationKeyByElementType(attribute?.element_type);\r\n\r\n    const matchingDropdownList =\r\n      columnsData?.operation_list?.[operationKey] || [];\r\n    const defaultOperator = matchingDropdownList[0]?.value || \"\";\r\n\r\n    const newFilter = {\r\n      filter_attribute: attribute.attribute_key,\r\n      filter_operator: defaultOperator,\r\n      filter_value: defaultValue,\r\n      filter_entity_type: selectedFilterEntity?.value,\r\n    };\r\n\r\n    const newSelectedFilter = {\r\n      ...newFilter,\r\n      // id: attribute?.id,\r\n      filter_attribute_name: attribute?.name,\r\n      filter_attribute_data_type:\r\n        attribute?.element_type || attribute?.element_type,\r\n      datasource_list: attribute?.datasource_list,\r\n      dropdown_list: matchingDropdownList,\r\n      filter_entity_name: selectedFilterEntity?.label,\r\n      attribute_key: attribute?.attribute_key,\r\n    };\r\n\r\n    setFilters((prev) => [...prev, newSelectedFilter]);\r\n\r\n    const newFilterState = [...filters, newSelectedFilter];\r\n    const newState = {\r\n      filterMaster: filterMaster,\r\n      filters: newFilterState,\r\n    };\r\n\r\n    onChangeFunction && onChangeFunction(newState);\r\n\r\n    setShowFilterOption(false);\r\n\r\n    if (!isSingleEntity) {\r\n      setSelectedFilterEntity(undefined);\r\n    }\r\n  };\r\n\r\n  const toggleFilterOptions = () => {\r\n    setShowFilterOption((prev) => !prev);\r\n  };\r\n\r\n  return (\r\n    <Box>\r\n      <FilterButton\r\n        fullWidth\r\n        startIcon={<AddIcon />}\r\n        onClick={toggleFilterOptions}\r\n        disabled={disableButton}\r\n        sx={{\r\n          bgcolor: \"#eae4fe\",\r\n          borderRadius: \"6px\",\r\n          color: \"#7a5af8\",\r\n          fontSize: \"13px\",\r\n          fontWeight: 500,\r\n        }}\r\n        ref={filterButtonRef}\r\n      >\r\n        Filter Criteria\r\n      </FilterButton>\r\n\r\n      {showFilterOptions && (\r\n        <ClickAwayListener onClickAway={() => setShowFilterOption(false)}>\r\n          <Paper\r\n            sx={{\r\n              width: filterButtonWidth || 360, // Dynamic width based on button\r\n              p: 1,\r\n              mt: 1.5,\r\n              cursor: \"pointer\",\r\n              position: \"absolute\",\r\n              zIndex: 1300,\r\n            }}\r\n          >\r\n            <Box\r\n              sx={{\r\n                maxHeight: filterMaster?.saved_filters?.selectedId\r\n                  ? `calc(100vh - 601px)`\r\n                  : `calc(100vh - 440px)`,\r\n                overflowY: \"auto\",\r\n                width: \"100%\",\r\n                ...filterStyles.scrollbarCustom,\r\n              }}\r\n              className=\"filter-criteria-list-box\"\r\n            >\r\n              {selectedFilterEntity ? (\r\n                <FilterCriteriaList\r\n                  tableStates={tableStates}\r\n                  handleAddFilter={handleAddFilter}\r\n                  filterComponentOptions={filterComponentOptions}\r\n                />\r\n              ) : (\r\n                <FilterCriteriaEntityList\r\n                  tableStates={tableStates}\r\n                  filterComponentOptions={filterComponentOptions}\r\n                />\r\n              )}\r\n            </Box>\r\n          </Paper>\r\n        </ClickAwayListener>\r\n      )}\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default FilterCriteria;\r\n","import { useState, useEffect } from \"react\";\r\n\r\n// Custom hook to track the width of an element\r\nconst useElementWidth = (ref: React.RefObject<HTMLElement>) => {\r\n  const [width, setWidth] = useState<number>(0);\r\n\r\n  useEffect(() => {\r\n    // If there's no element to observe, just return early\r\n    if (!ref.current) return;\r\n\r\n    // ResizeObserver callback function\r\n    const resizeObserver = new ResizeObserver(() => {\r\n      if (ref.current) {\r\n        setWidth(ref.current.clientWidth); // Update width state\r\n      }\r\n    });\r\n\r\n    // Start observing the element's size changes\r\n    resizeObserver.observe(ref.current);\r\n\r\n    // Clean up observer on component unmount\r\n    return () => resizeObserver.disconnect();\r\n  }, [ref, ref.current?.clientWidth]);\r\n\r\n  return width; // Return the current width\r\n};\r\n\r\nexport default useElementWidth;\r\n","import { Box, Button, IconButton, TextField, Typography } from \"@mui/material\";\r\nimport { CloseIcon, DeleteIcon } from \"../../../../../assets/svg\";\r\nimport {\r\n  FilterColumnsDataProps,\r\n  FilterComponentOptions,\r\n  FilterDropdownDataProps,\r\n  FilterMasterStateProps,\r\n  FilterStateProps,\r\n} from \"../../../../types/filter\";\r\nimport { Controller, useForm } from \"react-hook-form\";\r\nimport React, { useEffect, useMemo, useCallback } from \"react\";\r\nimport FormDropdown from \"./components/Dropdown\";\r\nimport { CraftTableOptionsProps } from \"../../../../types/table-options\";\r\nimport FilterCriteria from \"./components/Filter-criteria\";\r\nimport CustomSearch from \"../search\";\r\nimport { customDebounce } from \"../../../../libs/utils/debounce\";\r\nimport { filterFormStyles } from \"../../style\";\r\nimport { onFilterChangeFunctionProps } from \"../../../../types/common\";\r\nimport { resolveFilterInput } from \"./utils/filter-date-input-resolver\";\r\n\r\ninterface FormValues {\r\n  filterName: string;\r\n  [key: string]:\r\n    | {\r\n        value: string | string[];\r\n        operator: string;\r\n      }\r\n    | string;\r\n}\r\n\r\nconst FilterForm = ({\r\n  columnsData,\r\n  dropdownData,\r\n  searchTerm = \"\",\r\n  setSearchTerm,\r\n  handleRemoveFilter,\r\n  editMode = false,\r\n  tableStates,\r\n  onSaveFilterButtonClick,\r\n  setDeleteFilterModalOpen,\r\n  onChangeFunction,\r\n  filterComponentOptions,\r\n  isFlatJson,\r\n}: {\r\n  columnsData: FilterColumnsDataProps;\r\n  dropdownData: FilterDropdownDataProps;\r\n  searchTerm?: string;\r\n  setSearchTerm: React.Dispatch<React.SetStateAction<string>>;\r\n  handleRemoveFilter: (filter_attribute: string) => void;\r\n  editMode?: boolean;\r\n  tableStates: CraftTableOptionsProps;\r\n  onSaveFilterButtonClick?: () => void;\r\n  setDeleteFilterModalOpen?: React.Dispatch<React.SetStateAction<boolean>>;\r\n  onChangeFunction: ({\r\n    updatedFilters,\r\n    filterMaster,\r\n  }: onFilterChangeFunctionProps) => void;\r\n  filterComponentOptions?: FilterComponentOptions;\r\n  isFlatJson: boolean;\r\n}) => {\r\n  const { filterMaster, filters, setFilters, setFilterMaster, setPagination } =\r\n    tableStates;\r\n\r\n  const showSaveButton =\r\n    filterComponentOptions?.tabOptions?.mainFilter?.showSaveButton;\r\n  const showClearAllButton =\r\n    filterComponentOptions?.tabOptions?.mainFilter?.showClearAllButton;\r\n  const customButtons =\r\n    filterComponentOptions?.tabOptions?.mainFilter?.customButtons;\r\n\r\n  const filterName = filterMaster?.saved_filters?.selectedName || \"\";\r\n  const isOwner = filterMaster?.saved_filters?.is_owner || false;\r\n\r\n  const defaultValues = useMemo(() => {\r\n    const filterValues = filters?.reduce((acc, curr) => {\r\n      if (curr?.filter_attribute_name) {\r\n        acc[curr?.filter_attribute_name] = {\r\n          value: curr?.filter_value ?? \"\",\r\n          operator:\r\n            curr?.filter_operator ?? curr?.dropdown_list?.[0]?.value ?? \"\",\r\n        };\r\n      }\r\n      return acc;\r\n    }, {} as Record<string, { value: string | string[]; operator: string }>);\r\n\r\n    return {\r\n      filterName: filterName ?? \"\",\r\n      dummyChange: \"\",\r\n      ...filterValues,\r\n    };\r\n  }, [filters, filterName]);\r\n\r\n  const { control, watch, reset, setValue, unregister } = useForm<\r\n    FormValues & { dummyChange: string }\r\n  >({\r\n    mode: \"onChange\",\r\n    defaultValues,\r\n    resetOptions: {\r\n      keepDirtyValues: false,\r\n      keepErrors: false,\r\n    },\r\n  });\r\n\r\n  const formValues = watch();\r\n\r\n  useEffect(() => {\r\n    reset(defaultValues);\r\n  }, [filters]);\r\n\r\n  const debouncedUpdateFilters = useCallback(\r\n    customDebounce((updatedFilters: FilterStateProps[]) => {\r\n      setFilters(updatedFilters);\r\n\r\n      const newState = {\r\n        filterMaster: filterMaster,\r\n        filters: updatedFilters,\r\n      };\r\n\r\n      onChangeFunction && onChangeFunction(newState);\r\n    }, 1000),\r\n    [setFilters]\r\n  );\r\n\r\n  const updateFiltersFromForm = useCallback(() => {\r\n    const updatedFilters = filters?.map((filter) => {\r\n      if (\r\n        filter?.filter_attribute_name &&\r\n        typeof formValues[filter?.filter_attribute_name] === \"object\"\r\n      ) {\r\n        const filterValue = formValues[filter?.filter_attribute_name] as {\r\n          value: string | string[];\r\n          operator: string;\r\n        };\r\n\r\n        return {\r\n          ...filter,\r\n          filter_value: filterValue.value,\r\n          filter_operator: filterValue.operator,\r\n        };\r\n      }\r\n      return filter;\r\n    });\r\n\r\n    setPagination((prev) => ({ ...prev, pageIndex: 0 }));\r\n    debouncedUpdateFilters(updatedFilters);\r\n  }, [formValues, filters, debouncedUpdateFilters]);\r\n\r\n  useEffect(() => {\r\n    return () => {\r\n      reset();\r\n      filters?.forEach((filter) => {\r\n        if (filter?.filter_attribute_name) {\r\n          unregister(filter?.filter_attribute_name);\r\n        }\r\n      });\r\n    };\r\n  }, []);\r\n\r\n  const groupedFilters = useMemo(() => {\r\n    return filters?.reduce((acc, filter) => {\r\n      const key = filter?.filter_entity_name || \"\";\r\n      if (!acc[key]) {\r\n        acc[key] = [];\r\n      }\r\n      acc[key].push(filter);\r\n      return acc;\r\n    }, {} as Record<string, FilterStateProps[]>);\r\n  }, [filters]);\r\n\r\n  const handleRemoveEntityType = (entityType: string) => {\r\n    const remainingFilters = filters?.filter(\r\n      (f) => f.filter_entity_name !== entityType\r\n    );\r\n\r\n    // unregister all fields belonging to this entity type\r\n    filters?.forEach((f) => {\r\n      if (f?.filter_entity_name === entityType && f?.filter_attribute_name) {\r\n        unregister(`${f?.filter_attribute_name}.value`);\r\n        unregister(`${f?.filter_attribute_name}.operator`);\r\n      }\r\n    });\r\n\r\n    setFilters(remainingFilters);\r\n\r\n    const newState = {\r\n      filterMaster,\r\n      filters: remainingFilters,\r\n    };\r\n\r\n    onChangeFunction && onChangeFunction(newState);\r\n  };\r\n\r\n  return (\r\n    <form\r\n      onSubmit={(e) => {\r\n        e.preventDefault(); //  This prevents the page from reloading\r\n      }}\r\n    >\r\n      <Box sx={editMode ? filterFormStyles.formEditModeStyle : {}}>\r\n        {editMode && (\r\n          <Box\r\n            sx={{\r\n              \"& .MuiOutlinedInput-root\": {\r\n                borderRadius: \"6px\",\r\n                fontSize: \"14px\",\r\n                bgcolor: \"#fafafa\",\r\n                \"& fieldset\": { borderColor: \"#c1c1c1\" },\r\n                \"&.Mui-focused fieldset\": { borderColor: \"#7A5AF8\" },\r\n              },\r\n              display: \"flex\",\r\n              alignItems: \"center\",\r\n              justifyContent: \"center\",\r\n              padding: \"0.5rem 0 1rem 0\",\r\n              gap: 1,\r\n            }}\r\n          >\r\n            <Controller\r\n              name=\"filterName\"\r\n              control={control}\r\n              render={({ field }) => (\r\n                <TextField\r\n                  fullWidth\r\n                  size=\"small\"\r\n                  placeholder=\"Filter Name\"\r\n                  value={filterName || field.value}\r\n                  onChange={(e) => {\r\n                    field.onChange(e);\r\n                    if (editMode) {\r\n                      setFilterMaster(\r\n                        (prev) =>\r\n                          ({\r\n                            ...prev,\r\n                            saved_filters: {\r\n                              ...prev?.saved_filters,\r\n                              selectedName: e.target.value,\r\n                            },\r\n                          } as FilterMasterStateProps)\r\n                      );\r\n                    }\r\n                  }}\r\n                  inputRef={field.ref}\r\n                  sx={{\r\n                    maxWidth: 400,\r\n\r\n                    \"& .MuiOutlinedInput-root\": {\r\n                      bgcolor: \"white\",\r\n                      borderRadius: \"0px\",\r\n                      fontSize: \"14px\",\r\n                      color: \"#272524\",\r\n                      fontWeight: \"500\",\r\n                      \"& fieldset\": { borderColor: \"#c5c5c5\" },\r\n                      \"&.Mui-focused fieldset\": { borderColor: \"#7A5AF8\" },\r\n                    },\r\n                  }}\r\n                />\r\n              )}\r\n            />\r\n            {isOwner && (\r\n              <Box onClick={(e) => e.stopPropagation()}>\r\n                <IconButton\r\n                  size=\"small\"\r\n                  onClick={() =>\r\n                    setDeleteFilterModalOpen && setDeleteFilterModalOpen(true)\r\n                  }\r\n                >\r\n                  <DeleteIcon />\r\n                </IconButton>\r\n              </Box>\r\n            )}\r\n          </Box>\r\n        )}\r\n\r\n        <Box\r\n          className=\"filter-criteria-form\"\r\n          sx={{\r\n            ...filterFormStyles.formFlexContainer,\r\n            ...(editMode && {\r\n              maxHeight: \"calc(100vh - 570px)\",\r\n              overflowY: \"auto\",\r\n            }),\r\n          }}\r\n        >\r\n          <FilterCriteria\r\n            columnsData={columnsData}\r\n            tableStates={tableStates}\r\n            onChangeFunction={onChangeFunction}\r\n            filterComponentOptions={filterComponentOptions}\r\n          />\r\n\r\n          {!editMode && (\r\n            <CustomSearch value={searchTerm} onChange={setSearchTerm} />\r\n          )}\r\n\r\n          <Box\r\n            className=\"filter-form-inputs\"\r\n            sx={filterFormStyles.formFlexContainer}\r\n          >\r\n            {Object.entries(groupedFilters).map(([entityType, filters]) => (\r\n              <Box\r\n                key={entityType}\r\n                sx={{\r\n                  border: \"1px solid #c5c5c5\",\r\n                  borderRadius: 2,\r\n                  overflow: \"hidden\",\r\n                }}\r\n              >\r\n                {/* Group Header */}\r\n                <Box\r\n                  className=\"group-header\"\r\n                  sx={filterFormStyles.formListSectionHeader}\r\n                >\r\n                  <Typography fontSize={14}>{entityType}</Typography>\r\n                  <IconButton\r\n                    size=\"small\"\r\n                    onClick={() => handleRemoveEntityType(entityType)}\r\n                  >\r\n                    <CloseIcon />\r\n                  </IconButton>\r\n                </Box>\r\n\r\n                {filters\r\n                  .filter(\r\n                    (filter) =>\r\n                      filter?.filter_attribute_name\r\n                        ?.toLowerCase()\r\n                        .includes(searchTerm.toLowerCase()) ||\r\n                      filter.filter_value\r\n                        ?.toString()\r\n                        .toLowerCase()\r\n                        .includes(searchTerm.toLowerCase())\r\n                  )\r\n                  .reverse()\r\n                  .map((filter) => {\r\n                    const dropdown_list = filter.dropdown_list || [];\r\n                    return (\r\n                      <Box\r\n                        key={filter.filter_attribute}\r\n                        sx={filterFormStyles.formListItem}\r\n                      >\r\n                        <Box sx={filterFormStyles.formListItemHeader}>\r\n                          <Typography\r\n                            sx={filterFormStyles.formListItemHeaderName}\r\n                          >\r\n                            {filter?.filter_attribute_name}\r\n                          </Typography>\r\n                          <FormDropdown\r\n                            filter={filter}\r\n                            control={control}\r\n                            setValue={setValue}\r\n                            dropdownList={dropdown_list}\r\n                            sx={filterFormStyles.formListItemHeaderDropdown}\r\n                            onValueChange={updateFiltersFromForm}\r\n                          />\r\n                          <IconButton\r\n                            sx={{ marginLeft: \"auto\" }}\r\n                            onClick={() => {\r\n                              unregister(\r\n                                `${filter?.filter_attribute_name}.value`\r\n                              );\r\n                              unregister(\r\n                                `${filter?.filter_attribute_name}.operator`\r\n                              );\r\n\r\n                              // Toggle dummy field to force form dirty\r\n                              const dummy = watch(\"dummyChange\");\r\n                              setValue(\r\n                                \"dummyChange\",\r\n                                dummy === \"changed\" ? \"reset\" : \"changed\",\r\n                                {\r\n                                  shouldDirty: true,\r\n                                }\r\n                              );\r\n\r\n                              handleRemoveFilter(filter.filter_attribute);\r\n                            }}\r\n                            size=\"small\"\r\n                          >\r\n                            <CloseIcon />\r\n                          </IconButton>\r\n                        </Box>\r\n\r\n                        <Box>\r\n                          {(() => {\r\n                            const fieldValue = formValues[\r\n                              filter?.filter_attribute_name as keyof FormValues\r\n                            ] as\r\n                              | { value: string | string[]; operator: string }\r\n                              | undefined;\r\n\r\n                            const operator = fieldValue?.operator;\r\n\r\n                            return resolveFilterInput({\r\n                              filter,\r\n                              operator,\r\n                              control,\r\n                              dropdownData,\r\n                              updateFiltersFromForm,\r\n                              isFlatJson,\r\n                            });\r\n                          })()}\r\n                        </Box>\r\n                      </Box>\r\n                    );\r\n                  })}\r\n              </Box>\r\n            ))}\r\n          </Box>\r\n        </Box>\r\n      </Box>\r\n\r\n      {filters?.length > 0 && (showClearAllButton || showSaveButton) && (\r\n        <Box sx={{ display: \"flex\", justifyContent: \"center\", gap: 1, mt: 3 }}>\r\n          {showClearAllButton && (\r\n            <Button\r\n              variant=\"outlined\"\r\n              sx={{\r\n                color: \"#7A5AF8\",\r\n                border: `1px solid #7A5AF8`,\r\n                borderRadius: \"6px\",\r\n                textTransform: \"none\",\r\n                fontSize: \"14px\",\r\n              }}\r\n              fullWidth\r\n              onClick={() => {\r\n                setFilters([]);\r\n\r\n                const filterMaster = {\r\n                  ...tableStates.filterMaster,\r\n                  activeFilterTabIndex: -1,\r\n                };\r\n\r\n                const newState = {\r\n                  filterMaster: filterMaster,\r\n                  filters: [],\r\n                };\r\n\r\n                onChangeFunction && onChangeFunction(newState);\r\n              }}\r\n            >\r\n              Clear All\r\n            </Button>\r\n          )}\r\n\r\n          {showSaveButton && (\r\n            <Button\r\n              variant=\"contained\"\r\n              fullWidth\r\n              sx={{\r\n                color: \"white\",\r\n                backgroundColor: \"#7A5AF8\",\r\n                \"&.Mui-disabled\": {\r\n                  backgroundColor: \"#d7cefd\",\r\n                  color: \"rgba(255, 255, 255, 0.7)\",\r\n                },\r\n              }}\r\n              onClick={() => {\r\n                onSaveFilterButtonClick && onSaveFilterButtonClick();\r\n              }}\r\n            >\r\n              Save Filter\r\n            </Button>\r\n          )}\r\n\r\n          {/* Custom buttons from props */}\r\n          {customButtons?.map((btn, idx) => (\r\n            <Button\r\n              key={idx}\r\n              fullWidth\r\n              variant={btn?.variant ?? \"outlined\"}\r\n              sx={btn?.sx}\r\n              {...btn}\r\n            >\r\n              {btn?.label}\r\n            </Button>\r\n          ))}\r\n        </Box>\r\n      )}\r\n    </form>\r\n  );\r\n};\r\n\r\nexport default FilterForm;\r\n","import { Box } from \"@mui/material\";\r\nimport { useEffect, useState } from \"react\";\r\nimport FilterForm from \"./forms\";\r\nimport {\r\n  FilterFormComponentProps,\r\n  FilterMasterStateProps,\r\n} from \"../../../types/filter\";\r\nimport { filterStyles } from \"../style\";\r\n\r\nconst MainFilter = ({\r\n  columnsData,\r\n  dropdownData,\r\n  tableStates,\r\n  onSaveFilterButtonClick,\r\n  onChangeFunction,\r\n  filterComponentOptions,\r\n  isFlatJson,\r\n}: FilterFormComponentProps) => {\r\n  const [searchTerm, setSearchTerm] = useState<string>(\"\");\r\n\r\n  const { setFilters, setFilterMaster, filterMaster } = tableStates;\r\n\r\n  useEffect(() => {\r\n    setFilterMaster(\r\n      (prev) =>\r\n        ({\r\n          ...prev,\r\n          activeFilterTabIndex: 0,\r\n        } as FilterMasterStateProps)\r\n    );\r\n  }, []);\r\n\r\n  const handleRemoveFilter = (filter_attribute: string) => {\r\n    setFilters((prev) =>\r\n      prev.filter((filter) => filter.filter_attribute !== filter_attribute)\r\n    );\r\n    setFilters((prev) => {\r\n      const newFilters = prev.filter(\r\n        (f) => f.filter_attribute !== filter_attribute\r\n      );\r\n\r\n      onChangeFunction &&\r\n        onChangeFunction({\r\n          filterMaster: filterMaster,\r\n          filters: newFilters,\r\n        });\r\n      return newFilters;\r\n    });\r\n  };\r\n\r\n  const mainBoxStyles = {\r\n    ...filterStyles.filterMainComponentWrapper,\r\n    ...filterStyles.scrollbarCustom,\r\n  };\r\n\r\n  return (\r\n    <Box sx={mainBoxStyles} className=\"main-filter-component-wrapper\">\r\n      {/* Render selectedFilters state */}\r\n      <FilterForm\r\n        columnsData={columnsData}\r\n        searchTerm={searchTerm}\r\n        setSearchTerm={setSearchTerm}\r\n        handleRemoveFilter={handleRemoveFilter}\r\n        tableStates={tableStates}\r\n        onSaveFilterButtonClick={onSaveFilterButtonClick}\r\n        dropdownData={dropdownData}\r\n        onChangeFunction={onChangeFunction}\r\n        filterComponentOptions={filterComponentOptions}\r\n        isFlatJson={isFlatJson}\r\n      />\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default MainFilter;\r\n","import { Box, Typography } from \"@mui/material\";\r\nimport FilterForm from \"./forms\";\r\nimport BackArrow from \"@mui/icons-material/ArrowBackIosNew\";\r\nimport {\r\n  FilterColumnsDataProps,\r\n  FilterComponentOptions,\r\n  FilterDropdownDataProps,\r\n  FilterMasterStateProps,\r\n} from \"../../../types/filter\";\r\nimport { CraftTableOptionsProps } from \"../../../types/table-options\";\r\nimport { onFilterChangeFunctionProps } from \"../../../types/common\";\r\n\r\nconst SavedFilterEditComponent = ({\r\n  columnsData,\r\n  dropdownData,\r\n  tableStates,\r\n  editMode,\r\n  setEditMode,\r\n  searchTerm,\r\n  setSearchTerm,\r\n  onSaveFilterButtonClick,\r\n  setDeleteFilterModalOpen,\r\n  onChangeFunction,\r\n  filterComponentOptions,\r\n}: {\r\n  columnsData: FilterColumnsDataProps;\r\n  dropdownData: FilterDropdownDataProps;\r\n  tableStates: CraftTableOptionsProps;\r\n  editMode?: boolean;\r\n  setEditMode?: React.Dispatch<React.SetStateAction<boolean>>;\r\n  searchTerm?: string;\r\n  setSearchTerm: React.Dispatch<React.SetStateAction<string>>;\r\n  onSaveFilterButtonClick?: () => void;\r\n  setDeleteFilterModalOpen?: React.Dispatch<React.SetStateAction<boolean>>;\r\n  onChangeFunction: ({\r\n    updatedFilters,\r\n    filterMaster,\r\n  }: onFilterChangeFunctionProps) => void;\r\n  filterComponentOptions?: FilterComponentOptions;\r\n}) => {\r\n  const { setFilters, setFilterMaster } = tableStates;\r\n\r\n  const showBackButton =\r\n    filterComponentOptions?.tabOptions?.savedFilter?.showBackButton;\r\n\r\n  const handleRemoveFilter = (filter_attribute: string) => {\r\n    setFilters((prev) =>\r\n      prev.filter((filter) => filter?.filter_attribute !== filter_attribute)\r\n    );\r\n  };\r\n\r\n  const handleBackButtonClick = () => {\r\n    setEditMode && setEditMode(false);\r\n    setFilters([]);\r\n\r\n    setFilterMaster(\r\n      (prev) =>\r\n        ({\r\n          ...prev,\r\n          saved_filters: {\r\n            ...prev?.saved_filters,\r\n            selectedId: \"\",\r\n            selectedName: \"\",\r\n            selectedCode: \"\",\r\n            shareWithTeam: false,\r\n            allowTeamEdit: false,\r\n          },\r\n          activeFilterTabIndex: -1,\r\n        } as FilterMasterStateProps)\r\n    );\r\n  };\r\n\r\n  return (\r\n    <>\r\n      {showBackButton && (\r\n        <Box>\r\n          <Box\r\n            sx={{\r\n              display: \"flex\",\r\n              alignItems: \"center\",\r\n              gap: 1,\r\n              cursor: \"pointer\",\r\n              mb: 2,\r\n            }}\r\n            onClick={handleBackButtonClick}\r\n          >\r\n            <BackArrow sx={{ width: \"13px\", height: \"13px\" }} />\r\n            <Typography variant=\"body2\" sx={{ color: \"#8592A3\" }}>\r\n              Back To Saved Filters\r\n            </Typography>\r\n          </Box>\r\n        </Box>\r\n      )}\r\n\r\n      {/* Render selectedFilters state */}\r\n      <FilterForm\r\n        handleRemoveFilter={handleRemoveFilter}\r\n        editMode={editMode}\r\n        tableStates={tableStates}\r\n        columnsData={columnsData}\r\n        dropdownData={dropdownData}\r\n        searchTerm={searchTerm}\r\n        setSearchTerm={setSearchTerm}\r\n        onSaveFilterButtonClick={onSaveFilterButtonClick}\r\n        setDeleteFilterModalOpen={setDeleteFilterModalOpen}\r\n        onChangeFunction={onChangeFunction}\r\n        filterComponentOptions={filterComponentOptions}\r\n      />\r\n    </>\r\n  );\r\n};\r\n\r\nexport default SavedFilterEditComponent;\r\n","import { useEffect, useState } from \"react\";\r\nimport {\r\n  FilterFormComponentProps,\r\n  FilterMasterStateProps,\r\n  FilterOperationListProps,\r\n} from \"../../../types/filter\";\r\nimport {\r\n  Accordion,\r\n  AccordionDetails,\r\n  AccordionSummary,\r\n  Box,\r\n  Divider,\r\n  IconButton,\r\n  List,\r\n  ListItem,\r\n  ListItemText,\r\n  Typography,\r\n} from \"@mui/material\";\r\nimport CustomSearch from \"./search\";\r\nimport { DeleteIcon, EditIcon } from \"../../../../assets/svg\";\r\nimport SavedFilterEditComponent from \"./saved-edit-filter\";\r\nimport { CheckBox } from \"../../../../assets/svg\";\r\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\r\n\r\nconst SavedFilter = ({\r\n  columnsData,\r\n  dropdownData,\r\n  tableStates,\r\n  editMode,\r\n  setEditMode,\r\n  setDeleteFilterModalOpen,\r\n  onSaveFilterButtonClick,\r\n  tabValue,\r\n  onChangeFunction,\r\n  filterComponentOptions,\r\n  isFlatJson,\r\n}: FilterFormComponentProps) => {\r\n  const { filters, filterMaster, setFilterMaster, setFilterToDelete } =\r\n    tableStates;\r\n\r\n  const [searchTerm, setSearchTerm] = useState<string>(\"\");\r\n\r\n  const MyFilter = (f: any): FilterOperationListProps => {\r\n    return {\r\n      label: f.name || f.label || \"Unnamed Filter\",\r\n      value: f.id || f.value,\r\n      code: f.code ?? \"\",\r\n      is_shared: false,\r\n      created_by: f.created_by || \"\",\r\n      description: f.description || \"\",\r\n      is_owner: true, // My filter = always owner\r\n      is_editable: f.is_editable === true || f.is_editable === \"true\",\r\n    };\r\n  };\r\n\r\n  const SharedFilter = (f: any): FilterOperationListProps => {\r\n    const prefs =\r\n      f.sharedPreferences || f.preferences || f.meta || f.shared_meta || {};\r\n\r\n    return {\r\n      label: f.name || f.label || \"Unnamed Filter\",\r\n      value: f.id || f.value,\r\n      code: f.code ?? \"\",\r\n      is_shared: f.is_shared ?? prefs.is_shared ?? true,\r\n      created_by: f.created_by || \"shared_filter\",\r\n      description: f.description || \"\",\r\n      is_owner: f.is_owner === true || prefs.is_owner === \"true\",\r\n      is_editable:\r\n        f.is_editable === true ||\r\n        f.is_editable === \"true\" ||\r\n        prefs.is_editable === true ||\r\n        prefs.is_editable === \"true\",\r\n    };\r\n  };\r\n\r\n  //  SEPARATE DATA MAPPINGS\r\n\r\n  const myFilters: FilterOperationListProps[] =\r\n    columnsData?.saved_filter?.map(MyFilter) ?? [];\r\n\r\n  const sharedFilters: FilterOperationListProps[] =\r\n    columnsData?.shared_filter?.map(SharedFilter) ?? [];\r\n\r\n  // Reset on unmount\r\n  useEffect(() => {\r\n    return () => {\r\n      const editModeFromTab =\r\n        filterComponentOptions?.tabOptions?.savedFilter?.editMode;\r\n\r\n      if (!editModeFromTab) {\r\n        setEditMode && setEditMode(false);\r\n        setFilterMaster(\r\n          (prev) =>\r\n            ({\r\n              ...prev,\r\n              saved_filters: {\r\n                ...(prev?.saved_filters ?? {}),\r\n                selectedId: \"\",\r\n                selectedName: \"\",\r\n                description: \"\",\r\n                selectedCode: \"\",\r\n                shareWithTeam: undefined,\r\n                allowTeamEdit: undefined,\r\n              },\r\n            } as FilterMasterStateProps)\r\n        );\r\n      }\r\n    };\r\n  }, []);\r\n\r\n  // APPLY FILTER\r\n\r\n  const applyFilterStates = (filter: FilterOperationListProps) => {\r\n    const newFilterMaster = {\r\n      ...filterMaster,\r\n      saved_filters: {\r\n        ...(filterMaster?.saved_filters ?? {}),\r\n        selectedId: filter.value,\r\n        selectedName: filter.label,\r\n        description: filter.description,\r\n        selectedCode: filter.code,\r\n        shareWithTeam: filter.is_shared,\r\n        allowTeamEdit: filter.is_editable,\r\n        is_owner: filter.is_owner,\r\n      },\r\n      attributes: {\r\n        ...filterMaster?.attributes,\r\n        radio: [],\r\n      },\r\n      activeFilterTabIndex: tabValue,\r\n    } as FilterMasterStateProps;\r\n\r\n    setFilterMaster(newFilterMaster);\r\n\r\n    onChangeFunction &&\r\n      onChangeFunction({\r\n        filterMaster: newFilterMaster,\r\n        filters,\r\n      });\r\n  };\r\n\r\n  const handleListItemClick = (filter: FilterOperationListProps) => {\r\n    applyFilterStates(filter);\r\n    setEditMode && setEditMode(true);\r\n    setFilterToDelete(filter);\r\n  };\r\n\r\n  const handleApplyFilter = (filter: FilterOperationListProps) => {\r\n    applyFilterStates(filter);\r\n  };\r\n\r\n  const [openAccordion, setOpenAccordion] = useState<\"my\" | \"shared\" | null>(\r\n    \"my\"\r\n  );\r\n\r\n  const toggleAccodion = (accordion: \"my\" | \"shared\" | null) => {\r\n    setOpenAccordion((prev) => (prev === accordion ? null : accordion));\r\n  };\r\n\r\n  //  RENDER: MY FILTERS\r\n\r\n  const renderMyFilters = (source: FilterOperationListProps[]) =>\r\n    source.length === 0 ? (\r\n      <Typography>No My Filters</Typography>\r\n    ) : (\r\n      <List sx={{ display: \"flex\", flexDirection: \"column\", gap: 1 }}>\r\n        {source\r\n          .filter((f) =>\r\n            f.label?.toLowerCase().includes(searchTerm.toLowerCase())\r\n          )\r\n          .map((filter) => (\r\n            <ListItem\r\n              key={filter.value}\r\n              sx={{\r\n                cursor: \"pointer\",\r\n                borderRadius: \"8px\",\r\n                bgcolor: \"#f2f6f8ff\",\r\n                display: \"flex\",\r\n                justifyContent: \"space-between\",\r\n                gap: 1,\r\n                alignItems: \"center\",\r\n                \"&:hover .action-icons\": {\r\n                  opacity: 1,\r\n                  visibility: \"visible\",\r\n                },\r\n              }}\r\n              onClick={() => handleApplyFilter(filter)}\r\n            >\r\n              {filter.value === filterMaster?.saved_filters?.selectedId && (\r\n                <Box sx={{ display: \"flex\", alignItems: \"center\" }}>\r\n                  <CheckBox />\r\n                </Box>\r\n              )}\r\n\r\n              <ListItemText primary={filter.label} />\r\n\r\n              <Box\r\n                onClick={(e) => e.stopPropagation()}\r\n                className=\"action-icons\"\r\n                sx={{\r\n                  display: \"flex\",\r\n                  gap: 1,\r\n                  opacity: 0,\r\n                  visibility: \"hidden\",\r\n                  transition: \"opacity 0.2s ease, visibility 0.2s ease\",\r\n                }}\r\n              >\r\n                <IconButton\r\n                  size=\"large\"\r\n                  onClick={() => handleListItemClick(filter)}\r\n                >\r\n                  <EditIcon />\r\n                </IconButton>\r\n\r\n                <IconButton\r\n                  size=\"small\"\r\n                  onClick={() => {\r\n                    setFilterToDelete(filter);\r\n                    setDeleteFilterModalOpen?.(true);\r\n                  }}\r\n                >\r\n                  <DeleteIcon />\r\n                </IconButton>\r\n              </Box>\r\n            </ListItem>\r\n          ))}\r\n      </List>\r\n    );\r\n\r\n  // ----------------------------------------\r\n  //  RENDER: SHARED FILTERS\r\n  // ----------------------------------------\r\n  const renderSharedFilters = (source: FilterOperationListProps[]) =>\r\n    source.length === 0 ? (\r\n      <Typography>No Shared Filters</Typography>\r\n    ) : (\r\n      <List sx={{ display: \"flex\", flexDirection: \"column\", gap: 1 }}>\r\n        {source\r\n          .filter((f) =>\r\n            f.label?.toLowerCase().includes(searchTerm.toLowerCase())\r\n          )\r\n          .map((filter) => (\r\n            <ListItem\r\n              key={filter.value}\r\n              sx={{\r\n                cursor: \"pointer\",\r\n                borderRadius: \"8px\",\r\n                bgcolor: \"#f2f6f8ff\",\r\n                display: \"flex\",\r\n                justifyContent: \"space-between\",\r\n                gap: 1,\r\n                alignItems: \"center\",\r\n                \"&:hover .action-icons\": {\r\n                  opacity: 1,\r\n                  visibility: \"visible\",\r\n                },\r\n              }}\r\n              onClick={() => handleApplyFilter(filter)}\r\n            >\r\n              {filter.value === filterMaster?.saved_filters?.selectedId && (\r\n                <Box sx={{ display: \"flex\", alignItems: \"center\" }}>\r\n                  <CheckBox />\r\n                </Box>\r\n              )}\r\n\r\n              <ListItemText primary={filter.label} />\r\n\r\n              <Box\r\n                onClick={(e) => e.stopPropagation()}\r\n                className=\"action-icons\"\r\n                sx={{\r\n                  display: \"flex\",\r\n                  gap: 1,\r\n                  opacity: 0,\r\n                  visibility: \"hidden\",\r\n                  transition: \"opacity 0.2s ease, visibility 0.2s ease\",\r\n                }}\r\n              >\r\n                {(filter.is_editable || filter.is_owner) && (\r\n                  <IconButton\r\n                    size=\"large\"\r\n                    onClick={() => handleListItemClick(filter)}\r\n                  >\r\n                    <EditIcon />\r\n                  </IconButton>\r\n                )}\r\n                {filter.is_owner && (\r\n                  <IconButton\r\n                    size=\"small\"\r\n                    onClick={() => {\r\n                      setFilterToDelete(filter);\r\n                      setDeleteFilterModalOpen?.(true);\r\n                    }}\r\n                  >\r\n                    <DeleteIcon />\r\n                  </IconButton>\r\n                )}\r\n              </Box>\r\n            </ListItem>\r\n          ))}\r\n      </List>\r\n    );\r\n\r\n  // ----------------------------------------\r\n  //  RENDER MAIN COMPONENT\r\n  // ----------------------------------------\r\n  return (\r\n    <Box className=\"saved-filter-component-wrapper\">\r\n      {!editMode && (\r\n        <>\r\n          {/* Search */}\r\n          <Box sx={{ mb: 2 }}>\r\n            <CustomSearch\r\n              value={searchTerm}\r\n              onChange={setSearchTerm}\r\n              className=\"search-input\"\r\n            />\r\n          </Box>\r\n\r\n          {/* ---- My Filters ---- */}\r\n          <Box\r\n            sx={{\r\n              background: \"#fff\",\r\n              borderRadius: \"12px\",\r\n              border: \"1px solid #eee\",\r\n              mb: 2,\r\n              overflow: \"hidden\",\r\n            }}\r\n          >\r\n            <Accordion\r\n              disableGutters\r\n              elevation={0}\r\n              expanded={openAccordion === \"my\"}\r\n              onChange={() =>\r\n                // setOpenAccordion(openAccordion === \"my\" ? \"shared\" : \"my\")\r\n                toggleAccodion(\"my\")\r\n              }\r\n            >\r\n              <AccordionSummary\r\n                expandIcon={<ExpandMoreIcon fontSize=\"small\" />}\r\n              >\r\n                <Typography fontWeight={600}>My Filters</Typography>\r\n              </AccordionSummary>\r\n              <Divider sx={{ width: \"100%\" }} />\r\n              <AccordionDetails\r\n                sx={{\r\n                  p: \"9px\",\r\n                  maxHeight: \"230px\",\r\n                  overflowY: \"auto\",\r\n                  scrollbarWidth: \"thin\",\r\n                }}\r\n              >\r\n                {renderMyFilters(myFilters)}\r\n              </AccordionDetails>\r\n            </Accordion>\r\n          </Box>\r\n\r\n          {/* ---- Shared Filters ---- */}\r\n          <Box\r\n            sx={{\r\n              background: \"#fff\",\r\n              borderRadius: \"12px\",\r\n              border: \"1px solid #eee\",\r\n              mb: 2,\r\n              overflow: \"hidden\",\r\n            }}\r\n          >\r\n            <Accordion\r\n              disableGutters\r\n              elevation={0}\r\n              expanded={openAccordion === \"shared\"}\r\n              onChange={() =>\r\n                // setOpenAccordion(openAccordion === \"shared\" ? \"my\" : \"shared\")\r\n                toggleAccodion(\"shared\")\r\n              }\r\n            >\r\n              <AccordionSummary\r\n                expandIcon={<ExpandMoreIcon fontSize=\"small\" />}\r\n              >\r\n                <Typography fontWeight={600}>Shared Filters</Typography>\r\n              </AccordionSummary>\r\n              <Divider sx={{ width: \"100%\" }} />\r\n              <AccordionDetails\r\n                sx={{\r\n                  p: \"9px\",\r\n                  maxHeight: \"230px\",\r\n                  overflowY: \"auto\",\r\n                  scrollbarWidth: \"thin\",\r\n                }}\r\n              >\r\n                {renderSharedFilters(sharedFilters)}\r\n              </AccordionDetails>\r\n            </Accordion>\r\n          </Box>\r\n        </>\r\n      )}\r\n\r\n      {/* Edit Component */}\r\n      {editMode && (\r\n        <SavedFilterEditComponent\r\n          columnsData={columnsData}\r\n          dropdownData={dropdownData}\r\n          tableStates={tableStates}\r\n          editMode={editMode}\r\n          setEditMode={setEditMode}\r\n          searchTerm={searchTerm}\r\n          setSearchTerm={setSearchTerm}\r\n          onSaveFilterButtonClick={onSaveFilterButtonClick}\r\n          setDeleteFilterModalOpen={setDeleteFilterModalOpen}\r\n          onChangeFunction={onChangeFunction}\r\n          filterComponentOptions={filterComponentOptions}\r\n        />\r\n      )}\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default SavedFilter;\r\n","import {\r\n  Box,\r\n  FormControl,\r\n  FormControlLabel,\r\n  MenuItem,\r\n  Radio,\r\n  Select,\r\n  SelectChangeEvent,\r\n} from \"@mui/material\";\r\nimport {\r\n  AttributesFilterProps,\r\n  FilterMasterStateProps,\r\n  FilterStateProps,\r\n} from \"../../../types/filter\";\r\nimport CustomSearch from \"./search\";\r\nimport { useMemo } from \"react\";\r\n\r\nconst AttributesFilter = ({\r\n  columnsData,\r\n  tableStates,\r\n  dropdownData,\r\n  searchTerm,\r\n  setSearchTerm,\r\n  tabValue,\r\n  onChangeFunction,\r\n  isFlatJson,\r\n}: AttributesFilterProps) => {\r\n  const { filterMaster, setFilterMaster, filters, setFilters } = tableStates;\r\n\r\n  const selectedAttribute = filterMaster?.attributes?.selected;\r\n\r\n  const currentRadio = useMemo(() => {\r\n    return Array.isArray(filterMaster?.attributes?.radio)\r\n      ? (filterMaster!.attributes!.radio as string[])\r\n      : [];\r\n  }, [filterMaster?.attributes?.radio]);\r\n\r\n  const handleSelectChange = (event: SelectChangeEvent) => {\r\n    const attributeKey = event.target.value as string;\r\n\r\n    const newFilterMasterState = {\r\n      ...filterMaster,\r\n      attributes: {\r\n        ...filterMaster?.attributes,\r\n        selected: attributeKey,\r\n        radio: [],\r\n      },\r\n    };\r\n\r\n    setFilterMaster(newFilterMasterState as FilterMasterStateProps);\r\n\r\n    const newState = {\r\n      filterMaster: newFilterMasterState,\r\n      filters: filters,\r\n    };\r\n\r\n    onChangeFunction && onChangeFunction(newState);\r\n  };\r\n\r\n  const handleSingleRadioSelect = (value: string) => {\r\n    const selectedAttr = filterMaster?.attributes.selected;\r\n    if (!selectedAttr) return;\r\n\r\n    const matchingColumn = columnsData?.column_list?.find(\r\n      (column) => column.datasource_list === selectedAttr\r\n    );\r\n    if (!matchingColumn) return;\r\n\r\n    let updatedFilters: FilterStateProps[] = [...filters];\r\n    let updatedRadio: string[] = [];\r\n\r\n    if (value === \"\") {\r\n      // If deselecting, remove the filter\r\n      updatedFilters = filters?.filter(\r\n        (f) => f.filter_attribute !== matchingColumn.attribute_key\r\n      );\r\n    } else {\r\n      // Else, replace with new single selection\r\n      const defaultOperator =\r\n        columnsData?.operation_list[matchingColumn.element_type]?.[0]?.value ||\r\n        \"in\";\r\n\r\n      const newFilter = {\r\n        ...matchingColumn,\r\n        filter_attribute: matchingColumn.attribute_key,\r\n        filter_operator: defaultOperator,\r\n        filter_value: [value],\r\n      };\r\n\r\n      const exists = filters?.some(\r\n        (f) => f?.filter_attribute === matchingColumn?.attribute_key\r\n      );\r\n      if (exists) {\r\n        updatedFilters = filters?.map((f) =>\r\n          f?.filter_attribute === matchingColumn?.attribute_key ? newFilter : f\r\n        ) as FilterStateProps[];\r\n      } else {\r\n        updatedFilters = [...filters, newFilter] as FilterStateProps[];\r\n      }\r\n\r\n      updatedRadio = [value];\r\n    }\r\n\r\n    setFilters(updatedFilters);\r\n\r\n    const updatedFilterMaster = {\r\n      ...filterMaster,\r\n      attributes: {\r\n        ...filterMaster.attributes,\r\n        radio: updatedRadio,\r\n      },\r\n      activeFilterTabIndex: tabValue as number,\r\n    };\r\n\r\n    setFilterMaster(updatedFilterMaster);\r\n\r\n    onChangeFunction &&\r\n      onChangeFunction({\r\n        filters: updatedFilters,\r\n        filterMaster: updatedFilterMaster,\r\n      });\r\n  };\r\n\r\n  const selectedAttributeOptions = useMemo(() => {\r\n    const selected = columnsData?.column_list?.find(\r\n      (col) => col.datasource_list === selectedAttribute\r\n    )?.attribute_key;\r\n\r\n    return selected ? dropdownData[selected] : [];\r\n  }, [selectedAttribute, dropdownData]);\r\n\r\n  return (\r\n    <Box\r\n      sx={{\r\n        display: \"flex\",\r\n        flexDirection: \"column\",\r\n        gap: \"1.25rem\",\r\n      }}\r\n      className=\"attributes-filter-component-wrapper\"\r\n    >\r\n      {/* Attribute Select Dropdown */}\r\n      <FormControl fullWidth size=\"small\">\r\n        <Select\r\n          value={selectedAttribute || \"\"}\r\n          onChange={handleSelectChange}\r\n          displayEmpty\r\n          renderValue={(selected) => {\r\n            if (!selected) {\r\n              return <span>Select Attribute</span>;\r\n            }\r\n            return columnsData?.column_list?.find(\r\n              (col) => col.datasource_list === selected\r\n            )?.name;\r\n          }}\r\n          sx={{\r\n            \"& .MuiOutlinedInput-root\": {\r\n              borderRadius: \"6px\",\r\n              fontSize: \"14px\",\r\n              bgcolor: \"#fafafa\",\r\n              \"& fieldset\": {\r\n                borderColor: \"#7a5af8 !important\",\r\n              },\r\n              \"&:hover fieldset\": {\r\n                borderColor: \"#7a5af8 !important\",\r\n              },\r\n              \"&.Mui-focused fieldset\": {\r\n                borderColor: \"#7a5af8 !important\",\r\n                boxShadow: \"none\",\r\n              },\r\n            },\r\n            \"& .MuiSelect-select\": {\r\n              padding: \"8px 14px\",\r\n            },\r\n          }}\r\n        >\r\n          {columnsData?.column_list\r\n            ?.filter((column) => column?.element_type?.includes(\"select\"))\r\n            .map((column, index) => (\r\n              <MenuItem\r\n                key={index}\r\n                value={column.datasource_list}\r\n                disabled={column.datasource_list === selectedAttribute}\r\n              >\r\n                {column.name}\r\n              </MenuItem>\r\n            ))}\r\n        </Select>\r\n      </FormControl>\r\n\r\n      {/* Search and Single Radio Options */}\r\n      <Box>\r\n        {selectedAttribute && (\r\n          <CustomSearch value={searchTerm} onChange={setSearchTerm} />\r\n        )}\r\n\r\n        {dropdownData && (\r\n          <Box\r\n            className=\"attributes-filter-list\"\r\n            sx={{ mt: 2, overflow: \"auto\", maxHeight: \"calc(100dvh - 300px)\" }}\r\n          >\r\n            <FormControl>\r\n              {selectedAttributeOptions\r\n                ?.filter((option) => {\r\n                  if (!searchTerm) return true;\r\n                  return option.label\r\n                    .toLowerCase()\r\n                    .includes(searchTerm.toLowerCase());\r\n                })\r\n                .map((option) => {\r\n                  const isSelected = currentRadio.includes(option.value);\r\n                  // const isSelected = currentFilterValue.includes(option.value);\r\n\r\n                  return (\r\n                    <FormControlLabel\r\n                      key={option.value}\r\n                      control={\r\n                        <Radio\r\n                          checked={isSelected}\r\n                          onClick={() =>\r\n                            isSelected\r\n                              ? handleSingleRadioSelect(\"\")\r\n                              : handleSingleRadioSelect(option.value)\r\n                          }\r\n                        />\r\n                      }\r\n                      label={option.label}\r\n                    />\r\n                  );\r\n                })}\r\n            </FormControl>\r\n          </Box>\r\n        )}\r\n      </Box>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default AttributesFilter;\r\n","export function deepMergeObjects<T>(target: T, source: Partial<T>): T {\r\n  const output = { ...target };\r\n  for (const key in source) {\r\n    if (\r\n      source[key] &&\r\n      typeof source[key] === \"object\" &&\r\n      !Array.isArray(source[key])\r\n    ) {\r\n      output[key] = deepMergeObjects(\r\n        (target as any)[key] || {},\r\n        (source as any)[key]\r\n      );\r\n    } else {\r\n      (output as any)[key] = source[key];\r\n    }\r\n  }\r\n  return output;\r\n}\r\n","import { Box } from \"@mui/material\";\r\nimport { FilterFormComponentProps } from \"../../../types/filter\";\r\nimport MainFilter from \"./main-filter\";\r\nimport SavedFilter from \"./saved-filter\";\r\nimport AttributesFilter from \"./attributes-filter\";\r\n\r\ninterface Props extends FilterFormComponentProps {\r\n  searchTerm: string;\r\n  setSearchTerm: React.Dispatch<React.SetStateAction<string>>;\r\n}\r\n\r\nconst SingleFilterRendering = ({\r\n  columnsData,\r\n  dropdownData,\r\n  tableStates,\r\n  onSaveFilterButtonClick,\r\n  onChangeFunction,\r\n  filterComponentOptions,\r\n  editMode,\r\n  setEditMode,\r\n  setDeleteFilterModalOpen,\r\n  tabValue,\r\n  searchTerm,\r\n  setSearchTerm,\r\n}: Props) => {\r\n  const showFilter = filterComponentOptions?.tabOptions?.showFilter;\r\n\r\n  const commonProps = {\r\n    columnsData,\r\n    dropdownData,\r\n    tableStates,\r\n    onChangeFunction,\r\n  };\r\n\r\n  const editProps = {\r\n    editMode,\r\n    setEditMode,\r\n    setDeleteFilterModalOpen,\r\n    tabValue,\r\n  };\r\n\r\n  const attributesProps = {\r\n    searchTerm,\r\n    setSearchTerm,\r\n    tabValue,\r\n  };\r\n\r\n  return (\r\n    <Box sx={{ padding: \"1.5rem 0.75rem\", height: \"100%\" }}>\r\n      {showFilter === \"main\" && (\r\n        <MainFilter\r\n          {...commonProps}\r\n          onSaveFilterButtonClick={onSaveFilterButtonClick}\r\n          filterComponentOptions={filterComponentOptions}\r\n        />\r\n      )}\r\n\r\n      {showFilter === \"saved\" && (\r\n        <SavedFilter\r\n          {...commonProps}\r\n          {...editProps}\r\n          onSaveFilterButtonClick={onSaveFilterButtonClick}\r\n          filterComponentOptions={filterComponentOptions}\r\n        />\r\n      )}\r\n\r\n      {showFilter === \"attributes\" && (\r\n        <AttributesFilter {...commonProps} {...attributesProps} />\r\n      )}\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default SingleFilterRendering;\r\n","import {\r\n  ChangeEvent,\r\n  Dispatch,\r\n  SetStateAction,\r\n  useEffect,\r\n  useState,\r\n} from \"react\";\r\nimport {\r\n  Box,\r\n  Button,\r\n  Checkbox,\r\n  Dialog,\r\n  DialogContent,\r\n  DialogTitle,\r\n  Divider,\r\n  FormControlLabel,\r\n  IconButton,\r\n  TextField,\r\n  Typography,\r\n} from \"@mui/material\";\r\nimport { CloseIcon } from \"../../../../assets/svg\";\r\nimport {\r\n  FilterFormComponentProps,\r\n  FilterMasterStateProps,\r\n} from \"../../../types/filter\";\r\nimport CalendarTodayIcon from \"@mui/icons-material/CalendarToday\";\r\nimport { USER_ID } from \"../../../libs/utils/common\";\r\n// import { set } from \"react-hook-form\";\r\n\r\nconst primary = \"#7A5AF8\";\r\n\r\ninterface SavedFilterModalViewProps {\r\n  open: boolean;\r\n  onClose: () => void;\r\n  onSave: () => void;\r\n  filterMaster: FilterMasterStateProps | null;\r\n  setFilterMaster: Dispatch<SetStateAction<FilterMasterStateProps | null>>;\r\n  columnsData: FilterFormComponentProps | undefined;\r\n  hasSavedFilters?: boolean;\r\n  forceShowSharingControls?: boolean;\r\n  disableShareFilter?: boolean;\r\n}\r\n\r\nconst SavedFilterModalView = ({\r\n  open,\r\n  onClose,\r\n  onSave,\r\n  filterMaster,\r\n  setFilterMaster,\r\n  columnsData,\r\n  disableShareFilter = false,\r\n  forceShowSharingControls = false,\r\n}: SavedFilterModalViewProps) => {\r\n  const [shareWithTeam, setShareWithTeam] = useState<boolean>(false);\r\n  const [allowTeamEdit, setAllowTeamEdit] = useState<boolean>(false);\r\n  const filterNameValue = filterMaster?.saved_filters?.selectedName ?? \"\";\r\n  const discriptionValue = filterMaster?.saved_filters?.description ?? \"\";\r\n\r\n  const isSaveDisabled =\r\n    !filterNameValue.trim() || (allowTeamEdit && !shareWithTeam);\r\n\r\n  const selectedFilterId = filterMaster?.saved_filters?.selectedId || \"\";\r\n\r\n  // Reset modal state when modal opens for a new filter\r\n  useEffect(() => {\r\n    if (!open) return;\r\n\r\n    const filterId = filterMaster?.saved_filters?.selectedId;\r\n    const filterObj1 = columnsData?.shared_filter?.find(\r\n      (f: any) => f.id === filterId\r\n    );\r\n    // NEW FILTER → RESET everything\r\n    if (!filterId && !filterObj1) {\r\n      setFilterMaster((prev: any) => {\r\n        if (!prev) return prev;\r\n        return {\r\n          ...prev,\r\n          saved_filters: {\r\n            ...(prev.saved_filters ?? {}),\r\n            selectedId: null,\r\n            selectedName: \"\",\r\n            description: \"\",\r\n            is_shared: false,\r\n            is_editable: false,\r\n          },\r\n        };\r\n      });\r\n      setShareWithTeam(false);\r\n      setAllowTeamEdit(false);\r\n      return;\r\n    }\r\n\r\n    // EXISTING FILTER → Load from columnsData.saved_filter\r\n    const filterObj = columnsData?.shared_filter?.find(\r\n      (f: any) => f.id === filterId\r\n    );\r\n    if (filterObj) {\r\n      setFilterMaster((prev) => {\r\n        if (!prev) return prev;\r\n        return {\r\n          ...prev,\r\n          saved_filters: {\r\n            ...(prev.saved_filters ?? {}),\r\n            selectedId: filterId,\r\n            selectedName: filterObj.name || \"\",\r\n            description: filterObj.description || \"\",\r\n            is_shared: filterObj.is_shared || false,\r\n            is_editable: filterObj.is_editable === \"true\",\r\n          },\r\n        };\r\n      });\r\n      // const initialShare = filterObj.is_shared ?? false;\r\n      // const initialAllow = initialShare\r\n      //   ? filterObj.is_editable === \"true\"\r\n      //   : false;\r\n      // setShareWithTeam(initialShare);\r\n      // setAllowTeamEdit(initialAllow);\r\n      const initialShare =\r\n        filterObj.is_shared === true || filterObj.is_shared === \"true\";\r\n      const initialAllow =\r\n        initialShare &&\r\n        (filterObj.is_editable === true || filterObj.is_editable === \"true\");\r\n\r\n      setShareWithTeam(initialShare);\r\n      setAllowTeamEdit(initialAllow);\r\n\r\n      persistPreferences(initialShare, initialAllow);\r\n    }\r\n  }, [\r\n    open,\r\n    columnsData,\r\n    filterMaster?.saved_filters?.selectedId,\r\n    setFilterMaster,\r\n  ]); // Added dependencies for loading\r\n\r\n  // Persist toggle state to filterMaster\r\n  const persistPreferences = (sharedValue: boolean, editableValue: boolean) => {\r\n    setFilterMaster((prev) => {\r\n      if (!prev) return prev;\r\n\r\n      return {\r\n        ...prev,\r\n        saved_filters: {\r\n          ...(prev.saved_filters ?? {}),\r\n          is_shared: sharedValue,\r\n          is_editable: editableValue,\r\n        },\r\n      };\r\n    });\r\n  };\r\n\r\n  // Handle Share Toggle\r\n\r\n  const handleShareToggle = (\r\n    _: ChangeEvent<HTMLInputElement>,\r\n    checked: boolean\r\n  ) => {\r\n    setShareWithTeam(checked);\r\n\r\n    const nextAllow = checked ? allowTeamEdit : false;\r\n    setAllowTeamEdit(nextAllow);\r\n\r\n    persistPreferences(checked, nextAllow);\r\n  };\r\n\r\n  // Handle Allow Edit Toggle\r\n\r\n  const handleAllowEditToggle = (\r\n    _: ChangeEvent<HTMLInputElement>,\r\n    checked: boolean\r\n  ) => {\r\n    if (!shareWithTeam) return; // Cannot enable edit without sharing\r\n\r\n    setAllowTeamEdit(checked);\r\n    persistPreferences(shareWithTeam, checked);\r\n  };\r\n\r\n  const shouldShowSharingControls = forceShowSharingControls || true; // always show\r\n\r\n  const getModalTitle = () => {\r\n    const selectedId = filterMaster?.saved_filters?.selectedId;\r\n\r\n    if (!selectedId) return \"Save Filter\"; // new filter\r\n\r\n    const filterObj = columnsData?.shared_filter?.find(\r\n      (f: any) => f.id === selectedId\r\n    );\r\n    if (filterObj?.is_shared) {\r\n      return \"Shared Filter\";\r\n    }\r\n    return \"My Filter\";\r\n  };\r\n\r\n  const handleSave = () => {\r\n    persistPreferences(shareWithTeam, allowTeamEdit);\r\n    onSave(); // call original save handler\r\n  };\r\n\r\n  // Get the selected filter object from columnsData.saved_filter\r\n  const selectedFilter = columnsData?.shared_filter?.find(\r\n    (f: any) => f.id === selectedFilterId\r\n  );\r\n\r\n  const selectedSavedFilter = columnsData?.shared_filter?.find(\r\n    (f: any) => f.id === selectedFilterId\r\n  );\r\n\r\n  const isOwner = String(selectedSavedFilter?.is_owner) === \"true\";\r\n\r\n  // Check if we should show prefields\r\n  const showPrefields =\r\n    (selectedSavedFilter && selectedSavedFilter.is_editable === \"true\") ||\r\n    selectedSavedFilter;\r\n\r\n  // Disable checkboxes if prefields are shown\r\n  const showCheckboxes = !showPrefields;\r\n\r\n  const isNewFilter = !selectedSavedFilter;\r\n\r\n  const isshow = isOwner;\r\n\r\n  return (\r\n    <Dialog open={open} onClose={onClose} maxWidth=\"sm\" fullWidth>\r\n      <DialogTitle sx={{ display: \"flex\", justifyContent: \"space-between\" }}>\r\n        <Typography fontSize={18} fontWeight={600} marginTop={1}>\r\n          {getModalTitle()}\r\n        </Typography>\r\n        <Box onClick={onClose} sx={{ cursor: \"pointer\" }}>\r\n          <CloseIcon />\r\n        </Box>\r\n      </DialogTitle>\r\n\r\n      <Divider sx={{ mx: \"25px\", my: \"2px\", bgcolor: \"#f9f7f727\" }} />\r\n\r\n      <DialogContent sx={{ pt: 0 }}>\r\n        <Typography my={1} fontSize={\"14px\"}>\r\n          Give a name to this filter so you can easily reuse it later.\r\n        </Typography>\r\n        {/* Filter Name */}\r\n        <Typography mt={2} fontSize={11}>\r\n          Filter Name\r\n        </Typography>\r\n        <TextField\r\n          fullWidth\r\n          size=\"small\"\r\n          value={filterNameValue}\r\n          onChange={(e) =>\r\n            setFilterMaster((prev) => {\r\n              if (!prev) return prev;\r\n              return {\r\n                ...prev,\r\n                saved_filters: {\r\n                  ...(prev.saved_filters ?? {}),\r\n                  selectedName: e.target.value,\r\n                },\r\n              };\r\n            })\r\n          }\r\n          sx={{\r\n            mb: 0,\r\n            \"& .MuiOutlinedInput-root\": {\r\n              width: \"50%\",\r\n              \"& fieldset\": { borderColor: \"#888\" },\r\n              \"&:hover fieldset\": { borderColor: \"black\" },\r\n              \"&.Mui-focused fieldset\": { borderColor: primary },\r\n              \"& .MuiInputBase-input\": { fontSize: \"12px\" },\r\n            },\r\n          }}\r\n        />\r\n        {/* Description */}\r\n        <Typography mt={2} fontSize={11}>\r\n          Description\r\n        </Typography>\r\n        <TextField\r\n          fullWidth\r\n          minRows={3}\r\n          value={discriptionValue}\r\n          size=\"small\"\r\n          sx={{\r\n            mb: 1,\r\n            \"& .MuiOutlinedInput-root\": {\r\n              \"& fieldset\": { borderColor: \"#888\" },\r\n              \"&:hover fieldset\": { borderColor: \"black\" },\r\n              \"&.Mui-focused fieldset\": { borderColor: primary },\r\n            },\r\n          }}\r\n          onChange={(e) => {\r\n            const val = e.target.value;\r\n\r\n            // block more than 200 chars\r\n            if (val.length > 200) return;\r\n\r\n            setFilterMaster((prev) => {\r\n              if (!prev) return prev;\r\n              return {\r\n                ...prev,\r\n                saved_filters: {\r\n                  ...(prev.saved_filters ?? {}),\r\n                  description: val,\r\n                },\r\n              };\r\n            });\r\n          }}\r\n        />\r\n\r\n        <Typography sx={{ mb: 1, fontSize: 12, color: \"#888\" }}>\r\n          (Max. 200 Characters)\r\n        </Typography>\r\n        {/* Sharing Controls */}\r\n        {shouldShowSharingControls &&\r\n          (showCheckboxes || isshow) &&\r\n          !disableShareFilter && (\r\n            <Box\r\n              sx={{\r\n                display: \"flex\",\r\n                flexDirection: \"column\",\r\n                gap: 0.5,\r\n                \"& .MuiFormControlLabel-label\": { fontSize: \"14px\" },\r\n              }}\r\n            >\r\n              <FormControlLabel\r\n                control={\r\n                  <Checkbox\r\n                    size=\"small\"\r\n                    checked={shareWithTeam}\r\n                    onChange={handleShareToggle}\r\n                    sx={{\r\n                      color: \"black\",\r\n                      \"&.Mui-checked\": { color: \"black\" },\r\n                    }}\r\n                  />\r\n                }\r\n                label=\"Share with team member.\"\r\n              />\r\n\r\n              {shareWithTeam && (\r\n                <FormControlLabel\r\n                  control={\r\n                    <Checkbox\r\n                      size=\"small\"\r\n                      checked={allowTeamEdit}\r\n                      onChange={handleAllowEditToggle}\r\n                      sx={{\r\n                        color: \"black\",\r\n                        \"&.Mui-checked\": { color: \"black\" },\r\n                      }}\r\n                    />\r\n                  }\r\n                  label=\"Allow editing to Team member\"\r\n                />\r\n              )}\r\n            </Box>\r\n          )}\r\n        {/* prefields */}\r\n        {showPrefields && !isshow && (\r\n          <Box\r\n            sx={{\r\n              display: \"grid\",\r\n              gridTemplateColumns: \"1fr 1fr\",\r\n              gap: 3,\r\n              mt: 2,\r\n            }}\r\n          >\r\n            <Box>\r\n              <Typography\r\n                sx={{\r\n                  fontSize: \"14px\",\r\n                  fontWeight: 500,\r\n                  color: \"#6b6b6b\",\r\n                  mb: 0.5,\r\n                }}\r\n              >\r\n                Created On*\r\n              </Typography>\r\n\r\n              <TextField\r\n                fullWidth\r\n                size=\"small\"\r\n                value={\r\n                  selectedFilter?.created_date\r\n                    ? new Date(selectedFilter.created_date).toLocaleString()\r\n                    : \"\"\r\n                } // format date\r\n                InputProps={{\r\n                  readOnly: true,\r\n                  endAdornment: (\r\n                    <IconButton size=\"small\">\r\n                      <CalendarTodayIcon fontSize=\"small\" />\r\n                    </IconButton>\r\n                  ),\r\n                  sx: {\r\n                    backgroundColor: \"#0E0C0B0F\",\r\n                    borderRadius: \"4px\",\r\n                  },\r\n                }}\r\n              />\r\n            </Box>\r\n\r\n            <Box>\r\n              <Typography\r\n                sx={{\r\n                  fontSize: \"14px\",\r\n                  fontWeight: 500,\r\n                  color: \"#6b6b6b\",\r\n                  mb: 0.5,\r\n                }}\r\n              >\r\n                Created By*\r\n              </Typography>\r\n              <TextField\r\n                fullWidth\r\n                size=\"small\"\r\n                value={selectedFilter?.created_by || \"\"}\r\n                InputProps={{\r\n                  readOnly: true,\r\n                  sx: {\r\n                    backgroundColor: \"#0E0C0B0F\",\r\n                    borderRadius: \"4px\",\r\n                  },\r\n                }}\r\n              />\r\n            </Box>\r\n\r\n            <Box>\r\n              <Typography\r\n                sx={{\r\n                  fontSize: \"14px\",\r\n                  fontWeight: 500,\r\n                  color: \"#6b6b6b\",\r\n                  mb: 0.5,\r\n                }}\r\n              >\r\n                Modified On*\r\n              </Typography>\r\n\r\n              <TextField\r\n                fullWidth\r\n                size=\"small\"\r\n                value={\r\n                  selectedFilter?.modified_date\r\n                    ? new Date(selectedFilter.modified_date).toLocaleString()\r\n                    : \"\"\r\n                }\r\n                InputProps={{\r\n                  readOnly: true,\r\n                  endAdornment: (\r\n                    <IconButton size=\"small\">\r\n                      <CalendarTodayIcon fontSize=\"small\" />\r\n                    </IconButton>\r\n                  ),\r\n\r\n                  sx: {\r\n                    backgroundColor: \"#0E0C0B0F\",\r\n                    borderRadius: \"4px\",\r\n                  },\r\n                }}\r\n              />\r\n            </Box>\r\n\r\n            <Box>\r\n              <Typography\r\n                sx={{\r\n                  fontSize: \"14px\",\r\n                  fontWeight: 500,\r\n                  color: \"#6b6b6b\",\r\n                  mb: 0.5,\r\n                }}\r\n              >\r\n                Modified By*\r\n              </Typography>\r\n              <TextField\r\n                fullWidth\r\n                size=\"small\"\r\n                value={selectedFilter?.modified_by || \"\"}\r\n                InputProps={{\r\n                  readOnly: true,\r\n                  sx: {\r\n                    backgroundColor: \"#0E0C0B0F\",\r\n                    borderRadius: \"4px\",\r\n                  },\r\n                }}\r\n              />\r\n            </Box>\r\n          </Box>\r\n        )}\r\n        {/* Buttons */}\r\n        <Box\r\n          sx={{ display: \"flex\", justifyContent: \"flex-end\", gap: 1, mt: 3 }}\r\n        >\r\n          <Button\r\n            variant=\"outlined\"\r\n            onClick={onClose}\r\n            sx={{\r\n              borderColor: primary,\r\n              color: primary,\r\n              \"&:hover\": {\r\n                borderColor: primary,\r\n                backgroundColor: \"rgba(122, 90, 248, 0.04)\",\r\n              },\r\n            }}\r\n          >\r\n            Cancel\r\n          </Button>\r\n\r\n          <Button\r\n            variant=\"contained\"\r\n            onClick={handleSave}\r\n            disabled={isSaveDisabled}\r\n            sx={{\r\n              backgroundColor: primary,\r\n              \"&:hover\": { backgroundColor: \"#6A4DE8\" },\r\n              \"&.Mui-disabled\": {\r\n                backgroundColor: \"#d7cefd\",\r\n                color: \"rgba(255, 255, 255, 0.7)\",\r\n              },\r\n            }}\r\n          >\r\n            Save\r\n          </Button>\r\n        </Box>\r\n      </DialogContent>\r\n    </Dialog>\r\n  );\r\n};\r\n\r\nexport default SavedFilterModalView;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { Box, IconButton, Typography } from \"@mui/material\";\r\nimport CloseIcon from \"@mui/icons-material/Close\";\r\nimport {\r\n  FilterComponentOptions,\r\n  FilterDrawerProps,\r\n  FilterMasterStateProps,\r\n} from \"../../types/filter\";\r\nimport ConfirmModal, { InputField } from \"../common/confirm-modal\";\r\nimport CustomTabPanel from \"./components/tabs/custom-tab-panel\";\r\nimport CustomTabs, { TabItem } from \"./components/tabs/index\";\r\nimport MainFilter from \"./components/main-filter\";\r\nimport SavedFilter from \"./components/saved-filter\";\r\nimport AttributesFilter from \"./components/attributes-filter\";\r\nimport { filterStyles } from \"./style\";\r\nimport { deepMergeObjects } from \"../../libs/utils/deep-merge-objects\";\r\nimport SingleFilterRendering from \"./components/single-filter-rendering\";\r\nimport SavedFilterModalView from \"../common/saved-filter-modal\";\r\n\r\nexport function TableFilter({\r\n  onClose,\r\n  columnsData,\r\n  tableStates,\r\n  onDeleteFilter,\r\n  onSaveFilter,\r\n  onUpdateFilter,\r\n  dropdownData,\r\n  onChangeFunction,\r\n  filterComponentOptions,\r\n  isFlatJson,\r\n}: FilterDrawerProps) {\r\n  const [tabValue, setTabValue] = useState(0);\r\n  const [editMode, setEditMode] = useState(false);\r\n\r\n  // remove this\r\n  const [saveFilterModalOpen, setSaveFilterModalOpen] = useState(false);\r\n  const [savedFilterModalOpen, setSavedFilterModalOpen] = useState(false);\r\n\r\n  const [deleteFilterModalOpen, setDeleteFilterModalOpen] = useState(false);\r\n\r\n  const [searchTerm, setSearchTerm] = useState<string>(\"\");\r\n\r\n  const {\r\n    filters,\r\n    setFilters,\r\n    filterToDelete,\r\n    filterMaster,\r\n    setFilterMaster,\r\n    setShowFilterOption,\r\n  } = tableStates;\r\n\r\n  const defaultOptions: FilterComponentOptions = {\r\n    showMainHeader: true,\r\n    mainHeaderTitle: \"Filter\",\r\n    showTabs: true,\r\n    tabOptions: {\r\n      isSingleFilter: false,\r\n      disableShareFilter: false,\r\n      isSingleEntity: false,\r\n      showFilter: \"main\",\r\n      mainFilter: {\r\n        showSaveButton: true,\r\n        showClearAllButton: true,\r\n      },\r\n      savedFilter: {\r\n        showBackButton: true,\r\n        editMode: false,\r\n      },\r\n    },\r\n    showMainFilter: true,\r\n    showSavedFilter: true,\r\n    showAttributesFilter: true,\r\n  };\r\n\r\n  const finalComponentOptions = deepMergeObjects<FilterComponentOptions>(\r\n    defaultOptions,\r\n    filterComponentOptions ?? {}\r\n  );\r\n\r\n  const showMainHeader = finalComponentOptions?.showMainHeader;\r\n  const mainHeaderTitle = finalComponentOptions?.mainHeaderTitle;\r\n  const showTabs = finalComponentOptions?.showTabs;\r\n  const showMainFilter = showTabs && finalComponentOptions?.showMainFilter;\r\n  const showSavedFilter = showTabs && finalComponentOptions?.showSavedFilter;\r\n  const showAttributesFilter =\r\n    showTabs && finalComponentOptions?.showAttributesFilter;\r\n  const editModeFromTabOptions =\r\n    finalComponentOptions?.tabOptions?.savedFilter?.editMode;\r\n\r\n  useEffect(() => {\r\n    if (editModeFromTabOptions) {\r\n      setEditMode(editModeFromTabOptions);\r\n    }\r\n  }, [editModeFromTabOptions]);\r\n\r\n  // Map tabs to type\r\n  const tabMapping: TabItem[] = [];\r\n  if (showMainFilter) tabMapping.push({ label: \"Filter\" });\r\n  if (showSavedFilter) tabMapping.push({ label: \"Saved Filter\" });\r\n  if (showAttributesFilter) tabMapping.push({ label: \"Attributes\" });\r\n\r\n  const clearAttributeRadio = () => {\r\n    const newFilterMaster = {\r\n      ...filterMaster,\r\n      attributes: {\r\n        ...filterMaster?.attributes,\r\n        radio: [],\r\n      },\r\n      activeFilterTabIndex: 0,\r\n    };\r\n\r\n    setFilterMaster(newFilterMaster as FilterMasterStateProps);\r\n  };\r\n\r\n  const filterNameInput: InputField = {\r\n    label: \"Filter Name\",\r\n    placeholder: 'e.g., \"Website Leads - This Week\"',\r\n    required: true,\r\n    type: \"text\",\r\n  };\r\n\r\n  const hasSavedFilterRecords = Boolean(columnsData?.saved_filter?.length);\r\n\r\n  // const handleSaveFilterButtonClick = () => {\r\n  //   if (editMode) {\r\n  //     setSavedFilterModalOpen(true);\r\n  //     return;\r\n  //   }\r\n\r\n  //   setSavedFilterModalOpen(true);\r\n  // };\r\n\r\n  // const handleSaveFilterButtonClick = () => {\r\n  //   // Reset filterMaster fields when creating a new filter\r\n  //   if (!editMode) {\r\n  //     setFilterMaster((prev) => ({\r\n  //       ...prev,\r\n  //       saved_filters: {\r\n  //         selectedId: \"\",\r\n  //         selectedName: \"\",\r\n  //         selectedCode: \"\",\r\n  //         description: \"\",\r\n  //         shareWithTeam: false,\r\n  //         allowTeamEdit: false,\r\n  //       },\r\n  //     }));\r\n  //   }\r\n\r\n  //   setSavedFilterModalOpen(true);\r\n  // };\r\n\r\n  const handleSaveFilterButtonClick = () => {\r\n    if (!editMode) {\r\n      setFilterMaster((prev) => {\r\n        if (!prev) return prev;\r\n\r\n        return {\r\n          ...prev,\r\n          saved_filters: {\r\n            ...prev.saved_filters,\r\n            shareWithTeam: false,\r\n            allowTeamEdit: false,\r\n          },\r\n        };\r\n      });\r\n    }\r\n\r\n    setSavedFilterModalOpen(true);\r\n  };\r\n\r\n  const handleSavedFilterModalSave = () => {\r\n    const selectedId = filterMaster?.saved_filters?.selectedId;\r\n    const selectedName = filterMaster?.saved_filters?.selectedName || \"\";\r\n    const description = filterMaster?.saved_filters?.description || \"\";\r\n\r\n    const selectedCode = filterMaster?.saved_filters?.selectedCode;\r\n\r\n    const newFilterMasterState = {\r\n      ...filterMaster,\r\n      saved_filters: {\r\n        ...(filterMaster?.saved_filters ?? {}),\r\n        selectedId,\r\n        selectedName,\r\n        selectedCode,\r\n        description,\r\n      },\r\n    } as FilterMasterStateProps;\r\n\r\n    setFilterMaster(newFilterMasterState);\r\n\r\n    const newState = {\r\n      filterMaster: newFilterMasterState,\r\n      filters,\r\n    };\r\n\r\n    onChangeFunction && onChangeFunction(newState);\r\n\r\n    if (editMode) {\r\n      onUpdateFilter && onUpdateFilter(selectedName);\r\n      const isSingleSavedFilterEditMode =\r\n        filterComponentOptions?.tabOptions?.savedFilter?.editMode;\r\n      if (!isSingleSavedFilterEditMode) {\r\n        setEditMode(false);\r\n      }\r\n    } else {\r\n      onSaveFilter && onSaveFilter(selectedName);\r\n      setTabValue(1);\r\n    }\r\n\r\n    setSavedFilterModalOpen(false);\r\n  };\r\n\r\n  const handleTabChange = (_: React.SyntheticEvent, newValue: number) => {\r\n    const tabType = tabMapping[newValue]?.label;\r\n\r\n    if (tabType === \"Attributes\" && tabMapping[tabValue]?.label === \"Filter\") {\r\n      clearAttributeRadio();\r\n    }\r\n\r\n    setTabValue(newValue);\r\n    if (newValue === 0) {\r\n      setFilterMaster((prev) => {\r\n        if (!prev) return prev;\r\n        return {\r\n          ...prev,\r\n          saved_filters: {\r\n            ...(prev.saved_filters ?? {}),\r\n            selectedId: \"\",\r\n            selectedName: \"\",\r\n            description: \"\",\r\n            is_shared: false,\r\n            is_editable: false,\r\n          },\r\n        };\r\n      });\r\n    }\r\n\r\n    if (tabType === \"Filter\") {\r\n      setEditMode(false);\r\n\r\n      setFilterMaster(\r\n        (prev) =>\r\n          ({ ...prev, activeFilterTabIndex: 0 } as FilterMasterStateProps)\r\n      );\r\n    }\r\n  };\r\n\r\n  const handleTabCrossClick = (index: number) => {\r\n    const tabType = tabMapping[index];\r\n\r\n    setFilters([]);\r\n\r\n    if (tabType?.label === \"Saved Filter\") setEditMode(false);\r\n\r\n    const patches: Partial<FilterMasterStateProps> = {};\r\n\r\n    if (tabType?.label === \"Saved Filter\") {\r\n      patches.saved_filters = {\r\n        ...(filterMaster?.saved_filters ?? {}),\r\n        selectedId: \"\",\r\n        selectedName: \"\",\r\n        selectedCode: \"\",\r\n        is_shared: undefined,\r\n        is_editable: undefined,\r\n      };\r\n    } else if (tabType?.label === \"Attributes\") {\r\n      patches.attributes = { radio: [], selected: \"\" };\r\n    }\r\n\r\n    const newFilterMasterState = {\r\n      ...filterMaster,\r\n      activeFilterTabIndex: -1,\r\n      ...patches,\r\n    } as FilterMasterStateProps;\r\n\r\n    setFilterMaster(newFilterMasterState);\r\n\r\n    onChangeFunction &&\r\n      onChangeFunction({ filterMaster: newFilterMasterState, filters });\r\n  };\r\n\r\n  const commonProps = {\r\n    columnsData,\r\n    tableStates,\r\n    onChangeFunction,\r\n    dropdownData,\r\n  };\r\n\r\n  const savedFilterProps = {\r\n    editMode,\r\n    setEditMode,\r\n    setDeleteFilterModalOpen,\r\n    tabValue,\r\n  };\r\n\r\n  const attributesProps = {\r\n    searchTerm,\r\n    setSearchTerm,\r\n  };\r\n\r\n  return (\r\n    <Box sx={filterStyles.filterContainer}>\r\n      {showMainHeader && (\r\n        <Box sx={filterStyles.filterMainHeader}>\r\n          <Typography variant=\"h6\" fontWeight=\"bold\" fontSize=\"18px\">\r\n            {mainHeaderTitle}\r\n          </Typography>\r\n          <IconButton\r\n            onClick={(e) => {\r\n              e.stopPropagation();\r\n              onClose && onClose();\r\n              setShowFilterOption(false);\r\n            }}\r\n            aria-label=\"close\"\r\n          >\r\n            <CloseIcon fontSize=\"small\" />\r\n          </IconButton>\r\n        </Box>\r\n      )}\r\n\r\n      {showTabs && (\r\n        <CustomTabs\r\n          value={tabValue}\r\n          onChange={handleTabChange}\r\n          tabItems={tabMapping}\r\n          activeFilterIndex={filterMaster?.activeFilterTabIndex ?? 0}\r\n          handleCrossClick={handleTabCrossClick}\r\n        />\r\n      )}\r\n\r\n      {!showTabs && (\r\n        <SingleFilterRendering\r\n          {...commonProps}\r\n          {...savedFilterProps}\r\n          {...attributesProps}\r\n          onSaveFilterButtonClick={handleSaveFilterButtonClick}\r\n          filterComponentOptions={finalComponentOptions}\r\n        />\r\n      )}\r\n\r\n      {showMainFilter && (\r\n        <CustomTabPanel\r\n          value={tabValue}\r\n          index={tabMapping.findIndex((tab) => tab.label === \"Filter\")}\r\n          sx={{ p: \"1.5rem 0.75rem\" }}\r\n        >\r\n          <MainFilter\r\n            {...commonProps}\r\n            onSaveFilterButtonClick={handleSaveFilterButtonClick}\r\n            filterComponentOptions={finalComponentOptions}\r\n            isFlatJson={isFlatJson}\r\n          />\r\n        </CustomTabPanel>\r\n      )}\r\n\r\n      {showSavedFilter && (\r\n        <CustomTabPanel\r\n          value={tabValue}\r\n          index={tabMapping.findIndex((tab) => tab.label === \"Saved Filter\")}\r\n          sx={{ p: \"1.5rem 0.75rem\" }}\r\n        >\r\n          <SavedFilter\r\n            {...commonProps}\r\n            {...savedFilterProps}\r\n            onSaveFilterButtonClick={handleSaveFilterButtonClick}\r\n            filterComponentOptions={finalComponentOptions}\r\n            isFlatJson={isFlatJson}\r\n          />\r\n        </CustomTabPanel>\r\n      )}\r\n\r\n      {showAttributesFilter && (\r\n        <CustomTabPanel\r\n          value={tabValue}\r\n          index={tabMapping.findIndex((tab) => tab.label === \"Attributes\")}\r\n          sx={{ p: \"1.5rem 0.75rem\" }}\r\n        >\r\n          <AttributesFilter\r\n            {...commonProps}\r\n            {...attributesProps}\r\n            tabValue={tabValue}\r\n            isFlatJson={isFlatJson}\r\n          />\r\n        </CustomTabPanel>\r\n      )}\r\n\r\n      {!filterComponentOptions?.isRuleEngine && (\r\n        <ConfirmModal\r\n          open={saveFilterModalOpen}\r\n          onClose={() => setSaveFilterModalOpen(false)}\r\n          title={editMode ? \"Replace Existing Filter ?\" : \"Save Filter\"}\r\n          description={\r\n            editMode\r\n              ? \"You already have a filter applied. Applying a new filter will replace the current one. Do you want to continue?\"\r\n              : \"Give a name to this filter so you can easily reuse it later.\"\r\n          }\r\n          buttons={[\r\n            {\r\n              label: \"Cancel\",\r\n              onClick: () => {\r\n                setSaveFilterModalOpen(false);\r\n              },\r\n              variant: \"outlined\",\r\n              color: \"primary\",\r\n              sx: {\r\n                color: \"#7A5AF8\",\r\n                border: `1px solid #7A5AF8`,\r\n              },\r\n            },\r\n            {\r\n              label: editMode ? \"Replace Filter\" : \"Save\",\r\n              onClick: (inputValue) => {\r\n                if (editMode) {\r\n                  const selectedId = filterMaster?.saved_filters?.selectedId;\r\n                  const selectedName =\r\n                    inputValue || filterMaster?.saved_filters?.selectedName;\r\n                  const selectedCode =\r\n                    filterMaster?.saved_filters?.selectedCode;\r\n                  const description =\r\n                    inputValue || filterMaster?.saved_filters?.description;\r\n\r\n                  const newFilterMasterState = {\r\n                    ...filterMaster,\r\n                    saved_filters: {\r\n                      ...(filterMaster?.saved_filters ?? {}),\r\n                      selectedId,\r\n                      selectedName,\r\n                      selectedCode,\r\n                      description,\r\n                    },\r\n                  } as FilterMasterStateProps;\r\n\r\n                  setFilterMaster(newFilterMasterState);\r\n\r\n                  const newState = {\r\n                    filterMaster: newFilterMasterState,\r\n                    filters: filters,\r\n                  };\r\n\r\n                  onChangeFunction && onChangeFunction(newState);\r\n\r\n                  onUpdateFilter && onUpdateFilter(inputValue || \"\");\r\n                  setSaveFilterModalOpen(false);\r\n                  setEditMode(false);\r\n                  return;\r\n                }\r\n\r\n                onSaveFilter && onSaveFilter(inputValue || \"\");\r\n                setSaveFilterModalOpen(false);\r\n                setTabValue(1);\r\n              },\r\n              variant: \"contained\",\r\n              color: \"primary\",\r\n              sx: {\r\n                color: \"white\",\r\n                backgroundColor: editMode ? \"#7A5AF8\" : \"#7A5AF8\",\r\n              },\r\n            },\r\n          ]}\r\n          input={editMode ? undefined : filterNameInput}\r\n        />\r\n      )}\r\n\r\n      {!filterComponentOptions?.isRuleEngine && (\r\n        <ConfirmModal\r\n          open={deleteFilterModalOpen}\r\n          onClose={() => setDeleteFilterModalOpen(false)}\r\n          title=\"Delete Saved Filter?\"\r\n          description={`You're about to delete the saved filter: \"${\r\n            filterToDelete?.label || \"[Filter Name]\"\r\n          }\". This action cannot be undone. Are you sure you want to continue?`}\r\n          buttons={[\r\n            {\r\n              label: \"Cancel\",\r\n              onClick: () => {\r\n                setDeleteFilterModalOpen(false);\r\n              },\r\n              variant: \"outlined\",\r\n              color: \"primary\",\r\n              sx: { color: \"#7A5AF8\", border: `1px solid #7A5AF8` },\r\n            },\r\n            {\r\n              label: \"Delete\",\r\n              onClick: () => {\r\n                onDeleteFilter && onDeleteFilter();\r\n                setDeleteFilterModalOpen(false);\r\n                setEditMode && setEditMode(false);\r\n              },\r\n              variant: \"contained\",\r\n              sx: {\r\n                color: \"white\",\r\n                backgroundColor: \"#f63d68\",\r\n                \"&:hover\": { backgroundColor: \"#f63d68\" },\r\n              },\r\n            },\r\n          ]}\r\n          maxWidth=\"xs\"\r\n        />\r\n      )}\r\n\r\n      {filterComponentOptions?.isRuleEngine && (\r\n        <ConfirmModal\r\n          open={saveFilterModalOpen}\r\n          onClose={() => setSaveFilterModalOpen(false)}\r\n          title={\r\n            editMode\r\n              ? filterComponentOptions?.recordFilterComponentProps?.edit\r\n                  ?.title || \"Replace Existing Filter ?\"\r\n              : filterComponentOptions?.recordFilterComponentProps?.save\r\n                  ?.title || \"Save Filter\"\r\n          }\r\n          description={\r\n            editMode\r\n              ? filterComponentOptions?.recordFilterComponentProps?.edit\r\n                  ?.description ||\r\n                \"You already have a filter applied. Applying a new filter will replace the current one. Do you want to continue?\"\r\n              : filterComponentOptions?.recordFilterComponentProps?.save\r\n                  ?.description ||\r\n                \"Give a name to this filter so you can easily reuse it later.\"\r\n          }\r\n          buttons={[\r\n            {\r\n              label:\r\n                filterComponentOptions?.recordFilterComponentProps?.save.button\r\n                  ?.primary || \"Cancel\",\r\n              onClick: () => {\r\n                setSaveFilterModalOpen(false);\r\n              },\r\n              variant: \"outlined\",\r\n              color: \"primary\",\r\n              sx: {\r\n                color: \"#7A5AF8\",\r\n                border: `1px solid #7A5AF8`,\r\n              },\r\n            },\r\n            {\r\n              label: editMode\r\n                ? filterComponentOptions?.recordFilterComponentProps?.edit\r\n                    .button?.secondary || \"Replace Filter\"\r\n                : filterComponentOptions?.recordFilterComponentProps?.save\r\n                    .button?.secondary || \"Save\",\r\n              onClick: (inputValue) => {\r\n                if (editMode) {\r\n                  const selectedId = filterMaster?.saved_filters?.selectedId;\r\n                  const selectedName =\r\n                    inputValue || filterMaster?.saved_filters?.selectedName;\r\n                  const selectedCode =\r\n                    filterMaster?.saved_filters?.selectedCode;\r\n\r\n                  const newFilterMasterState = {\r\n                    ...filterMaster,\r\n                    saved_filters: {\r\n                      ...(filterMaster?.saved_filters ?? {}),\r\n                      selectedId,\r\n                      selectedName,\r\n                      selectedCode,\r\n                    },\r\n                  } as FilterMasterStateProps;\r\n\r\n                  setFilterMaster(newFilterMasterState);\r\n\r\n                  const newState = {\r\n                    filterMaster: newFilterMasterState,\r\n                    filters: filters,\r\n                  };\r\n\r\n                  onChangeFunction && onChangeFunction(newState);\r\n\r\n                  onUpdateFilter && onUpdateFilter(inputValue || \"\");\r\n                  setSaveFilterModalOpen(false);\r\n                  let isSingleSavedFilterEditMode =\r\n                    filterComponentOptions?.tabOptions?.savedFilter?.editMode;\r\n                  if (!isSingleSavedFilterEditMode) setEditMode(false);\r\n                  return;\r\n                }\r\n\r\n                onSaveFilter && onSaveFilter(inputValue || \"\");\r\n                setSaveFilterModalOpen(false);\r\n                setTabValue(1);\r\n              },\r\n              variant: \"contained\",\r\n              color: \"primary\",\r\n              sx: {\r\n                color: \"white\",\r\n                backgroundColor: editMode ? \"#7A5AF8\" : \"#7A5AF8\",\r\n              },\r\n            },\r\n          ]}\r\n          input={editMode ? undefined : filterNameInput}\r\n        />\r\n      )}\r\n\r\n      {filterComponentOptions?.isRuleEngine && (\r\n        <ConfirmModal\r\n          open={deleteFilterModalOpen}\r\n          onClose={() => setDeleteFilterModalOpen(false)}\r\n          title={\r\n            filterComponentOptions?.recordFilterComponentProps?.delete.title ||\r\n            \"Delete Saved Filter?\"\r\n          }\r\n          description={\r\n            filterComponentOptions?.recordFilterComponentProps?.delete\r\n              .description ||\r\n            `You're about to delete the saved filter: \"${\r\n              filterToDelete?.label || \"[Filter Name]\"\r\n            }\". This action cannot be undone. Are you sure you want to continue?`\r\n          }\r\n          buttons={[\r\n            {\r\n              label:\r\n                filterComponentOptions?.recordFilterComponentProps?.delete\r\n                  .button?.primary || \"Cancel\",\r\n              onClick: () => {\r\n                setDeleteFilterModalOpen(false);\r\n              },\r\n              variant: \"outlined\",\r\n              color: \"primary\",\r\n              sx: { color: \"#7A5AF8\", border: `1px solid #7A5AF8` },\r\n            },\r\n            {\r\n              label:\r\n                filterComponentOptions?.recordFilterComponentProps?.delete\r\n                  .button?.secondary || \"Delete\",\r\n              onClick: () => {\r\n                onDeleteFilter && onDeleteFilter();\r\n                setDeleteFilterModalOpen(false);\r\n                let isSingleSavedFilterEditMode =\r\n                  filterComponentOptions?.tabOptions?.savedFilter?.editMode;\r\n                if (!isSingleSavedFilterEditMode) {\r\n                  setEditMode && setEditMode(false);\r\n                }\r\n              },\r\n              variant: \"contained\",\r\n              sx: {\r\n                color: \"white\",\r\n                backgroundColor: \"#f63d68\",\r\n                \"&:hover\": { backgroundColor: \"#f63d68\" },\r\n              },\r\n            },\r\n          ]}\r\n          maxWidth=\"xs\"\r\n        />\r\n      )}\r\n      <SavedFilterModalView\r\n        open={savedFilterModalOpen}\r\n        onClose={() => setSavedFilterModalOpen(false)}\r\n        onSave={handleSavedFilterModalSave}\r\n        filterMaster={tableStates.filterMaster}\r\n        setFilterMaster={tableStates.setFilterMaster}\r\n        hasSavedFilters={hasSavedFilterRecords}\r\n        columnsData={columnsData}\r\n        disableShareFilter={\r\n          filterComponentOptions?.tabOptions?.disableShareFilter\r\n        }\r\n      />\r\n    </Box>\r\n  );\r\n}\r\n","import { SxProps, Theme } from \"@mui/material\";\r\n\r\ninterface VerticalTabStyleProps {\r\n  mainTabsContainer: SxProps<Theme>;\r\n  mainTabContainer: SxProps<Theme>;\r\n  mainTabLabel: SxProps<Theme>;\r\n}\r\n\r\nexport const verticalTabStyles: VerticalTabStyleProps = {\r\n  mainTabsContainer: {\r\n    backgroundColor: \"#FAFAF9\",\r\n    height: \"100%\",\r\n    minWidth: \"6.75rem\",\r\n    position: \"sticky\",\r\n    top: \"0\",\r\n    left: \"0\",\r\n\r\n    \"& .MuiTabs-indicator\": {\r\n      display: \"none\",\r\n    },\r\n  },\r\n\r\n  mainTabContainer: {\r\n    borderRadius: \"0.375rem\",\r\n    padding: \"0.5rem 1.25rem\",\r\n    alignItems: \"flex-start\",\r\n    color: \"rgba(14, 12, 11, 0.9)\",\r\n    textTransform: \"initial\",\r\n    minHeight: \"38px\",\r\n\r\n    \"&.Mui-selected\": {\r\n      backgroundColor: \"rgba(122, 90, 248, 0.16)\",\r\n      color: \"#7A5AF8\",\r\n      borderRadius: \"0.375rem\",\r\n    },\r\n  },\r\n\r\n  mainTabLabel: {},\r\n};\r\n\r\ninterface HorizontalTabStyleProps {\r\n  mainTabsContainer: SxProps<Theme>;\r\n  mainTabContainer: SxProps<Theme>;\r\n  mainTabLabel: SxProps<Theme>;\r\n}\r\n\r\nexport const horizontalTabStyles: HorizontalTabStyleProps = {\r\n  mainTabsContainer: {\r\n    mb: 2,\r\n    \"& .MuiTab-root\": {\r\n      color: \"#0E0C0BE5\",\r\n      textTransform: \"none\",\r\n      fontWeight: 500,\r\n    },\r\n    \"& .Mui-selected\": {\r\n      color: \"#7A5AF8\",\r\n    },\r\n    \"& .MuiTabs-indicator\": {\r\n      backgroundColor: \"#7A5AF8\",\r\n      height: 3,\r\n    },\r\n  },\r\n\r\n  mainTabContainer: {},\r\n\r\n  mainTabLabel: {},\r\n};\r\n","import { Tabs, Tab, TabsProps, Box } from \"@mui/material\";\r\nimport { verticalTabStyles } from \"../styles\";\r\n\r\ninterface StyledTabsProps extends TabsProps {\r\n  tabItems: { label: string }[];\r\n}\r\n\r\nconst CustomVerticalTabs = ({ tabItems, ...props }: StyledTabsProps) => {\r\n  const { value, onChange } = props;\r\n\r\n  return (\r\n    <Tabs\r\n      value={value}\r\n      onChange={onChange}\r\n      aria-label=\"vertical-tabs\"\r\n      orientation=\"vertical\"\r\n      variant=\"scrollable\"\r\n      sx={verticalTabStyles.mainTabsContainer}\r\n      {...props}\r\n    >\r\n      {tabItems.map((tab, idx) => {\r\n        return (\r\n          <Tab\r\n            key={idx}\r\n            sx={verticalTabStyles.mainTabContainer}\r\n            label={\r\n              <Box sx={verticalTabStyles.mainTabLabel}>\r\n                <span>{tab.label}</span>\r\n              </Box>\r\n            }\r\n          />\r\n        );\r\n      })}\r\n    </Tabs>\r\n  );\r\n};\r\n\r\nexport default CustomVerticalTabs;\r\n","import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\n\r\ninterface TabPanelProps {\r\n  children?: React.ReactNode;\r\n  index: number;\r\n  value: number;\r\n}\r\n\r\nconst CustomTabPanel = ({\r\n  children,\r\n  value,\r\n  index,\r\n  ...props\r\n}: TabPanelProps) => {\r\n  return (\r\n    <Box\r\n      role=\"tabpanel\"\r\n      hidden={value !== index}\r\n      id={`simple-tabpanel-${index}`}\r\n      aria-labelledby={`simple-tab-${index}`}\r\n      {...props}\r\n      sx={{ height: \"100%\" }}\r\n    >\r\n      {value === index && children}\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default CustomTabPanel;\r\n","import React from \"react\";\r\nimport { useSortable } from \"@dnd-kit/sortable\";\r\nimport { CSS } from \"@dnd-kit/utilities\";\r\nimport { Box } from \"@mui/material\";\r\nimport { DragIndicator } from \"@mui/icons-material\";\r\n\r\nexport interface SortableFilterItemProps {\r\n  id: string;\r\n  containerId: string;\r\n  children: React.ReactNode;\r\n}\r\n\r\nconst DraggableListItem = ({\r\n  id,\r\n  containerId,\r\n  children,\r\n}: SortableFilterItemProps) => {\r\n  const {\r\n    attributes,\r\n    listeners,\r\n    setNodeRef,\r\n    transform,\r\n    transition,\r\n    isDragging,\r\n  } = useSortable({\r\n    id,\r\n    data: {\r\n      type: \"filter-item\",\r\n      containerId,\r\n      id,\r\n    },\r\n  });\r\n\r\n  const style = {\r\n    transform: CSS.Transform.toString(transform),\r\n    transition,\r\n    opacity: isDragging ? 0.8 : 1,\r\n  };\r\n\r\n  return (\r\n    <Box\r\n      ref={setNodeRef}\r\n      style={style}\r\n      {...attributes}\r\n      sx={{\r\n        display: \"flex\",\r\n        alignItems: \"center\",\r\n        justifyContent: \"space-between\",\r\n        \"&:hover\": { bgcolor: \"#f5f5f5\" },\r\n        borderRadius: 1,\r\n        marginBottom: 1,\r\n        cursor: isDragging ? \"grabbing\" : \"default\",\r\n        boxShadow: isDragging ? \"0 2px 8px rgba(0,0,0,0.1)\" : \"none\",\r\n      }}\r\n    >\r\n      <Box\r\n        {...listeners}\r\n        sx={{ cursor: \"grab\", display: \"flex\", alignItems: \"center\" }}\r\n      >\r\n        <DragIndicator sx={{ mr: 1, color: \"#ccc\" }} />\r\n      </Box>\r\n      {children}\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default DraggableListItem;\r\n","import { SxProps, Theme } from \"@mui/material\";\r\n\r\ninterface DialogStyleProps {\r\n  dialogTitle: SxProps<Theme>;\r\n  dialogContent: SxProps<Theme>;\r\n  dialogActionsButton: SxProps<Theme>;\r\n}\r\n\r\ninterface ListingValuesStyleProps {\r\n  wrapper: SxProps<Theme>;\r\n  heading: SxProps<Theme>;\r\n  button: SxProps<Theme>;\r\n  draggableContainer: SxProps<Theme>;\r\n  draggableCover: SxProps<Theme>;\r\n  itemLabel: SxProps<Theme>;\r\n  headerContainer: SxProps<Theme>;\r\n}\r\ninterface TabStyleProps {\r\n  mainTabsHeader: SxProps<Theme>;\r\n  mainTabSelect: SxProps<Theme>;\r\n  mainTabDropdown: SxProps<Theme>;\r\n  selectDropdownSeparator: SxProps<Theme>;\r\n  checkboxStyle: SxProps<Theme>;\r\n}\r\n\r\nexport const dialogStyles: DialogStyleProps = {\r\n  dialogTitle: {\r\n    backgroundColor: \"#FBFBFC\",\r\n    display: \"flex\",\r\n    justifyContent: \"space-between\",\r\n    alignItems: \"center\",\r\n    padding: \"0.75rem\",\r\n  },\r\n\r\n  dialogContent: {\r\n    display: \"flex\",\r\n    gap: \"1rem\",\r\n    paddingTop: \"1rem !important\",\r\n  },\r\n\r\n  dialogActionsButton: {\r\n    backgroundColor: \"#7A5AF8\",\r\n    color: \"#fff\",\r\n  },\r\n};\r\n\r\nexport const listingValuesStyles: ListingValuesStyleProps = {\r\n  wrapper: {\r\n    border: \"0.5px solid #0E0C0B1F\",\r\n    borderRadius: \"8px\",\r\n    // minHeight: \"10rem\",\r\n    backgroundColor: \"#fdfdfc\",\r\n    zIndex: 10,\r\n    overflow: \"hidden\",\r\n  },\r\n  heading: { fontWeight: 400, color: \"#0E0C0BB2\", fontSize: \"16px\" },\r\n  button: { fontSize: \"13px\", textTransform: \"none\", color: \"#0E0C0BB2\" },\r\n  draggableContainer: {\r\n    maxHeight: 200,\r\n    borderRadius: 1,\r\n    mt: 2,\r\n    transition: \"background-color 0.2s ease\",\r\n  },\r\n  draggableCover: {\r\n    minHeight: \"200px\",\r\n    maxHeight: \"200px\",\r\n    overflowY: \"auto\",\r\n  },\r\n  itemLabel: { display: \"flex\", alignItems: \"center\", flex: 1 },\r\n  headerContainer: {\r\n    display: \"flex\",\r\n    justifyContent: \"space-between\",\r\n    alignItems: \"center\",\r\n    mb: 2,\r\n  },\r\n};\r\n\r\nexport const TabsStyles: TabStyleProps = {\r\n  mainTabsHeader: {\r\n    fontStyle: \"italic\",\r\n    fontWeight: 400,\r\n    fontSize: \"12px\",\r\n    color: \"#0E0C0BB2\",\r\n  },\r\n  mainTabDropdown: {\r\n    display: \"flex\",\r\n    alignItems: \"center\",\r\n    justifyContent: \"space-between\",\r\n    width: \"50%\",\r\n    paddingRight: 1,\r\n  },\r\n  mainTabSelect: {\r\n    width: \"65%\",\r\n    \"& .MuiOutlinedInput-root\": {\r\n      borderRadius: \"6px\",\r\n      \"&.Mui-focused .MuiOutlinedInput-notchedOutline\": {\r\n        borderColor: \"#7A5AF8\",\r\n      },\r\n    },\r\n  },\r\n\r\n  selectDropdownSeparator: {\r\n    width: \"30%\",\r\n    \"& .MuiOutlinedInput-root\": {\r\n      borderRadius: \"6px\",\r\n      \"&.Mui-focused .MuiOutlinedInput-notchedOutline\": {\r\n        borderColor: \"#7A5AF8\",\r\n      },\r\n    },\r\n  },\r\n\r\n  checkboxStyle: {\r\n    display: \"flex\",\r\n    flexDirection: \"column\",\r\n  },\r\n};\r\n","import {\r\n  Alert,\r\n  Box,\r\n  Button,\r\n  Grid,\r\n  IconButton,\r\n  Typography,\r\n} from \"@mui/material\";\r\nimport CustomSearch from \"../../filter/components/search/index.tsx\";\r\nimport {\r\n  SortableContext,\r\n  verticalListSortingStrategy,\r\n} from \"@dnd-kit/sortable\";\r\nimport { useDroppable } from \"@dnd-kit/core\";\r\nimport DraggableListItem from \"./draggable-listitem.tsx\";\r\nimport { listingValuesStyles } from \"../style.ts\";\r\nimport Loader from \"../../common/loader/loader.tsx\";\r\nimport { ClosedEyeIcon, EyeIcon } from \"../../../../assets/svg.tsx\";\r\nimport React from \"react\";\r\n``;\r\n\r\ninterface FilterValue {\r\n  label: string;\r\n  value: string;\r\n}\r\n\r\ninterface ListingValuesProps {\r\n  filteredValues: FilterValue[];\r\n  buttonText: string;\r\n  onClick: () => void;\r\n  headerText: string;\r\n  searchTerm?: string;\r\n  setSearchTerm?: React.Dispatch<React.SetStateAction<string>>;\r\n  containerId: string;\r\n  tabsApiDataLoading?: boolean;\r\n  onItemToggle: (\r\n    item: { label: string; value: string },\r\n    fromContainerId: string\r\n  ) => void;\r\n  enableDragAndDrop?: boolean;\r\n  isQuickTabActive?: boolean;\r\n  AlertComponenet?: React.ReactNode;\r\n}\r\n\r\nconst ListingValuesContent = ({\r\n  item,\r\n  containerId,\r\n  onItemToggle,\r\n}: {\r\n  item: FilterValue;\r\n  containerId: string;\r\n  onItemToggle: (\r\n    item: { label: string; value: string },\r\n    fromContainerId: string\r\n  ) => void;\r\n}) => {\r\n  return (\r\n    <Box\r\n      sx={{\r\n        display: \"flex\",\r\n        alignItems: \"center\",\r\n        justifyContent: \"space-between\",\r\n        gap: 1,\r\n        flex: 1,\r\n        color: containerId === \"tabs\" ? \"black\" : \"#9e9d9b\",\r\n      }}\r\n    >\r\n      <Typography>{item.label}</Typography>\r\n      <IconButton size=\"small\" onClick={() => onItemToggle(item, containerId)}>\r\n        {containerId === \"tabs\" ? <EyeIcon /> : <ClosedEyeIcon />}\r\n      </IconButton>\r\n    </Box>\r\n  );\r\n};\r\n\r\nconst ListingValues = ({\r\n  filteredValues,\r\n  buttonText,\r\n  onClick,\r\n  headerText,\r\n  searchTerm,\r\n  setSearchTerm,\r\n  containerId,\r\n  tabsApiDataLoading,\r\n  onItemToggle,\r\n  enableDragAndDrop = true,\r\n  AlertComponenet,\r\n}: ListingValuesProps) => {\r\n  const { setNodeRef } = useDroppable({\r\n    id: containerId,\r\n    data: {\r\n      type: \"container\",\r\n      containerId: containerId,\r\n    },\r\n  });\r\n\r\n  return (\r\n    <Grid size={6} sx={listingValuesStyles.wrapper}>\r\n      {tabsApiDataLoading ? (\r\n        <Loader />\r\n      ) : (\r\n        <>\r\n          <Box\r\n            sx={{\r\n              p: 2,\r\n              // border: \"1px solid #1a191934\",\r\n              backgroundColor: \"#fdfdfc\",\r\n              borderRadius: \"12px\",\r\n              top: 2,\r\n              // height: \"100%\",\r\n            }}\r\n          >\r\n            <Box sx={listingValuesStyles.headerContainer}>\r\n              <Typography variant=\"h6\" sx={listingValuesStyles.heading}>\r\n                {headerText}\r\n              </Typography>\r\n              <Button\r\n                onClick={onClick}\r\n                variant=\"text\"\r\n                size=\"small\"\r\n                sx={listingValuesStyles.button}\r\n                disabled={filteredValues.length === 0}\r\n              >\r\n                {buttonText}\r\n              </Button>\r\n            </Box>\r\n\r\n            {searchTerm !== undefined && setSearchTerm !== undefined && (\r\n              <CustomSearch value={searchTerm} onChange={setSearchTerm} />\r\n            )}\r\n\r\n            <Box ref={setNodeRef} sx={listingValuesStyles.draggableContainer}>\r\n              {enableDragAndDrop ? (\r\n                <SortableContext\r\n                  items={filteredValues.map((item) => item.value)}\r\n                  strategy={verticalListSortingStrategy}\r\n                >\r\n                  <Box sx={listingValuesStyles.draggableCover}>\r\n                    {filteredValues.map((item) => (\r\n                      <DraggableListItem\r\n                        key={item.value}\r\n                        id={item.value}\r\n                        containerId={containerId}\r\n                      >\r\n                        <ListingValuesContent\r\n                          item={item}\r\n                          containerId={containerId}\r\n                          onItemToggle={onItemToggle}\r\n                        />\r\n                      </DraggableListItem>\r\n                    ))}\r\n                  </Box>\r\n                </SortableContext>\r\n              ) : (\r\n                <Box sx={listingValuesStyles.draggableCover}>\r\n                  {filteredValues?.length > 0 &&\r\n                    filteredValues.map((item) => (\r\n                      <ListingValuesContent\r\n                        key={item.value}\r\n                        item={item}\r\n                        containerId={containerId}\r\n                        onItemToggle={onItemToggle}\r\n                      />\r\n                    ))}\r\n                </Box>\r\n              )}\r\n            </Box>\r\n          </Box>\r\n          {AlertComponenet && AlertComponenet}\r\n        </>\r\n      )}\r\n    </Grid>\r\n  );\r\n};\r\n\r\nexport default ListingValues;\r\n","import { Alert, Box } from \"@mui/material\";\r\n\r\ninterface InfoAlertProps {\r\n  message: string;\r\n  width?: string | number;\r\n  top?: number | string;\r\n  color?: string;\r\n  zIndex?: number;\r\n  position?: \"absolute\" | \"relative\" | \"fixed\" | \"sticky\";\r\n}\r\n\r\nconst InfoAlert = ({\r\n  message,\r\n  width = \"100%\",\r\n  top = 10,\r\n  color = \"#088AB2\",\r\n  zIndex = -1,\r\n  position = \"absolute\",\r\n}: InfoAlertProps) => {\r\n  return (\r\n    <Box\r\n      sx={{\r\n        fontSize: \"12px\",\r\n        color,\r\n        width,\r\n        height: \"fit-content\",\r\n        position,\r\n        zIndex,\r\n        top,\r\n      }}\r\n    >\r\n      <Alert sx={{ borderRadius: \"12px 12px 0 0 !important\" }} severity=\"info\">\r\n        {message}\r\n      </Alert>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default InfoAlert;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport {\r\n  Box,\r\n  Select,\r\n  MenuItem,\r\n  FormControl,\r\n  Typography,\r\n  Checkbox,\r\n  FormControlLabel,\r\n  Grid,\r\n  Alert,\r\n} from \"@mui/material\";\r\n\r\nimport ListingValues from \"../common/listing-values\";\r\nimport {\r\n  DndContext,\r\n  closestCenter,\r\n  KeyboardSensor,\r\n  MouseSensor,\r\n  TouchSensor,\r\n  useSensor,\r\n  useSensors,\r\n  DragEndEvent,\r\n} from \"@dnd-kit/core\";\r\nimport {\r\n  QuickTabConfigProps,\r\n  SettingsQuickTabProps,\r\n} from \"../../../types/filter-settings\";\r\nimport { TabsStyles } from \"../style\";\r\nimport InfoAlert from \"../common/info-alert\";\r\nimport { useFullscreenPopoverContainer } from \"../../../libs/hooks/useFullScreen\";\r\nimport { ColumnItem } from \"./column\";\r\n\r\nconst QuickTab = ({\r\n  filterSettingStates,\r\n  columnsData,\r\n  tabsApiData,\r\n  tabsApiDataLoading,\r\n  activeTab,\r\n  columnTabAttributes,\r\n  isFlatJson,\r\n}: SettingsQuickTabProps) => {\r\n  const {\r\n    settingsData,\r\n    setSettingsData,\r\n    saveButtonError,\r\n    setSaveButtonError,\r\n    columnTabState,\r\n    sortingTabState,\r\n  } = filterSettingStates;\r\n  const { container: fullscreenContainer } = useFullscreenPopoverContainer();\r\n\r\n  const [searchTerm, setSearchTerm] = useState<string>(\"\");\r\n  const [currentQuickAttribute, setCurrentQuickAttribute] = useState<string>(\r\n    settingsData?.quick_tab?.attribute || \"\"\r\n  );\r\n\r\n  const quickTabStates = settingsData?.quick_tab as QuickTabConfigProps;\r\n  const mappedColumns: ColumnItem[] =\r\n    columnTabAttributes?.map((column) => ({\r\n      label: column?.name,\r\n      value: column?.attribute_key,\r\n    })) || [];\r\n  // const activeTabIndex = filterSettingStates?.columnTabState?.tabs?.findIndex(\r\n  //   (tab) => tab?.tab_name?.value == activeTab\r\n  //   // tab?.tab_name?.label?.toLowerCase() == activeTab?.toLowerCase()\r\n  // );\r\n  // In case there is no quick tab state from API\r\n  const normalizeTabItem = (item: any) => ({\r\n    label: item.label,\r\n    value: isFlatJson ? item.label : item.value,\r\n  });\r\n  useEffect(() => {\r\n    const stateToArray =\r\n      (quickTabStates && Object.entries(quickTabStates)) || [];\r\n    const isEmptyState = stateToArray.length ? false : true;\r\n\r\n    if (isEmptyState) {\r\n      setSettingsData((prev) => ({\r\n        ...prev,\r\n        quick_tab: {\r\n          ...prev?.quick_tab,\r\n          attribute: columnsData[0]?.value,\r\n          sorting: \"asc\",\r\n        },\r\n      }));\r\n    }\r\n  }, [columnsData]);\r\n\r\n  // When user changes attribute\r\n  useEffect(() => {\r\n    if (currentQuickAttribute === settingsData?.quick_tab?.attribute) return;\r\n\r\n    const normalizedTabs = tabsApiData?.map(normalizeTabItem) || [];\r\n\r\n    if (tabsApiData?.length) {\r\n      setSettingsData((prev) => ({\r\n        ...prev,\r\n        quick_tab: {\r\n          ...prev?.quick_tab,\r\n          hide_list: normalizedTabs,\r\n          show_list: [],\r\n        },\r\n      }));\r\n\r\n      setCurrentQuickAttribute(settingsData?.quick_tab?.attribute || \"\");\r\n    } else {\r\n      setSettingsData((prev) => ({\r\n        ...prev,\r\n        quick_tab: {\r\n          ...prev?.quick_tab,\r\n          hide_list: [],\r\n          show_list: [],\r\n        },\r\n      }));\r\n\r\n      setCurrentQuickAttribute(\"\");\r\n    }\r\n  }, [tabsApiData]);\r\n\r\n  // Validation when user changes show list or hide list\r\n  useEffect(() => {\r\n    const showList = quickTabStates?.show_list || [];\r\n    const hideList = quickTabStates?.hide_list || [];\r\n\r\n    if (showList || hideList) {\r\n      // Check if showList is valid (between 1 and 5 items)\r\n      const isValidShowList = showList.length > 0 && showList.length <= 5;\r\n      const ERROR_CODE = \"quick_tab_error\";\r\n\r\n      if (!isValidShowList) {\r\n        const errorMessage = {\r\n          type: ERROR_CODE,\r\n          message:\r\n            showList.length === 0\r\n              ? \"Quick Tab: Please select at least one item\"\r\n              : \"Quick Tab: Please select no more than 5 items\",\r\n        };\r\n\r\n        // Check if the error is already present in the messages array\r\n        const hasQuickTabError = saveButtonError?.messages?.some(\r\n          (message) => message.type === ERROR_CODE\r\n        );\r\n\r\n        // Update the error state\r\n\r\n        // Later we can use this to show error message when we will make error logic more simple\r\n        // setSaveButtonError((prev) => {\r\n        //   const otherMessages =\r\n        //     prev?.messages?.filter((message) => message.type !== ERROR_CODE) ||\r\n        //     [];\r\n\r\n        //   return {\r\n        //     ...prev,\r\n        //     hasError: true,\r\n        //     messages: hasQuickTabError\r\n        //       ? [...prev?.messages]\r\n        //       : [...otherMessages, errorMessage],\r\n        //   };\r\n        // });\r\n      } else {\r\n        const hasOtherMessages = saveButtonError?.messages?.some(\r\n          (message) => message.type !== ERROR_CODE\r\n        );\r\n        // Reset error state if the list is valid\r\n        // setSaveButtonError((prev) => ({\r\n        //   ...prev,\r\n        //   hasError: hasOtherMessages,\r\n        //   messages:\r\n        //     prev?.messages?.filter((message) => message.type !== ERROR_CODE) ||\r\n        //     [],\r\n        // }));\r\n      }\r\n    }\r\n  }, [quickTabStates?.hide_list, quickTabStates?.show_list]);\r\n\r\n  const sortingOptions = [\r\n    { label: \"A-Z\", value: \"asc\" },\r\n    { label: \"Z-A\", value: \"dsc\" },\r\n    { label: \"Count (Ascending)\", value: \"count_asc\" },\r\n    { label: \"Count (Descending)\", value: \"count_dsc\" },\r\n    { label: \"Custom\", value: \"custom\" },\r\n  ];\r\n\r\n  // Convert show_list/hide_list to FilterValue[] for rendering only\r\n\r\n  const constructHideList = () => {\r\n    const normalizedTabs = tabsApiData?.map(normalizeTabItem) || [];\r\n\r\n    // remove items already in show_list (value-safe comparison)\r\n    return normalizedTabs?.filter(\r\n      (tab) => !showListValues?.some((i) => i?.value === tab?.value)\r\n    );\r\n  };\r\n\r\n  const showListValues = quickTabStates?.show_list || [];\r\n  const hideListValues = constructHideList() || [];\r\n\r\n  const sensors = useSensors(\r\n    useSensor(MouseSensor),\r\n    useSensor(TouchSensor),\r\n    useSensor(KeyboardSensor)\r\n  );\r\n\r\n  // Drag and drop logic, update only local state\r\n  const handleDragEnd = (event: DragEndEvent) => {\r\n    const { active, over } = event;\r\n    if (!over) return;\r\n\r\n    const currentContainer = active.data.current?.containerId;\r\n    const overContainer = over.data.current?.containerId;\r\n\r\n    if (!currentContainer || !overContainer) return;\r\n\r\n    let newShowList = [...(quickTabStates.show_list ?? [])];\r\n    let newHideList = [...(quickTabStates.hide_list ?? [])];\r\n\r\n    // -------------------------------------\r\n    // CASE 1: REORDER INSIDE SAME LIST\r\n    // -------------------------------------\r\n    if (currentContainer === overContainer) {\r\n      if (currentContainer === \"list\") {\r\n        const oldIndex = newHideList.findIndex((i) => i.value === active.id);\r\n        const newIndex = newHideList.findIndex((i) => i.value === over.id);\r\n\r\n        if (oldIndex !== -1 && newIndex !== -1) {\r\n          const [removed] = newHideList.splice(oldIndex, 1);\r\n          newHideList.splice(newIndex, 0, removed);\r\n        }\r\n      } else {\r\n        const oldIndex = newShowList.findIndex((i) => i.value === active.id);\r\n        const newIndex = newShowList.findIndex((i) => i.value === over.id);\r\n\r\n        if (oldIndex !== -1 && newIndex !== -1) {\r\n          const [removed] = newShowList.splice(oldIndex, 1);\r\n          newShowList.splice(newIndex, 0, removed);\r\n        }\r\n      }\r\n    }\r\n\r\n    // -------------------------------------\r\n    // CASE 2: MOVE BETWEEN LISTS\r\n    // -------------------------------------\r\n    if (currentContainer !== overContainer) {\r\n      if (currentContainer === \"list\" && overContainer === \"tabs\") {\r\n        if (newShowList.length < 5) {\r\n          const idx = newHideList.findIndex(\r\n            (i) => i.value === String(active.id)\r\n          );\r\n          if (idx !== -1) {\r\n            const item = newHideList.splice(idx, 1)[0];\r\n            newShowList.push(item);\r\n\r\n            // 🌟 ALSO create sorting tab entry if missing\r\n            // if (!settingsData?.sorting?.isDefault) {\r\n            //   const exists = settingsData.sorting?.tabs?.some(\r\n            //     (t) => t.tab_name.value === item.value\r\n            //   );\r\n\r\n            //   if (!exists) {\r\n            //     settingsData?.sorting.tabs.push({\r\n            //       tab_name: item,\r\n            //       sortby: [{ column: \"\", order: \"asc\" }],\r\n            //     });\r\n            //   }\r\n            // }\r\n\r\n            setSettingsData((prev) => {\r\n              let updatedSorting = prev.sorting;\r\n              let updatedColumn = prev.column;\r\n\r\n              // ---------------------------------------------------\r\n              // ⭐ Add to sorting.tabs (if not default and not exist)\r\n              // ---------------------------------------------------\r\n              if (!prev?.sorting?.isDefault) {\r\n                const sortingExists = prev.sorting?.tabs?.some(\r\n                  (t) => t.tab_name.value === item.value\r\n                );\r\n\r\n                if (!sortingExists) {\r\n                  updatedSorting = {\r\n                    ...prev.sorting,\r\n                    tabs: [\r\n                      ...prev.sorting.tabs,\r\n                      {\r\n                        tab_name: item,\r\n                        sortby: [],\r\n                      },\r\n                    ],\r\n                  };\r\n                }\r\n              }\r\n\r\n              // ---------------------------------------------------\r\n              // ⭐ Add to column.tabs (if not default and not exist)\r\n              // ---------------------------------------------------\r\n              if (!prev?.column?.isDefault) {\r\n                const columnExists = prev.column?.tabs?.some(\r\n                  (t) => t.tab_name.value === item.value\r\n                );\r\n\r\n                if (!columnExists) {\r\n                  updatedColumn = {\r\n                    ...prev.column,\r\n                    tabs: [\r\n                      ...prev.column.tabs,\r\n                      {\r\n                        tab_name: item,\r\n                        show_list: mappedColumns,\r\n                        hide_list: [],\r\n                      },\r\n                    ],\r\n                  };\r\n                }\r\n              }\r\n\r\n              // ---------------------------------------------------\r\n              // ⭐ FINAL RETURN\r\n              // ---------------------------------------------------\r\n              return {\r\n                ...prev,\r\n                sorting: updatedSorting,\r\n                column: updatedColumn,\r\n              };\r\n            });\r\n          }\r\n        }\r\n      } else if (currentContainer === \"tabs\" && overContainer === \"list\") {\r\n        const idx = newShowList.findIndex((i) => i.value === String(active.id));\r\n        if (idx !== -1) {\r\n          const item = newShowList.splice(idx, 1)[0];\r\n          newHideList.push(item);\r\n          setSettingsData((prev) => {\r\n            let updatedSorting = prev.sorting;\r\n            let updatedColumn = prev.column;\r\n\r\n            // ---------------------------------------------------\r\n            // Remove from sorting.tabs (if not default)\r\n            // ---------------------------------------------------\r\n            if (!prev?.sorting?.isDefault) {\r\n              updatedSorting = {\r\n                ...prev.sorting,\r\n                tabs: prev?.sorting?.tabs?.filter(\r\n                  (t) => t.tab_name?.value !== item?.value\r\n                ),\r\n              };\r\n            }\r\n\r\n            // ---------------------------------------------------\r\n            // Remove from column.tabs (if not default)\r\n            // ---------------------------------------------------\r\n            if (!prev?.column?.isDefault) {\r\n              updatedColumn = {\r\n                ...prev.column,\r\n                tabs: prev?.column?.tabs?.filter(\r\n                  (t) => t.tab_name?.value !== item?.value\r\n                ),\r\n              };\r\n            }\r\n\r\n            // ---------------------------------------------------\r\n            // ⭐ FINAL RETURN\r\n            // ---------------------------------------------------\r\n            return {\r\n              ...prev,\r\n              sorting: updatedSorting,\r\n              column: updatedColumn,\r\n            };\r\n          });\r\n        }\r\n      }\r\n    }\r\n\r\n    // ----------------------------------------------------------\r\n    // ⭐ APPLY MASTER UPDATE (with isDefault CHECK for columns)\r\n    // ----------------------------------------------------------\r\n    setSettingsData((prev) => {\r\n      let updatedColumn = prev.column;\r\n\r\n      // -----------------------------------------\r\n      // ⭐ COLUMN REORDER (only if NOT default)\r\n      // -----------------------------------------\r\n      if (!prev?.column?.isDefault) {\r\n        updatedColumn = {\r\n          ...prev.column,\r\n          tabs: prev.column?.tabs\r\n            ? [...prev.column.tabs].sort((a, b) => {\r\n                const i1 = newShowList.findIndex(\r\n                  (t) => t.value === a.tab_name.value\r\n                );\r\n                const i2 = newShowList.findIndex(\r\n                  (t) => t.value === b.tab_name.value\r\n                );\r\n                return i1 - i2;\r\n              })\r\n            : [],\r\n        };\r\n      }\r\n\r\n      // -----------------------------------------\r\n      // ⭐ SORTING REORDER (same pattern as column)\r\n      // -----------------------------------------\r\n      const updatedSorting = (() => {\r\n        // If default → clear tabs\r\n        if (prev.sorting?.isDefault) {\r\n          return {\r\n            isDefault: true,\r\n            sort_by: prev.sorting?.sort_by || \"asc\",\r\n          };\r\n        }\r\n\r\n        // If custom → reorder tabs based on newShowList\r\n        const sorted = {\r\n          ...prev.sorting,\r\n          tabs: prev.sorting?.tabs\r\n            ? [...prev.sorting.tabs].sort((a, b) => {\r\n                const i1 = newShowList.findIndex(\r\n                  (t) => t.value === a.tab_name.value\r\n                );\r\n                const i2 = newShowList.findIndex(\r\n                  (t) => t.value === b.tab_name.value\r\n                );\r\n                return i1 - i2;\r\n              })\r\n            : [],\r\n        };\r\n        return sorted;\r\n      })();\r\n\r\n      // FINAL RETURN\r\n      return {\r\n        ...prev,\r\n        quick_tab: {\r\n          ...prev.quick_tab,\r\n          show_list: newShowList,\r\n          hide_list: newHideList,\r\n        },\r\n        column: updatedColumn,\r\n        sorting: updatedSorting,\r\n      };\r\n    });\r\n  };\r\n\r\n  const filteredListValues = hideListValues.filter((value) =>\r\n    value?.label?.toLowerCase().includes(searchTerm.toLowerCase())\r\n  );\r\n\r\n  // Show All/Hide All logic (local only)\r\n  const handleShowAll = () => {\r\n    const currentShowList = quickTabStates.show_list || [];\r\n    const currentHideList = quickTabStates.hide_list || [];\r\n\r\n    const availableSlots = 5 - currentShowList.length;\r\n\r\n    if (availableSlots <= 0) return; // Already at limit\r\n\r\n    const limitedHideList = currentHideList.slice(0, availableSlots);\r\n\r\n    setSettingsData((prev) => ({\r\n      ...prev,\r\n      quick_tab: {\r\n        ...prev?.quick_tab,\r\n        show_list: [...currentShowList, ...limitedHideList],\r\n        hide_list: currentHideList.filter(\r\n          (item) => !limitedHideList.find((i) => i.value === item.value)\r\n        ),\r\n      },\r\n    }));\r\n  };\r\n\r\n  const handleHideAll = () => {\r\n    setSettingsData((prev) => {\r\n      const updatedQuickTab = {\r\n        ...prev?.quick_tab,\r\n        hide_list: [\r\n          ...(prev?.quick_tab?.hide_list || []),\r\n          ...(prev?.quick_tab?.show_list || []),\r\n        ],\r\n        show_list: [],\r\n      };\r\n\r\n      // Reset only the lists, not the whole structure\r\n      const updatedColumn = (() => {\r\n        if (prev?.column?.isDefault) {\r\n          return {\r\n            ...prev.column,\r\n            show_list: [],\r\n            hide_list: [\r\n              ...(prev.column?.hide_list || []),\r\n              ...(prev.column?.show_list || []),\r\n            ],\r\n          };\r\n        }\r\n\r\n        // Tab mode → reset each tab's field lists\r\n        const updatedTabs = prev?.column?.tabs?.map((t) => ({\r\n          ...t,\r\n          show_list: [],\r\n          hide_list: [...(t.hide_list || []), ...(t.show_list || [])],\r\n        }));\r\n\r\n        return {\r\n          ...prev.column,\r\n          tabs: updatedTabs,\r\n        };\r\n      })();\r\n\r\n      const updatedSorting = (() => {\r\n        // DEFAULT MODE: sorting applies globally\r\n        if (prev.sorting?.isDefault) {\r\n          return {\r\n            ...prev.sorting,\r\n            sortby: [], // reset sort\r\n          };\r\n        }\r\n\r\n        // TAB MODE: need to clear sorting per tab\r\n        return {\r\n          ...prev.sorting,\r\n          tabs: prev.quick_tab?.show_list?.map(() => ({\r\n            sortby: [],\r\n          })),\r\n        };\r\n      })();\r\n\r\n      return {\r\n        ...prev,\r\n        quick_tab: updatedQuickTab,\r\n        column: updatedColumn,\r\n        sorting: updatedSorting,\r\n      };\r\n    });\r\n  };\r\n\r\n  // Checkbox logic (local only)\r\n  const handleShowAllTabChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    setSettingsData((prev) => ({\r\n      ...prev,\r\n      quick_tab: {\r\n        ...prev?.quick_tab,\r\n        isAllSelected: e.target.checked,\r\n      },\r\n    }));\r\n  };\r\n  const handleCombineOtherTabChange = (\r\n    e: React.ChangeEvent<HTMLInputElement>\r\n  ) => {\r\n    setSettingsData((prev) => ({\r\n      ...prev,\r\n      quick_tab: {\r\n        ...prev?.quick_tab,\r\n        isCombineOther: e.target.checked,\r\n      },\r\n    }));\r\n  };\r\n\r\n  const handleItemToggle = (\r\n    item: { label: string; value: string },\r\n    fromContainerId: string\r\n  ) => {\r\n    const toShowList = [...(quickTabStates.show_list ?? [])];\r\n    const toHideList = [...(quickTabStates.hide_list ?? [])];\r\n\r\n    setSettingsData((prev) => {\r\n      let updatedColumn = prev.column; // default (unchanged)\r\n      let updatedSorting = prev.sorting;\r\n\r\n      if (fromContainerId === \"list\") {\r\n        if (toShowList.length >= 5) return prev;\r\n\r\n        const index = toHideList.findIndex((i) => i.value == item.value);\r\n        if (index > -1) {\r\n          toHideList.splice(index, 1);\r\n          toShowList.push(item);\r\n          // 🌟 ALSO create sorting tab entry if missing\r\n          if (!sortingTabState?.isDefault) {\r\n            const exists = prev.sorting?.tabs?.some(\r\n              (t) => t.tab_name.value === item.value\r\n            );\r\n            if (!exists) {\r\n              updatedSorting = {\r\n                ...prev.sorting,\r\n                tabs: [\r\n                  ...prev.sorting.tabs,\r\n                  {\r\n                    tab_name: {\r\n                      label: item.label,\r\n                      value: item.value,\r\n                    },\r\n                    sortby: [],\r\n                  },\r\n                ],\r\n              };\r\n            }\r\n          }\r\n          if (!columnTabState?.isDefault) {\r\n            const exists = prev?.column?.tabs?.some(\r\n              (t) => t.tab_name.value === item.value\r\n            );\r\n            if (!exists) {\r\n              updatedColumn = {\r\n                ...prev.column,\r\n                tabs: [\r\n                  ...prev.column.tabs,\r\n                  {\r\n                    tab_name: {\r\n                      label: item.label,\r\n                      value: item.value,\r\n                    },\r\n                    show_list: mappedColumns,\r\n                    hide_list: [],\r\n                  },\r\n                ],\r\n              };\r\n            }\r\n          }\r\n        }\r\n      } else if (fromContainerId === \"tabs\") {\r\n        const index = toShowList.findIndex((i) => i.value == item.value);\r\n        if (index > -1) {\r\n          toShowList.splice(index, 1);\r\n          toHideList.push(item);\r\n          // let itemIndex =\r\n          //   filterSettingStates?.quickTabStates?.show_list?.findIndex(\r\n          //     (i) => i.value == item.value\r\n          //   );\r\n          // 🔥 REMOVE COLUMN WHEN TAB REMOVED (if not default)\r\n          if (!columnTabState?.isDefault) {\r\n            const updatedTabs = prev?.column?.tabs.filter(\r\n              (tab) => tab.tab_name?.value !== item.value\r\n            );\r\n\r\n            updatedColumn = {\r\n              ...prev.column,\r\n              tabs: updatedTabs,\r\n            };\r\n          }\r\n\r\n          if (!sortingTabState.isDefault) {\r\n            const updatedSortingTabs = prev?.sorting?.tabs?.filter(\r\n              (tab) => tab.tab_name?.value != item.value\r\n            );\r\n            updatedSorting = {\r\n              ...prev.sorting,\r\n              tabs: updatedSortingTabs,\r\n            };\r\n          }\r\n        }\r\n      }\r\n\r\n      return {\r\n        ...prev,\r\n        quick_tab: {\r\n          ...prev?.quick_tab,\r\n          show_list: toShowList,\r\n          hide_list: toHideList,\r\n        },\r\n        column: updatedColumn,\r\n        sorting: updatedSorting,\r\n      };\r\n    });\r\n  };\r\n\r\n  const enableDND = quickTabStates?.sorting === \"custom\" ? true : false;\r\n\r\n  return (\r\n    <Box\r\n      sx={{\r\n        display: \"flex\",\r\n        flexDirection: \"column\",\r\n        // gap: \"0.5rem\",\r\n        height: \"100%\",\r\n      }}\r\n    >\r\n      <Typography variant=\"caption\" sx={TabsStyles.mainTabsHeader}>\r\n        *Quick filter settings will be reflected in horizontal tabs\r\n      </Typography>\r\n      <Box>\r\n        <Grid sx={{ position: \"relative\" }} container>\r\n          <Grid size={12}>\r\n            <Box>\r\n              <Grid sx={TabsStyles.mainTabDropdown} size={6}>\r\n                <FormControl sx={TabsStyles.mainTabSelect} size=\"small\">\r\n                  <Select\r\n                    value={quickTabStates?.attribute || \"\"}\r\n                    onChange={(e) =>\r\n                      setSettingsData((prev) => ({\r\n                        ...prev,\r\n                        quick_tab: {\r\n                          ...prev?.quick_tab,\r\n                          attribute: e.target.value,\r\n                        },\r\n                        column: prev?.column?.isDefault\r\n                          ? {\r\n                              ...prev?.column,\r\n                              show_list: mappedColumns,\r\n                              hide_list: [],\r\n                            }\r\n                          : {\r\n                              ...prev?.column,\r\n                              tabs: [],\r\n                            },\r\n\r\n                        sorting: prev?.sorting?.isDefault\r\n                          ? {\r\n                              ...prev?.sorting,\r\n                              sortby: [],\r\n                            }\r\n                          : {\r\n                              ...prev?.sorting,\r\n                              tabs: [],\r\n                            },\r\n                      }))\r\n                    }\r\n                    MenuProps={{ container: fullscreenContainer }}\r\n                  >\r\n                    {columnsData?.map((column: any) => (\r\n                      <MenuItem key={column?.value} value={column?.value}>\r\n                        {column?.label}\r\n                      </MenuItem>\r\n                    ))}\r\n                  </Select>\r\n                </FormControl>\r\n                <FormControl\r\n                  sx={TabsStyles.selectDropdownSeparator}\r\n                  size=\"small\"\r\n                >\r\n                  <Select\r\n                    value={quickTabStates?.sorting || \"asc\"}\r\n                    onChange={(e) =>\r\n                      setSettingsData((prev) => ({\r\n                        ...prev,\r\n                        quick_tab: {\r\n                          ...prev?.quick_tab,\r\n                          sorting: e.target.value,\r\n                        },\r\n                      }))\r\n                    }\r\n                    MenuProps={{ container: fullscreenContainer }}\r\n                  >\r\n                    {sortingOptions.map((option) => (\r\n                      <MenuItem key={option?.value} value={option?.value}>\r\n                        {option?.label}\r\n                      </MenuItem>\r\n                    ))}\r\n                  </Select>\r\n                </FormControl>\r\n              </Grid>\r\n            </Box>\r\n          </Grid>\r\n          <Grid>\r\n            {/* <Alert\r\n              severity=\"info\"\r\n              sx={{\r\n                fontSize: \"12px\",\r\n                color: \"#088AB2\",\r\n              }}\r\n            >\r\n              Please select at least 1 and at most 5 values to display as tabs.\r\n            </Alert> */}\r\n          </Grid>\r\n          <DndContext\r\n            sensors={sensors}\r\n            collisionDetection={closestCenter}\r\n            onDragEnd={handleDragEnd}\r\n          >\r\n            <Grid sx={{ mt: 1 }} container spacing={2} size={12}>\r\n              <ListingValues\r\n                buttonText=\"Show All\"\r\n                onClick={handleShowAll}\r\n                headerText=\"List of Values\"\r\n                filteredValues={filteredListValues}\r\n                searchTerm={searchTerm}\r\n                setSearchTerm={setSearchTerm}\r\n                containerId=\"list\"\r\n                tabsApiDataLoading={tabsApiDataLoading}\r\n                onItemToggle={handleItemToggle}\r\n                enableDragAndDrop={enableDND}\r\n              />\r\n              <ListingValues\r\n                buttonText=\"Hide All\"\r\n                onClick={handleHideAll}\r\n                headerText=\"View as Tabs\"\r\n                filteredValues={showListValues}\r\n                containerId=\"tabs\"\r\n                // tabsApiDataLoading={tabsApiDataLoading}\r\n                onItemToggle={handleItemToggle}\r\n                enableDragAndDrop={enableDND}\r\n                AlertComponenet={\r\n                  <InfoAlert\r\n                    message=\"Please select at least 1 and at most 5 values to display as\r\n                                tabs.\"\r\n                    width={\"49.2%\"}\r\n                    // position=\"absolute\"\r\n                    // color=\"#088AB2\"\r\n                    // top={10}\r\n                    zIndex={-1}\r\n                  />\r\n                }\r\n              />\r\n            </Grid>\r\n          </DndContext>\r\n          <Grid size={12}>\r\n            <Box sx={TabsStyles.checkboxStyle}>\r\n              <FormControlLabel\r\n                control={\r\n                  <Checkbox\r\n                    checked={quickTabStates?.isAllSelected || false}\r\n                    onChange={handleShowAllTabChange}\r\n                    size=\"small\"\r\n                    sx={{\r\n                      \"&.Mui-checked\": {\r\n                        color: \"#7A5AF8\",\r\n                      },\r\n                    }}\r\n                  />\r\n                }\r\n                label='Show \"All\" tab'\r\n              />\r\n              <FormControlLabel\r\n                control={\r\n                  <Checkbox\r\n                    checked={quickTabStates?.isCombineOther || false}\r\n                    onChange={handleCombineOtherTabChange}\r\n                    size=\"small\"\r\n                    sx={{\r\n                      \"&.Mui-checked\": {\r\n                        color: \"#7A5AF8\",\r\n                      },\r\n                    }}\r\n                  />\r\n                }\r\n                label='Combine remaining values under \"Other\" tab'\r\n              />\r\n            </Box>\r\n          </Grid>\r\n        </Grid>\r\n      </Box>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default QuickTab;\r\n","import {\r\n  SxProps,\r\n  ToggleButton,\r\n  ToggleButtonGroup,\r\n  ToggleButtonGroupProps,\r\n} from \"@mui/material\";\r\nimport { ToggleButtonTabsProps } from \"../../../types/filter-settings\";\r\n\r\nconst selectedTabStyle: SxProps = {\r\n  textTransform: \"initial\",\r\n  minWidth: \"5rem\",\r\n  minHeight: \"1.875rem\",\r\n  color: \"#7A5AF8\",\r\n  fontWeight: 500,\r\n  fontSize: \"0.813rem\",\r\n  borderColor: \"#7A5AF8\",\r\n\r\n  \"&.Mui-selected\": {\r\n    backgroundColor: \"#7A5AF8\",\r\n    color: \"#fff\",\r\n    fontWeight: 600,\r\n    \"&:hover\": {\r\n      backgroundColor: \"#6346e2\",\r\n    },\r\n  },\r\n};\r\n\r\nexport default function CustomToggleSwitchButton({\r\n  buttons,\r\n  ...props\r\n}: { buttons: ToggleButtonTabsProps[] } & ToggleButtonGroupProps) {\r\n  return (\r\n    <ToggleButtonGroup\r\n      exclusive\r\n      size=\"small\"\r\n      color=\"primary\"\r\n      sx={{ marginTop: \"-4px\", marginBottom: \"6px\" }}\r\n      {...props}\r\n    >\r\n      {buttons.map((button) => (\r\n        <ToggleButton\r\n          key={button?.label}\r\n          value={button?.value}\r\n          disabled={button?.isDisabled}\r\n          sx={selectedTabStyle}\r\n        >\r\n          {button?.label}\r\n        </ToggleButton>\r\n      ))}\r\n    </ToggleButtonGroup>\r\n  );\r\n}\r\n","import { ToggleButtonTabsProps } from \"../../types/filter-settings\";\r\n\r\nexport const SETTINGS_TABS: { label: string }[] = [\r\n  { label: \"Quick Tab\" },\r\n  { label: \"Column\" },\r\n  { label: \"Sorting\" },\r\n];\r\n\r\nexport const KANBAN_SETTINGS_TABS: { label: string }[] = [\r\n  { label: \"Lane\" },\r\n  { label: \"Swim Lane\" },\r\n];\r\n\r\nexport const LANE_SELECTS = [\r\n  { key: \"stage_group\", value: \"Stage Group\" },\r\n  { key: \"stage\", value: \"Stage\" },\r\n  { key: \"source\", value: \"Source\" },\r\n  { key: \"status\", value: \"Status\" },\r\n];\r\n\r\nexport const TOGGLE_BUTTON_TABS: ToggleButtonTabsProps[] = [\r\n  { label: \"Default\", value: true, isDisabled: false },\r\n  { label: \"Tab Wise\", value: false, isDisabled: false },\r\n];\r\n\r\n","import { Tabs, TabsProps } from \"@mui/material\";\r\nimport { horizontalTabStyles } from \"../styles\";\r\n\r\nconst CustomTabs = ({ children, ...props }: TabsProps) => {\r\n  const { value, onChange } = props;\r\n\r\n  return (\r\n    <Tabs\r\n      value={value}\r\n      onChange={onChange}\r\n      aria-label=\"horizontal-tabs\"\r\n      variant=\"scrollable\"\r\n      sx={horizontalTabStyles.mainTabsContainer}\r\n      {...props}\r\n    >\r\n      {children}\r\n    </Tabs>\r\n  );\r\n};\r\n\r\nexport default CustomTabs;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { Box, Typography, Tab, Grid } from \"@mui/material\";\r\n\r\nimport ListingValues from \"../common/listing-values\";\r\nimport {\r\n  DndContext,\r\n  closestCenter,\r\n  KeyboardSensor,\r\n  MouseSensor,\r\n  TouchSensor,\r\n  useSensor,\r\n  useSensors,\r\n  DragEndEvent,\r\n} from \"@dnd-kit/core\";\r\nimport { craftTableFilterSettingsOptionsProps } from \"../../../types/table-options\";\r\nimport CustomToggleSwitchButton from \"./toggle-button-switch\";\r\nimport { FilterColumnsDataProps } from \"../../../types/filter\";\r\nimport { TOGGLE_BUTTON_TABS } from \"../constants\";\r\nimport CustomTabs from \"../tabs/horizontal\";\r\nimport { ColumnTabConfigProps } from \"../../../types/filter-settings\";\r\nimport InfoAlert from \"../common/info-alert\";\r\n\r\nexport interface ColumnItem {\r\n  label: string;\r\n  value: string;\r\n}\r\n\r\nexport interface TabData {\r\n  tab_name: string;\r\n  show_list: ColumnItem[];\r\n  hide_list: ColumnItem[];\r\n}\r\n\r\ninterface ColumnTabProps {\r\n  filterSettingStates: craftTableFilterSettingsOptionsProps;\r\n  columnsData: FilterColumnsDataProps;\r\n  columnTabAttributes?: any[];\r\n  columnTabAttributesLoading?: boolean;\r\n}\r\n\r\nconst ColumnTab = ({\r\n  filterSettingStates,\r\n  columnsData,\r\n  columnTabAttributes,\r\n  columnTabAttributesLoading,\r\n}: ColumnTabProps) => {\r\n  const [searchTerm, setSearchTerm] = useState<string>(\"\");\r\n  const [selectedTabIndex, setSelectedTabIndex] = useState<number>(0);\r\n\r\n  const {\r\n    quickTabStates,\r\n    settingsData,\r\n    setSettingsData,\r\n    saveButtonError,\r\n    setSaveButtonError,\r\n  } = filterSettingStates;\r\n  const settingsColumnState = (settingsData?.column ||\r\n    {}) as ColumnTabConfigProps;\r\n  const isColumnDefault = settingsColumnState?.isDefault || false;\r\n  const ERROR_CODE = \"column_error\";\r\n\r\n  /**\r\n   * ? What is this for?\r\n   *\r\n   * Three main conditions are checked here:\r\n   * - If the state is empty, then set the state to default and add all columns in show_list\r\n   * - if Default is selected and Default is empty, then add all columns in show_list\r\n   * - If Default is not selected and tabs is empty, then add all columns in show_list\r\n   *      of their respective tabs\r\n   */\r\n  useEffect(() => {\r\n    const stateToArray = Object.entries(settingsColumnState) || [];\r\n    const isStateEmpty = stateToArray.length ? false : true;\r\n    const isDefaultEmpty =\r\n      settingsColumnState?.show_list?.length ||\r\n      settingsColumnState?.hide_list?.length\r\n        ? false\r\n        : true;\r\n    const isTabWiseEmpty = settingsColumnState?.tabs?.length ? false : true;\r\n\r\n    const mappedColumns: ColumnItem[] =\r\n      columnTabAttributes?.map((column) => ({\r\n        ...column,\r\n        label: column?.name,\r\n        value: column?.attribute_key,\r\n      })) || [];\r\n\r\n    if (isStateEmpty) {\r\n      setSettingsData((prev) => ({\r\n        ...prev,\r\n        column: {\r\n          isDefault: true,\r\n          show_list: mappedColumns,\r\n          hide_list: [],\r\n        },\r\n      }));\r\n    } else if (isColumnDefault && isDefaultEmpty) {\r\n      setSettingsData((prev) => ({\r\n        ...prev,\r\n        column: {\r\n          ...prev.column,\r\n          show_list: mappedColumns,\r\n          hide_list: [],\r\n        },\r\n      }));\r\n    } else if (!isColumnDefault) {\r\n      const mappedTabs: TabData[] = isTabWiseEmpty\r\n        ? quickTabStates?.show_list?.map((tab) => ({\r\n            tab_name: tab,\r\n            show_list: mappedColumns,\r\n            hide_list: [],\r\n          })) || []\r\n        : quickTabStates?.show_list?.map((tab, index) => ({\r\n            tab_name: tab,\r\n            show_list:\r\n              settingsColumnState?.tabs[index]?.show_list || mappedColumns,\r\n            hide_list: settingsColumnState?.tabs[index]?.hide_list || [],\r\n          })) || [];\r\n\r\n      setSettingsData((prev) => ({\r\n        ...prev,\r\n        column: {\r\n          ...prev.column, // ✅ required to satisfy SettingsDataProps\r\n          tabs: mappedTabs, // updating only tabs\r\n        },\r\n      }));\r\n    }\r\n  }, [isColumnDefault]);\r\n\r\n  useEffect(() => {\r\n    const showList = settingsColumnState?.show_list || [];\r\n    const hideList = settingsColumnState?.hide_list || [];\r\n\r\n    if (showList || hideList) {\r\n      const isValidShowList = showList?.length > 0;\r\n\r\n      if (!isValidShowList) {\r\n        const hasColumnError = saveButtonError.messages.some(\r\n          (message) => message.type === ERROR_CODE\r\n        );\r\n\r\n        if (!hasColumnError) {\r\n          setSaveButtonError((prev) => ({\r\n            ...prev,\r\n            hasError: true,\r\n            messages: [\r\n              ...prev.messages,\r\n              {\r\n                type: ERROR_CODE,\r\n                message: \"Column: Please select at least one column\",\r\n              },\r\n            ],\r\n          }));\r\n        }\r\n      } else {\r\n        const hasOtherMessages = saveButtonError?.messages?.some(\r\n          (message) => message.type !== ERROR_CODE\r\n        );\r\n\r\n        // Reset error state if the list is valid\r\n        setSaveButtonError((prev) => ({\r\n          ...prev,\r\n          hasError: hasOtherMessages,\r\n          messages:\r\n            prev?.messages?.filter((message) => message.type !== ERROR_CODE) ||\r\n            [],\r\n        }));\r\n      }\r\n    }\r\n  }, [settingsColumnState?.show_list, settingsColumnState?.hide_list]);\r\n\r\n  const sensors = useSensors(\r\n    useSensor(MouseSensor),\r\n    useSensor(TouchSensor),\r\n    useSensor(KeyboardSensor)\r\n  );\r\n\r\n  const handleToggleChange = (\r\n    _: React.MouseEvent<HTMLElement>,\r\n    newValue: boolean\r\n  ) => {\r\n    if (newValue !== null) {\r\n      setSettingsData((prev) => ({\r\n        ...prev,\r\n        column: {\r\n          ...prev.column,\r\n          isDefault: newValue,\r\n        },\r\n      }));\r\n    }\r\n  };\r\n\r\n  const constructHideList = (): ColumnItem[] => {\r\n    return (\r\n      columnTabAttributes\r\n        ?.map((column) => ({\r\n          label: column?.name,\r\n          value: column?.attribute_key,\r\n        }))\r\n        ?.filter(\r\n          (tab) =>\r\n            !settingsColumnState?.show_list?.find((i) => i.value === tab.value)\r\n        ) || []\r\n    );\r\n  };\r\n  const getCurrentLists = () => {\r\n    if (settingsColumnState?.isDefault) {\r\n      return {\r\n        showList: settingsColumnState.show_list || [],\r\n        hideList: constructHideList() || [],\r\n      };\r\n    } else {\r\n      const currentTab = settingsColumnState?.tabs?.[selectedTabIndex];\r\n      return {\r\n        showList: currentTab?.show_list || [],\r\n        hideList:\r\n          currentTab?.hide_list ||\r\n          columnTabAttributes?.map((column) => ({\r\n            label: column?.name,\r\n            value: column?.attribute_key,\r\n          })) ||\r\n          [],\r\n      };\r\n    }\r\n  };\r\n\r\n  const { showList, hideList } = getCurrentLists();\r\n\r\n  const showListValues = showList.map((item) => ({\r\n    value: item.value,\r\n    label: item.label,\r\n    visible: true,\r\n  }));\r\n\r\n  const hideListValues = hideList.map((item) => ({\r\n    value: item.value,\r\n    label: item.label,\r\n    visible: false,\r\n  }));\r\n\r\n  const filteredListValues = hideListValues.filter((value) =>\r\n    value.label.toLowerCase().includes(searchTerm.toLowerCase())\r\n  );\r\n\r\n  const handleItemToggle = (\r\n    item: { label: string; value: string },\r\n    fromContainerId: string\r\n  ) => {\r\n    let newShowList = [...showList];\r\n    let newHideList = [...hideList];\r\n\r\n    if (fromContainerId === \"tabs\") {\r\n      const idx = newShowList.findIndex((i) => i.value === item.value);\r\n      if (idx > -1) {\r\n        const [moved] = newShowList.splice(idx, 1);\r\n        newHideList.push(moved);\r\n      }\r\n    } else if (fromContainerId === \"list\") {\r\n      const idx = newHideList.findIndex((i) => i.value === item.value);\r\n      if (idx > -1) {\r\n        const [moved] = newHideList.splice(idx, 1);\r\n        newShowList.push(moved);\r\n      }\r\n    }\r\n\r\n    if (isColumnDefault) {\r\n      setSettingsData((prev) => ({\r\n        ...prev,\r\n        column: {\r\n          ...prev.column,\r\n          show_list: newShowList,\r\n          hide_list: newHideList,\r\n        },\r\n      }));\r\n    } else {\r\n      const updatedTabs = [...(settingsColumnState?.tabs || [])];\r\n      updatedTabs[selectedTabIndex] = {\r\n        ...updatedTabs[selectedTabIndex],\r\n        show_list: newShowList,\r\n        hide_list: newHideList,\r\n      };\r\n      setSettingsData((prev) => ({\r\n        ...prev,\r\n        column: {\r\n          ...prev.column,\r\n          tabs: updatedTabs,\r\n        },\r\n      }));\r\n    }\r\n  };\r\n\r\n  const handleDragEnd = (event: DragEndEvent) => {\r\n    const { active, over } = event;\r\n    if (!over) return;\r\n\r\n    const currentContainer = active.data.current?.containerId;\r\n    const overContainer = over.data.current?.containerId;\r\n    if (!currentContainer || !overContainer) return;\r\n\r\n    const activeItem = [...showList, ...hideList].find(\r\n      (item) => item.value === String(active.id)\r\n    );\r\n    if (!activeItem) return;\r\n\r\n    let newShowList = [...showList];\r\n    let newHideList = [...hideList];\r\n\r\n    if (currentContainer === overContainer) {\r\n      const list = currentContainer === \"list\" ? newHideList : newShowList;\r\n      const oldIndex = list.findIndex(\r\n        (item) => item.value === String(active.id)\r\n      );\r\n      const newIndex = list.findIndex((item) => item.value === String(over.id));\r\n      if (oldIndex !== -1 && newIndex !== -1) {\r\n        const [removed] = list.splice(oldIndex, 1);\r\n        list.splice(newIndex, 0, removed);\r\n      }\r\n    } else {\r\n      if (currentContainer === \"list\" && overContainer === \"tabs\") {\r\n        const idx = newHideList.findIndex(\r\n          (item) => item.value === String(active.id)\r\n        );\r\n        if (idx !== -1) {\r\n          newHideList.splice(idx, 1);\r\n          newShowList.push(activeItem);\r\n        }\r\n      } else if (currentContainer === \"tabs\" && overContainer === \"list\") {\r\n        const idx = newShowList.findIndex(\r\n          (item) => item.value === String(active.id)\r\n        );\r\n        if (idx !== -1) {\r\n          newShowList.splice(idx, 1);\r\n          newHideList.push(activeItem);\r\n        }\r\n      }\r\n    }\r\n\r\n    if (isColumnDefault) {\r\n      setSettingsData((prev) => ({\r\n        ...prev,\r\n        column: {\r\n          ...prev.column,\r\n          show_list: newShowList,\r\n          hide_list: newHideList,\r\n        },\r\n      }));\r\n    } else {\r\n      const updatedTabs = [...(settingsColumnState?.tabs || [])];\r\n      updatedTabs[selectedTabIndex] = {\r\n        ...updatedTabs[selectedTabIndex],\r\n        show_list: newShowList,\r\n        hide_list: newHideList,\r\n      };\r\n      setSettingsData((prev) => ({\r\n        ...prev,\r\n        column: {\r\n          ...prev.column,\r\n          tabs: updatedTabs,\r\n        },\r\n      }));\r\n    }\r\n  };\r\n\r\n  const handleShowAll = () => {\r\n    if (isColumnDefault) {\r\n      // Default mode → update global lists\r\n      setSettingsData((prev) => ({\r\n        ...prev,\r\n        column: {\r\n          ...prev.column,\r\n          show_list: [...showList, ...hideList],\r\n          hide_list: [],\r\n        },\r\n      }));\r\n    } else {\r\n      // Tab mode → update only selected tab\r\n      const updatedTabs = [...(settingsColumnState.tabs || [])];\r\n\r\n      updatedTabs[selectedTabIndex] = {\r\n        ...updatedTabs[selectedTabIndex],\r\n        show_list: [...showList, ...hideList],\r\n        hide_list: [],\r\n      };\r\n\r\n      setSettingsData((prev) => ({\r\n        ...prev,\r\n        column: {\r\n          ...prev.column,\r\n          tabs: updatedTabs,\r\n        },\r\n      }));\r\n    }\r\n  };\r\n\r\n  const handleHideAll = () => {\r\n    if (isColumnDefault) {\r\n      // Default mode → update global lists\r\n      setSettingsData((prev) => ({\r\n        ...prev,\r\n        column: {\r\n          ...prev.column,\r\n          show_list: [],\r\n          hide_list: [...hideList, ...showList],\r\n        },\r\n      }));\r\n    } else {\r\n      // Tab mode → update only selected tab\r\n      const updatedTabs = [...(settingsColumnState.tabs || [])];\r\n\r\n      updatedTabs[selectedTabIndex] = {\r\n        ...updatedTabs[selectedTabIndex],\r\n        show_list: [],\r\n        hide_list: [...hideList, ...showList],\r\n      };\r\n\r\n      setSettingsData((prev) => ({\r\n        ...prev,\r\n        column: {\r\n          ...prev.column,\r\n          tabs: updatedTabs,\r\n        },\r\n      }));\r\n    }\r\n  };\r\n\r\n  const handleTabChange = (_: React.SyntheticEvent, newValue: number) => {\r\n    setSelectedTabIndex(newValue);\r\n  };\r\n\r\n  const hasShowListQuickTabs =\r\n    quickTabStates?.show_list?.length !== 0 || isColumnDefault;\r\n\r\n  return (\r\n    <Box\r\n      sx={{\r\n        display: \"flex\",\r\n        flexDirection: \"column\",\r\n        // gap: \"0.75rem\",\r\n        height: \"100%\",\r\n        position: \"relative\",\r\n      }}\r\n    >\r\n      <Box>\r\n        <Typography variant=\"subtitle2\" sx={{ mb: 1 }}>\r\n          Customize column by\r\n        </Typography>\r\n        <CustomToggleSwitchButton\r\n          buttons={TOGGLE_BUTTON_TABS}\r\n          value={isColumnDefault}\r\n          onChange={handleToggleChange}\r\n        />\r\n      </Box>\r\n\r\n      <Box sx={{ flex: 1 }}>\r\n        {!isColumnDefault && hasShowListQuickTabs && (\r\n          <CustomTabs value={selectedTabIndex} onChange={handleTabChange}>\r\n            {quickTabStates?.show_list?.map(\r\n              (tab: { label: string; value: string }) => (\r\n                <Tab key={tab?.value} label={tab?.label} />\r\n              )\r\n            )}\r\n          </CustomTabs>\r\n        )}\r\n\r\n        {hasShowListQuickTabs ? (\r\n          <DndContext\r\n            sensors={sensors}\r\n            collisionDetection={closestCenter}\r\n            onDragEnd={handleDragEnd}\r\n          >\r\n            <Grid container spacing={2}>\r\n              <ListingValues\r\n                containerId=\"list\"\r\n                headerText=\"Hidden In List\"\r\n                filteredValues={filteredListValues}\r\n                buttonText=\"Show All\"\r\n                onClick={handleShowAll}\r\n                searchTerm={searchTerm}\r\n                setSearchTerm={setSearchTerm}\r\n                onItemToggle={handleItemToggle}\r\n              />\r\n              <ListingValues\r\n                containerId=\"tabs\"\r\n                headerText=\"Show In List\"\r\n                filteredValues={showListValues}\r\n                buttonText=\"Hide All\"\r\n                onClick={handleHideAll}\r\n                onItemToggle={handleItemToggle}\r\n                AlertComponenet={\r\n                  <InfoAlert\r\n                    message={\r\n                      \"Please select at least 1 value to display as tabs.\"\r\n                    }\r\n                    width={\"49.2%\"}\r\n                    // position=\"absolute\"\r\n                    // color=\"#088AB2\"\r\n                    top={93}\r\n                    // zIndex={1}\r\n                  />\r\n                }\r\n              />\r\n            </Grid>\r\n          </DndContext>\r\n        ) : (\r\n          <Typography>View as Tabs empty in Quick Tab</Typography>\r\n        )}\r\n      </Box>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default ColumnTab;\r\n","import React, { useEffect, useMemo, useState } from \"react\";\r\nimport {\r\n  Box,\r\n  Button,\r\n  IconButton,\r\n  MenuItem,\r\n  Select,\r\n  Tab,\r\n  Typography,\r\n} from \"@mui/material\";\r\nimport {\r\n  ColumnTabConfigProps,\r\n  SettingsSortingProps,\r\n  SortingConfigProps,\r\n  SortingConfigSortByProps,\r\n} from \"../../../types/filter-settings\";\r\nimport CustomTabs from \"../tabs/horizontal\";\r\nimport {\r\n  closestCenter,\r\n  DndContext,\r\n  PointerSensor,\r\n  useSensor,\r\n  useSensors,\r\n} from \"@dnd-kit/core\";\r\nimport SortableItem from \"../../sorting-modal.tsx/sorting-item\";\r\nimport {\r\n  arrayMove,\r\n  SortableContext,\r\n  verticalListSortingStrategy,\r\n} from \"@dnd-kit/sortable\";\r\nimport { AddIcon, CloseIcon } from \"../../../../assets/svg\";\r\nimport CustomToggleSwitchButton from \"./toggle-button-switch\";\r\nimport { TOGGLE_BUTTON_TABS } from \"../constants\";\r\n\r\nconst Sorting = ({\r\n  filterSettingStates,\r\n  columnsData,\r\n}: SettingsSortingProps) => {\r\n  const { quickTabStates, saveButtonError, settingsData, setSettingsData } =\r\n    filterSettingStates;\r\n\r\n  const [activeTab, setActiveTab] = useState<string | undefined>(\r\n    quickTabStates?.show_list?.[0]?.value\r\n  );\r\n\r\n  const columnTabState = settingsData?.column as ColumnTabConfigProps;\r\n  const sortingTabState = settingsData?.sorting as SortingConfigProps;\r\n  const isSortingDefault = sortingTabState?.isDefault;\r\n\r\n  const isStateEmpty = useMemo(() => {\r\n    return !sortingTabState || Object.entries(sortingTabState).length === 0;\r\n  }, [sortingTabState]);\r\n\r\n  const isEmptyDefault = useMemo(() => {\r\n    return !isStateEmpty && !sortingTabState?.sortby?.length;\r\n  }, [isStateEmpty, sortingTabState]);\r\n\r\n  const ERROR_CODE = \"sorting_error\";\r\n\r\n  // useEffect(() => {\r\n  //   const emptySortBy: SortingConfigSortByProps[] = [\r\n  //     { column: \"\", order: \"asc\" },\r\n  //   ];\r\n\r\n  //   if (isStateEmpty) {\r\n  //     setSettingsData((prev) => ({\r\n  //       ...prev,\r\n  //       sorting: {\r\n  //         isDefault: true,\r\n  //         sortby: emptySortBy,\r\n  //       },\r\n  //     }));\r\n  //   } else if (isEmptyDefault) {\r\n  //     setSettingsData((prev) => ({\r\n  //       ...prev,\r\n  //       sorting: {\r\n  //         ...prev.sorting,\r\n  //         isDefault: true,\r\n  //       },\r\n  //     }));\r\n\r\n  //     if (!sortingTabState?.isDefault) {\r\n  //       setSettingsData((prev) => ({\r\n  //         ...prev,\r\n  //         sorting: {\r\n  //           ...prev.sorting,\r\n  //           sortby: emptySortBy,\r\n  //         },\r\n  //       }));\r\n  //     }\r\n  //   }\r\n  // }, [\r\n  //   isStateEmpty,\r\n  //   isEmptyDefault,\r\n  //   sortingTabState,\r\n  //   quickTabStates,\r\n  //   setSettingsData,\r\n  // ]);\r\n\r\n  useEffect(() => {\r\n    const emptySortBy: SortingConfigSortByProps[] = [\r\n      { column: \"\", order: \"asc\" },\r\n    ];\r\n\r\n    // CASE 1: Initialize sorting if completely empty\r\n    if (!sortingTabState || Object.keys(sortingTabState).length === 0) {\r\n      setSettingsData((prev) => ({\r\n        ...prev,\r\n        sorting: {\r\n          isDefault: true,\r\n          sortby: [],\r\n        },\r\n      }));\r\n      return;\r\n    }\r\n\r\n    // CASE 2: sorting is default BUT missing sortby\r\n    // if (\r\n    //   (!sortingTabState?.sortby || sortingTabState?.sortby.length === 0) &&\r\n    //   sortingTabState?.isDefault\r\n    // ) {\r\n    //   setSettingsData((prev) => ({\r\n    //     ...prev,\r\n    //     sorting: {\r\n    //       ...prev.sorting,\r\n    //       sortby: emptySortBy,\r\n    //       isDefault: true,\r\n    //     },\r\n    //   }));\r\n    //   return;\r\n    // }\r\n\r\n    //  CASE 3: CUSTOM MODE → Populate tabs automatically\r\n    if (\r\n      sortingTabState?.isDefault === false &&\r\n      (!sortingTabState?.tabs || sortingTabState?.tabs.length === 0)\r\n    ) {\r\n      setSettingsData((prev) => {\r\n        const quickTabs = prev.quick_tab?.show_list || [];\r\n\r\n        const generatedTabs = quickTabs.map((t) => ({\r\n          tab_name: { value: t.value, label: t.label },\r\n          sortby: emptySortBy,\r\n        }));\r\n\r\n        return {\r\n          ...prev,\r\n          sorting: {\r\n            ...prev.sorting,\r\n            tabs: generatedTabs,\r\n          },\r\n        };\r\n      });\r\n    }\r\n  }, []);\r\n\r\n  // sortingTabState.sortby is filtered based on columnTabState.show_list\r\n  // useEffect(() => {\r\n  //   // filter sorting sortby based on column show list\r\n  //   if (columnTabState?.isDefault) {\r\n  //     setSettingsData((prev) => ({\r\n  //       ...prev,\r\n  //       sorting: {\r\n  //         ...prev.sorting,\r\n  //         // remove sortby items that are not in column show list\r\n  //         sortby: prev.sorting?.sortby?.filter((item) =>\r\n  //           columnTabState?.show_list?.some(\r\n  //             (columnItem) => columnItem.value === item.column\r\n  //           )\r\n  //         ),\r\n  //       },\r\n  //     }));\r\n  //   }\r\n  // }, [columnTabState?.show_list]);\r\n\r\n  const sensors = useSensors(useSensor(PointerSensor));\r\n\r\n  const activeTabIndex = columnTabState?.isDefault\r\n    ? quickTabStates?.show_list?.findIndex(\r\n        (tab) =>\r\n          tab?.value === activeTab ||\r\n          tab?.label?.toLowerCase() === activeTab?.toLowerCase()\r\n      )\r\n    : columnTabState?.tabs?.findIndex(\r\n        (tab) =>\r\n          tab?.tab_name?.value == activeTab ||\r\n          tab?.tab_name?.label?.toLowerCase() == activeTab?.toLowerCase()\r\n      );\r\n  /**\r\n   * * What is happening here?\r\n   *\r\n   * * If isDefault is true\r\n   * * - Return the sortby array from the state\r\n   *\r\n   * * If isDefault is false\r\n   * * - Filter tabs array from sortingTabState according to activeTab index\r\n   *\r\n   * * If activeTab is undefined\r\n   * * - Return an empty array\r\n   */\r\n\r\n  const tabSortedList = useMemo(() => {\r\n    return isSortingDefault\r\n      ? sortingTabState?.sortby || [{ column: \"\", order: \"asc\" }]\r\n      : activeTab !== undefined\r\n      ? sortingTabState?.tabs?.[activeTabIndex || 0]?.sortby\r\n        ? sortingTabState?.tabs?.[activeTabIndex || 0]?.sortby\r\n        : []\r\n      : [];\r\n  }, [sortingTabState, activeTab]);\r\n\r\n  const updateSortList = (updated: SortingConfigSortByProps[]) => {\r\n    setSettingsData((prev) => {\r\n      if (prev?.sorting?.isDefault) {\r\n        return { ...prev, sorting: { ...prev?.sorting, sortby: updated } };\r\n      } else {\r\n        const tabs = [...(prev?.sorting?.tabs || [])];\r\n        tabs[activeTabIndex || 0] = {\r\n          ...tabs[activeTabIndex || 0],\r\n          tab_name: settingsData?.column?.tabs?.[activeTabIndex || 0]\r\n            ?.tab_name || {\r\n            label: \"\",\r\n            value: \"\",\r\n          },\r\n          sortby: updated,\r\n        };\r\n        return { ...prev, sorting: { ...prev?.sorting, tabs } };\r\n      }\r\n    });\r\n  };\r\n\r\n  const handleDNDDropdownChange = (\r\n    key: \"column\" | \"order\",\r\n    value: string,\r\n    index: number\r\n  ) => {\r\n    if (!tabSortedList) return;\r\n\r\n    const updated = [...tabSortedList];\r\n    updated[index] = { ...updated[index], [key]: value };\r\n    updateSortList(updated);\r\n  };\r\n\r\n  const handleAddSort = () => {\r\n    if (!tabSortedList) return;\r\n\r\n    const newItem: SortingConfigSortByProps = {\r\n      column: \"\",\r\n      order: \"asc\",\r\n    };\r\n\r\n    updateSortList([...tabSortedList, newItem]);\r\n  };\r\n\r\n  const handleRemove = (columnKey: string) => {\r\n    if (!tabSortedList) return;\r\n\r\n    const updated = tabSortedList.filter((item) => item.column !== columnKey);\r\n    updateSortList(updated);\r\n  };\r\n\r\n  const handleModeChange = (\r\n    _: React.MouseEvent<HTMLElement>,\r\n    value: boolean\r\n  ) => {\r\n    if (value !== null) {\r\n      setSettingsData((prev) => ({\r\n        ...prev,\r\n        sorting: {\r\n          ...prev.sorting,\r\n          isDefault: value,\r\n        },\r\n      }));\r\n    }\r\n  };\r\n\r\n  const handleDragEnd = (event: any) => {\r\n    if (!tabSortedList) return;\r\n\r\n    const { active, over } = event;\r\n    if (!over || active.id === over.id) return;\r\n\r\n    const oldIndex = tabSortedList.findIndex((i) => i.column === active.id);\r\n    const newIndex = tabSortedList.findIndex((i) => i.column === over.id);\r\n\r\n    if (oldIndex !== -1 && newIndex !== -1) {\r\n      const reordered = arrayMove(tabSortedList, oldIndex, newIndex);\r\n      updateSortList(reordered);\r\n    }\r\n  };\r\n\r\n  const hasShowListQuickTabs =\r\n    quickTabStates?.show_list?.length !== 0 || isSortingDefault ? true : false;\r\n\r\n  /**\r\n   * ? What is happening here?\r\n   *\r\n   * If column show list is present then takes it's length\r\n   * else it takes columnsData.column_list length\r\n   *\r\n   * compare it with sortingTabState.sortby.length\r\n   *\r\n   * if both are equal then showAddSortButton is false\r\n   */\r\n  const showAddSortButton = useMemo(() => {\r\n    const stateLength = columnsData?.length ?? 0;\r\n    const sortLength = sortingTabState?.sortby?.length ?? 0;\r\n\r\n    return sortLength !== stateLength;\r\n  }, [columnsData, sortingTabState]);\r\n\r\n  /**\r\n   * ? What is happening here?\r\n   *\r\n   * Check if sorting_error exists in saveButtonError state\r\n   * Check if sortingTabState sortby column is empty\r\n   */\r\n  const isAddSortDisabled = useMemo(() => {\r\n    const hasEmptyColumn = sortingTabState?.sortby?.some(\r\n      (item) => item.column === \"\"\r\n    );\r\n\r\n    return hasEmptyColumn;\r\n  }, [saveButtonError, sortingTabState]);\r\n\r\n  const getCurrentLists = () => {\r\n    if (sortingTabState?.isDefault) {\r\n      return {\r\n        showList:\r\n          columnsData?.map((column: any) => ({\r\n            label: column?.name,\r\n            value: column?.attribute_key,\r\n          })) || [],\r\n        hideList: columnTabState?.hide_list || [],\r\n      };\r\n    } else {\r\n      const currentTab = sortingTabState?.tabs?.[activeTabIndex || 0];\r\n      return {\r\n        showList:\r\n          columnsData?.map((column: any) => ({\r\n            label: column?.name,\r\n            value: column?.attribute_key,\r\n          })) || [],\r\n        // hideList: currentTab?.hide_list || [],\r\n      };\r\n    }\r\n  };\r\n\r\n  const { showList } = getCurrentLists();\r\n\r\n  return (\r\n    <Box sx={{ display: \"flex\", flexDirection: \"column\", gap: \"0.75rem\" }}>\r\n      <Typography>Select attribute(s) you want to sort by</Typography>\r\n\r\n      <CustomToggleSwitchButton\r\n        buttons={TOGGLE_BUTTON_TABS}\r\n        value={isSortingDefault}\r\n        onChange={handleModeChange}\r\n      />\r\n\r\n      {hasShowListQuickTabs ? (\r\n        <>\r\n          <Box>\r\n            {!isSortingDefault && (\r\n              <CustomTabs\r\n                value={activeTab}\r\n                onChange={(_, tab) => setActiveTab(tab)}\r\n              >\r\n                {quickTabStates?.show_list?.map((tab) => (\r\n                  <Tab key={tab?.value} label={tab?.label} value={tab?.value} />\r\n                ))}\r\n              </CustomTabs>\r\n            )}\r\n\r\n            <DndContext\r\n              sensors={sensors}\r\n              collisionDetection={closestCenter}\r\n              onDragEnd={handleDragEnd}\r\n            >\r\n              <SortableContext\r\n                items={tabSortedList?.map((s) => s.column) || []}\r\n                strategy={verticalListSortingStrategy}\r\n              >\r\n                {tabSortedList?.map((sort, index) => (\r\n                  <SortableItem key={sort.column} id={sort.column}>\r\n                    <Box display=\"flex\" gap={1} alignItems=\"center\" mb={1}>\r\n                      <Select\r\n                        value={sort.column}\r\n                        onChange={(e) =>\r\n                          handleDNDDropdownChange(\r\n                            \"column\",\r\n                            e.target.value,\r\n                            index\r\n                          )\r\n                        }\r\n                        size=\"small\"\r\n                        fullWidth\r\n                      >\r\n                        {showList\r\n                          // ?.filter((column) => column.value != \"action\")\r\n                          .map(\r\n                            (\r\n                              column: { label: string; value: string },\r\n                              index: number\r\n                            ) => (\r\n                              <MenuItem\r\n                                key={index}\r\n                                value={column.value}\r\n                                disabled={tabSortedList.some(\r\n                                  (s) => s.column === column?.value\r\n                                )}\r\n                              >\r\n                                {column?.label}\r\n                              </MenuItem>\r\n                            )\r\n                          )}\r\n                      </Select>\r\n                      <Select\r\n                        value={sort.order}\r\n                        onChange={(e) =>\r\n                          handleDNDDropdownChange(\r\n                            \"order\",\r\n                            e.target.value,\r\n                            index\r\n                          )\r\n                        }\r\n                        size=\"small\"\r\n                        fullWidth\r\n                      >\r\n                        <MenuItem value=\"asc\">Ascending</MenuItem>\r\n                        <MenuItem value=\"dsc\">Descending</MenuItem>\r\n                      </Select>\r\n                      <IconButton\r\n                        size=\"small\"\r\n                        onClick={() => handleRemove(sort.column)}\r\n                      >\r\n                        <CloseIcon />\r\n                      </IconButton>\r\n                    </Box>\r\n                  </SortableItem>\r\n                ))}\r\n              </SortableContext>\r\n            </DndContext>\r\n\r\n            {showAddSortButton && (\r\n              <Box>\r\n                <Button\r\n                  onClick={handleAddSort}\r\n                  startIcon={<AddIcon />}\r\n                  variant=\"text\"\r\n                  sx={{\r\n                    fontSize: 13,\r\n                    color: \"#7A5AF8\",\r\n                  }}\r\n                  disabled={isAddSortDisabled}\r\n                >\r\n                  Add Sort\r\n                </Button>\r\n              </Box>\r\n            )}\r\n          </Box>\r\n        </>\r\n      ) : (\r\n        <Typography>View as Tabs empty in Quick Tab</Typography>\r\n      )}\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default Sorting;\r\n","import { Dialog, Slide, styled } from \"@mui/material\";\r\nimport { dialogStyles } from \"../style\";\r\nimport React from \"react\";\r\nimport { TransitionProps } from \"@mui/material/transitions\";\r\n\r\nexport const CustomDialog = styled(Dialog)(({ theme }) => ({\r\n  \"& .MuiPaper-root\": {\r\n    borderRadius: 0,\r\n    height: \"100%\",\r\n  },\r\n  \"& .MuiDialogContent-root\": {\r\n    ...dialogStyles.dialogContent,\r\n    padding: theme.spacing(2),\r\n  },\r\n  \"& .MuiDialogActions-root\": {\r\n    padding: theme.spacing(2),\r\n  },\r\n}));\r\n\r\nexport const DialogTransition = React.forwardRef(function Transition(\r\n  props: TransitionProps & {\r\n    children: React.ReactElement<any, any>;\r\n  },\r\n  ref: React.Ref<unknown>\r\n) {\r\n  return <Slide direction=\"down\" ref={ref} {...props} />;\r\n});\r\n","import { Button, ButtonProps } from \"@mui/material\";\r\nimport { dialogStyles } from \"../style\";\r\ninterface CustomButtonProps extends ButtonProps {}\r\n\r\nconst CustomButton = ({ ...props }: CustomButtonProps) => {\r\n  const customSx = { ...dialogStyles.dialogActionsButton, ...props.sx };\r\n\r\n  return (\r\n    <Button variant=\"contained\" {...props} sx={customSx}>\r\n      {props.children}\r\n    </Button>\r\n  );\r\n};\r\n\r\nexport default CustomButton;\r\n","import { useEffect, useState } from \"react\";\r\nimport {\r\n  Box,\r\n  Select,\r\n  MenuItem,\r\n  FormControl,\r\n  Typography,\r\n  Checkbox,\r\n  FormControlLabel,\r\n  Grid,\r\n} from \"@mui/material\";\r\n\r\nimport ListingValues from \"../common/listing-values\";\r\nimport {\r\n  DndContext,\r\n  closestCenter,\r\n  KeyboardSensor,\r\n  MouseSensor,\r\n  TouchSensor,\r\n  useSensor,\r\n  useSensors,\r\n  DragEndEvent,\r\n} from \"@dnd-kit/core\";\r\nimport { TabsStyles } from \"../style\";\r\nimport { craftTableFilterSettingsOptionsProps } from \"../../../types/table-options\";\r\nimport { LANE_SELECTS } from \"../constants\";\r\n\r\nconst Lane = ({\r\n  filterSettingStates,\r\n  columnsData,\r\n  tabsApiData,\r\n  tabsApiDataLoading,\r\n  selectAttributeData,\r\n}: {\r\n  filterSettingStates: craftTableFilterSettingsOptionsProps;\r\n  columnsData: any;\r\n  tabsApiData?: { label: string; value: string }[];\r\n  tabsApiDataLoading?: boolean;\r\n  selectAttributeData?: { label: string; value: string }[];\r\n}) => {\r\n  const { settingsData, setSettingsData } = filterSettingStates;\r\n\r\n  const [searchTerm, setSearchTerm] = useState<string>(\"\");\r\n  const [currentQuickAttribute, setCurrentQuickAttribute] = useState<string>(\r\n    settingsData?.quick_tab?.attribute || \"\"\r\n  );\r\n\r\n  const quickTabStates = settingsData?.quick_tab as any;\r\n\r\n  useEffect(() => {\r\n    const stateToArray =\r\n      (quickTabStates && Object.entries(quickTabStates)) || [];\r\n    const isEmptyState = stateToArray.length ? false : true;\r\n\r\n    if (isEmptyState) {\r\n      setSettingsData((prev) => ({\r\n        ...prev,\r\n        quick_tab: {\r\n          ...prev?.quick_tab,\r\n          attribute: LANE_SELECTS[0].value,\r\n          sorting: \"asc\",\r\n        },\r\n      }));\r\n    }\r\n  }, [columnsData]);\r\n\r\n  useEffect(() => {\r\n    if (currentQuickAttribute === settingsData?.quick_tab?.attribute) return;\r\n\r\n    if (tabsApiData?.length) {\r\n      setSettingsData((prev) => ({\r\n        ...prev,\r\n        quick_tab: {\r\n          ...prev?.quick_tab,\r\n          hide_list: tabsApiData,\r\n          show_list: [],\r\n        },\r\n      }));\r\n\r\n      setCurrentQuickAttribute(settingsData?.quick_tab?.attribute || \"\");\r\n    }\r\n  }, [tabsApiData]);\r\n\r\n  const sortingOptions = [\r\n    { label: \"A-Z\", value: \"asc\" },\r\n    { label: \"Z-A\", value: \"dsc\" },\r\n    { label: \"Count (Ascending)\", value: \"count_asc\" },\r\n    { label: \"Count (Descending)\", value: \"count_dsc\" },\r\n    { label: \"Custom\", value: \"custom\" },\r\n  ];\r\n\r\n  const showListValues = (quickTabStates?.show_list || [])?.map((id: any) => ({\r\n    id,\r\n    label: id?.charAt(0)?.toUpperCase() + id?.slice(1),\r\n  }));\r\n  const hideListValues = (quickTabStates?.hide_list || [])?.map((id: any) => ({\r\n    id,\r\n    label: id?.charAt(0)?.toUpperCase() + id?.slice(1),\r\n  }));\r\n\r\n  const filteredListValues = hideListValues.filter((value: any) =>\r\n    value?.label?.toLowerCase().includes(searchTerm.toLowerCase())\r\n  );\r\n\r\n  const sensors = useSensors(\r\n    useSensor(MouseSensor),\r\n    useSensor(TouchSensor),\r\n    useSensor(KeyboardSensor)\r\n  );\r\n\r\n  const handleDragEnd = (event: DragEndEvent) => {\r\n    const { active, over } = event;\r\n    if (!over) return;\r\n\r\n    const currentContainer = active.data.current?.containerId;\r\n    const overContainer = over.data.current?.containerId;\r\n    if (!currentContainer || !overContainer) return;\r\n\r\n    let newShowList = [...(quickTabStates.show_list ?? [])];\r\n    let newHideList = [...(quickTabStates.hide_list ?? [])];\r\n\r\n    if (currentContainer === overContainer) {\r\n      const list = currentContainer === \"list\" ? newHideList : newShowList;\r\n      const oldIndex = list.indexOf(String(active.id));\r\n      const newIndex = list.indexOf(String(over.id));\r\n\r\n      if (oldIndex !== -1 && newIndex !== -1) {\r\n        const [removed] = list.splice(oldIndex, 1);\r\n        list.splice(newIndex, 0, removed);\r\n      }\r\n    } else {\r\n      if (currentContainer === \"list\" && overContainer === \"lanes\") {\r\n        const idx = newHideList.indexOf(String(active.id));\r\n        if (idx !== -1) {\r\n          newHideList.splice(idx, 1);\r\n          newShowList.push(String(active.id));\r\n        }\r\n      } else if (currentContainer === \"lanes\" && overContainer === \"list\") {\r\n        const idx = newShowList.indexOf(String(active.id));\r\n        if (idx !== -1) {\r\n          newShowList.splice(idx, 1);\r\n          newHideList.push(String(active.id));\r\n        }\r\n      }\r\n    }\r\n\r\n    setSettingsData((prev) => ({\r\n      ...prev,\r\n      quick_tab: {\r\n        ...prev?.quick_tab,\r\n        show_list: newShowList,\r\n        hide_list: newHideList,\r\n      },\r\n    }));\r\n  };\r\n\r\n  const handleShowAll = () => {\r\n    setSettingsData((prev) => ({\r\n      ...prev,\r\n      quick_tab: {\r\n        ...prev?.quick_tab,\r\n        show_list: [\r\n          ...(prev?.quick_tab?.show_list || []),\r\n          ...(prev?.quick_tab?.hide_list || []),\r\n        ],\r\n        hide_list: [],\r\n      },\r\n    }));\r\n  };\r\n\r\n  const handleHideAll = () => {\r\n    setSettingsData((prev) => ({\r\n      ...prev,\r\n      quick_tab: {\r\n        ...prev?.quick_tab,\r\n        hide_list: [\r\n          ...(prev?.quick_tab?.hide_list || []),\r\n          ...(prev?.quick_tab?.show_list || []),\r\n        ],\r\n        show_list: [],\r\n      },\r\n    }));\r\n  };\r\n\r\n  /* ---------- ITEM TOGGLE (UNCHANGED) ---------- */\r\n  const handleItemToggle = (itemId: string, fromContainerId: string) => {\r\n    const toShowList = [...(quickTabStates.show_list ?? [])];\r\n    const toHideList = [...(quickTabStates.hide_list ?? [])];\r\n\r\n    if (fromContainerId === \"list\") {\r\n      const index = toHideList.indexOf(itemId);\r\n      if (index > -1) {\r\n        toHideList.splice(index, 1);\r\n        toShowList.push(itemId);\r\n      }\r\n    } else {\r\n      const index = toShowList.indexOf(itemId);\r\n      if (index > -1) {\r\n        toShowList.splice(index, 1);\r\n        toHideList.push(itemId);\r\n      }\r\n    }\r\n\r\n    setSettingsData((prev) => ({\r\n      ...prev,\r\n      quick_tab: {\r\n        ...prev?.quick_tab,\r\n        show_list: toShowList,\r\n        hide_list: toHideList,\r\n      },\r\n    }));\r\n  };\r\n\r\n  const enableDND = quickTabStates?.sorting === \"custom\";\r\n\r\n  /* ================== RENDER ================== */\r\n  return (\r\n    <Box sx={{ display: \"flex\", flexDirection: \"column\", height: \"100%\" }}>\r\n      <Typography variant=\"caption\" sx={TabsStyles.mainTabsHeader}>\r\n        **Quick filter settings will be reflected in vertical lanes\r\n      </Typography>\r\n\r\n      <Grid sx={{ position: \"relative\" }} container>\r\n        {/* Attribute + Sort */}\r\n        <Grid size={12}>\r\n          <Grid sx={TabsStyles.mainTabDropdown} size={6}>\r\n            <FormControl sx={TabsStyles.mainTabSelect} size=\"small\">\r\n              <Select\r\n                value={quickTabStates?.attribute || \"\"}\r\n                onChange={(e) =>\r\n                  setSettingsData((prev) => ({\r\n                    ...prev,\r\n                    quick_tab: {\r\n                      ...prev?.quick_tab,\r\n                      attribute: e.target.value,\r\n                    },\r\n                  }))\r\n                }\r\n              >\r\n                {selectAttributeData?.map((lane: any) => (\r\n                  <MenuItem key={lane?.key} value={lane?.value}>\r\n                    {lane?.value}\r\n                  </MenuItem>\r\n                ))}\r\n              </Select>\r\n            </FormControl>\r\n\r\n            <FormControl sx={TabsStyles.selectDropdownSeparator} size=\"small\">\r\n              <Select\r\n                value={quickTabStates?.sorting || \"asc\"}\r\n                onChange={(e) =>\r\n                  setSettingsData((prev) => ({\r\n                    ...prev,\r\n                    quick_tab: {\r\n                      ...prev?.quick_tab,\r\n                      sorting: e.target.value,\r\n                    },\r\n                  }))\r\n                }\r\n              >\r\n                {sortingOptions.map((option) => (\r\n                  <MenuItem key={option.value} value={option.value}>\r\n                    {option.label}\r\n                  </MenuItem>\r\n                ))}\r\n              </Select>\r\n            </FormControl>\r\n          </Grid>\r\n        </Grid>\r\n\r\n        {/* Lists */}\r\n        <DndContext\r\n          sensors={sensors}\r\n          collisionDetection={closestCenter}\r\n          onDragEnd={handleDragEnd}\r\n        >\r\n          <Grid sx={{ mt: 2 }} container spacing={2} size={12}>\r\n            <ListingValues\r\n              buttonText=\"Show All\"\r\n              onClick={handleShowAll}\r\n              headerText=\"List of Values\"\r\n              filteredValues={filteredListValues}\r\n              searchTerm={searchTerm}\r\n              setSearchTerm={setSearchTerm}\r\n              containerId=\"list\"\r\n              tabsApiDataLoading={tabsApiDataLoading}\r\n              onItemToggle={handleItemToggle}\r\n              enableDragAndDrop={enableDND}\r\n            />\r\n\r\n            <ListingValues\r\n              buttonText=\"Hide All\"\r\n              onClick={handleHideAll}\r\n              headerText=\"View as Lanes\"\r\n              filteredValues={showListValues}\r\n              containerId=\"lanes\"\r\n              onItemToggle={handleItemToggle}\r\n              enableDragAndDrop={enableDND}\r\n            />\r\n          </Grid>\r\n        </DndContext>\r\n\r\n        {quickTabStates?.attribute === \"Stage Group\" && (\r\n          <Grid size={12}>\r\n            <Box sx={TabsStyles.checkboxStyle}>\r\n              <FormControlLabel\r\n                control={\r\n                  <Checkbox\r\n                    checked={quickTabStates?.showSubLane || false}\r\n                    onChange={(e) =>\r\n                      setSettingsData((prev) => ({\r\n                        ...prev,\r\n                        quick_tab: {\r\n                          ...prev?.quick_tab,\r\n                          showSubLane: e.target.checked,\r\n                        },\r\n                      }))\r\n                    }\r\n                    size=\"small\"\r\n                  />\r\n                }\r\n                label=\"Show Sublane\"\r\n              />\r\n            </Box>\r\n          </Grid>\r\n        )}\r\n\r\n        {quickTabStates?.attribute === \"Stage Group\" &&\r\n          quickTabStates?.showSubLane && (\r\n            <Grid size={12}>\r\n              <Grid sx={TabsStyles.mainTabDropdown} size={6}>\r\n                <FormControl sx={TabsStyles.mainTabSelect} size=\"small\">\r\n                  <Select value=\"Stage\" disabled>\r\n                    <MenuItem value=\"Stage\">Stage</MenuItem>\r\n                  </Select>\r\n                </FormControl>\r\n              </Grid>\r\n            </Grid>\r\n          )}\r\n      </Grid>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default Lane;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport {\r\n  Box,\r\n  Select,\r\n  MenuItem,\r\n  FormControl,\r\n  Typography,\r\n  Grid,\r\n} from \"@mui/material\";\r\n\r\nimport ListingValues from \"../common/listing-values\";\r\nimport {\r\n  DndContext,\r\n  closestCenter,\r\n  KeyboardSensor,\r\n  MouseSensor,\r\n  TouchSensor,\r\n  useSensor,\r\n  useSensors,\r\n  DragEndEvent,\r\n} from \"@dnd-kit/core\";\r\nimport { TabsStyles } from \"../style\";\r\nimport { craftTableFilterSettingsOptionsProps } from \"../../../types/table-options\";\r\nimport { LANE_SELECTS } from \"../constants\";\r\n\r\nconst GroupBy = ({\r\n  filterSettingStates,\r\n  columnsData,\r\n  tabsApiData,\r\n  tabsApiDataLoading,\r\n}: {\r\n  filterSettingStates: craftTableFilterSettingsOptionsProps;\r\n  columnsData: any;\r\n  tabsApiData?: any[];\r\n  tabsApiDataLoading?: boolean;\r\n}) => {\r\n  const { settingsData, setSettingsData } = filterSettingStates;\r\n\r\n  const quickTabStates = settingsData?.quick_tab as any;\r\n  const [searchTerm, setSearchTerm] = useState(\"\");\r\n\r\n  const isStatus = quickTabStates?.attribute === \"Status\";\r\n  const enableDND =\r\n    quickTabStates?.attribute === \"Source\" &&\r\n    quickTabStates?.sorting === \"custom\";\r\n\r\n  const sensors = useSensors(\r\n    useSensor(MouseSensor),\r\n    useSensor(TouchSensor),\r\n    useSensor(KeyboardSensor)\r\n  );\r\n\r\n  useEffect(() => {\r\n    if (!quickTabStates || !quickTabStates.attribute) {\r\n      setSettingsData((prev) => ({\r\n        ...prev,\r\n        quick_tab: {\r\n          attribute: \"Status\",\r\n          sorting: \"asc\",\r\n          show_list: [],\r\n          hide_list: [],\r\n        },\r\n      }));\r\n    }\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    if (!tabsApiData) return;\r\n\r\n    setSettingsData((prev) => ({\r\n      ...prev,\r\n      quick_tab: {\r\n        ...prev.quick_tab,\r\n        hide_list: tabsApiData,\r\n        show_list: [],\r\n        sorting: quickTabStates?.attribute === \"Source\" ? \"count_dsc\" : \"asc\",\r\n      },\r\n    }));\r\n  }, [quickTabStates?.attribute]);\r\n\r\n  /* Drag logic unchanged */\r\n  const handleDragEnd = (event: DragEndEvent) => {\r\n    const { active, over } = event;\r\n    if (!over) return;\r\n\r\n    const from = active.data.current?.containerId;\r\n    const to = over.data.current?.containerId;\r\n    if (!from || !to) return;\r\n\r\n    const showList = [...(quickTabStates.show_list ?? [])];\r\n    const hideList = [...(quickTabStates.hide_list ?? [])];\r\n\r\n    if (from === to) {\r\n      const list = from === \"lanes\" ? showList : hideList;\r\n      const oldIndex = list.indexOf(String(active.id));\r\n      const newIndex = list.indexOf(String(over.id));\r\n      if (oldIndex !== -1 && newIndex !== -1) {\r\n        const [moved] = list.splice(oldIndex, 1);\r\n        list.splice(newIndex, 0, moved);\r\n      }\r\n    } else {\r\n      if (from === \"list\" && to === \"lanes\") {\r\n        hideList.splice(hideList.indexOf(String(active.id)), 1);\r\n        showList.push(String(active.id));\r\n      }\r\n      if (from === \"lanes\" && to === \"list\") {\r\n        showList.splice(showList.indexOf(String(active.id)), 1);\r\n        hideList.push(String(active.id));\r\n      }\r\n    }\r\n\r\n    setSettingsData((prev) => ({\r\n      ...prev,\r\n      quick_tab: {\r\n        ...prev.quick_tab,\r\n        show_list: showList,\r\n        hide_list: hideList,\r\n      },\r\n    }));\r\n  };\r\n\r\n  const handleItemToggle = (itemId: string, fromContainerId: string) => {\r\n    const showList = [...(quickTabStates.show_list ?? [])];\r\n    const hideList = [...(quickTabStates.hide_list ?? [])];\r\n\r\n    if (fromContainerId === \"list\") {\r\n      hideList.splice(hideList.indexOf(itemId), 1);\r\n      showList.push(itemId);\r\n    } else {\r\n      showList.splice(showList.indexOf(itemId), 1);\r\n      hideList.push(itemId);\r\n    }\r\n\r\n    setSettingsData((prev) => ({\r\n      ...prev,\r\n      quick_tab: {\r\n        ...prev.quick_tab,\r\n        show_list: showList,\r\n        hide_list: hideList,\r\n      },\r\n    }));\r\n  };\r\n\r\n  const sortingOptions = [\r\n    { label: \"A-Z\", value: \"asc\" },\r\n    { label: \"Z-A\", value: \"dsc\" },\r\n    { label: \"Count (Ascending)\", value: \"count_asc\" },\r\n    { label: \"Count (Descending)\", value: \"count_dsc\" },\r\n    { label: \"Custom\", value: \"custom\" },\r\n  ];\r\n\r\n  return (\r\n    <Box sx={{ display: \"flex\", flexDirection: \"column\", height: \"100%\" }}>\r\n      <Typography variant=\"caption\" sx={TabsStyles.mainTabsHeader}>\r\n        **Swim Lane settings will be reflected in vertical lanes\r\n      </Typography>\r\n\r\n      <Grid sx={{ position: \"relative\" }} container>\r\n        <Grid size={12}>\r\n          <Grid sx={TabsStyles.mainTabDropdown} size={6}>\r\n            <FormControl sx={TabsStyles.mainTabSelect} size=\"small\">\r\n              <Select\r\n                value={quickTabStates?.attribute || \"\"}\r\n                onChange={(e) =>\r\n                  setSettingsData((prev) => ({\r\n                    ...prev,\r\n                    quick_tab: {\r\n                      ...prev.quick_tab,\r\n                      attribute: e.target.value,\r\n                    },\r\n                  }))\r\n                }\r\n              >\r\n                {LANE_SELECTS?.map((lane: any) => (\r\n                  <MenuItem key={lane?.key} value={lane?.value}>\r\n                    {lane?.value}\r\n                  </MenuItem>\r\n                ))}\r\n              </Select>\r\n            </FormControl>\r\n\r\n            <FormControl sx={TabsStyles.selectDropdownSeparator} size=\"small\">\r\n              <Select\r\n                disabled={isStatus}\r\n                value={quickTabStates?.sorting}\r\n                onChange={(e) =>\r\n                  setSettingsData((prev) => ({\r\n                    ...prev,\r\n                    quick_tab: {\r\n                      ...prev.quick_tab,\r\n                      sorting: e.target.value,\r\n                    },\r\n                  }))\r\n                }\r\n              >\r\n                {!isStatus &&\r\n                  sortingOptions.map((opt) => (\r\n                    <MenuItem key={opt.value} value={opt.value}>\r\n                      {opt.label}\r\n                    </MenuItem>\r\n                  ))}\r\n              </Select>\r\n            </FormControl>\r\n          </Grid>\r\n        </Grid>\r\n\r\n        <DndContext\r\n          sensors={sensors}\r\n          collisionDetection={closestCenter}\r\n          onDragEnd={handleDragEnd}\r\n        >\r\n          <Grid sx={{ mt: 2 }} container spacing={2} size={12}>\r\n            <ListingValues\r\n              buttonText=\"Show All\"\r\n              headerText=\"List of Values\"\r\n              filteredValues={quickTabStates?.hide_list || []}\r\n              searchTerm={searchTerm}\r\n              setSearchTerm={setSearchTerm}\r\n              containerId=\"list\"\r\n              tabsApiDataLoading={tabsApiDataLoading}\r\n              onItemToggle={handleItemToggle}\r\n              enableDragAndDrop={enableDND}\r\n            />\r\n\r\n            <ListingValues\r\n              buttonText=\"Hide All\"\r\n              headerText=\"View as Lanes\"\r\n              filteredValues={quickTabStates?.show_list || []}\r\n              containerId=\"lanes\"\r\n              onItemToggle={handleItemToggle}\r\n              enableDragAndDrop={enableDND}\r\n            />\r\n          </Grid>\r\n        </DndContext>\r\n      </Grid>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default GroupBy;\r\n","import React, { useState } from \"react\";\r\nimport {\r\n  DialogTitle,\r\n  IconButton,\r\n  Box,\r\n  Typography,\r\n  DialogContent,\r\n  DialogActions,\r\n} from \"@mui/material\";\r\nimport CloseIcon from \"@mui/icons-material/Close\";\r\nimport CustomVerticalTabs from \"./tabs/vertical\";\r\nimport CustomTabPanel from \"./tabs/vertical/custom-tab-panel\";\r\nimport QuickTab from \"./components/quick-tab\";\r\nimport Column from \"./components/column\";\r\nimport Sorting from \"./components/sorting\";\r\nimport { QuickFilterModalProps } from \"../../types/filter-settings\";\r\nimport { CustomDialog, DialogTransition } from \"./components/custom-dialog\";\r\nimport { dialogStyles } from \"./style\";\r\nimport CustomButton from \"./components/custom-button\";\r\nimport { KANBAN_SETTINGS_TABS, SETTINGS_TABS } from \"./constants\";\r\nimport Loader from \"../common/loader/loader\";\r\nimport Lane from \"./components/lane\";\r\nimport GroupBy from \"./components/swim-lane\";\r\nimport { useFullscreenPopoverContainer } from \"../../libs/hooks/useFullScreen\";\r\n\r\nexport function QuickFilterSettings({\r\n  view = \"listing\",\r\n  isFlatJson,\r\n  show,\r\n  filterSettingStates,\r\n  onClose,\r\n  columnsData,\r\n  columnsDataLoading,\r\n  quickTabAttributes,\r\n  quickTabAttributesLoading,\r\n  columnTabAttributes,\r\n  columnTabAttributesLoading,\r\n  sortingTabAttributes,\r\n  sortingTabAttributesLoading,\r\n  tabsApiData,\r\n  tabsApiDataLoading,\r\n  onSaveSettingsData,\r\n  activeTab,\r\n  selectAttributeData,\r\n  selectSwinLandData,\r\n}: QuickFilterModalProps) {\r\n  const [tabValue, setTabValue] = useState(0);\r\n  const { container: fullscreenContainer } = useFullscreenPopoverContainer();\r\n\r\n  const {\r\n    showListViewSettings,\r\n    quickTabStates,\r\n    columnTabState,\r\n    sortingTabState,\r\n    saveButtonError,\r\n  } = filterSettingStates;\r\n\r\n  const hasAPIData = Boolean(Object.entries(columnsData).length);\r\n  let disbaledCondition =\r\n    // quickTabStates?.show_list?.length === 0 ||      --> commented as per the requirement\r\n    columnTabState?.isDefault\r\n      ? columnTabState?.show_list?.length === 0\r\n      : columnTabState?.tabs?.find((tab) => tab?.show_list?.length === 0)\r\n          ?.show_list?.length === 0;\r\n\r\n  const handleTabChange = (_: React.SyntheticEvent, newValue: number) => {\r\n    setTabValue(newValue);\r\n  };\r\n\r\n  const handleSaveSetSettingsData = () => {\r\n    const copyColumnTabState = {\r\n      isDefault: columnTabState?.isDefault,\r\n      show_list: columnTabState?.show_list || [],\r\n      hide_list: columnTabState?.hide_list || [],\r\n      tabs: columnTabState?.tabs || [],\r\n    };\r\n    // : {\r\n    //     isDefault: false,\r\n    //     tabs: columnTabState?.tabs || [],\r\n    //   };\r\n    // commented as per the requirement\r\n    const copySortingTabState = {\r\n      isDefault: sortingTabState?.isDefault,\r\n      sortby:\r\n        sortingTabState?.sortby?.filter((item) => item.column !== \"\") || [],\r\n      tabs: sortingTabState?.tabs || [],\r\n    };\r\n    // : {\r\n    //     isDefault: false,\r\n    //     tabs: sortingTabState?.tabs || [],\r\n    //   };\r\n\r\n    const modifiedSettingsData = {\r\n      quick_tab: quickTabStates,\r\n      column: copyColumnTabState,\r\n      sorting: copySortingTabState,\r\n    };\r\n\r\n    onSaveSettingsData && onSaveSettingsData(modifiedSettingsData);\r\n    onClose && onClose();\r\n  };\r\n\r\n  return (\r\n    <CustomDialog\r\n      open={show || showListViewSettings}\r\n      fullWidth\r\n      maxWidth=\"lg\"\r\n      slots={{\r\n        transition: DialogTransition,\r\n      }}\r\n      container={fullscreenContainer}\r\n    >\r\n      <DialogTitle sx={dialogStyles.dialogTitle}>\r\n        <Typography sx={{ fontSize: \"1.125rem\" }}>\r\n          {view === \"listing\"\r\n            ? \"Quick Filter Settings\"\r\n            : \"Kanban View Settings\"}\r\n        </Typography>\r\n\r\n        <IconButton\r\n          size=\"small\"\r\n          color=\"inherit\"\r\n          onClick={() => {\r\n            onClose && onClose();\r\n          }}\r\n        >\r\n          <CloseIcon />\r\n        </IconButton>\r\n      </DialogTitle>\r\n\r\n      <DialogContent>\r\n        {columnsDataLoading ? (\r\n          <Loader loaderText=\"Loading settings...\" />\r\n        ) : !hasAPIData ? ( // check if columns data is available\r\n          <Typography>Please pass meta data in component</Typography>\r\n        ) : (\r\n          <>\r\n            <CustomVerticalTabs\r\n              value={tabValue}\r\n              onChange={handleTabChange}\r\n              tabItems={\r\n                view === \"listing\" ? SETTINGS_TABS : KANBAN_SETTINGS_TABS\r\n              }\r\n            />\r\n\r\n            <Box sx={{ flex: \"1\" }}>\r\n              {view.toLowerCase() === \"listing\" && (\r\n                <CustomTabPanel value={tabValue} index={0}>\r\n                  {tabValue === 0 && (\r\n                    <QuickTab\r\n                      filterSettingStates={filterSettingStates}\r\n                      columnsData={quickTabAttributes}\r\n                      tabsApiData={tabsApiData}\r\n                      tabsApiDataLoading={tabsApiDataLoading}\r\n                      activeTab={activeTab}\r\n                      columnTabAttributes={columnTabAttributes}\r\n                      isFlatJson={isFlatJson}\r\n                    />\r\n                  )}\r\n                </CustomTabPanel>\r\n              )}\r\n\r\n              {view.toLowerCase() === \"listing\" && (\r\n                <CustomTabPanel value={tabValue} index={1}>\r\n                  {tabValue === 1 && (\r\n                    <Column\r\n                      filterSettingStates={filterSettingStates}\r\n                      columnsData={columnsData}\r\n                      columnTabAttributes={columnTabAttributes}\r\n                      columnTabAttributesLoading={columnTabAttributesLoading}\r\n                    />\r\n                  )}\r\n                </CustomTabPanel>\r\n              )}\r\n\r\n              {view.toLowerCase() === \"listing\" && (\r\n                <CustomTabPanel value={tabValue} index={2}>\r\n                  {tabValue === 2 && (\r\n                    <Sorting\r\n                      filterSettingStates={filterSettingStates}\r\n                      columnsData={sortingTabAttributes}\r\n                    />\r\n                  )}\r\n                </CustomTabPanel>\r\n              )}\r\n              {view.toLowerCase() === \"kanban\" && (\r\n                <CustomTabPanel value={tabValue} index={0}>\r\n                  {tabValue === 0 && (\r\n                    <Lane\r\n                      filterSettingStates={filterSettingStates}\r\n                      columnsData={columnsData}\r\n                      selectAttributeData={selectAttributeData}\r\n                    />\r\n                  )}\r\n                </CustomTabPanel>\r\n              )}\r\n\r\n              {view.toLowerCase() === \"kanban\" && (\r\n                <CustomTabPanel value={tabValue} index={1}>\r\n                  {tabValue === 1 && (\r\n                    <GroupBy\r\n                      filterSettingStates={filterSettingStates}\r\n                      columnsData={columnsData}\r\n                      selectSwinLandData={selectSwinLandData}\r\n                    />\r\n                  )}\r\n                </CustomTabPanel>\r\n              )}\r\n            </Box>\r\n          </>\r\n        )}\r\n      </DialogContent>\r\n\r\n      {!columnsDataLoading && hasAPIData && (\r\n        // <DialogActions>\r\n        //   <CustomButton\r\n        //     // disabled={saveButtonError?.hasError}\r\n        //     // disabled={saveButtonError?.hasError}\r\n        //     disabled={disbaledCondition}\r\n        //     onClick={handleSaveSetSettingsData}\r\n        //   >\r\n        //     {view === \"listing\" ? \"Save Quick Filter\" : \"Save Kanban Layout\"}\r\n        //   </CustomButton>\r\n        // </DialogActions>\r\n        <DialogActions>\r\n          {view === \"kanban\" && tabValue === 0 && (\r\n            <>\r\n              <CustomButton onClick={handleSaveSetSettingsData}>\r\n                Save & Close\r\n              </CustomButton>\r\n              <CustomButton onClick={() => setTabValue(1)} variant=\"contained\">\r\n                Next\r\n              </CustomButton>\r\n            </>\r\n          )}\r\n\r\n          {view === \"kanban\" && tabValue === 1 && (\r\n            <CustomButton onClick={handleSaveSetSettingsData}>\r\n              Save\r\n            </CustomButton>\r\n          )}\r\n        </DialogActions>\r\n      )}\r\n    </CustomDialog>\r\n  );\r\n}\r\n","import { Theme } from \"@emotion/react\";\r\nimport { SxProps } from \"@mui/material\";\r\n\r\ninterface KanbanStyles {\r\n  syncingStyle: SxProps<Theme>;\r\n  topHeader: SxProps<Theme>;\r\n  laneHeader: SxProps<Theme>;\r\n  badge: SxProps<Theme>;\r\n  swimlaneWrapperStyle: SxProps<Theme>;\r\n  columnStyle: SxProps<Theme>;\r\n  stageStyle: SxProps<Theme>;\r\n  stageBadge: SxProps<Theme>;\r\n  cardContainer: SxProps<Theme>;\r\n  cardContent: SxProps<Theme>;\r\n  cardHeaderStyle: SxProps<Theme>;\r\n  cardAvatar: SxProps<Theme>;\r\n  statusStyle: SxProps<Theme>;\r\n  codeStyle: SxProps<Theme>;\r\n  nameIconContainer: SxProps<Theme>;\r\n  leadName: SxProps<Theme>;\r\n  iconStyle: SxProps<Theme>;\r\n  leadOwnerStyle: SxProps<Theme>;\r\n  calendarIcon: SxProps<Theme>;\r\n  dateStyle: SxProps<Theme>;\r\n  subSectionAccordion: SxProps<Theme>;\r\n  subSectionCountContainer: SxProps<Theme>;\r\n  cardsContainer: SxProps<Theme>;\r\n  settingStyle: SxProps<Theme>;\r\n  swimLaneAccordionStyle: SxProps<Theme>;\r\n  subSectionHeaderContainer: SxProps<Theme>;\r\n}\r\n\r\nexport const kanbanStyles: KanbanStyles = {\r\n  syncingStyle: {\r\n    display: \"flex\",\r\n    flexDirection: \"row\",\r\n    gap: \"8px\",\r\n    width: \"100%\",\r\n  },\r\n  topHeader: {\r\n    display: \"flex\",\r\n    alignItems: \"center\",\r\n    gap: 1,\r\n    px: 1,\r\n    pt: 2,\r\n    bgcolor: \"white\",\r\n    width: \"fit-content\",\r\n    position: \"sticky\", // Add sticky positioning\r\n    top: 0, // Stick to the top of the viewport\r\n    right: 0,\r\n    zIndex: 1100, // Ensure it stays above other content\r\n  },\r\n  laneHeader: {\r\n    flex: 1, // Equal width distribution\r\n    minWidth: \"263px\",\r\n    maxWidth: \"263px\",\r\n    display: \"flex\",\r\n    fontWeight: 700,\r\n    fontSize: \"16px\",\r\n    borderRadius: \"6px\",\r\n    alignItems: \"center\",\r\n    justifyContent: \"center\",\r\n    py: \"8px\",\r\n    px: \"12px\",\r\n    position: \"relative\",\r\n  },\r\n  badge: {\r\n    position: \"absolute\",\r\n    top: \"-12px\",\r\n    left: \"8px\",\r\n    px: 1,\r\n    color: \"white\",\r\n    borderRadius: \"8px\",\r\n  },\r\n  swimlaneWrapperStyle: {\r\n    flexDirection: \"row-reverse\",\r\n    bgcolor: \"white\",\r\n    minHeight: 44, // overall height\r\n    px: 2,\r\n    py: 0, // remove vertical padding\r\n    \"&.Mui-expanded\": {\r\n      minHeight: 44,\r\n    },\r\n    \"& .MuiAccordionSummary-content\": {\r\n      margin: \"8px 0\", // reduced vertical spacing\r\n      display: \"flex\",\r\n      alignItems: \"center\",\r\n      justifyContent: \"flex-start\",\r\n      gap: 5,\r\n      \"&.Mui-expanded\": {\r\n        margin: \"8px 0\", // maintain same margin when expanded\r\n      },\r\n    },\r\n    \"& .MuiAccordionSummary-expandIconWrapper\": {\r\n      mr: 0, // reduce gap between icon and content\r\n    },\r\n  },\r\n  columnStyle: {\r\n    flex: 1, // Equal width distribution\r\n    p: \"12px\",\r\n    // px: \"2px\",\r\n    minHeight: \"500px\",\r\n    // borderRight: \"1px solid #e0e0e0\",\r\n\r\n    borderRadius: \"6px\",\r\n    minWidth: \"263px\",\r\n    maxWidth: \"263px\",\r\n  },\r\n  stageStyle: {\r\n    mb: 2,\r\n    bgcolor: \"#f9fafb\",\r\n    borderTopLeftRadius: \"8px !important\",\r\n    borderBottomLeftRadius: \"8px !important\",\r\n    borderTopRightRadius: \"8px !important\",\r\n    // borderRadius: 2,\r\n    overflow: \"hidden\",\r\n    boxShadow: \"none\",\r\n    \"&:before\": { display: \"none\" }, // remove default divider line\r\n  },\r\n  stageBadge: {\r\n    \"& .MuiBadge-badge\": {\r\n      color: \"black\",\r\n      fontWeight: \"bold\",\r\n      fontSize: \"0.75rem\",\r\n    },\r\n  },\r\n  cardContainer: {\r\n    borderRadius: 2,\r\n    bgcolor: \"#fff\",\r\n    position: \"relative\",\r\n\r\n    boxShadow:\r\n      \"0px 1.36px 2.72px rgba(23, 23, 23, 0.06), 0px 2.72px 5.44px rgba(23, 23, 23, 0.1)\",\r\n    border: \"none\", // explicitly remove border\r\n  },\r\n  cardContent: {\r\n    p: \"12px !important\",\r\n    display: \"flex\",\r\n    flexDirection: \"column\",\r\n    gap: \"4px\",\r\n  },\r\n  cardHeaderStyle: {\r\n    display: \"flex\",\r\n    justifyContent: \"space-between\",\r\n    alignItems: \"flex-start\",\r\n    // mb: 1,\r\n  },\r\n  cardAvatar: {\r\n    width: \"18px\",\r\n    height: \"18px\",\r\n    fontSize: \"12px\",\r\n    fontWeight: 600,\r\n    bgcolor: \"#e5e7eb\",\r\n    color: \"#374151\",\r\n    mr: 1,\r\n  },\r\n  statusStyle: {\r\n    height: 20,\r\n    fontSize: \"0.6875rem\",\r\n\r\n    fontWeight: 500,\r\n  },\r\n  codeStyle: {\r\n    fontSize: \"12px\",\r\n    color: \"#6b7280\",\r\n    fontWeight: 500,\r\n    mb: 0.5,\r\n    cursor: \"pointer\",\r\n  },\r\n  nameIconContainer: {\r\n    display: \"flex\",\r\n    justifyContent: \"space-between\",\r\n    alignItems: \"flex-start\",\r\n    borderBottom: \"1px solid #e5e7eb\",\r\n    pb: 2,\r\n  },\r\n  leadName: {\r\n    fontSize: \"15px\",\r\n    fontWeight: 500,\r\n    color: \"#1f2937\",\r\n    lineHeight: 1.3,\r\n  },\r\n  iconStyle: {\r\n    color: \"#6b7280\",\r\n    bgcolor: \"#f3f4f6\",\r\n    borderRadius: \"50%\",\r\n    width: \"20px\",\r\n    height: \"20px\",\r\n    p: 0.6,\r\n  },\r\n  leadOwnerStyle: {\r\n    fontSize: \"12px\",\r\n    color: \"#374151\",\r\n    fontWeight: 500,\r\n  },\r\n  calendarIcon: {\r\n    width: \"14px\",\r\n    height: \"14px\",\r\n    color: \"#7b7a79\",\r\n    mr: 0.5,\r\n  },\r\n  dateStyle: {\r\n    fontSize: \"12px\",\r\n    color: \"#7b7a79\",\r\n\r\n    fontWeight: 500,\r\n  },\r\n  subSectionAccordion: {\r\n    height: \"52px\", // fixed height\r\n    minHeight: \"52px\", // prevent auto-expansion\r\n    \"&.Mui-expanded\": {\r\n      minHeight: \"52px\", // fix expanded state height\r\n      height: \"52px\",\r\n    },\r\n    border: \"1px solid #e2e8f0\",\r\n    borderTopRightRadius: \"8px\",\r\n    px: 2,\r\n  },\r\n  subSectionCountContainer: {\r\n    // px: 1,\r\n    color: \"white\",\r\n    height: \"26px\",\r\n    width: \"26px !important\",\r\n    fontSize: \"10px\",\r\n    fontWeight: \"bold\",\r\n    display: \"flex\",\r\n    alignItems: \"center\",\r\n    justifyContent: \"center\",\r\n    borderRadius: \"50%\",\r\n  },\r\n  cardsContainer: {\r\n    px: 1,\r\n    gap: \"12px\",\r\n    display: \"flex\",\r\n    flexDirection: \"column\",\r\n    p: \"8px\",\r\n  },\r\n  settingStyle: {\r\n    bgcolor: \"#f8fafc\",\r\n    width: \"56px\",\r\n    height: \"41px\",\r\n    borderRadius: \"6px\",\r\n    border: \"1px solid #e2e8f0\",\r\n  },\r\n  swimLaneAccordionStyle: {\r\n    mb: 1,\r\n    \"&:before\": { display: \"none\" },\r\n    py: 0,\r\n    boxShadow: \"none\",\r\n  },\r\n  subSectionHeaderContainer: {\r\n    display: \"flex\",\r\n    alignItems: \"center\",\r\n    gap: \"8px\",\r\n  },\r\n};\r\n","export const rawData = {\r\n  lanes: [\r\n    { id: 1, name: \"Enquiry\", color: \"#fff0f3\", darkColor: \"#fea3b4\" },\r\n    { id: 2, name: \"Qualified Lead\", color: \"#fffbed\", darkColor: \"#fde272\" },\r\n    { id: 3, name: \"Application\", color: \"#ebf9fc\", darkColor: \"#67e3f9\" },\r\n    { id: 4, name: \"Admission\", color: \"#edf9f3\", darkColor: \"#73e2a3\" },\r\n    { id: 5, name: \"Documents\", color: \"#edf9f3\", darkColor: \"#73e2a3\" },\r\n    { id: 6, name: \"Admission\", color: \"#edf9f3\", darkColor: \"#73e2a3\" },\r\n  ],\r\n  swim_lanes: [\r\n    {\r\n      id: 12,\r\n      name: \"Active\",\r\n      sub_lanes: [\r\n        {\r\n          id: 1,\r\n          name: \"Lead Assignment\",\r\n          color: \"red\",\r\n          lane_id: 1,\r\n          expanded: true,\r\n        },\r\n        {\r\n          id: 2,\r\n          name: \"Initial Outreach\",\r\n          color: \"green\",\r\n          lane_id: 1,\r\n          expanded: true,\r\n        },\r\n        {\r\n          id: 3,\r\n          name: \"Lead Assessment\",\r\n          color: \"yellow\",\r\n          lane_id: 2,\r\n          expanded: true,\r\n        },\r\n        {\r\n          id: 4,\r\n          name: \"Campus Visit\",\r\n          color: \"#FFE885\",\r\n          lane_id: 2,\r\n          expanded: true,\r\n        },\r\n        {\r\n          id: 5,\r\n          name: \"Application Collection\",\r\n          color: \"#90E0F3\",\r\n          lane_id: 3,\r\n          expanded: true,\r\n        },\r\n        {\r\n          id: 6,\r\n          name: \"Student Assessment\",\r\n          color: \"#90E0F3\",\r\n          lane_id: 3,\r\n          expanded: true,\r\n        },\r\n        {\r\n          id: 7,\r\n          name: \"Fee Collection\",\r\n          color: \"#90EE90\",\r\n          lane_id: 4,\r\n          expanded: true,\r\n        },\r\n        {\r\n          id: 8,\r\n          name: \"System Integration\",\r\n          color: \"#90EE90\",\r\n          lane_id: 4,\r\n          expanded: true,\r\n        },\r\n      ],\r\n    },\r\n    {\r\n      id: 13,\r\n      name: \"Dormant\",\r\n      sub_lanes: [],\r\n    },\r\n    {\r\n      id: 14,\r\n      name: \"Disqualify\",\r\n      sub_lanes: [],\r\n    },\r\n    {\r\n      id: 15,\r\n      name: \"Lost\",\r\n      sub_lanes: [],\r\n    },\r\n  ],\r\n  data: [\r\n    // Lead Assignment\r\n    {\r\n      id: 1,\r\n      name: \"Aditi Sharma\",\r\n      sub_lane_id: 1,\r\n      email: \"aditisharma@gmail.com\",\r\n      phone: \"+91 9846213495\",\r\n      status: \"Active\",\r\n      progress: 0,\r\n      days: \"10 Days\",\r\n      reference_id: \"INQ2024XY\",\r\n      priority: null,\r\n      lost: false,\r\n    },\r\n    {\r\n      id: 2,\r\n      name: \"Aditi Sharma\",\r\n      sub_lane_id: 1,\r\n      email: \"aditisharma@gmail.com\",\r\n      phone: \"+91 9846213495\",\r\n      status: \"Active\",\r\n      progress: 0,\r\n      days: \"10 Days\",\r\n      reference_id: \"INQ2024XY\",\r\n      priority: null,\r\n      lost: false,\r\n    },\r\n    // Initial Outreach\r\n    {\r\n      id: 3,\r\n      name: \"Rashmi Desai\",\r\n      sub_lane_id: 2,\r\n      email: \"aditisharma@gmail.com\",\r\n      phone: \"+91 9765874320\",\r\n      status: \"Active\",\r\n      progress: 0,\r\n      days: \"10 Days\",\r\n      reference_id: \"INQ2024XY\",\r\n      priority: null,\r\n      lost: false,\r\n    },\r\n    // Lead Assessment\r\n    {\r\n      id: 4,\r\n      name: \"Aditi Sharma\",\r\n      sub_lane_id: 3,\r\n      email: \"aditisharma@gmail.com\",\r\n      phone: \"+91 9846213495\",\r\n      status: \"Active\",\r\n      progress: 0,\r\n      days: \"10 Days\",\r\n      reference_id: \"INQ2024XY\",\r\n      priority: null,\r\n      lost: false,\r\n    },\r\n    // Campus Visit\r\n    {\r\n      id: 5,\r\n      name: \"Aditi Sharma\",\r\n      sub_lane_id: 4,\r\n      email: \"aditisharma@gmail.com\",\r\n      phone: \"+91 9846213495\",\r\n      status: \"Lost\",\r\n      progress: 0,\r\n      days: \"10 Days\",\r\n      reference_id: \"2DQ2024XY\",\r\n      priority: null,\r\n      lost: true,\r\n    },\r\n    {\r\n      id: 6,\r\n      name: \"Aditi Sharma\",\r\n      sub_lane_id: 4,\r\n      email: \"aditisharma@gmail.com\",\r\n      phone: \"+91 9846213495\",\r\n      status: \"Active\",\r\n      progress: 0,\r\n      days: \"10 Days\",\r\n      reference_id: \"INQ2024XY\",\r\n      priority: null,\r\n      lost: false,\r\n    },\r\n    // Application Collection\r\n    {\r\n      id: 7,\r\n      name: \"Aditi Sharma\",\r\n      sub_lane_id: 5,\r\n      email: \"aditisharma@gmail.com\",\r\n      phone: \"+91 9452013495\",\r\n      status: \"Active\",\r\n      progress: 0,\r\n      days: \"10 Days\",\r\n      reference_id: \"INQ2024XY\",\r\n      priority: null,\r\n      lost: false,\r\n    },\r\n    {\r\n      id: 8,\r\n      name: \"Aditi Sharma\",\r\n      sub_lane_id: 5,\r\n      email: \"aditisharma@gmail.com\",\r\n      phone: \"+91 9452013495\",\r\n      status: \"Active\",\r\n      progress: 0,\r\n      days: \"10 Days\",\r\n      reference_id: \"INQ2024XY\",\r\n      priority: null,\r\n      lost: false,\r\n    },\r\n    // Student Assessment\r\n    {\r\n      id: 9,\r\n      name: \"Aditi Sharma\",\r\n      sub_lane_id: 6,\r\n      email: \"aditisharma@gmail.com\",\r\n      phone: \"+91 9452013495\",\r\n      status: \"Active\",\r\n      progress: 0,\r\n      days: \"10 Days\",\r\n      reference_id: \"INQ2024XY\",\r\n      priority: null,\r\n      lost: false,\r\n    },\r\n    // Fee Collection\r\n    {\r\n      id: 10,\r\n      name: \"Aditi Sharma\",\r\n      sub_lane_id: 7,\r\n      email: \"aditisharma@gmail.com\",\r\n      phone: \"+91 9846015495\",\r\n      status: \"Active\",\r\n      progress: 0,\r\n      days: \"You\",\r\n      reference_id: \"INQ2024XY\",\r\n      priority: \"High\",\r\n      lost: false,\r\n    },\r\n    // System Integration\r\n    {\r\n      id: 11,\r\n      name: \"Aditi Sharma\",\r\n      sub_lane_id: 8,\r\n      email: \"aditisharma@gmail.com\",\r\n      phone: \"+91 9846015495\",\r\n      status: \"Lost\",\r\n      progress: 0,\r\n      days: \"You\",\r\n      reference_id: \"INQ2024XY\",\r\n      priority: \"Low\",\r\n      lost: true,\r\n    },\r\n  ],\r\n};\r\n\r\nexport const COLOR_CONSTANTS = [\r\n  { color: \"#fff0f3\", darkColor: \"#fea3b4\" },\r\n  { color: \"#fffbed\", darkColor: \"#fde272\" },\r\n  { color: \"#ebf9fc\", darkColor: \"#67e3f9\" },\r\n  { color: \"#edf9f3\", darkColor: \"#73e2a3\" },\r\n];\r\n","import React, { useEffect, useState } from \"react\";\r\nimport {\r\n  Box,\r\n  Typography,\r\n  Accordion,\r\n  AccordionSummary,\r\n  AccordionDetails,\r\n  IconButton,\r\n} from \"@mui/material\";\r\nimport SettingsOutlinedIcon from \"@mui/icons-material/SettingsOutlined\";\r\nimport {\r\n  ExpandMore as ExpandMoreIcon,\r\n  Settings as SettingsIcon,\r\n} from \"@mui/icons-material\";\r\nimport ArrowDropDownIcon from \"@mui/icons-material/ArrowDropDown\";\r\nimport { kanbanStyles } from \"./styles/styles\";\r\nimport { Lane, SubLane, SwimLane } from \"./types/types\";\r\nimport { COLOR_CONSTANTS } from \"./constants/kanban-constants\";\r\nimport Loader from \"../listing/components/common/loader/loader\";\r\n\r\nconst Kanban = ({\r\n  metaData,\r\n  data,\r\n  isLoading,\r\n  KanbanCardComponent,\r\n  showSettings,\r\n  onOpenSettings,\r\n}: {\r\n  metaData: any;\r\n  data: any;\r\n  isLoading?: boolean;\r\n  KanbanCardComponent: React.ComponentType<{\r\n    key: string | number;\r\n    cardData: any;\r\n  }>;\r\n  showSettings: boolean;\r\n  onOpenSettings?: () => void;\r\n}) => {\r\n  const [expandedPanels, setExpandedPanels] = useState<{\r\n    [key: string]: boolean;\r\n  }>({\r\n    Active: true,\r\n  });\r\n\r\n  const [subLaneExpanded, setSubLaneExpanded] = useState<{\r\n    [key: string]: boolean;\r\n  }>({});\r\n\r\n  useEffect(() => {\r\n    if (metaData?.swim_lanes?.length) {\r\n      const initial: { [key: string]: boolean } = {};\r\n      metaData?.swim_lanes.forEach((swim_lane: SwimLane) => {\r\n        swim_lane?.sub_lanes?.forEach((sub_lane) => {\r\n          const key = `${swim_lane.id}-${sub_lane.lane_id}-${sub_lane.id}`;\r\n          initial[key] = sub_lane.expanded || false;\r\n        });\r\n      });\r\n      setSubLaneExpanded(initial);\r\n    }\r\n  }, [metaData]);\r\n\r\n  const handleAccordionChange =\r\n    (panel: string) => (event: React.SyntheticEvent, isExpanded: boolean) => {\r\n      setExpandedPanels((prev) => ({\r\n        ...prev,\r\n        [panel]: isExpanded,\r\n      }));\r\n    };\r\n\r\n  const toggleSubLane = (subLaneId: number | string) => {\r\n    setSubLaneExpanded((prev) => ({\r\n      ...prev,\r\n      [subLaneId]: !prev[subLaneId],\r\n    }));\r\n  };\r\n\r\n  const getLeadCount = (laneId: number): number => {\r\n    if (!metaData?.swim_lanes || !data) return 0;\r\n\r\n    const seenLeadIds = new Set<number | string>();\r\n    let count = 0;\r\n\r\n    metaData?.swim_lanes.forEach((swimLane: SwimLane) => {\r\n      swimLane.sub_lanes\r\n        ?.filter((subLane) => subLane.lane_id == laneId)\r\n        ?.forEach((subLane) => {\r\n          data?.forEach((lead: any) => {\r\n            if (lead?.stage_id == subLane?.id && !seenLeadIds.has(lead?.id)) {\r\n              seenLeadIds.add(lead.id);\r\n              count++;\r\n            }\r\n          });\r\n        });\r\n    });\r\n\r\n    return count;\r\n  };\r\n\r\n  return (\r\n    <>\r\n      {isLoading ? (\r\n        <Loader />\r\n      ) : (\r\n        <Box>\r\n          <Box\r\n            className=\"kanban-container\"\r\n            sx={{ width: \"100%\", bgcolor: \"white\", overflowX: \"auto\" }}\r\n          >\r\n            {/* Header */}\r\n            <Box sx={kanbanStyles.topHeader}>\r\n              <IconButton\r\n                onClick={onOpenSettings}\r\n                sx={{\r\n                  ...kanbanStyles.settingStyle,\r\n                  visibility: showSettings ? \"visible\" : \"hidden\",\r\n                }}\r\n              >\r\n                <SettingsOutlinedIcon />\r\n              </IconButton>\r\n\r\n              {/* Lane Headers - Replaced Grid with Flex */}\r\n              <Box\r\n                sx={{\r\n                  ...kanbanStyles.syncingStyle,\r\n                  flex: 1,\r\n                }}\r\n              >\r\n                {metaData?.lanes?.map((lane: Lane, index: number) => (\r\n                  <Box\r\n                    className=\"lane-header\"\r\n                    sx={{\r\n                      ...kanbanStyles.laneHeader,\r\n\r\n                      bgcolor: lane.color || COLOR_CONSTANTS[index % 4].color,\r\n                    }}\r\n                    key={lane.id}\r\n                  >\r\n                    <Box\r\n                      sx={{\r\n                        ...kanbanStyles.badge,\r\n\r\n                        bgcolor:\r\n                          lane.darkColor ||\r\n                          COLOR_CONSTANTS[index % 4].darkColor,\r\n                      }}\r\n                    >\r\n                      {getLeadCount(Number(lane.id))}\r\n                    </Box>\r\n\r\n                    <Typography variant=\"h6\" fontWeight=\"bold\" sx={{ px: 2 }}>\r\n                      {lane?.name}\r\n                    </Typography>\r\n                  </Box>\r\n                ))}\r\n              </Box>\r\n            </Box>\r\n\r\n            {/* Content */}\r\n            <Box\r\n              className=\"kanban-content\"\r\n              id=\"kanban-content\"\r\n              sx={{\r\n                maxHeight: \"calc(100vh - 186px)\",\r\n                // minWidth: \"100%\",\r\n\r\n                width: \"fit-content\",\r\n              }}\r\n            >\r\n              {/* Swim Lanes */}\r\n              {metaData?.swim_lanes?.map((swim_lane: SwimLane) => (\r\n                <Accordion\r\n                  key={swim_lane.id}\r\n                  expanded={!!expandedPanels[swim_lane.name]}\r\n                  onChange={handleAccordionChange(swim_lane.name)}\r\n                  sx={kanbanStyles.swimLaneAccordionStyle}\r\n                  // disabled={getSwimLaneCount(swim_lane.id) === 0 ? true : false}\r\n                >\r\n                  <AccordionSummary\r\n                    disabled={swim_lane?.sub_lanes?.length > 0 ? false : true}\r\n                    expandIcon={\r\n                      <ArrowDropDownIcon\r\n                        sx={{\r\n                          color: \"black\",\r\n                        }}\r\n                      />\r\n                    }\r\n                    sx={kanbanStyles.swimlaneWrapperStyle}\r\n                  >\r\n                    <Typography\r\n                      variant=\"body1\"\r\n                      fontWeight=\"medium\"\r\n                      sx={{ ml: 1.5 }}\r\n                    >\r\n                      {swim_lane?.name} (\r\n                      {\r\n                        data?.filter(\r\n                          (lead: any) => lead?.lead_status_id == swim_lane?.id\r\n                        ).length\r\n                      }\r\n                      )\r\n                    </Typography>\r\n                  </AccordionSummary>\r\n\r\n                  <AccordionDetails\r\n                    sx={{ pl: \"16px\", pr: \"8px\", width: \"fit-content\", py: 0 }}\r\n                  >\r\n                    {/* Replaced Grid with Flex */}\r\n                    <Box sx={{ ...kanbanStyles.syncingStyle, pl: 7 }}>\r\n                      {metaData?.lanes?.map((lane: Lane, index: number) => (\r\n                        <Box\r\n                          className=\"column\"\r\n                          sx={{\r\n                            ...kanbanStyles.columnStyle,\r\n                            bgcolor:\r\n                              lane?.color || COLOR_CONSTANTS[index % 4].color,\r\n                          }}\r\n                          key={lane.id}\r\n                        >\r\n                          {/* Sub-lanes for this lane */}\r\n                          {swim_lane?.sub_lanes\r\n                            ?.filter(\r\n                              (sub_lane: SubLane) =>\r\n                                sub_lane.lane_id.toString() == lane?.id\r\n                            )\r\n                            ?.map((sub_section: SubLane) => {\r\n                              const subLaneKey = `${swim_lane?.id}-${lane?.id}-${sub_section?.id}`;\r\n                              return (\r\n                                <Accordion\r\n                                  key={sub_section.id}\r\n                                  expanded={\r\n                                    data?.filter(\r\n                                      (lead: any) =>\r\n                                        lead?.stage_id == sub_section?.id &&\r\n                                        lead?.lead_status_id == swim_lane?.id\r\n                                    )?.length === 0\r\n                                      ? false\r\n                                      : subLaneExpanded[subLaneKey] || false\r\n                                  }\r\n                                  onChange={() => toggleSubLane(subLaneKey)}\r\n                                  sx={{\r\n                                    ...kanbanStyles.stageStyle,\r\n                                    borderLeft: `4px solid ${\r\n                                      lane.darkColor ||\r\n                                      COLOR_CONSTANTS[index % 4].darkColor\r\n                                    }`,\r\n                                  }}\r\n                                  // disabled={\r\n                                  //   metaData?.data?.filter(\r\n                                  //     (lead: LeadData) =>\r\n                                  //       lead.sub_lane_id === sub_section.id &&\r\n                                  //       !usedLeadIds.has(lead.id)\r\n                                  //   )?.length === 0\r\n                                  //     ? true\r\n                                  //     : false\r\n                                  // }\r\n                                >\r\n                                  <AccordionSummary\r\n                                    expandIcon={\r\n                                      <ExpandMoreIcon\r\n                                        sx={{\r\n                                          display:\r\n                                            data?.filter(\r\n                                              (lead: any) =>\r\n                                                lead?.stage_id ==\r\n                                                  sub_section?.id &&\r\n                                                lead?.lead_status_id ==\r\n                                                  swim_lane?.id\r\n                                            )?.length === 0\r\n                                              ? \"none\"\r\n                                              : \"block\",\r\n                                        }}\r\n                                      />\r\n                                    }\r\n                                    sx={kanbanStyles.subSectionAccordion}\r\n                                  >\r\n                                    <Box\r\n                                      sx={\r\n                                        kanbanStyles.subSectionHeaderContainer\r\n                                      }\r\n                                    >\r\n                                      <Box\r\n                                        className=\"sub-section-count\"\r\n                                        sx={{\r\n                                          ...kanbanStyles.subSectionCountContainer,\r\n                                          bgcolor:\r\n                                            lane?.darkColor ||\r\n                                            COLOR_CONSTANTS[index % 4]\r\n                                              .darkColor,\r\n                                        }}\r\n                                      >\r\n                                        {data?.filter(\r\n                                          (lead: any) =>\r\n                                            lead?.stage_id == sub_section?.id &&\r\n                                            lead?.lead_status_id ==\r\n                                              swim_lane?.id\r\n                                        )?.length || 0}\r\n                                      </Box>\r\n                                      <Typography\r\n                                        fontWeight=\"700\"\r\n                                        color=\"#555354\"\r\n                                        fontSize=\"12px\"\r\n                                      >\r\n                                        {sub_section?.name}\r\n                                      </Typography>\r\n                                    </Box>\r\n                                  </AccordionSummary>\r\n\r\n                                  <AccordionDetails\r\n                                    sx={kanbanStyles.cardsContainer}\r\n                                  >\r\n                                    {(() => {\r\n                                      const leadsForThisSubLane =\r\n                                        data?.filter(\r\n                                          (lead: any) =>\r\n                                            lead?.stage_id == sub_section?.id &&\r\n                                            lead?.lead_status_id ==\r\n                                              swim_lane?.id &&\r\n                                            lead?.stage_group_id == lane?.id\r\n                                        ) || [];\r\n\r\n                                      return leadsForThisSubLane.map(\r\n                                        (card: any) =>\r\n                                          (KanbanCardComponent && (\r\n                                            <KanbanCardComponent\r\n                                              key={card?.id}\r\n                                              cardData={card}\r\n                                            />\r\n                                          )) ||\r\n                                          null\r\n                                      );\r\n                                    })()}\r\n                                  </AccordionDetails>\r\n                                </Accordion>\r\n                              );\r\n                            })}\r\n                        </Box>\r\n                      ))}\r\n                    </Box>\r\n                  </AccordionDetails>\r\n                </Accordion>\r\n              ))}\r\n            </Box>\r\n          </Box>\r\n        </Box>\r\n      )}\r\n    </>\r\n  );\r\n};\r\n\r\nexport default Kanban;\r\n"],"names":["styleInject","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","UpArrow","_jsxs","xmlns","viewBox","width","height","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","children","_jsx","x1","y1","x2","y2","points","DownArrow","TableFirstPageIcon","role","d","TableLastPageIcon","EditIcon","fillOpacity","DeleteIcon","HideColumnIcon","DragHandleIcon","className","transform","IconPinOutline","props","IconPinOffOutline","LoaderAnimation","cx","cy","r","attributeName","dur","values","repeatCount","begin","ChangeLayoutIcon","id","maskType","maskUnits","x","y","mask","CloseIcon","SearchIcon","SortingIcon","FilterationIcon","color","HideIcon","VisibilityIcon","VisibilityOffIcon","DragandDrogIcon","AddIcon","CheckBox","CrossBox","EyeIcon","ClosedEyeIcon","layoutIcons","Board","Table","Timeline","List","Calendar","Gallery","Charts","LayoutSelector","onSelect","selectedLayout","Box","sx","maxWidth","display","justifyContent","alignItems","px","py","backgroundColor","Typography","variant","fontWeight","fontSize","IconButton","onClick","Grid","container","spacing","p","Object","keys","map","layout","isSelected","size","ButtonBase","border","borderRadius","flexDirection","transition","boxShadow","mb","opacity","useFullscreenPopoverContainer","isFullscreen","setIsFullscreen","useState","fullscreenElement","setContainer","undefined","useEffect","handleFullscreenChange","el","addEventListener","removeEventListener","ViewMore","compactMode","onCompactToggle","onFullscreenToggle","tableStates","onClose","fullscreenContainer","wrapColumns","setWrapColumns","MUISwitch","checked","all_wrap","onChange","prev","Select","value","e","target","minWidth","MenuProps","disablePortal","PaperProps","zIndex","MenuItem","SortableItem","attributes","listeners","setNodeRef","useSortable","CSS","Transform","toString","gap","cursor","flexGrow","SortPopover","anchorEl","columns","sorts","setSorts","sensors","useSensors","useSensor","MouseSensor","TouchSensor","KeyboardSensor","handleChange","field","updated","item","triggerTableSortUpdate","sortItems","sortingPayload","desc","direction","Popover","open","Boolean","anchorOrigin","vertical","horizontal","margin","length","DndContext","collisionDetection","closestCenter","onDragEnd","event","active","over","oldIndex","findIndex","newIndex","arrayMove","SortableContext","items","s","strategy","verticalListSortingStrategy","sort","fullWidth","col","label","filter","handleRemove","Button","newSort","Date","now","startIcon","DraggableColumn","column","onToggle","isVisible","getIsVisible","columnDef","header","str","replace","char","toUpperCase","trim","ColumnToggle","table","columnOrder","setColumnOrder","allColumns","getAllLeafColumns","shownColumns","find","hiddenColumns","toggleVisibility","columnId","getColumn","activeCol","overCol","indexOf","forEach","fontStyle","customDebounce","func","delay","timerId","args","context","this","clearTimeout","setTimeout","apply","searchStyles","showSearchInput","marginRight","paddingRight","paddingLeft","TableSearch","setShowSearchInput","localValue","setLocalValue","searchContainerRef","useRef","debouncedOnChange","useCallback","newValue","handler","handleClickOutside","current","contains","useOutsideClick","position","TextField","placeholder","onKeyDown","key","InputProps","startAdornment","InputAdornment","querySelector","focus","edge","endAdornment","CloseRoundedIcon","Topbar","isCompactTable","fullscreenToggle","setIsCompactTable","paginationComponent","topbarOptions","onFilterButtonClick","sortAnchorEl","setSortAnchorEl","groupBy","setGroupBy","layoutAnchorEl","setLayoutAnchorEl","setSelectedLayout","columnAnchorEl","setColumnAnchorEl","setViewMoreAnchorEl","leftSideComponent","rightSideComponent","showColumnToggle","showChangeLayoutToggle","showSortingToggle","showFilterToggle","showSearch","searchValue","onSearchChange","handleExternalLayoutTrigger","detail","handleExternalFilterTrigger","handleExternalViewMoreTrigger","handleExternalSearchTrigger","window","viewMoreAnchorEl","isViewMoreOpen","overflowX","whiteSpace","title","customEvent","CustomEvent","dispatchEvent","_Fragment","currentTarget","mt","meta","sortingRules","setSorting","showTableFilter","filters","top","right","transformOrigin","onGroupByChange","PaginationContainer","styled","theme","padding","typography","pxToRem","palette","common","white","breakpoints","down","GoToPageContainer","RowsPerPageContainer","RecordsRangeContainer","PageRangeContainer","PaginationButtons","PaginationButton","grey","action","disabled","RowsPerPageSelect","shape","GoToPageInput","InputBase","textAlign","divider","DefaultPagination","rowsPerPageArray","paginationOptions","pageIndex","getState","pagination","pageCount","getPageCount","pageSize","rowCount","getRowCount","recordsRangeFirst","recordsRangeLast","Math","min","isFullView","paginationView","mr","defaultValue","inputProps","name","max","page","Number","setPageIndex","setPageSize","getCanPreviousPage","previousPage","NavigateBeforeRounded","getCanNextPage","nextPage","NavigateNextRounded","getColumnPinningStyles","isPinned","getIsPinned","isLastLeftPinnedColumn","getIsLastColumn","isFirstRightPinnedColumn","getIsFirstColumn","background","left","getStart","getAfter","getSize","getColumnPinningStylesBody","environments","adm_dev","crm_dev","uat","axios","create","baseURL","timeout","headers","interceptors","request","use","config","token","localStorage","getItem","Authorization","error","Promise","reject","TableBodyRow","shouldForwardProp","prop","hoverable","selected","striped","paper","mode","hover","TableBodyCell","compact","isDragging","wrap","borderBottom","wordBreak","DragAlongCell","cell","align","Translate","getIsPlaceholder","flexRender","getContext","Checkbox","indeterminate","uuidv4","check","setCheck","React","isChecked","TableBody","featureOptions","NestedComponent","enableColumnReordering","enableRowSelection","getRowModel","rows","row","renderedRow","getIsSelected","expanded","getIsExpanded","getIsSomeSelected","getToggleSelectedHandler","getVisibleCells","horizontalListSortingStrategy","Fragment","renderRow","ColumnResizeHandle","isResizing","userSelect","touchAction","TableHeadButton","TableHeadSort","sortable","marginLeft","TableDndButton","TableHeadContent","TableHeadRoot","sticky","TableHeadRow","TableHeadCell","TableHeadPin","stopPropagation","pin","TableHeadPopover","onSaveSettings","dense","ListItemButton","toggleSorting","ListItemIcon","ListItemText","primary","handleUpdateSettings","Switch","toggleWrapForColumn","TableColumnResizeHandle","getIsResizing","onDoubleClick","resetSize","onMouseDown","getResizeHandler","onTouchStart","DraggableTableHeader","activeTab","enableColumnPinning","setAnchorEl","handleClose","onMouseLeave","colSpan","compactTable","minSize","maxSize","isPlaceholder","getCanSort","asc","getIsSorted","getCanResize","TableHead","filterSettingStates","stickyHeader","getHeaderGroups","headerGroup","getIsAllRowsSelected","getIsSomeRowsSelected","toggleAllRowsSelected","handleMenuToggle","TableDND","modifiers","restrictToHorizontalAxis","TableWrapper","data","nestedComponent","loadingOptions","isLoading","customRenderFn","shouldHideColumn","emptyListComponent","filterOptions","Array","isArray","Error","metaColumns","setMetaColumns","updatedColumns","accessorKey","index","ctx","propName","customFn","getValue","where","defaultPinned","columnPinning","c","tableRef","craftPaginationOptions","showPagination","paginationPosition","totalRows","craftTopbarOptions","showCompactTableToggle","viewMoreToggle","craftFeatureOptions","enableTopbar","enableSorting","enableServerSidePagination","enableServerSideSorting","enableColumnResizing","enableMultiColumnSorting","enableWordBreakAll","sorting","setPagination","rowSelection","setRowSelection","setExpanded","useReactTable","state","getCoreRowModel","onSortingChange","getSortedRowModel","manualSorting","getPaginationRowModel","onPaginationChange","manualPagination","onRowSelectionChange","columnResizeDirection","columnResizeMode","onColumnOrderChange","getExpandedRowModel","onExpandedChange","getSubRows","subRows","loadingComponent","loaderText","showFilterCondition","show","exitFullscreen","requestFullscreen","catch","err","console","component","useCraftTable","paginationPageSize","setFilters","savedFilterEditValue","setSavedFilterEditValue","filterToDelete","setFilterToDelete","filterSelectedAttributeValue","setFilterSelectedAttributeValue","filterMaster","setFilterMaster","setShowTableFilter","showFilterOptions","setShowFilterOption","filterData","setFilterData","selectedFilterEntity","setSelectedFilterEntity","setColumnPinning","useCraftTableFilterSettings","showListViewSettings","setShowListViewSettings","settingsData","setSettingsData","quickTabStates","setQuickTabStates","columnTabState","setColumnTabState","sortingTabState","setSortingTabState","saveButtonError","setSaveButtonError","hasError","messages","quick_tab","TableTabsRoot","Tabs","minHeight","tabsClasses","flexContainer","indicator","TableTab","Tab","maxHeight","textTransform","tabClasses","text","TableTabCount","lineHeight","TableTabs","loading","tabsData","tab_name","count","settingsOptions","CircularProgress","normalizedTabs","useMemo","tab","defaultTab","t","selectedTab","showIcon","SettingsOutlined","_","scrollButtons","String","padStart","ConfirmModal","description","buttons","input","inputValue","setInputValue","setError","Dialog","reason","DialogTitle","marginX","paddingBottom","DialogContent","marginBottom","marginTop","labelClassName","required","multiline","DialogActions","button","handleButtonClick","CustomTabPanel","hidden","CustomTabs","tabItems","activeFilterIndex","handleCrossClick","tabsProps","hoveredTab","setHoveredTab","idx","isActive","isHovered","onMouseEnter","FormDropdown","control","setValue","dropdownList","onValueChange","Controller","filter_attribute_name","filter_operator","render","FormControl","disableUnderline","newOperator","oldOperator","filter_attribute_data_type","moment","format","shouldDirty","filterStyles","scrollbarCustom","overflowY","pr","filterContainer","filterMainHeader","bgcolor","mx","filterMainComponentWrapper","filterFormStyles","formEditModeStyle","formFlexContainer","formListItem","formListSectionHeader","formListItemHeader","formListItemHeaderName","formListItemHeaderDropdown","CustomSearch","search","setSearch","val","borderColor","EmptyList","FilterCriteriaEntityList","filterComponentOptions","searchTerm","setSearchTerm","isSingleEntity","tabOptions","allEntities","mainFilter","entityList","entitiesToShow","filterEntityTypes","f","filter_entity_type","entity","includes","toLowerCase","my","ListItem","handleSelectEntity","Loader","paddingBlock","FilterCriteriaList","handleAddFilter","shouldShowCloseButton","some","entityWiseCriteria","isPending","filteredEntities","isAlreadySelected","filter_attribute","attribute_key","TextFieldStyles","FormTextfield","filter_value","FormDatePicker","views","isRange","isRelativeToToday","isEmptyOperator","LocalizationProvider","dateAdapter","AdapterDateFns","toDate","todayDate","fromDate","DatePicker","date","formatted","slotProps","textField","FormMultiSelect","dropdownData","isFlatJson","options","getOptionValue","cleanedValue","multiple","filtered","renderValue","match","join","optionValue","dateAllowedOperators","FilterCriteria","columnsData","onChangeFunction","FilterButton","main","dark","filterButtonRef","filterButtonWidth","setWidth","resizeObserver","ResizeObserver","clientWidth","observe","disconnect","useElementWidth","isSingleFilter","disableButton","ClickAwayListener","onClickAway","Paper","saved_filters","selectedId","attribute","operation_list","element_type","operationKey","elementType","getOperationKeyByElementType","matchingDropdownList","defaultOperator","newSelectedFilter","datasource_list","dropdown_list","filter_entity_name","newFilterState","FilterForm","handleRemoveFilter","editMode","onSaveFilterButtonClick","setDeleteFilterModalOpen","showSaveButton","showClearAllButton","customButtons","filterName","selectedName","isOwner","is_owner","defaultValues","filterValues","reduce","acc","curr","operator","dummyChange","watch","reset","unregister","useForm","resetOptions","keepDirtyValues","keepErrors","formValues","debouncedUpdateFilters","updatedFilters","updateFiltersFromForm","filterValue","groupedFilters","push","handleRemoveEntityType","entityType","remainingFilters","onSubmit","preventDefault","inputRef","entries","overflow","reverse","dummy","fieldValue","dataType","showDatePicker","resolveFilterInput","activeFilterTabIndex","btn","MainFilter","mainBoxStyles","newFilters","SavedFilterEditComponent","setEditMode","showBackButton","savedFilter","selectedCode","shareWithTeam","allowTeamEdit","BackArrow","SavedFilter","tabValue","myFilters","saved_filter","code","is_shared","created_by","is_editable","sharedFilters","shared_filter","prefs","sharedPreferences","preferences","shared_meta","editModeFromTab","applyFilterStates","newFilterMaster","radio","handleListItemClick","handleApplyFilter","openAccordion","setOpenAccordion","toggleAccodion","accordion","Accordion","disableGutters","elevation","AccordionSummary","expandIcon","ExpandMoreIcon","Divider","AccordionDetails","scrollbarWidth","source","visibility","renderSharedFilters","AttributesFilter","selectedAttribute","currentRadio","handleSingleRadioSelect","selectedAttr","matchingColumn","column_list","updatedRadio","newFilter","exists","updatedFilterMaster","selectedAttributeOptions","attributeKey","newFilterMasterState","displayEmpty","option","FormControlLabel","Radio","deepMergeObjects","output","SingleFilterRendering","showFilter","commonProps","editProps","attributesProps","SavedFilterModalView","onSave","disableShareFilter","forceShowSharingControls","setShareWithTeam","setAllowTeamEdit","filterNameValue","discriptionValue","isSaveDisabled","selectedFilterId","filterId","filterObj1","filterObj","initialShare","initialAllow","persistPreferences","sharedValue","editableValue","selectedFilter","selectedSavedFilter","showPrefields","showCheckboxes","isshow","getModalTitle","pt","minRows","nextAllow","gridTemplateColumns","created_date","toLocaleString","readOnly","CalendarTodayIcon","modified_date","modified_by","TableFilter","onDeleteFilter","onSaveFilter","onUpdateFilter","setTabValue","saveFilterModalOpen","setSaveFilterModalOpen","savedFilterModalOpen","setSavedFilterModalOpen","deleteFilterModalOpen","finalComponentOptions","showMainHeader","mainHeaderTitle","showTabs","showMainFilter","showSavedFilter","showAttributesFilter","editModeFromTabOptions","tabMapping","filterNameInput","hasSavedFilterRecords","handleSaveFilterButtonClick","savedFilterProps","tabType","clearAttributeRadio","patches","isRuleEngine","recordFilterComponentProps","edit","save","secondary","isSingleSavedFilterEditMode","delete","hasSavedFilters","verticalTabStyles","mainTabsContainer","mainTabContainer","mainTabLabel","horizontalTabStyles","CustomVerticalTabs","orientation","DraggableListItem","containerId","DragIndicator","dialogStyles","dialogTitle","dialogContent","paddingTop","dialogActionsButton","listingValuesStyles","wrapper","heading","draggableContainer","draggableCover","headerContainer","TabsStyles","mainTabsHeader","mainTabDropdown","mainTabSelect","selectDropdownSeparator","checkboxStyle","ListingValuesContent","onItemToggle","flex","ListingValues","filteredValues","buttonText","headerText","tabsApiDataLoading","enableDragAndDrop","AlertComponenet","useDroppable","InfoAlert","message","Alert","severity","QuickTab","tabsApiData","columnTabAttributes","currentQuickAttribute","setCurrentQuickAttribute","mappedColumns","normalizeTabItem","hide_list","show_list","showList","isValidShowList","ERROR_CODE","showListValues","hideListValues","i","constructHideList","filteredListValues","handleItemToggle","fromContainerId","toShowList","toHideList","updatedColumn","updatedSorting","splice","isDefault","tabs","sortby","updatedTabs","updatedSortingTabs","enableDND","currentContainer","overContainer","newShowList","newHideList","removed","sortingExists","columnExists","a","b","sort_by","currentShowList","currentHideList","availableSlots","limitedHideList","slice","updatedQuickTab","isAllSelected","isCombineOther","selectedTabStyle","CustomToggleSwitchButton","ToggleButtonGroup","exclusive","ToggleButton","isDisabled","SETTINGS_TABS","KANBAN_SETTINGS_TABS","LANE_SELECTS","TOGGLE_BUTTON_TABS","ColumnTab","columnTabAttributesLoading","selectedTabIndex","setSelectedTabIndex","settingsColumnState","isColumnDefault","isStateEmpty","isDefaultEmpty","isTabWiseEmpty","mappedTabs","hasOtherMessages","hideList","currentTab","getCurrentLists","visible","moved","hasShowListQuickTabs","activeItem","list","Sorting","setActiveTab","isSortingDefault","emptySortBy","order","generatedTabs","PointerSensor","activeTabIndex","tabSortedList","updateSortList","handleDNDDropdownChange","showAddSortButton","stateLength","isAddSortDisabled","hasEmptyColumn","reordered","columnKey","CustomDialog","DialogTransition","forwardRef","Slide","CustomButton","customSx","Lane","selectAttributeData","charAt","itemId","lane","showSubLane","GroupBy","isStatus","opt","from","to","QuickFilterSettings","view","columnsDataLoading","quickTabAttributes","quickTabAttributesLoading","sortingTabAttributes","sortingTabAttributesLoading","onSaveSettingsData","selectSwinLandData","hasAPIData","handleSaveSetSettingsData","copyColumnTabState","copySortingTabState","slots","Column","kanbanStyles","syncingStyle","topHeader","laneHeader","badge","swimlaneWrapperStyle","columnStyle","stageStyle","borderTopLeftRadius","borderBottomLeftRadius","borderTopRightRadius","subSectionAccordion","subSectionCountContainer","cardsContainer","settingStyle","swimLaneAccordionStyle","subSectionHeaderContainer","COLOR_CONSTANTS","darkColor","Kanban","metaData","KanbanCardComponent","showSettings","onOpenSettings","expandedPanels","setExpandedPanels","Active","subLaneExpanded","setSubLaneExpanded","swim_lanes","initial","swim_lane","sub_lanes","sub_lane","lane_id","getLeadCount","laneId","seenLeadIds","Set","swimLane","subLane","lead","stage_id","has","add","SettingsOutlinedIcon","lanes","panel","isExpanded","ArrowDropDownIcon","ml","lead_status_id","pl","sub_section","subLaneKey","toggleSubLane","subLaneId","borderLeft","stage_group_id","card","cardData"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index.mjs","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/assets/svg.tsx","../src/listing/components/table-change-layout.tsx","../src/listing/libs/hooks/useFullScreen.tsx","../src/listing/components/viewmore/index.tsx","../src/listing/components/sorting-modal.tsx/sorting-item.tsx","../src/listing/components/sorting-modal.tsx/index.tsx","../src/listing/components/column-visibility-modal/column-list-item.tsx","../src/listing/types/common.ts","../src/listing/components/column-visibility-modal/index.tsx","../src/listing/libs/utils/debounce.ts","../src/listing/components/search/style.ts","../src/listing/components/search/index.tsx","../src/listing/libs/hooks/useOutsideClick.tsx","../src/listing/components/topbar/index.tsx","../src/listing/components/pagination/default/pagination.styles.ts","../src/listing/components/pagination/default/index.tsx","../src/listing/libs/utils/common.ts","../src/listing/components/table-body/table-body.styles.ts","../src/listing/components/table-body/table-body-dnd-cell.tsx","../src/listing/components/inputs/checkbox/index.tsx","../src/listing/components/table-body/table-body.tsx","../src/listing/components/table-head/table-head.styles.ts","../src/listing/components/table-head/table-head-pin.tsx","../src/listing/components/table-head/table-head-popover.tsx","../src/listing/components/table-head/table-head-resizer.tsx","../src/listing/components/table-head/table-head-dnd-cell.tsx","../src/listing/components/table-head/table-head.tsx","../src/listing/components/table.tsx","../src/listing/components/table-dnd.tsx","../src/listing/components/index-table.tsx","../src/listing/libs/hooks/useCraftTable.tsx","../src/listing/libs/hooks/useCraftTableFilterSettings.tsx","../src/listing/components/tabs/tabs.styles.ts","../src/listing/components/tabs/index.tsx","../src/listing/components/common/confirm-modal/index.tsx","../src/listing/components/filter/components/tabs/custom-tab-panel.tsx","../src/listing/components/filter/components/tabs/index.tsx","../src/listing/components/filter/components/forms/components/Dropdown.tsx","../src/listing/components/filter/style.ts","../src/listing/components/filter/components/search/index.tsx","../src/listing/components/filter/components/forms/components/empty-list.tsx","../src/listing/components/filter/components/forms/components/filter-criteria-entity-list.tsx","../src/listing/components/common/loader/loader.tsx","../src/listing/components/filter/components/forms/components/filter-criteria-list.tsx","../src/listing/components/filter/components/forms/components/styles.tsx","../src/listing/components/filter/components/forms/components/Textfield.tsx","../src/listing/components/filter/components/forms/components/Date.tsx","../src/listing/components/filter/components/forms/components/Multi-Select.tsx","../src/listing/components/filter/components/forms/utils/filter-date-input-resolver.tsx","../src/listing/components/filter/components/forms/components/Filter-criteria.tsx","../src/listing/libs/hooks/useElementWidth.tsx","../src/listing/components/filter/components/forms/index.tsx","../src/listing/components/filter/components/main-filter.tsx","../src/listing/components/filter/components/saved-edit-filter.tsx","../src/listing/components/filter/components/saved-filter.tsx","../src/listing/components/filter/components/attributes-filter.tsx","../src/listing/libs/utils/deep-merge-objects.ts","../src/listing/components/filter/components/single-filter-rendering.tsx","../src/listing/components/common/saved-filter-modal/index.tsx","../src/listing/components/filter/index.tsx","../src/listing/components/table-settings/tabs/styles.ts","../src/listing/components/table-settings/tabs/vertical/index.tsx","../src/listing/components/table-settings/tabs/vertical/custom-tab-panel.tsx","../src/listing/components/table-settings/common/draggable-listitem.tsx","../src/listing/components/table-settings/style.ts","../src/listing/components/table-settings/common/listing-values.tsx","../src/listing/components/table-settings/common/info-alert.tsx","../src/listing/components/table-settings/components/quick-tab.tsx","../src/listing/components/table-settings/components/toggle-button-switch.tsx","../src/listing/components/table-settings/constants.ts","../src/listing/components/table-settings/tabs/horizontal/index.tsx","../src/listing/components/table-settings/components/column.tsx","../src/listing/components/table-settings/components/sorting.tsx","../src/listing/components/table-settings/components/custom-dialog.tsx","../src/listing/components/table-settings/components/custom-button.tsx","../src/listing/components/table-settings/components/lane.tsx","../src/listing/components/table-settings/components/swim-lane.tsx","../src/listing/components/table-settings/index.tsx","../src/kanban/styles/styles.tsx","../src/kanban/constants/kanban-constants.ts","../src/kanban/index.tsx"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","import React from \"react\";\r\n\r\nexport const SortIcon = () => (\r\n  <svg\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    fill=\"none\"\r\n    viewBox=\"0 0 24 24\"\r\n    strokeWidth={1.5}\r\n    stroke=\"currentColor\"\r\n  >\r\n    <path\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n      d=\"M3 7.5L7.5 3m0 0L12 7.5M7.5 3v13.5m13.5 0L16.5 21m0 0L12 16.5m4.5 4.5V7.5\"\r\n    />\r\n  </svg>\r\n);\r\n\r\nexport const GreenDot = () => (\r\n  <svg\r\n    width=\"8\"\r\n    height=\"8\"\r\n    viewBox=\"0 0 8 8\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n  >\r\n    <circle cx=\"4\" cy=\"4\" r=\"4\" fill=\"#5CD961\" />\r\n  </svg>\r\n);\r\n\r\nexport const RedDot = () => (\r\n  <svg\r\n    width=\"8\"\r\n    height=\"8\"\r\n    viewBox=\"0 0 8 8\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n  >\r\n    <circle cx=\"4\" cy=\"4\" r=\"4\" fill=\"#F94144\" />\r\n  </svg>\r\n);\r\n\r\nexport const BlueDot = () => (\r\n  <svg\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    width=\"8\"\r\n    height=\"8\"\r\n    viewBox=\"0 0 8 8\"\r\n    fill=\"none\"\r\n  >\r\n    <circle cx=\"4\" cy=\"4\" r=\"4\" fill=\"#04769A\" />\r\n  </svg>\r\n);\r\n\r\nexport const UpArrow = () => (\r\n  <svg\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    viewBox=\"0 0 24 24\"\r\n    width=\"14\"\r\n    height=\"14\"\r\n    fill=\"none\"\r\n    stroke=\"currentColor\"\r\n    strokeWidth=\"2\"\r\n    strokeLinecap=\"round\"\r\n    strokeLinejoin=\"round\"\r\n  >\r\n    <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"></line>\r\n    <polyline points=\"19 12 12 5 5 12\"></polyline>\r\n  </svg>\r\n);\r\n\r\nexport const DownArrow = () => (\r\n  <svg\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    viewBox=\"0 0 24 24\"\r\n    width=\"14\"\r\n    height=\"14\"\r\n    fill=\"none\"\r\n    stroke=\"currentColor\"\r\n    strokeWidth=\"2\"\r\n    strokeLinecap=\"round\"\r\n    strokeLinejoin=\"round\"\r\n  >\r\n    <line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"5\"></line>\r\n    <polyline points=\"5 12 12 19 19 12\"></polyline>\r\n  </svg>\r\n);\r\n\r\nexport const TableFirstPageIcon = () => (\r\n  <svg\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    width=\"24\"\r\n    height=\"24\"\r\n    viewBox=\"0 0 24 24\"\r\n    aria-hidden=\"true\"\r\n    role=\"presentation\"\r\n  >\r\n    <path d=\"M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z\"></path>\r\n    <path fill=\"none\" d=\"M24 24H0V0h24v24z\"></path>\r\n  </svg>\r\n);\r\n\r\nexport const TablePreviousPageIcon = () => (\r\n  <svg\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    width=\"24\"\r\n    height=\"24\"\r\n    viewBox=\"0 0 24 24\"\r\n    aria-hidden=\"true\"\r\n    role=\"presentation\"\r\n  >\r\n    <path d=\"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z\"></path>\r\n    <path d=\"M0 0h24v24H0z\" fill=\"none\"></path>\r\n  </svg>\r\n);\r\n\r\nexport const TableNextPageIcon = () => (\r\n  <svg\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    width=\"24\"\r\n    height=\"24\"\r\n    viewBox=\"0 0 24 24\"\r\n    aria-hidden=\"true\"\r\n    role=\"presentation\"\r\n  >\r\n    <path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"></path>\r\n    <path d=\"M0 0h24v24H0z\" fill=\"none\"></path>\r\n  </svg>\r\n);\r\n\r\nexport const TableLastPageIcon = () => (\r\n  <svg\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    width=\"24\"\r\n    height=\"24\"\r\n    viewBox=\"0 0 24 24\"\r\n    aria-hidden=\"true\"\r\n    role=\"presentation\"\r\n  >\r\n    <path d=\"M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z\"></path>\r\n    <path fill=\"none\" d=\"M0 0h24v24H0V0z\"></path>\r\n  </svg>\r\n);\r\n\r\nexport const VerticalThreeDots = () => (\r\n  <svg\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    width=\"14\"\r\n    height=\"14\"\r\n    fill=\"currentColor\"\r\n    className=\"bi bi-three-dots-vertical\"\r\n    viewBox=\"0 0 16 16\"\r\n  >\r\n    <path d=\"M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0\" />\r\n  </svg>\r\n);\r\n\r\nexport const ArrowDownUp = () => (\r\n  <svg\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    width=\"12\"\r\n    height=\"12\"\r\n    fill=\"currentColor\"\r\n    className=\"bi bi-arrow-down-up\"\r\n    viewBox=\"0 0 16 16\"\r\n  >\r\n    <path\r\n      fillRule=\"evenodd\"\r\n      d=\"M11.5 15a.5.5 0 0 0 .5-.5V2.707l3.146 3.147a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 1 0 .708.708L11 2.707V14.5a.5.5 0 0 0 .5.5m-7-14a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L4 13.293V1.5a.5.5 0 0 1 .5-.5\"\r\n    />\r\n  </svg>\r\n);\r\nexport const EditIcon = () => (\r\n  <svg\r\n    width=\"18\"\r\n    height=\"12\"\r\n    viewBox=\"0 0 12 12\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n  >\r\n    <path\r\n      d=\"M1.33331 10.6663H2.17431L8.99865 3.84201L8.15765 3.00101L1.33331 9.82534V10.6663ZM0.93598 11.6663C0.765202 11.6663 0.622091 11.6086 0.506646 11.493C0.391091 11.3776 0.333313 11.2345 0.333313 11.0637V9.90867C0.333313 9.74612 0.364535 9.59118 0.42698 9.44384C0.489313 9.29651 0.575202 9.16812 0.684646 9.05868L9.12698 0.620174C9.22776 0.528619 9.33904 0.457897 9.46081 0.408008C9.5827 0.358008 9.71048 0.333008 9.84415 0.333008C9.97781 0.333008 10.1073 0.35673 10.2325 0.404175C10.3578 0.451619 10.4688 0.527063 10.5653 0.630507L11.3795 1.45484C11.4829 1.5514 11.5566 1.66251 11.6006 1.78817C11.6446 1.91384 11.6666 2.03951 11.6666 2.16517C11.6666 2.29929 11.6438 2.42723 11.598 2.54901C11.5522 2.6709 11.4794 2.78223 11.3795 2.88301L2.94098 11.315C2.83154 11.4245 2.70315 11.5103 2.55581 11.5727C2.40848 11.6351 2.25354 11.6663 2.09098 11.6663H0.93598ZM8.57081 3.42884L8.15765 3.00101L8.99865 3.84201L8.57081 3.42884Z\"\r\n      fill=\"#0E0C0B\"\r\n      fillOpacity={0.4}\r\n    />\r\n  </svg>\r\n);\r\n\r\nexport const DeleteIcon = () => (\r\n  <svg\r\n    width=\"18\"\r\n    height=\"20\"\r\n    viewBox=\"0 0 10 12\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n  >\r\n    <path\r\n      d=\"M1.87183 11.6665C1.54039 11.6665 1.25667 11.5485 1.02067 11.3125C0.784667 11.0765 0.666667 10.7928 0.666667 10.4613V1.99982H0.5C0.358333 1.99982 0.239611 1.95188 0.143833 1.85599C0.0479445 1.7601 0 1.64132 0 1.49966C0 1.35788 0.0479445 1.23916 0.143833 1.14349C0.239611 1.04771 0.358333 0.999823 0.5 0.999823H3C3 0.836601 3.0575 0.69749 3.1725 0.58249C3.28739 0.467601 3.42644 0.410156 3.58967 0.410156H6.41033C6.57356 0.410156 6.71261 0.467601 6.8275 0.58249C6.9425 0.69749 7 0.836601 7 0.999823H9.5C9.64167 0.999823 9.76039 1.04777 9.85617 1.14366C9.95206 1.23955 10 1.35832 10 1.49999C10 1.64177 9.95206 1.76049 9.85617 1.85616C9.76039 1.95193 9.64167 1.99982 9.5 1.99982H9.33333V10.4613C9.33333 10.7928 9.21533 11.0765 8.97933 11.3125C8.74333 11.5485 8.45961 11.6665 8.12817 11.6665H1.87183ZM8.33333 1.99982H1.66667V10.4613C1.66667 10.5212 1.68589 10.5704 1.72433 10.6088C1.76278 10.6473 1.81194 10.6665 1.87183 10.6665H8.12817C8.18806 10.6665 8.23722 10.6473 8.27567 10.6088C8.31411 10.5704 8.33333 10.5212 8.33333 10.4613V1.99982ZM3.7695 9.33316C3.91117 9.33316 4.02989 9.28527 4.12567 9.18949C4.22133 9.0936 4.26917 8.97482 4.26917 8.83316V3.83316C4.26917 3.69149 4.22122 3.57271 4.12533 3.47682C4.02956 3.38104 3.91078 3.33316 3.769 3.33316C3.62733 3.33316 3.50861 3.38104 3.41283 3.47682C3.31717 3.57271 3.26933 3.69149 3.26933 3.83316V8.83316C3.26933 8.97482 3.31722 9.0936 3.413 9.18949C3.50889 9.28527 3.62772 9.33316 3.7695 9.33316ZM6.231 9.33316C6.37267 9.33316 6.49139 9.28527 6.58717 9.18949C6.68283 9.0936 6.73067 8.97482 6.73067 8.83316V3.83316C6.73067 3.69149 6.68278 3.57271 6.587 3.47682C6.49111 3.38104 6.37228 3.33316 6.2305 3.33316C6.08883 3.33316 5.97011 3.38104 5.87433 3.47682C5.77867 3.57271 5.73083 3.69149 5.73083 3.83316V8.83316C5.73083 8.97482 5.77878 9.0936 5.87467 9.18949C5.97044 9.28527 6.08922 9.33316 6.231 9.33316Z\"\r\n      fill=\"#F63D68\"\r\n    />\r\n  </svg>\r\n);\r\n\r\nexport const CrossSearchIcon = () => (\r\n  <svg\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    width=\"24\"\r\n    height=\"24\"\r\n    viewBox=\"0 0 24 24\"\r\n    fill=\"none\"\r\n    stroke=\"currentColor\"\r\n    strokeWidth=\"2\"\r\n    strokeLinecap=\"round\"\r\n    strokeLinejoin=\"round\"\r\n    className=\"tabler-icon tabler-icon-search-off\"\r\n  >\r\n    <path d=\"M5.039 5.062a7 7 0 0 0 9.91 9.89m1.584 -2.434a7 7 0 0 0 -9.038 -9.057\"></path>\r\n    <path d=\"M3 3l18 18\"></path>\r\n  </svg>\r\n);\r\n\r\nexport const FilterIcon = () => (\r\n  <svg\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    width=\"20\"\r\n    height=\"20\"\r\n    fill=\"currentColor\"\r\n    className=\"bi bi-funnel\"\r\n    viewBox=\"0 0 16 16\"\r\n  >\r\n    <path d=\"M1.5 1.5A.5.5 0 0 1 2 1h12a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.128.334L10 8.692V13.5a.5.5 0 0 1-.342.474l-3 1A.5.5 0 0 1 6 14.5V8.692L1.628 3.834A.5.5 0 0 1 1.5 3.5zm1 .5v1.308l4.372 4.858A.5.5 0 0 1 7 8.5v5.306l2-.666V8.5a.5.5 0 0 1 .128-.334L13.5 3.308V2z\" />\r\n  </svg>\r\n);\r\n\r\nexport const HideColumnIcon = () => (\r\n  <svg\r\n    width=\"28\"\r\n    height=\"28\"\r\n    viewBox=\"0 0 24 24\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n  >\r\n    <path\r\n      d=\"M15 3.5H3C2.175 3.5 1.5 4.175 1.5 5V14C1.5 14.825 2.175 15.5 3 15.5H15C15.825 15.5 16.5 14.825 16.5 14V5C16.5 4.175 15.825 3.5 15 3.5ZM6 14H3V5H6V14ZM10.5 14H7.5V5H10.5V14ZM15 14H12V5H15V14Z\"\r\n      fill=\"currentColor\"\r\n      stroke=\"white\"\r\n      strokeWidth=\"0.5\"\r\n    />\r\n  </svg>\r\n);\r\n\r\nexport const PaddingMD = () => (\r\n  <svg\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    width=\"20\"\r\n    height=\"20\"\r\n    viewBox=\"0 0 24 24\"\r\n    fill=\"none\"\r\n    stroke=\"currentColor\"\r\n    strokeWidth=\"2\"\r\n    strokeLinecap=\"round\"\r\n    strokeLinejoin=\"round\"\r\n    className=\"tabler-icon tabler-icon-baseline-density-medium\"\r\n  >\r\n    <path d=\"M4 20h16\"></path>\r\n    <path d=\"M4 12h16\"></path>\r\n    <path d=\"M4 4h16\"></path>\r\n  </svg>\r\n);\r\n\r\nexport const PaddingSM = () => (\r\n  <svg\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    width=\"20\"\r\n    height=\"20\"\r\n    viewBox=\"0 0 24 24\"\r\n    fill=\"none\"\r\n    stroke=\"currentColor\"\r\n    strokeWidth=\"2\"\r\n    strokeLinecap=\"round\"\r\n    strokeLinejoin=\"round\"\r\n    className=\"tabler-icon tabler-icon-baseline-density-small\"\r\n  >\r\n    <path d=\"M4 3h16\"></path>\r\n    <path d=\"M4 9h16\"></path>\r\n    <path d=\"M4 15h16\"></path>\r\n    <path d=\"M4 21h16\"></path>\r\n  </svg>\r\n);\r\n\r\nexport const PaddingLG = () => (\r\n  <svg\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    width=\"20\"\r\n    height=\"20\"\r\n    viewBox=\"0 0 24 24\"\r\n    fill=\"none\"\r\n    stroke=\"currentColor\"\r\n    strokeWidth=\"2\"\r\n    strokeLinecap=\"round\"\r\n    strokeLinejoin=\"round\"\r\n    className=\"tabler-icon tabler-icon-baseline-density-large\"\r\n  >\r\n    <path d=\"M4 4h16\"></path>\r\n    <path d=\"M4 20h16\"></path>\r\n  </svg>\r\n);\r\n\r\nexport const DragHandleIcon = () => (\r\n  <svg\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    width=\"20\"\r\n    height=\"20\"\r\n    viewBox=\"0 0 24 24\"\r\n    fill=\"none\"\r\n    stroke=\"currentColor\"\r\n    strokeWidth=\"2\"\r\n    strokeLinecap=\"round\"\r\n    strokeLinejoin=\"round\"\r\n    className=\"tabler-icon tabler-icon-grip-horizontal\"\r\n    transform=\"rotate(90)\"\r\n  >\r\n    <path d=\"M10 9m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\"></path>\r\n    <path d=\"M10 15m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\"></path>\r\n    <path d=\"M18 9m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\"></path>\r\n    <path d=\"M18 15m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\"></path>\r\n  </svg>\r\n);\r\n\r\nexport const IconPinOutline = (props: React.SVGProps<SVGSVGElement>) => {\r\n  return (\r\n    <svg\r\n      viewBox=\"0 0 24 24\"\r\n      fill=\"currentColor\"\r\n      height=\"1rem\"\r\n      width=\"1rem\"\r\n      {...props}\r\n    >\r\n      <path d=\"M16 12V4h1V2H7v2h1v8l-2 2v2h5.2v6h1.6v-6H18v-2l-2-2m-7.2 2l1.2-1.2V4h4v8.8l1.2 1.2H8.8z\" />\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport const IconPinOffOutline = (props: React.SVGProps<SVGSVGElement>) => {\r\n  return (\r\n    <svg\r\n      viewBox=\"0 0 24 24\"\r\n      fill=\"currentColor\"\r\n      height=\"1rem\"\r\n      width=\"1rem\"\r\n      {...props}\r\n    >\r\n      <path d=\"M8 6.2V4H7V2h10v2h-1v8l2 2v2h-.2L14 12.2V4h-4v4.2l-2-2m12 14.5L18.7 22l-5.9-5.9V22h-1.6v-6H6v-2l2-2v-.7l-6-6L3.3 4 20 20.7M8.8 14h1.8l-.9-.9-.9.9z\" />\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport const IconExpand = (props: React.SVGProps<SVGSVGElement>) => {\r\n  return (\r\n    <svg\r\n      viewBox=\"0 0 1024 1024\"\r\n      fill=\"currentColor\"\r\n      height=\"1rem\"\r\n      width=\"1rem\"\r\n      {...props}\r\n    >\r\n      <defs>\r\n        <style />\r\n      </defs>\r\n      <path d=\"M342 88H120c-17.7 0-32 14.3-32 32v224c0 8.8 7.2 16 16 16h48c8.8 0 16-7.2 16-16V168h174c8.8 0 16-7.2 16-16v-48c0-8.8-7.2-16-16-16zm578 576h-48c-8.8 0-16 7.2-16 16v176H682c-8.8 0-16 7.2-16 16v48c0 8.8 7.2 16 16 16h222c17.7 0 32-14.3 32-32V680c0-8.8-7.2-16-16-16zM342 856H168V680c0-8.8-7.2-16-16-16h-48c-8.8 0-16 7.2-16 16v224c0 17.7 14.3 32 32 32h222c8.8 0 16-7.2 16-16v-48c0-8.8-7.2-16-16-16zM904 88H682c-8.8 0-16 7.2-16 16v48c0 8.8 7.2 16 16 16h174v176c0 8.8 7.2 16 16 16h48c8.8 0 16-7.2 16-16V120c0-17.7-14.3-32-32-32z\" />\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport const LoaderAnimation = () => {\r\n  return (\r\n    <svg viewBox=\"0 0 60 60\" width={\"4rem\"}>\r\n      <circle fill=\"currentColor\" stroke=\"none\" cx=\"6\" cy=\"30\" r=\"5\">\r\n        <animateTransform\r\n          attributeName=\"transform\"\r\n          dur=\"1s\"\r\n          type=\"translate\"\r\n          values=\"0 15 ; 0 -15; 0 15\"\r\n          repeatCount=\"indefinite\"\r\n          begin=\"0.1\"\r\n        />\r\n      </circle>\r\n      <circle fill=\"currentColor\" stroke=\"none\" cx=\"24\" cy=\"30\" r=\"5\">\r\n        <animateTransform\r\n          attributeName=\"transform\"\r\n          dur=\"1s\"\r\n          type=\"translate\"\r\n          values=\"0 10 ; 0 -10; 0 10\"\r\n          repeatCount=\"indefinite\"\r\n          begin=\"0.2\"\r\n        />\r\n      </circle>\r\n      <circle fill=\"currentColor\" stroke=\"none\" cx=\"42\" cy=\"30\" r=\"5\">\r\n        <animateTransform\r\n          attributeName=\"transform\"\r\n          dur=\"1s\"\r\n          type=\"translate\"\r\n          values=\"0 5 ; 0 -5; 0 5\"\r\n          repeatCount=\"indefinite\"\r\n          begin=\"0.3\"\r\n        />\r\n      </circle>\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport const ChangeLayoutIcon = () => {\r\n  return (\r\n    <svg\r\n      width=\"20\"\r\n      height=\"20\"\r\n      viewBox=\"0 0 20 20\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <mask\r\n        id=\"mask0_811_12587\"\r\n        style={{ maskType: \"alpha\" }}\r\n        maskUnits=\"userSpaceOnUse\"\r\n        x=\"0\"\r\n        y=\"0\"\r\n        width=\"20\"\r\n        height=\"20\"\r\n      >\r\n        <rect width=\"20\" height=\"20\" fill=\"#D9D9D9\" />\r\n      </mask>\r\n      <g mask=\"url(#mask0_811_12587)\">\r\n        <path\r\n          d=\"M4.42311 17.0834C4.00214 17.0834 3.64582 16.9375 3.35416 16.6459C3.06249 16.3542 2.91666 15.9979 2.91666 15.5769V4.42315C2.91666 4.00217 3.06249 3.64585 3.35416 3.35419C3.64582 3.06252 4.00214 2.91669 4.42311 2.91669H15.5769C15.9978 2.91669 16.3542 3.06252 16.6458 3.35419C16.9375 3.64585 17.0833 4.00217 17.0833 4.42315V15.5769C17.0833 15.9979 16.9375 16.3542 16.6458 16.6459C16.3542 16.9375 15.9978 17.0834 15.5769 17.0834H4.42311ZM4.42311 15.8334H9.37499V4.16669H4.42311C4.35895 4.16669 4.3002 4.19342 4.24687 4.24689C4.19339 4.30023 4.16666 4.35898 4.16666 4.42315V15.5769C4.16666 15.6411 4.19339 15.6998 4.24687 15.7531C4.3002 15.8066 4.35895 15.8334 4.42311 15.8334ZM10.625 15.8334H15.5769C15.641 15.8334 15.6998 15.8066 15.7531 15.7531C15.8066 15.6998 15.8333 15.6411 15.8333 15.5769V10H10.625V15.8334ZM10.625 8.75002H15.8333V4.42315C15.8333 4.35898 15.8066 4.30023 15.7531 4.24689C15.6998 4.19342 15.641 4.16669 15.5769 4.16669H10.625V8.75002Z\"\r\n          fill=\"#1E1E1E\"\r\n        />\r\n      </g>\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport const BoardIcon = () => {\r\n  return (\r\n    <svg\r\n      width=\"13\"\r\n      height=\"10\"\r\n      viewBox=\"0 0 13 10\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <path\r\n        d=\"M1.37179 9H4.05763V1H1.37179C1.3119 1 1.26274 1.01922 1.22429 1.05767C1.18585 1.09611 1.16663 1.14528 1.16663 1.20517V8.79483C1.16663 8.85472 1.18585 8.90389 1.22429 8.94233C1.26274 8.98078 1.3119 9 1.37179 9ZM5.05763 9H7.94229V1H5.05763V9ZM8.94229 9H11.6281C11.688 9 11.7372 8.98078 11.7756 8.94233C11.8141 8.90389 11.8333 8.85472 11.8333 8.79483V1.20517C11.8333 1.14528 11.8141 1.09611 11.7756 1.05767C11.7372 1.01922 11.688 1 11.6281 1H8.94229V9ZM1.37179 10C1.03501 10 0.749959 9.88333 0.516626 9.65C0.283293 9.41667 0.166626 9.13161 0.166626 8.79483V1.20517C0.166626 0.868389 0.283293 0.583333 0.516626 0.35C0.749959 0.116667 1.03501 0 1.37179 0H11.6281C11.9649 0 12.25 0.116667 12.4833 0.35C12.7166 0.583333 12.8333 0.868389 12.8333 1.20517V8.79483C12.8333 9.13161 12.7166 9.41667 12.4833 9.65C12.25 9.88333 11.9649 10 11.6281 10H1.37179Z\"\r\n        fill=\"#A6A6A6\"\r\n      />\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport const TableIcon = () => {\r\n  return (\r\n    <svg\r\n      width=\"13\"\r\n      height=\"12\"\r\n      viewBox=\"0 0 13 12\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <path\r\n        d=\"M3.17954 9.16671H5.82054C5.96243 9.16671 6.08121 9.11882 6.17687 9.02304C6.27265 8.92737 6.32054 8.8086 6.32054 8.66671C6.32054 8.52482 6.27265 8.40604 6.17687 8.31037C6.08121 8.2146 5.96243 8.16671 5.82054 8.16671H3.17954C3.03765 8.16671 2.91887 8.2146 2.82321 8.31037C2.72743 8.40604 2.67954 8.52482 2.67954 8.66671C2.67954 8.8086 2.72743 8.92737 2.82321 9.02304C2.91887 9.11882 3.03765 9.16671 3.17954 9.16671ZM5.17954 6.50004H7.82054C7.96243 6.50004 8.08121 6.45215 8.17687 6.35637C8.27265 6.26071 8.32054 6.14193 8.32054 6.00004C8.32054 5.85815 8.27265 5.73937 8.17687 5.64371C8.08121 5.54793 7.96243 5.50004 7.82054 5.50004H5.17954C5.03765 5.50004 4.91887 5.54793 4.82321 5.64371C4.72743 5.73937 4.67954 5.85815 4.67954 6.00004C4.67954 6.14193 4.72743 6.26071 4.82321 6.35637C4.91887 6.45215 5.03765 6.50004 5.17954 6.50004ZM7.17954 3.83337H9.82054C9.96243 3.83337 10.0812 3.78549 10.1769 3.68971C10.2727 3.59404 10.3205 3.47526 10.3205 3.33337C10.3205 3.19148 10.2727 3.07271 10.1769 2.97704C10.0812 2.88126 9.96243 2.83337 9.82054 2.83337H7.17954C7.03765 2.83337 6.91887 2.88126 6.82321 2.97704C6.72743 3.07271 6.67954 3.19148 6.67954 3.33337C6.67954 3.47526 6.72743 3.59404 6.82321 3.68971C6.91887 3.78549 7.03765 3.83337 7.17954 3.83337ZM2.03854 11.6667C1.70176 11.6667 1.41671 11.55 1.18337 11.3167C0.950041 11.0834 0.833374 10.7983 0.833374 10.4615V1.53854C0.833374 1.20176 0.950041 0.916707 1.18337 0.683374C1.41671 0.450041 1.70176 0.333374 2.03854 0.333374H10.9615C11.2983 0.333374 11.5834 0.450041 11.8167 0.683374C12.05 0.916707 12.1667 1.20176 12.1667 1.53854V10.4615C12.1667 10.7983 12.05 11.0834 11.8167 11.3167C11.5834 11.55 11.2983 11.6667 10.9615 11.6667H2.03854ZM2.03854 10.6667H10.9615C11.0129 10.6667 11.0599 10.6453 11.1025 10.6025C11.1453 10.5599 11.1667 10.5129 11.1667 10.4615V1.53854C11.1667 1.48721 11.1453 1.44021 11.1025 1.39754C11.0599 1.35476 11.0129 1.33337 10.9615 1.33337H2.03854C1.98721 1.33337 1.94021 1.35476 1.89754 1.39754C1.85476 1.44021 1.83337 1.48721 1.83337 1.53854V10.4615C1.83337 10.5129 1.85476 10.5599 1.89754 10.6025C1.94021 10.6453 1.98721 10.6667 2.03854 10.6667Z\"\r\n        fill=\"#A6A6A6\"\r\n      />\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport const TimeLineIcon = () => {\r\n  return (\r\n    <svg\r\n      width=\"13\"\r\n      height=\"12\"\r\n      viewBox=\"0 0 13 12\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <path\r\n        d=\"M3.17954 9.16671H5.82054C5.96243 9.16671 6.08121 9.11882 6.17687 9.02304C6.27265 8.92737 6.32054 8.8086 6.32054 8.66671C6.32054 8.52482 6.27265 8.40604 6.17687 8.31037C6.08121 8.2146 5.96243 8.16671 5.82054 8.16671H3.17954C3.03765 8.16671 2.91887 8.2146 2.82321 8.31037C2.72743 8.40604 2.67954 8.52482 2.67954 8.66671C2.67954 8.8086 2.72743 8.92737 2.82321 9.02304C2.91887 9.11882 3.03765 9.16671 3.17954 9.16671ZM5.17954 6.50004H7.82054C7.96243 6.50004 8.08121 6.45215 8.17687 6.35637C8.27265 6.26071 8.32054 6.14193 8.32054 6.00004C8.32054 5.85815 8.27265 5.73937 8.17687 5.64371C8.08121 5.54793 7.96243 5.50004 7.82054 5.50004H5.17954C5.03765 5.50004 4.91887 5.54793 4.82321 5.64371C4.72743 5.73937 4.67954 5.85815 4.67954 6.00004C4.67954 6.14193 4.72743 6.26071 4.82321 6.35637C4.91887 6.45215 5.03765 6.50004 5.17954 6.50004ZM7.17954 3.83337H9.82054C9.96243 3.83337 10.0812 3.78549 10.1769 3.68971C10.2727 3.59404 10.3205 3.47526 10.3205 3.33337C10.3205 3.19148 10.2727 3.07271 10.1769 2.97704C10.0812 2.88126 9.96243 2.83337 9.82054 2.83337H7.17954C7.03765 2.83337 6.91887 2.88126 6.82321 2.97704C6.72743 3.07271 6.67954 3.19148 6.67954 3.33337C6.67954 3.47526 6.72743 3.59404 6.82321 3.68971C6.91887 3.78549 7.03765 3.83337 7.17954 3.83337ZM2.03854 11.6667C1.70176 11.6667 1.41671 11.55 1.18337 11.3167C0.950041 11.0834 0.833374 10.7983 0.833374 10.4615V1.53854C0.833374 1.20176 0.950041 0.916707 1.18337 0.683374C1.41671 0.450041 1.70176 0.333374 2.03854 0.333374H10.9615C11.2983 0.333374 11.5834 0.450041 11.8167 0.683374C12.05 0.916707 12.1667 1.20176 12.1667 1.53854V10.4615C12.1667 10.7983 12.05 11.0834 11.8167 11.3167C11.5834 11.55 11.2983 11.6667 10.9615 11.6667H2.03854ZM2.03854 10.6667H10.9615C11.0129 10.6667 11.0599 10.6453 11.1025 10.6025C11.1453 10.5599 11.1667 10.5129 11.1667 10.4615V1.53854C11.1667 1.48721 11.1453 1.44021 11.1025 1.39754C11.0599 1.35476 11.0129 1.33337 10.9615 1.33337H2.03854C1.98721 1.33337 1.94021 1.35476 1.89754 1.39754C1.85476 1.44021 1.83337 1.48721 1.83337 1.53854V10.4615C1.83337 10.5129 1.85476 10.5599 1.89754 10.6025C1.94021 10.6453 1.98721 10.6667 2.03854 10.6667Z\"\r\n        fill=\"#A6A6A6\"\r\n      />\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport const ListIcon = () => {\r\n  return (\r\n    <svg\r\n      width=\"13\"\r\n      height=\"12\"\r\n      viewBox=\"0 0 13 12\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <path\r\n        d=\"M5.20521 10.5C5.06354 10.5 4.94476 10.452 4.84887 10.3562C4.7531 10.2603 4.70521 10.1415 4.70521 9.99982C4.70521 9.85805 4.7531 9.73932 4.84887 9.64366C4.94476 9.54788 5.06354 9.49999 5.20521 9.49999H11.6667C11.8084 9.49999 11.9271 9.54794 12.0229 9.64382C12.1188 9.73971 12.1667 9.85849 12.1667 10.0002C12.1667 10.1419 12.1188 10.2607 12.0229 10.3563C11.9271 10.4521 11.8084 10.5 11.6667 10.5H5.20521ZM5.20521 6.49999C5.06354 6.49999 4.94476 6.45205 4.84887 6.35616C4.7531 6.26027 4.70521 6.14149 4.70521 5.99982C4.70521 5.85805 4.7531 5.73932 4.84887 5.64366C4.94476 5.54788 5.06354 5.49999 5.20521 5.49999H11.6667C11.8084 5.49999 11.9271 5.54794 12.0229 5.64382C12.1188 5.73971 12.1667 5.85849 12.1667 6.00016C12.1667 6.14194 12.1188 6.26066 12.0229 6.35632C11.9271 6.4521 11.8084 6.49999 11.6667 6.49999H5.20521ZM5.20521 2.49999C5.06354 2.49999 4.94476 2.45205 4.84887 2.35616C4.7531 2.26027 4.70521 2.14149 4.70521 1.99982C4.70521 1.85805 4.7531 1.73932 4.84887 1.64366C4.94476 1.54788 5.06354 1.49999 5.20521 1.49999H11.6667C11.8084 1.49999 11.9271 1.54794 12.0229 1.64382C12.1188 1.73971 12.1667 1.85849 12.1667 2.00016C12.1667 2.14194 12.1188 2.26066 12.0229 2.35632C11.9271 2.4521 11.8084 2.49999 11.6667 2.49999H5.20521ZM1.94237 11.109C1.63737 11.109 1.37632 11.0004 1.15921 10.7832C0.941985 10.566 0.833374 10.305 0.833374 9.99999C0.833374 9.69499 0.941985 9.43394 1.15921 9.21682C1.37632 8.9996 1.63737 8.89099 1.94237 8.89099C2.24737 8.89099 2.50843 8.9996 2.72554 9.21682C2.94276 9.43394 3.05137 9.69499 3.05137 9.99999C3.05137 10.305 2.94276 10.566 2.72554 10.7832C2.50843 11.0004 2.24737 11.109 1.94237 11.109ZM1.94237 7.10899C1.63737 7.10899 1.37632 7.00038 1.15921 6.78316C0.941985 6.56605 0.833374 6.30499 0.833374 5.99999C0.833374 5.69499 0.941985 5.43394 1.15921 5.21682C1.37632 4.9996 1.63737 4.89099 1.94237 4.89099C2.24737 4.89099 2.50843 4.9996 2.72554 5.21682C2.94276 5.43394 3.05137 5.69499 3.05137 5.99999C3.05137 6.30499 2.94276 6.56605 2.72554 6.78316C2.50843 7.00038 2.24737 7.10899 1.94237 7.10899ZM1.94237 3.10899C1.63737 3.10899 1.37632 3.00038 1.15921 2.78316C0.941985 2.56605 0.833374 2.30499 0.833374 1.99999C0.833374 1.69499 0.941985 1.43394 1.15921 1.21682C1.37632 0.999602 1.63737 0.890991 1.94237 0.890991C2.24737 0.890991 2.50843 0.999602 2.72554 1.21682C2.94276 1.43394 3.05137 1.69499 3.05137 1.99999C3.05137 2.30499 2.94276 2.56605 2.72554 2.78316C2.50843 3.00038 2.24737 3.10899 1.94237 3.10899Z\"\r\n        fill=\"#A6A6A6\"\r\n      />\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport const CalendarIcon = () => {\r\n  return (\r\n    <svg\r\n      width=\"13\"\r\n      height=\"14\"\r\n      viewBox=\"0 0 13 14\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <path\r\n        d=\"M2.03854 13.3333C1.70176 13.3333 1.41671 13.2167 1.18337 12.9833C0.950041 12.75 0.833374 12.465 0.833374 12.1282V3.20518C0.833374 2.8684 0.950041 2.58334 1.18337 2.35001C1.41671 2.11668 1.70176 2.00001 2.03854 2.00001H2.96154V1.10251C2.96154 0.956399 3.01049 0.834399 3.10837 0.73651C3.20626 0.638732 3.32826 0.589844 3.47437 0.589844C3.6206 0.589844 3.7426 0.638732 3.84037 0.73651C3.93826 0.834399 3.98721 0.956399 3.98721 1.10251V2.00001H9.03854V1.08984C9.03854 0.947955 9.08637 0.829121 9.18204 0.733344C9.27782 0.637677 9.39665 0.589844 9.53854 0.589844C9.68043 0.589844 9.79921 0.637677 9.89487 0.733344C9.99065 0.829121 10.0385 0.947955 10.0385 1.08984V2.00001H10.9615C11.2983 2.00001 11.5834 2.11668 11.8167 2.35001C12.05 2.58334 12.1667 2.8684 12.1667 3.20518V12.1282C12.1667 12.465 12.05 12.75 11.8167 12.9833C11.5834 13.2167 11.2983 13.3333 10.9615 13.3333H2.03854ZM2.03854 12.3333H10.9615C11.0129 12.3333 11.0599 12.312 11.1025 12.2692C11.1453 12.2265 11.1667 12.1795 11.1667 12.1282V5.87184H1.83337V12.1282C1.83337 12.1795 1.85476 12.2265 1.89754 12.2692C1.94021 12.312 1.98721 12.3333 2.03854 12.3333ZM1.83337 4.87184H11.1667V3.20518C11.1667 3.15384 11.1453 3.10684 11.1025 3.06418C11.0599 3.0214 11.0129 3.00001 10.9615 3.00001H2.03854C1.98721 3.00001 1.94021 3.0214 1.89754 3.06418C1.85476 3.10684 1.83337 3.15384 1.83337 3.20518V4.87184ZM6.50004 8.38468C6.33682 8.38468 6.19771 8.32718 6.08271 8.21218C5.96782 8.09729 5.91037 7.95818 5.91037 7.79484C5.91037 7.63162 5.96782 7.49251 6.08271 7.37751C6.19771 7.26262 6.33682 7.20518 6.50004 7.20518C6.66326 7.20518 6.80237 7.26262 6.91737 7.37751C7.03226 7.49251 7.08971 7.63162 7.08971 7.79484C7.08971 7.95818 7.03226 8.09729 6.91737 8.21218C6.80237 8.32718 6.66326 8.38468 6.50004 8.38468ZM3.83337 8.38468C3.67015 8.38468 3.53104 8.32718 3.41604 8.21218C3.30115 8.09729 3.24371 7.95818 3.24371 7.79484C3.24371 7.63162 3.30115 7.49251 3.41604 7.37751C3.53104 7.26262 3.67015 7.20518 3.83337 7.20518C3.9966 7.20518 4.13571 7.26262 4.25071 7.37751C4.3656 7.49251 4.42304 7.63162 4.42304 7.79484C4.42304 7.95818 4.3656 8.09729 4.25071 8.21218C4.13571 8.32718 3.9966 8.38468 3.83337 8.38468ZM9.16671 8.38468C9.00348 8.38468 8.86437 8.32718 8.74937 8.21218C8.63449 8.09729 8.57704 7.95818 8.57704 7.79484C8.57704 7.63162 8.63449 7.49251 8.74937 7.37751C8.86437 7.26262 9.00348 7.20518 9.16671 7.20518C9.32993 7.20518 9.46904 7.26262 9.58404 7.37751C9.69893 7.49251 9.75637 7.63162 9.75637 7.79484C9.75637 7.95818 9.69893 8.09729 9.58404 8.21218C9.46904 8.32718 9.32993 8.38468 9.16671 8.38468ZM6.50004 11C6.33682 11 6.19771 10.9425 6.08271 10.8275C5.96782 10.7126 5.91037 10.5736 5.91037 10.4103C5.91037 10.247 5.96782 10.1079 6.08271 9.99301C6.19771 9.87801 6.33682 9.82051 6.50004 9.82051C6.66326 9.82051 6.80237 9.87801 6.91737 9.99301C7.03226 10.1079 7.08971 10.247 7.08971 10.4103C7.08971 10.5736 7.03226 10.7126 6.91737 10.8275C6.80237 10.9425 6.66326 11 6.50004 11ZM3.83337 11C3.67015 11 3.53104 10.9425 3.41604 10.8275C3.30115 10.7126 3.24371 10.5736 3.24371 10.4103C3.24371 10.247 3.30115 10.1079 3.41604 9.99301C3.53104 9.87801 3.67015 9.82051 3.83337 9.82051C3.9966 9.82051 4.13571 9.87801 4.25071 9.99301C4.3656 10.1079 4.42304 10.247 4.42304 10.4103C4.42304 10.5736 4.3656 10.7126 4.25071 10.8275C4.13571 10.9425 3.9966 11 3.83337 11ZM9.16671 11C9.00348 11 8.86437 10.9425 8.74937 10.8275C8.63449 10.7126 8.57704 10.5736 8.57704 10.4103C8.57704 10.247 8.63449 10.1079 8.74937 9.99301C8.86437 9.87801 9.00348 9.82051 9.16671 9.82051C9.32993 9.82051 9.46904 9.87801 9.58404 9.99301C9.69893 10.1079 9.75637 10.247 9.75637 10.4103C9.75637 10.5736 9.69893 10.7126 9.58404 10.8275C9.46904 10.9425 9.32993 11 9.16671 11Z\"\r\n        fill=\"#A6A6A6\"\r\n      />\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport const GalleryIcon = () => {\r\n  return (\r\n    <svg\r\n      width=\"15\"\r\n      height=\"10\"\r\n      viewBox=\"0 0 15 10\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <path\r\n        d=\"M1.87179 9.33329C1.54035 9.33329 1.25663 9.21529 1.02063 8.97929C0.784626 8.74329 0.666626 8.45957 0.666626 8.12813V1.87179C0.666626 1.54035 0.784626 1.25663 1.02063 1.02063C1.25663 0.784626 1.54035 0.666626 1.87179 0.666626H8.12813C8.45957 0.666626 8.74329 0.784626 8.97929 1.02063C9.21529 1.25663 9.33329 1.54035 9.33329 1.87179V8.12813C9.33329 8.45957 9.21529 8.74329 8.97929 8.97929C8.74329 9.21529 8.45957 9.33329 8.12813 9.33329H1.87179ZM11.2723 4.33329C11.0984 4.33329 10.954 4.27579 10.8391 4.16079C10.7241 4.0459 10.6666 3.90151 10.6666 3.72763V1.27246C10.6666 1.09846 10.7241 0.954014 10.8391 0.839126C10.954 0.724126 11.0984 0.666626 11.2723 0.666626H13.7275C13.9015 0.666626 14.0459 0.724126 14.1608 0.839126C14.2758 0.954014 14.3333 1.09846 14.3333 1.27246V3.72763C14.3333 3.90151 14.2758 4.0459 14.1608 4.16079C14.0459 4.27579 13.9015 4.33329 13.7275 4.33329H11.2723ZM11.6666 3.33329H13.3333V1.66663H11.6666V3.33329ZM1.87179 8.33329H8.12813C8.18802 8.33329 8.23718 8.31407 8.27563 8.27563C8.31407 8.23718 8.33329 8.18802 8.33329 8.12813V1.87179C8.33329 1.8119 8.31407 1.76274 8.27563 1.72429C8.23718 1.68585 8.18802 1.66663 8.12813 1.66663H1.87179C1.8119 1.66663 1.76274 1.68585 1.72429 1.72429C1.68585 1.76274 1.66663 1.8119 1.66663 1.87179V8.12813C1.66663 8.18802 1.68585 8.23718 1.72429 8.27563C1.76274 8.31407 1.8119 8.33329 1.87179 8.33329ZM2.99996 6.96796H6.99996C7.11829 6.96796 7.20707 6.91324 7.26629 6.80379C7.32552 6.69435 7.31707 6.58835 7.24096 6.48579L6.15763 5.03579C6.09529 4.95546 6.01496 4.91529 5.91663 4.91529C5.81829 4.91529 5.73796 4.95546 5.67563 5.03579L4.66663 6.38463L3.99096 5.48579C3.92863 5.40546 3.84829 5.36529 3.74996 5.36529C3.65163 5.36529 3.57129 5.40546 3.50896 5.48579L2.75896 6.48579C2.68285 6.58835 2.6744 6.69435 2.73363 6.80379C2.79285 6.91324 2.88163 6.96796 2.99996 6.96796ZM11.2723 9.33329C11.0984 9.33329 10.954 9.27579 10.8391 9.16079C10.7241 9.0459 10.6666 8.90146 10.6666 8.72746V6.27229C10.6666 6.0984 10.7241 5.95402 10.8391 5.83913C10.954 5.72413 11.0984 5.66663 11.2723 5.66663H13.7275C13.9015 5.66663 14.0459 5.72413 14.1608 5.83913C14.2758 5.95402 14.3333 6.0984 14.3333 6.27229V8.72746C14.3333 8.90146 14.2758 9.0459 14.1608 9.16079C14.0459 9.27579 13.9015 9.33329 13.7275 9.33329H11.2723ZM11.6666 8.33329H13.3333V6.66663H11.6666V8.33329Z\"\r\n        fill=\"#A6A6A6\"\r\n      />\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport const ChartsIcon = () => {\r\n  return (\r\n    <svg\r\n      width=\"13\"\r\n      height=\"14\"\r\n      viewBox=\"0 0 13 14\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <path\r\n        d=\"M7.14485 1.42317C7.14485 1.22028 7.22413 1.058 7.38268 0.936332C7.54124 0.814666 7.71879 0.777333 7.91535 0.824333C9.12135 1.07389 10.16 1.64056 11.0314 2.52433C11.9028 3.40811 12.4633 4.46328 12.7128 5.68983C12.753 5.86583 12.7148 6.02133 12.5985 6.15633C12.4822 6.29144 12.3228 6.359 12.1205 6.359H8.42435C8.38424 6.359 8.34907 6.34894 8.31885 6.32883C8.28874 6.30872 8.26363 6.27861 8.24352 6.2385C8.14352 6.01794 8.00863 5.82105 7.83885 5.64783C7.66896 5.47461 7.47779 5.34072 7.26535 5.24617C7.22524 5.22628 7.19513 5.20389 7.17502 5.179C7.1549 5.15411 7.14485 5.12178 7.14485 5.082V1.42317ZM8.14485 1.95133V4.60267C8.29274 4.70689 8.43079 4.82206 8.55902 4.94817C8.68724 5.07417 8.80135 5.21111 8.90135 5.359H11.5653C11.3158 4.54278 10.8874 3.831 10.2802 3.22367C9.67285 2.61644 8.96107 2.19233 8.14485 1.95133ZM5.10518 13.1692C3.6804 12.8462 2.5039 12.113 1.57568 10.9697C0.647461 9.82644 0.18335 8.50322 0.18335 7C0.18335 5.49367 0.647461 4.17028 1.57568 3.02983C2.5039 1.8895 3.6804 1.1565 5.10518 0.830832C5.30607 0.783832 5.48685 0.8265 5.64752 0.958833C5.80818 1.09117 5.88852 1.25917 5.88852 1.46283V5.108C5.88852 5.11867 5.85729 5.16128 5.79485 5.23583C5.43852 5.38294 5.15352 5.61672 4.93985 5.93717C4.72607 6.25772 4.61918 6.61244 4.61918 7.00133C4.61918 7.39022 4.72607 7.74 4.93985 8.05067C5.15352 8.36133 5.43852 8.58805 5.79485 8.73083C5.81285 8.73761 5.84407 8.77989 5.88852 8.85767V12.5577C5.88852 12.7643 5.80818 12.9297 5.64752 13.0537C5.48685 13.1777 5.30607 13.2162 5.10518 13.1692ZM4.88852 1.95133C3.78341 2.28033 2.88957 2.91194 2.20702 3.84617C1.52457 4.78039 1.18335 5.83167 1.18335 7C1.18335 8.16833 1.52457 9.21961 2.20702 10.1538C2.88957 11.0881 3.78341 11.7265 4.88852 12.0692V9.37183C4.50052 9.08805 4.19196 8.74122 3.96285 8.33133C3.73385 7.92156 3.61935 7.47672 3.61935 6.99683C3.61935 6.51694 3.73279 6.071 3.95968 5.659C4.18657 5.247 4.49618 4.89911 4.88852 4.61533V1.95133ZM7.89618 13.1757C7.69963 13.2183 7.52524 13.1806 7.37302 13.0625C7.2209 12.9443 7.14485 12.7867 7.14485 12.5897V8.90133C7.14485 8.86111 7.1549 8.82594 7.17502 8.79583C7.19513 8.76572 7.22524 8.74061 7.26535 8.7205C7.48335 8.62472 7.67707 8.49194 7.84652 8.32217C8.01596 8.15228 8.14829 7.96111 8.24352 7.74867C8.2504 7.735 8.30713 7.69483 8.41368 7.62817H12.1205C12.3022 7.62817 12.4536 7.70405 12.5747 7.85583C12.6958 8.0075 12.7363 8.17822 12.6962 8.368C12.4355 9.59444 11.8667 10.6417 10.9897 11.5097C10.1128 12.3776 9.08163 12.9329 7.89618 13.1757ZM8.90135 8.62817C8.79957 8.77172 8.68502 8.90656 8.55768 9.03267C8.43035 9.15878 8.29274 9.27183 8.14485 9.37183V12.0487C8.9654 11.8034 9.67824 11.3772 10.2833 10.7698C10.8885 10.1626 11.3158 9.44872 11.5653 8.62817H8.90135Z\"\r\n        fill=\"#A6A6A6\"\r\n      />\r\n    </svg>\r\n  );\r\n};\r\nexport const ViewMoreIcon = () => {\r\n  return (\r\n    <svg\r\n      width=\"20\"\r\n      height=\"20\"\r\n      viewBox=\"0 0 20 20\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <mask\r\n        id=\"mask0_811_12719\"\r\n        style={{ maskType: \"alpha\" }}\r\n        maskUnits=\"userSpaceOnUse\"\r\n        x=\"0\"\r\n        y=\"0\"\r\n        width=\"20\"\r\n        height=\"20\"\r\n      >\r\n        <rect width=\"20\" height=\"20\" fill=\"#D9D9D9\" />\r\n      </mask>\r\n      <g mask=\"url(#mask0_811_12719)\">\r\n        <path\r\n          d=\"M4.99998 11.6666C4.54165 11.6666 4.14929 11.5035 3.8229 11.1771C3.49651 10.8507 3.33331 10.4583 3.33331 9.99998C3.33331 9.54165 3.49651 9.14929 3.8229 8.8229C4.14929 8.49651 4.54165 8.33331 4.99998 8.33331C5.45831 8.33331 5.85067 8.49651 6.17706 8.8229C6.50345 9.14929 6.66665 9.54165 6.66665 9.99998C6.66665 10.4583 6.50345 10.8507 6.17706 11.1771C5.85067 11.5035 5.45831 11.6666 4.99998 11.6666ZM9.99998 11.6666C9.54165 11.6666 9.14929 11.5035 8.8229 11.1771C8.49651 10.8507 8.33331 10.4583 8.33331 9.99998C8.33331 9.54165 8.49651 9.14929 8.8229 8.8229C9.14929 8.49651 9.54165 8.33331 9.99998 8.33331C10.4583 8.33331 10.8507 8.49651 11.1771 8.8229C11.5035 9.14929 11.6666 9.54165 11.6666 9.99998C11.6666 10.4583 11.5035 10.8507 11.1771 11.1771C10.8507 11.5035 10.4583 11.6666 9.99998 11.6666ZM15 11.6666C14.5416 11.6666 14.1493 11.5035 13.8229 11.1771C13.4965 10.8507 13.3333 10.4583 13.3333 9.99998C13.3333 9.54165 13.4965 9.14929 13.8229 8.8229C14.1493 8.49651 14.5416 8.33331 15 8.33331C15.4583 8.33331 15.8507 8.49651 16.1771 8.8229C16.5035 9.14929 16.6666 9.54165 16.6666 9.99998C16.6666 10.4583 16.5035 10.8507 16.1771 11.1771C15.8507 11.5035 15.4583 11.6666 15 11.6666Z\"\r\n          fill=\"#1C1B1F\"\r\n        />\r\n      </g>\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport const CloseIcon = () => {\r\n  return (\r\n    <svg\r\n      width=\"14\"\r\n      height=\"14\"\r\n      viewBox=\"0 0 14 14\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <path\r\n        d=\"M11.0833 3.73919L10.2608 2.91669L6.99996 6.17752L3.73913 2.91669L2.91663 3.73919L6.17746 7.00002L2.91663 10.2609L3.73913 11.0834L6.99996 7.82252L10.2608 11.0834L11.0833 10.2609L7.82246 7.00002L11.0833 3.73919Z\"\r\n        fill=\"#0C2033\"\r\n      />\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport const SearchIcon = () => {\r\n  return (\r\n    <svg\r\n      width=\"20\"\r\n      height=\"20\"\r\n      viewBox=\"0 0 20 20\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <mask\r\n        id=\"mask0_811_12583\"\r\n        style={{ maskType: \"alpha\" }}\r\n        maskUnits=\"userSpaceOnUse\"\r\n        x=\"0\"\r\n        y=\"0\"\r\n        width=\"20\"\r\n        height=\"20\"\r\n      >\r\n        <rect width=\"20\" height=\"20\" fill=\"#D9D9D9\" />\r\n      </mask>\r\n      <g mask=\"url(#mask0_811_12583)\">\r\n        <path\r\n          d=\"M7.93274 13.0127C6.50969 13.0127 5.30455 12.5192 4.31733 11.5321C3.33024 10.5449 2.8367 9.33971 2.8367 7.91666C2.8367 6.4936 3.33024 5.28847 4.31733 4.30124C5.30455 3.31416 6.50969 2.82062 7.93274 2.82062C9.3558 2.82062 10.5609 3.31416 11.5482 4.30124C12.5352 5.28847 13.0288 6.4936 13.0288 7.91666C13.0288 8.5118 12.9289 9.0802 12.7292 9.62187C12.5293 10.1635 12.2627 10.6346 11.9294 11.0352L16.7244 15.8302C16.8398 15.9455 16.8989 16.0905 16.9015 16.2652C16.9041 16.4399 16.8451 16.5876 16.7244 16.7083C16.6037 16.829 16.4573 16.8894 16.2852 16.8894C16.1133 16.8894 15.967 16.829 15.8463 16.7083L11.0513 11.9133C10.6346 12.2574 10.1554 12.5266 9.61378 12.721C9.07212 12.9155 8.51177 13.0127 7.93274 13.0127ZM7.93274 11.7629C9.00649 11.7629 9.91594 11.3903 10.6611 10.645C11.4064 9.89985 11.779 8.99041 11.779 7.91666C11.779 6.84291 11.4064 5.93346 10.6611 5.18833C9.91594 4.44305 9.00649 4.07041 7.93274 4.07041C6.85899 4.07041 5.94955 4.44305 5.20441 5.18833C4.45913 5.93346 4.08649 6.84291 4.08649 7.91666C4.08649 8.99041 4.45913 9.89985 5.20441 10.645C5.94955 11.3903 6.85899 11.7629 7.93274 11.7629Z\"\r\n          fill=\"#1E1E1E\"\r\n        />\r\n      </g>\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport const SortingIcon = () => {\r\n  return (\r\n    <svg\r\n      width=\"20\"\r\n      height=\"20\"\r\n      viewBox=\"0 0 20 20\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <mask\r\n        id=\"mask0_811_12710\"\r\n        style={{ maskType: \"alpha\" }}\r\n        maskUnits=\"userSpaceOnUse\"\r\n        x=\"0\"\r\n        y=\"0\"\r\n        width=\"20\"\r\n        height=\"20\"\r\n      >\r\n        <rect width=\"20\" height=\"20\" fill=\"#D9D9D9\" />\r\n      </mask>\r\n      <g mask=\"url(#mask0_811_12710)\">\r\n        <path\r\n          d=\"M7.63605 10.5369C7.45883 10.5369 7.31036 10.477 7.19064 10.3571C7.07105 10.2374 7.01126 10.089 7.01126 9.9119V4.4696L5.08022 6.40065C4.96744 6.51606 4.82654 6.57377 4.65751 6.57377C4.48848 6.57377 4.33932 6.51398 4.21001 6.3944C4.0807 6.26398 4.01605 6.11488 4.01605 5.94711C4.01605 5.77947 4.0807 5.63099 4.21001 5.50169L7.10105 2.61065C7.17897 2.53259 7.26154 2.47759 7.34876 2.44565C7.43612 2.41356 7.52966 2.39752 7.62939 2.39752C7.72911 2.39752 7.82383 2.41363 7.91355 2.44586C8.00327 2.47822 8.08661 2.53315 8.16355 2.61065L11.0754 5.52252C11.1993 5.64641 11.2604 5.79009 11.2588 5.95356C11.2572 6.11704 11.1918 6.26398 11.0625 6.3944C10.9332 6.51398 10.7868 6.57592 10.6233 6.58023C10.4599 6.5844 10.3136 6.5219 10.1844 6.39273L8.26126 4.4696V9.91981C8.26126 10.0947 8.20133 10.2412 8.08147 10.3594C7.96161 10.4777 7.81314 10.5369 7.63605 10.5369ZM12.3706 17.5946C12.2709 17.5946 12.1762 17.5784 12.0865 17.5461C11.9967 17.5138 11.9134 17.459 11.8365 17.3815L8.92459 14.4696C8.8007 14.3456 8.73959 14.2019 8.74126 14.0386C8.74279 13.8751 8.8082 13.7281 8.93751 13.5977C9.06682 13.4781 9.2132 13.4162 9.37668 13.4119C9.54015 13.4076 9.68647 13.4701 9.81564 13.5994L11.7388 15.5225V10.0721C11.7388 9.89738 11.7987 9.75085 11.9186 9.63252C12.0384 9.51433 12.1869 9.45523 12.364 9.45523C12.5412 9.45523 12.6897 9.51509 12.8094 9.63481C12.929 9.75467 12.9888 9.90315 12.9888 10.0802V15.5225L14.9198 13.5913C15.0326 13.476 15.1735 13.4184 15.3425 13.4184C15.5115 13.4184 15.6607 13.4781 15.79 13.5977C15.9193 13.7281 15.984 13.8772 15.984 14.0448C15.984 14.2126 15.9193 14.3611 15.79 14.4904L12.899 17.3815C12.8211 17.4594 12.7385 17.5144 12.6513 17.5465C12.5639 17.5786 12.4704 17.5946 12.3706 17.5946Z\"\r\n          fill=\"#1C1B1F\"\r\n        />\r\n      </g>\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport const FilterationIcon = ({ color = \"#1C1B1F\", ...props }) => {\r\n  return (\r\n    <svg\r\n      width=\"20\"\r\n      height=\"20\"\r\n      viewBox=\"0 0 20 20\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <mask\r\n        id=\"mask0_811_12698\"\r\n        style={{ maskType: \"alpha\" }}\r\n        maskUnits=\"userSpaceOnUse\"\r\n        x=\"0\"\r\n        y=\"0\"\r\n        width=\"20\"\r\n        height=\"20\"\r\n      >\r\n        <rect width=\"20\" height=\"20\" fill=\"#D9D9D9\" />\r\n      </mask>\r\n      <g mask=\"url(#mask0_811_12698)\">\r\n        <path\r\n          d=\"M8.33333 15V13.3333H11.6667V15H8.33333ZM5 10.8333V9.16667H15V10.8333H5ZM2.5 6.66667V5H17.5V6.66667H2.5Z\"\r\n          fill={color}\r\n          {...props}\r\n        />\r\n      </g>\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport const HideIcon = () => {\r\n  return (\r\n    <svg\r\n      width=\"16\"\r\n      height=\"16\"\r\n      viewBox=\"0 0 16 16\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <mask\r\n        id=\"mask0_957_24305\"\r\n        style={{ maskType: \"alpha\" }}\r\n        maskUnits=\"userSpaceOnUse\"\r\n        x=\"0\"\r\n        y=\"0\"\r\n        width=\"16\"\r\n        height=\"16\"\r\n      >\r\n        <rect width=\"16\" height=\"16\" fill=\"#D9D9D9\" />\r\n      </mask>\r\n      <g mask=\"url(#mask0_957_24305)\">\r\n        <path\r\n          d=\"M9.91805 5.74863C10.1889 6.01963 10.3983 6.34891 10.5462 6.73647C10.6941 7.12413 10.75 7.51325 10.714 7.9038C10.714 8.03202 10.6679 8.14058 10.5757 8.22947C10.4834 8.31836 10.3731 8.3628 10.2449 8.3628C10.1167 8.3628 10.0081 8.31836 9.91922 8.22947C9.83033 8.14058 9.78588 8.03202 9.78588 7.9038C9.82866 7.61069 9.80455 7.33291 9.71355 7.07047C9.62255 6.80813 9.4826 6.58252 9.29372 6.39363C9.10483 6.20475 8.87705 6.06136 8.61038 5.96347C8.34372 5.86558 8.06249 5.84013 7.76672 5.88713C7.63849 5.89147 7.52783 5.84852 7.43472 5.7583C7.34149 5.66819 7.29277 5.55902 7.28855 5.4308C7.28422 5.30258 7.32544 5.19186 7.41222 5.09863C7.49899 5.00552 7.60649 4.95686 7.73472 4.95263C8.12272 4.90819 8.51266 4.9588 8.90455 5.10447C9.29644 5.25025 9.63427 5.46497 9.91805 5.74863ZM8.00005 3.99997C7.76327 3.99997 7.53099 4.01152 7.30322 4.03463C7.07544 4.05763 6.84872 4.09563 6.62305 4.14863C6.48116 4.17774 6.35338 4.15747 6.23972 4.0878C6.12605 4.01813 6.04788 3.91791 6.00522 3.78713C5.96244 3.65213 5.97655 3.52375 6.04755 3.40197C6.11844 3.28019 6.22138 3.20474 6.35638 3.17563C6.62483 3.11152 6.89599 3.06625 7.16988 3.0398C7.44388 3.01325 7.7206 2.99997 8.00005 2.99997C9.43249 2.99997 10.7483 3.37219 11.9475 4.11663C13.1467 4.86108 14.0688 5.86836 14.714 7.13847C14.7585 7.22302 14.7908 7.30825 14.8109 7.39413C14.831 7.48002 14.841 7.57086 14.841 7.66663C14.841 7.76241 14.8327 7.85325 14.816 7.93913C14.7994 8.02502 14.7688 8.11024 14.7244 8.1948C14.5202 8.62213 14.2719 9.02063 13.9796 9.3903C13.6872 9.75997 13.3654 10.0995 13.0141 10.409C12.9107 10.5013 12.7926 10.5395 12.6597 10.5236C12.5267 10.5079 12.4175 10.4414 12.332 10.3243C12.2466 10.2072 12.2112 10.0816 12.2257 9.94747C12.2403 9.81325 12.2992 9.69997 12.4026 9.60763C12.7034 9.33497 12.9778 9.03691 13.2257 8.71347C13.4736 8.38991 13.6873 8.04097 13.8667 7.66663C13.3112 6.54441 12.5084 5.65275 11.4584 4.99163C10.4084 4.33052 9.2556 3.99997 8.00005 3.99997ZM8.00005 12.3333C6.5966 12.3333 5.31027 11.9583 4.14105 11.2083C2.97183 10.4583 2.04238 9.47047 1.35272 8.2448C1.29716 8.16025 1.25655 8.06836 1.23088 7.96913C1.20522 7.87002 1.19238 7.76919 1.19238 7.66663C1.19238 7.56408 1.20349 7.46491 1.22572 7.36913C1.24794 7.27347 1.28683 7.17991 1.34238 7.08847C1.59027 6.63547 1.87105 6.20402 2.18472 5.79413C2.49838 5.38436 2.85905 5.01708 3.26672 4.6923L1.76155 3.1768C1.66933 3.07769 1.62383 2.95997 1.62505 2.82363C1.62638 2.6873 1.67533 2.57086 1.77188 2.4743C1.86844 2.37775 1.98555 2.32947 2.12322 2.32947C2.26077 2.32947 2.37783 2.37775 2.47438 2.4743L13.5257 13.5256C13.618 13.618 13.667 13.7322 13.6725 13.8685C13.6781 14.0048 13.6292 14.1247 13.5257 14.2281C13.4292 14.3247 13.312 14.373 13.1744 14.373C13.0368 14.373 12.9198 14.3247 12.8232 14.2281L10.477 11.9025C10.0838 12.0546 9.67972 12.1644 9.26472 12.232C8.84983 12.2995 8.42827 12.3333 8.00005 12.3333ZM3.96938 5.3948C3.57872 5.69658 3.22761 6.0378 2.91605 6.41847C2.60449 6.79924 2.3436 7.2153 2.13338 7.66663C2.68894 8.78886 3.49172 9.68052 4.54172 10.3416C5.59172 11.0027 6.74449 11.3333 8.00005 11.3333C8.28638 11.3333 8.56822 11.3141 8.84555 11.2756C9.12288 11.2372 9.39833 11.1778 9.67188 11.0975L8.82822 10.2333C8.69322 10.2923 8.55838 10.3322 8.42372 10.3531C8.28916 10.3741 8.14794 10.3846 8.00005 10.3846C7.2436 10.3846 6.60149 10.1207 6.07372 9.59297C5.54594 9.06519 5.28205 8.42308 5.28205 7.66663C5.28205 7.51874 5.2936 7.37752 5.31672 7.24297C5.33983 7.1083 5.37872 6.97347 5.43338 6.83847L3.96938 5.3948Z\"\r\n          fill=\"#1C1B1F\"\r\n        />\r\n      </g>\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport const PinIcon = () => {\r\n  return (\r\n    <svg\r\n      width=\"8\"\r\n      height=\"13\"\r\n      viewBox=\"0 0 8 13\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <path\r\n        d=\"M6.33337 1.33337V6.14104L7.37686 7.18471C7.42642 7.23426 7.46364 7.29004 7.48853 7.35204C7.51331 7.41393 7.5257 7.47793 7.5257 7.54404V7.82904C7.5257 7.96949 7.47714 8.08865 7.38003 8.18654C7.28303 8.28443 7.16275 8.33337 7.0192 8.33337H4.50003V11.9257C4.50003 12.0674 4.45209 12.1861 4.3562 12.2819C4.26031 12.3777 4.14153 12.4255 3.99987 12.4255C3.85809 12.4255 3.73937 12.3777 3.6437 12.2819C3.54792 12.1861 3.50003 12.0674 3.50003 11.9257V8.33337H0.980865C0.83731 8.33337 0.717032 8.28443 0.620032 8.18654C0.522921 8.08865 0.474365 7.96949 0.474365 7.82904V7.54404C0.474365 7.47793 0.486754 7.41393 0.511532 7.35204C0.536421 7.29004 0.573643 7.23426 0.623199 7.18471L1.6667 6.14104V1.33337H1.50003C1.35837 1.33337 1.23964 1.28543 1.14387 1.18954C1.04798 1.09365 1.00003 0.974874 1.00003 0.833207C1.00003 0.691429 1.04798 0.572707 1.14387 0.477041C1.23964 0.381263 1.35837 0.333374 1.50003 0.333374H6.50003C6.6417 0.333374 6.76042 0.381319 6.8562 0.477207C6.95209 0.573096 7.00003 0.691874 7.00003 0.833541C7.00003 0.975319 6.95209 1.09404 6.8562 1.18971C6.76042 1.28549 6.6417 1.33337 6.50003 1.33337H6.33337ZM1.90003 7.33337H6.10003L5.33336 6.56671V1.33337H2.6667V6.56671L1.90003 7.33337Z\"\r\n        fill=\"#1C1B1F\"\r\n      />\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport const VisibilityIcon = () => {\r\n  return (\r\n    <svg\r\n      width=\"14\"\r\n      height=\"10\"\r\n      viewBox=\"0 0 14 10\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <path\r\n        d=\"M7.00147 7.38467C7.75692 7.38467 8.39853 7.12028 8.92631 6.5915C9.45408 6.06272 9.71797 5.42061 9.71797 4.66517C9.71797 3.90972 9.45358 3.26811 8.9248 2.74033C8.39603 2.21256 7.75392 1.94867 6.99847 1.94867C6.24303 1.94867 5.60142 2.21306 5.07364 2.74183C4.54586 3.27061 4.28197 3.91272 4.28197 4.66817C4.28197 5.42361 4.54636 6.06522 5.07514 6.593C5.60392 7.12078 6.24603 7.38467 7.00147 7.38467ZM6.99997 6.46667C6.49997 6.46667 6.07497 6.29167 5.72497 5.94167C5.37497 5.59167 5.19997 5.16667 5.19997 4.66667C5.19997 4.16667 5.37497 3.74167 5.72497 3.39167C6.07497 3.04167 6.49997 2.86667 6.99997 2.86667C7.49997 2.86667 7.92497 3.04167 8.27497 3.39167C8.62497 3.74167 8.79997 4.16667 8.79997 4.66667C8.79997 5.16667 8.62497 5.59167 8.27497 5.94167C7.92497 6.29167 7.49997 6.46667 6.99997 6.46667ZM6.99997 9.33333C5.59653 9.33333 4.31297 8.95894 3.1493 8.21017C1.98564 7.4615 1.0568 6.4765 0.362803 5.25517C0.307248 5.15939 0.266637 5.06289 0.24097 4.96567C0.215414 4.86844 0.202637 4.76867 0.202637 4.66633C0.202637 4.564 0.215414 4.46433 0.24097 4.36733C0.266637 4.27033 0.307248 4.17394 0.362803 4.07817C1.0568 2.85683 1.98564 1.87183 3.1493 1.12317C4.31297 0.374389 5.59653 0 6.99997 0C8.40342 0 9.68697 0.374389 10.8506 1.12317C12.0143 1.87183 12.9431 2.85683 13.6371 4.07817C13.6927 4.17394 13.7333 4.27044 13.759 4.36767C13.7845 4.46489 13.7973 4.56467 13.7973 4.667C13.7973 4.76933 13.7845 4.869 13.759 4.966C13.7333 5.063 13.6927 5.15939 13.6371 5.25517C12.9431 6.4765 12.0143 7.4615 10.8506 8.21017C9.68697 8.95894 8.40342 9.33333 6.99997 9.33333ZM6.99997 8.33333C8.25553 8.33333 9.4083 8.00278 10.4583 7.34167C11.5083 6.68055 12.3111 5.78889 12.8666 4.66667C12.3111 3.54444 11.5083 2.65278 10.4583 1.99167C9.4083 1.33056 8.25553 1 6.99997 1C5.74442 1 4.59164 1.33056 3.54164 1.99167C2.49164 2.65278 1.68886 3.54444 1.1333 4.66667C1.68886 5.78889 2.49164 6.68055 3.54164 7.34167C4.59164 8.00278 5.74442 8.33333 6.99997 8.33333Z\"\r\n        fill=\"#505050\"\r\n      />\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport const VisibilityOffIcon = () => {\r\n  return (\r\n    <svg\r\n      width=\"14\"\r\n      height=\"13\"\r\n      viewBox=\"0 0 14 13\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <path\r\n        d=\"M8.91793 3.74863C9.18882 4.01963 9.39821 4.34891 9.54609 4.73647C9.69398 5.12413 9.74993 5.51325 9.71393 5.9038C9.71393 6.03202 9.66782 6.14058 9.57559 6.22947C9.48326 6.31836 9.37298 6.3628 9.24476 6.3628C9.11654 6.3628 9.00798 6.31836 8.9191 6.22947C8.83021 6.14058 8.78576 6.03202 8.78576 5.9038C8.82854 5.61069 8.80443 5.33291 8.71343 5.07047C8.62243 4.80813 8.48248 4.58252 8.29359 4.39363C8.1047 4.20475 7.87693 4.06136 7.61026 3.96347C7.34359 3.86558 7.06237 3.84013 6.76659 3.88713C6.63837 3.89147 6.52771 3.84852 6.43459 3.7583C6.34137 3.66819 6.29265 3.55902 6.28843 3.4308C6.28409 3.30258 6.32532 3.19186 6.41209 3.09863C6.49887 3.00552 6.60637 2.95686 6.73459 2.95263C7.12259 2.90819 7.51254 2.9588 7.90443 3.10447C8.29632 3.25025 8.63415 3.46497 8.91793 3.74863ZM6.99993 1.99997C6.76315 1.99997 6.53087 2.01152 6.30309 2.03463C6.07532 2.05763 5.84859 2.09563 5.62293 2.14863C5.48104 2.17774 5.35326 2.15747 5.23959 2.0878C5.12593 2.01813 5.04776 1.91791 5.00509 1.78713C4.96232 1.65213 4.97643 1.52375 5.04743 1.40197C5.11832 1.28019 5.22126 1.20474 5.35626 1.17563C5.62471 1.11152 5.89587 1.06625 6.16976 1.0398C6.44376 1.01325 6.72048 0.999967 6.99993 0.999967C8.43237 0.999967 9.74821 1.37219 10.9474 2.11663C12.1465 2.86108 13.0687 3.86836 13.7139 5.13847C13.7584 5.22302 13.7907 5.30825 13.8108 5.39413C13.8309 5.48002 13.8409 5.57086 13.8409 5.66663C13.8409 5.76241 13.8326 5.85325 13.8159 5.93913C13.7993 6.02502 13.7687 6.11024 13.7243 6.1948C13.52 6.62213 13.2718 7.02063 12.9794 7.3903C12.6871 7.75997 12.3653 8.09952 12.0139 8.40897C11.9106 8.5013 11.7925 8.53952 11.6596 8.52363C11.5266 8.50786 11.4174 8.44141 11.3319 8.3243C11.2465 8.20719 11.211 8.08158 11.2256 7.94747C11.2402 7.81325 11.2991 7.69997 11.4024 7.60763C11.7033 7.33497 11.9777 7.03691 12.2256 6.71347C12.4735 6.38991 12.6872 6.04097 12.8666 5.66663C12.311 4.54441 11.5083 3.65275 10.4583 2.99163C9.40826 2.33052 8.25548 1.99997 6.99993 1.99997ZM6.99993 10.3333C5.59648 10.3333 4.31015 9.9583 3.14093 9.2083C1.97171 8.4583 1.04226 7.47047 0.352594 6.2448C0.297039 6.16025 0.256427 6.06836 0.230761 5.96913C0.205094 5.87002 0.192261 5.76919 0.192261 5.66663C0.192261 5.56408 0.203372 5.46491 0.225594 5.36913C0.247816 5.27347 0.286705 5.17991 0.342261 5.08847C0.59015 4.63547 0.870927 4.20402 1.18459 3.79413C1.49826 3.38436 1.85893 3.01708 2.26659 2.6923L0.761427 1.1768C0.669205 1.07769 0.623705 0.959967 0.624927 0.823634C0.626261 0.6873 0.675205 0.570857 0.771761 0.474301C0.868316 0.377746 0.985427 0.329468 1.12309 0.329468C1.26065 0.329468 1.37771 0.377746 1.47426 0.474301L12.5256 11.5256C12.6179 11.618 12.6669 11.7322 12.6724 11.8685C12.678 12.0048 12.629 12.1247 12.5256 12.2281C12.429 12.3247 12.3119 12.373 12.1743 12.373C12.0367 12.373 11.9197 12.3247 11.8231 12.2281L9.47693 9.90247C9.08371 10.0546 8.67959 10.1644 8.2646 10.232C7.84971 10.2995 7.42815 10.3333 6.99993 10.3333ZM2.96926 3.3948C2.57859 3.69658 2.22748 4.0378 1.91593 4.41847C1.60437 4.79924 1.34348 5.2153 1.13326 5.66663C1.68882 6.78886 2.49159 7.68052 3.54159 8.34163C4.59159 9.00274 5.74437 9.3333 6.99993 9.3333C7.28626 9.3333 7.56809 9.31408 7.84543 9.27563C8.12276 9.23719 8.3982 9.1778 8.67176 9.09747L7.82809 8.2333C7.69309 8.2923 7.55826 8.33224 7.42359 8.35313C7.28904 8.37413 7.14782 8.38463 6.99993 8.38463C6.24348 8.38463 5.60137 8.12074 5.07359 7.59297C4.54582 7.06519 4.28193 6.42308 4.28193 5.66663C4.28193 5.51874 4.29348 5.37752 4.31659 5.24297C4.33971 5.1083 4.37859 4.97347 4.43326 4.83847L2.96926 3.3948Z\"\r\n        fill=\"#C5C5C5\"\r\n      />\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport const DragandDrogIcon = () => {\r\n  return (\r\n    <svg\r\n      width=\"8\"\r\n      height=\"12\"\r\n      viewBox=\"0 0 8 12\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <path\r\n        d=\"M2.00005 11.0768C1.70394 11.0768 1.45044 10.9714 1.23955 10.7605C1.02866 10.5496 0.923218 10.2961 0.923218 9.99999C0.923218 9.70388 1.02866 9.45038 1.23955 9.23949C1.45044 9.0286 1.70394 8.92316 2.00005 8.92316C2.29616 8.92316 2.54966 9.0286 2.76055 9.23949C2.97144 9.45038 3.07688 9.70388 3.07688 9.99999C3.07688 10.2961 2.97144 10.5496 2.76055 10.7605C2.54966 10.9714 2.29616 11.0768 2.00005 11.0768ZM6.00005 11.0768C5.70394 11.0768 5.45044 10.9714 5.23955 10.7605C5.02866 10.5496 4.92322 10.2961 4.92322 9.99999C4.92322 9.70388 5.02866 9.45038 5.23955 9.23949C5.45044 9.0286 5.70394 8.92316 6.00005 8.92316C6.29616 8.92316 6.54966 9.0286 6.76055 9.23949C6.97144 9.45038 7.07688 9.70388 7.07688 9.99999C7.07688 10.2961 6.97144 10.5496 6.76055 10.7605C6.54966 10.9714 6.29616 11.0768 6.00005 11.0768ZM2.00005 7.07682C1.70394 7.07682 1.45044 6.97138 1.23955 6.76049C1.02866 6.5496 0.923218 6.2961 0.923218 5.99999C0.923218 5.70388 1.02866 5.45038 1.23955 5.23949C1.45044 5.0286 1.70394 4.92316 2.00005 4.92316C2.29616 4.92316 2.54966 5.0286 2.76055 5.23949C2.97144 5.45038 3.07688 5.70388 3.07688 5.99999C3.07688 6.2961 2.97144 6.5496 2.76055 6.76049C2.54966 6.97138 2.29616 7.07682 2.00005 7.07682ZM6.00005 7.07682C5.70394 7.07682 5.45044 6.97138 5.23955 6.76049C5.02866 6.5496 4.92322 6.2961 4.92322 5.99999C4.92322 5.70388 5.02866 5.45038 5.23955 5.23949C5.45044 5.0286 5.70394 4.92316 6.00005 4.92316C6.29616 4.92316 6.54966 5.0286 6.76055 5.23949C6.97144 5.45038 7.07688 5.70388 7.07688 5.99999C7.07688 6.2961 6.97144 6.5496 6.76055 6.76049C6.54966 6.97138 6.29616 7.07682 6.00005 7.07682ZM2.00005 3.07682C1.70394 3.07682 1.45044 2.97138 1.23955 2.76049C1.02866 2.5496 0.923218 2.2961 0.923218 1.99999C0.923218 1.70388 1.02866 1.45038 1.23955 1.23949C1.45044 1.0286 1.70394 0.923157 2.00005 0.923157C2.29616 0.923157 2.54966 1.0286 2.76055 1.23949C2.97144 1.45038 3.07688 1.70388 3.07688 1.99999C3.07688 2.2961 2.97144 2.5496 2.76055 2.76049C2.54966 2.97138 2.29616 3.07682 2.00005 3.07682ZM6.00005 3.07682C5.70394 3.07682 5.45044 2.97138 5.23955 2.76049C5.02866 2.5496 4.92322 2.2961 4.92322 1.99999C4.92322 1.70388 5.02866 1.45038 5.23955 1.23949C5.45044 1.0286 5.70394 0.923157 6.00005 0.923157C6.29616 0.923157 6.54966 1.0286 6.76055 1.23949C6.97144 1.45038 7.07688 1.70388 7.07688 1.99999C7.07688 2.2961 6.97144 2.5496 6.76055 2.76049C6.54966 2.97138 6.29616 3.07682 6.00005 3.07682Z\"\r\n        fill=\"#A6A6A6\"\r\n      />\r\n    </svg>\r\n  );\r\n};\r\n\r\n// export const SettingIcon = () => {\r\n//   return (\r\n//     <svg\r\n//       width=\"18\"\r\n//       height=\"17\"\r\n//       viewBox=\"0 0 18 17\"\r\n//       fill=\"none\"\r\n//       xmlns=\"http://www.w3.org/2000/svg\"\r\n//     >\r\n//       <path\r\n//         d=\"M15.1935 9.31669C15.2269 9.05002 15.2519 8.78335 15.2519 8.50002C15.2519 8.21669 15.2269 7.95002 15.1935 7.68335L16.9519 6.30835C17.1102 6.18335 17.1518 5.95835 17.0518 5.77502L15.3852 2.89169C15.3102 2.75835 15.1685 2.68335 15.0185 2.68335C14.9685 2.68335 14.9185 2.69169 14.8768 2.70835L12.8018 3.54169C12.3685 3.20835 11.9018 2.93335 11.3935 2.72502L11.0768 0.516687C11.0518 0.316687 10.8769 0.166687 10.6685 0.166687H7.33518C7.12685 0.166687 6.95185 0.316687 6.92685 0.516687L6.61018 2.72502C6.10185 2.93335 5.63518 3.21669 5.20185 3.54169L3.12685 2.70835C3.07685 2.69169 3.02685 2.68335 2.97685 2.68335C2.83518 2.68335 2.69352 2.75835 2.61852 2.89169L0.95185 5.77502C0.843516 5.95835 0.893517 6.18335 1.05185 6.30835L2.81018 7.68335C2.77685 7.95002 2.75185 8.22502 2.75185 8.50002C2.75185 8.77502 2.77685 9.05002 2.81018 9.31669L1.05185 10.6917C0.893517 10.8167 0.85185 11.0417 0.95185 11.225L2.61852 14.1084C2.69352 14.2417 2.83518 14.3167 2.98518 14.3167C3.03518 14.3167 3.08518 14.3084 3.12685 14.2917L5.20185 13.4584C5.63518 13.7917 6.10185 14.0667 6.61018 14.275L6.92685 16.4834C6.95185 16.6834 7.12685 16.8334 7.33518 16.8334H10.6685C10.8769 16.8334 11.0518 16.6834 11.0768 16.4834L11.3935 14.275C11.9018 14.0667 12.3685 13.7834 12.8018 13.4584L14.8768 14.2917C14.9268 14.3084 14.9768 14.3167 15.0268 14.3167C15.1685 14.3167 15.3102 14.2417 15.3852 14.1084L17.0518 11.225C17.1518 11.0417 17.1102 10.8167 16.9519 10.6917L15.1935 9.31669ZM13.5435 7.89169C13.5769 8.15002 13.5852 8.32502 13.5852 8.50002C13.5852 8.67502 13.5685 8.85835 13.5435 9.10835L13.4268 10.05L14.1685 10.6334L15.0685 11.3334L14.4852 12.3417L13.4268 11.9167L12.5602 11.5667L11.8102 12.1334C11.4518 12.4 11.1102 12.6 10.7685 12.7417L9.88518 13.1L9.75185 14.0417L9.58518 15.1667H8.41852L8.12685 13.1L7.24352 12.7417C6.88518 12.5917 6.55185 12.4 6.21852 12.15L5.46018 11.5667L4.57685 11.925L3.51852 12.35L2.93518 11.3417L3.83518 10.6417L4.57685 10.0584L4.46018 9.11669C4.43518 8.85835 4.41852 8.66669 4.41852 8.50002C4.41852 8.33335 4.43518 8.14169 4.46018 7.89169L4.57685 6.95002L3.83518 6.36669L2.93518 5.66669L3.51852 4.65835L4.57685 5.08335L5.44352 5.43335L6.19352 4.86669C6.55185 4.60002 6.89352 4.40002 7.23518 4.25835L8.11852 3.90002L8.25185 2.95835L8.41852 1.83335H9.57685L9.86852 3.90002L10.7519 4.25835C11.1102 4.40835 11.4435 4.60002 11.7768 4.85002L12.5352 5.43335L13.4185 5.07502L14.4768 4.65002L15.0602 5.65835L14.1685 6.36669L13.4268 6.95002L13.5435 7.89169ZM9.00185 5.16669C7.16018 5.16669 5.66852 6.65835 5.66852 8.50002C5.66852 10.3417 7.16018 11.8334 9.00185 11.8334C10.8435 11.8334 12.3352 10.3417 12.3352 8.50002C12.3352 6.65835 10.8435 5.16669 9.00185 5.16669ZM9.00185 10.1667C8.08518 10.1667 7.33518 9.41669 7.33518 8.50002C7.33518 7.58335 8.08518 6.83335 9.00185 6.83335C9.91852 6.83335 10.6685 7.58335 10.6685 8.50002C10.6685 9.41669 9.91852 10.1667 9.00185 10.1667Z\"\r\n//         fill=\"#1E1E1E\"\r\n//       />\r\n//     </svg>\r\n//   );\r\n// };\r\n\r\nexport const DropDownIcon = () => {\r\n  return (\r\n    <svg\r\n      width=\"10\"\r\n      height=\"7\"\r\n      viewBox=\"0 0 10 7\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <path\r\n        d=\"M8.825 0.412476L5 4.22914L1.175 0.412476L0 1.58748L5 6.58748L10 1.58748L8.825 0.412476Z\"\r\n        fill=\"#1E1E1E\"\r\n      />\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport const AddIcon = ({ ...props }) => {\r\n  return (\r\n    <svg\r\n      width=\"10\"\r\n      height=\"10\"\r\n      viewBox=\"0 0 10 10\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      {...props}\r\n    >\r\n      <path\r\n        d=\"M4.50002 5.50002H1.16669C1.02502 5.50002 0.906298 5.45208 0.81052 5.35619C0.714632 5.2603 0.666687 5.14152 0.666687 4.99985C0.666687 4.85808 0.714632 4.73935 0.81052 4.64369C0.906298 4.54791 1.02502 4.50002 1.16669 4.50002H4.50002V1.16669C4.50002 1.02502 4.54797 0.906298 4.64385 0.81052C4.73974 0.714632 4.85852 0.666687 5.00019 0.666687C5.14197 0.666687 5.26069 0.714632 5.35635 0.81052C5.45213 0.906298 5.50002 1.02502 5.50002 1.16669V4.50002H8.83335C8.97502 4.50002 9.09374 4.54797 9.18952 4.64385C9.28541 4.73974 9.33335 4.85852 9.33335 5.00019C9.33335 5.14197 9.28541 5.26069 9.18952 5.35635C9.09374 5.45213 8.97502 5.50002 8.83335 5.50002H5.50002V8.83335C5.50002 8.97502 5.45208 9.09374 5.35619 9.18952C5.2603 9.28541 5.14152 9.33335 4.99985 9.33335C4.85808 9.33335 4.73935 9.28541 4.64369 9.18952C4.54791 9.09374 4.50002 8.97502 4.50002 8.83335V5.50002Z\"\r\n        fill=\"currentColor\"\r\n      />\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport const ChevronDownIcon = () => {\r\n  return (\r\n    <svg\r\n      width=\"12\"\r\n      height=\"6\"\r\n      viewBox=\"0 0 12 6\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <path\r\n        d=\"M1 0.5L6 5.5L11 0.5\"\r\n        stroke=\"#181D27\"\r\n        stroke-linecap=\"round\"\r\n        stroke-linejoin=\"round\"\r\n      />\r\n    </svg>\r\n  );\r\n};\r\nexport const CheckBox = () => {\r\n  return (\r\n    <svg\r\n      width=\"13\"\r\n      height=\"14\"\r\n      viewBox=\"0 0 13 14\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <path\r\n        d=\"M5.72054 8.43116L4.17187 6.88233C4.07954 6.7901 3.96349 6.74288 3.82371 6.74066C3.68404 6.73855 3.56587 6.78577 3.46921 6.88233C3.37265 6.97899 3.32437 7.0961 3.32437 7.23366C3.32437 7.37121 3.37265 7.48833 3.46921 7.58499L5.29871 9.41449C5.41926 9.53494 5.55987 9.59516 5.72054 9.59516C5.88121 9.59516 6.02182 9.53494 6.14237 9.41449L9.85137 5.70549C9.9436 5.61316 9.99082 5.4971 9.99304 5.35733C9.99515 5.21766 9.94793 5.09949 9.85137 5.00283C9.75471 4.90627 9.6376 4.85799 9.50004 4.85799C9.36249 4.85799 9.24537 4.90627 9.14871 5.00283L5.72054 8.43116ZM6.66787 13.3337C5.79187 13.3337 4.96848 13.1674 4.19771 12.835C3.42693 12.5025 2.75648 12.0514 2.18637 11.4815C1.61626 10.9116 1.16487 10.2414 0.832207 9.47099C0.499652 8.70055 0.333374 7.87738 0.333374 7.00149C0.333374 6.12549 0.499596 5.3021 0.832041 4.53133C1.16449 3.76055 1.61565 3.0901 2.18554 2.51999C2.75543 1.94988 3.4256 1.49849 4.19604 1.16583C4.96649 0.83327 5.78965 0.666992 6.66554 0.666992C7.54154 0.666992 8.36493 0.833214 9.13571 1.16566C9.90649 1.4981 10.5769 1.94927 11.147 2.51916C11.7172 3.08905 12.1685 3.75921 12.5012 4.52966C12.8338 5.3001 13 6.12327 13 6.99916C13 7.87516 12.8338 8.69855 12.5014 9.46933C12.1689 10.2401 11.7178 10.9105 11.1479 11.4807C10.578 12.0508 9.90782 12.5022 9.13737 12.8348C8.36693 13.1674 7.54376 13.3337 6.66787 13.3337Z\"\r\n        fill=\"#16B364\"\r\n      />\r\n    </svg>\r\n  );\r\n};\r\nexport const CrossBox = () => {\r\n  return (\r\n    <svg\r\n      width=\"13\"\r\n      height=\"14\"\r\n      viewBox=\"0 0 13 14\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <path\r\n        d=\"M6.66659 7.70283L8.71525 9.75166C8.80759 9.84388 8.92364 9.8911 9.06342 9.89333C9.20309 9.89544 9.32125 9.84821 9.41792 9.75166C9.51447 9.65499 9.56275 9.53788 9.56275 9.40033C9.56275 9.26277 9.51447 9.14566 9.41792 9.04899L7.36909 7.00033L9.41792 4.95166C9.51014 4.85933 9.55736 4.74327 9.55959 4.60349C9.5617 4.46383 9.51447 4.34566 9.41792 4.24899C9.32125 4.15244 9.20414 4.10416 9.06659 4.10416C8.92903 4.10416 8.81192 4.15244 8.71525 4.24899L6.66659 6.29783L4.61792 4.24899C4.52559 4.15677 4.40953 4.10955 4.26975 4.10733C4.13009 4.10521 4.01192 4.15244 3.91525 4.24899C3.8187 4.34566 3.77042 4.46277 3.77042 4.60033C3.77042 4.73788 3.8187 4.85499 3.91525 4.95166L5.96409 7.00033L3.91525 9.04899C3.82303 9.14133 3.77581 9.25738 3.77359 9.39716C3.77147 9.53683 3.8187 9.65499 3.91525 9.75166C4.01192 9.84821 4.12903 9.89649 4.26659 9.89649C4.40414 9.89649 4.52125 9.84821 4.61792 9.75166L6.66659 7.70283ZM6.66775 13.3337C5.79175 13.3337 4.96836 13.1674 4.19759 12.835C3.42681 12.5025 2.75636 12.0514 2.18625 11.4815C1.61614 10.9116 1.16475 10.2414 0.832085 9.47099C0.49953 8.70055 0.333252 7.87738 0.333252 7.00149C0.333252 6.12549 0.499474 5.3021 0.831919 4.53133C1.16436 3.76055 1.61553 3.0901 2.18542 2.51999C2.75531 1.94988 3.42547 1.49849 4.19592 1.16583C4.96636 0.83327 5.78953 0.666992 6.66542 0.666992C7.54142 0.666992 8.36481 0.833214 9.13559 1.16566C9.90636 1.4981 10.5768 1.94927 11.1469 2.51916C11.717 3.08905 12.1684 3.75921 12.5011 4.52966C12.8336 5.3001 12.9999 6.12327 12.9999 6.99916C12.9999 7.87516 12.8337 8.69855 12.5013 9.46933C12.1688 10.2401 11.7176 10.9105 11.1478 11.4807C10.5779 12.0508 9.9077 12.5022 9.13725 12.8348C8.36681 13.1674 7.54364 13.3337 6.66775 13.3337Z\"\r\n        fill=\"#F63D68\"\r\n      />\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport const EyeIcon = () => {\r\n  return (\r\n    <svg\r\n      width=\"24\"\r\n      height=\"24\"\r\n      viewBox=\"0 0 16 16\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <mask\r\n        id=\"mask0_6673_82208\"\r\n        style={{ maskType: \"alpha\" }}\r\n        maskUnits=\"userSpaceOnUse\"\r\n        x=\"0\"\r\n        y=\"0\"\r\n        width=\"16\"\r\n        height=\"16\"\r\n      >\r\n        <rect width=\"16\" height=\"16\" fill=\"#D9D9D9\" />\r\n      </mask>\r\n      <g mask=\"url(#mask0_6673_82208)\">\r\n        <path\r\n          d=\"M8.00147 10.3847C8.75692 10.3847 9.39853 10.1203 9.92631 9.5915C10.4541 9.06272 10.718 8.42061 10.718 7.66517C10.718 6.90972 10.4536 6.26811 9.9248 5.74033C9.39603 5.21256 8.75392 4.94867 7.99847 4.94867C7.24303 4.94867 6.60142 5.21306 6.07364 5.74183C5.54586 6.27061 5.28197 6.91272 5.28197 7.66817C5.28197 8.42361 5.54636 9.06522 6.07514 9.593C6.60392 10.1208 7.24603 10.3847 8.00147 10.3847ZM7.99997 9.46667C7.49997 9.46667 7.07497 9.29167 6.72497 8.94167C6.37497 8.59167 6.19997 8.16667 6.19997 7.66667C6.19997 7.16667 6.37497 6.74167 6.72497 6.39167C7.07497 6.04167 7.49997 5.86667 7.99997 5.86667C8.49997 5.86667 8.92497 6.04167 9.27497 6.39167C9.62497 6.74167 9.79997 7.16667 9.79997 7.66667C9.79997 8.16667 9.62497 8.59167 9.27497 8.94167C8.92497 9.29167 8.49997 9.46667 7.99997 9.46667ZM7.99997 12.3333C6.59653 12.3333 5.31297 11.9589 4.1493 11.2102C2.98564 10.4615 2.0568 9.4765 1.3628 8.25517C1.30725 8.15939 1.26664 8.06289 1.24097 7.96567C1.21541 7.86844 1.20264 7.76867 1.20264 7.66633C1.20264 7.564 1.21541 7.46433 1.24097 7.36733C1.26664 7.27033 1.30725 7.17394 1.3628 7.07817C2.0568 5.85683 2.98564 4.87183 4.1493 4.12317C5.31297 3.37439 6.59653 3 7.99997 3C9.40342 3 10.687 3.37439 11.8506 4.12317C13.0143 4.87183 13.9431 5.85683 14.6371 7.07817C14.6927 7.17394 14.7333 7.27044 14.759 7.36767C14.7845 7.46489 14.7973 7.56467 14.7973 7.667C14.7973 7.76933 14.7845 7.869 14.759 7.966C14.7333 8.063 14.6927 8.15939 14.6371 8.25517C13.9431 9.4765 13.0143 10.4615 11.8506 11.2102C10.687 11.9589 9.40342 12.3333 7.99997 12.3333ZM7.99997 11.3333C9.25553 11.3333 10.4083 11.0028 11.4583 10.3417C12.5083 9.68055 13.3111 8.78889 13.8666 7.66667C13.3111 6.54444 12.5083 5.65278 11.4583 4.99167C10.4083 4.33056 9.25553 4 7.99997 4C6.74442 4 5.59164 4.33056 4.54164 4.99167C3.49164 5.65278 2.68886 6.54444 2.1333 7.66667C2.68886 8.78889 3.49164 9.68055 4.54164 10.3417C5.59164 11.0028 6.74442 11.3333 7.99997 11.3333Z\"\r\n          fill=\"#505050\"\r\n        />\r\n      </g>\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport const ClosedEyeIcon = () => {\r\n  return (\r\n    <svg\r\n      width=\"24\"\r\n      height=\"24\"\r\n      viewBox=\"0 0 16 16\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <mask\r\n        id=\"mask0_6673_82183\"\r\n        style={{ maskType: \"alpha\" }}\r\n        maskUnits=\"userSpaceOnUse\"\r\n        x=\"0\"\r\n        y=\"0\"\r\n        width=\"16\"\r\n        height=\"16\"\r\n      >\r\n        <rect width=\"16\" height=\"16\" fill=\"#D9D9D9\" />\r\n      </mask>\r\n      <g mask=\"url(#mask0_6673_82183)\">\r\n        <path\r\n          d=\"M9.91793 5.74876C10.1888 6.01976 10.3982 6.34903 10.5461 6.73659C10.694 7.12426 10.7499 7.51337 10.7139 7.90392C10.7139 8.03215 10.6678 8.1407 10.5756 8.22959C10.4833 8.31848 10.373 8.36292 10.2448 8.36292C10.1165 8.36292 10.008 8.31848 9.9191 8.22959C9.83021 8.1407 9.78576 8.03215 9.78576 7.90392C9.82854 7.61081 9.80443 7.33303 9.71343 7.07059C9.62243 6.80826 9.48248 6.58264 9.29359 6.39376C9.1047 6.20487 8.87693 6.06148 8.61026 5.96359C8.34359 5.8657 8.06237 5.84026 7.76659 5.88726C7.63837 5.89159 7.52771 5.84864 7.43459 5.75842C7.34137 5.66831 7.29265 5.55914 7.28843 5.43092C7.28409 5.3027 7.32532 5.19198 7.41209 5.09876C7.49887 5.00564 7.60637 4.95698 7.73459 4.95276C8.12259 4.90831 8.51254 4.95892 8.90443 5.10459C9.29632 5.25037 9.63415 5.46509 9.91793 5.74876ZM7.99993 4.00009C7.76315 4.00009 7.53087 4.01165 7.30309 4.03476C7.07532 4.05776 6.84859 4.09576 6.62293 4.14876C6.48104 4.17787 6.35326 4.15759 6.23959 4.08792C6.12593 4.01826 6.04776 3.91803 6.00509 3.78726C5.96232 3.65226 5.97643 3.52387 6.04743 3.40209C6.11832 3.28031 6.22126 3.20487 6.35626 3.17576C6.62471 3.11164 6.89587 3.06637 7.16976 3.03992C7.44376 3.01337 7.72048 3.00009 7.99993 3.00009C9.43237 3.00009 10.7482 3.37231 11.9474 4.11676C13.1465 4.8612 14.0687 5.86848 14.7139 7.13859C14.7584 7.22315 14.7907 7.30837 14.8108 7.39426C14.8309 7.48014 14.8409 7.57098 14.8409 7.66676C14.8409 7.76253 14.8326 7.85337 14.8159 7.93926C14.7993 8.02515 14.7687 8.11037 14.7243 8.19492C14.52 8.62226 14.2718 9.02076 13.9794 9.39042C13.6871 9.76009 13.3653 10.0996 13.0139 10.4091C12.9106 10.5014 12.7925 10.5396 12.6596 10.5238C12.5266 10.508 12.4174 10.4415 12.3319 10.3244C12.2465 10.2073 12.211 10.0817 12.2256 9.94759C12.2402 9.81337 12.2991 9.70009 12.4024 9.60776C12.7033 9.33509 12.9777 9.03703 13.2256 8.71359C13.4735 8.39003 13.6872 8.04109 13.8666 7.66676C13.311 6.54453 12.5083 5.65287 11.4583 4.99176C10.4083 4.33065 9.25548 4.00009 7.99993 4.00009ZM7.99993 12.3334C6.59648 12.3334 5.31015 11.9584 4.14093 11.2084C2.97171 10.4584 2.04226 9.47059 1.35259 8.24492C1.29704 8.16037 1.25643 8.06848 1.23076 7.96926C1.20509 7.87014 1.19226 7.76931 1.19226 7.66676C1.19226 7.5642 1.20337 7.46503 1.22559 7.36926C1.24782 7.27359 1.28671 7.18003 1.34226 7.08859C1.59015 6.63559 1.87093 6.20415 2.18459 5.79426C2.49826 5.38448 2.85893 5.0172 3.26659 4.69242L1.76143 3.17692C1.66921 3.07781 1.62371 2.96009 1.62493 2.82376C1.62626 2.68742 1.67521 2.57098 1.77176 2.47442C1.86832 2.37787 1.98543 2.32959 2.12309 2.32959C2.26065 2.32959 2.37771 2.37787 2.47426 2.47442L13.5256 13.5258C13.6179 13.6181 13.6669 13.7324 13.6724 13.8686C13.678 14.0049 13.629 14.1248 13.5256 14.2283C13.429 14.3248 13.3119 14.3731 13.1743 14.3731C13.0367 14.3731 12.9197 14.3248 12.8231 14.2283L10.4769 11.9026C10.0837 12.0547 9.67959 12.1645 9.2646 12.2321C8.84971 12.2996 8.42815 12.3334 7.99993 12.3334ZM3.96926 5.39492C3.57859 5.6967 3.22748 6.03792 2.91593 6.41859C2.60437 6.79937 2.34348 7.21542 2.13326 7.66676C2.68882 8.78898 3.49159 9.68064 4.54159 10.3418C5.59159 11.0029 6.74437 11.3334 7.99993 11.3334C8.28626 11.3334 8.56809 11.3142 8.84543 11.2758C9.12276 11.2373 9.3982 11.1779 9.67176 11.0976L8.82809 10.2334C8.69309 10.2924 8.55826 10.3324 8.42359 10.3533C8.28904 10.3743 8.14782 10.3848 7.99993 10.3848C7.24348 10.3848 6.60137 10.1209 6.07359 9.59309C5.54582 9.06531 5.28193 8.4232 5.28193 7.66676C5.28193 7.51887 5.29348 7.37765 5.31659 7.24309C5.33971 7.10842 5.37859 6.97359 5.43326 6.83859L3.96926 5.39492Z\"\r\n          fill=\"#C5C5C5\"\r\n        />\r\n      </g>\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport const SettingIcon: React.FC = () => (\r\n  <svg\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    width=\"20\"\r\n    height=\"21\"\r\n    viewBox=\"0 0 20 21\"\r\n    fill=\"none\"\r\n  >\r\n    <path\r\n      d=\"M11.3748 18.8346H8.62484C8.47206 18.8346 8.33664 18.786 8.21859 18.6888C8.10053 18.5916 8.02762 18.4666 7.99984 18.3138L7.6665 16.2096C7.40262 16.1124 7.12484 15.9805 6.83317 15.8138C6.5415 15.6471 6.28456 15.4735 6.06234 15.293L4.12484 16.1888C3.97206 16.2582 3.81928 16.2687 3.6665 16.2201C3.51373 16.1714 3.39567 16.0707 3.31234 15.918L1.93734 13.4805C1.854 13.3416 1.83317 13.1957 1.87484 13.043C1.9165 12.8902 1.99984 12.7652 2.12484 12.668L3.9165 11.3555C3.88873 11.2305 3.87137 11.0881 3.86442 10.9284C3.85748 10.7687 3.854 10.6263 3.854 10.5013C3.854 10.3763 3.85748 10.2339 3.86442 10.0742C3.87137 9.9145 3.88873 9.77214 3.9165 9.64714L2.12484 8.33464C1.99984 8.23741 1.9165 8.11241 1.87484 7.95964C1.83317 7.80686 1.854 7.66102 1.93734 7.52214L3.31234 5.08464C3.39567 4.93186 3.51373 4.83116 3.6665 4.78255C3.81928 4.73394 3.97206 4.74436 4.12484 4.8138L6.06234 5.70964C6.28456 5.52908 6.5415 5.35547 6.83317 5.1888C7.12484 5.02214 7.40262 4.89714 7.6665 4.8138L7.99984 2.6888C8.02762 2.53602 8.10053 2.41102 8.21859 2.3138C8.33664 2.21658 8.47206 2.16797 8.62484 2.16797H11.3748C11.5276 2.16797 11.663 2.21658 11.7811 2.3138C11.8991 2.41102 11.9721 2.53602 11.9998 2.6888L12.3332 4.79297C12.5971 4.89019 12.8783 5.01866 13.1769 5.17839C13.4755 5.33811 13.729 5.51519 13.9373 5.70964L15.8748 4.8138C16.0276 4.74436 16.1804 4.73394 16.3332 4.78255C16.4859 4.83116 16.604 4.93186 16.6873 5.08464L18.0623 7.5013C18.1457 7.64019 18.17 7.7895 18.1353 7.94922C18.1005 8.10894 18.0137 8.23741 17.8748 8.33464L16.0832 9.60547C16.1109 9.74436 16.1283 9.89366 16.1353 10.0534C16.1422 10.2131 16.1457 10.3624 16.1457 10.5013C16.1457 10.6402 16.1422 10.786 16.1353 10.9388C16.1283 11.0916 16.1109 11.2374 16.0832 11.3763L17.8748 12.668C17.9998 12.7652 18.0832 12.8902 18.1248 13.043C18.1665 13.1957 18.1457 13.3416 18.0623 13.4805L16.6873 15.918C16.604 16.0707 16.4859 16.1714 16.3332 16.2201C16.1804 16.2687 16.0276 16.2582 15.8748 16.1888L13.9373 15.293C13.7151 15.4735 13.4616 15.6506 13.1769 15.8242C12.8922 15.9978 12.6109 16.1263 12.3332 16.2096L11.9998 18.3138C11.9721 18.4666 11.8991 18.5916 11.7811 18.6888C11.663 18.786 11.5276 18.8346 11.3748 18.8346ZM9.99984 13.2096C10.7498 13.2096 11.3887 12.9457 11.9165 12.418C12.4443 11.8902 12.7082 11.2513 12.7082 10.5013C12.7082 9.7513 12.4443 9.11241 11.9165 8.58464C11.3887 8.05686 10.7498 7.79297 9.99984 7.79297C9.24984 7.79297 8.61095 8.05686 8.08317 8.58464C7.55539 9.11241 7.2915 9.7513 7.2915 10.5013C7.2915 11.2513 7.55539 11.8902 8.08317 12.418C8.61095 12.9457 9.24984 13.2096 9.99984 13.2096ZM9.99984 11.9596C9.59706 11.9596 9.25331 11.8173 8.96859 11.5326C8.68387 11.2478 8.5415 10.9041 8.5415 10.5013C8.5415 10.0985 8.68387 9.75477 8.96859 9.47005C9.25331 9.18533 9.59706 9.04297 9.99984 9.04297C10.4026 9.04297 10.7464 9.18533 11.0311 9.47005C11.3158 9.75477 11.4582 10.0985 11.4582 10.5013C11.4582 10.9041 11.3158 11.2478 11.0311 11.5326C10.7464 11.8173 10.4026 11.9596 9.99984 11.9596ZM9.08317 17.5846H10.9165L11.2082 15.2513C11.6665 15.1402 12.1005 14.9666 12.5103 14.7305C12.92 14.4944 13.2915 14.2096 13.6248 13.8763L15.8332 14.8346L16.6665 13.3346L14.7082 11.8971C14.7637 11.661 14.8089 11.4284 14.8436 11.1992C14.8783 10.9701 14.8957 10.7374 14.8957 10.5013C14.8957 10.2652 14.8818 10.0326 14.854 9.80339C14.8262 9.57422 14.7776 9.34158 14.7082 9.10547L16.6665 7.66797L15.8332 6.16797L13.6248 7.1263C13.3054 6.76519 12.9443 6.46311 12.5415 6.22005C12.1387 5.977 11.6943 5.82075 11.2082 5.7513L10.9165 3.41797H9.08317L8.7915 5.7513C8.31928 5.84852 7.87831 6.01519 7.46859 6.2513C7.05887 6.48741 6.69428 6.77908 6.37484 7.1263L4.1665 6.16797L3.33317 7.66797L5.2915 9.10547C5.23595 9.34158 5.19081 9.57422 5.15609 9.80339C5.12137 10.0326 5.104 10.2652 5.104 10.5013C5.104 10.7374 5.12137 10.9701 5.15609 11.1992C5.19081 11.4284 5.23595 11.661 5.2915 11.8971L3.33317 13.3346L4.1665 14.8346L6.37484 13.8763C6.70817 14.2096 7.0797 14.4944 7.48942 14.7305C7.89914 14.9666 8.33317 15.1402 8.7915 15.2513L9.08317 17.5846Z\"\r\n      fill=\"#0E0C0B\"\r\n      fill-opacity=\"0.7\"\r\n    />\r\n  </svg>\r\n);\r\n","import {\r\n  BoardIcon,\r\n  CalendarIcon,\r\n  ChartsIcon,\r\n  CloseIcon,\r\n  GalleryIcon,\r\n  ListIcon,\r\n  TableIcon,\r\n  TimeLineIcon,\r\n} from \"../../assets/svg\";\r\nimport { Box, Typography, ButtonBase, Grid, IconButton } from \"@mui/material\";\r\n\r\ninterface LayoutSelectorProps {\r\n  onSelect: (layout: string) => void;\r\n  selectedLayout?: string;\r\n}\r\n\r\nconst layoutIcons: Record<string, JSX.Element> = {\r\n  Board: <BoardIcon />,\r\n  Table: <TableIcon />,\r\n  Timeline: <TimeLineIcon />,\r\n  List: <ListIcon />,\r\n  Calendar: <CalendarIcon />,\r\n  Gallery: <GalleryIcon />,\r\n  Charts: <ChartsIcon />,\r\n};\r\n\r\nconst LayoutSelector = ({ onSelect, selectedLayout }: LayoutSelectorProps) => {\r\n  return (\r\n    <Box\r\n      sx={{\r\n        width: \"100%\",\r\n        maxWidth: \"500px\",\r\n        height: \"330px\",\r\n        // backgroundColor: \"#fff\",\r\n        // borderRadius: 2,\r\n        // overflow: \"hidden\",\r\n      }}\r\n    >\r\n      <Box\r\n        sx={{\r\n          display: \"flex\",\r\n          justifyContent: \"space-between\",\r\n          alignItems: \"center\",\r\n          px: 3,\r\n          py: 2,\r\n          // borderBottom: \"1px solid #eee\",\r\n          backgroundColor: \"#FBFBFC\",\r\n        }}\r\n      >\r\n        <Typography\r\n          variant=\"h5\"\r\n          sx={{ fontWeight: 400, fontSize: 18, color: \"#0C2033\" }}\r\n        >\r\n          Layouts\r\n        </Typography>\r\n        <IconButton onClick={() => onSelect(\"close\")}>\r\n          <CloseIcon />\r\n        </IconButton>\r\n      </Box>\r\n\r\n      {/* Layout Grid */}\r\n      <Grid container spacing={2} sx={{ p: 3 }}>\r\n        {Object.keys(layoutIcons).map((layout) => {\r\n          const isSelected = layout === selectedLayout;\r\n          return (\r\n            <Grid size={3} key={layout}>\r\n              <ButtonBase\r\n                onClick={() => onSelect(layout)}\r\n                sx={{\r\n                  border: isSelected\r\n                    ? \"1.5px solid #1E1E1E\"\r\n                    : \"1.5px solid #E5E7EB\",\r\n                  borderRadius: 2,\r\n                  p: 2,\r\n                  width: \"100%\",\r\n                  height: \"100%\",\r\n                  flexDirection: \"column\",\r\n                  backgroundColor: isSelected ? \"#fff\" : \"\",\r\n                  transition: \"0.3s\",\r\n                  boxShadow: isSelected\r\n                    ? \"0px 2px 6px rgba(0,0,0,0.06)\"\r\n                    : \"none\",\r\n                }}\r\n              >\r\n                <Box mb={1}>{layoutIcons[layout]}</Box>\r\n                <Typography\r\n                  variant=\"subtitle1\"\r\n                  sx={{\r\n                    color: \"#1E1E1E\",\r\n                    fontWeight: isSelected ? 400 : 200,\r\n                    opacity: isSelected ? 1 : 0.5,\r\n                  }}\r\n                >\r\n                  {layout}\r\n                </Typography>\r\n              </ButtonBase>\r\n            </Grid>\r\n          );\r\n        })}\r\n      </Grid>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default LayoutSelector;\r\n","import { useEffect, useState } from \"react\";\r\n\r\nexport function useFullscreenPopoverContainer() {\r\n  const [isFullscreen, setIsFullscreen] = useState<boolean>(\r\n    !!document.fullscreenElement\r\n  );\r\n  const [container, setContainer] = useState<Element | undefined>(\r\n    document.fullscreenElement ?? undefined\r\n  );\r\n\r\n  useEffect(() => {\r\n    const handleFullscreenChange = () => {\r\n      const el = document.fullscreenElement ?? undefined;\r\n      setIsFullscreen(!!el);\r\n      setContainer(el);\r\n    };\r\n\r\n    document.addEventListener(\"fullscreenchange\", handleFullscreenChange);\r\n    return () => {\r\n      document.removeEventListener(\"fullscreenchange\", handleFullscreenChange);\r\n    };\r\n  }, []);\r\n\r\n  return { isFullscreen, container };\r\n}\r\n","import React from \"react\";\r\nimport {\r\n  Popover,\r\n  Typography,\r\n  Box,\r\n  MenuItem,\r\n  Select,\r\n  IconButton,\r\n  Switch as MUISwitch,\r\n} from \"@mui/material\";\r\nimport { CloseIcon, ViewMoreIcon } from \"../../../assets/svg\";\r\nimport { useFullscreenPopoverContainer } from \"../../libs/hooks/useFullScreen\";\r\nimport { CraftTableOptionsProps } from \"../../types/table-options\";\r\n\r\n// interface ViewMorePopoverProps {\r\n//   compactMode: boolean;\r\n//   onCompactToggle: (value: string) => void;\r\n//   isFullscreen: boolean;\r\n//   onFullscreenToggle: () => void;\r\n//   groupBy: string;\r\n//   onGroupByChange: (value: string) => void;\r\n//   tableStates: CraftTableOptionsProps;\r\n// }\r\n\r\n// const ViewMore = ({\r\n//   compactMode,\r\n//   onCompactToggle,\r\n//   isFullscreen,\r\n//   onFullscreenToggle,\r\n//   // groupBy,\r\n//   // onGroupByChange,\r\n//   tableStates,\r\n// }: ViewMorePopoverProps) => {\r\n//   const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null);\r\n\r\n//   const open = Boolean(anchorEl);\r\n//   const { container: fullscreenContainer } = useFullscreenPopoverContainer();\r\n\r\n//   const handleClick = (event: React.MouseEvent<HTMLElement>) => {\r\n//     setAnchorEl(event.currentTarget);\r\n//   };\r\n\r\n//   const handleClose = () => {\r\n//     setAnchorEl(null);\r\n//   };\r\n\r\n//   const { wrapColumns, setWrapColumns } = tableStates;\r\n\r\n//   const onWrapCellToggle = () => {\r\n//     setWrapColumns((prev: Record<string, boolean>) => ({\r\n//       all_wrap: !prev[\"all_wrap\"],\r\n//     }));\r\n//   };\r\n\r\n//   return (\r\n//     <>\r\n//       <div onClick={handleClick}>\r\n//         <ViewMoreIcon />\r\n//       </div>\r\n\r\n//       <Popover\r\n//         open={open}\r\n//         anchorEl={anchorEl}\r\n//         onClose={handleClose}\r\n//         container={fullscreenContainer}\r\n//         anchorOrigin={{ vertical: \"bottom\", horizontal: \"left\" }}\r\n//         transformOrigin={{ vertical: \"top\", horizontal: \"left\" }}\r\n//         PaperProps={{\r\n//           sx: {\r\n//             mt: 2,\r\n//             padding: 3,\r\n//             width: 380,\r\n//             borderRadius: 1,\r\n//             boxShadow: 4,\r\n//           },\r\n//         }}\r\n//       >\r\n//         <Box\r\n//           display=\"flex\"\r\n//           justifyContent=\"space-between\"\r\n//           alignItems=\"center\"\r\n//           px={2}\r\n//           py={2}\r\n//           sx={{\r\n//             backgroundColor: \"#F9FAFB\",\r\n//             // borderBottom: \"1px solid #E0E0E0\",\r\n//             // borderTopLeftRadius: 4,\r\n//             // borderTopRightRadius: 4,\r\n//             margin: \"-24px -24px 24px -24px\",\r\n//           }}\r\n//         >\r\n//           <Typography fontSize=\"18px\" fontWeight={400} color=\"#0C2033\">\r\n//             View\r\n//           </Typography>\r\n//           <IconButton size=\"small\" onClick={handleClose}>\r\n//             <CloseIcon />\r\n//           </IconButton>\r\n//         </Box>\r\n\r\n//         {/* Wrap Cell */}\r\n//         <Box\r\n//           display=\"flex\"\r\n//           justifyContent=\"space-between\"\r\n//           alignItems=\"center\"\r\n//           mb={2}\r\n//         >\r\n//           <Typography fontSize=\"14px\" fontWeight={400} color=\"#000000DE\">\r\n//             Wrap Cell\r\n//           </Typography>\r\n//           <MUISwitch\r\n//             checked={wrapColumns?.all_wrap || false}\r\n//             onChange={onWrapCellToggle}\r\n//           />\r\n//         </Box>\r\n\r\n//         {/* List View */}\r\n//         <Box\r\n//           display=\"flex\"\r\n//           justifyContent=\"space-between\"\r\n//           alignItems=\"center\"\r\n//           mb={2}\r\n//         >\r\n//           <Typography fontSize=\"14px\" fontWeight={400} color=\"#000000DE\">\r\n//             List View\r\n//           </Typography>\r\n//           <Select\r\n//             size=\"small\"\r\n//             value={compactMode ? \"Compact\" : \"Comfy\"}\r\n//             onChange={(e) => onCompactToggle(e.target.value)}\r\n//             sx={{\r\n//               minWidth: 120,\r\n//               fontWeight: 400,\r\n//               color: \"#000\",\r\n//               fontSize: \"13px\",\r\n//             }}\r\n//             MenuProps={{\r\n//               container: fullscreenContainer,\r\n//               disablePortal: false,\r\n//               PaperProps: {\r\n//                 style: {\r\n//                   zIndex: 1500,\r\n//                 },\r\n//               },\r\n//             }}\r\n//           >\r\n//             <MenuItem value=\"Comfy\">Comfy</MenuItem>\r\n//             <MenuItem value=\"Compact\">Compact</MenuItem>\r\n//           </Select>\r\n//         </Box>\r\n\r\n//         {/* Group By */}\r\n//         {/* <Box\r\n//           display=\"flex\"\r\n//           justifyContent=\"space-between\"\r\n//           alignItems=\"center\"\r\n//           mb={2}\r\n//         >\r\n//           <Typography fontSize=\"14px\" fontWeight={400} color=\"#000000DE\">\r\n//             Group By\r\n//           </Typography>\r\n//           <Select\r\n//             size=\"small\"\r\n//             value={groupBy}\r\n//             onChange={(e) => onGroupByChange(e.target.value)}\r\n//             sx={{\r\n//               minWidth: 120,\r\n//               fontWeight: 400,\r\n//               color: \"#000\",\r\n//               fontSize: \"13px\",\r\n//             }}\r\n//             MenuProps={{\r\n//               container: fullscreenContainer,\r\n//               disablePortal: false,\r\n//               PaperProps: {\r\n//                 style: {\r\n//                   zIndex: 1500,\r\n//                 },\r\n//               },\r\n//             }}\r\n//           >\r\n//             <MenuItem value=\"None\">None</MenuItem>\r\n//             <MenuItem value=\"Status\">Status</MenuItem>\r\n//             <MenuItem value=\"Owner\">Owner</MenuItem>\r\n//           </Select>\r\n//         </Box> */}\r\n\r\n//         {/* Fullscreen */}\r\n//         <Box display=\"flex\" justifyContent=\"space-between\" alignItems=\"center\">\r\n//           <Typography fontSize=\"14px\" fontWeight={400} color=\"#000000DE\">\r\n//             Fullscreen\r\n//           </Typography>\r\n//           <MUISwitch checked={isFullscreen} onChange={onFullscreenToggle} />\r\n//         </Box>\r\n//       </Popover>\r\n//     </>\r\n//   );\r\n// };\r\n\r\n// export default ViewMore;\r\n\r\ninterface ViewMoreProps {\r\n  compactMode: boolean;\r\n  onCompactToggle: (value: string) => void;\r\n  isFullscreen: boolean;\r\n  onFullscreenToggle: () => void;\r\n  groupBy?: string;\r\n  onGroupByChange?: (value: string) => void;\r\n  tableStates: CraftTableOptionsProps;\r\n  onClose?: () => void;\r\n}\r\n\r\nconst ViewMore = ({\r\n  compactMode,\r\n  onCompactToggle,\r\n  isFullscreen,\r\n  onFullscreenToggle,\r\n  // groupBy,\r\n  // onGroupByChange,\r\n  tableStates,\r\n  onClose,\r\n}: ViewMoreProps) => {\r\n  const { container: fullscreenContainer } = useFullscreenPopoverContainer();\r\n  const { wrapColumns, setWrapColumns } = tableStates;\r\n\r\n  const onWrapCellToggle = () => {\r\n    setWrapColumns((prev: Record<string, boolean>) => ({\r\n      all_wrap: !prev[\"all_wrap\"],\r\n    }));\r\n  };\r\n\r\n  return (\r\n    <Box sx={{ p: 3, width: 380 }}>\r\n      {/* Header */}\r\n      <Box\r\n        display=\"flex\"\r\n        justifyContent=\"space-between\"\r\n        alignItems=\"center\"\r\n        mb={3}\r\n      >\r\n        <Typography fontSize=\"18px\" fontWeight={400} color=\"#0C2033\">\r\n          View\r\n        </Typography>\r\n        <IconButton size=\"small\" onClick={onClose}>\r\n          <CloseIcon />\r\n        </IconButton>\r\n      </Box>\r\n\r\n      {/* Wrap Cell */}\r\n      <Box\r\n        display=\"flex\"\r\n        justifyContent=\"space-between\"\r\n        alignItems=\"center\"\r\n        mb={2}\r\n      >\r\n        <Typography fontSize=\"14px\" fontWeight={400} color=\"#000000DE\">\r\n          Wrap Cell\r\n        </Typography>\r\n        <MUISwitch\r\n          checked={wrapColumns?.all_wrap || false}\r\n          onChange={onWrapCellToggle}\r\n        />\r\n      </Box>\r\n\r\n      {/* List View */}\r\n      <Box\r\n        display=\"flex\"\r\n        justifyContent=\"space-between\"\r\n        alignItems=\"center\"\r\n        mb={2}\r\n      >\r\n        <Typography fontSize=\"14px\" fontWeight={400} color=\"#000000DE\">\r\n          List View\r\n        </Typography>\r\n        <Select\r\n          size=\"small\"\r\n          value={compactMode ? \"Compact\" : \"Comfy\"}\r\n          onChange={(e) => onCompactToggle(e.target.value)}\r\n          sx={{\r\n            minWidth: 120,\r\n            fontWeight: 400,\r\n            color: \"#000\",\r\n            fontSize: \"13px\",\r\n          }}\r\n          MenuProps={{\r\n            container: fullscreenContainer,\r\n            disablePortal: false,\r\n            PaperProps: {\r\n              style: {\r\n                zIndex: 1500,\r\n              },\r\n            },\r\n          }}\r\n        >\r\n          <MenuItem value=\"Comfy\">Comfy</MenuItem>\r\n          <MenuItem value=\"Compact\">Compact</MenuItem>\r\n        </Select>\r\n      </Box>\r\n\r\n      {/* Fullscreen */}\r\n      <Box display=\"flex\" justifyContent=\"space-between\" alignItems=\"center\">\r\n        <Typography fontSize=\"14px\" fontWeight={400} color=\"#000000DE\">\r\n          Fullscreen\r\n        </Typography>\r\n        <MUISwitch checked={isFullscreen} onChange={onFullscreenToggle} />\r\n      </Box>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default ViewMore;\r\n","import React from \"react\";\r\nimport { useSortable } from \"@dnd-kit/sortable\";\r\nimport { CSS } from \"@dnd-kit/utilities\";\r\nimport { DragHandleIcon } from \"../../../assets/svg\";\r\n\r\nconst SortableItem = ({\r\n  id,\r\n  children,\r\n}: {\r\n  id: string;\r\n  children: React.ReactNode;\r\n}) => {\r\n  const { attributes, listeners, setNodeRef, transform, transition } =\r\n    useSortable({ id });\r\n\r\n  return (\r\n    <div\r\n      ref={setNodeRef}\r\n      style={{\r\n        transform: CSS.Transform.toString(transform),\r\n        transition,\r\n        display: \"flex\",\r\n        alignItems: \"center\",\r\n        gap: 8,\r\n      }}\r\n    >\r\n      <span {...attributes} {...listeners} style={{ cursor: \"grab\" }}>\r\n        <DragHandleIcon />\r\n      </span>\r\n      <div style={{ flexGrow: 1 }}>{children}</div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default SortableItem;\r\n","import { useState } from \"react\";\r\nimport {\r\n  Popover,\r\n  Box,\r\n  IconButton,\r\n  MenuItem,\r\n  Select,\r\n  Typography,\r\n  Button,\r\n} from \"@mui/material\";\r\nimport {\r\n  DndContext,\r\n  closestCenter,\r\n  useSensor,\r\n  useSensors,\r\n  MouseSensor,\r\n  TouchSensor,\r\n  KeyboardSensor,\r\n} from \"@dnd-kit/core\";\r\nimport {\r\n  arrayMove,\r\n  SortableContext,\r\n  verticalListSortingStrategy,\r\n} from \"@dnd-kit/sortable\";\r\nimport SortableItem from \"./sorting-item\";\r\nimport { AddIcon, CloseIcon } from \"../../../assets/svg\";\r\n\r\ninterface SortItem {\r\n  id: string;\r\n  field: string;\r\n  direction: \"asc\" | \"desc\";\r\n}\r\n\r\ntype SortPopoverProps = {\r\n  anchorEl: HTMLElement | null;\r\n  onClose: () => void;\r\n  columns: { id: string; label: string }[];\r\n  onChange: (sorting: { id: string; desc: boolean }[]) => void;\r\n};\r\n\r\nconst SortPopover = ({\r\n  anchorEl,\r\n  onClose,\r\n  columns,\r\n  onChange,\r\n}: SortPopoverProps) => {\r\n  const [sorts, setSorts] = useState<SortItem[]>([]);\r\n\r\n  const sensors = useSensors(\r\n    useSensor(MouseSensor),\r\n    useSensor(TouchSensor),\r\n    useSensor(KeyboardSensor)\r\n  );\r\n\r\n  const handleDragEnd = (event: any) => {\r\n    const { active, over } = event;\r\n    if (active.id !== over.id) {\r\n      const oldIndex = sorts.findIndex((item) => item.id === active.id);\r\n      const newIndex = sorts.findIndex((item) => item.id === over.id);\r\n      const updated = arrayMove(sorts, oldIndex, newIndex);\r\n      setSorts(updated);\r\n      triggerTableSortUpdate(updated);\r\n    }\r\n  };\r\n\r\n  const handleChange = (id: string, field: keyof SortItem, value: any) => {\r\n    const updated = sorts.map((item) =>\r\n      item.id === id ? { ...item, [field]: value } : item\r\n    );\r\n    setSorts(updated);\r\n    triggerTableSortUpdate(updated);\r\n  };\r\n\r\n  const handleAddSort = () => {\r\n    const newSort: SortItem = {\r\n      id: Date.now().toString(),\r\n      field: columns[0]?.id ?? \"\",\r\n      direction: \"asc\",\r\n    };\r\n    const updated = [...sorts, newSort];\r\n    setSorts(updated);\r\n    triggerTableSortUpdate(updated);\r\n  };\r\n\r\n  const handleRemove = (id: string) => {\r\n    const updated = sorts.filter((item) => item.id !== id);\r\n    setSorts(updated);\r\n    triggerTableSortUpdate(updated);\r\n  };\r\n\r\n  const triggerTableSortUpdate = (sortItems: SortItem[]) => {\r\n    const sortingPayload = sortItems.map((item) => ({\r\n      id: item.field,\r\n      desc: item.direction === \"desc\",\r\n    }));\r\n    onChange(sortingPayload);\r\n  };\r\n\r\n  return (\r\n    <Popover\r\n      open={Boolean(anchorEl)}\r\n      anchorEl={anchorEl}\r\n      onClose={onClose}\r\n      anchorOrigin={{ vertical: \"bottom\", horizontal: \"left\" }}\r\n    >\r\n      <Box p={2} minWidth={300}>\r\n        <Box\r\n          display=\"flex\"\r\n          justifyContent=\"space-between\"\r\n          alignItems=\"center\"\r\n          px={2}\r\n          py={1}\r\n          sx={{\r\n            backgroundColor: \"#F9FAFB\",\r\n            // borderBottom: \"1px solid #E0E0E0\",\r\n            margin: \"-16px -16px 16px -16px\",\r\n          }}\r\n        >\r\n          <Typography fontSize=\"18px\" fontWeight={600} color=\"#0C2033\">\r\n            Sort By\r\n          </Typography>\r\n          <IconButton size=\"small\" onClick={onClose}>\r\n            <CloseIcon />\r\n          </IconButton>\r\n        </Box>\r\n\r\n        {sorts.length > 0 && (\r\n          <DndContext\r\n            sensors={sensors}\r\n            collisionDetection={closestCenter}\r\n            onDragEnd={handleDragEnd}\r\n          >\r\n            <SortableContext\r\n              items={sorts.map((s) => s.id)}\r\n              strategy={verticalListSortingStrategy}\r\n            >\r\n              {sorts.map((sort) => (\r\n                <SortableItem key={sort.id} id={sort.id}>\r\n                  <Box display=\"flex\" gap={1} alignItems=\"center\" mb={1}>\r\n                    <Select\r\n                      value={sort.field}\r\n                      onChange={(e) =>\r\n                        handleChange(sort.id, \"field\", e.target.value)\r\n                      }\r\n                      size=\"small\"\r\n                      fullWidth\r\n                      sx={{ fontWeight: 400, fontSize: 14, color: \"#000\" }}\r\n                    >\r\n                      {columns.map((col) => (\r\n                        <MenuItem key={col.id} value={col.id}>\r\n                          {col.label}\r\n                        </MenuItem>\r\n                      ))}\r\n                    </Select>\r\n                    <Select\r\n                      value={sort.direction}\r\n                      onChange={(e) =>\r\n                        handleChange(sort.id, \"direction\", e.target.value)\r\n                      }\r\n                      size=\"small\"\r\n                      sx={{ fontWeight: 400, fontSize: 14, color: \"#000\" }}\r\n                    >\r\n                      <MenuItem value=\"asc\">Ascending</MenuItem>\r\n                      <MenuItem value=\"desc\">Descending</MenuItem>\r\n                    </Select>\r\n                    <IconButton\r\n                      size=\"small\"\r\n                      onClick={() => handleRemove(sort.id)}\r\n                    >\r\n                      <CloseIcon />\r\n                    </IconButton>\r\n                  </Box>\r\n                </SortableItem>\r\n              ))}\r\n            </SortableContext>\r\n          </DndContext>\r\n        )}\r\n\r\n        <Button\r\n          onClick={handleAddSort}\r\n          startIcon={\r\n            <span>\r\n              <AddIcon />\r\n            </span>\r\n          }\r\n          size=\"small\"\r\n          sx={{\r\n            fontWeight: 400,\r\n            fontSize: 12,\r\n            color: \"#888888\",\r\n          }}\r\n        >\r\n          Add Sort\r\n        </Button>\r\n      </Box>\r\n    </Popover>\r\n  );\r\n};\r\n\r\nexport default SortPopover;\r\n","import { useSortable } from \"@dnd-kit/sortable\";\r\nimport { Box, Typography } from \"@mui/material\";\r\nimport {\r\n  DragandDrogIcon,\r\n  VisibilityIcon,\r\n  VisibilityOffIcon,\r\n} from \"../../../assets/svg\";\r\nimport { CSS } from \"@dnd-kit/utilities\";\r\nimport { camelCaseToTitle } from \"../../types/common\";\r\n\r\nconst DraggableColumn = ({\r\n  column,\r\n  onToggle,\r\n}: {\r\n  column: any;\r\n  onToggle: () => void;\r\n}) => {\r\n  const { attributes, listeners, setNodeRef, transform, transition } =\r\n    useSortable({\r\n      id: column.id,\r\n    });\r\n\r\n  const style = {\r\n    transform: CSS.Transform.toString(transform),\r\n    transition,\r\n  };\r\n\r\n  const isVisible = column.getIsVisible();\r\n  const label =\r\n    typeof column.columnDef.header === \"string\"\r\n      ? column.columnDef.header\r\n      : column.id;\r\n\r\n  return (\r\n    <div ref={setNodeRef} style={style} {...attributes} className=\"column-row\">\r\n      <Box {...listeners} className=\"drag-icon\">\r\n        <DragandDrogIcon />\r\n      </Box>\r\n      <Typography>{camelCaseToTitle(label as string)}</Typography>\r\n      <Box onClick={onToggle} className=\"visibility-icon\">\r\n        {isVisible ? <VisibilityIcon /> : <VisibilityOffIcon />}\r\n      </Box>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default DraggableColumn;\r\n","export interface defaultColumnsProps {\r\n  id: number;\r\n  name: string;\r\n  department: string;\r\n  position: string;\r\n  email: string;\r\n  location: string;\r\n  phone: string;\r\n  dateOfJoining: string;\r\n  salary: number;\r\n  performanceRating: string;\r\n  subRows?: any;\r\n}\r\n\r\nexport interface amountFormatProps {\r\n  amount: number;\r\n  decimal?: boolean;\r\n  removeFloat?: boolean;\r\n  compactFormat?: \"crore\" | \"10lakh\" | \"lakh\";\r\n}\r\n\r\nexport interface formatDateProps {\r\n  date: string;\r\n  style: string;\r\n}\r\n\r\nexport type alignProps = \"left\" | \"center\" | \"right\";\r\nexport interface align {\r\n  align: alignProps;\r\n}\r\n\r\nexport const camelCaseToTitle = (str: string): string => {\r\n  if (!str) return \"\";\r\n\r\n  return str\r\n    .replace(/_/g, \" \") // Replace underscores with spaces\r\n    .replace(/([a-z])([A-Z])/g, \"$1 $2\") // Add space between camelCase transitions\r\n    .replace(/\\b\\w/g, (char) => char.toUpperCase()) // Capitalize each word's first letter\r\n    .trim();\r\n};\r\n\r\n//API INTEGRATION\r\nexport interface EntityTableAPIProps {\r\n  entity_type?: string;\r\n  page: number;\r\n  size: number;\r\n  tabs?: {\r\n    columnName: string;\r\n    sortBy: \"ASC\" | \"DSC\";\r\n    value?: string;\r\n    name?: string;\r\n  };\r\n  sortby?: {\r\n    sortColum: string;\r\n    sortType: \"ASC\" | \"DSC\";\r\n  }[];\r\n  quickFilter?: {\r\n    filter_attribute: string;\r\n    filter_operator: string;\r\n    filter_value: string[] | string;\r\n  }[];\r\n  attributeFilter?: {\r\n    filter_attribute: string;\r\n    filter_operator: string;\r\n    filter_value: string[] | string;\r\n  }[];\r\n  flatJson: boolean;\r\n  module_code?: string;\r\n}\r\n\r\nexport interface viewSettingsDropDownAPIProps {\r\n  entity_type: string;\r\n  column: string | undefined;\r\n  sort_by: string | undefined;\r\n}\r\n\r\ninterface EntityListTab {\r\n  tab_name: string | null;\r\n  count: string | number;\r\n}\r\n\r\ninterface EntityList {\r\n  id: string;\r\n  entity_type: string;\r\n  name: string;\r\n  status: string | null;\r\n  parent_type: string | null;\r\n  parent_id: string | null;\r\n  code: string;\r\n  created_by: string | null;\r\n  created_date: string | null;\r\n  modified_by: string | null;\r\n  modified_date: string | null;\r\n  enterprise_id: string | null;\r\n  organization_id: number | null;\r\n  app_code: string | null;\r\n  is_system: number | null;\r\n  description: string | null;\r\n}\r\n\r\nexport interface EntityListingResponse {\r\n  data: {\r\n    entity_tabs: EntityListTab[];\r\n    entity_list: EntityList[];\r\n  };\r\n}\r\n\r\nexport interface APIParamsProps {\r\n  page?: number;\r\n  size?: number;\r\n  use_flatjson?: boolean;\r\n}\r\n\r\nexport type DropdownOption = {\r\n  value: string | number;\r\n  label: string;\r\n};\r\n\r\nexport interface onFilterChangeFunctionProps {\r\n  updatedFilters?: any;\r\n  filterMaster?: any;\r\n  filters?: any;\r\n}\r\n","import React from \"react\";\r\nimport {\r\n  DndContext,\r\n  closestCenter,\r\n  useSensor,\r\n  useSensors,\r\n  MouseSensor,\r\n  TouchSensor,\r\n  KeyboardSensor,\r\n  DragEndEvent,\r\n} from \"@dnd-kit/core\";\r\nimport {\r\n  SortableContext,\r\n  arrayMove,\r\n  verticalListSortingStrategy,\r\n} from \"@dnd-kit/sortable\";\r\nimport { Popover, IconButton, Typography, Box } from \"@mui/material\";\r\nimport { Table } from \"@tanstack/react-table\";\r\nimport DraggableColumn from \"./column-list-item\";\r\nimport \"./index.scss\";\r\nimport { CloseIcon } from \"../../../assets/svg\";\r\n\r\ninterface ColumnToggleProps<T> {\r\n  anchorEl: HTMLElement | null;\r\n  onClose: () => void;\r\n  table: Table<T>;\r\n  columnOrder: string[];\r\n  setColumnOrder: React.Dispatch<React.SetStateAction<string[]>>;\r\n}\r\n\r\nconst ColumnToggle = <T,>({\r\n  anchorEl,\r\n  onClose,\r\n  table,\r\n  columnOrder,\r\n  setColumnOrder,\r\n}: ColumnToggleProps<T>) => {\r\n  const open = Boolean(anchorEl);\r\n  const sensors = useSensors(\r\n    useSensor(MouseSensor),\r\n    useSensor(TouchSensor),\r\n    useSensor(KeyboardSensor)\r\n  );\r\n\r\n  const allColumns = table.getAllLeafColumns();\r\n\r\n  const shownColumns = columnOrder\r\n    .map((id) => allColumns.find((col) => col.id === id))\r\n    .filter((col) => col?.getIsVisible());\r\n\r\n  const hiddenColumns = columnOrder\r\n    .map((id) => allColumns.find((col) => col.id === id))\r\n    .filter((col) => col && !col.getIsVisible());\r\n\r\n  const handleDragEnd = (event: DragEndEvent) => {\r\n    const { active, over } = event;\r\n\r\n    if (!over || active.id === over.id) return;\r\n\r\n    const activeCol = table.getColumn(active.id as string);\r\n    const overCol = table.getColumn(over.id as string);\r\n    if (!activeCol || !overCol) return;\r\n\r\n    const activeVisible = activeCol.getIsVisible();\r\n    const overVisible = overCol.getIsVisible();\r\n\r\n    if (activeVisible !== overVisible) {\r\n      activeCol.toggleVisibility();\r\n    }\r\n\r\n    const oldIndex = columnOrder.indexOf(active.id as string);\r\n    const newIndex = columnOrder.indexOf(over.id as string);\r\n    setColumnOrder(arrayMove(columnOrder, oldIndex, newIndex));\r\n  };\r\n\r\n  const toggleVisibility = (columnId: string) => {\r\n    const col = table.getColumn(columnId);\r\n    col?.toggleVisibility();\r\n  };\r\n\r\n  const handleHideAll = () => {\r\n    allColumns.forEach((col) => col.toggleVisibility(false));\r\n  };\r\n\r\n  const handleShowAll = () => {\r\n    allColumns.forEach((col) => col.toggleVisibility(true));\r\n  };\r\n\r\n  return (\r\n    <Popover\r\n      open={open}\r\n      anchorEl={anchorEl}\r\n      onClose={onClose}\r\n      anchorOrigin={{ vertical: \"bottom\", horizontal: \"left\" }}\r\n      sx={{ width: \"600px\" }}\r\n    >\r\n      <div className=\"column-manager\">\r\n        <div className=\"header\">\r\n          <Typography variant=\"h6\">Column</Typography>\r\n          <IconButton size=\"small\" onClick={onClose}>\r\n            <CloseIcon />\r\n          </IconButton>\r\n        </div>\r\n\r\n        <div className=\"content-wrapper\">\r\n          <DndContext\r\n            sensors={sensors}\r\n            collisionDetection={closestCenter}\r\n            onDragEnd={handleDragEnd}\r\n          >\r\n            <div className=\"list-section\">\r\n              <div className=\"list-header\">\r\n                <Typography variant=\"subtitle2\">Shown in List</Typography>\r\n                {/* <button onClick={handleHideAll}>Hide All</button> */}\r\n                <Box\r\n                  onClick={handleHideAll}\r\n                  fontStyle={{\r\n                    cursor: \"pointer\",\r\n                    color: \"#C5C5C5\",\r\n                    fontSize: \"12px\",\r\n                  }}\r\n                >\r\n                  Hide All\r\n                </Box>\r\n              </div>\r\n              <SortableContext\r\n                items={shownColumns.map((col) => col!.id)}\r\n                strategy={verticalListSortingStrategy}\r\n              >\r\n                {shownColumns.map((col) => (\r\n                  <DraggableColumn\r\n                    key={col!.id}\r\n                    column={col!}\r\n                    onToggle={() => toggleVisibility(col!.id)}\r\n                  />\r\n                ))}\r\n              </SortableContext>\r\n            </div>\r\n\r\n            <div className=\"list-section\">\r\n              <div className=\"list-header\">\r\n                <Typography variant=\"subtitle2\">Hidden in List</Typography>\r\n                {/* <button onClick={handleShowAll}>Show All</button> */}\r\n                <Box\r\n                  onClick={handleShowAll}\r\n                  fontStyle={{\r\n                    cursor: \"pointer\",\r\n                    color: \"#C5C5C5\",\r\n                    fontSize: \"12px\",\r\n                  }}\r\n                >\r\n                  Show All\r\n                </Box>\r\n              </div>\r\n              <SortableContext\r\n                items={hiddenColumns.map((col) => col!.id)}\r\n                strategy={verticalListSortingStrategy}\r\n              >\r\n                {hiddenColumns.map((col) => (\r\n                  <DraggableColumn\r\n                    key={col!.id}\r\n                    column={col!}\r\n                    onToggle={() => toggleVisibility(col!.id)}\r\n                  />\r\n                ))}\r\n              </SortableContext>\r\n            </div>\r\n          </DndContext>\r\n        </div>\r\n      </div>\r\n    </Popover>\r\n  );\r\n};\r\n\r\nexport default ColumnToggle;\r\n","export const customDebounce = <T extends (...args: any[]) => any>(\r\n  func: T,\r\n  delay: number\r\n) => {\r\n  let timerId: NodeJS.Timeout;\r\n\r\n  return function (this: any, ...args: Parameters<T>) {\r\n    const context = this;\r\n\r\n    clearTimeout(timerId);\r\n    timerId = setTimeout(() => {\r\n      func.apply(context, args);\r\n    }, delay);\r\n  };\r\n};\r\n","import { Theme } from \"@emotion/react\";\r\nimport { SxProps } from \"@mui/material\";\r\n\r\nexport interface StyleProps {\r\n  searchField: (showSearchInput: boolean) => SxProps<Theme>;\r\n}\r\n\r\nexport const searchStyles: StyleProps = {\r\n  searchField: (showSearchInput: boolean): SxProps<Theme> => ({\r\n    width: showSearchInput ? \"180px\" : \"40px\",\r\n    transition: \"all 0.3s ease\",\r\n    opacity: showSearchInput ? 1 : 0.8,\r\n    marginRight: \"0.5rem\",\r\n\r\n    \"& .MuiOutlinedInput-root\": {\r\n      paddingRight: \"4px\",\r\n      height: \"32px\",\r\n      borderRadius: \"6px\",\r\n      backgroundColor: \"#fff\",\r\n      border: showSearchInput ? \"1px solid #ccc\" : \"none\",\r\n    },\r\n\r\n    \"& .MuiOutlinedInput-notchedOutline\": {\r\n      border: \"none\",\r\n    },\r\n\r\n    \"&:hover .MuiOutlinedInput-notchedOutline\": {\r\n      border: \"none\",\r\n    },\r\n\r\n    \"&.Mui-focused .MuiOutlinedInput-notchedOutline\": {},\r\n\r\n    \" & .css-4bojcr-MuiInputBase-root-MuiOutlinedInput-root \": {\r\n      paddingLeft: \"6px !important\",\r\n    },\r\n    \"& .css-1mnoz6i-MuiInputBase-root-MuiOutlinedInput-root\": {\r\n      paddingLeft: \"6px !important\",\r\n    },\r\n  }),\r\n};\r\n","import React, { useState, useRef, useEffect, useCallback } from \"react\";\r\nimport { SearchIcon } from \"../../../assets/svg\";\r\nimport useOutsideClick from \"../../libs/hooks/useOutsideClick\";\r\nimport { customDebounce } from \"../../libs/utils/debounce\";\r\nimport { Box, IconButton, InputAdornment, TextField } from \"@mui/material\";\r\nimport CloseRoundedIcon from \"@mui/icons-material/CloseRounded\";\r\nimport { searchStyles } from \"./style\";\r\n\r\ninterface TableSearchProps {\r\n  value: string;\r\n  onChange: (value: string) => void;\r\n}\r\n\r\nexport const TableSearch = ({\r\n  value,\r\n  onChange,\r\n}: TableSearchProps): JSX.Element => {\r\n  const [showSearchInput, setShowSearchInput] = useState(false);\r\n  const [localValue, setLocalValue] = useState(value);\r\n  const searchContainerRef = useRef<HTMLDivElement>(null);\r\n\r\n  // Debounced onChange function\r\n  const debouncedOnChange = useCallback(\r\n    customDebounce((newValue: string) => {\r\n      onChange(newValue);\r\n    }, 1000),\r\n    [onChange]\r\n  );\r\n\r\n  // Sync local state with prop value\r\n  useEffect(() => {\r\n    setLocalValue(value);\r\n  }, [value]);\r\n\r\n  useOutsideClick({\r\n    ref: searchContainerRef,\r\n    handler: () => {\r\n      setShowSearchInput(false);\r\n    },\r\n  });\r\n\r\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    const newValue = e.target.value;\r\n    setLocalValue(newValue);\r\n    debouncedOnChange(newValue);\r\n  };\r\n\r\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\r\n    if (e.key === \"Enter\") {\r\n      onChange(localValue);\r\n    }\r\n    if (e.key === \"Escape\") {\r\n      setShowSearchInput(false);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Box\r\n      ref={searchContainerRef}\r\n      className=\"search-container\"\r\n      sx={{ position: \"relative\" }}\r\n    >\r\n      <TextField\r\n        type=\"text\"\r\n        placeholder=\"Search\"\r\n        value={localValue}\r\n        onChange={handleChange}\r\n        onKeyDown={handleKeyDown}\r\n        className={`search-input ${showSearchInput ? \"expanded\" : \"\"}`}\r\n        sx={searchStyles.searchField(showSearchInput)}\r\n        InputProps={{\r\n          startAdornment: (\r\n            <InputAdornment position=\"start\">\r\n              <IconButton\r\n                size=\"small\"\r\n                onClick={() => {\r\n                  setShowSearchInput((prev) => !prev);\r\n                  if (!showSearchInput) {\r\n                    setTimeout(() => {\r\n                      searchContainerRef.current\r\n                        ?.querySelector(\"input\")\r\n                        ?.focus();\r\n                    }, 100);\r\n                  }\r\n                }}\r\n                sx={{ color: \"black\", fontSize: 14 }}\r\n                edge=\"start\"\r\n              >\r\n                <SearchIcon />\r\n              </IconButton>\r\n            </InputAdornment>\r\n          ),\r\n          endAdornment:\r\n            showSearchInput && localValue !== \"\" ? (\r\n              <InputAdornment position=\"end\">\r\n                <IconButton\r\n                  size=\"small\"\r\n                  onClick={() => {\r\n                    setLocalValue(\"\");\r\n                    handleChange({ target: { value: \"\" } } as any);\r\n                  }}\r\n                  sx={{ color: \"black\", fontSize: 14 }}\r\n                  edge=\"end\"\r\n                >\r\n                  <CloseRoundedIcon\r\n                    fontSize=\"small\"\r\n                    sx={{ color: \"black\", fontSize: 14 }}\r\n                  />\r\n                </IconButton>\r\n              </InputAdornment>\r\n            ) : null,\r\n        }}\r\n      />\r\n    </Box>\r\n  );\r\n};\r\n","import React, { useEffect } from \"react\";\r\n\r\ninterface OutsideClickHandlerProps {\r\n  ref: React.RefObject<HTMLElement>;\r\n  handler: () => void;\r\n}\r\n\r\nconst useOutsideClick = ({ ref, handler }: OutsideClickHandlerProps) => {\r\n  useEffect(() => {\r\n    const handleClickOutside = (event: MouseEvent) => {\r\n      if (ref.current && !ref.current.contains(event.target as Node)) {\r\n        handler();\r\n      }\r\n    };\r\n\r\n    document.addEventListener(\"mousedown\", handleClickOutside);\r\n\r\n    return () => {\r\n      document.removeEventListener(\"mousedown\", handleClickOutside);\r\n    };\r\n  }, [ref, handler]);\r\n};\r\n\r\nexport default useOutsideClick;\r\n","import React, { useState, useRef, useEffect } from \"react\";\r\nimport {\r\n  ChangeLayoutIcon,\r\n  SortingIcon,\r\n  FilterationIcon,\r\n  HideColumnIcon,\r\n} from \"../../../assets/svg.tsx\";\r\nimport { Box, Popover } from \"@mui/material\";\r\nimport LayoutSelector from \"../table-change-layout.tsx\";\r\nimport { Table } from \"@tanstack/react-table\";\r\nimport { TopbarOptionsProps } from \"../../types/table.ts\";\r\nimport \"./index.scss\";\r\nimport ViewMore from \"../viewmore/index.tsx\";\r\nimport { useFullscreenPopoverContainer } from \"../../libs/hooks/useFullScreen.tsx\";\r\nimport SortPopover from \"../sorting-modal.tsx/index.tsx\";\r\nimport ColumnToggle from \"../column-visibility-modal/index.tsx\";\r\nimport { CraftTableOptionsProps } from \"../../types/table-options.ts\";\r\nimport { TableSearch } from \"../search/index.tsx\";\r\n\r\ninterface TopbarProps<T> {\r\n  table: Table<T>;\r\n  isFullscreen: boolean;\r\n  fullscreenToggle: () => void;\r\n  isCompactTable: boolean;\r\n  setIsCompactTable: React.Dispatch<React.SetStateAction<boolean>>;\r\n  paginationComponent?: React.ReactNode;\r\n  topbarOptions?: TopbarOptionsProps;\r\n  columnOrder?: string[];\r\n  setColumnOrder?: React.Dispatch<React.SetStateAction<string[]>>;\r\n  tableStates: CraftTableOptionsProps;\r\n  searchValue?: string;\r\n  onSearchChange?: (val: string) => void;\r\n  onFilterButtonClick?: () => void;\r\n}\r\n\r\nfunction Topbar<T>({\r\n  table,\r\n  isCompactTable,\r\n  isFullscreen,\r\n  fullscreenToggle,\r\n  setIsCompactTable,\r\n  paginationComponent,\r\n  topbarOptions,\r\n  tableStates,\r\n  onFilterButtonClick,\r\n}: TopbarProps<T>) {\r\n  const [sortAnchorEl, setSortAnchorEl] = useState<HTMLElement | null>(null);\r\n  const [groupBy, setGroupBy] = useState<string>(\"None\");\r\n\r\n  const [layoutAnchorEl, setLayoutAnchorEl] = useState<null | HTMLElement>(\r\n    null\r\n  );\r\n  const [selectedLayout, setSelectedLayout] = useState(\"Table\");\r\n  const [columnAnchorEl, setColumnAnchorEl] = useState<HTMLElement | null>(\r\n    null\r\n  );\r\n  const [columnOrder, setColumnOrder] = useState<string[]>(\r\n    table.getAllLeafColumns().map((col) => col.id)\r\n  );\r\n\r\n  const searchContainerRef = useRef<HTMLDivElement>(null);\r\n\r\n  // sync column order with table instance\r\n  useEffect(() => {\r\n    table.setColumnOrder(columnOrder);\r\n  }, [columnOrder]);\r\n\r\n  useEffect(() => {\r\n    if (isFullscreen) {\r\n      // Close all popovers when fullscreen is enabled\r\n      setLayoutAnchorEl(null);\r\n      setSortAnchorEl(null);\r\n      setColumnAnchorEl(null);\r\n      setViewMoreAnchorEl(null);\r\n    }\r\n  }, [isFullscreen]);\r\n\r\n  const {\r\n    leftSideComponent,\r\n    rightSideComponent,\r\n    showColumnToggle,\r\n    showChangeLayoutToggle,\r\n    showSortingToggle,\r\n    showFilterToggle,\r\n    showSearch,\r\n    searchValue,\r\n    onSearchChange,\r\n  } = topbarOptions ?? {};\r\n\r\n  const { container: fullscreenContainer } = useFullscreenPopoverContainer();\r\n\r\n  const handleLayoutSelect = (layout: string) => {\r\n    setSelectedLayout(layout);\r\n    setLayoutAnchorEl(null);\r\n  };\r\n\r\n  useEffect(() => {\r\n    const handleExternalLayoutTrigger = (e: Event) => {\r\n      const target = (e as CustomEvent).detail?.target as HTMLElement;\r\n      setLayoutAnchorEl(target);\r\n    };\r\n\r\n    const handleExternalFilterTrigger = () => {\r\n      onFilterButtonClick?.();\r\n    };\r\n\r\n    const handleExternalViewMoreTrigger = (e: Event) => {\r\n      const target = (e as CustomEvent).detail?.target as HTMLElement;\r\n      if (target) setViewMoreAnchorEl(target);\r\n    };\r\n\r\n    const handleExternalSearchTrigger = () => {\r\n      setTimeout(() => {\r\n        searchContainerRef.current?.querySelector(\"input\")?.focus();\r\n      }, 100);\r\n    };\r\n\r\n    window.addEventListener(\r\n      \"triggerLayoutPopover\",\r\n      handleExternalLayoutTrigger\r\n    );\r\n    window.addEventListener(\"triggerFilterButton\", handleExternalFilterTrigger);\r\n    window.addEventListener(\"triggerViewMore\", handleExternalViewMoreTrigger);\r\n    window.addEventListener(\"triggerSearchInput\", handleExternalSearchTrigger); // ✅\r\n\r\n    return () => {\r\n      window.removeEventListener(\r\n        \"triggerLayoutPopover\",\r\n        handleExternalLayoutTrigger\r\n      );\r\n      window.removeEventListener(\r\n        \"triggerFilterButton\",\r\n        handleExternalFilterTrigger\r\n      );\r\n      window.removeEventListener(\r\n        \"triggerViewMore\",\r\n        handleExternalViewMoreTrigger\r\n      );\r\n      window.removeEventListener(\r\n        \"triggerSearchInput\",\r\n        handleExternalSearchTrigger\r\n      ); // ✅\r\n    };\r\n  }, [onFilterButtonClick]);\r\n\r\n  const [viewMoreAnchorEl, setViewMoreAnchorEl] = useState<HTMLElement | null>(\r\n    null\r\n  );\r\n\r\n  const isViewMoreOpen = Boolean(viewMoreAnchorEl);\r\n\r\n  return (\r\n    <div className=\"ts-topbar\">\r\n      <div className=\"tabs-section\">\r\n        <div style={{ overflowX: \"auto\", whiteSpace: \"nowrap\" }}>\r\n          {leftSideComponent}\r\n        </div>\r\n      </div>\r\n\r\n      <div className=\"right-section\">\r\n        {rightSideComponent}\r\n        {paginationComponent}\r\n\r\n        <Box\r\n          sx={{\r\n            display: \"flex\",\r\n            alignItems: \"center\",\r\n            justifyContent: \"center\",\r\n            gap: 0.5,\r\n          }}\r\n        >\r\n          {showSearch && (\r\n            <Box\r\n              title=\"Search\"\r\n              className=\"external-search-trigger\"\r\n              onClick={() => {\r\n                const customEvent = new CustomEvent(\"triggerSearchInput\");\r\n                window.dispatchEvent(customEvent);\r\n              }}\r\n              ref={searchContainerRef}\r\n            >\r\n              <TableSearch\r\n                value={searchValue ?? \"\"}\r\n                onChange={onSearchChange ?? (() => {})}\r\n              />\r\n            </Box>\r\n          )}\r\n\r\n          {showChangeLayoutToggle && (\r\n            <>\r\n              <div className=\"change-layout ts--button\" title=\"Layout\">\r\n                <div\r\n                  onClick={(e) => {\r\n                    const customEvent = new CustomEvent(\r\n                      \"triggerLayoutPopover\",\r\n                      {\r\n                        detail: { target: e.currentTarget },\r\n                      }\r\n                    );\r\n                    window.dispatchEvent(customEvent);\r\n                  }}\r\n                  className=\"external-layout-trigger\"\r\n                >\r\n                  <ChangeLayoutIcon />\r\n                </div>\r\n              </div>\r\n            </>\r\n          )}\r\n          <Popover\r\n            open={Boolean(layoutAnchorEl)}\r\n            anchorEl={layoutAnchorEl}\r\n            onClose={() => setLayoutAnchorEl(null)}\r\n            anchorOrigin={{ vertical: \"bottom\", horizontal: \"left\" }}\r\n            container={fullscreenContainer}\r\n            sx={{\r\n              mt: 2.2,\r\n            }}\r\n          >\r\n            <LayoutSelector\r\n              onSelect={handleLayoutSelect}\r\n              selectedLayout={selectedLayout}\r\n            />\r\n          </Popover>\r\n          {showColumnToggle && (\r\n            <>\r\n              <div\r\n                className=\"hide-column ts--button\"\r\n                onClick={(e) => setColumnAnchorEl(e.currentTarget)}\r\n                title=\"Column\"\r\n              >\r\n                <HideColumnIcon />\r\n              </div>\r\n              <ColumnToggle\r\n                anchorEl={columnAnchorEl}\r\n                onClose={() => setColumnAnchorEl(null)}\r\n                table={table}\r\n                columnOrder={columnOrder}\r\n                setColumnOrder={setColumnOrder}\r\n              />\r\n            </>\r\n          )}\r\n\r\n          {showSortingToggle && (\r\n            <>\r\n              <div\r\n                className=\"filter ts--button\"\r\n                title=\"Sort\"\r\n                onClick={(e) => setSortAnchorEl(e.currentTarget)}\r\n              >\r\n                <SortingIcon />\r\n              </div>\r\n              <SortPopover\r\n                anchorEl={sortAnchorEl}\r\n                onClose={() => setSortAnchorEl(null)}\r\n                columns={table.getAllLeafColumns().map((col) => ({\r\n                  id: col.id,\r\n                  label: (col.columnDef.meta as any)?.label || col.id,\r\n                }))}\r\n                onChange={(sortingRules) => table.setSorting(sortingRules)}\r\n              />\r\n            </>\r\n          )}\r\n\r\n          {/* {showFilterToggle && (\r\n          <div\r\n            className=\"filter ts--button\"\r\n            title=\"Filter\"\r\n            onClick={onFilterButtonClick}\r\n            style={{\r\n              display: \"flex\",\r\n              justifyContent: \"center\",\r\n              alignItems: \"center\",\r\n              backgroundColor:\r\n                tableStates.showTableFilter || tableStates.filters.length > 0\r\n                  ? \"#e8e2fb\"\r\n                  : \"transparent\",\r\n              height: \"25px\",\r\n              width: \"25px\",\r\n              borderRadius: \"6px\",\r\n              cursor: \"pointer\",\r\n            }}\r\n          >\r\n            <FilterationIcon\r\n              color={\r\n                tableStates.showTableFilter || tableStates.filters.length > 0\r\n                  ? \"#7A5AF8\"\r\n                  : \"#1C1B1F\"\r\n              }\r\n            />\r\n          </div>\r\n        )} */}\r\n\r\n          {showFilterToggle && (\r\n            <div\r\n              className=\"filter ts--button\"\r\n              title=\"Filter\"\r\n              onClick={onFilterButtonClick}\r\n              style={{\r\n                position: \"relative\",\r\n                display: \"flex\",\r\n                justifyContent: \"center\",\r\n                alignItems: \"center\",\r\n                backgroundColor:\r\n                  tableStates.showTableFilter || tableStates.filters.length > 0\r\n                    ? \"#eae4fe\"\r\n                    : \"transparent\",\r\n                height: \"25px\",\r\n                width: \"25px\",\r\n                borderRadius: \"6px\",\r\n                cursor: \"pointer\",\r\n              }}\r\n            >\r\n              <FilterationIcon\r\n                color={\r\n                  tableStates.showTableFilter || tableStates.filters.length > 0\r\n                    ? \"#7A5AF8\"\r\n                    : \"#1C1B1F\"\r\n                }\r\n              />\r\n\r\n              {tableStates.filters.length > 0 &&\r\n                !tableStates.showTableFilter && (\r\n                  <span\r\n                    style={{\r\n                      position: \"absolute\",\r\n                      top: \"1px\",\r\n                      right: \"1px\",\r\n                      width: \"6px\",\r\n                      height: \"6px\",\r\n                      borderRadius: \"50%\",\r\n                      backgroundColor: \"#F63D68\",\r\n                    }}\r\n                  />\r\n                )}\r\n            </div>\r\n          )}\r\n\r\n          {/* {viewMoreToggle && (\r\n          <div className=\"view-more ts--button\" title=\"View More\">\r\n            <ViewMore\r\n              compactMode={isCompactTable}\r\n              onCompactToggle={(value: string) =>\r\n                setIsCompactTable(value === \"Compact\")\r\n              }\r\n              isFullscreen={isFullscreen}\r\n              onFullscreenToggle={fullscreenToggle}\r\n              groupBy={groupBy}\r\n              onGroupByChange={(value: string) => setGroupBy(value)}\r\n              tableStates={tableStates}\r\n            />\r\n          </div>\r\n        )} */}\r\n          {/* {viewMoreToggle && (\r\n          <div\r\n            className=\"view-more ts--button view-more-trigger\"\r\n            title=\"View More\"\r\n          >\r\n            <ViewMore\r\n              compactMode={isCompactTable}\r\n              onCompactToggle={(value: string) =>\r\n                setIsCompactTable(value === \"Compact\")\r\n              }\r\n              isFullscreen={isFullscreen}\r\n              onFullscreenToggle={fullscreenToggle}\r\n              groupBy={groupBy}\r\n              onGroupByChange={(value: string) => setGroupBy(value)}\r\n              tableStates={tableStates}\r\n            />\r\n          </div>\r\n        )} */}\r\n          <Popover\r\n            open={isViewMoreOpen}\r\n            anchorEl={viewMoreAnchorEl}\r\n            onClose={() => setViewMoreAnchorEl(null)}\r\n            anchorOrigin={{ vertical: \"bottom\", horizontal: \"left\" }}\r\n            transformOrigin={{ vertical: \"top\", horizontal: \"left\" }}\r\n            container={fullscreenContainer}\r\n            // PaperProps={{\r\n            //   sx: {\r\n            //     mt: 2,\r\n            //     padding: 0,\r\n            //     width: 380,\r\n            //     borderRadius: 1,\r\n            //     boxShadow: 4,\r\n            //   },\r\n            // }}\r\n          >\r\n            <ViewMore\r\n              compactMode={isCompactTable}\r\n              onCompactToggle={(value: string) =>\r\n                setIsCompactTable(value === \"Compact\")\r\n              }\r\n              isFullscreen={isFullscreen}\r\n              onFullscreenToggle={fullscreenToggle}\r\n              groupBy={groupBy}\r\n              onGroupByChange={(value: string) => setGroupBy(value)}\r\n              tableStates={tableStates}\r\n              onClose={() => setViewMoreAnchorEl(null)}\r\n            />\r\n          </Popover>\r\n        </Box>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default Topbar;\r\n","import { styled } from \"@mui/material/styles\";\r\nimport { Box, IconButton, Select, InputBase } from \"@mui/material\";\r\n\r\n/* Root container */\r\nexport const PaginationContainer = styled(Box)(({ theme }) => ({\r\n  padding: theme.spacing(0.5),\r\n  display: \"flex\",\r\n  justifyContent: \"flex-end\",\r\n  alignItems: \"center\",\r\n  gap: theme.spacing(2),\r\n  fontSize: theme.typography.pxToRem(14),\r\n  backgroundColor: theme.palette.common.white,\r\n\r\n  [theme.breakpoints.down(\"md\")]: {\r\n    justifyContent: \"center\",\r\n    fontSize: theme.typography.pxToRem(12),\r\n  },\r\n}));\r\n\r\n/* Hide go-to-page on <= 991px */\r\nexport const GoToPageContainer = styled(Box)(({ theme }) => ({\r\n  display: \"flex\",\r\n  alignItems: \"center\",\r\n\r\n  [theme.breakpoints.down(\"md\")]: {\r\n    display: \"none\",\r\n  },\r\n}));\r\n\r\n/* Rows per page */\r\nexport const RowsPerPageContainer = styled(Box)(({ theme }) => ({\r\n  display: \"flex\",\r\n  alignItems: \"center\",\r\n\r\n  [theme.breakpoints.down(\"sm\")]: {\r\n    display: \"none\",\r\n  },\r\n}));\r\n\r\n/* Records range */\r\nexport const RecordsRangeContainer = styled(Box)(({ theme }) => ({\r\n  whiteSpace: \"nowrap\",\r\n  fontSize: theme.typography.pxToRem(14),\r\n\r\n  [theme.breakpoints.down(\"sm\")]: {\r\n    display: \"none\",\r\n  },\r\n}));\r\n\r\n/* Page range */\r\nexport const PageRangeContainer = styled(Box)(({ theme }) => ({\r\n  whiteSpace: \"nowrap\",\r\n  fontSize: theme.typography.pxToRem(14),\r\n}));\r\n\r\n/* Buttons wrapper */\r\nexport const PaginationButtons = styled(Box)(({ theme }) => ({\r\n  display: \"flex\",\r\n  gap: theme.spacing(1),\r\n}));\r\n\r\n/* Pagination button */\r\nexport const PaginationButton = styled(IconButton)(({ theme }) => ({\r\n  borderRadius: \"50%\",\r\n  height: 24,\r\n  width: 24,\r\n  padding: 2,\r\n  transition: \"0.4s\",\r\n\r\n  \"&:hover\": {\r\n    backgroundColor: theme.palette.grey[300],\r\n    boxShadow: \"0 1px 2px 0 rgba(60,64,67,.6), 0 1px 3px 1px rgba(60,64,67,.3)\",\r\n  },\r\n\r\n  \"&.Mui-disabled\": {\r\n    color: theme.palette.action.disabled,\r\n  },\r\n\r\n  [theme.breakpoints.down(\"sm\")]: {\r\n    height: 24,\r\n    width: 24,\r\n    padding: 0,\r\n\r\n    \"& svg\": {\r\n      width: 20,\r\n      height: 20,\r\n    },\r\n  },\r\n}));\r\n\r\n/* Select (rows per page) */\r\nexport const RowsPerPageSelect = styled(Select)(({ theme }) => ({\r\n  borderRadius: theme.shape.borderRadius,\r\n  padding: theme.spacing(0),\r\n  fontSize: theme.typography.pxToRem(12),\r\n\r\n  \"& .MuiSelect-select\": {\r\n    fontSize: theme.typography.pxToRem(12),\r\n    padding: theme.spacing(0.5, 0.75),\r\n  },\r\n}));\r\n\r\n/* Input for go-to-page */\r\nexport const GoToPageInput = styled(InputBase)(({ theme }) => ({\r\n  width: 60,\r\n  textAlign: \"center\",\r\n  borderRadius: theme.shape.borderRadius,\r\n  border: `1px solid ${theme.palette.divider}`,\r\n  fontSize: theme.typography.pxToRem(12),\r\n\r\n  \"& .MuiInputBase-input\": {\r\n    fontSize: theme.typography.pxToRem(12),\r\n    padding: theme.spacing(0.25, 0.75),\r\n  },\r\n}));\r\n","import { Table } from \"@tanstack/react-table\";\r\nimport { TableFirstPageIcon, TableLastPageIcon } from \"../../../../assets/svg\";\r\nimport NavigateBeforeRounded from \"@mui/icons-material/NavigateBeforeRounded\";\r\nimport NavigateNextRounded from \"@mui/icons-material/NavigateNextRounded\";\r\nimport { MenuItem, Typography } from \"@mui/material\";\r\nimport { CraftTablePaginationProps } from \"../../../types/table\";\r\nimport {\r\n  PaginationContainer,\r\n  GoToPageContainer,\r\n  RowsPerPageContainer,\r\n  RecordsRangeContainer,\r\n  PageRangeContainer,\r\n  PaginationButtons,\r\n  PaginationButton,\r\n  RowsPerPageSelect,\r\n  GoToPageInput,\r\n} from \"./pagination.styles\";\r\n\r\ninterface DefaultPaginationProps<T> {\r\n  table: Table<T>;\r\n  rowsPerPageArray: number[];\r\n  paginationOptions?: CraftTablePaginationProps;\r\n}\r\n\r\nfunction DefaultPagination<T>({\r\n  table,\r\n  rowsPerPageArray,\r\n  paginationOptions,\r\n}: DefaultPaginationProps<T>) {\r\n  const pageIndex = table.getState().pagination.pageIndex + 1;\r\n  const pageCount = table.getPageCount();\r\n  const pageSize = table.getState().pagination.pageSize;\r\n  const rowCount = table.getRowCount();\r\n\r\n  const recordsRangeFirst = pageIndex * pageSize - pageSize + 1;\r\n  const recordsRangeLast = Math.min(pageIndex * pageSize, rowCount);\r\n\r\n  const isFullView = paginationOptions?.paginationView === \"full\";\r\n\r\n  return (\r\n    <PaginationContainer>\r\n      {isFullView && (\r\n        <GoToPageContainer>\r\n          <Typography variant=\"body2\" fontSize={14} mr={1}>\r\n            Go to page:\r\n          </Typography>\r\n          <GoToPageInput\r\n            defaultValue={pageIndex}\r\n            type=\"number\"\r\n            inputProps={{\r\n              name: \"pagination-size\",\r\n              min: 1,\r\n              max: pageCount,\r\n            }}\r\n            onKeyDown={(e) => {\r\n              if (e.key === \"Enter\") {\r\n                const page = e.currentTarget.value\r\n                  ? Number(e.currentTarget.value) - 1\r\n                  : 0;\r\n                table.setPageIndex(page);\r\n              }\r\n            }}\r\n          />\r\n        </GoToPageContainer>\r\n      )}\r\n\r\n      <RowsPerPageContainer>\r\n        {isFullView && (\r\n          <Typography variant=\"body2\" fontSize={14} mr={1}>\r\n            Rows per page:\r\n          </Typography>\r\n        )}\r\n        <RowsPerPageSelect\r\n          value={pageSize}\r\n          onChange={(e) => table.setPageSize(Number(e.target.value))}\r\n        >\r\n          {rowsPerPageArray.map((size) => (\r\n            <MenuItem key={size} value={size} sx={{ fontSize: 12 }}>\r\n              {size}\r\n            </MenuItem>\r\n          ))}\r\n        </RowsPerPageSelect>\r\n      </RowsPerPageContainer>\r\n\r\n      <RecordsRangeContainer>\r\n        <strong>\r\n          {recordsRangeFirst} – {recordsRangeLast} of {rowCount}\r\n        </strong>\r\n      </RecordsRangeContainer>\r\n\r\n      {isFullView && (\r\n        <PageRangeContainer>\r\n          <strong>\r\n            Page {pageIndex} of {pageCount}\r\n          </strong>\r\n        </PageRangeContainer>\r\n      )}\r\n\r\n      <PaginationButtons>\r\n        {isFullView && (\r\n          <PaginationButton\r\n            title=\"First Page\"\r\n            disabled={!table.getCanPreviousPage()}\r\n            onClick={() => table.setPageIndex(0)}\r\n          >\r\n            <TableFirstPageIcon />\r\n          </PaginationButton>\r\n        )}\r\n\r\n        <PaginationButton\r\n          title=\"Previous Page\"\r\n          disabled={!table.getCanPreviousPage()}\r\n          onClick={() => table.previousPage()}\r\n        >\r\n          <NavigateBeforeRounded fontSize=\"small\" />\r\n        </PaginationButton>\r\n\r\n        <PaginationButton\r\n          title=\"Next Page\"\r\n          disabled={!table.getCanNextPage()}\r\n          onClick={() => table.nextPage()}\r\n        >\r\n          <NavigateNextRounded fontSize=\"small\" />\r\n        </PaginationButton>\r\n\r\n        {isFullView && (\r\n          <PaginationButton\r\n            title=\"Last Page\"\r\n            disabled={!table.getCanNextPage()}\r\n            onClick={() => table.setPageIndex(pageCount - 1)}\r\n          >\r\n            <TableLastPageIcon />\r\n          </PaginationButton>\r\n        )}\r\n      </PaginationButtons>\r\n    </PaginationContainer>\r\n  );\r\n}\r\n\r\nexport default DefaultPagination;\r\n","import { Column } from \"@tanstack/react-table\";\r\nimport { alignProps } from \"../../types/common\";\r\nimport { CSSProperties } from \"react\";\r\nimport axios from \"axios\";\r\n\r\nexport const formatClassName = (className: string): string => {\r\n  return className.replace(/\\s+/g, \" \").trim();\r\n};\r\n\r\nexport const getColumnAlignment = (align: string) => {\r\n  const contentAlignment = {\r\n    left: \"flex-start\",\r\n    center: \"center\",\r\n    right: \"flex-end\",\r\n  };\r\n\r\n  const alignment = contentAlignment[(align as alignProps) || \"left\"];\r\n  return alignment;\r\n};\r\n\r\nexport const getColumnPinningStyles = <T>(column: Column<T>): CSSProperties => {\r\n  const isPinned = column.getIsPinned();\r\n  const isLastLeftPinnedColumn =\r\n    isPinned === \"left\" && column.getIsLastColumn(\"left\");\r\n  const isFirstRightPinnedColumn =\r\n    isPinned === \"right\" && column.getIsFirstColumn(\"right\");\r\n\r\n  return {\r\n    boxShadow: isLastLeftPinnedColumn\r\n      ? \"-4px 0 4px -4px gray inset\"\r\n      : isFirstRightPinnedColumn\r\n      ? \"4px 0 4px -4px gray inset\"\r\n      : undefined,\r\n    background: \"inherit\",\r\n    left: isPinned === \"left\" ? `${column.getStart(\"left\")}px` : undefined,\r\n    right: isPinned === \"right\" ? `${column.getAfter(\"right\")}px` : undefined,\r\n    position: isPinned ? \"sticky\" : \"relative\",\r\n    width: column.getSize(),\r\n  };\r\n};\r\n\r\nexport const getColumnPinningStylesBody = <T>(\r\n  column: Column<T>\r\n): CSSProperties => {\r\n  const isPinned = column.getIsPinned();\r\n  const isLastLeftPinnedColumn =\r\n    isPinned === \"left\" && column.getIsLastColumn(\"left\");\r\n  const isFirstRightPinnedColumn =\r\n    isPinned === \"right\" && column.getIsFirstColumn(\"right\");\r\n\r\n  return {\r\n    boxShadow: isLastLeftPinnedColumn\r\n      ? \"-4px 0 4px -4px gray inset\"\r\n      : isFirstRightPinnedColumn\r\n      ? \"4px 0 4px -4px gray inset\"\r\n      : undefined,\r\n    background: \"inherit\",\r\n    left: isPinned === \"left\" ? `${column.getStart(\"left\")}px` : undefined,\r\n    right: isPinned === \"right\" ? `${column.getAfter(\"right\")}px` : undefined,\r\n    position: isPinned ? \"sticky\" : \"relative\",\r\n    width: column.getSize(),\r\n  };\r\n};\r\n\r\nexport function customDebounce<T extends (...args: any[]) => any>(\r\n  func: T,\r\n  delay: number\r\n): (...args: Parameters<T>) => void {\r\n  let timerId: ReturnType<typeof setTimeout> | null = null;\r\n\r\n  return function (this: ThisParameterType<T>, ...args: Parameters<T>): void {\r\n    if (timerId) clearTimeout(timerId);\r\n    timerId = setTimeout(() => {\r\n      func.apply(this, args);\r\n    }, delay);\r\n  };\r\n}\r\n\r\n//ENTITY TYPE\r\nconst ENVIRONMENT = \"crm_dev\";\r\nexport const ENTITY_TYPE = \"LEAD\";\r\nexport const MODULE_CODE = \"school_adm_org\";\r\nexport const MAPPED_ENTITY_TYPE = \"LYPR\"; // LAP OR LYPR\r\nexport const USER_ID = 226;\r\nexport const APP_CODE = \"crm\";\r\n\r\nconst environments = {\r\n  adm_dev: \"http://localhost:6010/api\",\r\n  crm_dev: \"http://localhost:6011/api\",\r\n  uat: \"https://api.eth-qa.rezolut.in/api/enrol\",\r\n};\r\n\r\nconst getBaseUrl = () => environments[ENVIRONMENT];\r\n\r\n// API INTEGRATION\r\nexport const api = axios.create({\r\n  baseURL: getBaseUrl(),\r\n  timeout: 10000,\r\n  headers: {\r\n    \"Content-Type\": \"application/json\",\r\n  },\r\n});\r\n\r\napi.interceptors.request.use(\r\n  (config) => {\r\n    const token = localStorage.getItem(\"authToken\");\r\n    if (token) {\r\n      config.headers.Authorization = `Bearer ${token}`;\r\n    }\r\n    return config;\r\n  },\r\n  (error) => {\r\n    return Promise.reject(error);\r\n  }\r\n);\r\n\r\nexport const formatTableHeaders = (columns: any) => {\r\n  const mapped = columns.map((col: any) => {\r\n    const meta =\r\n      col.attribute_key === \"status\" ||\r\n      col.attribute_key === \"lead_status\" ||\r\n      col.attribute_key === \"flag\" ||\r\n      col.attribute_key === \"invitation_status\"\r\n        ? { type: \"custom\", propName: \"renderStatus\", align: col.align }\r\n        : col.attribute_key === \"profile_image\" ||\r\n          col.attribute_key === \"short_logo\"\r\n        ? {\r\n            type: \"custom\",\r\n            propName: \"profileImageFetch\",\r\n            align: col.align,\r\n          }\r\n        : col.attribute_key === \"start_date\" || col.attribute_key === \"end_date\"\r\n        ? { type: \"custom\", propName: \"dateFormater\", align: col.align }\r\n        : col.attribute_key === \"action\"\r\n        ? { type: \"custom\", propName: \"renderAction\", align: col.align }\r\n        : col.attribute_key === \"code\"\r\n        ? {\r\n            type: \"custom\",\r\n            propName: \"drillCellRenderer\",\r\n            align: col.align,\r\n          }\r\n        : col.attribute_key === \"primary_mobile\"\r\n        ? {\r\n            type: \"custom\",\r\n            propName: \"apiCallonClick\",\r\n            align: col.align,\r\n          }\r\n        : undefined;\r\n\r\n    return {\r\n      header: col.name ?? \"\",\r\n      accessorKey: col.attribute_key ?? \"\",\r\n      size: col.size,\r\n      meta,\r\n    };\r\n  });\r\n\r\n  return mapped;\r\n};\r\n","import { styled } from \"@mui/material\";\r\n\r\nexport const TableBodyRow = styled(\"tr\", {\r\n  shouldForwardProp: (prop) =>\r\n    prop !== \"hoverable\" &&\r\n    prop !== \"selected\" &&\r\n    prop !== \"striped\" &&\r\n    prop !== \"expanded\",\r\n})<{\r\n  hoverable?: boolean;\r\n  selected?: boolean;\r\n  striped?: boolean;\r\n  expanded?: boolean;\r\n}>(({ theme, hoverable, selected, striped }) => ({\r\n  backgroundColor: selected\r\n    ? theme.palette.action.selected\r\n    : theme.palette.background.paper,\r\n\r\n  ...(striped && {\r\n    \"&:nth-of-type(odd)\": {\r\n      backgroundColor:\r\n        theme.palette.mode === \"dark\"\r\n          ? theme.palette.action.hover\r\n          : theme.palette.grey[50],\r\n    },\r\n  }),\r\n\r\n  ...(hoverable && {\r\n    transition: \"background-color 0.2s ease, box-shadow 0.2s ease\",\r\n    \"&:hover\": {\r\n      boxShadow: `inset 0 2px 2px rgba(0,0,0,0.05),\r\n                  inset 0 -2px 2px rgba(0,0,0,0.05)`,\r\n    },\r\n  }),\r\n}));\r\n\r\nexport const TableBodyCell = styled(\"td\", {\r\n  shouldForwardProp: (prop) =>\r\n    prop !== \"compact\" &&\r\n    prop !== \"isDragging\" &&\r\n    prop !== \"isPinned\" &&\r\n    prop !== \"wrap\",\r\n})<{\r\n  compact?: boolean;\r\n  isDragging?: boolean;\r\n  isPinned?: boolean;\r\n  wrap?: boolean;\r\n}>(({ theme, compact, isDragging, wrap }) => ({\r\n  fontSize: theme.typography.pxToRem(14),\r\n  padding: compact ? theme.spacing(0.5, 0.75) : theme.spacing(0.75, 1.25),\r\n  borderBottom: `1px solid ${theme.palette.grey[200]}`,\r\n\r\n  ...(wrap && {\r\n    wordBreak: \"break-all\",\r\n    whiteSpace: \"normal\",\r\n  }),\r\n\r\n  ...(isDragging && {\r\n    opacity: 0.85,\r\n    backgroundColor: theme.palette.action.hover,\r\n  }),\r\n}));\r\n","import { useSortable } from \"@dnd-kit/sortable\";\r\nimport { CSS } from \"@dnd-kit/utilities\";\r\nimport { Cell, flexRender } from \"@tanstack/react-table\";\r\nimport { align } from \"../../types/common\";\r\nimport { getColumnPinningStylesBody } from \"../../libs/utils/common\";\r\nimport {\r\n  CraftTableFeatureProps,\r\n  CraftTableOptionsProps,\r\n} from \"../../types/table-options\";\r\nimport { TableBodyCell } from \"./table-body.styles\";\r\n\r\ninterface DragAlongCellProps<T> {\r\n  cell: Cell<T, unknown>;\r\n  featureOptions: CraftTableFeatureProps;\r\n  tableStates: CraftTableOptionsProps;\r\n}\r\n\r\nfunction DragAlongCell<T>({\r\n  cell,\r\n  // featureOptions,\r\n  tableStates,\r\n}: DragAlongCellProps<T>) {\r\n  const { isDragging, setNodeRef, transform } = useSortable({\r\n    id: cell.column.id,\r\n  });\r\n  // const { enableWordBreakAll } = featureOptions;\r\n  const { wrapColumns } = tableStates;\r\n\r\n  const isPinned = cell.column.getIsPinned();\r\n\r\n  return (\r\n    <TableBodyCell\r\n      ref={setNodeRef}\r\n      align={(cell.column.columnDef.meta as align)?.align || \"left\"}\r\n      style={{\r\n        opacity: isDragging ? 0.8 : 1,\r\n        transform: CSS.Translate.toString(transform),\r\n        transition: \"width transform 0.2s ease-in-out\",\r\n        width: cell.column.getSize(),\r\n        ...getColumnPinningStylesBody(cell.column),\r\n        ...((wrapColumns.all_wrap || wrapColumns[cell.column.id]) && {\r\n          wordBreak: \"break-all\",\r\n          whiteSpace: \"normal\",\r\n        }),\r\n        zIndex: isPinned ? 2 : isDragging ? 1 : 0,\r\n      }}\r\n    >\r\n      {cell.getIsPlaceholder()\r\n        ? null\r\n        : flexRender(cell.column.columnDef.cell, cell.getContext())}\r\n    </TableBodyCell>\r\n  );\r\n}\r\n\r\nexport default DragAlongCell;\r\n","import React, { useEffect, useRef } from \"react\";\r\nimport { v4 as uuidv4 } from \"uuid\";\r\n\r\ninterface CheckboxProps {\r\n  type?: \"checkbox\";\r\n  checked: boolean;\r\n  disabled?: boolean;\r\n  onChange: (checked: boolean) => void;\r\n  indeterminate?: boolean;\r\n  className?: string;\r\n  style?: React.CSSProperties;\r\n}\r\n\r\nconst Checkbox = ({\r\n  checked = false,\r\n  disabled = false,\r\n  onChange = () => {},\r\n  indeterminate = false,\r\n  className,\r\n  style,\r\n  ...props\r\n}: CheckboxProps) => {\r\n  const id = uuidv4();\r\n  const [check, setCheck] = React.useState<boolean>(checked);\r\n  const ref = useRef(null);\r\n\r\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    const isChecked = e.target.checked;\r\n    setCheck(isChecked);\r\n\r\n    if (onChange) onChange(isChecked);\r\n  };\r\n\r\n  useEffect(() => {\r\n    setCheck(checked);\r\n  }, [checked]);\r\n\r\n  useEffect(() => {\r\n    if (ref.current) {\r\n      (ref.current as HTMLInputElement).indeterminate = indeterminate;\r\n    }\r\n  }, [indeterminate]);\r\n\r\n  return (\r\n    <input\r\n      id={id}\r\n      ref={ref}\r\n      type=\"checkbox\"\r\n      checked={check}\r\n      onChange={handleChange}\r\n      disabled={disabled}\r\n      className={className}\r\n      {...props}\r\n    />\r\n  );\r\n};\r\n\r\nexport default Checkbox;\r\n","import React from \"react\";\r\nimport {\r\n  ColumnOrderState,\r\n  flexRender,\r\n  Row,\r\n  Table,\r\n} from \"@tanstack/react-table\";\r\nimport {\r\n  CraftTableFeatureProps,\r\n  CraftTableOptionsProps,\r\n} from \"../../types/table-options\";\r\nimport { align } from \"../../types/common\";\r\nimport DragAlongCell from \"./table-body-dnd-cell\";\r\nimport {\r\n  horizontalListSortingStrategy,\r\n  SortableContext,\r\n} from \"@dnd-kit/sortable\";\r\nimport { getColumnPinningStylesBody } from \"../../libs/utils/common\";\r\nimport Checkbox from \"../inputs/checkbox\";\r\nimport { TableBodyCell, TableBodyRow } from \"./table-body.styles\";\r\n\r\ninterface TableBodyProps<T> {\r\n  table: Table<T>;\r\n  featureOptions: CraftTableFeatureProps;\r\n  NestedComponent?: React.ComponentType<{ row: Row<T> }>;\r\n  columnOrder: ColumnOrderState;\r\n  tableStates: CraftTableOptionsProps;\r\n}\r\n\r\nfunction TableBody<T>({\r\n  table,\r\n  featureOptions,\r\n  NestedComponent,\r\n  columnOrder,\r\n  tableStates,\r\n}: TableBodyProps<T>) {\r\n  const { enableColumnReordering, enableRowSelection } = featureOptions;\r\n\r\n  const { wrapColumns } = tableStates;\r\n\r\n  const renderRow = (row: Row<T>) => {\r\n    const renderedRow = (\r\n      <TableBodyRow\r\n        key={row?.id}\r\n        hoverable\r\n        striped={featureOptions.striped}\r\n        selected={row.getIsSelected()}\r\n        expanded={row.getIsExpanded()}\r\n      >\r\n        {enableRowSelection && (\r\n          <TableBodyCell\r\n            style={{\r\n              position: \"sticky\",\r\n              left: 0,\r\n              width: \"50px\",\r\n            }}\r\n          >\r\n            <Checkbox\r\n              checked={row.getIsSelected()}\r\n              indeterminate={row.getIsSomeSelected()}\r\n              onChange={row.getToggleSelectedHandler()}\r\n              className=\"checkbox__input\"\r\n            />\r\n          </TableBodyCell>\r\n        )}\r\n\r\n        {row?.getVisibleCells()?.map((cell) => {\r\n          return enableColumnReordering ? (\r\n            <SortableContext\r\n              key={cell.id}\r\n              items={columnOrder}\r\n              strategy={horizontalListSortingStrategy}\r\n            >\r\n              <DragAlongCell\r\n                cell={cell}\r\n                featureOptions={featureOptions}\r\n                tableStates={tableStates}\r\n              />\r\n            </SortableContext>\r\n          ) : (\r\n            <TableBodyCell\r\n              style={{\r\n                ...getColumnPinningStylesBody(cell.column),\r\n                width: cell.column.getSize(),\r\n                ...((wrapColumns.all_wrap || wrapColumns[cell.column.id]) && {\r\n                  wordBreak: \"break-all\",\r\n                  whiteSpace: \"normal\",\r\n                }),\r\n              }}\r\n              align={(cell.column.columnDef.meta as align)?.align || \"left\"}\r\n            >\r\n              {flexRender(cell?.column?.columnDef?.cell, cell?.getContext())}\r\n            </TableBodyCell>\r\n          );\r\n        })}\r\n      </TableBodyRow>\r\n    );\r\n\r\n    if (row.getIsExpanded()) {\r\n      return (\r\n        <React.Fragment key={row.id}>\r\n          {renderedRow}\r\n          {NestedComponent && (\r\n            <TableBodyRow\r\n              hoverable\r\n              striped={featureOptions.striped}\r\n              selected={row.getIsSelected()}\r\n              expanded={row.getIsExpanded()}\r\n            >\r\n              {<NestedComponent {...{ row }} />}\r\n            </TableBodyRow>\r\n          )}\r\n        </React.Fragment>\r\n      );\r\n    } else {\r\n      return renderedRow;\r\n    }\r\n  };\r\n\r\n  return (\r\n    <tbody>{table?.getRowModel()?.rows?.map((row) => renderRow(row))}</tbody>\r\n  );\r\n}\r\n\r\nexport default TableBody;\r\n","// columnResize.styles.ts\r\nimport { Box } from \"@mui/material\";\r\nimport { styled } from \"@mui/material/styles\";\r\n\r\nexport const ColumnResizeHandle = styled(Box, {\r\n  shouldForwardProp: (prop) => prop !== \"isResizing\",\r\n})<{ isResizing?: boolean }>(({ theme, isResizing }) => ({\r\n  position: \"absolute\",\r\n  top: 0,\r\n  right: 0,\r\n  height: \"100%\",\r\n  width: theme.spacing(0.5),\r\n  cursor: \"col-resize\",\r\n  userSelect: \"none\",\r\n  touchAction: \"none\",\r\n  opacity: isResizing ? 1 : 0,\r\n  background: isResizing ? \"rgba(0, 0, 0, 0.8)\" : \"rgba(0, 0, 0, 0.5)\",\r\n\r\n  \"&:hover\": {\r\n    opacity: 1,\r\n  },\r\n}));\r\n\r\nexport const TableHeadButton = styled(Box)(({ theme }) => ({\r\n  display: \"flex\",\r\n  justifyContent: \"center\",\r\n  alignItems: \"center\",\r\n  cursor: \"pointer\",\r\n  transition: \"transform 0.15s ease\",\r\n\r\n  \"&:hover\": {\r\n    transform: \"scale(1.1)\",\r\n  },\r\n\r\n  \"& svg\": {\r\n    color: theme.palette.grey[700],\r\n  },\r\n}));\r\n\r\nexport const TableHeadSort = styled(Box, {\r\n  shouldForwardProp: (prop) => prop !== \"sortable\",\r\n})<{ sortable?: boolean }>(({ theme, sortable }) => ({\r\n  userSelect: sortable ? \"none\" : \"auto\",\r\n  fontSize: theme.typography.pxToRem(14),\r\n\r\n  \"& svg\": {\r\n    marginLeft: \"0.25rem\",\r\n  },\r\n}));\r\n\r\nexport const TableDndButton = styled(Box)(({ theme }) => ({\r\n  display: \"inline-flex\",\r\n  alignItems: \"center\",\r\n  justifyContent: \"center\",\r\n  color: theme.palette.grey[600],\r\n  cursor: \"grab\",\r\n  transition: \"transform 0.15s ease, color 0.15s ease\",\r\n\r\n  \"&:hover\": {\r\n    transform: \"scale(1.1)\",\r\n    color: theme.palette.grey[900],\r\n    cursor: \"grabbing\",\r\n  },\r\n}));\r\n\r\nexport const TableHeadContent = styled(Box)(({ theme }) => ({\r\n  display: \"flex\",\r\n  alignItems: \"center\",\r\n  justifyContent: \"space-between\",\r\n  gap: theme.spacing(1),\r\n}));\r\n\r\nexport const TableHeadRoot = styled(\"thead\", {\r\n  shouldForwardProp: (prop) => prop !== \"sticky\",\r\n})<{ sticky?: boolean }>(({ sticky }) => ({\r\n  position: sticky ? \"sticky\" : \"relative\",\r\n  top: sticky ? 0 : \"auto\",\r\n  zIndex: sticky ? 3 : \"auto\",\r\n}));\r\n\r\nexport const TableHeadRow = styled(\"tr\", {\r\n  shouldForwardProp: (prop) => prop !== \"striped\",\r\n})<{ striped?: boolean }>(({ theme, striped }) => ({\r\n  backgroundColor: striped\r\n    ? theme.palette.common.white\r\n    : theme.palette.grey[50],\r\n}));\r\n\r\nexport const TableHeadCell = styled(\"th\", {\r\n  shouldForwardProp: (prop) =>\r\n    prop !== \"compact\" && prop !== \"isDragging\" && prop !== \"isPinned\",\r\n})<{\r\n  compact?: boolean;\r\n  isDragging?: boolean;\r\n  isPinned?: boolean;\r\n  sticky?: boolean;\r\n}>(({ theme, compact, isDragging, isPinned, sticky }) => ({\r\n  position: \"relative\",\r\n  padding: compact ? theme.spacing(0.5, 0.75) : theme.spacing(0.75, 1.25),\r\n  border: `0.5px solid ${theme.palette.grey[200]}`,\r\n  cursor: \"pointer\",\r\n  backgroundColor: theme.palette.common.white,\r\n  userSelect: \"none\",\r\n  // smoother drag feedback\r\n  opacity: isDragging ? 0.8 : 1,\r\n  zIndex: isPinned ? 3 : isDragging ? 1 : 0,\r\n\r\n  ...(sticky && {\r\n    position: \"sticky\",\r\n    left: 0,\r\n    zIndex: 4,\r\n  }),\r\n}));\r\n","import { IconPinOffOutline } from \"../../../assets/svg\";\r\nimport { TableHeaderProps } from \"../../types/table\";\r\nimport { TableHeadButton } from \"./table-head.styles\";\r\n\r\nfunction TableHeadPin<T>({ header }: TableHeaderProps<T>) {\r\n  // ! Header now is pinned via dropdown on table head\r\n  // if (header.column.getIsPinned() !== \"left\") {\r\n  //   return (\r\n  //     <TableHeadButton onClick={() => header.column.pin(\"left\")}>\r\n  //       {/* <IconPinOutline /> */}\r\n  //     </TableHeadButton>\r\n  //   );\r\n  // }\r\n\r\n  return (\r\n    header.column.getIsPinned() && (\r\n      <TableHeadButton\r\n        onClick={(e) => {\r\n          e.stopPropagation();\r\n          header.column.pin(false);\r\n        }}\r\n      >\r\n        <IconPinOffOutline />\r\n      </TableHeadButton>\r\n    )\r\n  );\r\n}\r\n\r\nexport default TableHeadPin;\r\n","import {\r\n  Popover,\r\n  List,\r\n  ListItemButton,\r\n  ListItemText,\r\n  ListItemIcon,\r\n  Switch,\r\n} from \"@mui/material\";\r\nimport { Header } from \"@tanstack/react-table\";\r\nimport {\r\n  UpArrow,\r\n  DownArrow,\r\n  HideIcon,\r\n  IconPinOffOutline,\r\n  IconPinOutline,\r\n} from \"../../../assets/svg\";\r\nimport {\r\n  craftTableFilterSettingsOptionsProps,\r\n  CraftTableOptionsProps,\r\n} from \"../../types/table-options\";\r\nimport { useFullscreenPopoverContainer } from \"../../libs/hooks/useFullScreen\";\r\n\r\ntype Props<T> = {\r\n  anchorEl: HTMLElement | null;\r\n  activeTab?: string;\r\n  onClose: () => void;\r\n  header: Header<T, unknown>;\r\n  tableStates: CraftTableOptionsProps;\r\n  filterSettingStates?: craftTableFilterSettingsOptionsProps;\r\n  onSaveSettings?: (columnId: string) => void;\r\n};\r\n\r\nfunction TableHeadPopover<T>({\r\n  anchorEl,\r\n  onClose,\r\n  header,\r\n  tableStates,\r\n  onSaveSettings,\r\n}: Props<T>) {\r\n  const open = Boolean(anchorEl);\r\n  const column = header.column;\r\n  const isPinned = column.getIsPinned() === \"left\";\r\n  const { container: fullscreenContainer } = useFullscreenPopoverContainer();\r\n  const { wrapColumns, setWrapColumns } = tableStates;\r\n\r\n  const toggleWrapForColumn = (columnId: string) => {\r\n    setWrapColumns((prev: Record<string, boolean>) => ({\r\n      ...prev,\r\n      [columnId]: !prev[columnId],\r\n      all_wrap: false,\r\n    }));\r\n  };\r\n  const handleUpdateSettings = (columnId: string) => {\r\n    onSaveSettings && onSaveSettings(columnId);\r\n  };\r\n\r\n  return (\r\n    <Popover\r\n      open={open}\r\n      anchorEl={anchorEl}\r\n      onClose={onClose}\r\n      anchorOrigin={{ vertical: \"bottom\", horizontal: \"left\" }}\r\n      container={fullscreenContainer}\r\n    >\r\n      <List dense>\r\n        <ListItemButton onClick={() => column.toggleSorting(false)}>\r\n          <ListItemIcon>\r\n            <UpArrow />\r\n          </ListItemIcon>\r\n          <ListItemText primary=\"Sort ascending\" />\r\n        </ListItemButton>\r\n        <ListItemButton onClick={() => column.toggleSorting(true)}>\r\n          <ListItemIcon>\r\n            <DownArrow />\r\n          </ListItemIcon>\r\n          <ListItemText primary=\"Sort descending\" />\r\n        </ListItemButton>\r\n        <ListItemButton onClick={() => handleUpdateSettings(column?.id)}>\r\n          <ListItemIcon>\r\n            <HideIcon />\r\n          </ListItemIcon>\r\n          <ListItemText primary=\"Hide in view\" />\r\n        </ListItemButton>\r\n        <ListItemButton\r\n          onClick={() => {\r\n            column.pin(isPinned ? false : \"left\");\r\n          }}\r\n        >\r\n          <ListItemIcon>\r\n            {isPinned ? <IconPinOffOutline /> : <IconPinOutline />}\r\n          </ListItemIcon>\r\n          <ListItemText\r\n            primary={isPinned ? \"Unfreeze column\" : \"Freeze column\"}\r\n          />\r\n        </ListItemButton>\r\n\r\n        <ListItemButton>\r\n          <ListItemText primary=\"Wrap Cell\" />\r\n          <Switch\r\n            checked={wrapColumns.all_wrap || wrapColumns[column.id]}\r\n            onChange={() => toggleWrapForColumn(column.id)}\r\n          />\r\n        </ListItemButton>\r\n      </List>\r\n    </Popover>\r\n  );\r\n}\r\n\r\nexport default TableHeadPopover;\r\n","import { Header } from \"@tanstack/react-table\";\r\nimport { ColumnResizeHandle } from \"./table-head.styles\";\r\n\r\ninterface Props<T> {\r\n  header: Header<T, unknown>;\r\n}\r\n\r\nfunction TableColumnResizeHandle<T>({ header }: Props<T>) {\r\n  return (\r\n    <ColumnResizeHandle\r\n      isResizing={header.column.getIsResizing()}\r\n      onDoubleClick={() => header.column.resetSize()}\r\n      onMouseDown={header.getResizeHandler()}\r\n      onTouchStart={header.getResizeHandler()}\r\n      className={`column__resize ${\r\n        header.column.getIsResizing() ? \"is__resizing\" : \"\"\r\n      }`}\r\n    />\r\n  );\r\n}\r\n\r\nexport default TableColumnResizeHandle;\r\n","import { flexRender } from \"@tanstack/react-table\";\r\nimport { useSortable } from \"@dnd-kit/sortable\";\r\nimport { useState } from \"react\";\r\nimport { CSS } from \"@dnd-kit/utilities\";\r\nimport { DownArrow, DragHandleIcon, UpArrow } from \"../../../assets/svg\";\r\nimport { getColumnPinningStyles } from \"../../libs/utils/common\";\r\nimport { TableHeaderProps } from \"../../types/table\";\r\nimport TableHeadPin from \"./table-head-pin\";\r\nimport TableHeadPopover from \"./table-head-popover\";\r\nimport TableColumnResizeHandle from \"./table-head-resizer\";\r\nimport {\r\n  TableDndButton,\r\n  TableHeadCell,\r\n  TableHeadContent,\r\n  TableHeadSort,\r\n} from \"./table-head.styles\";\r\nimport { Box } from \"@mui/material\";\r\n\r\nfunction DraggableTableHeader<T>({\r\n  header,\r\n  activeTab,\r\n  featureOptions,\r\n  tableStates,\r\n  onSaveSettings,\r\n}: TableHeaderProps<T>) {\r\n  const { enableColumnPinning } = featureOptions;\r\n\r\n  // Popover\r\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);\r\n\r\n  const handleMenuToggle = (event: React.MouseEvent<HTMLElement>) => {\r\n    if (header.column.getIsResizing()) return;\r\n\r\n    setAnchorEl((prev) => (prev ? null : event.currentTarget));\r\n  };\r\n\r\n  const handleClose = () => {\r\n    setAnchorEl(null);\r\n  };\r\n\r\n  const { isDragging, transform, attributes, listeners } = useSortable({\r\n    id: header.column.id,\r\n  });\r\n\r\n  const isPinned = header.column.getIsPinned();\r\n\r\n  return (\r\n    <TableHeadCell\r\n      onMouseLeave={handleClose}\r\n      colSpan={header.colSpan}\r\n      compact={featureOptions?.compactTable}\r\n      isDragging={isDragging}\r\n      isPinned={Boolean(isPinned)}\r\n      style={{\r\n        width: `${header.column.getSize()}px`,\r\n        minWidth: `${header.column.columnDef.minSize ?? 180}px`,\r\n        maxWidth: `${header.column.columnDef.maxSize}px`,\r\n        transform: CSS.Translate.toString(transform),\r\n        transition: \"width transform 0.2s ease-in-out\",\r\n        ...getColumnPinningStyles(header.column),\r\n      }}\r\n    >\r\n      {header.isPlaceholder ? null : (\r\n        <TableHeadContent onClick={handleMenuToggle}>\r\n          <TableHeadSort sortable={header.column.getCanSort()}>\r\n            {flexRender(header.column.columnDef.header, header.getContext())}\r\n          </TableHeadSort>\r\n\r\n          <Box\r\n            display={\"flex\"}\r\n            alignItems={\"center\"}\r\n            justifyContent={\"center\"}\r\n            gap={0.5}\r\n          >\r\n            {{\r\n              asc: <UpArrow />,\r\n              desc: <DownArrow />,\r\n            }[header.column.getIsSorted() as \"asc\" | \"desc\"] ?? null}\r\n\r\n            {enableColumnPinning && (\r\n              <TableHeadPin\r\n                header={header}\r\n                featureOptions={featureOptions}\r\n                tableStates={tableStates}\r\n              />\r\n            )}\r\n\r\n            <TableDndButton {...attributes} {...listeners}>\r\n              <DragHandleIcon />\r\n            </TableDndButton>\r\n          </Box>\r\n        </TableHeadContent>\r\n      )}\r\n\r\n      {/* column resizing */}\r\n      {header.column.getCanResize() ? (\r\n        <TableColumnResizeHandle header={header} />\r\n      ) : null}\r\n\r\n      {/* Popover */}\r\n      <TableHeadPopover\r\n        anchorEl={anchorEl}\r\n        activeTab={activeTab}\r\n        onClose={handleClose}\r\n        header={header}\r\n        tableStates={tableStates}\r\n        onSaveSettings={onSaveSettings}\r\n      />\r\n    </TableHeadCell>\r\n  );\r\n}\r\n\r\nexport default DraggableTableHeader;\r\n","import {\r\n  ColumnOrderState,\r\n  flexRender,\r\n  Header,\r\n  Table,\r\n} from \"@tanstack/react-table\";\r\nimport {\r\n  CraftTableFeatureProps,\r\n  craftTableFilterSettingsOptionsProps,\r\n  CraftTableOptionsProps,\r\n} from \"../../types/table-options\";\r\nimport { DownArrow, UpArrow } from \"../../../assets/svg\";\r\nimport { useState } from \"react\";\r\nimport { getColumnPinningStyles } from \"../../libs/utils/common\";\r\nimport {\r\n  horizontalListSortingStrategy,\r\n  SortableContext,\r\n} from \"@dnd-kit/sortable\";\r\nimport DraggableTableHeader from \"./table-head-dnd-cell\";\r\nimport TableHeadPin from \"./table-head-pin\";\r\nimport Checkbox from \"../inputs/checkbox\";\r\nimport TableColumnResizeHandle from \"./table-head-resizer\";\r\nimport {\r\n  TableHeadCell,\r\n  TableHeadContent,\r\n  TableHeadRoot,\r\n  TableHeadRow,\r\n  TableHeadSort,\r\n} from \"./table-head.styles\";\r\n\r\ninterface TableHeadProps<T> {\r\n  table: Table<T>;\r\n  activeTab?: string;\r\n  featureOptions: CraftTableFeatureProps;\r\n  columnOrder: ColumnOrderState;\r\n  tableStates: CraftTableOptionsProps;\r\n  filterSettingStates: craftTableFilterSettingsOptionsProps;\r\n  onSaveSettings?: (columnId: string) => void;\r\n}\r\n\r\nfunction TableHead<T>({\r\n  table,\r\n  activeTab,\r\n  featureOptions,\r\n  columnOrder,\r\n  tableStates,\r\n  filterSettingStates,\r\n  onSaveSettings,\r\n}: TableHeadProps<T>) {\r\n  const {\r\n    stickyHeader,\r\n    enableColumnReordering,\r\n    enableColumnPinning,\r\n    enableRowSelection,\r\n  } = featureOptions;\r\n\r\n  // Popover\r\n  const [, setAnchorEl] = useState<HTMLElement | null>(null);\r\n\r\n  const handleMenuToggle = (\r\n    event: React.MouseEvent<HTMLElement>,\r\n    header: Header<T, unknown>\r\n  ) => {\r\n    if (header.column.getIsResizing()) return;\r\n\r\n    setAnchorEl((prev) => (prev ? null : event.currentTarget));\r\n  };\r\n\r\n  return (\r\n    <TableHeadRoot sticky={stickyHeader}>\r\n      {table.getHeaderGroups().map((headerGroup) => (\r\n        <TableHeadRow striped={featureOptions.striped} key={headerGroup?.id}>\r\n          {enableRowSelection && (\r\n            <TableHeadCell\r\n              sticky\r\n              compact={featureOptions.compactTable}\r\n              style={{ width: 50 }}\r\n            >\r\n              <TableHeadContent>\r\n                <Checkbox\r\n                  checked={table.getIsAllRowsSelected()}\r\n                  indeterminate={table.getIsSomeRowsSelected()}\r\n                  onChange={() => table.toggleAllRowsSelected()}\r\n                />\r\n              </TableHeadContent>\r\n            </TableHeadCell>\r\n          )}\r\n\r\n          {headerGroup.headers.map((header) => {\r\n            return enableColumnReordering ? (\r\n              <SortableContext\r\n                key={header?.id}\r\n                items={columnOrder}\r\n                strategy={horizontalListSortingStrategy}\r\n              >\r\n                <DraggableTableHeader\r\n                  header={header}\r\n                  activeTab={activeTab}\r\n                  featureOptions={featureOptions}\r\n                  tableStates={tableStates}\r\n                  filterSettingStates={filterSettingStates}\r\n                  onSaveSettings={onSaveSettings}\r\n                />\r\n              </SortableContext>\r\n            ) : (\r\n              <TableHeadCell\r\n                key={header?.id}\r\n                colSpan={header.colSpan}\r\n                compact={featureOptions.compactTable}\r\n                style={{\r\n                  ...getColumnPinningStyles(header.column),\r\n                  width: `${header.column.getSize()}px`,\r\n                  minWidth: `${header.column.columnDef.minSize}px`,\r\n                  maxWidth: `${header.column.columnDef.maxSize}px`,\r\n                }}\r\n              >\r\n                {header.isPlaceholder ? null : (\r\n                  <TableHeadContent\r\n                    onClick={(event) => handleMenuToggle(event, header)}\r\n                  >\r\n                    <TableHeadSort sortable={header.column.getCanSort()}>\r\n                      {flexRender(\r\n                        header.column.columnDef.header,\r\n                        header.getContext()\r\n                      )}\r\n\r\n                      {{ asc: <UpArrow />, desc: <DownArrow /> }[\r\n                        header.column.getIsSorted() as \"asc\" | \"desc\"\r\n                      ] ?? null}\r\n                    </TableHeadSort>\r\n\r\n                    {enableColumnPinning && (\r\n                      <TableHeadPin\r\n                        header={header}\r\n                        featureOptions={featureOptions}\r\n                        tableStates={tableStates}\r\n                      />\r\n                    )}\r\n                  </TableHeadContent>\r\n                )}\r\n\r\n                {/* column resizing */}\r\n                {header.column.getCanResize() ? (\r\n                  <TableColumnResizeHandle header={header} />\r\n                ) : null}\r\n\r\n                {/* Popover */}\r\n                {/* <TableHeadPopover\r\n                  anchorEl={anchorEl}\r\n                  onClose={handleClose}\r\n                  header={header}\r\n                  wrap={wrap}\r\n                  tableStates={tableStates}\r\n                /> */}\r\n              </TableHeadCell>\r\n            );\r\n          })}\r\n        </TableHeadRow>\r\n      ))}\r\n    </TableHeadRoot>\r\n  );\r\n}\r\n\r\nexport default TableHead;\r\n","import { formatClassName } from \"../libs/utils/common\";\r\nimport { CraftTableComponentProps } from \"../types/table\";\r\nimport TableBody from \"./table-body/table-body\";\r\nimport TableHead from \"./table-head/table-head\";\r\n\r\nfunction Table<T>({\r\n  table,\r\n  activeTab,\r\n  featureOptions,\r\n  NestedComponent,\r\n  columnOrder,\r\n  isCompactTable,\r\n  tableStates,\r\n  filterSettingStates,\r\n  onSaveSettings,\r\n}: CraftTableComponentProps<T>) {\r\n  const { striped } = featureOptions;\r\n\r\n  return (\r\n    <table\r\n      className={formatClassName(\r\n        `ts__table ${striped ? \"ts--striped\" : \"\"} ${\r\n          isCompactTable ? \"ts--compact\" : \"\"\r\n        }`\r\n      )}\r\n    >\r\n      <TableHead\r\n        table={table}\r\n        activeTab={activeTab}\r\n        featureOptions={featureOptions}\r\n        columnOrder={columnOrder}\r\n        tableStates={tableStates}\r\n        filterSettingStates={filterSettingStates}\r\n        onSaveSettings={onSaveSettings}\r\n      />\r\n      <TableBody\r\n        table={table}\r\n        featureOptions={featureOptions}\r\n        NestedComponent={NestedComponent}\r\n        columnOrder={columnOrder}\r\n        tableStates={tableStates}\r\n      />\r\n    </table>\r\n  );\r\n}\r\n\r\nexport default Table;\r\n","import {\r\n  closestCenter,\r\n  DndContext,\r\n  DragEndEvent,\r\n  KeyboardSensor,\r\n  MouseSensor,\r\n  SensorDescriptor,\r\n  SensorOptions,\r\n  TouchSensor,\r\n  useSensor,\r\n  useSensors,\r\n} from \"@dnd-kit/core\";\r\nimport { CraftTableComponentProps } from \"../types/table\";\r\nimport Table from \"./table\";\r\nimport { restrictToHorizontalAxis } from \"@dnd-kit/modifiers\";\r\nimport { arrayMove } from \"@dnd-kit/sortable\";\r\n\r\nfunction TableDND<T>({\r\n  table,\r\n  activeTab,\r\n  featureOptions,\r\n  NestedComponent,\r\n  columnOrder,\r\n  setColumnOrder,\r\n  isCompactTable,\r\n  tableStates,\r\n  filterSettingStates,\r\n  onSaveSettings,\r\n}: CraftTableComponentProps<T>) {\r\n  const sensors: SensorDescriptor<SensorOptions>[] = useSensors(\r\n    useSensor(MouseSensor, {}),\r\n    useSensor(TouchSensor, {}),\r\n    useSensor(KeyboardSensor, {})\r\n  );\r\n\r\n  const handleDragEnd = (event: DragEndEvent) => {\r\n    const { active, over } = event;\r\n    if (active && over && active.id !== over.id) {\r\n      setColumnOrder((columnOrder) => {\r\n        const oldIndex = columnOrder.indexOf(active.id as string);\r\n        const newIndex = columnOrder.indexOf(over.id as string);\r\n        return arrayMove(columnOrder, oldIndex, newIndex);\r\n      });\r\n    }\r\n  };\r\n\r\n  return (\r\n    <DndContext\r\n      collisionDetection={closestCenter}\r\n      modifiers={[restrictToHorizontalAxis]}\r\n      onDragEnd={handleDragEnd}\r\n      sensors={sensors}\r\n    >\r\n      <Table\r\n        table={table}\r\n        activeTab={activeTab}\r\n        featureOptions={featureOptions}\r\n        NestedComponent={NestedComponent}\r\n        columnOrder={columnOrder}\r\n        setColumnOrder={setColumnOrder}\r\n        isCompactTable={isCompactTable}\r\n        tableStates={tableStates}\r\n        filterSettingStates={filterSettingStates}\r\n        onSaveSettings={onSaveSettings}\r\n      />\r\n    </DndContext>\r\n  );\r\n}\r\n\r\nexport default TableDND;\r\n","import {\r\n  ColumnDef,\r\n  ColumnMeta,\r\n  getCoreRowModel,\r\n  getExpandedRowModel,\r\n  getPaginationRowModel,\r\n  getSortedRowModel,\r\n  useReactTable,\r\n} from \"@tanstack/react-table\";\r\nimport \"./index.scss\";\r\nimport { useEffect, useRef, useState } from \"react\";\r\nimport {\r\n  CraftTablePaginationProps,\r\n  CraftTableProps,\r\n  TopbarOptionsProps,\r\n} from \"../types/table\";\r\nimport { CraftTableFeatureProps } from \"../types/table-options\";\r\nimport { LoaderAnimation } from \"../../assets/svg\";\r\nimport Topbar from \"./topbar\";\r\nimport DefaultPagination from \"./pagination/default\";\r\nimport TableDND from \"./table-dnd\";\r\nimport Table from \"./table\";\r\nimport { useFullscreenPopoverContainer } from \"../libs/hooks/useFullScreen\";\r\n\r\ninterface CustomColumnMeta<T> extends ColumnMeta<T, unknown> {\r\n  defaultPinned?: \"left\" | \"right\" | undefined;\r\n}\r\n\r\nfunction TableWrapper<T>({\r\n  data = [],\r\n  columns = [],\r\n  tableStates,\r\n  filterSettingStates,\r\n  onSaveSettings,\r\n  paginationOptions,\r\n  featureOptions,\r\n  topbarOptions,\r\n  nestedComponent,\r\n  loadingOptions = { isLoading: false },\r\n  customRenderFn = {},\r\n  // styleOptions,\r\n  shouldHideColumn,\r\n  emptyListComponent,\r\n  filterOptions,\r\n  activeTab,\r\n}: CraftTableProps<T>) {\r\n  if (!Array.isArray(data)) {\r\n    throw new Error(\"data must be an array of objects.\");\r\n  }\r\n  const [metaColumns, setMetaColumns] = useState<ColumnDef<T>[]>([]);\r\n\r\n  useEffect(() => {\r\n    if (columns?.length > 0) {\r\n      const updatedColumns = columns\r\n        ?.filter((col) => {\r\n          const accessorKey =\r\n            \"accessorKey\" in col\r\n              ? (col as { accessorKey: string })?.accessorKey\r\n              : undefined;\r\n          return typeof shouldHideColumn === \"function\"\r\n            ? !shouldHideColumn(accessorKey)\r\n            : true;\r\n        })\r\n        ?.map((col, index) => {\r\n          const id =\r\n            \"accessorKey\" in col\r\n              ? (col as { accessorKey: string })?.accessorKey\r\n              : `col_${index}`;\r\n\r\n          const cell = (ctx: any) => {\r\n            if (col?.meta?.type === \"custom\" && col?.meta?.propName) {\r\n              const customFn = customRenderFn?.[col?.meta?.propName];\r\n              return typeof customFn === \"function\"\r\n                ? customFn({\r\n                    value: ctx?.getValue(),\r\n                    row: ctx?.row,\r\n                    table: ctx?.table?.getRowModel()?.rows,\r\n                  })\r\n                : ctx?.getValue();\r\n            }\r\n\r\n            if (typeof col?.cell === \"function\") {\r\n              return col?.cell(ctx);\r\n            }\r\n\r\n            return ctx?.getValue();\r\n          };\r\n\r\n          return { ...col, id, cell };\r\n        });\r\n\r\n      setMetaColumns(updatedColumns);\r\n    }\r\n  }, [columns]);\r\n\r\n  //For Default Column Pinning to work\r\n  useEffect(() => {\r\n    table.getAllLeafColumns().forEach((col) => {\r\n      const where = (col.columnDef.meta as CustomColumnMeta<T>)\r\n        ?.defaultPinned as \"left\" | \"right\" | undefined;\r\n      if (where && !col.getIsPinned()) {\r\n        col.pin(where);\r\n      }\r\n    });\r\n  }, [tableStates?.columnPinning?.left, metaColumns]);\r\n\r\n  const [columnOrder, setColumnOrder] = useState<string[]>(() =>\r\n    metaColumns.map((c) => c.id!)\r\n  );\r\n\r\n  useEffect(() => {\r\n    if (metaColumns.length > 0) {\r\n      setColumnOrder(metaColumns.map((c) => c.id!));\r\n    }\r\n  }, [metaColumns]);\r\n\r\n  const [isCompactTable, setIsCompactTable] = useState<boolean>(\r\n    featureOptions?.compactTable ?? false\r\n  );\r\n\r\n  const tableRef = useRef<HTMLDivElement>(null);\r\n\r\n  useEffect(() => {\r\n    setIsCompactTable(featureOptions?.compactTable ?? false);\r\n  }, [featureOptions?.compactTable]);\r\n\r\n  const craftPaginationOptions: CraftTablePaginationProps = {\r\n    showPagination: true,\r\n    paginationPosition: \"bottom\",\r\n    paginationView: \"full\",\r\n\r\n    ...paginationOptions,\r\n  };\r\n\r\n  const totalRows = craftPaginationOptions?.totalRows ?? data.length;\r\n  const rowsPerPageArray = craftPaginationOptions?.rowsPerPageArray ?? [\r\n    25, 50, 100, 150,\r\n  ];\r\n  const craftTopbarOptions: TopbarOptionsProps = {\r\n    showColumnToggle: true,\r\n    showCompactTableToggle: true,\r\n    showChangeLayoutToggle: true,\r\n    viewMoreToggle: true,\r\n    showSearch: true,\r\n    showSortingToggle: false,\r\n    showFilterToggle: true,\r\n    tableStates,\r\n\r\n    // Add other conditions above topbarOptions\r\n    ...topbarOptions,\r\n  };\r\n\r\n  const craftFeatureOptions: CraftTableFeatureProps = {\r\n    enableTopbar: true,\r\n    enableSorting: true,\r\n    enableServerSidePagination: false,\r\n    enableServerSideSorting: false,\r\n    enableRowSelection: false,\r\n    enableColumnResizing: true,\r\n    enableColumnReordering: true,\r\n    enableColumnPinning: true,\r\n    enableMultiColumnSorting: true,\r\n    compactTable: false,\r\n    stickyHeader: true,\r\n    enableWordBreakAll: false,\r\n    striped: false,\r\n\r\n    // Add other conditions above featureOptions\r\n    ...featureOptions,\r\n  };\r\n\r\n  const {\r\n    enableTopbar,\r\n    enableRowSelection,\r\n    enableServerSidePagination,\r\n    enableServerSideSorting,\r\n    enableSorting,\r\n    enableColumnResizing,\r\n    enableColumnReordering,\r\n    enableColumnPinning,\r\n    // enableMultiColumnSorting,\r\n  } = craftFeatureOptions;\r\n\r\n  const {\r\n    sorting,\r\n    setSorting,\r\n    pagination,\r\n    setPagination,\r\n    rowSelection,\r\n    setRowSelection,\r\n    expanded,\r\n    setExpanded,\r\n  } = tableStates;\r\n\r\n  const table = useReactTable({\r\n    data,\r\n    columns: metaColumns,\r\n    state: {\r\n      sorting,\r\n      pagination,\r\n      rowSelection,\r\n      columnOrder,\r\n      expanded,\r\n    },\r\n\r\n    getCoreRowModel: getCoreRowModel(),\r\n\r\n    /** Sorting options start here */\r\n    enableSorting: enableSorting,\r\n    onSortingChange: setSorting,\r\n    getSortedRowModel: getSortedRowModel(),\r\n    manualSorting: enableServerSideSorting,\r\n    // isMultiSortEvent: () => enableMultiColumnSorting || false,\r\n    /** Sorting options end here */\r\n\r\n    /** Pagination options start here */\r\n    getPaginationRowModel: getPaginationRowModel(),\r\n    onPaginationChange: setPagination,\r\n    rowCount: totalRows,\r\n    manualPagination: enableServerSidePagination,\r\n    /** Pagination options end here */\r\n\r\n    /** Row selection options start here */\r\n    enableRowSelection: enableRowSelection,\r\n    onRowSelectionChange: setRowSelection,\r\n    /** Row selection options end here */\r\n\r\n    /** Column Sizing options start here */\r\n    enableColumnResizing: enableColumnResizing,\r\n    columnResizeDirection: \"ltr\",\r\n    columnResizeMode: \"onChange\",\r\n    /** Column Sizing options end here */\r\n\r\n    /** Column Ordering options start here */\r\n    onColumnOrderChange: setColumnOrder,\r\n    /** Column Ordering options end here */\r\n\r\n    /** Column Pinning options end here */\r\n    enableColumnPinning: enableColumnPinning,\r\n    /** Column Pinning options end here */\r\n\r\n    /** Row expanding options start here */\r\n    getExpandedRowModel: getExpandedRowModel(),\r\n    onExpandedChange: setExpanded,\r\n    getSubRows: (row) => (row as { subRows?: T[] }).subRows ?? [],\r\n    /** Row expanding options end here */\r\n  });\r\n\r\n  const { isLoading, loadingComponent, loaderText } = loadingOptions;\r\n  const { isFullscreen } = useFullscreenPopoverContainer();\r\n\r\n  const handleFullscreenToggle = () => {\r\n    if (!document.fullscreenElement) {\r\n      tableRef.current?.requestFullscreen().catch((err) => {\r\n        console.error(\"Error attempting to enable fullscreen mode:\", err);\r\n      });\r\n    } else {\r\n      document.exitFullscreen();\r\n    }\r\n  };\r\n\r\n  // const tableWrapperProps = {\r\n  //   ...(styleOptions?.wrapperStyle && { style: styleOptions.wrapperStyle }),\r\n  //   className: \"ts__table__wrapper\",\r\n  // };\r\n  // const emptyListComponentCondition = () => {\r\n  //   if(isLoading) {}\r\n  // }\r\n\r\n  const showFilterCondition = filterOptions?.show;\r\n\r\n  return (\r\n    <div className=\"ts__table__container\">\r\n      <div\r\n        className={`ts__table__layout ${\r\n          showFilterCondition ? \"has-filter\" : \"\"\r\n        }`}\r\n      >\r\n        {/* Main Table Area */}\r\n        <div\r\n          className={`ts__table__main ${isFullscreen ? \"is-fullscreen\" : \"\"}`}\r\n          ref={tableRef}\r\n        >\r\n          {enableTopbar && (\r\n            <Topbar\r\n              table={table}\r\n              topbarOptions={craftTopbarOptions}\r\n              isCompactTable={isCompactTable}\r\n              setIsCompactTable={setIsCompactTable}\r\n              isFullscreen={isFullscreen}\r\n              fullscreenToggle={handleFullscreenToggle}\r\n              paginationComponent={\r\n                craftPaginationOptions?.showPagination === true &&\r\n                craftPaginationOptions?.paginationPosition === \"top\" ? (\r\n                  <DefaultPagination\r\n                    table={table}\r\n                    rowsPerPageArray={rowsPerPageArray}\r\n                    paginationOptions={craftPaginationOptions}\r\n                  />\r\n                ) : null\r\n              }\r\n              searchValue={craftTopbarOptions.searchValue}\r\n              onSearchChange={craftTopbarOptions.onSearchChange}\r\n              tableStates={tableStates}\r\n              onFilterButtonClick={topbarOptions?.onFilterButtonClick}\r\n            />\r\n          )}\r\n\r\n          {isLoading ? (\r\n            loadingComponent ?? (\r\n              <div className=\"ts__loader\">\r\n                <LoaderAnimation />\r\n                {loaderText && <p>{loaderText}</p>}\r\n              </div>\r\n            )\r\n          ) : !isLoading && data.length === 0 && emptyListComponent ? (\r\n            emptyListComponent\r\n          ) : (\r\n            <div\r\n              // {...tableWrapperProps}\r\n              className={`ts__table__wrapper ${\r\n                isFullscreen ? \"is-fullscreen\" : \"\"\r\n              }`}\r\n            >\r\n              {enableColumnReordering ? (\r\n                <TableDND\r\n                  table={table}\r\n                  activeTab={activeTab}\r\n                  columnOrder={columnOrder}\r\n                  featureOptions={craftFeatureOptions}\r\n                  NestedComponent={nestedComponent}\r\n                  setColumnOrder={setColumnOrder}\r\n                  isCompactTable={isCompactTable}\r\n                  tableStates={tableStates}\r\n                  filterSettingStates={filterSettingStates}\r\n                  onSaveSettings={onSaveSettings}\r\n                />\r\n              ) : (\r\n                <Table\r\n                  table={table}\r\n                  activeTab={activeTab}\r\n                  featureOptions={craftFeatureOptions}\r\n                  NestedComponent={nestedComponent}\r\n                  columnOrder={columnOrder}\r\n                  setColumnOrder={setColumnOrder}\r\n                  isCompactTable={isCompactTable}\r\n                  tableStates={tableStates}\r\n                  filterSettingStates={filterSettingStates}\r\n                  onSaveSettings={onSaveSettings}\r\n                />\r\n              )}\r\n            </div>\r\n          )}\r\n\r\n          {craftPaginationOptions?.showPagination === true &&\r\n          craftPaginationOptions?.paginationPosition === \"bottom\" ? (\r\n            <DefaultPagination\r\n              table={table}\r\n              rowsPerPageArray={rowsPerPageArray}\r\n              paginationOptions={craftPaginationOptions}\r\n            />\r\n          ) : null}\r\n        </div>\r\n\r\n        <div\r\n          className={`ts__table__filter ${\r\n            showFilterCondition ? \"show\" : \"\"\r\n          }`.trim()}\r\n        >\r\n          {filterOptions?.component && filterOptions?.component}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default TableWrapper;\r\n","import {\r\n  ColumnPinningState,\r\n  ExpandedState,\r\n  PaginationState,\r\n  RowSelectionState,\r\n  SortingState,\r\n} from \"@tanstack/react-table\";\r\nimport { useState } from \"react\";\r\nimport { CraftTableOptionsProps } from \"../../types/table-options\";\r\nimport {\r\n  FilterDataMainFilterEntityListProps,\r\n  FilterDataProps,\r\n  FilterMasterStateProps,\r\n  FilterOperationListProps,\r\n  FilterStateProps,\r\n} from \"../../types/filter\";\r\n\r\nexport function useCraftTable(paginationPageSize: number = 25) {\r\n  const [pagination, setPagination] = useState<PaginationState>({\r\n    pageIndex: 0,\r\n    pageSize: paginationPageSize,\r\n  });\r\n  const [sorting, setSorting] = useState<SortingState>([]);\r\n  const [rowSelection, setRowSelection] = useState<RowSelectionState>({});\r\n  const [expanded, setExpanded] = useState<ExpandedState>({});\r\n  const [wrapColumns, setWrapColumns] = useState<Record<string, boolean>>({\r\n    all_wrap: true,\r\n  });\r\n\r\n  // Filters to be rendered in form\r\n  const [filters, setFilters] = useState<FilterStateProps[]>([]);\r\n  // Saved filter Component - savedFilterEditValue is set on list click\r\n  const [savedFilterEditValue, setSavedFilterEditValue] = useState<\r\n    string | number\r\n  >(\"\");\r\n  const [filterToDelete, setFilterToDelete] =\r\n    useState<FilterOperationListProps | null>(null);\r\n  const [filterSelectedAttributeValue, setFilterSelectedAttributeValue] =\r\n    useState<string>(\"\");\r\n\r\n  const [filterMaster, setFilterMaster] =\r\n    useState<FilterMasterStateProps | null>(null);\r\n\r\n  const [showTableFilter, setShowTableFilter] = useState<boolean>(false);\r\n\r\n  //For filter criteria paper\r\n  const [showFilterOptions, setShowFilterOption] = useState<boolean>(false);\r\n  const [filterData, setFilterData] = useState<FilterDataProps | null>(null);\r\n  const [selectedFilterEntity, setSelectedFilterEntity] =\r\n    useState<FilterDataMainFilterEntityListProps>();\r\n\r\n  if (pagination.pageIndex < 0 || pagination.pageSize <= 0) {\r\n    throw new Error(\r\n      \"Invalid pagination values: pageIndex and pageSize must be positive.\"\r\n    );\r\n  }\r\n\r\n  // For Default Column Pinning\r\n  const [columnPinning, setColumnPinning] = useState<ColumnPinningState>({\r\n    left: [],\r\n    right: [],\r\n  });\r\n\r\n  const craftTableOptions: CraftTableOptionsProps = {\r\n    sorting: sorting,\r\n    setSorting: setSorting,\r\n    pagination: pagination,\r\n    setPagination: setPagination,\r\n    rowSelection: rowSelection,\r\n    setRowSelection: setRowSelection,\r\n    expanded: expanded,\r\n    setExpanded: setExpanded,\r\n    wrapColumns: wrapColumns,\r\n    setWrapColumns: setWrapColumns,\r\n    filters: filters,\r\n    setFilters: setFilters,\r\n    savedFilterEditValue: savedFilterEditValue,\r\n    setSavedFilterEditValue: setSavedFilterEditValue,\r\n    filterToDelete: filterToDelete,\r\n    setFilterToDelete: setFilterToDelete,\r\n    filterSelectedAttributeValue: filterSelectedAttributeValue,\r\n    setFilterSelectedAttributeValue: setFilterSelectedAttributeValue,\r\n    filterMaster: filterMaster,\r\n    setFilterMaster: setFilterMaster,\r\n    showTableFilter: showTableFilter,\r\n    setShowTableFilter: setShowTableFilter,\r\n    showFilterOptions: showFilterOptions,\r\n    setShowFilterOption: setShowFilterOption,\r\n    columnPinning: columnPinning,\r\n    setColumnPinning: setColumnPinning,\r\n    filterData: filterData,\r\n    setFilterData: setFilterData,\r\n    selectedFilterEntity: selectedFilterEntity,\r\n    setSelectedFilterEntity: setSelectedFilterEntity,\r\n  };\r\n\r\n  return craftTableOptions;\r\n}\r\n","import { useEffect, useState } from \"react\";\r\nimport { craftTableFilterSettingsOptionsProps } from \"../../types/table-options\";\r\nimport {\r\n  ColumnTabConfigProps,\r\n  KanbanSettingsDataProps,\r\n  QuickTabConfigProps,\r\n  SavedButtonErrorProps,\r\n  SettingsDataProps,\r\n  SortingConfigProps,\r\n} from \"../../types/filter-settings\";\r\n\r\nexport function useCraftTableFilterSettings() {\r\n  //states for the quick filter layout\r\n  const [showListViewSettings, setShowListViewSettings] =\r\n    useState<boolean>(false);\r\n\r\n  const [settingsData, setSettingsData] = useState<SettingsDataProps>({});\r\n  const [kanbanSettingsData, setKanbanSettingsData] =\r\n    useState<KanbanSettingsDataProps>({});\r\n\r\n  // Quick FIlter settings local states\r\n\r\n  const [quickTabStates, setQuickTabStates] = useState<QuickTabConfigProps>({});\r\n  const [columnTabState, setColumnTabState] = useState<ColumnTabConfigProps>(\r\n    {}\r\n  );\r\n  const [sortingTabState, setSortingTabState] = useState<SortingConfigProps>(\r\n    {}\r\n  );\r\n\r\n  // This state will be used for settings validation\r\n  const [saveButtonError, setSaveButtonError] = useState<SavedButtonErrorProps>(\r\n    { hasError: false, messages: [] }\r\n  );\r\n\r\n  useEffect(() => {\r\n    if (settingsData?.quick_tab) {\r\n      setQuickTabStates(settingsData?.quick_tab);\r\n    }\r\n    if (settingsData?.column) {\r\n      setColumnTabState(settingsData?.column);\r\n    }\r\n    if (settingsData?.sorting) {\r\n      setSortingTabState(settingsData?.sorting);\r\n    }\r\n  }, [settingsData]);\r\n\r\n  const craftTableFilterSettingsOptions: craftTableFilterSettingsOptionsProps =\r\n    {\r\n      settingsData: settingsData,\r\n      setSettingsData: setSettingsData,\r\n      kanbanSettingsData: kanbanSettingsData,\r\n      setKanbanSettingsData: setKanbanSettingsData,\r\n      showListViewSettings: showListViewSettings,\r\n      setShowListViewSettings: setShowListViewSettings,\r\n      quickTabStates: quickTabStates,\r\n      setQuickTabStates: setQuickTabStates,\r\n      columnTabState: columnTabState,\r\n      setColumnTabState: setColumnTabState,\r\n      sortingTabState: sortingTabState,\r\n      setSortingTabState: setSortingTabState,\r\n      saveButtonError: saveButtonError,\r\n      setSaveButtonError: setSaveButtonError,\r\n    };\r\n\r\n  return craftTableFilterSettingsOptions;\r\n}\r\n","// tableTabs.styles.ts\r\nimport { styled } from \"@mui/material/styles\";\r\nimport Tabs, { tabsClasses } from \"@mui/material/Tabs\";\r\nimport Tab, { tabClasses } from \"@mui/material/Tab\";\r\nimport Box from \"@mui/material/Box\";\r\n\r\nexport const TableTabsRoot = styled(Tabs)(({ theme }) => ({\r\n  minHeight: theme.spacing(3.5),\r\n\r\n  [`& .${tabsClasses.flexContainer}`]: {\r\n    minHeight: theme.spacing(3.5),\r\n  },\r\n\r\n  // hide indicator (instead of slotProps every time)\r\n  [`& .${tabsClasses.indicator}`]: {\r\n    display: \"none\",\r\n  },\r\n}));\r\n\r\nexport const TableTab = styled(Tab)(({ theme }) => ({\r\n  color: theme.palette.grey[600],\r\n  padding: theme.spacing(1, 1.5),\r\n  minHeight: theme.spacing(3.5),\r\n  maxHeight: theme.spacing(3.5),\r\n  textTransform: \"none\",\r\n  minWidth: \"unset\",\r\n  whiteSpace: \"nowrap\",\r\n\r\n  [`&.${tabClasses.selected}`]: {\r\n    color: theme.palette.text.primary,\r\n    fontWeight: 700,\r\n  },\r\n}));\r\n\r\nexport const TableTabCount = styled(Box, {\r\n  shouldForwardProp: (prop) => prop !== \"selected\",\r\n})<{ selected?: boolean }>(({ theme, selected }) => ({\r\n  padding: theme.spacing(0.25),\r\n  borderRadius: theme.shape.borderRadius,\r\n  border: `1px solid ${\r\n    selected ? theme.palette.text.primary : theme.palette.grey[700]\r\n  }`,\r\n  color: selected ? theme.palette.common.white : theme.palette.text.primary,\r\n  backgroundColor: selected ? theme.palette.text.primary : \"transparent\",\r\n  fontWeight: selected ? 500 : 400,\r\n  lineHeight: 1,\r\n  minWidth: 20,\r\n  textAlign: \"center\",\r\n}));\r\n","import { Box, CircularProgress, IconButton } from \"@mui/material\";\r\nimport { CraftTableOptionsProps } from \"../../types/table-options\";\r\nimport { settingsOptionsProps } from \"../../types/table\";\r\nimport { useMemo } from \"react\";\r\nimport { TableTab, TableTabCount, TableTabsRoot } from \"./tabs.styles\";\r\nimport { SettingsOutlined } from \"@mui/icons-material\";\r\n\r\ninterface TabDataProps {\r\n  tab_name: string | null;\r\n  count?: string | number;\r\n}\r\n\r\ninterface TableTabsProps {\r\n  loading?: boolean;\r\n  tabsData?: TabDataProps[];\r\n  activeTab?: TabDataProps;\r\n  tableStates: CraftTableOptionsProps;\r\n  onClick: (state: string) => void;\r\n  settingsOptions?: settingsOptionsProps;\r\n}\r\n\r\nexport function TableTabs({\r\n  loading = false,\r\n  tabsData = [],\r\n  activeTab = { tab_name: \"All\", count: 0 },\r\n  onClick,\r\n  tableStates,\r\n  settingsOptions,\r\n}: TableTabsProps) {\r\n  if (loading) return <CircularProgress size={24} />;\r\n\r\n  const handleTabClick = (tab: string) => {\r\n    onClick(tab);\r\n    tableStates.setPagination((prev) => ({\r\n      ...prev,\r\n      pageIndex: 0,\r\n    }));\r\n  };\r\n\r\n  const normalizedTabs = useMemo(() => {\r\n    return tabsData\r\n      ?.filter((tab) => tab.tab_name !== null)\r\n      ?.map((tab) => ({\r\n        ...tab,\r\n        tab_name: tab.tab_name,\r\n      }));\r\n  }, [tabsData]);\r\n\r\n  const defaultTab = useMemo(() => {\r\n    return (\r\n      normalizedTabs.find((t) => t.tab_name === \"All\")?.tab_name ||\r\n      normalizedTabs[0]?.tab_name ||\r\n      \"\"\r\n    );\r\n  }, [normalizedTabs]);\r\n\r\n  const selectedTab = activeTab?.tab_name || defaultTab;\r\n\r\n  return (\r\n    <Box display=\"flex\" alignItems=\"center\" justifyContent=\"flex-start\">\r\n      {/* Settings icon */}\r\n      {settingsOptions?.showIcon && (\r\n        <IconButton size=\"small\" onClick={settingsOptions?.onClick}>\r\n          <SettingsOutlined fontSize=\"small\" />\r\n        </IconButton>\r\n      )}\r\n\r\n      {/* Tabs */}\r\n      <TableTabsRoot\r\n        value={selectedTab}\r\n        onChange={(_, newValue) => handleTabClick(newValue)}\r\n        variant=\"scrollable\"\r\n        scrollButtons=\"auto\"\r\n      >\r\n        {normalizedTabs.map((tab) => {\r\n          const isSelected = activeTab?.tab_name === tab?.tab_name;\r\n\r\n          return (\r\n            <TableTab\r\n              key={tab?.tab_name}\r\n              value={tab}\r\n              label={\r\n                <Box display=\"flex\" alignItems=\"center\" gap={1}>\r\n                  <Box sx={{ color: isSelected ? \"#000\" : \"\" }}>\r\n                    {tab?.tab_name}\r\n                  </Box>\r\n                  <TableTabCount selected={isSelected}>\r\n                    {tab?.count == 0\r\n                      ? \"0\"\r\n                      : String(tab?.count).padStart(2, \"0\")}\r\n                  </TableTabCount>\r\n                </Box>\r\n              }\r\n            />\r\n          );\r\n        })}\r\n      </TableTabsRoot>\r\n    </Box>\r\n  );\r\n}\r\n","import React, { useState } from \"react\";\r\nimport {\r\n  Dialog,\r\n  DialogTitle,\r\n  DialogContent,\r\n  DialogActions,\r\n  Typography,\r\n  TextField,\r\n  Button,\r\n  IconButton,\r\n  Box,\r\n  SxProps,\r\n} from \"@mui/material\";\r\nimport CloseIcon from \"@mui/icons-material/Close\";\r\nimport { Theme } from \"@emotion/react\";\r\n\r\n// Types for the component props\r\nexport interface ModalButton {\r\n  label: string;\r\n  onClick: (inputValue?: string, error?: string, setError?: any) => void;\r\n  variant?: \"text\" | \"outlined\" | \"contained\";\r\n  color?: \"primary\" | \"secondary\" | \"error\" | \"info\" | \"success\" | \"warning\";\r\n  disabled?: boolean;\r\n  sx?: SxProps<Theme>;\r\n}\r\n\r\nexport interface InputField {\r\n  label: string;\r\n  placeholder?: string;\r\n  required?: boolean;\r\n  type?: \"text\" | \"email\" | \"password\" | \"number\";\r\n  multiline?: boolean;\r\n  rows?: number;\r\n  defaultValue?: string;\r\n  labelClassName?: string;\r\n}\r\n\r\nexport interface ConfirmModalProps {\r\n  open: boolean;\r\n  onClose: () => void;\r\n  title: string;\r\n  description?: string;\r\n  buttons: ModalButton[];\r\n  input?: InputField;\r\n  maxWidth?: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\r\n  fullWidth?: boolean;\r\n  className?: string;\r\n}\r\n\r\nconst ConfirmModal: React.FC<ConfirmModalProps> = ({\r\n  open,\r\n  onClose,\r\n  title,\r\n  description,\r\n  buttons,\r\n  input,\r\n  maxWidth = \"sm\",\r\n  fullWidth = true,\r\n}) => {\r\n  const [inputValue, setInputValue] = useState(input?.defaultValue || \"\");\r\n  const [error, setError] = useState(\"\");\r\n  const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n    setInputValue(event.target.value);\r\n  };\r\n\r\n  const handleButtonClick = (button: ModalButton) => {\r\n    if (input) {\r\n      button.onClick(inputValue, error, setError);\r\n    } else {\r\n      button.onClick();\r\n    }\r\n    setInputValue(\"\");\r\n  };\r\n\r\n  const handleClose = () => {\r\n    setInputValue(input?.defaultValue || \"\");\r\n    onClose();\r\n  };\r\n\r\n  return (\r\n    <Dialog\r\n      open={open}\r\n      onClose={(event, reason) => {\r\n        if (reason !== \"backdropClick\" && reason !== \"escapeKeyDown\") {\r\n          handleClose();\r\n        }\r\n      }}\r\n      maxWidth={maxWidth}\r\n      fullWidth={fullWidth}\r\n      PaperProps={{\r\n        sx: {\r\n          borderRadius: 2,\r\n          padding: 1,\r\n        },\r\n      }}\r\n    >\r\n      <DialogTitle\r\n        sx={{\r\n          display: \"flex\",\r\n          justifyContent: \"space-between\",\r\n          alignItems: \"center\",\r\n          // padding: \"16px 0px\",\r\n          px: \"0px\",\r\n          marginX: \"24px\",\r\n          paddingBottom: description ? \"18px\" : \"20px\",\r\n          borderBottom: \"1px solid #eeeeee\",\r\n        }}\r\n      >\r\n        <Typography variant=\"h6\" component=\"h2\" fontWeight=\"bold\">\r\n          {title}\r\n        </Typography>\r\n        <IconButton\r\n          onClick={handleClose}\r\n          size=\"small\"\r\n          sx={{\r\n            color: \"text.secondary\",\r\n          }}\r\n        >\r\n          <CloseIcon />\r\n        </IconButton>\r\n      </DialogTitle>\r\n\r\n      <DialogContent sx={{ padding: \"0 24px 16px 24px\", mt: 2 }}>\r\n        {description && (\r\n          <Typography\r\n            variant=\"body2\"\r\n            color=\"text.secondary\"\r\n            sx={{ marginBottom: input ? 3 : 0 }}\r\n          >\r\n            {description}\r\n          </Typography>\r\n        )}\r\n\r\n        {input && (\r\n          <Box sx={{ marginTop: description ? 0 : 2 }}>\r\n            <Typography\r\n              variant=\"body2\"\r\n              component=\"label\"\r\n              className={input.labelClassName}\r\n              sx={{\r\n                display: \"block\",\r\n                marginBottom: 1,\r\n                fontWeight: 500,\r\n                color: \"text.primary\",\r\n              }}\r\n            >\r\n              {input.label}\r\n              {input.required && (\r\n                <Typography component=\"span\" color=\"error.main\">\r\n                  {\" \"}\r\n                  *\r\n                </Typography>\r\n              )}\r\n            </Typography>\r\n            <TextField\r\n              fullWidth\r\n              value={inputValue}\r\n              onChange={handleInputChange}\r\n              placeholder={input.placeholder}\r\n              type={input.type || \"text\"}\r\n              multiline={input.multiline}\r\n              rows={input.rows}\r\n              variant=\"outlined\"\r\n              size=\"small\"\r\n              sx={{\r\n                \"& .MuiOutlinedInput-root\": {\r\n                  maxWidth: 280,\r\n                  borderRadius: 1,\r\n                  \"&.Mui-focused .MuiOutlinedInput-notchedOutline\": {\r\n                    border: \"2px solid #7A5AF8\",\r\n                  },\r\n                },\r\n              }}\r\n            />\r\n            {error && (\r\n              <Typography variant=\"body2\" color=\"error.main\">\r\n                {error}\r\n              </Typography>\r\n            )}\r\n          </Box>\r\n        )}\r\n      </DialogContent>\r\n\r\n      <DialogActions\r\n        sx={{\r\n          padding: \"16px 24px 24px 24px\",\r\n          gap: 1,\r\n        }}\r\n      >\r\n        {buttons.map((button, index) => (\r\n          <Button\r\n            key={index}\r\n            variant={button.variant || \"outlined\"}\r\n            color={button.color || \"primary\"}\r\n            className=\"confirm-modal-button\"\r\n            sx={button.sx}\r\n            onClick={() => handleButtonClick(button)}\r\n            disabled={\r\n              button.disabled ||\r\n              (input?.required &&\r\n                !inputValue.trim() &&\r\n                button.variant === \"contained\")\r\n            }\r\n          >\r\n            {button.label}\r\n          </Button>\r\n        ))}\r\n      </DialogActions>\r\n    </Dialog>\r\n  );\r\n};\r\n\r\nexport default ConfirmModal;\r\n","import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport { SxProps, Theme } from \"@mui/material\";\r\n\r\ninterface TabPanelProps {\r\n  children?: React.ReactNode;\r\n  index: number;\r\n  value: number;\r\n  sx?: SxProps<Theme>;\r\n}\r\n\r\nconst CustomTabPanel = ({\r\n  children,\r\n  value,\r\n  index,\r\n  sx,\r\n  ...props\r\n}: TabPanelProps) => {\r\n  return (\r\n    <div\r\n      role=\"tabpanel\"\r\n      hidden={value !== index}\r\n      id={`simple-tabpanel-${index}`}\r\n      aria-labelledby={`simple-tab-${index}`}\r\n      style={{ height: \"100%\" }}\r\n      {...props}\r\n    >\r\n      {value === index && <Box sx={{ height: \"100%\", ...sx }}>{children}</Box>}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default CustomTabPanel;\r\n","import { useState } from \"react\";\r\nimport { Tabs, Tab, TabsProps, Box } from \"@mui/material\";\r\nimport { CheckBox, CrossBox } from \"../../../../../assets/svg\";\r\n\r\nexport interface TabItem {\r\n  label: string;\r\n}\r\n\r\ninterface StyledTabsProps extends TabsProps {\r\n  tabItems: TabItem[];\r\n  activeFilterIndex: number;\r\n  handleCrossClick: (index: number) => void;\r\n}\r\n\r\nconst CustomTabs = ({\r\n  tabItems,\r\n  activeFilterIndex = -1,\r\n  handleCrossClick,\r\n  value,\r\n  onChange,\r\n  ...tabsProps\r\n}: StyledTabsProps) => {\r\n  const [hoveredTab, setHoveredTab] = useState<number | null>(null);\r\n\r\n  return (\r\n    <Tabs\r\n      value={value}\r\n      onChange={onChange}\r\n      variant=\"fullWidth\"\r\n      sx={{\r\n        px: \"12px\",\r\n        borderBottom: `1px solid #ccc`,\r\n        \"& .MuiTabs-indicator\": {\r\n          backgroundColor: \"black\",\r\n        },\r\n      }}\r\n      {...tabsProps}\r\n    >\r\n      {tabItems.map((tab, idx) => {\r\n        const isActive = activeFilterIndex === idx;\r\n        const isHovered = hoveredTab === idx;\r\n\r\n        return (\r\n          <Tab\r\n            key={idx}\r\n            label={\r\n              <Box sx={{ display: \"flex\", alignItems: \"center\", gap: 0.5 }}>\r\n                <span>{tab.label}</span>\r\n                {isActive && (\r\n                  <Box\r\n                    onMouseEnter={() => setHoveredTab(idx)}\r\n                    onMouseLeave={() => setHoveredTab(null)}\r\n                    sx={{\r\n                      display: \"flex\",\r\n                      alignItems: \"center\",\r\n                      cursor: isHovered ? \"pointer\" : \"default\",\r\n                    }}\r\n                    onClick={\r\n                      isHovered ? () => handleCrossClick(idx) : undefined\r\n                    }\r\n                  >\r\n                    {isHovered ? <CrossBox /> : <CheckBox />}\r\n                  </Box>\r\n                )}\r\n              </Box>\r\n            }\r\n            sx={{\r\n              fontSize: \"14px\",\r\n              textTransform: \"capitalize\",\r\n              color: \"#888888\",\r\n              fontWeight: \"normal\",\r\n              whiteSpace: \"nowrap\",\r\n              \"&.Mui-selected\": {\r\n                color: \"black\",\r\n                fontWeight: \"bold\",\r\n              },\r\n            }}\r\n          />\r\n        );\r\n      })}\r\n    </Tabs>\r\n  );\r\n};\r\n\r\nexport default CustomTabs;\r\n","// !! DON'T DELETE THIS OLD CODE !! //\r\n\r\nimport { FormControl, MenuItem, Select, SxProps, Theme } from \"@mui/material\";\r\nimport { Controller, UseFormSetValue } from \"react-hook-form\";\r\nimport { FilterStateProps } from \"../../../../../types/filter\";\r\nimport moment from \"moment\";\r\n\r\ninterface FormDropdownProps {\r\n  filter: FilterStateProps;\r\n  control: any;\r\n  setValue: UseFormSetValue<any>;\r\n  dropdownList: {\r\n    label?: string;\r\n    value?: string;\r\n  }[];\r\n  isLoading?: boolean;\r\n  sx?: SxProps<Theme>;\r\n  onValueChange?: () => void;\r\n}\r\n\r\nconst FormDropdown = ({\r\n  filter,\r\n  control,\r\n  setValue,\r\n  dropdownList,\r\n  isLoading = false,\r\n  sx,\r\n  onValueChange,\r\n}: FormDropdownProps) => {\r\n  return (\r\n    <Controller\r\n      name={`${filter?.filter_attribute_name}.operator`}\r\n      control={control}\r\n      defaultValue={filter?.filter_operator || dropdownList?.[0]?.value || \"\"}\r\n      render={({ field }) => (\r\n        <FormControl sx={sx} size=\"small\">\r\n          <Select\r\n            {...field}\r\n            variant=\"standard\"\r\n            sx={{\r\n              fontSize: \"0.875rem\",\r\n              minWidth: 50,\r\n              border: \"none\",\r\n              boxShadow: \"none\",\r\n              \"& .MuiSelect-icon\": {\r\n                top: \"45%\",\r\n                transform: \"translateY(-50%)\",\r\n                \"& .MuiOutlinedInput-input\": {\r\n                  padding: \"12px 20px\",\r\n                },\r\n              },\r\n            }}\r\n            disabled={isLoading}\r\n            disableUnderline\r\n            onChange={(e) => {\r\n              const newOperator = e.target.value;\r\n              const oldOperator = field.value;\r\n\r\n              field.onChange(e);\r\n\r\n              if (\r\n                (filter?.filter_attribute_data_type === \"date\" ||\r\n                  filter?.filter_attribute_data_type === \"year\") &&\r\n                newOperator !== oldOperator\r\n              ) {\r\n                if (newOperator === \"today\") {\r\n                  setValue(\r\n                    `${filter?.filter_attribute_name}.value`,\r\n                    moment().format(\"YYYY-MM-DD\"),\r\n                    {\r\n                      shouldDirty: true,\r\n                    }\r\n                  );\r\n                } else if (newOperator === \"between\") {\r\n                  setValue(`${filter?.filter_attribute_name}.value`, [\"\", \"\"], {\r\n                    shouldDirty: true,\r\n                  });\r\n                } else if (\r\n                  oldOperator === \"between\" ||\r\n                  oldOperator === \"today\"\r\n                ) {\r\n                  setValue(`${filter?.filter_attribute_name}.value`, \"\", {\r\n                    shouldDirty: true,\r\n                  });\r\n                }\r\n              }\r\n\r\n              onValueChange?.();\r\n            }}\r\n          >\r\n            {dropdownList?.map((item, idx) => (\r\n              <MenuItem key={idx} value={item.value}>\r\n                {item.label}\r\n              </MenuItem>\r\n            ))}\r\n          </Select>\r\n        </FormControl>\r\n      )}\r\n    />\r\n  );\r\n};\r\n\r\nexport default FormDropdown;\r\n","import { SxProps, Theme } from \"@mui/material\";\r\n\r\ninterface StyleProps {\r\n  filterContainer: SxProps<Theme>;\r\n  filterMainHeader: SxProps<Theme>;\r\n  filterMainComponentWrapper: SxProps<Theme>;\r\n  filterAttributeMainSelect: SxProps<Theme>;\r\n  scrollbarCustom: SxProps<Theme>;\r\n}\r\n\r\ninterface filterFormStyleType {\r\n  formEditModeStyle: SxProps<Theme>;\r\n  formFlexContainer: SxProps<Theme>;\r\n  formListItem: SxProps<Theme>;\r\n  formListSectionHeader: SxProps<Theme>;\r\n  formListItemHeader: SxProps<Theme>;\r\n  formListItemHeaderName: SxProps<Theme>;\r\n  formListItemHeaderDropdown: SxProps<Theme>;\r\n}\r\n\r\nexport const filterStyles: StyleProps = {\r\n  scrollbarCustom: {\r\n    overflowY: \"auto\",\r\n    pr: 1,\r\n\r\n    \"&::-webkit-scrollbar\": {\r\n      width: \"4px\",\r\n    },\r\n    \"&::-webkit-scrollbar-thumb\": {\r\n      backgroundColor: \"#999\",\r\n      borderRadius: \"4px\",\r\n    },\r\n    \"&::-webkit-scrollbar-track\": {\r\n      backgroundColor: \"#f0f0f0\",\r\n    },\r\n  },\r\n\r\n  filterContainer: {\r\n    backgroundColor: \"#fff\",\r\n    height: \"100%\",\r\n    overflowY: \"hidden\",\r\n    boxShadow: \"0px 3px 8px 0px rgba(34, 48, 62, 0.10)\",\r\n    borderRadius: \"0.5rem\",\r\n  },\r\n\r\n  filterMainHeader: {\r\n    display: \"flex\",\r\n    alignItems: \"center\",\r\n    justifyContent: \"space-between\",\r\n    bgcolor: \"#EEEEEE\",\r\n    height: \"50px\",\r\n    px: 2,\r\n    borderBottom: \"1px solid #ccc\",\r\n    mx: \"auto\",\r\n  },\r\n\r\n  filterMainComponentWrapper: {\r\n    height: \"calc(100% - 90px)\",\r\n    overflowY: \"auto\",\r\n  },\r\n\r\n  filterAttributeMainSelect: {\r\n    \"& .MuiOutlinedInput-root\": {\r\n      borderRadius: \"6px\",\r\n      fontSize: \"14px\",\r\n      bgcolor: \"#fafafa\",\r\n      \"& fieldset\": {\r\n        borderColor: \"#7a5af8 !important\",\r\n      },\r\n      \"&:hover fieldset\": {\r\n        borderColor: \"#7a5af8 !important\",\r\n      },\r\n      \"&.Mui-focused fieldset\": {\r\n        borderColor: \"#7a5af8 !important\",\r\n        boxShadow: \"none\",\r\n      },\r\n    },\r\n    \"& .MuiSelect-select\": {\r\n      padding: \"8px 14px\",\r\n    },\r\n  },\r\n};\r\n\r\nexport const filterFormStyles: filterFormStyleType = {\r\n  formEditModeStyle: {\r\n    border: \"1px solid #c5c5c5\",\r\n    borderRadius: \"6px\",\r\n    padding: \"5px 10px 10px 10px\",\r\n  },\r\n\r\n  formFlexContainer: {\r\n    display: \"flex\",\r\n    flexDirection: \"column\",\r\n    gap: \"0.75rem\",\r\n  },\r\n\r\n  formListItem: {\r\n    p: 1,\r\n    backgroundColor: \"#FFFFFF\",\r\n    display: \"flex\",\r\n    flexDirection: \"column\",\r\n    gap: 0.5,\r\n  },\r\n\r\n  formListSectionHeader: {\r\n    display: \"flex\",\r\n    alignItems: \"center\",\r\n    justifyContent: \"space-between\",\r\n    gap: 1,\r\n    p: 1,\r\n    backgroundColor: \"#FAFAF9\",\r\n  },\r\n\r\n  formListItemHeader: {\r\n    display: \"flex\",\r\n    justifyContent: \"flex-start\",\r\n    alignItems: \"center\",\r\n    gap: 2,\r\n  },\r\n\r\n  formListItemHeaderName: {\r\n    fontWeight: 500,\r\n    fontSize: \"13px\",\r\n    color: \"#797877\",\r\n  },\r\n\r\n  formListItemHeaderDropdown: {\r\n    fontSize: \"12px\",\r\n    minWidth: 50,\r\n    border: \"none\",\r\n    boxShadow: \"none\",\r\n\r\n    \"& .MuiSelect-root\": {\r\n      fontSize: \"0.75rem\",\r\n\r\n      \"& .MuiSelect-select\": {\r\n        paddingBottom: \"0rem\",\r\n      },\r\n    },\r\n  },\r\n};\r\n","import React, { useState } from \"react\";\r\nimport { TextField, InputAdornment, IconButton } from \"@mui/material\";\r\nimport SearchIcon from \"@mui/icons-material/Search\";\r\nimport { CloseIcon } from \"../../../../../assets/svg\";\r\n\r\ninterface SearchInputProps {\r\n  value: string;\r\n  onChange: (value: string) => void;\r\n  placeholder?: string;\r\n  className?: string;\r\n}\r\n\r\nconst CustomSearch = ({\r\n  value = \"\",\r\n  onChange,\r\n  placeholder = \"Search...\",\r\n}: SearchInputProps) => {\r\n  const [search, setSearch] = useState(value);\r\n\r\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    const val = e.target.value;\r\n    setSearch(val);\r\n    onChange?.(val);\r\n  };\r\n\r\n  const handleClear = () => {\r\n    setSearch(\"\"); // Clear the search value\r\n    onChange?.(\"\"); // Propagate the cleared value\r\n  };\r\n\r\n  return (\r\n    <TextField\r\n      fullWidth\r\n      size=\"small\"\r\n      value={search}\r\n      onChange={handleChange}\r\n      placeholder={placeholder}\r\n      className={\"search-input\"}\r\n      InputProps={{\r\n        startAdornment: (\r\n          <InputAdornment position=\"start\">\r\n            <SearchIcon\r\n              sx={{ color: \"#888888\", fontSize: \"20px\" }}\r\n              className=\"search-icon-svg\"\r\n            />\r\n          </InputAdornment>\r\n        ),\r\n        endAdornment: search && ( // Show the clear icon only when there's a value\r\n          <InputAdornment position=\"end\">\r\n            <IconButton\r\n              edge=\"end\"\r\n              onClick={handleClear}\r\n              sx={{ color: \"#888888\", fontSize: \"20px\" }}\r\n              className=\"cross-icon\"\r\n            >\r\n              <CloseIcon />\r\n            </IconButton>\r\n          </InputAdornment>\r\n        ),\r\n      }}\r\n      sx={{\r\n        \"& .MuiOutlinedInput-root\": {\r\n          borderRadius: \"6px\",\r\n          fontSize: \"14px\",\r\n          bgcolor: \"#fafafa\",\r\n          \"& fieldset\": {\r\n            borderColor: \"#c1c1c1\",\r\n          },\r\n          \"&.Mui-focused fieldset\": {\r\n            borderColor: \"#7A5AF8\",\r\n          },\r\n        },\r\n      }}\r\n    />\r\n  );\r\n};\r\n\r\nexport default CustomSearch;\r\n","import { Typography } from \"@mui/material\";\r\n\r\nconst EmptyList = ({ label }: { label?: string }) => {\r\n  return (\r\n    <Typography\r\n      variant=\"body2\"\r\n      align=\"center\"\r\n      fontSize={14}\r\n      fontStyle={\"italic\"}\r\n      color=\"text.secondary\"\r\n    >\r\n      {label ? label : \"No results found\"}\r\n    </Typography>\r\n  );\r\n};\r\n\r\nexport default EmptyList;\r\n","import { Box, List, ListItem, ListItemText } from \"@mui/material\";\r\nimport React from \"react\";\r\nimport CustomSearch from \"../../search\";\r\nimport { CraftTableOptionsProps } from \"../../../../../types/table-options\";\r\nimport {\r\n  FilterComponentOptions,\r\n  FilterDataMainFilterEntityListProps,\r\n} from \"../../../../../types/filter\";\r\nimport EmptyList from \"./empty-list\";\r\n\r\ninterface Props {\r\n  tableStates: CraftTableOptionsProps;\r\n  filterComponentOptions?: FilterComponentOptions;\r\n}\r\n\r\nconst FilterCriteriaEntityList = ({\r\n  tableStates,\r\n  filterComponentOptions,\r\n}: Props) => {\r\n  const [searchTerm, setSearchTerm] = React.useState<string>(\"\");\r\n\r\n  const { filters, filterData, setSelectedFilterEntity } = tableStates;\r\n\r\n  const handleSelectEntity = (entity: FilterDataMainFilterEntityListProps) => {\r\n    setSelectedFilterEntity(entity);\r\n  };\r\n\r\n  const isSingleEntity = filterComponentOptions?.tabOptions?.isSingleEntity;\r\n\r\n  // 🔍 get all entities from main filter data\r\n  const allEntities = filterData?.mainFilter?.entityList?.data || [];\r\n\r\n  // ✅ determine which entities should be displayed\r\n  const entitiesToShow = React.useMemo(() => {\r\n    // Case 1: isSingleEntity is true and filters already has entities\r\n    if (isSingleEntity && filters?.length > 0) {\r\n      const filterEntityTypes = filters.map((f) => f?.filter_entity_type);\r\n      return allEntities.filter((entity) =>\r\n        filterEntityTypes.includes(entity.value)\r\n      );\r\n    }\r\n\r\n    // Case 2: default behavior (apply search filter)\r\n    return allEntities.filter((entity) =>\r\n      entity.label?.toLowerCase().includes(searchTerm?.toLowerCase())\r\n    );\r\n  }, [isSingleEntity, filters, allEntities, searchTerm]);\r\n\r\n  return (\r\n    <List>\r\n      <CustomSearch\r\n        placeholder=\"Filter by...\"\r\n        value={searchTerm}\r\n        onChange={setSearchTerm}\r\n      />\r\n\r\n      <Box\r\n        sx={{\r\n          my: 2,\r\n          overflowY: \"auto\",\r\n          transition: \"all 0.4s ease-in-out\",\r\n        }}\r\n      >\r\n        {entitiesToShow.length === 0 ? (\r\n          <EmptyList />\r\n        ) : (\r\n          entitiesToShow.map((entity, index) => (\r\n            <ListItem\r\n              key={index}\r\n              onClick={() => handleSelectEntity(entity)}\r\n              sx={{\r\n                cursor: \"pointer\",\r\n                \"&:hover\": { backgroundColor: \"#f4f4f4\" },\r\n              }}\r\n            >\r\n              <ListItemText primary={entity.label} />\r\n            </ListItem>\r\n          ))\r\n        )}\r\n      </Box>\r\n    </List>\r\n  );\r\n};\r\n\r\nexport default FilterCriteriaEntityList;\r\n","import { Box, CircularProgress, Typography } from \"@mui/material\";\r\n\r\nconst Loader = ({ loaderText }: { loaderText?: string }) => {\r\n  return (\r\n    <Box\r\n      display={\"flex\"}\r\n      justifyContent=\"center\"\r\n      alignItems={\"center\"}\r\n      flexDirection={\"column\"}\r\n      gap={2}\r\n      paddingBlock={2}\r\n      height={\"100%\"}\r\n      width={\"100%\"}\r\n    >\r\n      <CircularProgress />\r\n      {loaderText && <Typography variant=\"h6\">{loaderText}</Typography>}\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default Loader;\r\n","import {\r\n  Box,\r\n  IconButton,\r\n  List,\r\n  ListItem,\r\n  ListItemText,\r\n  Typography,\r\n} from \"@mui/material\";\r\nimport CustomSearch from \"../../search\";\r\nimport React, { useMemo } from \"react\";\r\nimport { CraftTableOptionsProps } from \"../../../../../types/table-options\";\r\nimport { filterFormStyles } from \"../../../style\";\r\nimport { CloseIcon } from \"../../../../../../assets/svg\";\r\nimport EmptyList from \"./empty-list\";\r\nimport Loader from \"../../../../common/loader/loader\";\r\nimport {\r\n  FilterComponentOptions,\r\n  FilterDataMainFilterEntityWiseCriteriaProps,\r\n} from \"../../../../../types/filter\";\r\n\r\ninterface Props {\r\n  tableStates: CraftTableOptionsProps;\r\n  handleAddFilter: (\r\n    column: FilterDataMainFilterEntityWiseCriteriaProps\r\n  ) => void;\r\n  filterComponentOptions?: FilterComponentOptions;\r\n}\r\n\r\nconst FilterCriteriaList = ({\r\n  tableStates,\r\n  handleAddFilter,\r\n  filterComponentOptions,\r\n}: Props) => {\r\n  const [searchTerm, setSearchTerm] = React.useState<string>(\"\");\r\n\r\n  const { filterData, filters, selectedFilterEntity, setSelectedFilterEntity } =\r\n    tableStates;\r\n\r\n  const isSingleEntity = filterComponentOptions?.tabOptions?.isSingleEntity;\r\n\r\n  // Show Close button if:\r\n  // - isSingleEntity is false → always show\r\n  // - isSingleEntity is true → only show if filters is empty OR\r\n  //   no filter exists with same filter_entity_type as selectedFilterEntity.value\r\n  const shouldShowCloseButton = useMemo(() => {\r\n    return isSingleEntity\r\n      ? filters?.length === 0 ||\r\n          !filters?.some(\r\n            (filter) =>\r\n              filter?.filter_entity_type === selectedFilterEntity?.value\r\n          )\r\n      : true;\r\n  }, [filters, isSingleEntity, selectedFilterEntity?.value]);\r\n\r\n  return (\r\n    <>\r\n      <Box\r\n        className=\"group-header\"\r\n        sx={{\r\n          ...filterFormStyles.formListSectionHeader,\r\n          position: \"sticky\",\r\n          top: 0,\r\n          zIndex: 1,\r\n        }}\r\n      >\r\n        <Typography fontSize={14}>{selectedFilterEntity?.label}</Typography>\r\n        {shouldShowCloseButton && (\r\n          <IconButton\r\n            size=\"small\"\r\n            onClick={() =>\r\n              !isSingleEntity && setSelectedFilterEntity(undefined)\r\n            }\r\n            className=\"cross-icon\"\r\n          >\r\n            <CloseIcon />\r\n          </IconButton>\r\n        )}\r\n      </Box>\r\n      {filterData?.mainFilter?.entityWiseCriteria?.isPending ? (\r\n        <Loader />\r\n      ) : (\r\n        <List>\r\n          <CustomSearch\r\n            placeholder=\"Filter by...\"\r\n            value={searchTerm}\r\n            onChange={setSearchTerm}\r\n          />\r\n\r\n          <Box\r\n            sx={{\r\n              my: 2,\r\n              overflowY: \"auto\",\r\n              transition: \"all 0.4s ease-in-out\",\r\n            }}\r\n          >\r\n            {(() => {\r\n              const filteredEntities =\r\n                filterData?.mainFilter?.entityWiseCriteria?.data?.filter(\r\n                  (entity) =>\r\n                    entity.name.toLowerCase().includes(searchTerm.toLowerCase())\r\n                ) ?? [];\r\n\r\n              if (filteredEntities.length === 0) {\r\n                return <EmptyList />;\r\n              }\r\n\r\n              return filteredEntities.map((entity, index) => {\r\n                const isAlreadySelected = filters?.some(\r\n                  (filter) => filter.filter_attribute === entity.attribute_key\r\n                );\r\n\r\n                return (\r\n                  <ListItem\r\n                    key={index}\r\n                    sx={{\r\n                      opacity: isAlreadySelected ? 0.5 : 1,\r\n                      cursor: isAlreadySelected ? \"not-allowed\" : \"pointer\",\r\n                      \"&:hover\": {\r\n                        backgroundColor: isAlreadySelected\r\n                          ? \"inherit\"\r\n                          : \"#f4f4f4\",\r\n                      },\r\n                    }}\r\n                    onClick={() =>\r\n                      !isAlreadySelected && handleAddFilter(entity)\r\n                    }\r\n                  >\r\n                    <ListItemText primary={entity.name} />\r\n                  </ListItem>\r\n                );\r\n              });\r\n            })()}\r\n          </Box>\r\n        </List>\r\n      )}\r\n    </>\r\n  );\r\n};\r\n\r\nexport default FilterCriteriaList;\r\n","export const TextFieldStyles = {\r\n  \"& .MuiOutlinedInput-root\": {\r\n    borderRadius: \"6px\",\r\n    fontSize: \"14px\",\r\n    bgcolor: \"#fff\",\r\n\r\n    \"& fieldset\": { borderColor: \"#c1c1c1\" },\r\n    \"&.Mui-focused fieldset\": {\r\n      borderColor: \"#7A5AF8\",\r\n    },\r\n  },\r\n};\r\n","import { TextField } from \"@mui/material\";\r\nimport { Controller } from \"react-hook-form\";\r\nimport { TextFieldStyles } from \"./styles\";\r\nimport { FilterStateProps } from \"../../../../../types/filter\";\r\n\r\ninterface FormTextfieldProps {\r\n  filter: FilterStateProps;\r\n  control: any;\r\n  isLoading?: boolean;\r\n  onValueChange?: () => void;\r\n}\r\n\r\nconst FormTextfield = ({\r\n  filter,\r\n  control,\r\n  isLoading = false,\r\n  onValueChange,\r\n}: FormTextfieldProps) => {\r\n  return (\r\n    <Controller\r\n      name={`${filter?.filter_attribute_name}.value`}\r\n      control={control}\r\n      defaultValue={filter.filter_value || \"\"}\r\n      render={({ field }) => (\r\n        <TextField\r\n          {...field}\r\n          fullWidth\r\n          variant=\"outlined\"\r\n          size=\"small\"\r\n          sx={{\r\n            ...TextFieldStyles,\r\n            \"& .MuiOutlinedInput-input\": {\r\n              padding: \"12px 20px\",\r\n            },\r\n          }}\r\n          // type={filter?.filter_attribute_data_type || \"text\" || \"number\"}\r\n          type={\r\n            filter?.filter_attribute_data_type === \"number\" ? \"number\" : \"text\"\r\n          }\r\n          placeholder={\"Enter value\"}\r\n          disabled={isLoading}\r\n          onChange={(e) => {\r\n            field.onChange(e);\r\n            onValueChange?.();\r\n          }}\r\n        />\r\n      )}\r\n    />\r\n  );\r\n};\r\n\r\nexport default FormTextfield;\r\n","import { Controller } from \"react-hook-form\";\r\nimport { LocalizationProvider } from \"@mui/x-date-pickers/LocalizationProvider\";\r\nimport { DatePicker } from \"@mui/x-date-pickers/DatePicker\";\r\nimport { AdapterDateFns } from \"@mui/x-date-pickers/AdapterDateFns\";\r\nimport moment from \"moment\";\r\nimport { FilterStateProps } from \"../../../../../types/filter\";\r\nimport { SxProps, Theme, Box, TextField } from \"@mui/material\";\r\n\r\ntype FormDatePickerProps = {\r\n  filter: FilterStateProps;\r\n  control: any;\r\n  sx?: SxProps<Theme>;\r\n  views?: Array<\"year\" | \"month\" | \"day\">;\r\n  onValueChange?: () => void;\r\n};\r\n\r\nconst FormDatePicker = ({\r\n  filter,\r\n  control,\r\n  sx,\r\n  views = [\"day\"],\r\n  onValueChange,\r\n}: FormDatePickerProps) => {\r\n  const isRange = filter.filter_operator === \"between\";\r\n  const isRelativeToToday = filter.filter_operator === \"today\";\r\n  const isEmptyOperator =\r\n    filter.filter_operator === \"empty\" ||\r\n    filter.filter_operator === \"not_empty\";\r\n\r\n  if (isEmptyOperator) {\r\n    return <TextField fullWidth disabled value=\"\" size=\"small\" />;\r\n  }\r\n\r\n  return (\r\n    <LocalizationProvider dateAdapter={AdapterDateFns}>\r\n      <Box display=\"flex\" gap={1}>\r\n        <Controller\r\n          name={`${filter?.filter_attribute_name}.value`}\r\n          control={control}\r\n          // defaultValue={\r\n          //   isRange\r\n          //     ? [\"\", \"\"]\r\n          //     : isRelativeToToday\r\n          //     ? moment().format(\"YYYY-MM-DD\")\r\n          //     : filter.filter_value\r\n          //     ? moment(filter.filter_value, \"YYYY-MM-DD\").toDate()\r\n          //     : null\r\n          // }\r\n          defaultValue={\r\n            isRange\r\n              ? [\"\", \"\"]\r\n              : isRelativeToToday\r\n              ? moment().format(\"YYYY-MM-DD\")\r\n              : isEmptyOperator\r\n              ? null\r\n              : filter.filter_value\r\n              ? moment(filter.filter_value, \"YYYY-MM-DD\").toDate()\r\n              : null\r\n          }\r\n          render={({ field }) => {\r\n            const value = field.value;\r\n            const todayDate = moment().toDate();\r\n            if (isRange) {\r\n              const fromDate = Array.isArray(value) ? value[0] : \"\";\r\n              const toDate = Array.isArray(value) ? value[1] : \"\";\r\n\r\n              return (\r\n                <>\r\n                  <DatePicker\r\n                    views={views}\r\n                    value={\r\n                      isRelativeToToday\r\n                        ? todayDate\r\n                        : fromDate\r\n                        ? moment(fromDate, \"YYYY-MM-DD\").toDate()\r\n                        : null\r\n                    }\r\n                    onChange={(date) => {\r\n                      if (isRelativeToToday) return;\r\n                      let formatted = \"\";\r\n                      if (date) {\r\n                        formatted =\r\n                          views?.length === 1 && views[0] === \"year\"\r\n                            ? moment(date).format(\"YYYY\")\r\n                            : moment(date).format(\"YYYY-MM-DD\");\r\n                      }\r\n                      const updated: [string, string] = [\r\n                        formatted,\r\n                        toDate || \"\",\r\n                      ];\r\n                      field.onChange(updated);\r\n                      onValueChange?.();\r\n                    }}\r\n                    // disabled={isRelativeToToday}\r\n                    disabled={isRelativeToToday || isEmptyOperator}\r\n                    format={\r\n                      views?.length === 1 && views[0] === \"year\"\r\n                        ? \"yyyy\"\r\n                        : \"dd-MM-yyyy\"\r\n                    }\r\n                    sx={{\r\n                      \"& .MuiOutlinedInput-input\": {\r\n                        padding: \"12px 20px\",\r\n                      },\r\n                      ...sx,\r\n                    }}\r\n                    slotProps={{\r\n                      textField: {\r\n                        size: \"small\",\r\n                        fullWidth: true,\r\n                        placeholder:\r\n                          views?.length === 1 && views[0] === \"year\"\r\n                            ? \"YYYY\"\r\n                            : \"From Date\",\r\n                      },\r\n                    }}\r\n                  />\r\n\r\n                  <DatePicker\r\n                    views={views}\r\n                    value={\r\n                      isRelativeToToday\r\n                        ? todayDate\r\n                        : toDate\r\n                        ? moment(toDate, \"YYYY-MM-DD\").toDate()\r\n                        : null\r\n                    }\r\n                    onChange={(date) => {\r\n                      if (isRelativeToToday) return;\r\n                      let formatted = \"\";\r\n                      if (date) {\r\n                        formatted =\r\n                          views?.length === 1 && views[0] === \"year\"\r\n                            ? moment(date).format(\"YYYY\")\r\n                            : moment(date).format(\"YYYY-MM-DD\");\r\n                      }\r\n                      const updated: [string, string] = [\r\n                        fromDate || \"\",\r\n                        formatted,\r\n                      ];\r\n                      field.onChange(updated);\r\n                      onValueChange?.();\r\n                    }}\r\n                    // disabled={isRelativeToToday}\r\n                    disabled={isRelativeToToday || isEmptyOperator}\r\n                    format={\r\n                      views?.length === 1 && views[0] === \"year\"\r\n                        ? \"yyyy\"\r\n                        : \"dd-MM-yyyy\"\r\n                    }\r\n                    sx={{\r\n                      \"& .MuiOutlinedInput-input\": {\r\n                        padding: \"12px 20px\",\r\n                      },\r\n                      ...sx,\r\n                    }}\r\n                    slotProps={{\r\n                      textField: {\r\n                        size: \"small\",\r\n                        fullWidth: true,\r\n                        placeholder:\r\n                          views?.length === 1 && views[0] === \"year\"\r\n                            ? \"YYYY\"\r\n                            : \"To Date\",\r\n                      },\r\n                    }}\r\n                  />\r\n                </>\r\n              );\r\n            }\r\n\r\n            // Single DatePicker\r\n            return (\r\n              <DatePicker\r\n                {...field}\r\n                views={views}\r\n                value={\r\n                  isRelativeToToday\r\n                    ? todayDate\r\n                    : field.value\r\n                    ? moment(field.value, \"YYYY-MM-DD\").toDate()\r\n                    : null\r\n                }\r\n                onChange={(date) => {\r\n                  if (isRelativeToToday) return;\r\n                  let formatted = \"\";\r\n                  if (date) {\r\n                    formatted =\r\n                      views?.length === 1 && views[0] === \"year\"\r\n                        ? moment(date).format(\"YYYY\")\r\n                        : moment(date).format(\"YYYY-MM-DD\");\r\n                  }\r\n                  field.onChange(formatted);\r\n                  onValueChange?.();\r\n                }}\r\n                // disabled={isRelativeToToday}\r\n                disabled={isRelativeToToday || isEmptyOperator}\r\n                format={\r\n                  views?.length === 1 && views[0] === \"year\"\r\n                    ? \"yyyy\"\r\n                    : \"dd-MM-yyyy\"\r\n                }\r\n                sx={{\r\n                  \"& .MuiOutlinedInput-input\": {\r\n                    padding: \"12px 20px\",\r\n                  },\r\n                  ...sx,\r\n                }}\r\n                slotProps={{\r\n                  textField: {\r\n                    size: \"small\",\r\n                    fullWidth: true,\r\n                    placeholder:\r\n                      views?.length === 1 && views[0] === \"year\"\r\n                        ? \"YYYY\"\r\n                        : \"DD-MM-YYYY\",\r\n                  },\r\n                }}\r\n              />\r\n            );\r\n          }}\r\n        />\r\n      </Box>\r\n    </LocalizationProvider>\r\n  );\r\n};\r\n\r\nexport default FormDatePicker;\r\n","import { Controller } from \"react-hook-form\";\r\nimport {\r\n  FormControl,\r\n  Select,\r\n  MenuItem,\r\n  Theme,\r\n  SxProps,\r\n  Checkbox,\r\n} from \"@mui/material\";\r\nimport { FilterStateProps } from \"../../../../../types/filter\";\r\nimport { DropdownOption } from \"../../../../../types/common\";\r\n\r\nconst FormMultiSelect = ({\r\n  filter,\r\n  control,\r\n  dropdownData,\r\n  sx,\r\n  onValueChange,\r\n  isFlatJson,\r\n}: {\r\n  filter: FilterStateProps;\r\n  control: any;\r\n  dropdownData: Record<string, DropdownOption[]>;\r\n  sx?: SxProps<Theme>;\r\n  onValueChange?: () => void;\r\n  isFlatJson: boolean;\r\n}) => {\r\n  const options = dropdownData[filter.filter_attribute] || [];\r\n\r\n  // 🔑 single source of truth\r\n  const getOptionValue = (item: DropdownOption) =>\r\n    isFlatJson ? item.label : item.value;\r\n\r\n  return (\r\n    <Controller\r\n      name={`${filter?.filter_attribute_name}.value`}\r\n      control={control}\r\n      defaultValue={\r\n        Array.isArray(filter.filter_value)\r\n          ? filter.filter_value.filter(Boolean)\r\n          : []\r\n      }\r\n      render={({ field }) => {\r\n        const cleanedValue = Array.isArray(field.value)\r\n          ? field.value.filter(Boolean)\r\n          : [];\r\n\r\n        return (\r\n          <FormControl sx={sx} fullWidth size=\"small\">\r\n            <Select\r\n              {...field}\r\n              sx={{\r\n                \"& .MuiOutlinedInput-input\": {\r\n                  padding: \"10px 20px\",\r\n                  height: \"21px\",\r\n                },\r\n              }}\r\n              multiple\r\n              value={cleanedValue}\r\n              onChange={(e) => {\r\n                const value = e.target.value;\r\n                const filtered = Array.isArray(value)\r\n                  ? value.filter(Boolean)\r\n                  : [];\r\n                field.onChange(filtered);\r\n                onValueChange?.();\r\n              }}\r\n              renderValue={(selected) => {\r\n                const filtered = Array.isArray(selected)\r\n                  ? selected.filter(Boolean)\r\n                  : [];\r\n\r\n                return filtered\r\n                  .map((val) => {\r\n                    const match = options.find(\r\n                      (item) => getOptionValue(item) === val\r\n                    );\r\n                    return match?.label || val;\r\n                  })\r\n                  .join(\", \");\r\n              }}\r\n            >\r\n              {options.map((item, idx) => {\r\n                const optionValue = getOptionValue(item);\r\n\r\n                return (\r\n                  <MenuItem key={idx} value={optionValue}>\r\n                    <Checkbox\r\n                      checked={cleanedValue.includes(optionValue)}\r\n                      sx={{ marginRight: 1 }}\r\n                    />\r\n                    {item.label}\r\n                  </MenuItem>\r\n                );\r\n              })}\r\n            </Select>\r\n          </FormControl>\r\n        );\r\n      }}\r\n    />\r\n  );\r\n};\r\n\r\nexport default FormMultiSelect;\r\n","import { FormControl } from \"@mui/material\";\r\nimport { FilterStateProps } from \"../../../../../types/filter\";\r\nimport FormTextfield from \"../components/Textfield\";\r\nimport FormDatePicker from \"../components/Date\";\r\nimport FormMultiSelect from \"../components/Multi-Select\";\r\n\r\n// Operators that should show a Date Picker\r\nconst dateAllowedOperators = [\r\n  \"equal\",\r\n  \"before\",\r\n  \"after\",\r\n  \"between\",\r\n  \"is\",\r\n  \"today\",\r\n  \"is_before\",\r\n  \"is_after\",\r\n  \"is_on_or_before\",\r\n  \"is_on_or_after\",\r\n  \"empty\",\r\n  \"not_empty\",\r\n];\r\n\r\nexport const resolveFilterInput = ({\r\n  filter,\r\n  operator,\r\n  control,\r\n  dropdownData,\r\n  updateFiltersFromForm,\r\n  isFlatJson,\r\n}: {\r\n  filter: FilterStateProps;\r\n  operator: string | undefined;\r\n  control: any;\r\n  dropdownData: any;\r\n  updateFiltersFromForm: () => void;\r\n  isFlatJson: boolean;\r\n}) => {\r\n  const dataType = filter?.filter_attribute_data_type;\r\n\r\n  // TEXT / NUMBER → always textfield\r\n  if (dataType === \"text\" || dataType === \"number\" || dataType === \"label\") {\r\n    return (\r\n      <FormTextfield\r\n        filter={filter}\r\n        control={control}\r\n        onValueChange={updateFiltersFromForm}\r\n      />\r\n    );\r\n  }\r\n\r\n  // YEAR → DatePicker (Year mode)\r\n  if (dataType === \"year\") {\r\n    return (\r\n      <FormDatePicker\r\n        filter={filter}\r\n        control={control}\r\n        views={[\"year\"]}\r\n        onValueChange={updateFiltersFromForm}\r\n      />\r\n    );\r\n  }\r\n\r\n  // DATE FIELD\r\n  if (dataType === \"date\") {\r\n    const showDatePicker = operator && dateAllowedOperators.includes(operator);\r\n\r\n    if (showDatePicker) {\r\n      // Date Picker\r\n      return (\r\n        <FormDatePicker\r\n          filter={filter}\r\n          control={control}\r\n          onValueChange={updateFiltersFromForm}\r\n        />\r\n      );\r\n    }\r\n\r\n    return (\r\n      <FormTextfield\r\n        filter={filter}\r\n        control={control}\r\n        onValueChange={updateFiltersFromForm}\r\n      />\r\n    );\r\n  }\r\n\r\n  // SELECT / MULTISELECT / RADIO / CHECKBOX\r\n  if (\r\n    filter?.filter_attribute_data_type !== undefined &&\r\n    [\"select\", \"multiselect\", \"radio\", \"checkbox\"].includes(\r\n      filter?.filter_attribute_data_type\r\n    )\r\n  ) {\r\n    return (\r\n      <FormMultiSelect\r\n        filter={filter}\r\n        control={control}\r\n        dropdownData={dropdownData}\r\n        onValueChange={updateFiltersFromForm}\r\n        isFlatJson={isFlatJson}\r\n      />\r\n    );\r\n  }\r\n\r\n  return <FormControl fullWidth size=\"small\" />;\r\n};\r\n\r\nexport const getOperationKeyByElementType = (elementType: string) => {\r\n  switch (elementType) {\r\n    case \"text\":\r\n    case \"textarea\":\r\n    case \"email\":\r\n    case \"phone\":\r\n    case \"password\":\r\n    case \"url\":\r\n    case \"label\":\r\n      return \"text\";\r\n\r\n    case \"number\":\r\n    case \"decimal\":\r\n    case \"file-upload\":\r\n      return \"number\";\r\n\r\n    case \"date\":\r\n    case \"datetime\":\r\n      return \"date\";\r\n\r\n    case \"select\":\r\n    case \"radio\":\r\n    case \"multiselect\":\r\n    case \"multicheckbox\":\r\n    case \"checkbox\":\r\n      return \"select\";\r\n\r\n    case \"year\":\r\n      return \"year\";\r\n\r\n    default:\r\n      return \"text\";\r\n  }\r\n};\r\n","import { Box, Button, styled, Paper, ClickAwayListener } from \"@mui/material\";\r\nimport { useMemo, useRef } from \"react\";\r\nimport { AddIcon } from \"../../../../../../assets/svg\";\r\nimport {\r\n  FilterColumnsDataProps,\r\n  FilterComponentOptions,\r\n  FilterDataMainFilterEntityWiseCriteriaProps,\r\n} from \"../../../../../types/filter\";\r\nimport { CraftTableOptionsProps } from \"../../../../../types/table-options\";\r\nimport { filterStyles } from \"../../../style\";\r\nimport useElementWidth from \"../../../../../libs/hooks/useElementWidth\";\r\nimport { onFilterChangeFunctionProps } from \"../../../../../types/common\";\r\nimport FilterCriteriaEntityList from \"./filter-criteria-entity-list\";\r\nimport FilterCriteriaList from \"./filter-criteria-list\";\r\nimport { getOperationKeyByElementType } from \"../utils/filter-date-input-resolver\";\r\n\r\nconst FilterCriteria = ({\r\n  columnsData,\r\n  tableStates,\r\n  onChangeFunction,\r\n  filterComponentOptions,\r\n}: {\r\n  columnsData: FilterColumnsDataProps;\r\n  tableStates: CraftTableOptionsProps;\r\n  onChangeFunction: ({\r\n    updatedFilters,\r\n    filterMaster,\r\n  }: onFilterChangeFunctionProps) => void;\r\n  filterComponentOptions?: FilterComponentOptions;\r\n}) => {\r\n  const FilterButton = styled(Button)(({ theme }) => ({\r\n    borderRadius: 20,\r\n    borderColor: theme.palette.primary.main,\r\n    color: theme.palette.primary.main,\r\n    textTransform: \"none\",\r\n    padding: \"8px 16px\",\r\n    \"&:hover\": {\r\n      borderColor: theme.palette.primary.dark,\r\n    },\r\n  }));\r\n\r\n  const {\r\n    filters,\r\n    setFilters,\r\n    showFilterOptions,\r\n    setShowFilterOption,\r\n    filterMaster,\r\n    selectedFilterEntity,\r\n    setSelectedFilterEntity,\r\n  } = tableStates;\r\n\r\n  const filterButtonRef = useRef<HTMLButtonElement>(null);\r\n  const filterButtonWidth = useElementWidth(filterButtonRef);\r\n\r\n  const isSingleEntity = filterComponentOptions?.tabOptions?.isSingleEntity;\r\n  // Disable button if only one filter is allowed\r\n  const isSingleFilter =\r\n    filterComponentOptions?.tabOptions?.isSingleFilter || false;\r\n  const disableButton = useMemo(() => {\r\n    return isSingleFilter && filters?.length > 0;\r\n  }, [filters?.length, isSingleFilter]);\r\n\r\n  const handleAddFilter = (\r\n    attribute: FilterDataMainFilterEntityWiseCriteriaProps\r\n  ) => {\r\n    const dropdownOptions =\r\n      columnsData?.operation_list[attribute?.element_type];\r\n\r\n    const defaultValue = attribute.element_type === \"multiselect\" ? [] : \"\";\r\n\r\n    const operationKey = getOperationKeyByElementType(attribute?.element_type);\r\n\r\n    const matchingDropdownList =\r\n      columnsData?.operation_list?.[operationKey] || [];\r\n    const defaultOperator = matchingDropdownList[0]?.value || \"\";\r\n\r\n    const newFilter = {\r\n      filter_attribute: attribute.attribute_key,\r\n      filter_operator: defaultOperator,\r\n      filter_value: defaultValue,\r\n      filter_entity_type: selectedFilterEntity?.value,\r\n    };\r\n\r\n    const newSelectedFilter = {\r\n      ...newFilter,\r\n      // id: attribute?.id,\r\n      filter_attribute_name: attribute?.name,\r\n      filter_attribute_data_type:\r\n        attribute?.element_type || attribute?.element_type,\r\n      datasource_list: attribute?.datasource_list,\r\n      dropdown_list: matchingDropdownList,\r\n      filter_entity_name: selectedFilterEntity?.label,\r\n      attribute_key: attribute?.attribute_key,\r\n    };\r\n\r\n    setFilters((prev) => [...prev, newSelectedFilter]);\r\n\r\n    const newFilterState = [...filters, newSelectedFilter];\r\n    const newState = {\r\n      filterMaster: filterMaster,\r\n      filters: newFilterState,\r\n    };\r\n\r\n    onChangeFunction && onChangeFunction(newState);\r\n\r\n    setShowFilterOption(false);\r\n\r\n    if (!isSingleEntity) {\r\n      setSelectedFilterEntity(undefined);\r\n    }\r\n  };\r\n\r\n  const toggleFilterOptions = () => {\r\n    setShowFilterOption((prev) => !prev);\r\n  };\r\n\r\n  return (\r\n    <Box>\r\n      <FilterButton\r\n        fullWidth\r\n        startIcon={<AddIcon />}\r\n        onClick={toggleFilterOptions}\r\n        disabled={disableButton}\r\n        sx={{\r\n          bgcolor: \"#eae4fe\",\r\n          borderRadius: \"6px\",\r\n          color: \"#7a5af8\",\r\n          fontSize: \"13px\",\r\n          fontWeight: 500,\r\n        }}\r\n        ref={filterButtonRef}\r\n      >\r\n        Filter Criteria\r\n      </FilterButton>\r\n\r\n      {showFilterOptions && (\r\n        <ClickAwayListener onClickAway={() => setShowFilterOption(false)}>\r\n          <Paper\r\n            sx={{\r\n              width: filterButtonWidth || 360, // Dynamic width based on button\r\n              p: 1,\r\n              mt: 1.5,\r\n              cursor: \"pointer\",\r\n              position: \"absolute\",\r\n              zIndex: 1300,\r\n            }}\r\n          >\r\n            <Box\r\n              sx={{\r\n                maxHeight: filterMaster?.saved_filters?.selectedId\r\n                  ? `calc(100vh - 601px)`\r\n                  : `calc(100vh - 440px)`,\r\n                overflowY: \"auto\",\r\n                width: \"100%\",\r\n                ...filterStyles.scrollbarCustom,\r\n              }}\r\n              className=\"filter-criteria-list-box\"\r\n            >\r\n              {selectedFilterEntity ? (\r\n                <FilterCriteriaList\r\n                  tableStates={tableStates}\r\n                  handleAddFilter={handleAddFilter}\r\n                  filterComponentOptions={filterComponentOptions}\r\n                />\r\n              ) : (\r\n                <FilterCriteriaEntityList\r\n                  tableStates={tableStates}\r\n                  filterComponentOptions={filterComponentOptions}\r\n                />\r\n              )}\r\n            </Box>\r\n          </Paper>\r\n        </ClickAwayListener>\r\n      )}\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default FilterCriteria;\r\n","import { useState, useEffect } from \"react\";\r\n\r\n// Custom hook to track the width of an element\r\nconst useElementWidth = (ref: React.RefObject<HTMLElement>) => {\r\n  const [width, setWidth] = useState<number>(0);\r\n\r\n  useEffect(() => {\r\n    // If there's no element to observe, just return early\r\n    if (!ref.current) return;\r\n\r\n    // ResizeObserver callback function\r\n    const resizeObserver = new ResizeObserver(() => {\r\n      if (ref.current) {\r\n        setWidth(ref.current.clientWidth); // Update width state\r\n      }\r\n    });\r\n\r\n    // Start observing the element's size changes\r\n    resizeObserver.observe(ref.current);\r\n\r\n    // Clean up observer on component unmount\r\n    return () => resizeObserver.disconnect();\r\n  }, [ref, ref.current?.clientWidth]);\r\n\r\n  return width; // Return the current width\r\n};\r\n\r\nexport default useElementWidth;\r\n","import { Box, Button, IconButton, TextField, Typography } from \"@mui/material\";\r\nimport { CloseIcon, DeleteIcon } from \"../../../../../assets/svg\";\r\nimport {\r\n  FilterColumnsDataProps,\r\n  FilterComponentOptions,\r\n  FilterDropdownDataProps,\r\n  FilterMasterStateProps,\r\n  FilterStateProps,\r\n} from \"../../../../types/filter\";\r\nimport { Controller, useForm } from \"react-hook-form\";\r\nimport React, { useEffect, useMemo, useCallback } from \"react\";\r\nimport FormDropdown from \"./components/Dropdown\";\r\nimport { CraftTableOptionsProps } from \"../../../../types/table-options\";\r\nimport FilterCriteria from \"./components/Filter-criteria\";\r\nimport CustomSearch from \"../search\";\r\nimport { customDebounce } from \"../../../../libs/utils/debounce\";\r\nimport { filterFormStyles } from \"../../style\";\r\nimport { onFilterChangeFunctionProps } from \"../../../../types/common\";\r\nimport { resolveFilterInput } from \"./utils/filter-date-input-resolver\";\r\n\r\ninterface FormValues {\r\n  filterName: string;\r\n  [key: string]:\r\n    | {\r\n        value: string | string[];\r\n        operator: string;\r\n      }\r\n    | string;\r\n}\r\n\r\nconst FilterForm = ({\r\n  columnsData,\r\n  dropdownData,\r\n  searchTerm = \"\",\r\n  setSearchTerm,\r\n  handleRemoveFilter,\r\n  editMode = false,\r\n  tableStates,\r\n  onSaveFilterButtonClick,\r\n  setDeleteFilterModalOpen,\r\n  onChangeFunction,\r\n  filterComponentOptions,\r\n  isFlatJson,\r\n}: {\r\n  columnsData: FilterColumnsDataProps;\r\n  dropdownData: FilterDropdownDataProps;\r\n  searchTerm?: string;\r\n  setSearchTerm: React.Dispatch<React.SetStateAction<string>>;\r\n  handleRemoveFilter: (filter_attribute: string) => void;\r\n  editMode?: boolean;\r\n  tableStates: CraftTableOptionsProps;\r\n  onSaveFilterButtonClick?: () => void;\r\n  setDeleteFilterModalOpen?: React.Dispatch<React.SetStateAction<boolean>>;\r\n  onChangeFunction: ({\r\n    updatedFilters,\r\n    filterMaster,\r\n  }: onFilterChangeFunctionProps) => void;\r\n  filterComponentOptions?: FilterComponentOptions;\r\n  isFlatJson: boolean;\r\n}) => {\r\n  const { filterMaster, filters, setFilters, setFilterMaster, setPagination } =\r\n    tableStates;\r\n\r\n  const showSaveButton =\r\n    filterComponentOptions?.tabOptions?.mainFilter?.showSaveButton;\r\n  const showClearAllButton =\r\n    filterComponentOptions?.tabOptions?.mainFilter?.showClearAllButton;\r\n  const customButtons =\r\n    filterComponentOptions?.tabOptions?.mainFilter?.customButtons;\r\n\r\n  const filterName = filterMaster?.saved_filters?.selectedName || \"\";\r\n  const isOwner = filterMaster?.saved_filters?.is_owner || false;\r\n\r\n  const defaultValues = useMemo(() => {\r\n    const filterValues = filters?.reduce((acc, curr) => {\r\n      if (curr?.filter_attribute_name) {\r\n        acc[curr?.filter_attribute_name] = {\r\n          value: curr?.filter_value ?? \"\",\r\n          operator:\r\n            curr?.filter_operator ?? curr?.dropdown_list?.[0]?.value ?? \"\",\r\n        };\r\n      }\r\n      return acc;\r\n    }, {} as Record<string, { value: string | string[]; operator: string }>);\r\n\r\n    return {\r\n      filterName: filterName ?? \"\",\r\n      dummyChange: \"\",\r\n      ...filterValues,\r\n    };\r\n  }, [filters, filterName]);\r\n\r\n  const { control, watch, reset, setValue, unregister } = useForm<\r\n    FormValues & { dummyChange: string }\r\n  >({\r\n    mode: \"onChange\",\r\n    defaultValues,\r\n    resetOptions: {\r\n      keepDirtyValues: false,\r\n      keepErrors: false,\r\n    },\r\n  });\r\n\r\n  const formValues = watch();\r\n\r\n  useEffect(() => {\r\n    reset(defaultValues);\r\n  }, [filters]);\r\n\r\n  const debouncedUpdateFilters = useCallback(\r\n    customDebounce((updatedFilters: FilterStateProps[]) => {\r\n      setFilters(updatedFilters);\r\n\r\n      const newState = {\r\n        filterMaster: filterMaster,\r\n        filters: updatedFilters,\r\n      };\r\n\r\n      onChangeFunction && onChangeFunction(newState);\r\n    }, 1000),\r\n    [setFilters]\r\n  );\r\n\r\n  const updateFiltersFromForm = useCallback(() => {\r\n    const updatedFilters = filters?.map((filter) => {\r\n      if (\r\n        filter?.filter_attribute_name &&\r\n        typeof formValues[filter?.filter_attribute_name] === \"object\"\r\n      ) {\r\n        const filterValue = formValues[filter?.filter_attribute_name] as {\r\n          value: string | string[];\r\n          operator: string;\r\n        };\r\n\r\n        return {\r\n          ...filter,\r\n          filter_value: filterValue.value,\r\n          filter_operator: filterValue.operator,\r\n        };\r\n      }\r\n      return filter;\r\n    });\r\n\r\n    setPagination((prev) => ({ ...prev, pageIndex: 0 }));\r\n    debouncedUpdateFilters(updatedFilters);\r\n  }, [formValues, filters, debouncedUpdateFilters]);\r\n\r\n  useEffect(() => {\r\n    return () => {\r\n      reset();\r\n      filters?.forEach((filter) => {\r\n        if (filter?.filter_attribute_name) {\r\n          unregister(filter?.filter_attribute_name);\r\n        }\r\n      });\r\n    };\r\n  }, []);\r\n\r\n  const groupedFilters = useMemo(() => {\r\n    return filters?.reduce((acc, filter) => {\r\n      const key = filter?.filter_entity_name || \"\";\r\n      if (!acc[key]) {\r\n        acc[key] = [];\r\n      }\r\n      acc[key].push(filter);\r\n      return acc;\r\n    }, {} as Record<string, FilterStateProps[]>);\r\n  }, [filters]);\r\n\r\n  const handleRemoveEntityType = (entityType: string) => {\r\n    const remainingFilters = filters?.filter(\r\n      (f) => f.filter_entity_name !== entityType\r\n    );\r\n\r\n    // unregister all fields belonging to this entity type\r\n    filters?.forEach((f) => {\r\n      if (f?.filter_entity_name === entityType && f?.filter_attribute_name) {\r\n        unregister(`${f?.filter_attribute_name}.value`);\r\n        unregister(`${f?.filter_attribute_name}.operator`);\r\n      }\r\n    });\r\n\r\n    setFilters(remainingFilters);\r\n\r\n    const newState = {\r\n      filterMaster,\r\n      filters: remainingFilters,\r\n    };\r\n\r\n    onChangeFunction && onChangeFunction(newState);\r\n  };\r\n\r\n  return (\r\n    <form\r\n      onSubmit={(e) => {\r\n        e.preventDefault(); //  This prevents the page from reloading\r\n      }}\r\n    >\r\n      <Box sx={editMode ? filterFormStyles.formEditModeStyle : {}}>\r\n        {editMode && (\r\n          <Box\r\n            sx={{\r\n              \"& .MuiOutlinedInput-root\": {\r\n                borderRadius: \"6px\",\r\n                fontSize: \"14px\",\r\n                bgcolor: \"#fafafa\",\r\n                \"& fieldset\": { borderColor: \"#c1c1c1\" },\r\n                \"&.Mui-focused fieldset\": { borderColor: \"#7A5AF8\" },\r\n              },\r\n              display: \"flex\",\r\n              alignItems: \"center\",\r\n              justifyContent: \"center\",\r\n              padding: \"0.5rem 0 1rem 0\",\r\n              gap: 1,\r\n            }}\r\n          >\r\n            <Controller\r\n              name=\"filterName\"\r\n              control={control}\r\n              render={({ field }) => (\r\n                <TextField\r\n                  fullWidth\r\n                  size=\"small\"\r\n                  placeholder=\"Filter Name\"\r\n                  value={filterName || field.value}\r\n                  onChange={(e) => {\r\n                    field.onChange(e);\r\n                    if (editMode) {\r\n                      setFilterMaster(\r\n                        (prev) =>\r\n                          ({\r\n                            ...prev,\r\n                            saved_filters: {\r\n                              ...prev?.saved_filters,\r\n                              selectedName: e.target.value,\r\n                            },\r\n                          } as FilterMasterStateProps)\r\n                      );\r\n                    }\r\n                  }}\r\n                  inputRef={field.ref}\r\n                  sx={{\r\n                    maxWidth: 400,\r\n\r\n                    \"& .MuiOutlinedInput-root\": {\r\n                      bgcolor: \"white\",\r\n                      borderRadius: \"0px\",\r\n                      fontSize: \"14px\",\r\n                      color: \"#272524\",\r\n                      fontWeight: \"500\",\r\n                      \"& fieldset\": { borderColor: \"#c5c5c5\" },\r\n                      \"&.Mui-focused fieldset\": { borderColor: \"#7A5AF8\" },\r\n                    },\r\n                  }}\r\n                />\r\n              )}\r\n            />\r\n            {isOwner && (\r\n              <Box onClick={(e) => e.stopPropagation()}>\r\n                <IconButton\r\n                  size=\"small\"\r\n                  onClick={() =>\r\n                    setDeleteFilterModalOpen && setDeleteFilterModalOpen(true)\r\n                  }\r\n                >\r\n                  <DeleteIcon />\r\n                </IconButton>\r\n              </Box>\r\n            )}\r\n          </Box>\r\n        )}\r\n\r\n        <Box\r\n          className=\"filter-criteria-form\"\r\n          sx={{\r\n            ...filterFormStyles.formFlexContainer,\r\n            ...(editMode && {\r\n              maxHeight: \"calc(100vh - 570px)\",\r\n              overflowY: \"auto\",\r\n            }),\r\n          }}\r\n        >\r\n          <FilterCriteria\r\n            columnsData={columnsData}\r\n            tableStates={tableStates}\r\n            onChangeFunction={onChangeFunction}\r\n            filterComponentOptions={filterComponentOptions}\r\n          />\r\n\r\n          {!editMode && (\r\n            <CustomSearch value={searchTerm} onChange={setSearchTerm} />\r\n          )}\r\n\r\n          <Box\r\n            className=\"filter-form-inputs\"\r\n            sx={filterFormStyles.formFlexContainer}\r\n          >\r\n            {Object.entries(groupedFilters).map(([entityType, filters]) => (\r\n              <Box\r\n                key={entityType}\r\n                sx={{\r\n                  border: \"1px solid #c5c5c5\",\r\n                  borderRadius: 2,\r\n                  overflow: \"hidden\",\r\n                }}\r\n              >\r\n                {/* Group Header */}\r\n                <Box\r\n                  className=\"group-header\"\r\n                  sx={filterFormStyles.formListSectionHeader}\r\n                >\r\n                  <Typography fontSize={14}>{entityType}</Typography>\r\n                  <IconButton\r\n                    size=\"small\"\r\n                    onClick={() => handleRemoveEntityType(entityType)}\r\n                  >\r\n                    <CloseIcon />\r\n                  </IconButton>\r\n                </Box>\r\n\r\n                {filters\r\n                  .filter(\r\n                    (filter) =>\r\n                      filter?.filter_attribute_name\r\n                        ?.toLowerCase()\r\n                        .includes(searchTerm.toLowerCase()) ||\r\n                      filter.filter_value\r\n                        ?.toString()\r\n                        .toLowerCase()\r\n                        .includes(searchTerm.toLowerCase())\r\n                  )\r\n                  .reverse()\r\n                  .map((filter) => {\r\n                    const dropdown_list = filter.dropdown_list || [];\r\n                    return (\r\n                      <Box\r\n                        key={filter.filter_attribute}\r\n                        sx={filterFormStyles.formListItem}\r\n                      >\r\n                        <Box sx={filterFormStyles.formListItemHeader}>\r\n                          <Typography\r\n                            sx={filterFormStyles.formListItemHeaderName}\r\n                          >\r\n                            {filter?.filter_attribute_name}\r\n                          </Typography>\r\n                          <FormDropdown\r\n                            filter={filter}\r\n                            control={control}\r\n                            setValue={setValue}\r\n                            dropdownList={dropdown_list}\r\n                            sx={filterFormStyles.formListItemHeaderDropdown}\r\n                            onValueChange={updateFiltersFromForm}\r\n                          />\r\n                          <IconButton\r\n                            sx={{ marginLeft: \"auto\" }}\r\n                            onClick={() => {\r\n                              unregister(\r\n                                `${filter?.filter_attribute_name}.value`\r\n                              );\r\n                              unregister(\r\n                                `${filter?.filter_attribute_name}.operator`\r\n                              );\r\n\r\n                              // Toggle dummy field to force form dirty\r\n                              const dummy = watch(\"dummyChange\");\r\n                              setValue(\r\n                                \"dummyChange\",\r\n                                dummy === \"changed\" ? \"reset\" : \"changed\",\r\n                                {\r\n                                  shouldDirty: true,\r\n                                }\r\n                              );\r\n\r\n                              handleRemoveFilter(filter.filter_attribute);\r\n                            }}\r\n                            size=\"small\"\r\n                          >\r\n                            <CloseIcon />\r\n                          </IconButton>\r\n                        </Box>\r\n\r\n                        <Box>\r\n                          {(() => {\r\n                            const fieldValue = formValues[\r\n                              filter?.filter_attribute_name as keyof FormValues\r\n                            ] as\r\n                              | { value: string | string[]; operator: string }\r\n                              | undefined;\r\n\r\n                            const operator = fieldValue?.operator;\r\n\r\n                            return resolveFilterInput({\r\n                              filter,\r\n                              operator,\r\n                              control,\r\n                              dropdownData,\r\n                              updateFiltersFromForm,\r\n                              isFlatJson,\r\n                            });\r\n                          })()}\r\n                        </Box>\r\n                      </Box>\r\n                    );\r\n                  })}\r\n              </Box>\r\n            ))}\r\n          </Box>\r\n        </Box>\r\n      </Box>\r\n\r\n      {filters?.length > 0 && (showClearAllButton || showSaveButton) && (\r\n        <Box sx={{ display: \"flex\", justifyContent: \"center\", gap: 1, mt: 3 }}>\r\n          {showClearAllButton && (\r\n            <Button\r\n              variant=\"outlined\"\r\n              sx={{\r\n                color: \"#7A5AF8\",\r\n                border: `1px solid #7A5AF8`,\r\n                borderRadius: \"6px\",\r\n                textTransform: \"none\",\r\n                fontSize: \"14px\",\r\n              }}\r\n              fullWidth\r\n              onClick={() => {\r\n                setFilters([]);\r\n\r\n                const filterMaster = {\r\n                  ...tableStates.filterMaster,\r\n                  activeFilterTabIndex: -1,\r\n                };\r\n\r\n                const newState = {\r\n                  filterMaster: filterMaster,\r\n                  filters: [],\r\n                };\r\n\r\n                onChangeFunction && onChangeFunction(newState);\r\n              }}\r\n            >\r\n              Clear All\r\n            </Button>\r\n          )}\r\n\r\n          {showSaveButton && (\r\n            <Button\r\n              variant=\"contained\"\r\n              fullWidth\r\n              sx={{\r\n                color: \"white\",\r\n                backgroundColor: \"#7A5AF8\",\r\n                \"&.Mui-disabled\": {\r\n                  backgroundColor: \"#d7cefd\",\r\n                  color: \"rgba(255, 255, 255, 0.7)\",\r\n                },\r\n              }}\r\n              onClick={() => {\r\n                onSaveFilterButtonClick && onSaveFilterButtonClick();\r\n              }}\r\n            >\r\n              Save Filter\r\n            </Button>\r\n          )}\r\n\r\n          {/* Custom buttons from props */}\r\n          {customButtons?.map((btn, idx) => (\r\n            <Button\r\n              key={idx}\r\n              fullWidth\r\n              variant={btn?.variant ?? \"outlined\"}\r\n              sx={btn?.sx}\r\n              {...btn}\r\n            >\r\n              {btn?.label}\r\n            </Button>\r\n          ))}\r\n        </Box>\r\n      )}\r\n    </form>\r\n  );\r\n};\r\n\r\nexport default FilterForm;\r\n","import { Box } from \"@mui/material\";\r\nimport { useEffect, useState } from \"react\";\r\nimport FilterForm from \"./forms\";\r\nimport {\r\n  FilterFormComponentProps,\r\n  FilterMasterStateProps,\r\n} from \"../../../types/filter\";\r\nimport { filterStyles } from \"../style\";\r\n\r\nconst MainFilter = ({\r\n  columnsData,\r\n  dropdownData,\r\n  tableStates,\r\n  onSaveFilterButtonClick,\r\n  onChangeFunction,\r\n  filterComponentOptions,\r\n  isFlatJson,\r\n}: FilterFormComponentProps) => {\r\n  const [searchTerm, setSearchTerm] = useState<string>(\"\");\r\n\r\n  const { setFilters, setFilterMaster, filterMaster } = tableStates;\r\n\r\n  useEffect(() => {\r\n    setFilterMaster(\r\n      (prev) =>\r\n        ({\r\n          ...prev,\r\n          activeFilterTabIndex: 0,\r\n        } as FilterMasterStateProps)\r\n    );\r\n  }, []);\r\n\r\n  const handleRemoveFilter = (filter_attribute: string) => {\r\n    setFilters((prev) =>\r\n      prev.filter((filter) => filter.filter_attribute !== filter_attribute)\r\n    );\r\n    setFilters((prev) => {\r\n      const newFilters = prev.filter(\r\n        (f) => f.filter_attribute !== filter_attribute\r\n      );\r\n\r\n      onChangeFunction &&\r\n        onChangeFunction({\r\n          filterMaster: filterMaster,\r\n          filters: newFilters,\r\n        });\r\n      return newFilters;\r\n    });\r\n  };\r\n\r\n  const mainBoxStyles = {\r\n    ...filterStyles.filterMainComponentWrapper,\r\n    ...filterStyles.scrollbarCustom,\r\n  };\r\n\r\n  return (\r\n    <Box sx={mainBoxStyles} className=\"main-filter-component-wrapper\">\r\n      {/* Render selectedFilters state */}\r\n      <FilterForm\r\n        columnsData={columnsData}\r\n        searchTerm={searchTerm}\r\n        setSearchTerm={setSearchTerm}\r\n        handleRemoveFilter={handleRemoveFilter}\r\n        tableStates={tableStates}\r\n        onSaveFilterButtonClick={onSaveFilterButtonClick}\r\n        dropdownData={dropdownData}\r\n        onChangeFunction={onChangeFunction}\r\n        filterComponentOptions={filterComponentOptions}\r\n        isFlatJson={isFlatJson}\r\n      />\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default MainFilter;\r\n","import { Box, Typography } from \"@mui/material\";\r\nimport FilterForm from \"./forms\";\r\nimport BackArrow from \"@mui/icons-material/ArrowBackIosNew\";\r\nimport {\r\n  FilterColumnsDataProps,\r\n  FilterComponentOptions,\r\n  FilterDropdownDataProps,\r\n  FilterMasterStateProps,\r\n} from \"../../../types/filter\";\r\nimport { CraftTableOptionsProps } from \"../../../types/table-options\";\r\nimport { onFilterChangeFunctionProps } from \"../../../types/common\";\r\n\r\nconst SavedFilterEditComponent = ({\r\n  columnsData,\r\n  dropdownData,\r\n  tableStates,\r\n  editMode,\r\n  setEditMode,\r\n  searchTerm,\r\n  setSearchTerm,\r\n  onSaveFilterButtonClick,\r\n  setDeleteFilterModalOpen,\r\n  onChangeFunction,\r\n  filterComponentOptions,\r\n}: {\r\n  columnsData: FilterColumnsDataProps;\r\n  dropdownData: FilterDropdownDataProps;\r\n  tableStates: CraftTableOptionsProps;\r\n  editMode?: boolean;\r\n  setEditMode?: React.Dispatch<React.SetStateAction<boolean>>;\r\n  searchTerm?: string;\r\n  setSearchTerm: React.Dispatch<React.SetStateAction<string>>;\r\n  onSaveFilterButtonClick?: () => void;\r\n  setDeleteFilterModalOpen?: React.Dispatch<React.SetStateAction<boolean>>;\r\n  onChangeFunction: ({\r\n    updatedFilters,\r\n    filterMaster,\r\n  }: onFilterChangeFunctionProps) => void;\r\n  filterComponentOptions?: FilterComponentOptions;\r\n}) => {\r\n  const { setFilters, setFilterMaster } = tableStates;\r\n\r\n  const showBackButton =\r\n    filterComponentOptions?.tabOptions?.savedFilter?.showBackButton;\r\n\r\n  const handleRemoveFilter = (filter_attribute: string) => {\r\n    setFilters((prev) =>\r\n      prev.filter((filter) => filter?.filter_attribute !== filter_attribute)\r\n    );\r\n  };\r\n\r\n  const handleBackButtonClick = () => {\r\n    setEditMode && setEditMode(false);\r\n    setFilters([]);\r\n\r\n    setFilterMaster(\r\n      (prev) =>\r\n        ({\r\n          ...prev,\r\n          saved_filters: {\r\n            ...prev?.saved_filters,\r\n            selectedId: \"\",\r\n            selectedName: \"\",\r\n            selectedCode: \"\",\r\n            shareWithTeam: false,\r\n            allowTeamEdit: false,\r\n          },\r\n          activeFilterTabIndex: -1,\r\n        } as FilterMasterStateProps)\r\n    );\r\n  };\r\n\r\n  return (\r\n    <>\r\n      {showBackButton && (\r\n        <Box>\r\n          <Box\r\n            sx={{\r\n              display: \"flex\",\r\n              alignItems: \"center\",\r\n              gap: 1,\r\n              cursor: \"pointer\",\r\n              mb: 2,\r\n            }}\r\n            onClick={handleBackButtonClick}\r\n          >\r\n            <BackArrow sx={{ width: \"13px\", height: \"13px\" }} />\r\n            <Typography variant=\"body2\" sx={{ color: \"#8592A3\" }}>\r\n              Back To Saved Filters\r\n            </Typography>\r\n          </Box>\r\n        </Box>\r\n      )}\r\n\r\n      {/* Render selectedFilters state */}\r\n      <FilterForm\r\n        handleRemoveFilter={handleRemoveFilter}\r\n        editMode={editMode}\r\n        tableStates={tableStates}\r\n        columnsData={columnsData}\r\n        dropdownData={dropdownData}\r\n        searchTerm={searchTerm}\r\n        setSearchTerm={setSearchTerm}\r\n        onSaveFilterButtonClick={onSaveFilterButtonClick}\r\n        setDeleteFilterModalOpen={setDeleteFilterModalOpen}\r\n        onChangeFunction={onChangeFunction}\r\n        filterComponentOptions={filterComponentOptions}\r\n      />\r\n    </>\r\n  );\r\n};\r\n\r\nexport default SavedFilterEditComponent;\r\n","import { useEffect, useState } from \"react\";\r\nimport {\r\n  FilterFormComponentProps,\r\n  FilterMasterStateProps,\r\n  FilterOperationListProps,\r\n} from \"../../../types/filter\";\r\nimport {\r\n  Accordion,\r\n  AccordionDetails,\r\n  AccordionSummary,\r\n  Box,\r\n  Divider,\r\n  IconButton,\r\n  List,\r\n  ListItem,\r\n  ListItemText,\r\n  Typography,\r\n} from \"@mui/material\";\r\nimport CustomSearch from \"./search\";\r\nimport { DeleteIcon, EditIcon } from \"../../../../assets/svg\";\r\nimport SavedFilterEditComponent from \"./saved-edit-filter\";\r\nimport { CheckBox } from \"../../../../assets/svg\";\r\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\r\n\r\nconst SavedFilter = ({\r\n  columnsData,\r\n  dropdownData,\r\n  tableStates,\r\n  editMode,\r\n  setEditMode,\r\n  setDeleteFilterModalOpen,\r\n  onSaveFilterButtonClick,\r\n  tabValue,\r\n  onChangeFunction,\r\n  filterComponentOptions,\r\n  isFlatJson,\r\n}: FilterFormComponentProps) => {\r\n  const { filters, filterMaster, setFilterMaster, setFilterToDelete } =\r\n    tableStates;\r\n\r\n  const [searchTerm, setSearchTerm] = useState<string>(\"\");\r\n\r\n  const MyFilter = (f: any): FilterOperationListProps => {\r\n    return {\r\n      label: f.name || f.label || \"Unnamed Filter\",\r\n      value: f.id || f.value,\r\n      code: f.code ?? \"\",\r\n      is_shared: false,\r\n      created_by: f.created_by || \"\",\r\n      description: f.description || \"\",\r\n      is_owner: true, // My filter = always owner\r\n      is_editable: f.is_editable === true || f.is_editable === \"true\",\r\n    };\r\n  };\r\n\r\n  const SharedFilter = (f: any): FilterOperationListProps => {\r\n    const prefs =\r\n      f.sharedPreferences || f.preferences || f.meta || f.shared_meta || {};\r\n\r\n    return {\r\n      label: f.name || f.label || \"Unnamed Filter\",\r\n      value: f.id || f.value,\r\n      code: f.code ?? \"\",\r\n      is_shared: f.is_shared ?? prefs.is_shared ?? true,\r\n      created_by: f.created_by || \"shared_filter\",\r\n      description: f.description || \"\",\r\n      is_owner: f.is_owner === true || prefs.is_owner === \"true\",\r\n      is_editable:\r\n        f.is_editable === true ||\r\n        f.is_editable === \"true\" ||\r\n        prefs.is_editable === true ||\r\n        prefs.is_editable === \"true\",\r\n    };\r\n  };\r\n\r\n  //  SEPARATE DATA MAPPINGS\r\n\r\n  const myFilters: FilterOperationListProps[] =\r\n    columnsData?.saved_filter?.map(MyFilter) ?? [];\r\n\r\n  const sharedFilters: FilterOperationListProps[] =\r\n    columnsData?.shared_filter?.map(SharedFilter) ?? [];\r\n\r\n  // Reset on unmount\r\n  useEffect(() => {\r\n    return () => {\r\n      const editModeFromTab =\r\n        filterComponentOptions?.tabOptions?.savedFilter?.editMode;\r\n\r\n      if (!editModeFromTab) {\r\n        setEditMode && setEditMode(false);\r\n        setFilterMaster(\r\n          (prev) =>\r\n            ({\r\n              ...prev,\r\n              saved_filters: {\r\n                ...(prev?.saved_filters ?? {}),\r\n                selectedId: \"\",\r\n                selectedName: \"\",\r\n                description: \"\",\r\n                selectedCode: \"\",\r\n                shareWithTeam: undefined,\r\n                allowTeamEdit: undefined,\r\n              },\r\n            } as FilterMasterStateProps)\r\n        );\r\n      }\r\n    };\r\n  }, []);\r\n\r\n  // APPLY FILTER\r\n\r\n  const applyFilterStates = (filter: FilterOperationListProps) => {\r\n    const newFilterMaster = {\r\n      ...filterMaster,\r\n      saved_filters: {\r\n        ...(filterMaster?.saved_filters ?? {}),\r\n        selectedId: filter.value,\r\n        selectedName: filter.label,\r\n        description: filter.description,\r\n        selectedCode: filter.code,\r\n        shareWithTeam: filter.is_shared,\r\n        allowTeamEdit: filter.is_editable,\r\n        is_owner: filter.is_owner,\r\n      },\r\n      attributes: {\r\n        ...filterMaster?.attributes,\r\n        radio: [],\r\n      },\r\n      activeFilterTabIndex: tabValue,\r\n    } as FilterMasterStateProps;\r\n\r\n    setFilterMaster(newFilterMaster);\r\n\r\n    onChangeFunction &&\r\n      onChangeFunction({\r\n        filterMaster: newFilterMaster,\r\n        filters,\r\n      });\r\n  };\r\n\r\n  const handleListItemClick = (filter: FilterOperationListProps) => {\r\n    applyFilterStates(filter);\r\n    setEditMode && setEditMode(true);\r\n    setFilterToDelete(filter);\r\n  };\r\n\r\n  const handleApplyFilter = (filter: FilterOperationListProps) => {\r\n    applyFilterStates(filter);\r\n  };\r\n\r\n  const [openAccordion, setOpenAccordion] = useState<\"my\" | \"shared\" | null>(\r\n    \"my\"\r\n  );\r\n\r\n  const toggleAccodion = (accordion: \"my\" | \"shared\" | null) => {\r\n    setOpenAccordion((prev) => (prev === accordion ? null : accordion));\r\n  };\r\n\r\n  //  RENDER: MY FILTERS\r\n\r\n  const renderMyFilters = (source: FilterOperationListProps[]) =>\r\n    source.length === 0 ? (\r\n      <Typography>No My Filters</Typography>\r\n    ) : (\r\n      <List sx={{ display: \"flex\", flexDirection: \"column\", gap: 1 }}>\r\n        {source\r\n          .filter((f) =>\r\n            f.label?.toLowerCase().includes(searchTerm.toLowerCase())\r\n          )\r\n          .map((filter) => (\r\n            <ListItem\r\n              key={filter.value}\r\n              sx={{\r\n                cursor: \"pointer\",\r\n                borderRadius: \"8px\",\r\n                bgcolor: \"#f2f6f8ff\",\r\n                display: \"flex\",\r\n                justifyContent: \"space-between\",\r\n                gap: 1,\r\n                alignItems: \"center\",\r\n                \"&:hover .action-icons\": {\r\n                  opacity: 1,\r\n                  visibility: \"visible\",\r\n                },\r\n              }}\r\n              onClick={() => handleApplyFilter(filter)}\r\n            >\r\n              {filter.value === filterMaster?.saved_filters?.selectedId && (\r\n                <Box sx={{ display: \"flex\", alignItems: \"center\" }}>\r\n                  <CheckBox />\r\n                </Box>\r\n              )}\r\n\r\n              <ListItemText primary={filter.label} />\r\n\r\n              <Box\r\n                onClick={(e) => e.stopPropagation()}\r\n                className=\"action-icons\"\r\n                sx={{\r\n                  display: \"flex\",\r\n                  gap: 1,\r\n                  opacity: 0,\r\n                  visibility: \"hidden\",\r\n                  transition: \"opacity 0.2s ease, visibility 0.2s ease\",\r\n                }}\r\n              >\r\n                <IconButton\r\n                  size=\"large\"\r\n                  onClick={() => handleListItemClick(filter)}\r\n                >\r\n                  <EditIcon />\r\n                </IconButton>\r\n\r\n                <IconButton\r\n                  size=\"small\"\r\n                  onClick={() => {\r\n                    setFilterToDelete(filter);\r\n                    setDeleteFilterModalOpen?.(true);\r\n                  }}\r\n                >\r\n                  <DeleteIcon />\r\n                </IconButton>\r\n              </Box>\r\n            </ListItem>\r\n          ))}\r\n      </List>\r\n    );\r\n\r\n  // ----------------------------------------\r\n  //  RENDER: SHARED FILTERS\r\n  // ----------------------------------------\r\n  const renderSharedFilters = (source: FilterOperationListProps[]) =>\r\n    source.length === 0 ? (\r\n      <Typography>No Shared Filters</Typography>\r\n    ) : (\r\n      <List sx={{ display: \"flex\", flexDirection: \"column\", gap: 1 }}>\r\n        {source\r\n          .filter((f) =>\r\n            f.label?.toLowerCase().includes(searchTerm.toLowerCase())\r\n          )\r\n          .map((filter) => (\r\n            <ListItem\r\n              key={filter.value}\r\n              sx={{\r\n                cursor: \"pointer\",\r\n                borderRadius: \"8px\",\r\n                bgcolor: \"#f2f6f8ff\",\r\n                display: \"flex\",\r\n                justifyContent: \"space-between\",\r\n                gap: 1,\r\n                alignItems: \"center\",\r\n                \"&:hover .action-icons\": {\r\n                  opacity: 1,\r\n                  visibility: \"visible\",\r\n                },\r\n              }}\r\n              onClick={() => handleApplyFilter(filter)}\r\n            >\r\n              {filter.value === filterMaster?.saved_filters?.selectedId && (\r\n                <Box sx={{ display: \"flex\", alignItems: \"center\" }}>\r\n                  <CheckBox />\r\n                </Box>\r\n              )}\r\n\r\n              <ListItemText primary={filter.label} />\r\n\r\n              <Box\r\n                onClick={(e) => e.stopPropagation()}\r\n                className=\"action-icons\"\r\n                sx={{\r\n                  display: \"flex\",\r\n                  gap: 1,\r\n                  opacity: 0,\r\n                  visibility: \"hidden\",\r\n                  transition: \"opacity 0.2s ease, visibility 0.2s ease\",\r\n                }}\r\n              >\r\n                {(filter.is_editable || filter.is_owner) && (\r\n                  <IconButton\r\n                    size=\"large\"\r\n                    onClick={() => handleListItemClick(filter)}\r\n                  >\r\n                    <EditIcon />\r\n                  </IconButton>\r\n                )}\r\n                {filter.is_owner && (\r\n                  <IconButton\r\n                    size=\"small\"\r\n                    onClick={() => {\r\n                      setFilterToDelete(filter);\r\n                      setDeleteFilterModalOpen?.(true);\r\n                    }}\r\n                  >\r\n                    <DeleteIcon />\r\n                  </IconButton>\r\n                )}\r\n              </Box>\r\n            </ListItem>\r\n          ))}\r\n      </List>\r\n    );\r\n\r\n  // ----------------------------------------\r\n  //  RENDER MAIN COMPONENT\r\n  // ----------------------------------------\r\n  return (\r\n    <Box className=\"saved-filter-component-wrapper\">\r\n      {!editMode && (\r\n        <>\r\n          {/* Search */}\r\n          <Box sx={{ mb: 2 }}>\r\n            <CustomSearch\r\n              value={searchTerm}\r\n              onChange={setSearchTerm}\r\n              className=\"search-input\"\r\n            />\r\n          </Box>\r\n\r\n          {/* ---- My Filters ---- */}\r\n          <Box\r\n            sx={{\r\n              background: \"#fff\",\r\n              borderRadius: \"12px\",\r\n              border: \"1px solid #eee\",\r\n              mb: 2,\r\n              overflow: \"hidden\",\r\n            }}\r\n          >\r\n            <Accordion\r\n              disableGutters\r\n              elevation={0}\r\n              expanded={openAccordion === \"my\"}\r\n              onChange={() =>\r\n                // setOpenAccordion(openAccordion === \"my\" ? \"shared\" : \"my\")\r\n                toggleAccodion(\"my\")\r\n              }\r\n            >\r\n              <AccordionSummary\r\n                expandIcon={<ExpandMoreIcon fontSize=\"small\" />}\r\n              >\r\n                <Typography fontWeight={600}>My Filters</Typography>\r\n              </AccordionSummary>\r\n              <Divider sx={{ width: \"100%\" }} />\r\n              <AccordionDetails\r\n                sx={{\r\n                  p: \"9px\",\r\n                  maxHeight: \"230px\",\r\n                  overflowY: \"auto\",\r\n                  scrollbarWidth: \"thin\",\r\n                }}\r\n              >\r\n                {renderMyFilters(myFilters)}\r\n              </AccordionDetails>\r\n            </Accordion>\r\n          </Box>\r\n\r\n          {/* ---- Shared Filters ---- */}\r\n          <Box\r\n            sx={{\r\n              background: \"#fff\",\r\n              borderRadius: \"12px\",\r\n              border: \"1px solid #eee\",\r\n              mb: 2,\r\n              overflow: \"hidden\",\r\n            }}\r\n          >\r\n            <Accordion\r\n              disableGutters\r\n              elevation={0}\r\n              expanded={openAccordion === \"shared\"}\r\n              onChange={() =>\r\n                // setOpenAccordion(openAccordion === \"shared\" ? \"my\" : \"shared\")\r\n                toggleAccodion(\"shared\")\r\n              }\r\n            >\r\n              <AccordionSummary\r\n                expandIcon={<ExpandMoreIcon fontSize=\"small\" />}\r\n              >\r\n                <Typography fontWeight={600}>Shared Filters</Typography>\r\n              </AccordionSummary>\r\n              <Divider sx={{ width: \"100%\" }} />\r\n              <AccordionDetails\r\n                sx={{\r\n                  p: \"9px\",\r\n                  maxHeight: \"230px\",\r\n                  overflowY: \"auto\",\r\n                  scrollbarWidth: \"thin\",\r\n                }}\r\n              >\r\n                {renderSharedFilters(sharedFilters)}\r\n              </AccordionDetails>\r\n            </Accordion>\r\n          </Box>\r\n        </>\r\n      )}\r\n\r\n      {/* Edit Component */}\r\n      {editMode && (\r\n        <SavedFilterEditComponent\r\n          columnsData={columnsData}\r\n          dropdownData={dropdownData}\r\n          tableStates={tableStates}\r\n          editMode={editMode}\r\n          setEditMode={setEditMode}\r\n          searchTerm={searchTerm}\r\n          setSearchTerm={setSearchTerm}\r\n          onSaveFilterButtonClick={onSaveFilterButtonClick}\r\n          setDeleteFilterModalOpen={setDeleteFilterModalOpen}\r\n          onChangeFunction={onChangeFunction}\r\n          filterComponentOptions={filterComponentOptions}\r\n        />\r\n      )}\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default SavedFilter;\r\n","import {\r\n  Box,\r\n  FormControl,\r\n  FormControlLabel,\r\n  MenuItem,\r\n  Radio,\r\n  Select,\r\n  SelectChangeEvent,\r\n} from \"@mui/material\";\r\nimport {\r\n  AttributesFilterProps,\r\n  FilterMasterStateProps,\r\n  FilterStateProps,\r\n} from \"../../../types/filter\";\r\nimport CustomSearch from \"./search\";\r\nimport { useMemo } from \"react\";\r\n\r\nconst AttributesFilter = ({\r\n  columnsData,\r\n  tableStates,\r\n  dropdownData,\r\n  searchTerm,\r\n  setSearchTerm,\r\n  tabValue,\r\n  onChangeFunction,\r\n  isFlatJson,\r\n}: AttributesFilterProps) => {\r\n  const { filterMaster, setFilterMaster, filters, setFilters } = tableStates;\r\n\r\n  const selectedAttribute = filterMaster?.attributes?.selected;\r\n\r\n  const currentRadio = useMemo(() => {\r\n    return Array.isArray(filterMaster?.attributes?.radio)\r\n      ? (filterMaster!.attributes!.radio as string[])\r\n      : [];\r\n  }, [filterMaster?.attributes?.radio]);\r\n\r\n  const handleSelectChange = (event: SelectChangeEvent) => {\r\n    const attributeKey = event.target.value as string;\r\n\r\n    const newFilterMasterState = {\r\n      ...filterMaster,\r\n      attributes: {\r\n        ...filterMaster?.attributes,\r\n        selected: attributeKey,\r\n        radio: [],\r\n      },\r\n    };\r\n\r\n    setFilterMaster(newFilterMasterState as FilterMasterStateProps);\r\n\r\n    const newState = {\r\n      filterMaster: newFilterMasterState,\r\n      filters: filters,\r\n    };\r\n\r\n    onChangeFunction && onChangeFunction(newState);\r\n  };\r\n\r\n  const handleSingleRadioSelect = (value: string) => {\r\n    const selectedAttr = filterMaster?.attributes.selected;\r\n    if (!selectedAttr) return;\r\n\r\n    const matchingColumn = columnsData?.column_list?.find(\r\n      (column) => column.datasource_list === selectedAttr\r\n    );\r\n    if (!matchingColumn) return;\r\n\r\n    let updatedFilters: FilterStateProps[] = [...filters];\r\n    let updatedRadio: string[] = [];\r\n\r\n    if (value === \"\") {\r\n      // If deselecting, remove the filter\r\n      updatedFilters = filters?.filter(\r\n        (f) => f.filter_attribute !== matchingColumn.attribute_key\r\n      );\r\n    } else {\r\n      // Else, replace with new single selection\r\n      const defaultOperator =\r\n        columnsData?.operation_list[matchingColumn.element_type]?.[0]?.value ||\r\n        \"in\";\r\n\r\n      const newFilter = {\r\n        ...matchingColumn,\r\n        filter_attribute: matchingColumn.attribute_key,\r\n        filter_operator: defaultOperator,\r\n        filter_value: [value],\r\n      };\r\n\r\n      const exists = filters?.some(\r\n        (f) => f?.filter_attribute === matchingColumn?.attribute_key\r\n      );\r\n      if (exists) {\r\n        updatedFilters = filters?.map((f) =>\r\n          f?.filter_attribute === matchingColumn?.attribute_key ? newFilter : f\r\n        ) as FilterStateProps[];\r\n      } else {\r\n        updatedFilters = [...filters, newFilter] as FilterStateProps[];\r\n      }\r\n\r\n      updatedRadio = [value];\r\n    }\r\n\r\n    setFilters(updatedFilters);\r\n\r\n    const updatedFilterMaster = {\r\n      ...filterMaster,\r\n      attributes: {\r\n        ...filterMaster.attributes,\r\n        radio: updatedRadio,\r\n      },\r\n      activeFilterTabIndex: tabValue as number,\r\n    };\r\n\r\n    setFilterMaster(updatedFilterMaster);\r\n\r\n    onChangeFunction &&\r\n      onChangeFunction({\r\n        filters: updatedFilters,\r\n        filterMaster: updatedFilterMaster,\r\n      });\r\n  };\r\n\r\n  const selectedAttributeOptions = useMemo(() => {\r\n    const selected = columnsData?.column_list?.find(\r\n      (col) => col.datasource_list === selectedAttribute\r\n    )?.attribute_key;\r\n\r\n    return selected ? dropdownData[selected] : [];\r\n  }, [selectedAttribute, dropdownData]);\r\n\r\n  return (\r\n    <Box\r\n      sx={{\r\n        display: \"flex\",\r\n        flexDirection: \"column\",\r\n        gap: \"1.25rem\",\r\n      }}\r\n      className=\"attributes-filter-component-wrapper\"\r\n    >\r\n      {/* Attribute Select Dropdown */}\r\n      <FormControl fullWidth size=\"small\">\r\n        <Select\r\n          value={selectedAttribute || \"\"}\r\n          onChange={handleSelectChange}\r\n          displayEmpty\r\n          renderValue={(selected) => {\r\n            if (!selected) {\r\n              return <span>Select Attribute</span>;\r\n            }\r\n            return columnsData?.column_list?.find(\r\n              (col) => col.datasource_list === selected\r\n            )?.name;\r\n          }}\r\n          sx={{\r\n            \"& .MuiOutlinedInput-root\": {\r\n              borderRadius: \"6px\",\r\n              fontSize: \"14px\",\r\n              bgcolor: \"#fafafa\",\r\n              \"& fieldset\": {\r\n                borderColor: \"#7a5af8 !important\",\r\n              },\r\n              \"&:hover fieldset\": {\r\n                borderColor: \"#7a5af8 !important\",\r\n              },\r\n              \"&.Mui-focused fieldset\": {\r\n                borderColor: \"#7a5af8 !important\",\r\n                boxShadow: \"none\",\r\n              },\r\n            },\r\n            \"& .MuiSelect-select\": {\r\n              padding: \"8px 14px\",\r\n            },\r\n          }}\r\n        >\r\n          {columnsData?.column_list\r\n            ?.filter((column) => column?.element_type?.includes(\"select\"))\r\n            .map((column, index) => (\r\n              <MenuItem\r\n                key={index}\r\n                value={column.datasource_list}\r\n                disabled={column.datasource_list === selectedAttribute}\r\n              >\r\n                {column.name}\r\n              </MenuItem>\r\n            ))}\r\n        </Select>\r\n      </FormControl>\r\n\r\n      {/* Search and Single Radio Options */}\r\n      <Box>\r\n        {selectedAttribute && (\r\n          <CustomSearch value={searchTerm} onChange={setSearchTerm} />\r\n        )}\r\n\r\n        {dropdownData && (\r\n          <Box\r\n            className=\"attributes-filter-list\"\r\n            sx={{ mt: 2, overflow: \"auto\", maxHeight: \"calc(100dvh - 300px)\" }}\r\n          >\r\n            <FormControl>\r\n              {selectedAttributeOptions\r\n                ?.filter((option) => {\r\n                  if (!searchTerm) return true;\r\n                  return option.label\r\n                    .toLowerCase()\r\n                    .includes(searchTerm.toLowerCase());\r\n                })\r\n                .map((option) => {\r\n                  const isSelected = currentRadio.includes(option.value);\r\n                  // const isSelected = currentFilterValue.includes(option.value);\r\n\r\n                  return (\r\n                    <FormControlLabel\r\n                      key={option.value}\r\n                      control={\r\n                        <Radio\r\n                          checked={isSelected}\r\n                          onClick={() =>\r\n                            isSelected\r\n                              ? handleSingleRadioSelect(\"\")\r\n                              : handleSingleRadioSelect(option.value)\r\n                          }\r\n                        />\r\n                      }\r\n                      label={option.label}\r\n                    />\r\n                  );\r\n                })}\r\n            </FormControl>\r\n          </Box>\r\n        )}\r\n      </Box>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default AttributesFilter;\r\n","export function deepMergeObjects<T>(target: T, source: Partial<T>): T {\r\n  const output = { ...target };\r\n  for (const key in source) {\r\n    if (\r\n      source[key] &&\r\n      typeof source[key] === \"object\" &&\r\n      !Array.isArray(source[key])\r\n    ) {\r\n      output[key] = deepMergeObjects(\r\n        (target as any)[key] || {},\r\n        (source as any)[key]\r\n      );\r\n    } else {\r\n      (output as any)[key] = source[key];\r\n    }\r\n  }\r\n  return output;\r\n}\r\n","import { Box } from \"@mui/material\";\r\nimport { FilterFormComponentProps } from \"../../../types/filter\";\r\nimport MainFilter from \"./main-filter\";\r\nimport SavedFilter from \"./saved-filter\";\r\nimport AttributesFilter from \"./attributes-filter\";\r\n\r\ninterface Props extends FilterFormComponentProps {\r\n  searchTerm: string;\r\n  setSearchTerm: React.Dispatch<React.SetStateAction<string>>;\r\n}\r\n\r\nconst SingleFilterRendering = ({\r\n  columnsData,\r\n  dropdownData,\r\n  tableStates,\r\n  onSaveFilterButtonClick,\r\n  onChangeFunction,\r\n  filterComponentOptions,\r\n  editMode,\r\n  setEditMode,\r\n  setDeleteFilterModalOpen,\r\n  tabValue,\r\n  searchTerm,\r\n  setSearchTerm,\r\n}: Props) => {\r\n  const showFilter = filterComponentOptions?.tabOptions?.showFilter;\r\n\r\n  const commonProps = {\r\n    columnsData,\r\n    dropdownData,\r\n    tableStates,\r\n    onChangeFunction,\r\n  };\r\n\r\n  const editProps = {\r\n    editMode,\r\n    setEditMode,\r\n    setDeleteFilterModalOpen,\r\n    tabValue,\r\n  };\r\n\r\n  const attributesProps = {\r\n    searchTerm,\r\n    setSearchTerm,\r\n    tabValue,\r\n  };\r\n\r\n  return (\r\n    <Box sx={{ padding: \"1.5rem 0.75rem\", height: \"100%\" }}>\r\n      {showFilter === \"main\" && (\r\n        <MainFilter\r\n          {...commonProps}\r\n          onSaveFilterButtonClick={onSaveFilterButtonClick}\r\n          filterComponentOptions={filterComponentOptions}\r\n        />\r\n      )}\r\n\r\n      {showFilter === \"saved\" && (\r\n        <SavedFilter\r\n          {...commonProps}\r\n          {...editProps}\r\n          onSaveFilterButtonClick={onSaveFilterButtonClick}\r\n          filterComponentOptions={filterComponentOptions}\r\n        />\r\n      )}\r\n\r\n      {showFilter === \"attributes\" && (\r\n        <AttributesFilter {...commonProps} {...attributesProps} />\r\n      )}\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default SingleFilterRendering;\r\n","import {\r\n  ChangeEvent,\r\n  Dispatch,\r\n  SetStateAction,\r\n  useEffect,\r\n  useState,\r\n} from \"react\";\r\nimport {\r\n  Box,\r\n  Button,\r\n  Checkbox,\r\n  Dialog,\r\n  DialogContent,\r\n  DialogTitle,\r\n  Divider,\r\n  FormControlLabel,\r\n  IconButton,\r\n  TextField,\r\n  Typography,\r\n} from \"@mui/material\";\r\nimport { CloseIcon } from \"../../../../assets/svg\";\r\nimport {\r\n  FilterFormComponentProps,\r\n  FilterMasterStateProps,\r\n} from \"../../../types/filter\";\r\nimport CalendarTodayIcon from \"@mui/icons-material/CalendarToday\";\r\nimport { USER_ID } from \"../../../libs/utils/common\";\r\n// import { set } from \"react-hook-form\";\r\n\r\nconst primary = \"#7A5AF8\";\r\n\r\ninterface SavedFilterModalViewProps {\r\n  open: boolean;\r\n  onClose: () => void;\r\n  onSave: () => void;\r\n  filterMaster: FilterMasterStateProps | null;\r\n  setFilterMaster: Dispatch<SetStateAction<FilterMasterStateProps | null>>;\r\n  columnsData: FilterFormComponentProps | undefined;\r\n  hasSavedFilters?: boolean;\r\n  forceShowSharingControls?: boolean;\r\n  disableShareFilter?: boolean;\r\n}\r\n\r\nconst SavedFilterModalView = ({\r\n  open,\r\n  onClose,\r\n  onSave,\r\n  filterMaster,\r\n  setFilterMaster,\r\n  columnsData,\r\n  disableShareFilter = false,\r\n  forceShowSharingControls = false,\r\n}: SavedFilterModalViewProps) => {\r\n  const [shareWithTeam, setShareWithTeam] = useState<boolean>(false);\r\n  const [allowTeamEdit, setAllowTeamEdit] = useState<boolean>(false);\r\n  const filterNameValue = filterMaster?.saved_filters?.selectedName ?? \"\";\r\n  const discriptionValue = filterMaster?.saved_filters?.description ?? \"\";\r\n\r\n  const isSaveDisabled =\r\n    !filterNameValue.trim() || (allowTeamEdit && !shareWithTeam);\r\n\r\n  const selectedFilterId = filterMaster?.saved_filters?.selectedId || \"\";\r\n\r\n  // Reset modal state when modal opens for a new filter\r\n  useEffect(() => {\r\n    if (!open) return;\r\n\r\n    const filterId = filterMaster?.saved_filters?.selectedId;\r\n    const filterObj1 = columnsData?.shared_filter?.find(\r\n      (f: any) => f.id === filterId\r\n    );\r\n    // NEW FILTER → RESET everything\r\n    if (!filterId && !filterObj1) {\r\n      setFilterMaster((prev: any) => {\r\n        if (!prev) return prev;\r\n        return {\r\n          ...prev,\r\n          saved_filters: {\r\n            ...(prev.saved_filters ?? {}),\r\n            selectedId: null,\r\n            selectedName: \"\",\r\n            description: \"\",\r\n            is_shared: false,\r\n            is_editable: false,\r\n          },\r\n        };\r\n      });\r\n      setShareWithTeam(false);\r\n      setAllowTeamEdit(false);\r\n      return;\r\n    }\r\n\r\n    // EXISTING FILTER → Load from columnsData.saved_filter\r\n    const filterObj = columnsData?.shared_filter?.find(\r\n      (f: any) => f.id === filterId\r\n    );\r\n    if (filterObj) {\r\n      setFilterMaster((prev) => {\r\n        if (!prev) return prev;\r\n        return {\r\n          ...prev,\r\n          saved_filters: {\r\n            ...(prev.saved_filters ?? {}),\r\n            selectedId: filterId,\r\n            selectedName: filterObj.name || \"\",\r\n            description: filterObj.description || \"\",\r\n            is_shared: filterObj.is_shared || false,\r\n            is_editable: filterObj.is_editable === \"true\",\r\n          },\r\n        };\r\n      });\r\n      // const initialShare = filterObj.is_shared ?? false;\r\n      // const initialAllow = initialShare\r\n      //   ? filterObj.is_editable === \"true\"\r\n      //   : false;\r\n      // setShareWithTeam(initialShare);\r\n      // setAllowTeamEdit(initialAllow);\r\n      const initialShare =\r\n        filterObj.is_shared === true || filterObj.is_shared === \"true\";\r\n      const initialAllow =\r\n        initialShare &&\r\n        (filterObj.is_editable === true || filterObj.is_editable === \"true\");\r\n\r\n      setShareWithTeam(initialShare);\r\n      setAllowTeamEdit(initialAllow);\r\n\r\n      persistPreferences(initialShare, initialAllow);\r\n    }\r\n  }, [\r\n    open,\r\n    columnsData,\r\n    filterMaster?.saved_filters?.selectedId,\r\n    setFilterMaster,\r\n  ]); // Added dependencies for loading\r\n\r\n  // Persist toggle state to filterMaster\r\n  const persistPreferences = (sharedValue: boolean, editableValue: boolean) => {\r\n    setFilterMaster((prev) => {\r\n      if (!prev) return prev;\r\n\r\n      return {\r\n        ...prev,\r\n        saved_filters: {\r\n          ...(prev.saved_filters ?? {}),\r\n          is_shared: sharedValue,\r\n          is_editable: editableValue,\r\n        },\r\n      };\r\n    });\r\n  };\r\n\r\n  // Handle Share Toggle\r\n\r\n  const handleShareToggle = (\r\n    _: ChangeEvent<HTMLInputElement>,\r\n    checked: boolean\r\n  ) => {\r\n    setShareWithTeam(checked);\r\n\r\n    const nextAllow = checked ? allowTeamEdit : false;\r\n    setAllowTeamEdit(nextAllow);\r\n\r\n    persistPreferences(checked, nextAllow);\r\n  };\r\n\r\n  // Handle Allow Edit Toggle\r\n\r\n  const handleAllowEditToggle = (\r\n    _: ChangeEvent<HTMLInputElement>,\r\n    checked: boolean\r\n  ) => {\r\n    if (!shareWithTeam) return; // Cannot enable edit without sharing\r\n\r\n    setAllowTeamEdit(checked);\r\n    persistPreferences(shareWithTeam, checked);\r\n  };\r\n\r\n  const shouldShowSharingControls = forceShowSharingControls || true; // always show\r\n\r\n  const getModalTitle = () => {\r\n    const selectedId = filterMaster?.saved_filters?.selectedId;\r\n\r\n    if (!selectedId) return \"Save Filter\"; // new filter\r\n\r\n    const filterObj = columnsData?.shared_filter?.find(\r\n      (f: any) => f.id === selectedId\r\n    );\r\n    if (filterObj?.is_shared) {\r\n      return \"Shared Filter\";\r\n    }\r\n    return \"My Filter\";\r\n  };\r\n\r\n  const handleSave = () => {\r\n    persistPreferences(shareWithTeam, allowTeamEdit);\r\n    onSave(); // call original save handler\r\n  };\r\n\r\n  // Get the selected filter object from columnsData.saved_filter\r\n  const selectedFilter = columnsData?.shared_filter?.find(\r\n    (f: any) => f.id === selectedFilterId\r\n  );\r\n\r\n  const selectedSavedFilter = columnsData?.shared_filter?.find(\r\n    (f: any) => f.id === selectedFilterId\r\n  );\r\n\r\n  const isOwner = String(selectedSavedFilter?.is_owner) === \"true\";\r\n\r\n  // Check if we should show prefields\r\n  const showPrefields =\r\n    (selectedSavedFilter && selectedSavedFilter.is_editable === \"true\") ||\r\n    selectedSavedFilter;\r\n\r\n  // Disable checkboxes if prefields are shown\r\n  const showCheckboxes = !showPrefields;\r\n\r\n  const isNewFilter = !selectedSavedFilter;\r\n\r\n  const isshow = isOwner;\r\n\r\n  return (\r\n    <Dialog open={open} onClose={onClose} maxWidth=\"sm\" fullWidth>\r\n      <DialogTitle sx={{ display: \"flex\", justifyContent: \"space-between\" }}>\r\n        <Typography fontSize={18} fontWeight={600} marginTop={1}>\r\n          {getModalTitle()}\r\n        </Typography>\r\n        <Box onClick={onClose} sx={{ cursor: \"pointer\" }}>\r\n          <CloseIcon />\r\n        </Box>\r\n      </DialogTitle>\r\n\r\n      <Divider sx={{ mx: \"25px\", my: \"2px\", bgcolor: \"#f9f7f727\" }} />\r\n\r\n      <DialogContent sx={{ pt: 0 }}>\r\n        <Typography my={1} fontSize={\"14px\"}>\r\n          Give a name to this filter so you can easily reuse it later.\r\n        </Typography>\r\n        {/* Filter Name */}\r\n        <Typography mt={2} fontSize={11}>\r\n          Filter Name\r\n        </Typography>\r\n        <TextField\r\n          fullWidth\r\n          size=\"small\"\r\n          value={filterNameValue}\r\n          onChange={(e) =>\r\n            setFilterMaster((prev) => {\r\n              if (!prev) return prev;\r\n              return {\r\n                ...prev,\r\n                saved_filters: {\r\n                  ...(prev.saved_filters ?? {}),\r\n                  selectedName: e.target.value,\r\n                },\r\n              };\r\n            })\r\n          }\r\n          sx={{\r\n            mb: 0,\r\n            \"& .MuiOutlinedInput-root\": {\r\n              width: \"50%\",\r\n              \"& fieldset\": { borderColor: \"#888\" },\r\n              \"&:hover fieldset\": { borderColor: \"black\" },\r\n              \"&.Mui-focused fieldset\": { borderColor: primary },\r\n              \"& .MuiInputBase-input\": { fontSize: \"12px\" },\r\n            },\r\n          }}\r\n        />\r\n        {/* Description */}\r\n        <Typography mt={2} fontSize={11}>\r\n          Description\r\n        </Typography>\r\n        <TextField\r\n          fullWidth\r\n          minRows={3}\r\n          value={discriptionValue}\r\n          size=\"small\"\r\n          sx={{\r\n            mb: 1,\r\n            \"& .MuiOutlinedInput-root\": {\r\n              \"& fieldset\": { borderColor: \"#888\" },\r\n              \"&:hover fieldset\": { borderColor: \"black\" },\r\n              \"&.Mui-focused fieldset\": { borderColor: primary },\r\n            },\r\n          }}\r\n          onChange={(e) => {\r\n            const val = e.target.value;\r\n\r\n            // block more than 200 chars\r\n            if (val.length > 200) return;\r\n\r\n            setFilterMaster((prev) => {\r\n              if (!prev) return prev;\r\n              return {\r\n                ...prev,\r\n                saved_filters: {\r\n                  ...(prev.saved_filters ?? {}),\r\n                  description: val,\r\n                },\r\n              };\r\n            });\r\n          }}\r\n        />\r\n\r\n        <Typography sx={{ mb: 1, fontSize: 12, color: \"#888\" }}>\r\n          (Max. 200 Characters)\r\n        </Typography>\r\n        {/* Sharing Controls */}\r\n        {shouldShowSharingControls &&\r\n          (showCheckboxes || isshow) &&\r\n          !disableShareFilter && (\r\n            <Box\r\n              sx={{\r\n                display: \"flex\",\r\n                flexDirection: \"column\",\r\n                gap: 0.5,\r\n                \"& .MuiFormControlLabel-label\": { fontSize: \"14px\" },\r\n              }}\r\n            >\r\n              <FormControlLabel\r\n                control={\r\n                  <Checkbox\r\n                    size=\"small\"\r\n                    checked={shareWithTeam}\r\n                    onChange={handleShareToggle}\r\n                    sx={{\r\n                      color: \"black\",\r\n                      \"&.Mui-checked\": { color: \"black\" },\r\n                    }}\r\n                  />\r\n                }\r\n                label=\"Share with team member.\"\r\n              />\r\n\r\n              {shareWithTeam && (\r\n                <FormControlLabel\r\n                  control={\r\n                    <Checkbox\r\n                      size=\"small\"\r\n                      checked={allowTeamEdit}\r\n                      onChange={handleAllowEditToggle}\r\n                      sx={{\r\n                        color: \"black\",\r\n                        \"&.Mui-checked\": { color: \"black\" },\r\n                      }}\r\n                    />\r\n                  }\r\n                  label=\"Allow editing to Team member\"\r\n                />\r\n              )}\r\n            </Box>\r\n          )}\r\n        {/* prefields */}\r\n        {showPrefields && !isshow && (\r\n          <Box\r\n            sx={{\r\n              display: \"grid\",\r\n              gridTemplateColumns: \"1fr 1fr\",\r\n              gap: 3,\r\n              mt: 2,\r\n            }}\r\n          >\r\n            <Box>\r\n              <Typography\r\n                sx={{\r\n                  fontSize: \"14px\",\r\n                  fontWeight: 500,\r\n                  color: \"#6b6b6b\",\r\n                  mb: 0.5,\r\n                }}\r\n              >\r\n                Created On*\r\n              </Typography>\r\n\r\n              <TextField\r\n                fullWidth\r\n                size=\"small\"\r\n                value={\r\n                  selectedFilter?.created_date\r\n                    ? new Date(selectedFilter.created_date).toLocaleString()\r\n                    : \"\"\r\n                } // format date\r\n                InputProps={{\r\n                  readOnly: true,\r\n                  endAdornment: (\r\n                    <IconButton size=\"small\">\r\n                      <CalendarTodayIcon fontSize=\"small\" />\r\n                    </IconButton>\r\n                  ),\r\n                  sx: {\r\n                    backgroundColor: \"#0E0C0B0F\",\r\n                    borderRadius: \"4px\",\r\n                  },\r\n                }}\r\n              />\r\n            </Box>\r\n\r\n            <Box>\r\n              <Typography\r\n                sx={{\r\n                  fontSize: \"14px\",\r\n                  fontWeight: 500,\r\n                  color: \"#6b6b6b\",\r\n                  mb: 0.5,\r\n                }}\r\n              >\r\n                Created By*\r\n              </Typography>\r\n              <TextField\r\n                fullWidth\r\n                size=\"small\"\r\n                value={selectedFilter?.created_by || \"\"}\r\n                InputProps={{\r\n                  readOnly: true,\r\n                  sx: {\r\n                    backgroundColor: \"#0E0C0B0F\",\r\n                    borderRadius: \"4px\",\r\n                  },\r\n                }}\r\n              />\r\n            </Box>\r\n\r\n            <Box>\r\n              <Typography\r\n                sx={{\r\n                  fontSize: \"14px\",\r\n                  fontWeight: 500,\r\n                  color: \"#6b6b6b\",\r\n                  mb: 0.5,\r\n                }}\r\n              >\r\n                Modified On*\r\n              </Typography>\r\n\r\n              <TextField\r\n                fullWidth\r\n                size=\"small\"\r\n                value={\r\n                  selectedFilter?.modified_date\r\n                    ? new Date(selectedFilter.modified_date).toLocaleString()\r\n                    : \"\"\r\n                }\r\n                InputProps={{\r\n                  readOnly: true,\r\n                  endAdornment: (\r\n                    <IconButton size=\"small\">\r\n                      <CalendarTodayIcon fontSize=\"small\" />\r\n                    </IconButton>\r\n                  ),\r\n\r\n                  sx: {\r\n                    backgroundColor: \"#0E0C0B0F\",\r\n                    borderRadius: \"4px\",\r\n                  },\r\n                }}\r\n              />\r\n            </Box>\r\n\r\n            <Box>\r\n              <Typography\r\n                sx={{\r\n                  fontSize: \"14px\",\r\n                  fontWeight: 500,\r\n                  color: \"#6b6b6b\",\r\n                  mb: 0.5,\r\n                }}\r\n              >\r\n                Modified By*\r\n              </Typography>\r\n              <TextField\r\n                fullWidth\r\n                size=\"small\"\r\n                value={selectedFilter?.modified_by || \"\"}\r\n                InputProps={{\r\n                  readOnly: true,\r\n                  sx: {\r\n                    backgroundColor: \"#0E0C0B0F\",\r\n                    borderRadius: \"4px\",\r\n                  },\r\n                }}\r\n              />\r\n            </Box>\r\n          </Box>\r\n        )}\r\n        {/* Buttons */}\r\n        <Box\r\n          sx={{ display: \"flex\", justifyContent: \"flex-end\", gap: 1, mt: 3 }}\r\n        >\r\n          <Button\r\n            variant=\"outlined\"\r\n            onClick={onClose}\r\n            sx={{\r\n              borderColor: primary,\r\n              color: primary,\r\n              \"&:hover\": {\r\n                borderColor: primary,\r\n                backgroundColor: \"rgba(122, 90, 248, 0.04)\",\r\n              },\r\n            }}\r\n          >\r\n            Cancel\r\n          </Button>\r\n\r\n          <Button\r\n            variant=\"contained\"\r\n            onClick={handleSave}\r\n            disabled={isSaveDisabled}\r\n            sx={{\r\n              backgroundColor: primary,\r\n              \"&:hover\": { backgroundColor: \"#6A4DE8\" },\r\n              \"&.Mui-disabled\": {\r\n                backgroundColor: \"#d7cefd\",\r\n                color: \"rgba(255, 255, 255, 0.7)\",\r\n              },\r\n            }}\r\n          >\r\n            Save\r\n          </Button>\r\n        </Box>\r\n      </DialogContent>\r\n    </Dialog>\r\n  );\r\n};\r\n\r\nexport default SavedFilterModalView;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { Box, IconButton, Typography } from \"@mui/material\";\r\nimport CloseIcon from \"@mui/icons-material/Close\";\r\nimport {\r\n  FilterComponentOptions,\r\n  FilterDrawerProps,\r\n  FilterMasterStateProps,\r\n} from \"../../types/filter\";\r\nimport ConfirmModal, { InputField } from \"../common/confirm-modal\";\r\nimport CustomTabPanel from \"./components/tabs/custom-tab-panel\";\r\nimport CustomTabs, { TabItem } from \"./components/tabs/index\";\r\nimport MainFilter from \"./components/main-filter\";\r\nimport SavedFilter from \"./components/saved-filter\";\r\nimport AttributesFilter from \"./components/attributes-filter\";\r\nimport { filterStyles } from \"./style\";\r\nimport { deepMergeObjects } from \"../../libs/utils/deep-merge-objects\";\r\nimport SingleFilterRendering from \"./components/single-filter-rendering\";\r\nimport SavedFilterModalView from \"../common/saved-filter-modal\";\r\n\r\nexport function TableFilter({\r\n  onClose,\r\n  columnsData,\r\n  tableStates,\r\n  onDeleteFilter,\r\n  onSaveFilter,\r\n  onUpdateFilter,\r\n  dropdownData,\r\n  onChangeFunction,\r\n  filterComponentOptions,\r\n  isFlatJson,\r\n}: FilterDrawerProps) {\r\n  const [tabValue, setTabValue] = useState(0);\r\n  const [editMode, setEditMode] = useState(false);\r\n\r\n  // remove this\r\n  const [saveFilterModalOpen, setSaveFilterModalOpen] = useState(false);\r\n  const [savedFilterModalOpen, setSavedFilterModalOpen] = useState(false);\r\n\r\n  const [deleteFilterModalOpen, setDeleteFilterModalOpen] = useState(false);\r\n\r\n  const [searchTerm, setSearchTerm] = useState<string>(\"\");\r\n\r\n  const {\r\n    filters,\r\n    setFilters,\r\n    filterToDelete,\r\n    filterMaster,\r\n    setFilterMaster,\r\n    setShowFilterOption,\r\n  } = tableStates;\r\n\r\n  const defaultOptions: FilterComponentOptions = {\r\n    showMainHeader: true,\r\n    mainHeaderTitle: \"Filter\",\r\n    showTabs: true,\r\n    tabOptions: {\r\n      isSingleFilter: false,\r\n      disableShareFilter: false,\r\n      isSingleEntity: false,\r\n      showFilter: \"main\",\r\n      mainFilter: {\r\n        showSaveButton: true,\r\n        showClearAllButton: true,\r\n      },\r\n      savedFilter: {\r\n        showBackButton: true,\r\n        editMode: false,\r\n      },\r\n    },\r\n    showMainFilter: true,\r\n    showSavedFilter: true,\r\n    showAttributesFilter: true,\r\n  };\r\n\r\n  const finalComponentOptions = deepMergeObjects<FilterComponentOptions>(\r\n    defaultOptions,\r\n    filterComponentOptions ?? {}\r\n  );\r\n\r\n  const showMainHeader = finalComponentOptions?.showMainHeader;\r\n  const mainHeaderTitle = finalComponentOptions?.mainHeaderTitle;\r\n  const showTabs = finalComponentOptions?.showTabs;\r\n  const showMainFilter = showTabs && finalComponentOptions?.showMainFilter;\r\n  const showSavedFilter = showTabs && finalComponentOptions?.showSavedFilter;\r\n  const showAttributesFilter =\r\n    showTabs && finalComponentOptions?.showAttributesFilter;\r\n  const editModeFromTabOptions =\r\n    finalComponentOptions?.tabOptions?.savedFilter?.editMode;\r\n\r\n  useEffect(() => {\r\n    if (editModeFromTabOptions) {\r\n      setEditMode(editModeFromTabOptions);\r\n    }\r\n  }, [editModeFromTabOptions]);\r\n\r\n  // Map tabs to type\r\n  const tabMapping: TabItem[] = [];\r\n  if (showMainFilter) tabMapping.push({ label: \"Filter\" });\r\n  if (showSavedFilter) tabMapping.push({ label: \"Saved Filter\" });\r\n  if (showAttributesFilter) tabMapping.push({ label: \"Attributes\" });\r\n\r\n  const clearAttributeRadio = () => {\r\n    const newFilterMaster = {\r\n      ...filterMaster,\r\n      attributes: {\r\n        ...filterMaster?.attributes,\r\n        radio: [],\r\n      },\r\n      activeFilterTabIndex: 0,\r\n    };\r\n\r\n    setFilterMaster(newFilterMaster as FilterMasterStateProps);\r\n  };\r\n\r\n  const filterNameInput: InputField = {\r\n    label: \"Filter Name\",\r\n    placeholder: 'e.g., \"Website Leads - This Week\"',\r\n    required: true,\r\n    type: \"text\",\r\n  };\r\n\r\n  const hasSavedFilterRecords = Boolean(columnsData?.saved_filter?.length);\r\n\r\n  // const handleSaveFilterButtonClick = () => {\r\n  //   if (editMode) {\r\n  //     setSavedFilterModalOpen(true);\r\n  //     return;\r\n  //   }\r\n\r\n  //   setSavedFilterModalOpen(true);\r\n  // };\r\n\r\n  // const handleSaveFilterButtonClick = () => {\r\n  //   // Reset filterMaster fields when creating a new filter\r\n  //   if (!editMode) {\r\n  //     setFilterMaster((prev) => ({\r\n  //       ...prev,\r\n  //       saved_filters: {\r\n  //         selectedId: \"\",\r\n  //         selectedName: \"\",\r\n  //         selectedCode: \"\",\r\n  //         description: \"\",\r\n  //         shareWithTeam: false,\r\n  //         allowTeamEdit: false,\r\n  //       },\r\n  //     }));\r\n  //   }\r\n\r\n  //   setSavedFilterModalOpen(true);\r\n  // };\r\n\r\n  const handleSaveFilterButtonClick = () => {\r\n    if (!editMode) {\r\n      setFilterMaster((prev) => {\r\n        if (!prev) return prev;\r\n\r\n        return {\r\n          ...prev,\r\n          saved_filters: {\r\n            ...prev.saved_filters,\r\n            shareWithTeam: false,\r\n            allowTeamEdit: false,\r\n          },\r\n        };\r\n      });\r\n    }\r\n\r\n    setSavedFilterModalOpen(true);\r\n  };\r\n\r\n  const handleSavedFilterModalSave = () => {\r\n    const selectedId = filterMaster?.saved_filters?.selectedId;\r\n    const selectedName = filterMaster?.saved_filters?.selectedName || \"\";\r\n    const description = filterMaster?.saved_filters?.description || \"\";\r\n\r\n    const selectedCode = filterMaster?.saved_filters?.selectedCode;\r\n\r\n    const newFilterMasterState = {\r\n      ...filterMaster,\r\n      saved_filters: {\r\n        ...(filterMaster?.saved_filters ?? {}),\r\n        selectedId,\r\n        selectedName,\r\n        selectedCode,\r\n        description,\r\n      },\r\n    } as FilterMasterStateProps;\r\n\r\n    setFilterMaster(newFilterMasterState);\r\n\r\n    const newState = {\r\n      filterMaster: newFilterMasterState,\r\n      filters,\r\n    };\r\n\r\n    onChangeFunction && onChangeFunction(newState);\r\n\r\n    if (editMode) {\r\n      onUpdateFilter && onUpdateFilter(selectedName);\r\n      const isSingleSavedFilterEditMode =\r\n        filterComponentOptions?.tabOptions?.savedFilter?.editMode;\r\n      if (!isSingleSavedFilterEditMode) {\r\n        setEditMode(false);\r\n      }\r\n    } else {\r\n      onSaveFilter && onSaveFilter(selectedName);\r\n      setTabValue(1);\r\n    }\r\n\r\n    setSavedFilterModalOpen(false);\r\n  };\r\n\r\n  const handleTabChange = (_: React.SyntheticEvent, newValue: number) => {\r\n    const tabType = tabMapping[newValue]?.label;\r\n\r\n    if (tabType === \"Attributes\" && tabMapping[tabValue]?.label === \"Filter\") {\r\n      clearAttributeRadio();\r\n    }\r\n\r\n    setTabValue(newValue);\r\n    if (newValue === 0) {\r\n      setFilterMaster((prev) => {\r\n        if (!prev) return prev;\r\n        return {\r\n          ...prev,\r\n          saved_filters: {\r\n            ...(prev.saved_filters ?? {}),\r\n            selectedId: \"\",\r\n            selectedName: \"\",\r\n            description: \"\",\r\n            is_shared: false,\r\n            is_editable: false,\r\n          },\r\n        };\r\n      });\r\n    }\r\n\r\n    if (tabType === \"Filter\") {\r\n      setEditMode(false);\r\n\r\n      setFilterMaster(\r\n        (prev) =>\r\n          ({ ...prev, activeFilterTabIndex: 0 } as FilterMasterStateProps)\r\n      );\r\n    }\r\n  };\r\n\r\n  const handleTabCrossClick = (index: number) => {\r\n    const tabType = tabMapping[index];\r\n\r\n    setFilters([]);\r\n\r\n    if (tabType?.label === \"Saved Filter\") setEditMode(false);\r\n\r\n    const patches: Partial<FilterMasterStateProps> = {};\r\n\r\n    if (tabType?.label === \"Saved Filter\") {\r\n      patches.saved_filters = {\r\n        ...(filterMaster?.saved_filters ?? {}),\r\n        selectedId: \"\",\r\n        selectedName: \"\",\r\n        selectedCode: \"\",\r\n        is_shared: undefined,\r\n        is_editable: undefined,\r\n      };\r\n    } else if (tabType?.label === \"Attributes\") {\r\n      patches.attributes = { radio: [], selected: \"\" };\r\n    }\r\n\r\n    const newFilterMasterState = {\r\n      ...filterMaster,\r\n      activeFilterTabIndex: -1,\r\n      ...patches,\r\n    } as FilterMasterStateProps;\r\n\r\n    setFilterMaster(newFilterMasterState);\r\n\r\n    onChangeFunction &&\r\n      onChangeFunction({ filterMaster: newFilterMasterState, filters });\r\n  };\r\n\r\n  const commonProps = {\r\n    columnsData,\r\n    tableStates,\r\n    onChangeFunction,\r\n    dropdownData,\r\n  };\r\n\r\n  const savedFilterProps = {\r\n    editMode,\r\n    setEditMode,\r\n    setDeleteFilterModalOpen,\r\n    tabValue,\r\n  };\r\n\r\n  const attributesProps = {\r\n    searchTerm,\r\n    setSearchTerm,\r\n  };\r\n\r\n  return (\r\n    <Box sx={filterStyles.filterContainer}>\r\n      {showMainHeader && (\r\n        <Box sx={filterStyles.filterMainHeader}>\r\n          <Typography variant=\"h6\" fontWeight=\"bold\" fontSize=\"18px\">\r\n            {mainHeaderTitle}\r\n          </Typography>\r\n          <IconButton\r\n            onClick={(e) => {\r\n              e.stopPropagation();\r\n              onClose && onClose();\r\n              setShowFilterOption(false);\r\n            }}\r\n            aria-label=\"close\"\r\n          >\r\n            <CloseIcon fontSize=\"small\" />\r\n          </IconButton>\r\n        </Box>\r\n      )}\r\n\r\n      {showTabs && (\r\n        <CustomTabs\r\n          value={tabValue}\r\n          onChange={handleTabChange}\r\n          tabItems={tabMapping}\r\n          activeFilterIndex={filterMaster?.activeFilterTabIndex ?? 0}\r\n          handleCrossClick={handleTabCrossClick}\r\n        />\r\n      )}\r\n\r\n      {!showTabs && (\r\n        <SingleFilterRendering\r\n          {...commonProps}\r\n          {...savedFilterProps}\r\n          {...attributesProps}\r\n          onSaveFilterButtonClick={handleSaveFilterButtonClick}\r\n          filterComponentOptions={finalComponentOptions}\r\n        />\r\n      )}\r\n\r\n      {showMainFilter && (\r\n        <CustomTabPanel\r\n          value={tabValue}\r\n          index={tabMapping.findIndex((tab) => tab.label === \"Filter\")}\r\n          sx={{ p: \"1.5rem 0.75rem\" }}\r\n        >\r\n          <MainFilter\r\n            {...commonProps}\r\n            onSaveFilterButtonClick={handleSaveFilterButtonClick}\r\n            filterComponentOptions={finalComponentOptions}\r\n            isFlatJson={isFlatJson}\r\n          />\r\n        </CustomTabPanel>\r\n      )}\r\n\r\n      {showSavedFilter && (\r\n        <CustomTabPanel\r\n          value={tabValue}\r\n          index={tabMapping.findIndex((tab) => tab.label === \"Saved Filter\")}\r\n          sx={{ p: \"1.5rem 0.75rem\" }}\r\n        >\r\n          <SavedFilter\r\n            {...commonProps}\r\n            {...savedFilterProps}\r\n            onSaveFilterButtonClick={handleSaveFilterButtonClick}\r\n            filterComponentOptions={finalComponentOptions}\r\n            isFlatJson={isFlatJson}\r\n          />\r\n        </CustomTabPanel>\r\n      )}\r\n\r\n      {showAttributesFilter && (\r\n        <CustomTabPanel\r\n          value={tabValue}\r\n          index={tabMapping.findIndex((tab) => tab.label === \"Attributes\")}\r\n          sx={{ p: \"1.5rem 0.75rem\" }}\r\n        >\r\n          <AttributesFilter\r\n            {...commonProps}\r\n            {...attributesProps}\r\n            tabValue={tabValue}\r\n            isFlatJson={isFlatJson}\r\n          />\r\n        </CustomTabPanel>\r\n      )}\r\n\r\n      {!filterComponentOptions?.isRuleEngine && (\r\n        <ConfirmModal\r\n          open={saveFilterModalOpen}\r\n          onClose={() => setSaveFilterModalOpen(false)}\r\n          title={editMode ? \"Replace Existing Filter ?\" : \"Save Filter\"}\r\n          description={\r\n            editMode\r\n              ? \"You already have a filter applied. Applying a new filter will replace the current one. Do you want to continue?\"\r\n              : \"Give a name to this filter so you can easily reuse it later.\"\r\n          }\r\n          buttons={[\r\n            {\r\n              label: \"Cancel\",\r\n              onClick: () => {\r\n                setSaveFilterModalOpen(false);\r\n              },\r\n              variant: \"outlined\",\r\n              color: \"primary\",\r\n              sx: {\r\n                color: \"#7A5AF8\",\r\n                border: `1px solid #7A5AF8`,\r\n              },\r\n            },\r\n            {\r\n              label: editMode ? \"Replace Filter\" : \"Save\",\r\n              onClick: (inputValue) => {\r\n                if (editMode) {\r\n                  const selectedId = filterMaster?.saved_filters?.selectedId;\r\n                  const selectedName =\r\n                    inputValue || filterMaster?.saved_filters?.selectedName;\r\n                  const selectedCode =\r\n                    filterMaster?.saved_filters?.selectedCode;\r\n                  const description =\r\n                    inputValue || filterMaster?.saved_filters?.description;\r\n\r\n                  const newFilterMasterState = {\r\n                    ...filterMaster,\r\n                    saved_filters: {\r\n                      ...(filterMaster?.saved_filters ?? {}),\r\n                      selectedId,\r\n                      selectedName,\r\n                      selectedCode,\r\n                      description,\r\n                    },\r\n                  } as FilterMasterStateProps;\r\n\r\n                  setFilterMaster(newFilterMasterState);\r\n\r\n                  const newState = {\r\n                    filterMaster: newFilterMasterState,\r\n                    filters: filters,\r\n                  };\r\n\r\n                  onChangeFunction && onChangeFunction(newState);\r\n\r\n                  onUpdateFilter && onUpdateFilter(inputValue || \"\");\r\n                  setSaveFilterModalOpen(false);\r\n                  setEditMode(false);\r\n                  return;\r\n                }\r\n\r\n                onSaveFilter && onSaveFilter(inputValue || \"\");\r\n                setSaveFilterModalOpen(false);\r\n                setTabValue(1);\r\n              },\r\n              variant: \"contained\",\r\n              color: \"primary\",\r\n              sx: {\r\n                color: \"white\",\r\n                backgroundColor: editMode ? \"#7A5AF8\" : \"#7A5AF8\",\r\n              },\r\n            },\r\n          ]}\r\n          input={editMode ? undefined : filterNameInput}\r\n        />\r\n      )}\r\n\r\n      {!filterComponentOptions?.isRuleEngine && (\r\n        <ConfirmModal\r\n          open={deleteFilterModalOpen}\r\n          onClose={() => setDeleteFilterModalOpen(false)}\r\n          title=\"Delete Saved Filter?\"\r\n          description={`You're about to delete the saved filter: \"${\r\n            filterToDelete?.label || \"[Filter Name]\"\r\n          }\". This action cannot be undone. Are you sure you want to continue?`}\r\n          buttons={[\r\n            {\r\n              label: \"Cancel\",\r\n              onClick: () => {\r\n                setDeleteFilterModalOpen(false);\r\n              },\r\n              variant: \"outlined\",\r\n              color: \"primary\",\r\n              sx: { color: \"#7A5AF8\", border: `1px solid #7A5AF8` },\r\n            },\r\n            {\r\n              label: \"Delete\",\r\n              onClick: () => {\r\n                onDeleteFilter && onDeleteFilter();\r\n                setDeleteFilterModalOpen(false);\r\n                setEditMode && setEditMode(false);\r\n              },\r\n              variant: \"contained\",\r\n              sx: {\r\n                color: \"white\",\r\n                backgroundColor: \"#f63d68\",\r\n                \"&:hover\": { backgroundColor: \"#f63d68\" },\r\n              },\r\n            },\r\n          ]}\r\n          maxWidth=\"xs\"\r\n        />\r\n      )}\r\n\r\n      {filterComponentOptions?.isRuleEngine && (\r\n        <ConfirmModal\r\n          open={saveFilterModalOpen}\r\n          onClose={() => setSaveFilterModalOpen(false)}\r\n          title={\r\n            editMode\r\n              ? filterComponentOptions?.recordFilterComponentProps?.edit\r\n                  ?.title || \"Replace Existing Filter ?\"\r\n              : filterComponentOptions?.recordFilterComponentProps?.save\r\n                  ?.title || \"Save Filter\"\r\n          }\r\n          description={\r\n            editMode\r\n              ? filterComponentOptions?.recordFilterComponentProps?.edit\r\n                  ?.description ||\r\n                \"You already have a filter applied. Applying a new filter will replace the current one. Do you want to continue?\"\r\n              : filterComponentOptions?.recordFilterComponentProps?.save\r\n                  ?.description ||\r\n                \"Give a name to this filter so you can easily reuse it later.\"\r\n          }\r\n          buttons={[\r\n            {\r\n              label:\r\n                filterComponentOptions?.recordFilterComponentProps?.save.button\r\n                  ?.primary || \"Cancel\",\r\n              onClick: () => {\r\n                setSaveFilterModalOpen(false);\r\n              },\r\n              variant: \"outlined\",\r\n              color: \"primary\",\r\n              sx: {\r\n                color: \"#7A5AF8\",\r\n                border: `1px solid #7A5AF8`,\r\n              },\r\n            },\r\n            {\r\n              label: editMode\r\n                ? filterComponentOptions?.recordFilterComponentProps?.edit\r\n                    .button?.secondary || \"Replace Filter\"\r\n                : filterComponentOptions?.recordFilterComponentProps?.save\r\n                    .button?.secondary || \"Save\",\r\n              onClick: (inputValue) => {\r\n                if (editMode) {\r\n                  const selectedId = filterMaster?.saved_filters?.selectedId;\r\n                  const selectedName =\r\n                    inputValue || filterMaster?.saved_filters?.selectedName;\r\n                  const selectedCode =\r\n                    filterMaster?.saved_filters?.selectedCode;\r\n\r\n                  const newFilterMasterState = {\r\n                    ...filterMaster,\r\n                    saved_filters: {\r\n                      ...(filterMaster?.saved_filters ?? {}),\r\n                      selectedId,\r\n                      selectedName,\r\n                      selectedCode,\r\n                    },\r\n                  } as FilterMasterStateProps;\r\n\r\n                  setFilterMaster(newFilterMasterState);\r\n\r\n                  const newState = {\r\n                    filterMaster: newFilterMasterState,\r\n                    filters: filters,\r\n                  };\r\n\r\n                  onChangeFunction && onChangeFunction(newState);\r\n\r\n                  onUpdateFilter && onUpdateFilter(inputValue || \"\");\r\n                  setSaveFilterModalOpen(false);\r\n                  let isSingleSavedFilterEditMode =\r\n                    filterComponentOptions?.tabOptions?.savedFilter?.editMode;\r\n                  if (!isSingleSavedFilterEditMode) setEditMode(false);\r\n                  return;\r\n                }\r\n\r\n                onSaveFilter && onSaveFilter(inputValue || \"\");\r\n                setSaveFilterModalOpen(false);\r\n                setTabValue(1);\r\n              },\r\n              variant: \"contained\",\r\n              color: \"primary\",\r\n              sx: {\r\n                color: \"white\",\r\n                backgroundColor: editMode ? \"#7A5AF8\" : \"#7A5AF8\",\r\n              },\r\n            },\r\n          ]}\r\n          input={editMode ? undefined : filterNameInput}\r\n        />\r\n      )}\r\n\r\n      {filterComponentOptions?.isRuleEngine && (\r\n        <ConfirmModal\r\n          open={deleteFilterModalOpen}\r\n          onClose={() => setDeleteFilterModalOpen(false)}\r\n          title={\r\n            filterComponentOptions?.recordFilterComponentProps?.delete.title ||\r\n            \"Delete Saved Filter?\"\r\n          }\r\n          description={\r\n            filterComponentOptions?.recordFilterComponentProps?.delete\r\n              .description ||\r\n            `You're about to delete the saved filter: \"${\r\n              filterToDelete?.label || \"[Filter Name]\"\r\n            }\". This action cannot be undone. Are you sure you want to continue?`\r\n          }\r\n          buttons={[\r\n            {\r\n              label:\r\n                filterComponentOptions?.recordFilterComponentProps?.delete\r\n                  .button?.primary || \"Cancel\",\r\n              onClick: () => {\r\n                setDeleteFilterModalOpen(false);\r\n              },\r\n              variant: \"outlined\",\r\n              color: \"primary\",\r\n              sx: { color: \"#7A5AF8\", border: `1px solid #7A5AF8` },\r\n            },\r\n            {\r\n              label:\r\n                filterComponentOptions?.recordFilterComponentProps?.delete\r\n                  .button?.secondary || \"Delete\",\r\n              onClick: () => {\r\n                onDeleteFilter && onDeleteFilter();\r\n                setDeleteFilterModalOpen(false);\r\n                let isSingleSavedFilterEditMode =\r\n                  filterComponentOptions?.tabOptions?.savedFilter?.editMode;\r\n                if (!isSingleSavedFilterEditMode) {\r\n                  setEditMode && setEditMode(false);\r\n                }\r\n              },\r\n              variant: \"contained\",\r\n              sx: {\r\n                color: \"white\",\r\n                backgroundColor: \"#f63d68\",\r\n                \"&:hover\": { backgroundColor: \"#f63d68\" },\r\n              },\r\n            },\r\n          ]}\r\n          maxWidth=\"xs\"\r\n        />\r\n      )}\r\n      <SavedFilterModalView\r\n        open={savedFilterModalOpen}\r\n        onClose={() => setSavedFilterModalOpen(false)}\r\n        onSave={handleSavedFilterModalSave}\r\n        filterMaster={tableStates.filterMaster}\r\n        setFilterMaster={tableStates.setFilterMaster}\r\n        hasSavedFilters={hasSavedFilterRecords}\r\n        columnsData={columnsData}\r\n        disableShareFilter={\r\n          filterComponentOptions?.tabOptions?.disableShareFilter\r\n        }\r\n      />\r\n    </Box>\r\n  );\r\n}\r\n","import { SxProps, Theme } from \"@mui/material\";\r\n\r\ninterface VerticalTabStyleProps {\r\n  mainTabsContainer: SxProps<Theme>;\r\n  mainTabContainer: SxProps<Theme>;\r\n  mainTabLabel: SxProps<Theme>;\r\n}\r\n\r\nexport const verticalTabStyles: VerticalTabStyleProps = {\r\n  mainTabsContainer: {\r\n    backgroundColor: \"#FAFAF9\",\r\n    height: \"100%\",\r\n    minWidth: \"6.75rem\",\r\n    position: \"sticky\",\r\n    top: \"0\",\r\n    left: \"0\",\r\n\r\n    \"& .MuiTabs-indicator\": {\r\n      display: \"none\",\r\n    },\r\n  },\r\n\r\n  mainTabContainer: {\r\n    borderRadius: \"0.375rem\",\r\n    padding: \"0.5rem 1.25rem\",\r\n    alignItems: \"flex-start\",\r\n    color: \"rgba(14, 12, 11, 0.9)\",\r\n    textTransform: \"initial\",\r\n    minHeight: \"38px\",\r\n\r\n    \"&.Mui-selected\": {\r\n      backgroundColor: \"rgba(122, 90, 248, 0.16)\",\r\n      color: \"#7A5AF8\",\r\n      borderRadius: \"0.375rem\",\r\n    },\r\n  },\r\n\r\n  mainTabLabel: {},\r\n};\r\n\r\ninterface HorizontalTabStyleProps {\r\n  mainTabsContainer: SxProps<Theme>;\r\n  mainTabContainer: SxProps<Theme>;\r\n  mainTabLabel: SxProps<Theme>;\r\n}\r\n\r\nexport const horizontalTabStyles: HorizontalTabStyleProps = {\r\n  mainTabsContainer: {\r\n    mb: 2,\r\n    \"& .MuiTab-root\": {\r\n      color: \"#0E0C0BE5\",\r\n      textTransform: \"none\",\r\n      fontWeight: 500,\r\n    },\r\n    \"& .Mui-selected\": {\r\n      color: \"#7A5AF8\",\r\n    },\r\n    \"& .MuiTabs-indicator\": {\r\n      backgroundColor: \"#7A5AF8\",\r\n      height: 3,\r\n    },\r\n  },\r\n\r\n  mainTabContainer: {},\r\n\r\n  mainTabLabel: {},\r\n};\r\n","import { Tabs, Tab, TabsProps, Box } from \"@mui/material\";\r\nimport { verticalTabStyles } from \"../styles\";\r\n\r\ninterface StyledTabsProps extends TabsProps {\r\n  tabItems: { label: string }[];\r\n}\r\n\r\nconst CustomVerticalTabs = ({ tabItems, ...props }: StyledTabsProps) => {\r\n  const { value, onChange } = props;\r\n\r\n  return (\r\n    <Tabs\r\n      value={value}\r\n      onChange={onChange}\r\n      aria-label=\"vertical-tabs\"\r\n      orientation=\"vertical\"\r\n      variant=\"scrollable\"\r\n      sx={verticalTabStyles.mainTabsContainer}\r\n      {...props}\r\n    >\r\n      {tabItems.map((tab, idx) => {\r\n        return (\r\n          <Tab\r\n            key={idx}\r\n            sx={verticalTabStyles.mainTabContainer}\r\n            label={\r\n              <Box sx={verticalTabStyles.mainTabLabel}>\r\n                <span>{tab.label}</span>\r\n              </Box>\r\n            }\r\n          />\r\n        );\r\n      })}\r\n    </Tabs>\r\n  );\r\n};\r\n\r\nexport default CustomVerticalTabs;\r\n","import * as React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\n\r\ninterface TabPanelProps {\r\n  children?: React.ReactNode;\r\n  index: number;\r\n  value: number;\r\n}\r\n\r\nconst CustomTabPanel = ({\r\n  children,\r\n  value,\r\n  index,\r\n  ...props\r\n}: TabPanelProps) => {\r\n  return (\r\n    <Box\r\n      role=\"tabpanel\"\r\n      hidden={value !== index}\r\n      id={`simple-tabpanel-${index}`}\r\n      aria-labelledby={`simple-tab-${index}`}\r\n      {...props}\r\n      sx={{ height: \"100%\" }}\r\n    >\r\n      {value === index && children}\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default CustomTabPanel;\r\n","import React from \"react\";\r\nimport { useSortable } from \"@dnd-kit/sortable\";\r\nimport { CSS } from \"@dnd-kit/utilities\";\r\nimport { Box } from \"@mui/material\";\r\nimport { DragIndicator } from \"@mui/icons-material\";\r\n\r\nexport interface SortableFilterItemProps {\r\n  id: string;\r\n  containerId: string;\r\n  children: React.ReactNode;\r\n}\r\n\r\nconst DraggableListItem = ({\r\n  id,\r\n  containerId,\r\n  children,\r\n}: SortableFilterItemProps) => {\r\n  const {\r\n    attributes,\r\n    listeners,\r\n    setNodeRef,\r\n    transform,\r\n    transition,\r\n    isDragging,\r\n  } = useSortable({\r\n    id,\r\n    data: {\r\n      type: \"filter-item\",\r\n      containerId,\r\n      id,\r\n    },\r\n  });\r\n\r\n  const style = {\r\n    transform: CSS.Transform.toString(transform),\r\n    transition,\r\n    opacity: isDragging ? 0.8 : 1,\r\n  };\r\n\r\n  return (\r\n    <Box\r\n      ref={setNodeRef}\r\n      style={style}\r\n      {...attributes}\r\n      sx={{\r\n        display: \"flex\",\r\n        alignItems: \"center\",\r\n        justifyContent: \"space-between\",\r\n        \"&:hover\": { bgcolor: \"#f5f5f5\" },\r\n        borderRadius: 1,\r\n        marginBottom: 1,\r\n        cursor: isDragging ? \"grabbing\" : \"default\",\r\n        boxShadow: isDragging ? \"0 2px 8px rgba(0,0,0,0.1)\" : \"none\",\r\n      }}\r\n    >\r\n      <Box\r\n        {...listeners}\r\n        sx={{ cursor: \"grab\", display: \"flex\", alignItems: \"center\" }}\r\n      >\r\n        <DragIndicator sx={{ mr: 1, color: \"#ccc\" }} />\r\n      </Box>\r\n      {children}\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default DraggableListItem;\r\n","import { SxProps, Theme } from \"@mui/material\";\r\n\r\ninterface DialogStyleProps {\r\n  dialogTitle: SxProps<Theme>;\r\n  dialogContent: SxProps<Theme>;\r\n  dialogActionsButton: SxProps<Theme>;\r\n}\r\n\r\ninterface ListingValuesStyleProps {\r\n  wrapper: SxProps<Theme>;\r\n  heading: SxProps<Theme>;\r\n  button: SxProps<Theme>;\r\n  draggableContainer: SxProps<Theme>;\r\n  draggableCover: SxProps<Theme>;\r\n  itemLabel: SxProps<Theme>;\r\n  headerContainer: SxProps<Theme>;\r\n}\r\ninterface TabStyleProps {\r\n  mainTabsHeader: SxProps<Theme>;\r\n  mainTabSelect: SxProps<Theme>;\r\n  mainTabDropdown: SxProps<Theme>;\r\n  selectDropdownSeparator: SxProps<Theme>;\r\n  checkboxStyle: SxProps<Theme>;\r\n}\r\n\r\nexport const dialogStyles: DialogStyleProps = {\r\n  dialogTitle: {\r\n    backgroundColor: \"#FBFBFC\",\r\n    display: \"flex\",\r\n    justifyContent: \"space-between\",\r\n    alignItems: \"center\",\r\n    padding: \"0.75rem\",\r\n  },\r\n\r\n  dialogContent: {\r\n    display: \"flex\",\r\n    gap: \"1rem\",\r\n    paddingTop: \"1rem !important\",\r\n  },\r\n\r\n  dialogActionsButton: {\r\n    backgroundColor: \"#7A5AF8\",\r\n    color: \"#fff\",\r\n  },\r\n};\r\n\r\nexport const listingValuesStyles: ListingValuesStyleProps = {\r\n  wrapper: {\r\n    border: \"0.5px solid #0E0C0B1F\",\r\n    borderRadius: \"8px\",\r\n    // minHeight: \"10rem\",\r\n    backgroundColor: \"#fdfdfc\",\r\n    zIndex: 10,\r\n    overflow: \"hidden\",\r\n  },\r\n  heading: { fontWeight: 400, color: \"#0E0C0BB2\", fontSize: \"16px\" },\r\n  button: { fontSize: \"13px\", textTransform: \"none\", color: \"#0E0C0BB2\" },\r\n  draggableContainer: {\r\n    maxHeight: 200,\r\n    borderRadius: 1,\r\n    mt: 2,\r\n    transition: \"background-color 0.2s ease\",\r\n  },\r\n  draggableCover: {\r\n    minHeight: \"200px\",\r\n    maxHeight: \"200px\",\r\n    overflowY: \"auto\",\r\n  },\r\n  itemLabel: { display: \"flex\", alignItems: \"center\", flex: 1 },\r\n  headerContainer: {\r\n    display: \"flex\",\r\n    justifyContent: \"space-between\",\r\n    alignItems: \"center\",\r\n    mb: 2,\r\n  },\r\n};\r\n\r\nexport const TabsStyles: TabStyleProps = {\r\n  mainTabsHeader: {\r\n    fontStyle: \"italic\",\r\n    fontWeight: 400,\r\n    fontSize: \"12px\",\r\n    color: \"#0E0C0BB2\",\r\n  },\r\n  mainTabDropdown: {\r\n    display: \"flex\",\r\n    alignItems: \"center\",\r\n    justifyContent: \"space-between\",\r\n    width: \"50%\",\r\n    paddingRight: 1,\r\n  },\r\n  mainTabSelect: {\r\n    width: \"65%\",\r\n    \"& .MuiOutlinedInput-root\": {\r\n      borderRadius: \"6px\",\r\n      \"&.Mui-focused .MuiOutlinedInput-notchedOutline\": {\r\n        borderColor: \"#7A5AF8\",\r\n      },\r\n    },\r\n  },\r\n\r\n  selectDropdownSeparator: {\r\n    width: \"30%\",\r\n    \"& .MuiOutlinedInput-root\": {\r\n      borderRadius: \"6px\",\r\n      \"&.Mui-focused .MuiOutlinedInput-notchedOutline\": {\r\n        borderColor: \"#7A5AF8\",\r\n      },\r\n    },\r\n  },\r\n\r\n  checkboxStyle: {\r\n    display: \"flex\",\r\n    flexDirection: \"column\",\r\n  },\r\n};\r\n","import {\r\n  Alert,\r\n  Box,\r\n  Button,\r\n  Grid,\r\n  IconButton,\r\n  Typography,\r\n} from \"@mui/material\";\r\nimport CustomSearch from \"../../filter/components/search/index.tsx\";\r\nimport {\r\n  SortableContext,\r\n  verticalListSortingStrategy,\r\n} from \"@dnd-kit/sortable\";\r\nimport { useDroppable } from \"@dnd-kit/core\";\r\nimport DraggableListItem from \"./draggable-listitem.tsx\";\r\nimport { listingValuesStyles } from \"../style.ts\";\r\nimport Loader from \"../../common/loader/loader.tsx\";\r\nimport { ClosedEyeIcon, EyeIcon } from \"../../../../assets/svg.tsx\";\r\nimport React from \"react\";\r\n``;\r\n\r\ninterface FilterValue {\r\n  label: string;\r\n  value: string;\r\n}\r\n\r\ninterface ListingValuesProps {\r\n  filteredValues: FilterValue[];\r\n  buttonText: string;\r\n  onClick: () => void;\r\n  headerText: string;\r\n  searchTerm?: string;\r\n  setSearchTerm?: React.Dispatch<React.SetStateAction<string>>;\r\n  containerId: string;\r\n  tabsApiDataLoading?: boolean;\r\n  onItemToggle: (\r\n    item: { label: string; value: string },\r\n    fromContainerId: string\r\n  ) => void;\r\n  enableDragAndDrop?: boolean;\r\n  isQuickTabActive?: boolean;\r\n  AlertComponenet?: React.ReactNode;\r\n}\r\n\r\nconst ListingValuesContent = ({\r\n  item,\r\n  containerId,\r\n  onItemToggle,\r\n}: {\r\n  item: FilterValue;\r\n  containerId: string;\r\n  onItemToggle: (\r\n    item: { label: string; value: string },\r\n    fromContainerId: string\r\n  ) => void;\r\n}) => {\r\n  return (\r\n    <Box\r\n      sx={{\r\n        display: \"flex\",\r\n        alignItems: \"center\",\r\n        justifyContent: \"space-between\",\r\n        gap: 1,\r\n        flex: 1,\r\n        color: containerId === \"tabs\" ? \"black\" : \"#9e9d9b\",\r\n      }}\r\n    >\r\n      <Typography>{item.label}</Typography>\r\n      <IconButton size=\"small\" onClick={() => onItemToggle(item, containerId)}>\r\n        {containerId === \"tabs\" ? <EyeIcon /> : <ClosedEyeIcon />}\r\n      </IconButton>\r\n    </Box>\r\n  );\r\n};\r\n\r\nconst ListingValues = ({\r\n  filteredValues,\r\n  buttonText,\r\n  onClick,\r\n  headerText,\r\n  searchTerm,\r\n  setSearchTerm,\r\n  containerId,\r\n  tabsApiDataLoading,\r\n  onItemToggle,\r\n  enableDragAndDrop = true,\r\n  AlertComponenet,\r\n}: ListingValuesProps) => {\r\n  const { setNodeRef } = useDroppable({\r\n    id: containerId,\r\n    data: {\r\n      type: \"container\",\r\n      containerId: containerId,\r\n    },\r\n  });\r\n\r\n  return (\r\n    <Grid size={6} sx={listingValuesStyles.wrapper}>\r\n      {tabsApiDataLoading ? (\r\n        <Loader />\r\n      ) : (\r\n        <>\r\n          <Box\r\n            sx={{\r\n              p: 2,\r\n              // border: \"1px solid #1a191934\",\r\n              backgroundColor: \"#fdfdfc\",\r\n              borderRadius: \"12px\",\r\n              top: 2,\r\n              // height: \"100%\",\r\n            }}\r\n          >\r\n            <Box sx={listingValuesStyles.headerContainer}>\r\n              <Typography variant=\"h6\" sx={listingValuesStyles.heading}>\r\n                {headerText}\r\n              </Typography>\r\n              <Button\r\n                onClick={onClick}\r\n                variant=\"text\"\r\n                size=\"small\"\r\n                sx={listingValuesStyles.button}\r\n                disabled={filteredValues.length === 0}\r\n              >\r\n                {buttonText}\r\n              </Button>\r\n            </Box>\r\n\r\n            {searchTerm !== undefined && setSearchTerm !== undefined && (\r\n              <CustomSearch value={searchTerm} onChange={setSearchTerm} />\r\n            )}\r\n\r\n            <Box ref={setNodeRef} sx={listingValuesStyles.draggableContainer}>\r\n              {enableDragAndDrop ? (\r\n                <SortableContext\r\n                  items={filteredValues.map((item) => item.value)}\r\n                  strategy={verticalListSortingStrategy}\r\n                >\r\n                  <Box sx={listingValuesStyles.draggableCover}>\r\n                    {filteredValues.map((item) => (\r\n                      <DraggableListItem\r\n                        key={item.value}\r\n                        id={item.value}\r\n                        containerId={containerId}\r\n                      >\r\n                        <ListingValuesContent\r\n                          item={item}\r\n                          containerId={containerId}\r\n                          onItemToggle={onItemToggle}\r\n                        />\r\n                      </DraggableListItem>\r\n                    ))}\r\n                  </Box>\r\n                </SortableContext>\r\n              ) : (\r\n                <Box sx={listingValuesStyles.draggableCover}>\r\n                  {filteredValues?.length > 0 &&\r\n                    filteredValues.map((item) => (\r\n                      <ListingValuesContent\r\n                        key={item.value}\r\n                        item={item}\r\n                        containerId={containerId}\r\n                        onItemToggle={onItemToggle}\r\n                      />\r\n                    ))}\r\n                </Box>\r\n              )}\r\n            </Box>\r\n          </Box>\r\n          {AlertComponenet && AlertComponenet}\r\n        </>\r\n      )}\r\n    </Grid>\r\n  );\r\n};\r\n\r\nexport default ListingValues;\r\n","import { Alert, Box } from \"@mui/material\";\r\n\r\ninterface InfoAlertProps {\r\n  message: string;\r\n  width?: string | number;\r\n  top?: number | string;\r\n  color?: string;\r\n  zIndex?: number;\r\n  position?: \"absolute\" | \"relative\" | \"fixed\" | \"sticky\";\r\n}\r\n\r\nconst InfoAlert = ({\r\n  message,\r\n  width = \"100%\",\r\n  top = 10,\r\n  color = \"#088AB2\",\r\n  zIndex = -1,\r\n  position = \"absolute\",\r\n}: InfoAlertProps) => {\r\n  return (\r\n    <Box\r\n      sx={{\r\n        fontSize: \"12px\",\r\n        color,\r\n        width,\r\n        height: \"fit-content\",\r\n        position,\r\n        zIndex,\r\n        top,\r\n      }}\r\n    >\r\n      <Alert sx={{ borderRadius: \"12px 12px 0 0 !important\" }} severity=\"info\">\r\n        {message}\r\n      </Alert>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default InfoAlert;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport {\r\n  Box,\r\n  Select,\r\n  MenuItem,\r\n  FormControl,\r\n  Typography,\r\n  Checkbox,\r\n  FormControlLabel,\r\n  Grid,\r\n  Alert,\r\n} from \"@mui/material\";\r\n\r\nimport ListingValues from \"../common/listing-values\";\r\nimport {\r\n  DndContext,\r\n  closestCenter,\r\n  KeyboardSensor,\r\n  MouseSensor,\r\n  TouchSensor,\r\n  useSensor,\r\n  useSensors,\r\n  DragEndEvent,\r\n} from \"@dnd-kit/core\";\r\nimport {\r\n  QuickTabConfigProps,\r\n  SettingsQuickTabProps,\r\n} from \"../../../types/filter-settings\";\r\nimport { TabsStyles } from \"../style\";\r\nimport InfoAlert from \"../common/info-alert\";\r\nimport { useFullscreenPopoverContainer } from \"../../../libs/hooks/useFullScreen\";\r\nimport { ColumnItem } from \"./column\";\r\n\r\nconst QuickTab = ({\r\n  filterSettingStates,\r\n  columnsData,\r\n  tabsApiData,\r\n  tabsApiDataLoading,\r\n  activeTab,\r\n  columnTabAttributes,\r\n  isFlatJson,\r\n}: SettingsQuickTabProps) => {\r\n  const {\r\n    settingsData,\r\n    setSettingsData,\r\n    saveButtonError,\r\n    setSaveButtonError,\r\n    columnTabState,\r\n    sortingTabState,\r\n  } = filterSettingStates;\r\n  const { container: fullscreenContainer } = useFullscreenPopoverContainer();\r\n\r\n  const [searchTerm, setSearchTerm] = useState<string>(\"\");\r\n  const [currentQuickAttribute, setCurrentQuickAttribute] = useState<string>(\r\n    settingsData?.quick_tab?.attribute || \"\"\r\n  );\r\n\r\n  const quickTabStates = settingsData?.quick_tab as QuickTabConfigProps;\r\n  const mappedColumns: ColumnItem[] =\r\n    columnTabAttributes?.map((column) => ({\r\n      label: column?.name,\r\n      value: column?.attribute_key,\r\n    })) || [];\r\n  // const activeTabIndex = filterSettingStates?.columnTabState?.tabs?.findIndex(\r\n  //   (tab) => tab?.tab_name?.value == activeTab\r\n  //   // tab?.tab_name?.label?.toLowerCase() == activeTab?.toLowerCase()\r\n  // );\r\n  // In case there is no quick tab state from API\r\n  const normalizeTabItem = (item: any) => ({\r\n    label: item.label,\r\n    value: isFlatJson ? item.label : item.value,\r\n  });\r\n  useEffect(() => {\r\n    const stateToArray =\r\n      (quickTabStates && Object.entries(quickTabStates)) || [];\r\n    const isEmptyState = stateToArray.length ? false : true;\r\n\r\n    if (isEmptyState) {\r\n      setSettingsData((prev) => ({\r\n        ...prev,\r\n        quick_tab: {\r\n          ...prev?.quick_tab,\r\n          attribute: columnsData[0]?.value,\r\n          sorting: \"asc\",\r\n        },\r\n      }));\r\n    }\r\n  }, [columnsData]);\r\n\r\n  // When user changes attribute\r\n  useEffect(() => {\r\n    if (currentQuickAttribute === settingsData?.quick_tab?.attribute) return;\r\n\r\n    const normalizedTabs = tabsApiData?.map(normalizeTabItem) || [];\r\n\r\n    if (tabsApiData?.length) {\r\n      setSettingsData((prev) => ({\r\n        ...prev,\r\n        quick_tab: {\r\n          ...prev?.quick_tab,\r\n          hide_list: normalizedTabs,\r\n          show_list: [],\r\n        },\r\n      }));\r\n\r\n      setCurrentQuickAttribute(settingsData?.quick_tab?.attribute || \"\");\r\n    } else {\r\n      setSettingsData((prev) => ({\r\n        ...prev,\r\n        quick_tab: {\r\n          ...prev?.quick_tab,\r\n          hide_list: [],\r\n          show_list: [],\r\n        },\r\n      }));\r\n\r\n      setCurrentQuickAttribute(\"\");\r\n    }\r\n  }, [tabsApiData]);\r\n\r\n  // Validation when user changes show list or hide list\r\n  useEffect(() => {\r\n    const showList = quickTabStates?.show_list || [];\r\n    const hideList = quickTabStates?.hide_list || [];\r\n\r\n    if (showList || hideList) {\r\n      // Check if showList is valid (between 1 and 5 items)\r\n      const isValidShowList = showList.length > 0 && showList.length <= 5;\r\n      const ERROR_CODE = \"quick_tab_error\";\r\n\r\n      if (!isValidShowList) {\r\n        const errorMessage = {\r\n          type: ERROR_CODE,\r\n          message:\r\n            showList.length === 0\r\n              ? \"Quick Tab: Please select at least one item\"\r\n              : \"Quick Tab: Please select no more than 5 items\",\r\n        };\r\n\r\n        // Check if the error is already present in the messages array\r\n        const hasQuickTabError = saveButtonError?.messages?.some(\r\n          (message) => message.type === ERROR_CODE\r\n        );\r\n\r\n        // Update the error state\r\n\r\n        // Later we can use this to show error message when we will make error logic more simple\r\n        // setSaveButtonError((prev) => {\r\n        //   const otherMessages =\r\n        //     prev?.messages?.filter((message) => message.type !== ERROR_CODE) ||\r\n        //     [];\r\n\r\n        //   return {\r\n        //     ...prev,\r\n        //     hasError: true,\r\n        //     messages: hasQuickTabError\r\n        //       ? [...prev?.messages]\r\n        //       : [...otherMessages, errorMessage],\r\n        //   };\r\n        // });\r\n      } else {\r\n        const hasOtherMessages = saveButtonError?.messages?.some(\r\n          (message) => message.type !== ERROR_CODE\r\n        );\r\n        // Reset error state if the list is valid\r\n        // setSaveButtonError((prev) => ({\r\n        //   ...prev,\r\n        //   hasError: hasOtherMessages,\r\n        //   messages:\r\n        //     prev?.messages?.filter((message) => message.type !== ERROR_CODE) ||\r\n        //     [],\r\n        // }));\r\n      }\r\n    }\r\n  }, [quickTabStates?.hide_list, quickTabStates?.show_list]);\r\n\r\n  const sortingOptions = [\r\n    { label: \"A-Z\", value: \"asc\" },\r\n    { label: \"Z-A\", value: \"dsc\" },\r\n    { label: \"Count (Ascending)\", value: \"count_asc\" },\r\n    { label: \"Count (Descending)\", value: \"count_dsc\" },\r\n    { label: \"Custom\", value: \"custom\" },\r\n  ];\r\n\r\n  // Convert show_list/hide_list to FilterValue[] for rendering only\r\n\r\n  const constructHideList = () => {\r\n    const normalizedTabs = tabsApiData?.map(normalizeTabItem) || [];\r\n\r\n    // remove items already in show_list (value-safe comparison)\r\n    return normalizedTabs?.filter(\r\n      (tab) => !showListValues?.some((i) => i?.value === tab?.value)\r\n    );\r\n  };\r\n\r\n  const showListValues = quickTabStates?.show_list || [];\r\n  const hideListValues = constructHideList() || [];\r\n\r\n  const sensors = useSensors(\r\n    useSensor(MouseSensor),\r\n    useSensor(TouchSensor),\r\n    useSensor(KeyboardSensor)\r\n  );\r\n\r\n  // Drag and drop logic, update only local state\r\n  const handleDragEnd = (event: DragEndEvent) => {\r\n    const { active, over } = event;\r\n    if (!over) return;\r\n\r\n    const currentContainer = active.data.current?.containerId;\r\n    const overContainer = over.data.current?.containerId;\r\n\r\n    if (!currentContainer || !overContainer) return;\r\n\r\n    let newShowList = [...(quickTabStates.show_list ?? [])];\r\n    let newHideList = [...(quickTabStates.hide_list ?? [])];\r\n\r\n    // -------------------------------------\r\n    // CASE 1: REORDER INSIDE SAME LIST\r\n    // -------------------------------------\r\n    if (currentContainer === overContainer) {\r\n      if (currentContainer === \"list\") {\r\n        const oldIndex = newHideList.findIndex((i) => i.value === active.id);\r\n        const newIndex = newHideList.findIndex((i) => i.value === over.id);\r\n\r\n        if (oldIndex !== -1 && newIndex !== -1) {\r\n          const [removed] = newHideList.splice(oldIndex, 1);\r\n          newHideList.splice(newIndex, 0, removed);\r\n        }\r\n      } else {\r\n        const oldIndex = newShowList.findIndex((i) => i.value === active.id);\r\n        const newIndex = newShowList.findIndex((i) => i.value === over.id);\r\n\r\n        if (oldIndex !== -1 && newIndex !== -1) {\r\n          const [removed] = newShowList.splice(oldIndex, 1);\r\n          newShowList.splice(newIndex, 0, removed);\r\n        }\r\n      }\r\n    }\r\n\r\n    // -------------------------------------\r\n    // CASE 2: MOVE BETWEEN LISTS\r\n    // -------------------------------------\r\n    if (currentContainer !== overContainer) {\r\n      if (currentContainer === \"list\" && overContainer === \"tabs\") {\r\n        if (newShowList.length < 5) {\r\n          const idx = newHideList.findIndex(\r\n            (i) => i.value === String(active.id)\r\n          );\r\n          if (idx !== -1) {\r\n            const item = newHideList.splice(idx, 1)[0];\r\n            newShowList.push(item);\r\n\r\n            // 🌟 ALSO create sorting tab entry if missing\r\n            // if (!settingsData?.sorting?.isDefault) {\r\n            //   const exists = settingsData.sorting?.tabs?.some(\r\n            //     (t) => t.tab_name.value === item.value\r\n            //   );\r\n\r\n            //   if (!exists) {\r\n            //     settingsData?.sorting.tabs.push({\r\n            //       tab_name: item,\r\n            //       sortby: [{ column: \"\", order: \"asc\" }],\r\n            //     });\r\n            //   }\r\n            // }\r\n\r\n            setSettingsData((prev) => {\r\n              let updatedSorting = prev.sorting;\r\n              let updatedColumn = prev.column;\r\n\r\n              // ---------------------------------------------------\r\n              // ⭐ Add to sorting.tabs (if not default and not exist)\r\n              // ---------------------------------------------------\r\n              if (!prev?.sorting?.isDefault) {\r\n                const sortingExists = prev.sorting?.tabs?.some(\r\n                  (t) => t.tab_name.value === item.value\r\n                );\r\n\r\n                if (!sortingExists) {\r\n                  updatedSorting = {\r\n                    ...prev.sorting,\r\n                    tabs: [\r\n                      ...prev.sorting.tabs,\r\n                      {\r\n                        tab_name: item,\r\n                        sortby: [],\r\n                      },\r\n                    ],\r\n                  };\r\n                }\r\n              }\r\n\r\n              // ---------------------------------------------------\r\n              // ⭐ Add to column.tabs (if not default and not exist)\r\n              // ---------------------------------------------------\r\n              if (!prev?.column?.isDefault) {\r\n                const columnExists = prev.column?.tabs?.some(\r\n                  (t) => t.tab_name.value === item.value\r\n                );\r\n\r\n                if (!columnExists) {\r\n                  updatedColumn = {\r\n                    ...prev.column,\r\n                    tabs: [\r\n                      ...prev.column.tabs,\r\n                      {\r\n                        tab_name: item,\r\n                        show_list: mappedColumns,\r\n                        hide_list: [],\r\n                      },\r\n                    ],\r\n                  };\r\n                }\r\n              }\r\n\r\n              // ---------------------------------------------------\r\n              // ⭐ FINAL RETURN\r\n              // ---------------------------------------------------\r\n              return {\r\n                ...prev,\r\n                sorting: updatedSorting,\r\n                column: updatedColumn,\r\n              };\r\n            });\r\n          }\r\n        }\r\n      } else if (currentContainer === \"tabs\" && overContainer === \"list\") {\r\n        const idx = newShowList.findIndex((i) => i.value === String(active.id));\r\n        if (idx !== -1) {\r\n          const item = newShowList.splice(idx, 1)[0];\r\n          newHideList.push(item);\r\n          setSettingsData((prev) => {\r\n            let updatedSorting = prev.sorting;\r\n            let updatedColumn = prev.column;\r\n\r\n            // ---------------------------------------------------\r\n            // Remove from sorting.tabs (if not default)\r\n            // ---------------------------------------------------\r\n            if (!prev?.sorting?.isDefault) {\r\n              updatedSorting = {\r\n                ...prev.sorting,\r\n                tabs: prev?.sorting?.tabs?.filter(\r\n                  (t) => t.tab_name?.value !== item?.value\r\n                ),\r\n              };\r\n            }\r\n\r\n            // ---------------------------------------------------\r\n            // Remove from column.tabs (if not default)\r\n            // ---------------------------------------------------\r\n            if (!prev?.column?.isDefault) {\r\n              updatedColumn = {\r\n                ...prev.column,\r\n                tabs: prev?.column?.tabs?.filter(\r\n                  (t) => t.tab_name?.value !== item?.value\r\n                ),\r\n              };\r\n            }\r\n\r\n            // ---------------------------------------------------\r\n            // ⭐ FINAL RETURN\r\n            // ---------------------------------------------------\r\n            return {\r\n              ...prev,\r\n              sorting: updatedSorting,\r\n              column: updatedColumn,\r\n            };\r\n          });\r\n        }\r\n      }\r\n    }\r\n\r\n    // ----------------------------------------------------------\r\n    // ⭐ APPLY MASTER UPDATE (with isDefault CHECK for columns)\r\n    // ----------------------------------------------------------\r\n    setSettingsData((prev) => {\r\n      let updatedColumn = prev.column;\r\n\r\n      // -----------------------------------------\r\n      // ⭐ COLUMN REORDER (only if NOT default)\r\n      // -----------------------------------------\r\n      if (!prev?.column?.isDefault) {\r\n        updatedColumn = {\r\n          ...prev.column,\r\n          tabs: prev.column?.tabs\r\n            ? [...prev.column.tabs].sort((a, b) => {\r\n                const i1 = newShowList.findIndex(\r\n                  (t) => t.value === a.tab_name.value\r\n                );\r\n                const i2 = newShowList.findIndex(\r\n                  (t) => t.value === b.tab_name.value\r\n                );\r\n                return i1 - i2;\r\n              })\r\n            : [],\r\n        };\r\n      }\r\n\r\n      // -----------------------------------------\r\n      // ⭐ SORTING REORDER (same pattern as column)\r\n      // -----------------------------------------\r\n      const updatedSorting = (() => {\r\n        // If default → clear tabs\r\n        if (prev.sorting?.isDefault) {\r\n          return {\r\n            isDefault: true,\r\n            sort_by: prev.sorting?.sort_by || \"asc\",\r\n          };\r\n        }\r\n\r\n        // If custom → reorder tabs based on newShowList\r\n        const sorted = {\r\n          ...prev.sorting,\r\n          tabs: prev.sorting?.tabs\r\n            ? [...prev.sorting.tabs].sort((a, b) => {\r\n                const i1 = newShowList.findIndex(\r\n                  (t) => t.value === a.tab_name.value\r\n                );\r\n                const i2 = newShowList.findIndex(\r\n                  (t) => t.value === b.tab_name.value\r\n                );\r\n                return i1 - i2;\r\n              })\r\n            : [],\r\n        };\r\n        return sorted;\r\n      })();\r\n\r\n      // FINAL RETURN\r\n      return {\r\n        ...prev,\r\n        quick_tab: {\r\n          ...prev.quick_tab,\r\n          show_list: newShowList,\r\n          hide_list: newHideList,\r\n        },\r\n        column: updatedColumn,\r\n        sorting: updatedSorting,\r\n      };\r\n    });\r\n  };\r\n\r\n  const filteredListValues = hideListValues.filter((value) =>\r\n    value?.label?.toLowerCase().includes(searchTerm.toLowerCase())\r\n  );\r\n\r\n  // Show All/Hide All logic (local only)\r\n  const handleShowAll = () => {\r\n    const currentShowList = quickTabStates.show_list || [];\r\n    const currentHideList = quickTabStates.hide_list || [];\r\n\r\n    const availableSlots = 5 - currentShowList.length;\r\n\r\n    if (availableSlots <= 0) return; // Already at limit\r\n\r\n    const limitedHideList = currentHideList.slice(0, availableSlots);\r\n\r\n    setSettingsData((prev) => ({\r\n      ...prev,\r\n      quick_tab: {\r\n        ...prev?.quick_tab,\r\n        show_list: [...currentShowList, ...limitedHideList],\r\n        hide_list: currentHideList.filter(\r\n          (item) => !limitedHideList.find((i) => i.value === item.value)\r\n        ),\r\n      },\r\n    }));\r\n  };\r\n\r\n  const handleHideAll = () => {\r\n    setSettingsData((prev) => {\r\n      const updatedQuickTab = {\r\n        ...prev?.quick_tab,\r\n        hide_list: [\r\n          ...(prev?.quick_tab?.hide_list || []),\r\n          ...(prev?.quick_tab?.show_list || []),\r\n        ],\r\n        show_list: [],\r\n      };\r\n\r\n      // Reset only the lists, not the whole structure\r\n      const updatedColumn = (() => {\r\n        if (prev?.column?.isDefault) {\r\n          return {\r\n            ...prev.column,\r\n            show_list: [],\r\n            hide_list: [\r\n              ...(prev.column?.hide_list || []),\r\n              ...(prev.column?.show_list || []),\r\n            ],\r\n          };\r\n        }\r\n\r\n        // Tab mode → reset each tab's field lists\r\n        const updatedTabs = prev?.column?.tabs?.map((t) => ({\r\n          ...t,\r\n          show_list: [],\r\n          hide_list: [...(t.hide_list || []), ...(t.show_list || [])],\r\n        }));\r\n\r\n        return {\r\n          ...prev.column,\r\n          tabs: updatedTabs,\r\n        };\r\n      })();\r\n\r\n      const updatedSorting = (() => {\r\n        // DEFAULT MODE: sorting applies globally\r\n        if (prev.sorting?.isDefault) {\r\n          return {\r\n            ...prev.sorting,\r\n            sortby: [], // reset sort\r\n          };\r\n        }\r\n\r\n        // TAB MODE: need to clear sorting per tab\r\n        return {\r\n          ...prev.sorting,\r\n          tabs: prev.quick_tab?.show_list?.map(() => ({\r\n            sortby: [],\r\n          })),\r\n        };\r\n      })();\r\n\r\n      return {\r\n        ...prev,\r\n        quick_tab: updatedQuickTab,\r\n        column: updatedColumn,\r\n        sorting: updatedSorting,\r\n      };\r\n    });\r\n  };\r\n\r\n  // Checkbox logic (local only)\r\n  const handleShowAllTabChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    setSettingsData((prev) => ({\r\n      ...prev,\r\n      quick_tab: {\r\n        ...prev?.quick_tab,\r\n        isAllSelected: e.target.checked,\r\n      },\r\n    }));\r\n  };\r\n  const handleCombineOtherTabChange = (\r\n    e: React.ChangeEvent<HTMLInputElement>\r\n  ) => {\r\n    setSettingsData((prev) => ({\r\n      ...prev,\r\n      quick_tab: {\r\n        ...prev?.quick_tab,\r\n        isCombineOther: e.target.checked,\r\n      },\r\n    }));\r\n  };\r\n\r\n  const handleItemToggle = (\r\n    item: { label: string; value: string },\r\n    fromContainerId: string\r\n  ) => {\r\n    const toShowList = [...(quickTabStates.show_list ?? [])];\r\n    const toHideList = [...(quickTabStates.hide_list ?? [])];\r\n\r\n    setSettingsData((prev) => {\r\n      let updatedColumn = prev.column; // default (unchanged)\r\n      let updatedSorting = prev.sorting;\r\n\r\n      if (fromContainerId === \"list\") {\r\n        if (toShowList.length >= 5) return prev;\r\n\r\n        const index = toHideList.findIndex((i) => i.value == item.value);\r\n        if (index > -1) {\r\n          toHideList.splice(index, 1);\r\n          toShowList.push(item);\r\n          // 🌟 ALSO create sorting tab entry if missing\r\n          if (!sortingTabState?.isDefault) {\r\n            const exists = prev.sorting?.tabs?.some(\r\n              (t) => t.tab_name.value === item.value\r\n            );\r\n            if (!exists) {\r\n              updatedSorting = {\r\n                ...prev.sorting,\r\n                tabs: [\r\n                  ...prev.sorting.tabs,\r\n                  {\r\n                    tab_name: {\r\n                      label: item.label,\r\n                      value: item.value,\r\n                    },\r\n                    sortby: [],\r\n                  },\r\n                ],\r\n              };\r\n            }\r\n          }\r\n          if (!columnTabState?.isDefault) {\r\n            const exists = prev?.column?.tabs?.some(\r\n              (t) => t.tab_name.value === item.value\r\n            );\r\n            if (!exists) {\r\n              updatedColumn = {\r\n                ...prev.column,\r\n                tabs: [\r\n                  ...prev.column.tabs,\r\n                  {\r\n                    tab_name: {\r\n                      label: item.label,\r\n                      value: item.value,\r\n                    },\r\n                    show_list: mappedColumns,\r\n                    hide_list: [],\r\n                  },\r\n                ],\r\n              };\r\n            }\r\n          }\r\n        }\r\n      } else if (fromContainerId === \"tabs\") {\r\n        const index = toShowList.findIndex((i) => i.value == item.value);\r\n        if (index > -1) {\r\n          toShowList.splice(index, 1);\r\n          toHideList.push(item);\r\n          // let itemIndex =\r\n          //   filterSettingStates?.quickTabStates?.show_list?.findIndex(\r\n          //     (i) => i.value == item.value\r\n          //   );\r\n          // 🔥 REMOVE COLUMN WHEN TAB REMOVED (if not default)\r\n          if (!columnTabState?.isDefault) {\r\n            const updatedTabs = prev?.column?.tabs.filter(\r\n              (tab) => tab.tab_name?.value !== item.value\r\n            );\r\n\r\n            updatedColumn = {\r\n              ...prev.column,\r\n              tabs: updatedTabs,\r\n            };\r\n          }\r\n\r\n          if (!sortingTabState.isDefault) {\r\n            const updatedSortingTabs = prev?.sorting?.tabs?.filter(\r\n              (tab) => tab.tab_name?.value != item.value\r\n            );\r\n            updatedSorting = {\r\n              ...prev.sorting,\r\n              tabs: updatedSortingTabs,\r\n            };\r\n          }\r\n        }\r\n      }\r\n\r\n      return {\r\n        ...prev,\r\n        quick_tab: {\r\n          ...prev?.quick_tab,\r\n          show_list: toShowList,\r\n          hide_list: toHideList,\r\n        },\r\n        column: updatedColumn,\r\n        sorting: updatedSorting,\r\n      };\r\n    });\r\n  };\r\n\r\n  const enableDND = quickTabStates?.sorting === \"custom\" ? true : false;\r\n\r\n  return (\r\n    <Box\r\n      sx={{\r\n        display: \"flex\",\r\n        flexDirection: \"column\",\r\n        // gap: \"0.5rem\",\r\n        height: \"100%\",\r\n      }}\r\n    >\r\n      <Typography variant=\"caption\" sx={TabsStyles.mainTabsHeader}>\r\n        *Quick filter settings will be reflected in horizontal tabs\r\n      </Typography>\r\n      <Box>\r\n        <Grid sx={{ position: \"relative\" }} container>\r\n          <Grid size={12}>\r\n            <Box>\r\n              <Grid sx={TabsStyles.mainTabDropdown} size={6}>\r\n                <FormControl sx={TabsStyles.mainTabSelect} size=\"small\">\r\n                  <Select\r\n                    value={quickTabStates?.attribute || \"\"}\r\n                    onChange={(e) =>\r\n                      setSettingsData((prev) => ({\r\n                        ...prev,\r\n                        quick_tab: {\r\n                          ...prev?.quick_tab,\r\n                          attribute: e.target.value,\r\n                        },\r\n                        column: prev?.column?.isDefault\r\n                          ? {\r\n                              ...prev?.column,\r\n                              show_list: mappedColumns,\r\n                              hide_list: [],\r\n                            }\r\n                          : {\r\n                              ...prev?.column,\r\n                              tabs: [],\r\n                            },\r\n\r\n                        sorting: prev?.sorting?.isDefault\r\n                          ? {\r\n                              ...prev?.sorting,\r\n                              sortby: [],\r\n                            }\r\n                          : {\r\n                              ...prev?.sorting,\r\n                              tabs: [],\r\n                            },\r\n                      }))\r\n                    }\r\n                    MenuProps={{ container: fullscreenContainer }}\r\n                  >\r\n                    {columnsData?.map((column: any) => (\r\n                      <MenuItem key={column?.value} value={column?.value}>\r\n                        {column?.label}\r\n                      </MenuItem>\r\n                    ))}\r\n                  </Select>\r\n                </FormControl>\r\n                <FormControl\r\n                  sx={TabsStyles.selectDropdownSeparator}\r\n                  size=\"small\"\r\n                >\r\n                  <Select\r\n                    value={quickTabStates?.sorting || \"asc\"}\r\n                    onChange={(e) =>\r\n                      setSettingsData((prev) => ({\r\n                        ...prev,\r\n                        quick_tab: {\r\n                          ...prev?.quick_tab,\r\n                          sorting: e.target.value,\r\n                        },\r\n                      }))\r\n                    }\r\n                    MenuProps={{ container: fullscreenContainer }}\r\n                  >\r\n                    {sortingOptions.map((option) => (\r\n                      <MenuItem key={option?.value} value={option?.value}>\r\n                        {option?.label}\r\n                      </MenuItem>\r\n                    ))}\r\n                  </Select>\r\n                </FormControl>\r\n              </Grid>\r\n            </Box>\r\n          </Grid>\r\n          <Grid>\r\n            {/* <Alert\r\n              severity=\"info\"\r\n              sx={{\r\n                fontSize: \"12px\",\r\n                color: \"#088AB2\",\r\n              }}\r\n            >\r\n              Please select at least 1 and at most 5 values to display as tabs.\r\n            </Alert> */}\r\n          </Grid>\r\n          <DndContext\r\n            sensors={sensors}\r\n            collisionDetection={closestCenter}\r\n            onDragEnd={handleDragEnd}\r\n          >\r\n            <Grid sx={{ mt: 1 }} container spacing={2} size={12}>\r\n              <ListingValues\r\n                buttonText=\"Show All\"\r\n                onClick={handleShowAll}\r\n                headerText=\"List of Values\"\r\n                filteredValues={filteredListValues}\r\n                searchTerm={searchTerm}\r\n                setSearchTerm={setSearchTerm}\r\n                containerId=\"list\"\r\n                tabsApiDataLoading={tabsApiDataLoading}\r\n                onItemToggle={handleItemToggle}\r\n                enableDragAndDrop={enableDND}\r\n              />\r\n              <ListingValues\r\n                buttonText=\"Hide All\"\r\n                onClick={handleHideAll}\r\n                headerText=\"View as Tabs\"\r\n                filteredValues={showListValues}\r\n                containerId=\"tabs\"\r\n                // tabsApiDataLoading={tabsApiDataLoading}\r\n                onItemToggle={handleItemToggle}\r\n                enableDragAndDrop={enableDND}\r\n                AlertComponenet={\r\n                  <InfoAlert\r\n                    message=\"Please select at least 1 and at most 5 values to display as\r\n                                tabs.\"\r\n                    width={\"49.2%\"}\r\n                    // position=\"absolute\"\r\n                    // color=\"#088AB2\"\r\n                    // top={10}\r\n                    zIndex={-1}\r\n                  />\r\n                }\r\n              />\r\n            </Grid>\r\n          </DndContext>\r\n          <Grid size={12}>\r\n            <Box sx={TabsStyles.checkboxStyle}>\r\n              <FormControlLabel\r\n                control={\r\n                  <Checkbox\r\n                    checked={quickTabStates?.isAllSelected || false}\r\n                    onChange={handleShowAllTabChange}\r\n                    size=\"small\"\r\n                    sx={{\r\n                      \"&.Mui-checked\": {\r\n                        color: \"#7A5AF8\",\r\n                      },\r\n                    }}\r\n                  />\r\n                }\r\n                label='Show \"All\" tab'\r\n              />\r\n              <FormControlLabel\r\n                control={\r\n                  <Checkbox\r\n                    checked={quickTabStates?.isCombineOther || false}\r\n                    onChange={handleCombineOtherTabChange}\r\n                    size=\"small\"\r\n                    sx={{\r\n                      \"&.Mui-checked\": {\r\n                        color: \"#7A5AF8\",\r\n                      },\r\n                    }}\r\n                  />\r\n                }\r\n                label='Combine remaining values under \"Other\" tab'\r\n              />\r\n            </Box>\r\n          </Grid>\r\n        </Grid>\r\n      </Box>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default QuickTab;\r\n","import {\r\n  SxProps,\r\n  ToggleButton,\r\n  ToggleButtonGroup,\r\n  ToggleButtonGroupProps,\r\n} from \"@mui/material\";\r\nimport { ToggleButtonTabsProps } from \"../../../types/filter-settings\";\r\n\r\nconst selectedTabStyle: SxProps = {\r\n  textTransform: \"initial\",\r\n  minWidth: \"5rem\",\r\n  minHeight: \"1.875rem\",\r\n  color: \"#7A5AF8\",\r\n  fontWeight: 500,\r\n  fontSize: \"0.813rem\",\r\n  borderColor: \"#7A5AF8\",\r\n\r\n  \"&.Mui-selected\": {\r\n    backgroundColor: \"#7A5AF8\",\r\n    color: \"#fff\",\r\n    fontWeight: 600,\r\n    \"&:hover\": {\r\n      backgroundColor: \"#6346e2\",\r\n    },\r\n  },\r\n};\r\n\r\nexport default function CustomToggleSwitchButton({\r\n  buttons,\r\n  ...props\r\n}: { buttons: ToggleButtonTabsProps[] } & ToggleButtonGroupProps) {\r\n  return (\r\n    <ToggleButtonGroup\r\n      exclusive\r\n      size=\"small\"\r\n      color=\"primary\"\r\n      sx={{ marginTop: \"-4px\", marginBottom: \"6px\" }}\r\n      {...props}\r\n    >\r\n      {buttons.map((button) => (\r\n        <ToggleButton\r\n          key={button?.label}\r\n          value={button?.value}\r\n          disabled={button?.isDisabled}\r\n          sx={selectedTabStyle}\r\n        >\r\n          {button?.label}\r\n        </ToggleButton>\r\n      ))}\r\n    </ToggleButtonGroup>\r\n  );\r\n}\r\n","import { ToggleButtonTabsProps } from \"../../types/filter-settings\";\r\n\r\nexport const SETTINGS_TABS: { label: string }[] = [\r\n  { label: \"Quick Tab\" },\r\n  { label: \"Column\" },\r\n  { label: \"Sorting\" },\r\n];\r\n\r\nexport const KANBAN_SETTINGS_TABS: { label: string }[] = [\r\n  { label: \"Lane\" },\r\n  { label: \"Swim Lane\" },\r\n];\r\n\r\nexport const LANE_SELECTS = [\r\n  { key: \"stage_group\", value: \"Stage Group\" },\r\n  { key: \"stage\", value: \"Stage\" },\r\n  { key: \"source\", value: \"Source\" },\r\n  { key: \"status\", value: \"Status\" },\r\n];\r\n\r\nexport const TOGGLE_BUTTON_TABS: ToggleButtonTabsProps[] = [\r\n  { label: \"Default\", value: true, isDisabled: false },\r\n  { label: \"Tab Wise\", value: false, isDisabled: false },\r\n];\r\n\r\n","import { Tabs, TabsProps } from \"@mui/material\";\r\nimport { horizontalTabStyles } from \"../styles\";\r\n\r\nconst CustomTabs = ({ children, ...props }: TabsProps) => {\r\n  const { value, onChange } = props;\r\n\r\n  return (\r\n    <Tabs\r\n      value={value}\r\n      onChange={onChange}\r\n      aria-label=\"horizontal-tabs\"\r\n      variant=\"scrollable\"\r\n      sx={horizontalTabStyles.mainTabsContainer}\r\n      {...props}\r\n    >\r\n      {children}\r\n    </Tabs>\r\n  );\r\n};\r\n\r\nexport default CustomTabs;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { Box, Typography, Tab, Grid } from \"@mui/material\";\r\n\r\nimport ListingValues from \"../common/listing-values\";\r\nimport {\r\n  DndContext,\r\n  closestCenter,\r\n  KeyboardSensor,\r\n  MouseSensor,\r\n  TouchSensor,\r\n  useSensor,\r\n  useSensors,\r\n  DragEndEvent,\r\n} from \"@dnd-kit/core\";\r\nimport { craftTableFilterSettingsOptionsProps } from \"../../../types/table-options\";\r\nimport CustomToggleSwitchButton from \"./toggle-button-switch\";\r\nimport { FilterColumnsDataProps } from \"../../../types/filter\";\r\nimport { TOGGLE_BUTTON_TABS } from \"../constants\";\r\nimport CustomTabs from \"../tabs/horizontal\";\r\nimport { ColumnTabConfigProps } from \"../../../types/filter-settings\";\r\nimport InfoAlert from \"../common/info-alert\";\r\n\r\nexport interface ColumnItem {\r\n  label: string;\r\n  value: string;\r\n}\r\n\r\nexport interface TabData {\r\n  tab_name: string;\r\n  show_list: ColumnItem[];\r\n  hide_list: ColumnItem[];\r\n}\r\n\r\ninterface ColumnTabProps {\r\n  filterSettingStates: craftTableFilterSettingsOptionsProps;\r\n  columnsData: FilterColumnsDataProps;\r\n  columnTabAttributes?: any[];\r\n  columnTabAttributesLoading?: boolean;\r\n}\r\n\r\nconst ColumnTab = ({\r\n  filterSettingStates,\r\n  columnsData,\r\n  columnTabAttributes,\r\n  columnTabAttributesLoading,\r\n}: ColumnTabProps) => {\r\n  const [searchTerm, setSearchTerm] = useState<string>(\"\");\r\n  const [selectedTabIndex, setSelectedTabIndex] = useState<number>(0);\r\n\r\n  const {\r\n    quickTabStates,\r\n    settingsData,\r\n    setSettingsData,\r\n    saveButtonError,\r\n    setSaveButtonError,\r\n  } = filterSettingStates;\r\n  const settingsColumnState = (settingsData?.column ||\r\n    {}) as ColumnTabConfigProps;\r\n  const isColumnDefault = settingsColumnState?.isDefault || false;\r\n  const ERROR_CODE = \"column_error\";\r\n\r\n  /**\r\n   * ? What is this for?\r\n   *\r\n   * Three main conditions are checked here:\r\n   * - If the state is empty, then set the state to default and add all columns in show_list\r\n   * - if Default is selected and Default is empty, then add all columns in show_list\r\n   * - If Default is not selected and tabs is empty, then add all columns in show_list\r\n   *      of their respective tabs\r\n   */\r\n  useEffect(() => {\r\n    const stateToArray = Object.entries(settingsColumnState) || [];\r\n    const isStateEmpty = stateToArray.length ? false : true;\r\n    const isDefaultEmpty =\r\n      settingsColumnState?.show_list?.length ||\r\n      settingsColumnState?.hide_list?.length\r\n        ? false\r\n        : true;\r\n    const isTabWiseEmpty = settingsColumnState?.tabs?.length ? false : true;\r\n\r\n    const mappedColumns: ColumnItem[] =\r\n      columnTabAttributes?.map((column) => ({\r\n        ...column,\r\n        label: column?.name,\r\n        value: column?.attribute_key,\r\n      })) || [];\r\n\r\n    if (isStateEmpty) {\r\n      setSettingsData((prev) => ({\r\n        ...prev,\r\n        column: {\r\n          isDefault: true,\r\n          show_list: mappedColumns,\r\n          hide_list: [],\r\n        },\r\n      }));\r\n    } else if (isColumnDefault && isDefaultEmpty) {\r\n      setSettingsData((prev) => ({\r\n        ...prev,\r\n        column: {\r\n          ...prev.column,\r\n          show_list: mappedColumns,\r\n          hide_list: [],\r\n        },\r\n      }));\r\n    } else if (!isColumnDefault) {\r\n      const mappedTabs: TabData[] = isTabWiseEmpty\r\n        ? quickTabStates?.show_list?.map((tab) => ({\r\n            tab_name: tab,\r\n            show_list: mappedColumns,\r\n            hide_list: [],\r\n          })) || []\r\n        : quickTabStates?.show_list?.map((tab, index) => ({\r\n            tab_name: tab,\r\n            show_list:\r\n              settingsColumnState?.tabs[index]?.show_list || mappedColumns,\r\n            hide_list: settingsColumnState?.tabs[index]?.hide_list || [],\r\n          })) || [];\r\n\r\n      setSettingsData((prev) => ({\r\n        ...prev,\r\n        column: {\r\n          ...prev.column, // ✅ required to satisfy SettingsDataProps\r\n          tabs: mappedTabs, // updating only tabs\r\n        },\r\n      }));\r\n    }\r\n  }, [isColumnDefault]);\r\n\r\n  useEffect(() => {\r\n    const showList = settingsColumnState?.show_list || [];\r\n    const hideList = settingsColumnState?.hide_list || [];\r\n\r\n    if (showList || hideList) {\r\n      const isValidShowList = showList?.length > 0;\r\n\r\n      if (!isValidShowList) {\r\n        const hasColumnError = saveButtonError.messages.some(\r\n          (message) => message.type === ERROR_CODE\r\n        );\r\n\r\n        if (!hasColumnError) {\r\n          setSaveButtonError((prev) => ({\r\n            ...prev,\r\n            hasError: true,\r\n            messages: [\r\n              ...prev.messages,\r\n              {\r\n                type: ERROR_CODE,\r\n                message: \"Column: Please select at least one column\",\r\n              },\r\n            ],\r\n          }));\r\n        }\r\n      } else {\r\n        const hasOtherMessages = saveButtonError?.messages?.some(\r\n          (message) => message.type !== ERROR_CODE\r\n        );\r\n\r\n        // Reset error state if the list is valid\r\n        setSaveButtonError((prev) => ({\r\n          ...prev,\r\n          hasError: hasOtherMessages,\r\n          messages:\r\n            prev?.messages?.filter((message) => message.type !== ERROR_CODE) ||\r\n            [],\r\n        }));\r\n      }\r\n    }\r\n  }, [settingsColumnState?.show_list, settingsColumnState?.hide_list]);\r\n\r\n  const sensors = useSensors(\r\n    useSensor(MouseSensor),\r\n    useSensor(TouchSensor),\r\n    useSensor(KeyboardSensor)\r\n  );\r\n\r\n  const handleToggleChange = (\r\n    _: React.MouseEvent<HTMLElement>,\r\n    newValue: boolean\r\n  ) => {\r\n    if (newValue !== null) {\r\n      setSettingsData((prev) => ({\r\n        ...prev,\r\n        column: {\r\n          ...prev.column,\r\n          isDefault: newValue,\r\n        },\r\n      }));\r\n    }\r\n  };\r\n\r\n  const constructHideList = (): ColumnItem[] => {\r\n    return (\r\n      columnTabAttributes\r\n        ?.map((column) => ({\r\n          label: column?.name,\r\n          value: column?.attribute_key,\r\n        }))\r\n        ?.filter(\r\n          (tab) =>\r\n            !settingsColumnState?.show_list?.find((i) => i.value === tab.value)\r\n        ) || []\r\n    );\r\n  };\r\n  const getCurrentLists = () => {\r\n    if (settingsColumnState?.isDefault) {\r\n      return {\r\n        showList: settingsColumnState.show_list || [],\r\n        hideList: constructHideList() || [],\r\n      };\r\n    } else {\r\n      const currentTab = settingsColumnState?.tabs?.[selectedTabIndex];\r\n      return {\r\n        showList: currentTab?.show_list || [],\r\n        hideList:\r\n          currentTab?.hide_list ||\r\n          columnTabAttributes?.map((column) => ({\r\n            label: column?.name,\r\n            value: column?.attribute_key,\r\n          })) ||\r\n          [],\r\n      };\r\n    }\r\n  };\r\n\r\n  const { showList, hideList } = getCurrentLists();\r\n\r\n  const showListValues = showList.map((item) => ({\r\n    value: item.value,\r\n    label: item.label,\r\n    visible: true,\r\n  }));\r\n\r\n  const hideListValues = hideList.map((item) => ({\r\n    value: item.value,\r\n    label: item.label,\r\n    visible: false,\r\n  }));\r\n\r\n  const filteredListValues = hideListValues.filter((value) =>\r\n    value.label.toLowerCase().includes(searchTerm.toLowerCase())\r\n  );\r\n\r\n  const handleItemToggle = (\r\n    item: { label: string; value: string },\r\n    fromContainerId: string\r\n  ) => {\r\n    let newShowList = [...showList];\r\n    let newHideList = [...hideList];\r\n\r\n    if (fromContainerId === \"tabs\") {\r\n      const idx = newShowList.findIndex((i) => i.value === item.value);\r\n      if (idx > -1) {\r\n        const [moved] = newShowList.splice(idx, 1);\r\n        newHideList.push(moved);\r\n      }\r\n    } else if (fromContainerId === \"list\") {\r\n      const idx = newHideList.findIndex((i) => i.value === item.value);\r\n      if (idx > -1) {\r\n        const [moved] = newHideList.splice(idx, 1);\r\n        newShowList.push(moved);\r\n      }\r\n    }\r\n\r\n    if (isColumnDefault) {\r\n      setSettingsData((prev) => ({\r\n        ...prev,\r\n        column: {\r\n          ...prev.column,\r\n          show_list: newShowList,\r\n          hide_list: newHideList,\r\n        },\r\n      }));\r\n    } else {\r\n      const updatedTabs = [...(settingsColumnState?.tabs || [])];\r\n      updatedTabs[selectedTabIndex] = {\r\n        ...updatedTabs[selectedTabIndex],\r\n        show_list: newShowList,\r\n        hide_list: newHideList,\r\n      };\r\n      setSettingsData((prev) => ({\r\n        ...prev,\r\n        column: {\r\n          ...prev.column,\r\n          tabs: updatedTabs,\r\n        },\r\n      }));\r\n    }\r\n  };\r\n\r\n  const handleDragEnd = (event: DragEndEvent) => {\r\n    const { active, over } = event;\r\n    if (!over) return;\r\n\r\n    const currentContainer = active.data.current?.containerId;\r\n    const overContainer = over.data.current?.containerId;\r\n    if (!currentContainer || !overContainer) return;\r\n\r\n    const activeItem = [...showList, ...hideList].find(\r\n      (item) => item.value === String(active.id)\r\n    );\r\n    if (!activeItem) return;\r\n\r\n    let newShowList = [...showList];\r\n    let newHideList = [...hideList];\r\n\r\n    if (currentContainer === overContainer) {\r\n      const list = currentContainer === \"list\" ? newHideList : newShowList;\r\n      const oldIndex = list.findIndex(\r\n        (item) => item.value === String(active.id)\r\n      );\r\n      const newIndex = list.findIndex((item) => item.value === String(over.id));\r\n      if (oldIndex !== -1 && newIndex !== -1) {\r\n        const [removed] = list.splice(oldIndex, 1);\r\n        list.splice(newIndex, 0, removed);\r\n      }\r\n    } else {\r\n      if (currentContainer === \"list\" && overContainer === \"tabs\") {\r\n        const idx = newHideList.findIndex(\r\n          (item) => item.value === String(active.id)\r\n        );\r\n        if (idx !== -1) {\r\n          newHideList.splice(idx, 1);\r\n          newShowList.push(activeItem);\r\n        }\r\n      } else if (currentContainer === \"tabs\" && overContainer === \"list\") {\r\n        const idx = newShowList.findIndex(\r\n          (item) => item.value === String(active.id)\r\n        );\r\n        if (idx !== -1) {\r\n          newShowList.splice(idx, 1);\r\n          newHideList.push(activeItem);\r\n        }\r\n      }\r\n    }\r\n\r\n    if (isColumnDefault) {\r\n      setSettingsData((prev) => ({\r\n        ...prev,\r\n        column: {\r\n          ...prev.column,\r\n          show_list: newShowList,\r\n          hide_list: newHideList,\r\n        },\r\n      }));\r\n    } else {\r\n      const updatedTabs = [...(settingsColumnState?.tabs || [])];\r\n      updatedTabs[selectedTabIndex] = {\r\n        ...updatedTabs[selectedTabIndex],\r\n        show_list: newShowList,\r\n        hide_list: newHideList,\r\n      };\r\n      setSettingsData((prev) => ({\r\n        ...prev,\r\n        column: {\r\n          ...prev.column,\r\n          tabs: updatedTabs,\r\n        },\r\n      }));\r\n    }\r\n  };\r\n\r\n  const handleShowAll = () => {\r\n    if (isColumnDefault) {\r\n      // Default mode → update global lists\r\n      setSettingsData((prev) => ({\r\n        ...prev,\r\n        column: {\r\n          ...prev.column,\r\n          show_list: [...showList, ...hideList],\r\n          hide_list: [],\r\n        },\r\n      }));\r\n    } else {\r\n      // Tab mode → update only selected tab\r\n      const updatedTabs = [...(settingsColumnState.tabs || [])];\r\n\r\n      updatedTabs[selectedTabIndex] = {\r\n        ...updatedTabs[selectedTabIndex],\r\n        show_list: [...showList, ...hideList],\r\n        hide_list: [],\r\n      };\r\n\r\n      setSettingsData((prev) => ({\r\n        ...prev,\r\n        column: {\r\n          ...prev.column,\r\n          tabs: updatedTabs,\r\n        },\r\n      }));\r\n    }\r\n  };\r\n\r\n  const handleHideAll = () => {\r\n    if (isColumnDefault) {\r\n      // Default mode → update global lists\r\n      setSettingsData((prev) => ({\r\n        ...prev,\r\n        column: {\r\n          ...prev.column,\r\n          show_list: [],\r\n          hide_list: [...hideList, ...showList],\r\n        },\r\n      }));\r\n    } else {\r\n      // Tab mode → update only selected tab\r\n      const updatedTabs = [...(settingsColumnState.tabs || [])];\r\n\r\n      updatedTabs[selectedTabIndex] = {\r\n        ...updatedTabs[selectedTabIndex],\r\n        show_list: [],\r\n        hide_list: [...hideList, ...showList],\r\n      };\r\n\r\n      setSettingsData((prev) => ({\r\n        ...prev,\r\n        column: {\r\n          ...prev.column,\r\n          tabs: updatedTabs,\r\n        },\r\n      }));\r\n    }\r\n  };\r\n\r\n  const handleTabChange = (_: React.SyntheticEvent, newValue: number) => {\r\n    setSelectedTabIndex(newValue);\r\n  };\r\n\r\n  const hasShowListQuickTabs =\r\n    quickTabStates?.show_list?.length !== 0 || isColumnDefault;\r\n\r\n  return (\r\n    <Box\r\n      sx={{\r\n        display: \"flex\",\r\n        flexDirection: \"column\",\r\n        // gap: \"0.75rem\",\r\n        height: \"100%\",\r\n        position: \"relative\",\r\n      }}\r\n    >\r\n      <Box>\r\n        <Typography variant=\"subtitle2\" sx={{ mb: 1 }}>\r\n          Customize column by\r\n        </Typography>\r\n        <CustomToggleSwitchButton\r\n          buttons={TOGGLE_BUTTON_TABS}\r\n          value={isColumnDefault}\r\n          onChange={handleToggleChange}\r\n        />\r\n      </Box>\r\n\r\n      <Box sx={{ flex: 1 }}>\r\n        {!isColumnDefault && hasShowListQuickTabs && (\r\n          <CustomTabs value={selectedTabIndex} onChange={handleTabChange}>\r\n            {quickTabStates?.show_list?.map(\r\n              (tab: { label: string; value: string }) => (\r\n                <Tab key={tab?.value} label={tab?.label} />\r\n              )\r\n            )}\r\n          </CustomTabs>\r\n        )}\r\n\r\n        {hasShowListQuickTabs ? (\r\n          <DndContext\r\n            sensors={sensors}\r\n            collisionDetection={closestCenter}\r\n            onDragEnd={handleDragEnd}\r\n          >\r\n            <Grid container spacing={2}>\r\n              <ListingValues\r\n                containerId=\"list\"\r\n                headerText=\"Hidden In List\"\r\n                filteredValues={filteredListValues}\r\n                buttonText=\"Show All\"\r\n                onClick={handleShowAll}\r\n                searchTerm={searchTerm}\r\n                setSearchTerm={setSearchTerm}\r\n                onItemToggle={handleItemToggle}\r\n              />\r\n              <ListingValues\r\n                containerId=\"tabs\"\r\n                headerText=\"Show In List\"\r\n                filteredValues={showListValues}\r\n                buttonText=\"Hide All\"\r\n                onClick={handleHideAll}\r\n                onItemToggle={handleItemToggle}\r\n                AlertComponenet={\r\n                  <InfoAlert\r\n                    message={\r\n                      \"Please select at least 1 value to display as tabs.\"\r\n                    }\r\n                    width={\"49.2%\"}\r\n                    // position=\"absolute\"\r\n                    // color=\"#088AB2\"\r\n                    top={93}\r\n                    // zIndex={1}\r\n                  />\r\n                }\r\n              />\r\n            </Grid>\r\n          </DndContext>\r\n        ) : (\r\n          <Typography>View as Tabs empty in Quick Tab</Typography>\r\n        )}\r\n      </Box>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default ColumnTab;\r\n","import React, { useEffect, useMemo, useState } from \"react\";\r\nimport {\r\n  Box,\r\n  Button,\r\n  IconButton,\r\n  MenuItem,\r\n  Select,\r\n  Tab,\r\n  Typography,\r\n} from \"@mui/material\";\r\nimport {\r\n  ColumnTabConfigProps,\r\n  SettingsSortingProps,\r\n  SortingConfigProps,\r\n  SortingConfigSortByProps,\r\n} from \"../../../types/filter-settings\";\r\nimport CustomTabs from \"../tabs/horizontal\";\r\nimport {\r\n  closestCenter,\r\n  DndContext,\r\n  PointerSensor,\r\n  useSensor,\r\n  useSensors,\r\n} from \"@dnd-kit/core\";\r\nimport SortableItem from \"../../sorting-modal.tsx/sorting-item\";\r\nimport {\r\n  arrayMove,\r\n  SortableContext,\r\n  verticalListSortingStrategy,\r\n} from \"@dnd-kit/sortable\";\r\nimport { AddIcon, CloseIcon } from \"../../../../assets/svg\";\r\nimport CustomToggleSwitchButton from \"./toggle-button-switch\";\r\nimport { TOGGLE_BUTTON_TABS } from \"../constants\";\r\n\r\nconst Sorting = ({\r\n  filterSettingStates,\r\n  columnsData,\r\n}: SettingsSortingProps) => {\r\n  const { quickTabStates, saveButtonError, settingsData, setSettingsData } =\r\n    filterSettingStates;\r\n\r\n  const [activeTab, setActiveTab] = useState<string | undefined>(\r\n    quickTabStates?.show_list?.[0]?.value\r\n  );\r\n\r\n  const columnTabState = settingsData?.column as ColumnTabConfigProps;\r\n  const sortingTabState = settingsData?.sorting as SortingConfigProps;\r\n  const isSortingDefault = sortingTabState?.isDefault;\r\n\r\n  const isStateEmpty = useMemo(() => {\r\n    return !sortingTabState || Object.entries(sortingTabState).length === 0;\r\n  }, [sortingTabState]);\r\n\r\n  const isEmptyDefault = useMemo(() => {\r\n    return !isStateEmpty && !sortingTabState?.sortby?.length;\r\n  }, [isStateEmpty, sortingTabState]);\r\n\r\n  const ERROR_CODE = \"sorting_error\";\r\n\r\n  // useEffect(() => {\r\n  //   const emptySortBy: SortingConfigSortByProps[] = [\r\n  //     { column: \"\", order: \"asc\" },\r\n  //   ];\r\n\r\n  //   if (isStateEmpty) {\r\n  //     setSettingsData((prev) => ({\r\n  //       ...prev,\r\n  //       sorting: {\r\n  //         isDefault: true,\r\n  //         sortby: emptySortBy,\r\n  //       },\r\n  //     }));\r\n  //   } else if (isEmptyDefault) {\r\n  //     setSettingsData((prev) => ({\r\n  //       ...prev,\r\n  //       sorting: {\r\n  //         ...prev.sorting,\r\n  //         isDefault: true,\r\n  //       },\r\n  //     }));\r\n\r\n  //     if (!sortingTabState?.isDefault) {\r\n  //       setSettingsData((prev) => ({\r\n  //         ...prev,\r\n  //         sorting: {\r\n  //           ...prev.sorting,\r\n  //           sortby: emptySortBy,\r\n  //         },\r\n  //       }));\r\n  //     }\r\n  //   }\r\n  // }, [\r\n  //   isStateEmpty,\r\n  //   isEmptyDefault,\r\n  //   sortingTabState,\r\n  //   quickTabStates,\r\n  //   setSettingsData,\r\n  // ]);\r\n\r\n  useEffect(() => {\r\n    const emptySortBy: SortingConfigSortByProps[] = [\r\n      { column: \"\", order: \"asc\" },\r\n    ];\r\n\r\n    // CASE 1: Initialize sorting if completely empty\r\n    if (!sortingTabState || Object.keys(sortingTabState).length === 0) {\r\n      setSettingsData((prev) => ({\r\n        ...prev,\r\n        sorting: {\r\n          isDefault: true,\r\n          sortby: [],\r\n        },\r\n      }));\r\n      return;\r\n    }\r\n\r\n    // CASE 2: sorting is default BUT missing sortby\r\n    // if (\r\n    //   (!sortingTabState?.sortby || sortingTabState?.sortby.length === 0) &&\r\n    //   sortingTabState?.isDefault\r\n    // ) {\r\n    //   setSettingsData((prev) => ({\r\n    //     ...prev,\r\n    //     sorting: {\r\n    //       ...prev.sorting,\r\n    //       sortby: emptySortBy,\r\n    //       isDefault: true,\r\n    //     },\r\n    //   }));\r\n    //   return;\r\n    // }\r\n\r\n    //  CASE 3: CUSTOM MODE → Populate tabs automatically\r\n    if (\r\n      sortingTabState?.isDefault === false &&\r\n      (!sortingTabState?.tabs || sortingTabState?.tabs.length === 0)\r\n    ) {\r\n      setSettingsData((prev) => {\r\n        const quickTabs = prev.quick_tab?.show_list || [];\r\n\r\n        const generatedTabs = quickTabs.map((t) => ({\r\n          tab_name: { value: t.value, label: t.label },\r\n          sortby: emptySortBy,\r\n        }));\r\n\r\n        return {\r\n          ...prev,\r\n          sorting: {\r\n            ...prev.sorting,\r\n            tabs: generatedTabs,\r\n          },\r\n        };\r\n      });\r\n    }\r\n  }, []);\r\n\r\n  // sortingTabState.sortby is filtered based on columnTabState.show_list\r\n  // useEffect(() => {\r\n  //   // filter sorting sortby based on column show list\r\n  //   if (columnTabState?.isDefault) {\r\n  //     setSettingsData((prev) => ({\r\n  //       ...prev,\r\n  //       sorting: {\r\n  //         ...prev.sorting,\r\n  //         // remove sortby items that are not in column show list\r\n  //         sortby: prev.sorting?.sortby?.filter((item) =>\r\n  //           columnTabState?.show_list?.some(\r\n  //             (columnItem) => columnItem.value === item.column\r\n  //           )\r\n  //         ),\r\n  //       },\r\n  //     }));\r\n  //   }\r\n  // }, [columnTabState?.show_list]);\r\n\r\n  const sensors = useSensors(useSensor(PointerSensor));\r\n\r\n  const activeTabIndex = columnTabState?.isDefault\r\n    ? quickTabStates?.show_list?.findIndex(\r\n        (tab) =>\r\n          tab?.value === activeTab ||\r\n          tab?.label?.toLowerCase() === activeTab?.toLowerCase()\r\n      )\r\n    : columnTabState?.tabs?.findIndex(\r\n        (tab) =>\r\n          tab?.tab_name?.value == activeTab ||\r\n          tab?.tab_name?.label?.toLowerCase() == activeTab?.toLowerCase()\r\n      );\r\n  /**\r\n   * * What is happening here?\r\n   *\r\n   * * If isDefault is true\r\n   * * - Return the sortby array from the state\r\n   *\r\n   * * If isDefault is false\r\n   * * - Filter tabs array from sortingTabState according to activeTab index\r\n   *\r\n   * * If activeTab is undefined\r\n   * * - Return an empty array\r\n   */\r\n\r\n  const tabSortedList = useMemo(() => {\r\n    return isSortingDefault\r\n      ? sortingTabState?.sortby || [{ column: \"\", order: \"asc\" }]\r\n      : activeTab !== undefined\r\n      ? sortingTabState?.tabs?.[activeTabIndex || 0]?.sortby\r\n        ? sortingTabState?.tabs?.[activeTabIndex || 0]?.sortby\r\n        : []\r\n      : [];\r\n  }, [sortingTabState, activeTab]);\r\n\r\n  const updateSortList = (updated: SortingConfigSortByProps[]) => {\r\n    setSettingsData((prev) => {\r\n      if (prev?.sorting?.isDefault) {\r\n        return { ...prev, sorting: { ...prev?.sorting, sortby: updated } };\r\n      } else {\r\n        const tabs = [...(prev?.sorting?.tabs || [])];\r\n        tabs[activeTabIndex || 0] = {\r\n          ...tabs[activeTabIndex || 0],\r\n          tab_name: settingsData?.column?.tabs?.[activeTabIndex || 0]\r\n            ?.tab_name || {\r\n            label: \"\",\r\n            value: \"\",\r\n          },\r\n          sortby: updated,\r\n        };\r\n        return { ...prev, sorting: { ...prev?.sorting, tabs } };\r\n      }\r\n    });\r\n  };\r\n\r\n  const handleDNDDropdownChange = (\r\n    key: \"column\" | \"order\",\r\n    value: string,\r\n    index: number\r\n  ) => {\r\n    if (!tabSortedList) return;\r\n\r\n    const updated = [...tabSortedList];\r\n    updated[index] = { ...updated[index], [key]: value };\r\n    updateSortList(updated);\r\n  };\r\n\r\n  const handleAddSort = () => {\r\n    if (!tabSortedList) return;\r\n\r\n    const newItem: SortingConfigSortByProps = {\r\n      column: \"\",\r\n      order: \"asc\",\r\n    };\r\n\r\n    updateSortList([...tabSortedList, newItem]);\r\n  };\r\n\r\n  const handleRemove = (columnKey: string) => {\r\n    if (!tabSortedList) return;\r\n\r\n    const updated = tabSortedList.filter((item) => item.column !== columnKey);\r\n    updateSortList(updated);\r\n  };\r\n\r\n  const handleModeChange = (\r\n    _: React.MouseEvent<HTMLElement>,\r\n    value: boolean\r\n  ) => {\r\n    if (value !== null) {\r\n      setSettingsData((prev) => ({\r\n        ...prev,\r\n        sorting: {\r\n          ...prev.sorting,\r\n          isDefault: value,\r\n        },\r\n      }));\r\n    }\r\n  };\r\n\r\n  const handleDragEnd = (event: any) => {\r\n    if (!tabSortedList) return;\r\n\r\n    const { active, over } = event;\r\n    if (!over || active.id === over.id) return;\r\n\r\n    const oldIndex = tabSortedList.findIndex((i) => i.column === active.id);\r\n    const newIndex = tabSortedList.findIndex((i) => i.column === over.id);\r\n\r\n    if (oldIndex !== -1 && newIndex !== -1) {\r\n      const reordered = arrayMove(tabSortedList, oldIndex, newIndex);\r\n      updateSortList(reordered);\r\n    }\r\n  };\r\n\r\n  const hasShowListQuickTabs =\r\n    quickTabStates?.show_list?.length !== 0 || isSortingDefault ? true : false;\r\n\r\n  /**\r\n   * ? What is happening here?\r\n   *\r\n   * If column show list is present then takes it's length\r\n   * else it takes columnsData.column_list length\r\n   *\r\n   * compare it with sortingTabState.sortby.length\r\n   *\r\n   * if both are equal then showAddSortButton is false\r\n   */\r\n  const showAddSortButton = useMemo(() => {\r\n    const stateLength = columnsData?.length ?? 0;\r\n    const sortLength = sortingTabState?.sortby?.length ?? 0;\r\n\r\n    return sortLength !== stateLength;\r\n  }, [columnsData, sortingTabState]);\r\n\r\n  /**\r\n   * ? What is happening here?\r\n   *\r\n   * Check if sorting_error exists in saveButtonError state\r\n   * Check if sortingTabState sortby column is empty\r\n   */\r\n  const isAddSortDisabled = useMemo(() => {\r\n    const hasEmptyColumn = sortingTabState?.sortby?.some(\r\n      (item) => item.column === \"\"\r\n    );\r\n\r\n    return hasEmptyColumn;\r\n  }, [saveButtonError, sortingTabState]);\r\n\r\n  const getCurrentLists = () => {\r\n    if (sortingTabState?.isDefault) {\r\n      return {\r\n        showList:\r\n          columnsData?.map((column: any) => ({\r\n            label: column?.name,\r\n            value: column?.attribute_key,\r\n          })) || [],\r\n        hideList: columnTabState?.hide_list || [],\r\n      };\r\n    } else {\r\n      const currentTab = sortingTabState?.tabs?.[activeTabIndex || 0];\r\n      return {\r\n        showList:\r\n          columnsData?.map((column: any) => ({\r\n            label: column?.name,\r\n            value: column?.attribute_key,\r\n          })) || [],\r\n        // hideList: currentTab?.hide_list || [],\r\n      };\r\n    }\r\n  };\r\n\r\n  const { showList } = getCurrentLists();\r\n\r\n  return (\r\n    <Box sx={{ display: \"flex\", flexDirection: \"column\", gap: \"0.75rem\" }}>\r\n      <Typography>Select attribute(s) you want to sort by</Typography>\r\n\r\n      <CustomToggleSwitchButton\r\n        buttons={TOGGLE_BUTTON_TABS}\r\n        value={isSortingDefault}\r\n        onChange={handleModeChange}\r\n      />\r\n\r\n      {hasShowListQuickTabs ? (\r\n        <>\r\n          <Box>\r\n            {!isSortingDefault && (\r\n              <CustomTabs\r\n                value={activeTab}\r\n                onChange={(_, tab) => setActiveTab(tab)}\r\n              >\r\n                {quickTabStates?.show_list?.map((tab) => (\r\n                  <Tab key={tab?.value} label={tab?.label} value={tab?.value} />\r\n                ))}\r\n              </CustomTabs>\r\n            )}\r\n\r\n            <DndContext\r\n              sensors={sensors}\r\n              collisionDetection={closestCenter}\r\n              onDragEnd={handleDragEnd}\r\n            >\r\n              <SortableContext\r\n                items={tabSortedList?.map((s) => s.column) || []}\r\n                strategy={verticalListSortingStrategy}\r\n              >\r\n                {tabSortedList?.map((sort, index) => (\r\n                  <SortableItem key={sort.column} id={sort.column}>\r\n                    <Box display=\"flex\" gap={1} alignItems=\"center\" mb={1}>\r\n                      <Select\r\n                        value={sort.column}\r\n                        onChange={(e) =>\r\n                          handleDNDDropdownChange(\r\n                            \"column\",\r\n                            e.target.value,\r\n                            index\r\n                          )\r\n                        }\r\n                        size=\"small\"\r\n                        fullWidth\r\n                      >\r\n                        {showList\r\n                          // ?.filter((column) => column.value != \"action\")\r\n                          .map(\r\n                            (\r\n                              column: { label: string; value: string },\r\n                              index: number\r\n                            ) => (\r\n                              <MenuItem\r\n                                key={index}\r\n                                value={column.value}\r\n                                disabled={tabSortedList.some(\r\n                                  (s) => s.column === column?.value\r\n                                )}\r\n                              >\r\n                                {column?.label}\r\n                              </MenuItem>\r\n                            )\r\n                          )}\r\n                      </Select>\r\n                      <Select\r\n                        value={sort.order}\r\n                        onChange={(e) =>\r\n                          handleDNDDropdownChange(\r\n                            \"order\",\r\n                            e.target.value,\r\n                            index\r\n                          )\r\n                        }\r\n                        size=\"small\"\r\n                        fullWidth\r\n                      >\r\n                        <MenuItem value=\"asc\">Ascending</MenuItem>\r\n                        <MenuItem value=\"dsc\">Descending</MenuItem>\r\n                      </Select>\r\n                      <IconButton\r\n                        size=\"small\"\r\n                        onClick={() => handleRemove(sort.column)}\r\n                      >\r\n                        <CloseIcon />\r\n                      </IconButton>\r\n                    </Box>\r\n                  </SortableItem>\r\n                ))}\r\n              </SortableContext>\r\n            </DndContext>\r\n\r\n            {showAddSortButton && (\r\n              <Box>\r\n                <Button\r\n                  onClick={handleAddSort}\r\n                  startIcon={<AddIcon />}\r\n                  variant=\"text\"\r\n                  sx={{\r\n                    fontSize: 13,\r\n                    color: \"#7A5AF8\",\r\n                  }}\r\n                  disabled={isAddSortDisabled}\r\n                >\r\n                  Add Sort\r\n                </Button>\r\n              </Box>\r\n            )}\r\n          </Box>\r\n        </>\r\n      ) : (\r\n        <Typography>View as Tabs empty in Quick Tab</Typography>\r\n      )}\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default Sorting;\r\n","import { Dialog, Slide, styled } from \"@mui/material\";\r\nimport { dialogStyles } from \"../style\";\r\nimport React from \"react\";\r\nimport { TransitionProps } from \"@mui/material/transitions\";\r\n\r\nexport const CustomDialog = styled(Dialog)(({ theme }) => ({\r\n  \"& .MuiPaper-root\": {\r\n    borderRadius: 0,\r\n    height: \"100%\",\r\n  },\r\n  \"& .MuiDialogContent-root\": {\r\n    ...dialogStyles.dialogContent,\r\n    padding: theme.spacing(2),\r\n  },\r\n  \"& .MuiDialogActions-root\": {\r\n    padding: theme.spacing(2),\r\n  },\r\n}));\r\n\r\nexport const DialogTransition = React.forwardRef(function Transition(\r\n  props: TransitionProps & {\r\n    children: React.ReactElement<any, any>;\r\n  },\r\n  ref: React.Ref<unknown>\r\n) {\r\n  return <Slide direction=\"down\" ref={ref} {...props} />;\r\n});\r\n","import { Button, ButtonProps } from \"@mui/material\";\r\nimport { dialogStyles } from \"../style\";\r\ninterface CustomButtonProps extends ButtonProps {}\r\n\r\nconst CustomButton = ({ ...props }: CustomButtonProps) => {\r\n  const customSx = { ...dialogStyles.dialogActionsButton, ...props.sx };\r\n\r\n  return (\r\n    <Button variant=\"contained\" {...props} sx={customSx}>\r\n      {props.children}\r\n    </Button>\r\n  );\r\n};\r\n\r\nexport default CustomButton;\r\n","import { useEffect, useState } from \"react\";\r\nimport {\r\n  Box,\r\n  Select,\r\n  MenuItem,\r\n  FormControl,\r\n  Typography,\r\n  Checkbox,\r\n  FormControlLabel,\r\n  Grid,\r\n} from \"@mui/material\";\r\n\r\nimport ListingValues from \"../common/listing-values\";\r\nimport {\r\n  DndContext,\r\n  closestCenter,\r\n  KeyboardSensor,\r\n  MouseSensor,\r\n  TouchSensor,\r\n  useSensor,\r\n  useSensors,\r\n  DragEndEvent,\r\n} from \"@dnd-kit/core\";\r\nimport { TabsStyles } from \"../style\";\r\nimport { craftTableFilterSettingsOptionsProps } from \"../../../types/table-options\";\r\n\r\nconst Lane = ({\r\n  filterSettingStates,\r\n  columnsData,\r\n  tabsApiData,\r\n  tabsApiDataLoading,\r\n  selectAttributeData,\r\n  laneHideListData,\r\n}: {\r\n  filterSettingStates: craftTableFilterSettingsOptionsProps;\r\n  columnsData: any;\r\n  tabsApiData?: { label: string; value: string }[];\r\n  tabsApiDataLoading?: boolean;\r\n  selectAttributeData?: { label: string; value: string }[];\r\n  laneHideListData?: { label: string; value: string }[];\r\n}) => {\r\n  const { kanbanSettingsData, setKanbanSettingsData } = filterSettingStates;\r\n\r\n  const [searchTerm, setSearchTerm] = useState<string>(\"\");\r\n  const [currentLaneAttribute, setCurrentLaneAttribute] = useState<string>(\r\n    kanbanSettingsData?.lane?.attribute || \"\"\r\n  );\r\n\r\n  console.log(\"selectAttributeData\", selectAttributeData);\r\n\r\n  useEffect(() => {\r\n    const stateToArray =\r\n      (kanbanSettingsData?.lane && Object.entries(kanbanSettingsData?.lane)) ||\r\n      [];\r\n    const isEmptyState = stateToArray.length ? false : true;\r\n\r\n    if (isEmptyState) {\r\n      setKanbanSettingsData((prev) => ({\r\n        ...prev,\r\n        lane: {\r\n          ...prev?.lane,\r\n          attribute:\r\n            selectAttributeData\r\n              ?.filter(\r\n                (i) => i?.value !== kanbanSettingsData?.swim_lane?.attribute\r\n              )\r\n              ?.find((i) => i?.value == \"stage_group\")?.value || \"\",\r\n        },\r\n      }));\r\n    } else {\r\n      if (\r\n        kanbanSettingsData?.swim_lane?.attribute ==\r\n        kanbanSettingsData?.lane?.attribute\r\n      ) {\r\n        setKanbanSettingsData((prev) => ({\r\n          ...prev,\r\n          swim_lane: {\r\n            ...prev?.swim_lane,\r\n            attribute:\r\n              selectAttributeData\r\n                ?.filter(\r\n                  (i) => i?.value !== kanbanSettingsData?.swim_lane?.attribute\r\n                )\r\n                ?.find((i) => i?.value == \"stage_group\")?.value || \"\",\r\n            // sorting: \"asc\",\r\n          },\r\n        }));\r\n      }\r\n    }\r\n  }, [selectAttributeData]);\r\n\r\n  useEffect(() => {\r\n    if (currentLaneAttribute === kanbanSettingsData?.lane?.attribute) return;\r\n\r\n    if (laneHideListData?.length) {\r\n      setKanbanSettingsData((prev) => ({\r\n        ...prev,\r\n        lane: {\r\n          ...prev?.lane,\r\n          hide_list: laneHideListData,\r\n          show_list: [],\r\n        },\r\n      }));\r\n\r\n      setCurrentLaneAttribute(kanbanSettingsData?.lane?.attribute || \"\");\r\n    } else {\r\n      setKanbanSettingsData((prev) => ({\r\n        ...prev,\r\n        lane: {\r\n          ...prev?.lane,\r\n          hide_list: [],\r\n          show_list: [],\r\n        },\r\n      }));\r\n\r\n      setCurrentLaneAttribute(\"\");\r\n    }\r\n  }, [laneHideListData]);\r\n\r\n  const sortingOptions = [\r\n    { label: \"A-Z\", value: \"asc\" },\r\n    { label: \"Z-A\", value: \"dsc\" },\r\n    { label: \"Count (Ascending)\", value: \"count_asc\" },\r\n    { label: \"Count (Descending)\", value: \"count_dsc\" },\r\n    { label: \"Custom\", value: \"custom\" },\r\n  ];\r\n\r\n  const isWorkflowAttribute =\r\n    kanbanSettingsData?.lane?.attribute === \"stage_group\" ||\r\n    kanbanSettingsData?.lane?.attribute === \"stage\";\r\n\r\n  const isSourceAttribute =\r\n    kanbanSettingsData?.lane?.attribute === \"lead_source\";\r\n\r\n  useEffect(() => {\r\n    if (isSourceAttribute) {\r\n      setKanbanSettingsData((prev) => ({\r\n        ...prev,\r\n        lane: {\r\n          ...prev.lane,\r\n          sorting: prev.lane?.sorting || \"asc\",\r\n        },\r\n      }));\r\n    }\r\n  }, [kanbanSettingsData?.lane?.attribute]);\r\n\r\n  const displaySortingValue = isWorkflowAttribute\r\n    ? \"workflow_sequence\"\r\n    : kanbanSettingsData?.lane?.sorting;\r\n\r\n  const enableDND =\r\n    isSourceAttribute && kanbanSettingsData?.lane?.sorting === \"custom\";\r\n\r\n  const normalizeTabItem = (item: any) => ({\r\n    label: item.label,\r\n    value: item?.value,\r\n  });\r\n  const constructHideList = () => {\r\n    const normalizedTabs = laneHideListData?.map(normalizeTabItem) || [];\r\n    return normalizedTabs?.filter(\r\n      (tab) => !showListValues?.some((i) => i?.value === tab?.value)\r\n    );\r\n  };\r\n\r\n  const showListValues = kanbanSettingsData?.lane?.show_list || [];\r\n  const hideListValues = constructHideList() || [];\r\n\r\n  const filteredListValues = hideListValues.filter((value: any) =>\r\n    value?.label?.toLowerCase().includes(searchTerm.toLowerCase())\r\n  );\r\n\r\n  /* ===========================================================\r\n     DND CONFIG\r\n     =========================================================== */\r\n  const sensors = useSensors(\r\n    useSensor(MouseSensor),\r\n    useSensor(TouchSensor),\r\n    useSensor(KeyboardSensor)\r\n  );\r\n\r\n  const handleDragEnd = (event: DragEndEvent) => {\r\n    if (!enableDND) return; // protect reorder when drag is disabled\r\n\r\n    const { active, over } = event;\r\n    if (!over) return;\r\n\r\n    const currentContainer = active.data.current?.containerId;\r\n    const overContainer = over.data.current?.containerId;\r\n\r\n    if (!currentContainer || !overContainer) return;\r\n\r\n    let newShowList = [...(kanbanSettingsData?.lane?.show_list ?? [])];\r\n    let newHideList = [...(kanbanSettingsData?.lane?.hide_list ?? [])];\r\n\r\n    if (currentContainer === overContainer) {\r\n      if (currentContainer === \"list\") {\r\n        const oldIndex = newHideList.findIndex((i) => i.value === active.id);\r\n        const newIndex = newHideList.findIndex((i) => i.value === over.id);\r\n\r\n        if (oldIndex !== -1 && newIndex !== -1) {\r\n          const [removed] = newHideList.splice(oldIndex, 1);\r\n          newHideList.splice(newIndex, 0, removed);\r\n        }\r\n      } else {\r\n        const oldIndex = newShowList.findIndex((i) => i.value === active.id);\r\n        const newIndex = newShowList.findIndex((i) => i.value === over.id);\r\n\r\n        if (oldIndex !== -1 && newIndex !== -1) {\r\n          const [removed] = newShowList.splice(oldIndex, 1);\r\n          newShowList.splice(newIndex, 0, removed);\r\n        }\r\n      }\r\n    }\r\n\r\n    if (currentContainer !== overContainer) {\r\n      if (currentContainer === \"list\" && overContainer === \"tabs\") {\r\n        const idx = newHideList.findIndex((i) => i.value === String(active.id));\r\n        if (idx !== -1) {\r\n          const item = newHideList.splice(idx, 1)[0];\r\n          newShowList.push(item);\r\n        }\r\n      } else if (currentContainer === \"tabs\" && overContainer === \"list\") {\r\n        const idx = newShowList.findIndex((i) => i.value === String(active.id));\r\n        if (idx !== -1) {\r\n          const item = newShowList.splice(idx, 1)[0];\r\n          newHideList.push(item);\r\n        }\r\n      }\r\n    }\r\n\r\n    setKanbanSettingsData((prev) => ({\r\n      ...prev,\r\n      lane: {\r\n        ...prev.lane,\r\n        show_list: newShowList,\r\n        hide_list: newHideList,\r\n      },\r\n    }));\r\n  };\r\n\r\n  const handleShowAll = () => {\r\n    setKanbanSettingsData((prev) => ({\r\n      ...prev,\r\n      lane: {\r\n        ...prev?.lane,\r\n        show_list: [\r\n          ...(prev?.lane?.show_list || []),\r\n          ...(prev?.lane?.hide_list || []),\r\n        ],\r\n        hide_list: [],\r\n      },\r\n    }));\r\n  };\r\n\r\n  const handleHideAll = () => {\r\n    setKanbanSettingsData((prev) => ({\r\n      ...prev,\r\n      lane: {\r\n        ...prev?.lane,\r\n        hide_list: [\r\n          ...(prev?.lane?.hide_list || []),\r\n          ...(prev?.lane?.show_list || []),\r\n        ],\r\n        show_list: [],\r\n      },\r\n    }));\r\n  };\r\n\r\n  const handleItemToggle = (\r\n    item: { label: string; value: string },\r\n    fromContainerId: string\r\n  ) => {\r\n    setKanbanSettingsData((prev) => {\r\n      const toShowList = [...(kanbanSettingsData?.lane?.show_list ?? [])];\r\n      const toHideList = [...(kanbanSettingsData?.lane?.hide_list ?? [])];\r\n\r\n      if (fromContainerId === \"list\") {\r\n        const index = toHideList.findIndex((i) => i.value == item.value);\r\n        if (index > -1) {\r\n          toHideList.splice(index, 1);\r\n          toShowList.push(item);\r\n        }\r\n      } else if (fromContainerId === \"tabs\") {\r\n        const index = toShowList.findIndex((i) => i.value == item.value);\r\n        if (index > -1) {\r\n          toShowList.splice(index, 1);\r\n          toHideList.push(item);\r\n        }\r\n      }\r\n      return {\r\n        ...prev,\r\n        lane: {\r\n          ...prev?.lane,\r\n          show_list: toShowList,\r\n          hide_list: toHideList,\r\n        },\r\n      };\r\n    });\r\n  };\r\n\r\n  console.log(\"kanban\", kanbanSettingsData);\r\n\r\n  /* ===========================================================\r\n     RENDER\r\n     =========================================================== */\r\n  return (\r\n    <Box sx={{ display: \"flex\", flexDirection: \"column\", height: \"100%\" }}>\r\n      <Typography variant=\"caption\" sx={TabsStyles.mainTabsHeader}>\r\n        **Quick filter settings will be reflected in vertical lanes\r\n      </Typography>\r\n\r\n      <Grid sx={{ position: \"relative\" }} container>\r\n        {/* Attribute + Sort */}\r\n        <Grid size={12}>\r\n          <Grid sx={TabsStyles.mainTabDropdown} size={6}>\r\n            <FormControl sx={TabsStyles.mainTabSelect} size=\"small\">\r\n              <Select\r\n                value={kanbanSettingsData?.lane?.attribute || \"\"}\r\n                onChange={(e) =>\r\n                  setKanbanSettingsData((prev) => ({\r\n                    ...prev,\r\n                    lane: {\r\n                      ...prev?.lane,\r\n                      attribute: e.target.value,\r\n                    },\r\n                  }))\r\n                }\r\n              >\r\n                {selectAttributeData\r\n                  ?.filter(\r\n                    (i) => i?.value !== kanbanSettingsData?.swim_lane?.attribute\r\n                  )\r\n                  ?.map((lane: any) => (\r\n                    <MenuItem key={lane?.key} value={lane?.value}>\r\n                      {lane?.label}\r\n                    </MenuItem>\r\n                  ))}\r\n              </Select>\r\n            </FormControl>\r\n\r\n            <FormControl sx={TabsStyles.selectDropdownSeparator} size=\"small\">\r\n              <Select\r\n                value={displaySortingValue || \"\"}\r\n                disabled={isWorkflowAttribute}\r\n                onChange={(e) => {\r\n                  if (!isWorkflowAttribute) {\r\n                    const value = e.target.value as\r\n                      | \"asc\"\r\n                      | \"dsc\"\r\n                      | \"count_asc\"\r\n                      | \"count_dsc\"\r\n                      | \"custom\";\r\n\r\n                    setKanbanSettingsData((prev) => ({\r\n                      ...prev,\r\n                      lane: {\r\n                        ...prev?.lane,\r\n                        sorting: value,\r\n                      },\r\n                    }));\r\n                  }\r\n                }}\r\n              >\r\n                {isWorkflowAttribute && (\r\n                  <MenuItem value=\"workflow_sequence\">\r\n                    Workflow Sequence\r\n                  </MenuItem>\r\n                )}\r\n\r\n                {!isWorkflowAttribute &&\r\n                  sortingOptions.map((option) => (\r\n                    <MenuItem key={option.value} value={option.value}>\r\n                      {option.label}\r\n                    </MenuItem>\r\n                  ))}\r\n              </Select>\r\n            </FormControl>\r\n          </Grid>\r\n        </Grid>\r\n\r\n        {/* LISTING + DRAG */}\r\n        <DndContext\r\n          sensors={sensors}\r\n          collisionDetection={closestCenter}\r\n          onDragEnd={handleDragEnd}\r\n        >\r\n          <Grid sx={{ mt: 2 }} container spacing={2} size={12}>\r\n            <ListingValues\r\n              buttonText=\"Show All\"\r\n              onClick={handleShowAll}\r\n              headerText=\"List of Values\"\r\n              filteredValues={filteredListValues}\r\n              searchTerm={searchTerm}\r\n              setSearchTerm={setSearchTerm}\r\n              containerId=\"list\"\r\n              tabsApiDataLoading={tabsApiDataLoading}\r\n              onItemToggle={handleItemToggle}\r\n              enableDragAndDrop={enableDND}\r\n            />\r\n\r\n            <ListingValues\r\n              buttonText=\"Hide All\"\r\n              onClick={handleHideAll}\r\n              headerText=\"View as Lanes\"\r\n              filteredValues={showListValues}\r\n              containerId=\"tabs\"\r\n              onItemToggle={handleItemToggle}\r\n              enableDragAndDrop={enableDND}\r\n            />\r\n          </Grid>\r\n        </DndContext>\r\n\r\n        {/* SUBLANE CHECKBOX */}\r\n        {kanbanSettingsData?.lane?.attribute === \"stage_group\" && (\r\n          <Grid size={12}>\r\n            <Box sx={TabsStyles.checkboxStyle}>\r\n              <FormControlLabel\r\n                control={\r\n                  <Checkbox\r\n                    checked={kanbanSettingsData?.lane?.isSubLane || false}\r\n                    onChange={(e) =>\r\n                      setKanbanSettingsData((prev) => ({\r\n                        ...prev,\r\n                        lane: {\r\n                          ...prev?.lane,\r\n                          isSubLane: e.target.checked,\r\n                        },\r\n                      }))\r\n                    }\r\n                    size=\"small\"\r\n                  />\r\n                }\r\n                label=\"Show Sublane\"\r\n              />\r\n            </Box>\r\n          </Grid>\r\n        )}\r\n\r\n        {/* SUBLANE STAGE SELECT */}\r\n        {kanbanSettingsData?.lane?.attribute === \"stage_group\" &&\r\n          kanbanSettingsData?.lane?.isSubLane && (\r\n            <Grid size={12}>\r\n              <Grid sx={TabsStyles.mainTabDropdown} size={6}>\r\n                <FormControl sx={TabsStyles.mainTabSelect} size=\"small\">\r\n                  <Select value=\"Stage\">\r\n                    <MenuItem value=\"Stage\">Stage</MenuItem>\r\n                  </Select>\r\n                </FormControl>\r\n              </Grid>\r\n            </Grid>\r\n          )}\r\n      </Grid>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default Lane;\r\n","import { useEffect, useState } from \"react\";\r\nimport {\r\n  Box,\r\n  Select,\r\n  MenuItem,\r\n  FormControl,\r\n  Typography,\r\n  Checkbox,\r\n  FormControlLabel,\r\n  Grid,\r\n} from \"@mui/material\";\r\n\r\nimport ListingValues from \"../common/listing-values\";\r\nimport {\r\n  DndContext,\r\n  closestCenter,\r\n  KeyboardSensor,\r\n  MouseSensor,\r\n  TouchSensor,\r\n  useSensor,\r\n  useSensors,\r\n  DragEndEvent,\r\n} from \"@dnd-kit/core\";\r\nimport { TabsStyles } from \"../style\";\r\nimport { craftTableFilterSettingsOptionsProps } from \"../../../types/table-options\";\r\n\r\nconst SwimLane = ({\r\n  filterSettingStates,\r\n  tabsApiDataLoading,\r\n  selectSwinLandData,\r\n  swimLaneHideListData,\r\n}: {\r\n  filterSettingStates: craftTableFilterSettingsOptionsProps;\r\n  columnsData: any;\r\n  tabsApiData?: { label: string; value: string }[];\r\n  tabsApiDataLoading?: boolean;\r\n  selectSwinLandData?: { label: string; value: string }[];\r\n  swimLaneHideListData?: { label: string; value: string }[];\r\n}) => {\r\n  const { kanbanSettingsData, setKanbanSettingsData } = filterSettingStates;\r\n\r\n  const [searchTerm, setSearchTerm] = useState<string>(\"\");\r\n  const [currentSwimLaneAttribute, setCurrentSwimLaneAttribute] =\r\n    useState<string>(kanbanSettingsData?.swim_lane?.attribute || \"\");\r\n\r\n  const isStatusAttribute =\r\n    kanbanSettingsData?.swim_lane?.attribute === \"lead_status\" ||\r\n    kanbanSettingsData?.swim_lane?.attribute === \"status\";\r\n  const isSourceAttribute =\r\n    kanbanSettingsData?.swim_lane?.attribute === \"lead_source\";\r\n\r\n  useEffect(() => {\r\n    if (isStatusAttribute) {\r\n      setKanbanSettingsData((prev) => ({\r\n        ...prev,\r\n        swim_lane: {\r\n          ...prev.swim_lane,\r\n          sorting: \"sort_by\",\r\n        },\r\n      }));\r\n    }\r\n  }, [kanbanSettingsData?.swim_lane?.attribute]);\r\n\r\n  useEffect(() => {\r\n    if (!isSourceAttribute) return;\r\n\r\n    setKanbanSettingsData((prev) => ({\r\n      ...prev,\r\n      swim_lane: {\r\n        ...prev.swim_lane,\r\n        sorting: \"count_dsc\",\r\n      },\r\n    }));\r\n  }, [isSourceAttribute]);\r\n\r\n  useEffect(() => {\r\n    const stateToArray =\r\n      (kanbanSettingsData?.swim_lane &&\r\n        Object.entries(kanbanSettingsData?.swim_lane)) ||\r\n      [];\r\n    const isEmptyState = stateToArray.length ? false : true;\r\n\r\n    if (isEmptyState) {\r\n      setKanbanSettingsData((prev) => ({\r\n        ...prev,\r\n        swim_lane: {\r\n          ...prev?.swim_lane,\r\n          attribute: selectSwinLandData\r\n            ?.filter((i) => i?.value !== kanbanSettingsData?.lane?.attribute)\r\n            ?.find((i) => i?.value == \"lead_status\" || i?.value == \"status\")\r\n            ?.value,\r\n          // sorting: \"asc\",\r\n        },\r\n      }));\r\n    } else {\r\n      if (\r\n        kanbanSettingsData?.swim_lane?.attribute ==\r\n        kanbanSettingsData?.lane?.attribute\r\n      ) {\r\n        setKanbanSettingsData((prev) => ({\r\n          ...prev,\r\n          swim_lane: {\r\n            ...prev?.swim_lane,\r\n            attribute: selectSwinLandData\r\n              ?.filter((i) => i?.value !== kanbanSettingsData?.lane?.attribute)\r\n              ?.find((i) => i?.value == \"lead_status\" || i?.value == \"status\")\r\n              ?.value,\r\n            // sorting: \"asc\",\r\n          },\r\n        }));\r\n      }\r\n    }\r\n  }, [selectSwinLandData]);\r\n\r\n  useEffect(() => {\r\n    if (currentSwimLaneAttribute === kanbanSettingsData?.swim_lane?.attribute)\r\n      return;\r\n\r\n    if (swimLaneHideListData?.length) {\r\n      setKanbanSettingsData((prev) => ({\r\n        ...prev,\r\n        swim_lane: {\r\n          ...prev?.swim_lane,\r\n          hide_list: swimLaneHideListData,\r\n          show_list: [],\r\n        },\r\n      }));\r\n\r\n      setCurrentSwimLaneAttribute(\r\n        kanbanSettingsData?.swim_lane?.attribute || \"\"\r\n      );\r\n    } else {\r\n      setKanbanSettingsData((prev) => ({\r\n        ...prev,\r\n        swim_lane: {\r\n          ...prev?.swim_lane,\r\n          hide_list: [],\r\n          show_list: [],\r\n        },\r\n      }));\r\n\r\n      setCurrentSwimLaneAttribute(\"\");\r\n    }\r\n  }, [swimLaneHideListData]);\r\n\r\n  const sortingOptions = [\r\n    { label: \"Sort By\", value: \"sort_by\" },\r\n    { label: \"A-Z\", value: \"asc\" },\r\n    { label: \"Z-A\", value: \"dsc\" },\r\n    { label: \"Count (Ascending)\", value: \"count_asc\" },\r\n    { label: \"Count (Descending)\", value: \"count_dsc\" },\r\n    { label: \"Custom\", value: \"custom\" },\r\n  ];\r\n\r\n  const normalizeTabItem = (item: any) => ({\r\n    label: item.label,\r\n    value: item?.value,\r\n  });\r\n\r\n  const constructHideList = () => {\r\n    const normalizedTabs = swimLaneHideListData?.map(normalizeTabItem) || [];\r\n\r\n    // remove items already in show_list (value-safe comparison)\r\n    return normalizedTabs?.filter(\r\n      (tab) => !showListValues?.some((i) => i?.value === tab?.value)\r\n    );\r\n  };\r\n\r\n  const showListValues = kanbanSettingsData?.swim_lane?.show_list || [];\r\n  const hideListValues = constructHideList() || [];\r\n\r\n  const filteredListValues = hideListValues.filter((value: any) =>\r\n    value?.label?.toLowerCase().includes(searchTerm.toLowerCase())\r\n  );\r\n\r\n  const sensors = useSensors(\r\n    useSensor(MouseSensor),\r\n    useSensor(TouchSensor),\r\n    useSensor(KeyboardSensor)\r\n  );\r\n\r\n  const handleDragEnd = (event: DragEndEvent) => {\r\n    const { active, over } = event;\r\n    if (!over) return;\r\n\r\n    const currentContainer = active.data.current?.containerId;\r\n    const overContainer = over.data.current?.containerId;\r\n\r\n    if (!currentContainer || !overContainer) return;\r\n\r\n    let newShowList = [...(kanbanSettingsData?.swim_lane?.show_list ?? [])];\r\n    let newHideList = [...(kanbanSettingsData?.swim_lane?.hide_list ?? [])];\r\n\r\n    if (currentContainer === overContainer) {\r\n      if (currentContainer === \"list\") {\r\n        const oldIndex = newHideList.findIndex((i) => i.value === active.id);\r\n        const newIndex = newHideList.findIndex((i) => i.value === over.id);\r\n\r\n        if (oldIndex !== -1 && newIndex !== -1) {\r\n          const [removed] = newHideList.splice(oldIndex, 1);\r\n          newHideList.splice(newIndex, 0, removed);\r\n        }\r\n      } else {\r\n        const oldIndex = newShowList.findIndex((i) => i.value === active.id);\r\n        const newIndex = newShowList.findIndex((i) => i.value === over.id);\r\n\r\n        if (oldIndex !== -1 && newIndex !== -1) {\r\n          const [removed] = newShowList.splice(oldIndex, 1);\r\n          newShowList.splice(newIndex, 0, removed);\r\n        }\r\n      }\r\n    }\r\n\r\n    // -------------------------------------\r\n    // CASE 2: MOVE BETWEEN LISTS\r\n    // -------------------------------------\r\n    if (currentContainer !== overContainer) {\r\n      if (currentContainer === \"list\" && overContainer === \"tabs\") {\r\n        // if (newShowList.length < 5) {\r\n        const idx = newHideList.findIndex((i) => i.value === String(active.id));\r\n        if (idx !== -1) {\r\n          const item = newHideList.splice(idx, 1)[0];\r\n          newShowList.push(item);\r\n        }\r\n        // }\r\n      } else if (currentContainer === \"tabs\" && overContainer === \"list\") {\r\n        const idx = newShowList.findIndex((i) => i.value === String(active.id));\r\n        if (idx !== -1) {\r\n          const item = newShowList.splice(idx, 1)[0];\r\n          newHideList.push(item);\r\n        }\r\n      }\r\n    }\r\n\r\n    // ----------------------------------------------------------\r\n    // ⭐ APPLY MASTER UPDATE (with isDefault CHECK for columns)\r\n    // ----------------------------------------------------------\r\n    setKanbanSettingsData((prev) => {\r\n      // FINAL RETURN\r\n      return {\r\n        ...prev,\r\n        swim_lane: {\r\n          ...prev.swim_lane,\r\n          show_list: newShowList,\r\n          hide_list: newHideList,\r\n        },\r\n      };\r\n    });\r\n  };\r\n\r\n  const handleShowAll = () => {\r\n    setKanbanSettingsData((prev) => ({\r\n      ...prev,\r\n      swim_lane: {\r\n        ...prev?.swim_lane,\r\n        show_list: [\r\n          ...(prev?.swim_lane?.show_list || []),\r\n          ...(prev?.swim_lane?.hide_list || []),\r\n        ],\r\n        hide_list: [],\r\n      },\r\n    }));\r\n  };\r\n\r\n  const handleHideAll = () => {\r\n    setKanbanSettingsData((prev) => ({\r\n      ...prev,\r\n      swim_lane: {\r\n        ...prev?.swim_lane,\r\n        hide_list: [\r\n          ...(prev?.swim_lane?.hide_list || []),\r\n          ...(prev?.swim_lane?.show_list || []),\r\n        ],\r\n        show_list: [],\r\n      },\r\n    }));\r\n  };\r\n\r\n  const handleItemToggle = (\r\n    item: { label: string; value: string },\r\n    fromContainerId: string\r\n  ) => {\r\n    setKanbanSettingsData((prev) => {\r\n      const toShowList = [...(kanbanSettingsData?.swim_lane?.show_list ?? [])];\r\n      const toHideList = [...(kanbanSettingsData?.swim_lane?.hide_list ?? [])];\r\n\r\n      if (fromContainerId === \"list\") {\r\n        const index = toHideList.findIndex((i) => i.value == item.value);\r\n        if (index > -1) {\r\n          toHideList.splice(index, 1);\r\n          toShowList.push(item);\r\n          // 🌟 ALSO create sorting tab entry if missing\r\n        }\r\n      } else if (fromContainerId === \"tabs\") {\r\n        const index = toShowList.findIndex((i) => i.value == item.value);\r\n        if (index > -1) {\r\n          toShowList.splice(index, 1);\r\n          toHideList.push(item);\r\n          // let itemIndex =\r\n          //   filterSettingStates?.quickTabStates?.show_list?.findIndex(\r\n          //     (i) => i.value == item.value\r\n          //   );\r\n          // 🔥 REMOVE COLUMN WHEN TAB REMOVED (if not default)\r\n        }\r\n      }\r\n      return {\r\n        ...prev,\r\n        swim_lane: {\r\n          ...prev?.swim_lane,\r\n          show_list: toShowList,\r\n          hide_list: toHideList,\r\n        },\r\n      };\r\n    });\r\n  };\r\n\r\n  const enableDND =\r\n    isSourceAttribute && kanbanSettingsData?.swim_lane?.sorting === \"custom\";\r\n\r\n  return (\r\n    <Box sx={{ display: \"flex\", flexDirection: \"column\", height: \"100%\" }}>\r\n      <Typography variant=\"caption\" sx={TabsStyles.mainTabsHeader}>\r\n        **Swim Lane settings will be reflected in vertical lanes\r\n      </Typography>\r\n\r\n      <Grid sx={{ position: \"relative\" }} container>\r\n        {/* Attribute + Sort */}\r\n        <Grid size={12}>\r\n          <Grid sx={TabsStyles.mainTabDropdown} size={6}>\r\n            <FormControl sx={TabsStyles.mainTabSelect} size=\"small\">\r\n              <Select\r\n                value={kanbanSettingsData?.swim_lane?.attribute || \"\"}\r\n                onChange={(e) =>\r\n                  setKanbanSettingsData((prev) => ({\r\n                    ...prev,\r\n                    swim_lane: {\r\n                      ...prev?.swim_lane,\r\n                      attribute: e.target.value,\r\n                    },\r\n                  }))\r\n                }\r\n              >\r\n                {selectSwinLandData\r\n                  ?.filter(\r\n                    (i) => i?.value !== kanbanSettingsData?.lane?.attribute\r\n                  )\r\n                  ?.map((lane: any) => (\r\n                    <MenuItem key={lane?.key} value={lane?.value}>\r\n                      {lane?.label}\r\n                    </MenuItem>\r\n                  ))}\r\n              </Select>\r\n            </FormControl>\r\n\r\n            <FormControl sx={TabsStyles.selectDropdownSeparator} size=\"small\">\r\n              <Select\r\n                value={kanbanSettingsData?.swim_lane?.sorting || \"asc\"}\r\n                disabled={isStatusAttribute}\r\n                onChange={(e) =>\r\n                  setKanbanSettingsData((prev) => ({\r\n                    ...prev,\r\n                    swim_lane: {\r\n                      ...prev?.swim_lane,\r\n                      sorting: e.target.value,\r\n                    },\r\n                  }))\r\n                }\r\n              >\r\n                {isStatusAttribute && (\r\n                  <MenuItem value=\"sort_by\" disabled>\r\n                    Sort By\r\n                  </MenuItem>\r\n                )}\r\n\r\n                {!isStatusAttribute &&\r\n                  sortingOptions\r\n                    .filter((option) => option.value !== \"sort_by\")\r\n                    .map((option) => (\r\n                      <MenuItem key={option.value} value={option.value}>\r\n                        {option.label}\r\n                      </MenuItem>\r\n                    ))}\r\n              </Select>\r\n            </FormControl>\r\n          </Grid>\r\n        </Grid>\r\n\r\n        {/* Lists */}\r\n        <DndContext\r\n          sensors={sensors}\r\n          collisionDetection={closestCenter}\r\n          onDragEnd={handleDragEnd}\r\n        >\r\n          <Grid sx={{ mt: 2 }} container spacing={2} size={12}>\r\n            <ListingValues\r\n              buttonText=\"Show All\"\r\n              onClick={handleShowAll}\r\n              headerText=\"List of Values\"\r\n              filteredValues={filteredListValues}\r\n              searchTerm={searchTerm}\r\n              setSearchTerm={setSearchTerm}\r\n              containerId=\"list\"\r\n              tabsApiDataLoading={tabsApiDataLoading}\r\n              onItemToggle={handleItemToggle}\r\n              enableDragAndDrop={enableDND}\r\n            />\r\n\r\n            <ListingValues\r\n              buttonText=\"Hide All\"\r\n              onClick={handleHideAll}\r\n              headerText=\"View as Lanes\"\r\n              filteredValues={showListValues}\r\n              containerId=\"tabs\"\r\n              onItemToggle={handleItemToggle}\r\n              enableDragAndDrop={enableDND}\r\n            />\r\n          </Grid>\r\n        </DndContext>\r\n      </Grid>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default SwimLane;\r\n","import React, { useState } from \"react\";\r\nimport {\r\n  DialogTitle,\r\n  IconButton,\r\n  Box,\r\n  Typography,\r\n  DialogContent,\r\n  DialogActions,\r\n} from \"@mui/material\";\r\nimport CloseIcon from \"@mui/icons-material/Close\";\r\nimport CustomVerticalTabs from \"./tabs/vertical\";\r\nimport CustomTabPanel from \"./tabs/vertical/custom-tab-panel\";\r\nimport QuickTab from \"./components/quick-tab\";\r\nimport Column from \"./components/column\";\r\nimport Sorting from \"./components/sorting\";\r\nimport { QuickFilterModalProps } from \"../../types/filter-settings\";\r\nimport { CustomDialog, DialogTransition } from \"./components/custom-dialog\";\r\nimport { dialogStyles } from \"./style\";\r\nimport CustomButton from \"./components/custom-button\";\r\nimport { KANBAN_SETTINGS_TABS, SETTINGS_TABS } from \"./constants\";\r\nimport Loader from \"../common/loader/loader\";\r\nimport Lane from \"./components/lane\";\r\nimport GroupBy from \"./components/swim-lane\";\r\nimport { useFullscreenPopoverContainer } from \"../../libs/hooks/useFullScreen\";\r\n\r\nexport function QuickFilterSettings({\r\n  view = \"listing\",\r\n  isFlatJson,\r\n  show,\r\n  filterSettingStates,\r\n  onClose,\r\n  columnsData,\r\n  columnsDataLoading,\r\n  quickTabAttributes,\r\n  quickTabAttributesLoading,\r\n  columnTabAttributes,\r\n  columnTabAttributesLoading,\r\n  sortingTabAttributes,\r\n  sortingTabAttributesLoading,\r\n  tabsApiData,\r\n  tabsApiDataLoading,\r\n  onSaveSettingsData,\r\n  activeTab,\r\n  selectAttributeData,\r\n  selectSwinLandData,\r\n  laneHideListData,\r\n  swimLaneHideListData,\r\n  onSaveKanbanSettingsData,\r\n}: QuickFilterModalProps) {\r\n  const [tabValue, setTabValue] = useState(0);\r\n  const { container: fullscreenContainer } = useFullscreenPopoverContainer();\r\n\r\n  const {\r\n    showListViewSettings,\r\n    quickTabStates,\r\n    columnTabState,\r\n    sortingTabState,\r\n    saveButtonError,\r\n    kanbanSettingsData,\r\n  } = filterSettingStates;\r\n\r\n  const hasAPIData = Boolean(Object.entries(columnsData).length);\r\n  let disbaledCondition =\r\n    // quickTabStates?.show_list?.length === 0 ||      --> commented as per the requirement\r\n    columnTabState?.isDefault\r\n      ? columnTabState?.show_list?.length === 0\r\n      : columnTabState?.tabs?.find((tab) => tab?.show_list?.length === 0)\r\n          ?.show_list?.length === 0;\r\n\r\n  const handleTabChange = (_: React.SyntheticEvent, newValue: number) => {\r\n    setTabValue(newValue);\r\n  };\r\n\r\n  const handleSaveSetSettingsData = () => {\r\n    const copyColumnTabState = {\r\n      isDefault: columnTabState?.isDefault,\r\n      show_list: columnTabState?.show_list || [],\r\n      hide_list: columnTabState?.hide_list || [],\r\n      tabs: columnTabState?.tabs || [],\r\n    };\r\n    // : {\r\n    //     isDefault: false,\r\n    //     tabs: columnTabState?.tabs || [],\r\n    //   };\r\n    // commented as per the requirement\r\n    const copySortingTabState = {\r\n      isDefault: sortingTabState?.isDefault,\r\n      sortby:\r\n        sortingTabState?.sortby?.filter((item) => item.column !== \"\") || [],\r\n      tabs: sortingTabState?.tabs || [],\r\n    };\r\n    // : {\r\n    //     isDefault: false,\r\n    //     tabs: sortingTabState?.tabs || [],\r\n    //   };\r\n\r\n    const modifiedSettingsData = {\r\n      quick_tab: quickTabStates,\r\n      column: copyColumnTabState,\r\n      sorting: copySortingTabState,\r\n    };\r\n\r\n    onSaveSettingsData && onSaveSettingsData(modifiedSettingsData);\r\n    onClose && onClose();\r\n  };\r\n\r\n  const handleSaveKanbanSetSettingsData = () => {\r\n    const modifiedKanbanSettingsData = {\r\n      lane: kanbanSettingsData?.lane,\r\n      swim_lane: kanbanSettingsData?.swim_lane,\r\n    };\r\n    onSaveKanbanSettingsData &&\r\n      onSaveKanbanSettingsData(modifiedKanbanSettingsData);\r\n    onClose && onClose();\r\n  };\r\n\r\n  return (\r\n    <CustomDialog\r\n      open={show || showListViewSettings}\r\n      fullWidth\r\n      maxWidth=\"lg\"\r\n      slots={{\r\n        transition: DialogTransition,\r\n      }}\r\n      container={fullscreenContainer}\r\n    >\r\n      <DialogTitle sx={dialogStyles.dialogTitle}>\r\n        <Typography sx={{ fontSize: \"1.125rem\" }}>\r\n          {view === \"listing\"\r\n            ? \"Quick Filter Settings\"\r\n            : \"Kanban View Settings\"}\r\n        </Typography>\r\n\r\n        <IconButton\r\n          size=\"small\"\r\n          color=\"inherit\"\r\n          onClick={() => {\r\n            onClose && onClose();\r\n          }}\r\n        >\r\n          <CloseIcon />\r\n        </IconButton>\r\n      </DialogTitle>\r\n\r\n      <DialogContent>\r\n        {columnsDataLoading ? (\r\n          <Loader loaderText=\"Loading settings...\" />\r\n        ) : !hasAPIData ? ( // check if columns data is available\r\n          <Typography>Please pass meta data in component</Typography>\r\n        ) : (\r\n          <>\r\n            <CustomVerticalTabs\r\n              value={tabValue}\r\n              onChange={handleTabChange}\r\n              tabItems={\r\n                view === \"listing\" ? SETTINGS_TABS : KANBAN_SETTINGS_TABS\r\n              }\r\n            />\r\n\r\n            <Box sx={{ flex: \"1\" }}>\r\n              {view.toLowerCase() === \"listing\" && (\r\n                <CustomTabPanel value={tabValue} index={0}>\r\n                  {tabValue === 0 && (\r\n                    <QuickTab\r\n                      filterSettingStates={filterSettingStates}\r\n                      columnsData={quickTabAttributes}\r\n                      tabsApiData={tabsApiData}\r\n                      tabsApiDataLoading={tabsApiDataLoading}\r\n                      activeTab={activeTab}\r\n                      columnTabAttributes={columnTabAttributes}\r\n                      isFlatJson={isFlatJson}\r\n                    />\r\n                  )}\r\n                </CustomTabPanel>\r\n              )}\r\n\r\n              {view.toLowerCase() === \"listing\" && (\r\n                <CustomTabPanel value={tabValue} index={1}>\r\n                  {tabValue === 1 && (\r\n                    <Column\r\n                      filterSettingStates={filterSettingStates}\r\n                      columnsData={columnsData}\r\n                      columnTabAttributes={columnTabAttributes}\r\n                      columnTabAttributesLoading={columnTabAttributesLoading}\r\n                    />\r\n                  )}\r\n                </CustomTabPanel>\r\n              )}\r\n\r\n              {view.toLowerCase() === \"listing\" && (\r\n                <CustomTabPanel value={tabValue} index={2}>\r\n                  {tabValue === 2 && (\r\n                    <Sorting\r\n                      filterSettingStates={filterSettingStates}\r\n                      columnsData={sortingTabAttributes}\r\n                    />\r\n                  )}\r\n                </CustomTabPanel>\r\n              )}\r\n              {view.toLowerCase() === \"kanban\" && (\r\n                <CustomTabPanel value={tabValue} index={0}>\r\n                  {tabValue === 0 && (\r\n                    <Lane\r\n                      filterSettingStates={filterSettingStates}\r\n                      columnsData={columnsData}\r\n                      selectAttributeData={selectAttributeData}\r\n                      laneHideListData={laneHideListData}\r\n                    />\r\n                  )}\r\n                </CustomTabPanel>\r\n              )}\r\n\r\n              {view.toLowerCase() === \"kanban\" && (\r\n                <CustomTabPanel value={tabValue} index={1}>\r\n                  {tabValue === 1 && (\r\n                    <GroupBy\r\n                      filterSettingStates={filterSettingStates}\r\n                      columnsData={columnsData}\r\n                      selectSwinLandData={selectSwinLandData}\r\n                      swimLaneHideListData={swimLaneHideListData}\r\n                    />\r\n                  )}\r\n                </CustomTabPanel>\r\n              )}\r\n            </Box>\r\n          </>\r\n        )}\r\n      </DialogContent>\r\n\r\n      {!columnsDataLoading && hasAPIData && (\r\n        // <DialogActions>\r\n        //   <CustomButton\r\n        //     // disabled={saveButtonError?.hasError}\r\n        //     // disabled={saveButtonError?.hasError}\r\n        //     disabled={disbaledCondition}\r\n        //     onClick={handleSaveSetSettingsData}\r\n        //   >\r\n        //     {view === \"listing\" ? \"Save Quick Filter\" : \"Save Kanban Layout\"}\r\n        //   </CustomButton>\r\n        // </DialogActions>\r\n        <DialogActions>\r\n          {view === \"kanban\" && tabValue === 0 && (\r\n            <>\r\n              <CustomButton onClick={handleSaveSetSettingsData}>\r\n                Save & Close\r\n              </CustomButton>\r\n              <CustomButton onClick={() => setTabValue(1)} variant=\"contained\">\r\n                Next\r\n              </CustomButton>\r\n            </>\r\n          )}\r\n\r\n          {view === \"kanban\" && tabValue === 1 && (\r\n            <CustomButton onClick={handleSaveKanbanSetSettingsData}>\r\n              Save\r\n            </CustomButton>\r\n          )}\r\n        </DialogActions>\r\n      )}\r\n    </CustomDialog>\r\n  );\r\n}\r\n","import { Theme } from \"@emotion/react\";\r\nimport { SxProps } from \"@mui/material\";\r\n\r\ninterface KanbanStyles {\r\n  syncingStyle: SxProps<Theme>;\r\n  topHeader: SxProps<Theme>;\r\n  laneHeader: SxProps<Theme>;\r\n  badge: SxProps<Theme>;\r\n  swimlaneWrapperStyle: SxProps<Theme>;\r\n  columnStyle: SxProps<Theme>;\r\n  stageStyle: SxProps<Theme>;\r\n  stageBadge: SxProps<Theme>;\r\n  cardContainer: SxProps<Theme>;\r\n  cardContent: SxProps<Theme>;\r\n  cardHeaderStyle: SxProps<Theme>;\r\n  cardAvatar: SxProps<Theme>;\r\n  statusStyle: SxProps<Theme>;\r\n  codeStyle: SxProps<Theme>;\r\n  nameIconContainer: SxProps<Theme>;\r\n  leadName: SxProps<Theme>;\r\n  iconStyle: SxProps<Theme>;\r\n  leadOwnerStyle: SxProps<Theme>;\r\n  calendarIcon: SxProps<Theme>;\r\n  dateStyle: SxProps<Theme>;\r\n  subSectionAccordion: SxProps<Theme>;\r\n  subSectionCountContainer: SxProps<Theme>;\r\n  cardsContainer: SxProps<Theme>;\r\n  settingStyle: SxProps<Theme>;\r\n  swimLaneAccordionStyle: SxProps<Theme>;\r\n  subSectionHeaderContainer: SxProps<Theme>;\r\n}\r\n\r\nexport const kanbanStyles: KanbanStyles = {\r\n  syncingStyle: {\r\n    display: \"flex\",\r\n    flexDirection: \"row\",\r\n    gap: \"8px\",\r\n    width: \"100%\",\r\n  },\r\n  topHeader: {\r\n    display: \"flex\",\r\n    alignItems: \"center\",\r\n    gap: 1,\r\n    px: 1,\r\n    pt: 2,\r\n    bgcolor: \"white\",\r\n    width: \"fit-content\",\r\n    position: \"sticky\", // Add sticky positioning\r\n    top: 0, // Stick to the top of the viewport\r\n    right: 0,\r\n    zIndex: 1100, // Ensure it stays above other content\r\n  },\r\n  laneHeader: {\r\n    flex: 1, // Equal width distribution\r\n    minWidth: \"263px\",\r\n    maxWidth: \"263px\",\r\n    display: \"flex\",\r\n    fontWeight: 700,\r\n    fontSize: \"16px\",\r\n    borderRadius: \"6px\",\r\n    alignItems: \"center\",\r\n    justifyContent: \"center\",\r\n    py: \"8px\",\r\n    px: \"12px\",\r\n    position: \"relative\",\r\n  },\r\n  badge: {\r\n    position: \"absolute\",\r\n    top: \"-12px\",\r\n    left: \"8px\",\r\n    px: 1,\r\n    color: \"white\",\r\n    borderRadius: \"8px\",\r\n  },\r\n  swimlaneWrapperStyle: {\r\n    flexDirection: \"row-reverse\",\r\n    bgcolor: \"white\",\r\n    minHeight: 44, // overall height\r\n    px: 2,\r\n    py: 0, // remove vertical padding\r\n    \"&.Mui-expanded\": {\r\n      minHeight: 44,\r\n    },\r\n    \"& .MuiAccordionSummary-content\": {\r\n      margin: \"8px 0\", // reduced vertical spacing\r\n      display: \"flex\",\r\n      alignItems: \"center\",\r\n      justifyContent: \"flex-start\",\r\n      gap: 5,\r\n      \"&.Mui-expanded\": {\r\n        margin: \"8px 0\", // maintain same margin when expanded\r\n      },\r\n    },\r\n    \"& .MuiAccordionSummary-expandIconWrapper\": {\r\n      mr: 0, // reduce gap between icon and content\r\n    },\r\n  },\r\n  columnStyle: {\r\n    flex: 1, // Equal width distribution\r\n    p: \"12px\",\r\n    // px: \"2px\",\r\n    minHeight: \"500px\",\r\n    // borderRight: \"1px solid #e0e0e0\",\r\n\r\n    borderRadius: \"6px\",\r\n    minWidth: \"263px\",\r\n    maxWidth: \"263px\",\r\n  },\r\n  stageStyle: {\r\n    mb: 2,\r\n    bgcolor: \"#f9fafb\",\r\n    borderTopLeftRadius: \"8px !important\",\r\n    borderBottomLeftRadius: \"8px !important\",\r\n    borderTopRightRadius: \"8px !important\",\r\n    // borderRadius: 2,\r\n    overflow: \"hidden\",\r\n    boxShadow: \"none\",\r\n    \"&:before\": { display: \"none\" }, // remove default divider line\r\n  },\r\n  stageBadge: {\r\n    \"& .MuiBadge-badge\": {\r\n      color: \"black\",\r\n      fontWeight: \"bold\",\r\n      fontSize: \"0.75rem\",\r\n    },\r\n  },\r\n  cardContainer: {\r\n    borderRadius: 2,\r\n    bgcolor: \"#fff\",\r\n    position: \"relative\",\r\n\r\n    boxShadow:\r\n      \"0px 1.36px 2.72px rgba(23, 23, 23, 0.06), 0px 2.72px 5.44px rgba(23, 23, 23, 0.1)\",\r\n    border: \"none\", // explicitly remove border\r\n  },\r\n  cardContent: {\r\n    p: \"12px !important\",\r\n    display: \"flex\",\r\n    flexDirection: \"column\",\r\n    gap: \"4px\",\r\n  },\r\n  cardHeaderStyle: {\r\n    display: \"flex\",\r\n    justifyContent: \"space-between\",\r\n    alignItems: \"flex-start\",\r\n    // mb: 1,\r\n  },\r\n  cardAvatar: {\r\n    width: \"18px\",\r\n    height: \"18px\",\r\n    fontSize: \"12px\",\r\n    fontWeight: 600,\r\n    bgcolor: \"#e5e7eb\",\r\n    color: \"#374151\",\r\n    mr: 1,\r\n  },\r\n  statusStyle: {\r\n    height: 20,\r\n    fontSize: \"0.6875rem\",\r\n\r\n    fontWeight: 500,\r\n  },\r\n  codeStyle: {\r\n    fontSize: \"12px\",\r\n    color: \"#6b7280\",\r\n    fontWeight: 500,\r\n    mb: 0.5,\r\n    cursor: \"pointer\",\r\n  },\r\n  nameIconContainer: {\r\n    display: \"flex\",\r\n    justifyContent: \"space-between\",\r\n    alignItems: \"flex-start\",\r\n    borderBottom: \"1px solid #e5e7eb\",\r\n    pb: 2,\r\n  },\r\n  leadName: {\r\n    fontSize: \"15px\",\r\n    fontWeight: 500,\r\n    color: \"#1f2937\",\r\n    lineHeight: 1.3,\r\n  },\r\n  iconStyle: {\r\n    color: \"#6b7280\",\r\n    bgcolor: \"#f3f4f6\",\r\n    borderRadius: \"50%\",\r\n    width: \"20px\",\r\n    height: \"20px\",\r\n    p: 0.6,\r\n  },\r\n  leadOwnerStyle: {\r\n    fontSize: \"12px\",\r\n    color: \"#374151\",\r\n    fontWeight: 500,\r\n  },\r\n  calendarIcon: {\r\n    width: \"14px\",\r\n    height: \"14px\",\r\n    color: \"#7b7a79\",\r\n    mr: 0.5,\r\n  },\r\n  dateStyle: {\r\n    fontSize: \"12px\",\r\n    color: \"#7b7a79\",\r\n\r\n    fontWeight: 500,\r\n  },\r\n  subSectionAccordion: {\r\n    height: \"52px\", // fixed height\r\n    minHeight: \"52px\", // prevent auto-expansion\r\n    \"&.Mui-expanded\": {\r\n      minHeight: \"52px\", // fix expanded state height\r\n      height: \"52px\",\r\n    },\r\n    border: \"1px solid #e2e8f0\",\r\n    borderTopRightRadius: \"8px\",\r\n    px: 2,\r\n  },\r\n  subSectionCountContainer: {\r\n    // px: 1,\r\n    color: \"white\",\r\n    height: \"26px\",\r\n    width: \"26px !important\",\r\n    fontSize: \"10px\",\r\n    fontWeight: \"bold\",\r\n    display: \"flex\",\r\n    alignItems: \"center\",\r\n    justifyContent: \"center\",\r\n    borderRadius: \"50%\",\r\n  },\r\n  cardsContainer: {\r\n    px: 1,\r\n    gap: \"12px\",\r\n    display: \"flex\",\r\n    flexDirection: \"column\",\r\n    p: \"8px\",\r\n  },\r\n  settingStyle: {\r\n    bgcolor: \"#f8fafc\",\r\n    width: \"56px\",\r\n    height: \"41px\",\r\n    borderRadius: \"6px\",\r\n    border: \"1px solid #e2e8f0\",\r\n  },\r\n  swimLaneAccordionStyle: {\r\n    mb: 1,\r\n    \"&:before\": { display: \"none\" },\r\n    py: 0,\r\n    boxShadow: \"none\",\r\n  },\r\n  subSectionHeaderContainer: {\r\n    display: \"flex\",\r\n    alignItems: \"center\",\r\n    gap: \"8px\",\r\n  },\r\n};\r\n","export const rawData = {\r\n  lanes: [\r\n    { id: 1, name: \"Enquiry\", color: \"#fff0f3\", darkColor: \"#fea3b4\" },\r\n    { id: 2, name: \"Qualified Lead\", color: \"#fffbed\", darkColor: \"#fde272\" },\r\n    { id: 3, name: \"Application\", color: \"#ebf9fc\", darkColor: \"#67e3f9\" },\r\n    { id: 4, name: \"Admission\", color: \"#edf9f3\", darkColor: \"#73e2a3\" },\r\n    { id: 5, name: \"Documents\", color: \"#edf9f3\", darkColor: \"#73e2a3\" },\r\n    { id: 6, name: \"Admission\", color: \"#edf9f3\", darkColor: \"#73e2a3\" },\r\n  ],\r\n  swim_lanes: [\r\n    {\r\n      id: 12,\r\n      name: \"Active\",\r\n      sub_lanes: [\r\n        {\r\n          id: 1,\r\n          name: \"Lead Assignment\",\r\n          color: \"red\",\r\n          lane_id: 1,\r\n          expanded: true,\r\n        },\r\n        {\r\n          id: 2,\r\n          name: \"Initial Outreach\",\r\n          color: \"green\",\r\n          lane_id: 1,\r\n          expanded: true,\r\n        },\r\n        {\r\n          id: 3,\r\n          name: \"Lead Assessment\",\r\n          color: \"yellow\",\r\n          lane_id: 2,\r\n          expanded: true,\r\n        },\r\n        {\r\n          id: 4,\r\n          name: \"Campus Visit\",\r\n          color: \"#FFE885\",\r\n          lane_id: 2,\r\n          expanded: true,\r\n        },\r\n        {\r\n          id: 5,\r\n          name: \"Application Collection\",\r\n          color: \"#90E0F3\",\r\n          lane_id: 3,\r\n          expanded: true,\r\n        },\r\n        {\r\n          id: 6,\r\n          name: \"Student Assessment\",\r\n          color: \"#90E0F3\",\r\n          lane_id: 3,\r\n          expanded: true,\r\n        },\r\n        {\r\n          id: 7,\r\n          name: \"Fee Collection\",\r\n          color: \"#90EE90\",\r\n          lane_id: 4,\r\n          expanded: true,\r\n        },\r\n        {\r\n          id: 8,\r\n          name: \"System Integration\",\r\n          color: \"#90EE90\",\r\n          lane_id: 4,\r\n          expanded: true,\r\n        },\r\n      ],\r\n    },\r\n    {\r\n      id: 13,\r\n      name: \"Dormant\",\r\n      sub_lanes: [],\r\n    },\r\n    {\r\n      id: 14,\r\n      name: \"Disqualify\",\r\n      sub_lanes: [],\r\n    },\r\n    {\r\n      id: 15,\r\n      name: \"Lost\",\r\n      sub_lanes: [],\r\n    },\r\n  ],\r\n  data: [\r\n    // Lead Assignment\r\n    {\r\n      id: 1,\r\n      name: \"Aditi Sharma\",\r\n      sub_lane_id: 1,\r\n      email: \"aditisharma@gmail.com\",\r\n      phone: \"+91 9846213495\",\r\n      status: \"Active\",\r\n      progress: 0,\r\n      days: \"10 Days\",\r\n      reference_id: \"INQ2024XY\",\r\n      priority: null,\r\n      lost: false,\r\n    },\r\n    {\r\n      id: 2,\r\n      name: \"Aditi Sharma\",\r\n      sub_lane_id: 1,\r\n      email: \"aditisharma@gmail.com\",\r\n      phone: \"+91 9846213495\",\r\n      status: \"Active\",\r\n      progress: 0,\r\n      days: \"10 Days\",\r\n      reference_id: \"INQ2024XY\",\r\n      priority: null,\r\n      lost: false,\r\n    },\r\n    // Initial Outreach\r\n    {\r\n      id: 3,\r\n      name: \"Rashmi Desai\",\r\n      sub_lane_id: 2,\r\n      email: \"aditisharma@gmail.com\",\r\n      phone: \"+91 9765874320\",\r\n      status: \"Active\",\r\n      progress: 0,\r\n      days: \"10 Days\",\r\n      reference_id: \"INQ2024XY\",\r\n      priority: null,\r\n      lost: false,\r\n    },\r\n    // Lead Assessment\r\n    {\r\n      id: 4,\r\n      name: \"Aditi Sharma\",\r\n      sub_lane_id: 3,\r\n      email: \"aditisharma@gmail.com\",\r\n      phone: \"+91 9846213495\",\r\n      status: \"Active\",\r\n      progress: 0,\r\n      days: \"10 Days\",\r\n      reference_id: \"INQ2024XY\",\r\n      priority: null,\r\n      lost: false,\r\n    },\r\n    // Campus Visit\r\n    {\r\n      id: 5,\r\n      name: \"Aditi Sharma\",\r\n      sub_lane_id: 4,\r\n      email: \"aditisharma@gmail.com\",\r\n      phone: \"+91 9846213495\",\r\n      status: \"Lost\",\r\n      progress: 0,\r\n      days: \"10 Days\",\r\n      reference_id: \"2DQ2024XY\",\r\n      priority: null,\r\n      lost: true,\r\n    },\r\n    {\r\n      id: 6,\r\n      name: \"Aditi Sharma\",\r\n      sub_lane_id: 4,\r\n      email: \"aditisharma@gmail.com\",\r\n      phone: \"+91 9846213495\",\r\n      status: \"Active\",\r\n      progress: 0,\r\n      days: \"10 Days\",\r\n      reference_id: \"INQ2024XY\",\r\n      priority: null,\r\n      lost: false,\r\n    },\r\n    // Application Collection\r\n    {\r\n      id: 7,\r\n      name: \"Aditi Sharma\",\r\n      sub_lane_id: 5,\r\n      email: \"aditisharma@gmail.com\",\r\n      phone: \"+91 9452013495\",\r\n      status: \"Active\",\r\n      progress: 0,\r\n      days: \"10 Days\",\r\n      reference_id: \"INQ2024XY\",\r\n      priority: null,\r\n      lost: false,\r\n    },\r\n    {\r\n      id: 8,\r\n      name: \"Aditi Sharma\",\r\n      sub_lane_id: 5,\r\n      email: \"aditisharma@gmail.com\",\r\n      phone: \"+91 9452013495\",\r\n      status: \"Active\",\r\n      progress: 0,\r\n      days: \"10 Days\",\r\n      reference_id: \"INQ2024XY\",\r\n      priority: null,\r\n      lost: false,\r\n    },\r\n    // Student Assessment\r\n    {\r\n      id: 9,\r\n      name: \"Aditi Sharma\",\r\n      sub_lane_id: 6,\r\n      email: \"aditisharma@gmail.com\",\r\n      phone: \"+91 9452013495\",\r\n      status: \"Active\",\r\n      progress: 0,\r\n      days: \"10 Days\",\r\n      reference_id: \"INQ2024XY\",\r\n      priority: null,\r\n      lost: false,\r\n    },\r\n    // Fee Collection\r\n    {\r\n      id: 10,\r\n      name: \"Aditi Sharma\",\r\n      sub_lane_id: 7,\r\n      email: \"aditisharma@gmail.com\",\r\n      phone: \"+91 9846015495\",\r\n      status: \"Active\",\r\n      progress: 0,\r\n      days: \"You\",\r\n      reference_id: \"INQ2024XY\",\r\n      priority: \"High\",\r\n      lost: false,\r\n    },\r\n    // System Integration\r\n    {\r\n      id: 11,\r\n      name: \"Aditi Sharma\",\r\n      sub_lane_id: 8,\r\n      email: \"aditisharma@gmail.com\",\r\n      phone: \"+91 9846015495\",\r\n      status: \"Lost\",\r\n      progress: 0,\r\n      days: \"You\",\r\n      reference_id: \"INQ2024XY\",\r\n      priority: \"Low\",\r\n      lost: true,\r\n    },\r\n  ],\r\n};\r\n\r\nexport const COLOR_CONSTANTS = [\r\n  { color: \"#fff0f3\", darkColor: \"#fea3b4\" },\r\n  { color: \"#fffbed\", darkColor: \"#fde272\" },\r\n  { color: \"#ebf9fc\", darkColor: \"#67e3f9\" },\r\n  { color: \"#edf9f3\", darkColor: \"#73e2a3\" },\r\n];\r\n","import React, { useEffect, useState } from \"react\";\r\nimport {\r\n  Box,\r\n  Typography,\r\n  Accordion,\r\n  AccordionSummary,\r\n  AccordionDetails,\r\n  IconButton,\r\n} from \"@mui/material\";\r\nimport SettingsOutlinedIcon from \"@mui/icons-material/SettingsOutlined\";\r\nimport {\r\n  ExpandMore as ExpandMoreIcon,\r\n  Settings as SettingsIcon,\r\n} from \"@mui/icons-material\";\r\nimport ArrowDropDownIcon from \"@mui/icons-material/ArrowDropDown\";\r\nimport { kanbanStyles } from \"./styles/styles\";\r\nimport { Lane, SubLane, SwimLane } from \"./types/types\";\r\nimport { COLOR_CONSTANTS } from \"./constants/kanban-constants\";\r\nimport Loader from \"../listing/components/common/loader/loader\";\r\n\r\nconst Kanban = ({\r\n  metaData,\r\n  data,\r\n  isLoading,\r\n  KanbanCardComponent,\r\n  showSettings,\r\n  onOpenSettings,\r\n}: {\r\n  metaData: any;\r\n  data: any;\r\n  isLoading?: boolean;\r\n  KanbanCardComponent: React.ComponentType<{\r\n    key: string | number;\r\n    cardData: any;\r\n  }>;\r\n  showSettings: boolean;\r\n  onOpenSettings?: () => void;\r\n}) => {\r\n  const [expandedPanels, setExpandedPanels] = useState<{\r\n    [key: string]: boolean;\r\n  }>({\r\n    Active: true,\r\n  });\r\n\r\n  const [subLaneExpanded, setSubLaneExpanded] = useState<{\r\n    [key: string]: boolean;\r\n  }>({});\r\n\r\n  useEffect(() => {\r\n    if (metaData?.swim_lanes?.length) {\r\n      const initial: { [key: string]: boolean } = {};\r\n      metaData?.swim_lanes.forEach((swim_lane: SwimLane) => {\r\n        swim_lane?.sub_lanes?.forEach((sub_lane) => {\r\n          const key = `${swim_lane.id}-${sub_lane.lane_id}-${sub_lane.id}`;\r\n          initial[key] = sub_lane.expanded || false;\r\n        });\r\n      });\r\n      setSubLaneExpanded(initial);\r\n    }\r\n  }, [metaData]);\r\n\r\n  const handleAccordionChange =\r\n    (panel: string) => (event: React.SyntheticEvent, isExpanded: boolean) => {\r\n      setExpandedPanels((prev) => ({\r\n        ...prev,\r\n        [panel]: isExpanded,\r\n      }));\r\n    };\r\n\r\n  const toggleSubLane = (subLaneId: number | string) => {\r\n    setSubLaneExpanded((prev) => ({\r\n      ...prev,\r\n      [subLaneId]: !prev[subLaneId],\r\n    }));\r\n  };\r\n\r\n  const getLeadCount = (laneId: number): number => {\r\n    if (!metaData?.swim_lanes || !data) return 0;\r\n\r\n    const seenLeadIds = new Set<number | string>();\r\n    let count = 0;\r\n\r\n    metaData?.swim_lanes.forEach((swimLane: SwimLane) => {\r\n      swimLane.sub_lanes\r\n        ?.filter((subLane) => subLane.lane_id == laneId)\r\n        ?.forEach((subLane) => {\r\n          data?.forEach((lead: any) => {\r\n            if (lead?.stage_id == subLane?.id && !seenLeadIds.has(lead?.id)) {\r\n              seenLeadIds.add(lead.id);\r\n              count++;\r\n            }\r\n          });\r\n        });\r\n    });\r\n\r\n    return count;\r\n  };\r\n\r\n  return (\r\n    <>\r\n      {isLoading ? (\r\n        <Loader />\r\n      ) : (\r\n        <Box>\r\n          <Box\r\n            className=\"kanban-container\"\r\n            sx={{ width: \"100%\", bgcolor: \"white\", overflowX: \"auto\" }}\r\n          >\r\n            {/* Header */}\r\n            <Box sx={kanbanStyles.topHeader}>\r\n              <IconButton\r\n                onClick={onOpenSettings}\r\n                sx={{\r\n                  ...kanbanStyles.settingStyle,\r\n                  visibility: showSettings ? \"visible\" : \"hidden\",\r\n                }}\r\n              >\r\n                <SettingsOutlinedIcon />\r\n              </IconButton>\r\n\r\n              {/* Lane Headers - Replaced Grid with Flex */}\r\n              <Box\r\n                sx={{\r\n                  ...kanbanStyles.syncingStyle,\r\n                  flex: 1,\r\n                }}\r\n              >\r\n                {metaData?.lanes?.map((lane: Lane, index: number) => (\r\n                  <Box\r\n                    className=\"lane-header\"\r\n                    sx={{\r\n                      ...kanbanStyles.laneHeader,\r\n\r\n                      bgcolor: lane.color || COLOR_CONSTANTS[index % 4].color,\r\n                    }}\r\n                    key={lane.id}\r\n                  >\r\n                    <Box\r\n                      sx={{\r\n                        ...kanbanStyles.badge,\r\n\r\n                        bgcolor:\r\n                          lane.darkColor ||\r\n                          COLOR_CONSTANTS[index % 4].darkColor,\r\n                      }}\r\n                    >\r\n                      {getLeadCount(Number(lane.id))}\r\n                    </Box>\r\n\r\n                    <Typography variant=\"h6\" fontWeight=\"bold\" sx={{ px: 2 }}>\r\n                      {lane?.name}\r\n                    </Typography>\r\n                  </Box>\r\n                ))}\r\n              </Box>\r\n            </Box>\r\n\r\n            {/* Content */}\r\n            <Box\r\n              className=\"kanban-content\"\r\n              id=\"kanban-content\"\r\n              sx={{\r\n                maxHeight: \"calc(100vh - 186px)\",\r\n                // minWidth: \"100%\",\r\n\r\n                width: \"fit-content\",\r\n              }}\r\n            >\r\n              {/* Swim Lanes */}\r\n              {metaData?.swim_lanes?.map((swim_lane: SwimLane) => (\r\n                <Accordion\r\n                  key={swim_lane.id}\r\n                  expanded={!!expandedPanels[swim_lane.name]}\r\n                  onChange={handleAccordionChange(swim_lane.name)}\r\n                  sx={kanbanStyles.swimLaneAccordionStyle}\r\n                  // disabled={getSwimLaneCount(swim_lane.id) === 0 ? true : false}\r\n                >\r\n                  <AccordionSummary\r\n                    disabled={swim_lane?.sub_lanes?.length > 0 ? false : true}\r\n                    expandIcon={\r\n                      <ArrowDropDownIcon\r\n                        sx={{\r\n                          color: \"black\",\r\n                        }}\r\n                      />\r\n                    }\r\n                    sx={kanbanStyles.swimlaneWrapperStyle}\r\n                  >\r\n                    <Typography\r\n                      variant=\"body1\"\r\n                      fontWeight=\"medium\"\r\n                      sx={{ ml: 1.5 }}\r\n                    >\r\n                      {swim_lane?.name} (\r\n                      {\r\n                        data?.filter(\r\n                          (lead: any) => lead?.lead_status_id == swim_lane?.id\r\n                        ).length\r\n                      }\r\n                      )\r\n                    </Typography>\r\n                  </AccordionSummary>\r\n\r\n                  <AccordionDetails\r\n                    sx={{ pl: \"16px\", pr: \"8px\", width: \"fit-content\", py: 0 }}\r\n                  >\r\n                    {/* Replaced Grid with Flex */}\r\n                    <Box sx={{ ...kanbanStyles.syncingStyle, pl: 7 }}>\r\n                      {metaData?.lanes?.map((lane: Lane, index: number) => (\r\n                        <Box\r\n                          className=\"column\"\r\n                          sx={{\r\n                            ...kanbanStyles.columnStyle,\r\n                            bgcolor:\r\n                              lane?.color || COLOR_CONSTANTS[index % 4].color,\r\n                          }}\r\n                          key={lane.id}\r\n                        >\r\n                          {/* Sub-lanes for this lane */}\r\n                          {swim_lane?.sub_lanes\r\n                            ?.filter(\r\n                              (sub_lane: SubLane) =>\r\n                                sub_lane.lane_id.toString() == lane?.id\r\n                            )\r\n                            ?.map((sub_section: SubLane) => {\r\n                              const subLaneKey = `${swim_lane?.id}-${lane?.id}-${sub_section?.id}`;\r\n                              return (\r\n                                <Accordion\r\n                                  key={sub_section.id}\r\n                                  expanded={\r\n                                    data?.filter(\r\n                                      (lead: any) =>\r\n                                        lead?.stage_id == sub_section?.id &&\r\n                                        lead?.lead_status_id == swim_lane?.id\r\n                                    )?.length === 0\r\n                                      ? false\r\n                                      : subLaneExpanded[subLaneKey] || false\r\n                                  }\r\n                                  onChange={() => toggleSubLane(subLaneKey)}\r\n                                  sx={{\r\n                                    ...kanbanStyles.stageStyle,\r\n                                    borderLeft: `4px solid ${\r\n                                      lane.darkColor ||\r\n                                      COLOR_CONSTANTS[index % 4].darkColor\r\n                                    }`,\r\n                                  }}\r\n                                  // disabled={\r\n                                  //   metaData?.data?.filter(\r\n                                  //     (lead: LeadData) =>\r\n                                  //       lead.sub_lane_id === sub_section.id &&\r\n                                  //       !usedLeadIds.has(lead.id)\r\n                                  //   )?.length === 0\r\n                                  //     ? true\r\n                                  //     : false\r\n                                  // }\r\n                                >\r\n                                  <AccordionSummary\r\n                                    expandIcon={\r\n                                      <ExpandMoreIcon\r\n                                        sx={{\r\n                                          display:\r\n                                            data?.filter(\r\n                                              (lead: any) =>\r\n                                                lead?.stage_id ==\r\n                                                  sub_section?.id &&\r\n                                                lead?.lead_status_id ==\r\n                                                  swim_lane?.id\r\n                                            )?.length === 0\r\n                                              ? \"none\"\r\n                                              : \"block\",\r\n                                        }}\r\n                                      />\r\n                                    }\r\n                                    sx={kanbanStyles.subSectionAccordion}\r\n                                  >\r\n                                    <Box\r\n                                      sx={\r\n                                        kanbanStyles.subSectionHeaderContainer\r\n                                      }\r\n                                    >\r\n                                      <Box\r\n                                        className=\"sub-section-count\"\r\n                                        sx={{\r\n                                          ...kanbanStyles.subSectionCountContainer,\r\n                                          bgcolor:\r\n                                            lane?.darkColor ||\r\n                                            COLOR_CONSTANTS[index % 4]\r\n                                              .darkColor,\r\n                                        }}\r\n                                      >\r\n                                        {data?.filter(\r\n                                          (lead: any) =>\r\n                                            lead?.stage_id == sub_section?.id &&\r\n                                            lead?.lead_status_id ==\r\n                                              swim_lane?.id\r\n                                        )?.length || 0}\r\n                                      </Box>\r\n                                      <Typography\r\n                                        fontWeight=\"700\"\r\n                                        color=\"#555354\"\r\n                                        fontSize=\"12px\"\r\n                                      >\r\n                                        {sub_section?.name}\r\n                                      </Typography>\r\n                                    </Box>\r\n                                  </AccordionSummary>\r\n\r\n                                  <AccordionDetails\r\n                                    sx={kanbanStyles.cardsContainer}\r\n                                  >\r\n                                    {(() => {\r\n                                      const leadsForThisSubLane =\r\n                                        data?.filter(\r\n                                          (lead: any) =>\r\n                                            lead?.stage_id == sub_section?.id &&\r\n                                            lead?.lead_status_id ==\r\n                                              swim_lane?.id &&\r\n                                            lead?.stage_group_id == lane?.id\r\n                                        ) || [];\r\n\r\n                                      return leadsForThisSubLane.map(\r\n                                        (card: any) =>\r\n                                          (KanbanCardComponent && (\r\n                                            <KanbanCardComponent\r\n                                              key={card?.id}\r\n                                              cardData={card}\r\n                                            />\r\n                                          )) ||\r\n                                          null\r\n                                      );\r\n                                    })()}\r\n                                  </AccordionDetails>\r\n                                </Accordion>\r\n                              );\r\n                            })}\r\n                        </Box>\r\n                      ))}\r\n                    </Box>\r\n                  </AccordionDetails>\r\n                </Accordion>\r\n              ))}\r\n            </Box>\r\n          </Box>\r\n        </Box>\r\n      )}\r\n    </>\r\n  );\r\n};\r\n\r\nexport default Kanban;\r\n"],"names":["styleInject","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","UpArrow","_jsxs","xmlns","viewBox","width","height","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","children","_jsx","x1","y1","x2","y2","points","DownArrow","TableFirstPageIcon","role","d","TableLastPageIcon","EditIcon","fillOpacity","DeleteIcon","HideColumnIcon","DragHandleIcon","className","transform","IconPinOutline","props","IconPinOffOutline","LoaderAnimation","cx","cy","r","attributeName","dur","values","repeatCount","begin","ChangeLayoutIcon","id","maskType","maskUnits","x","y","mask","CloseIcon","SearchIcon","SortingIcon","FilterationIcon","color","HideIcon","VisibilityIcon","VisibilityOffIcon","DragandDrogIcon","AddIcon","CheckBox","CrossBox","EyeIcon","ClosedEyeIcon","layoutIcons","Board","Table","Timeline","List","Calendar","Gallery","Charts","LayoutSelector","onSelect","selectedLayout","Box","sx","maxWidth","display","justifyContent","alignItems","px","py","backgroundColor","Typography","variant","fontWeight","fontSize","IconButton","onClick","Grid","container","spacing","p","Object","keys","map","layout","isSelected","size","ButtonBase","border","borderRadius","flexDirection","transition","boxShadow","mb","opacity","useFullscreenPopoverContainer","isFullscreen","setIsFullscreen","useState","fullscreenElement","setContainer","undefined","useEffect","handleFullscreenChange","el","addEventListener","removeEventListener","ViewMore","compactMode","onCompactToggle","onFullscreenToggle","tableStates","onClose","fullscreenContainer","wrapColumns","setWrapColumns","MUISwitch","checked","all_wrap","onChange","prev","Select","value","e","target","minWidth","MenuProps","disablePortal","PaperProps","zIndex","MenuItem","SortableItem","attributes","listeners","setNodeRef","useSortable","CSS","Transform","toString","gap","cursor","flexGrow","SortPopover","anchorEl","columns","sorts","setSorts","sensors","useSensors","useSensor","MouseSensor","TouchSensor","KeyboardSensor","handleChange","field","updated","item","triggerTableSortUpdate","sortItems","sortingPayload","desc","direction","Popover","open","Boolean","anchorOrigin","vertical","horizontal","margin","length","DndContext","collisionDetection","closestCenter","onDragEnd","event","active","over","oldIndex","findIndex","newIndex","arrayMove","SortableContext","items","s","strategy","verticalListSortingStrategy","sort","fullWidth","col","label","filter","handleRemove","Button","newSort","Date","now","startIcon","DraggableColumn","column","onToggle","isVisible","getIsVisible","columnDef","header","str","replace","char","toUpperCase","trim","ColumnToggle","table","columnOrder","setColumnOrder","allColumns","getAllLeafColumns","shownColumns","find","hiddenColumns","toggleVisibility","columnId","getColumn","activeCol","overCol","indexOf","forEach","fontStyle","customDebounce","func","delay","timerId","args","context","this","clearTimeout","setTimeout","apply","searchStyles","showSearchInput","marginRight","paddingRight","paddingLeft","TableSearch","setShowSearchInput","localValue","setLocalValue","searchContainerRef","useRef","debouncedOnChange","useCallback","newValue","handler","handleClickOutside","current","contains","useOutsideClick","position","TextField","placeholder","onKeyDown","key","InputProps","startAdornment","InputAdornment","querySelector","focus","edge","endAdornment","CloseRoundedIcon","Topbar","isCompactTable","fullscreenToggle","setIsCompactTable","paginationComponent","topbarOptions","onFilterButtonClick","sortAnchorEl","setSortAnchorEl","groupBy","setGroupBy","layoutAnchorEl","setLayoutAnchorEl","setSelectedLayout","columnAnchorEl","setColumnAnchorEl","setViewMoreAnchorEl","leftSideComponent","rightSideComponent","showColumnToggle","showChangeLayoutToggle","showSortingToggle","showFilterToggle","showSearch","searchValue","onSearchChange","handleExternalLayoutTrigger","detail","handleExternalFilterTrigger","handleExternalViewMoreTrigger","handleExternalSearchTrigger","window","viewMoreAnchorEl","isViewMoreOpen","overflowX","whiteSpace","title","customEvent","CustomEvent","dispatchEvent","_Fragment","currentTarget","mt","meta","sortingRules","setSorting","showTableFilter","filters","top","right","transformOrigin","onGroupByChange","PaginationContainer","styled","theme","padding","typography","pxToRem","palette","common","white","breakpoints","down","GoToPageContainer","RowsPerPageContainer","RecordsRangeContainer","PageRangeContainer","PaginationButtons","PaginationButton","grey","action","disabled","RowsPerPageSelect","shape","GoToPageInput","InputBase","textAlign","divider","DefaultPagination","rowsPerPageArray","paginationOptions","pageIndex","getState","pagination","pageCount","getPageCount","pageSize","rowCount","getRowCount","recordsRangeFirst","recordsRangeLast","Math","min","isFullView","paginationView","mr","defaultValue","inputProps","name","max","page","Number","setPageIndex","setPageSize","getCanPreviousPage","previousPage","NavigateBeforeRounded","getCanNextPage","nextPage","NavigateNextRounded","getColumnPinningStyles","isPinned","getIsPinned","isLastLeftPinnedColumn","getIsLastColumn","isFirstRightPinnedColumn","getIsFirstColumn","background","left","getStart","getAfter","getSize","getColumnPinningStylesBody","environments","adm_dev","crm_dev","uat","axios","create","baseURL","timeout","headers","interceptors","request","use","config","token","localStorage","getItem","Authorization","error","Promise","reject","TableBodyRow","shouldForwardProp","prop","hoverable","selected","striped","paper","mode","hover","TableBodyCell","compact","isDragging","wrap","borderBottom","wordBreak","DragAlongCell","cell","align","Translate","getIsPlaceholder","flexRender","getContext","Checkbox","indeterminate","uuidv4","check","setCheck","React","isChecked","TableBody","featureOptions","NestedComponent","enableColumnReordering","enableRowSelection","getRowModel","rows","row","renderedRow","getIsSelected","expanded","getIsExpanded","getIsSomeSelected","getToggleSelectedHandler","getVisibleCells","horizontalListSortingStrategy","Fragment","renderRow","ColumnResizeHandle","isResizing","userSelect","touchAction","TableHeadButton","TableHeadSort","sortable","marginLeft","TableDndButton","TableHeadContent","TableHeadRoot","sticky","TableHeadRow","TableHeadCell","TableHeadPin","stopPropagation","pin","TableHeadPopover","onSaveSettings","dense","ListItemButton","toggleSorting","ListItemIcon","ListItemText","primary","handleUpdateSettings","Switch","toggleWrapForColumn","TableColumnResizeHandle","getIsResizing","onDoubleClick","resetSize","onMouseDown","getResizeHandler","onTouchStart","DraggableTableHeader","activeTab","enableColumnPinning","setAnchorEl","handleClose","onMouseLeave","colSpan","compactTable","minSize","maxSize","isPlaceholder","getCanSort","asc","getIsSorted","getCanResize","TableHead","filterSettingStates","stickyHeader","getHeaderGroups","headerGroup","getIsAllRowsSelected","getIsSomeRowsSelected","toggleAllRowsSelected","handleMenuToggle","TableDND","modifiers","restrictToHorizontalAxis","TableWrapper","data","nestedComponent","loadingOptions","isLoading","customRenderFn","shouldHideColumn","emptyListComponent","filterOptions","Array","isArray","Error","metaColumns","setMetaColumns","updatedColumns","accessorKey","index","ctx","propName","customFn","getValue","where","defaultPinned","columnPinning","c","tableRef","craftPaginationOptions","showPagination","paginationPosition","totalRows","craftTopbarOptions","showCompactTableToggle","viewMoreToggle","craftFeatureOptions","enableTopbar","enableSorting","enableServerSidePagination","enableServerSideSorting","enableColumnResizing","enableMultiColumnSorting","enableWordBreakAll","sorting","setPagination","rowSelection","setRowSelection","setExpanded","useReactTable","state","getCoreRowModel","onSortingChange","getSortedRowModel","manualSorting","getPaginationRowModel","onPaginationChange","manualPagination","onRowSelectionChange","columnResizeDirection","columnResizeMode","onColumnOrderChange","getExpandedRowModel","onExpandedChange","getSubRows","subRows","loadingComponent","loaderText","showFilterCondition","show","exitFullscreen","requestFullscreen","catch","err","console","component","useCraftTable","paginationPageSize","setFilters","savedFilterEditValue","setSavedFilterEditValue","filterToDelete","setFilterToDelete","filterSelectedAttributeValue","setFilterSelectedAttributeValue","filterMaster","setFilterMaster","setShowTableFilter","showFilterOptions","setShowFilterOption","filterData","setFilterData","selectedFilterEntity","setSelectedFilterEntity","setColumnPinning","useCraftTableFilterSettings","showListViewSettings","setShowListViewSettings","settingsData","setSettingsData","kanbanSettingsData","setKanbanSettingsData","quickTabStates","setQuickTabStates","columnTabState","setColumnTabState","sortingTabState","setSortingTabState","saveButtonError","setSaveButtonError","hasError","messages","quick_tab","TableTabsRoot","Tabs","minHeight","tabsClasses","flexContainer","indicator","TableTab","Tab","maxHeight","textTransform","tabClasses","text","TableTabCount","lineHeight","TableTabs","loading","tabsData","tab_name","count","settingsOptions","CircularProgress","normalizedTabs","useMemo","tab","defaultTab","t","selectedTab","showIcon","SettingsOutlined","_","scrollButtons","String","padStart","ConfirmModal","description","buttons","input","inputValue","setInputValue","setError","Dialog","reason","DialogTitle","marginX","paddingBottom","DialogContent","marginBottom","marginTop","labelClassName","required","multiline","DialogActions","button","handleButtonClick","CustomTabPanel","hidden","CustomTabs","tabItems","activeFilterIndex","handleCrossClick","tabsProps","hoveredTab","setHoveredTab","idx","isActive","isHovered","onMouseEnter","FormDropdown","control","setValue","dropdownList","onValueChange","Controller","filter_attribute_name","filter_operator","render","FormControl","disableUnderline","newOperator","oldOperator","filter_attribute_data_type","moment","format","shouldDirty","filterStyles","scrollbarCustom","overflowY","pr","filterContainer","filterMainHeader","bgcolor","mx","filterMainComponentWrapper","filterFormStyles","formEditModeStyle","formFlexContainer","formListItem","formListSectionHeader","formListItemHeader","formListItemHeaderName","formListItemHeaderDropdown","CustomSearch","search","setSearch","val","borderColor","EmptyList","FilterCriteriaEntityList","filterComponentOptions","searchTerm","setSearchTerm","isSingleEntity","tabOptions","allEntities","mainFilter","entityList","entitiesToShow","filterEntityTypes","f","filter_entity_type","entity","includes","toLowerCase","my","ListItem","handleSelectEntity","Loader","paddingBlock","FilterCriteriaList","handleAddFilter","shouldShowCloseButton","some","entityWiseCriteria","isPending","filteredEntities","isAlreadySelected","filter_attribute","attribute_key","TextFieldStyles","FormTextfield","filter_value","FormDatePicker","views","isRange","isRelativeToToday","isEmptyOperator","LocalizationProvider","dateAdapter","AdapterDateFns","toDate","todayDate","fromDate","DatePicker","date","formatted","slotProps","textField","FormMultiSelect","dropdownData","isFlatJson","options","getOptionValue","cleanedValue","multiple","filtered","renderValue","match","join","optionValue","dateAllowedOperators","FilterCriteria","columnsData","onChangeFunction","FilterButton","main","dark","filterButtonRef","filterButtonWidth","setWidth","resizeObserver","ResizeObserver","clientWidth","observe","disconnect","useElementWidth","isSingleFilter","disableButton","ClickAwayListener","onClickAway","Paper","saved_filters","selectedId","attribute","operation_list","element_type","operationKey","elementType","getOperationKeyByElementType","matchingDropdownList","defaultOperator","newSelectedFilter","datasource_list","dropdown_list","filter_entity_name","newFilterState","FilterForm","handleRemoveFilter","editMode","onSaveFilterButtonClick","setDeleteFilterModalOpen","showSaveButton","showClearAllButton","customButtons","filterName","selectedName","isOwner","is_owner","defaultValues","filterValues","reduce","acc","curr","operator","dummyChange","watch","reset","unregister","useForm","resetOptions","keepDirtyValues","keepErrors","formValues","debouncedUpdateFilters","updatedFilters","updateFiltersFromForm","filterValue","groupedFilters","push","handleRemoveEntityType","entityType","remainingFilters","onSubmit","preventDefault","inputRef","entries","overflow","reverse","dummy","fieldValue","dataType","showDatePicker","resolveFilterInput","activeFilterTabIndex","btn","MainFilter","mainBoxStyles","newFilters","SavedFilterEditComponent","setEditMode","showBackButton","savedFilter","selectedCode","shareWithTeam","allowTeamEdit","BackArrow","SavedFilter","tabValue","myFilters","saved_filter","code","is_shared","created_by","is_editable","sharedFilters","shared_filter","prefs","sharedPreferences","preferences","shared_meta","editModeFromTab","applyFilterStates","newFilterMaster","radio","handleListItemClick","handleApplyFilter","openAccordion","setOpenAccordion","toggleAccodion","accordion","Accordion","disableGutters","elevation","AccordionSummary","expandIcon","ExpandMoreIcon","Divider","AccordionDetails","scrollbarWidth","source","visibility","renderSharedFilters","AttributesFilter","selectedAttribute","currentRadio","handleSingleRadioSelect","selectedAttr","matchingColumn","column_list","updatedRadio","newFilter","exists","updatedFilterMaster","selectedAttributeOptions","attributeKey","newFilterMasterState","displayEmpty","option","FormControlLabel","Radio","deepMergeObjects","output","SingleFilterRendering","showFilter","commonProps","editProps","attributesProps","SavedFilterModalView","onSave","disableShareFilter","forceShowSharingControls","setShareWithTeam","setAllowTeamEdit","filterNameValue","discriptionValue","isSaveDisabled","selectedFilterId","filterId","filterObj1","filterObj","initialShare","initialAllow","persistPreferences","sharedValue","editableValue","selectedFilter","selectedSavedFilter","showPrefields","showCheckboxes","isshow","getModalTitle","pt","minRows","nextAllow","gridTemplateColumns","created_date","toLocaleString","readOnly","CalendarTodayIcon","modified_date","modified_by","TableFilter","onDeleteFilter","onSaveFilter","onUpdateFilter","setTabValue","saveFilterModalOpen","setSaveFilterModalOpen","savedFilterModalOpen","setSavedFilterModalOpen","deleteFilterModalOpen","finalComponentOptions","showMainHeader","mainHeaderTitle","showTabs","showMainFilter","showSavedFilter","showAttributesFilter","editModeFromTabOptions","tabMapping","filterNameInput","hasSavedFilterRecords","handleSaveFilterButtonClick","savedFilterProps","tabType","clearAttributeRadio","patches","isRuleEngine","recordFilterComponentProps","edit","save","secondary","isSingleSavedFilterEditMode","delete","hasSavedFilters","verticalTabStyles","mainTabsContainer","mainTabContainer","mainTabLabel","horizontalTabStyles","CustomVerticalTabs","orientation","DraggableListItem","containerId","DragIndicator","dialogStyles","dialogTitle","dialogContent","paddingTop","dialogActionsButton","listingValuesStyles","wrapper","heading","draggableContainer","draggableCover","headerContainer","TabsStyles","mainTabsHeader","mainTabDropdown","mainTabSelect","selectDropdownSeparator","checkboxStyle","ListingValuesContent","onItemToggle","flex","ListingValues","filteredValues","buttonText","headerText","tabsApiDataLoading","enableDragAndDrop","AlertComponenet","useDroppable","InfoAlert","message","Alert","severity","QuickTab","tabsApiData","columnTabAttributes","currentQuickAttribute","setCurrentQuickAttribute","mappedColumns","normalizeTabItem","hide_list","show_list","showList","isValidShowList","ERROR_CODE","showListValues","hideListValues","i","constructHideList","filteredListValues","handleItemToggle","fromContainerId","toShowList","toHideList","updatedColumn","updatedSorting","splice","isDefault","tabs","sortby","updatedTabs","updatedSortingTabs","enableDND","currentContainer","overContainer","newShowList","newHideList","removed","sortingExists","columnExists","a","b","sort_by","currentShowList","currentHideList","availableSlots","limitedHideList","slice","updatedQuickTab","isAllSelected","isCombineOther","selectedTabStyle","CustomToggleSwitchButton","ToggleButtonGroup","exclusive","ToggleButton","isDisabled","SETTINGS_TABS","KANBAN_SETTINGS_TABS","TOGGLE_BUTTON_TABS","ColumnTab","columnTabAttributesLoading","selectedTabIndex","setSelectedTabIndex","settingsColumnState","isColumnDefault","isStateEmpty","isDefaultEmpty","isTabWiseEmpty","mappedTabs","hasOtherMessages","hideList","currentTab","getCurrentLists","visible","moved","hasShowListQuickTabs","activeItem","list","Sorting","setActiveTab","isSortingDefault","emptySortBy","order","generatedTabs","PointerSensor","activeTabIndex","tabSortedList","updateSortList","handleDNDDropdownChange","showAddSortButton","stateLength","isAddSortDisabled","hasEmptyColumn","reordered","columnKey","CustomDialog","DialogTransition","forwardRef","Slide","CustomButton","customSx","Lane","selectAttributeData","laneHideListData","currentLaneAttribute","setCurrentLaneAttribute","lane","log","swim_lane","isWorkflowAttribute","isSourceAttribute","displaySortingValue","isSubLane","SwimLane","selectSwinLandData","swimLaneHideListData","currentSwimLaneAttribute","setCurrentSwimLaneAttribute","isStatusAttribute","QuickFilterSettings","view","columnsDataLoading","quickTabAttributes","quickTabAttributesLoading","sortingTabAttributes","sortingTabAttributesLoading","onSaveSettingsData","onSaveKanbanSettingsData","hasAPIData","slots","Column","GroupBy","copyColumnTabState","copySortingTabState","kanbanStyles","syncingStyle","topHeader","laneHeader","badge","swimlaneWrapperStyle","columnStyle","stageStyle","borderTopLeftRadius","borderBottomLeftRadius","borderTopRightRadius","subSectionAccordion","subSectionCountContainer","cardsContainer","settingStyle","swimLaneAccordionStyle","subSectionHeaderContainer","COLOR_CONSTANTS","darkColor","Kanban","metaData","KanbanCardComponent","showSettings","onOpenSettings","expandedPanels","setExpandedPanels","Active","subLaneExpanded","setSubLaneExpanded","swim_lanes","initial","sub_lanes","sub_lane","lane_id","getLeadCount","laneId","seenLeadIds","Set","swimLane","subLane","lead","stage_id","has","add","SettingsOutlinedIcon","lanes","panel","isExpanded","ArrowDropDownIcon","ml","lead_status_id","pl","sub_section","subLaneKey","toggleSubLane","subLaneId","borderLeft","stage_group_id","card","cardData"],"mappings":"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","x_google_ignoreList":[0]}