@salutejs/plasma-new-hope 0.174.0-canary.1452.11462555994.0 → 0.174.0-canary.1497.11480463527.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +0 -1
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
- package/cjs/components/Attach/Attach.js +3 -4
- package/cjs/components/Attach/Attach.js.map +1 -1
- package/cjs/components/Attach/components/AttachButton/AttachButton.js +0 -1
- package/cjs/components/Attach/components/AttachButton/AttachButton.js.map +1 -1
- package/cjs/components/Attach/ui/Button/Button.styles.js +0 -1
- package/cjs/components/Attach/ui/Button/Button.styles.js.map +1 -1
- package/cjs/components/Attach/ui/Cell/Cell.styles.js +0 -2
- package/cjs/components/Attach/ui/Cell/Cell.styles.js.map +1 -1
- package/cjs/components/Attach/ui/IconButton/IconButton.styles.js +0 -1
- package/cjs/components/Attach/ui/IconButton/IconButton.styles.js.map +1 -1
- package/cjs/components/Attach/utils/getFileicon.js +3 -4
- package/cjs/components/Attach/utils/getFileicon.js.map +1 -1
- package/cjs/components/Attach/utils/index.js +0 -3
- package/cjs/components/Attach/utils/index.js.map +1 -1
- package/cjs/components/Autocomplete/Autocomplete.js +5 -6
- package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
- package/cjs/components/Autocomplete/Autocomplete.styles.js +2 -3
- package/cjs/components/Autocomplete/Autocomplete.styles.js.map +1 -1
- package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +1 -2
- package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js.map +1 -1
- package/cjs/components/Avatar/Avatar.js +2 -3
- package/cjs/components/Avatar/Avatar.js.map +1 -1
- package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +2 -4
- package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
- package/cjs/components/Button/Button.styles.js +0 -3
- package/cjs/components/Button/Button.styles.js.map +1 -1
- package/cjs/components/Calendar/CalendarBase/CalendarBase.js +5 -5
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +8 -8
- package/cjs/components/Calendar/hooks/useDays.js +2 -2
- package/cjs/components/Calendar/hooks/useKeyNavigation.js +1 -1
- package/cjs/components/Calendar/hooks/useMonths.js +2 -2
- package/cjs/components/Calendar/hooks/useQuarters.js +2 -2
- package/cjs/components/Calendar/hooks/useYears.js +2 -2
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +4 -4
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +5 -6
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +0 -1
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -4
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +4 -4
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +4 -4
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +11 -12
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +2 -4
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js +0 -2
- package/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +1 -2
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +5 -6
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +1 -3
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +1 -2
- package/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/Combobox.css +28 -14
- package/cjs/components/Combobox/ComboboxOld/Combobox.js +4 -10
- package/cjs/components/Combobox/ComboboxOld/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/Combobox.styles.js +0 -1
- package/cjs/components/Combobox/ComboboxOld/Combobox.styles.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/hooks/useFocusController.js +0 -1
- package/cjs/components/Combobox/ComboboxOld/hooks/useFocusController.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.styles.js +1 -2
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.styles.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +32 -18
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js +1 -10
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +32 -18
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js +1 -10
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +32 -18
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js +1 -10
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +32 -18
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js +1 -10
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.styles.js +0 -2
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.styles.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.js +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.styles.js +1 -2
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.styles.js.map +1 -1
- package/cjs/components/DatePicker/DatePickerBase.styles.js +1 -7
- package/cjs/components/DatePicker/DatePickerBase.styles.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.js +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +0 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +1 -2
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +2 -5
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +0 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
- package/cjs/components/Drawer/Drawer.js +5 -10
- package/cjs/components/Drawer/Drawer.js.map +1 -1
- package/cjs/components/Drawer/Drawer.styles.js +0 -4
- package/cjs/components/Drawer/Drawer.styles.js.map +1 -1
- package/cjs/components/Drawer/hooks/useDrawer.js +0 -4
- package/cjs/components/Drawer/hooks/useDrawer.js.map +1 -1
- package/cjs/components/Drawer/ui/DrawerContent/DrawerContent.js +0 -7
- package/cjs/components/Drawer/ui/DrawerContent/DrawerContent.js.map +1 -1
- package/cjs/components/Drawer/ui/DrawerFooter/DrawerFooter.js +0 -7
- package/cjs/components/Drawer/ui/DrawerFooter/DrawerFooter.js.map +1 -1
- package/cjs/components/Drawer/ui/DrawerHeader/DrawerHeader.js +0 -3
- package/cjs/components/Drawer/ui/DrawerHeader/DrawerHeader.js.map +1 -1
- package/cjs/components/Dropdown/Dropdown.css +30 -16
- package/cjs/components/Dropdown/Dropdown.js +63 -47
- package/cjs/components/Dropdown/Dropdown.js.map +1 -1
- package/cjs/components/Dropdown/Dropdown.styles.js +14 -27
- package/cjs/components/Dropdown/Dropdown.styles.js.map +1 -1
- package/cjs/components/Dropdown/Dropdown.styles_1ix6io8.css +2 -0
- package/cjs/components/Dropdown/Dropdown.tokens.js +24 -1
- package/cjs/components/Dropdown/Dropdown.tokens.js.map +1 -1
- package/cjs/components/Dropdown/FloatingPopover.js +104 -0
- package/cjs/components/Dropdown/FloatingPopover.js.map +1 -0
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +18 -60
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.css +46 -6
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +30 -20
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +25 -31
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_17va0nk.css +5 -0
- package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +1 -3
- package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownItemOld/{DropdownItem.styles_12e50g5.css → DropdownItem.styles_1lyg81y.css} +1 -1
- package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.css +4 -4
- package/cjs/components/Dropdown/ui/DropdownOld/Dropdown.styles.js +0 -1
- package/cjs/components/Dropdown/ui/DropdownOld/Dropdown.styles.js.map +1 -1
- package/cjs/components/Dropdown/utils/getItemByFocused.js +13 -0
- package/cjs/components/Dropdown/utils/getItemByFocused.js.map +1 -0
- package/cjs/components/Dropdown/utils/getItemId.js +10 -0
- package/cjs/components/Dropdown/utils/getItemId.js.map +1 -0
- package/cjs/components/Dropdown/utils/getPlacement.js +16 -0
- package/cjs/components/Dropdown/utils/getPlacement.js.map +1 -0
- package/cjs/components/Dropdown/utils/index.js.map +1 -1
- package/cjs/components/Editable/Editable.js +3 -4
- package/cjs/components/Editable/Editable.js.map +1 -1
- package/cjs/components/Editable/utils/clearSelection.js +0 -2
- package/cjs/components/Editable/utils/clearSelection.js.map +1 -1
- package/cjs/components/Editable/utils/selectText.js +0 -2
- package/cjs/components/Editable/utils/selectText.js.map +1 -1
- package/cjs/components/EmptyState/EmptyState.styles.js +1 -2
- package/cjs/components/EmptyState/EmptyState.styles.js.map +1 -1
- package/cjs/components/IconButton/IconButton.js +1 -1
- package/cjs/components/IconButton/IconButton.styles.js +0 -8
- package/cjs/components/IconButton/IconButton.styles.js.map +1 -1
- package/cjs/components/Modal/Modal.js +6 -8
- package/cjs/components/Modal/Modal.js.map +1 -1
- package/cjs/components/Modal/hooks/useModal.js +0 -4
- package/cjs/components/Modal/hooks/useModal.js.map +1 -1
- package/cjs/components/Notification/Notification.styles.js +2 -3
- package/cjs/components/Notification/Notification.styles.js.map +1 -1
- package/cjs/components/Notification/NotificationsPortal.js +3 -4
- package/cjs/components/Notification/NotificationsPortal.js.map +1 -1
- package/cjs/components/Pagination/Pagination.styles.js +1 -2
- package/cjs/components/Pagination/Pagination.styles.js.map +1 -1
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -2
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
- package/cjs/components/Panel/ui/PanelHeader/PanelHeader.js +1 -2
- package/cjs/components/Panel/ui/PanelHeader/PanelHeader.js.map +1 -1
- package/cjs/components/Panel/ui/PanelHeader/PanelHeader.styles.js +1 -2
- package/cjs/components/Panel/ui/PanelHeader/PanelHeader.styles.js.map +1 -1
- package/cjs/components/Popover/Popover.js +1 -1
- package/cjs/components/Popup/Popup.js +2 -2
- package/cjs/components/Popup/PopupContext.js +1 -1
- package/cjs/components/Range/Range.styles.js +0 -1
- package/cjs/components/Range/Range.styles.js.map +1 -1
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js +4 -5
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js.map +1 -1
- package/cjs/components/Select/Select.js +11 -12
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/Select.styles.js +2 -5
- package/cjs/components/Select/Select.styles.js.map +1 -1
- package/cjs/components/Select/hooks/usePathMaps.js +0 -2
- package/cjs/components/Select/hooks/usePathMaps.js.map +1 -1
- package/cjs/components/Select/ui/Inner/Inner.js +1 -2
- package/cjs/components/Select/ui/Inner/Inner.js.map +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.js +4 -5
- package/cjs/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +0 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Button/Button.js +1 -1
- package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +1 -3
- package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -2
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +1 -4
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +1 -2
- package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js.map +1 -1
- package/cjs/components/Select/utils/getButtonLabel.js +0 -2
- package/cjs/components/Select/utils/getButtonLabel.js.map +1 -1
- package/cjs/components/Select/utils/getCorrectHeight.js.map +1 -1
- package/cjs/components/Sheet/Sheet.js +3 -3
- package/cjs/components/Skeleton/LineSkeleton/LineSkeleton.js +2 -4
- package/cjs/components/Skeleton/LineSkeleton/LineSkeleton.js.map +1 -1
- package/cjs/components/Skeleton/RectSkeleton/RectSkeleton.js +2 -4
- package/cjs/components/Skeleton/RectSkeleton/RectSkeleton.js.map +1 -1
- package/cjs/components/Slider/Slider.css +13 -15
- package/cjs/components/Slider/Slider.js +2 -18
- package/cjs/components/Slider/Slider.js.map +1 -1
- package/cjs/components/Slider/Slider.tokens.js +17 -23
- package/cjs/components/Slider/Slider.tokens.js.map +1 -1
- package/cjs/components/Slider/components/Double/Double.css +8 -8
- package/cjs/components/Slider/components/Double/Double.js +24 -60
- package/cjs/components/Slider/components/Double/Double.js.map +1 -1
- package/cjs/components/Slider/components/Double/Double.styles.js +0 -1
- package/cjs/components/Slider/components/Double/Double.styles.js.map +1 -1
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -3
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map +1 -1
- package/cjs/components/Slider/components/Single/Single.css +14 -14
- package/cjs/components/Slider/components/Single/Single.js +34 -66
- package/cjs/components/Slider/components/Single/Single.js.map +1 -1
- package/cjs/components/Slider/components/Single/Single.styles.js +4 -4
- package/cjs/components/Slider/components/Single/Single.styles.js.map +1 -1
- package/cjs/components/Slider/components/Single/Single.styles_1r9f1e0.css +6 -0
- package/cjs/components/Slider/components/SliderBase/SliderBase.css +5 -5
- package/cjs/components/Slider/components/SliderBase/SliderBase.js +13 -32
- package/cjs/components/Slider/components/SliderBase/SliderBase.js.map +1 -1
- package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +7 -7
- package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js.map +1 -1
- package/cjs/components/Slider/components/SliderBase/SliderBase.styles_9s4eb3.css +5 -0
- package/cjs/components/Slider/ui/Handler/Handler.css +3 -3
- package/cjs/components/Slider/ui/Handler/Handler.js +88 -49
- package/cjs/components/Slider/ui/Handler/Handler.js.map +1 -1
- package/cjs/components/Slider/ui/Handler/Handler.styles.js +7 -17
- package/cjs/components/Slider/ui/Handler/Handler.styles.js.map +1 -1
- package/cjs/components/Slider/ui/Handler/Handler.styles_8crx5z.css +2 -0
- package/cjs/components/Slider/ui/Thumb/Thumb.css +1 -1
- package/cjs/components/Slider/ui/Thumb/Thumb.js +2 -3
- package/cjs/components/Slider/ui/Thumb/Thumb.js.map +1 -1
- package/cjs/components/Slider/ui/Thumb/Thumb.styles.js +1 -1
- package/cjs/components/Slider/ui/Thumb/Thumb.styles.js.map +1 -1
- package/cjs/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +1 -0
- package/cjs/components/Slider/utils/index.js +10 -28
- package/cjs/components/Slider/utils/index.js.map +1 -1
- package/cjs/components/Slider/variations/_view/base.js +1 -1
- package/cjs/components/Slider/variations/_view/base.js.map +1 -1
- package/cjs/components/Slider/variations/_view/base_x642ct.css +1 -0
- package/cjs/components/Steps/Steps.js +1 -1
- package/cjs/components/Steps/ui/StepItem/StepItem.styles.js +0 -1
- package/cjs/components/Steps/ui/StepItem/StepItem.styles.js.map +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +2 -3
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +2 -3
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +1 -1
- package/cjs/components/TextArea/TextArea.js +2 -2
- package/cjs/components/TextArea/TextArea.styles.js +2 -3
- package/cjs/components/TextArea/TextArea.styles.js.map +1 -1
- package/cjs/components/TextArea/ui/Hint/Hint.js +1 -2
- package/cjs/components/TextArea/ui/Hint/Hint.js.map +1 -1
- package/cjs/components/TextField/TextField.js +3 -3
- package/cjs/components/TextField/TextField.styles.js +1 -2
- package/cjs/components/TextField/TextField.styles.js.map +1 -1
- package/cjs/components/TextField/ui/Hint/Hint.js +1 -2
- package/cjs/components/TextField/ui/Hint/Hint.js.map +1 -1
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +1 -2
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +1 -1
- package/cjs/components/Toast/Toast.styles.js +1 -1
- package/cjs/components/Toast/ToastController.js +1 -1
- package/cjs/components/Toast/utils.js +1 -2
- package/cjs/components/Toast/utils.js.map +1 -1
- package/cjs/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.js +1 -1
- package/cjs/components/Tooltip/Tooltip.js +2 -3
- package/cjs/components/Tooltip/Tooltip.js.map +1 -1
- package/cjs/engines/index.js +0 -2
- package/cjs/engines/index.js.map +1 -1
- package/cjs/hooks/useIsomorphicLayoutEffect.js +0 -1
- package/cjs/hooks/useIsomorphicLayoutEffect.js.map +1 -1
- package/cjs/hooks/useOutsideClick.js +1 -1
- package/cjs/hooks/useOutsideClick.js.map +1 -1
- package/cjs/index.css +24 -28
- package/cjs/index.js +48 -51
- package/cjs/index.js.map +1 -1
- package/cjs/utils/index.js +0 -5
- package/cjs/utils/index.js.map +1 -1
- package/emotion/cjs/components/Dropdown/Dropdown.js +58 -37
- package/emotion/cjs/components/Dropdown/Dropdown.styles.js +9 -25
- package/emotion/cjs/components/Dropdown/Dropdown.tokens.js +36 -2
- package/emotion/cjs/components/Dropdown/FloatingPopover.js +109 -0
- package/emotion/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +17 -51
- package/emotion/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +29 -18
- package/emotion/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +21 -41
- package/emotion/cjs/components/Dropdown/utils/getItemByFocused.js +12 -0
- package/emotion/cjs/components/Dropdown/utils/getItemId.js +9 -0
- package/emotion/cjs/components/Dropdown/utils/getPlacement.js +15 -0
- package/emotion/cjs/components/Dropdown/utils/index.js +23 -1
- package/emotion/cjs/components/Slider/Slider.js +2 -10
- package/emotion/cjs/components/Slider/Slider.template-doc.mdx +0 -26
- package/emotion/cjs/components/Slider/Slider.tokens.js +17 -23
- package/emotion/cjs/components/Slider/components/Double/Double.js +19 -54
- package/emotion/cjs/components/Slider/components/Single/Single.js +33 -64
- package/emotion/cjs/components/Slider/components/Single/Single.styles.js +9 -18
- package/emotion/cjs/components/Slider/components/SliderBase/SliderBase.js +12 -31
- package/emotion/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +10 -10
- package/emotion/cjs/components/Slider/ui/Handler/Handler.js +88 -52
- package/emotion/cjs/components/Slider/ui/Handler/Handler.styles.js +15 -9
- package/emotion/cjs/components/Slider/ui/Thumb/Thumb.js +2 -3
- package/emotion/cjs/components/Slider/ui/Thumb/Thumb.styles.js +3 -3
- package/emotion/cjs/components/Slider/utils/index.js +10 -28
- package/emotion/cjs/components/Slider/variations/_view/base.js +1 -2
- package/emotion/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +5 -5
- package/emotion/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +6 -5
- package/emotion/cjs/examples/plasma_b2c/components/Slider/Slider.config.js +7 -7
- package/emotion/cjs/examples/plasma_b2c/components/Slider/Slider.stories.tsx +16 -90
- package/emotion/cjs/examples/plasma_web/components/Dropdown/Dropdown.config.js +5 -5
- package/emotion/cjs/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +6 -5
- package/emotion/cjs/examples/plasma_web/components/Slider/Slider.config.js +7 -7
- package/emotion/cjs/examples/plasma_web/components/Slider/Slider.stories.tsx +15 -90
- package/emotion/cjs/hooks/useOutsideClick.js +1 -1
- package/emotion/es/components/Dropdown/Dropdown.js +60 -40
- package/emotion/es/components/Dropdown/Dropdown.styles.js +9 -25
- package/emotion/es/components/Dropdown/Dropdown.tokens.js +35 -1
- package/emotion/es/components/Dropdown/FloatingPopover.js +102 -0
- package/emotion/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +18 -52
- package/emotion/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +31 -20
- package/emotion/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +22 -42
- package/emotion/es/components/Dropdown/utils/getItemByFocused.js +6 -0
- package/emotion/es/components/Dropdown/utils/getItemId.js +3 -0
- package/emotion/es/components/Dropdown/utils/getPlacement.js +9 -0
- package/emotion/es/components/Dropdown/utils/index.js +4 -1
- package/emotion/es/components/Slider/Slider.js +2 -11
- package/emotion/es/components/Slider/Slider.template-doc.mdx +0 -26
- package/emotion/es/components/Slider/Slider.tokens.js +17 -23
- package/emotion/es/components/Slider/components/Double/Double.js +19 -54
- package/emotion/es/components/Slider/components/Single/Single.js +34 -65
- package/emotion/es/components/Slider/components/Single/Single.styles.js +8 -17
- package/emotion/es/components/Slider/components/SliderBase/SliderBase.js +12 -31
- package/emotion/es/components/Slider/components/SliderBase/SliderBase.styles.js +11 -11
- package/emotion/es/components/Slider/ui/Handler/Handler.js +86 -51
- package/emotion/es/components/Slider/ui/Handler/Handler.styles.js +16 -10
- package/emotion/es/components/Slider/ui/Thumb/Thumb.js +2 -3
- package/emotion/es/components/Slider/ui/Thumb/Thumb.styles.js +3 -3
- package/emotion/es/components/Slider/utils/index.js +10 -28
- package/emotion/es/components/Slider/variations/_view/base.js +1 -2
- package/emotion/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +6 -6
- package/emotion/es/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +6 -5
- package/emotion/es/examples/plasma_b2c/components/Slider/Slider.config.js +7 -7
- package/emotion/es/examples/plasma_b2c/components/Slider/Slider.stories.tsx +16 -90
- package/emotion/es/examples/plasma_web/components/Dropdown/Dropdown.config.js +6 -6
- package/emotion/es/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +6 -5
- package/emotion/es/examples/plasma_web/components/Slider/Slider.config.js +7 -7
- package/emotion/es/examples/plasma_web/components/Slider/Slider.stories.tsx +15 -90
- package/emotion/es/hooks/useOutsideClick.js +1 -1
- package/emotion/package.json +2 -1
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +0 -1
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
- package/es/components/Attach/Attach.js +3 -4
- package/es/components/Attach/Attach.js.map +1 -1
- package/es/components/Attach/components/AttachButton/AttachButton.js +0 -1
- package/es/components/Attach/components/AttachButton/AttachButton.js.map +1 -1
- package/es/components/Attach/ui/Button/Button.styles.js +0 -1
- package/es/components/Attach/ui/Button/Button.styles.js.map +1 -1
- package/es/components/Attach/ui/Cell/Cell.styles.js +0 -2
- package/es/components/Attach/ui/Cell/Cell.styles.js.map +1 -1
- package/es/components/Attach/ui/IconButton/IconButton.styles.js +0 -1
- package/es/components/Attach/ui/IconButton/IconButton.styles.js.map +1 -1
- package/es/components/Attach/utils/getFileicon.js +3 -4
- package/es/components/Attach/utils/getFileicon.js.map +1 -1
- package/es/components/Attach/utils/index.js +0 -3
- package/es/components/Attach/utils/index.js.map +1 -1
- package/es/components/Autocomplete/Autocomplete.js +5 -6
- package/es/components/Autocomplete/Autocomplete.js.map +1 -1
- package/es/components/Autocomplete/Autocomplete.styles.js +2 -3
- package/es/components/Autocomplete/Autocomplete.styles.js.map +1 -1
- package/es/components/Autocomplete/ui/TextField/TextField.styles.js +1 -2
- package/es/components/Autocomplete/ui/TextField/TextField.styles.js.map +1 -1
- package/es/components/Avatar/Avatar.js +2 -3
- package/es/components/Avatar/Avatar.js.map +1 -1
- package/es/components/Breadcrumbs/Breadcrumbs.styles.js +2 -4
- package/es/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
- package/es/components/Button/Button.styles.js +0 -3
- package/es/components/Button/Button.styles.js.map +1 -1
- package/es/components/Calendar/CalendarBase/CalendarBase.js +5 -5
- package/es/components/Calendar/CalendarDouble/CalendarDouble.js +8 -8
- package/es/components/Calendar/hooks/useDays.js +2 -2
- package/es/components/Calendar/hooks/useKeyNavigation.js +1 -1
- package/es/components/Calendar/hooks/useMonths.js +2 -2
- package/es/components/Calendar/hooks/useQuarters.js +2 -2
- package/es/components/Calendar/hooks/useYears.js +2 -2
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.js +4 -4
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +5 -6
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +0 -1
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js.map +1 -1
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -4
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +4 -4
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.js +4 -4
- package/es/components/Combobox/ComboboxNew/Combobox.js +11 -12
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.styles.js +2 -4
- package/es/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js +0 -2
- package/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +1 -2
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +5 -6
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +1 -3
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +1 -2
- package/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/Combobox.css +28 -14
- package/es/components/Combobox/ComboboxOld/Combobox.js +4 -10
- package/es/components/Combobox/ComboboxOld/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/Combobox.styles.js +0 -1
- package/es/components/Combobox/ComboboxOld/Combobox.styles.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/hooks/useFocusController.js +0 -1
- package/es/components/Combobox/ComboboxOld/hooks/useFocusController.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.styles.js +1 -2
- package/es/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.styles.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +32 -18
- package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js +1 -10
- package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +32 -18
- package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js +1 -10
- package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +32 -18
- package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js +1 -10
- package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +32 -18
- package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js +1 -10
- package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.styles.js +0 -2
- package/es/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.styles.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.js +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.styles.js +1 -2
- package/es/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.styles.js.map +1 -1
- package/es/components/DatePicker/DatePickerBase.styles.js +1 -7
- package/es/components/DatePicker/DatePickerBase.styles.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.js +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.styles.js +0 -1
- package/es/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +1 -2
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +2 -5
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.styles.js +0 -1
- package/es/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
- package/es/components/Drawer/Drawer.js +5 -10
- package/es/components/Drawer/Drawer.js.map +1 -1
- package/es/components/Drawer/Drawer.styles.js +0 -4
- package/es/components/Drawer/Drawer.styles.js.map +1 -1
- package/es/components/Drawer/hooks/useDrawer.js +0 -4
- package/es/components/Drawer/hooks/useDrawer.js.map +1 -1
- package/es/components/Drawer/ui/DrawerContent/DrawerContent.js +0 -7
- package/es/components/Drawer/ui/DrawerContent/DrawerContent.js.map +1 -1
- package/es/components/Drawer/ui/DrawerFooter/DrawerFooter.js +0 -7
- package/es/components/Drawer/ui/DrawerFooter/DrawerFooter.js.map +1 -1
- package/es/components/Drawer/ui/DrawerHeader/DrawerHeader.js +0 -3
- package/es/components/Drawer/ui/DrawerHeader/DrawerHeader.js.map +1 -1
- package/es/components/Dropdown/Dropdown.css +30 -16
- package/es/components/Dropdown/Dropdown.js +65 -50
- package/es/components/Dropdown/Dropdown.js.map +1 -1
- package/es/components/Dropdown/Dropdown.styles.js +15 -27
- package/es/components/Dropdown/Dropdown.styles.js.map +1 -1
- package/es/components/Dropdown/Dropdown.styles_1ix6io8.css +2 -0
- package/es/components/Dropdown/Dropdown.tokens.js +24 -1
- package/es/components/Dropdown/Dropdown.tokens.js.map +1 -1
- package/es/components/Dropdown/FloatingPopover.js +100 -0
- package/es/components/Dropdown/FloatingPopover.js.map +1 -0
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +18 -60
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.css +46 -6
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +31 -21
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +24 -29
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_17va0nk.css +5 -0
- package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +1 -3
- package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownItemOld/{DropdownItem.styles_12e50g5.css → DropdownItem.styles_1lyg81y.css} +1 -1
- package/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.css +4 -4
- package/es/components/Dropdown/ui/DropdownOld/Dropdown.styles.js +0 -1
- package/es/components/Dropdown/ui/DropdownOld/Dropdown.styles.js.map +1 -1
- package/es/components/Dropdown/utils/getItemByFocused.js +9 -0
- package/es/components/Dropdown/utils/getItemByFocused.js.map +1 -0
- package/es/components/Dropdown/utils/getItemId.js +6 -0
- package/es/components/Dropdown/utils/getItemId.js.map +1 -0
- package/es/components/Dropdown/utils/getPlacement.js +12 -0
- package/es/components/Dropdown/utils/getPlacement.js.map +1 -0
- package/es/components/Dropdown/utils/index.js.map +1 -1
- package/es/components/Editable/Editable.js +3 -4
- package/es/components/Editable/Editable.js.map +1 -1
- package/es/components/Editable/utils/clearSelection.js +0 -2
- package/es/components/Editable/utils/clearSelection.js.map +1 -1
- package/es/components/Editable/utils/selectText.js +0 -2
- package/es/components/Editable/utils/selectText.js.map +1 -1
- package/es/components/EmptyState/EmptyState.styles.js +1 -2
- package/es/components/EmptyState/EmptyState.styles.js.map +1 -1
- package/es/components/IconButton/IconButton.js +1 -1
- package/es/components/IconButton/IconButton.styles.js +0 -8
- package/es/components/IconButton/IconButton.styles.js.map +1 -1
- package/es/components/Modal/Modal.js +6 -8
- package/es/components/Modal/Modal.js.map +1 -1
- package/es/components/Modal/hooks/useModal.js +0 -4
- package/es/components/Modal/hooks/useModal.js.map +1 -1
- package/es/components/Notification/Notification.styles.js +2 -3
- package/es/components/Notification/Notification.styles.js.map +1 -1
- package/es/components/Notification/NotificationsPortal.js +3 -4
- package/es/components/Notification/NotificationsPortal.js.map +1 -1
- package/es/components/Pagination/Pagination.styles.js +1 -2
- package/es/components/Pagination/Pagination.styles.js.map +1 -1
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -2
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
- package/es/components/Panel/ui/PanelHeader/PanelHeader.js +1 -2
- package/es/components/Panel/ui/PanelHeader/PanelHeader.js.map +1 -1
- package/es/components/Panel/ui/PanelHeader/PanelHeader.styles.js +1 -2
- package/es/components/Panel/ui/PanelHeader/PanelHeader.styles.js.map +1 -1
- package/es/components/Popover/Popover.js +1 -1
- package/es/components/Popup/Popup.js +2 -2
- package/es/components/Popup/PopupContext.js +1 -1
- package/es/components/Range/Range.styles.js +0 -1
- package/es/components/Range/Range.styles.js.map +1 -1
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.js +4 -5
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.js.map +1 -1
- package/es/components/Select/Select.js +11 -12
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Select/Select.styles.js +2 -5
- package/es/components/Select/Select.styles.js.map +1 -1
- package/es/components/Select/hooks/usePathMaps.js +0 -2
- package/es/components/Select/hooks/usePathMaps.js.map +1 -1
- package/es/components/Select/ui/Inner/Inner.js +1 -2
- package/es/components/Select/ui/Inner/Inner.js.map +1 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.js +4 -5
- package/es/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.styles.js +0 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Button/Button.js +1 -1
- package/es/components/Select/ui/Target/ui/Button/Button.styles.js +1 -3
- package/es/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -2
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +1 -4
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +1 -2
- package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js.map +1 -1
- package/es/components/Select/utils/getButtonLabel.js +0 -2
- package/es/components/Select/utils/getButtonLabel.js.map +1 -1
- package/es/components/Select/utils/getCorrectHeight.js.map +1 -1
- package/es/components/Sheet/Sheet.js +3 -3
- package/es/components/Skeleton/LineSkeleton/LineSkeleton.js +2 -4
- package/es/components/Skeleton/LineSkeleton/LineSkeleton.js.map +1 -1
- package/es/components/Skeleton/RectSkeleton/RectSkeleton.js +2 -4
- package/es/components/Skeleton/RectSkeleton/RectSkeleton.js.map +1 -1
- package/es/components/Slider/Slider.css +13 -15
- package/es/components/Slider/Slider.js +2 -18
- package/es/components/Slider/Slider.js.map +1 -1
- package/es/components/Slider/Slider.tokens.js +17 -23
- package/es/components/Slider/Slider.tokens.js.map +1 -1
- package/es/components/Slider/components/Double/Double.css +8 -8
- package/es/components/Slider/components/Double/Double.js +20 -56
- package/es/components/Slider/components/Double/Double.js.map +1 -1
- package/es/components/Slider/components/Double/Double.styles.js +0 -1
- package/es/components/Slider/components/Double/Double.styles.js.map +1 -1
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -3
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map +1 -1
- package/es/components/Slider/components/Single/Single.css +14 -14
- package/es/components/Slider/components/Single/Single.js +35 -67
- package/es/components/Slider/components/Single/Single.js.map +1 -1
- package/es/components/Slider/components/Single/Single.styles.js +4 -4
- package/es/components/Slider/components/Single/Single.styles.js.map +1 -1
- package/es/components/Slider/components/Single/Single.styles_1r9f1e0.css +6 -0
- package/es/components/Slider/components/SliderBase/SliderBase.css +5 -5
- package/es/components/Slider/components/SliderBase/SliderBase.js +13 -32
- package/es/components/Slider/components/SliderBase/SliderBase.js.map +1 -1
- package/es/components/Slider/components/SliderBase/SliderBase.styles.js +7 -7
- package/es/components/Slider/components/SliderBase/SliderBase.styles.js.map +1 -1
- package/es/components/Slider/components/SliderBase/SliderBase.styles_9s4eb3.css +5 -0
- package/es/components/Slider/ui/Handler/Handler.css +3 -3
- package/es/components/Slider/ui/Handler/Handler.js +87 -48
- package/es/components/Slider/ui/Handler/Handler.js.map +1 -1
- package/es/components/Slider/ui/Handler/Handler.styles.js +7 -17
- package/es/components/Slider/ui/Handler/Handler.styles.js.map +1 -1
- package/es/components/Slider/ui/Handler/Handler.styles_8crx5z.css +2 -0
- package/es/components/Slider/ui/Thumb/Thumb.css +1 -1
- package/es/components/Slider/ui/Thumb/Thumb.js +2 -3
- package/es/components/Slider/ui/Thumb/Thumb.js.map +1 -1
- package/es/components/Slider/ui/Thumb/Thumb.styles.js +1 -1
- package/es/components/Slider/ui/Thumb/Thumb.styles.js.map +1 -1
- package/es/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +1 -0
- package/es/components/Slider/utils/index.js +10 -28
- package/es/components/Slider/utils/index.js.map +1 -1
- package/es/components/Slider/variations/_view/base.js +1 -1
- package/es/components/Slider/variations/_view/base.js.map +1 -1
- package/es/components/Slider/variations/_view/base_x642ct.css +1 -0
- package/es/components/Steps/Steps.js +1 -1
- package/es/components/Steps/ui/StepItem/StepItem.styles.js +0 -1
- package/es/components/Steps/ui/StepItem/StepItem.styles.js.map +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +2 -3
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +2 -3
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +1 -1
- package/es/components/TextArea/TextArea.js +2 -2
- package/es/components/TextArea/TextArea.styles.js +2 -3
- package/es/components/TextArea/TextArea.styles.js.map +1 -1
- package/es/components/TextArea/ui/Hint/Hint.js +1 -2
- package/es/components/TextArea/ui/Hint/Hint.js.map +1 -1
- package/es/components/TextField/TextField.js +3 -3
- package/es/components/TextField/TextField.styles.js +1 -2
- package/es/components/TextField/TextField.styles.js.map +1 -1
- package/es/components/TextField/ui/Hint/Hint.js +1 -2
- package/es/components/TextField/ui/Hint/Hint.js.map +1 -1
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +1 -2
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +1 -1
- package/es/components/Toast/Toast.styles.js +1 -1
- package/es/components/Toast/ToastController.js +1 -1
- package/es/components/Toast/utils.js +1 -2
- package/es/components/Toast/utils.js.map +1 -1
- package/es/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.js +1 -1
- package/es/components/Tooltip/Tooltip.js +2 -3
- package/es/components/Tooltip/Tooltip.js.map +1 -1
- package/es/engines/index.js +0 -2
- package/es/engines/index.js.map +1 -1
- package/es/hooks/useIsomorphicLayoutEffect.js +0 -1
- package/es/hooks/useIsomorphicLayoutEffect.js.map +1 -1
- package/es/hooks/useOutsideClick.js +1 -1
- package/es/hooks/useOutsideClick.js.map +1 -1
- package/es/index.css +24 -28
- package/es/index.js +21 -24
- package/es/index.js.map +1 -1
- package/es/utils/index.js +0 -3
- package/es/utils/index.js.map +1 -1
- package/package.json +5 -2
- package/styled-components/cjs/components/Dropdown/Dropdown.js +58 -37
- package/styled-components/cjs/components/Dropdown/Dropdown.styles.js +9 -15
- package/styled-components/cjs/components/Dropdown/Dropdown.tokens.js +36 -2
- package/styled-components/cjs/components/Dropdown/FloatingPopover.js +109 -0
- package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +17 -51
- package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +29 -18
- package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +17 -19
- package/styled-components/cjs/components/Dropdown/utils/getItemByFocused.js +12 -0
- package/styled-components/cjs/components/Dropdown/utils/getItemId.js +9 -0
- package/styled-components/cjs/components/Dropdown/utils/getPlacement.js +15 -0
- package/styled-components/cjs/components/Dropdown/utils/index.js +23 -1
- package/styled-components/cjs/components/Slider/Slider.js +2 -10
- package/styled-components/cjs/components/Slider/Slider.template-doc.mdx +0 -26
- package/styled-components/cjs/components/Slider/Slider.tokens.js +17 -23
- package/styled-components/cjs/components/Slider/components/Double/Double.js +19 -54
- package/styled-components/cjs/components/Slider/components/Single/Single.js +33 -64
- package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +6 -6
- package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.js +12 -31
- package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +6 -6
- package/styled-components/cjs/components/Slider/ui/Handler/Handler.js +88 -52
- package/styled-components/cjs/components/Slider/ui/Handler/Handler.styles.js +4 -7
- package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.js +2 -3
- package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.styles.js +2 -2
- package/styled-components/cjs/components/Slider/utils/index.js +10 -28
- package/styled-components/cjs/components/Slider/variations/_view/base.js +1 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +5 -5
- package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +6 -5
- package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.config.js +3 -3
- package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.stories.tsx +16 -90
- package/styled-components/cjs/examples/plasma_web/components/Dropdown/Dropdown.config.js +5 -5
- package/styled-components/cjs/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +6 -5
- package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.config.js +3 -3
- package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.stories.tsx +15 -90
- package/styled-components/cjs/hooks/useOutsideClick.js +1 -1
- package/styled-components/es/components/Dropdown/Dropdown.js +60 -40
- package/styled-components/es/components/Dropdown/Dropdown.styles.js +9 -15
- package/styled-components/es/components/Dropdown/Dropdown.tokens.js +35 -1
- package/styled-components/es/components/Dropdown/FloatingPopover.js +102 -0
- package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +18 -52
- package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +31 -20
- package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +18 -20
- package/styled-components/es/components/Dropdown/utils/getItemByFocused.js +6 -0
- package/styled-components/es/components/Dropdown/utils/getItemId.js +3 -0
- package/styled-components/es/components/Dropdown/utils/getPlacement.js +9 -0
- package/styled-components/es/components/Dropdown/utils/index.js +4 -1
- package/styled-components/es/components/Slider/Slider.js +2 -11
- package/styled-components/es/components/Slider/Slider.template-doc.mdx +0 -26
- package/styled-components/es/components/Slider/Slider.tokens.js +17 -23
- package/styled-components/es/components/Slider/components/Double/Double.js +19 -54
- package/styled-components/es/components/Slider/components/Single/Single.js +34 -65
- package/styled-components/es/components/Slider/components/Single/Single.styles.js +5 -5
- package/styled-components/es/components/Slider/components/SliderBase/SliderBase.js +12 -31
- package/styled-components/es/components/Slider/components/SliderBase/SliderBase.styles.js +7 -7
- package/styled-components/es/components/Slider/ui/Handler/Handler.js +86 -51
- package/styled-components/es/components/Slider/ui/Handler/Handler.styles.js +5 -8
- package/styled-components/es/components/Slider/ui/Thumb/Thumb.js +2 -3
- package/styled-components/es/components/Slider/ui/Thumb/Thumb.styles.js +2 -2
- package/styled-components/es/components/Slider/utils/index.js +10 -28
- package/styled-components/es/components/Slider/variations/_view/base.js +1 -2
- package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +6 -6
- package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +6 -5
- package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.config.js +3 -3
- package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.stories.tsx +16 -90
- package/styled-components/es/examples/plasma_web/components/Dropdown/Dropdown.config.js +6 -6
- package/styled-components/es/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +6 -5
- package/styled-components/es/examples/plasma_web/components/Slider/Slider.config.js +3 -3
- package/styled-components/es/examples/plasma_web/components/Slider/Slider.stories.tsx +15 -90
- package/styled-components/es/hooks/useOutsideClick.js +1 -1
- package/styled-components/package.json +2 -1
- package/types/components/Combobox/ComboboxOld/Combobox.types.d.ts +2 -1
- package/types/components/Combobox/ComboboxOld/Combobox.types.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.d.ts +2 -1
- package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.styles.d.ts +1 -6
- package/types/components/Dropdown/Dropdown.styles.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.tokens.d.ts +25 -0
- package/types/components/Dropdown/Dropdown.tokens.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.types.d.ts +30 -4
- package/types/components/Dropdown/Dropdown.types.d.ts.map +1 -1
- package/types/components/Dropdown/FloatingPopover.d.ts +5 -0
- package/types/components/Dropdown/FloatingPopover.d.ts.map +1 -0
- package/types/components/Dropdown/index.d.ts +1 -1
- package/types/components/Dropdown/index.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 -12
- 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.styles.d.ts +32 -3
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts +1 -14
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts.map +1 -1
- package/types/components/Dropdown/utils/getItemByFocused.d.ts +4 -0
- package/types/components/Dropdown/utils/getItemByFocused.d.ts.map +1 -0
- package/types/components/Dropdown/utils/getItemId.d.ts +2 -0
- package/types/components/Dropdown/utils/getItemId.d.ts.map +1 -0
- package/types/components/Dropdown/utils/getPlacement.d.ts +3 -0
- package/types/components/Dropdown/utils/getPlacement.d.ts.map +1 -0
- package/types/components/Dropdown/utils/index.d.ts +3 -0
- package/types/components/Dropdown/utils/index.d.ts.map +1 -1
- package/types/components/Select/utils/getCorrectHeight.d.ts +2 -2
- package/types/components/Select/utils/getCorrectHeight.d.ts.map +1 -1
- package/types/components/Slider/Slider.d.ts.map +1 -1
- package/types/components/Slider/Slider.tokens.d.ts +16 -22
- package/types/components/Slider/Slider.tokens.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 -1
- 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.styles.d.ts +1 -1
- package/types/components/Slider/components/Single/Single.styles.d.ts.map +1 -1
- package/types/components/Slider/components/Single/Single.types.d.ts +7 -80
- package/types/components/Slider/components/Single/Single.types.d.ts.map +1 -1
- package/types/components/Slider/components/SliderBase/SliderBase.d.ts.map +1 -1
- package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts +1 -1
- package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts.map +1 -1
- package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts +0 -6
- package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts.map +1 -1
- package/types/components/Slider/ui/Handler/Handler.d.ts.map +1 -1
- package/types/components/Slider/ui/Handler/Handler.styles.d.ts +2 -6
- package/types/components/Slider/ui/Handler/Handler.styles.d.ts.map +1 -1
- package/types/components/Slider/ui/Handler/Handler.types.d.ts +1 -5
- package/types/components/Slider/ui/Handler/Handler.types.d.ts.map +1 -1
- package/types/components/Slider/ui/Thumb/Thumb.d.ts +1 -1
- package/types/components/Slider/ui/Thumb/Thumb.d.ts.map +1 -1
- package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts.map +1 -1
- package/types/components/Slider/ui/Thumb/Thumb.types.d.ts +0 -1
- package/types/components/Slider/ui/Thumb/Thumb.types.d.ts.map +1 -1
- package/types/components/Slider/utils/index.d.ts +8 -26
- package/types/components/Slider/utils/index.d.ts.map +1 -1
- package/types/components/Slider/variations/_view/base.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Dropdown/Dropdown.config.d.ts +3 -3
- package/types/examples/plasma_b2c/components/Dropdown/Dropdown.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Dropdown/Dropdown.d.ts +4 -4
- package/types/examples/plasma_b2c/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Slider/Slider.d.ts +2 -84
- package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Dropdown/Dropdown.config.d.ts +3 -3
- package/types/examples/plasma_web/components/Dropdown/Dropdown.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Dropdown/Dropdown.d.ts +4 -4
- package/types/examples/plasma_web/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Slider/Slider.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Slider/Slider.d.ts +2 -84
- package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +1 -1
- package/types/hooks/useOutsideClick.d.ts +1 -1
- package/types/hooks/useOutsideClick.d.ts.map +1 -1
- package/types/utils/index.d.ts +1 -1
- package/types/utils/index.d.ts.map +1 -1
- package/cjs/components/Dropdown/Dropdown.styles_1tihqkp.css +0 -3
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_blclup.css +0 -6
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +0 -98
- package/cjs/components/Slider/components/Single/Single.styles_1h7n2s2.css +0 -6
- package/cjs/components/Slider/components/SliderBase/SliderBase.styles_1qt1224.css +0 -5
- package/cjs/components/Slider/ui/Handler/Handler.styles_irtcgm.css +0 -2
- package/cjs/components/Slider/ui/Handler/computeKeyPressData.js +0 -122
- package/cjs/components/Slider/ui/Handler/computeKeyPressData.js.map +0 -1
- package/cjs/components/Slider/ui/Thumb/Thumb.styles_uyn20e.css +0 -1
- package/cjs/components/Slider/variations/_view/base_1s3f6q8.css +0 -1
- package/emotion/cjs/components/Slider/ui/Handler/computeKeyPressData.js +0 -121
- package/emotion/es/components/Slider/ui/Handler/computeKeyPressData.js +0 -115
- package/es/components/Dropdown/Dropdown.styles_1tihqkp.css +0 -3
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_blclup.css +0 -6
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +0 -98
- package/es/components/Slider/components/Single/Single.styles_1h7n2s2.css +0 -6
- package/es/components/Slider/components/SliderBase/SliderBase.styles_1qt1224.css +0 -5
- package/es/components/Slider/ui/Handler/Handler.styles_irtcgm.css +0 -2
- package/es/components/Slider/ui/Handler/computeKeyPressData.js +0 -118
- package/es/components/Slider/ui/Handler/computeKeyPressData.js.map +0 -1
- package/es/components/Slider/ui/Thumb/Thumb.styles_uyn20e.css +0 -1
- package/es/components/Slider/variations/_view/base_1s3f6q8.css +0 -1
- package/styled-components/cjs/components/Slider/ui/Handler/computeKeyPressData.js +0 -121
- package/styled-components/es/components/Slider/ui/Handler/computeKeyPressData.js +0 -115
- package/types/components/Slider/ui/Handler/computeKeyPressData.d.ts +0 -12
- package/types/components/Slider/ui/Handler/computeKeyPressData.d.ts.map +0 -1
@@ -1,13 +1,13 @@
|
|
1
|
-
.
|
2
|
-
.
|
1
|
+
.Handler_styles_8crx5z_h1tnrnip__2d4342c7{cursor:pointer;position:absolute;z-index:1;top:0;left:0;}
|
2
|
+
.Handler_styles_8crx5z_s12uu2lj__2d4342c7{position:absolute;z-index:1;top:var(--plasma-slider-current-value-top-offset);text-align:center;width:100%;margin-left:-0.125rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-family:var(--plasma-slider-current-value-font-family);font-size:var(--plasma-slider-current-value-font-size);font-style:var(--plasma-slider-current-value-font-style);font-weight:var(--plasma-slider-current-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-current-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-current-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-current-value-letter-spacing);letter-spacing:var(--plasma-slider-current-value-letter-spacing);line-height:var(--plasma-slider-current-value-line-height);}
|
3
3
|
|
4
|
-
.
|
4
|
+
.Thumb_styles_4w4gzn_tqbdf8b__14129a5b{width:var(--plasma-slider-thumb-size);height:var(--plasma-slider-thumb-size);position:relative;left:-0.125rem;top:-0.125rem;border-radius:50%;box-sizing:border-box;background:var(--plasma-slider-thumb-background-color);margin:0.125rem;-webkit-transition:border-color 0.1s ease-in-out;transition:border-color 0.1s ease-in-out;position:relative;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:after{background:var(--plasma-slider-thumb-border-color);margin:-0.125rem;content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:not([disabled]):hover:after,.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:not([disabled]):active:after{background:var(--plasma-slider-thumb-focus-border-color);}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b[disabled]{cursor:not-allowed;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:focus{outline:none;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b::before{content:'';position:absolute;top:0.125rem;left:0.125rem;right:0.125rem;bottom:0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b.Thumb_styles_4w4gzn_focusVisible__14129a5b:focus::before,.Thumb_styles_4w4gzn_tqbdf8b__14129a5b[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-slider-thumb-focus-border-color);}
|
5
5
|
|
6
|
-
.
|
7
|
-
.
|
8
|
-
.
|
9
|
-
.
|
10
|
-
.
|
6
|
+
.SliderBase_styles_9s4eb3_s33crq1__d6fac54b{-webkit-flex:1;-ms-flex:1;flex:1;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:var(--plasma-slider-height);}
|
7
|
+
.SliderBase_styles_9s4eb3_rnaoqfb__d6fac54b{height:100%;}
|
8
|
+
.SliderBase_styles_9s4eb3_r1bro5xo__d6fac54b{position:relative;top:50%;height:var(--plasma-slider-rail-height);border-radius:var(--plasma-slider-rail-border-radius);background-color:var(--plasma-slider-rail-background-color);overflow:hidden;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
|
9
|
+
.SliderBase_styles_9s4eb3_fdg7yhg__d6fac54b{position:absolute;height:100%;top:0;left:0;background:var(--plasma-slider-fill-color);width:0;}
|
10
|
+
.SliderBase_styles_9s4eb3_i17ya4q3__d6fac54b{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
|
11
11
|
|
12
12
|
.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i13qvwoy__5f4dd9b9{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i19ry60d__5f4dd9b9{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i1j28rg8__5f4dd9b9{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i1j28rg8__5f4dd9b9.base_1xdmaqh_hasChips__5f4dd9b9{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i1j28rg8__5f4dd9b9.base_1xdmaqh_hasEmptyContentLeft__5f4dd9b9{padding-left:var(--plasma-textfield-padding-with-chips);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i1j28rg8__5f4dd9b9.base_1xdmaqh_hasEmptyContentRight__5f4dd9b9{padding-right:var(--plasma-textfield-padding-with-chips);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_l1gjsnfi__5f4dd9b9,.base_1xdmaqh_b13ve66i__5f4dd9b9:not(.base_1xdmaqh_labelPlacementInner__5f4dd9b9) .base_1xdmaqh_s16itze4__5f4dd9b9{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_s1skqnhr__5f4dd9b9{margin:var(--plasma-textfield__hint-margin);width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_hgy0im1__5f4dd9b9{width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_t600610__5f4dd9b9{font-family:var(--plasma-textfield__title-caption-font-family);font-size:var(--plasma-textfield__title-caption-font-size);font-style:var(--plasma-textfield__title-caption-font-style);font-weight:var(--plasma-textfield__title-caption-font-weight);-webkit-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);line-height:var(--plasma-textfield__title-caption-line-height);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_l7hnwwb__5f4dd9b9{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_smqgwd8__5f4dd9b9,.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_s14qvple__5f4dd9b9{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_smqgwd8__5f4dd9b9{margin:var(--plasma-textfield__before-text-margin);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_s14qvple__5f4dd9b9{margin:var(--plasma-textfield__after-text-margin);}
|
13
13
|
|
@@ -1,8 +1,6 @@
|
|
1
1
|
import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
|
2
2
|
import React, { useState, useRef, useEffect, useCallback } from 'react';
|
3
3
|
import { SliderBase } from '../SliderBase/SliderBase.js';
|
4
|
-
import { Handler } from '../../ui/Handler/Handler.js';
|
5
|
-
import '@linaria/react';
|
6
4
|
import { cx } from '../../../../utils/index.js';
|
7
5
|
import { sizeData } from '../../utils/index.js';
|
8
6
|
import { classes } from '../../Slider.tokens.js';
|
@@ -10,8 +8,9 @@ import { InputHidden } from '../SliderBase/SliderBase.styles.js';
|
|
10
8
|
import { DoubleWrapper, LabelWrapper, LabelContentLeft, Label, SliderWrapper, InputsWrapper, StyledInput } from './Double.styles.js';
|
11
9
|
import { noop } from '../../../../utils/noop.js';
|
12
10
|
import { isNumber } from '../../../../utils/isNumber.js';
|
11
|
+
import { Handler } from '../../ui/Handler/Handler.js';
|
13
12
|
|
14
|
-
var _excluded = ["min", "max", "value", "disabled", "label", "labelContentLeft", "size", "
|
13
|
+
var _excluded = ["min", "max", "value", "disabled", "label", "labelContentLeft", "size", "onChangeCommitted", "onChangeTextField", "onBlurTextField", "onKeyDownTextField", "onChange", "ariaLabel", "multipleStepSize", "name"];
|
15
14
|
function getXCenterHandle(handle) {
|
16
15
|
var _handle$parentElement;
|
17
16
|
var containerX = ((_handle$parentElement = handle.parentElement) === null || _handle$parentElement === void 0 || (_handle$parentElement = _handle$parentElement.getBoundingClientRect()) === null || _handle$parentElement === void 0 ? void 0 : _handle$parentElement.x) || 0;
|
@@ -28,8 +27,6 @@ var DoubleSlider = function DoubleSlider(_ref) {
|
|
28
27
|
labelContentLeft = _ref.labelContentLeft,
|
29
28
|
_ref$size = _ref.size,
|
30
29
|
size = _ref$size === void 0 ? 'm' : _ref$size,
|
31
|
-
_ref$pointerSize = _ref.pointerSize,
|
32
|
-
pointerSize = _ref$pointerSize === void 0 ? 'small' : _ref$pointerSize,
|
33
30
|
onChangeCommitted = _ref.onChangeCommitted,
|
34
31
|
onChangeTextField = _ref.onChangeTextField,
|
35
32
|
onBlurTextField = _ref.onBlurTextField,
|
@@ -56,30 +53,20 @@ var DoubleSlider = function DoubleSlider(_ref) {
|
|
56
53
|
setState = _useState2[1];
|
57
54
|
var _useState3 = useState(false),
|
58
55
|
_useState4 = _slicedToArray(_useState3, 2),
|
59
|
-
|
60
|
-
|
56
|
+
firstInputActive = _useState4[0],
|
57
|
+
setFirstInputActive = _useState4[1];
|
61
58
|
var _useState5 = useState(false),
|
62
59
|
_useState6 = _slicedToArray(_useState5, 2),
|
63
|
-
|
64
|
-
|
65
|
-
var _useState7 = useState(
|
60
|
+
secondInputActive = _useState6[0],
|
61
|
+
setSecondInputActive = _useState6[1];
|
62
|
+
var _useState7 = useState(value[0]),
|
66
63
|
_useState8 = _slicedToArray(_useState7, 2),
|
67
|
-
|
68
|
-
|
69
|
-
var _useState9 = useState(
|
64
|
+
firstValue = _useState8[0],
|
65
|
+
setFirstValue = _useState8[1];
|
66
|
+
var _useState9 = useState(value[1]),
|
70
67
|
_useState10 = _slicedToArray(_useState9, 2),
|
71
|
-
|
72
|
-
|
73
|
-
var firstInputActive = firstInputHovered || firstInputFocused;
|
74
|
-
var secondInputActive = secondInputHovered || secondInputFocused;
|
75
|
-
var _useState11 = useState(value[0]),
|
76
|
-
_useState12 = _slicedToArray(_useState11, 2),
|
77
|
-
firstValue = _useState12[0],
|
78
|
-
setFirstValue = _useState12[1];
|
79
|
-
var _useState13 = useState(value[1]),
|
80
|
-
_useState14 = _slicedToArray(_useState13, 2),
|
81
|
-
secondValue = _useState14[0],
|
82
|
-
setSecondValue = _useState14[1];
|
68
|
+
secondValue = _useState10[0],
|
69
|
+
setSecondValue = _useState10[1];
|
83
70
|
var firstHandleRef = useRef(null);
|
84
71
|
var secondHandleRef = useRef(null);
|
85
72
|
var firstHandleValue = useRef(value[0]);
|
@@ -104,16 +91,6 @@ var DoubleSlider = function DoubleSlider(_ref) {
|
|
104
91
|
});
|
105
92
|
});
|
106
93
|
}, [value, stepSize, min, max, setFirstValue, setSecondValue]);
|
107
|
-
useEffect(function () {
|
108
|
-
var onMouseUp = function onMouseUp() {
|
109
|
-
setFirstInputFocused(false);
|
110
|
-
setSecondInputFocused(false);
|
111
|
-
};
|
112
|
-
window.addEventListener('mouseup', onMouseUp);
|
113
|
-
return function () {
|
114
|
-
window.removeEventListener('mouseup', onMouseUp);
|
115
|
-
};
|
116
|
-
}, []);
|
117
94
|
var setStepSize = useCallback(function (newStepSize) {
|
118
95
|
setState(function (prevState) {
|
119
96
|
return _objectSpread2(_objectSpread2({}, prevState), {}, {
|
@@ -255,20 +232,16 @@ var DoubleSlider = function DoubleSlider(_ref) {
|
|
255
232
|
ariaLabelLeft = _ref3[0],
|
256
233
|
ariaLabelRight = _ref3[1];
|
257
234
|
var currentFirstSliderValue = Math.max(state.firstValue, min);
|
258
|
-
var settings = sizeData[size][pointerSize === 'large' ? 'large' : 'small'];
|
259
235
|
return /*#__PURE__*/React.createElement(DoubleWrapper, null, hasLabelContent && /*#__PURE__*/React.createElement(LabelWrapper, null, labelContentLeft && /*#__PURE__*/React.createElement(LabelContentLeft, null, labelContentLeft), label && /*#__PURE__*/React.createElement(Label, null, label)), /*#__PURE__*/React.createElement(SliderWrapper, null, /*#__PURE__*/React.createElement(SliderBase, _extends({
|
260
236
|
min: min,
|
261
237
|
max: max,
|
262
|
-
size: size,
|
263
238
|
disabled: disabled,
|
264
239
|
setStepSize: setStepSize,
|
265
240
|
railFillWidth: state.railFillWidth,
|
266
|
-
settings:
|
267
|
-
railFillXPosition: state.railFillXPosition
|
268
|
-
orientation: "horizontal"
|
241
|
+
settings: sizeData[size],
|
242
|
+
railFillXPosition: state.railFillXPosition
|
269
243
|
}, rest), /*#__PURE__*/React.createElement(Handler, {
|
270
244
|
ref: firstHandleRef,
|
271
|
-
size: pointerSize,
|
272
245
|
stepSize: state.stepSize,
|
273
246
|
multipleStepSize: multipleStepSize,
|
274
247
|
onChangeCommitted: onFirstHandleChangeCommitted,
|
@@ -278,23 +251,18 @@ var DoubleSlider = function DoubleSlider(_ref) {
|
|
278
251
|
disabled: disabled,
|
279
252
|
bounds: [min, state.secondValue],
|
280
253
|
side: "left",
|
281
|
-
|
282
|
-
position: state.xFirstHandle,
|
254
|
+
xPosition: state.xFirstHandle,
|
283
255
|
zIndex: state.firstHandleZIndex,
|
284
256
|
value: currentFirstSliderValue,
|
285
257
|
ariaLabel: ariaLabelLeft,
|
286
|
-
onMouseDown: function onMouseDown() {
|
287
|
-
return setFirstInputFocused(true);
|
288
|
-
},
|
289
258
|
onMouseEnter: function onMouseEnter() {
|
290
|
-
return
|
259
|
+
return setFirstInputActive(true);
|
291
260
|
},
|
292
261
|
onMouseLeave: function onMouseLeave() {
|
293
|
-
return
|
262
|
+
return setFirstInputActive(false);
|
294
263
|
}
|
295
264
|
}), /*#__PURE__*/React.createElement(Handler, {
|
296
265
|
ref: secondHandleRef,
|
297
|
-
size: pointerSize,
|
298
266
|
stepSize: state.stepSize,
|
299
267
|
multipleStepSize: multipleStepSize,
|
300
268
|
onChangeCommitted: onSecondHandleChangeCommitted,
|
@@ -305,19 +273,15 @@ var DoubleSlider = function DoubleSlider(_ref) {
|
|
305
273
|
disabled: disabled,
|
306
274
|
bounds: [state.firstValue, max],
|
307
275
|
side: "right",
|
308
|
-
|
309
|
-
position: state.xSecondHandle,
|
276
|
+
xPosition: state.xSecondHandle,
|
310
277
|
zIndex: state.secondHandleZIndex,
|
311
278
|
value: Math.max(state.secondValue, min),
|
312
279
|
ariaLabel: ariaLabelRight,
|
313
|
-
onMouseDown: function onMouseDown() {
|
314
|
-
return setSecondInputFocused(true);
|
315
|
-
},
|
316
280
|
onMouseEnter: function onMouseEnter() {
|
317
|
-
return
|
281
|
+
return setSecondInputActive(true);
|
318
282
|
},
|
319
283
|
onMouseLeave: function onMouseLeave() {
|
320
|
-
return
|
284
|
+
return setSecondInputActive(false);
|
321
285
|
}
|
322
286
|
})), /*#__PURE__*/React.createElement(InputsWrapper, null, /*#__PURE__*/React.createElement(StyledInput, {
|
323
287
|
className: cx(classes.firstTextField, firstInputActiveClass),
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Double.js","sources":["../../../../../src/components/Slider/components/Double/Double.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport type { FC, ChangeEvent, KeyboardEvent, FocusEvent } from 'react';\n\nimport { SliderBase } from '../SliderBase/SliderBase';\nimport { Handler } from '../../ui';\nimport type { HandlerProps } from '../../ui';\nimport { cx, isNumber, noop } from '../../../../utils';\nimport { sizeData } from '../../utils';\nimport { classes } from '../../Slider.tokens';\nimport { InputHidden } from '../SliderBase/SliderBase.styles';\n\nimport { DoubleSliderProps } from './Double.types';\nimport {\n SliderWrapper,\n InputsWrapper,\n Label,\n LabelContentLeft,\n LabelWrapper,\n StyledInput,\n DoubleWrapper,\n} from './Double.styles';\n\nfunction getXCenterHandle(handle: HTMLDivElement) {\n const containerX = handle.parentElement?.getBoundingClientRect()?.x || 0;\n const handleRect = handle.getBoundingClientRect();\n const handlePosition = handleRect.x;\n return handlePosition - containerX;\n}\n\nexport const DoubleSlider: FC<DoubleSliderProps> = ({\n min,\n max,\n value,\n disabled,\n label,\n labelContentLeft,\n size = 'm',\n pointerSize = 'small',\n onChangeCommitted,\n onChangeTextField,\n onBlurTextField,\n onKeyDownTextField,\n onChange,\n ariaLabel,\n multipleStepSize = 10,\n name,\n ...rest\n}) => {\n const [state, setState] = useState({\n stepSize: 0,\n railFillWidth: 0,\n railFillXPosition: 0,\n xFirstHandle: 0,\n xSecondHandle: 0,\n firstHandleZIndex: 100,\n secondHandleZIndex: 101,\n firstValue: value[0],\n secondValue: value[1],\n });\n const [firstInputHovered, setFirstInputHovered] = useState(false);\n const [firstInputFocused, setFirstInputFocused] = useState(false);\n const [secondInputHovered, setSecondInputHovered] = useState(false);\n const [secondInputFocused, setSecondInputFocused] = useState(false);\n\n const firstInputActive = firstInputHovered || firstInputFocused;\n const secondInputActive = secondInputHovered || secondInputFocused;\n\n const [firstValue, setFirstValue] = useState<number>(value[0]);\n const [secondValue, setSecondValue] = useState<number>(value[1]);\n\n const firstHandleRef = useRef<HTMLDivElement | null>(null);\n const secondHandleRef = useRef<HTMLDivElement | null>(null);\n\n const firstHandleValue = useRef<number>(value[0]);\n const secondHandleValue = useRef<number>(value[1]);\n\n const innerRefFirst = useRef<HTMLInputElement>(null);\n const innerRefSecond = useRef<HTMLInputElement>(null);\n\n const { stepSize } = state;\n\n const hasLabelContent = label || labelContentLeft;\n const firstInputActiveClass = firstInputActive && !disabled ? classes.textFieldActive : undefined;\n const secondInputActiveClass = secondInputActive && !disabled ? classes.textFieldActive : undefined;\n\n useEffect(() => {\n const firstLocalValue = Math.min(Math.max(value[0], min), max) - min;\n const secondLocalValue = Math.min(Math.max(value[1], min), max) - min;\n\n setFirstValue(value[0]);\n setSecondValue(value[1]);\n\n setState((prevState) => ({\n ...prevState,\n railFillXPosition: stepSize * firstLocalValue,\n railFillWidth: stepSize * secondLocalValue - stepSize * firstLocalValue,\n xFirstHandle: stepSize * firstLocalValue,\n xSecondHandle: stepSize * secondLocalValue,\n }));\n }, [value, stepSize, min, max, setFirstValue, setSecondValue]);\n\n useEffect(() => {\n const onMouseUp = () => {\n setFirstInputFocused(false);\n setSecondInputFocused(false);\n };\n\n window.addEventListener('mouseup', onMouseUp);\n\n return () => {\n window.removeEventListener('mouseup', onMouseUp);\n };\n }, []);\n\n const setStepSize = useCallback(\n (newStepSize: number) => {\n setState((prevState) => ({\n ...prevState,\n stepSize: newStepSize,\n }));\n },\n [setState],\n );\n\n const onFirstHandleChange: NonNullable<HandlerProps['onChange']> = (handleValue, data) => {\n if (!secondHandleRef?.current) {\n return;\n }\n const newHandleXPosition = data.x;\n const secondHandleXPosition = getXCenterHandle(secondHandleRef.current);\n const fillWidth = secondHandleXPosition - newHandleXPosition;\n\n firstHandleValue.current = handleValue;\n\n setFirstValue(handleValue);\n\n setState((prevState) => ({\n ...prevState,\n firstHandleZIndex: 101,\n secondHandleZIndex: 100,\n railFillWidth: fillWidth < 0 ? 0 : fillWidth,\n railFillXPosition: newHandleXPosition,\n }));\n if (onChange) {\n onChange([handleValue, value[1]]);\n }\n };\n\n const onFirstHandleChangeCommitted: NonNullable<HandlerProps['onChangeCommitted']> = (handleValue, data) => {\n if (!secondHandleRef?.current) {\n return;\n }\n const newHandleXPosition = data.x;\n const secondHandleXPosition = getXCenterHandle(secondHandleRef.current);\n const fillWidth = secondHandleXPosition - newHandleXPosition;\n\n firstHandleValue.current = handleValue;\n\n setFirstValue(handleValue);\n if (onChangeCommitted) {\n onChangeCommitted([handleValue, value[1]]);\n }\n\n setState((prevState) => ({\n ...prevState,\n firstValue: handleValue,\n xFirstHandle: data.x,\n railFillWidth: fillWidth < 0 ? 0 : fillWidth,\n railFillXPosition: newHandleXPosition,\n }));\n };\n\n const onFirstTextfieldChange = (event: ChangeEvent<HTMLInputElement>) => {\n if (!isNumber(event.target.value)) {\n return;\n }\n\n const handleValue = Number(event.target.value);\n\n setFirstValue(handleValue);\n if (onChangeTextField) {\n onChangeTextField([handleValue, secondValue], event);\n }\n };\n\n const onFirstTextfieldBlur = (event: FocusEvent<HTMLInputElement>) => {\n if (!isNumber(event.target.value)) {\n return;\n }\n\n const handleValue = Number(event.target.value);\n\n setFirstValue(handleValue);\n if (onBlurTextField) {\n onBlurTextField && onBlurTextField([handleValue, secondValue], event);\n }\n };\n\n const onSecondHandleChange: NonNullable<HandlerProps['onChange']> = (handleValue, data) => {\n if (!firstHandleRef?.current) {\n return;\n }\n const firstXHandleXPosition = getXCenterHandle(firstHandleRef.current);\n\n const newHandleXPosition = data.x;\n const fillWidth = newHandleXPosition - firstXHandleXPosition;\n\n secondHandleValue.current = handleValue;\n\n setSecondValue(handleValue);\n setState((prevState) => ({\n ...prevState,\n firstHandleZIndex: 100,\n secondHandleZIndex: 101,\n railFillWidth: fillWidth < 0 ? 0 : fillWidth,\n railFillXPosition: firstXHandleXPosition,\n }));\n if (onChange) {\n onChange([value[0], handleValue]);\n }\n };\n\n const onSecondHandleChangeCommitted: NonNullable<HandlerProps['onChangeCommitted']> = (handleValue, data) => {\n if (!firstHandleRef?.current) {\n return;\n }\n const firstXHandleXPosition = getXCenterHandle(firstHandleRef.current);\n\n const newHandleXPosition = data.x;\n const fillWidth = newHandleXPosition - firstXHandleXPosition;\n\n secondHandleValue.current = handleValue;\n\n if (onChangeCommitted) {\n onChangeCommitted([value[0], handleValue]);\n }\n\n setSecondValue(handleValue);\n setState((prevState) => ({\n ...prevState,\n secondValue: handleValue,\n xSecondHandle: data.x,\n railFillWidth: fillWidth < 0 ? 0 : fillWidth,\n railFillXPosition: firstXHandleXPosition,\n }));\n };\n\n const onSecondTextfieldChange = (event: ChangeEvent<HTMLInputElement>) => {\n if (!isNumber(event.target.value)) {\n return;\n }\n const handleValue = Number(event.target.value);\n\n setSecondValue(handleValue);\n if (onChangeTextField) {\n onChangeTextField([firstValue, handleValue], event);\n }\n };\n\n const onSecondTextfieldBlur = (event: FocusEvent<HTMLInputElement>) => {\n if (!isNumber(event.target.value)) {\n return;\n }\n\n const handleValue = Number(event.target.value);\n\n setSecondValue(handleValue);\n if (onBlurTextField) {\n onBlurTextField([firstValue, handleValue], event);\n }\n };\n\n const onTextfieldKeyDown = (event: ChangeEvent<HTMLInputElement> & KeyboardEvent<HTMLInputElement>) => {\n if (onKeyDownTextField) {\n onKeyDownTextField([firstValue, secondValue], event);\n }\n };\n\n const [ariaLabelLeft, ariaLabelRight] = ariaLabel || [];\n const currentFirstSliderValue = Math.max(state.firstValue, min);\n const settings = sizeData[size][pointerSize === 'large' ? 'large' : 'small'];\n\n return (\n <DoubleWrapper>\n {hasLabelContent && (\n <LabelWrapper>\n {labelContentLeft && <LabelContentLeft>{labelContentLeft}</LabelContentLeft>}\n {label && <Label>{label}</Label>}\n </LabelWrapper>\n )}\n <SliderWrapper>\n <SliderBase\n min={min}\n max={max}\n size={size}\n disabled={disabled}\n setStepSize={setStepSize}\n railFillWidth={state.railFillWidth}\n settings={settings}\n railFillXPosition={state.railFillXPosition}\n orientation=\"horizontal\"\n {...rest}\n >\n <Handler\n ref={firstHandleRef}\n size={pointerSize}\n stepSize={state.stepSize}\n multipleStepSize={multipleStepSize}\n onChangeCommitted={onFirstHandleChangeCommitted}\n onChange={onFirstHandleChange}\n min={min}\n max={state.secondValue}\n disabled={disabled}\n bounds={[min, state.secondValue]}\n side=\"left\"\n orientation=\"horizontal\"\n position={state.xFirstHandle}\n zIndex={state.firstHandleZIndex}\n value={currentFirstSliderValue}\n ariaLabel={ariaLabelLeft}\n onMouseDown={() => setFirstInputFocused(true)}\n onMouseEnter={() => setFirstInputHovered(true)}\n onMouseLeave={() => setFirstInputHovered(false)}\n />\n <Handler\n ref={secondHandleRef}\n size={pointerSize}\n stepSize={state.stepSize}\n multipleStepSize={multipleStepSize}\n onChangeCommitted={onSecondHandleChangeCommitted}\n onChange={onSecondHandleChange}\n min={min}\n ariaValueMin={currentFirstSliderValue}\n max={max}\n disabled={disabled}\n bounds={[state.firstValue, max]}\n side=\"right\"\n orientation=\"horizontal\"\n position={state.xSecondHandle}\n zIndex={state.secondHandleZIndex}\n value={Math.max(state.secondValue, min)}\n ariaLabel={ariaLabelRight}\n onMouseDown={() => setSecondInputFocused(true)}\n onMouseEnter={() => setSecondInputHovered(true)}\n onMouseLeave={() => setSecondInputHovered(false)}\n />\n </SliderBase>\n\n <InputsWrapper>\n <StyledInput\n className={cx(classes.firstTextField, firstInputActiveClass)}\n enumerationType=\"plain\"\n disabled={disabled}\n value={firstValue}\n onChange={onFirstTextfieldChange}\n onBlur={onFirstTextfieldBlur}\n onKeyDown={onTextfieldKeyDown}\n />\n <StyledInput\n className={cx(classes.secondTextField, secondInputActiveClass)}\n enumerationType=\"plain\"\n disabled={disabled}\n value={secondValue}\n onChange={onSecondTextfieldChange}\n onBlur={onSecondTextfieldBlur}\n onKeyDown={onTextfieldKeyDown}\n />\n </InputsWrapper>\n </SliderWrapper>\n <InputHidden\n name={name}\n type=\"number\"\n datatype=\"slider-double\"\n data-slidertype=\"min\"\n value={firstValue}\n ref={innerRefFirst}\n {...noop}\n />\n <InputHidden\n name={name}\n type=\"number\"\n datatype=\"slider-double\"\n data-slidertype=\"max\"\n value={secondValue}\n ref={innerRefSecond}\n {...noop}\n />\n </DoubleWrapper>\n );\n};\n"],"names":["getXCenterHandle","handle","_handle$parentElement","containerX","parentElement","getBoundingClientRect","x","handleRect","handlePosition","DoubleSlider","_ref","min","max","value","disabled","label","labelContentLeft","_ref$size","size","_ref$pointerSize","pointerSize","onChangeCommitted","onChangeTextField","onBlurTextField","onKeyDownTextField","onChange","ariaLabel","_ref$multipleStepSize","multipleStepSize","name","rest","_objectWithoutProperties","_excluded","_useState","useState","stepSize","railFillWidth","railFillXPosition","xFirstHandle","xSecondHandle","firstHandleZIndex","secondHandleZIndex","firstValue","secondValue","_useState2","_slicedToArray","state","setState","_useState3","_useState4","firstInputHovered","setFirstInputHovered","_useState5","_useState6","firstInputFocused","setFirstInputFocused","_useState7","_useState8","secondInputHovered","setSecondInputHovered","_useState9","_useState10","secondInputFocused","setSecondInputFocused","firstInputActive","secondInputActive","_useState11","_useState12","setFirstValue","_useState13","_useState14","setSecondValue","firstHandleRef","useRef","secondHandleRef","firstHandleValue","secondHandleValue","innerRefFirst","innerRefSecond","hasLabelContent","firstInputActiveClass","classes","textFieldActive","undefined","secondInputActiveClass","useEffect","firstLocalValue","Math","secondLocalValue","prevState","_objectSpread","onMouseUp","window","addEventListener","removeEventListener","setStepSize","useCallback","newStepSize","onFirstHandleChange","handleValue","data","current","newHandleXPosition","secondHandleXPosition","fillWidth","onFirstHandleChangeCommitted","onFirstTextfieldChange","event","isNumber","target","Number","onFirstTextfieldBlur","onSecondHandleChange","firstXHandleXPosition","onSecondHandleChangeCommitted","onSecondTextfieldChange","onSecondTextfieldBlur","onTextfieldKeyDown","_ref2","_ref3","ariaLabelLeft","ariaLabelRight","currentFirstSliderValue","settings","sizeData","React","createElement","DoubleWrapper","LabelWrapper","LabelContentLeft","Label","SliderWrapper","SliderBase","_extends","orientation","Handler","ref","bounds","side","position","zIndex","onMouseDown","onMouseEnter","onMouseLeave","ariaValueMin","InputsWrapper","StyledInput","className","cx","firstTextField","enumerationType","onBlur","onKeyDown","secondTextField","InputHidden","type","datatype","noop"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"Double.js","sources":["../../../../../src/components/Slider/components/Double/Double.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport type { FC, ChangeEvent, KeyboardEvent, FocusEvent } from 'react';\n\nimport { SliderBase } from '../SliderBase/SliderBase';\nimport { Handler } from '../../ui';\nimport type { HandlerProps } from '../../ui';\nimport { cx, isNumber, noop } from '../../../../utils';\nimport { sizeData } from '../../utils';\nimport { classes } from '../../Slider.tokens';\nimport { InputHidden } from '../SliderBase/SliderBase.styles';\n\nimport { DoubleSliderProps } from './Double.types';\nimport {\n SliderWrapper,\n InputsWrapper,\n Label,\n LabelContentLeft,\n LabelWrapper,\n StyledInput,\n DoubleWrapper,\n} from './Double.styles';\n\nfunction getXCenterHandle(handle: HTMLDivElement) {\n const containerX = handle.parentElement?.getBoundingClientRect()?.x || 0;\n const handleRect = handle.getBoundingClientRect();\n const handlePosition = handleRect.x;\n return handlePosition - containerX;\n}\n\nexport const DoubleSlider: FC<DoubleSliderProps> = ({\n min,\n max,\n value,\n disabled,\n label,\n labelContentLeft,\n size = 'm',\n onChangeCommitted,\n onChangeTextField,\n onBlurTextField,\n onKeyDownTextField,\n onChange,\n ariaLabel,\n multipleStepSize = 10,\n name,\n ...rest\n}) => {\n const [state, setState] = useState({\n stepSize: 0,\n railFillWidth: 0,\n railFillXPosition: 0,\n xFirstHandle: 0,\n xSecondHandle: 0,\n firstHandleZIndex: 100,\n secondHandleZIndex: 101,\n firstValue: value[0],\n secondValue: value[1],\n });\n const [firstInputActive, setFirstInputActive] = useState(false);\n const [secondInputActive, setSecondInputActive] = useState(false);\n\n const [firstValue, setFirstValue] = useState<number>(value[0]);\n const [secondValue, setSecondValue] = useState<number>(value[1]);\n\n const firstHandleRef = useRef<HTMLDivElement | null>(null);\n const secondHandleRef = useRef<HTMLDivElement | null>(null);\n\n const firstHandleValue = useRef<number>(value[0]);\n const secondHandleValue = useRef<number>(value[1]);\n\n const innerRefFirst = useRef<HTMLInputElement>(null);\n const innerRefSecond = useRef<HTMLInputElement>(null);\n\n const { stepSize } = state;\n\n const hasLabelContent = label || labelContentLeft;\n const firstInputActiveClass = firstInputActive && !disabled ? classes.textFieldActive : undefined;\n const secondInputActiveClass = secondInputActive && !disabled ? classes.textFieldActive : undefined;\n\n useEffect(() => {\n const firstLocalValue = Math.min(Math.max(value[0], min), max) - min;\n const secondLocalValue = Math.min(Math.max(value[1], min), max) - min;\n\n setFirstValue(value[0]);\n setSecondValue(value[1]);\n\n setState((prevState) => ({\n ...prevState,\n railFillXPosition: stepSize * firstLocalValue,\n railFillWidth: stepSize * secondLocalValue - stepSize * firstLocalValue,\n xFirstHandle: stepSize * firstLocalValue,\n xSecondHandle: stepSize * secondLocalValue,\n }));\n }, [value, stepSize, min, max, setFirstValue, setSecondValue]);\n\n const setStepSize = useCallback(\n (newStepSize: number) => {\n setState((prevState) => ({\n ...prevState,\n stepSize: newStepSize,\n }));\n },\n [setState],\n );\n\n const onFirstHandleChange: NonNullable<HandlerProps['onChange']> = (handleValue, data) => {\n if (!secondHandleRef?.current) {\n return;\n }\n const newHandleXPosition = data.x;\n const secondHandleXPosition = getXCenterHandle(secondHandleRef.current);\n const fillWidth = secondHandleXPosition - newHandleXPosition;\n\n firstHandleValue.current = handleValue;\n\n setFirstValue(handleValue);\n\n setState((prevState) => ({\n ...prevState,\n firstHandleZIndex: 101,\n secondHandleZIndex: 100,\n railFillWidth: fillWidth < 0 ? 0 : fillWidth,\n railFillXPosition: newHandleXPosition,\n }));\n if (onChange) {\n onChange([handleValue, value[1]]);\n }\n };\n\n const onFirstHandleChangeCommitted: NonNullable<HandlerProps['onChangeCommitted']> = (handleValue, data) => {\n if (!secondHandleRef?.current) {\n return;\n }\n const newHandleXPosition = data.x;\n const secondHandleXPosition = getXCenterHandle(secondHandleRef.current);\n const fillWidth = secondHandleXPosition - newHandleXPosition;\n\n firstHandleValue.current = handleValue;\n\n setFirstValue(handleValue);\n if (onChangeCommitted) {\n onChangeCommitted([handleValue, value[1]]);\n }\n\n setState((prevState) => ({\n ...prevState,\n firstValue: handleValue,\n xFirstHandle: data.x,\n railFillWidth: fillWidth < 0 ? 0 : fillWidth,\n railFillXPosition: newHandleXPosition,\n }));\n };\n\n const onFirstTextfieldChange = (event: ChangeEvent<HTMLInputElement>) => {\n if (!isNumber(event.target.value)) {\n return;\n }\n\n const handleValue = Number(event.target.value);\n\n setFirstValue(handleValue);\n if (onChangeTextField) {\n onChangeTextField([handleValue, secondValue], event);\n }\n };\n\n const onFirstTextfieldBlur = (event: FocusEvent<HTMLInputElement>) => {\n if (!isNumber(event.target.value)) {\n return;\n }\n\n const handleValue = Number(event.target.value);\n\n setFirstValue(handleValue);\n if (onBlurTextField) {\n onBlurTextField && onBlurTextField([handleValue, secondValue], event);\n }\n };\n\n const onSecondHandleChange: NonNullable<HandlerProps['onChange']> = (handleValue, data) => {\n if (!firstHandleRef?.current) {\n return;\n }\n const firstXHandleXPosition = getXCenterHandle(firstHandleRef.current);\n\n const newHandleXPosition = data.x;\n const fillWidth = newHandleXPosition - firstXHandleXPosition;\n\n secondHandleValue.current = handleValue;\n\n setSecondValue(handleValue);\n setState((prevState) => ({\n ...prevState,\n firstHandleZIndex: 100,\n secondHandleZIndex: 101,\n railFillWidth: fillWidth < 0 ? 0 : fillWidth,\n railFillXPosition: firstXHandleXPosition,\n }));\n if (onChange) {\n onChange([value[0], handleValue]);\n }\n };\n\n const onSecondHandleChangeCommitted: NonNullable<HandlerProps['onChangeCommitted']> = (handleValue, data) => {\n if (!firstHandleRef?.current) {\n return;\n }\n const firstXHandleXPosition = getXCenterHandle(firstHandleRef.current);\n\n const newHandleXPosition = data.x;\n const fillWidth = newHandleXPosition - firstXHandleXPosition;\n\n secondHandleValue.current = handleValue;\n\n if (onChangeCommitted) {\n onChangeCommitted([value[0], handleValue]);\n }\n\n setSecondValue(handleValue);\n setState((prevState) => ({\n ...prevState,\n secondValue: handleValue,\n xSecondHandle: data.x,\n railFillWidth: fillWidth < 0 ? 0 : fillWidth,\n railFillXPosition: firstXHandleXPosition,\n }));\n };\n\n const onSecondTextfieldChange = (event: ChangeEvent<HTMLInputElement>) => {\n if (!isNumber(event.target.value)) {\n return;\n }\n const handleValue = Number(event.target.value);\n\n setSecondValue(handleValue);\n if (onChangeTextField) {\n onChangeTextField([firstValue, handleValue], event);\n }\n };\n\n const onSecondTextfieldBlur = (event: FocusEvent<HTMLInputElement>) => {\n if (!isNumber(event.target.value)) {\n return;\n }\n\n const handleValue = Number(event.target.value);\n\n setSecondValue(handleValue);\n if (onBlurTextField) {\n onBlurTextField([firstValue, handleValue], event);\n }\n };\n\n const onTextfieldKeyDown = (event: ChangeEvent<HTMLInputElement> & KeyboardEvent<HTMLInputElement>) => {\n if (onKeyDownTextField) {\n onKeyDownTextField([firstValue, secondValue], event);\n }\n };\n\n const [ariaLabelLeft, ariaLabelRight] = ariaLabel || [];\n const currentFirstSliderValue = Math.max(state.firstValue, min);\n\n return (\n <DoubleWrapper>\n {hasLabelContent && (\n <LabelWrapper>\n {labelContentLeft && <LabelContentLeft>{labelContentLeft}</LabelContentLeft>}\n {label && <Label>{label}</Label>}\n </LabelWrapper>\n )}\n <SliderWrapper>\n <SliderBase\n min={min}\n max={max}\n disabled={disabled}\n setStepSize={setStepSize}\n railFillWidth={state.railFillWidth}\n settings={sizeData[size]}\n railFillXPosition={state.railFillXPosition}\n {...rest}\n >\n <Handler\n ref={firstHandleRef}\n stepSize={state.stepSize}\n multipleStepSize={multipleStepSize}\n onChangeCommitted={onFirstHandleChangeCommitted}\n onChange={onFirstHandleChange}\n min={min}\n max={state.secondValue}\n disabled={disabled}\n bounds={[min, state.secondValue]}\n side=\"left\"\n xPosition={state.xFirstHandle}\n zIndex={state.firstHandleZIndex}\n value={currentFirstSliderValue}\n ariaLabel={ariaLabelLeft}\n onMouseEnter={() => setFirstInputActive(true)}\n onMouseLeave={() => setFirstInputActive(false)}\n />\n <Handler\n ref={secondHandleRef}\n stepSize={state.stepSize}\n multipleStepSize={multipleStepSize}\n onChangeCommitted={onSecondHandleChangeCommitted}\n onChange={onSecondHandleChange}\n min={min}\n ariaValueMin={currentFirstSliderValue}\n max={max}\n disabled={disabled}\n bounds={[state.firstValue, max]}\n side=\"right\"\n xPosition={state.xSecondHandle}\n zIndex={state.secondHandleZIndex}\n value={Math.max(state.secondValue, min)}\n ariaLabel={ariaLabelRight}\n onMouseEnter={() => setSecondInputActive(true)}\n onMouseLeave={() => setSecondInputActive(false)}\n />\n </SliderBase>\n\n <InputsWrapper>\n <StyledInput\n className={cx(classes.firstTextField, firstInputActiveClass)}\n enumerationType=\"plain\"\n disabled={disabled}\n value={firstValue}\n onChange={onFirstTextfieldChange}\n onBlur={onFirstTextfieldBlur}\n onKeyDown={onTextfieldKeyDown}\n />\n <StyledInput\n className={cx(classes.secondTextField, secondInputActiveClass)}\n enumerationType=\"plain\"\n disabled={disabled}\n value={secondValue}\n onChange={onSecondTextfieldChange}\n onBlur={onSecondTextfieldBlur}\n onKeyDown={onTextfieldKeyDown}\n />\n </InputsWrapper>\n </SliderWrapper>\n <InputHidden\n name={name}\n type=\"number\"\n datatype=\"slider-double\"\n data-slidertype=\"min\"\n value={firstValue}\n ref={innerRefFirst}\n {...noop}\n />\n <InputHidden\n name={name}\n type=\"number\"\n datatype=\"slider-double\"\n data-slidertype=\"max\"\n value={secondValue}\n ref={innerRefSecond}\n {...noop}\n />\n </DoubleWrapper>\n );\n};\n"],"names":["getXCenterHandle","handle","_handle$parentElement","containerX","parentElement","getBoundingClientRect","x","handleRect","handlePosition","DoubleSlider","_ref","min","max","value","disabled","label","labelContentLeft","_ref$size","size","onChangeCommitted","onChangeTextField","onBlurTextField","onKeyDownTextField","onChange","ariaLabel","_ref$multipleStepSize","multipleStepSize","name","rest","_objectWithoutProperties","_excluded","_useState","useState","stepSize","railFillWidth","railFillXPosition","xFirstHandle","xSecondHandle","firstHandleZIndex","secondHandleZIndex","firstValue","secondValue","_useState2","_slicedToArray","state","setState","_useState3","_useState4","firstInputActive","setFirstInputActive","_useState5","_useState6","secondInputActive","setSecondInputActive","_useState7","_useState8","setFirstValue","_useState9","_useState10","setSecondValue","firstHandleRef","useRef","secondHandleRef","firstHandleValue","secondHandleValue","innerRefFirst","innerRefSecond","hasLabelContent","firstInputActiveClass","classes","textFieldActive","undefined","secondInputActiveClass","useEffect","firstLocalValue","Math","secondLocalValue","prevState","_objectSpread","setStepSize","useCallback","newStepSize","onFirstHandleChange","handleValue","data","current","newHandleXPosition","secondHandleXPosition","fillWidth","onFirstHandleChangeCommitted","onFirstTextfieldChange","event","isNumber","target","Number","onFirstTextfieldBlur","onSecondHandleChange","firstXHandleXPosition","onSecondHandleChangeCommitted","onSecondTextfieldChange","onSecondTextfieldBlur","onTextfieldKeyDown","_ref2","_ref3","ariaLabelLeft","ariaLabelRight","currentFirstSliderValue","React","createElement","DoubleWrapper","LabelWrapper","LabelContentLeft","Label","SliderWrapper","SliderBase","_extends","settings","sizeData","Handler","ref","bounds","side","xPosition","zIndex","onMouseEnter","onMouseLeave","ariaValueMin","InputsWrapper","StyledInput","className","cx","firstTextField","enumerationType","onBlur","onKeyDown","secondTextField","InputHidden","type","datatype","noop"],"mappings":"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"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Double.styles.js","sources":["../../../../../src/components/Slider/components/Double/Double.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Slider.tokens';\nimport { component, mergeConfig } from '../../../../engines';\nimport { textFieldConfig, textFieldTokens } from '../../../TextField';\n\nconst mergedConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedConfig);\n\nexport const LabelWrapper = styled.div`\n color: var(${tokens.labelColor});\n\n display: flex;\n gap: var(${tokens.labelWrapperGap});\n margin-bottom: var(${tokens.labelWrapperMarginBottom});\n`;\n\nexport const LabelContentLeft = styled.div``;\n\nexport const Label = styled.label`\n font-family: var(${tokens.labelFontFamily});\n font-size: var(${tokens.labelFontSize});\n font-style: var(${tokens.labelFontStyle});\n font-weight: var(${tokens.labelFontWeight});\n letter-spacing: var(${tokens.labelLetterSpacing});\n line-height: var(${tokens.labelLineHeight});\n`;\n\nexport const InputsWrapper = styled.div`\n display: flex;\n gap: var(${tokens.textFieldWrapperGap});\n margin-top: var(${tokens.doubleWrapperGap});\n`;\n\n// NOTE: переопределение токенов TextField\nexport const StyledInput = styled(TextField)`\n flex: 1;\n \n ${textFieldTokens.color}: var(${tokens.textFieldColor});\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n ${textFieldTokens.caretColor}: var(${tokens.textFieldCaretColor});\n ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n ${textFieldTokens.disabledOpacity}: var(${tokens.disabledOpacity});\n\n ${textFieldTokens.height}: var(${tokens.textFieldHeight});\n ${textFieldTokens.padding}: var(${tokens.textFieldPadding});\n ${textFieldTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n\n ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize});\n ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing});\n ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight});\n\n &.${classes.firstTextField} > div {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n &.${classes.secondTextField} > div {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n \n input:focus, &.${classes.textFieldActive} {\n ${textFieldTokens.color}: var(${tokens.textFiledFocusColor});\n }\n`;\n\nexport const DoubleWrapper = styled.div`\n opacity: var(${tokens.disabledOpacity});\n`;\n\nexport const SliderWrapper = styled.div``;\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","TextField","component","LabelWrapper","styled","name","class","propsAsIs","LabelContentLeft","Label","InputsWrapper","_exp12","StyledInput","DoubleWrapper","SliderWrapper"],"mappings":"
|
1
|
+
{"version":3,"file":"Double.styles.js","sources":["../../../../../src/components/Slider/components/Double/Double.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Slider.tokens';\nimport { component, mergeConfig } from '../../../../engines';\nimport { textFieldConfig, textFieldTokens } from '../../../TextField';\n\nconst mergedConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedConfig);\n\nexport const LabelWrapper = styled.div`\n color: var(${tokens.labelColor});\n\n display: flex;\n gap: var(${tokens.labelWrapperGap});\n margin-bottom: var(${tokens.labelWrapperMarginBottom});\n`;\n\nexport const LabelContentLeft = styled.div``;\n\nexport const Label = styled.label`\n font-family: var(${tokens.labelFontFamily});\n font-size: var(${tokens.labelFontSize});\n font-style: var(${tokens.labelFontStyle});\n font-weight: var(${tokens.labelFontWeight});\n letter-spacing: var(${tokens.labelLetterSpacing});\n line-height: var(${tokens.labelLineHeight});\n`;\n\nexport const InputsWrapper = styled.div`\n display: flex;\n gap: var(${tokens.textFieldWrapperGap});\n margin-top: var(${tokens.doubleWrapperGap});\n`;\n\n// NOTE: переопределение токенов TextField\nexport const StyledInput = styled(TextField)`\n flex: 1;\n \n ${textFieldTokens.color}: var(${tokens.textFieldColor});\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n ${textFieldTokens.caretColor}: var(${tokens.textFieldCaretColor});\n ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n ${textFieldTokens.disabledOpacity}: var(${tokens.disabledOpacity});\n\n ${textFieldTokens.height}: var(${tokens.textFieldHeight});\n ${textFieldTokens.padding}: var(${tokens.textFieldPadding});\n ${textFieldTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n\n ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize});\n ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing});\n ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight});\n\n &.${classes.firstTextField} > div {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n &.${classes.secondTextField} > div {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n \n input:focus, &.${classes.textFieldActive} {\n ${textFieldTokens.color}: var(${tokens.textFiledFocusColor});\n }\n`;\n\nexport const DoubleWrapper = styled.div`\n opacity: var(${tokens.disabledOpacity});\n`;\n\nexport const SliderWrapper = styled.div``;\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","TextField","component","LabelWrapper","styled","name","class","propsAsIs","LabelContentLeft","Label","InputsWrapper","_exp12","StyledInput","DoubleWrapper","SliderWrapper"],"mappings":";;;;AAMA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,eAAe,CAAC,CAAA;AACjD,IAAMC,SAAS,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;AAElC,IAAMK,YAAY,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAMjC,EAAA;AAEM,IAAMC,gBAAgB,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAErC,IAAME,KAAK,gBAAGL,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAO1B,EAAA;AAEM,IAAMG,aAAa,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIlC,EAAA;;AAED;AAAA,IAAAI,MAAA,GAjCkBA,SAiClBA,MAAAA,GAAA;AAAA,EAAA,OACkCV,SAAS,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMW,WAAW,gBAAGR,MAAM,CAAAO,MAAA,EAAA,CAAA,CAAA;AAAAN,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAiChC,EAAA;AAEM,IAAMM,aAAa,gBAAGT,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAElC,EAAA;AAEM,IAAMO,aAAa,gBAAGV,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM;;;;"}
|
@@ -1,8 +1,5 @@
|
|
1
1
|
import { slicedToArray as _slicedToArray, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
|
2
2
|
import React, { useState, useCallback } from 'react';
|
3
|
-
import '../../../../utils/react.js';
|
4
|
-
import '@linaria/react';
|
5
|
-
import 'react-draggable';
|
6
3
|
import { DoubleSlider } from '../Double/Double.js';
|
7
4
|
|
8
5
|
var DoubleUncontrolled = function DoubleUncontrolled(props) {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DoubleUncontrolled.js","sources":["../../../../../src/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.tsx"],"sourcesContent":["import React, { KeyboardEvent, FC, useState, useCallback } from 'react';\n\nimport { DoubleSlider } from '../index';\nimport { FormTypeString } from '../../../../types/FormType';\n\nimport { DoubleUncontrolledProps } from './DoubleUncontrolled.types';\n\nexport const DoubleUncontrolled: FC<DoubleUncontrolledProps> = (props) => {\n const { defaultValue, min, max, value, name, onChange } = props;\n const [sliderValue, setSliderValue] = useState<number[]>(defaultValue ?? [min, max]);\n\n const sortValues = (values: number[]) => {\n return values\n .map((val) => {\n if (val < props.min) {\n return props.min;\n }\n if (val > props.max) {\n return props.max;\n }\n return val;\n })\n .sort((a, b) => a - b);\n };\n\n const onChangeHandle = useCallback(\n (values: number[]) => {\n const sortValue = sortValues(values);\n\n if (onChange && !value && name) {\n (onChange as (event: FormTypeString) => void)({\n target: {\n value: sortValue.join(' - '),\n name,\n },\n });\n }\n\n setSliderValue(sortValue);\n },\n [name, value, onChange, sortValues],\n );\n\n const onChangeCommittedHandle = useCallback(\n (values: number[]) => {\n const sortValue = sortValues(values);\n\n if (onChange && !value && name) {\n (onChange as (event: FormTypeString) => void)({\n target: {\n value: sortValue.join(' - '),\n name,\n },\n });\n }\n\n setSliderValue(sortValue);\n },\n [name, value, onChange, sortValues],\n );\n\n const onBlurTextField = useCallback(\n (values: number[]) => {\n const sortValue = sortValues(values);\n\n if (onChange && !value && name) {\n (onChange as (event: FormTypeString) => void)({\n target: {\n value: sortValue.join(' - '),\n name,\n },\n });\n }\n\n setSliderValue(sortValue);\n },\n [name, value, onChange, sortValues],\n );\n\n const onKeyDownTextField = useCallback(\n (values: number[], e: KeyboardEvent<HTMLInputElement>) => {\n if (e.key === 'Enter') {\n const sortValue = sortValues(values);\n\n if (onChange && !value && name) {\n (onChange as (event: FormTypeString) => void)({\n target: {\n value: sortValue.join(' - '),\n name,\n },\n });\n }\n\n setSliderValue(sortValue);\n }\n },\n [name, value, onChange, sortValues],\n );\n\n return value ? (\n <DoubleSlider {...props} value={value} onChange={onChange as (values: number[]) => void} />\n ) : (\n <DoubleSlider\n value={sliderValue}\n onKeyDownTextField={onKeyDownTextField}\n onBlurTextField={onBlurTextField}\n onChangeCommitted={onChangeCommittedHandle}\n {...props}\n onChange={onChangeHandle}\n />\n );\n};\n"],"names":["DoubleUncontrolled","props","defaultValue","min","max","value","name","onChange","_useState","useState","_useState2","_slicedToArray","sliderValue","setSliderValue","sortValues","values","map","val","sort","a","b","onChangeHandle","useCallback","sortValue","target","join","onChangeCommittedHandle","onBlurTextField","onKeyDownTextField","e","key","React","createElement","DoubleSlider","_extends","onChangeCommitted"],"mappings":"
|
1
|
+
{"version":3,"file":"DoubleUncontrolled.js","sources":["../../../../../src/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.tsx"],"sourcesContent":["import React, { KeyboardEvent, FC, useState, useCallback } from 'react';\n\nimport { DoubleSlider } from '../index';\nimport { FormTypeString } from '../../../../types/FormType';\n\nimport { DoubleUncontrolledProps } from './DoubleUncontrolled.types';\n\nexport const DoubleUncontrolled: FC<DoubleUncontrolledProps> = (props) => {\n const { defaultValue, min, max, value, name, onChange } = props;\n const [sliderValue, setSliderValue] = useState<number[]>(defaultValue ?? [min, max]);\n\n const sortValues = (values: number[]) => {\n return values\n .map((val) => {\n if (val < props.min) {\n return props.min;\n }\n if (val > props.max) {\n return props.max;\n }\n return val;\n })\n .sort((a, b) => a - b);\n };\n\n const onChangeHandle = useCallback(\n (values: number[]) => {\n const sortValue = sortValues(values);\n\n if (onChange && !value && name) {\n (onChange as (event: FormTypeString) => void)({\n target: {\n value: sortValue.join(' - '),\n name,\n },\n });\n }\n\n setSliderValue(sortValue);\n },\n [name, value, onChange, sortValues],\n );\n\n const onChangeCommittedHandle = useCallback(\n (values: number[]) => {\n const sortValue = sortValues(values);\n\n if (onChange && !value && name) {\n (onChange as (event: FormTypeString) => void)({\n target: {\n value: sortValue.join(' - '),\n name,\n },\n });\n }\n\n setSliderValue(sortValue);\n },\n [name, value, onChange, sortValues],\n );\n\n const onBlurTextField = useCallback(\n (values: number[]) => {\n const sortValue = sortValues(values);\n\n if (onChange && !value && name) {\n (onChange as (event: FormTypeString) => void)({\n target: {\n value: sortValue.join(' - '),\n name,\n },\n });\n }\n\n setSliderValue(sortValue);\n },\n [name, value, onChange, sortValues],\n );\n\n const onKeyDownTextField = useCallback(\n (values: number[], e: KeyboardEvent<HTMLInputElement>) => {\n if (e.key === 'Enter') {\n const sortValue = sortValues(values);\n\n if (onChange && !value && name) {\n (onChange as (event: FormTypeString) => void)({\n target: {\n value: sortValue.join(' - '),\n name,\n },\n });\n }\n\n setSliderValue(sortValue);\n }\n },\n [name, value, onChange, sortValues],\n );\n\n return value ? (\n <DoubleSlider {...props} value={value} onChange={onChange as (values: number[]) => void} />\n ) : (\n <DoubleSlider\n value={sliderValue}\n onKeyDownTextField={onKeyDownTextField}\n onBlurTextField={onBlurTextField}\n onChangeCommitted={onChangeCommittedHandle}\n {...props}\n onChange={onChangeHandle}\n />\n );\n};\n"],"names":["DoubleUncontrolled","props","defaultValue","min","max","value","name","onChange","_useState","useState","_useState2","_slicedToArray","sliderValue","setSliderValue","sortValues","values","map","val","sort","a","b","onChangeHandle","useCallback","sortValue","target","join","onChangeCommittedHandle","onBlurTextField","onKeyDownTextField","e","key","React","createElement","DoubleSlider","_extends","onChangeCommitted"],"mappings":"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"}
|
@@ -1,17 +1,17 @@
|
|
1
|
-
.
|
2
|
-
.
|
1
|
+
.Handler_styles_8crx5z_h1tnrnip__2d4342c7{cursor:pointer;position:absolute;z-index:1;top:0;left:0;}
|
2
|
+
.Handler_styles_8crx5z_s12uu2lj__2d4342c7{position:absolute;z-index:1;top:var(--plasma-slider-current-value-top-offset);text-align:center;width:100%;margin-left:-0.125rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-family:var(--plasma-slider-current-value-font-family);font-size:var(--plasma-slider-current-value-font-size);font-style:var(--plasma-slider-current-value-font-style);font-weight:var(--plasma-slider-current-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-current-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-current-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-current-value-letter-spacing);letter-spacing:var(--plasma-slider-current-value-letter-spacing);line-height:var(--plasma-slider-current-value-line-height);}
|
3
3
|
|
4
|
-
.
|
4
|
+
.Thumb_styles_4w4gzn_tqbdf8b__14129a5b{width:var(--plasma-slider-thumb-size);height:var(--plasma-slider-thumb-size);position:relative;left:-0.125rem;top:-0.125rem;border-radius:50%;box-sizing:border-box;background:var(--plasma-slider-thumb-background-color);margin:0.125rem;-webkit-transition:border-color 0.1s ease-in-out;transition:border-color 0.1s ease-in-out;position:relative;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:after{background:var(--plasma-slider-thumb-border-color);margin:-0.125rem;content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:not([disabled]):hover:after,.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:not([disabled]):active:after{background:var(--plasma-slider-thumb-focus-border-color);}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b[disabled]{cursor:not-allowed;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:focus{outline:none;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b::before{content:'';position:absolute;top:0.125rem;left:0.125rem;right:0.125rem;bottom:0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b.Thumb_styles_4w4gzn_focusVisible__14129a5b:focus::before,.Thumb_styles_4w4gzn_tqbdf8b__14129a5b[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-slider-thumb-focus-border-color);}
|
5
5
|
|
6
|
-
.
|
7
|
-
.
|
8
|
-
.
|
9
|
-
.
|
10
|
-
.
|
6
|
+
.SliderBase_styles_9s4eb3_s33crq1__d6fac54b{-webkit-flex:1;-ms-flex:1;flex:1;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:var(--plasma-slider-height);}
|
7
|
+
.SliderBase_styles_9s4eb3_rnaoqfb__d6fac54b{height:100%;}
|
8
|
+
.SliderBase_styles_9s4eb3_r1bro5xo__d6fac54b{position:relative;top:50%;height:var(--plasma-slider-rail-height);border-radius:var(--plasma-slider-rail-border-radius);background-color:var(--plasma-slider-rail-background-color);overflow:hidden;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
|
9
|
+
.SliderBase_styles_9s4eb3_fdg7yhg__d6fac54b{position:absolute;height:100%;top:0;left:0;background:var(--plasma-slider-fill-color);width:0;}
|
10
|
+
.SliderBase_styles_9s4eb3_i17ya4q3__d6fac54b{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
|
11
11
|
|
12
|
-
.
|
13
|
-
|
14
|
-
.
|
15
|
-
.
|
16
|
-
.
|
17
|
-
.
|
12
|
+
.Single_styles_1r9f1e0_l1p4kc08__4db690dd{color:var(--plasma-slider-label-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-label-wrapper-gap);}
|
13
|
+
|
14
|
+
.Single_styles_1r9f1e0_lozb535__4db690dd{font-family:var(--plasma-slider-label-font-family);font-size:var(--plasma-slider-label-font-size);font-style:var(--plasma-slider-label-font-style);font-weight:var(--plasma-slider-label-font-weight);-webkit-letter-spacing:var(--plasma-slider-label-letter-spacing);-moz-letter-spacing:var(--plasma-slider-label-letter-spacing);-ms-letter-spacing:var(--plasma-slider-label-letter-spacing);letter-spacing:var(--plasma-slider-label-letter-spacing);line-height:var(--plasma-slider-label-line-height);}
|
15
|
+
.Single_styles_1r9f1e0_s1w9icbd__4db690dd{color:var(--plasma-slider-range-value-color);font-family:var(--plasma-slider-range-value-font-family);font-size:var(--plasma-slider-range-value-font-size);font-style:var(--plasma-slider-range-value-font-style);font-weight:var(--plasma-slider-range-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-range-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-range-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-range-value-letter-spacing);letter-spacing:var(--plasma-slider-range-value-letter-spacing);line-height:var(--plasma-slider-range-value-line-height);-webkit-transition:opacity 0.1s ease-in-out;transition:opacity 0.1s ease-in-out;}.Single_styles_1r9f1e0_s1w9icbd__4db690dd.Single_styles_1r9f1e0_sliderHideMinValue__4db690dd,.Single_styles_1r9f1e0_s1w9icbd__4db690dd.Single_styles_1r9f1e0_sliderHideMaxValue__4db690dd{opacity:0;}.Single_styles_1r9f1e0_s1w9icbd__4db690dd.Single_styles_1r9f1e0_sliderActiveRangeValue__4db690dd{color:var(--plasma-slider-label-color);}
|
16
|
+
.Single_styles_1r9f1e0_s1d2sfgl__4db690dd{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementOuter__4db690dd .Single_styles_1r9f1e0_s1w9icbd__4db690dd{position:absolute;bottom:var(--plasma-slider-range-value-bottom-offset);left:0;}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementOuter__4db690dd .Single_styles_1r9f1e0_s1w9icbd__4db690dd.Single_styles_1r9f1e0_sliderMaxRangeValue__4db690dd{left:unset;right:0;}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementInner__4db690dd{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementInner__4db690dd .Single_styles_1r9f1e0_s1w9icbd__4db690dd{margin-right:var(--plasma-slider-range-min-value-margin);}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementInner__4db690dd .Single_styles_1r9f1e0_s1w9icbd__4db690dd.Single_styles_1r9f1e0_sliderMaxRangeValue__4db690dd{margin-right:0;margin-left:var(--plasma-slider-range-max-value-margin);}
|
17
|
+
.Single_styles_1r9f1e0_ss3ujqx__4db690dd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:var(--plasma-slider-disabled-opacity);}.Single_styles_1r9f1e0_ss3ujqx__4db690dd.Single_styles_1r9f1e0_sliderLabelPlacementOuter__4db690dd{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_1r9f1e0_ss3ujqx__4db690dd.Single_styles_1r9f1e0_sliderLabelPlacementOuter__4db690dd .Single_styles_1r9f1e0_l1p4kc08__4db690dd{margin-bottom:var(--plasma-slider-label-wrapper-margin-bottom);}.Single_styles_1r9f1e0_ss3ujqx__4db690dd.Single_styles_1r9f1e0_sliderLabelPlacementInner__4db690dd .Single_styles_1r9f1e0_l1p4kc08__4db690dd{margin-right:var(--plasma-slider-label-wrapper-margin-right);}
|