@coveord/plasma-mantine 59.7.1 → 59.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.turbo/turbo-build.log +3 -3
- package/.turbo/turbo-test.log +101 -100
- package/dist/.tsbuildinfo +1 -1
- package/dist/cjs/components/Badge/Badge.js +2 -2
- package/dist/cjs/components/Badge/Badge.js.map +1 -1
- package/dist/cjs/components/BrowserPreview/BrowserPreview.d.ts +4 -1
- package/dist/cjs/components/BrowserPreview/BrowserPreview.d.ts.map +1 -1
- package/dist/cjs/components/BrowserPreview/BrowserPreview.js +14 -27
- package/dist/cjs/components/BrowserPreview/BrowserPreview.js.map +1 -1
- package/dist/cjs/components/Chip/Chip.d.ts +1 -11
- package/dist/cjs/components/Chip/Chip.d.ts.map +1 -1
- package/dist/cjs/components/Chip/Chip.js +16 -22
- package/dist/cjs/components/Chip/Chip.js.map +1 -1
- package/dist/cjs/components/DateRangePicker/DateRangePicker.d.ts +1 -1
- package/dist/cjs/components/DateRangePicker/DateRangePicker.d.ts.map +1 -1
- package/dist/cjs/components/DateRangePicker/DateRangePicker.js +2 -2
- package/dist/cjs/components/DateRangePicker/DateRangePicker.js.map +1 -1
- package/dist/cjs/components/DateRangePicker/EditableDateRangePicker.d.ts +1 -1
- package/dist/cjs/components/DateRangePicker/EditableDateRangePicker.d.ts.map +1 -1
- package/dist/cjs/components/DateRangePicker/EditableDateRangePicker.js.map +1 -1
- package/dist/cjs/components/PrerequisitesList/PrerequisitesList.d.ts +30 -0
- package/dist/cjs/components/PrerequisitesList/PrerequisitesList.d.ts.map +1 -0
- package/dist/cjs/components/PrerequisitesList/PrerequisitesList.js +62 -0
- package/dist/cjs/components/PrerequisitesList/PrerequisitesList.js.map +1 -0
- package/dist/cjs/components/PrerequisitesList/PrerequisitesList.module.css +16 -0
- package/dist/cjs/components/PrerequisitesList/PrerequisitesListContext.d.ts +11 -0
- package/dist/cjs/components/PrerequisitesList/PrerequisitesListContext.d.ts.map +1 -0
- package/dist/cjs/components/PrerequisitesList/PrerequisitesListContext.js +24 -0
- package/dist/cjs/components/PrerequisitesList/PrerequisitesListContext.js.map +1 -0
- package/dist/cjs/components/PrerequisitesList/PrerequisitesListIcon.d.ts +9 -0
- package/dist/cjs/components/PrerequisitesList/PrerequisitesListIcon.d.ts.map +1 -0
- package/dist/cjs/components/PrerequisitesList/PrerequisitesListIcon.js +52 -0
- package/dist/cjs/components/PrerequisitesList/PrerequisitesListIcon.js.map +1 -0
- package/dist/cjs/components/PrerequisitesList/PrerequisitesListItem.d.ts +23 -0
- package/dist/cjs/components/PrerequisitesList/PrerequisitesListItem.d.ts.map +1 -0
- package/dist/cjs/components/PrerequisitesList/PrerequisitesListItem.js +55 -0
- package/dist/cjs/components/PrerequisitesList/PrerequisitesListItem.js.map +1 -0
- package/dist/cjs/components/RadioCard/RadioCard.js +1 -1
- package/dist/cjs/components/RadioCard/RadioCard.js.map +1 -1
- package/dist/cjs/components/Table/table-columns-selector/TableColumnsSelector.js +1 -1
- package/dist/cjs/components/Table/table-columns-selector/TableColumnsSelector.js.map +1 -1
- package/dist/cjs/index.d.ts +1 -0
- package/dist/cjs/index.d.ts.map +1 -1
- package/dist/cjs/index.js +1 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/styles/Chip.module.css +13 -6
- package/dist/cjs/styles/NavLink.module.css +1 -1
- package/dist/cjs/styles/Pagination.module.css +2 -2
- package/dist/cjs/styles/Slider.module.css +1 -1
- package/dist/cjs/theme/Theme.d.ts.map +1 -1
- package/dist/cjs/theme/Theme.js +5 -2
- package/dist/cjs/theme/Theme.js.map +1 -1
- package/dist/esm/components/Badge/Badge.js +2 -2
- package/dist/esm/components/Badge/Badge.js.map +1 -1
- package/dist/esm/components/BrowserPreview/BrowserPreview.d.ts +4 -1
- package/dist/esm/components/BrowserPreview/BrowserPreview.d.ts.map +1 -1
- package/dist/esm/components/BrowserPreview/BrowserPreview.js +14 -27
- package/dist/esm/components/BrowserPreview/BrowserPreview.js.map +1 -1
- package/dist/esm/components/Chip/Chip.d.ts +1 -11
- package/dist/esm/components/Chip/Chip.d.ts.map +1 -1
- package/dist/esm/components/Chip/Chip.js +3 -7
- package/dist/esm/components/Chip/Chip.js.map +1 -1
- package/dist/esm/components/DateRangePicker/DateRangePicker.d.ts +1 -1
- package/dist/esm/components/DateRangePicker/DateRangePicker.d.ts.map +1 -1
- package/dist/esm/components/DateRangePicker/DateRangePicker.js +2 -2
- package/dist/esm/components/DateRangePicker/DateRangePicker.js.map +1 -1
- package/dist/esm/components/DateRangePicker/EditableDateRangePicker.d.ts +1 -1
- package/dist/esm/components/DateRangePicker/EditableDateRangePicker.d.ts.map +1 -1
- package/dist/esm/components/DateRangePicker/EditableDateRangePicker.js.map +1 -1
- package/dist/esm/components/PrerequisitesList/PrerequisitesList.d.ts +30 -0
- package/dist/esm/components/PrerequisitesList/PrerequisitesList.d.ts.map +1 -0
- package/dist/esm/components/PrerequisitesList/PrerequisitesList.js +40 -0
- package/dist/esm/components/PrerequisitesList/PrerequisitesList.js.map +1 -0
- package/dist/esm/components/PrerequisitesList/PrerequisitesList.module.css +16 -0
- package/dist/esm/components/PrerequisitesList/PrerequisitesListContext.d.ts +11 -0
- package/dist/esm/components/PrerequisitesList/PrerequisitesListContext.d.ts.map +1 -0
- package/dist/esm/components/PrerequisitesList/PrerequisitesListContext.js +4 -0
- package/dist/esm/components/PrerequisitesList/PrerequisitesListContext.js.map +1 -0
- package/dist/esm/components/PrerequisitesList/PrerequisitesListIcon.d.ts +9 -0
- package/dist/esm/components/PrerequisitesList/PrerequisitesListIcon.d.ts.map +1 -0
- package/dist/esm/components/PrerequisitesList/PrerequisitesListIcon.js +36 -0
- package/dist/esm/components/PrerequisitesList/PrerequisitesListIcon.js.map +1 -0
- package/dist/esm/components/PrerequisitesList/PrerequisitesListItem.d.ts +23 -0
- package/dist/esm/components/PrerequisitesList/PrerequisitesListItem.d.ts.map +1 -0
- package/dist/esm/components/PrerequisitesList/PrerequisitesListItem.js +35 -0
- package/dist/esm/components/PrerequisitesList/PrerequisitesListItem.js.map +1 -0
- package/dist/esm/components/RadioCard/RadioCard.js +1 -1
- package/dist/esm/components/RadioCard/RadioCard.js.map +1 -1
- package/dist/esm/components/Table/table-columns-selector/TableColumnsSelector.js +1 -1
- package/dist/esm/components/Table/table-columns-selector/TableColumnsSelector.js.map +1 -1
- package/dist/esm/index.d.ts +1 -0
- package/dist/esm/index.d.ts.map +1 -1
- package/dist/esm/index.js +2 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/styles/Chip.module.css +13 -6
- package/dist/esm/styles/NavLink.module.css +1 -1
- package/dist/esm/styles/Pagination.module.css +2 -2
- package/dist/esm/styles/Slider.module.css +1 -1
- package/dist/esm/theme/Theme.d.ts.map +1 -1
- package/dist/esm/theme/Theme.js +5 -2
- package/dist/esm/theme/Theme.js.map +1 -1
- package/package.json +3 -3
- package/src/components/Badge/Badge.tsx +2 -2
- package/src/components/BrowserPreview/BrowserPreview.tsx +11 -16
- package/src/components/BrowserPreview/__tests__/BrowserPreview.spec.tsx +3 -3
- package/src/components/Chip/Chip.tsx +3 -3
- package/src/components/DateRangePicker/DateRangePicker.tsx +2 -2
- package/src/components/DateRangePicker/EditableDateRangePicker.tsx +1 -1
- package/src/components/PrerequisitesList/PrerequisitesList.module.css +16 -0
- package/src/components/PrerequisitesList/PrerequisitesList.tsx +60 -0
- package/src/components/PrerequisitesList/PrerequisitesListContext.tsx +10 -0
- package/src/components/PrerequisitesList/PrerequisitesListIcon.tsx +36 -0
- package/src/components/PrerequisitesList/PrerequisitesListItem.tsx +48 -0
- package/src/components/PrerequisitesList/__tests__/PrerequisitesList.spec.tsx +24 -0
- package/src/components/RadioCard/RadioCard.tsx +1 -1
- package/src/components/Table/table-columns-selector/TableColumnsSelector.tsx +1 -1
- package/src/index.ts +3 -0
- package/src/styles/Chip.module.css +13 -6
- package/src/styles/NavLink.module.css +1 -1
- package/src/styles/Pagination.module.css +2 -2
- package/src/styles/Slider.module.css +1 -1
- package/src/theme/Theme.tsx +4 -1
|
@@ -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 ComboboxChevron,\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/CheckboxIcon/CheckboxIcon.js';\nimport {CircleLoader} from '../components/CircleLoader/CircleLoader.js';\nimport {InfoToken} from '../components/InfoToken/InfoToken.js';\nimport {PlasmaComboboxChevron} from '../components/Combobox/PlasmaComboboxChevron.js';\nimport AccordionClasses from '../styles/Accordion.module.css';\nimport ActionIconClasses from '../styles/ActionIcon.module.css';\nimport AlertClasses from '../styles/Alert.module.css';\nimport AppShellClasses from '../styles/AppShell.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 CloseButtonClasses from '../styles/CloseButton.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: 'md',\n },\n classNames: ActionIconClasses,\n }),\n AppShell: AppShell.extend({\n classNames: AppShellClasses,\n defaultProps: {\n header: {height: 60},\n navbar: {width: 240, breakpoint: 0},\n layout: 'alt',\n withBorder: false,\n },\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.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={20} 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 classNames: CloseButtonClasses,\n }),\n ColorSwatch: ColorSwatch.extend({\n defaultProps: {\n size: 8,\n withShadow: false,\n },\n }),\n Combobox: Combobox.extend({\n classNames: ComboboxClasses,\n }),\n ComboboxChevron: ComboboxChevron.extend({\n defaultProps: {\n component: PlasmaComboboxChevron,\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 defaultProps: {\n firstDayOfWeek: 0,\n },\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: 'md',\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 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 },\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","AppShellClasses","header","height","navbar","width","breakpoint","layout","withBorder","vars","theme","root","Alert","icon","InfoToken","Advice","p","AlertClasses","Badge","BadgeClasses","variant","tt","Breadcrumbs","BreadcrumbsClasses","separator","IconSlash","separatorMargin","Button","ButtonClasses","Card","shadow","padding","CardClasses","Checkbox","CheckboxIcon","props","readOnly","disabled","deepMerge","CheckboxClasses","ReadOnlyStateClasses","CheckboxIndicator","Indicator","CheckboxIndicatorClasses","Chip","IconCheck","ChipClasses","CloseButton","CrossSize16Px","aria-label","CloseButtonClasses","ColorSwatch","withShadow","Combobox","ComboboxClasses","ComboboxChevron","component","PlasmaComboboxChevron","ComboboxSearch","placeholder","rightSection","FilterSize16Px","DateInput","miw","leftSection","IconCalendarWeek","DatePicker","firstDayOfWeek","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","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 ComboboxChevron,\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/CheckboxIcon/CheckboxIcon.js';\nimport {CircleLoader} from '../components/CircleLoader/CircleLoader.js';\nimport {InfoToken} from '../components/InfoToken/InfoToken.js';\nimport {PlasmaComboboxChevron} from '../components/Combobox/PlasmaComboboxChevron.js';\nimport AccordionClasses from '../styles/Accordion.module.css';\nimport ActionIconClasses from '../styles/ActionIcon.module.css';\nimport AlertClasses from '../styles/Alert.module.css';\nimport AppShellClasses from '../styles/AppShell.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 CloseButtonClasses from '../styles/CloseButton.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: 'md',\n },\n classNames: ActionIconClasses,\n }),\n AppShell: AppShell.extend({\n classNames: AppShellClasses,\n defaultProps: {\n header: {height: 60},\n navbar: {width: 240, breakpoint: 0},\n layout: 'alt',\n withBorder: false,\n },\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.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={20} 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=\"var(--chip-icon-size)\" />,\n },\n classNames: ChipClasses,\n }),\n CloseButton: CloseButton.extend({\n defaultProps: {\n icon: <CrossSize16Px height={16} aria-label=\"close\" />,\n },\n classNames: CloseButtonClasses,\n }),\n ColorSwatch: ColorSwatch.extend({\n defaultProps: {\n size: 8,\n withShadow: false,\n },\n }),\n Combobox: Combobox.extend({\n classNames: ComboboxClasses,\n }),\n ComboboxChevron: ComboboxChevron.extend({\n defaultProps: {\n component: PlasmaComboboxChevron,\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 defaultProps: {\n firstDayOfWeek: 0,\n },\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 defaultProps: {\n size: 'sm',\n },\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: 'md',\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 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 },\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","AppShellClasses","header","height","navbar","width","breakpoint","layout","withBorder","vars","theme","root","Alert","icon","InfoToken","Advice","p","AlertClasses","Badge","BadgeClasses","variant","tt","Breadcrumbs","BreadcrumbsClasses","separator","IconSlash","separatorMargin","Button","ButtonClasses","Card","shadow","padding","CardClasses","Checkbox","CheckboxIcon","props","readOnly","disabled","deepMerge","CheckboxClasses","ReadOnlyStateClasses","CheckboxIndicator","Indicator","CheckboxIndicatorClasses","Chip","IconCheck","ChipClasses","CloseButton","CrossSize16Px","aria-label","CloseButtonClasses","ColorSwatch","withShadow","Combobox","ComboboxClasses","ComboboxChevron","component","PlasmaComboboxChevron","ComboboxSearch","placeholder","rightSection","FilterSize16Px","DateInput","miw","leftSection","IconCalendarWeek","DatePicker","firstDayOfWeek","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","TooltipClasses","YearPicker","YearPickerClasses"],"mappings":"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"}
|
|
@@ -80,8 +80,8 @@ const BadgeWarning = enhanceBadge(MantineBadge.withProps({
|
|
|
80
80
|
const BadgeDisabled = enhanceBadge(MantineBadge.withProps({
|
|
81
81
|
variant: 'light',
|
|
82
82
|
color: 'gray',
|
|
83
|
-
c: 'var(--
|
|
84
|
-
bg: 'var(--
|
|
83
|
+
c: 'var(--mantine-color-disabled-color)',
|
|
84
|
+
bg: 'var(--mantine-color-disabled)'
|
|
85
85
|
}), MantineBadge.withProps({
|
|
86
86
|
variant: 'light',
|
|
87
87
|
color: 'gray',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import {\n alpha,\n BadgeCssVariables,\n BadgeProps,\n BadgeStylesNames,\n BadgeVariant,\n ElementProps,\n Badge as MantineBadge,\n PolymorphicComponentProps,\n polymorphicFactory,\n PolymorphicFactory,\n useComputedColorScheme,\n} from '@mantine/core';\nimport {forwardRef, ForwardRefExoticComponent, ReactElement, ReactNode, RefAttributes} from 'react';\n\nexport interface SemanticBadgeProps\n extends\n Pick<\n BadgeProps,\n | 'm'\n | 'mt'\n | 'mb'\n | 'ml'\n | 'mr'\n | 'ms'\n | 'me'\n | 'mx'\n | 'my'\n | 'miw'\n | 'maw'\n | 'pos'\n | 'top'\n | 'left'\n | 'right'\n | 'bottom'\n | 'inset'\n | 'display'\n | 'flex'\n | 'leftSection'\n | 'rightSection'\n | 'fullWidth'\n | 'circle'\n >,\n ElementProps<'div'> {\n /**\n * The size of the badge.\n * @default 'small'\n */\n size?: 'small' | 'large';\n /**\n * Whether the badge is displayed over a light or dark background.\n * @default Falls back to theme.\n */\n on?: 'light' | 'dark';\n /**\n * The content of the badge.\n */\n children?: ReactNode;\n}\n\nexport type SemanticBadge = ForwardRefExoticComponent<SemanticBadgeProps & RefAttributes<HTMLDivElement>>;\n\nconst enhanceBadge = (\n ComponentLight: <L = 'div'>(props: PolymorphicComponentProps<L, BadgeProps>) => ReactElement,\n ComponentDark: <L = 'div'>(props: PolymorphicComponentProps<L, BadgeProps>) => ReactElement,\n displayName: string,\n): SemanticBadge => {\n const EnhancedBadge = forwardRef<HTMLDivElement, SemanticBadgeProps>((props, ref) => {\n const computedColorScheme = useComputedColorScheme('light', {getInitialValueInEffect: true});\n const Component = (props.on || computedColorScheme) === 'dark' ? ComponentDark : ComponentLight;\n return (\n <Component\n ref={ref}\n {...props}\n py={2}\n px={12}\n size={props.size === 'large' ? 'lg' : 'md'}\n h={props.size === 'large' ? 22 : 20}\n />\n );\n });\n EnhancedBadge.displayName = displayName;\n return EnhancedBadge;\n};\n\nconst BadgePrimary = enhanceBadge(\n MantineBadge.withProps({\n variant: 'light',\n bd: '1px solid var(--badge-bg)',\n c: 'var(--mantine-primary-color-6)',\n }),\n MantineBadge.withProps({\n variant: 'light',\n bd: `1px solid ${alpha('var(--mantine-primary-color-3)', 0.32)}`,\n c: 'var(--mantine-primary-color-2)',\n bg: alpha('var(--mantine-primary-color-3)', 0.32),\n }),\n 'Badge.Primary',\n);\nconst BadgeSecondary = enhanceBadge(\n MantineBadge.withProps({\n variant: 'light',\n color: 'gray',\n bd: '1px solid var(--badge-bg)',\n c: 'gray.7',\n }),\n MantineBadge.withProps({\n variant: 'light',\n color: 'gray',\n c: 'var(--mantine-color-white)',\n bd: `1px solid ${alpha('var(--mantine-color-gray-3)', 0.16)}`,\n bg: alpha('var(--mantine-color-gray-3)', 0.16),\n }),\n 'Badge.Secondary',\n);\nconst BadgeSuccess = enhanceBadge(\n MantineBadge.withProps({\n variant: 'light',\n color: 'green',\n bd: '1px solid var(--badge-bg)',\n c: 'green.6',\n }),\n MantineBadge.withProps({\n variant: 'light',\n color: 'green',\n c: 'green.2',\n bd: `1px solid ${alpha('var(--mantine-color-green-3)', 0.16)}`,\n bg: alpha('var(--mantine-color-green-3)', 0.16),\n }),\n 'Badge.Success',\n);\nconst BadgeCritical = enhanceBadge(\n MantineBadge.withProps({\n variant: 'light',\n color: 'critical',\n bd: '1px solid var(--badge-bg)',\n c: 'red.6',\n }),\n MantineBadge.withProps({\n variant: 'light',\n color: 'critical',\n c: 'red.2',\n bd: `1px solid ${alpha('var(--mantine-color-red-3)', 0.16)}`,\n bg: alpha('var(--mantine-color-red-3)', 0.16),\n }),\n 'Badge.Critical',\n);\nconst BadgeWarning = enhanceBadge(\n MantineBadge.withProps({\n variant: 'light',\n color: 'warning',\n bd: '1px solid var(--badge-bg)',\n c: 'yellow.6',\n }),\n MantineBadge.withProps({\n variant: 'light',\n color: 'warning',\n c: 'yellow.2',\n bd: `1px solid ${alpha('var(--mantine-color-yellow-3)', 0.16)}`,\n bg: alpha('var(--mantine-color-yellow-3)', 0.16),\n }),\n 'Badge.Warning',\n);\nconst BadgeDisabled = enhanceBadge(\n MantineBadge.withProps({\n variant: 'light',\n color: 'gray',\n c: 'var(--
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import {\n alpha,\n BadgeCssVariables,\n BadgeProps,\n BadgeStylesNames,\n BadgeVariant,\n ElementProps,\n Badge as MantineBadge,\n PolymorphicComponentProps,\n polymorphicFactory,\n PolymorphicFactory,\n useComputedColorScheme,\n} from '@mantine/core';\nimport {forwardRef, ForwardRefExoticComponent, ReactElement, ReactNode, RefAttributes} from 'react';\n\nexport interface SemanticBadgeProps\n extends\n Pick<\n BadgeProps,\n | 'm'\n | 'mt'\n | 'mb'\n | 'ml'\n | 'mr'\n | 'ms'\n | 'me'\n | 'mx'\n | 'my'\n | 'miw'\n | 'maw'\n | 'pos'\n | 'top'\n | 'left'\n | 'right'\n | 'bottom'\n | 'inset'\n | 'display'\n | 'flex'\n | 'leftSection'\n | 'rightSection'\n | 'fullWidth'\n | 'circle'\n >,\n ElementProps<'div'> {\n /**\n * The size of the badge.\n * @default 'small'\n */\n size?: 'small' | 'large';\n /**\n * Whether the badge is displayed over a light or dark background.\n * @default Falls back to theme.\n */\n on?: 'light' | 'dark';\n /**\n * The content of the badge.\n */\n children?: ReactNode;\n}\n\nexport type SemanticBadge = ForwardRefExoticComponent<SemanticBadgeProps & RefAttributes<HTMLDivElement>>;\n\nconst enhanceBadge = (\n ComponentLight: <L = 'div'>(props: PolymorphicComponentProps<L, BadgeProps>) => ReactElement,\n ComponentDark: <L = 'div'>(props: PolymorphicComponentProps<L, BadgeProps>) => ReactElement,\n displayName: string,\n): SemanticBadge => {\n const EnhancedBadge = forwardRef<HTMLDivElement, SemanticBadgeProps>((props, ref) => {\n const computedColorScheme = useComputedColorScheme('light', {getInitialValueInEffect: true});\n const Component = (props.on || computedColorScheme) === 'dark' ? ComponentDark : ComponentLight;\n return (\n <Component\n ref={ref}\n {...props}\n py={2}\n px={12}\n size={props.size === 'large' ? 'lg' : 'md'}\n h={props.size === 'large' ? 22 : 20}\n />\n );\n });\n EnhancedBadge.displayName = displayName;\n return EnhancedBadge;\n};\n\nconst BadgePrimary = enhanceBadge(\n MantineBadge.withProps({\n variant: 'light',\n bd: '1px solid var(--badge-bg)',\n c: 'var(--mantine-primary-color-6)',\n }),\n MantineBadge.withProps({\n variant: 'light',\n bd: `1px solid ${alpha('var(--mantine-primary-color-3)', 0.32)}`,\n c: 'var(--mantine-primary-color-2)',\n bg: alpha('var(--mantine-primary-color-3)', 0.32),\n }),\n 'Badge.Primary',\n);\nconst BadgeSecondary = enhanceBadge(\n MantineBadge.withProps({\n variant: 'light',\n color: 'gray',\n bd: '1px solid var(--badge-bg)',\n c: 'gray.7',\n }),\n MantineBadge.withProps({\n variant: 'light',\n color: 'gray',\n c: 'var(--mantine-color-white)',\n bd: `1px solid ${alpha('var(--mantine-color-gray-3)', 0.16)}`,\n bg: alpha('var(--mantine-color-gray-3)', 0.16),\n }),\n 'Badge.Secondary',\n);\nconst BadgeSuccess = enhanceBadge(\n MantineBadge.withProps({\n variant: 'light',\n color: 'green',\n bd: '1px solid var(--badge-bg)',\n c: 'green.6',\n }),\n MantineBadge.withProps({\n variant: 'light',\n color: 'green',\n c: 'green.2',\n bd: `1px solid ${alpha('var(--mantine-color-green-3)', 0.16)}`,\n bg: alpha('var(--mantine-color-green-3)', 0.16),\n }),\n 'Badge.Success',\n);\nconst BadgeCritical = enhanceBadge(\n MantineBadge.withProps({\n variant: 'light',\n color: 'critical',\n bd: '1px solid var(--badge-bg)',\n c: 'red.6',\n }),\n MantineBadge.withProps({\n variant: 'light',\n color: 'critical',\n c: 'red.2',\n bd: `1px solid ${alpha('var(--mantine-color-red-3)', 0.16)}`,\n bg: alpha('var(--mantine-color-red-3)', 0.16),\n }),\n 'Badge.Critical',\n);\nconst BadgeWarning = enhanceBadge(\n MantineBadge.withProps({\n variant: 'light',\n color: 'warning',\n bd: '1px solid var(--badge-bg)',\n c: 'yellow.6',\n }),\n MantineBadge.withProps({\n variant: 'light',\n color: 'warning',\n c: 'yellow.2',\n bd: `1px solid ${alpha('var(--mantine-color-yellow-3)', 0.16)}`,\n bg: alpha('var(--mantine-color-yellow-3)', 0.16),\n }),\n 'Badge.Warning',\n);\nconst BadgeDisabled = enhanceBadge(\n MantineBadge.withProps({\n variant: 'light',\n color: 'gray',\n c: 'var(--mantine-color-disabled-color)',\n bg: 'var(--mantine-color-disabled)',\n }),\n MantineBadge.withProps({\n variant: 'light',\n color: 'gray',\n c: 'dark.3',\n bg: alpha('var(--mantine-color-gray-3)', 0.16),\n }),\n 'Badge.Disabled',\n);\n\nexport type BadgeOverloadFactory = PolymorphicFactory<{\n props: BadgeProps;\n defaultRef: HTMLDivElement;\n defaultComponent: 'div';\n stylesNames: BadgeStylesNames;\n vars: BadgeCssVariables;\n variant: BadgeVariant;\n staticComponents: {\n Primary: SemanticBadge;\n Secondary: SemanticBadge;\n Success: SemanticBadge;\n Critical: SemanticBadge;\n Warning: SemanticBadge;\n Disabled: SemanticBadge;\n };\n}>;\n\nexport const Badge = polymorphicFactory<BadgeOverloadFactory>((props, ref) => <MantineBadge ref={ref} {...props} />);\n\nBadge.Primary = BadgePrimary;\nBadge.Secondary = BadgeSecondary;\nBadge.Success = BadgeSuccess;\nBadge.Critical = BadgeCritical;\nBadge.Warning = BadgeWarning;\nBadge.Disabled = BadgeDisabled;\n"],"names":["alpha","Badge","MantineBadge","polymorphicFactory","useComputedColorScheme","forwardRef","enhanceBadge","ComponentLight","ComponentDark","displayName","EnhancedBadge","props","ref","computedColorScheme","getInitialValueInEffect","Component","on","py","px","size","h","BadgePrimary","withProps","variant","bd","c","bg","BadgeSecondary","color","BadgeSuccess","BadgeCritical","BadgeWarning","BadgeDisabled","Primary","Secondary","Success","Critical","Warning","Disabled"],"mappings":"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"}
|
|
@@ -11,5 +11,8 @@ export interface BrowserPreviewProps extends StackProps {
|
|
|
11
11
|
*/
|
|
12
12
|
title?: string;
|
|
13
13
|
}
|
|
14
|
-
export declare const BrowserPreview:
|
|
14
|
+
export declare const BrowserPreview: {
|
|
15
|
+
({ children, headerTooltip, title, className, ...others }: PropsWithChildren<BrowserPreviewProps>): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
displayName: string;
|
|
17
|
+
};
|
|
15
18
|
//# sourceMappingURL=BrowserPreview.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BrowserPreview.d.ts","sourceRoot":"","sources":["../../../../src/components/BrowserPreview/BrowserPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,UAAU,EAAgB,MAAM,eAAe,CAAC;AAE5E,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAIxC,MAAM,WAAW,mBAAoB,SAAQ,UAAU;IACnD;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"BrowserPreview.d.ts","sourceRoot":"","sources":["../../../../src/components/BrowserPreview/BrowserPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,UAAU,EAAgB,MAAM,eAAe,CAAC;AAE5E,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAIxC,MAAM,WAAW,mBAAoB,SAAQ,UAAU;IACnD;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,cAAc;+DAMxB,iBAAiB,CAAC,mBAAmB,CAAC;;CAsBxC,CAAC"}
|
|
@@ -12,47 +12,34 @@ export const BrowserPreview = ({ children, headerTooltip, title, className, ...o
|
|
|
12
12
|
children: [
|
|
13
13
|
/*#__PURE__*/ _jsxs(Group, {
|
|
14
14
|
className: BrowserPreviewClasses.header,
|
|
15
|
-
justify: "space-between",
|
|
16
15
|
p: "sm",
|
|
17
16
|
bg: "var(--mantine-color-default-hover)",
|
|
18
17
|
wrap: "nowrap",
|
|
18
|
+
gap: "xxs",
|
|
19
19
|
children: [
|
|
20
|
-
/*#__PURE__*/
|
|
21
|
-
gap: "xs",
|
|
22
|
-
wrap: "nowrap",
|
|
23
|
-
children: [
|
|
24
|
-
/*#__PURE__*/ _jsx(Text, {
|
|
25
|
-
c: "dimmed",
|
|
26
|
-
fz: "md",
|
|
27
|
-
lh: "18px",
|
|
28
|
-
children: "Preview"
|
|
29
|
-
}),
|
|
30
|
-
!!headerTooltip && /*#__PURE__*/ _jsx(Tooltip, {
|
|
31
|
-
label: headerTooltip,
|
|
32
|
-
position: "right",
|
|
33
|
-
maw: 400,
|
|
34
|
-
children: /*#__PURE__*/ _jsx(InfoToken.Information, {
|
|
35
|
-
className: BrowserPreviewClasses.infoIcon
|
|
36
|
-
})
|
|
37
|
-
})
|
|
38
|
-
]
|
|
39
|
-
}),
|
|
40
|
-
title && /*#__PURE__*/ _jsx(Text, {
|
|
20
|
+
/*#__PURE__*/ _jsx(Text, {
|
|
41
21
|
lineClamp: 1,
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
22
|
+
size: "md",
|
|
23
|
+
children: title || 'Preview'
|
|
24
|
+
}),
|
|
25
|
+
!!headerTooltip && /*#__PURE__*/ _jsx(Tooltip, {
|
|
26
|
+
label: headerTooltip,
|
|
27
|
+
position: "right",
|
|
28
|
+
children: /*#__PURE__*/ _jsx(InfoToken.Question, {
|
|
29
|
+
className: BrowserPreviewClasses.infoIcon
|
|
30
|
+
})
|
|
46
31
|
})
|
|
47
32
|
]
|
|
48
33
|
}),
|
|
49
34
|
/*#__PURE__*/ _jsx(Flex, {
|
|
50
35
|
className: BrowserPreviewClasses.content,
|
|
51
|
-
p: "
|
|
36
|
+
p: "sm",
|
|
52
37
|
direction: "column",
|
|
38
|
+
bg: "var(--mantine-color-body)",
|
|
53
39
|
children: children
|
|
54
40
|
})
|
|
55
41
|
]
|
|
56
42
|
});
|
|
43
|
+
BrowserPreview.displayName = 'BrowserPreview';
|
|
57
44
|
|
|
58
45
|
//# sourceMappingURL=BrowserPreview.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/BrowserPreview/BrowserPreview.tsx"],"sourcesContent":["import {Flex, Group, Stack, StackProps, Text, Tooltip} from '@mantine/core';\nimport cx from 'clsx';\nimport {PropsWithChildren} from 'react';\nimport {InfoToken} from '../InfoToken/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
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/BrowserPreview/BrowserPreview.tsx"],"sourcesContent":["import {Flex, Group, Stack, StackProps, Text, Tooltip} from '@mantine/core';\nimport cx from 'clsx';\nimport {PropsWithChildren} from 'react';\nimport {InfoToken} from '../InfoToken/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 p=\"sm\"\n bg=\"var(--mantine-color-default-hover)\"\n wrap=\"nowrap\"\n gap=\"xxs\"\n >\n <Text lineClamp={1} size=\"md\">\n {title || 'Preview'}\n </Text>\n {!!headerTooltip && (\n <Tooltip label={headerTooltip} position=\"right\">\n <InfoToken.Question className={BrowserPreviewClasses.infoIcon} />\n </Tooltip>\n )}\n </Group>\n <Flex className={BrowserPreviewClasses.content} p=\"sm\" direction=\"column\" bg=\"var(--mantine-color-body)\">\n {children}\n </Flex>\n </Stack>\n);\n\nBrowserPreview.displayName = 'BrowserPreview';\n"],"names":["Flex","Group","Stack","Text","Tooltip","cx","InfoToken","BrowserPreviewClasses","BrowserPreview","children","headerTooltip","title","className","others","root","gap","maw","mih","header","p","bg","wrap","lineClamp","size","label","position","Question","infoIcon","content","direction","displayName"],"mappings":";AAAA,SAAQA,IAAI,EAAEC,KAAK,EAAEC,KAAK,EAAcC,IAAI,EAAEC,OAAO,QAAO,gBAAgB;AAC5E,OAAOC,QAAQ,OAAO;AAEtB,SAAQC,SAAS,QAAO,4BAA4B;AACpD,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,GAAE;gBACFC,IAAG;gBACHC,MAAK;gBACLN,KAAI;;kCAEJ,KAACZ;wBAAKmB,WAAW;wBAAGC,MAAK;kCACpBZ,SAAS;;oBAEb,CAAC,CAACD,+BACC,KAACN;wBAAQoB,OAAOd;wBAAee,UAAS;kCACpC,cAAA,KAACnB,UAAUoB,QAAQ;4BAACd,WAAWL,sBAAsBoB,QAAQ;;;;;0BAIzE,KAAC3B;gBAAKY,WAAWL,sBAAsBqB,OAAO;gBAAET,GAAE;gBAAKU,WAAU;gBAAST,IAAG;0BACxEX;;;OAGX;AAEFD,eAAesB,WAAW,GAAG"}
|
|
@@ -1,12 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
export declare const Chip: import("@mantine/core").MantineComponent<{
|
|
3
|
-
props: import("@mantine/core").ChipProps;
|
|
4
|
-
ref: HTMLInputElement;
|
|
5
|
-
stylesNames: import("@mantine/core").ChipStylesNames;
|
|
6
|
-
vars: import("@mantine/core").ChipCssVariables;
|
|
7
|
-
variant: import("@mantine/core").ChipVariant;
|
|
8
|
-
staticComponents: {
|
|
9
|
-
Group: typeof ChipGroup;
|
|
10
|
-
};
|
|
11
|
-
}>;
|
|
1
|
+
export { Chip, type ChipFactory, ChipGroup, factory } from '@mantine/core';
|
|
12
2
|
//# sourceMappingURL=Chip.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,IAAI,EAAE,KAAK,WAAW,EAAE,SAAS,EAAE,OAAO,EAAC,MAAM,eAAe,CAAC"}
|
|
@@ -1,9 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
export
|
|
4
|
-
...props,
|
|
5
|
-
ref: ref
|
|
6
|
-
}));
|
|
7
|
-
Chip.Group = ChipGroup;
|
|
1
|
+
import { Chip } from '@mantine/core';
|
|
2
|
+
Chip.displayName = 'Chip';
|
|
3
|
+
export { Chip, ChipGroup, factory } from '@mantine/core';
|
|
8
4
|
|
|
9
5
|
//# sourceMappingURL=Chip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import {Chip} from '@mantine/core';\n\nChip.displayName = 'Chip';\n\nexport {Chip, type ChipFactory, ChipGroup, factory} from '@mantine/core';\n"],"names":["Chip","displayName","ChipGroup","factory"],"mappings":"AAAA,SAAQA,IAAI,QAAO,gBAAgB;AAEnCA,KAAKC,WAAW,GAAG;AAEnB,SAAQD,IAAI,EAAoBE,SAAS,EAAEC,OAAO,QAAO,gBAAgB"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { BoxProps, Factory, PopoverProps, StylesApiProps } from '@mantine/core';
|
|
2
2
|
import { DatesRangeValue } from '@mantine/dates';
|
|
3
3
|
import dayjs from 'dayjs';
|
|
4
|
-
import { DateRangePickerInlineCalendarProps } from './DateRangePickerInlineCalendar';
|
|
4
|
+
import { DateRangePickerInlineCalendarProps } from './DateRangePickerInlineCalendar.js';
|
|
5
5
|
export type DateRangePickerStylesNames = 'input';
|
|
6
6
|
export interface DateRangePickerProps extends BoxProps, Pick<DateRangePickerInlineCalendarProps, 'presets' | 'rangeCalendarProps' | 'startProps' | 'endProps'>, Pick<PopoverProps, 'opened' | 'defaultOpened'>, StylesApiProps<DateRangePickerFactory> {
|
|
7
7
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EACH,QAAQ,EAER,OAAO,EAGP,YAAY,EACZ,cAAc,EAGjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,eAAe,EAAkB,MAAM,gBAAgB,CAAC;AAEhE,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAgC,kCAAkC,EAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EACH,QAAQ,EAER,OAAO,EAGP,YAAY,EACZ,cAAc,EAGjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,eAAe,EAAkB,MAAM,gBAAgB,CAAC;AAEhE,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAgC,kCAAkC,EAAC,MAAM,oCAAoC,CAAC;AAgBrH,MAAM,MAAM,0BAA0B,GAAG,OAAO,CAAC;AAEjD,MAAM,WAAW,oBACb,SACI,QAAQ,EACR,IAAI,CAAC,kCAAkC,EAAE,SAAS,GAAG,oBAAoB,GAAG,YAAY,GAAG,UAAU,CAAC,EACtG,IAAI,CAAC,YAAY,EAAE,QAAQ,GAAG,eAAe,CAAC,EAC9C,cAAc,CAAC,sBAAsB,CAAC;IAC1C;;OAEG;IACH,OAAO,CAAC,IAAI,IAAI,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,IAAI,IAAI,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,CAAC,KAAK,EAAE,eAAe,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC;IAChD;;OAEG;IACH,cAAc,CAAC,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI,CAAC;IACvC;;;;OAIG;IACH,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,UAAU,KAAK,MAAM,CAAC;IAC/C;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IACvC;;OAEG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAChC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,MAAM,sBAAsB,GAAG,OAAO,CAAC;IACzC,KAAK,EAAE,oBAAoB,CAAC;IAC5B,GAAG,EAAE,iBAAiB,CAAC;IACvB,WAAW,EAAE,0BAA0B,CAAC;CAC3C,CAAC,CAAC;AAOH,eAAO,MAAM,eAAe;WAVjB,oBAAoB;SACtB,iBAAiB;iBACT,0BAA0B;EA+GzC,CAAC"}
|
|
@@ -3,9 +3,9 @@ import { IconCalendar } from '@coveord/plasma-react-icons';
|
|
|
3
3
|
import { factory, InputBase, Popover, useProps, useStyles } from '@mantine/core';
|
|
4
4
|
import { useUncontrolled } from '@mantine/hooks';
|
|
5
5
|
import dayjs from 'dayjs';
|
|
6
|
-
import { useUrlSyncedState } from '../../hooks/use-url-synced-state';
|
|
6
|
+
import { useUrlSyncedState } from '../../hooks/use-url-synced-state.js';
|
|
7
7
|
import classes from './DateRange.module.css';
|
|
8
|
-
import { DateRangePickerInlineCalendar } from './DateRangePickerInlineCalendar';
|
|
8
|
+
import { DateRangePickerInlineCalendar } from './DateRangePickerInlineCalendar.js';
|
|
9
9
|
const serialization = (input)=>Object.freeze(input);
|
|
10
10
|
const DATE_RANGE_SERIALIZATION = serialization({
|
|
11
11
|
serializer: ([from, to])=>[
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["import {IconCalendar} from '@coveord/plasma-react-icons';\nimport {\n BoxProps,\n factory,\n Factory,\n InputBase,\n Popover,\n PopoverProps,\n StylesApiProps,\n useProps,\n useStyles,\n} from '@mantine/core';\nimport {DatesRangeValue, DateStringValue} from '@mantine/dates';\nimport {useUncontrolled} from '@mantine/hooks';\nimport dayjs from 'dayjs';\nimport {useUrlSyncedState, UseUrlSyncedStateOptions} from '../../hooks/use-url-synced-state';\nimport classes from './DateRange.module.css';\nimport {DateRangePickerInlineCalendar, DateRangePickerInlineCalendarProps} from './DateRangePickerInlineCalendar';\n\nconst serialization = (input: Pick<UseUrlSyncedStateOptions<DatesRangeValue<string>>, 'serializer' | 'deserializer'>) =>\n Object.freeze(input);\n\nconst DATE_RANGE_SERIALIZATION = serialization({\n serializer: ([from, to]) => [\n ['from', from ? new Date(from).toISOString() : '', true],\n ['to', to ? new Date(to).toISOString() : '', true],\n ],\n deserializer: (params, initial) => [\n params.get('from') ? params.get('from') : initial[0],\n params.get('to') ? params.get('to') : initial[1],\n ],\n});\n\nexport type DateRangePickerStylesNames = 'input';\n\nexport interface DateRangePickerProps\n extends\n BoxProps,\n Pick<DateRangePickerInlineCalendarProps, 'presets' | 'rangeCalendarProps' | 'startProps' | 'endProps'>,\n Pick<PopoverProps, 'opened' | 'defaultOpened'>,\n StylesApiProps<DateRangePickerFactory> {\n /**\n * Called when the target input is clicked\n */\n onClick?(): void;\n /**\n * Function called when the cancel button is clicked.\n */\n onCancel?(): void;\n /**\n * Function called when the date range value changes.\n */\n onChange?(dates: DatesRangeValue<string>): void;\n /**\n * Called when the popover opened state changes.\n */\n onOpenedChange?(opened: boolean): void;\n /**\n * Optional formatter function to format the date value.\n * Receives the date prop and should return a string.\n * @default (time) => dayjs(time).format('MMM D, YYYY')\n */\n formatter?: (time: dayjs.ConfigType) => string;\n /**\n * The placeholder label to display when no date range is selected.\n *\n * @default \"Select date range\"\n */\n placeholder?: string;\n /**\n * Default value for uncontrolled input\n */\n defaultValue?: DatesRangeValue<string>;\n /**\n * Value for controlled input\n */\n value?: DatesRangeValue<string>;\n /**\n * Sync the selected dates to URL query parameters\n */\n syncWithUrl?: boolean;\n /**\n * Error message to display.\n */\n error?: string;\n}\n\nexport type DateRangePickerFactory = Factory<{\n props: DateRangePickerProps;\n ref: HTMLButtonElement;\n stylesNames: DateRangePickerStylesNames;\n}>;\n\nconst defaultProps: Partial<DateRangePickerProps> = {\n placeholder: 'Select date range',\n formatter: (time) => dayjs(time).format('MMM D, YYYY'),\n};\n\nexport const DateRangePicker = factory<DateRangePickerFactory>((props: DateRangePickerProps, ref) => {\n const {\n defaultValue,\n value,\n opened,\n defaultOpened,\n onOpenedChange,\n onClick,\n onCancel,\n onChange,\n presets,\n startProps,\n endProps,\n rangeCalendarProps,\n formatter,\n placeholder,\n syncWithUrl,\n error,\n className,\n classNames,\n style,\n styles,\n vars,\n unstyled,\n ...others\n } = useProps('PlasmaDateRangePicker', defaultProps as Partial<DateRangePickerProps>, props);\n\n const getStyles = useStyles<DateRangePickerFactory>({\n name: 'DateRangePicker',\n classes,\n props,\n className,\n classNames,\n style,\n styles,\n unstyled,\n vars,\n });\n const stylesApiProps = {classNames, styles};\n\n const [_opened, setOpened] = useUncontrolled({\n value: opened,\n defaultValue: defaultOpened,\n finalValue: false,\n onChange: onOpenedChange,\n });\n\n const [dateRange, setDateRange] = useUrlSyncedState<DatesRangeValue<string>>({\n ...DATE_RANGE_SERIALIZATION,\n initialState: defaultValue !== undefined ? defaultValue : [null, null],\n sync: !!syncWithUrl,\n });\n\n const handleApply = (dates: DatesRangeValue<string>) => {\n if (value === undefined) {\n setDateRange(dates);\n }\n onChange?.(dates);\n setOpened(false);\n };\n\n const handleClick = () => {\n setOpened(true);\n onClick?.();\n };\n\n const handleCancel = () => {\n setOpened(false);\n onCancel?.();\n };\n\n const _value = value ?? dateRange;\n const formattedRange = `${formatter(_value[0])} - ${formatter(_value[1])}`;\n const dateRangeInitialized = _value.every((date: DateStringValue) => typeof date === 'string' && date !== '');\n\n return (\n <Popover opened={_opened} onChange={setOpened}>\n <Popover.Target>\n <InputBase\n ref={ref}\n component=\"button\"\n leftSection={<IconCalendar height={16} />}\n onClick={handleClick}\n error={error}\n {...getStyles('input', {className, style, ...stylesApiProps})}\n {...others}\n >\n {dateRangeInitialized ? formattedRange : placeholder}\n </InputBase>\n </Popover.Target>\n <Popover.Dropdown p={0}>\n <DateRangePickerInlineCalendar\n initialRange={_value}\n onApply={handleApply}\n onCancel={handleCancel}\n presets={presets}\n rangeCalendarProps={rangeCalendarProps}\n startProps={startProps}\n endProps={endProps}\n />\n </Popover.Dropdown>\n </Popover>\n );\n});\n"],"names":["IconCalendar","factory","InputBase","Popover","useProps","useStyles","useUncontrolled","dayjs","useUrlSyncedState","classes","DateRangePickerInlineCalendar","serialization","input","Object","freeze","DATE_RANGE_SERIALIZATION","serializer","from","to","Date","toISOString","deserializer","params","initial","get","defaultProps","placeholder","formatter","time","format","DateRangePicker","props","ref","defaultValue","value","opened","defaultOpened","onOpenedChange","onClick","onCancel","onChange","presets","startProps","endProps","rangeCalendarProps","syncWithUrl","error","className","classNames","style","styles","vars","unstyled","others","getStyles","name","stylesApiProps","_opened","setOpened","finalValue","dateRange","setDateRange","initialState","undefined","sync","handleApply","dates","handleClick","handleCancel","_value","formattedRange","dateRangeInitialized","every","date","Target","component","leftSection","height","Dropdown","p","initialRange","onApply"],"mappings":";AAAA,SAAQA,YAAY,QAAO,8BAA8B;AACzD,SAEIC,OAAO,EAEPC,SAAS,EACTC,OAAO,EAGPC,QAAQ,EACRC,SAAS,QACN,gBAAgB;AAEvB,SAAQC,eAAe,QAAO,iBAAiB;AAC/C,OAAOC,WAAW,QAAQ;AAC1B,SAAQC,iBAAiB,QAAiC,
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["import {IconCalendar} from '@coveord/plasma-react-icons';\nimport {\n BoxProps,\n factory,\n Factory,\n InputBase,\n Popover,\n PopoverProps,\n StylesApiProps,\n useProps,\n useStyles,\n} from '@mantine/core';\nimport {DatesRangeValue, DateStringValue} from '@mantine/dates';\nimport {useUncontrolled} from '@mantine/hooks';\nimport dayjs from 'dayjs';\nimport {useUrlSyncedState, UseUrlSyncedStateOptions} from '../../hooks/use-url-synced-state.js';\nimport classes from './DateRange.module.css';\nimport {DateRangePickerInlineCalendar, DateRangePickerInlineCalendarProps} from './DateRangePickerInlineCalendar.js';\n\nconst serialization = (input: Pick<UseUrlSyncedStateOptions<DatesRangeValue<string>>, 'serializer' | 'deserializer'>) =>\n Object.freeze(input);\n\nconst DATE_RANGE_SERIALIZATION = serialization({\n serializer: ([from, to]) => [\n ['from', from ? new Date(from).toISOString() : '', true],\n ['to', to ? new Date(to).toISOString() : '', true],\n ],\n deserializer: (params, initial) => [\n params.get('from') ? params.get('from') : initial[0],\n params.get('to') ? params.get('to') : initial[1],\n ],\n});\n\nexport type DateRangePickerStylesNames = 'input';\n\nexport interface DateRangePickerProps\n extends\n BoxProps,\n Pick<DateRangePickerInlineCalendarProps, 'presets' | 'rangeCalendarProps' | 'startProps' | 'endProps'>,\n Pick<PopoverProps, 'opened' | 'defaultOpened'>,\n StylesApiProps<DateRangePickerFactory> {\n /**\n * Called when the target input is clicked\n */\n onClick?(): void;\n /**\n * Function called when the cancel button is clicked.\n */\n onCancel?(): void;\n /**\n * Function called when the date range value changes.\n */\n onChange?(dates: DatesRangeValue<string>): void;\n /**\n * Called when the popover opened state changes.\n */\n onOpenedChange?(opened: boolean): void;\n /**\n * Optional formatter function to format the date value.\n * Receives the date prop and should return a string.\n * @default (time) => dayjs(time).format('MMM D, YYYY')\n */\n formatter?: (time: dayjs.ConfigType) => string;\n /**\n * The placeholder label to display when no date range is selected.\n *\n * @default \"Select date range\"\n */\n placeholder?: string;\n /**\n * Default value for uncontrolled input\n */\n defaultValue?: DatesRangeValue<string>;\n /**\n * Value for controlled input\n */\n value?: DatesRangeValue<string>;\n /**\n * Sync the selected dates to URL query parameters\n */\n syncWithUrl?: boolean;\n /**\n * Error message to display.\n */\n error?: string;\n}\n\nexport type DateRangePickerFactory = Factory<{\n props: DateRangePickerProps;\n ref: HTMLButtonElement;\n stylesNames: DateRangePickerStylesNames;\n}>;\n\nconst defaultProps: Partial<DateRangePickerProps> = {\n placeholder: 'Select date range',\n formatter: (time) => dayjs(time).format('MMM D, YYYY'),\n};\n\nexport const DateRangePicker = factory<DateRangePickerFactory>((props: DateRangePickerProps, ref) => {\n const {\n defaultValue,\n value,\n opened,\n defaultOpened,\n onOpenedChange,\n onClick,\n onCancel,\n onChange,\n presets,\n startProps,\n endProps,\n rangeCalendarProps,\n formatter,\n placeholder,\n syncWithUrl,\n error,\n className,\n classNames,\n style,\n styles,\n vars,\n unstyled,\n ...others\n } = useProps('PlasmaDateRangePicker', defaultProps as Partial<DateRangePickerProps>, props);\n\n const getStyles = useStyles<DateRangePickerFactory>({\n name: 'DateRangePicker',\n classes,\n props,\n className,\n classNames,\n style,\n styles,\n unstyled,\n vars,\n });\n const stylesApiProps = {classNames, styles};\n\n const [_opened, setOpened] = useUncontrolled({\n value: opened,\n defaultValue: defaultOpened,\n finalValue: false,\n onChange: onOpenedChange,\n });\n\n const [dateRange, setDateRange] = useUrlSyncedState<DatesRangeValue<string>>({\n ...DATE_RANGE_SERIALIZATION,\n initialState: defaultValue !== undefined ? defaultValue : [null, null],\n sync: !!syncWithUrl,\n });\n\n const handleApply = (dates: DatesRangeValue<string>) => {\n if (value === undefined) {\n setDateRange(dates);\n }\n onChange?.(dates);\n setOpened(false);\n };\n\n const handleClick = () => {\n setOpened(true);\n onClick?.();\n };\n\n const handleCancel = () => {\n setOpened(false);\n onCancel?.();\n };\n\n const _value = value ?? dateRange;\n const formattedRange = `${formatter(_value[0])} - ${formatter(_value[1])}`;\n const dateRangeInitialized = _value.every((date: DateStringValue) => typeof date === 'string' && date !== '');\n\n return (\n <Popover opened={_opened} onChange={setOpened}>\n <Popover.Target>\n <InputBase\n ref={ref}\n component=\"button\"\n leftSection={<IconCalendar height={16} />}\n onClick={handleClick}\n error={error}\n {...getStyles('input', {className, style, ...stylesApiProps})}\n {...others}\n >\n {dateRangeInitialized ? formattedRange : placeholder}\n </InputBase>\n </Popover.Target>\n <Popover.Dropdown p={0}>\n <DateRangePickerInlineCalendar\n initialRange={_value}\n onApply={handleApply}\n onCancel={handleCancel}\n presets={presets}\n rangeCalendarProps={rangeCalendarProps}\n startProps={startProps}\n endProps={endProps}\n />\n </Popover.Dropdown>\n </Popover>\n );\n});\n"],"names":["IconCalendar","factory","InputBase","Popover","useProps","useStyles","useUncontrolled","dayjs","useUrlSyncedState","classes","DateRangePickerInlineCalendar","serialization","input","Object","freeze","DATE_RANGE_SERIALIZATION","serializer","from","to","Date","toISOString","deserializer","params","initial","get","defaultProps","placeholder","formatter","time","format","DateRangePicker","props","ref","defaultValue","value","opened","defaultOpened","onOpenedChange","onClick","onCancel","onChange","presets","startProps","endProps","rangeCalendarProps","syncWithUrl","error","className","classNames","style","styles","vars","unstyled","others","getStyles","name","stylesApiProps","_opened","setOpened","finalValue","dateRange","setDateRange","initialState","undefined","sync","handleApply","dates","handleClick","handleCancel","_value","formattedRange","dateRangeInitialized","every","date","Target","component","leftSection","height","Dropdown","p","initialRange","onApply"],"mappings":"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"}
|
|
@@ -13,5 +13,5 @@ export interface EditableDateRangePickerProps {
|
|
|
13
13
|
endProps?: Omit<Partial<DatePickerProps>, 'value' | 'onChange' | 'onFocus'>;
|
|
14
14
|
}
|
|
15
15
|
export declare const EditableDateRangePicker: ({ value, onChange, onFocus, startProps, endProps, }: EditableDateRangePickerProps) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
-
export type { DateRangePickerPreset } from './DateRangePickerPresetSelect';
|
|
16
|
+
export type { DateRangePickerPreset } from './DateRangePickerPresetSelect.js';
|
|
17
17
|
//# sourceMappingURL=EditableDateRangePicker.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EditableDateRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/EditableDateRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,eAAe,EAAE,eAAe,EAAE,KAAK,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAGjG,MAAM,WAAW,4BAA4B;IACzC,KAAK,EAAE,eAAe,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC;IAC/C,QAAQ,CAAC,CAAC,KAAK,EAAE,eAAe,CAAC,eAAe,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC;IAChE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC,CAAC;IAC9E;;OAEG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC,CAAC;CAC/E;AAED,eAAO,MAAM,uBAAuB,GAAI,qDAMrC,4BAA4B,4CA8B9B,CAAC;AACF,YAAY,EAAC,qBAAqB,EAAC,MAAM
|
|
1
|
+
{"version":3,"file":"EditableDateRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/EditableDateRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,eAAe,EAAE,eAAe,EAAE,KAAK,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAGjG,MAAM,WAAW,4BAA4B;IACzC,KAAK,EAAE,eAAe,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC;IAC/C,QAAQ,CAAC,CAAC,KAAK,EAAE,eAAe,CAAC,eAAe,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC;IAChE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC,CAAC;IAC9E;;OAEG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC,CAAC;CAC/E;AAED,eAAO,MAAM,uBAAuB,GAAI,qDAMrC,4BAA4B,4CA8B9B,CAAC;AACF,YAAY,EAAC,qBAAqB,EAAC,MAAM,kCAAkC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/DateRangePicker/EditableDateRangePicker.tsx"],"sourcesContent":["import {DateInput, DatePickerProps, DateStringValue, type DatesRangeValue} from '@mantine/dates';\nimport dayjs from 'dayjs';\n\nexport interface EditableDateRangePickerProps {\n value: DatesRangeValue<DateStringValue | null>;\n onChange?(value: DatesRangeValue<DateStringValue> | null): void;\n onFocus?: () => void;\n /**\n * Props for the start input\n */\n startProps?: Omit<Partial<DatePickerProps>, 'value' | 'onChange' | 'onFocus'>;\n /**\n * Props for the end input\n */\n endProps?: Omit<Partial<DatePickerProps>, 'value' | 'onChange' | 'onFocus'>;\n}\n\nexport const EditableDateRangePicker = ({\n value,\n onChange,\n onFocus,\n startProps = {},\n endProps = {},\n}: EditableDateRangePickerProps) => {\n const onChangeStart = (date: DateStringValue | null) => {\n onChange?.([dayjs(date).startOf('day').toISOString(), value?.[1]]);\n };\n const onChangeEnd = (date: DateStringValue | null) => {\n onChange?.([value?.[0], dayjs(date).endOf('day').toISOString()]);\n };\n\n return (\n <>\n <DateInput\n clearable={false}\n label=\"Start\"\n value={value?.[0]}\n onChange={onChangeStart}\n onFocus={onFocus}\n popoverProps={{styles: {dropdown: {display: 'none'}}}}\n {...startProps}\n />\n <DateInput\n clearable={false}\n label=\"End\"\n value={value?.[1]}\n onChange={onChangeEnd}\n onFocus={onFocus}\n popoverProps={{styles: {dropdown: {display: 'none'}}}}\n {...endProps}\n />\n </>\n );\n};\nexport type {DateRangePickerPreset} from './DateRangePickerPresetSelect';\n"],"names":["DateInput","dayjs","EditableDateRangePicker","value","onChange","onFocus","startProps","endProps","onChangeStart","date","startOf","toISOString","onChangeEnd","endOf","clearable","label","popoverProps","styles","dropdown","display"],"mappings":";AAAA,SAAQA,SAAS,QAA+D,iBAAiB;AACjG,OAAOC,WAAW,QAAQ;AAgB1B,OAAO,MAAMC,0BAA0B,CAAC,EACpCC,KAAK,EACLC,QAAQ,EACRC,OAAO,EACPC,aAAa,CAAC,CAAC,EACfC,WAAW,CAAC,CAAC,EACc;IAC3B,MAAMC,gBAAgB,CAACC;QACnBL,WAAW;YAACH,MAAMQ,MAAMC,OAAO,CAAC,OAAOC,WAAW;YAAIR,OAAO,CAAC,EAAE;SAAC;IACrE;IACA,MAAMS,cAAc,CAACH;QACjBL,WAAW;YAACD,OAAO,CAAC,EAAE;YAAEF,MAAMQ,MAAMI,KAAK,CAAC,OAAOF,WAAW;SAAG;IACnE;IAEA,qBACI;;0BACI,KAACX;gBACGc,WAAW;gBACXC,OAAM;gBACNZ,OAAOA,OAAO,CAAC,EAAE;gBACjBC,UAAUI;gBACVH,SAASA;gBACTW,cAAc;oBAACC,QAAQ;wBAACC,UAAU;4BAACC,SAAS;wBAAM;oBAAC;gBAAC;gBACnD,GAAGb,UAAU;;0BAElB,KAACN;gBACGc,WAAW;gBACXC,OAAM;gBACNZ,OAAOA,OAAO,CAAC,EAAE;gBACjBC,UAAUQ;gBACVP,SAASA;gBACTW,cAAc;oBAACC,QAAQ;wBAACC,UAAU;4BAACC,SAAS;wBAAM;oBAAC;gBAAC;gBACnD,GAAGZ,QAAQ;;;;AAI5B,EAAE"}
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/DateRangePicker/EditableDateRangePicker.tsx"],"sourcesContent":["import {DateInput, DatePickerProps, DateStringValue, type DatesRangeValue} from '@mantine/dates';\nimport dayjs from 'dayjs';\n\nexport interface EditableDateRangePickerProps {\n value: DatesRangeValue<DateStringValue | null>;\n onChange?(value: DatesRangeValue<DateStringValue> | null): void;\n onFocus?: () => void;\n /**\n * Props for the start input\n */\n startProps?: Omit<Partial<DatePickerProps>, 'value' | 'onChange' | 'onFocus'>;\n /**\n * Props for the end input\n */\n endProps?: Omit<Partial<DatePickerProps>, 'value' | 'onChange' | 'onFocus'>;\n}\n\nexport const EditableDateRangePicker = ({\n value,\n onChange,\n onFocus,\n startProps = {},\n endProps = {},\n}: EditableDateRangePickerProps) => {\n const onChangeStart = (date: DateStringValue | null) => {\n onChange?.([dayjs(date).startOf('day').toISOString(), value?.[1]]);\n };\n const onChangeEnd = (date: DateStringValue | null) => {\n onChange?.([value?.[0], dayjs(date).endOf('day').toISOString()]);\n };\n\n return (\n <>\n <DateInput\n clearable={false}\n label=\"Start\"\n value={value?.[0]}\n onChange={onChangeStart}\n onFocus={onFocus}\n popoverProps={{styles: {dropdown: {display: 'none'}}}}\n {...startProps}\n />\n <DateInput\n clearable={false}\n label=\"End\"\n value={value?.[1]}\n onChange={onChangeEnd}\n onFocus={onFocus}\n popoverProps={{styles: {dropdown: {display: 'none'}}}}\n {...endProps}\n />\n </>\n );\n};\nexport type {DateRangePickerPreset} from './DateRangePickerPresetSelect.js';\n"],"names":["DateInput","dayjs","EditableDateRangePicker","value","onChange","onFocus","startProps","endProps","onChangeStart","date","startOf","toISOString","onChangeEnd","endOf","clearable","label","popoverProps","styles","dropdown","display"],"mappings":";AAAA,SAAQA,SAAS,QAA+D,iBAAiB;AACjG,OAAOC,WAAW,QAAQ;AAgB1B,OAAO,MAAMC,0BAA0B,CAAC,EACpCC,KAAK,EACLC,QAAQ,EACRC,OAAO,EACPC,aAAa,CAAC,CAAC,EACfC,WAAW,CAAC,CAAC,EACc;IAC3B,MAAMC,gBAAgB,CAACC;QACnBL,WAAW;YAACH,MAAMQ,MAAMC,OAAO,CAAC,OAAOC,WAAW;YAAIR,OAAO,CAAC,EAAE;SAAC;IACrE;IACA,MAAMS,cAAc,CAACH;QACjBL,WAAW;YAACD,OAAO,CAAC,EAAE;YAAEF,MAAMQ,MAAMI,KAAK,CAAC,OAAOF,WAAW;SAAG;IACnE;IAEA,qBACI;;0BACI,KAACX;gBACGc,WAAW;gBACXC,OAAM;gBACNZ,OAAOA,OAAO,CAAC,EAAE;gBACjBC,UAAUI;gBACVH,SAASA;gBACTW,cAAc;oBAACC,QAAQ;wBAACC,UAAU;4BAACC,SAAS;wBAAM;oBAAC;gBAAC;gBACnD,GAAGb,UAAU;;0BAElB,KAACN;gBACGc,WAAW;gBACXC,OAAM;gBACNZ,OAAOA,OAAO,CAAC,EAAE;gBACjBC,UAAUQ;gBACVP,SAASA;gBACTW,cAAc;oBAACC,QAAQ;wBAACC,UAAU;4BAACC,SAAS;wBAAM;oBAAC;gBAAC;gBACnD,GAAGZ,QAAQ;;;;AAI5B,EAAE"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { BoxProps, ElementProps, Factory, StylesApiProps } from '@mantine/core';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
import type { PrerequisitesListIconStylesNames } from './PrerequisitesListIcon.js';
|
|
4
|
+
import { PrerequisitesListItem, type PrerequisitesListItemStylesNames } from './PrerequisitesListItem.js';
|
|
5
|
+
export type PrerequisitesListStylesName = 'root' | PrerequisitesListItemStylesNames | PrerequisitesListIconStylesNames;
|
|
6
|
+
export interface PrerequisitesListProps extends BoxProps, StylesApiProps<PrerequisitesListFactory>, ElementProps<'ul'> {
|
|
7
|
+
/**
|
|
8
|
+
* The content to display as a prerequisite.
|
|
9
|
+
*/
|
|
10
|
+
children: ReactNode;
|
|
11
|
+
}
|
|
12
|
+
export type PrerequisitesListFactory = Factory<{
|
|
13
|
+
props: PrerequisitesListProps;
|
|
14
|
+
ref: HTMLUListElement;
|
|
15
|
+
stylesNames: PrerequisitesListStylesName;
|
|
16
|
+
vars: never;
|
|
17
|
+
staticComponents: {
|
|
18
|
+
Item: typeof PrerequisitesListItem;
|
|
19
|
+
};
|
|
20
|
+
}>;
|
|
21
|
+
export declare const PrerequisitesList: import("@mantine/core").MantineComponent<{
|
|
22
|
+
props: PrerequisitesListProps;
|
|
23
|
+
ref: HTMLUListElement;
|
|
24
|
+
stylesNames: PrerequisitesListStylesName;
|
|
25
|
+
vars: never;
|
|
26
|
+
staticComponents: {
|
|
27
|
+
Item: typeof PrerequisitesListItem;
|
|
28
|
+
};
|
|
29
|
+
}>;
|
|
30
|
+
//# sourceMappingURL=PrerequisitesList.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PrerequisitesList.d.ts","sourceRoot":"","sources":["../../../../src/components/PrerequisitesList/PrerequisitesList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,YAAY,EAAW,OAAO,EAAQ,cAAc,EAAsB,MAAM,eAAe,CAAC;AAClH,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAC,gCAAgC,EAAC,MAAM,4BAA4B,CAAC;AACjF,OAAO,EAAC,qBAAqB,EAAE,KAAK,gCAAgC,EAAC,MAAM,4BAA4B,CAAC;AAExG,MAAM,MAAM,2BAA2B,GAAG,MAAM,GAAG,gCAAgC,GAAG,gCAAgC,CAAC;AAEvH,MAAM,WAAW,sBAAuB,SAAQ,QAAQ,EAAE,cAAc,CAAC,wBAAwB,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC;IAClH;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,MAAM,wBAAwB,GAAG,OAAO,CAAC;IAC3C,KAAK,EAAE,sBAAsB,CAAC;IAC9B,GAAG,EAAE,gBAAgB,CAAC;IACtB,WAAW,EAAE,2BAA2B,CAAC;IACzC,IAAI,EAAE,KAAK,CAAC;IACZ,gBAAgB,EAAE;QACd,IAAI,EAAE,OAAO,qBAAqB,CAAC;KACtC,CAAC;CACL,CAAC,CAAC;AAIH,eAAO,MAAM,iBAAiB;WAXnB,sBAAsB;SACxB,gBAAgB;iBACR,2BAA2B;UAClC,KAAK;sBACO;QACd,IAAI,EAAE,OAAO,qBAAqB,CAAC;KACtC;EAiCH,CAAC"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { factory, List, useProps, useStyles } from '@mantine/core';
|
|
3
|
+
import classes from './PrerequisitesList.module.css';
|
|
4
|
+
import { PrerequisitesListProvider } from './PrerequisitesListContext.js';
|
|
5
|
+
import { PrerequisitesListItem } from './PrerequisitesListItem.js';
|
|
6
|
+
const defaultProps = {};
|
|
7
|
+
export const PrerequisitesList = factory((_props, ref)=>{
|
|
8
|
+
const props = useProps('PrerequisitesList', defaultProps, _props);
|
|
9
|
+
const { children, classNames, className, styles, style, unstyled, vars: _vars, ...others } = props;
|
|
10
|
+
const getStyles = useStyles({
|
|
11
|
+
name: 'PrerequisitesList',
|
|
12
|
+
classes,
|
|
13
|
+
props,
|
|
14
|
+
className,
|
|
15
|
+
style,
|
|
16
|
+
classNames,
|
|
17
|
+
styles,
|
|
18
|
+
unstyled
|
|
19
|
+
});
|
|
20
|
+
return /*#__PURE__*/ _jsx(PrerequisitesListProvider, {
|
|
21
|
+
value: {
|
|
22
|
+
getStyles
|
|
23
|
+
},
|
|
24
|
+
children: /*#__PURE__*/ _jsx(List, {
|
|
25
|
+
ref: ref,
|
|
26
|
+
...getStyles('root'),
|
|
27
|
+
spacing: "sm",
|
|
28
|
+
size: "sm",
|
|
29
|
+
classNames: {
|
|
30
|
+
itemIcon: getStyles('itemIcon').className
|
|
31
|
+
},
|
|
32
|
+
...others,
|
|
33
|
+
children: children
|
|
34
|
+
})
|
|
35
|
+
});
|
|
36
|
+
});
|
|
37
|
+
PrerequisitesList.displayName = 'PrerequisitesList';
|
|
38
|
+
PrerequisitesList.Item = PrerequisitesListItem;
|
|
39
|
+
|
|
40
|
+
//# sourceMappingURL=PrerequisitesList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/PrerequisitesList/PrerequisitesList.tsx"],"sourcesContent":["import {BoxProps, ElementProps, factory, Factory, List, StylesApiProps, useProps, useStyles} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport classes from './PrerequisitesList.module.css';\nimport {PrerequisitesListProvider} from './PrerequisitesListContext.js';\nimport type {PrerequisitesListIconStylesNames} from './PrerequisitesListIcon.js';\nimport {PrerequisitesListItem, type PrerequisitesListItemStylesNames} from './PrerequisitesListItem.js';\n\nexport type PrerequisitesListStylesName = 'root' | PrerequisitesListItemStylesNames | PrerequisitesListIconStylesNames;\n\nexport interface PrerequisitesListProps extends BoxProps, StylesApiProps<PrerequisitesListFactory>, ElementProps<'ul'> {\n /**\n * The content to display as a prerequisite.\n */\n children: ReactNode;\n}\n\nexport type PrerequisitesListFactory = Factory<{\n props: PrerequisitesListProps;\n ref: HTMLUListElement;\n stylesNames: PrerequisitesListStylesName;\n vars: never;\n staticComponents: {\n Item: typeof PrerequisitesListItem;\n };\n}>;\n\nconst defaultProps = {} satisfies Partial<PrerequisitesListProps>;\n\nexport const PrerequisitesList = factory<PrerequisitesListFactory>((_props, ref) => {\n const props = useProps('PrerequisitesList', defaultProps, _props);\n const {children, classNames, className, styles, style, unstyled, vars: _vars, ...others} = props;\n const getStyles = useStyles<PrerequisitesListFactory>({\n name: 'PrerequisitesList',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n });\n\n return (\n <PrerequisitesListProvider value={{getStyles}}>\n <List\n ref={ref}\n {...getStyles('root')}\n spacing=\"sm\"\n size=\"sm\"\n classNames={{itemIcon: getStyles('itemIcon').className}}\n {...others}\n >\n {children}\n </List>\n </PrerequisitesListProvider>\n );\n});\n\nPrerequisitesList.displayName = 'PrerequisitesList';\nPrerequisitesList.Item = PrerequisitesListItem;\n"],"names":["factory","List","useProps","useStyles","classes","PrerequisitesListProvider","PrerequisitesListItem","defaultProps","PrerequisitesList","_props","ref","props","children","classNames","className","styles","style","unstyled","vars","_vars","others","getStyles","name","value","spacing","size","itemIcon","displayName","Item"],"mappings":";AAAA,SAAgCA,OAAO,EAAWC,IAAI,EAAkBC,QAAQ,EAAEC,SAAS,QAAO,gBAAgB;AAElH,OAAOC,aAAa,iCAAiC;AACrD,SAAQC,yBAAyB,QAAO,gCAAgC;AAExE,SAAQC,qBAAqB,QAA8C,6BAA6B;AAqBxG,MAAMC,eAAe,CAAC;AAEtB,OAAO,MAAMC,oBAAoBR,QAAkC,CAACS,QAAQC;IACxE,MAAMC,QAAQT,SAAS,qBAAqBK,cAAcE;IAC1D,MAAM,EAACG,QAAQ,EAAEC,UAAU,EAAEC,SAAS,EAAEC,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,MAAMC,KAAK,EAAE,GAAGC,QAAO,GAAGT;IAC3F,MAAMU,YAAYlB,UAAoC;QAClDmB,MAAM;QACNlB;QACAO;QACAG;QACAE;QACAH;QACAE;QACAE;IACJ;IAEA,qBACI,KAACZ;QAA0BkB,OAAO;YAACF;QAAS;kBACxC,cAAA,KAACpB;YACGS,KAAKA;YACJ,GAAGW,UAAU,OAAO;YACrBG,SAAQ;YACRC,MAAK;YACLZ,YAAY;gBAACa,UAAUL,UAAU,YAAYP,SAAS;YAAA;YACrD,GAAGM,MAAM;sBAETR;;;AAIjB,GAAG;AAEHJ,kBAAkBmB,WAAW,GAAG;AAChCnB,kBAAkBoB,IAAI,GAAGtB"}
|