@economic/taco 1.19.1 → 1.21.0

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

@@ -0,0 +1,17 @@
+import React__default from 'react';
+
+const useRowSelectionListener = (table, onRowSelect) => {
+  React__default.useEffect(() => {
+    if (onRowSelect) {
+      if (table.options.enableMultiRowSelection) {
+        onRowSelect(table.getSelectedRowModel().rows.map(row => row.original));
+      } else {
+        var _table$getSelectedRow, _table$getSelectedRow2;
+        onRowSelect((_table$getSelectedRow = (_table$getSelectedRow2 = table.getSelectedRowModel().rows[0]) === null || _table$getSelectedRow2 === void 0 ? void 0 : _table$getSelectedRow2.original) !== null && _table$getSelectedRow !== void 0 ? _table$getSelectedRow : undefined);
+      }
+    }
+  }, [table.getState().rowSelection]);
+};
+
+export { useRowSelectionListener };
+//# sourceMappingURL=useRowSelectionListener.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRowSelectionListener.js","sources":["../../../../../../../../../src/components/Table2/hooks/listeners/useRowSelectionListener.ts"],"sourcesContent":["import React from 'react';\nimport { Table as RTTable } from '@tanstack/react-table';\nimport { RowSelectionHandler } from '../../types';\n\nexport const useRowSelectionListener = <TType = any>(table: RTTable<any>, onRowSelect: RowSelectionHandler | undefined) => {\n    React.useEffect(() => {\n        if (onRowSelect) {\n            if (table.options.enableMultiRowSelection) {\n                onRowSelect(table.getSelectedRowModel().rows.map(row => row.original) as TType[]);\n            } else {\n                onRowSelect(table.getSelectedRowModel().rows[0]?.original ?? undefined);\n            }\n        }\n    }, [table.getState().rowSelection]);\n};\n"],"names":["useRowSelectionListener","table","onRowSelect","React","useEffect","options","enableMultiRowSelection","getSelectedRowModel","rows","map","row","original","undefined","getState","rowSelection"],"mappings":";;MAIaA,uBAAuB,GAAG,CAAcC,KAAmB,EAAEC,WAA4C;EAClHC,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIF,WAAW,EAAE;MACb,IAAID,KAAK,CAACI,OAAO,CAACC,uBAAuB,EAAE;QACvCJ,WAAW,CAACD,KAAK,CAACM,mBAAmB,EAAE,CAACC,IAAI,CAACC,GAAG,CAACC,GAAG,IAAIA,GAAG,CAACC,QAAQ,CAAY,CAAC;OACpF,MAAM;QAAA;QACHT,WAAW,oDAACD,KAAK,CAACM,mBAAmB,EAAE,CAACC,IAAI,CAAC,CAAC,CAAC,2DAAnC,uBAAqCG,QAAQ,yEAAIC,SAAS,CAAC;;;GAGlF,EAAE,CAACX,KAAK,CAACY,QAAQ,EAAE,CAACC,YAAY,CAAC,CAAC;AACvC;;;;"}

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

@@ -0,0 +1,25 @@
+import React__default from 'react';
+
+const useSettingsStateListener = (table, onChangeSettings) => {
+  const meta = table.options.meta;
+  const state = table.getState();
+  React__default.useEffect(() => {
+    let handler;
+    if (typeof onChangeSettings === 'function') {
+      handler = setTimeout(() => onChangeSettings({
+        columnFilters: state.columnFilters,
+        columnOrder: state.columnOrder,
+        columnPinning: state.columnPinning,
+        columnSizing: state.columnSizing,
+        columnVisibility: state.columnVisibility,
+        globalFilter: state.globalFilter,
+        rowDensity: meta.rowDensity,
+        sorting: state.sorting
+      }), 250);
+    }
+    return () => clearTimeout(handler);
+  }, [state.columnFilters, state.columnOrder, state.columnPinning, state.columnSizing, state.columnVisibility, state.globalFilter, meta.rowDensity, state.sorting]);
+};
+
+export { useSettingsStateListener };
+//# sourceMappingURL=useSettingsStateListener.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSettingsStateListener.js","sources":["../../../../../../../../../src/components/Table2/hooks/listeners/useSettingsStateListener.ts"],"sourcesContent":["import React from 'react';\nimport { Table as RTTable, TableMeta } from '@tanstack/react-table';\nimport { SettingsHandler } from '../../types';\n\nexport const useSettingsStateListener = (table: RTTable<any>, onChangeSettings: SettingsHandler | undefined) => {\n    const meta = table.options.meta as TableMeta<any>;\n    const state = table.getState();\n\n    React.useEffect(() => {\n        let handler;\n\n        if (typeof onChangeSettings === 'function') {\n            handler = setTimeout(\n                () =>\n                    onChangeSettings({\n                        columnFilters: state.columnFilters,\n                        columnOrder: state.columnOrder,\n                        columnPinning: state.columnPinning,\n                        columnSizing: state.columnSizing,\n                        columnVisibility: state.columnVisibility,\n                        globalFilter: state.globalFilter,\n                        rowDensity: meta.rowDensity,\n                        sorting: state.sorting,\n                    }),\n                250\n            );\n        }\n\n        return () => clearTimeout(handler);\n    }, [\n        state.columnFilters,\n        state.columnOrder,\n        state.columnPinning,\n        state.columnSizing,\n        state.columnVisibility,\n        state.globalFilter,\n        meta.rowDensity,\n        state.sorting,\n    ]);\n};\n"],"names":["useSettingsStateListener","table","onChangeSettings","meta","options","state","getState","React","useEffect","handler","setTimeout","columnFilters","columnOrder","columnPinning","columnSizing","columnVisibility","globalFilter","rowDensity","sorting","clearTimeout"],"mappings":";;MAIaA,wBAAwB,GAAG,CAACC,KAAmB,EAAEC,gBAA6C;EACvG,MAAMC,IAAI,GAAGF,KAAK,CAACG,OAAO,CAACD,IAAsB;EACjD,MAAME,KAAK,GAAGJ,KAAK,CAACK,QAAQ,EAAE;EAE9BC,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIC,OAAO;IAEX,IAAI,OAAOP,gBAAgB,KAAK,UAAU,EAAE;MACxCO,OAAO,GAAGC,UAAU,CAChB,MACIR,gBAAgB,CAAC;QACbS,aAAa,EAAEN,KAAK,CAACM,aAAa;QAClCC,WAAW,EAAEP,KAAK,CAACO,WAAW;QAC9BC,aAAa,EAAER,KAAK,CAACQ,aAAa;QAClCC,YAAY,EAAET,KAAK,CAACS,YAAY;QAChCC,gBAAgB,EAAEV,KAAK,CAACU,gBAAgB;QACxCC,YAAY,EAAEX,KAAK,CAACW,YAAY;QAChCC,UAAU,EAAEd,IAAI,CAACc,UAAU;QAC3BC,OAAO,EAAEb,KAAK,CAACa;OAClB,CAAC,EACN,GAAG,CACN;;IAGL,OAAO,MAAMC,YAAY,CAACV,OAAO,CAAC;GACrC,EAAE,CACCJ,KAAK,CAACM,aAAa,EACnBN,KAAK,CAACO,WAAW,EACjBP,KAAK,CAACQ,aAAa,EACnBR,KAAK,CAACS,YAAY,EAClBT,KAAK,CAACU,gBAAgB,EACtBV,KAAK,CAACW,YAAY,EAClBb,IAAI,CAACc,UAAU,EACfZ,KAAK,CAACa,OAAO,CAChB,CAAC;AACN;;;;"}

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

