asma-ui-core 3.44.0 → 3.45.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/dist/asma-ui-core.css +1 -1
- package/dist/components/custom/module/header-layout/ToolbarActionGroup.js +2 -2
- package/dist/components/custom/module/module-title/StyledModuleTitle.module.js +1 -1
- package/dist/components/custom/widget/widget/StyledWidget.module.js +8 -8
- package/dist/components/custom/widget/widget-title/StyledWidgetTitle.module.js +1 -1
- package/dist/components/data-display/ai-disclosure/StyledAIDisclosure.js +7 -5
- package/dist/components/data-display/badge/StyledBadge.js +53 -23
- package/dist/components/data-display/chip/StyledChip.js +62 -59
- package/dist/components/data-display/chip/chipPadding.js +44 -0
- package/dist/components/data-display/form-label/components/StyledFormLabel.js +18 -10
- package/dist/components/data-display/form-label/styles/StyledFormLabel.module.js +4 -4
- package/dist/components/data-display/interactive-chip/StyledInteractiveChip.js +35 -39
- package/dist/components/data-display/interactive-chip/StyledInteractiveChip.module.js +4 -0
- package/dist/components/data-display/tooltip/StyledTooltip.js +51 -33
- package/dist/components/data-display/typography/StyledTypography.js +62 -4
- package/dist/components/feedback/dialog/StyledDialog.js +102 -39
- package/dist/components/feedback/dialog/StyledDialog.module.js +2 -9
- package/dist/components/feedback/dialog/StyledDialogActions.js +16 -16
- package/dist/components/feedback/dialog/StyledDialogContent.js +18 -14
- package/dist/components/feedback/dialog/StyledDialogTitle.js +18 -13
- package/dist/components/feedback/empty-page/StyledEmptyPage.js +4 -4
- package/dist/components/feedback/filtered-empty-state/StyledFilteredEmptyState.js +7 -7
- package/dist/components/feedback/minimizable-dialog/MinimizableDialog.js +123 -114
- package/dist/components/feedback/minimizable-dialog/components/CloseBtn.js +6 -5
- package/dist/components/feedback/minimizable-dialog/components/FullscreenBtn.js +13 -12
- package/dist/components/feedback/minimizable-dialog/components/MinimizeBtn.js +15 -13
- package/dist/components/feedback/minimizable-dialog/v2/MinimizableDialogV2.js +67 -61
- package/dist/components/feedback/snack-bar/StyledAlert.js +95 -14
- package/dist/components/feedback/snack-bar/StyledSnackbar.js +34 -8
- package/dist/components/feedback/snack-bar/components/StyledDefaultSnackbar.js +32 -33
- package/dist/components/feedback/snack-bar/components/StyledDefaultSnackbar.module.js +16 -16
- package/dist/components/icons/check-icon/CheckIcon.js +8 -7
- package/dist/components/inputs/button/StyledButton.js +22 -18
- package/dist/components/inputs/button/StyledButton.module.js +5 -5
- package/dist/components/inputs/checkbox/base-ui/StyledCheckbox.js +61 -55
- package/dist/components/inputs/checkbox/base-ui/StyledCheckbox.module.js +12 -11
- package/dist/components/inputs/dynamic-select/components/DynamicInteractiveChipGroup.js +54 -50
- package/dist/components/inputs/dynamic-select/components/DynamicSelectAutocomplete.js +107 -99
- package/dist/components/inputs/field-styles.js +8 -0
- package/dist/components/inputs/input-field/StyledInputField.js +188 -83
- package/dist/components/inputs/input-field/StyledInputField.module.js +10 -0
- package/dist/components/inputs/label/StyledLabel.js +19 -11
- package/dist/components/inputs/label/StyledLabel.module.js +1 -1
- package/dist/components/inputs/radio-button/base-ui/RadioGroupContext.js +6 -0
- package/dist/components/inputs/radio-button/base-ui/StyledRadio.js +43 -28
- package/dist/components/inputs/radio-button/base-ui/StyledRadio.module.js +7 -6
- package/dist/components/inputs/radio-button/base-ui/StyledRadioGroup.js +37 -24
- package/dist/components/inputs/search-field/StyledSearchField.js +49 -43
- package/dist/components/inputs/select/StyledSelect.js +170 -45
- package/dist/components/inputs/select/StyledSelectItem.js +19 -23
- package/dist/components/inputs/select-autocomplete/StyledSelectAutocomplete.js +228 -150
- package/dist/components/inputs/slider/StyledSlider.js +100 -52
- package/dist/components/inputs/slider/StyledSlider.module.js +10 -0
- package/dist/components/inputs/switch/base-ui/StyledSwitch.js +45 -38
- package/dist/components/inputs/switch/base-ui/StyledSwitch.module.js +4 -4
- package/dist/components/inputs/textarea/StyledTextarea.js +44 -43
- package/dist/components/inputs/textarea/StyledTextarea.module.js +1 -1
- package/dist/components/miscellaneous/FormControlContext.js +6 -0
- package/dist/components/miscellaneous/StyledFormControl.js +42 -21
- package/dist/components/miscellaneous/StyledFormControlLabel.js +29 -15
- package/dist/components/miscellaneous/StyledFormGroup.js +16 -4
- package/dist/components/miscellaneous/StyledFormHelperText.js +12 -4
- package/dist/components/miscellaneous/StyledInputLabel.js +20 -4
- package/dist/components/mui-compat/Avatar.js +34 -0
- package/dist/components/mui-compat/ClickAwayListener.js +42 -0
- package/dist/components/mui-compat/Container.js +24 -0
- package/dist/components/mui-compat/Fade.js +29 -0
- package/dist/components/mui-compat/Fade.module.js +9 -0
- package/dist/components/mui-compat/FormLabel.js +22 -0
- package/dist/components/mui-compat/Paper.js +44 -0
- package/dist/components/mui-compat/Popper.js +35 -0
- package/dist/components/mui-compat/Skeleton.js +27 -0
- package/dist/components/mui-compat/Stack.js +24 -0
- package/dist/components/navigation/drawer/StyledDrawer.js +45 -4
- package/dist/components/navigation/link/StyledLink.module.js +5 -5
- package/dist/components/navigation/listbox/Listbox.js +7 -7
- package/dist/components/navigation/menu/StyledMenu.js +28 -11
- package/dist/components/navigation/menu/StyledMenuItem.js +21 -19
- package/dist/components/navigation/menu/StyledMenuList.js +34 -4
- package/dist/components/navigation/tabs/StyledTab.js +28 -13
- package/dist/components/navigation/tabs/StyledTabs.js +115 -66
- package/dist/components/navigation/tabs/TabsContext.js +6 -0
- package/dist/components/utils/accordion/base-ui/AccordionContext.js +10 -0
- package/dist/components/utils/accordion/base-ui/StyledAccordion.js +28 -21
- package/dist/components/utils/accordion/base-ui/StyledAccordion.module.js +7 -7
- package/dist/components/utils/accordion/base-ui/StyledAccordionDetails.js +28 -14
- package/dist/components/utils/accordion/base-ui/StyledAccordionSummary.js +34 -27
- package/dist/components/utils/copy-wrapper/CopyButton.js +8 -7
- package/dist/components/utils/copy-wrapper/CopyWrapper.js +23 -20
- package/dist/components/utils/filter-menu/StyledFilterButton.js +14 -13
- package/dist/components/utils/filter-menu/StyledFilterMenu.js +16 -15
- package/dist/components/utils/popover/StyledPopover.js +51 -15
- package/dist/components/utils/virtual-list/VirtualList.js +46 -0
- package/dist/datetime/components/date-picker/StyledDatePicker.js +17 -17
- package/dist/datetime/components/date-picker/components/BaseDatePickerInput.js +98 -99
- package/dist/datetime/components/date-picker/components/DatePickerButton.js +11 -9
- package/dist/datetime/components/date-picker/components/StyledCalendarPicker.js +11 -11
- package/dist/datetime/components/date-picker/components/StyledCalendarPicker.module.js +20 -20
- package/dist/datetime/components/date-picker/components/StyledCalendarPickerCaption.js +8 -7
- package/dist/datetime/components/date-picker/components/StyledCalendarPickerFooter.js +13 -14
- package/dist/datetime/components/date-picker/components/StyledCalendarPickerSelectMonth.js +17 -24
- package/dist/datetime/components/date-picker/components/StyledCalendarPickerSelectYear.js +7 -8
- package/dist/datetime/components/date-picker/components/StyledDayPicker.js +4 -5
- package/dist/datetime/components/date-picker/helpers.js +7 -7
- package/dist/datetime/components/date-picker/hooks/useDatePickerMask.js +3 -7
- package/dist/datetime/components/time-picker/StyledTimePicker.js +25 -25
- package/dist/datetime/components/time-picker/StyledTimePicker.module.js +6 -6
- package/dist/datetime/components/time-picker/TimePickerInput.js +56 -50
- package/dist/datetime/components/time-picker/TimePickerPopper.js +22 -19
- package/dist/datetime/components/time-picker/components/TimePickerColumn.js +12 -12
- package/dist/datetime/components/time-picker/helpers/getTimeFromValue.js +3 -3
- package/dist/datetime/helpers/cn.js +4 -5
- package/dist/datetime/hooks/useWindowWidthSize.hook.js +1 -1
- package/dist/helpers/arrays.js +4 -0
- package/dist/helpers/classOverride.js +12 -0
- package/dist/helpers/cn.js +4 -5
- package/dist/helpers/inputMask.js +58 -0
- package/dist/helpers/sx.js +46 -0
- package/dist/hooks/useFocusTrap.hook.js +34 -0
- package/dist/hooks/useTopLayer.hook.js +25 -0
- package/dist/index.js +185 -175
- package/dist/src/api-surface.test.d.ts +1 -0
- package/dist/src/components/custom/module/header-layout/DynamicToolbar.d.ts +10 -0
- package/dist/src/components/custom/module/module-title/StyledModuleTitle.d.ts +4 -0
- package/dist/src/components/custom/widget/widget/StyledWidget.d.ts +8 -0
- package/dist/src/components/custom/widget/widget-header/StyledWidgetHeader.d.ts +4 -0
- package/dist/src/components/custom/widget/widget-title/StyledWidgetTitle.d.ts +4 -0
- package/dist/src/components/data-display/ai-disclosure/StyledAIDisclosure.d.ts +7 -0
- package/dist/src/components/data-display/badge/StyledBadge.d.ts +40 -2
- package/dist/src/components/data-display/chip/StyledChip.d.ts +74 -5
- package/dist/src/components/data-display/chip/chipPadding.d.ts +3 -0
- package/dist/src/components/data-display/form-label/types.d.ts +11 -0
- package/dist/src/components/data-display/interactive-chip/StyledInteractiveChip.d.ts +22 -4
- package/dist/src/components/data-display/tooltip/StyledTooltip.d.ts +43 -1
- package/dist/src/components/data-display/typography/StyledTypography.d.ts +32 -1
- package/dist/src/components/feedback/dialog/StyledDialog.d.ts +60 -4
- package/dist/src/components/feedback/dialog/StyledDialogActions.d.ts +12 -2
- package/dist/src/components/feedback/dialog/StyledDialogContent.d.ts +12 -2
- package/dist/src/components/feedback/dialog/StyledDialogTitle.d.ts +10 -2
- package/dist/src/components/feedback/empty-page/StyledEmptyPage.d.ts +6 -0
- package/dist/src/components/feedback/filtered-empty-state/StyledFilteredEmptyState.d.ts +7 -0
- package/dist/src/components/feedback/loading/StyledLoading.d.ts +9 -0
- package/dist/src/components/feedback/minimizable-dialog/v2/types.d.ts +13 -0
- package/dist/src/components/feedback/minimizable-dialog/v2/useControlledProps.d.ts +4 -2
- package/dist/src/components/feedback/minimizable-dialog/v2/useTranslations.d.ts +17 -12
- package/dist/src/components/feedback/snack-bar/SnackbarProvider.d.ts +1 -1
- package/dist/src/components/feedback/snack-bar/StyledAlert.d.ts +41 -2
- package/dist/src/components/feedback/snack-bar/StyledAlertSnackbar.d.ts +1 -1
- package/dist/src/components/feedback/snack-bar/StyledSnackbar.d.ts +25 -2
- package/dist/src/components/feedback/snack-bar/components/StyledDefaultSnackbar.d.ts +10 -1
- package/dist/src/components/feedback/snack-bar/components/StyledInfoSnackbar.d.ts +1 -1
- package/dist/src/components/feedback/snack-bar/components/types.d.ts +1 -1
- package/dist/src/components/inputs/button/StyledButton.d.ts +15 -1
- package/dist/src/components/inputs/checkbox/base-ui/StyledCheckbox.d.ts +33 -4
- package/dist/src/components/inputs/dynamic-select/StyledDynamicSelect.d.ts +16 -0
- package/dist/src/components/inputs/dynamic-select/types.d.ts +25 -14
- package/dist/src/components/inputs/field-styles.d.ts +27 -0
- package/dist/src/components/inputs/input-field/StyledInputField.d.ts +85 -10
- package/dist/src/components/inputs/input-field/index.d.ts +1 -1
- package/dist/src/components/inputs/label/StyledLabel.d.ts +13 -0
- package/dist/src/components/inputs/radio-button/base-ui/RadioGroupContext.d.ts +10 -0
- package/dist/src/components/inputs/radio-button/base-ui/StyledRadio.d.ts +60 -5
- package/dist/src/components/inputs/radio-button/base-ui/StyledRadioGroup.d.ts +30 -7
- package/dist/src/components/inputs/search-field/StyledSearchField.d.ts +9 -1
- package/dist/src/components/inputs/select/StyledSelect.d.ts +70 -16
- package/dist/src/components/inputs/select/StyledSelectItem.d.ts +14 -2
- package/dist/src/components/inputs/select/index.d.ts +0 -1
- package/dist/src/components/inputs/select-autocomplete/StyledSelectAutocomplete.d.ts +120 -17
- package/dist/src/components/inputs/slider/StyledSlider.d.ts +66 -3
- package/dist/src/components/inputs/switch/base-ui/StyledSwitch.d.ts +44 -4
- package/dist/src/components/inputs/textarea/StyledTextarea.d.ts +19 -0
- package/dist/src/components/miscellaneous/FormControlContext.d.ts +14 -0
- package/dist/src/components/miscellaneous/StyledFormControl.d.ts +27 -2
- package/dist/src/components/miscellaneous/StyledFormControlLabel.d.ts +21 -2
- package/dist/src/components/miscellaneous/StyledFormGroup.d.ts +11 -2
- package/dist/src/components/miscellaneous/StyledFormHelperText.d.ts +12 -2
- package/dist/src/components/miscellaneous/StyledInputLabel.d.ts +20 -2
- package/dist/src/components/mui-compat/Avatar.d.ts +6 -0
- package/dist/src/components/mui-compat/ClickAwayListener.d.ts +19 -0
- package/dist/src/components/mui-compat/Container.d.ts +6 -0
- package/dist/src/components/mui-compat/Fade.d.ts +21 -0
- package/dist/src/components/mui-compat/FormLabel.d.ts +6 -0
- package/dist/src/components/mui-compat/Paper.d.ts +6 -0
- package/dist/src/components/mui-compat/Popper.d.ts +29 -0
- package/dist/src/components/mui-compat/Skeleton.d.ts +7 -0
- package/dist/src/components/mui-compat/Stack.d.ts +7 -0
- package/dist/src/components/mui-compat/index.d.ts +9 -0
- package/dist/src/components/mui-compat/types.d.ts +46 -0
- package/dist/src/components/navigation/drawer/StyledDrawer.d.ts +33 -2
- package/dist/src/components/navigation/link/StyledLink.d.ts +13 -0
- package/dist/src/components/navigation/menu/StyledMenu.d.ts +33 -2
- package/dist/src/components/navigation/menu/StyledMenuItem.d.ts +35 -2
- package/dist/src/components/navigation/menu/StyledMenuList.d.ts +16 -2
- package/dist/src/components/navigation/menu/index.d.ts +0 -1
- package/dist/src/components/navigation/tabs/StyledTab.d.ts +27 -3
- package/dist/src/components/navigation/tabs/StyledTabs.d.ts +22 -7
- package/dist/src/components/navigation/tabs/TabsContext.d.ts +11 -0
- package/dist/src/components/utils/accordion/base-ui/AccordionContext.d.ts +10 -0
- package/dist/src/components/utils/accordion/base-ui/StyledAccordion.d.ts +9 -3
- package/dist/src/components/utils/accordion/base-ui/StyledAccordionDetails.d.ts +5 -0
- package/dist/src/components/utils/accordion/base-ui/StyledAccordionSummary.d.ts +16 -4
- package/dist/src/components/utils/copy-wrapper/CopyWrapper.d.ts +6 -1
- package/dist/src/components/utils/filter-menu/StyledFilterButton.d.ts +4 -0
- package/dist/src/components/utils/filter-menu/StyledFilterMenu.d.ts +8 -2
- package/dist/src/components/utils/popover/StyledPopover.d.ts +39 -2
- package/dist/src/components/utils/virtual-list/VirtualList.d.ts +32 -0
- package/dist/src/components/utils/virtual-list/index.d.ts +1 -0
- package/dist/src/datetime/components/date-picker/StyledDatePicker.d.ts +11 -0
- package/dist/src/datetime/components/date-picker/components/DatePickerButton.d.ts +2 -0
- package/dist/src/datetime/components/date-picker/components/StyledCalendarPicker.d.ts +1 -1
- package/dist/src/datetime/components/date-picker/components/StyledDayPicker.d.ts +1 -1
- package/dist/src/datetime/components/date-picker/hooks/useDatePickerMask.d.ts +1 -2
- package/dist/src/datetime/components/date-picker/hooks/useDatePickerValidation.d.ts +7 -5
- package/dist/src/datetime/components/time-picker/StyledTimePicker.d.ts +10 -0
- package/dist/src/datetime/components/time-picker/TimePickerInput.d.ts +1 -1
- package/dist/src/datetime/components/time-picker/TimePickerPopper.d.ts +1 -1
- package/dist/src/datetime/components/time-picker/types.d.ts +1 -2
- package/dist/src/datetime/hooks/useToggleMenuVisibility.hook.d.ts +6 -4
- package/dist/src/datetime/shared-components/StyledFormControl.d.ts +1 -2
- package/dist/src/datetime/shared-components/StyledInputField.d.ts +1 -12
- package/dist/src/datetime/shared-components/StyledSelect.d.ts +1 -16
- package/dist/src/datetime/shared-components/StyledSelectItem.d.ts +1 -2
- package/dist/src/datetime/shared-components/StyledTooltip.d.ts +1 -2
- package/dist/src/helpers/applyImportantPadding.d.ts +8 -0
- package/dist/src/helpers/arrays.d.ts +2 -0
- package/dist/src/helpers/arrays.test.d.ts +1 -0
- package/dist/src/helpers/classOverride.d.ts +21 -0
- package/dist/src/helpers/classOverride.test.d.ts +1 -0
- package/dist/src/helpers/inputMask.d.ts +40 -0
- package/dist/src/helpers/inputMask.test.d.ts +1 -0
- package/dist/src/helpers/sx.d.ts +2 -0
- package/dist/src/helpers/sx.test.d.ts +1 -0
- package/dist/src/hooks/useFocusTrap.hook.d.ts +10 -0
- package/dist/src/hooks/useTopLayer.hook.d.ts +49 -0
- package/dist/src/index.d.ts +2 -1
- package/dist/src/table/components/columns/helpers/useElementHeightPx.d.ts +6 -3
- package/dist/src/table/components/columns/helpers/useProxyHorizontalScrollSync.d.ts +9 -6
- package/dist/src/table/hooks/useToggleMenuVisibility.hook.d.ts +6 -4
- package/dist/src/table/hooks/useTranslations.d.ts +15 -8
- package/dist/src/table/shared-components/StyledCheckbox.d.ts +7 -4
- package/dist/src/table/shared-components/StyledMenuItem.d.ts +18 -2
- package/dist/src/table/shared-components/menu-item/index.d.ts +13 -2
- package/dist/src/table/shared-components/tooltip/index.d.ts +5 -1
- package/dist/src/table/types.d.ts +1 -1
- package/dist/table/components/Fetching.js +4 -4
- package/dist/table/components/StyledTable.module.js +48 -48
- package/dist/table/components/TableRow.js +7 -7
- package/dist/table/components/TableSkeleton.js +6 -6
- package/dist/table/components/columns/action-column/actionColumn.js +14 -11
- package/dist/table/components/columns/action-column/components/HeaderActionMenu.js +52 -49
- package/dist/table/components/columns/action-column/components/RowActionMenu.js +40 -36
- package/dist/table/components/columns/expandColumn.js +12 -9
- package/dist/table/components/table-footer/TablePagination.js +28 -25
- package/dist/table/components/table-footer/TableRowCountSelect.js +31 -28
- package/dist/table/components/table-header/TableHeaderCell.js +54 -45
- package/dist/table/custom-features/focus-rows/FocusRowsFeature.js +29 -25
- package/dist/table/helpers/cn.js +4 -5
- package/dist/table/hooks/useColumnVirtualizer.js +1 -1
- package/dist/table/hooks/usePersistedPageSize.js +6 -6
- package/dist/table/hooks/useTranslations.js +6 -4
- package/dist/table/hooks/useWindowWidthSize.hook.js +1 -1
- package/dist/table/shared-components/StyledCheckbox.js +54 -55
- package/dist/table/shared-components/StyledCheckbox.module.js +9 -9
- package/dist/table/shared-components/StyledMenuItem.js +14 -17
- package/dist/table/shared-components/button/StyledButton.module.js +8 -8
- package/dist/table/shared-components/menu-item/index.js +15 -16
- package/dist/table/shared-components/tooltip/index.js +4 -23
- package/package.json +9 -18
- package/src/styles/components-colors/inputVariables.css +59 -57
- package/src/styles/index.css +38 -0
- package/dist/components/feedback/dialog/StyledDialogActions.module.js +0 -8
- package/dist/components/feedback/dialog/StyledDialogContent.module.js +0 -4
- package/dist/components/feedback/dialog/StyledDialogTitle.module.js +0 -4
- package/dist/components/icons/arrow-expand/ArrowExpand.js +0 -18
- package/dist/components/icons/arrow-expand/index.js +0 -1
- package/dist/components/icons/arrow-shrink/ArrowShrink.js +0 -18
- package/dist/components/icons/arrow-shrink/index.js +0 -1
- package/dist/components/inputs/checkbox/StyledCheckbox.js +0 -20
- package/dist/components/inputs/radio-button/StyledRadio.js +0 -17
- package/dist/datetime/components/date-picker/components/HelperTextWithTooltip.js +0 -39
- package/dist/datetime/shared-components/ExpandIcon.js +0 -18
- package/dist/datetime/shared-components/StyledFormControl.js +0 -23
- package/dist/datetime/shared-components/StyledInputField.js +0 -47
- package/dist/datetime/shared-components/StyledSelect.js +0 -47
- package/dist/datetime/shared-components/StyledSelectItem.js +0 -13
- package/dist/datetime/shared-components/StyledTooltip.js +0 -32
- package/dist/src/components/icons/arrow-expand/ArrowExpand.d.ts +0 -2
- package/dist/src/components/icons/arrow-expand/index.d.ts +0 -1
- package/dist/src/components/icons/arrow-shrink/ArrowShrink.d.ts +0 -2
- package/dist/src/components/icons/arrow-shrink/index.d.ts +0 -1
- package/dist/src/components/inputs/checkbox/StyledCheckbox.d.ts +0 -4
- package/dist/src/components/inputs/radio-button/StyledRadio.d.ts +0 -4
- package/dist/src/components/inputs/radio-button/StyledRadioGroup.d.ts +0 -4
- package/dist/src/components/inputs/switch/StyledSwitch.d.ts +0 -5
- package/dist/src/components/utils/accordion/StyledAccordion.d.ts +0 -2
- package/dist/src/components/utils/accordion/StyledAccordionDetails.d.ts +0 -2
- package/dist/src/components/utils/accordion/StyledAccordionSummary.d.ts +0 -8
- package/dist/src/datetime/components/date-picker/components/HelperTextWithTooltip.d.ts +0 -5
|
@@ -1,141 +1,140 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import { useDatePickerMask as
|
|
6
|
-
import { useDatePickerValidation as
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
1
|
+
import { StyledInputField as G } from "../../../../components/inputs/input-field/StyledInputField.js";
|
|
2
|
+
import { getValue as f } from "../helpers.js";
|
|
3
|
+
import { DatePickerButton as J } from "./DatePickerButton.js";
|
|
4
|
+
import { DATE_INPUT_FONT_FAMILY as K } from "../../../../helpers/inputMask.js";
|
|
5
|
+
import { useDatePickerMask as Q } from "../hooks/useDatePickerMask.js";
|
|
6
|
+
import { useDatePickerValidation as X } from "../hooks/useDatePickerValidation.js";
|
|
7
|
+
import { useEffect as b, useState as N } from "react";
|
|
8
|
+
import { jsx as m, jsxs as k } from "react/jsx-runtime";
|
|
9
|
+
import { isValid as Z, parse as $ } from "date-fns";
|
|
10
|
+
var ne = (F) => {
|
|
11
|
+
const { onClick: V, inputClassName: w, dateFormat: r, selected: e, error: I, helperText: H, errorText: Y, onInputChange: h, hideCalendar: B, locale: o, disabledDays: l, label: E, title: v, readOnly: t, disallowPast: i, disallowFuture: s, validateOnCalendarClose: D, onValidatedOnce: g, hideDefaultHelperText: O, required: d, minDate: n, ...u } = F, { validationError: A, handleValidation: c, errHelperText: R, clearValidation: x } = X(), { maskRef: S } = Q(), [a, y] = N(e ? f(e, r) : ""), [C, _] = N({
|
|
12
|
+
selected: e,
|
|
13
|
+
dateFormat: r
|
|
14
|
+
});
|
|
15
|
+
(e !== C.selected || r !== C.dateFormat) && (_({
|
|
16
|
+
selected: e,
|
|
17
|
+
dateFormat: r
|
|
18
|
+
}), y(e ? f(e, r) : ""));
|
|
19
|
+
const j = o?.code?.startsWith("nb") ? "DD/MM/ÅÅÅÅ" : "DD/MM/YYYY", L = O ? void 0 : j, T = !!(A || I), q = T ? Y ?? R : H ?? L;
|
|
20
|
+
b(() => {
|
|
21
|
+
if (!e) {
|
|
22
|
+
x();
|
|
18
23
|
return;
|
|
19
24
|
}
|
|
20
|
-
|
|
21
|
-
value:
|
|
22
|
-
disabledDays:
|
|
23
|
-
localeCode:
|
|
24
|
-
disallowPast:
|
|
25
|
-
disallowFuture:
|
|
26
|
-
required:
|
|
27
|
-
minDate:
|
|
25
|
+
c({
|
|
26
|
+
value: f(e, r),
|
|
27
|
+
disabledDays: l,
|
|
28
|
+
localeCode: o?.code,
|
|
29
|
+
disallowPast: i,
|
|
30
|
+
disallowFuture: s,
|
|
31
|
+
required: d,
|
|
32
|
+
minDate: n
|
|
28
33
|
});
|
|
29
34
|
}, [
|
|
30
|
-
|
|
35
|
+
e,
|
|
31
36
|
r,
|
|
37
|
+
l,
|
|
38
|
+
o?.code,
|
|
32
39
|
i,
|
|
33
|
-
l?.code,
|
|
34
40
|
s,
|
|
35
41
|
d,
|
|
36
42
|
n,
|
|
37
43
|
c,
|
|
38
|
-
|
|
39
|
-
T
|
|
44
|
+
x
|
|
40
45
|
]);
|
|
41
|
-
const
|
|
42
|
-
const
|
|
43
|
-
|
|
46
|
+
const z = /\d/.test(a), U = (p) => {
|
|
47
|
+
const P = p.target.value;
|
|
48
|
+
y(P.replace(/\D/g, "").length ? P : "");
|
|
44
49
|
};
|
|
45
|
-
|
|
46
|
-
|
|
50
|
+
b(() => {
|
|
51
|
+
D && (c({
|
|
47
52
|
value: a,
|
|
48
|
-
disabledDays:
|
|
49
|
-
localeCode:
|
|
50
|
-
disallowPast:
|
|
51
|
-
disallowFuture:
|
|
52
|
-
required:
|
|
53
|
-
minDate:
|
|
54
|
-
}),
|
|
53
|
+
disabledDays: l,
|
|
54
|
+
localeCode: o?.code,
|
|
55
|
+
disallowPast: i,
|
|
56
|
+
disallowFuture: s,
|
|
57
|
+
required: d,
|
|
58
|
+
minDate: n
|
|
59
|
+
}), g?.());
|
|
55
60
|
}, [
|
|
56
|
-
|
|
61
|
+
D,
|
|
57
62
|
a,
|
|
63
|
+
l,
|
|
64
|
+
o?.code,
|
|
58
65
|
i,
|
|
59
|
-
l?.code,
|
|
60
66
|
s,
|
|
61
67
|
d,
|
|
62
68
|
n,
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
p
|
|
69
|
+
g,
|
|
70
|
+
c
|
|
66
71
|
]);
|
|
67
|
-
const
|
|
68
|
-
if (
|
|
72
|
+
const W = () => {
|
|
73
|
+
if (c({
|
|
69
74
|
value: a,
|
|
70
|
-
disabledDays:
|
|
71
|
-
localeCode:
|
|
72
|
-
disallowPast:
|
|
73
|
-
disallowFuture:
|
|
74
|
-
required:
|
|
75
|
-
minDate:
|
|
75
|
+
disabledDays: l,
|
|
76
|
+
localeCode: o?.code,
|
|
77
|
+
disallowPast: i,
|
|
78
|
+
disallowFuture: s,
|
|
79
|
+
required: d,
|
|
80
|
+
minDate: n
|
|
76
81
|
})) return;
|
|
77
82
|
if (!a.replace(/\D/g, "").length) {
|
|
78
|
-
|
|
83
|
+
h?.(void 0);
|
|
79
84
|
return;
|
|
80
85
|
}
|
|
81
|
-
const
|
|
82
|
-
|
|
83
|
-
},
|
|
84
|
-
return /* @__PURE__ */
|
|
86
|
+
const p = $(a, "dd/MM/yyyy", /* @__PURE__ */ new Date());
|
|
87
|
+
h?.(Z(p) ? p : void 0);
|
|
88
|
+
}, M = t ? 120 : 160;
|
|
89
|
+
return /* @__PURE__ */ k("div", {
|
|
85
90
|
className: "cursor-default",
|
|
86
|
-
children: [
|
|
91
|
+
children: [v && /* @__PURE__ */ m("div", {
|
|
87
92
|
className: "pb-1 font-roboto font-semibold text-delta-800",
|
|
88
|
-
children:
|
|
89
|
-
}), /* @__PURE__ */
|
|
93
|
+
children: v
|
|
94
|
+
}), /* @__PURE__ */ k("div", {
|
|
90
95
|
className: "flex gap-1",
|
|
91
|
-
style: { height:
|
|
92
|
-
children: [/* @__PURE__ */
|
|
93
|
-
style: { width:
|
|
94
|
-
children:
|
|
96
|
+
style: { height: t ? 40 : 75 },
|
|
97
|
+
children: [/* @__PURE__ */ m("div", {
|
|
98
|
+
style: { width: M },
|
|
99
|
+
children: /* @__PURE__ */ m("div", {
|
|
95
100
|
className: "relative",
|
|
96
|
-
children: /* @__PURE__ */
|
|
97
|
-
...
|
|
98
|
-
label:
|
|
99
|
-
readOnly:
|
|
100
|
-
"data-testid":
|
|
101
|
+
children: /* @__PURE__ */ m(G, {
|
|
102
|
+
...u,
|
|
103
|
+
label: E,
|
|
104
|
+
readOnly: t,
|
|
105
|
+
"data-testid": u.dataTest,
|
|
101
106
|
autoComplete: "off",
|
|
102
|
-
inputRef:
|
|
103
|
-
placeholder: !
|
|
107
|
+
inputRef: t ? void 0 : S,
|
|
108
|
+
placeholder: !t && !z ? " / / " : void 0,
|
|
104
109
|
size: "small",
|
|
105
|
-
value:
|
|
106
|
-
className:
|
|
107
|
-
style: { width:
|
|
108
|
-
error:
|
|
109
|
-
onBlur:
|
|
110
|
-
helperText:
|
|
110
|
+
value: t ? a.replaceAll("/", ".") : a,
|
|
111
|
+
className: w,
|
|
112
|
+
style: { width: M },
|
|
113
|
+
error: T,
|
|
114
|
+
onBlur: t ? void 0 : W,
|
|
115
|
+
helperText: q,
|
|
111
116
|
slotProps: {
|
|
112
|
-
formHelperText: { sx: {
|
|
113
|
-
|
|
117
|
+
formHelperText: { sx: {
|
|
118
|
+
marginTop: "4px",
|
|
119
|
+
marginLeft: 0,
|
|
120
|
+
marginRight: 0
|
|
121
|
+
} },
|
|
122
|
+
htmlInput: { ...t ? {} : {
|
|
114
123
|
inputMode: "numeric",
|
|
115
|
-
style: { fontFamily:
|
|
124
|
+
style: { fontFamily: K }
|
|
116
125
|
} }
|
|
117
126
|
},
|
|
118
|
-
onChange:
|
|
119
|
-
})
|
|
120
|
-
}), !e && /* @__PURE__ */ o("div", {
|
|
121
|
-
className: J("pt-1 text-[14px]", m ? "text-error-500" : "text-delta-600"),
|
|
122
|
-
style: {
|
|
123
|
-
maxWidth: h,
|
|
124
|
-
maxHeight: 34,
|
|
125
|
-
lineHeight: "16px"
|
|
126
|
-
},
|
|
127
|
-
children: /* @__PURE__ */ o(U, {
|
|
128
|
-
text: R,
|
|
129
|
-
hasError: m
|
|
127
|
+
onChange: U
|
|
130
128
|
})
|
|
131
|
-
})
|
|
132
|
-
}), !
|
|
133
|
-
onClick:
|
|
134
|
-
disabled: !!
|
|
129
|
+
})
|
|
130
|
+
}), !B && !t && /* @__PURE__ */ m(J, {
|
|
131
|
+
onClick: V,
|
|
132
|
+
disabled: !!u.disabled,
|
|
133
|
+
localeCode: o?.code
|
|
135
134
|
})]
|
|
136
135
|
})]
|
|
137
136
|
});
|
|
138
137
|
};
|
|
139
138
|
export {
|
|
140
|
-
|
|
139
|
+
ne as BaseDatePickerInput
|
|
141
140
|
};
|
|
@@ -1,20 +1,22 @@
|
|
|
1
|
-
import { StyledButton as
|
|
2
|
-
import { cn as
|
|
3
|
-
import { OutlineCalendarMonth as
|
|
1
|
+
import { StyledButton as n } from "../../../shared-components/button/StyledButton.js";
|
|
2
|
+
import { cn as i } from "../../../helpers/cn.js";
|
|
3
|
+
import { OutlineCalendarMonth as l } from "../../../shared-components/OutlineCalendarMonth.js";
|
|
4
4
|
import "react";
|
|
5
|
-
import { jsx as
|
|
6
|
-
var
|
|
5
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
6
|
+
var h = ({ onClick: e, disabled: t, localeCode: o }) => /* @__PURE__ */ r(n, {
|
|
7
7
|
type: "button",
|
|
8
8
|
size: "large",
|
|
9
9
|
dataTest: "DatePickerButton",
|
|
10
|
-
|
|
10
|
+
"aria-label": o?.startsWith("nb") ? "Åpne kalender" : "Open calendar",
|
|
11
|
+
startIcon: /* @__PURE__ */ r(l, {
|
|
11
12
|
width: 24,
|
|
12
13
|
height: 24
|
|
13
14
|
}),
|
|
14
15
|
variant: "outlined",
|
|
15
|
-
|
|
16
|
-
|
|
16
|
+
disabled: t,
|
|
17
|
+
onClick: (a) => !t && e(a),
|
|
18
|
+
className: i(t && "cursor-not-allowed")
|
|
17
19
|
});
|
|
18
20
|
export {
|
|
19
|
-
|
|
21
|
+
h as DatePickerButton
|
|
20
22
|
};
|
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { StyledPopover as n } from "../../../../components/utils/popover/StyledPopover.js";
|
|
2
|
+
import { StyledDayPicker as c } from "./StyledDayPicker.js";
|
|
3
3
|
import { jsx as r } from "react/jsx-runtime";
|
|
4
|
-
var h = ({ datePickerProps: e, popoverProps:
|
|
5
|
-
const { open:
|
|
6
|
-
return /* @__PURE__ */ r(
|
|
7
|
-
open:
|
|
8
|
-
anchorEl:
|
|
4
|
+
var h = ({ datePickerProps: e, popoverProps: t, positionAbove: o }) => {
|
|
5
|
+
const { open: l, anchorEl: i, onClose: a } = t;
|
|
6
|
+
return /* @__PURE__ */ r(n, {
|
|
7
|
+
open: l,
|
|
8
|
+
anchorEl: i,
|
|
9
9
|
onClose: a,
|
|
10
10
|
anchorOrigin: {
|
|
11
|
-
vertical:
|
|
11
|
+
vertical: o ? "top" : 50,
|
|
12
12
|
horizontal: "left"
|
|
13
13
|
},
|
|
14
14
|
transformOrigin: {
|
|
15
|
-
vertical:
|
|
15
|
+
vertical: o ? "bottom" : "top",
|
|
16
16
|
horizontal: "left"
|
|
17
17
|
},
|
|
18
18
|
children: /* @__PURE__ */ r("div", {
|
|
19
19
|
className: "p-4",
|
|
20
|
-
children: /* @__PURE__ */ r(
|
|
20
|
+
children: /* @__PURE__ */ r(c, {
|
|
21
21
|
datePickerProps: e,
|
|
22
|
-
popoverProps:
|
|
22
|
+
popoverProps: t
|
|
23
23
|
})
|
|
24
24
|
})
|
|
25
25
|
});
|
|
@@ -1,31 +1,31 @@
|
|
|
1
|
-
var _ = "
|
|
2
|
-
"styled-calendar-day-picker": "_styled-calendar-day-
|
|
1
|
+
var _ = "_months_1hogo_12", a = "_month_1hogo_12", o = "_caption_1hogo_25", e = "_caption_label_1hogo_29", d = "_nav_1hogo_34", r = "_nav_button_1hogo_38", n = "_nav_button_previous_1hogo_44", h = "_nav_button_next_1hogo_48", t = "_head_row_1hogo_52", v = "_head_cell_1hogo_56", g = "_row_1hogo_65", l = "_cell_1hogo_69", i = "_has_1hogo_72", s = "_first_1hogo_75", y = "_last_1hogo_78", c = "_day_1hogo_82", u = "_day_today_1hogo_93", b = "_day_selected_1hogo_99", p = "_day_outside_1hogo_120", m = "_day_range_middle_1hogo_126", w = "_day_disabled_1hogo_134", k = "_day_hidden_1hogo_142", f = "_weeknumber_1hogo_146", x = "_caption_end_1hogo_158", C = {
|
|
2
|
+
"styled-calendar-day-picker": "_styled-calendar-day-picker_1hogo_1",
|
|
3
3
|
months: _,
|
|
4
|
-
month:
|
|
5
|
-
caption:
|
|
6
|
-
caption_label:
|
|
4
|
+
month: a,
|
|
5
|
+
caption: o,
|
|
6
|
+
caption_label: e,
|
|
7
7
|
nav: d,
|
|
8
|
-
nav_button:
|
|
9
|
-
nav_button_previous:
|
|
10
|
-
nav_button_next:
|
|
8
|
+
nav_button: r,
|
|
9
|
+
nav_button_previous: n,
|
|
10
|
+
nav_button_next: h,
|
|
11
11
|
head_row: t,
|
|
12
12
|
head_cell: v,
|
|
13
|
-
row:
|
|
14
|
-
cell:
|
|
15
|
-
has:
|
|
16
|
-
first:
|
|
17
|
-
last:
|
|
18
|
-
day:
|
|
19
|
-
"focus-visible": "_focus-
|
|
20
|
-
day_today:
|
|
21
|
-
day_selected:
|
|
22
|
-
"rdp-day_range_end": "_rdp-
|
|
13
|
+
row: g,
|
|
14
|
+
cell: l,
|
|
15
|
+
has: i,
|
|
16
|
+
first: s,
|
|
17
|
+
last: y,
|
|
18
|
+
day: c,
|
|
19
|
+
"focus-visible": "_focus-visible_1hogo_88",
|
|
20
|
+
day_today: u,
|
|
21
|
+
day_selected: b,
|
|
22
|
+
"rdp-day_range_end": "_rdp-day_range_end_1hogo_120",
|
|
23
23
|
day_outside: p,
|
|
24
24
|
day_range_middle: m,
|
|
25
25
|
day_disabled: w,
|
|
26
26
|
day_hidden: k,
|
|
27
|
-
weeknumber:
|
|
28
|
-
"weeknumber-header": "_weeknumber-
|
|
27
|
+
weeknumber: f,
|
|
28
|
+
"weeknumber-header": "_weeknumber-header_1hogo_150",
|
|
29
29
|
caption_end: x
|
|
30
30
|
};
|
|
31
31
|
export {
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { StyledButton as s } from "../../../shared-components/button/StyledButton.js";
|
|
2
|
-
import { CloseIcon as
|
|
3
|
-
import { jsx as e, jsxs as
|
|
4
|
-
function y(
|
|
5
|
-
const { onClose:
|
|
6
|
-
return /* @__PURE__ */
|
|
2
|
+
import { CloseIcon as l } from "../../../shared-components/CloseIcon.js";
|
|
3
|
+
import { jsx as e, jsxs as r } from "react/jsx-runtime";
|
|
4
|
+
function y(o) {
|
|
5
|
+
const { onClose: n, children: a, calendarMonth: c, displayIndex: d, ...t } = o;
|
|
6
|
+
return /* @__PURE__ */ r("div", {
|
|
7
7
|
...t,
|
|
8
8
|
className: "rdp-custom-caption capitalize",
|
|
9
9
|
style: {
|
|
@@ -15,9 +15,10 @@ function y(n) {
|
|
|
15
15
|
},
|
|
16
16
|
children: [a, /* @__PURE__ */ e(s, {
|
|
17
17
|
dataTest: "close-button",
|
|
18
|
+
"aria-label": "Close",
|
|
18
19
|
variant: "textGray",
|
|
19
|
-
onClick: (i) =>
|
|
20
|
-
startIcon: /* @__PURE__ */ e(
|
|
20
|
+
onClick: (i) => n?.(i, "backdropClick"),
|
|
21
|
+
startIcon: /* @__PURE__ */ e(l, {
|
|
21
22
|
height: 20,
|
|
22
23
|
width: 20
|
|
23
24
|
})
|
|
@@ -2,11 +2,10 @@ import { ChevronLeftIcon as c } from "../../../shared-components/ChevronLeftIcon
|
|
|
2
2
|
import { ChevronRightIcon as f } from "../../../shared-components/ChevronRightIcon.js";
|
|
3
3
|
import { StyledButton as a } from "../../../shared-components/button/StyledButton.js";
|
|
4
4
|
import { jsx as t, jsxs as s } from "react/jsx-runtime";
|
|
5
|
-
import { useNavigation as
|
|
6
|
-
import { isDate as
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
const { nextMonth: n, previousMonth: r } = v();
|
|
5
|
+
import { useNavigation as y } from "react-day-picker";
|
|
6
|
+
import { isDate as v, isValid as u } from "date-fns";
|
|
7
|
+
var b = ({ onClose: m, isNb: e, selected: i, removeSelection: h, setMonth: l, onClear: d, required: p }) => {
|
|
8
|
+
const { nextMonth: n, previousMonth: r } = y();
|
|
10
9
|
return /* @__PURE__ */ s("div", {
|
|
11
10
|
style: {
|
|
12
11
|
marginTop: "8px",
|
|
@@ -18,12 +17,12 @@ var W = ({ onClose: m, isNb: l, selected: i, removeSelection: h, setMonth: e, on
|
|
|
18
17
|
dataTest: "",
|
|
19
18
|
variant: "text",
|
|
20
19
|
onClick: (o) => {
|
|
21
|
-
d ? d() : h(o),
|
|
20
|
+
d ? d() : h(o), l(new Date(Date.now()));
|
|
22
21
|
},
|
|
23
22
|
size: "small",
|
|
24
|
-
disabled: !!p || i === null ||
|
|
23
|
+
disabled: !!p || i === null || Array.isArray(i) && i.length === 0 || v(i) && !u(i) || typeof i == "object" && i !== null && !Object.values(i).filter(Boolean).length,
|
|
25
24
|
style: { minWidth: "60px" },
|
|
26
|
-
children:
|
|
25
|
+
children: e ? "Nullstill" : "Clear"
|
|
27
26
|
}),
|
|
28
27
|
/* @__PURE__ */ s("div", {
|
|
29
28
|
style: {
|
|
@@ -37,7 +36,7 @@ var W = ({ onClose: m, isNb: l, selected: i, removeSelection: h, setMonth: e, on
|
|
|
37
36
|
size: "small",
|
|
38
37
|
disabled: !r,
|
|
39
38
|
onClick: () => {
|
|
40
|
-
r &&
|
|
39
|
+
r && l(r);
|
|
41
40
|
},
|
|
42
41
|
style: { minWidth: "25px" },
|
|
43
42
|
children: /* @__PURE__ */ t(c, {
|
|
@@ -49,10 +48,10 @@ var W = ({ onClose: m, isNb: l, selected: i, removeSelection: h, setMonth: e, on
|
|
|
49
48
|
dataTest: "",
|
|
50
49
|
size: "small",
|
|
51
50
|
onClick: () => {
|
|
52
|
-
|
|
51
|
+
l(new Date(Date.now()));
|
|
53
52
|
},
|
|
54
53
|
variant: "outlined",
|
|
55
|
-
children:
|
|
54
|
+
children: e ? "I dag" : "Today"
|
|
56
55
|
}),
|
|
57
56
|
/* @__PURE__ */ t(a, {
|
|
58
57
|
dataTest: "",
|
|
@@ -60,7 +59,7 @@ var W = ({ onClose: m, isNb: l, selected: i, removeSelection: h, setMonth: e, on
|
|
|
60
59
|
size: "small",
|
|
61
60
|
disabled: !n,
|
|
62
61
|
onClick: () => {
|
|
63
|
-
n &&
|
|
62
|
+
n && l(n);
|
|
64
63
|
},
|
|
65
64
|
style: { minWidth: "25px" },
|
|
66
65
|
children: /* @__PURE__ */ t(f, {
|
|
@@ -78,11 +77,11 @@ var W = ({ onClose: m, isNb: l, selected: i, removeSelection: h, setMonth: e, on
|
|
|
78
77
|
m?.(o, "backdropClick");
|
|
79
78
|
},
|
|
80
79
|
style: { minWidth: "60px" },
|
|
81
|
-
children:
|
|
80
|
+
children: e ? "Velg" : "Select"
|
|
82
81
|
})
|
|
83
82
|
]
|
|
84
83
|
});
|
|
85
84
|
};
|
|
86
85
|
export {
|
|
87
|
-
|
|
86
|
+
b as StyledCalendarPickerFooter
|
|
88
87
|
};
|
|
@@ -1,42 +1,35 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
1
|
+
import { StyledSelect as s } from "../../../../components/inputs/select/StyledSelect.js";
|
|
2
|
+
import { StyledSelectItem as p } from "../../../../components/inputs/select/StyledSelectItem.js";
|
|
3
|
+
import { StyledFormControl as S } from "../../../../components/miscellaneous/StyledFormControl.js";
|
|
4
4
|
import u from "./StyledCalendarPickerSelectPeriod.module.js";
|
|
5
|
-
import { jsx as
|
|
6
|
-
|
|
7
|
-
function
|
|
8
|
-
const { options:
|
|
9
|
-
return /* @__PURE__ */
|
|
5
|
+
import { jsx as l } from "react/jsx-runtime";
|
|
6
|
+
var h = (a) => a.charAt(0).toUpperCase() + a.slice(1).toLowerCase();
|
|
7
|
+
function g(a) {
|
|
8
|
+
const { options: r = [], onChange: t, value: d, disabled: i, className: n, style: o, name: c } = a, m = a["aria-label"];
|
|
9
|
+
return /* @__PURE__ */ l(S, {
|
|
10
10
|
style: {
|
|
11
11
|
marginLeft: "-2px",
|
|
12
12
|
marginRight: "8px"
|
|
13
13
|
},
|
|
14
|
-
children: /* @__PURE__ */
|
|
14
|
+
children: /* @__PURE__ */ l(s, {
|
|
15
15
|
dataTest: "StyledCalendarPickerSelectMonth",
|
|
16
16
|
size: "small",
|
|
17
17
|
variant: "standard",
|
|
18
|
-
name: m,
|
|
19
|
-
|
|
20
|
-
disabled: d,
|
|
18
|
+
name: m ?? c,
|
|
19
|
+
disabled: i,
|
|
21
20
|
className: n,
|
|
22
|
-
style:
|
|
23
|
-
value:
|
|
24
|
-
onChange: (e) =>
|
|
21
|
+
style: o,
|
|
22
|
+
value: d ?? "",
|
|
23
|
+
onChange: (e) => t?.(e),
|
|
25
24
|
MenuProps: { className: u["styled-calendar-picker-select-period-menu"] },
|
|
26
|
-
|
|
27
|
-
"&::before": { borderBottom: "none" },
|
|
28
|
-
"&:hover::before": { borderBottom: "none" },
|
|
29
|
-
"&:hover:not(.Mui-disabled, .Mui-error)::before": { borderBottom: "none" },
|
|
30
|
-
"&:focus::before": { borderBottom: "none" }
|
|
31
|
-
},
|
|
32
|
-
children: o.map((e) => /* @__PURE__ */ r(f, {
|
|
25
|
+
children: r.map((e) => /* @__PURE__ */ l(p, {
|
|
33
26
|
value: e.value,
|
|
34
27
|
disabled: e.disabled,
|
|
35
|
-
children:
|
|
28
|
+
children: h(e.label)
|
|
36
29
|
}, e.value))
|
|
37
30
|
})
|
|
38
31
|
});
|
|
39
32
|
}
|
|
40
33
|
export {
|
|
41
|
-
|
|
34
|
+
g as StyledCalendarPickerSelectMonth
|
|
42
35
|
};
|
|
@@ -1,28 +1,27 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
1
|
+
import { StyledSelect as o } from "../../../../components/inputs/select/StyledSelect.js";
|
|
2
|
+
import { StyledSelectItem as u } from "../../../../components/inputs/select/StyledSelectItem.js";
|
|
3
|
+
import { StyledFormControl as S } from "../../../../components/miscellaneous/StyledFormControl.js";
|
|
4
4
|
import y from "./StyledCalendarPickerSelectPeriod.module.js";
|
|
5
5
|
import { jsx as a } from "react/jsx-runtime";
|
|
6
6
|
function C(l) {
|
|
7
7
|
const { options: r = [], onChange: t, value: d, disabled: i, className: n, style: m, name: c } = l, s = l["aria-label"];
|
|
8
|
-
return /* @__PURE__ */ a(
|
|
8
|
+
return /* @__PURE__ */ a(S, {
|
|
9
9
|
style: {
|
|
10
10
|
width: "70px",
|
|
11
11
|
marginLeft: "5px"
|
|
12
12
|
},
|
|
13
|
-
children: /* @__PURE__ */ a(
|
|
13
|
+
children: /* @__PURE__ */ a(o, {
|
|
14
14
|
dataTest: "StyledCalendarPickerSelectYear",
|
|
15
15
|
size: "small",
|
|
16
16
|
variant: "standard",
|
|
17
|
-
name: c,
|
|
18
|
-
"aria-label": s,
|
|
17
|
+
name: s ?? c,
|
|
19
18
|
disabled: i,
|
|
20
19
|
className: n,
|
|
21
20
|
style: m,
|
|
22
21
|
value: d ?? "",
|
|
23
22
|
onChange: (e) => t?.(e),
|
|
24
23
|
MenuProps: { className: y["styled-calendar-picker-select-period-menu"] },
|
|
25
|
-
children: r.map((e) => /* @__PURE__ */ a(
|
|
24
|
+
children: r.map((e) => /* @__PURE__ */ a(u, {
|
|
26
25
|
value: e.value,
|
|
27
26
|
disabled: e.disabled,
|
|
28
27
|
children: e.label
|
|
@@ -5,12 +5,11 @@ import { StyledCalendarPickerSelectYear as N } from "./StyledCalendarPickerSelec
|
|
|
5
5
|
import e from "./StyledCalendarPicker.module.js";
|
|
6
6
|
import { buildDisabled as Y } from "../helpers.js";
|
|
7
7
|
import { useState as F } from "react";
|
|
8
|
-
import "@mui/material";
|
|
9
8
|
import { jsx as i } from "react/jsx-runtime";
|
|
10
9
|
import { DayPicker as W } from "react-day-picker";
|
|
11
10
|
import { endOfMonth as q, startOfToday as R } from "date-fns";
|
|
12
11
|
import { enGB as T } from "date-fns/locale";
|
|
13
|
-
var
|
|
12
|
+
var K = ({ datePickerProps: t, popoverProps: y }) => {
|
|
14
13
|
const { showOutsideDays: h = !0, locale: s = T, numberOfMonths: b, disabledDays: w, onClear: f, title: j, ...g } = t, { onClose: m } = y, [_, c] = F((t.mode === "range" ? t.selected?.from : t.selected) ?? /* @__PURE__ */ new Date()), u = s.code === "nb", v = (b ?? 1) < 2, D = Y(w, "disallowPast" in t ? t.disallowPast : void 0, "disallowFuture" in t ? t.disallowFuture : void 0, R()), S = (n) => {
|
|
15
14
|
if (!t.selected || !t.onSelect) return;
|
|
16
15
|
const o = /* @__PURE__ */ new Date(), a = {};
|
|
@@ -30,8 +29,8 @@ var Q = ({ datePickerProps: t, popoverProps: y }) => {
|
|
|
30
29
|
if (c(n), !!t.onSelect && (!t.mode || t.mode === "single")) {
|
|
31
30
|
const o = t.selected;
|
|
32
31
|
if (o instanceof Date) {
|
|
33
|
-
const a = n.getFullYear(), d = n.getMonth(), l = o.getDate(),
|
|
34
|
-
r.setFullYear(a, d,
|
|
32
|
+
const a = n.getFullYear(), d = n.getMonth(), l = o.getDate(), M = q(new Date(a, d, 1)).getDate(), p = Math.min(l, M), r = new Date(o);
|
|
33
|
+
r.setFullYear(a, d, p), t.onSelect(r, r, {}, {});
|
|
35
34
|
}
|
|
36
35
|
}
|
|
37
36
|
},
|
|
@@ -106,5 +105,5 @@ var Q = ({ datePickerProps: t, popoverProps: y }) => {
|
|
|
106
105
|
});
|
|
107
106
|
};
|
|
108
107
|
export {
|
|
109
|
-
|
|
108
|
+
K as StyledDayPicker
|
|
110
109
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { format as p, startOfToday as c } from "date-fns";
|
|
2
|
-
var
|
|
2
|
+
var v = (e, r = "dd/MM/yyyy") => e ? p(e, "dd/MM/yyyy") : "", M = (e, r) => {
|
|
3
3
|
const n = window.innerHeight, t = e.currentTarget.getBoundingClientRect(), o = t.top, i = n - t.bottom;
|
|
4
4
|
i < 300 && o > i ? r(!0) : r(!1);
|
|
5
|
-
}, f = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()), g = (e, r) => e.getFullYear() === r.getFullYear() && e.getMonth() === r.getMonth() && e.getDate() === r.getDate(),
|
|
5
|
+
}, f = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()), g = (e, r) => e.getFullYear() === r.getFullYear() && e.getMonth() === r.getMonth() && e.getDate() === r.getDate(), w = ({ parsedDate: e, disabledDays: r }) => {
|
|
6
6
|
if (!e || !r) return !1;
|
|
7
7
|
const n = f(e);
|
|
8
8
|
return (Array.isArray(r) ? r : [r]).some((t) => {
|
|
@@ -19,13 +19,13 @@ var w = (e, r = "dd/MM/yyyy") => e ? p(e, "dd/MM/yyyy") : "", D = (e, r) => {
|
|
|
19
19
|
}
|
|
20
20
|
return !1;
|
|
21
21
|
});
|
|
22
|
-
},
|
|
22
|
+
}, D = (e, r, n, t = c()) => {
|
|
23
23
|
const o = [];
|
|
24
24
|
return e && (Array.isArray(e) ? o.push(...e) : o.push(e)), r && o.push({ before: t }), n && o.push({ after: t }), o;
|
|
25
25
|
};
|
|
26
26
|
export {
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
27
|
+
D as buildDisabled,
|
|
28
|
+
v as getValue,
|
|
29
|
+
w as isDisabledDate,
|
|
30
|
+
M as setPickerPosition
|
|
31
31
|
};
|