@coveord/plasma-mantine 59.8.0 → 60.0.0

package/dist/cjs/components/Table/table-columns-selector/TableColumnsSelector.js

@@ -1,119 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "TableColumnsSelector", {
-    enumerable: true,
-    get: function() {
-        return TableColumnsSelector;
-    }
-});
-var _object_spread = require("@swc/helpers/_/_object_spread");
-var _jsxruntime = require("react/jsx-runtime");
-var _plasmareacticons = require("@coveord/plasma-react-icons");
-var _core = require("@mantine/core");
-var _reacttable = require("@tanstack/react-table");
-var _ActionIcon = require("../../ActionIcon/ActionIcon.js");
-var DEFAULT_OPTIONS = {
-    footer: function footer(max) {
-        return "You can display up to ".concat(max, " columns.");
-    },
-    limitReachedTooltip: 'You have reached the maximum display limit.',
-    alwaysVisibleTooltip: 'This column is always visible.'
-};
-var TableColumnsSelector = function TableColumnsSelector(param) {
-    var table = param.table, options = param.options;
-    var _$_object_spread = _object_spread._({}, DEFAULT_OPTIONS, options), maxSelectableColumns = _$_object_spread.maxSelectableColumns, footer = _$_object_spread.footer, limitReachedTooltip = _$_object_spread.limitReachedTooltip, alwaysVisibleTooltip = _$_object_spread.alwaysVisibleTooltip;
-    var allColumns = table.getAllLeafColumns();
-    var filteredColumns = allColumns.filter(function(column) {
-        var _column_columnDef_meta;
-        return !((_column_columnDef_meta = column.columnDef.meta) === null || _column_columnDef_meta === void 0 ? void 0 : _column_columnDef_meta.controlColumn);
-    });
-    var selectedColumnsCount = filteredColumns.filter(function(column) {
-        return column.getIsVisible();
-    }).length;
-    // Validate maxSelectableColumns - must be a positive integer to be effective
-    var effectiveMaxColumns = maxSelectableColumns !== undefined && maxSelectableColumns > 0 ? maxSelectableColumns : undefined;
-    if (filteredColumns.length <= 0) {
-        return null;
-    }
-    var getColumnState = function getColumnState(column) {
-        var alwaysVisible = !column.getCanHide();
-        var isDisabled = effectiveMaxColumns !== undefined && selectedColumnsCount >= effectiveMaxColumns && !column.getIsVisible() || alwaysVisible;
-        var isVisible = column.getIsVisible() || alwaysVisible;
-        return {
-            alwaysVisible: alwaysVisible,
-            isDisabled: isDisabled,
-            isVisible: isVisible
-        };
-    };
-    var columnOptions = filteredColumns.map(function(column) {
-        var _getColumnState = getColumnState(column), alwaysVisible = _getColumnState.alwaysVisible, isDisabled = _getColumnState.isDisabled, isVisible = _getColumnState.isVisible;
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Tooltip, {
-            label: alwaysVisible ? alwaysVisibleTooltip : limitReachedTooltip,
-            disabled: !isDisabled,
-            position: "left",
-            children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Checkbox, {
-                    label: (0, _reacttable.flexRender)(column.columnDef.header, {
-                        table: table,
-                        column: column,
-                        header: {
-                            column: column
-                        }
-                    }),
-                    name: column.id,
-                    checked: isVisible,
-                    disabled: isDisabled,
-                    onChange: column.getToggleVisibilityHandler()
-                })
-            })
-        }, column.id);
-    });
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Popover, {
-        position: "bottom-end",
-        shadow: "md",
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Popover.Target, {
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Tooltip, {
-                    label: "Edit columns",
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_ActionIcon.ActionIcon.Tertiary, {
-                        "aria-label": "settings",
-                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.IconSettings, {
-                            height: 16
-                        })
-                    })
-                })
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Popover.Dropdown, {
-                miw: 270,
-                pb: "xs",
-                children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.ScrollArea.Autosize, {
-                        mah: 200,
-                        type: "auto",
-                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Stack, {
-                            gap: "xs",
-                            children: columnOptions
-                        })
-                    }),
-                    effectiveMaxColumns && /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-                        children: [
-                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Divider, {
-                                my: "xs",
-                                mx: "-sm"
-                            }),
-                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Text, {
-                                size: "sm",
-                                c: "dimmed",
-                                children: typeof footer === 'function' ? footer(effectiveMaxColumns) : footer
-                            })
-                        ]
-                    })
-                ]
-            })
-        ]
-    });
-};
-
-//# sourceMappingURL=TableColumnsSelector.js.map