@@ -0,0 +1,33 @@
+import React__default from 'react';
+
+const useActiveRow = (defaultActiveRowIndex = 0) => {
+  const [activeRowIndex, _setActiveRow] = React__default.useState(defaultActiveRowIndex);
+  const moveActiveRow = (direction, rows, callback) => {
+    _setActiveRow(rowIndex => {
+      const nextRowIndex = getNextIndex(direction, rowIndex, rows.length);
+      if (callback) {
+        callback(nextRowIndex);
+      }
+      return nextRowIndex;
+    });
+  };
+  // output
+  const moveToPreviousRow = (rows, callback) => moveActiveRow(-1, rows, callback);
+  const moveToNextRow = (rows, callback) => moveActiveRow(1, rows, callback);
+  const setActiveRowIndex = rowIndex => _setActiveRow(rowIndex);
+  return {
+    activeRowIndex,
+    setActiveRowIndex,
+    moveToPreviousRow,
+    moveToNextRow
+  };
+};
+const getNextIndex = (direction, currentIndex, length) => {
+  if (direction === -1) {
+    return currentIndex - 1 > 0 ? currentIndex - 1 : 0;
+  }
+  return currentIndex + 1 < length ? currentIndex + 1 : currentIndex;
+};
+
+export { useActiveRow };
+//# sourceMappingURL=useActiveRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useActiveRow.js","sources":["../../../../../../../../src/components/Table2/hooks/useActiveRow.ts"],"sourcesContent":["import React from 'react';\nimport { Row as TRow } from '@tanstack/react-table';\n\n/*\n    Note: We have to use row id as the identifier for the row, index isn't good enough\n\n    If new rows are added (e.g. by polling of data) and we use index, then the active row\n    could change to a different row, this is really bad if the user is editing a row.\n    \n    Using row id allows us to always stay on the same row. We have to store index though to make\n    arrow key navigation performant (otherwise we have to findIndex the entire row array each time).\n*/\n\nexport type ActiveRowHandler = (rowIndex: number) => void;\nexport type ActiveRowMoveHandler<TType = any> = (rows: TRow<TType>[], callback?: (index: number) => void) => void;\n\nexport type useActiveRow<TType = any> = {\n    activeRowIndex: number;\n    setActiveRowIndex: ActiveRowHandler;\n    moveToPreviousRow: ActiveRowMoveHandler<TType>;\n    moveToNextRow: ActiveRowMoveHandler<TType>;\n};\n\nexport const useActiveRow = <TType = any>(defaultActiveRowIndex = 0): useActiveRow<TType> => {\n    const [activeRowIndex, _setActiveRow] = React.useState<number>(defaultActiveRowIndex);\n\n    const moveActiveRow = (direction: -1 | 1, rows: TRow<TType>[], callback?: (index: number) => void) => {\n        _setActiveRow(rowIndex => {\n            const nextRowIndex = getNextIndex(direction, rowIndex, rows.length);\n            if (callback) {\n                callback(nextRowIndex);\n            }\n            return nextRowIndex;\n        });\n    };\n\n    // output\n    const moveToPreviousRow = (rows: TRow<TType>[], callback?: (index: number) => void) => moveActiveRow(-1, rows, callback);\n    const moveToNextRow = (rows: TRow<TType>[], callback?: (index: number) => void) => moveActiveRow(1, rows, callback);\n    const setActiveRowIndex = (rowIndex: number) => _setActiveRow(rowIndex);\n\n    return {\n        activeRowIndex,\n        setActiveRowIndex,\n        moveToPreviousRow,\n        moveToNextRow,\n    };\n};\n\nconst getNextIndex = (direction: -1 | 1, currentIndex: number, length: number) => {\n    if (direction === -1) {\n        return currentIndex - 1 > 0 ? currentIndex - 1 : 0;\n    }\n\n    return currentIndex + 1 < length ? currentIndex + 1 : currentIndex;\n};\n"],"names":["useActiveRow","defaultActiveRowIndex","activeRowIndex","_setActiveRow","React","useState","moveActiveRow","direction","rows","callback","rowIndex","nextRowIndex","getNextIndex","length","moveToPreviousRow","moveToNextRow","setActiveRowIndex","currentIndex"],"mappings":";;MAuBaA,YAAY,GAAG,CAAcC,qBAAqB,GAAG,CAAC;EAC/D,MAAM,CAACC,cAAc,EAAEC,aAAa,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAASJ,qBAAqB,CAAC;EAErF,MAAMK,aAAa,GAAG,CAACC,SAAiB,EAAEC,IAAmB,EAAEC,QAAkC;IAC7FN,aAAa,CAACO,QAAQ;MAClB,MAAMC,YAAY,GAAGC,YAAY,CAACL,SAAS,EAAEG,QAAQ,EAAEF,IAAI,CAACK,MAAM,CAAC;MACnE,IAAIJ,QAAQ,EAAE;QACVA,QAAQ,CAACE,YAAY,CAAC;;MAE1B,OAAOA,YAAY;KACtB,CAAC;GACL;;EAGD,MAAMG,iBAAiB,GAAG,CAACN,IAAmB,EAAEC,QAAkC,KAAKH,aAAa,CAAC,CAAC,CAAC,EAAEE,IAAI,EAAEC,QAAQ,CAAC;EACxH,MAAMM,aAAa,GAAG,CAACP,IAAmB,EAAEC,QAAkC,KAAKH,aAAa,CAAC,CAAC,EAAEE,IAAI,EAAEC,QAAQ,CAAC;EACnH,MAAMO,iBAAiB,GAAIN,QAAgB,IAAKP,aAAa,CAACO,QAAQ,CAAC;EAEvE,OAAO;IACHR,cAAc;IACdc,iBAAiB;IACjBF,iBAAiB;IACjBC;GACH;AACL;AAEA,MAAMH,YAAY,GAAG,CAACL,SAAiB,EAAEU,YAAoB,EAAEJ,MAAc;EACzE,IAAIN,SAAS,KAAK,CAAC,CAAC,EAAE;IAClB,OAAOU,YAAY,GAAG,CAAC,GAAG,CAAC,GAAGA,YAAY,GAAG,CAAC,GAAG,CAAC;;EAGtD,OAAOA,YAAY,GAAG,CAAC,GAAGJ,MAAM,GAAGI,YAAY,GAAG,CAAC,GAAGA,YAAY;AACtE,CAAC;;;;"}

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

