@economic/taco 1.41.0 → 2.0.0-alpha.5

package/dist/esm/packages/taco/src/components/Table3/hooks/features/useCurrentRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCurrentRow.js","sources":["../../../../../../../../../src/components/Table3/hooks/features/useCurrentRow.ts"],"sourcesContent":["import React from 'react';\nimport { TableStrategy } from '../../types';\n\ntype CurrentRowHandlerCallback = TableStrategy['scrollToIndex'];\n\nexport function useCurrentRow(defaultCurrentRowIndex: number | undefined = 0) {\n    const [currentRowIndex, setCurrentRowIndex] = React.useState<number>(defaultCurrentRowIndex);\n\n    const move = (direction: -1 | 1, length: number, scrollToIndex: CurrentRowHandlerCallback) =>\n        setCurrentRowIndex(currentIndex => {\n            const nextIndex = currentIndex !== undefined ? getNextIndex(direction, currentIndex, length) : 0;\n            scrollToIndex(direction === -1 ? nextIndex : nextIndex + 3);\n            return nextIndex;\n        });\n    const moveUp = (length: number, callback: CurrentRowHandlerCallback) => move(-1, length, callback);\n    const moveDown = (length: number, callback: CurrentRowHandlerCallback) => move(1, length, callback);\n\n    const onKeyDown = React.useCallback(\n        (event: React.KeyboardEvent, length: number, scrollToIndex: CurrentRowHandlerCallback) => {\n            if (event.isDefaultPrevented() || event.isPropagationStopped()) {\n                return;\n            }\n\n            if (event.key === 'ArrowUp') {\n                event.preventDefault();\n\n                if (event.ctrlKey || event.metaKey) {\n                    const newIndex = 0;\n                    setCurrentRowIndex(newIndex);\n                    scrollToIndex(newIndex);\n                } else {\n                    moveUp(length, scrollToIndex);\n                }\n\n                return;\n            } else if (event.key === 'ArrowDown') {\n                event.preventDefault();\n\n                if (event.ctrlKey || event.metaKey) {\n                    const newIndex = length - 1;\n                    setCurrentRowIndex(newIndex);\n                    scrollToIndex(newIndex);\n                } else {\n                    moveDown(length, scrollToIndex);\n                }\n\n                return;\n            }\n        },\n        []\n    );\n\n    return {\n        currentRowIndex,\n        setCurrentRowIndex,\n        handleKeyDown: onKeyDown,\n    };\n}\n\nconst getNextIndex = (direction: -1 | 1, currentIndex: number, length: number) => {\n    if (direction === -1) {\n        return currentIndex - 1 > 0 ? currentIndex - 1 : 0;\n    }\n\n    return currentIndex + 1 < length ? currentIndex + 1 : currentIndex;\n};\n"],"names":["useCurrentRow","defaultCurrentRowIndex","currentRowIndex","setCurrentRowIndex","React","useState","move","direction","length","scrollToIndex","currentIndex","nextIndex","undefined","getNextIndex","moveUp","callback","moveDown","onKeyDown","useCallback","event","isDefaultPrevented","isPropagationStopped","key","preventDefault","ctrlKey","metaKey","newIndex","handleKeyDown"],"mappings":";;SAKgBA,aAAa,CAACC,yBAA6C,CAAC;EACxE,MAAM,CAACC,eAAe,EAAEC,kBAAkB,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAASJ,sBAAsB,CAAC;EAE5F,MAAMK,IAAI,GAAG,CAACC,SAAiB,EAAEC,MAAc,EAAEC,aAAwC,KACrFN,kBAAkB,CAACO,YAAY;IAC3B,MAAMC,SAAS,GAAGD,YAAY,KAAKE,SAAS,GAAGC,YAAY,CAACN,SAAS,EAAEG,YAAY,EAAEF,MAAM,CAAC,GAAG,CAAC;IAChGC,aAAa,CAACF,SAAS,KAAK,CAAC,CAAC,GAAGI,SAAS,GAAGA,SAAS,GAAG,CAAC,CAAC;IAC3D,OAAOA,SAAS;GACnB,CAAC;EACN,MAAMG,MAAM,GAAG,CAACN,MAAc,EAAEO,QAAmC,KAAKT,IAAI,CAAC,CAAC,CAAC,EAAEE,MAAM,EAAEO,QAAQ,CAAC;EAClG,MAAMC,QAAQ,GAAG,CAACR,MAAc,EAAEO,QAAmC,KAAKT,IAAI,CAAC,CAAC,EAAEE,MAAM,EAAEO,QAAQ,CAAC;EAEnG,MAAME,SAAS,GAAGb,cAAK,CAACc,WAAW,CAC/B,CAACC,KAA0B,EAAEX,MAAc,EAAEC,aAAwC;IACjF,IAAIU,KAAK,CAACC,kBAAkB,EAAE,IAAID,KAAK,CAACE,oBAAoB,EAAE,EAAE;MAC5D;;IAGJ,IAAIF,KAAK,CAACG,GAAG,KAAK,SAAS,EAAE;MACzBH,KAAK,CAACI,cAAc,EAAE;MAEtB,IAAIJ,KAAK,CAACK,OAAO,IAAIL,KAAK,CAACM,OAAO,EAAE;QAChC,MAAMC,QAAQ,GAAG,CAAC;QAClBvB,kBAAkB,CAACuB,QAAQ,CAAC;QAC5BjB,aAAa,CAACiB,QAAQ,CAAC;OAC1B,MAAM;QACHZ,MAAM,CAACN,MAAM,EAAEC,aAAa,CAAC;;MAGjC;KACH,MAAM,IAAIU,KAAK,CAACG,GAAG,KAAK,WAAW,EAAE;MAClCH,KAAK,CAACI,cAAc,EAAE;MAEtB,IAAIJ,KAAK,CAACK,OAAO,IAAIL,KAAK,CAACM,OAAO,EAAE;QAChC,MAAMC,QAAQ,GAAGlB,MAAM,GAAG,CAAC;QAC3BL,kBAAkB,CAACuB,QAAQ,CAAC;QAC5BjB,aAAa,CAACiB,QAAQ,CAAC;OAC1B,MAAM;QACHV,QAAQ,CAACR,MAAM,EAAEC,aAAa,CAAC;;MAGnC;;GAEP,EACD,EAAE,CACL;EAED,OAAO;IACHP,eAAe;IACfC,kBAAkB;IAClBwB,aAAa,EAAEV;GAClB;AACL;AAEA,MAAMJ,YAAY,GAAG,CAACN,SAAiB,EAAEG,YAAoB,EAAEF,MAAc;EACzE,IAAID,SAAS,KAAK,CAAC,CAAC,EAAE;IAClB,OAAOG,YAAY,GAAG,CAAC,GAAG,CAAC,GAAGA,YAAY,GAAG,CAAC,GAAG,CAAC;;EAGtD,OAAOA,YAAY,GAAG,CAAC,GAAGF,MAAM,GAAGE,YAAY,GAAG,CAAC,GAAGA,YAAY;AACtE,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/Table3/hooks/features/useEditing.js

