npm - @coveord/plasma-mantine - Versions diffs - 56.3.0 → 56.3.1 - Mend

@coveord/plasma-mantine 56.3.0 → 56.3.1

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

Files changed (497) hide show

package/dist/esm/components/table/table-column/TableCollapsibleColumn.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/components/table/table-column/TableCollapsibleColumn.tsx"],"sourcesContent":["import {IconChevronDown, IconChevronUp} from '@coveord/plasma-react-icons';\nimport {Factory, factory, useProps} from '@mantine/core';\nimport {CellContext, ColumnDef} from '@tanstack/table-core';\nimport {MouseEvent as ReactMouseEvent, ReactNode} from 'react';\nimport {ActionIcon, ActionIconProps} from '../../action-icon/~~index~~.js';\nimport {useTableContext} from '../TableContext.js';\n\nexport type TableCollapsibleColumnStylesNames = 'collapsibleIcon';\n\nconst sharedProps: ColumnDef<unknown> = {\n id: 'collapsible',\n enableSorting: false,\n enableHiding: false,\n meta: {\n controlColumn: true,\n },\n header: '',\n size: 84, // 16px padding left + 28px ActionIcon + 40px padding right\n};\n\n/*\n Generic column to use when your table needs collapsible rows\n /\nexport const TableCollapsibleColumn: ColumnDef<unknown> = {\n ...sharedProps,\n cell: (info) => <CollapsibleIcon info={info} />,\n};\n\n/\n Generic column to use when your table needs an accordion (collapsible rows, but only one open at the time)\n */\nexport const TableAccordionColumn: ColumnDef<unknown> = {\n ...sharedProps,\n cell: (info) => {\n const onToggle = () => {\n // close all other rows when the current row not is expanded\n if (!info.row.getIsExpanded()) {\n info.table.toggleAllRowsExpanded(false);\n }\n };\n\n return <CollapsibleIcon onToggle={onToggle} info={info} />;\n },\n};\n\ninterface CollapsibleIconProps extends ActionIconProps {\n info: CellContext<unknown, unknown>;\n onToggle?: (e: ReactMouseEvent<HTMLButtonElement>) => void;\n iconExpanded?: ReactNode;\n iconCollapsed?: ReactNode;\n}\n\ntype TableCollapsibleColumnFactory = Factory<{\n props: CollapsibleIconProps;\n ref: HTMLButtonElement;\n stylesNames: TableCollapsibleColumnStylesNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<CollapsibleIconProps> = {\n iconExpanded: <IconChevronUp aria-label=\"Collapse\" size={16} />,\n iconCollapsed: <IconChevronDown aria-label=\"Expand\" size={16} />,\n};\n\nconst CollapsibleIcon = factory<TableCollapsibleColumnFactory>((props, ref) => {\n const {getStyles} = useTableContext();\n const {info, onToggle, iconExpanded, iconCollapsed, classNames, className, style, styles, ...others} = useProps(\n 'PlasmaTableCollapsibleColumn',\n defaultProps,\n props,\n );\n const handler = info.row.getToggleExpandedHandler();\n const onClick = (e: ReactMouseEvent<HTMLButtonElement>) => {\n e.stopPropagation();\n onToggle?.(e);\n handler();\n };\n return info.row.getCanExpand() ? (\n <ActionIcon.Quaternary\n ref={ref}\n onClick={onClick}\n color=\"gray\"\n radius=\"sm\"\n {...getStyles('collapsibleIcon', {className, classNames, styles, style})}\n {...others}\n >\n {info.row.getIsExpanded() ? iconExpanded : iconCollapsed}\n </ActionIcon.Quaternary>\n ) : null;\n});\n"],"names":["IconChevronDown","IconChevronUp","factory","useProps","ActionIcon","useTableContext","sharedProps","id","enableSorting","enableHiding","meta","controlColumn","header","size","TableCollapsibleColumn","cell","info","CollapsibleIcon","TableAccordionColumn","onToggle","row","getIsExpanded","table","toggleAllRowsExpanded","defaultProps","iconExpanded","aria-label","iconCollapsed","props","ref","getStyles","classNames","className","style","styles","others","handler","getToggleExpandedHandler","onClick","e","stopPropagation","getCanExpand","Quaternary","color","radius"],"mappings":";AAAA,SAAQA,eAAe,EAAEC,aAAa,QAAO,8BAA8B;AAC3E,SAAiBC,OAAO,EAAEC,QAAQ,QAAO,gBAAgB;AAGzD,SAAQC,UAAU,~~QAAwB~~,~~6BAA6B~~;~~AACvE~~,SAAQC,eAAe,QAAO,qBAAqB;AAInD,MAAMC,cAAkC;IACpCC,IAAI;IACJC,eAAe;IACfC,cAAc;IACdC,MAAM;QACFC,eAAe;IACnB;IACAC,QAAQ;IACRC,MAAM;AACV;AAEA;;CAEC,GACD,OAAO,MAAMC,yBAA6C;IACtD,GAAGR,WAAW;IACdS,MAAM,CAACC,qBAAS,KAACC;YAAgBD,MAAMA;;AAC3C,EAAE;AAEF;;CAEC,GACD,OAAO,MAAME,uBAA2C;IACpD,GAAGZ,WAAW;IACdS,MAAM,CAACC;QACH,MAAMG,WAAW;YACb,4DAA4D;YAC5D,IAAI,CAACH,KAAKI,GAAG,CAACC,aAAa,IAAI;gBAC3BL,KAAKM,KAAK,CAACC,qBAAqB,CAAC;YACrC;QACJ;QAEA,qBAAO,KAACN;YAAgBE,UAAUA;YAAUH,MAAMA;;IACtD;AACJ,EAAE;AAgBF,MAAMQ,eAA8C;IAChDC,4BAAc,KAACxB;QAAcyB,cAAW;QAAWb,MAAM;;IACzDc,6BAAe,KAAC3B;QAAgB0B,cAAW;QAASb,MAAM;;AAC9D;AAEA,MAAMI,kBAAkBf,QAAuC,CAAC0B,OAAOC;IACnE,MAAM,EAACC,SAAS,EAAC,GAAGzB;IACpB,MAAM,EAACW,IAAI,EAAEG,QAAQ,EAAEM,YAAY,EAAEE,aAAa,EAAEI,UAAU,EAAEC,SAAS,EAAEC,KAAK,EAAEC,MAAM,EAAE,GAAGC,QAAO,GAAGhC,SACnG,gCACAqB,cACAI;IAEJ,MAAMQ,UAAUpB,KAAKI,GAAG,CAACiB,wBAAwB;IACjD,MAAMC,UAAU,CAACC;QACbA,EAAEC,eAAe;QACjBrB,WAAWoB;QACXH;IACJ;IACA,OAAOpB,KAAKI,GAAG,CAACqB,YAAY,mBACxB,KAACrC,WAAWsC,UAAU;QAClBb,KAAKA;QACLS,SAASA;QACTK,OAAM;QACNC,QAAO;QACN,GAAGd,UAAU,mBAAmB;YAACE;YAAWD;YAAYG;YAAQD;QAAK,EAAE;QACvE,GAAGE,MAAM;kBAETnB,KAAKI,GAAG,CAACC,aAAa,KAAKI,eAAeE;SAE/C;AACR"}
1	+ {"version":3,"sources":["../../../../../src/components/table/table-column/TableCollapsibleColumn.tsx"],"sourcesContent":["import {IconChevronDown, IconChevronUp} from '@coveord/plasma-react-icons';\nimport {Factory, factory, useProps} from '@mantine/core';\nimport {CellContext, ColumnDef} from '@tanstack/table-core';\nimport {MouseEvent as ReactMouseEvent, ReactNode} from 'react';\nimport {ActionIcon, type ActionIconProps} from '../../action-icon/ActionIcon.js';\nimport {useTableContext} from '../TableContext.js';\n\nexport type TableCollapsibleColumnStylesNames = 'collapsibleIcon';\n\nconst sharedProps: ColumnDef<unknown> = {\n id: 'collapsible',\n enableSorting: false,\n enableHiding: false,\n meta: {\n controlColumn: true,\n },\n header: '',\n size: 84, // 16px padding left + 28px ActionIcon + 40px padding right\n};\n\n/*\n Generic column to use when your table needs collapsible rows\n /\nexport const TableCollapsibleColumn: ColumnDef<unknown> = {\n ...sharedProps,\n cell: (info) => <CollapsibleIcon info={info} />,\n};\n\n/\n Generic column to use when your table needs an accordion (collapsible rows, but only one open at the time)\n */\nexport const TableAccordionColumn: ColumnDef<unknown> = {\n ...sharedProps,\n cell: (info) => {\n const onToggle = () => {\n // close all other rows when the current row not is expanded\n if (!info.row.getIsExpanded()) {\n info.table.toggleAllRowsExpanded(false);\n }\n };\n\n return <CollapsibleIcon onToggle={onToggle} info={info} />;\n },\n};\n\ninterface CollapsibleIconProps extends ActionIconProps {\n info: CellContext<unknown, unknown>;\n onToggle?: (e: ReactMouseEvent<HTMLButtonElement>) => void;\n iconExpanded?: ReactNode;\n iconCollapsed?: ReactNode;\n}\n\ntype TableCollapsibleColumnFactory = Factory<{\n props: CollapsibleIconProps;\n ref: HTMLButtonElement;\n stylesNames: TableCollapsibleColumnStylesNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<CollapsibleIconProps> = {\n iconExpanded: <IconChevronUp aria-label=\"Collapse\" size={16} />,\n iconCollapsed: <IconChevronDown aria-label=\"Expand\" size={16} />,\n};\n\nconst CollapsibleIcon = factory<TableCollapsibleColumnFactory>((props, ref) => {\n const {getStyles} = useTableContext();\n const {info, onToggle, iconExpanded, iconCollapsed, classNames, className, style, styles, ...others} = useProps(\n 'PlasmaTableCollapsibleColumn',\n defaultProps,\n props,\n );\n const handler = info.row.getToggleExpandedHandler();\n const onClick = (e: ReactMouseEvent<HTMLButtonElement>) => {\n e.stopPropagation();\n onToggle?.(e);\n handler();\n };\n return info.row.getCanExpand() ? (\n <ActionIcon.Quaternary\n ref={ref}\n onClick={onClick}\n color=\"gray\"\n radius=\"sm\"\n {...getStyles('collapsibleIcon', {className, classNames, styles, style})}\n {...others}\n >\n {info.row.getIsExpanded() ? iconExpanded : iconCollapsed}\n </ActionIcon.Quaternary>\n ) : null;\n});\n"],"names":["IconChevronDown","IconChevronUp","factory","useProps","ActionIcon","useTableContext","sharedProps","id","enableSorting","enableHiding","meta","controlColumn","header","size","TableCollapsibleColumn","cell","info","CollapsibleIcon","TableAccordionColumn","onToggle","row","getIsExpanded","table","toggleAllRowsExpanded","defaultProps","iconExpanded","aria-label","iconCollapsed","props","ref","getStyles","classNames","className","style","styles","others","handler","getToggleExpandedHandler","onClick","e","stopPropagation","getCanExpand","Quaternary","color","radius"],"mappings":";AAAA,SAAQA,eAAe,EAAEC,aAAa,QAAO,8BAA8B;AAC3E,SAAiBC,OAAO,EAAEC,QAAQ,QAAO,gBAAgB;AAGzD,SAAQC,UAAU,QAA6B,kCAAkC;AACjF,SAAQC,eAAe,QAAO,qBAAqB;AAInD,MAAMC,cAAkC;IACpCC,IAAI;IACJC,eAAe;IACfC,cAAc;IACdC,MAAM;QACFC,eAAe;IACnB;IACAC,QAAQ;IACRC,MAAM;AACV;AAEA;;CAEC,GACD,OAAO,MAAMC,yBAA6C;IACtD,GAAGR,WAAW;IACdS,MAAM,CAACC,qBAAS,KAACC;YAAgBD,MAAMA;;AAC3C,EAAE;AAEF;;CAEC,GACD,OAAO,MAAME,uBAA2C;IACpD,GAAGZ,WAAW;IACdS,MAAM,CAACC;QACH,MAAMG,WAAW;YACb,4DAA4D;YAC5D,IAAI,CAACH,KAAKI,GAAG,CAACC,aAAa,IAAI;gBAC3BL,KAAKM,KAAK,CAACC,qBAAqB,CAAC;YACrC;QACJ;QAEA,qBAAO,KAACN;YAAgBE,UAAUA;YAAUH,MAAMA;;IACtD;AACJ,EAAE;AAgBF,MAAMQ,eAA8C;IAChDC,4BAAc,KAACxB;QAAcyB,cAAW;QAAWb,MAAM;;IACzDc,6BAAe,KAAC3B;QAAgB0B,cAAW;QAASb,MAAM;;AAC9D;AAEA,MAAMI,kBAAkBf,QAAuC,CAAC0B,OAAOC;IACnE,MAAM,EAACC,SAAS,EAAC,GAAGzB;IACpB,MAAM,EAACW,IAAI,EAAEG,QAAQ,EAAEM,YAAY,EAAEE,aAAa,EAAEI,UAAU,EAAEC,SAAS,EAAEC,KAAK,EAAEC,MAAM,EAAE,GAAGC,QAAO,GAAGhC,SACnG,gCACAqB,cACAI;IAEJ,MAAMQ,UAAUpB,KAAKI,GAAG,CAACiB,wBAAwB;IACjD,MAAMC,UAAU,CAACC;QACbA,EAAEC,eAAe;QACjBrB,WAAWoB;QACXH;IACJ;IACA,OAAOpB,KAAKI,GAAG,CAACqB,YAAY,mBACxB,KAACrC,WAAWsC,UAAU;QAClBb,KAAKA;QACLS,SAASA;QACTK,OAAM;QACNC,QAAO;QACN,GAAGd,UAAU,mBAAmB;YAACE;YAAWD;YAAYG;YAAQD;QAAK,EAAE;QACvE,GAAGE,MAAM;kBAETnB,KAAKI,GAAG,CAACC,aAAa,KAAKI,eAAeE;SAE/C;AACR"}

package/dist/esm/components/table/table-date-range-picker/TableDateRangePicker.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 import { BoxProps, CompoundStylesApiProps, Factory } from '@mantine/core';
-import { DateRangePickerInlineCalendarProps, DateRangePickerPreset } from '../../date-range-picker/index.js';
+import { DateRangePickerInlineCalendarProps } from '../../date-range-picker/DateRangePickerInlineCalendar.js';
+import { DateRangePickerPreset } from '../../date-range-picker/DateRangePickerPresetSelect.js';
 export type TableDateRangePickerStylesNames = 'dateRangeRoot';
 export interface TableDateRangePickerProps extends BoxProps, CompoundStylesApiProps<TableDateRangePickerFactory>, Pick<DateRangePickerInlineCalendarProps, 'startProps' | 'endProps' | 'rangeCalendarProps'> {
     /**

package/dist/esm/components/table/table-date-range-picker/TableDateRangePicker.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableDateRangePicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-date-range-picker/TableDateRangePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAE,sBAAsB,EAAE,OAAO,EAA8C,MAAM,eAAe,CAAC;AAKrH,OAAO,EAEH,kCAAkC,~~EAClC~~,qBAAqB,~~EACxB~~,MAAM,~~kCAAkC~~,CAAC;~~AAI1C~~,MAAM,MAAM,+BAA+B,GAAG,eAAe,CAAC;AAE9D,MAAM,WAAW,yBACb,SAAQ,QAAQ,EACZ,sBAAsB,CAAC,2BAA2B,CAAC,EACnD,IAAI,CAAC,kCAAkC,EAAE,YAAY,GAAG,UAAU,GAAG,oBAAoB,CAAC;IAC9F;;;;;;;;;;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;EAiEhB,CAAC"}
1	+ {"version":3,"file":"TableDateRangePicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-date-range-picker/TableDateRangePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAE,sBAAsB,EAAE,OAAO,EAA8C,MAAM,eAAe,CAAC;AAKrH,OAAO,EAEH,kCAAkC,EACrC,MAAM,0DAA0D,CAAC;AAClE,OAAO,EAAC,qBAAqB,EAAC,MAAM,wDAAwD,CAAC;AAI7F,MAAM,MAAM,+BAA+B,GAAG,eAAe,CAAC;AAE9D,MAAM,WAAW,yBACb,SAAQ,QAAQ,EACZ,sBAAsB,CAAC,2BAA2B,CAAC,EACnD,IAAI,CAAC,kCAAkC,EAAE,YAAY,GAAG,UAAU,GAAG,oBAAoB,CAAC;IAC9F;;;;;;;;;;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;EAiEhB,CAAC"}

package/dist/esm/components/table/table-date-range-picker/TableDateRangePicker.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { CalendarSize16Px } from '@coveord/plasma-react-icons';
 import { factory, Grid, InputBase, Popover, useProps } from '@mantine/core';
 import dayjs from 'dayjs';
 import { useState } from 'react';
-import { DateRangePickerInlineCalendar } from '../../date-range-picker/index.js';
+import { DateRangePickerInlineCalendar } from '../../date-range-picker/DateRangePickerInlineCalendar.js';
 import { TableComponentsOrder } from '../Table.js';
 import { useTableContext } from '../TableContext.js';
 const defaultProps = {

package/dist/esm/components/table/table-date-range-picker/TableDateRangePicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/components/table/table-date-range-picker/TableDateRangePicker.tsx"],"sourcesContent":["import {CalendarSize16Px} from '@coveord/plasma-react-icons';\nimport {BoxProps, CompoundStylesApiProps, Factory, factory, Grid, InputBase, Popover, useProps} from '@mantine/core';\nimport dayjs from 'dayjs';\n\nimport {type DatesRangeValue, type DateStringValue} from '@mantine/dates';\nimport {useState} from 'react';\nimport {\n DateRangePickerInlineCalendar,\n DateRangePickerInlineCalendarProps,\n DateRangePickerPreset~~,\n~~} from '../../date-range-picker/~~index~~.js';\nimport {TableComponentsOrder} from '../Table.js';\nimport {useTableContext} from '../TableContext.js';\n\nexport type TableDateRangePickerStylesNames = 'dateRangeRoot';\n\nexport interface TableDateRangePickerProps\n extends BoxProps,\n CompoundStylesApiProps<TableDateRangePickerFactory>,\n Pick<DateRangePickerInlineCalendarProps, '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 {presets, rangeCalendarProps, classNames, className, styles, style, vars, ...others} = useProps(\n 'PlasmaTableDateRangePicker',\n defaultProps,\n props,\n );\n const [opened, setOpened] = useState(false);\n\n const onApply = (dates: DatesRangeValue<DateStringValue \| null>) => {\n store.setDateRange(dates);\n store.setPagination({pageIndex: 0, pageSize: store.state.pagination.pageSize});\n setOpened(false);\n };\n\n const onCancel = () => {\n setOpened(false);\n };\n\n const formatDate = (date: DateStringValue) => dayjs(date).format('MMM D, YYYY');\n const formattedRange = `${formatDate(store.state.dateRange[0])} - ${formatDate(store.state.dateRange[1])}`;\n const dateRangeInitialized = store.state.dateRange.every(\n (date: DateStringValue) => typeof date === 'string' && date !== '',\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 <Popover opened={opened} onChange={setOpened}>\n <Popover.Target>\n <InputBase\n component=\"button\"\n leftSection={<CalendarSize16Px height={16} />}\n miw={220}\n onClick={() => setOpened(true)}\n >\n {dateRangeInitialized ? formattedRange : 'Select date range'}\n </InputBase>\n </Popover.Target>\n <Popover.Dropdown p={0}>\n <DateRangePickerInlineCalendar\n initialRange={store.state.dateRange}\n onApply={onApply}\n onCancel={onCancel}\n presets={presets}\n rangeCalendarProps={rangeCalendarProps}\n />\n </Popover.Dropdown>\n </Popover>\n </Grid.Col>\n );\n});\n"],"names":["CalendarSize16Px","factory","Grid","InputBase","Popover","useProps","dayjs","useState","DateRangePickerInlineCalendar","TableComponentsOrder","useTableContext","defaultProps","presets","TableDateRangePicker","props","ref","store","getStyles","rangeCalendarProps","classNames","className","styles","style","vars","others","opened","setOpened","onApply","dates","setDateRange","setPagination","pageIndex","pageSize","state","pagination","onCancel","formatDate","date","format","formattedRange","dateRange","dateRangeInitialized","every","stylesApiProps","Col","span","order","DateRangePicker","onChange","Target","component","leftSection","height","miw","onClick","Dropdown","p","initialRange"],"mappings":";AAAA,SAAQA,gBAAgB,QAAO,8BAA8B;AAC7D,SAAmDC,OAAO,EAAEC,IAAI,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAO,gBAAgB;AACrH,OAAOC,WAAW,QAAQ;AAG1B,SAAQC,QAAQ,QAAO,QAAQ;AAC/B,SACIC,6BAA6B,~~QAG1B~~,~~mCAAmC~~;~~AAC1C~~,SAAQC,oBAAoB,QAAO,cAAc;AACjD,SAAQC,eAAe,QAAO,qBAAqB;AA6BnD,MAAMC,eAAmD;IACrDC,SAAS,CAAC;AACd;AAEA,OAAO,MAAMC,uBAAuBZ,QAAqC,CAACa,OAAOC;IAC7E,MAAM,EAACC,KAAK,EAAEC,SAAS,EAAC,GAAGP;IAC3B,MAAM,EAACE,OAAO,EAAEM,kBAAkB,EAAEC,UAAU,EAAEC,SAAS,EAAEC,MAAM,EAAEC,KAAK,EAAEC,IAAI,EAAE,GAAGC,QAAO,GAAGnB,SACzF,8BACAM,cACAG;IAEJ,MAAM,CAACW,QAAQC,UAAU,GAAGnB,SAAS;IAErC,MAAMoB,UAAU,CAACC;QACbZ,MAAMa,YAAY,CAACD;QACnBZ,MAAMc,aAAa,CAAC;YAACC,WAAW;YAAGC,UAAUhB,MAAMiB,KAAK,CAACC,UAAU,CAACF,QAAQ;QAAA;QAC5EN,UAAU;IACd;IAEA,MAAMS,WAAW;QACbT,UAAU;IACd;IAEA,MAAMU,aAAa,CAACC,OAA0B/B,MAAM+B,MAAMC,MAAM,CAAC;IACjE,MAAMC,iBAAiB,GAAGH,WAAWpB,MAAMiB,KAAK,CAACO,SAAS,CAAC,EAAE,EAAE,GAAG,EAAEJ,WAAWpB,MAAMiB,KAAK,CAACO,SAAS,CAAC,EAAE,GAAG;IAC1G,MAAMC,uBAAuBzB,MAAMiB,KAAK,CAACO,SAAS,CAACE,KAAK,CACpD,CAACL,OAA0B,OAAOA,SAAS,YAAYA,SAAS;IAGpE,MAAMM,iBAAiB;QAACxB;QAAYE;IAAM;IAE1C,qBACI,KAACnB,KAAK0C,GAAG;QACLC,MAAK;QACLC,OAAOrC,qBAAqBsC,eAAe;QAC3ChC,KAAKA;QACJ,GAAGE,UAAU,iBAAiB;YAACG;YAAWE;YAAO,GAAGqB,cAAc;QAAA,EAAE;QACpE,GAAGnB,MAAM;kBAEV,cAAA,MAACpB;YAAQqB,QAAQA;YAAQuB,UAAUtB;;8BAC/B,KAACtB,QAAQ6C,MAAM;8BACX,cAAA,KAAC9C;wBACG+C,WAAU;wBACVC,2BAAa,KAACnD;4BAAiBoD,QAAQ;;wBACvCC,KAAK;wBACLC,SAAS,IAAM5B,UAAU;kCAExBe,uBAAuBF,iBAAiB;;;8BAGjD,KAACnC,QAAQmD,QAAQ;oBAACC,GAAG;8BACjB,cAAA,KAAChD;wBACGiD,cAAczC,MAAMiB,KAAK,CAACO,SAAS;wBACnCb,SAASA;wBACTQ,UAAUA;wBACVvB,SAASA;wBACTM,oBAAoBA;;;;;;AAM5C,GAAG"}
1	+ {"version":3,"sources":["../../../../../src/components/table/table-date-range-picker/TableDateRangePicker.tsx"],"sourcesContent":["import {CalendarSize16Px} from '@coveord/plasma-react-icons';\nimport {BoxProps, CompoundStylesApiProps, Factory, factory, Grid, InputBase, Popover, useProps} from '@mantine/core';\nimport dayjs from 'dayjs';\n\nimport {type DatesRangeValue, type DateStringValue} from '@mantine/dates';\nimport {useState} from 'react';\nimport {\n DateRangePickerInlineCalendar,\n DateRangePickerInlineCalendarProps,\n} from '../../date-range-picker/DateRangePickerInlineCalendar.js';\nimport {DateRangePickerPreset} from '../../date-range-picker/DateRangePickerPresetSelect.js';\nimport {TableComponentsOrder} from '../Table.js';\nimport {useTableContext} from '../TableContext.js';\n\nexport type TableDateRangePickerStylesNames = 'dateRangeRoot';\n\nexport interface TableDateRangePickerProps\n extends BoxProps,\n CompoundStylesApiProps<TableDateRangePickerFactory>,\n Pick<DateRangePickerInlineCalendarProps, '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 {presets, rangeCalendarProps, classNames, className, styles, style, vars, ...others} = useProps(\n 'PlasmaTableDateRangePicker',\n defaultProps,\n props,\n );\n const [opened, setOpened] = useState(false);\n\n const onApply = (dates: DatesRangeValue<DateStringValue \| null>) => {\n store.setDateRange(dates);\n store.setPagination({pageIndex: 0, pageSize: store.state.pagination.pageSize});\n setOpened(false);\n };\n\n const onCancel = () => {\n setOpened(false);\n };\n\n const formatDate = (date: DateStringValue) => dayjs(date).format('MMM D, YYYY');\n const formattedRange = `${formatDate(store.state.dateRange[0])} - ${formatDate(store.state.dateRange[1])}`;\n const dateRangeInitialized = store.state.dateRange.every(\n (date: DateStringValue) => typeof date === 'string' && date !== '',\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 <Popover opened={opened} onChange={setOpened}>\n <Popover.Target>\n <InputBase\n component=\"button\"\n leftSection={<CalendarSize16Px height={16} />}\n miw={220}\n onClick={() => setOpened(true)}\n >\n {dateRangeInitialized ? formattedRange : 'Select date range'}\n </InputBase>\n </Popover.Target>\n <Popover.Dropdown p={0}>\n <DateRangePickerInlineCalendar\n initialRange={store.state.dateRange}\n onApply={onApply}\n onCancel={onCancel}\n presets={presets}\n rangeCalendarProps={rangeCalendarProps}\n />\n </Popover.Dropdown>\n </Popover>\n </Grid.Col>\n );\n});\n"],"names":["CalendarSize16Px","factory","Grid","InputBase","Popover","useProps","dayjs","useState","DateRangePickerInlineCalendar","TableComponentsOrder","useTableContext","defaultProps","presets","TableDateRangePicker","props","ref","store","getStyles","rangeCalendarProps","classNames","className","styles","style","vars","others","opened","setOpened","onApply","dates","setDateRange","setPagination","pageIndex","pageSize","state","pagination","onCancel","formatDate","date","format","formattedRange","dateRange","dateRangeInitialized","every","stylesApiProps","Col","span","order","DateRangePicker","onChange","Target","component","leftSection","height","miw","onClick","Dropdown","p","initialRange"],"mappings":";AAAA,SAAQA,gBAAgB,QAAO,8BAA8B;AAC7D,SAAmDC,OAAO,EAAEC,IAAI,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAO,gBAAgB;AACrH,OAAOC,WAAW,QAAQ;AAG1B,SAAQC,QAAQ,QAAO,QAAQ;AAC/B,SACIC,6BAA6B,QAE1B,2DAA2D;AAElE,SAAQC,oBAAoB,QAAO,cAAc;AACjD,SAAQC,eAAe,QAAO,qBAAqB;AA6BnD,MAAMC,eAAmD;IACrDC,SAAS,CAAC;AACd;AAEA,OAAO,MAAMC,uBAAuBZ,QAAqC,CAACa,OAAOC;IAC7E,MAAM,EAACC,KAAK,EAAEC,SAAS,EAAC,GAAGP;IAC3B,MAAM,EAACE,OAAO,EAAEM,kBAAkB,EAAEC,UAAU,EAAEC,SAAS,EAAEC,MAAM,EAAEC,KAAK,EAAEC,IAAI,EAAE,GAAGC,QAAO,GAAGnB,SACzF,8BACAM,cACAG;IAEJ,MAAM,CAACW,QAAQC,UAAU,GAAGnB,SAAS;IAErC,MAAMoB,UAAU,CAACC;QACbZ,MAAMa,YAAY,CAACD;QACnBZ,MAAMc,aAAa,CAAC;YAACC,WAAW;YAAGC,UAAUhB,MAAMiB,KAAK,CAACC,UAAU,CAACF,QAAQ;QAAA;QAC5EN,UAAU;IACd;IAEA,MAAMS,WAAW;QACbT,UAAU;IACd;IAEA,MAAMU,aAAa,CAACC,OAA0B/B,MAAM+B,MAAMC,MAAM,CAAC;IACjE,MAAMC,iBAAiB,GAAGH,WAAWpB,MAAMiB,KAAK,CAACO,SAAS,CAAC,EAAE,EAAE,GAAG,EAAEJ,WAAWpB,MAAMiB,KAAK,CAACO,SAAS,CAAC,EAAE,GAAG;IAC1G,MAAMC,uBAAuBzB,MAAMiB,KAAK,CAACO,SAAS,CAACE,KAAK,CACpD,CAACL,OAA0B,OAAOA,SAAS,YAAYA,SAAS;IAGpE,MAAMM,iBAAiB;QAACxB;QAAYE;IAAM;IAE1C,qBACI,KAACnB,KAAK0C,GAAG;QACLC,MAAK;QACLC,OAAOrC,qBAAqBsC,eAAe;QAC3ChC,KAAKA;QACJ,GAAGE,UAAU,iBAAiB;YAACG;YAAWE;YAAO,GAAGqB,cAAc;QAAA,EAAE;QACpE,GAAGnB,MAAM;kBAEV,cAAA,MAACpB;YAAQqB,QAAQA;YAAQuB,UAAUtB;;8BAC/B,KAACtB,QAAQ6C,MAAM;8BACX,cAAA,KAAC9C;wBACG+C,WAAU;wBACVC,2BAAa,KAACnD;4BAAiBoD,QAAQ;;wBACvCC,KAAK;wBACLC,SAAS,IAAM5B,UAAU;kCAExBe,uBAAuBF,iBAAiB;;;8BAGjD,KAACnC,QAAQmD,QAAQ;oBAACC,GAAG;8BACjB,cAAA,KAAChD;wBACGiD,cAAczC,MAAMiB,KAAK,CAACO,SAAS;wBACnCb,SAASA;wBACTQ,UAAUA;wBACVvB,SAASA;wBACTM,oBAAoBA;;;;;;AAM5C,GAAG"}

package/dist/esm/components/table/table-filter/TableFilter.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { IconSearch, IconX } from '@coveord/plasma-react-icons';
 import { factory, Grid, TextInput, useProps } from '@mantine/core';
 import { useDebouncedValue, useDidUpdate } from '@mantine/hooks';
 import { useEffect, useState } from 'react';
-import { ActionIcon } from '../../action-icon/index.js';
+import { ActionIcon } from '../../action-icon/ActionIcon.js';
 import { TableComponentsOrder } from '../Table.js';
 import { useTableContext } from '../TableContext.js';
 const defaultProps = {

package/dist/esm/components/table/table-filter/TableFilter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"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 '../../action-icon/~~index~~.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"],"names":["IconSearch","IconX","factory","Grid","TextInput","useProps","useDebouncedValue","useDidUpdate","useEffect","useState","ActionIcon","TableComponentsOrder","useTableContext","defaultProps","placeholder","TableFilter","props","ref","store","getStyles","classNames","className","styles","style","vars","others","filter","setFilter","state","globalFilter","debounced","cancel","setGlobalFilter","setPagination","pageIndex","pageSize","pagination","handleChange","event","value","currentTarget","handleClear","stylesApiProps","Col","span","order","Filter","autoComplete","rightSection","Quaternary","onClick","aria-label","size","onChange"],"mappings":";AAAA,SAAQA,UAAU,EAAEC,KAAK,QAAO,8BAA8B;AAC9D,SAAmDC,OAAO,EAAEC,IAAI,EAAEC,SAAS,EAAEC,QAAQ,QAAO,gBAAgB;AAC5G,SAAQC,iBAAiB,EAAEC,YAAY,QAAO,iBAAiB;AAC/D,SAA+CC,SAAS,EAAEC,QAAQ,QAAO,QAAQ;AAEjF,SAAQC,UAAU,QAAO,~~6BAA6B~~;~~AACtD~~,SAAQC,oBAAoB,QAAO,cAAc;AACjD,SAAQC,eAAe,QAAO,qBAAqB;AAoBnD,MAAMC,eAA0C;IAC5CC,aAAa;AACjB;AAEA,OAAO,MAAMC,cAAcb,QAA4B,CAACc,OAAOC;IAC3D,MAAM,EAACC,KAAK,EAAEC,SAAS,EAAC,GAAGP;IAC3B,MAAM,EAACE,WAAW,EAAEM,UAAU,EAAEC,SAAS,EAAEC,MAAM,EAAEC,KAAK,EAAEC,IAAI,EAAE,GAAGC,QAAO,GAAGpB,SACzE,qBACAQ,cACAG;IAEJ,MAAM,CAACU,QAAQC,UAAU,GAAGlB,SAASS,MAAMU,KAAK,CAACC,YAAY;IAC7D,MAAM,CAACC,WAAWC,OAAO,GAAGzB,kBAAkBoB,QAAQ;IAEtDnB,aAAa;QACTW,MAAMc,eAAe,CAACF;QACtBZ,MAAMe,aAAa,CAAC;YAACC,WAAW;YAAGC,UAAUjB,MAAMU,KAAK,CAACQ,UAAU,CAACD,QAAQ;QAAA;QAE5E,OAAOJ;IACX,GAAG;QAACD;KAAU;IAEd,MAAMO,eAAqD,CAACC;QACxD,MAAM,EAACC,KAAK,EAAC,GAAGD,MAAME,aAAa;QACnCb,UAAUY;IACd;IAEA,MAAME,cAAoD;QACtDd,UAAU;IACd;IAEAnB,UAAU;QACNmB,UAAUT,MAAMU,KAAK,CAACC,YAAY;IACtC,GAAG;QAACX,MAAMU,KAAK,CAACC,YAAY;KAAC;IAE7B,MAAMa,iBAAiB;QAACtB;QAAYE;IAAM;IAE1C,qBACI,KAACnB,KAAKwC,GAAG;QACLC,MAAK;QACLC,OAAOlC,qBAAqBmC,MAAM;QAClC7B,KAAKA;QACJ,GAAGE,UAAU,cAAc;YAACE;YAAWE;YAAO,GAAGmB,cAAc;QAAA,EAAE;QACjE,GAAGjB,MAAM;kBAEV,cAAA,KAACrB;YACI,GAAGe,UAAU,iBAAiBuB,eAAe;YAC9C5B,aAAaA;YACbiC,cAAa;YACbC,cACItB,uBACI,KAAChB,WAAWuC,UAAU;gBAACC,SAAST;0BAC5B,cAAA,KAACxC;oBAAMkD,cAAW;oBAAQC,MAAM;;+BAGpC,KAACpD;gBAAWoD,MAAM;gBAAK,GAAGjC,UAAU,eAAeuB,eAAe;;YAG1EH,OAAOb;YACP2B,UAAUhB;;;AAI1B,GAAG"}
1	+ {"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 '../../action-icon/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"],"names":["IconSearch","IconX","factory","Grid","TextInput","useProps","useDebouncedValue","useDidUpdate","useEffect","useState","ActionIcon","TableComponentsOrder","useTableContext","defaultProps","placeholder","TableFilter","props","ref","store","getStyles","classNames","className","styles","style","vars","others","filter","setFilter","state","globalFilter","debounced","cancel","setGlobalFilter","setPagination","pageIndex","pageSize","pagination","handleChange","event","value","currentTarget","handleClear","stylesApiProps","Col","span","order","Filter","autoComplete","rightSection","Quaternary","onClick","aria-label","size","onChange"],"mappings":";AAAA,SAAQA,UAAU,EAAEC,KAAK,QAAO,8BAA8B;AAC9D,SAAmDC,OAAO,EAAEC,IAAI,EAAEC,SAAS,EAAEC,QAAQ,QAAO,gBAAgB;AAC5G,SAAQC,iBAAiB,EAAEC,YAAY,QAAO,iBAAiB;AAC/D,SAA+CC,SAAS,EAAEC,QAAQ,QAAO,QAAQ;AAEjF,SAAQC,UAAU,QAAO,kCAAkC;AAC3D,SAAQC,oBAAoB,QAAO,cAAc;AACjD,SAAQC,eAAe,QAAO,qBAAqB;AAoBnD,MAAMC,eAA0C;IAC5CC,aAAa;AACjB;AAEA,OAAO,MAAMC,cAAcb,QAA4B,CAACc,OAAOC;IAC3D,MAAM,EAACC,KAAK,EAAEC,SAAS,EAAC,GAAGP;IAC3B,MAAM,EAACE,WAAW,EAAEM,UAAU,EAAEC,SAAS,EAAEC,MAAM,EAAEC,KAAK,EAAEC,IAAI,EAAE,GAAGC,QAAO,GAAGpB,SACzE,qBACAQ,cACAG;IAEJ,MAAM,CAACU,QAAQC,UAAU,GAAGlB,SAASS,MAAMU,KAAK,CAACC,YAAY;IAC7D,MAAM,CAACC,WAAWC,OAAO,GAAGzB,kBAAkBoB,QAAQ;IAEtDnB,aAAa;QACTW,MAAMc,eAAe,CAACF;QACtBZ,MAAMe,aAAa,CAAC;YAACC,WAAW;YAAGC,UAAUjB,MAAMU,KAAK,CAACQ,UAAU,CAACD,QAAQ;QAAA;QAE5E,OAAOJ;IACX,GAAG;QAACD;KAAU;IAEd,MAAMO,eAAqD,CAACC;QACxD,MAAM,EAACC,KAAK,EAAC,GAAGD,MAAME,aAAa;QACnCb,UAAUY;IACd;IAEA,MAAME,cAAoD;QACtDd,UAAU;IACd;IAEAnB,UAAU;QACNmB,UAAUT,MAAMU,KAAK,CAACC,YAAY;IACtC,GAAG;QAACX,MAAMU,KAAK,CAACC,YAAY;KAAC;IAE7B,MAAMa,iBAAiB;QAACtB;QAAYE;IAAM;IAE1C,qBACI,KAACnB,KAAKwC,GAAG;QACLC,MAAK;QACLC,OAAOlC,qBAAqBmC,MAAM;QAClC7B,KAAKA;QACJ,GAAGE,UAAU,cAAc;YAACE;YAAWE;YAAO,GAAGmB,cAAc;QAAA,EAAE;QACjE,GAAGjB,MAAM;kBAEV,cAAA,KAACrB;YACI,GAAGe,UAAU,iBAAiBuB,eAAe;YAC9C5B,aAAaA;YACbiC,cAAa;YACbC,cACItB,uBACI,KAAChB,WAAWuC,UAAU;gBAACC,SAAST;0BAC5B,cAAA,KAACxC;oBAAMkD,cAAW;oBAAQC,MAAM;;+BAGpC,KAACpD;gBAAWoD,MAAM;gBAAK,GAAGjC,UAAU,eAAeuB,eAAe;;YAG1EH,OAAOb;YACP2B,UAAUhB;;;AAI1B,GAAG"}

package/dist/esm/components/table/table-header/TableHeader.js CHANGED Viewed

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { CrossSize16Px } from '@coveord/plasma-react-icons';
 import { Box, factory, Grid, Tooltip, useProps } from '@mantine/core';
-import { Button } from '../../button/index.js';
+import { Button } from '../../button/Button.js';
 import { TableLayoutControl } from '../layouts/TableLayoutControl.js';
 import { TableComponentsOrder } from '../Table.js';
-import { TableHeaderActions } from '../table-actions/index.js';
+import { TableHeaderActions } from '../table-actions/TableHeaderActions.js';
 import { useTableContext } from '../TableContext.js';
 const defaultProps = {
     unselectAllLabel: 'Unselect all',

package/dist/esm/components/table/table-header/TableHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"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/~~index~~.js';\nimport {TableLayoutControl} from '../layouts/TableLayoutControl.js';\nimport {TableComponentsOrder} from '../Table.js';\nimport {TableHeaderActions} from '../table-actions/~~index~~.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'>,\n 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"],"names":["CrossSize16Px","Box","factory","Grid","Tooltip","useProps","Button","TableLayoutControl","TableComponentsOrder","TableHeaderActions","useTableContext","defaultProps","unselectAllLabel","selectedCountLabel","count","showActions","borderTop","TableHeader","props","ref","store","getStyles","children","classNames","className","styles","style","vars","_vars","others","selectedRows","getSelectedRows","stylesApiProps","innerStyles","gridStyles","mod","justify","align","inner","root","multiRowSelectionEnabled","length","Col","span","order","MultiSelectInfo","label","Quaternary","onClick","clearRowSelection","disabled","rowSelectionEnabled","leftSection","height"],"mappings":";AAAA,SAAQA,aAAa,QAAO,8BAA8B;AAC1D,SAAQC,GAAG,EAAoCC,OAAO,EAAWC,IAAI,EAAEC,OAAO,EAAEC,QAAQ,QAAO,gBAAgB;AAG/G,SAAQC,MAAM,QAAO,~~wBAAwB~~;~~AAC7C~~,SAAQC,kBAAkB,QAAO,mCAAmC;AACpE,SAAQC,oBAAoB,QAAO,cAAc;AACjD,SAAQC,kBAAkB,QAAO,~~4BAA4B~~;~~AAC7D~~,SAAQC,eAAe,QAAO,qBAAqB;AAgCnD,MAAMC,eAA0C;IAC5CC,kBAAkB;IAClBC,oBAAoB,CAACC,QAAU,GAAGA,MAAM,SAAS,CAAC;IAClDC,aAAa;IACbC,WAAW;AACf;AAEA,OAAO,MAAMC,cAAcf,QAA4B,CAACgB,OAAOC;IAC3D,MAAM,EAACC,KAAK,EAAEC,SAAS,EAAC,GAAGX;IAC3B,MAAM,EACFK,WAAW,EACXH,gBAAgB,EAChBC,kBAAkB,EAClBG,SAAS,EACTM,QAAQ,EACRC,UAAU,EACVC,SAAS,EACTC,MAAM,EACNC,KAAK,EACLC,MAAMC,KAAK,EACX,GAAGC,QACN,GAAGxB,SAAS,qBAAqBM,cAAcO;IAChD,MAAMY,eAAeV,MAAMW,eAAe;IAE1C,MAAMC,iBAAiB;QAACT;QAAYE;IAAM;IAC1C,MAAMQ,cAAcZ,UAAU,mBAAmBW;IACjD,MAAME,aAAab,UAAU,cAAcW;IAE3C,qBACI,KAAC/B;QACGkB,KAAKA;QACJ,GAAGE,UAAU,cAAc;YAACG;YAAWE;YAAO,GAAGM,cAAc;QAAA,EAAE;QACjE,GAAGH,MAAM;QACVM,KAAK;YAAC,mBAAmBnB;QAAS;kBAElC,cAAA,MAACb;YACGiC,SAAQ;YACRC,OAAM;YACNd,YAAY;gBAACe,OAAOL,YAAYT,SAAS;gBAAEe,MAAML,WAAWV,SAAS;YAAA;YACrEC,QAAQ;gBAACa,OAAOL,YAAYP,KAAK;gBAAEa,MAAML,WAAWR,KAAK;YAAA;;gBAExDN,MAAMoB,wBAAwB,IAAIV,aAAaW,MAAM,GAAG,kBACrD,KAACtC,KAAKuC,GAAG;oBACLC,MAAK;oBACJ,GAAGtB,UAAU,aAAaW,eAAe;oBAC1CY,OAAOpC,qBAAqBqC,eAAe;8BAE3C,cAAA,KAACzC;wBAAQ0C,OAAOlC;kCACZ,cAAA,KAACN,OAAOyC,UAAU;4BACdC,SAAS5B,MAAM6B,iBAAiB;4BAChCC,UAAU,CAAC9B,MAAM+B,mBAAmB;4BACpCC,2BAAa,KAACpD;gCAAcqD,QAAQ;;sCAEnCxC,mBAAmBiB,aAAaW,MAAM;;;qBAInD;gBACHnB;gBACAP,4BAAc,KAACN,0BAAwB;8BACxC,KAACF;;;;AAIjB,GAAG"}
1	+ {"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 {TableComponentsOrder} from '../Table.js';\nimport {TableHeaderActions} from '../table-actions/TableHeaderActions.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'>,\n 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"],"names":["CrossSize16Px","Box","factory","Grid","Tooltip","useProps","Button","TableLayoutControl","TableComponentsOrder","TableHeaderActions","useTableContext","defaultProps","unselectAllLabel","selectedCountLabel","count","showActions","borderTop","TableHeader","props","ref","store","getStyles","children","classNames","className","styles","style","vars","_vars","others","selectedRows","getSelectedRows","stylesApiProps","innerStyles","gridStyles","mod","justify","align","inner","root","multiRowSelectionEnabled","length","Col","span","order","MultiSelectInfo","label","Quaternary","onClick","clearRowSelection","disabled","rowSelectionEnabled","leftSection","height"],"mappings":";AAAA,SAAQA,aAAa,QAAO,8BAA8B;AAC1D,SAAQC,GAAG,EAAoCC,OAAO,EAAWC,IAAI,EAAEC,OAAO,EAAEC,QAAQ,QAAO,gBAAgB;AAG/G,SAAQC,MAAM,QAAO,yBAAyB;AAC9C,SAAQC,kBAAkB,QAAO,mCAAmC;AACpE,SAAQC,oBAAoB,QAAO,cAAc;AACjD,SAAQC,kBAAkB,QAAO,yCAAyC;AAC1E,SAAQC,eAAe,QAAO,qBAAqB;AAgCnD,MAAMC,eAA0C;IAC5CC,kBAAkB;IAClBC,oBAAoB,CAACC,QAAU,GAAGA,MAAM,SAAS,CAAC;IAClDC,aAAa;IACbC,WAAW;AACf;AAEA,OAAO,MAAMC,cAAcf,QAA4B,CAACgB,OAAOC;IAC3D,MAAM,EAACC,KAAK,EAAEC,SAAS,EAAC,GAAGX;IAC3B,MAAM,EACFK,WAAW,EACXH,gBAAgB,EAChBC,kBAAkB,EAClBG,SAAS,EACTM,QAAQ,EACRC,UAAU,EACVC,SAAS,EACTC,MAAM,EACNC,KAAK,EACLC,MAAMC,KAAK,EACX,GAAGC,QACN,GAAGxB,SAAS,qBAAqBM,cAAcO;IAChD,MAAMY,eAAeV,MAAMW,eAAe;IAE1C,MAAMC,iBAAiB;QAACT;QAAYE;IAAM;IAC1C,MAAMQ,cAAcZ,UAAU,mBAAmBW;IACjD,MAAME,aAAab,UAAU,cAAcW;IAE3C,qBACI,KAAC/B;QACGkB,KAAKA;QACJ,GAAGE,UAAU,cAAc;YAACG;YAAWE;YAAO,GAAGM,cAAc;QAAA,EAAE;QACjE,GAAGH,MAAM;QACVM,KAAK;YAAC,mBAAmBnB;QAAS;kBAElC,cAAA,MAACb;YACGiC,SAAQ;YACRC,OAAM;YACNd,YAAY;gBAACe,OAAOL,YAAYT,SAAS;gBAAEe,MAAML,WAAWV,SAAS;YAAA;YACrEC,QAAQ;gBAACa,OAAOL,YAAYP,KAAK;gBAAEa,MAAML,WAAWR,KAAK;YAAA;;gBAExDN,MAAMoB,wBAAwB,IAAIV,aAAaW,MAAM,GAAG,kBACrD,KAACtC,KAAKuC,GAAG;oBACLC,MAAK;oBACJ,GAAGtB,UAAU,aAAaW,eAAe;oBAC1CY,OAAOpC,qBAAqBqC,eAAe;8BAE3C,cAAA,KAACzC;wBAAQ0C,OAAOlC;kCACZ,cAAA,KAACN,OAAOyC,UAAU;4BACdC,SAAS5B,MAAM6B,iBAAiB;4BAChCC,UAAU,CAAC9B,MAAM+B,mBAAmB;4BACpCC,2BAAa,KAACpD;gCAAcqD,QAAQ;;sCAEnCxC,mBAAmBiB,aAAaW,MAAM;;;qBAInD;gBACHnB;gBACAP,4BAAc,KAACN,0BAAwB;8BACxC,KAACF;;;;AAIjB,GAAG"}

package/dist/esm/components/table/table-header/Th.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import { BoxProps, CompoundStylesApiProps, Factory } from '@mantine/core';
 import { Header } from '@tanstack/react-table';
 import { ComponentType, ForwardedRef, SVGProps } from 'react';
-import { CustomComponentThemeExtend } from '../../../utils/index.js';
+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> {

package/dist/esm/components/table/table-header/Th.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"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,~~yBAAyB~~,CAAC;~~AAG7E~~,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"}
1	+ {"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/esm/components/table/table-header/Th.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ArrowDownSize16Px, ArrowUpSize16Px, DoubleArrowHeadVSize16Px } from '@coveord/plasma-react-icons';
 import { Group, UnstyledButton, useProps } from '@mantine/core';
 import { defaultColumnSizing, flexRender } from '@tanstack/react-table';
-import { identity } from '../../../utils/index.js';
+import { identity } from '../../../utils/createFactoryComponent.js';
 import { useTableContext } from '../TableContext.js';
 const SortingIcons = {
     asc: ArrowUpSize16Px,

package/dist/esm/components/table/table-header/Th.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/components/table/table-header/Th.tsx"],"sourcesContent":["import {ArrowDownSize16Px, ArrowUpSize16Px, DoubleArrowHeadVSize16Px} from '@coveord/plasma-react-icons';\nimport {BoxProps, CompoundStylesApiProps, Factory, Group, UnstyledButton, useProps} from '@mantine/core';\nimport {Header, defaultColumnSizing, flexRender} from '@tanstack/react-table';\nimport {AriaAttributes, ComponentType, ForwardedRef, SVGProps} from 'react';\nimport {CustomComponentThemeExtend, identity} from '../../../utils/~~index~~.js';\nimport {useTableContext} from '../TableContext.js';\n\nexport type TableThStylesNames = 'th';\n\nexport type SortState = 'asc' \| 'desc' \| 'none';\n\nexport interface ThProps<T = unknown> extends BoxProps, CompoundStylesApiProps<TableThFactory> {\n header: Header<T, unknown>;\n sortingIcons?: Record<SortState, ComponentType<SVGProps<SVGSVGElement>>>;\n}\n\nconst SortingIcons: ThProps['sortingIcons'] = {\n asc: ArrowUpSize16Px,\n desc: ArrowDownSize16Px,\n none: DoubleArrowHeadVSize16Px,\n};\n\nconst SortingLabels: Record<SortState, AriaAttributes['aria-sort']> = {\n asc: 'ascending',\n desc: 'descending',\n none: 'none',\n} as const;\n\nexport type TableThFactory = Factory<{\n props: ThProps;\n ref: HTMLTableCellElement;\n stylesNames: TableThStylesNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<ThProps> = {\n sortingIcons: SortingIcons,\n};\n\nexport const Th = <T,>(props: ThProps<T> & {ref?: ForwardedRef<HTMLTableCellElement>}) => {\n const {getStyles} = useTableContext();\n const {header, sortingIcons, classNames, className, styles, style, vars, ...others} = useProps(\n 'PlasmaTableTh',\n defaultProps as Partial<ThProps<T>>,\n props,\n );\n\n const columnSizing = {\n ...defaultColumnSizing,\n size: header.column.columnDef.size,\n minSize: header.column.columnDef.minSize,\n maxSize: header.column.columnDef.maxSize,\n };\n\n const thStyles = getStyles('th', {classNames, className, styles, style});\n\n if (header.isPlaceholder) {\n return null;\n }\n\n if (!header.column.getCanSort()) {\n return (\n <th\n className={thStyles.className}\n style={{\n ...thStyles.style,\n width: columnSizing.size ?? 'auto',\n minWidth: columnSizing.minSize,\n maxWidth: columnSizing.maxSize,\n }}\n {...others}\n >\n <Group wrap=\"nowrap\" gap=\"xs\">\n {flexRender(header.column.columnDef.header, header.getContext())}\n </Group>\n </th>\n );\n }\n\n const onSort = header.column.getToggleSortingHandler();\n const sortingOrder = header.column.getIsSorted() \|\| 'none';\n const Icon = sortingIcons[sortingOrder];\n\n return (\n <UnstyledButton\n component=\"th\"\n onClick={onSort}\n aria-sort={SortingLabels[sortingOrder]}\n data-control={true}\n {...thStyles}\n {...others}\n >\n <Group wrap=\"nowrap\" gap=\"xs\">\n {flexRender(header.column.columnDef.header, header.getContext())}\n <Icon height={16} width={16} />\n </Group>\n </UnstyledButton>\n );\n};\nTh.extend = identity as CustomComponentThemeExtend<TableThFactory>;\n"],"names":["ArrowDownSize16Px","ArrowUpSize16Px","DoubleArrowHeadVSize16Px","Group","UnstyledButton","useProps","defaultColumnSizing","flexRender","identity","useTableContext","SortingIcons","asc","desc","none","SortingLabels","defaultProps","sortingIcons","Th","props","getStyles","header","classNames","className","styles","style","vars","others","columnSizing","size","column","columnDef","minSize","maxSize","thStyles","isPlaceholder","getCanSort","th","width","minWidth","maxWidth","wrap","gap","getContext","onSort","getToggleSortingHandler","sortingOrder","getIsSorted","Icon","component","onClick","aria-sort","data-control","height","extend"],"mappings":";AAAA,SAAQA,iBAAiB,EAAEC,eAAe,EAAEC,wBAAwB,QAAO,8BAA8B;AACzG,SAAmDC,KAAK,EAAEC,cAAc,EAAEC,QAAQ,QAAO,gBAAgB;AACzG,SAAgBC,mBAAmB,EAAEC,UAAU,QAAO,wBAAwB;AAE9E,SAAoCC,QAAQ,QAAO,~~0BAA0B~~;~~AAC7E~~,SAAQC,eAAe,QAAO,qBAAqB;AAWnD,MAAMC,eAAwC;IAC1CC,KAAKV;IACLW,MAAMZ;IACNa,MAAMX;AACV;AAEA,MAAMY,gBAAgE;IAClEH,KAAK;IACLC,MAAM;IACNC,MAAM;AACV;AASA,MAAME,eAAiC;IACnCC,cAAcN;AAClB;AAEA,OAAO,MAAMO,KAAK,CAAKC;IACnB,MAAM,EAACC,SAAS,EAAC,GAAGV;IACpB,MAAM,EAACW,MAAM,EAAEJ,YAAY,EAAEK,UAAU,EAAEC,SAAS,EAAEC,MAAM,EAAEC,KAAK,EAAEC,IAAI,EAAE,GAAGC,QAAO,GAAGrB,SAClF,iBACAU,cACAG;IAGJ,MAAMS,eAAe;QACjB,GAAGrB,mBAAmB;QACtBsB,MAAMR,OAAOS,MAAM,CAACC,SAAS,CAACF,IAAI;QAClCG,SAASX,OAAOS,MAAM,CAACC,SAAS,CAACC,OAAO;QACxCC,SAASZ,OAAOS,MAAM,CAACC,SAAS,CAACE,OAAO;IAC5C;IAEA,MAAMC,WAAWd,UAAU,MAAM;QAACE;QAAYC;QAAWC;QAAQC;IAAK;IAEtE,IAAIJ,OAAOc,aAAa,EAAE;QACtB,OAAO;IACX;IAEA,IAAI,CAACd,OAAOS,MAAM,CAACM,UAAU,IAAI;QAC7B,qBACI,KAACC;YACGd,WAAWW,SAASX,SAAS;YAC7BE,OAAO;gBACH,GAAGS,SAAST,KAAK;gBACjBa,OAAOV,aAAaC,IAAI,IAAI;gBAC5BU,UAAUX,aAAaI,OAAO;gBAC9BQ,UAAUZ,aAAaK,OAAO;YAClC;YACC,GAAGN,MAAM;sBAEV,cAAA,KAACvB;gBAAMqC,MAAK;gBAASC,KAAI;0BACpBlC,WAAWa,OAAOS,MAAM,CAACC,SAAS,CAACV,MAAM,EAAEA,OAAOsB,UAAU;;;IAI7E;IAEA,MAAMC,SAASvB,OAAOS,MAAM,CAACe,uBAAuB;IACpD,MAAMC,eAAezB,OAAOS,MAAM,CAACiB,WAAW,MAAM;IACpD,MAAMC,OAAO/B,YAAY,CAAC6B,aAAa;IAEvC,qBACI,KAACzC;QACG4C,WAAU;QACVC,SAASN;QACTO,aAAWpC,aAAa,CAAC+B,aAAa;QACtCM,gBAAc;QACb,GAAGlB,QAAQ;QACX,GAAGP,MAAM;kBAEV,cAAA,MAACvB;YAAMqC,MAAK;YAASC,KAAI;;gBACpBlC,WAAWa,OAAOS,MAAM,CAACC,SAAS,CAACV,MAAM,EAAEA,OAAOsB,UAAU;8BAC7D,KAACK;oBAAKK,QAAQ;oBAAIf,OAAO;;;;;AAIzC,EAAE;AACFpB,GAAGoC,MAAM,GAAG7C"}
1	+ {"version":3,"sources":["../../../../../src/components/table/table-header/Th.tsx"],"sourcesContent":["import {ArrowDownSize16Px, ArrowUpSize16Px, DoubleArrowHeadVSize16Px} from '@coveord/plasma-react-icons';\nimport {BoxProps, CompoundStylesApiProps, Factory, Group, UnstyledButton, useProps} from '@mantine/core';\nimport {Header, defaultColumnSizing, flexRender} from '@tanstack/react-table';\nimport {AriaAttributes, ComponentType, ForwardedRef, SVGProps} from 'react';\nimport {CustomComponentThemeExtend, identity} from '../../../utils/createFactoryComponent.js';\nimport {useTableContext} from '../TableContext.js';\n\nexport type TableThStylesNames = 'th';\n\nexport type SortState = 'asc' \| 'desc' \| 'none';\n\nexport interface ThProps<T = unknown> extends BoxProps, CompoundStylesApiProps<TableThFactory> {\n header: Header<T, unknown>;\n sortingIcons?: Record<SortState, ComponentType<SVGProps<SVGSVGElement>>>;\n}\n\nconst SortingIcons: ThProps['sortingIcons'] = {\n asc: ArrowUpSize16Px,\n desc: ArrowDownSize16Px,\n none: DoubleArrowHeadVSize16Px,\n};\n\nconst SortingLabels: Record<SortState, AriaAttributes['aria-sort']> = {\n asc: 'ascending',\n desc: 'descending',\n none: 'none',\n} as const;\n\nexport type TableThFactory = Factory<{\n props: ThProps;\n ref: HTMLTableCellElement;\n stylesNames: TableThStylesNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<ThProps> = {\n sortingIcons: SortingIcons,\n};\n\nexport const Th = <T,>(props: ThProps<T> & {ref?: ForwardedRef<HTMLTableCellElement>}) => {\n const {getStyles} = useTableContext();\n const {header, sortingIcons, classNames, className, styles, style, vars, ...others} = useProps(\n 'PlasmaTableTh',\n defaultProps as Partial<ThProps<T>>,\n props,\n );\n\n const columnSizing = {\n ...defaultColumnSizing,\n size: header.column.columnDef.size,\n minSize: header.column.columnDef.minSize,\n maxSize: header.column.columnDef.maxSize,\n };\n\n const thStyles = getStyles('th', {classNames, className, styles, style});\n\n if (header.isPlaceholder) {\n return null;\n }\n\n if (!header.column.getCanSort()) {\n return (\n <th\n className={thStyles.className}\n style={{\n ...thStyles.style,\n width: columnSizing.size ?? 'auto',\n minWidth: columnSizing.minSize,\n maxWidth: columnSizing.maxSize,\n }}\n {...others}\n >\n <Group wrap=\"nowrap\" gap=\"xs\">\n {flexRender(header.column.columnDef.header, header.getContext())}\n </Group>\n </th>\n );\n }\n\n const onSort = header.column.getToggleSortingHandler();\n const sortingOrder = header.column.getIsSorted() \|\| 'none';\n const Icon = sortingIcons[sortingOrder];\n\n return (\n <UnstyledButton\n component=\"th\"\n onClick={onSort}\n aria-sort={SortingLabels[sortingOrder]}\n data-control={true}\n {...thStyles}\n {...others}\n >\n <Group wrap=\"nowrap\" gap=\"xs\">\n {flexRender(header.column.columnDef.header, header.getContext())}\n <Icon height={16} width={16} />\n </Group>\n </UnstyledButton>\n );\n};\nTh.extend = identity as CustomComponentThemeExtend<TableThFactory>;\n"],"names":["ArrowDownSize16Px","ArrowUpSize16Px","DoubleArrowHeadVSize16Px","Group","UnstyledButton","useProps","defaultColumnSizing","flexRender","identity","useTableContext","SortingIcons","asc","desc","none","SortingLabels","defaultProps","sortingIcons","Th","props","getStyles","header","classNames","className","styles","style","vars","others","columnSizing","size","column","columnDef","minSize","maxSize","thStyles","isPlaceholder","getCanSort","th","width","minWidth","maxWidth","wrap","gap","getContext","onSort","getToggleSortingHandler","sortingOrder","getIsSorted","Icon","component","onClick","aria-sort","data-control","height","extend"],"mappings":";AAAA,SAAQA,iBAAiB,EAAEC,eAAe,EAAEC,wBAAwB,QAAO,8BAA8B;AACzG,SAAmDC,KAAK,EAAEC,cAAc,EAAEC,QAAQ,QAAO,gBAAgB;AACzG,SAAgBC,mBAAmB,EAAEC,UAAU,QAAO,wBAAwB;AAE9E,SAAoCC,QAAQ,QAAO,2CAA2C;AAC9F,SAAQC,eAAe,QAAO,qBAAqB;AAWnD,MAAMC,eAAwC;IAC1CC,KAAKV;IACLW,MAAMZ;IACNa,MAAMX;AACV;AAEA,MAAMY,gBAAgE;IAClEH,KAAK;IACLC,MAAM;IACNC,MAAM;AACV;AASA,MAAME,eAAiC;IACnCC,cAAcN;AAClB;AAEA,OAAO,MAAMO,KAAK,CAAKC;IACnB,MAAM,EAACC,SAAS,EAAC,GAAGV;IACpB,MAAM,EAACW,MAAM,EAAEJ,YAAY,EAAEK,UAAU,EAAEC,SAAS,EAAEC,MAAM,EAAEC,KAAK,EAAEC,IAAI,EAAE,GAAGC,QAAO,GAAGrB,SAClF,iBACAU,cACAG;IAGJ,MAAMS,eAAe;QACjB,GAAGrB,mBAAmB;QACtBsB,MAAMR,OAAOS,MAAM,CAACC,SAAS,CAACF,IAAI;QAClCG,SAASX,OAAOS,MAAM,CAACC,SAAS,CAACC,OAAO;QACxCC,SAASZ,OAAOS,MAAM,CAACC,SAAS,CAACE,OAAO;IAC5C;IAEA,MAAMC,WAAWd,UAAU,MAAM;QAACE;QAAYC;QAAWC;QAAQC;IAAK;IAEtE,IAAIJ,OAAOc,aAAa,EAAE;QACtB,OAAO;IACX;IAEA,IAAI,CAACd,OAAOS,MAAM,CAACM,UAAU,IAAI;QAC7B,qBACI,KAACC;YACGd,WAAWW,SAASX,SAAS;YAC7BE,OAAO;gBACH,GAAGS,SAAST,KAAK;gBACjBa,OAAOV,aAAaC,IAAI,IAAI;gBAC5BU,UAAUX,aAAaI,OAAO;gBAC9BQ,UAAUZ,aAAaK,OAAO;YAClC;YACC,GAAGN,MAAM;sBAEV,cAAA,KAACvB;gBAAMqC,MAAK;gBAASC,KAAI;0BACpBlC,WAAWa,OAAOS,MAAM,CAACC,SAAS,CAACV,MAAM,EAAEA,OAAOsB,UAAU;;;IAI7E;IAEA,MAAMC,SAASvB,OAAOS,MAAM,CAACe,uBAAuB;IACpD,MAAMC,eAAezB,OAAOS,MAAM,CAACiB,WAAW,MAAM;IACpD,MAAMC,OAAO/B,YAAY,CAAC6B,aAAa;IAEvC,qBACI,KAACzC;QACG4C,WAAU;QACVC,SAASN;QACTO,aAAWpC,aAAa,CAAC+B,aAAa;QACtCM,gBAAc;QACb,GAAGlB,QAAQ;QACX,GAAGP,MAAM;kBAEV,cAAA,MAACvB;YAAMqC,MAAK;YAASC,KAAI;;gBACpBlC,WAAWa,OAAOS,MAAM,CAACC,SAAS,CAACV,MAAM,EAAEA,OAAOsB,UAAU;8BAC7D,KAACK;oBAAKK,QAAQ;oBAAIf,OAAO;;;;;AAIzC,EAAE;AACFpB,GAAGoC,MAAM,GAAG7C"}

package/dist/esm/index.d.ts CHANGED Viewed

@@ -10,10 +10,49 @@ export * from '@mantine/hooks';
 export * from '@mantine/notifications';
 export { type NotificationsProps } from '@mantine/notifications';
 export * from '@tanstack/table-core';
-export * from './components/index.js';
+export { Accordion } from './components/accordion/Accordion.js';
+export { ActionIcon, type ActionIconProps } from './components/action-icon/ActionIcon.js';
+export { Alert } from './components/alert/Alert.js';
+export { Badge, type BadgeOverloadFactory, type SemanticBadge, type SemanticBadgeProps, } from './components/badge/Badge.js';
+export * from './components/blank-slate/BlankSlate.js';
+export * from './components/browser-preview/BrowserPreview.js';
+export { Button, type ButtonProps } from './components/button/Button.js';
+export { type ButtonWithDisabledTooltipProps } from './components/button/ButtonWithDisabledTooltip.js';
+export * from './components/checkbox/CheckboxIcon.js';
+export * from './components/child-form/ChildForm.js';
+export { Chip } from './components/chip/Chip.js';
+export * from './components/code-editor/CodeEditor.js';
+export * from './components/collection/Collection.js';
+export { enhanceWithCollectionProps } from './components/collection/enhanceWithCollectionProps.js';
+export * from './components/copyToClipboard/CopyToClipboard.js';
+export * from './components/date-range-picker/DateRangePickerInlineCalendar.js';
+export * from './components/date-range-picker/DateRangePickerPopoverCalendar.js';
+export * from './components/date-range-picker/DateRangePickerPresetSelect.js';
+export * from './components/date-time-range-picker/DateTimeRangePicker.js';
+export * from './components/ellipsis-text/EllipsisText.js';
+export { Header, type HeaderBreadcrumbsProps, type HeaderDocAnchorProps, type HeaderFactory, type HeaderProps, type HeaderRightProps, type HeaderStyleNames, type HeaderVariant, } from './components/header/Header.js';
+export * from './components/info-token/InfoToken.js';
+export * from './components/inline-confirm/InlineConfirm.js';
+export * from './components/inline-confirm/InlineConfirmContext.js';
+export * from './components/last-updated/LastUpdated.js';
+export * from './components/loader/CircleLoader.js';
+export { Menu, type MenuItemProps } from './components/menu/Menu.js';
+export { Modal, type ModalFactory, type ModalProps } from './components/modal/Modal.js';
+export * from './components/modal/ModalFooter.js';
+export * from './components/prompt/Prompt.js';
+export { PasswordInput } from './components/read-only/PasswordInput.js';
+export { Select } from './components/read-only/Select.js';
+export * from './components/sticky-footer/StickyFooter.js';
+export { flexRender as renderTableCell } from '@tanstack/react-table';
+export { Table, TableComponentsOrder, type PlasmaTableFactory } from './components/table/Table.js';
+export { type TablePredicateProps } from './components/table/table-predicate/TablePredicate.js';
+export { type TableAction, type TableLayout, type TableLayoutProps, type TableProps, } from './components/table/Table.types.js';
+export { useTableContext } from './components/table/TableContext.js';
+export { useTable, type TableState, type TableStore, type UseTableOptions } from './components/table/use-table.js';
+export { useUrlSyncedState, type UseUrlSyncedStateOptions, type SearchParamEntry, } from './components/table/use-url-synced-state.js';
 export { noop };
-export { Accordion, ActionIcon, Alert, Badge, BrowserPreview, Button, Chip, CopyToClipboard, Header, Menu, Modal, PasswordInput, Select, Table, type ActionIconProps, type ButtonProps, type CopyToClipboardProps, type HeaderProps, type MenuItemProps, type ModalFactory, type ModalProps, type TableProps, type TableState, } from './components/index.js';
-export * from './theme/index.js';
+export * from './theme/plasmaCSSVariablesResolver.js';
+export * from './theme/Plasmantine.js';
 declare module '@mantine/core' {
     interface MantineThemeColorsOverride {
         colors: Record<keyof typeof PlasmaColors | (string & {}), MantineColorsTuple>;

package/dist/esm/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,kBAAkB,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AACvD,OAAO,EAAC,KAAK,OAAO,EAAC,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAC,KAAK,YAAY,EAAC,MAAM,yBAAyB,CAAC;AAE1D,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AACzC,OAAO,EAAC,KAAK,eAAe,EAAC,MAAM,gBAAgB,CAAC;AACpD,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAC,KAAK,kBAAkB,EAAC,MAAM,wBAAwB,CAAC;AAC/D,cAAc,sBAAsB,CAAC;~~AACrC~~,~~cAAc~~,~~uBAAuB~~,CAAC;~~AACtC~~,OAAO,EAAC,~~IAAI~~,EAAC,CAAC;~~AAGd~~,OAAO,~~EACH~~,~~SAAS~~,~~EACT~~,~~UAAU~~,~~EACV~~,KAAK,EACL,KAAK,~~EACL~~,cAAc,~~EACd~~,MAAM,~~EACN~~,~~IAAI~~,~~EACJ~~,~~eAAe~~,~~EACf~~,MAAM,~~EACN~~,IAAI,~~EACJ~~,~~KAAK~~,~~EACL~~,~~aAAa~~,~~EACb~~,MAAM,EACN,KAAK,~~EACL~~,KAAK,~~eAAe~~,~~EACpB~~,KAAK,WAAW,EAChB,KAAK,oBAAoB,~~EACzB~~,KAAK,WAAW,EAChB,KAAK,~~aAAa~~,~~EAClB~~,KAAK,~~YAAY~~,~~EACjB~~,KAAK,UAAU,~~EACf~~,KAAK,UAAU,~~EACf~~,KAAK,UAAU,~~GAClB~~,MAAM,~~uBAAuB~~,CAAC;~~AAE/B~~,cAAc,~~kBAAkB~~,CAAC;~~AAEjC~~,OAAO,QAAQ,eAAe,CAAC;IAC3B,UAAiB,0BAA0B;QACvC,MAAM,EAAE,MAAM,CAAC,MAAM,OAAO,YAAY,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,EAAE,kBAAkB,CAAC,CAAC;KACjF;CACJ;AAED,OAAO,QAAQ,uBAAuB,CAAC;IACnC,UAAU,UAAU,CAAC,KAAK,SAAS,OAAO,EAAE,MAAM;QAC9C;;;;WAIG;QACH,aAAa,EAAE,OAAO,CAAC;KAC1B;CACJ"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,kBAAkB,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AACvD,OAAO,EAAC,KAAK,OAAO,EAAC,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAC,KAAK,YAAY,EAAC,MAAM,yBAAyB,CAAC;AAE1D,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AACzC,OAAO,EAAC,KAAK,eAAe,EAAC,MAAM,gBAAgB,CAAC;AACpD,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAC,KAAK,kBAAkB,EAAC,MAAM,wBAAwB,CAAC;AAC/D,cAAc,sBAAsB,CAAC;AAIrC,OAAO,EAAC,SAAS,EAAC,MAAM,qCAAqC,CAAC;AAG9D,OAAO,EAAC,UAAU,EAAE,KAAK,eAAe,EAAC,MAAM,wCAAwC,CAAC;AAGxF,OAAO,EAAC,KAAK,EAAC,MAAM,6BAA6B,CAAC;AAGlD,OAAO,EACH,KAAK,EACL,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,kBAAkB,GAC1B,MAAM,6BAA6B,CAAC;AAGrC,cAAc,wCAAwC,CAAC;AAGvD,cAAc,gDAAgD,CAAC;AAG/D,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAC,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAC,KAAK,8BAA8B,EAAC,MAAM,kDAAkD,CAAC;AAGrG,cAAc,uCAAuC,CAAC;AAGtD,cAAc,sCAAsC,CAAC;AAGrD,OAAO,EAAC,IAAI,EAAC,MAAM,2BAA2B,CAAC;AAG/C,cAAc,wCAAwC,CAAC;AAGvD,cAAc,uCAAuC,CAAC;AACtD,OAAO,EAAC,0BAA0B,EAAC,MAAM,uDAAuD,CAAC;AAGjG,cAAc,iDAAiD,CAAC;AAGhE,cAAc,iEAAiE,CAAC;AAChF,cAAc,kEAAkE,CAAC;AACjF,cAAc,+DAA+D,CAAC;AAG9E,cAAc,4DAA4D,CAAC;AAG3E,cAAc,4CAA4C,CAAC;AAG3D,OAAO,EACH,MAAM,EACN,KAAK,sBAAsB,EAC3B,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,WAAW,EAChB,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EACrB,KAAK,aAAa,GACrB,MAAM,+BAA+B,CAAC;AAGvC,cAAc,sCAAsC,CAAC;AAGrD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,qDAAqD,CAAC;AAGpE,cAAc,0CAA0C,CAAC;AAGzD,cAAc,qCAAqC,CAAC;AAGpD,OAAO,EAAC,IAAI,EAAE,KAAK,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAGnE,OAAO,EAAC,KAAK,EAAE,KAAK,YAAY,EAAE,KAAK,UAAU,EAAC,MAAM,6BAA6B,CAAC;AACtF,cAAc,mCAAmC,CAAC;AAGlD,cAAc,+BAA+B,CAAC;AAG9C,OAAO,EAAC,aAAa,EAAC,MAAM,yCAAyC,CAAC;AACtE,OAAO,EAAC,MAAM,EAAC,MAAM,kCAAkC,CAAC;AAGxD,cAAc,4CAA4C,CAAC;AAG3D,OAAO,EAAC,UAAU,IAAI,eAAe,EAAC,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAC,KAAK,EAAE,oBAAoB,EAAE,KAAK,kBAAkB,EAAC,MAAM,6BAA6B,CAAC;AACjG,OAAO,EAAC,KAAK,mBAAmB,EAAC,MAAM,sDAAsD,CAAC;AAC9F,OAAO,EACH,KAAK,WAAW,EAChB,KAAK,WAAW,EAChB,KAAK,gBAAgB,EACrB,KAAK,UAAU,GAClB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAC,eAAe,EAAC,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAC,QAAQ,EAAE,KAAK,UAAU,EAAE,KAAK,UAAU,EAAE,KAAK,eAAe,EAAC,MAAM,iCAAiC,CAAC;AACjH,OAAO,EACH,iBAAiB,EACjB,KAAK,wBAAwB,EAC7B,KAAK,gBAAgB,GACxB,MAAM,4CAA4C,CAAC;AAEpD,OAAO,EAAC,IAAI,EAAC,CAAC;AAGd,cAAc,uCAAuC,CAAC;AACtD,cAAc,wBAAwB,CAAC;AAEvC,OAAO,QAAQ,eAAe,CAAC;IAC3B,UAAiB,0BAA0B;QACvC,MAAM,EAAE,MAAM,CAAC,MAAM,OAAO,YAAY,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,EAAE,kBAAkB,CAAC,CAAC;KACjF;CACJ;AAED,OAAO,QAAQ,uBAAuB,CAAC;IACnC,UAAU,UAAU,CAAC,KAAK,SAAS,OAAO,EAAE,MAAM;QAC9C;;;;WAIG;QACH,aAAa,EAAE,OAAO,CAAC;KAC1B;CACJ"}

package/dist/esm/index.js CHANGED Viewed

@@ -6,10 +6,74 @@ export * from '@mantine/form';
 export * from '@mantine/hooks';
 export * from '@mantine/notifications';
 export * from '@tanstack/table-core';
-export * from './components/index.js';
+// Export all components
+// Accordion
+export { Accordion } from './components/accordion/Accordion.js';
+// Action Icon - override Mantine ActionIcon
+export { ActionIcon } from './components/action-icon/ActionIcon.js';
+// Alert - override Mantine Alert
+export { Alert } from './components/alert/Alert.js';
+// Badge - override Mantine Badge
+export { Badge } from './components/badge/Badge.js';
+// Blank Slate
+export * from './components/blank-slate/BlankSlate.js';
+// Browser Preview
+export * from './components/browser-preview/BrowserPreview.js';
+// Button - override Mantine Button
+export { Button } from './components/button/Button.js';
+// Checkbox
+export * from './components/checkbox/CheckboxIcon.js';
+// Child Form
+export * from './components/child-form/ChildForm.js';
+// Chip - override Mantine Chip
+export { Chip } from './components/chip/Chip.js';
+// Code Editor
+export * from './components/code-editor/CodeEditor.js';
+// Collection
+export * from './components/collection/Collection.js';
+export { enhanceWithCollectionProps } from './components/collection/enhanceWithCollectionProps.js';
+// Copy to Clipboard
+export * from './components/copyToClipboard/CopyToClipboard.js';
+// Date Range Picker
+export * from './components/date-range-picker/DateRangePickerInlineCalendar.js';
+export * from './components/date-range-picker/DateRangePickerPopoverCalendar.js';
+export * from './components/date-range-picker/DateRangePickerPresetSelect.js';
+// Date Time Range Picker
+export * from './components/date-time-range-picker/DateTimeRangePicker.js';
+// Ellipsis Text
+export * from './components/ellipsis-text/EllipsisText.js';
+// Header - override @tanstack/table-core Header
+export { Header } from './components/header/Header.js';
+// Info Token
+export * from './components/info-token/InfoToken.js';
+// Inline Confirm
+export * from './components/inline-confirm/InlineConfirm.js';
+export * from './components/inline-confirm/InlineConfirmContext.js';
+// Last Updated
+export * from './components/last-updated/LastUpdated.js';
+// Loader
+export * from './components/loader/CircleLoader.js';
+// Menu - override Mantine Menu
+export { Menu } from './components/menu/Menu.js';
+// Modal - override Mantine Modal
+export { Modal } from './components/modal/Modal.js';
+export * from './components/modal/ModalFooter.js';
+// Prompt
+export * from './components/prompt/Prompt.js';
+// Read Only - override Mantine PasswordInput and Select
+export { PasswordInput } from './components/read-only/PasswordInput.js';
+export { Select } from './components/read-only/Select.js';
+// Sticky Footer
+export * from './components/sticky-footer/StickyFooter.js';
+// Table - override Mantine Table
+export { flexRender as renderTableCell } from '@tanstack/react-table';
+export { Table, TableComponentsOrder } from './components/table/Table.js';
+export { useTableContext } from './components/table/TableContext.js';
+export { useTable } from './components/table/use-table.js';
+export { useUrlSyncedState } from './components/table/use-url-synced-state.js';
 export { noop };
-// explicitly overriding mantine components
-export { Accordion, ActionIcon, Alert, Badge, BrowserPreview, Button, Chip, CopyToClipboard, Header, Menu, Modal, PasswordInput, Select, Table } from './components/index.js';
-export * from './theme/index.js';
+// Theme
+export * from './theme/plasmaCSSVariablesResolver.js';
+export * from './theme/Plasmantine.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/index.ts"],"sourcesContent":["import {MantineColorsTuple, noop} from '@mantine/core';\nimport {type RowData} from '@tanstack/table-core';\nimport {type PlasmaColors} from './theme/PlasmaColors.js';\n\nexport * from '@mantine/carousel';\nexport * from '@mantine/core';\nexport {Pagination} from '@mantine/core';\nexport {type DatesRangeValue} from '@mantine/dates';\nexport * from '@mantine/form';\nexport * from '@mantine/hooks';\nexport * from '@mantine/notifications';\nexport {type NotificationsProps} from '@mantine/notifications';\nexport * from '@tanstack/table-core';\nexport * from './components/~~index~~.js';\nexport {~~noop~~};\n\n// ~~explicitly~~ ~~overriding~~ ~~mantine~~ components\nexport {\n ~~Accordion~~,\n ~~ActionIcon~~,\n ~~Alert~~,\n ~~Badge~~,\n BrowserPreview,\n Button,\n Chip,\n CopyToClipboard,\n Header,\n ~~Menu~~,\n ~~Modal~~,\n ~~PasswordInput~~,\n ~~Select~~,\n ~~Table~~,\n type ~~ActionIconProps~~,\n type ~~ButtonProps~~,\n type ~~CopyToClipboardProps~~,\n type ~~HeaderProps~~,\n type ~~MenuItemProps~~,\n type ~~ModalFactory~~,\n type ~~ModalProps~~,\n type ~~TableProps~~,\n type ~~TableState~~,\n} from './components/~~index~~.js';\n\nexport * from './theme/~~index~~.js';\n\ndeclare module '@mantine/core' {\n export interface MantineThemeColorsOverride {\n colors: Record<keyof typeof PlasmaColors \| (string & {}), MantineColorsTuple>;\n }\n}\n\ndeclare module '@tanstack/react-table' {\n interface ColumnMeta<TData extends RowData, TValue> {\n /*\n Whether the column is a control column.\n * Control columns are columns that are not part of the data but are used to control the table.\n * For example, a column that contains checkboxes to select rows.\n */\n controlColumn: boolean;\n }\n}\n"],"names":["noop","Pagination","Accordion","ActionIcon","Alert","Badge","~~BrowserPreview","~~Button","Chip","~~CopyToClipboard~~","Header","Menu","Modal","PasswordInput","Select","Table"],"mappings":"AAAA,SAA4BA,IAAI,QAAO,gBAAgB;AAIvD,cAAc,oBAAoB;AAClC,cAAc,gBAAgB;AAC9B,SAAQC,UAAU,QAAO,gBAAgB;AAEzC,cAAc,gBAAgB;AAC9B,cAAc,iBAAiB;AAC/B,cAAc,yBAAyB;AAEvC,cAAc,uBAAuB;~~AACrC~~,~~cAAc,~~wBAAwB;~~AACtC~~,~~SAAQD~~,~~IAAI~~,~~GAAE~~;~~AAEd~~,~~2CAA2C~~;~~AAC3C~~,~~SACIE~~,~~SAAS~~,~~EACTC~~,~~UAAU~~,~~EACVC~~,KAAK,~~EACLC~~,KAAK,~~EACLC~~,cAAc,~~EACdC~~,MAAM,~~EACNC~~,IAAI,~~EACJC~~,~~eAAe~~,~~EACfC~~,MAAM,~~EACNC~~,IAAI,~~EACJC~~,KAAK,~~EACLC~~,aAAa,~~EACbC~~,MAAM,~~EACNC~~,~~KAAK~~,~~QAUF~~,wBAAwB;~~AAE/B~~,cAAc,~~mBAAmB~~"}
1	+ {"version":3,"sources":["../../src/index.ts"],"sourcesContent":["import {MantineColorsTuple, noop} from '@mantine/core';\nimport {type RowData} from '@tanstack/table-core';\nimport {type PlasmaColors} from './theme/PlasmaColors.js';\n\nexport * from '@mantine/carousel';\nexport * from '@mantine/core';\nexport {Pagination} from '@mantine/core';\nexport {type DatesRangeValue} from '@mantine/dates';\nexport * from '@mantine/form';\nexport * from '@mantine/hooks';\nexport * from '@mantine/notifications';\nexport {type NotificationsProps} from '@mantine/notifications';\nexport * from '@tanstack/table-core';\n\n// Export all components\n// Accordion\nexport {Accordion} from './components/accordion/Accordion.js';\n\n// Action Icon - override Mantine ActionIcon\nexport {ActionIcon, type ActionIconProps} from './components/action-icon/ActionIcon.js';\n\n// Alert - override Mantine Alert\nexport {Alert} from './components/alert/Alert.js';\n\n// Badge - override Mantine Badge\nexport {\n Badge,\n type BadgeOverloadFactory,\n type SemanticBadge,\n type SemanticBadgeProps,\n} from './components/badge/Badge.js';\n\n// Blank Slate\nexport * from './components/blank-slate/BlankSlate.js';\n\n// Browser Preview\nexport * from './components/browser-preview/BrowserPreview.js';\n\n// Button - override Mantine Button\nexport {Button, type ButtonProps} from './components/button/Button.js';\nexport {type ButtonWithDisabledTooltipProps} from './components/button/ButtonWithDisabledTooltip.js';\n\n// Checkbox\nexport * from './components/checkbox/CheckboxIcon.js';\n\n// Child Form\nexport * from './components/child-form/ChildForm.js';\n\n// Chip - override Mantine Chip\nexport {Chip} from './components/chip/Chip.js';\n\n// Code Editor\nexport * from './components/code-editor/CodeEditor.js';\n\n// Collection\nexport * from './components/collection/Collection.js';\nexport {enhanceWithCollectionProps} from './components/collection/enhanceWithCollectionProps.js';\n\n// Copy to Clipboard\nexport * from './components/copyToClipboard/CopyToClipboard.js';\n\n// Date Range Picker\nexport * from './components/date-range-picker/DateRangePickerInlineCalendar.js';\nexport * from './components/date-range-picker/DateRangePickerPopoverCalendar.js';\nexport * from './components/date-range-picker/DateRangePickerPresetSelect.js';\n\n// Date Time Range Picker\nexport * from './components/date-time-range-picker/DateTimeRangePicker.js';\n\n// Ellipsis Text\nexport * from './components/ellipsis-text/EllipsisText.js';\n\n// Header - override @tanstack/table-core Header\nexport {\n Header,\n type HeaderBreadcrumbsProps,\n type HeaderDocAnchorProps,\n type HeaderFactory,\n type HeaderProps,\n type HeaderRightProps,\n type HeaderStyleNames,\n type HeaderVariant,\n} from './components/header/Header.js';\n\n// Info Token\nexport * from './components/info-token/InfoToken.js';\n\n// Inline Confirm\nexport * from './components/inline-confirm/InlineConfirm.js';\nexport * from './components/inline-confirm/InlineConfirmContext.js';\n\n// Last Updated\nexport * from './components/last-updated/LastUpdated.js';\n\n// Loader\nexport * from './components/loader/CircleLoader.js';\n\n// Menu - override Mantine Menu\nexport {Menu, type MenuItemProps} from './components/menu/Menu.js';\n\n// Modal - override Mantine Modal\nexport {Modal, type ModalFactory, type ModalProps} from './components/modal/Modal.js';\nexport * from './components/modal/ModalFooter.js';\n\n// Prompt\nexport * from './components/prompt/Prompt.js';\n\n// Read Only - override Mantine PasswordInput and Select\nexport {PasswordInput} from './components/read-only/PasswordInput.js';\nexport {Select} from './components/read-only/Select.js';\n\n// Sticky Footer\nexport * from './components/sticky-footer/StickyFooter.js';\n\n// Table - override Mantine Table\nexport {flexRender as renderTableCell} from '@tanstack/react-table';\nexport {Table, TableComponentsOrder, type PlasmaTableFactory} from './components/table/Table.js';\nexport {type TablePredicateProps} from './components/table/table-predicate/TablePredicate.js';\nexport {\n type TableAction,\n type TableLayout,\n type TableLayoutProps,\n type TableProps,\n} from './components/table/Table.types.js';\nexport {useTableContext} from './components/table/TableContext.js';\nexport {useTable, type TableState, type TableStore, type UseTableOptions} from './components/table/use-table.js';\nexport {\n useUrlSyncedState,\n type UseUrlSyncedStateOptions,\n type SearchParamEntry,\n} from './components/table/use-url-synced-state.js';\n\nexport {noop};\n\n// Theme\nexport * from './theme/plasmaCSSVariablesResolver.js';\nexport * from './theme/Plasmantine.js';\n\ndeclare module '@mantine/core' {\n export interface MantineThemeColorsOverride {\n colors: Record<keyof typeof PlasmaColors \| (string & {}), MantineColorsTuple>;\n }\n}\n\ndeclare module '@tanstack/react-table' {\n interface ColumnMeta<TData extends RowData, TValue> {\n /*\n Whether the column is a control column.\n * Control columns are columns that are not part of the data but are used to control the table.\n * For example, a column that contains checkboxes to select rows.\n */\n controlColumn: boolean;\n }\n}\n"],"names":["noop","Pagination","Accordion","ActionIcon","Alert","Badge","Button","Chip","enhanceWithCollectionProps","Header","Menu","Modal","PasswordInput","Select","flexRender","renderTableCell","Table","TableComponentsOrder","useTableContext","useTable","useUrlSyncedState"],"mappings":"AAAA,SAA4BA,IAAI,QAAO,gBAAgB;AAIvD,cAAc,oBAAoB;AAClC,cAAc,gBAAgB;AAC9B,SAAQC,UAAU,QAAO,gBAAgB;AAEzC,cAAc,gBAAgB;AAC9B,cAAc,iBAAiB;AAC/B,cAAc,yBAAyB;AAEvC,cAAc,uBAAuB;AAErC,wBAAwB;AACxB,YAAY;AACZ,SAAQC,SAAS,QAAO,sCAAsC;AAE9D,4CAA4C;AAC5C,SAAQC,UAAU,QAA6B,yCAAyC;AAExF,iCAAiC;AACjC,SAAQC,KAAK,QAAO,8BAA8B;AAElD,iCAAiC;AACjC,SACIC,KAAK,QAIF,8BAA8B;AAErC,cAAc;AACd,cAAc,yCAAyC;AAEvD,kBAAkB;AAClB,cAAc,iDAAiD;AAE/D,mCAAmC;AACnC,SAAQC,MAAM,QAAyB,gCAAgC;AAGvE,WAAW;AACX,cAAc,wCAAwC;AAEtD,aAAa;AACb,cAAc,uCAAuC;AAErD,+BAA+B;AAC/B,SAAQC,IAAI,QAAO,4BAA4B;AAE/C,cAAc;AACd,cAAc,yCAAyC;AAEvD,aAAa;AACb,cAAc,wCAAwC;AACtD,SAAQC,0BAA0B,QAAO,wDAAwD;AAEjG,oBAAoB;AACpB,cAAc,kDAAkD;AAEhE,oBAAoB;AACpB,cAAc,kEAAkE;AAChF,cAAc,mEAAmE;AACjF,cAAc,gEAAgE;AAE9E,yBAAyB;AACzB,cAAc,6DAA6D;AAE3E,gBAAgB;AAChB,cAAc,6CAA6C;AAE3D,gDAAgD;AAChD,SACIC,MAAM,QAQH,gCAAgC;AAEvC,aAAa;AACb,cAAc,uCAAuC;AAErD,iBAAiB;AACjB,cAAc,+CAA+C;AAC7D,cAAc,sDAAsD;AAEpE,eAAe;AACf,cAAc,2CAA2C;AAEzD,SAAS;AACT,cAAc,sCAAsC;AAEpD,+BAA+B;AAC/B,SAAQC,IAAI,QAA2B,4BAA4B;AAEnE,iCAAiC;AACjC,SAAQC,KAAK,QAA2C,8BAA8B;AACtF,cAAc,oCAAoC;AAElD,SAAS;AACT,cAAc,gCAAgC;AAE9C,wDAAwD;AACxD,SAAQC,aAAa,QAAO,0CAA0C;AACtE,SAAQC,MAAM,QAAO,mCAAmC;AAExD,gBAAgB;AAChB,cAAc,6CAA6C;AAE3D,iCAAiC;AACjC,SAAQC,cAAcC,eAAe,QAAO,wBAAwB;AACpE,SAAQC,KAAK,EAAEC,oBAAoB,QAAgC,8BAA8B;AAQjG,SAAQC,eAAe,QAAO,qCAAqC;AACnE,SAAQC,QAAQ,QAA+D,kCAAkC;AACjH,SACIC,iBAAiB,QAGd,6CAA6C;AAEpD,SAAQpB,IAAI,GAAE;AAEd,QAAQ;AACR,cAAc,wCAAwC;AACtD,cAAc,yBAAyB"}