@@ -0,0 +1,109 @@
+import React__default from 'react';
+import { createColumnHelper } from '@tanstack/react-table';
+import { createRowExpansionColumn, createRowSelectionColumn, createRowDraggableColumn, createRowActionsColumn, MIN_COLUMN_SIZE, COLUMN_ID_FOR_EXPANSION, COLUMN_ID_FOR_SELECTION, COLUMN_ID_FOR_DRAGGABLE } from '../utilities/columns.js';
+
+function useColumnDefinitions(children, options, tableRef) {
+  const lastSelectedRowIndex = React__default.useRef();
+  const columnHelper = createColumnHelper();
+  return React__default.useMemo(() => {
+    var _options$actionsForRo;
+    // cannot be typed correctly until https://github.com/TanStack/table/discussions/4530 is resolved
+    const columns = [];
+    const defaultColumnPinning = [];
+    const defaultColumnSizing = {};
+    const defaultColumnVisibility = {};
+    const defaultSorting = [];
+    const footers = {};
+    React__default.Children.toArray(children).forEach(child => {
+      if ( /*#__PURE__*/React__default.isValidElement(child)) {
+        var _child$props$minWidth;
+        if (child.props.defaultPinned && options.enableColumnPinning) {
+          defaultColumnPinning.push(child.props.accessor);
+        }
+        if (child.props.defaultWidth) {
+          defaultColumnSizing[child.props.accessor] = child.props.defaultWidth;
+        }
+        if (child.props.defaultHidden && options.enableColumnHiding) {
+          defaultColumnVisibility[child.props.accessor] = false;
+        }
+        if (child.props.sort !== undefined) {
+          defaultSorting.push({
+            id: child.props.accessor,
+            desc: child.props.sort === 'desc'
+          });
+        }
+        if (child.props.footer) {
+          footers[child.props.accessor] = child.props.footer;
+        }
+        columns.push({
+          accessorKey: child.props.accessor,
+          id: child.props.accessor,
+          cell: props => {
+            var _props$getValue;
+            if (typeof child.props.renderer === 'function') {
+              return child.props.renderer(props.getValue(), props.row.original);
+            }
+            // If value is undefined then return null because cell is a react component, and undefined is not
+            // a valid child value.
+            return (_props$getValue = props.getValue()) !== null && _props$getValue !== void 0 ? _props$getValue : null;
+          },
+          header: child.props.header,
+          meta: {
+            align: child.props.align,
+            className: child.props.className,
+            control: child.props.control,
+            dataType: child.props.dataType,
+            defaultWidth: child.props.defaultWidth,
+            disableReordering: child.props.disableReordering,
+            disableTruncation: child.props.disableTruncation,
+            menu: child.props.menu,
+            tooltip: child.props.tooltip
+          },
+          enableHiding: !child.props.disableHiding,
+          // filtering
+          enableColumnFilter: !child.props.disableFiltering,
+          filterFn: options.enableColumnFiltering && !child.props.disableFiltering ? 'tacoFilter' : undefined,
+          // sizing
+          enableResizing: !child.props.disableResizing,
+          minSize: (_child$props$minWidth = child.props.minWidth) !== null && _child$props$minWidth !== void 0 ? _child$props$minWidth : MIN_COLUMN_SIZE,
+          size: child.props.defaultWidth,
+          // sorting
+          enableSorting: !child.props.disableSorting,
+          sortingFn: getSortingFn(child.props.dataType)
+        });
+      }
+    });
+    if (options.enableRowExpansion) {
+      columns.unshift(columnHelper.display(createRowExpansionColumn()));
+      defaultColumnPinning.unshift(COLUMN_ID_FOR_EXPANSION);
+    }
+    if (options.enableRowSelection) {
+      columns.unshift(columnHelper.display(createRowSelectionColumn(options.enableMultipleRowSelection, lastSelectedRowIndex, options.onRowDrag, tableRef)));
+      defaultColumnPinning.unshift(COLUMN_ID_FOR_SELECTION);
+    }
+    if (options.onRowDrag) {
+      columns.unshift(columnHelper.display(createRowDraggableColumn(options.onRowDrag)));
+      defaultColumnPinning.unshift(COLUMN_ID_FOR_DRAGGABLE);
+    }
+    if ((_options$actionsForRo = options.actionsForRow) !== null && _options$actionsForRo !== void 0 && _options$actionsForRo.length) {
+      columns.push(columnHelper.display(createRowActionsColumn(options.actionsForRow)));
+    }
+    return {
+      columns,
+      defaultColumnPinning,
+      defaultColumnSizing,
+      defaultColumnVisibility,
+      defaultSorting,
+      footers
+    };
+  }, [children]);
+}
+const getSortingFn = dataType => {
+  if (dataType && dataType !== 'boolean') {
+    return dataType;
+  }
+  return 'auto';
+};
+
+export { useColumnDefinitions };
+//# sourceMappingURL=useColumnDefinitions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useColumnDefinitions.js","sources":["../../../../../../../../src/components/Table2/hooks/useColumnDefinitions.ts"],"sourcesContent":["import React from 'react';\nimport {\n    createColumnHelper,\n    ColumnSort,\n    ColumnSizingState,\n    Row,\n    RowData,\n    VisibilityState,\n    SortingFnOption,\n} from '@tanstack/react-table';\nimport {\n    CellAlignment,\n    ColumnDataType,\n    RowDragHandler,\n    Table2ColumnControlRenderer,\n    Table2ColumnFooterRenderer,\n    Table2ColumnHeaderMenu,\n    Table2ColumnProps,\n    Table2RowActionProps,\n} from '../types';\nimport {\n    COLUMN_ID_FOR_DRAGGABLE,\n    COLUMN_ID_FOR_EXPANSION,\n    COLUMN_ID_FOR_SELECTION,\n    createRowActionsColumn,\n    createRowDraggableColumn,\n    createRowExpansionColumn,\n    createRowSelectionColumn,\n    MIN_COLUMN_SIZE,\n} from '../utilities/columns';\n\ndeclare module '@tanstack/table-core' {\n    interface ColumnMeta<TData extends RowData, TValue> {\n        align?: CellAlignment;\n        className?: string | ((row: Row<TData>) => string);\n        control?: Table2ColumnControlRenderer;\n        dataType?: ColumnDataType;\n        disableReordering?: boolean;\n        disableTruncation?: boolean;\n        defaultWidth?: number;\n        headerClassName?: string;\n        menu?: Table2ColumnHeaderMenu;\n        tooltip?: string;\n    }\n}\n\ntype useColumnDefinitionsOptions<TType> = {\n    actionsForRow: Table2RowActionProps<TType>[];\n    enableColumnFiltering: boolean;\n    enableColumnHiding: boolean;\n    enableColumnPinning: boolean;\n    enableRowExpansion: boolean;\n    enableRowSelection: boolean;\n    enableMultipleRowSelection: boolean;\n    onRowDrag?: RowDragHandler<TType>;\n};\n\nexport function useColumnDefinitions<TType = any>(\n    children: React.ReactElement<Table2ColumnProps<TType>>[],\n    options: useColumnDefinitionsOptions<TType>,\n    tableRef: React.RefObject<HTMLDivElement>\n) {\n    const lastSelectedRowIndex = React.useRef<number>();\n    const columnHelper = createColumnHelper<TType>();\n\n    return React.useMemo(() => {\n        // cannot be typed correctly until https://github.com/TanStack/table/discussions/4530 is resolved\n        const columns: any[] = [];\n        const defaultColumnPinning: string[] = [];\n        const defaultColumnSizing: ColumnSizingState = {};\n        const defaultColumnVisibility: VisibilityState = {};\n        const defaultSorting: ColumnSort[] = [];\n        const footers: Record<string, Table2ColumnFooterRenderer> = {};\n\n        (React.Children.toArray(children) as React.ReactElement<Table2ColumnProps<TType>>[]).forEach(child => {\n            if (React.isValidElement(child)) {\n                if (child.props.defaultPinned && options.enableColumnPinning) {\n                    defaultColumnPinning.push(child.props.accessor);\n                }\n\n                if (child.props.defaultWidth) {\n                    defaultColumnSizing[child.props.accessor] = child.props.defaultWidth;\n                }\n\n                if (child.props.defaultHidden && options.enableColumnHiding) {\n                    defaultColumnVisibility[child.props.accessor] = false;\n                }\n\n                if (child.props.sort !== undefined) {\n                    defaultSorting.push({\n                        id: child.props.accessor,\n                        desc: child.props.sort === 'desc',\n                    });\n                }\n\n                if (child.props.footer) {\n                    footers[child.props.accessor] = child.props.footer;\n                }\n\n                columns.push({\n                    accessorKey: child.props.accessor,\n                    id: child.props.accessor,\n                    cell: props => {\n                        if (typeof child.props.renderer === 'function') {\n                            return child.props.renderer(props.getValue(), props.row.original);\n                        }\n\n                        // If value is undefined then return null because cell is a react component, and undefined is not\n                        // a valid child value.\n                        return props.getValue() ?? null;\n                    },\n                    header: child.props.header,\n                    meta: {\n                        align: child.props.align,\n                        className: child.props.className,\n                        control: child.props.control,\n                        dataType: child.props.dataType,\n                        defaultWidth: child.props.defaultWidth,\n                        disableReordering: child.props.disableReordering,\n                        disableTruncation: child.props.disableTruncation,\n                        menu: child.props.menu,\n                        tooltip: child.props.tooltip,\n                    },\n                    enableHiding: !child.props.disableHiding,\n                    // filtering\n                    enableColumnFilter: !child.props.disableFiltering,\n                    filterFn: options.enableColumnFiltering && !child.props.disableFiltering ? ('tacoFilter' as any) : undefined,\n                    // sizing\n                    enableResizing: !child.props.disableResizing,\n                    minSize: child.props.minWidth ?? MIN_COLUMN_SIZE,\n                    size: child.props.defaultWidth,\n                    // sorting\n                    enableSorting: !child.props.disableSorting,\n                    sortingFn: getSortingFn(child.props.dataType),\n                });\n            }\n        });\n\n        if (options.enableRowExpansion) {\n            columns.unshift(columnHelper.display(createRowExpansionColumn()));\n            defaultColumnPinning.unshift(COLUMN_ID_FOR_EXPANSION);\n        }\n\n        if (options.enableRowSelection) {\n            columns.unshift(\n                columnHelper.display(\n                    createRowSelectionColumn(\n                        options.enableMultipleRowSelection,\n                        lastSelectedRowIndex,\n                        options.onRowDrag,\n                        tableRef\n                    )\n                )\n            );\n            defaultColumnPinning.unshift(COLUMN_ID_FOR_SELECTION);\n        }\n\n        if (options.onRowDrag) {\n            columns.unshift(columnHelper.display(createRowDraggableColumn(options.onRowDrag)));\n            defaultColumnPinning.unshift(COLUMN_ID_FOR_DRAGGABLE);\n        }\n\n        if (options.actionsForRow?.length) {\n            columns.push(columnHelper.display(createRowActionsColumn(options.actionsForRow)));\n        }\n\n        return { columns, defaultColumnPinning, defaultColumnSizing, defaultColumnVisibility, defaultSorting, footers };\n    }, [children]);\n}\n\nconst getSortingFn = (dataType?: ColumnDataType): SortingFnOption<any> => {\n    if (dataType && dataType !== 'boolean') {\n        return dataType;\n    }\n\n    return 'auto';\n};\n"],"names":["useColumnDefinitions","children","options","tableRef","lastSelectedRowIndex","React","useRef","columnHelper","createColumnHelper","useMemo","columns","defaultColumnPinning","defaultColumnSizing","defaultColumnVisibility","defaultSorting","footers","Children","toArray","forEach","child","isValidElement","props","defaultPinned","enableColumnPinning","push","accessor","defaultWidth","defaultHidden","enableColumnHiding","sort","undefined","id","desc","footer","accessorKey","cell","renderer","getValue","row","original","header","meta","align","className","control","dataType","disableReordering","disableTruncation","menu","tooltip","enableHiding","disableHiding","enableColumnFilter","disableFiltering","filterFn","enableColumnFiltering","enableResizing","disableResizing","minSize","minWidth","MIN_COLUMN_SIZE","size","enableSorting","disableSorting","sortingFn","getSortingFn","enableRowExpansion","unshift","display","createRowExpansionColumn","COLUMN_ID_FOR_EXPANSION","enableRowSelection","createRowSelectionColumn","enableMultipleRowSelection","onRowDrag","COLUMN_ID_FOR_SELECTION","createRowDraggableColumn","COLUMN_ID_FOR_DRAGGABLE","actionsForRow","length","createRowActionsColumn"],"mappings":"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"}

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

