@salutejs/plasma-new-hope 0.123.0-canary.1369.10450142781.0 → 0.123.1-canary.1325.10455597321.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Autocomplete/Autocomplete.js +1 -1
- package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
- package/cjs/components/Combobox/Combobox.js +9 -9
- package/cjs/components/Combobox/Combobox.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.js +7 -7
- package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +4 -2
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.js +7 -7
- package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/cjs/components/Drawer/Drawer.js +5 -3
- package/cjs/components/Drawer/Drawer.js.map +1 -1
- package/cjs/components/Dropdown/Dropdown.js +1 -1
- package/cjs/components/Dropdown/Dropdown.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +1 -1
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.js +6 -3
- package/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.js.map +1 -1
- package/cjs/components/Modal/Modal.js +5 -3
- package/cjs/components/Modal/Modal.js.map +1 -1
- package/cjs/components/Modal/hooks/useModal.js +0 -15
- package/cjs/components/Modal/hooks/useModal.js.map +1 -1
- package/cjs/components/Notification/NotificationsPortal.js +1 -1
- package/cjs/components/Notification/NotificationsPortal.js.map +1 -1
- package/cjs/components/Popover/Popover.js +17 -15
- package/cjs/components/Popover/Popover.js.map +1 -1
- package/cjs/components/Popup/Popup.js +6 -3
- package/cjs/components/Popup/Popup.js.map +1 -1
- package/cjs/components/Popup/PopupContext.js +23 -8
- package/cjs/components/Popup/PopupContext.js.map +1 -1
- package/cjs/components/Popup/hooks/usePopup.js +5 -0
- package/cjs/components/Popup/hooks/usePopup.js.map +1 -1
- package/cjs/components/Select/Select.js +1 -1
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/ui/Inner/Inner.js +1 -1
- package/cjs/components/Select/ui/Inner/Inner.js.map +1 -1
- package/cjs/components/Tabs/ui/TabItem/TabItem.js.map +1 -1
- package/cjs/components/Tooltip/Tooltip.js +5 -4
- package/cjs/components/Tooltip/Tooltip.js.map +1 -1
- package/emotion/cjs/components/Autocomplete/Autocomplete.js +1 -1
- package/emotion/cjs/components/Combobox/Combobox.js +9 -9
- package/emotion/cjs/components/DatePicker/DatePicker.template-doc.mdx +3 -3
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +7 -7
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +4 -2
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +7 -7
- package/emotion/cjs/components/Drawer/Drawer.js +5 -3
- package/emotion/cjs/components/Drawer/Drawer.template-doc.mdx +13 -13
- package/emotion/cjs/components/Dropdown/Dropdown.js +1 -1
- package/emotion/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +1 -1
- package/emotion/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.js +6 -3
- package/emotion/cjs/components/Modal/Modal.js +5 -3
- package/emotion/cjs/components/Modal/Modal.template-doc.mdx +2 -2
- package/emotion/cjs/components/Modal/hooks/useModal.js +0 -15
- package/emotion/cjs/components/Notification/NotificationsPortal.js +2 -2
- package/emotion/cjs/components/Popover/Popover.js +17 -15
- package/emotion/cjs/components/Popover/Popover.template-doc.mdx +1 -1
- package/emotion/cjs/components/Popup/Popup.js +6 -3
- package/emotion/cjs/components/Popup/Popup.template-doc.mdx +3 -3
- package/emotion/cjs/components/Popup/PopupContext.js +23 -8
- package/emotion/cjs/components/Popup/hooks/usePopup.js +5 -0
- package/emotion/cjs/components/Select/Select.js +1 -1
- package/emotion/cjs/components/Select/ui/Inner/Inner.js +1 -1
- package/emotion/cjs/components/Sheet/Sheet.template-doc.mdx +2 -2
- package/emotion/cjs/components/Tabs/Tabs.template-doc.mdx +5 -9
- package/emotion/cjs/components/Tooltip/Tooltip.js +6 -5
- package/emotion/cjs/components/Tooltip/Tooltip.template-doc.mdx +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +3 -3
- package/emotion/cjs/examples/plasma_b2c/components/Drawer/Drawer.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Modal/Modal.stories.tsx +4 -4
- package/emotion/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Popover/Popover.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Popup/Popup.stories.tsx +2 -2
- package/emotion/cjs/examples/plasma_b2c/components/Toast/Toast.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Tooltip/Tooltip.stories.tsx +9 -9
- package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +3 -3
- package/emotion/cjs/examples/plasma_web/components/Drawer/Drawer.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_web/components/Modal/Modal.stories.tsx +4 -4
- package/emotion/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_web/components/Popover/Popover.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_web/components/Popup/Popup.stories.tsx +2 -2
- package/emotion/cjs/examples/plasma_web/components/Toast/Toast.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_web/components/Tooltip/Tooltip.stories.tsx +9 -9
- package/emotion/cjs/examples/sds_engineer/components/Drawer/Drawer.stories.tsx +1 -1
- package/emotion/cjs/examples/sds_engineer/components/Modal/Modal.stories.tsx +3 -3
- package/emotion/cjs/examples/sds_engineer/components/Notification/Notification.stories.tsx +1 -1
- package/emotion/cjs/examples/sds_engineer/components/Popover/Popover.stories.tsx +1 -1
- package/emotion/cjs/examples/sds_engineer/components/Popup/Popup.stories.tsx +2 -2
- package/emotion/cjs/examples/sds_engineer/components/Toast/Toast.stories.tsx +1 -1
- package/emotion/cjs/examples/sds_engineer/components/Tooltip/Tooltip.stories.tsx +9 -9
- package/emotion/es/components/Autocomplete/Autocomplete.js +1 -1
- package/emotion/es/components/Combobox/Combobox.js +9 -9
- package/emotion/es/components/DatePicker/DatePicker.template-doc.mdx +3 -3
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +7 -7
- package/emotion/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +4 -2
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +7 -7
- package/emotion/es/components/Drawer/Drawer.js +5 -3
- package/emotion/es/components/Drawer/Drawer.template-doc.mdx +13 -13
- package/emotion/es/components/Dropdown/Dropdown.js +1 -1
- package/emotion/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +1 -1
- package/emotion/es/components/Dropdown/ui/DropdownOld/DropdownOld.js +6 -3
- package/emotion/es/components/Modal/Modal.js +5 -3
- package/emotion/es/components/Modal/Modal.template-doc.mdx +2 -2
- package/emotion/es/components/Modal/hooks/useModal.js +2 -17
- package/emotion/es/components/Notification/NotificationsPortal.js +2 -2
- package/emotion/es/components/Popover/Popover.js +17 -15
- package/emotion/es/components/Popover/Popover.template-doc.mdx +1 -1
- package/emotion/es/components/Popup/Popup.js +6 -3
- package/emotion/es/components/Popup/Popup.template-doc.mdx +3 -3
- package/emotion/es/components/Popup/PopupContext.js +24 -9
- package/emotion/es/components/Popup/hooks/usePopup.js +5 -0
- package/emotion/es/components/Select/Select.js +1 -1
- package/emotion/es/components/Select/ui/Inner/Inner.js +1 -1
- package/emotion/es/components/Sheet/Sheet.template-doc.mdx +2 -2
- package/emotion/es/components/Tabs/Tabs.template-doc.mdx +5 -9
- package/emotion/es/components/Tooltip/Tooltip.js +6 -5
- package/emotion/es/components/Tooltip/Tooltip.template-doc.mdx +1 -1
- package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +3 -3
- package/emotion/es/examples/plasma_b2c/components/Drawer/Drawer.stories.tsx +1 -1
- package/emotion/es/examples/plasma_b2c/components/Modal/Modal.stories.tsx +4 -4
- package/emotion/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx +1 -1
- package/emotion/es/examples/plasma_b2c/components/Popover/Popover.stories.tsx +1 -1
- package/emotion/es/examples/plasma_b2c/components/Popup/Popup.stories.tsx +2 -2
- package/emotion/es/examples/plasma_b2c/components/Toast/Toast.stories.tsx +1 -1
- package/emotion/es/examples/plasma_b2c/components/Tooltip/Tooltip.stories.tsx +9 -9
- package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +3 -3
- package/emotion/es/examples/plasma_web/components/Drawer/Drawer.stories.tsx +1 -1
- package/emotion/es/examples/plasma_web/components/Modal/Modal.stories.tsx +4 -4
- package/emotion/es/examples/plasma_web/components/Notification/Notification.stories.tsx +1 -1
- package/emotion/es/examples/plasma_web/components/Popover/Popover.stories.tsx +1 -1
- package/emotion/es/examples/plasma_web/components/Popup/Popup.stories.tsx +2 -2
- package/emotion/es/examples/plasma_web/components/Toast/Toast.stories.tsx +1 -1
- package/emotion/es/examples/plasma_web/components/Tooltip/Tooltip.stories.tsx +9 -9
- package/emotion/es/examples/sds_engineer/components/Drawer/Drawer.stories.tsx +1 -1
- package/emotion/es/examples/sds_engineer/components/Modal/Modal.stories.tsx +3 -3
- package/emotion/es/examples/sds_engineer/components/Notification/Notification.stories.tsx +1 -1
- package/emotion/es/examples/sds_engineer/components/Popover/Popover.stories.tsx +1 -1
- package/emotion/es/examples/sds_engineer/components/Popup/Popup.stories.tsx +2 -2
- package/emotion/es/examples/sds_engineer/components/Toast/Toast.stories.tsx +1 -1
- package/emotion/es/examples/sds_engineer/components/Tooltip/Tooltip.stories.tsx +9 -9
- package/es/components/Autocomplete/Autocomplete.js +1 -1
- package/es/components/Autocomplete/Autocomplete.js.map +1 -1
- package/es/components/Combobox/Combobox.js +9 -9
- package/es/components/Combobox/Combobox.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.js +7 -7
- package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +4 -2
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.js +7 -7
- package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/es/components/Drawer/Drawer.js +5 -3
- package/es/components/Drawer/Drawer.js.map +1 -1
- package/es/components/Dropdown/Dropdown.js +1 -1
- package/es/components/Dropdown/Dropdown.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +1 -1
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownOld/DropdownOld.js +6 -3
- package/es/components/Dropdown/ui/DropdownOld/DropdownOld.js.map +1 -1
- package/es/components/Modal/Modal.js +5 -3
- package/es/components/Modal/Modal.js.map +1 -1
- package/es/components/Modal/hooks/useModal.js +2 -17
- package/es/components/Modal/hooks/useModal.js.map +1 -1
- package/es/components/Notification/NotificationsPortal.js +1 -1
- package/es/components/Notification/NotificationsPortal.js.map +1 -1
- package/es/components/Popover/Popover.js +17 -15
- package/es/components/Popover/Popover.js.map +1 -1
- package/es/components/Popup/Popup.js +6 -3
- package/es/components/Popup/Popup.js.map +1 -1
- package/es/components/Popup/PopupContext.js +24 -9
- package/es/components/Popup/PopupContext.js.map +1 -1
- package/es/components/Popup/hooks/usePopup.js +5 -0
- package/es/components/Popup/hooks/usePopup.js.map +1 -1
- package/es/components/Select/Select.js +1 -1
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Select/ui/Inner/Inner.js +1 -1
- package/es/components/Select/ui/Inner/Inner.js.map +1 -1
- package/es/components/Tabs/ui/TabItem/TabItem.js.map +1 -1
- package/es/components/Tooltip/Tooltip.js +5 -4
- package/es/components/Tooltip/Tooltip.js.map +1 -1
- package/package.json +4 -4
- package/styled-components/cjs/components/Autocomplete/Autocomplete.js +1 -1
- package/styled-components/cjs/components/Combobox/Combobox.js +9 -9
- package/styled-components/cjs/components/DatePicker/DatePicker.template-doc.mdx +3 -3
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +7 -7
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +4 -2
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +7 -7
- package/styled-components/cjs/components/Drawer/Drawer.js +5 -3
- package/styled-components/cjs/components/Drawer/Drawer.template-doc.mdx +13 -13
- package/styled-components/cjs/components/Dropdown/Dropdown.js +1 -1
- package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +1 -1
- package/styled-components/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.js +6 -3
- package/styled-components/cjs/components/Modal/Modal.js +5 -3
- package/styled-components/cjs/components/Modal/Modal.template-doc.mdx +2 -2
- package/styled-components/cjs/components/Modal/hooks/useModal.js +0 -15
- package/styled-components/cjs/components/Notification/NotificationsPortal.js +1 -1
- package/styled-components/cjs/components/Popover/Popover.js +17 -15
- package/styled-components/cjs/components/Popover/Popover.template-doc.mdx +1 -1
- package/styled-components/cjs/components/Popup/Popup.js +6 -3
- package/styled-components/cjs/components/Popup/Popup.template-doc.mdx +3 -3
- package/styled-components/cjs/components/Popup/PopupContext.js +23 -8
- package/styled-components/cjs/components/Popup/hooks/usePopup.js +5 -0
- package/styled-components/cjs/components/Select/Select.js +1 -1
- package/styled-components/cjs/components/Select/ui/Inner/Inner.js +1 -1
- package/styled-components/cjs/components/Sheet/Sheet.template-doc.mdx +2 -2
- package/styled-components/cjs/components/Tabs/Tabs.template-doc.mdx +5 -9
- package/styled-components/cjs/components/Tooltip/Tooltip.js +5 -4
- package/styled-components/cjs/components/Tooltip/Tooltip.template-doc.mdx +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +3 -3
- package/styled-components/cjs/examples/plasma_b2c/components/Drawer/Drawer.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Modal/Modal.stories.tsx +4 -4
- package/styled-components/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Popover/Popover.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Popup/Popup.stories.tsx +2 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Toast/Toast.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Tooltip/Tooltip.stories.tsx +9 -9
- package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +3 -3
- package/styled-components/cjs/examples/plasma_web/components/Drawer/Drawer.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Modal/Modal.stories.tsx +4 -4
- package/styled-components/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Popover/Popover.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Popup/Popup.stories.tsx +2 -2
- package/styled-components/cjs/examples/plasma_web/components/Toast/Toast.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Tooltip/Tooltip.stories.tsx +9 -9
- package/styled-components/cjs/examples/sds_engineer/components/Drawer/Drawer.stories.tsx +1 -1
- package/styled-components/cjs/examples/sds_engineer/components/Modal/Modal.stories.tsx +3 -3
- package/styled-components/cjs/examples/sds_engineer/components/Notification/Notification.stories.tsx +1 -1
- package/styled-components/cjs/examples/sds_engineer/components/Popover/Popover.stories.tsx +1 -1
- package/styled-components/cjs/examples/sds_engineer/components/Popup/Popup.stories.tsx +2 -2
- package/styled-components/cjs/examples/sds_engineer/components/Toast/Toast.stories.tsx +1 -1
- package/styled-components/cjs/examples/sds_engineer/components/Tooltip/Tooltip.stories.tsx +9 -9
- package/styled-components/es/components/Autocomplete/Autocomplete.js +1 -1
- package/styled-components/es/components/Combobox/Combobox.js +9 -9
- package/styled-components/es/components/DatePicker/DatePicker.template-doc.mdx +3 -3
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +7 -7
- package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +4 -2
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +7 -7
- package/styled-components/es/components/Drawer/Drawer.js +5 -3
- package/styled-components/es/components/Drawer/Drawer.template-doc.mdx +13 -13
- package/styled-components/es/components/Dropdown/Dropdown.js +1 -1
- package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +1 -1
- package/styled-components/es/components/Dropdown/ui/DropdownOld/DropdownOld.js +6 -3
- package/styled-components/es/components/Modal/Modal.js +5 -3
- package/styled-components/es/components/Modal/Modal.template-doc.mdx +2 -2
- package/styled-components/es/components/Modal/hooks/useModal.js +2 -17
- package/styled-components/es/components/Notification/NotificationsPortal.js +1 -1
- package/styled-components/es/components/Popover/Popover.js +17 -15
- package/styled-components/es/components/Popover/Popover.template-doc.mdx +1 -1
- package/styled-components/es/components/Popup/Popup.js +6 -3
- package/styled-components/es/components/Popup/Popup.template-doc.mdx +3 -3
- package/styled-components/es/components/Popup/PopupContext.js +24 -9
- package/styled-components/es/components/Popup/hooks/usePopup.js +5 -0
- package/styled-components/es/components/Select/Select.js +1 -1
- package/styled-components/es/components/Select/ui/Inner/Inner.js +1 -1
- package/styled-components/es/components/Sheet/Sheet.template-doc.mdx +2 -2
- package/styled-components/es/components/Tabs/Tabs.template-doc.mdx +5 -9
- package/styled-components/es/components/Tooltip/Tooltip.js +5 -4
- package/styled-components/es/components/Tooltip/Tooltip.template-doc.mdx +1 -1
- package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +3 -3
- package/styled-components/es/examples/plasma_b2c/components/Drawer/Drawer.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Modal/Modal.stories.tsx +4 -4
- package/styled-components/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Popover/Popover.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Popup/Popup.stories.tsx +2 -2
- package/styled-components/es/examples/plasma_b2c/components/Toast/Toast.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Tooltip/Tooltip.stories.tsx +9 -9
- package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +3 -3
- package/styled-components/es/examples/plasma_web/components/Drawer/Drawer.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_web/components/Modal/Modal.stories.tsx +4 -4
- package/styled-components/es/examples/plasma_web/components/Notification/Notification.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_web/components/Popover/Popover.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_web/components/Popup/Popup.stories.tsx +2 -2
- package/styled-components/es/examples/plasma_web/components/Toast/Toast.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_web/components/Tooltip/Tooltip.stories.tsx +9 -9
- package/styled-components/es/examples/sds_engineer/components/Drawer/Drawer.stories.tsx +1 -1
- package/styled-components/es/examples/sds_engineer/components/Modal/Modal.stories.tsx +3 -3
- package/styled-components/es/examples/sds_engineer/components/Notification/Notification.stories.tsx +1 -1
- package/styled-components/es/examples/sds_engineer/components/Popover/Popover.stories.tsx +1 -1
- package/styled-components/es/examples/sds_engineer/components/Popup/Popup.stories.tsx +2 -2
- package/styled-components/es/examples/sds_engineer/components/Toast/Toast.stories.tsx +1 -1
- package/styled-components/es/examples/sds_engineer/components/Tooltip/Tooltip.stories.tsx +9 -9
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts +2 -2
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts +1 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts +2 -2
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts +5 -0
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts.map +1 -1
- package/types/components/Drawer/Drawer.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownOld/Dropdown.types.d.ts +7 -0
- package/types/components/Dropdown/ui/DropdownOld/Dropdown.types.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownOld/DropdownOld.d.ts.map +1 -1
- package/types/components/Modal/Modal.d.ts.map +1 -1
- package/types/components/Modal/hooks/useModal.d.ts +1 -1
- package/types/components/Modal/hooks/useModal.d.ts.map +1 -1
- package/types/components/Popover/Popover.d.ts.map +1 -1
- package/types/components/Popover/Popover.types.d.ts +5 -1
- package/types/components/Popover/Popover.types.d.ts.map +1 -1
- package/types/components/Popup/Popup.d.ts.map +1 -1
- package/types/components/Popup/Popup.types.d.ts +9 -4
- package/types/components/Popup/Popup.types.d.ts.map +1 -1
- package/types/components/Popup/PopupContext.d.ts.map +1 -1
- package/types/components/Popup/hooks/usePopup.d.ts.map +1 -1
- package/types/components/Sheet/Sheet.types.d.ts +1 -1
- package/types/components/Sheet/Sheet.types.d.ts.map +1 -1
- package/types/components/Tabs/ui/TabItem/TabItem.d.ts +26 -15
- package/types/components/Tabs/ui/TabItem/TabItem.d.ts.map +1 -1
- package/types/components/Tabs/ui/TabItem/TabItem.types.d.ts +7 -8
- package/types/components/Tabs/ui/TabItem/TabItem.types.d.ts.map +1 -1
- package/types/components/Tabs/ui/Tabs/Tabs.d.ts +2 -26
- package/types/components/Tabs/ui/Tabs/Tabs.d.ts.map +1 -1
- package/types/components/Tabs/ui/Tabs/Tabs.types.d.ts +2 -1
- package/types/components/Tabs/ui/Tabs/Tabs.types.d.ts.map +1 -1
- package/types/components/Tooltip/Tooltip.d.ts +2 -2
- package/types/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/types/components/Tooltip/Tooltip.types.d.ts +6 -1
- package/types/components/Tooltip/Tooltip.types.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts +26 -14
- package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts +28 -14
- package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/TabsController.d.ts +2 -2
- package/types/examples/plasma_b2c/components/Tabs/TabsController.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Tabs/TabItem.d.ts +26 -14
- package/types/examples/plasma_web/components/Tabs/TabItem.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Tabs/Tabs.d.ts +28 -14
- package/types/examples/plasma_web/components/Tabs/Tabs.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Tabs/TabsController.d.ts +2 -2
- package/types/examples/plasma_web/components/Tabs/TabsController.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/Tabs/TabItem.d.ts +1 -13
- package/types/examples/sds_engineer/components/Tabs/TabItem.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/Tabs/Tabs.d.ts +1 -13
- package/types/examples/sds_engineer/components/Tabs/Tabs.d.ts.map +1 -1
- package/types/types/AsProps.d.ts.map +1 -1
@@ -57,7 +57,7 @@ const StoryDefault = ({ size }: TooltipProps) => {
|
|
57
57
|
target={<Button>Btn</Button>}
|
58
58
|
placement="left"
|
59
59
|
size={size}
|
60
|
-
|
60
|
+
opened
|
61
61
|
hasArrow
|
62
62
|
text="left"
|
63
63
|
frame="theme-root"
|
@@ -65,7 +65,7 @@ const StoryDefault = ({ size }: TooltipProps) => {
|
|
65
65
|
}
|
66
66
|
placement="top-start"
|
67
67
|
size={size}
|
68
|
-
|
68
|
+
opened
|
69
69
|
hasArrow
|
70
70
|
text="top-start"
|
71
71
|
frame="theme-root"
|
@@ -74,7 +74,7 @@ const StoryDefault = ({ size }: TooltipProps) => {
|
|
74
74
|
target={<Button>Btn</Button>}
|
75
75
|
placement="top"
|
76
76
|
size={size}
|
77
|
-
|
77
|
+
opened
|
78
78
|
hasArrow
|
79
79
|
text="top"
|
80
80
|
frame="theme-root"
|
@@ -85,7 +85,7 @@ const StoryDefault = ({ size }: TooltipProps) => {
|
|
85
85
|
target={<Button>Btn</Button>}
|
86
86
|
placement="right"
|
87
87
|
size={size}
|
88
|
-
|
88
|
+
opened
|
89
89
|
hasArrow
|
90
90
|
text="right"
|
91
91
|
frame="theme-root"
|
@@ -93,7 +93,7 @@ const StoryDefault = ({ size }: TooltipProps) => {
|
|
93
93
|
}
|
94
94
|
placement="top-end"
|
95
95
|
size={size}
|
96
|
-
|
96
|
+
opened
|
97
97
|
hasArrow
|
98
98
|
text="top-end"
|
99
99
|
frame="theme-root"
|
@@ -102,7 +102,7 @@ const StoryDefault = ({ size }: TooltipProps) => {
|
|
102
102
|
target={<Button>Btn</Button>}
|
103
103
|
placement="bottom-start"
|
104
104
|
size={size}
|
105
|
-
|
105
|
+
opened
|
106
106
|
hasArrow
|
107
107
|
text="bottom-start"
|
108
108
|
frame="theme-root"
|
@@ -111,7 +111,7 @@ const StoryDefault = ({ size }: TooltipProps) => {
|
|
111
111
|
target={<Button>Btn</Button>}
|
112
112
|
placement="bottom"
|
113
113
|
size={size}
|
114
|
-
|
114
|
+
opened
|
115
115
|
hasArrow
|
116
116
|
text="bottom"
|
117
117
|
frame="theme-root"
|
@@ -120,7 +120,7 @@ const StoryDefault = ({ size }: TooltipProps) => {
|
|
120
120
|
target={<Button>Btn</Button>}
|
121
121
|
placement="bottom-end"
|
122
122
|
size={size}
|
123
|
-
|
123
|
+
opened
|
124
124
|
hasArrow
|
125
125
|
text="bottom-end"
|
126
126
|
frame="theme-root"
|
@@ -170,7 +170,7 @@ const StoryLive = (args: TooltipProps) => {
|
|
170
170
|
{...args}
|
171
171
|
id="example-tooltip-firstname"
|
172
172
|
text={text}
|
173
|
-
|
173
|
+
opened
|
174
174
|
frame="theme-root"
|
175
175
|
/>
|
176
176
|
</StyledRow>
|
@@ -116,7 +116,7 @@ export var autocompleteRoot = function autocompleteRoot(Root) {
|
|
116
116
|
disabled: disabled,
|
117
117
|
readOnly: readOnly
|
118
118
|
}, /*#__PURE__*/React.createElement(StyledPopover, {
|
119
|
-
|
119
|
+
opened: isOpen,
|
120
120
|
offset: [0, 0],
|
121
121
|
placement: getPlacements('bottom'),
|
122
122
|
isFocusTrapped: false,
|
@@ -75,8 +75,8 @@ export var comboboxRoot = function comboboxRoot(Root) {
|
|
75
75
|
};
|
76
76
|
var _useState3 = useState(opened),
|
77
77
|
_useState4 = _slicedToArray(_useState3, 2),
|
78
|
-
|
79
|
-
|
78
|
+
isVisible = _useState4[0],
|
79
|
+
setIsVisible = _useState4[1];
|
80
80
|
var _useState5 = useState(''),
|
81
81
|
_useState6 = _slicedToArray(_useState5, 2),
|
82
82
|
search = _useState6[0],
|
@@ -99,7 +99,7 @@ export var comboboxRoot = function comboboxRoot(Root) {
|
|
99
99
|
if (disabled || readOnly) {
|
100
100
|
return;
|
101
101
|
}
|
102
|
-
|
102
|
+
setIsVisible(opened);
|
103
103
|
}, [opened, disabled, readOnly]);
|
104
104
|
useEffect(function () {
|
105
105
|
// INFO: Для кейсов, когда значение выбрано и нужно вывести весь список
|
@@ -113,14 +113,14 @@ export var comboboxRoot = function comboboxRoot(Root) {
|
|
113
113
|
}
|
114
114
|
|
115
115
|
// INFO: Для кейсов, когда значение выбрано и нужно вывести весь список
|
116
|
-
if (!
|
116
|
+
if (!isVisible) {
|
117
117
|
setFilterValue('');
|
118
118
|
}
|
119
119
|
if (onToggle) {
|
120
120
|
onToggle(openValue, event);
|
121
121
|
return;
|
122
122
|
}
|
123
|
-
|
123
|
+
setIsVisible(openValue);
|
124
124
|
};
|
125
125
|
var closedWithoutChanges = useRef(true);
|
126
126
|
var updateValue = function updateValue(item, event) {
|
@@ -152,7 +152,7 @@ export var comboboxRoot = function comboboxRoot(Root) {
|
|
152
152
|
};
|
153
153
|
var _useKeyNavigation = useKeyNavigation({
|
154
154
|
controlledRefs: controlledRefs,
|
155
|
-
opened:
|
155
|
+
opened: isVisible,
|
156
156
|
enumerationType: enumerationType,
|
157
157
|
valueType: valueType,
|
158
158
|
componentType: 'combobox',
|
@@ -172,7 +172,7 @@ export var comboboxRoot = function comboboxRoot(Root) {
|
|
172
172
|
var onSearch = function onSearch(newSearch, newOpened) {
|
173
173
|
setSearch(newSearch);
|
174
174
|
setFilterValue(newSearch);
|
175
|
-
|
175
|
+
setIsVisible(newOpened !== null && newOpened !== void 0 ? newOpened : true);
|
176
176
|
};
|
177
177
|
var onKeyDownHandle = function onKeyDownHandle(event) {
|
178
178
|
onKeyDown === null || onKeyDown === void 0 || onKeyDown(event);
|
@@ -191,10 +191,10 @@ export var comboboxRoot = function comboboxRoot(Root) {
|
|
191
191
|
disabled: disabled || readOnly
|
192
192
|
}), /*#__PURE__*/React.createElement(StyledPopover, {
|
193
193
|
role: role,
|
194
|
-
|
194
|
+
opened: isVisible,
|
195
195
|
onToggle: onInnerToggle,
|
196
196
|
target: /*#__PURE__*/React.createElement(ComboboxTarget, _extends({
|
197
|
-
opened:
|
197
|
+
opened: isVisible,
|
198
198
|
values: values,
|
199
199
|
label: label,
|
200
200
|
placeholder: placeholder,
|
@@ -12,7 +12,7 @@ import { PropsTable, Description } from '@site/src/components';
|
|
12
12
|
## Использование
|
13
13
|
Компонент `DatePicker` представляет собой поле ввода даты с выпадающим календарем.
|
14
14
|
|
15
|
-
Размер `DatePicker` задаётся с помощью свойства `size`.
|
15
|
+
Размер `DatePicker` задаётся с помощью свойства `size`.
|
16
16
|
Возможные значения свойства: `"l"`, `"m"`, `"s"`, `"xs"`.
|
17
17
|
|
18
18
|
```tsx live
|
@@ -46,7 +46,7 @@ export function App() {
|
|
46
46
|
| YYYY | 2024 | Год из 4 цифр |
|
47
47
|
| YY | 24 | Год из 2 цифр |
|
48
48
|
| Q | 1-4 | Квартал |
|
49
|
-
При выборе даты в календаре или вводе даты через поле ввода, дата будет приводиться к заданному формату.
|
49
|
+
При выборе даты в календаре или вводе даты через поле ввода, дата будет приводиться к заданному формату.
|
50
50
|
Свойство `maskWithFormat` позволяет маскировать ввод:
|
51
51
|
|
52
52
|
```tsx live
|
@@ -100,7 +100,7 @@ export function App() {
|
|
100
100
|
return (
|
101
101
|
<div style=\{{ height: "450px" }}>
|
102
102
|
<DatePicker
|
103
|
-
|
103
|
+
opened={isOpen}
|
104
104
|
label="Лейбл"
|
105
105
|
leftHelper="Подсказка к полю"
|
106
106
|
placeholder="Введите дату"
|
@@ -1,4 +1,4 @@
|
|
1
|
-
var _excluded = ["className", "isDoubleCalendar", "
|
1
|
+
var _excluded = ["className", "isDoubleCalendar", "opened", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "dividerVariant", "dividerIcon", "defaultFirstDate", "defaultSecondDate", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "format", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "onToggle", "onChangeFirstValue", "onChangeSecondValue", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
|
2
2
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
3
3
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
4
4
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
@@ -26,8 +26,8 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
|
|
26
26
|
var className = _ref.className,
|
27
27
|
_ref$isDoubleCalendar = _ref.isDoubleCalendar,
|
28
28
|
isDoubleCalendar = _ref$isDoubleCalendar === void 0 ? false : _ref$isDoubleCalendar,
|
29
|
-
_ref$
|
30
|
-
|
29
|
+
_ref$opened = _ref.opened,
|
30
|
+
opened = _ref$opened === void 0 ? false : _ref$opened,
|
31
31
|
label = _ref.label,
|
32
32
|
leftHelper = _ref.leftHelper,
|
33
33
|
contentLeft = _ref.contentLeft,
|
@@ -103,7 +103,7 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
|
|
103
103
|
_useState4 = _slicedToArray(_useState3, 2),
|
104
104
|
secondInputRef = _useState4[0],
|
105
105
|
setSecondInputRef = _useState4[1];
|
106
|
-
var _useState5 = useState(
|
106
|
+
var _useState5 = useState(opened),
|
107
107
|
_useState6 = _slicedToArray(_useState5, 2),
|
108
108
|
isInnerOpen = _useState6[0],
|
109
109
|
setIsInnerOpen = _useState6[1];
|
@@ -231,9 +231,9 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
|
|
231
231
|
}, [rangeRef.current]);
|
232
232
|
useEffect(function () {
|
233
233
|
setIsInnerOpen(function (prevOpen) {
|
234
|
-
return prevOpen !==
|
234
|
+
return prevOpen !== opened && opened;
|
235
235
|
});
|
236
|
-
}, [
|
236
|
+
}, [opened]);
|
237
237
|
useEffect(function () {
|
238
238
|
setCalendarFirstValue(formatCalendarValue(defaultFirstDate, format));
|
239
239
|
setInputFirstValue(formatInputValue(defaultFirstDate, format));
|
@@ -252,7 +252,7 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
|
|
252
252
|
}, rest), label && /*#__PURE__*/React.createElement(StyledLabel, null, label), /*#__PURE__*/React.createElement(RangeDatePopover, {
|
253
253
|
calendarValue: [calendarFirstValue, calendarSecondValue],
|
254
254
|
target: RangeComponent,
|
255
|
-
|
255
|
+
opened: isInnerOpen,
|
256
256
|
includeEdgeDates: includeEdgeDates,
|
257
257
|
eventList: eventList,
|
258
258
|
disabledList: disabledList,
|
@@ -5,6 +5,7 @@ import { StyledCalendar, StyledCalendarDouble } from './RangeDatePopover.styles'
|
|
5
5
|
export var RangeDatePopover = function RangeDatePopover(_ref) {
|
6
6
|
var target = _ref.target,
|
7
7
|
isOpen = _ref.isOpen,
|
8
|
+
opened = _ref.opened,
|
8
9
|
isDoubleCalendar = _ref.isDoubleCalendar,
|
9
10
|
calendarValue = _ref.calendarValue,
|
10
11
|
min = _ref.min,
|
@@ -29,9 +30,10 @@ export var RangeDatePopover = function RangeDatePopover(_ref) {
|
|
29
30
|
onChangeValue = _ref.onChangeValue,
|
30
31
|
onChangeStartOfRange = _ref.onChangeStartOfRange,
|
31
32
|
onToggle = _ref.onToggle;
|
33
|
+
var innerIsOpen = Boolean(isOpen || opened);
|
32
34
|
if (isDoubleCalendar) {
|
33
35
|
return /*#__PURE__*/React.createElement(StyledPopover, {
|
34
|
-
|
36
|
+
opened: innerIsOpen,
|
35
37
|
usePortal: false,
|
36
38
|
onToggle: onToggle,
|
37
39
|
offset: offset,
|
@@ -60,7 +62,7 @@ export var RangeDatePopover = function RangeDatePopover(_ref) {
|
|
60
62
|
}));
|
61
63
|
}
|
62
64
|
return /*#__PURE__*/React.createElement(StyledPopover, {
|
63
|
-
|
65
|
+
opened: innerIsOpen,
|
64
66
|
usePortal: false,
|
65
67
|
onToggle: onToggle,
|
66
68
|
offset: offset,
|
@@ -1,4 +1,4 @@
|
|
1
|
-
var _excluded = ["className", "
|
1
|
+
var _excluded = ["className", "opened", "label", "labelPlacement", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "defaultDate", "valueError", "valueSuccess", "format", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "placement", "closeOnOverlayClick", "offset", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur"];
|
2
2
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
3
3
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
4
4
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
@@ -23,8 +23,8 @@ import { LeftHelper, StyledInput, StyledLabel, StyledPopover, base } from './Sin
|
|
23
23
|
export var datePickerRoot = function datePickerRoot(Root) {
|
24
24
|
return /*#__PURE__*/forwardRef(function (_ref, ref) {
|
25
25
|
var className = _ref.className,
|
26
|
-
_ref$
|
27
|
-
|
26
|
+
_ref$opened = _ref.opened,
|
27
|
+
opened = _ref$opened === void 0 ? false : _ref$opened,
|
28
28
|
label = _ref.label,
|
29
29
|
_ref$labelPlacement = _ref.labelPlacement,
|
30
30
|
labelPlacement = _ref$labelPlacement === void 0 ? 'outer' : _ref$labelPlacement,
|
@@ -73,7 +73,7 @@ export var datePickerRoot = function datePickerRoot(Root) {
|
|
73
73
|
onBlur = _ref.onBlur,
|
74
74
|
rest = _objectWithoutProperties(_ref, _excluded);
|
75
75
|
var inputRef = useRef(null);
|
76
|
-
var _useState = useState(
|
76
|
+
var _useState = useState(opened),
|
77
77
|
_useState2 = _slicedToArray(_useState, 2),
|
78
78
|
isInnerOpen = _useState2[0],
|
79
79
|
setIsInnerOpen = _useState2[1];
|
@@ -141,9 +141,9 @@ export var datePickerRoot = function datePickerRoot(Root) {
|
|
141
141
|
}));
|
142
142
|
useEffect(function () {
|
143
143
|
setIsInnerOpen(function (prevOpen) {
|
144
|
-
return prevOpen !==
|
144
|
+
return prevOpen !== opened && opened;
|
145
145
|
});
|
146
|
-
}, [
|
146
|
+
}, [opened]);
|
147
147
|
useEffect(function () {
|
148
148
|
setCalendarValue(formatCalendarValue(defaultDate, format));
|
149
149
|
setInputValue(formatInputValue(defaultDate, format));
|
@@ -156,7 +156,7 @@ export var datePickerRoot = function datePickerRoot(Root) {
|
|
156
156
|
readOnly: !disabled && readOnly,
|
157
157
|
ref: ref
|
158
158
|
}, rest), !innerLabelPlacement && label && /*#__PURE__*/React.createElement(StyledLabel, null, label), /*#__PURE__*/React.createElement(StyledPopover, {
|
159
|
-
|
159
|
+
opened: isInnerOpen,
|
160
160
|
usePortal: false,
|
161
161
|
onToggle: handleToggle,
|
162
162
|
offset: offset,
|
@@ -1,4 +1,4 @@
|
|
1
|
-
var _excluded = ["id", "zIndex", "popupInfo", "withBlur", "children", "view", "size", "width", "height", "isOpen", "initialFocusRef", "focusAfterRef", "className", "onClose", "onOverlayClick", "onEscKeyDown", "offset", "frame", "borderRadius", "placement", "closeOnEsc", "closeOnOverlayClick", "asModal"];
|
1
|
+
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"];
|
2
2
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
3
3
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
4
4
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
@@ -33,6 +33,7 @@ export var drawerRoot = function drawerRoot(Root) {
|
|
33
33
|
width = _ref.width,
|
34
34
|
height = _ref.height,
|
35
35
|
isOpen = _ref.isOpen,
|
36
|
+
opened = _ref.opened,
|
36
37
|
initialFocusRef = _ref.initialFocusRef,
|
37
38
|
focusAfterRef = _ref.focusAfterRef,
|
38
39
|
className = _ref.className,
|
@@ -52,6 +53,7 @@ export var drawerRoot = function drawerRoot(Root) {
|
|
52
53
|
_ref$asModal = _ref.asModal,
|
53
54
|
asModal = _ref$asModal === void 0 ? true : _ref$asModal,
|
54
55
|
rest = _objectWithoutProperties(_ref, _excluded);
|
56
|
+
var innerIsOpen = Boolean(isOpen || opened);
|
55
57
|
var trapRef = useFocusTrap(true, initialFocusRef, focusAfterRef);
|
56
58
|
var popupController = usePopupContext();
|
57
59
|
var innerRef = useForkRef(trapRef, outerRef);
|
@@ -62,7 +64,7 @@ export var drawerRoot = function drawerRoot(Root) {
|
|
62
64
|
var innerHeight = height ? getSizeValueFromProp(height) : '100%';
|
63
65
|
var _useDrawer = useDrawer({
|
64
66
|
id: innerId,
|
65
|
-
isOpen:
|
67
|
+
isOpen: innerIsOpen,
|
66
68
|
closeOnEsc: closeOnEsc,
|
67
69
|
onEscKeyDown: onEscKeyDown,
|
68
70
|
onClose: onClose,
|
@@ -85,7 +87,7 @@ export var drawerRoot = function drawerRoot(Root) {
|
|
85
87
|
return /*#__PURE__*/React.createElement(StyledPopup, _extends({
|
86
88
|
id: innerId,
|
87
89
|
ref: asModal ? innerRef : outerRef,
|
88
|
-
|
90
|
+
opened: innerIsOpen,
|
89
91
|
zIndex: zIndex,
|
90
92
|
placement: placement,
|
91
93
|
popupInfo: drawerInfo,
|
@@ -33,8 +33,8 @@ Drawer можно использовать как и на всем окне, т
|
|
33
33
|
Также это свойство поддерживает передачу id элемента, в котором будет использоваться компонент.
|
34
34
|
Само позиционирование можно указать с помощью свойства `placement`(left - по умолчанию, right, top, bottom),
|
35
35
|
а также определить отступы от точки с помощью `offset`.
|
36
|
-
|
37
|
-
У компонента Drawer есть 2 режима отображения:
|
36
|
+
|
37
|
+
У компонента Drawer есть 2 режима отображения:
|
38
38
|
- модальный - добавляет при этом подложку(`overlay`), а также блокирует scroll и фокус;
|
39
39
|
- немодальный - нет подложки, scroll и фокус не заблокированы.
|
40
40
|
|
@@ -56,16 +56,16 @@ export function App() {
|
|
56
56
|
<PopupProvider>
|
57
57
|
<div style=\{{height: "500px"}}>
|
58
58
|
<div style=\{{ display: "flex", flexDirection: "column" }}>
|
59
|
-
<Button
|
60
|
-
text="Открыть в document"
|
59
|
+
<Button
|
60
|
+
text="Открыть в document"
|
61
61
|
onClick={() => setIsOpenA(true)}
|
62
62
|
style=\{{
|
63
63
|
marginTop: "1rem",
|
64
64
|
width: "15rem"
|
65
65
|
}}
|
66
66
|
/>
|
67
|
-
<Button
|
68
|
-
text="Открыть во Frame"
|
67
|
+
<Button
|
68
|
+
text="Открыть во Frame"
|
69
69
|
onClick={() => setIsOpenB(true)}
|
70
70
|
style=\{{
|
71
71
|
marginTop: "1rem",
|
@@ -75,7 +75,7 @@ export function App() {
|
|
75
75
|
</div>
|
76
76
|
<Drawer
|
77
77
|
id="drawerA"
|
78
|
-
|
78
|
+
opened={isOpenA}
|
79
79
|
onClose={() => setIsOpenA(false)}
|
80
80
|
placement="right"
|
81
81
|
withBlur={false}
|
@@ -103,13 +103,13 @@ export function App() {
|
|
103
103
|
</DrawerHeader>
|
104
104
|
|
105
105
|
<DrawerContent>Content</DrawerContent>
|
106
|
-
|
106
|
+
|
107
107
|
<DrawerFooter>
|
108
108
|
<H3>Footer</H3>
|
109
109
|
</DrawerFooter>
|
110
110
|
</Drawer>
|
111
|
-
<div
|
112
|
-
ref={ref}
|
111
|
+
<div
|
112
|
+
ref={ref}
|
113
113
|
style=\{{
|
114
114
|
marginTop: "1rem",
|
115
115
|
width: "400px",
|
@@ -128,10 +128,10 @@ export function App() {
|
|
128
128
|
>
|
129
129
|
<>Frame</>
|
130
130
|
</div>
|
131
|
-
|
131
|
+
|
132
132
|
<Drawer
|
133
133
|
id="drawerB"
|
134
|
-
|
134
|
+
opened={isOpenB}
|
135
135
|
onClose={() => setIsOpenB(false)}
|
136
136
|
placement="right"
|
137
137
|
asModal={false}
|
@@ -157,7 +157,7 @@ export function App() {
|
|
157
157
|
</DrawerHeader>
|
158
158
|
|
159
159
|
<DrawerContent>Content</DrawerContent>
|
160
|
-
|
160
|
+
|
161
161
|
<DrawerFooter>
|
162
162
|
<H3>Footer</H3>
|
163
163
|
</DrawerFooter>
|
@@ -107,7 +107,7 @@ export var dropdownRoot = function dropdownRoot(Root) {
|
|
107
107
|
return focusedToValueMap === null || focusedToValueMap === void 0 || (_focusedToValueMap$ge = focusedToValueMap.get(focusedPathAsString)) === null || _focusedToValueMap$ge === void 0 ? void 0 : _focusedToValueMap$ge.value.toString();
|
108
108
|
};
|
109
109
|
return /*#__PURE__*/React.createElement(StyledPopover, {
|
110
|
-
|
110
|
+
opened: isCurrentListOpen,
|
111
111
|
onToggle: handleGlobalToggle,
|
112
112
|
offset: offset,
|
113
113
|
placement: getPlacements(placement),
|
@@ -40,7 +40,7 @@ var DropdownInner = function DropdownInner(_ref) {
|
|
40
40
|
var nextLevel = currentLevel + 1;
|
41
41
|
if (item !== null && item !== void 0 && item.items) {
|
42
42
|
return /*#__PURE__*/React.createElement(StyledPopover, {
|
43
|
-
|
43
|
+
opened: isCurrentListOpen,
|
44
44
|
usePortal: false,
|
45
45
|
placement: "right-start",
|
46
46
|
trigger: trigger,
|
@@ -1,4 +1,4 @@
|
|
1
|
-
var _excluded = ["id", "target", "children", "hasArrow", "role", "view", "size", "frame", "onToggle", "isFocusTrapped", "isOpen", "placement", "trigger", "offset", "preventOverflow", "closeOnOverlayClick", "closeOnEsc"];
|
1
|
+
var _excluded = ["id", "target", "children", "hasArrow", "role", "view", "size", "frame", "onToggle", "isFocusTrapped", "isOpen", "opened", "placement", "trigger", "offset", "preventOverflow", "closeOnOverlayClick", "closeOnEsc"];
|
2
2
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
3
3
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
4
4
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
@@ -26,6 +26,8 @@ export var dropdownOldRoot = function dropdownOldRoot(Root) {
|
|
26
26
|
isFocusTrapped = _ref$isFocusTrapped === void 0 ? true : _ref$isFocusTrapped,
|
27
27
|
_ref$isOpen = _ref.isOpen,
|
28
28
|
isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
|
29
|
+
_ref$opened = _ref.opened,
|
30
|
+
opened = _ref$opened === void 0 ? false : _ref$opened,
|
29
31
|
_ref$placement = _ref.placement,
|
30
32
|
placement = _ref$placement === void 0 ? 'auto' : _ref$placement,
|
31
33
|
_ref$trigger = _ref.trigger,
|
@@ -39,16 +41,17 @@ export var dropdownOldRoot = function dropdownOldRoot(Root) {
|
|
39
41
|
_ref$closeOnEsc = _ref.closeOnEsc,
|
40
42
|
closeOnEsc = _ref$closeOnEsc === void 0 ? false : _ref$closeOnEsc,
|
41
43
|
rest = _objectWithoutProperties(_ref, _excluded);
|
44
|
+
var innerIsOpen = Boolean(isOpen || opened);
|
42
45
|
var uniqId = useUniqId();
|
43
46
|
var innerId = id || uniqId;
|
44
47
|
var rootRef = useRef(null);
|
45
48
|
var dropdownRef = useRef(null);
|
46
49
|
var handleRef = useForkRef(rootRef, outerRootRef);
|
47
|
-
var trapRef = useFocusTrap(
|
50
|
+
var trapRef = useFocusTrap(innerIsOpen && isFocusTrapped);
|
48
51
|
var dropdownForkRef = useForkRef(dropdownRef, trapRef);
|
49
52
|
return /*#__PURE__*/React.createElement(StyledPopover, {
|
50
53
|
role: role,
|
51
|
-
|
54
|
+
opened: innerIsOpen,
|
52
55
|
usePortal: false,
|
53
56
|
onToggle: function onToggle(is, event) {
|
54
57
|
return _onToggle === null || _onToggle === void 0 ? void 0 : _onToggle(is, event);
|
@@ -1,4 +1,4 @@
|
|
1
|
-
var _excluded = ["id", "withAnimation", "onClose", "onOverlayClick", "onEscKeyDown", "closeOnEsc", "closeOnOverlayClick", "withBlur", "initialFocusRef", "focusAfterRef", "zIndex", "popupInfo", "children", "view", "isOpen"];
|
1
|
+
var _excluded = ["id", "withAnimation", "onClose", "onOverlayClick", "onEscKeyDown", "closeOnEsc", "closeOnOverlayClick", "withBlur", "initialFocusRef", "focusAfterRef", "zIndex", "popupInfo", "children", "view", "opened", "isOpen"];
|
2
2
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
3
3
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
4
4
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
@@ -39,8 +39,10 @@ export var modalRoot = function modalRoot(Root) {
|
|
39
39
|
popupInfo = _ref.popupInfo,
|
40
40
|
children = _ref.children,
|
41
41
|
view = _ref.view,
|
42
|
+
opened = _ref.opened,
|
42
43
|
isOpen = _ref.isOpen,
|
43
44
|
rest = _objectWithoutProperties(_ref, _excluded);
|
45
|
+
var innerIsOpen = Boolean(isOpen || opened);
|
44
46
|
var trapRef = useFocusTrap(true, initialFocusRef, focusAfterRef, true);
|
45
47
|
var popupController = usePopupContext();
|
46
48
|
var innerRef = useForkRef(trapRef, outerRootRef);
|
@@ -49,7 +51,7 @@ export var modalRoot = function modalRoot(Root) {
|
|
49
51
|
var overlayBackgroundToken = withBlur ? "var(".concat(tokens.modalOverlayWithBlurColor, ")") : "var(".concat(tokens.modalOverlayColor, ")");
|
50
52
|
var _useModal = useModal({
|
51
53
|
id: innerId,
|
52
|
-
isOpen:
|
54
|
+
isOpen: innerIsOpen,
|
53
55
|
closeOnEsc: closeOnEsc,
|
54
56
|
onEscKeyDown: onEscKeyDown,
|
55
57
|
onClose: onClose,
|
@@ -70,7 +72,7 @@ export var modalRoot = function modalRoot(Root) {
|
|
70
72
|
}, [closeOnOverlayClick, onOverlayClick, onClose]);
|
71
73
|
return /*#__PURE__*/React.createElement(Popup, _extends({
|
72
74
|
id: innerId,
|
73
|
-
|
75
|
+
opened: innerIsOpen,
|
74
76
|
ref: innerRef,
|
75
77
|
popupInfo: modalInfo,
|
76
78
|
withAnimation: withAnimation,
|
@@ -33,7 +33,7 @@ export function App() {
|
|
33
33
|
<Modal
|
34
34
|
id="modalA"
|
35
35
|
onClose={() => setIsOpenA(false)}
|
36
|
-
|
36
|
+
opened={isOpenA}
|
37
37
|
placement="center"
|
38
38
|
offset={[0, 0]}
|
39
39
|
>
|
@@ -45,7 +45,7 @@ export function App() {
|
|
45
45
|
<Modal
|
46
46
|
id="modalB"
|
47
47
|
onClose={() => setIsOpenB(false)}
|
48
|
-
|
48
|
+
opened={isOpenB}
|
49
49
|
placement="right"
|
50
50
|
offset={[0, 0]}
|
51
51
|
>
|
@@ -4,20 +4,18 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
4
4
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
5
5
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
6
6
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
7
|
-
import { useCallback, useEffect
|
8
|
-
import { getIdLastModal
|
7
|
+
import { useCallback, useEffect } from 'react';
|
8
|
+
import { getIdLastModal } from '../ModalContext';
|
9
9
|
import { usePopupContext } from '../../Popup';
|
10
10
|
var ESCAPE_KEYCODE = 27;
|
11
11
|
export var useModal = function useModal(_ref) {
|
12
12
|
var id = _ref.id,
|
13
|
-
isOpen = _ref.isOpen,
|
14
13
|
popupInfo = _ref.popupInfo,
|
15
14
|
onEscKeyDown = _ref.onEscKeyDown,
|
16
15
|
onClose = _ref.onClose,
|
17
16
|
_ref$closeOnEsc = _ref.closeOnEsc,
|
18
17
|
closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc;
|
19
18
|
var popupController = usePopupContext();
|
20
|
-
var overflow = useRef(document.body.style.overflowY);
|
21
19
|
|
22
20
|
// При ESC закрывает текущее окно, если это возможно
|
23
21
|
var onKeyDown = useCallback(function (event) {
|
@@ -40,19 +38,6 @@ export var useModal = function useModal(_ref) {
|
|
40
38
|
window.removeEventListener('keydown', onKeyDown);
|
41
39
|
};
|
42
40
|
}, [onClose, onEscKeyDown, popupController.items, closeOnEsc]);
|
43
|
-
|
44
|
-
// linaria не поддерживает динамический global
|
45
|
-
useEffect(function () {
|
46
|
-
if (isOpen) {
|
47
|
-
overflow.current = document.body.style.overflowY;
|
48
|
-
document.body.style.overflowY = 'hidden';
|
49
|
-
}
|
50
|
-
}, [isOpen]);
|
51
|
-
useEffect(function () {
|
52
|
-
if (!isOpen && !hasModals(popupController.items)) {
|
53
|
-
document.body.style.overflowY = overflow.current;
|
54
|
-
}
|
55
|
-
}, [isOpen, overflow.current, popupController.items]);
|
56
41
|
var modalInfo = _objectSpread({
|
57
42
|
id: id,
|
58
43
|
info: {
|
@@ -18,7 +18,7 @@ var Popup = /*#__PURE__*/component(popupConfig);
|
|
18
18
|
var StyledPopup = /*#__PURE__*/_styled(Popup, {
|
19
19
|
target: "eefkyeq0",
|
20
20
|
label: "plasma-new-hope__StyledPopup"
|
21
|
-
})("&>.", popupBaseRootClass, "{overflow:hidden;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL05vdGlmaWNhdGlvbnNQb3J0YWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCaUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ob3RpZmljYXRpb24vTm90aWZpY2F0aW9uc1BvcnRhbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRkMsIEZvcndhcmRSZWZFeG90aWNDb21wb25lbnQsIFJlZkF0dHJpYnV0ZXMsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VTdG9yZW9uIH0gZnJvbSAnc3RvcmVvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBwb3B1cEJhc2VSb290Q2xhc3MgfSBmcm9tICdAc2FsdXRlanMvcGxhc21hLWNvcmUnO1xuXG5pbXBvcnQgeyBQb3B1cFByb3ZpZGVyLCBwb3B1cENvbmZpZyB9IGZyb20gJy4uL1BvcHVwJztcbmltcG9ydCB7IGNvbXBvbmVudCB9IGZyb20gJy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgY3ggfSBmcm9tICcuLi8uLi91dGlscyc7XG5cbmltcG9ydCB7IE5vdGlmaWNhdGlvbnNTdGF0ZSwgTm90aWZpY2F0aW9uc0V2ZW50cywgY2xvc2VOb3RpZmljYXRpb24gfSBmcm9tICcuL05vdGlmaWNhdGlvbnNTdG9yZSc7XG5pbXBvcnQgeyBOb3RpZmljYXRpb25Qb3J0YWxQcm9wcywgTm90aWZpY2F0aW9uUHJvcHMgfSBmcm9tICcuL05vdGlmaWNhdGlvbi50eXBlcyc7XG5pbXBvcnQgeyBTdHlsZWRJdGVtV3JhcHBlciwgU3R5bGVkUm9vdCB9IGZyb20gJy4vTm90aWZpY2F0aW9uLnN0eWxlcyc7XG5pbXBvcnQgeyBjbGFzc2VzIH0gZnJvbSAnLi9Ob3RpZmljYXRpb24udG9rZW5zJztcblxuLy8gaXNzdWUgIzgyM1xuY29uc3QgUG9wdXAgPSBjb21wb25lbnQocG9wdXBDb25maWcpO1xuXG5jb25zdCBTdHlsZWRQb3B1cCA9IHN0eWxlZChQb3B1cClgXG4gICAgJiA+IC4ke3BvcHVwQmFzZVJvb3RDbGFzc30ge1xuICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIH1cbmA7XG5cbi8qKlxuICog0J7QsdC10YDRgtC60LAg0LTQu9GPINCy0LjQt9GD0LDQu9GM0L3QvtCz0L4g0L/RgNC10LTRgdGC0LDQstC70LXQvdC40Y8g0YPQstC10LTQvtC80LvQtdC90LjQuS5cbiAqL1xuZXhwb3J0IGNvbnN0IE5vdGlmaWNhdGlvbnNQb3J0YWw6IEZDPE5vdGlmaWNhdGlvblBvcnRhbFByb3BzPiA9ICh7IGNvbmZpZywgZnJhbWUgfSkgPT4ge1xuICAgIGNvbnN0IHsgbm90aWZpY2F0aW9ucyB9ID0gdXNlU3RvcmVvbjxOb3RpZmljYXRpb25zU3RhdGUsIE5vdGlmaWNhdGlvbnNFdmVudHM+KCdub3RpZmljYXRpb25zJyk7XG5cbiAgICBjb25zdCBOb3RpZmljYXRpb24gPSB1c2VNZW1vKFxuICAgICAgICAoKSA9PiBjb21wb25lbnQoY29uZmlnKSBhcyBGb3J3YXJkUmVmRXhvdGljQ29tcG9uZW50PE5vdGlmaWNhdGlvblByb3BzICYgUmVmQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4+LFxuICAgICAgICBbXSxcbiAgICApO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPFBvcHVwUHJvdmlkZXI+
|
21
|
+
})("&>.", popupBaseRootClass, "{overflow:hidden;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL05vdGlmaWNhdGlvbnNQb3J0YWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCaUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ob3RpZmljYXRpb24vTm90aWZpY2F0aW9uc1BvcnRhbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRkMsIEZvcndhcmRSZWZFeG90aWNDb21wb25lbnQsIFJlZkF0dHJpYnV0ZXMsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VTdG9yZW9uIH0gZnJvbSAnc3RvcmVvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBwb3B1cEJhc2VSb290Q2xhc3MgfSBmcm9tICdAc2FsdXRlanMvcGxhc21hLWNvcmUnO1xuXG5pbXBvcnQgeyBQb3B1cFByb3ZpZGVyLCBwb3B1cENvbmZpZyB9IGZyb20gJy4uL1BvcHVwJztcbmltcG9ydCB7IGNvbXBvbmVudCB9IGZyb20gJy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgY3ggfSBmcm9tICcuLi8uLi91dGlscyc7XG5cbmltcG9ydCB7IE5vdGlmaWNhdGlvbnNTdGF0ZSwgTm90aWZpY2F0aW9uc0V2ZW50cywgY2xvc2VOb3RpZmljYXRpb24gfSBmcm9tICcuL05vdGlmaWNhdGlvbnNTdG9yZSc7XG5pbXBvcnQgeyBOb3RpZmljYXRpb25Qb3J0YWxQcm9wcywgTm90aWZpY2F0aW9uUHJvcHMgfSBmcm9tICcuL05vdGlmaWNhdGlvbi50eXBlcyc7XG5pbXBvcnQgeyBTdHlsZWRJdGVtV3JhcHBlciwgU3R5bGVkUm9vdCB9IGZyb20gJy4vTm90aWZpY2F0aW9uLnN0eWxlcyc7XG5pbXBvcnQgeyBjbGFzc2VzIH0gZnJvbSAnLi9Ob3RpZmljYXRpb24udG9rZW5zJztcblxuLy8gaXNzdWUgIzgyM1xuY29uc3QgUG9wdXAgPSBjb21wb25lbnQocG9wdXBDb25maWcpO1xuXG5jb25zdCBTdHlsZWRQb3B1cCA9IHN0eWxlZChQb3B1cClgXG4gICAgJiA+IC4ke3BvcHVwQmFzZVJvb3RDbGFzc30ge1xuICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIH1cbmA7XG5cbi8qKlxuICog0J7QsdC10YDRgtC60LAg0LTQu9GPINCy0LjQt9GD0LDQu9GM0L3QvtCz0L4g0L/RgNC10LTRgdGC0LDQstC70LXQvdC40Y8g0YPQstC10LTQvtC80LvQtdC90LjQuS5cbiAqL1xuZXhwb3J0IGNvbnN0IE5vdGlmaWNhdGlvbnNQb3J0YWw6IEZDPE5vdGlmaWNhdGlvblBvcnRhbFByb3BzPiA9ICh7IGNvbmZpZywgZnJhbWUgfSkgPT4ge1xuICAgIGNvbnN0IHsgbm90aWZpY2F0aW9ucyB9ID0gdXNlU3RvcmVvbjxOb3RpZmljYXRpb25zU3RhdGUsIE5vdGlmaWNhdGlvbnNFdmVudHM+KCdub3RpZmljYXRpb25zJyk7XG5cbiAgICBjb25zdCBOb3RpZmljYXRpb24gPSB1c2VNZW1vKFxuICAgICAgICAoKSA9PiBjb21wb25lbnQoY29uZmlnKSBhcyBGb3J3YXJkUmVmRXhvdGljQ29tcG9uZW50PE5vdGlmaWNhdGlvblByb3BzICYgUmVmQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4+LFxuICAgICAgICBbXSxcbiAgICApO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPFBvcHVwUHJvdmlkZXI+XG4gICAgICAgICAgICB7bm90aWZpY2F0aW9ucy5sZW5ndGggPiAwICYmIChcbiAgICAgICAgICAgICAgICA8U3R5bGVkUG9wdXAgb3BlbmVkIGZyYW1lPXtmcmFtZX0gcGxhY2VtZW50PVwiYm90dG9tLXJpZ2h0XCIgekluZGV4PVwiOTEwMFwiPlxuICAgICAgICAgICAgICAgICAgICA8U3R5bGVkUm9vdD5cbiAgICAgICAgICAgICAgICAgICAgICAgIHtub3RpZmljYXRpb25zLm1hcCgoeyBpZCwgaXNIaWRkZW4sIC4uLnJlc3QgfSkgPT4gKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxTdHlsZWRJdGVtV3JhcHBlclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBrZXk9e2lkfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2N4KFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaXNIaWRkZW4gPyBjbGFzc2VzLm5vdGlmaWNhdGlvbkl0ZW1IaWRkZW4gOiBjbGFzc2VzLm5vdGlmaWNhdGlvbkl0ZW1PcGVuZWQsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlzSGlkZGVuPXtpc0hpZGRlbiB8fCBmYWxzZX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxOb3RpZmljYXRpb25cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGtleT17aWR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNsb3NlQnV0dG9uQ2xpY2s9eygpID0+IGNsb3NlTm90aWZpY2F0aW9uKGlkKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvU3R5bGVkSXRlbVdyYXBwZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgICAgICAgICAgPC9TdHlsZWRSb290PlxuICAgICAgICAgICAgICAgIDwvU3R5bGVkUG9wdXA+XG4gICAgICAgICAgICApfVxuICAgICAgICA8L1BvcHVwUHJvdmlkZXI+XG4gICAgKTtcbn07XG4iXX0= */"));
|
22
22
|
|
23
23
|
/**
|
24
24
|
* Обертка для визуального представления уведомлений.
|
@@ -32,7 +32,7 @@ export var NotificationsPortal = function NotificationsPortal(_ref) {
|
|
32
32
|
return component(config);
|
33
33
|
}, []);
|
34
34
|
return /*#__PURE__*/React.createElement(PopupProvider, null, notifications.length > 0 && /*#__PURE__*/React.createElement(StyledPopup, {
|
35
|
-
|
35
|
+
opened: true,
|
36
36
|
frame: frame,
|
37
37
|
placement: "bottom-right",
|
38
38
|
zIndex: "9100"
|