npm - @economic/taco - Versions diffs - 2.22.2 → 2.24.0 - Mend

@economic/taco 2.22.2 → 2.24.0

Files changed (150) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Report.js","sources":["../../../../../../../src/components/Report/Report.tsx"],"sourcesContent":["import React from 'react';\nimport { FocusScope } from '@react-aria/focus';\nimport { fixedForwardRef } from '../../types';\nimport { useMergedRef } from '../../hooks/useMergedRef';\nimport { useReport } from './useReport';\nimport { ReportColumnProps, ReportGroupProps, ReportProps } from './types';\nimport { Header } from './components/Header/Header';\nimport { Body } from './components/Body/Body';\nimport { Footer } from './components/Footer/Footer';\nimport { ~~Summary } from './components/Footer/Summary';\nimport {~~ Toolbar } from './components/Toolbar/Toolbar';\nimport { TableRef } from '../../primitives/Table/types';\nimport { useStylesheet } from './styles/useStylesheet';\nimport { useTableRenderer } from './util/useTableRenderer';\nimport { useTableGlobalShortcuts } from './util/useTableGlobalShortcuts';\nimport './style.css';\n\nfunction Column<TType = unknown>(_: ReportColumnProps<TType>) {\n return null;\n}\n\nfunction Group(_: ReportGroupProps) {\n return null;\n}\n\nexport const Report = fixedForwardRef<TableRef, ReportProps>(function Report<TType = unknown>(\n props: ReportProps<TType>,\n ref: React.Ref<TableRef>\n) {\n const tableRef = useMergedRef<TableRef>(ref);\n const report = useReport<TType>(props, tableRef);\n const renderer = useTableRenderer(report.instance, tableRef, props.defaultRowActiveIndex);\n const stylesheet = useStylesheet(~~props~~.id, report.instance);\n useTableGlobalShortcuts(report.instance, tableRef, renderer.scrollToIndex);\n\n const handleFocus =\n report.meta.rowActive.rowActiveIndex === undefined\n ? (event: React.FocusEvent) => {\n report.meta.rowActive.handleFocus(event, report.length, renderer.scrollToIndex);\n }\n : undefined;\n\n return (\n <>\n {stylesheet}\n <Toolbar\n customSettings={props.customSettings}\n left={props.toolbarLeft}\n length={report.length}\n right={props.toolbarRight}\n scrollToIndex={renderer.scrollToIndex}\n table={report.instance}\n tableId={~~props~~.id}\n tableRef={tableRef}\n />\n {props.toolbarPanel ? <div className=\"mb-4\">{props.toolbarPanel}</div> : undefined}\n <FocusScope>\n <table\n id={~~props~~.id}\n data-taco=\"report\"\n data-table-font-size={report.meta.fontSize.size}\n data-table-horizontally-scrolled={report.meta.columnFreezing.isHorizontallyScrolled ? true : undefined}\n data-table-pause-hover={report.meta.rowActive.isHoverStatePaused ? true : undefined}\n data-table-resizing={report.state.columnSizingInfo.isResizingColumn ? true : undefined}\n data-table-row-height={report.meta.rowHeight.height}\n data-table-grouped={!!report.state.grouping?.length}\n onFocus={handleFocus}\n onScroll={report.meta.columnFreezing.handleScroll}\n ref={tableRef}\n tabIndex={-1}>\n <thead>\n {report.instance.getHeaderGroups().map(headerGroup => (\n <tr key={headerGroup.id}>{headerGroup.headers.map(Header)}</tr>\n ))}\n </thead>\n ~~<Body length=~~{~~report~~.length} table={report.instance} style={renderer.style}>\n {renderer.rows}\n </Body>\n {report.meta.footer.isEnabled ? (\n <tfoot>\n <tr>{report.instance.getFooterGroups()[0].headers.map(Footer)}</tr>\n </tfoot>\n ) : null}\n ~~</table>\~~n ~~{report.meta.footer.isEnabled~~ ? <~~Summary~~ ~~length~~={~~report~~.~~length~~} ~~table={report.instance~~} ~~/> : null}~~\n </FocusScope>\n </>\n );\n}) as (<TType = unknown>(props: ReportProps<TType> & React.RefAttributes<TableRef>) => JSX.Element) & {\n Column: typeof Column;\n Group: typeof Group;\n};\nReport.Column = Column;\nReport.Group = Group;\n\nexport * from './types';\n"],"names":["Column","_","Group","Report","fixedForwardRef","props","ref","tableRef","useMergedRef","report","useReport","renderer","useTableRenderer","instance","defaultRowActiveIndex","stylesheet","useStylesheet","id","useTableGlobalShortcuts","scrollToIndex","handleFocus","meta","rowActive","rowActiveIndex","undefined","event","length","React","Toolbar","customSettings","left","toolbarLeft","right","toolbarRight","table","tableId","toolbarPanel","className","FocusScope","fontSize","size","columnFreezing","isHorizontallyScrolled","isHoverStatePaused","state","columnSizingInfo","isResizingColumn","rowHeight","height","_report$state$groupin","grouping","onFocus","onScroll","handleScroll","tabIndex","getHeaderGroups","map","headerGroup","key","headers","Header","~~Body~~","~~style~~","~~rows~~","footer","isEnabled","getFooterGroups","Footer","~~Summary~~"],"mappings":";;;;;;;;;;;;;;AAiBA,SAASA,MAAMA,CAAkBC,CAA2B;EACxD,OAAO,IAAI;AACf;AAEA,SAASC,KAAKA,CAACD,CAAmB;EAC9B,OAAO,IAAI;AACf;MAEaE,MAAM,gBAAGC,eAAe,CAAwB,SAASD,MAAMA,CACxEE,KAAyB,EACzBC,GAAwB;;EAExB,MAAMC,QAAQ,GAAGC,YAAY,CAAWF,GAAG,CAAC;EAC5C,MAAMG,MAAM,GAAGC,SAAS,CAAQL,KAAK,EAAEE,QAAQ,CAAC;EAChD,MAAMI,QAAQ,GAAGC,gBAAgB,~~CAACH~~,MAAM,CAACI,QAAQ,EAAEN,QAAQ,EAAEF,KAAK,CAACS,qBAAqB,CAAC;~~EACzF~~,MAAMC,UAAU,GAAGC,aAAa,~~CAACX~~,~~KAAK~~,~~CAACY~~,EAAE,EAAER,MAAM,CAACI,QAAQ,CAAC;~~EAC3DK~~,uBAAuB,CAACT,MAAM,CAACI,QAAQ,EAAEN,QAAQ,EAAEI,QAAQ,CAACQ,aAAa,CAAC;EAE1E,MAAMC,WAAW,GACbX,MAAM,CAACY,IAAI,CAACC,SAAS,CAACC,cAAc,KAAKC,SAAS,GAC3CC,KAAuB;IACpBhB,MAAM,CAACY,IAAI,CAACC,SAAS,CAACF,WAAW,CAACK,KAAK,EAAEhB,MAAM,~~CAACiB~~,MAAM,EAAEf,QAAQ,CAACQ,aAAa,CAAC;~~GAClF~~,GACDK,SAAS;EAEnB,oBACIG,4DACKZ,UAAU,eACXY,6BAACC,OAAO;IACJC,cAAc,EAAExB,KAAK,CAACwB,cAAc;IACpCC,IAAI,EAAEzB,KAAK,CAAC0B,WAAW;IACvBL,MAAM,EAAEjB,MAAM,~~CAACiB~~,MAAM;~~IACrBM~~,KAAK,EAAE3B,KAAK,CAAC4B,YAAY;IACzBd,aAAa,EAAER,QAAQ,CAACQ,aAAa;IACrCe,KAAK,EAAEzB,MAAM,CAACI,QAAQ;IACtBsB,OAAO,~~EAAE9B~~,~~KAAK~~,~~CAACY~~,EAAE;~~IACjBV~~,QAAQ,EAAEA;IACZ,EACDF,KAAK,CAAC+B,YAAY,gBAAGT;IAAKU,SAAS,EAAC;KAAQhC,KAAK,CAAC+B,YAAY,CAAO,GAAGZ,SAAS,eAClFG,6BAACW,UAAU,qBACPX;IACIV,EAAE,~~EAAEZ~~,~~KAAK~~,~~CAACY~~,EAAE;~~iBACF~~,QAAQ;4BACIR,MAAM,CAACY,IAAI,CAACkB,QAAQ,CAACC,IAAI;wCACb/B,MAAM,CAACY,IAAI,CAACoB,cAAc,CAACC,sBAAsB,GAAG,IAAI,GAAGlB,SAAS;8BAC9Ef,MAAM,CAACY,IAAI,CAACC,SAAS,CAACqB,kBAAkB,GAAG,IAAI,GAAGnB,SAAS;2BAC9Df,MAAM,CAACmC,KAAK,CAACC,gBAAgB,CAACC,gBAAgB,GAAG,IAAI,GAAGtB,SAAS;6BAC/Df,MAAM,CAACY,IAAI,CAAC0B,SAAS,CAACC,MAAM;0BAC/B,CAAC,GAAAC,qBAAA,GAACxC,MAAM,CAACmC,KAAK,CAACM,QAAQ,cAAAD,qBAAA,eAArBA,qBAAA,CAAuBvB,MAAM;IACnDyB,OAAO,EAAE/B,WAAW;IACpBgC,QAAQ,EAAE3C,MAAM,CAACY,IAAI,CAACoB,cAAc,CAACY,YAAY;IACjD/C,GAAG,EAAEC,QAAQ;IACb+C,QAAQ,EAAE,CAAC;kBACX3B,4CACKlB,MAAM,CAACI,QAAQ,CAAC0C,eAAe,EAAE,CAACC,GAAG,CAACC,WAAW,mBAC9C9B;IAAI+B,GAAG,EAAED,WAAW,CAACxC;KAAKwC,WAAW,CAACE,OAAO,CAACH,GAAG,CAACI,MAAM,CAAC,CAAM,CAClE,CAAC,CACE,~~eACRjC~~,~~6BAACkC~~,IAAI~~;IAACnC~~,~~MAAM~~,~~EAAEjB~~,MAAM,~~CAACiB~~,~~MAAM~~;~~IAAEQ~~,KAAK,EAAEzB,MAAM,CAACI,QAAQ;~~IAAEiD~~,KAAK,~~EAAEnD~~,QAAQ,~~CAACmD~~;~~KAChEnD~~,QAAQ,~~CAACoD~~,IAAI,CACX,~~EACNtD~~,MAAM,CAACY,IAAI,~~CAAC2C~~,MAAM,CAACC,SAAS,~~kBACzBtC~~,yDACIA,yCAAKlB,MAAM,CAACI,QAAQ,~~CAACqD~~,eAAe,EAAE,CAAC,CAAC,CAAC,~~CAACP~~,OAAO,CAACH,GAAG,~~CAACW~~,MAAM,CAAC,CAAM,CAC/D,IACR,IAAI,~~CACJ~~,~~EACP1D~~,~~MAAM~~,~~CAACY,IAAI,CAAC2C,MAAM,CAACC,SAAS,gBAAGtC,6BAACyC,OAAO~~;~~IAAC1C~~,~~MAAM~~,~~EAAEjB~~,~~MAAM,CAACiB,MAAM;IAAEQ,~~KAAK,~~EAAEzB,MAAM,CAACI~~;~~IAAY~~,~~GAAG~~,~~IAAI~~,~~CACxF~~,CACd;AAEX,CAAC;~~AAIDV~~,MAAM,CAACH,MAAM,GAAGA,MAAM;AACtBG,MAAM,CAACD,KAAK,GAAGA,KAAK;;;;"}
1	+ {"version":3,"file":"Report.js","sources":["../../../../../../../src/components/Report/Report.tsx"],"sourcesContent":["import React from 'react';\nimport { FocusScope } from '@react-aria/focus';\nimport { fixedForwardRef } from '../../types';\nimport { useMergedRef } from '../../hooks/useMergedRef';\nimport { useReport } from './useReport';\nimport { ReportColumnProps, ReportGroupProps, ReportProps } from './types';\nimport { Header } from './components/Header/Header';\nimport { Body } from './components/Body/Body';\nimport { Footer } from './components/Footer/Footer';\nimport { Toolbar } from './components/Toolbar/Toolbar';\nimport { TableRef } from '../../primitives/Table/types';\nimport { useStylesheet } from './styles/useStylesheet';\nimport { useTableRenderer } from './util/useTableRenderer';\nimport { useTableGlobalShortcuts } from './util/useTableGlobalShortcuts';\nimport { EmptyStateBody } from './components/Body/EmptyStateBody';\nimport './style.css';\n\nfunction Column<TType = unknown>(_: ReportColumnProps<TType>) {\n return null;\n}\n\nfunction Group(_: ReportGroupProps) {\n return null;\n}\n\nexport const Report = fixedForwardRef<TableRef, ReportProps>(function Report<TType = unknown>(\n props: ReportProps<TType>,\n ref: React.Ref<TableRef>\n) {\n const tableRef = useMergedRef<TableRef>(ref);\n const report = useReport<TType>(props, tableRef);\n const renderer = useTableRenderer<TType>(report.instance, tableRef, props.defaultRowActiveIndex);\n const stylesheet = useStylesheet(report.id, report.instance);\n useTableGlobalShortcuts(report.instance, tableRef, renderer.scrollToIndex);\n\n const handleFocus =\n report.meta.rowActive.rowActiveIndex === undefined\n ? (event: React.FocusEvent) => {\n report.meta.rowActive.handleFocus(event, report.meta.length, renderer.scrollToIndex);\n }\n : undefined;\n\n return (\n <>\n {stylesheet}\n <Toolbar\n customSettings={props.customSettings}\n left={props.toolbarLeft}\n length={report.meta.length}\n right={props.toolbarRight}\n scrollToIndex={renderer.scrollToIndex}\n table={report.instance}\n tableId={report.id}\n tableRef={tableRef}\n />\n {props.toolbarPanel ? <div className=\"mb-4\">{props.toolbarPanel}</div> : undefined}\n <FocusScope>\n <table\n id={report.id}\n data-taco=\"report\"\n data-table-font-size={report.meta.fontSize.size}\n data-table-horizontally-scrolled={report.meta.columnFreezing.isHorizontallyScrolled ? true : undefined}\n data-table-pause-hover={report.meta.rowActive.isHoverStatePaused ? true : undefined}\n data-table-resizing={report.state.columnSizingInfo.isResizingColumn ? true : undefined}\n data-table-row-height={report.meta.rowHeight.height}\n data-table-grouped={!!report.state.grouping?.length}\n onFocus={handleFocus}\n onScroll={report.meta.columnFreezing.handleScroll}\n ref={tableRef}\n tabIndex={-1}>\n <thead>\n {report.instance.getHeaderGroups().map(headerGroup => (\n <tr key={headerGroup.id}>{headerGroup.headers.map(Header)}</tr>\n ))}\n </thead>\n {renderer.rows?.length ? (\n <>\n <Body table={report.instance} style={renderer.style}>\n {renderer.rows}\n </Body>\n {report.meta.footer.isEnabled ? (\n <tfoot>\n <tr>{report.instance.getFooterGroups()[0].headers.map(Footer)}</tr>\n </tfoot>\n ) : null}\n </>\n ) : (\n <EmptyStateBody emptyState={props.emptyState} />\n )}\n </table>\n </FocusScope>\n </>\n );\n}) as (<TType = unknown>(props: ReportProps<TType> & React.RefAttributes<TableRef>) => JSX.Element) & {\n Column: typeof Column;\n Group: typeof Group;\n};\nReport.Column = Column;\nReport.Group = Group;\n\nexport * from './types';\n"],"names":["Column","_","Group","Report","fixedForwardRef","props","ref","tableRef","useMergedRef","report","useReport","renderer","useTableRenderer","instance","defaultRowActiveIndex","stylesheet","useStylesheet","id","useTableGlobalShortcuts","scrollToIndex","handleFocus","meta","rowActive","rowActiveIndex","undefined","event","length","React","Toolbar","customSettings","left","toolbarLeft","right","toolbarRight","table","tableId","toolbarPanel","className","FocusScope","fontSize","size","columnFreezing","isHorizontallyScrolled","isHoverStatePaused","state","columnSizingInfo","isResizingColumn","rowHeight","height","_report$state$groupin","grouping","onFocus","onScroll","handleScroll","tabIndex","getHeaderGroups","map","headerGroup","key","headers","Header","_renderer$rows","rows","Body","style","footer","isEnabled","getFooterGroups","Footer","EmptyStateBody","emptyState"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Report/components/Body/Body.js CHANGED Viewed

@@ -4,7 +4,6 @@ import { useAugmentedFocusManager } from './util.js';
 function Body(props) {
   const {
     enableArrowKeyFocusing = false,
-    length,
     table,
     ...attributes
   } = props;
@@ -19,7 +18,7 @@ function Body(props) {
     }
     if (tableMeta.rowActive.rowActiveIndex !== undefined) {
       const isFirstRow = tableMeta.rowActive.rowActiveIndex === 0;
-      const isLastRow = tableMeta.rowActive.rowActiveIndex === length - 1;
+      const isLastRow = tableMeta.rowActive.rowActiveIndex === tableMeta.length - 1;
       if (event.key === 'Tab' || enableArrowKeyFocusing && (event.key === 'ArrowLeft' || event.key === 'ArrowRight')) {
         tableMeta.rowActive.setHoverStatePaused(true);
         const focusedElement = event.shiftKey || event.key === 'ArrowLeft' ? focusManager.focusPrevious() : focusManager.focusNext();

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Body.js","sources":["../../../../../../../../../src/components/Report/components/Body/Body.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { useAugmentedFocusManager } from './util';\n\ntype BodyProps<TType = unknown> = React.HTMLAttributes<HTMLTableSectionElement> & {\n enableArrowKeyFocusing?: boolean;\n ~~length: number;\n~~ table: ReactTable<TType>;\n};\n\nexport function Body<TType = unknown>(props: BodyProps<TType>) {\n const { enableArrowKeyFocusing = false, ~~length,~~ table, ...attributes } = props;\n const ref = React.useRef<HTMLTableSectionElement>(null);\n const focusManager = useAugmentedFocusManager();\n const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n // some rows won't have anything focusable in, and we don't want tab to move between rows in that case\n const focusableElementsInRowCountRef = React.useRef(0);\n\n const handleKeyDown = (event: React.KeyboardEvent) => {\n if (event.isDefaultPrevented() \|\| event.isPropagationStopped()) {\n return;\n }\n\n if (tableMeta.rowActive.rowActiveIndex !== undefined) {\n const isFirstRow = tableMeta.rowActive.rowActiveIndex === 0;\n const isLastRow = tableMeta.rowActive.rowActiveIndex === length - 1;\n\n if (event.key === 'Tab' \|\| (enableArrowKeyFocusing && (event.key === 'ArrowLeft' \|\| event.key === 'ArrowRight'))) {\n tableMeta.rowActive.setHoverStatePaused(true);\n\n const focusedElement =\n event.shiftKey \|\| event.key === 'ArrowLeft' ? focusManager.focusPrevious() : focusManager.focusNext();\n\n if (focusedElement) {\n // override default behaviour, since we're handling focus internally now\n event.preventDefault();\n focusableElementsInRowCountRef.current = focusableElementsInRowCountRef.current + 1;\n return;\n }\n\n if (event.shiftKey \|\| event.key === 'ArrowLeft') {\n if (!isFirstRow && focusableElementsInRowCountRef.current !== 0) {\n // there are no previous elements to focus, go up a row or go outside the table\n // but only if there are actually any focusable elements in the row\n event.preventDefault();\n tableMeta.rowActive.setRowActiveIndex(tableMeta.rowActive.rowActiveIndex - 1);\n focusableElementsInRowCountRef.current = 0;\n requestAnimationFrame(() => focusManager.focusLast());\n }\n } else {\n if (!isLastRow && focusableElementsInRowCountRef.current !== 0) {\n // there are no next elements to focus, go down a row or go outside the table\n // but only if there are actually any focusable elements in the row\n event.preventDefault();\n tableMeta.rowActive.setRowActiveIndex(tableMeta.rowActive.rowActiveIndex + 1);\n focusableElementsInRowCountRef.current = 0;\n requestAnimationFrame(() => focusManager.focusFirst());\n }\n }\n }\n }\n };\n\n return <tbody {...attributes} onKeyDown={handleKeyDown} ref={ref} />;\n}\n"],"names":["Body","props","enableArrowKeyFocusing","~~length","~~table","attributes","ref","React","useRef","focusManager","useAugmentedFocusManager","tableMeta","options","meta","focusableElementsInRowCountRef","handleKeyDown","event","isDefaultPrevented","isPropagationStopped","rowActive","rowActiveIndex","undefined","isFirstRow","isLastRow","key","setHoverStatePaused","focusedElement","shiftKey","focusPrevious","focusNext","preventDefault","current","setRowActiveIndex","requestAnimationFrame","focusLast","focusFirst","onKeyDown"],"mappings":";;;~~SAUgBA~~,IAAIA,CAAkBC,KAAuB;EACzD,MAAM;IAAEC,sBAAsB,GAAG,KAAK;IAAEC,~~MAAM;IAAEC,~~KAAK;IAAE,GAAGC;GAAY,~~GAAGJ~~,KAAK;~~EAC9E~~,~~MAAMK~~,GAAG,GAAGC,cAAK,CAACC,MAAM,CAA0B,IAAI,CAAC;EACvD,MAAMC,YAAY,GAAGC,wBAAwB,EAAE;EAC/C,MAAMC,SAAS,GAAGP,KAAK,CAACQ,OAAO,CAACC,IAA6B;;EAG7D,MAAMC,8BAA8B,GAAGP,cAAK,CAACC,MAAM,CAAC,CAAC,CAAC;EAEtD,MAAMO,aAAa,GAAIC,KAA0B;IAC7C,IAAIA,KAAK,CAACC,kBAAkB,EAAE,IAAID,KAAK,CAACE,oBAAoB,EAAE,EAAE;MAC5D;;IAGJ,IAAIP,SAAS,CAACQ,SAAS,CAACC,cAAc,KAAKC,SAAS,EAAE;MAClD,MAAMC,UAAU,GAAGX,SAAS,CAACQ,SAAS,CAACC,cAAc,KAAK,CAAC;MAC3D,MAAMG,SAAS,GAAGZ,SAAS,CAACQ,SAAS,CAACC,cAAc,~~KAAKjB~~,MAAM,GAAG,CAAC;~~MAEnE~~,~~IAAIa~~,KAAK,~~CAACQ~~,GAAG,KAAK,KAAK,IAAKtB,sBAAsB,~~KAAKc~~,KAAK,~~CAACQ~~,GAAG,KAAK,WAAW,~~IAAIR~~,KAAK,~~CAACQ~~,GAAG,KAAK,YAAY,CAAE,EAAE;~~QAC9Gb~~,SAAS,CAACQ,SAAS,~~CAACM~~,mBAAmB,CAAC,IAAI,CAAC;QAE7C,MAAMC,cAAc,~~GAChBV~~,KAAK,~~CAACW~~,QAAQ,~~IAAIX~~,KAAK,~~CAACQ~~,GAAG,KAAK,WAAW,~~GAAGf~~,YAAY,~~CAACmB~~,aAAa,EAAE,~~GAAGnB~~,YAAY,~~CAACoB~~,SAAS,EAAE;QAEzG,IAAIH,cAAc,EAAE;;~~UAEhBV~~,KAAK,~~CAACc~~,cAAc,EAAE;~~UACtBhB~~,8BAA8B,~~CAACiB~~,OAAO,~~GAAGjB~~,8BAA8B,~~CAACiB~~,OAAO,GAAG,CAAC;UACnF;;QAGJ,~~IAAIf~~,KAAK,~~CAACW~~,QAAQ,~~IAAIX~~,KAAK,~~CAACQ~~,GAAG,KAAK,WAAW,EAAE;UAC7C,IAAI,~~CAACF~~,UAAU,IAAIR,8BAA8B,~~CAACiB~~,OAAO,KAAK,CAAC,EAAE;;;~~YAG7Df~~,KAAK,~~CAACc~~,cAAc,EAAE;~~YACtBnB~~,SAAS,CAACQ,SAAS,~~CAACa~~,iBAAiB,~~CAACrB~~,SAAS,CAACQ,SAAS,CAACC,cAAc,GAAG,CAAC,CAAC;YAC7EN,8BAA8B,~~CAACiB~~,OAAO,GAAG,CAAC;YAC1CE,qBAAqB,CAAC,~~MAAMxB~~,YAAY,~~CAACyB~~,SAAS,EAAE,CAAC;;SAE5D,MAAM;UACH,IAAI,~~CAACX~~,SAAS,IAAIT,8BAA8B,~~CAACiB~~,OAAO,KAAK,CAAC,EAAE;;;~~YAG5Df~~,KAAK,~~CAACc~~,cAAc,EAAE;~~YACtBnB~~,SAAS,CAACQ,SAAS,~~CAACa~~,iBAAiB,~~CAACrB~~,SAAS,CAACQ,SAAS,CAACC,cAAc,GAAG,CAAC,CAAC;YAC7EN,8BAA8B,~~CAACiB~~,OAAO,GAAG,CAAC;YAC1CE,qBAAqB,CAAC,~~MAAMxB~~,YAAY,~~CAAC0B~~,UAAU,EAAE,CAAC;;;;;GAKzE;EAED,~~oBAAO5B~~,wDAAWF,UAAU;~~IAAE+B~~,SAAS,~~EAAErB~~,aAAa;IAAET,GAAG,EAAEA;KAAO;AACxE;;;;"}
1	+ {"version":3,"file":"Body.js","sources":["../../../../../../../../../src/components/Report/components/Body/Body.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { useAugmentedFocusManager } from './util';\n\ntype BodyProps<TType = unknown> = React.HTMLAttributes<HTMLTableSectionElement> & {\n enableArrowKeyFocusing?: boolean;\n table: ReactTable<TType>;\n};\n\nexport function Body<TType = unknown>(props: BodyProps<TType>) {\n const { enableArrowKeyFocusing = false, table, ...attributes } = props;\n const ref = React.useRef<HTMLTableSectionElement>(null);\n const focusManager = useAugmentedFocusManager();\n const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n // some rows won't have anything focusable in, and we don't want tab to move between rows in that case\n const focusableElementsInRowCountRef = React.useRef(0);\n\n const handleKeyDown = (event: React.KeyboardEvent) => {\n if (event.isDefaultPrevented() \|\| event.isPropagationStopped()) {\n return;\n }\n\n if (tableMeta.rowActive.rowActiveIndex !== undefined) {\n const isFirstRow = tableMeta.rowActive.rowActiveIndex === 0;\n const isLastRow = tableMeta.rowActive.rowActiveIndex === tableMeta.length - 1;\n\n if (event.key === 'Tab' \|\| (enableArrowKeyFocusing && (event.key === 'ArrowLeft' \|\| event.key === 'ArrowRight'))) {\n tableMeta.rowActive.setHoverStatePaused(true);\n\n const focusedElement =\n event.shiftKey \|\| event.key === 'ArrowLeft' ? focusManager.focusPrevious() : focusManager.focusNext();\n\n if (focusedElement) {\n // override default behaviour, since we're handling focus internally now\n event.preventDefault();\n focusableElementsInRowCountRef.current = focusableElementsInRowCountRef.current + 1;\n return;\n }\n\n if (event.shiftKey \|\| event.key === 'ArrowLeft') {\n if (!isFirstRow && focusableElementsInRowCountRef.current !== 0) {\n // there are no previous elements to focus, go up a row or go outside the table\n // but only if there are actually any focusable elements in the row\n event.preventDefault();\n tableMeta.rowActive.setRowActiveIndex(tableMeta.rowActive.rowActiveIndex - 1);\n focusableElementsInRowCountRef.current = 0;\n requestAnimationFrame(() => focusManager.focusLast());\n }\n } else {\n if (!isLastRow && focusableElementsInRowCountRef.current !== 0) {\n // there are no next elements to focus, go down a row or go outside the table\n // but only if there are actually any focusable elements in the row\n event.preventDefault();\n tableMeta.rowActive.setRowActiveIndex(tableMeta.rowActive.rowActiveIndex + 1);\n focusableElementsInRowCountRef.current = 0;\n requestAnimationFrame(() => focusManager.focusFirst());\n }\n }\n }\n }\n };\n\n return <tbody {...attributes} onKeyDown={handleKeyDown} ref={ref} />;\n}\n"],"names":["Body","props","enableArrowKeyFocusing","table","attributes","ref","React","useRef","focusManager","useAugmentedFocusManager","tableMeta","options","meta","focusableElementsInRowCountRef","handleKeyDown","event","isDefaultPrevented","isPropagationStopped","rowActive","rowActiveIndex","undefined","isFirstRow","isLastRow","length","key","setHoverStatePaused","focusedElement","shiftKey","focusPrevious","focusNext","preventDefault","current","setRowActiveIndex","requestAnimationFrame","focusLast","focusFirst","onKeyDown"],"mappings":";;;SASgBA,IAAIA,CAAkBC,KAAuB;EACzD,MAAM;IAAEC,sBAAsB,GAAG,KAAK;IAAEC,KAAK;IAAE,GAAGC;GAAY,GAAGH,KAAK;EACtE,MAAMI,GAAG,GAAGC,cAAK,CAACC,MAAM,CAA0B,IAAI,CAAC;EACvD,MAAMC,YAAY,GAAGC,wBAAwB,EAAE;EAC/C,MAAMC,SAAS,GAAGP,KAAK,CAACQ,OAAO,CAACC,IAA6B;;EAG7D,MAAMC,8BAA8B,GAAGP,cAAK,CAACC,MAAM,CAAC,CAAC,CAAC;EAEtD,MAAMO,aAAa,GAAIC,KAA0B;IAC7C,IAAIA,KAAK,CAACC,kBAAkB,EAAE,IAAID,KAAK,CAACE,oBAAoB,EAAE,EAAE;MAC5D;;IAGJ,IAAIP,SAAS,CAACQ,SAAS,CAACC,cAAc,KAAKC,SAAS,EAAE;MAClD,MAAMC,UAAU,GAAGX,SAAS,CAACQ,SAAS,CAACC,cAAc,KAAK,CAAC;MAC3D,MAAMG,SAAS,GAAGZ,SAAS,CAACQ,SAAS,CAACC,cAAc,KAAKT,SAAS,CAACa,MAAM,GAAG,CAAC;MAE7E,IAAIR,KAAK,CAACS,GAAG,KAAK,KAAK,IAAKtB,sBAAsB,KAAKa,KAAK,CAACS,GAAG,KAAK,WAAW,IAAIT,KAAK,CAACS,GAAG,KAAK,YAAY,CAAE,EAAE;QAC9Gd,SAAS,CAACQ,SAAS,CAACO,mBAAmB,CAAC,IAAI,CAAC;QAE7C,MAAMC,cAAc,GAChBX,KAAK,CAACY,QAAQ,IAAIZ,KAAK,CAACS,GAAG,KAAK,WAAW,GAAGhB,YAAY,CAACoB,aAAa,EAAE,GAAGpB,YAAY,CAACqB,SAAS,EAAE;QAEzG,IAAIH,cAAc,EAAE;;UAEhBX,KAAK,CAACe,cAAc,EAAE;UACtBjB,8BAA8B,CAACkB,OAAO,GAAGlB,8BAA8B,CAACkB,OAAO,GAAG,CAAC;UACnF;;QAGJ,IAAIhB,KAAK,CAACY,QAAQ,IAAIZ,KAAK,CAACS,GAAG,KAAK,WAAW,EAAE;UAC7C,IAAI,CAACH,UAAU,IAAIR,8BAA8B,CAACkB,OAAO,KAAK,CAAC,EAAE;;;YAG7DhB,KAAK,CAACe,cAAc,EAAE;YACtBpB,SAAS,CAACQ,SAAS,CAACc,iBAAiB,CAACtB,SAAS,CAACQ,SAAS,CAACC,cAAc,GAAG,CAAC,CAAC;YAC7EN,8BAA8B,CAACkB,OAAO,GAAG,CAAC;YAC1CE,qBAAqB,CAAC,MAAMzB,YAAY,CAAC0B,SAAS,EAAE,CAAC;;SAE5D,MAAM;UACH,IAAI,CAACZ,SAAS,IAAIT,8BAA8B,CAACkB,OAAO,KAAK,CAAC,EAAE;;;YAG5DhB,KAAK,CAACe,cAAc,EAAE;YACtBpB,SAAS,CAACQ,SAAS,CAACc,iBAAiB,CAACtB,SAAS,CAACQ,SAAS,CAACC,cAAc,GAAG,CAAC,CAAC;YAC7EN,8BAA8B,CAACkB,OAAO,GAAG,CAAC;YAC1CE,qBAAqB,CAAC,MAAMzB,YAAY,CAAC2B,UAAU,EAAE,CAAC;;;;;GAKzE;EAED,oBAAO7B,wDAAWF,UAAU;IAAEgC,SAAS,EAAEtB,aAAa;IAAET,GAAG,EAAEA;KAAO;AACxE;;;;"}

package/dist/esm/packages/taco/src/components/Report/components/Body/EmptyStateBody.js ADDED Viewed

@@ -0,0 +1,18 @@
+import React__default from 'react';
+function EmptyStateBody(props) {
+  const {
+    emptyState: Placeholder = null,
+    ...attributes
+  } = props;
+  return /*#__PURE__*/React__default.createElement("tbody", Object.assign({}, attributes, {
+    className: "!auto-rows-fr"
+  }), /*#__PURE__*/React__default.createElement("tr", {
+    className: "!auto-rows-fr"
+  }, /*#__PURE__*/React__default.createElement("td", {
+    className: "col-span-full !border-0 !p-0 hover:!bg-white"
+  }, Placeholder ? /*#__PURE__*/React__default.createElement(Placeholder, null) : null)));
+}
+export { EmptyStateBody };
+//# sourceMappingURL=EmptyStateBody.js.map

package/dist/esm/packages/taco/src/components/Report/components/Body/EmptyStateBody.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"EmptyStateBody.js","sources":["../../../../../../../../../src/components/Report/components/Body/EmptyStateBody.tsx"],"sourcesContent":["import React from 'react';\nimport { ReportEmptyStateRenderer } from '../../types';\n\ntype EmptyStateProps = React.HTMLAttributes<HTMLTableSectionElement> & {\n emptyState?: ReportEmptyStateRenderer;\n};\n\nexport function EmptyStateBody(props: EmptyStateProps) {\n const { emptyState: Placeholder = null, ...attributes } = props;\n\n return (\n <tbody {...attributes} className=\"!auto-rows-fr\">\n <tr className=\"!auto-rows-fr\">\n <td className=\"col-span-full !border-0 !p-0 hover:!bg-white\">{Placeholder ? <Placeholder /> : null}</td>\n </tr>\n </tbody>\n );\n}\n"],"names":["EmptyStateBody","props","emptyState","Placeholder","attributes","React","className"],"mappings":";;SAOgBA,cAAcA,CAACC,KAAsB;EACjD,MAAM;IAAEC,UAAU,EAAEC,WAAW,GAAG,IAAI;IAAE,GAAGC;GAAY,GAAGH,KAAK;EAE/D,oBACII,wDAAWD,UAAU;IAAEE,SAAS,EAAC;mBAC7BD;IAAIC,SAAS,EAAC;kBACVD;IAAIC,SAAS,EAAC;KAAgDH,WAAW,gBAAGE,6BAACF,WAAW,OAAG,GAAG,IAAI,CAAM,CACvG,CACD;AAEhB;;;;"}

package/dist/esm/packages/taco/src/components/Report/components/Cell/util.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import React__default from 'react';
 import { isInternalColumn, isCellHighlighted } from '../../../../primitives/Table/useTable/util/columns.js';
+import { RowContext } from '../Row/RowContext.js';
 function getCellAttributes(cell, isHighlighted) {
   const columnMeta = cell.column.columnDef.meta;
@@ -18,7 +19,10 @@ function getCellAttributes(cell, isHighlighted) {
   }
   return attributes;
 }
-function useSearchHighlighting(cell, index, ref) {
+function useSearchHighlighting(cell, cellIndex, ref) {
+  const {
+    rowIndex
+  } = React__default.useContext(RowContext);
   const context = cell.getContext();
   const tableMeta = context.table.options.meta;
   const columnMeta = cell.column.columnDef.meta;
@@ -34,7 +38,7 @@ function useSearchHighlighting(cell, index, ref) {
       return undefined;
     }
     const [rowActiveIndex, currentColumnIndex] = tableMeta.search.highlightedColumnIndexes[tableMeta.search.currentHighlightColumnIndex];
-    if (rowActiveIndex === cell.row.index && currentColumnIndex === index) {
+    if (rowActiveIndex === rowIndex && currentColumnIndex === cellIndex) {
       return 'current';
     }
     return true;

package/dist/esm/packages/taco/src/components/Report/components/Cell/util.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"util.js","sources":["../../../../../../../../../src/components/Report/components/Cell/util.ts"],"sourcesContent":["import React from 'react';\nimport { Cell as ReactTableCell, ColumnMeta as ReactTableColumnMeta, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { isCellHighlighted, isInternalColumn } from '../../../../primitives/Table/useTable/util/columns';\n\nexport type DisplayCellProps<TType = unknown> = {\n index: number;\n cell: ReactTableCell<TType, unknown>;\n};\n\nexport function getCellAttributes<TType = unknown>(\n cell: ReactTableCell<TType, unknown>,\n isHighlighted: true \| 'current' \| undefined\n) {\n const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n\n const isPinned = cell.column.getIsPinned();\n const attributes = {\n 'data-cell-align': columnMeta?.align,\n 'data-cell-highlighted': isHighlighted,\n 'data-cell-id': cell.column.id,\n 'data-cell-pinned': isPinned ? true : undefined,\n 'data-cell-truncate': columnMeta.enableTruncate ? true : undefined,\n className: typeof columnMeta.className === 'function' ? columnMeta.className(cell.row.original) : columnMeta.className,\n style: {},\n };\n\n if (isPinned) {\n attributes.style[isPinned] = `${cell.column.getStart(isPinned)}px`;\n }\n\n return attributes;\n}\n\nexport function useSearchHighlighting<TType = unknown>(\n cell: ReactTableCell<TType, unknown>,\n ~~index~~: number,\n ref: React.RefObject<HTMLTableCellElement>\n) {\n const context = cell.getContext();\n const tableMeta = context.table.options.meta as ReactTableMeta<TType>;\n const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n\n const isHighlighted: 'current' \| boolean \| undefined = React.useMemo(() => {\n if (\n !cell.column.columnDef.enableGlobalFilter \|\|\n isInternalColumn(cell.column.id) \|\|\n cell.getIsAggregated() \|\|\n cell.getIsPlaceholder()\n ) {\n return undefined;\n }\n\n let isHighlighted = false;\n\n if (context.table.getState().globalFilter) {\n isHighlighted = isCellHighlighted(context.table.getState().globalFilter, cell.getValue(), columnMeta.dataType);\n }\n\n if (!isHighlighted \|\| tableMeta.search.currentHighlightColumnIndex === undefined) {\n return undefined;\n }\n\n const [rowActiveIndex, currentColumnIndex] =\n tableMeta.search.highlightedColumnIndexes[tableMeta.search.currentHighlightColumnIndex];\n\n if (rowActiveIndex === ~~cell.row.index~~ && currentColumnIndex === ~~index~~) {\n return 'current';\n }\n\n return true;\n }, [\n cell.getValue(),\n context.table.getState().globalFilter,\n tableMeta.search.highlightedColumnIndexes.length,\n tableMeta.search.currentHighlightColumnIndex,\n ]);\n\n React.useEffect(() => {\n if (ref.current && isHighlighted === 'current') {\n ref.current.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n\n setTimeout(() => {\n if (ref.current) {\n const tableEl = ref.current.closest('table[data-taco=\"report\"]');\n\n setTimeout(() => {\n const pinnedColumns = tableEl?.querySelectorAll('thead tr:last-child th[data-cell-pinned=\"left\"]');\n\n if (pinnedColumns?.length) {\n const lastFrozenRect = pinnedColumns.item(pinnedColumns.length - 1)?.getBoundingClientRect();\n\n if (lastFrozenRect && cell.column.getStart() < lastFrozenRect.right) {\n tableEl?.scrollTo(cell.column.getStart() - lastFrozenRect.right, tableEl.scrollTop);\n }\n }\n }, 1);\n }\n }, 1);\n }\n }, [isHighlighted]);\n\n return isHighlighted;\n}\n\nexport function getCurrentRowCellElement(index: number, tableEl: HTMLElement) {\n const cellSelector = `[data-current=\"true\"] [data-column-index=\"${index}\"`;\n return tableEl.querySelector(cellSelector);\n}\n\nexport function scrollColumnIntoView(columnIndex: number, frozenColumnIndex: number, column: HTMLElement, tableEl: HTMLElement) {\n if (frozenColumnIndex !== undefined && columnIndex > frozenColumnIndex) {\n const lastFrozenColumnElement = getCurrentRowCellElement(frozenColumnIndex, tableEl);\n const highlightRef = column?.getBoundingClientRect();\n const lastFrozenRect = lastFrozenColumnElement?.getBoundingClientRect();\n\n // offset the width of frozen columns so that the column being scrolled to is not hidden behind them\n if (highlightRef && lastFrozenRect && highlightRef.left < lastFrozenRect.left + lastFrozenRect.width) {\n const pinnedColumnsWidth = lastFrozenRect.left + lastFrozenRect.width;\n tableEl?.scrollTo(highlightRef.left - pinnedColumnsWidth, tableEl.scrollTop);\n }\n } else {\n column.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n }\n}\n"],"names":["getCellAttributes","cell","isHighlighted","columnMeta","column","columnDef","meta","isPinned","getIsPinned","attributes","align","id","undefined","enableTruncate","className","row","original","style","getStart","useSearchHighlighting","~~index~~","ref","context","getContext","tableMeta","table","options","~~React","~~useMemo","enableGlobalFilter","isInternalColumn","getIsAggregated","getIsPlaceholder","getState","globalFilter","isCellHighlighted","getValue","dataType","search","currentHighlightColumnIndex","rowActiveIndex","currentColumnIndex","highlightedColumnIndexes","length","useEffect","current","scrollIntoView","block","inline","setTimeout","tableEl","closest","pinnedColumns","querySelectorAll","_pinnedColumns$item","lastFrozenRect","item","getBoundingClientRect","right","scrollTo","scrollTop"],"mappings":"~~;;;SASgBA~~,iBAAiBA,CAC7BC,IAAoC,EACpCC,aAA2C;EAE3C,MAAMC,UAAU,GAAGF,IAAI,CAACG,MAAM,CAACC,SAAS,CAACC,IAA4C;EAErF,MAAMC,QAAQ,GAAGN,IAAI,CAACG,MAAM,CAACI,WAAW,EAAE;EAC1C,MAAMC,UAAU,GAAG;IACf,iBAAiB,EAAEN,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEO,KAAK;IACpC,uBAAuB,EAAER,aAAa;IACtC,cAAc,EAAED,IAAI,CAACG,MAAM,CAACO,EAAE;IAC9B,kBAAkB,EAAEJ,QAAQ,GAAG,IAAI,GAAGK,SAAS;IAC/C,oBAAoB,EAAET,UAAU,CAACU,cAAc,GAAG,IAAI,GAAGD,SAAS;IAClEE,SAAS,EAAE,OAAOX,UAAU,CAACW,SAAS,KAAK,UAAU,GAAGX,UAAU,CAACW,SAAS,CAACb,IAAI,CAACc,GAAG,CAACC,QAAQ,CAAC,GAAGb,UAAU,CAACW,SAAS;IACtHG,KAAK,EAAE;GACV;EAED,IAAIV,QAAQ,EAAE;IACVE,UAAU,CAACQ,KAAK,CAACV,QAAQ,CAAC,MAAMN,IAAI,CAACG,MAAM,CAACc,QAAQ,CAACX,QAAQ,KAAK;;EAGtE,OAAOE,UAAU;AACrB;SAEgBU,qBAAqBA,CACjClB,IAAoC,EACpCmB,~~KAAa~~,~~EACbC~~,GAA0C;EAE1C,MAAMC,OAAO,~~GAAGrB~~,IAAI,~~CAACsB~~,UAAU,EAAE;EACjC,MAAMC,SAAS,GAAGF,OAAO,CAACG,KAAK,CAACC,OAAO,~~CAACpB~~,IAA6B;EACrE,MAAMH,UAAU,GAAGF,IAAI,CAACG,MAAM,CAACC,SAAS,CAACC,IAA4C;EAErF,MAAMJ,aAAa,~~GAAoCyB~~,cAAK,~~CAACC~~,OAAO,CAAC;IACjE,IACI,~~CAAC3B~~,IAAI,CAACG,MAAM,CAACC,SAAS,~~CAACwB~~,kBAAkB,IACzCC,gBAAgB,~~CAAC7B~~,IAAI,CAACG,MAAM,CAACO,EAAE,CAAC,IAChCV,IAAI,~~CAAC8B~~,eAAe,EAAE,~~IACtB9B~~,IAAI,~~CAAC+B~~,gBAAgB,EAAE,EACzB;MACE,~~OAAOpB~~,SAAS;;IAGpB,IAAIV,aAAa,GAAG,KAAK;IAEzB,~~IAAIoB~~,OAAO,CAACG,KAAK,~~CAACQ~~,QAAQ,EAAE,CAACC,YAAY,EAAE;~~MACvChC~~,aAAa,~~GAAGiC~~,iBAAiB,~~CAACb~~,OAAO,CAACG,KAAK,~~CAACQ~~,QAAQ,EAAE,CAACC,YAAY,~~EAAEjC~~,IAAI,~~CAACmC~~,QAAQ,EAAE,~~EAAEjC~~,UAAU,~~CAACkC~~,QAAQ,CAAC;;IAGlH,IAAI,~~CAACnC~~,aAAa,~~IAAIsB~~,SAAS,~~CAACc~~,MAAM,CAACC,2BAA2B,~~KAAK3B~~,SAAS,EAAE;MAC9E,OAAOA,SAAS;;IAGpB,MAAM,~~CAAC4B~~,cAAc,EAAEC,kBAAkB,CAAC,~~GACtCjB~~,SAAS,~~CAACc~~,MAAM,CAACI,wBAAwB,~~CAAClB~~,SAAS,~~CAACc~~,MAAM,CAACC,2BAA2B,CAAC;IAE3F,IAAIC,cAAc,~~KAAKvC~~,~~IAAI~~,~~CAACc~~,~~GAAG,CAACK,KAAK,IAAIqB,~~kBAAkB,~~KAAKrB~~,~~KAAK~~,EAAE;~~MACnE~~,OAAO,SAAS;;IAGpB,OAAO,IAAI;GACd,EAAE,CACCnB,IAAI,~~CAACmC~~,QAAQ,EAAE,~~EACfd~~,OAAO,CAACG,KAAK,~~CAACQ~~,QAAQ,EAAE,CAACC,YAAY,~~EACrCV~~,SAAS,~~CAACc~~,MAAM,CAACI,wBAAwB,CAACC,MAAM,~~EAChDnB~~,SAAS,~~CAACc~~,MAAM,CAACC,2BAA2B,CAC/C,CAAC;~~EAEFZ~~,cAAK,~~CAACiB~~,SAAS,CAAC;IACZ,~~IAAIvB~~,GAAG,~~CAACwB~~,OAAO,~~IAAI3C~~,aAAa,KAAK,SAAS,EAAE;MAC5CmB,GAAG,~~CAACwB~~,OAAO,CAACC,cAAc,CAAC;QAAEC,KAAK,EAAE,SAAS;QAAEC,MAAM,EAAE;OAAW,CAAC;MAEnEC,UAAU,CAAC;QACP,~~IAAI5B~~,GAAG,~~CAACwB~~,OAAO,EAAE;UACb,MAAMK,OAAO,~~GAAG7B~~,GAAG,~~CAACwB~~,OAAO,CAACM,OAAO,CAAC,2BAA2B,CAAC;UAEhEF,UAAU,CAAC;YACP,MAAMG,aAAa,GAAGF,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEG,gBAAgB,CAAC,iDAAiD,CAAC;YAElG,IAAID,aAAa,aAAbA,aAAa,eAAbA,aAAa,CAAET,MAAM,EAAE;cAAA,IAAAW,mBAAA;cACvB,MAAMC,cAAc,IAAAD,mBAAA,GAAGF,aAAa,CAACI,IAAI,CAACJ,aAAa,CAACT,MAAM,GAAG,CAAC,CAAC,cAAAW,mBAAA,uBAA5CA,mBAAA,CAA8CG,qBAAqB,EAAE;cAE5F,IAAIF,cAAc,~~IAAItD~~,IAAI,CAACG,MAAM,CAACc,QAAQ,EAAE,~~GAAGqC~~,cAAc,CAACG,KAAK,EAAE;gBACjER,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAES,QAAQ,~~CAAC1D~~,IAAI,CAACG,MAAM,CAACc,QAAQ,EAAE,~~GAAGqC~~,cAAc,CAACG,KAAK,EAAER,OAAO,CAACU,SAAS,CAAC;;;WAG9F,EAAE,CAAC,CAAC;;OAEZ,EAAE,CAAC,CAAC;;GAEZ,EAAE,~~CAAC1D~~,aAAa,CAAC,CAAC;EAEnB,OAAOA,aAAa;AACxB;;;;"}
1	+ {"version":3,"file":"util.js","sources":["../../../../../../../../../src/components/Report/components/Cell/util.ts"],"sourcesContent":["import React from 'react';\nimport { Cell as ReactTableCell, ColumnMeta as ReactTableColumnMeta, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { isCellHighlighted, isInternalColumn } from '../../../../primitives/Table/useTable/util/columns';\nimport { RowContext } from '../Row/RowContext';\n\nexport type DisplayCellProps<TType = unknown> = {\n index: number;\n cell: ReactTableCell<TType, unknown>;\n};\n\nexport function getCellAttributes<TType = unknown>(\n cell: ReactTableCell<TType, unknown>,\n isHighlighted: true \| 'current' \| undefined\n) {\n const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n\n const isPinned = cell.column.getIsPinned();\n const attributes = {\n 'data-cell-align': columnMeta?.align,\n 'data-cell-highlighted': isHighlighted,\n 'data-cell-id': cell.column.id,\n 'data-cell-pinned': isPinned ? true : undefined,\n 'data-cell-truncate': columnMeta.enableTruncate ? true : undefined,\n className: typeof columnMeta.className === 'function' ? columnMeta.className(cell.row.original) : columnMeta.className,\n style: {},\n };\n\n if (isPinned) {\n attributes.style[isPinned] = `${cell.column.getStart(isPinned)}px`;\n }\n\n return attributes;\n}\n\nexport function useSearchHighlighting<TType = unknown>(\n cell: ReactTableCell<TType, unknown>,\n cellIndex: number,\n ref: React.RefObject<HTMLTableCellElement>\n) {\n const { rowIndex } = React.useContext(RowContext);\n const context = cell.getContext();\n const tableMeta = context.table.options.meta as ReactTableMeta<TType>;\n const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n\n const isHighlighted: 'current' \| boolean \| undefined = React.useMemo(() => {\n if (\n !cell.column.columnDef.enableGlobalFilter \|\|\n isInternalColumn(cell.column.id) \|\|\n cell.getIsAggregated() \|\|\n cell.getIsPlaceholder()\n ) {\n return undefined;\n }\n\n let isHighlighted = false;\n\n if (context.table.getState().globalFilter) {\n isHighlighted = isCellHighlighted(context.table.getState().globalFilter, cell.getValue(), columnMeta.dataType);\n }\n\n if (!isHighlighted \|\| tableMeta.search.currentHighlightColumnIndex === undefined) {\n return undefined;\n }\n\n const [rowActiveIndex, currentColumnIndex] =\n tableMeta.search.highlightedColumnIndexes[tableMeta.search.currentHighlightColumnIndex];\n\n if (rowActiveIndex === rowIndex && currentColumnIndex === cellIndex) {\n return 'current';\n }\n\n return true;\n }, [\n cell.getValue(),\n context.table.getState().globalFilter,\n tableMeta.search.highlightedColumnIndexes.length,\n tableMeta.search.currentHighlightColumnIndex,\n ]);\n\n React.useEffect(() => {\n if (ref.current && isHighlighted === 'current') {\n ref.current.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n\n setTimeout(() => {\n if (ref.current) {\n const tableEl = ref.current.closest('table[data-taco=\"report\"]');\n\n setTimeout(() => {\n const pinnedColumns = tableEl?.querySelectorAll('thead tr:last-child th[data-cell-pinned=\"left\"]');\n\n if (pinnedColumns?.length) {\n const lastFrozenRect = pinnedColumns.item(pinnedColumns.length - 1)?.getBoundingClientRect();\n\n if (lastFrozenRect && cell.column.getStart() < lastFrozenRect.right) {\n tableEl?.scrollTo(cell.column.getStart() - lastFrozenRect.right, tableEl.scrollTop);\n }\n }\n }, 1);\n }\n }, 1);\n }\n }, [isHighlighted]);\n\n return isHighlighted;\n}\n\nexport function getCurrentRowCellElement(index: number, tableEl: HTMLElement) {\n const cellSelector = `[data-current=\"true\"] [data-column-index=\"${index}\"`;\n return tableEl.querySelector(cellSelector);\n}\n\nexport function scrollColumnIntoView(columnIndex: number, frozenColumnIndex: number, column: HTMLElement, tableEl: HTMLElement) {\n if (frozenColumnIndex !== undefined && columnIndex > frozenColumnIndex) {\n const lastFrozenColumnElement = getCurrentRowCellElement(frozenColumnIndex, tableEl);\n const highlightRef = column?.getBoundingClientRect();\n const lastFrozenRect = lastFrozenColumnElement?.getBoundingClientRect();\n\n // offset the width of frozen columns so that the column being scrolled to is not hidden behind them\n if (highlightRef && lastFrozenRect && highlightRef.left < lastFrozenRect.left + lastFrozenRect.width) {\n const pinnedColumnsWidth = lastFrozenRect.left + lastFrozenRect.width;\n tableEl?.scrollTo(highlightRef.left - pinnedColumnsWidth, tableEl.scrollTop);\n }\n } else {\n column.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n }\n}\n"],"names":["getCellAttributes","cell","isHighlighted","columnMeta","column","columnDef","meta","isPinned","getIsPinned","attributes","align","id","undefined","enableTruncate","className","row","original","style","getStart","useSearchHighlighting","cellIndex","ref","rowIndex","React","useContext","RowContext","context","getContext","tableMeta","table","options","useMemo","enableGlobalFilter","isInternalColumn","getIsAggregated","getIsPlaceholder","getState","globalFilter","isCellHighlighted","getValue","dataType","search","currentHighlightColumnIndex","rowActiveIndex","currentColumnIndex","highlightedColumnIndexes","length","useEffect","current","scrollIntoView","block","inline","setTimeout","tableEl","closest","pinnedColumns","querySelectorAll","_pinnedColumns$item","lastFrozenRect","item","getBoundingClientRect","right","scrollTo","scrollTop"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Report/components/Footer/Footer.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import React__default from 'react';
 import { flexRender } from '@tanstack/react-table';
+import { Summary } from './Summary.js';
 function Footer(header) {
   return /*#__PURE__*/React__default.createElement(MemoedFooter, {
@@ -21,13 +22,24 @@ const MemoedFooter = /*#__PURE__*/React__default.memo(function MemoedFooter(prop
     // pinned columns should be offset from either the left or right
     style[isPinned] = `${footer.column.getStart(isPinned) - 1}px`;
   }
+  let content;
+  let align;
+  if (footer.index === 0) {
+    align = 'left';
+    content = /*#__PURE__*/React__default.createElement(Summary, {
+      table: footer.getContext().table
+    });
+  } else {
+    align = columnMeta.align;
+    content = footer.isPlaceholder ? null : flexRender(footer.column.columnDef.footer, footer.getContext());
+  }
   return /*#__PURE__*/React__default.createElement("td", {
     key: footer.id,
-    "data-cell-align": columnMeta.align,
+    "data-cell-align": align,
     "data-cell-id": footer.id,
     "data-cell-pinned": isPinned ? isPinned : undefined,
     style: style
-  }, footer.isPlaceholder ? null : flexRender(footer.column.columnDef.footer, footer.getContext()));
+  }, content);
 });
 export { Footer };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Footer.js","sources":["../../../../../../../../../src/components/Report/components/Footer/Footer.tsx"],"sourcesContent":["import React from 'react';\nimport { Header as ReactTableHeader, ColumnMeta as ReactTableColumnMeta, flexRender } from '@tanstack/react-table';\n\nexport function Footer<TType = unknown>(header: ReactTableHeader<TType, unknown>) {\n return <MemoedFooter key={header.id} footer={header} />;\n}\n\nexport type MemoedFooterProps<TType = unknown> = {\n footer: ReactTableHeader<TType, unknown>;\n};\n\nconst MemoedFooter = React.memo(function MemoedFooter<TType = unknown>(props: MemoedFooterProps<TType>) {\n const { footer } = props;\n const columnMeta = footer.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n\n // getIsPinned returns true for split header groups, even if the split group has no pinned sub headers\n const isHeaderGroup = !!footer.subHeaders?.length;\n const isPinned = isHeaderGroup\n ? footer.subHeaders.find(x => x.column.getIsPinned())?.column.getIsPinned()\n : footer.column.getIsPinned();\n\n const style: React.CSSProperties = {};\n\n if (isPinned) {\n // pinned columns should be offset from either the left or right\n style[isPinned] = `${footer.column.getStart(isPinned) - 1}px`;\n }\n\n return (\n <td\n key={footer.id}\n data-cell-align={~~columnMeta.~~align}\n data-cell-id={footer.id}\n data-cell-pinned={isPinned ? isPinned : undefined}\n style={style}>\n {~~footer.isPlaceholder ? null : flexRender(footer.column.columnDef.footer, footer.getContext())~~}\n </td>\n );\n}) as <TType = unknown>(props: MemoedFooterProps<TType>) => JSX.Element;\n"],"names":["Footer","header","React","MemoedFooter","key","id","footer","memo","props","columnMeta","column","columnDef","meta","isHeaderGroup","_footer$subHeaders","subHeaders","length","isPinned","_footer$subHeaders$fi","find","x","getIsPinned","style","getStart","align","~~undefined~~","isPlaceholder","flexRender","~~getContext~~"],"mappings":"~~;;;SAGgBA~~,MAAMA,CAAkBC,MAAwC;EAC5E,oBAAOC,6BAACC,YAAY;IAACC,GAAG,EAAEH,MAAM,CAACI,EAAE;IAAEC,MAAM,EAAEL;IAAU;AAC3D;AAMA,MAAME,YAAY,gBAAGD,cAAK,CAACK,IAAI,CAAC,SAASJ,YAAYA,CAAkBK,KAA+B;;EAClG,MAAM;IAAEF;GAAQ,GAAGE,KAAK;EACxB,MAAMC,UAAU,GAAGH,MAAM,CAACI,MAAM,CAACC,SAAS,CAACC,IAA4C;;EAGvF,MAAMC,aAAa,GAAG,CAAC,GAAAC,kBAAA,GAACR,MAAM,CAACS,UAAU,cAAAD,kBAAA,eAAjBA,kBAAA,CAAmBE,MAAM;EACjD,MAAMC,QAAQ,GAAGJ,aAAa,IAAAK,qBAAA,GACxBZ,MAAM,CAACS,UAAU,CAACI,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACV,MAAM,CAACW,WAAW,EAAE,CAAC,cAAAH,qBAAA,uBAAnDA,qBAAA,CAAqDR,MAAM,CAACW,WAAW,EAAE,GACzEf,MAAM,CAACI,MAAM,CAACW,WAAW,EAAE;EAEjC,MAAMC,KAAK,GAAwB,EAAE;EAErC,IAAIL,QAAQ,EAAE;;IAEVK,KAAK,CAACL,QAAQ,CAAC,MAAMX,MAAM,CAACI,MAAM,CAACa,QAAQ,CAACN,QAAQ,CAAC,GAAG,KAAK;;EAGjE,~~oBACIf~~;~~IACIE~~,~~GAAG~~,~~EAAEE~~,MAAM,~~CAACD~~,EAAE;~~uBACGI~~,~~UAAU~~,~~CAACe~~,~~KAAK~~;~~oBACnBlB~~,MAAM,~~CAACD~~,EAAE;~~wBACLY~~,~~QAAQ~~,~~GAAGA~~,~~QAAQ~~,~~GAAGQ~~,~~SAAS;IACjDH~~,KAAK~~,EAAEA~~;~~KACNhB~~,MAAM,~~CAACoB~~,aAAa,GAAG,IAAI,GAAGC,UAAU,~~CAACrB~~,MAAM,CAACI,MAAM,CAACC,SAAS,CAACL,MAAM,EAAEA,MAAM,~~CAACsB~~,UAAU,EAAE,CAAC,~~CAC7F~~;AAEb,CAAC,CAAsE;;;;"}
1	+ {"version":3,"file":"Footer.js","sources":["../../../../../../../../../src/components/Report/components/Footer/Footer.tsx"],"sourcesContent":["import React from 'react';\nimport { Header as ReactTableHeader, ColumnMeta as ReactTableColumnMeta, flexRender } from '@tanstack/react-table';\nimport { Summary } from './Summary';\n\nexport function Footer<TType = unknown>(header: ReactTableHeader<TType, unknown>) {\n return <MemoedFooter key={header.id} footer={header} />;\n}\n\nexport type MemoedFooterProps<TType = unknown> = {\n footer: ReactTableHeader<TType, unknown>;\n};\n\nconst MemoedFooter = React.memo(function MemoedFooter<TType = unknown>(props: MemoedFooterProps<TType>) {\n const { footer } = props;\n const columnMeta = footer.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n\n // getIsPinned returns true for split header groups, even if the split group has no pinned sub headers\n const isHeaderGroup = !!footer.subHeaders?.length;\n const isPinned = isHeaderGroup\n ? footer.subHeaders.find(x => x.column.getIsPinned())?.column.getIsPinned()\n : footer.column.getIsPinned();\n\n const style: React.CSSProperties = {};\n\n if (isPinned) {\n // pinned columns should be offset from either the left or right\n style[isPinned] = `${footer.column.getStart(isPinned) - 1}px`;\n }\n\n let content;\n let align;\n\n if (footer.index === 0) {\n align = 'left';\n content = <Summary table={footer.getContext().table} />;\n } else {\n align = columnMeta.align;\n content = footer.isPlaceholder ? null : flexRender(footer.column.columnDef.footer, footer.getContext());\n }\n\n return (\n <td\n key={footer.id}\n data-cell-align={align}\n data-cell-id={footer.id}\n data-cell-pinned={isPinned ? isPinned : undefined}\n style={style}>\n {content}\n </td>\n );\n}) as <TType = unknown>(props: MemoedFooterProps<TType>) => JSX.Element;\n"],"names":["Footer","header","React","MemoedFooter","key","id","footer","memo","props","columnMeta","column","columnDef","meta","isHeaderGroup","_footer$subHeaders","subHeaders","length","isPinned","_footer$subHeaders$fi","find","x","getIsPinned","style","getStart","content","align","index","Summary","table","getContext","isPlaceholder","flexRender","undefined"],"mappings":";;;;SAIgBA,MAAMA,CAAkBC,MAAwC;EAC5E,oBAAOC,6BAACC,YAAY;IAACC,GAAG,EAAEH,MAAM,CAACI,EAAE;IAAEC,MAAM,EAAEL;IAAU;AAC3D;AAMA,MAAME,YAAY,gBAAGD,cAAK,CAACK,IAAI,CAAC,SAASJ,YAAYA,CAAkBK,KAA+B;;EAClG,MAAM;IAAEF;GAAQ,GAAGE,KAAK;EACxB,MAAMC,UAAU,GAAGH,MAAM,CAACI,MAAM,CAACC,SAAS,CAACC,IAA4C;;EAGvF,MAAMC,aAAa,GAAG,CAAC,GAAAC,kBAAA,GAACR,MAAM,CAACS,UAAU,cAAAD,kBAAA,eAAjBA,kBAAA,CAAmBE,MAAM;EACjD,MAAMC,QAAQ,GAAGJ,aAAa,IAAAK,qBAAA,GACxBZ,MAAM,CAACS,UAAU,CAACI,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACV,MAAM,CAACW,WAAW,EAAE,CAAC,cAAAH,qBAAA,uBAAnDA,qBAAA,CAAqDR,MAAM,CAACW,WAAW,EAAE,GACzEf,MAAM,CAACI,MAAM,CAACW,WAAW,EAAE;EAEjC,MAAMC,KAAK,GAAwB,EAAE;EAErC,IAAIL,QAAQ,EAAE;;IAEVK,KAAK,CAACL,QAAQ,CAAC,MAAMX,MAAM,CAACI,MAAM,CAACa,QAAQ,CAACN,QAAQ,CAAC,GAAG,KAAK;;EAGjE,IAAIO,OAAO;EACX,IAAIC,KAAK;EAET,IAAInB,MAAM,CAACoB,KAAK,KAAK,CAAC,EAAE;IACpBD,KAAK,GAAG,MAAM;IACdD,OAAO,gBAAGtB,6BAACyB,OAAO;MAACC,KAAK,EAAEtB,MAAM,CAACuB,UAAU,EAAE,CAACD;MAAS;GAC1D,MAAM;IACHH,KAAK,GAAGhB,UAAU,CAACgB,KAAK;IACxBD,OAAO,GAAGlB,MAAM,CAACwB,aAAa,GAAG,IAAI,GAAGC,UAAU,CAACzB,MAAM,CAACI,MAAM,CAACC,SAAS,CAACL,MAAM,EAAEA,MAAM,CAACuB,UAAU,EAAE,CAAC;;EAG3G,oBACI3B;IACIE,GAAG,EAAEE,MAAM,CAACD,EAAE;uBACGoB,KAAK;oBACRnB,MAAM,CAACD,EAAE;wBACLY,QAAQ,GAAGA,QAAQ,GAAGe,SAAS;IACjDV,KAAK,EAAEA;KACNE,OAAO,CACP;AAEb,CAAC,CAAsE;;;;"}

package/dist/esm/packages/taco/src/components/Report/components/Footer/Summary.js CHANGED Viewed

@@ -4,13 +4,13 @@ import { useLocalization } from '../../../Provider/Localization.js';
 function Summary(props) {
   var _table$getState$colum;
   const {
-    length,
     table
   } = props;
   const {
     locale,
     texts
   } = useLocalization();
+  const length = table.options.meta.length;
   const currentLength = table.getRowModel().rows.length;
   let label;
   let count;
@@ -30,7 +30,7 @@ function Summary(props) {
     count = /*#__PURE__*/React__default.createElement("strong", null, new Intl.NumberFormat(locale).format(length));
   }
   return /*#__PURE__*/React__default.createElement("div", {
-    className: "border-grey-300 sticky z-20 -mt-[2.63rem] ml-px flex h-10 w-fit items-center whitespace-nowrap rounded-bl border-t-2 bg-white px-4 !pr-3",
+    className: "sticky left-0 z-20 flex h-full w-fit items-center whitespace-nowrap bg-white pr-1 shadow-[12px_0px_6px_white]",
     "data-taco": "table2-footer-summary"
   }, label, "\u00A0", count);
 }

package/dist/esm/packages/taco/src/components/Report/components/Footer/Summary.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Summary.js","sources":["../../../../../../../../../src/components/Report/components/Footer/Summary.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable } from '@tanstack/react-table';\nimport { useLocalization } from '../../../Provider/Localization';\n\nexport type FooterSummaryProps<TType = unknown> = {\n ~~length: number;\n~~ table: ReactTable<TType>;\n};\n\nexport function Summary<TType = unknown>(props: FooterSummaryProps<TType>) {\n const { ~~length,~~ table } = props;\n const { locale, texts } = useLocalization();\n const currentLength = table.getRowModel().rows.length;\n\n let label;\n let count;\n\n // row selection\n const rowsSelectedLength = table.getIsAllRowsSelected() ? length : table.getSelectedRowModel().rows.length;\n\n if (rowsSelectedLength > 0) {\n label = texts.table3.footer.summary.selected;\n count = (\n <>\n <strong>{new Intl.NumberFormat(locale).format(rowsSelectedLength)}</strong> \n {texts.table3.footer.summary.count} \n <strong>{new Intl.NumberFormat(locale).format(length)}</strong>\n </>\n );\n } else if (\n table.getState().columnFilters?.length \|\| // filtered data\n (!!table.getState().globalFilter && table.options.enableGlobalFilter) // search with hide enabled\n ) {\n label = texts.table3.footer.summary.records;\n count = (\n <>\n <strong>{currentLength}</strong> \n {texts.table3.footer.summary.count} \n <strong>{new Intl.NumberFormat(locale).format(length)}</strong>\n </>\n );\n } else {\n label = texts.table3.footer.summary.records;\n count = <strong>{new Intl.NumberFormat(locale).format(length)}</strong>;\n }\n\n return (\n <div\n className=\"~~border~~-~~grey-300~~ ~~sticky~~ z-20 ~~-mt-[2.63rem] ml-px~~ flex h-10 w-fit items-center whitespace-nowrap ~~rounded-bl border-t-2~~ bg-white px-4 ~~!pr~~-3\"\n data-taco=\"table2-footer-summary\">\n {label} {count}\n </div>\n );\n}\n"],"names":["Summary","props","~~length","~~table","locale","texts","useLocalization","currentLength","getRowModel","rows","label","count","rowsSelectedLength","getIsAllRowsSelected","getSelectedRowModel","table3","footer","summary","selected","React","Intl","NumberFormat","format","_table$getState$colum","getState","columnFilters","globalFilter","~~options","~~enableGlobalFilter","records","className"],"mappings":";;;~~SASgBA~~,OAAOA,CAAkBC,KAAgC;;EACrE,MAAM;IAAEC~~,MAAM~~;~~IAAEC;~~GAAO,~~GAAGF~~,KAAK;~~EAC/B~~,MAAM;~~IAAEG~~,MAAM;IAAEC;GAAO,GAAGC,eAAe,EAAE;EAC3C,MAAMC,~~aAAa~~,~~GAAGJ~~,KAAK,CAACK,WAAW,EAAE,CAACC,IAAI,~~CAACP~~,MAAM;EAErD,~~IAAIQ~~,KAAK;EACT,IAAIC,KAAK;;EAGT,MAAMC,kBAAkB,~~GAAGT~~,KAAK,~~CAACU~~,oBAAoB,EAAE,~~GAAGX~~,MAAM,~~GAAGC~~,KAAK,~~CAACW~~,mBAAmB,EAAE,CAACL,IAAI,~~CAACP~~,MAAM;EAE1G,~~IAAIU~~,kBAAkB,GAAG,CAAC,EAAE;IACxBF,KAAK,~~GAAGL~~,KAAK,~~CAACU~~,MAAM,CAACC,MAAM,CAACC,OAAO,CAACC,QAAQ;IAC5CP,KAAK,gBACDQ,yEACIA,6CAAS,IAAIC,IAAI,CAACC,YAAY,~~CAACjB~~,MAAM,CAAC,~~CAACkB~~,MAAM,CAACV,kBAAkB,CAAC,CAAU,~~YAC1EP~~,KAAK,~~CAACU~~,MAAM,CAACC,MAAM,CAACC,OAAO,CAACN,KAAK,yBAClCQ,6CAAS,IAAIC,IAAI,CAACC,YAAY,~~CAACjB~~,MAAM,CAAC,~~CAACkB~~,MAAM,~~CAACpB~~,MAAM,CAAC,CAAU,CAEtE;GACJ,MAAM,IACH,~~CAAAqB~~,qBAAA,~~GAAApB~~,KAAK,~~CAACqB~~,QAAQ,EAAE,CAACC,aAAa,cAAAF,qBAAA,eAA9BA,qBAAA,~~CAAgCrB~~,MAAM;;EACrC,CAAC,~~CAACC~~,KAAK,~~CAACqB~~,QAAQ,EAAE,CAACE,YAAY,~~IAAIvB~~,KAAK,~~CAACwB~~,OAAO,~~CAACC~~,kBAAmB;IACvE;~~IACElB~~,KAAK,~~GAAGL~~,KAAK,~~CAACU~~,MAAM,CAACC,MAAM,CAACC,OAAO,~~CAACY~~,OAAO;~~IAC3ClB~~,KAAK,gBACDQ,yEACIA,6CAASZ,aAAa,CAAU,YAC/BF,KAAK,~~CAACU~~,MAAM,CAACC,MAAM,CAACC,OAAO,CAACN,KAAK,yBAClCQ,6CAAS,IAAIC,IAAI,CAACC,YAAY,~~CAACjB~~,MAAM,CAAC,~~CAACkB~~,MAAM,~~CAACpB~~,MAAM,CAAC,CAAU,CAEtE;GACJ,MAAM;~~IACHQ~~,KAAK,~~GAAGL~~,KAAK,~~CAACU~~,MAAM,CAACC,MAAM,CAACC,OAAO,~~CAACY~~,OAAO;~~IAC3ClB~~,KAAK,gBAAGQ,6CAAS,IAAIC,IAAI,CAACC,YAAY,~~CAACjB~~,MAAM,CAAC,~~CAACkB~~,MAAM,~~CAACpB~~,MAAM,CAAC,CAAU;;EAG3E,~~oBACIiB~~;~~IACIW~~,SAAS,EAAC~~,0IAA0I~~;~~iBAC1I~~;~~KACTpB~~,KAAK,YAAQC,KAAK,CACjB;AAEd;;;;"}
1	+ {"version":3,"file":"Summary.js","sources":["../../../../../../../../../src/components/Report/components/Footer/Summary.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { useLocalization } from '../../../Provider/Localization';\n\nexport type FooterSummaryProps<TType = unknown> = {\n table: ReactTable<TType>;\n};\n\nexport function Summary<TType = unknown>(props: FooterSummaryProps<TType>) {\n const { table } = props;\n const { locale, texts } = useLocalization();\n const length = (table.options.meta as ReactTableMeta<TType>).length;\n const currentLength = table.getRowModel().rows.length;\n\n let label;\n let count;\n\n // row selection\n const rowsSelectedLength = table.getIsAllRowsSelected() ? length : table.getSelectedRowModel().rows.length;\n\n if (rowsSelectedLength > 0) {\n label = texts.table3.footer.summary.selected;\n count = (\n <>\n <strong>{new Intl.NumberFormat(locale).format(rowsSelectedLength)}</strong> \n {texts.table3.footer.summary.count} \n <strong>{new Intl.NumberFormat(locale).format(length)}</strong>\n </>\n );\n } else if (\n table.getState().columnFilters?.length \|\| // filtered data\n (!!table.getState().globalFilter && table.options.enableGlobalFilter) // search with hide enabled\n ) {\n label = texts.table3.footer.summary.records;\n count = (\n <>\n <strong>{currentLength}</strong> \n {texts.table3.footer.summary.count} \n <strong>{new Intl.NumberFormat(locale).format(length)}</strong>\n </>\n );\n } else {\n label = texts.table3.footer.summary.records;\n count = <strong>{new Intl.NumberFormat(locale).format(length)}</strong>;\n }\n\n return (\n <div\n className=\"sticky left-0 z-20 flex h-full w-fit items-center whitespace-nowrap bg-white pr-1 shadow-[12px_0px_6px_white]\"\n data-taco=\"table2-footer-summary\">\n {label} {count}\n </div>\n );\n}\n"],"names":["Summary","props","table","locale","texts","useLocalization","length","options","meta","currentLength","getRowModel","rows","label","count","rowsSelectedLength","getIsAllRowsSelected","getSelectedRowModel","table3","footer","summary","selected","React","Intl","NumberFormat","format","_table$getState$colum","getState","columnFilters","globalFilter","enableGlobalFilter","records","className"],"mappings":";;;SAQgBA,OAAOA,CAAkBC,KAAgC;;EACrE,MAAM;IAAEC;GAAO,GAAGD,KAAK;EACvB,MAAM;IAAEE,MAAM;IAAEC;GAAO,GAAGC,eAAe,EAAE;EAC3C,MAAMC,MAAM,GAAIJ,KAAK,CAACK,OAAO,CAACC,IAA8B,CAACF,MAAM;EACnE,MAAMG,aAAa,GAAGP,KAAK,CAACQ,WAAW,EAAE,CAACC,IAAI,CAACL,MAAM;EAErD,IAAIM,KAAK;EACT,IAAIC,KAAK;;EAGT,MAAMC,kBAAkB,GAAGZ,KAAK,CAACa,oBAAoB,EAAE,GAAGT,MAAM,GAAGJ,KAAK,CAACc,mBAAmB,EAAE,CAACL,IAAI,CAACL,MAAM;EAE1G,IAAIQ,kBAAkB,GAAG,CAAC,EAAE;IACxBF,KAAK,GAAGR,KAAK,CAACa,MAAM,CAACC,MAAM,CAACC,OAAO,CAACC,QAAQ;IAC5CP,KAAK,gBACDQ,yEACIA,6CAAS,IAAIC,IAAI,CAACC,YAAY,CAACpB,MAAM,CAAC,CAACqB,MAAM,CAACV,kBAAkB,CAAC,CAAU,YAC1EV,KAAK,CAACa,MAAM,CAACC,MAAM,CAACC,OAAO,CAACN,KAAK,yBAClCQ,6CAAS,IAAIC,IAAI,CAACC,YAAY,CAACpB,MAAM,CAAC,CAACqB,MAAM,CAAClB,MAAM,CAAC,CAAU,CAEtE;GACJ,MAAM,IACH,CAAAmB,qBAAA,GAAAvB,KAAK,CAACwB,QAAQ,EAAE,CAACC,aAAa,cAAAF,qBAAA,eAA9BA,qBAAA,CAAgCnB,MAAM;;EACrC,CAAC,CAACJ,KAAK,CAACwB,QAAQ,EAAE,CAACE,YAAY,IAAI1B,KAAK,CAACK,OAAO,CAACsB,kBAAmB;IACvE;IACEjB,KAAK,GAAGR,KAAK,CAACa,MAAM,CAACC,MAAM,CAACC,OAAO,CAACW,OAAO;IAC3CjB,KAAK,gBACDQ,yEACIA,6CAASZ,aAAa,CAAU,YAC/BL,KAAK,CAACa,MAAM,CAACC,MAAM,CAACC,OAAO,CAACN,KAAK,yBAClCQ,6CAAS,IAAIC,IAAI,CAACC,YAAY,CAACpB,MAAM,CAAC,CAACqB,MAAM,CAAClB,MAAM,CAAC,CAAU,CAEtE;GACJ,MAAM;IACHM,KAAK,GAAGR,KAAK,CAACa,MAAM,CAACC,MAAM,CAACC,OAAO,CAACW,OAAO;IAC3CjB,KAAK,gBAAGQ,6CAAS,IAAIC,IAAI,CAACC,YAAY,CAACpB,MAAM,CAAC,CAACqB,MAAM,CAAClB,MAAM,CAAC,CAAU;;EAG3E,oBACIe;IACIU,SAAS,EAAC,+GAA+G;iBAC/G;KACTnB,KAAK,YAAQC,KAAK,CACjB;AAEd;;;;"}

package/dist/esm/packages/taco/src/components/Report/components/Internal/Selection.js CHANGED Viewed

@@ -5,6 +5,8 @@ import { useLocalization } from '../../../Provider/Localization.js';
 import { Checkbox } from '../../../Checkbox/Checkbox.js';
 import { Shortcut } from '../../../Shortcut/Shortcut.js';
 import { getRadioClassnames } from '../../../RadioGroup/util.js';
+import { TableServerLoadAllState } from '../../../../primitives/Table/types.js';
+import { RowContext } from '../Row/RowContext.js';
 function Header(context) {
   const {
@@ -43,6 +45,7 @@ function Header(context) {
       key: String(`${isAllRowsSelected}_${isSomeRowsSelected}`),
       checked: isAllRowsSelected,
       indeterminate: isSomeRowsSelected,
+      loading: tableMeta.server.loadAllStatus === TableServerLoadAllState.Loading,
       onChange: handleChange
     }));
   }
@@ -62,6 +65,9 @@ function Cell(context) {
     row,
     table
   } = context;
+  const {
+    rowIndex
+  } = React__default.useContext(RowContext);
   const tableMeta = table.options.meta;
   if (table.options.enableGrouping && (_table$getState$group = table.getState().grouping) !== null && _table$getState$group !== void 0 && _table$getState$group.length && !row.getIsGrouped()) {
     return null;
@@ -69,18 +75,48 @@ function Cell(context) {
   const isSelected = row.getIsGrouped() ? row.getIsAllSubRowsSelected() : row.getIsSelected();
   const title = isSelected ? texts.table3.columns.select.deselect : texts.table3.columns.select.select;
   if (table.options.enableMultiRowSelection) {
-    const handleClick = event => {
-      event.stopPropagation();
-      if (row.getIsGrouped()) {
-        row.subRows.forEach(row => row.toggleSelected());
-      } else if (event.shiftKey) {
-        var _tableMeta$rowSelecti;
-        const [fromIndex, toIndex] = toggleBetween((_tableMeta$rowSelecti = tableMeta.rowSelection.lastSelectedRowIndex.current) !== null && _tableMeta$rowSelecti !== void 0 ? _tableMeta$rowSelecti : 0, row.index);
-        table.getRowModel().rows.slice(fromIndex, toIndex + 1).forEach(row => row.toggleSelected(true));
-      } else {
-        row.toggleSelected();
+    const handleClick = function (event) {
+      try {
+        function _temp7() {
+          tableMeta.rowSelection.lastSelectedRowIndex.current = row.index;
+        }
+        event.stopPropagation();
+        const _temp6 = function () {
+          if (row.getIsGrouped()) {
+            row.subRows.forEach(row => row.toggleSelected());
+          } else {
+            const _temp5 = function () {
+              if (event.shiftKey) {
+                var _tableMeta$rowSelecti;
+                function _temp4() {
+                  table.setRowSelection(currentRowSelection => ({
+                    ...currentRowSelection,
+                    ...selectedRows.reduce((state, row) => ({
+                      ...state,
+                      [row.id]: true
+                    }), {})
+                  }));
+                }
+                const [fromIndex, toIndex] = toggleBetween((_tableMeta$rowSelecti = tableMeta.rowSelection.lastSelectedRowIndex.current) !== null && _tableMeta$rowSelecti !== void 0 ? _tableMeta$rowSelecti : 0, rowIndex);
+                const selectedRows = table.getRowModel().rows.slice(fromIndex, toIndex + 1);
+                const _temp3 = function () {
+                  if (tableMeta.server.loadAllIfNeeded && selectedRows.some(row => row.original === undefined)) {
+                    // don't pass the search query because we need all data - not filtered data
+                    return Promise.resolve(tableMeta.server.loadAllIfNeeded(table.getState().sorting, table.getState().columnFilters, undefined)).then(function () {});
+                  }
+                }();
+                return _temp3 && _temp3.then ? _temp3.then(_temp4) : _temp4(_temp3);
+              } else {
+                row.toggleSelected();
+              }
+            }();
+            if (_temp5 && _temp5.then) return _temp5.then(function () {});
+          }
+        }();
+        return Promise.resolve(_temp6 && _temp6.then ? _temp6.then(_temp7) : _temp7(_temp6));
+      } catch (e) {
+        return Promise.reject(e);
       }
-      tableMeta.rowSelection.lastSelectedRowIndex.current = row.index;
     };
     return /*#__PURE__*/React__default.createElement(Tooltip, {
       title: /*#__PURE__*/React__default.createElement(React__default.Fragment, null, title, /*#__PURE__*/React__default.createElement(Shortcut, {

package/dist/esm/packages/taco/src/components/Report/components/Internal/Selection.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Selection.js","sources":["../../../../../../../../../src/components/Report/components/Internal/Selection.tsx"],"sourcesContent":["import React from 'react';\nimport {\n HeaderContext as ReactTableHeaderContext,\n CellContext as ReactTableCellContext,\n TableMeta as ReactTableMeta,\n} from '@tanstack/react-table';\nimport cn from 'clsx';\nimport { useLocalization } from '../../../Provider/Localization';\nimport { Tooltip } from '../../../Tooltip/Tooltip';\nimport { Checkbox } from '../../../Checkbox/Checkbox';\nimport { Shortcut } from '../../../Shortcut/Shortcut';\nimport { getRadioClassnames } from '../../../RadioGroup/util';\n\nexport function Header<TType = unknown>(context: ReactTableHeaderContext<TType, unknown>) {\n const { texts } = useLocalization();\n const { table } = context;\n const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n if (table.options.enableMultiRowSelection) {\n const isAllRowsSelected = table.getIsAllRowsSelected();\n const isSomeRowsSelected = table.getIsSomeRowsSelected();\n const title = isAllRowsSelected ? texts.table3.columns.select.deselectAll : texts.table3.columns.select.selectAll;\n\n const handleChange = async (checked: boolean) => {\n // load all data if that is possible\n if (tableMeta.server.loadAllIfNeeded) {\n // don't pass the search query because we need all data - not filtered data\n await tableMeta.server.loadAllIfNeeded(table.getState().sorting, table.getState().columnFilters, undefined);\n }\n\n table.toggleAllRowsSelected(checked);\n };\n\n return (\n <Tooltip title={title}>\n <Checkbox\n aria-label={title}\n className=\"hover:border-blue !-mt-px\"\n key={String(`${isAllRowsSelected}_${isSomeRowsSelected}`)}\n checked={isAllRowsSelected}\n indeterminate={isSomeRowsSelected}\n onChange={handleChange}\n />\n </Tooltip>\n );\n }\n\n return null;\n}\n\nconst toggleBetween = (fromRowIndex: number, toRowIndex: number): [number, number] => {\n const fromIndex = toRowIndex < fromRowIndex ? toRowIndex : fromRowIndex;\n const toIndex = toRowIndex > fromRowIndex ? toRowIndex : fromRowIndex;\n\n return [fromIndex, toIndex];\n};\n\nexport function Cell<TType = unknown>(context: ReactTableCellContext<TType, unknown>) {\n const { texts } = useLocalization();\n const { row, table } = context;\n const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n if (table.options.enableGrouping && table.getState().grouping?.length && !row.getIsGrouped()) {\n return null;\n }\n\n const isSelected = row.getIsGrouped() ? row.getIsAllSubRowsSelected() : row.getIsSelected();\n const title = isSelected ? texts.table3.columns.select.deselect : texts.table3.columns.select.select;\n\n if (table.options.enableMultiRowSelection) {\n const handleClick = (event: React.MouseEvent): void => {\n event.stopPropagation();\n\n if (row.getIsGrouped()) {\n row.subRows.forEach(row => row.toggleSelected());\n } else if (event.shiftKey) {\n const [fromIndex, toIndex] = toggleBetween(tableMeta.rowSelection.lastSelectedRowIndex.current ?? 0, row.index);\n\n table\n .getRowModel()\n .rows.slice(fromIndex, toIndex + 1)\n .forEach(row => row.toggleSelected(true));\n } else {\n row.toggleSelected();\n }\n\n tableMeta.rowSelection.lastSelectedRowIndex.current = row.index;\n };\n\n return (\n <Tooltip\n title={\n <>\n {title}\n <Shortcut className=\"ml-2\" keys=\"Space\" />\n </>\n }>\n <Checkbox\n aria-label={title}\n className=\"!mt-0\"\n checked={isSelected}\n onClick={handleClick}\n // this is necessary to remove console spam from eslint\n onChange={() => false}\n />\n </Tooltip>\n );\n } else {\n const className = cn('!mt-0', getRadioClassnames());\n\n const handleClick = (event: React.MouseEvent): void => {\n event.stopPropagation();\n row.toggleSelected();\n tableMeta.rowSelection.lastSelectedRowIndex.current = row.index;\n };\n\n return (\n <button className={className} aria-checked={isSelected} onClick={handleClick} role=\"radio\" type=\"button\">\n {isSelected ? <span className=\"h-2 w-2 rounded-full bg-white\" /> : null}\n </button>\n );\n }\n}\n"],"names":["Header","context","texts","useLocalization","table","tableMeta","options","meta","enableMultiRowSelection","isAllRowsSelected","getIsAllRowsSelected","isSomeRowsSelected","getIsSomeRowsSelected","title","table3","columns","select","deselectAll","selectAll","handleChange","checked","toggleAllRowsSelected","_temp","server","loadAllIfNeeded","Promise","resolve","getState","sorting","columnFilters","undefined","then","_temp2","e","reject","React","Tooltip","Checkbox","className","key","String","indeterminate","onChange","toggleBetween","fromRowIndex","toRowIndex","fromIndex","toIndex","Cell","row","enableGrouping","_table$getState$group","grouping","length","getIsGrouped","isSelected","getIsAllSubRowsSelected","getIsSelected","deselect","handleClick","event","stopPropagation","subRows","forEach","toggleSelected","shiftKey","_tableMeta$rowSelecti","rowSelection","lastSelectedRowIndex","current","index","getRowModel","rows","slice","Shortcut","keys","onClick","cn","getRadioClassnames","role","type"],"mappings":"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"}
1	+ {"version":3,"file":"Selection.js","sources":["../../../../../../../../../src/components/Report/components/Internal/Selection.tsx"],"sourcesContent":["import React from 'react';\nimport {\n HeaderContext as ReactTableHeaderContext,\n CellContext as ReactTableCellContext,\n TableMeta as ReactTableMeta,\n RowSelectionState,\n} from '@tanstack/react-table';\nimport cn from 'clsx';\nimport { useLocalization } from '../../../Provider/Localization';\nimport { Tooltip } from '../../../Tooltip/Tooltip';\nimport { Checkbox } from '../../../Checkbox/Checkbox';\nimport { Shortcut } from '../../../Shortcut/Shortcut';\nimport { getRadioClassnames } from '../../../RadioGroup/util';\nimport { TableServerLoadAllState } from '../../../../primitives/Table/types';\nimport { RowContext } from '../Row/RowContext';\n\nexport function Header<TType = unknown>(context: ReactTableHeaderContext<TType, unknown>) {\n const { texts } = useLocalization();\n const { table } = context;\n const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n if (table.options.enableMultiRowSelection) {\n const isAllRowsSelected = table.getIsAllRowsSelected();\n const isSomeRowsSelected = table.getIsSomeRowsSelected();\n const title = isAllRowsSelected ? texts.table3.columns.select.deselectAll : texts.table3.columns.select.selectAll;\n\n const handleChange = async (checked: boolean) => {\n // load all data if that is possible\n if (tableMeta.server.loadAllIfNeeded) {\n // don't pass the search query because we need all data - not filtered data\n await tableMeta.server.loadAllIfNeeded(table.getState().sorting, table.getState().columnFilters, undefined);\n }\n\n table.toggleAllRowsSelected(checked);\n };\n\n return (\n <Tooltip title={title}>\n <Checkbox\n aria-label={title}\n className=\"hover:border-blue !-mt-px\"\n key={String(`${isAllRowsSelected}_${isSomeRowsSelected}`)}\n checked={isAllRowsSelected}\n indeterminate={isSomeRowsSelected}\n loading={tableMeta.server.loadAllStatus === TableServerLoadAllState.Loading}\n onChange={handleChange}\n />\n </Tooltip>\n );\n }\n\n return null;\n}\n\nconst toggleBetween = (fromRowIndex: number, toRowIndex: number): [number, number] => {\n const fromIndex = toRowIndex < fromRowIndex ? toRowIndex : fromRowIndex;\n const toIndex = toRowIndex > fromRowIndex ? toRowIndex : fromRowIndex;\n\n return [fromIndex, toIndex];\n};\n\nexport function Cell<TType = unknown>(context: ReactTableCellContext<TType, unknown>) {\n const { texts } = useLocalization();\n const { row, table } = context;\n const { rowIndex } = React.useContext(RowContext);\n const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n if (table.options.enableGrouping && table.getState().grouping?.length && !row.getIsGrouped()) {\n return null;\n }\n\n const isSelected = row.getIsGrouped() ? row.getIsAllSubRowsSelected() : row.getIsSelected();\n const title = isSelected ? texts.table3.columns.select.deselect : texts.table3.columns.select.select;\n\n if (table.options.enableMultiRowSelection) {\n const handleClick = async (event: React.MouseEvent) => {\n event.stopPropagation();\n\n if (row.getIsGrouped()) {\n row.subRows.forEach(row => row.toggleSelected());\n } else if (event.shiftKey) {\n const [fromIndex, toIndex] = toggleBetween(tableMeta.rowSelection.lastSelectedRowIndex.current ?? 0, rowIndex);\n const selectedRows = table.getRowModel().rows.slice(fromIndex, toIndex + 1);\n\n if (tableMeta.server.loadAllIfNeeded && selectedRows.some(row => row.original === undefined)) {\n // don't pass the search query because we need all data - not filtered data\n await tableMeta.server.loadAllIfNeeded(table.getState().sorting, table.getState().columnFilters, undefined);\n }\n\n table.setRowSelection((currentRowSelection: RowSelectionState) => ({\n ...currentRowSelection,\n ...selectedRows.reduce((state, row) => ({ ...state, [row.id]: true }), {}),\n }));\n } else {\n row.toggleSelected();\n }\n\n tableMeta.rowSelection.lastSelectedRowIndex.current = row.index;\n };\n\n return (\n <Tooltip\n title={\n <>\n {title}\n <Shortcut className=\"ml-2\" keys=\"Space\" />\n </>\n }>\n <Checkbox\n aria-label={title}\n className=\"!mt-0\"\n checked={isSelected}\n onClick={handleClick}\n // this is necessary to remove console spam from eslint\n onChange={() => false}\n />\n </Tooltip>\n );\n } else {\n const className = cn('!mt-0', getRadioClassnames());\n\n const handleClick = (event: React.MouseEvent): void => {\n event.stopPropagation();\n row.toggleSelected();\n tableMeta.rowSelection.lastSelectedRowIndex.current = row.index;\n };\n\n return (\n <button className={className} aria-checked={isSelected} onClick={handleClick} role=\"radio\" type=\"button\">\n {isSelected ? <span className=\"h-2 w-2 rounded-full bg-white\" /> : null}\n </button>\n );\n }\n}\n"],"names":["Header","context","texts","useLocalization","table","tableMeta","options","meta","enableMultiRowSelection","isAllRowsSelected","getIsAllRowsSelected","isSomeRowsSelected","getIsSomeRowsSelected","title","table3","columns","select","deselectAll","selectAll","handleChange","checked","toggleAllRowsSelected","_temp","server","loadAllIfNeeded","Promise","resolve","getState","sorting","columnFilters","undefined","then","_temp2","e","reject","React","Tooltip","Checkbox","className","key","String","indeterminate","loading","loadAllStatus","TableServerLoadAllState","Loading","onChange","toggleBetween","fromRowIndex","toRowIndex","fromIndex","toIndex","Cell","row","rowIndex","useContext","RowContext","enableGrouping","_table$getState$group","grouping","length","getIsGrouped","isSelected","getIsAllSubRowsSelected","getIsSelected","deselect","handleClick","event","rowSelection","lastSelectedRowIndex","current","index","stopPropagation","_temp6","subRows","forEach","toggleSelected","_temp5","shiftKey","_tableMeta$rowSelecti","_temp4","setRowSelection","currentRowSelection","selectedRows","reduce","state","id","getRowModel","rows","slice","_temp3","some","original","_temp7","Shortcut","keys","onClick","cn","getRadioClassnames","role","type"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Report/components/Toolbar/components/Filters/ManageFiltersPopover.js CHANGED Viewed

@@ -7,8 +7,14 @@ import { isInternalColumn } from '../../../../../../primitives/Table/useTable/ut
 import { TableFilterComparator } from '../../../../../../primitives/Table/types.js';
 import { sortByHeader } from './util.js';
 import { Filter } from './components/Filter.js';
-import { Placeholder } from './components/Placeholder.js';
+const placeholderFilter = {
+  id: '',
+  value: {
+    comparator: TableFilterComparator.Contains,
+    value: undefined
+  }
+};
 function ManageFiltersPopover(props) {
   const {
     length,
@@ -22,52 +28,40 @@ function ManageFiltersPopover(props) {
   const allColumns = table.getAllLeafColumns().filter(column => !isInternalColumn(column.id)).sort(sortByHeader);
   const appliedFilters = table.getState().columnFilters;
   // state, since we "apply" filters - our filter values have a special shape, so we force to our type
-  const [filters, setFilters] = React__default.useState(table.getState().columnFilters);
-  const [placeholderCount, setPlaceholderCount] = React__default.useState(1);
+  const [filters, setFilters] = React__default.useState(appliedFilters.length ? appliedFilters : [placeholderFilter]);
   // filters might reset from the outside
   React__default.useEffect(() => {
     if (appliedFilters.length === 0) {
-      setFilters([]);
-      setPlaceholderCount(1);
+      setFilters([placeholderFilter]);
     }
   }, [appliedFilters]);
   // filters
-  const handleChangeFilter = (currentId, filter) => {
+  const handleChangeFilter = (position, filter) => {
     setFilters(currentFilters => {
-      const nextFilters = [...currentFilters];
-      nextFilters[nextFilters.findIndex(f => f.id === currentId)] = filter;
-      return nextFilters;
+      return currentFilters.map((current, index) => {
+        if (index === position) {
+          return filter;
+        }
+        return current;
+      });
     });
   };
-  const handleRemoveFilter = columnId => {
-    if (filters.length === 1 && placeholderCount === 0) {
-      setPlaceholderCount(count => count + 1);
+  const handleRemoveFilter = position => {
+    if (filters.length === 1) {
+      setFilters([placeholderFilter]);
+      return;
     }
-    setFilters(currentFilters => currentFilters.filter(f => f.id !== columnId));
-  };
-  // placeholders
-  const handleCreateFilterFromPlaceholder = columnId => {
-    setFilters(currentFilters => [...currentFilters, {
-      id: columnId,
-      value: {
-        comparator: TableFilterComparator.Contains,
-        value: undefined
-      }
-    }]);
-    handleRemovePlaceholder();
+    setFilters(currentFilters => currentFilters.filter((_, index) => index !== position));
   };
-  const handleCreatePlaceholder = () => {
-    setPlaceholderCount(count => count + 1);
-  };
-  const handleRemovePlaceholder = () => {
-    setPlaceholderCount(count => count - 1);
+  const handleCreate = () => {
+    setFilters(filters.concat(placeholderFilter));
   };
   //
   const handleApply = () => {
     table.setColumnFilters(() => {
       const newFilters = filters.filter(f => {
         var _allColumns$find, _allColumns$find$colu;
-        if (f.id === null) {
+        if (f.id === null || f.id === '') {
           return false;
         }
         const controlRenderer = (_allColumns$find = allColumns.find(c => c.id === f.id)) === null || _allColumns$find === void 0 ? void 0 : (_allColumns$find$colu = _allColumns$find.columnDef.meta) === null || _allColumns$find$colu === void 0 ? void 0 : _allColumns$find$colu.control;
@@ -81,12 +75,10 @@ function ManageFiltersPopover(props) {
   };
   const handleClear = () => {
     table.resetColumnFilters();
-    setFilters([]);
-    setPlaceholderCount(1);
+    setFilters([placeholderFilter]);
   };
   const handleClose = () => {
-    setFilters(appliedFilters);
-    setPlaceholderCount(appliedFilters.length ? 0 : 1);
+    setFilters(appliedFilters.length === 0 ? [placeholderFilter] : appliedFilters);
   };
   return /*#__PURE__*/React__default.createElement(Popover, Object.assign({}, popoverProps, {
     onChange: handleClose
@@ -109,19 +101,12 @@ function ManageFiltersPopover(props) {
     filters: filters,
     position: index,
     onChange: handleChangeFilter,
-    onRemove: handleRemoveFilter
-  }))), [...Array(placeholderCount)].map((_, index) => ( /*#__PURE__*/React__default.createElement(Placeholder, {
-    key: `placeholder_${index}`,
-    allColumns: allColumns,
-    filters: filters,
-    position: filters.length + index,
-    onCreate: handleCreateFilterFromPlaceholder,
-    onRemove: placeholderCount > 1 || filters.length > 0 ? handleRemovePlaceholder : undefined
+    onRemove: filters.length > 0 && filters.some(f => f.id) || filters.length > 1 ? handleRemoveFilter : undefined
   }))), /*#__PURE__*/React__default.createElement("div", {
     className: "justify-start"
   }, /*#__PURE__*/React__default.createElement(Button, {
     appearance: "discrete",
-    onClick: handleCreatePlaceholder
+    onClick: handleCreate
   }, "+ ", texts.table3.filters.buttons.addFilter))), /*#__PURE__*/React__default.createElement(Group, {
     className: "ml-auto"
   }, /*#__PURE__*/React__default.createElement(Popover.Close, null, /*#__PURE__*/React__default.createElement(Button, null, "Cancel")), /*#__PURE__*/React__default.createElement(Button, {