@salutejs/plasma-new-hope 0.174.0-canary.1503.11466452273.0 → 0.174.0-canary.1504.11479867300.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +0 -1
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
- package/cjs/components/Attach/Attach.js +3 -4
- package/cjs/components/Attach/Attach.js.map +1 -1
- package/cjs/components/Attach/components/AttachButton/AttachButton.js +0 -1
- package/cjs/components/Attach/components/AttachButton/AttachButton.js.map +1 -1
- package/cjs/components/Attach/ui/Button/Button.styles.js +0 -1
- package/cjs/components/Attach/ui/Button/Button.styles.js.map +1 -1
- package/cjs/components/Attach/ui/Cell/Cell.styles.js +0 -2
- package/cjs/components/Attach/ui/Cell/Cell.styles.js.map +1 -1
- package/cjs/components/Attach/ui/IconButton/IconButton.styles.js +0 -1
- package/cjs/components/Attach/ui/IconButton/IconButton.styles.js.map +1 -1
- package/cjs/components/Attach/utils/getFileicon.js +3 -4
- package/cjs/components/Attach/utils/getFileicon.js.map +1 -1
- package/cjs/components/Attach/utils/index.js +0 -3
- package/cjs/components/Attach/utils/index.js.map +1 -1
- package/cjs/components/Autocomplete/Autocomplete.js +5 -6
- package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
- package/cjs/components/Autocomplete/Autocomplete.styles.js +2 -3
- package/cjs/components/Autocomplete/Autocomplete.styles.js.map +1 -1
- package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +1 -2
- package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js.map +1 -1
- package/cjs/components/Avatar/Avatar.js +2 -3
- package/cjs/components/Avatar/Avatar.js.map +1 -1
- package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +2 -4
- package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
- package/cjs/components/Button/Button.styles.js +0 -3
- package/cjs/components/Button/Button.styles.js.map +1 -1
- package/cjs/components/Calendar/CalendarBase/CalendarBase.js +5 -5
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +8 -8
- package/cjs/components/Calendar/hooks/useDays.js +2 -2
- package/cjs/components/Calendar/hooks/useKeyNavigation.js +1 -1
- package/cjs/components/Calendar/hooks/useMonths.js +2 -2
- package/cjs/components/Calendar/hooks/useQuarters.js +2 -2
- package/cjs/components/Calendar/hooks/useYears.js +2 -2
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +4 -4
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +5 -6
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +0 -1
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -4
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +4 -4
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +4 -4
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +11 -12
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +2 -4
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js +0 -2
- package/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +1 -2
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +5 -6
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +1 -3
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +1 -2
- package/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/Combobox.js +4 -10
- package/cjs/components/Combobox/ComboboxOld/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/Combobox.styles.js +0 -1
- package/cjs/components/Combobox/ComboboxOld/Combobox.styles.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/hooks/useFocusController.js +0 -1
- package/cjs/components/Combobox/ComboboxOld/hooks/useFocusController.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.styles.js +1 -2
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.styles.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js +1 -10
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js +1 -10
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js +1 -10
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js +1 -10
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.styles.js +0 -2
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.styles.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.js +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.styles.js +1 -2
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.styles.js.map +1 -1
- package/cjs/components/DatePicker/DatePickerBase.styles.js +1 -7
- package/cjs/components/DatePicker/DatePickerBase.styles.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.js +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +0 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +1 -2
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +2 -5
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +0 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
- package/cjs/components/Drawer/Drawer.js +5 -10
- package/cjs/components/Drawer/Drawer.js.map +1 -1
- package/cjs/components/Drawer/Drawer.styles.js +0 -4
- package/cjs/components/Drawer/Drawer.styles.js.map +1 -1
- package/cjs/components/Drawer/hooks/useDrawer.js +0 -4
- package/cjs/components/Drawer/hooks/useDrawer.js.map +1 -1
- package/cjs/components/Drawer/ui/DrawerContent/DrawerContent.js +0 -7
- package/cjs/components/Drawer/ui/DrawerContent/DrawerContent.js.map +1 -1
- package/cjs/components/Drawer/ui/DrawerFooter/DrawerFooter.js +0 -7
- package/cjs/components/Drawer/ui/DrawerFooter/DrawerFooter.js.map +1 -1
- package/cjs/components/Drawer/ui/DrawerHeader/DrawerHeader.js +0 -3
- package/cjs/components/Drawer/ui/DrawerHeader/DrawerHeader.js.map +1 -1
- package/cjs/components/Dropdown/Dropdown.js +3 -10
- package/cjs/components/Dropdown/Dropdown.js.map +1 -1
- package/cjs/components/Dropdown/Dropdown.styles.js +2 -3
- package/cjs/components/Dropdown/Dropdown.styles.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +1 -9
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +1 -2
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +0 -2
- package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownOld/Dropdown.styles.js +0 -1
- package/cjs/components/Dropdown/ui/DropdownOld/Dropdown.styles.js.map +1 -1
- package/cjs/components/Editable/Editable.js +3 -4
- package/cjs/components/Editable/Editable.js.map +1 -1
- package/cjs/components/Editable/utils/clearSelection.js +0 -2
- package/cjs/components/Editable/utils/clearSelection.js.map +1 -1
- package/cjs/components/Editable/utils/selectText.js +0 -2
- package/cjs/components/Editable/utils/selectText.js.map +1 -1
- package/cjs/components/EmptyState/EmptyState.styles.js +1 -2
- package/cjs/components/EmptyState/EmptyState.styles.js.map +1 -1
- package/cjs/components/IconButton/IconButton.js +1 -1
- package/cjs/components/IconButton/IconButton.styles.js +0 -8
- package/cjs/components/IconButton/IconButton.styles.js.map +1 -1
- package/cjs/components/Modal/Modal.js +6 -8
- package/cjs/components/Modal/Modal.js.map +1 -1
- package/cjs/components/Modal/hooks/useModal.js +0 -4
- package/cjs/components/Modal/hooks/useModal.js.map +1 -1
- package/cjs/components/Notification/Notification.js +2 -2
- package/cjs/components/Notification/Notification.js.map +1 -1
- package/cjs/components/Notification/Notification.styles.js +2 -3
- package/cjs/components/Notification/Notification.styles.js.map +1 -1
- package/cjs/components/Notification/Notification.types.js.map +1 -1
- package/cjs/components/Notification/NotificationsPortal.js +5 -8
- package/cjs/components/Notification/NotificationsPortal.js.map +1 -1
- package/cjs/components/Notification/NotificationsProvider.js +1 -3
- package/cjs/components/Notification/NotificationsProvider.js.map +1 -1
- package/cjs/components/Pagination/Pagination.css +13 -13
- package/cjs/components/Pagination/Pagination.styles.js +1 -2
- package/cjs/components/Pagination/Pagination.styles.js.map +1 -1
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +13 -13
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -2
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
- package/cjs/components/Panel/ui/PanelHeader/PanelHeader.js +1 -2
- package/cjs/components/Panel/ui/PanelHeader/PanelHeader.js.map +1 -1
- package/cjs/components/Panel/ui/PanelHeader/PanelHeader.styles.js +1 -2
- package/cjs/components/Panel/ui/PanelHeader/PanelHeader.styles.js.map +1 -1
- package/cjs/components/Popover/Popover.js +1 -1
- package/cjs/components/Popup/Popup.js +2 -2
- package/cjs/components/Popup/PopupContext.js +1 -1
- package/cjs/components/Range/Range.styles.js +0 -1
- package/cjs/components/Range/Range.styles.js.map +1 -1
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js +4 -5
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js.map +1 -1
- package/cjs/components/Select/Select.css +13 -13
- package/cjs/components/Select/Select.js +11 -12
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/Select.styles.js +3 -6
- package/cjs/components/Select/Select.styles.js.map +1 -1
- package/cjs/components/Select/Select.styles_ei4ic3.css +5 -0
- package/cjs/components/Select/Select.tokens.js +17 -1
- package/cjs/components/Select/Select.tokens.js.map +1 -1
- package/cjs/components/Select/hooks/usePathMaps.js +0 -2
- package/cjs/components/Select/hooks/usePathMaps.js.map +1 -1
- package/cjs/components/Select/ui/Inner/Inner.css +13 -13
- package/cjs/components/Select/ui/Inner/Inner.js +1 -2
- package/cjs/components/Select/ui/Inner/Inner.js.map +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.css +13 -13
- package/cjs/components/Select/ui/Inner/ui/Item/Item.js +4 -5
- package/cjs/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +11 -12
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/{Item.styles_baxa65.css → Item.styles_1gaxu1y.css} +2 -2
- package/cjs/components/Select/ui/Target/ui/Button/Button.js +1 -1
- package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +1 -3
- package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -2
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +1 -4
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +1 -2
- package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js.map +1 -1
- package/cjs/components/Select/utils/getButtonLabel.js +0 -2
- package/cjs/components/Select/utils/getButtonLabel.js.map +1 -1
- package/cjs/components/Sheet/Sheet.js +3 -3
- package/cjs/components/Skeleton/LineSkeleton/LineSkeleton.js +2 -4
- package/cjs/components/Skeleton/LineSkeleton/LineSkeleton.js.map +1 -1
- package/cjs/components/Skeleton/RectSkeleton/RectSkeleton.js +2 -4
- package/cjs/components/Skeleton/RectSkeleton/RectSkeleton.js.map +1 -1
- package/cjs/components/Slider/Slider.js +0 -8
- package/cjs/components/Slider/Slider.js.map +1 -1
- package/cjs/components/Slider/components/Double/Double.js +1 -2
- package/cjs/components/Slider/components/Double/Double.js.map +1 -1
- package/cjs/components/Slider/components/Double/Double.styles.js +0 -1
- package/cjs/components/Slider/components/Double/Double.styles.js.map +1 -1
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -3
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map +1 -1
- package/cjs/components/Slider/components/Single/Single.js +1 -2
- package/cjs/components/Slider/components/Single/Single.js.map +1 -1
- package/cjs/components/Slider/components/SliderBase/SliderBase.js +1 -1
- package/cjs/components/Steps/Steps.js +1 -1
- package/cjs/components/Steps/ui/StepItem/StepItem.styles.js +0 -1
- package/cjs/components/Steps/ui/StepItem/StepItem.styles.js.map +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +2 -3
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +2 -3
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +1 -1
- package/cjs/components/TextArea/TextArea.js +2 -2
- package/cjs/components/TextArea/TextArea.styles.js +2 -3
- package/cjs/components/TextArea/TextArea.styles.js.map +1 -1
- package/cjs/components/TextArea/ui/Hint/Hint.js +1 -2
- package/cjs/components/TextArea/ui/Hint/Hint.js.map +1 -1
- package/cjs/components/TextField/TextField.js +3 -3
- package/cjs/components/TextField/TextField.styles.js +1 -2
- package/cjs/components/TextField/TextField.styles.js.map +1 -1
- package/cjs/components/TextField/ui/Hint/Hint.js +1 -2
- package/cjs/components/TextField/ui/Hint/Hint.js.map +1 -1
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +1 -2
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +1 -1
- package/cjs/components/Toast/Toast.styles.js +1 -1
- package/cjs/components/Toast/ToastController.js +1 -1
- package/cjs/components/Toast/utils.js +1 -2
- package/cjs/components/Toast/utils.js.map +1 -1
- package/cjs/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.js +1 -1
- package/cjs/components/Tooltip/Tooltip.js +2 -3
- package/cjs/components/Tooltip/Tooltip.js.map +1 -1
- package/cjs/engines/index.js +0 -2
- package/cjs/engines/index.js.map +1 -1
- package/cjs/hooks/useIsomorphicLayoutEffect.js +0 -1
- package/cjs/hooks/useIsomorphicLayoutEffect.js.map +1 -1
- package/cjs/index.css +13 -13
- package/cjs/index.js +49 -52
- package/cjs/index.js.map +1 -1
- package/cjs/utils/index.js +0 -5
- package/cjs/utils/index.js.map +1 -1
- package/emotion/cjs/components/Notification/Notification.js +2 -2
- package/emotion/cjs/components/Notification/Notification.template-doc.mdx +7 -15
- package/emotion/cjs/components/Notification/NotificationsPortal.js +3 -5
- package/emotion/cjs/components/Notification/NotificationsProvider.js +1 -3
- package/emotion/cjs/components/Notification/index.js +4 -4
- package/emotion/cjs/components/Select/Select.styles.js +5 -5
- package/emotion/cjs/components/Select/Select.tokens.js +17 -1
- package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +10 -10
- package/emotion/cjs/examples/plasma_b2c/components/Notification/Notification.js +3 -5
- package/emotion/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx +4 -25
- package/emotion/cjs/examples/plasma_web/components/Notification/Notification.js +3 -5
- package/emotion/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx +4 -25
- package/emotion/es/components/Notification/Notification.js +1 -1
- package/emotion/es/components/Notification/Notification.template-doc.mdx +7 -15
- package/emotion/es/components/Notification/NotificationsPortal.js +3 -5
- package/emotion/es/components/Notification/NotificationsProvider.js +1 -3
- package/emotion/es/components/Notification/index.js +1 -1
- package/emotion/es/components/Select/Select.styles.js +5 -5
- package/emotion/es/components/Select/Select.tokens.js +17 -1
- package/emotion/es/components/Select/ui/Inner/ui/Item/Item.styles.js +10 -10
- package/emotion/es/examples/plasma_b2c/components/Notification/Notification.js +4 -6
- package/emotion/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx +4 -25
- package/emotion/es/examples/plasma_web/components/Notification/Notification.js +4 -6
- package/emotion/es/examples/plasma_web/components/Notification/Notification.stories.tsx +4 -25
- package/emotion/package.json +2 -1
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +0 -1
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
- package/es/components/Attach/Attach.js +3 -4
- package/es/components/Attach/Attach.js.map +1 -1
- package/es/components/Attach/components/AttachButton/AttachButton.js +0 -1
- package/es/components/Attach/components/AttachButton/AttachButton.js.map +1 -1
- package/es/components/Attach/ui/Button/Button.styles.js +0 -1
- package/es/components/Attach/ui/Button/Button.styles.js.map +1 -1
- package/es/components/Attach/ui/Cell/Cell.styles.js +0 -2
- package/es/components/Attach/ui/Cell/Cell.styles.js.map +1 -1
- package/es/components/Attach/ui/IconButton/IconButton.styles.js +0 -1
- package/es/components/Attach/ui/IconButton/IconButton.styles.js.map +1 -1
- package/es/components/Attach/utils/getFileicon.js +3 -4
- package/es/components/Attach/utils/getFileicon.js.map +1 -1
- package/es/components/Attach/utils/index.js +0 -3
- package/es/components/Attach/utils/index.js.map +1 -1
- package/es/components/Autocomplete/Autocomplete.js +5 -6
- package/es/components/Autocomplete/Autocomplete.js.map +1 -1
- package/es/components/Autocomplete/Autocomplete.styles.js +2 -3
- package/es/components/Autocomplete/Autocomplete.styles.js.map +1 -1
- package/es/components/Autocomplete/ui/TextField/TextField.styles.js +1 -2
- package/es/components/Autocomplete/ui/TextField/TextField.styles.js.map +1 -1
- package/es/components/Avatar/Avatar.js +2 -3
- package/es/components/Avatar/Avatar.js.map +1 -1
- package/es/components/Breadcrumbs/Breadcrumbs.styles.js +2 -4
- package/es/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
- package/es/components/Button/Button.styles.js +0 -3
- package/es/components/Button/Button.styles.js.map +1 -1
- package/es/components/Calendar/CalendarBase/CalendarBase.js +5 -5
- package/es/components/Calendar/CalendarDouble/CalendarDouble.js +8 -8
- package/es/components/Calendar/hooks/useDays.js +2 -2
- package/es/components/Calendar/hooks/useKeyNavigation.js +1 -1
- package/es/components/Calendar/hooks/useMonths.js +2 -2
- package/es/components/Calendar/hooks/useQuarters.js +2 -2
- package/es/components/Calendar/hooks/useYears.js +2 -2
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.js +4 -4
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +5 -6
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +0 -1
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js.map +1 -1
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -4
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +4 -4
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.js +4 -4
- package/es/components/Combobox/ComboboxNew/Combobox.js +11 -12
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.styles.js +2 -4
- package/es/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js +0 -2
- package/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +1 -2
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +5 -6
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +1 -3
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +1 -2
- package/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/Combobox.js +4 -10
- package/es/components/Combobox/ComboboxOld/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/Combobox.styles.js +0 -1
- package/es/components/Combobox/ComboboxOld/Combobox.styles.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/hooks/useFocusController.js +0 -1
- package/es/components/Combobox/ComboboxOld/hooks/useFocusController.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.styles.js +1 -2
- package/es/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.styles.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js +1 -10
- package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js +1 -10
- package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js +1 -10
- package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js +1 -10
- package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.styles.js +0 -2
- package/es/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.styles.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.js +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.styles.js +1 -2
- package/es/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.styles.js.map +1 -1
- package/es/components/DatePicker/DatePickerBase.styles.js +1 -7
- package/es/components/DatePicker/DatePickerBase.styles.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.js +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.styles.js +0 -1
- package/es/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +1 -2
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +2 -5
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.styles.js +0 -1
- package/es/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
- package/es/components/Drawer/Drawer.js +5 -10
- package/es/components/Drawer/Drawer.js.map +1 -1
- package/es/components/Drawer/Drawer.styles.js +0 -4
- package/es/components/Drawer/Drawer.styles.js.map +1 -1
- package/es/components/Drawer/hooks/useDrawer.js +0 -4
- package/es/components/Drawer/hooks/useDrawer.js.map +1 -1
- package/es/components/Drawer/ui/DrawerContent/DrawerContent.js +0 -7
- package/es/components/Drawer/ui/DrawerContent/DrawerContent.js.map +1 -1
- package/es/components/Drawer/ui/DrawerFooter/DrawerFooter.js +0 -7
- package/es/components/Drawer/ui/DrawerFooter/DrawerFooter.js.map +1 -1
- package/es/components/Drawer/ui/DrawerHeader/DrawerHeader.js +0 -3
- package/es/components/Drawer/ui/DrawerHeader/DrawerHeader.js.map +1 -1
- package/es/components/Dropdown/Dropdown.js +3 -10
- package/es/components/Dropdown/Dropdown.js.map +1 -1
- package/es/components/Dropdown/Dropdown.styles.js +2 -3
- package/es/components/Dropdown/Dropdown.styles.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +1 -9
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +1 -2
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +0 -2
- package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownOld/Dropdown.styles.js +0 -1
- package/es/components/Dropdown/ui/DropdownOld/Dropdown.styles.js.map +1 -1
- package/es/components/Editable/Editable.js +3 -4
- package/es/components/Editable/Editable.js.map +1 -1
- package/es/components/Editable/utils/clearSelection.js +0 -2
- package/es/components/Editable/utils/clearSelection.js.map +1 -1
- package/es/components/Editable/utils/selectText.js +0 -2
- package/es/components/Editable/utils/selectText.js.map +1 -1
- package/es/components/EmptyState/EmptyState.styles.js +1 -2
- package/es/components/EmptyState/EmptyState.styles.js.map +1 -1
- package/es/components/IconButton/IconButton.js +1 -1
- package/es/components/IconButton/IconButton.styles.js +0 -8
- package/es/components/IconButton/IconButton.styles.js.map +1 -1
- package/es/components/Modal/Modal.js +6 -8
- package/es/components/Modal/Modal.js.map +1 -1
- package/es/components/Modal/hooks/useModal.js +0 -4
- package/es/components/Modal/hooks/useModal.js.map +1 -1
- package/es/components/Notification/Notification.js +2 -2
- package/es/components/Notification/Notification.js.map +1 -1
- package/es/components/Notification/Notification.styles.js +2 -3
- package/es/components/Notification/Notification.styles.js.map +1 -1
- package/es/components/Notification/Notification.types.js.map +1 -1
- package/es/components/Notification/NotificationsPortal.js +5 -8
- package/es/components/Notification/NotificationsPortal.js.map +1 -1
- package/es/components/Notification/NotificationsProvider.js +1 -3
- package/es/components/Notification/NotificationsProvider.js.map +1 -1
- package/es/components/Pagination/Pagination.css +13 -13
- package/es/components/Pagination/Pagination.styles.js +1 -2
- package/es/components/Pagination/Pagination.styles.js.map +1 -1
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +13 -13
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -2
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
- package/es/components/Panel/ui/PanelHeader/PanelHeader.js +1 -2
- package/es/components/Panel/ui/PanelHeader/PanelHeader.js.map +1 -1
- package/es/components/Panel/ui/PanelHeader/PanelHeader.styles.js +1 -2
- package/es/components/Panel/ui/PanelHeader/PanelHeader.styles.js.map +1 -1
- package/es/components/Popover/Popover.js +1 -1
- package/es/components/Popup/Popup.js +2 -2
- package/es/components/Popup/PopupContext.js +1 -1
- package/es/components/Range/Range.styles.js +0 -1
- package/es/components/Range/Range.styles.js.map +1 -1
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.js +4 -5
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.js.map +1 -1
- package/es/components/Select/Select.css +13 -13
- package/es/components/Select/Select.js +11 -12
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Select/Select.styles.js +3 -6
- package/es/components/Select/Select.styles.js.map +1 -1
- package/es/components/Select/Select.styles_ei4ic3.css +5 -0
- package/es/components/Select/Select.tokens.js +17 -1
- package/es/components/Select/Select.tokens.js.map +1 -1
- package/es/components/Select/hooks/usePathMaps.js +0 -2
- package/es/components/Select/hooks/usePathMaps.js.map +1 -1
- package/es/components/Select/ui/Inner/Inner.css +13 -13
- package/es/components/Select/ui/Inner/Inner.js +1 -2
- package/es/components/Select/ui/Inner/Inner.js.map +1 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.css +13 -13
- package/es/components/Select/ui/Inner/ui/Item/Item.js +4 -5
- package/es/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.styles.js +11 -12
- package/es/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/es/components/Select/ui/Inner/ui/Item/{Item.styles_baxa65.css → Item.styles_1gaxu1y.css} +2 -2
- package/es/components/Select/ui/Target/ui/Button/Button.js +1 -1
- package/es/components/Select/ui/Target/ui/Button/Button.styles.js +1 -3
- package/es/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -2
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +1 -4
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +1 -2
- package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js.map +1 -1
- package/es/components/Select/utils/getButtonLabel.js +0 -2
- package/es/components/Select/utils/getButtonLabel.js.map +1 -1
- package/es/components/Sheet/Sheet.js +3 -3
- package/es/components/Skeleton/LineSkeleton/LineSkeleton.js +2 -4
- package/es/components/Skeleton/LineSkeleton/LineSkeleton.js.map +1 -1
- package/es/components/Skeleton/RectSkeleton/RectSkeleton.js +2 -4
- package/es/components/Skeleton/RectSkeleton/RectSkeleton.js.map +1 -1
- package/es/components/Slider/Slider.js +0 -8
- package/es/components/Slider/Slider.js.map +1 -1
- package/es/components/Slider/components/Double/Double.js +1 -2
- package/es/components/Slider/components/Double/Double.js.map +1 -1
- package/es/components/Slider/components/Double/Double.styles.js +0 -1
- package/es/components/Slider/components/Double/Double.styles.js.map +1 -1
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -3
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map +1 -1
- package/es/components/Slider/components/Single/Single.js +1 -2
- package/es/components/Slider/components/Single/Single.js.map +1 -1
- package/es/components/Slider/components/SliderBase/SliderBase.js +1 -1
- package/es/components/Steps/Steps.js +1 -1
- package/es/components/Steps/ui/StepItem/StepItem.styles.js +0 -1
- package/es/components/Steps/ui/StepItem/StepItem.styles.js.map +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +2 -3
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +2 -3
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +1 -1
- package/es/components/TextArea/TextArea.js +2 -2
- package/es/components/TextArea/TextArea.styles.js +2 -3
- package/es/components/TextArea/TextArea.styles.js.map +1 -1
- package/es/components/TextArea/ui/Hint/Hint.js +1 -2
- package/es/components/TextArea/ui/Hint/Hint.js.map +1 -1
- package/es/components/TextField/TextField.js +3 -3
- package/es/components/TextField/TextField.styles.js +1 -2
- package/es/components/TextField/TextField.styles.js.map +1 -1
- package/es/components/TextField/ui/Hint/Hint.js +1 -2
- package/es/components/TextField/ui/Hint/Hint.js.map +1 -1
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +1 -2
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +1 -1
- package/es/components/Toast/Toast.styles.js +1 -1
- package/es/components/Toast/ToastController.js +1 -1
- package/es/components/Toast/utils.js +1 -2
- package/es/components/Toast/utils.js.map +1 -1
- package/es/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.js +1 -1
- package/es/components/Tooltip/Tooltip.js +2 -3
- package/es/components/Tooltip/Tooltip.js.map +1 -1
- package/es/engines/index.js +0 -2
- package/es/engines/index.js.map +1 -1
- package/es/hooks/useIsomorphicLayoutEffect.js +0 -1
- package/es/hooks/useIsomorphicLayoutEffect.js.map +1 -1
- package/es/index.css +13 -13
- package/es/index.js +22 -25
- package/es/index.js.map +1 -1
- package/es/utils/index.js +0 -3
- package/es/utils/index.js.map +1 -1
- package/package.json +5 -2
- package/styled-components/cjs/components/Notification/Notification.js +2 -2
- package/styled-components/cjs/components/Notification/Notification.template-doc.mdx +7 -15
- package/styled-components/cjs/components/Notification/NotificationsPortal.js +2 -4
- package/styled-components/cjs/components/Notification/NotificationsProvider.js +1 -3
- package/styled-components/cjs/components/Notification/index.js +4 -4
- package/styled-components/cjs/components/Select/Select.styles.js +2 -2
- package/styled-components/cjs/components/Select/Select.tokens.js +17 -1
- package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +3 -3
- package/styled-components/cjs/examples/plasma_b2c/components/Notification/Notification.js +3 -5
- package/styled-components/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx +4 -25
- package/styled-components/cjs/examples/plasma_web/components/Notification/Notification.js +3 -5
- package/styled-components/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx +4 -25
- package/styled-components/es/components/Notification/Notification.js +1 -1
- package/styled-components/es/components/Notification/Notification.template-doc.mdx +7 -15
- package/styled-components/es/components/Notification/NotificationsPortal.js +2 -4
- package/styled-components/es/components/Notification/NotificationsProvider.js +1 -3
- package/styled-components/es/components/Notification/index.js +1 -1
- package/styled-components/es/components/Select/Select.styles.js +2 -2
- package/styled-components/es/components/Select/Select.tokens.js +17 -1
- package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.styles.js +3 -3
- package/styled-components/es/examples/plasma_b2c/components/Notification/Notification.js +4 -6
- package/styled-components/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx +4 -25
- package/styled-components/es/examples/plasma_web/components/Notification/Notification.js +4 -6
- package/styled-components/es/examples/plasma_web/components/Notification/Notification.stories.tsx +4 -25
- package/styled-components/package.json +2 -1
- package/types/components/Notification/Notification.d.ts +3 -3
- package/types/components/Notification/Notification.d.ts.map +1 -1
- package/types/components/Notification/Notification.types.d.ts +5 -11
- package/types/components/Notification/Notification.types.d.ts.map +1 -1
- package/types/components/Notification/NotificationsProvider.d.ts +3 -4
- package/types/components/Notification/NotificationsProvider.d.ts.map +1 -1
- package/types/components/Notification/index.d.ts +2 -2
- package/types/components/Notification/index.d.ts.map +1 -1
- package/types/components/Select/Select.tokens.d.ts +16 -0
- package/types/components/Select/Select.tokens.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Notification/Notification.d.ts +2 -4
- package/types/examples/plasma_b2c/components/Notification/Notification.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Notification/Notification.d.ts +13 -4
- package/types/examples/plasma_web/components/Notification/Notification.d.ts.map +1 -1
- package/cjs/components/Select/Select.styles_1nzals0.css +0 -5
- package/es/components/Select/Select.styles_1nzals0.css +0 -5
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"RangeDate.styles.js","sources":["../../../../src/components/DatePicker/RangeDate/RangeDate.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component, mergeConfig } from '../../../engines';\nimport { rangeConfig, rangeTokens } from '../../Range';\nimport { tokens } from '../DatePicker.tokens';\nimport { popoverConfig } from '../../Popover';\n\nconst mergedRangeConfig = mergeConfig(rangeConfig);\nconst Range = component(mergedRangeConfig);\n\nconst mergedPopoverConfig = mergeConfig(popoverConfig);\nconst Popover = component(mergedPopoverConfig);\n\nexport const StyledPopover = styled(Popover)``;\n\n// NOTE: переопределение токенов Range\nexport const StyledRange = styled(Range)`\n ${rangeTokens.background}: var(${tokens.background});\n ${rangeTokens.backgroundError}: var(${tokens.backgroundError});\n ${rangeTokens.backgroundSuccess}: var(${tokens.backgroundSuccess});\n \n ${rangeTokens.borderColor}: var(${tokens.borderColor});\n ${rangeTokens.borderColorError}: var(${tokens.borderColorError});\n ${rangeTokens.borderColorSuccess}: var(${tokens.borderColorSuccess});\n \n ${rangeTokens.borderWidth}: var(${tokens.textFieldBorderWidth});\n\n ${rangeTokens.dividerColor}: var(${tokens.dividerColor});\n ${rangeTokens.labelColor}: var(${tokens.labelColor});\n ${rangeTokens.leftHelperColor}: var(${tokens.leftHelperColor});\n\n ${rangeTokens.textFieldColor}: var(${tokens.textFieldColor});\n ${rangeTokens.textFieldPlaceholderColor}: var(${tokens.textFieldPlaceholderColor});\n ${rangeTokens.textFieldPlaceholderColorFocus}: var(${tokens.textFieldPlaceholderColorFocus});\n ${rangeTokens.textFieldCaretColor}: var(${tokens.textFieldCaretColor});\n\n ${rangeTokens.textFieldBackgroundColorFocus}: var(${tokens.textFieldBackgroundColorFocus});\n ${rangeTokens.textFieldBackgroundErrorColor}: var(${tokens.textFieldBackgroundErrorColor});\n ${rangeTokens.textFieldBackgroundErrorColorFocus}: var(${tokens.textFieldBackgroundErrorColorFocus});\n ${rangeTokens.textFieldBackgroundSuccessColor}: var(${tokens.textFieldBackgroundSuccessColor});\n ${rangeTokens.textFieldBackgroundSuccessColorFocus}: var(${tokens.textFieldBackgroundSuccessColorFocus});\n\n ${rangeTokens.textFieldBorderWidth}: var(${tokens.textFieldBorderWidth});\n ${rangeTokens.textFieldBorderColorFocus}: var(${tokens.textFieldBorderColorFocus});\n ${rangeTokens.textFieldBorderColorError}: var(${tokens.textFieldBorderColorError});\n ${rangeTokens.textFieldBorderColorErrorFocus}: var(${tokens.textFieldBorderColorErrorFocus});\n ${rangeTokens.textFieldBorderColorSuccess}: var(${tokens.textFieldBorderColorSuccess});\n ${rangeTokens.textFieldBorderColorSuccessFocus}: var(${tokens.textFieldBorderColorSuccessFocus});\n\n ${rangeTokens.textFieldTextBeforeColor}: var(${tokens.textFieldTextBeforeColor});\n ${rangeTokens.textFieldTextAfterColor}: var(${tokens.textFieldTextAfterColor});\n\n ${rangeTokens.focusColor}: var(${tokens.focusColor});\n\n ${rangeTokens.borderRadius}: var(${tokens.borderRadius});\n\n ${rangeTokens.dividerPadding}: var(${tokens.dividerPadding});\n ${rangeTokens.dividerFontFamily}: var(${tokens.dividerFontFamily});\n ${rangeTokens.dividerFontStyle}: var(${tokens.dividerFontStyle});\n ${rangeTokens.dividerFontSize}: var(${tokens.dividerFontSize});\n ${rangeTokens.dividerFontWeight}: var(${tokens.dividerFontWeight});\n ${rangeTokens.dividerLetterSpacing}: var(${tokens.dividerLetterSpacing});\n ${rangeTokens.dividerLineHeight}: var(${tokens.dividerLineHeight});\n\n ${rangeTokens.leftContentMargin}: var(${tokens.leftContentMargin});\n ${rangeTokens.rightContentMargin}: var(${tokens.rightContentMargin});\n\n ${rangeTokens.labelOffset}: var(${tokens.labelOffset});\n\n ${rangeTokens.labelFontFamily}: var(${tokens.labelFontFamily});\n ${rangeTokens.labelFontStyle}: var(${tokens.labelFontStyle});\n ${rangeTokens.labelFontSize}: var(${tokens.labelFontSize});\n ${rangeTokens.labelFontWeight}: var(${tokens.labelFontWeight});\n ${rangeTokens.labelLetterSpacing}: var(${tokens.labelLetterSpacing});\n ${rangeTokens.labelLineHeight}: var(${tokens.labelLineHeight});\n\n ${rangeTokens.textFieldHeight}: var(${tokens.textFieldHeight});\n ${rangeTokens.textFieldBorderRadius}: var(${tokens.textFieldBorderRadius});\n ${rangeTokens.textFieldPadding}: var(${tokens.textFieldPadding});\n ${rangeTokens.textFieldFontFamily}: var(${tokens.textFieldFontFamily});\n ${rangeTokens.textFieldFontStyle}: var(${tokens.textFieldFontStyle});\n ${rangeTokens.textFieldFontSize}: var(${tokens.textFieldFontSize});\n ${rangeTokens.textFieldFontWeight}: var(${tokens.textFieldFontWeight});\n ${rangeTokens.textFieldLetterSpacing}: var(${tokens.textFieldLetterSpacing});\n ${rangeTokens.textFieldLineHeight}: var(${tokens.textFieldLineHeight});\n\n ${rangeTokens.leftHelperOffset}: var(${tokens.leftHelperOffset});\n ${rangeTokens.leftHelperFontFamily}: var(${tokens.leftHelperFontFamily});\n ${rangeTokens.leftHelperFontStyle}: var(${tokens.leftHelperFontStyle});\n ${rangeTokens.leftHelperFontSize}: var(${tokens.leftHelperFontSize});\n ${rangeTokens.leftHelperFontWeight}: var(${tokens.leftHelperFontWeight});\n ${rangeTokens.leftHelperLetterSpacing}: var(${tokens.leftHelperLetterSpacing});\n ${rangeTokens.leftHelperLineHeight}: var(${tokens.leftHelperLineHeight});\n\n ${rangeTokens.textFieldLeftContentMargin}: var(${tokens.textFieldLeftContentMargin});\n ${rangeTokens.textFieldRightContentMargin}: var(${tokens.textFieldRightContentMargin});\n ${rangeTokens.textFieldTextBeforeMargin}: var(${tokens.textFieldTextBeforeMargin});\n ${rangeTokens.textFieldTextAfterMargin}: var(${tokens.textFieldTextAfterMargin});\n\n ${rangeTokens.backgroundReadOnly}: var(${tokens.backgroundReadOnly});\n ${rangeTokens.labelColorReadOnly}: var(${tokens.labelColorReadOnly});\n ${rangeTokens.leftHelperColorReadOnly}: var(${tokens.leftHelperColorReadOnly});\n ${rangeTokens.dividerColorReadOnly}: var(${tokens.dividerColorReadOnly});\n\n ${rangeTokens.textFieldColorReadOnly}: var(${tokens.textFieldColorReadOnly});\n ${rangeTokens.textFieldBackgroundColorReadOnly}: var(${tokens.textFieldBackgroundColorReadOnly});\n ${rangeTokens.textFieldPlaceholderColorReadOnly}: var(${tokens.textFieldPlaceholderColorReadOnly});\n`;\n\nexport const base = css`\n display: inline-block;\n`;\n\nexport const StyledLabel = styled.label``;\n\nexport const LeftHelper = styled.div``;\n"],"names":["mergedRangeConfig","mergeConfig","rangeConfig","Range","component","mergedPopoverConfig","popoverConfig","Popover","_exp","StyledPopover","styled","name","class","propsAsIs","_exp2","StyledRange","base","StyledLabel","LeftHelper"],"mappings":"
|
1
|
+
{"version":3,"file":"RangeDate.styles.js","sources":["../../../../src/components/DatePicker/RangeDate/RangeDate.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component, mergeConfig } from '../../../engines';\nimport { rangeConfig, rangeTokens } from '../../Range';\nimport { tokens } from '../DatePicker.tokens';\nimport { popoverConfig } from '../../Popover';\n\nconst mergedRangeConfig = mergeConfig(rangeConfig);\nconst Range = component(mergedRangeConfig);\n\nconst mergedPopoverConfig = mergeConfig(popoverConfig);\nconst Popover = component(mergedPopoverConfig);\n\nexport const StyledPopover = styled(Popover)``;\n\n// NOTE: переопределение токенов Range\nexport const StyledRange = styled(Range)`\n ${rangeTokens.background}: var(${tokens.background});\n ${rangeTokens.backgroundError}: var(${tokens.backgroundError});\n ${rangeTokens.backgroundSuccess}: var(${tokens.backgroundSuccess});\n \n ${rangeTokens.borderColor}: var(${tokens.borderColor});\n ${rangeTokens.borderColorError}: var(${tokens.borderColorError});\n ${rangeTokens.borderColorSuccess}: var(${tokens.borderColorSuccess});\n \n ${rangeTokens.borderWidth}: var(${tokens.textFieldBorderWidth});\n\n ${rangeTokens.dividerColor}: var(${tokens.dividerColor});\n ${rangeTokens.labelColor}: var(${tokens.labelColor});\n ${rangeTokens.leftHelperColor}: var(${tokens.leftHelperColor});\n\n ${rangeTokens.textFieldColor}: var(${tokens.textFieldColor});\n ${rangeTokens.textFieldPlaceholderColor}: var(${tokens.textFieldPlaceholderColor});\n ${rangeTokens.textFieldPlaceholderColorFocus}: var(${tokens.textFieldPlaceholderColorFocus});\n ${rangeTokens.textFieldCaretColor}: var(${tokens.textFieldCaretColor});\n\n ${rangeTokens.textFieldBackgroundColorFocus}: var(${tokens.textFieldBackgroundColorFocus});\n ${rangeTokens.textFieldBackgroundErrorColor}: var(${tokens.textFieldBackgroundErrorColor});\n ${rangeTokens.textFieldBackgroundErrorColorFocus}: var(${tokens.textFieldBackgroundErrorColorFocus});\n ${rangeTokens.textFieldBackgroundSuccessColor}: var(${tokens.textFieldBackgroundSuccessColor});\n ${rangeTokens.textFieldBackgroundSuccessColorFocus}: var(${tokens.textFieldBackgroundSuccessColorFocus});\n\n ${rangeTokens.textFieldBorderWidth}: var(${tokens.textFieldBorderWidth});\n ${rangeTokens.textFieldBorderColorFocus}: var(${tokens.textFieldBorderColorFocus});\n ${rangeTokens.textFieldBorderColorError}: var(${tokens.textFieldBorderColorError});\n ${rangeTokens.textFieldBorderColorErrorFocus}: var(${tokens.textFieldBorderColorErrorFocus});\n ${rangeTokens.textFieldBorderColorSuccess}: var(${tokens.textFieldBorderColorSuccess});\n ${rangeTokens.textFieldBorderColorSuccessFocus}: var(${tokens.textFieldBorderColorSuccessFocus});\n\n ${rangeTokens.textFieldTextBeforeColor}: var(${tokens.textFieldTextBeforeColor});\n ${rangeTokens.textFieldTextAfterColor}: var(${tokens.textFieldTextAfterColor});\n\n ${rangeTokens.focusColor}: var(${tokens.focusColor});\n\n ${rangeTokens.borderRadius}: var(${tokens.borderRadius});\n\n ${rangeTokens.dividerPadding}: var(${tokens.dividerPadding});\n ${rangeTokens.dividerFontFamily}: var(${tokens.dividerFontFamily});\n ${rangeTokens.dividerFontStyle}: var(${tokens.dividerFontStyle});\n ${rangeTokens.dividerFontSize}: var(${tokens.dividerFontSize});\n ${rangeTokens.dividerFontWeight}: var(${tokens.dividerFontWeight});\n ${rangeTokens.dividerLetterSpacing}: var(${tokens.dividerLetterSpacing});\n ${rangeTokens.dividerLineHeight}: var(${tokens.dividerLineHeight});\n\n ${rangeTokens.leftContentMargin}: var(${tokens.leftContentMargin});\n ${rangeTokens.rightContentMargin}: var(${tokens.rightContentMargin});\n\n ${rangeTokens.labelOffset}: var(${tokens.labelOffset});\n\n ${rangeTokens.labelFontFamily}: var(${tokens.labelFontFamily});\n ${rangeTokens.labelFontStyle}: var(${tokens.labelFontStyle});\n ${rangeTokens.labelFontSize}: var(${tokens.labelFontSize});\n ${rangeTokens.labelFontWeight}: var(${tokens.labelFontWeight});\n ${rangeTokens.labelLetterSpacing}: var(${tokens.labelLetterSpacing});\n ${rangeTokens.labelLineHeight}: var(${tokens.labelLineHeight});\n\n ${rangeTokens.textFieldHeight}: var(${tokens.textFieldHeight});\n ${rangeTokens.textFieldBorderRadius}: var(${tokens.textFieldBorderRadius});\n ${rangeTokens.textFieldPadding}: var(${tokens.textFieldPadding});\n ${rangeTokens.textFieldFontFamily}: var(${tokens.textFieldFontFamily});\n ${rangeTokens.textFieldFontStyle}: var(${tokens.textFieldFontStyle});\n ${rangeTokens.textFieldFontSize}: var(${tokens.textFieldFontSize});\n ${rangeTokens.textFieldFontWeight}: var(${tokens.textFieldFontWeight});\n ${rangeTokens.textFieldLetterSpacing}: var(${tokens.textFieldLetterSpacing});\n ${rangeTokens.textFieldLineHeight}: var(${tokens.textFieldLineHeight});\n\n ${rangeTokens.leftHelperOffset}: var(${tokens.leftHelperOffset});\n ${rangeTokens.leftHelperFontFamily}: var(${tokens.leftHelperFontFamily});\n ${rangeTokens.leftHelperFontStyle}: var(${tokens.leftHelperFontStyle});\n ${rangeTokens.leftHelperFontSize}: var(${tokens.leftHelperFontSize});\n ${rangeTokens.leftHelperFontWeight}: var(${tokens.leftHelperFontWeight});\n ${rangeTokens.leftHelperLetterSpacing}: var(${tokens.leftHelperLetterSpacing});\n ${rangeTokens.leftHelperLineHeight}: var(${tokens.leftHelperLineHeight});\n\n ${rangeTokens.textFieldLeftContentMargin}: var(${tokens.textFieldLeftContentMargin});\n ${rangeTokens.textFieldRightContentMargin}: var(${tokens.textFieldRightContentMargin});\n ${rangeTokens.textFieldTextBeforeMargin}: var(${tokens.textFieldTextBeforeMargin});\n ${rangeTokens.textFieldTextAfterMargin}: var(${tokens.textFieldTextAfterMargin});\n\n ${rangeTokens.backgroundReadOnly}: var(${tokens.backgroundReadOnly});\n ${rangeTokens.labelColorReadOnly}: var(${tokens.labelColorReadOnly});\n ${rangeTokens.leftHelperColorReadOnly}: var(${tokens.leftHelperColorReadOnly});\n ${rangeTokens.dividerColorReadOnly}: var(${tokens.dividerColorReadOnly});\n\n ${rangeTokens.textFieldColorReadOnly}: var(${tokens.textFieldColorReadOnly});\n ${rangeTokens.textFieldBackgroundColorReadOnly}: var(${tokens.textFieldBackgroundColorReadOnly});\n ${rangeTokens.textFieldPlaceholderColorReadOnly}: var(${tokens.textFieldPlaceholderColorReadOnly});\n`;\n\nexport const base = css`\n display: inline-block;\n`;\n\nexport const StyledLabel = styled.label``;\n\nexport const LeftHelper = styled.div``;\n"],"names":["mergedRangeConfig","mergeConfig","rangeConfig","Range","component","mergedPopoverConfig","popoverConfig","Popover","_exp","StyledPopover","styled","name","class","propsAsIs","_exp2","StyledRange","base","StyledLabel","LeftHelper"],"mappings":";;;;;AAQA,IAAMA,iBAAiB,gBAAGC,WAAW,CAACC,WAAW,CAAC,CAAA;AAClD,IAAMC,KAAK,gBAAGC,SAAS,CAACJ,iBAAiB,CAAC,CAAA;AAE1C,IAAMK,mBAAmB,gBAAGJ,WAAW,CAACK,aAAa,CAAC,CAAA;AACtD,IAAMC,OAAO,gBAAGH,SAAS,CAACC,mBAAmB,CAAC,CAAA;AAAC,IAAAG,IAAA,GAX7BA,SAW6BA,IAAAA,GAAA;AAAA,EAAA,OAEXD,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAME,aAAa,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAAW,EAAA;;AAE9C;AAAA,IAAAC,KAAA,GAfkBA,SAelBA,KAAAA,GAAA;AAAA,EAAA,OACkCX,KAAK,CAAA;AAAA,CAAA,CAAA;AAAhC,IAAMY,WAAW,gBAAGL,MAAM,CAAAI,KAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA2FhC,EAAA;AAEM,IAAMG,IAAI,GAEhB,WAAA;AAEM,IAAMC,WAAW,gBAAGP,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAQ,EAAA;AAElC,IAAMK,UAAU,gBAAGR,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM;;;;"}
|
@@ -1,8 +1,7 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import '../../../../utils/react.js';
|
3
|
-
import { getPlacements } from '../../../../utils/getPopoverPlacement.js';
|
4
2
|
import { StyledPopover } from '../RangeDate.styles.js';
|
5
3
|
import { StyledCalendarDouble, StyledCalendar } from './RangeDatePopover.styles.js';
|
4
|
+
import { getPlacements } from '../../../../utils/getPopoverPlacement.js';
|
6
5
|
|
7
6
|
var RangeDatePopover = function RangeDatePopover(_ref) {
|
8
7
|
var Root = _ref.rootWrapper,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"RangeDatePopover.js","sources":["../../../../../src/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.tsx"],"sourcesContent":["import React from 'react';\n\nimport { getPlacements } from '../../../../utils';\nimport { StyledPopover } from '../RangeDate.styles';\n\nimport type { RangeDatePopoverProps } from './RangeDatePopover.types';\nimport { StyledCalendar, StyledCalendarDouble } from './RangeDatePopover.styles';\n\nexport const RangeDatePopover = ({\n rootWrapper: Root,\n target,\n\n isOpen,\n opened,\n isDoubleCalendar,\n\n calendarValue,\n min,\n max,\n includeEdgeDates,\n eventList,\n disabledList,\n eventMonthList,\n disabledMonthList,\n eventQuarterList,\n disabledQuarterList,\n eventYearList,\n disabledYearList,\n\n frame = 'document',\n usePortal = false,\n placement = ['top', 'bottom'],\n closeOnOverlayClick = true,\n closeOnEsc,\n offset,\n\n type,\n size,\n lang = 'ru',\n\n onChangeValue,\n onChangeStartOfRange,\n\n onToggle,\n}: RangeDatePopoverProps) => {\n const innerIsOpen = Boolean(isOpen || opened);\n\n if (isDoubleCalendar) {\n return (\n <StyledPopover\n opened={innerIsOpen}\n frame={frame}\n usePortal={usePortal}\n onToggle={onToggle}\n offset={offset}\n placement={getPlacements(placement)}\n trigger=\"click\"\n closeOnOverlayClick={closeOnOverlayClick}\n isFocusTrapped={false}\n target={target}\n preventOverflow={false}\n >\n <Root>\n <StyledCalendarDouble\n size={size}\n value={calendarValue}\n eventList={eventList}\n disabledList={disabledList}\n eventMonthList={eventMonthList}\n disabledMonthList={disabledMonthList}\n eventQuarterList={eventQuarterList}\n disabledQuarterList={disabledQuarterList}\n eventYearList={eventYearList}\n disabledYearList={disabledYearList}\n min={min}\n max={max}\n locale={lang}\n includeEdgeDates={includeEdgeDates}\n onChangeValue={onChangeValue}\n onChangeStartOfRange={onChangeStartOfRange}\n />\n </Root>\n </StyledPopover>\n );\n }\n\n return (\n <StyledPopover\n opened={innerIsOpen}\n frame={frame}\n usePortal={usePortal}\n onToggle={onToggle}\n offset={offset}\n placement={getPlacements(placement)}\n trigger=\"click\"\n closeOnOverlayClick={closeOnOverlayClick}\n isFocusTrapped={false}\n target={target}\n preventOverflow={false}\n closeOnEsc={closeOnEsc}\n >\n <Root>\n <StyledCalendar\n size={size}\n value={calendarValue}\n eventList={eventList}\n disabledList={disabledList}\n eventMonthList={eventMonthList}\n disabledMonthList={disabledMonthList}\n eventQuarterList={eventQuarterList}\n disabledQuarterList={disabledQuarterList}\n eventYearList={eventYearList}\n disabledYearList={disabledYearList}\n min={min}\n max={max}\n type={type}\n locale={lang}\n includeEdgeDates={includeEdgeDates}\n onChangeValue={onChangeValue}\n onChangeStartOfRange={onChangeStartOfRange}\n />\n </Root>\n </StyledPopover>\n );\n};\n"],"names":["RangeDatePopover","_ref","Root","rootWrapper","target","isOpen","opened","isDoubleCalendar","calendarValue","min","max","includeEdgeDates","eventList","disabledList","eventMonthList","disabledMonthList","eventQuarterList","disabledQuarterList","eventYearList","disabledYearList","_ref$frame","frame","_ref$usePortal","usePortal","_ref$placement","placement","_ref$closeOnOverlayCl","closeOnOverlayClick","closeOnEsc","offset","type","size","_ref$lang","lang","onChangeValue","onChangeStartOfRange","onToggle","innerIsOpen","Boolean","React","createElement","StyledPopover","getPlacements","trigger","isFocusTrapped","preventOverflow","StyledCalendarDouble","value","locale","StyledCalendar"],"mappings":"
|
1
|
+
{"version":3,"file":"RangeDatePopover.js","sources":["../../../../../src/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.tsx"],"sourcesContent":["import React from 'react';\n\nimport { getPlacements } from '../../../../utils';\nimport { StyledPopover } from '../RangeDate.styles';\n\nimport type { RangeDatePopoverProps } from './RangeDatePopover.types';\nimport { StyledCalendar, StyledCalendarDouble } from './RangeDatePopover.styles';\n\nexport const RangeDatePopover = ({\n rootWrapper: Root,\n target,\n\n isOpen,\n opened,\n isDoubleCalendar,\n\n calendarValue,\n min,\n max,\n includeEdgeDates,\n eventList,\n disabledList,\n eventMonthList,\n disabledMonthList,\n eventQuarterList,\n disabledQuarterList,\n eventYearList,\n disabledYearList,\n\n frame = 'document',\n usePortal = false,\n placement = ['top', 'bottom'],\n closeOnOverlayClick = true,\n closeOnEsc,\n offset,\n\n type,\n size,\n lang = 'ru',\n\n onChangeValue,\n onChangeStartOfRange,\n\n onToggle,\n}: RangeDatePopoverProps) => {\n const innerIsOpen = Boolean(isOpen || opened);\n\n if (isDoubleCalendar) {\n return (\n <StyledPopover\n opened={innerIsOpen}\n frame={frame}\n usePortal={usePortal}\n onToggle={onToggle}\n offset={offset}\n placement={getPlacements(placement)}\n trigger=\"click\"\n closeOnOverlayClick={closeOnOverlayClick}\n isFocusTrapped={false}\n target={target}\n preventOverflow={false}\n >\n <Root>\n <StyledCalendarDouble\n size={size}\n value={calendarValue}\n eventList={eventList}\n disabledList={disabledList}\n eventMonthList={eventMonthList}\n disabledMonthList={disabledMonthList}\n eventQuarterList={eventQuarterList}\n disabledQuarterList={disabledQuarterList}\n eventYearList={eventYearList}\n disabledYearList={disabledYearList}\n min={min}\n max={max}\n locale={lang}\n includeEdgeDates={includeEdgeDates}\n onChangeValue={onChangeValue}\n onChangeStartOfRange={onChangeStartOfRange}\n />\n </Root>\n </StyledPopover>\n );\n }\n\n return (\n <StyledPopover\n opened={innerIsOpen}\n frame={frame}\n usePortal={usePortal}\n onToggle={onToggle}\n offset={offset}\n placement={getPlacements(placement)}\n trigger=\"click\"\n closeOnOverlayClick={closeOnOverlayClick}\n isFocusTrapped={false}\n target={target}\n preventOverflow={false}\n closeOnEsc={closeOnEsc}\n >\n <Root>\n <StyledCalendar\n size={size}\n value={calendarValue}\n eventList={eventList}\n disabledList={disabledList}\n eventMonthList={eventMonthList}\n disabledMonthList={disabledMonthList}\n eventQuarterList={eventQuarterList}\n disabledQuarterList={disabledQuarterList}\n eventYearList={eventYearList}\n disabledYearList={disabledYearList}\n min={min}\n max={max}\n type={type}\n locale={lang}\n includeEdgeDates={includeEdgeDates}\n onChangeValue={onChangeValue}\n onChangeStartOfRange={onChangeStartOfRange}\n />\n </Root>\n </StyledPopover>\n );\n};\n"],"names":["RangeDatePopover","_ref","Root","rootWrapper","target","isOpen","opened","isDoubleCalendar","calendarValue","min","max","includeEdgeDates","eventList","disabledList","eventMonthList","disabledMonthList","eventQuarterList","disabledQuarterList","eventYearList","disabledYearList","_ref$frame","frame","_ref$usePortal","usePortal","_ref$placement","placement","_ref$closeOnOverlayCl","closeOnOverlayClick","closeOnEsc","offset","type","size","_ref$lang","lang","onChangeValue","onChangeStartOfRange","onToggle","innerIsOpen","Boolean","React","createElement","StyledPopover","getPlacements","trigger","isFocusTrapped","preventOverflow","StyledCalendarDouble","value","locale","StyledCalendar"],"mappings":"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"}
|
@@ -1,12 +1,9 @@
|
|
1
1
|
import './RangeDatePopover.styles_1gljtdv.css';
|
2
2
|
import { styled } from '@linaria/react';
|
3
|
-
import 'react';
|
4
|
-
import 'focus-visible';
|
5
3
|
import { withRange } from '../../../Calendar/hoc/withRange.js';
|
6
|
-
import { calendarBaseConfig } from '../../../Calendar/CalendarBase/CalendarBase.js';
|
7
|
-
import { calendarDoubleConfig } from '../../../Calendar/CalendarDouble/CalendarDouble.js';
|
8
|
-
import '@linaria/core';
|
9
4
|
import { component, mergeConfig } from '../../../../engines/common.js';
|
5
|
+
import { calendarDoubleConfig } from '../../../Calendar/CalendarDouble/CalendarDouble.js';
|
6
|
+
import { calendarBaseConfig } from '../../../Calendar/CalendarBase/CalendarBase.js';
|
10
7
|
|
11
8
|
var mergedCalendarDoubleConfig = /*#__PURE__*/mergeConfig(calendarDoubleConfig);
|
12
9
|
var CalendarDouble = /*#__PURE__*/component(mergedCalendarDoubleConfig);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"RangeDatePopover.styles.js","sources":["../../../../../src/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { calendarDoubleConfig, calendarBaseTokens, withRange, calendarBaseConfig } from '../../../Calendar';\nimport type { CalendarDoubleProps, CalendarBaseProps } from '../../../Calendar';\nimport { tokens } from '../../DatePicker.tokens';\nimport { component, mergeConfig } from '../../../../engines';\nimport { baseCalendarTokens } from '../../DatePickerBase.styles';\n\nconst mergedCalendarDoubleConfig = mergeConfig(calendarDoubleConfig);\nconst CalendarDouble = component(mergedCalendarDoubleConfig);\n\nconst mergedCalendarConfig = mergeConfig(calendarBaseConfig);\nconst Calendar = component(mergedCalendarConfig);\n\nconst CalendarDoubleRange = withRange<CalendarDoubleProps>(CalendarDouble);\nconst CalendarRange = withRange<CalendarBaseProps>(Calendar);\n\n// NOTE: переопределение токенов Calendar\nexport const StyledCalendarDouble = styled(CalendarDoubleRange)`\n ${calendarBaseTokens.calendarSeparatorBackground}: var(${tokens.calendarSeparatorBackground});\n ${baseCalendarTokens}\n /* NOTE: помимо умножения ширины на 2, добавляется место под разделитель */\n ${calendarBaseTokens.calendarWidth}: calc(var(${tokens.calendarWidth}) * 2 + 2.063rem);\n`;\n\nexport const StyledCalendar = styled(CalendarRange)`\n ${baseCalendarTokens}\n`;\n"],"names":["mergedCalendarDoubleConfig","mergeConfig","calendarDoubleConfig","CalendarDouble","component","mergedCalendarConfig","calendarBaseConfig","Calendar","CalendarDoubleRange","withRange","CalendarRange","_exp","StyledCalendarDouble","styled","name","class","propsAsIs","_exp7","StyledCalendar"],"mappings":"
|
1
|
+
{"version":3,"file":"RangeDatePopover.styles.js","sources":["../../../../../src/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { calendarDoubleConfig, calendarBaseTokens, withRange, calendarBaseConfig } from '../../../Calendar';\nimport type { CalendarDoubleProps, CalendarBaseProps } from '../../../Calendar';\nimport { tokens } from '../../DatePicker.tokens';\nimport { component, mergeConfig } from '../../../../engines';\nimport { baseCalendarTokens } from '../../DatePickerBase.styles';\n\nconst mergedCalendarDoubleConfig = mergeConfig(calendarDoubleConfig);\nconst CalendarDouble = component(mergedCalendarDoubleConfig);\n\nconst mergedCalendarConfig = mergeConfig(calendarBaseConfig);\nconst Calendar = component(mergedCalendarConfig);\n\nconst CalendarDoubleRange = withRange<CalendarDoubleProps>(CalendarDouble);\nconst CalendarRange = withRange<CalendarBaseProps>(Calendar);\n\n// NOTE: переопределение токенов Calendar\nexport const StyledCalendarDouble = styled(CalendarDoubleRange)`\n ${calendarBaseTokens.calendarSeparatorBackground}: var(${tokens.calendarSeparatorBackground});\n ${baseCalendarTokens}\n /* NOTE: помимо умножения ширины на 2, добавляется место под разделитель */\n ${calendarBaseTokens.calendarWidth}: calc(var(${tokens.calendarWidth}) * 2 + 2.063rem);\n`;\n\nexport const StyledCalendar = styled(CalendarRange)`\n ${baseCalendarTokens}\n`;\n"],"names":["mergedCalendarDoubleConfig","mergeConfig","calendarDoubleConfig","CalendarDouble","component","mergedCalendarConfig","calendarBaseConfig","Calendar","CalendarDoubleRange","withRange","CalendarRange","_exp","StyledCalendarDouble","styled","name","class","propsAsIs","_exp7","StyledCalendar"],"mappings":";;;;;;AAQA,IAAMA,0BAA0B,gBAAGC,WAAW,CAACC,oBAAoB,CAAC,CAAA;AACpE,IAAMC,cAAc,gBAAGC,SAAS,CAACJ,0BAA0B,CAAC,CAAA;AAE5D,IAAMK,oBAAoB,gBAAGJ,WAAW,CAACK,kBAAkB,CAAC,CAAA;AAC5D,IAAMC,QAAQ,gBAAGH,SAAS,CAACC,oBAAoB,CAAC,CAAA;AAEhD,IAAMG,mBAAmB,gBAAGC,SAAS,CAAsBN,cAAc,CAAC,CAAA;AAC1E,IAAMO,aAAa,gBAAGD,SAAS,CAAoBF,QAAQ,CAAC,CAAA;;AAE5D;AAAA,IAAAI,IAAA,GAhBkBA,SAgBlBA,IAAAA,GAAA;AAAA,EAAA,OAC2CH,mBAAmB,CAAA;AAAA,CAAA,CAAA;AAAvD,IAAMI,oBAAoB,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAKzC,EAAA;AAAC,IAAAC,KAAA,GAtBgBA,SAsBhBA,KAAAA,GAAA;AAAA,EAAA,OAEmCP,aAAa,CAAA;AAAA,CAAA,CAAA;AAA3C,IAAMQ,cAAc,gBAAGL,MAAM,CAAAI,KAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAEnC;;;;"}
|
@@ -1,6 +1,5 @@
|
|
1
1
|
import './SingleDate.styles_1rrq00l.css';
|
2
2
|
import { styled } from '@linaria/react';
|
3
|
-
import '@linaria/core';
|
4
3
|
import { component, mergeConfig } from '../../../engines/common.js';
|
5
4
|
import { textFieldConfig } from '../../TextField/TextField.js';
|
6
5
|
import { popoverConfig } from '../../Popover/Popover.js';
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SingleDate.styles.js","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component, mergeConfig } from '../../../engines';\nimport { textFieldConfig, textFieldTokens } from '../../TextField';\nimport { classes, tokens } from '../DatePicker.tokens';\nimport { popoverClasses, popoverConfig } from '../../Popover';\n\nconst mergedTextFieldConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedTextFieldConfig);\n\nconst mergedPopoverConfig = mergeConfig(popoverConfig);\nconst Popover = component(mergedPopoverConfig);\n\nexport const StyledPopover = styled(Popover)``;\n\n// NOTE: переопределение токенов TextField\nexport const StyledInput = styled(TextField)`\n width: 100%;\n\n ${textFieldTokens.color}: var(${tokens.textFieldColor});\n ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n ${textFieldTokens.placeholderColorFocus}: var(${tokens.textFieldPlaceholderColorFocus});\n ${textFieldTokens.caretColor}: var(${tokens.textFieldCaretColor});\n ${textFieldTokens.focusColor}: var(${tokens.textFieldFocusColor});\n\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundColorFocus});\n \n ${textFieldTokens.borderColor}: var(${tokens.borderColor});\n ${textFieldTokens.borderColorHover}: var(${tokens.borderColorHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.borderColorFocus});\n\n ${textFieldTokens.colorReadOnly}: var(${tokens.textFieldColorReadOnly});\n ${textFieldTokens.backgroundColorReadOnly}: var(${tokens.textFieldBackgroundColorReadOnly});\n ${textFieldTokens.borderColorReadOnly}: var(${tokens.textFieldBorderColorReadOnly});\n ${textFieldTokens.placeholderColorReadOnly}: var(${tokens.textFieldPlaceholderColorReadOnly});\n\n ${textFieldTokens.height}: var(${tokens.textFieldHeight});\n ${textFieldTokens.borderWidth}: var(${tokens.textFieldBorderWidth});\n ${textFieldTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n\n ${textFieldTokens.padding}: var(${tokens.textFieldPadding});\n ${textFieldTokens.labelInnerPadding}: var(${tokens.labelInnerPadding});\n ${textFieldTokens.contentLabelInnerPadding}: var(${tokens.contentLabelInnerPadding});\n ${textFieldTokens.labelInnerFontFamily}: var(${tokens.labelInnerFontFamily});\n ${textFieldTokens.labelInnerFontSize}: var(${tokens.labelInnerFontSize});\n ${textFieldTokens.labelInnerFontStyle}: var(${tokens.labelInnerFontStyle});\n ${textFieldTokens.labelInnerFontWeight}: var(${tokens.labelInnerFontWeight});\n ${textFieldTokens.labelInnerLetterSpacing}: var(${tokens.labelInnerLetterSpacing});\n ${textFieldTokens.labelInnerLineHeight}: var(${tokens.labelInnerLineHeight});\n\n ${textFieldTokens.leftContentMargin}: var(${tokens.textFieldLeftContentMargin});\n ${textFieldTokens.rightContentMargin}: var(${tokens.textFieldRightContentMargin});\n\n ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize});\n ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing});\n ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight});\n\n ${textFieldTokens.disabledOpacity}: var(${tokens.disabledOpacity});\n \n ${textFieldTokens.textBeforeColor}: var(${tokens.textFieldTextBeforeColor});\n ${textFieldTokens.textAfterColor}: var(${tokens.textFieldTextAfterColor});\n ${textFieldTokens.textBeforeMargin}: var(${tokens.textFieldTextBeforeMargin});\n ${textFieldTokens.textAfterMargin}: var(${tokens.textFieldTextAfterMargin});\n ${textFieldTokens.contentSlotColor}: var(${tokens.textFieldContentSlotColor}, var(${tokens.textFieldColor}));\n\n &.${classes.datePickerError} {\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundErrorColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundErrorColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundErrorColorFocus});\n \n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorError});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorErrorHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorErrorFocus});\n }\n\n &.${classes.datePickerSuccess} {\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundSuccessColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundSuccessColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundSuccessColorFocus});\n \n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorSuccess});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorSuccessHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorSuccessFocus});\n }\n`;\n\nexport const base = css`\n display: inline-block;\n\n .${String(popoverClasses.wrapper)}, .${String(popoverClasses.target)} {\n width: inherit;\n }\n`;\n\nexport const StyledLabel = styled.label``;\n\nexport const LeftHelper = styled.div``;\n"],"names":["mergedTextFieldConfig","mergeConfig","textFieldConfig","TextField","component","mergedPopoverConfig","popoverConfig","Popover","_exp","StyledPopover","styled","name","class","propsAsIs","_exp2","StyledInput","base","StyledLabel","LeftHelper"],"mappings":"
|
1
|
+
{"version":3,"file":"SingleDate.styles.js","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component, mergeConfig } from '../../../engines';\nimport { textFieldConfig, textFieldTokens } from '../../TextField';\nimport { classes, tokens } from '../DatePicker.tokens';\nimport { popoverClasses, popoverConfig } from '../../Popover';\n\nconst mergedTextFieldConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedTextFieldConfig);\n\nconst mergedPopoverConfig = mergeConfig(popoverConfig);\nconst Popover = component(mergedPopoverConfig);\n\nexport const StyledPopover = styled(Popover)``;\n\n// NOTE: переопределение токенов TextField\nexport const StyledInput = styled(TextField)`\n width: 100%;\n\n ${textFieldTokens.color}: var(${tokens.textFieldColor});\n ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n ${textFieldTokens.placeholderColorFocus}: var(${tokens.textFieldPlaceholderColorFocus});\n ${textFieldTokens.caretColor}: var(${tokens.textFieldCaretColor});\n ${textFieldTokens.focusColor}: var(${tokens.textFieldFocusColor});\n\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundColorFocus});\n \n ${textFieldTokens.borderColor}: var(${tokens.borderColor});\n ${textFieldTokens.borderColorHover}: var(${tokens.borderColorHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.borderColorFocus});\n\n ${textFieldTokens.colorReadOnly}: var(${tokens.textFieldColorReadOnly});\n ${textFieldTokens.backgroundColorReadOnly}: var(${tokens.textFieldBackgroundColorReadOnly});\n ${textFieldTokens.borderColorReadOnly}: var(${tokens.textFieldBorderColorReadOnly});\n ${textFieldTokens.placeholderColorReadOnly}: var(${tokens.textFieldPlaceholderColorReadOnly});\n\n ${textFieldTokens.height}: var(${tokens.textFieldHeight});\n ${textFieldTokens.borderWidth}: var(${tokens.textFieldBorderWidth});\n ${textFieldTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n\n ${textFieldTokens.padding}: var(${tokens.textFieldPadding});\n ${textFieldTokens.labelInnerPadding}: var(${tokens.labelInnerPadding});\n ${textFieldTokens.contentLabelInnerPadding}: var(${tokens.contentLabelInnerPadding});\n ${textFieldTokens.labelInnerFontFamily}: var(${tokens.labelInnerFontFamily});\n ${textFieldTokens.labelInnerFontSize}: var(${tokens.labelInnerFontSize});\n ${textFieldTokens.labelInnerFontStyle}: var(${tokens.labelInnerFontStyle});\n ${textFieldTokens.labelInnerFontWeight}: var(${tokens.labelInnerFontWeight});\n ${textFieldTokens.labelInnerLetterSpacing}: var(${tokens.labelInnerLetterSpacing});\n ${textFieldTokens.labelInnerLineHeight}: var(${tokens.labelInnerLineHeight});\n\n ${textFieldTokens.leftContentMargin}: var(${tokens.textFieldLeftContentMargin});\n ${textFieldTokens.rightContentMargin}: var(${tokens.textFieldRightContentMargin});\n\n ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize});\n ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing});\n ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight});\n\n ${textFieldTokens.disabledOpacity}: var(${tokens.disabledOpacity});\n \n ${textFieldTokens.textBeforeColor}: var(${tokens.textFieldTextBeforeColor});\n ${textFieldTokens.textAfterColor}: var(${tokens.textFieldTextAfterColor});\n ${textFieldTokens.textBeforeMargin}: var(${tokens.textFieldTextBeforeMargin});\n ${textFieldTokens.textAfterMargin}: var(${tokens.textFieldTextAfterMargin});\n ${textFieldTokens.contentSlotColor}: var(${tokens.textFieldContentSlotColor}, var(${tokens.textFieldColor}));\n\n &.${classes.datePickerError} {\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundErrorColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundErrorColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundErrorColorFocus});\n \n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorError});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorErrorHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorErrorFocus});\n }\n\n &.${classes.datePickerSuccess} {\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundSuccessColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundSuccessColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundSuccessColorFocus});\n \n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorSuccess});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorSuccessHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorSuccessFocus});\n }\n`;\n\nexport const base = css`\n display: inline-block;\n\n .${String(popoverClasses.wrapper)}, .${String(popoverClasses.target)} {\n width: inherit;\n }\n`;\n\nexport const StyledLabel = styled.label``;\n\nexport const LeftHelper = styled.div``;\n"],"names":["mergedTextFieldConfig","mergeConfig","textFieldConfig","TextField","component","mergedPopoverConfig","popoverConfig","Popover","_exp","StyledPopover","styled","name","class","propsAsIs","_exp2","StyledInput","base","StyledLabel","LeftHelper"],"mappings":";;;;;AAQA,IAAMA,qBAAqB,gBAAGC,WAAW,CAACC,eAAe,CAAC,CAAA;AAC1D,IAAMC,SAAS,gBAAGC,SAAS,CAACJ,qBAAqB,CAAC,CAAA;AAElD,IAAMK,mBAAmB,gBAAGJ,WAAW,CAACK,aAAa,CAAC,CAAA;AACtD,IAAMC,OAAO,gBAAGH,SAAS,CAACC,mBAAmB,CAAC,CAAA;AAAC,IAAAG,IAAA,GAX7BA,SAW6BA,IAAAA,GAAA;AAAA,EAAA,OAEXD,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAME,aAAa,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAAW,EAAA;;AAE9C;AAAA,IAAAC,KAAA,GAfkBA,SAelBA,KAAAA,GAAA;AAAA,EAAA,OACkCX,SAAS,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMY,WAAW,gBAAGL,MAAM,CAAAI,KAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAyEhC,EAAA;AAEM,IAAMG,IAAI,GAMhB,UAAA;AAEM,IAAMC,WAAW,gBAAGP,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,QAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAQ,EAAA;AAElC,IAAMK,UAAU,gBAAGR,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM;;;;"}
|
@@ -1,25 +1,20 @@
|
|
1
1
|
import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
2
2
|
import React, { forwardRef, useMemo } from 'react';
|
3
3
|
import { useFocusTrap, useForkRef, safeUseId } from '@salutejs/plasma-core';
|
4
|
-
import '@linaria/core';
|
5
|
-
import { component, mergeConfig } from '../../engines/common.js';
|
6
|
-
import { usePopupContext } from '../Popup/PopupContext.js';
|
7
|
-
import { cx } from '../../utils/index.js';
|
8
|
-
import 'react-dom';
|
9
|
-
import '@linaria/react';
|
10
4
|
import { DEFAULT_Z_INDEX } from '../Popup/utils/index.js';
|
11
|
-
import {
|
12
|
-
import { panelConfig } from '../Panel/Panel.js';
|
13
|
-
import 'focus-visible';
|
14
|
-
import 'styled-components';
|
5
|
+
import { cx } from '../../utils/index.js';
|
15
6
|
import { classes, tokens } from './Drawer.tokens.js';
|
16
7
|
import { base } from './variations/_view/base.js';
|
17
8
|
import { base as base$1 } from './variations/_size/base.js';
|
18
9
|
import { base as base$2 } from './variations/_borderRadius/base.js';
|
19
10
|
import { StyledPopup } from './Drawer.styles.js';
|
20
11
|
import { getIdLastDrawer } from './DrawerContext.js';
|
12
|
+
import { usePopupContext } from '../Popup/PopupContext.js';
|
21
13
|
import { useDrawer } from './hooks/useDrawer.js';
|
14
|
+
import { Overlay } from '../Overlay/Overlay.js';
|
15
|
+
import { component, mergeConfig } from '../../engines/common.js';
|
22
16
|
import { getSizeValueFromProp } from '../../utils/getSizeValueFromProp.js';
|
17
|
+
import { panelConfig } from '../Panel/Panel.js';
|
23
18
|
|
24
19
|
var _excluded = ["id", "zIndex", "popupInfo", "withBlur", "children", "view", "size", "width", "height", "isOpen", "opened", "initialFocusRef", "focusAfterRef", "className", "onClose", "onOverlayClick", "onEscKeyDown", "offset", "frame", "borderRadius", "placement", "closeOnEsc", "closeOnOverlayClick", "asModal"];
|
25
20
|
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Drawer.js","sources":["../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport { useFocusTrap, useForkRef, safeUseId } from '@salutejs/plasma-core';\n\nimport { component, mergeConfig } from '../../engines';\nimport type { RootProps } from '../../engines';\nimport { usePopupContext } from '../Popup';\nimport { Overlay } from '../Overlay';\nimport { DEFAULT_Z_INDEX } from '../Popup/utils';\nimport { panelConfig } from '../Panel';\nimport { cx, getSizeValueFromProp } from '../../utils';\n\nimport { classes, tokens } from './Drawer.tokens';\nimport type { DrawerProps } from './Drawer.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as borderRadiusCSS } from './variations/_borderRadius/base';\nimport { StyledPopup } from './Drawer.styles';\nimport { getIdLastDrawer } from './DrawerContext';\nimport { useDrawer } from './hooks';\n\n// issue #823\nconst mergedPanelConfig = mergeConfig(panelConfig);\nconst Panel = component(mergedPanelConfig);\n\nexport const drawerRoot = (Root: RootProps<HTMLDivElement, DrawerProps>) =>\n forwardRef<HTMLDivElement, DrawerProps>(\n (\n {\n id,\n zIndex,\n popupInfo,\n withBlur,\n children,\n view,\n size,\n width,\n height,\n isOpen,\n opened,\n initialFocusRef,\n focusAfterRef,\n className,\n onClose,\n onOverlayClick,\n onEscKeyDown,\n offset,\n frame,\n borderRadius = 'none',\n placement = 'right',\n closeOnEsc = true,\n closeOnOverlayClick = true,\n asModal = true,\n ...rest\n },\n outerRef,\n ) => {\n const innerIsOpen = Boolean(isOpen || opened);\n\n const trapRef = useFocusTrap(true, initialFocusRef, focusAfterRef);\n const popupController = usePopupContext();\n\n const innerRef = useForkRef<HTMLDivElement>(trapRef, outerRef);\n\n const uniqId = safeUseId();\n const innerId = id || uniqId;\n const overlayBackgroundToken = withBlur\n ? `var(${tokens.drawerOverlayWithBlurColor})`\n : `var(${tokens.drawerOverlayColor})`;\n const innerWidth = width ? getSizeValueFromProp(width) : '100%';\n const innerHeight = height ? getSizeValueFromProp(height) : '100%';\n\n const placementClass = placement ? classes[`${placement}Placement` as keyof typeof classes] : undefined;\n\n const { drawerInfo } = useDrawer({\n id: innerId,\n isOpen: innerIsOpen,\n closeOnEsc,\n onEscKeyDown,\n onClose,\n popupInfo,\n disableScroll: asModal,\n });\n const transparent = useMemo(() => getIdLastDrawer(popupController.items) !== innerId, [\n innerId,\n popupController.items,\n ]);\n\n const onDrawerOverlayKeyDown = (event: React.MouseEvent<HTMLDivElement>) => {\n if (onOverlayClick) {\n onOverlayClick(event);\n return;\n }\n\n if (onClose) {\n onClose();\n }\n };\n\n return (\n <StyledPopup\n id={innerId}\n ref={asModal ? innerRef : outerRef}\n className={cx(placementClass)}\n opened={innerIsOpen}\n zIndex={zIndex}\n placement={placement}\n popupInfo={drawerInfo}\n frame={frame}\n width={innerWidth}\n height={innerHeight}\n offset={offset}\n withAnimation\n overlay={\n asModal && (\n <Root view={view}>\n <Overlay\n className={classes.overlay}\n zIndex={zIndex || DEFAULT_Z_INDEX}\n backgroundColorProperty={overlayBackgroundToken}\n withBlur={withBlur}\n transparent={transparent}\n isClickable={closeOnOverlayClick}\n onOverlayClick={onDrawerOverlayKeyDown}\n />\n </Root>\n )\n }\n {...rest}\n >\n <Root\n view={view}\n size={size}\n style={{ width: innerWidth, height: innerHeight }}\n borderRadius={borderRadius}\n >\n <Panel width={innerWidth} height={innerHeight} className={className}>\n {children}\n </Panel>\n </Root>\n </StyledPopup>\n );\n },\n );\n\nexport const drawerConfig = {\n name: 'Drawer',\n tag: 'div',\n layout: drawerRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n borderRadius: {\n css: borderRadiusCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n borderRadius: 'none',\n },\n};\n"],"names":["mergedPanelConfig","mergeConfig","panelConfig","Panel","component","drawerRoot","Root","forwardRef","_ref","outerRef","id","zIndex","popupInfo","withBlur","children","view","size","width","height","isOpen","opened","initialFocusRef","focusAfterRef","className","onClose","onOverlayClick","onEscKeyDown","offset","frame","_ref$borderRadius","borderRadius","_ref$placement","placement","_ref$closeOnEsc","closeOnEsc","_ref$closeOnOverlayCl","closeOnOverlayClick","_ref$asModal","asModal","rest","_objectWithoutProperties","_excluded","innerIsOpen","Boolean","trapRef","useFocusTrap","popupController","usePopupContext","innerRef","useForkRef","uniqId","safeUseId","innerId","overlayBackgroundToken","concat","tokens","drawerOverlayWithBlurColor","drawerOverlayColor","innerWidth","getSizeValueFromProp","innerHeight","placementClass","classes","undefined","_useDrawer","useDrawer","disableScroll","drawerInfo","transparent","useMemo","getIdLastDrawer","items","onDrawerOverlayKeyDown","event","React","createElement","StyledPopup","_extends","ref","cx","withAnimation","overlay","Overlay","DEFAULT_Z_INDEX","backgroundColorProperty","isClickable","style","drawerConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","borderRadiusCSS","defaults"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"Drawer.js","sources":["../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport { useFocusTrap, useForkRef, safeUseId } from '@salutejs/plasma-core';\n\nimport { component, mergeConfig } from '../../engines';\nimport type { RootProps } from '../../engines';\nimport { usePopupContext } from '../Popup';\nimport { Overlay } from '../Overlay';\nimport { DEFAULT_Z_INDEX } from '../Popup/utils';\nimport { panelConfig } from '../Panel';\nimport { cx, getSizeValueFromProp } from '../../utils';\n\nimport { classes, tokens } from './Drawer.tokens';\nimport type { DrawerProps } from './Drawer.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as borderRadiusCSS } from './variations/_borderRadius/base';\nimport { StyledPopup } from './Drawer.styles';\nimport { getIdLastDrawer } from './DrawerContext';\nimport { useDrawer } from './hooks';\n\n// issue #823\nconst mergedPanelConfig = mergeConfig(panelConfig);\nconst Panel = component(mergedPanelConfig);\n\nexport const drawerRoot = (Root: RootProps<HTMLDivElement, DrawerProps>) =>\n forwardRef<HTMLDivElement, DrawerProps>(\n (\n {\n id,\n zIndex,\n popupInfo,\n withBlur,\n children,\n view,\n size,\n width,\n height,\n isOpen,\n opened,\n initialFocusRef,\n focusAfterRef,\n className,\n onClose,\n onOverlayClick,\n onEscKeyDown,\n offset,\n frame,\n borderRadius = 'none',\n placement = 'right',\n closeOnEsc = true,\n closeOnOverlayClick = true,\n asModal = true,\n ...rest\n },\n outerRef,\n ) => {\n const innerIsOpen = Boolean(isOpen || opened);\n\n const trapRef = useFocusTrap(true, initialFocusRef, focusAfterRef);\n const popupController = usePopupContext();\n\n const innerRef = useForkRef<HTMLDivElement>(trapRef, outerRef);\n\n const uniqId = safeUseId();\n const innerId = id || uniqId;\n const overlayBackgroundToken = withBlur\n ? `var(${tokens.drawerOverlayWithBlurColor})`\n : `var(${tokens.drawerOverlayColor})`;\n const innerWidth = width ? getSizeValueFromProp(width) : '100%';\n const innerHeight = height ? getSizeValueFromProp(height) : '100%';\n\n const placementClass = placement ? classes[`${placement}Placement` as keyof typeof classes] : undefined;\n\n const { drawerInfo } = useDrawer({\n id: innerId,\n isOpen: innerIsOpen,\n closeOnEsc,\n onEscKeyDown,\n onClose,\n popupInfo,\n disableScroll: asModal,\n });\n const transparent = useMemo(() => getIdLastDrawer(popupController.items) !== innerId, [\n innerId,\n popupController.items,\n ]);\n\n const onDrawerOverlayKeyDown = (event: React.MouseEvent<HTMLDivElement>) => {\n if (onOverlayClick) {\n onOverlayClick(event);\n return;\n }\n\n if (onClose) {\n onClose();\n }\n };\n\n return (\n <StyledPopup\n id={innerId}\n ref={asModal ? innerRef : outerRef}\n className={cx(placementClass)}\n opened={innerIsOpen}\n zIndex={zIndex}\n placement={placement}\n popupInfo={drawerInfo}\n frame={frame}\n width={innerWidth}\n height={innerHeight}\n offset={offset}\n withAnimation\n overlay={\n asModal && (\n <Root view={view}>\n <Overlay\n className={classes.overlay}\n zIndex={zIndex || DEFAULT_Z_INDEX}\n backgroundColorProperty={overlayBackgroundToken}\n withBlur={withBlur}\n transparent={transparent}\n isClickable={closeOnOverlayClick}\n onOverlayClick={onDrawerOverlayKeyDown}\n />\n </Root>\n )\n }\n {...rest}\n >\n <Root\n view={view}\n size={size}\n style={{ width: innerWidth, height: innerHeight }}\n borderRadius={borderRadius}\n >\n <Panel width={innerWidth} height={innerHeight} className={className}>\n {children}\n </Panel>\n </Root>\n </StyledPopup>\n );\n },\n );\n\nexport const drawerConfig = {\n name: 'Drawer',\n tag: 'div',\n layout: drawerRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n borderRadius: {\n css: borderRadiusCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n borderRadius: 'none',\n },\n};\n"],"names":["mergedPanelConfig","mergeConfig","panelConfig","Panel","component","drawerRoot","Root","forwardRef","_ref","outerRef","id","zIndex","popupInfo","withBlur","children","view","size","width","height","isOpen","opened","initialFocusRef","focusAfterRef","className","onClose","onOverlayClick","onEscKeyDown","offset","frame","_ref$borderRadius","borderRadius","_ref$placement","placement","_ref$closeOnEsc","closeOnEsc","_ref$closeOnOverlayCl","closeOnOverlayClick","_ref$asModal","asModal","rest","_objectWithoutProperties","_excluded","innerIsOpen","Boolean","trapRef","useFocusTrap","popupController","usePopupContext","innerRef","useForkRef","uniqId","safeUseId","innerId","overlayBackgroundToken","concat","tokens","drawerOverlayWithBlurColor","drawerOverlayColor","innerWidth","getSizeValueFromProp","innerHeight","placementClass","classes","undefined","_useDrawer","useDrawer","disableScroll","drawerInfo","transparent","useMemo","getIdLastDrawer","items","onDrawerOverlayKeyDown","event","React","createElement","StyledPopup","_extends","ref","cx","withAnimation","overlay","Overlay","DEFAULT_Z_INDEX","backgroundColorProperty","isClickable","style","drawerConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","borderRadiusCSS","defaults"],"mappings":"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"}
|
@@ -1,10 +1,6 @@
|
|
1
1
|
import './Drawer.styles_14ek4ft.css';
|
2
2
|
import { styled } from '@linaria/react';
|
3
|
-
import '@linaria/core';
|
4
3
|
import { component } from '../../engines/common.js';
|
5
|
-
import 'react';
|
6
|
-
import '../../utils/react.js';
|
7
|
-
import 'react-dom';
|
8
4
|
import { popupConfig } from '../Popup/Popup.js';
|
9
5
|
|
10
6
|
var Popup = /*#__PURE__*/component(popupConfig);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Drawer.styles.js","sources":["../../../src/components/Drawer/Drawer.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component } from '../../engines';\nimport { popupClasses, popupConfig } from '../Popup';\n\nimport type { DrawerPlacement } from './Drawer.types';\nimport { classes } from './Drawer.tokens';\n\nconst Popup = component(popupConfig);\n\nconst animationVariants = {\n right: {\n show: {\n start: 'translate(100%, -50%)',\n end: 'translate(0, -50%)',\n },\n hide: {\n start: 'translate(0, -50%)',\n end: 'translate(100%, -50%)',\n },\n },\n bottom: {\n show: {\n start: 'translate(-50%, 100%)',\n end: 'translate(-50%, 0)',\n },\n hide: {\n start: 'translate(-50%, 0)',\n end: 'translate(-50%, 100%)',\n },\n },\n left: {\n show: {\n start: 'translate(-100%, -50%)',\n end: 'translate(0, -50%)',\n },\n hide: {\n start: 'translate(0, -50%)',\n end: 'translate(-100%, -50%)',\n },\n },\n top: {\n show: {\n start: 'translate(-50%, -100%)',\n end: 'translate(-50%, 0)',\n },\n hide: {\n start: 'translate(-50%, 0)',\n end: 'translate(-50%, -100%)',\n },\n },\n};\n\nconst templateAnimationStyle = (placement: DrawerPlacement) => `\n &.${classes[`${placement}Placement` as keyof typeof classes]} {\n && .${popupClasses.root} {\n animation: ${placement}ShowAnimation 0.2s forwards;\n }\n\n &&.${popupClasses.endAnimation} .${popupClasses.root} {\n animation: ${placement}HideAnimation 0.2s forwards;\n }\n\n @keyframes ${placement}ShowAnimation {\n 0% {\n transform: ${animationVariants[placement].show.start};\n opacity: 0;\n }\n\n 100% {\n transform: ${animationVariants[placement].show.end};\n opacity: 1;\n }\n }\n\n @keyframes ${placement}HideAnimation {\n 0% {\n transform: ${animationVariants[placement].hide.start};\n opacity: 1;\n }\n\n 100% {\n transform: ${animationVariants[placement].hide.end};\n opacity: 0;\n }\n }\n }\n `;\n\nconst getAnimationStyles = () => {\n return Object.keys(animationVariants).reduce((acc, placement) => {\n acc += templateAnimationStyle(placement as DrawerPlacement);\n return acc;\n }, '');\n};\n\nexport const StyledPopup = styled(Popup)<{\n placement: DrawerPlacement;\n width?: number | string;\n height?: number | string;\n}>`\n &&.${classes.overlay} {\n animation: fadeIn 0.2s forwards;\n }\n\n &&.${popupClasses.endAnimation} .${classes.overlay} {\n animation: fadeOut 0.2s forwards;\n }\n\n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n }\n\n @keyframes fadeOut {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n }\n }\n\n && .${popupClasses.root}, && .${popupClasses.root} > div {\n width: ${({ width }) => width || 'auto'};\n height: ${({ height }) => height || 'auto'};\n }\n\n ${getAnimationStyles()}\n`;\n"],"names":["Popup","component","popupConfig","_exp","_exp7","_ref","width","_exp8","_ref2","height","StyledPopup","styled","name","class","propsAsIs","vars"],"mappings":"
|
1
|
+
{"version":3,"file":"Drawer.styles.js","sources":["../../../src/components/Drawer/Drawer.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component } from '../../engines';\nimport { popupClasses, popupConfig } from '../Popup';\n\nimport type { DrawerPlacement } from './Drawer.types';\nimport { classes } from './Drawer.tokens';\n\nconst Popup = component(popupConfig);\n\nconst animationVariants = {\n right: {\n show: {\n start: 'translate(100%, -50%)',\n end: 'translate(0, -50%)',\n },\n hide: {\n start: 'translate(0, -50%)',\n end: 'translate(100%, -50%)',\n },\n },\n bottom: {\n show: {\n start: 'translate(-50%, 100%)',\n end: 'translate(-50%, 0)',\n },\n hide: {\n start: 'translate(-50%, 0)',\n end: 'translate(-50%, 100%)',\n },\n },\n left: {\n show: {\n start: 'translate(-100%, -50%)',\n end: 'translate(0, -50%)',\n },\n hide: {\n start: 'translate(0, -50%)',\n end: 'translate(-100%, -50%)',\n },\n },\n top: {\n show: {\n start: 'translate(-50%, -100%)',\n end: 'translate(-50%, 0)',\n },\n hide: {\n start: 'translate(-50%, 0)',\n end: 'translate(-50%, -100%)',\n },\n },\n};\n\nconst templateAnimationStyle = (placement: DrawerPlacement) => `\n &.${classes[`${placement}Placement` as keyof typeof classes]} {\n && .${popupClasses.root} {\n animation: ${placement}ShowAnimation 0.2s forwards;\n }\n\n &&.${popupClasses.endAnimation} .${popupClasses.root} {\n animation: ${placement}HideAnimation 0.2s forwards;\n }\n\n @keyframes ${placement}ShowAnimation {\n 0% {\n transform: ${animationVariants[placement].show.start};\n opacity: 0;\n }\n\n 100% {\n transform: ${animationVariants[placement].show.end};\n opacity: 1;\n }\n }\n\n @keyframes ${placement}HideAnimation {\n 0% {\n transform: ${animationVariants[placement].hide.start};\n opacity: 1;\n }\n\n 100% {\n transform: ${animationVariants[placement].hide.end};\n opacity: 0;\n }\n }\n }\n `;\n\nconst getAnimationStyles = () => {\n return Object.keys(animationVariants).reduce((acc, placement) => {\n acc += templateAnimationStyle(placement as DrawerPlacement);\n return acc;\n }, '');\n};\n\nexport const StyledPopup = styled(Popup)<{\n placement: DrawerPlacement;\n width?: number | string;\n height?: number | string;\n}>`\n &&.${classes.overlay} {\n animation: fadeIn 0.2s forwards;\n }\n\n &&.${popupClasses.endAnimation} .${classes.overlay} {\n animation: fadeOut 0.2s forwards;\n }\n\n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n }\n\n @keyframes fadeOut {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n }\n }\n\n && .${popupClasses.root}, && .${popupClasses.root} > div {\n width: ${({ width }) => width || 'auto'};\n height: ${({ height }) => height || 'auto'};\n }\n\n ${getAnimationStyles()}\n`;\n"],"names":["Popup","component","popupConfig","_exp","_exp7","_ref","width","_exp8","_ref2","height","StyledPopup","styled","name","class","propsAsIs","vars"],"mappings":";;;;AAQA,IAAMA,KAAK,gBAAGC,SAAS,CAACC,WAAW,CAAC,CAAA;AAAC,IAAAC,IAAA,GAPnBA,SAOmBA,IAAAA,GAAA;AAAA,EAAA,OAwFHH,KAAK,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAI,KAAA,GA/FrBA,SA+FqBA,KAAAA,GAAA;AAAA,EAAA,OAkCtB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,KAAAA,GAAAA,IAAAA,CAAAA,KAAAA,CAAAA;IAAAA,OAAYA,KAAK,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAjI7BA,SAiI6BA,KAAAA,GAAA;AAAA,EAAA,OAC7B,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,KAAAA,CAAAA,MAAAA,CAAAA;IAAAA,OAAaA,MAAM,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAnC3C,IAAMC,WAAW,gBAAGC,MAAM,CAAAR,IAAA,EAAA,CAAA,CAAA;AAAAS,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAkChBX,KAA8B,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAC7BG,KAAgC,EAAA,CAAA;AAAA,GAAA;AAAA,CAIjD;;;;"}
|
@@ -2,11 +2,7 @@ import { objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPlugin
|
|
2
2
|
import { useRef, useCallback, useEffect } from 'react';
|
3
3
|
import { getIdLastDrawer, hasDrawers } from '../DrawerContext.js';
|
4
4
|
import { usePopupContext } from '../../Popup/PopupContext.js';
|
5
|
-
import '@salutejs/plasma-core';
|
6
5
|
import { canUseDOM } from '../../../utils/canUseDOM.js';
|
7
|
-
import '../../../utils/react.js';
|
8
|
-
import 'react-dom';
|
9
|
-
import '@linaria/react';
|
10
6
|
|
11
7
|
var ESCAPE_KEYCODE = 27;
|
12
8
|
var useDrawer = function useDrawer(_ref) {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"useDrawer.js","sources":["../../../../src/components/Drawer/hooks/useDrawer.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\nimport { DrawerInfo, getIdLastDrawer, hasDrawers } from '../DrawerContext';\nimport { DrawerHookArgs } from '../Drawer.types';\nimport { usePopupContext } from '../../Popup';\nimport { canUseDOM } from '../../../utils';\n\nconst ESCAPE_KEYCODE = 27;\n\nexport const useDrawer = ({\n id,\n isOpen,\n popupInfo,\n onEscKeyDown,\n onClose,\n closeOnEsc = true,\n disableScroll = true,\n}: DrawerHookArgs) => {\n const popupController = usePopupContext();\n const overflow = useRef<string>(canUseDOM ? document.body.style.overflow : 'initial');\n\n // При ESC закрывает текущее окно, если это возможно\n const onKeyDown = useCallback(\n (event: KeyboardEvent) => {\n if (!closeOnEsc) {\n return;\n }\n if (event.keyCode === ESCAPE_KEYCODE && getIdLastDrawer(popupController.items) === id) {\n if (onEscKeyDown) {\n onEscKeyDown(event);\n return;\n }\n\n if (onClose) {\n onClose();\n }\n }\n },\n [onClose, onEscKeyDown, popupController.items, closeOnEsc],\n );\n\n useEffect(() => {\n window.addEventListener('keydown', onKeyDown);\n return () => {\n window.removeEventListener('keydown', onKeyDown);\n };\n }, [onKeyDown]);\n\n // linaria не поддерживает динамический global\n useEffect(() => {\n if (!canUseDOM) {\n return;\n }\n\n if (isOpen && disableScroll) {\n overflow.current = document.body.style.overflow;\n\n document.body.style.overflow = 'hidden';\n }\n }, [isOpen, disableScroll]);\n\n useEffect(() => {\n if (!canUseDOM) {\n return;\n }\n\n if (!isOpen && !hasDrawers(popupController.items)) {\n document.body.style.overflow = overflow.current;\n }\n }, [isOpen, popupController.items]);\n\n const drawerInfo: DrawerInfo = {\n id,\n info: {\n isDrawer: true,\n },\n ...popupInfo,\n };\n\n return { drawerInfo };\n};\n"],"names":["ESCAPE_KEYCODE","useDrawer","_ref","id","isOpen","popupInfo","onEscKeyDown","onClose","_ref$closeOnEsc","closeOnEsc","_ref$disableScroll","disableScroll","popupController","usePopupContext","overflow","useRef","canUseDOM","document","body","style","onKeyDown","useCallback","event","keyCode","getIdLastDrawer","items","useEffect","window","addEventListener","removeEventListener","current","hasDrawers","drawerInfo","_objectSpread","info","isDrawer"],"mappings":"
|
1
|
+
{"version":3,"file":"useDrawer.js","sources":["../../../../src/components/Drawer/hooks/useDrawer.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\nimport { DrawerInfo, getIdLastDrawer, hasDrawers } from '../DrawerContext';\nimport { DrawerHookArgs } from '../Drawer.types';\nimport { usePopupContext } from '../../Popup';\nimport { canUseDOM } from '../../../utils';\n\nconst ESCAPE_KEYCODE = 27;\n\nexport const useDrawer = ({\n id,\n isOpen,\n popupInfo,\n onEscKeyDown,\n onClose,\n closeOnEsc = true,\n disableScroll = true,\n}: DrawerHookArgs) => {\n const popupController = usePopupContext();\n const overflow = useRef<string>(canUseDOM ? document.body.style.overflow : 'initial');\n\n // При ESC закрывает текущее окно, если это возможно\n const onKeyDown = useCallback(\n (event: KeyboardEvent) => {\n if (!closeOnEsc) {\n return;\n }\n if (event.keyCode === ESCAPE_KEYCODE && getIdLastDrawer(popupController.items) === id) {\n if (onEscKeyDown) {\n onEscKeyDown(event);\n return;\n }\n\n if (onClose) {\n onClose();\n }\n }\n },\n [onClose, onEscKeyDown, popupController.items, closeOnEsc],\n );\n\n useEffect(() => {\n window.addEventListener('keydown', onKeyDown);\n return () => {\n window.removeEventListener('keydown', onKeyDown);\n };\n }, [onKeyDown]);\n\n // linaria не поддерживает динамический global\n useEffect(() => {\n if (!canUseDOM) {\n return;\n }\n\n if (isOpen && disableScroll) {\n overflow.current = document.body.style.overflow;\n\n document.body.style.overflow = 'hidden';\n }\n }, [isOpen, disableScroll]);\n\n useEffect(() => {\n if (!canUseDOM) {\n return;\n }\n\n if (!isOpen && !hasDrawers(popupController.items)) {\n document.body.style.overflow = overflow.current;\n }\n }, [isOpen, popupController.items]);\n\n const drawerInfo: DrawerInfo = {\n id,\n info: {\n isDrawer: true,\n },\n ...popupInfo,\n };\n\n return { drawerInfo };\n};\n"],"names":["ESCAPE_KEYCODE","useDrawer","_ref","id","isOpen","popupInfo","onEscKeyDown","onClose","_ref$closeOnEsc","closeOnEsc","_ref$disableScroll","disableScroll","popupController","usePopupContext","overflow","useRef","canUseDOM","document","body","style","onKeyDown","useCallback","event","keyCode","getIdLastDrawer","items","useEffect","window","addEventListener","removeEventListener","current","hasDrawers","drawerInfo","_objectSpread","info","isDrawer"],"mappings":"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"}
|
@@ -1,12 +1,5 @@
|
|
1
1
|
import { objectSpread2 as _objectSpread2 } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
|
2
|
-
import 'react';
|
3
|
-
import '../../../../utils/react.js';
|
4
|
-
import '@linaria/react';
|
5
2
|
import { panelContentRoot, panelContentConfig } from '../../../Panel/ui/PanelContent/PanelContent.js';
|
6
|
-
import '@linaria/core';
|
7
|
-
import 'focus-visible';
|
8
|
-
import 'styled-components';
|
9
|
-
import '@salutejs/plasma-core';
|
10
3
|
|
11
4
|
var drawerContentRoot = panelContentRoot;
|
12
5
|
var drawerContentConfig = /*#__PURE__*/_objectSpread2( /*#__PURE__*/_objectSpread2({}, panelContentConfig), {}, {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DrawerContent.js","sources":["../../../../../src/components/Drawer/ui/DrawerContent/DrawerContent.tsx"],"sourcesContent":["import { panelContentConfig, panelContentRoot } from '../../../Panel';\n\nexport const drawerContentRoot = panelContentRoot;\n\nexport const drawerContentConfig = {\n ...panelContentConfig,\n name: 'DrawerContent',\n layout: drawerContentRoot,\n};\n"],"names":["drawerContentRoot","panelContentRoot","drawerContentConfig","_objectSpread","panelContentConfig","name","layout"],"mappings":"
|
1
|
+
{"version":3,"file":"DrawerContent.js","sources":["../../../../../src/components/Drawer/ui/DrawerContent/DrawerContent.tsx"],"sourcesContent":["import { panelContentConfig, panelContentRoot } from '../../../Panel';\n\nexport const drawerContentRoot = panelContentRoot;\n\nexport const drawerContentConfig = {\n ...panelContentConfig,\n name: 'DrawerContent',\n layout: drawerContentRoot,\n};\n"],"names":["drawerContentRoot","panelContentRoot","drawerContentConfig","_objectSpread","panelContentConfig","name","layout"],"mappings":";;;AAEO,IAAMA,iBAAiB,GAAGC,iBAAgB;IAEpCC,mBAAmB,gBAAAC,cAAA,eAAAA,cAAA,KACzBC,kBAAkB,CAAA,EAAA,EAAA,EAAA;AACrBC,EAAAA,IAAI,EAAE,eAAe;AACrBC,EAAAA,MAAM,EAAEN,iBAAAA;AAAiB,CAC5B;;;;"}
|
@@ -1,12 +1,5 @@
|
|
1
1
|
import { objectSpread2 as _objectSpread2 } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
|
2
|
-
import 'react';
|
3
|
-
import '../../../../utils/react.js';
|
4
|
-
import '@linaria/react';
|
5
2
|
import { panelFooterRoot, panelFooterConfig } from '../../../Panel/ui/PanelFooter/PanelFooter.js';
|
6
|
-
import '@linaria/core';
|
7
|
-
import 'focus-visible';
|
8
|
-
import 'styled-components';
|
9
|
-
import '@salutejs/plasma-core';
|
10
3
|
|
11
4
|
var drawerFooterRoot = panelFooterRoot;
|
12
5
|
var drawerFooterConfig = /*#__PURE__*/_objectSpread2( /*#__PURE__*/_objectSpread2({}, panelFooterConfig), {}, {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DrawerFooter.js","sources":["../../../../../src/components/Drawer/ui/DrawerFooter/DrawerFooter.tsx"],"sourcesContent":["import { panelFooterConfig, panelFooterRoot } from '../../../Panel';\n\nexport const drawerFooterRoot = panelFooterRoot;\n\nexport const drawerFooterConfig = {\n ...panelFooterConfig,\n name: 'DrawerFooter',\n layout: drawerFooterRoot,\n};\n"],"names":["drawerFooterRoot","panelFooterRoot","drawerFooterConfig","_objectSpread","panelFooterConfig","name","layout"],"mappings":"
|
1
|
+
{"version":3,"file":"DrawerFooter.js","sources":["../../../../../src/components/Drawer/ui/DrawerFooter/DrawerFooter.tsx"],"sourcesContent":["import { panelFooterConfig, panelFooterRoot } from '../../../Panel';\n\nexport const drawerFooterRoot = panelFooterRoot;\n\nexport const drawerFooterConfig = {\n ...panelFooterConfig,\n name: 'DrawerFooter',\n layout: drawerFooterRoot,\n};\n"],"names":["drawerFooterRoot","panelFooterRoot","drawerFooterConfig","_objectSpread","panelFooterConfig","name","layout"],"mappings":";;;AAEO,IAAMA,gBAAgB,GAAGC,gBAAe;IAElCC,kBAAkB,gBAAAC,cAAA,eAAAA,cAAA,KACxBC,iBAAiB,CAAA,EAAA,EAAA,EAAA;AACpBC,EAAAA,IAAI,EAAE,cAAc;AACpBC,EAAAA,MAAM,EAAEN,gBAAAA;AAAgB,CAC3B;;;;"}
|
@@ -1,7 +1,4 @@
|
|
1
1
|
import { objectSpread2 as _objectSpread2 } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
|
2
|
-
import 'react';
|
3
|
-
import '../../../../utils/react.js';
|
4
|
-
import '@linaria/react';
|
5
2
|
import { panelHeaderRoot, panelHeaderConfig } from '../../../Panel/ui/PanelHeader/PanelHeader.js';
|
6
3
|
|
7
4
|
var drawerHeaderRoot = panelHeaderRoot;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DrawerHeader.js","sources":["../../../../../src/components/Drawer/ui/DrawerHeader/DrawerHeader.tsx"],"sourcesContent":["import { panelHeaderConfig, panelHeaderRoot } from '../../../Panel';\n\nexport const drawerHeaderRoot = panelHeaderRoot;\n\nexport const drawerHeaderConfig = {\n ...panelHeaderConfig,\n name: 'DrawerHeader',\n layout: drawerHeaderRoot,\n};\n"],"names":["drawerHeaderRoot","panelHeaderRoot","drawerHeaderConfig","_objectSpread","panelHeaderConfig","name","layout"],"mappings":"
|
1
|
+
{"version":3,"file":"DrawerHeader.js","sources":["../../../../../src/components/Drawer/ui/DrawerHeader/DrawerHeader.tsx"],"sourcesContent":["import { panelHeaderConfig, panelHeaderRoot } from '../../../Panel';\n\nexport const drawerHeaderRoot = panelHeaderRoot;\n\nexport const drawerHeaderConfig = {\n ...panelHeaderConfig,\n name: 'DrawerHeader',\n layout: drawerHeaderRoot,\n};\n"],"names":["drawerHeaderRoot","panelHeaderRoot","drawerHeaderConfig","_objectSpread","panelHeaderConfig","name","layout"],"mappings":";;;AAEO,IAAMA,gBAAgB,GAAGC,gBAAe;IAElCC,kBAAkB,gBAAAC,cAAA,eAAAA,cAAA,KACxBC,iBAAiB,CAAA,EAAA,EAAA,EAAA;AACpBC,EAAAA,IAAI,EAAE,cAAc;AACpBC,EAAAA,MAAM,EAAEN,gBAAAA;AAAgB,CAC3B;;;;"}
|
@@ -3,22 +3,15 @@ import React, { forwardRef, useReducer } from 'react';
|
|
3
3
|
import { cx } from '../../utils/index.js';
|
4
4
|
import { pathReducer } from './reducers/pathReducer.js';
|
5
5
|
import { focusedPathReducer } from './reducers/focusedPathReducer.js';
|
6
|
-
import '@salutejs/plasma-core';
|
7
|
-
import '@linaria/react';
|
8
|
-
import { classes } from './Dropdown.tokens.js';
|
9
|
-
import { DropdownInner } from './ui/DropdownInner/DropdownInner.js';
|
10
|
-
import { childrenWithProps } from './utils/index.js';
|
11
|
-
import 'focus-visible';
|
12
|
-
import 'styled-components';
|
13
|
-
import '@linaria/core';
|
14
|
-
import 'react-popper';
|
15
|
-
import 'react-dom';
|
16
6
|
import { base as base$1 } from './variations/_view/base.js';
|
17
7
|
import { base as base$2 } from './variations/_size/base.js';
|
18
8
|
import { StyledPopover, Ul, base } from './Dropdown.styles.js';
|
9
|
+
import { childrenWithProps } from './utils/index.js';
|
10
|
+
import { classes } from './Dropdown.tokens.js';
|
19
11
|
import { useKeyNavigation } from './hooks/useKeyboardNavigation.js';
|
20
12
|
import { useHashMaps } from './hooks/useHashMaps.js';
|
21
13
|
import { getPlacements } from '../../utils/getPopoverPlacement.js';
|
14
|
+
import { DropdownInner } from './ui/DropdownInner/DropdownInner.js';
|
22
15
|
|
23
16
|
var _excluded = ["items", "children", "placement", "offset", "closeOnOverlayClick", "onToggle", "size", "view", "itemRole", "className", "listWidth", "listHeight", "listOverflow", "closeOnSelect", "onHover", "onItemSelect", "onItemClick", "trigger", "variant", "hasArrow", "portal"];
|
24
17
|
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { forwardRef, useReducer } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx, getPlacements } from '../../utils';\n\nimport { pathReducer } from './reducers/pathReducer';\nimport { focusedPathReducer } from './reducers/focusedPathReducer';\nimport { DropdownInner } from './ui';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { Ul, StyledPopover, base } from './Dropdown.styles';\nimport { childrenWithProps } from './utils';\nimport type { DropdownProps, HandleGlobalToggleType } from './Dropdown.types';\nimport { classes } from './Dropdown.tokens';\nimport { useKeyNavigation } from './hooks/useKeyboardNavigation';\nimport { useHashMaps } from './hooks/useHashMaps';\n\n/**\n * Выпадающий список.\n */\nexport const dropdownRoot = (Root: RootProps<HTMLDivElement, Omit<DropdownProps, 'items'>>) =>\n forwardRef<HTMLDivElement, DropdownProps>(\n (\n {\n items,\n children,\n placement = 'bottom',\n offset = [0, 0],\n closeOnOverlayClick = true,\n onToggle,\n size,\n view,\n itemRole = 'treeitem',\n className,\n listWidth,\n listHeight,\n listOverflow,\n closeOnSelect = true,\n onHover,\n onItemSelect,\n onItemClick,\n trigger = 'click',\n variant = 'normal',\n hasArrow = true,\n portal,\n ...rest\n },\n ref,\n ) => {\n const [path, dispatchPath] = useReducer(pathReducer, []);\n const [focusedPath, dispatchFocusedPath] = useReducer(focusedPathReducer, []);\n\n const [pathMap, focusedToValueMap] = useHashMaps(items);\n\n const handleGlobalToggle: HandleGlobalToggleType = (opened, event) => {\n if (opened) {\n dispatchPath({ type: 'opened_first_level' });\n } else {\n dispatchFocusedPath({ type: 'reset' });\n dispatchPath({ type: 'reset' });\n }\n\n if (onToggle) {\n onToggle(opened, event);\n }\n };\n\n const { onKeyDown } = useKeyNavigation({\n focusedPath,\n dispatchFocusedPath,\n path,\n dispatchPath,\n pathMap,\n focusedToValueMap,\n handleGlobalToggle,\n closeOnSelect,\n onItemSelect,\n onItemClick,\n });\n\n const isCurrentListOpen = Boolean(path[0]);\n\n const getActiveDescendant = () => {\n const focusedPathAsString = focusedPath.reduce((acc, n) => `${acc}/${n}`, '').replace(/^(\\/)/, '');\n return focusedToValueMap?.get(focusedPathAsString)?.value.toString();\n };\n\n return (\n <StyledPopover\n opened={isCurrentListOpen}\n onToggle={handleGlobalToggle}\n offset={offset}\n placement={getPlacements(placement)}\n trigger={trigger}\n closeOnOverlayClick={closeOnOverlayClick}\n isFocusTrapped={false}\n target={childrenWithProps(children, {\n role: 'combobox',\n 'aria-controls': 'tree_level_1',\n 'aria-expanded': isCurrentListOpen,\n 'aria-activedescendant': getActiveDescendant(),\n onKeyDown,\n })}\n preventOverflow={false}\n usePortal={Boolean(portal)}\n frame={portal}\n >\n <Root className={cx(className, classes.dropdownRoot)} ref={ref} view={view} size={size} {...rest}>\n <Ul\n listHeight={listHeight}\n listOverflow={listOverflow}\n role=\"tree\"\n id=\"tree_level_1\"\n listWidth={listWidth}\n >\n {items.map((item, index) => (\n <DropdownInner\n key={`${index}/0`}\n item={item}\n currentLevel={0}\n focusedPath={focusedPath}\n trigger={trigger}\n path={path}\n dispatchPath={dispatchPath}\n index={index}\n itemRole={itemRole}\n listHeight={listHeight}\n listOverflow={listOverflow}\n handleGlobalToggle={handleGlobalToggle}\n closeOnSelect={closeOnSelect}\n onHover={onHover}\n onItemSelect={onItemSelect}\n onItemClick={onItemClick}\n listWidth={listWidth}\n variant={variant}\n hasArrow={hasArrow}\n size={size}\n />\n ))}\n </Ul>\n </Root>\n </StyledPopover>\n );\n },\n );\n\nexport const dropdownConfig = {\n name: 'Dropdown',\n tag: 'div',\n layout: dropdownRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["dropdownRoot","Root","forwardRef","_ref","ref","items","children","_ref$placement","placement","_ref$offset","offset","_ref$closeOnOverlayCl","closeOnOverlayClick","onToggle","size","view","_ref$itemRole","itemRole","className","listWidth","listHeight","listOverflow","_ref$closeOnSelect","closeOnSelect","onHover","onItemSelect","onItemClick","_ref$trigger","trigger","_ref$variant","variant","_ref$hasArrow","hasArrow","portal","rest","_objectWithoutProperties","_excluded","_useReducer","useReducer","pathReducer","_useReducer2","_slicedToArray","path","dispatchPath","_useReducer3","focusedPathReducer","_useReducer4","focusedPath","dispatchFocusedPath","_useHashMaps","useHashMaps","_useHashMaps2","pathMap","focusedToValueMap","handleGlobalToggle","opened","event","type","_useKeyNavigation","useKeyNavigation","onKeyDown","isCurrentListOpen","Boolean","getActiveDescendant","_focusedToValueMap$ge","focusedPathAsString","reduce","acc","n","concat","replace","get","value","toString","React","createElement","StyledPopover","getPlacements","isFocusTrapped","target","childrenWithProps","role","preventOverflow","usePortal","frame","_extends","cx","classes","Ul","id","map","item","index","DropdownInner","key","currentLevel","dropdownConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"Dropdown.js","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { forwardRef, useReducer } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx, getPlacements } from '../../utils';\n\nimport { pathReducer } from './reducers/pathReducer';\nimport { focusedPathReducer } from './reducers/focusedPathReducer';\nimport { DropdownInner } from './ui';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { Ul, StyledPopover, base } from './Dropdown.styles';\nimport { childrenWithProps } from './utils';\nimport type { DropdownProps, HandleGlobalToggleType } from './Dropdown.types';\nimport { classes } from './Dropdown.tokens';\nimport { useKeyNavigation } from './hooks/useKeyboardNavigation';\nimport { useHashMaps } from './hooks/useHashMaps';\n\n/**\n * Выпадающий список.\n */\nexport const dropdownRoot = (Root: RootProps<HTMLDivElement, Omit<DropdownProps, 'items'>>) =>\n forwardRef<HTMLDivElement, DropdownProps>(\n (\n {\n items,\n children,\n placement = 'bottom',\n offset = [0, 0],\n closeOnOverlayClick = true,\n onToggle,\n size,\n view,\n itemRole = 'treeitem',\n className,\n listWidth,\n listHeight,\n listOverflow,\n closeOnSelect = true,\n onHover,\n onItemSelect,\n onItemClick,\n trigger = 'click',\n variant = 'normal',\n hasArrow = true,\n portal,\n ...rest\n },\n ref,\n ) => {\n const [path, dispatchPath] = useReducer(pathReducer, []);\n const [focusedPath, dispatchFocusedPath] = useReducer(focusedPathReducer, []);\n\n const [pathMap, focusedToValueMap] = useHashMaps(items);\n\n const handleGlobalToggle: HandleGlobalToggleType = (opened, event) => {\n if (opened) {\n dispatchPath({ type: 'opened_first_level' });\n } else {\n dispatchFocusedPath({ type: 'reset' });\n dispatchPath({ type: 'reset' });\n }\n\n if (onToggle) {\n onToggle(opened, event);\n }\n };\n\n const { onKeyDown } = useKeyNavigation({\n focusedPath,\n dispatchFocusedPath,\n path,\n dispatchPath,\n pathMap,\n focusedToValueMap,\n handleGlobalToggle,\n closeOnSelect,\n onItemSelect,\n onItemClick,\n });\n\n const isCurrentListOpen = Boolean(path[0]);\n\n const getActiveDescendant = () => {\n const focusedPathAsString = focusedPath.reduce((acc, n) => `${acc}/${n}`, '').replace(/^(\\/)/, '');\n return focusedToValueMap?.get(focusedPathAsString)?.value.toString();\n };\n\n return (\n <StyledPopover\n opened={isCurrentListOpen}\n onToggle={handleGlobalToggle}\n offset={offset}\n placement={getPlacements(placement)}\n trigger={trigger}\n closeOnOverlayClick={closeOnOverlayClick}\n isFocusTrapped={false}\n target={childrenWithProps(children, {\n role: 'combobox',\n 'aria-controls': 'tree_level_1',\n 'aria-expanded': isCurrentListOpen,\n 'aria-activedescendant': getActiveDescendant(),\n onKeyDown,\n })}\n preventOverflow={false}\n usePortal={Boolean(portal)}\n frame={portal}\n >\n <Root className={cx(className, classes.dropdownRoot)} ref={ref} view={view} size={size} {...rest}>\n <Ul\n listHeight={listHeight}\n listOverflow={listOverflow}\n role=\"tree\"\n id=\"tree_level_1\"\n listWidth={listWidth}\n >\n {items.map((item, index) => (\n <DropdownInner\n key={`${index}/0`}\n item={item}\n currentLevel={0}\n focusedPath={focusedPath}\n trigger={trigger}\n path={path}\n dispatchPath={dispatchPath}\n index={index}\n itemRole={itemRole}\n listHeight={listHeight}\n listOverflow={listOverflow}\n handleGlobalToggle={handleGlobalToggle}\n closeOnSelect={closeOnSelect}\n onHover={onHover}\n onItemSelect={onItemSelect}\n onItemClick={onItemClick}\n listWidth={listWidth}\n variant={variant}\n hasArrow={hasArrow}\n size={size}\n />\n ))}\n </Ul>\n </Root>\n </StyledPopover>\n );\n },\n );\n\nexport const dropdownConfig = {\n name: 'Dropdown',\n tag: 'div',\n layout: dropdownRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["dropdownRoot","Root","forwardRef","_ref","ref","items","children","_ref$placement","placement","_ref$offset","offset","_ref$closeOnOverlayCl","closeOnOverlayClick","onToggle","size","view","_ref$itemRole","itemRole","className","listWidth","listHeight","listOverflow","_ref$closeOnSelect","closeOnSelect","onHover","onItemSelect","onItemClick","_ref$trigger","trigger","_ref$variant","variant","_ref$hasArrow","hasArrow","portal","rest","_objectWithoutProperties","_excluded","_useReducer","useReducer","pathReducer","_useReducer2","_slicedToArray","path","dispatchPath","_useReducer3","focusedPathReducer","_useReducer4","focusedPath","dispatchFocusedPath","_useHashMaps","useHashMaps","_useHashMaps2","pathMap","focusedToValueMap","handleGlobalToggle","opened","event","type","_useKeyNavigation","useKeyNavigation","onKeyDown","isCurrentListOpen","Boolean","getActiveDescendant","_focusedToValueMap$ge","focusedPathAsString","reduce","acc","n","concat","replace","get","value","toString","React","createElement","StyledPopover","getPlacements","isFocusTrapped","target","childrenWithProps","role","preventOverflow","usePortal","frame","_extends","cx","classes","Ul","id","map","item","index","DropdownInner","key","currentLevel","dropdownConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
|
@@ -1,10 +1,9 @@
|
|
1
1
|
import './Dropdown.styles_1tihqkp.css';
|
2
2
|
import { styled } from '@linaria/react';
|
3
|
-
import '@linaria/core';
|
4
|
-
import { component } from '../../engines/common.js';
|
5
|
-
import { popoverConfig } from '../Popover/Popover.js';
|
6
3
|
import { getCorrectHeight } from './utils/index.js';
|
7
4
|
import { tokens } from './Dropdown.tokens.js';
|
5
|
+
import { component } from '../../engines/common.js';
|
6
|
+
import { popoverConfig } from '../Popover/Popover.js';
|
8
7
|
|
9
8
|
var Popover = /*#__PURE__*/component(popoverConfig);
|
10
9
|
var _exp = function _exp() {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Dropdown.styles.js","sources":["../../../src/components/Dropdown/Dropdown.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component } from '../../engines';\nimport { popoverConfig, popoverClasses } from '../Popover';\n\nimport { getCorrectHeight } from './utils';\nimport { DropdownProps } from './Dropdown.types';\nimport { tokens } from './Dropdown.tokens';\n\nconst Popover = component(popoverConfig);\n\nexport const StyledPopover = styled(Popover)`\n .${String(popoverClasses.wrapper)}, .${String(popoverClasses.target)} {\n display: block;\n }\n`;\n\nexport const Ul = styled.ul<{\n listHeight: DropdownProps['listHeight'];\n listOverflow: DropdownProps['listOverflow'];\n isInnerUl?: boolean;\n listWidth?: DropdownProps['listWidth'];\n}>`\n box-sizing: border-box;\n\n background: var(${tokens.background});\n box-shadow: var(${tokens.boxShadow});\n\n border-radius: var(${tokens.borderRadius});\n width: ${({ listWidth }) => listWidth || `var(${tokens.width})`};\n height: ${({ listHeight }) => (listHeight ? getCorrectHeight(listHeight) : 'auto')};\n overflow: ${({ listOverflow }) => listOverflow || 'initial'};\n\n margin: ${({ isInnerUl }) => (isInnerUl ? `calc(var(${tokens.padding}) * -1) 0 0 var(${tokens.padding})` : 0)};\n padding: var(${tokens.padding});\n`;\n\nexport const base = css`\n display: inline-block;\n`;\n"],"names":["Popover","component","popoverConfig","_exp","StyledPopover","styled","name","class","propsAsIs","_exp7","_ref","listWidth","concat","tokens","width","_exp8","_ref2","listHeight","getCorrectHeight","_exp9","_ref3","listOverflow","_exp10","_ref4","isInnerUl","padding","Ul","vars","base"],"mappings":"
|
1
|
+
{"version":3,"file":"Dropdown.styles.js","sources":["../../../src/components/Dropdown/Dropdown.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component } from '../../engines';\nimport { popoverConfig, popoverClasses } from '../Popover';\n\nimport { getCorrectHeight } from './utils';\nimport { DropdownProps } from './Dropdown.types';\nimport { tokens } from './Dropdown.tokens';\n\nconst Popover = component(popoverConfig);\n\nexport const StyledPopover = styled(Popover)`\n .${String(popoverClasses.wrapper)}, .${String(popoverClasses.target)} {\n display: block;\n }\n`;\n\nexport const Ul = styled.ul<{\n listHeight: DropdownProps['listHeight'];\n listOverflow: DropdownProps['listOverflow'];\n isInnerUl?: boolean;\n listWidth?: DropdownProps['listWidth'];\n}>`\n box-sizing: border-box;\n\n background: var(${tokens.background});\n box-shadow: var(${tokens.boxShadow});\n\n border-radius: var(${tokens.borderRadius});\n width: ${({ listWidth }) => listWidth || `var(${tokens.width})`};\n height: ${({ listHeight }) => (listHeight ? getCorrectHeight(listHeight) : 'auto')};\n overflow: ${({ listOverflow }) => listOverflow || 'initial'};\n\n margin: ${({ isInnerUl }) => (isInnerUl ? `calc(var(${tokens.padding}) * -1) 0 0 var(${tokens.padding})` : 0)};\n padding: var(${tokens.padding});\n`;\n\nexport const base = css`\n display: inline-block;\n`;\n"],"names":["Popover","component","popoverConfig","_exp","StyledPopover","styled","name","class","propsAsIs","_exp7","_ref","listWidth","concat","tokens","width","_exp8","_ref2","listHeight","getCorrectHeight","_exp9","_ref3","listOverflow","_exp10","_ref4","isInnerUl","padding","Ul","vars","base"],"mappings":";;;;;;AAUA,IAAMA,OAAO,gBAAGC,SAAS,CAACC,aAAa,CAAC,CAAA;AAAC,IAAAC,IAAA,GATvBA,SASuBA,IAAAA,GAAA;AAAA,EAAA,OAELH,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMI,aAAa,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAIlC,EAAA;AAAC,IAAAC,KAAA,GAfgBA,SAehBA,KAAAA,GAAA;AAAA,EAAA,OAcW,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;AAAAA,IAAAA,OAAgBA,SAAS,IAAAC,MAAAA,CAAAA,MAAA,CAAWC,MAAM,CAACC,KAAM,EAAE,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GA7BjDA,SA6BiDA,KAAAA,GAAA;AAAA,EAAA,OACrD,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,UAAAA,GAAAA,KAAAA,CAAAA,UAAAA,CAAAA;AAAAA,IAAAA,OAAkBA,UAAU,GAAGC,gBAAgB,CAACD,UAAU,CAAC,GAAG,MAAO,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAE,KAAA,GA9BpEA,SA8BoEA,KAAAA,GAAA;AAAA,EAAA,OACtE,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,YAAAA,GAAAA,KAAAA,CAAAA,YAAAA,CAAAA;IAAAA,OAAmBA,YAAY,IAAI,SAAS,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GA/B7CA,SA+B6CA,MAAAA,GAAA;AAAA,EAAA,OAEjD,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,KAAAA,CAAAA,SAAAA,CAAAA;AAAAA,IAAAA,OAAiBA,SAAS,GAAA,WAAA,CAAAZ,MAAA,CAAeC,MAAM,CAACY,OAAQ,EAAAb,kBAAAA,CAAAA,CAAAA,MAAA,CAAkBC,MAAM,CAACY,OAAQ,SAAK,CAAE,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAhB1G,IAAMC,EAAE,gBAAGrB,MAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,IAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAmB,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAYXlB,KAAsD,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cACrDM,KAAwE,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cACtEI,KAA+C,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAEjDG,MAAmG,EAAA,CAAA;AAAA,GAAA;AAAA,CAEhH,EAAA;AAEM,IAAMM,IAAI,GAEhB;;;;"}
|
@@ -1,14 +1,6 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import '@salutejs/plasma-core';
|
3
|
-
import '@linaria/react';
|
4
|
-
import { DropdownItem } from '../DropdownItem/DropdownItem.js';
|
5
2
|
import { StyledPopover, Ul } from '../../Dropdown.styles.js';
|
6
|
-
import '
|
7
|
-
import 'focus-visible';
|
8
|
-
import 'styled-components';
|
9
|
-
import '@linaria/core';
|
10
|
-
import 'react-popper';
|
11
|
-
import 'react-dom';
|
3
|
+
import { DropdownItem } from '../DropdownItem/DropdownItem.js';
|
12
4
|
|
13
5
|
var DropdownInner = function DropdownInner(_ref) {
|
14
6
|
var item = _ref.item,
|