@economic/taco 2.47.0-server-2 → 2.47.0-server.11

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Header/components/Menu.js

@@ -7,39 +7,40 @@ import { _finallyRethrows, _catch } from '../../../../../../../../../node_module
 import { GotoPopover } from './Goto.js';
 
 function HeaderMenu(props) {
-  const {
-    canFilter,
-    canGoto,
-    canHide,
-    canPin,
-    canSort,
-    columnId,
-    customMenu,
-    index,
-    isFiltered,
-    onFilter: handleFilter,
-    onGoto: handleGoto,
-    onHide: handleHide,
-    onPin: handlePin,
-    onSortToggle: handleSortToggle,
-    scrollToIndex,
-    setRowActiveIndex,
-    sortDirection
-  } = props;
-  const {
-    texts
-  } = useLocalization();
-  const [popover, setPopover] = React__default.useState(undefined);
-  let popoverElement;
+  var canFilter = props.canFilter,
+    canGoto = props.canGoto,
+    canHide = props.canHide,
+    canPin = props.canPin,
+    canSort = props.canSort,
+    columnId = props.columnId,
+    customMenu = props.customMenu,
+    index = props.index,
+    isFiltered = props.isFiltered,
+    handleFilter = props.onFilter,
+    handleGoto = props.onGoto,
+    handleHide = props.onHide,
+    handlePin = props.onPin,
+    handleSortToggle = props.onSortToggle,
+    scrollToIndex = props.scrollToIndex,
+    setRowActiveIndex = props.setRowActiveIndex,
+    sortDirection = props.sortDirection;
+  var _useLocalization = useLocalization(),
+    texts = _useLocalization.texts;
+  var _React$useState = React__default.useState(undefined),
+    popover = _React$useState[0],
+    setPopover = _React$useState[1];
+  var popoverElement;
   if (popover) {
-    const handleClosePopover = () => setPopover(undefined);
+    var handleClosePopover = function handleClosePopover() {
+      return setPopover(undefined);
+    };
     switch (popover) {
       case 'goto':
         {
           if (handleGoto) {
-            const goto = function (query) {
+            var _goto = function _goto(query) {
               try {
-                const _temp = _finallyRethrows(function () {
+                var _temp = _finallyRethrows(function () {
                   return _catch(function () {
                     return Promise.resolve(handleGoto(query)).then(function (index) {
                       setRowActiveIndex(index);
@@ -59,20 +60,26 @@ function HeaderMenu(props) {
                 return Promise.reject(e);
               }
             };
-            popoverElement = props => /*#__PURE__*/React__default.createElement(GotoPopover, Object.assign({}, props, {
-              open: true,
-              onChange: handleClosePopover,
-              onGoto: goto
-            }));
+            popoverElement = function popoverElement(props) {
+              return /*#__PURE__*/React__default.createElement(GotoPopover, Object.assign({}, props, {
+                open: true,
+                onChange: handleClosePopover,
+                onGoto: _goto
+              }));
+            };
           }
         }
     }
   }
-  const memoedMenuItems = React__default.useMemo(() => {
-    const menuItems = [];
+  var memoedMenuItems = React__default.useMemo(function () {
+    var menuItems = [];
     if (canHide && handleHide) {
       // we do this in the next tick, otherwise the menu closes and react throws a "state update on unmounted component" error
-      const handleClick = event => setTimeout(() => handleHide(event), 1);
+      var handleClick = function handleClick(event) {
+        return setTimeout(function () {
+          return handleHide(event);
+        }, 1);
+      };
       menuItems.push(/*#__PURE__*/React__default.createElement(Menu.Item, {
         icon: "eye-off",
         onClick: handleClick
@@ -81,56 +88,72 @@ function HeaderMenu(props) {
     if (canSort) {
       menuItems.push(/*#__PURE__*/React__default.createElement(Menu.Item, {
         icon: "sort-by",
-        subMenu: () => (/*#__PURE__*/React__default.createElement(Menu.SubMenu, null, /*#__PURE__*/React__default.createElement(Menu.RadioGroup, {
-          onChange: handleSortToggle,
-          value: sortDirection
-        }, /*#__PURE__*/React__default.createElement(Menu.RadioGroup.Item, {
-          value: "asc"
-        }, texts.table.columns.menu.sortingOrder.ascending), /*#__PURE__*/React__default.createElement(Menu.RadioGroup.Item, {
-          value: "desc"
-        }, texts.table.columns.menu.sortingOrder.descending), /*#__PURE__*/React__default.createElement(Menu.RadioGroup.Item, {
-          value: false
-        }, texts.table.columns.menu.sortingOrder.unsorted))))
+        subMenu: function subMenu() {
+          return /*#__PURE__*/React__default.createElement(Menu.SubMenu, null, /*#__PURE__*/React__default.createElement(Menu.RadioGroup, {
+            onChange: handleSortToggle,
+            value: sortDirection
+          }, /*#__PURE__*/React__default.createElement(Menu.RadioGroup.Item, {
+            value: "asc"
+          }, texts.table.columns.menu.sortingOrder.ascending), /*#__PURE__*/React__default.createElement(Menu.RadioGroup.Item, {
+            value: "desc"
+          }, texts.table.columns.menu.sortingOrder.descending), /*#__PURE__*/React__default.createElement(Menu.RadioGroup.Item, {
+            value: false
+          }, texts.table.columns.menu.sortingOrder.unsorted)));
+        }
       }, texts.table.columns.menu.sorting));
     }
     if (canGoto) {
       menuItems.push(/*#__PURE__*/React__default.createElement(Menu.Item, {
         icon: "move",
-        onClick: () => setPopover('goto'),
+        onClick: function onClick() {
+          return setPopover('goto');
+        },
         shortcut: "g"
       }, texts.table.columns.menu.gotoRow, "..."));
     }
     if (canPin && handlePin) {
       menuItems.push(/*#__PURE__*/React__default.createElement(Menu.Item, {
         icon: "column-freeze",
-        onClick: () => handlePin(index)
+        onClick: function onClick() {
+          return handlePin(index);
+        }
       }, index === 0 ? texts.table.columns.menu.freezeFirstColumn : texts.table.columns.menu.freezeUptoColumn.replace('[TOTAL]', String(index + 1))));
       menuItems.push(/*#__PURE__*/React__default.createElement(Menu.Item, {
         icon: "column-unfreeze",
-        onClick: () => handlePin(undefined)
+        onClick: function onClick() {
+          return handlePin(undefined);
+        }
       }, texts.table.columns.menu.unfreezeColumns));
     }
     if (canFilter && handleFilter) {
       menuItems.push(/*#__PURE__*/React__default.createElement(Menu.Item, {
         icon: isFiltered ? 'filter-solid' : 'filter',
-        onClick: () => handleFilter()
+        onClick: function onClick() {
+          return handleFilter();
+        }
       }, isFiltered ? texts.table.columns.menu.editFilter : texts.table.columns.menu.filter));
     }
     if (customMenu) {
-      const customItems = customMenu.map(menuItem => menuItem(columnId)).filter(action => !!action);
+      var customItems = customMenu.map(function (menuItem) {
+        return menuItem(columnId);
+      }).filter(function (action) {
+        return !!action;
+      });
       if (customItems.length) {
         if (menuItems.length) {
           menuItems.push(/*#__PURE__*/React__default.createElement(Menu.Separator, null));
         }
-        menuItems.push(...customItems);
+        menuItems.push.apply(menuItems, customItems);
       }
     }
-    return menuItems.map((item, key) => /*#__PURE__*/React__default.cloneElement(item, {
-      key
-    }));
+    return menuItems.map(function (item, key) {
+      return /*#__PURE__*/React__default.cloneElement(item, {
+        key: key
+      });
+    });
   }, [canFilter, canGoto, canHide, canPin, canSort, customMenu, handleGoto, handleSortToggle, index, isFiltered, sortDirection]);
   // can't use display: none because the button needs to be focusable
-  const className = cn(
+  var className = cn(
   // positioning
   'justify-end overflow-hidden',
   // sizing
@@ -146,10 +169,14 @@ function HeaderMenu(props) {
   return /*#__PURE__*/React__default.createElement(IconButton, {
     className: className,
     icon: "more",
-    menu: popoverElement ? undefined : menuProps => (/*#__PURE__*/React__default.createElement(Menu, Object.assign({}, menuProps), /*#__PURE__*/React__default.createElement(Menu.Content, null, memoedMenuItems))),
+    menu: popoverElement ? undefined : function (menuProps) {
+      return /*#__PURE__*/React__default.createElement(Menu, Object.assign({}, menuProps), /*#__PURE__*/React__default.createElement(Menu.Content, null, memoedMenuItems));
+    },
     popover: popoverElement,
-    onClickCapture: event => event.preventDefault(),
-    onKeyDown: event => {
+    onClickCapture: function onClickCapture(event) {
+      return event.preventDefault();
+    },
+    onKeyDown: function onKeyDown(event) {
       // Removes focus from the column header menu button so that active row shortcuts execute when Tab,
       // Shift+Tab, or any other keydown event occurs.
       if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Header/components/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sources":["../../../../../../../../../../../src/primitives/Table/Core/components/Header/components/Menu.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { IconButton } from '../../../../../../components/IconButton/IconButton';\nimport { Menu as MenuPrimitive } from '../../../../../../components/Menu/Menu';\nimport { useLocalization } from '../../../../../../components/Provider/Localization';\nimport { GotoPopover } from './Goto';\nimport { TableColumnMenu, TableColumnSortDirection } from '../../../../types';\n\nexport type HeaderMenuProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n    canFilter: boolean;\n    canGoto: boolean;\n    canHide: boolean;\n    canPin: boolean;\n    canSort: boolean;\n    columnId: string;\n    customMenu?: TableColumnMenu;\n    index: number;\n    isFiltered: boolean;\n    onFilter?: () => void;\n    onGoto?: (query: string) => Promise<number>;\n    onHide?: (event: unknown) => void;\n    onPin?: (index: number | undefined) => void;\n    onSortToggle?: (sortDirection: TableColumnSortDirection | false) => void;\n    scrollToIndex: (index: number) => void;\n    setRowActiveIndex: (index: number) => void;\n    sortDirection?: TableColumnSortDirection | false;\n};\n\nexport function HeaderMenu(props: HeaderMenuProps) {\n    const {\n        canFilter,\n        canGoto,\n        canHide,\n        canPin,\n        canSort,\n        columnId,\n        customMenu,\n        index,\n        isFiltered,\n        onFilter: handleFilter,\n        onGoto: handleGoto,\n        onHide: handleHide,\n        onPin: handlePin,\n        onSortToggle: handleSortToggle,\n        scrollToIndex,\n        setRowActiveIndex,\n        sortDirection,\n    } = props;\n    const { texts } = useLocalization();\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 'goto': {\n                if (handleGoto) {\n                    const goto = async (query: string) => {\n                        try {\n                            const index = await handleGoto(query);\n                            setRowActiveIndex(index);\n                            scrollToIndex(index);\n                        } catch (e) {\n                            console.error(e);\n                            //\n                        } finally {\n                            handleClosePopover();\n                        }\n                    };\n                    popoverElement = props => <GotoPopover {...props} open onChange={handleClosePopover} onGoto={goto} />;\n                }\n            }\n        }\n    }\n\n    const memoedMenuItems = React.useMemo(() => {\n        const menuItems: JSX.Element[] = [];\n\n        if (canHide && handleHide) {\n            // we do this in the next tick, otherwise the menu closes and react throws a \"state update on unmounted component\" error\n            const handleClick = event => setTimeout(() => handleHide(event), 1);\n\n            menuItems.push(\n                <MenuPrimitive.Item icon=\"eye-off\" onClick={handleClick}>\n                    {texts.table.columns.menu.hideColumn}\n                </MenuPrimitive.Item>\n            );\n        }\n\n        if (canSort) {\n            menuItems.push(\n                <MenuPrimitive.Item\n                    icon=\"sort-by\"\n                    subMenu={() => (\n                        <MenuPrimitive.SubMenu>\n                            <MenuPrimitive.RadioGroup onChange={handleSortToggle as any} value={sortDirection}>\n                                <MenuPrimitive.RadioGroup.Item value=\"asc\">\n                                    {texts.table.columns.menu.sortingOrder.ascending}\n                                </MenuPrimitive.RadioGroup.Item>\n                                <MenuPrimitive.RadioGroup.Item value=\"desc\">\n                                    {texts.table.columns.menu.sortingOrder.descending}\n                                </MenuPrimitive.RadioGroup.Item>\n                                <MenuPrimitive.RadioGroup.Item value={false}>\n                                    {texts.table.columns.menu.sortingOrder.unsorted}\n                                </MenuPrimitive.RadioGroup.Item>\n                            </MenuPrimitive.RadioGroup>\n                        </MenuPrimitive.SubMenu>\n                    )}>\n                    {texts.table.columns.menu.sorting}\n                </MenuPrimitive.Item>\n            );\n        }\n\n        if (canGoto) {\n            menuItems.push(\n                <MenuPrimitive.Item icon=\"move\" onClick={() => setPopover('goto')} shortcut=\"g\">\n                    {texts.table.columns.menu.gotoRow}...\n                </MenuPrimitive.Item>\n            );\n        }\n\n        if (canPin && handlePin) {\n            menuItems.push(\n                <MenuPrimitive.Item icon=\"column-freeze\" onClick={() => handlePin(index)}>\n                    {index === 0\n                        ? texts.table.columns.menu.freezeFirstColumn\n                        : texts.table.columns.menu.freezeUptoColumn.replace('[TOTAL]', String(index + 1))}\n                </MenuPrimitive.Item>\n            );\n\n            menuItems.push(\n                <MenuPrimitive.Item icon=\"column-unfreeze\" onClick={() => handlePin(undefined)}>\n                    {texts.table.columns.menu.unfreezeColumns}\n                </MenuPrimitive.Item>\n            );\n        }\n        if (canFilter && handleFilter) {\n            menuItems.push(\n                <MenuPrimitive.Item icon={isFiltered ? 'filter-solid' : 'filter'} onClick={() => handleFilter()}>\n                    {isFiltered ? texts.table.columns.menu.editFilter : texts.table.columns.menu.filter}\n                </MenuPrimitive.Item>\n            );\n        }\n\n        if (customMenu) {\n            const customItems = customMenu.map(menuItem => menuItem(columnId)).filter(action => !!action) as JSX.Element[];\n\n            if (customItems.length) {\n                if (menuItems.length) {\n                    menuItems.push(<MenuPrimitive.Separator />);\n                }\n\n                menuItems.push(...customItems);\n            }\n        }\n\n        return menuItems.map((item, key) => React.cloneElement(item, { key }));\n    }, [\n        canFilter,\n        canGoto,\n        canHide,\n        canPin,\n        canSort,\n        customMenu,\n        handleGoto,\n        handleSortToggle,\n        index,\n        isFiltered,\n        sortDirection,\n    ]);\n\n    // can't use display: none because the button needs to be focusable\n    const className = cn(\n        // positioning\n        'justify-end overflow-hidden',\n        // sizing\n        '!h-6 !w-0 !min-h-[theme(spacing.6)] !min-w-0',\n        // visible - hover\n        'group-hover/header:!w-6 group-hover/header:!min-w-[theme(spacing.6)] group-hover/header:-mr-1',\n        // visible - expanded\n        'aria-expanded:!w-6 aria-expanded:!min-w-[theme(spacing.6)]',\n        // visible - focus\n        'focus:!w-6 focus:!min-w-[theme(spacing.6)]',\n        {\n            '!w-6 !min-w-[theme(spacing.6)]': !!popoverElement,\n        },\n        props.className\n    );\n\n    return (\n        <IconButton\n            className={className}\n            icon=\"more\"\n            menu={\n                popoverElement\n                    ? undefined\n                    : menuProps => (\n                          <MenuPrimitive {...menuProps}>\n                              <MenuPrimitive.Content>{memoedMenuItems}</MenuPrimitive.Content>\n                          </MenuPrimitive>\n                      )\n            }\n            popover={popoverElement}\n            onClickCapture={event => event.preventDefault()}\n            onKeyDown={event => {\n                // Removes focus from the column header menu button so that active row shortcuts execute when Tab,\n                // Shift+Tab, or any other keydown event occurs.\n                if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {\n                    event.currentTarget?.blur();\n                }\n            }}\n        />\n    );\n}\n"],"names":["HeaderMenu","props","canFilter","canGoto","canHide","canPin","canSort","columnId","customMenu","index","isFiltered","onFilter","handleFilter","onGoto","handleGoto","onHide","handleHide","onPin","handlePin","onSortToggle","handleSortToggle","scrollToIndex","setRowActiveIndex","sortDirection","texts","useLocalization","popover","setPopover","React","useState","undefined","popoverElement","handleClosePopover","goto","query","Promise","resolve","then","e","console","error","_wasThrown","_result","_temp","reject","GotoPopover","open","onChange","memoedMenuItems","useMemo","menuItems","handleClick","event","setTimeout","push","MenuPrimitive","Item","icon","onClick","table","columns","menu","hideColumn","subMenu","SubMenu","RadioGroup","value","sortingOrder","ascending","descending","unsorted","sorting","shortcut","gotoRow","freezeFirstColumn","freezeUptoColumn","replace","String","unfreezeColumns","editFilter","filter","customItems","map","menuItem","action","length","Separator","item","key","cloneElement","className","cn","IconButton","menuProps","Content","onClickCapture","preventDefault","onKeyDown","_event$currentTarget","currentTarget","blur"],"mappings":";;;;;;;;SA4BgBA,UAAUA,CAACC,KAAsB;EAC7C,MAAM;IACFC,SAAS;IACTC,OAAO;IACPC,OAAO;IACPC,MAAM;IACNC,OAAO;IACPC,QAAQ;IACRC,UAAU;IACVC,KAAK;IACLC,UAAU;IACVC,QAAQ,EAAEC,YAAY;IACtBC,MAAM,EAAEC,UAAU;IAClBC,MAAM,EAAEC,UAAU;IAClBC,KAAK,EAAEC,SAAS;IAChBC,YAAY,EAAEC,gBAAgB;IAC9BC,aAAa;IACbC,iBAAiB;IACjBC;GACH,GAAGtB,KAAK;EACT,MAAM;IAAEuB;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAqBC,SAAS,CAAC;EAE3E,IAAIC,cAAc;EAElB,IAAIL,OAAO,EAAE;IACT,MAAMM,kBAAkB,GAAGA,MAAML,UAAU,CAACG,SAAS,CAAC;IAEtD,QAAQJ,OAAO;MACX,KAAK,MAAM;QAAE;UACT,IAAIZ,UAAU,EAAE;YACZ,MAAMmB,IAAI,aAAUC,KAAa;cAAA;;4CACzB;oBAAA,OAAAC,OAAA,CAAAC,OAAA,CACoBtB,UAAU,CAACoB,KAAK,CAAC,EAAAG,IAAA,WAA/B5B,KAAK;sBACXa,iBAAiB,CAACb,KAAK,CAAC;sBACxBY,aAAa,CAACZ,KAAK,CAAC;;mBACvB,YAAQ6B,CAAC,EAAE;oBACRC,OAAO,CAACC,KAAK,CAACF,CAAC,CAAC;;mBAEnB;6BAAAG,UAAA,EAAAC,OAAA;kBACGV,kBAAkB,EAAE;kBAAC,IAAAS,UAAA,QAAAC,OAAA;kBAAA,OAAAA,OAAA;;gBAAA,OAAAP,OAAA,CAAAC,OAAA,CAAAO,KAAA,IAAAA,KAAA,CAAAN,IAAA,GAAAM,KAAA,CAAAN,IAAA;eAE5B,QAAAC,CAAA;gBAAA,OAAAH,OAAA,CAAAS,MAAA,CAAAN,CAAA;;;YACDP,cAAc,GAAG9B,KAAK,iBAAI2B,6BAACiB,WAAW,oBAAK5C,KAAK;cAAE6C,IAAI;cAACC,QAAQ,EAAEf,kBAAkB;cAAEnB,MAAM,EAAEoB;eAAQ;;;;;EAMrH,MAAMe,eAAe,GAAGpB,cAAK,CAACqB,OAAO,CAAC;IAClC,MAAMC,SAAS,GAAkB,EAAE;IAEnC,IAAI9C,OAAO,IAAIY,UAAU,EAAE;;MAEvB,MAAMmC,WAAW,GAAGC,KAAK,IAAIC,UAAU,CAAC,MAAMrC,UAAU,CAACoC,KAAK,CAAC,EAAE,CAAC,CAAC;MAEnEF,SAAS,CAACI,IAAI,cACV1B,6BAAC2B,IAAa,CAACC,IAAI;QAACC,IAAI,EAAC,SAAS;QAACC,OAAO,EAAEP;SACvC3B,KAAK,CAACmC,KAAK,CAACC,OAAO,CAACC,IAAI,CAACC,UAAU,CACnB,CACxB;;IAGL,IAAIxD,OAAO,EAAE;MACT4C,SAAS,CAACI,IAAI,cACV1B,6BAAC2B,IAAa,CAACC,IAAI;QACfC,IAAI,EAAC,SAAS;QACdM,OAAO,EAAEA,oBACLnC,6BAAC2B,IAAa,CAACS,OAAO,qBAClBpC,6BAAC2B,IAAa,CAACU,UAAU;UAAClB,QAAQ,EAAE3B,gBAAuB;UAAE8C,KAAK,EAAE3C;wBAChEK,6BAAC2B,IAAa,CAACU,UAAU,CAACT,IAAI;UAACU,KAAK,EAAC;WAChC1C,KAAK,CAACmC,KAAK,CAACC,OAAO,CAACC,IAAI,CAACM,YAAY,CAACC,SAAS,CACpB,eAChCxC,6BAAC2B,IAAa,CAACU,UAAU,CAACT,IAAI;UAACU,KAAK,EAAC;WAChC1C,KAAK,CAACmC,KAAK,CAACC,OAAO,CAACC,IAAI,CAACM,YAAY,CAACE,UAAU,CACrB,eAChCzC,6BAAC2B,IAAa,CAACU,UAAU,CAACT,IAAI;UAACU,KAAK,EAAE;WACjC1C,KAAK,CAACmC,KAAK,CAACC,OAAO,CAACC,IAAI,CAACM,YAAY,CAACG,QAAQ,CACnB,CACT,CACP;SAE3B9C,KAAK,CAACmC,KAAK,CAACC,OAAO,CAACC,IAAI,CAACU,OAAO,CAChB,CACxB;;IAGL,IAAIpE,OAAO,EAAE;MACT+C,SAAS,CAACI,IAAI,cACV1B,6BAAC2B,IAAa,CAACC,IAAI;QAACC,IAAI,EAAC,MAAM;QAACC,OAAO,EAAEA,MAAM/B,UAAU,CAAC,MAAM,CAAC;QAAE6C,QAAQ,EAAC;SACvEhD,KAAK,CAACmC,KAAK,CAACC,OAAO,CAACC,IAAI,CAACY,OAAO,QAChB,CACxB;;IAGL,IAAIpE,MAAM,IAAIa,SAAS,EAAE;MACrBgC,SAAS,CAACI,IAAI,cACV1B,6BAAC2B,IAAa,CAACC,IAAI;QAACC,IAAI,EAAC,eAAe;QAACC,OAAO,EAAEA,MAAMxC,SAAS,CAACT,KAAK;SAClEA,KAAK,KAAK,CAAC,GACNe,KAAK,CAACmC,KAAK,CAACC,OAAO,CAACC,IAAI,CAACa,iBAAiB,GAC1ClD,KAAK,CAACmC,KAAK,CAACC,OAAO,CAACC,IAAI,CAACc,gBAAgB,CAACC,OAAO,CAAC,SAAS,EAAEC,MAAM,CAACpE,KAAK,GAAG,CAAC,CAAC,CAAC,CACpE,CACxB;MAEDyC,SAAS,CAACI,IAAI,cACV1B,6BAAC2B,IAAa,CAACC,IAAI;QAACC,IAAI,EAAC,iBAAiB;QAACC,OAAO,EAAEA,MAAMxC,SAAS,CAACY,SAAS;SACxEN,KAAK,CAACmC,KAAK,CAACC,OAAO,CAACC,IAAI,CAACiB,eAAe,CACxB,CACxB;;IAEL,IAAI5E,SAAS,IAAIU,YAAY,EAAE;MAC3BsC,SAAS,CAACI,IAAI,cACV1B,6BAAC2B,IAAa,CAACC,IAAI;QAACC,IAAI,EAAE/C,UAAU,GAAG,cAAc,GAAG,QAAQ;QAAEgD,OAAO,EAAEA,MAAM9C,YAAY;SACxFF,UAAU,GAAGc,KAAK,CAACmC,KAAK,CAACC,OAAO,CAACC,IAAI,CAACkB,UAAU,GAAGvD,KAAK,CAACmC,KAAK,CAACC,OAAO,CAACC,IAAI,CAACmB,MAAM,CAClE,CACxB;;IAGL,IAAIxE,UAAU,EAAE;MACZ,MAAMyE,WAAW,GAAGzE,UAAU,CAAC0E,GAAG,CAACC,QAAQ,IAAIA,QAAQ,CAAC5E,QAAQ,CAAC,CAAC,CAACyE,MAAM,CAACI,MAAM,IAAI,CAAC,CAACA,MAAM,CAAkB;MAE9G,IAAIH,WAAW,CAACI,MAAM,EAAE;QACpB,IAAInC,SAAS,CAACmC,MAAM,EAAE;UAClBnC,SAAS,CAACI,IAAI,cAAC1B,6BAAC2B,IAAa,CAAC+B,SAAS,OAAG,CAAC;;QAG/CpC,SAAS,CAACI,IAAI,CAAC,GAAG2B,WAAW,CAAC;;;IAItC,OAAO/B,SAAS,CAACgC,GAAG,CAAC,CAACK,IAAI,EAAEC,GAAG,kBAAK5D,cAAK,CAAC6D,YAAY,CAACF,IAAI,EAAE;MAAEC;KAAK,CAAC,CAAC;GACzE,EAAE,CACCtF,SAAS,EACTC,OAAO,EACPC,OAAO,EACPC,MAAM,EACNC,OAAO,EACPE,UAAU,EACVM,UAAU,EACVM,gBAAgB,EAChBX,KAAK,EACLC,UAAU,EACVa,aAAa,CAChB,CAAC;;EAGF,MAAMmE,SAAS,GAAGC,EAAE;;EAEhB,6BAA6B;;EAE7B,8CAA8C;;EAE9C,+FAA+F;;EAE/F,4DAA4D;;EAE5D,4CAA4C,EAC5C;IACI,gCAAgC,EAAE,CAAC,CAAC5D;GACvC,EACD9B,KAAK,CAACyF,SAAS,CAClB;EAED,oBACI9D,6BAACgE,UAAU;IACPF,SAAS,EAAEA,SAAS;IACpBjC,IAAI,EAAC,MAAM;IACXI,IAAI,EACA9B,cAAc,GACRD,SAAS,GACT+D,SAAS,kBACLjE,6BAAC2B,IAAa,oBAAKsC,SAAS,gBACxBjE,6BAAC2B,IAAa,CAACuC,OAAO,QAAE9C,eAAe,CAAyB,CACpD,CACnB;IAEXtB,OAAO,EAAEK,cAAc;IACvBgE,cAAc,EAAE3C,KAAK,IAAIA,KAAK,CAAC4C,cAAc,EAAE;IAC/CC,SAAS,EAAE7C,KAAK;;;MAGZ,IAAIA,KAAK,CAACoC,GAAG,KAAK,SAAS,IAAIpC,KAAK,CAACoC,GAAG,KAAK,WAAW,EAAE;QAAA,IAAAU,oBAAA;QACtD,CAAAA,oBAAA,GAAA9C,KAAK,CAAC+C,aAAa,cAAAD,oBAAA,uBAAnBA,oBAAA,CAAqBE,IAAI,EAAE;;;IAGrC;AAEV;;;;"}
+{"version":3,"file":"Menu.js","sources":["../../../../../../../../../../../src/primitives/Table/Core/components/Header/components/Menu.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { IconButton } from '../../../../../../components/IconButton/IconButton';\nimport { Menu as MenuPrimitive } from '../../../../../../components/Menu/Menu';\nimport { useLocalization } from '../../../../../../components/Provider/Localization';\nimport { GotoPopover } from './Goto';\nimport { TableColumnMenu, TableColumnSortDirection } from '../../../../types';\n\nexport type HeaderMenuProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n    canFilter: boolean;\n    canGoto: boolean;\n    canHide: boolean;\n    canPin: boolean;\n    canSort: boolean;\n    columnId: string;\n    customMenu?: TableColumnMenu;\n    index: number;\n    isFiltered: boolean;\n    onFilter?: () => void;\n    onGoto?: (query: string) => Promise<number>;\n    onHide?: (event: unknown) => void;\n    onPin?: (index: number | undefined) => void;\n    onSortToggle?: (sortDirection: TableColumnSortDirection | false) => void;\n    scrollToIndex: (index: number) => void;\n    setRowActiveIndex: (index: number) => void;\n    sortDirection?: TableColumnSortDirection | false;\n};\n\nexport function HeaderMenu(props: HeaderMenuProps) {\n    const {\n        canFilter,\n        canGoto,\n        canHide,\n        canPin,\n        canSort,\n        columnId,\n        customMenu,\n        index,\n        isFiltered,\n        onFilter: handleFilter,\n        onGoto: handleGoto,\n        onHide: handleHide,\n        onPin: handlePin,\n        onSortToggle: handleSortToggle,\n        scrollToIndex,\n        setRowActiveIndex,\n        sortDirection,\n    } = props;\n    const { texts } = useLocalization();\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 'goto': {\n                if (handleGoto) {\n                    const goto = async (query: string) => {\n                        try {\n                            const index = await handleGoto(query);\n                            setRowActiveIndex(index);\n                            scrollToIndex(index);\n                        } catch (e) {\n                            console.error(e);\n                            //\n                        } finally {\n                            handleClosePopover();\n                        }\n                    };\n                    popoverElement = props => <GotoPopover {...props} open onChange={handleClosePopover} onGoto={goto} />;\n                }\n            }\n        }\n    }\n\n    const memoedMenuItems = React.useMemo(() => {\n        const menuItems: JSX.Element[] = [];\n\n        if (canHide && handleHide) {\n            // we do this in the next tick, otherwise the menu closes and react throws a \"state update on unmounted component\" error\n            const handleClick = event => setTimeout(() => handleHide(event), 1);\n\n            menuItems.push(\n                <MenuPrimitive.Item icon=\"eye-off\" onClick={handleClick}>\n                    {texts.table.columns.menu.hideColumn}\n                </MenuPrimitive.Item>\n            );\n        }\n\n        if (canSort) {\n            menuItems.push(\n                <MenuPrimitive.Item\n                    icon=\"sort-by\"\n                    subMenu={() => (\n                        <MenuPrimitive.SubMenu>\n                            <MenuPrimitive.RadioGroup onChange={handleSortToggle as any} value={sortDirection}>\n                                <MenuPrimitive.RadioGroup.Item value=\"asc\">\n                                    {texts.table.columns.menu.sortingOrder.ascending}\n                                </MenuPrimitive.RadioGroup.Item>\n                                <MenuPrimitive.RadioGroup.Item value=\"desc\">\n                                    {texts.table.columns.menu.sortingOrder.descending}\n                                </MenuPrimitive.RadioGroup.Item>\n                                <MenuPrimitive.RadioGroup.Item value={false}>\n                                    {texts.table.columns.menu.sortingOrder.unsorted}\n                                </MenuPrimitive.RadioGroup.Item>\n                            </MenuPrimitive.RadioGroup>\n                        </MenuPrimitive.SubMenu>\n                    )}>\n                    {texts.table.columns.menu.sorting}\n                </MenuPrimitive.Item>\n            );\n        }\n\n        if (canGoto) {\n            menuItems.push(\n                <MenuPrimitive.Item icon=\"move\" onClick={() => setPopover('goto')} shortcut=\"g\">\n                    {texts.table.columns.menu.gotoRow}...\n                </MenuPrimitive.Item>\n            );\n        }\n\n        if (canPin && handlePin) {\n            menuItems.push(\n                <MenuPrimitive.Item icon=\"column-freeze\" onClick={() => handlePin(index)}>\n                    {index === 0\n                        ? texts.table.columns.menu.freezeFirstColumn\n                        : texts.table.columns.menu.freezeUptoColumn.replace('[TOTAL]', String(index + 1))}\n                </MenuPrimitive.Item>\n            );\n\n            menuItems.push(\n                <MenuPrimitive.Item icon=\"column-unfreeze\" onClick={() => handlePin(undefined)}>\n                    {texts.table.columns.menu.unfreezeColumns}\n                </MenuPrimitive.Item>\n            );\n        }\n        if (canFilter && handleFilter) {\n            menuItems.push(\n                <MenuPrimitive.Item icon={isFiltered ? 'filter-solid' : 'filter'} onClick={() => handleFilter()}>\n                    {isFiltered ? texts.table.columns.menu.editFilter : texts.table.columns.menu.filter}\n                </MenuPrimitive.Item>\n            );\n        }\n\n        if (customMenu) {\n            const customItems = customMenu.map(menuItem => menuItem(columnId)).filter(action => !!action) as JSX.Element[];\n\n            if (customItems.length) {\n                if (menuItems.length) {\n                    menuItems.push(<MenuPrimitive.Separator />);\n                }\n\n                menuItems.push(...customItems);\n            }\n        }\n\n        return menuItems.map((item, key) => React.cloneElement(item, { key }));\n    }, [\n        canFilter,\n        canGoto,\n        canHide,\n        canPin,\n        canSort,\n        customMenu,\n        handleGoto,\n        handleSortToggle,\n        index,\n        isFiltered,\n        sortDirection,\n    ]);\n\n    // can't use display: none because the button needs to be focusable\n    const className = cn(\n        // positioning\n        'justify-end overflow-hidden',\n        // sizing\n        '!h-6 !w-0 !min-h-[theme(spacing.6)] !min-w-0',\n        // visible - hover\n        'group-hover/header:!w-6 group-hover/header:!min-w-[theme(spacing.6)] group-hover/header:-mr-1',\n        // visible - expanded\n        'aria-expanded:!w-6 aria-expanded:!min-w-[theme(spacing.6)]',\n        // visible - focus\n        'focus:!w-6 focus:!min-w-[theme(spacing.6)]',\n        {\n            '!w-6 !min-w-[theme(spacing.6)]': !!popoverElement,\n        },\n        props.className\n    );\n\n    return (\n        <IconButton\n            className={className}\n            icon=\"more\"\n            menu={\n                popoverElement\n                    ? undefined\n                    : menuProps => (\n                          <MenuPrimitive {...menuProps}>\n                              <MenuPrimitive.Content>{memoedMenuItems}</MenuPrimitive.Content>\n                          </MenuPrimitive>\n                      )\n            }\n            popover={popoverElement}\n            onClickCapture={event => event.preventDefault()}\n            onKeyDown={event => {\n                // Removes focus from the column header menu button so that active row shortcuts execute when Tab,\n                // Shift+Tab, or any other keydown event occurs.\n                if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {\n                    event.currentTarget?.blur();\n                }\n            }}\n        />\n    );\n}\n"],"names":["HeaderMenu","props","canFilter","canGoto","canHide","canPin","canSort","columnId","customMenu","index","isFiltered","handleFilter","onFilter","handleGoto","onGoto","handleHide","onHide","handlePin","onPin","handleSortToggle","onSortToggle","scrollToIndex","setRowActiveIndex","sortDirection","_useLocalization","useLocalization","texts","_React$useState","React","useState","undefined","popover","setPopover","popoverElement","handleClosePopover","goto","query","Promise","resolve","then","e","console","error","_wasThrown","_result","_temp","reject","GotoPopover","open","onChange","memoedMenuItems","useMemo","menuItems","handleClick","event","setTimeout","push","MenuPrimitive","Item","icon","onClick","table","columns","menu","hideColumn","subMenu","SubMenu","RadioGroup","value","sortingOrder","ascending","descending","unsorted","sorting","shortcut","gotoRow","freezeFirstColumn","freezeUptoColumn","replace","String","unfreezeColumns","editFilter","filter","customItems","map","menuItem","action","length","Separator","apply","item","key","cloneElement","className","cn","IconButton","menuProps","Content","onClickCapture","preventDefault","onKeyDown","_event$currentTarget","currentTarget","blur"],"mappings":"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"}

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Header/components/Resizer.js

@@ -1,38 +1,36 @@
 import React__default from 'react';
 import cn from 'clsx';
+import { extends as _extends } from '../../../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Tooltip } from '../../../../../../components/Tooltip/Tooltip.js';
 import { useLocalization } from '../../../../../../components/Provider/Localization.js';
 
 function Resizer(props) {
-  const {
-    headerRef,
-    id,
-    isResizing,
-    onResetSize,
-    onResize,
-    setColumnSizing,
-    width
-  } = props;
-  const {
-    texts
-  } = useLocalization();
+  var headerRef = props.headerRef,
+    id = props.id,
+    isResizing = props.isResizing,
+    onResetSize = props.onResetSize,
+    onResize = props.onResize,
+    setColumnSizing = props.setColumnSizing,
+    width = props.width;
+  var _useLocalization = useLocalization(),
+    texts = _useLocalization.texts;
   // this prevents sort handlers being activated
-  const handleClick = event => {
+  var handleClick = function handleClick(event) {
     event.stopPropagation();
     event.preventDefault();
   };
   // columns set to "grow" don't set a width, so if resize is being triggered on a grow column make sure to set a size first
-  const handleResize = event => {
+  var handleResize = function handleResize(event) {
     // event.detail >= 2 means a user has clicked more than once quickly.
     if (event.detail >= 2) {
       onResetSize();
     } else {
       if (!Number.isInteger(width) && headerRef) {
-        setColumnSizing(sizes => ({
-          ...sizes,
-          [id]: headerRef.getBoundingClientRect().width
-        }));
-        setTimeout(() => {
+        setColumnSizing(function (sizes) {
+          var _extends2;
+          return _extends({}, sizes, (_extends2 = {}, _extends2[id] = headerRef.getBoundingClientRect().width, _extends2));
+        });
+        setTimeout(function () {
           onResize === null || onResize === void 0 ? void 0 : onResize(event);
         }, 1);
       } else {
@@ -40,7 +38,7 @@ function Resizer(props) {
       }
     }
   };
-  const handle = /*#__PURE__*/React__default.createElement("div", {
+  var handle = /*#__PURE__*/React__default.createElement("div", {
     className: cn('invisible absolute right-0 top-0 z-10 -mr-2 flex h-full w-4 cursor-col-resize touch-none select-none justify-center rounded py-0.5', 'group-hover/header:visible', '[th:last-child>&]:!mr-0 [th:last-child>&]:w-2', {
       '!visible': isResizing
     }),

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Header/components/Resizer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Resizer.js","sources":["../../../../../../../../../../../src/primitives/Table/Core/components/Header/components/Resizer.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Tooltip } from '../../../../../../components/Tooltip/Tooltip';\nimport { useLocalization } from '../../../../../../components/Provider/Localization';\nimport { TableColumnWidth } from '../../../../types';\n\ntype ResizerProps = {\n    headerRef: HTMLTableCellElement | null;\n    id: string;\n    isResizing: boolean;\n    onResize: (event: unknown) => void;\n    onResetSize: () => void;\n    setColumnSizing: any;\n    width?: TableColumnWidth;\n};\n\nexport function Resizer(props: ResizerProps) {\n    const { headerRef, id, isResizing, onResetSize, onResize, setColumnSizing, width } = props;\n    const { texts } = useLocalization();\n\n    // this prevents sort handlers being activated\n    const handleClick = event => {\n        event.stopPropagation();\n        event.preventDefault();\n    };\n\n    // columns set to \"grow\" don't set a width, so if resize is being triggered on a grow column make sure to set a size first\n    const handleResize = event => {\n        // event.detail >= 2 means a user has clicked more than once quickly.\n        if (event.detail >= 2) {\n            onResetSize();\n        } else {\n            if (!Number.isInteger(width) && headerRef) {\n                setColumnSizing(sizes => ({\n                    ...sizes,\n                    [id]: headerRef.getBoundingClientRect().width,\n                }));\n                setTimeout(() => {\n                    onResize?.(event);\n                }, 1);\n            } else {\n                onResize?.(event);\n            }\n        }\n    };\n\n    const handle = (\n        <div\n            className={cn(\n                'invisible absolute right-0 top-0 z-10 -mr-2 flex h-full w-4 cursor-col-resize touch-none select-none justify-center rounded py-0.5',\n                'group-hover/header:visible',\n                '[th:last-child>&]:!mr-0 [th:last-child>&]:w-2',\n                {\n                    '!visible': isResizing,\n                }\n            )}\n            onClick={handleClick}\n            onMouseDown={handleResize}\n            onTouchStart={handleResize}>\n            <div\n                className={cn('h-full w-1 rounded', {\n                    '!bg-blue-500': isResizing,\n                    'bg-grey-500 hover:bg-grey-700': !isResizing,\n                })}\n            />\n        </div>\n    );\n\n    if (isResizing) {\n        return handle;\n    }\n\n    return (\n        <Tooltip placement=\"top\" title={texts.table.columns.resize.tooltip}>\n            {handle}\n        </Tooltip>\n    );\n}\n"],"names":["Resizer","props","headerRef","id","isResizing","onResetSize","onResize","setColumnSizing","width","texts","useLocalization","handleClick","event","stopPropagation","preventDefault","handleResize","detail","Number","isInteger","sizes","getBoundingClientRect","setTimeout","handle","React","className","cn","onClick","onMouseDown","onTouchStart","Tooltip","placement","title","table","columns","resize","tooltip"],"mappings":";;;;;SAgBgBA,OAAOA,CAACC,KAAmB;EACvC,MAAM;IAAEC,SAAS;IAAEC,EAAE;IAAEC,UAAU;IAAEC,WAAW;IAAEC,QAAQ;IAAEC,eAAe;IAAEC;GAAO,GAAGP,KAAK;EAC1F,MAAM;IAAEQ;GAAO,GAAGC,eAAe,EAAE;;EAGnC,MAAMC,WAAW,GAAGC,KAAK;IACrBA,KAAK,CAACC,eAAe,EAAE;IACvBD,KAAK,CAACE,cAAc,EAAE;GACzB;;EAGD,MAAMC,YAAY,GAAGH,KAAK;;IAEtB,IAAIA,KAAK,CAACI,MAAM,IAAI,CAAC,EAAE;MACnBX,WAAW,EAAE;KAChB,MAAM;MACH,IAAI,CAACY,MAAM,CAACC,SAAS,CAACV,KAAK,CAAC,IAAIN,SAAS,EAAE;QACvCK,eAAe,CAACY,KAAK,KAAK;UACtB,GAAGA,KAAK;UACR,CAAChB,EAAE,GAAGD,SAAS,CAACkB,qBAAqB,EAAE,CAACZ;SAC3C,CAAC,CAAC;QACHa,UAAU,CAAC;UACPf,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGM,KAAK,CAAC;SACpB,EAAE,CAAC,CAAC;OACR,MAAM;QACHN,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGM,KAAK,CAAC;;;GAG5B;EAED,MAAMU,MAAM,gBACRC;IACIC,SAAS,EAAEC,EAAE,CACT,oIAAoI,EACpI,4BAA4B,EAC5B,+CAA+C,EAC/C;MACI,UAAU,EAAErB;KACf,CACJ;IACDsB,OAAO,EAAEf,WAAW;IACpBgB,WAAW,EAAEZ,YAAY;IACzBa,YAAY,EAAEb;kBACdQ;IACIC,SAAS,EAAEC,EAAE,CAAC,oBAAoB,EAAE;MAChC,cAAc,EAAErB,UAAU;MAC1B,+BAA+B,EAAE,CAACA;KACrC;IACH,CAET;EAED,IAAIA,UAAU,EAAE;IACZ,OAAOkB,MAAM;;EAGjB,oBACIC,6BAACM,OAAO;IAACC,SAAS,EAAC,KAAK;IAACC,KAAK,EAAEtB,KAAK,CAACuB,KAAK,CAACC,OAAO,CAACC,MAAM,CAACC;KACtDb,MAAM,CACD;AAElB;;;;"}
+{"version":3,"file":"Resizer.js","sources":["../../../../../../../../../../../src/primitives/Table/Core/components/Header/components/Resizer.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Tooltip } from '../../../../../../components/Tooltip/Tooltip';\nimport { useLocalization } from '../../../../../../components/Provider/Localization';\nimport { TableColumnWidth } from '../../../../types';\n\ntype ResizerProps = {\n    headerRef: HTMLTableCellElement | null;\n    id: string;\n    isResizing: boolean;\n    onResize: (event: unknown) => void;\n    onResetSize: () => void;\n    setColumnSizing: any;\n    width?: TableColumnWidth;\n};\n\nexport function Resizer(props: ResizerProps) {\n    const { headerRef, id, isResizing, onResetSize, onResize, setColumnSizing, width } = props;\n    const { texts } = useLocalization();\n\n    // this prevents sort handlers being activated\n    const handleClick = event => {\n        event.stopPropagation();\n        event.preventDefault();\n    };\n\n    // columns set to \"grow\" don't set a width, so if resize is being triggered on a grow column make sure to set a size first\n    const handleResize = event => {\n        // event.detail >= 2 means a user has clicked more than once quickly.\n        if (event.detail >= 2) {\n            onResetSize();\n        } else {\n            if (!Number.isInteger(width) && headerRef) {\n                setColumnSizing(sizes => ({\n                    ...sizes,\n                    [id]: headerRef.getBoundingClientRect().width,\n                }));\n                setTimeout(() => {\n                    onResize?.(event);\n                }, 1);\n            } else {\n                onResize?.(event);\n            }\n        }\n    };\n\n    const handle = (\n        <div\n            className={cn(\n                'invisible absolute right-0 top-0 z-10 -mr-2 flex h-full w-4 cursor-col-resize touch-none select-none justify-center rounded py-0.5',\n                'group-hover/header:visible',\n                '[th:last-child>&]:!mr-0 [th:last-child>&]:w-2',\n                {\n                    '!visible': isResizing,\n                }\n            )}\n            onClick={handleClick}\n            onMouseDown={handleResize}\n            onTouchStart={handleResize}>\n            <div\n                className={cn('h-full w-1 rounded', {\n                    '!bg-blue-500': isResizing,\n                    'bg-grey-500 hover:bg-grey-700': !isResizing,\n                })}\n            />\n        </div>\n    );\n\n    if (isResizing) {\n        return handle;\n    }\n\n    return (\n        <Tooltip placement=\"top\" title={texts.table.columns.resize.tooltip}>\n            {handle}\n        </Tooltip>\n    );\n}\n"],"names":["Resizer","props","headerRef","id","isResizing","onResetSize","onResize","setColumnSizing","width","_useLocalization","useLocalization","texts","handleClick","event","stopPropagation","preventDefault","handleResize","detail","Number","isInteger","sizes","_extends2","_extends","getBoundingClientRect","setTimeout","handle","React","className","cn","onClick","onMouseDown","onTouchStart","Tooltip","placement","title","table","columns","resize","tooltip"],"mappings":";;;;;;SAgBgBA,OAAOA,CAACC,KAAmB;EACvC,IAAQC,SAAS,GAAoED,KAAK,CAAlFC,SAAS;IAAEC,EAAE,GAAgEF,KAAK,CAAvEE,EAAE;IAAEC,UAAU,GAAoDH,KAAK,CAAnEG,UAAU;IAAEC,WAAW,GAAuCJ,KAAK,CAAvDI,WAAW;IAAEC,QAAQ,GAA6BL,KAAK,CAA1CK,QAAQ;IAAEC,eAAe,GAAYN,KAAK,CAAhCM,eAAe;IAAEC,KAAK,GAAKP,KAAK,CAAfO,KAAK;EAChF,IAAAC,gBAAA,GAAkBC,eAAe,EAAE;IAA3BC,KAAK,GAAAF,gBAAA,CAALE,KAAK;;EAGb,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAGC,KAAK;IACrBA,KAAK,CAACC,eAAe,EAAE;IACvBD,KAAK,CAACE,cAAc,EAAE;GACzB;;EAGD,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAGH,KAAK;;IAEtB,IAAIA,KAAK,CAACI,MAAM,IAAI,CAAC,EAAE;MACnBZ,WAAW,EAAE;KAChB,MAAM;MACH,IAAI,CAACa,MAAM,CAACC,SAAS,CAACX,KAAK,CAAC,IAAIN,SAAS,EAAE;QACvCK,eAAe,CAAC,UAAAa,KAAK;UAAA,IAAAC,SAAA;UAAA,OAAAC,QAAA,KACdF,KAAK,GAAAC,SAAA,OAAAA,SAAA,CACPlB,EAAE,IAAGD,SAAS,CAACqB,qBAAqB,EAAE,CAACf,KAAK,EAAAa,SAAA;SAC/C,CAAC;QACHG,UAAU,CAAC;UACPlB,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGO,KAAK,CAAC;SACpB,EAAE,CAAC,CAAC;OACR,MAAM;QACHP,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGO,KAAK,CAAC;;;GAG5B;EAED,IAAMY,MAAM,gBACRC;IACIC,SAAS,EAAEC,EAAE,CACT,oIAAoI,EACpI,4BAA4B,EAC5B,+CAA+C,EAC/C;MACI,UAAU,EAAExB;KACf,CACJ;IACDyB,OAAO,EAAEjB,WAAW;IACpBkB,WAAW,EAAEd,YAAY;IACzBe,YAAY,EAAEf;kBACdU;IACIC,SAAS,EAAEC,EAAE,CAAC,oBAAoB,EAAE;MAChC,cAAc,EAAExB,UAAU;MAC1B,+BAA+B,EAAE,CAACA;KACrC;IACH,CAET;EAED,IAAIA,UAAU,EAAE;IACZ,OAAOqB,MAAM;;EAGjB,oBACIC,6BAACM,OAAO;IAACC,SAAS,EAAC,KAAK;IAACC,KAAK,EAAEvB,KAAK,CAACwB,KAAK,CAACC,OAAO,CAACC,MAAM,CAACC;KACtDb,MAAM,CACD;AAElB;;;;"}

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Header/components/SortIndicator.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import { Icon } from '../../../../../../components/Icon/Icon.js';
 
-const indicators = {
+var indicators = {
   asc: /*#__PURE__*/React__default.createElement(Icon, {
     name: "chevron-up-solid",
     className: "pointer-events-none -my-0.5"
@@ -15,7 +15,7 @@ function SortIndicator(props) {
   var _indicators$props$dir;
   return (_indicators$props$dir = indicators[props.direction]) !== null && _indicators$props$dir !== void 0 ? _indicators$props$dir : null;
 }
-const ariaSort = {
+var ariaSort = {
   asc: 'ascending',
   desc: 'descending'
 };
@@ -24,7 +24,7 @@ function getSortAttributes(canSort, toggleSorting, sortDirection) {
   if (!canSort) {
     return {};
   }
-  const handleClick = event => {
+  var handleClick = function handleClick(event) {
     if (event.isDefaultPrevented() || !event.currentTarget.contains(event.target)) {
       return;
     }

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Header/components/SortIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"SortIndicator.js","sources":["../../../../../../../../../../../src/primitives/Table/Core/components/Header/components/SortIndicator.tsx"],"sourcesContent":["import React from 'react';\nimport { TableColumnSortDirection } from '../../../../types';\nimport { Icon } from '../../../../../../components/Icon/Icon';\n\ntype SortIndicatorProps = {\n    direction: false | TableColumnSortDirection;\n};\n\nconst indicators = {\n    asc: <Icon name=\"chevron-up-solid\" className=\"pointer-events-none -my-0.5\" />,\n    desc: <Icon name=\"chevron-down-solid\" className=\"pointer-events-none -my-0.5\" />,\n};\n\nexport function SortIndicator(props: SortIndicatorProps) {\n    return indicators[props.direction as string] ?? null;\n}\n\nconst ariaSort = {\n    asc: 'ascending',\n    desc: 'descending',\n};\n\nexport const getAriaSort = direction => ariaSort[direction] ?? 'none';\n\nexport function getSortAttributes(\n    canSort: boolean,\n    toggleSorting?: (event: unknown) => void,\n    sortDirection?: false | TableColumnSortDirection\n) {\n    if (!canSort) {\n        return {};\n    }\n\n    const handleClick = (event: React.MouseEvent) => {\n        if (event.isDefaultPrevented() || !event.currentTarget.contains(event.target as any)) {\n            return;\n        }\n\n        event.preventDefault();\n        toggleSorting?.(event);\n    };\n\n    return {\n        'aria-sort': ariaSort[sortDirection as any] ?? 'none',\n        onClick: handleClick,\n    };\n}\n"],"names":["indicators","asc","React","Icon","name","className","desc","SortIndicator","props","_indicators$props$dir","direction","ariaSort","getSortAttributes","canSort","toggleSorting","sortDirection","handleClick","event","isDefaultPrevented","currentTarget","contains","target","preventDefault","_ariaSort$sortDirecti","onClick"],"mappings":";;;AAQA,MAAMA,UAAU,GAAG;EACfC,GAAG,eAAEC,6BAACC,IAAI;IAACC,IAAI,EAAC,kBAAkB;IAACC,SAAS,EAAC;IAAgC;EAC7EC,IAAI,eAAEJ,6BAACC,IAAI;IAACC,IAAI,EAAC,oBAAoB;IAACC,SAAS,EAAC;;CACnD;SAEeE,aAAaA,CAACC,KAAyB;;EACnD,QAAAC,qBAAA,GAAOT,UAAU,CAACQ,KAAK,CAACE,SAAmB,CAAC,cAAAD,qBAAA,cAAAA,qBAAA,GAAI,IAAI;AACxD;AAEA,MAAME,QAAQ,GAAG;EACbV,GAAG,EAAE,WAAW;EAChBK,IAAI,EAAE;CACT;SAIeM,iBAAiBA,CAC7BC,OAAgB,EAChBC,aAAwC,EACxCC,aAAgD;;EAEhD,IAAI,CAACF,OAAO,EAAE;IACV,OAAO,EAAE;;EAGb,MAAMG,WAAW,GAAIC,KAAuB;IACxC,IAAIA,KAAK,CAACC,kBAAkB,EAAE,IAAI,CAACD,KAAK,CAACE,aAAa,CAACC,QAAQ,CAACH,KAAK,CAACI,MAAa,CAAC,EAAE;MAClF;;IAGJJ,KAAK,CAACK,cAAc,EAAE;IACtBR,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAGG,KAAK,CAAC;GACzB;EAED,OAAO;IACH,WAAW,GAAAM,qBAAA,GAAEZ,QAAQ,CAACI,aAAoB,CAAC,cAAAQ,qBAAA,cAAAA,qBAAA,GAAI,MAAM;IACrDC,OAAO,EAAER;GACZ;AACL;;;;"}
+{"version":3,"file":"SortIndicator.js","sources":["../../../../../../../../../../../src/primitives/Table/Core/components/Header/components/SortIndicator.tsx"],"sourcesContent":["import React from 'react';\nimport { TableColumnSortDirection } from '../../../../types';\nimport { Icon } from '../../../../../../components/Icon/Icon';\n\ntype SortIndicatorProps = {\n    direction: false | TableColumnSortDirection;\n};\n\nconst indicators = {\n    asc: <Icon name=\"chevron-up-solid\" className=\"pointer-events-none -my-0.5\" />,\n    desc: <Icon name=\"chevron-down-solid\" className=\"pointer-events-none -my-0.5\" />,\n};\n\nexport function SortIndicator(props: SortIndicatorProps) {\n    return indicators[props.direction as string] ?? null;\n}\n\nconst ariaSort = {\n    asc: 'ascending',\n    desc: 'descending',\n};\n\nexport const getAriaSort = direction => ariaSort[direction] ?? 'none';\n\nexport function getSortAttributes(\n    canSort: boolean,\n    toggleSorting?: (event: unknown) => void,\n    sortDirection?: false | TableColumnSortDirection\n) {\n    if (!canSort) {\n        return {};\n    }\n\n    const handleClick = (event: React.MouseEvent) => {\n        if (event.isDefaultPrevented() || !event.currentTarget.contains(event.target as any)) {\n            return;\n        }\n\n        event.preventDefault();\n        toggleSorting?.(event);\n    };\n\n    return {\n        'aria-sort': ariaSort[sortDirection as any] ?? 'none',\n        onClick: handleClick,\n    };\n}\n"],"names":["indicators","asc","React","Icon","name","className","desc","SortIndicator","props","_indicators$props$dir","direction","ariaSort","getSortAttributes","canSort","toggleSorting","sortDirection","handleClick","event","isDefaultPrevented","currentTarget","contains","target","preventDefault","_ariaSort$sortDirecti","onClick"],"mappings":";;;AAQA,IAAMA,UAAU,GAAG;EACfC,GAAG,eAAEC,6BAACC,IAAI;IAACC,IAAI,EAAC,kBAAkB;IAACC,SAAS,EAAC;IAAgC;EAC7EC,IAAI,eAAEJ,6BAACC,IAAI;IAACC,IAAI,EAAC,oBAAoB;IAACC,SAAS,EAAC;;CACnD;SAEeE,aAAaA,CAACC,KAAyB;;EACnD,QAAAC,qBAAA,GAAOT,UAAU,CAACQ,KAAK,CAACE,SAAmB,CAAC,cAAAD,qBAAA,cAAAA,qBAAA,GAAI,IAAI;AACxD;AAEA,IAAME,QAAQ,GAAG;EACbV,GAAG,EAAE,WAAW;EAChBK,IAAI,EAAE;CACT;SAIeM,iBAAiBA,CAC7BC,OAAgB,EAChBC,aAAwC,EACxCC,aAAgD;;EAEhD,IAAI,CAACF,OAAO,EAAE;IACV,OAAO,EAAE;;EAGb,IAAMG,WAAW,GAAG,SAAdA,WAAWA,CAAIC,KAAuB;IACxC,IAAIA,KAAK,CAACC,kBAAkB,EAAE,IAAI,CAACD,KAAK,CAACE,aAAa,CAACC,QAAQ,CAACH,KAAK,CAACI,MAAa,CAAC,EAAE;MAClF;;IAGJJ,KAAK,CAACK,cAAc,EAAE;IACtBR,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAGG,KAAK,CAAC;GACzB;EAED,OAAO;IACH,WAAW,GAAAM,qBAAA,GAAEZ,QAAQ,CAACI,aAAoB,CAAC,cAAAQ,qBAAA,cAAAA,qBAAA,GAAI,MAAM;IACrDC,OAAO,EAAER;GACZ;AACL;;;;"}

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Header/util.js

@@ -1,16 +1,19 @@
 import React__default from 'react';
+import { extends as _extends } from '../../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { isInternalColumn } from '../../../useTableManager/util/columns.js';
 
 function useSetInitialColumnSizing(id, defaultWidth, width, element, canMeasureSize, setColumnSizing) {
-  React__default.useLayoutEffect(() => {
+  React__default.useLayoutEffect(function () {
     // columns must set a pixel width...
     // otherwise when scrolling through the table, the column widths adjust based on the content
     // of the column, this is because to the virtualisation mounting new rows and unmounting old ones
     if (canMeasureSize && element && !Number.isInteger(width) && !isInternalColumn(id)) {
-      const setWidth = () => setColumnSizing(sizes => ({
-        ...sizes,
-        [id]: element.getBoundingClientRect().width
-      }));
+      var setWidth = function setWidth() {
+        return setColumnSizing(function (sizes) {
+          var _extends2;
+          return _extends({}, sizes, (_extends2 = {}, _extends2[id] = element.getBoundingClientRect().width, _extends2));
+        });
+      };
       // grow columns need to wait for auto layout to run, otherwise they register the incorrect size
       if (defaultWidth === 'grow') {
         requestAnimationFrame(setWidth);
@@ -23,7 +26,9 @@ function useSetInitialColumnSizing(id, defaultWidth, width, element, canMeasureS
 function getIsPinned(header) {
   var _header$subHeaders, _header$subHeaders$fi;
   // TODO: Is there a native function that does this check for groups?
-  return (_header$subHeaders = header.subHeaders) !== null && _header$subHeaders !== void 0 && _header$subHeaders.length ? (_header$subHeaders$fi = header.subHeaders.find(x => x.column.getIsPinned())) === null || _header$subHeaders$fi === void 0 ? void 0 : _header$subHeaders$fi.column.getIsPinned() : header.column.getIsPinned();
+  return (_header$subHeaders = header.subHeaders) !== null && _header$subHeaders !== void 0 && _header$subHeaders.length ? (_header$subHeaders$fi = header.subHeaders.find(function (x) {
+    return x.column.getIsPinned();
+  })) === null || _header$subHeaders$fi === void 0 ? void 0 : _header$subHeaders$fi.column.getIsPinned() : header.column.getIsPinned();
 }
 
 export { getIsPinned, useSetInitialColumnSizing };

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Header/util.js.map

@@ -1 +1 @@
-{"version":3,"file":"util.js","sources":["../../../../../../../../../../src/primitives/Table/Core/components/Header/util.ts"],"sourcesContent":["import React from 'react';\nimport { Header as ReactTableHeader, ColumnPinningPosition as ReactTableColumnPinningPosition } from '@tanstack/react-table';\nimport { TableColumnWidth } from '../../../types';\nimport { isInternalColumn } from '../../../useTableManager/util/columns';\n\nexport function useSetInitialColumnSizing(\n    id: string,\n    defaultWidth: TableColumnWidth | undefined,\n    width: TableColumnWidth | undefined,\n    element: HTMLTableCellElement | null,\n    canMeasureSize: boolean,\n    setColumnSizing: any\n) {\n    React.useLayoutEffect(() => {\n        // columns must set a pixel width...\n        // otherwise when scrolling through the table, the column widths adjust based on the content\n        // of the column, this is because to the virtualisation mounting new rows and unmounting old ones\n        if (canMeasureSize && element && !Number.isInteger(width) && !isInternalColumn(id)) {\n            const setWidth = () =>\n                setColumnSizing(sizes => ({\n                    ...sizes,\n                    [id]: element.getBoundingClientRect().width,\n                }));\n\n            // grow columns need to wait for auto layout to run, otherwise they register the incorrect size\n            if (defaultWidth === 'grow') {\n                requestAnimationFrame(setWidth);\n            } else {\n                setWidth();\n            }\n        }\n    }, [element, canMeasureSize, width]);\n}\n\nexport function getIsPinned<TType = unknown>(\n    header: ReactTableHeader<TType, unknown>\n): ReactTableColumnPinningPosition | undefined {\n    // TODO: Is there a native function that does this check for groups?\n    return header.subHeaders?.length\n        ? header.subHeaders.find(x => x.column.getIsPinned())?.column.getIsPinned()\n        : header.column.getIsPinned();\n}\n"],"names":["useSetInitialColumnSizing","id","defaultWidth","width","element","canMeasureSize","setColumnSizing","React","useLayoutEffect","Number","isInteger","isInternalColumn","setWidth","sizes","getBoundingClientRect","requestAnimationFrame","getIsPinned","header","_header$subHeaders","subHeaders","length","_header$subHeaders$fi","find","x","column"],"mappings":";;;SAKgBA,yBAAyBA,CACrCC,EAAU,EACVC,YAA0C,EAC1CC,KAAmC,EACnCC,OAAoC,EACpCC,cAAuB,EACvBC,eAAoB;EAEpBC,cAAK,CAACC,eAAe,CAAC;;;;IAIlB,IAAIH,cAAc,IAAID,OAAO,IAAI,CAACK,MAAM,CAACC,SAAS,CAACP,KAAK,CAAC,IAAI,CAACQ,gBAAgB,CAACV,EAAE,CAAC,EAAE;MAChF,MAAMW,QAAQ,GAAGA,MACbN,eAAe,CAACO,KAAK,KAAK;QACtB,GAAGA,KAAK;QACR,CAACZ,EAAE,GAAGG,OAAO,CAACU,qBAAqB,EAAE,CAACX;OACzC,CAAC,CAAC;;MAGP,IAAID,YAAY,KAAK,MAAM,EAAE;QACzBa,qBAAqB,CAACH,QAAQ,CAAC;OAClC,MAAM;QACHA,QAAQ,EAAE;;;GAGrB,EAAE,CAACR,OAAO,EAAEC,cAAc,EAAEF,KAAK,CAAC,CAAC;AACxC;SAEgBa,WAAWA,CACvBC,MAAwC;;;EAGxC,OAAO,CAAAC,kBAAA,GAAAD,MAAM,CAACE,UAAU,cAAAD,kBAAA,eAAjBA,kBAAA,CAAmBE,MAAM,IAAAC,qBAAA,GAC1BJ,MAAM,CAACE,UAAU,CAACG,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACC,MAAM,CAACR,WAAW,EAAE,CAAC,cAAAK,qBAAA,uBAAnDA,qBAAA,CAAqDG,MAAM,CAACR,WAAW,EAAE,GACzEC,MAAM,CAACO,MAAM,CAACR,WAAW,EAAE;AACrC;;;;"}
+{"version":3,"file":"util.js","sources":["../../../../../../../../../../src/primitives/Table/Core/components/Header/util.ts"],"sourcesContent":["import React from 'react';\nimport { Header as ReactTableHeader, ColumnPinningPosition as ReactTableColumnPinningPosition } from '@tanstack/react-table';\nimport { TableColumnWidth } from '../../../types';\nimport { isInternalColumn } from '../../../useTableManager/util/columns';\n\nexport function useSetInitialColumnSizing(\n    id: string,\n    defaultWidth: TableColumnWidth | undefined,\n    width: TableColumnWidth | undefined,\n    element: HTMLTableCellElement | null,\n    canMeasureSize: boolean,\n    setColumnSizing: any\n) {\n    React.useLayoutEffect(() => {\n        // columns must set a pixel width...\n        // otherwise when scrolling through the table, the column widths adjust based on the content\n        // of the column, this is because to the virtualisation mounting new rows and unmounting old ones\n        if (canMeasureSize && element && !Number.isInteger(width) && !isInternalColumn(id)) {\n            const setWidth = () =>\n                setColumnSizing(sizes => ({\n                    ...sizes,\n                    [id]: element.getBoundingClientRect().width,\n                }));\n\n            // grow columns need to wait for auto layout to run, otherwise they register the incorrect size\n            if (defaultWidth === 'grow') {\n                requestAnimationFrame(setWidth);\n            } else {\n                setWidth();\n            }\n        }\n    }, [element, canMeasureSize, width]);\n}\n\nexport function getIsPinned<TType = unknown>(\n    header: ReactTableHeader<TType, unknown>\n): ReactTableColumnPinningPosition | undefined {\n    // TODO: Is there a native function that does this check for groups?\n    return header.subHeaders?.length\n        ? header.subHeaders.find(x => x.column.getIsPinned())?.column.getIsPinned()\n        : header.column.getIsPinned();\n}\n"],"names":["useSetInitialColumnSizing","id","defaultWidth","width","element","canMeasureSize","setColumnSizing","React","useLayoutEffect","Number","isInteger","isInternalColumn","setWidth","sizes","_extends2","_extends","getBoundingClientRect","requestAnimationFrame","getIsPinned","header","_header$subHeaders","subHeaders","length","_header$subHeaders$fi","find","x","column"],"mappings":";;;;SAKgBA,yBAAyBA,CACrCC,EAAU,EACVC,YAA0C,EAC1CC,KAAmC,EACnCC,OAAoC,EACpCC,cAAuB,EACvBC,eAAoB;EAEpBC,cAAK,CAACC,eAAe,CAAC;;;;IAIlB,IAAIH,cAAc,IAAID,OAAO,IAAI,CAACK,MAAM,CAACC,SAAS,CAACP,KAAK,CAAC,IAAI,CAACQ,gBAAgB,CAACV,EAAE,CAAC,EAAE;MAChF,IAAMW,QAAQ,GAAG,SAAXA,QAAQA;QAAA,OACVN,eAAe,CAAC,UAAAO,KAAK;UAAA,IAAAC,SAAA;UAAA,OAAAC,QAAA,KACdF,KAAK,GAAAC,SAAA,OAAAA,SAAA,CACPb,EAAE,IAAGG,OAAO,CAACY,qBAAqB,EAAE,CAACb,KAAK,EAAAW,SAAA;SAC7C,CAAC;;;MAGP,IAAIZ,YAAY,KAAK,MAAM,EAAE;QACzBe,qBAAqB,CAACL,QAAQ,CAAC;OAClC,MAAM;QACHA,QAAQ,EAAE;;;GAGrB,EAAE,CAACR,OAAO,EAAEC,cAAc,EAAEF,KAAK,CAAC,CAAC;AACxC;SAEgBe,WAAWA,CACvBC,MAAwC;;;EAGxC,OAAO,CAAAC,kBAAA,GAAAD,MAAM,CAACE,UAAU,cAAAD,kBAAA,eAAjBA,kBAAA,CAAmBE,MAAM,IAAAC,qBAAA,GAC1BJ,MAAM,CAACE,UAAU,CAACG,IAAI,CAAC,UAAAC,CAAC;IAAA,OAAIA,CAAC,CAACC,MAAM,CAACR,WAAW,EAAE;IAAC,cAAAK,qBAAA,uBAAnDA,qBAAA,CAAqDG,MAAM,CAACR,WAAW,EAAE,GACzEC,MAAM,CAACO,MAAM,CAACR,WAAW,EAAE;AACrC;;;;"}