@coveord/plasma-mantine 56.12.0 → 56.14.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.turbo/turbo-build.log +4 -4
- package/.turbo/turbo-test.log +102 -104
- package/dist/.tsbuildinfo +1 -1
- package/dist/cjs/components/Anchor/Anchor.d.ts +1 -1
- package/dist/cjs/components/Anchor/Anchor.d.ts.map +1 -1
- package/dist/cjs/components/Anchor/Anchor.js +1 -0
- package/dist/cjs/components/Anchor/Anchor.js.map +1 -1
- package/dist/cjs/components/Breadcrumbs/Breadcrumbs.d.ts.map +1 -1
- package/dist/cjs/components/Breadcrumbs/Breadcrumbs.js +1 -0
- package/dist/cjs/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/dist/cjs/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/cjs/components/Checkbox/Checkbox.js +1 -0
- package/dist/cjs/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/cjs/components/CloseButton/CloseButton.d.ts.map +1 -1
- package/dist/cjs/components/CloseButton/CloseButton.js +1 -0
- package/dist/cjs/components/CloseButton/CloseButton.js.map +1 -1
- package/dist/cjs/components/DateRangePicker/DateRangePicker.d.ts +2 -2
- package/dist/cjs/components/DateRangePicker/DateRangePicker.d.ts.map +1 -1
- package/dist/cjs/components/DateRangePicker/DateRangePicker.js +2 -1
- package/dist/cjs/components/DateRangePicker/DateRangePicker.js.map +1 -1
- package/dist/cjs/components/Flex/Flex.d.ts.map +1 -1
- package/dist/cjs/components/Flex/Flex.js +1 -0
- package/dist/cjs/components/Flex/Flex.js.map +1 -1
- package/dist/cjs/components/Group/Group.d.ts.map +1 -1
- package/dist/cjs/components/Group/Group.js +1 -0
- package/dist/cjs/components/Group/Group.js.map +1 -1
- package/dist/cjs/components/Header/Header.d.ts.map +1 -1
- package/dist/cjs/components/Header/Header.js +3 -1
- package/dist/cjs/components/Header/Header.js.map +1 -1
- package/dist/cjs/components/Kbd/Kbd.d.ts.map +1 -1
- package/dist/cjs/components/Kbd/Kbd.js +1 -0
- package/dist/cjs/components/Kbd/Kbd.js.map +1 -1
- package/dist/cjs/components/Loader/Loader.d.ts.map +1 -1
- package/dist/cjs/components/Loader/Loader.js +1 -0
- package/dist/cjs/components/Loader/Loader.js.map +1 -1
- package/dist/cjs/components/Notification/Notification.d.ts.map +1 -1
- package/dist/cjs/components/Notification/Notification.js +1 -0
- package/dist/cjs/components/Notification/Notification.js.map +1 -1
- package/dist/cjs/components/Pagination/Pagination.d.ts.map +1 -1
- package/dist/cjs/components/Pagination/Pagination.js +1 -0
- package/dist/cjs/components/Pagination/Pagination.js.map +1 -1
- package/dist/cjs/components/Pill/Pill.d.ts.map +1 -1
- package/dist/cjs/components/Pill/Pill.js +1 -0
- package/dist/cjs/components/Pill/Pill.js.map +1 -1
- package/dist/cjs/components/Progress/Progress.d.ts.map +1 -1
- package/dist/cjs/components/Progress/Progress.js +1 -0
- package/dist/cjs/components/Progress/Progress.js.map +1 -1
- package/dist/cjs/components/Radio/Radio.d.ts.map +1 -1
- package/dist/cjs/components/Radio/Radio.js +2 -0
- package/dist/cjs/components/Radio/Radio.js.map +1 -1
- package/dist/cjs/components/RadioCard/RadioCard.d.ts +4 -0
- package/dist/cjs/components/RadioCard/RadioCard.d.ts.map +1 -1
- package/dist/cjs/components/RadioCard/RadioCard.js +3 -1
- package/dist/cjs/components/RadioCard/RadioCard.js.map +1 -1
- package/dist/cjs/components/Skeleton/Skeleton.d.ts.map +1 -1
- package/dist/cjs/components/Skeleton/Skeleton.js +1 -0
- package/dist/cjs/components/Skeleton/Skeleton.js.map +1 -1
- package/dist/cjs/components/Slider/Slider.d.ts.map +1 -1
- package/dist/cjs/components/Slider/Slider.js +1 -0
- package/dist/cjs/components/Slider/Slider.js.map +1 -1
- package/dist/cjs/components/Stack/Stack.d.ts.map +1 -1
- package/dist/cjs/components/Stack/Stack.js +1 -0
- package/dist/cjs/components/Stack/Stack.js.map +1 -1
- package/dist/cjs/components/Switch/Switch.d.ts.map +1 -1
- package/dist/cjs/components/Switch/Switch.js +2 -0
- package/dist/cjs/components/Switch/Switch.js.map +1 -1
- package/dist/cjs/components/Table/table-column/TableActionsColumn.d.ts.map +1 -1
- package/dist/cjs/components/Table/table-column/TableActionsColumn.js +1 -1
- package/dist/cjs/components/Table/table-column/TableActionsColumn.js.map +1 -1
- package/dist/cjs/components/Table/table-columns-selector/TableColumnsSelector.d.ts +2 -2
- package/dist/cjs/components/Table/table-columns-selector/TableColumnsSelector.d.ts.map +1 -1
- package/dist/cjs/components/Table/table-columns-selector/TableColumnsSelector.js +10 -13
- package/dist/cjs/components/Table/table-columns-selector/TableColumnsSelector.js.map +1 -1
- package/dist/cjs/components/Text/Text.d.ts.map +1 -1
- package/dist/cjs/components/Text/Text.js +1 -0
- package/dist/cjs/components/Text/Text.js.map +1 -1
- package/dist/cjs/styles/RadioCard.module.css +19 -0
- package/dist/esm/components/Anchor/Anchor.d.ts +1 -1
- package/dist/esm/components/Anchor/Anchor.d.ts.map +1 -1
- package/dist/esm/components/Anchor/Anchor.js +2 -0
- package/dist/esm/components/Anchor/Anchor.js.map +1 -1
- package/dist/esm/components/Breadcrumbs/Breadcrumbs.d.ts.map +1 -1
- package/dist/esm/components/Breadcrumbs/Breadcrumbs.js +2 -0
- package/dist/esm/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/dist/esm/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/esm/components/Checkbox/Checkbox.js +2 -0
- package/dist/esm/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/esm/components/CloseButton/CloseButton.d.ts.map +1 -1
- package/dist/esm/components/CloseButton/CloseButton.js +2 -0
- package/dist/esm/components/CloseButton/CloseButton.js.map +1 -1
- package/dist/esm/components/DateRangePicker/DateRangePicker.d.ts +2 -2
- package/dist/esm/components/DateRangePicker/DateRangePicker.d.ts.map +1 -1
- package/dist/esm/components/DateRangePicker/DateRangePicker.js +2 -1
- package/dist/esm/components/DateRangePicker/DateRangePicker.js.map +1 -1
- package/dist/esm/components/Flex/Flex.d.ts.map +1 -1
- package/dist/esm/components/Flex/Flex.js +2 -0
- package/dist/esm/components/Flex/Flex.js.map +1 -1
- package/dist/esm/components/Group/Group.d.ts.map +1 -1
- package/dist/esm/components/Group/Group.js +2 -0
- package/dist/esm/components/Group/Group.js.map +1 -1
- package/dist/esm/components/Header/Header.d.ts.map +1 -1
- package/dist/esm/components/Header/Header.js +1 -0
- package/dist/esm/components/Header/Header.js.map +1 -1
- package/dist/esm/components/Kbd/Kbd.d.ts.map +1 -1
- package/dist/esm/components/Kbd/Kbd.js +2 -0
- package/dist/esm/components/Kbd/Kbd.js.map +1 -1
- package/dist/esm/components/Loader/Loader.d.ts.map +1 -1
- package/dist/esm/components/Loader/Loader.js +2 -0
- package/dist/esm/components/Loader/Loader.js.map +1 -1
- package/dist/esm/components/Notification/Notification.d.ts.map +1 -1
- package/dist/esm/components/Notification/Notification.js +2 -0
- package/dist/esm/components/Notification/Notification.js.map +1 -1
- package/dist/esm/components/Pagination/Pagination.d.ts.map +1 -1
- package/dist/esm/components/Pagination/Pagination.js +2 -0
- package/dist/esm/components/Pagination/Pagination.js.map +1 -1
- package/dist/esm/components/Pill/Pill.d.ts.map +1 -1
- package/dist/esm/components/Pill/Pill.js +2 -0
- package/dist/esm/components/Pill/Pill.js.map +1 -1
- package/dist/esm/components/Progress/Progress.d.ts.map +1 -1
- package/dist/esm/components/Progress/Progress.js +2 -0
- package/dist/esm/components/Progress/Progress.js.map +1 -1
- package/dist/esm/components/Radio/Radio.d.ts.map +1 -1
- package/dist/esm/components/Radio/Radio.js +3 -0
- package/dist/esm/components/Radio/Radio.js.map +1 -1
- package/dist/esm/components/RadioCard/RadioCard.d.ts +4 -0
- package/dist/esm/components/RadioCard/RadioCard.d.ts.map +1 -1
- package/dist/esm/components/RadioCard/RadioCard.js +2 -0
- package/dist/esm/components/RadioCard/RadioCard.js.map +1 -1
- package/dist/esm/components/Skeleton/Skeleton.d.ts.map +1 -1
- package/dist/esm/components/Skeleton/Skeleton.js +2 -0
- package/dist/esm/components/Skeleton/Skeleton.js.map +1 -1
- package/dist/esm/components/Slider/Slider.d.ts.map +1 -1
- package/dist/esm/components/Slider/Slider.js +2 -0
- package/dist/esm/components/Slider/Slider.js.map +1 -1
- package/dist/esm/components/Stack/Stack.d.ts.map +1 -1
- package/dist/esm/components/Stack/Stack.js +2 -0
- package/dist/esm/components/Stack/Stack.js.map +1 -1
- package/dist/esm/components/Switch/Switch.d.ts.map +1 -1
- package/dist/esm/components/Switch/Switch.js +3 -0
- package/dist/esm/components/Switch/Switch.js.map +1 -1
- package/dist/esm/components/Table/table-column/TableActionsColumn.d.ts.map +1 -1
- package/dist/esm/components/Table/table-column/TableActionsColumn.js +2 -2
- package/dist/esm/components/Table/table-column/TableActionsColumn.js.map +1 -1
- package/dist/esm/components/Table/table-columns-selector/TableColumnsSelector.d.ts +2 -2
- package/dist/esm/components/Table/table-columns-selector/TableColumnsSelector.d.ts.map +1 -1
- package/dist/esm/components/Table/table-columns-selector/TableColumnsSelector.js +8 -10
- package/dist/esm/components/Table/table-columns-selector/TableColumnsSelector.js.map +1 -1
- package/dist/esm/components/Text/Text.d.ts.map +1 -1
- package/dist/esm/components/Text/Text.js +2 -0
- package/dist/esm/components/Text/Text.js.map +1 -1
- package/dist/esm/styles/RadioCard.module.css +19 -0
- package/package.json +3 -3
- package/src/components/Anchor/Anchor.ts +6 -2
- package/src/components/Breadcrumbs/Breadcrumbs.ts +4 -0
- package/src/components/Checkbox/Checkbox.ts +3 -0
- package/src/components/CloseButton/CloseButton.ts +3 -0
- package/src/components/DateRangePicker/DateRangePicker.tsx +5 -3
- package/src/components/Flex/Flex.ts +4 -0
- package/src/components/Group/Group.ts +4 -0
- package/src/components/Header/Header.tsx +7 -2
- package/src/components/Kbd/Kbd.ts +4 -0
- package/src/components/Loader/Loader.ts +4 -0
- package/src/components/Notification/Notification.ts +4 -0
- package/src/components/Pagination/Pagination.ts +4 -0
- package/src/components/Pill/Pill.ts +4 -0
- package/src/components/Progress/Progress.ts +4 -0
- package/src/components/Radio/Radio.ts +5 -0
- package/src/components/RadioCard/RadioCard.tsx +6 -0
- package/src/components/Skeleton/Skeleton.ts +4 -0
- package/src/components/Slider/Slider.ts +4 -0
- package/src/components/Stack/Stack.ts +4 -0
- package/src/components/Switch/Switch.ts +5 -0
- package/src/components/Table/table-column/TableActionsColumn.tsx +2 -5
- package/src/components/Table/table-columns-selector/TableColumnsSelector.tsx +8 -9
- package/src/components/Text/Text.ts +4 -0
- package/src/styles/RadioCard.module.css +19 -0
|
@@ -31,7 +31,7 @@ var TableActionsColumn = {
|
|
|
31
31
|
return null;
|
|
32
32
|
}
|
|
33
33
|
var options = typeof rowConfigurable === 'boolean' ? {} : rowConfigurable;
|
|
34
|
-
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_TableColumnsSelector.
|
|
34
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_TableColumnsSelector.TableColumnsSelector, {
|
|
35
35
|
table: table,
|
|
36
36
|
options: options
|
|
37
37
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/Table/table-column/TableActionsColumn.tsx"],"sourcesContent":["import {MoreSize16Px} from '@coveord/plasma-react-icons';\nimport {useProps} from '@mantine/core';\nimport {CellContext, ColumnDef} from '@tanstack/table-core';\nimport {FunctionComponent} from 'react';\nimport {TableActionsList, TableActionsListProps} from '../table-actions/TableActionsList.js';\n\nimport {useTableContext} from '../TableContext.js';\nimport {
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/Table/table-column/TableActionsColumn.tsx"],"sourcesContent":["import {MoreSize16Px} from '@coveord/plasma-react-icons';\nimport {useProps} from '@mantine/core';\nimport {CellContext, ColumnDef} from '@tanstack/table-core';\nimport {FunctionComponent} from 'react';\nimport {TableActionsList, TableActionsListProps} from '../table-actions/TableActionsList.js';\n\nimport {useTableContext} from '../TableContext.js';\nimport {TableColumnsSelector, TableColumnsSelectorOptions} from '../table-columns-selector/TableColumnsSelector.js';\n\nexport interface TableActionsColumnMeta {\n /**\n * When set to `true` or an options object, displays a column selector button in the actions column header.\n * Allows users to show/hide columns in the table.\n *\n * @example\n * // Simple usage\n * options={{ meta: { rowConfigurable: true } }}\n *\n * // With options\n * options={{ meta: { rowConfigurable: { maxSelectableColumns: 5 } } }}\n */\n rowConfigurable?: boolean | TableColumnsSelectorOptions;\n}\n\n/**\n * Generic column to use when your table needs actions on rows\n */\nexport const TableActionsColumn: ColumnDef<unknown> = {\n id: 'actions',\n enableSorting: false,\n enableHiding: false,\n meta: {\n controlColumn: true,\n },\n header: ({table}) => {\n const rowConfigurable = (table.options.meta as TableActionsColumnMeta)?.rowConfigurable;\n if (!rowConfigurable) {\n return null;\n }\n const options = typeof rowConfigurable === 'boolean' ? {} : rowConfigurable;\n return <TableColumnsSelector table={table} options={options} />;\n },\n size: 84, // 16px padding left + 28px ActionIcon + 40px padding right\n cell: (info) => <ActionsMenu info={info} />,\n};\n\ninterface TableActionsColumnProps extends Omit<TableActionsListProps, 'actions'> {\n info: CellContext<unknown, unknown>;\n}\n\nconst defaultProps: Partial<TableActionsColumnProps> = {\n label: 'Actions',\n icon: <MoreSize16Px height={16} />,\n};\n\nconst ActionsMenu: FunctionComponent<TableActionsColumnProps> = (props) => {\n const {getRowActions} = useTableContext();\n\n const {info, ...others} = useProps('PlasmaTableActionsColumn', defaultProps, props);\n\n const actionsElements = getRowActions([info.row.original]);\n return <TableActionsList actions={actionsElements} variant=\"combined\" {...others} />;\n};\n"],"names":["TableActionsColumn","id","enableSorting","enableHiding","meta","controlColumn","header","table","rowConfigurable","options","TableColumnsSelector","size","cell","info","ActionsMenu","defaultProps","label","icon","MoreSize16Px","height","props","getRowActions","useTableContext","useProps","others","actionsElements","row","original","TableActionsList","actions","variant"],"mappings":";;;;+BA2BaA;;;eAAAA;;;;;;gCA3Bc;oBACJ;gCAG+B;4BAExB;oCACkC;AAoBzD,IAAMA,qBAAyC;IAClDC,IAAI;IACJC,eAAe;IACfC,cAAc;IACdC,MAAM;QACFC,eAAe;IACnB;IACAC,QAAQ;YAAEC,cAAAA;YACmBA;QAAzB,IAAMC,mBAAmBD,sBAAAA,MAAME,OAAO,CAACL,IAAI,cAAlBG,0CAAD,AAACA,oBAA+CC,eAAe;QACvF,IAAI,CAACA,iBAAiB;YAClB,OAAO;QACX;QACA,IAAMC,UAAU,OAAOD,oBAAoB,YAAY,CAAC,IAAIA;QAC5D,qBAAO,qBAACE,0CAAoB;YAACH,OAAOA;YAAOE,SAASA;;IACxD;IACAE,MAAM;IACNC,MAAM,SAACC;6BAAS,qBAACC;YAAYD,MAAMA;;;AACvC;AAMA,IAAME,eAAiD;IACnDC,OAAO;IACPC,oBAAM,qBAACC,8BAAY;QAACC,QAAQ;;AAChC;AAEA,IAAML,cAA0D,SAACM;IAC7D,IAAM,AAACC,gBAAiBC,IAAAA,6BAAe,IAAhCD;IAEP,IAA0BE,YAAAA,IAAAA,cAAQ,EAAC,4BAA4BR,cAAcK,QAAvE,AAACP,OAAmBU,UAAnBV,MAASW,sCAAUD;QAAnBV;;IAEP,IAAMY,kBAAkBJ,cAAc;QAACR,KAAKa,GAAG,CAACC,QAAQ;KAAC;IACzD,qBAAO,qBAACC,kCAAgB;QAACC,SAASJ;QAAiBK,SAAQ;OAAeN;AAC9E"}
|
|
@@ -23,9 +23,9 @@ export interface TableColumnsSelectorOptions {
|
|
|
23
23
|
*/
|
|
24
24
|
alwaysVisibleTooltip?: string;
|
|
25
25
|
}
|
|
26
|
-
export interface
|
|
26
|
+
export interface TableColumnsSelectorProps {
|
|
27
27
|
table: Table<unknown>;
|
|
28
28
|
options?: TableColumnsSelectorOptions;
|
|
29
29
|
}
|
|
30
|
-
export declare const
|
|
30
|
+
export declare const TableColumnsSelector: ({ table, options }: TableColumnsSelectorProps) => import("react/jsx-runtime").JSX.Element;
|
|
31
31
|
//# sourceMappingURL=TableColumnsSelector.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableColumnsSelector.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/table-columns-selector/TableColumnsSelector.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TableColumnsSelector.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/table-columns-selector/TableColumnsSelector.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,KAAK,EAAC,MAAM,uBAAuB,CAAC;AAGhE,MAAM,WAAW,2BAA2B;IACxC;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,oBAAoB,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IAC7D;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,MAAM,WAAW,yBAAyB;IACtC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IACtB,OAAO,CAAC,EAAE,2BAA2B,CAAC;CACzC;AAUD,eAAO,MAAM,oBAAoB,GAAI,oBAAkB,yBAAyB,4CAgF/E,CAAC"}
|
|
@@ -2,18 +2,16 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
Object.defineProperty(exports, "
|
|
5
|
+
Object.defineProperty(exports, "TableColumnsSelector", {
|
|
6
6
|
enumerable: true,
|
|
7
7
|
get: function() {
|
|
8
|
-
return
|
|
8
|
+
return TableColumnsSelector;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
11
|
var _object_spread = require("@swc/helpers/_/_object_spread");
|
|
12
|
-
var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
|
|
13
12
|
var _jsxruntime = require("react/jsx-runtime");
|
|
14
13
|
var _plasmareacticons = require("@coveord/plasma-react-icons");
|
|
15
14
|
var _core = require("@mantine/core");
|
|
16
|
-
var _hooks = require("@mantine/hooks");
|
|
17
15
|
var _reacttable = require("@tanstack/react-table");
|
|
18
16
|
var _ActionIcon = require("../../ActionIcon/ActionIcon");
|
|
19
17
|
var DEFAULT_OPTIONS = {
|
|
@@ -23,10 +21,9 @@ var DEFAULT_OPTIONS = {
|
|
|
23
21
|
limitReachedTooltip: 'You have reached the maximum display limit.',
|
|
24
22
|
alwaysVisibleTooltip: 'This column is always visible.'
|
|
25
23
|
};
|
|
26
|
-
var
|
|
24
|
+
var TableColumnsSelector = function(param) {
|
|
27
25
|
var table = param.table, options = param.options;
|
|
28
26
|
var _$_object_spread = _object_spread._({}, DEFAULT_OPTIONS, options), maxSelectableColumns = _$_object_spread.maxSelectableColumns, footer = _$_object_spread.footer, limitReachedTooltip = _$_object_spread.limitReachedTooltip, alwaysVisibleTooltip = _$_object_spread.alwaysVisibleTooltip;
|
|
29
|
-
var _useDisclosure = _sliced_to_array._((0, _hooks.useDisclosure)(false), 2), opened = _useDisclosure[0], _useDisclosure_ = _useDisclosure[1], toggle = _useDisclosure_.toggle, close = _useDisclosure_.close;
|
|
30
27
|
var allColumns = table.getAllLeafColumns();
|
|
31
28
|
var filteredColumns = allColumns.filter(function(column) {
|
|
32
29
|
var _column_columnDef_meta;
|
|
@@ -74,17 +71,17 @@ var TableColumnsSelectorHeader = function(param) {
|
|
|
74
71
|
}, column.id);
|
|
75
72
|
});
|
|
76
73
|
return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Popover, {
|
|
77
|
-
opened: opened,
|
|
78
|
-
onClose: close,
|
|
79
74
|
position: "bottom-end",
|
|
80
75
|
shadow: "md",
|
|
81
76
|
children: [
|
|
82
77
|
/*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Popover.Target, {
|
|
83
|
-
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
78
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Tooltip, {
|
|
79
|
+
label: "Edit columns",
|
|
80
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_ActionIcon.ActionIcon.Tertiary, {
|
|
81
|
+
"aria-label": "settings",
|
|
82
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.IconSettings, {
|
|
83
|
+
height: 16
|
|
84
|
+
})
|
|
88
85
|
})
|
|
89
86
|
})
|
|
90
87
|
}),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/Table/table-columns-selector/TableColumnsSelector.tsx"],"sourcesContent":["import {IconSettings} from '@coveord/plasma-react-icons';\nimport {Checkbox, Divider, Popover, ScrollArea, Stack, Text, Tooltip} from '@mantine/core';\nimport {
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/Table/table-columns-selector/TableColumnsSelector.tsx"],"sourcesContent":["import {IconSettings} from '@coveord/plasma-react-icons';\nimport {Checkbox, Divider, Popover, ScrollArea, Stack, Text, Tooltip} from '@mantine/core';\nimport {flexRender, Header, Table} from '@tanstack/react-table';\nimport {ActionIcon} from '../../ActionIcon/ActionIcon';\n\nexport interface TableColumnsSelectorOptions {\n /**\n * The maximum number of columns that can be selected at the same time.\n * If defined a footer will render with the remaining number of columns that can be selected.\n * Must be a positive integer (greater than 0).\n */\n maxSelectableColumns?: number;\n /**\n * The content to display in the footer when maxSelectableColumns is defined.\n * Can be a string or a function that receives the maxSelectableColumns value.\n * @default (max) => `You can display up to ${max} columns.`\n */\n footer?: string | ((maxSelectableColumns: number) => string);\n /**\n * The tooltip to display when the user hovers over a disabled checkbox because of the limit.\n * @default 'You have reached the maximum display limit.'\n */\n limitReachedTooltip?: string;\n /**\n * The tooltip to display when the user hovers over a disabled checkbox because a column cannot be hidden.\n * @default 'This column is always visible.'\n */\n alwaysVisibleTooltip?: string;\n}\n\nexport interface TableColumnsSelectorProps {\n table: Table<unknown>;\n options?: TableColumnsSelectorOptions;\n}\n\nconst DEFAULT_OPTIONS: Omit<TableColumnsSelectorOptions, 'footer'> & {\n footer: (maxSelectableColumns: number) => string;\n} = {\n footer: (max) => `You can display up to ${max} columns.`,\n limitReachedTooltip: 'You have reached the maximum display limit.',\n alwaysVisibleTooltip: 'This column is always visible.',\n};\n\nexport const TableColumnsSelector = ({table, options}: TableColumnsSelectorProps) => {\n const {maxSelectableColumns, footer, limitReachedTooltip, alwaysVisibleTooltip} = {\n ...DEFAULT_OPTIONS,\n ...options,\n };\n\n const allColumns = table.getAllLeafColumns();\n const filteredColumns = allColumns.filter((column) => !column.columnDef.meta?.controlColumn);\n const selectedColumnsCount = filteredColumns.filter((column) => column.getIsVisible()).length;\n\n // Validate maxSelectableColumns - must be a positive integer to be effective\n const effectiveMaxColumns =\n maxSelectableColumns !== undefined && maxSelectableColumns > 0 ? maxSelectableColumns : undefined;\n\n if (filteredColumns.length <= 0) {\n return null;\n }\n\n const getColumnState = (column: (typeof filteredColumns)[number]) => {\n const alwaysVisible = !column.getCanHide();\n const isDisabled =\n (effectiveMaxColumns !== undefined &&\n selectedColumnsCount >= effectiveMaxColumns &&\n !column.getIsVisible()) ||\n alwaysVisible;\n const isVisible = column.getIsVisible() || alwaysVisible;\n return {alwaysVisible, isDisabled, isVisible};\n };\n\n const columnOptions = filteredColumns.map((column) => {\n const {alwaysVisible, isDisabled, isVisible} = getColumnState(column);\n\n return (\n <Tooltip\n label={alwaysVisible ? alwaysVisibleTooltip : limitReachedTooltip}\n disabled={!isDisabled}\n position=\"left\"\n key={column.id}\n >\n <div>\n <Checkbox\n label={flexRender(column.columnDef.header, {\n table,\n column,\n header: {column} as Header<unknown, unknown>,\n })}\n name={column.id}\n checked={isVisible}\n disabled={isDisabled}\n onChange={column.getToggleVisibilityHandler()}\n />\n </div>\n </Tooltip>\n );\n });\n\n return (\n <Popover position=\"bottom-end\" shadow=\"md\">\n <Popover.Target>\n <Tooltip label=\"Edit columns\">\n <ActionIcon.Tertiary aria-label=\"settings\">\n <IconSettings height={16} />\n </ActionIcon.Tertiary>\n </Tooltip>\n </Popover.Target>\n <Popover.Dropdown miw={270} pb=\"xs\">\n <ScrollArea.Autosize mah={200} type=\"auto\">\n <Stack gap=\"xs\">{columnOptions}</Stack>\n </ScrollArea.Autosize>\n {effectiveMaxColumns && (\n <>\n <Divider my=\"xs\" mx=\"-sm\" />\n <Text size=\"sm\" c=\"dimmed\">\n {typeof footer === 'function' ? footer(effectiveMaxColumns) : footer}\n </Text>\n </>\n )}\n </Popover.Dropdown>\n </Popover>\n );\n};\n"],"names":["TableColumnsSelector","DEFAULT_OPTIONS","footer","max","limitReachedTooltip","alwaysVisibleTooltip","table","options","maxSelectableColumns","allColumns","getAllLeafColumns","filteredColumns","filter","column","columnDef","meta","controlColumn","selectedColumnsCount","getIsVisible","length","effectiveMaxColumns","undefined","getColumnState","alwaysVisible","getCanHide","isDisabled","isVisible","columnOptions","map","Tooltip","label","disabled","position","div","Checkbox","flexRender","header","name","id","checked","onChange","getToggleVisibilityHandler","Popover","shadow","Target","ActionIcon","Tertiary","aria-label","IconSettings","height","Dropdown","miw","pb","ScrollArea","Autosize","mah","type","Stack","gap","Divider","my","mx","Text","size","c"],"mappings":";;;;+BA2CaA;;;eAAAA;;;;;gCA3Cc;oBACgD;0BACnC;0BACf;AAgCzB,IAAMC,kBAEF;IACAC,QAAQ,SAACC;eAAQ,AAAC,yBAA4B,OAAJA,KAAI;;IAC9CC,qBAAqB;IACrBC,sBAAsB;AAC1B;AAEO,IAAML,uBAAuB;QAAEM,cAAAA,OAAOC,gBAAAA;IACzC,IAAkF,mBAAA,qBAC3EN,iBACAM,UAFAC,uBAA2E,iBAA3EA,sBAAsBN,SAAqD,iBAArDA,QAAQE,sBAA6C,iBAA7CA,qBAAqBC,uBAAwB,iBAAxBA;IAK1D,IAAMI,aAAaH,MAAMI,iBAAiB;IAC1C,IAAMC,kBAAkBF,WAAWG,MAAM,CAAC,SAACC;YAAYA;eAAD,GAACA,yBAAAA,OAAOC,SAAS,CAACC,IAAI,cAArBF,6CAAAA,uBAAuBG,aAAa;;IAC3F,IAAMC,uBAAuBN,gBAAgBC,MAAM,CAAC,SAACC;eAAWA,OAAOK,YAAY;OAAIC,MAAM;IAE7F,6EAA6E;IAC7E,IAAMC,sBACFZ,yBAAyBa,aAAab,uBAAuB,IAAIA,uBAAuBa;IAE5F,IAAIV,gBAAgBQ,MAAM,IAAI,GAAG;QAC7B,OAAO;IACX;IAEA,IAAMG,iBAAiB,SAACT;QACpB,IAAMU,gBAAgB,CAACV,OAAOW,UAAU;QACxC,IAAMC,aACF,AAACL,wBAAwBC,aACrBJ,wBAAwBG,uBACxB,CAACP,OAAOK,YAAY,MACxBK;QACJ,IAAMG,YAAYb,OAAOK,YAAY,MAAMK;QAC3C,OAAO;YAACA,eAAAA;YAAeE,YAAAA;YAAYC,WAAAA;QAAS;IAChD;IAEA,IAAMC,gBAAgBhB,gBAAgBiB,GAAG,CAAC,SAACf;QACvC,IAA+CS,kBAAAA,eAAeT,SAAvDU,gBAAwCD,gBAAxCC,eAAeE,aAAyBH,gBAAzBG,YAAYC,YAAaJ,gBAAbI;QAElC,qBACI,qBAACG,aAAO;YACJC,OAAOP,gBAAgBlB,uBAAuBD;YAC9C2B,UAAU,CAACN;YACXO,UAAS;sBAGT,cAAA,qBAACC;0BACG,cAAA,qBAACC,cAAQ;oBACLJ,OAAOK,IAAAA,sBAAU,EAACtB,OAAOC,SAAS,CAACsB,MAAM,EAAE;wBACvC9B,OAAAA;wBACAO,QAAAA;wBACAuB,QAAQ;4BAACvB,QAAAA;wBAAM;oBACnB;oBACAwB,MAAMxB,OAAOyB,EAAE;oBACfC,SAASb;oBACTK,UAAUN;oBACVe,UAAU3B,OAAO4B,0BAA0B;;;WAZ9C5B,OAAOyB,EAAE;IAiB1B;IAEA,qBACI,sBAACI,aAAO;QAACV,UAAS;QAAaW,QAAO;;0BAClC,qBAACD,aAAO,CAACE,MAAM;0BACX,cAAA,qBAACf,aAAO;oBAACC,OAAM;8BACX,cAAA,qBAACe,sBAAU,CAACC,QAAQ;wBAACC,cAAW;kCAC5B,cAAA,qBAACC,8BAAY;4BAACC,QAAQ;;;;;0BAIlC,sBAACP,aAAO,CAACQ,QAAQ;gBAACC,KAAK;gBAAKC,IAAG;;kCAC3B,qBAACC,gBAAU,CAACC,QAAQ;wBAACC,KAAK;wBAAKC,MAAK;kCAChC,cAAA,qBAACC,WAAK;4BAACC,KAAI;sCAAM/B;;;oBAEpBP,qCACG;;0CACI,qBAACuC,aAAO;gCAACC,IAAG;gCAAKC,IAAG;;0CACpB,qBAACC,UAAI;gCAACC,MAAK;gCAAKC,GAAE;0CACb,OAAO9D,WAAW,aAAaA,OAAOkB,uBAAuBlB;;;;;;;;AAO1F"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../src/components/Text/Text.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../src/components/Text/Text.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,IAAI,EAAE,KAAK,WAAW,EAAE,KAAK,SAAS,EAAC,MAAM,eAAe,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Text/Text.ts"],"sourcesContent":["
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Text/Text.ts"],"sourcesContent":["import {Text} from '@mantine/core';\n\nText.displayName = 'Text';\n\nexport {Text, type TextFactory, type TextProps} from '@mantine/core';\n"],"names":["Text","displayName"],"mappings":";;;;+BAIQA;;;eAAAA,UAAI;;;oBAJO;AAEnBA,UAAI,CAACC,WAAW,GAAG"}
|
|
@@ -17,6 +17,7 @@
|
|
|
17
17
|
|
|
18
18
|
&[disabled] {
|
|
19
19
|
pointer-events: none;
|
|
20
|
+
border-color: var(--mantine-color-default-border);
|
|
20
21
|
|
|
21
22
|
.title {
|
|
22
23
|
color: var(--mantine-color-disabled-color);
|
|
@@ -26,6 +27,24 @@
|
|
|
26
27
|
color: var(--mantine-color-disabled-color);
|
|
27
28
|
}
|
|
28
29
|
}
|
|
30
|
+
|
|
31
|
+
&[readonly] {
|
|
32
|
+
pointer-events: none;
|
|
33
|
+
border-color: var(--mantine-color-default-border);
|
|
34
|
+
|
|
35
|
+
& .indicator {
|
|
36
|
+
border-color: var(--mantine-color-default-border);
|
|
37
|
+
|
|
38
|
+
&[data-checked] {
|
|
39
|
+
background-color: var(--coveo-color-bg-readonly);
|
|
40
|
+
color: var(--coveo-color-text-readonly);
|
|
41
|
+
|
|
42
|
+
& > svg {
|
|
43
|
+
color: var(--coveo-color-text-readonly);
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
}
|
|
29
48
|
}
|
|
30
49
|
|
|
31
50
|
.container {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { Anchor, type
|
|
1
|
+
export { Anchor, type AnchorCssVariables, type AnchorFactory, type AnchorProps, type AnchorStylesNames, type AnchorVariant, } from '@mantine/core';
|
|
2
2
|
//# sourceMappingURL=Anchor.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Anchor.d.ts","sourceRoot":"","sources":["../../../../src/components/Anchor/Anchor.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Anchor.d.ts","sourceRoot":"","sources":["../../../../src/components/Anchor/Anchor.ts"],"names":[],"mappings":"AAIA,OAAO,EACH,MAAM,EACN,KAAK,kBAAkB,EACvB,KAAK,aAAa,EAClB,KAAK,WAAW,EAChB,KAAK,iBAAiB,EACtB,KAAK,aAAa,GACrB,MAAM,eAAe,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Anchor/Anchor.ts"],"sourcesContent":["
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Anchor/Anchor.ts"],"sourcesContent":["import {Anchor} from '@mantine/core';\n\nAnchor.displayName = 'Anchor';\n\nexport {\n Anchor,\n type AnchorCssVariables,\n type AnchorFactory,\n type AnchorProps,\n type AnchorStylesNames,\n type AnchorVariant,\n} from '@mantine/core';\n"],"names":["Anchor","displayName"],"mappings":"AAAA,SAAQA,MAAM,QAAO,gBAAgB;AAErCA,OAAOC,WAAW,GAAG;AAErB,SACID,MAAM,QAMH,gBAAgB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/Breadcrumbs.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/Breadcrumbs.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,WAAW,EAAE,KAAK,kBAAkB,EAAE,KAAK,gBAAgB,EAAC,MAAM,eAAe,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Breadcrumbs/Breadcrumbs.ts"],"sourcesContent":["
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Breadcrumbs/Breadcrumbs.ts"],"sourcesContent":["import {Breadcrumbs} from '@mantine/core';\n\nBreadcrumbs.displayName = 'Breadcrumbs';\n\nexport {Breadcrumbs, type BreadcrumbsFactory, type BreadcrumbsProps} from '@mantine/core';\n"],"names":["Breadcrumbs","displayName"],"mappings":"AAAA,SAAQA,WAAW,QAAO,gBAAgB;AAE1CA,YAAYC,WAAW,GAAG;AAE1B,SAAQD,WAAW,QAAuD,gBAAgB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,QAAQ,EAAE,KAAK,eAAe,EAAE,KAAK,aAAa,EAAC,MAAM,eAAe,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Checkbox/Checkbox.ts"],"sourcesContent":["
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Checkbox/Checkbox.ts"],"sourcesContent":["import {Checkbox} from '@mantine/core';\nCheckbox.displayName = 'Checkbox';\n\nexport {Checkbox, type CheckboxFactory, type CheckboxProps} from '@mantine/core';\n"],"names":["Checkbox","displayName"],"mappings":"AAAA,SAAQA,QAAQ,QAAO,gBAAgB;AACvCA,SAASC,WAAW,GAAG;AAEvB,SAAQD,QAAQ,QAAiD,gBAAgB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CloseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/CloseButton/CloseButton.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CloseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/CloseButton/CloseButton.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,WAAW,EAAE,KAAK,kBAAkB,EAAE,KAAK,gBAAgB,EAAC,MAAM,eAAe,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/CloseButton/CloseButton.ts"],"sourcesContent":["
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/CloseButton/CloseButton.ts"],"sourcesContent":["import {CloseButton} from '@mantine/core';\nCloseButton.displayName = 'CloseButton';\n\nexport {CloseButton, type CloseButtonFactory, type CloseButtonProps} from '@mantine/core';\n"],"names":["CloseButton","displayName"],"mappings":"AAAA,SAAQA,WAAW,QAAO,gBAAgB;AAC1CA,YAAYC,WAAW,GAAG;AAE1B,SAAQD,WAAW,QAAuD,gBAAgB"}
|
|
@@ -51,12 +51,12 @@ export interface DateRangePickerProps extends BoxProps, Pick<DateRangePickerInli
|
|
|
51
51
|
}
|
|
52
52
|
export type DateRangePickerFactory = Factory<{
|
|
53
53
|
props: DateRangePickerProps;
|
|
54
|
-
ref:
|
|
54
|
+
ref: HTMLButtonElement;
|
|
55
55
|
stylesNames: DateRangePickerStylesNames;
|
|
56
56
|
}>;
|
|
57
57
|
export declare const DateRangePicker: import("@mantine/core").MantineComponent<{
|
|
58
58
|
props: DateRangePickerProps;
|
|
59
|
-
ref:
|
|
59
|
+
ref: HTMLButtonElement;
|
|
60
60
|
stylesNames: DateRangePickerStylesNames;
|
|
61
61
|
}>;
|
|
62
62
|
//# sourceMappingURL=DateRangePicker.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EACH,QAAQ,EAER,OAAO,EAGP,YAAY,EACZ,cAAc,EAGjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,eAAe,EAAkB,MAAM,gBAAgB,CAAC;AAEhE,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAgC,kCAAkC,EAAC,MAAM,iCAAiC,CAAC;AAgBlH,MAAM,MAAM,0BAA0B,GAAG,OAAO,CAAC;AAEjD,MAAM,WAAW,oBACb,
|
|
1
|
+
{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EACH,QAAQ,EAER,OAAO,EAGP,YAAY,EACZ,cAAc,EAGjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,eAAe,EAAkB,MAAM,gBAAgB,CAAC;AAEhE,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAgC,kCAAkC,EAAC,MAAM,iCAAiC,CAAC;AAgBlH,MAAM,MAAM,0BAA0B,GAAG,OAAO,CAAC;AAEjD,MAAM,WAAW,oBACb,SACI,QAAQ,EACR,IAAI,CAAC,kCAAkC,EAAE,SAAS,GAAG,oBAAoB,GAAG,YAAY,GAAG,UAAU,CAAC,EACtG,IAAI,CAAC,YAAY,EAAE,QAAQ,GAAG,eAAe,CAAC,EAC9C,cAAc,CAAC,sBAAsB,CAAC;IAC1C;;OAEG;IACH,OAAO,CAAC,IAAI,IAAI,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,IAAI,IAAI,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,CAAC,KAAK,EAAE,eAAe,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC;IAChD;;OAEG;IACH,cAAc,CAAC,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI,CAAC;IACvC;;;;OAIG;IACH,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,UAAU,KAAK,MAAM,CAAC;IAC/C;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IACvC;;OAEG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAChC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,MAAM,sBAAsB,GAAG,OAAO,CAAC;IACzC,KAAK,EAAE,oBAAoB,CAAC;IAC5B,GAAG,EAAE,iBAAiB,CAAC;IACvB,WAAW,EAAE,0BAA0B,CAAC;CAC3C,CAAC,CAAC;AAOH,eAAO,MAAM,eAAe;WAVjB,oBAAoB;SACtB,iBAAiB;iBACT,0BAA0B;EA+GzC,CAAC"}
|
|
@@ -29,7 +29,7 @@ const defaultProps = {
|
|
|
29
29
|
placeholder: 'Select date range',
|
|
30
30
|
formatter: (time)=>dayjs(time).format('MMM D, YYYY')
|
|
31
31
|
};
|
|
32
|
-
export const DateRangePicker = factory((props)=>{
|
|
32
|
+
export const DateRangePicker = factory((props, ref)=>{
|
|
33
33
|
const { defaultValue, value, opened, defaultOpened, onOpenedChange, onClick, onCancel, onChange, presets, startProps, endProps, rangeCalendarProps, formatter, placeholder, syncWithUrl, error, className, classNames, style, styles, vars, unstyled, ...others } = useProps('PlasmaDateRangePicker', defaultProps, props);
|
|
34
34
|
const getStyles = useStyles({
|
|
35
35
|
name: 'DateRangePicker',
|
|
@@ -84,6 +84,7 @@ export const DateRangePicker = factory((props)=>{
|
|
|
84
84
|
children: [
|
|
85
85
|
/*#__PURE__*/ _jsx(Popover.Target, {
|
|
86
86
|
children: /*#__PURE__*/ _jsx(InputBase, {
|
|
87
|
+
ref: ref,
|
|
87
88
|
component: "button",
|
|
88
89
|
leftSection: /*#__PURE__*/ _jsx(IconCalendar, {
|
|
89
90
|
height: 16
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["import {IconCalendar} from '@coveord/plasma-react-icons';\nimport {\n BoxProps,\n factory,\n Factory,\n InputBase,\n Popover,\n PopoverProps,\n StylesApiProps,\n useProps,\n useStyles,\n} from '@mantine/core';\nimport {DatesRangeValue, DateStringValue} from '@mantine/dates';\nimport {useUncontrolled} from '@mantine/hooks';\nimport dayjs from 'dayjs';\nimport {useUrlSyncedState, UseUrlSyncedStateOptions} from '../../hooks/use-url-synced-state';\nimport classes from './DateRange.module.css';\nimport {DateRangePickerInlineCalendar, DateRangePickerInlineCalendarProps} from './DateRangePickerInlineCalendar';\n\nconst serialization = (input: Pick<UseUrlSyncedStateOptions<DatesRangeValue<string>>, 'serializer' | 'deserializer'>) =>\n Object.freeze(input);\n\nconst DATE_RANGE_SERIALIZATION = serialization({\n serializer: ([from, to]) => [\n ['from', from ? new Date(from).toISOString() : '', true],\n ['to', to ? new Date(to).toISOString() : '', true],\n ],\n deserializer: (params, initial) => [\n params.get('from') ? params.get('from') : initial[0],\n params.get('to') ? params.get('to') : initial[1],\n ],\n});\n\nexport type DateRangePickerStylesNames = 'input';\n\nexport interface DateRangePickerProps\n extends
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["import {IconCalendar} from '@coveord/plasma-react-icons';\nimport {\n BoxProps,\n factory,\n Factory,\n InputBase,\n Popover,\n PopoverProps,\n StylesApiProps,\n useProps,\n useStyles,\n} from '@mantine/core';\nimport {DatesRangeValue, DateStringValue} from '@mantine/dates';\nimport {useUncontrolled} from '@mantine/hooks';\nimport dayjs from 'dayjs';\nimport {useUrlSyncedState, UseUrlSyncedStateOptions} from '../../hooks/use-url-synced-state';\nimport classes from './DateRange.module.css';\nimport {DateRangePickerInlineCalendar, DateRangePickerInlineCalendarProps} from './DateRangePickerInlineCalendar';\n\nconst serialization = (input: Pick<UseUrlSyncedStateOptions<DatesRangeValue<string>>, 'serializer' | 'deserializer'>) =>\n Object.freeze(input);\n\nconst DATE_RANGE_SERIALIZATION = serialization({\n serializer: ([from, to]) => [\n ['from', from ? new Date(from).toISOString() : '', true],\n ['to', to ? new Date(to).toISOString() : '', true],\n ],\n deserializer: (params, initial) => [\n params.get('from') ? params.get('from') : initial[0],\n params.get('to') ? params.get('to') : initial[1],\n ],\n});\n\nexport type DateRangePickerStylesNames = 'input';\n\nexport interface DateRangePickerProps\n extends\n BoxProps,\n Pick<DateRangePickerInlineCalendarProps, 'presets' | 'rangeCalendarProps' | 'startProps' | 'endProps'>,\n Pick<PopoverProps, 'opened' | 'defaultOpened'>,\n StylesApiProps<DateRangePickerFactory> {\n /**\n * Called when the target input is clicked\n */\n onClick?(): void;\n /**\n * Function called when the cancel button is clicked.\n */\n onCancel?(): void;\n /**\n * Function called when the date range value changes.\n */\n onChange?(dates: DatesRangeValue<string>): void;\n /**\n * Called when the popover opened state changes.\n */\n onOpenedChange?(opened: boolean): void;\n /**\n * Optional formatter function to format the date value.\n * Receives the date prop and should return a string.\n * @default (time) => dayjs(time).format('MMM D, YYYY')\n */\n formatter?: (time: dayjs.ConfigType) => string;\n /**\n * The placeholder label to display when no date range is selected.\n *\n * @default \"Select date range\"\n */\n placeholder?: string;\n /**\n * Default value for uncontrolled input\n */\n defaultValue?: DatesRangeValue<string>;\n /**\n * Value for controlled input\n */\n value?: DatesRangeValue<string>;\n /**\n * Sync the selected dates to URL query parameters\n */\n syncWithUrl?: boolean;\n /**\n * Error message to display.\n */\n error?: string;\n}\n\nexport type DateRangePickerFactory = Factory<{\n props: DateRangePickerProps;\n ref: HTMLButtonElement;\n stylesNames: DateRangePickerStylesNames;\n}>;\n\nconst defaultProps: Partial<DateRangePickerProps> = {\n placeholder: 'Select date range',\n formatter: (time) => dayjs(time).format('MMM D, YYYY'),\n};\n\nexport const DateRangePicker = factory<DateRangePickerFactory>((props: DateRangePickerProps, ref) => {\n const {\n defaultValue,\n value,\n opened,\n defaultOpened,\n onOpenedChange,\n onClick,\n onCancel,\n onChange,\n presets,\n startProps,\n endProps,\n rangeCalendarProps,\n formatter,\n placeholder,\n syncWithUrl,\n error,\n className,\n classNames,\n style,\n styles,\n vars,\n unstyled,\n ...others\n } = useProps('PlasmaDateRangePicker', defaultProps as Partial<DateRangePickerProps>, props);\n\n const getStyles = useStyles<DateRangePickerFactory>({\n name: 'DateRangePicker',\n classes,\n props,\n className,\n classNames,\n style,\n styles,\n unstyled,\n vars,\n });\n const stylesApiProps = {classNames, styles};\n\n const [_opened, setOpened] = useUncontrolled({\n value: opened,\n defaultValue: defaultOpened,\n finalValue: false,\n onChange: onOpenedChange,\n });\n\n const [dateRange, setDateRange] = useUrlSyncedState<DatesRangeValue<string>>({\n ...DATE_RANGE_SERIALIZATION,\n initialState: defaultValue !== undefined ? defaultValue : [null, null],\n sync: !!syncWithUrl,\n });\n\n const handleApply = (dates: DatesRangeValue<string>) => {\n if (value === undefined) {\n setDateRange(dates);\n }\n onChange?.(dates);\n setOpened(false);\n };\n\n const handleClick = () => {\n setOpened(true);\n onClick?.();\n };\n\n const handleCancel = () => {\n setOpened(false);\n onCancel?.();\n };\n\n const _value = value ?? dateRange;\n const formattedRange = `${formatter(_value[0])} - ${formatter(_value[1])}`;\n const dateRangeInitialized = _value.every((date: DateStringValue) => typeof date === 'string' && date !== '');\n\n return (\n <Popover opened={_opened} onChange={setOpened}>\n <Popover.Target>\n <InputBase\n ref={ref}\n component=\"button\"\n leftSection={<IconCalendar height={16} />}\n onClick={handleClick}\n error={error}\n {...getStyles('input', {className, style, ...stylesApiProps})}\n {...others}\n >\n {dateRangeInitialized ? formattedRange : placeholder}\n </InputBase>\n </Popover.Target>\n <Popover.Dropdown p={0}>\n <DateRangePickerInlineCalendar\n initialRange={_value}\n onApply={handleApply}\n onCancel={handleCancel}\n presets={presets}\n rangeCalendarProps={rangeCalendarProps}\n startProps={startProps}\n endProps={endProps}\n />\n </Popover.Dropdown>\n </Popover>\n );\n});\n"],"names":["IconCalendar","factory","InputBase","Popover","useProps","useStyles","useUncontrolled","dayjs","useUrlSyncedState","classes","DateRangePickerInlineCalendar","serialization","input","Object","freeze","DATE_RANGE_SERIALIZATION","serializer","from","to","Date","toISOString","deserializer","params","initial","get","defaultProps","placeholder","formatter","time","format","DateRangePicker","props","ref","defaultValue","value","opened","defaultOpened","onOpenedChange","onClick","onCancel","onChange","presets","startProps","endProps","rangeCalendarProps","syncWithUrl","error","className","classNames","style","styles","vars","unstyled","others","getStyles","name","stylesApiProps","_opened","setOpened","finalValue","dateRange","setDateRange","initialState","undefined","sync","handleApply","dates","handleClick","handleCancel","_value","formattedRange","dateRangeInitialized","every","date","Target","component","leftSection","height","Dropdown","p","initialRange","onApply"],"mappings":";AAAA,SAAQA,YAAY,QAAO,8BAA8B;AACzD,SAEIC,OAAO,EAEPC,SAAS,EACTC,OAAO,EAGPC,QAAQ,EACRC,SAAS,QACN,gBAAgB;AAEvB,SAAQC,eAAe,QAAO,iBAAiB;AAC/C,OAAOC,WAAW,QAAQ;AAC1B,SAAQC,iBAAiB,QAAiC,mCAAmC;AAC7F,OAAOC,aAAa,yBAAyB;AAC7C,SAAQC,6BAA6B,QAA2C,kCAAkC;AAElH,MAAMC,gBAAgB,CAACC,QACnBC,OAAOC,MAAM,CAACF;AAElB,MAAMG,2BAA2BJ,cAAc;IAC3CK,YAAY,CAAC,CAACC,MAAMC,GAAG,GAAK;YACxB;gBAAC;gBAAQD,OAAO,IAAIE,KAAKF,MAAMG,WAAW,KAAK;gBAAI;aAAK;YACxD;gBAAC;gBAAMF,KAAK,IAAIC,KAAKD,IAAIE,WAAW,KAAK;gBAAI;aAAK;SACrD;IACDC,cAAc,CAACC,QAAQC,UAAY;YAC/BD,OAAOE,GAAG,CAAC,UAAUF,OAAOE,GAAG,CAAC,UAAUD,OAAO,CAAC,EAAE;YACpDD,OAAOE,GAAG,CAAC,QAAQF,OAAOE,GAAG,CAAC,QAAQD,OAAO,CAAC,EAAE;SACnD;AACL;AA8DA,MAAME,eAA8C;IAChDC,aAAa;IACbC,WAAW,CAACC,OAASrB,MAAMqB,MAAMC,MAAM,CAAC;AAC5C;AAEA,OAAO,MAAMC,kBAAkB7B,QAAgC,CAAC8B,OAA6BC;IACzF,MAAM,EACFC,YAAY,EACZC,KAAK,EACLC,MAAM,EACNC,aAAa,EACbC,cAAc,EACdC,OAAO,EACPC,QAAQ,EACRC,QAAQ,EACRC,OAAO,EACPC,UAAU,EACVC,QAAQ,EACRC,kBAAkB,EAClBjB,SAAS,EACTD,WAAW,EACXmB,WAAW,EACXC,KAAK,EACLC,SAAS,EACTC,UAAU,EACVC,KAAK,EACLC,MAAM,EACNC,IAAI,EACJC,QAAQ,EACR,GAAGC,QACN,GAAGjD,SAAS,yBAAyBqB,cAA+CM;IAErF,MAAMuB,YAAYjD,UAAkC;QAChDkD,MAAM;QACN9C;QACAsB;QACAgB;QACAC;QACAC;QACAC;QACAE;QACAD;IACJ;IACA,MAAMK,iBAAiB;QAACR;QAAYE;IAAM;IAE1C,MAAM,CAACO,SAASC,UAAU,GAAGpD,gBAAgB;QACzC4B,OAAOC;QACPF,cAAcG;QACduB,YAAY;QACZnB,UAAUH;IACd;IAEA,MAAM,CAACuB,WAAWC,aAAa,GAAGrD,kBAA2C;QACzE,GAAGO,wBAAwB;QAC3B+C,cAAc7B,iBAAiB8B,YAAY9B,eAAe;YAAC;YAAM;SAAK;QACtE+B,MAAM,CAAC,CAACnB;IACZ;IAEA,MAAMoB,cAAc,CAACC;QACjB,IAAIhC,UAAU6B,WAAW;YACrBF,aAAaK;QACjB;QACA1B,WAAW0B;QACXR,UAAU;IACd;IAEA,MAAMS,cAAc;QAChBT,UAAU;QACVpB;IACJ;IAEA,MAAM8B,eAAe;QACjBV,UAAU;QACVnB;IACJ;IAEA,MAAM8B,SAASnC,SAAS0B;IACxB,MAAMU,iBAAiB,GAAG3C,UAAU0C,MAAM,CAAC,EAAE,EAAE,GAAG,EAAE1C,UAAU0C,MAAM,CAAC,EAAE,GAAG;IAC1E,MAAME,uBAAuBF,OAAOG,KAAK,CAAC,CAACC,OAA0B,OAAOA,SAAS,YAAYA,SAAS;IAE1G,qBACI,MAACtE;QAAQgC,QAAQsB;QAASjB,UAAUkB;;0BAChC,KAACvD,QAAQuE,MAAM;0BACX,cAAA,KAACxE;oBACG8B,KAAKA;oBACL2C,WAAU;oBACVC,2BAAa,KAAC5E;wBAAa6E,QAAQ;;oBACnCvC,SAAS6B;oBACTrB,OAAOA;oBACN,GAAGQ,UAAU,SAAS;wBAACP;wBAAWE;wBAAO,GAAGO,cAAc;oBAAA,EAAE;oBAC5D,GAAGH,MAAM;8BAETkB,uBAAuBD,iBAAiB5C;;;0BAGjD,KAACvB,QAAQ2E,QAAQ;gBAACC,GAAG;0BACjB,cAAA,KAACrE;oBACGsE,cAAcX;oBACdY,SAAShB;oBACT1B,UAAU6B;oBACV3B,SAASA;oBACTG,oBAAoBA;oBACpBF,YAAYA;oBACZC,UAAUA;;;;;AAK9B,GAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../../src/components/Flex/Flex.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../../src/components/Flex/Flex.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,IAAI,EAAE,KAAK,WAAW,EAAE,KAAK,SAAS,EAAC,MAAM,eAAe,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Flex/Flex.ts"],"sourcesContent":["
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Flex/Flex.ts"],"sourcesContent":["import {Flex} from '@mantine/core';\n\nFlex.displayName = 'Flex';\n\nexport {Flex, type FlexFactory, type FlexProps} from '@mantine/core';\n"],"names":["Flex","displayName"],"mappings":"AAAA,SAAQA,IAAI,QAAO,gBAAgB;AAEnCA,KAAKC,WAAW,GAAG;AAEnB,SAAQD,IAAI,QAAyC,gBAAgB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../../src/components/Group/Group.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../../src/components/Group/Group.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,KAAK,EAAE,KAAK,YAAY,EAAE,KAAK,UAAU,EAAC,MAAM,eAAe,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Group/Group.ts"],"sourcesContent":["
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Group/Group.ts"],"sourcesContent":["import {Group} from '@mantine/core';\n\nGroup.displayName = 'Group';\n\nexport {Group, type GroupFactory, type GroupProps} from '@mantine/core';\n"],"names":["Group","displayName"],"mappings":"AAAA,SAAQA,KAAK,QAAO,gBAAgB;AAEpCA,MAAMC,WAAW,GAAG;AAEpB,SAAQD,KAAK,QAA2C,gBAAgB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/Header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,OAAO,EAEP,UAAU,EAEV,cAAc,EAMjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAW,WAAW,EAAgB,SAAS,EAAC,MAAM,OAAO,CAAC;AAGrE,OAAO,EACH,sBAAsB,EACtB,KAAK,gCAAgC,EACxC,MAAM,+CAA+C,CAAC;AACvD,OAAO,EAAC,iBAAiB,EAAE,2BAA2B,EAAC,MAAM,0CAA0C,CAAC;AACxG,OAAO,EAAC,oBAAoB,EAAE,8BAA8B,EAAC,MAAM,6CAA6C,CAAC;AACjH,OAAO,EAAC,eAAe,EAAE,yBAAyB,EAAC,MAAM,sCAAsC,CAAC;AAChG,OAAO,EAAC,WAAW,EAAE,qBAAqB,EAAC,MAAM,8BAA8B,CAAC;AAEhF,YAAY,EAAC,sBAAsB,EAAC,MAAM,0CAA0C,CAAC;AACrF,YAAY,EAAC,oBAAoB,EAAC,MAAM,sCAAsC,CAAC;AAC/E,YAAY,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAEnE,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,CAAC;AACpD,MAAM,MAAM,gBAAgB,GACtB,MAAM,GACN,OAAO,GACP,aAAa,GACb,SAAS,GACT,MAAM,GACN,yBAAyB,GACzB,2BAA2B,GAC3B,gCAAgC,GAChC,8BAA8B,GAC9B,qBAAqB,CAAC;AAE5B,MAAM,WAAW,WACb,
|
|
1
|
+
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/Header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,OAAO,EAEP,UAAU,EAEV,cAAc,EAMjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAW,WAAW,EAAgB,SAAS,EAAC,MAAM,OAAO,CAAC;AAGrE,OAAO,EACH,sBAAsB,EACtB,KAAK,gCAAgC,EACxC,MAAM,+CAA+C,CAAC;AACvD,OAAO,EAAC,iBAAiB,EAAE,2BAA2B,EAAC,MAAM,0CAA0C,CAAC;AACxG,OAAO,EAAC,oBAAoB,EAAE,8BAA8B,EAAC,MAAM,6CAA6C,CAAC;AACjH,OAAO,EAAC,eAAe,EAAE,yBAAyB,EAAC,MAAM,sCAAsC,CAAC;AAChG,OAAO,EAAC,WAAW,EAAE,qBAAqB,EAAC,MAAM,8BAA8B,CAAC;AAEhF,YAAY,EAAC,sBAAsB,EAAC,MAAM,0CAA0C,CAAC;AACrF,YAAY,EAAC,oBAAoB,EAAC,MAAM,sCAAsC,CAAC;AAC/E,YAAY,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAEnE,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,CAAC;AACpD,MAAM,MAAM,gBAAgB,GACtB,MAAM,GACN,OAAO,GACP,aAAa,GACb,SAAS,GACT,MAAM,GACN,yBAAyB,GACzB,2BAA2B,GAC3B,gCAAgC,GAChC,8BAA8B,GAC9B,qBAAqB,CAAC;AAE5B,MAAM,WAAW,WACb,SACI,cAAc,CAAC,aAAa,CAAC,EAC7B,IAAI,CAAC,UAAU,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,YAAY,CAAC;IACjF;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAClC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;;OAKG;IACH,cAAc,CAAC,EAAE,WAAW,CAAC;CAChC;AAED,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC;IAChC,KAAK,EAAE,WAAW,CAAC;IACnB,GAAG,EAAE,cAAc,CAAC;IACpB,OAAO,EAAE,aAAa,CAAC;IACvB,WAAW,EAAE,gBAAgB,CAAC;IAC9B,gBAAgB,EAAE;QACd,WAAW,EAAE,OAAO,iBAAiB,CAAC;QACtC,gBAAgB,EAAE,OAAO,sBAAsB,CAAC;QAChD,cAAc,EAAE,OAAO,oBAAoB,CAAC;QAC5C,KAAK,EAAE,OAAO,WAAW,CAAC;QAC1B,SAAS,EAAE,OAAO,eAAe,CAAC;KACrC,CAAC;CACL,CAAC,CAAC;AAUH,eAAO,MAAM,MAAM;WArBR,WAAW;SACb,cAAc;aACV,aAAa;iBACT,gBAAgB;sBACX;QACd,WAAW,EAAE,OAAO,iBAAiB,CAAC;QACtC,gBAAgB,EAAE,OAAO,sBAAsB,CAAC;QAChD,cAAc,EAAE,OAAO,oBAAoB,CAAC;QAC5C,KAAK,EAAE,OAAO,WAAW,CAAC;QAC1B,SAAS,EAAE,OAAO,eAAe,CAAC;KACrC;EA0EH,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Header/Header.tsx"],"sourcesContent":["import {\n Divider,\n Factory,\n Group,\n GroupProps,\n Stack,\n StylesApiProps,\n Text,\n Title,\n factory,\n useProps,\n useStyles,\n} from '@mantine/core';\nimport {Children, ElementType, ReactElement, ReactNode} from 'react';\nimport {HeaderProvider} from './Header.context.js';\nimport classes from './Header.module.css';\nimport {\n HeaderBreadcrumbAnchor,\n type HeaderBreadcrumbAnchorStyleNames,\n} from './HeaderBreadcrumbs/HeaderBreadcrumbAnchor.js';\nimport {HeaderBreadcrumbs, HeaderBreadcrumbsStyleNames} from './HeaderBreadcrumbs/HeaderBreadcrumbs.js';\nimport {HeaderBreadcrumbText, HeaderBreadcrumbTextStyleNames} from './HeaderBreadcrumbs/HeaderBreadcrumbText.js';\nimport {HeaderDocAnchor, HeaderDocAnchorStyleNames} from './HeaderDocAnchor/HeaderDocAnchor.js';\nimport {HeaderRight, HeaderRightStyleNames} from './HeaderRight/HeaderRight.js';\n\nexport type {HeaderBreadcrumbsProps} from './HeaderBreadcrumbs/HeaderBreadcrumbs.js';\nexport type {HeaderDocAnchorProps} from './HeaderDocAnchor/HeaderDocAnchor.js';\nexport type {HeaderRightProps} from './HeaderRight/HeaderRight.js';\n\nexport type HeaderVariant = 'primary' | 'secondary';\nexport type HeaderStyleNames =\n | 'root'\n | 'title'\n | 'description'\n | 'divider'\n | 'body'\n | HeaderDocAnchorStyleNames\n | HeaderBreadcrumbsStyleNames\n | HeaderBreadcrumbAnchorStyleNames\n | HeaderBreadcrumbTextStyleNames\n | HeaderRightStyleNames;\n\nexport interface HeaderProps\n extends
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Header/Header.tsx"],"sourcesContent":["import {\n Divider,\n Factory,\n Group,\n GroupProps,\n Stack,\n StylesApiProps,\n Text,\n Title,\n factory,\n useProps,\n useStyles,\n} from '@mantine/core';\nimport {Children, ElementType, ReactElement, ReactNode} from 'react';\nimport {HeaderProvider} from './Header.context.js';\nimport classes from './Header.module.css';\nimport {\n HeaderBreadcrumbAnchor,\n type HeaderBreadcrumbAnchorStyleNames,\n} from './HeaderBreadcrumbs/HeaderBreadcrumbAnchor.js';\nimport {HeaderBreadcrumbs, HeaderBreadcrumbsStyleNames} from './HeaderBreadcrumbs/HeaderBreadcrumbs.js';\nimport {HeaderBreadcrumbText, HeaderBreadcrumbTextStyleNames} from './HeaderBreadcrumbs/HeaderBreadcrumbText.js';\nimport {HeaderDocAnchor, HeaderDocAnchorStyleNames} from './HeaderDocAnchor/HeaderDocAnchor.js';\nimport {HeaderRight, HeaderRightStyleNames} from './HeaderRight/HeaderRight.js';\n\nexport type {HeaderBreadcrumbsProps} from './HeaderBreadcrumbs/HeaderBreadcrumbs.js';\nexport type {HeaderDocAnchorProps} from './HeaderDocAnchor/HeaderDocAnchor.js';\nexport type {HeaderRightProps} from './HeaderRight/HeaderRight.js';\n\nexport type HeaderVariant = 'primary' | 'secondary';\nexport type HeaderStyleNames =\n | 'root'\n | 'title'\n | 'description'\n | 'divider'\n | 'body'\n | HeaderDocAnchorStyleNames\n | HeaderBreadcrumbsStyleNames\n | HeaderBreadcrumbAnchorStyleNames\n | HeaderBreadcrumbTextStyleNames\n | HeaderRightStyleNames;\n\nexport interface HeaderProps\n extends\n StylesApiProps<HeaderFactory>,\n Omit<GroupProps, 'classNames' | 'styles' | 'vars' | 'variant' | 'attributes'> {\n /**\n * The description text displayed inside the header underneath the title\n */\n description?: ReactNode;\n /**\n * Whether the header should have a border on the bottom\n */\n borderBottom?: boolean;\n /**\n * Use the primary variant for page header and secondary variant elsewhere\n *\n * @default 'primary'\n */\n variant?: 'primary' | 'secondary';\n /**\n * The title of the header.\n */\n children: ReactNode;\n /**\n * The component used to render the title.\n *\n * @default Title\n * @example 'h2'\n */\n titleComponent?: ElementType;\n}\n\nexport type HeaderFactory = Factory<{\n props: HeaderProps;\n ref: HTMLDivElement;\n variant: HeaderVariant;\n stylesNames: HeaderStyleNames;\n staticComponents: {\n Breadcrumbs: typeof HeaderBreadcrumbs;\n BreadcrumbAnchor: typeof HeaderBreadcrumbAnchor;\n BreadcrumbText: typeof HeaderBreadcrumbText;\n Right: typeof HeaderRight;\n DocAnchor: typeof HeaderDocAnchor;\n };\n}>;\n\nconst defaultProps: Partial<HeaderProps> = {\n variant: 'primary',\n justify: 'space-between',\n wrap: 'nowrap',\n};\n\nconst getSpacing = (variant: HeaderVariant) => (variant === 'secondary' ? 'xxs' : 'xs');\n\nexport const Header = factory<HeaderFactory>((_props, ref) => {\n const props = useProps('PlasmaHeader', defaultProps, _props);\n const {\n className,\n description,\n borderBottom,\n variant,\n children,\n style,\n classNames,\n unstyled,\n vars,\n styles,\n titleComponent: TitleComponent,\n ...others\n } = props;\n const getStyles = useStyles<HeaderFactory>({\n name: 'PlasmaHeader',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n });\n const stylesApiProps = {classNames, styles};\n\n const convertedChildren = Children.toArray(children) as ReactElement[];\n const breadcrumbs = convertedChildren.find((child) => child.type === HeaderBreadcrumbs);\n const right = convertedChildren.find((child) => child.type === HeaderRight);\n const docAnchor = convertedChildren.find((child) => child.type === HeaderDocAnchor);\n const otherChildren = convertedChildren.filter(\n (child) => child.type !== HeaderBreadcrumbs && child.type !== HeaderRight && child.type !== HeaderDocAnchor,\n );\n return (\n <HeaderProvider value={{getStyles}}>\n <Group ref={ref} variant={variant} {...getStyles('root')} {...others}>\n <Stack gap={getSpacing(variant)}>\n {breadcrumbs}\n <Title\n variant={variant}\n component={TitleComponent}\n order={variant === 'primary' ? 1 : 3}\n {...getStyles('title', stylesApiProps)}\n >\n {otherChildren}\n {docAnchor}\n </Title>\n <Text\n component=\"div\"\n {...getStyles('description', stylesApiProps)}\n size={variant === 'primary' ? 'md' : 'sm'}\n >\n {description}\n </Text>\n </Stack>\n {right}\n </Group>\n {borderBottom ? <Divider {...getStyles('divider', stylesApiProps)} size=\"xs\" /> : null}\n </HeaderProvider>\n );\n});\n\nHeader.Breadcrumbs = HeaderBreadcrumbs;\nHeader.BreadcrumbAnchor = HeaderBreadcrumbAnchor;\nHeader.BreadcrumbText = HeaderBreadcrumbText;\nHeader.Right = HeaderRight;\nHeader.DocAnchor = HeaderDocAnchor;\n"],"names":["Divider","Group","Stack","Text","Title","factory","useProps","useStyles","Children","HeaderProvider","classes","HeaderBreadcrumbAnchor","HeaderBreadcrumbs","HeaderBreadcrumbText","HeaderDocAnchor","HeaderRight","defaultProps","variant","justify","wrap","getSpacing","Header","_props","ref","props","className","description","borderBottom","children","style","classNames","unstyled","vars","styles","titleComponent","TitleComponent","others","getStyles","name","stylesApiProps","convertedChildren","toArray","breadcrumbs","find","child","type","right","docAnchor","otherChildren","filter","value","gap","component","order","size","Breadcrumbs","BreadcrumbAnchor","BreadcrumbText","Right","DocAnchor"],"mappings":";AAAA,SACIA,OAAO,EAEPC,KAAK,EAELC,KAAK,EAELC,IAAI,EACJC,KAAK,EACLC,OAAO,EACPC,QAAQ,EACRC,SAAS,QACN,gBAAgB;AACvB,SAAQC,QAAQ,QAA6C,QAAQ;AACrE,SAAQC,cAAc,QAAO,sBAAsB;AACnD,OAAOC,aAAa,sBAAsB;AAC1C,SACIC,sBAAsB,QAEnB,gDAAgD;AACvD,SAAQC,iBAAiB,QAAoC,2CAA2C;AACxG,SAAQC,oBAAoB,QAAuC,8CAA8C;AACjH,SAAQC,eAAe,QAAkC,uCAAuC;AAChG,SAAQC,WAAW,QAA8B,+BAA+B;AAgEhF,MAAMC,eAAqC;IACvCC,SAAS;IACTC,SAAS;IACTC,MAAM;AACV;AAEA,MAAMC,aAAa,CAACH,UAA4BA,YAAY,cAAc,QAAQ;AAElF,OAAO,MAAMI,SAAShB,QAAuB,CAACiB,QAAQC;IAClD,MAAMC,QAAQlB,SAAS,gBAAgBU,cAAcM;IACrD,MAAM,EACFG,SAAS,EACTC,WAAW,EACXC,YAAY,EACZV,OAAO,EACPW,QAAQ,EACRC,KAAK,EACLC,UAAU,EACVC,QAAQ,EACRC,IAAI,EACJC,MAAM,EACNC,gBAAgBC,cAAc,EAC9B,GAAGC,QACN,GAAGZ;IACJ,MAAMa,YAAY9B,UAAyB;QACvC+B,MAAM;QACNd;QACAd;QACAe;QACAI;QACAC;QACAG;QACAF;QACAC;IACJ;IACA,MAAMO,iBAAiB;QAACT;QAAYG;IAAM;IAE1C,MAAMO,oBAAoBhC,SAASiC,OAAO,CAACb;IAC3C,MAAMc,cAAcF,kBAAkBG,IAAI,CAAC,CAACC,QAAUA,MAAMC,IAAI,KAAKjC;IACrE,MAAMkC,QAAQN,kBAAkBG,IAAI,CAAC,CAACC,QAAUA,MAAMC,IAAI,KAAK9B;IAC/D,MAAMgC,YAAYP,kBAAkBG,IAAI,CAAC,CAACC,QAAUA,MAAMC,IAAI,KAAK/B;IACnE,MAAMkC,gBAAgBR,kBAAkBS,MAAM,CAC1C,CAACL,QAAUA,MAAMC,IAAI,KAAKjC,qBAAqBgC,MAAMC,IAAI,KAAK9B,eAAe6B,MAAMC,IAAI,KAAK/B;IAEhG,qBACI,MAACL;QAAeyC,OAAO;YAACb;QAAS;;0BAC7B,MAACpC;gBAAMsB,KAAKA;gBAAKN,SAASA;gBAAU,GAAGoB,UAAU,OAAO;gBAAG,GAAGD,MAAM;;kCAChE,MAAClC;wBAAMiD,KAAK/B,WAAWH;;4BAClByB;0CACD,MAACtC;gCACGa,SAASA;gCACTmC,WAAWjB;gCACXkB,OAAOpC,YAAY,YAAY,IAAI;gCAClC,GAAGoB,UAAU,SAASE,eAAe;;oCAErCS;oCACAD;;;0CAEL,KAAC5C;gCACGiD,WAAU;gCACT,GAAGf,UAAU,eAAeE,eAAe;gCAC5Ce,MAAMrC,YAAY,YAAY,OAAO;0CAEpCS;;;;oBAGRoB;;;YAEJnB,6BAAe,KAAC3B;gBAAS,GAAGqC,UAAU,WAAWE,eAAe;gBAAEe,MAAK;iBAAU;;;AAG9F,GAAG;AAEHjC,OAAOkC,WAAW,GAAG3C;AACrBS,OAAOmC,gBAAgB,GAAG7C;AAC1BU,OAAOoC,cAAc,GAAG5C;AACxBQ,OAAOqC,KAAK,GAAG3C;AACfM,OAAOsC,SAAS,GAAG7C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Kbd.d.ts","sourceRoot":"","sources":["../../../../src/components/Kbd/Kbd.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Kbd.d.ts","sourceRoot":"","sources":["../../../../src/components/Kbd/Kbd.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,GAAG,EAAE,KAAK,UAAU,EAAE,KAAK,QAAQ,EAAC,MAAM,eAAe,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Kbd/Kbd.ts"],"sourcesContent":["
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Kbd/Kbd.ts"],"sourcesContent":["import {Kbd} from '@mantine/core';\n\nKbd.displayName = 'Kbd';\n\nexport {Kbd, type KbdFactory, type KbdProps} from '@mantine/core';\n"],"names":["Kbd","displayName"],"mappings":"AAAA,SAAQA,GAAG,QAAO,gBAAgB;AAElCA,IAAIC,WAAW,GAAG;AAElB,SAAQD,GAAG,QAAuC,gBAAgB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Loader.d.ts","sourceRoot":"","sources":["../../../../src/components/Loader/Loader.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Loader.d.ts","sourceRoot":"","sources":["../../../../src/components/Loader/Loader.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,MAAM,EAAE,KAAK,aAAa,EAAE,KAAK,WAAW,EAAC,MAAM,eAAe,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Loader/Loader.ts"],"sourcesContent":["
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Loader/Loader.ts"],"sourcesContent":["import {Loader} from '@mantine/core';\n\nLoader.displayName = 'Loader';\n\nexport {Loader, type LoaderFactory, type LoaderProps} from '@mantine/core';\n"],"names":["Loader","displayName"],"mappings":"AAAA,SAAQA,MAAM,QAAO,gBAAgB;AAErCA,OAAOC,WAAW,GAAG;AAErB,SAAQD,MAAM,QAA6C,gBAAgB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Notification.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/Notification.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Notification.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/Notification.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,YAAY,EAAE,KAAK,mBAAmB,EAAE,KAAK,iBAAiB,EAAC,MAAM,eAAe,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Notification/Notification.ts"],"sourcesContent":["
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Notification/Notification.ts"],"sourcesContent":["import {Notification} from '@mantine/core';\n\nNotification.displayName = 'Notification';\n\nexport {Notification, type NotificationFactory, type NotificationProps} from '@mantine/core';\n"],"names":["Notification","displayName"],"mappings":"AAAA,SAAQA,YAAY,QAAO,gBAAgB;AAE3CA,aAAaC,WAAW,GAAG;AAE3B,SAAQD,YAAY,QAAyD,gBAAgB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/Pagination.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/Pagination.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,UAAU,EAAE,KAAK,iBAAiB,EAAE,KAAK,eAAe,EAAC,MAAM,eAAe,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Pagination/Pagination.ts"],"sourcesContent":["
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Pagination/Pagination.ts"],"sourcesContent":["import {Pagination} from '@mantine/core';\n\nPagination.displayName = 'Pagination';\n\nexport {Pagination, type PaginationFactory, type PaginationProps} from '@mantine/core';\n"],"names":["Pagination","displayName"],"mappings":"AAAA,SAAQA,UAAU,QAAO,gBAAgB;AAEzCA,WAAWC,WAAW,GAAG;AAEzB,SAAQD,UAAU,QAAqD,gBAAgB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pill.d.ts","sourceRoot":"","sources":["../../../../src/components/Pill/Pill.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Pill.d.ts","sourceRoot":"","sources":["../../../../src/components/Pill/Pill.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,IAAI,EAAE,KAAK,WAAW,EAAE,KAAK,SAAS,EAAC,MAAM,eAAe,CAAC"}
|