@economic/taco 2.18.0 → 2.20.0

package/dist/esm/packages/taco/src/components/Table3/hooks/useCssVars.js

@@ -1,4 +1,4 @@
-import { FONT_SIZE } from '../components/toolbar/FontSize.js';
+import { FontSizes } from '../../../types.js';
 
 // we cannot just use a fixed height because our rows need to grow in height (images, edit mode validation etc)
 const getCellHeightPadding = (height, fontSize) => {
@@ -7,7 +7,7 @@ const getCellHeightPadding = (height, fontSize) => {
     case 'short':
       {
         switch (fontSize) {
-          case FONT_SIZE.small:
+          case FontSizes.small:
             return '8px';
           default:
             return '6px';
@@ -17,9 +17,9 @@ const getCellHeightPadding = (height, fontSize) => {
     case 'tall':
       {
         switch (fontSize) {
-          case FONT_SIZE.small:
+          case FontSizes.small:
             return '16px';
-          case FONT_SIZE.large:
+          case FontSizes.large:
             return '12px';
           default:
             return '14px';
@@ -28,9 +28,9 @@ const getCellHeightPadding = (height, fontSize) => {
     case 'extra-tall':
       {
         switch (fontSize) {
-          case FONT_SIZE.small:
+          case FontSizes.small:
             return '22px';
-          case FONT_SIZE.large:
+          case FontSizes.large:
             return '18px';
           default:
             return '20px';
@@ -39,9 +39,9 @@ const getCellHeightPadding = (height, fontSize) => {
     default:
       {
         switch (fontSize) {
-          case FONT_SIZE.small:
+          case FontSizes.small:
             return '12px';
-          case FONT_SIZE.large:
+          case FontSizes.large:
             return '8px';
           default:
             return '10px';
@@ -51,9 +51,9 @@ const getCellHeightPadding = (height, fontSize) => {
 };
 const getCellWidthPadding = fontSize => {
   switch (fontSize) {
-    case FONT_SIZE.small:
+    case FontSizes.small:
       return '8px';
-    case FONT_SIZE.medium:
+    case FontSizes.medium:
       return '12px';
     default:
       return '16px';

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

@@ -1 +1 @@
-{"version":3,"file":"useCssVars.js","sources":["../../../../../../../../src/components/Table3/hooks/useCssVars.ts"],"sourcesContent":["import { FONT_SIZE } from '../components/toolbar/FontSize';\nimport { Table3FontSize, Table3RowHeight } from '../types';\n\n// we cannot just use a fixed height because our rows need to grow in height (images, edit mode validation etc)\nconst getCellHeightPadding = (height: Table3RowHeight, fontSize: Table3FontSize) => {\n    // TODO: can we get the rem values from tailwind\n    switch (height) {\n        case 'short': {\n            switch (fontSize) {\n                case FONT_SIZE.small:\n                    return '8px';\n\n                default:\n                    return '6px'; // py-1.5\n            }\n        }\n\n        case 'tall': {\n            switch (fontSize) {\n                case FONT_SIZE.small:\n                    return '16px';\n\n                case FONT_SIZE.large:\n                    return '12px';\n\n                default:\n                    return '14px';\n            }\n        }\n\n        case 'extra-tall': {\n            switch (fontSize) {\n                case FONT_SIZE.small:\n                    return '22px';\n\n                case FONT_SIZE.large:\n                    return '18px';\n\n                default:\n                    return '20px';\n            }\n        }\n\n        default: {\n            switch (fontSize) {\n                case FONT_SIZE.small:\n                    return '12px';\n\n                case FONT_SIZE.large:\n                    return '8px';\n\n                default:\n                    return '10px';\n            }\n        }\n    }\n};\n\nconst getCellWidthPadding = (fontSize: Table3FontSize) => {\n    switch (fontSize) {\n        case FONT_SIZE.small:\n            return '8px';\n\n        case FONT_SIZE.medium:\n            return '12px';\n\n        default:\n            return '16px'; // py-1.5\n    }\n};\n\nexport const useCssVars = (height: Table3RowHeight, fontSize: Table3FontSize) => {\n    const style = {\n        '--table3-cell-padding-x': getCellWidthPadding(fontSize),\n        '--table3-cell-padding-y': getCellHeightPadding(height, fontSize),\n    };\n\n    return { style };\n};\n"],"names":["getCellHeightPadding","height","fontSize","FONT_SIZE","small","large","getCellWidthPadding","medium","useCssVars","style"],"mappings":";;AAGA;AACA,MAAMA,oBAAoB,GAAGA,CAACC,MAAuB,EAAEC,QAAwB;;EAE3E,QAAQD,MAAM;IACV,KAAK,OAAO;MAAE;QACV,QAAQC,QAAQ;UACZ,KAAKC,SAAS,CAACC,KAAK;YAChB,OAAO,KAAK;UAEhB;YACI,OAAO,KAAK;;;;IAIxB,KAAK,MAAM;MAAE;QACT,QAAQF,QAAQ;UACZ,KAAKC,SAAS,CAACC,KAAK;YAChB,OAAO,MAAM;UAEjB,KAAKD,SAAS,CAACE,KAAK;YAChB,OAAO,MAAM;UAEjB;YACI,OAAO,MAAM;;;IAIzB,KAAK,YAAY;MAAE;QACf,QAAQH,QAAQ;UACZ,KAAKC,SAAS,CAACC,KAAK;YAChB,OAAO,MAAM;UAEjB,KAAKD,SAAS,CAACE,KAAK;YAChB,OAAO,MAAM;UAEjB;YACI,OAAO,MAAM;;;IAIzB;MAAS;QACL,QAAQH,QAAQ;UACZ,KAAKC,SAAS,CAACC,KAAK;YAChB,OAAO,MAAM;UAEjB,KAAKD,SAAS,CAACE,KAAK;YAChB,OAAO,KAAK;UAEhB;YACI,OAAO,MAAM;;;;AAIjC,CAAC;AAED,MAAMC,mBAAmB,GAAIJ,QAAwB;EACjD,QAAQA,QAAQ;IACZ,KAAKC,SAAS,CAACC,KAAK;MAChB,OAAO,KAAK;IAEhB,KAAKD,SAAS,CAACI,MAAM;MACjB,OAAO,MAAM;IAEjB;MACI,OAAO,MAAM;;;AAEzB,CAAC;MAEYC,UAAU,GAAGA,CAACP,MAAuB,EAAEC,QAAwB;EACxE,MAAMO,KAAK,GAAG;IACV,yBAAyB,EAAEH,mBAAmB,CAACJ,QAAQ,CAAC;IACxD,yBAAyB,EAAEF,oBAAoB,CAACC,MAAM,EAAEC,QAAQ;GACnE;EAED,OAAO;IAAEO;GAAO;AACpB;;;;"}
+{"version":3,"file":"useCssVars.js","sources":["../../../../../../../../src/components/Table3/hooks/useCssVars.ts"],"sourcesContent":["import { Table3RowHeight } from '../types';\nimport { FontSize, FontSizes } from '../../../types';\n\n// we cannot just use a fixed height because our rows need to grow in height (images, edit mode validation etc)\nconst getCellHeightPadding = (height: Table3RowHeight, fontSize: FontSize) => {\n    // TODO: can we get the rem values from tailwind\n    switch (height) {\n        case 'short': {\n            switch (fontSize) {\n                case FontSizes.small:\n                    return '8px';\n\n                default:\n                    return '6px'; // py-1.5\n            }\n        }\n\n        case 'tall': {\n            switch (fontSize) {\n                case FontSizes.small:\n                    return '16px';\n\n                case FontSizes.large:\n                    return '12px';\n\n                default:\n                    return '14px';\n            }\n        }\n\n        case 'extra-tall': {\n            switch (fontSize) {\n                case FontSizes.small:\n                    return '22px';\n\n                case FontSizes.large:\n                    return '18px';\n\n                default:\n                    return '20px';\n            }\n        }\n\n        default: {\n            switch (fontSize) {\n                case FontSizes.small:\n                    return '12px';\n\n                case FontSizes.large:\n                    return '8px';\n\n                default:\n                    return '10px';\n            }\n        }\n    }\n};\n\nconst getCellWidthPadding = (fontSize: FontSize) => {\n    switch (fontSize) {\n        case FontSizes.small:\n            return '8px';\n\n        case FontSizes.medium:\n            return '12px';\n\n        default:\n            return '16px'; // py-1.5\n    }\n};\n\nexport const useCssVars = (height: Table3RowHeight, fontSize: FontSize) => {\n    const style = {\n        '--table3-cell-padding-x': getCellWidthPadding(fontSize),\n        '--table3-cell-padding-y': getCellHeightPadding(height, fontSize),\n    };\n\n    return { style };\n};\n"],"names":["getCellHeightPadding","height","fontSize","FontSizes","small","large","getCellWidthPadding","medium","useCssVars","style"],"mappings":";;AAGA;AACA,MAAMA,oBAAoB,GAAGA,CAACC,MAAuB,EAAEC,QAAkB;;EAErE,QAAQD,MAAM;IACV,KAAK,OAAO;MAAE;QACV,QAAQC,QAAQ;UACZ,KAAKC,SAAS,CAACC,KAAK;YAChB,OAAO,KAAK;UAEhB;YACI,OAAO,KAAK;;;;IAIxB,KAAK,MAAM;MAAE;QACT,QAAQF,QAAQ;UACZ,KAAKC,SAAS,CAACC,KAAK;YAChB,OAAO,MAAM;UAEjB,KAAKD,SAAS,CAACE,KAAK;YAChB,OAAO,MAAM;UAEjB;YACI,OAAO,MAAM;;;IAIzB,KAAK,YAAY;MAAE;QACf,QAAQH,QAAQ;UACZ,KAAKC,SAAS,CAACC,KAAK;YAChB,OAAO,MAAM;UAEjB,KAAKD,SAAS,CAACE,KAAK;YAChB,OAAO,MAAM;UAEjB;YACI,OAAO,MAAM;;;IAIzB;MAAS;QACL,QAAQH,QAAQ;UACZ,KAAKC,SAAS,CAACC,KAAK;YAChB,OAAO,MAAM;UAEjB,KAAKD,SAAS,CAACE,KAAK;YAChB,OAAO,KAAK;UAEhB;YACI,OAAO,MAAM;;;;AAIjC,CAAC;AAED,MAAMC,mBAAmB,GAAIJ,QAAkB;EAC3C,QAAQA,QAAQ;IACZ,KAAKC,SAAS,CAACC,KAAK;MAChB,OAAO,KAAK;IAEhB,KAAKD,SAAS,CAACI,MAAM;MACjB,OAAO,MAAM;IAEjB;MACI,OAAO,MAAM;;;AAEzB,CAAC;MAEYC,UAAU,GAAGA,CAACP,MAAuB,EAAEC,QAAkB;EAClE,MAAMO,KAAK,GAAG;IACV,yBAAyB,EAAEH,mBAAmB,CAACJ,QAAQ,CAAC;IACxD,yBAAyB,EAAEF,oBAAoB,CAACC,MAAM,EAAEC,QAAQ;GACnE;EAED,OAAO;IAAEO;GAAO;AACpB;;;;"}

package/dist/esm/packages/taco/src/components/Table3/hooks/useTable.js

@@ -23,7 +23,7 @@ import { useRowDrop } from './features/useRowDrop.js';
 import { useEditing } from './features/useEditing.js';
 import { COLUMN_ID as COLUMN_ID$1 } from '../components/columns/internal/EditingActions.js';
 import { useConvertChildrenToColumns } from './useConvertChildrenToColumns.js';
-import { useTablePrinting } from '../../../primitives/Table/useTable/features/useTablePrinting.js';
+import { usePrinting } from './features/usePrinting.js';
 import { useTableShortcutsListener } from '../../../primitives/Table/useTable/listeners/useTableShortcutsListener.js';
 import { useTableRowGoto } from '../../../primitives/Table/useTable/features/useTableRowGoto.js';
 import { useTableServerLoadingListener } from '../../../primitives/Table/useTable/listeners/useTableServerLoadingListener.js';
@@ -49,6 +49,8 @@ function useTable(props, ref) {
   const validation = useValidation(props.onCellValidate, props.onRowValidate);
   // not relevant to common table
   const editing = useEditing(options.enableEditing, validation, props.onSave);
+  // we changed how printing works, so this shouldn't be migrated
+  const printing = usePrinting(options.enablePrinting, settings.showWarningWhenPrintingLargeDataset, props.id);
   // needs to be moved
   const rowActions = useRowActions(props.actionsForRow, props.actionsForRowLength);
   // not relevant to common table
@@ -61,7 +63,6 @@ function useTable(props, ref) {
   // custom features - shared/migrated
   const columnOrdering = useTableColumnOrdering(options.enableColumnOrdering);
   const fontSize = useTableFontSize(options.enableFontSize, settings.fontSize);
-  const printing = useTablePrinting(options.enablePrinting, settings.showWarningWhenPrintingLargeDataset, props.id);
   const rowActive = useTableRowActive(true, props.defaultCurrentRowIndex);
   const rowClick = useTableRowClick(true, props.onRowClick);
   const rowGoto = useTableRowGoto(options.enableRowGoto, props.onRowGoto);
@@ -80,7 +81,7 @@ function useTable(props, ref) {
     var _settings$columnSizin, _settings$columnVisib, _props$defaultSetting, _props$defaultSetting3;
     const sanitizeSortedColumns = column => columns.find(definedColumn => definedColumn.id === column.id);
     const state = {
-      columnOrder: ensureOrdering(columns, [COLUMN_ID, COLUMN_ID$1], settings.columnOrder),
+      columnOrder: ensureOrdering(columns, settings.columnOrder, [COLUMN_ID, COLUMN_ID$1]),
       columnSizing: (_settings$columnSizin = settings.columnSizing) !== null && _settings$columnSizin !== void 0 ? _settings$columnSizin : defaultColumnSizing,
       columnVisibility: (_settings$columnVisib = settings.columnVisibility) !== null && _settings$columnVisib !== void 0 ? _settings$columnVisib : defaultColumnVisibility,
       sorting: settings.sorting ? settings.sorting.filter(sanitizeSortedColumns) : defaultSorting

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

@@ -1 +1 @@
-{"version":3,"file":"useTable.js","sources":["../../../../../../../../src/components/Table3/hooks/useTable.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    getCoreRowModel,\n    useReactTable,\n    Row as RTRow,\n    RowData,\n    Column as RTColumn,\n    TableOptions as RTableOptions,\n    TableState,\n    getSortedRowModel,\n    getFilteredRowModel,\n    ColumnMeta,\n} from '@tanstack/react-table';\nimport {\n    Table3ColumnAlignment,\n    Table3ColumnRenderer,\n    Table3Props,\n    Table3ColumnHeaderMenu,\n    Table3ColumnControlRenderer,\n    Table3ColumnDataType,\n    Table3ColumnClassNameHandler,\n    Table3ColumnFooterRenderer,\n    TableStrategy,\n    Table3FilterComparator,\n    Table3Settings,\n    Table3Options,\n    Table3Ref,\n} from '../types';\nimport { useTableRowActive } from '../../../primitives/Table/useTable/features/useTableRowActive';\nimport { useTablePreset } from './useTablePreset';\nimport { useTableRowHeight } from '../../../primitives/Table/useTable/features/useTableRowHeight';\nimport { useTableFontSize } from '../../../primitives/Table/useTable/features/useTableFontSize';\nimport { useTableRowSelectionListener } from '../../../primitives/Table/useTable/listeners/useTableRowSelectionListener';\nimport { useRowDrag } from './features/useRowDrag';\nimport { useSettingsStateListener } from './listeners/useSettingsStateListener';\nimport { columnFilterFn, globalFilterFn } from '../util/filtering';\nimport { useTableSortingListener } from '../../../primitives/Table/useTable/listeners/useTableSortingListener';\nimport { useTableFilterListener } from '../../../primitives/Table/useTable/listeners/useTableFilterListener';\nimport { useTableDataListener } from '../../../primitives/Table/useTable/listeners/useTableDataListener';\nimport { useColumnFreezing } from './features/useColumnFreezing';\nimport { useTableRowSelection } from '../../../primitives/Table/useTable/features/useTableRowSelection';\nimport { useTableServerLoading } from '../../../primitives/Table/useTable/features/useTableServerLoading';\nimport { useTableRowClick } from '../../../primitives/Table/useTable/features/useTableRowClick';\nimport { useTableColumnOrdering } from '../../../primitives/Table/useTable/features/useTableColumnOrdering';\nimport { useRowDrop } from './features/useRowDrop';\nimport { useConvertChildrenToColumns } from './useConvertChildrenToColumns';\nimport { useEditing } from './features/useEditing';\nimport { useTablePrinting } from '../../../primitives/Table/useTable/features/useTablePrinting';\nimport { useTableShortcutsListener } from '../../../primitives/Table/useTable/listeners/useTableShortcutsListener';\nimport { useTableRowGoto } from '../../../primitives/Table/useTable/features/useTableRowGoto';\nimport { useTableServerLoadingListener } from '../../../primitives/Table/useTable/listeners/useTableServerLoadingListener';\nimport { useEditingStateListener } from './listeners/useEditingStateListener';\nimport { useSearch } from './features/useSearch';\nimport { useRowActions } from './features/useRowActions';\nimport { useSettings } from './features/useSettings';\nimport { getCellValueAsString } from '../util/columns';\nimport { Table3Validation, useValidation } from './features/useValidation';\nimport { usePauseShortcuts } from './features/usePauseShortcuts';\nimport { useTableFontSizeListener } from '../../../primitives/Table/useTable/listeners/useTableFontSizeListener';\nimport { ensureOrdering } from '../../../primitives/Table/useTable/util/columns';\nimport { COLUMN_ID as ACTIONS_COLUMN_ID } from '../components/columns/internal/Actions';\nimport { COLUMN_ID as EDITING_ACTIONS_COLUMN_ID } from '../components/columns/internal/EditingActions';\n\ndeclare module '@tanstack/table-core' {\n    interface TableMeta<TData extends RowData> {\n        columnFreezing: ReturnType<typeof useColumnFreezing>;\n        columnOrdering: ReturnType<typeof useTableColumnOrdering>;\n        editing: ReturnType<typeof useEditing>;\n        enableFooter: boolean;\n        fontSize: ReturnType<typeof useTableFontSize>;\n        getSettings: () => Table3Settings;\n        isPrinting: boolean;\n        isUsingServer: boolean;\n        printing: ReturnType<typeof useTablePrinting>;\n        rowActions: ReturnType<typeof useRowActions>;\n        rowActive: ReturnType<typeof useTableRowActive>;\n        rowClick: ReturnType<typeof useTableRowClick>;\n        rowDrag: ReturnType<typeof useRowDrag>;\n        rowDrop: ReturnType<typeof useRowDrop>;\n        rowGoto: ReturnType<typeof useTableRowGoto>;\n        rowHeight: ReturnType<typeof useTableRowHeight>;\n        rowSelection: ReturnType<typeof useTableRowSelection>;\n        search: ReturnType<typeof useSearch>;\n        server: ReturnType<typeof useTableServerLoading>;\n        shortcutsState: ReturnType<typeof usePauseShortcuts>;\n        tableRef: React.RefObject<Table3Ref>;\n        validation: Table3Validation<TData>;\n    }\n\n    interface ColumnMeta<TData extends RowData, TValue> {\n        align?: Table3ColumnAlignment;\n        className?: Table3ColumnClassNameHandler<TData>;\n        control?: Table3ColumnControlRenderer<TData>;\n        dataType?: Table3ColumnDataType;\n        defaultWidth?: number;\n        enableOrdering: boolean;\n        enableSearch: boolean;\n        enableTruncate: boolean;\n        filters?: Table3FilterComparator[];\n        footer?: Table3ColumnFooterRenderer;\n        header: string;\n        headerClassName?: string;\n        menu?: Table3ColumnHeaderMenu;\n        renderer?: Table3ColumnRenderer<TValue, TData>;\n        tooltip?: string;\n    }\n\n    interface CellContext<TData extends RowData, TValue> {\n        index: number;\n        tableRef: React.RefObject<HTMLDivElement>;\n    }\n\n    interface HeaderContext<TData extends RowData, TValue> {\n        scrollToIndex: TableStrategy['scrollToIndex'];\n    }\n}\n\nexport function useTable<TType = unknown>(props: Table3Props<TType>, ref: React.RefObject<Table3Ref>) {\n    // load any persisted table settings and merge them with any defaults\n    const [settings, setSettings] = useSettings(props.id, props.defaultSettings, props.onChangeSettings);\n\n    // configure table3 options\n    const options = useTablePreset(props);\n\n    // configure react-table built-in features\n    const tableOptions = configureReactTableOptions(props, options);\n\n    // configure custom features\n    const columnFreezing = useColumnFreezing(settings.columnFreezingIndex ?? props.defaultColumnFreezingIndex, options);\n    // can't change due to rename to \"active row\"\n    const validation = useValidation<TType>(props.onCellValidate, props.onRowValidate);\n    // not relevant to common table\n    const editing = useEditing<TType>(options.enableEditing, validation, props.onSave);\n    // needs to be moved\n    const rowActions = useRowActions<TType>(props.actionsForRow, props.actionsForRowLength);\n    // not relevant to common table\n    const rowDrag = useRowDrag(options.enableRowDrag);\n    // not relevant to common table\n    const rowDrop = useRowDrop(options.enableRowDrop, props.onRowDrop);\n    // haven't migrated load all/server loading yet\n    const search = useSearch(options.enableSearch, settings.excludeUnmatchedRecordsInSearch);\n    const shortcutsState = usePauseShortcuts();\n\n    // custom features - shared/migrated\n    const columnOrdering = useTableColumnOrdering(options.enableColumnOrdering);\n    const fontSize = useTableFontSize(options.enableFontSize, settings.fontSize);\n    const printing = useTablePrinting(options.enablePrinting, settings.showWarningWhenPrintingLargeDataset, props.id);\n    const rowActive = useTableRowActive(true, props.defaultCurrentRowIndex);\n    const rowClick = useTableRowClick<TType>(true, props.onRowClick);\n    const rowGoto = useTableRowGoto(options.enableRowGoto, props.onRowGoto);\n    const rowHeight = useTableRowHeight(options.enableRowHeight, settings.rowHeight);\n    const rowSelection = useTableRowSelection(options.enableRowSelection);\n    const server = useTableServerLoading(props.loadPage, props.loadAll);\n\n    // columns\n    const { columns, defaultColumnSizing, defaultColumnVisibility, defaultSorting } = useConvertChildrenToColumns<TType>(\n        props,\n        options,\n        editing\n    );\n\n    // built-in features\n    const initialState: Partial<TableState> = React.useMemo(() => {\n        const sanitizeSortedColumns = column => columns.find(definedColumn => definedColumn.id === column.id);\n\n        const state: Partial<TableState> = {\n            columnOrder: ensureOrdering<TType>(columns, [ACTIONS_COLUMN_ID, EDITING_ACTIONS_COLUMN_ID], settings.columnOrder),\n            columnSizing: settings.columnSizing ?? defaultColumnSizing,\n            columnVisibility: settings.columnVisibility ?? defaultColumnVisibility,\n            sorting: settings.sorting ? settings.sorting.filter(sanitizeSortedColumns) : defaultSorting,\n        };\n\n        // we don't save these outside the table, but they need to be here for print to inherit them - see PrintButton.tsx\n        if ((props.defaultSettings as any)?.columnFilters) {\n            state.columnFilters = (props.defaultSettings as any)?.columnFilters;\n        }\n\n        if ((props.defaultSettings as any)?.globalFilter) {\n            state.globalFilter = (props.defaultSettings as any)?.globalFilter;\n        }\n\n        return state;\n    }, []);\n\n    const getSettings = () => {\n        const state = table.getState();\n        return {\n            columnFreezingIndex: columnFreezing.frozenColumnIndex,\n            columnOrder: columnOrdering.isEnabled ? state.columnOrder : undefined,\n            columnSizing: table.options.enableColumnResizing ? state.columnSizing : undefined,\n            columnVisibility: table.options.enableHiding ? state.columnVisibility : undefined,\n            excludeUnmatchedRecordsInSearch: search.excludeUnmatchedResults,\n            fontSize: fontSize.isEnabled ? fontSize.size : undefined,\n            rowHeight: rowHeight.isEnabled ? rowHeight.height : undefined,\n            showWarningWhenPrintingLargeDataset: printing.isWarningVisibleForLargeDatasets,\n            sorting: state.sorting,\n        };\n    };\n\n    const table = useReactTable<TType>({\n        data: props.data,\n        columns,\n        getCoreRowModel: getCoreRowModel(),\n        initialState,\n        ...tableOptions,\n        //debugAll: true,\n        meta: {\n            columnFreezing,\n            columnOrdering,\n            editing,\n            enableFooter: options.enableFooter,\n            fontSize,\n            getSettings,\n            isPrinting: props.id.endsWith('_print'),\n            isUsingServer: !!props.loadPage,\n            printing,\n            rowActions: rowActions as any,\n            rowActive,\n            rowClick: rowClick as any,\n            rowDrag,\n            rowDrop,\n            rowGoto,\n            rowHeight,\n            rowSelection,\n            search,\n            server,\n            shortcutsState,\n            tableRef: ref,\n            validation,\n        },\n    });\n\n    // listeners\n    useEditingStateListener(table);\n    useSettingsStateListener(table, setSettings);\n    // listeners - shared/migrated\n    useTableDataListener(table);\n    useTableFilterListener(table, props.onFilter);\n    useTableFontSizeListener(table);\n    useTableRowSelectionListener(table, props.onRowSelect);\n    useTableServerLoadingListener(table, props.loadPage);\n    useTableShortcutsListener(table, props.shortcuts);\n    useTableSortingListener(table, props.onSort);\n\n    return { table, length: props.length ?? props.data.length };\n}\n\nfunction configureReactTableOptions<TType = unknown>(props: Table3Props<TType>, options: Table3Options) {\n    const tableOptions: Partial<RTableOptions<TType>> = {\n        enableColumnFilters: options.enableFiltering,\n        enableColumnResizing: options.enableColumnResizing,\n        enableExpanding: options.enableRowExpansion,\n        enableGlobalFilter: options.enableSearch,\n        enableHiding: options.enableColumnHiding,\n        enableRowSelection: options.enableRowSelection,\n        enableMultiRowSelection: !options.enableRowSelectionSingle,\n        enableSorting: options.enableSorting,\n    };\n\n    // resizing\n    if (tableOptions.enableColumnResizing) {\n        tableOptions.columnResizeMode = 'onChange';\n    }\n\n    // filtering\n    if (tableOptions.enableColumnFilters) {\n        if (!props.onFilter) {\n            tableOptions.filterFns = {\n                tacoFilter: (row: RTRow<TType>, columnId: string, filter: any) => columnFilterFn(row.getValue(columnId), filter),\n            };\n            tableOptions.getFilteredRowModel = getFilteredRowModel();\n        }\n\n        // we don't tableOptions.manualFiltering = true; because it breaks global filtering, server filtering still works :shrug:\n    }\n\n    // search\n    if (tableOptions.enableGlobalFilter) {\n        // search is always client side, since we call loadAll when searching\n        tableOptions.globalFilterFn = (row: RTRow<TType>, columnId: string, searchQuery: string) => {\n            try {\n                if (row.original) {\n                    const cell = row.getAllCells().find(cell => cell.column.id === columnId);\n                    const columnMeta = cell?.column.columnDef.meta;\n\n                    if (cell && cell.column.getIsVisible() && columnMeta?.enableSearch) {\n                        const cellValue = getCellValueAsString(row.original[columnId], columnMeta?.dataType);\n\n                        if (cellValue !== undefined) {\n                            return globalFilterFn(cellValue, searchQuery);\n                        }\n                    }\n                    return false;\n                }\n            } catch {\n                //\n            }\n\n            return false;\n        };\n        tableOptions.getFilteredRowModel = getFilteredRowModel();\n        tableOptions.getColumnCanGlobalFilter = (column: RTColumn<TType>) =>\n            (column.columnDef.meta as ColumnMeta<TType, unknown>).enableSearch ?? true;\n    }\n\n    // sorting\n    if (options.enableSorting) {\n        if (props.onSort) {\n            tableOptions.manualSorting = true;\n            // onSort is called as a listener to let the consumer update their data, so we don't use onSortingChange\n        } else {\n            tableOptions.getSortedRowModel = getSortedRowModel();\n        }\n    }\n\n    return tableOptions;\n}\n"],"names":["useTable","props","ref","settings","setSettings","useSettings","id","defaultSettings","onChangeSettings","options","useTablePreset","tableOptions","configureReactTableOptions","columnFreezing","useColumnFreezing","_settings$columnFreez","columnFreezingIndex","defaultColumnFreezingIndex","validation","useValidation","onCellValidate","onRowValidate","editing","useEditing","enableEditing","onSave","rowActions","useRowActions","actionsForRow","actionsForRowLength","rowDrag","useRowDrag","enableRowDrag","rowDrop","useRowDrop","enableRowDrop","onRowDrop","search","useSearch","enableSearch","excludeUnmatchedRecordsInSearch","shortcutsState","usePauseShortcuts","columnOrdering","useTableColumnOrdering","enableColumnOrdering","fontSize","useTableFontSize","enableFontSize","printing","useTablePrinting","enablePrinting","showWarningWhenPrintingLargeDataset","rowActive","useTableRowActive","defaultCurrentRowIndex","rowClick","useTableRowClick","onRowClick","rowGoto","useTableRowGoto","enableRowGoto","onRowGoto","rowHeight","useTableRowHeight","enableRowHeight","rowSelection","useTableRowSelection","enableRowSelection","server","useTableServerLoading","loadPage","loadAll","columns","defaultColumnSizing","defaultColumnVisibility","defaultSorting","useConvertChildrenToColumns","initialState","React","useMemo","sanitizeSortedColumns","column","find","definedColumn","state","columnOrder","ensureOrdering","ACTIONS_COLUMN_ID","EDITING_ACTIONS_COLUMN_ID","columnSizing","_settings$columnSizin","columnVisibility","_settings$columnVisib","sorting","filter","_props$defaultSetting","columnFilters","_props$defaultSetting2","_props$defaultSetting3","globalFilter","_props$defaultSetting4","getSettings","table","getState","frozenColumnIndex","isEnabled","undefined","enableColumnResizing","enableHiding","excludeUnmatchedResults","size","height","isWarningVisibleForLargeDatasets","useReactTable","data","getCoreRowModel","meta","enableFooter","isPrinting","endsWith","isUsingServer","tableRef","useEditingStateListener","useSettingsStateListener","useTableDataListener","useTableFilterListener","onFilter","useTableFontSizeListener","useTableRowSelectionListener","onRowSelect","useTableServerLoadingListener","useTableShortcutsListener","shortcuts","useTableSortingListener","onSort","length","_props$length","enableColumnFilters","enableFiltering","enableExpanding","enableRowExpansion","enableGlobalFilter","enableColumnHiding","enableMultiRowSelection","enableRowSelectionSingle","enableSorting","columnResizeMode","filterFns","tacoFilter","row","columnId","columnFilterFn","getValue","getFilteredRowModel","globalFilterFn","searchQuery","original","cell","getAllCells","columnMeta","columnDef","getIsVisible","cellValue","getCellValueAsString","dataType","getColumnCanGlobalFilter","_column$columnDef$met","manualSorting","getSortedRowModel"],"mappings":"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"}
+{"version":3,"file":"useTable.js","sources":["../../../../../../../../src/components/Table3/hooks/useTable.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    getCoreRowModel,\n    useReactTable,\n    Row as RTRow,\n    RowData,\n    Column as RTColumn,\n    TableOptions as RTableOptions,\n    TableState,\n    getSortedRowModel,\n    getFilteredRowModel,\n    ColumnMeta,\n} from '@tanstack/react-table';\nimport {\n    Table3ColumnAlignment,\n    Table3ColumnRenderer,\n    Table3Props,\n    Table3ColumnHeaderMenu,\n    Table3ColumnControlRenderer,\n    Table3ColumnDataType,\n    Table3ColumnClassNameHandler,\n    Table3ColumnFooterRenderer,\n    TableStrategy,\n    Table3FilterComparator,\n    Table3Settings,\n    Table3Options,\n    Table3Ref,\n} from '../types';\nimport { useTableRowActive } from '../../../primitives/Table/useTable/features/useTableRowActive';\nimport { useTablePreset } from './useTablePreset';\nimport { useTableRowHeight } from '../../../primitives/Table/useTable/features/useTableRowHeight';\nimport { useTableFontSize } from '../../../primitives/Table/useTable/features/useTableFontSize';\nimport { useTableRowSelectionListener } from '../../../primitives/Table/useTable/listeners/useTableRowSelectionListener';\nimport { useRowDrag } from './features/useRowDrag';\nimport { useSettingsStateListener } from './listeners/useSettingsStateListener';\nimport { columnFilterFn, globalFilterFn } from '../util/filtering';\nimport { useTableSortingListener } from '../../../primitives/Table/useTable/listeners/useTableSortingListener';\nimport { useTableFilterListener } from '../../../primitives/Table/useTable/listeners/useTableFilterListener';\nimport { useTableDataListener } from '../../../primitives/Table/useTable/listeners/useTableDataListener';\nimport { useColumnFreezing } from './features/useColumnFreezing';\nimport { useTableRowSelection } from '../../../primitives/Table/useTable/features/useTableRowSelection';\nimport { useTableServerLoading } from '../../../primitives/Table/useTable/features/useTableServerLoading';\nimport { useTableRowClick } from '../../../primitives/Table/useTable/features/useTableRowClick';\nimport { useTableColumnOrdering } from '../../../primitives/Table/useTable/features/useTableColumnOrdering';\nimport { useRowDrop } from './features/useRowDrop';\nimport { useConvertChildrenToColumns } from './useConvertChildrenToColumns';\nimport { useEditing } from './features/useEditing';\nimport { usePrinting } from './features/usePrinting';\nimport { useTableShortcutsListener } from '../../../primitives/Table/useTable/listeners/useTableShortcutsListener';\nimport { useTableRowGoto } from '../../../primitives/Table/useTable/features/useTableRowGoto';\nimport { useTableServerLoadingListener } from '../../../primitives/Table/useTable/listeners/useTableServerLoadingListener';\nimport { useEditingStateListener } from './listeners/useEditingStateListener';\nimport { useSearch } from './features/useSearch';\nimport { useRowActions } from './features/useRowActions';\nimport { useSettings } from './features/useSettings';\nimport { getCellValueAsString } from '../util/columns';\nimport { Table3Validation, useValidation } from './features/useValidation';\nimport { usePauseShortcuts } from './features/usePauseShortcuts';\nimport { useTableFontSizeListener } from '../../../primitives/Table/useTable/listeners/useTableFontSizeListener';\nimport { ensureOrdering } from '../../../primitives/Table/useTable/util/columns';\nimport { COLUMN_ID as ACTIONS_COLUMN_ID } from '../components/columns/internal/Actions';\nimport { COLUMN_ID as EDITING_ACTIONS_COLUMN_ID } from '../components/columns/internal/EditingActions';\n\ndeclare module '@tanstack/table-core' {\n    interface TableMeta<TData extends RowData> {\n        columnFreezing: ReturnType<typeof useColumnFreezing>;\n        columnOrdering: ReturnType<typeof useTableColumnOrdering>;\n        editing: ReturnType<typeof useEditing>;\n        enableFooter: boolean;\n        fontSize: ReturnType<typeof useTableFontSize>;\n        getSettings: () => Table3Settings;\n        isPrinting: boolean;\n        isUsingServer: boolean;\n        printing: ReturnType<typeof usePrinting>;\n        rowActions: ReturnType<typeof useRowActions>;\n        rowActive: ReturnType<typeof useTableRowActive>;\n        rowClick: ReturnType<typeof useTableRowClick>;\n        rowDrag: ReturnType<typeof useRowDrag>;\n        rowDrop: ReturnType<typeof useRowDrop>;\n        rowGoto: ReturnType<typeof useTableRowGoto>;\n        rowHeight: ReturnType<typeof useTableRowHeight>;\n        rowSelection: ReturnType<typeof useTableRowSelection>;\n        search: ReturnType<typeof useSearch>;\n        server: ReturnType<typeof useTableServerLoading>;\n        shortcutsState: ReturnType<typeof usePauseShortcuts>;\n        tableRef: React.RefObject<Table3Ref>;\n        validation: Table3Validation<TData>;\n    }\n\n    interface ColumnMeta<TData extends RowData, TValue> {\n        align?: Table3ColumnAlignment;\n        className?: Table3ColumnClassNameHandler<TData>;\n        control?: Table3ColumnControlRenderer<TData>;\n        dataType?: Table3ColumnDataType;\n        defaultWidth?: number;\n        enableOrdering?: boolean;\n        enableSearch: boolean;\n        enableTruncate?: boolean;\n        filters?: Table3FilterComparator[];\n        footer?: Table3ColumnFooterRenderer;\n        header: string;\n        headerClassName?: string;\n        menu?: Table3ColumnHeaderMenu;\n        renderer?: Table3ColumnRenderer<TValue, TData>;\n        tooltip?: string;\n    }\n\n    interface CellContext<TData extends RowData, TValue> {\n        index: number;\n        tableRef: React.RefObject<HTMLDivElement>;\n    }\n\n    interface HeaderContext<TData extends RowData, TValue> {\n        scrollToIndex: TableStrategy['scrollToIndex'];\n    }\n}\n\nexport function useTable<TType = unknown>(props: Table3Props<TType>, ref: React.RefObject<Table3Ref>) {\n    // load any persisted table settings and merge them with any defaults\n    const [settings, setSettings] = useSettings(props.id, props.defaultSettings, props.onChangeSettings);\n\n    // configure table3 options\n    const options = useTablePreset(props);\n\n    // configure react-table built-in features\n    const tableOptions = configureReactTableOptions(props, options);\n\n    // configure custom features\n    const columnFreezing = useColumnFreezing(settings.columnFreezingIndex ?? props.defaultColumnFreezingIndex, options);\n    // can't change due to rename to \"active row\"\n    const validation = useValidation<TType>(props.onCellValidate, props.onRowValidate);\n    // not relevant to common table\n    const editing = useEditing<TType>(options.enableEditing, validation, props.onSave);\n    // we changed how printing works, so this shouldn't be migrated\n    const printing = usePrinting(options.enablePrinting, settings.showWarningWhenPrintingLargeDataset, props.id);\n    // needs to be moved\n    const rowActions = useRowActions<TType>(props.actionsForRow, props.actionsForRowLength);\n    // not relevant to common table\n    const rowDrag = useRowDrag(options.enableRowDrag);\n    // not relevant to common table\n    const rowDrop = useRowDrop(options.enableRowDrop, props.onRowDrop);\n    // haven't migrated load all/server loading yet\n    const search = useSearch(options.enableSearch, settings.excludeUnmatchedRecordsInSearch);\n    const shortcutsState = usePauseShortcuts();\n\n    // custom features - shared/migrated\n    const columnOrdering = useTableColumnOrdering(options.enableColumnOrdering);\n    const fontSize = useTableFontSize(options.enableFontSize, settings.fontSize);\n    const rowActive = useTableRowActive(true, props.defaultCurrentRowIndex);\n    const rowClick = useTableRowClick<TType>(true, props.onRowClick);\n    const rowGoto = useTableRowGoto(options.enableRowGoto, props.onRowGoto);\n    const rowHeight = useTableRowHeight(options.enableRowHeight, settings.rowHeight);\n    const rowSelection = useTableRowSelection(options.enableRowSelection);\n    const server = useTableServerLoading(props.loadPage, props.loadAll);\n\n    // columns\n    const { columns, defaultColumnSizing, defaultColumnVisibility, defaultSorting } = useConvertChildrenToColumns<TType>(\n        props,\n        options,\n        editing\n    );\n\n    // built-in features\n    const initialState: Partial<TableState> = React.useMemo(() => {\n        const sanitizeSortedColumns = column => columns.find(definedColumn => definedColumn.id === column.id);\n\n        const state: Partial<TableState> = {\n            columnOrder: ensureOrdering<TType>(columns, settings.columnOrder, [ACTIONS_COLUMN_ID, EDITING_ACTIONS_COLUMN_ID]),\n            columnSizing: settings.columnSizing ?? defaultColumnSizing,\n            columnVisibility: settings.columnVisibility ?? defaultColumnVisibility,\n            sorting: settings.sorting ? settings.sorting.filter(sanitizeSortedColumns) : defaultSorting,\n        };\n\n        // we don't save these outside the table, but they need to be here for print to inherit them - see PrintButton.tsx\n        if ((props.defaultSettings as any)?.columnFilters) {\n            state.columnFilters = (props.defaultSettings as any)?.columnFilters;\n        }\n\n        if ((props.defaultSettings as any)?.globalFilter) {\n            state.globalFilter = (props.defaultSettings as any)?.globalFilter;\n        }\n\n        return state;\n    }, []);\n\n    const getSettings = () => {\n        const state = table.getState();\n        return {\n            columnFreezingIndex: columnFreezing.frozenColumnIndex,\n            columnOrder: columnOrdering.isEnabled ? state.columnOrder : undefined,\n            columnSizing: table.options.enableColumnResizing ? state.columnSizing : undefined,\n            columnVisibility: table.options.enableHiding ? state.columnVisibility : undefined,\n            excludeUnmatchedRecordsInSearch: search.excludeUnmatchedResults,\n            fontSize: fontSize.isEnabled ? fontSize.size : undefined,\n            rowHeight: rowHeight.isEnabled ? rowHeight.height : undefined,\n            showWarningWhenPrintingLargeDataset: printing.isWarningVisibleForLargeDatasets,\n            sorting: state.sorting,\n        };\n    };\n\n    const table = useReactTable<TType>({\n        data: props.data,\n        columns,\n        getCoreRowModel: getCoreRowModel(),\n        initialState,\n        ...tableOptions,\n        //debugAll: true,\n        meta: {\n            columnFreezing,\n            columnOrdering,\n            editing,\n            enableFooter: options.enableFooter,\n            fontSize,\n            getSettings,\n            isPrinting: props.id.endsWith('_print'),\n            isUsingServer: !!props.loadPage,\n            printing,\n            rowActions: rowActions as any,\n            rowActive,\n            rowClick: rowClick as any,\n            rowDrag,\n            rowDrop,\n            rowGoto,\n            rowHeight,\n            rowSelection,\n            search,\n            server,\n            shortcutsState,\n            tableRef: ref,\n            validation,\n        },\n    });\n\n    // listeners\n    useEditingStateListener(table);\n    useSettingsStateListener(table, setSettings);\n    // listeners - shared/migrated\n    useTableDataListener(table);\n    useTableFilterListener(table, props.onFilter);\n    useTableFontSizeListener(table);\n    useTableRowSelectionListener(table, props.onRowSelect);\n    useTableServerLoadingListener(table, props.loadPage);\n    useTableShortcutsListener(table, props.shortcuts);\n    useTableSortingListener(table, props.onSort);\n\n    return { table, length: props.length ?? props.data.length };\n}\n\nfunction configureReactTableOptions<TType = unknown>(props: Table3Props<TType>, options: Table3Options) {\n    const tableOptions: Partial<RTableOptions<TType>> = {\n        enableColumnFilters: options.enableFiltering,\n        enableColumnResizing: options.enableColumnResizing,\n        enableExpanding: options.enableRowExpansion,\n        enableGlobalFilter: options.enableSearch,\n        enableHiding: options.enableColumnHiding,\n        enableRowSelection: options.enableRowSelection,\n        enableMultiRowSelection: !options.enableRowSelectionSingle,\n        enableSorting: options.enableSorting,\n    };\n\n    // resizing\n    if (tableOptions.enableColumnResizing) {\n        tableOptions.columnResizeMode = 'onChange';\n    }\n\n    // filtering\n    if (tableOptions.enableColumnFilters) {\n        if (!props.onFilter) {\n            tableOptions.filterFns = {\n                tacoFilter: (row: RTRow<TType>, columnId: string, filter: any) => columnFilterFn(row.getValue(columnId), filter),\n            };\n            tableOptions.getFilteredRowModel = getFilteredRowModel();\n        }\n\n        // we don't tableOptions.manualFiltering = true; because it breaks global filtering, server filtering still works :shrug:\n    }\n\n    // search\n    if (tableOptions.enableGlobalFilter) {\n        // search is always client side, since we call loadAll when searching\n        tableOptions.globalFilterFn = (row: RTRow<TType>, columnId: string, searchQuery: string) => {\n            try {\n                if (row.original) {\n                    const cell = row.getAllCells().find(cell => cell.column.id === columnId);\n                    const columnMeta = cell?.column.columnDef.meta;\n\n                    if (cell && cell.column.getIsVisible() && columnMeta?.enableSearch) {\n                        const cellValue = getCellValueAsString(row.original[columnId], columnMeta?.dataType);\n\n                        if (cellValue !== undefined) {\n                            return globalFilterFn(cellValue, searchQuery);\n                        }\n                    }\n                    return false;\n                }\n            } catch {\n                //\n            }\n\n            return false;\n        };\n        tableOptions.getFilteredRowModel = getFilteredRowModel();\n        tableOptions.getColumnCanGlobalFilter = (column: RTColumn<TType>) =>\n            (column.columnDef.meta as ColumnMeta<TType, unknown>).enableSearch ?? true;\n    }\n\n    // sorting\n    if (options.enableSorting) {\n        if (props.onSort) {\n            tableOptions.manualSorting = true;\n            // onSort is called as a listener to let the consumer update their data, so we don't use onSortingChange\n        } else {\n            tableOptions.getSortedRowModel = getSortedRowModel();\n        }\n    }\n\n    return tableOptions;\n}\n"],"names":["useTable","props","ref","settings","setSettings","useSettings","id","defaultSettings","onChangeSettings","options","useTablePreset","tableOptions","configureReactTableOptions","columnFreezing","useColumnFreezing","_settings$columnFreez","columnFreezingIndex","defaultColumnFreezingIndex","validation","useValidation","onCellValidate","onRowValidate","editing","useEditing","enableEditing","onSave","printing","usePrinting","enablePrinting","showWarningWhenPrintingLargeDataset","rowActions","useRowActions","actionsForRow","actionsForRowLength","rowDrag","useRowDrag","enableRowDrag","rowDrop","useRowDrop","enableRowDrop","onRowDrop","search","useSearch","enableSearch","excludeUnmatchedRecordsInSearch","shortcutsState","usePauseShortcuts","columnOrdering","useTableColumnOrdering","enableColumnOrdering","fontSize","useTableFontSize","enableFontSize","rowActive","useTableRowActive","defaultCurrentRowIndex","rowClick","useTableRowClick","onRowClick","rowGoto","useTableRowGoto","enableRowGoto","onRowGoto","rowHeight","useTableRowHeight","enableRowHeight","rowSelection","useTableRowSelection","enableRowSelection","server","useTableServerLoading","loadPage","loadAll","columns","defaultColumnSizing","defaultColumnVisibility","defaultSorting","useConvertChildrenToColumns","initialState","React","useMemo","sanitizeSortedColumns","column","find","definedColumn","state","columnOrder","ensureOrdering","ACTIONS_COLUMN_ID","EDITING_ACTIONS_COLUMN_ID","columnSizing","_settings$columnSizin","columnVisibility","_settings$columnVisib","sorting","filter","_props$defaultSetting","columnFilters","_props$defaultSetting2","_props$defaultSetting3","globalFilter","_props$defaultSetting4","getSettings","table","getState","frozenColumnIndex","isEnabled","undefined","enableColumnResizing","enableHiding","excludeUnmatchedResults","size","height","isWarningVisibleForLargeDatasets","useReactTable","data","getCoreRowModel","meta","enableFooter","isPrinting","endsWith","isUsingServer","tableRef","useEditingStateListener","useSettingsStateListener","useTableDataListener","useTableFilterListener","onFilter","useTableFontSizeListener","useTableRowSelectionListener","onRowSelect","useTableServerLoadingListener","useTableShortcutsListener","shortcuts","useTableSortingListener","onSort","length","_props$length","enableColumnFilters","enableFiltering","enableExpanding","enableRowExpansion","enableGlobalFilter","enableColumnHiding","enableMultiRowSelection","enableRowSelectionSingle","enableSorting","columnResizeMode","filterFns","tacoFilter","row","columnId","columnFilterFn","getValue","getFilteredRowModel","globalFilterFn","searchQuery","original","cell","getAllCells","columnMeta","columnDef","getIsVisible","cellValue","getCellValueAsString","dataType","getColumnCanGlobalFilter","_column$columnDef$met","manualSorting","getSortedRowModel"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../../../../../src/components/Table3/types.ts"],"sourcesContent":["import { ColumnOrderState, ColumnSizingState, SortingState, VisibilityState, BuiltInSortingFn } from '@tanstack/react-table';\nimport { MenuProps } from '../Menu/Menu';\nimport { MenuItemProps } from '../Menu/components/Item';\nimport {\n    TableColumnFilter,\n    TableColumnSort,\n    TableFilterHandler,\n    TableFontSize,\n    TableRef,\n    TableRowClickHandler,\n    TableRowGotoHandler,\n    TableRowHeight,\n    TableRowSelectHandler,\n    TableServerLoadAllHandler,\n    TableServerLoadPageHandler,\n    TableSortHandler,\n} from '../../primitives/Table/types';\nimport { ValueOf } from '../../types';\n\nexport type Table3SortDirection = 'asc' | 'desc';\nexport type Table3SortFn<TType = unknown> =\n    | ((rowA: TType, rowB: TType, columnId: string) => -1 | 0 | 1)\n    | BuiltInSortingFn\n    | 'auto';\n\n// columns\nexport type Table3ColumnRenderer<TValue = unknown, TType = unknown> = (\n    value: TValue,\n    row: TType\n) => JSX.Element | string | number | null;\nexport type Table3ColumnFooterRenderer<TValue = unknown> = (values: TValue[]) => JSX.Element | string | number | null;\nexport type Table3ColumnClassNameHandler<TType = unknown> = string | ((row: TType) => string | undefined);\nexport type Table3ColumnAlignment = 'left' | 'center' | 'right';\nexport type Table3ColumnDataType = 'auto' | 'number' | 'alphanumeric' | 'alphanumericCaseSensitive' | 'datetime' | 'boolean';\nexport type Table3ColumnHeaderMenu = (props: Partial<MenuProps>) => JSX.Element;\n\nexport type Table3ColumnControlProps = {\n    className?: string;\n    disabled?: boolean;\n    invalid?: boolean;\n    onBlur?: (value: any) => void;\n    onFocus?: React.FocusEventHandler;\n    readOnly?: boolean;\n    ref: React.RefObject<HTMLElement> | ((instance: HTMLElement | null | undefined) => void);\n    setValue: (value: any) => void;\n    value: any;\n};\nexport type Table3ColumnControlRenderer<TType = unknown> =\n    | ((props: Table3ColumnControlProps, row?: TType) => JSX.Element)\n    | 'datepicker'\n    | 'input'\n    | 'switch'\n    | 'textarea';\n\nexport type Table3ColumnProps<TType = unknown> = ValueOf<{\n    [K in keyof TType]: {\n        accessor: K;\n    } & {\n        align?: Table3ColumnAlignment;\n        className?: Table3ColumnClassNameHandler<TType>;\n        control?: Table3ColumnControlRenderer<TType>;\n        dataType?: Table3ColumnDataType;\n        defaultHidden?: boolean;\n        defaultWidth?: number | 'grow';\n        enableFiltering?: boolean;\n        enableHiding?: boolean;\n        enableOrdering?: boolean;\n        enablePrinting?: boolean;\n        enableResizing?: boolean;\n        enableSearch?: boolean;\n        enableSorting?: boolean;\n        enableTruncate?: boolean;\n        filters?: Table3FilterComparator[];\n        footer?: Table3ColumnFooterRenderer;\n        header: string;\n        headerClassName?: string;\n        menu?: Table3ColumnHeaderMenu;\n        minWidth?: number;\n        renderer?: Table3ColumnRenderer<TType[K], TType>;\n        sort?: Table3SortDirection;\n        sortFn?: Table3SortFn<TType>;\n        tooltip?: string;\n    };\n}>;\n\nexport type Table3GroupProps = {\n    id: string;\n    header: string;\n    colSpan?: number;\n    children: (JSX.Element | boolean | null | undefined)[];\n};\n\n// rows\nexport type DeprecatedRowDensity = 'compact' | 'normal' | 'comfortable' | 'spacious';\nexport type Table3RowHeight = TableRowHeight;\nexport type Table3FontSize = TableFontSize;\nexport type Table3RowClickHandler<TType = unknown> = TableRowClickHandler<TType>;\nexport type Table3RowDragHandler<TType = unknown> = (\n    rows: TType[],\n    showPlaceholder: (string) => void,\n    setDataTransfer: (data: string) => void\n) => void;\nexport type Table3RowDropHandler<TType = any> = (event: React.DragEvent, row: TType) => void;\nexport type Table3RowExpansionRenderer<TType = unknown> = (row: TType) => (() => JSX.Element) | null;\nexport type Table3RowSelectionHandler<TType = unknown> = TableRowSelectHandler<TType>;\nexport type Table3RowActionRenderer<TType = unknown> = (row: TType) => JSX.Element | null;\n\n// table\nexport type Table3Preset = 'display' | 'editable';\nexport type Table3Settings = {\n    columnFreezingIndex?: number;\n    columnOrder?: ColumnOrderState;\n    columnSizing?: ColumnSizingState;\n    columnVisibility?: VisibilityState;\n    excludeUnmatchedRecordsInSearch?: boolean;\n    fontSize?: Table3FontSize;\n    rowHeight?: Table3RowHeight;\n    showWarningWhenPrintingLargeDataset?: boolean;\n    sorting?: SortingState;\n};\nexport type Table3SettingsHandler = (settings: Table3Settings) => void | Promise<void>;\n\nexport enum Table3FilterComparator {\n    Contains,\n    DoesNotContain,\n    IsEqualTo,\n    IsNotEqualTo,\n    IsGreaterThan,\n    IsLessThan,\n    IsBetween,\n    IsEmpty,\n    IsNotEmpty,\n    IsLessThanOrEqualTo,\n    IsGreaterThanOrEqualTo,\n    HasAnyOf,\n    HasAllOf,\n    HasNoneOf,\n}\n\nexport type Table3FilterValue = {\n    comparator: Table3FilterComparator | null;\n    value: any;\n};\n\nexport type Table3Filter = { id: string | null; value: Table3FilterValue };\n\nexport type ColumnFilter = TableColumnFilter;\nexport type Table3FilterHandler = TableFilterHandler;\nexport type Table3LoadPageHandler = TableServerLoadPageHandler;\nexport type Table3LoadAllHandler = TableServerLoadAllHandler;\nexport type Table3RowGotoHandler = TableRowGotoHandler;\nexport type Table3ColumnSort = TableColumnSort;\nexport type Table3SortHandler = TableSortHandler;\nexport type RowErrors = Record<string, string>;\nexport type Table3CellValidationHandler<TType = unknown> = (\n    cellValue: any,\n    cellId: string,\n    row: TType\n) => Promise<RowErrors | undefined | void>;\nexport type Table3RowValidationHandler<TType = unknown> = (row: TType) => Promise<RowErrors | undefined | void>;\nexport type TableStrategy = {\n    renderBody: () => JSX.Element | JSX.Element[] | null;\n    scrollToIndex: (index: number, options?: { align: 'start' | 'center' | 'end' | 'auto' }) => void;\n};\nexport type Table3ShortcutHandlerFn<TType = unknown> = (row: TType) => void;\nexport type Table3ShortcutHandlerObject<TType = unknown> = {\n    handler: Table3ShortcutHandlerFn<TType>;\n    meta?: boolean;\n    shift?: boolean;\n};\nexport type Table3Shortcuts<TType = unknown> = Record<\n    string,\n    Table3ShortcutHandlerFn<TType> | Table3ShortcutHandlerObject<TType>\n>;\nexport type Table3SaveHandler<TType = unknown> = (data: TType) => Promise<void>;\n\nexport type Table3Options = {\n    enableColumnFreezing: boolean;\n    enableColumnHiding: boolean;\n    enableColumnOrdering: boolean;\n    enableColumnResizing: boolean;\n    enableFontSize: boolean;\n    enableFooter: boolean;\n    enablePrinting: boolean;\n    enableRowDrag: boolean;\n    enableRowDrop: boolean;\n    enableRowExpansion: boolean;\n    enableRowGoto: boolean;\n    enableRowHeight: boolean;\n    enableRowSelection: boolean;\n    enableRowSelectionSingle: boolean;\n    enableEditing: boolean;\n    enableFiltering: boolean;\n    enableSearch: boolean;\n    enableSorting: boolean;\n};\n\nexport type Table3CustomSettingRenderer = (props: Table3Settings) => React.ReactElement<MenuItemProps> | null;\n\nexport type Table3CommonProps<TType = unknown> = Partial<Table3Options> & {\n    actionsForRow?: Table3RowActionRenderer<TType>[];\n    actionsForRowLength?: number;\n    autoFocus?: boolean;\n    children: (JSX.Element | boolean | null | undefined)[];\n    customSettings?: Table3CustomSettingRenderer[];\n    data: TType[];\n    defaultColumnFreezingIndex?: number;\n    defaultCurrentRowIndex?: number;\n    defaultSettings?: Table3Settings;\n    emptyState?: () => JSX.Element | null;\n    expandedRowRenderer?: Table3RowExpansionRenderer<TType>;\n    id: string;\n    onChangeSettings?: Table3SettingsHandler;\n    onRowClick?: Table3RowClickHandler<TType>;\n    onRowDrag?: Table3RowDragHandler<TType>;\n    onRowDrop?: Table3RowDropHandler<TType>;\n    onRowGoto?: Table3RowGotoHandler;\n    onRowSelect?: Table3RowSelectionHandler<TType>;\n    onFilter?: Table3FilterHandler;\n    onSave?: Table3SaveHandler<TType>;\n    onSort?: Table3SortHandler;\n    onCellValidate?: Table3CellValidationHandler<TType>;\n    onRowValidate?: Table3RowValidationHandler<TType>;\n    preset?: Table3Preset;\n    shortcuts?: Table3Shortcuts<TType>;\n    toolbarLeft?: JSX.Element;\n    toolbarRight?: JSX.Element;\n    rowIdentifier?: string;\n};\n\ninterface Table3ClientProps<TType = unknown> extends Table3CommonProps<TType> {\n    length?: never;\n    loadPage?: never;\n    loadAll?: never;\n    pageSize?: never;\n}\n\ninterface Table3ServerProps<TType = unknown> extends Table3CommonProps<TType> {\n    length: number | undefined;\n    loadPage: Table3LoadPageHandler;\n    loadAll: Table3LoadAllHandler;\n    pageSize?: number;\n}\n\nexport type Table3Props<TType = unknown> = Table3ClientProps<TType> | Table3ServerProps<TType>;\n\nexport type Table3Ref = TableRef & {\n    instance: {\n        toggleEditing: (enabled: boolean | undefined) => void;\n    };\n};\n\nexport type Table3Texts = {\n    columns: {\n        actions: {\n            tooltip: string;\n        };\n        drag: {\n            tooltip: string;\n        };\n        expansion: {\n            collapse: string;\n            collapseAll: string;\n            expand: string;\n            expandAll: string;\n        };\n        menu: {\n            freezeFirstColumn: string;\n            freezeUptoColumn: string;\n            gotoRow: string;\n            hideColumn: string;\n            unfreezeColumns: string;\n            sorting: string;\n            sortingOrder: {\n                ascending: string;\n                descending: string;\n                unsorted: string;\n            };\n        };\n        resize: {\n            tooltip: string;\n        };\n        select: {\n            deselect: string;\n            deselectAll: string;\n            select: string;\n            selectAll: string;\n        };\n    };\n    columnSettings: {\n        button: string;\n        noResults: string;\n        search: string;\n        tooltip: string;\n    };\n    editing: {\n        actions: {\n            tooltip: string;\n            save: string;\n            clear: string;\n            exit: string;\n        };\n        buttons: {\n            edit: {\n                tooltip: string;\n            };\n        };\n        rowIndicator: {\n            rowWillMove: string;\n            rowWillBeHidden: string;\n            rowWillMoveReasonSearch: string;\n            rowWillMoveReasonFilter: string;\n            rowWillMoveReasonSorting: string;\n        };\n        saving: {\n            progress: string;\n            complete: string;\n        };\n        clearChangesConfirmationDialog: {\n            title: string;\n            description: string;\n            cancel: string;\n            confirm: string;\n        };\n    };\n    filters: {\n        button: string;\n        buttons: {\n            addFilter: string;\n            clearFilters: string;\n        };\n        comparators: {\n            contains: string;\n            doesNotContain: string;\n            isEqualTo: string;\n            isNotEqualTo: string;\n            isGreaterThan: string;\n            isLessThan: string;\n            isBetween: string;\n            isEmpty: string;\n            isNotEmpty: string;\n            isBefore: string;\n            isAfter: string;\n            isLessThanOrEqualTo: string;\n            isGreaterThanOrEqualTo: string;\n            isOnOrBefore: string;\n            isOnOrAfter: string;\n            hasAnyOf: string;\n            hasAllOf: string;\n            hasNoneOf: string;\n        };\n        conditions: {\n            and: string;\n            where: string;\n        };\n        emptyFilter: {\n            condition: string;\n            value: string;\n        };\n        hiddenColumn: string;\n        tooltip: string;\n        total: string;\n    };\n    fontSize: {\n        tooltip: string;\n        sizes: {\n            small: string;\n            medium: string;\n            large: string;\n        };\n    };\n    footer: {\n        summary: {\n            count: string;\n            records: string;\n            selected: string;\n        };\n    };\n    print: {\n        error: string;\n        loading: string;\n        tooltip: string;\n        warningDialog: {\n            title: string;\n            description: string;\n            checkboxVisibilityLabel: string;\n            cancelButtonText: string;\n            printButtonText: string;\n        };\n    };\n    rowHeight: {\n        tooltip: string;\n        sizes: {\n            short: string;\n            medium: string;\n            tall: string;\n            extraTall: string;\n        };\n    };\n    search: {\n        excludeUnmatchedResults: string;\n        placeholder: string;\n    };\n    otherOptions: {\n        tooltip: string;\n    };\n    validation: {\n        index: string;\n        alert: {\n            unsavedEntries: (count?: number) => string;\n            incompleteAndHavntBeenSaved: (count?: number) => string;\n        };\n        resetFiltersDialog: {\n            title: string;\n            description: string;\n            cancel: string;\n            confirm: string;\n        };\n    };\n};\n"],"names":["Table3FilterComparator"],"mappings":"IA0HYA;AAAZ,WAAYA,sBAAsB;EAC9BA,2EAAQ;EACRA,uFAAc;EACdA,6EAAS;EACTA,mFAAY;EACZA,qFAAa;EACbA,+EAAU;EACVA,6EAAS;EACTA,yEAAO;EACPA,+EAAU;EACVA,iGAAmB;EACnBA,wGAAsB;EACtBA,4EAAQ;EACRA,4EAAQ;EACRA,8EAAS;AACb,CAAC,EAfWA,sBAAsB,KAAtBA,sBAAsB;;;;"}
+{"version":3,"file":"types.js","sources":["../../../../../../../src/components/Table3/types.ts"],"sourcesContent":["import { ColumnOrderState, ColumnSizingState, SortingState, VisibilityState, BuiltInSortingFn } from '@tanstack/react-table';\nimport { MenuProps } from '../Menu/Menu';\nimport { MenuItemProps } from '../Menu/components/Item';\nimport {\n    TableColumnFilter,\n    TableColumnRendererControl,\n    TableColumnSort,\n    TableFilterHandler,\n    TableRef,\n    TableRowClickHandler,\n    TableRowGotoHandler,\n    TableRowHeight,\n    TableRowSelectHandler,\n    TableServerLoadAllHandler,\n    TableServerLoadPageHandler,\n    TableSortHandler,\n} from '../../primitives/Table/types';\nimport { FontSize, ValueOf } from '../../types';\n\nexport type Table3SortDirection = 'asc' | 'desc';\nexport type Table3SortFn<TType = unknown> =\n    | ((rowA: TType, rowB: TType, columnId: string) => -1 | 0 | 1)\n    | BuiltInSortingFn\n    | 'auto';\n\n// columns\nexport type Table3ColumnRenderer<TValue = unknown, TType = unknown> = (\n    value: TValue,\n    row: TType\n) => JSX.Element | string | number | null;\nexport type Table3ColumnFooterRenderer<TValue = unknown> = (values: TValue[]) => JSX.Element | string | number | null;\nexport type Table3ColumnClassNameHandler<TType = unknown> = string | ((row: TType) => string | undefined);\nexport type Table3ColumnAlignment = 'left' | 'center' | 'right';\nexport type Table3ColumnDataType = 'auto' | 'number' | 'alphanumeric' | 'alphanumericCaseSensitive' | 'datetime' | 'boolean';\nexport type Table3ColumnHeaderMenu = (props: Partial<MenuProps>) => JSX.Element;\n\nexport type Table3ColumnControlProps = {\n    className?: string;\n    disabled?: boolean;\n    fontSize?: FontSize;\n    invalid?: boolean;\n    onBlur?: (value: any) => void;\n    onFocus?: React.FocusEventHandler;\n    readOnly?: boolean;\n    ref: React.RefObject<HTMLElement> | ((instance: HTMLElement | null | undefined) => void);\n    setValue: (value: any) => void;\n    value: any;\n};\n\nexport type Table3ColumnControlRenderer<TType = unknown> = TableColumnRendererControl<TType>;\n\nexport type Table3ColumnProps<TType = unknown> = ValueOf<{\n    [K in keyof TType]: {\n        accessor: K;\n    } & {\n        align?: Table3ColumnAlignment;\n        className?: Table3ColumnClassNameHandler<TType>;\n        control?: Table3ColumnControlRenderer<TType>;\n        dataType?: Table3ColumnDataType;\n        defaultHidden?: boolean;\n        defaultWidth?: number | 'grow';\n        enableFiltering?: boolean;\n        enableHiding?: boolean;\n        enableOrdering?: boolean;\n        enablePrinting?: boolean;\n        enableResizing?: boolean;\n        enableSearch?: boolean;\n        enableSorting?: boolean;\n        enableTruncate?: boolean;\n        filters?: Table3FilterComparator[];\n        footer?: Table3ColumnFooterRenderer;\n        header: string;\n        headerClassName?: string;\n        menu?: Table3ColumnHeaderMenu;\n        minWidth?: number;\n        renderer?: Table3ColumnRenderer<TType[K], TType>;\n        sort?: Table3SortDirection;\n        sortFn?: Table3SortFn<TType>;\n        tooltip?: string;\n    };\n}>;\n\nexport type Table3GroupProps = {\n    id: string;\n    header: string;\n    colSpan?: number;\n    children: (JSX.Element | boolean | null | undefined)[];\n};\n\n// rows\nexport type DeprecatedRowDensity = 'compact' | 'normal' | 'comfortable' | 'spacious';\nexport type Table3RowHeight = TableRowHeight;\nexport type Table3RowClickHandler<TType = unknown> = TableRowClickHandler<TType>;\nexport type Table3RowDragHandler<TType = unknown> = (\n    rows: TType[],\n    showPlaceholder: (string) => void,\n    setDataTransfer: (data: string) => void\n) => void;\nexport type Table3RowDropHandler<TType = any> = (event: React.DragEvent, row: TType) => void;\nexport type Table3RowExpansionRenderer<TType = unknown> = (row: TType) => (() => JSX.Element) | null;\nexport type Table3RowSelectionHandler<TType = unknown> = TableRowSelectHandler<TType>;\nexport type Table3RowActionRenderer<TType = unknown> = (row: TType) => JSX.Element | null;\n\n// table\nexport type Table3Preset = 'display' | 'editable';\nexport type Table3Settings = {\n    columnFreezingIndex?: number;\n    columnOrder?: ColumnOrderState;\n    columnSizing?: ColumnSizingState;\n    columnVisibility?: VisibilityState;\n    excludeUnmatchedRecordsInSearch?: boolean;\n    fontSize?: FontSize;\n    rowHeight?: Table3RowHeight;\n    showWarningWhenPrintingLargeDataset?: boolean;\n    sorting?: SortingState;\n};\nexport type Table3SettingsHandler = (settings: Table3Settings) => void | Promise<void>;\n\nexport enum Table3FilterComparator {\n    Contains,\n    DoesNotContain,\n    IsEqualTo,\n    IsNotEqualTo,\n    IsGreaterThan,\n    IsLessThan,\n    IsBetween,\n    IsEmpty,\n    IsNotEmpty,\n    IsLessThanOrEqualTo,\n    IsGreaterThanOrEqualTo,\n    HasAnyOf,\n    HasAllOf,\n    HasNoneOf,\n}\n\nexport type Table3FilterValue = {\n    comparator: Table3FilterComparator | null;\n    value: any;\n};\n\nexport type Table3Filter = { id: string | null; value: Table3FilterValue };\n\nexport type ColumnFilter = TableColumnFilter;\nexport type Table3FilterHandler = TableFilterHandler;\nexport type Table3LoadPageHandler = TableServerLoadPageHandler;\nexport type Table3LoadAllHandler = TableServerLoadAllHandler;\nexport type Table3RowGotoHandler = TableRowGotoHandler;\nexport type Table3ColumnSort = TableColumnSort;\nexport type Table3SortHandler = TableSortHandler;\nexport type RowErrors = Record<string, string>;\nexport type Table3CellValidationHandler<TType = unknown> = (\n    cellValue: any,\n    cellId: string,\n    row: TType\n) => Promise<RowErrors | undefined | void>;\nexport type Table3RowValidationHandler<TType = unknown> = (row: TType) => Promise<RowErrors | undefined | void>;\nexport type TableStrategy = {\n    renderBody: () => JSX.Element | JSX.Element[] | null;\n    scrollToIndex: (index: number, options?: { align: 'start' | 'center' | 'end' | 'auto' }) => void;\n};\nexport type Table3ShortcutHandlerFn<TType = unknown> = (row: TType) => void;\nexport type Table3ShortcutHandlerObject<TType = unknown> = {\n    handler: Table3ShortcutHandlerFn<TType>;\n    meta?: boolean;\n    shift?: boolean;\n};\nexport type Table3Shortcuts<TType = unknown> = Record<\n    string,\n    Table3ShortcutHandlerFn<TType> | Table3ShortcutHandlerObject<TType>\n>;\nexport type Table3SaveHandler<TType = unknown> = (data: TType) => Promise<void>;\n\nexport type Table3Options = {\n    enableColumnFreezing: boolean;\n    enableColumnHiding: boolean;\n    enableColumnOrdering: boolean;\n    enableColumnResizing: boolean;\n    enableFontSize: boolean;\n    enableFooter: boolean;\n    enablePrinting: boolean;\n    enableRowDrag: boolean;\n    enableRowDrop: boolean;\n    enableRowExpansion: boolean;\n    enableRowGoto: boolean;\n    enableRowHeight: boolean;\n    enableRowSelection: boolean;\n    enableRowSelectionSingle: boolean;\n    enableEditing: boolean;\n    enableFiltering: boolean;\n    enableSearch: boolean;\n    enableSorting: boolean;\n};\n\nexport type Table3CustomSettingRenderer = (props: Table3Settings) => React.ReactElement<MenuItemProps> | null;\n\nexport type Table3CommonProps<TType = unknown> = Partial<Table3Options> & {\n    actionsForRow?: Table3RowActionRenderer<TType>[];\n    actionsForRowLength?: number;\n    autoFocus?: boolean;\n    children: (JSX.Element | boolean | null | undefined)[];\n    customSettings?: Table3CustomSettingRenderer[];\n    data: TType[];\n    defaultColumnFreezingIndex?: number;\n    defaultCurrentRowIndex?: number;\n    defaultSettings?: Table3Settings;\n    emptyState?: () => JSX.Element | null;\n    expandedRowRenderer?: Table3RowExpansionRenderer<TType>;\n    id: string;\n    onChangeSettings?: Table3SettingsHandler;\n    onRowClick?: Table3RowClickHandler<TType>;\n    onRowDrag?: Table3RowDragHandler<TType>;\n    onRowDrop?: Table3RowDropHandler<TType>;\n    onRowGoto?: Table3RowGotoHandler;\n    onRowSelect?: Table3RowSelectionHandler<TType>;\n    onFilter?: Table3FilterHandler;\n    onSave?: Table3SaveHandler<TType>;\n    onSort?: Table3SortHandler;\n    onCellValidate?: Table3CellValidationHandler<TType>;\n    onRowValidate?: Table3RowValidationHandler<TType>;\n    preset?: Table3Preset;\n    shortcuts?: Table3Shortcuts<TType>;\n    toolbarLeft?: JSX.Element;\n    toolbarRight?: JSX.Element;\n    rowIdentifier?: string;\n};\n\ninterface Table3ClientProps<TType = unknown> extends Table3CommonProps<TType> {\n    length?: never;\n    loadPage?: never;\n    loadAll?: never;\n    pageSize?: never;\n}\n\ninterface Table3ServerProps<TType = unknown> extends Table3CommonProps<TType> {\n    length: number | undefined;\n    loadPage: Table3LoadPageHandler;\n    loadAll: Table3LoadAllHandler;\n    pageSize?: number;\n}\n\nexport type Table3Props<TType = unknown> = Table3ClientProps<TType> | Table3ServerProps<TType>;\n\nexport type Table3Ref = TableRef & {\n    instance: {\n        toggleEditing: (enabled: boolean | undefined) => void;\n    };\n};\n\nexport type Table3Texts = {\n    columns: {\n        actions: {\n            tooltip: string;\n        };\n        drag: {\n            tooltip: string;\n        };\n        expansion: {\n            collapse: string;\n            collapseAll: string;\n            expand: string;\n            expandAll: string;\n        };\n        menu: {\n            freezeFirstColumn: string;\n            freezeUptoColumn: string;\n            gotoRow: string;\n            hideColumn: string;\n            unfreezeColumns: string;\n            sorting: string;\n            sortingOrder: {\n                ascending: string;\n                descending: string;\n                unsorted: string;\n            };\n        };\n        resize: {\n            tooltip: string;\n        };\n        select: {\n            deselect: string;\n            deselectAll: string;\n            select: string;\n            selectAll: string;\n        };\n    };\n    columnSettings: {\n        button: string;\n        noResults: string;\n        search: string;\n        tooltip: string;\n    };\n    editing: {\n        actions: {\n            tooltip: string;\n            save: string;\n            clear: string;\n            exit: string;\n        };\n        buttons: {\n            edit: {\n                tooltip: string;\n            };\n        };\n        rowIndicator: {\n            rowWillMove: string;\n            rowWillBeHidden: string;\n            rowWillMoveReasonSearch: string;\n            rowWillMoveReasonFilter: string;\n            rowWillMoveReasonSorting: string;\n        };\n        saving: {\n            progress: string;\n            complete: string;\n        };\n        clearChangesConfirmationDialog: {\n            title: string;\n            description: string;\n            cancel: string;\n            confirm: string;\n        };\n    };\n    filters: {\n        button: string;\n        buttons: {\n            addFilter: string;\n            clearFilters: string;\n        };\n        comparators: {\n            contains: string;\n            doesNotContain: string;\n            isEqualTo: string;\n            isNotEqualTo: string;\n            isGreaterThan: string;\n            isLessThan: string;\n            isBetween: string;\n            isEmpty: string;\n            isNotEmpty: string;\n            isBefore: string;\n            isAfter: string;\n            isLessThanOrEqualTo: string;\n            isGreaterThanOrEqualTo: string;\n            isOnOrBefore: string;\n            isOnOrAfter: string;\n            hasAnyOf: string;\n            hasAllOf: string;\n            hasNoneOf: string;\n        };\n        conditions: {\n            and: string;\n            where: string;\n        };\n        emptyFilter: {\n            condition: string;\n            value: string;\n        };\n        hiddenColumn: string;\n        hiddenGroupedColumn: string;\n        tooltip: string;\n        total: string;\n    };\n    fontSize: {\n        tooltip: string;\n        sizes: {\n            small: string;\n            medium: string;\n            large: string;\n        };\n    };\n    footer: {\n        summary: {\n            count: string;\n            records: string;\n            selected: string;\n        };\n    };\n    print: {\n        error: string;\n        loading: string;\n        tooltip: string;\n        warningDialog: {\n            title: string;\n            description: string;\n            checkboxVisibilityLabel: string;\n            cancelButtonText: string;\n            printButtonText: string;\n        };\n        settingsDialog: {\n            title: string;\n            size: string;\n            sizeA5: string;\n            sizeA4: string;\n            sizeA3: string;\n            sizeLetter: string;\n            sizeLegal: string;\n            orientation: string;\n            orientationLandscape: string;\n            orientationPortrait: string;\n            rows: string;\n            rowsAll: string;\n            rowsSelected: string;\n            layout: string;\n            layoutSplitGroups: string;\n        };\n    };\n    rowHeight: {\n        tooltip: string;\n        sizes: {\n            short: string;\n            medium: string;\n            tall: string;\n            extraTall: string;\n        };\n    };\n    search: {\n        excludeUnmatchedResults: string;\n        placeholder: string;\n    };\n    otherOptions: {\n        tooltip: string;\n    };\n    validation: {\n        index: string;\n        alert: {\n            unsavedEntries: (count?: number) => string;\n            incompleteAndHavntBeenSaved: (count?: number) => string;\n        };\n        resetFiltersDialog: {\n            title: string;\n            description: string;\n            cancel: string;\n            confirm: string;\n        };\n    };\n};\n"],"names":["Table3FilterComparator"],"mappings":"IAsHYA;AAAZ,WAAYA,sBAAsB;EAC9BA,2EAAQ;EACRA,uFAAc;EACdA,6EAAS;EACTA,mFAAY;EACZA,qFAAa;EACbA,+EAAU;EACVA,6EAAS;EACTA,yEAAO;EACPA,+EAAU;EACVA,iGAAmB;EACnBA,wGAAsB;EACtBA,4EAAQ;EACRA,4EAAQ;EACRA,8EAAS;AACb,CAAC,EAfWA,sBAAsB,KAAtBA,sBAAsB;;;;"}

package/dist/esm/packages/taco/src/components/Tabs/Tabs.js

@@ -1,5 +1,5 @@
 import { forwardRef, createElement } from 'react';
-import cn from 'classnames';
+import cn from 'clsx';
 import { Tooltip } from '../Tooltip/Tooltip.js';
 import { getButtonClasses } from '../Button/util.js';
 import { Root, List, Trigger, Content } from '@radix-ui/react-tabs';

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":["../../../../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\nimport * as TabsPrimitive from '@radix-ui/react-tabs';\nimport { Orientation } from '../../types';\nimport { getButtonClasses } from '../Button/util';\nimport { Tooltip } from '../Tooltip/Tooltip';\n\nexport type TabsProps = React.HTMLAttributes<HTMLDivElement> & {\n    /**\n     * The controlled value of the tab to activate. Should be used in conjunction with `onChange`.\n     */\n    id?: string;\n    /**\n     * Set which tab is selected on mount.\n     * This has to be one of the existing ids provided for tabs\n     */\n    defaultId?: string;\n    /**\n     * Content should be one or an array of `Tabs.Trigger` components inside `Tabs.List` and then\n     * followed by one or an array of `Tabs.Content`.\n     * *Note* that there can also be tabs that are rendered conditionally.\n     */\n    children: React.ReactNode;\n    /**\n     * Define orientation of tabs.\n     * @defaultValue horizontal\n     */\n    orientation?: Orientation;\n    /**\n     * Callback that is called when tab is changed.\n     */\n    onChange?: (id: string) => void;\n};\n\nexport type TabListProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport type TabTriggerProps = React.HTMLAttributes<HTMLButtonElement> & {\n    /**\n     * A unique value that associates the trigger with a content.\n     */\n    id: string;\n    /**\n     * When true, prevents the user from interacting with the tab.\n     */\n    disabled?: boolean;\n    /** A tooltip to show when hovering over the trigger */\n    tooltip?: string | JSX.Element;\n};\n\nexport type TabContentProps = React.HTMLAttributes<HTMLDivElement> & {\n    /**\n     * A unique value that associates the content with a trigger.\n     */\n    id: string;\n};\n\nexport type ForwardedTabsWithStatics = React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>> & {\n    /** Tab list component containing all tab triggers, rendered in a `Tabs` group component */\n    List: React.ForwardRefExoticComponent<TabListProps & React.RefAttributes<HTMLDivElement>>;\n    /** Tab trigger component rendered in a `Tabs.List` component */\n    Trigger: React.ForwardRefExoticComponent<TabTriggerProps & React.RefAttributes<HTMLButtonElement>>;\n    /** Tab content component rendered in a `Tabs` group component */\n    Content: React.ForwardRefExoticComponent<TabContentProps & React.RefAttributes<HTMLDivElement>>;\n};\n\nexport const Tabs = React.forwardRef(function Tabs(props: TabsProps, ref: React.Ref<HTMLDivElement>) {\n    const { id, defaultId, children, onChange, orientation = 'horizontal', ...otherProps } = props;\n    const className = cn(\n        {\n            'flex w-full': orientation === 'vertical',\n        },\n        props.className\n    );\n\n    return (\n        <TabsPrimitive.Root\n            {...otherProps}\n            className={className}\n            data-taco=\"tabs\"\n            defaultValue={defaultId}\n            dir=\"ltr\"\n            onValueChange={onChange}\n            orientation={orientation}\n            ref={ref}\n            value={id}>\n            {children}\n        </TabsPrimitive.Root>\n    );\n}) as ForwardedTabsWithStatics;\n\nconst TabList = React.forwardRef(function Tab(props: TabListProps, ref: React.Ref<HTMLDivElement>) {\n    const className = cn(\n        'border-grey-300 flex flex-row m-0 mb-4',\n        'aria-orientation-horizontal:border-b',\n        'aria-orientation-vertical:border-r aria-orientation-vertical:m-0 aria-orientation-vertical:mr-4 aria-orientation-vertical:flex-col ',\n        props.className\n    );\n\n    return <TabsPrimitive.List {...props} className={className} ref={ref} />;\n});\n\nconst TabTrigger = React.forwardRef(function Tab(props: TabTriggerProps, ref: React.Ref<HTMLButtonElement>) {\n    const { children, id, disabled, tooltip, ...otherProps } = props;\n\n    const triggerClassName = cn(\n        'group relative p-0.5 outline-none disabled:cursor-not-allowed disabled:text-black/50',\n        // horizontal\n        '[[aria-orientation=\"horizontal\"]_&]:pb-1',\n        // horizontal\n        '[[aria-orientation=\"vertical\"]_&]:pr-1'\n    );\n    const buttonClassName = cn(\n        getButtonClasses(),\n        'group-focus-visible:yt-focus-inset group-enabled:group-hover:wcag-grey-200 pointer-events-none rounded px-3'\n    );\n    const activeClassName = cn(\n        'pointer-events-none absolute hidden bg-blue-500 group-aria-selected:flex',\n        // horizontal\n        '[[aria-orientation=\"horizontal\"]_&]:rounded-t-sm [[aria-orientation=\"horizontal\"]_&]:bottom-0 [[aria-orientation=\"horizontal\"]_&]:left-0 [[aria-orientation=\"horizontal\"]_&]:right-0 [[aria-orientation=\"horizontal\"]_&]:-mb-px [[aria-orientation=\"horizontal\"]_&]:h-0.5',\n        // vertical\n        '[[aria-orientation=\"vertical\"]_&]:rounded-l-sm [[aria-orientation=\"vertical\"]_&]:right-0 [[aria-orientation=\"vertical\"]_&]:top-0 [[aria-orientation=\"vertical\"]_&]:bottom-0 [[aria-orientation=\"vertical\"]_&]:-mr-px [[aria-orientation=\"vertical\"]_&]:w-0.5'\n    );\n\n    const trigger = (\n        <TabsPrimitive.Trigger {...otherProps} className={triggerClassName} disabled={disabled} ref={ref} value={id}>\n            <span className={buttonClassName}>{children}</span>\n            <span className={activeClassName} />\n        </TabsPrimitive.Trigger>\n    );\n\n    if (tooltip) {\n        return <Tooltip title={tooltip}>{trigger}</Tooltip>;\n    }\n\n    return trigger;\n});\n\nconst TabContent = React.forwardRef(function Tab(props: TabContentProps, ref: React.Ref<HTMLDivElement>) {\n    const { id, ...otherProps } = props;\n    const className = cn('[&[data-orientation=\"vertical\"]]:grow outline-none', props.className);\n\n    return <TabsPrimitive.Content {...otherProps} className={className} ref={ref} value={id} />;\n});\n\nTabs.List = TabList;\nTabs.Trigger = TabTrigger;\nTabs.Content = TabContent;\n"],"names":["Tabs","React","props","ref","id","defaultId","children","onChange","orientation","otherProps","className","cn","TabsPrimitive","defaultValue","dir","onValueChange","value","TabList","Tab","TabTrigger","disabled","tooltip","triggerClassName","buttonClassName","getButtonClasses","activeClassName","trigger","Tooltip","title","TabContent","List","Trigger","Content"],"mappings":";;;;;;MAiEaA,IAAI,gBAAGC,UAAgB,CAAC,SAASD,IAAIA,CAACE,KAAgB,EAAEC,GAA8B;EAC/F,MAAM;IAAEC,EAAE;IAAEC,SAAS;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC,WAAW,GAAG,YAAY;IAAE,GAAGC;GAAY,GAAGP,KAAK;EAC9F,MAAMQ,SAAS,GAAGC,EAAE,CAChB;IACI,aAAa,EAAEH,WAAW,KAAK;GAClC,EACDN,KAAK,CAACQ,SAAS,CAClB;EAED,oBACIT,cAACW,IAAkB,oBACXH,UAAU;IACdC,SAAS,EAAEA,SAAS;iBACV,MAAM;IAChBG,YAAY,EAAER,SAAS;IACvBS,GAAG,EAAC,KAAK;IACTC,aAAa,EAAER,QAAQ;IACvBC,WAAW,EAAEA,WAAW;IACxBL,GAAG,EAAEA,GAAG;IACRa,KAAK,EAAEZ;MACNE,QAAQ,CACQ;AAE7B,CAAC;AAED,MAAMW,OAAO,gBAAGhB,UAAgB,CAAC,SAASiB,GAAGA,CAAChB,KAAmB,EAAEC,GAA8B;EAC7F,MAAMO,SAAS,GAAGC,EAAE,CAChB,wCAAwC,EACxC,sCAAsC,EACtC,qIAAqI,EACrIT,KAAK,CAACQ,SAAS,CAClB;EAED,oBAAOT,cAACW,IAAkB,oBAAKV,KAAK;IAAEQ,SAAS,EAAEA,SAAS;IAAEP,GAAG,EAAEA;KAAO;AAC5E,CAAC,CAAC;AAEF,MAAMgB,UAAU,gBAAGlB,UAAgB,CAAC,SAASiB,GAAGA,CAAChB,KAAsB,EAAEC,GAAiC;EACtG,MAAM;IAAEG,QAAQ;IAAEF,EAAE;IAAEgB,QAAQ;IAAEC,OAAO;IAAE,GAAGZ;GAAY,GAAGP,KAAK;EAEhE,MAAMoB,gBAAgB,GAAGX,EAAE,CACvB,sFAAsF;;EAEtF,0CAA0C;;EAE1C,wCAAwC,CAC3C;EACD,MAAMY,eAAe,GAAGZ,EAAE,CACtBa,gBAAgB,EAAE,EAClB,6GAA6G,CAChH;EACD,MAAMC,eAAe,GAAGd,EAAE,CACtB,0EAA0E;;EAE1E,2QAA2Q;;EAE3Q,8PAA8P,CACjQ;EAED,MAAMe,OAAO,gBACTzB,cAACW,OAAqB,oBAAKH,UAAU;IAAEC,SAAS,EAAEY,gBAAgB;IAAEF,QAAQ,EAAEA,QAAQ;IAAEjB,GAAG,EAAEA,GAAG;IAAEa,KAAK,EAAEZ;mBACrGH;IAAMS,SAAS,EAAEa;KAAkBjB,QAAQ,CAAQ,eACnDL;IAAMS,SAAS,EAAEe;IAAmB,CAE3C;EAED,IAAIJ,OAAO,EAAE;IACT,oBAAOpB,cAAC0B,OAAO;MAACC,KAAK,EAAEP;OAAUK,OAAO,CAAW;;EAGvD,OAAOA,OAAO;AAClB,CAAC,CAAC;AAEF,MAAMG,UAAU,gBAAG5B,UAAgB,CAAC,SAASiB,GAAGA,CAAChB,KAAsB,EAAEC,GAA8B;EACnG,MAAM;IAAEC,EAAE;IAAE,GAAGK;GAAY,GAAGP,KAAK;EACnC,MAAMQ,SAAS,GAAGC,EAAE,CAAC,oDAAoD,EAAET,KAAK,CAACQ,SAAS,CAAC;EAE3F,oBAAOT,cAACW,OAAqB,oBAAKH,UAAU;IAAEC,SAAS,EAAEA,SAAS;IAAEP,GAAG,EAAEA,GAAG;IAAEa,KAAK,EAAEZ;KAAM;AAC/F,CAAC,CAAC;AAEFJ,IAAI,CAAC8B,IAAI,GAAGb,OAAO;AACnBjB,IAAI,CAAC+B,OAAO,GAAGZ,UAAU;AACzBnB,IAAI,CAACgC,OAAO,GAAGH,UAAU;;;;"}
+{"version":3,"file":"Tabs.js","sources":["../../../../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport * as TabsPrimitive from '@radix-ui/react-tabs';\nimport { Orientation } from '../../types';\nimport { getButtonClasses } from '../Button/util';\nimport { Tooltip } from '../Tooltip/Tooltip';\n\nexport type TabsProps = React.HTMLAttributes<HTMLDivElement> & {\n    /**\n     * The controlled value of the tab to activate. Should be used in conjunction with `onChange`.\n     */\n    id?: string;\n    /**\n     * Set which tab is selected on mount.\n     * This has to be one of the existing ids provided for tabs\n     */\n    defaultId?: string;\n    /**\n     * Content should be one or an array of `Tabs.Trigger` components inside `Tabs.List` and then\n     * followed by one or an array of `Tabs.Content`.\n     * *Note* that there can also be tabs that are rendered conditionally.\n     */\n    children: React.ReactNode;\n    /**\n     * Define orientation of tabs.\n     * @defaultValue horizontal\n     */\n    orientation?: Orientation;\n    /**\n     * Callback that is called when tab is changed.\n     */\n    onChange?: (id: string) => void;\n};\n\nexport type TabListProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport type TabTriggerProps = React.HTMLAttributes<HTMLButtonElement> & {\n    /**\n     * A unique value that associates the trigger with a content.\n     */\n    id: string;\n    /**\n     * When true, prevents the user from interacting with the tab.\n     */\n    disabled?: boolean;\n    /** A tooltip to show when hovering over the trigger */\n    tooltip?: string | JSX.Element;\n};\n\nexport type TabContentProps = React.HTMLAttributes<HTMLDivElement> & {\n    /**\n     * A unique value that associates the content with a trigger.\n     */\n    id: string;\n};\n\nexport type ForwardedTabsWithStatics = React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>> & {\n    /** Tab list component containing all tab triggers, rendered in a `Tabs` group component */\n    List: React.ForwardRefExoticComponent<TabListProps & React.RefAttributes<HTMLDivElement>>;\n    /** Tab trigger component rendered in a `Tabs.List` component */\n    Trigger: React.ForwardRefExoticComponent<TabTriggerProps & React.RefAttributes<HTMLButtonElement>>;\n    /** Tab content component rendered in a `Tabs` group component */\n    Content: React.ForwardRefExoticComponent<TabContentProps & React.RefAttributes<HTMLDivElement>>;\n};\n\nexport const Tabs = React.forwardRef(function Tabs(props: TabsProps, ref: React.Ref<HTMLDivElement>) {\n    const { id, defaultId, children, onChange, orientation = 'horizontal', ...otherProps } = props;\n    const className = cn(\n        {\n            'flex w-full': orientation === 'vertical',\n        },\n        props.className\n    );\n\n    return (\n        <TabsPrimitive.Root\n            {...otherProps}\n            className={className}\n            data-taco=\"tabs\"\n            defaultValue={defaultId}\n            dir=\"ltr\"\n            onValueChange={onChange}\n            orientation={orientation}\n            ref={ref}\n            value={id}>\n            {children}\n        </TabsPrimitive.Root>\n    );\n}) as ForwardedTabsWithStatics;\n\nconst TabList = React.forwardRef(function Tab(props: TabListProps, ref: React.Ref<HTMLDivElement>) {\n    const className = cn(\n        'border-grey-300 flex flex-row m-0 mb-4',\n        'aria-orientation-horizontal:border-b',\n        'aria-orientation-vertical:border-r aria-orientation-vertical:m-0 aria-orientation-vertical:mr-4 aria-orientation-vertical:flex-col ',\n        props.className\n    );\n\n    return <TabsPrimitive.List {...props} className={className} ref={ref} />;\n});\n\nconst TabTrigger = React.forwardRef(function Tab(props: TabTriggerProps, ref: React.Ref<HTMLButtonElement>) {\n    const { children, id, disabled, tooltip, ...otherProps } = props;\n\n    const triggerClassName = cn(\n        'group relative p-0.5 outline-none disabled:cursor-not-allowed disabled:text-black/50',\n        // horizontal\n        '[[aria-orientation=\"horizontal\"]_&]:pb-1',\n        // horizontal\n        '[[aria-orientation=\"vertical\"]_&]:pr-1'\n    );\n    const buttonClassName = cn(\n        getButtonClasses(),\n        'group-focus-visible:yt-focus-inset group-enabled:group-hover:wcag-grey-200 pointer-events-none rounded px-3'\n    );\n    const activeClassName = cn(\n        'pointer-events-none absolute hidden bg-blue-500 group-aria-selected:flex',\n        // horizontal\n        '[[aria-orientation=\"horizontal\"]_&]:rounded-t-sm [[aria-orientation=\"horizontal\"]_&]:bottom-0 [[aria-orientation=\"horizontal\"]_&]:left-0 [[aria-orientation=\"horizontal\"]_&]:right-0 [[aria-orientation=\"horizontal\"]_&]:-mb-px [[aria-orientation=\"horizontal\"]_&]:h-0.5',\n        // vertical\n        '[[aria-orientation=\"vertical\"]_&]:rounded-l-sm [[aria-orientation=\"vertical\"]_&]:right-0 [[aria-orientation=\"vertical\"]_&]:top-0 [[aria-orientation=\"vertical\"]_&]:bottom-0 [[aria-orientation=\"vertical\"]_&]:-mr-px [[aria-orientation=\"vertical\"]_&]:w-0.5'\n    );\n\n    const trigger = (\n        <TabsPrimitive.Trigger {...otherProps} className={triggerClassName} disabled={disabled} ref={ref} value={id}>\n            <span className={buttonClassName}>{children}</span>\n            <span className={activeClassName} />\n        </TabsPrimitive.Trigger>\n    );\n\n    if (tooltip) {\n        return <Tooltip title={tooltip}>{trigger}</Tooltip>;\n    }\n\n    return trigger;\n});\n\nconst TabContent = React.forwardRef(function Tab(props: TabContentProps, ref: React.Ref<HTMLDivElement>) {\n    const { id, ...otherProps } = props;\n    const className = cn('[&[data-orientation=\"vertical\"]]:grow outline-none', props.className);\n\n    return <TabsPrimitive.Content {...otherProps} className={className} ref={ref} value={id} />;\n});\n\nTabs.List = TabList;\nTabs.Trigger = TabTrigger;\nTabs.Content = TabContent;\n"],"names":["Tabs","React","props","ref","id","defaultId","children","onChange","orientation","otherProps","className","cn","TabsPrimitive","defaultValue","dir","onValueChange","value","TabList","Tab","TabTrigger","disabled","tooltip","triggerClassName","buttonClassName","getButtonClasses","activeClassName","trigger","Tooltip","title","TabContent","List","Trigger","Content"],"mappings":";;;;;;MAiEaA,IAAI,gBAAGC,UAAgB,CAAC,SAASD,IAAIA,CAACE,KAAgB,EAAEC,GAA8B;EAC/F,MAAM;IAAEC,EAAE;IAAEC,SAAS;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC,WAAW,GAAG,YAAY;IAAE,GAAGC;GAAY,GAAGP,KAAK;EAC9F,MAAMQ,SAAS,GAAGC,EAAE,CAChB;IACI,aAAa,EAAEH,WAAW,KAAK;GAClC,EACDN,KAAK,CAACQ,SAAS,CAClB;EAED,oBACIT,cAACW,IAAkB,oBACXH,UAAU;IACdC,SAAS,EAAEA,SAAS;iBACV,MAAM;IAChBG,YAAY,EAAER,SAAS;IACvBS,GAAG,EAAC,KAAK;IACTC,aAAa,EAAER,QAAQ;IACvBC,WAAW,EAAEA,WAAW;IACxBL,GAAG,EAAEA,GAAG;IACRa,KAAK,EAAEZ;MACNE,QAAQ,CACQ;AAE7B,CAAC;AAED,MAAMW,OAAO,gBAAGhB,UAAgB,CAAC,SAASiB,GAAGA,CAAChB,KAAmB,EAAEC,GAA8B;EAC7F,MAAMO,SAAS,GAAGC,EAAE,CAChB,wCAAwC,EACxC,sCAAsC,EACtC,qIAAqI,EACrIT,KAAK,CAACQ,SAAS,CAClB;EAED,oBAAOT,cAACW,IAAkB,oBAAKV,KAAK;IAAEQ,SAAS,EAAEA,SAAS;IAAEP,GAAG,EAAEA;KAAO;AAC5E,CAAC,CAAC;AAEF,MAAMgB,UAAU,gBAAGlB,UAAgB,CAAC,SAASiB,GAAGA,CAAChB,KAAsB,EAAEC,GAAiC;EACtG,MAAM;IAAEG,QAAQ;IAAEF,EAAE;IAAEgB,QAAQ;IAAEC,OAAO;IAAE,GAAGZ;GAAY,GAAGP,KAAK;EAEhE,MAAMoB,gBAAgB,GAAGX,EAAE,CACvB,sFAAsF;;EAEtF,0CAA0C;;EAE1C,wCAAwC,CAC3C;EACD,MAAMY,eAAe,GAAGZ,EAAE,CACtBa,gBAAgB,EAAE,EAClB,6GAA6G,CAChH;EACD,MAAMC,eAAe,GAAGd,EAAE,CACtB,0EAA0E;;EAE1E,2QAA2Q;;EAE3Q,8PAA8P,CACjQ;EAED,MAAMe,OAAO,gBACTzB,cAACW,OAAqB,oBAAKH,UAAU;IAAEC,SAAS,EAAEY,gBAAgB;IAAEF,QAAQ,EAAEA,QAAQ;IAAEjB,GAAG,EAAEA,GAAG;IAAEa,KAAK,EAAEZ;mBACrGH;IAAMS,SAAS,EAAEa;KAAkBjB,QAAQ,CAAQ,eACnDL;IAAMS,SAAS,EAAEe;IAAmB,CAE3C;EAED,IAAIJ,OAAO,EAAE;IACT,oBAAOpB,cAAC0B,OAAO;MAACC,KAAK,EAAEP;OAAUK,OAAO,CAAW;;EAGvD,OAAOA,OAAO;AAClB,CAAC,CAAC;AAEF,MAAMG,UAAU,gBAAG5B,UAAgB,CAAC,SAASiB,GAAGA,CAAChB,KAAsB,EAAEC,GAA8B;EACnG,MAAM;IAAEC,EAAE;IAAE,GAAGK;GAAY,GAAGP,KAAK;EACnC,MAAMQ,SAAS,GAAGC,EAAE,CAAC,oDAAoD,EAAET,KAAK,CAACQ,SAAS,CAAC;EAE3F,oBAAOT,cAACW,OAAqB,oBAAKH,UAAU;IAAEC,SAAS,EAAEA,SAAS;IAAEP,GAAG,EAAEA,GAAG;IAAEa,KAAK,EAAEZ;KAAM;AAC/F,CAAC,CAAC;AAEFJ,IAAI,CAAC8B,IAAI,GAAGb,OAAO;AACnBjB,IAAI,CAAC+B,OAAO,GAAGZ,UAAU;AACzBnB,IAAI,CAACgC,OAAO,GAAGH,UAAU;;;;"}

package/dist/esm/packages/taco/src/components/Tag/Tag.js

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import cn from 'classnames';
+import cn from 'clsx';
 import { getSubtleColorShadeClasses } from '../../utils/tailwind.js';
 import { Icon } from '../Icon/Icon.js';
 
@@ -29,7 +29,7 @@ const Tag = /*#__PURE__*/React__default.forwardRef((props, ref) => {
     ref: textRef
   }, icon ? typeof icon === 'string' ? ( /*#__PURE__*/React__default.createElement(Icon, {
     name: icon,
-    className: "mr-1 -ml-1 -mt-0.5 !h-5 !w-5"
+    className: "-ml-1 -mt-0.5 mr-1 !h-5 !w-5"
   })) : ( /*#__PURE__*/React__default.cloneElement(icon, {
     className: 'mr-1 -ml-1 -mt-0.5 !h-5 !w-5'
   })) : null, children), onDelete ? ( /*#__PURE__*/React__default.createElement(Icon, {

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sources":["../../../../../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { Icon, IconName, IconProps } from '../Icon/Icon';\nimport { Color } from '../../types';\nimport { getSubtleColorShadeClasses } from '../../utils/tailwind';\n\nexport type TagProps = Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> & {\n    children: string;\n    color?: Color;\n    disabled?: boolean;\n    icon?: React.ReactElement<IconProps> | IconName;\n    readOnly?: boolean;\n    onDelete?: (event: React.MouseEvent<SVGSVGElement>) => void;\n};\n\nexport const Tag = React.forwardRef<HTMLSpanElement, TagProps>((props, ref) => {\n    const { children, color, disabled, icon, readOnly, onDelete, ...otherProps } = props;\n    const textRef = React.useRef<HTMLDivElement>(null);\n\n    const className = cn(\n        'inline-flex items-center rounded h-6 cursor-default',\n        {\n            'opacity-50': disabled,\n            'hover:bg-opacity-75': !disabled,\n            'cursor-pointer': !!otherProps.onClick,\n            'pointer-events-none': disabled || readOnly,\n        },\n        getSubtleColorShadeClasses(color),\n        props.className\n    );\n\n    return (\n        <span {...otherProps} className={className} ref={ref} data-taco=\"tag\">\n            <span className=\"truncate px-2\" ref={textRef}>\n                {icon ? (\n                    typeof icon === 'string' ? (\n                        <Icon name={icon} className=\"mr-1 -ml-1 -mt-0.5 !h-5 !w-5\" />\n                    ) : (\n                        React.cloneElement(icon, { className: 'mr-1 -ml-1 -mt-0.5 !h-5 !w-5' })\n                    )\n                ) : null}\n                {children}\n            </span>\n            {onDelete ? (\n                <Icon\n                    name=\"close\"\n                    onClick={onDelete}\n                    className=\"-ml-1.5 !h-6 !w-5 flex-shrink-0 cursor-pointer rounded-r p-0.5 hover:bg-black/5\"\n                />\n            ) : null}\n        </span>\n    );\n});\n"],"names":["Tag","React","forwardRef","props","ref","children","color","disabled","icon","readOnly","onDelete","otherProps","textRef","useRef","className","cn","onClick","getSubtleColorShadeClasses","Icon","name","cloneElement"],"mappings":";;;;;MAeaA,GAAG,gBAAGC,cAAK,CAACC,UAAU,CAA4B,CAACC,KAAK,EAAEC,GAAG;EACtE,MAAM;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,IAAI;IAAEC,QAAQ;IAAEC,QAAQ;IAAE,GAAGC;GAAY,GAAGR,KAAK;EACpF,MAAMS,OAAO,GAAGX,cAAK,CAACY,MAAM,CAAiB,IAAI,CAAC;EAElD,MAAMC,SAAS,GAAGC,EAAE,CAChB,qDAAqD,EACrD;IACI,YAAY,EAAER,QAAQ;IACtB,qBAAqB,EAAE,CAACA,QAAQ;IAChC,gBAAgB,EAAE,CAAC,CAACI,UAAU,CAACK,OAAO;IACtC,qBAAqB,EAAET,QAAQ,IAAIE;GACtC,EACDQ,0BAA0B,CAACX,KAAK,CAAC,EACjCH,KAAK,CAACW,SAAS,CAClB;EAED,oBACIb,uDAAUU,UAAU;IAAEG,SAAS,EAAEA,SAAS;IAAEV,GAAG,EAAEA,GAAG;iBAAY;mBAC5DH;IAAMa,SAAS,EAAC,eAAe;IAACV,GAAG,EAAEQ;KAChCJ,IAAI,GACD,OAAOA,IAAI,KAAK,QAAQ,kBACpBP,6BAACiB,IAAI;IAACC,IAAI,EAAEX,IAAI;IAAEM,SAAS,EAAC;IAAiC,mBAE7Db,cAAK,CAACmB,YAAY,CAACZ,IAAI,EAAE;IAAEM,SAAS,EAAE;GAAgC,CAAC,CAC1E,GACD,IAAI,EACPT,QAAQ,CACN,EACNK,QAAQ,kBACLT,6BAACiB,IAAI;IACDC,IAAI,EAAC,OAAO;IACZH,OAAO,EAAEN,QAAQ;IACjBI,SAAS,EAAC;IACZ,IACF,IAAI,CACL;AAEf,CAAC;;;;"}
+{"version":3,"file":"Tag.js","sources":["../../../../../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Icon, IconName, IconProps } from '../Icon/Icon';\nimport { Color } from '../../types';\nimport { getSubtleColorShadeClasses } from '../../utils/tailwind';\n\nexport type TagProps = Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> & {\n    children: string;\n    color?: Color;\n    disabled?: boolean;\n    icon?: React.ReactElement<IconProps> | IconName;\n    readOnly?: boolean;\n    onDelete?: (event: React.MouseEvent<SVGSVGElement>) => void;\n};\n\nexport const Tag = React.forwardRef<HTMLSpanElement, TagProps>((props, ref) => {\n    const { children, color, disabled, icon, readOnly, onDelete, ...otherProps } = props;\n    const textRef = React.useRef<HTMLDivElement>(null);\n\n    const className = cn(\n        'inline-flex items-center rounded h-6 cursor-default',\n        {\n            'opacity-50': disabled,\n            'hover:bg-opacity-75': !disabled,\n            'cursor-pointer': !!otherProps.onClick,\n            'pointer-events-none': disabled || readOnly,\n        },\n        getSubtleColorShadeClasses(color),\n        props.className\n    );\n\n    return (\n        <span {...otherProps} className={className} ref={ref} data-taco=\"tag\">\n            <span className=\"truncate px-2\" ref={textRef}>\n                {icon ? (\n                    typeof icon === 'string' ? (\n                        <Icon name={icon} className=\"-ml-1 -mt-0.5 mr-1 !h-5 !w-5\" />\n                    ) : (\n                        React.cloneElement(icon, { className: 'mr-1 -ml-1 -mt-0.5 !h-5 !w-5' })\n                    )\n                ) : null}\n                {children}\n            </span>\n            {onDelete ? (\n                <Icon\n                    name=\"close\"\n                    onClick={onDelete}\n                    className=\"-ml-1.5 !h-6 !w-5 flex-shrink-0 cursor-pointer rounded-r p-0.5 hover:bg-black/5\"\n                />\n            ) : null}\n        </span>\n    );\n});\n"],"names":["Tag","React","forwardRef","props","ref","children","color","disabled","icon","readOnly","onDelete","otherProps","textRef","useRef","className","cn","onClick","getSubtleColorShadeClasses","Icon","name","cloneElement"],"mappings":";;;;;MAeaA,GAAG,gBAAGC,cAAK,CAACC,UAAU,CAA4B,CAACC,KAAK,EAAEC,GAAG;EACtE,MAAM;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,IAAI;IAAEC,QAAQ;IAAEC,QAAQ;IAAE,GAAGC;GAAY,GAAGR,KAAK;EACpF,MAAMS,OAAO,GAAGX,cAAK,CAACY,MAAM,CAAiB,IAAI,CAAC;EAElD,MAAMC,SAAS,GAAGC,EAAE,CAChB,qDAAqD,EACrD;IACI,YAAY,EAAER,QAAQ;IACtB,qBAAqB,EAAE,CAACA,QAAQ;IAChC,gBAAgB,EAAE,CAAC,CAACI,UAAU,CAACK,OAAO;IACtC,qBAAqB,EAAET,QAAQ,IAAIE;GACtC,EACDQ,0BAA0B,CAACX,KAAK,CAAC,EACjCH,KAAK,CAACW,SAAS,CAClB;EAED,oBACIb,uDAAUU,UAAU;IAAEG,SAAS,EAAEA,SAAS;IAAEV,GAAG,EAAEA,GAAG;iBAAY;mBAC5DH;IAAMa,SAAS,EAAC,eAAe;IAACV,GAAG,EAAEQ;KAChCJ,IAAI,GACD,OAAOA,IAAI,KAAK,QAAQ,kBACpBP,6BAACiB,IAAI;IAACC,IAAI,EAAEX,IAAI;IAAEM,SAAS,EAAC;IAAiC,mBAE7Db,cAAK,CAACmB,YAAY,CAACZ,IAAI,EAAE;IAAEM,SAAS,EAAE;GAAgC,CAAC,CAC1E,GACD,IAAI,EACPT,QAAQ,CACN,EACNK,QAAQ,kBACLT,6BAACiB,IAAI;IACDC,IAAI,EAAC,OAAO;IACZH,OAAO,EAAEN,QAAQ;IACjBI,SAAS,EAAC;IACZ,IACF,IAAI,CACL;AAEf,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/Textarea/Textarea.js

@@ -1,5 +1,5 @@
 import { forwardRef, createElement } from 'react';
-import cn from 'classnames';
+import cn from 'clsx';
 import { getInputClasses } from '../Input/util.js';
 
 const Textarea = /*#__PURE__*/forwardRef(function Textarea(props, ref) {

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

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","sources":["../../../../../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\nimport { getInputClasses } from '../Input/util';\n\nexport type TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {\n    /** Draws attention to the textarea by changing its style and making it visually prominent */\n    highlighted?: boolean;\n    /* Whether the input is in an invalid state */\n    invalid?: boolean;\n    /** Value of the textarea */\n    value?: string;\n};\n\nexport const Textarea = React.forwardRef(function Textarea(props: TextareaProps, ref: React.Ref<HTMLTextAreaElement>) {\n    const { defaultValue: _, highlighted, invalid, onKeyDown, ...otherProps } = props;\n    const classNames = cn(getInputClasses(props), 'py-1 min-h-[75px] disabled:resize-none', props.className);\n\n    // home and end keys only navigate to the start/end of textarea value if the textarea container does not scroll\n    // if it has scroll height then the browser reverts to native scrolling behaviour only\n    // so we manually override it to ensure _our_ desired behaviour remains intact\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLTextAreaElement>) => {\n        // prevent any external keyboard shortcuts from executing while typing single characters in textarea\n        if (event.key.length === 1) {\n            event.stopPropagation();\n        }\n\n        if (event.key === 'Home' || event.key === 'End') {\n            event.preventDefault();\n            const position = event.key === 'End' ? event.currentTarget.value.length : 0;\n            event.currentTarget.setSelectionRange(position, position);\n            event.currentTarget.scrollTop = event.key === 'End' ? event.currentTarget.scrollHeight : 0;\n        }\n\n        if (onKeyDown) {\n            onKeyDown(event);\n        }\n    };\n\n    return <textarea {...otherProps} className={classNames} data-taco=\"textarea\" onKeyDown={handleKeyDown} ref={ref} />;\n});\n"],"names":["Textarea","React","props","ref","defaultValue","_","highlighted","invalid","onKeyDown","otherProps","classNames","cn","getInputClasses","className","handleKeyDown","event","key","length","stopPropagation","preventDefault","position","currentTarget","value","setSelectionRange","scrollTop","scrollHeight"],"mappings":";;;;MAaaA,QAAQ,gBAAGC,UAAgB,CAAC,SAASD,QAAQA,CAACE,KAAoB,EAAEC,GAAmC;EAChH,MAAM;IAAEC,YAAY,EAAEC,CAAC;IAAEC,WAAW;IAAEC,OAAO;IAAEC,SAAS;IAAE,GAAGC;GAAY,GAAGP,KAAK;EACjF,MAAMQ,UAAU,GAAGC,EAAE,CAACC,eAAe,CAACV,KAAK,CAAC,EAAE,wCAAwC,EAAEA,KAAK,CAACW,SAAS,CAAC;;;;EAKxG,MAAMC,aAAa,GAAIC,KAA+C;;IAElE,IAAIA,KAAK,CAACC,GAAG,CAACC,MAAM,KAAK,CAAC,EAAE;MACxBF,KAAK,CAACG,eAAe,EAAE;;IAG3B,IAAIH,KAAK,CAACC,GAAG,KAAK,MAAM,IAAID,KAAK,CAACC,GAAG,KAAK,KAAK,EAAE;MAC7CD,KAAK,CAACI,cAAc,EAAE;MACtB,MAAMC,QAAQ,GAAGL,KAAK,CAACC,GAAG,KAAK,KAAK,GAAGD,KAAK,CAACM,aAAa,CAACC,KAAK,CAACL,MAAM,GAAG,CAAC;MAC3EF,KAAK,CAACM,aAAa,CAACE,iBAAiB,CAACH,QAAQ,EAAEA,QAAQ,CAAC;MACzDL,KAAK,CAACM,aAAa,CAACG,SAAS,GAAGT,KAAK,CAACC,GAAG,KAAK,KAAK,GAAGD,KAAK,CAACM,aAAa,CAACI,YAAY,GAAG,CAAC;;IAG9F,IAAIjB,SAAS,EAAE;MACXA,SAAS,CAACO,KAAK,CAAC;;GAEvB;EAED,oBAAOd,4CAAcQ,UAAU;IAAEI,SAAS,EAAEH,UAAU;iBAAY,UAAU;IAACF,SAAS,EAAEM,aAAa;IAAEX,GAAG,EAAEA;KAAO;AACvH,CAAC;;;;"}
+{"version":3,"file":"Textarea.js","sources":["../../../../../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport { getInputClasses } from '../Input/util';\n\nexport type TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {\n    /** Draws attention to the textarea by changing its style and making it visually prominent */\n    highlighted?: boolean;\n    /* Whether the input is in an invalid state */\n    invalid?: boolean;\n    /** Value of the textarea */\n    value?: string;\n};\n\nexport const Textarea = React.forwardRef(function Textarea(props: TextareaProps, ref: React.Ref<HTMLTextAreaElement>) {\n    const { defaultValue: _, highlighted, invalid, onKeyDown, ...otherProps } = props;\n    const classNames = cn(getInputClasses(props), 'py-1 min-h-[75px] disabled:resize-none', props.className);\n\n    // home and end keys only navigate to the start/end of textarea value if the textarea container does not scroll\n    // if it has scroll height then the browser reverts to native scrolling behaviour only\n    // so we manually override it to ensure _our_ desired behaviour remains intact\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLTextAreaElement>) => {\n        // prevent any external keyboard shortcuts from executing while typing single characters in textarea\n        if (event.key.length === 1) {\n            event.stopPropagation();\n        }\n\n        if (event.key === 'Home' || event.key === 'End') {\n            event.preventDefault();\n            const position = event.key === 'End' ? event.currentTarget.value.length : 0;\n            event.currentTarget.setSelectionRange(position, position);\n            event.currentTarget.scrollTop = event.key === 'End' ? event.currentTarget.scrollHeight : 0;\n        }\n\n        if (onKeyDown) {\n            onKeyDown(event);\n        }\n    };\n\n    return <textarea {...otherProps} className={classNames} data-taco=\"textarea\" onKeyDown={handleKeyDown} ref={ref} />;\n});\n"],"names":["Textarea","React","props","ref","defaultValue","_","highlighted","invalid","onKeyDown","otherProps","classNames","cn","getInputClasses","className","handleKeyDown","event","key","length","stopPropagation","preventDefault","position","currentTarget","value","setSelectionRange","scrollTop","scrollHeight"],"mappings":";;;;MAaaA,QAAQ,gBAAGC,UAAgB,CAAC,SAASD,QAAQA,CAACE,KAAoB,EAAEC,GAAmC;EAChH,MAAM;IAAEC,YAAY,EAAEC,CAAC;IAAEC,WAAW;IAAEC,OAAO;IAAEC,SAAS;IAAE,GAAGC;GAAY,GAAGP,KAAK;EACjF,MAAMQ,UAAU,GAAGC,EAAE,CAACC,eAAe,CAACV,KAAK,CAAC,EAAE,wCAAwC,EAAEA,KAAK,CAACW,SAAS,CAAC;;;;EAKxG,MAAMC,aAAa,GAAIC,KAA+C;;IAElE,IAAIA,KAAK,CAACC,GAAG,CAACC,MAAM,KAAK,CAAC,EAAE;MACxBF,KAAK,CAACG,eAAe,EAAE;;IAG3B,IAAIH,KAAK,CAACC,GAAG,KAAK,MAAM,IAAID,KAAK,CAACC,GAAG,KAAK,KAAK,EAAE;MAC7CD,KAAK,CAACI,cAAc,EAAE;MACtB,MAAMC,QAAQ,GAAGL,KAAK,CAACC,GAAG,KAAK,KAAK,GAAGD,KAAK,CAACM,aAAa,CAACC,KAAK,CAACL,MAAM,GAAG,CAAC;MAC3EF,KAAK,CAACM,aAAa,CAACE,iBAAiB,CAACH,QAAQ,EAAEA,QAAQ,CAAC;MACzDL,KAAK,CAACM,aAAa,CAACG,SAAS,GAAGT,KAAK,CAACC,GAAG,KAAK,KAAK,GAAGD,KAAK,CAACM,aAAa,CAACI,YAAY,GAAG,CAAC;;IAG9F,IAAIjB,SAAS,EAAE;MACXA,SAAS,CAACO,KAAK,CAAC;;GAEvB;EAED,oBAAOd,4CAAcQ,UAAU;IAAEI,SAAS,EAAEH,UAAU;iBAAY,UAAU;IAACF,SAAS,EAAEM,aAAa;IAAEX,GAAG,EAAEA;KAAO;AACvH,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/Toast/Toast.js

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import cn from 'classnames';
+import cn from 'clsx';
 import { IconButton } from '../IconButton/IconButton.js';
 import { useLocalization } from '../Provider/Localization.js';
 import { useAnimation, motion } from 'framer-motion';
@@ -20,7 +20,7 @@ const Toast = ({
     autoClose,
     type = 'default'
   } = options;
-  const className = cn('bg-white relative flex items-center py-1 px-2 mt-3 w-full rounded yt-shadow', {
+  const className = cn('bg-white relative flex items-center py-1 px-2 mt-3 w-full rounded yt-shadow print:hidden', {
     'border border-grey-200': type === 'default' || type === 'loading' || !type,
     'border border-grey-500': type === 'success',
     'border border-blue-500': type === 'information',

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

@@ -1 +1 @@
-{"version":3,"file":"Toast.js","sources":["../../../../../../../src/components/Toast/Toast.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { motion, useAnimation } from 'framer-motion';\nimport useTimer from '../../utils/hooks/useTimer';\nimport { getBadgeIcon, getToastEmptyContentWarning } from './util';\nimport { State } from '../../types';\nimport { useLocalization } from '../Provider/Localization';\nimport { IconButton } from '../IconButton/IconButton';\n\nexport type ToastsTexts = {\n    /** Aria-label for the close icon button of toast */\n    dismiss: string;\n};\n\nexport type ToastType = Omit<State, 'default'> | 'loading';\nexport type ToastOptions = {\n    /** Provide time in milliseconds after which the toast should autoclose */\n    autoClose?: number;\n    /**\n     * State will change the icon displayed in toast and other characteristics,\n     * for e.g. `loading` state will display a progress animation.\n     * Default value is `default`\n     */\n    type?: ToastType;\n};\nexport type ToastContent = Omit<React.ReactNode, 'null' | 'undefined'>;\nexport type ToastProps = {\n    /** Provide a unique id for toast */\n    id: string;\n    /**\n     * Content can be any valid react node, for e.g. a `div`, or a simple text.\n     */\n    content: ToastContent;\n    /** Additional options to define your toast */\n    options: ToastOptions;\n    /**\n     * Handler called when toast closes.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    onClose: () => void;\n    lastUpdated?: number;\n    lastDuplicateId?: string;\n};\n\nexport const Toast = ({ content, lastUpdated, onClose: handleClose, options, ...props }: ToastProps): JSX.Element => {\n    const { texts } = useLocalization();\n    const { autoClose, type = 'default' } = options;\n    const className = cn('bg-white relative flex items-center py-1 px-2 mt-3 w-full rounded yt-shadow', {\n        'border border-grey-200': type === 'default' || type === 'loading' || !type,\n        'border border-grey-500': type === 'success',\n        'border border-blue-500': type === 'information',\n        'border border-yellow-700': type === 'warning',\n        'border border-red': type === 'error',\n    });\n    const timer = useTimer(autoClose, handleClose);\n    const controls = useAnimation();\n\n    if (!content) {\n        console.warn(getToastEmptyContentWarning(content));\n    }\n\n    React.useEffect(() => {\n        if (autoClose) {\n            timer.start();\n        }\n    }, [autoClose]);\n\n    const triggerUpdateAnimation = async () => {\n        await controls.start({ scale: 1.05 });\n        await controls.start({ scale: 1 });\n    };\n\n    React.useEffect(() => {\n        if (lastUpdated) {\n            triggerUpdateAnimation();\n\n            if (timer.running) {\n                timer.start();\n            }\n        }\n    }, [lastUpdated]);\n\n    return (\n        <motion.div\n            {...props}\n            animate={controls}\n            className={className}\n            data-taco=\"toast\"\n            onMouseEnter={timer.pause}\n            onMouseLeave={timer.resume}>\n            {getBadgeIcon(type)}\n            <div className=\"flex-grow\">{content}</div>\n            <IconButton\n                appearance=\"discrete\"\n                className=\"text-grey-700 -mr-2 cursor-pointer self-start !px-0\"\n                icon=\"close\"\n                aria-label={texts.toasts.dismiss}\n                onClick={handleClose}\n            />\n        </motion.div>\n    );\n};\n"],"names":["Toast","content","lastUpdated","onClose","handleClose","options","props","texts","useLocalization","autoClose","type","className","cn","timer","useTimer","controls","useAnimation","console","warn","getToastEmptyContentWarning","React","useEffect","start","triggerUpdateAnimation","scale","then","Promise","resolve","e","reject","running","motion","div","animate","onMouseEnter","pause","onMouseLeave","resume","getBadgeIcon","IconButton","appearance","icon","toasts","dismiss","onClick"],"mappings":";;;;;;;;MA4CaA,KAAK,GAAGA,CAAC;EAAEC,OAAO;EAAEC,WAAW;EAAEC,OAAO,EAAEC,WAAW;EAAEC,OAAO;EAAE,GAAGC;CAAmB;EAC/F,MAAM;IAAEC;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAM;IAAEC,SAAS;IAAEC,IAAI,GAAG;GAAW,GAAGL,OAAO;EAC/C,MAAMM,SAAS,GAAGC,EAAE,CAAC,6EAA6E,EAAE;IAChG,wBAAwB,EAAEF,IAAI,KAAK,SAAS,IAAIA,IAAI,KAAK,SAAS,IAAI,CAACA,IAAI;IAC3E,wBAAwB,EAAEA,IAAI,KAAK,SAAS;IAC5C,wBAAwB,EAAEA,IAAI,KAAK,aAAa;IAChD,0BAA0B,EAAEA,IAAI,KAAK,SAAS;IAC9C,mBAAmB,EAAEA,IAAI,KAAK;GACjC,CAAC;EACF,MAAMG,KAAK,GAAGC,QAAQ,CAACL,SAAS,EAAEL,WAAW,CAAC;EAC9C,MAAMW,QAAQ,GAAGC,YAAY,EAAE;EAE/B,IAAI,CAACf,OAAO,EAAE;IACVgB,OAAO,CAACC,IAAI,CAACC,2BAA2B,CAAClB,OAAO,CAAC,CAAC;;EAGtDmB,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIZ,SAAS,EAAE;MACXI,KAAK,CAACS,KAAK,EAAE;;GAEpB,EAAE,CAACb,SAAS,CAAC,CAAC;EAEf,MAAMc,sBAAsB;IAAA;6BAClBR,QAAQ,CAACO,KAAK,CAAC;QAAEE,KAAK,EAAE;OAAM,CAAC,EAAAC,IAAA;QAAA,OAAAC,OAAA,CAAAC,OAAA,CAC/BZ,QAAQ,CAACO,KAAK,CAAC;UAAEE,KAAK,EAAE;SAAG,CAAC,EAAAC,IAAA;;KACrC,QAAAG,CAAA;MAAA,OAAAF,OAAA,CAAAG,MAAA,CAAAD,CAAA;;;EAEDR,cAAK,CAACC,SAAS,CAAC;IACZ,IAAInB,WAAW,EAAE;MACbqB,sBAAsB,EAAE;MAExB,IAAIV,KAAK,CAACiB,OAAO,EAAE;QACfjB,KAAK,CAACS,KAAK,EAAE;;;GAGxB,EAAE,CAACpB,WAAW,CAAC,CAAC;EAEjB,oBACIkB,6BAACW,MAAM,CAACC,GAAG,oBACH1B,KAAK;IACT2B,OAAO,EAAElB,QAAQ;IACjBJ,SAAS,EAAEA,SAAS;iBACV,OAAO;IACjBuB,YAAY,EAAErB,KAAK,CAACsB,KAAK;IACzBC,YAAY,EAAEvB,KAAK,CAACwB;MACnBC,YAAY,CAAC5B,IAAI,CAAC,eACnBU;IAAKT,SAAS,EAAC;KAAaV,OAAO,CAAO,eAC1CmB,6BAACmB,UAAU;IACPC,UAAU,EAAC,UAAU;IACrB7B,SAAS,EAAC,qDAAqD;IAC/D8B,IAAI,EAAC,OAAO;kBACAlC,KAAK,CAACmC,MAAM,CAACC,OAAO;IAChCC,OAAO,EAAExC;IACX,CACO;AAErB;;;;"}
+{"version":3,"file":"Toast.js","sources":["../../../../../../../src/components/Toast/Toast.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { motion, useAnimation } from 'framer-motion';\nimport useTimer from '../../utils/hooks/useTimer';\nimport { getBadgeIcon, getToastEmptyContentWarning } from './util';\nimport { State } from '../../types';\nimport { useLocalization } from '../Provider/Localization';\nimport { IconButton } from '../IconButton/IconButton';\n\nexport type ToastsTexts = {\n    /** Aria-label for the close icon button of toast */\n    dismiss: string;\n};\n\nexport type ToastType = Omit<State, 'default'> | 'loading';\nexport type ToastOptions = {\n    /** Provide time in milliseconds after which the toast should autoclose */\n    autoClose?: number;\n    /**\n     * State will change the icon displayed in toast and other characteristics,\n     * for e.g. `loading` state will display a progress animation.\n     * Default value is `default`\n     */\n    type?: ToastType;\n};\nexport type ToastContent = Omit<React.ReactNode, 'null' | 'undefined'>;\nexport type ToastProps = {\n    /** Provide a unique id for toast */\n    id: string;\n    /**\n     * Content can be any valid react node, for e.g. a `div`, or a simple text.\n     */\n    content: ToastContent;\n    /** Additional options to define your toast */\n    options: ToastOptions;\n    /**\n     * Handler called when toast closes.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    onClose: () => void;\n    lastUpdated?: number;\n    lastDuplicateId?: string;\n};\n\nexport const Toast = ({ content, lastUpdated, onClose: handleClose, options, ...props }: ToastProps): JSX.Element => {\n    const { texts } = useLocalization();\n    const { autoClose, type = 'default' } = options;\n    const className = cn('bg-white relative flex items-center py-1 px-2 mt-3 w-full rounded yt-shadow print:hidden', {\n        'border border-grey-200': type === 'default' || type === 'loading' || !type,\n        'border border-grey-500': type === 'success',\n        'border border-blue-500': type === 'information',\n        'border border-yellow-700': type === 'warning',\n        'border border-red': type === 'error',\n    });\n    const timer = useTimer(autoClose, handleClose);\n    const controls = useAnimation();\n\n    if (!content) {\n        console.warn(getToastEmptyContentWarning(content));\n    }\n\n    React.useEffect(() => {\n        if (autoClose) {\n            timer.start();\n        }\n    }, [autoClose]);\n\n    const triggerUpdateAnimation = async () => {\n        await controls.start({ scale: 1.05 });\n        await controls.start({ scale: 1 });\n    };\n\n    React.useEffect(() => {\n        if (lastUpdated) {\n            triggerUpdateAnimation();\n\n            if (timer.running) {\n                timer.start();\n            }\n        }\n    }, [lastUpdated]);\n\n    return (\n        <motion.div\n            {...props}\n            animate={controls}\n            className={className}\n            data-taco=\"toast\"\n            onMouseEnter={timer.pause}\n            onMouseLeave={timer.resume}>\n            {getBadgeIcon(type)}\n            <div className=\"flex-grow\">{content}</div>\n            <IconButton\n                appearance=\"discrete\"\n                className=\"text-grey-700 -mr-2 cursor-pointer self-start !px-0\"\n                icon=\"close\"\n                aria-label={texts.toasts.dismiss}\n                onClick={handleClose}\n            />\n        </motion.div>\n    );\n};\n"],"names":["Toast","content","lastUpdated","onClose","handleClose","options","props","texts","useLocalization","autoClose","type","className","cn","timer","useTimer","controls","useAnimation","console","warn","getToastEmptyContentWarning","React","useEffect","start","triggerUpdateAnimation","scale","then","Promise","resolve","e","reject","running","motion","div","animate","onMouseEnter","pause","onMouseLeave","resume","getBadgeIcon","IconButton","appearance","icon","toasts","dismiss","onClick"],"mappings":";;;;;;;;MA4CaA,KAAK,GAAGA,CAAC;EAAEC,OAAO;EAAEC,WAAW;EAAEC,OAAO,EAAEC,WAAW;EAAEC,OAAO;EAAE,GAAGC;CAAmB;EAC/F,MAAM;IAAEC;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAM;IAAEC,SAAS;IAAEC,IAAI,GAAG;GAAW,GAAGL,OAAO;EAC/C,MAAMM,SAAS,GAAGC,EAAE,CAAC,0FAA0F,EAAE;IAC7G,wBAAwB,EAAEF,IAAI,KAAK,SAAS,IAAIA,IAAI,KAAK,SAAS,IAAI,CAACA,IAAI;IAC3E,wBAAwB,EAAEA,IAAI,KAAK,SAAS;IAC5C,wBAAwB,EAAEA,IAAI,KAAK,aAAa;IAChD,0BAA0B,EAAEA,IAAI,KAAK,SAAS;IAC9C,mBAAmB,EAAEA,IAAI,KAAK;GACjC,CAAC;EACF,MAAMG,KAAK,GAAGC,QAAQ,CAACL,SAAS,EAAEL,WAAW,CAAC;EAC9C,MAAMW,QAAQ,GAAGC,YAAY,EAAE;EAE/B,IAAI,CAACf,OAAO,EAAE;IACVgB,OAAO,CAACC,IAAI,CAACC,2BAA2B,CAAClB,OAAO,CAAC,CAAC;;EAGtDmB,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIZ,SAAS,EAAE;MACXI,KAAK,CAACS,KAAK,EAAE;;GAEpB,EAAE,CAACb,SAAS,CAAC,CAAC;EAEf,MAAMc,sBAAsB;IAAA;6BAClBR,QAAQ,CAACO,KAAK,CAAC;QAAEE,KAAK,EAAE;OAAM,CAAC,EAAAC,IAAA;QAAA,OAAAC,OAAA,CAAAC,OAAA,CAC/BZ,QAAQ,CAACO,KAAK,CAAC;UAAEE,KAAK,EAAE;SAAG,CAAC,EAAAC,IAAA;;KACrC,QAAAG,CAAA;MAAA,OAAAF,OAAA,CAAAG,MAAA,CAAAD,CAAA;;;EAEDR,cAAK,CAACC,SAAS,CAAC;IACZ,IAAInB,WAAW,EAAE;MACbqB,sBAAsB,EAAE;MAExB,IAAIV,KAAK,CAACiB,OAAO,EAAE;QACfjB,KAAK,CAACS,KAAK,EAAE;;;GAGxB,EAAE,CAACpB,WAAW,CAAC,CAAC;EAEjB,oBACIkB,6BAACW,MAAM,CAACC,GAAG,oBACH1B,KAAK;IACT2B,OAAO,EAAElB,QAAQ;IACjBJ,SAAS,EAAEA,SAAS;iBACV,OAAO;IACjBuB,YAAY,EAAErB,KAAK,CAACsB,KAAK;IACzBC,YAAY,EAAEvB,KAAK,CAACwB;MACnBC,YAAY,CAAC5B,IAAI,CAAC,eACnBU;IAAKT,SAAS,EAAC;KAAaV,OAAO,CAAO,eAC1CmB,6BAACmB,UAAU;IACPC,UAAU,EAAC,UAAU;IACrB7B,SAAS,EAAC,qDAAqD;IAC/D8B,IAAI,EAAC,OAAO;kBACAlC,KAAK,CAACmC,MAAM,CAACC,OAAO;IAChCC,OAAO,EAAExC;IACX,CACO;AAErB;;;;"}

package/dist/esm/packages/taco/src/components/Tooltip/Tooltip.js

@@ -1,5 +1,5 @@
 import { forwardRef, createElement } from 'react';
-import cn from 'classnames';
+import cn from 'clsx';
 import { Root, Trigger, Portal, Content, Arrow } from '@radix-ui/react-tooltip';
 
 const Tooltip = /*#__PURE__*/forwardRef(function Tooltip(props, ref) {
@@ -25,7 +25,7 @@ const Tooltip = /*#__PURE__*/forwardRef(function Tooltip(props, ref) {
     side: placement,
     sideOffset: 3
   }), /*#__PURE__*/createElement("div", {
-    className: "xs:max-w-[theme(spacing.56)] max-w-[theme(spacing.32)] animate-[fade-in_150ms] rounded-sm bg-blue-900 px-2 py-1 text-xs font-bold text-white",
+    className: "xs:max-w-[theme(spacing.56)] max-w-[theme(spacing.32)] animate-[fade-in_150ms] rounded-sm bg-blue-900 px-2 py-1 text-xs font-bold text-white print:hidden",
     "data-taco": "tooltip",
     style: {
       transformOrigin: 'var(--radix-tooltip-content-transform-origin)'

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip';\nimport cn from 'classnames';\n\nexport type TooltipProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> & {\n    /** The element which activates the tooltip when hovered. Should be a single React/HTML element */\n    children: React.ReactElement | any;\n    /** Use this value to hide tooltip conditionally */\n    hide?: boolean;\n    /** Text displayed in the tooltip */\n    title: string | JSX.Element;\n    /**\n     *  Placement of the tooltip relative to the reference element. Placement will be reversed if a collision occurs\n     * @defaultValue bottom\n     */\n    placement?: 'top' | 'right' | 'bottom' | 'left';\n};\n\nexport const Tooltip = React.forwardRef(function Tooltip(props: TooltipProps, ref: React.Ref<HTMLElement>) {\n    const { title, children, placement, hide = false, ...otherProps } = props;\n    const className = cn(otherProps.className);\n\n    if (hide) {\n        return children;\n    }\n\n    return (\n        <TooltipPrimitive.Root delayDuration={250}>\n            <TooltipPrimitive.Trigger asChild ref={ref as any}>\n                {children}\n            </TooltipPrimitive.Trigger>\n            <TooltipPrimitive.Portal>\n                <TooltipPrimitive.Content {...otherProps} asChild className={className} side={placement} sideOffset={3}>\n                    <div\n                        className=\"xs:max-w-[theme(spacing.56)] max-w-[theme(spacing.32)] animate-[fade-in_150ms] rounded-sm bg-blue-900 px-2 py-1 text-xs font-bold text-white\"\n                        data-taco=\"tooltip\"\n                        style={{\n                            transformOrigin: 'var(--radix-tooltip-content-transform-origin)',\n                        }}>\n                        <TooltipPrimitive.Arrow className=\"-mt-px fill-blue-900/90 stroke-blue-900/90\" />\n                        {title}\n                    </div>\n                </TooltipPrimitive.Content>\n            </TooltipPrimitive.Portal>\n        </TooltipPrimitive.Root>\n    );\n});\n"],"names":["Tooltip","React","props","ref","title","children","placement","hide","otherProps","className","cn","TooltipPrimitive","delayDuration","asChild","side","sideOffset","style","transformOrigin"],"mappings":";;;;MAkBaA,OAAO,gBAAGC,UAAgB,CAAC,SAASD,OAAOA,CAACE,KAAmB,EAAEC,GAA2B;EACrG,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,SAAS;IAAEC,IAAI,GAAG,KAAK;IAAE,GAAGC;GAAY,GAAGN,KAAK;EACzE,MAAMO,SAAS,GAAGC,EAAE,CAACF,UAAU,CAACC,SAAS,CAAC;EAE1C,IAAIF,IAAI,EAAE;IACN,OAAOF,QAAQ;;EAGnB,oBACIJ,cAACU,IAAqB;IAACC,aAAa,EAAE;kBAClCX,cAACU,OAAwB;IAACE,OAAO;IAACV,GAAG,EAAEA;KAClCE,QAAQ,CACc,eAC3BJ,cAACU,MAAuB,qBACpBV,cAACU,OAAwB,oBAAKH,UAAU;IAAEK,OAAO;IAACJ,SAAS,EAAEA,SAAS;IAAEK,IAAI,EAAER,SAAS;IAAES,UAAU,EAAE;mBACjGd;IACIQ,SAAS,EAAC,8IAA8I;iBAC9I,SAAS;IACnBO,KAAK,EAAE;MACHC,eAAe,EAAE;;kBAErBhB,cAACU,KAAsB;IAACF,SAAS,EAAC;IAA+C,EAChFL,KAAK,CACJ,CACiB,CACL,CACN;AAEhC,CAAC;;;;"}
+{"version":3,"file":"Tooltip.js","sources":["../../../../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip';\nimport cn from 'clsx';\n\nexport type TooltipProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> & {\n    /** The element which activates the tooltip when hovered. Should be a single React/HTML element */\n    children: React.ReactElement | any;\n    /** Use this value to hide tooltip conditionally */\n    hide?: boolean;\n    /** Text displayed in the tooltip */\n    title: string | JSX.Element;\n    /**\n     *  Placement of the tooltip relative to the reference element. Placement will be reversed if a collision occurs\n     * @defaultValue bottom\n     */\n    placement?: 'top' | 'right' | 'bottom' | 'left';\n};\n\nexport const Tooltip = React.forwardRef(function Tooltip(props: TooltipProps, ref: React.Ref<HTMLElement>) {\n    const { title, children, placement, hide = false, ...otherProps } = props;\n    const className = cn(otherProps.className);\n\n    if (hide) {\n        return children;\n    }\n\n    return (\n        <TooltipPrimitive.Root delayDuration={250}>\n            <TooltipPrimitive.Trigger asChild ref={ref as any}>\n                {children}\n            </TooltipPrimitive.Trigger>\n            <TooltipPrimitive.Portal>\n                <TooltipPrimitive.Content {...otherProps} asChild className={className} side={placement} sideOffset={3}>\n                    <div\n                        className=\"xs:max-w-[theme(spacing.56)] max-w-[theme(spacing.32)] animate-[fade-in_150ms] rounded-sm bg-blue-900 px-2 py-1 text-xs font-bold text-white print:hidden\"\n                        data-taco=\"tooltip\"\n                        style={{\n                            transformOrigin: 'var(--radix-tooltip-content-transform-origin)',\n                        }}>\n                        <TooltipPrimitive.Arrow className=\"-mt-px fill-blue-900/90 stroke-blue-900/90\" />\n                        {title}\n                    </div>\n                </TooltipPrimitive.Content>\n            </TooltipPrimitive.Portal>\n        </TooltipPrimitive.Root>\n    );\n});\n"],"names":["Tooltip","React","props","ref","title","children","placement","hide","otherProps","className","cn","TooltipPrimitive","delayDuration","asChild","side","sideOffset","style","transformOrigin"],"mappings":";;;;MAkBaA,OAAO,gBAAGC,UAAgB,CAAC,SAASD,OAAOA,CAACE,KAAmB,EAAEC,GAA2B;EACrG,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,SAAS;IAAEC,IAAI,GAAG,KAAK;IAAE,GAAGC;GAAY,GAAGN,KAAK;EACzE,MAAMO,SAAS,GAAGC,EAAE,CAACF,UAAU,CAACC,SAAS,CAAC;EAE1C,IAAIF,IAAI,EAAE;IACN,OAAOF,QAAQ;;EAGnB,oBACIJ,cAACU,IAAqB;IAACC,aAAa,EAAE;kBAClCX,cAACU,OAAwB;IAACE,OAAO;IAACV,GAAG,EAAEA;KAClCE,QAAQ,CACc,eAC3BJ,cAACU,MAAuB,qBACpBV,cAACU,OAAwB,oBAAKH,UAAU;IAAEK,OAAO;IAACJ,SAAS,EAAEA,SAAS;IAAEK,IAAI,EAAER,SAAS;IAAES,UAAU,EAAE;mBACjGd;IACIQ,SAAS,EAAC,2JAA2J;iBAC3J,SAAS;IACnBO,KAAK,EAAE;MACHC,eAAe,EAAE;;kBAErBhB,cAACU,KAAsB;IAACF,SAAS,EAAC;IAA+C,EAChFL,KAAK,CACJ,CACiB,CACL,CACN;AAEhC,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/Treeview/Treeview.js

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import cn from 'classnames';
+import cn from 'clsx';
 
 const TreeviewItem = /*#__PURE__*/React__default.forwardRef(function TreeviewItem(props, ref) {
   return /*#__PURE__*/React__default.createElement("a", Object.assign({}, props, {

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

@@ -1 +1 @@
-{"version":3,"file":"Treeview.js","sources":["../../../../../../../src/components/Treeview/Treeview.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nexport type TreeviewItemProps = React.LinkHTMLAttributes<HTMLAnchorElement>;\n\nconst TreeviewItem = React.forwardRef(function TreeviewItem(props: TreeviewItemProps, ref: React.Ref<HTMLAnchorElement>) {\n    return <a {...props} ref={ref} />;\n});\n\nexport type TreeviewGroupProps = Omit<React.LinkHTMLAttributes<HTMLDivElement>, 'className' | 'onClick' | 'title'> & {\n    /** Add a classname to the treeview */\n    className?: string | ((expanded: boolean) => string);\n    /**\n     * Set wheter the region is expanded, showing the children, or collapsed.\n     * Default value is `false`\n     */\n    expanded?: boolean;\n    /** Region is expanded at mount and can't be collapsed */\n    fixed?: boolean;\n    /** Handler called when user clicks the title of the group */\n    onClick?: (event: React.MouseEvent<HTMLDivElement>, expanded: boolean) => void;\n    /** Text displayed in the group's header */\n    title: React.ReactNode | ((expanded: boolean) => React.ReactNode);\n};\n\nconst TreeviewGroup = React.forwardRef(function TreeviewGroup(props: TreeviewGroupProps, ref: React.Ref<HTMLDivElement>) {\n    const {\n        children,\n        className: externalClassName,\n        expanded: initialExpanded = false,\n        title,\n        fixed,\n        onClick,\n        ...otherProps\n    } = props;\n    const [expanded, setExpanded] = React.useState(fixed || initialExpanded);\n\n    React.useEffect(() => {\n        if (!fixed) {\n            setExpanded(fixed || initialExpanded);\n        }\n    }, [fixed, initialExpanded]);\n\n    const listClassName = cn('flex-col mb-0', {\n        flex: expanded,\n        hidden: !expanded,\n    });\n\n    const itemProps = {\n        ...otherProps,\n        'aria-expanded': expanded,\n        role: 'treeitem',\n        tabIndex: -1,\n    };\n\n    const handleClick = (event: React.MouseEvent<HTMLDivElement>): void => {\n        const nextState = !expanded;\n\n        if (!fixed) {\n            setExpanded(nextState);\n        }\n\n        if (onClick) {\n            onClick(event, nextState);\n        }\n    };\n\n    const className = typeof externalClassName === 'function' ? externalClassName(expanded) : externalClassName;\n\n    return (\n        <div {...itemProps} className={className} ref={ref}>\n            <div onClick={handleClick}>{typeof title === 'function' ? title(expanded) : title}</div>\n            <ul role=\"group\" className={listClassName}>\n                {React.Children.toArray(children)\n                    .filter(item => !!item)\n                    .map((item, i) => (\n                        <li key={i} role=\"none\">\n                            {React.cloneElement(item as React.ReactElement<any>, { role: 'treeitem' })}\n                        </li>\n                    ))}\n            </ul>\n        </div>\n    );\n});\n\nexport type TreeviewProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport type ForwardedTreeviewWithStatics = React.ForwardRefExoticComponent<\n    TreeviewProps & React.RefAttributes<HTMLDivElement>\n> & {\n    /** Navigable link */\n    Item: React.ForwardRefExoticComponent<TreeviewItemProps & React.RefAttributes<HTMLAnchorElement>>;\n    /** Container for a set of related links, usually expandable */\n    Group: React.ForwardRefExoticComponent<TreeviewGroupProps & React.RefAttributes<HTMLDivElement>>;\n};\n\nexport const Treeview = React.forwardRef(function Treeview(props: TreeviewProps, ref: React.Ref<HTMLDivElement>) {\n    return <div {...props} ref={ref} role=\"tree\" />;\n}) as ForwardedTreeviewWithStatics;\n\nTreeview.Group = TreeviewGroup;\nTreeview.Item = TreeviewItem;\n"],"names":["TreeviewItem","React","forwardRef","props","ref","TreeviewGroup","children","className","externalClassName","expanded","initialExpanded","title","fixed","onClick","otherProps","setExpanded","useState","useEffect","listClassName","cn","flex","hidden","itemProps","role","tabIndex","handleClick","event","nextState","Children","toArray","filter","item","map","i","key","cloneElement","Treeview","Group","Item"],"mappings":";;;AAKA,MAAMA,YAAY,gBAAGC,cAAK,CAACC,UAAU,CAAC,SAASF,YAAYA,CAACG,KAAwB,EAAEC,GAAiC;EACnH,oBAAOH,oDAAOE,KAAK;IAAEC,GAAG,EAAEA;KAAO;AACrC,CAAC,CAAC;AAkBF,MAAMC,aAAa,gBAAGJ,cAAK,CAACC,UAAU,CAAC,SAASG,aAAaA,CAACF,KAAyB,EAAEC,GAA8B;EACnH,MAAM;IACFE,QAAQ;IACRC,SAAS,EAAEC,iBAAiB;IAC5BC,QAAQ,EAAEC,eAAe,GAAG,KAAK;IACjCC,KAAK;IACLC,KAAK;IACLC,OAAO;IACP,GAAGC;GACN,GAAGX,KAAK;EACT,MAAM,CAACM,QAAQ,EAAEM,WAAW,CAAC,GAAGd,cAAK,CAACe,QAAQ,CAACJ,KAAK,IAAIF,eAAe,CAAC;EAExET,cAAK,CAACgB,SAAS,CAAC;IACZ,IAAI,CAACL,KAAK,EAAE;MACRG,WAAW,CAACH,KAAK,IAAIF,eAAe,CAAC;;GAE5C,EAAE,CAACE,KAAK,EAAEF,eAAe,CAAC,CAAC;EAE5B,MAAMQ,aAAa,GAAGC,EAAE,CAAC,eAAe,EAAE;IACtCC,IAAI,EAAEX,QAAQ;IACdY,MAAM,EAAE,CAACZ;GACZ,CAAC;EAEF,MAAMa,SAAS,GAAG;IACd,GAAGR,UAAU;IACb,eAAe,EAAEL,QAAQ;IACzBc,IAAI,EAAE,UAAU;IAChBC,QAAQ,EAAE,CAAC;GACd;EAED,MAAMC,WAAW,GAAIC,KAAuC;IACxD,MAAMC,SAAS,GAAG,CAAClB,QAAQ;IAE3B,IAAI,CAACG,KAAK,EAAE;MACRG,WAAW,CAACY,SAAS,CAAC;;IAG1B,IAAId,OAAO,EAAE;MACTA,OAAO,CAACa,KAAK,EAAEC,SAAS,CAAC;;GAEhC;EAED,MAAMpB,SAAS,GAAG,OAAOC,iBAAiB,KAAK,UAAU,GAAGA,iBAAiB,CAACC,QAAQ,CAAC,GAAGD,iBAAiB;EAE3G,oBACIP,sDAASqB,SAAS;IAAEf,SAAS,EAAEA,SAAS;IAAEH,GAAG,EAAEA;mBAC3CH;IAAKY,OAAO,EAAEY;KAAc,OAAOd,KAAK,KAAK,UAAU,GAAGA,KAAK,CAACF,QAAQ,CAAC,GAAGE,KAAK,CAAO,eACxFV;IAAIsB,IAAI,EAAC,OAAO;IAAChB,SAAS,EAAEW;KACvBjB,cAAK,CAAC2B,QAAQ,CAACC,OAAO,CAACvB,QAAQ,CAAC,CAC5BwB,MAAM,CAACC,IAAI,IAAI,CAAC,CAACA,IAAI,CAAC,CACtBC,GAAG,CAAC,CAACD,IAAI,EAAEE,CAAC,oBACThC;IAAIiC,GAAG,EAAED,CAAC;IAAEV,IAAI,EAAC;kBACZtB,cAAK,CAACkC,YAAY,CAACJ,IAA+B,EAAE;IAAER,IAAI,EAAE;GAAY,CAAC,CACzE,CACR,CAAC,CACL,CACH;AAEd,CAAC,CAAC;MAaWa,QAAQ,gBAAGnC,cAAK,CAACC,UAAU,CAAC,SAASkC,QAAQA,CAACjC,KAAoB,EAAEC,GAA8B;EAC3G,oBAAOH,sDAASE,KAAK;IAAEC,GAAG,EAAEA,GAAG;IAAEmB,IAAI,EAAC;KAAS;AACnD,CAAC;AAEDa,QAAQ,CAACC,KAAK,GAAGhC,aAAa;AAC9B+B,QAAQ,CAACE,IAAI,GAAGtC,YAAY;;;;"}
+{"version":3,"file":"Treeview.js","sources":["../../../../../../../src/components/Treeview/Treeview.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\n\nexport type TreeviewItemProps = React.LinkHTMLAttributes<HTMLAnchorElement>;\n\nconst TreeviewItem = React.forwardRef(function TreeviewItem(props: TreeviewItemProps, ref: React.Ref<HTMLAnchorElement>) {\n    return <a {...props} ref={ref} />;\n});\n\nexport type TreeviewGroupProps = Omit<React.LinkHTMLAttributes<HTMLDivElement>, 'className' | 'onClick' | 'title'> & {\n    /** Add a classname to the treeview */\n    className?: string | ((expanded: boolean) => string);\n    /**\n     * Set wheter the region is expanded, showing the children, or collapsed.\n     * Default value is `false`\n     */\n    expanded?: boolean;\n    /** Region is expanded at mount and can't be collapsed */\n    fixed?: boolean;\n    /** Handler called when user clicks the title of the group */\n    onClick?: (event: React.MouseEvent<HTMLDivElement>, expanded: boolean) => void;\n    /** Text displayed in the group's header */\n    title: React.ReactNode | ((expanded: boolean) => React.ReactNode);\n};\n\nconst TreeviewGroup = React.forwardRef(function TreeviewGroup(props: TreeviewGroupProps, ref: React.Ref<HTMLDivElement>) {\n    const {\n        children,\n        className: externalClassName,\n        expanded: initialExpanded = false,\n        title,\n        fixed,\n        onClick,\n        ...otherProps\n    } = props;\n    const [expanded, setExpanded] = React.useState(fixed || initialExpanded);\n\n    React.useEffect(() => {\n        if (!fixed) {\n            setExpanded(fixed || initialExpanded);\n        }\n    }, [fixed, initialExpanded]);\n\n    const listClassName = cn('flex-col mb-0', {\n        flex: expanded,\n        hidden: !expanded,\n    });\n\n    const itemProps = {\n        ...otherProps,\n        'aria-expanded': expanded,\n        role: 'treeitem',\n        tabIndex: -1,\n    };\n\n    const handleClick = (event: React.MouseEvent<HTMLDivElement>): void => {\n        const nextState = !expanded;\n\n        if (!fixed) {\n            setExpanded(nextState);\n        }\n\n        if (onClick) {\n            onClick(event, nextState);\n        }\n    };\n\n    const className = typeof externalClassName === 'function' ? externalClassName(expanded) : externalClassName;\n\n    return (\n        <div {...itemProps} className={className} ref={ref}>\n            <div onClick={handleClick}>{typeof title === 'function' ? title(expanded) : title}</div>\n            <ul role=\"group\" className={listClassName}>\n                {React.Children.toArray(children)\n                    .filter(item => !!item)\n                    .map((item, i) => (\n                        <li key={i} role=\"none\">\n                            {React.cloneElement(item as React.ReactElement<any>, { role: 'treeitem' })}\n                        </li>\n                    ))}\n            </ul>\n        </div>\n    );\n});\n\nexport type TreeviewProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport type ForwardedTreeviewWithStatics = React.ForwardRefExoticComponent<\n    TreeviewProps & React.RefAttributes<HTMLDivElement>\n> & {\n    /** Navigable link */\n    Item: React.ForwardRefExoticComponent<TreeviewItemProps & React.RefAttributes<HTMLAnchorElement>>;\n    /** Container for a set of related links, usually expandable */\n    Group: React.ForwardRefExoticComponent<TreeviewGroupProps & React.RefAttributes<HTMLDivElement>>;\n};\n\nexport const Treeview = React.forwardRef(function Treeview(props: TreeviewProps, ref: React.Ref<HTMLDivElement>) {\n    return <div {...props} ref={ref} role=\"tree\" />;\n}) as ForwardedTreeviewWithStatics;\n\nTreeview.Group = TreeviewGroup;\nTreeview.Item = TreeviewItem;\n"],"names":["TreeviewItem","React","forwardRef","props","ref","TreeviewGroup","children","className","externalClassName","expanded","initialExpanded","title","fixed","onClick","otherProps","setExpanded","useState","useEffect","listClassName","cn","flex","hidden","itemProps","role","tabIndex","handleClick","event","nextState","Children","toArray","filter","item","map","i","key","cloneElement","Treeview","Group","Item"],"mappings":";;;AAKA,MAAMA,YAAY,gBAAGC,cAAK,CAACC,UAAU,CAAC,SAASF,YAAYA,CAACG,KAAwB,EAAEC,GAAiC;EACnH,oBAAOH,oDAAOE,KAAK;IAAEC,GAAG,EAAEA;KAAO;AACrC,CAAC,CAAC;AAkBF,MAAMC,aAAa,gBAAGJ,cAAK,CAACC,UAAU,CAAC,SAASG,aAAaA,CAACF,KAAyB,EAAEC,GAA8B;EACnH,MAAM;IACFE,QAAQ;IACRC,SAAS,EAAEC,iBAAiB;IAC5BC,QAAQ,EAAEC,eAAe,GAAG,KAAK;IACjCC,KAAK;IACLC,KAAK;IACLC,OAAO;IACP,GAAGC;GACN,GAAGX,KAAK;EACT,MAAM,CAACM,QAAQ,EAAEM,WAAW,CAAC,GAAGd,cAAK,CAACe,QAAQ,CAACJ,KAAK,IAAIF,eAAe,CAAC;EAExET,cAAK,CAACgB,SAAS,CAAC;IACZ,IAAI,CAACL,KAAK,EAAE;MACRG,WAAW,CAACH,KAAK,IAAIF,eAAe,CAAC;;GAE5C,EAAE,CAACE,KAAK,EAAEF,eAAe,CAAC,CAAC;EAE5B,MAAMQ,aAAa,GAAGC,EAAE,CAAC,eAAe,EAAE;IACtCC,IAAI,EAAEX,QAAQ;IACdY,MAAM,EAAE,CAACZ;GACZ,CAAC;EAEF,MAAMa,SAAS,GAAG;IACd,GAAGR,UAAU;IACb,eAAe,EAAEL,QAAQ;IACzBc,IAAI,EAAE,UAAU;IAChBC,QAAQ,EAAE,CAAC;GACd;EAED,MAAMC,WAAW,GAAIC,KAAuC;IACxD,MAAMC,SAAS,GAAG,CAAClB,QAAQ;IAE3B,IAAI,CAACG,KAAK,EAAE;MACRG,WAAW,CAACY,SAAS,CAAC;;IAG1B,IAAId,OAAO,EAAE;MACTA,OAAO,CAACa,KAAK,EAAEC,SAAS,CAAC;;GAEhC;EAED,MAAMpB,SAAS,GAAG,OAAOC,iBAAiB,KAAK,UAAU,GAAGA,iBAAiB,CAACC,QAAQ,CAAC,GAAGD,iBAAiB;EAE3G,oBACIP,sDAASqB,SAAS;IAAEf,SAAS,EAAEA,SAAS;IAAEH,GAAG,EAAEA;mBAC3CH;IAAKY,OAAO,EAAEY;KAAc,OAAOd,KAAK,KAAK,UAAU,GAAGA,KAAK,CAACF,QAAQ,CAAC,GAAGE,KAAK,CAAO,eACxFV;IAAIsB,IAAI,EAAC,OAAO;IAAChB,SAAS,EAAEW;KACvBjB,cAAK,CAAC2B,QAAQ,CAACC,OAAO,CAACvB,QAAQ,CAAC,CAC5BwB,MAAM,CAACC,IAAI,IAAI,CAAC,CAACA,IAAI,CAAC,CACtBC,GAAG,CAAC,CAACD,IAAI,EAAEE,CAAC,oBACThC;IAAIiC,GAAG,EAAED,CAAC;IAAEV,IAAI,EAAC;kBACZtB,cAAK,CAACkC,YAAY,CAACJ,IAA+B,EAAE;IAAER,IAAI,EAAE;GAAY,CAAC,CACzE,CACR,CAAC,CACL,CACH;AAEd,CAAC,CAAC;MAaWa,QAAQ,gBAAGnC,cAAK,CAACC,UAAU,CAAC,SAASkC,QAAQA,CAACjC,KAAoB,EAAEC,GAA8B;EAC3G,oBAAOH,sDAASE,KAAK;IAAEC,GAAG,EAAEA,GAAG;IAAEmB,IAAI,EAAC;KAAS;AACnD,CAAC;AAEDa,QAAQ,CAACC,KAAK,GAAGhC,aAAa;AAC9B+B,QAAQ,CAACE,IAAI,GAAGtC,YAAY;;;;"}

package/dist/esm/packages/taco/src/index.js

@@ -55,6 +55,7 @@ export { SearchInput2 } from './components/SearchInput2/SearchInput2.js';
 import * as Collection from './primitives/Collection/Collection.js';
 export { Collection as CollectionPrimitive };
 export { Tag } from './components/Tag/Tag.js';
+export { FontSizes, fixedForwardRef } from './types.js';
 export { Select2 } from './components/Select2/Select2.js';
 export { Switch } from './components/Switch/Switch.js';
 export { Table } from './components/Table/components/Table.js';
@@ -66,7 +67,6 @@ export { useLazyEffect } from './hooks/useLazyEffect.js';
 export { Textarea } from './components/Textarea/Textarea.js';
 export { useMatchMedia } from './hooks/useMatchMedia.js';
 export { useIsLargeScreen } from './hooks/useIsLargeScreen.js';
-export { fixedForwardRef } from './types.js';
 export { useTable3DataLoader } from './components/Table3/hooks/useTableDataLoader.js';
 export { Table3 } from './components/Table3/Table3.js';
 export { Tabs } from './components/Tabs/Tabs.js';