npm - @coveord/plasma-mantine - Versions diffs - 56.20.1 → 57.0.0 - Mend

@coveord/plasma-mantine 56.20.1 → 57.0.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.

Files changed (193) hide show

package/dist/cjs/components/DateRangePicker/EditableDateRangePicker.js CHANGED Viewed

@@ -13,15 +13,15 @@ var _object_spread = require("@swc/helpers/_/_object_spread");
 var _jsxruntime = require("react/jsx-runtime");
 var _dates = require("@mantine/dates");
 var _dayjs = /*#__PURE__*/ _interop_require_default._(require("dayjs"));
-var EditableDateRangePicker = function(param) {
+var EditableDateRangePicker = function EditableDateRangePicker(param) {
     var value = param.value, onChange = param.onChange, onFocus = param.onFocus, _param_startProps = param.startProps, startProps = _param_startProps === void 0 ? {} : _param_startProps, _param_endProps = param.endProps, endProps = _param_endProps === void 0 ? {} : _param_endProps;
-    var onChangeStart = function(date) {
+    var onChangeStart = function onChangeStart(date) {
         onChange === null || onChange === void 0 ? void 0 : onChange([
             (0, _dayjs.default)(date).startOf('day').toISOString(),
             value === null || value === void 0 ? void 0 : value[1]
         ]);
     };
-    var onChangeEnd = function(date) {
+    var onChangeEnd = function onChangeEnd(date) {
         onChange === null || onChange === void 0 ? void 0 : onChange([
             value === null || value === void 0 ? void 0 : value[0],
             (0, _dayjs.default)(date).endOf('day').toISOString()

package/dist/cjs/components/DateRangePicker/EditableDateRangePicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/DateRangePicker/EditableDateRangePicker.tsx"],"sourcesContent":["import {DateInput, DatePickerProps, DateStringValue, type DatesRangeValue} from '@mantine/dates';\nimport dayjs from 'dayjs';\n\nexport interface EditableDateRangePickerProps {\n value: DatesRangeValue<DateStringValue \| null>;\n onChange?(value: DatesRangeValue<DateStringValue> \| null): void;\n onFocus?: () => void;\n /*\n Props for the start input\n /\n startProps?: Omit<Partial<DatePickerProps>, 'value' \| 'onChange' \| 'onFocus'>;\n /\n Props for the end input\n */\n endProps?: Omit<Partial<DatePickerProps>, 'value' \| 'onChange' \| 'onFocus'>;\n}\n\nexport const EditableDateRangePicker = ({\n value,\n onChange,\n onFocus,\n startProps = {},\n endProps = {},\n}: EditableDateRangePickerProps) => {\n const onChangeStart = (date: DateStringValue \| null) => {\n onChange?.([dayjs(date).startOf('day').toISOString(), value?.[1]]);\n };\n const onChangeEnd = (date: DateStringValue \| null) => {\n onChange?.([value?.[0], dayjs(date).endOf('day').toISOString()]);\n };\n\n return (\n <>\n <DateInput\n clearable={false}\n label=\"Start\"\n value={value?.[0]}\n onChange={onChangeStart}\n onFocus={onFocus}\n popoverProps={{styles: {dropdown: {display: 'none'}}}}\n {...startProps}\n />\n <DateInput\n clearable={false}\n label=\"End\"\n value={value?.[1]}\n onChange={onChangeEnd}\n onFocus={onFocus}\n popoverProps={{styles: {dropdown: {display: 'none'}}}}\n {...endProps}\n />\n </>\n );\n};\nexport type {DateRangePickerPreset} from './DateRangePickerPresetSelect';\n"],"names":["EditableDateRangePicker","value","onChange","onFocus","startProps","endProps","onChangeStart","date","dayjs","startOf","toISOString","onChangeEnd","endOf","DateInput","clearable","label","popoverProps","styles","dropdown","display"],"mappings":";;;;+BAiBaA;;;eAAAA;;;;;;qBAjBmE;8DAC9D;AAgBX,IAAMA,0BAA0B;QACnCC,cAAAA,OACAC,iBAAAA,UACAC,gBAAAA,mCACAC,YAAAA,4CAAa,CAAC,+CACdC,UAAAA,wCAAW,CAAC;IAEZ,IAAMC,gBAAgB,~~SAACC~~;QACnBL,qBAAAA,+BAAAA,SAAW;YAACM,IAAAA,cAAK,EAACD,MAAME,OAAO,CAAC,OAAOC,WAAW;YAAIT,kBAAAA,4BAAAA,KAAO,CAAC,EAAE;SAAC;IACrE;IACA,IAAMU,cAAc,~~SAACJ~~;QACjBL,qBAAAA,+BAAAA,SAAW;YAACD,kBAAAA,4BAAAA,KAAO,CAAC,EAAE;YAAEO,IAAAA,cAAK,EAACD,MAAMK,KAAK,CAAC,OAAOF,WAAW;SAAG;IACnE;IAEA,qBACI;;0BACI,qBAACG,gBAAS;gBACNC,WAAW;gBACXC,OAAM;gBACNd,KAAK,EAAEA,kBAAAA,4BAAAA,KAAO,CAAC,EAAE;gBACjBC,UAAUI;gBACVH,SAASA;gBACTa,cAAc;oBAACC,QAAQ;wBAACC,UAAU;4BAACC,SAAS;wBAAM;oBAAC;gBAAC;eAChDf;0BAER,qBAACS,gBAAS;gBACNC,WAAW;gBACXC,OAAM;gBACNd,KAAK,EAAEA,kBAAAA,4BAAAA,KAAO,CAAC,EAAE;gBACjBC,UAAUS;gBACVR,SAASA;gBACTa,cAAc;oBAACC,QAAQ;wBAACC,UAAU;4BAACC,SAAS;wBAAM;oBAAC;gBAAC;eAChDd;;;AAIpB"}
1	+ {"version":3,"sources":["../../../../src/components/DateRangePicker/EditableDateRangePicker.tsx"],"sourcesContent":["import {DateInput, DatePickerProps, DateStringValue, type DatesRangeValue} from '@mantine/dates';\nimport dayjs from 'dayjs';\n\nexport interface EditableDateRangePickerProps {\n value: DatesRangeValue<DateStringValue \| null>;\n onChange?(value: DatesRangeValue<DateStringValue> \| null): void;\n onFocus?: () => void;\n /*\n Props for the start input\n /\n startProps?: Omit<Partial<DatePickerProps>, 'value' \| 'onChange' \| 'onFocus'>;\n /\n Props for the end input\n */\n endProps?: Omit<Partial<DatePickerProps>, 'value' \| 'onChange' \| 'onFocus'>;\n}\n\nexport const EditableDateRangePicker = ({\n value,\n onChange,\n onFocus,\n startProps = {},\n endProps = {},\n}: EditableDateRangePickerProps) => {\n const onChangeStart = (date: DateStringValue \| null) => {\n onChange?.([dayjs(date).startOf('day').toISOString(), value?.[1]]);\n };\n const onChangeEnd = (date: DateStringValue \| null) => {\n onChange?.([value?.[0], dayjs(date).endOf('day').toISOString()]);\n };\n\n return (\n <>\n <DateInput\n clearable={false}\n label=\"Start\"\n value={value?.[0]}\n onChange={onChangeStart}\n onFocus={onFocus}\n popoverProps={{styles: {dropdown: {display: 'none'}}}}\n {...startProps}\n />\n <DateInput\n clearable={false}\n label=\"End\"\n value={value?.[1]}\n onChange={onChangeEnd}\n onFocus={onFocus}\n popoverProps={{styles: {dropdown: {display: 'none'}}}}\n {...endProps}\n />\n </>\n );\n};\nexport type {DateRangePickerPreset} from './DateRangePickerPresetSelect';\n"],"names":["EditableDateRangePicker","value","onChange","onFocus","startProps","endProps","onChangeStart","date","dayjs","startOf","toISOString","onChangeEnd","endOf","DateInput","clearable","label","popoverProps","styles","dropdown","display"],"mappings":";;;;+BAiBaA;;;eAAAA;;;;;;qBAjBmE;8DAC9D;AAgBX,IAAMA,0BAA0B;QACnCC,cAAAA,OACAC,iBAAAA,UACAC,gBAAAA,mCACAC,YAAAA,4CAAa,CAAC,+CACdC,UAAAA,wCAAW,CAAC;IAEZ,IAAMC,gBAAgB,uBAACC;QACnBL,qBAAAA,+BAAAA,SAAW;YAACM,IAAAA,cAAK,EAACD,MAAME,OAAO,CAAC,OAAOC,WAAW;YAAIT,kBAAAA,4BAAAA,KAAO,CAAC,EAAE;SAAC;IACrE;IACA,IAAMU,cAAc,qBAACJ;QACjBL,qBAAAA,+BAAAA,SAAW;YAACD,kBAAAA,4BAAAA,KAAO,CAAC,EAAE;YAAEO,IAAAA,cAAK,EAACD,MAAMK,KAAK,CAAC,OAAOF,WAAW;SAAG;IACnE;IAEA,qBACI;;0BACI,qBAACG,gBAAS;gBACNC,WAAW;gBACXC,OAAM;gBACNd,KAAK,EAAEA,kBAAAA,4BAAAA,KAAO,CAAC,EAAE;gBACjBC,UAAUI;gBACVH,SAASA;gBACTa,cAAc;oBAACC,QAAQ;wBAACC,UAAU;4BAACC,SAAS;wBAAM;oBAAC;gBAAC;eAChDf;0BAER,qBAACS,gBAAS;gBACNC,WAAW;gBACXC,OAAM;gBACNd,KAAK,EAAEA,kBAAAA,4BAAAA,KAAO,CAAC,EAAE;gBACjBC,UAAUS;gBACVR,SAASA;gBACTa,cAAc;oBAACC,QAAQ;wBAACC,UAAU;4BAACC,SAAS;wBAAM;oBAAC;gBAAC;eAChDd;;;AAIpB"}

package/dist/cjs/components/DateTimeRangePicker/DateTimeRangePicker.js CHANGED Viewed

@@ -14,7 +14,7 @@ var _core = require("@mantine/core");
 var _hooks = require("@mantine/hooks");
 var _DateRangePickerPresetSelect = require("../DateRangePicker/DateRangePickerPresetSelect.js");
 var _EditableDateTimeRangePicker = require("./EditableDateTimeRangePicker.js");
-var DateTimeRangePicker = function(param) {
+var DateTimeRangePicker = function DateTimeRangePicker(param) {
     var presets = param.presets, value = param.value, defaultValue = param.defaultValue, onChange = param.onChange, startProps = param.startProps, endProps = param.endProps;
     var _useUncontrolled = _sliced_to_array._((0, _hooks.useUncontrolled)({
         value: value,

package/dist/cjs/components/DateTimeRangePicker/EditableDateTimeRangePicker.js CHANGED Viewed

@@ -13,9 +13,9 @@ var _object_spread = require("@swc/helpers/_/_object_spread");
 var _jsxruntime = require("react/jsx-runtime");
 var _dates = require("@mantine/dates");
 var _dayjs = /*#__PURE__*/ _interop_require_default._(require("dayjs"));
-var EditableDateTimeRangePicker = function(param) {
+var EditableDateTimeRangePicker = function EditableDateTimeRangePicker(param) {
     var value = param.value, onChange = param.onChange, _param_startProps = param.startProps, startProps = _param_startProps === void 0 ? {} : _param_startProps, _param_endProps = param.endProps, endProps = _param_endProps === void 0 ? {} : _param_endProps;
-    var onStartDateChange = function(startDate) {
+    var onStartDateChange = function onStartDateChange(startDate) {
         if ((value === null || value === void 0 ? void 0 : value[1]) && (0, _dayjs.default)(startDate) > (0, _dayjs.default)(value[1])) {
             onChange === null || onChange === void 0 ? void 0 : onChange([
                 startDate,
@@ -48,7 +48,7 @@ var EditableDateTimeRangePicker = function(param) {
                 label: "End",
                 value: value === null || value === void 0 ? void 0 : value[1],
                 minDate: value === null || value === void 0 ? void 0 : value[0],
-                onChange: function(endDate) {
+                onChange: function onChange1(endDate) {
                     return onChange === null || onChange === void 0 ? void 0 : onChange([
                         value === null || value === void 0 ? void 0 : value[0],
                         endDate

package/dist/cjs/components/DateTimeRangePicker/EditableDateTimeRangePicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/DateTimeRangePicker/EditableDateTimeRangePicker.tsx"],"sourcesContent":["import {DatePickerProps, DatesRangeValue, DateStringValue, DateTimePicker} from '@mantine/dates';\nimport dayjs from 'dayjs';\n\nexport interface EditableDateTimeRangePickerProps {\n value: DatesRangeValue<DateStringValue \| null>;\n onChange?(value: DatesRangeValue<DateStringValue \| null>): void;\n /*\n Props for the start input\n /\n startProps?: Omit<Partial<DatePickerProps>, 'value' \| 'onChange' \| 'onFocus'>;\n /\n Props for the end input\n */\n endProps?: Omit<Partial<DatePickerProps>, 'value' \| 'onChange' \| 'onFocus'>;\n}\n\nexport const EditableDateTimeRangePicker = ({\n value,\n onChange,\n startProps = {},\n endProps = {},\n}: EditableDateTimeRangePickerProps) => {\n const onStartDateChange = (startDate: string) => {\n if (value?.[1] && dayjs(startDate) > dayjs(value[1])) {\n onChange?.([startDate, null]);\n } else {\n onChange?.([startDate, value?.[1]]);\n }\n };\n\n return (\n <>\n <DateTimePicker\n clearable={false}\n label=\"Start\"\n value={value?.[0]}\n onChange={onStartDateChange}\n w={150}\n styles={{...startProps.styles}}\n timePickerProps={{\n popoverProps: {withinPortal: false},\n }}\n />\n <DateTimePicker\n clearable={false}\n label=\"End\"\n value={value?.[1]}\n minDate={value?.[0]}\n onChange={(endDate) => onChange?.([value?.[0], endDate])}\n w={150}\n styles={{...endProps.styles}}\n timePickerProps={{\n popoverProps: {withinPortal: false},\n }}\n />\n </>\n );\n};\n"],"names":["EditableDateTimeRangePicker","value","onChange","startProps","endProps","onStartDateChange","startDate","dayjs","DateTimePicker","clearable","label","w","styles","timePickerProps","popoverProps","withinPortal","minDate","endDate"],"mappings":";;;;+BAgBaA;;;eAAAA;;;;;;qBAhBmE;8DAC9D;AAeX,IAAMA,8BAA8B;QACvCC,cAAAA,OACAC,iBAAAA,oCACAC,YAAAA,4CAAa,CAAC,+CACdC,UAAAA,wCAAW,CAAC;IAEZ,IAAMC,oBAAoB,~~SAACC~~;QACvB,IAAIL,CAAAA,kBAAAA,4BAAAA,KAAO,CAAC,EAAE,KAAIM,IAAAA,cAAK,EAACD,aAAaC,IAAAA,cAAK,EAACN,KAAK,CAAC,EAAE,GAAG;YAClDC,qBAAAA,+BAAAA,SAAW;gBAACI;gBAAW;aAAK;QAChC,OAAO;YACHJ,qBAAAA,+BAAAA,SAAW;gBAACI;gBAAWL,kBAAAA,4BAAAA,KAAO,CAAC,EAAE;aAAC;QACtC;IACJ;IAEA,qBACI;;0BACI,qBAACO,qBAAc;gBACXC,WAAW;gBACXC,OAAM;gBACNT,KAAK,EAAEA,kBAAAA,4BAAAA,KAAO,CAAC,EAAE;gBACjBC,UAAUG;gBACVM,GAAG;gBACHC,QAAQ,qBAAIT,WAAWS,MAAM;gBAC7BC,iBAAiB;oBACbC,cAAc;wBAACC,cAAc;oBAAK;gBACtC;;0BAEJ,qBAACP,qBAAc;gBACXC,WAAW;gBACXC,OAAM;gBACNT,KAAK,EAAEA,kBAAAA,4BAAAA,KAAO,CAAC,EAAE;gBACjBe,OAAO,EAAEf,kBAAAA,4BAAAA,KAAO,CAAC,EAAE;gBACnBC,UAAU,~~SAACe~~;2BAAYf,qBAAAA,+BAAAA,SAAW;wBAACD,kBAAAA,4BAAAA,KAAO,CAAC,EAAE;wBAAEgB;qBAAQ;;gBACvDN,GAAG;gBACHC,QAAQ,qBAAIR,SAASQ,MAAM;gBAC3BC,iBAAiB;oBACbC,cAAc;wBAACC,cAAc;oBAAK;gBACtC;;;;AAIhB"}
1	+ {"version":3,"sources":["../../../../src/components/DateTimeRangePicker/EditableDateTimeRangePicker.tsx"],"sourcesContent":["import {DatePickerProps, DatesRangeValue, DateStringValue, DateTimePicker} from '@mantine/dates';\nimport dayjs from 'dayjs';\n\nexport interface EditableDateTimeRangePickerProps {\n value: DatesRangeValue<DateStringValue \| null>;\n onChange?(value: DatesRangeValue<DateStringValue \| null>): void;\n /*\n Props for the start input\n /\n startProps?: Omit<Partial<DatePickerProps>, 'value' \| 'onChange' \| 'onFocus'>;\n /\n Props for the end input\n */\n endProps?: Omit<Partial<DatePickerProps>, 'value' \| 'onChange' \| 'onFocus'>;\n}\n\nexport const EditableDateTimeRangePicker = ({\n value,\n onChange,\n startProps = {},\n endProps = {},\n}: EditableDateTimeRangePickerProps) => {\n const onStartDateChange = (startDate: string) => {\n if (value?.[1] && dayjs(startDate) > dayjs(value[1])) {\n onChange?.([startDate, null]);\n } else {\n onChange?.([startDate, value?.[1]]);\n }\n };\n\n return (\n <>\n <DateTimePicker\n clearable={false}\n label=\"Start\"\n value={value?.[0]}\n onChange={onStartDateChange}\n w={150}\n styles={{...startProps.styles}}\n timePickerProps={{\n popoverProps: {withinPortal: false},\n }}\n />\n <DateTimePicker\n clearable={false}\n label=\"End\"\n value={value?.[1]}\n minDate={value?.[0]}\n onChange={(endDate) => onChange?.([value?.[0], endDate])}\n w={150}\n styles={{...endProps.styles}}\n timePickerProps={{\n popoverProps: {withinPortal: false},\n }}\n />\n </>\n );\n};\n"],"names":["EditableDateTimeRangePicker","value","onChange","startProps","endProps","onStartDateChange","startDate","dayjs","DateTimePicker","clearable","label","w","styles","timePickerProps","popoverProps","withinPortal","minDate","endDate"],"mappings":";;;;+BAgBaA;;;eAAAA;;;;;;qBAhBmE;8DAC9D;AAeX,IAAMA,8BAA8B;QACvCC,cAAAA,OACAC,iBAAAA,oCACAC,YAAAA,4CAAa,CAAC,+CACdC,UAAAA,wCAAW,CAAC;IAEZ,IAAMC,oBAAoB,2BAACC;QACvB,IAAIL,CAAAA,kBAAAA,4BAAAA,KAAO,CAAC,EAAE,KAAIM,IAAAA,cAAK,EAACD,aAAaC,IAAAA,cAAK,EAACN,KAAK,CAAC,EAAE,GAAG;YAClDC,qBAAAA,+BAAAA,SAAW;gBAACI;gBAAW;aAAK;QAChC,OAAO;YACHJ,qBAAAA,+BAAAA,SAAW;gBAACI;gBAAWL,kBAAAA,4BAAAA,KAAO,CAAC,EAAE;aAAC;QACtC;IACJ;IAEA,qBACI;;0BACI,qBAACO,qBAAc;gBACXC,WAAW;gBACXC,OAAM;gBACNT,KAAK,EAAEA,kBAAAA,4BAAAA,KAAO,CAAC,EAAE;gBACjBC,UAAUG;gBACVM,GAAG;gBACHC,QAAQ,qBAAIT,WAAWS,MAAM;gBAC7BC,iBAAiB;oBACbC,cAAc;wBAACC,cAAc;oBAAK;gBACtC;;0BAEJ,qBAACP,qBAAc;gBACXC,WAAW;gBACXC,OAAM;gBACNT,KAAK,EAAEA,kBAAAA,4BAAAA,KAAO,CAAC,EAAE;gBACjBe,OAAO,EAAEf,kBAAAA,4BAAAA,KAAO,CAAC,EAAE;gBACnBC,UAAU,SAAVA,UAAWe;2BAAYf,qBAAAA,+BAAAA,SAAW;wBAACD,kBAAAA,4BAAAA,KAAO,CAAC,EAAE;wBAAEgB;qBAAQ;;gBACvDN,GAAG;gBACHC,QAAQ,qBAAIR,SAASQ,MAAM;gBAC3BC,iBAAiB;oBACbC,cAAc;wBAACC,cAAc;oBAAK;gBACtC;;;;AAIhB"}

package/dist/cjs/components/EllipsisText/EllipsisText.js CHANGED Viewed

@@ -54,12 +54,12 @@ var EllipsisText = (0, _core.polymorphicFactory)(function(props, ref) {
     ]);
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Box, _object_spread_props._(_object_spread._({
         ref: ref,
-        onMouseEnter: function() {
+        onMouseEnter: function onMouseEnter() {
             if (textRef.current && isOverflowing(textRef.current)) {
                 setShowTooltip(true);
             }
         },
-        onMouseLeave: function() {
+        onMouseLeave: function onMouseLeave() {
             return setShowTooltip(false);
         },
         className: (0, _clsx.default)(rootClass, _define_property._({}, _EllipsisTextmodulecss.default.noWrap, !lineClamp))
@@ -82,7 +82,7 @@ var EllipsisText = (0, _core.polymorphicFactory)(function(props, ref) {
         }))
     }));
 });
-var isOverflowing = function(h) {
+var isOverflowing = function isOverflowing(h) {
     return h.scrollWidth > h.clientWidth || h.scrollHeight > h.clientHeight;
 };

package/dist/cjs/components/EllipsisText/EllipsisText.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/EllipsisText/EllipsisText.tsx"],"sourcesContent":["import {\n Box,\n type BoxProps,\n type Factory,\n polymorphicFactory,\n type StylesApiProps,\n Text,\n type TextProps,\n Tooltip,\n type TooltipProps,\n useProps,\n useStyles,\n} from '@mantine/core';\nimport {ReactNode, useRef, useState} from 'react';\nimport clsx from 'clsx';\nimport classes from './EllipsisText.module.css';\n\nexport type EllipsisTextStylesNames = 'root' \| 'tooltip' \| 'text';\n\nexport interface EllipsisTextProps\n extends BoxProps, Pick<TextProps, 'variant' \| 'lineClamp'>, Omit<StylesApiProps<EllipsisTextFactory>, 'variant'> {\n children: ReactNode;\n tooltipProps?: Partial<Omit<TooltipProps, 'label' \| 'opened' \| 'children'>>;\n}\n\ntype EllipsisTextFactory = Factory<{\n props: EllipsisTextProps;\n defaultRef: HTMLDivElement;\n defaultComponent: 'div';\n stylesNames: EllipsisTextStylesNames;\n}>;\n\nconst defaultProps: Partial<EllipsisTextProps> = {\n tooltipProps: {},\n};\n\nexport const EllipsisText = polymorphicFactory<EllipsisTextFactory>((props, ref) => {\n const {className, children, style, classNames, styles, unstyled, variant, lineClamp, tooltipProps, ...others} =\n useProps('EllipsisText', defaultProps, props);\n\n const getStyles = useStyles<EllipsisTextFactory>({\n name: 'EllipsisText',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n });\n\n const [showTooltip, setShowTooltip] = useState(false);\n const textRef = useRef<HTMLDivElement>(null);\n\n const {className: rootClass, ...rootStyles} = getStyles('root');\n const {className: textClass, ...textStyles} = getStyles('text');\n\n return (\n <Box\n ref={ref}\n onMouseEnter={() => {\n if (textRef.current && isOverflowing(textRef.current)) {\n setShowTooltip(true);\n }\n }}\n onMouseLeave={() => setShowTooltip(false)}\n className={clsx(rootClass, {[classes.noWrap]: !lineClamp})}\n {...rootStyles}\n {...others}\n >\n <Tooltip label={children} opened={showTooltip} {...tooltipProps} {...getStyles('tooltip')}>\n <Text\n span\n inherit\n variant={variant}\n ref={textRef}\n className={clsx(textClass, {[classes.ellipsis]: !lineClamp})}\n {...(!!lineClamp && {lineClamp: lineClamp})}\n {...textStyles}\n >\n {children}\n </Text>\n </Tooltip>\n </Box>\n );\n});\n\nconst isOverflowing = (h: HTMLDivElement) => h.scrollWidth > h.clientWidth \|\| h.scrollHeight > h.clientHeight;\n"],"names":["EllipsisText","defaultProps","tooltipProps","polymorphicFactory","props","ref","useProps","className","children","style","classNames","styles","unstyled","variant","lineClamp","others","getStyles","useStyles","name","classes","useState","showTooltip","setShowTooltip","textRef","useRef","rootClass","rootStyles","textClass","textStyles","Box","onMouseEnter","current","isOverflowing","onMouseLeave","clsx","noWrap","Tooltip","label","opened","Text","span","inherit","ellipsis","h","scrollWidth","clientWidth","scrollHeight","clientHeight"],"mappings":";;;;+BAoCaA;;;eAAAA;;;;;;;;;;oBAxBN;qBACmC;6DACzB;8EACG;AAiBpB,IAAMC,eAA2C;IAC7CC,cAAc,CAAC;AACnB;AAEO,IAAMF,eAAeG,IAAAA,wBAAkB,EAAsB,SAACC,OAAOC;IACxE,IACIC,YAAAA,IAAAA,cAAQ,EAAC,gBAAgBL,cAAcG,QADpCG,YACHD,UADGC,WAAWC,WACdF,UADcE,UAAUC,QACxBH,UADwBG,OAAOC,aAC/BJ,UAD+BI,YAAYC,SAC3CL,UAD2CK,QAAQC,WACnDN,UADmDM,UAAUC,UAC7DP,UAD6DO,SAASC,YACtER,UADsEQ,WAAWZ,eACjFI,UADiFJ,cAAiBa,sCAClGT~~;QADGC;QAAWC;QAAUC;QAAOC;QAAYC;QAAQC;QAAUC;QAASC;QAAWZ;;IAGrF~~,~~IAAMc~~,YAAYC,IAAAA,eAAS,EAAsB;QAC7CC,MAAM;QACNC,SAAAA,8BAAO;QACPf,OAAAA;QACAG,WAAAA;QACAE,OAAAA;QACAC,YAAAA;QACAC,QAAAA;QACAC,UAAAA;IACJ;IAEA,IAAsCQ,+BAAAA,IAAAA,eAAQ,EAAC,YAAxCC,cAA+BD,cAAlBE,iBAAkBF;IACtC,IAAMG,UAAUC,IAAAA,aAAM,EAAiB;IAEvC,IAA8CR,aAAAA,UAAU,SAAjDT,AAAWkB,YAA4BT,WAAvCT,WAAyBmB,0CAAcV~~;QAAvCT;;IACP~~,~~IAA8CS~~,cAAAA,UAAU,SAAjDT,AAAWoB,YAA4BX,YAAvCT,WAAyBqB,0CAAcZ~~;QAAvCT;;IAEP~~,qBACI,~~qBAACsB~~,SAAG;QACAxB,KAAKA;QACLyB,cAAc;~~YACV~~,IAAIP,QAAQQ,OAAO,IAAIC,cAAcT,QAAQQ,OAAO,GAAG;gBACnDT,eAAe;YACnB;QACJ;QACAW,cAAc;~~mBAAMX~~,eAAe;;QACnCf,WAAW2B,IAAAA,aAAI,EAACT,WAAY,uBAACN,8BAAO,CAACgB,MAAM,EAAG,CAACrB;OAC3CY,YACAX;kBAEJ,cAAA,qBAACqB,aAAO;YAACC,OAAO7B;YAAU8B,QAAQjB;WAAiBnB,cAAkBc,UAAU;sBAC3E,cAAA,qBAACuB,UAAI;gBACDC,IAAI;gBACJC,OAAO;gBACP5B,SAASA;gBACTR,KAAKkB;gBACLhB,WAAW2B,IAAAA,aAAI,EAACP,WAAY,uBAACR,8BAAO,CAACuB,QAAQ,EAAG,CAAC5B;eAC5C,CAAC,CAACA,aAAa;gBAACA,WAAWA;YAAS,GACrCc;0BAEHpB;;;;AAKrB;AAEA,IAAMwB,gBAAgB,~~SAACW~~;WAAsBA,EAAEC,WAAW,GAAGD,EAAEE,WAAW,IAAIF,EAAEG,YAAY,GAAGH,EAAEI,YAAY"}
1	+ {"version":3,"sources":["../../../../src/components/EllipsisText/EllipsisText.tsx"],"sourcesContent":["import {\n Box,\n type BoxProps,\n type Factory,\n polymorphicFactory,\n type StylesApiProps,\n Text,\n type TextProps,\n Tooltip,\n type TooltipProps,\n useProps,\n useStyles,\n} from '@mantine/core';\nimport {ReactNode, useRef, useState} from 'react';\nimport clsx from 'clsx';\nimport classes from './EllipsisText.module.css';\n\nexport type EllipsisTextStylesNames = 'root' \| 'tooltip' \| 'text';\n\nexport interface EllipsisTextProps\n extends BoxProps, Pick<TextProps, 'variant' \| 'lineClamp'>, Omit<StylesApiProps<EllipsisTextFactory>, 'variant'> {\n children: ReactNode;\n tooltipProps?: Partial<Omit<TooltipProps, 'label' \| 'opened' \| 'children'>>;\n}\n\ntype EllipsisTextFactory = Factory<{\n props: EllipsisTextProps;\n defaultRef: HTMLDivElement;\n defaultComponent: 'div';\n stylesNames: EllipsisTextStylesNames;\n}>;\n\nconst defaultProps: Partial<EllipsisTextProps> = {\n tooltipProps: {},\n};\n\nexport const EllipsisText = polymorphicFactory<EllipsisTextFactory>((props, ref) => {\n const {className, children, style, classNames, styles, unstyled, variant, lineClamp, tooltipProps, ...others} =\n useProps('EllipsisText', defaultProps, props);\n\n const getStyles = useStyles<EllipsisTextFactory>({\n name: 'EllipsisText',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n });\n\n const [showTooltip, setShowTooltip] = useState(false);\n const textRef = useRef<HTMLDivElement>(null);\n\n const {className: rootClass, ...rootStyles} = getStyles('root');\n const {className: textClass, ...textStyles} = getStyles('text');\n\n return (\n <Box\n ref={ref}\n onMouseEnter={() => {\n if (textRef.current && isOverflowing(textRef.current)) {\n setShowTooltip(true);\n }\n }}\n onMouseLeave={() => setShowTooltip(false)}\n className={clsx(rootClass, {[classes.noWrap]: !lineClamp})}\n {...rootStyles}\n {...others}\n >\n <Tooltip label={children} opened={showTooltip} {...tooltipProps} {...getStyles('tooltip')}>\n <Text\n span\n inherit\n variant={variant}\n ref={textRef}\n className={clsx(textClass, {[classes.ellipsis]: !lineClamp})}\n {...(!!lineClamp && {lineClamp: lineClamp})}\n {...textStyles}\n >\n {children}\n </Text>\n </Tooltip>\n </Box>\n );\n});\n\nconst isOverflowing = (h: HTMLDivElement) => h.scrollWidth > h.clientWidth \|\| h.scrollHeight > h.clientHeight;\n"],"names":["EllipsisText","defaultProps","tooltipProps","polymorphicFactory","props","ref","useProps","className","children","style","classNames","styles","unstyled","variant","lineClamp","others","getStyles","useStyles","name","classes","useState","showTooltip","setShowTooltip","textRef","useRef","rootClass","rootStyles","textClass","textStyles","Box","onMouseEnter","current","isOverflowing","onMouseLeave","clsx","noWrap","Tooltip","label","opened","Text","span","inherit","ellipsis","h","scrollWidth","clientWidth","scrollHeight","clientHeight"],"mappings":";;;;+BAoCaA;;;eAAAA;;;;;;;;;;oBAxBN;qBACmC;6DACzB;8EACG;AAiBpB,IAAMC,eAA2C;IAC7CC,cAAc,CAAC;AACnB;AAEO,IAAMF,eAAeG,IAAAA,wBAAkB,EAAsB,SAACC,OAAOC;IACxE,IACIC,YAAAA,IAAAA,cAAQ,EAAC,gBAAgBL,cAAcG,QADpCG,YACHD,UADGC,WAAWC,WACdF,UADcE,UAAUC,QACxBH,UADwBG,OAAOC,aAC/BJ,UAD+BI,YAAYC,SAC3CL,UAD2CK,QAAQC,WACnDN,UADmDM,UAAUC,UAC7DP,UAD6DO,SAASC,YACtER,UADsEQ,WAAWZ,eACjFI,UADiFJ,cAAiBa,sCAClGT;;;;;;;;;;;IAEJ,IAAMU,YAAYC,IAAAA,eAAS,EAAsB;QAC7CC,MAAM;QACNC,SAAAA,8BAAO;QACPf,OAAAA;QACAG,WAAAA;QACAE,OAAAA;QACAC,YAAAA;QACAC,QAAAA;QACAC,UAAAA;IACJ;IAEA,IAAsCQ,+BAAAA,IAAAA,eAAQ,EAAC,YAAxCC,cAA+BD,cAAlBE,iBAAkBF;IACtC,IAAMG,UAAUC,IAAAA,aAAM,EAAiB;IAEvC,IAA8CR,aAAAA,UAAU,SAAjDT,AAAWkB,YAA4BT,WAAvCT,WAAyBmB,0CAAcV;;;IAC9C,IAA8CA,cAAAA,UAAU,SAAjDT,AAAWoB,YAA4BX,YAAvCT,WAAyBqB,0CAAcZ;;;IAE9C,qBACI,qBAACa,SAAG;QACAxB,KAAKA;QACLyB,cAAc,SAAdA;YACI,IAAIP,QAAQQ,OAAO,IAAIC,cAAcT,QAAQQ,OAAO,GAAG;gBACnDT,eAAe;YACnB;QACJ;QACAW,cAAc,SAAdA;mBAAoBX,eAAe;;QACnCf,WAAW2B,IAAAA,aAAI,EAACT,WAAY,uBAACN,8BAAO,CAACgB,MAAM,EAAG,CAACrB;OAC3CY,YACAX;kBAEJ,cAAA,qBAACqB,aAAO;YAACC,OAAO7B;YAAU8B,QAAQjB;WAAiBnB,cAAkBc,UAAU;sBAC3E,cAAA,qBAACuB,UAAI;gBACDC,IAAI;gBACJC,OAAO;gBACP5B,SAASA;gBACTR,KAAKkB;gBACLhB,WAAW2B,IAAAA,aAAI,EAACP,WAAY,uBAACR,8BAAO,CAACuB,QAAQ,EAAG,CAAC5B;eAC5C,CAAC,CAACA,aAAa;gBAACA,WAAWA;YAAS,GACrCc;0BAEHpB;;;;AAKrB;AAEA,IAAMwB,gBAAgB,uBAACW;WAAsBA,EAAEC,WAAW,GAAGD,EAAEE,WAAW,IAAIF,EAAEG,YAAY,GAAGH,EAAEI,YAAY"}

package/dist/cjs/components/Facet/DefaultFacetItem.js CHANGED Viewed

@@ -15,10 +15,10 @@ var _react = require("react");
 var _DefaultFacetItemmodulecss = /*#__PURE__*/ _interop_require_default._(require("./DefaultFacetItem.module.css"));
 var DefaultFacetItem = /*#__PURE__*/ (0, _react.memo)(function(param) {
     var data = param.data, selected = param.selected, countFormatter = param.countFormatter;
-    var _countFormatter;
+    var _ref;
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Checkbox, {
         checked: selected,
-        onChange: function() {
+        onChange: function onChange() {
             return undefined;
         },
         "aria-hidden": true,
@@ -32,7 +32,7 @@ var DefaultFacetItem = /*#__PURE__*/ (0, _react.memo)(function(param) {
                     className: _DefaultFacetItemmodulecss.default.count,
                     children: [
                         "(",
-                        (_countFormatter = countFormatter === null || countFormatter === void 0 ? void 0 : countFormatter(data.count)) !== null && _countFormatter !== void 0 ? _countFormatter : data.count,
+                        (_ref = countFormatter === null || countFormatter === void 0 ? void 0 : countFormatter(data.count)) !== null && _ref !== void 0 ? _ref : data.count,
                         ")"
                     ]
                 }) : null

package/dist/cjs/components/Facet/DefaultFacetItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Facet/DefaultFacetItem.tsx"],"sourcesContent":["import {Checkbox, Text} from '@mantine/core';\nimport {memo} from 'react';\nimport classes from './DefaultFacetItem.module.css';\nimport {FacetItemComponent, FacetItemComponentProps} from './FacetTypes.js';\n\nexport const DefaultFacetItem: FacetItemComponent = memo(\n ({data, selected, countFormatter}: FacetItemComponentProps) => (\n <Checkbox\n checked={selected}\n onChange={() => undefined} // add an onChange handler to fix react warning\n aria-hidden\n label={\n <>\n {data.label}\n {data.count !== undefined ? (\n <Text span c=\"dimmed\" ml=\"xs\" className={classes.count}>\n ({countFormatter?.(data.count) ?? data.count})\n </Text>\n ) : null}\n </>\n }\n tabIndex={-1}\n className={classes.root}\n />\n ),\n);\n"],"names":["DefaultFacetItem","memo","data","selected","countFormatter","Checkbox","checked","onChange","undefined","aria-hidden","label","count","Text","span","c","ml","className","classes","tabIndex","root"],"mappings":";;;;+BAKaA;;;eAAAA;;;;;oBALgB;qBACV;kFACC;AAGb,IAAMA,iCAAuCC,IAAAA,WAAI,EACpD;QAAEC,aAAAA,MAAMC,iBAAAA,UAAUC,uBAAAA~~;QAUQA;yBATtB~~,qBAACC,cAAQ;QACLC,SAASH;QACTI,UAAU;~~mBAAMC~~;;QAChBC,aAAW;QACXC,qBACI;;gBACKR,KAAKQ,KAAK;gBACVR,KAAKS,KAAK,KAAKH,0BACZ,sBAACI,UAAI;oBAACC,IAAI;oBAACC,GAAE;oBAASC,IAAG;oBAAKC,WAAWC,kCAAO,CAACN,KAAK;;wBAAE;~~wBAClDP~~,~~CAAAA,kBAAAA,~~2BAAAA,qCAAAA,eAAiBF,KAAKS,KAAK,~~eAA3BP~~,~~6BAAAA,kBAAgCF,~~KAAKS,KAAK;wBAAC;;qBAEjD;;;QAGZO,UAAU,CAAC;QACXF,WAAWC,kCAAO,CAACE,IAAI"}
1	+ {"version":3,"sources":["../../../../src/components/Facet/DefaultFacetItem.tsx"],"sourcesContent":["import {Checkbox, Text} from '@mantine/core';\nimport {memo} from 'react';\nimport classes from './DefaultFacetItem.module.css';\nimport {FacetItemComponent, FacetItemComponentProps} from './FacetTypes.js';\n\nexport const DefaultFacetItem: FacetItemComponent = memo(\n ({data, selected, countFormatter}: FacetItemComponentProps) => (\n <Checkbox\n checked={selected}\n onChange={() => undefined} // add an onChange handler to fix react warning\n aria-hidden\n label={\n <>\n {data.label}\n {data.count !== undefined ? (\n <Text span c=\"dimmed\" ml=\"xs\" className={classes.count}>\n ({countFormatter?.(data.count) ?? data.count})\n </Text>\n ) : null}\n </>\n }\n tabIndex={-1}\n className={classes.root}\n />\n ),\n);\n"],"names":["DefaultFacetItem","memo","data","selected","countFormatter","Checkbox","checked","onChange","undefined","aria-hidden","label","count","Text","span","c","ml","className","classes","tabIndex","root"],"mappings":";;;;+BAKaA;;;eAAAA;;;;;oBALgB;qBACV;kFACC;AAGb,IAAMA,iCAAuCC,IAAAA,WAAI,EACpD;QAAEC,aAAAA,MAAMC,iBAAAA,UAAUC,uBAAAA;;yBACd,qBAACC,cAAQ;QACLC,SAASH;QACTI,UAAU,SAAVA;mBAAgBC;;QAChBC,aAAW;QACXC,qBACI;;gBACKR,KAAKQ,KAAK;gBACVR,KAAKS,KAAK,KAAKH,0BACZ,sBAACI,UAAI;oBAACC,IAAI;oBAACC,GAAE;oBAASC,IAAG;oBAAKC,WAAWC,kCAAO,CAACN,KAAK;;wBAAE;gCAClDP,2BAAAA,qCAAAA,eAAiBF,KAAKS,KAAK,wCAAKT,KAAKS,KAAK;wBAAC;;qBAEjD;;;QAGZO,UAAU,CAAC;QACXF,WAAWC,kCAAO,CAACE,IAAI"}

package/dist/cjs/components/Facet/Facet.js CHANGED Viewed

@@ -83,7 +83,7 @@ var Facet = (0, _core.factory)(function(_props, ref) {
     var sortedData = (0, _groupOptions.groupOptions)({
         data: filteredData
     });
-    var handleValueSelect = function(val) {
+    var handleValueSelect = function handleValueSelect(val) {
         return handleSelection(_selection.includes(val) ? _selection.filter(function(v) {
             return v !== val;
         }) : _to_consumable_array._(_selection).concat([
@@ -99,7 +99,7 @@ var Facet = (0, _core.factory)(function(_props, ref) {
         var itemComponent = /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Combobox.Option, {
             "aria-selected": isSelected ? true : false,
             value: item.value,
-            onMouseEnter: function() {
+            onMouseEnter: function onMouseEnter() {
                 return combobox.resetSelectedOption();
             },
             className: (0, _clsx.clsx)(_Facetmodulecss.default.facetItem),
@@ -157,7 +157,7 @@ var Facet = (0, _core.factory)(function(_props, ref) {
                             /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.TextInput, {
                                 unstyled: unstyled,
                                 value: search,
-                                onChange: function(event) {
+                                onChange: function onChange(event) {
                                     handleSearch(event.currentTarget.value);
                                     combobox.updateSelectedOptionIndex();
                                 },
@@ -168,7 +168,7 @@ var Facet = (0, _core.factory)(function(_props, ref) {
                                 rightSection: search ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_ActionIcon.ActionIcon.Quaternary, {
                                     "aria-label": "clear search",
                                     color: "gray",
-                                    onClick: function() {
+                                    onClick: function onClick() {
                                         handleSearch('');
                                     },
                                     children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.CrossSize16Px, {
@@ -218,7 +218,7 @@ var Facet = (0, _core.factory)(function(_props, ref) {
     }));
 });
 Facet.displayName = 'Facet';
-var defaultFilter = function(query, item) {
+var defaultFilter = function defaultFilter(query, item) {
     return item.label.toLowerCase().trim().includes(query.toLowerCase().trim()) || item.value.toLowerCase().trim().includes(query.toLowerCase().trim());
 };

package/dist/cjs/components/Facet/Facet.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Facet/Facet.tsx"],"sourcesContent":["import {CrossSize16Px, FilterSize16Px} from '@coveord/plasma-react-icons';\nimport {\n Box,\n BoxProps,\n Combobox,\n Divider,\n factory,\n Factory,\n StylesApiProps,\n Text,\n TextInput,\n Title,\n useCombobox,\n useProps,\n} from '@mantine/core';\nimport {useUncontrolled} from '@mantine/hooks';\nimport {clsx} from 'clsx';\nimport {FunctionComponent, ReactElement, ReactNode, useEffect} from 'react';\nimport {groupOptions} from '../../utils/groupOptions.js';\nimport {ActionIcon} from '../ActionIcon/ActionIcon.js';\nimport {DefaultFacetItem} from './DefaultFacetItem.js';\nimport classes from './Facet.module.css';\nimport {FacetScrollArea} from './FacetScrollArea.js';\nimport {FacetData, FacetItem, FacetItemComponent} from './FacetTypes.js';\n\nexport type FacetStylesNames =\n \| 'facet'\n \| 'facetItem'\n \| 'facetItems'\n \| 'facetHeader'\n \| 'searchInput'\n \| 'hiddenSearch'\n \| 'facetBody'\n \| 'facetTitle'\n \| 'facetSearch'\n \| 'facetControl'\n \| 'separator'\n \| 'separatorLabel';\n\nexport interface FacetProps extends BoxProps, StylesApiProps<FacetFactory> {\n className?: string;\n /*\n The data to render in the component\n /\n data: FacetData;\n /\n Function called when an item is selected or unselected\n \n @param values the selected items\n /\n onChange?: (values: string[]) => void;\n /\n Initial items selection\n \n @default []\n /\n initialSelection?: string[];\n /\n Determined items selection\n \n @default []\n /\n selection?: string[];\n /\n Custom item component\n \n @default a checkbox with the label of the item\n /\n itemComponent?: FacetItemComponent;\n /\n Function to format the facet item count\n \n @param count\n * @default (count) => count.toString()\n /\n itemCountFormatter?: (value: number) => string;\n /\n Search input placeholder\n /\n searchPlaceholder?: string;\n /\n Called when the search query changes\n \n @param value the search query\n /\n onSearch?: (value: string) => void;\n /\n Function to filter search results\n \n @param query value of the search input\n * @param item the current item\n \n @default function that compare the query with the label and value, case-insensitive\n /\n filter?: (query: string, item: FacetItem) => boolean;\n /\n Value of the search input\n /\n query?: string;\n /\n Nothing found message\n \n @default No matching items\n /\n nothingFound?: ReactNode;\n /\n Displayed when a list is empty and there is no search query\n \n @default No items\n /\n placeholder?: ReactNode;\n /\n Facet title\n /\n title?: ReactNode;\n /\n Maximum height, only used when there is more than 7 values\n \n @default 200\n /\n height?: number \| 'auto';\n /\n Predefined border-radius value from theme.radius or number for border-radius in px\n \n @default md\n /\n radius?: number \| string;\n /\n Change list component, can be used to add custom scrollbars\n /\n listComponent?: FunctionComponent<any>;\n /\n Limit amount of items showed at a time\n \n @default Infinity\n /\n limit?: number;\n /\n Control the displaying of the search input.\n \n @default data.length <= 7\n */\n hideSearch?: boolean;\n __staticSelector?: string;\n}\n\nexport type FacetFactory = Factory<{\n props: FacetProps;\n ref: HTMLDivElement;\n stylesNames: FacetStylesNames;\n}>;\n\nconst defaultProps: Partial<FacetProps> = {\n searchPlaceholder: 'Search',\n nothingFound: 'No matching items',\n placeholder: 'No items',\n height: 200,\n limit: Infinity,\n itemComponent: DefaultFacetItem,\n listComponent: FacetScrollArea,\n};\n\nexport const Facet: FunctionComponent<FacetProps> = factory<FacetFactory>((_props, ref) => {\n const props = useProps('Facet', defaultProps, _props);\n const {\n className,\n data,\n onChange,\n initialSelection = [],\n selection,\n itemComponent: ItemComponent,\n listComponent: ListComponent,\n itemCountFormatter,\n searchPlaceholder,\n query,\n hideSearch = data.length <= 7,\n onSearch,\n filter = defaultFilter,\n nothingFound,\n placeholder,\n title,\n height,\n radius,\n __staticSelector,\n classNames,\n styles,\n limit,\n unstyled,\n ...others\n } = props;\n const combobox = useCombobox();\n const [search, handleSearch] = useUncontrolled({\n value: query,\n defaultValue: '',\n finalValue: '',\n onChange: onSearch,\n });\n\n const [_selection, handleSelection] = useUncontrolled({\n value: selection,\n defaultValue: initialSelection,\n finalValue: [],\n onChange,\n });\n\n const unGroupedItems: ReactElement[] = [];\n const groupedItems: ReactElement[] = [];\n const filteredData = data.filter((item) => filter(search, item)).slice(0, limit);\n\n const sortedData: FacetData = groupOptions({data: filteredData});\n\n const handleValueSelect = (val: string) =>\n handleSelection(_selection.includes(val) ? _selection.filter((v) => v !== val) : [..._selection, val]);\n\n let groupName: string = null;\n\n useEffect(() => {\n combobox.openDropdown();\n }, []);\n\n sortedData.forEach((item) => {\n const isSelected = _selection.includes(item.value);\n const itemComponent = (\n <Combobox.Option\n aria-selected={isSelected ? true : false}\n value={item.value}\n key={item.value}\n onMouseEnter={() => combobox.resetSelectedOption()}\n className={clsx(classes.facetItem)}\n >\n <ItemComponent data={item} selected={isSelected} countFormatter={itemCountFormatter} />\n </Combobox.Option>\n );\n\n if (!item.group) {\n unGroupedItems.push(itemComponent);\n } else {\n if (groupName !== item.group) {\n groupName = item.group;\n groupedItems.push(\n <div className={classes.separator} key={groupName}>\n <Divider classNames={{label: classes.separatorLabel}} label={groupName} />\n </div>,\n );\n }\n groupedItems.push(itemComponent);\n }\n });\n\n if (groupedItems.length > 0 && unGroupedItems.length > 0) {\n unGroupedItems.unshift(\n <div className={classes.separator} key=\"ungrouped-separator\">\n <Divider unstyled={unstyled} classNames={{label: classes.separatorLabel}} />\n </div>,\n );\n }\n\n return (\n <Box className={clsx(classes.facet, className)} {...others} ref={ref}>\n <Combobox store={combobox} onOptionSubmit={handleValueSelect}>\n <Combobox.EventsTarget>\n <Box className={classes.facetHeader}>\n {title ? <Title order={5}>{title}</Title> : null}\n\n <TextInput\n unstyled={unstyled}\n value={search}\n onChange={(event) => {\n handleSearch(event.currentTarget.value);\n combobox.updateSelectedOptionIndex();\n }}\n placeholder={searchPlaceholder}\n aria-hidden={hideSearch}\n tabIndex={hideSearch ? -1 : undefined}\n className={clsx(classes.facetSearch, {[classes.hiddenSearch]: hideSearch})}\n rightSection={\n search ? (\n <ActionIcon.Quaternary\n aria-label=\"clear search\"\n color=\"gray\"\n onClick={() => {\n handleSearch('');\n }}\n >\n <CrossSize16Px height={16} />\n </ActionIcon.Quaternary>\n ) : (\n <FilterSize16Px height={16} />\n )\n }\n />\n </Box>\n </Combobox.EventsTarget>\n <div className={classes.facetBody}>\n <Combobox.EventsTarget>\n <ListComponent\n className={classes.facetItems}\n mah={height}\n style={{overflow: 'auto', position: 'relative'}}\n tabIndex={hideSearch ? 0 : undefined}\n >\n <Combobox.Options aria-multiselectable=\"true\">\n {groupedItems.length > 0 \|\| unGroupedItems.length > 0 ? (\n <>\n {groupedItems}\n {unGroupedItems}\n </>\n ) : (\n <Combobox.Empty>\n <Text c=\"dimmed\" unstyled={unstyled} size=\"sm\" ta=\"center\" my=\"sm\">\n {!search && placeholder ? placeholder : nothingFound}\n </Text>\n </Combobox.Empty>\n )}\n </Combobox.Options>\n </ListComponent>\n </Combobox.EventsTarget>\n </div>\n </Combobox>\n </Box>\n );\n});\n\nFacet.displayName = 'Facet';\n\nconst defaultFilter = (query: string, item: FacetItem) =>\n item.label.toLowerCase().trim().includes(query.toLowerCase().trim()) \|\|\n item.value.toLowerCase().trim().includes(query.toLowerCase().trim());\n"],"names":["Facet","defaultProps","searchPlaceholder","nothingFound","placeholder","height","limit","Infinity","itemComponent","DefaultFacetItem","listComponent","FacetScrollArea","factory","_props","ref","props","useProps","className","data","onChange","initialSelection","selection","ItemComponent","ListComponent","itemCountFormatter","query","hideSearch","length","onSearch","filter","defaultFilter","title","radius","__staticSelector","classNames","styles","unstyled","others","combobox","useCombobox","useUncontrolled","value","defaultValue","finalValue","search","handleSearch","_selection","handleSelection","unGroupedItems","groupedItems","filteredData","item","slice","sortedData","groupOptions","handleValueSelect","val","includes","v","groupName","useEffect","openDropdown","forEach","isSelected","Combobox","Option","aria-selected","onMouseEnter","resetSelectedOption","clsx","classes","facetItem","selected","countFormatter","group","push","div","separator","Divider","label","separatorLabel","unshift","Box","facet","store","onOptionSubmit","EventsTarget","facetHeader","Title","order","TextInput","event","currentTarget","updateSelectedOptionIndex","aria-hidden","tabIndex","undefined","facetSearch","hiddenSearch","rightSection","ActionIcon","Quaternary","aria-label","color","onClick","CrossSize16Px","FilterSize16Px","facetBody","facetItems","mah","style","overflow","position","Options","aria-multiselectable","Empty","Text","c","size","ta","my","displayName","toLowerCase","trim"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../../src/components/Facet/Facet.tsx"],"sourcesContent":["import {CrossSize16Px, FilterSize16Px} from '@coveord/plasma-react-icons';\nimport {\n Box,\n BoxProps,\n Combobox,\n Divider,\n factory,\n Factory,\n StylesApiProps,\n Text,\n TextInput,\n Title,\n useCombobox,\n useProps,\n} from '@mantine/core';\nimport {useUncontrolled} from '@mantine/hooks';\nimport {clsx} from 'clsx';\nimport {FunctionComponent, ReactElement, ReactNode, useEffect} from 'react';\nimport {groupOptions} from '../../utils/groupOptions.js';\nimport {ActionIcon} from '../ActionIcon/ActionIcon.js';\nimport {DefaultFacetItem} from './DefaultFacetItem.js';\nimport classes from './Facet.module.css';\nimport {FacetScrollArea} from './FacetScrollArea.js';\nimport {FacetData, FacetItem, FacetItemComponent} from './FacetTypes.js';\n\nexport type FacetStylesNames =\n \| 'facet'\n \| 'facetItem'\n \| 'facetItems'\n \| 'facetHeader'\n \| 'searchInput'\n \| 'hiddenSearch'\n \| 'facetBody'\n \| 'facetTitle'\n \| 'facetSearch'\n \| 'facetControl'\n \| 'separator'\n \| 'separatorLabel';\n\nexport interface FacetProps extends BoxProps, StylesApiProps<FacetFactory> {\n className?: string;\n /*\n The data to render in the component\n /\n data: FacetData;\n /\n Function called when an item is selected or unselected\n \n @param values the selected items\n /\n onChange?: (values: string[]) => void;\n /\n Initial items selection\n \n @default []\n /\n initialSelection?: string[];\n /\n Determined items selection\n \n @default []\n /\n selection?: string[];\n /\n Custom item component\n \n @default a checkbox with the label of the item\n /\n itemComponent?: FacetItemComponent;\n /\n Function to format the facet item count\n \n @param count\n * @default (count) => count.toString()\n /\n itemCountFormatter?: (value: number) => string;\n /\n Search input placeholder\n /\n searchPlaceholder?: string;\n /\n Called when the search query changes\n \n @param value the search query\n /\n onSearch?: (value: string) => void;\n /\n Function to filter search results\n \n @param query value of the search input\n * @param item the current item\n \n @default function that compare the query with the label and value, case-insensitive\n /\n filter?: (query: string, item: FacetItem) => boolean;\n /\n Value of the search input\n /\n query?: string;\n /\n Nothing found message\n \n @default No matching items\n /\n nothingFound?: ReactNode;\n /\n Displayed when a list is empty and there is no search query\n \n @default No items\n /\n placeholder?: ReactNode;\n /\n Facet title\n /\n title?: ReactNode;\n /\n Maximum height, only used when there is more than 7 values\n \n @default 200\n /\n height?: number \| 'auto';\n /\n Predefined border-radius value from theme.radius or number for border-radius in px\n \n @default md\n /\n radius?: number \| string;\n /\n Change list component, can be used to add custom scrollbars\n /\n listComponent?: FunctionComponent<any>;\n /\n Limit amount of items showed at a time\n \n @default Infinity\n /\n limit?: number;\n /\n Control the displaying of the search input.\n \n @default data.length <= 7\n */\n hideSearch?: boolean;\n __staticSelector?: string;\n}\n\nexport type FacetFactory = Factory<{\n props: FacetProps;\n ref: HTMLDivElement;\n stylesNames: FacetStylesNames;\n}>;\n\nconst defaultProps: Partial<FacetProps> = {\n searchPlaceholder: 'Search',\n nothingFound: 'No matching items',\n placeholder: 'No items',\n height: 200,\n limit: Infinity,\n itemComponent: DefaultFacetItem,\n listComponent: FacetScrollArea,\n};\n\nexport const Facet: FunctionComponent<FacetProps> = factory<FacetFactory>((_props, ref) => {\n const props = useProps('Facet', defaultProps, _props);\n const {\n className,\n data,\n onChange,\n initialSelection = [],\n selection,\n itemComponent: ItemComponent,\n listComponent: ListComponent,\n itemCountFormatter,\n searchPlaceholder,\n query,\n hideSearch = data.length <= 7,\n onSearch,\n filter = defaultFilter,\n nothingFound,\n placeholder,\n title,\n height,\n radius,\n __staticSelector,\n classNames,\n styles,\n limit,\n unstyled,\n ...others\n } = props;\n const combobox = useCombobox();\n const [search, handleSearch] = useUncontrolled({\n value: query,\n defaultValue: '',\n finalValue: '',\n onChange: onSearch,\n });\n\n const [_selection, handleSelection] = useUncontrolled({\n value: selection,\n defaultValue: initialSelection,\n finalValue: [],\n onChange,\n });\n\n const unGroupedItems: ReactElement[] = [];\n const groupedItems: ReactElement[] = [];\n const filteredData = data.filter((item) => filter(search, item)).slice(0, limit);\n\n const sortedData: FacetData = groupOptions({data: filteredData});\n\n const handleValueSelect = (val: string) =>\n handleSelection(_selection.includes(val) ? _selection.filter((v) => v !== val) : [..._selection, val]);\n\n let groupName: string = null;\n\n useEffect(() => {\n combobox.openDropdown();\n }, []);\n\n sortedData.forEach((item) => {\n const isSelected = _selection.includes(item.value);\n const itemComponent = (\n <Combobox.Option\n aria-selected={isSelected ? true : false}\n value={item.value}\n key={item.value}\n onMouseEnter={() => combobox.resetSelectedOption()}\n className={clsx(classes.facetItem)}\n >\n <ItemComponent data={item} selected={isSelected} countFormatter={itemCountFormatter} />\n </Combobox.Option>\n );\n\n if (!item.group) {\n unGroupedItems.push(itemComponent);\n } else {\n if (groupName !== item.group) {\n groupName = item.group;\n groupedItems.push(\n <div className={classes.separator} key={groupName}>\n <Divider classNames={{label: classes.separatorLabel}} label={groupName} />\n </div>,\n );\n }\n groupedItems.push(itemComponent);\n }\n });\n\n if (groupedItems.length > 0 && unGroupedItems.length > 0) {\n unGroupedItems.unshift(\n <div className={classes.separator} key=\"ungrouped-separator\">\n <Divider unstyled={unstyled} classNames={{label: classes.separatorLabel}} />\n </div>,\n );\n }\n\n return (\n <Box className={clsx(classes.facet, className)} {...others} ref={ref}>\n <Combobox store={combobox} onOptionSubmit={handleValueSelect}>\n <Combobox.EventsTarget>\n <Box className={classes.facetHeader}>\n {title ? <Title order={5}>{title}</Title> : null}\n\n <TextInput\n unstyled={unstyled}\n value={search}\n onChange={(event) => {\n handleSearch(event.currentTarget.value);\n combobox.updateSelectedOptionIndex();\n }}\n placeholder={searchPlaceholder}\n aria-hidden={hideSearch}\n tabIndex={hideSearch ? -1 : undefined}\n className={clsx(classes.facetSearch, {[classes.hiddenSearch]: hideSearch})}\n rightSection={\n search ? (\n <ActionIcon.Quaternary\n aria-label=\"clear search\"\n color=\"gray\"\n onClick={() => {\n handleSearch('');\n }}\n >\n <CrossSize16Px height={16} />\n </ActionIcon.Quaternary>\n ) : (\n <FilterSize16Px height={16} />\n )\n }\n />\n </Box>\n </Combobox.EventsTarget>\n <div className={classes.facetBody}>\n <Combobox.EventsTarget>\n <ListComponent\n className={classes.facetItems}\n mah={height}\n style={{overflow: 'auto', position: 'relative'}}\n tabIndex={hideSearch ? 0 : undefined}\n >\n <Combobox.Options aria-multiselectable=\"true\">\n {groupedItems.length > 0 \|\| unGroupedItems.length > 0 ? (\n <>\n {groupedItems}\n {unGroupedItems}\n </>\n ) : (\n <Combobox.Empty>\n <Text c=\"dimmed\" unstyled={unstyled} size=\"sm\" ta=\"center\" my=\"sm\">\n {!search && placeholder ? placeholder : nothingFound}\n </Text>\n </Combobox.Empty>\n )}\n </Combobox.Options>\n </ListComponent>\n </Combobox.EventsTarget>\n </div>\n </Combobox>\n </Box>\n );\n});\n\nFacet.displayName = 'Facet';\n\nconst defaultFilter = (query: string, item: FacetItem) =>\n item.label.toLowerCase().trim().includes(query.toLowerCase().trim()) \|\|\n item.value.toLowerCase().trim().includes(query.toLowerCase().trim());\n"],"names":["Facet","defaultProps","searchPlaceholder","nothingFound","placeholder","height","limit","Infinity","itemComponent","DefaultFacetItem","listComponent","FacetScrollArea","factory","_props","ref","props","useProps","className","data","onChange","initialSelection","selection","ItemComponent","ListComponent","itemCountFormatter","query","hideSearch","length","onSearch","filter","defaultFilter","title","radius","__staticSelector","classNames","styles","unstyled","others","combobox","useCombobox","useUncontrolled","value","defaultValue","finalValue","search","handleSearch","_selection","handleSelection","unGroupedItems","groupedItems","filteredData","item","slice","sortedData","groupOptions","handleValueSelect","val","includes","v","groupName","useEffect","openDropdown","forEach","isSelected","Combobox","Option","aria-selected","onMouseEnter","resetSelectedOption","clsx","classes","facetItem","selected","countFormatter","group","push","div","separator","Divider","label","separatorLabel","unshift","Box","facet","store","onOptionSubmit","EventsTarget","facetHeader","Title","order","TextInput","event","currentTarget","updateSelectedOptionIndex","aria-hidden","tabIndex","undefined","facetSearch","hiddenSearch","rightSection","ActionIcon","Quaternary","aria-label","color","onClick","CrossSize16Px","FilterSize16Px","facetBody","facetItems","mah","style","overflow","position","Options","aria-multiselectable","Empty","Text","c","size","ta","my","displayName","toLowerCase","trim"],"mappings":"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"}

package/dist/cjs/components/Facet/FacetScrollArea.js CHANGED Viewed

@@ -11,14 +11,19 @@ Object.defineProperty(exports, "FacetScrollArea", {
 var _object_spread = require("@swc/helpers/_/_object_spread");
 var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
+var _to_array = require("@swc/helpers/_/_to_array");
 var _jsxruntime = require("react/jsx-runtime");
 var _core = require("@mantine/core");
 var _react = require("react");
-var FacetScrollArea = /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
-    var style = _param.style, children = _param.children, others = _object_without_properties._(_param, [
+var FacetScrollArea = /*#__PURE__*/ (0, _react.forwardRef)(function(_0, _1) {
+    var _ref = [
+        _0,
+        _1
+    ], _ref1 = _to_array._(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), style = _ref2.style, children = _ref2.children, others = _object_without_properties._(_ref2, [
         "style",
         "children"
-    ]);
+    ]), _rest1 = _sliced_to_array._(_rest, 1), ref = _rest1[0];
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.ScrollArea, _object_spread_props._(_object_spread._({}, others), {
         style: _object_spread._({
             width: '100%'

package/dist/cjs/components/Facet/FacetScrollArea.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Facet/FacetScrollArea.tsx"],"sourcesContent":["import {ScrollArea, ScrollAreaProps} from '@mantine/core';\nimport {forwardRef} from 'react';\n\nexport const FacetScrollArea = forwardRef<HTMLDivElement, ScrollAreaProps>(\n ({style, children, ...others}: ScrollAreaProps, ref) => (\n <ScrollArea {...others} style={{width: '100%', ...style}} viewportRef={ref}>\n {children}\n </ScrollArea>\n ),\n);\n"],"names":["FacetScrollArea","forwardRef","~~ref","~~style","children","others","ScrollArea","width","viewportRef"],"mappings":";;;;+BAGaA;;;eAAAA~~;;;;;;;~~oBAH6B;qBACjB;AAElB,IAAMA,gCAAkBC,IAAAA,iBAAU,EACrC,~~iBAAgDC;QAA9CC~~,~~eAAAA,~~OAAOC,~~kBAAAA~~,UAAaC;~~QAApBF;QAAOC;;yBACL~~,~~qBAACE~~,gBAAU,~~8CAAKD~~;QAAQF,OAAO;~~YAACI~~,OAAO;~~WAAWJ~~;~~QAAQK~~,~~aAAaN~~;~~kBAClEE~~"}
1	+ {"version":3,"sources":["../../../../src/components/Facet/FacetScrollArea.tsx"],"sourcesContent":["import {ScrollArea, ScrollAreaProps} from '@mantine/core';\nimport {forwardRef} from 'react';\n\nexport const FacetScrollArea = forwardRef<HTMLDivElement, ScrollAreaProps>(\n ({style, children, ...others}: ScrollAreaProps, ref) => (\n <ScrollArea {...others} style={{width: '100%', ...style}} viewportRef={ref}>\n {children}\n </ScrollArea>\n ),\n);\n"],"names":["FacetScrollArea","forwardRef","style","children","others","ref","ScrollArea","width","viewportRef"],"mappings":";;;;+BAGaA;;;eAAAA;;;;;;;;;oBAH6B;qBACjB;AAElB,IAAMA,gCAAkBC,IAAAA,iBAAU,EACrC;;;;4EAAEC,cAAAA,OAAOC,iBAAAA,UAAaC;;;+CAA0BC;yBAC5C,qBAACC,gBAAU,8CAAKF;QAAQF,OAAO;YAACK,OAAO;WAAWL;QAAQM,aAAaH;kBAClEF"}

package/dist/cjs/components/Header/Header.js CHANGED Viewed

@@ -27,7 +27,7 @@ var defaultProps = {
     justify: 'space-between',
     wrap: 'nowrap'
 };
-var getSpacing = function(variant) {
+var getSpacing = function getSpacing(variant) {
     return variant === 'secondary' ? 'xxs' : 'xs';
 };
 var Header = (0, _core.factory)(function(_props, ref) {

package/dist/cjs/components/Header/Header.js.map CHANGED Viewed

	@@ -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\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.displayName = 'Header';\nHeader.Breadcrumbs = HeaderBreadcrumbs;\nHeader.BreadcrumbAnchor = HeaderBreadcrumbAnchor;\nHeader.BreadcrumbText = HeaderBreadcrumbText;\nHeader.Right = HeaderRight;\nHeader.DocAnchor = HeaderDocAnchor;\n"],"names":["Header","defaultProps","variant","justify","wrap","getSpacing","factory","_props","ref","props","useProps","className","description","borderBottom","children","style","classNames","unstyled","vars","styles","titleComponent","TitleComponent","others","getStyles","useStyles","name","classes","stylesApiProps","convertedChildren","Children","toArray","breadcrumbs","find","child","type","HeaderBreadcrumbs","right","HeaderRight","docAnchor","HeaderDocAnchor","otherChildren","filter","HeaderProvider","value","Group","Stack","gap","Title","component","order","Text","size","Divider","displayName","Breadcrumbs","BreadcrumbAnchor","HeaderBreadcrumbAnchor","BreadcrumbText","HeaderBreadcrumbText","Right","DocAnchor"],"mappings":";;;;+BA+FaA;;;eAAAA;;;;;;;;oBAnFN;qBACsD;6BAChC;wEACT;sCAIb;iCACsD;oCACM;+BACV;2BACR;AAgEjD,IAAMC,eAAqC;IACvCC,SAAS;IACTC,SAAS;IACTC,MAAM;AACV;AAEA,IAAMC,aAAa,~~SAACH~~;WAA4BA,YAAY,cAAc,QAAQ;;AAE3E,IAAMF,SAASM,IAAAA,aAAO,EAAgB,SAACC,QAAQC;IAClD,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,gBAAgBT,cAAcM;IACrD,IACII,YAYAF,MAZAE,WACAC,cAWAH,MAXAG,aACAC,eAUAJ,MAVAI,cACAX,UASAO,MATAP,SACAY,WAQAL,MARAK,UACAC,QAOAN,MAPAM,OACAC,aAMAP,MANAO,YACAC,WAKAR,MALAQ,UACAC,OAIAT,MAJAS,MACAC,SAGAV,MAHAU,QACAC,AAAgBC,iBAEhBZ,MAFAW,gBACGE,sCACHb~~;QAZAE;QACAC;QACAC;QACAX;QACAY;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGJ~~,~~IAAMG~~,YAAYC,IAAAA,eAAS,EAAgB;QACvCC,MAAM;QACNhB,OAAAA;QACAiB,SAAAA,wBAAO;QACPf,WAAAA;QACAI,OAAAA;QACAC,YAAAA;QACAG,QAAAA;QACAF,UAAAA;QACAC,MAAAA;IACJ;IACA,IAAMS,iBAAiB;QAACX,YAAAA;QAAYG,QAAAA;IAAM;IAE1C,IAAMS,oBAAoBC,eAAQ,CAACC,OAAO,CAAChB;IAC3C,IAAMiB,cAAcH,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKC,oCAAiB;;IACtF,IAAMC,QAAQR,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKG,wBAAW;;IAC1E,IAAMC,YAAYV,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKK,gCAAe;;IAClF,IAAMC,gBAAgBZ,kBAAkBa,MAAM,CAC1C,SAACR;eAAUA,MAAMC,IAAI,KAAKC,oCAAiB,IAAIF,MAAMC,IAAI,KAAKG,wBAAW,IAAIJ,MAAMC,IAAI,KAAKK,gCAAe;;IAE/G,qBACI,sBAACG,6BAAc;QAACC,OAAO;YAACpB,WAAAA;QAAS;;0BAC7B,sBAACqB,WAAK;gBAACpC,KAAKA;gBAAKN,SAASA;eAAaqB,UAAU,SAAaD;;kCAC1D,sBAACuB,WAAK;wBAACC,KAAKzC,WAAWH;;4BAClB6B;0CACD,sBAACgB,WAAK;gCACF7C,SAASA;gCACT8C,WAAW3B;gCACX4B,OAAO/C,YAAY,YAAY,IAAI;+BAC/BqB,UAAU,SAASI;;oCAEtBa;oCACAF;;;0CAEL,qBAACY,UAAI;gCACDF,WAAU;+BACNzB,UAAU,eAAeI;gCAC7BwB,MAAMjD,YAAY,YAAY,OAAO;0CAEpCU;;;;oBAGRwB;;;YAEJvB,6BAAe,qBAACuC,aAAO,8CAAK7B,UAAU,WAAWI;gBAAiBwB,MAAK;kBAAU;;;AAG9F;AAEAnD,OAAOqD,WAAW,GAAG;AACrBrD,OAAOsD,WAAW,GAAGnB,oCAAiB;AACtCnC,OAAOuD,gBAAgB,GAAGC,8CAAsB;AAChDxD,OAAOyD,cAAc,GAAGC,0CAAoB;AAC5C1D,OAAO2D,KAAK,GAAGtB,wBAAW;AAC1BrC,OAAO4D,SAAS,GAAGrB,gCAAe"}
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.displayName = 'Header';\nHeader.Breadcrumbs = HeaderBreadcrumbs;\nHeader.BreadcrumbAnchor = HeaderBreadcrumbAnchor;\nHeader.BreadcrumbText = HeaderBreadcrumbText;\nHeader.Right = HeaderRight;\nHeader.DocAnchor = HeaderDocAnchor;\n"],"names":["Header","defaultProps","variant","justify","wrap","getSpacing","factory","_props","ref","props","useProps","className","description","borderBottom","children","style","classNames","unstyled","vars","styles","titleComponent","TitleComponent","others","getStyles","useStyles","name","classes","stylesApiProps","convertedChildren","Children","toArray","breadcrumbs","find","child","type","HeaderBreadcrumbs","right","HeaderRight","docAnchor","HeaderDocAnchor","otherChildren","filter","HeaderProvider","value","Group","Stack","gap","Title","component","order","Text","size","Divider","displayName","Breadcrumbs","BreadcrumbAnchor","HeaderBreadcrumbAnchor","BreadcrumbText","HeaderBreadcrumbText","Right","DocAnchor"],"mappings":";;;;+BA+FaA;;;eAAAA;;;;;;;;oBAnFN;qBACsD;6BAChC;wEACT;sCAIb;iCACsD;oCACM;+BACV;2BACR;AAgEjD,IAAMC,eAAqC;IACvCC,SAAS;IACTC,SAAS;IACTC,MAAM;AACV;AAEA,IAAMC,aAAa,oBAACH;WAA4BA,YAAY,cAAc,QAAQ;;AAE3E,IAAMF,SAASM,IAAAA,aAAO,EAAgB,SAACC,QAAQC;IAClD,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,gBAAgBT,cAAcM;IACrD,IACII,YAYAF,MAZAE,WACAC,cAWAH,MAXAG,aACAC,eAUAJ,MAVAI,cACAX,UASAO,MATAP,SACAY,WAQAL,MARAK,UACAC,QAOAN,MAPAM,OACAC,aAMAP,MANAO,YACAC,WAKAR,MALAQ,UACAC,OAIAT,MAJAS,MACAC,SAGAV,MAHAU,QACAC,AAAgBC,iBAEhBZ,MAFAW,gBACGE,sCACHb;;;;;;;;;;;;;IACJ,IAAMc,YAAYC,IAAAA,eAAS,EAAgB;QACvCC,MAAM;QACNhB,OAAAA;QACAiB,SAAAA,wBAAO;QACPf,WAAAA;QACAI,OAAAA;QACAC,YAAAA;QACAG,QAAAA;QACAF,UAAAA;QACAC,MAAAA;IACJ;IACA,IAAMS,iBAAiB;QAACX,YAAAA;QAAYG,QAAAA;IAAM;IAE1C,IAAMS,oBAAoBC,eAAQ,CAACC,OAAO,CAAChB;IAC3C,IAAMiB,cAAcH,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKC,oCAAiB;;IACtF,IAAMC,QAAQR,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKG,wBAAW;;IAC1E,IAAMC,YAAYV,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKK,gCAAe;;IAClF,IAAMC,gBAAgBZ,kBAAkBa,MAAM,CAC1C,SAACR;eAAUA,MAAMC,IAAI,KAAKC,oCAAiB,IAAIF,MAAMC,IAAI,KAAKG,wBAAW,IAAIJ,MAAMC,IAAI,KAAKK,gCAAe;;IAE/G,qBACI,sBAACG,6BAAc;QAACC,OAAO;YAACpB,WAAAA;QAAS;;0BAC7B,sBAACqB,WAAK;gBAACpC,KAAKA;gBAAKN,SAASA;eAAaqB,UAAU,SAAaD;;kCAC1D,sBAACuB,WAAK;wBAACC,KAAKzC,WAAWH;;4BAClB6B;0CACD,sBAACgB,WAAK;gCACF7C,SAASA;gCACT8C,WAAW3B;gCACX4B,OAAO/C,YAAY,YAAY,IAAI;+BAC/BqB,UAAU,SAASI;;oCAEtBa;oCACAF;;;0CAEL,qBAACY,UAAI;gCACDF,WAAU;+BACNzB,UAAU,eAAeI;gCAC7BwB,MAAMjD,YAAY,YAAY,OAAO;0CAEpCU;;;;oBAGRwB;;;YAEJvB,6BAAe,qBAACuC,aAAO,8CAAK7B,UAAU,WAAWI;gBAAiBwB,MAAK;kBAAU;;;AAG9F;AAEAnD,OAAOqD,WAAW,GAAG;AACrBrD,OAAOsD,WAAW,GAAGnB,oCAAiB;AACtCnC,OAAOuD,gBAAgB,GAAGC,8CAAsB;AAChDxD,OAAOyD,cAAc,GAAGC,0CAAoB;AAC5C1D,OAAO2D,KAAK,GAAGtB,wBAAW;AAC1BrC,OAAO4D,SAAS,GAAGrB,gCAAe"}

package/dist/cjs/components/Header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/components/Header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.tsx"],"sourcesContent":["import {IconChevronLeft} from '@coveord/plasma-react-icons';\nimport {Anchor, type AnchorProps, Flex, type PolymorphicFactory, polymorphicFactory} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {useHeaderContext} from '../Header.context.js';\n\nexport interface HeaderBreadcrumbAnchorProps extends AnchorProps {\n /*\n If true, only one breadcrumb will be displayed with a back arrow\n * @default false\n **/\n single?: boolean;\n children: ReactNode;\n}\n\nexport type HeaderBreadcrumbAnchorStyleNames = 'breadcrumbAnchor' \| 'breadcrumbAnchorSingleGroup';\n\nexport type HeaderBreadcrumbAnchorFactory = PolymorphicFactory<{\n props: HeaderBreadcrumbAnchorProps;\n ref: HTMLAnchorElement;\n stylesNames: HeaderBreadcrumbAnchorStyleNames;\n compound: true;\n defaultComponent: 'a';\n defaultRef: HTMLAnchorElement;\n}>;\n\nexport const HeaderBreadcrumbAnchor = polymorphicFactory<HeaderBreadcrumbAnchorFactory>((props, ref) => {\n const {children, className, classNames, styles, style, single, ...others} = props;\n const ctx = useHeaderContext();\n\n const content = single ? (\n <Flex\n align=\"center\"\n {...ctx.getStyles('breadcrumbAnchorSingleGroup', {className, classNames, styles, style, props})}\n >\n <IconChevronLeft aria-label=\"arrow pointing back\" size={16} />\n {children}\n </Flex>\n ) : (\n children\n );\n\n return (\n <Anchor\n ref={ref}\n inherit\n {...ctx.getStyles('breadcrumbAnchor', {className, classNames, styles, style, props})}\n {...others}\n >\n {content}\n </Anchor>\n );\n});\n\nHeaderBreadcrumbAnchor.displayName = 'Header.BreadcrumbAnchor';\n"],"names":["HeaderBreadcrumbAnchor","polymorphicFactory","props","ref","children","className","classNames","styles","style","single","others","ctx","useHeaderContext","content","Flex","align","getStyles","IconChevronLeft","aria-label","size","Anchor","inherit","displayName"],"mappings":";;;;+BAyBaA;;;eAAAA;;;;;;;gCAzBiB;oBAC4D;6BAE3D;AAsBxB,IAAMA,yBAAyBC,IAAAA,wBAAkB,EAAgC,SAACC,OAAOC;IAC5F,IAAOC,WAAqEF,MAArEE,UAAUC,YAA2DH,MAA3DG,WAAWC,aAAgDJ,MAAhDI,YAAYC,SAAoCL,MAApCK,QAAQC,QAA4BN,MAA5BM,OAAOC,SAAqBP,MAArBO,QAAWC,sCAAUR~~;QAArEE;QAAUC;QAAWC;QAAYC;QAAQC;QAAOC;;IACvD~~,~~IAAME~~,MAAMC,IAAAA,+BAAgB;IAE5B,IAAMC,UAAUJ,uBACZ,sBAACK,UAAI;QACDC,OAAM;OACFJ,IAAIK,SAAS,CAAC,+BAA+B;QAACX,WAAAA;QAAWC,YAAAA;QAAYC,QAAAA;QAAQC,OAAAA;QAAON,OAAAA;IAAK;;0BAE7F,qBAACe,iCAAe;gBAACC,cAAW;gBAAsBC,MAAM;;YACvDf;;UAGLA;IAGJ,qBACI,qBAACgB,YAAM;QACHjB,KAAKA;QACLkB,OAAO;OACHV,IAAIK,SAAS,CAAC,oBAAoB;QAACX,WAAAA;QAAWC,YAAAA;QAAYC,QAAAA;QAAQC,OAAAA;QAAON,OAAAA;IAAK,IAC9EQ;kBAEHG;;AAGb;AAEAb,uBAAuBsB,WAAW,GAAG"}
1	+ {"version":3,"sources":["../../../../../src/components/Header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.tsx"],"sourcesContent":["import {IconChevronLeft} from '@coveord/plasma-react-icons';\nimport {Anchor, type AnchorProps, Flex, type PolymorphicFactory, polymorphicFactory} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {useHeaderContext} from '../Header.context.js';\n\nexport interface HeaderBreadcrumbAnchorProps extends AnchorProps {\n /*\n If true, only one breadcrumb will be displayed with a back arrow\n * @default false\n **/\n single?: boolean;\n children: ReactNode;\n}\n\nexport type HeaderBreadcrumbAnchorStyleNames = 'breadcrumbAnchor' \| 'breadcrumbAnchorSingleGroup';\n\nexport type HeaderBreadcrumbAnchorFactory = PolymorphicFactory<{\n props: HeaderBreadcrumbAnchorProps;\n ref: HTMLAnchorElement;\n stylesNames: HeaderBreadcrumbAnchorStyleNames;\n compound: true;\n defaultComponent: 'a';\n defaultRef: HTMLAnchorElement;\n}>;\n\nexport const HeaderBreadcrumbAnchor = polymorphicFactory<HeaderBreadcrumbAnchorFactory>((props, ref) => {\n const {children, className, classNames, styles, style, single, ...others} = props;\n const ctx = useHeaderContext();\n\n const content = single ? (\n <Flex\n align=\"center\"\n {...ctx.getStyles('breadcrumbAnchorSingleGroup', {className, classNames, styles, style, props})}\n >\n <IconChevronLeft aria-label=\"arrow pointing back\" size={16} />\n {children}\n </Flex>\n ) : (\n children\n );\n\n return (\n <Anchor\n ref={ref}\n inherit\n {...ctx.getStyles('breadcrumbAnchor', {className, classNames, styles, style, props})}\n {...others}\n >\n {content}\n </Anchor>\n );\n});\n\nHeaderBreadcrumbAnchor.displayName = 'Header.BreadcrumbAnchor';\n"],"names":["HeaderBreadcrumbAnchor","polymorphicFactory","props","ref","children","className","classNames","styles","style","single","others","ctx","useHeaderContext","content","Flex","align","getStyles","IconChevronLeft","aria-label","size","Anchor","inherit","displayName"],"mappings":";;;;+BAyBaA;;;eAAAA;;;;;;;gCAzBiB;oBAC4D;6BAE3D;AAsBxB,IAAMA,yBAAyBC,IAAAA,wBAAkB,EAAgC,SAACC,OAAOC;IAC5F,IAAOC,WAAqEF,MAArEE,UAAUC,YAA2DH,MAA3DG,WAAWC,aAAgDJ,MAAhDI,YAAYC,SAAoCL,MAApCK,QAAQC,QAA4BN,MAA5BM,OAAOC,SAAqBP,MAArBO,QAAWC,sCAAUR;;;;;;;;IAC5E,IAAMS,MAAMC,IAAAA,+BAAgB;IAE5B,IAAMC,UAAUJ,uBACZ,sBAACK,UAAI;QACDC,OAAM;OACFJ,IAAIK,SAAS,CAAC,+BAA+B;QAACX,WAAAA;QAAWC,YAAAA;QAAYC,QAAAA;QAAQC,OAAAA;QAAON,OAAAA;IAAK;;0BAE7F,qBAACe,iCAAe;gBAACC,cAAW;gBAAsBC,MAAM;;YACvDf;;UAGLA;IAGJ,qBACI,qBAACgB,YAAM;QACHjB,KAAKA;QACLkB,OAAO;OACHV,IAAIK,SAAS,CAAC,oBAAoB;QAACX,WAAAA;QAAWC,YAAAA;QAAYC,QAAAA;QAAQC,OAAAA;QAAON,OAAAA;IAAK,IAC9EQ;kBAEHG;;AAGb;AAEAb,uBAAuBsB,WAAW,GAAG"}

package/dist/cjs/components/Header/HeaderBreadcrumbs/HeaderBreadcrumbText.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/components/Header/HeaderBreadcrumbs/HeaderBreadcrumbText.tsx"],"sourcesContent":["import {type PolymorphicFactory, polymorphicFactory, Text, type TextProps} from '@mantine/core';\nimport {useHeaderContext} from '../Header.context.js';\n\nexport type HeaderBreadcrumbTextStyleNames = 'breadcrumbText';\n\nexport type HeaderBreadcrumbTextFactory = PolymorphicFactory<{\n props: TextProps;\n ref: HTMLParagraphElement;\n stylesNames: HeaderBreadcrumbTextStyleNames;\n compound: true;\n defaultComponent: 'p';\n defaultRef: HTMLParagraphElement;\n}>;\n\nexport const HeaderBreadcrumbText = polymorphicFactory<HeaderBreadcrumbTextFactory>((props, ref) => {\n const {className, classNames, styles, style, ...others} = props;\n const ctx = useHeaderContext();\n\n return (\n <Text\n ref={ref}\n inherit\n {...ctx.getStyles('breadcrumbText', {className, classNames, styles, style, props})}\n {...others}\n />\n );\n});\n\nHeaderBreadcrumbText.displayName = 'Header.BreadcrumbText';\n"],"names":["HeaderBreadcrumbText","polymorphicFactory","props","ref","className","classNames","styles","style","others","ctx","useHeaderContext","Text","inherit","getStyles","displayName"],"mappings":";;;;+BAcaA;;;eAAAA;;;;;;oBAdmE;6BACjD;AAaxB,IAAMA,uBAAuBC,IAAAA,wBAAkB,EAA8B,SAACC,OAAOC;IACxF,IAAOC,YAAmDF,MAAnDE,WAAWC,aAAwCH,MAAxCG,YAAYC,SAA4BJ,MAA5BI,QAAQC,QAAoBL,MAApBK,OAAUC,sCAAUN~~;QAAnDE;QAAWC;QAAYC;QAAQC;;IACtC~~,~~IAAME~~,MAAMC,IAAAA,+BAAgB;IAE5B,qBACI,qBAACC,UAAI;QACDR,KAAKA;QACLS,OAAO;OACHH,IAAII,SAAS,CAAC,kBAAkB;QAACT,WAAAA;QAAWC,YAAAA;QAAYC,QAAAA;QAAQC,OAAAA;QAAOL,OAAAA;IAAK,IAC5EM;AAGhB;AAEAR,qBAAqBc,WAAW,GAAG"}
1	+ {"version":3,"sources":["../../../../../src/components/Header/HeaderBreadcrumbs/HeaderBreadcrumbText.tsx"],"sourcesContent":["import {type PolymorphicFactory, polymorphicFactory, Text, type TextProps} from '@mantine/core';\nimport {useHeaderContext} from '../Header.context.js';\n\nexport type HeaderBreadcrumbTextStyleNames = 'breadcrumbText';\n\nexport type HeaderBreadcrumbTextFactory = PolymorphicFactory<{\n props: TextProps;\n ref: HTMLParagraphElement;\n stylesNames: HeaderBreadcrumbTextStyleNames;\n compound: true;\n defaultComponent: 'p';\n defaultRef: HTMLParagraphElement;\n}>;\n\nexport const HeaderBreadcrumbText = polymorphicFactory<HeaderBreadcrumbTextFactory>((props, ref) => {\n const {className, classNames, styles, style, ...others} = props;\n const ctx = useHeaderContext();\n\n return (\n <Text\n ref={ref}\n inherit\n {...ctx.getStyles('breadcrumbText', {className, classNames, styles, style, props})}\n {...others}\n />\n );\n});\n\nHeaderBreadcrumbText.displayName = 'Header.BreadcrumbText';\n"],"names":["HeaderBreadcrumbText","polymorphicFactory","props","ref","className","classNames","styles","style","others","ctx","useHeaderContext","Text","inherit","getStyles","displayName"],"mappings":";;;;+BAcaA;;;eAAAA;;;;;;oBAdmE;6BACjD;AAaxB,IAAMA,uBAAuBC,IAAAA,wBAAkB,EAA8B,SAACC,OAAOC;IACxF,IAAOC,YAAmDF,MAAnDE,WAAWC,aAAwCH,MAAxCG,YAAYC,SAA4BJ,MAA5BI,QAAQC,QAAoBL,MAApBK,OAAUC,sCAAUN;;;;;;IAC1D,IAAMO,MAAMC,IAAAA,+BAAgB;IAE5B,qBACI,qBAACC,UAAI;QACDR,KAAKA;QACLS,OAAO;OACHH,IAAII,SAAS,CAAC,kBAAkB;QAACT,WAAAA;QAAWC,YAAAA;QAAYC,QAAAA;QAAQC,OAAAA;QAAOL,OAAAA;IAAK,IAC5EM;AAGhB;AAEAR,qBAAqBc,WAAW,GAAG"}

package/dist/cjs/components/Header/HeaderBreadcrumbs/HeaderBreadcrumbs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/components/Header/HeaderBreadcrumbs/HeaderBreadcrumbs.tsx"],"sourcesContent":["import {Breadcrumbs, BreadcrumbsProps, CompoundStylesApiProps, Factory, factory} from '@mantine/core';\nimport {useHeaderContext} from '../Header.context.js';\n\nexport type HeaderBreadcrumbsStyleNames = 'breadcrumbsRoot' \| 'breadcrumbsSeparator';\nexport interface HeaderBreadcrumbsProps\n extends\n Omit<BreadcrumbsProps, 'classNames' \| 'styles' \| 'vars'>,\n CompoundStylesApiProps<HeaderBreadcrumbsFactory> {}\n\nexport type HeaderBreadcrumbsFactory = Factory<{\n props: HeaderBreadcrumbsProps;\n ref: HTMLDivElement;\n stylesNames: HeaderBreadcrumbsStyleNames;\n compound: true;\n}>;\n\nexport const HeaderBreadcrumbs = factory<HeaderBreadcrumbsFactory>((props, ref) => {\n const {children, className, classNames, styles, style, vars: _vars, ...others} = props;\n const ctx = useHeaderContext();\n\n return (\n <Breadcrumbs\n ref={ref}\n classNames={{\n breadcrumb: ctx.getStyles('breadcrumbsRoot', {className, classNames, styles, style, props}).className,\n separator: ctx.getStyles('breadcrumbsSeparator', {classNames, styles, props}).className,\n }}\n {...others}\n >\n {children}\n </Breadcrumbs>\n );\n});\n\nHeaderBreadcrumbs.displayName = 'Header.Breadcrumbs';\n"],"names":["HeaderBreadcrumbs","factory","props","ref","children","className","classNames","styles","style","vars","_vars","others","ctx","useHeaderContext","Breadcrumbs","breadcrumb","getStyles","separator","displayName"],"mappings":";;;;+BAgBaA;;;eAAAA;;;;;;;oBAhByE;6BACvD;AAexB,IAAMA,oBAAoBC,IAAAA,aAAO,EAA2B,SAACC,OAAOC;IACvE,IAAOC,WAA0EF,MAA1EE,UAAUC,YAAgEH,MAAhEG,WAAWC,aAAqDJ,MAArDI,YAAYC,SAAyCL,MAAzCK,QAAQC,QAAiCN,MAAjCM,OAAOC,AAAMC,QAAoBR,MAA1BO,MAAgBE,sCAAUT~~;QAA1EE;QAAUC;QAAWC;QAAYC;QAAQC;QAAOC;;IACvD~~,~~IAAMG~~,MAAMC,IAAAA,+BAAgB;IAE5B,qBACI,qBAACC,iBAAW;QACRX,KAAKA;QACLG,YAAY;YACRS,YAAYH,IAAII,SAAS,CAAC,mBAAmB;gBAACX,WAAAA;gBAAWC,YAAAA;gBAAYC,QAAAA;gBAAQC,OAAAA;gBAAON,OAAAA;YAAK,GAAGG,SAAS;YACrGY,WAAWL,IAAII,SAAS,CAAC,wBAAwB;gBAACV,YAAAA;gBAAYC,QAAAA;gBAAQL,OAAAA;YAAK,GAAGG,SAAS;QAC3F;OACIM;kBAEHP;;AAGb;AAEAJ,kBAAkBkB,WAAW,GAAG"}
1	+ {"version":3,"sources":["../../../../../src/components/Header/HeaderBreadcrumbs/HeaderBreadcrumbs.tsx"],"sourcesContent":["import {Breadcrumbs, BreadcrumbsProps, CompoundStylesApiProps, Factory, factory} from '@mantine/core';\nimport {useHeaderContext} from '../Header.context.js';\n\nexport type HeaderBreadcrumbsStyleNames = 'breadcrumbsRoot' \| 'breadcrumbsSeparator';\nexport interface HeaderBreadcrumbsProps\n extends\n Omit<BreadcrumbsProps, 'classNames' \| 'styles' \| 'vars'>,\n CompoundStylesApiProps<HeaderBreadcrumbsFactory> {}\n\nexport type HeaderBreadcrumbsFactory = Factory<{\n props: HeaderBreadcrumbsProps;\n ref: HTMLDivElement;\n stylesNames: HeaderBreadcrumbsStyleNames;\n compound: true;\n}>;\n\nexport const HeaderBreadcrumbs = factory<HeaderBreadcrumbsFactory>((props, ref) => {\n const {children, className, classNames, styles, style, vars: _vars, ...others} = props;\n const ctx = useHeaderContext();\n\n return (\n <Breadcrumbs\n ref={ref}\n classNames={{\n breadcrumb: ctx.getStyles('breadcrumbsRoot', {className, classNames, styles, style, props}).className,\n separator: ctx.getStyles('breadcrumbsSeparator', {classNames, styles, props}).className,\n }}\n {...others}\n >\n {children}\n </Breadcrumbs>\n );\n});\n\nHeaderBreadcrumbs.displayName = 'Header.Breadcrumbs';\n"],"names":["HeaderBreadcrumbs","factory","props","ref","children","className","classNames","styles","style","vars","_vars","others","ctx","useHeaderContext","Breadcrumbs","breadcrumb","getStyles","separator","displayName"],"mappings":";;;;+BAgBaA;;;eAAAA;;;;;;;oBAhByE;6BACvD;AAexB,IAAMA,oBAAoBC,IAAAA,aAAO,EAA2B,SAACC,OAAOC;IACvE,IAAOC,WAA0EF,MAA1EE,UAAUC,YAAgEH,MAAhEG,WAAWC,aAAqDJ,MAArDI,YAAYC,SAAyCL,MAAzCK,QAAQC,QAAiCN,MAAjCM,OAAOC,AAAMC,QAAoBR,MAA1BO,MAAgBE,sCAAUT;;;;;;;;IACjF,IAAMU,MAAMC,IAAAA,+BAAgB;IAE5B,qBACI,qBAACC,iBAAW;QACRX,KAAKA;QACLG,YAAY;YACRS,YAAYH,IAAII,SAAS,CAAC,mBAAmB;gBAACX,WAAAA;gBAAWC,YAAAA;gBAAYC,QAAAA;gBAAQC,OAAAA;gBAAON,OAAAA;YAAK,GAAGG,SAAS;YACrGY,WAAWL,IAAII,SAAS,CAAC,wBAAwB;gBAACV,YAAAA;gBAAYC,QAAAA;gBAAQL,OAAAA;YAAK,GAAGG,SAAS;QAC3F;OACIM;kBAEHP;;AAGb;AAEAJ,kBAAkBkB,WAAW,GAAG"}

package/dist/cjs/components/Header/HeaderDocAnchor/HeaderDocAnchor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/components/Header/HeaderDocAnchor/HeaderDocAnchor.tsx"],"sourcesContent":["import {\n Anchor,\n AnchorProps,\n CompoundStylesApiProps,\n Factory,\n Tooltip,\n TooltipProps,\n factory,\n useProps,\n} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {useHeaderContext} from '../Header.context.js';\nimport {InfoToken} from '../../InfoToken/InfoToken.js';\n\nexport type HeaderDocAnchorStyleNames = 'docAnchorTooltip' \| 'docAnchor';\n\nexport interface HeaderDocAnchorProps\n extends\n Pick<TooltipProps, 'position'>,\n CompoundStylesApiProps<HeaderDocAnchorFactory>,\n Omit<AnchorProps, 'classNames' \| 'styles' \| 'variant' \| 'vars'> {\n /*\n A href pointing to documentation related to the current panel.\n * When provided, an info icon is rendered next to the title as link to this documentation\n /\n href: string;\n /\n The tooltip text shown when hovering over the doc link icon\n /\n label?: ReactNode;\n /\n React component to add the tooltip and anchor on\n */\n children?: ReactNode;\n}\n\nexport type HeaderDocAnchorFactory = Factory<{\n props: HeaderDocAnchorProps;\n ref: HTMLAnchorElement;\n stylesNames: HeaderDocAnchorStyleNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<HeaderDocAnchorProps> = {\n position: 'right',\n children: <InfoToken variant=\"question\" />,\n};\n\nexport const HeaderDocAnchor = factory<HeaderDocAnchorFactory>((_props, ref) => {\n const props = useProps('PlasmaHeaderActions', defaultProps, _props);\n const {className, classNames, styles, style, children, label, position, vars, ...others} = props;\n\n const ctx = useHeaderContext();\n\n return (\n <Tooltip\n label={label}\n disabled={!label}\n position={position}\n classNames={{tooltip: ctx.getStyles('docAnchorTooltip', {classNames, styles, props}).className}}\n >\n <Anchor\n ref={ref}\n inline\n target=\"_blank\"\n {...ctx.getStyles('docAnchor', {classNames, styles, props, style, className})}\n {...others}\n >\n {children}\n </Anchor>\n </Tooltip>\n );\n});\n\nHeaderDocAnchor.displayName = 'Header.DocAnchor';\n"],"names":["HeaderDocAnchor","defaultProps","position","children","InfoToken","variant","factory","_props","ref","props","useProps","className","classNames","styles","style","label","vars","others","ctx","useHeaderContext","Tooltip","disabled","tooltip","getStyles","Anchor","inline","target","displayName"],"mappings":";;;;+BAgDaA;;;eAAAA;;;;;;;oBAvCN;6BAEwB;yBACP;AA+BxB,IAAMC,eAA8C;IAChDC,UAAU;IACVC,wBAAU,qBAACC,oBAAS;QAACC,SAAQ;;AACjC;AAEO,IAAML,kBAAkBM,IAAAA,aAAO,EAAyB,SAACC,QAAQC;IACpE,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,uBAAuBT,cAAcM;IAC5D,IAAOI,YAAoFF,MAApFE,WAAWC,aAAyEH,MAAzEG,YAAYC,SAA6DJ,MAA7DI,QAAQC,QAAqDL,MAArDK,OAAOX,WAA8CM,MAA9CN,UAAUY,QAAoCN,MAApCM,OAAOb,WAA6BO,MAA7BP,UAAUc,OAAmBP,MAAnBO,MAASC,sCAAUR~~;QAApFE;QAAWC;QAAYC;QAAQC;QAAOX;QAAUY;QAAOb;QAAUc;;IAExE~~,~~IAAME~~,MAAMC,IAAAA,+BAAgB;IAE5B,qBACI,qBAACC,aAAO;QACJL,OAAOA;QACPM,UAAU,CAACN;QACXb,UAAUA;QACVU,YAAY;YAACU,SAASJ,IAAIK,SAAS,CAAC,oBAAoB;gBAACX,YAAAA;gBAAYC,QAAAA;gBAAQJ,OAAAA;YAAK,GAAGE,SAAS;QAAA;kBAE9F,cAAA,qBAACa,YAAM;YACHhB,KAAKA;YACLiB,MAAM;YACNC,QAAO;WACHR,IAAIK,SAAS,CAAC,aAAa;YAACX,YAAAA;YAAYC,QAAAA;YAAQJ,OAAAA;YAAOK,OAAAA;YAAOH,WAAAA;QAAS,IACvEM;sBAEHd;;;AAIjB;AAEAH,gBAAgB2B,WAAW,GAAG"}
1	+ {"version":3,"sources":["../../../../../src/components/Header/HeaderDocAnchor/HeaderDocAnchor.tsx"],"sourcesContent":["import {\n Anchor,\n AnchorProps,\n CompoundStylesApiProps,\n Factory,\n Tooltip,\n TooltipProps,\n factory,\n useProps,\n} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {useHeaderContext} from '../Header.context.js';\nimport {InfoToken} from '../../InfoToken/InfoToken.js';\n\nexport type HeaderDocAnchorStyleNames = 'docAnchorTooltip' \| 'docAnchor';\n\nexport interface HeaderDocAnchorProps\n extends\n Pick<TooltipProps, 'position'>,\n CompoundStylesApiProps<HeaderDocAnchorFactory>,\n Omit<AnchorProps, 'classNames' \| 'styles' \| 'variant' \| 'vars'> {\n /*\n A href pointing to documentation related to the current panel.\n * When provided, an info icon is rendered next to the title as link to this documentation\n /\n href: string;\n /\n The tooltip text shown when hovering over the doc link icon\n /\n label?: ReactNode;\n /\n React component to add the tooltip and anchor on\n */\n children?: ReactNode;\n}\n\nexport type HeaderDocAnchorFactory = Factory<{\n props: HeaderDocAnchorProps;\n ref: HTMLAnchorElement;\n stylesNames: HeaderDocAnchorStyleNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<HeaderDocAnchorProps> = {\n position: 'right',\n children: <InfoToken variant=\"question\" />,\n};\n\nexport const HeaderDocAnchor = factory<HeaderDocAnchorFactory>((_props, ref) => {\n const props = useProps('PlasmaHeaderActions', defaultProps, _props);\n const {className, classNames, styles, style, children, label, position, vars, ...others} = props;\n\n const ctx = useHeaderContext();\n\n return (\n <Tooltip\n label={label}\n disabled={!label}\n position={position}\n classNames={{tooltip: ctx.getStyles('docAnchorTooltip', {classNames, styles, props}).className}}\n >\n <Anchor\n ref={ref}\n inline\n target=\"_blank\"\n {...ctx.getStyles('docAnchor', {classNames, styles, props, style, className})}\n {...others}\n >\n {children}\n </Anchor>\n </Tooltip>\n );\n});\n\nHeaderDocAnchor.displayName = 'Header.DocAnchor';\n"],"names":["HeaderDocAnchor","defaultProps","position","children","InfoToken","variant","factory","_props","ref","props","useProps","className","classNames","styles","style","label","vars","others","ctx","useHeaderContext","Tooltip","disabled","tooltip","getStyles","Anchor","inline","target","displayName"],"mappings":";;;;+BAgDaA;;;eAAAA;;;;;;;oBAvCN;6BAEwB;yBACP;AA+BxB,IAAMC,eAA8C;IAChDC,UAAU;IACVC,wBAAU,qBAACC,oBAAS;QAACC,SAAQ;;AACjC;AAEO,IAAML,kBAAkBM,IAAAA,aAAO,EAAyB,SAACC,QAAQC;IACpE,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,uBAAuBT,cAAcM;IAC5D,IAAOI,YAAoFF,MAApFE,WAAWC,aAAyEH,MAAzEG,YAAYC,SAA6DJ,MAA7DI,QAAQC,QAAqDL,MAArDK,OAAOX,WAA8CM,MAA9CN,UAAUY,QAAoCN,MAApCM,OAAOb,WAA6BO,MAA7BP,UAAUc,OAAmBP,MAAnBO,MAASC,sCAAUR;;;;;;;;;;IAE3F,IAAMS,MAAMC,IAAAA,+BAAgB;IAE5B,qBACI,qBAACC,aAAO;QACJL,OAAOA;QACPM,UAAU,CAACN;QACXb,UAAUA;QACVU,YAAY;YAACU,SAASJ,IAAIK,SAAS,CAAC,oBAAoB;gBAACX,YAAAA;gBAAYC,QAAAA;gBAAQJ,OAAAA;YAAK,GAAGE,SAAS;QAAA;kBAE9F,cAAA,qBAACa,YAAM;YACHhB,KAAKA;YACLiB,MAAM;YACNC,QAAO;WACHR,IAAIK,SAAS,CAAC,aAAa;YAACX,YAAAA;YAAYC,QAAAA;YAAQJ,OAAAA;YAAOK,OAAAA;YAAOH,WAAAA;QAAS,IACvEM;sBAEHd;;;AAIjB;AAEAH,gBAAgB2B,WAAW,GAAG"}

package/dist/cjs/components/Header/HeaderRight/HeaderRight.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/components/Header/HeaderRight/HeaderRight.tsx"],"sourcesContent":["import {CompoundStylesApiProps, Factory, Group, GroupProps, factory, useProps} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {useHeaderContext} from '../Header.context.js';\n\nexport type HeaderRightStyleNames = 'right';\n\nexport interface HeaderRightProps\n extends\n Omit<GroupProps, 'classNames' \| 'styles' \| 'vars' \| 'children'>,\n CompoundStylesApiProps<HeaderRightFactory> {\n children: ReactNode;\n}\n\nexport type HeaderRightFactory = Factory<{\n props: HeaderRightProps;\n ref: HTMLDivElement;\n stylesNames: HeaderRightStyleNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<HeaderRightProps> = {\n gap: 'sm',\n};\n\nexport const HeaderRight = factory<HeaderRightFactory>((_props, ref) => {\n const props = useProps('HeaderRight', defaultProps, _props);\n const {gap, className, classNames, styles, style, children, vars, ...others} = props;\n const ctx = useHeaderContext();\n\n return (\n <Group\n ref={ref}\n gap={gap}\n {...ctx.getStyles('right', {className, style, classNames, styles, props})}\n {...others}\n >\n {children}\n </Group>\n );\n});\n\nHeaderRight.displayName = 'Header.Right';\n"],"names":["HeaderRight","defaultProps","gap","factory","_props","ref","props","useProps","className","classNames","styles","style","children","vars","others","ctx","useHeaderContext","Group","getStyles","displayName"],"mappings":";;;;+BAwBaA;;;eAAAA;;;;;;;oBAxBuE;6BAErD;AAkB/B,IAAMC,eAA0C;IAC5CC,KAAK;AACT;AAEO,IAAMF,cAAcG,IAAAA,aAAO,EAAqB,SAACC,QAAQC;IAC5D,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,eAAeN,cAAcG;IACpD,IAAOF,MAAwEI,MAAxEJ,KAAKM,YAAmEF,MAAnEE,WAAWC,aAAwDH,MAAxDG,YAAYC,SAA4CJ,MAA5CI,QAAQC,QAAoCL,MAApCK,OAAOC,WAA6BN,MAA7BM,UAAUC,OAAmBP,MAAnBO,MAASC,sCAAUR~~;QAAxEJ;QAAKM;QAAWC;QAAYC;QAAQC;QAAOC;QAAUC;;IAC5D~~,~~IAAME~~,MAAMC,IAAAA,+BAAgB;IAE5B,qBACI,qBAACC,WAAK;QACFZ,KAAKA;QACLH,KAAKA;OACDa,IAAIG,SAAS,CAAC,SAAS;QAACV,WAAAA;QAAWG,OAAAA;QAAOF,YAAAA;QAAYC,QAAAA;QAAQJ,OAAAA;IAAK,IACnEQ;kBAEHF;;AAGb;AAEAZ,YAAYmB,WAAW,GAAG"}
1	+ {"version":3,"sources":["../../../../../src/components/Header/HeaderRight/HeaderRight.tsx"],"sourcesContent":["import {CompoundStylesApiProps, Factory, Group, GroupProps, factory, useProps} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {useHeaderContext} from '../Header.context.js';\n\nexport type HeaderRightStyleNames = 'right';\n\nexport interface HeaderRightProps\n extends\n Omit<GroupProps, 'classNames' \| 'styles' \| 'vars' \| 'children'>,\n CompoundStylesApiProps<HeaderRightFactory> {\n children: ReactNode;\n}\n\nexport type HeaderRightFactory = Factory<{\n props: HeaderRightProps;\n ref: HTMLDivElement;\n stylesNames: HeaderRightStyleNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<HeaderRightProps> = {\n gap: 'sm',\n};\n\nexport const HeaderRight = factory<HeaderRightFactory>((_props, ref) => {\n const props = useProps('HeaderRight', defaultProps, _props);\n const {gap, className, classNames, styles, style, children, vars, ...others} = props;\n const ctx = useHeaderContext();\n\n return (\n <Group\n ref={ref}\n gap={gap}\n {...ctx.getStyles('right', {className, style, classNames, styles, props})}\n {...others}\n >\n {children}\n </Group>\n );\n});\n\nHeaderRight.displayName = 'Header.Right';\n"],"names":["HeaderRight","defaultProps","gap","factory","_props","ref","props","useProps","className","classNames","styles","style","children","vars","others","ctx","useHeaderContext","Group","getStyles","displayName"],"mappings":";;;;+BAwBaA;;;eAAAA;;;;;;;oBAxBuE;6BAErD;AAkB/B,IAAMC,eAA0C;IAC5CC,KAAK;AACT;AAEO,IAAMF,cAAcG,IAAAA,aAAO,EAAqB,SAACC,QAAQC;IAC5D,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,eAAeN,cAAcG;IACpD,IAAOF,MAAwEI,MAAxEJ,KAAKM,YAAmEF,MAAnEE,WAAWC,aAAwDH,MAAxDG,YAAYC,SAA4CJ,MAA5CI,QAAQC,QAAoCL,MAApCK,OAAOC,WAA6BN,MAA7BM,UAAUC,OAAmBP,MAAnBO,MAASC,sCAAUR;;;;;;;;;IAC/E,IAAMS,MAAMC,IAAAA,+BAAgB;IAE5B,qBACI,qBAACC,WAAK;QACFZ,KAAKA;QACLH,KAAKA;OACDa,IAAIG,SAAS,CAAC,SAAS;QAACV,WAAAA;QAAWG,OAAAA;QAAOF,YAAAA;QAAYC,QAAAA;QAAQJ,OAAAA;IAAK,IACnEQ;kBAEHF;;AAGb;AAEAZ,YAAYmB,WAAW,GAAG"}

package/dist/cjs/components/InfoToken/InfoToken.js CHANGED Viewed

@@ -20,7 +20,7 @@ var defaultProps = {
     variant: 'information',
     size: 'xs'
 };
-var colorResolver = function(variant) {
+var colorResolver = function colorResolver(variant) {
     switch(variant){
         case 'error':
             return 'var(--mantine-color-error)';
@@ -34,7 +34,7 @@ var colorResolver = function(variant) {
             return 'var(--mantine-color-gray-3)';
     }
 };
-var sizeResolver = function(size) {
+var sizeResolver = function sizeResolver(size) {
     if (typeof size === 'number') {
         return size;
     }
@@ -52,7 +52,7 @@ var sizeResolver = function(size) {
             return 16;
     }
 };
-var iconResolver = function(variant) {
+var iconResolver = function iconResolver(variant) {
     switch(variant){
         case 'error':
             return _plasmareacticons.IconAlertSquareFilled;

package/dist/cjs/components/InfoToken/InfoToken.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/InfoToken/InfoToken.tsx"],"sourcesContent":["import {\n IconAlertSquareFilled,\n IconAlertTriangleFilled,\n IconBulbFilled,\n IconHelpCircle,\n IconInfoCircle,\n IconInfoCircleFilled,\n TablerIcon,\n} from '@coveord/plasma-react-icons';\nimport {\n Box,\n BoxProps,\n createVarsResolver,\n Factory,\n MantineSize,\n polymorphicFactory,\n StylesApiProps,\n useProps,\n useStyles,\n} from '@mantine/core';\nimport classes from './InfoToken.module.css';\n\nexport type InfoTokenFactory = Factory<{\n props: InfoTokenProps;\n defaultRef: HTMLDivElement;\n defaultComponent: 'div';\n stylesNames: InfoTokenComponentStylesNames;\n vars: InfoTokenCssVariables;\n variant: InfoTokenVariant;\n staticComponents: {\n Information: typeof TokenInformation;\n InformationOutline: typeof TokenInformationOutline;\n Advice: typeof TokenAdvice;\n Warning: typeof TokenWarning;\n Error: typeof TokenError;\n Question: typeof TokenQuestion;\n };\n}>;\nexport type InfoTokenComponentStylesNames = 'root';\nexport type InfoTokenVariant = 'information' \| 'information-outline' \| 'advice' \| 'warning' \| 'error' \| 'question';\nexport type InfoTokenCssVariables = {\n root: '--info-token-color';\n};\n\nexport interface InfoTokenProps extends BoxProps, StylesApiProps<InfoTokenFactory> {\n /*\n The variant of the token.\n \n @default 'information'\n /\n variant?: InfoTokenVariant;\n /\n The size of the info token.\n \n @default 'sm'\n */\n size?: MantineSize;\n}\n\nconst defaultProps: Partial<InfoTokenProps> = {variant: 'information', size: 'xs'};\n\nconst colorResolver = (variant: InfoTokenVariant): string => {\n switch (variant) {\n case 'error':\n return 'var(--mantine-color-error)';\n case 'advice':\n case 'question':\n return 'var(--coveo-color-text-primary)';\n case 'warning':\n return 'var(--mantine-color-warning-filled)';\n case 'information':\n default:\n return 'var(--mantine-color-gray-3)';\n }\n};\n\nconst sizeResolver = (size: MantineSize): number => {\n if (typeof size === 'number') {\n return size;\n }\n switch (size) {\n case 'sm':\n return 20;\n case 'md':\n return 24;\n case 'lg':\n return 32;\n case 'xl':\n return 40;\n case 'xs':\n default:\n return 16;\n }\n};\n\nconst iconResolver = (variant: InfoTokenVariant): TablerIcon => {\n switch (variant) {\n case 'error':\n return IconAlertSquareFilled;\n case 'information':\n return IconInfoCircleFilled;\n case 'information-outline':\n return IconInfoCircle;\n case 'question':\n return IconHelpCircle;\n case 'warning':\n return IconAlertTriangleFilled;\n case 'advice':\n default:\n return IconBulbFilled;\n }\n};\n\nconst varsResolver = createVarsResolver<InfoTokenFactory>((_theme, {variant}) => {\n const color = colorResolver(variant);\n return {\n root: {\n '--info-token-color': color,\n },\n };\n});\n\nexport const InfoToken = polymorphicFactory<InfoTokenFactory>((_props, ref) => {\n const props = useProps('InfoToken', defaultProps, _props);\n const {variant, vars, className, style, unstyled, styles, classNames, size, ...others} = props;\n const getStyles = useStyles<InfoTokenFactory>({\n name: 'InfoToken',\n classes,\n className,\n props,\n style,\n styles,\n unstyled,\n vars,\n varsResolver,\n });\n const IconComponent = iconResolver(variant);\n return (\n <Box\n ref={ref}\n variant={variant}\n role=\"img\"\n aria-label={variant}\n size={size}\n {...getStyles('root', {\n className,\n style,\n styles,\n classNames,\n })}\n {...others}\n >\n <IconComponent size={sizeResolver(size)} />\n </Box>\n );\n});\n\nconst TokenInformation = InfoToken.withProps({\n variant: 'information',\n});\n(TokenInformation as typeof InfoToken).displayName = 'InfoToken.Information';\nconst TokenInformationOutline = InfoToken.withProps({\n variant: 'information-outline',\n});\nconst TokenAdvice = InfoToken.withProps({variant: 'advice'});\n(TokenAdvice as typeof InfoToken).displayName = 'InfoToken.Advice';\nconst TokenWarning = InfoToken.withProps({variant: 'warning'});\n(TokenWarning as typeof InfoToken).displayName = 'InfoToken.Warning';\nconst TokenError = InfoToken.withProps({variant: 'error'});\n(TokenError as typeof InfoToken).displayName = 'InfoToken.Error';\nconst TokenQuestion = InfoToken.withProps({variant: 'question'});\n(TokenQuestion as typeof InfoToken).displayName = 'InfoToken.Question';\n\nInfoToken.Information = TokenInformation;\nInfoToken.InformationOutline = TokenInformationOutline;\nInfoToken.Advice = TokenAdvice;\nInfoToken.Warning = TokenWarning;\nInfoToken.Error = TokenError;\nInfoToken.Question = TokenQuestion;\n"],"names":["InfoToken","defaultProps","variant","size","colorResolver","sizeResolver","iconResolver","IconAlertSquareFilled","IconInfoCircleFilled","IconInfoCircle","IconHelpCircle","IconAlertTriangleFilled","IconBulbFilled","varsResolver","createVarsResolver","_theme","color","root","polymorphicFactory","_props","ref","props","useProps","vars","className","style","unstyled","styles","classNames","others","getStyles","useStyles","name","classes","IconComponent","Box","role","aria-label","TokenInformation","withProps","displayName","TokenInformationOutline","TokenAdvice","TokenWarning","TokenError","TokenQuestion","Information","InformationOutline","Advice","Warning","Error","Question"],"mappings":";;;;+BA0HaA;;;eAAAA;;;;;;;;gCAlHN;oBAWA;2EACa;AAuCpB,IAAMC,eAAwC;IAACC,SAAS;IAAeC,MAAM;AAAI;AAEjF,IAAMC,gBAAgB,~~SAACF~~;IACnB,OAAQA;QACJ,KAAK;YACD,OAAO;QACX,KAAK;QACL,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;QACL;YACI,OAAO;IACf;AACJ;AAEA,IAAMG,eAAe,~~SAACF~~;IAClB,IAAI,OAAOA,SAAS,UAAU;QAC1B,OAAOA;IACX;IACA,OAAQA;QACJ,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;QACL;YACI,OAAO;IACf;AACJ;AAEA,IAAMG,eAAe,~~SAACJ~~;IAClB,OAAQA;QACJ,KAAK;YACD,OAAOK,uCAAqB;QAChC,KAAK;YACD,OAAOC,sCAAoB;QAC/B,KAAK;YACD,OAAOC,gCAAc;QACzB,KAAK;YACD,OAAOC,gCAAc;QACzB,KAAK;YACD,OAAOC,yCAAuB;QAClC,KAAK;QACL;YACI,OAAOC,gCAAc;IAC7B;AACJ;AAEA,IAAMC,eAAeC,IAAAA,wBAAkB,EAAmB,SAACC;QAASb,gBAAAA;IAChE,IAAMc,QAAQZ,cAAcF;IAC5B,OAAO;QACHe,MAAM;YACF,sBAAsBD;QAC1B;IACJ;AACJ;AAEO,IAAMhB,YAAYkB,IAAAA,wBAAkB,EAAmB,SAACC,QAAQC;IACnE,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,aAAarB,cAAckB;IAClD,IAAOjB,UAAkFmB,MAAlFnB,SAASqB,OAAyEF,MAAzEE,MAAMC,YAAmEH,MAAnEG,WAAWC,QAAwDJ,MAAxDI,OAAOC,WAAiDL,MAAjDK,UAAUC,SAAuCN,MAAvCM,QAAQC,aAA+BP,MAA/BO,YAAYzB,OAAmBkB,MAAnBlB,MAAS0B,sCAAUR~~;QAAlFnB;QAASqB;QAAMC;QAAWC;QAAOC;QAAUC;QAAQC;QAAYzB;;IACtE~~,~~IAAM2B~~,YAAYC,IAAAA,eAAS,EAAmB;QAC1CC,MAAM;QACNC,SAAAA,2BAAO;QACPT,WAAAA;QACAH,OAAAA;QACAI,OAAAA;QACAE,QAAAA;QACAD,UAAAA;QACAH,MAAAA;QACAV,cAAAA;IACJ;IACA,IAAMqB,gBAAgB5B,aAAaJ;IACnC,qBACI,qBAACiC,SAAG;QACAf,KAAKA;QACLlB,SAASA;QACTkC,MAAK;QACLC,cAAYnC;QACZC,MAAMA;OACF2B,UAAU,QAAQ;QAClBN,WAAAA;QACAC,OAAAA;QACAE,QAAAA;QACAC,YAAAA;IACJ,IACIC;kBAEJ,cAAA,qBAACK;YAAc/B,MAAME,aAAaF;;;AAG9C;AAEA,IAAMmC,mBAAmBtC,UAAUuC,SAAS,CAAC;IACzCrC,SAAS;AACb;AACCoC,iBAAsCE,WAAW,GAAG;AACrD,IAAMC,0BAA0BzC,UAAUuC,SAAS,CAAC;IAChDrC,SAAS;AACb;AACA,IAAMwC,cAAc1C,UAAUuC,SAAS,CAAC;IAACrC,SAAS;AAAQ;AACzDwC,YAAiCF,WAAW,GAAG;AAChD,IAAMG,eAAe3C,UAAUuC,SAAS,CAAC;IAACrC,SAAS;AAAS;AAC3DyC,aAAkCH,WAAW,GAAG;AACjD,IAAMI,aAAa5C,UAAUuC,SAAS,CAAC;IAACrC,SAAS;AAAO;AACvD0C,WAAgCJ,WAAW,GAAG;AAC/C,IAAMK,gBAAgB7C,UAAUuC,SAAS,CAAC;IAACrC,SAAS;AAAU;AAC7D2C,cAAmCL,WAAW,GAAG;AAElDxC,UAAU8C,WAAW,GAAGR;AACxBtC,UAAU+C,kBAAkB,GAAGN;AAC/BzC,UAAUgD,MAAM,GAAGN;AACnB1C,UAAUiD,OAAO,GAAGN;AACpB3C,UAAUkD,KAAK,GAAGN;AAClB5C,UAAUmD,QAAQ,GAAGN"}
1	+ {"version":3,"sources":["../../../../src/components/InfoToken/InfoToken.tsx"],"sourcesContent":["import {\n IconAlertSquareFilled,\n IconAlertTriangleFilled,\n IconBulbFilled,\n IconHelpCircle,\n IconInfoCircle,\n IconInfoCircleFilled,\n TablerIcon,\n} from '@coveord/plasma-react-icons';\nimport {\n Box,\n BoxProps,\n createVarsResolver,\n Factory,\n MantineSize,\n polymorphicFactory,\n StylesApiProps,\n useProps,\n useStyles,\n} from '@mantine/core';\nimport classes from './InfoToken.module.css';\n\nexport type InfoTokenFactory = Factory<{\n props: InfoTokenProps;\n defaultRef: HTMLDivElement;\n defaultComponent: 'div';\n stylesNames: InfoTokenComponentStylesNames;\n vars: InfoTokenCssVariables;\n variant: InfoTokenVariant;\n staticComponents: {\n Information: typeof TokenInformation;\n InformationOutline: typeof TokenInformationOutline;\n Advice: typeof TokenAdvice;\n Warning: typeof TokenWarning;\n Error: typeof TokenError;\n Question: typeof TokenQuestion;\n };\n}>;\nexport type InfoTokenComponentStylesNames = 'root';\nexport type InfoTokenVariant = 'information' \| 'information-outline' \| 'advice' \| 'warning' \| 'error' \| 'question';\nexport type InfoTokenCssVariables = {\n root: '--info-token-color';\n};\n\nexport interface InfoTokenProps extends BoxProps, StylesApiProps<InfoTokenFactory> {\n /*\n The variant of the token.\n \n @default 'information'\n /\n variant?: InfoTokenVariant;\n /\n The size of the info token.\n \n @default 'sm'\n */\n size?: MantineSize;\n}\n\nconst defaultProps: Partial<InfoTokenProps> = {variant: 'information', size: 'xs'};\n\nconst colorResolver = (variant: InfoTokenVariant): string => {\n switch (variant) {\n case 'error':\n return 'var(--mantine-color-error)';\n case 'advice':\n case 'question':\n return 'var(--coveo-color-text-primary)';\n case 'warning':\n return 'var(--mantine-color-warning-filled)';\n case 'information':\n default:\n return 'var(--mantine-color-gray-3)';\n }\n};\n\nconst sizeResolver = (size: MantineSize): number => {\n if (typeof size === 'number') {\n return size;\n }\n switch (size) {\n case 'sm':\n return 20;\n case 'md':\n return 24;\n case 'lg':\n return 32;\n case 'xl':\n return 40;\n case 'xs':\n default:\n return 16;\n }\n};\n\nconst iconResolver = (variant: InfoTokenVariant): TablerIcon => {\n switch (variant) {\n case 'error':\n return IconAlertSquareFilled;\n case 'information':\n return IconInfoCircleFilled;\n case 'information-outline':\n return IconInfoCircle;\n case 'question':\n return IconHelpCircle;\n case 'warning':\n return IconAlertTriangleFilled;\n case 'advice':\n default:\n return IconBulbFilled;\n }\n};\n\nconst varsResolver = createVarsResolver<InfoTokenFactory>((_theme, {variant}) => {\n const color = colorResolver(variant);\n return {\n root: {\n '--info-token-color': color,\n },\n };\n});\n\nexport const InfoToken = polymorphicFactory<InfoTokenFactory>((_props, ref) => {\n const props = useProps('InfoToken', defaultProps, _props);\n const {variant, vars, className, style, unstyled, styles, classNames, size, ...others} = props;\n const getStyles = useStyles<InfoTokenFactory>({\n name: 'InfoToken',\n classes,\n className,\n props,\n style,\n styles,\n unstyled,\n vars,\n varsResolver,\n });\n const IconComponent = iconResolver(variant);\n return (\n <Box\n ref={ref}\n variant={variant}\n role=\"img\"\n aria-label={variant}\n size={size}\n {...getStyles('root', {\n className,\n style,\n styles,\n classNames,\n })}\n {...others}\n >\n <IconComponent size={sizeResolver(size)} />\n </Box>\n );\n});\n\nconst TokenInformation = InfoToken.withProps({\n variant: 'information',\n});\n(TokenInformation as typeof InfoToken).displayName = 'InfoToken.Information';\nconst TokenInformationOutline = InfoToken.withProps({\n variant: 'information-outline',\n});\nconst TokenAdvice = InfoToken.withProps({variant: 'advice'});\n(TokenAdvice as typeof InfoToken).displayName = 'InfoToken.Advice';\nconst TokenWarning = InfoToken.withProps({variant: 'warning'});\n(TokenWarning as typeof InfoToken).displayName = 'InfoToken.Warning';\nconst TokenError = InfoToken.withProps({variant: 'error'});\n(TokenError as typeof InfoToken).displayName = 'InfoToken.Error';\nconst TokenQuestion = InfoToken.withProps({variant: 'question'});\n(TokenQuestion as typeof InfoToken).displayName = 'InfoToken.Question';\n\nInfoToken.Information = TokenInformation;\nInfoToken.InformationOutline = TokenInformationOutline;\nInfoToken.Advice = TokenAdvice;\nInfoToken.Warning = TokenWarning;\nInfoToken.Error = TokenError;\nInfoToken.Question = TokenQuestion;\n"],"names":["InfoToken","defaultProps","variant","size","colorResolver","sizeResolver","iconResolver","IconAlertSquareFilled","IconInfoCircleFilled","IconInfoCircle","IconHelpCircle","IconAlertTriangleFilled","IconBulbFilled","varsResolver","createVarsResolver","_theme","color","root","polymorphicFactory","_props","ref","props","useProps","vars","className","style","unstyled","styles","classNames","others","getStyles","useStyles","name","classes","IconComponent","Box","role","aria-label","TokenInformation","withProps","displayName","TokenInformationOutline","TokenAdvice","TokenWarning","TokenError","TokenQuestion","Information","InformationOutline","Advice","Warning","Error","Question"],"mappings":"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"}

package/dist/cjs/components/InlineConfirm/InlineConfirm.js CHANGED Viewed

@@ -16,7 +16,7 @@ var _InlineConfirmContext = require("./InlineConfirmContext.js");
 var _InlineConfirmPrompt = require("./InlineConfirmPrompt.js");
 var _InlineConfirmTarget = require("./InlineConfirmTarget.js");
 var defaultProps = {};
-var InlineConfirm = function(_props) {
+var InlineConfirm = function InlineConfirm(_props) {
     var children = (0, _core.useProps)('InlineConfirm', defaultProps, _props).children;
     var _useState = _sliced_to_array._((0, _react.useState)(null), 2), confirmingId = _useState[0], setConfirmingId = _useState[1];
     var convertedChildren = _react.Children.toArray(children);
@@ -24,7 +24,7 @@ var InlineConfirm = function(_props) {
         var _child_props;
         return child.type !== _InlineConfirmTarget.InlineConfirmTarget && ((_child_props = child.props) === null || _child_props === void 0 ? void 0 : _child_props.inlineConfirmId) === confirmingId;
     });
-    var clearConfirm = function() {
+    var clearConfirm = function clearConfirm() {
         return setConfirmingId(null);
     };
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_InlineConfirmContext.InlineConfirmProvider, {