@economic/taco 2.26.0 → 2.26.1

package/dist/{packages/taco/src/components → components}/Report/Report.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
-import { TableRef } from '../../primitives/Table/types';
-import { TableColumnProps, TableGroupProps, TableProps } from '../../primitives/Table/types';
+import { TableColumnProps, TableGroupProps, TableProps, TableRef } from '../../primitives/Table/types';
 declare function Column<TType = unknown>(_: TableColumnProps<TType>): null;
 declare function Group(_: TableGroupProps): null;
 export declare const Report: (<TType = unknown>(props: (import("../../primitives/Table/types").TableClientProps<TType> & React.RefAttributes<TableRef>) | (import("../../primitives/Table/types").TableServerProps<TType> & React.RefAttributes<TableRef>)) => JSX.Element) & {

package/dist/components/Report/useReport.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { TableRef } from '../../primitives/Table/types';
+import { useTableReturnValue } from '../../primitives/Table/Core/useTable';
+import { TableProps } from '../../primitives/Table/types';
+export declare function useReport<TType>(props: TableProps<TType>, ref: React.Ref<TableRef>): useTableReturnValue<TType>;

package/dist/{packages/taco/src/components → components}/Table3/Table3.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
-import { TableRef } from '../../primitives/Table/types';
-import { TableColumnProps, TableGroupProps } from '../../primitives/Table/types';
+import { TableColumnProps, TableGroupProps, TableRef } from '../../primitives/Table/types';
 import { Table3Props } from './types';
 import './style.css';
 declare function Column<TType = unknown>(_: TableColumnProps<TType>): null;

package/dist/components/Table3/useTable3.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { RowData } from '@tanstack/react-table';
+import { TableRef } from '../../primitives/Table/types';
+import { useTableEditing } from './features/useTableEditing';
+import { Table3Props } from './types';
+declare module '@tanstack/table-core' {
+    interface TableMeta<TData extends RowData> {
+        editing: ReturnType<typeof useTableEditing>;
+    }
+}
+export declare function useTable3<TType>(props: Table3Props<TType>, ref: React.Ref<TableRef>): import("../../primitives/Table/Core/useTable").useTableReturnValue<TType>;

package/dist/esm/packages/taco/src/components/Report/Report.js.map

@@ -1 +1 @@
-{"version":3,"file":"Report.js","sources":["../../../../../../../src/components/Report/Report.tsx"],"sourcesContent":["import React from 'react';\nimport { fixedForwardRef } from '../../types';\nimport { useReport } from './useReport';\nimport { TableRef } from '../../primitives/Table/types';\nimport { Table } from '../../primitives/Table/Core/Table';\nimport { TableColumnProps, TableGroupProps, TableProps } from '../../primitives/Table/types';\n\nfunction Column<TType = unknown>(_: TableColumnProps<TType>) {\n    return null;\n}\n\nfunction Group(_: TableGroupProps) {\n    return null;\n}\n\nexport const Report = fixedForwardRef<TableRef, TableProps>(function Report<TType = unknown>(\n    props: TableProps<TType>,\n    ref: React.Ref<TableRef>\n) {\n    const report = useReport<TType>(props, ref);\n\n    return (\n        <Table>\n            <Table.Toolbar table={report as any} />\n            <Table.Grid data-taco=\"table-report\" table={report as any} />\n        </Table>\n    );\n}) as (<TType = unknown>(props: TableProps<TType> & React.RefAttributes<TableRef>) => JSX.Element) & {\n    Column: typeof Column;\n    Group: typeof Group;\n};\nReport.Column = Column;\nReport.Group = Group;\n"],"names":["Column","_","Group","Report","fixedForwardRef","props","ref","report","useReport","React","Table","Toolbar","table","Grid"],"mappings":";;;;;AAOA,SAASA,MAAMA,CAAkBC,CAA0B;EACvD,OAAO,IAAI;AACf;AAEA,SAASC,KAAKA,CAACD,CAAkB;EAC7B,OAAO,IAAI;AACf;MAEaE,MAAM,gBAAGC,eAAe,CAAuB,SAASD,MAAMA,CACvEE,KAAwB,EACxBC,GAAwB;EAExB,MAAMC,MAAM,GAAGC,SAAS,CAAQH,KAAK,EAAEC,GAAG,CAAC;EAE3C,oBACIG,6BAACC,KAAK,qBACFD,6BAACC,KAAK,CAACC,OAAO;IAACC,KAAK,EAAEL;IAAiB,eACvCE,6BAACC,KAAK,CAACG,IAAI;iBAAW,cAAc;IAACD,KAAK,EAAEL;IAAiB,CACzD;AAEhB,CAAC;AAIDJ,MAAM,CAACH,MAAM,GAAGA,MAAM;AACtBG,MAAM,CAACD,KAAK,GAAGA,KAAK;;;;"}
+{"version":3,"file":"Report.js","sources":["../../../../../../../src/components/Report/Report.tsx"],"sourcesContent":["import React from 'react';\nimport { fixedForwardRef } from '../../types';\nimport { useReport } from './useReport';\nimport { Table } from '../../primitives/Table/Core/Table';\nimport { TableColumnProps, TableGroupProps, TableProps, TableRef } from '../../primitives/Table/types';\n\nfunction Column<TType = unknown>(_: TableColumnProps<TType>) {\n    return null;\n}\n\nfunction Group(_: TableGroupProps) {\n    return null;\n}\n\nexport const Report = fixedForwardRef<TableRef, TableProps>(function Report<TType = unknown>(\n    props: TableProps<TType>,\n    ref: React.Ref<TableRef>\n) {\n    const report = useReport<TType>(props, ref);\n\n    return (\n        <Table>\n            <Table.Toolbar<TType> table={report} />\n            <Table.Grid<TType> data-taco=\"table-report\" table={report} />\n        </Table>\n    );\n}) as (<TType = unknown>(props: TableProps<TType> & React.RefAttributes<TableRef>) => JSX.Element) & {\n    Column: typeof Column;\n    Group: typeof Group;\n};\nReport.Column = Column;\nReport.Group = Group;\n"],"names":["Column","_","Group","Report","fixedForwardRef","props","ref","report","useReport","React","Table","Toolbar","table","Grid"],"mappings":";;;;;AAMA,SAASA,MAAMA,CAAkBC,CAA0B;EACvD,OAAO,IAAI;AACf;AAEA,SAASC,KAAKA,CAACD,CAAkB;EAC7B,OAAO,IAAI;AACf;MAEaE,MAAM,gBAAGC,eAAe,CAAuB,SAASD,MAAMA,CACvEE,KAAwB,EACxBC,GAAwB;EAExB,MAAMC,MAAM,GAAGC,SAAS,CAAQH,KAAK,EAAEC,GAAG,CAAC;EAE3C,oBACIG,6BAACC,KAAK,qBACFD,6BAACC,KAAK,CAACC,OAAO;IAAQC,KAAK,EAAEL;IAAU,eACvCE,6BAACC,KAAK,CAACG,IAAI;iBAAkB,cAAc;IAACD,KAAK,EAAEL;IAAU,CACzD;AAEhB,CAAC;AAIDJ,MAAM,CAACH,MAAM,GAAGA,MAAM;AACtBG,MAAM,CAACD,KAAK,GAAGA,KAAK;;;;"}

package/dist/esm/packages/taco/src/components/Report/useReport.js.map

@@ -1 +1 @@
-{"version":3,"file":"useReport.js","sources":["../../../../../../../src/components/Report/useReport.tsx"],"sourcesContent":["import React from 'react';\nimport { TableRef } from '../../primitives/Table/types';\nimport { useTable } from '../../primitives/Table/Core/useTable';\nimport { DisplayRow } from '../../primitives/Table/Core/components/Row/BuiltIns/DisplayRow';\nimport { DisplayCell } from '../../primitives/Table/Core/components/Columns/Cell/BuiltIns/DisplayCell';\nimport { TableProps } from '../../primitives/Table/types';\n\nconst RENDERERS = {\n    row: DisplayRow,\n    cell: DisplayCell,\n};\n\nexport function useReport<TType>(props: TableProps<TType>, ref: React.Ref<TableRef>) {\n    return useTable<TType>(props, ref, RENDERERS);\n}\n"],"names":["RENDERERS","row","DisplayRow","cell","DisplayCell","useReport","props","ref","useTable"],"mappings":";;;;AAOA,MAAMA,SAAS,GAAG;EACdC,GAAG,EAAEC,UAAU;EACfC,IAAI,EAAEC;CACT;SAEeC,SAASA,CAAQC,KAAwB,EAAEC,GAAwB;EAC/E,OAAOC,QAAQ,CAAQF,KAAK,EAAEC,GAAG,EAAEP,SAAS,CAAC;AACjD;;;;"}
+{"version":3,"file":"useReport.js","sources":["../../../../../../../src/components/Report/useReport.tsx"],"sourcesContent":["import React from 'react';\nimport { TableRef } from '../../primitives/Table/types';\nimport { useTable, useTableReturnValue } from '../../primitives/Table/Core/useTable';\nimport { DisplayRow } from '../../primitives/Table/Core/components/Row/BuiltIns/DisplayRow';\nimport { DisplayCell } from '../../primitives/Table/Core/components/Columns/Cell/BuiltIns/DisplayCell';\nimport { TableProps } from '../../primitives/Table/types';\n\nconst RENDERERS = {\n    row: DisplayRow,\n    cell: DisplayCell,\n};\n\nexport function useReport<TType>(props: TableProps<TType>, ref: React.Ref<TableRef>): useTableReturnValue<TType> {\n    return useTable<TType>(props, ref, RENDERERS);\n}\n"],"names":["RENDERERS","row","DisplayRow","cell","DisplayCell","useReport","props","ref","useTable"],"mappings":";;;;AAOA,MAAMA,SAAS,GAAG;EACdC,GAAG,EAAEC,UAAU;EACfC,IAAI,EAAEC;CACT;SAEeC,SAASA,CAAQC,KAAwB,EAAEC,GAAwB;EAC/E,OAAOC,QAAQ,CAAQF,KAAK,EAAEC,GAAG,EAAEP,SAAS,CAAC;AACjD;;;;"}

package/dist/esm/packages/taco/src/components/Table3/Table3.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table3.js","sources":["../../../../../../../src/components/Table3/Table3.tsx"],"sourcesContent":["import React from 'react';\nimport { fixedForwardRef } from '../../types';\nimport { useTable3 } from './useTable3';\nimport { TableRef } from '../../primitives/Table/types';\nimport { Table } from '../../primitives/Table/Core/Table';\nimport { TableColumnProps, TableGroupProps } from '../../primitives/Table/types';\nimport { Alert } from './components/Editing/Alert';\nimport { Table3Props } from './types';\nimport { Editing } from './components/Toolbar/Editing/Editing';\nimport './style.css';\n\nfunction Column<TType = unknown>(_: TableColumnProps<TType>) {\n    return null;\n}\n\nfunction Group(_: TableGroupProps) {\n    return null;\n}\n\nexport const Table3 = fixedForwardRef<TableRef, Table3Props>(function Table3<TType = unknown>(\n    props: Table3Props<TType>,\n    ref: React.Ref<TableRef>\n) {\n    const table3 = useTable3<TType>(props, ref);\n\n    const handleBlur = (event: React.FocusEvent<HTMLTableElement>) => {\n        if (table3.meta.editing.isEditing) {\n            table3.meta.editing.handleBlur(event);\n        }\n    };\n\n    const gridAttributes = {\n        'data-table-editing-mode': table3.meta.editing?.isEditing\n            ? table3.meta.editing?.isDetailedMode\n                ? 'detailed'\n                : 'normal'\n            : undefined,\n        enableHorizontalArrowKeyNavigation: table3.meta.editing.isEditing,\n        onBlur: handleBlur,\n    };\n\n    const hasValidationErrors = table3.meta.editing.hasErrors(table3.instance, table3.ref);\n\n    return (\n        <Table>\n            <Table.Toolbar table={table3 as any}>\n                {table3.meta.editing.isEnabled ? (\n                    <Editing scrollToIndex={table3.renderer.scrollToIndex} table={table3.instance} />\n                ) : null}\n            </Table.Toolbar>\n            {hasValidationErrors ? (\n                <Alert\n                    className=\"mb-4\"\n                    scrollToIndex={table3.renderer.scrollToIndex}\n                    table={table3.instance}\n                    tableRef={table3.ref}\n                />\n            ) : null}\n            <Table.Grid {...gridAttributes} data-taco=\"table3\" table={table3 as any} />\n        </Table>\n    );\n}) as (<TType = unknown>(props: Table3Props<TType> & React.RefAttributes<TableRef>) => JSX.Element) & {\n    Column: typeof Column;\n    Group: typeof Group;\n};\nTable3.Column = Column;\nTable3.Group = Group;\n"],"names":["Column","_","Group","Table3","fixedForwardRef","props","ref","table3","useTable3","handleBlur","event","meta","editing","isEditing","gridAttributes","_table3$meta$editing","_table3$meta$editing2","isDetailedMode","undefined","enableHorizontalArrowKeyNavigation","onBlur","hasValidationErrors","hasErrors","instance","React","Table","Toolbar","table","isEnabled","Editing","scrollToIndex","renderer","Alert","className","tableRef","Grid"],"mappings":";;;;;;;AAWA,SAASA,MAAMA,CAAkBC,CAA0B;EACvD,OAAO,IAAI;AACf;AAEA,SAASC,KAAKA,CAACD,CAAkB;EAC7B,OAAO,IAAI;AACf;MAEaE,MAAM,gBAAGC,eAAe,CAAwB,SAASD,MAAMA,CACxEE,KAAyB,EACzBC,GAAwB;;EAExB,MAAMC,MAAM,GAAGC,SAAS,CAAQH,KAAK,EAAEC,GAAG,CAAC;EAE3C,MAAMG,UAAU,GAAIC,KAAyC;IACzD,IAAIH,MAAM,CAACI,IAAI,CAACC,OAAO,CAACC,SAAS,EAAE;MAC/BN,MAAM,CAACI,IAAI,CAACC,OAAO,CAACH,UAAU,CAACC,KAAK,CAAC;;GAE5C;EAED,MAAMI,cAAc,GAAG;IACnB,yBAAyB,EAAE,CAAAC,oBAAA,GAAAR,MAAM,CAACI,IAAI,CAACC,OAAO,cAAAG,oBAAA,eAAnBA,oBAAA,CAAqBF,SAAS,GACnD,CAAAG,qBAAA,GAAAT,MAAM,CAACI,IAAI,CAACC,OAAO,cAAAI,qBAAA,eAAnBA,qBAAA,CAAqBC,cAAc,GAC/B,UAAU,GACV,QAAQ,GACZC,SAAS;IACfC,kCAAkC,EAAEZ,MAAM,CAACI,IAAI,CAACC,OAAO,CAACC,SAAS;IACjEO,MAAM,EAAEX;GACX;EAED,MAAMY,mBAAmB,GAAGd,MAAM,CAACI,IAAI,CAACC,OAAO,CAACU,SAAS,CAACf,MAAM,CAACgB,QAAQ,EAAEhB,MAAM,CAACD,GAAG,CAAC;EAEtF,oBACIkB,6BAACC,KAAK,qBACFD,6BAACC,KAAK,CAACC,OAAO;IAACC,KAAK,EAAEpB;KACjBA,MAAM,CAACI,IAAI,CAACC,OAAO,CAACgB,SAAS,kBAC1BJ,6BAACK,OAAO;IAACC,aAAa,EAAEvB,MAAM,CAACwB,QAAQ,CAACD,aAAa;IAAEH,KAAK,EAAEpB,MAAM,CAACgB;IAAY,IACjF,IAAI,CACI,EACfF,mBAAmB,kBAChBG,6BAACQ,KAAK;IACFC,SAAS,EAAC,MAAM;IAChBH,aAAa,EAAEvB,MAAM,CAACwB,QAAQ,CAACD,aAAa;IAC5CH,KAAK,EAAEpB,MAAM,CAACgB,QAAQ;IACtBW,QAAQ,EAAE3B,MAAM,CAACD;IACnB,IACF,IAAI,eACRkB,6BAACC,KAAK,CAACU,IAAI,oBAAKrB,cAAc;iBAAY,QAAQ;IAACa,KAAK,EAAEpB;KAAiB,CACvE;AAEhB,CAAC;AAIDJ,MAAM,CAACH,MAAM,GAAGA,MAAM;AACtBG,MAAM,CAACD,KAAK,GAAGA,KAAK;;;;"}
+{"version":3,"file":"Table3.js","sources":["../../../../../../../src/components/Table3/Table3.tsx"],"sourcesContent":["import React from 'react';\nimport { fixedForwardRef } from '../../types';\nimport { useTable3 } from './useTable3';\nimport { Table } from '../../primitives/Table/Core/Table';\nimport { TableColumnProps, TableGroupProps, TableRef } from '../../primitives/Table/types';\nimport { Alert } from './components/Editing/Alert';\nimport { Table3Props } from './types';\nimport { Editing } from './components/Toolbar/Editing/Editing';\nimport './style.css';\n\nfunction Column<TType = unknown>(_: TableColumnProps<TType>) {\n    return null;\n}\n\nfunction Group(_: TableGroupProps) {\n    return null;\n}\n\nexport const Table3 = fixedForwardRef<TableRef, Table3Props>(function Table3<TType = unknown>(\n    props: Table3Props<TType>,\n    ref: React.Ref<TableRef>\n) {\n    const table3 = useTable3<TType>(props, ref);\n\n    const handleBlur = (event: React.FocusEvent<HTMLTableElement>) => {\n        if (table3.meta.editing.isEditing) {\n            table3.meta.editing.handleBlur(event);\n        }\n    };\n\n    const gridAttributes = {\n        'data-table-editing-mode': table3.meta.editing?.isEditing\n            ? table3.meta.editing?.isDetailedMode\n                ? 'detailed'\n                : 'normal'\n            : undefined,\n        enableHorizontalArrowKeyNavigation: table3.meta.editing.isEditing,\n        onBlur: handleBlur,\n    };\n\n    const hasValidationErrors = table3.meta.editing.hasErrors(table3.instance, table3.ref);\n\n    return (\n        <Table>\n            <Table.Toolbar<TType> table={table3}>\n                {table3.meta.editing.isEnabled ? (\n                    <Editing scrollToIndex={table3.renderer.scrollToIndex} table={table3.instance} />\n                ) : null}\n            </Table.Toolbar>\n            {hasValidationErrors ? (\n                <Alert\n                    className=\"mb-4\"\n                    scrollToIndex={table3.renderer.scrollToIndex}\n                    table={table3.instance}\n                    tableRef={table3.ref}\n                />\n            ) : null}\n            <Table.Grid<TType> {...gridAttributes} data-taco=\"table3\" table={table3} />\n        </Table>\n    );\n}) as (<TType = unknown>(props: Table3Props<TType> & React.RefAttributes<TableRef>) => JSX.Element) & {\n    Column: typeof Column;\n    Group: typeof Group;\n};\nTable3.Column = Column;\nTable3.Group = Group;\n"],"names":["Column","_","Group","Table3","fixedForwardRef","props","ref","table3","useTable3","handleBlur","event","meta","editing","isEditing","gridAttributes","_table3$meta$editing","_table3$meta$editing2","isDetailedMode","undefined","enableHorizontalArrowKeyNavigation","onBlur","hasValidationErrors","hasErrors","instance","React","Table","Toolbar","table","isEnabled","Editing","scrollToIndex","renderer","Alert","className","tableRef","Grid"],"mappings":";;;;;;;AAUA,SAASA,MAAMA,CAAkBC,CAA0B;EACvD,OAAO,IAAI;AACf;AAEA,SAASC,KAAKA,CAACD,CAAkB;EAC7B,OAAO,IAAI;AACf;MAEaE,MAAM,gBAAGC,eAAe,CAAwB,SAASD,MAAMA,CACxEE,KAAyB,EACzBC,GAAwB;;EAExB,MAAMC,MAAM,GAAGC,SAAS,CAAQH,KAAK,EAAEC,GAAG,CAAC;EAE3C,MAAMG,UAAU,GAAIC,KAAyC;IACzD,IAAIH,MAAM,CAACI,IAAI,CAACC,OAAO,CAACC,SAAS,EAAE;MAC/BN,MAAM,CAACI,IAAI,CAACC,OAAO,CAACH,UAAU,CAACC,KAAK,CAAC;;GAE5C;EAED,MAAMI,cAAc,GAAG;IACnB,yBAAyB,EAAE,CAAAC,oBAAA,GAAAR,MAAM,CAACI,IAAI,CAACC,OAAO,cAAAG,oBAAA,eAAnBA,oBAAA,CAAqBF,SAAS,GACnD,CAAAG,qBAAA,GAAAT,MAAM,CAACI,IAAI,CAACC,OAAO,cAAAI,qBAAA,eAAnBA,qBAAA,CAAqBC,cAAc,GAC/B,UAAU,GACV,QAAQ,GACZC,SAAS;IACfC,kCAAkC,EAAEZ,MAAM,CAACI,IAAI,CAACC,OAAO,CAACC,SAAS;IACjEO,MAAM,EAAEX;GACX;EAED,MAAMY,mBAAmB,GAAGd,MAAM,CAACI,IAAI,CAACC,OAAO,CAACU,SAAS,CAACf,MAAM,CAACgB,QAAQ,EAAEhB,MAAM,CAACD,GAAG,CAAC;EAEtF,oBACIkB,6BAACC,KAAK,qBACFD,6BAACC,KAAK,CAACC,OAAO;IAAQC,KAAK,EAAEpB;KACxBA,MAAM,CAACI,IAAI,CAACC,OAAO,CAACgB,SAAS,kBAC1BJ,6BAACK,OAAO;IAACC,aAAa,EAAEvB,MAAM,CAACwB,QAAQ,CAACD,aAAa;IAAEH,KAAK,EAAEpB,MAAM,CAACgB;IAAY,IACjF,IAAI,CACI,EACfF,mBAAmB,kBAChBG,6BAACQ,KAAK;IACFC,SAAS,EAAC,MAAM;IAChBH,aAAa,EAAEvB,MAAM,CAACwB,QAAQ,CAACD,aAAa;IAC5CH,KAAK,EAAEpB,MAAM,CAACgB,QAAQ;IACtBW,QAAQ,EAAE3B,MAAM,CAACD;IACnB,IACF,IAAI,eACRkB,6BAACC,KAAK,CAACU,IAAI,oBAAYrB,cAAc;iBAAY,QAAQ;IAACa,KAAK,EAAEpB;KAAU,CACvE;AAEhB,CAAC;AAIDJ,MAAM,CAACH,MAAM,GAAGA,MAAM;AACtBG,MAAM,CAACD,KAAK,GAAGA,KAAK;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["../../../../../../../../src/primitives/Table/Core/Table.tsx"],"sourcesContent":["import React from 'react';\nimport { FocusScope } from '@react-aria/focus';\nimport { Header } from './components/Header/Header';\nimport { Body } from './components/Body/Body';\nimport { Footer } from './components/Footer/Footer';\nimport { EmptyStateBody } from './components/Body/EmptyStateBody';\nimport { useTable } from './useTable';\nimport { TableToolbar } from './components/Toolbar/Toolbar';\nimport './style.css';\n\ntype TableProps = {\n    children: JSX.Element | Array<JSX.Element | null>;\n};\n\nexport function Table(props: TableProps) {\n    return <>{props.children}</>;\n}\nTable.Toolbar = TableToolbar;\nTable.Grid = TableGrid;\n\nexport type TableGridProps = React.TableHTMLAttributes<HTMLTableElement> & {\n    'data-taco': string;\n    enableHorizontalArrowKeyNavigation?: boolean;\n    table: ReturnType<typeof useTable>;\n};\n\nexport function TableGrid(props: TableGridProps) {\n    const { enableHorizontalArrowKeyNavigation, table, ...attributes } = props;\n    const handleFocus =\n        table.meta.rowActive.rowActiveIndex === undefined\n            ? (event: React.FocusEvent) => {\n                  table.meta.rowActive.handleFocus(event, table.meta.length, table.renderer.scrollToIndex);\n              }\n            : undefined;\n\n    return (\n        <>\n            {table.stylesheet}\n            <FocusScope>\n                <table\n                    {...attributes}\n                    id={table.id}\n                    data-table-font-size={table.meta.fontSize.size}\n                    data-table-horizontally-scrolled={table.meta.columnFreezing.isHorizontallyScrolled ? true : undefined}\n                    data-table-pause-hover={table.meta.rowActive.isHoverStatePaused ? true : undefined}\n                    data-table-resizing={table.state.columnSizingInfo.isResizingColumn ? true : undefined}\n                    data-table-row-height={table.meta.rowHeight.height}\n                    data-table-grouped={!!table.state.grouping?.length}\n                    onFocus={handleFocus}\n                    onScroll={table.meta.columnFreezing.handleScroll}\n                    ref={table.ref}\n                    tabIndex={-1}>\n                    <thead>\n                        {table.instance.getHeaderGroups().map(headerGroup => (\n                            <tr key={headerGroup.id}>\n                                {headerGroup.headers.map(props => (\n                                    <Header key={props.id} header={props} scrollToIndex={table.renderer.scrollToIndex} />\n                                ))}\n                            </tr>\n                        ))}\n                    </thead>\n                    {table.renderer.rows?.length ? (\n                        <>\n                            <Body\n                                enableHorizontalArrowKeyNavigation={enableHorizontalArrowKeyNavigation}\n                                table={table.instance}\n                                style={table.renderer.style}>\n                                {table.renderer.rows}\n                            </Body>\n                            {table.meta.footer.isEnabled ? (\n                                <tfoot>\n                                    <tr>{table.instance.getFooterGroups()[0].headers.map(Footer)}</tr>\n                                </tfoot>\n                            ) : null}\n                        </>\n                    ) : (\n                        <EmptyStateBody emptyState={table.props.emptyState} />\n                    )}\n                </table>\n            </FocusScope>\n        </>\n    );\n}\n"],"names":["Table","props","React","children","Toolbar","TableToolbar","Grid","TableGrid","enableHorizontalArrowKeyNavigation","table","attributes","handleFocus","meta","rowActive","rowActiveIndex","undefined","event","length","renderer","scrollToIndex","stylesheet","FocusScope","id","fontSize","size","columnFreezing","isHorizontallyScrolled","isHoverStatePaused","state","columnSizingInfo","isResizingColumn","rowHeight","height","_table$state$grouping","grouping","onFocus","onScroll","handleScroll","ref","tabIndex","instance","getHeaderGroups","map","headerGroup","key","headers","Header","header","_table$renderer$rows","rows","Body","style","footer","isEnabled","getFooterGroups","Footer","EmptyStateBody","emptyState"],"mappings":";;;;;;;;SAcgBA,KAAKA,CAACC,KAAiB;EACnC,oBAAOC,4DAAGD,KAAK,CAACE,QAAQ,CAAI;AAChC;AACAH,KAAK,CAACI,OAAO,GAAGC,YAAY;AAC5BL,KAAK,CAACM,IAAI,GAAGC,SAAS;SAQNA,SAASA,CAACN,KAAqB;;EAC3C,MAAM;IAAEO,kCAAkC;IAAEC,KAAK;IAAE,GAAGC;GAAY,GAAGT,KAAK;EAC1E,MAAMU,WAAW,GACbF,KAAK,CAACG,IAAI,CAACC,SAAS,CAACC,cAAc,KAAKC,SAAS,GAC1CC,KAAuB;IACpBP,KAAK,CAACG,IAAI,CAACC,SAAS,CAACF,WAAW,CAACK,KAAK,EAAEP,KAAK,CAACG,IAAI,CAACK,MAAM,EAAER,KAAK,CAACS,QAAQ,CAACC,aAAa,CAAC;GAC3F,GACDJ,SAAS;EAEnB,oBACIb,4DACKO,KAAK,CAACW,UAAU,eACjBlB,6BAACmB,UAAU,qBACPnB,wDACQQ,UAAU;IACdY,EAAE,EAAEb,KAAK,CAACa,EAAE;4BACUb,KAAK,CAACG,IAAI,CAACW,QAAQ,CAACC,IAAI;wCACZf,KAAK,CAACG,IAAI,CAACa,cAAc,CAACC,sBAAsB,GAAG,IAAI,GAAGX,SAAS;8BAC7EN,KAAK,CAACG,IAAI,CAACC,SAAS,CAACc,kBAAkB,GAAG,IAAI,GAAGZ,SAAS;2BAC7DN,KAAK,CAACmB,KAAK,CAACC,gBAAgB,CAACC,gBAAgB,GAAG,IAAI,GAAGf,SAAS;6BAC9DN,KAAK,CAACG,IAAI,CAACmB,SAAS,CAACC,MAAM;0BAC9B,CAAC,GAAAC,qBAAA,GAACxB,KAAK,CAACmB,KAAK,CAACM,QAAQ,cAAAD,qBAAA,eAApBA,qBAAA,CAAsBhB,MAAM;IAClDkB,OAAO,EAAExB,WAAW;IACpByB,QAAQ,EAAE3B,KAAK,CAACG,IAAI,CAACa,cAAc,CAACY,YAAY;IAChDC,GAAG,EAAE7B,KAAK,CAAC6B,GAAG;IACdC,QAAQ,EAAE,CAAC;mBACXrC,4CACKO,KAAK,CAAC+B,QAAQ,CAACC,eAAe,EAAE,CAACC,GAAG,CAACC,WAAW,mBAC7CzC;IAAI0C,GAAG,EAAED,WAAW,CAACrB;KAChBqB,WAAW,CAACE,OAAO,CAACH,GAAG,CAACzC,KAAK,mBAC1BC,6BAAC4C,MAAM;IAACF,GAAG,EAAE3C,KAAK,CAACqB,EAAE;IAAEyB,MAAM,EAAE9C,KAAK;IAAEkB,aAAa,EAAEV,KAAK,CAACS,QAAQ,CAACC;IAAiB,CACxF,CAAC,CACD,CACR,CAAC,CACE,EACP,CAAA6B,oBAAA,GAAAvC,KAAK,CAACS,QAAQ,CAAC+B,IAAI,cAAAD,oBAAA,eAAnBA,oBAAA,CAAqB/B,MAAM,kBACxBf,yEACIA,6BAACgD,IAAI;IACD1C,kCAAkC,EAAEA,kCAAkC;IACtEC,KAAK,EAAEA,KAAK,CAAC+B,QAAQ;IACrBW,KAAK,EAAE1C,KAAK,CAACS,QAAQ,CAACiC;KACrB1C,KAAK,CAACS,QAAQ,CAAC+B,IAAI,CACjB,EACNxC,KAAK,CAACG,IAAI,CAACwC,MAAM,CAACC,SAAS,kBACxBnD,yDACIA,yCAAKO,KAAK,CAAC+B,QAAQ,CAACc,eAAe,EAAE,CAAC,CAAC,CAAC,CAACT,OAAO,CAACH,GAAG,CAACa,MAAM,CAAC,CAAM,CAC9D,IACR,IAAI,CACT,mBAEHrD,6BAACsD,cAAc;IAACC,UAAU,EAAEhD,KAAK,CAACR,KAAK,CAACwD;IAAc,CACzD,CACG,CACC,CACd;AAEX;;;;"}
+{"version":3,"file":"Table.js","sources":["../../../../../../../../src/primitives/Table/Core/Table.tsx"],"sourcesContent":["import React from 'react';\nimport { FocusScope } from '@react-aria/focus';\nimport { Header } from './components/Header/Header';\nimport { Body } from './components/Body/Body';\nimport { Footer } from './components/Footer/Footer';\nimport { EmptyStateBody } from './components/Body/EmptyStateBody';\nimport { useTableReturnValue } from './useTable';\nimport { TableToolbar } from './components/Toolbar/Toolbar';\nimport './style.css';\n\ntype TableProps = {\n    children: JSX.Element | Array<JSX.Element | null>;\n};\n\nexport function Table(props: TableProps) {\n    return <>{props.children}</>;\n}\nTable.Toolbar = TableToolbar;\nTable.Grid = TableGrid;\n\nexport type TableGridProps<TType = unknown> = React.TableHTMLAttributes<HTMLTableElement> & {\n    'data-taco': string;\n    enableHorizontalArrowKeyNavigation?: boolean;\n    table: useTableReturnValue<TType>;\n};\n\nexport function TableGrid<TType = unknown>(props: TableGridProps<TType>) {\n    const { enableHorizontalArrowKeyNavigation, table, ...attributes } = props;\n    const handleFocus =\n        table.meta.rowActive.rowActiveIndex === undefined\n            ? (event: React.FocusEvent) => {\n                  table.meta.rowActive.handleFocus(event, table.meta.length, table.renderer.scrollToIndex);\n              }\n            : undefined;\n\n    return (\n        <>\n            {table.stylesheet}\n            <FocusScope>\n                <table\n                    {...attributes}\n                    id={table.id}\n                    data-table-font-size={table.meta.fontSize.size}\n                    data-table-horizontally-scrolled={table.meta.columnFreezing.isHorizontallyScrolled ? true : undefined}\n                    data-table-pause-hover={table.meta.rowActive.isHoverStatePaused ? true : undefined}\n                    data-table-resizing={table.state.columnSizingInfo.isResizingColumn ? true : undefined}\n                    data-table-row-height={table.meta.rowHeight.height}\n                    data-table-grouped={!!table.state.grouping?.length}\n                    onFocus={handleFocus}\n                    onScroll={table.meta.columnFreezing.handleScroll}\n                    ref={table.ref}\n                    tabIndex={-1}>\n                    <thead>\n                        {table.instance.getHeaderGroups().map(headerGroup => (\n                            <tr key={headerGroup.id}>\n                                {headerGroup.headers.map(props => (\n                                    <Header key={props.id} header={props} scrollToIndex={table.renderer.scrollToIndex} />\n                                ))}\n                            </tr>\n                        ))}\n                    </thead>\n                    {table.renderer.rows?.length ? (\n                        <>\n                            <Body\n                                enableHorizontalArrowKeyNavigation={enableHorizontalArrowKeyNavigation}\n                                table={table.instance}\n                                style={table.renderer.style}>\n                                {table.renderer.rows}\n                            </Body>\n                            {table.meta.footer.isEnabled ? (\n                                <tfoot>\n                                    <tr>{table.instance.getFooterGroups()[0].headers.map(Footer)}</tr>\n                                </tfoot>\n                            ) : null}\n                        </>\n                    ) : (\n                        <EmptyStateBody emptyState={table.props.emptyState} />\n                    )}\n                </table>\n            </FocusScope>\n        </>\n    );\n}\n"],"names":["Table","props","React","children","Toolbar","TableToolbar","Grid","TableGrid","enableHorizontalArrowKeyNavigation","table","attributes","handleFocus","meta","rowActive","rowActiveIndex","undefined","event","length","renderer","scrollToIndex","stylesheet","FocusScope","id","fontSize","size","columnFreezing","isHorizontallyScrolled","isHoverStatePaused","state","columnSizingInfo","isResizingColumn","rowHeight","height","_table$state$grouping","grouping","onFocus","onScroll","handleScroll","ref","tabIndex","instance","getHeaderGroups","map","headerGroup","key","headers","Header","header","_table$renderer$rows","rows","Body","style","footer","isEnabled","getFooterGroups","Footer","EmptyStateBody","emptyState"],"mappings":";;;;;;;;SAcgBA,KAAKA,CAACC,KAAiB;EACnC,oBAAOC,4DAAGD,KAAK,CAACE,QAAQ,CAAI;AAChC;AACAH,KAAK,CAACI,OAAO,GAAGC,YAAY;AAC5BL,KAAK,CAACM,IAAI,GAAGC,SAAS;SAQNA,SAASA,CAAkBN,KAA4B;;EACnE,MAAM;IAAEO,kCAAkC;IAAEC,KAAK;IAAE,GAAGC;GAAY,GAAGT,KAAK;EAC1E,MAAMU,WAAW,GACbF,KAAK,CAACG,IAAI,CAACC,SAAS,CAACC,cAAc,KAAKC,SAAS,GAC1CC,KAAuB;IACpBP,KAAK,CAACG,IAAI,CAACC,SAAS,CAACF,WAAW,CAACK,KAAK,EAAEP,KAAK,CAACG,IAAI,CAACK,MAAM,EAAER,KAAK,CAACS,QAAQ,CAACC,aAAa,CAAC;GAC3F,GACDJ,SAAS;EAEnB,oBACIb,4DACKO,KAAK,CAACW,UAAU,eACjBlB,6BAACmB,UAAU,qBACPnB,wDACQQ,UAAU;IACdY,EAAE,EAAEb,KAAK,CAACa,EAAE;4BACUb,KAAK,CAACG,IAAI,CAACW,QAAQ,CAACC,IAAI;wCACZf,KAAK,CAACG,IAAI,CAACa,cAAc,CAACC,sBAAsB,GAAG,IAAI,GAAGX,SAAS;8BAC7EN,KAAK,CAACG,IAAI,CAACC,SAAS,CAACc,kBAAkB,GAAG,IAAI,GAAGZ,SAAS;2BAC7DN,KAAK,CAACmB,KAAK,CAACC,gBAAgB,CAACC,gBAAgB,GAAG,IAAI,GAAGf,SAAS;6BAC9DN,KAAK,CAACG,IAAI,CAACmB,SAAS,CAACC,MAAM;0BAC9B,CAAC,GAAAC,qBAAA,GAACxB,KAAK,CAACmB,KAAK,CAACM,QAAQ,cAAAD,qBAAA,eAApBA,qBAAA,CAAsBhB,MAAM;IAClDkB,OAAO,EAAExB,WAAW;IACpByB,QAAQ,EAAE3B,KAAK,CAACG,IAAI,CAACa,cAAc,CAACY,YAAY;IAChDC,GAAG,EAAE7B,KAAK,CAAC6B,GAAG;IACdC,QAAQ,EAAE,CAAC;mBACXrC,4CACKO,KAAK,CAAC+B,QAAQ,CAACC,eAAe,EAAE,CAACC,GAAG,CAACC,WAAW,mBAC7CzC;IAAI0C,GAAG,EAAED,WAAW,CAACrB;KAChBqB,WAAW,CAACE,OAAO,CAACH,GAAG,CAACzC,KAAK,mBAC1BC,6BAAC4C,MAAM;IAACF,GAAG,EAAE3C,KAAK,CAACqB,EAAE;IAAEyB,MAAM,EAAE9C,KAAK;IAAEkB,aAAa,EAAEV,KAAK,CAACS,QAAQ,CAACC;IAAiB,CACxF,CAAC,CACD,CACR,CAAC,CACE,EACP,CAAA6B,oBAAA,GAAAvC,KAAK,CAACS,QAAQ,CAAC+B,IAAI,cAAAD,oBAAA,eAAnBA,oBAAA,CAAqB/B,MAAM,kBACxBf,yEACIA,6BAACgD,IAAI;IACD1C,kCAAkC,EAAEA,kCAAkC;IACtEC,KAAK,EAAEA,KAAK,CAAC+B,QAAQ;IACrBW,KAAK,EAAE1C,KAAK,CAACS,QAAQ,CAACiC;KACrB1C,KAAK,CAACS,QAAQ,CAAC+B,IAAI,CACjB,EACNxC,KAAK,CAACG,IAAI,CAACwC,MAAM,CAACC,SAAS,kBACxBnD,yDACIA,yCAAKO,KAAK,CAAC+B,QAAQ,CAACc,eAAe,EAAE,CAAC,CAAC,CAAC,CAACT,OAAO,CAACH,GAAG,CAACa,MAAM,CAAC,CAAM,CAC9D,IACR,IAAI,CACT,mBAEHrD,6BAACsD,cAAc;IAACC,UAAU,EAAEhD,KAAK,CAACR,KAAK,CAACwD;IAAc,CACzD,CACG,CACC,CACd;AAEX;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.js","sources":["../../../../../../../../../../src/primitives/Table/Core/components/Toolbar/Toolbar.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { Group } from '../../../../../components/Group/Group';\nimport { Search } from './components/Search/Search';\nimport { Settings } from './components/Settings/Settings';\nimport { Print } from './components/Print/Print';\nimport { Filters } from './components/Filters/Filters';\nimport { TableCustomSettingsRenderer } from '../../../types';\nimport { useTable } from '../../useTable';\n\nexport type TableToolbarProps = React.HTMLAttributes<HTMLDivElement> & {\n    children?: JSX.Element | null;\n    table: ReturnType<typeof useTable>;\n};\n\nexport function TableToolbar(props: TableToolbarProps) {\n    const { children: customTools, table, ...attributes } = props;\n\n    if (!isToolbarVisible(table, !!customTools)) {\n        return null;\n    }\n\n    const canFilter = table.instance.options.enableColumnFilters;\n    const canPrint = table.meta.printing.isEnabled;\n    const canSettings = canChangeSettings(table.instance, table.props.customSettings);\n    const canSearch = table.meta.search.isEnabled;\n\n    return (\n        <>\n            <div\n                {...attributes}\n                className=\"mb-4 flex flex-shrink flex-grow-0 flex-wrap gap-2 print:hidden\"\n                data-taco=\"table-toolbar\">\n                {table.props.toolbarLeft}\n                <Group className=\"ml-auto flex-shrink-0 items-center print:hidden\">\n                    {customTools}\n                    {canFilter ? <Filters length={table.meta.length} table={table.instance} /> : null}\n                    {table.props.toolbarRight}\n                    {canPrint ? <Print table={table.instance} tableId={table.id} tableRef={table.ref} /> : null}\n                    {canSettings ? <Settings customSettings={table.props.customSettings} table={table.instance} /> : null}\n                    {canSearch ? (\n                        <Search scrollToIndex={table.renderer.scrollToIndex} table={table.instance} tableRef={table.ref} />\n                    ) : null}\n                </Group>\n            </div>\n            {table.props.toolbarPanel ? <div className=\"mb-4\">{table.props.toolbarPanel}</div> : undefined}\n        </>\n    );\n}\n\nfunction canChangeSettings<TType = unknown>(table: ReactTable<TType>, customSettings?: TableCustomSettingsRenderer) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    return (\n        table.options.enableHiding ||\n        tableMeta.columnOrdering.isEnabled ||\n        tableMeta.fontSize.isEnabled ||\n        tableMeta.rowHeight.isEnabled ||\n        typeof customSettings === 'function'\n    );\n}\n\nfunction isToolbarVisible(table: ReturnType<typeof useTable>, customTools: boolean) {\n    const hasInternalToolbar =\n        customTools ||\n        table.instance.options.enableColumnFilters ||\n        table.meta.printing.isEnabled ||\n        canChangeSettings(table.instance, table.props.customSettings) ||\n        table.meta.search.isEnabled;\n\n    return hasInternalToolbar || !!table.props.toolbarLeft || !!table.props.toolbarRight;\n}\n"],"names":["TableToolbar","props","children","customTools","table","attributes","isToolbarVisible","canFilter","instance","options","enableColumnFilters","canPrint","meta","printing","isEnabled","canSettings","canChangeSettings","customSettings","canSearch","search","React","className","toolbarLeft","Group","Filters","length","toolbarRight","Print","tableId","id","tableRef","ref","Settings","Search","scrollToIndex","renderer","toolbarPanel","undefined","tableMeta","enableHiding","columnOrdering","fontSize","rowHeight","hasInternalToolbar"],"mappings":";;;;;;;SAegBA,YAAYA,CAACC,KAAwB;EACjD,MAAM;IAAEC,QAAQ,EAAEC,WAAW;IAAEC,KAAK;IAAE,GAAGC;GAAY,GAAGJ,KAAK;EAE7D,IAAI,CAACK,gBAAgB,CAACF,KAAK,EAAE,CAAC,CAACD,WAAW,CAAC,EAAE;IACzC,OAAO,IAAI;;EAGf,MAAMI,SAAS,GAAGH,KAAK,CAACI,QAAQ,CAACC,OAAO,CAACC,mBAAmB;EAC5D,MAAMC,QAAQ,GAAGP,KAAK,CAACQ,IAAI,CAACC,QAAQ,CAACC,SAAS;EAC9C,MAAMC,WAAW,GAAGC,iBAAiB,CAACZ,KAAK,CAACI,QAAQ,EAAEJ,KAAK,CAACH,KAAK,CAACgB,cAAc,CAAC;EACjF,MAAMC,SAAS,GAAGd,KAAK,CAACQ,IAAI,CAACO,MAAM,CAACL,SAAS;EAE7C,oBACIM,yEACIA,sDACQf,UAAU;IACdgB,SAAS,EAAC,gEAAgE;iBAChE;MACTjB,KAAK,CAACH,KAAK,CAACqB,WAAW,eACxBF,6BAACG,KAAK;IAACF,SAAS,EAAC;KACZlB,WAAW,EACXI,SAAS,gBAAGa,6BAACI,OAAO;IAACC,MAAM,EAAErB,KAAK,CAACQ,IAAI,CAACa,MAAM;IAAErB,KAAK,EAAEA,KAAK,CAACI;IAAY,GAAG,IAAI,EAChFJ,KAAK,CAACH,KAAK,CAACyB,YAAY,EACxBf,QAAQ,gBAAGS,6BAACO,KAAK;IAACvB,KAAK,EAAEA,KAAK,CAACI,QAAQ;IAAEoB,OAAO,EAAExB,KAAK,CAACyB,EAAE;IAAEC,QAAQ,EAAE1B,KAAK,CAAC2B;IAAO,GAAG,IAAI,EAC1FhB,WAAW,gBAAGK,6BAACY,QAAQ;IAACf,cAAc,EAAEb,KAAK,CAACH,KAAK,CAACgB,cAAc;IAAEb,KAAK,EAAEA,KAAK,CAACI;IAAY,GAAG,IAAI,EACpGU,SAAS,kBACNE,6BAACa,MAAM;IAACC,aAAa,EAAE9B,KAAK,CAAC+B,QAAQ,CAACD,aAAa;IAAE9B,KAAK,EAAEA,KAAK,CAACI,QAAQ;IAAEsB,QAAQ,EAAE1B,KAAK,CAAC2B;IAAO,IACnG,IAAI,CACJ,CACN,EACL3B,KAAK,CAACH,KAAK,CAACmC,YAAY,gBAAGhB;IAAKC,SAAS,EAAC;KAAQjB,KAAK,CAACH,KAAK,CAACmC,YAAY,CAAO,GAAGC,SAAS,CAC/F;AAEX;AAEA,SAASrB,iBAAiBA,CAAkBZ,KAAwB,EAAEa,cAA4C;EAC9G,MAAMqB,SAAS,GAAGlC,KAAK,CAACK,OAAO,CAACG,IAA6B;EAE7D,OACIR,KAAK,CAACK,OAAO,CAAC8B,YAAY,IAC1BD,SAAS,CAACE,cAAc,CAAC1B,SAAS,IAClCwB,SAAS,CAACG,QAAQ,CAAC3B,SAAS,IAC5BwB,SAAS,CAACI,SAAS,CAAC5B,SAAS,IAC7B,OAAOG,cAAc,KAAK,UAAU;AAE5C;AAEA,SAASX,gBAAgBA,CAACF,KAAkC,EAAED,WAAoB;EAC9E,MAAMwC,kBAAkB,GACpBxC,WAAW,IACXC,KAAK,CAACI,QAAQ,CAACC,OAAO,CAACC,mBAAmB,IAC1CN,KAAK,CAACQ,IAAI,CAACC,QAAQ,CAACC,SAAS,IAC7BE,iBAAiB,CAACZ,KAAK,CAACI,QAAQ,EAAEJ,KAAK,CAACH,KAAK,CAACgB,cAAc,CAAC,IAC7Db,KAAK,CAACQ,IAAI,CAACO,MAAM,CAACL,SAAS;EAE/B,OAAO6B,kBAAkB,IAAI,CAAC,CAACvC,KAAK,CAACH,KAAK,CAACqB,WAAW,IAAI,CAAC,CAAClB,KAAK,CAACH,KAAK,CAACyB,YAAY;AACxF;;;;"}
+{"version":3,"file":"Toolbar.js","sources":["../../../../../../../../../../src/primitives/Table/Core/components/Toolbar/Toolbar.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { Group } from '../../../../../components/Group/Group';\nimport { Search } from './components/Search/Search';\nimport { Settings } from './components/Settings/Settings';\nimport { Print } from './components/Print/Print';\nimport { Filters } from './components/Filters/Filters';\nimport { TableCustomSettingsRenderer } from '../../../types';\nimport { useTableReturnValue } from '../../useTable';\n\nexport type TableToolbarProps<TType = unknown> = React.HTMLAttributes<HTMLDivElement> & {\n    children?: JSX.Element | null;\n    table: useTableReturnValue<TType>;\n};\n\nexport function TableToolbar<TType = unknown>(props: TableToolbarProps<TType>) {\n    const { children: customTools, table, ...attributes } = props;\n\n    if (!isToolbarVisible<TType>(table, !!customTools)) {\n        return null;\n    }\n\n    const canFilter = table.instance.options.enableColumnFilters;\n    const canPrint = table.meta.printing.isEnabled;\n    const canSettings = canChangeSettings(table.instance, table.props.customSettings);\n    const canSearch = table.meta.search.isEnabled;\n\n    return (\n        <>\n            <div\n                {...attributes}\n                className=\"mb-4 flex flex-shrink flex-grow-0 flex-wrap gap-2 print:hidden\"\n                data-taco=\"table-toolbar\">\n                {table.props.toolbarLeft}\n                <Group className=\"ml-auto flex-shrink-0 items-center print:hidden\">\n                    {customTools}\n                    {canFilter ? <Filters length={table.meta.length} table={table.instance} /> : null}\n                    {table.props.toolbarRight}\n                    {canPrint ? <Print table={table.instance} tableId={table.id} tableRef={table.ref} /> : null}\n                    {canSettings ? <Settings customSettings={table.props.customSettings} table={table.instance} /> : null}\n                    {canSearch ? (\n                        <Search scrollToIndex={table.renderer.scrollToIndex} table={table.instance} tableRef={table.ref} />\n                    ) : null}\n                </Group>\n            </div>\n            {table.props.toolbarPanel ? <div className=\"mb-4\">{table.props.toolbarPanel}</div> : undefined}\n        </>\n    );\n}\n\nfunction canChangeSettings<TType = unknown>(table: ReactTable<TType>, customSettings?: TableCustomSettingsRenderer) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    return (\n        table.options.enableHiding ||\n        tableMeta.columnOrdering.isEnabled ||\n        tableMeta.fontSize.isEnabled ||\n        tableMeta.rowHeight.isEnabled ||\n        typeof customSettings === 'function'\n    );\n}\n\nfunction isToolbarVisible<TType = unknown>(table: useTableReturnValue<TType>, customTools: boolean) {\n    const hasInternalToolbar =\n        customTools ||\n        table.instance.options.enableColumnFilters ||\n        table.meta.printing.isEnabled ||\n        canChangeSettings(table.instance, table.props.customSettings) ||\n        table.meta.search.isEnabled;\n\n    return hasInternalToolbar || !!table.props.toolbarLeft || !!table.props.toolbarRight;\n}\n"],"names":["TableToolbar","props","children","customTools","table","attributes","isToolbarVisible","canFilter","instance","options","enableColumnFilters","canPrint","meta","printing","isEnabled","canSettings","canChangeSettings","customSettings","canSearch","search","React","className","toolbarLeft","Group","Filters","length","toolbarRight","Print","tableId","id","tableRef","ref","Settings","Search","scrollToIndex","renderer","toolbarPanel","undefined","tableMeta","enableHiding","columnOrdering","fontSize","rowHeight","hasInternalToolbar"],"mappings":";;;;;;;SAegBA,YAAYA,CAAkBC,KAA+B;EACzE,MAAM;IAAEC,QAAQ,EAAEC,WAAW;IAAEC,KAAK;IAAE,GAAGC;GAAY,GAAGJ,KAAK;EAE7D,IAAI,CAACK,gBAAgB,CAAQF,KAAK,EAAE,CAAC,CAACD,WAAW,CAAC,EAAE;IAChD,OAAO,IAAI;;EAGf,MAAMI,SAAS,GAAGH,KAAK,CAACI,QAAQ,CAACC,OAAO,CAACC,mBAAmB;EAC5D,MAAMC,QAAQ,GAAGP,KAAK,CAACQ,IAAI,CAACC,QAAQ,CAACC,SAAS;EAC9C,MAAMC,WAAW,GAAGC,iBAAiB,CAACZ,KAAK,CAACI,QAAQ,EAAEJ,KAAK,CAACH,KAAK,CAACgB,cAAc,CAAC;EACjF,MAAMC,SAAS,GAAGd,KAAK,CAACQ,IAAI,CAACO,MAAM,CAACL,SAAS;EAE7C,oBACIM,yEACIA,sDACQf,UAAU;IACdgB,SAAS,EAAC,gEAAgE;iBAChE;MACTjB,KAAK,CAACH,KAAK,CAACqB,WAAW,eACxBF,6BAACG,KAAK;IAACF,SAAS,EAAC;KACZlB,WAAW,EACXI,SAAS,gBAAGa,6BAACI,OAAO;IAACC,MAAM,EAAErB,KAAK,CAACQ,IAAI,CAACa,MAAM;IAAErB,KAAK,EAAEA,KAAK,CAACI;IAAY,GAAG,IAAI,EAChFJ,KAAK,CAACH,KAAK,CAACyB,YAAY,EACxBf,QAAQ,gBAAGS,6BAACO,KAAK;IAACvB,KAAK,EAAEA,KAAK,CAACI,QAAQ;IAAEoB,OAAO,EAAExB,KAAK,CAACyB,EAAE;IAAEC,QAAQ,EAAE1B,KAAK,CAAC2B;IAAO,GAAG,IAAI,EAC1FhB,WAAW,gBAAGK,6BAACY,QAAQ;IAACf,cAAc,EAAEb,KAAK,CAACH,KAAK,CAACgB,cAAc;IAAEb,KAAK,EAAEA,KAAK,CAACI;IAAY,GAAG,IAAI,EACpGU,SAAS,kBACNE,6BAACa,MAAM;IAACC,aAAa,EAAE9B,KAAK,CAAC+B,QAAQ,CAACD,aAAa;IAAE9B,KAAK,EAAEA,KAAK,CAACI,QAAQ;IAAEsB,QAAQ,EAAE1B,KAAK,CAAC2B;IAAO,IACnG,IAAI,CACJ,CACN,EACL3B,KAAK,CAACH,KAAK,CAACmC,YAAY,gBAAGhB;IAAKC,SAAS,EAAC;KAAQjB,KAAK,CAACH,KAAK,CAACmC,YAAY,CAAO,GAAGC,SAAS,CAC/F;AAEX;AAEA,SAASrB,iBAAiBA,CAAkBZ,KAAwB,EAAEa,cAA4C;EAC9G,MAAMqB,SAAS,GAAGlC,KAAK,CAACK,OAAO,CAACG,IAA6B;EAE7D,OACIR,KAAK,CAACK,OAAO,CAAC8B,YAAY,IAC1BD,SAAS,CAACE,cAAc,CAAC1B,SAAS,IAClCwB,SAAS,CAACG,QAAQ,CAAC3B,SAAS,IAC5BwB,SAAS,CAACI,SAAS,CAAC5B,SAAS,IAC7B,OAAOG,cAAc,KAAK,UAAU;AAE5C;AAEA,SAASX,gBAAgBA,CAAkBF,KAAiC,EAAED,WAAoB;EAC9F,MAAMwC,kBAAkB,GACpBxC,WAAW,IACXC,KAAK,CAACI,QAAQ,CAACC,OAAO,CAACC,mBAAmB,IAC1CN,KAAK,CAACQ,IAAI,CAACC,QAAQ,CAACC,SAAS,IAC7BE,iBAAiB,CAACZ,KAAK,CAACI,QAAQ,EAAEJ,KAAK,CAACH,KAAK,CAACgB,cAAc,CAAC,IAC7Db,KAAK,CAACQ,IAAI,CAACO,MAAM,CAACL,SAAS;EAE/B,OAAO6B,kBAAkB,IAAI,CAAC,CAACvC,KAAK,CAACH,KAAK,CAACqB,WAAW,IAAI,CAAC,CAAClB,KAAK,CAACH,KAAK,CAACyB,YAAY;AACxF;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useTable.js","sources":["../../../../../../../../src/primitives/Table/Core/useTable.ts"],"sourcesContent":["import { TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { useMergedRef } from '../../../hooks/useMergedRef';\nimport { TableProps } from '../types';\nimport { useTableManager } from '../useTableManager/useTableManager';\nimport { useStylesheet } from './features/useStylesheet';\nimport { useTableGlobalShortcuts } from './features/useTableGlobalShortcuts';\nimport { useTableRef } from './features/useTableRef';\nimport { useTableRenderer } from './features/useTableRenderer';\nimport { useTableRowActiveListener } from './listeners/useTableRowActiveListener';\nimport { TableRef } from '../types';\nimport { useTableRenderers } from './types';\nimport { renderer as rowActions } from './components/Columns/Internal/Actions';\nimport { renderer as rowDrag } from './components/Columns/Internal/Drag';\nimport { renderer as rowExpansion } from './components/Columns/Internal/Expansion';\nimport { renderer as rowSelection } from './components/Columns/Internal/Selection';\nimport { useTableManagerInternalColumns } from '../useTableManager/types';\n\nconst INTERNAL_RENDERERS = {\n    rowActions,\n    rowDrag,\n    rowExpansion,\n    rowSelection,\n};\n\nexport function useTable<TType = unknown, TMeta = {}>(\n    props: TableProps<TType>,\n    externalRef: React.Ref<TableRef>,\n    renderers: useTableRenderers<TType>,\n    meta?: Partial<ReactTableMeta<TType>> & TMeta\n) {\n    // create a ref and merge with the consumer's ref\n    const ref = useMergedRef<TableRef>(externalRef);\n    // configure the table\n    const manager = useTableManager<TType>(props, meta, INTERNAL_RENDERERS as useTableManagerInternalColumns<TType>);\n    // configure the virtualised renderer\n    const renderer = useTableRenderer<TType>(renderers, manager.instance, ref, props.defaultRowActiveIndex);\n    // configure dynamic styling\n    const stylesheet = useStylesheet(manager.id, manager.instance);\n    // configure global keyboard shortcuts\n    useTableGlobalShortcuts(manager.instance, ref, renderer.scrollToIndex);\n    // augment the ref with some helper functions\n    useTableRef(manager.instance, ref);\n\n    // listeners - they are here and not in useTableManager because they rely on the dom and the table ref\n    useTableRowActiveListener(manager.instance, ref);\n\n    return {\n        ...manager,\n        props: {\n            customSettings: props.customSettings,\n            emptyState: props.emptyState,\n            toolbarLeft: props.toolbarLeft,\n            toolbarPanel: props.toolbarPanel,\n            toolbarRight: props.toolbarRight,\n        },\n        renderer,\n        stylesheet,\n        ref,\n    };\n}\n"],"names":["INTERNAL_RENDERERS","rowActions","rowDrag","rowExpansion","rowSelection","useTable","props","externalRef","renderers","meta","ref","useMergedRef","manager","useTableManager","renderer","useTableRenderer","instance","defaultRowActiveIndex","stylesheet","useStylesheet","id","useTableGlobalShortcuts","scrollToIndex","useTableRef","useTableRowActiveListener","customSettings","emptyState","toolbarLeft","toolbarPanel","toolbarRight"],"mappings":";;;;;;;;;;;;AAiBA,MAAMA,kBAAkB,GAAG;cACvBC,QAAU;WACVC,UAAO;gBACPC,UAAY;gBACZC;CACH;SAEeC,QAAQA,CACpBC,KAAwB,EACxBC,WAAgC,EAChCC,SAAmC,EACnCC,IAA6C;;EAG7C,MAAMC,GAAG,GAAGC,YAAY,CAAWJ,WAAW,CAAC;;EAE/C,MAAMK,OAAO,GAAGC,eAAe,CAAQP,KAAK,EAAEG,IAAI,EAAET,kBAA2D,CAAC;;EAEhH,MAAMc,QAAQ,GAAGC,gBAAgB,CAAQP,SAAS,EAAEI,OAAO,CAACI,QAAQ,EAAEN,GAAG,EAAEJ,KAAK,CAACW,qBAAqB,CAAC;;EAEvG,MAAMC,UAAU,GAAGC,aAAa,CAACP,OAAO,CAACQ,EAAE,EAAER,OAAO,CAACI,QAAQ,CAAC;;EAE9DK,uBAAuB,CAACT,OAAO,CAACI,QAAQ,EAAEN,GAAG,EAAEI,QAAQ,CAACQ,aAAa,CAAC;;EAEtEC,WAAW,CAACX,OAAO,CAACI,QAAQ,EAAEN,GAAG,CAAC;;EAGlCc,yBAAyB,CAACZ,OAAO,CAACI,QAAQ,EAAEN,GAAG,CAAC;EAEhD,OAAO;IACH,GAAGE,OAAO;IACVN,KAAK,EAAE;MACHmB,cAAc,EAAEnB,KAAK,CAACmB,cAAc;MACpCC,UAAU,EAAEpB,KAAK,CAACoB,UAAU;MAC5BC,WAAW,EAAErB,KAAK,CAACqB,WAAW;MAC9BC,YAAY,EAAEtB,KAAK,CAACsB,YAAY;MAChCC,YAAY,EAAEvB,KAAK,CAACuB;KACvB;IACDf,QAAQ;IACRI,UAAU;IACVR;GACH;AACL;;;;"}
+{"version":3,"file":"useTable.js","sources":["../../../../../../../../src/primitives/Table/Core/useTable.ts"],"sourcesContent":["import { Table as ReactTable, TableMeta as ReactTableMeta, TableState as ReactTableState } from '@tanstack/react-table';\nimport { ScrollToOptions as ReactVirtualScrollToOptions } from '@tanstack/react-virtual';\nimport { useMergedRef } from '../../../hooks/useMergedRef';\nimport { TableCustomSettingsRenderer, TableEmptyStateRenderer, TableProps } from '../types';\nimport { useTableManager } from '../useTableManager/useTableManager';\nimport { useStylesheet } from './features/useStylesheet';\nimport { useTableGlobalShortcuts } from './features/useTableGlobalShortcuts';\nimport { useTableRef } from './features/useTableRef';\nimport { useTableRenderer } from './features/useTableRenderer';\nimport { useTableRowActiveListener } from './listeners/useTableRowActiveListener';\nimport { TableRef } from '../types';\nimport { useTableRenderers } from './types';\nimport { renderer as rowActions } from './components/Columns/Internal/Actions';\nimport { renderer as rowDrag } from './components/Columns/Internal/Drag';\nimport { renderer as rowExpansion } from './components/Columns/Internal/Expansion';\nimport { renderer as rowSelection } from './components/Columns/Internal/Selection';\nimport { useTableManagerInternalColumns } from '../useTableManager/types';\n\nconst INTERNAL_RENDERERS = {\n    rowActions,\n    rowDrag,\n    rowExpansion,\n    rowSelection,\n};\n\nexport type useTableReturnValue<TType = unknown> = {\n    id: string;\n    instance: ReactTable<TType>;\n    meta: ReactTableMeta<TType>;\n    props: {\n        customSettings: TableCustomSettingsRenderer | undefined;\n        emptyState: TableEmptyStateRenderer | undefined;\n        toolbarLeft: JSX.Element | undefined;\n        toolbarPanel: JSX.Element | undefined;\n        toolbarRight: JSX.Element | undefined;\n    };\n    ref: React.RefObject<TableRef>;\n    renderer: {\n        rows: JSX.Element[] | null;\n        style: React.CSSProperties;\n        scrollToIndex: (index: number, options?: ReactVirtualScrollToOptions) => void;\n    };\n    stylesheet: JSX.Element;\n    state: ReactTableState;\n};\n\nexport function useTable<TType = unknown, TMeta = {}>(\n    props: TableProps<TType>,\n    externalRef: React.Ref<TableRef>,\n    renderers: useTableRenderers<TType>,\n    meta?: Partial<ReactTableMeta<TType>> & TMeta\n): useTableReturnValue<TType> {\n    // create a ref and merge with the consumer's ref\n    const ref = useMergedRef<TableRef>(externalRef);\n    // configure the table\n    const manager = useTableManager<TType>(props, meta, INTERNAL_RENDERERS as useTableManagerInternalColumns<TType>);\n    // configure the virtualised renderer\n    const renderer = useTableRenderer<TType>(renderers, manager.instance, ref, props.defaultRowActiveIndex);\n    // configure dynamic styling\n    const stylesheet = useStylesheet(manager.id, manager.instance);\n    // configure global keyboard shortcuts\n    useTableGlobalShortcuts(manager.instance, ref, renderer.scrollToIndex);\n    // augment the ref with some helper functions\n    useTableRef(manager.instance, ref);\n\n    // listeners - they are here and not in useTableManager because they rely on the dom and the table ref\n    useTableRowActiveListener(manager.instance, ref);\n\n    return {\n        ...manager,\n        props: {\n            customSettings: props.customSettings,\n            emptyState: props.emptyState,\n            toolbarLeft: props.toolbarLeft,\n            toolbarPanel: props.toolbarPanel,\n            toolbarRight: props.toolbarRight,\n        },\n        renderer,\n        stylesheet,\n        ref,\n    };\n}\n"],"names":["INTERNAL_RENDERERS","rowActions","rowDrag","rowExpansion","rowSelection","useTable","props","externalRef","renderers","meta","ref","useMergedRef","manager","useTableManager","renderer","useTableRenderer","instance","defaultRowActiveIndex","stylesheet","useStylesheet","id","useTableGlobalShortcuts","scrollToIndex","useTableRef","useTableRowActiveListener","customSettings","emptyState","toolbarLeft","toolbarPanel","toolbarRight"],"mappings":";;;;;;;;;;;;AAkBA,MAAMA,kBAAkB,GAAG;cACvBC,QAAU;WACVC,UAAO;gBACPC,UAAY;gBACZC;CACH;SAuBeC,QAAQA,CACpBC,KAAwB,EACxBC,WAAgC,EAChCC,SAAmC,EACnCC,IAA6C;;EAG7C,MAAMC,GAAG,GAAGC,YAAY,CAAWJ,WAAW,CAAC;;EAE/C,MAAMK,OAAO,GAAGC,eAAe,CAAQP,KAAK,EAAEG,IAAI,EAAET,kBAA2D,CAAC;;EAEhH,MAAMc,QAAQ,GAAGC,gBAAgB,CAAQP,SAAS,EAAEI,OAAO,CAACI,QAAQ,EAAEN,GAAG,EAAEJ,KAAK,CAACW,qBAAqB,CAAC;;EAEvG,MAAMC,UAAU,GAAGC,aAAa,CAACP,OAAO,CAACQ,EAAE,EAAER,OAAO,CAACI,QAAQ,CAAC;;EAE9DK,uBAAuB,CAACT,OAAO,CAACI,QAAQ,EAAEN,GAAG,EAAEI,QAAQ,CAACQ,aAAa,CAAC;;EAEtEC,WAAW,CAACX,OAAO,CAACI,QAAQ,EAAEN,GAAG,CAAC;;EAGlCc,yBAAyB,CAACZ,OAAO,CAACI,QAAQ,EAAEN,GAAG,CAAC;EAEhD,OAAO;IACH,GAAGE,OAAO;IACVN,KAAK,EAAE;MACHmB,cAAc,EAAEnB,KAAK,CAACmB,cAAc;MACpCC,UAAU,EAAEpB,KAAK,CAACoB,UAAU;MAC5BC,WAAW,EAAErB,KAAK,CAACqB,WAAW;MAC9BC,YAAY,EAAEtB,KAAK,CAACsB,YAAY;MAChCC,YAAY,EAAEvB,KAAK,CAACuB;KACvB;IACDf,QAAQ;IACRI,UAAU;IACVR;GACH;AACL;;;;"}

package/dist/{packages/taco/src/primitives → primitives}/Table/Core/Table.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { useTable } from './useTable';
+import { useTableReturnValue } from './useTable';
 import { TableToolbar } from './components/Toolbar/Toolbar';
 import './style.css';
 declare type TableProps = {
@@ -10,10 +10,10 @@ export declare namespace Table {
     var Toolbar: typeof TableToolbar;
     var Grid: typeof TableGrid;
 }
-export declare type TableGridProps = React.TableHTMLAttributes<HTMLTableElement> & {
+export declare type TableGridProps<TType = unknown> = React.TableHTMLAttributes<HTMLTableElement> & {
     'data-taco': string;
     enableHorizontalArrowKeyNavigation?: boolean;
-    table: ReturnType<typeof useTable>;
+    table: useTableReturnValue<TType>;
 };
-export declare function TableGrid(props: TableGridProps): JSX.Element;
+export declare function TableGrid<TType = unknown>(props: TableGridProps<TType>): JSX.Element;
 export {};

package/dist/primitives/Table/Core/components/Toolbar/Toolbar.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { useTableReturnValue } from '../../useTable';
+export declare type TableToolbarProps<TType = unknown> = React.HTMLAttributes<HTMLDivElement> & {
+    children?: JSX.Element | null;
+    table: useTableReturnValue<TType>;
+};
+export declare function TableToolbar<TType = unknown>(props: TableToolbarProps<TType>): JSX.Element | null;

package/dist/{packages/taco/src/primitives → primitives}/Table/Core/types.d.ts

@@ -1,8 +1,5 @@
 import React from 'react';
 import { Table as ReactTable, Row as ReactTableRow, Cell as ReactTableCell } from '@tanstack/react-table';
-import { TableSettings } from '../types';
-import { MenuItemProps } from '../../../components/Menu/components/Item';
-export declare type TableCustomSettingsRenderer = (props: TableSettings) => React.ReactElement<MenuItemProps>[];
 export declare type useTableRenderers<TType = unknown> = {
     row: TableRowRenderer<TType>;
     cell: TableCellRenderer<TType>;

package/dist/primitives/Table/Core/useTable.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { Table as ReactTable, TableMeta as ReactTableMeta, TableState as ReactTableState } from '@tanstack/react-table';
+import { ScrollToOptions as ReactVirtualScrollToOptions } from '@tanstack/react-virtual';
+import { TableCustomSettingsRenderer, TableEmptyStateRenderer, TableProps } from '../types';
+import { TableRef } from '../types';
+import { useTableRenderers } from './types';
+export declare type useTableReturnValue<TType = unknown> = {
+    id: string;
+    instance: ReactTable<TType>;
+    meta: ReactTableMeta<TType>;
+    props: {
+        customSettings: TableCustomSettingsRenderer | undefined;
+        emptyState: TableEmptyStateRenderer | undefined;
+        toolbarLeft: JSX.Element | undefined;
+        toolbarPanel: JSX.Element | undefined;
+        toolbarRight: JSX.Element | undefined;
+    };
+    ref: React.RefObject<TableRef>;
+    renderer: {
+        rows: JSX.Element[] | null;
+        style: React.CSSProperties;
+        scrollToIndex: (index: number, options?: ReactVirtualScrollToOptions) => void;
+    };
+    stylesheet: JSX.Element;
+    state: ReactTableState;
+};
+export declare function useTable<TType = unknown, TMeta = {}>(props: TableProps<TType>, externalRef: React.Ref<TableRef>, renderers: useTableRenderers<TType>, meta?: Partial<ReactTableMeta<TType>> & TMeta): useTableReturnValue<TType>;