npm - @economic/taco - Versions diffs - 13.0.0 → 14.0.0-tanstack-virtual-update.0 - Mend

@economic/taco 13.0.0 → 14.0.0-tanstack-virtual-update.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (645) hide show

package/dist/primitives/Table/Core/components/Toolbar/components/Filters/components/FilterValue.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FilterValue.cjs","sources":["../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/components/FilterValue.tsx"],"sourcesContent":["import type { Column as ReactTableColumn } from '@tanstack/react-table';\nimport React, { useEffect } from 'react';\n\nimport { Checkbox ~~} from '../../../../../../../../components/Checkbox/Checkbox';\nimport {~~ Datepicker ~~} from '../../../../../../../../components/Datepicker/Datepicker';\nimport {~~ Input } ~~from '../../../../../../../../components/Input/Input';\nimport {~~ useLocalization } from '~~../../../../../../../../~~components~~/Provider/Localization~~';\nimport { ~~Switch } from '../../../../../../../../components/Switch/Switch';\nimport {~~ TableFilterComparator } from '../../../../../../types';\nimport { FilterContext } from '../FilterContext';\n\nexport type FilterValueProps<TType = unknown> = {\n column?: ReactTableColumn<TType, unknown>;\n comparator: TableFilterComparator;\n onChange: (value: any) => void;\n value: any;\n};\n\nconst querySelector = 'filter-value';\n\nexport function FilterValue<TType = unknown>(props: FilterValueProps<TType>) {\n const { column, comparator, onChange: handleChange, value } = props;\n const { texts } = useLocalization();\n\n if (comparator === TableFilterComparator.IsEmpty \|\| comparator === TableFilterComparator.IsNotEmpty) {\n return null;\n }\n\n if (comparator === TableFilterComparator.IsBetween) {\n const fromValue = Array.isArray(value) ? value[0] : undefined;\n const toValue = Array.isArray(value) ? value[1] : undefined;\n\n if (column === undefined) {\n return (\n <Input\n aria-label={texts.table.filters.emptyFilter.value}\n className=\"flex-grow\"\n data-query-selector={querySelector}\n disabled\n value={texts.table.filters.emptyFilter.value}\n />\n );\n }\n\n if (column.columnDef.meta?.dataType === 'datetime' \|\| column.columnDef.meta?.dataType === 'date') {\n return (\n <div className=\"flex flex-grow items-center gap-2\">\n <Control\n column={column}\n data-query-selector={querySelector}\n onChange={(value: any) => handleChange([value, toValue])}\n value={fromValue}\n />\n <Control\n column={column}\n data-query-selector={querySelector}\n onChange={(value: any) => handleChange([fromValue, value])}\n value={toValue}\n />\n </div>\n );\n }\n\n return (\n <div className=\"flex flex-grow items-center gap-2\">\n <Control\n column={column}\n data-query-selector={querySelector}\n onChange={(value: any) => handleChange([Number.isNaN(value) ? undefined : value, toValue])}\n placeholder=\"from\"\n value={fromValue ?? ''}\n />\n <Control\n column={column}\n data-query-selector={querySelector}\n onChange={(value: any) => handleChange([fromValue, Number.isNaN(value) ? undefined : value])}\n placeholder=\"to\"\n value={toValue ?? ''}\n />\n </div>\n );\n }\n\n return (\n <Control\n comparator={comparator}\n column={column}\n data-query-selector={querySelector}\n onChange={handleChange}\n value={value}\n />\n );\n}\n\ntype ControlProps<TType> = {\n column?: ReactTableColumn<TType, unknown>;\n comparator?: TableFilterComparator;\n onChange: (value: any) => void;\n placeholder?: string;\n value: any;\n};\n\nfunction Control<TType>(props: ControlProps<TType>) {\n const { column, comparator: _1, onChange, value, ...attributes } = props;\n const controlRenderer = column?.columnDef.meta?.control;\n const dataType = column?.columnDef.meta?.dataType;\n const filters = React.useContext(FilterContext);\n const ref = React.useRef<HTMLElement>(null);\n\n useEffect(() => {\n // Set value to false only after first render of the control (when it's undefined) after setting the FilterColumn value, because we don't want to change then the value every time filter is opened\n if ((controlRenderer === 'switch' \|\| controlRenderer === 'checkbox') && value === undefined) {\n onChange(false);\n }\n }, [controlRenderer]);\n\n if (typeof controlRenderer === 'function') {\n const control = controlRenderer(\n {\n ...attributes,\n setValue: onChange,\n value,\n ref,\n },\n undefined,\n filters\n );\n\n if (control) {\n return React.cloneElement(control, { ['data-query-selector']: querySelector, className: 'focus:yt-focus' });\n }\n }\n\n if (controlRenderer === 'datepicker' \|\| dataType === 'datetime' \|\| dataType === 'date') {\n return <Datepicker {...attributes} onChange={event => onChange((event as any).detail)} value={value as Date} />;\n }\n\n if (controlRenderer === 'switch') {\n // oxlint-disable-next-line taco/no-component-margin -- grandfathered; removing this margin is a visual breaking change\n return <Switch {...attributes} className=\"m-1.5\" checked={Boolean(value)} onChange={onChange} />;\n }\n\n if (controlRenderer === 'checkbox') {\n // oxlint-disable-next-line taco/no-component-margin -- grandfathered; removing this margin is a visual breaking change\n return <Checkbox {...attributes} className=\"!m-1.5\" checked={Boolean(value)} onChange={onChange} />;\n }\n\n return (\n <Input\n disabled={!column}\n {...attributes}\n className=\"flex-grow\"\n onChange={event => onChange(event.target.value)}\n value={String(value ?? '')}\n />\n );\n}\n"],"names":["useLocalization","TableFilterComparator","Input","value","FilterContext","useEffect","Datepicker","Switch","Checkbox"],"mappings":";;;;;;;;;;~~AAkBA~~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"}
1	+ {"version":3,"file":"FilterValue.cjs","sources":["../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/components/FilterValue.tsx"],"sourcesContent":["import type { Column as ReactTableColumn } from '@tanstack/react-table';\nimport React, { useEffect } from 'react';\n\nimport { Checkbox, Datepicker, Input, Switch, useLocalization } from '@/components';\n\nimport { TableFilterComparator } from '../../../../../../types';\nimport { FilterContext } from '../FilterContext';\n\nexport type FilterValueProps<TType = unknown> = {\n column?: ReactTableColumn<TType, unknown>;\n comparator: TableFilterComparator;\n onChange: (value: any) => void;\n value: any;\n};\n\nconst querySelector = 'filter-value';\n\nexport function FilterValue<TType = unknown>(props: FilterValueProps<TType>) {\n const { column, comparator, onChange: handleChange, value } = props;\n const { texts } = useLocalization();\n\n if (comparator === TableFilterComparator.IsEmpty \|\| comparator === TableFilterComparator.IsNotEmpty) {\n return null;\n }\n\n if (comparator === TableFilterComparator.IsBetween) {\n const fromValue = Array.isArray(value) ? value[0] : undefined;\n const toValue = Array.isArray(value) ? value[1] : undefined;\n\n if (column === undefined) {\n return (\n <Input\n aria-label={texts.table.filters.emptyFilter.value}\n className=\"flex-grow\"\n data-query-selector={querySelector}\n disabled\n value={texts.table.filters.emptyFilter.value}\n />\n );\n }\n\n if (column.columnDef.meta?.dataType === 'datetime' \|\| column.columnDef.meta?.dataType === 'date') {\n return (\n <div className=\"flex flex-grow items-center gap-2\">\n <Control\n column={column}\n data-query-selector={querySelector}\n onChange={(value: any) => handleChange([value, toValue])}\n value={fromValue}\n />\n <Control\n column={column}\n data-query-selector={querySelector}\n onChange={(value: any) => handleChange([fromValue, value])}\n value={toValue}\n />\n </div>\n );\n }\n\n return (\n <div className=\"flex flex-grow items-center gap-2\">\n <Control\n column={column}\n data-query-selector={querySelector}\n onChange={(value: any) => handleChange([Number.isNaN(value) ? undefined : value, toValue])}\n placeholder=\"from\"\n value={fromValue ?? ''}\n />\n <Control\n column={column}\n data-query-selector={querySelector}\n onChange={(value: any) => handleChange([fromValue, Number.isNaN(value) ? undefined : value])}\n placeholder=\"to\"\n value={toValue ?? ''}\n />\n </div>\n );\n }\n\n return (\n <Control\n comparator={comparator}\n column={column}\n data-query-selector={querySelector}\n onChange={handleChange}\n value={value}\n />\n );\n}\n\ntype ControlProps<TType> = {\n column?: ReactTableColumn<TType, unknown>;\n comparator?: TableFilterComparator;\n onChange: (value: any) => void;\n placeholder?: string;\n value: any;\n};\n\nfunction Control<TType>(props: ControlProps<TType>) {\n const { column, comparator: _1, onChange, value, ...attributes } = props;\n const controlRenderer = column?.columnDef.meta?.control;\n const dataType = column?.columnDef.meta?.dataType;\n const filters = React.useContext(FilterContext);\n const ref = React.useRef<HTMLElement>(null);\n\n useEffect(() => {\n // Set value to false only after first render of the control (when it's undefined) after setting the FilterColumn value, because we don't want to change then the value every time filter is opened\n if ((controlRenderer === 'switch' \|\| controlRenderer === 'checkbox') && value === undefined) {\n onChange(false);\n }\n }, [controlRenderer]);\n\n if (typeof controlRenderer === 'function') {\n const control = controlRenderer(\n {\n ...attributes,\n setValue: onChange,\n value,\n ref,\n },\n undefined,\n filters\n );\n\n if (control) {\n return React.cloneElement(control, { ['data-query-selector']: querySelector, className: 'focus:yt-focus' });\n }\n }\n\n if (controlRenderer === 'datepicker' \|\| dataType === 'datetime' \|\| dataType === 'date') {\n return <Datepicker {...attributes} onChange={event => onChange((event as any).detail)} value={value as Date} />;\n }\n\n if (controlRenderer === 'switch') {\n // oxlint-disable-next-line taco/no-component-margin -- grandfathered; removing this margin is a visual breaking change\n return <Switch {...attributes} className=\"m-1.5\" checked={Boolean(value)} onChange={onChange} />;\n }\n\n if (controlRenderer === 'checkbox') {\n // oxlint-disable-next-line taco/no-component-margin -- grandfathered; removing this margin is a visual breaking change\n return <Checkbox {...attributes} className=\"!m-1.5\" checked={Boolean(value)} onChange={onChange} />;\n }\n\n return (\n <Input\n disabled={!column}\n {...attributes}\n className=\"flex-grow\"\n onChange={event => onChange(event.target.value)}\n value={String(value ?? '')}\n />\n );\n}\n"],"names":["useLocalization","TableFilterComparator","Input","value","FilterContext","useEffect","Datepicker","Switch","Checkbox"],"mappings":"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"}

package/dist/primitives/Table/Core/components/Toolbar/components/Filters/components/FilterValue.js CHANGED Viewed

@@ -1,11 +1,11 @@
 import React__default, { useEffect } from "react";
-import { Checkbox } from "../../../../../../../../components/Checkbox/Checkbox.js";
-import { Datepicker } from "../../../../../../../../components/Datepicker/Datepicker.js";
-import { Input } from "../../../../../../../../components/Input/Input.js";
-import { useLocalization } from "../../../../../../../../components/Provider/Localization.js";
-import { Switch } from "../../../../../../../../components/Switch/Switch.js";
 import { TableFilterComparator } from "../../../../../../types.js";
 import { FilterContext } from "../FilterContext.js";
+import { useLocalization } from "../../../../../../../../components/Provider/Localization.js";
+import { Input } from "../../../../../../../../components/Input/Input.js";
+import { Datepicker } from "../../../../../../../../components/Datepicker/Datepicker.js";
+import { Switch } from "../../../../../../../../components/Switch/Switch.js";
+import { Checkbox } from "../../../../../../../../components/Checkbox/Checkbox.js";
 const querySelector = "filter-value";
 function FilterValue(props) {
   const { column, comparator, onChange: handleChange, value } = props;

package/dist/primitives/Table/Core/components/Toolbar/components/Filters/components/FilterValue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FilterValue.js","sources":["../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/components/FilterValue.tsx"],"sourcesContent":["import type { Column as ReactTableColumn } from '@tanstack/react-table';\nimport React, { useEffect } from 'react';\n\nimport { Checkbox ~~} from '../../../../../../../../components/Checkbox/Checkbox';\nimport {~~ Datepicker ~~} from '../../../../../../../../components/Datepicker/Datepicker';\nimport {~~ Input } ~~from '../../../../../../../../components/Input/Input';\nimport {~~ useLocalization } from '~~../../../../../../../../~~components~~/Provider/Localization~~';\nimport { ~~Switch } from '../../../../../../../../components/Switch/Switch';\nimport {~~ TableFilterComparator } from '../../../../../../types';\nimport { FilterContext } from '../FilterContext';\n\nexport type FilterValueProps<TType = unknown> = {\n column?: ReactTableColumn<TType, unknown>;\n comparator: TableFilterComparator;\n onChange: (value: any) => void;\n value: any;\n};\n\nconst querySelector = 'filter-value';\n\nexport function FilterValue<TType = unknown>(props: FilterValueProps<TType>) {\n const { column, comparator, onChange: handleChange, value } = props;\n const { texts } = useLocalization();\n\n if (comparator === TableFilterComparator.IsEmpty \|\| comparator === TableFilterComparator.IsNotEmpty) {\n return null;\n }\n\n if (comparator === TableFilterComparator.IsBetween) {\n const fromValue = Array.isArray(value) ? value[0] : undefined;\n const toValue = Array.isArray(value) ? value[1] : undefined;\n\n if (column === undefined) {\n return (\n <Input\n aria-label={texts.table.filters.emptyFilter.value}\n className=\"flex-grow\"\n data-query-selector={querySelector}\n disabled\n value={texts.table.filters.emptyFilter.value}\n />\n );\n }\n\n if (column.columnDef.meta?.dataType === 'datetime' \|\| column.columnDef.meta?.dataType === 'date') {\n return (\n <div className=\"flex flex-grow items-center gap-2\">\n <Control\n column={column}\n data-query-selector={querySelector}\n onChange={(value: any) => handleChange([value, toValue])}\n value={fromValue}\n />\n <Control\n column={column}\n data-query-selector={querySelector}\n onChange={(value: any) => handleChange([fromValue, value])}\n value={toValue}\n />\n </div>\n );\n }\n\n return (\n <div className=\"flex flex-grow items-center gap-2\">\n <Control\n column={column}\n data-query-selector={querySelector}\n onChange={(value: any) => handleChange([Number.isNaN(value) ? undefined : value, toValue])}\n placeholder=\"from\"\n value={fromValue ?? ''}\n />\n <Control\n column={column}\n data-query-selector={querySelector}\n onChange={(value: any) => handleChange([fromValue, Number.isNaN(value) ? undefined : value])}\n placeholder=\"to\"\n value={toValue ?? ''}\n />\n </div>\n );\n }\n\n return (\n <Control\n comparator={comparator}\n column={column}\n data-query-selector={querySelector}\n onChange={handleChange}\n value={value}\n />\n );\n}\n\ntype ControlProps<TType> = {\n column?: ReactTableColumn<TType, unknown>;\n comparator?: TableFilterComparator;\n onChange: (value: any) => void;\n placeholder?: string;\n value: any;\n};\n\nfunction Control<TType>(props: ControlProps<TType>) {\n const { column, comparator: _1, onChange, value, ...attributes } = props;\n const controlRenderer = column?.columnDef.meta?.control;\n const dataType = column?.columnDef.meta?.dataType;\n const filters = React.useContext(FilterContext);\n const ref = React.useRef<HTMLElement>(null);\n\n useEffect(() => {\n // Set value to false only after first render of the control (when it's undefined) after setting the FilterColumn value, because we don't want to change then the value every time filter is opened\n if ((controlRenderer === 'switch' \|\| controlRenderer === 'checkbox') && value === undefined) {\n onChange(false);\n }\n }, [controlRenderer]);\n\n if (typeof controlRenderer === 'function') {\n const control = controlRenderer(\n {\n ...attributes,\n setValue: onChange,\n value,\n ref,\n },\n undefined,\n filters\n );\n\n if (control) {\n return React.cloneElement(control, { ['data-query-selector']: querySelector, className: 'focus:yt-focus' });\n }\n }\n\n if (controlRenderer === 'datepicker' \|\| dataType === 'datetime' \|\| dataType === 'date') {\n return <Datepicker {...attributes} onChange={event => onChange((event as any).detail)} value={value as Date} />;\n }\n\n if (controlRenderer === 'switch') {\n // oxlint-disable-next-line taco/no-component-margin -- grandfathered; removing this margin is a visual breaking change\n return <Switch {...attributes} className=\"m-1.5\" checked={Boolean(value)} onChange={onChange} />;\n }\n\n if (controlRenderer === 'checkbox') {\n // oxlint-disable-next-line taco/no-component-margin -- grandfathered; removing this margin is a visual breaking change\n return <Checkbox {...attributes} className=\"!m-1.5\" checked={Boolean(value)} onChange={onChange} />;\n }\n\n return (\n <Input\n disabled={!column}\n {...attributes}\n className=\"flex-grow\"\n onChange={event => onChange(event.target.value)}\n value={String(value ?? '')}\n />\n );\n}\n"],"names":["React","value"],"mappings":";;;;;;;;~~AAkBA~~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"}
1	+ {"version":3,"file":"FilterValue.js","sources":["../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/components/FilterValue.tsx"],"sourcesContent":["import type { Column as ReactTableColumn } from '@tanstack/react-table';\nimport React, { useEffect } from 'react';\n\nimport { Checkbox, Datepicker, Input, Switch, useLocalization } from '@/components';\n\nimport { TableFilterComparator } from '../../../../../../types';\nimport { FilterContext } from '../FilterContext';\n\nexport type FilterValueProps<TType = unknown> = {\n column?: ReactTableColumn<TType, unknown>;\n comparator: TableFilterComparator;\n onChange: (value: any) => void;\n value: any;\n};\n\nconst querySelector = 'filter-value';\n\nexport function FilterValue<TType = unknown>(props: FilterValueProps<TType>) {\n const { column, comparator, onChange: handleChange, value } = props;\n const { texts } = useLocalization();\n\n if (comparator === TableFilterComparator.IsEmpty \|\| comparator === TableFilterComparator.IsNotEmpty) {\n return null;\n }\n\n if (comparator === TableFilterComparator.IsBetween) {\n const fromValue = Array.isArray(value) ? value[0] : undefined;\n const toValue = Array.isArray(value) ? value[1] : undefined;\n\n if (column === undefined) {\n return (\n <Input\n aria-label={texts.table.filters.emptyFilter.value}\n className=\"flex-grow\"\n data-query-selector={querySelector}\n disabled\n value={texts.table.filters.emptyFilter.value}\n />\n );\n }\n\n if (column.columnDef.meta?.dataType === 'datetime' \|\| column.columnDef.meta?.dataType === 'date') {\n return (\n <div className=\"flex flex-grow items-center gap-2\">\n <Control\n column={column}\n data-query-selector={querySelector}\n onChange={(value: any) => handleChange([value, toValue])}\n value={fromValue}\n />\n <Control\n column={column}\n data-query-selector={querySelector}\n onChange={(value: any) => handleChange([fromValue, value])}\n value={toValue}\n />\n </div>\n );\n }\n\n return (\n <div className=\"flex flex-grow items-center gap-2\">\n <Control\n column={column}\n data-query-selector={querySelector}\n onChange={(value: any) => handleChange([Number.isNaN(value) ? undefined : value, toValue])}\n placeholder=\"from\"\n value={fromValue ?? ''}\n />\n <Control\n column={column}\n data-query-selector={querySelector}\n onChange={(value: any) => handleChange([fromValue, Number.isNaN(value) ? undefined : value])}\n placeholder=\"to\"\n value={toValue ?? ''}\n />\n </div>\n );\n }\n\n return (\n <Control\n comparator={comparator}\n column={column}\n data-query-selector={querySelector}\n onChange={handleChange}\n value={value}\n />\n );\n}\n\ntype ControlProps<TType> = {\n column?: ReactTableColumn<TType, unknown>;\n comparator?: TableFilterComparator;\n onChange: (value: any) => void;\n placeholder?: string;\n value: any;\n};\n\nfunction Control<TType>(props: ControlProps<TType>) {\n const { column, comparator: _1, onChange, value, ...attributes } = props;\n const controlRenderer = column?.columnDef.meta?.control;\n const dataType = column?.columnDef.meta?.dataType;\n const filters = React.useContext(FilterContext);\n const ref = React.useRef<HTMLElement>(null);\n\n useEffect(() => {\n // Set value to false only after first render of the control (when it's undefined) after setting the FilterColumn value, because we don't want to change then the value every time filter is opened\n if ((controlRenderer === 'switch' \|\| controlRenderer === 'checkbox') && value === undefined) {\n onChange(false);\n }\n }, [controlRenderer]);\n\n if (typeof controlRenderer === 'function') {\n const control = controlRenderer(\n {\n ...attributes,\n setValue: onChange,\n value,\n ref,\n },\n undefined,\n filters\n );\n\n if (control) {\n return React.cloneElement(control, { ['data-query-selector']: querySelector, className: 'focus:yt-focus' });\n }\n }\n\n if (controlRenderer === 'datepicker' \|\| dataType === 'datetime' \|\| dataType === 'date') {\n return <Datepicker {...attributes} onChange={event => onChange((event as any).detail)} value={value as Date} />;\n }\n\n if (controlRenderer === 'switch') {\n // oxlint-disable-next-line taco/no-component-margin -- grandfathered; removing this margin is a visual breaking change\n return <Switch {...attributes} className=\"m-1.5\" checked={Boolean(value)} onChange={onChange} />;\n }\n\n if (controlRenderer === 'checkbox') {\n // oxlint-disable-next-line taco/no-component-margin -- grandfathered; removing this margin is a visual breaking change\n return <Checkbox {...attributes} className=\"!m-1.5\" checked={Boolean(value)} onChange={onChange} />;\n }\n\n return (\n <Input\n disabled={!column}\n {...attributes}\n className=\"flex-grow\"\n onChange={event => onChange(event.target.value)}\n value={String(value ?? '')}\n />\n );\n}\n"],"names":["React","value"],"mappings":"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"}

package/dist/primitives/Table/Core/components/Toolbar/components/Print/Print.cjs CHANGED Viewed

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const IconButton = require("../../../../../../../components/LegacyComponents/IconButton/IconButton.cjs");
-const Localization = require("../../../../../../../components/Provider/Localization.cjs");
-const Shortcut = require("../../../../../../../components/Shortcut/Shortcut.cjs");
-const Toaster = require("../../../../../../../components/Toast/Toaster.cjs");
 const columns = require("../../../../../useTableManager/util/columns.cjs");
 const settings = require("../../../../../useTableManager/util/settings.cjs");
 const PrintDialog = require("./PrintDialog.cjs");
+const Localization = require("../../../../../../../components/Provider/Localization.cjs");
+const Toaster = require("../../../../../../../components/Toast/Toaster.cjs");
+const Shortcut = require("../../../../../../../components/Shortcut/Shortcut.cjs");
+const IconButton = require("../../../../../../../components/LegacyComponents/IconButton/IconButton.cjs");
 function Print(props) {
   const { table, tableId, tableRef } = props;
   const { texts } = Localization.useLocalization();

package/dist/primitives/Table/Core/components/Toolbar/components/Print/Print.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Print.cjs","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Print/Print.tsx"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { LegacyIconButton } ~~from '../../../../../../../components/LegacyComponents/IconButton/IconButton';\nimport {~~ useLocalization ~~} from '../../../../../../../components/Provider/Localization';\nimport { Shortcut } from '../../../../../../../components/Shortcut/Shortcut';\nimport {~~ useToast } from '~~../../../../../../../~~components~~/Toast/Toaster~~';\nimport type { TableRef } from '../../../../../types';\nimport { getHiddenColumns } from '../../../../../useTableManager/util/columns';\nimport { getSettings } from '../../../../../useTableManager/util/settings';\n\nimport { PrintDialog } from './PrintDialog';\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 \| undefined>(undefined);\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: boolean) => {\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.table.print.loading);\n\n // If onPrint handler is provided, use it instead of built-in print functionality\n if (tableMeta.printing.onPrint) {\n try {\n await tableMeta.printing.onPrint(getSettings(table), tableMeta.printing.settings);\n toastRef.close();\n } catch (error) {\n const errorMessage = `${texts.table.print.error}: ${error}`;\n // oxlint-disable-next-line no-console\n console.error(errorMessage);\n toastRef.error(errorMessage);\n }\n return;\n }\n\n if (tableMeta.server.isEnabled && tableMeta.server.loadAllIfNeeded) {\n const hiddenColumns = getHiddenColumns(table.getState().columnVisibility);\n\n try {\n await tableMeta.server.loadAllIfNeeded(\n table.getState().sorting,\n table.getState().columnFilters,\n hiddenColumns,\n tableMeta.search.enableGlobalFilter ? table.getState().globalFilter : undefined\n );\n } catch (error) {\n const errorMessage = `${texts.table.print.error}: ${error}`;\n // oxlint-disable-next-line no-console\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 requestAnimationFrame(() => {\n const isSafari = /^((?!chrome\|android).)*safari/i.test(navigator.userAgent);\n\n if (isSafari) {\n try {\n // Try using document.execCommand for printing in Safari\n document.execCommand('print', false, undefined);\n } catch {\n // If document.execCommand fails or throws an error, fallback to window.print()\n window.print();\n }\n } else {\n // Execute window.print() for all other browsers\n window.print();\n }\n });\n });\n }, 150);\n };\n\n const printStyle = [`@page { size: ${size} ${orientation}; }`];\n\n if (!allRows) {\n printStyle.push(`table[data-taco^='table']#${tableId} tr:not([data-row-selected=\"true\"]) { display: none; }`);\n }\n\n if (splitGroups) {\n printStyle.push(`table[data-taco^='table']#${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.table.print.tooltip}\n <Shortcut className=\"ml-2\" keys={shortcut} />\n </>\n );\n\n return (\n <>\n <style media=\"print\">{printStyle.join('\\n')}</style>\n <LegacyIconButton\n icon=\"print\"\n aria-label={texts.table.print.tooltip}\n id={`${tableId}-toolbar-print`}\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":["useLocalization","useToast","getSettings","getHiddenColumns","Shortcut","LegacyIconButton","PrintDialog"],"mappings":";;;;;;;;;;~~AAmBO~~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"}
1	+ {"version":3,"file":"Print.cjs","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Print/Print.tsx"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { LegacyIconButton, Shortcut, useLocalization, useToast } from '@/components';\n\nimport type { TableRef } from '../../../../../types';\nimport { getHiddenColumns } from '../../../../../useTableManager/util/columns';\nimport { getSettings } from '../../../../../useTableManager/util/settings';\n\nimport { PrintDialog } from './PrintDialog';\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 \| undefined>(undefined);\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: boolean) => {\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.table.print.loading);\n\n // If onPrint handler is provided, use it instead of built-in print functionality\n if (tableMeta.printing.onPrint) {\n try {\n await tableMeta.printing.onPrint(getSettings(table), tableMeta.printing.settings);\n toastRef.close();\n } catch (error) {\n const errorMessage = `${texts.table.print.error}: ${error}`;\n // oxlint-disable-next-line no-console\n console.error(errorMessage);\n toastRef.error(errorMessage);\n }\n return;\n }\n\n if (tableMeta.server.isEnabled && tableMeta.server.loadAllIfNeeded) {\n const hiddenColumns = getHiddenColumns(table.getState().columnVisibility);\n\n try {\n await tableMeta.server.loadAllIfNeeded(\n table.getState().sorting,\n table.getState().columnFilters,\n hiddenColumns,\n tableMeta.search.enableGlobalFilter ? table.getState().globalFilter : undefined\n );\n } catch (error) {\n const errorMessage = `${texts.table.print.error}: ${error}`;\n // oxlint-disable-next-line no-console\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 requestAnimationFrame(() => {\n const isSafari = /^((?!chrome\|android).)*safari/i.test(navigator.userAgent);\n\n if (isSafari) {\n try {\n // Try using document.execCommand for printing in Safari\n document.execCommand('print', false, undefined);\n } catch {\n // If document.execCommand fails or throws an error, fallback to window.print()\n window.print();\n }\n } else {\n // Execute window.print() for all other browsers\n window.print();\n }\n });\n });\n }, 150);\n };\n\n const printStyle = [`@page { size: ${size} ${orientation}; }`];\n\n if (!allRows) {\n printStyle.push(`table[data-taco^='table']#${tableId} tr:not([data-row-selected=\"true\"]) { display: none; }`);\n }\n\n if (splitGroups) {\n printStyle.push(`table[data-taco^='table']#${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.table.print.tooltip}\n <Shortcut className=\"ml-2\" keys={shortcut} />\n </>\n );\n\n return (\n <>\n <style media=\"print\">{printStyle.join('\\n')}</style>\n <LegacyIconButton\n icon=\"print\"\n aria-label={texts.table.print.tooltip}\n id={`${tableId}-toolbar-print`}\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":["useLocalization","useToast","getSettings","getHiddenColumns","Shortcut","LegacyIconButton","PrintDialog"],"mappings":"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"}

package/dist/primitives/Table/Core/components/Toolbar/components/Print/Print.js CHANGED Viewed

@@ -1,11 +1,11 @@
 import React__default from "react";
-import { LegacyIconButton } from "../../../../../../../components/LegacyComponents/IconButton/IconButton.js";
-import { useLocalization } from "../../../../../../../components/Provider/Localization.js";
-import { Shortcut } from "../../../../../../../components/Shortcut/Shortcut.js";
-import { useToast } from "../../../../../../../components/Toast/Toaster.js";
 import { getHiddenColumns } from "../../../../../useTableManager/util/columns.js";
 import { getSettings } from "../../../../../useTableManager/util/settings.js";
 import { PrintDialog } from "./PrintDialog.js";
+import { useLocalization } from "../../../../../../../components/Provider/Localization.js";
+import { useToast } from "../../../../../../../components/Toast/Toaster.js";
+import { Shortcut } from "../../../../../../../components/Shortcut/Shortcut.js";
+import { LegacyIconButton } from "../../../../../../../components/LegacyComponents/IconButton/IconButton.js";
 function Print(props) {
   const { table, tableId, tableRef } = props;
   const { texts } = useLocalization();

package/dist/primitives/Table/Core/components/Toolbar/components/Print/Print.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Print.js","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Print/Print.tsx"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { LegacyIconButton } ~~from '../../../../../../../components/LegacyComponents/IconButton/IconButton';\nimport {~~ useLocalization ~~} from '../../../../../../../components/Provider/Localization';\nimport { Shortcut } from '../../../../../../../components/Shortcut/Shortcut';\nimport {~~ useToast } from '~~../../../../../../../~~components~~/Toast/Toaster~~';\nimport type { TableRef } from '../../../../../types';\nimport { getHiddenColumns } from '../../../../../useTableManager/util/columns';\nimport { getSettings } from '../../../../../useTableManager/util/settings';\n\nimport { PrintDialog } from './PrintDialog';\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 \| undefined>(undefined);\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: boolean) => {\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.table.print.loading);\n\n // If onPrint handler is provided, use it instead of built-in print functionality\n if (tableMeta.printing.onPrint) {\n try {\n await tableMeta.printing.onPrint(getSettings(table), tableMeta.printing.settings);\n toastRef.close();\n } catch (error) {\n const errorMessage = `${texts.table.print.error}: ${error}`;\n // oxlint-disable-next-line no-console\n console.error(errorMessage);\n toastRef.error(errorMessage);\n }\n return;\n }\n\n if (tableMeta.server.isEnabled && tableMeta.server.loadAllIfNeeded) {\n const hiddenColumns = getHiddenColumns(table.getState().columnVisibility);\n\n try {\n await tableMeta.server.loadAllIfNeeded(\n table.getState().sorting,\n table.getState().columnFilters,\n hiddenColumns,\n tableMeta.search.enableGlobalFilter ? table.getState().globalFilter : undefined\n );\n } catch (error) {\n const errorMessage = `${texts.table.print.error}: ${error}`;\n // oxlint-disable-next-line no-console\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 requestAnimationFrame(() => {\n const isSafari = /^((?!chrome\|android).)*safari/i.test(navigator.userAgent);\n\n if (isSafari) {\n try {\n // Try using document.execCommand for printing in Safari\n document.execCommand('print', false, undefined);\n } catch {\n // If document.execCommand fails or throws an error, fallback to window.print()\n window.print();\n }\n } else {\n // Execute window.print() for all other browsers\n window.print();\n }\n });\n });\n }, 150);\n };\n\n const printStyle = [`@page { size: ${size} ${orientation}; }`];\n\n if (!allRows) {\n printStyle.push(`table[data-taco^='table']#${tableId} tr:not([data-row-selected=\"true\"]) { display: none; }`);\n }\n\n if (splitGroups) {\n printStyle.push(`table[data-taco^='table']#${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.table.print.tooltip}\n <Shortcut className=\"ml-2\" keys={shortcut} />\n </>\n );\n\n return (\n <>\n <style media=\"print\">{printStyle.join('\\n')}</style>\n <LegacyIconButton\n icon=\"print\"\n aria-label={texts.table.print.tooltip}\n id={`${tableId}-toolbar-print`}\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":["React"],"mappings":";;;;;;;;~~AAmBO~~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"}
1	+ {"version":3,"file":"Print.js","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Print/Print.tsx"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { LegacyIconButton, Shortcut, useLocalization, useToast } from '@/components';\n\nimport type { TableRef } from '../../../../../types';\nimport { getHiddenColumns } from '../../../../../useTableManager/util/columns';\nimport { getSettings } from '../../../../../useTableManager/util/settings';\n\nimport { PrintDialog } from './PrintDialog';\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 \| undefined>(undefined);\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: boolean) => {\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.table.print.loading);\n\n // If onPrint handler is provided, use it instead of built-in print functionality\n if (tableMeta.printing.onPrint) {\n try {\n await tableMeta.printing.onPrint(getSettings(table), tableMeta.printing.settings);\n toastRef.close();\n } catch (error) {\n const errorMessage = `${texts.table.print.error}: ${error}`;\n // oxlint-disable-next-line no-console\n console.error(errorMessage);\n toastRef.error(errorMessage);\n }\n return;\n }\n\n if (tableMeta.server.isEnabled && tableMeta.server.loadAllIfNeeded) {\n const hiddenColumns = getHiddenColumns(table.getState().columnVisibility);\n\n try {\n await tableMeta.server.loadAllIfNeeded(\n table.getState().sorting,\n table.getState().columnFilters,\n hiddenColumns,\n tableMeta.search.enableGlobalFilter ? table.getState().globalFilter : undefined\n );\n } catch (error) {\n const errorMessage = `${texts.table.print.error}: ${error}`;\n // oxlint-disable-next-line no-console\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 requestAnimationFrame(() => {\n const isSafari = /^((?!chrome\|android).)*safari/i.test(navigator.userAgent);\n\n if (isSafari) {\n try {\n // Try using document.execCommand for printing in Safari\n document.execCommand('print', false, undefined);\n } catch {\n // If document.execCommand fails or throws an error, fallback to window.print()\n window.print();\n }\n } else {\n // Execute window.print() for all other browsers\n window.print();\n }\n });\n });\n }, 150);\n };\n\n const printStyle = [`@page { size: ${size} ${orientation}; }`];\n\n if (!allRows) {\n printStyle.push(`table[data-taco^='table']#${tableId} tr:not([data-row-selected=\"true\"]) { display: none; }`);\n }\n\n if (splitGroups) {\n printStyle.push(`table[data-taco^='table']#${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.table.print.tooltip}\n <Shortcut className=\"ml-2\" keys={shortcut} />\n </>\n );\n\n return (\n <>\n <style media=\"print\">{printStyle.join('\\n')}</style>\n <LegacyIconButton\n icon=\"print\"\n aria-label={texts.table.print.tooltip}\n id={`${tableId}-toolbar-print`}\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":["React"],"mappings":";;;;;;;;AAiBO,SAAS,MAAuB,OAA0B;AAC7D,QAAM,EAAE,OAAO,SAAS,SAAA,IAAa;AACrC,QAAM,EAAE,MAAA,IAAU,gBAAA;AAClB,QAAM,MAAMA,eAAM,OAA0B,IAAI;AAChD,QAAM,mBAAmBA,eAAM,OAA2B,MAAS;AACnE,QAAM,QAAQ,SAAA;AACd,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAM,EAAE,SAAS,aAAa,MAAM,gBAAgB,UAAU,SAAS;AAEvE,QAAM,iBAAiBA,eAAM;AAAA,IACzB,CAAC,YAAqB;AAClB,gBAAU,SAAS,cAAc,OAAO;AAExC,UAAI,SAAS,SAAS;AAClB,YAAI,SAAS;AACT,2BAAiB,UAAU,SAAS,QAAQ;AAAA,QAChD,WAAW,iBAAiB,YAAY,QAAW;AAC/C,mBAAS,QAAQ,YAAY,iBAAiB;AAC9C,2BAAiB,UAAU;AAAA,QAC/B;AAAA,MACJ;AAAA,IACJ;AAAA,IACA,CAAC,SAAS,OAAO;AAAA,EAAA;AAGrBA,iBAAM,UAAU,MAAM;AAClB,UAAM,aAAa,MAAM;AACrB,qBAAe,KAAK;AAAA,IACxB;AAEA,WAAO,iBAAiB,cAAc,UAAU;AAEhD,WAAO,MAAM;AACT,aAAO,oBAAoB,cAAc,UAAU;AAAA,IACvD;AAAA,EACJ,GAAG,CAAA,CAAE;AAEL,QAAM,QAAQ,YAAY;AACtB,UAAM,WAAW,MAAM,QAAQ,MAAM,MAAM,MAAM,OAAO;AAGxD,QAAI,UAAU,SAAS,SAAS;AAC5B,UAAI;AACA,cAAM,UAAU,SAAS,QAAQ,YAAY,KAAK,GAAG,UAAU,SAAS,QAAQ;AAChF,iBAAS,MAAA;AAAA,MACb,SAAS,OAAO;AACZ,cAAM,eAAe,GAAG,MAAM,MAAM,MAAM,KAAK,KAAK,KAAK;AAEzD,gBAAQ,MAAM,YAAY;AAC1B,iBAAS,MAAM,YAAY;AAAA,MAC/B;AACA;AAAA,IACJ;AAEA,QAAI,UAAU,OAAO,aAAa,UAAU,OAAO,iBAAiB;AAChE,YAAM,gBAAgB,iBAAiB,MAAM,SAAA,EAAW,gBAAgB;AAExE,UAAI;AACA,cAAM,UAAU,OAAO;AAAA,UACnB,MAAM,WAAW;AAAA,UACjB,MAAM,WAAW;AAAA,UACjB;AAAA,UACA,UAAU,OAAO,qBAAqB,MAAM,SAAA,EAAW,eAAe;AAAA,QAAA;AAAA,MAE9E,SAAS,OAAO;AACZ,cAAM,eAAe,GAAG,MAAM,MAAM,MAAM,KAAK,KAAK,KAAK;AAEzD,gBAAQ,MAAM,YAAY;AAC1B,iBAAS,MAAM,YAAY;AAAA,MAC/B;AAAA,IACJ;AAGA,aAAS,MAAA;AAGT,eAAW,MAAM;AAEb,qBAAe,IAAI;AAEnB,4BAAsB,MAAM;AACxB,8BAAsB,MAAM;AACxB,gBAAM,WAAW,iCAAiC,KAAK,UAAU,SAAS;AAE1E,cAAI,UAAU;AACV,gBAAI;AAEA,uBAAS,YAAY,SAAS,OAAO,MAAS;AAAA,YAClD,QAAQ;AAEJ,qBAAO,MAAA;AAAA,YACX;AAAA,UACJ,OAAO;AAEH,mBAAO,MAAA;AAAA,UACX;AAAA,QACJ,CAAC;AAAA,MACL,CAAC;AAAA,IACL,GAAG,GAAG;AAAA,EACV;AAEA,QAAM,aAAa,CAAC,iBAAiB,IAAI,IAAI,WAAW,KAAK;AAE7D,MAAI,CAAC,SAAS;AACV,eAAW,KAAK,6BAA6B,OAAO,wDAAwD;AAAA,EAChH;AAEA,MAAI,aAAa;AACb,eAAW,KAAK,6BAA6B,OAAO,+DAA+D;AAAA,EACvH;AAEA,QAAM,WAAW,EAAE,KAAK,KAAK,MAAM,MAAM,OAAO,MAAA;AAChD,QAAM,UACFA,+BAAA,cAAAA,eAAA,UAAA,MACK,MAAM,MAAM,MAAM,SACnBA,+BAAA,cAAC,UAAA,EAAS,WAAU,QAAO,MAAM,SAAA,CAAU,CAC/C;AAGJ,SACIA,+BAAA,cAAAA,eAAA,UAAA,mDACK,SAAA,EAAM,OAAM,WAAS,WAAW,KAAK,IAAI,CAAE,GAC5CA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,cAAY,MAAM,MAAM,MAAM;AAAA,MAC9B,IAAI,GAAG,OAAO;AAAA,MACd,QAAQ,CAAA,gBACJA,+BAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACI,GAAG;AAAA,UACJ;AAAA,UACA,UAAU;AAAA,UACV;AAAA,UACA,gBAAgB,CAAA,UAAS,UAAU,SAAS,WAAW,eAAe,KAAK;AAAA,UAC3E;AAAA,UACA,SAAS,CAAA,UAAS,UAAU,SAAS,WAAW,QAAQ,KAAK;AAAA,UAC7D;AAAA,UACA,YAAY,CAAA,UAAS,UAAU,SAAS,WAAW,WAAW,KAAK;AAAA,UACnE;AAAA,UACA,gBAAgB,CAAA,UAAS,UAAU,SAAS,WAAW,eAAe,KAAK;AAAA,QAAA;AAAA,MAAA;AAAA,MAGnF;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAAA,CAER;AAER;"}

package/dist/primitives/Table/Core/components/Toolbar/components/Print/PrintDialog.cjs CHANGED Viewed

@@ -1,15 +1,15 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const Button = require("../../../../../../../components/Actions/Button/Button.cjs");
-const Alert = require("../../../../../../../components/Alert/Alert.cjs");
-const Checkbox = require("../../../../../../../components/Checkbox/Checkbox.cjs");
+const Localization = require("../../../../../../../components/Provider/Localization.cjs");
 const Dialog = require("../../../../../../../components/Dialog/Dialog.cjs");
 const Field = require("../../../../../../../components/Field/Field.cjs");
-const Inline = require("../../../../../../../components/Inline/Inline.cjs");
-const Localization = require("../../../../../../../components/Provider/Localization.cjs");
-const RadioGroup = require("../../../../../../../components/RadioGroup/RadioGroup.cjs");
 const Select2 = require("../../../../../../../components/Select2/Select2.cjs");
+const RadioGroup = require("../../../../../../../components/RadioGroup/RadioGroup.cjs");
+const Checkbox = require("../../../../../../../components/Checkbox/Checkbox.cjs");
+const Alert = require("../../../../../../../components/Alert/Alert.cjs");
+const Inline = require("../../../../../../../components/Inline/Inline.cjs");
+const Button = require("../../../../../../../components/Actions/Button/Button.cjs");
 const SAFE_PRINT_CELL_COUNT = 1e4;
 function PrintDialog(props) {
   const {

package/dist/primitives/Table/Core/components/Toolbar/components/Print/PrintDialog.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PrintDialog.cjs","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Print/PrintDialog.tsx"],"sourcesContent":["import type { Table as ReactTable } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { Button } from '../../../../../../../components/Actions/Button/Button';\nimport { Alert } from '../../../../../../../components/Alert/Alert';\nimport { Checkbox } from '../../../../../../../components/Checkbox/Checkbox';\nimport { Dialog } from '../../../../../../../components/Dialog/Dialog';\nimport { Field } from '../../../../../../../components/Field/Field';\nimport { Inline } from '../../../../../../../components/Inline/Inline';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport type { RadioGroupItemValue } from '../../../../../../../components/RadioGroup/RadioGroup';\nimport { RadioGroup } from '../../../../../../../components/RadioGroup/RadioGroup';\nimport type { Select2Value } from '../../../../../../../components/Select2/Select2';\nimport { Select2 } from '../../../../../../../components/Select2/Select2';\n\nconst SAFE_PRINT_CELL_COUNT = 10000;\n\nexport type PrintDialogProps<TType = unknown> = {\n table: ReactTable<TType>;\n onAccept: () => void;\n orientation: Select2Value;\n setOrientation: (orientation: Select2Value) => void;\n size: Select2Value;\n setSize: (size: Select2Value) => void;\n allRows: RadioGroupItemValue;\n setAllRows: (allRows: RadioGroupItemValue) => void;\n splitGroups: boolean;\n setSplitGroups: (splitGroups: boolean) => void;\n};\n\nexport function PrintDialog<TType = unknown>(props: PrintDialogProps<TType>) {\n const {\n onAccept,\n table,\n orientation,\n setOrientation,\n size,\n setSize,\n allRows,\n setAllRows,\n splitGroups,\n setSplitGroups,\n ...dialogProps\n } = props;\n const { texts } = useLocalization();\n\n const columns = table.getVisibleFlatColumns();\n const cellCount = table.getRowModel().rows.length * columns.length;\n const rowGroupingColumnName = table.getState().grouping.length\n ? columns.find(column => column.id === table.getState().grouping[0])?.columnDef.meta?.header\n : undefined;\n\n return (\n <Dialog {...dialogProps} size=\"xs\">\n <Dialog.Content aria-label={texts.table.print.warningDialog.title}>\n {({ close }) => (\n <>\n <Dialog.Title>{texts.table.print.settingsDialog.title}</Dialog.Title>\n <div className=\"mt-4 flex flex-col gap-2\">\n <div className=\"grid grid-cols-2 gap-4\">\n <Field>\n {texts.table.print.settingsDialog.size}\n <Select2 onChange={setSize} value={size}>\n <Select2.Option value=\"A5\">{texts.table.print.settingsDialog.sizeA5}</Select2.Option>\n <Select2.Option value=\"A4\">{texts.table.print.settingsDialog.sizeA4}</Select2.Option>\n <Select2.Option value=\"A3\">{texts.table.print.settingsDialog.sizeA3}</Select2.Option>\n <Select2.Option value=\"letter\">\n {texts.table.print.settingsDialog.sizeLetter}\n </Select2.Option>\n <Select2.Option value=\"legal\">\n {texts.table.print.settingsDialog.sizeLegal}\n </Select2.Option>\n </Select2>\n </Field>\n <Field>\n {texts.table.print.settingsDialog.orientation}\n <Select2 onChange={setOrientation} value={orientation}>\n <Select2.Option value=\"landscape\">\n {texts.table.print.settingsDialog.orientationLandscape}\n </Select2.Option>\n <Select2.Option value=\"portrait\">\n {texts.table.print.settingsDialog.orientationPortrait}\n </Select2.Option>\n </Select2>\n </Field>\n </div>\n {table.options.enableRowSelection && table.getIsSomeRowsSelected() ? (\n <Field>\n {texts.table.print.settingsDialog.rows}\n <RadioGroup onChange={setAllRows} value={allRows}>\n <RadioGroup.Item value={true}>{texts.table.print.settingsDialog.rowsAll}</RadioGroup.Item>\n <RadioGroup.Item value={false}>\n {texts.table.print.settingsDialog.rowsSelected}\n </RadioGroup.Item>\n </RadioGroup>\n </Field>\n ) : undefined}\n {rowGroupingColumnName ? (\n <Field>\n {texts.table.print.settingsDialog.layout}\n <Checkbox\n label={texts.table.print.settingsDialog.layoutSplitGroups.replace(\n '[COLUMN]',\n rowGroupingColumnName\n )}\n checked={splitGroups}\n onChange={setSplitGroups}\n />\n </Field>\n ) : null}\n\n {cellCount > SAFE_PRINT_CELL_COUNT ? (\n <Alert state=\"warning\">{texts.table.print.warningDialog.description}</Alert>\n ) : null}\n </div>\n <Dialog.Footer>\n <Inline spacing={8}>\n <Dialog.Close>\n <Button>{texts.table.print.warningDialog.cancelButtonText}</Button>\n </Dialog.Close>\n <Button\n variant=\"primary\"\n onClick={() => {\n close();\n setTimeout(() => onAccept(), 1);\n }}>\n {texts.table.print.warningDialog.printButtonText}\n </Button>\n </Inline>\n </Dialog.Footer>\n </>\n )}\n </Dialog.Content>\n </Dialog>\n );\n}\n"],"names":["useLocalization","Dialog","Field","Select2","RadioGroup","Checkbox","Alert","Inline","Button"],"mappings":"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"}
1	+ {"version":3,"file":"PrintDialog.cjs","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Print/PrintDialog.tsx"],"sourcesContent":["import type { Table as ReactTable } from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { Select2Value, RadioGroupItemValue } from '@/components';\nimport { Button, Alert, Checkbox, Dialog, Field, Inline, useLocalization, Select2, RadioGroup } from '@/components';\n\nconst SAFE_PRINT_CELL_COUNT = 10000;\n\nexport type PrintDialogProps<TType = unknown> = {\n table: ReactTable<TType>;\n onAccept: () => void;\n orientation: Select2Value;\n setOrientation: (orientation: Select2Value) => void;\n size: Select2Value;\n setSize: (size: Select2Value) => void;\n allRows: RadioGroupItemValue;\n setAllRows: (allRows: RadioGroupItemValue) => void;\n splitGroups: boolean;\n setSplitGroups: (splitGroups: boolean) => void;\n};\n\nexport function PrintDialog<TType = unknown>(props: PrintDialogProps<TType>) {\n const {\n onAccept,\n table,\n orientation,\n setOrientation,\n size,\n setSize,\n allRows,\n setAllRows,\n splitGroups,\n setSplitGroups,\n ...dialogProps\n } = props;\n const { texts } = useLocalization();\n\n const columns = table.getVisibleFlatColumns();\n const cellCount = table.getRowModel().rows.length * columns.length;\n const rowGroupingColumnName = table.getState().grouping.length\n ? columns.find(column => column.id === table.getState().grouping[0])?.columnDef.meta?.header\n : undefined;\n\n return (\n <Dialog {...dialogProps} size=\"xs\">\n <Dialog.Content aria-label={texts.table.print.warningDialog.title}>\n {({ close }) => (\n <>\n <Dialog.Title>{texts.table.print.settingsDialog.title}</Dialog.Title>\n <div className=\"mt-4 flex flex-col gap-2\">\n <div className=\"grid grid-cols-2 gap-4\">\n <Field>\n {texts.table.print.settingsDialog.size}\n <Select2 onChange={setSize} value={size}>\n <Select2.Option value=\"A5\">{texts.table.print.settingsDialog.sizeA5}</Select2.Option>\n <Select2.Option value=\"A4\">{texts.table.print.settingsDialog.sizeA4}</Select2.Option>\n <Select2.Option value=\"A3\">{texts.table.print.settingsDialog.sizeA3}</Select2.Option>\n <Select2.Option value=\"letter\">\n {texts.table.print.settingsDialog.sizeLetter}\n </Select2.Option>\n <Select2.Option value=\"legal\">\n {texts.table.print.settingsDialog.sizeLegal}\n </Select2.Option>\n </Select2>\n </Field>\n <Field>\n {texts.table.print.settingsDialog.orientation}\n <Select2 onChange={setOrientation} value={orientation}>\n <Select2.Option value=\"landscape\">\n {texts.table.print.settingsDialog.orientationLandscape}\n </Select2.Option>\n <Select2.Option value=\"portrait\">\n {texts.table.print.settingsDialog.orientationPortrait}\n </Select2.Option>\n </Select2>\n </Field>\n </div>\n {table.options.enableRowSelection && table.getIsSomeRowsSelected() ? (\n <Field>\n {texts.table.print.settingsDialog.rows}\n <RadioGroup onChange={setAllRows} value={allRows}>\n <RadioGroup.Item value={true}>{texts.table.print.settingsDialog.rowsAll}</RadioGroup.Item>\n <RadioGroup.Item value={false}>\n {texts.table.print.settingsDialog.rowsSelected}\n </RadioGroup.Item>\n </RadioGroup>\n </Field>\n ) : undefined}\n {rowGroupingColumnName ? (\n <Field>\n {texts.table.print.settingsDialog.layout}\n <Checkbox\n label={texts.table.print.settingsDialog.layoutSplitGroups.replace(\n '[COLUMN]',\n rowGroupingColumnName\n )}\n checked={splitGroups}\n onChange={setSplitGroups}\n />\n </Field>\n ) : null}\n\n {cellCount > SAFE_PRINT_CELL_COUNT ? (\n <Alert state=\"warning\">{texts.table.print.warningDialog.description}</Alert>\n ) : null}\n </div>\n <Dialog.Footer>\n <Inline spacing={8}>\n <Dialog.Close>\n <Button>{texts.table.print.warningDialog.cancelButtonText}</Button>\n </Dialog.Close>\n <Button\n variant=\"primary\"\n onClick={() => {\n close();\n setTimeout(() => onAccept(), 1);\n }}>\n {texts.table.print.warningDialog.printButtonText}\n </Button>\n </Inline>\n </Dialog.Footer>\n </>\n )}\n </Dialog.Content>\n </Dialog>\n );\n}\n"],"names":["useLocalization","Dialog","Field","Select2","RadioGroup","Checkbox","Alert","Inline","Button"],"mappings":";;;;;;;;;;;;AAMA,MAAM,wBAAwB;AAevB,SAAS,YAA6B,OAAgC;AACzE,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AACJ,QAAM,EAAE,MAAA,IAAUA,6BAAA;AAElB,QAAM,UAAU,MAAM,sBAAA;AACtB,QAAM,YAAY,MAAM,YAAA,EAAc,KAAK,SAAS,QAAQ;AAC5D,QAAM,wBAAwB,MAAM,WAAW,SAAS,SAClD,QAAQ,KAAK,CAAA,WAAU,OAAO,OAAO,MAAM,SAAA,EAAW,SAAS,CAAC,CAAC,GAAG,UAAU,MAAM,SACpF;AAEN,SACI,sBAAA,cAACC,iBAAQ,GAAG,aAAa,MAAK,KAAA,GAC1B,sBAAA,cAACA,OAAAA,OAAO,SAAP,EAAe,cAAY,MAAM,MAAM,MAAM,cAAc,MAAA,GACvD,CAAC,EAAE,YACA,sBAAA,cAAA,MAAA,UAAA,MACI,sBAAA,cAACA,OAAAA,OAAO,OAAP,MAAc,MAAM,MAAM,MAAM,eAAe,KAAM,GACtD,sBAAA,cAAC,OAAA,EAAI,WAAU,2BAAA,GACX,sBAAA,cAAC,OAAA,EAAI,WAAU,yBAAA,GACX,sBAAA,cAACC,MAAAA,aACI,MAAM,MAAM,MAAM,eAAe,MAClC,sBAAA,cAACC,QAAAA,SAAA,EAAQ,UAAU,SAAS,OAAO,KAAA,GAC/B,sBAAA,cAACA,QAAAA,QAAQ,QAAR,EAAe,OAAM,QAAM,MAAM,MAAM,MAAM,eAAe,MAAO,GACpE,sBAAA,cAACA,QAAAA,QAAQ,QAAR,EAAe,OAAM,QAAM,MAAM,MAAM,MAAM,eAAe,MAAO,uCACnEA,QAAAA,QAAQ,QAAR,EAAe,OAAM,KAAA,GAAM,MAAM,MAAM,MAAM,eAAe,MAAO,GACpE,sBAAA,cAACA,QAAAA,QAAQ,QAAR,EAAe,OAAM,SAAA,GACjB,MAAM,MAAM,MAAM,eAAe,UACtC,GACA,sBAAA,cAACA,QAAAA,QAAQ,QAAR,EAAe,OAAM,QAAA,GACjB,MAAM,MAAM,MAAM,eAAe,SACtC,CACJ,CACJ,GACA,sBAAA,cAACD,MAAAA,OAAA,MACI,MAAM,MAAM,MAAM,eAAe,aAClC,sBAAA,cAACC,QAAAA,WAAQ,UAAU,gBAAgB,OAAO,YAAA,GACtC,sBAAA,cAACA,QAAAA,QAAQ,QAAR,EAAe,OAAM,eACjB,MAAM,MAAM,MAAM,eAAe,oBACtC,GACA,sBAAA,cAACA,QAAAA,QAAQ,QAAR,EAAe,OAAM,WAAA,GACjB,MAAM,MAAM,MAAM,eAAe,mBACtC,CACJ,CACJ,CACJ,GACC,MAAM,QAAQ,sBAAsB,MAAM,sBAAA,IACvC,sBAAA,cAACD,MAAAA,OAAA,MACI,MAAM,MAAM,MAAM,eAAe,MAClC,sBAAA,cAACE,WAAAA,YAAA,EAAW,UAAU,YAAY,OAAO,WACrC,sBAAA,cAACA,sBAAW,MAAX,EAAgB,OAAO,KAAA,GAAO,MAAM,MAAM,MAAM,eAAe,OAAQ,uCACvEA,WAAAA,WAAW,MAAX,EAAgB,OAAO,MAAA,GACnB,MAAM,MAAM,MAAM,eAAe,YACtC,CACJ,CACJ,IACA,QACH,wBACG,sBAAA,cAACF,MAAAA,aACI,MAAM,MAAM,MAAM,eAAe,QAClC,sBAAA;AAAA,IAACG,SAAAA;AAAAA,IAAA;AAAA,MACG,OAAO,MAAM,MAAM,MAAM,eAAe,kBAAkB;AAAA,QACtD;AAAA,QACA;AAAA,MAAA;AAAA,MAEJ,SAAS;AAAA,MACT,UAAU;AAAA,IAAA;AAAA,EAAA,CAElB,IACA,MAEH,YAAY,4DACRC,aAAA,EAAM,OAAM,aAAW,MAAM,MAAM,MAAM,cAAc,WAAY,IACpE,IACR,GACA,sBAAA,cAACL,cAAO,QAAP,MACG,sBAAA,cAACM,OAAAA,QAAA,EAAO,SAAS,EAAA,uCACZN,OAAAA,OAAO,OAAP,MACG,sBAAA,cAACO,OAAAA,cAAQ,MAAM,MAAM,MAAM,cAAc,gBAAiB,CAC9D,GACA,sBAAA;AAAA,IAACA,OAAAA;AAAAA,IAAA;AAAA,MACG,SAAQ;AAAA,MACR,SAAS,MAAM;AACX,cAAA;AACA,mBAAW,MAAM,SAAA,GAAY,CAAC;AAAA,MAClC;AAAA,IAAA;AAAA,IACC,MAAM,MAAM,MAAM,cAAc;AAAA,EAAA,CAEzC,CACJ,CACJ,CAER,CACJ;AAER;;"}

package/dist/primitives/Table/Core/components/Toolbar/components/Print/PrintDialog.d.ts CHANGED Viewed

@@ -1,7 +1,6 @@
 import { Table as ReactTable } from '@tanstack/react-table';
 import { default as React } from 'react';
-import { RadioGroupItemValue } from '../../../../../../../components/RadioGroup/RadioGroup';
-import { Select2Value } from '../../../../../../../components/Select2/Select2';
+import { Select2Value, RadioGroupItemValue } from '../../../../../../../components';
 export type PrintDialogProps<TType = unknown> = {
     table: ReactTable<TType>;
     onAccept: () => void;

package/dist/primitives/Table/Core/components/Toolbar/components/Print/PrintDialog.js CHANGED Viewed

@@ -1,13 +1,13 @@
 import React__default from "react";
-import { Button } from "../../../../../../../components/Actions/Button/Button.js";
-import { Alert } from "../../../../../../../components/Alert/Alert.js";
-import { Checkbox } from "../../../../../../../components/Checkbox/Checkbox.js";
+import { useLocalization } from "../../../../../../../components/Provider/Localization.js";
 import { Dialog } from "../../../../../../../components/Dialog/Dialog.js";
 import { Field } from "../../../../../../../components/Field/Field.js";
-import { Inline } from "../../../../../../../components/Inline/Inline.js";
-import { useLocalization } from "../../../../../../../components/Provider/Localization.js";
-import { RadioGroup } from "../../../../../../../components/RadioGroup/RadioGroup.js";
 import { Select2 } from "../../../../../../../components/Select2/Select2.js";
+import { RadioGroup } from "../../../../../../../components/RadioGroup/RadioGroup.js";
+import { Checkbox } from "../../../../../../../components/Checkbox/Checkbox.js";
+import { Alert } from "../../../../../../../components/Alert/Alert.js";
+import { Inline } from "../../../../../../../components/Inline/Inline.js";
+import { Button } from "../../../../../../../components/Actions/Button/Button.js";
 const SAFE_PRINT_CELL_COUNT = 1e4;
 function PrintDialog(props) {
   const {

package/dist/primitives/Table/Core/components/Toolbar/components/Print/PrintDialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PrintDialog.js","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Print/PrintDialog.tsx"],"sourcesContent":["import type { Table as ReactTable } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { ~~Button~~ } from '~~../../../../../../../~~components~~/Actions/Button/Button~~';\nimport { ~~Alert~~ ~~} from '../../../../../../../components/~~Alert~~/Alert';\nimport~~ { Checkbox ~~} from '../../../../../../../components/Checkbox/Checkbox';\nimport {~~ Dialog ~~} from '../../../../../../../components/Dialog/Dialog';\nimport {~~ Field ~~} from '../../../../../../../components/Field/Field';\nimport {~~ Inline ~~} from '../../../../../../../components/Inline/Inline';\nimport {~~ useLocalization } ~~from '../../../../../../../components/Provider/Localization';\nimport type { RadioGroupItemValue } from '../../../../../../../components/~~RadioGroup~~/RadioGroup';\nimport~~ ~~{ RadioGroup~~ } from '~~../../../../../../../~~components~~/RadioGroup/RadioGroup~~';\~~nimport type { Select2Value } from '../../../../../../../components/Select2/Select2';\nimport { Select2 } from '../../../../../../../components/Select2/Select2';\~~n\nconst SAFE_PRINT_CELL_COUNT = 10000;\n\nexport type PrintDialogProps<TType = unknown> = {\n table: ReactTable<TType>;\n onAccept: () => void;\n orientation: Select2Value;\n setOrientation: (orientation: Select2Value) => void;\n size: Select2Value;\n setSize: (size: Select2Value) => void;\n allRows: RadioGroupItemValue;\n setAllRows: (allRows: RadioGroupItemValue) => void;\n splitGroups: boolean;\n setSplitGroups: (splitGroups: boolean) => void;\n};\n\nexport function PrintDialog<TType = unknown>(props: PrintDialogProps<TType>) {\n const {\n onAccept,\n table,\n orientation,\n setOrientation,\n size,\n setSize,\n allRows,\n setAllRows,\n splitGroups,\n setSplitGroups,\n ...dialogProps\n } = props;\n const { texts } = useLocalization();\n\n const columns = table.getVisibleFlatColumns();\n const cellCount = table.getRowModel().rows.length * columns.length;\n const rowGroupingColumnName = table.getState().grouping.length\n ? columns.find(column => column.id === table.getState().grouping[0])?.columnDef.meta?.header\n : undefined;\n\n return (\n <Dialog {...dialogProps} size=\"xs\">\n <Dialog.Content aria-label={texts.table.print.warningDialog.title}>\n {({ close }) => (\n <>\n <Dialog.Title>{texts.table.print.settingsDialog.title}</Dialog.Title>\n <div className=\"mt-4 flex flex-col gap-2\">\n <div className=\"grid grid-cols-2 gap-4\">\n <Field>\n {texts.table.print.settingsDialog.size}\n <Select2 onChange={setSize} value={size}>\n <Select2.Option value=\"A5\">{texts.table.print.settingsDialog.sizeA5}</Select2.Option>\n <Select2.Option value=\"A4\">{texts.table.print.settingsDialog.sizeA4}</Select2.Option>\n <Select2.Option value=\"A3\">{texts.table.print.settingsDialog.sizeA3}</Select2.Option>\n <Select2.Option value=\"letter\">\n {texts.table.print.settingsDialog.sizeLetter}\n </Select2.Option>\n <Select2.Option value=\"legal\">\n {texts.table.print.settingsDialog.sizeLegal}\n </Select2.Option>\n </Select2>\n </Field>\n <Field>\n {texts.table.print.settingsDialog.orientation}\n <Select2 onChange={setOrientation} value={orientation}>\n <Select2.Option value=\"landscape\">\n {texts.table.print.settingsDialog.orientationLandscape}\n </Select2.Option>\n <Select2.Option value=\"portrait\">\n {texts.table.print.settingsDialog.orientationPortrait}\n </Select2.Option>\n </Select2>\n </Field>\n </div>\n {table.options.enableRowSelection && table.getIsSomeRowsSelected() ? (\n <Field>\n {texts.table.print.settingsDialog.rows}\n <RadioGroup onChange={setAllRows} value={allRows}>\n <RadioGroup.Item value={true}>{texts.table.print.settingsDialog.rowsAll}</RadioGroup.Item>\n <RadioGroup.Item value={false}>\n {texts.table.print.settingsDialog.rowsSelected}\n </RadioGroup.Item>\n </RadioGroup>\n </Field>\n ) : undefined}\n {rowGroupingColumnName ? (\n <Field>\n {texts.table.print.settingsDialog.layout}\n <Checkbox\n label={texts.table.print.settingsDialog.layoutSplitGroups.replace(\n '[COLUMN]',\n rowGroupingColumnName\n )}\n checked={splitGroups}\n onChange={setSplitGroups}\n />\n </Field>\n ) : null}\n\n {cellCount > SAFE_PRINT_CELL_COUNT ? (\n <Alert state=\"warning\">{texts.table.print.warningDialog.description}</Alert>\n ) : null}\n </div>\n <Dialog.Footer>\n <Inline spacing={8}>\n <Dialog.Close>\n <Button>{texts.table.print.warningDialog.cancelButtonText}</Button>\n </Dialog.Close>\n <Button\n variant=\"primary\"\n onClick={() => {\n close();\n setTimeout(() => onAccept(), 1);\n }}>\n {texts.table.print.warningDialog.printButtonText}\n </Button>\n </Inline>\n </Dialog.Footer>\n </>\n )}\n </Dialog.Content>\n </Dialog>\n );\n}\n"],"names":["React"],"mappings":";;;;;;;;;;~~AAeA~~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"}
1	+ {"version":3,"file":"PrintDialog.js","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Print/PrintDialog.tsx"],"sourcesContent":["import type { Table as ReactTable } from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { Select2Value, RadioGroupItemValue } from '@/components';\nimport { Button, Alert, Checkbox, Dialog, Field, Inline, useLocalization, Select2, RadioGroup } from '@/components';\n\nconst SAFE_PRINT_CELL_COUNT = 10000;\n\nexport type PrintDialogProps<TType = unknown> = {\n table: ReactTable<TType>;\n onAccept: () => void;\n orientation: Select2Value;\n setOrientation: (orientation: Select2Value) => void;\n size: Select2Value;\n setSize: (size: Select2Value) => void;\n allRows: RadioGroupItemValue;\n setAllRows: (allRows: RadioGroupItemValue) => void;\n splitGroups: boolean;\n setSplitGroups: (splitGroups: boolean) => void;\n};\n\nexport function PrintDialog<TType = unknown>(props: PrintDialogProps<TType>) {\n const {\n onAccept,\n table,\n orientation,\n setOrientation,\n size,\n setSize,\n allRows,\n setAllRows,\n splitGroups,\n setSplitGroups,\n ...dialogProps\n } = props;\n const { texts } = useLocalization();\n\n const columns = table.getVisibleFlatColumns();\n const cellCount = table.getRowModel().rows.length * columns.length;\n const rowGroupingColumnName = table.getState().grouping.length\n ? columns.find(column => column.id === table.getState().grouping[0])?.columnDef.meta?.header\n : undefined;\n\n return (\n <Dialog {...dialogProps} size=\"xs\">\n <Dialog.Content aria-label={texts.table.print.warningDialog.title}>\n {({ close }) => (\n <>\n <Dialog.Title>{texts.table.print.settingsDialog.title}</Dialog.Title>\n <div className=\"mt-4 flex flex-col gap-2\">\n <div className=\"grid grid-cols-2 gap-4\">\n <Field>\n {texts.table.print.settingsDialog.size}\n <Select2 onChange={setSize} value={size}>\n <Select2.Option value=\"A5\">{texts.table.print.settingsDialog.sizeA5}</Select2.Option>\n <Select2.Option value=\"A4\">{texts.table.print.settingsDialog.sizeA4}</Select2.Option>\n <Select2.Option value=\"A3\">{texts.table.print.settingsDialog.sizeA3}</Select2.Option>\n <Select2.Option value=\"letter\">\n {texts.table.print.settingsDialog.sizeLetter}\n </Select2.Option>\n <Select2.Option value=\"legal\">\n {texts.table.print.settingsDialog.sizeLegal}\n </Select2.Option>\n </Select2>\n </Field>\n <Field>\n {texts.table.print.settingsDialog.orientation}\n <Select2 onChange={setOrientation} value={orientation}>\n <Select2.Option value=\"landscape\">\n {texts.table.print.settingsDialog.orientationLandscape}\n </Select2.Option>\n <Select2.Option value=\"portrait\">\n {texts.table.print.settingsDialog.orientationPortrait}\n </Select2.Option>\n </Select2>\n </Field>\n </div>\n {table.options.enableRowSelection && table.getIsSomeRowsSelected() ? (\n <Field>\n {texts.table.print.settingsDialog.rows}\n <RadioGroup onChange={setAllRows} value={allRows}>\n <RadioGroup.Item value={true}>{texts.table.print.settingsDialog.rowsAll}</RadioGroup.Item>\n <RadioGroup.Item value={false}>\n {texts.table.print.settingsDialog.rowsSelected}\n </RadioGroup.Item>\n </RadioGroup>\n </Field>\n ) : undefined}\n {rowGroupingColumnName ? (\n <Field>\n {texts.table.print.settingsDialog.layout}\n <Checkbox\n label={texts.table.print.settingsDialog.layoutSplitGroups.replace(\n '[COLUMN]',\n rowGroupingColumnName\n )}\n checked={splitGroups}\n onChange={setSplitGroups}\n />\n </Field>\n ) : null}\n\n {cellCount > SAFE_PRINT_CELL_COUNT ? (\n <Alert state=\"warning\">{texts.table.print.warningDialog.description}</Alert>\n ) : null}\n </div>\n <Dialog.Footer>\n <Inline spacing={8}>\n <Dialog.Close>\n <Button>{texts.table.print.warningDialog.cancelButtonText}</Button>\n </Dialog.Close>\n <Button\n variant=\"primary\"\n onClick={() => {\n close();\n setTimeout(() => onAccept(), 1);\n }}>\n {texts.table.print.warningDialog.printButtonText}\n </Button>\n </Inline>\n </Dialog.Footer>\n </>\n )}\n </Dialog.Content>\n </Dialog>\n );\n}\n"],"names":["React"],"mappings":"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"}

package/dist/primitives/Table/Core/components/Toolbar/components/Search/Search.cjs CHANGED Viewed

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
+const columns = require("../../../../../useTableManager/util/columns.cjs");
 const Localization = require("../../../../../../../components/Provider/Localization.cjs");
-const SearchInput2 = require("../../../../../../../components/SearchInput2/SearchInput2.cjs");
 const Switch = require("../../../../../../../components/Switch/Switch.cjs");
-const columns = require("../../../../../useTableManager/util/columns.cjs");
+const SearchInput2 = require("../../../../../../../components/SearchInput2/SearchInput2.cjs");
 function Search(props) {
   const { scrollToIndex, table, tableRef } = props;
   const { texts } = Localization.useLocalization();

package/dist/primitives/Table/Core/components/Toolbar/components/Search/Search.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Search.cjs","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Search/Search.tsx"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport { SearchInput2 } from '../../../../../../../components/SearchInput2/SearchInput2';\nimport { Switch } from '../../../../../../../components/Switch/Switch';\nimport type { TableRef } from '../../../../../types';\nimport { getHiddenColumns } from '../../../../../useTableManager/util/columns';\n\ntype SearchProps<TType = unknown> = {\n scrollToIndex: any;\n table: ReactTable<TType>;\n tableRef: React.RefObject<TableRef>;\n};\n\nexport function Search<TType = unknown>(props: SearchProps<TType>) {\n const { scrollToIndex, table, tableRef } = props;\n const { texts } = useLocalization();\n const ref = React.useRef<HTMLInputElement>(null);\n const lastResultQuery = React.useRef(undefined);\n const tableMeta = table.options.meta as ReactTableMeta<TType>;\n const query = table.getState().globalFilter;\n const scrollTo = (rowIndex: number) => scrollToIndex(rowIndex, { align: 'center' });\n const hiddenColumns = getHiddenColumns(table.getState().columnVisibility);\n\n React.useEffect(() => {\n if (!tableMeta.server._experimentalDataLoader2 && tableMeta.search.highlightedColumnIndexes.length) {\n const rowIndex = tableMeta.search.highlightedColumnIndexes[0]?.[0];\n\n if (rowIndex !== undefined) {\n scrollTo(rowIndex);\n }\n }\n }, [tableMeta.search.highlightedColumnIndexes.length]);\n\n React.useEffect(() => {\n // if the query hasn't changed, but number of results changed, it indicates a page containing one ore more results was loaded or unloaded due to scrolling.\n if (\n tableMeta.server._experimentalDataLoader2 &&\n tableMeta.search.highlightedColumnIndexes.length &&\n query !== lastResultQuery.current\n ) {\n lastResultQuery.current = query;\n\n const rowIndex = tableMeta.search.highlightedColumnIndexes[0]?.[0];\n\n if (rowIndex !== undefined) {\n scrollTo(rowIndex);\n }\n }\n }, [tableMeta.search.highlightedColumnIndexes.length, query]);\n\n const handleFocus = async () => {\n // load all data if that is possible\n if (tableMeta.server.loadAllIfNeeded && !tableMeta.server._experimentalDataLoader2) {\n // don't pass the search query because we need all data - not filtered data\n await tableMeta.server.loadAllIfNeeded(\n table.getState().sorting,\n table.getState().columnFilters,\n hiddenColumns,\n // the old data loader doesn't have server side search\n undefined\n );\n }\n };\n\n const [loading, setLoading] = React.useState(false);\n\n const searchTimeoutRef = React.useRef<NodeJS.Timeout>(undefined);\n\n const handleChange = (query: any) => {\n table.setGlobalFilter(String(query ?? ''));\n\n if (tableMeta.search.enableGlobalFilter && tableMeta.search.handleSearch) {\n clearTimeout(searchTimeoutRef.current);\n searchTimeoutRef.current = setTimeout(() => {\n setLoading(true);\n tableMeta.search.handleSearch?.(query, hiddenColumns)?.then(() => {\n setLoading(false);\n });\n }, 350);\n }\n };\n\n const handleToggleExcludeUnmatchedResults = async (enabled: boolean) => {\n tableMeta.search.setEnableGlobalFilter(enabled, table);\n requestAnimationFrame(() => ref.current?.focus());\n\n if (tableMeta.search.handleSearch) {\n setLoading(true);\n await tableMeta.search.handleSearch(enabled ? query : undefined, hiddenColumns);\n setLoading(false);\n }\n };\n\n const handleNextResult = () => {\n if (!tableMeta.search.highlightedColumnIndexes.length) {\n return;\n }\n\n const nextIndex =\n tableMeta.search.currentHighlightColumnIndex === undefined \|\|\n tableMeta.search.currentHighlightColumnIndex === tableMeta.search.highlightedColumnIndexes.length - 1\n ? 0\n : tableMeta.search.currentHighlightColumnIndex + 1;\n\n tableMeta.search.setCurrentHighlightColumnIndex(nextIndex);\n // we scroll to the row here, the cell scrolls itself into view\n const rowIndex = tableMeta.search.highlightedColumnIndexes[nextIndex]?.[0];\n\n if (rowIndex !== undefined) {\n scrollTo(rowIndex);\n }\n };\n\n const handlePreviousResult = () => {\n if (!tableMeta.search.highlightedColumnIndexes.length) {\n return;\n }\n\n const nextIndex =\n tableMeta.search.currentHighlightColumnIndex === undefined\n ? 0\n : tableMeta.search.currentHighlightColumnIndex === 0\n ? tableMeta.search.highlightedColumnIndexes.length - 1\n : tableMeta.search.currentHighlightColumnIndex - 1;\n\n tableMeta.search.setCurrentHighlightColumnIndex(nextIndex);\n // we scroll to the row here, the cell scrolls itself into view\n const rowIndex = tableMeta.search.highlightedColumnIndexes[nextIndex]?.[0];\n\n if (rowIndex !== undefined) {\n scrollTo(rowIndex);\n }\n };\n\n const settings = tableMeta.server._experimentalDataLoader2 ? undefined : (\n <Switch\n label={texts.table.search.excludeUnmatchedResults}\n checked={!!table.options.enableGlobalFilter}\n onChange={handleToggleExcludeUnmatchedResults}\n />\n );\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n if (event.key === 'Escape' && tableMeta.search.currentHighlightColumnIndex !== undefined) {\n const [rowIndex, cellIndex] =\n tableMeta.search.highlightedColumnIndexes[tableMeta.search.currentHighlightColumnIndex] \|\| [];\n\n if (rowIndex !== undefined && cellIndex !== undefined) {\n tableMeta.rowActive.setRowActiveIndex(rowIndex);\n\n requestAnimationFrame(() => {\n const cell = tableRef.current?.querySelector(\n `tbody > tr[data-row-index=\"${rowIndex}\"] > td[data-cell-index=\"${cellIndex}\"]`\n );\n\n if (cell) {\n (cell as HTMLElement).focus?.();\n }\n });\n }\n }\n };\n\n return (\n <>\n <SearchInput2\n findCurrent={\n tableMeta.search.currentHighlightColumnIndex === undefined\n ? null\n : tableMeta.search.currentHighlightColumnIndex + 1\n }\n findTotal={tableMeta.search.highlightedColumnIndexes?.length ?? null}\n loading={tableMeta.server._experimentalDataLoader2 ? loading : tableMeta.server.loading}\n name=\"table-search\"\n onClickFindPrevious={handlePreviousResult}\n onClickFindNext={handleNextResult}\n onChange={handleChange}\n onFocus={handleFocus}\n onKeyDown={handleKeyDown}\n placeholder={texts.table.search.placeholder}\n settingsContent={settings}\n ref={ref}\n shortcut={{ key: 'f', meta: true, shift: false }}\n showTotal={!tableMeta.server._experimentalDataLoader2}\n value={query}\n />\n </>\n );\n}\n"],"names":["useLocalization","getHiddenColumns","query","Switch","SearchInput2"],"mappings":"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"}
1	+ {"version":3,"file":"Search.cjs","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Search/Search.tsx"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { useLocalization, Switch, SearchInput2 } from '@/components';\n\nimport type { TableRef } from '../../../../../types';\nimport { getHiddenColumns } from '../../../../../useTableManager/util/columns';\n\ntype SearchProps<TType = unknown> = {\n scrollToIndex: any;\n table: ReactTable<TType>;\n tableRef: React.RefObject<TableRef>;\n};\n\nexport function Search<TType = unknown>(props: SearchProps<TType>) {\n const { scrollToIndex, table, tableRef } = props;\n const { texts } = useLocalization();\n const ref = React.useRef<HTMLInputElement>(null);\n const lastResultQuery = React.useRef(undefined);\n const tableMeta = table.options.meta as ReactTableMeta<TType>;\n const query = table.getState().globalFilter;\n const scrollTo = (rowIndex: number) => scrollToIndex(rowIndex, { align: 'center' });\n const hiddenColumns = getHiddenColumns(table.getState().columnVisibility);\n\n React.useEffect(() => {\n if (!tableMeta.server._experimentalDataLoader2 && tableMeta.search.highlightedColumnIndexes.length) {\n const rowIndex = tableMeta.search.highlightedColumnIndexes[0]?.[0];\n\n if (rowIndex !== undefined) {\n scrollTo(rowIndex);\n }\n }\n }, [tableMeta.search.highlightedColumnIndexes.length]);\n\n React.useEffect(() => {\n // if the query hasn't changed, but number of results changed, it indicates a page containing one ore more results was loaded or unloaded due to scrolling.\n if (\n tableMeta.server._experimentalDataLoader2 &&\n tableMeta.search.highlightedColumnIndexes.length &&\n query !== lastResultQuery.current\n ) {\n lastResultQuery.current = query;\n\n const rowIndex = tableMeta.search.highlightedColumnIndexes[0]?.[0];\n\n if (rowIndex !== undefined) {\n scrollTo(rowIndex);\n }\n }\n }, [tableMeta.search.highlightedColumnIndexes.length, query]);\n\n const handleFocus = async () => {\n // load all data if that is possible\n if (tableMeta.server.loadAllIfNeeded && !tableMeta.server._experimentalDataLoader2) {\n // don't pass the search query because we need all data - not filtered data\n await tableMeta.server.loadAllIfNeeded(\n table.getState().sorting,\n table.getState().columnFilters,\n hiddenColumns,\n // the old data loader doesn't have server side search\n undefined\n );\n }\n };\n\n const [loading, setLoading] = React.useState(false);\n\n const searchTimeoutRef = React.useRef<NodeJS.Timeout>(undefined);\n\n const handleChange = (query: any) => {\n table.setGlobalFilter(String(query ?? ''));\n\n if (tableMeta.search.enableGlobalFilter && tableMeta.search.handleSearch) {\n clearTimeout(searchTimeoutRef.current);\n searchTimeoutRef.current = setTimeout(() => {\n setLoading(true);\n tableMeta.search.handleSearch?.(query, hiddenColumns)?.then(() => {\n setLoading(false);\n });\n }, 350);\n }\n };\n\n const handleToggleExcludeUnmatchedResults = async (enabled: boolean) => {\n tableMeta.search.setEnableGlobalFilter(enabled, table);\n requestAnimationFrame(() => ref.current?.focus());\n\n if (tableMeta.search.handleSearch) {\n setLoading(true);\n await tableMeta.search.handleSearch(enabled ? query : undefined, hiddenColumns);\n setLoading(false);\n }\n };\n\n const handleNextResult = () => {\n if (!tableMeta.search.highlightedColumnIndexes.length) {\n return;\n }\n\n const nextIndex =\n tableMeta.search.currentHighlightColumnIndex === undefined \|\|\n tableMeta.search.currentHighlightColumnIndex === tableMeta.search.highlightedColumnIndexes.length - 1\n ? 0\n : tableMeta.search.currentHighlightColumnIndex + 1;\n\n tableMeta.search.setCurrentHighlightColumnIndex(nextIndex);\n // we scroll to the row here, the cell scrolls itself into view\n const rowIndex = tableMeta.search.highlightedColumnIndexes[nextIndex]?.[0];\n\n if (rowIndex !== undefined) {\n scrollTo(rowIndex);\n }\n };\n\n const handlePreviousResult = () => {\n if (!tableMeta.search.highlightedColumnIndexes.length) {\n return;\n }\n\n const nextIndex =\n tableMeta.search.currentHighlightColumnIndex === undefined\n ? 0\n : tableMeta.search.currentHighlightColumnIndex === 0\n ? tableMeta.search.highlightedColumnIndexes.length - 1\n : tableMeta.search.currentHighlightColumnIndex - 1;\n\n tableMeta.search.setCurrentHighlightColumnIndex(nextIndex);\n // we scroll to the row here, the cell scrolls itself into view\n const rowIndex = tableMeta.search.highlightedColumnIndexes[nextIndex]?.[0];\n\n if (rowIndex !== undefined) {\n scrollTo(rowIndex);\n }\n };\n\n const settings = tableMeta.server._experimentalDataLoader2 ? undefined : (\n <Switch\n label={texts.table.search.excludeUnmatchedResults}\n checked={!!table.options.enableGlobalFilter}\n onChange={handleToggleExcludeUnmatchedResults}\n />\n );\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n if (event.key === 'Escape' && tableMeta.search.currentHighlightColumnIndex !== undefined) {\n const [rowIndex, cellIndex] =\n tableMeta.search.highlightedColumnIndexes[tableMeta.search.currentHighlightColumnIndex] \|\| [];\n\n if (rowIndex !== undefined && cellIndex !== undefined) {\n tableMeta.rowActive.setRowActiveIndex(rowIndex);\n\n requestAnimationFrame(() => {\n const cell = tableRef.current?.querySelector(\n `tbody > tr[data-row-index=\"${rowIndex}\"] > td[data-cell-index=\"${cellIndex}\"]`\n );\n\n if (cell) {\n (cell as HTMLElement).focus?.();\n }\n });\n }\n }\n };\n\n return (\n <>\n <SearchInput2\n findCurrent={\n tableMeta.search.currentHighlightColumnIndex === undefined\n ? null\n : tableMeta.search.currentHighlightColumnIndex + 1\n }\n findTotal={tableMeta.search.highlightedColumnIndexes?.length ?? null}\n loading={tableMeta.server._experimentalDataLoader2 ? loading : tableMeta.server.loading}\n name=\"table-search\"\n onClickFindPrevious={handlePreviousResult}\n onClickFindNext={handleNextResult}\n onChange={handleChange}\n onFocus={handleFocus}\n onKeyDown={handleKeyDown}\n placeholder={texts.table.search.placeholder}\n settingsContent={settings}\n ref={ref}\n shortcut={{ key: 'f', meta: true, shift: false }}\n showTotal={!tableMeta.server._experimentalDataLoader2}\n value={query}\n />\n </>\n );\n}\n"],"names":["useLocalization","getHiddenColumns","query","Switch","SearchInput2"],"mappings":"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"}

package/dist/primitives/Table/Core/components/Toolbar/components/Search/Search.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import React__default from "react";
+import { getHiddenColumns } from "../../../../../useTableManager/util/columns.js";
 import { useLocalization } from "../../../../../../../components/Provider/Localization.js";
-import { SearchInput2 } from "../../../../../../../components/SearchInput2/SearchInput2.js";
 import { Switch } from "../../../../../../../components/Switch/Switch.js";
-import { getHiddenColumns } from "../../../../../useTableManager/util/columns.js";
+import { SearchInput2 } from "../../../../../../../components/SearchInput2/SearchInput2.js";
 function Search(props) {
   const { scrollToIndex, table, tableRef } = props;
   const { texts } = useLocalization();

package/dist/primitives/Table/Core/components/Toolbar/components/Search/Search.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Search.js","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Search/Search.tsx"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport { SearchInput2 } from '../../../../../../../components/SearchInput2/SearchInput2';\nimport { Switch } from '../../../../../../../components/Switch/Switch';\nimport type { TableRef } from '../../../../../types';\nimport { getHiddenColumns } from '../../../../../useTableManager/util/columns';\n\ntype SearchProps<TType = unknown> = {\n scrollToIndex: any;\n table: ReactTable<TType>;\n tableRef: React.RefObject<TableRef>;\n};\n\nexport function Search<TType = unknown>(props: SearchProps<TType>) {\n const { scrollToIndex, table, tableRef } = props;\n const { texts } = useLocalization();\n const ref = React.useRef<HTMLInputElement>(null);\n const lastResultQuery = React.useRef(undefined);\n const tableMeta = table.options.meta as ReactTableMeta<TType>;\n const query = table.getState().globalFilter;\n const scrollTo = (rowIndex: number) => scrollToIndex(rowIndex, { align: 'center' });\n const hiddenColumns = getHiddenColumns(table.getState().columnVisibility);\n\n React.useEffect(() => {\n if (!tableMeta.server._experimentalDataLoader2 && tableMeta.search.highlightedColumnIndexes.length) {\n const rowIndex = tableMeta.search.highlightedColumnIndexes[0]?.[0];\n\n if (rowIndex !== undefined) {\n scrollTo(rowIndex);\n }\n }\n }, [tableMeta.search.highlightedColumnIndexes.length]);\n\n React.useEffect(() => {\n // if the query hasn't changed, but number of results changed, it indicates a page containing one ore more results was loaded or unloaded due to scrolling.\n if (\n tableMeta.server._experimentalDataLoader2 &&\n tableMeta.search.highlightedColumnIndexes.length &&\n query !== lastResultQuery.current\n ) {\n lastResultQuery.current = query;\n\n const rowIndex = tableMeta.search.highlightedColumnIndexes[0]?.[0];\n\n if (rowIndex !== undefined) {\n scrollTo(rowIndex);\n }\n }\n }, [tableMeta.search.highlightedColumnIndexes.length, query]);\n\n const handleFocus = async () => {\n // load all data if that is possible\n if (tableMeta.server.loadAllIfNeeded && !tableMeta.server._experimentalDataLoader2) {\n // don't pass the search query because we need all data - not filtered data\n await tableMeta.server.loadAllIfNeeded(\n table.getState().sorting,\n table.getState().columnFilters,\n hiddenColumns,\n // the old data loader doesn't have server side search\n undefined\n );\n }\n };\n\n const [loading, setLoading] = React.useState(false);\n\n const searchTimeoutRef = React.useRef<NodeJS.Timeout>(undefined);\n\n const handleChange = (query: any) => {\n table.setGlobalFilter(String(query ?? ''));\n\n if (tableMeta.search.enableGlobalFilter && tableMeta.search.handleSearch) {\n clearTimeout(searchTimeoutRef.current);\n searchTimeoutRef.current = setTimeout(() => {\n setLoading(true);\n tableMeta.search.handleSearch?.(query, hiddenColumns)?.then(() => {\n setLoading(false);\n });\n }, 350);\n }\n };\n\n const handleToggleExcludeUnmatchedResults = async (enabled: boolean) => {\n tableMeta.search.setEnableGlobalFilter(enabled, table);\n requestAnimationFrame(() => ref.current?.focus());\n\n if (tableMeta.search.handleSearch) {\n setLoading(true);\n await tableMeta.search.handleSearch(enabled ? query : undefined, hiddenColumns);\n setLoading(false);\n }\n };\n\n const handleNextResult = () => {\n if (!tableMeta.search.highlightedColumnIndexes.length) {\n return;\n }\n\n const nextIndex =\n tableMeta.search.currentHighlightColumnIndex === undefined \|\|\n tableMeta.search.currentHighlightColumnIndex === tableMeta.search.highlightedColumnIndexes.length - 1\n ? 0\n : tableMeta.search.currentHighlightColumnIndex + 1;\n\n tableMeta.search.setCurrentHighlightColumnIndex(nextIndex);\n // we scroll to the row here, the cell scrolls itself into view\n const rowIndex = tableMeta.search.highlightedColumnIndexes[nextIndex]?.[0];\n\n if (rowIndex !== undefined) {\n scrollTo(rowIndex);\n }\n };\n\n const handlePreviousResult = () => {\n if (!tableMeta.search.highlightedColumnIndexes.length) {\n return;\n }\n\n const nextIndex =\n tableMeta.search.currentHighlightColumnIndex === undefined\n ? 0\n : tableMeta.search.currentHighlightColumnIndex === 0\n ? tableMeta.search.highlightedColumnIndexes.length - 1\n : tableMeta.search.currentHighlightColumnIndex - 1;\n\n tableMeta.search.setCurrentHighlightColumnIndex(nextIndex);\n // we scroll to the row here, the cell scrolls itself into view\n const rowIndex = tableMeta.search.highlightedColumnIndexes[nextIndex]?.[0];\n\n if (rowIndex !== undefined) {\n scrollTo(rowIndex);\n }\n };\n\n const settings = tableMeta.server._experimentalDataLoader2 ? undefined : (\n <Switch\n label={texts.table.search.excludeUnmatchedResults}\n checked={!!table.options.enableGlobalFilter}\n onChange={handleToggleExcludeUnmatchedResults}\n />\n );\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n if (event.key === 'Escape' && tableMeta.search.currentHighlightColumnIndex !== undefined) {\n const [rowIndex, cellIndex] =\n tableMeta.search.highlightedColumnIndexes[tableMeta.search.currentHighlightColumnIndex] \|\| [];\n\n if (rowIndex !== undefined && cellIndex !== undefined) {\n tableMeta.rowActive.setRowActiveIndex(rowIndex);\n\n requestAnimationFrame(() => {\n const cell = tableRef.current?.querySelector(\n `tbody > tr[data-row-index=\"${rowIndex}\"] > td[data-cell-index=\"${cellIndex}\"]`\n );\n\n if (cell) {\n (cell as HTMLElement).focus?.();\n }\n });\n }\n }\n };\n\n return (\n <>\n <SearchInput2\n findCurrent={\n tableMeta.search.currentHighlightColumnIndex === undefined\n ? null\n : tableMeta.search.currentHighlightColumnIndex + 1\n }\n findTotal={tableMeta.search.highlightedColumnIndexes?.length ?? null}\n loading={tableMeta.server._experimentalDataLoader2 ? loading : tableMeta.server.loading}\n name=\"table-search\"\n onClickFindPrevious={handlePreviousResult}\n onClickFindNext={handleNextResult}\n onChange={handleChange}\n onFocus={handleFocus}\n onKeyDown={handleKeyDown}\n placeholder={texts.table.search.placeholder}\n settingsContent={settings}\n ref={ref}\n shortcut={{ key: 'f', meta: true, shift: false }}\n showTotal={!tableMeta.server._experimentalDataLoader2}\n value={query}\n />\n </>\n );\n}\n"],"names":["React","query"],"mappings":"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"}
1	+ {"version":3,"file":"Search.js","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Search/Search.tsx"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { useLocalization, Switch, SearchInput2 } from '@/components';\n\nimport type { TableRef } from '../../../../../types';\nimport { getHiddenColumns } from '../../../../../useTableManager/util/columns';\n\ntype SearchProps<TType = unknown> = {\n scrollToIndex: any;\n table: ReactTable<TType>;\n tableRef: React.RefObject<TableRef>;\n};\n\nexport function Search<TType = unknown>(props: SearchProps<TType>) {\n const { scrollToIndex, table, tableRef } = props;\n const { texts } = useLocalization();\n const ref = React.useRef<HTMLInputElement>(null);\n const lastResultQuery = React.useRef(undefined);\n const tableMeta = table.options.meta as ReactTableMeta<TType>;\n const query = table.getState().globalFilter;\n const scrollTo = (rowIndex: number) => scrollToIndex(rowIndex, { align: 'center' });\n const hiddenColumns = getHiddenColumns(table.getState().columnVisibility);\n\n React.useEffect(() => {\n if (!tableMeta.server._experimentalDataLoader2 && tableMeta.search.highlightedColumnIndexes.length) {\n const rowIndex = tableMeta.search.highlightedColumnIndexes[0]?.[0];\n\n if (rowIndex !== undefined) {\n scrollTo(rowIndex);\n }\n }\n }, [tableMeta.search.highlightedColumnIndexes.length]);\n\n React.useEffect(() => {\n // if the query hasn't changed, but number of results changed, it indicates a page containing one ore more results was loaded or unloaded due to scrolling.\n if (\n tableMeta.server._experimentalDataLoader2 &&\n tableMeta.search.highlightedColumnIndexes.length &&\n query !== lastResultQuery.current\n ) {\n lastResultQuery.current = query;\n\n const rowIndex = tableMeta.search.highlightedColumnIndexes[0]?.[0];\n\n if (rowIndex !== undefined) {\n scrollTo(rowIndex);\n }\n }\n }, [tableMeta.search.highlightedColumnIndexes.length, query]);\n\n const handleFocus = async () => {\n // load all data if that is possible\n if (tableMeta.server.loadAllIfNeeded && !tableMeta.server._experimentalDataLoader2) {\n // don't pass the search query because we need all data - not filtered data\n await tableMeta.server.loadAllIfNeeded(\n table.getState().sorting,\n table.getState().columnFilters,\n hiddenColumns,\n // the old data loader doesn't have server side search\n undefined\n );\n }\n };\n\n const [loading, setLoading] = React.useState(false);\n\n const searchTimeoutRef = React.useRef<NodeJS.Timeout>(undefined);\n\n const handleChange = (query: any) => {\n table.setGlobalFilter(String(query ?? ''));\n\n if (tableMeta.search.enableGlobalFilter && tableMeta.search.handleSearch) {\n clearTimeout(searchTimeoutRef.current);\n searchTimeoutRef.current = setTimeout(() => {\n setLoading(true);\n tableMeta.search.handleSearch?.(query, hiddenColumns)?.then(() => {\n setLoading(false);\n });\n }, 350);\n }\n };\n\n const handleToggleExcludeUnmatchedResults = async (enabled: boolean) => {\n tableMeta.search.setEnableGlobalFilter(enabled, table);\n requestAnimationFrame(() => ref.current?.focus());\n\n if (tableMeta.search.handleSearch) {\n setLoading(true);\n await tableMeta.search.handleSearch(enabled ? query : undefined, hiddenColumns);\n setLoading(false);\n }\n };\n\n const handleNextResult = () => {\n if (!tableMeta.search.highlightedColumnIndexes.length) {\n return;\n }\n\n const nextIndex =\n tableMeta.search.currentHighlightColumnIndex === undefined \|\|\n tableMeta.search.currentHighlightColumnIndex === tableMeta.search.highlightedColumnIndexes.length - 1\n ? 0\n : tableMeta.search.currentHighlightColumnIndex + 1;\n\n tableMeta.search.setCurrentHighlightColumnIndex(nextIndex);\n // we scroll to the row here, the cell scrolls itself into view\n const rowIndex = tableMeta.search.highlightedColumnIndexes[nextIndex]?.[0];\n\n if (rowIndex !== undefined) {\n scrollTo(rowIndex);\n }\n };\n\n const handlePreviousResult = () => {\n if (!tableMeta.search.highlightedColumnIndexes.length) {\n return;\n }\n\n const nextIndex =\n tableMeta.search.currentHighlightColumnIndex === undefined\n ? 0\n : tableMeta.search.currentHighlightColumnIndex === 0\n ? tableMeta.search.highlightedColumnIndexes.length - 1\n : tableMeta.search.currentHighlightColumnIndex - 1;\n\n tableMeta.search.setCurrentHighlightColumnIndex(nextIndex);\n // we scroll to the row here, the cell scrolls itself into view\n const rowIndex = tableMeta.search.highlightedColumnIndexes[nextIndex]?.[0];\n\n if (rowIndex !== undefined) {\n scrollTo(rowIndex);\n }\n };\n\n const settings = tableMeta.server._experimentalDataLoader2 ? undefined : (\n <Switch\n label={texts.table.search.excludeUnmatchedResults}\n checked={!!table.options.enableGlobalFilter}\n onChange={handleToggleExcludeUnmatchedResults}\n />\n );\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n if (event.key === 'Escape' && tableMeta.search.currentHighlightColumnIndex !== undefined) {\n const [rowIndex, cellIndex] =\n tableMeta.search.highlightedColumnIndexes[tableMeta.search.currentHighlightColumnIndex] \|\| [];\n\n if (rowIndex !== undefined && cellIndex !== undefined) {\n tableMeta.rowActive.setRowActiveIndex(rowIndex);\n\n requestAnimationFrame(() => {\n const cell = tableRef.current?.querySelector(\n `tbody > tr[data-row-index=\"${rowIndex}\"] > td[data-cell-index=\"${cellIndex}\"]`\n );\n\n if (cell) {\n (cell as HTMLElement).focus?.();\n }\n });\n }\n }\n };\n\n return (\n <>\n <SearchInput2\n findCurrent={\n tableMeta.search.currentHighlightColumnIndex === undefined\n ? null\n : tableMeta.search.currentHighlightColumnIndex + 1\n }\n findTotal={tableMeta.search.highlightedColumnIndexes?.length ?? null}\n loading={tableMeta.server._experimentalDataLoader2 ? loading : tableMeta.server.loading}\n name=\"table-search\"\n onClickFindPrevious={handlePreviousResult}\n onClickFindNext={handleNextResult}\n onChange={handleChange}\n onFocus={handleFocus}\n onKeyDown={handleKeyDown}\n placeholder={texts.table.search.placeholder}\n settingsContent={settings}\n ref={ref}\n shortcut={{ key: 'f', meta: true, shift: false }}\n showTotal={!tableMeta.server._experimentalDataLoader2}\n value={query}\n />\n </>\n );\n}\n"],"names":["React","query"],"mappings":"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"}