@salutejs/plasma-new-hope 0.154.0-canary.1421.11039037651.0 → 0.154.0-canary.1428.11047556363.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/_virtual/_rollupPluginBabelHelpers.js +4 -0
- package/cjs/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
- package/cjs/components/Button/Button.js +1 -0
- package/cjs/components/Button/Button.js.map +1 -1
- package/cjs/components/Calendar/Calendar.types.js.map +1 -1
- package/cjs/components/Calendar/CalendarBase/CalendarBase.js +9 -4
- package/cjs/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +9 -2
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
- package/cjs/components/Calendar/hooks/useMonths.js +6 -4
- package/cjs/components/Calendar/hooks/useMonths.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -3
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +4 -3
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -2
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
- package/cjs/components/Calendar/utils/calendarGridHelper.js +1 -1
- package/cjs/components/Calendar/utils/calendarGridHelper.js.map +1 -1
- package/cjs/components/Calendar/utils/constants.js +83 -11
- package/cjs/components/Calendar/utils/constants.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.js +3 -42
- package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +4 -0
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.js +4 -31
- package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/cjs/components/DatePicker/hooks/useDatePicker.js +1 -34
- package/cjs/components/DatePicker/hooks/useDatePicker.js.map +1 -1
- package/cjs/components/Slider/Slider.js +6 -20
- package/cjs/components/Slider/Slider.js.map +1 -1
- package/cjs/components/Slider/components/Double/Double.js +2 -40
- package/cjs/components/Slider/components/Double/Double.js.map +1 -1
- package/cjs/components/Slider/components/Single/Single.js +13 -51
- package/cjs/components/Slider/components/Single/Single.js.map +1 -1
- package/cjs/components/Slider/utils/index.js +0 -6
- package/cjs/components/Slider/utils/index.js.map +1 -1
- package/cjs/components/TextArea/TextArea.js +2 -3
- package/cjs/components/TextArea/TextArea.js.map +1 -1
- package/cjs/index.js +0 -5
- package/cjs/index.js.map +1 -1
- package/cjs/utils/index.js.map +1 -1
- package/emotion/cjs/components/Button/Button.js +1 -0
- package/emotion/cjs/components/Calendar/Calendar.template-doc.mdx +26 -1
- package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.js +9 -4
- package/emotion/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +9 -2
- package/emotion/cjs/components/Calendar/hooks/useMonths.js +6 -4
- package/emotion/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -3
- package/emotion/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +4 -3
- package/emotion/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -2
- package/emotion/cjs/components/Calendar/utils/calendarGridHelper.js +1 -1
- package/emotion/cjs/components/Calendar/utils/constants.js +87 -12
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +3 -42
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +4 -0
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +4 -31
- package/emotion/cjs/components/DatePicker/hooks/useDatePicker.js +1 -34
- package/emotion/cjs/components/Slider/Slider.js +6 -15
- package/emotion/cjs/components/Slider/components/Double/Double.js +2 -40
- package/emotion/cjs/components/Slider/components/Single/Single.js +8 -46
- package/emotion/cjs/components/Slider/components/index.js +0 -11
- package/emotion/cjs/components/Slider/utils/index.js +1 -6
- package/emotion/cjs/components/TextArea/TextArea.js +3 -3
- package/emotion/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +17 -3
- package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +2 -0
- package/emotion/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +17 -3
- package/emotion/cjs/hooks/index.js +1 -8
- package/emotion/cjs/utils/index.js +0 -15
- package/emotion/es/components/Button/Button.js +1 -0
- package/emotion/es/components/Calendar/Calendar.template-doc.mdx +26 -1
- package/emotion/es/components/Calendar/CalendarBase/CalendarBase.js +9 -4
- package/emotion/es/components/Calendar/CalendarDouble/CalendarDouble.js +9 -2
- package/emotion/es/components/Calendar/hooks/useMonths.js +6 -4
- package/emotion/es/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -3
- package/emotion/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +4 -3
- package/emotion/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -2
- package/emotion/es/components/Calendar/utils/calendarGridHelper.js +2 -2
- package/emotion/es/components/Calendar/utils/constants.js +86 -11
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +3 -42
- package/emotion/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +4 -0
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +4 -31
- package/emotion/es/components/DatePicker/hooks/useDatePicker.js +1 -34
- package/emotion/es/components/Slider/Slider.js +6 -16
- package/emotion/es/components/Slider/components/Double/Double.js +3 -41
- package/emotion/es/components/Slider/components/Single/Single.js +9 -47
- package/emotion/es/components/Slider/components/index.js +0 -1
- package/emotion/es/components/Slider/utils/index.js +0 -5
- package/emotion/es/components/TextArea/TextArea.js +4 -4
- package/emotion/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +17 -3
- package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +2 -0
- package/emotion/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +17 -3
- package/emotion/es/hooks/index.js +1 -2
- package/emotion/es/utils/index.js +0 -1
- package/es/_virtual/_rollupPluginBabelHelpers.js +4 -1
- package/es/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
- package/es/components/Button/Button.js +1 -0
- package/es/components/Button/Button.js.map +1 -1
- package/es/components/Calendar/Calendar.types.js.map +1 -1
- package/es/components/Calendar/CalendarBase/CalendarBase.js +9 -4
- package/es/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
- package/es/components/Calendar/CalendarDouble/CalendarDouble.js +9 -2
- package/es/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
- package/es/components/Calendar/hooks/useMonths.js +6 -4
- package/es/components/Calendar/hooks/useMonths.js.map +1 -1
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -3
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +4 -3
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -2
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
- package/es/components/Calendar/utils/calendarGridHelper.js +2 -2
- package/es/components/Calendar/utils/calendarGridHelper.js.map +1 -1
- package/es/components/Calendar/utils/constants.js +83 -12
- package/es/components/Calendar/utils/constants.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.js +3 -42
- package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +4 -0
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.js +4 -31
- package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/es/components/DatePicker/hooks/useDatePicker.js +1 -34
- package/es/components/DatePicker/hooks/useDatePicker.js.map +1 -1
- package/es/components/Slider/Slider.js +7 -21
- package/es/components/Slider/Slider.js.map +1 -1
- package/es/components/Slider/components/Double/Double.js +3 -41
- package/es/components/Slider/components/Double/Double.js.map +1 -1
- package/es/components/Slider/components/Single/Single.js +9 -47
- package/es/components/Slider/components/Single/Single.js.map +1 -1
- package/es/components/Slider/utils/index.js +1 -6
- package/es/components/Slider/utils/index.js.map +1 -1
- package/es/components/TextArea/TextArea.js +2 -3
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/index.js +0 -2
- package/es/index.js.map +1 -1
- package/es/utils/index.js.map +1 -1
- package/package.json +2 -3
- package/styled-components/cjs/components/Button/Button.js +1 -0
- package/styled-components/cjs/components/Calendar/Calendar.template-doc.mdx +26 -1
- package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +9 -4
- package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +9 -2
- package/styled-components/cjs/components/Calendar/hooks/useMonths.js +6 -4
- package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -3
- package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +4 -3
- package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -2
- package/styled-components/cjs/components/Calendar/utils/calendarGridHelper.js +1 -1
- package/styled-components/cjs/components/Calendar/utils/constants.js +87 -12
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +3 -42
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +4 -0
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +4 -31
- package/styled-components/cjs/components/DatePicker/hooks/useDatePicker.js +1 -34
- package/styled-components/cjs/components/Slider/Slider.js +6 -15
- package/styled-components/cjs/components/Slider/components/Double/Double.js +2 -40
- package/styled-components/cjs/components/Slider/components/Single/Single.js +8 -46
- package/styled-components/cjs/components/Slider/components/index.js +0 -11
- package/styled-components/cjs/components/Slider/utils/index.js +1 -6
- package/styled-components/cjs/components/TextArea/TextArea.js +2 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +17 -3
- package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +2 -0
- package/styled-components/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +17 -3
- package/styled-components/cjs/hooks/index.js +1 -8
- package/styled-components/cjs/utils/index.js +0 -15
- package/styled-components/es/components/Button/Button.js +1 -0
- package/styled-components/es/components/Calendar/Calendar.template-doc.mdx +26 -1
- package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +9 -4
- package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.js +9 -2
- package/styled-components/es/components/Calendar/hooks/useMonths.js +6 -4
- package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -3
- package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +4 -3
- package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -2
- package/styled-components/es/components/Calendar/utils/calendarGridHelper.js +2 -2
- package/styled-components/es/components/Calendar/utils/constants.js +86 -11
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +3 -42
- package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +4 -0
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +4 -31
- package/styled-components/es/components/DatePicker/hooks/useDatePicker.js +1 -34
- package/styled-components/es/components/Slider/Slider.js +6 -16
- package/styled-components/es/components/Slider/components/Double/Double.js +3 -41
- package/styled-components/es/components/Slider/components/Single/Single.js +9 -47
- package/styled-components/es/components/Slider/components/index.js +0 -1
- package/styled-components/es/components/Slider/utils/index.js +0 -5
- package/styled-components/es/components/TextArea/TextArea.js +3 -3
- package/styled-components/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +17 -3
- package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +2 -0
- package/styled-components/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +17 -3
- package/styled-components/es/hooks/index.js +1 -2
- package/styled-components/es/utils/index.js +0 -1
- package/types/components/Button/Button.d.ts.map +1 -1
- package/types/components/Calendar/Calendar.types.d.ts +5 -0
- package/types/components/Calendar/Calendar.types.d.ts.map +1 -1
- package/types/components/Calendar/CalendarBase/CalendarBase.d.ts.map +1 -1
- package/types/components/Calendar/CalendarDouble/CalendarDouble.d.ts.map +1 -1
- package/types/components/Calendar/hooks/types.d.ts +2 -1
- package/types/components/Calendar/hooks/types.d.ts.map +1 -1
- package/types/components/Calendar/hooks/useMonths.d.ts +1 -1
- package/types/components/Calendar/hooks/useMonths.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 +2 -1
- package/types/components/Calendar/ui/CalendarDays/CalendarDays.types.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.types.d.ts +2 -1
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.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/utils/calendarGridHelper.d.ts.map +1 -1
- package/types/components/Calendar/utils/constants.d.ts +8 -5
- package/types/components/Calendar/utils/constants.d.ts.map +1 -1
- package/types/components/DatePicker/DatePickerBase.types.d.ts +0 -7
- package/types/components/DatePicker/DatePickerBase.types.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts +0 -2
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts +0 -4
- 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/SingleDate/SingleDate.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts +0 -10
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts.map +1 -1
- package/types/components/DatePicker/hooks/useDatePicker.d.ts +1 -1
- package/types/components/DatePicker/hooks/useDatePicker.d.ts.map +1 -1
- package/types/components/Slider/Slider.d.ts.map +1 -1
- package/types/components/Slider/Slider.types.d.ts +2 -2
- package/types/components/Slider/Slider.types.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.types.d.ts +0 -2
- package/types/components/Slider/components/Double/Double.types.d.ts.map +1 -1
- package/types/components/Slider/components/Single/Single.d.ts.map +1 -1
- package/types/components/Slider/components/Single/Single.types.d.ts +5 -35
- package/types/components/Slider/components/Single/Single.types.d.ts.map +1 -1
- package/types/components/Slider/components/index.d.ts +0 -2
- package/types/components/Slider/components/index.d.ts.map +1 -1
- package/types/components/Slider/utils/index.d.ts +0 -1
- package/types/components/Slider/utils/index.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts +0 -1
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Slider/Slider.d.ts +1 -47
- package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +1 -1
- package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts +0 -1
- package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Slider/Slider.d.ts +1 -47
- package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +1 -1
- package/types/hooks/index.d.ts +0 -1
- package/types/hooks/index.d.ts.map +1 -1
- package/types/utils/index.d.ts +0 -1
- package/types/utils/index.d.ts.map +1 -1
- package/cjs/components/DatePicker/utils/setInitValue.js +0 -12
- package/cjs/components/DatePicker/utils/setInitValue.js.map +0 -1
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -100
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map +0 -1
- package/cjs/hooks/useForm.js +0 -131
- package/cjs/hooks/useForm.js.map +0 -1
- package/cjs/utils/inputHidden.js +0 -12
- package/cjs/utils/inputHidden.js.map +0 -1
- package/cjs/utils/setRefList.js +0 -28
- package/cjs/utils/setRefList.js.map +0 -1
- package/emotion/cjs/components/DatePicker/utils/setInitValue.js +0 -11
- package/emotion/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -103
- package/emotion/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +0 -5
- package/emotion/cjs/examples/plasma_b2c/components/Form/Form.stories.tsx +0 -256
- package/emotion/cjs/examples/plasma_web/components/Form/Form.stories.tsx +0 -237
- package/emotion/cjs/hooks/useForm.js +0 -137
- package/emotion/cjs/types/FormType.js +0 -5
- package/emotion/cjs/utils/inputHidden.js +0 -11
- package/emotion/cjs/utils/setRefList.js +0 -27
- package/emotion/es/components/DatePicker/utils/setInitValue.js +0 -5
- package/emotion/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -94
- package/emotion/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +0 -1
- package/emotion/es/examples/plasma_b2c/components/Form/Form.stories.tsx +0 -256
- package/emotion/es/examples/plasma_web/components/Form/Form.stories.tsx +0 -237
- package/emotion/es/hooks/useForm.js +0 -128
- package/emotion/es/types/FormType.js +0 -1
- package/emotion/es/utils/inputHidden.js +0 -4
- package/emotion/es/utils/setRefList.js +0 -20
- package/es/components/DatePicker/utils/setInitValue.js +0 -8
- package/es/components/DatePicker/utils/setInitValue.js.map +0 -1
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -96
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map +0 -1
- package/es/hooks/useForm.js +0 -127
- package/es/hooks/useForm.js.map +0 -1
- package/es/utils/inputHidden.js +0 -8
- package/es/utils/inputHidden.js.map +0 -1
- package/es/utils/setRefList.js +0 -23
- package/es/utils/setRefList.js.map +0 -1
- package/styled-components/cjs/components/DatePicker/utils/setInitValue.js +0 -11
- package/styled-components/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -103
- package/styled-components/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +0 -5
- package/styled-components/cjs/examples/plasma_b2c/components/Form/Form.stories.tsx +0 -256
- package/styled-components/cjs/examples/plasma_web/components/Form/Form.stories.tsx +0 -237
- package/styled-components/cjs/hooks/useForm.js +0 -137
- package/styled-components/cjs/types/FormType.js +0 -5
- package/styled-components/cjs/utils/inputHidden.js +0 -11
- package/styled-components/cjs/utils/setRefList.js +0 -27
- package/styled-components/es/components/DatePicker/utils/setInitValue.js +0 -5
- package/styled-components/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -94
- package/styled-components/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +0 -1
- package/styled-components/es/examples/plasma_b2c/components/Form/Form.stories.tsx +0 -256
- package/styled-components/es/examples/plasma_web/components/Form/Form.stories.tsx +0 -237
- package/styled-components/es/hooks/useForm.js +0 -128
- package/styled-components/es/types/FormType.js +0 -1
- package/styled-components/es/utils/inputHidden.js +0 -4
- package/styled-components/es/utils/setRefList.js +0 -20
- package/types/components/DatePicker/utils/setInitValue.d.ts +0 -2
- package/types/components/DatePicker/utils/setInitValue.d.ts.map +0 -1
- package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.d.ts +0 -4
- package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.d.ts.map +0 -1
- package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.d.ts +0 -40
- package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.d.ts.map +0 -1
- package/types/hooks/useForm.d.ts +0 -10
- package/types/hooks/useForm.d.ts.map +0 -1
- package/types/types/FormType.d.ts +0 -13
- package/types/types/FormType.d.ts.map +0 -1
- package/types/utils/inputHidden.d.ts +0 -2
- package/types/utils/inputHidden.d.ts.map +0 -1
- package/types/utils/setRefList.d.ts +0 -6
- package/types/utils/setRefList.d.ts.map +0 -1
@@ -11,9 +11,8 @@ var _ui = /*#__PURE__*/require("../../ui");
|
|
11
11
|
var _utils = /*#__PURE__*/require("../../utils");
|
12
12
|
var _utils2 = /*#__PURE__*/require("../../../../utils");
|
13
13
|
var _Slider = /*#__PURE__*/require("../../Slider.tokens");
|
14
|
-
var _inputHidden = /*#__PURE__*/require("../../../../utils/inputHidden");
|
15
14
|
var _Double = /*#__PURE__*/require("./Double.styles");
|
16
|
-
var _excluded = ["min", "max", "value", "disabled", "label", "labelContentLeft", "size", "onChangeCommitted", "onChangeTextField", "onBlurTextField", "onKeyDownTextField", "onChange", "ariaLabel", "multipleStepSize"
|
15
|
+
var _excluded = ["min", "max", "value", "disabled", "label", "labelContentLeft", "size", "onChangeCommitted", "onChangeTextField", "onBlurTextField", "onKeyDownTextField", "onChange", "ariaLabel", "multipleStepSize"];
|
17
16
|
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); }
|
18
17
|
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; }
|
19
18
|
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); }
|
@@ -54,7 +53,6 @@ var DoubleSlider = exports.DoubleSlider = function DoubleSlider(_ref) {
|
|
54
53
|
ariaLabel = _ref.ariaLabel,
|
55
54
|
_ref$multipleStepSize = _ref.multipleStepSize,
|
56
55
|
multipleStepSize = _ref$multipleStepSize === void 0 ? 10 : _ref$multipleStepSize,
|
57
|
-
name = _ref.name,
|
58
56
|
rest = _objectWithoutProperties(_ref, _excluded);
|
59
57
|
var _useState = (0, _react.useState)({
|
60
58
|
stepSize: 0,
|
@@ -90,20 +88,10 @@ var DoubleSlider = exports.DoubleSlider = function DoubleSlider(_ref) {
|
|
90
88
|
var secondHandleRef = (0, _react.useRef)(null);
|
91
89
|
var firstHandleValue = (0, _react.useRef)(value[0]);
|
92
90
|
var secondHandleValue = (0, _react.useRef)(value[1]);
|
93
|
-
var innerRefFirst = (0, _react.useRef)(null);
|
94
|
-
var innerRefSecond = (0, _react.useRef)(null);
|
95
91
|
var stepSize = state.stepSize;
|
96
92
|
var hasLabelContent = label || labelContentLeft;
|
97
93
|
var firstInputActiveClass = firstInputActive && !disabled ? _Slider.classes.textFieldActive : undefined;
|
98
94
|
var secondInputActiveClass = secondInputActive && !disabled ? _Slider.classes.textFieldActive : undefined;
|
99
|
-
var setValue = function setValue(e) {
|
100
|
-
var firstElement = innerRefFirst.current;
|
101
|
-
var firstValueInit = Number(firstElement.getAttribute('defaultValue'));
|
102
|
-
var secondValueInit = (0, _utils.setInitValue)(e);
|
103
|
-
onChangeCommitted && onChangeCommitted([firstValueInit, secondValueInit]);
|
104
|
-
setFirstValue(firstValueInit);
|
105
|
-
setSecondValue(secondValueInit);
|
106
|
-
};
|
107
95
|
(0, _react.useEffect)(function () {
|
108
96
|
var firstLocalValue = Math.min(Math.max(value[0], min), max) - min;
|
109
97
|
var secondLocalValue = Math.min(Math.max(value[1], min), max) - min;
|
@@ -118,16 +106,6 @@ var DoubleSlider = exports.DoubleSlider = function DoubleSlider(_ref) {
|
|
118
106
|
});
|
119
107
|
});
|
120
108
|
}, [value, stepSize, min, max, setFirstValue, setSecondValue]);
|
121
|
-
(0, _react.useEffect)(function () {
|
122
|
-
if (innerRefSecond.current && onChangeCommitted) {
|
123
|
-
innerRefSecond.current.addEventListener('setInitValue', setValue);
|
124
|
-
}
|
125
|
-
return function () {
|
126
|
-
if (innerRefSecond.current && onChangeCommitted) {
|
127
|
-
innerRefSecond.current.removeEventListener('setInitValue', setValue);
|
128
|
-
}
|
129
|
-
};
|
130
|
-
}, [innerRefSecond]);
|
131
109
|
var setStepSize = (0, _react.useCallback)(function (newStepSize) {
|
132
110
|
setState(function (prevState) {
|
133
111
|
return _objectSpread(_objectSpread({}, prevState), {}, {
|
@@ -336,21 +314,5 @@ var DoubleSlider = exports.DoubleSlider = function DoubleSlider(_ref) {
|
|
336
314
|
onChange: onSecondTextfieldChange,
|
337
315
|
onBlur: onSecondTextfieldBlur,
|
338
316
|
onKeyDown: onTextfieldKeyDown
|
339
|
-
})))
|
340
|
-
name: name,
|
341
|
-
type: "number",
|
342
|
-
datatype: "slider-double",
|
343
|
-
"data-slidertype": "min",
|
344
|
-
value: firstValue,
|
345
|
-
ref: innerRefFirst,
|
346
|
-
onChange: function onChange() {}
|
347
|
-
}), /*#__PURE__*/_react["default"].createElement(_inputHidden.InputHidden, {
|
348
|
-
name: name,
|
349
|
-
type: "number",
|
350
|
-
datatype: "slider-double",
|
351
|
-
"data-slidertype": "max",
|
352
|
-
value: secondValue,
|
353
|
-
ref: innerRefSecond,
|
354
|
-
onChange: function onChange() {}
|
355
|
-
}));
|
317
|
+
}))));
|
356
318
|
};
|
@@ -11,9 +11,8 @@ var _ui = /*#__PURE__*/require("../../ui");
|
|
11
11
|
var _utils = /*#__PURE__*/require("../../utils");
|
12
12
|
var _utils2 = /*#__PURE__*/require("../../../../utils");
|
13
13
|
var _Slider = /*#__PURE__*/require("../../Slider.tokens");
|
14
|
-
var _inputHidden = /*#__PURE__*/require("../../../../utils/inputHidden");
|
15
14
|
var _Single = /*#__PURE__*/require("./Single.styles");
|
16
|
-
var _excluded = ["min", "max", "value", "disabled", "onChangeCommitted", "onChange", "ariaLabel", "label", "labelContentLeft", "showRangeValues", "showCurrentValue", "hideMinValueDiff", "hideMaxValueDiff", "labelPlacement", "rangeValuesPlacement", "multipleStepSize", "
|
15
|
+
var _excluded = ["min", "max", "value", "disabled", "onChangeCommitted", "onChange", "ariaLabel", "label", "labelContentLeft", "showRangeValues", "showCurrentValue", "hideMinValueDiff", "hideMaxValueDiff", "labelPlacement", "rangeValuesPlacement", "multipleStepSize", "size"];
|
17
16
|
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); }
|
18
17
|
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; }
|
19
18
|
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); }
|
@@ -31,7 +30,6 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
31
30
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
32
31
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
33
32
|
var SingleSlider = exports.SingleSlider = function SingleSlider(_ref) {
|
34
|
-
var _ref2;
|
35
33
|
var min = _ref.min,
|
36
34
|
max = _ref.max,
|
37
35
|
value = _ref.value,
|
@@ -51,10 +49,8 @@ var SingleSlider = exports.SingleSlider = function SingleSlider(_ref) {
|
|
51
49
|
rangeValuesPlacement = _ref$rangeValuesPlace === void 0 ? 'outer' : _ref$rangeValuesPlace,
|
52
50
|
_ref$multipleStepSize = _ref.multipleStepSize,
|
53
51
|
multipleStepSize = _ref$multipleStepSize === void 0 ? 10 : _ref$multipleStepSize,
|
54
|
-
defaultValue = _ref.defaultValue,
|
55
52
|
_ref$size = _ref.size,
|
56
53
|
size = _ref$size === void 0 ? 'm' : _ref$size,
|
57
|
-
name = _ref.name,
|
58
54
|
rest = _objectWithoutProperties(_ref, _excluded);
|
59
55
|
var _useState = (0, _react.useState)({
|
60
56
|
xHandle: 0,
|
@@ -64,7 +60,6 @@ var SingleSlider = exports.SingleSlider = function SingleSlider(_ref) {
|
|
64
60
|
_useState2 = _slicedToArray(_useState, 2),
|
65
61
|
state = _useState2[0],
|
66
62
|
setState = _useState2[1];
|
67
|
-
var innerRef = (0, _react.useRef)(null);
|
68
63
|
var _useState3 = (0, _react.useState)(0),
|
69
64
|
_useState4 = _slicedToArray(_useState3, 2),
|
70
65
|
startOffset = _useState4[0],
|
@@ -73,7 +68,7 @@ var SingleSlider = exports.SingleSlider = function SingleSlider(_ref) {
|
|
73
68
|
_useState6 = _slicedToArray(_useState5, 2),
|
74
69
|
endOffset = _useState6[0],
|
75
70
|
setEndOffset = _useState6[1];
|
76
|
-
var _useState7 = (0, _react.useState)(
|
71
|
+
var _useState7 = (0, _react.useState)(value),
|
77
72
|
_useState8 = _slicedToArray(_useState7, 2),
|
78
73
|
dragValue = _useState8[0],
|
79
74
|
setDragValue = _useState8[1];
|
@@ -81,14 +76,14 @@ var SingleSlider = exports.SingleSlider = function SingleSlider(_ref) {
|
|
81
76
|
var hasLabelContent = label || labelContentLeft;
|
82
77
|
var labelPlacementClass = labelPlacement === 'outer' ? _Slider.classes.labelPlacementOuter : _Slider.classes.labelPlacementInner;
|
83
78
|
var rangeValuesPlacementClass = rangeValuesPlacement === 'outer' ? _Slider.classes.rangeValuesPlacementOuter : _Slider.classes.rangeValuesPlacementInner;
|
84
|
-
var hideMinValueDiffClass = hideMinValueDiff &&
|
85
|
-
var hideMaxValueDiffClass = hideMaxValueDiff && max -
|
79
|
+
var hideMinValueDiffClass = hideMinValueDiff && value - min <= hideMinValueDiff ? _Slider.classes.hideMinValue : '';
|
80
|
+
var hideMaxValueDiffClass = hideMaxValueDiff && max - value <= hideMaxValueDiff ? _Slider.classes.hideMaxValue : '';
|
86
81
|
var startLabelRef = (0, _react.useRef)(null);
|
87
82
|
var endLabelRef = (0, _react.useRef)(null);
|
88
83
|
var activeFirstValue = dragValue === min ? _Slider.classes.activeRangeValue : undefined;
|
89
84
|
var activeSecondValue = dragValue === max ? _Slider.classes.activeRangeValue : undefined;
|
90
85
|
(0, _react.useEffect)(function () {
|
91
|
-
var localValue = Math.min(Math.max(
|
86
|
+
var localValue = Math.min(Math.max(value, min), max) - min;
|
92
87
|
if (rangeValuesPlacement === 'outer') {
|
93
88
|
var _startLabelRef$curren, _endLabelRef$current;
|
94
89
|
var startWidth = (_startLabelRef$curren = startLabelRef.current) === null || _startLabelRef$curren === void 0 ? void 0 : _startLabelRef$curren.offsetWidth;
|
@@ -109,21 +104,7 @@ var SingleSlider = exports.SingleSlider = function SingleSlider(_ref) {
|
|
109
104
|
railFillWidth: stepSize * localValue
|
110
105
|
});
|
111
106
|
});
|
112
|
-
}, [
|
113
|
-
(0, _react.useEffect)(function () {
|
114
|
-
if (innerRef.current) {
|
115
|
-
innerRef.current.addEventListener('setInitValue', function (e) {
|
116
|
-
return setDragValue((0, _utils.setInitValue)(e));
|
117
|
-
});
|
118
|
-
}
|
119
|
-
return function () {
|
120
|
-
if (innerRef.current) {
|
121
|
-
innerRef.current.removeEventListener('setInitValue', function (e) {
|
122
|
-
return setDragValue((0, _utils.setInitValue)(e));
|
123
|
-
});
|
124
|
-
}
|
125
|
-
};
|
126
|
-
}, [innerRef]);
|
107
|
+
}, [value, labelPlacement, stepSize, rangeValuesPlacement, min, max, setStartOffset, setEndOffset]);
|
127
108
|
var setStepSize = (0, _react.useCallback)(function (newStepSize) {
|
128
109
|
setState(function (prevState) {
|
129
110
|
return _objectSpread(_objectSpread({}, prevState), {}, {
|
@@ -140,19 +121,7 @@ var SingleSlider = exports.SingleSlider = function SingleSlider(_ref) {
|
|
140
121
|
});
|
141
122
|
});
|
142
123
|
if (onChange) {
|
143
|
-
|
144
|
-
// Если value определен, значит, мы находимся в втором варианте типа
|
145
|
-
onChange(newValue);
|
146
|
-
}
|
147
|
-
if (name && !value) {
|
148
|
-
// Если name определен, значит, мы находимся в первом варианте типа
|
149
|
-
onChange({
|
150
|
-
target: {
|
151
|
-
value: newValue,
|
152
|
-
name: name
|
153
|
-
}
|
154
|
-
});
|
155
|
-
}
|
124
|
+
onChange(newValue);
|
156
125
|
}
|
157
126
|
setDragValue(newValue);
|
158
127
|
};
|
@@ -203,12 +172,5 @@ var SingleSlider = exports.SingleSlider = function SingleSlider(_ref) {
|
|
203
172
|
})), showRangeValues && /*#__PURE__*/_react["default"].createElement(_Single.StyledRangeValue, {
|
204
173
|
ref: endLabelRef,
|
205
174
|
className: (0, _utils2.cx)(_Slider.classes.maxRangeValue, hideMaxValueDiffClass, activeSecondValue)
|
206
|
-
}, max))
|
207
|
-
name: name,
|
208
|
-
type: "number",
|
209
|
-
datatype: "slider-single",
|
210
|
-
value: dragValue,
|
211
|
-
ref: innerRef,
|
212
|
-
onChange: function onChange() {}
|
213
|
-
}));
|
175
|
+
}, max)));
|
214
176
|
};
|
@@ -24,15 +24,4 @@ Object.keys(_Double).forEach(function (key) {
|
|
24
24
|
return _Double[key];
|
25
25
|
}
|
26
26
|
});
|
27
|
-
});
|
28
|
-
var _DoubleUncontrolled = /*#__PURE__*/require("./DoubleUncontrolled/DoubleUncontrolled");
|
29
|
-
Object.keys(_DoubleUncontrolled).forEach(function (key) {
|
30
|
-
if (key === "default" || key === "__esModule") return;
|
31
|
-
if (key in exports && exports[key] === _DoubleUncontrolled[key]) return;
|
32
|
-
Object.defineProperty(exports, key, {
|
33
|
-
enumerable: true,
|
34
|
-
get: function get() {
|
35
|
-
return _DoubleUncontrolled[key];
|
36
|
-
}
|
37
|
-
});
|
38
27
|
});
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.getOffsets = getOffsets;
|
7
7
|
exports.getSliderThumbValue = getSliderThumbValue;
|
8
|
-
exports.sizeData =
|
8
|
+
exports.sizeData = void 0;
|
9
9
|
/**
|
10
10
|
* Расчитать значение слайдера с учетом его координат и шага изменений.
|
11
11
|
* @param {number} handleCenterXRelative
|
@@ -52,9 +52,4 @@ var sizeData = exports.sizeData = {
|
|
52
52
|
indent: 0.75,
|
53
53
|
fontSizeMultiplier: 16
|
54
54
|
}
|
55
|
-
};
|
56
|
-
var setInitValue = exports.setInitValue = function setInitValue(e) {
|
57
|
-
var item = e.target;
|
58
|
-
var defaultValue = Number(item.getAttribute('defaultValue'));
|
59
|
-
return defaultValue;
|
60
55
|
};
|
@@ -126,7 +126,7 @@ var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
|
|
126
126
|
_useState6 = _slicedToArray(_useState5, 2),
|
127
127
|
uncontrolledValue = _useState6[0],
|
128
128
|
setUncontrolledValue = _useState6[1];
|
129
|
-
var outerRef = /*#__PURE__*/(0, _react.createRef)();
|
129
|
+
var outerRef = innerRef && 'current' in innerRef ? innerRef : /*#__PURE__*/(0, _react.createRef)();
|
130
130
|
var innerOptional = required ? false : optional;
|
131
131
|
var hasHelper = Boolean(leftHelper || rightHelper || helperText);
|
132
132
|
var hasOuterLabel = Boolean(label && labelPlacement === 'outer');
|
@@ -198,7 +198,7 @@ var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
|
|
198
198
|
hasContentRight: Boolean(contentRight),
|
199
199
|
hasHelper: hasHelper,
|
200
200
|
applyCustomWidth: applyCustomWidth,
|
201
|
-
ref:
|
201
|
+
ref: outerRef,
|
202
202
|
disabled: disabled,
|
203
203
|
height: autoResize ? minAuto : height,
|
204
204
|
width: width,
|
@@ -32,6 +32,12 @@ const meta: Meta<typeof CalendarBase> = {
|
|
32
32
|
type: 'inline-radio',
|
33
33
|
},
|
34
34
|
},
|
35
|
+
locale: {
|
36
|
+
options: ['ru', 'en'],
|
37
|
+
control: {
|
38
|
+
type: 'select',
|
39
|
+
},
|
40
|
+
},
|
35
41
|
},
|
36
42
|
};
|
37
43
|
|
@@ -75,7 +81,7 @@ const getBaseEvents = (type: 'days' | 'months' | 'quarters' | 'years', datesNumb
|
|
75
81
|
};
|
76
82
|
|
77
83
|
const StoryDefault = (args: CalendarProps) => {
|
78
|
-
const { isRange, isDouble, min, max, date, includeEdgeDates, size } = args;
|
84
|
+
const { isRange, isDouble, min, max, date, includeEdgeDates, size, locale } = args;
|
79
85
|
const [value, setValue] = useState(new Date(2023, 10, 16));
|
80
86
|
const [valueRange, setValueRange] = useState<[Date, Date?]>([new Date(2023, 10, 16), new Date(2023, 10, 23)]);
|
81
87
|
|
@@ -97,6 +103,7 @@ const StoryDefault = (args: CalendarProps) => {
|
|
97
103
|
min={min}
|
98
104
|
max={max}
|
99
105
|
includeEdgeDates={includeEdgeDates}
|
106
|
+
locale={locale}
|
100
107
|
onChangeValue={(isRange ? handleOnRangeChange : handleOnChange) as (value: Date | [Date, Date?]) => void}
|
101
108
|
/>
|
102
109
|
);
|
@@ -110,12 +117,13 @@ export const Default: StoryObj<CalendarProps> = {
|
|
110
117
|
isRange: false,
|
111
118
|
includeEdgeDates: false,
|
112
119
|
size: 'm',
|
120
|
+
locale: 'ru',
|
113
121
|
},
|
114
122
|
render: (args) => <StoryDefault {...args} />,
|
115
123
|
};
|
116
124
|
|
117
125
|
const StoryBase = (args: CalendarBaseProps & { displayDouble: boolean }) => {
|
118
|
-
const { min, max, includeEdgeDates, size, displayDouble } = args;
|
126
|
+
const { min, max, includeEdgeDates, size, displayDouble, locale } = args;
|
119
127
|
const [value, setValue] = useState(new Date(2023, 6, 7));
|
120
128
|
const [currentState, setCurrentState] = useState('Days');
|
121
129
|
|
@@ -142,6 +150,7 @@ const StoryBase = (args: CalendarBaseProps & { displayDouble: boolean }) => {
|
|
142
150
|
max={max}
|
143
151
|
includeEdgeDates={includeEdgeDates}
|
144
152
|
type={type}
|
153
|
+
locale={locale}
|
145
154
|
onChangeValue={handleOnChange}
|
146
155
|
{...rest}
|
147
156
|
/>
|
@@ -153,6 +162,7 @@ const StoryBase = (args: CalendarBaseProps & { displayDouble: boolean }) => {
|
|
153
162
|
max={max}
|
154
163
|
includeEdgeDates={includeEdgeDates}
|
155
164
|
type={type}
|
165
|
+
locale={locale}
|
156
166
|
onChangeValue={handleOnChange}
|
157
167
|
{...rest}
|
158
168
|
/>
|
@@ -194,12 +204,13 @@ export const Base: StoryObj<CalendarBaseProps & { displayDouble: boolean }> = {
|
|
194
204
|
max: defaultMaxDate,
|
195
205
|
includeEdgeDates: false,
|
196
206
|
displayDouble: false,
|
207
|
+
locale: 'ru',
|
197
208
|
},
|
198
209
|
render: (args) => <StoryBase {...args} />,
|
199
210
|
};
|
200
211
|
|
201
212
|
const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) => {
|
202
|
-
const { min, max, includeEdgeDates, size, displayDouble } = args;
|
213
|
+
const { min, max, includeEdgeDates, size, displayDouble, locale } = args;
|
203
214
|
const [values, setValue] = useState<[Date, Date?]>([new Date(2023, 6, 1), new Date(2023, 6, 16)]);
|
204
215
|
const [currentState, setCurrentState] = useState('Days');
|
205
216
|
|
@@ -227,6 +238,7 @@ const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) =
|
|
227
238
|
includeEdgeDates={includeEdgeDates}
|
228
239
|
type={type}
|
229
240
|
onChangeValue={handleOnChange}
|
241
|
+
locale={locale}
|
230
242
|
{...rest}
|
231
243
|
/>
|
232
244
|
) : (
|
@@ -238,6 +250,7 @@ const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) =
|
|
238
250
|
includeEdgeDates={includeEdgeDates}
|
239
251
|
type={type}
|
240
252
|
onChangeValue={handleOnChange}
|
253
|
+
locale={locale}
|
241
254
|
{...rest}
|
242
255
|
/>
|
243
256
|
);
|
@@ -278,6 +291,7 @@ export const Range: StoryObj<CalendarBaseRangeProps & { displayDouble: boolean }
|
|
278
291
|
max: defaultMaxDate,
|
279
292
|
includeEdgeDates: false,
|
280
293
|
displayDouble: false,
|
294
|
+
locale: 'ru',
|
281
295
|
},
|
282
296
|
render: (args) => <StoryRange {...args} />,
|
283
297
|
};
|
package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx
CHANGED
@@ -176,6 +176,7 @@ const StoryRange = ({
|
|
176
176
|
secondValueError,
|
177
177
|
secondValueSuccess,
|
178
178
|
size,
|
179
|
+
lang,
|
179
180
|
...rest
|
180
181
|
}: StoryPropsRange) => {
|
181
182
|
const rangeRef = useRef<RangeInputRefs>(null);
|
@@ -234,6 +235,7 @@ const StoryRange = ({
|
|
234
235
|
onCommitSecondDate={(currentValue) => {
|
235
236
|
firstDate && currentValue && setIsOpen(false);
|
236
237
|
}}
|
238
|
+
lang={lang}
|
237
239
|
{...dividerIconProps}
|
238
240
|
{...rest}
|
239
241
|
/>
|
@@ -32,6 +32,12 @@ const meta: Meta<typeof CalendarBase> = {
|
|
32
32
|
type: 'inline-radio',
|
33
33
|
},
|
34
34
|
},
|
35
|
+
locale: {
|
36
|
+
options: ['ru', 'en'],
|
37
|
+
control: {
|
38
|
+
type: 'select',
|
39
|
+
},
|
40
|
+
},
|
35
41
|
},
|
36
42
|
};
|
37
43
|
|
@@ -75,7 +81,7 @@ const getBaseEvents = (type: 'days' | 'months' | 'quarters' | 'years', datesNumb
|
|
75
81
|
};
|
76
82
|
|
77
83
|
const StoryDefault = (args: CalendarProps) => {
|
78
|
-
const { isRange, isDouble, min, max, date, includeEdgeDates, size } = args;
|
84
|
+
const { isRange, isDouble, min, max, date, includeEdgeDates, size, locale } = args;
|
79
85
|
const [value, setValue] = useState(new Date(2023, 10, 16));
|
80
86
|
const [valueRange, setValueRange] = useState<[Date, Date?]>([new Date(2023, 10, 16), new Date(2023, 10, 23)]);
|
81
87
|
|
@@ -97,6 +103,7 @@ const StoryDefault = (args: CalendarProps) => {
|
|
97
103
|
min={min}
|
98
104
|
max={max}
|
99
105
|
includeEdgeDates={includeEdgeDates}
|
106
|
+
locale={locale}
|
100
107
|
onChangeValue={(isRange ? handleOnRangeChange : handleOnChange) as (value: Date | [Date, Date?]) => void}
|
101
108
|
/>
|
102
109
|
);
|
@@ -110,12 +117,13 @@ export const Default: StoryObj<CalendarProps> = {
|
|
110
117
|
isRange: false,
|
111
118
|
includeEdgeDates: false,
|
112
119
|
size: 'm',
|
120
|
+
locale: 'ru',
|
113
121
|
},
|
114
122
|
render: (args) => <StoryDefault {...args} />,
|
115
123
|
};
|
116
124
|
|
117
125
|
const StoryBase = (args: CalendarBaseProps & { displayDouble: boolean }) => {
|
118
|
-
const { min, max, includeEdgeDates, size, displayDouble } = args;
|
126
|
+
const { min, max, includeEdgeDates, size, displayDouble, locale } = args;
|
119
127
|
const [value, setValue] = useState(new Date(2023, 6, 7));
|
120
128
|
const [currentState, setCurrentState] = useState('Days');
|
121
129
|
|
@@ -142,6 +150,7 @@ const StoryBase = (args: CalendarBaseProps & { displayDouble: boolean }) => {
|
|
142
150
|
max={max}
|
143
151
|
includeEdgeDates={includeEdgeDates}
|
144
152
|
type={type}
|
153
|
+
locale={locale}
|
145
154
|
onChangeValue={handleOnChange}
|
146
155
|
{...rest}
|
147
156
|
/>
|
@@ -153,6 +162,7 @@ const StoryBase = (args: CalendarBaseProps & { displayDouble: boolean }) => {
|
|
153
162
|
max={max}
|
154
163
|
includeEdgeDates={includeEdgeDates}
|
155
164
|
type={type}
|
165
|
+
locale={locale}
|
156
166
|
onChangeValue={handleOnChange}
|
157
167
|
{...rest}
|
158
168
|
/>
|
@@ -194,12 +204,13 @@ export const Base: StoryObj<CalendarBaseProps & { displayDouble: boolean }> = {
|
|
194
204
|
max: defaultMaxDate,
|
195
205
|
includeEdgeDates: false,
|
196
206
|
displayDouble: false,
|
207
|
+
locale: 'ru',
|
197
208
|
},
|
198
209
|
render: (args) => <StoryBase {...args} />,
|
199
210
|
};
|
200
211
|
|
201
212
|
const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) => {
|
202
|
-
const { min, max, includeEdgeDates, size, displayDouble } = args;
|
213
|
+
const { min, max, includeEdgeDates, size, displayDouble, locale } = args;
|
203
214
|
const [values, setValue] = useState<[Date, Date?]>([new Date(2023, 6, 1), new Date(2023, 6, 16)]);
|
204
215
|
const [currentState, setCurrentState] = useState('Days');
|
205
216
|
|
@@ -227,6 +238,7 @@ const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) =
|
|
227
238
|
includeEdgeDates={includeEdgeDates}
|
228
239
|
type={type}
|
229
240
|
onChangeValue={handleOnChange}
|
241
|
+
locale={locale}
|
230
242
|
{...rest}
|
231
243
|
/>
|
232
244
|
) : (
|
@@ -238,6 +250,7 @@ const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) =
|
|
238
250
|
includeEdgeDates={includeEdgeDates}
|
239
251
|
type={type}
|
240
252
|
onChangeValue={handleOnChange}
|
253
|
+
locale={locale}
|
241
254
|
{...rest}
|
242
255
|
/>
|
243
256
|
);
|
@@ -278,6 +291,7 @@ export const Range: StoryObj<CalendarBaseRangeProps & { displayDouble: boolean }
|
|
278
291
|
max: defaultMaxDate,
|
279
292
|
includeEdgeDates: false,
|
280
293
|
displayDouble: false,
|
294
|
+
locale: 'ru',
|
281
295
|
},
|
282
296
|
render: (args) => <StoryRange {...args} />,
|
283
297
|
};
|
@@ -21,12 +21,6 @@ Object.defineProperty(exports, "useForceUpdate", {
|
|
21
21
|
return _useForceUpdate.useForceUpdate;
|
22
22
|
}
|
23
23
|
});
|
24
|
-
Object.defineProperty(exports, "useForm", {
|
25
|
-
enumerable: true,
|
26
|
-
get: function get() {
|
27
|
-
return _useForm.useForm;
|
28
|
-
}
|
29
|
-
});
|
30
24
|
Object.defineProperty(exports, "useIsomorphicLayoutEffect", {
|
31
25
|
enumerable: true,
|
32
26
|
get: function get() {
|
@@ -57,5 +51,4 @@ var _usePreviousValue = /*#__PURE__*/require("./usePreviousValue");
|
|
57
51
|
var _useForceUpdate = /*#__PURE__*/require("./useForceUpdate");
|
58
52
|
var _useDidMountEffect = /*#__PURE__*/require("./useDidMountEffect");
|
59
53
|
var _useOutsideClick = /*#__PURE__*/require("./useOutsideClick");
|
60
|
-
var _useIsomorphicLayoutEffect = /*#__PURE__*/require("./useIsomorphicLayoutEffect");
|
61
|
-
var _useForm = /*#__PURE__*/require("./useForm");
|
54
|
+
var _useIsomorphicLayoutEffect = /*#__PURE__*/require("./useIsomorphicLayoutEffect");
|
@@ -13,8 +13,6 @@ var _exportNames = {
|
|
13
13
|
IS_REACT_18: true,
|
14
14
|
safeUseId: true,
|
15
15
|
isNumber: true,
|
16
|
-
mergeRefs: true,
|
17
|
-
setRefList: true,
|
18
16
|
isEmpty: true,
|
19
17
|
constants: true
|
20
18
|
};
|
@@ -55,30 +53,17 @@ Object.defineProperty(exports, "isNumber", {
|
|
55
53
|
return _isNumber.isNumber;
|
56
54
|
}
|
57
55
|
});
|
58
|
-
Object.defineProperty(exports, "mergeRefs", {
|
59
|
-
enumerable: true,
|
60
|
-
get: function get() {
|
61
|
-
return _setRefList.mergeRefs;
|
62
|
-
}
|
63
|
-
});
|
64
56
|
Object.defineProperty(exports, "safeUseId", {
|
65
57
|
enumerable: true,
|
66
58
|
get: function get() {
|
67
59
|
return _react.safeUseId;
|
68
60
|
}
|
69
61
|
});
|
70
|
-
Object.defineProperty(exports, "setRefList", {
|
71
|
-
enumerable: true,
|
72
|
-
get: function get() {
|
73
|
-
return _setRefList.setRefList;
|
74
|
-
}
|
75
|
-
});
|
76
62
|
var _canUseDOM = /*#__PURE__*/require("./canUseDOM");
|
77
63
|
var _extractTextFrom = /*#__PURE__*/require("./extractTextFrom");
|
78
64
|
var _getSizeValueFromProp = /*#__PURE__*/require("./getSizeValueFromProp");
|
79
65
|
var _react = /*#__PURE__*/require("./react");
|
80
66
|
var _isNumber = /*#__PURE__*/require("./isNumber");
|
81
|
-
var _setRefList = /*#__PURE__*/require("./setRefList");
|
82
67
|
var _isEmpty = /*#__PURE__*/require("./isEmpty");
|
83
68
|
var _constants = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("./constants"));
|
84
69
|
exports.constants = _constants;
|
@@ -64,6 +64,7 @@ export var buttonRoot = function buttonRoot(Root) {
|
|
64
64
|
value: value,
|
65
65
|
disabled: disabled,
|
66
66
|
focused: focused || outlined,
|
67
|
+
contentPlacing: contentPlacing,
|
67
68
|
className: cx(squareClass, stretchingClass, classes.buttonItem, isLoadingClass, className),
|
68
69
|
style: _objectSpread(_objectSpread({}, style), {}, {
|
69
70
|
'--plasma_computed-btn-br': buttonBorderRadius,
|
@@ -291,4 +291,29 @@ export function App() {
|
|
291
291
|
</div>
|
292
292
|
);
|
293
293
|
}
|
294
|
-
```
|
294
|
+
```
|
295
|
+
|
296
|
+
## Выбор языка.
|
297
|
+
Для выбора языка необходимо указать свойство `locale: 'ru' | 'en'`.
|
298
|
+
|
299
|
+
По-умолчанию используется `ru`.
|
300
|
+
|
301
|
+
```tsx live
|
302
|
+
import React from 'react';
|
303
|
+
import { CalendarBase } from '@salutejs/{{ package }}';
|
304
|
+
|
305
|
+
export function App() {
|
306
|
+
return (
|
307
|
+
<div style=\{{ display: "grid", gridTemplateColumns: "1fr 1fr", gap: "2rem" }}>
|
308
|
+
<CalendarBase
|
309
|
+
type="Days"
|
310
|
+
locale="en"
|
311
|
+
/>
|
312
|
+
<CalendarBase
|
313
|
+
type="Months"
|
314
|
+
locale="en"
|
315
|
+
/>
|
316
|
+
</div>
|
317
|
+
);
|
318
|
+
}
|
319
|
+
```
|
@@ -1,4 +1,4 @@
|
|
1
|
-
var _excluded = ["value", "min", "max", "includeEdgeDates", "type", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "onChangeValue"];
|
1
|
+
var _excluded = ["value", "min", "max", "includeEdgeDates", "type", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "onChangeValue", "locale"];
|
2
2
|
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); }
|
3
3
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
4
4
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
@@ -37,6 +37,8 @@ export var calendarBaseRoot = function calendarBaseRoot(Root) {
|
|
37
37
|
eventYearList = _ref.eventYearList,
|
38
38
|
disabledYearList = _ref.disabledYearList,
|
39
39
|
onChangeValue = _ref.onChangeValue,
|
40
|
+
_ref$locale = _ref.locale,
|
41
|
+
locale = _ref$locale === void 0 ? 'ru' : _ref$locale,
|
40
42
|
rest = _objectWithoutProperties(_ref, _excluded);
|
41
43
|
var _useMemo = useMemo(function () {
|
42
44
|
return Array.isArray(externalValue) ? externalValue : [externalValue];
|
@@ -151,7 +153,8 @@ export var calendarBaseRoot = function calendarBaseRoot(Root) {
|
|
151
153
|
type: calendarState,
|
152
154
|
onPrev: handlePrev,
|
153
155
|
onNext: handleNext,
|
154
|
-
onUpdateCalendarState: handleUpdateCalendarState
|
156
|
+
onUpdateCalendarState: handleUpdateCalendarState,
|
157
|
+
locale: locale
|
155
158
|
}), calendarState === CalendarState.Days && /*#__PURE__*/React.createElement(CalendarDays, {
|
156
159
|
value: externalValue,
|
157
160
|
date: date,
|
@@ -166,7 +169,8 @@ export var calendarBaseRoot = function calendarBaseRoot(Root) {
|
|
166
169
|
onSetSelected: onSelectIndexes,
|
167
170
|
onHoverDay: setHoveredItem,
|
168
171
|
onKeyDown: handleKeyDown,
|
169
|
-
outerRefs: outerRefs
|
172
|
+
outerRefs: outerRefs,
|
173
|
+
locale: locale
|
170
174
|
}), calendarState === CalendarState.Months && /*#__PURE__*/React.createElement(CalendarMonths, {
|
171
175
|
value: externalValue,
|
172
176
|
date: date,
|
@@ -180,7 +184,8 @@ export var calendarBaseRoot = function calendarBaseRoot(Root) {
|
|
180
184
|
onSetSelected: onSelectIndexes,
|
181
185
|
onHoverMonth: setHoveredItem,
|
182
186
|
onKeyDown: onKeyDown,
|
183
|
-
outerRefs: outerRefs
|
187
|
+
outerRefs: outerRefs,
|
188
|
+
locale: locale
|
184
189
|
}), calendarState === CalendarState.Quarters && /*#__PURE__*/React.createElement(CalendarQuarters, {
|
185
190
|
value: externalValue,
|
186
191
|
date: date,
|