@ynput/ayon-frontend-shared 0.2.6 → 0.2.9

package/dist/shared/src/containers/ProjectTreeTable/components/RowDragHandleCellContent.cjs.js

@@ -0,0 +1,33 @@
+"use strict";
+const jsxRuntime = require("../../../../../_virtual/jsx-runtime.cjs.js");
+const ayonReactComponents = require("@ynput/ayon-react-components");
+const RowDragHandleCellContent = ({
+  attributes,
+  listeners
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    "button",
+    {
+      ...attributes,
+      ...listeners,
+      type: "button",
+      title: "Drag to reorder",
+      style: {
+        cursor: "grab",
+        border: "none",
+        background: "transparent",
+        padding: 0,
+        display: "flex",
+        // To center the icon within the button
+        alignItems: "center",
+        justifyContent: "center",
+        width: "100%",
+        // Ensure button fills the cell space if needed
+        height: "100%"
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ayonReactComponents.Icon, { icon: "drag_handle" })
+    }
+  );
+};
+module.exports = RowDragHandleCellContent;
+//# sourceMappingURL=RowDragHandleCellContent.cjs.js.map

package/dist/shared/src/containers/ProjectTreeTable/components/RowDragHandleCellContent.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowDragHandleCellContent.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/components/RowDragHandleCellContent.tsx"],"sourcesContent":["import { Icon } from '@ynput/ayon-react-components'\n\n// Row Drag Handle Cell Content Component\nconst RowDragHandleCellContent = ({\n  attributes,\n  listeners,\n}: {\n  attributes: any\n  listeners: any\n}) => {\n  return (\n    <button\n      {...attributes}\n      {...listeners}\n      type=\"button\" // Explicitly set type for button\n      title=\"Drag to reorder\"\n      style={{\n        cursor: 'grab',\n        border: 'none',\n        background: 'transparent',\n        padding: 0,\n        display: 'flex', // To center the icon within the button\n        alignItems: 'center',\n        justifyContent: 'center',\n        width: '100%', // Ensure button fills the cell space if needed\n        height: '100%',\n      }}\n    >\n      <Icon icon=\"drag_handle\" />\n    </button>\n  )\n}\n\nexport default RowDragHandleCellContent\n"],"names":["jsx","Icon"],"mappings":";;;AAGA,MAAM,2BAA2B,CAAC;AAAA,EAChC;AAAA,EACA;AACF,MAGM;AAEF,SAAAA,2BAAA,kBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,MAAK;AAAA,MACL,OAAM;AAAA,MACN,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,YAAY;AAAA,QACZ,SAAS;AAAA,QACT,SAAS;AAAA;AAAA,QACT,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,OAAO;AAAA;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,MAEA,UAAAA,2BAAAA,kBAAAA,IAACC,oBAAAA,MAAK,EAAA,MAAK,cAAc,CAAA;AAAA,IAAA;AAAA,EAC3B;AAEJ;;"}

package/dist/shared/src/containers/ProjectTreeTable/components/RowDragHandleCellContent.es.js

@@ -0,0 +1,34 @@
+import { j as jsxRuntimeExports } from "../../../../../_virtual/jsx-runtime.es.js";
+import { Icon } from "@ynput/ayon-react-components";
+const RowDragHandleCellContent = ({
+  attributes,
+  listeners
+}) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "button",
+    {
+      ...attributes,
+      ...listeners,
+      type: "button",
+      title: "Drag to reorder",
+      style: {
+        cursor: "grab",
+        border: "none",
+        background: "transparent",
+        padding: 0,
+        display: "flex",
+        // To center the icon within the button
+        alignItems: "center",
+        justifyContent: "center",
+        width: "100%",
+        // Ensure button fills the cell space if needed
+        height: "100%"
+      },
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon: "drag_handle" })
+    }
+  );
+};
+export {
+  RowDragHandleCellContent as default
+};
+//# sourceMappingURL=RowDragHandleCellContent.es.js.map

package/dist/shared/src/containers/ProjectTreeTable/components/RowDragHandleCellContent.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowDragHandleCellContent.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/components/RowDragHandleCellContent.tsx"],"sourcesContent":["import { Icon } from '@ynput/ayon-react-components'\n\n// Row Drag Handle Cell Content Component\nconst RowDragHandleCellContent = ({\n  attributes,\n  listeners,\n}: {\n  attributes: any\n  listeners: any\n}) => {\n  return (\n    <button\n      {...attributes}\n      {...listeners}\n      type=\"button\" // Explicitly set type for button\n      title=\"Drag to reorder\"\n      style={{\n        cursor: 'grab',\n        border: 'none',\n        background: 'transparent',\n        padding: 0,\n        display: 'flex', // To center the icon within the button\n        alignItems: 'center',\n        justifyContent: 'center',\n        width: '100%', // Ensure button fills the cell space if needed\n        height: '100%',\n      }}\n    >\n      <Icon icon=\"drag_handle\" />\n    </button>\n  )\n}\n\nexport default RowDragHandleCellContent\n"],"names":["jsx"],"mappings":";;AAGA,MAAM,2BAA2B,CAAC;AAAA,EAChC;AAAA,EACA;AACF,MAGM;AAEF,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,MAAK;AAAA,MACL,OAAM;AAAA,MACN,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,YAAY;AAAA,QACZ,SAAS;AAAA,QACT,SAAS;AAAA;AAAA,QACT,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,OAAO;AAAA;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,MAEA,UAAAA,kCAAAA,IAAC,MAAK,EAAA,MAAK,cAAc,CAAA;AAAA,IAAA;AAAA,EAC3B;AAEJ;"}

