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

@coveord/plasma-mantine 56.3.0 → 56.3.2

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 (529) hide show

package/dist/cjs/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":["TableAccordionColumn","TableCollapsibleColumn","sharedProps","id","enableSorting","enableHiding","meta","controlColumn","header","size","cell","info","CollapsibleIcon","onToggle","row","getIsExpanded","table","toggleAllRowsExpanded","defaultProps","iconExpanded","IconChevronUp","aria-label","iconCollapsed","IconChevronDown","factory","props","ref","getStyles","useTableContext","useProps","classNames","className","style","styles","others","handler","getToggleExpandedHandler","onClick","e","stopPropagation","getCanExpand","ActionIcon","Quaternary","color","radius"],"mappings":";;;;;;;;;;;QA+BaA;eAAAA;;QARAC;eAAAA;;;;;;;gCAvBgC;oBACJ;~~qBAGC~~;~~4BACZ~~;AAI9B,IAAMC,cAAkC;IACpCC,IAAI;IACJC,eAAe;IACfC,cAAc;IACdC,MAAM;QACFC,eAAe;IACnB;IACAC,QAAQ;IACRC,MAAM;AACV;AAKO,IAAMR,yBAA6C,4CACnDC;IACHQ,MAAM,SAACC;6BAAS,qBAACC;YAAgBD,MAAMA;;;;AAMpC,IAAMX,uBAA2C,4CACjDE;IACHQ,MAAM,SAACC;QACH,IAAME,WAAW;YACb,4DAA4D;YAC5D,IAAI,CAACF,KAAKG,GAAG,CAACC,aAAa,IAAI;gBAC3BJ,KAAKK,KAAK,CAACC,qBAAqB,CAAC;YACrC;QACJ;QAEA,qBAAO,qBAACL;YAAgBC,UAAUA;YAAUF,MAAMA;;IACtD;;AAiBJ,IAAMO,eAA8C;IAChDC,4BAAc,qBAACC,+BAAa;QAACC,cAAW;QAAWZ,MAAM;;IACzDa,6BAAe,qBAACC,iCAAe;QAACF,cAAW;QAASZ,MAAM;;AAC9D;AAEA,IAAMG,kBAAkBY,IAAAA,aAAO,EAAgC,SAACC,OAAOC;IACnE,IAAM,AAACC,YAAaC,IAAAA,6BAAe,IAA5BD;IACP,IAAuGE,YAAAA,IAAAA,cAAQ,EAC3G,gCACAX,cACAO,QAHGd,OAAgGkB,UAAhGlB,MAAME,WAA0FgB,UAA1FhB,UAAUM,eAAgFU,UAAhFV,cAAcG,gBAAkEO,UAAlEP,eAAeQ,aAAmDD,UAAnDC,YAAYC,YAAuCF,UAAvCE,WAAWC,QAA4BH,UAA5BG,OAAOC,SAAqBJ,UAArBI,QAAWC,sCAAUL;QAAhGlB;QAAME;QAAUM;QAAcG;QAAeQ;QAAYC;QAAWC;QAAOC;;IAKlF,IAAME,UAAUxB,KAAKG,GAAG,CAACsB,wBAAwB;IACjD,IAAMC,UAAU,SAACC;QACbA,EAAEC,eAAe;QACjB1B,qBAAAA,+BAAAA,SAAWyB;QACXH;IACJ;IACA,OAAOxB,KAAKG,GAAG,CAAC0B,YAAY,mBACxB,qBAACC,~~iBAAU~~,CAACC,UAAU;QAClBhB,KAAKA;QACLW,SAASA;QACTM,OAAM;QACNC,QAAO;OACHjB,UAAU,mBAAmB;QAACI,WAAAA;QAAWD,YAAAA;QAAYG,QAAAA;QAAQD,OAAAA;IAAK,IAClEE;kBAEHvB,KAAKG,GAAG,CAACC,aAAa,KAAKI,eAAeG;UAE/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":["TableAccordionColumn","TableCollapsibleColumn","sharedProps","id","enableSorting","enableHiding","meta","controlColumn","header","size","cell","info","CollapsibleIcon","onToggle","row","getIsExpanded","table","toggleAllRowsExpanded","defaultProps","iconExpanded","IconChevronUp","aria-label","iconCollapsed","IconChevronDown","factory","props","ref","getStyles","useTableContext","useProps","classNames","className","style","styles","others","handler","getToggleExpandedHandler","onClick","e","stopPropagation","getCanExpand","ActionIcon","Quaternary","color","radius"],"mappings":";;;;;;;;;;;QA+BaA;eAAAA;;QARAC;eAAAA;;;;;;;gCAvBgC;oBACJ;0BAGM;4BACjB;AAI9B,IAAMC,cAAkC;IACpCC,IAAI;IACJC,eAAe;IACfC,cAAc;IACdC,MAAM;QACFC,eAAe;IACnB;IACAC,QAAQ;IACRC,MAAM;AACV;AAKO,IAAMR,yBAA6C,4CACnDC;IACHQ,MAAM,SAACC;6BAAS,qBAACC;YAAgBD,MAAMA;;;;AAMpC,IAAMX,uBAA2C,4CACjDE;IACHQ,MAAM,SAACC;QACH,IAAME,WAAW;YACb,4DAA4D;YAC5D,IAAI,CAACF,KAAKG,GAAG,CAACC,aAAa,IAAI;gBAC3BJ,KAAKK,KAAK,CAACC,qBAAqB,CAAC;YACrC;QACJ;QAEA,qBAAO,qBAACL;YAAgBC,UAAUA;YAAUF,MAAMA;;IACtD;;AAiBJ,IAAMO,eAA8C;IAChDC,4BAAc,qBAACC,+BAAa;QAACC,cAAW;QAAWZ,MAAM;;IACzDa,6BAAe,qBAACC,iCAAe;QAACF,cAAW;QAASZ,MAAM;;AAC9D;AAEA,IAAMG,kBAAkBY,IAAAA,aAAO,EAAgC,SAACC,OAAOC;IACnE,IAAM,AAACC,YAAaC,IAAAA,6BAAe,IAA5BD;IACP,IAAuGE,YAAAA,IAAAA,cAAQ,EAC3G,gCACAX,cACAO,QAHGd,OAAgGkB,UAAhGlB,MAAME,WAA0FgB,UAA1FhB,UAAUM,eAAgFU,UAAhFV,cAAcG,gBAAkEO,UAAlEP,eAAeQ,aAAmDD,UAAnDC,YAAYC,YAAuCF,UAAvCE,WAAWC,QAA4BH,UAA5BG,OAAOC,SAAqBJ,UAArBI,QAAWC,sCAAUL;QAAhGlB;QAAME;QAAUM;QAAcG;QAAeQ;QAAYC;QAAWC;QAAOC;;IAKlF,IAAME,UAAUxB,KAAKG,GAAG,CAACsB,wBAAwB;IACjD,IAAMC,UAAU,SAACC;QACbA,EAAEC,eAAe;QACjB1B,qBAAAA,+BAAAA,SAAWyB;QACXH;IACJ;IACA,OAAOxB,KAAKG,GAAG,CAAC0B,YAAY,mBACxB,qBAACC,sBAAU,CAACC,UAAU;QAClBhB,KAAKA;QACLW,SAASA;QACTM,OAAM;QACNC,QAAO;OACHjB,UAAU,mBAAmB;QAACI,WAAAA;QAAWD,YAAAA;QAAYG,QAAAA;QAAQD,OAAAA;IAAK,IAClEE;kBAEHvB,KAAKG,GAAG,CAACC,aAAa,KAAKI,eAAeG;UAE/C;AACR"}

