@economic/taco 2.49.0-server.4 → 2.49.0

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Toolbar/components/Settings/HideOrOrderPopover.js

@@ -1,6 +1,5 @@
 import React__default from 'react';
 import cn from 'clsx';
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose, extends as _extends } from '../../../../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Icon } from '../../../../../../../components/Icon/Icon.js';
 import { useLocalization } from '../../../../../../../components/Provider/Localization.js';
 import { Checkbox } from '../../../../../../../components/Checkbox/Checkbox.js';
@@ -12,28 +11,25 @@ import { arrayMove } from '@dnd-kit/sortable';
 import { Item } from '../../../../../../Sortable/components/Item.js';
 import { List } from '../../../../../../Sortable/components/List.js';
 
-var _excluded = ["column", "draggable"],
-  _excluded2 = ["table", "trigger"];
-var Column = /*#__PURE__*/React__default.forwardRef(function Column(props, ref) {
+const Column = /*#__PURE__*/React__default.forwardRef(function Column(props, ref) {
   var _column$parent, _column$parent$column, _column$columnDef$met;
-  var column = props.column,
-    _props$draggable = props.draggable,
-    draggable = _props$draggable === void 0 ? false : _props$draggable,
-    dragAttributes = _objectWithoutPropertiesLoose(props, _excluded);
-  var canHide = column.getCanHide();
-  var className = cn('group/column flex items-center gap-x-2 rounded py-1 px-2', {
+  const {
+    column,
+    draggable = false,
+    ...dragAttributes
+  } = props;
+  const canHide = column.getCanHide();
+  const className = cn('group/column flex items-center gap-x-2 rounded py-1 px-2', {
     'hover:bg-grey-200': canHide || draggable,
     'hover:cursor-pointer': canHide,
     'active:cursor-move active:bg-grey-300': draggable
   });
-  var attributes = draggable ? dragAttributes : undefined;
-  var isVisible = column.getIsVisible();
-  var parentHeader = (_column$parent = column.parent) === null || _column$parent === void 0 ? void 0 : (_column$parent$column = _column$parent.columnDef) === null || _column$parent$column === void 0 ? void 0 : _column$parent$column.header;
+  const attributes = draggable ? dragAttributes : undefined;
+  const isVisible = column.getIsVisible();
+  const parentHeader = (_column$parent = column.parent) === null || _column$parent === void 0 ? void 0 : (_column$parent$column = _column$parent.columnDef) === null || _column$parent$column === void 0 ? void 0 : _column$parent$column.header;
   return /*#__PURE__*/React__default.createElement("div", Object.assign({}, attributes, {
     className: className,
-    onClick: function onClick() {
-      return column.toggleVisibility(!isVisible);
-    },
+    onClick: () => column.toggleVisibility(!isVisible),
     ref: ref
   }), draggable ? /*#__PURE__*/React__default.createElement(Icon, {
     name: "drag",
@@ -44,56 +40,46 @@ var Column = /*#__PURE__*/React__default.forwardRef(function Column(props, ref)
     className: "italic"
   }, "(", parentHeader, ")") : null), canHide ? /*#__PURE__*/React__default.createElement(Checkbox, {
     checked: isVisible,
-    onChange: function onChange() {
-      return column.toggleVisibility(!isVisible);
-    }
+    onChange: () => column.toggleVisibility(!isVisible)
   }) : null);
 });
 function HideOrOrderPopover(props) {
-  var table = props.table,
-    trigger = props.trigger,
-    popoverProps = _objectWithoutPropertiesLoose(props, _excluded2);
-  var _useLocalization = useLocalization(),
-    texts = _useLocalization.texts;
-  var _React$useState = React__default.useState(''),
-    query = _React$useState[0],
-    setQuery = _React$useState[1];
-  var allColumns = table.getAllLeafColumns();
-  var tableMeta = table.options.meta;
-  var columns = React__default.useMemo(function () {
-    return allColumns.filter(function (column) {
-      return !isInternalColumn(column.id);
-    }).filter(function (column) {
-      var _column$columnDef$met2, _column$parent2, _column$parent2$colum;
-      return query !== null && query !== void 0 && query.length ? ((_column$columnDef$met2 = column.columnDef.meta) === null || _column$columnDef$met2 === void 0 ? void 0 : _column$columnDef$met2.header.toLowerCase().includes(query.toLowerCase())) || ((_column$parent2 = column.parent) === null || _column$parent2 === void 0 ? void 0 : (_column$parent2$colum = _column$parent2.columnDef.meta) === null || _column$parent2$colum === void 0 ? void 0 : _column$parent2$colum.header.toLowerCase().includes(query.toLowerCase())) : true;
-    });
-  }, [allColumns, query]);
-  var listClassName = 'flex max-h-64 flex-col gap-y-px overflow-auto';
-  var handleReorder = function handleReorder(activeId, overId) {
-    if (columns.find(function (column) {
+  const {
+    table,
+    trigger,
+    ...popoverProps
+  } = props;
+  const {
+    texts
+  } = useLocalization();
+  const [query, setQuery] = React__default.useState('');
+  const allColumns = table.getAllLeafColumns();
+  const tableMeta = table.options.meta;
+  const columns = React__default.useMemo(() => allColumns.filter(column => !isInternalColumn(column.id)).filter(column => {
+    var _column$columnDef$met2, _column$parent2, _column$parent2$colum;
+    return query !== null && query !== void 0 && query.length ? ((_column$columnDef$met2 = column.columnDef.meta) === null || _column$columnDef$met2 === void 0 ? void 0 : _column$columnDef$met2.header.toLowerCase().includes(query.toLowerCase())) || ((_column$parent2 = column.parent) === null || _column$parent2 === void 0 ? void 0 : (_column$parent2$colum = _column$parent2.columnDef.meta) === null || _column$parent2$colum === void 0 ? void 0 : _column$parent2$colum.header.toLowerCase().includes(query.toLowerCase())) : true;
+  }), [allColumns, query]);
+  const listClassName = 'flex max-h-64 flex-col gap-y-px overflow-auto';
+  const handleReorder = (activeId, overId) => {
+    if (columns.find(column => {
       var _column$columnDef$met3;
       return column.id === overId && ((_column$columnDef$met3 = column.columnDef.meta) === null || _column$columnDef$met3 === void 0 ? void 0 : _column$columnDef$met3.enableOrdering) === false;
     })) {
       return;
     }
-    var currentOrder = table.getState().columnOrder;
-    var nextOrder = ensureOrdering(allColumns, arrayMove(currentOrder, currentOrder.findIndex(function (c) {
-      return c === activeId;
-    }), currentOrder.findIndex(function (c) {
-      return c === overId;
-    })));
+    const currentOrder = table.getState().columnOrder;
+    const nextOrder = ensureOrdering(allColumns, arrayMove(currentOrder, currentOrder.findIndex(c => c === activeId), currentOrder.findIndex(c => c === overId)));
     // update column order
     table.setColumnOrder(nextOrder);
     // update pinned columns - because we do index based "freezing" instead of just pinning, pinned state needs updating to align with ordering
     if (table.getIsSomeColumnsPinned()) {
       var _table$getState$colum, _table$getState$colum2;
-      var currentFrozenIndex = (_table$getState$colum = (_table$getState$colum2 = table.getState().columnPinning.left) === null || _table$getState$colum2 === void 0 ? void 0 : _table$getState$colum2.length) !== null && _table$getState$colum !== void 0 ? _table$getState$colum : -1;
+      const currentFrozenIndex = (_table$getState$colum = (_table$getState$colum2 = table.getState().columnPinning.left) === null || _table$getState$colum2 === void 0 ? void 0 : _table$getState$colum2.length) !== null && _table$getState$colum !== void 0 ? _table$getState$colum : -1;
       if (currentFrozenIndex > -1) {
-        table.setColumnPinning(function (currentPinning) {
-          return _extends({}, currentPinning, {
-            left: nextOrder.slice(0, currentFrozenIndex)
-          });
-        });
+        table.setColumnPinning(currentPinning => ({
+          ...currentPinning,
+          left: nextOrder.slice(0, currentFrozenIndex)
+        }));
       }
     }
   };
@@ -102,9 +88,7 @@ function HideOrOrderPopover(props) {
   }), /*#__PURE__*/React__default.createElement(Popover.Content, null, /*#__PURE__*/React__default.createElement("div", {
     className: "flex min-w-[100px] max-w-sm flex-col gap-2"
   }, table.options.enableHiding ? (/*#__PURE__*/React__default.createElement(Input, {
-    onChange: function onChange(event) {
-      return setQuery(event.target.value);
-    },
+    onChange: event => setQuery(event.target.value),
     placeholder: texts.table.columnSettings.search,
     value: query
   })) : null, tableMeta.columnOrdering.isEnabled && columns.length && !(query !== null && query !== void 0 && query.length) ? (/*#__PURE__*/React__default.createElement(Container, {
@@ -112,9 +96,7 @@ function HideOrOrderPopover(props) {
   }, /*#__PURE__*/React__default.createElement(List, {
     id: "columns",
     className: listClassName
-  }, columns.filter(function (column) {
-    return !column.getIsGrouped();
-  }).map(function (column) {
+  }, columns.filter(column => !column.getIsGrouped()).map(column => {
     var _column$columnDef$met4, _column$columnDef$met5;
     return /*#__PURE__*/React__default.createElement(Item, {
       key: column.id,
@@ -127,12 +109,10 @@ function HideOrOrderPopover(props) {
     }));
   })))) : (/*#__PURE__*/React__default.createElement("div", {
     className: listClassName
-  }, columns.length ? columns.map(function (column) {
-    return /*#__PURE__*/React__default.createElement(Column, {
-      column: column,
-      key: column.id
-    });
-  }) : texts.table.columnSettings.noResults)))));
+  }, columns.length ? columns.map(column => /*#__PURE__*/React__default.createElement(Column, {
+    column: column,
+    key: column.id
+  })) : texts.table.columnSettings.noResults)))));
 }
 
 export { HideOrOrderPopover };

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Toolbar/components/Settings/HideOrOrderPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"HideOrOrderPopover.js","sources":["../../../../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Settings/HideOrOrderPopover.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Table as ReactTable, Column as ReactTableColumn, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { Popover, PopoverProps } from '../../../../../../../components/Popover/Popover';\nimport { Input } from '../../../../../../../components/Input/Input';\nimport * as SortablePrimitive from '../../../../../../Sortable/Sortable';\nimport { Icon } from '../../../../../../../components/Icon/Icon';\nimport { Checkbox } from '../../../../../../../components/Checkbox/Checkbox';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport { ensureOrdering, isInternalColumn } from '../../../../../useTableManager/util/columns';\n\ntype ColumnProps<TType = unknown> = React.HTMLAttributes<HTMLDivElement> & {\n    column: ReactTableColumn<TType, unknown>;\n    draggable?: boolean;\n};\n\nconst Column = React.forwardRef(function Column<TType = unknown>(props: ColumnProps<TType>, ref: React.Ref<HTMLDivElement>) {\n    const { column, draggable = false, ...dragAttributes } = props;\n    const canHide = column.getCanHide();\n\n    const className = cn('group/column flex items-center gap-x-2 rounded py-1 px-2', {\n        'hover:bg-grey-200': canHide || draggable,\n        'hover:cursor-pointer': canHide,\n        'active:cursor-move active:bg-grey-300': draggable,\n    });\n\n    const attributes = draggable ? dragAttributes : undefined;\n    const isVisible = column.getIsVisible();\n    const parentHeader = column.parent?.columnDef?.header;\n\n    return (\n        <div {...attributes} className={className} onClick={() => column.toggleVisibility(!isVisible)} ref={ref}>\n            {draggable ? <Icon name=\"drag\" className=\"text-grey-500 group-hover/column:text-grey-700 -mx-2 !h-5\" /> : null}\n            <span className=\"flex-grow truncate\">\n                {column.columnDef.meta?.header}\n                {parentHeader ? <span className=\"italic\">({parentHeader})</span> : null}\n            </span>\n            {canHide ? <Checkbox checked={isVisible} onChange={() => column.toggleVisibility(!isVisible)} /> : null}\n        </div>\n    );\n});\n\nexport type HideOrOrderPopoverProps<TType = unknown> = PopoverProps & {\n    table: ReactTable<TType>;\n};\n\nexport function HideOrOrderPopover<TType = unknown>(props: HideOrOrderPopoverProps<TType>) {\n    const { table, trigger, ...popoverProps } = props;\n    const { texts } = useLocalization();\n    const [query, setQuery] = React.useState('');\n    const allColumns = table.getAllLeafColumns();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const columns = React.useMemo(\n        () =>\n            allColumns\n                .filter(column => !isInternalColumn(column.id))\n                .filter(column =>\n                    query?.length\n                        ? column.columnDef.meta?.header.toLowerCase().includes(query.toLowerCase()) ||\n                          column.parent?.columnDef.meta?.header.toLowerCase().includes(query.toLowerCase())\n                        : true\n                ),\n        [allColumns, query]\n    );\n\n    const listClassName = 'flex max-h-64 flex-col gap-y-px overflow-auto';\n\n    const handleReorder = (activeId, overId) => {\n        if (columns.find(column => column.id === overId && column.columnDef.meta?.enableOrdering === false)) {\n            return;\n        }\n\n        const currentOrder = table.getState().columnOrder;\n        const nextOrder = ensureOrdering(\n            allColumns,\n            SortablePrimitive.arrayMove(\n                currentOrder,\n                currentOrder.findIndex(c => c === activeId),\n                currentOrder.findIndex(c => c === overId)\n            )\n        );\n\n        // update column order\n        table.setColumnOrder(nextOrder);\n\n        // update pinned columns - because we do index based \"freezing\" instead of just pinning, pinned state needs updating to align with ordering\n        if (table.getIsSomeColumnsPinned()) {\n            const currentFrozenIndex = table.getState().columnPinning.left?.length ?? -1;\n\n            if (currentFrozenIndex > -1) {\n                table.setColumnPinning(currentPinning => ({\n                    ...currentPinning,\n                    left: nextOrder.slice(0, currentFrozenIndex),\n                }));\n            }\n        }\n    };\n\n    return (\n        <Popover {...popoverProps} anchor={trigger}>\n            <Popover.Content>\n                <div className=\"flex min-w-[100px] max-w-sm flex-col gap-2\">\n                    {table.options.enableHiding ? (\n                        <Input\n                            onChange={event => setQuery(event.target.value)}\n                            placeholder={texts.table.columnSettings.search}\n                            value={query}\n                        />\n                    ) : null}\n                    {tableMeta.columnOrdering.isEnabled && columns.length && !query?.length ? (\n                        <SortablePrimitive.Container reorder={handleReorder}>\n                            <SortablePrimitive.List id=\"columns\" className={listClassName}>\n                                {columns\n                                    .filter(column => !column.getIsGrouped())\n                                    .map(column => (\n                                        <SortablePrimitive.Item\n                                            key={column.id}\n                                            id={column.id}\n                                            disabled={!column.columnDef.meta?.enableOrdering}\n                                            asChild>\n                                            <Column column={column as any} draggable={column.columnDef.meta?.enableOrdering} />\n                                        </SortablePrimitive.Item>\n                                    ))}\n                            </SortablePrimitive.List>\n                        </SortablePrimitive.Container>\n                    ) : (\n                        <div className={listClassName}>\n                            {columns.length\n                                ? columns.map(column => <Column column={column as any} key={column.id} />)\n                                : texts.table.columnSettings.noResults}\n                        </div>\n                    )}\n                </div>\n            </Popover.Content>\n        </Popover>\n    );\n}\n"],"names":["Column","React","forwardRef","props","ref","column","_props$draggable","draggable","dragAttributes","_objectWithoutPropertiesLoose","_excluded","canHide","getCanHide","className","cn","attributes","undefined","isVisible","getIsVisible","parentHeader","_column$parent","parent","_column$parent$column","columnDef","header","onClick","toggleVisibility","Icon","name","meta","_column$columnDef$met","Checkbox","checked","onChange","HideOrOrderPopover","table","trigger","popoverProps","_excluded2","_useLocalization","useLocalization","texts","_React$useState","useState","query","setQuery","allColumns","getAllLeafColumns","tableMeta","options","columns","useMemo","filter","isInternalColumn","id","_column$columnDef$met2","_column$parent2","_column$parent2$colum","length","toLowerCase","includes","listClassName","handleReorder","activeId","overId","find","_column$columnDef$met3","enableOrdering","currentOrder","getState","columnOrder","nextOrder","ensureOrdering","SortablePrimitive","findIndex","c","setColumnOrder","getIsSomeColumnsPinned","_table$getState$colum","_table$getState$colum2","currentFrozenIndex","columnPinning","left","setColumnPinning","currentPinning","_extends","slice","Popover","anchor","Content","enableHiding","Input","event","target","value","placeholder","columnSettings","search","columnOrdering","isEnabled","reorder","getIsGrouped","map","_column$columnDef$met4","_column$columnDef$met5","key","disabled","asChild","noResults"],"mappings":"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"}
+{"version":3,"file":"HideOrOrderPopover.js","sources":["../../../../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Settings/HideOrOrderPopover.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Table as ReactTable, Column as ReactTableColumn, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { Popover, PopoverProps } from '../../../../../../../components/Popover/Popover';\nimport { Input } from '../../../../../../../components/Input/Input';\nimport * as SortablePrimitive from '../../../../../../Sortable/Sortable';\nimport { Icon } from '../../../../../../../components/Icon/Icon';\nimport { Checkbox } from '../../../../../../../components/Checkbox/Checkbox';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport { ensureOrdering, isInternalColumn } from '../../../../../useTableManager/util/columns';\n\ntype ColumnProps<TType = unknown> = React.HTMLAttributes<HTMLDivElement> & {\n    column: ReactTableColumn<TType, unknown>;\n    draggable?: boolean;\n};\n\nconst Column = React.forwardRef(function Column<TType = unknown>(props: ColumnProps<TType>, ref: React.Ref<HTMLDivElement>) {\n    const { column, draggable = false, ...dragAttributes } = props;\n    const canHide = column.getCanHide();\n\n    const className = cn('group/column flex items-center gap-x-2 rounded py-1 px-2', {\n        'hover:bg-grey-200': canHide || draggable,\n        'hover:cursor-pointer': canHide,\n        'active:cursor-move active:bg-grey-300': draggable,\n    });\n\n    const attributes = draggable ? dragAttributes : undefined;\n    const isVisible = column.getIsVisible();\n    const parentHeader = column.parent?.columnDef?.header;\n\n    return (\n        <div {...attributes} className={className} onClick={() => column.toggleVisibility(!isVisible)} ref={ref}>\n            {draggable ? <Icon name=\"drag\" className=\"text-grey-500 group-hover/column:text-grey-700 -mx-2 !h-5\" /> : null}\n            <span className=\"flex-grow truncate\">\n                {column.columnDef.meta?.header}\n                {parentHeader ? <span className=\"italic\">({parentHeader})</span> : null}\n            </span>\n            {canHide ? <Checkbox checked={isVisible} onChange={() => column.toggleVisibility(!isVisible)} /> : null}\n        </div>\n    );\n});\n\nexport type HideOrOrderPopoverProps<TType = unknown> = PopoverProps & {\n    table: ReactTable<TType>;\n};\n\nexport function HideOrOrderPopover<TType = unknown>(props: HideOrOrderPopoverProps<TType>) {\n    const { table, trigger, ...popoverProps } = props;\n    const { texts } = useLocalization();\n    const [query, setQuery] = React.useState('');\n    const allColumns = table.getAllLeafColumns();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const columns = React.useMemo(\n        () =>\n            allColumns\n                .filter(column => !isInternalColumn(column.id))\n                .filter(column =>\n                    query?.length\n                        ? column.columnDef.meta?.header.toLowerCase().includes(query.toLowerCase()) ||\n                          column.parent?.columnDef.meta?.header.toLowerCase().includes(query.toLowerCase())\n                        : true\n                ),\n        [allColumns, query]\n    );\n\n    const listClassName = 'flex max-h-64 flex-col gap-y-px overflow-auto';\n\n    const handleReorder = (activeId, overId) => {\n        if (columns.find(column => column.id === overId && column.columnDef.meta?.enableOrdering === false)) {\n            return;\n        }\n\n        const currentOrder = table.getState().columnOrder;\n        const nextOrder = ensureOrdering(\n            allColumns,\n            SortablePrimitive.arrayMove(\n                currentOrder,\n                currentOrder.findIndex(c => c === activeId),\n                currentOrder.findIndex(c => c === overId)\n            )\n        );\n\n        // update column order\n        table.setColumnOrder(nextOrder);\n\n        // update pinned columns - because we do index based \"freezing\" instead of just pinning, pinned state needs updating to align with ordering\n        if (table.getIsSomeColumnsPinned()) {\n            const currentFrozenIndex = table.getState().columnPinning.left?.length ?? -1;\n\n            if (currentFrozenIndex > -1) {\n                table.setColumnPinning(currentPinning => ({\n                    ...currentPinning,\n                    left: nextOrder.slice(0, currentFrozenIndex),\n                }));\n            }\n        }\n    };\n\n    return (\n        <Popover {...popoverProps} anchor={trigger}>\n            <Popover.Content>\n                <div className=\"flex min-w-[100px] max-w-sm flex-col gap-2\">\n                    {table.options.enableHiding ? (\n                        <Input\n                            onChange={event => setQuery(event.target.value)}\n                            placeholder={texts.table.columnSettings.search}\n                            value={query}\n                        />\n                    ) : null}\n                    {tableMeta.columnOrdering.isEnabled && columns.length && !query?.length ? (\n                        <SortablePrimitive.Container reorder={handleReorder}>\n                            <SortablePrimitive.List id=\"columns\" className={listClassName}>\n                                {columns\n                                    .filter(column => !column.getIsGrouped())\n                                    .map(column => (\n                                        <SortablePrimitive.Item\n                                            key={column.id}\n                                            id={column.id}\n                                            disabled={!column.columnDef.meta?.enableOrdering}\n                                            asChild>\n                                            <Column column={column as any} draggable={column.columnDef.meta?.enableOrdering} />\n                                        </SortablePrimitive.Item>\n                                    ))}\n                            </SortablePrimitive.List>\n                        </SortablePrimitive.Container>\n                    ) : (\n                        <div className={listClassName}>\n                            {columns.length\n                                ? columns.map(column => <Column column={column as any} key={column.id} />)\n                                : texts.table.columnSettings.noResults}\n                        </div>\n                    )}\n                </div>\n            </Popover.Content>\n        </Popover>\n    );\n}\n"],"names":["Column","React","forwardRef","props","ref","column","draggable","dragAttributes","canHide","getCanHide","className","cn","attributes","undefined","isVisible","getIsVisible","parentHeader","_column$parent","parent","_column$parent$column","columnDef","header","onClick","toggleVisibility","Icon","name","meta","_column$columnDef$met","Checkbox","checked","onChange","HideOrOrderPopover","table","trigger","popoverProps","texts","useLocalization","query","setQuery","useState","allColumns","getAllLeafColumns","tableMeta","options","columns","useMemo","filter","isInternalColumn","id","_column$columnDef$met2","_column$parent2","_column$parent2$colum","length","toLowerCase","includes","listClassName","handleReorder","activeId","overId","find","_column$columnDef$met3","enableOrdering","currentOrder","getState","columnOrder","nextOrder","ensureOrdering","SortablePrimitive","findIndex","c","setColumnOrder","getIsSomeColumnsPinned","_table$getState$colum","_table$getState$colum2","currentFrozenIndex","columnPinning","left","setColumnPinning","currentPinning","slice","Popover","anchor","Content","enableHiding","Input","event","target","value","placeholder","columnSettings","search","columnOrdering","isEnabled","reorder","getIsGrouped","map","_column$columnDef$met4","_column$columnDef$met5","key","disabled","asChild","noResults"],"mappings":"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"}

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Toolbar/components/Settings/Settings.js

@@ -7,33 +7,30 @@ import { getSettings } from '../../../../../useTableManager/util/settings.js';
 import { HideOrOrderPopover } from './HideOrOrderPopover.js';
 
 function Settings(props) {
-  var customSettings = props.customSettings,
-    table = props.table;
-  var _useLocalization = useLocalization(),
-    texts = _useLocalization.texts;
-  var tableMeta = table.options.meta;
-  var canHideOrOrder = table.options.enableHiding || tableMeta.columnOrdering.isEnabled;
-  var canChangeFontSize = tableMeta.fontSize.isEnabled;
-  var canChangeRowHeight = tableMeta.rowHeight.isEnabled;
-  var _React$useState = React__default.useState(undefined),
-    popover = _React$useState[0],
-    setPopover = _React$useState[1];
-  var popoverElement;
+  const {
+    customSettings,
+    table
+  } = props;
+  const {
+    texts
+  } = useLocalization();
+  const tableMeta = table.options.meta;
+  const canHideOrOrder = table.options.enableHiding || tableMeta.columnOrdering.isEnabled;
+  const canChangeFontSize = tableMeta.fontSize.isEnabled;
+  const canChangeRowHeight = tableMeta.rowHeight.isEnabled;
+  const [popover, setPopover] = React__default.useState(undefined);
+  let popoverElement;
   if (popover) {
-    var handleClosePopover = function handleClosePopover() {
-      return setPopover(undefined);
-    };
+    const handleClosePopover = () => setPopover(undefined);
     switch (popover) {
       case 'columnSettings':
         {
           if (canHideOrOrder) {
-            popoverElement = function popoverElement(popoverProps) {
-              return /*#__PURE__*/React__default.createElement(HideOrOrderPopover, Object.assign({}, popoverProps, {
-                open: true,
-                onChange: handleClosePopover,
-                table: table
-              }));
-            };
+            popoverElement = popoverProps => (/*#__PURE__*/React__default.createElement(HideOrOrderPopover, Object.assign({}, popoverProps, {
+              open: true,
+              onChange: handleClosePopover,
+              table: table
+            })));
           }
         }
     }
@@ -41,45 +38,35 @@ function Settings(props) {
   return /*#__PURE__*/React__default.createElement(IconButton, {
     "aria-label": texts.table.otherOptions.tooltip,
     icon: "sliders",
-    menu: popoverElement ? undefined : function (menuProps) {
-      return /*#__PURE__*/React__default.createElement(Menu, Object.assign({}, menuProps), /*#__PURE__*/React__default.createElement(Menu.Content, {
-        align: "end"
-      }, canHideOrOrder ? (/*#__PURE__*/React__default.createElement(Menu.Item, {
-        icon: "columns",
-        onClick: function onClick() {
-          return setPopover('columnSettings');
-        }
-      }, texts.table.columnSettings.button)) : null, canHideOrOrder && (canChangeRowHeight || canChangeFontSize || customSettings) ? (/*#__PURE__*/React__default.createElement(Menu.Separator, null)) : null, canChangeRowHeight ? (/*#__PURE__*/React__default.createElement(Menu.Item, {
-        icon: "height-" + tableMeta.rowHeight.height,
-        subMenu: function subMenu() {
-          return /*#__PURE__*/React__default.createElement(RowHeightMenuItem, {
-            tableMeta: tableMeta
-          });
-        }
-      }, texts.table.rowHeight.tooltip)) : null, canChangeFontSize ? (/*#__PURE__*/React__default.createElement(Menu.Item, {
-        icon: "font-size",
-        subMenu: function subMenu() {
-          return /*#__PURE__*/React__default.createElement(FontSizeMenuItem, {
-            tableMeta: tableMeta
-          });
-        }
-      }, texts.table.fontSize.tooltip)) : null, customSettings ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, canChangeRowHeight || canChangeFontSize ? /*#__PURE__*/React__default.createElement(Menu.Separator, null) : null, customSettings(getSettings(table)).map(function (item, index) {
-        return /*#__PURE__*/React__default.createElement(React__default.Fragment, {
-          key: index
-        }, item);
-      }))) : null));
-    },
+    menu: popoverElement ? undefined : menuProps => (/*#__PURE__*/React__default.createElement(Menu, Object.assign({}, menuProps), /*#__PURE__*/React__default.createElement(Menu.Content, {
+      align: "end"
+    }, canHideOrOrder ? (/*#__PURE__*/React__default.createElement(Menu.Item, {
+      icon: "columns",
+      onClick: () => setPopover('columnSettings')
+    }, texts.table.columnSettings.button)) : null, canHideOrOrder && (canChangeRowHeight || canChangeFontSize || customSettings) ? (/*#__PURE__*/React__default.createElement(Menu.Separator, null)) : null, canChangeRowHeight ? (/*#__PURE__*/React__default.createElement(Menu.Item, {
+      icon: `height-${tableMeta.rowHeight.height}`,
+      subMenu: () => /*#__PURE__*/React__default.createElement(RowHeightMenuItem, {
+        tableMeta: tableMeta
+      })
+    }, texts.table.rowHeight.tooltip)) : null, canChangeFontSize ? (/*#__PURE__*/React__default.createElement(Menu.Item, {
+      icon: "font-size",
+      subMenu: () => /*#__PURE__*/React__default.createElement(FontSizeMenuItem, {
+        tableMeta: tableMeta
+      })
+    }, texts.table.fontSize.tooltip)) : null, customSettings ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, canChangeRowHeight || canChangeFontSize ? /*#__PURE__*/React__default.createElement(Menu.Separator, null) : null, customSettings(getSettings(table)).map((item, index) => (/*#__PURE__*/React__default.createElement(React__default.Fragment, {
+      key: index
+    }, item))))) : null))),
     popover: popoverElement,
-    onClickCapture: function onClickCapture(event) {
-      return event.preventDefault();
-    },
+    onClickCapture: event => event.preventDefault(),
     tooltip: texts.table.otherOptions.tooltip
   });
 }