package/dist/cjs/components/Table/table-columns-selector/TableColumnsSelector.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/Table/table-columns-selector/TableColumnsSelector.tsx"],"sourcesContent":["import {IconSettings} from '@coveord/plasma-react-icons';\nimport {Checkbox, Divider, Popover, ScrollArea, Stack, Text, Tooltip} from '@mantine/core';\nimport {flexRender, Header, Table} from '@tanstack/react-table';\nimport {ActionIcon} from '../../ActionIcon/ActionIcon.js';\n\nexport interface TableColumnsSelectorOptions {\n    /**\n     * The maximum number of columns that can be selected at the same time.\n     * If defined a footer will render with the remaining number of columns that can be selected.\n     * Must be a positive integer (greater than 0).\n     */\n    maxSelectableColumns?: number;\n    /**\n     * The content to display in the footer when maxSelectableColumns is defined.\n     * Can be a string or a function that receives the maxSelectableColumns value.\n     * @default (max) => `You can display up to ${max} columns.`\n     */\n    footer?: string | ((maxSelectableColumns: number) => string);\n    /**\n     * The tooltip to display when the user hovers over a disabled checkbox because of the limit.\n     * @default 'You have reached the maximum display limit.'\n     */\n    limitReachedTooltip?: string;\n    /**\n     * The tooltip to display when the user hovers over a disabled checkbox because a column cannot be hidden.\n     * @default 'This column is always visible.'\n     */\n    alwaysVisibleTooltip?: string;\n}\n\nexport interface TableColumnsSelectorProps {\n    table: Table<unknown>;\n    options?: TableColumnsSelectorOptions;\n}\n\nconst DEFAULT_OPTIONS: Omit<TableColumnsSelectorOptions, 'footer'> & {\n    footer: (maxSelectableColumns: number) => string;\n} = {\n    footer: (max) => `You can display up to ${max} columns.`,\n    limitReachedTooltip: 'You have reached the maximum display limit.',\n    alwaysVisibleTooltip: 'This column is always visible.',\n};\n\nexport const TableColumnsSelector = ({table, options}: TableColumnsSelectorProps) => {\n    const {maxSelectableColumns, footer, limitReachedTooltip, alwaysVisibleTooltip} = {\n        ...DEFAULT_OPTIONS,\n        ...options,\n    };\n\n    const allColumns = table.getAllLeafColumns();\n    const filteredColumns = allColumns.filter((column) => !column.columnDef.meta?.controlColumn);\n    const selectedColumnsCount = filteredColumns.filter((column) => column.getIsVisible()).length;\n\n    // Validate maxSelectableColumns - must be a positive integer to be effective\n    const effectiveMaxColumns =\n        maxSelectableColumns !== undefined && maxSelectableColumns > 0 ? maxSelectableColumns : undefined;\n\n    if (filteredColumns.length <= 0) {\n        return null;\n    }\n\n    const getColumnState = (column: (typeof filteredColumns)[number]) => {\n        const alwaysVisible = !column.getCanHide();\n        const isDisabled =\n            (effectiveMaxColumns !== undefined &&\n                selectedColumnsCount >= effectiveMaxColumns &&\n                !column.getIsVisible()) ||\n            alwaysVisible;\n        const isVisible = column.getIsVisible() || alwaysVisible;\n        return {alwaysVisible, isDisabled, isVisible};\n    };\n\n    const columnOptions = filteredColumns.map((column) => {\n        const {alwaysVisible, isDisabled, isVisible} = getColumnState(column);\n\n        return (\n            <Tooltip\n                label={alwaysVisible ? alwaysVisibleTooltip : limitReachedTooltip}\n                disabled={!isDisabled}\n                position=\"left\"\n                key={column.id}\n            >\n                <div>\n                    <Checkbox\n                        label={flexRender(column.columnDef.header, {\n                            table,\n                            column,\n                            header: {column} as Header<unknown, unknown>,\n                        })}\n                        name={column.id}\n                        checked={isVisible}\n                        disabled={isDisabled}\n                        onChange={column.getToggleVisibilityHandler()}\n                    />\n                </div>\n            </Tooltip>\n        );\n    });\n\n    return (\n        <Popover position=\"bottom-end\" shadow=\"md\">\n            <Popover.Target>\n                <Tooltip label=\"Edit columns\">\n                    <ActionIcon.Tertiary aria-label=\"settings\">\n                        <IconSettings height={16} />\n                    </ActionIcon.Tertiary>\n                </Tooltip>\n            </Popover.Target>\n            <Popover.Dropdown miw={270} pb=\"xs\">\n                <ScrollArea.Autosize mah={200} type=\"auto\">\n                    <Stack gap=\"xs\">{columnOptions}</Stack>\n                </ScrollArea.Autosize>\n                {effectiveMaxColumns && (\n                    <>\n                        <Divider my=\"xs\" mx=\"-sm\" />\n                        <Text size=\"sm\" c=\"dimmed\">\n                            {typeof footer === 'function' ? footer(effectiveMaxColumns) : footer}\n                        </Text>\n                    </>\n                )}\n            </Popover.Dropdown>\n        </Popover>\n    );\n};\n"],"names":["TableColumnsSelector","DEFAULT_OPTIONS","footer","max","limitReachedTooltip","alwaysVisibleTooltip","table","options","maxSelectableColumns","allColumns","getAllLeafColumns","filteredColumns","filter","column","columnDef","meta","controlColumn","selectedColumnsCount","getIsVisible","length","effectiveMaxColumns","undefined","getColumnState","alwaysVisible","getCanHide","isDisabled","isVisible","columnOptions","map","Tooltip","label","disabled","position","div","Checkbox","flexRender","header","name","id","checked","onChange","getToggleVisibilityHandler","Popover","shadow","Target","ActionIcon","Tertiary","aria-label","IconSettings","height","Dropdown","miw","pb","ScrollArea","Autosize","mah","type","Stack","gap","Divider","my","mx","Text","size","c"],"mappings":";;;;+BA2CaA;;;eAAAA;;;;;gCA3Cc;oBACgD;0BACnC;0BACf;AAgCzB,IAAMC,kBAEF;IACAC,QAAQ,SAARA,OAASC;eAAQ,AAAC,yBAA4B,OAAJA,KAAI;;IAC9CC,qBAAqB;IACrBC,sBAAsB;AAC1B;AAEO,IAAML,uBAAuB;QAAEM,cAAAA,OAAOC,gBAAAA;IACzC,IAAkF,mBAAA,qBAC3EN,iBACAM,UAFAC,uBAA2E,iBAA3EA,sBAAsBN,SAAqD,iBAArDA,QAAQE,sBAA6C,iBAA7CA,qBAAqBC,uBAAwB,iBAAxBA;IAK1D,IAAMI,aAAaH,MAAMI,iBAAiB;IAC1C,IAAMC,kBAAkBF,WAAWG,MAAM,CAAC,SAACC;YAAYA;eAAD,GAACA,yBAAAA,OAAOC,SAAS,CAACC,IAAI,cAArBF,6CAAAA,uBAAuBG,aAAa;;IAC3F,IAAMC,uBAAuBN,gBAAgBC,MAAM,CAAC,SAACC;eAAWA,OAAOK,YAAY;OAAIC,MAAM;IAE7F,6EAA6E;IAC7E,IAAMC,sBACFZ,yBAAyBa,aAAab,uBAAuB,IAAIA,uBAAuBa;IAE5F,IAAIV,gBAAgBQ,MAAM,IAAI,GAAG;QAC7B,OAAO;IACX;IAEA,IAAMG,iBAAiB,wBAACT;QACpB,IAAMU,gBAAgB,CAACV,OAAOW,UAAU;QACxC,IAAMC,aACF,AAACL,wBAAwBC,aACrBJ,wBAAwBG,uBACxB,CAACP,OAAOK,YAAY,MACxBK;QACJ,IAAMG,YAAYb,OAAOK,YAAY,MAAMK;QAC3C,OAAO;YAACA,eAAAA;YAAeE,YAAAA;YAAYC,WAAAA;QAAS;IAChD;IAEA,IAAMC,gBAAgBhB,gBAAgBiB,GAAG,CAAC,SAACf;QACvC,IAA+CS,kBAAAA,eAAeT,SAAvDU,gBAAwCD,gBAAxCC,eAAeE,aAAyBH,gBAAzBG,YAAYC,YAAaJ,gBAAbI;QAElC,qBACI,qBAACG,aAAO;YACJC,OAAOP,gBAAgBlB,uBAAuBD;YAC9C2B,UAAU,CAACN;YACXO,UAAS;sBAGT,cAAA,qBAACC;0BACG,cAAA,qBAACC,cAAQ;oBACLJ,OAAOK,IAAAA,sBAAU,EAACtB,OAAOC,SAAS,CAACsB,MAAM,EAAE;wBACvC9B,OAAAA;wBACAO,QAAAA;wBACAuB,QAAQ;4BAACvB,QAAAA;wBAAM;oBACnB;oBACAwB,MAAMxB,OAAOyB,EAAE;oBACfC,SAASb;oBACTK,UAAUN;oBACVe,UAAU3B,OAAO4B,0BAA0B;;;WAZ9C5B,OAAOyB,EAAE;IAiB1B;IAEA,qBACI,sBAACI,aAAO;QAACV,UAAS;QAAaW,QAAO;;0BAClC,qBAACD,aAAO,CAACE,MAAM;0BACX,cAAA,qBAACf,aAAO;oBAACC,OAAM;8BACX,cAAA,qBAACe,sBAAU,CAACC,QAAQ;wBAACC,cAAW;kCAC5B,cAAA,qBAACC,8BAAY;4BAACC,QAAQ;;;;;0BAIlC,sBAACP,aAAO,CAACQ,QAAQ;gBAACC,KAAK;gBAAKC,IAAG;;kCAC3B,qBAACC,gBAAU,CAACC,QAAQ;wBAACC,KAAK;wBAAKC,MAAK;kCAChC,cAAA,qBAACC,WAAK;4BAACC,KAAI;sCAAM/B;;;oBAEpBP,qCACG;;0CACI,qBAACuC,aAAO;gCAACC,IAAG;gCAAKC,IAAG;;0CACpB,qBAACC,UAAI;gCAACC,MAAK;gCAAKC,GAAE;0CACb,OAAO9D,WAAW,aAAaA,OAAOkB,uBAAuBlB;;;;;;;;AAO1F"}

package/dist/cjs/components/Table/table-date-range-picker/TableDateRangePicker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableDateRangePicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/table-date-range-picker/TableDateRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,sBAAsB,EAAE,OAAO,EAA0B,MAAM,eAAe,CAAC;AAEjG,OAAO,EAAkB,KAAK,oBAAoB,EAAC,MAAM,0CAA0C,CAAC;AACpG,OAAO,EAAC,qBAAqB,EAAC,MAAM,sDAAsD,CAAC;AAI3F,MAAM,MAAM,+BAA+B,GAAG,eAAe,CAAC;AAE9D,MAAM,WAAW,yBACb,SACI,QAAQ,EACR,sBAAsB,CAAC,2BAA2B,CAAC,EACnD,IAAI,CAAC,oBAAoB,EAAE,aAAa,GAAG,YAAY,GAAG,UAAU,GAAG,oBAAoB,CAAC;IAChG;;;;;;;;;;OAUG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;CACnD;AAED,MAAM,MAAM,2BAA2B,GAAG,OAAO,CAAC;IAC9C,KAAK,EAAE,yBAAyB,CAAC;IACjC,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,+BAA+B,CAAC;IAC7C,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAMH,eAAO,MAAM,oBAAoB;WAVtB,yBAAyB;SAC3B,cAAc;iBACN,+BAA+B;cAClC,IAAI;EAkDhB,CAAC"}

package/dist/cjs/components/Table/table-date-range-picker/TableDateRangePicker.js

@@ -1,69 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "TableDateRangePicker", {
-    enumerable: true,
-    get: function() {
-        return TableDateRangePicker;
-    }
-});
-var _object_spread = require("@swc/helpers/_/_object_spread");
-var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
-var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
-var _jsxruntime = require("react/jsx-runtime");
-var _core = require("@mantine/core");
-var _DateRangePicker = require("../../DateRangePicker/DateRangePicker.js");
-var _Table = require("../Table.js");
-var _TableContext = require("../TableContext.js");
-var defaultProps = {
-    presets: {}
-};
-var TableDateRangePicker = (0, _core.factory)(function(props, ref) {
-    var _useTableContext = (0, _TableContext.useTableContext)(), store = _useTableContext.store, getStyles = _useTableContext.getStyles;
-    var _useProps = (0, _core.useProps)('PlasmaTableDateRangePicker', defaultProps, props), presets = _useProps.presets, rangeCalendarProps = _useProps.rangeCalendarProps, startProps = _useProps.startProps, endProps = _useProps.endProps, placeholder = _useProps.placeholder, classNames = _useProps.classNames, className = _useProps.className, styles = _useProps.styles, style = _useProps.style, vars = _useProps.vars, others = _object_without_properties._(_useProps, [
-        "presets",
-        "rangeCalendarProps",
-        "startProps",
-        "endProps",
-        "placeholder",
-        "classNames",
-        "className",
-        "styles",
-        "style",
-        "vars"
-    ]);
-    var onChange = function onChange(dates) {
-        store.setDateRange(dates);
-        store.setPagination({
-            pageIndex: 0,
-            pageSize: store.state.pagination.pageSize
-        });
-    };
-    var stylesApiProps = {
-        classNames: classNames,
-        styles: styles
-    };
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Grid.Col, _object_spread_props._(_object_spread._({
-        span: "content",
-        order: _Table.TableComponentsOrder.DateRangePicker,
-        ref: ref
-    }, getStyles('dateRangeRoot', _object_spread._({
-        className: className,
-        style: style
-    }, stylesApiProps)), others), {
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_DateRangePicker.DateRangePicker, {
-            value: store.state.dateRange,
-            onChange: onChange,
-            presets: presets,
-            rangeCalendarProps: rangeCalendarProps,
-            startProps: startProps,
-            endProps: endProps,
-            placeholder: placeholder,
-            miw: 220
-        })
-    }));
-});
-TableDateRangePicker.displayName = 'Table.DateRangePicker';
-
-//# sourceMappingURL=TableDateRangePicker.js.map