package/dist/cjs/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/cjs/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/cjs/components/table/table-date-range-picker/TableDateRangePicker.js CHANGED Viewed

@@ -18,7 +18,7 @@ var _plasmareacticons = require("@coveord/plasma-react-icons");
 var _core = require("@mantine/core");
 var _dayjs = /*#__PURE__*/ _interop_require_default._(require("dayjs"));
 var _react = require("react");
-var _index = require("../../date-range-picker/index.js");
+var _DateRangePickerInlineCalendar = require("../../date-range-picker/DateRangePickerInlineCalendar.js");
 var _Table = require("../Table.js");
 var _TableContext = require("../TableContext.js");
 var defaultProps = {
@@ -85,7 +85,7 @@ var TableDateRangePicker = (0, _core.factory)(function(props, ref) {
                 }),
                 /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Popover.Dropdown, {
                     p: 0,
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_index.DateRangePickerInlineCalendar, {
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_DateRangePickerInlineCalendar.DateRangePickerInlineCalendar, {
                         initialRange: store.state.dateRange,
                         onApply: onApply,
                         onCancel: onCancel,

package/dist/cjs/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":["TableDateRangePicker","defaultProps","presets","factory","props","ref","useTableContext","store","getStyles","useProps","rangeCalendarProps","classNames","className","styles","style","vars","others","useState","opened","setOpened","onApply","dates","setDateRange","setPagination","pageIndex","pageSize","state","pagination","onCancel","formatDate","date","dayjs","format","formattedRange","dateRange","dateRangeInitialized","every","stylesApiProps","Grid","Col","span","order","TableComponentsOrder","DateRangePicker","Popover","onChange","Target","InputBase","component","leftSection","CalendarSize16Px","height","miw","onClick","Dropdown","p","DateRangePickerInlineCalendar","initialRange"],"mappings":";;;;+BA6CaA;;;eAAAA;;;;;;;;;gCA7CkB;oBACsE;8DACnF;qBAGK;~~qBAKhB~~;~~qBAC4B~~;4BACL;AA6B9B,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,IAA6FC,YAAAA,IAAAA,cAAQ,EACjG,8BACAR,cACAG,QAHGF,UAAsFO,UAAtFP,SAASQ,qBAA6ED,UAA7EC,oBAAoBC,aAAyDF,UAAzDE,YAAYC,YAA6CH,UAA7CG,WAAWC,SAAkCJ,UAAlCI,QAAQC,QAA0BL,UAA1BK,OAAOC,OAAmBN,UAAnBM,MAASC,sCAAUP;QAAtFP;QAASQ;QAAoBC;QAAYC;QAAWC;QAAQC;QAAOC;;IAK1E,IAA4BE,+BAAAA,IAAAA,eAAQ,EAAC,YAA9BC,SAAqBD,cAAbE,YAAaF;IAE5B,IAAMG,UAAU,SAACC;QACbd,MAAMe,YAAY,CAACD;QACnBd,MAAMgB,aAAa,CAAC;YAACC,WAAW;YAAGC,UAAUlB,MAAMmB,KAAK,CAACC,UAAU,CAACF,QAAQ;QAAA;QAC5EN,UAAU;IACd;IAEA,IAAMS,WAAW;QACbT,UAAU;IACd;IAEA,IAAMU,aAAa,SAACC;eAA0BC,IAAAA,cAAK,EAACD,MAAME,MAAM,CAAC;;IACjE,IAAMC,iBAAiB,AAAC,GAA4CJ,OAA1CA,WAAWtB,MAAMmB,KAAK,CAACQ,SAAS,CAAC,EAAE,GAAE,OAA0C,OAArCL,WAAWtB,MAAMmB,KAAK,CAACQ,SAAS,CAAC,EAAE;IACvG,IAAMC,uBAAuB5B,MAAMmB,KAAK,CAACQ,SAAS,CAACE,KAAK,CACpD,SAACN;eAA0B,OAAOA,SAAS,YAAYA,SAAS;;IAGpE,IAAMO,iBAAiB;QAAC1B,YAAAA;QAAYE,QAAAA;IAAM;IAE1C,qBACI,qBAACyB,UAAI,CAACC,GAAG;QACLC,MAAK;QACLC,OAAOC,2BAAoB,CAACC,eAAe;QAC3CtC,KAAKA;OACDG,UAAU,iBAAiB;QAACI,WAAAA;QAAWE,OAAAA;OAAUuB,kBACjDrB;kBAEJ,cAAA,sBAAC4B,aAAO;YAAC1B,QAAQA;YAAQ2B,UAAU1B;;8BAC/B,qBAACyB,aAAO,CAACE,MAAM;8BACX,cAAA,qBAACC,eAAS;wBACNC,WAAU;wBACVC,2BAAa,qBAACC,kCAAgB;4BAACC,QAAQ;;wBACvCC,KAAK;wBACLC,SAAS;mCAAMlC,UAAU;;kCAExBgB,uBAAuBF,iBAAiB;;;8BAGjD,qBAACW,aAAO,CAACU,QAAQ;oBAACC,GAAG;8BACjB,cAAA,qBAACC,~~oCAA6B~~;wBAC1BC,cAAclD,MAAMmB,KAAK,CAACQ,SAAS;wBACnCd,SAASA;wBACTQ,UAAUA;wBACV1B,SAASA;wBACTQ,oBAAoBA;;;;;;AAM5C"}
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":["TableDateRangePicker","defaultProps","presets","factory","props","ref","useTableContext","store","getStyles","useProps","rangeCalendarProps","classNames","className","styles","style","vars","others","useState","opened","setOpened","onApply","dates","setDateRange","setPagination","pageIndex","pageSize","state","pagination","onCancel","formatDate","date","dayjs","format","formattedRange","dateRange","dateRangeInitialized","every","stylesApiProps","Grid","Col","span","order","TableComponentsOrder","DateRangePicker","Popover","onChange","Target","InputBase","component","leftSection","CalendarSize16Px","height","miw","onClick","Dropdown","p","DateRangePickerInlineCalendar","initialRange"],"mappings":";;;;+BA6CaA;;;eAAAA;;;;;;;;;gCA7CkB;oBACsE;8DACnF;qBAGK;6CAIhB;qBAE4B;4BACL;AA6B9B,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,IAA6FC,YAAAA,IAAAA,cAAQ,EACjG,8BACAR,cACAG,QAHGF,UAAsFO,UAAtFP,SAASQ,qBAA6ED,UAA7EC,oBAAoBC,aAAyDF,UAAzDE,YAAYC,YAA6CH,UAA7CG,WAAWC,SAAkCJ,UAAlCI,QAAQC,QAA0BL,UAA1BK,OAAOC,OAAmBN,UAAnBM,MAASC,sCAAUP;QAAtFP;QAASQ;QAAoBC;QAAYC;QAAWC;QAAQC;QAAOC;;IAK1E,IAA4BE,+BAAAA,IAAAA,eAAQ,EAAC,YAA9BC,SAAqBD,cAAbE,YAAaF;IAE5B,IAAMG,UAAU,SAACC;QACbd,MAAMe,YAAY,CAACD;QACnBd,MAAMgB,aAAa,CAAC;YAACC,WAAW;YAAGC,UAAUlB,MAAMmB,KAAK,CAACC,UAAU,CAACF,QAAQ;QAAA;QAC5EN,UAAU;IACd;IAEA,IAAMS,WAAW;QACbT,UAAU;IACd;IAEA,IAAMU,aAAa,SAACC;eAA0BC,IAAAA,cAAK,EAACD,MAAME,MAAM,CAAC;;IACjE,IAAMC,iBAAiB,AAAC,GAA4CJ,OAA1CA,WAAWtB,MAAMmB,KAAK,CAACQ,SAAS,CAAC,EAAE,GAAE,OAA0C,OAArCL,WAAWtB,MAAMmB,KAAK,CAACQ,SAAS,CAAC,EAAE;IACvG,IAAMC,uBAAuB5B,MAAMmB,KAAK,CAACQ,SAAS,CAACE,KAAK,CACpD,SAACN;eAA0B,OAAOA,SAAS,YAAYA,SAAS;;IAGpE,IAAMO,iBAAiB;QAAC1B,YAAAA;QAAYE,QAAAA;IAAM;IAE1C,qBACI,qBAACyB,UAAI,CAACC,GAAG;QACLC,MAAK;QACLC,OAAOC,2BAAoB,CAACC,eAAe;QAC3CtC,KAAKA;OACDG,UAAU,iBAAiB;QAACI,WAAAA;QAAWE,OAAAA;OAAUuB,kBACjDrB;kBAEJ,cAAA,sBAAC4B,aAAO;YAAC1B,QAAQA;YAAQ2B,UAAU1B;;8BAC/B,qBAACyB,aAAO,CAACE,MAAM;8BACX,cAAA,qBAACC,eAAS;wBACNC,WAAU;wBACVC,2BAAa,qBAACC,kCAAgB;4BAACC,QAAQ;;wBACvCC,KAAK;wBACLC,SAAS;mCAAMlC,UAAU;;kCAExBgB,uBAAuBF,iBAAiB;;;8BAGjD,qBAACW,aAAO,CAACU,QAAQ;oBAACC,GAAG;8BACjB,cAAA,qBAACC,4DAA6B;wBAC1BC,cAAclD,MAAMmB,KAAK,CAACQ,SAAS;wBACnCd,SAASA;wBACTQ,UAAUA;wBACV1B,SAASA;wBACTQ,oBAAoBA;;;;;;AAM5C"}

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

@@ -17,7 +17,7 @@ var _plasmareacticons = require("@coveord/plasma-react-icons");
 var _core = require("@mantine/core");
 var _hooks = require("@mantine/hooks");
 var _react = require("react");
-var _index = require("../../action-icon/index.js");
+var _ActionIcon = require("../../action-icon/ActionIcon.js");
 var _Table = require("../Table.js");
 var _TableContext = require("../TableContext.js");
 var defaultProps = {
@@ -72,7 +72,7 @@ var TableFilter = (0, _core.factory)(function(props, ref) {
         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)(_index.ActionIcon.Quaternary, {
+            rightSection: filter ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_ActionIcon.ActionIcon.Quaternary, {
                 onClick: handleClear,
                 children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.IconX, {
                     "aria-label": "clear",

package/dist/cjs/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":["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"],"mappings":";;;;+BA+BaA;;;eAAAA;;;;;;;;gCA/BmB;oBAC4D;qBAC9C;qBAC2B;~~qBAEhD~~;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;QAAtEP;QAAaQ;QAAYC;QAAWC;QAAQC;QAAOC;;IAK1D,IAA4BE,+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,SAACC;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,~~iBAAU~~,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"}
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":["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"],"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;QAAtEP;QAAaQ;QAAYC;QAAWC;QAAQC;QAAOC;;IAK1D,IAA4BE,+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,SAACC;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"}

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

@@ -14,10 +14,10 @@ var _object_without_properties = require("@swc/helpers/_/_object_without_propert
 var _jsxruntime = require("react/jsx-runtime");
 var _plasmareacticons = require("@coveord/plasma-react-icons");
 var _core = require("@mantine/core");
-var _index = require("../../button/index.js");
+var _Button = require("../../button/Button.js");
 var _TableLayoutControl = require("../layouts/TableLayoutControl.js");
 var _Table = require("../Table.js");
-var _index1 = require("../table-actions/index.js");
+var _TableHeaderActions = require("../table-actions/TableHeaderActions.js");
 var _TableContext = require("../TableContext.js");
 var defaultProps = {
     unselectAllLabel: 'Unselect all',
@@ -75,7 +75,7 @@ var TableHeader = (0, _core.factory)(function(props, ref) {
                     order: _Table.TableComponentsOrder.MultiSelectInfo,
                     children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Tooltip, {
                         label: unselectAllLabel,
-                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_index.Button.Quaternary, {
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.Button.Quaternary, {
                             onClick: store.clearRowSelection,
                             disabled: !store.rowSelectionEnabled,
                             leftSection: /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.CrossSize16Px, {
@@ -86,7 +86,7 @@ var TableHeader = (0, _core.factory)(function(props, ref) {
                     })
                 })) : null,
                 children,
-                showActions ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_index1.TableHeaderActions, {}) : null,
+                showActions ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_TableHeaderActions.TableHeaderActions, {}) : null,
                 /*#__PURE__*/ (0, _jsxruntime.jsx)(_TableLayoutControl.TableLayoutControl, {})
             ]
         })

package/dist/cjs/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":["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"],"mappings":";;;;+BA+CaA;;;eAAAA;;;;;;;gCA/Ce;oBACmE;~~qBAG1E~~;kCACY;qBACE;~~sBACF~~;4BACH;AAgC9B,IAAMC,eAA0C;IAC5CC,kBAAkB;IAClBC,oBAAoB,SAACC;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;QAXAR;QACAH;QACAC;QACAG;QACAQ;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGJ,IAAMG,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,~~aAAM~~,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,~~0BAAkB~~,QAAM;8BACxC,qBAACC,sCAAkB;;;;AAInC"}
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":["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"],"mappings":";;;;+BA+CaA;;;eAAAA;;;;;;;gCA/Ce;oBACmE;sBAG1E;kCACY;qBACE;kCACF;4BACH;AAgC9B,IAAMC,eAA0C;IAC5CC,kBAAkB;IAClBC,oBAAoB,SAACC;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;QAXAR;QACAH;QACAC;QACAG;QACAQ;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGJ,IAAMG,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"}

package/dist/cjs/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/cjs/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/cjs/components/table/table-header/Th.js CHANGED Viewed

@@ -15,7 +15,7 @@ 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 _index = require("../../../utils/index.js");
+var _createFactoryComponent = require("../../../utils/createFactoryComponent.js");
 var _TableContext = require("../TableContext.js");
 var SortingIcons = {
     asc: _plasmareacticons.ArrowUpSize16Px,
@@ -94,6 +94,6 @@ var Th = function(props) {
         })
     }));
 };
-Th.extend = _index.identity;
+Th.extend = _createFactoryComponent.identity;
 //# sourceMappingURL=Th.js.map

package/dist/cjs/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":["Th","SortingIcons","asc","ArrowUpSize16Px","desc","ArrowDownSize16Px","none","DoubleArrowHeadVSize16Px","SortingLabels","defaultProps","sortingIcons","props","getStyles","useTableContext","useProps","header","classNames","className","styles","style","vars","others","columnSizing","defaultColumnSizing","size","column","columnDef","minSize","maxSize","thStyles","isPlaceholder","getCanSort","th","width","minWidth","maxWidth","Group","wrap","gap","flexRender","getContext","onSort","getToggleSortingHandler","sortingOrder","getIsSorted","Icon","UnstyledButton","component","onClick","aria-sort","data-control","height","extend","identity"],"mappings":";;;;+BAuCaA;;;eAAAA;;;;;;;gCAvC8D;oBACc;0BACnC;~~qBAEH~~;4BACrB;AAW9B,IAAMC,eAAwC;IAC1CC,KAAKC,iCAAe;IACpBC,MAAMC,mCAAiB;IACvBC,MAAMC,0CAAwB;AAClC;AAEA,IAAMC,gBAAgE;IAClEN,KAAK;IACLE,MAAM;IACNE,MAAM;AACV;AASA,IAAMG,eAAiC;IACnCC,cAAcT;AAClB;AAEO,IAAMD,KAAK,SAAKW;IACnB,IAAM,AAACC,YAAaC,IAAAA,6BAAe,IAA5BD;IACP,IAAsFE,YAAAA,IAAAA,cAAQ,EAC1F,iBACAL,cACAE,QAHGI,SAA+ED,UAA/EC,QAAQL,eAAuEI,UAAvEJ,cAAcM,aAAyDF,UAAzDE,YAAYC,YAA6CH,UAA7CG,WAAWC,SAAkCJ,UAAlCI,QAAQC,QAA0BL,UAA1BK,OAAOC,OAAmBN,UAAnBM,MAASC,sCAAUP;QAA/EC;QAAQL;QAAcM;QAAYC;QAAWC;QAAQC;QAAOC;;IAMnE,IAAME,eAAe,4CACdC,+BAAmB;QACtBC,MAAMT,OAAOU,MAAM,CAACC,SAAS,CAACF,IAAI;QAClCG,SAASZ,OAAOU,MAAM,CAACC,SAAS,CAACC,OAAO;QACxCC,SAASb,OAAOU,MAAM,CAACC,SAAS,CAACE,OAAO;;IAG5C,IAAMC,WAAWjB,UAAU,MAAM;QAACI,YAAAA;QAAYC,WAAAA;QAAWC,QAAAA;QAAQC,OAAAA;IAAK;IAEtE,IAAIJ,OAAOe,aAAa,EAAE;QACtB,OAAO;IACX;IAEA,IAAI,CAACf,OAAOU,MAAM,CAACM,UAAU,IAAI;YAMVT;QALnB,qBACI,qBAACU;YACGf,WAAWY,SAASZ,SAAS;YAC7BE,OAAO,4CACAU,SAASV,KAAK;gBACjBc,OAAOX,CAAAA,qBAAAA,aAAaE,IAAI,cAAjBF,gCAAAA,qBAAqB;gBAC5BY,UAAUZ,aAAaK,OAAO;gBAC9BQ,UAAUb,aAAaM,OAAO;;WAE9BP;sBAEJ,cAAA,qBAACe,WAAK;gBAACC,MAAK;gBAASC,KAAI;0BACpBC,IAAAA,sBAAU,EAACxB,OAAOU,MAAM,CAACC,SAAS,CAACX,MAAM,EAAEA,OAAOyB,UAAU;;;IAI7E;IAEA,IAAMC,SAAS1B,OAAOU,MAAM,CAACiB,uBAAuB;IACpD,IAAMC,eAAe5B,OAAOU,MAAM,CAACmB,WAAW,MAAM;IACpD,IAAMC,OAAOnC,YAAY,CAACiC,aAAa;IAEvC,qBACI,qBAACG,oBAAc;QACXC,WAAU;QACVC,SAASP;QACTQ,aAAWzC,aAAa,CAACmC,aAAa;QACtCO,gBAAc;OACVrB,UACAR;kBAEJ,cAAA,sBAACe,WAAK;YAACC,MAAK;YAASC,KAAI;;gBACpBC,IAAAA,sBAAU,EAACxB,OAAOU,MAAM,CAACC,SAAS,CAACX,MAAM,EAAEA,OAAOyB,UAAU;8BAC7D,qBAACK;oBAAKM,QAAQ;oBAAIlB,OAAO;;;;;AAIzC;AACAjC,GAAGoD,MAAM,GAAGC,~~eAAQ~~"}
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":["Th","SortingIcons","asc","ArrowUpSize16Px","desc","ArrowDownSize16Px","none","DoubleArrowHeadVSize16Px","SortingLabels","defaultProps","sortingIcons","props","getStyles","useTableContext","useProps","header","classNames","className","styles","style","vars","others","columnSizing","defaultColumnSizing","size","column","columnDef","minSize","maxSize","thStyles","isPlaceholder","getCanSort","th","width","minWidth","maxWidth","Group","wrap","gap","flexRender","getContext","onSort","getToggleSortingHandler","sortingOrder","getIsSorted","Icon","UnstyledButton","component","onClick","aria-sort","data-control","height","extend","identity"],"mappings":";;;;+BAuCaA;;;eAAAA;;;;;;;gCAvC8D;oBACc;0BACnC;sCAEH;4BACrB;AAW9B,IAAMC,eAAwC;IAC1CC,KAAKC,iCAAe;IACpBC,MAAMC,mCAAiB;IACvBC,MAAMC,0CAAwB;AAClC;AAEA,IAAMC,gBAAgE;IAClEN,KAAK;IACLE,MAAM;IACNE,MAAM;AACV;AASA,IAAMG,eAAiC;IACnCC,cAAcT;AAClB;AAEO,IAAMD,KAAK,SAAKW;IACnB,IAAM,AAACC,YAAaC,IAAAA,6BAAe,IAA5BD;IACP,IAAsFE,YAAAA,IAAAA,cAAQ,EAC1F,iBACAL,cACAE,QAHGI,SAA+ED,UAA/EC,QAAQL,eAAuEI,UAAvEJ,cAAcM,aAAyDF,UAAzDE,YAAYC,YAA6CH,UAA7CG,WAAWC,SAAkCJ,UAAlCI,QAAQC,QAA0BL,UAA1BK,OAAOC,OAAmBN,UAAnBM,MAASC,sCAAUP;QAA/EC;QAAQL;QAAcM;QAAYC;QAAWC;QAAQC;QAAOC;;IAMnE,IAAME,eAAe,4CACdC,+BAAmB;QACtBC,MAAMT,OAAOU,MAAM,CAACC,SAAS,CAACF,IAAI;QAClCG,SAASZ,OAAOU,MAAM,CAACC,SAAS,CAACC,OAAO;QACxCC,SAASb,OAAOU,MAAM,CAACC,SAAS,CAACE,OAAO;;IAG5C,IAAMC,WAAWjB,UAAU,MAAM;QAACI,YAAAA;QAAYC,WAAAA;QAAWC,QAAAA;QAAQC,OAAAA;IAAK;IAEtE,IAAIJ,OAAOe,aAAa,EAAE;QACtB,OAAO;IACX;IAEA,IAAI,CAACf,OAAOU,MAAM,CAACM,UAAU,IAAI;YAMVT;QALnB,qBACI,qBAACU;YACGf,WAAWY,SAASZ,SAAS;YAC7BE,OAAO,4CACAU,SAASV,KAAK;gBACjBc,OAAOX,CAAAA,qBAAAA,aAAaE,IAAI,cAAjBF,gCAAAA,qBAAqB;gBAC5BY,UAAUZ,aAAaK,OAAO;gBAC9BQ,UAAUb,aAAaM,OAAO;;WAE9BP;sBAEJ,cAAA,qBAACe,WAAK;gBAACC,MAAK;gBAASC,KAAI;0BACpBC,IAAAA,sBAAU,EAACxB,OAAOU,MAAM,CAACC,SAAS,CAACX,MAAM,EAAEA,OAAOyB,UAAU;;;IAI7E;IAEA,IAAMC,SAAS1B,OAAOU,MAAM,CAACiB,uBAAuB;IACpD,IAAMC,eAAe5B,OAAOU,MAAM,CAACmB,WAAW,MAAM;IACpD,IAAMC,OAAOnC,YAAY,CAACiC,aAAa;IAEvC,qBACI,qBAACG,oBAAc;QACXC,WAAU;QACVC,SAASP;QACTQ,aAAWzC,aAAa,CAACmC,aAAa;QACtCO,gBAAc;OACVrB,UACAR;kBAEJ,cAAA,sBAACe,WAAK;YAACC,MAAK;YAASC,KAAI;;gBACpBC,IAAAA,sBAAU,EAACxB,OAAOU,MAAM,CAACC,SAAS,CAACX,MAAM,EAAEA,OAAOyB,UAAU;8BAC7D,qBAACK;oBAAKM,QAAQ;oBAAIlB,OAAO;;;;;AAIzC;AACAjC,GAAGoD,MAAM,GAAGC,gCAAQ"}

package/dist/cjs/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/cjs/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/cjs/index.js CHANGED Viewed

@@ -10,52 +10,64 @@ function _export(target, all) {
 }
 _export(exports, {
     get Accordion () {
-        return _index.Accordion;
+        return _Accordion.Accordion;
     },
     get ActionIcon () {
-        return _index.ActionIcon;
+        return _ActionIcon.ActionIcon;
     },
     get Alert () {
-        return _index.Alert;
+        return _Alert.Alert;
     },
     get Badge () {
-        return _index.Badge;
-    },
-    get BrowserPreview () {
-        return _index.BrowserPreview;
+        return _Badge.Badge;
     },
     get Button () {
-        return _index.Button;
+        return _Button.Button;
     },
     get Chip () {
-        return _index.Chip;
-    },
-    get CopyToClipboard () {
-        return _index.CopyToClipboard;
+        return _Chip.Chip;
     },
     get Header () {
-        return _index.Header;
+        return _Header.Header;
     },
     get Menu () {
-        return _index.Menu;
+        return _Menu.Menu;
     },
     get Modal () {
-        return _index.Modal;
+        return _Modal.Modal;
     },
     get Pagination () {
         return _core.Pagination;
     },
     get PasswordInput () {
-        return _index.PasswordInput;
+        return _PasswordInput.PasswordInput;
     },
     get Select () {
-        return _index.Select;
+        return _Select.Select;
     },
     get Table () {
-        return _index.Table;
+        return _Table.Table;
+    },
+    get TableComponentsOrder () {
+        return _Table.TableComponentsOrder;
+    },
+    get enhanceWithCollectionProps () {
+        return _enhanceWithCollectionProps.enhanceWithCollectionProps;
     },
     get noop () {
         return _core.noop;
+    },
+    get renderTableCell () {
+        return _reacttable.flexRender;
+    },
+    get useTable () {
+        return _usetable.useTable;
+    },
+    get useTableContext () {
+        return _TableContext.useTableContext;
+    },
+    get useUrlSyncedState () {
+        return _useurlsyncedstate.useUrlSyncedState;
     }
 });
 var _export_star = require("@swc/helpers/_/_export_star");
@@ -65,7 +77,44 @@ _export_star._(require("@mantine/form"), exports);
 _export_star._(require("@mantine/hooks"), exports);
 _export_star._(require("@mantine/notifications"), exports);
 _export_star._(require("@tanstack/table-core"), exports);
-var _index = _export_star._(require("./components/index.js"), exports);
-_export_star._(require("./theme/index.js"), exports);
+var _Accordion = require("./components/accordion/Accordion.js");
+var _ActionIcon = require("./components/action-icon/ActionIcon.js");
+var _Alert = require("./components/alert/Alert.js");
+var _Badge = require("./components/badge/Badge.js");
+_export_star._(require("./components/blank-slate/BlankSlate.js"), exports);
+_export_star._(require("./components/browser-preview/BrowserPreview.js"), exports);
+var _Button = require("./components/button/Button.js");
+_export_star._(require("./components/checkbox/CheckboxIcon.js"), exports);
+_export_star._(require("./components/child-form/ChildForm.js"), exports);
+var _Chip = require("./components/chip/Chip.js");
+_export_star._(require("./components/code-editor/CodeEditor.js"), exports);
+_export_star._(require("./components/collection/Collection.js"), exports);
+var _enhanceWithCollectionProps = require("./components/collection/enhanceWithCollectionProps.js");
+_export_star._(require("./components/copyToClipboard/CopyToClipboard.js"), exports);
+_export_star._(require("./components/date-range-picker/DateRangePickerInlineCalendar.js"), exports);
+_export_star._(require("./components/date-range-picker/DateRangePickerPopoverCalendar.js"), exports);
+_export_star._(require("./components/date-range-picker/DateRangePickerPresetSelect.js"), exports);
+_export_star._(require("./components/date-time-range-picker/DateTimeRangePicker.js"), exports);
+_export_star._(require("./components/ellipsis-text/EllipsisText.js"), exports);
+var _Header = require("./components/header/Header.js");
+_export_star._(require("./components/info-token/InfoToken.js"), exports);
+_export_star._(require("./components/inline-confirm/InlineConfirm.js"), exports);
+_export_star._(require("./components/inline-confirm/InlineConfirmContext.js"), exports);
+_export_star._(require("./components/last-updated/LastUpdated.js"), exports);
+_export_star._(require("./components/loader/CircleLoader.js"), exports);
+var _Menu = require("./components/menu/Menu.js");
+var _Modal = require("./components/modal/Modal.js");
+_export_star._(require("./components/modal/ModalFooter.js"), exports);
+_export_star._(require("./components/prompt/Prompt.js"), exports);
+var _PasswordInput = require("./components/read-only/PasswordInput.js");
+var _Select = require("./components/read-only/Select.js");
+_export_star._(require("./components/sticky-footer/StickyFooter.js"), exports);
+var _reacttable = require("@tanstack/react-table");
+var _Table = require("./components/table/Table.js");
+var _TableContext = require("./components/table/TableContext.js");
+var _usetable = require("./components/table/use-table.js");
+var _useurlsyncedstate = require("./components/table/use-url-synced-state.js");
+_export_star._(require("./theme/plasmaCSSVariablesResolver.js"), exports);
+_export_star._(require("./theme/Plasmantine.js"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/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":["Accordion","ActionIcon","Alert","Badge","~~BrowserPreview","~~Button","Chip","~~CopyToClipboard","~~Header","Menu","Modal","Pagination","PasswordInput","Select","Table","noop"],"mappings":";;;;;;;;;;;~~QAkBIA~~;eAAAA,~~gBAAS~~;;~~QACTC~~;eAAAA,~~iBAAU~~;;~~QACVC~~;eAAAA,YAAK;;~~QACLC~~;eAAAA,YAAK;;~~QACLC~~;eAAAA,~~qBAAc~~;;~~QACdC~~;eAAAA,~~aAAM~~;;~~QACNC~~;eAAAA,~~WAAI~~;;~~QACJC~~;eAAAA,~~sBAAe~~;;~~QACfC~~;eAAAA,~~aAAM~~;;~~QACNC~~;eAAAA,~~WAAI~~;;~~QACJC~~;eAAAA,YAAK;;~~QAtBDC~~;eAAAA,~~gBAAU~~;;~~QAuBdC~~;eAAAA,~~oBAAa~~;;~~QACbC~~;eAAAA,~~aAAM~~;;~~QACNC~~;eAAAA,~~YAAK~~;;~~QAjBDC~~;eAAAA,~~UAAI~~;;;;~~mCAd2B~~;uBAIzB;uBAIA;uBACA;uBACA;uBAEA;~~oCACA~~;~~uBA8BA~~"}
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":["Accordion","ActionIcon","Alert","Badge","Button","Chip","Header","Menu","Modal","Pagination","PasswordInput","Select","Table","TableComponentsOrder","enhanceWithCollectionProps","noop","renderTableCell","flexRender","useTable","useTableContext","useUrlSyncedState"],"mappings":";;;;;;;;;;;QAgBQA;eAAAA,oBAAS;;QAGTC;eAAAA,sBAAU;;QAGVC;eAAAA,YAAK;;QAITC;eAAAA,YAAK;;QAaDC;eAAAA,cAAM;;QAUNC;eAAAA,UAAI;;QAyBRC;eAAAA,cAAM;;QAwBFC;eAAAA,UAAI;;QAGJC;eAAAA,YAAK;;QA/FLC;eAAAA,gBAAU;;QAsGVC;eAAAA,4BAAa;;QACbC;eAAAA,cAAM;;QAONC;eAAAA,YAAK;;QAAEC;eAAAA,2BAAoB;;QA5D3BC;eAAAA,sDAA0B;;QA4E1BC;eAAAA,UAAI;;QAjBUC;eAAdC,sBAAU;;QAUVC;eAAAA,kBAAQ;;QADRC;eAAAA,6BAAe;;QAGnBC;eAAAA,oCAAiB;;;;mCA/HkB;uBAIzB;uBAIA;uBACA;uBACA;uBAEA;yBAIU;0BAGuB;qBAG3B;qBAQb;uBAGO;uBAGA;sBAGyB;uBAIzB;uBAGA;oBAGK;uBAGL;uBAGA;0CAC2B;uBAG3B;uBAGA;uBACA;uBACA;uBAGA;uBAGA;sBAYP;uBAGO;uBAGA;uBACA;uBAGA;uBAGA;oBAGyB;qBAGiB;uBAC1C;uBAGA;6BAGc;sBACP;uBAGP;0BAG8B;qBACuB;4BAQrC;wBACiD;iCAKxE;uBAKO;uBACA"}

package/dist/cjs/styles/Breadcrumbs.module.css CHANGED Viewed

@@ -5,8 +5,8 @@
 .breadcrumb {
     line-height: 14px;
+}
-    &:not(a) {
-        color: var(--coveo-color-title);
-    }
+.separator {
+    color: var(--coveo-color-title);
 }

package/dist/cjs/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/cjs/theme/Theme.js CHANGED Viewed

@@ -16,7 +16,10 @@ var _plasmareacticons = require("@coveord/plasma-react-icons");
 var _plasmatokens = require("@coveord/plasma-tokens");
 var _core = require("@mantine/core");
 var _dates = require("@mantine/dates");
-var _index = require("../components/index.js");
+var _Accordion = require("../components/accordion/Accordion.js");
+var _CheckboxIcon = require("../components/checkbox/CheckboxIcon.js");
+var _CircleLoader = require("../components/loader/CircleLoader.js");
+var _InfoToken = require("../components/info-token/InfoToken.js");
 var _Accordionmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Accordion.module.css"));
 var _ActionIconmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/ActionIcon.module.css"));
 var _Alertmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Alert.module.css"));
@@ -147,7 +150,7 @@ var plasmaTheme = (0, _core.createTheme)({
     primaryShade: 5,
     colors: _PlasmaColors.PlasmaColors,
     components: {
-        Accordion: _index.Accordion.extend({
+        Accordion: _Accordion.Accordion.extend({
             classNames: _Accordionmodulecss.default
         }),
         ActionIcon: _core.ActionIcon.extend({
@@ -167,7 +170,7 @@ var plasmaTheme = (0, _core.createTheme)({
         }),
         Alert: _core.Alert.extend({
             defaultProps: {
-                icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_index.InfoToken, {
+                icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_InfoToken.InfoToken, {
                     variant: "advice"
                 }),
                 p: 'sm'
@@ -216,7 +219,7 @@ var plasmaTheme = (0, _core.createTheme)({
         Checkbox: _core.Checkbox.extend({
             defaultProps: {
                 radius: 'sm',
-                icon: _index.CheckboxIcon
+                icon: _CheckboxIcon.CheckboxIcon
             },
             classNames: function(theme, props) {
                 if (props.readOnly && !props.disabled) {
@@ -228,7 +231,7 @@ var plasmaTheme = (0, _core.createTheme)({
         CheckboxIndicator: _core.Checkbox.Indicator.extend({
             defaultProps: {
                 radius: 'sm',
-                icon: _index.CheckboxIcon
+                icon: _CheckboxIcon.CheckboxIcon
             },
             classNames: _CheckboxIndicatormodulecss.default
         }),
@@ -352,7 +355,7 @@ var plasmaTheme = (0, _core.createTheme)({
         Loader: _core.Loader.extend({
             defaultProps: {
                 loaders: _object_spread_props._(_object_spread._({}, _core.Loader.defaultLoaders), {
-                    circle: _index.CircleLoader
+                    circle: _CircleLoader.CircleLoader
                 }),
                 type: 'circle',
                 role: 'presentation'