@economic/taco 1.19.0 → 1.20.0

package/dist/esm/packages/taco/src/components/Table2/hooks/useVirtualiser.js

@@ -0,0 +1,49 @@
+import React__default from 'react';
+import { useVirtual } from 'react-virtual';
+
+const densitySizeEstimates = {
+  compact: 33,
+  normal: 41,
+  comfortable: 49,
+  spacious: 57
+};
+const useVirtualiser = ({
+  rows,
+  table
+}, tableRef) => {
+  var _virtualiser$virtualI, _virtualiser$virtualI2, _virtualiser$virtualI3, _virtualiser$virtualI4;
+  const [expandedRowSizes, setExpandedRowSizes] = React__default.useState({});
+  const firstAvailableExpandedRowHeight = React__default.useMemo(() => {
+    const values = Object.values(expandedRowSizes);
+    return values.length ? values.reduce((a, b) => a + b, 0) / values.length : 0;
+  }, [expandedRowSizes]);
+  const meta = table.options.meta;
+  const estimateSize = React__default.useCallback(index => {
+    var _table$getState$expan;
+    const rowHeight = meta.rowDensity ? densitySizeEstimates[meta.rowDensity] : densitySizeEstimates.normal;
+    if (table.getState().expanded === true || (_table$getState$expan = table.getState().expanded) !== null && _table$getState$expan !== void 0 && _table$getState$expan[index]) {
+      var _ref, _expandedRowSizes$ind;
+      return rowHeight + ((_ref = (_expandedRowSizes$ind = expandedRowSizes[index]) !== null && _expandedRowSizes$ind !== void 0 ? _expandedRowSizes$ind : firstAvailableExpandedRowHeight) !== null && _ref !== void 0 ? _ref : 0);
+    }
+    return rowHeight;
+  }, [meta.rowDensity, expandedRowSizes, table.getState().expanded]);
+  const virtualiser = useVirtual({
+    parentRef: tableRef,
+    size: rows.length,
+    estimateSize,
+    overscan: 10
+  });
+  const paddingTop = virtualiser.virtualItems.length > 0 ? ((_virtualiser$virtualI = virtualiser.virtualItems) === null || _virtualiser$virtualI === void 0 ? void 0 : (_virtualiser$virtualI2 = _virtualiser$virtualI[0]) === null || _virtualiser$virtualI2 === void 0 ? void 0 : _virtualiser$virtualI2.start) || 0 : 0;
+  const paddingBottom = virtualiser.virtualItems.length > 0 ? virtualiser.totalSize - (((_virtualiser$virtualI3 = virtualiser.virtualItems) === null || _virtualiser$virtualI3 === void 0 ? void 0 : (_virtualiser$virtualI4 = _virtualiser$virtualI3[virtualiser.virtualItems.length - 1]) === null || _virtualiser$virtualI4 === void 0 ? void 0 : _virtualiser$virtualI4.end) || 0) : 0;
+  return {
+    virtualiser,
+    virtualiserOffsets: {
+      top: paddingTop,
+      bottom: paddingBottom
+    },
+    setExpandedRowSizes
+  };
+};
+
+export { useVirtualiser };
+//# sourceMappingURL=useVirtualiser.js.map