package/dist/cjs/components/Table/table-date-range-picker/TableDateRangePicker.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/Table/table-date-range-picker/TableDateRangePicker.tsx"],"sourcesContent":["import {BoxProps, CompoundStylesApiProps, Factory, factory, Grid, useProps} from '@mantine/core';\nimport {type DatesRangeValue, type DateStringValue} from '@mantine/dates';\nimport {DateRangePicker, type DateRangePickerProps} from '../../DateRangePicker/DateRangePicker.js';\nimport {DateRangePickerPreset} from '../../DateRangePicker/DateRangePickerPresetSelect.js';\nimport {TableComponentsOrder} from '../Table.js';\nimport {useTableContext} from '../TableContext.js';\n\nexport type TableDateRangePickerStylesNames = 'dateRangeRoot';\n\nexport interface TableDateRangePickerProps\n    extends\n        BoxProps,\n        CompoundStylesApiProps<TableDateRangePickerFactory>,\n        Pick<DateRangePickerProps, 'placeholder' | 'startProps' | 'endProps' | 'rangeCalendarProps'> {\n    /**\n     * An object containing date presets.\n     * If empty the preset dropdown won't be shown\n     *\n     * @example\n     * {\n     *     january: {label: 'January', range: [new Date(2022, 0, 1), new Date(2022, 0, 31)]},\n     *     february: {label: 'February', range: [new Date(2022, 1, 1), new Date(2022, 1, 28)]}\n     * }\n     * @default {}\n     */\n    presets?: Record<string, DateRangePickerPreset>;\n}\n\nexport type TableDateRangePickerFactory = Factory<{\n    props: TableDateRangePickerProps;\n    ref: HTMLDivElement;\n    stylesNames: TableDateRangePickerStylesNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<TableDateRangePickerProps> = {\n    presets: {},\n};\n\nexport const TableDateRangePicker = factory<TableDateRangePickerFactory>((props, ref) => {\n    const {store, getStyles} = useTableContext();\n    const {\n        presets,\n        rangeCalendarProps,\n        startProps,\n        endProps,\n        placeholder,\n        classNames,\n        className,\n        styles,\n        style,\n        vars,\n        ...others\n    } = useProps('PlasmaTableDateRangePicker', defaultProps, props);\n\n    const onChange = (dates: DatesRangeValue<DateStringValue | null>) => {\n        store.setDateRange(dates);\n        store.setPagination({pageIndex: 0, pageSize: store.state.pagination.pageSize});\n    };\n\n    const stylesApiProps = {classNames, styles};\n\n    return (\n        <Grid.Col\n            span=\"content\"\n            order={TableComponentsOrder.DateRangePicker}\n            ref={ref}\n            {...getStyles('dateRangeRoot', {className, style, ...stylesApiProps})}\n            {...others}\n        >\n            <DateRangePicker\n                value={store.state.dateRange}\n                onChange={onChange}\n                presets={presets}\n                rangeCalendarProps={rangeCalendarProps}\n                startProps={startProps}\n                endProps={endProps}\n                placeholder={placeholder}\n                miw={220}\n            />\n        </Grid.Col>\n    );\n});\n\nTableDateRangePicker.displayName = 'Table.DateRangePicker';\n"],"names":["TableDateRangePicker","defaultProps","presets","factory","props","ref","useTableContext","store","getStyles","useProps","rangeCalendarProps","startProps","endProps","placeholder","classNames","className","styles","style","vars","others","onChange","dates","setDateRange","setPagination","pageIndex","pageSize","state","pagination","stylesApiProps","Grid","Col","span","order","TableComponentsOrder","DateRangePicker","value","dateRange","miw","displayName"],"mappings":";;;;+BAuCaA;;;eAAAA;;;;;;;oBAvCoE;+BAExB;qBAEtB;4BACL;AA8B9B,IAAMC,eAAmD;IACrDC,SAAS,CAAC;AACd;AAEO,IAAMF,uBAAuBG,IAAAA,aAAO,EAA8B,SAACC,OAAOC;IAC7E,IAA2BC,mBAAAA,IAAAA,6BAAe,KAAnCC,QAAoBD,iBAApBC,OAAOC,YAAaF,iBAAbE;IACd,IAYIC,YAAAA,IAAAA,cAAQ,EAAC,8BAA8BR,cAAcG,QAXrDF,UAWAO,UAXAP,SACAQ,qBAUAD,UAVAC,oBACAC,aASAF,UATAE,YACAC,WAQAH,UARAG,UACAC,cAOAJ,UAPAI,aACAC,aAMAL,UANAK,YACAC,YAKAN,UALAM,WACAC,SAIAP,UAJAO,QACAC,QAGAR,UAHAQ,OACAC,OAEAT,UAFAS,MACGC,sCACHV;;;;;;;;;;;;IAEJ,IAAMW,WAAW,kBAACC;QACdd,MAAMe,YAAY,CAACD;QACnBd,MAAMgB,aAAa,CAAC;YAACC,WAAW;YAAGC,UAAUlB,MAAMmB,KAAK,CAACC,UAAU,CAACF,QAAQ;QAAA;IAChF;IAEA,IAAMG,iBAAiB;QAACd,YAAAA;QAAYE,QAAAA;IAAM;IAE1C,qBACI,qBAACa,UAAI,CAACC,GAAG;QACLC,MAAK;QACLC,OAAOC,2BAAoB,CAACC,eAAe;QAC3C7B,KAAKA;OACDG,UAAU,iBAAiB;QAACO,WAAAA;QAAWE,OAAAA;OAAUW,kBACjDT;kBAEJ,cAAA,qBAACe,gCAAe;YACZC,OAAO5B,MAAMmB,KAAK,CAACU,SAAS;YAC5BhB,UAAUA;YACVlB,SAASA;YACTQ,oBAAoBA;YACpBC,YAAYA;YACZC,UAAUA;YACVC,aAAaA;YACbwB,KAAK;;;AAIrB;AAEArC,qBAAqBsC,WAAW,GAAG"}

package/dist/cjs/components/Table/table-filter/TableFilter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/table-filter/TableFilter.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAE,sBAAsB,EAAE,OAAO,EAAqC,MAAM,eAAe,CAAC;AAQ5G,MAAM,MAAM,sBAAsB,GAAG,YAAY,GAAG,eAAe,GAAG,aAAa,CAAC;AAEpF,MAAM,WAAW,gBAAiB,SAAQ,QAAQ,EAAE,sBAAsB,CAAC,kBAAkB,CAAC;IAC1F;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC;IACrC,KAAK,EAAE,gBAAgB,CAAC;IACxB,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,sBAAsB,CAAC;IACpC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAMH,eAAO,MAAM,WAAW;WAVb,gBAAgB;SAClB,cAAc;iBACN,sBAAsB;cACzB,IAAI;EAiEhB,CAAC"}

package/dist/cjs/components/Table/table-filter/TableFilter.js

@@ -1,91 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "TableFilter", {
-    enumerable: true,
-    get: function() {
-        return TableFilter;
-    }
-});
-var _object_spread = require("@swc/helpers/_/_object_spread");
-var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
-var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
-var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
-var _jsxruntime = require("react/jsx-runtime");
-var _plasmareacticons = require("@coveord/plasma-react-icons");
-var _core = require("@mantine/core");
-var _hooks = require("@mantine/hooks");
-var _react = require("react");
-var _ActionIcon = require("../../ActionIcon/ActionIcon.js");
-var _Table = require("../Table.js");
-var _TableContext = require("../TableContext.js");
-var defaultProps = {
-    placeholder: 'Search by any field'
-};
-var TableFilter = (0, _core.factory)(function(props, ref) {
-    var _useTableContext = (0, _TableContext.useTableContext)(), store = _useTableContext.store, getStyles = _useTableContext.getStyles;
-    var _useProps = (0, _core.useProps)('PlasmaTableFilter', defaultProps, props), placeholder = _useProps.placeholder, classNames = _useProps.classNames, className = _useProps.className, styles = _useProps.styles, style = _useProps.style, vars = _useProps.vars, others = _object_without_properties._(_useProps, [
-        "placeholder",
-        "classNames",
-        "className",
-        "styles",
-        "style",
-        "vars"
-    ]);
-    var _useState = _sliced_to_array._((0, _react.useState)(store.state.globalFilter), 2), filter = _useState[0], setFilter = _useState[1];
-    var _useDebouncedValue = _sliced_to_array._((0, _hooks.useDebouncedValue)(filter, 300), 2), debounced = _useDebouncedValue[0], cancel = _useDebouncedValue[1];
-    (0, _hooks.useDidUpdate)(function() {
-        store.setGlobalFilter(debounced);
-        store.setPagination({
-            pageIndex: 0,
-            pageSize: store.state.pagination.pageSize
-        });
-        return cancel;
-    }, [
-        debounced
-    ]);
-    var handleChange = function handleChange(event) {
-        var value = event.currentTarget.value;
-        setFilter(value);
-    };
-    var handleClear = function handleClear() {
-        setFilter('');
-    };
-    (0, _react.useEffect)(function() {
-        setFilter(store.state.globalFilter);
-    }, [
-        store.state.globalFilter
-    ]);
-    var stylesApiProps = {
-        classNames: classNames,
-        styles: styles
-    };
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Grid.Col, _object_spread_props._(_object_spread._({
-        span: "content",
-        order: _Table.TableComponentsOrder.Filter,
-        ref: ref
-    }, getStyles('filterRoot', _object_spread._({
-        className: className,
-        style: style
-    }, stylesApiProps)), others), {
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.TextInput, _object_spread_props._(_object_spread._({}, getStyles('filterWrapper', stylesApiProps)), {
-            placeholder: placeholder,
-            autoComplete: "off",
-            rightSection: filter ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_ActionIcon.ActionIcon.Quaternary, {
-                onClick: handleClear,
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.IconX, {
-                    "aria-label": "clear",
-                    size: 16
-                })
-            }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.IconSearch, _object_spread._({
-                size: 16
-            }, getStyles('filterEmpty', stylesApiProps))),
-            value: filter,
-            onChange: handleChange
-        }))
-    }));
-});
-TableFilter.displayName = 'Table.Filter';
-
-//# sourceMappingURL=TableFilter.js.map