package/dist/esm/theme/Theme.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../../src/theme/Theme.tsx"],"names":[],"mappings":"AAYA,OAAO,EAsBH,oBAAoB,EAuBvB,MAAM,eAAe,CAAC;~~AA0DvB~~,eAAO,MAAM,WAAW,EAAE,oBA4axB,CAAC"}
1	+ {"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../../src/theme/Theme.tsx"],"names":[],"mappings":"AAYA,OAAO,EAsBH,oBAAoB,EAuBvB,MAAM,eAAe,CAAC;AA6DvB,eAAO,MAAM,WAAW,EAAE,oBA4axB,CAAC"}

package/dist/esm/theme/Theme.js CHANGED Viewed

@@ -3,7 +3,10 @@ import { ArrowHeadLeftSize16Px, ArrowHeadRightSize16Px, CrossSize16Px, FilterSiz
 import { color } from '@coveord/plasma-tokens';
 import { ActionIcon, Alert, AppShell, Badge, Breadcrumbs, Button, Card, Checkbox, Chip, CloseButton, ColorSwatch, Combobox, ComboboxSearch, createTheme, deepMerge, Divider, Image, Input, InputWrapper, List, Loader, Modal, MultiSelect, NavLink, Notification, NumberInput, Pagination, Paper, PasswordInput, Pill, Popover, Radio, ScrollArea, SegmentedControl, Select, Skeleton, Slider, Stepper, Switch, Table, Tabs, Text, Tooltip } from '@mantine/core';
 import { DateInput, DatePicker, DateTimePicker, MonthPicker, PickerInputBase, TimeInput, TimePicker, YearPicker } from '@mantine/dates';
-import { Accordion, CheckboxIcon, CircleLoader, InfoToken } from '../components/index.js';
+import { Accordion } from '../components/accordion/Accordion.js';
+import { CheckboxIcon } from '../components/checkbox/CheckboxIcon.js';
+import { CircleLoader } from '../components/loader/CircleLoader.js';
+import { InfoToken } from '../components/info-token/InfoToken.js';
 import AccordionClasses from '../styles/Accordion.module.css';
 import ActionIconClasses from '../styles/ActionIcon.module.css';
 import AlertClasses from '../styles/Alert.module.css';