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

@coveord/plasma-mantine 56.3.0 → 56.3.2

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

Files changed (529) hide show

package/dist/cjs/theme/Theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/theme/Theme.tsx"],"sourcesContent":["import {\n ArrowHeadLeftSize16Px,\n ArrowHeadRightSize16Px,\n CrossSize16Px,\n FilterSize16Px,\n IconCalendarWeek,\n IconCheck,\n IconClock,\n IconInfoCircleFilled,\n IconSlash,\n} from '@coveord/plasma-react-icons';\nimport {color} from '@coveord/plasma-tokens';\nimport {\n ActionIcon,\n Alert,\n AppShell,\n Badge,\n Breadcrumbs,\n Button,\n Card,\n Checkbox,\n Chip,\n CloseButton,\n ColorSwatch,\n Combobox,\n ComboboxSearch,\n createTheme,\n deepMerge,\n Divider,\n Image,\n Input,\n InputWrapper,\n List,\n Loader,\n MantineThemeOverride,\n Modal,\n MultiSelect,\n NavLink,\n Notification,\n NumberInput,\n Pagination,\n Paper,\n PasswordInput,\n Pill,\n Popover,\n Radio,\n ScrollArea,\n SegmentedControl,\n Select,\n Skeleton,\n Slider,\n Stepper,\n Switch,\n Table,\n Tabs,\n Text,\n Tooltip,\n} from '@mantine/core';\nimport {\n DateInput,\n DatePicker,\n DateTimePicker,\n MonthPicker,\n PickerInputBase,\n TimeInput,\n TimePicker,\n YearPicker,\n} from '@mantine/dates';\nimport {Accordion, CheckboxIcon, CircleLoader, InfoToken} from '../components/index.js';\nimport AccordionClasses from '../styles/Accordion.module.css';\nimport ActionIconClasses from '../styles/ActionIcon.module.css';\nimport AlertClasses from '../styles/Alert.module.css';\nimport BadgeClasses from '../styles/Badge.module.css';\nimport BreadcrumbsClasses from '../styles/Breadcrumbs.module.css';\nimport ButtonClasses from '../styles/Button.module.css';\nimport CardClasses from '../styles/Card.module.css';\nimport CheckboxClasses from '../styles/Checkbox.module.css';\nimport CheckboxIndicatorClasses from '../styles/CheckboxIndicator.module.css';\nimport ChipClasses from '../styles/Chip.module.css';\nimport ComboboxClasses from '../styles/Combobox.module.css';\nimport DatePickerClasses from '../styles/DatePicker.module.css';\nimport DateTimePickerClasses from '../styles/DateTimePicker.module.css';\nimport InputClasses from '../styles/Input.module.css';\nimport InputWrapperClasses from '../styles/InputWrapper.module.css';\nimport ListClasses from '../styles/List.module.css';\nimport ModalClasses from '../styles/Modal.module.css';\nimport MonthPickerClasses from '../styles/MonthPicker.module.css';\nimport NavLinkClasses from '../styles/NavLink.module.css';\nimport NotificationClasses from '../styles/Notifications.module.css';\nimport NumberInputClasses from '../styles/NumberInput.module.css';\nimport PaginationClasses from '../styles/Pagination.module.css';\nimport PaperClasses from '../styles/Paper.module.css';\nimport PillClasses from '../styles/Pill.module.css';\nimport PopoverClasses from '../styles/Popover.module.css';\nimport RadioClasses from '../styles/Radio.module.css';\nimport RadioCardClasses from '../styles/RadioCard.module.css';\nimport ReadOnlyInputClasses from '../styles/ReadOnlyInput.module.css';\nimport ReadOnlyStateClasses from '../styles/ReadOnlyState.module.css';\nimport ScrollAreaClasses from '../styles/ScrollArea.module.css';\nimport SegmentedControlClasses from '../styles/SegmentedControl.module.css';\nimport SelectClasses from '../styles/Select.module.css';\nimport SkeletonClasses from '../styles/Skeleton.module.css';\nimport SliderClasses from '../styles/Slider.module.css';\nimport StepperClasses from '../styles/Stepper.module.css';\nimport TableClasses from '../styles/Table.module.css';\nimport TabsClasses from '../styles/Tabs.module.css';\nimport TextClasses from '../styles/Text.module.css';\nimport TimePickerClasses from '../styles/TimePicker.module.css';\nimport TooltipClasses from '../styles/Tooltip.module.css';\nimport YearPickerClasses from '../styles/YearPicker.module.css';\nimport {PlasmaColors} from './PlasmaColors.js';\n\nimport placeholderSvg from '../images/placeholder.svg';\nimport {plasmaVariantColorResolver} from './plasmaVariantColorResolver.js';\n\nexport const plasmaTheme: MantineThemeOverride = createTheme({\n variantColorResolver: plasmaVariantColorResolver,\n // These are overrides over https://github.com/mantinedev/mantine/blob/master/packages/%40mantine/core/src/core/MantineProvider/default-theme.ts\n fontFamily: 'canada-type-gibson, sans-serif',\n black: color.primary.gray[9],\n defaultRadius: 'md',\n lineHeights: {\n xxs: '1.2',\n xs: '1.16',\n sm: '1.14',\n md: '1.14',\n lg: '1.11',\n xl: '1.2',\n },\n spacing: {\n xxs: '4px',\n xs: '8px',\n sm: '16px',\n md: '24px',\n lg: '32px',\n xl: '40px',\n },\n radius: {\n none: '0px',\n xs: '2px',\n sm: '4px',\n md: '8px',\n lg: '16px',\n xl: '24px',\n xxl: '32px',\n },\n primaryColor: 'blue',\n headings: {\n fontFamily: 'canada-type-gibson, sans-serif',\n fontWeight: 'var(--coveo-fw-bold)',\n sizes: {\n h1: {fontSize: '40px', lineHeight: '1.2', fontWeight: 'var(--coveo-fw-bold)'},\n h2: {fontSize: '32px', lineHeight: '1.35', fontWeight: 'var(--coveo-fw-normal)'},\n h3: {fontSize: '24px', lineHeight: '1.33', fontWeight: 'var(--coveo-fw-bold)'},\n h4: {fontSize: '18px', lineHeight: '1.2', fontWeight: 'var(--coveo-fw-bold)'},\n h5: {fontSize: '16px', lineHeight: '1.25', fontWeight: 'var(--coveo-fw-bold)'},\n h6: {fontSize: '12px', lineHeight: '1.33', fontWeight: 'var(--coveo-fw-bold)'},\n },\n },\n fontSizes: {\n xxs: '10px',\n xs: '12px',\n sm: '14px',\n md: '16px',\n lg: '18px',\n xl: '20px',\n },\n shadows: {\n xs: '0px 1px 2px 0px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05), 0px -0.5px 1px 0px rgba(0, 0, 0, 0.02)',\n sm: '0px 7px 7px -5px rgba(0, 0, 0, 0.04), 0px 10px 15px -5px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05)',\n md: '0px 10px 10px -5px rgba(0, 0, 0, 0.04), 0px 20px 25px -5px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05)',\n lg: '0px 12px 12px -7px rgba(0, 0, 0, 0.04), 0px 28px 23px -7px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05)',\n xl: '0px 17px 17px -7px rgba(0, 0, 0, 0.04), 0px 36px 28px -7px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05)',\n },\n primaryShade: 5,\n colors: PlasmaColors,\n components: {\n Accordion: Accordion.extend({\n classNames: AccordionClasses,\n }),\n ActionIcon: ActionIcon.extend({\n defaultProps: {\n size: 'lg',\n },\n classNames: ActionIconClasses,\n }),\n AppShell: AppShell.extend({\n vars: (theme) =>\n ({\n root: {'--app-shell-border-color': theme.colors.gray[2]},\n }) as any,\n }),\n Alert: Alert.extend({\n defaultProps: {\n icon: <InfoToken variant=\"advice\" />,\n p: 'sm',\n },\n classNames: AlertClasses,\n }),\n Badge: Badge.extend({\n classNames: BadgeClasses,\n defaultProps: {\n variant: 'light',\n tt: 'none',\n },\n }),\n Breadcrumbs: Breadcrumbs.extend({\n classNames: BreadcrumbsClasses,\n defaultProps: {\n separator: <IconSlash size={16} color=\"var(--mantine-color-dimmed)\" />,\n separatorMargin: 'xxs',\n },\n }),\n Button: Button.extend({\n defaultProps: {\n size: 'sm',\n vars: (theme) => ({\n root: {\n '--button-padding-x': theme.spacing.sm,\n },\n }),\n },\n classNames: ButtonClasses,\n }),\n Card: Card.extend({\n defaultProps: {\n radius: 'lg',\n shadow: 'xs',\n padding: 'sm',\n withBorder: true,\n },\n classNames: CardClasses,\n }),\n Checkbox: Checkbox.extend({\n defaultProps: {\n radius: 'sm',\n icon: CheckboxIcon,\n },\n classNames: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return deepMerge(CheckboxClasses, ReadOnlyStateClasses);\n }\n return CheckboxClasses;\n },\n }),\n CheckboxIndicator: Checkbox.Indicator.extend({\n defaultProps: {\n radius: 'sm',\n icon: CheckboxIcon,\n },\n classNames: CheckboxIndicatorClasses,\n }),\n Chip: Chip.extend({\n defaultProps: {\n icon: <IconCheck size={16} />,\n },\n classNames: ChipClasses,\n }),\n CloseButton: CloseButton.extend({\n defaultProps: {\n icon: <CrossSize16Px height={16} aria-label=\"close\" />,\n },\n }),\n ColorSwatch: ColorSwatch.extend({\n defaultProps: {\n size: 8,\n withShadow: false,\n },\n }),\n Combobox: Combobox.extend({\n classNames: ComboboxClasses,\n defaultProps: {\n middlewares: {inline: true},\n },\n }),\n ComboboxSearch: ComboboxSearch.extend({\n defaultProps: {\n placeholder: 'Search',\n rightSection: <FilterSize16Px height={16} color=\"gray.5\" />,\n },\n }),\n DateInput: DateInput.extend({\n defaultProps: {\n miw: 250,\n leftSection: <IconCalendarWeek size={16} />,\n },\n }),\n DatePicker: DatePicker.extend({\n classNames: DatePickerClasses,\n }),\n DateTimePicker: DateTimePicker.extend({\n classNames: DateTimePickerClasses,\n }),\n Divider: Divider.extend({\n defaultProps: {\n color: 'var(--mantine-color-default-border)',\n },\n }),\n Image: Image.extend({\n defaultProps: {\n fallbackSrc: placeholderSvg,\n },\n }),\n Input: Input.extend({\n defaultProps: {\n size: 'sm',\n },\n classNames: (_theme, props) => {\n const anyProps = props as any;\n if (anyProps.readOnly && !props.disabled && !['Select'].includes(anyProps.__staticSelector)) {\n return deepMerge(InputClasses, ReadOnlyInputClasses);\n }\n return InputClasses;\n },\n }),\n InputWrapper: InputWrapper.extend({\n defaultProps: {\n size: 'sm',\n },\n classNames: InputWrapperClasses,\n vars: (theme, props) => {\n const anyProps = props as any;\n if (anyProps.disabled \|\| (anyProps.readOnly && !['Select'].includes(anyProps.__staticSelector))) {\n return {\n root: {\n '--input-margin-top': props?.label \|\| props?.description ? theme.spacing.xxs : undefined,\n },\n label: {'--input-asterisk-color': theme.colors.red[2]},\n error: {},\n description: {},\n };\n }\n return {\n root: {'--input-margin-top': props?.label \|\| props?.description ? theme.spacing.xxs : undefined},\n label: {},\n error: {},\n description: {},\n };\n },\n }),\n PasswordInput: PasswordInput.extend({\n vars: () => ({\n root: {\n '--psi-button-size': 'var(--mantine-spacing-lg)',\n },\n }),\n }),\n Loader: Loader.extend({\n defaultProps: {\n loaders: {...Loader.defaultLoaders, circle: CircleLoader},\n type: 'circle',\n role: 'presentation',\n },\n }),\n List: List.extend({\n classNames: ListClasses,\n }),\n Modal: Modal.extend({\n classNames: ModalClasses,\n vars: () => {\n const sizes = {\n '--modal-size-xs': '432px',\n '--modal-size-sm': '664px',\n '--modal-size-md': '896px',\n '--modal-size-lg': '1120px',\n '--modal-size-xl': '88%',\n } as any;\n return {\n root: {\n ...sizes,\n },\n };\n },\n }),\n ModalOverlay: Modal.Overlay.extend({\n defaultProps: {\n color: PlasmaColors.indigo[8],\n backgroundOpacity: 0.7,\n blur: 2,\n },\n }),\n ModalRoot: Modal.Root.extend({\n defaultProps: {\n padding: 'lg',\n },\n }),\n MonthPicker: MonthPicker.extend({\n classNames: MonthPickerClasses,\n }),\n MultiSelect: MultiSelect.extend({defaultProps: {hidePickedOptions: true}}),\n NavLink: NavLink.extend({classNames: NavLinkClasses}),\n Notification: Notification.extend({\n classNames: NotificationClasses,\n defaultProps: {\n icon: <IconInfoCircleFilled height={20} />,\n },\n }),\n NumberInput: NumberInput.extend({\n classNames: NumberInputClasses,\n }),\n Pagination: Pagination.extend({\n classNames: PaginationClasses,\n defaultProps: {\n nextIcon: ArrowHeadRightSize16Px,\n previousIcon: ArrowHeadLeftSize16Px,\n },\n }),\n Paper: Paper.extend({\n classNames: PaperClasses,\n }),\n PickerInputBase: PickerInputBase.extend({\n defaultProps: {\n miw: 250,\n leftSection: <IconCalendarWeek size={16} />,\n },\n }),\n Pill: Pill.extend({\n classNames: PillClasses,\n }),\n Popover: Popover.extend({\n classNames: PopoverClasses,\n defaultProps: {\n middlewares: {inline: true},\n position: 'bottom-start',\n },\n }),\n Radio: Radio.extend({\n classNames: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return deepMerge(RadioClasses, ReadOnlyStateClasses);\n }\n return RadioClasses;\n },\n vars: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return {\n root: {\n '--radio-icon-color': theme.colors.gray[7],\n '--radio-color': theme.colors.gray[2],\n },\n };\n }\n return {root: {}};\n },\n }),\n RadioCard: Radio.Card.extend({\n classNames: RadioCardClasses,\n }),\n ScrollArea: ScrollArea.extend({\n classNames: ScrollAreaClasses,\n }),\n SegmentedControl: SegmentedControl.extend({\n classNames: SegmentedControlClasses,\n }),\n Select: Select.extend({\n defaultProps: {allowDeselect: false, withCheckIcon: false},\n classNames: SelectClasses,\n }),\n Skeleton: Skeleton.extend({\n classNames: SkeletonClasses,\n }),\n Slider: Slider.extend({\n defaultProps: {\n size: 'md',\n },\n classNames: SliderClasses,\n }),\n Stepper: Stepper.extend({\n defaultProps: {\n size: 'xs',\n completedIcon: <IconCheck size={16} />,\n },\n classNames: StepperClasses,\n }),\n Switch: Switch.extend({\n classNames: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return ReadOnlyStateClasses;\n }\n return {};\n },\n vars: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return {\n root: {},\n track: {\n '--switch-bg': theme.colors.gray[2],\n '--switch-bd': 'transparent',\n },\n thumb: {\n '--switch-thumb-bd': 'transparent',\n },\n };\n }\n return {root: {}, track: {}, thumb: {}};\n },\n defaultProps: {\n withThumbIndicator: false,\n },\n }),\n Table: Table.extend({\n classNames: TableClasses,\n vars: () => ({\n table: {\n '--table-border-color': 'var(--mantine-color-default-border)',\n },\n }),\n }),\n Tabs: Tabs.extend({\n classNames: TabsClasses,\n }),\n Text: Text.extend({\n defaultProps: {\n size: 'sm',\n },\n classNames: TextClasses,\n }),\n TimeInput: TimeInput.extend({\n defaultProps: {\n rightSection: <IconClock size={16} />,\n },\n }),\n TimePicker: TimePicker.extend({\n defaultProps: {\n withDropdown: true,\n format: '12h',\n },\n classNames: TimePickerClasses,\n }),\n Tooltip: Tooltip.extend({\n defaultProps: {\n maw: 280,\n multiline: true,\n withArrow: true,\n zIndex: 10000,\n color: PlasmaColors.violet[9],\n },\n classNames: TooltipClasses,\n }),\n YearPicker: YearPicker.extend({\n classNames: YearPickerClasses,\n }),\n },\n});\n"],"names":["plasmaTheme","createTheme","variantColorResolver","plasmaVariantColorResolver","fontFamily","black","color","primary","gray","defaultRadius","lineHeights","xxs","xs","sm","md","lg","xl","spacing","radius","none","xxl","primaryColor","headings","fontWeight","sizes","h1","fontSize","lineHeight","h2","h3","h4","h5","h6","fontSizes","shadows","primaryShade","colors","PlasmaColors","components","Accordion","extend","classNames","AccordionClasses","ActionIcon","defaultProps","size","ActionIconClasses","AppShell","vars","theme","root","Alert","icon","InfoToken","variant","p","AlertClasses","Badge","BadgeClasses","tt","Breadcrumbs","BreadcrumbsClasses","separator","IconSlash","separatorMargin","Button","ButtonClasses","Card","shadow","padding","withBorder","CardClasses","Checkbox","CheckboxIcon","props","readOnly","disabled","deepMerge","CheckboxClasses","ReadOnlyStateClasses","CheckboxIndicator","Indicator","CheckboxIndicatorClasses","Chip","IconCheck","ChipClasses","CloseButton","CrossSize16Px","height","aria-label","ColorSwatch","withShadow","Combobox","ComboboxClasses","middlewares","inline","ComboboxSearch","placeholder","rightSection","FilterSize16Px","DateInput","miw","leftSection","IconCalendarWeek","DatePicker","DatePickerClasses","DateTimePicker","DateTimePickerClasses","Divider","Image","fallbackSrc","placeholderSvg","Input","_theme","anyProps","includes","__staticSelector","InputClasses","ReadOnlyInputClasses","InputWrapper","InputWrapperClasses","label","description","undefined","red","error","PasswordInput","Loader","loaders","defaultLoaders","circle","CircleLoader","type","role","List","ListClasses","Modal","ModalClasses","ModalOverlay","Overlay","indigo","backgroundOpacity","blur","ModalRoot","Root","MonthPicker","MonthPickerClasses","MultiSelect","hidePickedOptions","NavLink","NavLinkClasses","Notification","NotificationClasses","IconInfoCircleFilled","NumberInput","NumberInputClasses","Pagination","PaginationClasses","nextIcon","ArrowHeadRightSize16Px","previousIcon","ArrowHeadLeftSize16Px","Paper","PaperClasses","PickerInputBase","Pill","PillClasses","Popover","PopoverClasses","position","Radio","RadioClasses","RadioCard","RadioCardClasses","ScrollArea","ScrollAreaClasses","SegmentedControl","SegmentedControlClasses","Select","allowDeselect","withCheckIcon","SelectClasses","Skeleton","SkeletonClasses","Slider","SliderClasses","Stepper","completedIcon","StepperClasses","Switch","track","thumb","withThumbIndicator","Table","TableClasses","table","Tabs","TabsClasses","Text","TextClasses","TimeInput","IconClock","TimePicker","withDropdown","format","TimePickerClasses","Tooltip","maw","multiline","withArrow","zIndex","violet","TooltipClasses","YearPicker","YearPickerClasses"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../src/theme/Theme.tsx"],"sourcesContent":["import {\n ArrowHeadLeftSize16Px,\n ArrowHeadRightSize16Px,\n CrossSize16Px,\n FilterSize16Px,\n IconCalendarWeek,\n IconCheck,\n IconClock,\n IconInfoCircleFilled,\n IconSlash,\n} from '@coveord/plasma-react-icons';\nimport {color} from '@coveord/plasma-tokens';\nimport {\n ActionIcon,\n Alert,\n AppShell,\n Badge,\n Breadcrumbs,\n Button,\n Card,\n Checkbox,\n Chip,\n CloseButton,\n ColorSwatch,\n Combobox,\n ComboboxSearch,\n createTheme,\n deepMerge,\n Divider,\n Image,\n Input,\n InputWrapper,\n List,\n Loader,\n MantineThemeOverride,\n Modal,\n MultiSelect,\n NavLink,\n Notification,\n NumberInput,\n Pagination,\n Paper,\n PasswordInput,\n Pill,\n Popover,\n Radio,\n ScrollArea,\n SegmentedControl,\n Select,\n Skeleton,\n Slider,\n Stepper,\n Switch,\n Table,\n Tabs,\n Text,\n Tooltip,\n} from '@mantine/core';\nimport {\n DateInput,\n DatePicker,\n DateTimePicker,\n MonthPicker,\n PickerInputBase,\n TimeInput,\n TimePicker,\n YearPicker,\n} from '@mantine/dates';\nimport {Accordion} from '../components/accordion/Accordion.js';\nimport {CheckboxIcon} from '../components/checkbox/CheckboxIcon.js';\nimport {CircleLoader} from '../components/loader/CircleLoader.js';\nimport {InfoToken} from '../components/info-token/InfoToken.js';\nimport AccordionClasses from '../styles/Accordion.module.css';\nimport ActionIconClasses from '../styles/ActionIcon.module.css';\nimport AlertClasses from '../styles/Alert.module.css';\nimport BadgeClasses from '../styles/Badge.module.css';\nimport BreadcrumbsClasses from '../styles/Breadcrumbs.module.css';\nimport ButtonClasses from '../styles/Button.module.css';\nimport CardClasses from '../styles/Card.module.css';\nimport CheckboxClasses from '../styles/Checkbox.module.css';\nimport CheckboxIndicatorClasses from '../styles/CheckboxIndicator.module.css';\nimport ChipClasses from '../styles/Chip.module.css';\nimport ComboboxClasses from '../styles/Combobox.module.css';\nimport DatePickerClasses from '../styles/DatePicker.module.css';\nimport DateTimePickerClasses from '../styles/DateTimePicker.module.css';\nimport InputClasses from '../styles/Input.module.css';\nimport InputWrapperClasses from '../styles/InputWrapper.module.css';\nimport ListClasses from '../styles/List.module.css';\nimport ModalClasses from '../styles/Modal.module.css';\nimport MonthPickerClasses from '../styles/MonthPicker.module.css';\nimport NavLinkClasses from '../styles/NavLink.module.css';\nimport NotificationClasses from '../styles/Notifications.module.css';\nimport NumberInputClasses from '../styles/NumberInput.module.css';\nimport PaginationClasses from '../styles/Pagination.module.css';\nimport PaperClasses from '../styles/Paper.module.css';\nimport PillClasses from '../styles/Pill.module.css';\nimport PopoverClasses from '../styles/Popover.module.css';\nimport RadioClasses from '../styles/Radio.module.css';\nimport RadioCardClasses from '../styles/RadioCard.module.css';\nimport ReadOnlyInputClasses from '../styles/ReadOnlyInput.module.css';\nimport ReadOnlyStateClasses from '../styles/ReadOnlyState.module.css';\nimport ScrollAreaClasses from '../styles/ScrollArea.module.css';\nimport SegmentedControlClasses from '../styles/SegmentedControl.module.css';\nimport SelectClasses from '../styles/Select.module.css';\nimport SkeletonClasses from '../styles/Skeleton.module.css';\nimport SliderClasses from '../styles/Slider.module.css';\nimport StepperClasses from '../styles/Stepper.module.css';\nimport TableClasses from '../styles/Table.module.css';\nimport TabsClasses from '../styles/Tabs.module.css';\nimport TextClasses from '../styles/Text.module.css';\nimport TimePickerClasses from '../styles/TimePicker.module.css';\nimport TooltipClasses from '../styles/Tooltip.module.css';\nimport YearPickerClasses from '../styles/YearPicker.module.css';\nimport {PlasmaColors} from './PlasmaColors.js';\n\nimport placeholderSvg from '../images/placeholder.svg';\nimport {plasmaVariantColorResolver} from './plasmaVariantColorResolver.js';\n\nexport const plasmaTheme: MantineThemeOverride = createTheme({\n variantColorResolver: plasmaVariantColorResolver,\n // These are overrides over https://github.com/mantinedev/mantine/blob/master/packages/%40mantine/core/src/core/MantineProvider/default-theme.ts\n fontFamily: 'canada-type-gibson, sans-serif',\n black: color.primary.gray[9],\n defaultRadius: 'md',\n lineHeights: {\n xxs: '1.2',\n xs: '1.16',\n sm: '1.14',\n md: '1.14',\n lg: '1.11',\n xl: '1.2',\n },\n spacing: {\n xxs: '4px',\n xs: '8px',\n sm: '16px',\n md: '24px',\n lg: '32px',\n xl: '40px',\n },\n radius: {\n none: '0px',\n xs: '2px',\n sm: '4px',\n md: '8px',\n lg: '16px',\n xl: '24px',\n xxl: '32px',\n },\n primaryColor: 'blue',\n headings: {\n fontFamily: 'canada-type-gibson, sans-serif',\n fontWeight: 'var(--coveo-fw-bold)',\n sizes: {\n h1: {fontSize: '40px', lineHeight: '1.2', fontWeight: 'var(--coveo-fw-bold)'},\n h2: {fontSize: '32px', lineHeight: '1.35', fontWeight: 'var(--coveo-fw-normal)'},\n h3: {fontSize: '24px', lineHeight: '1.33', fontWeight: 'var(--coveo-fw-bold)'},\n h4: {fontSize: '18px', lineHeight: '1.2', fontWeight: 'var(--coveo-fw-bold)'},\n h5: {fontSize: '16px', lineHeight: '1.25', fontWeight: 'var(--coveo-fw-bold)'},\n h6: {fontSize: '12px', lineHeight: '1.33', fontWeight: 'var(--coveo-fw-bold)'},\n },\n },\n fontSizes: {\n xxs: '10px',\n xs: '12px',\n sm: '14px',\n md: '16px',\n lg: '18px',\n xl: '20px',\n },\n shadows: {\n xs: '0px 1px 2px 0px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05), 0px -0.5px 1px 0px rgba(0, 0, 0, 0.02)',\n sm: '0px 7px 7px -5px rgba(0, 0, 0, 0.04), 0px 10px 15px -5px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05)',\n md: '0px 10px 10px -5px rgba(0, 0, 0, 0.04), 0px 20px 25px -5px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05)',\n lg: '0px 12px 12px -7px rgba(0, 0, 0, 0.04), 0px 28px 23px -7px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05)',\n xl: '0px 17px 17px -7px rgba(0, 0, 0, 0.04), 0px 36px 28px -7px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05)',\n },\n primaryShade: 5,\n colors: PlasmaColors,\n components: {\n Accordion: Accordion.extend({\n classNames: AccordionClasses,\n }),\n ActionIcon: ActionIcon.extend({\n defaultProps: {\n size: 'lg',\n },\n classNames: ActionIconClasses,\n }),\n AppShell: AppShell.extend({\n vars: (theme) =>\n ({\n root: {'--app-shell-border-color': theme.colors.gray[2]},\n }) as any,\n }),\n Alert: Alert.extend({\n defaultProps: {\n icon: <InfoToken variant=\"advice\" />,\n p: 'sm',\n },\n classNames: AlertClasses,\n }),\n Badge: Badge.extend({\n classNames: BadgeClasses,\n defaultProps: {\n variant: 'light',\n tt: 'none',\n },\n }),\n Breadcrumbs: Breadcrumbs.extend({\n classNames: BreadcrumbsClasses,\n defaultProps: {\n separator: <IconSlash size={16} color=\"var(--mantine-color-dimmed)\" />,\n separatorMargin: 'xxs',\n },\n }),\n Button: Button.extend({\n defaultProps: {\n size: 'sm',\n vars: (theme) => ({\n root: {\n '--button-padding-x': theme.spacing.sm,\n },\n }),\n },\n classNames: ButtonClasses,\n }),\n Card: Card.extend({\n defaultProps: {\n radius: 'lg',\n shadow: 'xs',\n padding: 'sm',\n withBorder: true,\n },\n classNames: CardClasses,\n }),\n Checkbox: Checkbox.extend({\n defaultProps: {\n radius: 'sm',\n icon: CheckboxIcon,\n },\n classNames: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return deepMerge(CheckboxClasses, ReadOnlyStateClasses);\n }\n return CheckboxClasses;\n },\n }),\n CheckboxIndicator: Checkbox.Indicator.extend({\n defaultProps: {\n radius: 'sm',\n icon: CheckboxIcon,\n },\n classNames: CheckboxIndicatorClasses,\n }),\n Chip: Chip.extend({\n defaultProps: {\n icon: <IconCheck size={16} />,\n },\n classNames: ChipClasses,\n }),\n CloseButton: CloseButton.extend({\n defaultProps: {\n icon: <CrossSize16Px height={16} aria-label=\"close\" />,\n },\n }),\n ColorSwatch: ColorSwatch.extend({\n defaultProps: {\n size: 8,\n withShadow: false,\n },\n }),\n Combobox: Combobox.extend({\n classNames: ComboboxClasses,\n defaultProps: {\n middlewares: {inline: true},\n },\n }),\n ComboboxSearch: ComboboxSearch.extend({\n defaultProps: {\n placeholder: 'Search',\n rightSection: <FilterSize16Px height={16} color=\"gray.5\" />,\n },\n }),\n DateInput: DateInput.extend({\n defaultProps: {\n miw: 250,\n leftSection: <IconCalendarWeek size={16} />,\n },\n }),\n DatePicker: DatePicker.extend({\n classNames: DatePickerClasses,\n }),\n DateTimePicker: DateTimePicker.extend({\n classNames: DateTimePickerClasses,\n }),\n Divider: Divider.extend({\n defaultProps: {\n color: 'var(--mantine-color-default-border)',\n },\n }),\n Image: Image.extend({\n defaultProps: {\n fallbackSrc: placeholderSvg,\n },\n }),\n Input: Input.extend({\n defaultProps: {\n size: 'sm',\n },\n classNames: (_theme, props) => {\n const anyProps = props as any;\n if (anyProps.readOnly && !props.disabled && !['Select'].includes(anyProps.__staticSelector)) {\n return deepMerge(InputClasses, ReadOnlyInputClasses);\n }\n return InputClasses;\n },\n }),\n InputWrapper: InputWrapper.extend({\n defaultProps: {\n size: 'sm',\n },\n classNames: InputWrapperClasses,\n vars: (theme, props) => {\n const anyProps = props as any;\n if (anyProps.disabled \|\| (anyProps.readOnly && !['Select'].includes(anyProps.__staticSelector))) {\n return {\n root: {\n '--input-margin-top': props?.label \|\| props?.description ? theme.spacing.xxs : undefined,\n },\n label: {'--input-asterisk-color': theme.colors.red[2]},\n error: {},\n description: {},\n };\n }\n return {\n root: {'--input-margin-top': props?.label \|\| props?.description ? theme.spacing.xxs : undefined},\n label: {},\n error: {},\n description: {},\n };\n },\n }),\n PasswordInput: PasswordInput.extend({\n vars: () => ({\n root: {\n '--psi-button-size': 'var(--mantine-spacing-lg)',\n },\n }),\n }),\n Loader: Loader.extend({\n defaultProps: {\n loaders: {...Loader.defaultLoaders, circle: CircleLoader},\n type: 'circle',\n role: 'presentation',\n },\n }),\n List: List.extend({\n classNames: ListClasses,\n }),\n Modal: Modal.extend({\n classNames: ModalClasses,\n vars: () => {\n const sizes = {\n '--modal-size-xs': '432px',\n '--modal-size-sm': '664px',\n '--modal-size-md': '896px',\n '--modal-size-lg': '1120px',\n '--modal-size-xl': '88%',\n } as any;\n return {\n root: {\n ...sizes,\n },\n };\n },\n }),\n ModalOverlay: Modal.Overlay.extend({\n defaultProps: {\n color: PlasmaColors.indigo[8],\n backgroundOpacity: 0.7,\n blur: 2,\n },\n }),\n ModalRoot: Modal.Root.extend({\n defaultProps: {\n padding: 'lg',\n },\n }),\n MonthPicker: MonthPicker.extend({\n classNames: MonthPickerClasses,\n }),\n MultiSelect: MultiSelect.extend({defaultProps: {hidePickedOptions: true}}),\n NavLink: NavLink.extend({classNames: NavLinkClasses}),\n Notification: Notification.extend({\n classNames: NotificationClasses,\n defaultProps: {\n icon: <IconInfoCircleFilled height={20} />,\n },\n }),\n NumberInput: NumberInput.extend({\n classNames: NumberInputClasses,\n }),\n Pagination: Pagination.extend({\n classNames: PaginationClasses,\n defaultProps: {\n nextIcon: ArrowHeadRightSize16Px,\n previousIcon: ArrowHeadLeftSize16Px,\n },\n }),\n Paper: Paper.extend({\n classNames: PaperClasses,\n }),\n PickerInputBase: PickerInputBase.extend({\n defaultProps: {\n miw: 250,\n leftSection: <IconCalendarWeek size={16} />,\n },\n }),\n Pill: Pill.extend({\n classNames: PillClasses,\n }),\n Popover: Popover.extend({\n classNames: PopoverClasses,\n defaultProps: {\n middlewares: {inline: true},\n position: 'bottom-start',\n },\n }),\n Radio: Radio.extend({\n classNames: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return deepMerge(RadioClasses, ReadOnlyStateClasses);\n }\n return RadioClasses;\n },\n vars: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return {\n root: {\n '--radio-icon-color': theme.colors.gray[7],\n '--radio-color': theme.colors.gray[2],\n },\n };\n }\n return {root: {}};\n },\n }),\n RadioCard: Radio.Card.extend({\n classNames: RadioCardClasses,\n }),\n ScrollArea: ScrollArea.extend({\n classNames: ScrollAreaClasses,\n }),\n SegmentedControl: SegmentedControl.extend({\n classNames: SegmentedControlClasses,\n }),\n Select: Select.extend({\n defaultProps: {allowDeselect: false, withCheckIcon: false},\n classNames: SelectClasses,\n }),\n Skeleton: Skeleton.extend({\n classNames: SkeletonClasses,\n }),\n Slider: Slider.extend({\n defaultProps: {\n size: 'md',\n },\n classNames: SliderClasses,\n }),\n Stepper: Stepper.extend({\n defaultProps: {\n size: 'xs',\n completedIcon: <IconCheck size={16} />,\n },\n classNames: StepperClasses,\n }),\n Switch: Switch.extend({\n classNames: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return ReadOnlyStateClasses;\n }\n return {};\n },\n vars: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return {\n root: {},\n track: {\n '--switch-bg': theme.colors.gray[2],\n '--switch-bd': 'transparent',\n },\n thumb: {\n '--switch-thumb-bd': 'transparent',\n },\n };\n }\n return {root: {}, track: {}, thumb: {}};\n },\n defaultProps: {\n withThumbIndicator: false,\n },\n }),\n Table: Table.extend({\n classNames: TableClasses,\n vars: () => ({\n table: {\n '--table-border-color': 'var(--mantine-color-default-border)',\n },\n }),\n }),\n Tabs: Tabs.extend({\n classNames: TabsClasses,\n }),\n Text: Text.extend({\n defaultProps: {\n size: 'sm',\n },\n classNames: TextClasses,\n }),\n TimeInput: TimeInput.extend({\n defaultProps: {\n rightSection: <IconClock size={16} />,\n },\n }),\n TimePicker: TimePicker.extend({\n defaultProps: {\n withDropdown: true,\n format: '12h',\n },\n classNames: TimePickerClasses,\n }),\n Tooltip: Tooltip.extend({\n defaultProps: {\n maw: 280,\n multiline: true,\n withArrow: true,\n zIndex: 10000,\n color: PlasmaColors.violet[9],\n },\n classNames: TooltipClasses,\n }),\n YearPicker: YearPicker.extend({\n classNames: YearPickerClasses,\n }),\n },\n});\n"],"names":["plasmaTheme","createTheme","variantColorResolver","plasmaVariantColorResolver","fontFamily","black","color","primary","gray","defaultRadius","lineHeights","xxs","xs","sm","md","lg","xl","spacing","radius","none","xxl","primaryColor","headings","fontWeight","sizes","h1","fontSize","lineHeight","h2","h3","h4","h5","h6","fontSizes","shadows","primaryShade","colors","PlasmaColors","components","Accordion","extend","classNames","AccordionClasses","ActionIcon","defaultProps","size","ActionIconClasses","AppShell","vars","theme","root","Alert","icon","InfoToken","variant","p","AlertClasses","Badge","BadgeClasses","tt","Breadcrumbs","BreadcrumbsClasses","separator","IconSlash","separatorMargin","Button","ButtonClasses","Card","shadow","padding","withBorder","CardClasses","Checkbox","CheckboxIcon","props","readOnly","disabled","deepMerge","CheckboxClasses","ReadOnlyStateClasses","CheckboxIndicator","Indicator","CheckboxIndicatorClasses","Chip","IconCheck","ChipClasses","CloseButton","CrossSize16Px","height","aria-label","ColorSwatch","withShadow","Combobox","ComboboxClasses","middlewares","inline","ComboboxSearch","placeholder","rightSection","FilterSize16Px","DateInput","miw","leftSection","IconCalendarWeek","DatePicker","DatePickerClasses","DateTimePicker","DateTimePickerClasses","Divider","Image","fallbackSrc","placeholderSvg","Input","_theme","anyProps","includes","__staticSelector","InputClasses","ReadOnlyInputClasses","InputWrapper","InputWrapperClasses","label","description","undefined","red","error","PasswordInput","Loader","loaders","defaultLoaders","circle","CircleLoader","type","role","List","ListClasses","Modal","ModalClasses","ModalOverlay","Overlay","indigo","backgroundOpacity","blur","ModalRoot","Root","MonthPicker","MonthPickerClasses","MultiSelect","hidePickedOptions","NavLink","NavLinkClasses","Notification","NotificationClasses","IconInfoCircleFilled","NumberInput","NumberInputClasses","Pagination","PaginationClasses","nextIcon","ArrowHeadRightSize16Px","previousIcon","ArrowHeadLeftSize16Px","Paper","PaperClasses","PickerInputBase","Pill","PillClasses","Popover","PopoverClasses","position","Radio","RadioClasses","RadioCard","RadioCardClasses","ScrollArea","ScrollAreaClasses","SegmentedControl","SegmentedControlClasses","Select","allowDeselect","withCheckIcon","SelectClasses","Skeleton","SkeletonClasses","Slider","SliderClasses","Stepper","completedIcon","StepperClasses","Switch","track","thumb","withThumbIndicator","Table","TableClasses","table","Tabs","TabsClasses","Text","TextClasses","TimeInput","IconClock","TimePicker","withDropdown","format","TimePickerClasses","Tooltip","maw","multiline","withArrow","zIndex","violet","TooltipClasses","YearPicker","YearPickerClasses"],"mappings":"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"}

package/dist/cjs/theme/plasmaCSSVariablesResolver.js CHANGED Viewed

@@ -32,7 +32,7 @@ var plasmaCSSVariablesResolver = function(theme) {
             '--coveo-color-bg-dark-surface': 'var(--mantine-primary-color-3)',
             // mantine overrides
             '--mantine-primary-color-light': 'var(--mantine-primary-color-7)',
-            '--mantine-color-body': theme.colors.dark[8],
+            '--mantine-color-body': theme.colors.dark[7],
             '--mantine-color-default': theme.colors.dark[7],
             '--mantine-color-default-border': theme.colors.dark[6],
             '--mantine-color-default-hover': theme.colors.dark[6],
@@ -56,7 +56,7 @@ var plasmaCSSVariablesResolver = function(theme) {
             '--coveo-color-text-primary': 'var(--mantine-primary-color-filled)',
             '--coveo-color-bg-dark-surface': theme.colors.violet[9],
             // mantine overrides
-            '--mantine-color-body': theme.colors.gray[0],
+            '--mantine-color-body': 'var(--mantine-color-white)',
             '--mantine-color-default': 'var(--mantine-color-white)',
             '--mantine-color-default-border': theme.colors.gray[2],
             '--mantine-color-default-hover': theme.colors.gray[1],

package/dist/cjs/theme/plasmaCSSVariablesResolver.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/theme/plasmaCSSVariablesResolver.ts"],"sourcesContent":["import {\n alpha,\n ConvertCSSVariablesInput,\n CSSVariablesResolver,\n defaultCssVariablesResolver,\n getPrimaryShade,\n MantineColor,\n MantineTheme,\n} from '@mantine/core';\n\nexport const plasmaCSSVariablesResolver: CSSVariablesResolver = (theme) => {\n // Get the default Mantine CSS variables\n const mantineVariables = defaultCssVariablesResolver(theme);\n\n // Define your custom variables\n const customVariables: ConvertCSSVariablesInput = {\n variables: {\n '--coveo-fw-light': '300',\n '--coveo-fw-normal': '400',\n '--coveo-fw-bold': '500',\n },\n dark: {\n // custom colors\n '--coveo-color-title': 'var(--mantine-color-white)',\n '--coveo-app-background': theme.colors.dark[8],\n '--coveo-color-input-border': theme.colors.dark[4],\n '--coveo-color-text-readonly': theme.colors.dark[0],\n '--coveo-color-bg-readonly': theme.colors.dark[6],\n '--coveo-color-text-primary': 'var(--mantine-primary-color-4)',\n '--coveo-color-bg-dark-surface': 'var(--mantine-primary-color-3)',\n\n // mantine overrides\n '--mantine-primary-color-light': 'var(--mantine-primary-color-7)',\n '--mantine-color-body': theme.colors.dark[8],\n '--mantine-color-default': theme.colors.dark[7],\n '--mantine-color-default-border': theme.colors.dark[6],\n '--mantine-color-default-hover': theme.colors.dark[6],\n '--mantine-color-error': theme.colors.red[4],\n '--mantine-color-text': theme.colors.dark[0],\n '--mantine-color-dimmed': theme.colors.dark[1],\n '--mantine-color-gray-filled': theme.colors.dark[6],\n '--mantine-color-warning-filled': theme.colors.yellow[2],\n '--mantine-color-warning-light': theme.colors.yellow[6],\n '--mantine-color-placeholder': theme.colors.dark[2],\n '--mantine-color-disabled': theme.colors.dark[7],\n '--mantine-color-disabled-color': theme.colors.dark[3],\n },\n light: {\n // custom colors\n '--coveo-app-background': theme.colors.gray[0],\n '--coveo-color-input-border': theme.colors.gray[3],\n '--coveo-color-title': theme.colors.gray[8],\n '--coveo-color-text-readonly': 'var(--mantine-color-text)',\n '--coveo-color-bg-readonly': theme.colors.gray[1],\n '--coveo-color-text-primary': 'var(--mantine-primary-color-filled)',\n '--coveo-color-bg-dark-surface': theme.colors.violet[9],\n\n // mantine overrides\n '--mantine-color-body': ~~theme.colors.gray[0]~~,\n '--mantine-color-default': 'var(--mantine-color-white)',\n '--mantine-color-default-border': theme.colors.gray[2],\n '--mantine-color-default-hover': theme.colors.gray[1],\n '--mantine-color-error': theme.colors.red[5],\n '--mantine-color-text': theme.colors.gray[6],\n '--mantine-color-dimmed': theme.colors.gray[5],\n '--mantine-color-gray-filled': theme.colors.gray[4],\n '--mantine-color-warning-filled': theme.colors.yellow[4],\n '--mantine-color-placeholder': theme.colors.gray[4],\n '--mantine-color-disabled': alpha(theme.colors.gray[4], 0.1),\n '--mantine-color-disabled-color': theme.colors.gray[3],\n },\n };\n\n Object.keys(theme.colors).forEach((color) => {\n Object.assign(\n customVariables.light,\n getVariantLightVariables({\n theme,\n color,\n colorScheme: 'light',\n }),\n );\n });\n // Merge Mantine variables with custom variables\n const result: ConvertCSSVariablesInput = {\n variables: {\n ...mantineVariables.variables,\n ...customVariables.variables,\n },\n dark: {\n ...mantineVariables.dark,\n ...customVariables.dark,\n },\n light: {\n ...mantineVariables.light,\n ...customVariables.light,\n },\n };\n\n return result;\n};\n\ninterface GetColorVariablesInput {\n theme: MantineTheme;\n color: MantineColor;\n colorScheme: 'light' \| 'dark';\n}\n\nconst getVariantLightVariables = ({theme, color, colorScheme}: GetColorVariablesInput) => {\n if (!theme.colors[color]) {\n return {};\n }\n\n if (colorScheme === 'light') {\n const primaryShade = getPrimaryShade(theme, 'light');\n return {\n [`--mantine-color-${color}-light`]: alpha(theme.colors[color][primaryShade], 0.1),\n [`--mantine-color-${color}-light-hover`]: alpha(theme.colors[color][primaryShade], 0.16),\n };\n }\n};\n"],"names":["plasmaCSSVariablesResolver","theme","mantineVariables","defaultCssVariablesResolver","customVariables","variables","dark","colors","red","yellow","light","gray","violet","alpha","Object","keys","forEach","color","assign","getVariantLightVariables","colorScheme","result","primaryShade","getPrimaryShade"],"mappings":";;;;+BAUaA;;;eAAAA;;;;;oBAFN;AAEA,IAAMA,6BAAmD,SAACC;IAC7D,wCAAwC;IACxC,IAAMC,mBAAmBC,IAAAA,iCAA2B,EAACF;IAErD,+BAA+B;IAC/B,IAAMG,kBAA4C;QAC9CC,WAAW;YACP,oBAAoB;YACpB,qBAAqB;YACrB,mBAAmB;QACvB;QACAC,MAAM;YACF,gBAAgB;YAChB,uBAAuB;YACvB,0BAA0BL,MAAMM,MAAM,CAACD,IAAI,CAAC,EAAE;YAC9C,8BAA8BL,MAAMM,MAAM,CAACD,IAAI,CAAC,EAAE;YAClD,+BAA+BL,MAAMM,MAAM,CAACD,IAAI,CAAC,EAAE;YACnD,6BAA6BL,MAAMM,MAAM,CAACD,IAAI,CAAC,EAAE;YACjD,8BAA8B;YAC9B,iCAAiC;YAEjC,oBAAoB;YACpB,iCAAiC;YACjC,wBAAwBL,MAAMM,MAAM,CAACD,IAAI,CAAC,EAAE;YAC5C,2BAA2BL,MAAMM,MAAM,CAACD,IAAI,CAAC,EAAE;YAC/C,kCAAkCL,MAAMM,MAAM,CAACD,IAAI,CAAC,EAAE;YACtD,iCAAiCL,MAAMM,MAAM,CAACD,IAAI,CAAC,EAAE;YACrD,yBAAyBL,MAAMM,MAAM,CAACC,GAAG,CAAC,EAAE;YAC5C,wBAAwBP,MAAMM,MAAM,CAACD,IAAI,CAAC,EAAE;YAC5C,0BAA0BL,MAAMM,MAAM,CAACD,IAAI,CAAC,EAAE;YAC9C,+BAA+BL,MAAMM,MAAM,CAACD,IAAI,CAAC,EAAE;YACnD,kCAAkCL,MAAMM,MAAM,CAACE,MAAM,CAAC,EAAE;YACxD,iCAAiCR,MAAMM,MAAM,CAACE,MAAM,CAAC,EAAE;YACvD,+BAA+BR,MAAMM,MAAM,CAACD,IAAI,CAAC,EAAE;YACnD,4BAA4BL,MAAMM,MAAM,CAACD,IAAI,CAAC,EAAE;YAChD,kCAAkCL,MAAMM,MAAM,CAACD,IAAI,CAAC,EAAE;QAC1D;QACAI,OAAO;YACH,gBAAgB;YAChB,0BAA0BT,MAAMM,MAAM,CAACI,IAAI,CAAC,EAAE;YAC9C,8BAA8BV,MAAMM,MAAM,CAACI,IAAI,CAAC,EAAE;YAClD,uBAAuBV,MAAMM,MAAM,CAACI,IAAI,CAAC,EAAE;YAC3C,+BAA+B;YAC/B,6BAA6BV,MAAMM,MAAM,CAACI,IAAI,CAAC,EAAE;YACjD,8BAA8B;YAC9B,iCAAiCV,MAAMM,MAAM,CAACK,MAAM,CAAC,EAAE;YAEvD,oBAAoB;YACpB,~~wBAAwBX,MAAMM,MAAM,CAACI,IAAI,CAAC,EAAE~~;~~YAC5C~~,2BAA2B;YAC3B,~~kCAAkCV~~,MAAMM,MAAM,CAACI,IAAI,CAAC,EAAE;YACtD,iCAAiCV,MAAMM,MAAM,CAACI,IAAI,CAAC,EAAE;YACrD,yBAAyBV,MAAMM,MAAM,CAACC,GAAG,CAAC,EAAE;YAC5C,wBAAwBP,MAAMM,MAAM,CAACI,IAAI,CAAC,EAAE;YAC5C,0BAA0BV,MAAMM,MAAM,CAACI,IAAI,CAAC,EAAE;YAC9C,+BAA+BV,MAAMM,MAAM,CAACI,IAAI,CAAC,EAAE;YACnD,kCAAkCV,MAAMM,MAAM,CAACE,MAAM,CAAC,EAAE;YACxD,+BAA+BR,MAAMM,MAAM,CAACI,IAAI,CAAC,EAAE;YACnD,4BAA4BE,IAAAA,WAAK,EAACZ,MAAMM,MAAM,CAACI,IAAI,CAAC,EAAE,EAAE;YACxD,kCAAkCV,MAAMM,MAAM,CAACI,IAAI,CAAC,EAAE;QAC1D;IACJ;IAEAG,OAAOC,IAAI,CAACd,MAAMM,MAAM,EAAES,OAAO,CAAC,SAACC;QAC/BH,OAAOI,MAAM,CACTd,gBAAgBM,KAAK,EACrBS,yBAAyB;YACrBlB,OAAAA;YACAgB,OAAAA;YACAG,aAAa;QACjB;IAER;IACA,gDAAgD;IAChD,IAAMC,SAAmC;QACrChB,WAAW,qBACJH,iBAAiBG,SAAS,EAC1BD,gBAAgBC,SAAS;QAEhCC,MAAM,qBACCJ,iBAAiBI,IAAI,EACrBF,gBAAgBE,IAAI;QAE3BI,OAAO,qBACAR,iBAAiBQ,KAAK,EACtBN,gBAAgBM,KAAK;IAEhC;IAEA,OAAOW;AACX;AAQA,IAAMF,2BAA2B;QAAElB,cAAAA,OAAOgB,cAAAA,OAAOG,oBAAAA;IAC7C,IAAI,CAACnB,MAAMM,MAAM,CAACU,MAAM,EAAE;QACtB,OAAO,CAAC;IACZ;IAEA,IAAIG,gBAAgB,SAAS;QACzB,IAAME,eAAeC,IAAAA,qBAAe,EAACtB,OAAO;YACrC;QAAP,OAAO,WACH,mBADG,MACF,AAAC,mBAAwB,OAANgB,OAAM,WAAUJ,IAAAA,WAAK,EAACZ,MAAMM,MAAM,CAACU,MAAM,CAACK,aAAa,EAAE,OAC7E,mBAFG,MAEF,AAAC,mBAAwB,OAANL,OAAM,iBAAgBJ,IAAAA,WAAK,EAACZ,MAAMM,MAAM,CAACU,MAAM,CAACK,aAAa,EAAE,QAFhF;IAIX;AACJ"}
1	+ {"version":3,"sources":["../../../src/theme/plasmaCSSVariablesResolver.ts"],"sourcesContent":["import {\n alpha,\n ConvertCSSVariablesInput,\n CSSVariablesResolver,\n defaultCssVariablesResolver,\n getPrimaryShade,\n MantineColor,\n MantineTheme,\n} from '@mantine/core';\n\nexport const plasmaCSSVariablesResolver: CSSVariablesResolver = (theme) => {\n // Get the default Mantine CSS variables\n const mantineVariables = defaultCssVariablesResolver(theme);\n\n // Define your custom variables\n const customVariables: ConvertCSSVariablesInput = {\n variables: {\n '--coveo-fw-light': '300',\n '--coveo-fw-normal': '400',\n '--coveo-fw-bold': '500',\n },\n dark: {\n // custom colors\n '--coveo-color-title': 'var(--mantine-color-white)',\n '--coveo-app-background': theme.colors.dark[8],\n '--coveo-color-input-border': theme.colors.dark[4],\n '--coveo-color-text-readonly': theme.colors.dark[0],\n '--coveo-color-bg-readonly': theme.colors.dark[6],\n '--coveo-color-text-primary': 'var(--mantine-primary-color-4)',\n '--coveo-color-bg-dark-surface': 'var(--mantine-primary-color-3)',\n\n // mantine overrides\n '--mantine-primary-color-light': 'var(--mantine-primary-color-7)',\n '--mantine-color-body': theme.colors.dark[7],\n '--mantine-color-default': theme.colors.dark[7],\n '--mantine-color-default-border': theme.colors.dark[6],\n '--mantine-color-default-hover': theme.colors.dark[6],\n '--mantine-color-error': theme.colors.red[4],\n '--mantine-color-text': theme.colors.dark[0],\n '--mantine-color-dimmed': theme.colors.dark[1],\n '--mantine-color-gray-filled': theme.colors.dark[6],\n '--mantine-color-warning-filled': theme.colors.yellow[2],\n '--mantine-color-warning-light': theme.colors.yellow[6],\n '--mantine-color-placeholder': theme.colors.dark[2],\n '--mantine-color-disabled': theme.colors.dark[7],\n '--mantine-color-disabled-color': theme.colors.dark[3],\n },\n light: {\n // custom colors\n '--coveo-app-background': theme.colors.gray[0],\n '--coveo-color-input-border': theme.colors.gray[3],\n '--coveo-color-title': theme.colors.gray[8],\n '--coveo-color-text-readonly': 'var(--mantine-color-text)',\n '--coveo-color-bg-readonly': theme.colors.gray[1],\n '--coveo-color-text-primary': 'var(--mantine-primary-color-filled)',\n '--coveo-color-bg-dark-surface': theme.colors.violet[9],\n\n // mantine overrides\n '--mantine-color-body': 'var(--mantine-color-white)',\n '--mantine-color-default': 'var(--mantine-color-white)',\n '--mantine-color-default-border': theme.colors.gray[2],\n '--mantine-color-default-hover': theme.colors.gray[1],\n '--mantine-color-error': theme.colors.red[5],\n '--mantine-color-text': theme.colors.gray[6],\n '--mantine-color-dimmed': theme.colors.gray[5],\n '--mantine-color-gray-filled': theme.colors.gray[4],\n '--mantine-color-warning-filled': theme.colors.yellow[4],\n '--mantine-color-placeholder': theme.colors.gray[4],\n '--mantine-color-disabled': alpha(theme.colors.gray[4], 0.1),\n '--mantine-color-disabled-color': theme.colors.gray[3],\n },\n };\n\n Object.keys(theme.colors).forEach((color) => {\n Object.assign(\n customVariables.light,\n getVariantLightVariables({\n theme,\n color,\n colorScheme: 'light',\n }),\n );\n });\n // Merge Mantine variables with custom variables\n const result: ConvertCSSVariablesInput = {\n variables: {\n ...mantineVariables.variables,\n ...customVariables.variables,\n },\n dark: {\n ...mantineVariables.dark,\n ...customVariables.dark,\n },\n light: {\n ...mantineVariables.light,\n ...customVariables.light,\n },\n };\n\n return result;\n};\n\ninterface GetColorVariablesInput {\n theme: MantineTheme;\n color: MantineColor;\n colorScheme: 'light' \| 'dark';\n}\n\nconst getVariantLightVariables = ({theme, color, colorScheme}: GetColorVariablesInput) => {\n if (!theme.colors[color]) {\n return {};\n }\n\n if (colorScheme === 'light') {\n const primaryShade = getPrimaryShade(theme, 'light');\n return {\n [`--mantine-color-${color}-light`]: alpha(theme.colors[color][primaryShade], 0.1),\n [`--mantine-color-${color}-light-hover`]: alpha(theme.colors[color][primaryShade], 0.16),\n };\n }\n};\n"],"names":["plasmaCSSVariablesResolver","theme","mantineVariables","defaultCssVariablesResolver","customVariables","variables","dark","colors","red","yellow","light","gray","violet","alpha","Object","keys","forEach","color","assign","getVariantLightVariables","colorScheme","result","primaryShade","getPrimaryShade"],"mappings":"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"}

package/dist/esm/components/browser-preview/BrowserPreview.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Flex, Group, Stack, Text, Tooltip } from '@mantine/core';
 import cx from 'clsx';
-import { InfoToken } from '../info-token/index.js';
+import { InfoToken } from '../info-token/InfoToken.js';
 import BrowserPreviewClasses from './BrowserPreview.module.css';
 export const BrowserPreview = ({ children, headerTooltip, title, className, ...others })=>/*#__PURE__*/ _jsxs(Stack, {
         className: cx(BrowserPreviewClasses.root, className),

package/dist/esm/components/browser-preview/BrowserPreview.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/browser-preview/BrowserPreview.tsx"],"sourcesContent":["import {Flex, Group, Stack, StackProps, Text, Tooltip} from '@mantine/core';\nimport cx from 'clsx';\nimport {PropsWithChildren} from 'react';\nimport {InfoToken} from '../info-token/~~index~~.js';\nimport BrowserPreviewClasses from './BrowserPreview.module.css';\n\nexport interface BrowserPreviewProps extends StackProps {\n /*\n Text to display in a tooltip in the header.\n \n /\n headerTooltip?: string;\n /*\n Custom title to be displayed at the center of the header.\n */\n title?: string;\n}\n\nexport const BrowserPreview = ({\n children,\n headerTooltip,\n title,\n className,\n ...others\n}: PropsWithChildren<BrowserPreviewProps>) => (\n <Stack className={cx(BrowserPreviewClasses.root, className)} gap={0} maw={544} mih={0} {...others}>\n <Group\n className={BrowserPreviewClasses.header}\n justify=\"space-between\"\n p=\"sm\"\n bg=\"var(--mantine-color-default-hover)\"\n wrap=\"nowrap\"\n >\n <Group gap=\"xs\" wrap=\"nowrap\">\n <Text c=\"dimmed\" fz=\"md\" lh=\"18px\">\n Preview\n </Text>\n {!!headerTooltip && (\n <Tooltip label={headerTooltip} position=\"right\" maw={400}>\n <InfoToken variant=\"information\" className={BrowserPreviewClasses.infoIcon} />\n </Tooltip>\n )}\n </Group>\n {title && (\n <Text lineClamp={1} c=\"dimmed\" fz=\"md\" lh=\"18px\">\n {title}\n </Text>\n )}\n </Group>\n <Flex className={BrowserPreviewClasses.content} p=\"lg\" direction=\"column\">\n {children}\n </Flex>\n </Stack>\n);\n"],"names":["Flex","Group","Stack","Text","Tooltip","cx","InfoToken","BrowserPreviewClasses","BrowserPreview","children","headerTooltip","title","className","others","root","gap","maw","mih","header","justify","p","bg","wrap","c","fz","lh","label","position","variant","infoIcon","lineClamp","content","direction"],"mappings":";AAAA,SAAQA,IAAI,EAAEC,KAAK,EAAEC,KAAK,EAAcC,IAAI,EAAEC,OAAO,QAAO,gBAAgB;AAC5E,OAAOC,QAAQ,OAAO;AAEtB,SAAQC,SAAS,QAAO,~~yBAAyB~~;~~AACjD~~,OAAOC,2BAA2B,8BAA8B;AAchE,OAAO,MAAMC,iBAAiB,CAAC,EAC3BC,QAAQ,EACRC,aAAa,EACbC,KAAK,EACLC,SAAS,EACT,GAAGC,QACkC,iBACrC,MAACX;QAAMU,WAAWP,GAAGE,sBAAsBO,IAAI,EAAEF;QAAYG,KAAK;QAAGC,KAAK;QAAKC,KAAK;QAAI,GAAGJ,MAAM;;0BAC7F,MAACZ;gBACGW,WAAWL,sBAAsBW,MAAM;gBACvCC,SAAQ;gBACRC,GAAE;gBACFC,IAAG;gBACHC,MAAK;;kCAEL,MAACrB;wBAAMc,KAAI;wBAAKO,MAAK;;0CACjB,KAACnB;gCAAKoB,GAAE;gCAASC,IAAG;gCAAKC,IAAG;0CAAO;;4BAGlC,CAAC,CAACf,+BACC,KAACN;gCAAQsB,OAAOhB;gCAAeiB,UAAS;gCAAQX,KAAK;0CACjD,cAAA,KAACV;oCAAUsB,SAAQ;oCAAchB,WAAWL,sBAAsBsB,QAAQ;;;;;oBAIrFlB,uBACG,KAACR;wBAAK2B,WAAW;wBAAGP,GAAE;wBAASC,IAAG;wBAAKC,IAAG;kCACrCd;;;;0BAIb,KAACX;gBAAKY,WAAWL,sBAAsBwB,OAAO;gBAAEX,GAAE;gBAAKY,WAAU;0BAC5DvB;;;OAGX"}
1	+ {"version":3,"sources":["../../../../src/components/browser-preview/BrowserPreview.tsx"],"sourcesContent":["import {Flex, Group, Stack, StackProps, Text, Tooltip} from '@mantine/core';\nimport cx from 'clsx';\nimport {PropsWithChildren} from 'react';\nimport {InfoToken} from '../info-token/InfoToken.js';\nimport BrowserPreviewClasses from './BrowserPreview.module.css';\n\nexport interface BrowserPreviewProps extends StackProps {\n /*\n Text to display in a tooltip in the header.\n \n /\n headerTooltip?: string;\n /*\n Custom title to be displayed at the center of the header.\n */\n title?: string;\n}\n\nexport const BrowserPreview = ({\n children,\n headerTooltip,\n title,\n className,\n ...others\n}: PropsWithChildren<BrowserPreviewProps>) => (\n <Stack className={cx(BrowserPreviewClasses.root, className)} gap={0} maw={544} mih={0} {...others}>\n <Group\n className={BrowserPreviewClasses.header}\n justify=\"space-between\"\n p=\"sm\"\n bg=\"var(--mantine-color-default-hover)\"\n wrap=\"nowrap\"\n >\n <Group gap=\"xs\" wrap=\"nowrap\">\n <Text c=\"dimmed\" fz=\"md\" lh=\"18px\">\n Preview\n </Text>\n {!!headerTooltip && (\n <Tooltip label={headerTooltip} position=\"right\" maw={400}>\n <InfoToken variant=\"information\" className={BrowserPreviewClasses.infoIcon} />\n </Tooltip>\n )}\n </Group>\n {title && (\n <Text lineClamp={1} c=\"dimmed\" fz=\"md\" lh=\"18px\">\n {title}\n </Text>\n )}\n </Group>\n <Flex className={BrowserPreviewClasses.content} p=\"lg\" direction=\"column\">\n {children}\n </Flex>\n </Stack>\n);\n"],"names":["Flex","Group","Stack","Text","Tooltip","cx","InfoToken","BrowserPreviewClasses","BrowserPreview","children","headerTooltip","title","className","others","root","gap","maw","mih","header","justify","p","bg","wrap","c","fz","lh","label","position","variant","infoIcon","lineClamp","content","direction"],"mappings":";AAAA,SAAQA,IAAI,EAAEC,KAAK,EAAEC,KAAK,EAAcC,IAAI,EAAEC,OAAO,QAAO,gBAAgB;AAC5E,OAAOC,QAAQ,OAAO;AAEtB,SAAQC,SAAS,QAAO,6BAA6B;AACrD,OAAOC,2BAA2B,8BAA8B;AAchE,OAAO,MAAMC,iBAAiB,CAAC,EAC3BC,QAAQ,EACRC,aAAa,EACbC,KAAK,EACLC,SAAS,EACT,GAAGC,QACkC,iBACrC,MAACX;QAAMU,WAAWP,GAAGE,sBAAsBO,IAAI,EAAEF;QAAYG,KAAK;QAAGC,KAAK;QAAKC,KAAK;QAAI,GAAGJ,MAAM;;0BAC7F,MAACZ;gBACGW,WAAWL,sBAAsBW,MAAM;gBACvCC,SAAQ;gBACRC,GAAE;gBACFC,IAAG;gBACHC,MAAK;;kCAEL,MAACrB;wBAAMc,KAAI;wBAAKO,MAAK;;0CACjB,KAACnB;gCAAKoB,GAAE;gCAASC,IAAG;gCAAKC,IAAG;0CAAO;;4BAGlC,CAAC,CAACf,+BACC,KAACN;gCAAQsB,OAAOhB;gCAAeiB,UAAS;gCAAQX,KAAK;0CACjD,cAAA,KAACV;oCAAUsB,SAAQ;oCAAchB,WAAWL,sBAAsBsB,QAAQ;;;;;oBAIrFlB,uBACG,KAACR;wBAAK2B,WAAW;wBAAGP,GAAE;wBAASC,IAAG;wBAAKC,IAAG;kCACrCd;;;;0BAIb,KAACX;gBAAKY,WAAWL,sBAAsBwB,OAAO;gBAAEX,GAAE;gBAAKY,WAAU;0BAC5DvB;;;OAGX"}

package/dist/esm/components/button/ButtonWithDisabledTooltip.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { Box, Tooltip } from '@mantine/core';
 import { forwardRef } from 'react';
-import { createPolymorphicComponent } from '../../utils/index.js';
+import { createPolymorphicComponent } from '../../utils/createPolymorphicComponent.js';
 const _ButtonWithDisabledTooltip = /*#__PURE__*/ forwardRef(({ disabledTooltip, disabled, children, disabledTooltipProps, fullWidth, ...others }, ref)=>disabledTooltip ? /*#__PURE__*/ _jsx(Tooltip, {
         label: disabledTooltip,
         disabled: !disabled,

package/dist/esm/components/button/ButtonWithDisabledTooltip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/button/ButtonWithDisabledTooltip.tsx"],"sourcesContent":["import {Box, Tooltip, TooltipProps} from '@mantine/core';\nimport {ReactNode, forwardRef} from 'react';\n\nimport {createPolymorphicComponent} from '../../utils/~~index~~.js';\n\nexport interface ButtonWithDisabledTooltipProps {\n /*\n The tooltip message to display when disabled\n /\n disabledTooltip?: string;\n /\n Whether the button underneath the tooltip is disabled\n /\n disabled?: boolean;\n children?: ReactNode;\n /\n Additional tooltip props to set on the disabled button tooltip\n /\n disabledTooltipProps?: Omit<TooltipProps, 'disabled' \| 'label' \| 'children'>;\n /\n Sets button width to 100% of parent element\n */\n fullWidth?: boolean;\n}\n\nconst _ButtonWithDisabledTooltip = forwardRef<HTMLDivElement, ButtonWithDisabledTooltipProps>(\n ({disabledTooltip, disabled, children, disabledTooltipProps, fullWidth, ...others}, ref) =>\n disabledTooltip ? (\n <Tooltip label={disabledTooltip} disabled={!disabled} {...disabledTooltipProps}>\n <Box ref={ref} style={{'&:hover': {cursor: 'not-allowed'}, width: fullWidth && '100%'}} {...others}>\n {children}\n </Box>\n </Tooltip>\n ) : (\n <>{children}</>\n ),\n);\n\nexport const ButtonWithDisabledTooltip = createPolymorphicComponent<'div', ButtonWithDisabledTooltipProps>(\n _ButtonWithDisabledTooltip,\n);\n"],"names":["Box","Tooltip","forwardRef","createPolymorphicComponent","_ButtonWithDisabledTooltip","disabledTooltip","disabled","children","disabledTooltipProps","fullWidth","others","ref","label","style","cursor","width","ButtonWithDisabledTooltip"],"mappings":";AAAA,SAAQA,GAAG,EAAEC,OAAO,QAAqB,gBAAgB;AACzD,SAAmBC,UAAU,QAAO,QAAQ;AAE5C,SAAQC,0BAA0B,QAAO,~~uBAAuB~~;~~AAsBhE~~,MAAMC,2CAA6BF,WAC/B,CAAC,EAACG,eAAe,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,oBAAoB,EAAEC,SAAS,EAAE,GAAGC,QAAO,EAAEC,MAChFN,gCACI,KAACJ;QAAQW,OAAOP;QAAiBC,UAAU,CAACA;QAAW,GAAGE,oBAAoB;kBAC1E,cAAA,KAACR;YAAIW,KAAKA;YAAKE,OAAO;gBAAC,WAAW;oBAACC,QAAQ;gBAAa;gBAAGC,OAAON,aAAa;YAAM;YAAI,GAAGC,MAAM;sBAC7FH;;uBAIT;kBAAGA;;AAIf,OAAO,MAAMS,4BAA4Bb,2BACrCC,4BACF"}
1	+ {"version":3,"sources":["../../../../src/components/button/ButtonWithDisabledTooltip.tsx"],"sourcesContent":["import {Box, Tooltip, TooltipProps} from '@mantine/core';\nimport {ReactNode, forwardRef} from 'react';\n\nimport {createPolymorphicComponent} from '../../utils/createPolymorphicComponent.js';\n\nexport interface ButtonWithDisabledTooltipProps {\n /*\n The tooltip message to display when disabled\n /\n disabledTooltip?: string;\n /\n Whether the button underneath the tooltip is disabled\n /\n disabled?: boolean;\n children?: ReactNode;\n /\n Additional tooltip props to set on the disabled button tooltip\n /\n disabledTooltipProps?: Omit<TooltipProps, 'disabled' \| 'label' \| 'children'>;\n /\n Sets button width to 100% of parent element\n */\n fullWidth?: boolean;\n}\n\nconst _ButtonWithDisabledTooltip = forwardRef<HTMLDivElement, ButtonWithDisabledTooltipProps>(\n ({disabledTooltip, disabled, children, disabledTooltipProps, fullWidth, ...others}, ref) =>\n disabledTooltip ? (\n <Tooltip label={disabledTooltip} disabled={!disabled} {...disabledTooltipProps}>\n <Box ref={ref} style={{'&:hover': {cursor: 'not-allowed'}, width: fullWidth && '100%'}} {...others}>\n {children}\n </Box>\n </Tooltip>\n ) : (\n <>{children}</>\n ),\n);\n\nexport const ButtonWithDisabledTooltip = createPolymorphicComponent<'div', ButtonWithDisabledTooltipProps>(\n _ButtonWithDisabledTooltip,\n);\n"],"names":["Box","Tooltip","forwardRef","createPolymorphicComponent","_ButtonWithDisabledTooltip","disabledTooltip","disabled","children","disabledTooltipProps","fullWidth","others","ref","label","style","cursor","width","ButtonWithDisabledTooltip"],"mappings":";AAAA,SAAQA,GAAG,EAAEC,OAAO,QAAqB,gBAAgB;AACzD,SAAmBC,UAAU,QAAO,QAAQ;AAE5C,SAAQC,0BAA0B,QAAO,4CAA4C;AAsBrF,MAAMC,2CAA6BF,WAC/B,CAAC,EAACG,eAAe,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,oBAAoB,EAAEC,SAAS,EAAE,GAAGC,QAAO,EAAEC,MAChFN,gCACI,KAACJ;QAAQW,OAAOP;QAAiBC,UAAU,CAACA;QAAW,GAAGE,oBAAoB;kBAC1E,cAAA,KAACR;YAAIW,KAAKA;YAAKE,OAAO;gBAAC,WAAW;oBAACC,QAAQ;gBAAa;gBAAGC,OAAON,aAAa;YAAM;YAAI,GAAGC,MAAM;sBAC7FH;;uBAIT;kBAAGA;;AAIf,OAAO,MAAMS,4BAA4Bb,2BACrCC,4BACF"}

package/dist/esm/components/code-editor/CodeEditor.js CHANGED Viewed

@@ -5,11 +5,11 @@ import Editor, { loader } from '@monaco-editor/react';
 import { MarkerSeverity } from 'monaco-editor';
 import { useEffect, useRef, useState } from 'react';
 import cx from 'clsx';
-import { useParentHeight } from '../../hooks/index.js';
-import { CopyToClipboard } from '../copyToClipboard/index.js';
+import { useParentHeight } from '../../hooks/useParentHeight.js';
+import { CopyToClipboard } from '../copyToClipboard/CopyToClipboard.js';
 import CodeEditorClasses from './CodeEditor.module.css';
 import { XML } from './languages/xml.js';
-import { Search } from './search/index.js';
+import { Search } from './search/Search.js';
 const defaultProps = {
     language: 'plaintext',
     monacoLoader: 'local',

package/dist/esm/components/code-editor/CodeEditor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/code-editor/CodeEditor.tsx"],"sourcesContent":["import {\n Box,\n Center,\n Group,\n Input,\n InputWrapperProps,\n Loader,\n Space,\n Stack,\n StackProps,\n px,\n useMantineColorScheme,\n useMantineTheme,\n useProps,\n} from '@mantine/core';\nimport {useUncontrolled} from '@mantine/hooks';\nimport Editor, {Monaco, loader} from '@monaco-editor/react';\nimport {MarkerSeverity, editor as monacoEditor} from 'monaco-editor';\nimport {FunctionComponent, useEffect, useRef, useState} from 'react';\n\nimport cx from 'clsx';\nimport {useParentHeight} from '../../hooks/index.js';\nimport {CopyToClipboard} from '../copyToClipboard/index.js';\nimport CodeEditorClasses from './CodeEditor.module.css';\nimport {XML} from './languages/xml.js';\nimport {Search} from './search/index.js';\ninterface CodeEditorProps\n extends Omit<\n InputWrapperProps,\n 'inputContainer' \| 'inputWrapperOrder' \| 'classNames' \| 'styles' \| 'vars' \| 'onChange'\n >,\n Omit<StackProps, 'onChange' \| 'attributes'> {\n /*\n The language syntax of the editor\n \n @default 'plaintext'\n /\n language?: 'plaintext' \| 'json' \| 'markdown' \| 'python' \| 'xml' \| (string & unknown);\n /* Default value for uncontrolled input /\n defaultValue?: string;\n /* Value for controlled input /\n value?: string;\n /* onChange value for controlled input /\n onChange?(value: string): void;\n /* Called whenever the search icon is clicked /\n onSearch?(): void;\n /* Called whenever the copy icon is clicked /\n onCopy?(): void;\n /* Called whenever the code editor gets the focus /\n onFocus?(): void;\n /* Ref object that provides access to the editor's functionality /\n editorHandle?: React.MutableRefObject<monacoEditor.IStandaloneCodeEditor \| null>;\n /\n The minimal height of the CodeEditor (label and description included)\n \n By default the CodeEditor is adjusted to fill its parent height.\n * In the case where the parent height is too short, it will use this value as minimum.\n \n @default 300\n /\n minHeight?: number;\n /\n The maximal height of the CodeEditor (label and description included)\n \n By default the CodeEditor is adjusted to fill its parent height.\n * In the case where the parent height would be too high for your liking, you can use this prop to set a maximum.\n /\n maxHeight?: number;\n disabled?: boolean;\n /\n Defines how the monaco editor files will be loaded.\n * Note that using `'local'` requires [some additional configuration](https://github.com/suren-atoyan/monaco-react#use-monaco-editor-as-an-npm-package).\n \n @default 'local'\n /\n monacoLoader?: 'cdn' \| 'local';\n /\n Options to pass to the monaco editor.\n * Currently only supporting [`tabSize`](https://microsoft.github.io/monaco-editor/typedoc/interfaces/editor.IStandaloneEditorConstructionOptions.html#tabSize).\n \n /\n options?: Pick<monacoEditor.IStandaloneEditorConstructionOptions, 'tabSize'>;\n}\n\nconst defaultProps: Partial<CodeEditorProps> = {\n language: 'plaintext',\n monacoLoader: 'local',\n defaultValue: '',\n minHeight: 300,\n};\n\nexport const CodeEditor: FunctionComponent<CodeEditorProps> = (props) => {\n const {\n language,\n defaultValue,\n onChange,\n onCopy,\n onSearch,\n onFocus,\n value,\n label,\n required,\n labelProps,\n error,\n errorProps,\n description,\n descriptionProps,\n minHeight,\n maxHeight,\n disabled,\n monacoLoader,\n options: {tabSize} = {tabSize: 2},\n editorHandle,\n ...others\n } = useProps('CodeEditor', defaultProps, props);\n const [loaded, setLoaded] = useState(false);\n const [_value, handleChange] = useUncontrolled<string>({\n value,\n defaultValue,\n onChange,\n finalValue: '',\n });\n const [parentHeight, ref] = useParentHeight();\n const editorRef = useRef(null);\n\n const loadLocalMonaco = async () => {\n const monacoInstance = await import('monaco-editor');\n loader.config({monaco: monacoInstance});\n setLoaded(true);\n };\n\n const registerLanguages = (monaco: Monaco) => {\n if (monaco && language === 'xml') {\n XML.register(monaco);\n }\n };\n\n const registerThemes = (monaco: Monaco) => {\n monaco.editor.defineTheme('light', {\n base: 'vs',\n inherit: true,\n rules: [],\n colors: {\n 'editor.background': theme.colors.gray[0],\n },\n });\n };\n\n const handleSearch = () => {\n if (editorRef.current) {\n editorRef.current.focus();\n editorRef.current.trigger('editor', 'actions.find', '');\n onSearch?.();\n }\n };\n\n const [hasMonacoError, setHasMonacoError] = useState(false);\n const hasMonacoErrorRef = useRef(false);\n\n hasMonacoErrorRef.current = hasMonacoError;\n\n const hasError = !!error \|\| hasMonacoError;\n const theme = useMantineTheme();\n const {colorScheme} = useMantineColorScheme();\n\n useEffect(() => {\n if (monacoLoader === 'local') {\n loadLocalMonaco();\n } else {\n setLoaded(true);\n }\n }, []);\n\n const handleValidate = (markers: monacoEditor.IMarker[]) => {\n setHasMonacoError(markers.some((marker) => marker.severity === MarkerSeverity.Error));\n };\n\n const _label = label ? (\n <Input.Label required={required} {...labelProps}>\n {label}\n </Input.Label>\n ) : null;\n\n const _description = description ? (\n <Input.Description {...descriptionProps}>{description}</Input.Description>\n ) : null;\n\n const _error = error ? <Input.Error {...errorProps}>{error}</Input.Error> : <Space h=\"sm\" />;\n\n const _header =\n _label \|\| _description ? (\n <Stack gap=\"xxs\">\n {_label}\n {_description}\n </Stack>\n ) : null;\n\n const _buttons = (\n <Group justify=\"right\" gap=\"xs\">\n <Search handleSearch={handleSearch} />\n <CopyToClipboard value={_value} onCopy={() => onCopy?.()} />\n </Group>\n );\n let editorTheme = colorScheme === 'light' ? 'light' : 'vs-dark';\n if (disabled) {\n editorTheme += '-disabled';\n }\n\n const _editor = loaded ? (\n <Box\n p=\"md\"\n pl=\"xs\"\n className={cx(\n CodeEditorClasses.root,\n {[CodeEditorClasses.error]: hasError},\n {[CodeEditorClasses.disabled]: disabled},\n )}\n data-testid=\"editor-wrapper\"\n >\n <Editor\n onValidate={handleValidate}\n defaultLanguage={language}\n theme={editorTheme}\n options={{\n minimap: {enabled: false},\n wordWrap: 'on',\n scrollBeyondLastLine: false,\n formatOnPaste: true,\n fontSize: px(theme.fontSizes.xs) as number,\n readOnly: disabled,\n stickyScroll: {enabled: false},\n tabSize,\n }}\n value={_value}\n onChange={handleChange}\n beforeMount={(monaco) => {\n registerLanguages(monaco);\n registerThemes(monaco);\n }}\n onMount={(editor) => {\n editorRef.current = editor;\n if (editorHandle) {\n editorHandle.current = editor;\n }\n editor.onDidFocusEditorText(() => onFocus?.());\n editor.onDidBlurEditorText(async () => {\n // monaco editor has a timeout of 500ms populating errors, we want to ensure that checking errors happen after that\n setTimeout(async () => {\n if (!hasMonacoErrorRef.current) {\n await editor?.getAction('editor.action.formatDocument')?.run();\n }\n }, 550);\n });\n }}\n />\n </Box>\n ) : (\n <Center className={CodeEditorClasses.editor}>\n <Loader />\n </Center>\n );\n\n return (\n <Stack\n justify=\"flex-start\"\n gap=\"sm\"\n h={Math.max(parentHeight, minHeight)}\n mah={maxHeight}\n ref={ref}\n {...others}\n >\n <Group justify=\"space-between\">\n {_header}\n {_buttons}\n </Group>\n {_editor}\n {_error}\n </Stack>\n );\n};\n"],"names":["Box","Center","Group","Input","Loader","Space","Stack","px","useMantineColorScheme","useMantineTheme","useProps","useUncontrolled","Editor","loader","MarkerSeverity","useEffect","useRef","useState","cx","useParentHeight","CopyToClipboard","CodeEditorClasses","XML","Search","defaultProps","language","monacoLoader","defaultValue","minHeight","CodeEditor","props","onChange","onCopy","onSearch","onFocus","value","label","required","labelProps","error","errorProps","description","descriptionProps","maxHeight","disabled","options","tabSize","editorHandle","others","loaded","setLoaded","_value","handleChange","finalValue","parentHeight","ref","editorRef","loadLocalMonaco","monacoInstance","config","monaco","registerLanguages","register","registerThemes","editor","defineTheme","base","inherit","rules","colors","theme","gray","handleSearch","current","focus","trigger","hasMonacoError","setHasMonacoError","hasMonacoErrorRef","hasError","colorScheme","handleValidate","markers","some","marker","severity","Error","_label","Label","_description","Description","_error","h","_header","gap","_buttons","justify","editorTheme","_editor","p","pl","className","root","data-testid","onValidate","defaultLanguage","minimap","enabled","wordWrap","scrollBeyondLastLine","formatOnPaste","fontSize","fontSizes","xs","readOnly","stickyScroll","beforeMount","onMount","onDidFocusEditorText","onDidBlurEditorText","setTimeout","getAction","run","Math","max","mah"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../../src/components/code-editor/CodeEditor.tsx"],"sourcesContent":["import {\n Box,\n Center,\n Group,\n Input,\n InputWrapperProps,\n Loader,\n Space,\n Stack,\n StackProps,\n px,\n useMantineColorScheme,\n useMantineTheme,\n useProps,\n} from '@mantine/core';\nimport {useUncontrolled} from '@mantine/hooks';\nimport Editor, {Monaco, loader} from '@monaco-editor/react';\nimport {MarkerSeverity, editor as monacoEditor} from 'monaco-editor';\nimport {FunctionComponent, useEffect, useRef, useState} from 'react';\n\nimport cx from 'clsx';\nimport {useParentHeight} from '../../hooks/useParentHeight.js';\nimport {CopyToClipboard} from '../copyToClipboard/CopyToClipboard.js';\nimport CodeEditorClasses from './CodeEditor.module.css';\nimport {XML} from './languages/xml.js';\nimport {Search} from './search/Search.js';\ninterface CodeEditorProps\n extends Omit<\n InputWrapperProps,\n 'inputContainer' \| 'inputWrapperOrder' \| 'classNames' \| 'styles' \| 'vars' \| 'onChange'\n >,\n Omit<StackProps, 'onChange' \| 'attributes'> {\n /*\n The language syntax of the editor\n \n @default 'plaintext'\n /\n language?: 'plaintext' \| 'json' \| 'markdown' \| 'python' \| 'xml' \| (string & unknown);\n /* Default value for uncontrolled input /\n defaultValue?: string;\n /* Value for controlled input /\n value?: string;\n /* onChange value for controlled input /\n onChange?(value: string): void;\n /* Called whenever the search icon is clicked /\n onSearch?(): void;\n /* Called whenever the copy icon is clicked /\n onCopy?(): void;\n /* Called whenever the code editor gets the focus /\n onFocus?(): void;\n /* Ref object that provides access to the editor's functionality /\n editorHandle?: React.MutableRefObject<monacoEditor.IStandaloneCodeEditor \| null>;\n /\n The minimal height of the CodeEditor (label and description included)\n \n By default the CodeEditor is adjusted to fill its parent height.\n * In the case where the parent height is too short, it will use this value as minimum.\n \n @default 300\n /\n minHeight?: number;\n /\n The maximal height of the CodeEditor (label and description included)\n \n By default the CodeEditor is adjusted to fill its parent height.\n * In the case where the parent height would be too high for your liking, you can use this prop to set a maximum.\n /\n maxHeight?: number;\n disabled?: boolean;\n /\n Defines how the monaco editor files will be loaded.\n * Note that using `'local'` requires [some additional configuration](https://github.com/suren-atoyan/monaco-react#use-monaco-editor-as-an-npm-package).\n \n @default 'local'\n /\n monacoLoader?: 'cdn' \| 'local';\n /\n Options to pass to the monaco editor.\n * Currently only supporting [`tabSize`](https://microsoft.github.io/monaco-editor/typedoc/interfaces/editor.IStandaloneEditorConstructionOptions.html#tabSize).\n \n /\n options?: Pick<monacoEditor.IStandaloneEditorConstructionOptions, 'tabSize'>;\n}\n\nconst defaultProps: Partial<CodeEditorProps> = {\n language: 'plaintext',\n monacoLoader: 'local',\n defaultValue: '',\n minHeight: 300,\n};\n\nexport const CodeEditor: FunctionComponent<CodeEditorProps> = (props) => {\n const {\n language,\n defaultValue,\n onChange,\n onCopy,\n onSearch,\n onFocus,\n value,\n label,\n required,\n labelProps,\n error,\n errorProps,\n description,\n descriptionProps,\n minHeight,\n maxHeight,\n disabled,\n monacoLoader,\n options: {tabSize} = {tabSize: 2},\n editorHandle,\n ...others\n } = useProps('CodeEditor', defaultProps, props);\n const [loaded, setLoaded] = useState(false);\n const [_value, handleChange] = useUncontrolled<string>({\n value,\n defaultValue,\n onChange,\n finalValue: '',\n });\n const [parentHeight, ref] = useParentHeight();\n const editorRef = useRef(null);\n\n const loadLocalMonaco = async () => {\n const monacoInstance = await import('monaco-editor');\n loader.config({monaco: monacoInstance});\n setLoaded(true);\n };\n\n const registerLanguages = (monaco: Monaco) => {\n if (monaco && language === 'xml') {\n XML.register(monaco);\n }\n };\n\n const registerThemes = (monaco: Monaco) => {\n monaco.editor.defineTheme('light', {\n base: 'vs',\n inherit: true,\n rules: [],\n colors: {\n 'editor.background': theme.colors.gray[0],\n },\n });\n };\n\n const handleSearch = () => {\n if (editorRef.current) {\n editorRef.current.focus();\n editorRef.current.trigger('editor', 'actions.find', '');\n onSearch?.();\n }\n };\n\n const [hasMonacoError, setHasMonacoError] = useState(false);\n const hasMonacoErrorRef = useRef(false);\n\n hasMonacoErrorRef.current = hasMonacoError;\n\n const hasError = !!error \|\| hasMonacoError;\n const theme = useMantineTheme();\n const {colorScheme} = useMantineColorScheme();\n\n useEffect(() => {\n if (monacoLoader === 'local') {\n loadLocalMonaco();\n } else {\n setLoaded(true);\n }\n }, []);\n\n const handleValidate = (markers: monacoEditor.IMarker[]) => {\n setHasMonacoError(markers.some((marker) => marker.severity === MarkerSeverity.Error));\n };\n\n const _label = label ? (\n <Input.Label required={required} {...labelProps}>\n {label}\n </Input.Label>\n ) : null;\n\n const _description = description ? (\n <Input.Description {...descriptionProps}>{description}</Input.Description>\n ) : null;\n\n const _error = error ? <Input.Error {...errorProps}>{error}</Input.Error> : <Space h=\"sm\" />;\n\n const _header =\n _label \|\| _description ? (\n <Stack gap=\"xxs\">\n {_label}\n {_description}\n </Stack>\n ) : null;\n\n const _buttons = (\n <Group justify=\"right\" gap=\"xs\">\n <Search handleSearch={handleSearch} />\n <CopyToClipboard value={_value} onCopy={() => onCopy?.()} />\n </Group>\n );\n let editorTheme = colorScheme === 'light' ? 'light' : 'vs-dark';\n if (disabled) {\n editorTheme += '-disabled';\n }\n\n const _editor = loaded ? (\n <Box\n p=\"md\"\n pl=\"xs\"\n className={cx(\n CodeEditorClasses.root,\n {[CodeEditorClasses.error]: hasError},\n {[CodeEditorClasses.disabled]: disabled},\n )}\n data-testid=\"editor-wrapper\"\n >\n <Editor\n onValidate={handleValidate}\n defaultLanguage={language}\n theme={editorTheme}\n options={{\n minimap: {enabled: false},\n wordWrap: 'on',\n scrollBeyondLastLine: false,\n formatOnPaste: true,\n fontSize: px(theme.fontSizes.xs) as number,\n readOnly: disabled,\n stickyScroll: {enabled: false},\n tabSize,\n }}\n value={_value}\n onChange={handleChange}\n beforeMount={(monaco) => {\n registerLanguages(monaco);\n registerThemes(monaco);\n }}\n onMount={(editor) => {\n editorRef.current = editor;\n if (editorHandle) {\n editorHandle.current = editor;\n }\n editor.onDidFocusEditorText(() => onFocus?.());\n editor.onDidBlurEditorText(async () => {\n // monaco editor has a timeout of 500ms populating errors, we want to ensure that checking errors happen after that\n setTimeout(async () => {\n if (!hasMonacoErrorRef.current) {\n await editor?.getAction('editor.action.formatDocument')?.run();\n }\n }, 550);\n });\n }}\n />\n </Box>\n ) : (\n <Center className={CodeEditorClasses.editor}>\n <Loader />\n </Center>\n );\n\n return (\n <Stack\n justify=\"flex-start\"\n gap=\"sm\"\n h={Math.max(parentHeight, minHeight)}\n mah={maxHeight}\n ref={ref}\n {...others}\n >\n <Group justify=\"space-between\">\n {_header}\n {_buttons}\n </Group>\n {_editor}\n {_error}\n </Stack>\n );\n};\n"],"names":["Box","Center","Group","Input","Loader","Space","Stack","px","useMantineColorScheme","useMantineTheme","useProps","useUncontrolled","Editor","loader","MarkerSeverity","useEffect","useRef","useState","cx","useParentHeight","CopyToClipboard","CodeEditorClasses","XML","Search","defaultProps","language","monacoLoader","defaultValue","minHeight","CodeEditor","props","onChange","onCopy","onSearch","onFocus","value","label","required","labelProps","error","errorProps","description","descriptionProps","maxHeight","disabled","options","tabSize","editorHandle","others","loaded","setLoaded","_value","handleChange","finalValue","parentHeight","ref","editorRef","loadLocalMonaco","monacoInstance","config","monaco","registerLanguages","register","registerThemes","editor","defineTheme","base","inherit","rules","colors","theme","gray","handleSearch","current","focus","trigger","hasMonacoError","setHasMonacoError","hasMonacoErrorRef","hasError","colorScheme","handleValidate","markers","some","marker","severity","Error","_label","Label","_description","Description","_error","h","_header","gap","_buttons","justify","editorTheme","_editor","p","pl","className","root","data-testid","onValidate","defaultLanguage","minimap","enabled","wordWrap","scrollBeyondLastLine","formatOnPaste","fontSize","fontSizes","xs","readOnly","stickyScroll","beforeMount","onMount","onDidFocusEditorText","onDidBlurEditorText","setTimeout","getAction","run","Math","max","mah"],"mappings":"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"}

package/dist/esm/components/code-editor/search/Search.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { IconSearch } from '@coveord/plasma-react-icons';
-import { ActionIcon } from '../../action-icon/index.js';
+import { ActionIcon } from '../../action-icon/ActionIcon.js';
 const SearchButton = ({ handleSearch })=>/*#__PURE__*/ _jsx(ActionIcon.Quaternary, {
         onClick: handleSearch,
         children: /*#__PURE__*/ _jsx(IconSearch, {

package/dist/esm/components/code-editor/search/Search.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/components/code-editor/search/Search.tsx"],"sourcesContent":["import {IconSearch} from '@coveord/plasma-react-icons';\nimport {FunctionComponent} from 'react';\nimport {ActionIcon} from '../../action-icon/~~index~~.js';\n\nexport interface SearchProps {\n handleSearch: () => void;\n}\n\nconst SearchButton: FunctionComponent<SearchProps> = ({handleSearch}) => (\n <ActionIcon.Quaternary onClick={handleSearch}>\n <IconSearch aria-label=\"Search\" size={16} />\n </ActionIcon.Quaternary>\n);\n\nexport const Search: FunctionComponent<SearchProps> = ({...params}) => <SearchButton {...params} />;\n"],"names":["IconSearch","ActionIcon","SearchButton","handleSearch","Quaternary","onClick","aria-label","size","Search","params"],"mappings":";AAAA,SAAQA,UAAU,QAAO,8BAA8B;AAEvD,SAAQC,UAAU,QAAO,~~6BAA6B~~;~~AAMtD~~,MAAMC,eAA+C,CAAC,EAACC,YAAY,EAAC,iBAChE,KAACF,WAAWG,UAAU;QAACC,SAASF;kBAC5B,cAAA,KAACH;YAAWM,cAAW;YAASC,MAAM;;;AAI9C,OAAO,MAAMC,SAAyC,CAAC,EAAC,GAAGC,QAAO,iBAAK,KAACP;QAAc,GAAGO,MAAM;OAAK"}
1	+ {"version":3,"sources":["../../../../../src/components/code-editor/search/Search.tsx"],"sourcesContent":["import {IconSearch} from '@coveord/plasma-react-icons';\nimport {FunctionComponent} from 'react';\nimport {ActionIcon} from '../../action-icon/ActionIcon.js';\n\nexport interface SearchProps {\n handleSearch: () => void;\n}\n\nconst SearchButton: FunctionComponent<SearchProps> = ({handleSearch}) => (\n <ActionIcon.Quaternary onClick={handleSearch}>\n <IconSearch aria-label=\"Search\" size={16} />\n </ActionIcon.Quaternary>\n);\n\nexport const Search: FunctionComponent<SearchProps> = ({...params}) => <SearchButton {...params} />;\n"],"names":["IconSearch","ActionIcon","SearchButton","handleSearch","Quaternary","onClick","aria-label","size","Search","params"],"mappings":";AAAA,SAAQA,UAAU,QAAO,8BAA8B;AAEvD,SAAQC,UAAU,QAAO,kCAAkC;AAM3D,MAAMC,eAA+C,CAAC,EAACC,YAAY,EAAC,iBAChE,KAACF,WAAWG,UAAU;QAACC,SAASF;kBAC5B,cAAA,KAACH;YAAWM,cAAW;YAASC,MAAM;;;AAI9C,OAAO,MAAMC,SAAyC,CAAC,EAAC,GAAGC,QAAO,iBAAK,KAACP;QAAc,GAAGO,MAAM;OAAK"}

package/dist/esm/components/collection/Collection.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { __InputWrapperProps, BoxProps, Factory, MantineSpacing, StylesApiProps } from '@mantine/core';
 import { ForwardedRef, ReactNode } from 'react';
-import { CustomComponentThemeExtend } from '../../utils/index.js';
+import { CustomComponentThemeExtend } from '../../utils/createFactoryComponent.js';
 export interface CollectionProps<T> extends __InputWrapperProps, BoxProps, StylesApiProps<CollectionFactory> {
     /**
      * The default value each new item should have

package/dist/esm/components/collection/Collection.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Collection.d.ts","sourceRoot":"","sources":["../../../../src/components/collection/Collection.tsx"],"names":[],"mappings":"AAIA,OAAO,EACH,mBAAmB,EAEnB,QAAQ,EACR,OAAO,EAEP,cAAc,EAEd,cAAc,EAGjB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAC,YAAY,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAC,0BAA0B,EAAW,MAAM,~~sBAAsB~~,CAAC;~~AAM1E~~,MAAM,WAAW,eAAe,CAAC,CAAC,CAAE,SAAQ,mBAAmB,EAAE,QAAQ,EAAE,cAAc,CAAC,iBAAiB,CAAC;IACxG;;OAEG;IACH,OAAO,EAAE,CAAC,CAAC;IACX;;;;;OAKG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAChD;;;;OAIG;IACH,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IACZ;;;;;;;;;OASG;IACH,SAAS,CAAC,EAAE,CAAC,YAAY,EAAE,CAAC,EAAE,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3D;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAChC;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAC,KAAK,IAAI,CAAC;IAC9D;;;;;OAKG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,OAAO,CAAC;IACpC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;;OAIG;IACH,GAAG,CAAC,EAAE,cAAc,CAAC;IACrB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,cAAc,GAAG,YAAY,CAAC;AAE9F,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC;IACpC,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IAChC,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,qBAAqB,CAAC;CACtC,CAAC,CAAC;AAaH,eAAO,MAAM,UAAU;KAAI,CAAC,SAAU,eAAe,CAAC,CAAC,CAAC,GAAG;QAAC,GAAG,CAAC,EAAE,YAAY,CAAC,cAAc,CAAC,CAAA;KAAC;;eAhBpF,eAAe,CAAC,OAAO,CAAC;aAC1B,cAAc;qBACN,qBAAqB;;CA8JrC,CAAC"}
1	+ {"version":3,"file":"Collection.d.ts","sourceRoot":"","sources":["../../../../src/components/collection/Collection.tsx"],"names":[],"mappings":"AAIA,OAAO,EACH,mBAAmB,EAEnB,QAAQ,EACR,OAAO,EAEP,cAAc,EAEd,cAAc,EAGjB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAC,YAAY,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAC,0BAA0B,EAAW,MAAM,uCAAuC,CAAC;AAM3F,MAAM,WAAW,eAAe,CAAC,CAAC,CAAE,SAAQ,mBAAmB,EAAE,QAAQ,EAAE,cAAc,CAAC,iBAAiB,CAAC;IACxG;;OAEG;IACH,OAAO,EAAE,CAAC,CAAC;IACX;;;;;OAKG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAChD;;;;OAIG;IACH,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IACZ;;;;;;;;;OASG;IACH,SAAS,CAAC,EAAE,CAAC,YAAY,EAAE,CAAC,EAAE,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3D;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAChC;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAC,KAAK,IAAI,CAAC;IAC9D;;;;;OAKG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,OAAO,CAAC;IACpC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;;OAIG;IACH,GAAG,CAAC,EAAE,cAAc,CAAC;IACrB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,cAAc,GAAG,YAAY,CAAC;AAE9F,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC;IACpC,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IAChC,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,qBAAqB,CAAC;CACtC,CAAC,CAAC;AAaH,eAAO,MAAM,UAAU;KAAI,CAAC,SAAU,eAAe,CAAC,CAAC,CAAC,GAAG;QAAC,GAAG,CAAC,EAAE,YAAY,CAAC,cAAc,CAAC,CAAA;KAAC;;eAhBpF,eAAe,CAAC,OAAO,CAAC;aAC1B,cAAc;qBACN,qBAAqB;;CA8JrC,CAAC"}

package/dist/esm/components/collection/Collection.js CHANGED Viewed

@@ -5,8 +5,8 @@ import { restrictToParentElement, restrictToVerticalAxis } from '@dnd-kit/modifi
 import { SortableContext, sortableKeyboardCoordinates, verticalListSortingStrategy } from '@dnd-kit/sortable';
 import { Box, Input, Stack, useProps, useStyles } from '@mantine/core';
 import { useDidUpdate } from '@mantine/hooks';
-import { identity } from '../../utils/index.js';
-import { Button } from '../button/index.js';
+import { identity } from '../../utils/createFactoryComponent.js';
+import { Button } from '../button/Button.js';
 import classes from './Collection.module.css';
 import { CollectionProvider } from './CollectionContext.js';
 import { CollectionItem } from './CollectionItem.js';

package/dist/esm/components/collection/Collection.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/collection/Collection.tsx"],"sourcesContent":["import {IconPlus} from '@coveord/plasma-react-icons';\nimport {DndContext, DragEndEvent, KeyboardSensor, PointerSensor, useSensor, useSensors} from '@dnd-kit/core';\nimport {restrictToParentElement, restrictToVerticalAxis} from '@dnd-kit/modifiers';\nimport {SortableContext, sortableKeyboardCoordinates, verticalListSortingStrategy} from '@dnd-kit/sortable';\nimport {\n __InputWrapperProps,\n Box,\n BoxProps,\n Factory,\n Input,\n MantineSpacing,\n Stack,\n StylesApiProps,\n useProps,\n useStyles,\n} from '@mantine/core';\nimport {useDidUpdate} from '@mantine/hooks';\nimport {ForwardedRef, ReactNode} from 'react';\n\nimport {CustomComponentThemeExtend, identity} from '../../utils/index.js';\nimport {Button} from '../button/index.js';\nimport classes from './Collection.module.css';\nimport {CollectionProvider} from './CollectionContext.js';\nimport {CollectionItem} from './CollectionItem.js';\n\nexport interface CollectionProps<T> extends __InputWrapperProps, BoxProps, StylesApiProps<CollectionFactory> {\n /*\n The default value each new item should have\n /\n newItem: T;\n /\n A render function called for each item passed in the `value` prop.\n \n @param item The current item's value\n * @param index The current item's index\n /\n children: (item: T, index: number) => ReactNode;\n /\n The list of items to display inside the collection\n \n @default []\n /\n value?: T[];\n /\n Defines how each item is uniquely identified. It is highly recommended that you specify this prop to an ID that makes sense.\n \n This method is required when using this component with ReactHookForm.\n \n @see {@link https://react-hook-form.com/api/usefieldarray/} for using a collection with ReactHookForm.\n \n @param originalItem The original item\n * @param itemIndex The index of the original item\n /\n getItemId?: (originalItem: T, itemIndex: number) => string;\n /\n Unused, has no effect\n /\n onFocus?: () => void;\n /\n Function called whenever the value needs to be updated\n \n @param value The whole list of items after the change\n /\n onChange?: (value: T[]) => void;\n /\n Function called after an item is removed from the collection using the remove button\n \n @param itemIndex The index of the item that was removed\n /\n onRemoveItem?: (itemIndex: number) => void;\n /\n Function that gets called whenever a collection item needs to be reordered\n \n @param payload The origin and destination index of the item to reorder\n /\n onReorderItem?: (payload: {from: number; to: number}) => void;\n /\n Function that gets called when a new item needs to be added to the collection\n \n @param value The value of the item to insert\n * @param index The index of the new item to insert\n /\n onInsertItem?: (value: T, index: number) => void;\n /\n Whether the collection should have drag and drop behavior enabled\n \n @default false\n /\n draggable?: boolean;\n /\n Whether the collection is disabled, or in other words in read only mode\n \n @default false\n /\n disabled?: boolean;\n /\n Whether the collection is readOnly. If true, the collection will not allow adding or removing items\n \n @default false\n /\n readOnly?: boolean;\n /\n Function that determines if the add item button should be enabled given the current items of the collection.\n * The button is always enabled if this props remains undefined\n \n @param values The current items of the collection\n /\n allowAdd?: (values: T[]) => boolean;\n /\n The label of the add item button\n \n @default \"Add item\"\n /\n addLabel?: string;\n /\n The tooltip text displayed when hovering over the disabled add item button\n \n @default 'There is already an empty item'\n /\n addDisabledTooltip?: string;\n /\n The gap between the colleciton items\n \n @default 'xs'\n /\n gap?: MantineSpacing;\n /\n Whether the collection is required. When required is true, the collection will hide the remove button if there is only one item\n \n @default false\n /\n required?: boolean;\n}\n\nexport type CollectionStylesNames = 'root' \| 'item' \| 'items' \| 'itemDragging' \| 'dragHandle';\n\nexport type CollectionFactory = Factory<{\n props: CollectionProps<unknown>;\n ref: HTMLDivElement;\n stylesNames: CollectionStylesNames;\n}>;\n\nconst defaultProps: Partial<CollectionProps<unknown>> = {\n draggable: false,\n addLabel: 'Add item',\n addDisabledTooltip: 'There is already an empty item',\n disabled: false,\n readOnly: false,\n gap: 'md',\n required: false,\n getItemId: ({id}: any) => id,\n};\n\nexport const Collection = <T,>(props: CollectionProps<T> & {ref?: ForwardedRef<HTMLDivElement>}) => {\n const {\n value,\n onChange,\n onRemoveItem,\n onReorderItem,\n onInsertItem,\n disabled,\n readOnly,\n draggable,\n children,\n gap,\n required,\n newItem,\n addLabel,\n addDisabledTooltip,\n allowAdd,\n label,\n labelProps,\n withAsterisk,\n description,\n descriptionProps,\n error,\n errorProps,\n getItemId,\n ref,\n\n // Style props\n style,\n className,\n classNames,\n styles,\n unstyled,\n ...others\n } = useProps('Collection', defaultProps as CollectionProps<T>, props);\n\n const getStyles = useStyles<CollectionFactory>({\n name: 'Collection',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n });\n const sensors = useSensors(\n useSensor(PointerSensor),\n useSensor(KeyboardSensor, {\n coordinateGetter: sortableKeyboardCoordinates,\n }),\n );\n\n const canEdit = !disabled && !readOnly;\n const hasOnlyOneItem = value.length === 1;\n\n /\n Enforcing onChange when the value is modified will make sure the errors are carried through.\n */\n useDidUpdate(() => {\n onChange?.(value);\n }, [JSON.stringify(value)]);\n\n const isRequired = typeof withAsterisk === 'boolean' ? withAsterisk : required;\n const _label = label ? (\n <Input.Label required={isRequired} {...labelProps}>\n {label}\n </Input.Label>\n ) : null;\n\n const _description = description ? (\n <Input.Description {...descriptionProps}>{description}</Input.Description>\n ) : null;\n const _error = error ? <Input.Error {...errorProps}>{error}</Input.Error> : null;\n const _header =\n _label \|\| _description ? (\n <Stack gap=\"xxs\" pb=\"xs\">\n {_label}\n {_description}\n </Stack>\n ) : null;\n\n const standardizedItems = value.map((item, index) => ({id: getItemId?.(item, index) ?? String(index), data: item}));\n\n const items = standardizedItems.map((item, index) => (\n <CollectionItem\n key={item.id}\n id={item.id}\n disabled={!canEdit}\n draggable={draggable}\n onRemove={() => onRemoveItem?.(index)}\n removable={!(isRequired && hasOnlyOneItem)}\n >\n {children(item.data, index)}\n </CollectionItem>\n ));\n\n const addAllowed = allowAdd?.(value) ?? true;\n\n const _addButton = canEdit ? (\n <Box className={classes.addButtonContainer}>\n <Button.Quaternary\n leftSection={<IconPlus size={16} />}\n onClick={() => onInsertItem(newItem, value?.length ?? 0)}\n disabled={!addAllowed}\n disabledTooltip={addDisabledTooltip}\n >\n {addLabel}\n </Button.Quaternary>\n </Box>\n ) : null;\n\n const getIndex = (id: string) => standardizedItems.findIndex((item) => item.id === id);\n\n const handleDragEnd = ({over, active}: DragEndEvent): void => {\n if (over) {\n const activeIndex = getIndex(String(active.id));\n const overIndex = getIndex(String(over.id));\n if (activeIndex !== overIndex) {\n onReorderItem?.({from: activeIndex, to: overIndex});\n }\n }\n };\n\n return (\n <CollectionProvider value={{getStyles}}>\n <DndContext\n onDragEnd={handleDragEnd}\n sensors={sensors}\n modifiers={[restrictToVerticalAxis, restrictToParentElement]}\n >\n <SortableContext items={standardizedItems} strategy={verticalListSortingStrategy}>\n <Box ref={ref} {...others} {...getStyles('root')}>\n {_header}\n <Stack gap={gap} {...getStyles('items')}>\n {items}\n {_addButton}\n {_error}\n </Stack>\n </Box>\n </SortableContext>\n </DndContext>\n </CollectionProvider>\n );\n};\n\nCollection.extend = identity as CustomComponentThemeExtend<CollectionFactory>;\n"],"names":["IconPlus","DndContext","KeyboardSensor","PointerSensor","useSensor","useSensors","restrictToParentElement","restrictToVerticalAxis","SortableContext","sortableKeyboardCoordinates","verticalListSortingStrategy","Box","Input","Stack","useProps","useStyles","useDidUpdate","identity","Button","classes","CollectionProvider","CollectionItem","defaultProps","draggable","addLabel","addDisabledTooltip","disabled","readOnly","gap","required","getItemId","id","Collection","props","value","onChange","onRemoveItem","onReorderItem","onInsertItem","children","newItem","allowAdd","label","labelProps","withAsterisk","description","descriptionProps","error","errorProps","ref","style","className","classNames","styles","unstyled","others","getStyles","name","sensors","coordinateGetter","canEdit","hasOnlyOneItem","length","JSON","stringify","isRequired","_label","Label","_description","Description","_error","Error","_header","pb","standardizedItems","map","item","index","String","data","items","onRemove","removable","addAllowed","_addButton","addButtonContainer","Quaternary","leftSection","size","onClick","disabledTooltip","getIndex","findIndex","handleDragEnd","over","active","activeIndex","overIndex","from","to","onDragEnd","modifiers","strategy","extend"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../../src/components/collection/Collection.tsx"],"sourcesContent":["import {IconPlus} from '@coveord/plasma-react-icons';\nimport {DndContext, DragEndEvent, KeyboardSensor, PointerSensor, useSensor, useSensors} from '@dnd-kit/core';\nimport {restrictToParentElement, restrictToVerticalAxis} from '@dnd-kit/modifiers';\nimport {SortableContext, sortableKeyboardCoordinates, verticalListSortingStrategy} from '@dnd-kit/sortable';\nimport {\n __InputWrapperProps,\n Box,\n BoxProps,\n Factory,\n Input,\n MantineSpacing,\n Stack,\n StylesApiProps,\n useProps,\n useStyles,\n} from '@mantine/core';\nimport {useDidUpdate} from '@mantine/hooks';\nimport {ForwardedRef, ReactNode} from 'react';\n\nimport {CustomComponentThemeExtend, identity} from '../../utils/createFactoryComponent.js';\nimport {Button} from '../button/Button.js';\nimport classes from './Collection.module.css';\nimport {CollectionProvider} from './CollectionContext.js';\nimport {CollectionItem} from './CollectionItem.js';\n\nexport interface CollectionProps<T> extends __InputWrapperProps, BoxProps, StylesApiProps<CollectionFactory> {\n /*\n The default value each new item should have\n /\n newItem: T;\n /\n A render function called for each item passed in the `value` prop.\n \n @param item The current item's value\n * @param index The current item's index\n /\n children: (item: T, index: number) => ReactNode;\n /\n The list of items to display inside the collection\n \n @default []\n /\n value?: T[];\n /\n Defines how each item is uniquely identified. It is highly recommended that you specify this prop to an ID that makes sense.\n \n This method is required when using this component with ReactHookForm.\n \n @see {@link https://react-hook-form.com/api/usefieldarray/} for using a collection with ReactHookForm.\n \n @param originalItem The original item\n * @param itemIndex The index of the original item\n /\n getItemId?: (originalItem: T, itemIndex: number) => string;\n /\n Unused, has no effect\n /\n onFocus?: () => void;\n /\n Function called whenever the value needs to be updated\n \n @param value The whole list of items after the change\n /\n onChange?: (value: T[]) => void;\n /\n Function called after an item is removed from the collection using the remove button\n \n @param itemIndex The index of the item that was removed\n /\n onRemoveItem?: (itemIndex: number) => void;\n /\n Function that gets called whenever a collection item needs to be reordered\n \n @param payload The origin and destination index of the item to reorder\n /\n onReorderItem?: (payload: {from: number; to: number}) => void;\n /\n Function that gets called when a new item needs to be added to the collection\n \n @param value The value of the item to insert\n * @param index The index of the new item to insert\n /\n onInsertItem?: (value: T, index: number) => void;\n /\n Whether the collection should have drag and drop behavior enabled\n \n @default false\n /\n draggable?: boolean;\n /\n Whether the collection is disabled, or in other words in read only mode\n \n @default false\n /\n disabled?: boolean;\n /\n Whether the collection is readOnly. If true, the collection will not allow adding or removing items\n \n @default false\n /\n readOnly?: boolean;\n /\n Function that determines if the add item button should be enabled given the current items of the collection.\n * The button is always enabled if this props remains undefined\n \n @param values The current items of the collection\n /\n allowAdd?: (values: T[]) => boolean;\n /\n The label of the add item button\n \n @default \"Add item\"\n /\n addLabel?: string;\n /\n The tooltip text displayed when hovering over the disabled add item button\n \n @default 'There is already an empty item'\n /\n addDisabledTooltip?: string;\n /\n The gap between the colleciton items\n \n @default 'xs'\n /\n gap?: MantineSpacing;\n /\n Whether the collection is required. When required is true, the collection will hide the remove button if there is only one item\n \n @default false\n /\n required?: boolean;\n}\n\nexport type CollectionStylesNames = 'root' \| 'item' \| 'items' \| 'itemDragging' \| 'dragHandle';\n\nexport type CollectionFactory = Factory<{\n props: CollectionProps<unknown>;\n ref: HTMLDivElement;\n stylesNames: CollectionStylesNames;\n}>;\n\nconst defaultProps: Partial<CollectionProps<unknown>> = {\n draggable: false,\n addLabel: 'Add item',\n addDisabledTooltip: 'There is already an empty item',\n disabled: false,\n readOnly: false,\n gap: 'md',\n required: false,\n getItemId: ({id}: any) => id,\n};\n\nexport const Collection = <T,>(props: CollectionProps<T> & {ref?: ForwardedRef<HTMLDivElement>}) => {\n const {\n value,\n onChange,\n onRemoveItem,\n onReorderItem,\n onInsertItem,\n disabled,\n readOnly,\n draggable,\n children,\n gap,\n required,\n newItem,\n addLabel,\n addDisabledTooltip,\n allowAdd,\n label,\n labelProps,\n withAsterisk,\n description,\n descriptionProps,\n error,\n errorProps,\n getItemId,\n ref,\n\n // Style props\n style,\n className,\n classNames,\n styles,\n unstyled,\n ...others\n } = useProps('Collection', defaultProps as CollectionProps<T>, props);\n\n const getStyles = useStyles<CollectionFactory>({\n name: 'Collection',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n });\n const sensors = useSensors(\n useSensor(PointerSensor),\n useSensor(KeyboardSensor, {\n coordinateGetter: sortableKeyboardCoordinates,\n }),\n );\n\n const canEdit = !disabled && !readOnly;\n const hasOnlyOneItem = value.length === 1;\n\n /\n Enforcing onChange when the value is modified will make sure the errors are carried through.\n */\n useDidUpdate(() => {\n onChange?.(value);\n }, [JSON.stringify(value)]);\n\n const isRequired = typeof withAsterisk === 'boolean' ? withAsterisk : required;\n const _label = label ? (\n <Input.Label required={isRequired} {...labelProps}>\n {label}\n </Input.Label>\n ) : null;\n\n const _description = description ? (\n <Input.Description {...descriptionProps}>{description}</Input.Description>\n ) : null;\n const _error = error ? <Input.Error {...errorProps}>{error}</Input.Error> : null;\n const _header =\n _label \|\| _description ? (\n <Stack gap=\"xxs\" pb=\"xs\">\n {_label}\n {_description}\n </Stack>\n ) : null;\n\n const standardizedItems = value.map((item, index) => ({id: getItemId?.(item, index) ?? String(index), data: item}));\n\n const items = standardizedItems.map((item, index) => (\n <CollectionItem\n key={item.id}\n id={item.id}\n disabled={!canEdit}\n draggable={draggable}\n onRemove={() => onRemoveItem?.(index)}\n removable={!(isRequired && hasOnlyOneItem)}\n >\n {children(item.data, index)}\n </CollectionItem>\n ));\n\n const addAllowed = allowAdd?.(value) ?? true;\n\n const _addButton = canEdit ? (\n <Box className={classes.addButtonContainer}>\n <Button.Quaternary\n leftSection={<IconPlus size={16} />}\n onClick={() => onInsertItem(newItem, value?.length ?? 0)}\n disabled={!addAllowed}\n disabledTooltip={addDisabledTooltip}\n >\n {addLabel}\n </Button.Quaternary>\n </Box>\n ) : null;\n\n const getIndex = (id: string) => standardizedItems.findIndex((item) => item.id === id);\n\n const handleDragEnd = ({over, active}: DragEndEvent): void => {\n if (over) {\n const activeIndex = getIndex(String(active.id));\n const overIndex = getIndex(String(over.id));\n if (activeIndex !== overIndex) {\n onReorderItem?.({from: activeIndex, to: overIndex});\n }\n }\n };\n\n return (\n <CollectionProvider value={{getStyles}}>\n <DndContext\n onDragEnd={handleDragEnd}\n sensors={sensors}\n modifiers={[restrictToVerticalAxis, restrictToParentElement]}\n >\n <SortableContext items={standardizedItems} strategy={verticalListSortingStrategy}>\n <Box ref={ref} {...others} {...getStyles('root')}>\n {_header}\n <Stack gap={gap} {...getStyles('items')}>\n {items}\n {_addButton}\n {_error}\n </Stack>\n </Box>\n </SortableContext>\n </DndContext>\n </CollectionProvider>\n );\n};\n\nCollection.extend = identity as CustomComponentThemeExtend<CollectionFactory>;\n"],"names":["IconPlus","DndContext","KeyboardSensor","PointerSensor","useSensor","useSensors","restrictToParentElement","restrictToVerticalAxis","SortableContext","sortableKeyboardCoordinates","verticalListSortingStrategy","Box","Input","Stack","useProps","useStyles","useDidUpdate","identity","Button","classes","CollectionProvider","CollectionItem","defaultProps","draggable","addLabel","addDisabledTooltip","disabled","readOnly","gap","required","getItemId","id","Collection","props","value","onChange","onRemoveItem","onReorderItem","onInsertItem","children","newItem","allowAdd","label","labelProps","withAsterisk","description","descriptionProps","error","errorProps","ref","style","className","classNames","styles","unstyled","others","getStyles","name","sensors","coordinateGetter","canEdit","hasOnlyOneItem","length","JSON","stringify","isRequired","_label","Label","_description","Description","_error","Error","_header","pb","standardizedItems","map","item","index","String","data","items","onRemove","removable","addAllowed","_addButton","addButtonContainer","Quaternary","leftSection","size","onClick","disabledTooltip","getIndex","findIndex","handleDragEnd","over","active","activeIndex","overIndex","from","to","onDragEnd","modifiers","strategy","extend"],"mappings":"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"}

package/dist/esm/components/collection/CollectionItem.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { DragAndDropSize24Px, IconTrash } from '@coveord/plasma-react-icons';
 import { useSortable } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';
 import { Group, useProps } from '@mantine/core';
-import { ActionIcon } from '../action-icon/index.js';
+import { ActionIcon } from '../action-icon/ActionIcon.js';
 import { useCollectionContext } from './CollectionContext.js';
 const defaultProps = {
     removable: true,

package/dist/esm/components/collection/CollectionItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/collection/CollectionItem.tsx"],"sourcesContent":["import {DragAndDropSize24Px, IconTrash} from '@coveord/plasma-react-icons';\nimport {useSortable} from '@dnd-kit/sortable';\nimport {CSS} from '@dnd-kit/utilities';\nimport {Group, GroupProps, useProps} from '@mantine/core';\nimport {FunctionComponent, PropsWithChildren} from 'react';\n\nimport {ActionIcon} from '../action-icon/~~index~~.js';\nimport {useCollectionContext} from './CollectionContext.js';\n\ninterface CollectionItemProps extends CollectionItemSharedProps {\n draggable?: boolean;\n disabled: boolean;\n}\n\ninterface CollectionItemSharedProps extends GroupProps {\n id: string;\n onRemove?: React.MouseEventHandler<HTMLButtonElement>;\n removable?: boolean;\n}\n\nconst defaultProps: Partial<CollectionItemSharedProps> = {\n removable: true,\n gap: 'sm',\n};\n\nconst RemoveButton: FunctionComponent<{\n onClick: React.MouseEventHandler<HTMLButtonElement>;\n}> = ({onClick}) => (\n <ActionIcon.Quaternary style={{alignSelf: 'center'}} onClick={onClick}>\n <IconTrash aria-label=\"Remove\" size={16} />\n </ActionIcon.Quaternary>\n);\n\nconst RemoveButtonPlaceholder = () => <div style={{width: 28}} />;\n\nconst StaticCollectionItem: FunctionComponent<PropsWithChildren<CollectionItemSharedProps>> = (props) => {\n const {\n children,\n removable,\n onRemove,\n id,\n\n // Style props\n style,\n className,\n classNames,\n styles,\n ...others\n } = useProps('CollectionItem', defaultProps, props);\n const ctx = useCollectionContext();\n const removeButton = removable && onRemove ? <RemoveButton onClick={onRemove} /> : <RemoveButtonPlaceholder />;\n\n return (\n <Group\n data-testid={`item-${id}`}\n {...ctx.getStyles('item', {style, className, classNames, styles})}\n {...others}\n >\n {children}\n {removeButton}\n </Group>\n );\n};\n\nconst DisabledCollectionItem: FunctionComponent<PropsWithChildren<CollectionItemSharedProps>> = (props) => {\n const ctx = useCollectionContext();\n const {\n children,\n id,\n\n // Style props\n style,\n className,\n classNames,\n styles,\n ...others\n } = useProps('CollectionItem', defaultProps, props);\n return (\n <Group\n data-testid={`item-${id}`}\n {...ctx.getStyles('item', {style, className, classNames, styles})}\n {...others}\n >\n {children}\n </Group>\n );\n};\n\nconst DraggableCollectionItem: FunctionComponent<PropsWithChildren<CollectionItemSharedProps>> = (props) => {\n const ctx = useCollectionContext();\n const {\n children,\n removable,\n onRemove,\n id,\n\n // Style props\n className,\n classNames,\n styles,\n ...others\n } = useProps('CollectionItem', defaultProps, props);\n const removeButton = removable && onRemove ? <RemoveButton onClick={onRemove} /> : null;\n const {attributes, listeners, setNodeRef, transform, transition, isDragging, setActivatorNodeRef} = useSortable({\n id,\n });\n\n return (\n <Group\n data-testid={`item-${id}`}\n ref={setNodeRef}\n {...ctx.getStyles('item', {\n style: transform\n ? {\n transform: CSS.Transform.toString(transform),\n transition,\n }\n : undefined,\n className,\n classNames,\n styles,\n })}\n data-isdragging={isDragging}\n {...others}\n >\n <div ref={setActivatorNodeRef} {...listeners} {...attributes} {...ctx.getStyles('dragHandle')}>\n <DragAndDropSize24Px height={16} />\n </div>\n {children}\n {removeButton}\n </Group>\n );\n};\n\nexport const CollectionItem: FunctionComponent<PropsWithChildren<CollectionItemProps>> = ({\n draggable,\n disabled,\n ...otherProps\n}) => {\n if (disabled) {\n return <DisabledCollectionItem {...otherProps} />;\n }\n if (draggable) {\n return <DraggableCollectionItem {...otherProps} />;\n }\n return <StaticCollectionItem {...otherProps} />;\n};\n"],"names":["DragAndDropSize24Px","IconTrash","useSortable","CSS","Group","useProps","ActionIcon","useCollectionContext","defaultProps","removable","gap","RemoveButton","onClick","Quaternary","style","alignSelf","aria-label","size","RemoveButtonPlaceholder","div","width","StaticCollectionItem","props","children","onRemove","id","className","classNames","styles","others","ctx","removeButton","data-testid","getStyles","DisabledCollectionItem","DraggableCollectionItem","attributes","listeners","setNodeRef","transform","transition","isDragging","setActivatorNodeRef","ref","Transform","toString","undefined","data-isdragging","height","CollectionItem","draggable","disabled","otherProps"],"mappings":";AAAA,SAAQA,mBAAmB,EAAEC,SAAS,QAAO,8BAA8B;AAC3E,SAAQC,WAAW,QAAO,oBAAoB;AAC9C,SAAQC,GAAG,QAAO,qBAAqB;AACvC,SAAQC,KAAK,EAAcC,QAAQ,QAAO,gBAAgB;AAG1D,SAAQC,UAAU,QAAO~~,0BAA0B~~;~~AACnD~~,SAAQC,oBAAoB,QAAO,yBAAyB;AAa5D,MAAMC,eAAmD;IACrDC,WAAW;IACXC,KAAK;AACT;AAEA,MAAMC,eAED,CAAC,EAACC,OAAO,EAAC,iBACX,KAACN,WAAWO,UAAU;QAACC,OAAO;YAACC,WAAW;QAAQ;QAAGH,SAASA;kBAC1D,cAAA,KAACX;YAAUe,cAAW;YAASC,MAAM;;;AAI7C,MAAMC,0BAA0B,kBAAM,KAACC;QAAIL,OAAO;YAACM,OAAO;QAAE;;AAE5D,MAAMC,uBAAwF,CAACC;IAC3F,MAAM,EACFC,QAAQ,EACRd,SAAS,EACTe,QAAQ,EACRC,EAAE,EAEF,cAAc;IACdX,KAAK,EACLY,SAAS,EACTC,UAAU,EACVC,MAAM,EACN,GAAGC,QACN,GAAGxB,SAAS,kBAAkBG,cAAcc;IAC7C,MAAMQ,MAAMvB;IACZ,MAAMwB,eAAetB,aAAae,yBAAW,KAACb;QAAaC,SAASY;uBAAe,KAACN;IAEpF,qBACI,MAACd;QACG4B,eAAa,CAAC,KAAK,EAAEP,IAAI;QACxB,GAAGK,IAAIG,SAAS,CAAC,QAAQ;YAACnB;YAAOY;YAAWC;YAAYC;QAAM,EAAE;QAChE,GAAGC,MAAM;;YAETN;YACAQ;;;AAGb;AAEA,MAAMG,yBAA0F,CAACZ;IAC7F,MAAMQ,MAAMvB;IACZ,MAAM,EACFgB,QAAQ,EACRE,EAAE,EAEF,cAAc;IACdX,KAAK,EACLY,SAAS,EACTC,UAAU,EACVC,MAAM,EACN,GAAGC,QACN,GAAGxB,SAAS,kBAAkBG,cAAcc;IAC7C,qBACI,KAAClB;QACG4B,eAAa,CAAC,KAAK,EAAEP,IAAI;QACxB,GAAGK,IAAIG,SAAS,CAAC,QAAQ;YAACnB;YAAOY;YAAWC;YAAYC;QAAM,EAAE;QAChE,GAAGC,MAAM;kBAETN;;AAGb;AAEA,MAAMY,0BAA2F,CAACb;IAC9F,MAAMQ,MAAMvB;IACZ,MAAM,EACFgB,QAAQ,EACRd,SAAS,EACTe,QAAQ,EACRC,EAAE,EAEF,cAAc;IACdC,SAAS,EACTC,UAAU,EACVC,MAAM,EACN,GAAGC,QACN,GAAGxB,SAAS,kBAAkBG,cAAcc;IAC7C,MAAMS,eAAetB,aAAae,yBAAW,KAACb;QAAaC,SAASY;SAAe;IACnF,MAAM,EAACY,UAAU,EAAEC,SAAS,EAAEC,UAAU,EAAEC,SAAS,EAAEC,UAAU,EAAEC,UAAU,EAAEC,mBAAmB,EAAC,GAAGxC,YAAY;QAC5GuB;IACJ;IAEA,qBACI,MAACrB;QACG4B,eAAa,CAAC,KAAK,EAAEP,IAAI;QACzBkB,KAAKL;QACJ,GAAGR,IAAIG,SAAS,CAAC,QAAQ;YACtBnB,OAAOyB,YACD;gBACIA,WAAWpC,IAAIyC,SAAS,CAACC,QAAQ,CAACN;gBAClCC;YACJ,IACAM;YACNpB;YACAC;YACAC;QACJ,EAAE;QACFmB,mBAAiBN;QAChB,GAAGZ,MAAM;;0BAEV,KAACV;gBAAIwB,KAAKD;gBAAsB,GAAGL,SAAS;gBAAG,GAAGD,UAAU;gBAAG,GAAGN,IAAIG,SAAS,CAAC,aAAa;0BACzF,cAAA,KAACjC;oBAAoBgD,QAAQ;;;YAEhCzB;YACAQ;;;AAGb;AAEA,OAAO,MAAMkB,iBAA4E,CAAC,EACtFC,SAAS,EACTC,QAAQ,EACR,GAAGC,YACN;IACG,IAAID,UAAU;QACV,qBAAO,KAACjB;YAAwB,GAAGkB,UAAU;;IACjD;IACA,IAAIF,WAAW;QACX,qBAAO,KAACf;YAAyB,GAAGiB,UAAU;;IAClD;IACA,qBAAO,KAAC/B;QAAsB,GAAG+B,UAAU;;AAC/C,EAAE"}
1	+ {"version":3,"sources":["../../../../src/components/collection/CollectionItem.tsx"],"sourcesContent":["import {DragAndDropSize24Px, IconTrash} from '@coveord/plasma-react-icons';\nimport {useSortable} from '@dnd-kit/sortable';\nimport {CSS} from '@dnd-kit/utilities';\nimport {Group, GroupProps, useProps} from '@mantine/core';\nimport {FunctionComponent, PropsWithChildren} from 'react';\n\nimport {ActionIcon} from '../action-icon/ActionIcon.js';\nimport {useCollectionContext} from './CollectionContext.js';\n\ninterface CollectionItemProps extends CollectionItemSharedProps {\n draggable?: boolean;\n disabled: boolean;\n}\n\ninterface CollectionItemSharedProps extends GroupProps {\n id: string;\n onRemove?: React.MouseEventHandler<HTMLButtonElement>;\n removable?: boolean;\n}\n\nconst defaultProps: Partial<CollectionItemSharedProps> = {\n removable: true,\n gap: 'sm',\n};\n\nconst RemoveButton: FunctionComponent<{\n onClick: React.MouseEventHandler<HTMLButtonElement>;\n}> = ({onClick}) => (\n <ActionIcon.Quaternary style={{alignSelf: 'center'}} onClick={onClick}>\n <IconTrash aria-label=\"Remove\" size={16} />\n </ActionIcon.Quaternary>\n);\n\nconst RemoveButtonPlaceholder = () => <div style={{width: 28}} />;\n\nconst StaticCollectionItem: FunctionComponent<PropsWithChildren<CollectionItemSharedProps>> = (props) => {\n const {\n children,\n removable,\n onRemove,\n id,\n\n // Style props\n style,\n className,\n classNames,\n styles,\n ...others\n } = useProps('CollectionItem', defaultProps, props);\n const ctx = useCollectionContext();\n const removeButton = removable && onRemove ? <RemoveButton onClick={onRemove} /> : <RemoveButtonPlaceholder />;\n\n return (\n <Group\n data-testid={`item-${id}`}\n {...ctx.getStyles('item', {style, className, classNames, styles})}\n {...others}\n >\n {children}\n {removeButton}\n </Group>\n );\n};\n\nconst DisabledCollectionItem: FunctionComponent<PropsWithChildren<CollectionItemSharedProps>> = (props) => {\n const ctx = useCollectionContext();\n const {\n children,\n id,\n\n // Style props\n style,\n className,\n classNames,\n styles,\n ...others\n } = useProps('CollectionItem', defaultProps, props);\n return (\n <Group\n data-testid={`item-${id}`}\n {...ctx.getStyles('item', {style, className, classNames, styles})}\n {...others}\n >\n {children}\n </Group>\n );\n};\n\nconst DraggableCollectionItem: FunctionComponent<PropsWithChildren<CollectionItemSharedProps>> = (props) => {\n const ctx = useCollectionContext();\n const {\n children,\n removable,\n onRemove,\n id,\n\n // Style props\n className,\n classNames,\n styles,\n ...others\n } = useProps('CollectionItem', defaultProps, props);\n const removeButton = removable && onRemove ? <RemoveButton onClick={onRemove} /> : null;\n const {attributes, listeners, setNodeRef, transform, transition, isDragging, setActivatorNodeRef} = useSortable({\n id,\n });\n\n return (\n <Group\n data-testid={`item-${id}`}\n ref={setNodeRef}\n {...ctx.getStyles('item', {\n style: transform\n ? {\n transform: CSS.Transform.toString(transform),\n transition,\n }\n : undefined,\n className,\n classNames,\n styles,\n })}\n data-isdragging={isDragging}\n {...others}\n >\n <div ref={setActivatorNodeRef} {...listeners} {...attributes} {...ctx.getStyles('dragHandle')}>\n <DragAndDropSize24Px height={16} />\n </div>\n {children}\n {removeButton}\n </Group>\n );\n};\n\nexport const CollectionItem: FunctionComponent<PropsWithChildren<CollectionItemProps>> = ({\n draggable,\n disabled,\n ...otherProps\n}) => {\n if (disabled) {\n return <DisabledCollectionItem {...otherProps} />;\n }\n if (draggable) {\n return <DraggableCollectionItem {...otherProps} />;\n }\n return <StaticCollectionItem {...otherProps} />;\n};\n"],"names":["DragAndDropSize24Px","IconTrash","useSortable","CSS","Group","useProps","ActionIcon","useCollectionContext","defaultProps","removable","gap","RemoveButton","onClick","Quaternary","style","alignSelf","aria-label","size","RemoveButtonPlaceholder","div","width","StaticCollectionItem","props","children","onRemove","id","className","classNames","styles","others","ctx","removeButton","data-testid","getStyles","DisabledCollectionItem","DraggableCollectionItem","attributes","listeners","setNodeRef","transform","transition","isDragging","setActivatorNodeRef","ref","Transform","toString","undefined","data-isdragging","height","CollectionItem","draggable","disabled","otherProps"],"mappings":"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"}

package/dist/esm/components/copyToClipboard/CopyToClipboard.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { IconClipboardCheck, IconClipboardText } from '@coveord/plasma-react-icons';
 import { CopyButton, TextInput, Tooltip } from '@mantine/core';
-import { ActionIcon } from '../action-icon/index.js';
+import { ActionIcon } from '../action-icon/ActionIcon.js';
 const CopyToClipboardButton = ({ value, onCopy, color, tooltipLabelCopy = 'Copy to clipboard', tooltipLabelCopied = 'Copied', ...others })=>/*#__PURE__*/ _jsx(CopyButton, {
         value: value,
         timeout: 2000,