package/dist/cjs/components/Table/table-filter/TableFilter.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/Table/table-filter/TableFilter.tsx"],"sourcesContent":["import {IconSearch, IconX} from '@coveord/plasma-react-icons';\nimport {BoxProps, CompoundStylesApiProps, Factory, factory, Grid, TextInput, useProps} from '@mantine/core';\nimport {useDebouncedValue, useDidUpdate} from '@mantine/hooks';\nimport {ChangeEventHandler, MouseEventHandler, useEffect, useState} from 'react';\n\nimport {ActionIcon} from '../../ActionIcon/ActionIcon.js';\nimport {TableComponentsOrder} from '../Table.js';\nimport {useTableContext} from '../TableContext.js';\n\nexport type TableFilterStylesNames = 'filterRoot' | 'filterWrapper' | 'filterEmpty';\n\nexport interface TableFilterProps extends BoxProps, CompoundStylesApiProps<TableFilterFactory> {\n    /**\n     * The placeholder for the filter input\n     *\n     * @default \"Search by any field\"\n     */\n    placeholder?: string;\n}\n\nexport type TableFilterFactory = Factory<{\n    props: TableFilterProps;\n    ref: HTMLDivElement;\n    stylesNames: TableFilterStylesNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<TableFilterProps> = {\n    placeholder: 'Search by any field',\n};\n\nexport const TableFilter = factory<TableFilterFactory>((props, ref) => {\n    const {store, getStyles} = useTableContext();\n    const {placeholder, classNames, className, styles, style, vars, ...others} = useProps(\n        'PlasmaTableFilter',\n        defaultProps,\n        props,\n    );\n    const [filter, setFilter] = useState(store.state.globalFilter);\n    const [debounced, cancel] = useDebouncedValue(filter, 300);\n\n    useDidUpdate(() => {\n        store.setGlobalFilter(debounced);\n        store.setPagination({pageIndex: 0, pageSize: store.state.pagination.pageSize});\n\n        return cancel;\n    }, [debounced]);\n\n    const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n        const {value} = event.currentTarget;\n        setFilter(value);\n    };\n\n    const handleClear: MouseEventHandler<HTMLButtonElement> = () => {\n        setFilter('');\n    };\n\n    useEffect(() => {\n        setFilter(store.state.globalFilter);\n    }, [store.state.globalFilter]);\n\n    const stylesApiProps = {classNames, styles};\n\n    return (\n        <Grid.Col\n            span=\"content\"\n            order={TableComponentsOrder.Filter}\n            ref={ref}\n            {...getStyles('filterRoot', {className, style, ...stylesApiProps})}\n            {...others}\n        >\n            <TextInput\n                {...getStyles('filterWrapper', stylesApiProps)}\n                placeholder={placeholder}\n                autoComplete=\"off\"\n                rightSection={\n                    filter ? (\n                        <ActionIcon.Quaternary onClick={handleClear}>\n                            <IconX aria-label=\"clear\" size={16} />\n                        </ActionIcon.Quaternary>\n                    ) : (\n                        <IconSearch size={16} {...getStyles('filterEmpty', stylesApiProps)} />\n                    )\n                }\n                value={filter}\n                onChange={handleChange}\n            />\n        </Grid.Col>\n    );\n});\n\nTableFilter.displayName = 'Table.Filter';\n"],"names":["TableFilter","defaultProps","placeholder","factory","props","ref","useTableContext","store","getStyles","useProps","classNames","className","styles","style","vars","others","useState","state","globalFilter","filter","setFilter","useDebouncedValue","debounced","cancel","useDidUpdate","setGlobalFilter","setPagination","pageIndex","pageSize","pagination","handleChange","event","value","currentTarget","handleClear","useEffect","stylesApiProps","Grid","Col","span","order","TableComponentsOrder","Filter","TextInput","autoComplete","rightSection","ActionIcon","Quaternary","onClick","IconX","aria-label","size","IconSearch","onChange","displayName"],"mappings":";;;;+BA+BaA;;;eAAAA;;;;;;;;gCA/BmB;oBAC4D;qBAC9C;qBAC2B;0BAEhD;qBACU;4BACL;AAoB9B,IAAMC,eAA0C;IAC5CC,aAAa;AACjB;AAEO,IAAMF,cAAcG,IAAAA,aAAO,EAAqB,SAACC,OAAOC;IAC3D,IAA2BC,mBAAAA,IAAAA,6BAAe,KAAnCC,QAAoBD,iBAApBC,OAAOC,YAAaF,iBAAbE;IACd,IAA6EC,YAAAA,IAAAA,cAAQ,EACjF,qBACAR,cACAG,QAHGF,cAAsEO,UAAtEP,aAAaQ,aAAyDD,UAAzDC,YAAYC,YAA6CF,UAA7CE,WAAWC,SAAkCH,UAAlCG,QAAQC,QAA0BJ,UAA1BI,OAAOC,OAAmBL,UAAnBK,MAASC,sCAAUN;;;;;;;;IAK7E,IAA4BO,+BAAAA,IAAAA,eAAQ,EAACT,MAAMU,KAAK,CAACC,YAAY,OAAtDC,SAAqBH,cAAbI,YAAaJ;IAC5B,IAA4BK,wCAAAA,IAAAA,wBAAiB,EAACF,QAAQ,UAA/CG,YAAqBD,uBAAVE,SAAUF;IAE5BG,IAAAA,mBAAY,EAAC;QACTjB,MAAMkB,eAAe,CAACH;QACtBf,MAAMmB,aAAa,CAAC;YAACC,WAAW;YAAGC,UAAUrB,MAAMU,KAAK,CAACY,UAAU,CAACD,QAAQ;QAAA;QAE5E,OAAOL;IACX,GAAG;QAACD;KAAU;IAEd,IAAMQ,eAAqD,sBAACC;QACxD,IAAM,AAACC,QAASD,MAAME,aAAa,CAA5BD;QACPZ,UAAUY;IACd;IAEA,IAAME,cAAoD;QACtDd,UAAU;IACd;IAEAe,IAAAA,gBAAS,EAAC;QACNf,UAAUb,MAAMU,KAAK,CAACC,YAAY;IACtC,GAAG;QAACX,MAAMU,KAAK,CAACC,YAAY;KAAC;IAE7B,IAAMkB,iBAAiB;QAAC1B,YAAAA;QAAYE,QAAAA;IAAM;IAE1C,qBACI,qBAACyB,UAAI,CAACC,GAAG;QACLC,MAAK;QACLC,OAAOC,2BAAoB,CAACC,MAAM;QAClCrC,KAAKA;OACDG,UAAU,cAAc;QAACG,WAAAA;QAAWE,OAAAA;OAAUuB,kBAC9CrB;kBAEJ,cAAA,qBAAC4B,eAAS,8CACFnC,UAAU,iBAAiB4B;YAC/BlC,aAAaA;YACb0C,cAAa;YACbC,cACI1B,uBACI,qBAAC2B,sBAAU,CAACC,UAAU;gBAACC,SAASd;0BAC5B,cAAA,qBAACe,uBAAK;oBAACC,cAAW;oBAAQC,MAAM;;+BAGpC,qBAACC,4BAAU;gBAACD,MAAM;eAAQ3C,UAAU,eAAe4B;YAG3DJ,OAAOb;YACPkC,UAAUvB;;;AAI1B;AAEA9B,YAAYsD,WAAW,GAAG"}

package/dist/cjs/components/Table/table-footer/TableFooter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableFooter.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/table-footer/TableFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAC,MAAM,eAAe,CAAC;AAChD,OAAO,EAAC,iBAAiB,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAEnD,MAAM,WAAW,gBAAiB,SAAQ,UAAU;IAChD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,CAE3D,CAAC"}

package/dist/cjs/components/Table/table-footer/TableFooter.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "TableFooter", {
-    enumerable: true,
-    get: function() {
-        return TableFooter;
-    }
-});
-var _extends = require("@swc/helpers/_/_extends");
-var _object_destructuring_empty = require("@swc/helpers/_/_object_destructuring_empty");
-var _object_spread = require("@swc/helpers/_/_object_spread");
-var _jsxruntime = require("react/jsx-runtime");
-var _core = require("@mantine/core");
-var TableFooter = function TableFooter(_0) {
-    var ref = _object_destructuring_empty._(_0), others = _extends._({}, _0);
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Group, _object_spread._({
-        justify: "space-between",
-        px: "xl",
-        py: "md"
-    }, others));
-};
-TableFooter.displayName = 'Table.Footer';
-
-//# sourceMappingURL=TableFooter.js.map