-function FontSizeMenuItem(_ref) {
-  var tableMeta = _ref.tableMeta;
-  var _useLocalization2 = useLocalization(),
-    texts = _useLocalization2.texts;
+function FontSizeMenuItem({
+  tableMeta
+}) {
+  const {
+    texts
+  } = useLocalization();
   return /*#__PURE__*/React__default.createElement(Menu.SubMenu, null, /*#__PURE__*/React__default.createElement(Menu.RadioGroup, {
     onChange: tableMeta.fontSize.setSize,
     value: tableMeta.fontSize.size
@@ -92,16 +79,18 @@ function FontSizeMenuItem(_ref) {
     value: FontSizes.large
   }, texts.table.fontSize.sizes.large)));
 }
-function RowHeightMenuItem(_ref2) {
-  var tableMeta = _ref2.tableMeta;
-  var _useLocalization3 = useLocalization(),
-    texts = _useLocalization3.texts;
+function RowHeightMenuItem({
+  tableMeta
+}) {
+  const {
+    texts
+  } = useLocalization();
   return /*#__PURE__*/React__default.createElement(Menu.SubMenu, null, /*#__PURE__*/React__default.createElement(Menu.RadioGroup, {
     onChange: tableMeta.rowHeight.setHeight,
     value: tableMeta.rowHeight.height
   }, /*#__PURE__*/React__default.createElement(Menu.RadioGroup.Item, {
     value: "short"
-  }, texts.table.rowHeight.sizes["short"]), /*#__PURE__*/React__default.createElement(Menu.RadioGroup.Item, {
+  }, texts.table.rowHeight.sizes.short), /*#__PURE__*/React__default.createElement(Menu.RadioGroup.Item, {
     value: "medium"
   }, texts.table.rowHeight.sizes.medium), /*#__PURE__*/React__default.createElement(Menu.RadioGroup.Item, {
     value: "tall"

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Toolbar/components/Settings/Settings.js.map

@@ -1 +1 @@
-{"version":3,"file":"Settings.js","sources":["../../../../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Settings/Settings.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { IconButton } from '../../../../../../../components/IconButton/IconButton';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport { Menu } from '../../../../../../../components/Menu/Menu';\nimport { HideOrOrderPopover } from './HideOrOrderPopover';\nimport { getSettings } from '../../../../../useTableManager/util/settings';\nimport { FontSizes } from '../../../../../../../types';\nimport { IconName } from '../../../../../../../components/Icon/Icon';\nimport { TableCustomSettingsRenderer } from '../../../../../types';\n\nexport type SettingsProps<TType = unknown> = {\n    customSettings?: TableCustomSettingsRenderer;\n    table: ReactTable<TType>;\n};\n\nexport function Settings<TType = unknown>(props: SettingsProps<TType>) {\n    const { customSettings, table } = props;\n    const { texts } = useLocalization();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    const canHideOrOrder = table.options.enableHiding || tableMeta.columnOrdering.isEnabled;\n    const canChangeFontSize = tableMeta.fontSize.isEnabled;\n    const canChangeRowHeight = tableMeta.rowHeight.isEnabled;\n\n    const [popover, setPopover] = React.useState<string | undefined>(undefined);\n\n    let popoverElement;\n\n    if (popover) {\n        const handleClosePopover = () => setPopover(undefined);\n\n        switch (popover) {\n            case 'columnSettings': {\n                if (canHideOrOrder) {\n                    popoverElement = popoverProps => (\n                        <HideOrOrderPopover {...popoverProps} open onChange={handleClosePopover} table={table} />\n                    );\n                }\n            }\n        }\n    }\n\n    return (\n        <IconButton\n            aria-label={texts.table.otherOptions.tooltip}\n            icon=\"sliders\"\n            menu={\n                popoverElement\n                    ? undefined\n                    : menuProps => (\n                          <Menu {...menuProps}>\n                              <Menu.Content align=\"end\">\n                                  {canHideOrOrder ? (\n                                      <Menu.Item icon=\"columns\" onClick={() => setPopover('columnSettings')}>\n                                          {texts.table.columnSettings.button}\n                                      </Menu.Item>\n                                  ) : null}\n                                  {canHideOrOrder && (canChangeRowHeight || canChangeFontSize || customSettings) ? (\n                                      <Menu.Separator />\n                                  ) : null}\n                                  {canChangeRowHeight ? (\n                                      <Menu.Item\n                                          icon={`height-${tableMeta.rowHeight.height}` as IconName}\n                                          subMenu={() => <RowHeightMenuItem tableMeta={tableMeta} />}>\n                                          {texts.table.rowHeight.tooltip}\n                                      </Menu.Item>\n                                  ) : null}\n                                  {canChangeFontSize ? (\n                                      <Menu.Item icon=\"font-size\" subMenu={() => <FontSizeMenuItem tableMeta={tableMeta} />}>\n                                          {texts.table.fontSize.tooltip}\n                                      </Menu.Item>\n                                  ) : null}\n\n                                  {customSettings ? (\n                                      <>\n                                          {canChangeRowHeight || canChangeFontSize ? <Menu.Separator /> : null}\n                                          {customSettings(getSettings(table)).map((item, index) => (\n                                              <React.Fragment key={index}>{item}</React.Fragment>\n                                          ))}\n                                      </>\n                                  ) : null}\n                              </Menu.Content>\n                          </Menu>\n                      )\n            }\n            popover={popoverElement}\n            onClickCapture={event => event.preventDefault()}\n            tooltip={texts.table.otherOptions.tooltip}\n        />\n    );\n}\n\nfunction FontSizeMenuItem<TType = unknown>({ tableMeta }: { tableMeta: ReactTableMeta<TType> }) {\n    const { texts } = useLocalization();\n\n    return (\n        <Menu.SubMenu>\n            <Menu.RadioGroup onChange={tableMeta.fontSize.setSize as any} value={tableMeta.fontSize.size}>\n                <Menu.RadioGroup.Item value={FontSizes.small}>{texts.table.fontSize.sizes.small}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item value={FontSizes.medium}>{texts.table.fontSize.sizes.medium}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item disabled={tableMeta.rowHeight.height === 'short'} value={FontSizes.large}>\n                    {texts.table.fontSize.sizes.large}\n                </Menu.RadioGroup.Item>\n            </Menu.RadioGroup>\n        </Menu.SubMenu>\n    );\n}\n\nfunction RowHeightMenuItem<TType = unknown>({ tableMeta }: { tableMeta: ReactTableMeta<TType> }) {\n    const { texts } = useLocalization();\n\n    return (\n        <Menu.SubMenu>\n            <Menu.RadioGroup onChange={tableMeta.rowHeight.setHeight as any} value={tableMeta.rowHeight.height}>\n                <Menu.RadioGroup.Item value=\"short\">{texts.table.rowHeight.sizes.short}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item value=\"medium\">{texts.table.rowHeight.sizes.medium}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item value=\"tall\">{texts.table.rowHeight.sizes.tall}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item value=\"extra-tall\">{texts.table.rowHeight.sizes.extraTall}</Menu.RadioGroup.Item>\n            </Menu.RadioGroup>\n        </Menu.SubMenu>\n    );\n}\n"],"names":["Settings","props","customSettings","table","_useLocalization","useLocalization","texts","tableMeta","options","meta","canHideOrOrder","enableHiding","columnOrdering","isEnabled","canChangeFontSize","fontSize","canChangeRowHeight","rowHeight","_React$useState","React","useState","undefined","popover","setPopover","popoverElement","handleClosePopover","popoverProps","HideOrOrderPopover","open","onChange","IconButton","otherOptions","tooltip","icon","menu","menuProps","Menu","Content","align","Item","onClick","columnSettings","button","Separator","height","subMenu","RowHeightMenuItem","FontSizeMenuItem","getSettings","map","item","index","Fragment","key","onClickCapture","event","preventDefault","_ref","_useLocalization2","SubMenu","RadioGroup","setSize","value","size","FontSizes","small","sizes","medium","disabled","large","_ref2","_useLocalization3","setHeight","tall","extraTall"],"mappings":"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"}
+{"version":3,"file":"Settings.js","sources":["../../../../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Settings/Settings.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { IconButton } from '../../../../../../../components/IconButton/IconButton';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport { Menu } from '../../../../../../../components/Menu/Menu';\nimport { HideOrOrderPopover } from './HideOrOrderPopover';\nimport { getSettings } from '../../../../../useTableManager/util/settings';\nimport { FontSizes } from '../../../../../../../types';\nimport { IconName } from '../../../../../../../components/Icon/Icon';\nimport { TableCustomSettingsRenderer } from '../../../../../types';\n\nexport type SettingsProps<TType = unknown> = {\n    customSettings?: TableCustomSettingsRenderer;\n    table: ReactTable<TType>;\n};\n\nexport function Settings<TType = unknown>(props: SettingsProps<TType>) {\n    const { customSettings, table } = props;\n    const { texts } = useLocalization();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    const canHideOrOrder = table.options.enableHiding || tableMeta.columnOrdering.isEnabled;\n    const canChangeFontSize = tableMeta.fontSize.isEnabled;\n    const canChangeRowHeight = tableMeta.rowHeight.isEnabled;\n\n    const [popover, setPopover] = React.useState<string | undefined>(undefined);\n\n    let popoverElement;\n\n    if (popover) {\n        const handleClosePopover = () => setPopover(undefined);\n\n        switch (popover) {\n            case 'columnSettings': {\n                if (canHideOrOrder) {\n                    popoverElement = popoverProps => (\n                        <HideOrOrderPopover {...popoverProps} open onChange={handleClosePopover} table={table} />\n                    );\n                }\n            }\n        }\n    }\n\n    return (\n        <IconButton\n            aria-label={texts.table.otherOptions.tooltip}\n            icon=\"sliders\"\n            menu={\n                popoverElement\n                    ? undefined\n                    : menuProps => (\n                          <Menu {...menuProps}>\n                              <Menu.Content align=\"end\">\n                                  {canHideOrOrder ? (\n                                      <Menu.Item icon=\"columns\" onClick={() => setPopover('columnSettings')}>\n                                          {texts.table.columnSettings.button}\n                                      </Menu.Item>\n                                  ) : null}\n                                  {canHideOrOrder && (canChangeRowHeight || canChangeFontSize || customSettings) ? (\n                                      <Menu.Separator />\n                                  ) : null}\n                                  {canChangeRowHeight ? (\n                                      <Menu.Item\n                                          icon={`height-${tableMeta.rowHeight.height}` as IconName}\n                                          subMenu={() => <RowHeightMenuItem tableMeta={tableMeta} />}>\n                                          {texts.table.rowHeight.tooltip}\n                                      </Menu.Item>\n                                  ) : null}\n                                  {canChangeFontSize ? (\n                                      <Menu.Item icon=\"font-size\" subMenu={() => <FontSizeMenuItem tableMeta={tableMeta} />}>\n                                          {texts.table.fontSize.tooltip}\n                                      </Menu.Item>\n                                  ) : null}\n\n                                  {customSettings ? (\n                                      <>\n                                          {canChangeRowHeight || canChangeFontSize ? <Menu.Separator /> : null}\n                                          {customSettings(getSettings(table)).map((item, index) => (\n                                              <React.Fragment key={index}>{item}</React.Fragment>\n                                          ))}\n                                      </>\n                                  ) : null}\n                              </Menu.Content>\n                          </Menu>\n                      )\n            }\n            popover={popoverElement}\n            onClickCapture={event => event.preventDefault()}\n            tooltip={texts.table.otherOptions.tooltip}\n        />\n    );\n}\n\nfunction FontSizeMenuItem<TType = unknown>({ tableMeta }: { tableMeta: ReactTableMeta<TType> }) {\n    const { texts } = useLocalization();\n\n    return (\n        <Menu.SubMenu>\n            <Menu.RadioGroup onChange={tableMeta.fontSize.setSize as any} value={tableMeta.fontSize.size}>\n                <Menu.RadioGroup.Item value={FontSizes.small}>{texts.table.fontSize.sizes.small}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item value={FontSizes.medium}>{texts.table.fontSize.sizes.medium}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item disabled={tableMeta.rowHeight.height === 'short'} value={FontSizes.large}>\n                    {texts.table.fontSize.sizes.large}\n                </Menu.RadioGroup.Item>\n            </Menu.RadioGroup>\n        </Menu.SubMenu>\n    );\n}\n\nfunction RowHeightMenuItem<TType = unknown>({ tableMeta }: { tableMeta: ReactTableMeta<TType> }) {\n    const { texts } = useLocalization();\n\n    return (\n        <Menu.SubMenu>\n            <Menu.RadioGroup onChange={tableMeta.rowHeight.setHeight as any} value={tableMeta.rowHeight.height}>\n                <Menu.RadioGroup.Item value=\"short\">{texts.table.rowHeight.sizes.short}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item value=\"medium\">{texts.table.rowHeight.sizes.medium}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item value=\"tall\">{texts.table.rowHeight.sizes.tall}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item value=\"extra-tall\">{texts.table.rowHeight.sizes.extraTall}</Menu.RadioGroup.Item>\n            </Menu.RadioGroup>\n        </Menu.SubMenu>\n    );\n}\n"],"names":["Settings","props","customSettings","table","texts","useLocalization","tableMeta","options","meta","canHideOrOrder","enableHiding","columnOrdering","isEnabled","canChangeFontSize","fontSize","canChangeRowHeight","rowHeight","popover","setPopover","React","useState","undefined","popoverElement","handleClosePopover","popoverProps","HideOrOrderPopover","open","onChange","IconButton","otherOptions","tooltip","icon","menu","menuProps","Menu","Content","align","Item","onClick","columnSettings","button","Separator","height","subMenu","RowHeightMenuItem","FontSizeMenuItem","getSettings","map","item","index","Fragment","key","onClickCapture","event","preventDefault","SubMenu","RadioGroup","setSize","value","size","FontSizes","small","sizes","medium","disabled","large","setHeight","short","tall","extraTall"],"mappings":"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"}

package/dist/esm/packages/taco/src/primitives/Table/Core/features/useTableGlobalShortcuts.js

@@ -2,11 +2,11 @@ import React__default from 'react';
 import { isElementInsideOverlay, isSiblingElementInsideSameParentOverlay, isElementInteractive, isElementInsideOrTriggeredFromContainer } from '../../../../utils/dom.js';
 
 function useTableGlobalShortcuts(table, tableRef, scrollToIndex) {
-  var tableMeta = table.options.meta;
-  var rows = table.getRowModel().rows;
-  React__default.useEffect(function () {
-    var handleKeyDown = function handleKeyDown(event) {
-      var trigger = event.target;
+  const tableMeta = table.options.meta;
+  const rows = table.getRowModel().rows;
+  React__default.useEffect(() => {
+    const handleKeyDown = event => {
+      const trigger = event.target;
       if (isElementInsideOverlay(trigger) && !isSiblingElementInsideSameParentOverlay(trigger, tableRef.current) || isElementInteractive(trigger) && !isElementInsideOrTriggeredFromContainer(trigger, tableRef.current)) {
         return;
       }
@@ -18,7 +18,7 @@ function useTableGlobalShortcuts(table, tableRef, scrollToIndex) {
       }
     };
     document.addEventListener('keydown', handleKeyDown);
-    return function () {
+    return () => {
       document.removeEventListener('keydown', handleKeyDown);
     };
   },

package/dist/esm/packages/taco/src/primitives/Table/Core/features/useTableGlobalShortcuts.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTableGlobalShortcuts.js","sources":["../../../../../../../../../src/primitives/Table/Core/features/useTableGlobalShortcuts.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { TableRef } from '../../types';\nimport {\n    isElementInsideOrTriggeredFromContainer,\n    isElementInsideOverlay,\n    isElementInteractive,\n    isSiblingElementInsideSameParentOverlay,\n} from '../../../../utils/dom';\n\nexport function useTableGlobalShortcuts<TType = unknown>(\n    table: ReactTable<TType>,\n    tableRef: React.RefObject<TableRef>,\n    scrollToIndex: (index: number) => void\n) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const rows = table.getRowModel().rows;\n\n    React.useEffect(\n        () => {\n            const handleKeyDown = (event: KeyboardEvent) => {\n                const trigger = event.target as HTMLElement;\n\n                if (\n                    (isElementInsideOverlay(trigger) && !isSiblingElementInsideSameParentOverlay(trigger, tableRef.current)) ||\n                    (isElementInteractive(trigger) && !isElementInsideOrTriggeredFromContainer(trigger, tableRef.current))\n                ) {\n                    return;\n                }\n\n                tableMeta.rowActive.handleKeyDown(event, tableMeta.length, scrollToIndex);\n                tableMeta.rowSelection.handleKeyDown(event, table);\n\n                if (tableMeta.rowActive.rowActiveIndex !== undefined) {\n                    tableMeta.rowClick.handleKeyDown(event, rows[tableMeta.rowActive.rowActiveIndex]?.original);\n                }\n            };\n\n            document.addEventListener('keydown', handleKeyDown);\n\n            return () => {\n                document.removeEventListener('keydown', handleKeyDown);\n            };\n        },\n\n        // scrollToIndex function changes when row count changes, so it is important to update handlers\n        [tableRef.current, tableMeta.length, tableMeta.rowActive.rowActiveIndex, scrollToIndex]\n    );\n}\n"],"names":["useTableGlobalShortcuts","table","tableRef","scrollToIndex","tableMeta","options","meta","rows","getRowModel","React","useEffect","handleKeyDown","event","trigger","target","isElementInsideOverlay","isSiblingElementInsideSameParentOverlay","current","isElementInteractive","isElementInsideOrTriggeredFromContainer","rowActive","length","rowSelection","rowActiveIndex","undefined","_rows$tableMeta$rowAc","rowClick","original","document","addEventListener","removeEventListener"],"mappings":";;;SAUgBA,uBAAuBA,CACnCC,KAAwB,EACxBC,QAAmC,EACnCC,aAAsC;EAEtC,IAAMC,SAAS,GAAGH,KAAK,CAACI,OAAO,CAACC,IAA6B;EAC7D,IAAMC,IAAI,GAAGN,KAAK,CAACO,WAAW,EAAE,CAACD,IAAI;EAErCE,cAAK,CAACC,SAAS,CACX;IACI,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,KAAoB;MACvC,IAAMC,OAAO,GAAGD,KAAK,CAACE,MAAqB;MAE3C,IACKC,sBAAsB,CAACF,OAAO,CAAC,IAAI,CAACG,uCAAuC,CAACH,OAAO,EAAEX,QAAQ,CAACe,OAAO,CAAC,IACtGC,oBAAoB,CAACL,OAAO,CAAC,IAAI,CAACM,uCAAuC,CAACN,OAAO,EAAEX,QAAQ,CAACe,OAAO,CAAE,EACxG;QACE;;MAGJb,SAAS,CAACgB,SAAS,CAACT,aAAa,CAACC,KAAK,EAAER,SAAS,CAACiB,MAAM,EAAElB,aAAa,CAAC;MACzEC,SAAS,CAACkB,YAAY,CAACX,aAAa,CAACC,KAAK,EAAEX,KAAK,CAAC;MAElD,IAAIG,SAAS,CAACgB,SAAS,CAACG,cAAc,KAAKC,SAAS,EAAE;QAAA,IAAAC,qBAAA;QAClDrB,SAAS,CAACsB,QAAQ,CAACf,aAAa,CAACC,KAAK,GAAAa,qBAAA,GAAElB,IAAI,CAACH,SAAS,CAACgB,SAAS,CAACG,cAAc,CAAC,cAAAE,qBAAA,uBAAxCA,qBAAA,CAA0CE,QAAQ,CAAC;;KAElG;IAEDC,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAElB,aAAa,CAAC;IAEnD,OAAO;MACHiB,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEnB,aAAa,CAAC;KACzD;GACJ;;EAGD,CAACT,QAAQ,CAACe,OAAO,EAAEb,SAAS,CAACiB,MAAM,EAAEjB,SAAS,CAACgB,SAAS,CAACG,cAAc,EAAEpB,aAAa,CAAC,CAC1F;AACL;;;;"}
+{"version":3,"file":"useTableGlobalShortcuts.js","sources":["../../../../../../../../../src/primitives/Table/Core/features/useTableGlobalShortcuts.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { TableRef } from '../../types';\nimport {\n    isElementInsideOrTriggeredFromContainer,\n    isElementInsideOverlay,\n    isElementInteractive,\n    isSiblingElementInsideSameParentOverlay,\n} from '../../../../utils/dom';\n\nexport function useTableGlobalShortcuts<TType = unknown>(\n    table: ReactTable<TType>,\n    tableRef: React.RefObject<TableRef>,\n    scrollToIndex: (index: number) => void\n) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const rows = table.getRowModel().rows;\n\n    React.useEffect(\n        () => {\n            const handleKeyDown = (event: KeyboardEvent) => {\n                const trigger = event.target as HTMLElement;\n\n                if (\n                    (isElementInsideOverlay(trigger) && !isSiblingElementInsideSameParentOverlay(trigger, tableRef.current)) ||\n                    (isElementInteractive(trigger) && !isElementInsideOrTriggeredFromContainer(trigger, tableRef.current))\n                ) {\n                    return;\n                }\n\n                tableMeta.rowActive.handleKeyDown(event, tableMeta.length, scrollToIndex);\n                tableMeta.rowSelection.handleKeyDown(event, table);\n\n                if (tableMeta.rowActive.rowActiveIndex !== undefined) {\n                    tableMeta.rowClick.handleKeyDown(event, rows[tableMeta.rowActive.rowActiveIndex]?.original);\n                }\n            };\n\n            document.addEventListener('keydown', handleKeyDown);\n\n            return () => {\n                document.removeEventListener('keydown', handleKeyDown);\n            };\n        },\n\n        // scrollToIndex function changes when row count changes, so it is important to update handlers\n        [tableRef.current, tableMeta.length, tableMeta.rowActive.rowActiveIndex, scrollToIndex]\n    );\n}\n"],"names":["useTableGlobalShortcuts","table","tableRef","scrollToIndex","tableMeta","options","meta","rows","getRowModel","React","useEffect","handleKeyDown","event","trigger","target","isElementInsideOverlay","isSiblingElementInsideSameParentOverlay","current","isElementInteractive","isElementInsideOrTriggeredFromContainer","rowActive","length","rowSelection","rowActiveIndex","undefined","_rows$tableMeta$rowAc","rowClick","original","document","addEventListener","removeEventListener"],"mappings":";;;SAUgBA,uBAAuBA,CACnCC,KAAwB,EACxBC,QAAmC,EACnCC,aAAsC;EAEtC,MAAMC,SAAS,GAAGH,KAAK,CAACI,OAAO,CAACC,IAA6B;EAC7D,MAAMC,IAAI,GAAGN,KAAK,CAACO,WAAW,EAAE,CAACD,IAAI;EAErCE,cAAK,CAACC,SAAS,CACX;IACI,MAAMC,aAAa,GAAIC,KAAoB;MACvC,MAAMC,OAAO,GAAGD,KAAK,CAACE,MAAqB;MAE3C,IACKC,sBAAsB,CAACF,OAAO,CAAC,IAAI,CAACG,uCAAuC,CAACH,OAAO,EAAEX,QAAQ,CAACe,OAAO,CAAC,IACtGC,oBAAoB,CAACL,OAAO,CAAC,IAAI,CAACM,uCAAuC,CAACN,OAAO,EAAEX,QAAQ,CAACe,OAAO,CAAE,EACxG;QACE;;MAGJb,SAAS,CAACgB,SAAS,CAACT,aAAa,CAACC,KAAK,EAAER,SAAS,CAACiB,MAAM,EAAElB,aAAa,CAAC;MACzEC,SAAS,CAACkB,YAAY,CAACX,aAAa,CAACC,KAAK,EAAEX,KAAK,CAAC;MAElD,IAAIG,SAAS,CAACgB,SAAS,CAACG,cAAc,KAAKC,SAAS,EAAE;QAAA,IAAAC,qBAAA;QAClDrB,SAAS,CAACsB,QAAQ,CAACf,aAAa,CAACC,KAAK,GAAAa,qBAAA,GAAElB,IAAI,CAACH,SAAS,CAACgB,SAAS,CAACG,cAAc,CAAC,cAAAE,qBAAA,uBAAxCA,qBAAA,CAA0CE,QAAQ,CAAC;;KAElG;IAEDC,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAElB,aAAa,CAAC;IAEnD,OAAO;MACHiB,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEnB,aAAa,CAAC;KACzD;GACJ;;EAGD,CAACT,QAAQ,CAACe,OAAO,EAAEb,SAAS,CAACiB,MAAM,EAAEjB,SAAS,CAACgB,SAAS,CAACG,cAAc,EAAEpB,aAAa,CAAC,CAC1F;AACL;;;;"}

package/dist/esm/packages/taco/src/primitives/Table/Core/features/useTableRef.js

@@ -1,21 +1,13 @@
 import React__default from 'react';
 
 function useTableRef(table, ref) {
-  React__default.useEffect(function () {
+  React__default.useEffect(() => {
     if (ref.current) {
       ref.current.instance = {
-        resetFiltering: function resetFiltering() {
-          return table.resetColumnFilters();
-        },
-        resetRowExpansion: function resetRowExpansion() {
-          return table.resetExpanded();
-        },
-        resetRowSelection: function resetRowSelection() {
-          return table.resetRowSelection();
-        },
-        resetSorting: function resetSorting() {
-          return table.resetSorting();
-        }
+        resetFiltering: () => table.resetColumnFilters(),
+        resetRowExpansion: () => table.resetExpanded(),
+        resetRowSelection: () => table.resetRowSelection(),
+        resetSorting: () => table.resetSorting()
       };
     }
   }, [table, ref.current]);

package/dist/esm/packages/taco/src/primitives/Table/Core/features/useTableRef.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTableRef.js","sources":["../../../../../../../../../src/primitives/Table/Core/features/useTableRef.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable } from '@tanstack/react-table';\nimport { TableRef } from '../../types';\n\nexport function useTableRef<TType = unknown>(table: ReactTable<TType>, ref: React.RefObject<TableRef>) {\n    React.useEffect(() => {\n        if (ref.current) {\n            ref.current.instance = {\n                resetFiltering: () => table.resetColumnFilters(),\n                resetRowExpansion: () => table.resetExpanded(),\n                resetRowSelection: () => table.resetRowSelection(),\n                resetSorting: () => table.resetSorting(),\n            };\n        }\n    }, [table, ref.current]);\n}\n"],"names":["useTableRef","table","ref","React","useEffect","current","instance","resetFiltering","resetColumnFilters","resetRowExpansion","resetExpanded","resetRowSelection","resetSorting"],"mappings":";;SAIgBA,WAAWA,CAAkBC,KAAwB,EAAEC,GAA8B;EACjGC,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIF,GAAG,CAACG,OAAO,EAAE;MACbH,GAAG,CAACG,OAAO,CAACC,QAAQ,GAAG;QACnBC,cAAc,EAAE,SAAAA;UAAA,OAAMN,KAAK,CAACO,kBAAkB,EAAE;;QAChDC,iBAAiB,EAAE,SAAAA;UAAA,OAAMR,KAAK,CAACS,aAAa,EAAE;;QAC9CC,iBAAiB,EAAE,SAAAA;UAAA,OAAMV,KAAK,CAACU,iBAAiB,EAAE;;QAClDC,YAAY,EAAE,SAAAA;UAAA,OAAMX,KAAK,CAACW,YAAY,EAAE;;OAC3C;;GAER,EAAE,CAACX,KAAK,EAAEC,GAAG,CAACG,OAAO,CAAC,CAAC;AAC5B;;;;"}
+{"version":3,"file":"useTableRef.js","sources":["../../../../../../../../../src/primitives/Table/Core/features/useTableRef.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable } from '@tanstack/react-table';\nimport { TableRef } from '../../types';\n\nexport function useTableRef<TType = unknown>(table: ReactTable<TType>, ref: React.RefObject<TableRef>) {\n    React.useEffect(() => {\n        if (ref.current) {\n            ref.current.instance = {\n                resetFiltering: () => table.resetColumnFilters(),\n                resetRowExpansion: () => table.resetExpanded(),\n                resetRowSelection: () => table.resetRowSelection(),\n                resetSorting: () => table.resetSorting(),\n            };\n        }\n    }, [table, ref.current]);\n}\n"],"names":["useTableRef","table","ref","React","useEffect","current","instance","resetFiltering","resetColumnFilters","resetRowExpansion","resetExpanded","resetRowSelection","resetSorting"],"mappings":";;SAIgBA,WAAWA,CAAkBC,KAAwB,EAAEC,GAA8B;EACjGC,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIF,GAAG,CAACG,OAAO,EAAE;MACbH,GAAG,CAACG,OAAO,CAACC,QAAQ,GAAG;QACnBC,cAAc,EAAEA,MAAMN,KAAK,CAACO,kBAAkB,EAAE;QAChDC,iBAAiB,EAAEA,MAAMR,KAAK,CAACS,aAAa,EAAE;QAC9CC,iBAAiB,EAAEA,MAAMV,KAAK,CAACU,iBAAiB,EAAE;QAClDC,YAAY,EAAEA,MAAMX,KAAK,CAACW,YAAY;OACzC;;GAER,EAAE,CAACX,KAAK,EAAEC,GAAG,CAACG,OAAO,CAAC,CAAC;AAC5B;;;;"}