@@ -0,0 +1,112 @@
+import React__default from 'react';
+
+var MOVE_DIR;
+(function (MOVE_DIR) {
+  MOVE_DIR[MOVE_DIR["FIRST"] = 0] = "FIRST";
+  MOVE_DIR[MOVE_DIR["LAST"] = 1] = "LAST";
+  MOVE_DIR[MOVE_DIR["PREV"] = 2] = "PREV";
+  MOVE_DIR[MOVE_DIR["NEXT"] = 3] = "NEXT";
+})(MOVE_DIR || (MOVE_DIR = {}));
+const useEditMode = handleSave => {
+  const enableEditMode = !!handleSave;
+  const [editMode, setEditMode] = React__default.useState({
+    enableEditMode,
+    isEditing: false,
+    columnIndex: 0
+  });
+  React__default.useEffect(() => {
+    setEditMode(editMode => ({
+      ...editMode,
+      enableEditMode
+    }));
+  }, [enableEditMode]);
+  const _moveActiveColumn = (moveDirection, focussableColumnIndexes, moveRow) => {
+    var _focussableColumnInde, _focussableColumnInde2;
+    const firstDataColumnIndex = (_focussableColumnInde = focussableColumnIndexes.at(0)) !== null && _focussableColumnInde !== void 0 ? _focussableColumnInde : 0;
+    const lastDataColumnIndex = (_focussableColumnInde2 = focussableColumnIndexes.at(-1)) !== null && _focussableColumnInde2 !== void 0 ? _focussableColumnInde2 : 0;
+    if (!editMode.enableEditMode) {
+      return;
+    }
+    setEditMode(({
+      columnIndex: currentColumnIndex,
+      ...currentEditMode
+    }) => {
+      let nextCellIndex;
+      switch (moveDirection) {
+        case MOVE_DIR.FIRST:
+          nextCellIndex = firstDataColumnIndex;
+          break;
+        case MOVE_DIR.LAST:
+          nextCellIndex = lastDataColumnIndex;
+          break;
+        case MOVE_DIR.PREV:
+          // moves to the last data column of the previous row, if the current column is the first column
+          if (currentColumnIndex === firstDataColumnIndex) {
+            moveRow === null || moveRow === void 0 ? void 0 : moveRow(MOVE_DIR.PREV);
+            nextCellIndex = lastDataColumnIndex;
+          } else {
+            nextCellIndex = focussableColumnIndexes[getNextIndex(-1, currentColumnIndex, focussableColumnIndexes)];
+          }
+          break;
+        case MOVE_DIR.NEXT:
+          // moves to the first data column of the next row, if the current column is the last column
+          if (currentColumnIndex === lastDataColumnIndex) {
+            moveRow === null || moveRow === void 0 ? void 0 : moveRow(MOVE_DIR.NEXT);
+            nextCellIndex = firstDataColumnIndex;
+          } else {
+            nextCellIndex = focussableColumnIndexes[getNextIndex(1, currentColumnIndex, focussableColumnIndexes)];
+          }
+          break;
+      }
+      return {
+        ...currentEditMode,
+        columnIndex: nextCellIndex
+      };
+    });
+  };
+  // output
+  const toggleEditing = (isEditing, columnIndex = 0) => {
+    if (!editMode.enableEditMode) {
+      return;
+    }
+    setEditMode(editMode => ({
+      ...editMode,
+      isEditing: isEditing !== null && isEditing !== void 0 ? isEditing : !editMode.isEditing,
+      columnIndex
+    }));
+  };
+  const moveToPreviousColumn = (focussableColumnIndexes, moveRow) => _moveActiveColumn(MOVE_DIR.PREV, focussableColumnIndexes, moveRow);
+  const moveToNextColumn = (focussableColumnIndexes, moveRow) => _moveActiveColumn(MOVE_DIR.NEXT, focussableColumnIndexes, moveRow);
+  const moveToFirstColumn = focussableColumnIndexes => _moveActiveColumn(MOVE_DIR.FIRST, focussableColumnIndexes);
+  const moveToLastColumn = focussableColumnIndexes => _moveActiveColumn(MOVE_DIR.LAST, focussableColumnIndexes);
+  const setColumn = columnIndex => {
+    if (!editMode.enableEditMode) {
+      return;
+    }
+    setEditMode(currentEditMode => ({
+      ...currentEditMode,
+      columnIndex
+    }));
+  };
+  return {
+    ...editMode,
+    onSave: handleSave,
+    toggleEditing,
+    moveToPreviousColumn,
+    moveToNextColumn,
+    moveToFirstColumn,
+    moveToLastColumn,
+    setColumn
+  };
+};
+const getNextIndex = (direction, currentIndex, focussableColumnIndexes) => {
+  const currentIndexPosition = focussableColumnIndexes.indexOf(currentIndex);
+  const length = focussableColumnIndexes.length;
+  if (direction === -1) {
+    return currentIndexPosition - 1 > 0 ? currentIndexPosition - 1 : 0;
+  }
+  return currentIndexPosition + 1 < length ? currentIndexPosition + 1 : currentIndexPosition;
+};
+
+export { MOVE_DIR, useEditMode };
+//# sourceMappingURL=useEditMode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useEditMode.js","sources":["../../../../../../../../src/components/Table2/hooks/useEditMode.ts"],"sourcesContent":["import React from 'react';\nimport { SaveHandler } from '../types';\n\nexport type EditModeHandler = (isEditing?: boolean) => void;\nexport type EditModeColumnMoveHandler = (columns: number[], moveRow?: (moveDirection: MOVE_DIR) => void) => void;\nexport type EditModeColumnHandler = (columnIndex: number) => void;\n\nexport type useEditMode = {\n    enableEditMode: boolean;\n    isEditing: boolean;\n    toggleEditing: EditModeHandler;\n    onSave?: SaveHandler;\n    // columns\n    columnIndex: number;\n    moveToPreviousColumn: EditModeColumnMoveHandler;\n    moveToNextColumn: EditModeColumnMoveHandler;\n    moveToFirstColumn: EditModeColumnMoveHandler;\n    moveToLastColumn: EditModeColumnMoveHandler;\n    setColumn: EditModeColumnHandler;\n};\n\nexport type EditMode = {\n    enableEditMode: boolean;\n    isEditing: boolean;\n    columnIndex: number;\n};\n\nexport enum MOVE_DIR {\n    FIRST,\n    LAST,\n    PREV,\n    NEXT,\n}\n\nexport const useEditMode = (handleSave?: SaveHandler): useEditMode => {\n    const enableEditMode = !!handleSave;\n    const [editMode, setEditMode] = React.useState<EditMode>({\n        enableEditMode,\n        isEditing: false,\n        columnIndex: 0,\n    });\n\n    React.useEffect(() => {\n        setEditMode(editMode => ({ ...editMode, enableEditMode }));\n    }, [enableEditMode]);\n\n    const _moveActiveColumn = (\n        moveDirection: MOVE_DIR,\n        focussableColumnIndexes: number[],\n        moveRow?: (moveDirection: MOVE_DIR) => void\n    ) => {\n        const firstDataColumnIndex = focussableColumnIndexes.at(0) ?? 0;\n        const lastDataColumnIndex = focussableColumnIndexes.at(-1) ?? 0;\n\n        if (!editMode.enableEditMode) {\n            return;\n        }\n\n        setEditMode(({ columnIndex: currentColumnIndex, ...currentEditMode }) => {\n            let nextCellIndex: number;\n\n            switch (moveDirection) {\n                case MOVE_DIR.FIRST:\n                    nextCellIndex = firstDataColumnIndex;\n                    break;\n                case MOVE_DIR.LAST:\n                    nextCellIndex = lastDataColumnIndex;\n                    break;\n                case MOVE_DIR.PREV:\n                    // moves to the last data column of the previous row, if the current column is the first column\n                    if (currentColumnIndex === firstDataColumnIndex) {\n                        moveRow?.(MOVE_DIR.PREV);\n                        nextCellIndex = lastDataColumnIndex;\n                    } else {\n                        nextCellIndex = focussableColumnIndexes[getNextIndex(-1, currentColumnIndex, focussableColumnIndexes)];\n                    }\n                    break;\n                case MOVE_DIR.NEXT:\n                    // moves to the first data column of the next row, if the current column is the last column\n                    if (currentColumnIndex === lastDataColumnIndex) {\n                        moveRow?.(MOVE_DIR.NEXT);\n                        nextCellIndex = firstDataColumnIndex;\n                    } else {\n                        nextCellIndex = focussableColumnIndexes[getNextIndex(1, currentColumnIndex, focussableColumnIndexes)];\n                    }\n                    break;\n            }\n\n            return { ...currentEditMode, columnIndex: nextCellIndex };\n        });\n    };\n\n    // output\n    const toggleEditing = (isEditing?: boolean, columnIndex = 0) => {\n        if (!editMode.enableEditMode) {\n            return;\n        }\n\n        setEditMode(editMode => ({ ...editMode, isEditing: isEditing ?? !editMode.isEditing, columnIndex }));\n    };\n    const moveToPreviousColumn = (focussableColumnIndexes: number[], moveRow?: (moveDirecttion: MOVE_DIR) => void) =>\n        _moveActiveColumn(MOVE_DIR.PREV, focussableColumnIndexes, moveRow);\n    const moveToNextColumn = (focussableColumnIndexes: number[], moveRow?: (moveDirecttion: MOVE_DIR) => void) =>\n        _moveActiveColumn(MOVE_DIR.NEXT, focussableColumnIndexes, moveRow);\n    const moveToFirstColumn = (focussableColumnIndexes: number[]) => _moveActiveColumn(MOVE_DIR.FIRST, focussableColumnIndexes);\n    const moveToLastColumn = (focussableColumnIndexes: number[]) => _moveActiveColumn(MOVE_DIR.LAST, focussableColumnIndexes);\n    const setColumn = (columnIndex: number) => {\n        if (!editMode.enableEditMode) {\n            return;\n        }\n\n        setEditMode(currentEditMode => ({ ...currentEditMode, columnIndex }));\n    };\n\n    return {\n        ...editMode,\n        onSave: handleSave,\n        toggleEditing,\n        moveToPreviousColumn,\n        moveToNextColumn,\n        moveToFirstColumn,\n        moveToLastColumn,\n        setColumn,\n    };\n};\n\nconst getNextIndex = (direction: -1 | 1, currentIndex: number, focussableColumnIndexes: number[]) => {\n    const currentIndexPosition = focussableColumnIndexes.indexOf(currentIndex);\n    const length = focussableColumnIndexes.length;\n\n    if (direction === -1) {\n        return currentIndexPosition - 1 > 0 ? currentIndexPosition - 1 : 0;\n    }\n\n    return currentIndexPosition + 1 < length ? currentIndexPosition + 1 : currentIndexPosition;\n};\n"],"names":["MOVE_DIR","useEditMode","handleSave","enableEditMode","editMode","setEditMode","React","useState","isEditing","columnIndex","useEffect","_moveActiveColumn","moveDirection","focussableColumnIndexes","moveRow","firstDataColumnIndex","at","lastDataColumnIndex","currentColumnIndex","currentEditMode","nextCellIndex","FIRST","LAST","PREV","getNextIndex","NEXT","toggleEditing","moveToPreviousColumn","moveToNextColumn","moveToFirstColumn","moveToLastColumn","setColumn","onSave","direction","currentIndex","currentIndexPosition","indexOf","length"],"mappings":"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"}

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