package/dist/cjs/components/Table/table-footer/TableFooter.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/Table/table-footer/TableFooter.tsx"],"sourcesContent":["import {Group, GroupProps} from '@mantine/core';\nimport {FunctionComponent, ReactNode} from 'react';\n\nexport interface TableFooterProps extends GroupProps {\n    children?: ReactNode;\n}\n\nexport const TableFooter: FunctionComponent<TableFooterProps> = ({...others}) => (\n    <Group justify=\"space-between\" px=\"xl\" py=\"md\" {...others} />\n);\n\nTableFooter.displayName = 'Table.Footer';\n"],"names":["TableFooter","others","Group","justify","px","py","displayName"],"mappings":";;;;+BAOaA;;;eAAAA;;;;;;;oBAPmB;AAOzB,IAAMA,cAAmD;QAAC,yCAAIC;yBACjE,qBAACC,WAAK;QAACC,SAAQ;QAAgBC,IAAG;QAAKC,IAAG;OAASJ;;AAGvDD,YAAYM,WAAW,GAAG"}

package/dist/cjs/components/Table/table-header/TableHeader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/table-header/TableHeader.tsx"],"names":[],"mappings":"AACA,OAAO,EAAM,QAAQ,EAAE,sBAAsB,EAAW,OAAO,EAA0B,MAAM,eAAe,CAAC;AAC/G,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAQhC,MAAM,MAAM,sBAAsB,GAAG,YAAY,GAAG,YAAY,GAAG,iBAAiB,GAAG,WAAW,CAAC;AAEnG,MAAM,WAAW,gBACb,SAAQ,IAAI,CAAC,QAAQ,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,CAAC,EAAE,sBAAsB,CAAC,kBAAkB,CAAC;IAEpG,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC/C;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC;IACrC,KAAK,EAAE,gBAAgB,CAAC;IACxB,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,sBAAsB,CAAC;IACpC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AASH,eAAO,MAAM,WAAW;WAbb,gBAAgB;SAClB,cAAc;iBACN,sBAAsB;cACzB,IAAI;EAmEhB,CAAC"}

