@salutejs/plasma-new-hope 0.88.0-canary.1224.9413433725.0 → 0.88.0-canary.1224.9512430427.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Calendar/Calendar.tokens.js +3 -0
- package/cjs/components/Calendar/Calendar.tokens.js.map +1 -1
- package/cjs/components/Calendar/CalendarBase/CalendarBase.css +21 -21
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +21 -21
- package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.css +4 -4
- package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +3 -3
- package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles_fznpy7.css +4 -0
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.css +4 -4
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.css +8 -8
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +5 -0
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +3 -3
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js.map +1 -1
- package/{es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_1b92i4d.css → cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_gnorek.css} +4 -4
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.css +4 -4
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +1 -1
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_wmlwil.css +4 -0
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.css +4 -4
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +1 -1
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles_f2aje6.css +4 -0
- package/cjs/components/DatePicker/DatePicker.tokens.js +3 -0
- 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_1u3oyx8.css → DatePickerBase.styles_1thp2xv.css} +1 -1
- package/cjs/components/DatePicker/RangeDate/DatePicker.css +83 -81
- package/cjs/components/DatePicker/RangeDate/DatePicker.js +72 -128
- package/cjs/components/DatePicker/RangeDate/DatePicker.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/DatePicker.styles.js +13 -1
- package/cjs/components/DatePicker/RangeDate/DatePicker.styles.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/{DatePicker.styles_1aihs63.css → DatePicker.styles_6cvsgx.css} +2 -0
- package/cjs/components/DatePicker/RangeDate/{RangeDoubleDate/RangeDoubleDate.css → RangeDatePopover/RangeDatePopover.css} +31 -29
- package/cjs/components/DatePicker/RangeDate/{RangeDoubleDate/RangeDoubleDate.js → RangeDatePopover/RangeDatePopover.js} +37 -6
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -0
- package/cjs/components/DatePicker/RangeDate/{RangeDoubleDate/RangeDoubleDate.styles.js → RangeDatePopover/RangeDatePopover.styles.js} +20 -10
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -0
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_wp3vfj.css +2 -0
- package/cjs/components/DatePicker/RangeDate/variations/_readonly/base.js +1 -1
- package/cjs/components/DatePicker/RangeDate/variations/_readonly/base.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/variations/_readonly/base_dhosc0.css +1 -0
- package/cjs/components/DatePicker/RangeDate/variations/_size/base.js +1 -1
- package/cjs/components/DatePicker/RangeDate/variations/_size/base.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/variations/_size/base_c0144z.css +1 -0
- package/cjs/components/DatePicker/RangeDate/variations/_view/base.js +1 -1
- package/cjs/components/DatePicker/RangeDate/variations/_view/base.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/variations/_view/base_1vly6xz.css +1 -0
- package/cjs/components/DatePicker/SingleDate/DatePicker.css +24 -24
- package/cjs/components/DatePicker/SingleDate/DatePicker.styles.js +1 -1
- package/cjs/components/DatePicker/SingleDate/DatePicker.styles.js.map +1 -1
- package/{es/components/DatePicker/SingleDate/DatePicker.styles_1udo3ch.css → cjs/components/DatePicker/SingleDate/DatePicker.styles_1reoff2.css} +1 -1
- package/cjs/components/Dropdown/Dropdown.js +2 -1
- package/cjs/components/Dropdown/Dropdown.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +8 -4
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +6 -5
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
- package/cjs/components/Range/Range.css +6 -12
- package/cjs/components/Range/Range.js +32 -64
- package/cjs/components/Range/Range.js.map +1 -1
- package/cjs/components/Range/Range.styles.js +11 -23
- package/cjs/components/Range/Range.styles.js.map +1 -1
- package/cjs/components/Range/{Range.styles_nik84l.css → Range.styles_9rort8.css} +3 -4
- package/cjs/components/Range/variations/_readonly/base.js +1 -1
- package/cjs/components/Range/variations/_readonly/base_tzdxy8.css +1 -0
- package/cjs/components/Range/variations/_size/base.js +1 -1
- package/cjs/components/Range/variations/_size/{base_gbgxzj.css → base_16xiubi.css} +1 -1
- package/cjs/components/Range/variations/_view/base.js +1 -1
- package/cjs/components/Range/variations/_view/base_5iz3nr.css +1 -0
- package/cjs/index.css +39 -35
- package/es/components/Calendar/Calendar.tokens.js +3 -0
- package/es/components/Calendar/Calendar.tokens.js.map +1 -1
- package/es/components/Calendar/CalendarBase/CalendarBase.css +21 -21
- package/es/components/Calendar/CalendarDouble/CalendarDouble.css +21 -21
- package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.css +4 -4
- package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +3 -3
- package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js.map +1 -1
- package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles_fznpy7.css +4 -0
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.css +4 -4
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.css +8 -8
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +5 -0
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +3 -3
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js.map +1 -1
- package/{cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_1b92i4d.css → es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_gnorek.css} +4 -4
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.css +4 -4
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +1 -1
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js.map +1 -1
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_wmlwil.css +4 -0
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.css +4 -4
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +1 -1
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js.map +1 -1
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles_f2aje6.css +4 -0
- package/es/components/DatePicker/DatePicker.tokens.js +3 -0
- 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_1u3oyx8.css → DatePickerBase.styles_1thp2xv.css} +1 -1
- package/es/components/DatePicker/RangeDate/DatePicker.css +83 -81
- package/es/components/DatePicker/RangeDate/DatePicker.js +73 -129
- package/es/components/DatePicker/RangeDate/DatePicker.js.map +1 -1
- package/es/components/DatePicker/RangeDate/DatePicker.styles.js +12 -2
- package/es/components/DatePicker/RangeDate/DatePicker.styles.js.map +1 -1
- package/es/components/DatePicker/RangeDate/{DatePicker.styles_1aihs63.css → DatePicker.styles_6cvsgx.css} +2 -0
- package/es/components/DatePicker/RangeDate/{RangeDoubleDate/RangeDoubleDate.css → RangeDatePopover/RangeDatePopover.css} +31 -29
- package/es/components/DatePicker/RangeDate/{RangeDoubleDate/RangeDoubleDate.js → RangeDatePopover/RangeDatePopover.js} +36 -5
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -0
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +37 -0
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -0
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_wp3vfj.css +2 -0
- package/es/components/DatePicker/RangeDate/variations/_readonly/base.js +1 -1
- package/es/components/DatePicker/RangeDate/variations/_readonly/base.js.map +1 -1
- package/es/components/DatePicker/RangeDate/variations/_readonly/base_dhosc0.css +1 -0
- package/es/components/DatePicker/RangeDate/variations/_size/base.js +1 -1
- package/es/components/DatePicker/RangeDate/variations/_size/base.js.map +1 -1
- package/es/components/DatePicker/RangeDate/variations/_size/base_c0144z.css +1 -0
- package/es/components/DatePicker/RangeDate/variations/_view/base.js +1 -1
- package/es/components/DatePicker/RangeDate/variations/_view/base.js.map +1 -1
- package/es/components/DatePicker/RangeDate/variations/_view/base_1vly6xz.css +1 -0
- package/es/components/DatePicker/SingleDate/DatePicker.css +24 -24
- package/es/components/DatePicker/SingleDate/DatePicker.styles.js +1 -1
- package/es/components/DatePicker/SingleDate/DatePicker.styles.js.map +1 -1
- package/{cjs/components/DatePicker/SingleDate/DatePicker.styles_1udo3ch.css → es/components/DatePicker/SingleDate/DatePicker.styles_1reoff2.css} +1 -1
- package/es/components/Dropdown/Dropdown.js +2 -1
- package/es/components/Dropdown/Dropdown.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +8 -4
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +6 -5
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
- package/es/components/Range/Range.css +6 -12
- package/es/components/Range/Range.js +33 -65
- package/es/components/Range/Range.js.map +1 -1
- package/es/components/Range/Range.styles.js +12 -23
- package/es/components/Range/Range.styles.js.map +1 -1
- package/es/components/Range/{Range.styles_nik84l.css → Range.styles_9rort8.css} +3 -4
- package/es/components/Range/variations/_readonly/base.js +1 -1
- package/es/components/Range/variations/_readonly/base_tzdxy8.css +1 -0
- package/es/components/Range/variations/_size/base.js +1 -1
- package/es/components/Range/variations/_size/{base_gbgxzj.css → base_16xiubi.css} +1 -1
- package/es/components/Range/variations/_view/base.js +1 -1
- package/es/components/Range/variations/_view/base_5iz3nr.css +1 -0
- package/es/index.css +39 -35
- package/package.json +2 -2
- package/styled-components/cjs/components/Calendar/Calendar.tokens.js +3 -0
- package/styled-components/cjs/components/Calendar/mixins/selected.js +2 -7
- package/styled-components/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +12 -17
- package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +5 -0
- package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +4 -4
- package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +7 -7
- package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +8 -8
- package/styled-components/cjs/components/DatePicker/DatePicker.template-doc.mdx +150 -0
- package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +3 -0
- package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js +1 -1
- package/styled-components/cjs/components/DatePicker/RangeDate/DatePicker.js +72 -128
- package/styled-components/cjs/components/DatePicker/RangeDate/DatePicker.styles.js +8 -2
- package/styled-components/cjs/components/DatePicker/RangeDate/{RangeDoubleDate/RangeDoubleDate.js → RangeDatePopover/RangeDatePopover.js} +36 -5
- package/styled-components/cjs/components/DatePicker/RangeDate/{RangeDoubleDate/RangeDoubleDate.styles.js → RangeDatePopover/RangeDatePopover.styles.js} +12 -6
- package/styled-components/cjs/components/DatePicker/RangeDate/variations/_readonly/base.js +2 -1
- package/styled-components/cjs/components/DatePicker/RangeDate/variations/_size/base.js +2 -1
- package/styled-components/cjs/components/DatePicker/RangeDate/variations/_view/base.js +3 -1
- package/styled-components/cjs/components/DatePicker/SingleDate/DatePicker.styles.js +1 -1
- package/styled-components/cjs/components/Dropdown/Dropdown.js +2 -1
- package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +8 -4
- package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +6 -5
- package/styled-components/cjs/components/Range/Range.js +32 -63
- package/styled-components/cjs/components/Range/Range.styles.js +8 -13
- package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +5 -5
- package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +15 -66
- package/styled-components/cjs/examples/plasma_b2c/components/Range/Range.config.js +4 -4
- package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js +2 -2
- package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +6 -6
- package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +15 -66
- package/styled-components/cjs/examples/plasma_web/components/Range/Range.config.js +4 -4
- package/styled-components/cjs/examples/sds_engineer/components/Calendar/CalendarBase.config.js +1 -1
- package/styled-components/cjs/examples/sds_engineer/components/Calendar/CalendarDouble.config.js +2 -2
- package/styled-components/es/components/Calendar/Calendar.tokens.js +3 -0
- package/styled-components/es/components/Calendar/mixins/selected.js +2 -7
- package/styled-components/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +12 -17
- package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +5 -0
- package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +4 -4
- package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +8 -8
- package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +9 -9
- package/styled-components/es/components/DatePicker/DatePicker.template-doc.mdx +150 -0
- package/styled-components/es/components/DatePicker/DatePicker.tokens.js +3 -0
- package/styled-components/es/components/DatePicker/DatePickerBase.styles.js +1 -1
- package/styled-components/es/components/DatePicker/RangeDate/DatePicker.js +73 -129
- package/styled-components/es/components/DatePicker/RangeDate/DatePicker.styles.js +7 -1
- package/styled-components/es/components/DatePicker/RangeDate/{RangeDoubleDate/RangeDoubleDate.js → RangeDatePopover/RangeDatePopover.js} +34 -3
- package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +19 -0
- package/styled-components/es/components/DatePicker/RangeDate/variations/_readonly/base.js +2 -1
- package/styled-components/es/components/DatePicker/RangeDate/variations/_size/base.js +2 -1
- package/styled-components/es/components/DatePicker/RangeDate/variations/_view/base.js +3 -1
- package/styled-components/es/components/DatePicker/SingleDate/DatePicker.styles.js +2 -2
- package/styled-components/es/components/Dropdown/Dropdown.js +2 -1
- package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +8 -4
- package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +6 -5
- package/styled-components/es/components/Range/Range.js +34 -65
- package/styled-components/es/components/Range/Range.styles.js +8 -13
- package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +5 -5
- package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +15 -66
- package/styled-components/es/examples/plasma_b2c/components/Range/Range.config.js +4 -4
- package/styled-components/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +1 -1
- package/styled-components/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +2 -2
- package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +6 -6
- package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +15 -66
- package/styled-components/es/examples/plasma_web/components/Range/Range.config.js +4 -4
- package/styled-components/es/examples/sds_engineer/components/Calendar/CalendarBase.config.js +1 -1
- package/styled-components/es/examples/sds_engineer/components/Calendar/CalendarDouble.config.js +2 -2
- package/types/components/Calendar/Calendar.tokens.d.ts +3 -0
- package/types/components/Calendar/Calendar.tokens.d.ts.map +1 -1
- package/types/components/Calendar/mixins/selected.d.ts +0 -20
- package/types/components/Calendar/mixins/selected.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarYears/CalendarYears.styles.d.ts.map +1 -1
- package/types/components/DatePicker/DatePicker.tokens.d.ts +3 -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/RangeDate/DatePicker.d.ts +598 -2
- package/types/components/DatePicker/RangeDate/DatePicker.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/DatePicker.styles.d.ts +5 -30
- package/types/components/DatePicker/RangeDate/DatePicker.styles.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/DatePicker.types.d.ts +7 -59
- package/types/components/DatePicker/RangeDate/DatePicker.types.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts +4 -0
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts.map +1 -0
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.d.ts +5 -0
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.d.ts.map +1 -0
- package/types/components/DatePicker/RangeDate/{RangeDoubleDate/RangeDoubleDate.types.d.ts → RangeDatePopover/RangeDatePopover.types.d.ts} +11 -3
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts.map +1 -0
- package/types/components/DatePicker/RangeDate/variations/_readonly/base.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/variations/_size/base.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/variations/_view/base.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/DatePicker.styles.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/DatePicker.types.d.ts +5 -0
- package/types/components/DatePicker/SingleDate/DatePicker.types.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownInner/DropdownInner.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts +1 -0
- package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts +1 -0
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts.map +1 -1
- package/types/components/Range/Range.d.ts.map +1 -1
- package/types/components/Range/Range.styles.d.ts +0 -1
- package/types/components/Range/Range.styles.d.ts.map +1 -1
- package/types/components/Range/Range.types.d.ts +1 -42
- package/types/components/Range/Range.types.d.ts.map +1 -1
- package/types/components/Range/index.d.ts +1 -1
- package/types/components/Range/index.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts +4 -338
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Range/Range.d.ts +3 -30
- package/types/examples/plasma_b2c/components/Range/Range.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/DatePicker/DatePicker.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts +4 -338
- package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Range/Range.d.ts +3 -30
- package/types/examples/plasma_web/components/Range/Range.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
- package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles_wuxgzs.css +0 -4
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_7kz2z4.css +0 -4
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles_hbv1kh.css +0 -4
- package/cjs/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.js.map +0 -1
- package/cjs/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles.js.map +0 -1
- package/cjs/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles_x3to15.css +0 -1
- package/cjs/components/DatePicker/RangeDate/variations/_readonly/base_1851hxh.css +0 -1
- package/cjs/components/DatePicker/RangeDate/variations/_size/base_1yswrwb.css +0 -1
- package/cjs/components/DatePicker/RangeDate/variations/_view/base_x642ct.css +0 -1
- package/cjs/components/Range/variations/_readonly/base_yv1z2h.css +0 -1
- package/cjs/components/Range/variations/_view/base_87gpil.css +0 -1
- package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles_wuxgzs.css +0 -4
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_7kz2z4.css +0 -4
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles_hbv1kh.css +0 -4
- package/es/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.js.map +0 -1
- package/es/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles.js +0 -28
- package/es/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles.js.map +0 -1
- package/es/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles_x3to15.css +0 -1
- package/es/components/DatePicker/RangeDate/variations/_readonly/base_1851hxh.css +0 -1
- package/es/components/DatePicker/RangeDate/variations/_size/base_1yswrwb.css +0 -1
- package/es/components/DatePicker/RangeDate/variations/_view/base_x642ct.css +0 -1
- package/es/components/Range/variations/_readonly/base_yv1z2h.css +0 -1
- package/es/components/Range/variations/_view/base_87gpil.css +0 -1
- package/styled-components/es/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles.js +0 -13
- package/types/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.d.ts +0 -4
- package/types/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.d.ts.map +0 -1
- package/types/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles.d.ts +0 -4
- package/types/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles.d.ts.map +0 -1
- package/types/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.types.d.ts.map +0 -1
- /package/styled-components/cjs/components/DatePicker/RangeDate/{RangeDoubleDate/RangeDoubleDate.types.js → RangeDatePopover/RangeDatePopover.types.js} +0 -0
- /package/styled-components/es/components/DatePicker/RangeDate/{RangeDoubleDate/RangeDoubleDate.types.js → RangeDatePopover/RangeDatePopover.types.js} +0 -0
@@ -10,14 +10,13 @@ var _utils = /*#__PURE__*/require("../../../utils");
|
|
10
10
|
var _dateHelper = /*#__PURE__*/require("../utils/dateHelper");
|
11
11
|
var _useDatePicker3 = /*#__PURE__*/require("../hooks/useDatePicker");
|
12
12
|
var _DatePicker = /*#__PURE__*/require("../DatePicker.tokens");
|
13
|
-
var _DatePickerBase = /*#__PURE__*/require("../DatePickerBase.styles");
|
14
13
|
var _base = /*#__PURE__*/require("./variations/_size/base");
|
15
14
|
var _base2 = /*#__PURE__*/require("./variations/_view/base");
|
16
15
|
var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
|
17
16
|
var _base4 = /*#__PURE__*/require("./variations/_readonly/base");
|
18
17
|
var _DatePicker2 = /*#__PURE__*/require("./DatePicker.styles");
|
19
|
-
var
|
20
|
-
var _excluded = ["className", "
|
18
|
+
var _RangeDatePopover = /*#__PURE__*/require("./RangeDatePopover/RangeDatePopover");
|
19
|
+
var _excluded = ["className", "isDoubleCalendar", "isOpen", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "dividerVariant", "dividerIcon", "defaultFirstDate", "defaultSecondDate", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "format", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "type", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "onToggle", "onChangeFirstValue", "onChangeSecondValue", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
|
21
20
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
22
21
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
23
22
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
@@ -33,13 +32,10 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
|
|
33
32
|
return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
34
33
|
var _rangeRef$current, _rangeRef$current2;
|
35
34
|
var className = _ref.className,
|
36
|
-
_ref$isOpenFirst = _ref.isOpenFirst,
|
37
|
-
isOpenFirst = _ref$isOpenFirst === void 0 ? false : _ref$isOpenFirst,
|
38
|
-
_ref$isOpenSecond = _ref.isOpenSecond,
|
39
|
-
isOpenSecond = _ref$isOpenSecond === void 0 ? false : _ref$isOpenSecond,
|
40
35
|
_ref$isDoubleCalendar = _ref.isDoubleCalendar,
|
41
36
|
isDoubleCalendar = _ref$isDoubleCalendar === void 0 ? false : _ref$isDoubleCalendar,
|
42
|
-
|
37
|
+
_ref$isOpen = _ref.isOpen,
|
38
|
+
isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
|
43
39
|
label = _ref.label,
|
44
40
|
leftHelper = _ref.leftHelper,
|
45
41
|
contentLeft = _ref.contentLeft,
|
@@ -86,10 +82,10 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
|
|
86
82
|
placement = _ref$placement === void 0 ? ['top', 'bottom'] : _ref$placement,
|
87
83
|
_ref$closeOnOverlayCl = _ref.closeOnOverlayClick,
|
88
84
|
closeOnOverlayClick = _ref$closeOnOverlayCl === void 0 ? true : _ref$closeOnOverlayCl,
|
85
|
+
_ref$closeOnEsc = _ref.closeOnEsc,
|
86
|
+
closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc,
|
89
87
|
offset = _ref.offset,
|
90
|
-
|
91
|
-
onToggleFirst = _ref.onToggleFirst,
|
92
|
-
onToggleSecond = _ref.onToggleSecond,
|
88
|
+
onToggle = _ref.onToggle,
|
93
89
|
onChangeFirstValue = _ref.onChangeFirstValue,
|
94
90
|
onChangeSecondValue = _ref.onChangeSecondValue,
|
95
91
|
onCommitFirstDate = _ref.onCommitFirstDate,
|
@@ -109,34 +105,26 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
|
|
109
105
|
_useState4 = _slicedToArray(_useState3, 2),
|
110
106
|
secondInputRef = _useState4[0],
|
111
107
|
setSecondInputRef = _useState4[1];
|
112
|
-
var _useState5 = (0, _react.useState)(
|
108
|
+
var _useState5 = (0, _react.useState)(isOpen),
|
113
109
|
_useState6 = _slicedToArray(_useState5, 2),
|
114
|
-
|
115
|
-
|
116
|
-
var _useState7 = (0, _react.useState)(
|
110
|
+
isInnerOpen = _useState6[0],
|
111
|
+
setIsInnerOpen = _useState6[1];
|
112
|
+
var _useState7 = (0, _react.useState)((0, _dateHelper.formatCalendarValue)(defaultFirstDate, format)),
|
117
113
|
_useState8 = _slicedToArray(_useState7, 2),
|
118
|
-
|
119
|
-
|
120
|
-
var _useState9 = (0, _react.useState)(
|
114
|
+
calendarFirstValue = _useState8[0],
|
115
|
+
setCalendarFirstValue = _useState8[1];
|
116
|
+
var _useState9 = (0, _react.useState)((0, _dateHelper.formatInputValue)(defaultFirstDate, format)),
|
121
117
|
_useState10 = _slicedToArray(_useState9, 2),
|
122
|
-
|
123
|
-
|
124
|
-
var _useState11 = (0, _react.useState)((0, _dateHelper.formatCalendarValue)(
|
118
|
+
inputFirstValue = _useState10[0],
|
119
|
+
setInputFirstValue = _useState10[1];
|
120
|
+
var _useState11 = (0, _react.useState)((0, _dateHelper.formatCalendarValue)(defaultSecondDate, format)),
|
125
121
|
_useState12 = _slicedToArray(_useState11, 2),
|
126
|
-
|
127
|
-
|
128
|
-
var _useState13 = (0, _react.useState)((0, _dateHelper.formatInputValue)(
|
122
|
+
calendarSecondValue = _useState12[0],
|
123
|
+
setCalendarSecondValue = _useState12[1];
|
124
|
+
var _useState13 = (0, _react.useState)((0, _dateHelper.formatInputValue)(defaultSecondDate, format)),
|
129
125
|
_useState14 = _slicedToArray(_useState13, 2),
|
130
|
-
|
131
|
-
|
132
|
-
var _useState15 = (0, _react.useState)((0, _dateHelper.formatCalendarValue)(defaultSecondDate, format)),
|
133
|
-
_useState16 = _slicedToArray(_useState15, 2),
|
134
|
-
calendarSecondValue = _useState16[0],
|
135
|
-
setCalendarSecondValue = _useState16[1];
|
136
|
-
var _useState17 = (0, _react.useState)((0, _dateHelper.formatInputValue)(defaultSecondDate, format)),
|
137
|
-
_useState18 = _slicedToArray(_useState17, 2),
|
138
|
-
inputSecondValue = _useState18[0],
|
139
|
-
setInputSecondValue = _useState18[1];
|
126
|
+
inputSecondValue = _useState14[0],
|
127
|
+
setInputSecondValue = _useState14[1];
|
140
128
|
var dateFormatDelimiter = (0, _react.useCallback)(function () {
|
141
129
|
return (0, _dateHelper.getDateFormatDelimiter)(format);
|
142
130
|
}, [format]);
|
@@ -144,7 +132,7 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
|
|
144
132
|
currentValue: inputFirstValue,
|
145
133
|
setInputValue: setInputFirstValue,
|
146
134
|
setCalendarValue: setCalendarFirstValue,
|
147
|
-
setIsInnerOpen:
|
135
|
+
setIsInnerOpen: setIsInnerOpen,
|
148
136
|
dateFormatDelimiter: dateFormatDelimiter,
|
149
137
|
format: format,
|
150
138
|
disabled: disabled,
|
@@ -153,18 +141,16 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
|
|
153
141
|
valueError: firstValueError,
|
154
142
|
valueSuccess: firstValueSuccess,
|
155
143
|
inputRef: firstInputRef,
|
156
|
-
onToggle: onToggleFirst,
|
157
144
|
onChangeValue: onChangeFirstValue,
|
158
145
|
onCommitDate: onCommitFirstDate
|
159
146
|
}),
|
160
|
-
handleToggleFirst = _useDatePicker.handleToggle,
|
161
147
|
handleChangeFirstValue = _useDatePicker.handleChangeValue,
|
162
148
|
handleCommitFirstDate = _useDatePicker.handleCommitDate;
|
163
149
|
var _useDatePicker2 = (0, _useDatePicker3.useDatePicker)({
|
164
150
|
currentValue: inputSecondValue,
|
165
151
|
setInputValue: setInputSecondValue,
|
166
152
|
setCalendarValue: setCalendarSecondValue,
|
167
|
-
setIsInnerOpen:
|
153
|
+
setIsInnerOpen: setIsInnerOpen,
|
168
154
|
dateFormatDelimiter: dateFormatDelimiter,
|
169
155
|
format: format,
|
170
156
|
disabled: disabled,
|
@@ -173,63 +159,23 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
|
|
173
159
|
valueError: secondValueError,
|
174
160
|
valueSuccess: secondValueSuccess,
|
175
161
|
inputRef: secondInputRef,
|
176
|
-
onToggle: onToggleSecond,
|
177
162
|
onChangeValue: onChangeSecondValue,
|
178
163
|
onCommitDate: onCommitSecondDate
|
179
164
|
}),
|
180
|
-
handleToggleSecond = _useDatePicker2.handleToggle,
|
181
165
|
handleChangeSecondValue = _useDatePicker2.handleChangeValue,
|
182
166
|
handleCommitSecondDate = _useDatePicker2.handleCommitDate;
|
183
|
-
var
|
167
|
+
var handleToggle = function handleToggle(opened, event) {
|
184
168
|
var _firstInputRef$curren, _secondInputRef$curre;
|
185
169
|
if (disabled || readOnly) {
|
186
170
|
return;
|
187
171
|
}
|
188
172
|
var isCalendarOpen = firstInputRef !== null && firstInputRef !== void 0 && (_firstInputRef$curren = firstInputRef.current) !== null && _firstInputRef$curren !== void 0 && _firstInputRef$curren.contains(event.target || null) || secondInputRef !== null && secondInputRef !== void 0 && (_secondInputRef$curre = secondInputRef.current) !== null && _secondInputRef$curre !== void 0 && _secondInputRef$curre.contains(event.target || null) ? true : opened;
|
189
|
-
if (
|
190
|
-
return
|
173
|
+
if (onToggle) {
|
174
|
+
return onToggle(isCalendarOpen, event);
|
191
175
|
}
|
192
|
-
|
176
|
+
setIsInnerOpen(isCalendarOpen);
|
193
177
|
};
|
194
|
-
var
|
195
|
-
value: calendarFirstValue,
|
196
|
-
type: type,
|
197
|
-
eventList: eventList,
|
198
|
-
disabledList: disabledList,
|
199
|
-
min: min,
|
200
|
-
max: calendarSecondValue || max,
|
201
|
-
includeEdgeDates: includeEdgeDates,
|
202
|
-
isRange: false,
|
203
|
-
onChangeValue: function onChangeValue(date) {
|
204
|
-
handleCommitFirstDate(date, false, true);
|
205
|
-
setIsInnerOpenFirst(false);
|
206
|
-
if (!calendarSecondValue || secondValueError) {
|
207
|
-
var _rangeRef$current3;
|
208
|
-
rangeRef === null || rangeRef === void 0 || (_rangeRef$current3 = rangeRef.current) === null || _rangeRef$current3 === void 0 || (_rangeRef$current3 = _rangeRef$current3.secondTextField()) === null || _rangeRef$current3 === void 0 || (_rangeRef$current3 = _rangeRef$current3.current) === null || _rangeRef$current3 === void 0 || _rangeRef$current3.focus();
|
209
|
-
setIsInnerOpenSecond(true);
|
210
|
-
}
|
211
|
-
}
|
212
|
-
});
|
213
|
-
var SecondCalendar = /*#__PURE__*/_react["default"].createElement(_DatePickerBase.StyledCalendar, {
|
214
|
-
value: calendarSecondValue,
|
215
|
-
type: type,
|
216
|
-
eventList: eventList,
|
217
|
-
disabledList: disabledList,
|
218
|
-
min: calendarFirstValue || min,
|
219
|
-
max: max,
|
220
|
-
includeEdgeDates: includeEdgeDates,
|
221
|
-
isRange: false,
|
222
|
-
onChangeValue: function onChangeValue(date) {
|
223
|
-
handleCommitSecondDate(date, false, true);
|
224
|
-
setIsInnerOpenSecond(false);
|
225
|
-
if (!calendarFirstValue || firstValueError) {
|
226
|
-
var _rangeRef$current4;
|
227
|
-
rangeRef === null || rangeRef === void 0 || (_rangeRef$current4 = rangeRef.current) === null || _rangeRef$current4 === void 0 || (_rangeRef$current4 = _rangeRef$current4.firstTextField()) === null || _rangeRef$current4 === void 0 || (_rangeRef$current4 = _rangeRef$current4.current) === null || _rangeRef$current4 === void 0 || _rangeRef$current4.focus();
|
228
|
-
setIsInnerOpenFirst(true);
|
229
|
-
}
|
230
|
-
}
|
231
|
-
});
|
232
|
-
var RangeComponent = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_DatePicker2.StyledRange, _extends({
|
178
|
+
var RangeComponent = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_DatePicker2.StyledRange, {
|
233
179
|
ref: rangeRef,
|
234
180
|
dividerIcon: dividerIcon,
|
235
181
|
dividerVariant: dividerVariant,
|
@@ -237,8 +183,6 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
|
|
237
183
|
readOnly: !disabled && readOnly,
|
238
184
|
firstPlaceholder: firstPlaceholder,
|
239
185
|
secondPlaceholder: secondPlaceholder,
|
240
|
-
label: label,
|
241
|
-
leftHelper: leftHelper,
|
242
186
|
contentLeft: contentLeft,
|
243
187
|
contentRight: contentRight,
|
244
188
|
firstTextfieldTextBefore: firstTextfieldTextBefore,
|
@@ -258,67 +202,67 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
|
|
258
202
|
onChangeFirstValue: handleChangeFirstValue,
|
259
203
|
onChangeSecondValue: handleChangeSecondValue,
|
260
204
|
onSearchFirstValue: function onSearchFirstValue(_, date) {
|
261
|
-
|
205
|
+
handleCommitFirstDate(String(date), true, false);
|
206
|
+
if (!calendarSecondValue || secondValueError) {
|
207
|
+
var _rangeRef$current3;
|
208
|
+
rangeRef === null || rangeRef === void 0 || (_rangeRef$current3 = rangeRef.current) === null || _rangeRef$current3 === void 0 || (_rangeRef$current3 = _rangeRef$current3.secondTextField()) === null || _rangeRef$current3 === void 0 || (_rangeRef$current3 = _rangeRef$current3.current) === null || _rangeRef$current3 === void 0 || _rangeRef$current3.focus();
|
209
|
+
}
|
262
210
|
},
|
263
211
|
onSearchSecondValue: function onSearchSecondValue(_, date) {
|
264
|
-
|
212
|
+
handleCommitSecondDate(String(date), true, false);
|
213
|
+
if (!calendarFirstValue || firstValueError) {
|
214
|
+
var _rangeRef$current4;
|
215
|
+
rangeRef === null || rangeRef === void 0 || (_rangeRef$current4 = rangeRef.current) === null || _rangeRef$current4 === void 0 || (_rangeRef$current4 = _rangeRef$current4.firstTextField()) === null || _rangeRef$current4 === void 0 || (_rangeRef$current4 = _rangeRef$current4.current) === null || _rangeRef$current4 === void 0 || _rangeRef$current4.focus();
|
216
|
+
}
|
265
217
|
},
|
266
218
|
onFocusFirstTextfield: onFocusFirstTextfield,
|
267
219
|
onFocusSecondTextfield: onFocusSecondTextfield,
|
268
220
|
onBlurFirstTextfield: onBlurFirstTextfield,
|
269
221
|
onBlurSecondTextfield: onBlurSecondTextfield
|
270
|
-
}
|
271
|
-
isOpenFirst: isOpenFirst || isInnerOpenFirst,
|
272
|
-
isOpenSecond: isOpenSecond || isInnerOpenSecond,
|
273
|
-
onToggleFirst: handleToggleFirst,
|
274
|
-
onToggleSecond: handleToggleSecond,
|
275
|
-
firstInputPopoverContent: FirstCalendar,
|
276
|
-
secondInputPopoverContent: SecondCalendar,
|
277
|
-
offset: offset,
|
278
|
-
placement: placement,
|
279
|
-
closeOnOverlayClick: closeOnOverlayClick
|
280
|
-
})));
|
222
|
+
}));
|
281
223
|
(0, _react.useEffect)(function () {
|
282
224
|
var _rangeRef$current5, _rangeRef$current6;
|
283
225
|
setFirstInputRef((_rangeRef$current5 = rangeRef.current) === null || _rangeRef$current5 === void 0 ? void 0 : _rangeRef$current5.firstTextField());
|
284
226
|
setSecondInputRef((_rangeRef$current6 = rangeRef.current) === null || _rangeRef$current6 === void 0 ? void 0 : _rangeRef$current6.secondTextField());
|
285
227
|
}, [rangeRef.current]);
|
286
|
-
if (isDoubleCalendar) {
|
287
|
-
return /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
288
|
-
ref: rootRef,
|
289
|
-
view: view,
|
290
|
-
size: size,
|
291
|
-
className: (0, _utils.cx)(_DatePicker.classes.datePickerRoot, className),
|
292
|
-
disabled: disabled,
|
293
|
-
readOnly: !disabled && readOnly
|
294
|
-
}, rest), /*#__PURE__*/_react["default"].createElement(_RangeDoubleDate.RangeDoubleDate, {
|
295
|
-
calendarValue: [calendarFirstValue, calendarSecondValue],
|
296
|
-
target: RangeComponent,
|
297
|
-
isOpen: isOpenDouble || isInnerOpenDouble,
|
298
|
-
onToggle: handleToggleDouble,
|
299
|
-
onChangeStartOfRange: function onChangeStartOfRange(firstDate) {
|
300
|
-
handleCommitFirstDate(firstDate, false, true);
|
301
|
-
handleCommitSecondDate('');
|
302
|
-
},
|
303
|
-
onChangeValue: function onChangeValue(_ref2) {
|
304
|
-
var _ref3 = _slicedToArray(_ref2, 2),
|
305
|
-
firstDate = _ref3[0],
|
306
|
-
secondDate = _ref3[1];
|
307
|
-
firstDate && handleCommitFirstDate(firstDate, false, true);
|
308
|
-
secondDate && handleCommitSecondDate(secondDate, false, true);
|
309
|
-
if (firstDate && secondDate && !firstValueError && !secondValueError) {
|
310
|
-
setIsInnerOpenDouble(false);
|
311
|
-
}
|
312
|
-
}
|
313
|
-
}));
|
314
|
-
}
|
315
228
|
return /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
229
|
+
ref: rootRef,
|
316
230
|
view: view,
|
317
231
|
size: size,
|
318
232
|
className: (0, _utils.cx)(_DatePicker.classes.datePickerRoot, className),
|
319
233
|
disabled: disabled,
|
320
234
|
readOnly: !disabled && readOnly
|
321
|
-
}, rest),
|
235
|
+
}, rest), label && /*#__PURE__*/_react["default"].createElement(_DatePicker2.StyledLabel, null, label), /*#__PURE__*/_react["default"].createElement(_RangeDatePopover.RangeDatePopover, {
|
236
|
+
calendarValue: [calendarFirstValue, calendarSecondValue],
|
237
|
+
target: RangeComponent,
|
238
|
+
isOpen: isOpen || isInnerOpen,
|
239
|
+
includeEdgeDates: includeEdgeDates,
|
240
|
+
eventList: eventList,
|
241
|
+
disabledList: disabledList,
|
242
|
+
min: min,
|
243
|
+
max: max,
|
244
|
+
placement: placement,
|
245
|
+
closeOnOverlayClick: closeOnOverlayClick,
|
246
|
+
closeOnEsc: closeOnEsc,
|
247
|
+
offset: offset,
|
248
|
+
type: type,
|
249
|
+
onToggle: handleToggle,
|
250
|
+
isDoubleCalendar: isDoubleCalendar,
|
251
|
+
onChangeStartOfRange: function onChangeStartOfRange(firstDate) {
|
252
|
+
handleCommitFirstDate(firstDate, false, true);
|
253
|
+
handleCommitSecondDate('');
|
254
|
+
},
|
255
|
+
onChangeValue: function onChangeValue(_ref2) {
|
256
|
+
var _ref3 = _slicedToArray(_ref2, 2),
|
257
|
+
firstDate = _ref3[0],
|
258
|
+
secondDate = _ref3[1];
|
259
|
+
firstDate && handleCommitFirstDate(firstDate, false, true);
|
260
|
+
secondDate && handleCommitSecondDate(secondDate, false, true);
|
261
|
+
if (firstDate && secondDate && !firstValueError && !secondValueError) {
|
262
|
+
setIsInnerOpen(false);
|
263
|
+
}
|
264
|
+
}
|
265
|
+
}), leftHelper && /*#__PURE__*/_react["default"].createElement(_DatePicker2.LeftHelper, null, leftHelper));
|
322
266
|
});
|
323
267
|
};
|
324
268
|
var datePickerRangeConfig = exports.datePickerRangeConfig = {
|
@@ -4,7 +4,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
5
5
|
value: true
|
6
6
|
});
|
7
|
-
exports.base = exports.StyledRange = exports.StyledPopover = void 0;
|
7
|
+
exports.base = exports.StyledRange = exports.StyledPopover = exports.StyledLabel = exports.LeftHelper = void 0;
|
8
8
|
var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
|
9
9
|
var _engines = /*#__PURE__*/require("../../../engines");
|
10
10
|
var _Range = /*#__PURE__*/require("../../Range");
|
@@ -24,4 +24,10 @@ var StyledPopover = exports.StyledPopover = /*#__PURE__*/(0, _styledComponents["
|
|
24
24
|
var StyledRange = exports.StyledRange = /*#__PURE__*/(0, _styledComponents["default"])(Range).withConfig({
|
25
25
|
componentId: "plasma-new-hope__sc-zxqgpy-1"
|
26
26
|
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], _Range.rangeTokens.background, _DatePicker.tokens.background, _Range.rangeTokens.backgroundError, _DatePicker.tokens.backgroundError, _Range.rangeTokens.backgroundSuccess, _DatePicker.tokens.backgroundSuccess, _Range.rangeTokens.borderColor, _DatePicker.tokens.borderColor, _Range.rangeTokens.borderColorError, _DatePicker.tokens.borderColorError, _Range.rangeTokens.borderColorSuccess, _DatePicker.tokens.borderColorSuccess, _Range.rangeTokens.borderWidth, _DatePicker.tokens.textFieldBorderWidth, _Range.rangeTokens.dividerColor, _DatePicker.tokens.dividerColor, _Range.rangeTokens.labelColor, _DatePicker.tokens.labelColor, _Range.rangeTokens.leftHelperColor, _DatePicker.tokens.leftHelperColor, _Range.rangeTokens.textFieldColor, _DatePicker.tokens.textFieldColor, _Range.rangeTokens.textFieldPlaceholderColor, _DatePicker.tokens.textFieldPlaceholderColor, _Range.rangeTokens.textFieldCaretColor, _DatePicker.tokens.textFieldCaretColor, _Range.rangeTokens.textFieldBackgroundColorFocus, _DatePicker.tokens.textFieldBackgroundColorFocus, _Range.rangeTokens.textFieldBackgroundErrorColor, _DatePicker.tokens.textFieldBackgroundErrorColor, _Range.rangeTokens.textFieldBackgroundErrorColorFocus, _DatePicker.tokens.textFieldBackgroundErrorColorFocus, _Range.rangeTokens.textFieldBackgroundSuccessColor, _DatePicker.tokens.textFieldBackgroundSuccessColor, _Range.rangeTokens.textFieldBackgroundSuccessColorFocus, _DatePicker.tokens.textFieldBackgroundSuccessColorFocus, _Range.rangeTokens.textFieldBorderWidth, _DatePicker.tokens.textFieldBorderWidth, _Range.rangeTokens.textFieldBorderColorFocus, _DatePicker.tokens.textFieldBorderColorFocus, _Range.rangeTokens.textFieldBorderColorError, _DatePicker.tokens.textFieldBorderColorError, _Range.rangeTokens.textFieldBorderColorErrorFocus, _DatePicker.tokens.textFieldBorderColorErrorFocus, _Range.rangeTokens.textFieldBorderColorSuccess, _DatePicker.tokens.textFieldBorderColorSuccess, _Range.rangeTokens.textFieldBorderColorSuccessFocus, _DatePicker.tokens.textFieldBorderColorSuccessFocus, _Range.rangeTokens.textFieldTextBeforeColor, _DatePicker.tokens.textFieldTextBeforeColor, _Range.rangeTokens.textFieldTextAfterColor, _DatePicker.tokens.textFieldTextAfterColor, _Range.rangeTokens.focusColor, _DatePicker.tokens.focusColor, _Range.rangeTokens.borderRadius, _DatePicker.tokens.borderRadius, _Range.rangeTokens.dividerPadding, _DatePicker.tokens.dividerPadding, _Range.rangeTokens.dividerFontFamily, _DatePicker.tokens.dividerFontFamily, _Range.rangeTokens.dividerFontStyle, _DatePicker.tokens.dividerFontStyle, _Range.rangeTokens.dividerFontSize, _DatePicker.tokens.dividerFontSize, _Range.rangeTokens.dividerFontWeight, _DatePicker.tokens.dividerFontWeight, _Range.rangeTokens.dividerLetterSpacing, _DatePicker.tokens.dividerLetterSpacing, _Range.rangeTokens.dividerLineHeight, _DatePicker.tokens.dividerLineHeight, _Range.rangeTokens.leftContentMargin, _DatePicker.tokens.leftContentMargin, _Range.rangeTokens.rightContentMargin, _DatePicker.tokens.rightContentMargin, _Range.rangeTokens.labelOffset, _DatePicker.tokens.labelOffset, _Range.rangeTokens.labelFontFamily, _DatePicker.tokens.labelFontFamily, _Range.rangeTokens.labelFontStyle, _DatePicker.tokens.labelFontStyle, _Range.rangeTokens.labelFontSize, _DatePicker.tokens.labelFontSize, _Range.rangeTokens.labelFontWeight, _DatePicker.tokens.labelFontWeight, _Range.rangeTokens.labelLetterSpacing, _DatePicker.tokens.labelLetterSpacing, _Range.rangeTokens.labelLineHeight, _DatePicker.tokens.labelLineHeight, _Range.rangeTokens.textFieldHeight, _DatePicker.tokens.textFieldHeight, _Range.rangeTokens.textFieldBorderRadius, _DatePicker.tokens.textFieldBorderRadius, _Range.rangeTokens.textFieldPadding, _DatePicker.tokens.textFieldPadding, _Range.rangeTokens.textFieldFontFamily, _DatePicker.tokens.textFieldFontFamily, _Range.rangeTokens.textFieldFontStyle, _DatePicker.tokens.textFieldFontStyle, _Range.rangeTokens.textFieldFontSize, _DatePicker.tokens.textFieldFontSize, _Range.rangeTokens.textFieldFontWeight, _DatePicker.tokens.textFieldFontWeight, _Range.rangeTokens.textFieldLetterSpacing, _DatePicker.tokens.textFieldLetterSpacing, _Range.rangeTokens.textFieldLineHeight, _DatePicker.tokens.textFieldLineHeight, _Range.rangeTokens.leftHelperOffset, _DatePicker.tokens.leftHelperOffset, _Range.rangeTokens.leftHelperFontFamily, _DatePicker.tokens.leftHelperFontFamily, _Range.rangeTokens.leftHelperFontStyle, _DatePicker.tokens.leftHelperFontStyle, _Range.rangeTokens.leftHelperFontSize, _DatePicker.tokens.leftHelperFontSize, _Range.rangeTokens.leftHelperFontWeight, _DatePicker.tokens.leftHelperFontWeight, _Range.rangeTokens.leftHelperLetterSpacing, _DatePicker.tokens.leftHelperLetterSpacing, _Range.rangeTokens.leftHelperLineHeight, _DatePicker.tokens.leftHelperLineHeight, _Range.rangeTokens.textFieldLeftContentMargin, _DatePicker.tokens.textFieldLeftContentMargin, _Range.rangeTokens.textFieldRightContentMargin, _DatePicker.tokens.textFieldRightContentMargin, _Range.rangeTokens.textFieldTextBeforeMargin, _DatePicker.tokens.textFieldTextBeforeMargin, _Range.rangeTokens.textFieldTextAfterMargin, _DatePicker.tokens.textFieldTextAfterMargin, _Range.rangeTokens.backgroundReadOnly, _DatePicker.tokens.backgroundReadOnly, _Range.rangeTokens.labelColorReadOnly, _DatePicker.tokens.labelColorReadOnly, _Range.rangeTokens.leftHelperColorReadOnly, _DatePicker.tokens.leftHelperColorReadOnly, _Range.rangeTokens.dividerColorReadOnly, _DatePicker.tokens.dividerColorReadOnly, _Range.rangeTokens.textFieldColorReadOnly, _DatePicker.tokens.textFieldColorReadOnly, _Range.rangeTokens.textFieldBackgroundColorReadOnly, _DatePicker.tokens.textFieldBackgroundColorReadOnly, _Range.rangeTokens.textFieldPlaceholderColorReadOnly, _DatePicker.tokens.textFieldPlaceholderColorReadOnly);
|
27
|
-
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);
|
27
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["display:inline-block;"]);
|
28
|
+
var StyledLabel = exports.StyledLabel = /*#__PURE__*/_styledComponents["default"].label.withConfig({
|
29
|
+
componentId: "plasma-new-hope__sc-zxqgpy-2"
|
30
|
+
})([""]);
|
31
|
+
var LeftHelper = exports.LeftHelper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
32
|
+
componentId: "plasma-new-hope__sc-zxqgpy-3"
|
33
|
+
})([""]);
|
@@ -3,15 +3,16 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.
|
6
|
+
exports.RangeDatePopover = void 0;
|
7
7
|
var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
|
8
8
|
var _utils = /*#__PURE__*/require("../../../../utils");
|
9
9
|
var _DatePicker = /*#__PURE__*/require("../DatePicker.styles");
|
10
|
-
var
|
10
|
+
var _RangeDatePopover = /*#__PURE__*/require("./RangeDatePopover.styles");
|
11
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
12
|
-
var
|
12
|
+
var RangeDatePopover = exports.RangeDatePopover = function RangeDatePopover(_ref) {
|
13
13
|
var target = _ref.target,
|
14
14
|
isOpen = _ref.isOpen,
|
15
|
+
isDoubleCalendar = _ref.isDoubleCalendar,
|
15
16
|
calendarValue = _ref.calendarValue,
|
16
17
|
min = _ref.min,
|
17
18
|
max = _ref.max,
|
@@ -22,10 +23,37 @@ var RangeDoubleDate = exports.RangeDoubleDate = function RangeDoubleDate(_ref) {
|
|
22
23
|
placement = _ref$placement === void 0 ? ['top', 'bottom'] : _ref$placement,
|
23
24
|
_ref$closeOnOverlayCl = _ref.closeOnOverlayClick,
|
24
25
|
closeOnOverlayClick = _ref$closeOnOverlayCl === void 0 ? true : _ref$closeOnOverlayCl,
|
26
|
+
closeOnEsc = _ref.closeOnEsc,
|
25
27
|
offset = _ref.offset,
|
28
|
+
type = _ref.type,
|
29
|
+
size = _ref.size,
|
26
30
|
onChangeValue = _ref.onChangeValue,
|
27
31
|
onChangeStartOfRange = _ref.onChangeStartOfRange,
|
28
32
|
onToggle = _ref.onToggle;
|
33
|
+
if (isDoubleCalendar) {
|
34
|
+
return /*#__PURE__*/_react["default"].createElement(_DatePicker.StyledPopover, {
|
35
|
+
isOpen: isOpen,
|
36
|
+
usePortal: false,
|
37
|
+
onToggle: onToggle,
|
38
|
+
offset: offset,
|
39
|
+
placement: (0, _utils.getPlacements)(placement),
|
40
|
+
trigger: "click",
|
41
|
+
closeOnOverlayClick: closeOnOverlayClick,
|
42
|
+
isFocusTrapped: false,
|
43
|
+
target: target,
|
44
|
+
preventOverflow: false
|
45
|
+
}, /*#__PURE__*/_react["default"].createElement(_RangeDatePopover.StyledCalendarDouble, {
|
46
|
+
size: size,
|
47
|
+
value: calendarValue,
|
48
|
+
eventList: eventList,
|
49
|
+
disabledList: disabledList,
|
50
|
+
min: min,
|
51
|
+
max: max,
|
52
|
+
includeEdgeDates: includeEdgeDates,
|
53
|
+
onChangeValue: onChangeValue,
|
54
|
+
onChangeStartOfRange: onChangeStartOfRange
|
55
|
+
}));
|
56
|
+
}
|
29
57
|
return /*#__PURE__*/_react["default"].createElement(_DatePicker.StyledPopover, {
|
30
58
|
isOpen: isOpen,
|
31
59
|
usePortal: false,
|
@@ -36,13 +64,16 @@ var RangeDoubleDate = exports.RangeDoubleDate = function RangeDoubleDate(_ref) {
|
|
36
64
|
closeOnOverlayClick: closeOnOverlayClick,
|
37
65
|
isFocusTrapped: false,
|
38
66
|
target: target,
|
39
|
-
preventOverflow: false
|
40
|
-
|
67
|
+
preventOverflow: false,
|
68
|
+
closeOnEsc: closeOnEsc
|
69
|
+
}, /*#__PURE__*/_react["default"].createElement(_RangeDatePopover.StyledCalendar, {
|
70
|
+
size: size,
|
41
71
|
value: calendarValue,
|
42
72
|
eventList: eventList,
|
43
73
|
disabledList: disabledList,
|
44
74
|
min: min,
|
45
75
|
max: max,
|
76
|
+
type: type,
|
46
77
|
includeEdgeDates: includeEdgeDates,
|
47
78
|
onChangeValue: onChangeValue,
|
48
79
|
onChangeStartOfRange: onChangeStartOfRange
|
@@ -3,18 +3,24 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.StyledCalendar = void 0;
|
6
|
+
exports.StyledCalendarDouble = exports.StyledCalendar = void 0;
|
7
7
|
var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
|
8
8
|
var _Calendar = /*#__PURE__*/require("../../../Calendar");
|
9
9
|
var _DatePicker = /*#__PURE__*/require("../../DatePicker.tokens");
|
10
10
|
var _engines = /*#__PURE__*/require("../../../../engines");
|
11
11
|
var _DatePickerBase = /*#__PURE__*/require("../../DatePickerBase.styles");
|
12
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
13
|
-
var
|
14
|
-
var CalendarDouble = /*#__PURE__*/(0, _engines.component)(
|
13
|
+
var mergedCalendarDoubleConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Calendar.calendarDoubleConfig);
|
14
|
+
var CalendarDouble = /*#__PURE__*/(0, _engines.component)(mergedCalendarDoubleConfig);
|
15
|
+
var mergedCalendarConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Calendar.calendarBaseConfig);
|
16
|
+
var Calendar = /*#__PURE__*/(0, _engines.component)(mergedCalendarConfig);
|
15
17
|
var CalendarDoubleRange = /*#__PURE__*/(0, _Calendar.withRange)(CalendarDouble);
|
18
|
+
var CalendarRange = /*#__PURE__*/(0, _Calendar.withRange)(Calendar);
|
16
19
|
|
17
20
|
// NOTE: переопределение токенов Calendar
|
18
|
-
var
|
19
|
-
componentId: "plasma-new-hope__sc-
|
20
|
-
})(["", ":var(", ");", " ", ":calc(var(", ") * 2 + 2.063rem);"], _Calendar.calendarBaseTokens.calendarSeparatorBackground, _DatePicker.tokens.calendarSeparatorBackground, _DatePickerBase.baseCalendarTokens, _Calendar.calendarBaseTokens.calendarWidth, _DatePicker.tokens.calendarWidth);
|
21
|
+
var StyledCalendarDouble = exports.StyledCalendarDouble = /*#__PURE__*/(0, _styledComponents["default"])(CalendarDoubleRange).withConfig({
|
22
|
+
componentId: "plasma-new-hope__sc-vflcna-0"
|
23
|
+
})(["", ":var(", ");", " ", ":calc(var(", ") * 2 + 2.063rem);"], _Calendar.calendarBaseTokens.calendarSeparatorBackground, _DatePicker.tokens.calendarSeparatorBackground, _DatePickerBase.baseCalendarTokens, _Calendar.calendarBaseTokens.calendarWidth, _DatePicker.tokens.calendarWidth);
|
24
|
+
var StyledCalendar = exports.StyledCalendar = /*#__PURE__*/(0, _styledComponents["default"])(CalendarRange).withConfig({
|
25
|
+
componentId: "plasma-new-hope__sc-vflcna-1"
|
26
|
+
})(["", ""], _DatePickerBase.baseCalendarTokens);
|
@@ -6,4 +6,5 @@ Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
exports.base = void 0;
|
7
7
|
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
8
|
var _DatePicker = /*#__PURE__*/require("../../../DatePicker.tokens");
|
9
|
-
var
|
9
|
+
var _DatePicker2 = /*#__PURE__*/require("../../DatePicker.styles");
|
10
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&[readonly]{cursor:default;", ":transparent;", "{display:block;color:var(", ");}", "{color:var(", ");}}"], _DatePicker.tokens.textFieldBackgroundColorReadOnly, _DatePicker2.StyledLabel, _DatePicker.tokens.labelColorReadOnly, _DatePicker2.LeftHelper, _DatePicker.tokens.leftHelperColorReadOnly);
|
@@ -6,4 +6,5 @@ Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
exports.base = void 0;
|
7
7
|
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
8
|
var _DatePicker = /*#__PURE__*/require("../../../DatePicker.tokens");
|
9
|
-
var
|
9
|
+
var _DatePicker2 = /*#__PURE__*/require("../../DatePicker.styles");
|
10
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["width:var(", ");", "{margin:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{margin:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}"], _DatePicker.tokens.width, _DatePicker2.StyledLabel, _DatePicker.tokens.labelOffset, _DatePicker.tokens.labelFontFamily, _DatePicker.tokens.labelFontSize, _DatePicker.tokens.labelFontStyle, _DatePicker.tokens.labelFontWeight, _DatePicker.tokens.labelLetterSpacing, _DatePicker.tokens.labelLineHeight, _DatePicker2.LeftHelper, _DatePicker.tokens.leftHelperOffset, _DatePicker.tokens.leftHelperFontFamily, _DatePicker.tokens.leftHelperFontSize, _DatePicker.tokens.leftHelperFontStyle, _DatePicker.tokens.leftHelperFontWeight, _DatePicker.tokens.leftHelperLetterSpacing, _DatePicker.tokens.leftHelperLineHeight);
|
@@ -5,4 +5,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.base = void 0;
|
7
7
|
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
-
var
|
8
|
+
var _DatePicker = /*#__PURE__*/require("../../DatePicker.styles");
|
9
|
+
var _DatePicker2 = /*#__PURE__*/require("../../../DatePicker.tokens");
|
10
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", "{display:block;color:var(", ");}", "{color:var(", ");}"], _DatePicker.StyledLabel, _DatePicker2.tokens.labelColor, _DatePicker.LeftHelper, _DatePicker2.tokens.leftHelperColor);
|
@@ -24,7 +24,7 @@ var StyledPopover = exports.StyledPopover = /*#__PURE__*/(0, _styledComponents["
|
|
24
24
|
var StyledInput = exports.StyledInput = /*#__PURE__*/(0, _styledComponents["default"])(TextField).withConfig({
|
25
25
|
componentId: "plasma-new-hope__sc-1ohdd6s-1"
|
26
26
|
})([" ", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}"], _TextField.textFieldTokens.color, _DatePicker.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _DatePicker.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.caretColor, _DatePicker.tokens.textFieldCaretColor, _TextField.textFieldTokens.focusColor, _DatePicker.tokens.textFieldFocusColor, _TextField.textFieldTokens.backgroundColor, _DatePicker.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _DatePicker.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePicker.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _DatePicker.tokens.borderColor, _TextField.textFieldTokens.borderColorHover, _DatePicker.tokens.borderColorHover, _TextField.textFieldTokens.borderColorFocus, _DatePicker.tokens.borderColorFocus, _TextField.textFieldTokens.colorReadOnly, _DatePicker.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _DatePicker.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _DatePicker.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _DatePicker.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.height, _DatePicker.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _DatePicker.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _DatePicker.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _DatePicker.tokens.textFieldPadding, _TextField.textFieldTokens.leftContentMargin, _DatePicker.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _DatePicker.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _DatePicker.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _DatePicker.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _DatePicker.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _DatePicker.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _DatePicker.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _DatePicker.tokens.textFieldLineHeight, _TextField.textFieldTokens.disabledOpacity, _DatePicker.tokens.disabledOpacity, _TextField.textFieldTokens.textBeforeColor, _DatePicker.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _DatePicker.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _DatePicker.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _DatePicker.tokens.textFieldTextAfterMargin, _DatePicker.classes.datePickerError, _TextField.textFieldTokens.backgroundColor, _DatePicker.tokens.textFieldBackgroundErrorColor, _TextField.textFieldTokens.backgroundColorHover, _DatePicker.tokens.textFieldBackgroundErrorColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePicker.tokens.textFieldBackgroundErrorColorFocus, _TextField.textFieldTokens.borderColor, _DatePicker.tokens.textFieldBorderColorError, _TextField.textFieldTokens.borderColorHover, _DatePicker.tokens.textFieldBorderColorErrorHover, _TextField.textFieldTokens.borderColorFocus, _DatePicker.tokens.textFieldBorderColorErrorFocus, _DatePicker.classes.datePickerSuccess, _TextField.textFieldTokens.backgroundColor, _DatePicker.tokens.textFieldBackgroundSuccessColor, _TextField.textFieldTokens.backgroundColorHover, _DatePicker.tokens.textFieldBackgroundSuccessColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePicker.tokens.textFieldBackgroundSuccessColorFocus, _TextField.textFieldTokens.borderColor, _DatePicker.tokens.textFieldBorderColorSuccess, _TextField.textFieldTokens.borderColorHover, _DatePicker.tokens.textFieldBorderColorSuccessHover, _TextField.textFieldTokens.borderColorFocus, _DatePicker.tokens.textFieldBorderColorSuccessFocus);
|
27
|
-
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["
|
27
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["display:inline-block;"]);
|
28
28
|
var StyledLabel = exports.StyledLabel = /*#__PURE__*/_styledComponents["default"].label.withConfig({
|
29
29
|
componentId: "plasma-new-hope__sc-1ohdd6s-2"
|
30
30
|
})([""]);
|
@@ -26,7 +26,8 @@ var DropdownInner = exports.DropdownInner = function DropdownInner(_ref) {
|
|
26
26
|
onItemClick = _ref.onItemClick,
|
27
27
|
listWidth = _ref.listWidth,
|
28
28
|
variant = _ref.variant,
|
29
|
-
hasArrow = _ref.hasArrow
|
29
|
+
hasArrow = _ref.hasArrow,
|
30
|
+
size = _ref.size;
|
30
31
|
var handleToggle = function handleToggle(opened) {
|
31
32
|
if (opened) {
|
32
33
|
dispatchPath({
|
@@ -65,7 +66,8 @@ var DropdownInner = exports.DropdownInner = function DropdownInner(_ref) {
|
|
65
66
|
ariaControls: listId,
|
66
67
|
ariaExpanded: isCurrentListOpen,
|
67
68
|
ariaLevel: nextLevel,
|
68
|
-
ariaLabel: item.label
|
69
|
+
ariaLabel: item.label,
|
70
|
+
size: size
|
69
71
|
}),
|
70
72
|
onToggle: handleToggle,
|
71
73
|
isFocusTrapped: false,
|
@@ -97,7 +99,8 @@ var DropdownInner = exports.DropdownInner = function DropdownInner(_ref) {
|
|
97
99
|
onItemClick: onItemClick,
|
98
100
|
listWidth: listWidth,
|
99
101
|
variant: variant,
|
100
|
-
hasArrow: hasArrow
|
102
|
+
hasArrow: hasArrow,
|
103
|
+
size: size
|
101
104
|
});
|
102
105
|
})));
|
103
106
|
}
|
@@ -112,6 +115,7 @@ var DropdownInner = exports.DropdownInner = function DropdownInner(_ref) {
|
|
112
115
|
onHover: onHover,
|
113
116
|
onItemSelect: onItemSelect,
|
114
117
|
onItemClick: onItemClick,
|
115
|
-
variant: variant
|
118
|
+
variant: variant,
|
119
|
+
size: size
|
116
120
|
});
|
117
121
|
};
|
@@ -10,7 +10,6 @@ var _Dropdown = /*#__PURE__*/require("../../Dropdown.tokens");
|
|
10
10
|
var _utils = /*#__PURE__*/require("../../../../utils");
|
11
11
|
var _Icon = /*#__PURE__*/require("../../../_Icon");
|
12
12
|
var _DropdownItem = /*#__PURE__*/require("./DropdownItem.styles");
|
13
|
-
var _DisclosureIconWrappe;
|
14
13
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
15
14
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
16
15
|
var DropdownItem = exports.DropdownItem = function DropdownItem(_ref) {
|
@@ -31,7 +30,8 @@ var DropdownItem = exports.DropdownItem = function DropdownItem(_ref) {
|
|
31
30
|
ariaLevel = _ref.ariaLevel,
|
32
31
|
ariaLabel = _ref.ariaLabel,
|
33
32
|
variant = _ref.variant,
|
34
|
-
hasArrow = _ref.hasArrow
|
33
|
+
hasArrow = _ref.hasArrow,
|
34
|
+
size = _ref.size;
|
35
35
|
var value = item.value,
|
36
36
|
label = item.label,
|
37
37
|
disabled = item.disabled,
|
@@ -39,6 +39,7 @@ var DropdownItem = exports.DropdownItem = function DropdownItem(_ref) {
|
|
39
39
|
contentLeft = item.contentLeft,
|
40
40
|
contentRight = item.contentRight;
|
41
41
|
var ref = (0, _react.useRef)(null);
|
42
|
+
var disclosureIconSize = size === 'xs' ? 'xs' : 's';
|
42
43
|
var isDisabledClassName = disabled || isDisabled ? _Dropdown.classes.dropdownItemIsDisabled : undefined;
|
43
44
|
var focusedClass = currentLevel === focusedPath.length - 1 && index === (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[currentLevel]) ? _Dropdown.classes.dropdownItemIsFocused : undefined;
|
44
45
|
var activeClass = value === (path === null || path === void 0 ? void 0 : path[currentLevel + 1]) ? _Dropdown.classes.dropdownItemIsActive : undefined;
|
@@ -84,8 +85,8 @@ var DropdownItem = exports.DropdownItem = function DropdownItem(_ref) {
|
|
84
85
|
"aria-haspopup": ariaHasPopup,
|
85
86
|
"aria-level": ariaLevel,
|
86
87
|
"aria-label": ariaLabel
|
87
|
-
}, contentLeft && /*#__PURE__*/_react["default"].createElement(_DropdownItem.StyledContentLeft, null, contentLeft), /*#__PURE__*/_react["default"].createElement(_DropdownItem.StyledText, null, label), contentRight && /*#__PURE__*/_react["default"].createElement(_DropdownItem.StyledContentRight, null, contentRight), item.items && hasArrow &&
|
88
|
-
size:
|
88
|
+
}, contentLeft && /*#__PURE__*/_react["default"].createElement(_DropdownItem.StyledContentLeft, null, contentLeft), /*#__PURE__*/_react["default"].createElement(_DropdownItem.StyledText, null, label), contentRight && /*#__PURE__*/_react["default"].createElement(_DropdownItem.StyledContentRight, null, contentRight), item.items && hasArrow && /*#__PURE__*/_react["default"].createElement(_DropdownItem.DisclosureIconWrapper, null, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureRight, {
|
89
|
+
size: disclosureIconSize,
|
89
90
|
color: "inherit"
|
90
|
-
})))
|
91
|
+
})));
|
91
92
|
};
|