@coveord/plasma-mantine 59.7.0 → 59.7.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.turbo/turbo-build.log +3 -3
- package/.turbo/turbo-test.log +88 -94
- package/dist/.tsbuildinfo +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/RadioCard/RadioCard.js +1 -1
- package/dist/cjs/components/RadioCard/RadioCard.js.map +1 -1
- package/dist/cjs/components/Table/Table.d.ts +46 -0
- package/dist/cjs/components/Table/Table.d.ts.map +1 -1
- package/dist/cjs/components/Table/Table.js +48 -17
- package/dist/cjs/components/Table/Table.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/theme/Plasmantine.d.ts.map +1 -1
- package/dist/cjs/theme/Plasmantine.js +24 -4
- package/dist/cjs/theme/Plasmantine.js.map +1 -1
- package/dist/cjs/theme/Theme.d.ts.map +1 -1
- package/dist/cjs/theme/Theme.js +1 -9
- package/dist/cjs/theme/Theme.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/RadioCard/RadioCard.js +1 -1
- package/dist/esm/components/RadioCard/RadioCard.js.map +1 -1
- package/dist/esm/components/Table/Table.d.ts +46 -0
- package/dist/esm/components/Table/Table.d.ts.map +1 -1
- package/dist/esm/components/Table/Table.js +48 -17
- package/dist/esm/components/Table/Table.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/theme/Plasmantine.d.ts.map +1 -1
- package/dist/esm/theme/Plasmantine.js +22 -3
- package/dist/esm/theme/Plasmantine.js.map +1 -1
- package/dist/esm/theme/Theme.d.ts.map +1 -1
- package/dist/esm/theme/Theme.js +1 -9
- package/dist/esm/theme/Theme.js.map +1 -1
- package/package.json +1 -1
- package/src/__tests__/Utils.tsx +1 -17
- package/src/components/DateRangePicker/DateRangePicker.tsx +2 -2
- package/src/components/DateRangePicker/EditableDateRangePicker.tsx +1 -1
- package/src/components/DateRangePicker/__tests__/DateRangePicker.spec.tsx +2 -2
- package/src/components/DateRangePicker/__tests__/DateRangePickerPopoverCalendar.spec.tsx +2 -2
- package/src/components/RadioCard/RadioCard.tsx +1 -1
- package/src/components/Table/Table.tsx +54 -6
- package/src/components/Table/__tests__/Table.spec.tsx +36 -0
- package/src/components/Table/table-columns-selector/TableColumnsSelector.tsx +1 -1
- package/src/theme/Plasmantine.tsx +21 -3
- package/src/theme/Theme.tsx +0 -4
- package/src/theme/__tests__/Plasmantine.spec.tsx +48 -0
package/dist/cjs/theme/Theme.js
CHANGED
|
@@ -272,12 +272,7 @@ var plasmaTheme = (0, _core.createTheme)({
|
|
|
272
272
|
}
|
|
273
273
|
}),
|
|
274
274
|
Combobox: _core.Combobox.extend({
|
|
275
|
-
classNames: _Comboboxmodulecss.default
|
|
276
|
-
defaultProps: {
|
|
277
|
-
middlewares: {
|
|
278
|
-
inline: true
|
|
279
|
-
}
|
|
280
|
-
}
|
|
275
|
+
classNames: _Comboboxmodulecss.default
|
|
281
276
|
}),
|
|
282
277
|
ComboboxChevron: _core.ComboboxChevron.extend({
|
|
283
278
|
defaultProps: {
|
|
@@ -459,9 +454,6 @@ var plasmaTheme = (0, _core.createTheme)({
|
|
|
459
454
|
Popover: _core.Popover.extend({
|
|
460
455
|
classNames: _Popovermodulecss.default,
|
|
461
456
|
defaultProps: {
|
|
462
|
-
middlewares: {
|
|
463
|
-
inline: true
|
|
464
|
-
},
|
|
465
457
|
position: 'bottom-start'
|
|
466
458
|
}
|
|
467
459
|
}),
|
|
@@ -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 defaultProps: {\n middlewares: {inline: true},\n },\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 middlewares: {inline: true},\n position: 'bottom-start',\n },\n }),\n Radio: Radio.extend({\n classNames: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return deepMerge(RadioClasses, ReadOnlyStateClasses);\n }\n return RadioClasses;\n },\n vars: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return {\n root: {\n '--radio-icon-color': theme.colors.gray[7],\n '--radio-color': theme.colors.gray[2],\n },\n };\n }\n return {root: {}};\n },\n }),\n RadioCard: Radio.Card.extend({\n classNames: RadioCardClasses,\n }),\n ScrollArea: ScrollArea.extend({\n classNames: ScrollAreaClasses,\n }),\n SegmentedControl: SegmentedControl.extend({\n classNames: SegmentedControlClasses,\n }),\n Select: Select.extend({\n defaultProps: {allowDeselect: false, withCheckIcon: false},\n classNames: SelectClasses,\n }),\n Skeleton: Skeleton.extend({\n classNames: SkeletonClasses,\n }),\n Slider: Slider.extend({\n defaultProps: {\n size: 'md',\n },\n classNames: SliderClasses,\n }),\n Stepper: Stepper.extend({\n defaultProps: {\n size: 'xs',\n completedIcon: <IconCheck size={16} />,\n },\n classNames: StepperClasses,\n }),\n Switch: Switch.extend({\n classNames: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return ReadOnlyStateClasses;\n }\n return {};\n },\n vars: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return {\n root: {},\n track: {\n '--switch-bg': theme.colors.gray[2],\n '--switch-bd': 'transparent',\n },\n thumb: {\n '--switch-thumb-bd': 'transparent',\n },\n };\n }\n return {root: {}, track: {}, thumb: {}};\n },\n defaultProps: {\n withThumbIndicator: false,\n },\n }),\n Table: Table.extend({\n classNames: TableClasses,\n vars: () => ({\n table: {\n '--table-border-color': 'var(--mantine-color-default-border)',\n },\n }),\n }),\n Tabs: Tabs.extend({\n classNames: TabsClasses,\n }),\n Text: Text.extend({\n defaultProps: {\n size: 'sm',\n },\n classNames: TextClasses,\n }),\n TimeInput: TimeInput.extend({\n defaultProps: {\n rightSection: <IconClock size={16} />,\n },\n }),\n TimePicker: TimePicker.extend({\n defaultProps: {\n withDropdown: true,\n format: '12h',\n },\n classNames: TimePickerClasses,\n }),\n Tooltip: Tooltip.extend({\n defaultProps: {\n maw: 280,\n multiline: true,\n withArrow: true,\n zIndex: 10000,\n },\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","middlewares","inline","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={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,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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Radio, Stack, Tooltip, factory, useProps, useStyles } from '@mantine/core';
|
|
3
3
|
import classes from '../../styles/RadioCard.module.css';
|
|
4
|
-
import { Input } from '../Input/Input';
|
|
4
|
+
import { Input } from '../Input/Input.js';
|
|
5
5
|
const defaultProps = {};
|
|
6
6
|
export const RadioCard = factory((_props, ref)=>{
|
|
7
7
|
const { children, classNames, styles, style, className, vars, disabled, label, description, disabledTooltip, ...others } = useProps('RadioCard', defaultProps, _props);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/RadioCard/RadioCard.tsx"],"sourcesContent":["import {\n Factory,\n RadioCardProps as MantineRadioCardProps,\n RadioCardStylesNames as MantineRadioCardStylesNames,\n Radio,\n RadioCardCssVariables,\n Stack,\n StylesApiProps,\n Tooltip,\n factory,\n useProps,\n useStyles,\n} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport classes from '../../styles/RadioCard.module.css';\nimport {Input} from '../Input/Input';\n\nexport type RadioCardStylesNames = MantineRadioCardStylesNames | 'container' | 'indicator' | 'title' | 'description';\nexport type RadioCardFactory = Factory<{\n props: RadioCardProps;\n ref: HTMLButtonElement;\n stylesNames: RadioCardStylesNames;\n vars: RadioCardCssVariables;\n}>;\n\nexport type RadioCardProps = MantineRadioCardProps &\n StylesApiProps<RadioCardFactory> & {\n /**\n * The label of the card. Appears next to the radio indicator.\n */\n label: ReactNode;\n /**\n * The description of the card. Appears under the title.\n */\n description?: ReactNode;\n /**\n * If true, the radio card will be displayed in a read-only state.\n */\n readOnly?: boolean;\n /**\n * The tooltip message to display when disabled\n */\n disabledTooltip?: string;\n };\n\nconst defaultProps: Partial<RadioCardProps> = {};\n\nexport const RadioCard = factory<RadioCardFactory>((_props, ref) => {\n const {\n children,\n classNames,\n styles,\n style,\n className,\n vars,\n disabled,\n label,\n description,\n disabledTooltip,\n ...others\n } = useProps('RadioCard', defaultProps, _props);\n const getStyles = useStyles<RadioCardFactory>({\n name: 'RadioCard',\n classes,\n vars,\n classNames,\n className,\n style,\n props: _props,\n styles,\n });\n\n return (\n <Tooltip label={disabledTooltip} disabled={!disabled || !disabledTooltip}>\n <Radio.Card\n ref={ref}\n disabled={disabled}\n readOnly={_props.readOnly}\n {...getStyles('card', {className, style, classNames, styles})}\n {...others}\n >\n <Radio.Indicator disabled={disabled} {...getStyles('indicator', {classNames, styles})} />\n <Stack {...getStyles('container', {classNames, styles})}>\n <Input.Label {...getStyles('title', {classNames, styles})}>{label}</Input.Label>\n {description && (\n <Input.Description {...getStyles('description', {classNames, styles})}>\n {description}\n </Input.Description>\n )}\n {children}\n </Stack>\n </Radio.Card>\n </Tooltip>\n );\n});\nRadioCard.displayName = 'RadioCard';\n"],"names":["Radio","Stack","Tooltip","factory","useProps","useStyles","classes","Input","defaultProps","RadioCard","_props","ref","children","classNames","styles","style","className","vars","disabled","label","description","disabledTooltip","others","getStyles","name","props","Card","readOnly","Indicator","Label","Description","displayName"],"mappings":";AAAA,SAIIA,KAAK,EAELC,KAAK,EAELC,OAAO,EACPC,OAAO,EACPC,QAAQ,EACRC,SAAS,QACN,gBAAgB;AAEvB,OAAOC,aAAa,oCAAoC;AACxD,SAAQC,KAAK,QAAO,
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/RadioCard/RadioCard.tsx"],"sourcesContent":["import {\n Factory,\n RadioCardProps as MantineRadioCardProps,\n RadioCardStylesNames as MantineRadioCardStylesNames,\n Radio,\n RadioCardCssVariables,\n Stack,\n StylesApiProps,\n Tooltip,\n factory,\n useProps,\n useStyles,\n} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport classes from '../../styles/RadioCard.module.css';\nimport {Input} from '../Input/Input.js';\n\nexport type RadioCardStylesNames = MantineRadioCardStylesNames | 'container' | 'indicator' | 'title' | 'description';\nexport type RadioCardFactory = Factory<{\n props: RadioCardProps;\n ref: HTMLButtonElement;\n stylesNames: RadioCardStylesNames;\n vars: RadioCardCssVariables;\n}>;\n\nexport type RadioCardProps = MantineRadioCardProps &\n StylesApiProps<RadioCardFactory> & {\n /**\n * The label of the card. Appears next to the radio indicator.\n */\n label: ReactNode;\n /**\n * The description of the card. Appears under the title.\n */\n description?: ReactNode;\n /**\n * If true, the radio card will be displayed in a read-only state.\n */\n readOnly?: boolean;\n /**\n * The tooltip message to display when disabled\n */\n disabledTooltip?: string;\n };\n\nconst defaultProps: Partial<RadioCardProps> = {};\n\nexport const RadioCard = factory<RadioCardFactory>((_props, ref) => {\n const {\n children,\n classNames,\n styles,\n style,\n className,\n vars,\n disabled,\n label,\n description,\n disabledTooltip,\n ...others\n } = useProps('RadioCard', defaultProps, _props);\n const getStyles = useStyles<RadioCardFactory>({\n name: 'RadioCard',\n classes,\n vars,\n classNames,\n className,\n style,\n props: _props,\n styles,\n });\n\n return (\n <Tooltip label={disabledTooltip} disabled={!disabled || !disabledTooltip}>\n <Radio.Card\n ref={ref}\n disabled={disabled}\n readOnly={_props.readOnly}\n {...getStyles('card', {className, style, classNames, styles})}\n {...others}\n >\n <Radio.Indicator disabled={disabled} {...getStyles('indicator', {classNames, styles})} />\n <Stack {...getStyles('container', {classNames, styles})}>\n <Input.Label {...getStyles('title', {classNames, styles})}>{label}</Input.Label>\n {description && (\n <Input.Description {...getStyles('description', {classNames, styles})}>\n {description}\n </Input.Description>\n )}\n {children}\n </Stack>\n </Radio.Card>\n </Tooltip>\n );\n});\nRadioCard.displayName = 'RadioCard';\n"],"names":["Radio","Stack","Tooltip","factory","useProps","useStyles","classes","Input","defaultProps","RadioCard","_props","ref","children","classNames","styles","style","className","vars","disabled","label","description","disabledTooltip","others","getStyles","name","props","Card","readOnly","Indicator","Label","Description","displayName"],"mappings":";AAAA,SAIIA,KAAK,EAELC,KAAK,EAELC,OAAO,EACPC,OAAO,EACPC,QAAQ,EACRC,SAAS,QACN,gBAAgB;AAEvB,OAAOC,aAAa,oCAAoC;AACxD,SAAQC,KAAK,QAAO,oBAAoB;AA8BxC,MAAMC,eAAwC,CAAC;AAE/C,OAAO,MAAMC,YAAYN,QAA0B,CAACO,QAAQC;IACxD,MAAM,EACFC,QAAQ,EACRC,UAAU,EACVC,MAAM,EACNC,KAAK,EACLC,SAAS,EACTC,IAAI,EACJC,QAAQ,EACRC,KAAK,EACLC,WAAW,EACXC,eAAe,EACf,GAAGC,QACN,GAAGlB,SAAS,aAAaI,cAAcE;IACxC,MAAMa,YAAYlB,UAA4B;QAC1CmB,MAAM;QACNlB;QACAW;QACAJ;QACAG;QACAD;QACAU,OAAOf;QACPI;IACJ;IAEA,qBACI,KAACZ;QAAQiB,OAAOE;QAAiBH,UAAU,CAACA,YAAY,CAACG;kBACrD,cAAA,MAACrB,MAAM0B,IAAI;YACPf,KAAKA;YACLO,UAAUA;YACVS,UAAUjB,OAAOiB,QAAQ;YACxB,GAAGJ,UAAU,QAAQ;gBAACP;gBAAWD;gBAAOF;gBAAYC;YAAM,EAAE;YAC5D,GAAGQ,MAAM;;8BAEV,KAACtB,MAAM4B,SAAS;oBAACV,UAAUA;oBAAW,GAAGK,UAAU,aAAa;wBAACV;wBAAYC;oBAAM,EAAE;;8BACrF,MAACb;oBAAO,GAAGsB,UAAU,aAAa;wBAACV;wBAAYC;oBAAM,EAAE;;sCACnD,KAACP,MAAMsB,KAAK;4BAAE,GAAGN,UAAU,SAAS;gCAACV;gCAAYC;4BAAM,EAAE;sCAAGK;;wBAC3DC,6BACG,KAACb,MAAMuB,WAAW;4BAAE,GAAGP,UAAU,eAAe;gCAACV;gCAAYC;4BAAM,EAAE;sCAChEM;;wBAGRR;;;;;;AAKrB,GAAG;AACHH,UAAUsB,WAAW,GAAG"}
|
|
@@ -47,8 +47,17 @@ export declare const Table: {
|
|
|
47
47
|
<T>(props: TableProps<T> & {
|
|
48
48
|
ref?: ForwardedRef<HTMLDivElement>;
|
|
49
49
|
}): import("react/jsx-runtime").JSX.Element;
|
|
50
|
+
/**
|
|
51
|
+
* Generic column to use when your table needs an accordion (collapsible rows, but only one open at a time).
|
|
52
|
+
*/
|
|
50
53
|
AccordionColumn: ColumnDef<unknown>;
|
|
54
|
+
/**
|
|
55
|
+
* Generic column to use when your table needs actions on rows
|
|
56
|
+
*/
|
|
51
57
|
ActionsColumn: ColumnDef<unknown>;
|
|
58
|
+
/**
|
|
59
|
+
* An action to display when a row is selected in the table. Can be displayed as a primary action or menu item.
|
|
60
|
+
*/
|
|
52
61
|
ActionItem: (<C = "button">(props: import("@mantine/core").PolymorphicComponentProps<C, import("./table-actions/TableActionItem.js").TableActionItemProps>) => React.ReactElement) & Omit<import("react").FunctionComponent<(import("./table-actions/TableActionItem.js").TableActionItemProps & {
|
|
53
62
|
component?: any;
|
|
54
63
|
} & Omit<Omit<any, "ref">, "component" | keyof import("./table-actions/TableActionItem.js").TableActionItemProps> & {
|
|
@@ -76,32 +85,54 @@ export declare const Table: {
|
|
|
76
85
|
stylesNames: TableActionItemStylesNames;
|
|
77
86
|
compound: true;
|
|
78
87
|
}>;
|
|
88
|
+
/**
|
|
89
|
+
* Generic column to use when your table needs collapsible rows
|
|
90
|
+
*/
|
|
79
91
|
CollapsibleColumn: ColumnDef<unknown>;
|
|
92
|
+
/**
|
|
93
|
+
* A date range picker integrated with the table store that resets pagination on change.
|
|
94
|
+
*/
|
|
80
95
|
DateRangePicker: import("@mantine/core").MantineComponent<{
|
|
81
96
|
props: import("./table-date-range-picker/TableDateRangePicker.js").TableDateRangePickerProps;
|
|
82
97
|
ref: HTMLDivElement;
|
|
83
98
|
stylesNames: TableDateRangePickerStylesNames;
|
|
84
99
|
compound: true;
|
|
85
100
|
}>;
|
|
101
|
+
/**
|
|
102
|
+
* A search input that filters table rows by matching against any field.
|
|
103
|
+
* The filter value is debounced and resets pagination to the first page on change.
|
|
104
|
+
*/
|
|
86
105
|
Filter: import("@mantine/core").MantineComponent<{
|
|
87
106
|
props: import("./table-filter/TableFilter.js").TableFilterProps;
|
|
88
107
|
ref: HTMLDivElement;
|
|
89
108
|
stylesNames: TableFilterStylesNames;
|
|
90
109
|
compound: true;
|
|
91
110
|
}>;
|
|
111
|
+
/**
|
|
112
|
+
* Container for elements displayed below the table body, typically pagination and per-page controls.
|
|
113
|
+
*/
|
|
92
114
|
Footer: import("react").FunctionComponent<import("./table-footer/TableFooter.js").TableFooterProps>;
|
|
115
|
+
/**
|
|
116
|
+
* Container for elements displayed above the table body such as filters, predicates, and actions.
|
|
117
|
+
*/
|
|
93
118
|
Header: import("@mantine/core").MantineComponent<{
|
|
94
119
|
props: import("./table-header/TableHeader.js").TableHeaderProps;
|
|
95
120
|
ref: HTMLDivElement;
|
|
96
121
|
stylesNames: TableHeaderStylesNames;
|
|
97
122
|
compound: true;
|
|
98
123
|
}>;
|
|
124
|
+
/**
|
|
125
|
+
* Displays the time of the last data update, automatically refreshing when table data changes.
|
|
126
|
+
*/
|
|
99
127
|
LastUpdated: import("@mantine/core").MantineComponent<{
|
|
100
128
|
props: import("./table-last-updated/TableLastUpdated.js").TableLastUpdatedProps;
|
|
101
129
|
ref: HTMLDivElement;
|
|
102
130
|
stylesNames: TableLastUpdatedStylesNames;
|
|
103
131
|
compound: true;
|
|
104
132
|
}>;
|
|
133
|
+
/**
|
|
134
|
+
* Available table layout configurations (e.g., Rows, Cards).
|
|
135
|
+
*/
|
|
105
136
|
Layouts: {
|
|
106
137
|
Rows: import("@mantine/core").MantineComponent<{
|
|
107
138
|
ref?: never;
|
|
@@ -110,12 +141,27 @@ export declare const Table: {
|
|
|
110
141
|
staticComponents: TableLayout;
|
|
111
142
|
}>;
|
|
112
143
|
};
|
|
144
|
+
/**
|
|
145
|
+
* Skeleton overlay displayed while the table data is loading.
|
|
146
|
+
*/
|
|
113
147
|
Loading: import("react").FunctionComponent<import("@mantine/core").SkeletonProps>;
|
|
148
|
+
/**
|
|
149
|
+
* Container displayed when the table has no data to show.
|
|
150
|
+
*/
|
|
114
151
|
NoData: import("react").FunctionComponent<import("./table-no-data/TableNoData.js").TableNoDataProps>;
|
|
152
|
+
/**
|
|
153
|
+
* Page navigation control that syncs with the table store and scrolls to the table on page change.
|
|
154
|
+
*/
|
|
115
155
|
Pagination: import("react").FunctionComponent<import("./table-pagination/TablePagination.types.js").TablePaginationProps>;
|
|
156
|
+
/**
|
|
157
|
+
* Control allowing users to choose how many results are displayed per page.
|
|
158
|
+
*/
|
|
116
159
|
PerPage: import("react").FunctionComponent<import("./table-per-page/TablePerPage.types.js").TablePerPageProps> & {
|
|
117
160
|
DEFAULT_SIZE: number;
|
|
118
161
|
};
|
|
162
|
+
/**
|
|
163
|
+
* A dropdown that filters table data by a predefined set of values and resets pagination on change.
|
|
164
|
+
*/
|
|
119
165
|
Predicate: import("react").FunctionComponent<import("./table-predicate/TablePredicate.js").TablePredicateProps>;
|
|
120
166
|
extend: CustomComponentThemeExtend<{
|
|
121
167
|
props: TableProps<unknown>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/Table.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/Table.tsx"],"names":[],"mappings":"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"}
|
|
@@ -180,12 +180,12 @@ export const Table = (props)=>{
|
|
|
180
180
|
children: header
|
|
181
181
|
})
|
|
182
182
|
}) : null,
|
|
183
|
-
/*#__PURE__*/ _jsx(Layout.Header, {
|
|
183
|
+
hasRows || loading ? /*#__PURE__*/ _jsx(Layout.Header, {
|
|
184
184
|
getRowExpandedContent: getRowExpandedContent,
|
|
185
185
|
getRowAttributes: getRowAttributes,
|
|
186
186
|
loading: loading,
|
|
187
187
|
...layoutProps
|
|
188
|
-
})
|
|
188
|
+
}) : null
|
|
189
189
|
]
|
|
190
190
|
}),
|
|
191
191
|
/*#__PURE__*/ _jsx("tbody", {
|
|
@@ -223,21 +223,52 @@ export const TableComponentsOrder = {
|
|
|
223
223
|
DateRangePicker: 3,
|
|
224
224
|
LayoutControl: 1
|
|
225
225
|
};
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
Table.
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
Table.
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
Table.
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
Table.
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
Table.
|
|
226
|
+
/**
|
|
227
|
+
* Generic column to use when your table needs an accordion (collapsible rows, but only one open at a time).
|
|
228
|
+
*/ Table.AccordionColumn = TableAccordionColumn;
|
|
229
|
+
/**
|
|
230
|
+
* Generic column to use when your table needs actions on rows
|
|
231
|
+
*/ Table.ActionsColumn = TableActionsColumn;
|
|
232
|
+
/**
|
|
233
|
+
* An action to display when a row is selected in the table. Can be displayed as a primary action or menu item.
|
|
234
|
+
*/ Table.ActionItem = TableActionItem;
|
|
235
|
+
/**
|
|
236
|
+
* Generic column to use when your table needs collapsible rows
|
|
237
|
+
*/ Table.CollapsibleColumn = TableCollapsibleColumn;
|
|
238
|
+
/**
|
|
239
|
+
* A date range picker integrated with the table store that resets pagination on change.
|
|
240
|
+
*/ Table.DateRangePicker = TableDateRangePicker;
|
|
241
|
+
/**
|
|
242
|
+
* A search input that filters table rows by matching against any field.
|
|
243
|
+
* The filter value is debounced and resets pagination to the first page on change.
|
|
244
|
+
*/ Table.Filter = TableFilter;
|
|
245
|
+
/**
|
|
246
|
+
* Container for elements displayed below the table body, typically pagination and per-page controls.
|
|
247
|
+
*/ Table.Footer = TableFooter;
|
|
248
|
+
/**
|
|
249
|
+
* Container for elements displayed above the table body such as filters, predicates, and actions.
|
|
250
|
+
*/ Table.Header = TableHeader;
|
|
251
|
+
/**
|
|
252
|
+
* Displays the time of the last data update, automatically refreshing when table data changes.
|
|
253
|
+
*/ Table.LastUpdated = TableLastUpdated;
|
|
254
|
+
/**
|
|
255
|
+
* Available table layout configurations (e.g., Rows, Cards).
|
|
256
|
+
*/ Table.Layouts = TableLayouts;
|
|
257
|
+
/**
|
|
258
|
+
* Skeleton overlay displayed while the table data is loading.
|
|
259
|
+
*/ Table.Loading = TableLoading;
|
|
260
|
+
/**
|
|
261
|
+
* Container displayed when the table has no data to show.
|
|
262
|
+
*/ Table.NoData = TableNoData;
|
|
263
|
+
/**
|
|
264
|
+
* Page navigation control that syncs with the table store and scrolls to the table on page change.
|
|
265
|
+
*/ Table.Pagination = TablePagination;
|
|
266
|
+
/**
|
|
267
|
+
* Control allowing users to choose how many results are displayed per page.
|
|
268
|
+
*/ Table.PerPage = TablePerPage;
|
|
269
|
+
/**
|
|
270
|
+
* A dropdown that filters table data by a predefined set of values and resets pagination on change.
|
|
271
|
+
*/ Table.Predicate = TablePredicate;
|
|
241
272
|
Table.extend = identity;
|
|
242
273
|
|
|
243
274
|
//# sourceMappingURL=Table.js.map
|