@@ -0,0 +1,36 @@
+import { COLUMN_ID_FOR_ACTIONS, isInternalColumn } from '../utilities/columns.js';
+
+const useGridTemplate = table => {
+  var _table$options$meta$t, _table$options$meta, _table$options$meta$t2, _table$options$meta$t3, _table$options$meta2, _table$options$meta2$;
+  const allVisibleColumns = table.getVisibleLeafColumns();
+  let scrollbarWidth = ((_table$options$meta$t = (_table$options$meta = table.options.meta) === null || _table$options$meta === void 0 ? void 0 : (_table$options$meta$t2 = _table$options$meta.tableRef.current) === null || _table$options$meta$t2 === void 0 ? void 0 : _table$options$meta$t2.offsetWidth) !== null && _table$options$meta$t !== void 0 ? _table$options$meta$t : 0) - ((_table$options$meta$t3 = (_table$options$meta2 = table.options.meta) === null || _table$options$meta2 === void 0 ? void 0 : (_table$options$meta2$ = _table$options$meta2.tableRef.current) === null || _table$options$meta2$ === void 0 ? void 0 : _table$options$meta2$.clientWidth) !== null && _table$options$meta$t3 !== void 0 ? _table$options$meta$t3 : 0);
+  scrollbarWidth = scrollbarWidth < 0 ? 0 : scrollbarWidth;
+  return allVisibleColumns.reduce((accum, column, index) => {
+    let size;
+    const isLastColumn = index === allVisibleColumns.length - 1;
+    const width = table.getState().columnSizing[column.id];
+    if (column.id === COLUMN_ID_FOR_ACTIONS) {
+      size = `minmax(max-content, auto)`;
+    } else if (isInternalColumn(column.id)) {
+      size = `${column.getSize()}px`;
+    } else if (width) {
+      if (isLastColumn) {
+        // Remove the scrollbar width from the last column
+        size = `minmax(${width - scrollbarWidth}px, auto)`;
+      } else if (column.columnDef.minSize && width < column.columnDef.minSize) {
+        // react-table is supposed to handle minSize itself but it is really buggy
+        size = `${column.columnDef.minSize}px`;
+      } else {
+        size = `${width}px`;
+      }
+    } else if (column.getCanResize()) {
+      size = 'minmax(max-content, auto)';
+    } else {
+      size = 'max-content';
+    }
+    return `${accum} ${size}`;
+  }, '');
+};
+
+export { useGridTemplate };
+//# sourceMappingURL=useGridTemplate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useGridTemplate.js","sources":["../../../../../../../../src/components/Table2/hooks/useGridTemplate.ts"],"sourcesContent":["import { Table } from '@tanstack/react-table';\nimport { COLUMN_ID_FOR_ACTIONS, isInternalColumn } from '../utilities/columns';\n\nexport const useGridTemplate = (table: Table<any>) => {\n    const allVisibleColumns = table.getVisibleLeafColumns();\n\n    let scrollbarWidth =\n        (table.options.meta?.tableRef.current?.offsetWidth ?? 0) - (table.options.meta?.tableRef.current?.clientWidth ?? 0);\n    scrollbarWidth = scrollbarWidth < 0 ? 0 : scrollbarWidth;\n\n    return allVisibleColumns.reduce((accum, column, index) => {\n        let size;\n        const isLastColumn = index === allVisibleColumns.length - 1;\n        const width = table.getState().columnSizing[column.id];\n\n        if (column.id === COLUMN_ID_FOR_ACTIONS) {\n            size = `minmax(max-content, auto)`;\n        } else if (isInternalColumn(column.id)) {\n            size = `${column.getSize()}px`;\n        } else if (width) {\n            if (isLastColumn) {\n                // Remove the scrollbar width from the last column\n                size = `minmax(${width - scrollbarWidth}px, auto)`;\n            } else if (column.columnDef.minSize && width < column.columnDef.minSize) {\n                // react-table is supposed to handle minSize itself but it is really buggy\n                size = `${column.columnDef.minSize}px`;\n            } else {\n                size = `${width}px`;\n            }\n        } else if (column.getCanResize()) {\n            size = 'minmax(max-content, auto)';\n        } else {\n            size = 'max-content';\n        }\n\n        return `${accum} ${size}`;\n    }, '');\n};\n"],"names":["useGridTemplate","table","allVisibleColumns","getVisibleLeafColumns","scrollbarWidth","options","meta","tableRef","current","offsetWidth","clientWidth","reduce","accum","column","index","size","isLastColumn","length","width","getState","columnSizing","id","COLUMN_ID_FOR_ACTIONS","isInternalColumn","getSize","columnDef","minSize","getCanResize"],"mappings":";;MAGaA,eAAe,GAAIC,KAAiB;;EAC7C,MAAMC,iBAAiB,GAAGD,KAAK,CAACE,qBAAqB,EAAE;EAEvD,IAAIC,cAAc,GACd,iDAACH,KAAK,CAACI,OAAO,CAACC,IAAI,kFAAlB,oBAAoBC,QAAQ,CAACC,OAAO,2DAApC,uBAAsCC,WAAW,yEAAI,CAAC,uDAAKR,KAAK,CAACI,OAAO,CAACC,IAAI,kFAAlB,qBAAoBC,QAAQ,CAACC,OAAO,0DAApC,sBAAsCE,WAAW,2EAAI,CAAC,CAAC;EACvHN,cAAc,GAAGA,cAAc,GAAG,CAAC,GAAG,CAAC,GAAGA,cAAc;EAExD,OAAOF,iBAAiB,CAACS,MAAM,CAAC,CAACC,KAAK,EAAEC,MAAM,EAAEC,KAAK;IACjD,IAAIC,IAAI;IACR,MAAMC,YAAY,GAAGF,KAAK,KAAKZ,iBAAiB,CAACe,MAAM,GAAG,CAAC;IAC3D,MAAMC,KAAK,GAAGjB,KAAK,CAACkB,QAAQ,EAAE,CAACC,YAAY,CAACP,MAAM,CAACQ,EAAE,CAAC;IAEtD,IAAIR,MAAM,CAACQ,EAAE,KAAKC,qBAAqB,EAAE;MACrCP,IAAI,8BAA8B;KACrC,MAAM,IAAIQ,gBAAgB,CAACV,MAAM,CAACQ,EAAE,CAAC,EAAE;MACpCN,IAAI,MAAMF,MAAM,CAACW,OAAO,MAAM;KACjC,MAAM,IAAIN,KAAK,EAAE;MACd,IAAIF,YAAY,EAAE;;QAEdD,IAAI,aAAaG,KAAK,GAAGd,yBAAyB;OACrD,MAAM,IAAIS,MAAM,CAACY,SAAS,CAACC,OAAO,IAAIR,KAAK,GAAGL,MAAM,CAACY,SAAS,CAACC,OAAO,EAAE;;QAErEX,IAAI,MAAMF,MAAM,CAACY,SAAS,CAACC,WAAW;OACzC,MAAM;QACHX,IAAI,MAAMG,SAAS;;KAE1B,MAAM,IAAIL,MAAM,CAACc,YAAY,EAAE,EAAE;MAC9BZ,IAAI,GAAG,2BAA2B;KACrC,MAAM;MACHA,IAAI,GAAG,aAAa;;IAGxB,UAAUH,SAASG,MAAM;GAC5B,EAAE,EAAE,CAAC;AACV;;;;"}

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

