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/components/Toolbar/components/Filters/ManageFiltersPopover.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ManageFiltersPopover.js","sources":["../../../../../../../../../../../src/components/Report/components/Toolbar/components/Filters/ManageFiltersPopover.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable } from '@tanstack/react-table';\nimport { Popover } from '../../../../../Popover/Popover';\nimport { useLocalization } from '../../../../../Provider/Localization';\nimport { Button } from '../../../../../Button/Button';\nimport { Group } from '../../../../../Group/Group';\nimport { sortByHeader } from './util';\nimport { isInternalColumn } from '../../../../../../primitives/Table/useTable/util/columns';\nimport { TableFilter, TableFilterComparator, TableFilterValue } from '../../../../../../primitives/Table/types';\nimport { Filter } from './components/Filter';\nimport { Placeholder } from './components/Placeholder';\n\nexport type ManageFiltersPopoverProps<TType = unknown> = {\n length: number;\n table: ReactTable<TType>;\n};\n\nexport function ManageFiltersPopover<TType = unknown>(props: ManageFiltersPopoverProps<TType>) {\n const { length, table, ...popoverProps } = props;\n const { locale, texts } = useLocalization();\n\n const allColumns = table\n .getAllLeafColumns()\n .filter(column => !isInternalColumn(column.id))\n .sort(sortByHeader);\n\n const appliedFilters = table.getState().columnFilters as TableFilter[];\n\n // state, since we \"apply\" filters - our filter values have a special shape, so we force to our type\n const [filters, setFilters] = React.useState<TableFilter[]>(table.getState().columnFilters as TableFilter[]);\n const [placeholderCount, setPlaceholderCount] = React.useState(1);\n\n // filters might reset from the outside\n React.useEffect(() => {\n if (appliedFilters.length === 0) {\n setFilters([]);\n setPlaceholderCount(1);\n }\n }, [appliedFilters]);\n\n // filters\n const handleChangeFilter = (currentId: string \| null, filter: { id: string; value: TableFilterValue }) => {\n setFilters(currentFilters => {\n const nextFilters = [...currentFilters];\n nextFilters[nextFilters.findIndex(f => f.id === currentId)] = filter;\n return nextFilters;\n });\n };\n\n const handleRemoveFilter = (columnId: string \| null) => {\n if (filters.length === 1 && placeholderCount === 0) {\n setPlaceholderCount(count => count + 1);\n }\n\n setFilters(currentFilters => currentFilters.filter(f => f.id !== columnId));\n };\n\n // placeholders\n const handleCreateFilterFromPlaceholder = (columnId: string) => {\n setFilters(currentFilters => [\n ...currentFilters,\n {\n id: columnId,\n value: {\n comparator: TableFilterComparator.Contains,\n value: undefined,\n },\n },\n ]);\n handleRemovePlaceholder();\n };\n\n const handleCreatePlaceholder = () => {\n setPlaceholderCount(count => count + 1);\n };\n\n const handleRemovePlaceholder = () => {\n setPlaceholderCount(count => count - 1);\n };\n\n //\n const handleApply = () => {\n table.setColumnFilters(() => {\n const newFilters = filters.filter(f => {\n if (f.id === null) {\n return false;\n }\n\n const controlRenderer = allColumns.find(c => c.id === f.id)?.columnDef.meta?.control;\n\n if (\n f.value.comparator === TableFilterComparator.IsEmpty \|\|\n f.value.comparator === TableFilterComparator.IsNotEmpty \|\|\n controlRenderer === 'switch'\n ) {\n return true;\n }\n\n return !!f.value.value;\n });\n\n return newFilters;\n });\n };\n\n const handleClear = () => {\n table.resetColumnFilters();\n setFilters([]);\n setPlaceholderCount(1);\n };\n\n const handleClose = () => {\n setFilters(appliedFilters);\n setPlaceholderCount(appliedFilters.length ? 0 : 1);\n };\n\n return (\n <Popover {...popoverProps} onChange={handleClose}>\n <Popover.Content>\n <div className=\"flex w-[40rem] flex-col gap-4\">\n <div className=\"flex h-8\">\n <div className=\"flex w-full items-center gap-2\">\n <h4 className=\"mb-0 inline-flex\">{texts.table3.filters.button}</h4>\n <p className=\"text-grey-700 mb-0 mr-auto mt-px inline-flex\">\n {texts.table3.filters.total\n .replace(\n '[CURRENT]',\n new Intl.NumberFormat(locale).format(table.getFilteredRowModel().rows.length)\n )\n .replace('[TOTAL]', new Intl.NumberFormat(locale).format(length))}\n </p>\n </div>\n </div>\n <div className=\"flex flex-col gap-2\">\n {filters.map((filter, index) => (\n <Filter\n key={`filter_${index}`}\n allColumns={allColumns}\n filter={filter}\n filters={filters}\n position={index}\n onChange={handleChangeFilter}\n onRemove={handleRemoveFilter}\n />\n ))}\n {[...Array(placeholderCount)].map((_, index) => (\n <Placeholder\n key={`placeholder_${index}`}\n allColumns={allColumns}\n filters={filters}\n position={filters.length + index}\n onCreate={handleCreateFilterFromPlaceholder as any}\n onRemove={placeholderCount > 1 \|\| filters.length > 0 ? handleRemovePlaceholder : undefined}\n />\n ))}\n <div className=\"justify-start\">\n <Button appearance=\"discrete\" onClick={handleCreatePlaceholder}>\n + {texts.table3.filters.buttons.addFilter}\n </Button>\n </div>\n </div>\n <Group className=\"ml-auto\">\n <Popover.Close>\n <Button>Cancel</Button>\n </Popover.Close>\n <Button onClick={handleClear}>Clear</Button>\n <Button appearance=\"primary\" onClick={handleApply}>\n Apply\n </Button>\n </Group>\n </div>\n </Popover.Content>\n </Popover>\n );\n}\n"],"names":["ManageFiltersPopover","props","length","table","popoverProps","locale","texts","useLocalization","allColumns","getAllLeafColumns","filter","column","isInternalColumn","id","sort","sortByHeader","appliedFilters","getState","columnFilters","filters","setFilters","React","useState","placeholderCount","setPlaceholderCount","useEffect","handleChangeFilter","currentId","currentFilters","nextFilters","findIndex","f","handleRemoveFilter","columnId","count","handleCreateFilterFromPlaceholder","value","comparator","TableFilterComparator","Contains","undefined","handleRemovePlaceholder","handleCreatePlaceholder","handleApply","setColumnFilters","newFilters","controlRenderer","_allColumns$find","find","c","_allColumns$find$colu","columnDef","meta","control","IsEmpty","IsNotEmpty","handleClear","resetColumnFilters","handleClose","Popover","onChange","Content","className","table3","button","total","replace","Intl","NumberFormat","format","getFilteredRowModel","rows","map","index","Filter","key","position","onRemove","Array","_","Placeholder","onCreate","Button","appearance","onClick","buttons","addFilter","Group","Close"],"mappings":"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"}
1	+ {"version":3,"file":"ManageFiltersPopover.js","sources":["../../../../../../../../../../../src/components/Report/components/Toolbar/components/Filters/ManageFiltersPopover.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable } from '@tanstack/react-table';\nimport { Popover } from '../../../../../Popover/Popover';\nimport { useLocalization } from '../../../../../Provider/Localization';\nimport { Button } from '../../../../../Button/Button';\nimport { Group } from '../../../../../Group/Group';\nimport { sortByHeader } from './util';\nimport { isInternalColumn } from '../../../../../../primitives/Table/useTable/util/columns';\nimport { TableFilter, TableFilterComparator, TableFilterValue } from '../../../../../../primitives/Table/types';\nimport { Filter } from './components/Filter';\n\nexport type ManageFiltersPopoverProps<TType = unknown> = {\n length: number;\n table: ReactTable<TType>;\n};\n\nconst placeholderFilter: TableFilter = { id: '', value: { comparator: TableFilterComparator.Contains, value: undefined } };\n\nexport function ManageFiltersPopover<TType = unknown>(props: ManageFiltersPopoverProps<TType>) {\n const { length, table, ...popoverProps } = props;\n const { locale, texts } = useLocalization();\n\n const allColumns = table\n .getAllLeafColumns()\n .filter(column => !isInternalColumn(column.id))\n .sort(sortByHeader);\n\n const appliedFilters = table.getState().columnFilters as TableFilter[];\n\n // state, since we \"apply\" filters - our filter values have a special shape, so we force to our type\n const [filters, setFilters] = React.useState<TableFilter[]>(appliedFilters.length ? appliedFilters : [placeholderFilter]);\n\n // filters might reset from the outside\n React.useEffect(() => {\n if (appliedFilters.length === 0) {\n setFilters([placeholderFilter]);\n }\n }, [appliedFilters]);\n\n // filters\n const handleChangeFilter = (position: number, filter: { id: string; value: TableFilterValue }) => {\n setFilters(currentFilters => {\n return currentFilters.map((current, index) => {\n if (index === position) {\n return filter;\n }\n return current;\n });\n });\n };\n\n const handleRemoveFilter = position => {\n if (filters.length === 1) {\n setFilters([placeholderFilter]);\n return;\n }\n\n setFilters(currentFilters => currentFilters.filter((_, index) => index !== position));\n };\n\n const handleCreate = () => {\n setFilters(filters.concat(placeholderFilter));\n };\n\n //\n const handleApply = () => {\n table.setColumnFilters(() => {\n const newFilters = filters.filter(f => {\n if (f.id === null \|\| f.id === '') {\n return false;\n }\n\n const controlRenderer = allColumns.find(c => c.id === f.id)?.columnDef.meta?.control;\n\n if (\n f.value.comparator === TableFilterComparator.IsEmpty \|\|\n f.value.comparator === TableFilterComparator.IsNotEmpty \|\|\n controlRenderer === 'switch'\n ) {\n return true;\n }\n\n return !!f.value.value;\n });\n\n return newFilters;\n });\n };\n\n const handleClear = () => {\n table.resetColumnFilters();\n setFilters([placeholderFilter]);\n };\n\n const handleClose = () => {\n setFilters(appliedFilters.length === 0 ? [placeholderFilter] : appliedFilters);\n };\n\n return (\n <Popover {...popoverProps} onChange={handleClose}>\n <Popover.Content>\n <div className=\"flex w-[40rem] flex-col gap-4\">\n <div className=\"flex h-8\">\n <div className=\"flex w-full items-center gap-2\">\n <h4 className=\"mb-0 inline-flex\">{texts.table3.filters.button}</h4>\n <p className=\"text-grey-700 mb-0 mr-auto mt-px inline-flex\">\n {texts.table3.filters.total\n .replace(\n '[CURRENT]',\n new Intl.NumberFormat(locale).format(table.getFilteredRowModel().rows.length)\n )\n .replace('[TOTAL]', new Intl.NumberFormat(locale).format(length))}\n </p>\n </div>\n </div>\n <div className=\"flex flex-col gap-2\">\n {filters.map((filter, index) => (\n <Filter\n key={`filter_${index}`}\n allColumns={allColumns}\n filter={filter}\n filters={filters}\n position={index}\n onChange={handleChangeFilter}\n onRemove={\n (filters.length > 0 && filters.some(f => f.id)) \|\| filters.length > 1\n ? handleRemoveFilter\n : undefined\n }\n />\n ))}\n <div className=\"justify-start\">\n <Button appearance=\"discrete\" onClick={handleCreate}>\n + {texts.table3.filters.buttons.addFilter}\n </Button>\n </div>\n </div>\n <Group className=\"ml-auto\">\n <Popover.Close>\n <Button>Cancel</Button>\n </Popover.Close>\n <Button onClick={handleClear}>Clear</Button>\n <Button appearance=\"primary\" onClick={handleApply}>\n Apply\n </Button>\n </Group>\n </div>\n </Popover.Content>\n </Popover>\n );\n}\n"],"names":["placeholderFilter","id","value","comparator","TableFilterComparator","Contains","undefined","ManageFiltersPopover","props","length","table","popoverProps","locale","texts","useLocalization","allColumns","getAllLeafColumns","filter","column","isInternalColumn","sort","sortByHeader","appliedFilters","getState","columnFilters","filters","setFilters","React","useState","useEffect","handleChangeFilter","position","currentFilters","map","current","index","handleRemoveFilter","_","handleCreate","concat","handleApply","setColumnFilters","newFilters","f","controlRenderer","_allColumns$find","find","c","_allColumns$find$colu","columnDef","meta","control","IsEmpty","IsNotEmpty","handleClear","resetColumnFilters","handleClose","Popover","onChange","Content","className","table3","button","total","replace","Intl","NumberFormat","format","getFilteredRowModel","rows","Filter","key","onRemove","some","Button","appearance","onClick","buttons","addFilter","Group","Close"],"mappings":"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"}

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

@@ -19,6 +19,7 @@ function Filter(props) {
     texts
   } = useLocalization();
   const column = allColumns.find(c => c.id === filter.id);
+  const ref = React__default.useRef(null);
   const {
     id,
     value: {
@@ -37,7 +38,7 @@ function Filter(props) {
       comparator: TableFilterComparator.Contains,
       value: undefined
     };
-    handleChange(id, {
+    handleChange(position, {
       id: columnId,
       value
     });
@@ -47,7 +48,7 @@ function Filter(props) {
     if (comparator === TableFilterComparator.IsEmpty || comparator === TableFilterComparator.IsNotEmpty) {
       nextValue = undefined;
     }
-    handleChange(id, {
+    handleChange(position, {
       id,
       value: {
         comparator,
@@ -56,7 +57,7 @@ function Filter(props) {
     });
   };
   const handleChangeValue = value => {
-    handleChange(id, {
+    handleChange(position, {
       id,
       value: {
         ...filter.value,
@@ -64,7 +65,12 @@ function Filter(props) {
       }
     });
   };
-  const handleRemove = () => onRemove(id);
+  const handleRemove = () => onRemove === null || onRemove === void 0 ? void 0 : onRemove(position);
+  React__default.useEffect(() => {
+    if (ref.current && !id) {
+      ref.current.focus(); // after adding a new filter placeholder, we want to focus it right way.
+    }
+  }, [id]);
   return /*#__PURE__*/React__default.createElement("div", {
     className: "flex items-start gap-2"
   }, /*#__PURE__*/React__default.createElement("div", {
@@ -73,7 +79,8 @@ function Filter(props) {
     allColumns: allColumns,
     filters: filters,
     onChange: handleChangeColumn,
-    value: id
+    value: id,
+    ref: ref
   }), /*#__PURE__*/React__default.createElement(FilterComparator, {
     column: column,
     onChange: handleChangeComparator,
@@ -83,12 +90,12 @@ function Filter(props) {
     comparator: comparator,
     onChange: handleChangeValue,
     value: value
-  }), /*#__PURE__*/React__default.createElement(IconButton, {
+  }), onRemove ? /*#__PURE__*/React__default.createElement(IconButton, {
     appearance: "discrete",
     className: "ml-auto",
     icon: "close",
     onClick: handleRemove
-  }));
+  }) : null);
 }
 export { Filter };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Filter.js","sources":["../../../../../../../../../../../../src/components/Report/components/Toolbar/components/Filters/components/Filter.tsx"],"sourcesContent":["import React from 'react';\nimport { Column as ReactTableColumn } from '@tanstack/react-table';\nimport { IconButton } from '../../../../../../IconButton/IconButton';\nimport { useLocalization } from '../../../../../../Provider/Localization';\nimport { FilterColumn } from './FilterColumn';\nimport { FilterComparator } from './FilterComparator';\nimport { FilterValue } from './FilterValue';\nimport { TableFilter, TableFilterComparator } from '../../../../../../../primitives/Table/types';\n\nexport type FilterProps<TType = unknown> = {\n allColumns: ReactTableColumn<TType, unknown>[];\n filter: TableFilter;\n filters: TableFilter[];\n position: number;\n onChange: (id: ~~string~~, value: TableFilter) => void;\n onRemove: (~~columnId~~: ~~string~~) => void;\n};\n\nexport function Filter<TType = unknown>(props: FilterProps<TType>) {\n const { allColumns, filter, filters, onChange: handleChange, onRemove, position } = props;\n const { texts } = useLocalization();\n const column = allColumns.find(c => c.id === filter.id);\n\n const {\n id,\n value: { comparator, value },\n } = filter;\n\n const handleChangeColumn = (columnId: string) => {\n const previousColumn = allColumns.find(column => column.id === id);\n const nextColumn = allColumns.find(column => column.id === columnId);\n // UX requirement: if old column data type is the same as next column data type,\n // then we applying the same filter value for the next column,\n // but when data types are different, we're reseting comparator ans value for the next column\n const value =\n previousColumn?.columnDef.meta?.dataType === nextColumn?.columnDef.meta?.dataType\n ? filter.value\n : {\n comparator: TableFilterComparator.Contains,\n value: undefined,\n };\n\n handleChange(id, { id: columnId, value });\n };\n\n const handleChangeComparator = (comparator: TableFilterComparator) => {\n let nextValue = filter.value.value;\n\n if (comparator === TableFilterComparator.IsEmpty \|\| comparator === TableFilterComparator.IsNotEmpty) {\n nextValue = undefined;\n }\n handleChange(id, { id, value: { comparator, value: nextValue } });\n };\n\n const handleChangeValue = (value: any) => {\n handleChange(id, { id, value: { ...filter.value, value } });\n };\n\n const handleRemove = () => onRemove(id);\n\n return (\n <div className=\"flex items-start gap-2\">\n <div className=\"flex min-h-[theme(spacing.8)] w-14 flex-shrink-0 items-center justify-end pr-2 text-right\">\n {position > 0 ? texts.table3.filters.conditions.and : texts.table3.filters.conditions.where}\n </div>\n <FilterColumn allColumns={allColumns} filters={filters} onChange={handleChangeColumn as any} value={id} />\n <FilterComparator column={column} onChange={handleChangeComparator as any} value={comparator} />\n <FilterValue column={column} comparator={comparator} onChange={handleChangeValue} value={value} />\n <IconButton appearance=\"discrete\" className=\"ml-auto\" icon=\"close\" onClick={handleRemove} ~~/>\~~n </div>\n );\n}\n"],"names":["Filter","props","allColumns","filter","filters","onChange","handleChange","onRemove","position","texts","useLocalization","column","find","c","id","value","comparator","handleChangeColumn","columnId","previousColumn","nextColumn","_previousColumn$colum","columnDef","meta","dataType","_nextColumn$columnDef","TableFilterComparator","Contains","undefined","handleChangeComparator","nextValue","IsEmpty","IsNotEmpty","handleChangeValue","handleRemove","~~React~~","className","table3","conditions","and","where","FilterColumn","FilterComparator","FilterValue","IconButton","appearance","icon","onClick"],"mappings":";;;;;;;;SAkBgBA,MAAMA,CAAkBC,KAAyB;EAC7D,MAAM;IAAEC,UAAU;IAAEC,MAAM;IAAEC,OAAO;IAAEC,QAAQ,EAAEC,YAAY;IAAEC,QAAQ;IAAEC;GAAU,GAAGP,KAAK;EACzF,MAAM;IAAEQ;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAMC,MAAM,GAAGT,UAAU,CAACU,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACC,EAAE,KAAKX,MAAM,CAACW,EAAE,CAAC;~~EAEvD~~,MAAM;~~IACFA~~,EAAE;~~IACFC~~,KAAK,EAAE;MAAEC,UAAU;MAAED;;GACxB,~~GAAGZ~~,MAAM;EAEV,~~MAAMc~~,kBAAkB,GAAIC,QAAgB;;IACxC,MAAMC,cAAc,~~GAAGjB~~,UAAU,CAACU,IAAI,CAACD,MAAM,IAAIA,MAAM,CAACG,EAAE,KAAKA,EAAE,CAAC;IAClE,~~MAAMM~~,UAAU,~~GAAGlB~~,UAAU,CAACU,IAAI,CAACD,MAAM,IAAIA,MAAM,CAACG,EAAE,~~KAAKI~~,QAAQ,CAAC;;;;IAIpE,MAAMH,KAAK,GACP,CAAAI,cAAc,aAAdA,cAAc,wBAAAE,qBAAA,GAAdF,cAAc,CAAEG,SAAS,CAACC,IAAI,cAAAF,qBAAA,uBAA9BA,qBAAA,CAAgCG,QAAQ,OAAKJ,UAAU,aAAVA,UAAU,wBAAAK,qBAAA,GAAVL,UAAU,CAAEE,SAAS,CAACC,IAAI,cAAAE,qBAAA,uBAA1BA,qBAAA,CAA4BD,QAAQ,~~IAC3ErB~~,MAAM,~~CAACY~~,KAAK,GACZ;MACIC,UAAU,EAAEU,qBAAqB,CAACC,QAAQ;MAC1CZ,KAAK,EAAEa;KACV;~~IAEXtB~~,YAAY,~~CAACQ~~,~~EAAE~~,EAAE;~~MAAEA~~,EAAE,~~EAAEI~~,QAAQ;MAAEH;KAAO,CAAC;~~GAC5C~~;EAED,MAAMc,sBAAsB,GAAIb,UAAiC;IAC7D,IAAIc,SAAS,~~GAAG3B~~,MAAM,~~CAACY~~,KAAK,CAACA,KAAK;IAElC,IAAIC,UAAU,KAAKU,qBAAqB,CAACK,OAAO,IAAIf,UAAU,KAAKU,qBAAqB,CAACM,UAAU,EAAE;MACjGF,SAAS,GAAGF,SAAS;;~~IAEzBtB~~,YAAY,~~CAACQ~~,~~EAAE~~,EAAE;~~MAAEA~~,EAAE;~~MAAEC~~,KAAK,EAAE;QAAEC,UAAU;QAAED,KAAK,EAAEe;;KAAa,CAAC;~~GACpE~~;EAED,MAAMG,iBAAiB,GAAIlB,KAAU;~~IACjCT~~,YAAY,~~CAACQ~~,~~EAAE~~,EAAE;~~MAAEA~~,EAAE;~~MAAEC~~,KAAK,EAAE;QAAE,~~GAAGZ~~,MAAM,~~CAACY~~,KAAK;QAAEA;;KAAS,CAAC;~~GAC9D~~;EAED,MAAMmB,YAAY,GAAGA,~~MAAM3B~~,QAAQ,~~CAACO~~,EAAE,CAAC;~~EAEvC~~,~~oBACIqB~~;~~IAAKC~~,SAAS,EAAC;~~kBACXD~~;~~IAAKC~~,SAAS,EAAC;~~KACV5B~~,QAAQ,GAAG,CAAC,GAAGC,KAAK,~~CAAC4B~~,MAAM,~~CAACjC~~,OAAO,~~CAACkC~~,UAAU,CAACC,GAAG,~~GAAG9B~~,KAAK,~~CAAC4B~~,MAAM,~~CAACjC~~,OAAO,~~CAACkC~~,UAAU,CAACE,KAAK,CACzF,~~eACNL~~,~~6BAACM~~,YAAY;~~IAACvC~~,UAAU,EAAEA,~~UAAU~~;~~IAAEE~~,OAAO,EAAEA,OAAO;~~IAAEC~~,QAAQ,~~EAAEY~~,kBAAyB;~~IAAEF~~,KAAK,~~EAAED~~;~~IAAM~~,~~eAC1GqB~~,~~6BAACO~~,gBAAgB;~~IAAC/B~~,MAAM,EAAEA,MAAM;IAAEN,QAAQ,~~EAAEwB~~,sBAA6B;IAAEd,KAAK,EAAEC;IAAc,~~eAChGmB~~,~~6BAACQ~~,WAAW;~~IAAChC~~,MAAM,EAAEA,MAAM;~~IAAEK~~,UAAU,EAAEA,UAAU;~~IAAEX~~,QAAQ,~~EAAE4B~~,iBAAiB;IAAElB,KAAK,EAAEA;IAAS,~~eAClGoB~~,~~6BAACS~~,UAAU;IAACC,UAAU,EAAC,UAAU;IAACT,SAAS,EAAC,SAAS;IAACU,IAAI,EAAC,OAAO;IAACC,OAAO,~~EAAEb~~;IAAgB,~~CAC1F~~;AAEd;;;;"}
1	+ {"version":3,"file":"Filter.js","sources":["../../../../../../../../../../../../src/components/Report/components/Toolbar/components/Filters/components/Filter.tsx"],"sourcesContent":["import React from 'react';\nimport { Column as ReactTableColumn } from '@tanstack/react-table';\nimport { IconButton } from '../../../../../../IconButton/IconButton';\nimport { useLocalization } from '../../../../../../Provider/Localization';\nimport { FilterColumn } from './FilterColumn';\nimport { FilterComparator } from './FilterComparator';\nimport { FilterValue } from './FilterValue';\nimport { TableFilter, TableFilterComparator } from '../../../../../../../primitives/Table/types';\n\nexport type FilterProps<TType = unknown> = {\n allColumns: ReactTableColumn<TType, unknown>[];\n filter: TableFilter;\n filters: TableFilter[];\n position: number;\n onChange: (position: number, value: TableFilter) => void;\n onRemove?: (position: number) => void;\n};\n\nexport function Filter<TType = unknown>(props: FilterProps<TType>) {\n const { allColumns, filter, filters, onChange: handleChange, onRemove, position } = props;\n const { texts } = useLocalization();\n const column = allColumns.find(c => c.id === filter.id);\n const ref = React.useRef<HTMLButtonElement>(null);\n\n const {\n id,\n value: { comparator, value },\n } = filter;\n\n const handleChangeColumn = (columnId: string) => {\n const previousColumn = allColumns.find(column => column.id === id);\n const nextColumn = allColumns.find(column => column.id === columnId);\n // UX requirement: if old column data type is the same as next column data type,\n // then we applying the same filter value for the next column,\n // but when data types are different, we're reseting comparator ans value for the next column\n const value =\n previousColumn?.columnDef.meta?.dataType === nextColumn?.columnDef.meta?.dataType\n ? filter.value\n : {\n comparator: TableFilterComparator.Contains,\n value: undefined,\n };\n\n handleChange(position, { id: columnId, value });\n };\n\n const handleChangeComparator = (comparator: TableFilterComparator) => {\n let nextValue = filter.value.value;\n\n if (comparator === TableFilterComparator.IsEmpty \|\| comparator === TableFilterComparator.IsNotEmpty) {\n nextValue = undefined;\n }\n handleChange(position, { id, value: { comparator, value: nextValue } });\n };\n\n const handleChangeValue = (value: any) => {\n handleChange(position, { id, value: { ...filter.value, value } });\n };\n\n const handleRemove = () => onRemove?.(position);\n\n React.useEffect(() => {\n if (ref.current && !id) {\n ref.current.focus(); // after adding a new filter placeholder, we want to focus it right way.\n }\n }, [id]);\n\n return (\n <div className=\"flex items-start gap-2\">\n <div className=\"flex min-h-[theme(spacing.8)] w-14 flex-shrink-0 items-center justify-end pr-2 text-right\">\n {position > 0 ? texts.table3.filters.conditions.and : texts.table3.filters.conditions.where}\n </div>\n <FilterColumn\n allColumns={allColumns as any}\n filters={filters}\n onChange={handleChangeColumn as any}\n value={id}\n ref={ref}\n />\n <FilterComparator column={column} onChange={handleChangeComparator as any} value={comparator} />\n <FilterValue column={column} comparator={comparator} onChange={handleChangeValue} value={value} />\n {onRemove ? <IconButton appearance=\"discrete\" className=\"ml-auto\" icon=\"close\" onClick={handleRemove} /> : null}\n </div>\n );\n}\n"],"names":["Filter","props","allColumns","filter","filters","onChange","handleChange","onRemove","position","texts","useLocalization","column","find","c","id","ref","React","useRef","value","comparator","handleChangeColumn","columnId","previousColumn","nextColumn","_previousColumn$colum","columnDef","meta","dataType","_nextColumn$columnDef","TableFilterComparator","Contains","undefined","handleChangeComparator","nextValue","IsEmpty","IsNotEmpty","handleChangeValue","handleRemove","useEffect","current","focus","className","table3","conditions","and","where","FilterColumn","FilterComparator","FilterValue","IconButton","appearance","icon","onClick"],"mappings":"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"}

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

@@ -5,7 +5,7 @@ import { useLocalization } from '../../../../../../Provider/Localization.js';
 import { Field } from '../../../../../../Field/Field.js';
 import { Select2 } from '../../../../../../Select2/Select2.js';
-function FilterColumn(props) {
+const FilterColumn = /*#__PURE__*/React__default.forwardRef((props, ref) => {
   const {
     allColumns,
     filters,
@@ -25,7 +25,8 @@ function FilterColumn(props) {
     warning: warning,
     className: "min-h-[theme(spacing.8)]"
   }, /*#__PURE__*/React__default.createElement(Select2, Object.assign({}, attributes, {
-    className: "!w-32 flex-shrink-0",
+    ref: ref,
+    className: "focus:yt-focus !w-32 flex-shrink-0 ",
     emptyValue: null,
     onChange: handleChange,
     value: value
@@ -43,7 +44,7 @@ function FilterColumn(props) {
       disabled: column.id !== value && (!column.getCanFilter() || !!filters.find(f => f.id === column.id))
     }, ((_column$columnDef$met = column.columnDef.meta) === null || _column$columnDef$met === void 0 ? void 0 : _column$columnDef$met.header) + (column.parent ? ` (${(_column$parent = column.parent) === null || _column$parent === void 0 ? void 0 : (_column$parent$column = _column$parent.columnDef.meta) === null || _column$parent$column === void 0 ? void 0 : _column$parent$column.header})` : ''));
   }))));
-}
+});
 export { FilterColumn };
 //# sourceMappingURL=FilterColumn.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"FilterColumn.js","sources":["../../../../../../../../../../../../src/components/Report/components/Toolbar/components/Filters/components/FilterColumn.tsx"],"sourcesContent":["import React from 'react';\nimport { Column as ReactTableColumn } from '@tanstack/react-table';\nimport { Select2, Select2Props } from '../../../../../../Select2/Select2';\nimport { Icon } from '../../../../../../Icon/Icon';\nimport { Tooltip } from '../../../../../../Tooltip/Tooltip';\nimport { useLocalization } from '../../../../../../Provider/Localization';\nimport { Field } from '../../../../../../Field/Field';\nimport { TableFilter } from '../../../../../../../primitives/Table/types';\n\nexport type FilterColumnProps<TType = unknown> = Omit<Select2Props, 'children'> & {\n allColumns: ReactTableColumn<TType, unknown>[];\n filters: TableFilter[];\n};\n\nexport ~~function~~ FilterColumn~~<TType~~ = ~~unknown~~>(props: ~~FilterColumnProps<TType>~~) {\n const { allColumns, filters, onChange: handleChange, value = null, ...attributes } = props;\n const { texts } = useLocalization();\n const selectedColumn = allColumns.find(column => column.id === value);\n const warning = selectedColumn && !selectedColumn.getIsVisible();\n\n return (\n <div className=\"flex flex-col\">\n <Field\n message={warning ? texts.table3.filters.hiddenColumn : undefined}\n warning={warning}\n className=\"min-h-[theme(spacing.8)]\">\n <Select2 {...attributes} className=\"!w-32 flex-shrink-0\" emptyValue={null} onChange={handleChange} value={value}>\n {allColumns.map(column => (\n <Select2.Option\n key={column.id}\n value={column.id}\n postfix={\n !column.getIsVisible() \|\| column.getIsGrouped() ? (\n <Tooltip\n title={\n column.getIsGrouped()\n ? texts.table3.filters.hiddenGroupedColumn\n : texts.table3.filters.hiddenColumn\n }>\n <Icon name=\"eye-off\" className=\"text-grey-500 !h-5 !w-5\" />\n </Tooltip>\n ) : undefined\n }\n disabled={column.id !== value && (!column.getCanFilter() \|\| !!filters.find(f => f.id === column.id))}>\n {(column.columnDef.meta?.header as string) +\n (column.parent ? ` (${column.parent?.columnDef.meta?.header})` : '')}\n </Select2.Option>\n ))}\n </Select2>\n </Field>\n </div>\n );\n}\n"],"names":["FilterColumn","props","allColumns","filters","onChange","handleChange","value","attributes","texts","useLocalization","selectedColumn","find","column","id","warning","getIsVisible","~~React","~~className","Field","message","table3","hiddenColumn","undefined","Select2","emptyValue","map","_column$columnDef$met","_column$parent","_column$parent$column","Option","key","postfix","getIsGrouped","Tooltip","title","hiddenGroupedColumn","Icon","name","disabled","getCanFilter","f","columnDef","meta","header","parent"],"mappings":";;;;;;;~~SAcgBA~~,~~YAAYA~~,~~CAAkBC~~,~~KAA+B~~;~~EACzE~~,MAAM;IAAEC,UAAU;IAAEC,OAAO;IAAEC,QAAQ,EAAEC,YAAY;IAAEC,KAAK,GAAG,IAAI;IAAE,GAAGC;GAAY,~~GAAGN~~,KAAK;EAC1F,MAAM;~~IAAEO~~;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAMC,cAAc,GAAGR,UAAU,CAACS,IAAI,CAACC,MAAM,IAAIA,MAAM,CAACC,EAAE,KAAKP,KAAK,CAAC;EACrE,MAAMQ,OAAO,GAAGJ,cAAc,IAAI,CAACA,cAAc,CAACK,YAAY,EAAE;EAEhE,~~oBACIC~~;~~IAAKC~~,SAAS,EAAC;~~kBACXD~~,~~6BAACE~~,KAAK;IACFC,OAAO,~~EAAEL~~,OAAO,GAAGN,KAAK,~~CAACY~~,MAAM,~~CAACjB~~,OAAO,~~CAACkB~~,YAAY,GAAGC,SAAS;~~IAChER~~,OAAO,EAAEA,OAAO;~~IAChBG~~,SAAS,EAAC;~~kBACVD~~,~~6BAACO~~,OAAO,~~oBAAKhB~~,UAAU;~~IAAEU~~,SAAS,EAAC,~~qBAAqB~~;~~IAACO~~,UAAU,EAAE,IAAI;~~IAAEpB~~,QAAQ,EAAEC,YAAY;~~IAAEC~~,KAAK,EAAEA;~~MACrGJ~~,UAAU,~~CAACuB~~,GAAG,~~CAACb~~,MAAM;IAAA,~~IAAAc~~,qBAAA,EAAAC,cAAA,EAAAC,qBAAA;IAAA,~~oBAClBZ~~,~~6BAACO~~,OAAO,CAACM,MAAM;MACXC,GAAG,~~EAAElB~~,MAAM,CAACC,EAAE;MACdP,KAAK,EAAEM,MAAM,CAACC,EAAE;~~MAChBkB~~,OAAO,EACH,~~CAACnB~~,MAAM,CAACG,YAAY,EAAE,IAAIH,MAAM,~~CAACoB~~,YAAY,EAAE,~~kBAC3ChB~~,~~6BAACiB~~,OAAO;QACJC,KAAK,~~EACDtB~~,MAAM,~~CAACoB~~,YAAY,EAAE,~~GACfxB~~,KAAK,~~CAACY~~,MAAM,~~CAACjB~~,OAAO,~~CAACgC~~,mBAAmB,~~GACxC3B~~,KAAK,~~CAACY~~,MAAM,~~CAACjB~~,OAAO,~~CAACkB~~;sBAE/BL,~~6BAACoB~~,IAAI;QAACC,IAAI,EAAC,SAAS;QAACpB,SAAS,EAAC;QAA4B,CACrD,IACVK,SAAS;MAEjBgB,QAAQ,~~EAAE1B~~,MAAM,CAACC,EAAE,KAAKP,KAAK,KAAK,CAACM,MAAM,~~CAAC2B~~,YAAY,EAAE,IAAI,CAAC,~~CAACpC~~,OAAO,CAACQ,IAAI,~~CAAC6B~~,CAAC,IAAIA,CAAC,~~CAAC3B~~,EAAE,KAAKD,MAAM,CAACC,EAAE,CAAC;OACjG,~~EAAAa~~,qBAAA,~~GAAAd~~,MAAM,~~CAAC6B~~,SAAS,CAACC,IAAI,cAAAhB,qBAAA,uBAArBA,qBAAA,CAAuBiB,MAAiB,~~KACrC/B~~,MAAM,~~CAACgC~~,MAAM,~~0BAAQhC~~,MAAM,~~CAACgC~~,MAAM,cAAAjB,cAAA,wBAAAC,qBAAA,GAAbD,cAAA,CAAec,SAAS,CAACC,IAAI,cAAAd,qBAAA,uBAA7BA,qBAAA,CAA+Be,SAAS,GAAG,EAAE,CAAC,CAC3D;GACpB,CAAC,CACI,CACN,CACN;AAEd;;;;"}
1	+ {"version":3,"file":"FilterColumn.js","sources":["../../../../../../../../../../../../src/components/Report/components/Toolbar/components/Filters/components/FilterColumn.tsx"],"sourcesContent":["import React from 'react';\nimport { Column as ReactTableColumn } from '@tanstack/react-table';\nimport { Select2, Select2Props } from '../../../../../../Select2/Select2';\nimport { Icon } from '../../../../../../Icon/Icon';\nimport { Tooltip } from '../../../../../../Tooltip/Tooltip';\nimport { useLocalization } from '../../../../../../Provider/Localization';\nimport { Field } from '../../../../../../Field/Field';\nimport { TableFilter } from '../../../../../../../primitives/Table/types';\n\nexport type FilterColumnProps<TType = unknown> = Omit<Select2Props, 'children'> & {\n allColumns: ReactTableColumn<TType, unknown>[];\n filters: TableFilter[];\n};\n\nexport const FilterColumn = React.forwardRef<HTMLButtonElement, FilterColumnProps>((props, ref) => {\n const { allColumns, filters, onChange: handleChange, value = null, ...attributes } = props;\n const { texts } = useLocalization();\n const selectedColumn = allColumns.find(column => column.id === value);\n const warning = selectedColumn && !selectedColumn.getIsVisible();\n\n return (\n <div className=\"flex flex-col\">\n <Field\n message={warning ? texts.table3.filters.hiddenColumn : undefined}\n warning={warning}\n className=\"min-h-[theme(spacing.8)]\">\n <Select2\n {...attributes}\n ref={ref}\n className=\"focus:yt-focus !w-32 flex-shrink-0 \"\n emptyValue={null}\n onChange={handleChange}\n value={value}>\n {allColumns.map(column => (\n <Select2.Option\n key={column.id}\n value={column.id}\n postfix={\n !column.getIsVisible() \|\| column.getIsGrouped() ? (\n <Tooltip\n title={\n column.getIsGrouped()\n ? texts.table3.filters.hiddenGroupedColumn\n : texts.table3.filters.hiddenColumn\n }>\n <Icon name=\"eye-off\" className=\"text-grey-500 !h-5 !w-5\" />\n </Tooltip>\n ) : undefined\n }\n disabled={column.id !== value && (!column.getCanFilter() \|\| !!filters.find(f => f.id === column.id))}>\n {(column.columnDef.meta?.header as string) +\n (column.parent ? ` (${column.parent?.columnDef.meta?.header})` : '')}\n </Select2.Option>\n ))}\n </Select2>\n </Field>\n </div>\n );\n});\n"],"names":["FilterColumn","React","forwardRef","props","ref","allColumns","filters","onChange","handleChange","value","attributes","texts","useLocalization","selectedColumn","find","column","id","warning","getIsVisible","className","Field","message","table3","hiddenColumn","undefined","Select2","emptyValue","map","_column$columnDef$met","_column$parent","_column$parent$column","Option","key","postfix","getIsGrouped","Tooltip","title","hiddenGroupedColumn","Icon","name","disabled","getCanFilter","f","columnDef","meta","header","parent"],"mappings":";;;;;;;MAcaA,YAAY,gBAAGC,cAAK,CAACC,UAAU,CAAuC,CAACC,KAAK,EAAEC,GAAG;EAC1F,MAAM;IAAEC,UAAU;IAAEC,OAAO;IAAEC,QAAQ,EAAEC,YAAY;IAAEC,KAAK,GAAG,IAAI;IAAE,GAAGC;GAAY,GAAGP,KAAK;EAC1F,MAAM;IAAEQ;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAMC,cAAc,GAAGR,UAAU,CAACS,IAAI,CAACC,MAAM,IAAIA,MAAM,CAACC,EAAE,KAAKP,KAAK,CAAC;EACrE,MAAMQ,OAAO,GAAGJ,cAAc,IAAI,CAACA,cAAc,CAACK,YAAY,EAAE;EAEhE,oBACIjB;IAAKkB,SAAS,EAAC;kBACXlB,6BAACmB,KAAK;IACFC,OAAO,EAAEJ,OAAO,GAAGN,KAAK,CAACW,MAAM,CAAChB,OAAO,CAACiB,YAAY,GAAGC,SAAS;IAChEP,OAAO,EAAEA,OAAO;IAChBE,SAAS,EAAC;kBACVlB,6BAACwB,OAAO,oBACAf,UAAU;IACdN,GAAG,EAAEA,GAAG;IACRe,SAAS,EAAC,qCAAqC;IAC/CO,UAAU,EAAE,IAAI;IAChBnB,QAAQ,EAAEC,YAAY;IACtBC,KAAK,EAAEA;MACNJ,UAAU,CAACsB,GAAG,CAACZ,MAAM;IAAA,IAAAa,qBAAA,EAAAC,cAAA,EAAAC,qBAAA;IAAA,oBAClB7B,6BAACwB,OAAO,CAACM,MAAM;MACXC,GAAG,EAAEjB,MAAM,CAACC,EAAE;MACdP,KAAK,EAAEM,MAAM,CAACC,EAAE;MAChBiB,OAAO,EACH,CAAClB,MAAM,CAACG,YAAY,EAAE,IAAIH,MAAM,CAACmB,YAAY,EAAE,kBAC3CjC,6BAACkC,OAAO;QACJC,KAAK,EACDrB,MAAM,CAACmB,YAAY,EAAE,GACfvB,KAAK,CAACW,MAAM,CAAChB,OAAO,CAAC+B,mBAAmB,GACxC1B,KAAK,CAACW,MAAM,CAAChB,OAAO,CAACiB;sBAE/BtB,6BAACqC,IAAI;QAACC,IAAI,EAAC,SAAS;QAACpB,SAAS,EAAC;QAA4B,CACrD,IACVK,SAAS;MAEjBgB,QAAQ,EAAEzB,MAAM,CAACC,EAAE,KAAKP,KAAK,KAAK,CAACM,MAAM,CAAC0B,YAAY,EAAE,IAAI,CAAC,CAACnC,OAAO,CAACQ,IAAI,CAAC4B,CAAC,IAAIA,CAAC,CAAC1B,EAAE,KAAKD,MAAM,CAACC,EAAE,CAAC;OACjG,EAAAY,qBAAA,GAAAb,MAAM,CAAC4B,SAAS,CAACC,IAAI,cAAAhB,qBAAA,uBAArBA,qBAAA,CAAuBiB,MAAiB,KACrC9B,MAAM,CAAC+B,MAAM,0BAAQ/B,MAAM,CAAC+B,MAAM,cAAAjB,cAAA,wBAAAC,qBAAA,GAAbD,cAAA,CAAec,SAAS,CAACC,IAAI,cAAAd,qBAAA,uBAA7BA,qBAAA,CAA+Be,SAAS,GAAG,EAAE,CAAC,CAC3D;GACpB,CAAC,CACI,CACN,CACN;AAEd,CAAC;;;;"}

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

@@ -19,6 +19,12 @@ function Print(props) {
   const lastScrollTopRef = React__default.useRef();
   const toast = useToast();
   const tableMeta = table.options.meta;
+  const {
+    allRows,
+    orientation,
+    size,
+    splitGroups
+  } = tableMeta.printing.settings;
   const togglePrinting = React__default.useCallback(enabled => {
     tableMeta.printing.setIsPrinting(enabled);
     if (tableRef.current) {
@@ -76,10 +82,6 @@ function Print(props) {
       return Promise.reject(e);
     }
   };
-  const [orientation, setOrientation] = React__default.useState('portrait');
-  const [size, setSize] = React__default.useState('A4');
-  const [allRows, setAllRows] = React__default.useState(true);
-  const [splitGroups, setSplitGroups] = React__default.useState(true);
   const printStyle = [`@page { size: ${size} ${orientation}; }`];
   if (!allRows) {
     printStyle.push(`table[data-taco='report']#${tableId} tr:not([data-row-selected="true"]) { display: none; }`);
@@ -105,13 +107,13 @@ function Print(props) {
       table: table,
       onAccept: print,
       orientation: orientation,
-      setOrientation: setOrientation,
+      setOrientation: value => tableMeta.printing.setSetting('orientation', value),
       size: size,
-      setSize: setSize,
+      setSize: value => tableMeta.printing.setSetting('size', value),
       allRows: allRows,
-      setAllRows: setAllRows,
+      setAllRows: value => tableMeta.printing.setSetting('allRows', value),
       splitGroups: splitGroups,
-      setSplitGroups: setSplitGroups
+      setSplitGroups: value => tableMeta.printing.setSetting('splitGroups', value)
     }))),
     ref: ref,
     shortcut: shortcut,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Print.js","sources":["../../../../../../../../../../../src/components/Report/components/Toolbar/components/Print/Print.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { IconButton } from '../../../../../IconButton/IconButton';\nimport { useLocalization } from '../../../../../Provider/Localization';\nimport { useToast } from '../../../../../Toast/Toaster';\nimport { TableRef } from '../../../../../../primitives/Table/types';\nimport { PrintDialog } from './PrintDialog';\nimport { ~~Select2Value } from '../../../../../Select2/types';\nimport { RadioGroupItemValue } from '../../../../../RadioGroup/RadioGroup';\nimport {~~ Shortcut } from '../../../../../Shortcut/Shortcut';\n\nexport type PrintProps<TType = unknown> = {\n table: ReactTable<TType>;\n tableId: string;\n tableRef: React.RefObject<TableRef>;\n};\n\nexport function Print<TType = unknown>(props: PrintProps<TType>) {\n const { table, tableId, tableRef } = props;\n const { texts } = useLocalization();\n const ref = React.useRef<HTMLButtonElement>(null);\n const lastScrollTopRef = React.useRef<number>();\n const toast = useToast();\n const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n const togglePrinting = React.useCallback(\n enabled => {\n tableMeta.printing.setIsPrinting(enabled);\n\n if (tableRef.current) {\n if (enabled) {\n lastScrollTopRef.current = tableRef.current.scrollTop;\n } else if (lastScrollTopRef.current !== undefined) {\n tableRef.current.scrollTop = lastScrollTopRef.current;\n lastScrollTopRef.current = undefined;\n }\n }\n },\n [tableRef.current]\n );\n\n React.useEffect(() => {\n const afterPrint = () => {\n togglePrinting(false);\n };\n\n window.addEventListener('afterprint', afterPrint);\n\n return () => {\n window.removeEventListener('afterprint', afterPrint);\n };\n }, []);\n\n const print = async () => {\n const toastRef = toast.loading(texts.table3.print.loading);\n\n if (tableMeta.server.isEnabled && tableMeta.server.loadAllIfNeeded) {\n try {\n await tableMeta.server.loadAllIfNeeded(table.getState().sorting, table.getState().columnFilters, undefined);\n } catch (error) {\n const errorMessage = `${texts.table3.print.error}: ${error}`;\n console.error(errorMessage);\n toastRef.error(errorMessage);\n }\n }\n\n // this might close immediately if the dataset is small - this is okay\n toastRef.close();\n\n // use a timeout to let the toast close, otherwise it freezes mid animation when the print dialog opens\n setTimeout(() => {\n // do this here because Safari doesn't support the beforeprint event\n togglePrinting(true);\n\n requestAnimationFrame(() => {\n try {\n // window.print doesn't always work in Safari :man_shrugging:\n document.execCommand('print', false, undefined);\n } catch {\n window.print();\n }\n });\n }, 150);\n };\n\n const [orientation, setOrientation] = React.useState<Select2Value>('portrait');\n const [size, setSize] = React.useState<Select2Value>('A4');\n const [allRows, setAllRows] = React.useState<RadioGroupItemValue>(true);\n const [splitGroups, setSplitGroups] = React.useState<boolean>(true);\n\n const printStyle = [`@page { size: ${size} ${orientation}; }`];\n\n if (!allRows) {\n printStyle.push(`table[data-taco='report']#${tableId} tr:not([data-row-selected=\"true\"]) { display: none; }`);\n }\n\n if (splitGroups) {\n printStyle.push(`table[data-taco='report']#${tableId} tr[data-row-group]:not(:first-child) { break-before: page; }`);\n }\n\n const shortcut = { key: 'p', meta: true, shift: false };\n const tooltip = (\n <>\n {texts.table3.print.tooltip}\n <Shortcut className=\"ml-2\" keys={shortcut} />\n </>\n );\n\n return (\n <>\n <style media=\"print\">{printStyle.join('\\n')}</style>\n <IconButton\n icon=\"print\"\n aria-label={texts.table3.print.tooltip}\n dialog={dialogProps => (\n <PrintDialog\n {...dialogProps}\n table={table}\n onAccept={print}\n orientation={orientation}\n setOrientation={~~setOrientation~~}\n size={size}\n setSize={~~setSize~~}\n allRows={allRows}\n setAllRows={~~setAllRows~~}\n splitGroups={splitGroups}\n setSplitGroups={~~setSplitGroups~~}\n />\n )}\n ref={ref}\n shortcut={shortcut}\n tooltip={tooltip}\n />\n </>\n );\n}\n"],"names":["Print","props","table","tableId","tableRef","texts","useLocalization","ref","React","useRef","lastScrollTopRef","toast","useToast","tableMeta","options","meta","~~togglePrinting~~","~~useCallback~~","~~enabled~~","printing","setIsPrinting","current","scrollTop","undefined","useEffect","afterPrint","window","addEventListener","removeEventListener","print","toastRef","close","setTimeout","requestAnimationFrame","document","execCommand","loading","table3","_temp2","server","isEnabled","loadAllIfNeeded","_temp","_catch","Promise","resolve","getState","sorting","columnFilters","then","error","errorMessage","console","_temp3","e","reject","~~orientation~~","~~setOrientation~~","~~useState~~","~~size~~","~~setSize~~","~~allRows~~","~~setAllRows~~","~~splitGroups~~","~~setSplitGroups~~","~~printStyle~~","~~push~~","~~shortcut~~","~~key~~","~~shift~~","~~tooltip~~","~~Shortcut~~","~~className~~","~~keys~~","~~media~~","~~join~~","~~IconButton~~","~~icon~~","~~dialog~~"~~,"dialogProps","PrintDialog","onAccept"~~],"mappings":";;;;;;;;~~SAiBgBA~~,KAAKA,CAAkBC,KAAwB;EAC3D,MAAM;IAAEC,KAAK;IAAEC,OAAO;IAAEC;GAAU,GAAGH,KAAK;EAC1C,MAAM;IAAEI;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAMC,GAAG,GAAGC,cAAK,CAACC,MAAM,CAAoB,IAAI,CAAC;EACjD,MAAMC,gBAAgB,GAAGF,cAAK,CAACC,MAAM,EAAU;EAC/C,MAAME,KAAK,GAAGC,QAAQ,EAAE;EACxB,MAAMC,SAAS,GAAGX,KAAK,CAACY,OAAO,CAACC,IAA6B;~~EAE7D~~,MAAMC,cAAc,~~GAAGR~~,cAAK,~~CAACS~~,WAAW,CACpCC,OAAO;~~IACHL~~,SAAS,~~CAACM~~,QAAQ,~~CAACC~~,aAAa,~~CAACF~~,OAAO,CAAC;IAEzC,~~IAAId~~,QAAQ,~~CAACiB~~,OAAO,EAAE;MAClB,~~IAAIH~~,OAAO,EAAE;~~QACTR~~,gBAAgB,~~CAACW~~,OAAO,~~GAAGjB~~,QAAQ,~~CAACiB~~,OAAO,CAACC,SAAS;OACxD,MAAM,~~IAAIZ~~,gBAAgB,~~CAACW~~,OAAO,KAAKE,SAAS,EAAE;QAC/~~CnB~~,QAAQ,~~CAACiB~~,OAAO,CAACC,SAAS,~~GAAGZ~~,gBAAgB,~~CAACW~~,OAAO;~~QACrDX~~,gBAAgB,~~CAACW~~,OAAO,GAAGE,SAAS;;;GAG/C,EACD,~~CAACnB~~,QAAQ,~~CAACiB~~,OAAO,CAAC,CACrB;~~EAEDb~~,cAAK,~~CAACgB~~,SAAS,CAAC;IACZ,MAAMC,UAAU,GAAGA;~~MACfT~~,cAAc,CAAC,KAAK,CAAC;KACxB;~~IAEDU~~,MAAM,CAACC,gBAAgB,CAAC,YAAY,EAAEF,UAAU,CAAC;IAEjD,OAAO;MACHC,MAAM,CAACE,mBAAmB,CAAC,YAAY,EAAEH,UAAU,CAAC;KACvD;GACJ,EAAE,EAAE,CAAC;EAEN,MAAMI,KAAK;IAAA;;;QAcPC,QAAQ,CAACC,KAAK,EAAE;;QAGhBC,UAAU,CAAC;;~~UAEPhB~~,cAAc,CAAC,IAAI,CAAC;~~UAEpBiB~~,qBAAqB,CAAC;YAClB,IAAI;;cAEAC,QAAQ,CAACC,WAAW,CAAC,OAAO,EAAE,KAAK,EAAEZ,SAAS,CAAC;aAClD,CAAC,MAAM;cACJG,MAAM,CAACG,KAAK,EAAE;;WAErB,CAAC;SACL,EAAE,GAAG,CAAC;;MA5BP,MAAMC,QAAQ,~~GAAGnB~~,KAAK,~~CAACyB~~,OAAO,~~CAAC/B~~,KAAK,~~CAACgC~~,MAAM,CAACR,KAAK,CAACO,OAAO,CAAC;MAAC,MAAAE,MAAA;QAAA,~~IAEvDzB~~,SAAS,~~CAAC0B~~,MAAM,CAACC,SAAS,~~IAAI3B~~,SAAS,~~CAAC0B~~,MAAM,CAACE,eAAe;UAAA,MAAAC,KAAA,GAAAC,MAAA,aAC1D;YAAA,OAAAC,OAAA,CAAAC,OAAA,~~CACMhC~~,SAAS,~~CAAC0B~~,MAAM,CAACE,eAAe,~~CAACvC~~,KAAK,~~CAAC4C~~,QAAQ,EAAE,CAACC,OAAO,~~EAAE7C~~,KAAK,~~CAAC4C~~,QAAQ,EAAE,CAACE,aAAa,EAAEzB,SAAS,CAAC,EAAA0B,IAAA;WAC9G,YAAQC,KAAK,EAAE;YACZ,MAAMC,YAAY,~~MAAM9C~~,KAAK,~~CAACgC~~,MAAM,CAACR,KAAK,CAACqB,UAAUA,OAAO;YAC5DE,OAAO,CAACF,KAAK,CAACC,YAAY,CAAC;YAC3BrB,QAAQ,CAACoB,KAAK,CAACC,YAAY,CAAC;WAC/B;UAAA,IAAAT,KAAA,IAAAA,KAAA,CAAAO,IAAA,SAAAP,KAAA,CAAAO,IAAA;;;MAAA,OAAAL,OAAA,CAAAC,OAAA,CAAAP,MAAA,IAAAA,MAAA,CAAAW,IAAA,GAAAX,MAAA,CAAAW,IAAA,CAAAI,MAAA,IAAAA,MAAA,CAAAf,MAAA;KAoBR,QAAAgB,CAAA;MAAA,OAAAV,OAAA,CAAAW,MAAA,CAAAD,CAAA;;;EAED,~~MAAM~~,~~CAACE,WAAW,EAAEC,cAAc,CAAC,GAAGjD,cAAK,CAACkD,QAAQ,CAAe,~~UAAU,CAAC;EAC9E,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGpD,cAAK,CAACkD,QAAQ,CAAe,IAAI,CAAC;EAC1D,MAAM,CAACG,OAAO,EAAEC,UAAU,CAAC,GAAGtD,cAAK,CAACkD,QAAQ,CAAsB,IAAI,CAAC;EACvE,MAAM,CAACK,WAAW,EAAEC,cAAc,CAAC,GAAGxD,cAAK,CAACkD,QAAQ,CAAU,IAAI,CAAC;EAEnE,MAAMO,UAAU,GAAG,~~kBAAkBN~~,~~QAAQH~~,gBAAgB,CAAC;EAE9D,IAAI,~~CAACK~~,OAAO,EAAE;~~IACVI~~,UAAU,CAACC,IAAI,~~8BAA8B/D~~,+DAA+D,CAAC;;EAGjH,~~IAAI4D~~,WAAW,EAAE;~~IACbE~~,UAAU,CAACC,IAAI,~~8BAA8B/D~~,sEAAsE,CAAC;;EAGxH,~~MAAMgE~~,QAAQ,GAAG;IAAEC,GAAG,EAAE,GAAG;~~IAAErD~~,IAAI,EAAE,IAAI;~~IAAEsD~~,KAAK,EAAE;GAAO;EACvD,MAAMC,OAAO,~~gBACT9D~~,4DACKH,KAAK,~~CAACgC~~,MAAM,CAACR,KAAK,~~CAACyC~~,OAAO,~~eAC3B9D~~,~~6BAAC+D~~,QAAQ;IAACC,SAAS,EAAC,MAAM;IAACC,IAAI,EAAEN;IAAY,CAEpD;EAED,~~oBACI3D~~,yEACIA;~~IAAOkE~~,KAAK,EAAC;KAAST,UAAU,CAACU,IAAI,CAAC,IAAI,CAAC,CAAS,~~eACpDnE~~,~~6BAACoE~~,UAAU;IACPC,IAAI,EAAC,OAAO;~~kBACAxE~~,KAAK,~~CAACgC~~,MAAM,CAACR,KAAK,~~CAACyC~~,OAAO;IACtCQ,MAAM,EAAEC,WAAW,~~mBACfvE~~,~~6BAACwE~~,WAAW,oBACJD,WAAW;~~MACf7E~~,KAAK,EAAEA,KAAK;~~MACZ+E~~,QAAQ,~~EAAEpD~~,KAAK;~~MACf2B~~,WAAW,EAAEA,WAAW;~~MACxBC~~,cAAc,~~EAAEA~~,~~cAAc~~;~~MAC9BE~~,IAAI,EAAEA,IAAI;~~MACVC~~,OAAO,~~EAAEA~~,~~OAAO~~;~~MAChBC~~,OAAO,EAAEA,OAAO;~~MAChBC~~,UAAU,~~EAAEA~~,UAAU;~~MACtBC~~,WAAW,EAAEA,WAAW;~~MACxBC~~,cAAc,~~EAAEA~~;~~OAClB~~,CACL;~~IACDzD~~,GAAG,EAAEA,GAAG;~~IACR4D~~,QAAQ,EAAEA,QAAQ;IAClBG,OAAO,EAAEA;IACX,CACH;AAEX;;;;"}
1	+ {"version":3,"file":"Print.js","sources":["../../../../../../../../../../../src/components/Report/components/Toolbar/components/Print/Print.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { IconButton } from '../../../../../IconButton/IconButton';\nimport { useLocalization } from '../../../../../Provider/Localization';\nimport { useToast } from '../../../../../Toast/Toaster';\nimport { TableRef } from '../../../../../../primitives/Table/types';\nimport { PrintDialog } from './PrintDialog';\nimport { Shortcut } from '../../../../../Shortcut/Shortcut';\n\nexport type PrintProps<TType = unknown> = {\n table: ReactTable<TType>;\n tableId: string;\n tableRef: React.RefObject<TableRef>;\n};\n\nexport function Print<TType = unknown>(props: PrintProps<TType>) {\n const { table, tableId, tableRef } = props;\n const { texts } = useLocalization();\n const ref = React.useRef<HTMLButtonElement>(null);\n const lastScrollTopRef = React.useRef<number>();\n const toast = useToast();\n const tableMeta = table.options.meta as ReactTableMeta<TType>;\n const { allRows, orientation, size, splitGroups } = tableMeta.printing.settings;\n\n const togglePrinting = React.useCallback(\n enabled => {\n tableMeta.printing.setIsPrinting(enabled);\n\n if (tableRef.current) {\n if (enabled) {\n lastScrollTopRef.current = tableRef.current.scrollTop;\n } else if (lastScrollTopRef.current !== undefined) {\n tableRef.current.scrollTop = lastScrollTopRef.current;\n lastScrollTopRef.current = undefined;\n }\n }\n },\n [tableRef.current]\n );\n\n React.useEffect(() => {\n const afterPrint = () => {\n togglePrinting(false);\n };\n\n window.addEventListener('afterprint', afterPrint);\n\n return () => {\n window.removeEventListener('afterprint', afterPrint);\n };\n }, []);\n\n const print = async () => {\n const toastRef = toast.loading(texts.table3.print.loading);\n\n if (tableMeta.server.isEnabled && tableMeta.server.loadAllIfNeeded) {\n try {\n await tableMeta.server.loadAllIfNeeded(table.getState().sorting, table.getState().columnFilters, undefined);\n } catch (error) {\n const errorMessage = `${texts.table3.print.error}: ${error}`;\n console.error(errorMessage);\n toastRef.error(errorMessage);\n }\n }\n\n // this might close immediately if the dataset is small - this is okay\n toastRef.close();\n\n // use a timeout to let the toast close, otherwise it freezes mid animation when the print dialog opens\n setTimeout(() => {\n // do this here because Safari doesn't support the beforeprint event\n togglePrinting(true);\n\n requestAnimationFrame(() => {\n try {\n // window.print doesn't always work in Safari :man_shrugging:\n document.execCommand('print', false, undefined);\n } catch {\n window.print();\n }\n });\n }, 150);\n };\n\n const printStyle = [`@page { size: ${size} ${orientation}; }`];\n\n if (!allRows) {\n printStyle.push(`table[data-taco='report']#${tableId} tr:not([data-row-selected=\"true\"]) { display: none; }`);\n }\n\n if (splitGroups) {\n printStyle.push(`table[data-taco='report']#${tableId} tr[data-row-group]:not(:first-child) { break-before: page; }`);\n }\n\n const shortcut = { key: 'p', meta: true, shift: false };\n const tooltip = (\n <>\n {texts.table3.print.tooltip}\n <Shortcut className=\"ml-2\" keys={shortcut} />\n </>\n );\n\n return (\n <>\n <style media=\"print\">{printStyle.join('\\n')}</style>\n <IconButton\n icon=\"print\"\n aria-label={texts.table3.print.tooltip}\n dialog={dialogProps => (\n <PrintDialog\n {...dialogProps}\n table={table}\n onAccept={print}\n orientation={orientation}\n setOrientation={value => tableMeta.printing.setSetting('orientation', value)}\n size={size}\n setSize={value => tableMeta.printing.setSetting('size', value)}\n allRows={allRows}\n setAllRows={value => tableMeta.printing.setSetting('allRows', value)}\n splitGroups={splitGroups}\n setSplitGroups={value => tableMeta.printing.setSetting('splitGroups', value)}\n />\n )}\n ref={ref}\n shortcut={shortcut}\n tooltip={tooltip}\n />\n </>\n );\n}\n"],"names":["Print","props","table","tableId","tableRef","texts","useLocalization","ref","React","useRef","lastScrollTopRef","toast","useToast","tableMeta","options","meta","allRows","orientation","size","splitGroups","printing","settings","togglePrinting","useCallback","enabled","setIsPrinting","current","scrollTop","undefined","useEffect","afterPrint","window","addEventListener","removeEventListener","print","toastRef","close","setTimeout","requestAnimationFrame","document","execCommand","loading","table3","_temp2","server","isEnabled","loadAllIfNeeded","_temp","_catch","Promise","resolve","getState","sorting","columnFilters","then","error","errorMessage","console","_temp3","e","reject","printStyle","push","shortcut","key","shift","tooltip","Shortcut","className","keys","media","join","IconButton","icon","dialog","dialogProps","PrintDialog","onAccept","setOrientation","value","setSetting","setSize","setAllRows","setSplitGroups"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { isElementInsideOrTriggeredFromContainer, isEventTriggeredOnInteractiveElement } from '../../../utils/dom.js';
+import { isElementInsideOrTriggeredFromContainer, isElementInteractive } from '../../../utils/dom.js';
 function useTableRowActiveListener(table, tableRef) {
   const tableMeta = table.options.meta;
@@ -10,7 +10,7 @@ function useTableRowActiveListener(table, tableRef) {
       const activeRow = (_tableRef$current$que = (_tableRef$current = tableRef.current) === null || _tableRef$current === void 0 ? void 0 : _tableRef$current.querySelector('tbody tr[data-row-active="true"]')) !== null && _tableRef$current$que !== void 0 ? _tableRef$current$que : null;
       // if the focused element, or it's parent if it's portalled, aren't in the row, then focus the row
       // this ensures the next tab press starts at the row
-      if (!isElementInsideOrTriggeredFromContainer(document.activeElement, activeRow) && !isEventTriggeredOnInteractiveElement(document.activeElement)) {
+      if (!isElementInsideOrTriggeredFromContainer(document.activeElement, activeRow) && !isElementInteractive(document.activeElement)) {
         var _activeRow$focus;
         activeRow === null || activeRow === void 0 ? void 0 : (_activeRow$focus = activeRow.focus) === null || _activeRow$focus === void 0 ? void 0 : _activeRow$focus.call(activeRow, {
           preventScroll: true

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useTableRowActiveListener.js","sources":["../../../../../../../../src/components/Report/listeners/useTableRowActiveListener.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { isElementInsideOrTriggeredFromContainer, ~~isEventTriggeredOnInteractiveElement~~ } from '../../../utils/dom';\n\nexport function useTableRowActiveListener<TType = unknown>(\n table: ReactTable<TType>,\n tableRef: React.RefObject<HTMLTableElement>\n) {\n const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n // move focus to the row when active row changes, this makes sure we start within the row when tabbing\n React.useEffect(() => {\n if (tableMeta.rowActive.rowActiveIndex !== undefined) {\n const activeRow = tableRef.current?.querySelector('tbody tr[data-row-active=\"true\"]') ?? null;\n\n // if the focused element, or it's parent if it's portalled, aren't in the row, then focus the row\n // this ensures the next tab press starts at the row\n if (\n !isElementInsideOrTriggeredFromContainer(document.activeElement, activeRow) &&\n !~~isEventTriggeredOnInteractiveElement~~(document.activeElement)\n ) {\n (activeRow as HTMLElement)?.focus?.({ preventScroll: true });\n }\n }\n }, [tableMeta.rowActive.rowActiveIndex]);\n}\n"],"names":["useTableRowActiveListener","table","tableRef","tableMeta","options","meta","React","useEffect","rowActive","rowActiveIndex","undefined","_tableRef$current$que","_tableRef$current","activeRow","current","querySelector","isElementInsideOrTriggeredFromContainer","document","activeElement","~~isEventTriggeredOnInteractiveElement~~","_activeRow$focus","focus","call","preventScroll"],"mappings":";;;SAIgBA,yBAAyBA,CACrCC,KAAwB,EACxBC,QAA2C;EAE3C,MAAMC,SAAS,GAAGF,KAAK,CAACG,OAAO,CAACC,IAA6B;;EAG7DC,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIJ,SAAS,CAACK,SAAS,CAACC,cAAc,KAAKC,SAAS,EAAE;MAAA,IAAAC,qBAAA,EAAAC,iBAAA;MAClD,MAAMC,SAAS,IAAAF,qBAAA,IAAAC,iBAAA,GAAGV,QAAQ,CAACY,OAAO,cAAAF,iBAAA,uBAAhBA,iBAAA,CAAkBG,aAAa,CAAC,kCAAkC,CAAC,cAAAJ,qBAAA,cAAAA,qBAAA,GAAI,IAAI;;;MAI7F,IACI,CAACK,uCAAuC,CAACC,QAAQ,CAACC,aAAa,EAAEL,SAAS,CAAC,IAC3E,CAACM,~~oCAAoC~~,CAACF,QAAQ,CAACC,aAAa,CAAC,EAC/D;QAAA,IAAAE,gBAAA;QACGP,SAAyB,aAAzBA,SAAyB,wBAAAO,gBAAA,GAAzBP,SAAyB,CAAEQ,KAAK,cAAAD,gBAAA,uBAAhCA,gBAAA,CAAAE,IAAA,CAAAT,SAAyB,EAAU;UAAEU,aAAa,EAAE;SAAM,CAAC;;;GAGvE,EAAE,CAACpB,SAAS,CAACK,SAAS,CAACC,cAAc,CAAC,CAAC;AAC5C;;;;"}
1	+ {"version":3,"file":"useTableRowActiveListener.js","sources":["../../../../../../../../src/components/Report/listeners/useTableRowActiveListener.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { isElementInsideOrTriggeredFromContainer, isElementInteractive } from '../../../utils/dom';\n\nexport function useTableRowActiveListener<TType = unknown>(\n table: ReactTable<TType>,\n tableRef: React.RefObject<HTMLTableElement>\n) {\n const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n // move focus to the row when active row changes, this makes sure we start within the row when tabbing\n React.useEffect(() => {\n if (tableMeta.rowActive.rowActiveIndex !== undefined) {\n const activeRow = tableRef.current?.querySelector('tbody tr[data-row-active=\"true\"]') ?? null;\n\n // if the focused element, or it's parent if it's portalled, aren't in the row, then focus the row\n // this ensures the next tab press starts at the row\n if (\n !isElementInsideOrTriggeredFromContainer(document.activeElement, activeRow) &&\n !isElementInteractive(document.activeElement)\n ) {\n (activeRow as HTMLElement)?.focus?.({ preventScroll: true });\n }\n }\n }, [tableMeta.rowActive.rowActiveIndex]);\n}\n"],"names":["useTableRowActiveListener","table","tableRef","tableMeta","options","meta","React","useEffect","rowActive","rowActiveIndex","undefined","_tableRef$current$que","_tableRef$current","activeRow","current","querySelector","isElementInsideOrTriggeredFromContainer","document","activeElement","isElementInteractive","_activeRow$focus","focus","call","preventScroll"],"mappings":";;;SAIgBA,yBAAyBA,CACrCC,KAAwB,EACxBC,QAA2C;EAE3C,MAAMC,SAAS,GAAGF,KAAK,CAACG,OAAO,CAACC,IAA6B;;EAG7DC,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIJ,SAAS,CAACK,SAAS,CAACC,cAAc,KAAKC,SAAS,EAAE;MAAA,IAAAC,qBAAA,EAAAC,iBAAA;MAClD,MAAMC,SAAS,IAAAF,qBAAA,IAAAC,iBAAA,GAAGV,QAAQ,CAACY,OAAO,cAAAF,iBAAA,uBAAhBA,iBAAA,CAAkBG,aAAa,CAAC,kCAAkC,CAAC,cAAAJ,qBAAA,cAAAA,qBAAA,GAAI,IAAI;;;MAI7F,IACI,CAACK,uCAAuC,CAACC,QAAQ,CAACC,aAAa,EAAEL,SAAS,CAAC,IAC3E,CAACM,oBAAoB,CAACF,QAAQ,CAACC,aAAa,CAAC,EAC/C;QAAA,IAAAE,gBAAA;QACGP,SAAyB,aAAzBA,SAAyB,wBAAAO,gBAAA,GAAzBP,SAAyB,CAAEQ,KAAK,cAAAD,gBAAA,uBAAhCA,gBAAA,CAAAE,IAAA,CAAAT,SAAyB,EAAU;UAAEU,aAAa,EAAE;SAAM,CAAC;;;GAGvE,EAAE,CAACpB,SAAS,CAACK,SAAS,CAACC,cAAc,CAAC,CAAC;AAC5C;;;;"}

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

@@ -6,7 +6,8 @@ function useCssGridStylesheet(tableId, table, fontSize) {
   const allVisibleColumns = table.getVisibleLeafColumns();
   const columnSizing = table.getState().columnSizing;
   const globalMinSize = getCellMinWidth(fontSize);
-  const gridTemplateRows = 'min-content 1fr min-content'; // header body footer;
+  // header body ?footer
+  const gridTemplateRows = table.getRowModel().rows.length ? 'min-content 1fr min-content' : 'min-content 1fr';
   return React__default.useMemo(() => {
     let printGridTemplateColumns = '';
     const printHiddenColumns = [];
@@ -24,12 +25,15 @@ function useCssGridStylesheet(tableId, table, fontSize) {
         size = `minmax(${minWidth}px, auto)`;
       } else if (width !== undefined) {
         const isLastColumn = index === allVisibleColumns.length - 1;
-        if (isLastColumn) {
-          size = `minmax(${minSize}px, auto)`;
-        } else if (width === 'grow' || Number.isNaN(width)) {
+        if (width === 'grow' || Number.isNaN(width) && !isLastColumn) {
           size = `minmax(${minSize}px, 1fr)`;
         } else {
-          size = `${width < minSize ? minSize : width}px`;
+          const minWidth = width < minSize ? minSize : width;
+          if (isLastColumn) {
+            size = `minmax(${minWidth}px, auto)`;
+          } else {
+            size = `${minWidth}px`;
+          }
         }
       } else {
         size = `minmax(${minSize}px, auto)`;
@@ -46,7 +50,7 @@ function useCssGridStylesheet(tableId, table, fontSize) {
     // we have to be specific so that nested tables don't inherit the same css
     const hiddenColumns = printHiddenColumns.map(id => `table[data-taco='report']#${tableId} > thead > tr > th[data-cell-id='${id}']\n,table[data-taco='report']#${tableId} > tbody > tr > td[data-cell-id='${id}']\n`).join(',');
     return `table[data-taco='report']#${tableId} { grid-template-columns: ${gridTemplateColumns}; grid-template-rows: ${gridTemplateRows}; }
-@media print { table[data-taco='report']#${tableId} { grid-template-columns: ${printGridTemplateColumns}; } ${hiddenColumns} { display: none; } }`;
+@media print { table[data-taco='report']#${tableId} { grid-template-columns: ${printGridTemplateColumns}; } ${hiddenColumns ? `${hiddenColumns} { display: none; }` : ''} }`;
   }, [allVisibleColumns, columnSizing, globalMinSize, tableMeta.rowActions.rowActionsLength]);
 }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useCssGridStylesheet.js","sources":["../../../../../../../../src/components/Report/styles/useCssGridStylesheet.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { TableFontSize } from '../../../primitives/Table/types';\nimport { getCellMinWidth } from '../../../primitives/Table/useTable/util/columns';\n\nexport function useCssGridStylesheet<TType = unknown>(\n tableId: string,\n table: ReactTable<TType>,\n fontSize: TableFontSize\n): string {\n const tableMeta = table.options.meta as ReactTableMeta<TType>;\n const allVisibleColumns = table.getVisibleLeafColumns();\n const columnSizing = table.getState().columnSizing;\n const globalMinSize = getCellMinWidth(fontSize);\n\n const gridTemplateRows = 'min-content 1fr min-content'; // ~~header~~ ~~body footer~~;\n\n return React.useMemo(() => {\n let printGridTemplateColumns = '';\n const printHiddenColumns: string[] = [];\n\n const gridTemplateColumns = allVisibleColumns.reduce((accum, column, index) => {\n if (table.options.enableGrouping && column.getIsGrouped()) {\n return accum;\n }\n\n const minSize = column.columnDef.minSize ?? globalMinSize;\n const width = columnSizing[column.id] as number \| 'grow';\n\n let size;\n let printSize;\n\n if (column.id === '__actions') {\n const minWidth = tableMeta.rowActions.rowActionsLength * 32 + 8; /* button margins l+r */\n size = `minmax(${minWidth}px, auto)`;\n } else if (width !== undefined) {\n const isLastColumn = index === allVisibleColumns.length - 1;\n\n if (isLastColumn) {\n size = `minmax(${minSize}px, ~~auto~~)`;\n } else if (width ~~===~~ ~~'grow'~~ \|\| ~~Number.isNaN~~(~~width~~)) {\n size = `minmax(${~~minSize~~}px, ~~1fr~~)`;\n } else {\n size = `${~~width < minSize ? minSize : width~~}px`;\n }\n } else {\n size = `minmax(${minSize}px, auto)`;\n }\n\n if (column.columnDef.meta?.enablePrinting === false) {\n printSize = '';\n printHiddenColumns.push(column.id);\n } else {\n printSize = 'auto';\n }\n\n printGridTemplateColumns = `${printGridTemplateColumns} ${printSize}`.trim();\n\n return `${accum} ${size}`.trim();\n }, '');\n\n // we have to be specific so that nested tables don't inherit the same css\n const hiddenColumns = printHiddenColumns\n .map(\n id =>\n `table[data-taco='report']#${tableId} > thead > tr > th[data-cell-id='${id}']\\n,table[data-taco='report']#${tableId} > tbody > tr > td[data-cell-id='${id}']\\n`\n )\n .join(',');\n\n return `table[data-taco='report']#${tableId} { grid-template-columns: ${gridTemplateColumns}; grid-template-rows: ${gridTemplateRows}; }\n@media print { table[data-taco='report']#${tableId} { grid-template-columns: ${printGridTemplateColumns}; } ${hiddenColumns} { display: none; } }`;\n }, [allVisibleColumns, columnSizing, globalMinSize, tableMeta.rowActions.rowActionsLength]);\n}\n"],"names":["useCssGridStylesheet","tableId","table","fontSize","tableMeta","options","meta","allVisibleColumns","getVisibleLeafColumns","columnSizing","getState","globalMinSize","getCellMinWidth","gridTemplateRows","React","useMemo","printGridTemplateColumns","printHiddenColumns","gridTemplateColumns","reduce","accum","column","index","enableGrouping","getIsGrouped","minSize","_column$columnDef$min","columnDef","width","id","size","printSize","minWidth","rowActions","rowActionsLength","undefined","isLastColumn","~~length","~~Number","isNaN","_column$columnDef$met","enablePrinting","push","trim","hiddenColumns","map","join"],"mappings":";;;SAKgBA,oBAAoBA,CAChCC,OAAe,EACfC,KAAwB,EACxBC,QAAuB;EAEvB,MAAMC,SAAS,GAAGF,KAAK,CAACG,OAAO,CAACC,IAA6B;EAC7D,MAAMC,iBAAiB,GAAGL,KAAK,CAACM,qBAAqB,EAAE;EACvD,MAAMC,YAAY,GAAGP,KAAK,CAACQ,QAAQ,EAAE,CAACD,YAAY;EAClD,MAAME,aAAa,GAAGC,eAAe,CAACT,QAAQ,CAAC~~;EAE~~/C,MAAMU,gBAAgB,GAAG,6BAA6B,~~CAAC~~;~~EAEvD~~,OAAOC,cAAK,CAACC,OAAO,CAAC;IACjB,IAAIC,wBAAwB,GAAG,EAAE;IACjC,MAAMC,kBAAkB,GAAa,EAAE;IAEvC,MAAMC,mBAAmB,~~GAAGX~~,iBAAiB,~~CAACY~~,MAAM,CAAC,CAACC,KAAK,EAAEC,MAAM,EAAEC,KAAK;;MACtE,~~IAAIpB~~,KAAK,CAACG,OAAO,~~CAACkB~~,cAAc,IAAIF,MAAM,CAACG,YAAY,EAAE,EAAE;QACvD,OAAOJ,KAAK;;MAGhB,MAAMK,OAAO,IAAAC,qBAAA,GAAGL,MAAM,CAACM,SAAS,CAACF,OAAO,cAAAC,qBAAA,cAAAA,qBAAA,~~GAAIf~~,aAAa;MACzD,~~MAAMiB~~,KAAK,~~GAAGnB~~,YAAY,~~CAACY~~,MAAM,CAACQ,EAAE,CAAoB;MAExD,IAAIC,IAAI;MACR,IAAIC,SAAS;MAEb,IAAIV,MAAM,CAACQ,EAAE,KAAK,WAAW,EAAE;QAC3B,MAAMG,QAAQ,~~GAAG5B~~,SAAS,~~CAAC6B~~,UAAU,CAACC,gBAAgB,GAAG,EAAE,GAAG,CAAC,CAAC;QAChEJ,IAAI,aAAaE,mBAAmB;OACvC,MAAM,IAAIJ,KAAK,KAAKO,SAAS,EAAE;QAC5B,MAAMC,YAAY,GAAGd,KAAK,~~KAAKf~~,iBAAiB,~~CAAC8B~~,MAAM,GAAG,CAAC;QAE3D,~~IAAID~~,~~YAAY,EAAE;UACdN,IAAI,aAAaL,kBAAkB;SACtC,MAAM,IAAIG,~~KAAK,KAAK,MAAM,~~IAAIU~~,MAAM,CAACC,KAAK,~~CAACX~~,KAAK,CAAC,EAAE;~~UAChDE~~,IAAI,aAAaL,iBAAiB;SACrC,MAAM;~~UACHK~~,~~IAAI~~,~~MAAMF~~,KAAK,GAAGH,OAAO,GAAGA,OAAO,GAAGG,~~SAAS;;OAEtD~~,MAAM;~~QACHE~~,IAAI,aAAaL,kBAAkB;;MAGvC,IAAI,~~EAAAe~~,qBAAA,~~GAAAnB~~,MAAM,CAACM,SAAS,~~CAACrB~~,IAAI,~~cAAAkC~~,qBAAA,uBAArBA,qBAAA,CAAuBC,cAAc,MAAK,KAAK,EAAE;~~QACjDV~~,SAAS,GAAG,EAAE;QACdd,kBAAkB,~~CAACyB~~,IAAI,~~CAACrB~~,MAAM,CAACQ,EAAE,CAAC;OACrC,MAAM;QACHE,SAAS,GAAG,MAAM;;MAGtBf,wBAAwB,MAAMA,4BAA4Be,WAAW,~~CAACY~~,IAAI,EAAE;MAE5E,~~UAAUvB~~,SAASU,MAAM,~~CAACa~~,IAAI,EAAE;KACnC,EAAE,EAAE,CAAC;;IAGN,MAAMC,aAAa,~~GAAG3B~~,kBAAkB,~~CACnC4B~~,GAAG,~~CACAhB~~,EAAE,iCAC+~~B5B~~,~~2CAA2C4B~~,~~oCAAoC5B~~,~~2CAA2C4B~~,QAAQ,CACtK,~~CACAiB~~,IAAI,CAAC,GAAG,CAAC;IAEd,~~oCAAoC7C~~,~~oCAAoCiB~~,~~4CAA4CL~~;2CACjFZ,~~oCAAoCe~~,+~~BAA+B4B~~,~~oCAAoC~~;~~GAC7I~~,EAAE,~~CAACrC~~,iBAAiB,EAAEE,YAAY,EAAEE,aAAa,EAAEP,SAAS,~~CAAC6B~~,UAAU,CAACC,gBAAgB,CAAC,CAAC;AAC/F;;;;"}
1	+ {"version":3,"file":"useCssGridStylesheet.js","sources":["../../../../../../../../src/components/Report/styles/useCssGridStylesheet.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { TableFontSize } from '../../../primitives/Table/types';\nimport { getCellMinWidth } from '../../../primitives/Table/useTable/util/columns';\n\nexport function useCssGridStylesheet<TType = unknown>(\n tableId: string,\n table: ReactTable<TType>,\n fontSize: TableFontSize\n): string {\n const tableMeta = table.options.meta as ReactTableMeta<TType>;\n const allVisibleColumns = table.getVisibleLeafColumns();\n const columnSizing = table.getState().columnSizing;\n const globalMinSize = getCellMinWidth(fontSize);\n\n // header body ?footer\n const gridTemplateRows = table.getRowModel().rows.length ? 'min-content 1fr min-content' : 'min-content 1fr';\n\n return React.useMemo(() => {\n let printGridTemplateColumns = '';\n const printHiddenColumns: string[] = [];\n\n const gridTemplateColumns = allVisibleColumns.reduce((accum, column, index) => {\n if (table.options.enableGrouping && column.getIsGrouped()) {\n return accum;\n }\n\n const minSize = column.columnDef.minSize ?? globalMinSize;\n const width = columnSizing[column.id] as number \| 'grow';\n\n let size;\n let printSize;\n\n if (column.id === '__actions') {\n const minWidth = tableMeta.rowActions.rowActionsLength * 32 + 8; /* button margins l+r */\n size = `minmax(${minWidth}px, auto)`;\n } else if (width !== undefined) {\n const isLastColumn = index === allVisibleColumns.length - 1;\n\n if (width === 'grow' \|\| (Number.isNaN(width) && !isLastColumn)) {\n size = `minmax(${minSize}px, 1fr)`;\n } else {\n const minWidth = width < minSize ? minSize : width;\n\n if (isLastColumn) {\n size = `minmax(${minWidth}px, auto)`;\n } else {\n size = `${minWidth}px`;\n }\n }\n } else {\n size = `minmax(${minSize}px, auto)`;\n }\n\n if (column.columnDef.meta?.enablePrinting === false) {\n printSize = '';\n printHiddenColumns.push(column.id);\n } else {\n printSize = 'auto';\n }\n\n printGridTemplateColumns = `${printGridTemplateColumns} ${printSize}`.trim();\n\n return `${accum} ${size}`.trim();\n }, '');\n\n // we have to be specific so that nested tables don't inherit the same css\n const hiddenColumns = printHiddenColumns\n .map(\n id =>\n `table[data-taco='report']#${tableId} > thead > tr > th[data-cell-id='${id}']\\n,table[data-taco='report']#${tableId} > tbody > tr > td[data-cell-id='${id}']\\n`\n )\n .join(',');\n\n return `table[data-taco='report']#${tableId} { grid-template-columns: ${gridTemplateColumns}; grid-template-rows: ${gridTemplateRows}; }\n@media print { table[data-taco='report']#${tableId} { grid-template-columns: ${printGridTemplateColumns}; } ${\n hiddenColumns ? `${hiddenColumns} { display: none; }` : ''\n } }`;\n }, [allVisibleColumns, columnSizing, globalMinSize, tableMeta.rowActions.rowActionsLength]);\n}\n"],"names":["useCssGridStylesheet","tableId","table","fontSize","tableMeta","options","meta","allVisibleColumns","getVisibleLeafColumns","columnSizing","getState","globalMinSize","getCellMinWidth","gridTemplateRows","getRowModel","rows","length","React","useMemo","printGridTemplateColumns","printHiddenColumns","gridTemplateColumns","reduce","accum","column","index","enableGrouping","getIsGrouped","minSize","_column$columnDef$min","columnDef","width","id","size","printSize","minWidth","rowActions","rowActionsLength","undefined","isLastColumn","Number","isNaN","_column$columnDef$met","enablePrinting","push","trim","hiddenColumns","map","join"],"mappings":";;;SAKgBA,oBAAoBA,CAChCC,OAAe,EACfC,KAAwB,EACxBC,QAAuB;EAEvB,MAAMC,SAAS,GAAGF,KAAK,CAACG,OAAO,CAACC,IAA6B;EAC7D,MAAMC,iBAAiB,GAAGL,KAAK,CAACM,qBAAqB,EAAE;EACvD,MAAMC,YAAY,GAAGP,KAAK,CAACQ,QAAQ,EAAE,CAACD,YAAY;EAClD,MAAME,aAAa,GAAGC,eAAe,CAACT,QAAQ,CAAC;;EAG/C,MAAMU,gBAAgB,GAAGX,KAAK,CAACY,WAAW,EAAE,CAACC,IAAI,CAACC,MAAM,GAAG,6BAA6B,GAAG,iBAAiB;EAE5G,OAAOC,cAAK,CAACC,OAAO,CAAC;IACjB,IAAIC,wBAAwB,GAAG,EAAE;IACjC,MAAMC,kBAAkB,GAAa,EAAE;IAEvC,MAAMC,mBAAmB,GAAGd,iBAAiB,CAACe,MAAM,CAAC,CAACC,KAAK,EAAEC,MAAM,EAAEC,KAAK;;MACtE,IAAIvB,KAAK,CAACG,OAAO,CAACqB,cAAc,IAAIF,MAAM,CAACG,YAAY,EAAE,EAAE;QACvD,OAAOJ,KAAK;;MAGhB,MAAMK,OAAO,IAAAC,qBAAA,GAAGL,MAAM,CAACM,SAAS,CAACF,OAAO,cAAAC,qBAAA,cAAAA,qBAAA,GAAIlB,aAAa;MACzD,MAAMoB,KAAK,GAAGtB,YAAY,CAACe,MAAM,CAACQ,EAAE,CAAoB;MAExD,IAAIC,IAAI;MACR,IAAIC,SAAS;MAEb,IAAIV,MAAM,CAACQ,EAAE,KAAK,WAAW,EAAE;QAC3B,MAAMG,QAAQ,GAAG/B,SAAS,CAACgC,UAAU,CAACC,gBAAgB,GAAG,EAAE,GAAG,CAAC,CAAC;QAChEJ,IAAI,aAAaE,mBAAmB;OACvC,MAAM,IAAIJ,KAAK,KAAKO,SAAS,EAAE;QAC5B,MAAMC,YAAY,GAAGd,KAAK,KAAKlB,iBAAiB,CAACS,MAAM,GAAG,CAAC;QAE3D,IAAIe,KAAK,KAAK,MAAM,IAAKS,MAAM,CAACC,KAAK,CAACV,KAAK,CAAC,IAAI,CAACQ,YAAa,EAAE;UAC5DN,IAAI,aAAaL,iBAAiB;SACrC,MAAM;UACH,MAAMO,QAAQ,GAAGJ,KAAK,GAAGH,OAAO,GAAGA,OAAO,GAAGG,KAAK;UAElD,IAAIQ,YAAY,EAAE;YACdN,IAAI,aAAaE,mBAAmB;WACvC,MAAM;YACHF,IAAI,MAAME,YAAY;;;OAGjC,MAAM;QACHF,IAAI,aAAaL,kBAAkB;;MAGvC,IAAI,EAAAc,qBAAA,GAAAlB,MAAM,CAACM,SAAS,CAACxB,IAAI,cAAAoC,qBAAA,uBAArBA,qBAAA,CAAuBC,cAAc,MAAK,KAAK,EAAE;QACjDT,SAAS,GAAG,EAAE;QACdd,kBAAkB,CAACwB,IAAI,CAACpB,MAAM,CAACQ,EAAE,CAAC;OACrC,MAAM;QACHE,SAAS,GAAG,MAAM;;MAGtBf,wBAAwB,MAAMA,4BAA4Be,WAAW,CAACW,IAAI,EAAE;MAE5E,UAAUtB,SAASU,MAAM,CAACY,IAAI,EAAE;KACnC,EAAE,EAAE,CAAC;;IAGN,MAAMC,aAAa,GAAG1B,kBAAkB,CACnC2B,GAAG,CACAf,EAAE,iCAC+B/B,2CAA2C+B,oCAAoC/B,2CAA2C+B,QAAQ,CACtK,CACAgB,IAAI,CAAC,GAAG,CAAC;IAEd,oCAAoC/C,oCAAoCoB,4CAA4CR;2CACjFZ,oCAAoCkB,+BACnE2B,aAAa,MAAMA,kCAAkC,GAAG,MACxD;GACP,EAAE,CAACvC,iBAAiB,EAAEE,YAAY,EAAEE,aAAa,EAAEP,SAAS,CAACgC,UAAU,CAACC,gBAAgB,CAAC,CAAC;AAC/F;;;;"}

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

@@ -1,20 +1,13 @@
 import React__default from 'react';
+import { isElementInsideOverlay, isSiblingElementInsideSameParentOverlay, isElementInteractive, isElementInsideOrTriggeredFromContainer } from '../../../utils/dom.js';
 function useTableGlobalShortcuts(table, tableRef, scrollToIndex) {
   const tableMeta = table.options.meta;
   const rows = table.getRowModel().rows;
   React__default.useEffect(() => {
     const handleKeyDown = event => {
-      const target = event.target;
-      const dialog = target.closest('[role="dialog"]');
-      //const eventOriginatedFromCombobox = !!target.closest('[role="combobox"]');
-      // Don't trigger global shortcuts on the table if event originated from a combobox or if table is
-      // outside the dialog
-      if (
-      //eventOriginatedFromCombobox ||
-      dialog && !(dialog !== null && dialog !== void 0 && dialog.contains(tableRef.current))
-      // || tableMeta.shortcutsState.isPaused
-      ) {
+      const trigger = event.target;
+      if (isElementInsideOverlay(trigger) && !isSiblingElementInsideSameParentOverlay(trigger, tableRef.current) || isElementInteractive(trigger) && !isElementInsideOrTriggeredFromContainer(trigger, tableRef.current)) {
         return;
       }
       tableMeta.rowActive.handleKeyDown(event, rows.length, scrollToIndex, tableRef);

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useTableGlobalShortcuts.js","sources":["../../../../../../../../src/components/Report/util/useTableGlobalShortcuts.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { TableRef } from '../../../primitives/Table/types';\n\nexport function useTableGlobalShortcuts<TType = unknown>(\n table: ReactTable<TType>,\n tableRef: React.RefObject<TableRef>,\n scrollToIndex: (index: number) => void\n) {\n const tableMeta = table.options.meta as ReactTableMeta<TType>;\n const rows = table.getRowModel().rows;\n\n React.useEffect(\n () => {\n const handleKeyDown = (event: KeyboardEvent) => {\n const ~~target~~ = event.target as HTMLElement;\n ~~const~~ ~~dialog = target.closest~~(~~'[role=\"dialog~~\~~"]');\~~n ~~//const eventOriginatedFromCombobox = !!target.closest~~(~~'[role=\"combobox\"]'~~)~~;\n\n //~~ ~~Don't~~ trigger ~~global~~ ~~shortcuts on the table if event originated from a combobox or if table is\n // outside the dialog\n if (\n //eventOriginatedFromCombobox~~ \|\|\n ~~dialog~~ ~~&&\n~~ !~~dialog?.contains~~(tableRef.current)\n ~~// \|\| tableMeta.shortcutsState.isPaused\n~~ ) {\n return;\n }\n\n tableMeta.rowActive.handleKeyDown(event, rows.length, scrollToIndex, tableRef);\n tableMeta.rowSelection.handleKeyDown(event, table);\n\n if (tableMeta.rowActive.rowActiveIndex !== undefined) {\n tableMeta.rowClick.handleKeyDown(event, rows[tableMeta.rowActive.rowActiveIndex]?.original);\n }\n };\n\n document.addEventListener('keydown', handleKeyDown);\n\n return () => {\n document.removeEventListener('keydown', handleKeyDown);\n };\n },\n // See https://github.com/e-conomic/taco/blob/dev/packages/taco/src/components/Table3/strategies/virtualised.tsx#L143\n // scrollToIndex function changes when row count changes, so it is important to update handlers with new\n // scrollToIndex function.\n [tableRef.current, tableMeta.rowActive.rowActiveIndex, scrollToIndex]\n );\n}\n"],"names":["useTableGlobalShortcuts","table","tableRef","scrollToIndex","tableMeta","options","meta","rows","getRowModel","React","useEffect","handleKeyDown","event","~~target~~","~~dialog~~","~~closest~~","~~contains~~","current","rowActive","length","rowSelection","rowActiveIndex","undefined","_rows$tableMeta$rowAc","rowClick","original","document","addEventListener","removeEventListener"],"mappings":"~~;;SAIgBA~~,uBAAuBA,CACnCC,KAAwB,EACxBC,QAAmC,EACnCC,aAAsC;EAEtC,MAAMC,SAAS,GAAGH,KAAK,CAACI,OAAO,CAACC,IAA6B;EAC7D,MAAMC,IAAI,GAAGN,KAAK,CAACO,WAAW,EAAE,CAACD,IAAI;EAErCE,cAAK,CAACC,SAAS,CACX;IACI,MAAMC,aAAa,GAAIC,KAAoB;MACvC,MAAMC,~~MAAM~~,GAAGD,KAAK,~~CAACC~~,MAAqB;~~MAC1C~~,~~MAAMC~~,~~MAAM~~,~~GAAGD~~,~~MAAM~~,~~CAACE~~,OAAO,~~CAAC~~,~~iBAAiB~~,CAAC~~;;;;MAKhD;;MAEID~~,~~MAAM~~,~~IACN~~,~~EAACA~~,~~MAAM~~,~~aAANA~~,~~MAAM~~,~~eAANA~~,~~MAAM~~,~~CAAEE~~,~~QAAQ~~,~~CAACd~~,QAAQ,CAACe,OAAO,~~CAAC;;QAErC~~;QACE;;MAGJb,SAAS,~~CAACc~~,SAAS,~~CAACP~~,aAAa,CAACC,KAAK,EAAEL,IAAI,~~CAACY~~,MAAM,~~EAAEhB~~,aAAa,EAAED,QAAQ,CAAC;MAC9EE,SAAS,~~CAACgB~~,YAAY,~~CAACT~~,aAAa,CAACC,KAAK,EAAEX,KAAK,CAAC;MAElD,IAAIG,SAAS,~~CAACc~~,SAAS,CAACG,cAAc,KAAKC,SAAS,EAAE;QAAA,IAAAC,qBAAA;~~QAClDnB~~,SAAS,~~CAACoB~~,QAAQ,~~CAACb~~,aAAa,CAACC,KAAK,~~GAAAW~~,qBAAA,~~GAAEhB~~,IAAI,CAACH,SAAS,~~CAACc~~,SAAS,CAACG,cAAc,CAAC,cAAAE,qBAAA,uBAAxCA,qBAAA,CAA0CE,QAAQ,CAAC;;KAElG;IAEDC,QAAQ,CAACC,gBAAgB,CAAC,SAAS,~~EAAEhB~~,aAAa,CAAC;IAEnD,OAAO;~~MACHe~~,QAAQ,CAACE,mBAAmB,CAAC,SAAS,~~EAAEjB~~,aAAa,CAAC;KACzD;GACJ;;;;EAID,CAACT,QAAQ,CAACe,OAAO,EAAEb,SAAS,~~CAACc~~,SAAS,CAACG,cAAc,~~EAAElB~~,aAAa,CAAC,CACxE;AACL;;;;"}
1	+ {"version":3,"file":"useTableGlobalShortcuts.js","sources":["../../../../../../../../src/components/Report/util/useTableGlobalShortcuts.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { TableRef } from '../../../primitives/Table/types';\nimport {\n isElementInsideOrTriggeredFromContainer,\n isElementInsideOverlay,\n isElementInteractive,\n isSiblingElementInsideSameParentOverlay,\n} from '../../../utils/dom';\n\nexport function useTableGlobalShortcuts<TType = unknown>(\n table: ReactTable<TType>,\n tableRef: React.RefObject<TableRef>,\n scrollToIndex: (index: number) => void\n) {\n const tableMeta = table.options.meta as ReactTableMeta<TType>;\n const rows = table.getRowModel().rows;\n\n React.useEffect(\n () => {\n const handleKeyDown = (event: KeyboardEvent) => {\n const trigger = event.target as HTMLElement;\n\n if (\n (isElementInsideOverlay(trigger) && !isSiblingElementInsideSameParentOverlay(trigger, tableRef.current)) \|\|\n (isElementInteractive(trigger) && !isElementInsideOrTriggeredFromContainer(trigger, tableRef.current))\n ) {\n return;\n }\n\n tableMeta.rowActive.handleKeyDown(event, rows.length, scrollToIndex, tableRef);\n tableMeta.rowSelection.handleKeyDown(event, table);\n\n if (tableMeta.rowActive.rowActiveIndex !== undefined) {\n tableMeta.rowClick.handleKeyDown(event, rows[tableMeta.rowActive.rowActiveIndex]?.original);\n }\n };\n\n document.addEventListener('keydown', handleKeyDown);\n\n return () => {\n document.removeEventListener('keydown', handleKeyDown);\n };\n },\n // See https://github.com/e-conomic/taco/blob/dev/packages/taco/src/components/Table3/strategies/virtualised.tsx#L143\n // scrollToIndex function changes when row count changes, so it is important to update handlers with new\n // scrollToIndex function.\n [tableRef.current, tableMeta.rowActive.rowActiveIndex, scrollToIndex]\n );\n}\n"],"names":["useTableGlobalShortcuts","table","tableRef","scrollToIndex","tableMeta","options","meta","rows","getRowModel","React","useEffect","handleKeyDown","event","trigger","target","isElementInsideOverlay","isSiblingElementInsideSameParentOverlay","current","isElementInteractive","isElementInsideOrTriggeredFromContainer","rowActive","length","rowSelection","rowActiveIndex","undefined","_rows$tableMeta$rowAc","rowClick","original","document","addEventListener","removeEventListener"],"mappings":";;;SAUgBA,uBAAuBA,CACnCC,KAAwB,EACxBC,QAAmC,EACnCC,aAAsC;EAEtC,MAAMC,SAAS,GAAGH,KAAK,CAACI,OAAO,CAACC,IAA6B;EAC7D,MAAMC,IAAI,GAAGN,KAAK,CAACO,WAAW,EAAE,CAACD,IAAI;EAErCE,cAAK,CAACC,SAAS,CACX;IACI,MAAMC,aAAa,GAAIC,KAAoB;MACvC,MAAMC,OAAO,GAAGD,KAAK,CAACE,MAAqB;MAE3C,IACKC,sBAAsB,CAACF,OAAO,CAAC,IAAI,CAACG,uCAAuC,CAACH,OAAO,EAAEX,QAAQ,CAACe,OAAO,CAAC,IACtGC,oBAAoB,CAACL,OAAO,CAAC,IAAI,CAACM,uCAAuC,CAACN,OAAO,EAAEX,QAAQ,CAACe,OAAO,CAAE,EACxG;QACE;;MAGJb,SAAS,CAACgB,SAAS,CAACT,aAAa,CAACC,KAAK,EAAEL,IAAI,CAACc,MAAM,EAAElB,aAAa,EAAED,QAAQ,CAAC;MAC9EE,SAAS,CAACkB,YAAY,CAACX,aAAa,CAACC,KAAK,EAAEX,KAAK,CAAC;MAElD,IAAIG,SAAS,CAACgB,SAAS,CAACG,cAAc,KAAKC,SAAS,EAAE;QAAA,IAAAC,qBAAA;QAClDrB,SAAS,CAACsB,QAAQ,CAACf,aAAa,CAACC,KAAK,GAAAa,qBAAA,GAAElB,IAAI,CAACH,SAAS,CAACgB,SAAS,CAACG,cAAc,CAAC,cAAAE,qBAAA,uBAAxCA,qBAAA,CAA0CE,QAAQ,CAAC;;KAElG;IAEDC,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAElB,aAAa,CAAC;IAEnD,OAAO;MACHiB,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEnB,aAAa,CAAC;KACzD;GACJ;;;;EAID,CAACT,QAAQ,CAACe,OAAO,EAAEb,SAAS,CAACgB,SAAS,CAACG,cAAc,EAAEpB,aAAa,CAAC,CACxE;AACL;;;;"}

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

@@ -5,8 +5,8 @@ import { useMergedRef } from '../../hooks/useMergedRef.js';
 import { useGlobalKeyDown } from '../../hooks/useGlobalKeyDown.js';
 import { IconButton } from '../IconButton/IconButton.js';
 import { useLocalization } from '../Provider/Localization.js';
-import { Input } from '../Input/Input.js';
 import { Spinner } from '../Spinner/Spinner.js';
+import { Input } from '../Input/Input.js';
 import { Shortcut } from '../Shortcut/Shortcut.js';
 const SearchInput2 = /*#__PURE__*/React__default.forwardRef(function SearchInput2(props, ref) {
@@ -79,6 +79,7 @@ const SearchInput2 = /*#__PURE__*/React__default.forwardRef(function SearchInput
     }
     if (event.key === 'Escape') {
       handleClear();
+      event.stopPropagation();
       return;
     }
   };