package/dist/shared/src/containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnSettingsContext.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/context/ColumnSettingsContext.tsx"],"sourcesContent":["import React, { createContext, useContext, ReactNode, useState } from 'react'\nimport {\n  ColumnOrderState,\n  ColumnPinningState,\n  functionalUpdate,\n  OnChangeFn,\n  VisibilityState,\n  ColumnSizingState,\n} from '@tanstack/react-table'\n\nexport interface ColumnSettingsContextType {\n  // Column Visibility\n  columnVisibility: VisibilityState\n  setColumnVisibility: (columnVisibility: VisibilityState) => void\n  updateColumnVisibility: (columnVisibility: VisibilityState) => void\n  columnVisibilityUpdater: OnChangeFn<VisibilityState>\n\n  // Column Pinning\n  columnPinning: ColumnPinningState\n  setColumnPinning: (columnPinning: ColumnPinningState) => void\n  updateColumnPinning: (columnPinning: ColumnPinningState) => void\n  columnPinningUpdater: OnChangeFn<ColumnPinningState>\n\n  // Column Order\n  columnOrder: ColumnOrderState\n  setColumnOrder: (columnOrder: ColumnOrderState) => void\n  updateColumnOrder: (columnOrder: ColumnOrderState) => void\n  columnOrderUpdater: OnChangeFn<ColumnOrderState>\n\n  // Column Sizing\n  columnSizing: ColumnSizingState\n  setColumnSizing: (columnSizing: ColumnSizingState) => void\n  columnSizingUpdater: OnChangeFn<ColumnSizingState>\n\n  // Global change\n  setColumnsConfig: (config: ColumnsConfig) => void\n}\n\nconst ColumnSettingsContext = createContext<ColumnSettingsContextType | undefined>(undefined)\n\nexport type ColumnsConfig = {\n  columnVisibility: VisibilityState\n  columnOrder: ColumnOrderState\n  columnPinning: ColumnPinningState\n  columnSizing: ColumnSizingState // Add this\n}\n\ninterface ColumnSettingsProviderProps {\n  children: ReactNode\n  config: Record<string, any>\n  onChange: (config: ColumnsConfig) => void\n}\n\nexport const ColumnSettingsProvider: React.FC<ColumnSettingsProviderProps> = ({\n  children,\n  config,\n  onChange,\n}) => {\n  const columnsConfig = config as ColumnsConfig\n  const {\n    columnOrder = [],\n    columnPinning = {},\n    columnVisibility = {},\n    columnSizing: columnsSizingExternal = {},\n  } = columnsConfig\n\n  // DIRECT STATE UPDATES - no side effects\n  const setColumnVisibility = (visibility: VisibilityState) => {\n    onChange({\n      ...columnsConfig,\n      columnVisibility: visibility,\n    })\n  }\n\n  const setColumnOrder = (order: ColumnOrderState) => {\n    onChange({\n      ...columnsConfig,\n      columnOrder: order,\n    })\n  }\n\n  const setColumnPinning = (pinning: ColumnPinningState) => {\n    onChange({\n      ...columnsConfig,\n      columnPinning: pinning,\n    })\n  }\n\n  const [internalColumnSizing, setInternalColumnSizing] = useState<ColumnSizingState | null>(null)\n\n  // use internalColumnSizing if it exists, otherwise use the external column sizing\n  const columnSizing = internalColumnSizing || columnsSizingExternal\n\n  const resizingTimeoutRef = React.useRef<NodeJS.Timeout | null>(null)\n\n  const setColumnSizing = (sizing: ColumnSizingState) => {\n    setInternalColumnSizing(sizing)\n\n    // if there is a timeout already set, clear it\n    if (resizingTimeoutRef.current) {\n      clearTimeout(resizingTimeoutRef.current)\n    }\n    // set a timeout that tracks if the column sizing has finished\n    resizingTimeoutRef.current = setTimeout(() => {\n      // we have finished resizing now!\n      // update the external column sizing\n      onChange({\n        ...columnsConfig,\n        columnSizing: sizing,\n      })\n      // reset the internal column sizing to not be used anymore\n      setInternalColumnSizing(null)\n    }, 500)\n  }\n\n  // SIDE EFFECT UTILITIES\n  const togglePinningOnVisibilityChange = (visibility: VisibilityState) => {\n    // ensure that any columns that are now hidden are removed from the pinning\n    const newPinning = { ...columnPinning }\n    const pinnedColumns = newPinning.left || []\n    const hiddenColumns = Object.keys(visibility).filter((col) => visibility[col] === false)\n    const newPinnedColumns = pinnedColumns.filter((col) => !hiddenColumns.includes(col))\n\n    return {\n      ...newPinning,\n      left: newPinnedColumns,\n    }\n  }\n\n  const updatePinningOrderOnOrderChange = (order: ColumnOrderState) => {\n    // ensure that the column pinning is in the order of the column order\n    const newPinning = { ...columnPinning }\n    const pinnedColumns = newPinning.left || []\n    const pinnedColumnsOrder = order.filter((col) => pinnedColumns.includes(col))\n\n    return {\n      ...newPinning,\n      left: pinnedColumnsOrder,\n    }\n  }\n\n  const updateOrderOnPinningChange = (pinning: ColumnPinningState) => {\n    // we resort the column order based on the pinning\n    return [...columnOrder].sort((a, b) => {\n      const aPinned = pinning.left?.includes(a) ? 1 : 0\n      const bPinned = pinning.left?.includes(b) ? 1 : 0\n      return bPinned - aPinned\n    })\n  }\n\n  // UPDATE METHODS WITH SIDE EFFECTS\n  const updateColumnVisibility = (visibility: VisibilityState) => {\n    const newPinning = togglePinningOnVisibilityChange(visibility)\n    onChange({\n      ...columnsConfig,\n      columnVisibility: visibility,\n      columnPinning: newPinning,\n    })\n  }\n\n  const updateColumnOrder = (order: ColumnOrderState) => {\n    const newPinning = updatePinningOrderOnOrderChange(order)\n    onChange({\n      ...columnsConfig,\n      columnOrder: order,\n      columnPinning: newPinning,\n    })\n  }\n\n  const updateColumnPinning = (pinning: ColumnPinningState) => {\n    const newOrder = updateOrderOnPinningChange(pinning)\n    onChange({\n      ...columnsConfig,\n      columnOrder: newOrder,\n      columnPinning: pinning,\n    })\n  }\n\n  // UPDATER FUNCTIONS\n  const columnVisibilityUpdater: OnChangeFn<VisibilityState> = (columnVisibilityUpdater) => {\n    const newVisibility = functionalUpdate(columnVisibilityUpdater, columnVisibility)\n    updateColumnVisibility(newVisibility)\n  }\n\n  const columnOrderUpdater: OnChangeFn<ColumnOrderState> = (columnOrderUpdater) => {\n    const newOrder = functionalUpdate(columnOrderUpdater, columnOrder)\n    updateColumnOrder(newOrder)\n  }\n\n  const columnPinningUpdater: OnChangeFn<ColumnPinningState> = (columnPinningUpdater) => {\n    const newPinning = functionalUpdate(columnPinningUpdater, columnPinning)\n    updateColumnPinning(newPinning)\n  }\n\n  const columnSizingUpdater: OnChangeFn<ColumnSizingState> = (sizingUpdater) => {\n    const newSizing = functionalUpdate(sizingUpdater, columnSizing)\n    setColumnSizing(newSizing)\n  }\n\n  return (\n    <ColumnSettingsContext.Provider\n      value={{\n        // column visibility\n        columnVisibility,\n        setColumnVisibility,\n        updateColumnVisibility,\n        columnVisibilityUpdater,\n        // column pinning\n        columnPinning,\n        setColumnPinning,\n        updateColumnPinning,\n        columnPinningUpdater,\n        // column order\n        columnOrder,\n        setColumnOrder,\n        updateColumnOrder,\n        columnOrderUpdater,\n        // column sizing\n        columnSizing,\n        setColumnSizing,\n        columnSizingUpdater,\n        // global change\n        setColumnsConfig: onChange,\n      }}\n    >\n      {children}\n    </ColumnSettingsContext.Provider>\n  )\n}\n\nexport const useColumnSettingsContext = (): ColumnSettingsContextType => {\n  const context = useContext(ColumnSettingsContext)\n  if (!context) {\n    throw new Error('useColumnSettingsContext must be used within a ColumnSettingsProvider')\n  }\n  return context\n}\n"],"names":["createContext","useState","columnVisibilityUpdater","functionalUpdate","columnOrderUpdater","columnPinningUpdater","jsx","useContext"],"mappings":"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"}
+{"version":3,"file":"ColumnSettingsContext.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/context/ColumnSettingsContext.tsx"],"sourcesContent":["import React, { createContext, useContext, ReactNode, useState } from 'react'\nimport {\n  ColumnOrderState,\n  ColumnPinningState,\n  functionalUpdate,\n  OnChangeFn,\n  VisibilityState,\n  ColumnSizingState,\n} from '@tanstack/react-table'\n\nexport interface ColumnSettingsContextType {\n  // Column Visibility\n  columnVisibility: VisibilityState\n  setColumnVisibility: (columnVisibility: VisibilityState) => void\n  updateColumnVisibility: (columnVisibility: VisibilityState) => void\n  columnVisibilityUpdater: OnChangeFn<VisibilityState>\n\n  // Column Pinning\n  columnPinning: ColumnPinningState\n  setColumnPinning: (columnPinning: ColumnPinningState) => void\n  updateColumnPinning: (columnPinning: ColumnPinningState) => void\n  columnPinningUpdater: OnChangeFn<ColumnPinningState>\n\n  // Column Order\n  columnOrder: ColumnOrderState\n  setColumnOrder: (columnOrder: ColumnOrderState) => void\n  updateColumnOrder: (columnOrder: ColumnOrderState) => void\n  columnOrderUpdater: OnChangeFn<ColumnOrderState>\n\n  // Column Sizing\n  columnSizing: ColumnSizingState\n  setColumnSizing: (columnSizing: ColumnSizingState) => void\n  columnSizingUpdater: OnChangeFn<ColumnSizingState>\n\n  // Global change\n  setColumnsConfig: (config: ColumnsConfig) => void\n}\n\nconst ColumnSettingsContext = createContext<ColumnSettingsContextType | undefined>(undefined)\n\nexport type ColumnsConfig = {\n  columnVisibility: VisibilityState\n  columnOrder: ColumnOrderState\n  columnPinning: ColumnPinningState\n  columnSizing: ColumnSizingState // Add this\n}\n\ninterface ColumnSettingsProviderProps {\n  children: ReactNode\n  config?: Record<string, any>\n  onChange: (config: ColumnsConfig) => void\n}\n\nexport const ColumnSettingsProvider: React.FC<ColumnSettingsProviderProps> = ({\n  children,\n  config,\n  onChange,\n}) => {\n  const columnsConfig = config as ColumnsConfig\n  const {\n    columnOrder = [],\n    columnPinning = {},\n    columnVisibility = {},\n    columnSizing: columnsSizingExternal = {},\n  } = columnsConfig\n\n  // DIRECT STATE UPDATES - no side effects\n  const setColumnVisibility = (visibility: VisibilityState) => {\n    onChange({\n      ...columnsConfig,\n      columnVisibility: visibility,\n    })\n  }\n\n  const setColumnOrder = (order: ColumnOrderState) => {\n    onChange({\n      ...columnsConfig,\n      columnOrder: order,\n    })\n  }\n\n  const setColumnPinning = (pinning: ColumnPinningState) => {\n    onChange({\n      ...columnsConfig,\n      columnPinning: pinning,\n    })\n  }\n\n  const [internalColumnSizing, setInternalColumnSizing] = useState<ColumnSizingState | null>(null)\n\n  // use internalColumnSizing if it exists, otherwise use the external column sizing\n  const columnSizing = internalColumnSizing || columnsSizingExternal\n\n  const resizingTimeoutRef = React.useRef<NodeJS.Timeout | null>(null)\n\n  const setColumnSizing = (sizing: ColumnSizingState) => {\n    setInternalColumnSizing(sizing)\n\n    // if there is a timeout already set, clear it\n    if (resizingTimeoutRef.current) {\n      clearTimeout(resizingTimeoutRef.current)\n    }\n    // set a timeout that tracks if the column sizing has finished\n    resizingTimeoutRef.current = setTimeout(() => {\n      // we have finished resizing now!\n      // update the external column sizing\n      onChange({\n        ...columnsConfig,\n        columnSizing: sizing,\n      })\n      // reset the internal column sizing to not be used anymore\n      setInternalColumnSizing(null)\n    }, 500)\n  }\n\n  // SIDE EFFECT UTILITIES\n  const togglePinningOnVisibilityChange = (visibility: VisibilityState) => {\n    // ensure that any columns that are now hidden are removed from the pinning\n    const newPinning = { ...columnPinning }\n    const pinnedColumns = newPinning.left || []\n    const hiddenColumns = Object.keys(visibility).filter((col) => visibility[col] === false)\n    const newPinnedColumns = pinnedColumns.filter((col) => !hiddenColumns.includes(col))\n\n    return {\n      ...newPinning,\n      left: newPinnedColumns,\n    }\n  }\n\n  const updatePinningOrderOnOrderChange = (order: ColumnOrderState) => {\n    // ensure that the column pinning is in the order of the column order\n    const newPinning = { ...columnPinning }\n    const pinnedColumns = newPinning.left || []\n    const pinnedColumnsOrder = order.filter((col) => pinnedColumns.includes(col))\n\n    return {\n      ...newPinning,\n      left: pinnedColumnsOrder,\n    }\n  }\n\n  const updateOrderOnPinningChange = (pinning: ColumnPinningState) => {\n    // we resort the column order based on the pinning\n    return [...columnOrder].sort((a, b) => {\n      const aPinned = pinning.left?.includes(a) ? 1 : 0\n      const bPinned = pinning.left?.includes(b) ? 1 : 0\n      return bPinned - aPinned\n    })\n  }\n\n  // UPDATE METHODS WITH SIDE EFFECTS\n  const updateColumnVisibility = (visibility: VisibilityState) => {\n    const newPinning = togglePinningOnVisibilityChange(visibility)\n    onChange({\n      ...columnsConfig,\n      columnVisibility: visibility,\n      columnPinning: newPinning,\n    })\n  }\n\n  const updateColumnOrder = (order: ColumnOrderState) => {\n    const newPinning = updatePinningOrderOnOrderChange(order)\n    onChange({\n      ...columnsConfig,\n      columnOrder: order,\n      columnPinning: newPinning,\n    })\n  }\n\n  const updateColumnPinning = (pinning: ColumnPinningState) => {\n    const newOrder = updateOrderOnPinningChange(pinning)\n    onChange({\n      ...columnsConfig,\n      columnOrder: newOrder,\n      columnPinning: pinning,\n    })\n  }\n\n  // UPDATER FUNCTIONS\n  const columnVisibilityUpdater: OnChangeFn<VisibilityState> = (columnVisibilityUpdater) => {\n    const newVisibility = functionalUpdate(columnVisibilityUpdater, columnVisibility)\n    updateColumnVisibility(newVisibility)\n  }\n\n  const columnOrderUpdater: OnChangeFn<ColumnOrderState> = (columnOrderUpdater) => {\n    const newOrder = functionalUpdate(columnOrderUpdater, columnOrder)\n    updateColumnOrder(newOrder)\n  }\n\n  const columnPinningUpdater: OnChangeFn<ColumnPinningState> = (columnPinningUpdater) => {\n    const newPinning = functionalUpdate(columnPinningUpdater, columnPinning)\n    updateColumnPinning(newPinning)\n  }\n\n  const columnSizingUpdater: OnChangeFn<ColumnSizingState> = (sizingUpdater) => {\n    const newSizing = functionalUpdate(sizingUpdater, columnSizing)\n    setColumnSizing(newSizing)\n  }\n\n  return (\n    <ColumnSettingsContext.Provider\n      value={{\n        // column visibility\n        columnVisibility,\n        setColumnVisibility,\n        updateColumnVisibility,\n        columnVisibilityUpdater,\n        // column pinning\n        columnPinning,\n        setColumnPinning,\n        updateColumnPinning,\n        columnPinningUpdater,\n        // column order\n        columnOrder,\n        setColumnOrder,\n        updateColumnOrder,\n        columnOrderUpdater,\n        // column sizing\n        columnSizing,\n        setColumnSizing,\n        columnSizingUpdater,\n        // global change\n        setColumnsConfig: onChange,\n      }}\n    >\n      {children}\n    </ColumnSettingsContext.Provider>\n  )\n}\n\nexport const useColumnSettingsContext = (): ColumnSettingsContextType => {\n  const context = useContext(ColumnSettingsContext)\n  if (!context) {\n    throw new Error('useColumnSettingsContext must be used within a ColumnSettingsProvider')\n  }\n  return context\n}\n"],"names":["createContext","useState","columnVisibilityUpdater","functionalUpdate","columnOrderUpdater","columnPinningUpdater","jsx","useContext"],"mappings":"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"}