package/dist/esm/packages/taco/src/components/Table2/hooks/useVirtualiser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVirtualiser.js","sources":["../../../../../../../../src/components/Table2/hooks/useVirtualiser.ts"],"sourcesContent":["import React from 'react';\nimport { OnChangeFn, TableMeta } from '@tanstack/react-table';\nimport { useVirtual, VirtualItem } from 'react-virtual';\n\ntype ExpandedRowSizeState = Record<string, number>;\ntype useVirtualiser = {\n    virtualiser: {\n        virtualItems: VirtualItem[];\n        totalSize: number;\n        scrollToOffset: (index: number, options?: any) => void;\n        scrollToIndex: (index: number, options?: any) => void;\n        measure: () => void;\n    };\n    virtualiserOffsets: {\n        top: number;\n        bottom: number;\n    };\n    setExpandedRowSizes: OnChangeFn<ExpandedRowSizeState>;\n};\n\nconst densitySizeEstimates = {\n    compact: 33,\n    normal: 41,\n    comfortable: 49,\n    spacious: 57,\n};\n\nexport const useVirtualiser = ({ rows, table }, tableRef: React.RefObject<HTMLElement>): useVirtualiser => {\n    const [expandedRowSizes, setExpandedRowSizes] = React.useState({});\n    const firstAvailableExpandedRowHeight = React.useMemo(() => {\n        const values: number[] = Object.values(expandedRowSizes);\n        return values.length ? values.reduce((a, b) => a + b, 0) / values.length : 0;\n    }, [expandedRowSizes]);\n    const meta = table.options.meta as TableMeta<any>;\n\n    const estimateSize = React.useCallback(\n        index => {\n            const rowHeight = meta.rowDensity ? densitySizeEstimates[meta.rowDensity] : densitySizeEstimates.normal;\n\n            if (table.getState().expanded === true || table.getState().expanded?.[index]) {\n                return rowHeight + (expandedRowSizes[index] ?? firstAvailableExpandedRowHeight ?? 0);\n            }\n\n            return rowHeight;\n        },\n\n        [meta.rowDensity, expandedRowSizes, table.getState().expanded]\n    );\n\n    const virtualiser = useVirtual({\n        parentRef: tableRef,\n        size: rows.length,\n        estimateSize,\n        overscan: 10,\n    });\n\n    const paddingTop = virtualiser.virtualItems.length > 0 ? virtualiser.virtualItems?.[0]?.start || 0 : 0;\n    const paddingBottom =\n        virtualiser.virtualItems.length > 0\n            ? virtualiser.totalSize - (virtualiser.virtualItems?.[virtualiser.virtualItems.length - 1]?.end || 0)\n            : 0;\n\n    return { virtualiser, virtualiserOffsets: { top: paddingTop, bottom: paddingBottom }, setExpandedRowSizes };\n};\n"],"names":["densitySizeEstimates","compact","normal","comfortable","spacious","useVirtualiser","rows","table","tableRef","expandedRowSizes","setExpandedRowSizes","React","useState","firstAvailableExpandedRowHeight","useMemo","values","Object","length","reduce","a","b","meta","options","estimateSize","useCallback","index","rowHeight","rowDensity","getState","expanded","virtualiser","useVirtual","parentRef","size","overscan","paddingTop","virtualItems","start","paddingBottom","totalSize","end","virtualiserOffsets","top","bottom"],"mappings":";;;AAoBA,MAAMA,oBAAoB,GAAG;EACzBC,OAAO,EAAE,EAAE;EACXC,MAAM,EAAE,EAAE;EACVC,WAAW,EAAE,EAAE;EACfC,QAAQ,EAAE;CACb;MAEYC,cAAc,GAAG,CAAC;EAAEC,IAAI;EAAEC;CAAO,EAAEC,QAAsC;;EAClF,MAAM,CAACC,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAC,EAAE,CAAC;EAClE,MAAMC,+BAA+B,GAAGF,cAAK,CAACG,OAAO,CAAC;IAClD,MAAMC,MAAM,GAAaC,MAAM,CAACD,MAAM,CAACN,gBAAgB,CAAC;IACxD,OAAOM,MAAM,CAACE,MAAM,GAAGF,MAAM,CAACG,MAAM,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKD,CAAC,GAAGC,CAAC,EAAE,CAAC,CAAC,GAAGL,MAAM,CAACE,MAAM,GAAG,CAAC;GAC/E,EAAE,CAACR,gBAAgB,CAAC,CAAC;EACtB,MAAMY,IAAI,GAAGd,KAAK,CAACe,OAAO,CAACD,IAAsB;EAEjD,MAAME,YAAY,GAAGZ,cAAK,CAACa,WAAW,CAClCC,KAAK;;IACD,MAAMC,SAAS,GAAGL,IAAI,CAACM,UAAU,GAAG3B,oBAAoB,CAACqB,IAAI,CAACM,UAAU,CAAC,GAAG3B,oBAAoB,CAACE,MAAM;IAEvG,IAAIK,KAAK,CAACqB,QAAQ,EAAE,CAACC,QAAQ,KAAK,IAAI,6BAAItB,KAAK,CAACqB,QAAQ,EAAE,CAACC,QAAQ,kDAAzB,sBAA4BJ,KAAK,CAAC,EAAE;MAAA;MAC1E,OAAOC,SAAS,qCAAIjB,gBAAgB,CAACgB,KAAK,CAAC,yEAAIZ,+BAA+B,uCAAI,CAAC,CAAC;;IAGxF,OAAOa,SAAS;GACnB,EAED,CAACL,IAAI,CAACM,UAAU,EAAElB,gBAAgB,EAAEF,KAAK,CAACqB,QAAQ,EAAE,CAACC,QAAQ,CAAC,CACjE;EAED,MAAMC,WAAW,GAAGC,UAAU,CAAC;IAC3BC,SAAS,EAAExB,QAAQ;IACnByB,IAAI,EAAE3B,IAAI,CAACW,MAAM;IACjBM,YAAY;IACZW,QAAQ,EAAE;GACb,CAAC;EAEF,MAAMC,UAAU,GAAGL,WAAW,CAACM,YAAY,CAACnB,MAAM,GAAG,CAAC,GAAG,0BAAAa,WAAW,CAACM,YAAY,oFAAxB,sBAA2B,CAAC,CAAC,2DAA7B,uBAA+BC,KAAK,KAAI,CAAC,GAAG,CAAC;EACtG,MAAMC,aAAa,GACfR,WAAW,CAACM,YAAY,CAACnB,MAAM,GAAG,CAAC,GAC7Ba,WAAW,CAACS,SAAS,IAAI,2BAAAT,WAAW,CAACM,YAAY,qFAAxB,uBAA2BN,WAAW,CAACM,YAAY,CAACnB,MAAM,GAAG,CAAC,CAAC,2DAA/D,uBAAiEuB,GAAG,KAAI,CAAC,CAAC,GACnG,CAAC;EAEX,OAAO;IAAEV,WAAW;IAAEW,kBAAkB,EAAE;MAAEC,GAAG,EAAEP,UAAU;MAAEQ,MAAM,EAAEL;KAAe;IAAE5B;GAAqB;AAC/G;;;;"}