package/dist/cjs/components/Table/table-header/TableHeader.js

@@ -1,97 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "TableHeader", {
-    enumerable: true,
-    get: function() {
-        return TableHeader;
-    }
-});
-var _object_spread = require("@swc/helpers/_/_object_spread");
-var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
-var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
-var _jsxruntime = require("react/jsx-runtime");
-var _plasmareacticons = require("@coveord/plasma-react-icons");
-var _core = require("@mantine/core");
-var _Button = require("../../Button/Button.js");
-var _TableLayoutControl = require("../layouts/TableLayoutControl.js");
-var _TableHeaderActions = require("../table-actions/TableHeaderActions.js");
-var _Table = require("../Table.js");
-var _TableContext = require("../TableContext.js");
-var defaultProps = {
-    unselectAllLabel: 'Unselect all',
-    selectedCountLabel: function selectedCountLabel(count) {
-        return "".concat(count, " selected");
-    },
-    showActions: true,
-    borderTop: true
-};
-var TableHeader = (0, _core.factory)(function(props, ref) {
-    var _useTableContext = (0, _TableContext.useTableContext)(), store = _useTableContext.store, getStyles = _useTableContext.getStyles;
-    var _useProps = (0, _core.useProps)('PlasmaTableHeader', defaultProps, props), showActions = _useProps.showActions, unselectAllLabel = _useProps.unselectAllLabel, selectedCountLabel = _useProps.selectedCountLabel, borderTop = _useProps.borderTop, children = _useProps.children, classNames = _useProps.classNames, className = _useProps.className, styles = _useProps.styles, style = _useProps.style, _vars = _useProps.vars, others = _object_without_properties._(_useProps, [
-        "showActions",
-        "unselectAllLabel",
-        "selectedCountLabel",
-        "borderTop",
-        "children",
-        "classNames",
-        "className",
-        "styles",
-        "style",
-        "vars"
-    ]);
-    var selectedRows = store.getSelectedRows();
-    var stylesApiProps = {
-        classNames: classNames,
-        styles: styles
-    };
-    var innerStyles = getStyles('headerGridInner', stylesApiProps);
-    var gridStyles = getStyles('headerGrid', stylesApiProps);
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Box, _object_spread_props._(_object_spread._({
-        ref: ref
-    }, getStyles('headerRoot', _object_spread._({
-        className: className,
-        style: style
-    }, stylesApiProps)), others), {
-        mod: {
-            'with-border-top': borderTop
-        },
-        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Grid, {
-            justify: "flex-start",
-            align: "center",
-            classNames: {
-                inner: innerStyles.className,
-                root: gridStyles.className
-            },
-            styles: {
-                inner: innerStyles.style,
-                root: gridStyles.style
-            },
-            children: [
-                store.multiRowSelectionEnabled && selectedRows.length > 0 ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Grid.Col, _object_spread_props._(_object_spread._({
-                    span: "auto"
-                }, getStyles('headerCol', stylesApiProps)), {
-                    order: _Table.TableComponentsOrder.MultiSelectInfo,
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Tooltip, {
-                        label: unselectAllLabel,
-                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.Button.Quaternary, {
-                            onClick: store.clearRowSelection,
-                            disabled: !store.rowSelectionEnabled,
-                            leftSection: /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.CrossSize16Px, {
-                                height: 16
-                            }),
-                            children: selectedCountLabel(selectedRows.length)
-                        })
-                    })
-                })) : null,
-                children,
-                showActions ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_TableHeaderActions.TableHeaderActions, {}) : null,
-                /*#__PURE__*/ (0, _jsxruntime.jsx)(_TableLayoutControl.TableLayoutControl, {})
-            ]
-        })
-    }));
-});
-TableHeader.displayName = 'Table.Header';
-
-//# sourceMappingURL=TableHeader.js.map