package/dist/shared/src/containers/ProjectTreeTable/context/ColumnSettingsContext.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnSettingsContext.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/context/ColumnSettingsContext.tsx"],"sourcesContent":["import React, { createContext, useContext, ReactNode, useState } from 'react'\nimport {\n  ColumnOrderState,\n  ColumnPinningState,\n  functionalUpdate,\n  OnChangeFn,\n  VisibilityState,\n  ColumnSizingState,\n} from '@tanstack/react-table'\n\nexport interface ColumnSettingsContextType {\n  // Column Visibility\n  columnVisibility: VisibilityState\n  setColumnVisibility: (columnVisibility: VisibilityState) => void\n  updateColumnVisibility: (columnVisibility: VisibilityState) => void\n  columnVisibilityUpdater: OnChangeFn<VisibilityState>\n\n  // Column Pinning\n  columnPinning: ColumnPinningState\n  setColumnPinning: (columnPinning: ColumnPinningState) => void\n  updateColumnPinning: (columnPinning: ColumnPinningState) => void\n  columnPinningUpdater: OnChangeFn<ColumnPinningState>\n\n  // Column Order\n  columnOrder: ColumnOrderState\n  setColumnOrder: (columnOrder: ColumnOrderState) => void\n  updateColumnOrder: (columnOrder: ColumnOrderState) => void\n  columnOrderUpdater: OnChangeFn<ColumnOrderState>\n\n  // Column Sizing\n  columnSizing: ColumnSizingState\n  setColumnSizing: (columnSizing: ColumnSizingState) => void\n  columnSizingUpdater: OnChangeFn<ColumnSizingState>\n\n  // Global change\n  setColumnsConfig: (config: ColumnsConfig) => void\n}\n\nconst ColumnSettingsContext = createContext<ColumnSettingsContextType | undefined>(undefined)\n\nexport type ColumnsConfig = {\n  columnVisibility: VisibilityState\n  columnOrder: ColumnOrderState\n  columnPinning: ColumnPinningState\n  columnSizing: ColumnSizingState // Add this\n}\n\ninterface ColumnSettingsProviderProps {\n  children: ReactNode\n  config: Record<string, any>\n  onChange: (config: ColumnsConfig) => void\n}\n\nexport const ColumnSettingsProvider: React.FC<ColumnSettingsProviderProps> = ({\n  children,\n  config,\n  onChange,\n}) => {\n  const columnsConfig = config as ColumnsConfig\n  const {\n    columnOrder = [],\n    columnPinning = {},\n    columnVisibility = {},\n    columnSizing: columnsSizingExternal = {},\n  } = columnsConfig\n\n  // DIRECT STATE UPDATES - no side effects\n  const setColumnVisibility = (visibility: VisibilityState) => {\n    onChange({\n      ...columnsConfig,\n      columnVisibility: visibility,\n    })\n  }\n\n  const setColumnOrder = (order: ColumnOrderState) => {\n    onChange({\n      ...columnsConfig,\n      columnOrder: order,\n    })\n  }\n\n  const setColumnPinning = (pinning: ColumnPinningState) => {\n    onChange({\n      ...columnsConfig,\n      columnPinning: pinning,\n    })\n  }\n\n  const [internalColumnSizing, setInternalColumnSizing] = useState<ColumnSizingState | null>(null)\n\n  // use internalColumnSizing if it exists, otherwise use the external column sizing\n  const columnSizing = internalColumnSizing || columnsSizingExternal\n\n  const resizingTimeoutRef = React.useRef<NodeJS.Timeout | null>(null)\n\n  const setColumnSizing = (sizing: ColumnSizingState) => {\n    setInternalColumnSizing(sizing)\n\n    // if there is a timeout already set, clear it\n    if (resizingTimeoutRef.current) {\n      clearTimeout(resizingTimeoutRef.current)\n    }\n    // set a timeout that tracks if the column sizing has finished\n    resizingTimeoutRef.current = setTimeout(() => {\n      // we have finished resizing now!\n      // update the external column sizing\n      onChange({\n        ...columnsConfig,\n        columnSizing: sizing,\n      })\n      // reset the internal column sizing to not be used anymore\n      setInternalColumnSizing(null)\n    }, 500)\n  }\n\n  // SIDE EFFECT UTILITIES\n  const togglePinningOnVisibilityChange = (visibility: VisibilityState) => {\n    // ensure that any columns that are now hidden are removed from the pinning\n    const newPinning = { ...columnPinning }\n    const pinnedColumns = newPinning.left || []\n    const hiddenColumns = Object.keys(visibility).filter((col) => visibility[col] === false)\n    const newPinnedColumns = pinnedColumns.filter((col) => !hiddenColumns.includes(col))\n\n    return {\n      ...newPinning,\n      left: newPinnedColumns,\n    }\n  }\n\n  const updatePinningOrderOnOrderChange = (order: ColumnOrderState) => {\n    // ensure that the column pinning is in the order of the column order\n    const newPinning = { ...columnPinning }\n    const pinnedColumns = newPinning.left || []\n    const pinnedColumnsOrder = order.filter((col) => pinnedColumns.includes(col))\n\n    return {\n      ...newPinning,\n      left: pinnedColumnsOrder,\n    }\n  }\n\n  const updateOrderOnPinningChange = (pinning: ColumnPinningState) => {\n    // we resort the column order based on the pinning\n    return [...columnOrder].sort((a, b) => {\n      const aPinned = pinning.left?.includes(a) ? 1 : 0\n      const bPinned = pinning.left?.includes(b) ? 1 : 0\n      return bPinned - aPinned\n    })\n  }\n\n  // UPDATE METHODS WITH SIDE EFFECTS\n  const updateColumnVisibility = (visibility: VisibilityState) => {\n    const newPinning = togglePinningOnVisibilityChange(visibility)\n    onChange({\n      ...columnsConfig,\n      columnVisibility: visibility,\n      columnPinning: newPinning,\n    })\n  }\n\n  const updateColumnOrder = (order: ColumnOrderState) => {\n    const newPinning = updatePinningOrderOnOrderChange(order)\n    onChange({\n      ...columnsConfig,\n      columnOrder: order,\n      columnPinning: newPinning,\n    })\n  }\n\n  const updateColumnPinning = (pinning: ColumnPinningState) => {\n    const newOrder = updateOrderOnPinningChange(pinning)\n    onChange({\n      ...columnsConfig,\n      columnOrder: newOrder,\n      columnPinning: pinning,\n    })\n  }\n\n  // UPDATER FUNCTIONS\n  const columnVisibilityUpdater: OnChangeFn<VisibilityState> = (columnVisibilityUpdater) => {\n    const newVisibility = functionalUpdate(columnVisibilityUpdater, columnVisibility)\n    updateColumnVisibility(newVisibility)\n  }\n\n  const columnOrderUpdater: OnChangeFn<ColumnOrderState> = (columnOrderUpdater) => {\n    const newOrder = functionalUpdate(columnOrderUpdater, columnOrder)\n    updateColumnOrder(newOrder)\n  }\n\n  const columnPinningUpdater: OnChangeFn<ColumnPinningState> = (columnPinningUpdater) => {\n    const newPinning = functionalUpdate(columnPinningUpdater, columnPinning)\n    updateColumnPinning(newPinning)\n  }\n\n  const columnSizingUpdater: OnChangeFn<ColumnSizingState> = (sizingUpdater) => {\n    const newSizing = functionalUpdate(sizingUpdater, columnSizing)\n    setColumnSizing(newSizing)\n  }\n\n  return (\n    <ColumnSettingsContext.Provider\n      value={{\n        // column visibility\n        columnVisibility,\n        setColumnVisibility,\n        updateColumnVisibility,\n        columnVisibilityUpdater,\n        // column pinning\n        columnPinning,\n        setColumnPinning,\n        updateColumnPinning,\n        columnPinningUpdater,\n        // column order\n        columnOrder,\n        setColumnOrder,\n        updateColumnOrder,\n        columnOrderUpdater,\n        // column sizing\n        columnSizing,\n        setColumnSizing,\n        columnSizingUpdater,\n        // global change\n        setColumnsConfig: onChange,\n      }}\n    >\n      {children}\n    </ColumnSettingsContext.Provider>\n  )\n}\n\nexport const useColumnSettingsContext = (): ColumnSettingsContextType => {\n  const context = useContext(ColumnSettingsContext)\n  if (!context) {\n    throw new Error('useColumnSettingsContext must be used within a ColumnSettingsProvider')\n  }\n  return context\n}\n"],"names":["React","columnVisibilityUpdater","columnOrderUpdater","columnPinningUpdater","jsx"],"mappings":"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"}
+{"version":3,"file":"ColumnSettingsContext.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/context/ColumnSettingsContext.tsx"],"sourcesContent":["import React, { createContext, useContext, ReactNode, useState } from 'react'\nimport {\n  ColumnOrderState,\n  ColumnPinningState,\n  functionalUpdate,\n  OnChangeFn,\n  VisibilityState,\n  ColumnSizingState,\n} from '@tanstack/react-table'\n\nexport interface ColumnSettingsContextType {\n  // Column Visibility\n  columnVisibility: VisibilityState\n  setColumnVisibility: (columnVisibility: VisibilityState) => void\n  updateColumnVisibility: (columnVisibility: VisibilityState) => void\n  columnVisibilityUpdater: OnChangeFn<VisibilityState>\n\n  // Column Pinning\n  columnPinning: ColumnPinningState\n  setColumnPinning: (columnPinning: ColumnPinningState) => void\n  updateColumnPinning: (columnPinning: ColumnPinningState) => void\n  columnPinningUpdater: OnChangeFn<ColumnPinningState>\n\n  // Column Order\n  columnOrder: ColumnOrderState\n  setColumnOrder: (columnOrder: ColumnOrderState) => void\n  updateColumnOrder: (columnOrder: ColumnOrderState) => void\n  columnOrderUpdater: OnChangeFn<ColumnOrderState>\n\n  // Column Sizing\n  columnSizing: ColumnSizingState\n  setColumnSizing: (columnSizing: ColumnSizingState) => void\n  columnSizingUpdater: OnChangeFn<ColumnSizingState>\n\n  // Global change\n  setColumnsConfig: (config: ColumnsConfig) => void\n}\n\nconst ColumnSettingsContext = createContext<ColumnSettingsContextType | undefined>(undefined)\n\nexport type ColumnsConfig = {\n  columnVisibility: VisibilityState\n  columnOrder: ColumnOrderState\n  columnPinning: ColumnPinningState\n  columnSizing: ColumnSizingState // Add this\n}\n\ninterface ColumnSettingsProviderProps {\n  children: ReactNode\n  config?: Record<string, any>\n  onChange: (config: ColumnsConfig) => void\n}\n\nexport const ColumnSettingsProvider: React.FC<ColumnSettingsProviderProps> = ({\n  children,\n  config,\n  onChange,\n}) => {\n  const columnsConfig = config as ColumnsConfig\n  const {\n    columnOrder = [],\n    columnPinning = {},\n    columnVisibility = {},\n    columnSizing: columnsSizingExternal = {},\n  } = columnsConfig\n\n  // DIRECT STATE UPDATES - no side effects\n  const setColumnVisibility = (visibility: VisibilityState) => {\n    onChange({\n      ...columnsConfig,\n      columnVisibility: visibility,\n    })\n  }\n\n  const setColumnOrder = (order: ColumnOrderState) => {\n    onChange({\n      ...columnsConfig,\n      columnOrder: order,\n    })\n  }\n\n  const setColumnPinning = (pinning: ColumnPinningState) => {\n    onChange({\n      ...columnsConfig,\n      columnPinning: pinning,\n    })\n  }\n\n  const [internalColumnSizing, setInternalColumnSizing] = useState<ColumnSizingState | null>(null)\n\n  // use internalColumnSizing if it exists, otherwise use the external column sizing\n  const columnSizing = internalColumnSizing || columnsSizingExternal\n\n  const resizingTimeoutRef = React.useRef<NodeJS.Timeout | null>(null)\n\n  const setColumnSizing = (sizing: ColumnSizingState) => {\n    setInternalColumnSizing(sizing)\n\n    // if there is a timeout already set, clear it\n    if (resizingTimeoutRef.current) {\n      clearTimeout(resizingTimeoutRef.current)\n    }\n    // set a timeout that tracks if the column sizing has finished\n    resizingTimeoutRef.current = setTimeout(() => {\n      // we have finished resizing now!\n      // update the external column sizing\n      onChange({\n        ...columnsConfig,\n        columnSizing: sizing,\n      })\n      // reset the internal column sizing to not be used anymore\n      setInternalColumnSizing(null)\n    }, 500)\n  }\n\n  // SIDE EFFECT UTILITIES\n  const togglePinningOnVisibilityChange = (visibility: VisibilityState) => {\n    // ensure that any columns that are now hidden are removed from the pinning\n    const newPinning = { ...columnPinning }\n    const pinnedColumns = newPinning.left || []\n    const hiddenColumns = Object.keys(visibility).filter((col) => visibility[col] === false)\n    const newPinnedColumns = pinnedColumns.filter((col) => !hiddenColumns.includes(col))\n\n    return {\n      ...newPinning,\n      left: newPinnedColumns,\n    }\n  }\n\n  const updatePinningOrderOnOrderChange = (order: ColumnOrderState) => {\n    // ensure that the column pinning is in the order of the column order\n    const newPinning = { ...columnPinning }\n    const pinnedColumns = newPinning.left || []\n    const pinnedColumnsOrder = order.filter((col) => pinnedColumns.includes(col))\n\n    return {\n      ...newPinning,\n      left: pinnedColumnsOrder,\n    }\n  }\n\n  const updateOrderOnPinningChange = (pinning: ColumnPinningState) => {\n    // we resort the column order based on the pinning\n    return [...columnOrder].sort((a, b) => {\n      const aPinned = pinning.left?.includes(a) ? 1 : 0\n      const bPinned = pinning.left?.includes(b) ? 1 : 0\n      return bPinned - aPinned\n    })\n  }\n\n  // UPDATE METHODS WITH SIDE EFFECTS\n  const updateColumnVisibility = (visibility: VisibilityState) => {\n    const newPinning = togglePinningOnVisibilityChange(visibility)\n    onChange({\n      ...columnsConfig,\n      columnVisibility: visibility,\n      columnPinning: newPinning,\n    })\n  }\n\n  const updateColumnOrder = (order: ColumnOrderState) => {\n    const newPinning = updatePinningOrderOnOrderChange(order)\n    onChange({\n      ...columnsConfig,\n      columnOrder: order,\n      columnPinning: newPinning,\n    })\n  }\n\n  const updateColumnPinning = (pinning: ColumnPinningState) => {\n    const newOrder = updateOrderOnPinningChange(pinning)\n    onChange({\n      ...columnsConfig,\n      columnOrder: newOrder,\n      columnPinning: pinning,\n    })\n  }\n\n  // UPDATER FUNCTIONS\n  const columnVisibilityUpdater: OnChangeFn<VisibilityState> = (columnVisibilityUpdater) => {\n    const newVisibility = functionalUpdate(columnVisibilityUpdater, columnVisibility)\n    updateColumnVisibility(newVisibility)\n  }\n\n  const columnOrderUpdater: OnChangeFn<ColumnOrderState> = (columnOrderUpdater) => {\n    const newOrder = functionalUpdate(columnOrderUpdater, columnOrder)\n    updateColumnOrder(newOrder)\n  }\n\n  const columnPinningUpdater: OnChangeFn<ColumnPinningState> = (columnPinningUpdater) => {\n    const newPinning = functionalUpdate(columnPinningUpdater, columnPinning)\n    updateColumnPinning(newPinning)\n  }\n\n  const columnSizingUpdater: OnChangeFn<ColumnSizingState> = (sizingUpdater) => {\n    const newSizing = functionalUpdate(sizingUpdater, columnSizing)\n    setColumnSizing(newSizing)\n  }\n\n  return (\n    <ColumnSettingsContext.Provider\n      value={{\n        // column visibility\n        columnVisibility,\n        setColumnVisibility,\n        updateColumnVisibility,\n        columnVisibilityUpdater,\n        // column pinning\n        columnPinning,\n        setColumnPinning,\n        updateColumnPinning,\n        columnPinningUpdater,\n        // column order\n        columnOrder,\n        setColumnOrder,\n        updateColumnOrder,\n        columnOrderUpdater,\n        // column sizing\n        columnSizing,\n        setColumnSizing,\n        columnSizingUpdater,\n        // global change\n        setColumnsConfig: onChange,\n      }}\n    >\n      {children}\n    </ColumnSettingsContext.Provider>\n  )\n}\n\nexport const useColumnSettingsContext = (): ColumnSettingsContextType => {\n  const context = useContext(ColumnSettingsContext)\n  if (!context) {\n    throw new Error('useColumnSettingsContext must be used within a ColumnSettingsProvider')\n  }\n  return context\n}\n"],"names":["React","columnVisibilityUpdater","columnOrderUpdater","columnPinningUpdater","jsx"],"mappings":"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"}