@@ -0,0 +1,21 @@
+import React__default from 'react';
+
+const useSeparatedChildren = initialChildren => {
+  return React__default.useMemo(() => {
+    const columns = [];
+    let toolbar;
+    React__default.Children.toArray(initialChildren).filter(child => !!child) // skip falsey columns
+    .forEach(child => {
+      var _child$type, _child$type2;
+      if (((_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.displayName) === 'Table2Column') {
+        columns.push(child);
+      } else if (((_child$type2 = child.type) === null || _child$type2 === void 0 ? void 0 : _child$type2.displayName) === 'Table2Toolbar') {
+        toolbar = child;
+      }
+    });
+    return [columns, toolbar];
+  }, [initialChildren]);
+};
+
+export { useSeparatedChildren };
+//# sourceMappingURL=useSeparatedChildren.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSeparatedChildren.js","sources":["../../../../../../../../src/components/Table2/hooks/useSeparatedChildren.ts"],"sourcesContent":["import React from 'react';\n\nexport const useSeparatedChildren = initialChildren => {\n    return React.useMemo(() => {\n        const columns: any[] = [];\n        let toolbar;\n\n        React.Children.toArray(initialChildren)\n            .filter((child: any) => !!child) // skip falsey columns\n            .forEach((child: any) => {\n                if (child.type?.displayName === 'Table2Column') {\n                    columns.push(child);\n                } else if (child.type?.displayName === 'Table2Toolbar') {\n                    toolbar = child;\n                }\n            });\n\n        return [columns, toolbar];\n    }, [initialChildren]);\n};\n"],"names":["useSeparatedChildren","initialChildren","React","useMemo","columns","toolbar","Children","toArray","filter","child","forEach","type","displayName","push"],"mappings":";;MAEaA,oBAAoB,GAAGC,eAAe;EAC/C,OAAOC,cAAK,CAACC,OAAO,CAAC;IACjB,MAAMC,OAAO,GAAU,EAAE;IACzB,IAAIC,OAAO;IAEXH,cAAK,CAACI,QAAQ,CAACC,OAAO,CAACN,eAAe,CAAC,CAClCO,MAAM,CAAEC,KAAU,IAAK,CAAC,CAACA,KAAK,CAAC;KAC/BC,OAAO,CAAED,KAAU;;MAChB,IAAI,gBAAAA,KAAK,CAACE,IAAI,gDAAV,YAAYC,WAAW,MAAK,cAAc,EAAE;QAC5CR,OAAO,CAACS,IAAI,CAACJ,KAAK,CAAC;OACtB,MAAM,IAAI,iBAAAA,KAAK,CAACE,IAAI,iDAAV,aAAYC,WAAW,MAAK,eAAe,EAAE;QACpDP,OAAO,GAAGI,KAAK;;KAEtB,CAAC;IAEN,OAAO,CAACL,OAAO,EAAEC,OAAO,CAAC;GAC5B,EAAE,CAACJ,eAAe,CAAC,CAAC;AACzB;;;;"}