@salutejs/plasma-new-hope 0.339.0-canary.2300.18832443234.0 → 0.339.0-canary.2301.18868987022.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/cjs/components/Attach/Attach.css +68 -24
- package/cjs/components/Attach/Attach.js +177 -32
- package/cjs/components/Attach/Attach.js.map +1 -1
- package/cjs/components/Attach/Attach.styles.js +46 -5
- package/cjs/components/Attach/Attach.styles.js.map +1 -1
- package/cjs/components/Attach/Attach.styles_17eum4v.css +8 -0
- package/cjs/components/Attach/Attach.tokens.js +21 -6
- package/cjs/components/Attach/Attach.tokens.js.map +1 -1
- package/cjs/components/Attach/components/AttachButton/AttachButton.css +82 -15
- package/cjs/components/Attach/components/AttachButton/AttachButton.js.map +1 -1
- package/cjs/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.css +105 -0
- package/cjs/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.js +29 -0
- package/cjs/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.js.map +1 -0
- package/cjs/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.styles.js +21 -0
- package/cjs/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.styles.js.map +1 -0
- package/cjs/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.styles_3t6n6e.css +2 -0
- package/cjs/components/Attach/ui/Cell/Cell.css +60 -0
- package/cjs/components/Attach/ui/Cell/Cell.js +46 -0
- package/cjs/components/Attach/ui/Cell/Cell.js.map +1 -0
- package/cjs/components/Attach/ui/Cell/Cell.styles.js +1 -1
- package/{es/components/Attach/ui/Cell/Cell.styles_69w962.css → cjs/components/Attach/ui/Cell/Cell.styles_lpj30y.css} +1 -1
- package/cjs/components/Attach/ui/Dropdown/Dropdown.css +100 -0
- package/cjs/components/Attach/ui/Dropdown/Dropdown.js +69 -0
- package/cjs/components/Attach/ui/Dropdown/Dropdown.js.map +1 -0
- package/cjs/components/Attach/ui/Dropdown/Dropdown.styles.js +22 -0
- package/cjs/components/Attach/ui/Dropdown/Dropdown.styles.js.map +1 -0
- package/cjs/components/Attach/ui/Dropdown/Dropdown.styles_1ge65dg.css +1 -0
- package/cjs/components/Attach/ui/MoreTrigger/MoreTrigger.css +3 -0
- package/cjs/components/Attach/ui/MoreTrigger/MoreTrigger.js +23 -0
- package/cjs/components/Attach/ui/MoreTrigger/MoreTrigger.js.map +1 -0
- package/cjs/components/Attach/ui/MoreTrigger/MoreTrigger.styles.js +15 -0
- package/cjs/components/Attach/ui/MoreTrigger/MoreTrigger.styles.js.map +1 -0
- package/cjs/components/Attach/ui/MoreTrigger/MoreTrigger.styles_5yseaa.css +1 -0
- package/cjs/components/Attach/utils/getFilenameParts.js +21 -0
- package/cjs/components/Attach/utils/getFilenameParts.js.map +1 -0
- package/cjs/components/Attach/variations/_size/base.js +1 -1
- package/cjs/components/Attach/variations/_size/base.js.map +1 -1
- package/cjs/components/Attach/variations/_size/base_1x0gzlt.css +1 -0
- package/cjs/components/Attach/variations/_view/base.js +1 -1
- package/cjs/components/Attach/variations/_view/base_d9xz7t.css +1 -0
- package/cjs/components/Calendar/Calendar.tokens.js +24 -1
- package/cjs/components/Calendar/Calendar.tokens.js.map +1 -1
- package/cjs/components/Calendar/Calendar.types.js.map +1 -1
- package/cjs/components/Calendar/CalendarBase/CalendarBase.css +18 -4
- package/cjs/components/Calendar/CalendarBase/CalendarBase.js +48 -5
- package/cjs/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
- package/cjs/components/Calendar/CalendarBase/variations/_tooltip-size/base.js +9 -0
- package/cjs/components/Calendar/CalendarBase/variations/_tooltip-size/base.js.map +1 -0
- package/cjs/components/Calendar/CalendarBase/variations/_tooltip-size/base_x642ct.css +1 -0
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +18 -4
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +61 -11
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
- package/cjs/components/Calendar/CalendarDouble/variations/_size/base.js +9 -0
- package/cjs/components/Calendar/CalendarDouble/variations/_size/base.js.map +1 -0
- package/cjs/components/Calendar/CalendarDouble/variations/_size/base_x642ct.css +1 -0
- package/cjs/components/Calendar/CalendarDouble/variations/_tooltip-size/base.js +9 -0
- package/cjs/components/Calendar/CalendarDouble/variations/_tooltip-size/base.js.map +1 -0
- package/cjs/components/Calendar/CalendarDouble/variations/_tooltip-size/base_x642ct.css +1 -0
- package/cjs/components/Calendar/hooks/useKeyNavigation.js +3 -0
- package/cjs/components/Calendar/hooks/useKeyNavigation.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.css +4 -4
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -1
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.css +4 -4
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +5 -1
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +4 -4
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +5 -1
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.css +4 -4
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +5 -1
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -4
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.js +23 -6
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.js.map +1 -1
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +3 -3
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -1
- package/cjs/components/Calendar/ui/DateStructureItem/{DateStructureItem.styles_z3dhwf.css → DateStructureItem.styles_1jogt74.css} +1 -1
- package/cjs/components/Calendar/ui/EventTooltip/EventTooltip.styles.js +22 -0
- package/cjs/components/Calendar/ui/EventTooltip/EventTooltip.styles.js.map +1 -0
- package/cjs/components/Calendar/ui/EventTooltip/EventTooltip.styles_dh6nzd.css +1 -0
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +10 -0
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/DatePicker/DatePicker.tokens.js +24 -1
- package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/cjs/components/DatePicker/DatePickerBase.styles.js +1 -1
- package/cjs/components/DatePicker/DatePickerBase.styles.js.map +1 -1
- package/cjs/components/DatePicker/{DatePickerBase.styles_6x4unn.css → DatePickerBase.styles_1rfomby.css} +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +15 -13
- package/cjs/components/DatePicker/RangeDate/RangeDate.js +15 -6
- package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +13 -11
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +3 -0
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/{RangeDatePopover.styles_1wt56uj.css → RangeDatePopover.styles_k6m3t6.css} +2 -2
- package/cjs/components/DatePicker/RangeDate/variations/_tooltip-size/base.js +9 -0
- package/cjs/components/DatePicker/RangeDate/variations/_tooltip-size/base.js.map +1 -0
- package/cjs/components/DatePicker/RangeDate/variations/_tooltip-size/base_x642ct.css +1 -0
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +8 -6
- package/cjs/components/DatePicker/SingleDate/SingleDate.js +15 -12
- package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/variations/_tooltip-size/base.js +9 -0
- package/cjs/components/DatePicker/SingleDate/variations/_tooltip-size/base.js.map +1 -0
- package/cjs/components/DatePicker/SingleDate/variations/_tooltip-size/base_x642ct.css +1 -0
- package/cjs/components/Popover/Popover.js +1 -0
- package/cjs/components/Popover/Popover.js.map +1 -1
- package/cjs/components/Typography/Body/Body.css +1 -1
- package/cjs/components/Typography/Typography.styles.js +1 -1
- package/cjs/components/Typography/Typography.styles.js.map +1 -1
- package/cjs/components/Typography/Typography.styles_iqzojt.css +1 -0
- package/cjs/components/_Icon/Icon.assets/DotsHorizontalOutline.js +27 -0
- package/cjs/components/_Icon/Icon.assets/DotsHorizontalOutline.js.map +1 -0
- package/cjs/components/_Icon/Icons/IconDotsHorizontalOutline.js +31 -0
- package/cjs/components/_Icon/Icons/IconDotsHorizontalOutline.js.map +1 -0
- package/cjs/index.css +28 -18
- package/emotion/cjs/components/Attach/Attach.js +190 -28
- package/emotion/cjs/components/Attach/Attach.styles.js +33 -14
- package/emotion/cjs/components/Attach/Attach.tokens.js +21 -6
- package/emotion/cjs/components/Attach/components/AttachButton/AttachButton.js +3 -4
- package/emotion/cjs/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.js +64 -0
- package/emotion/cjs/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.styles.js +33 -0
- package/emotion/cjs/components/Attach/components/HiddenWidthHelper/index.js +11 -0
- package/emotion/cjs/components/Attach/components/index.js +19 -0
- package/emotion/cjs/components/Attach/ui/Cell/Cell.js +67 -2
- package/emotion/cjs/components/Attach/ui/Dropdown/Dropdown.js +225 -0
- package/emotion/cjs/components/Attach/ui/Dropdown/Dropdown.styles.js +26 -0
- package/emotion/cjs/components/Attach/ui/MoreTrigger/MoreTrigger.js +26 -0
- package/emotion/cjs/components/Attach/ui/MoreTrigger/MoreTrigger.styles.js +21 -0
- package/emotion/cjs/components/Attach/ui/index.js +29 -0
- package/emotion/cjs/components/Attach/utils/getFilenameParts.js +23 -0
- package/emotion/cjs/components/Attach/utils/index.js +4 -0
- package/emotion/cjs/components/Attach/variations/_size/base.js +1 -1
- package/emotion/cjs/components/Calendar/Calendar.tokens.js +23 -1
- package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.js +44 -5
- package/emotion/cjs/components/Calendar/CalendarBase/variations/_tooltip-size/base.js +12 -0
- package/emotion/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +53 -7
- package/emotion/cjs/components/Calendar/CalendarDouble/variations/_tooltip-size/base.js +12 -0
- package/emotion/cjs/components/Calendar/hooks/useKeyNavigation.js +3 -0
- package/emotion/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -2
- package/emotion/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +5 -2
- package/emotion/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +5 -2
- package/emotion/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +5 -2
- package/emotion/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.js +23 -6
- package/emotion/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +9 -8
- package/emotion/cjs/components/Calendar/ui/EventTooltip/EventTooltip.js +11 -0
- package/emotion/cjs/components/Calendar/ui/EventTooltip/EventTooltip.styles.js +25 -0
- package/emotion/cjs/components/Calendar/ui/index.js +4 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +11 -0
- package/emotion/cjs/components/DatePicker/DatePicker.tokens.js +23 -1
- package/emotion/cjs/components/DatePicker/DatePickerBase.styles.js +5 -5
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +15 -6
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +3 -1
- package/emotion/cjs/components/DatePicker/RangeDate/variations/_tooltip-size/base.js +12 -0
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +15 -12
- package/emotion/cjs/components/DatePicker/SingleDate/variations/_tooltip-size/base.js +12 -0
- package/emotion/cjs/components/Popover/Popover.js +1 -0
- package/emotion/cjs/components/Typography/Typography.styles.js +1 -1
- package/emotion/cjs/examples/components/Attach/Attach.config.js +18 -18
- package/emotion/cjs/examples/components/Calendar/CalendarBase.config.js +11 -6
- package/emotion/cjs/examples/components/Calendar/CalendarDouble.config.js +11 -6
- package/emotion/cjs/examples/components/Combobox/Combobox.js +0 -15
- package/emotion/cjs/examples/components/DatePicker/DatePicker.config.js +11 -7
- package/emotion/cjs/types/MakeNever.js +4 -0
- package/emotion/es/components/Attach/Attach.js +193 -31
- package/emotion/es/components/Attach/Attach.styles.js +30 -14
- package/emotion/es/components/Attach/Attach.tokens.js +21 -6
- package/emotion/es/components/Attach/components/AttachButton/AttachButton.js +1 -2
- package/emotion/es/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.js +13 -0
- package/emotion/es/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.styles.js +10 -0
- package/emotion/es/components/Attach/components/HiddenWidthHelper/index.js +1 -0
- package/emotion/es/components/Attach/components/index.js +2 -0
- package/emotion/es/components/Attach/ui/Cell/Cell.js +25 -1
- package/emotion/es/components/Attach/ui/Dropdown/Dropdown.js +174 -0
- package/emotion/es/components/Attach/ui/Dropdown/Dropdown.styles.js +11 -0
- package/emotion/es/components/Attach/ui/MoreTrigger/MoreTrigger.js +11 -0
- package/emotion/es/components/Attach/ui/MoreTrigger/MoreTrigger.styles.js +6 -0
- package/emotion/es/components/Attach/ui/index.js +6 -0
- package/emotion/es/components/Attach/utils/getFilenameParts.js +13 -0
- package/emotion/es/components/Attach/utils/index.js +1 -0
- package/emotion/es/components/Attach/variations/_size/base.js +1 -1
- package/emotion/es/components/Calendar/Calendar.tokens.js +23 -1
- package/emotion/es/components/Calendar/CalendarBase/CalendarBase.js +46 -7
- package/emotion/es/components/Calendar/CalendarBase/variations/_tooltip-size/base.js +2 -0
- package/emotion/es/components/Calendar/CalendarDouble/CalendarDouble.js +55 -9
- package/emotion/es/components/Calendar/CalendarDouble/variations/_tooltip-size/base.js +2 -0
- package/emotion/es/components/Calendar/hooks/useKeyNavigation.js +3 -0
- package/emotion/es/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -2
- package/emotion/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +5 -2
- package/emotion/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +5 -2
- package/emotion/es/components/Calendar/ui/CalendarYears/CalendarYears.js +5 -2
- package/emotion/es/components/Calendar/ui/DateStructureItem/DateStructureItem.js +24 -7
- package/emotion/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +9 -8
- package/emotion/es/components/Calendar/ui/EventTooltip/EventTooltip.js +1 -0
- package/emotion/es/components/Calendar/ui/EventTooltip/EventTooltip.styles.js +10 -0
- package/emotion/es/components/Calendar/ui/index.js +1 -0
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +11 -0
- package/emotion/es/components/DatePicker/DatePicker.tokens.js +23 -1
- package/emotion/es/components/DatePicker/DatePickerBase.styles.js +5 -5
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +11 -2
- package/emotion/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +3 -1
- package/emotion/es/components/DatePicker/RangeDate/variations/_tooltip-size/base.js +2 -0
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +11 -8
- package/emotion/es/components/DatePicker/SingleDate/variations/_tooltip-size/base.js +2 -0
- package/emotion/es/components/Popover/Popover.js +1 -0
- package/emotion/es/components/Typography/Typography.styles.js +1 -1
- package/emotion/es/examples/components/Attach/Attach.config.js +18 -18
- package/emotion/es/examples/components/Calendar/CalendarBase.config.js +11 -6
- package/emotion/es/examples/components/Calendar/CalendarDouble.config.js +11 -6
- package/emotion/es/examples/components/Combobox/Combobox.js +0 -7
- package/emotion/es/examples/components/DatePicker/DatePicker.config.js +11 -7
- package/emotion/es/types/MakeNever.js +1 -0
- package/es/components/Attach/Attach.css +68 -24
- package/es/components/Attach/Attach.js +180 -35
- package/es/components/Attach/Attach.js.map +1 -1
- package/es/components/Attach/Attach.styles.js +46 -6
- package/es/components/Attach/Attach.styles.js.map +1 -1
- package/es/components/Attach/Attach.styles_17eum4v.css +8 -0
- package/es/components/Attach/Attach.tokens.js +21 -6
- package/es/components/Attach/Attach.tokens.js.map +1 -1
- package/es/components/Attach/components/AttachButton/AttachButton.css +82 -15
- package/es/components/Attach/components/AttachButton/AttachButton.js.map +1 -1
- package/es/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.css +105 -0
- package/es/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.js +21 -0
- package/es/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.js.map +1 -0
- package/es/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.styles.js +16 -0
- package/es/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.styles.js.map +1 -0
- package/es/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.styles_3t6n6e.css +2 -0
- package/es/components/Attach/ui/Cell/Cell.css +60 -0
- package/es/components/Attach/ui/Cell/Cell.js +38 -0
- package/es/components/Attach/ui/Cell/Cell.js.map +1 -0
- package/es/components/Attach/ui/Cell/Cell.styles.js +1 -1
- package/{cjs/components/Attach/ui/Cell/Cell.styles_69w962.css → es/components/Attach/ui/Cell/Cell.styles_lpj30y.css} +1 -1
- package/es/components/Attach/ui/Dropdown/Dropdown.css +100 -0
- package/es/components/Attach/ui/Dropdown/Dropdown.js +61 -0
- package/es/components/Attach/ui/Dropdown/Dropdown.js.map +1 -0
- package/es/components/Attach/ui/Dropdown/Dropdown.styles.js +18 -0
- package/es/components/Attach/ui/Dropdown/Dropdown.styles.js.map +1 -0
- package/es/components/Attach/ui/Dropdown/Dropdown.styles_1ge65dg.css +1 -0
- package/es/components/Attach/ui/MoreTrigger/MoreTrigger.css +3 -0
- package/es/components/Attach/ui/MoreTrigger/MoreTrigger.js +15 -0
- package/es/components/Attach/ui/MoreTrigger/MoreTrigger.js.map +1 -0
- package/es/components/Attach/ui/MoreTrigger/MoreTrigger.styles.js +11 -0
- package/es/components/Attach/ui/MoreTrigger/MoreTrigger.styles.js.map +1 -0
- package/es/components/Attach/ui/MoreTrigger/MoreTrigger.styles_5yseaa.css +1 -0
- package/es/components/Attach/utils/getFilenameParts.js +17 -0
- package/es/components/Attach/utils/getFilenameParts.js.map +1 -0
- package/es/components/Attach/variations/_size/base.js +1 -1
- package/es/components/Attach/variations/_size/base.js.map +1 -1
- package/es/components/Attach/variations/_size/base_1x0gzlt.css +1 -0
- package/es/components/Attach/variations/_view/base.js +1 -1
- package/es/components/Attach/variations/_view/base_d9xz7t.css +1 -0
- package/es/components/Calendar/Calendar.tokens.js +24 -1
- package/es/components/Calendar/Calendar.tokens.js.map +1 -1
- package/es/components/Calendar/Calendar.types.js.map +1 -1
- package/es/components/Calendar/CalendarBase/CalendarBase.css +18 -4
- package/es/components/Calendar/CalendarBase/CalendarBase.js +49 -6
- package/es/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
- package/es/components/Calendar/CalendarBase/variations/_tooltip-size/base.js +5 -0
- package/es/components/Calendar/CalendarBase/variations/_tooltip-size/base.js.map +1 -0
- package/es/components/Calendar/CalendarBase/variations/_tooltip-size/base_x642ct.css +1 -0
- package/es/components/Calendar/CalendarDouble/CalendarDouble.css +18 -4
- package/es/components/Calendar/CalendarDouble/CalendarDouble.js +62 -12
- package/es/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
- package/es/components/Calendar/CalendarDouble/variations/_size/base.js +5 -0
- package/es/components/Calendar/CalendarDouble/variations/_size/base.js.map +1 -0
- package/es/components/Calendar/CalendarDouble/variations/_size/base_x642ct.css +1 -0
- package/es/components/Calendar/CalendarDouble/variations/_tooltip-size/base.js +5 -0
- package/es/components/Calendar/CalendarDouble/variations/_tooltip-size/base.js.map +1 -0
- package/es/components/Calendar/CalendarDouble/variations/_tooltip-size/base_x642ct.css +1 -0
- package/es/components/Calendar/hooks/useKeyNavigation.js +3 -0
- package/es/components/Calendar/hooks/useKeyNavigation.js.map +1 -1
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.css +4 -4
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -1
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.css +4 -4
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +5 -1
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +4 -4
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +5 -1
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js.map +1 -1
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.css +4 -4
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.js +5 -1
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -4
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.js +24 -7
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.js.map +1 -1
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +3 -3
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -1
- package/es/components/Calendar/ui/DateStructureItem/{DateStructureItem.styles_z3dhwf.css → DateStructureItem.styles_1jogt74.css} +1 -1
- package/es/components/Calendar/ui/EventTooltip/EventTooltip.styles.js +18 -0
- package/es/components/Calendar/ui/EventTooltip/EventTooltip.styles.js.map +1 -0
- package/es/components/Calendar/ui/EventTooltip/EventTooltip.styles_dh6nzd.css +1 -0
- package/es/components/Combobox/ComboboxNew/Combobox.js +10 -0
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/DatePicker/DatePicker.tokens.js +24 -1
- package/es/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/es/components/DatePicker/DatePickerBase.styles.js +1 -1
- package/es/components/DatePicker/DatePickerBase.styles.js.map +1 -1
- package/es/components/DatePicker/{DatePickerBase.styles_6x4unn.css → DatePickerBase.styles_1rfomby.css} +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.css +15 -13
- package/es/components/DatePicker/RangeDate/RangeDate.js +15 -6
- package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +13 -11
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +3 -0
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/{RangeDatePopover.styles_1wt56uj.css → RangeDatePopover.styles_k6m3t6.css} +2 -2
- package/es/components/DatePicker/RangeDate/variations/_tooltip-size/base.js +5 -0
- package/es/components/DatePicker/RangeDate/variations/_tooltip-size/base.js.map +1 -0
- package/es/components/DatePicker/RangeDate/variations/_tooltip-size/base_x642ct.css +1 -0
- package/es/components/DatePicker/SingleDate/SingleDate.css +8 -6
- package/es/components/DatePicker/SingleDate/SingleDate.js +15 -12
- package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/es/components/DatePicker/SingleDate/variations/_tooltip-size/base.js +5 -0
- package/es/components/DatePicker/SingleDate/variations/_tooltip-size/base.js.map +1 -0
- package/es/components/DatePicker/SingleDate/variations/_tooltip-size/base_x642ct.css +1 -0
- package/es/components/Popover/Popover.js +1 -0
- package/es/components/Popover/Popover.js.map +1 -1
- package/es/components/Typography/Body/Body.css +1 -1
- package/es/components/Typography/Typography.styles.js +1 -1
- package/es/components/Typography/Typography.styles.js.map +1 -1
- package/es/components/Typography/Typography.styles_iqzojt.css +1 -0
- package/es/components/_Icon/Icon.assets/DotsHorizontalOutline.js +19 -0
- package/es/components/_Icon/Icon.assets/DotsHorizontalOutline.js.map +1 -0
- package/es/components/_Icon/Icons/IconDotsHorizontalOutline.js +23 -0
- package/es/components/_Icon/Icons/IconDotsHorizontalOutline.js.map +1 -0
- package/es/index.css +28 -18
- package/package.json +4 -4
- package/styled-components/cjs/components/Attach/Attach.js +190 -28
- package/styled-components/cjs/components/Attach/Attach.styles.js +40 -12
- package/styled-components/cjs/components/Attach/Attach.tokens.js +21 -6
- package/styled-components/cjs/components/Attach/components/AttachButton/AttachButton.js +3 -4
- package/styled-components/cjs/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.js +64 -0
- package/styled-components/cjs/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.styles.js +39 -0
- package/styled-components/cjs/components/Attach/components/HiddenWidthHelper/index.js +11 -0
- package/styled-components/cjs/components/Attach/components/index.js +19 -0
- package/styled-components/cjs/components/Attach/ui/Cell/Cell.js +67 -2
- package/styled-components/cjs/components/Attach/ui/Dropdown/Dropdown.js +225 -0
- package/styled-components/cjs/components/Attach/ui/Dropdown/Dropdown.styles.js +45 -0
- package/styled-components/cjs/components/Attach/ui/MoreTrigger/MoreTrigger.js +26 -0
- package/styled-components/cjs/components/Attach/ui/MoreTrigger/MoreTrigger.styles.js +24 -0
- package/styled-components/cjs/components/Attach/ui/index.js +29 -0
- package/styled-components/cjs/components/Attach/utils/getFilenameParts.js +23 -0
- package/styled-components/cjs/components/Attach/utils/index.js +4 -0
- package/styled-components/cjs/components/Attach/variations/_size/base.js +5 -2
- package/styled-components/cjs/components/Calendar/Calendar.tokens.js +23 -1
- package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +44 -5
- package/styled-components/cjs/components/Calendar/CalendarBase/variations/_tooltip-size/base.js +14 -0
- package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +53 -7
- package/styled-components/cjs/components/Calendar/CalendarDouble/variations/_tooltip-size/base.js +14 -0
- package/styled-components/cjs/components/Calendar/hooks/useKeyNavigation.js +3 -0
- package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -2
- package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +5 -2
- package/styled-components/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +5 -2
- package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +5 -2
- package/styled-components/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.js +23 -6
- package/styled-components/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +9 -6
- package/styled-components/cjs/components/Calendar/ui/EventTooltip/EventTooltip.js +11 -0
- package/styled-components/cjs/components/Calendar/ui/EventTooltip/EventTooltip.styles.js +71 -0
- package/styled-components/cjs/components/Calendar/ui/index.js +4 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +11 -0
- package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +23 -1
- package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js +3 -3
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +15 -6
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +3 -1
- package/styled-components/cjs/components/DatePicker/RangeDate/variations/_tooltip-size/base.js +14 -0
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +15 -12
- package/styled-components/cjs/components/DatePicker/SingleDate/variations/_tooltip-size/base.js +14 -0
- package/styled-components/cjs/components/Popover/Popover.js +1 -0
- package/styled-components/cjs/components/Typography/Typography.styles.js +2 -2
- package/styled-components/cjs/examples/components/Attach/Attach.config.js +64 -32
- package/styled-components/cjs/examples/components/Calendar/CalendarBase.config.js +53 -3
- package/styled-components/cjs/examples/components/Calendar/CalendarDouble.config.js +53 -3
- package/styled-components/cjs/examples/components/DatePicker/DatePicker.config.js +51 -2
- package/styled-components/cjs/types/MakeNever.js +4 -0
- package/styled-components/es/components/Attach/Attach.js +193 -31
- package/styled-components/es/components/Attach/Attach.styles.js +37 -12
- package/styled-components/es/components/Attach/Attach.tokens.js +21 -6
- package/styled-components/es/components/Attach/components/AttachButton/AttachButton.js +1 -2
- package/styled-components/es/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.js +13 -0
- package/styled-components/es/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.styles.js +16 -0
- package/styled-components/es/components/Attach/components/HiddenWidthHelper/index.js +1 -0
- package/styled-components/es/components/Attach/components/index.js +2 -0
- package/styled-components/es/components/Attach/ui/Cell/Cell.js +25 -1
- package/styled-components/es/components/Attach/ui/Dropdown/Dropdown.js +174 -0
- package/styled-components/es/components/Attach/ui/Dropdown/Dropdown.styles.js +30 -0
- package/styled-components/es/components/Attach/ui/MoreTrigger/MoreTrigger.js +11 -0
- package/styled-components/es/components/Attach/ui/MoreTrigger/MoreTrigger.styles.js +9 -0
- package/styled-components/es/components/Attach/ui/index.js +6 -0
- package/styled-components/es/components/Attach/utils/getFilenameParts.js +13 -0
- package/styled-components/es/components/Attach/utils/index.js +1 -0
- package/styled-components/es/components/Attach/variations/_size/base.js +5 -2
- package/styled-components/es/components/Calendar/Calendar.tokens.js +23 -1
- package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +46 -7
- package/styled-components/es/components/Calendar/CalendarBase/variations/_tooltip-size/base.js +4 -0
- package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.js +55 -9
- package/styled-components/es/components/Calendar/CalendarDouble/variations/_tooltip-size/base.js +4 -0
- package/styled-components/es/components/Calendar/hooks/useKeyNavigation.js +3 -0
- package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -2
- package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +5 -2
- package/styled-components/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +5 -2
- package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.js +5 -2
- package/styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.js +24 -7
- package/styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +9 -6
- package/styled-components/es/components/Calendar/ui/EventTooltip/EventTooltip.js +1 -0
- package/styled-components/es/components/Calendar/ui/EventTooltip/EventTooltip.styles.js +56 -0
- package/styled-components/es/components/Calendar/ui/index.js +1 -0
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +11 -0
- package/styled-components/es/components/DatePicker/DatePicker.tokens.js +23 -1
- package/styled-components/es/components/DatePicker/DatePickerBase.styles.js +3 -3
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +11 -2
- package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +3 -1
- package/styled-components/es/components/DatePicker/RangeDate/variations/_tooltip-size/base.js +4 -0
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +11 -8
- package/styled-components/es/components/DatePicker/SingleDate/variations/_tooltip-size/base.js +4 -0
- package/styled-components/es/components/Popover/Popover.js +1 -0
- package/styled-components/es/components/Typography/Typography.styles.js +2 -2
- package/styled-components/es/examples/components/Attach/Attach.config.js +64 -32
- package/styled-components/es/examples/components/Calendar/CalendarBase.config.js +53 -3
- package/styled-components/es/examples/components/Calendar/CalendarDouble.config.js +53 -3
- package/styled-components/es/examples/components/Combobox/Combobox.js +0 -7
- package/styled-components/es/examples/components/DatePicker/DatePicker.config.js +51 -2
- package/styled-components/es/types/MakeNever.js +1 -0
- package/types/components/Attach/Attach.d.ts.map +1 -1
- package/types/components/Attach/Attach.styles.d.ts +9 -2
- package/types/components/Attach/Attach.styles.d.ts.map +1 -1
- package/types/components/Attach/Attach.tokens.d.ts +13 -0
- package/types/components/Attach/Attach.tokens.d.ts.map +1 -1
- package/types/components/Attach/Attach.types.d.ts +85 -9
- package/types/components/Attach/Attach.types.d.ts.map +1 -1
- package/types/components/Attach/components/AttachButton/AttachButton.d.ts.map +1 -1
- package/types/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.d.ts +10 -0
- package/types/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.d.ts.map +1 -0
- package/types/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.styles.d.ts +3 -0
- package/types/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.styles.d.ts.map +1 -0
- package/types/components/Attach/components/HiddenWidthHelper/index.d.ts +2 -0
- package/types/components/Attach/components/HiddenWidthHelper/index.d.ts.map +1 -0
- package/types/components/Attach/components/index.d.ts +3 -0
- package/types/components/Attach/components/index.d.ts.map +1 -0
- package/types/components/Attach/ui/Cell/Cell.d.ts +14 -1
- package/types/components/Attach/ui/Cell/Cell.d.ts.map +1 -1
- package/types/components/Attach/ui/Dropdown/Dropdown.d.ts +12 -0
- package/types/components/Attach/ui/Dropdown/Dropdown.d.ts.map +1 -0
- package/types/components/Attach/ui/Dropdown/Dropdown.styles.d.ts +31 -0
- package/types/components/Attach/ui/Dropdown/Dropdown.styles.d.ts.map +1 -0
- package/types/components/Attach/ui/MoreTrigger/MoreTrigger.d.ts +6 -0
- package/types/components/Attach/ui/MoreTrigger/MoreTrigger.d.ts.map +1 -0
- package/types/components/Attach/ui/MoreTrigger/MoreTrigger.styles.d.ts +2 -0
- package/types/components/Attach/ui/MoreTrigger/MoreTrigger.styles.d.ts.map +1 -0
- package/types/components/Attach/ui/index.d.ts +7 -0
- package/types/components/Attach/ui/index.d.ts.map +1 -0
- package/types/components/Attach/utils/getFilenameParts.d.ts +8 -0
- package/types/components/Attach/utils/getFilenameParts.d.ts.map +1 -0
- package/types/components/Attach/utils/index.d.ts +1 -0
- package/types/components/Attach/utils/index.d.ts.map +1 -1
- package/types/components/Attach/variations/_size/base.d.ts.map +1 -1
- package/types/components/Calendar/Calendar.tokens.d.ts +22 -0
- package/types/components/Calendar/Calendar.tokens.d.ts.map +1 -1
- package/types/components/Calendar/Calendar.types.d.ts +43 -1
- package/types/components/Calendar/Calendar.types.d.ts.map +1 -1
- package/types/components/Calendar/CalendarBase/CalendarBase.d.ts +10 -2
- package/types/components/Calendar/CalendarBase/CalendarBase.d.ts.map +1 -1
- package/types/components/Calendar/CalendarBase/variations/_tooltip-size/base.d.ts +2 -0
- package/types/components/Calendar/CalendarBase/variations/_tooltip-size/base.d.ts.map +1 -0
- package/types/components/Calendar/CalendarDouble/CalendarDouble.d.ts +13 -2
- package/types/components/Calendar/CalendarDouble/CalendarDouble.d.ts.map +1 -1
- package/types/components/Calendar/CalendarDouble/variations/_tooltip-size/base.d.ts +2 -0
- package/types/components/Calendar/CalendarDouble/variations/_tooltip-size/base.d.ts.map +1 -0
- package/types/components/Calendar/hooks/useKeyNavigation.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarDays/CalendarDays.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarDays/CalendarDays.types.d.ts +3 -2
- package/types/components/Calendar/ui/CalendarDays/CalendarDays.types.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.types.d.ts +2 -1
- package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.types.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.types.d.ts +2 -1
- package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.types.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarYears/CalendarYears.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarYears/CalendarYears.types.d.ts +2 -1
- package/types/components/Calendar/ui/CalendarYears/CalendarYears.types.d.ts.map +1 -1
- package/types/components/Calendar/ui/DateStructureItem/DateStructureItem.d.ts.map +1 -1
- package/types/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.d.ts.map +1 -1
- package/types/components/Calendar/ui/DateStructureItem/DateStructureItem.types.d.ts +2 -1
- package/types/components/Calendar/ui/DateStructureItem/DateStructureItem.types.d.ts.map +1 -1
- package/types/components/Calendar/ui/EventTooltip/EventTooltip.d.ts +2 -0
- package/types/components/Calendar/ui/EventTooltip/EventTooltip.d.ts.map +1 -0
- package/types/components/Calendar/ui/EventTooltip/EventTooltip.styles.d.ts +2 -0
- package/types/components/Calendar/ui/EventTooltip/EventTooltip.styles.d.ts.map +1 -0
- package/types/components/Calendar/ui/index.d.ts +1 -0
- package/types/components/Calendar/ui/index.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
- package/types/components/DatePicker/DatePicker.tokens.d.ts +22 -0
- package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -1
- package/types/components/DatePicker/DatePickerBase.styles.d.ts.map +1 -1
- package/types/components/DatePicker/DatePickerBase.types.d.ts +5 -1
- package/types/components/DatePicker/DatePickerBase.types.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts +7 -3
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts +3 -0
- package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts +1 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/variations/_tooltip-size/base.d.ts +2 -0
- package/types/components/DatePicker/RangeDate/variations/_tooltip-size/base.d.ts.map +1 -0
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts +7 -3
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts +3 -0
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/variations/_tooltip-size/base.d.ts +2 -0
- package/types/components/DatePicker/SingleDate/variations/_tooltip-size/base.d.ts.map +1 -0
- package/types/components/EmptyState/EmptyState.types.d.ts +1 -1
- package/types/components/EmptyState/EmptyState.types.d.ts.map +1 -1
- package/types/components/Popover/Popover.d.ts.map +1 -1
- package/types/components/Tooltip/Tooltip.types.d.ts +3 -3
- package/types/components/Tooltip/Tooltip.types.d.ts.map +1 -1
- package/types/components/Typography/Typography.styles.d.ts.map +1 -1
- package/types/examples/components/Attach/Attach.config.d.ts.map +1 -1
- package/types/examples/components/Attach/Attach.d.ts +448 -16
- package/types/examples/components/Attach/Attach.d.ts.map +1 -1
- package/types/examples/components/Calendar/Calendar.d.ts +8 -0
- package/types/examples/components/Calendar/Calendar.d.ts.map +1 -1
- package/types/examples/components/Calendar/CalendarBase.config.d.ts +5 -0
- package/types/examples/components/Calendar/CalendarBase.config.d.ts.map +1 -1
- package/types/examples/components/Calendar/CalendarDouble.config.d.ts +5 -0
- package/types/examples/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
- package/types/examples/components/Combobox/Combobox.d.ts +24 -24
- package/types/examples/components/Combobox/Combobox.d.ts.map +1 -1
- package/types/examples/components/DatePicker/DatePicker.config.d.ts +4 -0
- package/types/examples/components/DatePicker/DatePicker.config.d.ts.map +1 -1
- package/types/examples/components/DatePicker/DatePicker.d.ts +8 -0
- package/types/examples/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/types/types/MakeNever.d.ts +4 -0
- package/types/types/MakeNever.d.ts.map +1 -0
- package/types/types/index.d.ts +1 -0
- package/types/types/index.d.ts.map +1 -1
- package/cjs/components/Attach/Attach.styles_pso18d.css +0 -7
- package/cjs/components/Attach/variations/_size/base_kpo9at.css +0 -1
- package/cjs/components/Attach/variations/_view/base_1nvsg1b.css +0 -1
- package/cjs/components/Typography/Typography.styles_ysh8u6.css +0 -1
- package/es/components/Attach/Attach.styles_pso18d.css +0 -7
- package/es/components/Attach/variations/_size/base_kpo9at.css +0 -1
- package/es/components/Attach/variations/_view/base_1nvsg1b.css +0 -1
- package/es/components/Typography/Typography.styles_ysh8u6.css +0 -1
|
@@ -66,7 +66,7 @@ import { StyledCalendarDays, StyledCalendarDaysHint } from "./CalendarDays.style
|
|
|
66
66
|
/**
|
|
67
67
|
* Компонент дней в календаре.
|
|
68
68
|
*/ export var CalendarDays = function(param) {
|
|
69
|
-
var currentDate = param.date, value = param.value, eventList = param.eventList, disabledList = param.disabledList, min = param.min, max = param.max, includeEdgeDates = param.includeEdgeDates, hoveredDay = param.hoveredDay, selectIndexes = param.selectIndexes, isDouble = param.isDouble, isSecond = param.isSecond, outerRefs = param.outerRefs, onChangeDay = param.onChangeDay, onHoverDay = param.onHoverDay, onSetSelected = param.onSetSelected, onKeyDown = param.onKeyDown, _param_locale = param.locale, locale = _param_locale === void 0 ? 'ru' : _param_locale;
|
|
69
|
+
var currentDate = param.date, value = param.value, eventList = param.eventList, disabledList = param.disabledList, min = param.min, max = param.max, includeEdgeDates = param.includeEdgeDates, hoveredDay = param.hoveredDay, selectIndexes = param.selectIndexes, isDouble = param.isDouble, isSecond = param.isSecond, outerRefs = param.outerRefs, onChangeDay = param.onChangeDay, onHoverDay = param.onHoverDay, onTriggerEventTooltip = param.onTriggerEventTooltip, onSetSelected = param.onSetSelected, onKeyDown = param.onKeyDown, _param_locale = param.locale, locale = _param_locale === void 0 ? 'ru' : _param_locale;
|
|
70
70
|
var _useDays = _sliced_to_array(useDays({
|
|
71
71
|
date: currentDate,
|
|
72
72
|
value: value,
|
|
@@ -78,6 +78,7 @@ import { StyledCalendarDays, StyledCalendarDaysHint } from "./CalendarDays.style
|
|
|
78
78
|
}), 2), days = _useDays[0], selected = _useDays[1];
|
|
79
79
|
var selectedRef = useRef(selected);
|
|
80
80
|
var onSetSelectedRef = useRef(onSetSelected);
|
|
81
|
+
var noopRef = useRef(null);
|
|
81
82
|
var offset = isSecond ? ROW_STEP : 0;
|
|
82
83
|
var _obj;
|
|
83
84
|
var dayItemTokens = (_obj = {}, _define_property(_obj, "".concat(innerTokens.dateStructureFontFamily), "var(".concat(tokens.calendarDayFontFamily, ")")), _define_property(_obj, "".concat(innerTokens.dateStructureFontSize), "var(".concat(tokens.calendarDayFontSize, ")")), _define_property(_obj, "".concat(innerTokens.dateStructureFontWeight), "var(".concat(tokens.calendarDayFontWeight, ")")), _define_property(_obj, "".concat(innerTokens.dateStructureFontLineHeight), "var(".concat(tokens.calendarDayFontLineHeight, ")")), _define_property(_obj, "".concat(innerTokens.dateStructureFontLetterSpacing), "var(".concat(tokens.calendarDayFontLetterSpacing, ")")), _define_property(_obj, "".concat(innerTokens.dateStructureFontStyle), "var(".concat(tokens.calendarDayFontStyle, ")")), _define_property(_obj, "".concat(innerTokens.dateStructureSelectedFontWeight), "var(".concat(tokens.calendarDaySelectedFontWeight, ")")), _define_property(_obj, "".concat(innerTokens.dateStructureBorderRadius), "var(".concat(tokens.calendarDayItemBorderRadius, ")")), _obj);
|
|
@@ -130,7 +131,8 @@ import { StyledCalendarDays, StyledCalendarDaysHint } from "./CalendarDays.style
|
|
|
130
131
|
value
|
|
131
132
|
]);
|
|
132
133
|
var handleMouseOutGrid = function() {
|
|
133
|
-
|
|
134
|
+
onHoverDay === null || onHoverDay === void 0 ? void 0 : onHoverDay(undefined);
|
|
135
|
+
onTriggerEventTooltip === null || onTriggerEventTooltip === void 0 ? void 0 : onTriggerEventTooltip(noopRef, []);
|
|
134
136
|
};
|
|
135
137
|
var getRefs = function(element, isDayInCurrentMonth, i, j) {
|
|
136
138
|
if (isDayInCurrentMonth) {
|
|
@@ -187,6 +189,7 @@ import { StyledCalendarDays, StyledCalendarDaysHint } from "./CalendarDays.style
|
|
|
187
189
|
sideInRange: getSideInRange(value, date, hoveredDay, isSelected),
|
|
188
190
|
onClick: disabled ? undefined : handleOnChangeDay(i, j),
|
|
189
191
|
onMouseOver: disabled ? undefined : handleOnHoverDay,
|
|
192
|
+
onTriggerEventTooltip: onTriggerEventTooltip,
|
|
190
193
|
key: "StyledDay-".concat(i, "-").concat(j),
|
|
191
194
|
role: "gridcell",
|
|
192
195
|
disabledArrowKey: disabledArrowKey,
|
|
@@ -66,7 +66,7 @@ import { StyledCalendarMonths } from "./CalendarMonths.styles";
|
|
|
66
66
|
/**
|
|
67
67
|
* Компонент месяцев в календаре.
|
|
68
68
|
*/ export var CalendarMonths = function(param) {
|
|
69
|
-
var currentDate = param.date, value = param.value, selectIndexes = param.selectIndexes, eventList = param.eventList, disabledList = param.disabledList, min = param.min, max = param.max, outerRefs = param.outerRefs, isDouble = param.isDouble, isSecond = param.isSecond, hoveredMonth = param.hoveredMonth, onChangeMonth = param.onChangeMonth, onHoverMonth = param.onHoverMonth, onSetSelected = param.onSetSelected, onKeyDown = param.onKeyDown, locale = param.locale;
|
|
69
|
+
var currentDate = param.date, value = param.value, selectIndexes = param.selectIndexes, eventList = param.eventList, disabledList = param.disabledList, min = param.min, max = param.max, outerRefs = param.outerRefs, isDouble = param.isDouble, isSecond = param.isSecond, hoveredMonth = param.hoveredMonth, onChangeMonth = param.onChangeMonth, onHoverMonth = param.onHoverMonth, onSetSelected = param.onSetSelected, onTriggerEventTooltip = param.onTriggerEventTooltip, onKeyDown = param.onKeyDown, locale = param.locale;
|
|
70
70
|
var minDate = min ? new Date(min.getFullYear(), min.getMonth(), 1) : undefined;
|
|
71
71
|
var maxDate = max ? new Date(max.getFullYear(), max.getMonth() + 1, 0) : undefined;
|
|
72
72
|
var _useMonths = _sliced_to_array(useMonths({
|
|
@@ -80,6 +80,7 @@ import { StyledCalendarMonths } from "./CalendarMonths.styles";
|
|
|
80
80
|
}), 2), months = _useMonths[0], selected = _useMonths[1];
|
|
81
81
|
var selectedRef = useRef(selected);
|
|
82
82
|
var onSetSelectedRef = useRef(onSetSelected);
|
|
83
|
+
var noopRef = useRef(null);
|
|
83
84
|
var offset = isSecond ? ROW_MONTH_STEP : 0;
|
|
84
85
|
var _obj;
|
|
85
86
|
var monthItemTokens = (_obj = {}, _define_property(_obj, "".concat(innerTokens.dateStructureFontFamily), "var(".concat(tokens.calendarMonthFontFamily, ")")), _define_property(_obj, "".concat(innerTokens.dateStructureFontSize), "var(".concat(tokens.calendarMonthFontSize, ")")), _define_property(_obj, "".concat(innerTokens.dateStructureFontWeight), "var(".concat(tokens.calendarMonthFontWeight, ")")), _define_property(_obj, "".concat(innerTokens.dateStructureFontLineHeight), "var(".concat(tokens.calendarMonthFontLineHeight, ")")), _define_property(_obj, "".concat(innerTokens.dateStructureFontLetterSpacing), "var(".concat(tokens.calendarMonthFontLetterSpacing, ")")), _define_property(_obj, "".concat(innerTokens.dateStructureFontStyle), "var(".concat(tokens.calendarMonthFontStyle, ")")), _define_property(_obj, "".concat(innerTokens.dateStructureSelectedFontWeight), "var(".concat(tokens.calendarMonthSelectedFontWeight, ")")), _define_property(_obj, "".concat(innerTokens.dateStructureBorderRadius), "var(".concat(tokens.calendarMonthItemBorderRadius, ")")), _obj);
|
|
@@ -137,7 +138,8 @@ import { StyledCalendarMonths } from "./CalendarMonths.styles";
|
|
|
137
138
|
value
|
|
138
139
|
]);
|
|
139
140
|
var handleMouseOutGrid = function() {
|
|
140
|
-
|
|
141
|
+
onHoverMonth === null || onHoverMonth === void 0 ? void 0 : onHoverMonth(undefined);
|
|
142
|
+
onTriggerEventTooltip === null || onTriggerEventTooltip === void 0 ? void 0 : onTriggerEventTooltip(noopRef, []);
|
|
141
143
|
};
|
|
142
144
|
var getRefs = useCallback(function(element, i, j) {
|
|
143
145
|
if (!outerRefs.current[i + offset]) {
|
|
@@ -183,6 +185,7 @@ import { StyledCalendarMonths } from "./CalendarMonths.styles";
|
|
|
183
185
|
sideInRange: getSideInRange(value, date, hoveredMonth, isSelected),
|
|
184
186
|
onClick: disabled ? undefined : handleOnChangeMonth(i, j),
|
|
185
187
|
onMouseOver: disabled ? undefined : handleOnHoverMonth,
|
|
188
|
+
onTriggerEventTooltip: onTriggerEventTooltip,
|
|
186
189
|
key: "StyledMonth-".concat(i, "-").concat(j),
|
|
187
190
|
role: "gridcell",
|
|
188
191
|
"aria-label": monthFullName,
|
|
@@ -66,7 +66,7 @@ import { StyledCalendarQuarters } from "./CalendarQuarters.styles";
|
|
|
66
66
|
/**
|
|
67
67
|
* Компонент кварталов в календаре.
|
|
68
68
|
*/ export var CalendarQuarters = function(param) {
|
|
69
|
-
var currentDate = param.date, value = param.value, selectIndexes = param.selectIndexes, eventList = param.eventList, disabledList = param.disabledList, min = param.min, max = param.max, outerRefs = param.outerRefs, isDouble = param.isDouble, isSecond = param.isSecond, hoveredQuarter = param.hoveredQuarter, onChangeQuarter = param.onChangeQuarter, onHoverQuarter = param.onHoverQuarter, onSetSelected = param.onSetSelected, onKeyDown = param.onKeyDown;
|
|
69
|
+
var currentDate = param.date, value = param.value, selectIndexes = param.selectIndexes, eventList = param.eventList, disabledList = param.disabledList, min = param.min, max = param.max, outerRefs = param.outerRefs, isDouble = param.isDouble, isSecond = param.isSecond, hoveredQuarter = param.hoveredQuarter, onChangeQuarter = param.onChangeQuarter, onHoverQuarter = param.onHoverQuarter, onSetSelected = param.onSetSelected, onTriggerEventTooltip = param.onTriggerEventTooltip, onKeyDown = param.onKeyDown;
|
|
70
70
|
var minDate = min ? new Date(min.getFullYear(), min.getMonth(), 1) : undefined;
|
|
71
71
|
var maxDate = max ? new Date(max.getFullYear(), max.getMonth() + 1, 0) : undefined;
|
|
72
72
|
var _useQuarters = _sliced_to_array(useQuarters({
|
|
@@ -79,6 +79,7 @@ import { StyledCalendarQuarters } from "./CalendarQuarters.styles";
|
|
|
79
79
|
}), 2), quarters = _useQuarters[0], selected = _useQuarters[1];
|
|
80
80
|
var selectedRef = useRef(selected);
|
|
81
81
|
var onSetSelectedRef = useRef(onSetSelected);
|
|
82
|
+
var noopRef = useRef(null);
|
|
82
83
|
var offset = isSecond ? ROW_QUARTER_STEP : 0;
|
|
83
84
|
var _obj;
|
|
84
85
|
var quarterItemTokens = (_obj = {}, _define_property(_obj, "".concat(innerTokens.dateStructureFontFamily), "var(".concat(tokens.calendarQuarterFontFamily, ")")), _define_property(_obj, "".concat(innerTokens.dateStructureFontSize), "var(".concat(tokens.calendarQuarterFontSize, ")")), _define_property(_obj, "".concat(innerTokens.dateStructureFontWeight), "var(".concat(tokens.calendarQuarterFontWeight, ")")), _define_property(_obj, "".concat(innerTokens.dateStructureFontLineHeight), "var(".concat(tokens.calendarQuarterFontLineHeight, ")")), _define_property(_obj, "".concat(innerTokens.dateStructureFontLetterSpacing), "var(".concat(tokens.calendarQuarterFontLetterSpacing, ")")), _define_property(_obj, "".concat(innerTokens.dateStructureFontStyle), "var(".concat(tokens.calendarQuarterFontStyle, ")")), _define_property(_obj, "".concat(innerTokens.dateStructureSelectedFontWeight), "var(".concat(tokens.calendarQuarterSelectedFontWeight, ")")), _define_property(_obj, "".concat(innerTokens.dateStructureBorderRadius), "var(".concat(tokens.calendarQuarterItemBorderRadius, ")")), _obj);
|
|
@@ -136,7 +137,8 @@ import { StyledCalendarQuarters } from "./CalendarQuarters.styles";
|
|
|
136
137
|
value
|
|
137
138
|
]);
|
|
138
139
|
var handleMouseOutGrid = function() {
|
|
139
|
-
|
|
140
|
+
onHoverQuarter === null || onHoverQuarter === void 0 ? void 0 : onHoverQuarter(undefined);
|
|
141
|
+
onTriggerEventTooltip === null || onTriggerEventTooltip === void 0 ? void 0 : onTriggerEventTooltip(noopRef, []);
|
|
140
142
|
};
|
|
141
143
|
var getRefs = useCallback(function(element, i, j) {
|
|
142
144
|
if (!outerRefs.current[i + offset]) {
|
|
@@ -182,6 +184,7 @@ import { StyledCalendarQuarters } from "./CalendarQuarters.styles";
|
|
|
182
184
|
sideInRange: getSideInRange(value, date, hoveredQuarter, isSelected),
|
|
183
185
|
onClick: disabled ? undefined : handleOnChangeQuarter(i, j, String(quarterName)),
|
|
184
186
|
onMouseOver: disabled ? undefined : handleOnHoverQuarter,
|
|
187
|
+
onTriggerEventTooltip: onTriggerEventTooltip,
|
|
185
188
|
key: "StyledQuarter-".concat(i, "-").concat(j),
|
|
186
189
|
role: "gridcell",
|
|
187
190
|
"aria-label": quarterName,
|
|
@@ -66,7 +66,7 @@ import { StyledCalendarYears } from "./CalendarYears.styles";
|
|
|
66
66
|
/**
|
|
67
67
|
* Компонент годов в календаре.
|
|
68
68
|
*/ export var CalendarYears = function(param) {
|
|
69
|
-
var currentDate = param.date, value = param.value, startYear = param.startYear, selectIndexes = param.selectIndexes, eventList = param.eventList, disabledList = param.disabledList, min = param.min, max = param.max, outerRefs = param.outerRefs, isDouble = param.isDouble, isSecond = param.isSecond, hoveredYear = param.hoveredYear, onChangeYear = param.onChangeYear, onHoverYear = param.onHoverYear, onSetSelected = param.onSetSelected, onKeyDown = param.onKeyDown;
|
|
69
|
+
var currentDate = param.date, value = param.value, startYear = param.startYear, selectIndexes = param.selectIndexes, eventList = param.eventList, disabledList = param.disabledList, min = param.min, max = param.max, outerRefs = param.outerRefs, isDouble = param.isDouble, isSecond = param.isSecond, hoveredYear = param.hoveredYear, onChangeYear = param.onChangeYear, onHoverYear = param.onHoverYear, onSetSelected = param.onSetSelected, onTriggerEventTooltip = param.onTriggerEventTooltip, onKeyDown = param.onKeyDown;
|
|
70
70
|
var minDate = min ? new Date(min.getFullYear(), 0, 1) : undefined;
|
|
71
71
|
var maxDate = max ? new Date(max.getFullYear(), 11, 31) : undefined;
|
|
72
72
|
var _useYears = _sliced_to_array(useYears({
|
|
@@ -80,6 +80,7 @@ import { StyledCalendarYears } from "./CalendarYears.styles";
|
|
|
80
80
|
}), 2), years = _useYears[0], selected = _useYears[1];
|
|
81
81
|
var selectedRef = useRef(selected);
|
|
82
82
|
var onSetSelectedRef = useRef(onSetSelected);
|
|
83
|
+
var noopRef = useRef(null);
|
|
83
84
|
var offset = isSecond ? ROW_YEAR_STEP : 0;
|
|
84
85
|
var _obj;
|
|
85
86
|
var yearItemTokens = (_obj = {}, _define_property(_obj, "".concat(innerTokens.dateStructureFontFamily), "var(".concat(tokens.calendarYearFontFamily, ")")), _define_property(_obj, "".concat(innerTokens.dateStructureFontSize), "var(".concat(tokens.calendarYearFontSize, ")")), _define_property(_obj, "".concat(innerTokens.dateStructureFontWeight), "var(".concat(tokens.calendarYearFontWeight, ")")), _define_property(_obj, "".concat(innerTokens.dateStructureFontLineHeight), "var(".concat(tokens.calendarYearFontLineHeight, ")")), _define_property(_obj, "".concat(innerTokens.dateStructureFontLetterSpacing), "var(".concat(tokens.calendarYearFontLetterSpacing, ")")), _define_property(_obj, "".concat(innerTokens.dateStructureFontStyle), "var(".concat(tokens.calendarYearFontStyle, ")")), _define_property(_obj, "".concat(innerTokens.dateStructureSelectedFontWeight), "var(".concat(tokens.calendarYearSelectedFontWeight, ")")), _define_property(_obj, "".concat(innerTokens.dateStructureBorderRadius), "var(".concat(tokens.calendarYearItemBorderRadius, ")")), _obj);
|
|
@@ -137,7 +138,8 @@ import { StyledCalendarYears } from "./CalendarYears.styles";
|
|
|
137
138
|
value
|
|
138
139
|
]);
|
|
139
140
|
var handleMouseOutGrid = function() {
|
|
140
|
-
|
|
141
|
+
onHoverYear === null || onHoverYear === void 0 ? void 0 : onHoverYear(undefined);
|
|
142
|
+
onTriggerEventTooltip === null || onTriggerEventTooltip === void 0 ? void 0 : onTriggerEventTooltip(noopRef, []);
|
|
141
143
|
};
|
|
142
144
|
var getRefs = useCallback(function(element, i, j) {
|
|
143
145
|
if (!outerRefs.current[i + offset]) {
|
|
@@ -182,6 +184,7 @@ import { StyledCalendarYears } from "./CalendarYears.styles";
|
|
|
182
184
|
sideInRange: getSideInRange(value, date, hoveredYear, isSelected),
|
|
183
185
|
onClick: disabled ? undefined : handleOnChangeYear(i, j),
|
|
184
186
|
onMouseOver: disabled ? undefined : handleOnHoverYear,
|
|
187
|
+
onTriggerEventTooltip: onTriggerEventTooltip,
|
|
185
188
|
key: "StyledYear-".concat(i, "-").concat(j),
|
|
186
189
|
role: "gridcell",
|
|
187
190
|
"data-year": yearValue,
|
|
@@ -53,14 +53,15 @@ function _object_without_properties_loose(source, excluded) {
|
|
|
53
53
|
}
|
|
54
54
|
return target;
|
|
55
55
|
}
|
|
56
|
-
import React, { forwardRef, memo } from "react";
|
|
56
|
+
import React, { forwardRef, memo, useRef } from "react";
|
|
57
|
+
import { useForkRef } from "@salutejs/plasma-core";
|
|
57
58
|
import { cx } from "../../../../utils";
|
|
58
59
|
import { classes } from "../../Calendar.tokens";
|
|
59
60
|
import { StyledItem, StyledItemRoot, StyledEvent, StyledEvents } from "./DateStructureItem.styles";
|
|
60
61
|
/**
|
|
61
62
|
* Компонент элемента даты в сетке календаря.
|
|
62
63
|
*/ export var DateStructureItem = /*#__PURE__*/ memo(/*#__PURE__*/ forwardRef(function(_param, outerRef) {
|
|
63
|
-
var children = _param.children, isFocused = _param.isFocused, dayOfWeek = _param.dayOfWeek, disabled = _param.disabled, isCurrent = _param.isCurrent, isSelected = _param.isSelected, isDayInCurrentMonth = _param.isDayInCurrentMonth, isDouble = _param.isDouble, inRange = _param.inRange, isHovered = _param.isHovered, sideInRange = _param.sideInRange, _param_eventList = _param.eventList, eventList = _param_eventList === void 0 ? [] : _param_eventList, day = _param.day, monthIndex = _param.monthIndex, year = _param.year, onClick = _param.onClick, onMouseOver = _param.onMouseOver, onFocus = _param.onFocus, disabledArrowKey = _param.disabledArrowKey, disabledMonths = _param.disabledMonths, rest = _object_without_properties(_param, [
|
|
64
|
+
var children = _param.children, isFocused = _param.isFocused, dayOfWeek = _param.dayOfWeek, disabled = _param.disabled, isCurrent = _param.isCurrent, isSelected = _param.isSelected, isDayInCurrentMonth = _param.isDayInCurrentMonth, isDouble = _param.isDouble, inRange = _param.inRange, isHovered = _param.isHovered, sideInRange = _param.sideInRange, _param_eventList = _param.eventList, eventList = _param_eventList === void 0 ? [] : _param_eventList, day = _param.day, monthIndex = _param.monthIndex, year = _param.year, onClick = _param.onClick, onMouseOver = _param.onMouseOver, onTriggerEventTooltip = _param.onTriggerEventTooltip, onFocus = _param.onFocus, disabledArrowKey = _param.disabledArrowKey, disabledMonths = _param.disabledMonths, rest = _object_without_properties(_param, [
|
|
64
65
|
"children",
|
|
65
66
|
"isFocused",
|
|
66
67
|
"dayOfWeek",
|
|
@@ -78,10 +79,13 @@ import { StyledItem, StyledItemRoot, StyledEvent, StyledEvents } from "./DateStr
|
|
|
78
79
|
"year",
|
|
79
80
|
"onClick",
|
|
80
81
|
"onMouseOver",
|
|
82
|
+
"onTriggerEventTooltip",
|
|
81
83
|
"onFocus",
|
|
82
84
|
"disabledArrowKey",
|
|
83
85
|
"disabledMonths"
|
|
84
86
|
]);
|
|
87
|
+
var structureRef = useRef(null);
|
|
88
|
+
var innerRef = useForkRef(outerRef, structureRef);
|
|
85
89
|
var selectableClass = !dayOfWeek && !disabled ? classes.selectableItem : undefined;
|
|
86
90
|
var selectedClass = isDayInCurrentMonth && isSelected ? classes.selectedItem : undefined;
|
|
87
91
|
var currentClass = isDayInCurrentMonth && isCurrent ? classes.currentItem : undefined;
|
|
@@ -95,8 +99,20 @@ import { StyledItem, StyledItemRoot, StyledEvent, StyledEvents } from "./DateStr
|
|
|
95
99
|
var sideInRangeClass = isDayInCurrentMonth && sideInRange ? classes.sideInRange : undefined;
|
|
96
100
|
var inRangeStyle = isDayInCurrentMonth && inRange ? classes.inRange : undefined;
|
|
97
101
|
var sideOffset = !isSelected && isCurrent ? -1 : 0;
|
|
102
|
+
var handleMouseOver = function(event) {
|
|
103
|
+
if (onMouseOver) {
|
|
104
|
+
onMouseOver(event);
|
|
105
|
+
}
|
|
106
|
+
if (onTriggerEventTooltip) {
|
|
107
|
+
var eventNodes = (eventList === null || eventList === void 0 ? void 0 : eventList.map(function(param) {
|
|
108
|
+
var eventInfo = param.eventInfo;
|
|
109
|
+
return eventInfo;
|
|
110
|
+
}).filter(Boolean)) || [];
|
|
111
|
+
onTriggerEventTooltip(structureRef, eventNodes);
|
|
112
|
+
}
|
|
113
|
+
};
|
|
98
114
|
return /*#__PURE__*/ React.createElement(StyledItemRoot, _object_spread({
|
|
99
|
-
ref:
|
|
115
|
+
ref: innerRef,
|
|
100
116
|
className: cx(disabledClass, disabledCurrentClass, dayOfWeekClass, selectableClass, selectedClass, currentClass, hoveredClass, dayInCurrentMonthClass),
|
|
101
117
|
tabIndex: isFocused ? 0 : -1,
|
|
102
118
|
dayOfWeek: dayOfWeek,
|
|
@@ -107,7 +123,7 @@ import { StyledItem, StyledItemRoot, StyledEvent, StyledEvents } from "./DateStr
|
|
|
107
123
|
isHovered: isHovered,
|
|
108
124
|
sideInRange: sideInRange,
|
|
109
125
|
onClick: disabled ? undefined : onClick,
|
|
110
|
-
onMouseOver:
|
|
126
|
+
onMouseOver: handleMouseOver,
|
|
111
127
|
onFocus: onFocus,
|
|
112
128
|
"data-day": day,
|
|
113
129
|
"data-month-index": monthIndex,
|
|
@@ -127,8 +143,9 @@ import { StyledItem, StyledItemRoot, StyledEvent, StyledEvents } from "./DateStr
|
|
|
127
143
|
eventList[1],
|
|
128
144
|
eventList[2]
|
|
129
145
|
].map(function(event, i) {
|
|
130
|
-
return event && /*#__PURE__*/ React.createElement(StyledEvent,
|
|
131
|
-
key: "".concat(event.date, "-").concat(i)
|
|
132
|
-
|
|
146
|
+
return event && /*#__PURE__*/ React.createElement(StyledEvent, {
|
|
147
|
+
key: "".concat(event.date, "-").concat(i),
|
|
148
|
+
color: event.color
|
|
149
|
+
});
|
|
133
150
|
})));
|
|
134
151
|
}));
|
package/styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import styled from "styled-components";
|
|
2
|
+
import { popoverClasses } from "../../../Popover";
|
|
2
3
|
import { classes, innerTokens, tokens } from "../../Calendar.tokens";
|
|
3
4
|
import { addFocus } from "../../../../mixins";
|
|
4
5
|
import { addActive, addSelected, flexCenter } from "../../mixins";
|
|
@@ -10,7 +11,7 @@ var sideInRange = function() {
|
|
|
10
11
|
};
|
|
11
12
|
export var StyledItem = styled.div.withConfig({
|
|
12
13
|
displayName: "DateStructureItem.styles__StyledItem",
|
|
13
|
-
componentId: "sc-
|
|
14
|
+
componentId: "sc-ac5d10be-0"
|
|
14
15
|
})([
|
|
15
16
|
"border-radius:calc(var(",
|
|
16
17
|
") - 0.125rem);",
|
|
@@ -38,7 +39,7 @@ var disabledCurrentItem = function() {
|
|
|
38
39
|
};
|
|
39
40
|
export var StyledItemRoot = styled.div.withConfig({
|
|
40
41
|
displayName: "DateStructureItem.styles__StyledItemRoot",
|
|
41
|
-
componentId: "sc-
|
|
42
|
+
componentId: "sc-ac5d10be-1"
|
|
42
43
|
})([
|
|
43
44
|
"font-family:var(",
|
|
44
45
|
");font-size:var(",
|
|
@@ -69,7 +70,9 @@ export var StyledItemRoot = styled.div.withConfig({
|
|
|
69
70
|
"{& > .",
|
|
70
71
|
":before{width:calc(100% + 2px);height:100%;}& > .",
|
|
71
72
|
":before{width:100%;right:-1px;left:unset;}& > .",
|
|
72
|
-
":before{width:100%;left:-1px;right:unset;}}"
|
|
73
|
+
":before{width:100%;left:-1px;right:unset;}}& .",
|
|
74
|
+
".",
|
|
75
|
+
"{z-index:-1;width:100%;}"
|
|
73
76
|
], innerTokens.dateStructureFontFamily, innerTokens.dateStructureFontSize, innerTokens.dateStructureFontStyle, innerTokens.dateStructureFontWeight, innerTokens.dateStructureFontLetterSpacing, innerTokens.dateStructureFontLineHeight, innerTokens.dateStructureBorderRadius, String(flexCenter), function(param) {
|
|
74
77
|
var isDayInCurrentMonth = param.isDayInCurrentMonth;
|
|
75
78
|
return isDayInCurrentMonth ? "var(".concat(tokens.calendarContentPrimaryColor, ")") : "var(".concat(tokens.calendarContentSecondaryColor, ")");
|
|
@@ -104,17 +107,17 @@ export var StyledItemRoot = styled.div.withConfig({
|
|
|
104
107
|
}, disabledItem(), classes.disabledCurrent, function(param) {
|
|
105
108
|
var isDayInCurrentMonth = param.isDayInCurrentMonth;
|
|
106
109
|
return isDayInCurrentMonth ? "var(".concat(tokens.calendarContentPrimaryDisabledColor, ")") : "var(".concat(tokens.calendarContentSecondaryDisabledColor, ")");
|
|
107
|
-
}, disabledCurrentItem(), classes.currentItem, classes.inRange, classes.sideRight, classes.sideLeft);
|
|
110
|
+
}, disabledCurrentItem(), classes.currentItem, classes.inRange, classes.sideRight, classes.sideLeft, popoverClasses.wrapper, popoverClasses.targetAsRef);
|
|
108
111
|
export var StyledEvents = styled.div.withConfig({
|
|
109
112
|
displayName: "DateStructureItem.styles__StyledEvents",
|
|
110
|
-
componentId: "sc-
|
|
113
|
+
componentId: "sc-ac5d10be-2"
|
|
111
114
|
})([
|
|
112
115
|
"display:flex;position:absolute;bottom:var(",
|
|
113
116
|
",0.25rem);"
|
|
114
117
|
], tokens.calendarEventItemBottom);
|
|
115
118
|
export var StyledEvent = styled.div.withConfig({
|
|
116
119
|
displayName: "DateStructureItem.styles__StyledEvent",
|
|
117
|
-
componentId: "sc-
|
|
120
|
+
componentId: "sc-ac5d10be-3"
|
|
118
121
|
})([
|
|
119
122
|
"margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:",
|
|
120
123
|
";"
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { EventTooltip } from "./EventTooltip.styles";
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import styled from "styled-components";
|
|
2
|
+
import { tooltipConfig, tooltipTokens } from "../../../Tooltip";
|
|
3
|
+
import { component, mergeConfig } from "../../../../engines";
|
|
4
|
+
import { tokens } from "../../Calendar.tokens";
|
|
5
|
+
var mergedTooltipConfig = mergeConfig(tooltipConfig);
|
|
6
|
+
var Tooltip = component(mergedTooltipConfig);
|
|
7
|
+
export var EventTooltip = styled(Tooltip).withConfig({
|
|
8
|
+
displayName: "EventTooltip.styles__EventTooltip",
|
|
9
|
+
componentId: "sc-bf434830-0"
|
|
10
|
+
})([
|
|
11
|
+
"",
|
|
12
|
+
":var(",
|
|
13
|
+
");",
|
|
14
|
+
":var(",
|
|
15
|
+
");",
|
|
16
|
+
":var(",
|
|
17
|
+
");",
|
|
18
|
+
":var(",
|
|
19
|
+
");",
|
|
20
|
+
":var(",
|
|
21
|
+
");",
|
|
22
|
+
":var(",
|
|
23
|
+
");",
|
|
24
|
+
":var(",
|
|
25
|
+
");",
|
|
26
|
+
":var(",
|
|
27
|
+
");",
|
|
28
|
+
":var(",
|
|
29
|
+
");",
|
|
30
|
+
":var(",
|
|
31
|
+
");",
|
|
32
|
+
":var(",
|
|
33
|
+
");",
|
|
34
|
+
":var(",
|
|
35
|
+
");",
|
|
36
|
+
":var(",
|
|
37
|
+
");",
|
|
38
|
+
":var(",
|
|
39
|
+
");",
|
|
40
|
+
":var(",
|
|
41
|
+
");",
|
|
42
|
+
":var(",
|
|
43
|
+
");",
|
|
44
|
+
":var(",
|
|
45
|
+
");",
|
|
46
|
+
":var(",
|
|
47
|
+
");",
|
|
48
|
+
":var(",
|
|
49
|
+
");",
|
|
50
|
+
":var(",
|
|
51
|
+
");",
|
|
52
|
+
":var(",
|
|
53
|
+
");",
|
|
54
|
+
":var(",
|
|
55
|
+
");"
|
|
56
|
+
], tooltipTokens.paddingTop, tokens.tooltipPaddingTop, tooltipTokens.paddingRight, tokens.tooltipPaddingRight, tooltipTokens.paddingBottom, tokens.tooltipPaddingBottom, tooltipTokens.paddingLeft, tokens.tooltipPaddingLeft, tooltipTokens.minHeight, tokens.tooltipMinHeight, tooltipTokens.borderRadius, tokens.tooltipBorderRadius, tooltipTokens.textFontFamily, tokens.tooltipTextFontFamily, tooltipTokens.textFontSize, tokens.tooltipTextFontSize, tooltipTokens.textFontStyle, tokens.tooltipTextFontStyle, tooltipTokens.textFontWeight, tokens.tooltipTextFontWeight, tooltipTokens.textFontLetterSpacing, tokens.tooltipTextFontLetterSpacing, tooltipTokens.textFontLineHeight, tokens.tooltipTextFontLineHeight, tooltipTokens.contentLeftMargin, tokens.tooltipContentLeftMargin, tooltipTokens.arrowMaskWidth, tokens.tooltipArrowMaskWidth, tooltipTokens.arrowMaskHeight, tokens.tooltipArrowMaskHeight, tooltipTokens.arrowMaskImage, tokens.tooltipArrowMaskImage, tooltipTokens.arrowBackground, tokens.tooltipArrowBackground, tooltipTokens.arrowHeight, tokens.tooltipArrowHeight, tooltipTokens.arrowEdgeMargin, tokens.tooltipArrowEdgeMargin, tooltipTokens.backgroundColor, tokens.tooltipBackgroundColor, tooltipTokens.boxShadow, tokens.tooltipBoxShadow, tooltipTokens.color, tokens.tooltipColor);
|
|
@@ -3,3 +3,4 @@ export { CalendarDays } from "./CalendarDays/CalendarDays";
|
|
|
3
3
|
export { CalendarMonths } from "./CalendarMonths/CalendarMonths";
|
|
4
4
|
export { CalendarQuarters } from "./CalendarQuarters/CalendarQuarters";
|
|
5
5
|
export { CalendarYears } from "./CalendarYears/CalendarYears";
|
|
6
|
+
export { EventTooltip } from "./EventTooltip/EventTooltip";
|
|
@@ -514,6 +514,17 @@ import { Context } from "./Combobox.context";
|
|
|
514
514
|
internalValue,
|
|
515
515
|
items
|
|
516
516
|
]);
|
|
517
|
+
// Эффект для исключительных случаев, когда нужно обновить значение textValue при изменении items,
|
|
518
|
+
// но только если значение textValue совпадает с value в item.
|
|
519
|
+
useLayoutEffect(function() {
|
|
520
|
+
var _valueToItemMap_get;
|
|
521
|
+
if (!multiple && value && ((_valueToItemMap_get = valueToItemMap.get(value)) === null || _valueToItemMap_get === void 0 ? void 0 : _valueToItemMap_get.value) === textValue) {
|
|
522
|
+
var _valueToItemMap_get1;
|
|
523
|
+
setTextValue(((_valueToItemMap_get1 = valueToItemMap.get(value)) === null || _valueToItemMap_get1 === void 0 ? void 0 : _valueToItemMap_get1.label) || value.toString());
|
|
524
|
+
}
|
|
525
|
+
}, [
|
|
526
|
+
items
|
|
527
|
+
]);
|
|
517
528
|
// При изменении value нужно возвращать значение в инпуте к исходному.
|
|
518
529
|
useDidMountLayoutEffect(function() {
|
|
519
530
|
setTextValue(getTextValue(multiple, value, valueToItemMap, renderValue));
|
|
@@ -214,5 +214,27 @@ export var tokens = {
|
|
|
214
214
|
calendarContentSecondaryColor: '--plasma-date-picker-calendar__content-secondary-color',
|
|
215
215
|
calendarContentPrimaryDisabledColor: '--plasma-date-picker-calendar__content-primary-disabled-color',
|
|
216
216
|
calendarContentSecondaryDisabledColor: '--plasma-date-picker-calendar__content-secondary-disabled-color',
|
|
217
|
-
calendarDisabledOpacity: '--plasma-date-picker-calendar__disabled-opacity'
|
|
217
|
+
calendarDisabledOpacity: '--plasma-date-picker-calendar__disabled-opacity',
|
|
218
|
+
/* Токены тултипа для событий */ tooltipPaddingTop: '--plasma-datepicker-calendar-tooltip-padding-top',
|
|
219
|
+
tooltipPaddingRight: '--plasma-datepicker-calendar-tooltip-padding-right',
|
|
220
|
+
tooltipPaddingBottom: '--plasma-datepicker-calendar-tooltip-padding-bottom',
|
|
221
|
+
tooltipPaddingLeft: '--plasma-datepicker-calendar-tooltip-padding-left',
|
|
222
|
+
tooltipMinHeight: '--plasma-datepicker-calendar-tooltip-min-height',
|
|
223
|
+
tooltipBackgroundColor: '--plasma-datepicker-calendar-tooltip-background-color',
|
|
224
|
+
tooltipBoxShadow: '--plasma-datepicker-calendar-tooltip-box-shadow',
|
|
225
|
+
tooltipBorderRadius: '--plasma-datepicker-calendar-tooltip-border-radius',
|
|
226
|
+
tooltipColor: '--plasma-datepicker-calendar-tooltip-color',
|
|
227
|
+
tooltipTextFontFamily: '--plasma-datepicker-calendar-tooltip-text-font-family',
|
|
228
|
+
tooltipTextFontSize: '--plasma-datepicker-calendar-tooltip-text-font-size',
|
|
229
|
+
tooltipTextFontStyle: '--plasma-datepicker-calendar-tooltip-text-font-style',
|
|
230
|
+
tooltipTextFontWeight: '--plasma-datepicker-calendar-tooltip-text-font-weight',
|
|
231
|
+
tooltipTextFontLetterSpacing: '--plasma-datepicker-calendar-tooltip-text-font-letter-spacing',
|
|
232
|
+
tooltipTextFontLineHeight: '--plasma-datepicker-calendar-tooltip-text-font-line-height',
|
|
233
|
+
tooltipContentLeftMargin: '--plasma-datepicker-calendar-tooltip-content-left-margin',
|
|
234
|
+
tooltipArrowMaskWidth: '--plasma-datepicker-calendar-tooltip-arrow-mask-width',
|
|
235
|
+
tooltipArrowMaskHeight: '--plasma-datepicker-calendar-tooltip-arrow-mask-height',
|
|
236
|
+
tooltipArrowMaskImage: '--plasma-datepicker-calendar-tooltip-arrow-mask-image',
|
|
237
|
+
tooltipArrowBackground: '--plasma-datepicker-calendar-tooltip-arrow-background',
|
|
238
|
+
tooltipArrowHeight: '--plasma-datepicker-calendar-tooltip-arrow-height',
|
|
239
|
+
tooltipArrowEdgeMargin: '--plasma-datepicker-calendar-tooltip-arrow-edge-margin'
|
|
218
240
|
};
|
|
@@ -5,11 +5,11 @@ import { calendarBaseConfig, calendarBaseTokens } from "../Calendar";
|
|
|
5
5
|
import { tokens } from "./DatePicker.tokens";
|
|
6
6
|
var mergedCalendarConfig = mergeConfig(calendarBaseConfig);
|
|
7
7
|
var Calendar = component(mergedCalendarConfig);
|
|
8
|
-
export var baseCalendarTokens = "\n padding-top: var(".concat(tokens.calendarPaddingTop, ");\n box-shadow: var(").concat(tokens.calendarShadow, ");\n border-radius: var(").concat(tokens.calendarBorderRadius, ");\n margin-top: var(").concat(tokens.calendarMarginTop, ");\n\n ").concat(calendarBaseTokens.calendarBackgroundColor, ": var(").concat(tokens.calendarBackgroundColor, ");\n ").concat(calendarBaseTokens.calendarSelectedItemBackground, ": var(").concat(tokens.calendarSelectedItemBackground, ");\n ").concat(calendarBaseTokens.calendarSelectedItemColor, ": var(").concat(tokens.calendarSelectedItemColor, ");\n ").concat(calendarBaseTokens.calendarSelectableItemBackgroundHover, ": var(").concat(tokens.calendarSelectableItemBackgroundHover, ");\n ").concat(calendarBaseTokens.calendarCurrentItemBorderColor, ": var(").concat(tokens.calendarCurrentItemBorderColor, ");\n ").concat(calendarBaseTokens.calendarCurrentItemBorderWidth, ": var(").concat(tokens.calendarCurrentItemBorderWidth, ");\n ").concat(calendarBaseTokens.calendarCurrentItemBackgroundHover, ": var(").concat(tokens.calendarCurrentItemBackgroundHover, ");\n ").concat(calendarBaseTokens.calendarCurrentItemColorHover, ": var(").concat(tokens.calendarCurrentItemColorHover, ");\n ").concat(calendarBaseTokens.calendarCurrentItemChildBackgroundHover, ": var(").concat(tokens.calendarCurrentItemChildBackgroundHover, ");\n ").concat(calendarBaseTokens.calendarActiveItemBackground, ": var(").concat(tokens.calendarActiveItemBackground, ");\n ").concat(calendarBaseTokens.calendarActiveItemColor, ": var(").concat(tokens.calendarActiveItemColor, ");\n ").concat(calendarBaseTokens.calendarHoveredItemBackground, ": var(").concat(tokens.calendarHoveredItemBackground, ");\n ").concat(calendarBaseTokens.calendarHoveredItemColor, ": var(").concat(tokens.calendarHoveredItemColor, ");\n ").concat(calendarBaseTokens.calendarRangeBackground, ": var(").concat(tokens.calendarRangeBackground, ");\n ").concat(calendarBaseTokens.calendarOutlineFocusColor, ": var(").concat(tokens.calendarOutlineFocusColor, ");\n ").concat(calendarBaseTokens.calendarContentPrimaryColor, ": var(").concat(tokens.calendarContentPrimaryColor, ");\n ").concat(calendarBaseTokens.calendarContentPrimaryDisabledColor, ": var(").concat(tokens.calendarContentPrimaryDisabledColor, ");\n ").concat(calendarBaseTokens.calendarContentSecondaryColor, ": var(").concat(tokens.calendarContentSecondaryColor, ");\n ").concat(calendarBaseTokens.calendarContentSecondaryDisabledColor, ": var(").concat(tokens.calendarContentSecondaryDisabledColor, ");\n ").concat(calendarBaseTokens.calendarDisabledOpacity, ": var(").concat(tokens.calendarDisabledOpacity, ");\n\n ").concat(calendarBaseTokens.iconButtonColor, ": var(").concat(tokens.iconButtonColor, ");\n ").concat(calendarBaseTokens.iconButtonBackgroundColor, ": var(").concat(tokens.iconButtonBackgroundColor, ");\n ").concat(calendarBaseTokens.iconButtonColorHover, ": var(").concat(tokens.iconButtonColorHover, ");\n ").concat(calendarBaseTokens.iconButtonBackgroundColorHover, ": var(").concat(tokens.iconButtonBackgroundColorHover, ");\n ").concat(calendarBaseTokens.iconButtonColorActive, ": var(").concat(tokens.iconButtonColorActive, ");\n ").concat(calendarBaseTokens.iconButtonBackgroundColorActive, ": var(").concat(tokens.iconButtonBackgroundColorActive, ");\n\n ").concat(calendarBaseTokens.calendarBorderWidth, ": var(").concat(tokens.calendarBorderWidth, ");\n ").concat(calendarBaseTokens.calendarBorderColor, ": var(").concat(tokens.calendarBorderColor, ");\n\n ").concat(calendarBaseTokens.calendarYearsPadding, ": var(").concat(tokens.calendarYearsPadding, ");\n ").concat(calendarBaseTokens.calendarYearItemBorderRadius, ": var(").concat(tokens.calendarYearItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarYearFontFamily, ": var(").concat(tokens.calendarYearFontFamily, ");\n ").concat(calendarBaseTokens.calendarYearFontSize, ": var(").concat(tokens.calendarYearFontSize, ");\n ").concat(calendarBaseTokens.calendarYearFontStyle, ": var(").concat(tokens.calendarYearFontStyle, ");\n ").concat(calendarBaseTokens.calendarYearFontLetterSpacing, ": var(").concat(tokens.calendarYearFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarYearFontLineHeight, ": var(").concat(tokens.calendarYearFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarYearFontWeight, ": var(").concat(tokens.calendarYearFontWeight, ");\n ").concat(calendarBaseTokens.calendarYearSelectedFontWeight, ": var(").concat(tokens.calendarYearSelectedFontWeight, ");\n\n ").concat(calendarBaseTokens.calendarMonthsPadding, ": var(").concat(tokens.calendarMonthsPadding, ");\n ").concat(calendarBaseTokens.calendarMonthItemBorderRadius, ": var(").concat(tokens.calendarMonthItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarMonthFontFamily, ": var(").concat(tokens.calendarMonthFontFamily, ");\n ").concat(calendarBaseTokens.calendarMonthFontSize, ": var(").concat(tokens.calendarMonthFontSize, ");\n ").concat(calendarBaseTokens.calendarMonthFontStyle, ": var(").concat(tokens.calendarMonthFontStyle, ");\n ").concat(calendarBaseTokens.calendarMonthFontLetterSpacing, ": var(").concat(tokens.calendarMonthFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarMonthFontLineHeight, ": var(").concat(tokens.calendarMonthFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarMonthFontWeight, ": var(").concat(tokens.calendarMonthFontWeight, ");\n ").concat(calendarBaseTokens.calendarMonthSelectedFontWeight, ": var(").concat(tokens.calendarMonthSelectedFontWeight, ");\n\n ").concat(calendarBaseTokens.calendarQuartersPadding, ": var(").concat(tokens.calendarQuartersPadding, ");\n ").concat(calendarBaseTokens.calendarQuarterItemBorderRadius, ": var(").concat(tokens.calendarQuarterItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarQuarterFontFamily, ": var(").concat(tokens.calendarQuarterFontFamily, ");\n ").concat(calendarBaseTokens.calendarQuarterFontSize, ": var(").concat(tokens.calendarQuarterFontSize, ");\n ").concat(calendarBaseTokens.calendarQuarterFontStyle, ": var(").concat(tokens.calendarQuarterFontStyle, ");\n ").concat(calendarBaseTokens.calendarQuarterFontLetterSpacing, ": var(").concat(tokens.calendarQuarterFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarQuarterFontLineHeight, ": var(").concat(tokens.calendarQuarterFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarQuarterFontWeight, ": var(").concat(tokens.calendarQuarterFontWeight, ");\n ").concat(calendarBaseTokens.calendarQuarterSelectedFontWeight, ": var(").concat(tokens.calendarQuarterSelectedFontWeight, ");\n \n ").concat(calendarBaseTokens.calendarDaysPadding, ": var(").concat(tokens.calendarDaysPadding, ");\n ").concat(calendarBaseTokens.calendarDayItemBorderRadius, ": var(").concat(tokens.calendarDayItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarDayFontFamily, ": var(").concat(tokens.calendarDayFontFamily, ");\n ").concat(calendarBaseTokens.calendarDayFontSize, ": var(").concat(tokens.calendarDayFontSize, ");\n ").concat(calendarBaseTokens.calendarDayFontStyle, ": var(").concat(tokens.calendarDayFontStyle, ");\n ").concat(calendarBaseTokens.calendarDayFontLetterSpacing, ": var(").concat(tokens.calendarDayFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarDayFontLineHeight, ": var(").concat(tokens.calendarDayFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarDayFontWeight, ": var(").concat(tokens.calendarDayFontWeight, ");\n ").concat(calendarBaseTokens.calendarDaySelectedFontWeight, ": var(").concat(tokens.calendarDaySelectedFontWeight, ");\n ").concat(calendarBaseTokens.calendarDayOfWeekColor, ": var(").concat(tokens.calendarDayOfWeekColor, ");\n \n ").concat(calendarBaseTokens.calendarEventItemBottom, ": var(").concat(tokens.calendarEventItemBottom, ");\n \n ").concat(calendarBaseTokens.calendarHeaderWrapperPadding, ": var(").concat(tokens.calendarHeaderWrapperPadding, ");\n ").concat(calendarBaseTokens.calendarHeaderArrowGap, ": var(").concat(tokens.calendarHeaderArrowGap, ");\n ").concat(calendarBaseTokens.calendarHeaderArrowPadding, ": var(").concat(tokens.calendarHeaderArrowPadding, ");\n ").concat(calendarBaseTokens.calendarHeaderPadding, ": var(").concat(tokens.calendarHeaderPadding, ");\n ").concat(calendarBaseTokens.calendarHeaderDateGap, ": var(").concat(tokens.calendarHeaderDateGap, ");\n ").concat(calendarBaseTokens.calendarHeaderFontFamily, ": var(").concat(tokens.calendarHeaderFontFamily, ");\n ").concat(calendarBaseTokens.calendarHeaderFontSize, ": var(").concat(tokens.calendarHeaderFontSize, ");\n ").concat(calendarBaseTokens.calendarHeaderFontStyle, ": var(").concat(tokens.calendarHeaderFontStyle, ");\n ").concat(calendarBaseTokens.calendarHeaderFontLetterSpacing, ": var(").concat(tokens.calendarHeaderFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarHeaderFontLineHeight, ": var(").concat(tokens.calendarHeaderFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarHeaderFontWeight, ": var(").concat(tokens.calendarHeaderFontWeight, ");\n ").concat(calendarBaseTokens.calendarHeaderFontWeightBold, ": var(").concat(tokens.calendarHeaderFontWeightBold, ");\n ").concat(calendarBaseTokens.calendarHeaderArrowColor, ": var(").concat(tokens.calendarHeaderArrowColor, ");\n ").concat(calendarBaseTokens.calendarArrowHeaderCustomSize, ": var(").concat(tokens.calendarHeaderArrowCustomSize, ");\n \n ").concat(calendarBaseTokens.iconButtonHeight, ": var(").concat(tokens.iconButtonHeight, ");\n ").concat(calendarBaseTokens.iconButtonWidth, ": var(").concat(tokens.iconButtonWidth, ");\n ").concat(calendarBaseTokens.iconButtonPadding, ": var(").concat(tokens.iconButtonPadding, ");\n ").concat(calendarBaseTokens.iconButtonRadius, ": var(").concat(tokens.iconButtonRadius, ");\n ").concat(calendarBaseTokens.iconButtonFocusColor, ": var(").concat(tokens.iconButtonFocusColor, ");\n");
|
|
8
|
+
export var baseCalendarTokens = "\n padding-top: var(".concat(tokens.calendarPaddingTop, ");\n box-shadow: var(").concat(tokens.calendarShadow, ");\n border-radius: var(").concat(tokens.calendarBorderRadius, ");\n margin-top: var(").concat(tokens.calendarMarginTop, ");\n\n ").concat(calendarBaseTokens.calendarBackgroundColor, ": var(").concat(tokens.calendarBackgroundColor, ");\n ").concat(calendarBaseTokens.calendarSelectedItemBackground, ": var(").concat(tokens.calendarSelectedItemBackground, ");\n ").concat(calendarBaseTokens.calendarSelectedItemColor, ": var(").concat(tokens.calendarSelectedItemColor, ");\n ").concat(calendarBaseTokens.calendarSelectableItemBackgroundHover, ": var(").concat(tokens.calendarSelectableItemBackgroundHover, ");\n ").concat(calendarBaseTokens.calendarCurrentItemBorderColor, ": var(").concat(tokens.calendarCurrentItemBorderColor, ");\n ").concat(calendarBaseTokens.calendarCurrentItemBorderWidth, ": var(").concat(tokens.calendarCurrentItemBorderWidth, ");\n ").concat(calendarBaseTokens.calendarCurrentItemBackgroundHover, ": var(").concat(tokens.calendarCurrentItemBackgroundHover, ");\n ").concat(calendarBaseTokens.calendarCurrentItemColorHover, ": var(").concat(tokens.calendarCurrentItemColorHover, ");\n ").concat(calendarBaseTokens.calendarCurrentItemChildBackgroundHover, ": var(").concat(tokens.calendarCurrentItemChildBackgroundHover, ");\n ").concat(calendarBaseTokens.calendarActiveItemBackground, ": var(").concat(tokens.calendarActiveItemBackground, ");\n ").concat(calendarBaseTokens.calendarActiveItemColor, ": var(").concat(tokens.calendarActiveItemColor, ");\n ").concat(calendarBaseTokens.calendarHoveredItemBackground, ": var(").concat(tokens.calendarHoveredItemBackground, ");\n ").concat(calendarBaseTokens.calendarHoveredItemColor, ": var(").concat(tokens.calendarHoveredItemColor, ");\n ").concat(calendarBaseTokens.calendarRangeBackground, ": var(").concat(tokens.calendarRangeBackground, ");\n ").concat(calendarBaseTokens.calendarOutlineFocusColor, ": var(").concat(tokens.calendarOutlineFocusColor, ");\n ").concat(calendarBaseTokens.calendarContentPrimaryColor, ": var(").concat(tokens.calendarContentPrimaryColor, ");\n ").concat(calendarBaseTokens.calendarContentPrimaryDisabledColor, ": var(").concat(tokens.calendarContentPrimaryDisabledColor, ");\n ").concat(calendarBaseTokens.calendarContentSecondaryColor, ": var(").concat(tokens.calendarContentSecondaryColor, ");\n ").concat(calendarBaseTokens.calendarContentSecondaryDisabledColor, ": var(").concat(tokens.calendarContentSecondaryDisabledColor, ");\n ").concat(calendarBaseTokens.calendarDisabledOpacity, ": var(").concat(tokens.calendarDisabledOpacity, ");\n\n ").concat(calendarBaseTokens.iconButtonColor, ": var(").concat(tokens.iconButtonColor, ");\n ").concat(calendarBaseTokens.iconButtonBackgroundColor, ": var(").concat(tokens.iconButtonBackgroundColor, ");\n ").concat(calendarBaseTokens.iconButtonColorHover, ": var(").concat(tokens.iconButtonColorHover, ");\n ").concat(calendarBaseTokens.iconButtonBackgroundColorHover, ": var(").concat(tokens.iconButtonBackgroundColorHover, ");\n ").concat(calendarBaseTokens.iconButtonColorActive, ": var(").concat(tokens.iconButtonColorActive, ");\n ").concat(calendarBaseTokens.iconButtonBackgroundColorActive, ": var(").concat(tokens.iconButtonBackgroundColorActive, ");\n\n ").concat(calendarBaseTokens.calendarBorderWidth, ": var(").concat(tokens.calendarBorderWidth, ");\n ").concat(calendarBaseTokens.calendarBorderColor, ": var(").concat(tokens.calendarBorderColor, ");\n\n ").concat(calendarBaseTokens.calendarYearsPadding, ": var(").concat(tokens.calendarYearsPadding, ");\n ").concat(calendarBaseTokens.calendarYearItemBorderRadius, ": var(").concat(tokens.calendarYearItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarYearFontFamily, ": var(").concat(tokens.calendarYearFontFamily, ");\n ").concat(calendarBaseTokens.calendarYearFontSize, ": var(").concat(tokens.calendarYearFontSize, ");\n ").concat(calendarBaseTokens.calendarYearFontStyle, ": var(").concat(tokens.calendarYearFontStyle, ");\n ").concat(calendarBaseTokens.calendarYearFontLetterSpacing, ": var(").concat(tokens.calendarYearFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarYearFontLineHeight, ": var(").concat(tokens.calendarYearFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarYearFontWeight, ": var(").concat(tokens.calendarYearFontWeight, ");\n ").concat(calendarBaseTokens.calendarYearSelectedFontWeight, ": var(").concat(tokens.calendarYearSelectedFontWeight, ");\n\n ").concat(calendarBaseTokens.calendarMonthsPadding, ": var(").concat(tokens.calendarMonthsPadding, ");\n ").concat(calendarBaseTokens.calendarMonthItemBorderRadius, ": var(").concat(tokens.calendarMonthItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarMonthFontFamily, ": var(").concat(tokens.calendarMonthFontFamily, ");\n ").concat(calendarBaseTokens.calendarMonthFontSize, ": var(").concat(tokens.calendarMonthFontSize, ");\n ").concat(calendarBaseTokens.calendarMonthFontStyle, ": var(").concat(tokens.calendarMonthFontStyle, ");\n ").concat(calendarBaseTokens.calendarMonthFontLetterSpacing, ": var(").concat(tokens.calendarMonthFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarMonthFontLineHeight, ": var(").concat(tokens.calendarMonthFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarMonthFontWeight, ": var(").concat(tokens.calendarMonthFontWeight, ");\n ").concat(calendarBaseTokens.calendarMonthSelectedFontWeight, ": var(").concat(tokens.calendarMonthSelectedFontWeight, ");\n\n ").concat(calendarBaseTokens.calendarQuartersPadding, ": var(").concat(tokens.calendarQuartersPadding, ");\n ").concat(calendarBaseTokens.calendarQuarterItemBorderRadius, ": var(").concat(tokens.calendarQuarterItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarQuarterFontFamily, ": var(").concat(tokens.calendarQuarterFontFamily, ");\n ").concat(calendarBaseTokens.calendarQuarterFontSize, ": var(").concat(tokens.calendarQuarterFontSize, ");\n ").concat(calendarBaseTokens.calendarQuarterFontStyle, ": var(").concat(tokens.calendarQuarterFontStyle, ");\n ").concat(calendarBaseTokens.calendarQuarterFontLetterSpacing, ": var(").concat(tokens.calendarQuarterFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarQuarterFontLineHeight, ": var(").concat(tokens.calendarQuarterFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarQuarterFontWeight, ": var(").concat(tokens.calendarQuarterFontWeight, ");\n ").concat(calendarBaseTokens.calendarQuarterSelectedFontWeight, ": var(").concat(tokens.calendarQuarterSelectedFontWeight, ");\n \n ").concat(calendarBaseTokens.calendarDaysPadding, ": var(").concat(tokens.calendarDaysPadding, ");\n ").concat(calendarBaseTokens.calendarDayItemBorderRadius, ": var(").concat(tokens.calendarDayItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarDayFontFamily, ": var(").concat(tokens.calendarDayFontFamily, ");\n ").concat(calendarBaseTokens.calendarDayFontSize, ": var(").concat(tokens.calendarDayFontSize, ");\n ").concat(calendarBaseTokens.calendarDayFontStyle, ": var(").concat(tokens.calendarDayFontStyle, ");\n ").concat(calendarBaseTokens.calendarDayFontLetterSpacing, ": var(").concat(tokens.calendarDayFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarDayFontLineHeight, ": var(").concat(tokens.calendarDayFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarDayFontWeight, ": var(").concat(tokens.calendarDayFontWeight, ");\n ").concat(calendarBaseTokens.calendarDaySelectedFontWeight, ": var(").concat(tokens.calendarDaySelectedFontWeight, ");\n ").concat(calendarBaseTokens.calendarDayOfWeekColor, ": var(").concat(tokens.calendarDayOfWeekColor, ");\n \n ").concat(calendarBaseTokens.calendarEventItemBottom, ": var(").concat(tokens.calendarEventItemBottom, ");\n \n ").concat(calendarBaseTokens.calendarHeaderWrapperPadding, ": var(").concat(tokens.calendarHeaderWrapperPadding, ");\n ").concat(calendarBaseTokens.calendarHeaderArrowGap, ": var(").concat(tokens.calendarHeaderArrowGap, ");\n ").concat(calendarBaseTokens.calendarHeaderArrowPadding, ": var(").concat(tokens.calendarHeaderArrowPadding, ");\n ").concat(calendarBaseTokens.calendarHeaderPadding, ": var(").concat(tokens.calendarHeaderPadding, ");\n ").concat(calendarBaseTokens.calendarHeaderDateGap, ": var(").concat(tokens.calendarHeaderDateGap, ");\n ").concat(calendarBaseTokens.calendarHeaderFontFamily, ": var(").concat(tokens.calendarHeaderFontFamily, ");\n ").concat(calendarBaseTokens.calendarHeaderFontSize, ": var(").concat(tokens.calendarHeaderFontSize, ");\n ").concat(calendarBaseTokens.calendarHeaderFontStyle, ": var(").concat(tokens.calendarHeaderFontStyle, ");\n ").concat(calendarBaseTokens.calendarHeaderFontLetterSpacing, ": var(").concat(tokens.calendarHeaderFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarHeaderFontLineHeight, ": var(").concat(tokens.calendarHeaderFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarHeaderFontWeight, ": var(").concat(tokens.calendarHeaderFontWeight, ");\n ").concat(calendarBaseTokens.calendarHeaderFontWeightBold, ": var(").concat(tokens.calendarHeaderFontWeightBold, ");\n ").concat(calendarBaseTokens.calendarHeaderArrowColor, ": var(").concat(tokens.calendarHeaderArrowColor, ");\n ").concat(calendarBaseTokens.calendarArrowHeaderCustomSize, ": var(").concat(tokens.calendarHeaderArrowCustomSize, ");\n \n ").concat(calendarBaseTokens.iconButtonHeight, ": var(").concat(tokens.iconButtonHeight, ");\n ").concat(calendarBaseTokens.iconButtonWidth, ": var(").concat(tokens.iconButtonWidth, ");\n ").concat(calendarBaseTokens.iconButtonPadding, ": var(").concat(tokens.iconButtonPadding, ");\n ").concat(calendarBaseTokens.iconButtonRadius, ": var(").concat(tokens.iconButtonRadius, ");\n ").concat(calendarBaseTokens.iconButtonFocusColor, ": var(").concat(tokens.iconButtonFocusColor, ");\n\n ").concat(calendarBaseTokens.tooltipPaddingTop, " var(").concat(tokens.tooltipPaddingTop, ");\n ").concat(calendarBaseTokens.tooltipPaddingRight, " var(").concat(tokens.tooltipPaddingRight, ");\n ").concat(calendarBaseTokens.tooltipPaddingBottom, " var(").concat(tokens.tooltipPaddingBottom, ");\n ").concat(calendarBaseTokens.tooltipPaddingLeft, " var(").concat(tokens.tooltipPaddingLeft, ");\n ").concat(calendarBaseTokens.tooltipMinHeight, " var(").concat(tokens.tooltipMinHeight, ");\n ").concat(calendarBaseTokens.tooltipBackgroundColor, " var(").concat(tokens.tooltipBackgroundColor, ");\n ").concat(calendarBaseTokens.tooltipBoxShadow, " var(").concat(tokens.tooltipBoxShadow, ");\n ").concat(calendarBaseTokens.tooltipBorderRadius, " var(").concat(tokens.tooltipBorderRadius, ");\n ").concat(calendarBaseTokens.tooltipColor, " var(").concat(tokens.tooltipColor, ");\n ").concat(calendarBaseTokens.tooltipTextFontFamily, " var(").concat(tokens.tooltipTextFontFamily, ");\n ").concat(calendarBaseTokens.tooltipTextFontSize, " var(").concat(tokens.tooltipTextFontSize, ");\n ").concat(calendarBaseTokens.tooltipTextFontStyle, " var(").concat(tokens.tooltipTextFontStyle, ");\n ").concat(calendarBaseTokens.tooltipTextFontWeight, " var(").concat(tokens.tooltipTextFontWeight, ");\n ").concat(calendarBaseTokens.tooltipTextFontLetterSpacing, " var(").concat(tokens.tooltipTextFontLetterSpacing, ");\n ").concat(calendarBaseTokens.tooltipTextFontLineHeight, " var(").concat(tokens.tooltipTextFontLineHeight, ");\n ").concat(calendarBaseTokens.tooltipContentLeftMargin, " var(").concat(tokens.tooltipContentLeftMargin, ");\n ").concat(calendarBaseTokens.tooltipArrowMaskWidth, " var(").concat(tokens.tooltipArrowMaskWidth, ");\n ").concat(calendarBaseTokens.tooltipArrowMaskHeight, " var(").concat(tokens.tooltipArrowMaskHeight, ");\n ").concat(calendarBaseTokens.tooltipArrowMaskImage, " var(").concat(tokens.tooltipArrowMaskImage, ");\n ").concat(calendarBaseTokens.tooltipArrowBackground, " var(").concat(tokens.tooltipArrowBackground, ");\n ").concat(calendarBaseTokens.tooltipArrowHeight, " var(").concat(tokens.tooltipArrowHeight, ");\n ").concat(calendarBaseTokens.tooltipArrowEdgeMargin, " var(").concat(tokens.tooltipArrowEdgeMargin, ");\n");
|
|
9
9
|
// NOTE: переопределение токенов Calendar
|
|
10
10
|
export var StyledCalendar = styled(Calendar).withConfig({
|
|
11
11
|
displayName: "DatePickerBase.styles__StyledCalendar",
|
|
12
|
-
componentId: "sc-
|
|
12
|
+
componentId: "sc-ac98e633-0"
|
|
13
13
|
})([
|
|
14
14
|
"",
|
|
15
15
|
" width:",
|
|
@@ -24,7 +24,7 @@ export var StyledCalendar = styled(Calendar).withConfig({
|
|
|
24
24
|
});
|
|
25
25
|
export var InputHidden = styled.input.withConfig({
|
|
26
26
|
displayName: "DatePickerBase.styles__InputHidden",
|
|
27
|
-
componentId: "sc-
|
|
27
|
+
componentId: "sc-ac98e633-1"
|
|
28
28
|
})([
|
|
29
29
|
"",
|
|
30
30
|
";"
|
|
@@ -135,13 +135,14 @@ import { getSortedValues } from "../../Calendar/utils";
|
|
|
135
135
|
import { getFormattedDates } from "../utils";
|
|
136
136
|
import { base as sizeCSS } from "./variations/_size/base";
|
|
137
137
|
import { base as viewCSS } from "./variations/_view/base";
|
|
138
|
+
import { base as eventTooltipSizeCSS } from "./variations/_tooltip-size/base";
|
|
138
139
|
import { base as disabledCSS } from "./variations/_disabled/base";
|
|
139
140
|
import { base as readOnlyCSS } from "./variations/_readonly/base";
|
|
140
141
|
import { LeftHelper, StyledRange, base } from "./RangeDate.styles";
|
|
141
142
|
import { RangeDatePopover } from "./RangeDatePopover/RangeDatePopover";
|
|
142
143
|
export var datePickerRangeRoot = function(Root) {
|
|
143
144
|
return /*#__PURE__*/ forwardRef(function(_param, ref) {
|
|
144
|
-
var className = _param.className, autoComplete = _param.autoComplete, _param_isDoubleCalendar = _param.isDoubleCalendar, isDoubleCalendar = _param_isDoubleCalendar === void 0 ? false : _param_isDoubleCalendar, _param_opened = _param.opened, opened = _param_opened === void 0 ? false : _param_opened, outerValue = _param.value, _param_defaultFirstDate = _param.defaultFirstDate, defaultFirstDate = _param_defaultFirstDate === void 0 ? '' : _param_defaultFirstDate, _param_defaultSecondDate = _param.defaultSecondDate, defaultSecondDate = _param_defaultSecondDate === void 0 ? '' : _param_defaultSecondDate, preserveInvalidOnBlur = _param.preserveInvalidOnBlur, label = _param.label, leftHelper = _param.leftHelper, contentLeft = _param.contentLeft, contentRight = _param.contentRight, view = _param.view, size = _param.size, _param_readOnly = _param.readOnly, readOnly = _param_readOnly === void 0 ? false : _param_readOnly, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, name = _param.name, _param_dividerVariant = _param.dividerVariant, dividerVariant = _param_dividerVariant === void 0 ? 'dash' : _param_dividerVariant, dividerIcon = _param.dividerIcon, firstValueError = _param.firstValueError, secondValueError = _param.secondValueError, firstValueSuccess = _param.firstValueSuccess, secondValueSuccess = _param.secondValueSuccess, firstPlaceholder = _param.firstPlaceholder, secondPlaceholder = _param.secondPlaceholder, firstTextfieldContentLeft = _param.firstTextfieldContentLeft, firstTextfieldContentRight = _param.firstTextfieldContentRight, secondTextfieldContentLeft = _param.secondTextfieldContentLeft, secondTextfieldContentRight = _param.secondTextfieldContentRight, firstTextfieldTextBefore = _param.firstTextfieldTextBefore, secondTextfieldTextBefore = _param.secondTextfieldTextBefore, firstTextfieldTextAfter = _param.firstTextfieldTextAfter, secondTextfieldTextAfter = _param.secondTextfieldTextAfter, required = _param.required, _param_requiredPlacement = _param.requiredPlacement, requiredPlacement = _param_requiredPlacement === void 0 ? 'right' : _param_requiredPlacement, _param_hasRequiredIndicator = _param.hasRequiredIndicator, hasRequiredIndicator = _param_hasRequiredIndicator === void 0 ? true : _param_hasRequiredIndicator, _param_format = _param.format, format = _param_format === void 0 ? 'DD.MM.YYYY' : _param_format, _param_lang = _param.lang, lang = _param_lang === void 0 ? 'ru' : _param_lang, maskWithFormat = _param.maskWithFormat, min = _param.min, max = _param.max, renderFromDate = _param.renderFromDate, _param_includeEdgeDates = _param.includeEdgeDates, includeEdgeDates = _param_includeEdgeDates === void 0 ? false : _param_includeEdgeDates, eventList = _param.eventList, disabledList = _param.disabledList, eventMonthList = _param.eventMonthList, disabledMonthList = _param.disabledMonthList, eventQuarterList = _param.eventQuarterList, disabledQuarterList = _param.disabledQuarterList, eventYearList = _param.eventYearList, disabledYearList = _param.disabledYearList, _param_type = _param.type, type = _param_type === void 0 ? 'Days' : _param_type, _param_frame = _param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, _param_usePortal = _param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, zIndex = _param.zIndex, _param_placement = _param.placement, placement = _param_placement === void 0 ? [
|
|
145
|
+
var className = _param.className, autoComplete = _param.autoComplete, _param_isDoubleCalendar = _param.isDoubleCalendar, isDoubleCalendar = _param_isDoubleCalendar === void 0 ? false : _param_isDoubleCalendar, _param_opened = _param.opened, opened = _param_opened === void 0 ? false : _param_opened, outerValue = _param.value, _param_defaultFirstDate = _param.defaultFirstDate, defaultFirstDate = _param_defaultFirstDate === void 0 ? '' : _param_defaultFirstDate, _param_defaultSecondDate = _param.defaultSecondDate, defaultSecondDate = _param_defaultSecondDate === void 0 ? '' : _param_defaultSecondDate, preserveInvalidOnBlur = _param.preserveInvalidOnBlur, label = _param.label, leftHelper = _param.leftHelper, contentLeft = _param.contentLeft, contentRight = _param.contentRight, view = _param.view, size = _param.size, _param_readOnly = _param.readOnly, readOnly = _param_readOnly === void 0 ? false : _param_readOnly, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, name = _param.name, _param_dividerVariant = _param.dividerVariant, dividerVariant = _param_dividerVariant === void 0 ? 'dash' : _param_dividerVariant, dividerIcon = _param.dividerIcon, firstValueError = _param.firstValueError, secondValueError = _param.secondValueError, firstValueSuccess = _param.firstValueSuccess, secondValueSuccess = _param.secondValueSuccess, firstPlaceholder = _param.firstPlaceholder, secondPlaceholder = _param.secondPlaceholder, firstTextfieldContentLeft = _param.firstTextfieldContentLeft, firstTextfieldContentRight = _param.firstTextfieldContentRight, secondTextfieldContentLeft = _param.secondTextfieldContentLeft, secondTextfieldContentRight = _param.secondTextfieldContentRight, firstTextfieldTextBefore = _param.firstTextfieldTextBefore, secondTextfieldTextBefore = _param.secondTextfieldTextBefore, firstTextfieldTextAfter = _param.firstTextfieldTextAfter, secondTextfieldTextAfter = _param.secondTextfieldTextAfter, required = _param.required, _param_requiredPlacement = _param.requiredPlacement, requiredPlacement = _param_requiredPlacement === void 0 ? 'right' : _param_requiredPlacement, _param_hasRequiredIndicator = _param.hasRequiredIndicator, hasRequiredIndicator = _param_hasRequiredIndicator === void 0 ? true : _param_hasRequiredIndicator, _param_format = _param.format, format = _param_format === void 0 ? 'DD.MM.YYYY' : _param_format, _param_lang = _param.lang, lang = _param_lang === void 0 ? 'ru' : _param_lang, maskWithFormat = _param.maskWithFormat, min = _param.min, max = _param.max, renderFromDate = _param.renderFromDate, _param_includeEdgeDates = _param.includeEdgeDates, includeEdgeDates = _param_includeEdgeDates === void 0 ? false : _param_includeEdgeDates, eventTooltipOptions = _param.eventTooltipOptions, eventList = _param.eventList, disabledList = _param.disabledList, eventMonthList = _param.eventMonthList, disabledMonthList = _param.disabledMonthList, eventQuarterList = _param.eventQuarterList, disabledQuarterList = _param.disabledQuarterList, eventYearList = _param.eventYearList, disabledYearList = _param.disabledYearList, _param_type = _param.type, type = _param_type === void 0 ? 'Days' : _param_type, _param_frame = _param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, _param_usePortal = _param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, zIndex = _param.zIndex, _param_placement = _param.placement, placement = _param_placement === void 0 ? [
|
|
145
146
|
'top',
|
|
146
147
|
'bottom'
|
|
147
148
|
] : _param_placement, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeAfterDateSelect = _param.closeAfterDateSelect, closeAfterDateSelect = _param_closeAfterDateSelect === void 0 ? true : _param_closeAfterDateSelect, offset = _param.offset, calendarContainerWidth = _param.calendarContainerWidth, calendarContainerHeight = _param.calendarContainerHeight, stretched = _param.stretched, onToggle = _param.onToggle, onChange = _param.onChange, onChangeFirstValue = _param.onChangeFirstValue, onChangeSecondValue = _param.onChangeSecondValue, onCommitFirstDate = _param.onCommitFirstDate, onCommitSecondDate = _param.onCommitSecondDate, onFocusFirstTextfield = _param.onFocusFirstTextfield, onFocusSecondTextfield = _param.onFocusSecondTextfield, onBlurFirstTextfield = _param.onBlurFirstTextfield, onBlurSecondTextfield = _param.onBlurSecondTextfield, rest = _object_without_properties(_param, [
|
|
@@ -188,6 +189,7 @@ export var datePickerRangeRoot = function(Root) {
|
|
|
188
189
|
"max",
|
|
189
190
|
"renderFromDate",
|
|
190
191
|
"includeEdgeDates",
|
|
192
|
+
"eventTooltipOptions",
|
|
191
193
|
"eventList",
|
|
192
194
|
"disabledList",
|
|
193
195
|
"eventMonthList",
|
|
@@ -532,6 +534,7 @@ export var datePickerRangeRoot = function(Root) {
|
|
|
532
534
|
ref: rootWrapperRef,
|
|
533
535
|
view: view,
|
|
534
536
|
size: size,
|
|
537
|
+
eventTooltipSize: eventTooltipOptions === null || eventTooltipOptions === void 0 ? void 0 : eventTooltipOptions.size,
|
|
535
538
|
className: rootWrapperClassName,
|
|
536
539
|
disabled: disabled,
|
|
537
540
|
readOnly: !disabled && readOnly,
|
|
@@ -547,6 +550,7 @@ export var datePickerRangeRoot = function(Root) {
|
|
|
547
550
|
ref: rootRef,
|
|
548
551
|
view: view,
|
|
549
552
|
size: size,
|
|
553
|
+
eventTooltipSize: eventTooltipOptions === null || eventTooltipOptions === void 0 ? void 0 : eventTooltipOptions.size,
|
|
550
554
|
className: cls(classes.datePickerRoot, className, _define_property({}, classes.datePickerstretched, stretched)),
|
|
551
555
|
disabled: disabled,
|
|
552
556
|
readOnly: !disabled && readOnly
|
|
@@ -558,6 +562,7 @@ export var datePickerRangeRoot = function(Root) {
|
|
|
558
562
|
target: RangeComponent,
|
|
559
563
|
opened: isInnerOpen,
|
|
560
564
|
includeEdgeDates: includeEdgeDates,
|
|
565
|
+
eventTooltipOptions: eventTooltipOptions,
|
|
561
566
|
eventList: eventList,
|
|
562
567
|
disabledList: disabledList,
|
|
563
568
|
eventMonthList: eventMonthList,
|
|
@@ -618,6 +623,9 @@ export var datePickerRangeConfig = {
|
|
|
618
623
|
size: {
|
|
619
624
|
css: sizeCSS
|
|
620
625
|
},
|
|
626
|
+
eventTooltipSize: {
|
|
627
|
+
css: eventTooltipSizeCSS
|
|
628
|
+
},
|
|
621
629
|
disabled: {
|
|
622
630
|
css: disabledCSS,
|
|
623
631
|
attrs: true
|
|
@@ -629,6 +637,7 @@ export var datePickerRangeConfig = {
|
|
|
629
637
|
},
|
|
630
638
|
defaults: {
|
|
631
639
|
size: 'm',
|
|
632
|
-
view: 'default'
|
|
640
|
+
view: 'default',
|
|
641
|
+
eventTooltipSizeCSS: 'm'
|
|
633
642
|
}
|
|
634
643
|
};
|
package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js
CHANGED
|
@@ -18,7 +18,7 @@ import { StyledPopover } from "../RangeDate.styles";
|
|
|
18
18
|
import { classes } from "../../DatePicker.tokens";
|
|
19
19
|
import { StyledCalendar, StyledCalendarDouble } from "./RangeDatePopover.styles";
|
|
20
20
|
export var RangeDatePopover = function(param) {
|
|
21
|
-
var Root = param.rootWrapper, target = param.target, isOpen = param.isOpen, opened = param.opened, isDoubleCalendar = param.isDoubleCalendar, calendarValue = param.calendarValue, min = param.min, max = param.max, renderFromDate = param.renderFromDate, includeEdgeDates = param.includeEdgeDates, eventList = param.eventList, disabledList = param.disabledList, eventMonthList = param.eventMonthList, disabledMonthList = param.disabledMonthList, eventQuarterList = param.eventQuarterList, disabledQuarterList = param.disabledQuarterList, eventYearList = param.eventYearList, disabledYearList = param.disabledYearList, _param_frame = param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, _param_usePortal = param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, zIndex = param.zIndex, _param_placement = param.placement, placement = _param_placement === void 0 ? [
|
|
21
|
+
var Root = param.rootWrapper, target = param.target, isOpen = param.isOpen, opened = param.opened, isDoubleCalendar = param.isDoubleCalendar, calendarValue = param.calendarValue, min = param.min, max = param.max, renderFromDate = param.renderFromDate, includeEdgeDates = param.includeEdgeDates, eventTooltipOptions = param.eventTooltipOptions, eventList = param.eventList, disabledList = param.disabledList, eventMonthList = param.eventMonthList, disabledMonthList = param.disabledMonthList, eventQuarterList = param.eventQuarterList, disabledQuarterList = param.disabledQuarterList, eventYearList = param.eventYearList, disabledYearList = param.disabledYearList, _param_frame = param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, _param_usePortal = param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, zIndex = param.zIndex, _param_placement = param.placement, placement = _param_placement === void 0 ? [
|
|
22
22
|
'top',
|
|
23
23
|
'bottom'
|
|
24
24
|
] : _param_placement, _param_closeOnOverlayClick = param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, closeOnEsc = param.closeOnEsc, offset = param.offset, calendarContainerWidth = param.calendarContainerWidth, calendarContainerHeight = param.calendarContainerHeight, stretched = param.stretched, type = param.type, size = param.size, _param_lang = param.lang, lang = _param_lang === void 0 ? 'ru' : _param_lang, disabled = param.disabled, readOnly = param.readOnly, setIsInnerOpen = param.setIsInnerOpen, onChangeValue = param.onChangeValue, onChangeStartOfRange = param.onChangeStartOfRange, onToggle = param.onToggle;
|
|
@@ -63,6 +63,7 @@ export var RangeDatePopover = function(param) {
|
|
|
63
63
|
innerHeight: calendarContainerHeightValue,
|
|
64
64
|
size: size,
|
|
65
65
|
value: calendarValue,
|
|
66
|
+
eventTooltipOptions: eventTooltipOptions,
|
|
66
67
|
eventList: eventList,
|
|
67
68
|
disabledList: disabledList,
|
|
68
69
|
eventMonthList: eventMonthList,
|
|
@@ -105,6 +106,7 @@ export var RangeDatePopover = function(param) {
|
|
|
105
106
|
innerHeight: calendarContainerHeightValue,
|
|
106
107
|
size: size,
|
|
107
108
|
value: calendarValue,
|
|
109
|
+
eventTooltipOptions: eventTooltipOptions,
|
|
108
110
|
eventList: eventList,
|
|
109
111
|
disabledList: disabledList,
|
|
110
112
|
eventMonthList: eventMonthList,
|