package/dist/shared/src/containers/ProjectTreeTable/context/ProjectDataContext.cjs.js

@@ -0,0 +1,116 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../../../../_virtual/jsx-runtime.cjs.js");
+const React = require("react");
+require("../../../api/base/client.cjs.js");
+require("../../../api/generated/graphql.cjs.js");
+require("../../../api/generated/access.cjs.js");
+require("../../../api/generated/actions.cjs.js");
+require("../../../api/generated/activityFeed.cjs.js");
+require("../../../api/generated/addons.cjs.js");
+require("../../../api/generated/anatomy.cjs.js");
+require("../../../api/generated/attributes.cjs.js");
+require("../../../api/generated/authentication.cjs.js");
+require("../../../api/generated/bundles.cjs.js");
+require("../../../api/generated/configuration.cjs.js");
+require("../../../api/generated/desktop.cjs.js");
+require("../../../api/generated/entityLists.cjs.js");
+require("../../../api/generated/events.cjs.js");
+require("../../../api/generated/files.cjs.js");
+require("../../../api/generated/folders.cjs.js");
+require("../../../api/generated/inbox.cjs.js");
+require("../../../api/generated/links.cjs.js");
+require("../../../api/generated/market.cjs.js");
+require("../../../api/generated/onboarding.cjs.js");
+require("../../../api/generated/operations.cjs.js");
+require("../../../api/generated/products.cjs.js");
+require("../../../api/generated/projectDashboard.cjs.js");
+require("../../../api/generated/projects.cjs.js");
+require("../../../api/generated/reviewables.cjs.js");
+require("../../../api/generated/services.cjs.js");
+require("../../../api/generated/system.cjs.js");
+require("../../../api/generated/tasks.cjs.js");
+require("../../../api/generated/teams.cjs.js");
+require("../../../api/generated/thumbnails.cjs.js");
+require("../../../api/generated/uRIs.cjs.js");
+require("../../../api/generated/users.cjs.js");
+require("../../../api/generated/versions.cjs.js");
+require("../../../api/generated/workfiles.cjs.js");
+require("../../../api/generated/ynputCloud.cjs.js");
+require("../../../api/queries/actions/getActions.cjs.js");
+require("../../../api/queries/activities/getActivities.cjs.js");
+require("../../../api/queries/activities/updateActivities.cjs.js");
+require("../../../api/queries/activities/updateReaction.cjs.js");
+require("../../../api/queries/activities/getMentions.cjs.js");
+require("../../../api/queries/addons/getAddons.cjs.js");
+require("../../../api/queries/addons/updateAddons.cjs.js");
+require("../../../api/queries/attributes/getAttributes.cjs.js");
+require("../../../api/queries/attributes/updateAttributes.cjs.js");
+require("../../../api/queries/authentication/getAuthentication.cjs.js");
+require("../../../api/queries/entities/getEntity.cjs.js");
+require("../../../api/queries/entities/getEntityPanel.cjs.js");
+require("../../../api/queries/entities/updateEntity.cjs.js");
+require("../../../api/queries/entityLists/getLists.cjs.js");
+require("../../../api/queries/entityLists/updateLists.cjs.js");
+require("../../../api/queries/entityLists/getListsAttributes.cjs.js");
+require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");
+require("../../../api/queries/folders/getFolders.cjs.js");
+require("../../../api/queries/overview/getOverview.cjs.js");
+require("../../../api/queries/overview/updateOverview.cjs.js");
+const getProject = require("../../../api/queries/project/getProject.cjs.js");
+require("../../../api/queries/project/updateProject.cjs.js");
+require("../../../api/queries/review/getReview.cjs.js");
+require("../../../api/queries/review/updateReview.cjs.js");
+require("../../../api/queries/system/getSystem.cjs.js");
+require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");
+const getUsers = require("../../../api/queries/users/getUsers.cjs.js");
+require("../../../api/queries/users/updateUsers.cjs.js");
+require("../../../api/queries/watchers/getWatchers.cjs.js");
+require("../../../api/queries/permissions/getPermissions.cjs.js");
+const useAttributesList = require("../hooks/useAttributesList.cjs.js");
+const ProjectDataContext = React.createContext(void 0);
+const ProjectDataProvider = ({ children, projectName }) => {
+  const {
+    data: projectInfo,
+    isSuccess: isSuccessProject,
+    isFetching: isFetchingProject
+  } = getProject.useGetProjectQuery({ projectName }, { skip: !projectName });
+  const {
+    attribFields,
+    isSuccess: isSuccessAttribs,
+    isFetching: isFetchingAttribs
+  } = useAttributesList({ projectName });
+  const { data: usersData = [] } = getUsers.useGetUsersAssigneeQuery({ projectName }, { skip: !projectName });
+  const users = usersData;
+  const isInitialized = isSuccessProject && isSuccessAttribs && !isFetchingProject && !isFetchingAttribs;
+  const value = React.useMemo(
+    () => ({
+      isInitialized,
+      isLoading: isFetchingProject || isFetchingAttribs,
+      projectInfo,
+      projectName,
+      users,
+      attribFields
+    }),
+    [
+      isInitialized,
+      isFetchingProject,
+      isFetchingAttribs,
+      projectInfo,
+      projectName,
+      users,
+      attribFields
+    ]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ProjectDataContext.Provider, { value, children });
+};
+const useProjectDataContext = () => {
+  const context = React.useContext(ProjectDataContext);
+  if (!context) {
+    throw new Error("useProjectDataContext must be used within a ProjectDataProvider");
+  }
+  return context;
+};
+exports.ProjectDataProvider = ProjectDataProvider;
+exports.useProjectDataContext = useProjectDataContext;
+//# sourceMappingURL=ProjectDataContext.cjs.js.map

