@salutejs/plasma-new-hope 0.343.0 → 0.344.0-canary.2378.20101080063.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/_Slot/Slot.js +60 -0
- package/cjs/components/_Slot/Slot.js.map +1 -0
- package/cjs/components/_beta/Popover/Popover.js +176 -0
- package/cjs/components/_beta/Popover/Popover.js.map +1 -0
- package/cjs/components/_beta/Popover/Popover.styles.js +17 -0
- package/cjs/components/_beta/Popover/Popover.styles.js.map +1 -0
- package/cjs/components/_beta/Popover/Popover.styles_6agxog.css +2 -0
- package/cjs/components/_beta/Popover/Popover.tokens.js +22 -0
- package/cjs/components/_beta/Popover/Popover.tokens.js.map +1 -0
- package/cjs/components/_beta/Popover/Popover_1ed9tky.css +2 -0
- package/cjs/components/_beta/Popover/utils/matchPlacements.js +33 -0
- package/cjs/components/_beta/Popover/utils/matchPlacements.js.map +1 -0
- package/cjs/components/_beta/Popover/utils/sizeToIconSize.js +10 -0
- package/cjs/components/_beta/Popover/utils/sizeToIconSize.js.map +1 -0
- package/cjs/index.css +3 -0
- package/cjs/index.js +8 -0
- package/cjs/index.js.map +1 -1
- package/cjs/utils/index.js.map +1 -1
- package/cjs/utils/mergeHandlers.js +16 -0
- package/cjs/utils/mergeHandlers.js.map +1 -0
- package/emotion/cjs/components/_Slot/Slot.js +137 -0
- package/emotion/cjs/components/_beta/Popover/Popover.js +334 -0
- package/emotion/cjs/components/_beta/Popover/Popover.styles.js +31 -0
- package/emotion/cjs/components/_beta/Popover/Popover.tokens.js +32 -0
- package/emotion/cjs/components/_beta/Popover/Popover.types.js +4 -0
- package/emotion/cjs/components/_beta/Popover/index.js +26 -0
- package/emotion/cjs/components/_beta/Popover/utils/index.js +19 -0
- package/emotion/cjs/components/_beta/Popover/utils/matchPlacements.js +36 -0
- package/emotion/cjs/components/_beta/Popover/utils/sizeToIconSize.js +13 -0
- package/emotion/cjs/components/_beta/index.js +18 -0
- package/emotion/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/emotion/cjs/examples/components/_beta/Popover/Popover.closeInner.config.js +28 -0
- package/emotion/cjs/examples/components/_beta/Popover/Popover.closeNone.config.js +28 -0
- package/emotion/cjs/examples/components/_beta/Popover/Popover.js +39 -0
- package/emotion/cjs/index.js +1 -0
- package/emotion/cjs/utils/index.js +4 -0
- package/emotion/cjs/utils/mergeHandlers.js +19 -0
- package/emotion/es/components/_Slot/Slot.js +86 -0
- package/emotion/es/components/_beta/Popover/Popover.js +270 -0
- package/emotion/es/components/_beta/Popover/Popover.styles.js +8 -0
- package/emotion/es/components/_beta/Popover/Popover.tokens.js +14 -0
- package/emotion/es/components/_beta/Popover/Popover.types.js +1 -0
- package/emotion/es/components/_beta/Popover/index.js +2 -0
- package/emotion/es/components/_beta/Popover/utils/index.js +2 -0
- package/emotion/es/components/_beta/Popover/utils/matchPlacements.js +26 -0
- package/emotion/es/components/_beta/Popover/utils/sizeToIconSize.js +3 -0
- package/emotion/es/components/_beta/index.js +1 -0
- package/emotion/es/examples/components/Combobox/Combobox.js +7 -0
- package/emotion/es/examples/components/_beta/Popover/Popover.closeInner.config.js +18 -0
- package/emotion/es/examples/components/_beta/Popover/Popover.closeNone.config.js +18 -0
- package/emotion/es/examples/components/_beta/Popover/Popover.js +18 -0
- package/emotion/es/index.js +1 -0
- package/emotion/es/utils/index.js +1 -0
- package/emotion/es/utils/mergeHandlers.js +9 -0
- package/es/components/Accordion/Accordion.js +2 -2
- package/es/components/Accordion/Accordion.js.map +1 -1
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.js +11 -11
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.js.map +1 -1
- package/es/components/Attach/Attach.js +11 -11
- package/es/components/Attach/Attach.js.map +1 -1
- package/es/components/Attach/components/AttachButton/AttachButton.js +4 -4
- package/es/components/Attach/components/AttachButton/AttachButton.js.map +1 -1
- package/es/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.js +3 -3
- package/es/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.js.map +1 -1
- package/es/components/Attach/ui/Cell/Cell.js +7 -7
- package/es/components/Attach/ui/Cell/Cell.js.map +1 -1
- package/es/components/Attach/ui/Dropdown/Dropdown.js +4 -4
- package/es/components/Attach/ui/Dropdown/Dropdown.js.map +1 -1
- package/es/components/Attach/ui/MoreTrigger/MoreTrigger.js +2 -2
- package/es/components/Attach/ui/MoreTrigger/MoreTrigger.js.map +1 -1
- package/es/components/Attach/utils/getFileicon.js +9 -9
- package/es/components/Attach/utils/getFileicon.js.map +1 -1
- package/es/components/Autocomplete/Autocomplete.js +12 -12
- package/es/components/Autocomplete/Autocomplete.js.map +1 -1
- package/es/components/Autocomplete/FloatingPopover.js +4 -4
- package/es/components/Autocomplete/FloatingPopover.js.map +1 -1
- package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +3 -3
- package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js.map +1 -1
- package/es/components/Autocomplete/ui/VirtualList/VirtualList.js +6 -6
- package/es/components/Autocomplete/ui/VirtualList/VirtualList.js.map +1 -1
- package/es/components/Avatar/Avatar.js +10 -10
- package/es/components/Avatar/Avatar.js.map +1 -1
- package/es/components/AvatarGroup/AvatarGroup.js +2 -2
- package/es/components/AvatarGroup/AvatarGroup.js.map +1 -1
- package/es/components/Badge/Badge.js +5 -5
- package/es/components/Badge/Badge.js.map +1 -1
- package/es/components/Breadcrumbs/Breadcrumbs.js +4 -4
- package/es/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +3 -3
- package/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js.map +1 -1
- package/es/components/Breadcrumbs/utils/getShortItems.js +3 -3
- package/es/components/Breadcrumbs/utils/getShortItems.js.map +1 -1
- package/es/components/Button/Button.js +8 -8
- package/es/components/Button/Button.js.map +1 -1
- package/es/components/ButtonGroup/ButtonGroup.js +2 -2
- package/es/components/ButtonGroup/ButtonGroup.js.map +1 -1
- package/es/components/Calendar/Calendar.js +5 -5
- package/es/components/Calendar/Calendar.js.map +1 -1
- package/es/components/Calendar/CalendarBase/CalendarBase.js +10 -10
- package/es/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
- package/es/components/Calendar/CalendarDouble/CalendarDouble.js +14 -14
- package/es/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
- package/es/components/Calendar/hoc/withRange.js +2 -2
- package/es/components/Calendar/hoc/withRange.js.map +1 -1
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.js +7 -7
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +13 -13
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -4
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +4 -4
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js.map +1 -1
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.js +4 -4
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.js +5 -5
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.js.map +1 -1
- package/es/components/Card/Card.js +2 -2
- package/es/components/Card/Card.js.map +1 -1
- package/es/components/Carousel/CarouselNew/Carousel.js +9 -9
- package/es/components/Carousel/CarouselNew/Carousel.js.map +1 -1
- package/es/components/Carousel/CarouselNew/ui/Dots/Dots.js +6 -6
- package/es/components/Carousel/CarouselNew/ui/Dots/Dots.js.map +1 -1
- package/es/components/Carousel/CarouselOld/Carousel.js +4 -4
- package/es/components/Carousel/CarouselOld/Carousel.js.map +1 -1
- package/es/components/Carousel/CarouselOld/CarouselItem.js +2 -2
- package/es/components/Carousel/CarouselOld/CarouselItem.js.map +1 -1
- package/es/components/Cell/Cell.js +6 -6
- package/es/components/Cell/Cell.js.map +1 -1
- package/es/components/Cell/ui/CellTextbox/CellTextbox.js +3 -3
- package/es/components/Cell/ui/CellTextbox/CellTextbox.js.map +1 -1
- package/es/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.js +2 -2
- package/es/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.js.map +1 -1
- package/es/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.js +2 -2
- package/es/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.js.map +1 -1
- package/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +2 -2
- package/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js.map +1 -1
- package/es/components/Checkbox/Checkbox.js +12 -12
- package/es/components/Checkbox/Checkbox.js.map +1 -1
- package/es/components/Checkbox/IconsSvg.js +13 -13
- package/es/components/Checkbox/IconsSvg.js.map +1 -1
- package/es/components/Chip/Chip.js +5 -5
- package/es/components/Chip/Chip.js.map +1 -1
- package/es/components/ChipGroup/ChipGroup.js +2 -2
- package/es/components/ChipGroup/ChipGroup.js.map +1 -1
- package/es/components/CodeField/CodeField.js +9 -9
- package/es/components/CodeField/CodeField.js.map +1 -1
- package/es/components/CodeInput/CodeInput.js +10 -10
- package/es/components/CodeInput/CodeInput.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.js +18 -18
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/FloatingPopover.js +4 -4
- package/es/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +7 -7
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +9 -9
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js +9 -9
- package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.js +4 -4
- package/es/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/TreeList/TreeList.js +9 -9
- package/es/components/Combobox/ComboboxNew/ui/TreeList/TreeList.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.js +20 -20
- package/es/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.js +6 -6
- package/es/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/Combobox.js +8 -8
- package/es/components/Combobox/ComboboxOld/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.js +2 -2
- package/es/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.js +3 -3
- package/es/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.js +10 -10
- package/es/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/utils/index.js +2 -2
- package/es/components/Combobox/ComboboxOld/utils/index.js.map +1 -1
- package/es/components/Counter/Counter.js +2 -2
- package/es/components/Counter/Counter.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.js +8 -8
- package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +7 -7
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.js +8 -8
- package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/es/components/DateTimePicker/DateTimePicker.js +10 -10
- package/es/components/DateTimePicker/DateTimePicker.js.map +1 -1
- package/es/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.js +3 -3
- package/es/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.js.map +1 -1
- package/es/components/DateTimePicker/ui/DateShortcut/DateShortcutList.js +6 -6
- package/es/components/DateTimePicker/ui/DateShortcut/DateShortcutList.js.map +1 -1
- package/es/components/DateTimePicker/ui/Input/Input.js +2 -2
- package/es/components/DateTimePicker/ui/Input/Input.js.map +1 -1
- package/es/components/DateTimePicker/ui/Popover/Popover.js +2 -2
- package/es/components/DateTimePicker/ui/Popover/Popover.js.map +1 -1
- package/es/components/DateTimePicker/ui/TimeGrid/TimeGrid.js +2 -2
- package/es/components/DateTimePicker/ui/TimeGrid/TimeGrid.js.map +1 -1
- package/es/components/Divider/Divider.js +2 -2
- package/es/components/Divider/Divider.js.map +1 -1
- package/es/components/Drawer/Drawer.js +6 -6
- package/es/components/Drawer/Drawer.js.map +1 -1
- package/es/components/Dropdown/Dropdown.js +7 -7
- package/es/components/Dropdown/Dropdown.js.map +1 -1
- package/es/components/Dropdown/FloatingPopover.js +4 -4
- package/es/components/Dropdown/FloatingPopover.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownDivider/DropdownDivider.js +3 -3
- package/es/components/Dropdown/ui/DropdownDivider/DropdownDivider.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownFooter/DropdownFooter.js +3 -3
- package/es/components/Dropdown/ui/DropdownFooter/DropdownFooter.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownGroup/DropdownGroup.js +4 -4
- package/es/components/Dropdown/ui/DropdownGroup/DropdownGroup.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownHeader/DropdownHeader.js +3 -3
- package/es/components/Dropdown/ui/DropdownHeader/DropdownHeader.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +7 -7
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +6 -6
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js +3 -3
- package/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownOld/DropdownOld.js +4 -4
- package/es/components/Dropdown/ui/DropdownOld/DropdownOld.js.map +1 -1
- package/es/components/Dropdown/utils/index.js +4 -4
- package/es/components/Dropdown/utils/index.js.map +1 -1
- package/es/components/Dropzone/Dropzone.js +13 -13
- package/es/components/Dropzone/Dropzone.js.map +1 -1
- package/es/components/Editable/Editable.js +5 -5
- package/es/components/Editable/Editable.js.map +1 -1
- package/es/components/EmptyState/EmptyState.js +3 -3
- package/es/components/EmptyState/EmptyState.js.map +1 -1
- package/es/components/Flow/Flow.js +4 -4
- package/es/components/Flow/Flow.js.map +1 -1
- package/es/components/Grid/Grid.js +2 -2
- package/es/components/Grid/Grid.js.map +1 -1
- package/es/components/Grid/ui/Col/Col.js +2 -2
- package/es/components/Grid/ui/Col/Col.js.map +1 -1
- package/es/components/Grid/ui/Row/Row.js +2 -2
- package/es/components/Grid/ui/Row/Row.js.map +1 -1
- package/es/components/Image/Image.js +4 -4
- package/es/components/Image/Image.js.map +1 -1
- package/es/components/Indicator/Indicator.js +2 -2
- package/es/components/Indicator/Indicator.js.map +1 -1
- package/es/components/InformationWrapper/InformationWrapper.js +7 -7
- package/es/components/InformationWrapper/InformationWrapper.js.map +1 -1
- package/es/components/InformationWrapper/ui/Hint/Hint.js +4 -4
- package/es/components/InformationWrapper/ui/Hint/Hint.js.map +1 -1
- package/es/components/InformationWrapper/ui/Label/Label.js +7 -7
- package/es/components/InformationWrapper/ui/Label/Label.js.map +1 -1
- package/es/components/Link/Link.js +2 -2
- package/es/components/Link/Link.js.map +1 -1
- package/es/components/LinkButton/LinkButton.js +4 -4
- package/es/components/LinkButton/LinkButton.js.map +1 -1
- package/es/components/List/List.js +2 -2
- package/es/components/List/List.js.map +1 -1
- package/es/components/List/ui/ListItem.js +3 -3
- package/es/components/List/ui/ListItem.js.map +1 -1
- package/es/components/Loader/Loader.js +7 -7
- package/es/components/Loader/Loader.js.map +1 -1
- package/es/components/Mask/Mask.js +3 -3
- package/es/components/Mask/Mask.js.map +1 -1
- package/es/components/Modal/Modal.js +8 -8
- package/es/components/Modal/Modal.js.map +1 -1
- package/es/components/NavigationDrawer/NavigationDrawer.js +6 -6
- package/es/components/NavigationDrawer/NavigationDrawer.js.map +1 -1
- package/es/components/NavigationDrawer/ui/MenuItem/MenuItem.js +8 -8
- package/es/components/NavigationDrawer/ui/MenuItem/MenuItem.js.map +1 -1
- package/es/components/NavigationDrawer/ui/Section/Section.js +6 -6
- package/es/components/NavigationDrawer/ui/Section/Section.js.map +1 -1
- package/es/components/Note/Note.js +9 -9
- package/es/components/Note/Note.js.map +1 -1
- package/es/components/Notification/Notification.js +12 -12
- package/es/components/Notification/Notification.js.map +1 -1
- package/es/components/Notification/NotificationsPortal.js +6 -6
- package/es/components/Notification/NotificationsPortal.js.map +1 -1
- package/es/components/Notification/NotificationsProvider.js +3 -3
- package/es/components/Notification/NotificationsProvider.js.map +1 -1
- package/es/components/NumberFormat/NumberFormat.js +2 -2
- package/es/components/NumberFormat/NumberFormat.js.map +1 -1
- package/es/components/NumberInput/NumberInput.js +7 -7
- package/es/components/NumberInput/NumberInput.js.map +1 -1
- package/es/components/NumberInput/ui/ActionButton/ActionButton.js +2 -2
- package/es/components/NumberInput/ui/ActionButton/ActionButton.js.map +1 -1
- package/es/components/NumberInput/ui/Input/Input.js +7 -7
- package/es/components/NumberInput/ui/Input/Input.js.map +1 -1
- package/es/components/Overlay/Overlay.js +2 -2
- package/es/components/Overlay/Overlay.js.map +1 -1
- package/es/components/Pagination/Pagination.js +15 -15
- package/es/components/Pagination/Pagination.js.map +1 -1
- package/es/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.js +2 -2
- package/es/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.js.map +1 -1
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js +2 -2
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js.map +1 -1
- package/es/components/PaginationDots/SmartPaginationDots.js +3 -3
- package/es/components/PaginationDots/SmartPaginationDots.js.map +1 -1
- package/es/components/Panel/Panel.js +3 -3
- package/es/components/Panel/Panel.js.map +1 -1
- package/es/components/Panel/ui/PanelContent/PanelContent.js +2 -2
- package/es/components/Panel/ui/PanelContent/PanelContent.js.map +1 -1
- package/es/components/Panel/ui/PanelFooter/PanelFooter.js +2 -2
- package/es/components/Panel/ui/PanelFooter/PanelFooter.js.map +1 -1
- package/es/components/Panel/ui/PanelHeader/PanelHeader.js +5 -5
- package/es/components/Panel/ui/PanelHeader/PanelHeader.js.map +1 -1
- package/es/components/Popover/Popover.js +9 -9
- package/es/components/Popover/Popover.js.map +1 -1
- package/es/components/Popup/Popup.js +10 -10
- package/es/components/Popup/Popup.js.map +1 -1
- package/es/components/Popup/PopupContext.js +9 -9
- package/es/components/Popup/PopupContext.js.map +1 -1
- package/es/components/Popup/PopupRoot.js +3 -3
- package/es/components/Popup/PopupRoot.js.map +1 -1
- package/es/components/Popup/ui/Draggable/Draggable.js +4 -4
- package/es/components/Popup/ui/Draggable/Draggable.js.map +1 -1
- package/es/components/Popup/ui/Resizable/Resizable.js +7 -7
- package/es/components/Popup/ui/Resizable/Resizable.js.map +1 -1
- package/es/components/Portal/Portal.js +2 -2
- package/es/components/Portal/Portal.js.map +1 -1
- package/es/components/Price/Price.js +3 -3
- package/es/components/Price/Price.js.map +1 -1
- package/es/components/Progress/Progress.js +4 -4
- package/es/components/Progress/Progress.js.map +1 -1
- package/es/components/ProgressBarCircular/ProgressBarCircular.js +6 -6
- package/es/components/ProgressBarCircular/ProgressBarCircular.js.map +1 -1
- package/es/components/Radiobox/RadioGroup.js +3 -3
- package/es/components/Radiobox/RadioGroup.js.map +1 -1
- package/es/components/Radiobox/Radiobox.js +8 -8
- package/es/components/Radiobox/Radiobox.js.map +1 -1
- package/es/components/Range/Range.js +10 -10
- package/es/components/Range/Range.js.map +1 -1
- package/es/components/Rating/Rating.js +6 -6
- package/es/components/Rating/Rating.js.map +1 -1
- package/es/components/Rating/utils/getIcons.js +17 -17
- package/es/components/Rating/utils/getIcons.js.map +1 -1
- package/es/components/SSRProvider/SSRProvider.js +2 -2
- package/es/components/SSRProvider/SSRProvider.js.map +1 -1
- package/es/components/Segment/SegmentProvider/SegmentProvider.js +2 -2
- package/es/components/Segment/SegmentProvider/SegmentProvider.js.map +1 -1
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.js +10 -10
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.js.map +1 -1
- package/es/components/Segment/ui/SegmentItem/SegmentItem.js +3 -3
- package/es/components/Segment/ui/SegmentItem/SegmentItem.js.map +1 -1
- package/es/components/Select/FloatingPopover.js +4 -4
- package/es/components/Select/FloatingPopover.js.map +1 -1
- package/es/components/Select/Select.js +13 -13
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Select/ui/Inner/Inner.js +7 -7
- package/es/components/Select/ui/Inner/Inner.js.map +1 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.js +11 -11
- package/es/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
- package/es/components/Select/ui/SelectAll/SelectAll.js +9 -9
- package/es/components/Select/ui/SelectAll/SelectAll.js.map +1 -1
- package/es/components/Select/ui/SelectNative/SelectNative.js +4 -4
- package/es/components/Select/ui/SelectNative/SelectNative.js.map +1 -1
- package/es/components/Select/ui/Target/Target.js +4 -4
- package/es/components/Select/ui/Target/Target.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Button/Button.js +4 -4
- package/es/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +5 -5
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/es/components/Select/ui/TreeList/TreeList.js +9 -9
- package/es/components/Select/ui/TreeList/TreeList.js.map +1 -1
- package/es/components/Select/ui/TreeList/ui/Item/Item.js +21 -21
- package/es/components/Select/ui/TreeList/ui/Item/Item.js.map +1 -1
- package/es/components/Select/ui/VirtualList/VirtualList.js +6 -6
- package/es/components/Select/ui/VirtualList/VirtualList.js.map +1 -1
- package/es/components/Sheet/Sheet.js +8 -8
- package/es/components/Sheet/Sheet.js.map +1 -1
- package/es/components/Skeleton/LineSkeleton/LineSkeleton.js +3 -3
- package/es/components/Skeleton/LineSkeleton/LineSkeleton.js.map +1 -1
- package/es/components/Skeleton/RectSkeleton/RectSkeleton.js +2 -2
- package/es/components/Skeleton/RectSkeleton/RectSkeleton.js.map +1 -1
- package/es/components/Skeleton/TextSkeleton/TextSkeleton.js +3 -3
- package/es/components/Skeleton/TextSkeleton/TextSkeleton.js.map +1 -1
- package/es/components/Skeleton/hoc/withSkeleton.js +2 -2
- package/es/components/Skeleton/hoc/withSkeleton.js.map +1 -1
- package/es/components/Slider/Slider.js +5 -5
- package/es/components/Slider/Slider.js.map +1 -1
- package/es/components/Slider/components/Double/Double.js +8 -8
- package/es/components/Slider/components/Double/Double.js.map +1 -1
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +3 -3
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map +1 -1
- package/es/components/Slider/components/Single/Single.js +8 -8
- package/es/components/Slider/components/Single/Single.js.map +1 -1
- package/es/components/Slider/components/SliderBase/SliderBase.js +4 -4
- package/es/components/Slider/components/SliderBase/SliderBase.js.map +1 -1
- package/es/components/Slider/ui/Handler/Handler.js +5 -5
- package/es/components/Slider/ui/Handler/Handler.js.map +1 -1
- package/es/components/Slider/ui/Thumb/Thumb.js +2 -2
- package/es/components/Slider/ui/Thumb/Thumb.js.map +1 -1
- package/es/components/Spinner/Spinner.js +4 -4
- package/es/components/Spinner/Spinner.js.map +1 -1
- package/es/components/Spinner/SpinnerSvg.js +14 -14
- package/es/components/Spinner/SpinnerSvg.js.map +1 -1
- package/es/components/Steps/Steps.js +3 -3
- package/es/components/Steps/Steps.js.map +1 -1
- package/es/components/Steps/ui/StepItem/StepItem.js +16 -16
- package/es/components/Steps/ui/StepItem/StepItem.js.map +1 -1
- package/es/components/Switch/Switch.js +7 -7
- package/es/components/Switch/Switch.js.map +1 -1
- package/es/components/Table/Table.js +12 -12
- package/es/components/Table/Table.js.map +1 -1
- package/es/components/Table/ui/Cell/Cell.js +3 -3
- package/es/components/Table/ui/Cell/Cell.js.map +1 -1
- package/es/components/Table/ui/EditableCell/EditableCell.js +9 -9
- package/es/components/Table/ui/EditableCell/EditableCell.js.map +1 -1
- package/es/components/Table/ui/HeadCell/HeadCell.js +8 -8
- package/es/components/Table/ui/HeadCell/HeadCell.js.map +1 -1
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.js +7 -7
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.js.map +1 -1
- package/es/components/Tabs/createTabsController.js +3 -3
- package/es/components/Tabs/createTabsController.js.map +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.js +4 -4
- package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.js.map +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +6 -6
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +9 -9
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +1 -1
- package/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.js +4 -4
- package/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.js.map +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +6 -6
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js.map +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +9 -9
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +1 -1
- package/es/components/TextArea/TextArea.js +22 -22
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/components/TextArea/ui/Hint/Hint.js +4 -4
- package/es/components/TextArea/ui/Hint/Hint.js.map +1 -1
- package/es/components/TextField/TextField.js +28 -28
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/ui/Hint/Hint.js +4 -4
- package/es/components/TextField/ui/Hint/Hint.js.map +1 -1
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +4 -4
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
- package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +4 -4
- package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js.map +1 -1
- package/es/components/TextFieldGroup/TextFieldGroup.js +2 -2
- package/es/components/TextFieldGroup/TextFieldGroup.js.map +1 -1
- package/es/components/TimePicker/TimePicker.js +6 -6
- package/es/components/TimePicker/TimePicker.js.map +1 -1
- package/es/components/TimePickerGrid/TimePickerGrid.js +3 -3
- package/es/components/TimePickerGrid/TimePickerGrid.js.map +1 -1
- package/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js +5 -5
- package/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js.map +1 -1
- package/es/components/Toast/Toast.js +6 -6
- package/es/components/Toast/Toast.js.map +1 -1
- package/es/components/Toast/ToastController.js +4 -4
- package/es/components/Toast/ToastController.js.map +1 -1
- package/es/components/Toast/ToastNew/ToastNew.js +7 -7
- package/es/components/Toast/ToastNew/ToastNew.js.map +1 -1
- package/es/components/Toast/ToastProvider/ToastProvider.js +3 -3
- package/es/components/Toast/ToastProvider/ToastProvider.js.map +1 -1
- package/es/components/Toolbar/Toolbar.js +2 -2
- package/es/components/Toolbar/Toolbar.js.map +1 -1
- package/es/components/Tooltip/Tooltip.js +5 -5
- package/es/components/Tooltip/Tooltip.js.map +1 -1
- package/es/components/Tour/Tour.js +5 -5
- package/es/components/Tour/Tour.js.map +1 -1
- package/es/components/Tree/Tree.js +9 -9
- package/es/components/Tree/Tree.js.map +1 -1
- package/es/components/Typography/Old/Subtitle/Subtitle.js +2 -2
- package/es/components/Typography/Old/Subtitle/Subtitle.js.map +1 -1
- package/es/components/Typography/Old/TypographyOld.js +2 -2
- package/es/components/Typography/Old/TypographyOld.js.map +1 -1
- package/es/components/Typography/Typography.js +2 -2
- package/es/components/Typography/Typography.js.map +1 -1
- package/es/components/ViewContainer/ViewContainer.js +2 -2
- package/es/components/ViewContainer/ViewContainer.js.map +1 -1
- package/es/components/_Icon/Icon.assets/ArrowBarDown.js +3 -3
- package/es/components/_Icon/Icon.assets/ArrowBarDown.js.map +1 -1
- package/es/components/_Icon/Icon.assets/ArrowDown.js +3 -3
- package/es/components/_Icon/Icon.assets/ArrowDown.js.map +1 -1
- package/es/components/_Icon/Icon.assets/ArrowUp.js +3 -3
- package/es/components/_Icon/Icon.assets/ArrowUp.js.map +1 -1
- package/es/components/_Icon/Icon.assets/BlankCsvOutline.js +6 -6
- package/es/components/_Icon/Icon.assets/BlankCsvOutline.js.map +1 -1
- package/es/components/_Icon/Icon.assets/BlankDocOutline.js +6 -6
- package/es/components/_Icon/Icon.assets/BlankDocOutline.js.map +1 -1
- package/es/components/_Icon/Icon.assets/BlankOutline.js +3 -3
- package/es/components/_Icon/Icon.assets/BlankOutline.js.map +1 -1
- package/es/components/_Icon/Icon.assets/BlankPdfOutline.js +4 -4
- package/es/components/_Icon/Icon.assets/BlankPdfOutline.js.map +1 -1
- package/es/components/_Icon/Icon.assets/BlankTxtOutline.js +6 -6
- package/es/components/_Icon/Icon.assets/BlankTxtOutline.js.map +1 -1
- package/es/components/_Icon/Icon.assets/BlankXlsOutline.js +6 -6
- package/es/components/_Icon/Icon.assets/BlankXlsOutline.js.map +1 -1
- package/es/components/_Icon/Icon.assets/ChevronDown.js +3 -3
- package/es/components/_Icon/Icon.assets/ChevronDown.js.map +1 -1
- package/es/components/_Icon/Icon.assets/ChevronDownFill.js +3 -3
- package/es/components/_Icon/Icon.assets/ChevronDownFill.js.map +1 -1
- package/es/components/_Icon/Icon.assets/Close.js +3 -3
- package/es/components/_Icon/Icon.assets/Close.js.map +1 -1
- package/es/components/_Icon/Icon.assets/CloseCircleOutline.js +3 -3
- package/es/components/_Icon/Icon.assets/CloseCircleOutline.js.map +1 -1
- package/es/components/_Icon/Icon.assets/Cross.js +3 -3
- package/es/components/_Icon/Icon.assets/Cross.js.map +1 -1
- package/es/components/_Icon/Icon.assets/CrossThin.js +3 -3
- package/es/components/_Icon/Icon.assets/CrossThin.js.map +1 -1
- package/es/components/_Icon/Icon.assets/DisclosureDownCentered.js +5 -5
- package/es/components/_Icon/Icon.assets/DisclosureDownCentered.js.map +1 -1
- package/es/components/_Icon/Icon.assets/DisclosureDownFill.js +3 -3
- package/es/components/_Icon/Icon.assets/DisclosureDownFill.js.map +1 -1
- package/es/components/_Icon/Icon.assets/DisclosureDownWithOffset.js +3 -3
- package/es/components/_Icon/Icon.assets/DisclosureDownWithOffset.js.map +1 -1
- package/es/components/_Icon/Icon.assets/DisclosureLeft.js +3 -3
- package/es/components/_Icon/Icon.assets/DisclosureLeft.js.map +1 -1
- package/es/components/_Icon/Icon.assets/DisclosureLeftWithOffset.js +3 -3
- package/es/components/_Icon/Icon.assets/DisclosureLeftWithOffset.js.map +1 -1
- package/es/components/_Icon/Icon.assets/DisclosureRight.js +3 -3
- package/es/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -1
- package/es/components/_Icon/Icon.assets/DisclosureRightCentered.js +5 -5
- package/es/components/_Icon/Icon.assets/DisclosureRightCentered.js.map +1 -1
- package/es/components/_Icon/Icon.assets/DisclosureRightWithOffset.js +3 -3
- package/es/components/_Icon/Icon.assets/DisclosureRightWithOffset.js.map +1 -1
- package/es/components/_Icon/Icon.assets/DisclosureUpWithOffset.js +3 -3
- package/es/components/_Icon/Icon.assets/DisclosureUpWithOffset.js.map +1 -1
- package/es/components/_Icon/Icon.assets/Done.js +3 -3
- package/es/components/_Icon/Icon.assets/Done.js.map +1 -1
- package/es/components/_Icon/Icon.assets/DoneCircleOutline.js +4 -4
- package/es/components/_Icon/Icon.assets/DoneCircleOutline.js.map +1 -1
- package/es/components/_Icon/Icon.assets/DotsHorizontalOutline.js +3 -3
- package/es/components/_Icon/Icon.assets/DotsHorizontalOutline.js.map +1 -1
- package/es/components/_Icon/Icon.assets/EditOutline.js +3 -3
- package/es/components/_Icon/Icon.assets/EditOutline.js.map +1 -1
- package/es/components/_Icon/Icon.assets/FilterFunnel.js +4 -4
- package/es/components/_Icon/Icon.assets/FilterFunnel.js.map +1 -1
- package/es/components/_Icon/Icon.assets/Folder.js +3 -3
- package/es/components/_Icon/Icon.assets/Folder.js.map +1 -1
- package/es/components/_Icon/Icon.assets/Icon.svg.16/StarFill.js +3 -3
- package/es/components/_Icon/Icon.assets/Icon.svg.16/StarFill.js.map +1 -1
- package/es/components/_Icon/Icon.assets/Icon.svg.16/StarHalfFill.js +3 -3
- package/es/components/_Icon/Icon.assets/Icon.svg.16/StarHalfFill.js.map +1 -1
- package/es/components/_Icon/Icon.assets/Icon.svg.16/StarOutline.js +3 -3
- package/es/components/_Icon/Icon.assets/Icon.svg.16/StarOutline.js.map +1 -1
- package/es/components/_Icon/Icon.assets/Icon.svg.24/StarFill.js +3 -3
- package/es/components/_Icon/Icon.assets/Icon.svg.24/StarFill.js.map +1 -1
- package/es/components/_Icon/Icon.assets/Icon.svg.24/StarHalfFill.js +3 -3
- package/es/components/_Icon/Icon.assets/Icon.svg.24/StarHalfFill.js.map +1 -1
- package/es/components/_Icon/Icon.assets/Icon.svg.24/StarOutline.js +3 -3
- package/es/components/_Icon/Icon.assets/Icon.svg.24/StarOutline.js.map +1 -1
- package/es/components/_Icon/Icon.assets/Icon.svg.36/StarFill.js +3 -3
- package/es/components/_Icon/Icon.assets/Icon.svg.36/StarFill.js.map +1 -1
- package/es/components/_Icon/Icon.assets/Icon.svg.36/StarHalfFill.js +3 -3
- package/es/components/_Icon/Icon.assets/Icon.svg.36/StarHalfFill.js.map +1 -1
- package/es/components/_Icon/Icon.assets/Icon.svg.36/StarOutline.js +3 -3
- package/es/components/_Icon/Icon.assets/Icon.svg.36/StarOutline.js.map +1 -1
- package/es/components/_Icon/Icon.assets/InfoCircleOutline.js +3 -3
- package/es/components/_Icon/Icon.assets/InfoCircleOutline.js.map +1 -1
- package/es/components/_Icon/Icon.assets/Minus.js +3 -3
- package/es/components/_Icon/Icon.assets/Minus.js.map +1 -1
- package/es/components/_Icon/Icon.assets/Plus.js +3 -3
- package/es/components/_Icon/Icon.assets/Plus.js.map +1 -1
- package/es/components/_Icon/Icon.assets/ResetOutline.js +4 -4
- package/es/components/_Icon/Icon.assets/ResetOutline.js.map +1 -1
- package/es/components/_Icon/Icon.assets/ResizeDiagonal.js +4 -4
- package/es/components/_Icon/Icon.assets/ResizeDiagonal.js.map +1 -1
- package/es/components/_Icon/Icon.assets/SwapVert.js +4 -4
- package/es/components/_Icon/Icon.assets/SwapVert.js.map +1 -1
- package/es/components/_Icon/IconRoot.js +3 -3
- package/es/components/_Icon/IconRoot.js.map +1 -1
- package/es/components/_Icon/Icons/Icon.16/IconStarFill.js +2 -2
- package/es/components/_Icon/Icons/Icon.16/IconStarFill.js.map +1 -1
- package/es/components/_Icon/Icons/Icon.16/IconStarHalfFill.js +2 -2
- package/es/components/_Icon/Icons/Icon.16/IconStarHalfFill.js.map +1 -1
- package/es/components/_Icon/Icons/Icon.16/IconStarOutline.js +2 -2
- package/es/components/_Icon/Icons/Icon.16/IconStarOutline.js.map +1 -1
- package/es/components/_Icon/Icons/Icon.24/IconStarFill.js +2 -2
- package/es/components/_Icon/Icons/Icon.24/IconStarFill.js.map +1 -1
- package/es/components/_Icon/Icons/Icon.24/IconStarHalfFill.js +2 -2
- package/es/components/_Icon/Icons/Icon.24/IconStarHalfFill.js.map +1 -1
- package/es/components/_Icon/Icons/Icon.24/IconStarOutline.js +2 -2
- package/es/components/_Icon/Icons/Icon.24/IconStarOutline.js.map +1 -1
- package/es/components/_Icon/Icons/Icon.36/IconStarFill.js +2 -2
- package/es/components/_Icon/Icons/Icon.36/IconStarFill.js.map +1 -1
- package/es/components/_Icon/Icons/Icon.36/IconStarHalfFill.js +2 -2
- package/es/components/_Icon/Icons/Icon.36/IconStarHalfFill.js.map +1 -1
- package/es/components/_Icon/Icons/Icon.36/IconStarOutline.js +2 -2
- package/es/components/_Icon/Icons/Icon.36/IconStarOutline.js.map +1 -1
- package/es/components/_Icon/Icons/IconArrowBarDown.js +2 -2
- package/es/components/_Icon/Icons/IconArrowBarDown.js.map +1 -1
- package/es/components/_Icon/Icons/IconArrowDown.js +2 -2
- package/es/components/_Icon/Icons/IconArrowDown.js.map +1 -1
- package/es/components/_Icon/Icons/IconArrowUp.js +2 -2
- package/es/components/_Icon/Icons/IconArrowUp.js.map +1 -1
- package/es/components/_Icon/Icons/IconBlankCsvOutline.js +2 -2
- package/es/components/_Icon/Icons/IconBlankCsvOutline.js.map +1 -1
- package/es/components/_Icon/Icons/IconBlankDocOutline.js +2 -2
- package/es/components/_Icon/Icons/IconBlankDocOutline.js.map +1 -1
- package/es/components/_Icon/Icons/IconBlankOutline.js +2 -2
- package/es/components/_Icon/Icons/IconBlankOutline.js.map +1 -1
- package/es/components/_Icon/Icons/IconBlankPdfOutline.js +2 -2
- package/es/components/_Icon/Icons/IconBlankPdfOutline.js.map +1 -1
- package/es/components/_Icon/Icons/IconBlankTxtOutline.js +2 -2
- package/es/components/_Icon/Icons/IconBlankTxtOutline.js.map +1 -1
- package/es/components/_Icon/Icons/IconBlankXlsOutline.js +2 -2
- package/es/components/_Icon/Icons/IconBlankXlsOutline.js.map +1 -1
- package/es/components/_Icon/Icons/IconChevronDown.js +2 -2
- package/es/components/_Icon/Icons/IconChevronDown.js.map +1 -1
- package/es/components/_Icon/Icons/IconChevronDownFill.js +2 -2
- package/es/components/_Icon/Icons/IconChevronDownFill.js.map +1 -1
- package/es/components/_Icon/Icons/IconClose.js +2 -2
- package/es/components/_Icon/Icons/IconClose.js.map +1 -1
- package/es/components/_Icon/Icons/IconCloseCircleOutline.js +2 -2
- package/es/components/_Icon/Icons/IconCloseCircleOutline.js.map +1 -1
- package/es/components/_Icon/Icons/IconCross.js +2 -2
- package/es/components/_Icon/Icons/IconCross.js.map +1 -1
- package/es/components/_Icon/Icons/IconCrossThin.js +2 -2
- package/es/components/_Icon/Icons/IconCrossThin.js.map +1 -1
- package/es/components/_Icon/Icons/IconDisclosureDownCentered.js +2 -2
- package/es/components/_Icon/Icons/IconDisclosureDownCentered.js.map +1 -1
- package/es/components/_Icon/Icons/IconDisclosureDownFill.js +2 -2
- package/es/components/_Icon/Icons/IconDisclosureDownFill.js.map +1 -1
- package/es/components/_Icon/Icons/IconDisclosureDownWithOffset.js +2 -2
- package/es/components/_Icon/Icons/IconDisclosureDownWithOffset.js.map +1 -1
- package/es/components/_Icon/Icons/IconDisclosureLeft.js +2 -2
- package/es/components/_Icon/Icons/IconDisclosureLeft.js.map +1 -1
- package/es/components/_Icon/Icons/IconDisclosureLeftWithOffset.js +2 -2
- package/es/components/_Icon/Icons/IconDisclosureLeftWithOffset.js.map +1 -1
- package/es/components/_Icon/Icons/IconDisclosureRight.js +2 -2
- package/es/components/_Icon/Icons/IconDisclosureRight.js.map +1 -1
- package/es/components/_Icon/Icons/IconDisclosureRightCentered.js +2 -2
- package/es/components/_Icon/Icons/IconDisclosureRightCentered.js.map +1 -1
- package/es/components/_Icon/Icons/IconDisclosureRightWithOffset.js +2 -2
- package/es/components/_Icon/Icons/IconDisclosureRightWithOffset.js.map +1 -1
- package/es/components/_Icon/Icons/IconDisclosureUpWithOffset.js +2 -2
- package/es/components/_Icon/Icons/IconDisclosureUpWithOffset.js.map +1 -1
- package/es/components/_Icon/Icons/IconDone.js +2 -2
- package/es/components/_Icon/Icons/IconDone.js.map +1 -1
- package/es/components/_Icon/Icons/IconDoneCircleOutline.js +2 -2
- package/es/components/_Icon/Icons/IconDoneCircleOutline.js.map +1 -1
- package/es/components/_Icon/Icons/IconDotsHorizontalOutline.js +2 -2
- package/es/components/_Icon/Icons/IconDotsHorizontalOutline.js.map +1 -1
- package/es/components/_Icon/Icons/IconEditOutline.js +2 -2
- package/es/components/_Icon/Icons/IconEditOutline.js.map +1 -1
- package/es/components/_Icon/Icons/IconFilterFunnel.js +2 -2
- package/es/components/_Icon/Icons/IconFilterFunnel.js.map +1 -1
- package/es/components/_Icon/Icons/IconFolder.js +2 -2
- package/es/components/_Icon/Icons/IconFolder.js.map +1 -1
- package/es/components/_Icon/Icons/IconInfoCircleOutline.js +2 -2
- package/es/components/_Icon/Icons/IconInfoCircleOutline.js.map +1 -1
- package/es/components/_Icon/Icons/IconMinus.js +2 -2
- package/es/components/_Icon/Icons/IconMinus.js.map +1 -1
- package/es/components/_Icon/Icons/IconPlus.js +2 -2
- package/es/components/_Icon/Icons/IconPlus.js.map +1 -1
- package/es/components/_Icon/Icons/IconResetOutline.js +2 -2
- package/es/components/_Icon/Icons/IconResetOutline.js.map +1 -1
- package/es/components/_Icon/Icons/IconResizeDiagonal.js +2 -2
- package/es/components/_Icon/Icons/IconResizeDiagonal.js.map +1 -1
- package/es/components/_Icon/Icons/IconSwapVert.js +2 -2
- package/es/components/_Icon/Icons/IconSwapVert.js.map +1 -1
- package/es/components/_Resizable/Resizable.js +7 -7
- package/es/components/_Resizable/Resizable.js.map +1 -1
- package/es/components/_Slot/Slot.js +36 -0
- package/es/components/_Slot/Slot.js.map +1 -0
- package/es/components/_beta/Popover/Popover.js +166 -0
- package/es/components/_beta/Popover/Popover.js.map +1 -0
- package/es/components/_beta/Popover/Popover.styles.js +12 -0
- package/es/components/_beta/Popover/Popover.styles.js.map +1 -0
- package/es/components/_beta/Popover/Popover.styles_6agxog.css +2 -0
- package/es/components/_beta/Popover/Popover.tokens.js +17 -0
- package/es/components/_beta/Popover/Popover.tokens.js.map +1 -0
- package/es/components/_beta/Popover/Popover_1ed9tky.css +2 -0
- package/es/components/_beta/Popover/utils/matchPlacements.js +29 -0
- package/es/components/_beta/Popover/utils/matchPlacements.js.map +1 -0
- package/es/components/_beta/Popover/utils/sizeToIconSize.js +6 -0
- package/es/components/_beta/Popover/utils/sizeToIconSize.js.map +1 -0
- package/es/engines/common.js +3 -3
- package/es/engines/common.js.map +1 -1
- package/es/engines/linaria.js +2 -2
- package/es/engines/linaria.js.map +1 -1
- package/es/index.css +3 -0
- package/es/index.js +3 -0
- package/es/index.js.map +1 -1
- package/es/utils/createConditionalComponent.js +3 -3
- package/es/utils/createConditionalComponent.js.map +1 -1
- package/es/utils/fixedForwardRef.js +2 -2
- package/es/utils/fixedForwardRef.js.map +1 -1
- package/es/utils/index.js.map +1 -1
- package/es/utils/mergeHandlers.js +12 -0
- package/es/utils/mergeHandlers.js.map +1 -0
- package/es/utils/react.js +2 -2
- package/es/utils/react.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/_Slot/Slot.js +137 -0
- package/styled-components/cjs/components/_beta/Popover/Popover.js +338 -0
- package/styled-components/cjs/components/_beta/Popover/Popover.styles.js +79 -0
- package/styled-components/cjs/components/_beta/Popover/Popover.tokens.js +32 -0
- package/styled-components/cjs/components/_beta/Popover/Popover.types.js +4 -0
- package/styled-components/cjs/components/_beta/Popover/index.js +26 -0
- package/styled-components/cjs/components/_beta/Popover/utils/index.js +19 -0
- package/styled-components/cjs/components/_beta/Popover/utils/matchPlacements.js +36 -0
- package/styled-components/cjs/components/_beta/Popover/utils/sizeToIconSize.js +13 -0
- package/styled-components/cjs/components/_beta/index.js +18 -0
- package/styled-components/cjs/examples/components/_beta/Popover/Popover.closeInner.config.js +57 -0
- package/styled-components/cjs/examples/components/_beta/Popover/Popover.closeNone.config.js +48 -0
- package/styled-components/cjs/examples/components/_beta/Popover/Popover.js +39 -0
- package/styled-components/cjs/index.js +1 -0
- package/styled-components/cjs/utils/index.js +4 -0
- package/styled-components/cjs/utils/mergeHandlers.js +19 -0
- package/styled-components/es/components/_Slot/Slot.js +86 -0
- package/styled-components/es/components/_beta/Popover/Popover.js +274 -0
- package/styled-components/es/components/_beta/Popover/Popover.styles.js +21 -0
- package/styled-components/es/components/_beta/Popover/Popover.tokens.js +14 -0
- package/styled-components/es/components/_beta/Popover/Popover.types.js +1 -0
- package/styled-components/es/components/_beta/Popover/index.js +2 -0
- package/styled-components/es/components/_beta/Popover/utils/index.js +2 -0
- package/styled-components/es/components/_beta/Popover/utils/matchPlacements.js +26 -0
- package/styled-components/es/components/_beta/Popover/utils/sizeToIconSize.js +3 -0
- package/styled-components/es/components/_beta/index.js +1 -0
- package/styled-components/es/examples/components/_beta/Popover/Popover.closeInner.config.js +47 -0
- package/styled-components/es/examples/components/_beta/Popover/Popover.closeNone.config.js +38 -0
- package/styled-components/es/examples/components/_beta/Popover/Popover.js +18 -0
- package/styled-components/es/index.js +1 -0
- package/styled-components/es/utils/index.js +1 -0
- package/styled-components/es/utils/mergeHandlers.js +9 -0
- package/types/components/TextField/TextField.types.d.ts +1 -1
- package/types/components/_Slot/Slot.d.ts +3 -0
- package/types/components/_Slot/Slot.d.ts.map +1 -0
- package/types/components/_beta/Popover/Popover.d.ts +23 -0
- package/types/components/_beta/Popover/Popover.d.ts.map +1 -0
- package/types/components/_beta/Popover/Popover.styles.d.ts +3 -0
- package/types/components/_beta/Popover/Popover.styles.d.ts.map +1 -0
- package/types/components/_beta/Popover/Popover.tokens.d.ts +15 -0
- package/types/components/_beta/Popover/Popover.tokens.d.ts.map +1 -0
- package/types/components/_beta/Popover/Popover.types.d.ts +106 -0
- package/types/components/_beta/Popover/Popover.types.d.ts.map +1 -0
- package/types/components/_beta/Popover/index.d.ts +4 -0
- package/types/components/_beta/Popover/index.d.ts.map +1 -0
- package/types/components/_beta/Popover/utils/index.d.ts +3 -0
- package/types/components/_beta/Popover/utils/index.d.ts.map +1 -0
- package/types/components/_beta/Popover/utils/matchPlacements.d.ts +4 -0
- package/types/components/_beta/Popover/utils/matchPlacements.d.ts.map +1 -0
- package/types/components/_beta/Popover/utils/sizeToIconSize.d.ts +2 -0
- package/types/components/_beta/Popover/utils/sizeToIconSize.d.ts.map +1 -0
- package/types/components/_beta/index.d.ts +2 -0
- package/types/components/_beta/index.d.ts.map +1 -0
- package/types/examples/components/_beta/Popover/Popover.closeInner.config.d.ts +17 -0
- package/types/examples/components/_beta/Popover/Popover.closeInner.config.d.ts.map +1 -0
- package/types/examples/components/_beta/Popover/Popover.closeNone.config.d.ts +17 -0
- package/types/examples/components/_beta/Popover/Popover.closeNone.config.d.ts.map +1 -0
- package/types/examples/components/_beta/Popover/Popover.d.ts +34 -0
- package/types/examples/components/_beta/Popover/Popover.d.ts.map +1 -0
- package/types/index.d.ts +1 -0
- package/types/index.d.ts.map +1 -1
- package/types/utils/index.d.ts +1 -0
- package/types/utils/index.d.ts.map +1 -1
- package/types/utils/mergeHandlers.d.ts +2 -0
- package/types/utils/mergeHandlers.d.ts.map +1 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
-
import
|
|
2
|
+
import React__default, { forwardRef, useRef, useImperativeHandle, useMemo } from 'react';
|
|
3
3
|
import { cx } from '../../utils/index.js';
|
|
4
4
|
import { base as base$2 } from './variations/_size/base.js';
|
|
5
5
|
import { base as base$1 } from './variations/_view/base.js';
|
|
@@ -87,23 +87,23 @@ var rangeRoot = function rangeRoot(Root) {
|
|
|
87
87
|
return null;
|
|
88
88
|
}
|
|
89
89
|
if (dividerVariant === 'dash') {
|
|
90
|
-
return _StyledDivider || (_StyledDivider = /*#__PURE__*/
|
|
90
|
+
return _StyledDivider || (_StyledDivider = /*#__PURE__*/React__default.createElement(StyledDivider, null, "\u2013"));
|
|
91
91
|
}
|
|
92
|
-
return _StyledDivider2 || (_StyledDivider2 = /*#__PURE__*/
|
|
92
|
+
return _StyledDivider2 || (_StyledDivider2 = /*#__PURE__*/React__default.createElement(StyledDivider, null, dividerIcon));
|
|
93
93
|
}, [dividerVariant, dividerIcon]);
|
|
94
|
-
return /*#__PURE__*/
|
|
94
|
+
return /*#__PURE__*/React__default.createElement(Root, _extends({
|
|
95
95
|
ref: rangeRef,
|
|
96
96
|
view: view,
|
|
97
97
|
size: size,
|
|
98
98
|
disabled: disabled,
|
|
99
99
|
readOnly: !disabled && readOnly
|
|
100
|
-
}, rest), label && /*#__PURE__*/
|
|
100
|
+
}, rest), label && /*#__PURE__*/React__default.createElement(StyledIndicatorWrapper, null, /*#__PURE__*/React__default.createElement(StyledLabel, null, label), required && hasRequiredIndicator && /*#__PURE__*/React__default.createElement(StyledIndicator, {
|
|
101
101
|
className: cx(classes.requiredOuterPlacement, requiredPlacementClass)
|
|
102
|
-
})), /*#__PURE__*/
|
|
102
|
+
})), /*#__PURE__*/React__default.createElement(ContentWrapper, {
|
|
103
103
|
className: cx(rangeErrorClass, rangeSuccessClass)
|
|
104
|
-
}, !label && required && hasRequiredIndicator && /*#__PURE__*/
|
|
104
|
+
}, !label && required && hasRequiredIndicator && /*#__PURE__*/React__default.createElement(StyledIndicator, {
|
|
105
105
|
className: cx(requiredPlacementClass)
|
|
106
|
-
}), contentLeft && /*#__PURE__*/
|
|
106
|
+
}), contentLeft && /*#__PURE__*/React__default.createElement(StyledContentLeft, null, contentLeft), /*#__PURE__*/React__default.createElement(StyledInput, {
|
|
107
107
|
ref: firstTextFieldRef,
|
|
108
108
|
className: cx(firstValueErrorClass, firstValueSuccessClass),
|
|
109
109
|
value: firstValue,
|
|
@@ -121,7 +121,7 @@ var rangeRoot = function rangeRoot(Root) {
|
|
|
121
121
|
autoComplete: autoComplete,
|
|
122
122
|
"data-error": firstValueError,
|
|
123
123
|
"data-success": firstValueSuccess
|
|
124
|
-
}), Divider, /*#__PURE__*/
|
|
124
|
+
}), Divider, /*#__PURE__*/React__default.createElement(StyledInput, {
|
|
125
125
|
ref: secondTextFieldRef,
|
|
126
126
|
className: cx(secondValueErrorClass, secondValueSuccessClass),
|
|
127
127
|
value: secondValue,
|
|
@@ -137,7 +137,7 @@ var rangeRoot = function rangeRoot(Root) {
|
|
|
137
137
|
onFocus: onFocusSecondTextfield,
|
|
138
138
|
onBlur: onBlurSecondTextfield,
|
|
139
139
|
autoComplete: autoComplete
|
|
140
|
-
}), contentRight && /*#__PURE__*/
|
|
140
|
+
}), contentRight && /*#__PURE__*/React__default.createElement(StyledContentRight, null, contentRight)), leftHelper && /*#__PURE__*/React__default.createElement(LeftHelper, {
|
|
141
141
|
className: cx(rangeErrorClass, firstValueErrorClass, secondValueErrorClass, rangeSuccessClass, firstValueSuccessClass, secondValueSuccessClass)
|
|
142
142
|
}, leftHelper));
|
|
143
143
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Range.js","sources":["../../../src/components/Range/Range.tsx"],"sourcesContent":["import React, { forwardRef, useImperativeHandle, useMemo, useRef } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { RangeInputRefs, RangeProps } from './Range.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_readonly/base';\nimport { getChangeHandler, getSearchHandler } from './utils';\nimport {\n ContentWrapper,\n LeftHelper,\n StyledContentLeft,\n StyledContentRight,\n StyledDivider,\n StyledIndicator,\n StyledIndicatorWrapper,\n StyledInput,\n StyledLabel,\n base,\n} from './Range.styles';\nimport { classes } from './Range.tokens';\n\nexport const rangeRoot = (Root: RootProps<HTMLDivElement, RangeProps>) =>\n forwardRef<RangeInputRefs, RangeProps>(\n (\n {\n autoComplete,\n label,\n leftHelper,\n contentLeft,\n contentRight,\n view,\n size,\n readOnly = false,\n disabled = false,\n\n dividerVariant = 'dash',\n dividerIcon,\n\n firstValue,\n secondValue,\n firstValueError,\n secondValueError,\n firstValueSuccess,\n secondValueSuccess,\n firstPlaceholder,\n secondPlaceholder,\n firstTextfieldContentLeft,\n firstTextfieldContentRight,\n secondTextfieldContentLeft,\n secondTextfieldContentRight,\n firstTextfieldTextBefore,\n secondTextfieldTextBefore,\n firstTextfieldTextAfter,\n secondTextfieldTextAfter,\n\n required,\n requiredPlacement = 'right',\n hasRequiredIndicator = true,\n\n onChangeFirstValue,\n onChangeSecondValue,\n onSearchFirstValue,\n onSearchSecondValue,\n onFocusFirstTextfield,\n onFocusSecondTextfield,\n onBlurFirstTextfield,\n onBlurSecondTextfield,\n\n ...rest\n },\n ref,\n ) => {\n const rangeRef = useRef<HTMLDivElement>(null);\n const firstTextFieldRef = useRef<HTMLInputElement>(null);\n const secondTextFieldRef = useRef<HTMLInputElement>(null);\n\n const requiredPlacementClass = requiredPlacement === 'right' ? classes.requiredAlignRight : undefined;\n\n const rangeErrorClass = firstValueError && secondValueError ? classes.rangeError : undefined;\n\n const firstValueErrorClass = !rangeErrorClass && firstValueError ? classes.rangeValueError : undefined;\n const secondValueErrorClass = !rangeErrorClass && secondValueError ? classes.rangeValueError : undefined;\n\n const rangeSuccessClass = firstValueSuccess && secondValueSuccess ? classes.rangeSuccess : undefined;\n const firstValueSuccessClass =\n !rangeSuccessClass && firstValueSuccess ? classes.rangeValueSuccess : undefined;\n const secondValueSuccessClass =\n !rangeSuccessClass && secondValueSuccess ? classes.rangeValueSuccess : undefined;\n\n const handleChangeFirstValue = getChangeHandler(onChangeFirstValue, disabled, readOnly);\n const handleChangeSecondValue = getChangeHandler(onChangeSecondValue, disabled, readOnly);\n const handleSearchFirstValue = getSearchHandler(onSearchFirstValue, disabled, readOnly);\n const handleSearchSecondValue = getSearchHandler(onSearchSecondValue, disabled, readOnly);\n\n useImperativeHandle(\n ref,\n () => ({\n firstTextField: () => {\n return firstTextFieldRef;\n },\n secondTextField: () => {\n return secondTextFieldRef;\n },\n }),\n [firstTextFieldRef, secondTextFieldRef],\n );\n\n const Divider = useMemo(() => {\n if (dividerVariant === 'none') {\n return null;\n }\n\n if (dividerVariant === 'dash') {\n return <StyledDivider>–</StyledDivider>;\n }\n\n return <StyledDivider>{dividerIcon}</StyledDivider>;\n }, [dividerVariant, dividerIcon]);\n\n return (\n <Root\n ref={rangeRef}\n view={view}\n size={size}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n {...rest}\n >\n {label && (\n <StyledIndicatorWrapper>\n <StyledLabel>{label}</StyledLabel>\n\n {required && hasRequiredIndicator && (\n <StyledIndicator\n className={cx(classes.requiredOuterPlacement, requiredPlacementClass)}\n />\n )}\n </StyledIndicatorWrapper>\n )}\n <ContentWrapper className={cx(rangeErrorClass, rangeSuccessClass)}>\n {!label && required && hasRequiredIndicator && (\n <StyledIndicator className={cx(requiredPlacementClass)} />\n )}\n {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n <StyledInput\n ref={firstTextFieldRef}\n className={cx(firstValueErrorClass, firstValueSuccessClass)}\n value={firstValue}\n readOnly={readOnly}\n disabled={disabled}\n placeholder={firstPlaceholder}\n contentLeft={firstTextfieldContentLeft}\n contentRight={firstTextfieldContentRight}\n textBefore={firstTextfieldTextBefore}\n textAfter={firstTextfieldTextAfter}\n onChange={handleChangeFirstValue}\n onSearch={handleSearchFirstValue}\n onFocus={onFocusFirstTextfield}\n onBlur={onBlurFirstTextfield}\n autoComplete={autoComplete}\n data-error={firstValueError}\n data-success={firstValueSuccess}\n />\n {Divider}\n <StyledInput\n ref={secondTextFieldRef}\n className={cx(secondValueErrorClass, secondValueSuccessClass)}\n value={secondValue}\n readOnly={readOnly}\n disabled={disabled}\n placeholder={secondPlaceholder}\n contentLeft={secondTextfieldContentLeft}\n contentRight={secondTextfieldContentRight}\n textBefore={secondTextfieldTextBefore}\n textAfter={secondTextfieldTextAfter}\n onChange={handleChangeSecondValue}\n onSearch={handleSearchSecondValue}\n onFocus={onFocusSecondTextfield}\n onBlur={onBlurSecondTextfield}\n autoComplete={autoComplete}\n />\n {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n </ContentWrapper>\n {leftHelper && (\n <LeftHelper\n className={cx(\n rangeErrorClass,\n firstValueErrorClass,\n secondValueErrorClass,\n rangeSuccessClass,\n firstValueSuccessClass,\n secondValueSuccessClass,\n )}\n >\n {leftHelper}\n </LeftHelper>\n )}\n </Root>\n );\n },\n );\n\nexport const rangeConfig = {\n name: 'Range',\n tag: 'div',\n layout: rangeRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n readOnly: {\n css: readOnlyCSS,\n attrs: true,\n },\n },\n defaults: {\n size: 'm',\n view: 'default',\n },\n};\n"],"names":["rangeRoot","Root","forwardRef","_ref","ref","_StyledDivider2","autoComplete","label","leftHelper","contentLeft","contentRight","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","_ref$dividerVariant","dividerVariant","dividerIcon","firstValue","secondValue","firstValueError","secondValueError","firstValueSuccess","secondValueSuccess","firstPlaceholder","secondPlaceholder","firstTextfieldContentLeft","firstTextfieldContentRight","secondTextfieldContentLeft","secondTextfieldContentRight","firstTextfieldTextBefore","secondTextfieldTextBefore","firstTextfieldTextAfter","secondTextfieldTextAfter","required","_ref$requiredPlacemen","requiredPlacement","_ref$hasRequiredIndic","hasRequiredIndicator","onChangeFirstValue","onChangeSecondValue","onSearchFirstValue","onSearchSecondValue","onFocusFirstTextfield","onFocusSecondTextfield","onBlurFirstTextfield","onBlurSecondTextfield","rest","_objectWithoutProperties","_excluded","rangeRef","useRef","firstTextFieldRef","secondTextFieldRef","requiredPlacementClass","classes","requiredAlignRight","undefined","rangeErrorClass","rangeError","firstValueErrorClass","rangeValueError","secondValueErrorClass","rangeSuccessClass","rangeSuccess","firstValueSuccessClass","rangeValueSuccess","secondValueSuccessClass","handleChangeFirstValue","getChangeHandler","handleChangeSecondValue","handleSearchFirstValue","getSearchHandler","handleSearchSecondValue","useImperativeHandle","firstTextField","secondTextField","Divider","useMemo","_StyledDivider","React","createElement","StyledDivider","_extends","StyledIndicatorWrapper","StyledLabel","StyledIndicator","className","cx","requiredOuterPlacement","ContentWrapper","StyledContentLeft","StyledInput","value","placeholder","textBefore","textAfter","onChange","onSearch","onFocus","onBlur","StyledContentRight","LeftHelper","rangeConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","defaults"],"mappings":";;;;;;;;;;;;;IAyBaA,SAAS,GAAG,SAAZA,SAASA,CAAIC,IAA2C,EAAA;AAAA,EAAA,oBACjEC,UAAU,CACN,UAAAC,IAAA,EA+CIC,GAAG,EACF;AAAA,IAAA,IAAAC,eAAA,CAAA;AAAA,IAAA,IA9CGC,YAAY,GAAAH,IAAA,CAAZG,YAAY;MACZC,KAAK,GAAAJ,IAAA,CAALI,KAAK;MACLC,UAAU,GAAAL,IAAA,CAAVK,UAAU;MACVC,WAAW,GAAAN,IAAA,CAAXM,WAAW;MACXC,YAAY,GAAAP,IAAA,CAAZO,YAAY;MACZC,IAAI,GAAAR,IAAA,CAAJQ,IAAI;MACJC,IAAI,GAAAT,IAAA,CAAJS,IAAI;MAAAC,aAAA,GAAAV,IAAA,CACJW,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;MAAAE,aAAA,GAAAZ,IAAA,CAChBa,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;MAAAE,mBAAA,GAAAd,IAAA,CAEhBe,cAAc;AAAdA,MAAAA,cAAc,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,mBAAA;MACvBE,WAAW,GAAAhB,IAAA,CAAXgB,WAAW;MAEXC,UAAU,GAAAjB,IAAA,CAAViB,UAAU;MACVC,WAAW,GAAAlB,IAAA,CAAXkB,WAAW;MACXC,eAAe,GAAAnB,IAAA,CAAfmB,eAAe;MACfC,gBAAgB,GAAApB,IAAA,CAAhBoB,gBAAgB;MAChBC,iBAAiB,GAAArB,IAAA,CAAjBqB,iBAAiB;MACjBC,kBAAkB,GAAAtB,IAAA,CAAlBsB,kBAAkB;MAClBC,gBAAgB,GAAAvB,IAAA,CAAhBuB,gBAAgB;MAChBC,iBAAiB,GAAAxB,IAAA,CAAjBwB,iBAAiB;MACjBC,yBAAyB,GAAAzB,IAAA,CAAzByB,yBAAyB;MACzBC,0BAA0B,GAAA1B,IAAA,CAA1B0B,0BAA0B;MAC1BC,0BAA0B,GAAA3B,IAAA,CAA1B2B,0BAA0B;MAC1BC,2BAA2B,GAAA5B,IAAA,CAA3B4B,2BAA2B;MAC3BC,wBAAwB,GAAA7B,IAAA,CAAxB6B,wBAAwB;MACxBC,yBAAyB,GAAA9B,IAAA,CAAzB8B,yBAAyB;MACzBC,uBAAuB,GAAA/B,IAAA,CAAvB+B,uBAAuB;MACvBC,wBAAwB,GAAAhC,IAAA,CAAxBgC,wBAAwB;MAExBC,QAAQ,GAAAjC,IAAA,CAARiC,QAAQ;MAAAC,qBAAA,GAAAlC,IAAA,CACRmC,iBAAiB;AAAjBA,MAAAA,iBAAiB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,qBAAA;MAAAE,qBAAA,GAAApC,IAAA,CAC3BqC,oBAAoB;AAApBA,MAAAA,oBAAoB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,qBAAA;MAE3BE,kBAAkB,GAAAtC,IAAA,CAAlBsC,kBAAkB;MAClBC,mBAAmB,GAAAvC,IAAA,CAAnBuC,mBAAmB;MACnBC,kBAAkB,GAAAxC,IAAA,CAAlBwC,kBAAkB;MAClBC,mBAAmB,GAAAzC,IAAA,CAAnByC,mBAAmB;MACnBC,qBAAqB,GAAA1C,IAAA,CAArB0C,qBAAqB;MACrBC,sBAAsB,GAAA3C,IAAA,CAAtB2C,sBAAsB;MACtBC,oBAAoB,GAAA5C,IAAA,CAApB4C,oBAAoB;MACpBC,qBAAqB,GAAA7C,IAAA,CAArB6C,qBAAqB;AAElBC,MAAAA,IAAI,GAAAC,wBAAA,CAAA/C,IAAA,EAAAgD,SAAA,CAAA,CAAA;AAIX,IAAA,IAAMC,QAAQ,GAAGC,MAAM,CAAiB,IAAI,CAAC,CAAA;AAC7C,IAAA,IAAMC,iBAAiB,GAAGD,MAAM,CAAmB,IAAI,CAAC,CAAA;AACxD,IAAA,IAAME,kBAAkB,GAAGF,MAAM,CAAmB,IAAI,CAAC,CAAA;IAEzD,IAAMG,sBAAsB,GAAGlB,iBAAiB,KAAK,OAAO,GAAGmB,OAAO,CAACC,kBAAkB,GAAGC,SAAS,CAAA;IAErG,IAAMC,eAAe,GAAGtC,eAAe,IAAIC,gBAAgB,GAAGkC,OAAO,CAACI,UAAU,GAAGF,SAAS,CAAA;IAE5F,IAAMG,oBAAoB,GAAG,CAACF,eAAe,IAAItC,eAAe,GAAGmC,OAAO,CAACM,eAAe,GAAGJ,SAAS,CAAA;IACtG,IAAMK,qBAAqB,GAAG,CAACJ,eAAe,IAAIrC,gBAAgB,GAAGkC,OAAO,CAACM,eAAe,GAAGJ,SAAS,CAAA;IAExG,IAAMM,iBAAiB,GAAGzC,iBAAiB,IAAIC,kBAAkB,GAAGgC,OAAO,CAACS,YAAY,GAAGP,SAAS,CAAA;IACpG,IAAMQ,sBAAsB,GACxB,CAACF,iBAAiB,IAAIzC,iBAAiB,GAAGiC,OAAO,CAACW,iBAAiB,GAAGT,SAAS,CAAA;IACnF,IAAMU,uBAAuB,GACzB,CAACJ,iBAAiB,IAAIxC,kBAAkB,GAAGgC,OAAO,CAACW,iBAAiB,GAAGT,SAAS,CAAA;IAEpF,IAAMW,sBAAsB,GAAGC,gBAAgB,CAAC9B,kBAAkB,EAAEzB,QAAQ,EAAEF,QAAQ,CAAC,CAAA;IACvF,IAAM0D,uBAAuB,GAAGD,gBAAgB,CAAC7B,mBAAmB,EAAE1B,QAAQ,EAAEF,QAAQ,CAAC,CAAA;IACzF,IAAM2D,sBAAsB,GAAGC,gBAAgB,CAAC/B,kBAAkB,EAAE3B,QAAQ,EAAEF,QAAQ,CAAC,CAAA;IACvF,IAAM6D,uBAAuB,GAAGD,gBAAgB,CAAC9B,mBAAmB,EAAE5B,QAAQ,EAAEF,QAAQ,CAAC,CAAA;IAEzF8D,mBAAmB,CACfxE,GAAG,EACH,YAAA;MAAA,OAAO;QACHyE,cAAc,EAAE,SAAAA,cAAAA,GAAM;AAClB,UAAA,OAAOvB,iBAAiB,CAAA;SAC3B;QACDwB,eAAe,EAAE,SAAAA,eAAAA,GAAM;AACnB,UAAA,OAAOvB,kBAAkB,CAAA;AAC7B,SAAA;OACH,CAAA;AAAA,KAAC,EACF,CAACD,iBAAiB,EAAEC,kBAAkB,CAC1C,CAAC,CAAA;AAED,IAAA,IAAMwB,OAAO,GAAGC,OAAO,CAAC,YAAM;MAC1B,IAAI9D,cAAc,KAAK,MAAM,EAAE;AAC3B,QAAA,OAAO,IAAI,CAAA;AACf,OAAA;MAEA,IAAIA,cAAc,KAAK,MAAM,EAAE;QAC3B,OAAA+D,cAAA,KAAAA,cAAA,gBAAOC,KAAA,CAAAC,aAAA,CAACC,aAAa,EAAC,IAAA,EAAA,QAAgB,CAAC,CAAA,CAAA;AAC3C,OAAA;MAEA,OAAA/E,eAAA,KAAAA,eAAA,gBAAO6E,KAAA,CAAAC,aAAA,CAACC,aAAa,EAAEjE,IAAAA,EAAAA,WAA2B,CAAC,CAAA,CAAA;AACvD,KAAC,EAAE,CAACD,cAAc,EAAEC,WAAW,CAAC,CAAC,CAAA;AAEjC,IAAA,oBACI+D,KAAA,CAAAC,aAAA,CAAClF,IAAI,EAAAoF,QAAA,CAAA;AACDjF,MAAAA,GAAG,EAAEgD,QAAS;AACdzC,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;AACXI,MAAAA,QAAQ,EAAEA,QAAS;MACnBF,QAAQ,EAAE,CAACE,QAAQ,IAAIF,QAAAA;KACnBmC,EAAAA,IAAI,CAEP1C,EAAAA,KAAK,iBACF2E,KAAA,CAAAC,aAAA,CAACG,sBAAsB,EACnBJ,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAACI,WAAW,EAAEhF,IAAAA,EAAAA,KAAmB,CAAC,EAEjC6B,QAAQ,IAAII,oBAAoB,iBAC7B0C,KAAA,CAAAC,aAAA,CAACK,eAAe,EAAA;AACZC,MAAAA,SAAS,EAAEC,EAAE,CAACjC,OAAO,CAACkC,sBAAsB,EAAEnC,sBAAsB,CAAA;AAAE,KACzE,CAEe,CAC3B,eACD0B,KAAA,CAAAC,aAAA,CAACS,cAAc,EAAA;AAACH,MAAAA,SAAS,EAAEC,EAAE,CAAC9B,eAAe,EAAEK,iBAAiB,CAAA;KAC3D,EAAA,CAAC1D,KAAK,IAAI6B,QAAQ,IAAII,oBAAoB,iBACvC0C,KAAA,CAAAC,aAAA,CAACK,eAAe,EAAA;MAACC,SAAS,EAAEC,EAAE,CAAClC,sBAAsB,CAAA;AAAE,KAAE,CAC5D,EACA/C,WAAW,iBAAIyE,KAAA,CAAAC,aAAA,CAACU,iBAAiB,EAAA,IAAA,EAAEpF,WAA+B,CAAC,eACpEyE,KAAA,CAAAC,aAAA,CAACW,WAAW,EAAA;AACR1F,MAAAA,GAAG,EAAEkD,iBAAkB;AACvBmC,MAAAA,SAAS,EAAEC,EAAE,CAAC5B,oBAAoB,EAAEK,sBAAsB,CAAE;AAC5D4B,MAAAA,KAAK,EAAE3E,UAAW;AAClBN,MAAAA,QAAQ,EAAEA,QAAS;AACnBE,MAAAA,QAAQ,EAAEA,QAAS;AACnBgF,MAAAA,WAAW,EAAEtE,gBAAiB;AAC9BjB,MAAAA,WAAW,EAAEmB,yBAA0B;AACvClB,MAAAA,YAAY,EAAEmB,0BAA2B;AACzCoE,MAAAA,UAAU,EAAEjE,wBAAyB;AACrCkE,MAAAA,SAAS,EAAEhE,uBAAwB;AACnCiE,MAAAA,QAAQ,EAAE7B,sBAAuB;AACjC8B,MAAAA,QAAQ,EAAE3B,sBAAuB;AACjC4B,MAAAA,OAAO,EAAExD,qBAAsB;AAC/ByD,MAAAA,MAAM,EAAEvD,oBAAqB;AAC7BzC,MAAAA,YAAY,EAAEA,YAAa;AAC3B,MAAA,YAAA,EAAYgB,eAAgB;MAC5B,cAAcE,EAAAA,iBAAAA;KACjB,CAAC,EACDuD,OAAO,eACRG,KAAA,CAAAC,aAAA,CAACW,WAAW,EAAA;AACR1F,MAAAA,GAAG,EAAEmD,kBAAmB;AACxBkC,MAAAA,SAAS,EAAEC,EAAE,CAAC1B,qBAAqB,EAAEK,uBAAuB,CAAE;AAC9D0B,MAAAA,KAAK,EAAE1E,WAAY;AACnBP,MAAAA,QAAQ,EAAEA,QAAS;AACnBE,MAAAA,QAAQ,EAAEA,QAAS;AACnBgF,MAAAA,WAAW,EAAErE,iBAAkB;AAC/BlB,MAAAA,WAAW,EAAEqB,0BAA2B;AACxCpB,MAAAA,YAAY,EAAEqB,2BAA4B;AAC1CkE,MAAAA,UAAU,EAAEhE,yBAA0B;AACtCiE,MAAAA,SAAS,EAAE/D,wBAAyB;AACpCgE,MAAAA,QAAQ,EAAE3B,uBAAwB;AAClC4B,MAAAA,QAAQ,EAAEzB,uBAAwB;AAClC0B,MAAAA,OAAO,EAAEvD,sBAAuB;AAChCwD,MAAAA,MAAM,EAAEtD,qBAAsB;AAC9B1C,MAAAA,YAAY,EAAEA,YAAAA;KACjB,CAAC,EACDI,YAAY,iBAAIwE,KAAA,CAAAC,aAAA,CAACoB,kBAAkB,EAAA,IAAA,EAAE7F,YAAiC,CAC3D,CAAC,EAChBF,UAAU,iBACP0E,KAAA,CAAAC,aAAA,CAACqB,UAAU,EAAA;AACPf,MAAAA,SAAS,EAAEC,EAAE,CACT9B,eAAe,EACfE,oBAAoB,EACpBE,qBAAqB,EACrBC,iBAAiB,EACjBE,sBAAsB,EACtBE,uBACJ,CAAA;KAEC7D,EAAAA,UACO,CAEd,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMiG,WAAW,GAAG;AACvBC,EAAAA,IAAI,EAAE,OAAO;AACbC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE5G,SAAS;AACjB6G,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRnG,IAAAA,IAAI,EAAE;AACFoG,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDpG,IAAAA,IAAI,EAAE;AACFmG,MAAAA,GAAG,EAAEE,MAAAA;KACR;AACDjG,IAAAA,QAAQ,EAAE;AACN+F,MAAAA,GAAG,EAAEG,MAAW;AAChBC,MAAAA,KAAK,EAAE,IAAA;KACV;AACDrG,IAAAA,QAAQ,EAAE;AACNiG,MAAAA,GAAG,EAAEK,MAAW;AAChBD,MAAAA,KAAK,EAAE,IAAA;AACX,KAAA;GACH;AACDE,EAAAA,QAAQ,EAAE;AACNzG,IAAAA,IAAI,EAAE,GAAG;AACTD,IAAAA,IAAI,EAAE,SAAA;AACV,GAAA;AACJ;;;;"}
|
|
1
|
+
{"version":3,"file":"Range.js","sources":["../../../src/components/Range/Range.tsx"],"sourcesContent":["import React, { forwardRef, useImperativeHandle, useMemo, useRef } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { RangeInputRefs, RangeProps } from './Range.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_readonly/base';\nimport { getChangeHandler, getSearchHandler } from './utils';\nimport {\n ContentWrapper,\n LeftHelper,\n StyledContentLeft,\n StyledContentRight,\n StyledDivider,\n StyledIndicator,\n StyledIndicatorWrapper,\n StyledInput,\n StyledLabel,\n base,\n} from './Range.styles';\nimport { classes } from './Range.tokens';\n\nexport const rangeRoot = (Root: RootProps<HTMLDivElement, RangeProps>) =>\n forwardRef<RangeInputRefs, RangeProps>(\n (\n {\n autoComplete,\n label,\n leftHelper,\n contentLeft,\n contentRight,\n view,\n size,\n readOnly = false,\n disabled = false,\n\n dividerVariant = 'dash',\n dividerIcon,\n\n firstValue,\n secondValue,\n firstValueError,\n secondValueError,\n firstValueSuccess,\n secondValueSuccess,\n firstPlaceholder,\n secondPlaceholder,\n firstTextfieldContentLeft,\n firstTextfieldContentRight,\n secondTextfieldContentLeft,\n secondTextfieldContentRight,\n firstTextfieldTextBefore,\n secondTextfieldTextBefore,\n firstTextfieldTextAfter,\n secondTextfieldTextAfter,\n\n required,\n requiredPlacement = 'right',\n hasRequiredIndicator = true,\n\n onChangeFirstValue,\n onChangeSecondValue,\n onSearchFirstValue,\n onSearchSecondValue,\n onFocusFirstTextfield,\n onFocusSecondTextfield,\n onBlurFirstTextfield,\n onBlurSecondTextfield,\n\n ...rest\n },\n ref,\n ) => {\n const rangeRef = useRef<HTMLDivElement>(null);\n const firstTextFieldRef = useRef<HTMLInputElement>(null);\n const secondTextFieldRef = useRef<HTMLInputElement>(null);\n\n const requiredPlacementClass = requiredPlacement === 'right' ? classes.requiredAlignRight : undefined;\n\n const rangeErrorClass = firstValueError && secondValueError ? classes.rangeError : undefined;\n\n const firstValueErrorClass = !rangeErrorClass && firstValueError ? classes.rangeValueError : undefined;\n const secondValueErrorClass = !rangeErrorClass && secondValueError ? classes.rangeValueError : undefined;\n\n const rangeSuccessClass = firstValueSuccess && secondValueSuccess ? classes.rangeSuccess : undefined;\n const firstValueSuccessClass =\n !rangeSuccessClass && firstValueSuccess ? classes.rangeValueSuccess : undefined;\n const secondValueSuccessClass =\n !rangeSuccessClass && secondValueSuccess ? classes.rangeValueSuccess : undefined;\n\n const handleChangeFirstValue = getChangeHandler(onChangeFirstValue, disabled, readOnly);\n const handleChangeSecondValue = getChangeHandler(onChangeSecondValue, disabled, readOnly);\n const handleSearchFirstValue = getSearchHandler(onSearchFirstValue, disabled, readOnly);\n const handleSearchSecondValue = getSearchHandler(onSearchSecondValue, disabled, readOnly);\n\n useImperativeHandle(\n ref,\n () => ({\n firstTextField: () => {\n return firstTextFieldRef;\n },\n secondTextField: () => {\n return secondTextFieldRef;\n },\n }),\n [firstTextFieldRef, secondTextFieldRef],\n );\n\n const Divider = useMemo(() => {\n if (dividerVariant === 'none') {\n return null;\n }\n\n if (dividerVariant === 'dash') {\n return <StyledDivider>–</StyledDivider>;\n }\n\n return <StyledDivider>{dividerIcon}</StyledDivider>;\n }, [dividerVariant, dividerIcon]);\n\n return (\n <Root\n ref={rangeRef}\n view={view}\n size={size}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n {...rest}\n >\n {label && (\n <StyledIndicatorWrapper>\n <StyledLabel>{label}</StyledLabel>\n\n {required && hasRequiredIndicator && (\n <StyledIndicator\n className={cx(classes.requiredOuterPlacement, requiredPlacementClass)}\n />\n )}\n </StyledIndicatorWrapper>\n )}\n <ContentWrapper className={cx(rangeErrorClass, rangeSuccessClass)}>\n {!label && required && hasRequiredIndicator && (\n <StyledIndicator className={cx(requiredPlacementClass)} />\n )}\n {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n <StyledInput\n ref={firstTextFieldRef}\n className={cx(firstValueErrorClass, firstValueSuccessClass)}\n value={firstValue}\n readOnly={readOnly}\n disabled={disabled}\n placeholder={firstPlaceholder}\n contentLeft={firstTextfieldContentLeft}\n contentRight={firstTextfieldContentRight}\n textBefore={firstTextfieldTextBefore}\n textAfter={firstTextfieldTextAfter}\n onChange={handleChangeFirstValue}\n onSearch={handleSearchFirstValue}\n onFocus={onFocusFirstTextfield}\n onBlur={onBlurFirstTextfield}\n autoComplete={autoComplete}\n data-error={firstValueError}\n data-success={firstValueSuccess}\n />\n {Divider}\n <StyledInput\n ref={secondTextFieldRef}\n className={cx(secondValueErrorClass, secondValueSuccessClass)}\n value={secondValue}\n readOnly={readOnly}\n disabled={disabled}\n placeholder={secondPlaceholder}\n contentLeft={secondTextfieldContentLeft}\n contentRight={secondTextfieldContentRight}\n textBefore={secondTextfieldTextBefore}\n textAfter={secondTextfieldTextAfter}\n onChange={handleChangeSecondValue}\n onSearch={handleSearchSecondValue}\n onFocus={onFocusSecondTextfield}\n onBlur={onBlurSecondTextfield}\n autoComplete={autoComplete}\n />\n {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n </ContentWrapper>\n {leftHelper && (\n <LeftHelper\n className={cx(\n rangeErrorClass,\n firstValueErrorClass,\n secondValueErrorClass,\n rangeSuccessClass,\n firstValueSuccessClass,\n secondValueSuccessClass,\n )}\n >\n {leftHelper}\n </LeftHelper>\n )}\n </Root>\n );\n },\n );\n\nexport const rangeConfig = {\n name: 'Range',\n tag: 'div',\n layout: rangeRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n readOnly: {\n css: readOnlyCSS,\n attrs: true,\n },\n },\n defaults: {\n size: 'm',\n view: 'default',\n },\n};\n"],"names":["rangeRoot","Root","forwardRef","_ref","ref","_StyledDivider2","autoComplete","label","leftHelper","contentLeft","contentRight","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","_ref$dividerVariant","dividerVariant","dividerIcon","firstValue","secondValue","firstValueError","secondValueError","firstValueSuccess","secondValueSuccess","firstPlaceholder","secondPlaceholder","firstTextfieldContentLeft","firstTextfieldContentRight","secondTextfieldContentLeft","secondTextfieldContentRight","firstTextfieldTextBefore","secondTextfieldTextBefore","firstTextfieldTextAfter","secondTextfieldTextAfter","required","_ref$requiredPlacemen","requiredPlacement","_ref$hasRequiredIndic","hasRequiredIndicator","onChangeFirstValue","onChangeSecondValue","onSearchFirstValue","onSearchSecondValue","onFocusFirstTextfield","onFocusSecondTextfield","onBlurFirstTextfield","onBlurSecondTextfield","rest","_objectWithoutProperties","_excluded","rangeRef","useRef","firstTextFieldRef","secondTextFieldRef","requiredPlacementClass","classes","requiredAlignRight","undefined","rangeErrorClass","rangeError","firstValueErrorClass","rangeValueError","secondValueErrorClass","rangeSuccessClass","rangeSuccess","firstValueSuccessClass","rangeValueSuccess","secondValueSuccessClass","handleChangeFirstValue","getChangeHandler","handleChangeSecondValue","handleSearchFirstValue","getSearchHandler","handleSearchSecondValue","useImperativeHandle","firstTextField","secondTextField","Divider","useMemo","_StyledDivider","React","createElement","StyledDivider","_extends","StyledIndicatorWrapper","StyledLabel","StyledIndicator","className","cx","requiredOuterPlacement","ContentWrapper","StyledContentLeft","StyledInput","value","placeholder","textBefore","textAfter","onChange","onSearch","onFocus","onBlur","StyledContentRight","LeftHelper","rangeConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","defaults"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
-
import
|
|
2
|
+
import React__default, { forwardRef, useRef, useState, useEffect } from 'react';
|
|
3
3
|
import { cx } from '../../utils/index.js';
|
|
4
4
|
import { Content, Score, Wrapper, StarsWrapper, HelperText, base } from './Rating.styles.js';
|
|
5
5
|
import { base as base$1 } from './variations/_view/base.js';
|
|
@@ -70,14 +70,14 @@ var ratingRoot = function ratingRoot(Root) {
|
|
|
70
70
|
if (!hasValue && !hasIcons) {
|
|
71
71
|
return null;
|
|
72
72
|
}
|
|
73
|
-
return /*#__PURE__*/
|
|
73
|
+
return /*#__PURE__*/React__default.createElement(Root, _extends({
|
|
74
74
|
ref: ref,
|
|
75
75
|
view: view,
|
|
76
76
|
size: size
|
|
77
|
-
}, rest), /*#__PURE__*/
|
|
77
|
+
}, rest), /*#__PURE__*/React__default.createElement(Content, {
|
|
78
78
|
ref: contentRef,
|
|
79
79
|
className: cx(valuePlacement === 'after' && classes.valueAfter, iconQuantity === 1 && classes.singleIconContent)
|
|
80
|
-
}, hasValue && innerValue && /*#__PURE__*/
|
|
80
|
+
}, hasValue && innerValue && /*#__PURE__*/React__default.createElement(Score, null, innerValue), hasIcons && /*#__PURE__*/React__default.createElement(Wrapper, null, /*#__PURE__*/React__default.createElement(StarsWrapper, {
|
|
81
81
|
ref: starsWrapperRef
|
|
82
82
|
}, getIcons({
|
|
83
83
|
innerValue: innerValue,
|
|
@@ -86,11 +86,11 @@ var ratingRoot = function ratingRoot(Root) {
|
|
|
86
86
|
iconSlot: iconSlot,
|
|
87
87
|
iconSlotOutline: iconSlotOutline,
|
|
88
88
|
iconSlotHalf: iconSlotHalf
|
|
89
|
-
})), helperText && getHelperTextPlacement(value, size, hasIcons, iconQuantity) === helperTextPlacements.inner && /*#__PURE__*/
|
|
89
|
+
})), helperText && getHelperTextPlacement(value, size, hasIcons, iconQuantity) === helperTextPlacements.inner && /*#__PURE__*/React__default.createElement(HelperText, {
|
|
90
90
|
style: {
|
|
91
91
|
maxWidth: helperTextMaxWidth
|
|
92
92
|
}
|
|
93
|
-
}, helperText))), helperText && getHelperTextPlacement(value, size, hasIcons, iconQuantity) === helperTextPlacements.outer && /*#__PURE__*/
|
|
93
|
+
}, helperText))), helperText && getHelperTextPlacement(value, size, hasIcons, iconQuantity) === helperTextPlacements.outer && /*#__PURE__*/React__default.createElement(HelperText, {
|
|
94
94
|
className: classes.helperTextOuter,
|
|
95
95
|
style: {
|
|
96
96
|
maxWidth: helperTextMaxWidth
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Rating.js","sources":["../../../src/components/Rating/Rating.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { RatingProps } from './Rating.types';\nimport { base, Content, HelperText, Score, StarsWrapper, Wrapper } from './Rating.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { getHelperTextPlacement, getInnerValue, helperTextPlacements } from './utils';\nimport { classes } from './Rating.tokens';\nimport { getIcons } from './utils/getIcons';\n\nexport const ratingRoot = (Root: RootProps<HTMLDivElement, RatingProps>) =>\n forwardRef<HTMLInputElement, RatingProps>(\n (\n {\n value,\n hasValue = true,\n precision = 1,\n valuePlacement,\n\n iconSlot,\n iconSlotOutline,\n iconSlotHalf,\n hasIcons = true,\n iconQuantity = 5,\n\n helperText,\n helperTextStretching = 'filled',\n size,\n view,\n ...rest\n },\n ref,\n ) => {\n const innerValue = getInnerValue(value, precision, iconQuantity);\n\n const contentRef = useRef<HTMLDivElement>(null);\n const starsWrapperRef = useRef<HTMLDivElement>(null);\n\n const [helperTextMaxWidth, setHelperTextMaxWidth] = useState('unset');\n\n useEffect(() => {\n if (!hasValue && !hasIcons) {\n // eslint-disable-next-line no-console\n console.error(\"Rating should have at least one of 'hasValue' or 'hasIcons' props\");\n }\n }, [hasValue, hasIcons]);\n\n useEffect(() => {\n if (helperTextStretching === 'filled') {\n setHelperTextMaxWidth('unset');\n return;\n }\n\n const helpertextPlacement = getHelperTextPlacement(value, size, hasIcons, iconQuantity);\n\n if (helpertextPlacement === helperTextPlacements.inner) {\n if (!starsWrapperRef?.current) {\n setHelperTextMaxWidth('unset');\n return;\n }\n\n const starsWrapperWidth = starsWrapperRef.current.offsetWidth;\n setHelperTextMaxWidth(`${starsWrapperWidth}px`);\n } else if (helpertextPlacement === helperTextPlacements.outer) {\n if (!contentRef?.current) {\n setHelperTextMaxWidth('unset');\n return;\n }\n\n const starsWrapperWidth = contentRef.current.offsetWidth;\n setHelperTextMaxWidth(`${starsWrapperWidth}px`);\n }\n }, [helperTextStretching, helperText, hasValue, hasIcons, precision, value, iconQuantity]);\n\n // INFO: Если выключено отображение иконок и значения, нет смысла показывать только helperText\n if (!hasValue && !hasIcons) {\n return null;\n }\n\n return (\n <Root ref={ref} view={view} size={size} {...rest}>\n <Content\n ref={contentRef}\n className={cx(\n valuePlacement === 'after' && classes.valueAfter,\n iconQuantity === 1 && classes.singleIconContent,\n )}\n >\n {hasValue && innerValue && <Score>{innerValue}</Score>}\n {hasIcons && (\n <Wrapper>\n <StarsWrapper ref={starsWrapperRef}>\n {getIcons({\n innerValue,\n size,\n iconQuantity,\n iconSlot,\n iconSlotOutline,\n iconSlotHalf,\n })}\n </StarsWrapper>\n {helperText &&\n getHelperTextPlacement(value, size, hasIcons, iconQuantity) ===\n helperTextPlacements.inner && (\n <HelperText style={{ maxWidth: helperTextMaxWidth }}>{helperText}</HelperText>\n )}\n </Wrapper>\n )}\n </Content>\n\n {helperText &&\n getHelperTextPlacement(value, size, hasIcons, iconQuantity) === helperTextPlacements.outer && (\n <HelperText className={classes.helperTextOuter} style={{ maxWidth: helperTextMaxWidth }}>\n {helperText}\n </HelperText>\n )}\n </Root>\n );\n },\n );\n\nexport const ratingConfig = {\n name: 'Rating',\n tag: 'div',\n layout: ratingRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'l',\n },\n};\n"],"names":["ratingRoot","Root","forwardRef","_ref","ref","value","_ref$hasValue","hasValue","_ref$precision","precision","valuePlacement","iconSlot","iconSlotOutline","iconSlotHalf","_ref$hasIcons","hasIcons","_ref$iconQuantity","iconQuantity","helperText","_ref$helperTextStretc","helperTextStretching","size","view","rest","_objectWithoutProperties","_excluded","innerValue","getInnerValue","contentRef","useRef","starsWrapperRef","_useState","useState","_useState2","_slicedToArray","helperTextMaxWidth","setHelperTextMaxWidth","useEffect","console","error","helpertextPlacement","getHelperTextPlacement","helperTextPlacements","inner","current","starsWrapperWidth","offsetWidth","concat","outer","React","createElement","_extends","Content","className","cx","classes","valueAfter","singleIconContent","Score","Wrapper","StarsWrapper","getIcons","HelperText","style","maxWidth","helperTextOuter","ratingConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Rating.js","sources":["../../../src/components/Rating/Rating.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { RatingProps } from './Rating.types';\nimport { base, Content, HelperText, Score, StarsWrapper, Wrapper } from './Rating.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { getHelperTextPlacement, getInnerValue, helperTextPlacements } from './utils';\nimport { classes } from './Rating.tokens';\nimport { getIcons } from './utils/getIcons';\n\nexport const ratingRoot = (Root: RootProps<HTMLDivElement, RatingProps>) =>\n forwardRef<HTMLInputElement, RatingProps>(\n (\n {\n value,\n hasValue = true,\n precision = 1,\n valuePlacement,\n\n iconSlot,\n iconSlotOutline,\n iconSlotHalf,\n hasIcons = true,\n iconQuantity = 5,\n\n helperText,\n helperTextStretching = 'filled',\n size,\n view,\n ...rest\n },\n ref,\n ) => {\n const innerValue = getInnerValue(value, precision, iconQuantity);\n\n const contentRef = useRef<HTMLDivElement>(null);\n const starsWrapperRef = useRef<HTMLDivElement>(null);\n\n const [helperTextMaxWidth, setHelperTextMaxWidth] = useState('unset');\n\n useEffect(() => {\n if (!hasValue && !hasIcons) {\n // eslint-disable-next-line no-console\n console.error(\"Rating should have at least one of 'hasValue' or 'hasIcons' props\");\n }\n }, [hasValue, hasIcons]);\n\n useEffect(() => {\n if (helperTextStretching === 'filled') {\n setHelperTextMaxWidth('unset');\n return;\n }\n\n const helpertextPlacement = getHelperTextPlacement(value, size, hasIcons, iconQuantity);\n\n if (helpertextPlacement === helperTextPlacements.inner) {\n if (!starsWrapperRef?.current) {\n setHelperTextMaxWidth('unset');\n return;\n }\n\n const starsWrapperWidth = starsWrapperRef.current.offsetWidth;\n setHelperTextMaxWidth(`${starsWrapperWidth}px`);\n } else if (helpertextPlacement === helperTextPlacements.outer) {\n if (!contentRef?.current) {\n setHelperTextMaxWidth('unset');\n return;\n }\n\n const starsWrapperWidth = contentRef.current.offsetWidth;\n setHelperTextMaxWidth(`${starsWrapperWidth}px`);\n }\n }, [helperTextStretching, helperText, hasValue, hasIcons, precision, value, iconQuantity]);\n\n // INFO: Если выключено отображение иконок и значения, нет смысла показывать только helperText\n if (!hasValue && !hasIcons) {\n return null;\n }\n\n return (\n <Root ref={ref} view={view} size={size} {...rest}>\n <Content\n ref={contentRef}\n className={cx(\n valuePlacement === 'after' && classes.valueAfter,\n iconQuantity === 1 && classes.singleIconContent,\n )}\n >\n {hasValue && innerValue && <Score>{innerValue}</Score>}\n {hasIcons && (\n <Wrapper>\n <StarsWrapper ref={starsWrapperRef}>\n {getIcons({\n innerValue,\n size,\n iconQuantity,\n iconSlot,\n iconSlotOutline,\n iconSlotHalf,\n })}\n </StarsWrapper>\n {helperText &&\n getHelperTextPlacement(value, size, hasIcons, iconQuantity) ===\n helperTextPlacements.inner && (\n <HelperText style={{ maxWidth: helperTextMaxWidth }}>{helperText}</HelperText>\n )}\n </Wrapper>\n )}\n </Content>\n\n {helperText &&\n getHelperTextPlacement(value, size, hasIcons, iconQuantity) === helperTextPlacements.outer && (\n <HelperText className={classes.helperTextOuter} style={{ maxWidth: helperTextMaxWidth }}>\n {helperText}\n </HelperText>\n )}\n </Root>\n );\n },\n );\n\nexport const ratingConfig = {\n name: 'Rating',\n tag: 'div',\n layout: ratingRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'l',\n },\n};\n"],"names":["ratingRoot","Root","forwardRef","_ref","ref","value","_ref$hasValue","hasValue","_ref$precision","precision","valuePlacement","iconSlot","iconSlotOutline","iconSlotHalf","_ref$hasIcons","hasIcons","_ref$iconQuantity","iconQuantity","helperText","_ref$helperTextStretc","helperTextStretching","size","view","rest","_objectWithoutProperties","_excluded","innerValue","getInnerValue","contentRef","useRef","starsWrapperRef","_useState","useState","_useState2","_slicedToArray","helperTextMaxWidth","setHelperTextMaxWidth","useEffect","console","error","helpertextPlacement","getHelperTextPlacement","helperTextPlacements","inner","current","starsWrapperWidth","offsetWidth","concat","outer","React","createElement","_extends","Content","className","cx","classes","valueAfter","singleIconContent","Score","Wrapper","StarsWrapper","getIcons","HelperText","style","maxWidth","helperTextOuter","ratingConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":";;;;;;;;;;;IAaaA,UAAU,GAAG,SAAbA,UAAUA,CAAIC,IAA4C,EAAA;AAAA,EAAA,oBACnEC,UAAU,CACN,UAAAC,IAAA,EAmBIC,GAAG,EACF;AAAA,IAAA,IAlBGC,KAAK,GAAAF,IAAA,CAALE,KAAK;MAAAC,aAAA,GAAAH,IAAA,CACLI,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,aAAA;MAAAE,cAAA,GAAAL,IAAA,CACfM,SAAS;AAATA,MAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,cAAA;MACbE,cAAc,GAAAP,IAAA,CAAdO,cAAc;MAEdC,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;MACRC,eAAe,GAAAT,IAAA,CAAfS,eAAe;MACfC,YAAY,GAAAV,IAAA,CAAZU,YAAY;MAAAC,aAAA,GAAAX,IAAA,CACZY,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,aAAA;MAAAE,iBAAA,GAAAb,IAAA,CACfc,YAAY;AAAZA,MAAAA,YAAY,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,iBAAA;MAEhBE,UAAU,GAAAf,IAAA,CAAVe,UAAU;MAAAC,qBAAA,GAAAhB,IAAA,CACViB,oBAAoB;AAApBA,MAAAA,oBAAoB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,qBAAA;MAC/BE,IAAI,GAAAlB,IAAA,CAAJkB,IAAI;MACJC,IAAI,GAAAnB,IAAA,CAAJmB,IAAI;AACDC,MAAAA,IAAI,GAAAC,wBAAA,CAAArB,IAAA,EAAAsB,SAAA,CAAA,CAAA;IAIX,IAAMC,UAAU,GAAGC,aAAa,CAACtB,KAAK,EAAEI,SAAS,EAAEQ,YAAY,CAAC,CAAA;AAEhE,IAAA,IAAMW,UAAU,GAAGC,MAAM,CAAiB,IAAI,CAAC,CAAA;AAC/C,IAAA,IAAMC,eAAe,GAAGD,MAAM,CAAiB,IAAI,CAAC,CAAA;AAEpD,IAAA,IAAAE,SAAA,GAAoDC,QAAQ,CAAC,OAAO,CAAC;MAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA9DI,MAAAA,kBAAkB,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,qBAAqB,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAEhDI,IAAAA,SAAS,CAAC,YAAM;AACZ,MAAA,IAAI,CAAC9B,QAAQ,IAAI,CAACQ,QAAQ,EAAE;AACxB;AACAuB,QAAAA,OAAO,CAACC,KAAK,CAAC,mEAAmE,CAAC,CAAA;AACtF,OAAA;AACJ,KAAC,EAAE,CAAChC,QAAQ,EAAEQ,QAAQ,CAAC,CAAC,CAAA;AAExBsB,IAAAA,SAAS,CAAC,YAAM;MACZ,IAAIjB,oBAAoB,KAAK,QAAQ,EAAE;QACnCgB,qBAAqB,CAAC,OAAO,CAAC,CAAA;AAC9B,QAAA,OAAA;AACJ,OAAA;MAEA,IAAMI,mBAAmB,GAAGC,sBAAsB,CAACpC,KAAK,EAAEgB,IAAI,EAAEN,QAAQ,EAAEE,YAAY,CAAC,CAAA;AAEvF,MAAA,IAAIuB,mBAAmB,KAAKE,oBAAoB,CAACC,KAAK,EAAE;QACpD,IAAI,EAACb,eAAe,KAAfA,IAAAA,IAAAA,eAAe,eAAfA,eAAe,CAAEc,OAAO,CAAE,EAAA;UAC3BR,qBAAqB,CAAC,OAAO,CAAC,CAAA;AAC9B,UAAA,OAAA;AACJ,SAAA;AAEA,QAAA,IAAMS,iBAAiB,GAAGf,eAAe,CAACc,OAAO,CAACE,WAAW,CAAA;AAC7DV,QAAAA,qBAAqB,CAAAW,EAAAA,CAAAA,MAAA,CAAIF,iBAAiB,OAAI,CAAC,CAAA;AACnD,OAAC,MAAM,IAAIL,mBAAmB,KAAKE,oBAAoB,CAACM,KAAK,EAAE;QAC3D,IAAI,EAACpB,UAAU,KAAVA,IAAAA,IAAAA,UAAU,eAAVA,UAAU,CAAEgB,OAAO,CAAE,EAAA;UACtBR,qBAAqB,CAAC,OAAO,CAAC,CAAA;AAC9B,UAAA,OAAA;AACJ,SAAA;AAEA,QAAA,IAAMS,kBAAiB,GAAGjB,UAAU,CAACgB,OAAO,CAACE,WAAW,CAAA;AACxDV,QAAAA,qBAAqB,CAAAW,EAAAA,CAAAA,MAAA,CAAIF,kBAAiB,OAAI,CAAC,CAAA;AACnD,OAAA;AACJ,KAAC,EAAE,CAACzB,oBAAoB,EAAEF,UAAU,EAAEX,QAAQ,EAAEQ,QAAQ,EAAEN,SAAS,EAAEJ,KAAK,EAAEY,YAAY,CAAC,CAAC,CAAA;;AAE1F;AACA,IAAA,IAAI,CAACV,QAAQ,IAAI,CAACQ,QAAQ,EAAE;AACxB,MAAA,OAAO,IAAI,CAAA;AACf,KAAA;AAEA,IAAA,oBACIkC,cAAA,CAAAC,aAAA,CAACjD,IAAI,EAAAkD,QAAA,CAAA;AAAC/C,MAAAA,GAAG,EAAEA,GAAI;AAACkB,MAAAA,IAAI,EAAEA,IAAK;AAACD,MAAAA,IAAI,EAAEA,IAAAA;AAAK,KAAA,EAAKE,IAAI,CAC5C0B,eAAAA,cAAA,CAAAC,aAAA,CAACE,OAAO,EAAA;AACJhD,MAAAA,GAAG,EAAEwB,UAAW;AAChByB,MAAAA,SAAS,EAAEC,EAAE,CACT5C,cAAc,KAAK,OAAO,IAAI6C,OAAO,CAACC,UAAU,EAChDvC,YAAY,KAAK,CAAC,IAAIsC,OAAO,CAACE,iBAClC,CAAA;KAEClD,EAAAA,QAAQ,IAAImB,UAAU,iBAAIuB,cAAA,CAAAC,aAAA,CAACQ,KAAK,EAAA,IAAA,EAAEhC,UAAkB,CAAC,EACrDX,QAAQ,iBACLkC,cAAA,CAAAC,aAAA,CAACS,OAAO,EAAA,IAAA,eACJV,cAAA,CAAAC,aAAA,CAACU,YAAY,EAAA;AAACxD,MAAAA,GAAG,EAAE0B,eAAAA;AAAgB,KAAA,EAC9B+B,QAAQ,CAAC;AACNnC,MAAAA,UAAU,EAAVA,UAAU;AACVL,MAAAA,IAAI,EAAJA,IAAI;AACJJ,MAAAA,YAAY,EAAZA,YAAY;AACZN,MAAAA,QAAQ,EAARA,QAAQ;AACRC,MAAAA,eAAe,EAAfA,eAAe;AACfC,MAAAA,YAAY,EAAZA,YAAAA;KACH,CACS,CAAC,EACdK,UAAU,IACPuB,sBAAsB,CAACpC,KAAK,EAAEgB,IAAI,EAAEN,QAAQ,EAAEE,YAAY,CAAC,KACvDyB,oBAAoB,CAACC,KAAK,iBAC1BM,cAAA,CAAAC,aAAA,CAACY,UAAU,EAAA;AAACC,MAAAA,KAAK,EAAE;AAAEC,QAAAA,QAAQ,EAAE7B,kBAAAA;AAAmB,OAAA;KAAIjB,EAAAA,UAAuB,CAEhF,CAER,CAAC,EAETA,UAAU,IACPuB,sBAAsB,CAACpC,KAAK,EAAEgB,IAAI,EAAEN,QAAQ,EAAEE,YAAY,CAAC,KAAKyB,oBAAoB,CAACM,KAAK,iBACtFC,cAAA,CAAAC,aAAA,CAACY,UAAU,EAAA;MAACT,SAAS,EAAEE,OAAO,CAACU,eAAgB;AAACF,MAAAA,KAAK,EAAE;AAAEC,QAAAA,QAAQ,EAAE7B,kBAAAA;AAAmB,OAAA;KACjFjB,EAAAA,UACO,CAElB,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMgD,YAAY,GAAG;AACxBC,EAAAA,IAAI,EAAE,QAAQ;AACdC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAErE,UAAU;AAClBsE,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRjD,IAAAA,IAAI,EAAE;AACFkD,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDpD,IAAAA,IAAI,EAAE;AACFmD,MAAAA,GAAG,EAAEE,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNrD,IAAAA,IAAI,EAAE,SAAS;AACfD,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React__default from 'react';
|
|
2
2
|
import { classes, privateTokens } from '../Rating.tokens.js';
|
|
3
3
|
import { Star } from '../Rating.styles.js';
|
|
4
4
|
import { IconStarFill24 } from '../../_Icon/Icons/Icon.24/IconStarFill.js';
|
|
@@ -23,9 +23,9 @@ var iconMap = function iconMap(componentSize) {
|
|
|
23
23
|
case 'h1':
|
|
24
24
|
case 'h2':
|
|
25
25
|
return {
|
|
26
|
-
fill: /*#__PURE__*/
|
|
27
|
-
halfFill: /*#__PURE__*/
|
|
28
|
-
outline: /*#__PURE__*/
|
|
26
|
+
fill: /*#__PURE__*/React__default.createElement(IconStarFill36, iconProps),
|
|
27
|
+
halfFill: /*#__PURE__*/React__default.createElement(IconStarHalfFill36, iconProps),
|
|
28
|
+
outline: /*#__PURE__*/React__default.createElement(IconStarOutline36, iconProps)
|
|
29
29
|
};
|
|
30
30
|
case 'h3':
|
|
31
31
|
case 'h4':
|
|
@@ -33,23 +33,23 @@ var iconMap = function iconMap(componentSize) {
|
|
|
33
33
|
case 'l':
|
|
34
34
|
case 'm':
|
|
35
35
|
return {
|
|
36
|
-
fill: /*#__PURE__*/
|
|
37
|
-
halfFill: /*#__PURE__*/
|
|
38
|
-
outline: /*#__PURE__*/
|
|
36
|
+
fill: /*#__PURE__*/React__default.createElement(IconStarFill24, iconProps),
|
|
37
|
+
halfFill: /*#__PURE__*/React__default.createElement(IconStarHalfFill24, iconProps),
|
|
38
|
+
outline: /*#__PURE__*/React__default.createElement(IconStarOutline24, iconProps)
|
|
39
39
|
};
|
|
40
40
|
case 's':
|
|
41
41
|
case 'xs':
|
|
42
42
|
case 'xxs':
|
|
43
43
|
return {
|
|
44
|
-
fill: /*#__PURE__*/
|
|
45
|
-
halfFill: /*#__PURE__*/
|
|
46
|
-
outline: /*#__PURE__*/
|
|
44
|
+
fill: /*#__PURE__*/React__default.createElement(IconStarFill16, iconProps),
|
|
45
|
+
halfFill: /*#__PURE__*/React__default.createElement(IconStarHalfFill16, iconProps),
|
|
46
|
+
outline: /*#__PURE__*/React__default.createElement(IconStarOutline16, iconProps)
|
|
47
47
|
};
|
|
48
48
|
default:
|
|
49
49
|
return {
|
|
50
|
-
fill: /*#__PURE__*/
|
|
51
|
-
halfFill: /*#__PURE__*/
|
|
52
|
-
outline: /*#__PURE__*/
|
|
50
|
+
fill: /*#__PURE__*/React__default.createElement(IconStarFill24, iconProps),
|
|
51
|
+
halfFill: /*#__PURE__*/React__default.createElement(IconStarHalfFill24, iconProps),
|
|
52
|
+
outline: /*#__PURE__*/React__default.createElement(IconStarOutline24, iconProps)
|
|
53
53
|
};
|
|
54
54
|
}
|
|
55
55
|
};
|
|
@@ -66,19 +66,19 @@ var getIcons = function getIcons(_ref) {
|
|
|
66
66
|
halfFill = _iconMap.halfFill,
|
|
67
67
|
outline = _iconMap.outline;
|
|
68
68
|
if (iconQuantity === 1) {
|
|
69
|
-
return /*#__PURE__*/
|
|
69
|
+
return /*#__PURE__*/React__default.createElement(Star, {
|
|
70
70
|
className: classes.singleIcon
|
|
71
71
|
}, iconSlot || fill);
|
|
72
72
|
}
|
|
73
73
|
var filledIcons = Array.from({
|
|
74
74
|
length: Math.floor(Number(innerValue))
|
|
75
75
|
}, function (_, index) {
|
|
76
|
-
return /*#__PURE__*/
|
|
76
|
+
return /*#__PURE__*/React__default.createElement(Star, {
|
|
77
77
|
key: "filled_".concat(index, "_").concat(innerValue)
|
|
78
78
|
}, iconSlot || fill);
|
|
79
79
|
});
|
|
80
80
|
if (Number(innerValue) > 0 && !Number.isInteger(Number(innerValue))) {
|
|
81
|
-
filledIcons.push(/*#__PURE__*/
|
|
81
|
+
filledIcons.push(/*#__PURE__*/React__default.createElement(Star, {
|
|
82
82
|
key: "half-fill"
|
|
83
83
|
}, iconSlotHalf || halfFill));
|
|
84
84
|
}
|
|
@@ -86,7 +86,7 @@ var getIcons = function getIcons(_ref) {
|
|
|
86
86
|
var outlineIcons = Array.from({
|
|
87
87
|
length: outlineIconsLength
|
|
88
88
|
}, function (_, index) {
|
|
89
|
-
return /*#__PURE__*/
|
|
89
|
+
return /*#__PURE__*/React__default.createElement(Star, {
|
|
90
90
|
key: "outline_".concat(index, "_").concat(innerValue),
|
|
91
91
|
className: classes.iconOutline
|
|
92
92
|
}, iconSlotOutline || outline);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getIcons.js","sources":["../../../../src/components/Rating/utils/getIcons.tsx"],"sourcesContent":["import React from 'react';\n\nimport { classes, privateTokens } from '../Rating.tokens';\nimport {\n IconStarFill16,\n IconStarFill24,\n IconStarFill36,\n IconStarHalfFill16,\n IconStarHalfFill24,\n IconStarHalfFill36,\n IconStarOutline16,\n IconStarOutline24,\n IconStarOutline36,\n} from '../../_Icon';\nimport type { RatingProps } from '../Rating.types';\nimport { Star } from '../Rating.styles';\n\nconst iconMap = (componentSize?: string) => {\n const iconProps = {\n color: 'inherit',\n sizeCustomProperty: privateTokens.iconSize,\n };\n\n switch (componentSize) {\n case 'displayL':\n case 'displayM':\n case 'displayS':\n case 'h1':\n case 'h2':\n return {\n fill: <IconStarFill36 {...iconProps} />,\n halfFill: <IconStarHalfFill36 {...iconProps} />,\n outline: <IconStarOutline36 {...iconProps} />,\n };\n case 'h3':\n case 'h4':\n case 'h5':\n case 'l':\n case 'm':\n return {\n fill: <IconStarFill24 {...iconProps} />,\n halfFill: <IconStarHalfFill24 {...iconProps} />,\n outline: <IconStarOutline24 {...iconProps} />,\n };\n case 's':\n case 'xs':\n case 'xxs':\n return {\n fill: <IconStarFill16 {...iconProps} />,\n halfFill: <IconStarHalfFill16 {...iconProps} />,\n outline: <IconStarOutline16 {...iconProps} />,\n };\n default:\n return {\n fill: <IconStarFill24 {...iconProps} />,\n halfFill: <IconStarHalfFill24 {...iconProps} />,\n outline: <IconStarOutline24 {...iconProps} />,\n };\n }\n};\n\ntype GetIconsArgs = {\n innerValue: string;\n} & Pick<RatingProps, 'size' | 'iconQuantity' | 'iconSlot' | 'iconSlotOutline' | 'iconSlotHalf'>;\n\nexport const getIcons = ({\n innerValue,\n size,\n iconQuantity = 5,\n iconSlot,\n iconSlotOutline,\n iconSlotHalf,\n}: GetIconsArgs) => {\n const { fill, halfFill, outline } = iconMap(size);\n\n if (iconQuantity === 1) {\n return <Star className={classes.singleIcon}>{iconSlot || fill}</Star>;\n }\n\n const filledIcons = Array.from({ length: Math.floor(Number(innerValue)) }, (_, index) => (\n <Star key={`filled_${index}_${innerValue}`}>{iconSlot || fill}</Star>\n ));\n\n if (Number(innerValue) > 0 && !Number.isInteger(Number(innerValue))) {\n filledIcons.push(<Star key=\"half-fill\">{iconSlotHalf || halfFill}</Star>);\n }\n\n const outlineIconsLength = iconQuantity - filledIcons.length;\n const outlineIcons = Array.from({ length: outlineIconsLength }, (_, index) => (\n <Star key={`outline_${index}_${innerValue}`} className={classes.iconOutline}>\n {iconSlotOutline || outline}\n </Star>\n ));\n\n return [...filledIcons, ...outlineIcons];\n};\n"],"names":["iconMap","componentSize","iconProps","color","sizeCustomProperty","privateTokens","iconSize","fill","React","createElement","IconStarFill36","halfFill","IconStarHalfFill36","outline","IconStarOutline36","IconStarFill24","IconStarHalfFill24","IconStarOutline24","IconStarFill16","IconStarHalfFill16","IconStarOutline16","getIcons","_ref","innerValue","size","_ref$iconQuantity","iconQuantity","iconSlot","iconSlotOutline","iconSlotHalf","_iconMap","Star","className","classes","singleIcon","filledIcons","Array","from","length","Math","floor","Number","_","index","key","concat","isInteger","push","outlineIconsLength","outlineIcons","iconOutline"],"mappings":";;;;;;;;;;;;;AAiBA,IAAMA,OAAO,GAAG,SAAVA,OAAOA,CAAIC,aAAsB,EAAK;AACxC,EAAA,IAAMC,SAAS,GAAG;AACdC,IAAAA,KAAK,EAAE,SAAS;IAChBC,kBAAkB,EAAEC,aAAa,CAACC,QAAAA;GACrC,CAAA;AAED,EAAA,QAAQL,aAAa;AACjB,IAAA,KAAK,UAAU,CAAA;AACf,IAAA,KAAK,UAAU,CAAA;AACf,IAAA,KAAK,UAAU,CAAA;AACf,IAAA,KAAK,IAAI,CAAA;AACT,IAAA,KAAK,IAAI;MACL,OAAO;QACHM,IAAI,eAAEC,
|
|
1
|
+
{"version":3,"file":"getIcons.js","sources":["../../../../src/components/Rating/utils/getIcons.tsx"],"sourcesContent":["import React from 'react';\n\nimport { classes, privateTokens } from '../Rating.tokens';\nimport {\n IconStarFill16,\n IconStarFill24,\n IconStarFill36,\n IconStarHalfFill16,\n IconStarHalfFill24,\n IconStarHalfFill36,\n IconStarOutline16,\n IconStarOutline24,\n IconStarOutline36,\n} from '../../_Icon';\nimport type { RatingProps } from '../Rating.types';\nimport { Star } from '../Rating.styles';\n\nconst iconMap = (componentSize?: string) => {\n const iconProps = {\n color: 'inherit',\n sizeCustomProperty: privateTokens.iconSize,\n };\n\n switch (componentSize) {\n case 'displayL':\n case 'displayM':\n case 'displayS':\n case 'h1':\n case 'h2':\n return {\n fill: <IconStarFill36 {...iconProps} />,\n halfFill: <IconStarHalfFill36 {...iconProps} />,\n outline: <IconStarOutline36 {...iconProps} />,\n };\n case 'h3':\n case 'h4':\n case 'h5':\n case 'l':\n case 'm':\n return {\n fill: <IconStarFill24 {...iconProps} />,\n halfFill: <IconStarHalfFill24 {...iconProps} />,\n outline: <IconStarOutline24 {...iconProps} />,\n };\n case 's':\n case 'xs':\n case 'xxs':\n return {\n fill: <IconStarFill16 {...iconProps} />,\n halfFill: <IconStarHalfFill16 {...iconProps} />,\n outline: <IconStarOutline16 {...iconProps} />,\n };\n default:\n return {\n fill: <IconStarFill24 {...iconProps} />,\n halfFill: <IconStarHalfFill24 {...iconProps} />,\n outline: <IconStarOutline24 {...iconProps} />,\n };\n }\n};\n\ntype GetIconsArgs = {\n innerValue: string;\n} & Pick<RatingProps, 'size' | 'iconQuantity' | 'iconSlot' | 'iconSlotOutline' | 'iconSlotHalf'>;\n\nexport const getIcons = ({\n innerValue,\n size,\n iconQuantity = 5,\n iconSlot,\n iconSlotOutline,\n iconSlotHalf,\n}: GetIconsArgs) => {\n const { fill, halfFill, outline } = iconMap(size);\n\n if (iconQuantity === 1) {\n return <Star className={classes.singleIcon}>{iconSlot || fill}</Star>;\n }\n\n const filledIcons = Array.from({ length: Math.floor(Number(innerValue)) }, (_, index) => (\n <Star key={`filled_${index}_${innerValue}`}>{iconSlot || fill}</Star>\n ));\n\n if (Number(innerValue) > 0 && !Number.isInteger(Number(innerValue))) {\n filledIcons.push(<Star key=\"half-fill\">{iconSlotHalf || halfFill}</Star>);\n }\n\n const outlineIconsLength = iconQuantity - filledIcons.length;\n const outlineIcons = Array.from({ length: outlineIconsLength }, (_, index) => (\n <Star key={`outline_${index}_${innerValue}`} className={classes.iconOutline}>\n {iconSlotOutline || outline}\n </Star>\n ));\n\n return [...filledIcons, ...outlineIcons];\n};\n"],"names":["iconMap","componentSize","iconProps","color","sizeCustomProperty","privateTokens","iconSize","fill","React","createElement","IconStarFill36","halfFill","IconStarHalfFill36","outline","IconStarOutline36","IconStarFill24","IconStarHalfFill24","IconStarOutline24","IconStarFill16","IconStarHalfFill16","IconStarOutline16","getIcons","_ref","innerValue","size","_ref$iconQuantity","iconQuantity","iconSlot","iconSlotOutline","iconSlotHalf","_iconMap","Star","className","classes","singleIcon","filledIcons","Array","from","length","Math","floor","Number","_","index","key","concat","isInteger","push","outlineIconsLength","outlineIcons","iconOutline"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React__default, { createContext } from 'react';
|
|
2
2
|
|
|
3
3
|
var SSRContext = /*#__PURE__*/createContext({
|
|
4
4
|
uniqId: null
|
|
@@ -14,7 +14,7 @@ var SSRProvider = function SSRProvider(_ref) {
|
|
|
14
14
|
var value = {
|
|
15
15
|
uniqId: 0
|
|
16
16
|
};
|
|
17
|
-
return /*#__PURE__*/
|
|
17
|
+
return /*#__PURE__*/React__default.createElement(SSRContext.Provider, {
|
|
18
18
|
value: value
|
|
19
19
|
}, children);
|
|
20
20
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SSRProvider.js","sources":["../../../src/components/SSRProvider/SSRProvider.tsx"],"sourcesContent":["import React, { createContext } from 'react';\nimport type { ReactNode } from 'react';\n\nexport const SSRContext = createContext<{ uniqId: number | null }>({\n uniqId: null,\n});\n\n/**\n * Провайдер обязателен для использования, необходимо обернуть в него все приложение.\n *\n * Используется для корректного озвучивания скринридерами Radiobox и Checkbox компонент.\n */\nexport const SSRProvider = ({ children }: { children: ReactNode }) => {\n const value = {\n uniqId: 0,\n };\n\n return <SSRContext.Provider value={value}>{children}</SSRContext.Provider>;\n};\n"],"names":["SSRContext","createContext","uniqId","SSRProvider","_ref","children","value","React","createElement","Provider"],"mappings":";;AAGaA,IAAAA,UAAU,gBAAGC,aAAa,CAA4B;AAC/DC,EAAAA,MAAM,EAAE,IAAA;AACZ,CAAC,EAAC;;AAEF;AACA;AACA;AACA;AACA;IACaC,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAA8C;AAAA,EAAA,IAAxCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ,CAAA;AAClC,EAAA,IAAMC,KAAK,GAAG;AACVJ,IAAAA,MAAM,EAAE,CAAA;GACX,CAAA;AAED,EAAA,oBAAOK,
|
|
1
|
+
{"version":3,"file":"SSRProvider.js","sources":["../../../src/components/SSRProvider/SSRProvider.tsx"],"sourcesContent":["import React, { createContext } from 'react';\nimport type { ReactNode } from 'react';\n\nexport const SSRContext = createContext<{ uniqId: number | null }>({\n uniqId: null,\n});\n\n/**\n * Провайдер обязателен для использования, необходимо обернуть в него все приложение.\n *\n * Используется для корректного озвучивания скринридерами Radiobox и Checkbox компонент.\n */\nexport const SSRProvider = ({ children }: { children: ReactNode }) => {\n const value = {\n uniqId: 0,\n };\n\n return <SSRContext.Provider value={value}>{children}</SSRContext.Provider>;\n};\n"],"names":["SSRContext","createContext","uniqId","SSRProvider","_ref","children","value","React","createElement","Provider"],"mappings":";;AAGaA,IAAAA,UAAU,gBAAGC,aAAa,CAA4B;AAC/DC,EAAAA,MAAM,EAAE,IAAA;AACZ,CAAC,EAAC;;AAEF;AACA;AACA;AACA;AACA;IACaC,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAA8C;AAAA,EAAA,IAAxCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ,CAAA;AAClC,EAAA,IAAMC,KAAK,GAAG;AACVJ,IAAAA,MAAM,EAAE,CAAA;GACX,CAAA;AAED,EAAA,oBAAOK,cAAA,CAAAC,aAAA,CAACR,UAAU,CAACS,QAAQ,EAAA;AAACH,IAAAA,KAAK,EAAEA,KAAAA;AAAM,GAAA,EAAED,QAA8B,CAAC,CAAA;AAC9E;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
-
import
|
|
2
|
+
import React__default, { useState, createContext, useContext } from 'react';
|
|
3
3
|
|
|
4
4
|
var SegmentContext = /*#__PURE__*/createContext(undefined);
|
|
5
5
|
var useSegmentInner = function useSegmentInner() {
|
|
@@ -54,7 +54,7 @@ var SegmentProvider = function SegmentProvider(_ref) {
|
|
|
54
54
|
disabledGroup: disabledGroup,
|
|
55
55
|
setDisabledGroup: setDisabledGroup
|
|
56
56
|
};
|
|
57
|
-
return /*#__PURE__*/
|
|
57
|
+
return /*#__PURE__*/React__default.createElement(SegmentContext.Provider, {
|
|
58
58
|
value: contextValue
|
|
59
59
|
}, children);
|
|
60
60
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentProvider.js","sources":["../../../../src/components/Segment/SegmentProvider/SegmentProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, useState } from 'react';\nimport type { FC } from 'react';\n\nimport { SegmentContextType, SegmentProviderProps, SegmentSelectionMode } from './SegmentProvider.types';\n\nexport const SegmentContext = createContext<SegmentContextType | undefined>(undefined);\n\nexport const useSegmentInner = () => {\n const context = useContext(SegmentContext);\n if (!context) {\n throw new Error('useSegment must be used within a SegmentProvider');\n }\n return context;\n};\n\nexport const useSegment = () => {\n const { selectedSegmentItems } = useSegmentInner();\n return { selectedSegmentItems };\n};\n\nexport const SegmentProvider: FC<SegmentProviderProps> = ({ children, defaultSelected, singleSelectedRequired }) => {\n const [selectedSegmentItems, setSelectedSegmentItems] = useState<string[]>(defaultSelected || []);\n const [selectionMode, setSelectionMode] = useState<SegmentSelectionMode>('single');\n const [disabledGroup, setDisabledGroup] = useState(false);\n\n const handleSelect = (label: string) => {\n if (selectionMode !== 'multiple') {\n setSelectedSegmentItems((prevSelected) =>\n prevSelected.includes(label) && !singleSelectedRequired ? [] : [label],\n );\n\n return;\n }\n\n setSelectedSegmentItems((prevSelected) =>\n prevSelected.includes(label) && !singleSelectedRequired && prevSelected.length !== 1\n ? prevSelected.filter((item) => item !== label)\n : [...prevSelected, label],\n );\n };\n\n const contextValue: SegmentContextType = {\n selectedSegmentItems,\n setSelectedSegmentItems,\n handleSelect,\n selectionMode,\n setSelectionMode,\n disabledGroup,\n setDisabledGroup,\n };\n\n return <SegmentContext.Provider value={contextValue}>{children}</SegmentContext.Provider>;\n};\n"],"names":["SegmentContext","createContext","undefined","useSegmentInner","context","useContext","Error","useSegment","_useSegmentInner","selectedSegmentItems","SegmentProvider","_ref","children","defaultSelected","singleSelectedRequired","_useState","useState","_useState2","_slicedToArray","setSelectedSegmentItems","_useState3","_useState4","selectionMode","setSelectionMode","_useState5","_useState6","disabledGroup","setDisabledGroup","handleSelect","label","prevSelected","includes","length","filter","item","concat","_toConsumableArray","contextValue","React","createElement","Provider","value"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"SegmentProvider.js","sources":["../../../../src/components/Segment/SegmentProvider/SegmentProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, useState } from 'react';\nimport type { FC } from 'react';\n\nimport { SegmentContextType, SegmentProviderProps, SegmentSelectionMode } from './SegmentProvider.types';\n\nexport const SegmentContext = createContext<SegmentContextType | undefined>(undefined);\n\nexport const useSegmentInner = () => {\n const context = useContext(SegmentContext);\n if (!context) {\n throw new Error('useSegment must be used within a SegmentProvider');\n }\n return context;\n};\n\nexport const useSegment = () => {\n const { selectedSegmentItems } = useSegmentInner();\n return { selectedSegmentItems };\n};\n\nexport const SegmentProvider: FC<SegmentProviderProps> = ({ children, defaultSelected, singleSelectedRequired }) => {\n const [selectedSegmentItems, setSelectedSegmentItems] = useState<string[]>(defaultSelected || []);\n const [selectionMode, setSelectionMode] = useState<SegmentSelectionMode>('single');\n const [disabledGroup, setDisabledGroup] = useState(false);\n\n const handleSelect = (label: string) => {\n if (selectionMode !== 'multiple') {\n setSelectedSegmentItems((prevSelected) =>\n prevSelected.includes(label) && !singleSelectedRequired ? [] : [label],\n );\n\n return;\n }\n\n setSelectedSegmentItems((prevSelected) =>\n prevSelected.includes(label) && !singleSelectedRequired && prevSelected.length !== 1\n ? prevSelected.filter((item) => item !== label)\n : [...prevSelected, label],\n );\n };\n\n const contextValue: SegmentContextType = {\n selectedSegmentItems,\n setSelectedSegmentItems,\n handleSelect,\n selectionMode,\n setSelectionMode,\n disabledGroup,\n setDisabledGroup,\n };\n\n return <SegmentContext.Provider value={contextValue}>{children}</SegmentContext.Provider>;\n};\n"],"names":["SegmentContext","createContext","undefined","useSegmentInner","context","useContext","Error","useSegment","_useSegmentInner","selectedSegmentItems","SegmentProvider","_ref","children","defaultSelected","singleSelectedRequired","_useState","useState","_useState2","_slicedToArray","setSelectedSegmentItems","_useState3","_useState4","selectionMode","setSelectionMode","_useState5","_useState6","disabledGroup","setDisabledGroup","handleSelect","label","prevSelected","includes","length","filter","item","concat","_toConsumableArray","contextValue","React","createElement","Provider","value"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
-
import
|
|
2
|
+
import React__default, { forwardRef, useRef, useState, useCallback, useEffect, useMemo } from 'react';
|
|
3
3
|
import { cx } from '../../../../utils/index.js';
|
|
4
4
|
import { tokens, classes } from '../../tokens.js';
|
|
5
5
|
import { useSegmentInner } from '../../SegmentProvider/SegmentProvider.js';
|
|
@@ -196,31 +196,31 @@ var segmentGroupRoot = function segmentGroupRoot(Root) {
|
|
|
196
196
|
}, [firstItemVisible, isVertical]);
|
|
197
197
|
var PreviousButton = useMemo(function () {
|
|
198
198
|
var ArrowNode = isVertical ? StyledTopArrow : StyledLeftArrow;
|
|
199
|
-
return /*#__PURE__*/
|
|
199
|
+
return /*#__PURE__*/React__default.createElement(ArrowNode, {
|
|
200
200
|
type: "button",
|
|
201
201
|
"aria-label": "\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0438\u0439 \u0441\u0435\u0433\u043C\u0435\u043D\u0442",
|
|
202
202
|
onClick: onPrev,
|
|
203
203
|
tabIndex: disabled ? -1 : 0,
|
|
204
204
|
disabled: disabled
|
|
205
|
-
}, isVertical ? /*#__PURE__*/
|
|
205
|
+
}, isVertical ? /*#__PURE__*/React__default.createElement(IconDisclosureUpWithOffset, {
|
|
206
206
|
color: "var(".concat(tokens.arrowColor, ")"),
|
|
207
207
|
size: "s"
|
|
208
|
-
}) : /*#__PURE__*/
|
|
208
|
+
}) : /*#__PURE__*/React__default.createElement(IconDisclosureLeftWithOffset, {
|
|
209
209
|
color: "var(".concat(tokens.arrowColor, ")")
|
|
210
210
|
}));
|
|
211
211
|
}, [onPrev, isVertical]);
|
|
212
212
|
var NextButton = useMemo(function () {
|
|
213
213
|
var ArrowNode = isVertical ? StyledBottomArrow : StyledRightArrow;
|
|
214
|
-
return /*#__PURE__*/
|
|
214
|
+
return /*#__PURE__*/React__default.createElement(ArrowNode, {
|
|
215
215
|
type: "button",
|
|
216
216
|
"aria-label": "\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 \u0441\u0435\u0433\u043C\u0435\u043D\u0442",
|
|
217
217
|
onClick: onNext,
|
|
218
218
|
tabIndex: disabled ? -1 : 0,
|
|
219
219
|
disabled: disabled
|
|
220
|
-
}, isVertical ? /*#__PURE__*/
|
|
220
|
+
}, isVertical ? /*#__PURE__*/React__default.createElement(IconDisclosureDownWithOffset, {
|
|
221
221
|
color: "var(".concat(tokens.arrowColor, ")"),
|
|
222
222
|
size: "s"
|
|
223
|
-
}) : /*#__PURE__*/
|
|
223
|
+
}) : /*#__PURE__*/React__default.createElement(IconDisclosureRightWithOffset, {
|
|
224
224
|
color: "var(".concat(tokens.arrowColor, ")")
|
|
225
225
|
}));
|
|
226
226
|
}, [onNext, isVertical]);
|
|
@@ -228,7 +228,7 @@ var segmentGroupRoot = function segmentGroupRoot(Root) {
|
|
|
228
228
|
selectionMode && setSelectionMode(selectionMode);
|
|
229
229
|
setDisabledGroup(disabled);
|
|
230
230
|
}, [selectionMode, disabled]);
|
|
231
|
-
return /*#__PURE__*/
|
|
231
|
+
return /*#__PURE__*/React__default.createElement(Root, _extends({
|
|
232
232
|
view: view,
|
|
233
233
|
size: size,
|
|
234
234
|
orientation: orientation,
|
|
@@ -239,11 +239,11 @@ var segmentGroupRoot = function segmentGroupRoot(Root) {
|
|
|
239
239
|
pilled: pilledAttr,
|
|
240
240
|
className: cx(pilledClass, filledClass, stretchClass, orientationClass),
|
|
241
241
|
onKeyDown: onKeyDown
|
|
242
|
-
}, rest), !firstItemVisible && PreviousButton, /*#__PURE__*/
|
|
242
|
+
}, rest), !firstItemVisible && PreviousButton, /*#__PURE__*/React__default.createElement(StyledContentWrapper, {
|
|
243
243
|
className: cx(clipScrollClass),
|
|
244
244
|
ref: scrollRef,
|
|
245
245
|
onScroll: handleScroll
|
|
246
|
-
}, /*#__PURE__*/
|
|
246
|
+
}, /*#__PURE__*/React__default.createElement(StyledContent, {
|
|
247
247
|
ref: trackRef
|
|
248
248
|
}, children)), !lastItemVisible && NextButton);
|
|
249
249
|
});
|