@economic/taco 1.19.1 → 1.21.0

package/dist/esm/packages/taco/src/components/Table2/utilities/columns.js

@@ -0,0 +1,311 @@
+import React__default from 'react';
+import cn from 'classnames';
+import { Icon } from '../../Icon/Icon.js';
+import { Tooltip } from '../../Tooltip/Tooltip.js';
+import { IconButton } from '../../IconButton/IconButton.js';
+import { Checkbox } from '../../Checkbox/Checkbox.js';
+import { Menu } from '../../Menu/Menu.js';
+import { Shortcut } from '../../Shortcut/Shortcut.js';
+
+const COLUMN_ID_FOR_DRAGGABLE = '__draggable';
+const COLUMN_ID_FOR_SELECTION = '__select';
+const COLUMN_ID_FOR_EXPANSION = '__expansion';
+const COLUMN_ID_FOR_ACTIONS = '__actions';
+const isInternalColumn = id => id === COLUMN_ID_FOR_SELECTION || id === COLUMN_ID_FOR_EXPANSION || id === COLUMN_ID_FOR_ACTIONS || id === COLUMN_ID_FOR_DRAGGABLE;
+const MIN_COLUMN_SIZE = 80; // accounts for padding and sort controls
+const toggleBetween = (fromRowIndex, toRowIndex) => {
+  const fromIndex = toRowIndex < fromRowIndex ? toRowIndex : fromRowIndex;
+  const toIndex = toRowIndex > fromRowIndex ? toRowIndex : fromRowIndex;
+  return [fromIndex, toIndex];
+};
+function createRowDraggableColumn(onRowDrag) {
+  return {
+    id: COLUMN_ID_FOR_DRAGGABLE,
+    cell: ({
+      row,
+      table
+    }) => {
+      const meta = table.options.meta;
+      const GHOST_ELEMENT_ID = 'taco_table_dragging';
+      const onDragStart = event => {
+        const rows = row.getIsSelected() ? table.getSelectedRowModel().rows : [row, ...table.getSelectedRowModel().rows];
+        meta.setDragging(rows.reduce((dragging, rowBeingDragged) => ({
+          ...dragging,
+          [rowBeingDragged.id]: true
+        }), {}));
+        const data = rows.map(row => row.original);
+        // set a default data value so that the consumer doesn't have to
+        event.dataTransfer.setData('text', JSON.stringify(data));
+        const showPlaceholder = text => {
+          const ghost = document.createElement('div');
+          ghost.id = GHOST_ELEMENT_ID;
+          ghost.className = 'wcag-blue rounded flex w-48 p-4 absolute -ml-[100vw]';
+          ghost.innerText = text;
+          document.body.appendChild(ghost);
+          event.dataTransfer.setDragImage(ghost, 0, 0);
+        };
+        const setDataTransfer = text => event.dataTransfer.setData('text', text);
+        onRowDrag(data, showPlaceholder, setDataTransfer);
+      };
+      const onDragEnd = () => {
+        var _document$getElementB;
+        (_document$getElementB = document.getElementById(GHOST_ELEMENT_ID)) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.remove();
+        meta.setDragging({});
+      };
+      return /*#__PURE__*/React__default.createElement("div", {
+        draggable: true,
+        onDragStart: onDragStart,
+        onDragEnd: onDragEnd
+      }, /*#__PURE__*/React__default.createElement(Icon, {
+        "aria-label": "Drag row",
+        name: "drag",
+        className: "text-grey-darkest invisible w-[20px] cursor-grab active:cursor-grabbing group-hover/row:visible group-[[aria-grabbed]]/row:text-white"
+      }));
+    },
+    meta: {
+      align: 'center',
+      className: 'items-center !px-0',
+      disableTruncation: true,
+      headerClassName: 'items-center !px-0'
+    },
+    // sizing
+    enableResizing: false,
+    size: 10
+  };
+}
+function createRowSelectionColumn(enableMultipleRowSelection, lastSelectedRowIndex, onRowDrag, tableRef) {
+  let header;
+  let cell;
+  if (enableMultipleRowSelection) {
+    header = ({
+      table
+    }) => /*#__PURE__*/React__default.createElement(Tooltip, {
+      title: /*#__PURE__*/React__default.createElement(React__default.Fragment, null, table.getIsAllPageRowsSelected() ? 'Deselect all' : 'Select all', /*#__PURE__*/React__default.createElement(Shortcut, {
+        className: "ml-2",
+        keys: ['Ctrl', 'A']
+      }))
+    }, /*#__PURE__*/React__default.createElement(Checkbox, {
+      "aria-label": table.getIsAllPageRowsSelected() ? 'Deselect all rows' : 'Select all rows',
+      className: "hover:border-blue !mt-0",
+      checked: table.getIsAllPageRowsSelected(),
+      indeterminate: table.getIsSomePageRowsSelected(),
+      onChange: checked => table.toggleAllPageRowsSelected(checked),
+      onClick: () => {
+        var _tableRef$current;
+        (_tableRef$current = tableRef.current) === null || _tableRef$current === void 0 ? void 0 : _tableRef$current.focus();
+      },
+      tabIndex: -1
+    }));
+    cell = ({
+      row,
+      table
+    }) => {
+      const meta = table.options.meta;
+      const handleClick = event => {
+        var _tableRef$current2;
+        event.stopPropagation();
+        if (event.shiftKey) {
+          const [fromIndex, toIndex] = toggleBetween((lastSelectedRowIndex === null || lastSelectedRowIndex === void 0 ? void 0 : lastSelectedRowIndex.current) || 0, row.index);
+          table.getRowModel().rows.slice(fromIndex, toIndex + 1).forEach(row => row.toggleSelected(true));
+        } else {
+          row.toggleSelected();
+        }
+        lastSelectedRowIndex.current = row.index;
+        meta.setActiveRowIndex(row.index);
+        (_tableRef$current2 = tableRef.current) === null || _tableRef$current2 === void 0 ? void 0 : _tableRef$current2.focus();
+      };
+      return /*#__PURE__*/React__default.createElement(Tooltip, {
+        title: /*#__PURE__*/React__default.createElement(React__default.Fragment, null, table.getIsAllPageRowsSelected() ? 'Deselect' : 'Select', /*#__PURE__*/React__default.createElement(Shortcut, {
+          className: "ml-2",
+          keys: ['Space']
+        }))
+      }, /*#__PURE__*/React__default.createElement(Checkbox, {
+        "aria-label": row.getIsSelected() ? 'Deselect row' : 'Select row',
+        className: "hover:border-blue !mt-[0.45rem]",
+        checked: row.getIsSelected(),
+        onClick: handleClick,
+        // this is necessary to remove console spam from eslint
+        onChange: () => false,
+        tabIndex: -1
+      }));
+    };
+  } else {
+    cell = ({
+      row,
+      table
+    }) => {
+      const meta = table.options.meta;
+      const className = 'border-grey-300 focus:yt-focus flex h-5 w-5 mt-[0.45rem] flex-shrink-0 items-center justify-center self-start rounded-full border-2 bg-white hover:border-[5px] aria-checked:border-blue-500 aria-checked:bg-blue-500 hover:aria-checked:border-blue-300';
+      const handleClick = event => {
+        var _tableRef$current3;
+        event.stopPropagation();
+        row.toggleSelected();
+        meta.setActiveRowIndex(row.index);
+        (_tableRef$current3 = tableRef.current) === null || _tableRef$current3 === void 0 ? void 0 : _tableRef$current3.focus();
+      };
+      return /*#__PURE__*/React__default.createElement("button", {
+        className: className,
+        "aria-checked": row.getIsSelected(),
+        onClick: handleClick,
+        role: "radio",
+        tabIndex: -1,
+        type: "button"
+      }, row.getIsSelected() ? /*#__PURE__*/React__default.createElement("span", {
+        className: "h-2.5 w-2.5 rounded-full bg-white"
+      }) : null);
+    };
+  }
+  return {
+    id: COLUMN_ID_FOR_SELECTION,
+    header,
+    cell,
+    meta: {
+      align: 'center',
+      className: onRowDrag ? '!pl-0 !pr-3' : '!px-3',
+      disableTruncation: true,
+      headerClassName: onRowDrag ? '!pl-0 !pr-3' : '!px-3'
+    },
+    // sizing
+    enableResizing: false,
+    size: 46
+  };
+}
+function createRowExpansionColumn() {
+  return {
+    id: COLUMN_ID_FOR_EXPANSION,
+    header: ({
+      table
+    }) => /*#__PURE__*/React__default.createElement(Tooltip, {
+      title: table.getIsSomeRowsExpanded() ? 'Collapse all' : 'Expand all'
+    }, /*#__PURE__*/React__default.createElement(IconButton, {
+      title: table.getIsSomeRowsExpanded() ? 'Collapse all rows' : 'Expand all rows',
+      appearance: "discrete",
+      className: "-mb-2 -mt-1.5",
+      icon: table.getIsSomeRowsExpanded() ? 'chevron-down-double' : 'chevron-right-double',
+      onClick: event => {
+        event.stopPropagation();
+        table.toggleAllRowsExpanded(table.getIsSomeRowsExpanded() ? false : true);
+      },
+      tabIndex: -1
+    })),
+    cell: ({
+      row
+    }) => /*#__PURE__*/React__default.createElement(Tooltip, {
+      title: /*#__PURE__*/React__default.createElement(React__default.Fragment, null, row.getIsExpanded() ? 'Collapse' : 'Expand', /*#__PURE__*/React__default.createElement(Shortcut, {
+        className: "ml-2",
+        keys: ['Ctrl', row.getIsExpanded() ? '←' : '→']
+      }))
+    }, /*#__PURE__*/React__default.createElement(IconButton, {
+      title: row.getIsExpanded() ? 'Collapse row' : 'Expand row',
+      appearance: "discrete",
+      icon: row.getIsExpanded() ? 'chevron-down' : 'chevron-right',
+      onClick: event => {
+        event.stopPropagation();
+        row.toggleExpanded();
+      },
+      tabIndex: -1
+    })),
+    meta: {
+      align: 'center',
+      className: 'items-center !p-0',
+      disableTruncation: true,
+      headerClassName: 'items-center hover:!bg-white !p-0'
+    },
+    // sizing
+    enableResizing: false,
+    size: 36
+  };
+}
+const getActionPropertyValue = (property, row) => typeof property === 'function' ? property(row) : property;
+function RowActionCell({
+  row,
+  actions,
+  moreActions
+}) {
+  const isVisible = action => typeof action.visible !== 'undefined' ? typeof action.visible === 'function' ? action.visible(row.original) : action.visible : true;
+  const visibleActions = actions.filter(isVisible);
+  const visibleMoreActions = moreActions.filter(isVisible);
+  const rowActionCellWidth = React__default.useMemo(() => {
+    const totalButtons = visibleActions.length + (visibleMoreActions.length ? 1 : 0);
+    // this is necessary because row actions is has this mount hover delay, which makes the
+    // size calculation in the header get set before rendering - meaning the size doesn't include the buttons
+    // when we cache icons this can go
+    const paddingSize = 8;
+    const buttonSize = 32;
+    return paddingSize + totalButtons * buttonSize;
+  }, [visibleActions.length, visibleMoreActions.length]);
+  // Instead of relying on row.index to figure out whether the row is being hovered or is active. We should rely on a
+  // CSS fix. The reason behind this is that row data or index is the initial data or index that is passed to the
+  // table on the first render, the indexes of row changes when sorting or filtering is applied.
+  // If the row is not the active row or the hovered row then actions are hidden.
+  const actionClassName = 'group-hover/row:flex group-[[aria-current]]/row:flex hidden';
+  return /*#__PURE__*/React__default.createElement("span", {
+    className: "-mb-2 -mt-1.5 flex justify-end text-right",
+    style: {
+      width: rowActionCellWidth
+    }
+  }, visibleActions.map((action, i) => /*#__PURE__*/React__default.createElement(IconButton, {
+    key: i,
+    className: actionClassName,
+    "aria-label": getActionPropertyValue(action.ariaLabel, row.original),
+    appearance: "discrete",
+    dialog: action.dialog ? action.dialog(row.original) : undefined,
+    disabled: getActionPropertyValue(action.disabled, row.original),
+    icon: getActionPropertyValue(action.icon, row.original),
+    onClick: event => {
+      event.stopPropagation();
+      if (action.onClick) {
+        action.onClick(row.original);
+      }
+    },
+    tooltip: getActionPropertyValue(action.text, row.original)
+  })), visibleMoreActions.length ? /*#__PURE__*/React__default.createElement(IconButton, {
+    className: actionClassName,
+    "aria-label": "View other actions",
+    appearance: "discrete",
+    icon: "more",
+    onClick: event => {
+      event.preventDefault();
+    },
+    menu: menuProps => /*#__PURE__*/React__default.createElement(Menu, Object.assign({}, menuProps), /*#__PURE__*/React__default.createElement(Menu.Content, null, visibleMoreActions.map((action, i) => /*#__PURE__*/React__default.createElement(Menu.Item, {
+      key: i,
+      dialog: action.dialog ? action.dialog(row.original) : undefined,
+      disabled: getActionPropertyValue(action.disabled, row.original),
+      icon: getActionPropertyValue(action.icon, row.original),
+      onClick: () => {
+        if (action.onClick) {
+          action.onClick(row.original);
+        }
+      }
+    }, getActionPropertyValue(action.text, row.original))))),
+    tooltip: "Other actions..."
+  }) : null);
+}
+function createRowActionsColumn(rowActions) {
+  const actions = rowActions.slice(0, 3);
+  const moreActions = rowActions.slice(3);
+  return {
+    id: COLUMN_ID_FOR_ACTIONS,
+    cell: ({
+      row
+    }) => /*#__PURE__*/React__default.createElement(RowActionCell, {
+      row: row,
+      actions: actions,
+      moreActions: moreActions
+    }),
+    meta: {
+      align: 'right',
+      className: row => cn('items-center print:opacity-0 group-[[aria-current]]/row:sticky group-hover/row:sticky right-0 bg-transparent !px-1', {
+        'group-hover/row:!shadow-[-6px_0px_6px_theme(colors.grey.100)] group-[[aria-current]]/row:!shadow-[-6px_0px_6px_theme(colors.grey.100)]': !row.getIsSelected(),
+        'shadow-[-6px_0px_6px_theme(colors.blue.100)]': row.getIsSelected()
+      }),
+      disableTruncation: true,
+      headerClassName: 'hover:!bg-white !px-1'
+    },
+    // sizing
+    enableResizing: false
+  };
+}
+
+export { COLUMN_ID_FOR_ACTIONS, COLUMN_ID_FOR_DRAGGABLE, COLUMN_ID_FOR_EXPANSION, COLUMN_ID_FOR_SELECTION, MIN_COLUMN_SIZE, createRowActionsColumn, createRowDraggableColumn, createRowExpansionColumn, createRowSelectionColumn, isInternalColumn };
+//# sourceMappingURL=columns.js.map