package/dist/shared/src/containers/ProjectTreeTable/context/ProjectDataContext.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectDataContext.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/context/ProjectDataContext.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext, useMemo } from 'react'\nimport { useGetUsersAssigneeQuery, useGetProjectQuery } from '@shared/api'\nimport type { ProjectModel } from '@shared/api'\nimport useAttributeFields, { ProjectTableAttribute } from '../hooks/useAttributesList'\n\ntype User = {\n  name: string\n  fullName: string\n}\n\nexport interface ProjectDataContextProps {\n  isInitialized: boolean\n  isLoading: boolean\n  // Project Info\n  projectInfo?: ProjectModel\n  projectName: string\n  users: User[]\n  // Attributes\n  attribFields: ProjectTableAttribute[]\n}\n\nconst ProjectDataContext = createContext<ProjectDataContextProps | undefined>(undefined)\n\ninterface ProjectDataProviderProps {\n  children: ReactNode\n  projectName: string\n}\n\nexport const ProjectDataProvider = ({ children, projectName }: ProjectDataProviderProps) => {\n  // GET PROJECT DATA\n  const {\n    data: projectInfo,\n    isSuccess: isSuccessProject,\n    isFetching: isFetchingProject,\n  } = useGetProjectQuery({ projectName }, { skip: !projectName })\n\n  const {\n    attribFields,\n    isSuccess: isSuccessAttribs,\n    isFetching: isFetchingAttribs,\n  } = useAttributeFields({ projectName })\n\n  // GET USERS\n  const { data: usersData = [] } = useGetUsersAssigneeQuery({ projectName }, { skip: !projectName })\n  const users = usersData as User[]\n\n  const isInitialized =\n    isSuccessProject && isSuccessAttribs && !isFetchingProject && !isFetchingAttribs\n\n  const value = useMemo(\n    () => ({\n      isInitialized,\n      isLoading: isFetchingProject || isFetchingAttribs,\n      projectInfo,\n      projectName,\n      users,\n      attribFields,\n    }),\n    [\n      isInitialized,\n      isFetchingProject,\n      isFetchingAttribs,\n      projectInfo,\n      projectName,\n      users,\n      attribFields,\n    ],\n  )\n\n  return <ProjectDataContext.Provider value={value}>{children}</ProjectDataContext.Provider>\n}\n\nexport const useProjectDataContext = () => {\n  const context = useContext(ProjectDataContext)\n  if (!context) {\n    throw new Error('useProjectDataContext must be used within a ProjectDataProvider')\n  }\n  return context\n}\n"],"names":["createContext","useGetProjectQuery","useAttributeFields","useGetUsersAssigneeQuery","useMemo","jsx","useContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAM,qBAAqBA,oBAAmD,MAAS;AAOhF,MAAM,sBAAsB,CAAC,EAAE,UAAU,kBAA4C;AAEpF,QAAA;AAAA,IACJ,MAAM;AAAA,IACN,WAAW;AAAA,IACX,YAAY;AAAA,EAAA,IACVC,WAAAA,mBAAmB,EAAE,YAAA,GAAe,EAAE,MAAM,CAAC,aAAa;AAExD,QAAA;AAAA,IACJ;AAAA,IACA,WAAW;AAAA,IACX,YAAY;AAAA,EAAA,IACVC,kBAAmB,EAAE,aAAa;AAGtC,QAAM,EAAE,MAAM,YAAY,CAAA,MAAOC,SAAAA,yBAAyB,EAAE,eAAe,EAAE,MAAM,CAAC,aAAa;AACjG,QAAM,QAAQ;AAEd,QAAM,gBACJ,oBAAoB,oBAAoB,CAAC,qBAAqB,CAAC;AAEjE,QAAM,QAAQC,MAAA;AAAA,IACZ,OAAO;AAAA,MACL;AAAA,MACA,WAAW,qBAAqB;AAAA,MAChC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAEF;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AAEA,SAAQC,2BAAAA,kBAAAA,IAAA,mBAAmB,UAAnB,EAA4B,OAAe,SAAS,CAAA;AAC9D;AAEO,MAAM,wBAAwB,MAAM;AACnC,QAAA,UAAUC,iBAAW,kBAAkB;AAC7C,MAAI,CAAC,SAAS;AACN,UAAA,IAAI,MAAM,iEAAiE;AAAA,EAAA;AAE5E,SAAA;AACT;;;"}

package/dist/shared/src/containers/ProjectTreeTable/context/ProjectDataContext.es.js

@@ -0,0 +1,116 @@
+import { j as jsxRuntimeExports } from "../../../../../_virtual/jsx-runtime.es.js";
+import { createContext, useMemo, useContext } from "react";
+import "../../../api/base/client.es.js";
+import "../../../api/generated/graphql.es.js";
+import "../../../api/generated/access.es.js";
+import "../../../api/generated/actions.es.js";
+import "../../../api/generated/activityFeed.es.js";
+import "../../../api/generated/addons.es.js";
+import "../../../api/generated/anatomy.es.js";
+import "../../../api/generated/attributes.es.js";
+import "../../../api/generated/authentication.es.js";
+import "../../../api/generated/bundles.es.js";
+import "../../../api/generated/configuration.es.js";
+import "../../../api/generated/desktop.es.js";
+import "../../../api/generated/entityLists.es.js";
+import "../../../api/generated/events.es.js";
+import "../../../api/generated/files.es.js";
+import "../../../api/generated/folders.es.js";
+import "../../../api/generated/inbox.es.js";
+import "../../../api/generated/links.es.js";
+import "../../../api/generated/market.es.js";
+import "../../../api/generated/onboarding.es.js";
+import "../../../api/generated/operations.es.js";
+import "../../../api/generated/products.es.js";
+import "../../../api/generated/projectDashboard.es.js";
+import "../../../api/generated/projects.es.js";
+import "../../../api/generated/reviewables.es.js";
+import "../../../api/generated/services.es.js";
+import "../../../api/generated/system.es.js";
+import "../../../api/generated/tasks.es.js";
+import "../../../api/generated/teams.es.js";
+import "../../../api/generated/thumbnails.es.js";
+import "../../../api/generated/uRIs.es.js";
+import "../../../api/generated/users.es.js";
+import "../../../api/generated/versions.es.js";
+import "../../../api/generated/workfiles.es.js";
+import "../../../api/generated/ynputCloud.es.js";
+import "../../../api/queries/actions/getActions.es.js";
+import "../../../api/queries/activities/getActivities.es.js";
+import "../../../api/queries/activities/updateActivities.es.js";
+import "../../../api/queries/activities/updateReaction.es.js";
+import "../../../api/queries/activities/getMentions.es.js";
+import "../../../api/queries/addons/getAddons.es.js";
+import "../../../api/queries/addons/updateAddons.es.js";
+import "../../../api/queries/attributes/getAttributes.es.js";
+import "../../../api/queries/attributes/updateAttributes.es.js";
+import "../../../api/queries/authentication/getAuthentication.es.js";
+import "../../../api/queries/entities/getEntity.es.js";
+import "../../../api/queries/entities/getEntityPanel.es.js";
+import "../../../api/queries/entities/updateEntity.es.js";
+import "../../../api/queries/entityLists/getLists.es.js";
+import "../../../api/queries/entityLists/updateLists.es.js";
+import "../../../api/queries/entityLists/getListsAttributes.es.js";
+import "../../../api/queries/entityLists/updateListsAttributes.es.js";
+import "../../../api/queries/folders/getFolders.es.js";
+import "../../../api/queries/overview/getOverview.es.js";
+import "../../../api/queries/overview/updateOverview.es.js";
+import { useGetProjectQuery } from "../../../api/queries/project/getProject.es.js";
+import "../../../api/queries/project/updateProject.es.js";
+import "../../../api/queries/review/getReview.es.js";
+import "../../../api/queries/review/updateReview.es.js";
+import "../../../api/queries/system/getSystem.es.js";
+import "../../../api/queries/userDashboard/getUserDashboard.es.js";
+import { useGetUsersAssigneeQuery } from "../../../api/queries/users/getUsers.es.js";
+import "../../../api/queries/users/updateUsers.es.js";
+import "../../../api/queries/watchers/getWatchers.es.js";
+import "../../../api/queries/permissions/getPermissions.es.js";
+import useAttributeFields from "../hooks/useAttributesList.es.js";
+const ProjectDataContext = createContext(void 0);
+const ProjectDataProvider = ({ children, projectName }) => {
+  const {
+    data: projectInfo,
+    isSuccess: isSuccessProject,
+    isFetching: isFetchingProject
+  } = useGetProjectQuery({ projectName }, { skip: !projectName });
+  const {
+    attribFields,
+    isSuccess: isSuccessAttribs,
+    isFetching: isFetchingAttribs
+  } = useAttributeFields({ projectName });
+  const { data: usersData = [] } = useGetUsersAssigneeQuery({ projectName }, { skip: !projectName });
+  const users = usersData;
+  const isInitialized = isSuccessProject && isSuccessAttribs && !isFetchingProject && !isFetchingAttribs;
+  const value = useMemo(
+    () => ({
+      isInitialized,
+      isLoading: isFetchingProject || isFetchingAttribs,
+      projectInfo,
+      projectName,
+      users,
+      attribFields
+    }),
+    [
+      isInitialized,
+      isFetchingProject,
+      isFetchingAttribs,
+      projectInfo,
+      projectName,
+      users,
+      attribFields
+    ]
+  );
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(ProjectDataContext.Provider, { value, children });
+};
+const useProjectDataContext = () => {
+  const context = useContext(ProjectDataContext);
+  if (!context) {
+    throw new Error("useProjectDataContext must be used within a ProjectDataProvider");
+  }
+  return context;
+};
+export {
+  ProjectDataProvider,
+  useProjectDataContext
+};
+//# sourceMappingURL=ProjectDataContext.es.js.map

package/dist/shared/src/containers/ProjectTreeTable/context/ProjectDataContext.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectDataContext.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/context/ProjectDataContext.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext, useMemo } from 'react'\nimport { useGetUsersAssigneeQuery, useGetProjectQuery } from '@shared/api'\nimport type { ProjectModel } from '@shared/api'\nimport useAttributeFields, { ProjectTableAttribute } from '../hooks/useAttributesList'\n\ntype User = {\n  name: string\n  fullName: string\n}\n\nexport interface ProjectDataContextProps {\n  isInitialized: boolean\n  isLoading: boolean\n  // Project Info\n  projectInfo?: ProjectModel\n  projectName: string\n  users: User[]\n  // Attributes\n  attribFields: ProjectTableAttribute[]\n}\n\nconst ProjectDataContext = createContext<ProjectDataContextProps | undefined>(undefined)\n\ninterface ProjectDataProviderProps {\n  children: ReactNode\n  projectName: string\n}\n\nexport const ProjectDataProvider = ({ children, projectName }: ProjectDataProviderProps) => {\n  // GET PROJECT DATA\n  const {\n    data: projectInfo,\n    isSuccess: isSuccessProject,\n    isFetching: isFetchingProject,\n  } = useGetProjectQuery({ projectName }, { skip: !projectName })\n\n  const {\n    attribFields,\n    isSuccess: isSuccessAttribs,\n    isFetching: isFetchingAttribs,\n  } = useAttributeFields({ projectName })\n\n  // GET USERS\n  const { data: usersData = [] } = useGetUsersAssigneeQuery({ projectName }, { skip: !projectName })\n  const users = usersData as User[]\n\n  const isInitialized =\n    isSuccessProject && isSuccessAttribs && !isFetchingProject && !isFetchingAttribs\n\n  const value = useMemo(\n    () => ({\n      isInitialized,\n      isLoading: isFetchingProject || isFetchingAttribs,\n      projectInfo,\n      projectName,\n      users,\n      attribFields,\n    }),\n    [\n      isInitialized,\n      isFetchingProject,\n      isFetchingAttribs,\n      projectInfo,\n      projectName,\n      users,\n      attribFields,\n    ],\n  )\n\n  return <ProjectDataContext.Provider value={value}>{children}</ProjectDataContext.Provider>\n}\n\nexport const useProjectDataContext = () => {\n  const context = useContext(ProjectDataContext)\n  if (!context) {\n    throw new Error('useProjectDataContext must be used within a ProjectDataProvider')\n  }\n  return context\n}\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAM,qBAAqB,cAAmD,MAAS;AAOhF,MAAM,sBAAsB,CAAC,EAAE,UAAU,kBAA4C;AAEpF,QAAA;AAAA,IACJ,MAAM;AAAA,IACN,WAAW;AAAA,IACX,YAAY;AAAA,EAAA,IACV,mBAAmB,EAAE,YAAA,GAAe,EAAE,MAAM,CAAC,aAAa;AAExD,QAAA;AAAA,IACJ;AAAA,IACA,WAAW;AAAA,IACX,YAAY;AAAA,EAAA,IACV,mBAAmB,EAAE,aAAa;AAGtC,QAAM,EAAE,MAAM,YAAY,CAAA,MAAO,yBAAyB,EAAE,eAAe,EAAE,MAAM,CAAC,aAAa;AACjG,QAAM,QAAQ;AAEd,QAAM,gBACJ,oBAAoB,oBAAoB,CAAC,qBAAqB,CAAC;AAEjE,QAAM,QAAQ;AAAA,IACZ,OAAO;AAAA,MACL;AAAA,MACA,WAAW,qBAAqB;AAAA,MAChC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAEF;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AAEA,SAAQA,kCAAAA,IAAA,mBAAmB,UAAnB,EAA4B,OAAe,SAAS,CAAA;AAC9D;AAEO,MAAM,wBAAwB,MAAM;AACnC,QAAA,UAAU,WAAW,kBAAkB;AAC7C,MAAI,CAAC,SAAS;AACN,UAAA,IAAI,MAAM,iEAAiE;AAAA,EAAA;AAE5E,SAAA;AACT;"}

package/dist/shared/src/containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("../../../../../_virtual/jsx-runtime.cjs.js");
 const React = require("react");
 const cellUtils = require("../utils/cellUtils.cjs.js");
+const ProjectTreeTable = require("../ProjectTreeTable.cjs.js");
 const ROW_SELECTION_COLUMN_ID = "__row_selection__";
 const SelectionCellsContext = React.createContext(void 0);
 const SelectionCellsProvider = ({ children }) => {
@@ -59,7 +60,7 @@ const SelectionCellsProvider = ({ children }) => {
   const updateSelection = React.useCallback((selection, position) => {
     setSelectedCells((prevSelectedCells) => {
       let newSelection = new Set(selection);
-      if (position.colId !== ROW_SELECTION_COLUMN_ID) {
+      if (position.colId !== ROW_SELECTION_COLUMN_ID && position.colId !== ProjectTreeTable.DRAG_HANDLE_COLUMN_ID) {
         const rowSelection = Array.from(prevSelectedCells).filter(
           (id) => {
             var _a;

package/dist/shared/src/containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectionCellsContext.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/context/SelectionCellsContext.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useContext,\n  useState,\n  useCallback,\n  useMemo,\n  ReactNode,\n  useRef,\n} from 'react'\nimport {\n  CellId,\n  RowId,\n  ColId,\n  CellPosition,\n  getCellId,\n  parseCellId,\n  BorderPosition,\n  getBorderClasses,\n} from '../utils/cellUtils'\n\nexport const ROW_SELECTION_COLUMN_ID = '__row_selection__' // ID for the row selection column\n\n// Cell range for selections\n\n// Structure to map row/column IDs to their positions in the grid\nexport interface GridMap {\n  rowIdToIndex: Map<RowId, number>\n  colIdToIndex: Map<ColId, number>\n  indexToRowId: Map<number, RowId>\n  indexToColId: Map<number, ColId>\n}\n\nexport interface SelectionCellsContextType {\n  // Selected cells\n  selectedCells: Set<CellId>\n  // Focused cell (single cell that has focus)\n  focusedCellId: CellId | null\n  // Selection in progress state\n  selectionInProgress: boolean\n  // Anchor point for range selections\n  anchorCell: CellPosition | null\n  // Grid mapping for coordinate lookups\n  gridMap: GridMap\n\n  selectedRows: string[] // Array of selected row IDs\n\n  // State setters\n  setSelectedCells: React.Dispatch<React.SetStateAction<Set<CellId>>>\n  setFocusedCellId: React.Dispatch<React.SetStateAction<CellId | null>>\n  setAnchorCell: React.Dispatch<React.SetStateAction<CellPosition | null>>\n  // Methods\n  registerGrid: (rows: RowId[], columns: ColId[]) => void\n  selectCell: (cellId: CellId, additive: boolean, range: boolean) => void\n  startSelection: (cellId: CellId, additive: boolean) => void\n  extendSelection: (cellId: CellId, isRowSelectionColumn?: boolean) => void\n  endSelection: (cellId: CellId) => void\n  focusCell: (cellId: CellId | null) => void\n  clearSelection: () => void\n  isCellSelected: (cellId: CellId) => boolean\n  isCellFocused: (cellId: CellId) => boolean\n  getCellPositionFromId: (cellId: CellId) => CellPosition | null\n  getCellBorderClasses: (cellId: CellId) => string[]\n}\n\n// Create the context\nconst SelectionCellsContext = createContext<SelectionCellsContextType | undefined>(undefined)\n\nexport const SelectionCellsProvider: React.FC<{ children: ReactNode }> = ({ children }) => {\n  const [selectedCells, setSelectedCells] = useState<Set<CellId>>(new Set())\n  const [focusedCellId, setFocusedCellId] = useState<CellId | null>(null)\n  const [selectionInProgress, setSelectionInProgress] = useState<boolean>(false)\n  const [anchorCell, setAnchorCell] = useState<CellPosition | null>(null)\n  const [gridMap, setGridMap] = useState<GridMap>({\n    rowIdToIndex: new Map(),\n    colIdToIndex: new Map(),\n    indexToRowId: new Map(),\n    indexToColId: new Map(),\n  })\n  const mapToString = (map: Map<any, any>) => {\n    return JSON.stringify(Array.from(map.entries()))\n  }\n\n  const stableGridMap = useMemo(\n    () => gridMap,\n    [\n      mapToString(gridMap.rowIdToIndex),\n      mapToString(gridMap.colIdToIndex),\n      mapToString(gridMap.indexToRowId),\n      mapToString(gridMap.indexToColId),\n    ],\n  )\n  // Track whether we're selecting or unselecting during drag\n  const initialCellSelected = useRef<boolean>(false)\n\n  const selectedRows = useMemo(\n    () =>\n      Array.from(selectedCells)\n        .filter(\n          (cellId) =>\n            parseCellId(cellId)?.colId === ROW_SELECTION_COLUMN_ID && parseCellId(cellId)?.rowId,\n        )\n        .map((cellId) => parseCellId(cellId)?.rowId) as string[],\n    [selectedCells],\n  )\n\n  // Register grid structure for range selections\n  const registerGrid = useCallback((rows: RowId[], columns: ColId[]) => {\n    const rowIdToIndex = new Map<RowId, number>()\n    const colIdToIndex = new Map<ColId, number>()\n    const indexToRowId = new Map<number, RowId>()\n    const indexToColId = new Map<number, ColId>()\n\n    rows.forEach((rowId, index) => {\n      rowIdToIndex.set(rowId, index)\n      indexToRowId.set(index, rowId)\n    })\n\n    columns.forEach((colId, index) => {\n      colIdToIndex.set(colId, index)\n      indexToColId.set(index, colId)\n    })\n\n    setGridMap({ rowIdToIndex, colIdToIndex, indexToRowId, indexToColId })\n  }, [])\n\n  // update the selection whilst properly handling the row-selection column\n  const updateSelection = useCallback((selection: Set<CellId>, position: CellPosition) => {\n    setSelectedCells((prevSelectedCells) => {\n      let newSelection = new Set(selection)\n      if (position.colId !== ROW_SELECTION_COLUMN_ID) {\n        const rowSelection = Array.from(prevSelectedCells).filter(\n          (id) => parseCellId(id)?.colId === ROW_SELECTION_COLUMN_ID,\n        )\n        if (rowSelection.length) {\n          newSelection = new Set([...newSelection, ...rowSelection])\n        }\n      }\n      return newSelection\n    })\n  }, [])\n\n  // Select cells between two points in the grid\n  const selectCellRange = useCallback(\n    (start: CellPosition, end: CellPosition, additive: boolean): Set<CellId> => {\n      if (!additive) {\n        // Clear existing selection if not additive\n        updateSelection(new Set(), start)\n      }\n\n      const startRowIdx = stableGridMap.rowIdToIndex.get(start.rowId) ?? 0\n      const startColIdx = stableGridMap.colIdToIndex.get(start.colId) ?? 0\n      const endRowIdx = stableGridMap.rowIdToIndex.get(end.rowId) ?? 0\n      const endColIdx = stableGridMap.colIdToIndex.get(end.colId) ?? 0\n\n      const minRowIdx = Math.min(startRowIdx, endRowIdx)\n      const maxRowIdx = Math.max(startRowIdx, endRowIdx)\n      const minColIdx = Math.min(startColIdx, endColIdx)\n      const maxColIdx = Math.max(startColIdx, endColIdx)\n\n      const newSelection = new Set(additive ? selectedCells : [])\n\n      for (let r = minRowIdx; r <= maxRowIdx; r++) {\n        const rowId = stableGridMap.indexToRowId.get(r)\n        if (!rowId) continue\n\n        for (let c = minColIdx; c <= maxColIdx; c++) {\n          const colId = stableGridMap.indexToColId.get(c)\n          if (!colId) continue\n\n          newSelection.add(getCellId(rowId, colId))\n        }\n      }\n\n      return newSelection\n    },\n    [stableGridMap, selectedCells],\n  )\n\n  // Start a selection operation\n  const startSelection = useCallback(\n    (cellId: CellId, additive: boolean) => {\n      const position = parseCellId(cellId)\n      if (!position) return\n\n      setSelectionInProgress(true)\n      // Store whether the initial cell was selected to determine drag behavior\n      initialCellSelected.current = selectedCells.has(cellId)\n\n      if (additive) {\n        // Toggle this cell in multi-select mode\n        setSelectedCells((prev) => {\n          const newSelection = new Set(prev)\n          if (newSelection.has(cellId)) {\n            newSelection.delete(cellId)\n            // If this was the focused cell, set focus to another cell in the selection or null\n            if (focusedCellId === cellId) {\n              if (newSelection.size > 0) {\n                setFocusedCellId(Array.from(newSelection)[Array.from(newSelection).length - 1])\n              } else {\n                setFocusedCellId(null)\n              }\n            }\n          } else {\n            newSelection.add(cellId)\n            setFocusedCellId(cellId)\n            setAnchorCell(position)\n          }\n          return newSelection\n        })\n      } else {\n        // Single cell selection\n        // If this cell is already the only selected cell, deselect it\n        // and it is from name column\n        if (\n          selectedCells.size === 1 &&\n          selectedCells.has(cellId) &&\n          [ROW_SELECTION_COLUMN_ID, 'name'].includes(position.colId)\n        ) {\n          setSelectedCells(new Set())\n          setAnchorCell(null)\n          setFocusedCellId(null)\n        } else {\n          updateSelection(new Set([cellId]), position)\n          setAnchorCell(position)\n          setFocusedCellId(cellId)\n        }\n      }\n    },\n    [selectedCells, focusedCellId],\n  )\n\n  // Extend the current selection during drag\n  const extendSelection = useCallback(\n    (cellId: CellId, isRowSelectionColumn?: boolean) => {\n      if (!selectionInProgress || !anchorCell) return\n\n      const currentPosition = parseCellId(cellId)\n      if (!currentPosition) return\n\n      if (isRowSelectionColumn) {\n        // Handle row selection column differently during drag\n        setSelectedCells((prev) => {\n          const newSelection = new Set(prev)\n          const position = parseCellId(cellId)\n\n          if (!position) return newSelection\n\n          // We're either selecting or unselecting based on the initial cell's state\n          if (initialCellSelected.current) {\n            // If we started on a selected cell, we're removing cells during drag\n            newSelection.delete(cellId)\n          } else {\n            // If we started on an unselected cell, we're adding cells during drag\n            newSelection.add(cellId)\n          }\n\n          return newSelection\n        })\n      } else {\n        // For normal cells, use the range selection behavior\n        const newSelection = selectCellRange(anchorCell, currentPosition, false)\n        updateSelection(newSelection, currentPosition)\n      }\n    },\n    [selectionInProgress, anchorCell, selectCellRange],\n  )\n\n  // End a selection operation\n  const endSelection = useCallback(() => {\n    setSelectionInProgress(false)\n  }, [])\n\n  // Select a cell (click or programmatically)\n  const selectCell = useCallback(\n    (cellId: CellId, additive: boolean, range: boolean) => {\n      const position = parseCellId(cellId)\n      if (!position) return\n\n      if (range && anchorCell) {\n        // Shift+click for range selection - select cells between anchor and current\n        const newSelection = selectCellRange(anchorCell, position, additive)\n        updateSelection(newSelection, position)\n      } else if (additive) {\n        // Ctrl/Cmd+click for toggling selection\n        setSelectedCells((prev) => {\n          const newSelection = new Set(prev)\n          if (newSelection.has(cellId)) {\n            newSelection.delete(cellId)\n          } else {\n            newSelection.add(cellId)\n          }\n          return newSelection\n        })\n      } else {\n        // Normal click - select just this cell and set as new anchor\n        updateSelection(new Set([cellId]), position)\n        setAnchorCell(position)\n      }\n    },\n    [anchorCell, selectCellRange],\n  )\n\n  // Focus a cell without changing selection\n  const focusCell = useCallback((cellId: CellId | null) => {\n    setFocusedCellId(cellId)\n  }, [])\n\n  // Clear all selections\n  const clearSelection = useCallback(() => {\n    setSelectedCells(new Set())\n    setAnchorCell(null)\n  }, [])\n\n  // Check if a cell is selected\n  const isCellSelected = useCallback((cellId: CellId) => selectedCells.has(cellId), [selectedCells])\n\n  // Check if a cell is focused\n  const isCellFocused = useCallback((cellId: CellId) => cellId === focusedCellId, [focusedCellId])\n\n  // Get position from cell ID - using shared utility\n  const getCellPositionFromId = useCallback((cellId: CellId) => parseCellId(cellId), [])\n\n  //  Get border classes for a cell based on its selection state and neighbors\n  const getCellBorderClasses = useCallback(\n    (cellId: CellId): string[] => {\n      if (!isCellSelected(cellId)) return []\n\n      const position = parseCellId(cellId)\n      if (!position) return []\n\n      const rowIndex = stableGridMap.rowIdToIndex.get(position.rowId)\n      const colIndex = stableGridMap.colIdToIndex.get(position.colId)\n\n      if (rowIndex === undefined || colIndex === undefined) return []\n\n      // Check if the cell's neighbors in all four directions are selected\n      const top = stableGridMap.indexToRowId.get(rowIndex - 1)\n      const right = stableGridMap.indexToColId.get(colIndex + 1)\n      const bottom = stableGridMap.indexToRowId.get(rowIndex + 1)\n      const left = stableGridMap.indexToColId.get(colIndex - 1)\n\n      // Default to no borders\n      let borderPos = BorderPosition.None\n\n      // Top edge check: show border if we're at the top of the grid or the cell above is not selected\n      if (!top || !selectedCells.has(getCellId(top, position.colId))) {\n        borderPos |= BorderPosition.Top\n      }\n\n      // Right edge check: show border if we're at the right edge of the grid or the cell to the right is not selected\n      if (!right || !selectedCells.has(getCellId(position.rowId, right))) {\n        borderPos |= BorderPosition.Right\n      }\n\n      // Bottom edge check: show border if we're at the bottom of the grid or the cell below is not selected\n      if (!bottom || !selectedCells.has(getCellId(bottom, position.colId))) {\n        borderPos |= BorderPosition.Bottom\n      }\n\n      // Left edge check: show border if we're at the left edge of the grid or the cell to the left is not selected\n      if (!left || !selectedCells.has(getCellId(position.rowId, left))) {\n        borderPos |= BorderPosition.Left\n      }\n\n      return getBorderClasses(borderPos)\n    },\n    [selectedCells, stableGridMap, isCellSelected],\n  )\n\n  // Memoize context value to prevent unnecessary re-renders\n  const value = useMemo(\n    () => ({\n      selectedCells,\n      selectedRows,\n      focusedCellId,\n      selectionInProgress,\n      anchorCell,\n      gridMap: stableGridMap,\n      setSelectedCells,\n      setFocusedCellId,\n      setAnchorCell,\n      registerGrid,\n      selectCell,\n      startSelection,\n      extendSelection,\n      endSelection,\n      focusCell,\n      clearSelection,\n      isCellSelected,\n      isCellFocused,\n      getCellPositionFromId,\n      getCellBorderClasses,\n    }),\n    [\n      selectedCells,\n      selectedRows,\n      focusedCellId,\n      selectionInProgress,\n      anchorCell,\n      stableGridMap,\n      setSelectedCells,\n      setFocusedCellId,\n      setAnchorCell,\n      registerGrid,\n      selectCell,\n      startSelection,\n      extendSelection,\n      endSelection,\n      focusCell,\n      clearSelection,\n      isCellSelected,\n      isCellFocused,\n      getCellPositionFromId,\n      getCellBorderClasses,\n    ],\n  )\n\n  return <SelectionCellsContext.Provider value={value}>{children}</SelectionCellsContext.Provider>\n}\n\nexport const useSelectionCellsContext = (): SelectionCellsContextType => {\n  const context = useContext(SelectionCellsContext)\n  if (context === undefined) {\n    throw new Error('useSelectionCellsContext must be used within a SelectionCellsProvider')\n  }\n  return context\n}\n"],"names":["createContext","useState","useMemo","useRef","parseCellId","useCallback","getCellId","BorderPosition","getBorderClasses","jsx","useContext"],"mappings":"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"}
+{"version":3,"file":"SelectionCellsContext.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/context/SelectionCellsContext.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useContext,\n  useState,\n  useCallback,\n  useMemo,\n  ReactNode,\n  useRef,\n} from 'react'\nimport {\n  CellId,\n  RowId,\n  ColId,\n  CellPosition,\n  getCellId,\n  parseCellId,\n  BorderPosition,\n  getBorderClasses,\n} from '../utils/cellUtils'\nimport { DRAG_HANDLE_COLUMN_ID } from '../ProjectTreeTable'\n\nexport const ROW_SELECTION_COLUMN_ID = '__row_selection__' // ID for the row selection column\n\n// Cell range for selections\n\n// Structure to map row/column IDs to their positions in the grid\nexport interface GridMap {\n  rowIdToIndex: Map<RowId, number>\n  colIdToIndex: Map<ColId, number>\n  indexToRowId: Map<number, RowId>\n  indexToColId: Map<number, ColId>\n}\n\nexport interface SelectionCellsContextType {\n  // Selected cells\n  selectedCells: Set<CellId>\n  // Focused cell (single cell that has focus)\n  focusedCellId: CellId | null\n  // Selection in progress state\n  selectionInProgress: boolean\n  // Anchor point for range selections\n  anchorCell: CellPosition | null\n  // Grid mapping for coordinate lookups\n  gridMap: GridMap\n\n  selectedRows: string[] // Array of selected row IDs\n\n  // State setters\n  setSelectedCells: React.Dispatch<React.SetStateAction<Set<CellId>>>\n  setFocusedCellId: React.Dispatch<React.SetStateAction<CellId | null>>\n  setAnchorCell: React.Dispatch<React.SetStateAction<CellPosition | null>>\n  // Methods\n  registerGrid: (rows: RowId[], columns: ColId[]) => void\n  selectCell: (cellId: CellId, additive: boolean, range: boolean) => void\n  startSelection: (cellId: CellId, additive: boolean) => void\n  extendSelection: (cellId: CellId, isRowSelectionColumn?: boolean) => void\n  endSelection: (cellId: CellId) => void\n  focusCell: (cellId: CellId | null) => void\n  clearSelection: () => void\n  isCellSelected: (cellId: CellId) => boolean\n  isCellFocused: (cellId: CellId) => boolean\n  getCellPositionFromId: (cellId: CellId) => CellPosition | null\n  getCellBorderClasses: (cellId: CellId) => string[]\n}\n\n// Create the context\nconst SelectionCellsContext = createContext<SelectionCellsContextType | undefined>(undefined)\n\nexport const SelectionCellsProvider: React.FC<{ children: ReactNode }> = ({ children }) => {\n  const [selectedCells, setSelectedCells] = useState<Set<CellId>>(new Set())\n  const [focusedCellId, setFocusedCellId] = useState<CellId | null>(null)\n  const [selectionInProgress, setSelectionInProgress] = useState<boolean>(false)\n  const [anchorCell, setAnchorCell] = useState<CellPosition | null>(null)\n  const [gridMap, setGridMap] = useState<GridMap>({\n    rowIdToIndex: new Map(),\n    colIdToIndex: new Map(),\n    indexToRowId: new Map(),\n    indexToColId: new Map(),\n  })\n  const mapToString = (map: Map<any, any>) => {\n    return JSON.stringify(Array.from(map.entries()))\n  }\n\n  const stableGridMap = useMemo(\n    () => gridMap,\n    [\n      mapToString(gridMap.rowIdToIndex),\n      mapToString(gridMap.colIdToIndex),\n      mapToString(gridMap.indexToRowId),\n      mapToString(gridMap.indexToColId),\n    ],\n  )\n  // Track whether we're selecting or unselecting during drag\n  const initialCellSelected = useRef<boolean>(false)\n\n  const selectedRows = useMemo(\n    () =>\n      Array.from(selectedCells)\n        .filter(\n          (cellId) =>\n            parseCellId(cellId)?.colId === ROW_SELECTION_COLUMN_ID && parseCellId(cellId)?.rowId,\n        )\n        .map((cellId) => parseCellId(cellId)?.rowId) as string[],\n    [selectedCells],\n  )\n\n  // Register grid structure for range selections\n  const registerGrid = useCallback((rows: RowId[], columns: ColId[]) => {\n    const rowIdToIndex = new Map<RowId, number>()\n    const colIdToIndex = new Map<ColId, number>()\n    const indexToRowId = new Map<number, RowId>()\n    const indexToColId = new Map<number, ColId>()\n\n    rows.forEach((rowId, index) => {\n      rowIdToIndex.set(rowId, index)\n      indexToRowId.set(index, rowId)\n    })\n\n    columns.forEach((colId, index) => {\n      colIdToIndex.set(colId, index)\n      indexToColId.set(index, colId)\n    })\n\n    setGridMap({ rowIdToIndex, colIdToIndex, indexToRowId, indexToColId })\n  }, [])\n\n  // update the selection whilst properly handling the row-selection column\n  const updateSelection = useCallback((selection: Set<CellId>, position: CellPosition) => {\n    setSelectedCells((prevSelectedCells) => {\n      let newSelection = new Set(selection)\n      if (position.colId !== ROW_SELECTION_COLUMN_ID && position.colId !== DRAG_HANDLE_COLUMN_ID) {\n        const rowSelection = Array.from(prevSelectedCells).filter(\n          (id) => parseCellId(id)?.colId === ROW_SELECTION_COLUMN_ID,\n        )\n        if (rowSelection.length) {\n          newSelection = new Set([...newSelection, ...rowSelection])\n        }\n      }\n      return newSelection\n    })\n  }, [])\n\n  // Select cells between two points in the grid\n  const selectCellRange = useCallback(\n    (start: CellPosition, end: CellPosition, additive: boolean): Set<CellId> => {\n      if (!additive) {\n        // Clear existing selection if not additive\n        updateSelection(new Set(), start)\n      }\n\n      const startRowIdx = stableGridMap.rowIdToIndex.get(start.rowId) ?? 0\n      const startColIdx = stableGridMap.colIdToIndex.get(start.colId) ?? 0\n      const endRowIdx = stableGridMap.rowIdToIndex.get(end.rowId) ?? 0\n      const endColIdx = stableGridMap.colIdToIndex.get(end.colId) ?? 0\n\n      const minRowIdx = Math.min(startRowIdx, endRowIdx)\n      const maxRowIdx = Math.max(startRowIdx, endRowIdx)\n      const minColIdx = Math.min(startColIdx, endColIdx)\n      const maxColIdx = Math.max(startColIdx, endColIdx)\n\n      const newSelection = new Set(additive ? selectedCells : [])\n\n      for (let r = minRowIdx; r <= maxRowIdx; r++) {\n        const rowId = stableGridMap.indexToRowId.get(r)\n        if (!rowId) continue\n\n        for (let c = minColIdx; c <= maxColIdx; c++) {\n          const colId = stableGridMap.indexToColId.get(c)\n          if (!colId) continue\n\n          newSelection.add(getCellId(rowId, colId))\n        }\n      }\n\n      return newSelection\n    },\n    [stableGridMap, selectedCells],\n  )\n\n  // Start a selection operation\n  const startSelection = useCallback(\n    (cellId: CellId, additive: boolean) => {\n      const position = parseCellId(cellId)\n      if (!position) return\n\n      setSelectionInProgress(true)\n      // Store whether the initial cell was selected to determine drag behavior\n      initialCellSelected.current = selectedCells.has(cellId)\n\n      if (additive) {\n        // Toggle this cell in multi-select mode\n        setSelectedCells((prev) => {\n          const newSelection = new Set(prev)\n          if (newSelection.has(cellId)) {\n            newSelection.delete(cellId)\n            // If this was the focused cell, set focus to another cell in the selection or null\n            if (focusedCellId === cellId) {\n              if (newSelection.size > 0) {\n                setFocusedCellId(Array.from(newSelection)[Array.from(newSelection).length - 1])\n              } else {\n                setFocusedCellId(null)\n              }\n            }\n          } else {\n            newSelection.add(cellId)\n            setFocusedCellId(cellId)\n            setAnchorCell(position)\n          }\n          return newSelection\n        })\n      } else {\n        // Single cell selection\n        // If this cell is already the only selected cell, deselect it\n        // and it is from name column\n        if (\n          selectedCells.size === 1 &&\n          selectedCells.has(cellId) &&\n          [ROW_SELECTION_COLUMN_ID, 'name'].includes(position.colId)\n        ) {\n          setSelectedCells(new Set())\n          setAnchorCell(null)\n          setFocusedCellId(null)\n        } else {\n          updateSelection(new Set([cellId]), position)\n          setAnchorCell(position)\n          setFocusedCellId(cellId)\n        }\n      }\n    },\n    [selectedCells, focusedCellId],\n  )\n\n  // Extend the current selection during drag\n  const extendSelection = useCallback(\n    (cellId: CellId, isRowSelectionColumn?: boolean) => {\n      if (!selectionInProgress || !anchorCell) return\n\n      const currentPosition = parseCellId(cellId)\n      if (!currentPosition) return\n\n      if (isRowSelectionColumn) {\n        // Handle row selection column differently during drag\n        setSelectedCells((prev) => {\n          const newSelection = new Set(prev)\n          const position = parseCellId(cellId)\n\n          if (!position) return newSelection\n\n          // We're either selecting or unselecting based on the initial cell's state\n          if (initialCellSelected.current) {\n            // If we started on a selected cell, we're removing cells during drag\n            newSelection.delete(cellId)\n          } else {\n            // If we started on an unselected cell, we're adding cells during drag\n            newSelection.add(cellId)\n          }\n\n          return newSelection\n        })\n      } else {\n        // For normal cells, use the range selection behavior\n        const newSelection = selectCellRange(anchorCell, currentPosition, false)\n        updateSelection(newSelection, currentPosition)\n      }\n    },\n    [selectionInProgress, anchorCell, selectCellRange],\n  )\n\n  // End a selection operation\n  const endSelection = useCallback(() => {\n    setSelectionInProgress(false)\n  }, [])\n\n  // Select a cell (click or programmatically)\n  const selectCell = useCallback(\n    (cellId: CellId, additive: boolean, range: boolean) => {\n      const position = parseCellId(cellId)\n      if (!position) return\n\n      if (range && anchorCell) {\n        // Shift+click for range selection - select cells between anchor and current\n        const newSelection = selectCellRange(anchorCell, position, additive)\n        updateSelection(newSelection, position)\n      } else if (additive) {\n        // Ctrl/Cmd+click for toggling selection\n        setSelectedCells((prev) => {\n          const newSelection = new Set(prev)\n          if (newSelection.has(cellId)) {\n            newSelection.delete(cellId)\n          } else {\n            newSelection.add(cellId)\n          }\n          return newSelection\n        })\n      } else {\n        // Normal click - select just this cell and set as new anchor\n        updateSelection(new Set([cellId]), position)\n        setAnchorCell(position)\n      }\n    },\n    [anchorCell, selectCellRange],\n  )\n\n  // Focus a cell without changing selection\n  const focusCell = useCallback((cellId: CellId | null) => {\n    setFocusedCellId(cellId)\n  }, [])\n\n  // Clear all selections\n  const clearSelection = useCallback(() => {\n    setSelectedCells(new Set())\n    setAnchorCell(null)\n  }, [])\n\n  // Check if a cell is selected\n  const isCellSelected = useCallback((cellId: CellId) => selectedCells.has(cellId), [selectedCells])\n\n  // Check if a cell is focused\n  const isCellFocused = useCallback((cellId: CellId) => cellId === focusedCellId, [focusedCellId])\n\n  // Get position from cell ID - using shared utility\n  const getCellPositionFromId = useCallback((cellId: CellId) => parseCellId(cellId), [])\n\n  //  Get border classes for a cell based on its selection state and neighbors\n  const getCellBorderClasses = useCallback(\n    (cellId: CellId): string[] => {\n      if (!isCellSelected(cellId)) return []\n\n      const position = parseCellId(cellId)\n      if (!position) return []\n\n      const rowIndex = stableGridMap.rowIdToIndex.get(position.rowId)\n      const colIndex = stableGridMap.colIdToIndex.get(position.colId)\n\n      if (rowIndex === undefined || colIndex === undefined) return []\n\n      // Check if the cell's neighbors in all four directions are selected\n      const top = stableGridMap.indexToRowId.get(rowIndex - 1)\n      const right = stableGridMap.indexToColId.get(colIndex + 1)\n      const bottom = stableGridMap.indexToRowId.get(rowIndex + 1)\n      const left = stableGridMap.indexToColId.get(colIndex - 1)\n\n      // Default to no borders\n      let borderPos = BorderPosition.None\n\n      // Top edge check: show border if we're at the top of the grid or the cell above is not selected\n      if (!top || !selectedCells.has(getCellId(top, position.colId))) {\n        borderPos |= BorderPosition.Top\n      }\n\n      // Right edge check: show border if we're at the right edge of the grid or the cell to the right is not selected\n      if (!right || !selectedCells.has(getCellId(position.rowId, right))) {\n        borderPos |= BorderPosition.Right\n      }\n\n      // Bottom edge check: show border if we're at the bottom of the grid or the cell below is not selected\n      if (!bottom || !selectedCells.has(getCellId(bottom, position.colId))) {\n        borderPos |= BorderPosition.Bottom\n      }\n\n      // Left edge check: show border if we're at the left edge of the grid or the cell to the left is not selected\n      if (!left || !selectedCells.has(getCellId(position.rowId, left))) {\n        borderPos |= BorderPosition.Left\n      }\n\n      return getBorderClasses(borderPos)\n    },\n    [selectedCells, stableGridMap, isCellSelected],\n  )\n\n  // Memoize context value to prevent unnecessary re-renders\n  const value = useMemo(\n    () => ({\n      selectedCells,\n      selectedRows,\n      focusedCellId,\n      selectionInProgress,\n      anchorCell,\n      gridMap: stableGridMap,\n      setSelectedCells,\n      setFocusedCellId,\n      setAnchorCell,\n      registerGrid,\n      selectCell,\n      startSelection,\n      extendSelection,\n      endSelection,\n      focusCell,\n      clearSelection,\n      isCellSelected,\n      isCellFocused,\n      getCellPositionFromId,\n      getCellBorderClasses,\n    }),\n    [\n      selectedCells,\n      selectedRows,\n      focusedCellId,\n      selectionInProgress,\n      anchorCell,\n      stableGridMap,\n      setSelectedCells,\n      setFocusedCellId,\n      setAnchorCell,\n      registerGrid,\n      selectCell,\n      startSelection,\n      extendSelection,\n      endSelection,\n      focusCell,\n      clearSelection,\n      isCellSelected,\n      isCellFocused,\n      getCellPositionFromId,\n      getCellBorderClasses,\n    ],\n  )\n\n  return <SelectionCellsContext.Provider value={value}>{children}</SelectionCellsContext.Provider>\n}\n\nexport const useSelectionCellsContext = (): SelectionCellsContextType => {\n  const context = useContext(SelectionCellsContext)\n  if (context === undefined) {\n    throw new Error('useSelectionCellsContext must be used within a SelectionCellsProvider')\n  }\n  return context\n}\n"],"names":["createContext","useState","useMemo","useRef","parseCellId","useCallback","DRAG_HANDLE_COLUMN_ID","getCellId","BorderPosition","getBorderClasses","jsx","useContext"],"mappings":"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"}

package/dist/shared/src/containers/ProjectTreeTable/context/SelectionCellsContext.es.js

@@ -1,6 +1,7 @@
 import { j as jsxRuntimeExports } from "../../../../../_virtual/jsx-runtime.es.js";
 import { createContext, useContext, useState, useMemo, useRef, useCallback } from "react";
 import { parseCellId, getCellId, BorderPosition, getBorderClasses } from "../utils/cellUtils.es.js";
+import { DRAG_HANDLE_COLUMN_ID } from "../ProjectTreeTable.es.js";
 const ROW_SELECTION_COLUMN_ID = "__row_selection__";
 const SelectionCellsContext = createContext(void 0);
 const SelectionCellsProvider = ({ children }) => {
@@ -57,7 +58,7 @@ const SelectionCellsProvider = ({ children }) => {
   const updateSelection = useCallback((selection, position) => {
     setSelectedCells((prevSelectedCells) => {
       let newSelection = new Set(selection);
-      if (position.colId !== ROW_SELECTION_COLUMN_ID) {
+      if (position.colId !== ROW_SELECTION_COLUMN_ID && position.colId !== DRAG_HANDLE_COLUMN_ID) {
         const rowSelection = Array.from(prevSelectedCells).filter(
           (id) => {
             var _a;