@@ -0,0 +1,197 @@
+import React__default from 'react';
+import _ from 'lodash-es';
+
+var SavingStateValue;
+(function (SavingStateValue) {
+  SavingStateValue["Saving"] = "saving";
+  SavingStateValue["Saved"] = "saved";
+  SavingStateValue["Error"] = "error";
+})(SavingStateValue || (SavingStateValue = {}));
+function useEditing(isEnabled, onSave) {
+  // used to switch the table into editing mode
+  const [isEditing, setIsEditing] = React__default.useState(false);
+  // Saving indicator need to show saving state per row, saving state can have at lkeast two states 'saving', 'saved',
+  // 'saved' should remain for a few seconds to show tick icon after row has been saved.
+  const [savingStates, setSavingStates] = React__default.useState(null);
+  // sets of row changes pending save, either they have not saved yet or they have errors
+  const [changes, setChanges] = React__default.useState(null);
+  const [detailModeEditing, setDetailModeEditing] = React__default.useState(false);
+  function getCellValue(cell) {
+    var _changes$cell$row$id;
+    return changes ? (_changes$cell$row$id = changes[cell.row.id]) === null || _changes$cell$row$id === void 0 ? void 0 : _changes$cell$row$id[cell.column.id] : undefined;
+  }
+  // Saves editing cell value into editing state.
+  function setCellValue(cell, value) {
+    setChanges(currentChanges => {
+      const nextChanges = {
+        ...currentChanges
+      };
+      if (nextChanges[cell.row.id]) {
+        nextChanges[cell.row.id][cell.column.id] = value;
+        // we should probably delete the cell if it has just reverted back to its original value
+      } else {
+        nextChanges[cell.row.id] = {
+          ...cell.row.original,
+          [cell.column.id]: value
+        };
+      }
+      return nextChanges;
+    });
+  }
+  // Removes changes from editing state by row id
+  function resetChange(rowId) {
+    let currentChanges = changes ? {
+      ...changes
+    } : {};
+    if (currentChanges) {
+      delete currentChanges[rowId];
+    }
+    const changeset = Object.keys(currentChanges);
+    if (changeset.length === 0) {
+      currentChanges = null;
+    }
+    setChanges(currentChanges);
+  }
+  const handleKeyDown = (event, tableRef) => {
+    if (event.ctrlKey || event.metaKey) {
+      if (event.key === 'e') {
+        if (isEditing) {
+          var _tableRef$current;
+          setIsEditing(false);
+          (_tableRef$current = tableRef.current) === null || _tableRef$current === void 0 ? void 0 : _tableRef$current.focus();
+        } else {
+          setIsEditing(true);
+        }
+      }
+      if (event.key === 's') {
+        // Prevent default browser save
+        event.preventDefault();
+        saveChangesIfNeeded();
+      }
+    }
+  };
+  const handleBlur = event => {
+    if (event.target === event.currentTarget) {
+      saveChangesIfNeeded();
+    }
+  };
+  // Creates initial saving states from changes object
+  const addSavingStates = () => {
+    const changeset = Object.keys(changes || {});
+    const additionalSavingStates = _.reduce(changeset, (result, value) => {
+      return {
+        ...result,
+        [value]: {
+          state: SavingStateValue.Saving
+        }
+      };
+    }, {});
+    setSavingStates({
+      ...savingStates,
+      ...additionalSavingStates
+    });
+  };
+  // Repoves edititng state by row is. Used in delayed saving indicator.
+  const removeSavingState = rowId => {
+    const newSavingStates = {
+      ...savingStates
+    };
+    delete newSavingStates[rowId];
+    setSavingStates(newSavingStates);
+  };
+  // Checks if we have changes, then saves them
+  const saveChangesIfNeeded = function () {
+    try {
+      if (!changes) {
+        return Promise.resolve();
+      }
+      const changeset = Object.keys(changes);
+      const _temp = function () {
+        if (onSave && changeset.length) {
+          addSavingStates();
+          return Promise.resolve(Promise.allSettled(changeset.map(rowId => onSave(changes[rowId])))).then(function (responses) {
+            setChanges(currentChanges => {
+              const nextChanges = {
+                ...currentChanges
+              };
+              responses.forEach((response, index) => {
+                const rowId = changeset[index];
+                if (response.status === 'fulfilled') {
+                  delete nextChanges[rowId];
+                }
+              });
+              return nextChanges;
+            });
+            setSavingStates(savingStates => {
+              const nextSavingStates = savingStates ? {
+                ...savingStates
+              } : {};
+              responses.forEach((response, index) => {
+                const rowId = changeset[index];
+                if (response.status === 'fulfilled') {
+                  nextSavingStates[rowId] = {
+                    state: SavingStateValue.Saved
+                  };
+                } else {
+                  // add the error when validation is added
+                  nextSavingStates[rowId] = {
+                    state: SavingStateValue.Error
+                  };
+                }
+              });
+              return nextSavingStates;
+            });
+          });
+        }
+      }();
+      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  const [rowMoveReason, setRowMoveReason] = React__default.useState({});
+  const removeRowMoveReason = columnId => {
+    setRowMoveReason(prevState => {
+      const newState = {
+        ...prevState
+      };
+      delete newState[columnId];
+      return newState;
+    });
+  };
+  const showWarning = React__default.useCallback(event => {
+    if (isEditing && changes && Object.keys(changes).length > 0) {
+      event.returnValue = true;
+      return true;
+    }
+    return false;
+  }, [isEditing, changes]);
+  React__default.useEffect(() => {
+    window.addEventListener('beforeunload', showWarning);
+    return () => {
+      window.removeEventListener('beforeunload', showWarning);
+    };
+  }, [showWarning]);
+  return {
+    isEnabled,
+    isEditing,
+    toggleEditing: setIsEditing,
+    changes,
+    getCellValue,
+    setCellValue,
+    saveChangesIfNeeded,
+    detailModeEditing,
+    setDetailModeEditing,
+    rowMoveReason,
+    setRowMoveReason,
+    removeRowMoveReason,
+    handleKeyDown,
+    handleBlur,
+    resetChange,
+    savingStates,
+    removeSavingState
+  };
+}
+
+export { SavingStateValue, useEditing };
+//# sourceMappingURL=useEditing.js.map

package/dist/esm/packages/taco/src/components/Table3/hooks/features/useEditing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditing.js","sources":["../../../../../../../../../src/components/Table3/hooks/features/useEditing.tsx"],"sourcesContent":["import React from 'react';\nimport _ from 'lodash';\nimport { Cell as RTCell } from '@tanstack/react-table';\nimport { Table3Ref } from '../../types';\nimport { IndicatorReason } from '../../components/columns/cell/Indicator';\n\nexport enum SavingStateValue {\n    Saving = 'saving',\n    Saved = 'saved',\n    Error = 'error',\n}\n\nexport type SavingState = {\n    state: SavingStateValue;\n};\n\nexport function useEditing<TType = unknown>(isEnabled: boolean, onSave?: (row: TType) => void) {\n    // used to switch the table into editing mode\n    const [isEditing, setIsEditing] = React.useState(false);\n    // Saving indicator need to show saving state per row, saving state can have at lkeast two states 'saving', 'saved',\n    // 'saved' should remain for a few seconds to show tick icon after row has been saved.\n    const [savingStates, setSavingStates] = React.useState<Record<string, SavingState> | null>(null);\n\n    // sets of row changes pending save, either they have not saved yet or they have errors\n    const [changes, setChanges] = React.useState<Record<string, TType> | null>(null);\n\n    const [detailModeEditing, setDetailModeEditing] = React.useState(false);\n\n    function getCellValue<T extends TType>(cell: RTCell<T, unknown>) {\n        return changes ? changes[cell.row.id]?.[cell.column.id] : undefined;\n    }\n\n    // Saves editing cell value into editing state.\n    function setCellValue<T extends TType>(cell: RTCell<T, unknown>, value: unknown) {\n        setChanges(currentChanges => {\n            const nextChanges = { ...currentChanges };\n\n            if (nextChanges[cell.row.id]) {\n                nextChanges[cell.row.id][cell.column.id] = value;\n                // we should probably delete the cell if it has just reverted back to its original value\n            } else {\n                nextChanges[cell.row.id] = { ...cell.row.original, [cell.column.id]: value };\n            }\n\n            return nextChanges;\n        });\n    }\n\n    // Removes changes from editing state by row id\n    function resetChange(rowId: string) {\n        let currentChanges: Record<string, TType> | null = changes ? { ...changes } : {};\n        if (currentChanges) {\n            delete currentChanges[rowId];\n        }\n        const changeset = Object.keys(currentChanges);\n        if (changeset.length === 0) {\n            currentChanges = null;\n        }\n\n        setChanges(currentChanges);\n    }\n\n    const handleKeyDown = (event, tableRef: React.RefObject<Table3Ref>) => {\n        if (event.ctrlKey || event.metaKey) {\n            if (event.key === 'e') {\n                if (isEditing) {\n                    setIsEditing(false);\n                    tableRef.current?.focus();\n                } else {\n                    setIsEditing(true);\n                }\n            }\n            if (event.key === 's') {\n                // Prevent default browser save\n                event.preventDefault();\n                saveChangesIfNeeded();\n            }\n        }\n    };\n\n    const handleBlur = (event: React.FocusEvent) => {\n        if (event.target === event.currentTarget) {\n            saveChangesIfNeeded();\n        }\n    };\n\n    // Creates initial saving states from changes object\n    const addSavingStates = () => {\n        const changeset = Object.keys(changes || {});\n        const additionalSavingStates = _.reduce(\n            changeset,\n            (result, value) => {\n                return { ...result, [value]: { state: SavingStateValue.Saving } };\n            },\n            {}\n        );\n        setSavingStates({ ...savingStates, ...additionalSavingStates });\n    };\n\n    // Repoves edititng state by row is. Used in delayed saving indicator.\n    const removeSavingState = (rowId: string) => {\n        const newSavingStates = { ...savingStates };\n        delete newSavingStates[rowId];\n        setSavingStates(newSavingStates);\n    };\n\n    // Checks if we have changes, then saves them\n    const saveChangesIfNeeded = async () => {\n        if (!changes) {\n            return;\n        }\n\n        const changeset = Object.keys(changes);\n        if (onSave && changeset.length) {\n            addSavingStates();\n\n            const responses = await Promise.allSettled(changeset.map(rowId => onSave(changes[rowId])));\n\n            setChanges(currentChanges => {\n                const nextChanges = { ...currentChanges };\n\n                responses.forEach((response, index) => {\n                    const rowId = changeset[index];\n\n                    if (response.status === 'fulfilled') {\n                        delete nextChanges[rowId];\n                    }\n                });\n\n                return nextChanges;\n            });\n\n            setSavingStates(savingStates => {\n                const nextSavingStates = savingStates ? { ...savingStates } : {};\n                responses.forEach((response, index) => {\n                    const rowId = changeset[index];\n\n                    if (response.status === 'fulfilled') {\n                        nextSavingStates[rowId] = { state: SavingStateValue.Saved };\n                    } else {\n                        // add the error when validation is added\n                        nextSavingStates[rowId] = { state: SavingStateValue.Error };\n                    }\n                });\n                return nextSavingStates;\n            });\n        }\n    };\n\n    const [rowMoveReason, setRowMoveReason] = React.useState<Record<string, IndicatorReason | null>>({});\n\n    const removeRowMoveReason = (columnId: string) => {\n        setRowMoveReason(prevState => {\n            const newState = { ...prevState };\n            delete newState[columnId];\n\n            return newState;\n        });\n    };\n\n    const showWarning = React.useCallback(\n        event => {\n            if (isEditing && changes && Object.keys(changes).length > 0) {\n                event.returnValue = true;\n                return true;\n            }\n\n            return false;\n        },\n        [isEditing, changes]\n    );\n\n    React.useEffect(() => {\n        window.addEventListener('beforeunload', showWarning);\n\n        return () => {\n            window.removeEventListener('beforeunload', showWarning);\n        };\n    }, [showWarning]);\n\n    return {\n        isEnabled,\n        isEditing,\n        toggleEditing: setIsEditing,\n        changes,\n        getCellValue,\n        setCellValue,\n        saveChangesIfNeeded,\n        detailModeEditing,\n        setDetailModeEditing,\n        rowMoveReason,\n        setRowMoveReason,\n        removeRowMoveReason,\n        handleKeyDown,\n        handleBlur,\n        resetChange,\n        savingStates,\n        removeSavingState,\n    };\n}\n"],"names":["SavingStateValue","useEditing","isEnabled","onSave","isEditing","setIsEditing","React","useState","savingStates","setSavingStates","changes","setChanges","detailModeEditing","setDetailModeEditing","getCellValue","cell","row","id","column","undefined","setCellValue","value","currentChanges","nextChanges","original","resetChange","rowId","changeset","Object","keys","length","handleKeyDown","event","tableRef","ctrlKey","metaKey","key","current","focus","preventDefault","saveChangesIfNeeded","handleBlur","target","currentTarget","addSavingStates","additionalSavingStates","_","reduce","result","state","Saving","removeSavingState","newSavingStates","Promise","allSettled","map","responses","forEach","response","index","status","nextSavingStates","Saved","Error","rowMoveReason","setRowMoveReason","removeRowMoveReason","columnId","prevState","newState","showWarning","useCallback","returnValue","useEffect","window","addEventListener","removeEventListener","toggleEditing"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Table3/hooks/features/useFontSize.js

@@ -0,0 +1,13 @@
+import React__default from 'react';
+
+function useFontSize(isEnabled, defaultFontSize = 'medium') {
+  const [size, setSize] = React__default.useState(defaultFontSize);
+  return {
+    isEnabled,
+    size,
+    setSize: isEnabled ? setSize : () => undefined
+  };
+}
+
+export { useFontSize };
+//# sourceMappingURL=useFontSize.js.map

package/dist/esm/packages/taco/src/components/Table3/hooks/features/useFontSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFontSize.js","sources":["../../../../../../../../../src/components/Table3/hooks/features/useFontSize.ts"],"sourcesContent":["import React from 'react';\nimport { Table3FontSize } from '../../types';\n\nexport function useFontSize(isEnabled: boolean, defaultFontSize: Table3FontSize = 'medium') {\n    const [size, setSize] = React.useState<Table3FontSize>(defaultFontSize);\n\n    return {\n        isEnabled,\n        size,\n        setSize: isEnabled ? setSize : () => undefined,\n    };\n}\n"],"names":["useFontSize","isEnabled","defaultFontSize","size","setSize","React","useState","undefined"],"mappings":";;SAGgBA,WAAW,CAACC,SAAkB,EAAEC,kBAAkC,QAAQ;EACtF,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAiBJ,eAAe,CAAC;EAEvE,OAAO;IACHD,SAAS;IACTE,IAAI;IACJC,OAAO,EAAEH,SAAS,GAAGG,OAAO,GAAG,MAAMG;GACxC;AACL;;;;"}

package/dist/esm/packages/taco/src/components/Table3/hooks/features/usePauseHoverState.js

@@ -0,0 +1,19 @@
+import React__default from 'react';
+import { useIsHoverStatePaused } from '../../../../hooks/useIsHoverStatePaused.js';
+
+function usePauseHoverState() {
+  const [isHoverStatePaused, setHoverStatePaused] = useIsHoverStatePaused();
+  const onKeyDown = React__default.useCallback(event => {
+    if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {
+      setHoverStatePaused(true);
+    }
+  }, []);
+  return {
+    isPaused: isHoverStatePaused,
+    pause: setHoverStatePaused,
+    handleKeyDown: onKeyDown
+  };
+}
+
+export { usePauseHoverState };
+//# sourceMappingURL=usePauseHoverState.js.map

package/dist/esm/packages/taco/src/components/Table3/hooks/features/usePauseHoverState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePauseHoverState.js","sources":["../../../../../../../../../src/components/Table3/hooks/features/usePauseHoverState.ts"],"sourcesContent":["import React from 'react';\nimport { useIsHoverStatePaused } from '../../../../hooks/useIsHoverStatePaused';\n\nexport function usePauseHoverState() {\n    const [isHoverStatePaused, setHoverStatePaused] = useIsHoverStatePaused();\n\n    const onKeyDown = React.useCallback((event: React.KeyboardEvent) => {\n        if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {\n            setHoverStatePaused(true);\n        }\n    }, []);\n\n    return {\n        isPaused: isHoverStatePaused,\n        pause: setHoverStatePaused,\n        handleKeyDown: onKeyDown,\n    };\n}\n"],"names":["usePauseHoverState","isHoverStatePaused","setHoverStatePaused","useIsHoverStatePaused","onKeyDown","React","useCallback","event","key","isPaused","pause","handleKeyDown"],"mappings":";;;SAGgBA,kBAAkB;EAC9B,MAAM,CAACC,kBAAkB,EAAEC,mBAAmB,CAAC,GAAGC,qBAAqB,EAAE;EAEzE,MAAMC,SAAS,GAAGC,cAAK,CAACC,WAAW,CAAEC,KAA0B;IAC3D,IAAIA,KAAK,CAACC,GAAG,KAAK,SAAS,IAAID,KAAK,CAACC,GAAG,KAAK,WAAW,EAAE;MACtDN,mBAAmB,CAAC,IAAI,CAAC;;GAEhC,EAAE,EAAE,CAAC;EAEN,OAAO;IACHO,QAAQ,EAAER,kBAAkB;IAC5BS,KAAK,EAAER,mBAAmB;IAC1BS,aAAa,EAAEP;GAClB;AACL;;;;"}

package/dist/esm/packages/taco/src/components/Table3/hooks/features/usePrinting.js

@@ -0,0 +1,9 @@
+function usePrinting(isEnabled, loadAll) {
+  return {
+    isEnabled,
+    loadAll
+  };
+}
+
+export { usePrinting };
+//# sourceMappingURL=usePrinting.js.map

package/dist/esm/packages/taco/src/components/Table3/hooks/features/usePrinting.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePrinting.js","sources":["../../../../../../../../../src/components/Table3/hooks/features/usePrinting.ts"],"sourcesContent":["import { Table3LoadAllHandler } from '../../types';\n\nexport function usePrinting(isEnabled: boolean, loadAll?: Table3LoadAllHandler) {\n    return {\n        isEnabled,\n        loadAll,\n    };\n}\n"],"names":["usePrinting","isEnabled","loadAll"],"mappings":"SAEgBA,WAAW,CAACC,SAAkB,EAAEC,OAA8B;EAC1E,OAAO;IACHD,SAAS;IACTC;GACH;AACL;;;;"}

package/dist/esm/packages/taco/src/components/Table3/hooks/features/useRowClick.js

@@ -0,0 +1,25 @@
+import React__default from 'react';
+
+function useRowClick(onRowClick) {
+  const onKeyDown = React__default.useCallback((event, table) => {
+    if (typeof onRowClick !== 'function' || event.isDefaultPrevented() || event.isPropagationStopped()) {
+      return;
+    }
+    const rows = table.getRowModel().rows;
+    const tableMeta = table.options.meta;
+    if (event.key === 'Enter') {
+      event.preventDefault();
+      if (onRowClick) {
+        onRowClick(rows[tableMeta.currentRow.currentRowIndex].original);
+      }
+      return;
+    }
+  }, [onRowClick]);
+  return {
+    handleKeyDown: onKeyDown,
+    handleClick: onRowClick
+  };
+}
+
+export { useRowClick };
+//# sourceMappingURL=useRowClick.js.map

package/dist/esm/packages/taco/src/components/Table3/hooks/features/useRowClick.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRowClick.js","sources":["../../../../../../../../../src/components/Table3/hooks/features/useRowClick.ts"],"sourcesContent":["import React from 'react';\nimport { Table3RowClickHandler } from '../../types';\nimport { Table as RTable, TableMeta } from '@tanstack/react-table';\n\nexport function useRowClick<TType = unknown>(onRowClick?: Table3RowClickHandler<TType>) {\n    const onKeyDown = React.useCallback(\n        (event: React.KeyboardEvent, table: RTable<TType>) => {\n            if (typeof onRowClick !== 'function' || event.isDefaultPrevented() || event.isPropagationStopped()) {\n                return;\n            }\n\n            const rows = table.getRowModel().rows;\n            const tableMeta = table.options.meta as TableMeta<TType>;\n\n            if (event.key === 'Enter') {\n                event.preventDefault();\n\n                if (onRowClick) {\n                    onRowClick(rows[tableMeta.currentRow.currentRowIndex].original as TType);\n                }\n\n                return;\n            }\n        },\n        [onRowClick]\n    ) as <TType = unknown>(event: React.KeyboardEvent, table: RTable<TType>) => void;\n\n    return {\n        handleKeyDown: onKeyDown,\n        handleClick: onRowClick,\n    };\n}\n"],"names":["useRowClick","onRowClick","onKeyDown","React","useCallback","event","table","isDefaultPrevented","isPropagationStopped","rows","getRowModel","tableMeta","options","meta","key","preventDefault","currentRow","currentRowIndex","original","handleKeyDown","handleClick"],"mappings":";;SAIgBA,WAAW,CAAkBC,UAAyC;EAClF,MAAMC,SAAS,GAAGC,cAAK,CAACC,WAAW,CAC/B,CAACC,KAA0B,EAAEC,KAAoB;IAC7C,IAAI,OAAOL,UAAU,KAAK,UAAU,IAAII,KAAK,CAACE,kBAAkB,EAAE,IAAIF,KAAK,CAACG,oBAAoB,EAAE,EAAE;MAChG;;IAGJ,MAAMC,IAAI,GAAGH,KAAK,CAACI,WAAW,EAAE,CAACD,IAAI;IACrC,MAAME,SAAS,GAAGL,KAAK,CAACM,OAAO,CAACC,IAAwB;IAExD,IAAIR,KAAK,CAACS,GAAG,KAAK,OAAO,EAAE;MACvBT,KAAK,CAACU,cAAc,EAAE;MAEtB,IAAId,UAAU,EAAE;QACZA,UAAU,CAACQ,IAAI,CAACE,SAAS,CAACK,UAAU,CAACC,eAAe,CAAC,CAACC,QAAiB,CAAC;;MAG5E;;GAEP,EACD,CAACjB,UAAU,CAAC,CACgE;EAEhF,OAAO;IACHkB,aAAa,EAAEjB,SAAS;IACxBkB,WAAW,EAAEnB;GAChB;AACL;;;;"}

package/dist/esm/packages/taco/src/components/Table3/hooks/features/useRowDrag.js

@@ -0,0 +1,13 @@
+import React__default from 'react';
+
+function useRowDrag(isEnabled) {
+  const [dragging, setDragging] = React__default.useState({});
+  return {
+    isEnabled,
+    dragging,
+    setDragging: isEnabled ? setDragging : () => undefined
+  };
+}
+
+export { useRowDrag };
+//# sourceMappingURL=useRowDrag.js.map

package/dist/esm/packages/taco/src/components/Table3/hooks/features/useRowDrag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRowDrag.js","sources":["../../../../../../../../../src/components/Table3/hooks/features/useRowDrag.ts"],"sourcesContent":["import React from 'react';\n\nexport function useRowDrag(isEnabled: boolean) {\n    const [dragging, setDragging] = React.useState<Record<string, boolean>>({});\n\n    return {\n        isEnabled,\n        dragging,\n        setDragging: isEnabled ? setDragging : () => undefined,\n    };\n}\n"],"names":["useRowDrag","isEnabled","dragging","setDragging","React","useState","undefined"],"mappings":";;SAEgBA,UAAU,CAACC,SAAkB;EACzC,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAA0B,EAAE,CAAC;EAE3E,OAAO;IACHJ,SAAS;IACTC,QAAQ;IACRC,WAAW,EAAEF,SAAS,GAAGE,WAAW,GAAG,MAAMG;GAChD;AACL;;;;"}

package/dist/esm/packages/taco/src/components/Table3/hooks/features/useRowDrop.js

@@ -0,0 +1,9 @@
+function useRowDrop(isEnabled, handler) {
+  return {
+    isEnabled,
+    handleDrop: isEnabled && handler ? handler : () => undefined
+  };
+}
+
+export { useRowDrop };
+//# sourceMappingURL=useRowDrop.js.map

package/dist/esm/packages/taco/src/components/Table3/hooks/features/useRowDrop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRowDrop.js","sources":["../../../../../../../../../src/components/Table3/hooks/features/useRowDrop.ts"],"sourcesContent":["import { Table3RowDropHandler } from '../../types';\n\nexport function useRowDrop(isEnabled: boolean, handler: Table3RowDropHandler | undefined) {\n    return {\n        isEnabled,\n        handleDrop: isEnabled && handler ? handler : () => undefined,\n    };\n}\n"],"names":["useRowDrop","isEnabled","handler","handleDrop","undefined"],"mappings":"SAEgBA,UAAU,CAACC,SAAkB,EAAEC,OAAyC;EACpF,OAAO;IACHD,SAAS;IACTE,UAAU,EAAEF,SAAS,IAAIC,OAAO,GAAGA,OAAO,GAAG,MAAME;GACtD;AACL;;;;"}

package/dist/esm/packages/taco/src/components/Table3/hooks/features/useRowGoto.js

@@ -0,0 +1,9 @@
+function useRowGoto(isEnabled, handler) {
+  return {
+    isEnabled,
+    handleGoto: isEnabled && handler ? handler : () => undefined
+  };
+}
+
+export { useRowGoto };
+//# sourceMappingURL=useRowGoto.js.map

package/dist/esm/packages/taco/src/components/Table3/hooks/features/useRowGoto.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRowGoto.js","sources":["../../../../../../../../../src/components/Table3/hooks/features/useRowGoto.ts"],"sourcesContent":["import { Table3RowGotoHandler } from '../../types';\n\nexport function useRowGoto(isEnabled: boolean, handler: Table3RowGotoHandler | undefined) {\n    return {\n        isEnabled,\n        handleGoto: isEnabled && handler ? handler : () => undefined,\n    };\n}\n"],"names":["useRowGoto","isEnabled","handler","handleGoto","undefined"],"mappings":"SAEgBA,UAAU,CAACC,SAAkB,EAAEC,OAAyC;EACpF,OAAO;IACHD,SAAS;IACTE,UAAU,EAAEF,SAAS,IAAIC,OAAO,GAAGA,OAAO,GAAG,MAAME;GACtD;AACL;;;;"}

package/dist/esm/packages/taco/src/components/Table3/hooks/features/useRowHeight.js

@@ -0,0 +1,27 @@
+import React__default from 'react';
+
+function convertDeprecatedRowDensityToRowHeight(rowHeight) {
+  switch (rowHeight) {
+    case 'compact':
+      return 'short';
+    case 'normal':
+      return 'medium';
+    case 'comfortable':
+      return 'tall';
+    case 'spacious':
+      return 'extra-tall';
+    default:
+      return rowHeight;
+  }
+}
+function useRowHeight(isEnabled, defaultRowHeight = 'medium') {
+  const [height, setHeight] = React__default.useState(convertDeprecatedRowDensityToRowHeight(defaultRowHeight));
+  return {
+    isEnabled,
+    height,
+    setHeight: isEnabled ? setHeight : () => undefined
+  };
+}
+
+export { useRowHeight };
+//# sourceMappingURL=useRowHeight.js.map

package/dist/esm/packages/taco/src/components/Table3/hooks/features/useRowHeight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRowHeight.js","sources":["../../../../../../../../../src/components/Table3/hooks/features/useRowHeight.ts"],"sourcesContent":["import React from 'react';\nimport { DeprecatedRowDensity, Table3RowHeight } from '../../types';\n\nfunction convertDeprecatedRowDensityToRowHeight(rowHeight: Table3RowHeight | DeprecatedRowDensity) {\n    switch (rowHeight) {\n        case 'compact':\n            return 'short';\n\n        case 'normal':\n            return 'medium';\n\n        case 'comfortable':\n            return 'tall';\n\n        case 'spacious':\n            return 'extra-tall';\n\n        default:\n            return rowHeight;\n    }\n}\n\nexport function useRowHeight(isEnabled: boolean, defaultRowHeight: Table3RowHeight | DeprecatedRowDensity = 'medium') {\n    const [height, setHeight] = React.useState<Table3RowHeight>(convertDeprecatedRowDensityToRowHeight(defaultRowHeight));\n\n    return {\n        isEnabled,\n        height,\n        setHeight: isEnabled ? setHeight : () => undefined,\n    };\n}\n"],"names":["convertDeprecatedRowDensityToRowHeight","rowHeight","useRowHeight","isEnabled","defaultRowHeight","height","setHeight","React","useState","undefined"],"mappings":";;AAGA,SAASA,sCAAsC,CAACC,SAAiD;EAC7F,QAAQA,SAAS;IACb,KAAK,SAAS;MACV,OAAO,OAAO;IAElB,KAAK,QAAQ;MACT,OAAO,QAAQ;IAEnB,KAAK,aAAa;MACd,OAAO,MAAM;IAEjB,KAAK,UAAU;MACX,OAAO,YAAY;IAEvB;MACI,OAAOA,SAAS;;AAE5B;SAEgBC,YAAY,CAACC,SAAkB,EAAEC,mBAA2D,QAAQ;EAChH,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAkBR,sCAAsC,CAACI,gBAAgB,CAAC,CAAC;EAErH,OAAO;IACHD,SAAS;IACTE,MAAM;IACNC,SAAS,EAAEH,SAAS,GAAGG,SAAS,GAAG,MAAMG;GAC5C;AACL;;;;"}

package/dist/esm/packages/taco/src/components/Table3/hooks/features/useRowSelection.js

@@ -0,0 +1,29 @@
+import React__default from 'react';
+
+function useRowSelection() {
+  const lastSelectedRowIndex = React__default.useRef();
+  const onKeyDown = React__default.useCallback((event, table) => {
+    if (!table.options.enableRowSelection || event.isDefaultPrevented() || event.isPropagationStopped()) {
+      return;
+    }
+    const rows = table.getRowModel().rows;
+    const tableMeta = table.options.meta;
+    if (event.key === ' ') {
+      var _rows$tableMeta$curre;
+      event.preventDefault();
+      (_rows$tableMeta$curre = rows[tableMeta.currentRow.currentRowIndex]) === null || _rows$tableMeta$curre === void 0 ? void 0 : _rows$tableMeta$curre.toggleSelected();
+      return;
+    } else if ((event.ctrlKey || event.metaKey) && event.key === 'a') {
+      event.preventDefault();
+      table.toggleAllRowsSelected();
+      return;
+    }
+  }, []);
+  return {
+    handleKeyDown: onKeyDown,
+    lastSelectedRowIndex
+  };
+}
+
+export { useRowSelection };
+//# sourceMappingURL=useRowSelection.js.map

package/dist/esm/packages/taco/src/components/Table3/hooks/features/useRowSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRowSelection.js","sources":["../../../../../../../../../src/components/Table3/hooks/features/useRowSelection.ts"],"sourcesContent":["import React from 'react';\nimport { Table as RTable, TableMeta } from '@tanstack/react-table';\n\nexport function useRowSelection() {\n    const lastSelectedRowIndex = React.useRef<number>();\n\n    const onKeyDown = React.useCallback(<TType = unknown>(event: React.KeyboardEvent, table: RTable<TType>) => {\n        if (!table.options.enableRowSelection || event.isDefaultPrevented() || event.isPropagationStopped()) {\n            return;\n        }\n\n        const rows = table.getRowModel().rows;\n        const tableMeta = table.options.meta as TableMeta<TType>;\n\n        if (event.key === ' ') {\n            event.preventDefault();\n            rows[tableMeta.currentRow.currentRowIndex]?.toggleSelected();\n            return;\n        } else if ((event.ctrlKey || event.metaKey) && event.key === 'a') {\n            event.preventDefault();\n            table.toggleAllRowsSelected();\n            return;\n        }\n    }, []) as <TType = unknown>(event: React.KeyboardEvent, table: RTable<TType>) => void;\n\n    return {\n        handleKeyDown: onKeyDown,\n        lastSelectedRowIndex,\n    };\n}\n"],"names":["useRowSelection","lastSelectedRowIndex","React","useRef","onKeyDown","useCallback","event","table","options","enableRowSelection","isDefaultPrevented","isPropagationStopped","rows","getRowModel","tableMeta","meta","key","preventDefault","currentRow","currentRowIndex","toggleSelected","ctrlKey","metaKey","toggleAllRowsSelected","handleKeyDown"],"mappings":";;SAGgBA,eAAe;EAC3B,MAAMC,oBAAoB,GAAGC,cAAK,CAACC,MAAM,EAAU;EAEnD,MAAMC,SAAS,GAAGF,cAAK,CAACG,WAAW,CAAC,CAAkBC,KAA0B,EAAEC,KAAoB;IAClG,IAAI,CAACA,KAAK,CAACC,OAAO,CAACC,kBAAkB,IAAIH,KAAK,CAACI,kBAAkB,EAAE,IAAIJ,KAAK,CAACK,oBAAoB,EAAE,EAAE;MACjG;;IAGJ,MAAMC,IAAI,GAAGL,KAAK,CAACM,WAAW,EAAE,CAACD,IAAI;IACrC,MAAME,SAAS,GAAGP,KAAK,CAACC,OAAO,CAACO,IAAwB;IAExD,IAAIT,KAAK,CAACU,GAAG,KAAK,GAAG,EAAE;MAAA;MACnBV,KAAK,CAACW,cAAc,EAAE;MACtB,yBAAAL,IAAI,CAACE,SAAS,CAACI,UAAU,CAACC,eAAe,CAAC,0DAA1C,sBAA4CC,cAAc,EAAE;MAC5D;KACH,MAAM,IAAI,CAACd,KAAK,CAACe,OAAO,IAAIf,KAAK,CAACgB,OAAO,KAAKhB,KAAK,CAACU,GAAG,KAAK,GAAG,EAAE;MAC9DV,KAAK,CAACW,cAAc,EAAE;MACtBV,KAAK,CAACgB,qBAAqB,EAAE;MAC7B;;GAEP,EAAE,EAAE,CAAgF;EAErF,OAAO;IACHC,aAAa,EAAEpB,SAAS;IACxBH;GACH;AACL;;;;"}

package/dist/esm/packages/taco/src/components/Table3/hooks/features/useSearch.js

@@ -0,0 +1,27 @@
+import React__default from 'react';
+
+function useSearch(isEnabled, excludeUnmatchedResultsInSearch = false, loadAll) {
+  const [query, setQuery] = React__default.useState();
+  const [enableHighlighting, setEnableHighlighting] = React__default.useState(true);
+  const [excludeUnmatchedResults, setExcludeUnmatchedResults] = React__default.useState(excludeUnmatchedResultsInSearch);
+  // highlighting
+  const [highlightedColumnIndexes, setHighlightedColumnIndexes] = React__default.useState([]);
+  const [currentHighlightColumnIndex, setCurrentHighlightColumnIndex] = React__default.useState(undefined);
+  return {
+    isEnabled,
+    isHighlightingEnabled: enableHighlighting,
+    toggleHighlighting: setEnableHighlighting,
+    excludeUnmatchedResults,
+    toggleExcludeUnmatchedResults: setExcludeUnmatchedResults,
+    query,
+    setQuery: isEnabled ? setQuery : () => undefined,
+    highlightedColumnIndexes,
+    setHighlightedColumnIndexes,
+    currentHighlightColumnIndex,
+    setCurrentHighlightColumnIndex,
+    loadAll
+  };
+}
+
+export { useSearch };
+//# sourceMappingURL=useSearch.js.map

package/dist/esm/packages/taco/src/components/Table3/hooks/features/useSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSearch.js","sources":["../../../../../../../../../src/components/Table3/hooks/features/useSearch.ts"],"sourcesContent":["import React from 'react';\nimport { Table3LoadAllHandler } from '../../types';\n\nexport function useSearch(isEnabled: boolean, excludeUnmatchedResultsInSearch = false, loadAll?: Table3LoadAllHandler) {\n    const [query, setQuery] = React.useState<string | undefined>();\n    const [enableHighlighting, setEnableHighlighting] = React.useState<boolean>(true);\n    const [excludeUnmatchedResults, setExcludeUnmatchedResults] = React.useState<boolean>(excludeUnmatchedResultsInSearch);\n\n    // highlighting\n    const [highlightedColumnIndexes, setHighlightedColumnIndexes] = React.useState<number[][]>([]);\n    const [currentHighlightColumnIndex, setCurrentHighlightColumnIndex] = React.useState<number | undefined>(undefined);\n\n    return {\n        isEnabled,\n        isHighlightingEnabled: enableHighlighting,\n        toggleHighlighting: setEnableHighlighting,\n        excludeUnmatchedResults,\n        toggleExcludeUnmatchedResults: setExcludeUnmatchedResults,\n        query,\n        setQuery: isEnabled ? setQuery : () => undefined,\n        highlightedColumnIndexes,\n        setHighlightedColumnIndexes,\n        currentHighlightColumnIndex,\n        setCurrentHighlightColumnIndex,\n        loadAll,\n    };\n}\n"],"names":["useSearch","isEnabled","excludeUnmatchedResultsInSearch","loadAll","query","setQuery","React","useState","enableHighlighting","setEnableHighlighting","excludeUnmatchedResults","setExcludeUnmatchedResults","highlightedColumnIndexes","setHighlightedColumnIndexes","currentHighlightColumnIndex","setCurrentHighlightColumnIndex","undefined","isHighlightingEnabled","toggleHighlighting","toggleExcludeUnmatchedResults"],"mappings":";;SAGgBA,SAAS,CAACC,SAAkB,EAAEC,+BAA+B,GAAG,KAAK,EAAEC,OAA8B;EACjH,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGC,cAAK,CAACC,QAAQ,EAAsB;EAC9D,MAAM,CAACC,kBAAkB,EAAEC,qBAAqB,CAAC,GAAGH,cAAK,CAACC,QAAQ,CAAU,IAAI,CAAC;EACjF,MAAM,CAACG,uBAAuB,EAAEC,0BAA0B,CAAC,GAAGL,cAAK,CAACC,QAAQ,CAAUL,+BAA+B,CAAC;;EAGtH,MAAM,CAACU,wBAAwB,EAAEC,2BAA2B,CAAC,GAAGP,cAAK,CAACC,QAAQ,CAAa,EAAE,CAAC;EAC9F,MAAM,CAACO,2BAA2B,EAAEC,8BAA8B,CAAC,GAAGT,cAAK,CAACC,QAAQ,CAAqBS,SAAS,CAAC;EAEnH,OAAO;IACHf,SAAS;IACTgB,qBAAqB,EAAET,kBAAkB;IACzCU,kBAAkB,EAAET,qBAAqB;IACzCC,uBAAuB;IACvBS,6BAA6B,EAAER,0BAA0B;IACzDP,KAAK;IACLC,QAAQ,EAAEJ,SAAS,GAAGI,QAAQ,GAAG,MAAMW,SAAS;IAChDJ,wBAAwB;IACxBC,2BAA2B;IAC3BC,2BAA2B;IAC3BC,8BAA8B;IAC9BZ;GACH;AACL;;;;"}

package/dist/esm/packages/taco/src/components/Table3/hooks/listeners/useCurrentRowListener.js

@@ -0,0 +1,14 @@
+import React__default from 'react';
+
+function useCurrentRowListener(table) {
+  const meta = table.options.meta;
+  const rows = table.getRowModel().rows;
+  React__default.useEffect(() => {
+    if (meta.currentRow.currentRowIndex > rows.length) {
+      meta.currentRow.setCurrentRowIndex(0);
+    }
+  }, [rows.length]);
+}
+
+export { useCurrentRowListener };
+//# sourceMappingURL=useCurrentRowListener.js.map

package/dist/esm/packages/taco/src/components/Table3/hooks/listeners/useCurrentRowListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCurrentRowListener.js","sources":["../../../../../../../../../src/components/Table3/hooks/listeners/useCurrentRowListener.ts"],"sourcesContent":["import React from 'react';\nimport { Table as RTable, TableMeta } from '@tanstack/react-table';\n\nexport function useCurrentRowListener<TType = unknown>(table: RTable<TType>) {\n    const meta = table.options.meta as TableMeta<TType>;\n    const rows = table.getRowModel().rows;\n\n    React.useEffect(() => {\n        if (meta.currentRow.currentRowIndex > rows.length) {\n            meta.currentRow.setCurrentRowIndex(0);\n        }\n    }, [rows.length]);\n}\n"],"names":["useCurrentRowListener","table","meta","options","rows","getRowModel","React","useEffect","currentRow","currentRowIndex","length","setCurrentRowIndex"],"mappings":";;SAGgBA,qBAAqB,CAAkBC,KAAoB;EACvE,MAAMC,IAAI,GAAGD,KAAK,CAACE,OAAO,CAACD,IAAwB;EACnD,MAAME,IAAI,GAAGH,KAAK,CAACI,WAAW,EAAE,CAACD,IAAI;EAErCE,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIL,IAAI,CAACM,UAAU,CAACC,eAAe,GAAGL,IAAI,CAACM,MAAM,EAAE;MAC/CR,IAAI,CAACM,UAAU,CAACG,kBAAkB,CAAC,CAAC,CAAC;;GAE5C,EAAE,CAACP,IAAI,CAACM,MAAM,CAAC,CAAC;AACrB;;;;"}

package/dist/esm/packages/taco/src/components/Table3/hooks/listeners/useEditingStateListener.js

@@ -0,0 +1,24 @@
+import React__default from 'react';
+
+function useEditingStateListener(table) {
+  const meta = table.options.meta;
+  // save when the row changes
+  React__default.useEffect(() => {
+    if (meta.editing.isEnabled && meta.editing.isEditing) {
+      requestAnimationFrame(() => {
+        meta.editing.saveChangesIfNeeded();
+      });
+    }
+  }, [meta.currentRow.currentRowIndex]);
+  // save if editing gets toggled off
+  React__default.useEffect(() => {
+    if (meta.editing.isEnabled && !meta.editing.isEditing) {
+      requestAnimationFrame(() => {
+        meta.editing.saveChangesIfNeeded();
+      });
+    }
+  }, [meta.editing.isEditing]);
+}
+
+export { useEditingStateListener };
+//# sourceMappingURL=useEditingStateListener.js.map

package/dist/esm/packages/taco/src/components/Table3/hooks/listeners/useEditingStateListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditingStateListener.js","sources":["../../../../../../../../../src/components/Table3/hooks/listeners/useEditingStateListener.ts"],"sourcesContent":["import React from 'react';\nimport { Table as RTable, TableMeta } from '@tanstack/react-table';\n\nexport function useEditingStateListener<TType = unknown>(table: RTable<TType>) {\n    const meta = table.options.meta as TableMeta<TType>;\n\n    // save when the row changes\n    React.useEffect(() => {\n        if (meta.editing.isEnabled && meta.editing.isEditing) {\n            requestAnimationFrame(() => {\n                meta.editing.saveChangesIfNeeded();\n            });\n        }\n    }, [meta.currentRow.currentRowIndex]);\n\n    // save if editing gets toggled off\n    React.useEffect(() => {\n        if (meta.editing.isEnabled && !meta.editing.isEditing) {\n            requestAnimationFrame(() => {\n                meta.editing.saveChangesIfNeeded();\n            });\n        }\n    }, [meta.editing.isEditing]);\n}\n"],"names":["useEditingStateListener","table","meta","options","React","useEffect","editing","isEnabled","isEditing","requestAnimationFrame","saveChangesIfNeeded","currentRow","currentRowIndex"],"mappings":";;SAGgBA,uBAAuB,CAAkBC,KAAoB;EACzE,MAAMC,IAAI,GAAGD,KAAK,CAACE,OAAO,CAACD,IAAwB;;EAGnDE,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIH,IAAI,CAACI,OAAO,CAACC,SAAS,IAAIL,IAAI,CAACI,OAAO,CAACE,SAAS,EAAE;MAClDC,qBAAqB,CAAC;QAClBP,IAAI,CAACI,OAAO,CAACI,mBAAmB,EAAE;OACrC,CAAC;;GAET,EAAE,CAACR,IAAI,CAACS,UAAU,CAACC,eAAe,CAAC,CAAC;;EAGrCR,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIH,IAAI,CAACI,OAAO,CAACC,SAAS,IAAI,CAACL,IAAI,CAACI,OAAO,CAACE,SAAS,EAAE;MACnDC,qBAAqB,CAAC;QAClBP,IAAI,CAACI,OAAO,CAACI,mBAAmB,EAAE;OACrC,CAAC;;GAET,EAAE,CAACR,IAAI,CAACI,OAAO,CAACE,SAAS,CAAC,CAAC;AAChC;;;;"}

package/dist/esm/packages/taco/src/components/Table3/hooks/listeners/useFilteringStateListener.js

@@ -0,0 +1,19 @@
+import { useLazyEffect } from '../../../../hooks/useLazyEffect.js';
+
+// we use a listener, and not the internal "controlled" change handlers because we don't actually want consumers
+// to control the state outside the table. this listener is really here to let the consumer make a server request
+// and provide the server with the filtering state, so that it can filter server side
+function useFilteringStateListener(table, onFilter) {
+  const columnFilters = table.getState().columnFilters;
+  useLazyEffect(() => {
+    if (table.options.enableColumnFilters && typeof onFilter === 'function') {
+      onFilter(columnFilters);
+      if (table.options.enableRowSelection) {
+        table.resetRowSelection();
+      }
+    }
+  }, [table.options.enableColumnFilters, columnFilters]);
+}
+
+export { useFilteringStateListener };
+//# sourceMappingURL=useFilteringStateListener.js.map

package/dist/esm/packages/taco/src/components/Table3/hooks/listeners/useFilteringStateListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFilteringStateListener.js","sources":["../../../../../../../../../src/components/Table3/hooks/listeners/useFilteringStateListener.ts"],"sourcesContent":["import { Table as RTable } from '@tanstack/react-table';\nimport { Table3FilterHandler } from '../../types';\nimport { useLazyEffect } from '../../../../hooks/useLazyEffect';\n\n// we use a listener, and not the internal \"controlled\" change handlers because we don't actually want consumers\n// to control the state outside the table. this listener is really here to let the consumer make a server request\n// and provide the server with the filtering state, so that it can filter server side\nexport function useFilteringStateListener<TType = unknown>(table: RTable<TType>, onFilter?: Table3FilterHandler) {\n    const columnFilters = table.getState().columnFilters;\n\n    useLazyEffect(() => {\n        if (table.options.enableColumnFilters && typeof onFilter === 'function') {\n            onFilter(columnFilters);\n\n            if (table.options.enableRowSelection) {\n                table.resetRowSelection();\n            }\n        }\n    }, [table.options.enableColumnFilters, columnFilters]);\n}\n"],"names":["useFilteringStateListener","table","onFilter","columnFilters","getState","useLazyEffect","options","enableColumnFilters","enableRowSelection","resetRowSelection"],"mappings":";;AAIA;AACA;AACA;SACgBA,yBAAyB,CAAkBC,KAAoB,EAAEC,QAA8B;EAC3G,MAAMC,aAAa,GAAGF,KAAK,CAACG,QAAQ,EAAE,CAACD,aAAa;EAEpDE,aAAa,CAAC;IACV,IAAIJ,KAAK,CAACK,OAAO,CAACC,mBAAmB,IAAI,OAAOL,QAAQ,KAAK,UAAU,EAAE;MACrEA,QAAQ,CAACC,aAAa,CAAC;MAEvB,IAAIF,KAAK,CAACK,OAAO,CAACE,kBAAkB,EAAE;QAClCP,KAAK,CAACQ,iBAAiB,EAAE;;;GAGpC,EAAE,CAACR,KAAK,CAACK,OAAO,CAACC,mBAAmB,EAAEJ,aAAa,CAAC,CAAC;AAC1D;;;;"}

package/dist/esm/packages/taco/src/components/Table3/hooks/listeners/useRowSelectionListener.js

@@ -0,0 +1,19 @@
+import { useLazyEffect } from '../../../../hooks/useLazyEffect.js';
+
+function useRowSelectionListener(table, onRowSelect) {
+  const rowSelection = table.getState().rowSelection;
+  useLazyEffect(() => {
+    if (table.options.enableRowSelection && typeof onRowSelect === 'function') {
+      const selectedRows = table.getSelectedRowModel().rows;
+      if (table.options.enableMultiRowSelection) {
+        onRowSelect(selectedRows.map(row => row.original));
+      } else {
+        var _ref, _selectedRows$;
+        onRowSelect((_ref = [(_selectedRows$ = selectedRows[0]) === null || _selectedRows$ === void 0 ? void 0 : _selectedRows$.original]) !== null && _ref !== void 0 ? _ref : []);
+      }
+    }
+  }, [table.options.enableRowSelection, rowSelection]);
+}
+
+export { useRowSelectionListener };
+//# sourceMappingURL=useRowSelectionListener.js.map

package/dist/esm/packages/taco/src/components/Table3/hooks/listeners/useRowSelectionListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRowSelectionListener.js","sources":["../../../../../../../../../src/components/Table3/hooks/listeners/useRowSelectionListener.ts"],"sourcesContent":["import { Table as RTable } from '@tanstack/react-table';\nimport { Table3RowSelectionHandler } from '../../types';\nimport { useLazyEffect } from '../../../../hooks/useLazyEffect';\n\nexport function useRowSelectionListener<TType = unknown>(table: RTable<TType>, onRowSelect?: Table3RowSelectionHandler<TType>) {\n    const rowSelection = table.getState().rowSelection;\n\n    useLazyEffect(() => {\n        if (table.options.enableRowSelection && typeof onRowSelect === 'function') {\n            const selectedRows = table.getSelectedRowModel().rows;\n\n            if (table.options.enableMultiRowSelection) {\n                onRowSelect(selectedRows.map(row => row.original));\n            } else {\n                onRowSelect([selectedRows[0]?.original] ?? []);\n            }\n        }\n    }, [table.options.enableRowSelection, rowSelection]);\n}\n"],"names":["useRowSelectionListener","table","onRowSelect","rowSelection","getState","useLazyEffect","options","enableRowSelection","selectedRows","getSelectedRowModel","rows","enableMultiRowSelection","map","row","original"],"mappings":";;SAIgBA,uBAAuB,CAAkBC,KAAoB,EAAEC,WAA8C;EACzH,MAAMC,YAAY,GAAGF,KAAK,CAACG,QAAQ,EAAE,CAACD,YAAY;EAElDE,aAAa,CAAC;IACV,IAAIJ,KAAK,CAACK,OAAO,CAACC,kBAAkB,IAAI,OAAOL,WAAW,KAAK,UAAU,EAAE;MACvE,MAAMM,YAAY,GAAGP,KAAK,CAACQ,mBAAmB,EAAE,CAACC,IAAI;MAErD,IAAIT,KAAK,CAACK,OAAO,CAACK,uBAAuB,EAAE;QACvCT,WAAW,CAACM,YAAY,CAACI,GAAG,CAACC,GAAG,IAAIA,GAAG,CAACC,QAAQ,CAAC,CAAC;OACrD,MAAM;QAAA;QACHZ,WAAW,SAAC,mBAACM,YAAY,CAAC,CAAC,CAAC,mDAAf,eAAiBM,QAAQ,CAAC,uCAAI,EAAE,CAAC;;;GAGzD,EAAE,CAACb,KAAK,CAACK,OAAO,CAACC,kBAAkB,EAAEJ,YAAY,CAAC,CAAC;AACxD;;;;"}