package/dist/esm/packages/taco/src/components/Table2/utilities/columns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"columns.js","sources":["../../../../../../../../src/components/Table2/utilities/columns.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { CellContext, DisplayColumnDef, Row, TableMeta } from '@tanstack/react-table';\nimport { Checkbox } from '../../Checkbox/Checkbox';\nimport { IconButton } from '../../IconButton/IconButton';\nimport { Shortcut } from '../../Shortcut/Shortcut';\nimport { Tooltip } from '../../Tooltip/Tooltip';\nimport { RowDragHandler, Table2RowActionProps } from '../types';\nimport { Menu } from '../../Menu/Menu';\nimport { Icon } from '../../Icon/Icon';\n\nexport const COLUMN_ID_FOR_DRAGGABLE = '__draggable';\nexport const COLUMN_ID_FOR_SELECTION = '__select';\nexport const COLUMN_ID_FOR_EXPANSION = '__expansion';\nexport const COLUMN_ID_FOR_ACTIONS = '__actions';\n\nexport const isInternalColumn = (id: string) =>\n    id === COLUMN_ID_FOR_SELECTION ||\n    id === COLUMN_ID_FOR_EXPANSION ||\n    id === COLUMN_ID_FOR_ACTIONS ||\n    id === COLUMN_ID_FOR_DRAGGABLE;\n\nexport const MIN_COLUMN_SIZE = 80; // accounts for padding and sort controls\n\nconst toggleBetween = (fromRowIndex: number, toRowIndex: number): [number, number] => {\n    const fromIndex = toRowIndex < fromRowIndex ? toRowIndex : fromRowIndex;\n    const toIndex = toRowIndex > fromRowIndex ? toRowIndex : fromRowIndex;\n\n    return [fromIndex, toIndex];\n};\n\nexport function createRowDraggableColumn<TType = any>(onRowDrag: RowDragHandler<TType>): DisplayColumnDef<TType, any> {\n    return {\n        id: COLUMN_ID_FOR_DRAGGABLE,\n        cell: ({ row, table }) => {\n            const meta = table.options.meta as TableMeta<any>;\n            const GHOST_ELEMENT_ID = 'taco_table_dragging';\n\n            const onDragStart = (event: React.DragEvent): void => {\n                const rows = row.getIsSelected() ? table.getSelectedRowModel().rows : [row, ...table.getSelectedRowModel().rows];\n\n                meta.setDragging(rows.reduce((dragging, rowBeingDragged) => ({ ...dragging, [rowBeingDragged.id]: true }), {}));\n\n                const data = rows.map(row => row.original);\n                // set a default data value so that the consumer doesn't have to\n                event.dataTransfer.setData('text', JSON.stringify(data));\n\n                const showPlaceholder = (text: string) => {\n                    const ghost = document.createElement('div');\n                    ghost.id = GHOST_ELEMENT_ID;\n                    ghost.className = 'wcag-blue rounded flex w-48 p-4 absolute -ml-[100vw]';\n                    ghost.innerText = text;\n                    document.body.appendChild(ghost);\n                    event.dataTransfer.setDragImage(ghost, 0, 0);\n                };\n\n                const setDataTransfer = (text: string) => event.dataTransfer.setData('text', text);\n\n                onRowDrag(data, showPlaceholder, setDataTransfer);\n            };\n\n            const onDragEnd = (): void => {\n                document.getElementById(GHOST_ELEMENT_ID)?.remove();\n                meta.setDragging({});\n            };\n\n            return (\n                <div draggable onDragStart={onDragStart} onDragEnd={onDragEnd}>\n                    <Icon\n                        aria-label=\"Drag row\"\n                        name=\"drag\"\n                        className=\"text-grey-darkest invisible w-[20px] cursor-grab active:cursor-grabbing group-hover/row:visible group-[[aria-grabbed]]/row:text-white\"\n                    />\n                </div>\n            );\n        },\n        meta: {\n            align: 'center',\n            className: 'items-center !px-0',\n            disableTruncation: true,\n            headerClassName: 'items-center !px-0',\n        },\n        // sizing\n        enableResizing: false,\n        size: 10,\n    };\n}\n\nexport function createRowSelectionColumn<TType = any>(\n    enableMultipleRowSelection: boolean,\n    lastSelectedRowIndex: React.MutableRefObject<number | undefined>,\n    onRowDrag: RowDragHandler<TType> | undefined,\n    tableRef: React.RefObject<HTMLDivElement>\n): DisplayColumnDef<TType, any> {\n    let header;\n    let cell;\n\n    if (enableMultipleRowSelection) {\n        header = ({ table }) => (\n            <Tooltip\n                title={\n                    <>\n                        {table.getIsAllPageRowsSelected() ? 'Deselect all' : 'Select all'}\n                        <Shortcut className=\"ml-2\" keys={['Ctrl', 'A']} />\n                    </>\n                }>\n                <Checkbox\n                    aria-label={table.getIsAllPageRowsSelected() ? 'Deselect all rows' : 'Select all rows'}\n                    className=\"hover:border-blue !mt-0\"\n                    checked={table.getIsAllPageRowsSelected()}\n                    indeterminate={table.getIsSomePageRowsSelected()}\n                    onChange={checked => table.toggleAllPageRowsSelected(checked)}\n                    onClick={() => {\n                        tableRef.current?.focus();\n                    }}\n                    tabIndex={-1}\n                />\n            </Tooltip>\n        );\n        cell = ({ row, table }) => {\n            const meta = table.options.meta as TableMeta<any>;\n            const handleClick = (event: React.MouseEvent): void => {\n                event.stopPropagation();\n\n                if (event.shiftKey) {\n                    const [fromIndex, toIndex] = toggleBetween(lastSelectedRowIndex?.current || 0, row.index);\n\n                    table\n                        .getRowModel()\n                        .rows.slice(fromIndex, toIndex + 1)\n                        .forEach(row => row.toggleSelected(true));\n                } else {\n                    row.toggleSelected();\n                }\n\n                lastSelectedRowIndex.current = row.index;\n                meta.setActiveRowIndex(row.index);\n                tableRef.current?.focus();\n            };\n\n            return (\n                <Tooltip\n                    title={\n                        <>\n                            {table.getIsAllPageRowsSelected() ? 'Deselect' : 'Select'}\n                            <Shortcut className=\"ml-2\" keys={['Space']} />\n                        </>\n                    }>\n                    <Checkbox\n                        aria-label={row.getIsSelected() ? 'Deselect row' : 'Select row'}\n                        className=\"hover:border-blue !mt-[0.45rem]\"\n                        checked={row.getIsSelected()}\n                        onClick={handleClick}\n                        // this is necessary to remove console spam from eslint\n                        onChange={() => false}\n                        tabIndex={-1}\n                    />\n                </Tooltip>\n            );\n        };\n    } else {\n        cell = ({ row, table }) => {\n            const meta = table.options.meta as TableMeta<any>;\n            const className =\n                'border-grey-300 focus:yt-focus flex h-5 w-5 mt-[0.45rem] flex-shrink-0 items-center justify-center self-start rounded-full border-2 bg-white hover:border-[5px] aria-checked:border-blue-500 aria-checked:bg-blue-500 hover:aria-checked:border-blue-300';\n\n            const handleClick = (event: React.MouseEvent): void => {\n                event.stopPropagation();\n                row.toggleSelected();\n                meta.setActiveRowIndex(row.index);\n                tableRef.current?.focus();\n            };\n\n            return (\n                <button\n                    className={className}\n                    aria-checked={row.getIsSelected()}\n                    onClick={handleClick}\n                    role=\"radio\"\n                    tabIndex={-1}\n                    type=\"button\">\n                    {row.getIsSelected() ? <span className=\"h-2.5 w-2.5 rounded-full bg-white\" /> : null}\n                </button>\n            );\n        };\n    }\n\n    return {\n        id: COLUMN_ID_FOR_SELECTION,\n        header,\n        cell,\n        meta: {\n            align: 'center',\n            className: onRowDrag ? '!pl-0 !pr-3' : '!px-3',\n            disableTruncation: true,\n            headerClassName: onRowDrag ? '!pl-0 !pr-3' : '!px-3',\n        },\n        // sizing\n        enableResizing: false,\n        size: 46,\n    };\n}\n\nexport function createRowExpansionColumn<TType = any>(): DisplayColumnDef<TType, any> {\n    return {\n        id: COLUMN_ID_FOR_EXPANSION,\n        header: ({ table }) => (\n            <Tooltip title={table.getIsSomeRowsExpanded() ? 'Collapse all' : 'Expand all'}>\n                <IconButton\n                    title={table.getIsSomeRowsExpanded() ? 'Collapse all rows' : 'Expand all rows'}\n                    appearance=\"discrete\"\n                    className=\"-mb-2 -mt-1.5\"\n                    icon={table.getIsSomeRowsExpanded() ? 'chevron-down-double' : 'chevron-right-double'}\n                    onClick={event => {\n                        event.stopPropagation();\n                        table.toggleAllRowsExpanded(table.getIsSomeRowsExpanded() ? false : true);\n                    }}\n                    tabIndex={-1}\n                />\n            </Tooltip>\n        ),\n        cell: ({ row }: CellContext<TType, any>) => (\n            <Tooltip\n                title={\n                    <>\n                        {row.getIsExpanded() ? 'Collapse' : 'Expand'}\n                        <Shortcut className=\"ml-2\" keys={['Ctrl', row.getIsExpanded() ? '←' : '→']} />\n                    </>\n                }>\n                <IconButton\n                    title={row.getIsExpanded() ? 'Collapse row' : 'Expand row'}\n                    appearance=\"discrete\"\n                    icon={row.getIsExpanded() ? 'chevron-down' : 'chevron-right'}\n                    onClick={event => {\n                        event.stopPropagation();\n                        row.toggleExpanded();\n                    }}\n                    tabIndex={-1}\n                />\n            </Tooltip>\n        ),\n        meta: {\n            align: 'center',\n            className: 'items-center !p-0',\n            disableTruncation: true,\n            headerClassName: 'items-center hover:!bg-white !p-0',\n        },\n        // sizing\n        enableResizing: false,\n        size: 36,\n    };\n}\n\nconst getActionPropertyValue = (property, row) => (typeof property === 'function' ? property(row) : property);\n\nfunction RowActionCell<TType = {}>({ row, actions, moreActions }) {\n    const isVisible = (action: Table2RowActionProps<TType>) =>\n        typeof action.visible !== 'undefined'\n            ? typeof action.visible === 'function'\n                ? action.visible(row.original)\n                : action.visible\n            : true;\n\n    const visibleActions = actions.filter(isVisible);\n    const visibleMoreActions = moreActions.filter(isVisible);\n\n    const rowActionCellWidth = React.useMemo(() => {\n        const totalButtons = visibleActions.length + (visibleMoreActions.length ? 1 : 0);\n        // this is necessary because row actions is has this mount hover delay, which makes the\n        // size calculation in the header get set before rendering - meaning the size doesn't include the buttons\n        // when we cache icons this can go\n        const paddingSize = 8;\n        const buttonSize = 32;\n\n        return paddingSize + totalButtons * buttonSize;\n    }, [visibleActions.length, visibleMoreActions.length]);\n\n    // Instead of relying on row.index to figure out whether the row is being hovered or is active. We should rely on a\n    // CSS fix. The reason behind this is that row data or index is the initial data or index that is passed to the\n    // table on the first render, the indexes of row changes when sorting or filtering is applied.\n\n    // If the row is not the active row or the hovered row then actions are hidden.\n    const actionClassName = 'group-hover/row:flex group-[[aria-current]]/row:flex hidden';\n\n    return (\n        <span className=\"-mb-2 -mt-1.5 flex justify-end text-right\" style={{ width: rowActionCellWidth }}>\n            {visibleActions.map((action, i) => (\n                <IconButton\n                    key={i}\n                    className={actionClassName}\n                    aria-label={getActionPropertyValue(action.ariaLabel, row.original)}\n                    appearance=\"discrete\"\n                    dialog={action.dialog ? action.dialog(row.original) : undefined}\n                    disabled={getActionPropertyValue(action.disabled, row.original)}\n                    icon={getActionPropertyValue(action.icon, row.original)}\n                    onClick={event => {\n                        event.stopPropagation();\n                        if (action.onClick) {\n                            action.onClick(row.original);\n                        }\n                    }}\n                    tooltip={getActionPropertyValue(action.text, row.original)}\n                />\n            ))}\n            {visibleMoreActions.length ? (\n                <IconButton\n                    className={actionClassName}\n                    aria-label=\"View other actions\"\n                    appearance=\"discrete\"\n                    icon=\"more\"\n                    onClick={event => {\n                        event.preventDefault();\n                    }}\n                    menu={menuProps => (\n                        <Menu {...menuProps}>\n                            <Menu.Content>\n                                {visibleMoreActions.map((action, i) => (\n                                    <Menu.Item\n                                        key={i}\n                                        dialog={action.dialog ? action.dialog(row.original) : undefined}\n                                        disabled={getActionPropertyValue(action.disabled, row.original)}\n                                        icon={getActionPropertyValue(action.icon, row.original)}\n                                        onClick={() => {\n                                            if (action.onClick) {\n                                                action.onClick(row.original);\n                                            }\n                                        }}>\n                                        {getActionPropertyValue(action.text, row.original)}\n                                    </Menu.Item>\n                                ))}\n                            </Menu.Content>\n                        </Menu>\n                    )}\n                    tooltip=\"Other actions...\"\n                />\n            ) : null}\n        </span>\n    );\n}\n\nexport function createRowActionsColumn<TType = any>(rowActions): DisplayColumnDef<TType, any> {\n    const actions: Table2RowActionProps<TType>[] = rowActions.slice(0, 3);\n    const moreActions: Table2RowActionProps<TType>[] = rowActions.slice(3);\n\n    return {\n        id: COLUMN_ID_FOR_ACTIONS,\n        cell: ({ row }) => <RowActionCell<TType> row={row} actions={actions} moreActions={moreActions} />,\n        meta: {\n            align: 'right',\n            className: (row: Row<any>) =>\n                cn(\n                    'items-center print:opacity-0 group-[[aria-current]]/row:sticky group-hover/row:sticky right-0 bg-transparent !px-1',\n                    {\n                        'group-hover/row:!shadow-[-6px_0px_6px_theme(colors.grey.100)] group-[[aria-current]]/row:!shadow-[-6px_0px_6px_theme(colors.grey.100)]':\n                            !row.getIsSelected(),\n                        'shadow-[-6px_0px_6px_theme(colors.blue.100)]': row.getIsSelected(),\n                    }\n                ),\n            disableTruncation: true,\n            headerClassName: 'hover:!bg-white !px-1',\n        },\n        // sizing\n        enableResizing: false,\n    };\n}\n"],"names":["COLUMN_ID_FOR_DRAGGABLE","COLUMN_ID_FOR_SELECTION","COLUMN_ID_FOR_EXPANSION","COLUMN_ID_FOR_ACTIONS","isInternalColumn","id","MIN_COLUMN_SIZE","toggleBetween","fromRowIndex","toRowIndex","fromIndex","toIndex","createRowDraggableColumn","onRowDrag","cell","row","table","meta","options","GHOST_ELEMENT_ID","onDragStart","event","rows","getIsSelected","getSelectedRowModel","setDragging","reduce","dragging","rowBeingDragged","data","map","original","dataTransfer","setData","JSON","stringify","showPlaceholder","text","ghost","document","createElement","className","innerText","body","appendChild","setDragImage","setDataTransfer","onDragEnd","getElementById","remove","React","draggable","Icon","name","align","disableTruncation","headerClassName","enableResizing","size","createRowSelectionColumn","enableMultipleRowSelection","lastSelectedRowIndex","tableRef","header","Tooltip","title","getIsAllPageRowsSelected","Shortcut","keys","Checkbox","checked","indeterminate","getIsSomePageRowsSelected","onChange","toggleAllPageRowsSelected","onClick","current","focus","tabIndex","handleClick","stopPropagation","shiftKey","index","getRowModel","slice","forEach","toggleSelected","setActiveRowIndex","role","type","createRowExpansionColumn","getIsSomeRowsExpanded","IconButton","appearance","icon","toggleAllRowsExpanded","getIsExpanded","toggleExpanded","getActionPropertyValue","property","RowActionCell","actions","moreActions","isVisible","action","visible","visibleActions","filter","visibleMoreActions","rowActionCellWidth","useMemo","totalButtons","length","paddingSize","buttonSize","actionClassName","style","width","i","key","ariaLabel","dialog","undefined","disabled","tooltip","preventDefault","menu","menuProps","Menu","Content","Item","createRowActionsColumn","rowActions","cn"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Table2/utilities/filterFn.js

@@ -0,0 +1,96 @@
+import { isDate, isBefore, isAfter } from 'date-fns';
+import { isWeakEqual as isWeakEqual$1 } from '../../../utils/date.js';
+import { Table2FilterComparator } from '../types.js';
+
+const toLowerCase = value => String(value !== null && value !== void 0 ? value : '').toLocaleLowerCase();
+const isWeakContains = (left, right) => toLowerCase(left).includes(toLowerCase(right));
+const isWeakEqual = (left, right) => toLowerCase(left) === toLowerCase(right);
+const globalFilterFn = (value, query) => isWeakContains(value, query);
+// the filter type is only settable on the column definition, which would re-render all columns
+// so instead we store it in the filter value, but that means we also have to destructure that
+// before we filter - that's why this custom filter function exists
+const columnFilterFn = (value, filter) => {
+  try {
+    if (filter.value === undefined || filter.value === null || filter.value === '') {
+      return true;
+    }
+    switch (filter.comparator) {
+      case Table2FilterComparator.Contains:
+        return isWeakContains(value, filter.value);
+      case Table2FilterComparator.DoesNotContain:
+        return !isWeakContains(value, filter.value);
+      case Table2FilterComparator.IsEqualTo:
+        {
+          if (isDate(value)) {
+            return isDate(filter.value) && isWeakEqual$1(value, filter.value);
+          } else if (typeof filter.value === 'boolean') {
+            return value === filter.value;
+          }
+          return isWeakEqual(value, filter.value);
+        }
+      case Table2FilterComparator.IsNotEqualTo:
+        {
+          if (isDate(value)) {
+            return isDate(filter.value) && isWeakEqual$1(value, filter.value) === false;
+          } else if (typeof filter.value === 'boolean') {
+            return value !== filter.value;
+          }
+          return !isWeakEqual(value, filter.value);
+        }
+      case Table2FilterComparator.IsGreaterThan:
+        {
+          if (isDate(value)) {
+            return isDate(filter.value) && isAfter(value, filter.value);
+          } else {
+            const valueAsNumber = parseInt(value);
+            return !isNaN(valueAsNumber) && filter.value !== undefined && valueAsNumber > filter.value;
+          }
+        }
+      case Table2FilterComparator.IsLessThan:
+        {
+          if (isDate(value)) {
+            return isDate(filter.value) && isBefore(value, filter.value);
+          } else {
+            const valueAsNumber = parseInt(value);
+            return !isNaN(valueAsNumber) && filter.value !== undefined && valueAsNumber < filter.value;
+          }
+        }
+      case Table2FilterComparator.IsBetween:
+        {
+          const [fromValue, toValue] = filter.value;
+          if (isDate(value)) {
+            if (isDate(fromValue) && isBefore(value, fromValue)) {
+              return false;
+            } else if (isDate(toValue) && isAfter(value, toValue)) {
+              return false;
+            }
+            return true;
+          } else {
+            const valueAsNumber = parseInt(value);
+            if (isNaN(valueAsNumber)) {
+              return false;
+            }
+            if (fromValue !== undefined && valueAsNumber < fromValue) {
+              return false;
+            } else if (toValue !== undefined && valueAsNumber > toValue) {
+              return false;
+            }
+            return true;
+          }
+        }
+      case Table2FilterComparator.IsOneOf:
+        return Array.isArray(filter.value) ? filter.value.includes(value) : false;
+      case Table2FilterComparator.IsNoneOf:
+        return Array.isArray(filter.value) ? filter.value.includes(value) === false : false;
+      case Table2FilterComparator.IsAllOf:
+        return Array.isArray(filter.value) && Array.isArray(value) ? filter.value.filter(v => value.includes(v)).length === filter.value.length : false;
+    }
+    return false;
+  } catch (e) {
+    console.error(e);
+    return true;
+  }
+};
+
+export { columnFilterFn, globalFilterFn };
+//# sourceMappingURL=filterFn.js.map

package/dist/esm/packages/taco/src/components/Table2/utilities/filterFn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterFn.js","sources":["../../../../../../../../src/components/Table2/utilities/filterFn.ts"],"sourcesContent":["import { isDate, isAfter as isAfterDate, isBefore as isBeforeDate } from 'date-fns';\nimport { Table2Filter, Table2FilterComparator } from '../types';\nimport { isWeakEqual as isWeakEqualDate } from '../../../utils/date';\n\nconst toLowerCase = (value: string | number) => String(value ?? '').toLocaleLowerCase();\nconst isWeakContains = (left: string | number, right: string | number) => toLowerCase(left).includes(toLowerCase(right));\nconst isWeakEqual = (left: string | number, right: string | number) => toLowerCase(left) === toLowerCase(right);\n\nexport const globalFilterFn = (value: string, query: string) => isWeakContains(value, query);\n\n// the filter type is only settable on the column definition, which would re-render all columns\n// so instead we store it in the filter value, but that means we also have to destructure that\n// before we filter - that's why this custom filter function exists\nexport const columnFilterFn = (value: any, filter: Table2Filter) => {\n    try {\n        if (filter.value === undefined || filter.value === null || filter.value === '') {\n            return true;\n        }\n\n        switch (filter.comparator) {\n            case Table2FilterComparator.Contains:\n                return isWeakContains(value, filter.value);\n\n            case Table2FilterComparator.DoesNotContain:\n                return !isWeakContains(value, filter.value);\n\n            case Table2FilterComparator.IsEqualTo: {\n                if (isDate(value)) {\n                    return isDate(filter.value) && isWeakEqualDate(value, filter.value);\n                } else if (typeof filter.value === 'boolean') {\n                    return value === filter.value;\n                }\n\n                return isWeakEqual(value, filter.value);\n            }\n\n            case Table2FilterComparator.IsNotEqualTo: {\n                if (isDate(value)) {\n                    return isDate(filter.value) && isWeakEqualDate(value, filter.value) === false;\n                } else if (typeof filter.value === 'boolean') {\n                    return value !== filter.value;\n                }\n\n                return !isWeakEqual(value, filter.value);\n            }\n\n            case Table2FilterComparator.IsGreaterThan: {\n                if (isDate(value)) {\n                    return isDate(filter.value) && isAfterDate(value, filter.value);\n                } else {\n                    const valueAsNumber = parseInt(value);\n                    return !isNaN(valueAsNumber) && filter.value !== undefined && valueAsNumber > filter.value;\n                }\n            }\n\n            case Table2FilterComparator.IsLessThan: {\n                if (isDate(value)) {\n                    return isDate(filter.value) && isBeforeDate(value, filter.value);\n                } else {\n                    const valueAsNumber = parseInt(value);\n                    return !isNaN(valueAsNumber) && filter.value !== undefined && valueAsNumber < filter.value;\n                }\n            }\n\n            case Table2FilterComparator.IsBetween: {\n                const [fromValue, toValue] = filter.value;\n\n                if (isDate(value)) {\n                    if (isDate(fromValue) && isBeforeDate(value, fromValue)) {\n                        return false;\n                    } else if (isDate(toValue) && isAfterDate(value, toValue)) {\n                        return false;\n                    }\n\n                    return true;\n                } else {\n                    const valueAsNumber = parseInt(value);\n\n                    if (isNaN(valueAsNumber)) {\n                        return false;\n                    }\n\n                    if (fromValue !== undefined && valueAsNumber < fromValue) {\n                        return false;\n                    } else if (toValue !== undefined && valueAsNumber > toValue) {\n                        return false;\n                    }\n\n                    return true;\n                }\n            }\n\n            case Table2FilterComparator.IsOneOf:\n                return Array.isArray(filter.value) ? filter.value.includes(value) : false;\n\n            case Table2FilterComparator.IsNoneOf:\n                return Array.isArray(filter.value) ? filter.value.includes(value) === false : false;\n\n            case Table2FilterComparator.IsAllOf:\n                return Array.isArray(filter.value) && Array.isArray(value)\n                    ? filter.value.filter(v => value.includes(v)).length === filter.value.length\n                    : false;\n        }\n\n        return false;\n    } catch (e) {\n        console.error(e);\n        return true;\n    }\n};\n"],"names":["toLowerCase","value","String","toLocaleLowerCase","isWeakContains","left","right","includes","isWeakEqual","globalFilterFn","query","columnFilterFn","filter","undefined","comparator","Table2FilterComparator","Contains","DoesNotContain","IsEqualTo","isDate","isWeakEqualDate","IsNotEqualTo","IsGreaterThan","isAfterDate","valueAsNumber","parseInt","isNaN","IsLessThan","isBeforeDate","IsBetween","fromValue","toValue","IsOneOf","Array","isArray","IsNoneOf","IsAllOf","v","length","e","console","error"],"mappings":"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"}

package/dist/esm/packages/taco/src/hooks/useBoundaryOverflowDetection.js

@@ -0,0 +1,16 @@
+import React__default from 'react';
+import { getIndexOfFirstChildOverflowingParent } from '../utils/dom.js';
+
+const useBoundaryOverflowDetection = (ref, dependencies = []) => {
+  const [boundaryIndex, setBoundaryIndex] = React__default.useState();
+  React__default.useEffect(() => {
+    if (ref.current) {
+      const boundaryChildIndex = getIndexOfFirstChildOverflowingParent(ref.current);
+      setBoundaryIndex(boundaryChildIndex);
+    }
+  }, [ref, ...dependencies]);
+  return boundaryIndex;
+};
+
+export { useBoundaryOverflowDetection };
+//# sourceMappingURL=useBoundaryOverflowDetection.js.map

package/dist/esm/packages/taco/src/hooks/useBoundaryOverflowDetection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBoundaryOverflowDetection.js","sources":["../../../../../../src/hooks/useBoundaryOverflowDetection.ts"],"sourcesContent":["import React from 'react';\nimport { getIndexOfFirstChildOverflowingParent } from '../utils/dom';\n\nexport const useBoundaryOverflowDetection = (\n    ref: React.RefObject<HTMLElement>,\n    dependencies: any[] = []\n): number | null | undefined => {\n    const [boundaryIndex, setBoundaryIndex] = React.useState<number | null>();\n\n    React.useEffect(() => {\n        if (ref.current) {\n            const boundaryChildIndex = getIndexOfFirstChildOverflowingParent(ref.current);\n            setBoundaryIndex(boundaryChildIndex);\n        }\n    }, [ref, ...dependencies]);\n\n    return boundaryIndex;\n};\n"],"names":["useBoundaryOverflowDetection","ref","dependencies","boundaryIndex","setBoundaryIndex","React","useState","useEffect","current","boundaryChildIndex","getIndexOfFirstChildOverflowingParent"],"mappings":";;;MAGaA,4BAA4B,GAAG,CACxCC,GAAiC,EACjCC,eAAsB,EAAE;EAExB,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGC,cAAK,CAACC,QAAQ,EAAiB;EAEzED,cAAK,CAACE,SAAS,CAAC;IACZ,IAAIN,GAAG,CAACO,OAAO,EAAE;MACb,MAAMC,kBAAkB,GAAGC,qCAAqC,CAACT,GAAG,CAACO,OAAO,CAAC;MAC7EJ,gBAAgB,CAACK,kBAAkB,CAAC;;GAE3C,EAAE,CAACR,GAAG,EAAE,GAAGC,YAAY,CAAC,CAAC;EAE1B,OAAOC,aAAa;AACxB;;;;"}

package/dist/esm/packages/taco/src/hooks/useGlobalKeyboardShortcut.js

@@ -0,0 +1,13 @@
+import React__default from 'react';
+
+const useGlobalKeyboardShortcut = handler => {
+  React__default.useEffect(() => {
+    document.addEventListener('keydown', handler);
+    return () => {
+      document.removeEventListener('keydown', handler);
+    };
+  }, [handler]);
+};
+
+export { useGlobalKeyboardShortcut };
+//# sourceMappingURL=useGlobalKeyboardShortcut.js.map

package/dist/esm/packages/taco/src/hooks/useGlobalKeyboardShortcut.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGlobalKeyboardShortcut.js","sources":["../../../../../../src/hooks/useGlobalKeyboardShortcut.ts"],"sourcesContent":["import React from 'react';\n\nexport const useGlobalKeyboardShortcut = (handler: (event: KeyboardEvent) => void) => {\n    React.useEffect(() => {\n        document.addEventListener('keydown', handler);\n\n        return () => {\n            document.removeEventListener('keydown', handler);\n        };\n    }, [handler]);\n};\n"],"names":["useGlobalKeyboardShortcut","handler","React","useEffect","document","addEventListener","removeEventListener"],"mappings":";;MAEaA,yBAAyB,GAAIC,OAAuC;EAC7EC,cAAK,CAACC,SAAS,CAAC;IACZC,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEJ,OAAO,CAAC;IAE7C,OAAO;MACHG,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEL,OAAO,CAAC;KACnD;GACJ,EAAE,CAACA,OAAO,CAAC,CAAC;AACjB;;;;"}

package/dist/esm/packages/taco/src/index.js

@@ -21,7 +21,7 @@ export { getNextIndexFromKey, useListKeyboardNavigation } from './utils/hooks/us
 export { useListScrollTo } from './utils/hooks/useListScrollTo.js';
 export { Spinner } from './components/Spinner/Spinner.js';
 export { Combobox } from './components/Combobox/Combobox.js';
-export { format, parseFromCustomString, parseFromISOString } from './utils/date.js';
+export { format, isWeakEqual, parseFromCustomString, parseFromISOString } from './utils/date.js';
 export { Popover } from './components/Popover/Popover.js';
 export { Datepicker } from './components/Datepicker/Datepicker.js';
 export { Dialog } from './components/Dialog/Dialog.js';
@@ -45,14 +45,16 @@ export { ToastProvider, useToast } from './components/Toast/Toaster.js';
 export { Provider } from './components/Provider/Provider.js';
 export { TAG_COLORS, Tag } from './components/Tag/Tag.js';
 export { Select2 } from './components/Select2/Select2.js';
+export { Shortcut } from './components/Shortcut/Shortcut.js';
 export { Table } from './components/Table/components/Table.js';
 export { PaginatedTable } from './components/Table/components/PaginatedTable.js';
 export { WindowedTable } from './components/Table/components/WindowedTable.js';
 export { convertRowIndexPathToNumberArray, getByRowIndexPath, getParentRowIndexPath, setByRowIndexPath } from './components/Table/util/rowIndexPath.js';
 export { insertChildTableRow, removeChildTableRow, useTableRowCreation } from './components/Table/hooks/useRowCreation.js';
+export { Switch } from './components/Switch/Switch.js';
+export { Table2 } from './components/Table2/Table2.js';
 export { Tabs } from './components/Tabs/Tabs.js';
 export { Textarea } from './components/Textarea/Textarea.js';
-export { Switch } from './components/Switch/Switch.js';
 export { Tour, TourStep } from './components/Tour/Tour.js';
 export { useOnClickOutside } from './utils/hooks/useOnClickOutside.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/packages/taco/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/packages/taco/src/primitives/Sortable/components/Container.js

@@ -0,0 +1,59 @@
+import React__default from 'react';
+import { DndContext, closestCenter } from '@dnd-kit/core';
+
+function getContainerById(children, id) {
+  var _lists$find;
+  const lists = React__default.Children.toArray(children).filter(child => child.type.displayName === 'SortableList');
+  const list = lists.find(list => list.props.id === id);
+  if (list) {
+    return list === null || list === void 0 ? void 0 : list.props;
+  }
+  return (_lists$find = lists.find(l => React__default.Children.toArray(l.props.children).findIndex(child => child.props.id === id) > -1)) === null || _lists$find === void 0 ? void 0 : _lists$find.props;
+}
+function Container(externalProps) {
+  const {
+    children,
+    reorder,
+    move
+  } = externalProps;
+  function handleDragOver(event) {
+    const {
+      active,
+      over
+    } = event;
+    if (!(active !== null && active !== void 0 && active.id) || !(over !== null && over !== void 0 && over.id)) {
+      return;
+    }
+    const activeList = getContainerById(children, active.id);
+    const overList = getContainerById(children, over.id);
+    if (!(activeList !== null && activeList !== void 0 && activeList.id) || !(overList !== null && overList !== void 0 && overList.id) || activeList.id === overList.id) {
+      return;
+    }
+    move(active.id, activeList === null || activeList === void 0 ? void 0 : activeList.id, overList.id);
+  }
+  function handleDragEnd(event) {
+    const {
+      active,
+      over
+    } = event;
+    if (!(active !== null && active !== void 0 && active.id) || !(over !== null && over !== void 0 && over.id)) {
+      return;
+    }
+    const activeList = getContainerById(children, active.id);
+    const overList = getContainerById(children, over.id);
+    if (!(activeList !== null && activeList !== void 0 && activeList.id) || !(overList !== null && overList !== void 0 && overList.id) || activeList.id !== overList.id) {
+      return;
+    }
+    reorder(active.id, over.id, overList.id);
+  }
+  return /*#__PURE__*/React__default.createElement(DndContext, Object.assign({
+    collisionDetection: closestCenter
+  }, externalProps, {
+    onDragOver: handleDragOver,
+    onDragEnd: handleDragEnd
+  }), children);
+}
+Container.displayName = 'SortableContainer';
+
+export { Container };
+//# sourceMappingURL=Container.js.map

package/dist/esm/packages/taco/src/primitives/Sortable/components/Container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.js","sources":["../../../../../../../../src/primitives/Sortable/components/Container.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { DndContext, closestCenter } from '@dnd-kit/core';\nimport { SortableListProps } from './List';\nimport { SortableItemId } from './Item';\n\nexport type SortableContainerProps = {\n    children: ReactNode;\n    move?: (activeId: SortableItemId, overId: SortableItemId, listId: string) => void;\n    reorder: (activeId: SortableItemId, oldListId: string, listId: string) => void;\n};\n\nfunction getContainerById(children, id): SortableListProps | undefined {\n    const lists = React.Children.toArray(children).filter(\n        (child: any) => child.type.displayName === 'SortableList'\n    ) as React.ReactElement<SortableListProps>[];\n    const list: React.ReactElement<SortableListProps> | undefined = lists.find(\n        (list: React.ReactElement<SortableListProps>) => list.props.id === id\n    );\n\n    if (list) {\n        return list?.props;\n    }\n\n    return lists.find(l => React.Children.toArray(l.props.children).findIndex((child: any) => child.props.id === id) > -1)?.props;\n}\n\nexport function Container(externalProps) {\n    const { children, reorder, move } = externalProps;\n\n    function handleDragOver(event): void {\n        const { active, over } = event;\n\n        if (!active?.id || !over?.id) {\n            return;\n        }\n\n        const activeList = getContainerById(children, active.id);\n        const overList = getContainerById(children, over.id);\n\n        if (!activeList?.id || !overList?.id || activeList.id === overList.id) {\n            return;\n        }\n\n        move(active.id, activeList?.id, overList.id);\n    }\n\n    function handleDragEnd(event): void {\n        const { active, over } = event;\n\n        if (!active?.id || !over?.id) {\n            return;\n        }\n\n        const activeList = getContainerById(children, active.id);\n        const overList = getContainerById(children, over.id);\n\n        if (!activeList?.id || !overList?.id || activeList.id !== overList.id) {\n            return;\n        }\n\n        reorder(active.id, over.id, overList.id);\n    }\n\n    return (\n        <DndContext collisionDetection={closestCenter} {...externalProps} onDragOver={handleDragOver} onDragEnd={handleDragEnd}>\n            {children}\n        </DndContext>\n    );\n}\nContainer.displayName = 'SortableContainer';\n"],"names":["getContainerById","children","id","lists","React","Children","toArray","filter","child","type","displayName","list","find","props","l","findIndex","Container","externalProps","reorder","move","handleDragOver","event","active","over","activeList","overList","handleDragEnd","DndContext","collisionDetection","closestCenter","onDragOver","onDragEnd"],"mappings":"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"}