package/dist/esm/packages/taco/src/components/Table2/types.js

@@ -0,0 +1,16 @@
+var Table2FilterComparator;
+(function (Table2FilterComparator) {
+  Table2FilterComparator[Table2FilterComparator["Contains"] = 0] = "Contains";
+  Table2FilterComparator[Table2FilterComparator["DoesNotContain"] = 1] = "DoesNotContain";
+  Table2FilterComparator[Table2FilterComparator["IsEqualTo"] = 2] = "IsEqualTo";
+  Table2FilterComparator[Table2FilterComparator["IsNotEqualTo"] = 3] = "IsNotEqualTo";
+  Table2FilterComparator[Table2FilterComparator["IsGreaterThan"] = 4] = "IsGreaterThan";
+  Table2FilterComparator[Table2FilterComparator["IsLessThan"] = 5] = "IsLessThan";
+  Table2FilterComparator[Table2FilterComparator["IsBetween"] = 6] = "IsBetween";
+  Table2FilterComparator[Table2FilterComparator["IsOneOf"] = 7] = "IsOneOf";
+  Table2FilterComparator[Table2FilterComparator["IsNoneOf"] = 8] = "IsNoneOf";
+  Table2FilterComparator[Table2FilterComparator["IsAllOf"] = 9] = "IsAllOf";
+})(Table2FilterComparator || (Table2FilterComparator = {}));
+
+export { Table2FilterComparator };
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../../../../../src/components/Table2/types.ts"],"sourcesContent":["import React from 'react';\nimport {\n    ColumnFiltersState,\n    ColumnOrderState,\n    ColumnPinningState,\n    ColumnSizingState,\n    OnChangeFn,\n    Row,\n    SortingState,\n    VisibilityState,\n} from '@tanstack/react-table';\nimport { DialogProps } from '../Dialog/Dialog';\nimport { IconName } from '../Icon/Icon';\nimport { MenuProps } from '../Menu/Menu';\n\nexport enum Table2FilterComparator {\n    Contains,\n    DoesNotContain,\n    IsEqualTo,\n    IsNotEqualTo,\n    IsGreaterThan,\n    IsLessThan,\n    IsBetween,\n    IsOneOf,\n    IsNoneOf,\n    IsAllOf,\n}\n\nexport type Table2Filter<TType = any> = {\n    comparator?: Table2FilterComparator;\n    value: TType | TType[];\n};\n\nexport type ColumnOffsetState = Record<string, number | undefined>;\nexport type RowDensity = 'compact' | 'normal' | 'comfortable' | 'spacious';\nexport type CellAlignment = 'left' | 'center' | 'right';\n\nexport type SortDirection = 'asc' | 'desc';\nexport type ColumnDataType = 'auto' | 'alphanumeric' | 'alphanumericCaseSensitive' | 'datetime' | 'boolean';\n\nexport type Table2ToolbarProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport type Table2ColumnHeaderRenderer<TType = any> = (value: any, row: TType) => JSX.Element | string | null;\nexport type Table2ColumnHeaderMenu = (props: Partial<MenuProps>) => JSX.Element;\nexport type Table2ColumnFooterRenderer = (values: any[]) => JSX.Element | string | null;\n\nexport type Table2ColumnControlProps = {\n    onBlur: (newValue?: any) => Promise<void>;\n    onFocus: React.FocusEventHandler;\n    ref: React.RefObject<HTMLElement>;\n    setValue: (value: any) => void;\n    value: any;\n    disabled?: boolean;\n    readOnly?: boolean;\n    // This is a temporary fix to enable up/down arrow key shortcuts on input in quick mode. For some reason,\n    // the preventDefault is true on Taco Input, so the keyboard shortcuts doesn't work. By adding this\n    // data attribute we make sure the event is coming from a control component, and then we can make sure\n    // keyboard shortcut works as expected.\n    'data-inline-editing-component'?: 'true';\n};\nexport type Table2ColumnControlRenderer<TType = any> =\n    | ((props: Table2ColumnControlProps, row?: TType) => JSX.Element)\n    | 'datepicker'\n    | 'input'\n    | 'switch';\n\nexport type Table2ColumnProps<TType = any> = {\n    accessor: string;\n    align?: CellAlignment;\n    className?: string | ((row: Row<TType>) => string);\n    control?: Table2ColumnControlRenderer<TType>;\n    dataType?: ColumnDataType;\n    defaultActiveColumnIndex?: number;\n    defaultActiveRowIndex?: number;\n    defaultHidden?: boolean;\n    defaultPinned?: boolean;\n    disableFiltering?: boolean;\n    disableHiding?: boolean;\n    disableReordering?: boolean;\n    disableResizing?: boolean;\n    disableSorting?: boolean;\n    disableTruncation?: boolean;\n    defaultWidth?: number;\n    header: string;\n    headerClassName?: string;\n    footer?: Table2ColumnFooterRenderer;\n    renderer?: Table2ColumnHeaderRenderer<TType>;\n    menu?: Table2ColumnHeaderMenu;\n    minWidth?: number;\n    sort?: SortDirection;\n    tooltip?: string;\n};\n\nexport type Table2ActionProps<TType> = {\n    dialog?: (rows: TType[], resetSelectedRows: () => void) => (props: Partial<DialogProps>) => JSX.Element;\n    disabled?: boolean | ((rows: TType[]) => boolean);\n    icon: IconName | ((rows: TType[]) => IconName);\n    onClick?: (rows: TType[], resetSelectedRows: () => void) => void;\n    text: string | ((rows: TType[]) => string);\n    visible?: boolean | ((rows: TType[]) => boolean);\n};\n\nexport type Table2RowActionProps<TType> = {\n    ariaLabel: string | ((row: TType) => string);\n    dialog?: (row: TType) => (props: Partial<DialogProps>) => JSX.Element;\n    disabled?: boolean | ((row: TType) => boolean);\n    icon: IconName | ((row: TType) => IconName);\n    onClick?: (row: TType) => void;\n    text: string | ((row: TType) => string);\n    visible?: boolean | ((row: TType) => boolean);\n};\n\nexport type Table2Settings = {\n    columnFilters?: ColumnFiltersState;\n    columnOrder?: ColumnOrderState;\n    columnPinning?: ColumnPinningState;\n    columnSizing?: ColumnSizingState;\n    columnVisibility?: VisibilityState;\n    globalFilter?: string;\n    rowDensity?: RowDensity;\n    sorting?: SortingState;\n};\n\nexport type RowClickHandler<TType = any> = (row: TType) => void;\nexport type RowDragHandler<TType = any> = (\n    rows: TType[],\n    showPlaceholder: (string) => void,\n    setDataTransfer: (data: string) => void\n) => void;\nexport type RowSelectionHandler<TType = any> = (rows: TType[]) => void;\nexport type SortHandler = OnChangeFn<SortingState>;\nexport type SettingsHandler = OnChangeFn<Table2Settings>;\nexport type SaveHandlerErrorResponse = Record<string, string | undefined | null> | null;\nexport type SaveHandler<TType = any> = (row: TType, accessor: string) => Promise<SaveHandlerErrorResponse | void>;\n\nexport type DataColumnIndexes = {\n    dataColumnStartOffset: number;\n    dataColumnEndOffset: number;\n};\n\nexport type Table2Props<TType = any> = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\n    actionsForRow?: Table2RowActionProps<TType>[];\n    children: React.ReactElement<Table2ColumnProps<TType>>[];\n    className?: string;\n    data: TType[];\n    defaultActiveRowIndex?: number;\n    disableColumnFiltering?: boolean;\n    disableColumnHiding?: boolean;\n    disableColumnPinning?: boolean;\n    disableColumnReordering?: boolean;\n    disableColumnResizing?: boolean;\n    disableRowDensity?: boolean;\n    disableRowExpansion?: boolean;\n    disableRowSelection?: boolean;\n    disableMultipleRowSelection?: boolean;\n    disableSearch?: boolean;\n    disableSorting?: boolean;\n    emptyState?: () => JSX.Element;\n    expandedRowRenderer?: (row: TType) => JSX.Element;\n    length?: number;\n    loadMore?: () => Promise<void>;\n    manualColumnFiltering?: boolean;\n    manualSearch?: boolean;\n    manualSorting?: boolean;\n    onChangeSettings?: SettingsHandler;\n    onRowClick?: RowClickHandler<TType>;\n    onRowDrag?: RowDragHandler<TType>;\n    onRowSelect?: RowSelectionHandler<TType>;\n    onSave?: SaveHandler<TType>;\n    settings?: Table2Settings;\n    _experimentalActionsForTable?: Table2ActionProps<TType>[];\n    _experimentalActionsForTableSummary?: (rows: TType[]) => JSX.Element | string;\n};\n"],"names":["Table2FilterComparator"],"mappings":"IAeYA;AAAZ,WAAYA,sBAAsB;EAC9BA,2EAAQ;EACRA,uFAAc;EACdA,6EAAS;EACTA,mFAAY;EACZA,qFAAa;EACbA,+EAAU;EACVA,6EAAS;EACTA,yEAAO;EACPA,2EAAQ;EACRA,yEAAO;AACX,CAAC,EAXWA,sBAAsB,KAAtBA,sBAAsB;;;;"}

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

@@ -0,0 +1,41 @@
+import cn from 'classnames';
+import { COLUMN_ID_FOR_EXPANSION, COLUMN_ID_FOR_SELECTION } from './columns.js';
+
+const getDensityPadding = (density, editing = false) => {
+  switch (density) {
+    case 'compact':
+      return editing ? 'py-0' : 'py-1.5';
+    case 'comfortable':
+      return editing ? 'py-2' : 'py-3.5';
+    case 'spacious':
+      return editing ? 'py-3' : 'py-5';
+    default:
+      return editing ? 'py-1' : 'py-2.5';
+  }
+};
+const getCellSizingClasses = (density = 'normal', editing = false) => {
+  return cn('flex items-center', getDensityPadding(density, editing), editing ? 'px-[7px]' : 'px-4');
+};
+const getCellAlignmentClasses = (alignment = 'left') => ({
+  'justify-start text-left': alignment === 'left',
+  'justify-end text-right': alignment === 'right',
+  'justify-center text-center': alignment === 'center'
+});
+const getPinnedShadowClasses = (column, columnPinning, isHorizontallyOffset) => {
+  const pinned = !!column.getIsPinned();
+  // react-table has column.getPinnedIndex() but it does not exclude hidden columns, so the number is wrong
+  const pinnedIndex = columnPinning.indexOf(column.id);
+  const isLastPinned = pinned && pinnedIndex === columnPinning.length - 1;
+  const hidePinnedShadow = !isHorizontallyOffset && (column.id === COLUMN_ID_FOR_EXPANSION || column.id === COLUMN_ID_FOR_SELECTION);
+  return {
+    'shadow-[6px_0px_6px_rgb(0_0_0/8%),1px_0px_0px_theme(colors.grey.300)]': isLastPinned && isHorizontallyOffset,
+    'shadow-[1px_0px_0px_theme(colors.grey.300)]': isLastPinned && !isHorizontallyOffset && !hidePinnedShadow
+  };
+};
+const isKeyboardFocusableElement = element => {
+  const focussableNodeNames = ['A', 'BUTTON', 'INPUT', 'TEXTAREA', 'SELECT', 'DETAILS'];
+  return focussableNodeNames.includes(element.nodeName) && !element.hasAttribute('disabled') && !element.hasAttribute('readonly') && !element.getAttribute('aria-hidden');
+};
+
+export { getCellAlignmentClasses, getCellSizingClasses, getPinnedShadowClasses, isKeyboardFocusableElement };
+//# sourceMappingURL=cell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cell.js","sources":["../../../../../../../../src/components/Table2/utilities/cell.ts"],"sourcesContent":["import cn from 'classnames';\nimport { Column } from '@tanstack/react-table';\nimport { CellAlignment, RowDensity } from '../types';\nimport { COLUMN_ID_FOR_EXPANSION, COLUMN_ID_FOR_SELECTION } from './columns';\n\nconst getDensityPadding = (density: RowDensity, editing = false) => {\n    switch (density) {\n        case 'compact':\n            return editing ? 'py-0' : 'py-1.5';\n        case 'comfortable':\n            return editing ? 'py-2' : 'py-3.5';\n        case 'spacious':\n            return editing ? 'py-3' : 'py-5';\n        default:\n            return editing ? 'py-1' : 'py-2.5';\n    }\n};\n\nexport const getCellSizingClasses = (density: RowDensity = 'normal', editing = false) => {\n    return cn('flex items-center', getDensityPadding(density, editing), editing ? 'px-[7px]' : 'px-4');\n};\n\nexport const getCellAlignmentClasses = (alignment: CellAlignment = 'left') => ({\n    'justify-start text-left': alignment === 'left',\n    'justify-end text-right': alignment === 'right',\n    'justify-center text-center': alignment === 'center',\n});\n\nexport const getPinnedShadowClasses = (column: Column<any, any>, columnPinning: string[], isHorizontallyOffset: boolean) => {\n    const pinned = !!column.getIsPinned();\n\n    // react-table has column.getPinnedIndex() but it does not exclude hidden columns, so the number is wrong\n    const pinnedIndex = columnPinning.indexOf(column.id);\n    const isLastPinned = pinned && pinnedIndex === columnPinning.length - 1;\n    const hidePinnedShadow =\n        !isHorizontallyOffset && (column.id === COLUMN_ID_FOR_EXPANSION || column.id === COLUMN_ID_FOR_SELECTION);\n\n    return {\n        'shadow-[6px_0px_6px_rgb(0_0_0/8%),1px_0px_0px_theme(colors.grey.300)]': isLastPinned && isHorizontallyOffset,\n        'shadow-[1px_0px_0px_theme(colors.grey.300)]': isLastPinned && !isHorizontallyOffset && !hidePinnedShadow,\n    };\n};\n\nexport const isKeyboardFocusableElement = (element: Element) => {\n    const focussableNodeNames = ['A', 'BUTTON', 'INPUT', 'TEXTAREA', 'SELECT', 'DETAILS'];\n\n    return (\n        focussableNodeNames.includes(element.nodeName) &&\n        !element.hasAttribute('disabled') &&\n        !element.hasAttribute('readonly') &&\n        !element.getAttribute('aria-hidden')\n    );\n};\n"],"names":["getDensityPadding","density","editing","getCellSizingClasses","cn","getCellAlignmentClasses","alignment","getPinnedShadowClasses","column","columnPinning","isHorizontallyOffset","pinned","getIsPinned","pinnedIndex","indexOf","id","isLastPinned","length","hidePinnedShadow","COLUMN_ID_FOR_EXPANSION","COLUMN_ID_FOR_SELECTION","isKeyboardFocusableElement","element","focussableNodeNames","includes","nodeName","hasAttribute","getAttribute"],"mappings":";;;AAKA,MAAMA,iBAAiB,GAAG,CAACC,OAAmB,EAAEC,OAAO,GAAG,KAAK;EAC3D,QAAQD,OAAO;IACX,KAAK,SAAS;MACV,OAAOC,OAAO,GAAG,MAAM,GAAG,QAAQ;IACtC,KAAK,aAAa;MACd,OAAOA,OAAO,GAAG,MAAM,GAAG,QAAQ;IACtC,KAAK,UAAU;MACX,OAAOA,OAAO,GAAG,MAAM,GAAG,MAAM;IACpC;MACI,OAAOA,OAAO,GAAG,MAAM,GAAG,QAAQ;;AAE9C,CAAC;MAEYC,oBAAoB,GAAG,CAACF,UAAsB,QAAQ,EAAEC,OAAO,GAAG,KAAK;EAChF,OAAOE,EAAE,CAAC,mBAAmB,EAAEJ,iBAAiB,CAACC,OAAO,EAAEC,OAAO,CAAC,EAAEA,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC;AACtG;MAEaG,uBAAuB,GAAG,CAACC,YAA2B,MAAM,MAAM;EAC3E,yBAAyB,EAAEA,SAAS,KAAK,MAAM;EAC/C,wBAAwB,EAAEA,SAAS,KAAK,OAAO;EAC/C,4BAA4B,EAAEA,SAAS,KAAK;CAC/C;MAEYC,sBAAsB,GAAG,CAACC,MAAwB,EAAEC,aAAuB,EAAEC,oBAA6B;EACnH,MAAMC,MAAM,GAAG,CAAC,CAACH,MAAM,CAACI,WAAW,EAAE;;EAGrC,MAAMC,WAAW,GAAGJ,aAAa,CAACK,OAAO,CAACN,MAAM,CAACO,EAAE,CAAC;EACpD,MAAMC,YAAY,GAAGL,MAAM,IAAIE,WAAW,KAAKJ,aAAa,CAACQ,MAAM,GAAG,CAAC;EACvE,MAAMC,gBAAgB,GAClB,CAACR,oBAAoB,KAAKF,MAAM,CAACO,EAAE,KAAKI,uBAAuB,IAAIX,MAAM,CAACO,EAAE,KAAKK,uBAAuB,CAAC;EAE7G,OAAO;IACH,uEAAuE,EAAEJ,YAAY,IAAIN,oBAAoB;IAC7G,6CAA6C,EAAEM,YAAY,IAAI,CAACN,oBAAoB,IAAI,CAACQ;GAC5F;AACL;MAEaG,0BAA0B,GAAIC,OAAgB;EACvD,MAAMC,mBAAmB,GAAG,CAAC,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,CAAC;EAErF,OACIA,mBAAmB,CAACC,QAAQ,CAACF,OAAO,CAACG,QAAQ,CAAC,IAC9C,CAACH,OAAO,CAACI,YAAY,CAAC,UAAU,CAAC,IACjC,CAACJ,OAAO,CAACI,YAAY,CAAC,UAAU,CAAC,IACjC,CAACJ,OAAO,CAACK,YAAY,CAAC,aAAa,CAAC;AAE5C;;;;"}

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

@@ -0,0 +1,309 @@
+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,
+  table,
+  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);
+  if (table.options.meta.activeRowIndex !== row.index && table.options.meta.hoveredRowIndex !== row.index) {
+    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 /*#__PURE__*/React__default.createElement("span", {
+      className: "flex",
+      style: {
+        width: paddingSize + totalButtons * buttonSize
+      }
+    });
+  }
+  return /*#__PURE__*/React__default.createElement("span", {
+    className: "-mb-2 -mt-1.5 text-right"
+  }, visibleActions.map((action, i) => /*#__PURE__*/React__default.createElement(IconButton, {
+    key: i,
+    "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, {
+    "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,
+      table
+    }) => /*#__PURE__*/React__default.createElement(RowActionCell, {
+      row: row,
+      table: table,
+      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, table, 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    if (table.options.meta.activeRowIndex !== row.index && table.options.meta.hoveredRowIndex !== row.index) {\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        return <span className=\"flex\" style={{ width: paddingSize + totalButtons * buttonSize }} />;\n    }\n\n    return (\n        <span className=\"-mb-2 -mt-1.5 text-right\">\n            {visibleActions.map((action, i) => (\n                <IconButton\n                    key={i}\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                    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, table }) => <RowActionCell<TType> row={row} table={table} 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","activeRowIndex","hoveredRowIndex","totalButtons","length","paddingSize","buttonSize","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