package/dist/cjs/components/Table/table-header/TableHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/Table/table-header/TableHeader.tsx"],"sourcesContent":["import {CrossSize16Px} from '@coveord/plasma-react-icons';\nimport {Box, BoxProps, CompoundStylesApiProps, factory, Factory, Grid, Tooltip, useProps} from '@mantine/core';\nimport {ReactNode} from 'react';\n\nimport {Button} from '../../Button/Button.js';\nimport {TableLayoutControl} from '../layouts/TableLayoutControl.js';\nimport {TableHeaderActions} from '../table-actions/TableHeaderActions.js';\nimport {TableComponentsOrder} from '../Table.js';\nimport {useTableContext} from '../TableContext.js';\n\nexport type TableHeaderStylesNames = 'headerRoot' | 'headerGrid' | 'headerGridInner' | 'headerCol';\n\nexport interface TableHeaderProps\n    extends Omit<BoxProps, 'classNames' | 'styles' | 'vars'>, CompoundStylesApiProps<TableHeaderFactory> {\n    /* Children of header (ie: actions, datepicker, etc.) */\n    children?: ReactNode;\n    unselectAllLabel?: string;\n    selectedCountLabel?: (count: number) => string;\n    /**\n     * Whether to show actions when rows are selected\n     *\n     * default true\n     */\n    showActions?: boolean;\n    /**\n     * Whether to show a border on top of the header\n     *\n     * default true\n     */\n    borderTop?: boolean;\n}\n\nexport type TableHeaderFactory = Factory<{\n    props: TableHeaderProps;\n    ref: HTMLDivElement;\n    stylesNames: TableHeaderStylesNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<TableHeaderProps> = {\n    unselectAllLabel: 'Unselect all',\n    selectedCountLabel: (count) => `${count} selected`,\n    showActions: true,\n    borderTop: true,\n};\n\nexport const TableHeader = factory<TableHeaderFactory>((props, ref) => {\n    const {store, getStyles} = useTableContext();\n    const {\n        showActions,\n        unselectAllLabel,\n        selectedCountLabel,\n        borderTop,\n        children,\n        classNames,\n        className,\n        styles,\n        style,\n        vars: _vars,\n        ...others\n    } = useProps('PlasmaTableHeader', defaultProps, props);\n    const selectedRows = store.getSelectedRows();\n\n    const stylesApiProps = {classNames, styles};\n    const innerStyles = getStyles('headerGridInner', stylesApiProps);\n    const gridStyles = getStyles('headerGrid', stylesApiProps);\n\n    return (\n        <Box\n            ref={ref}\n            {...getStyles('headerRoot', {className, style, ...stylesApiProps})}\n            {...others}\n            mod={{'with-border-top': borderTop}}\n        >\n            <Grid\n                justify=\"flex-start\"\n                align=\"center\"\n                classNames={{inner: innerStyles.className, root: gridStyles.className}}\n                styles={{inner: innerStyles.style, root: gridStyles.style}}\n            >\n                {store.multiRowSelectionEnabled && selectedRows.length > 0 ? (\n                    <Grid.Col\n                        span=\"auto\"\n                        {...getStyles('headerCol', stylesApiProps)}\n                        order={TableComponentsOrder.MultiSelectInfo}\n                    >\n                        <Tooltip label={unselectAllLabel}>\n                            <Button.Quaternary\n                                onClick={store.clearRowSelection}\n                                disabled={!store.rowSelectionEnabled}\n                                leftSection={<CrossSize16Px height={16} />}\n                            >\n                                {selectedCountLabel(selectedRows.length)}\n                            </Button.Quaternary>\n                        </Tooltip>\n                    </Grid.Col>\n                ) : null}\n                {children}\n                {showActions ? <TableHeaderActions /> : null}\n                <TableLayoutControl />\n            </Grid>\n        </Box>\n    );\n});\n\nTableHeader.displayName = 'Table.Header';\n"],"names":["TableHeader","defaultProps","unselectAllLabel","selectedCountLabel","count","showActions","borderTop","factory","props","ref","useTableContext","store","getStyles","useProps","children","classNames","className","styles","style","vars","_vars","others","selectedRows","getSelectedRows","stylesApiProps","innerStyles","gridStyles","Box","mod","Grid","justify","align","inner","root","multiRowSelectionEnabled","length","Col","span","order","TableComponentsOrder","MultiSelectInfo","Tooltip","label","Button","Quaternary","onClick","clearRowSelection","disabled","rowSelectionEnabled","leftSection","CrossSize16Px","height","TableHeaderActions","TableLayoutControl","displayName"],"mappings":";;;;+BA8CaA;;;eAAAA;;;;;;;gCA9Ce;oBACmE;sBAG1E;kCACY;kCACA;qBACE;4BACL;AA+B9B,IAAMC,eAA0C;IAC5CC,kBAAkB;IAClBC,oBAAoB,SAApBA,mBAAqBC;eAAU,AAAC,GAAQ,OAANA,OAAM;;IACxCC,aAAa;IACbC,WAAW;AACf;AAEO,IAAMN,cAAcO,IAAAA,aAAO,EAAqB,SAACC,OAAOC;IAC3D,IAA2BC,mBAAAA,IAAAA,6BAAe,KAAnCC,QAAoBD,iBAApBC,OAAOC,YAAaF,iBAAbE;IACd,IAYIC,YAAAA,IAAAA,cAAQ,EAAC,qBAAqBZ,cAAcO,QAX5CH,cAWAQ,UAXAR,aACAH,mBAUAW,UAVAX,kBACAC,qBASAU,UATAV,oBACAG,YAQAO,UARAP,WACAQ,WAOAD,UAPAC,UACAC,aAMAF,UANAE,YACAC,YAKAH,UALAG,WACAC,SAIAJ,UAJAI,QACAC,QAGAL,UAHAK,OACAC,AAAMC,QAENP,UAFAM,MACGE,sCACHR;;;;;;;;;;;;IACJ,IAAMS,eAAeX,MAAMY,eAAe;IAE1C,IAAMC,iBAAiB;QAACT,YAAAA;QAAYE,QAAAA;IAAM;IAC1C,IAAMQ,cAAcb,UAAU,mBAAmBY;IACjD,IAAME,aAAad,UAAU,cAAcY;IAE3C,qBACI,qBAACG,SAAG;QACAlB,KAAKA;OACDG,UAAU,cAAc;QAACI,WAAAA;QAAWE,OAAAA;OAAUM,kBAC9CH;QACJO,KAAK;YAAC,mBAAmBtB;QAAS;kBAElC,cAAA,sBAACuB,UAAI;YACDC,SAAQ;YACRC,OAAM;YACNhB,YAAY;gBAACiB,OAAOP,YAAYT,SAAS;gBAAEiB,MAAMP,WAAWV,SAAS;YAAA;YACrEC,QAAQ;gBAACe,OAAOP,YAAYP,KAAK;gBAAEe,MAAMP,WAAWR,KAAK;YAAA;;gBAExDP,MAAMuB,wBAAwB,IAAIZ,aAAaa,MAAM,GAAG,kBACrD,qBAACN,UAAI,CAACO,GAAG;oBACLC,MAAK;mBACDzB,UAAU,aAAaY;oBAC3Bc,OAAOC,2BAAoB,CAACC,eAAe;8BAE3C,cAAA,qBAACC,aAAO;wBAACC,OAAOxC;kCACZ,cAAA,qBAACyC,cAAM,CAACC,UAAU;4BACdC,SAASlC,MAAMmC,iBAAiB;4BAChCC,UAAU,CAACpC,MAAMqC,mBAAmB;4BACpCC,2BAAa,qBAACC,+BAAa;gCAACC,QAAQ;;sCAEnChD,mBAAmBmB,aAAaa,MAAM;;;sBAInD;gBACHrB;gBACAT,4BAAc,qBAAC+C,sCAAkB,QAAM;8BACxC,qBAACC,sCAAkB;;;;AAInC;AAEArD,YAAYsD,WAAW,GAAG"}

package/dist/cjs/components/Table/table-header/Th.d.ts

@@ -1,28 +0,0 @@
-import { BoxProps, CompoundStylesApiProps, Factory } from '@mantine/core';
-import { Header } from '@tanstack/react-table';
-import { ComponentType, ForwardedRef, SVGProps } from 'react';
-import { CustomComponentThemeExtend } from '../../../utils/createFactoryComponent.js';
-export type TableThStylesNames = 'th';
-export type SortState = 'asc' | 'desc' | 'none';
-export interface ThProps<T = unknown> extends BoxProps, CompoundStylesApiProps<TableThFactory> {
-    header: Header<T, unknown>;
-    sortingIcons?: Record<SortState, ComponentType<SVGProps<SVGSVGElement>>>;
-}
-export type TableThFactory = Factory<{
-    props: ThProps;
-    ref: HTMLTableCellElement;
-    stylesNames: TableThStylesNames;
-    compound: true;
-}>;
-export declare const Th: {
-    <T>(props: ThProps<T> & {
-        ref?: ForwardedRef<HTMLTableCellElement>;
-    }): import("react/jsx-runtime").JSX.Element;
-    extend: CustomComponentThemeExtend<{
-        props: ThProps;
-        ref: HTMLTableCellElement;
-        stylesNames: TableThStylesNames;
-        compound: true;
-    }>;
-};
-//# sourceMappingURL=Th.d.ts.map

package/dist/cjs/components/Table/table-header/Th.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Th.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/table-header/Th.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAE,sBAAsB,EAAE,OAAO,EAAkC,MAAM,eAAe,CAAC;AACzG,OAAO,EAAC,MAAM,EAAkC,MAAM,uBAAuB,CAAC;AAC9E,OAAO,EAAiB,aAAa,EAAE,YAAY,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC5E,OAAO,EAAC,0BAA0B,EAAW,MAAM,0CAA0C,CAAC;AAG9F,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC;AAEtC,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;AAEhD,MAAM,WAAW,OAAO,CAAC,CAAC,GAAG,OAAO,CAAE,SAAQ,QAAQ,EAAE,sBAAsB,CAAC,cAAc,CAAC;IAC1F,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC,SAAS,EAAE,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;CAC5E;AAcD,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC;IACjC,KAAK,EAAE,OAAO,CAAC;IACf,GAAG,EAAE,oBAAoB,CAAC;IAC1B,WAAW,EAAE,kBAAkB,CAAC;IAChC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAMH,eAAO,MAAM,EAAE;KAAI,CAAC,SAAU,OAAO,CAAC,CAAC,CAAC,GAAG;QAAC,GAAG,CAAC,EAAE,YAAY,CAAC,oBAAoB,CAAC,CAAA;KAAC;;eAV1E,OAAO;aACT,oBAAoB;qBACZ,kBAAkB;kBACrB,IAAI;;CAkEjB,CAAC"}

package/dist/cjs/components/Table/table-header/Th.js

@@ -1,99 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "Th", {
-    enumerable: true,
-    get: function() {
-        return Th;
-    }
-});
-var _object_spread = require("@swc/helpers/_/_object_spread");
-var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
-var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
-var _jsxruntime = require("react/jsx-runtime");
-var _plasmareacticons = require("@coveord/plasma-react-icons");
-var _core = require("@mantine/core");
-var _reacttable = require("@tanstack/react-table");
-var _createFactoryComponent = require("../../../utils/createFactoryComponent.js");
-var _TableContext = require("../TableContext.js");
-var SortingIcons = {
-    asc: _plasmareacticons.ArrowUpSize16Px,
-    desc: _plasmareacticons.ArrowDownSize16Px,
-    none: _plasmareacticons.DoubleArrowHeadVSize16Px
-};
-var SortingLabels = {
-    asc: 'ascending',
-    desc: 'descending',
-    none: 'none'
-};
-var defaultProps = {
-    sortingIcons: SortingIcons
-};
-var Th = function Th(props) {
-    var getStyles = (0, _TableContext.useTableContext)().getStyles;
-    var _useProps = (0, _core.useProps)('PlasmaTableTh', defaultProps, props), header = _useProps.header, sortingIcons = _useProps.sortingIcons, classNames = _useProps.classNames, className = _useProps.className, styles = _useProps.styles, style = _useProps.style, vars = _useProps.vars, others = _object_without_properties._(_useProps, [
-        "header",
-        "sortingIcons",
-        "classNames",
-        "className",
-        "styles",
-        "style",
-        "vars"
-    ]);
-    var columnSizing = _object_spread_props._(_object_spread._({}, _reacttable.defaultColumnSizing), {
-        size: header.column.columnDef.size,
-        minSize: header.column.columnDef.minSize,
-        maxSize: header.column.columnDef.maxSize
-    });
-    var thStyles = getStyles('th', {
-        classNames: classNames,
-        className: className,
-        styles: styles,
-        style: style
-    });
-    if (header.isPlaceholder) {
-        return null;
-    }
-    if (!header.column.getCanSort()) {
-        var _columnSizing_size;
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)("th", _object_spread_props._(_object_spread._({
-            className: thStyles.className,
-            style: _object_spread_props._(_object_spread._({}, thStyles.style), {
-                width: (_columnSizing_size = columnSizing.size) !== null && _columnSizing_size !== void 0 ? _columnSizing_size : 'auto',
-                minWidth: columnSizing.minSize,
-                maxWidth: columnSizing.maxSize
-            })
-        }, others), {
-            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Group, {
-                wrap: "nowrap",
-                gap: "xs",
-                children: (0, _reacttable.flexRender)(header.column.columnDef.header, header.getContext())
-            })
-        }));
-    }
-    var onSort = header.column.getToggleSortingHandler();
-    var sortingOrder = header.column.getIsSorted() || 'none';
-    var Icon = sortingIcons[sortingOrder];
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.UnstyledButton, _object_spread_props._(_object_spread._({
-        component: "th",
-        onClick: onSort,
-        "aria-sort": SortingLabels[sortingOrder],
-        "data-control": true
-    }, thStyles, others), {
-        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Group, {
-            wrap: "nowrap",
-            gap: "xs",
-            children: [
-                (0, _reacttable.flexRender)(header.column.columnDef.header, header.getContext()),
-                /*#__PURE__*/ (0, _jsxruntime.jsx)(Icon, {
-                    height: 16,
-                    width: 16
-                })
-            ]
-        })
-    }));
-};
-Th.extend = _createFactoryComponent.identity;
-
-//# sourceMappingURL=Th.js.map