@salutejs/plasma-new-hope 0.121.0-dev.0 → 0.122.0-canary.1335.10360300775.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/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/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/Sheet/utils/handleTransition.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/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/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/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/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/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/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/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/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/Sheet/utils/handleTransition.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/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/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/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/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/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/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/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 +7 -3
- package/types/components/Popup/Popup.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/Target.types.d.ts +1 -0
- package/types/components/Select/ui/Target/Target.types.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/Sheet/utils/handleTransition.d.ts +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
@@ -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>
|
@@ -71,7 +71,7 @@ const StoryDefault = ({
|
|
71
71
|
|
72
72
|
return (
|
73
73
|
<DatePicker
|
74
|
-
|
74
|
+
opened={isOpen}
|
75
75
|
size={size}
|
76
76
|
valueError={valueError}
|
77
77
|
valueSuccess={valueSuccess}
|
@@ -177,7 +177,7 @@ const StoryRange = ({
|
|
177
177
|
<DatePickerRange
|
178
178
|
size={size}
|
179
179
|
ref={rangeRef}
|
180
|
-
|
180
|
+
opened={isOpen}
|
181
181
|
firstValueError={firstValueError}
|
182
182
|
firstValueSuccess={firstValueSuccess}
|
183
183
|
secondValueError={secondValueError}
|
@@ -288,7 +288,7 @@ const StoryDeferred = ({
|
|
288
288
|
<h3>Асинхронная установка даты по умолчанию</h3>
|
289
289
|
<DatePicker
|
290
290
|
defaultDate={defVal}
|
291
|
-
|
291
|
+
opened={isOpen}
|
292
292
|
size={size}
|
293
293
|
valueError={valueError}
|
294
294
|
valueSuccess={valueSuccess}
|
@@ -144,7 +144,7 @@ const StoryModalDemo = ({ placement, offsetX, offsetY, ...rest }: StoryModalProp
|
|
144
144
|
frame="theme-root"
|
145
145
|
withAnimation
|
146
146
|
onClose={() => setIsOpenA(false)}
|
147
|
-
|
147
|
+
opened={isOpenA}
|
148
148
|
placement={placement}
|
149
149
|
offset={[offsetX, offsetY]}
|
150
150
|
{...rest}
|
@@ -158,7 +158,7 @@ const StoryModalDemo = ({ placement, offsetX, offsetY, ...rest }: StoryModalProp
|
|
158
158
|
id="modalB"
|
159
159
|
frame="theme-root"
|
160
160
|
onClose={() => setIsOpenB(false)}
|
161
|
-
|
161
|
+
opened={isOpenB}
|
162
162
|
placement="left"
|
163
163
|
offset={[offsetX, offsetY]}
|
164
164
|
{...rest}
|
@@ -174,7 +174,7 @@ const StoryModalDemo = ({ placement, offsetX, offsetY, ...rest }: StoryModalProp
|
|
174
174
|
id="modalC"
|
175
175
|
frame="theme-root"
|
176
176
|
onClose={() => setIsOpenC(false)}
|
177
|
-
|
177
|
+
opened={isOpenC}
|
178
178
|
placement="top"
|
179
179
|
offset={[offsetX, offsetY]}
|
180
180
|
{...rest}
|
@@ -289,7 +289,7 @@ const StoryModalAnimationDemo = ({ placement, offsetX, offsetY, ...rest }: Story
|
|
289
289
|
frame="theme-root"
|
290
290
|
withAnimation
|
291
291
|
onClose={() => setIsOpen(false)}
|
292
|
-
|
292
|
+
opened={isOpen}
|
293
293
|
placement={placement}
|
294
294
|
offset={[offsetX, offsetY]}
|
295
295
|
initialFocusRef={ref}
|
@@ -160,7 +160,7 @@ const StoryWithModal = ({ timeout }: StoryWithModalProps) => {
|
|
160
160
|
<NotificationsProvider>
|
161
161
|
<PopupProvider>
|
162
162
|
<Button text="Open modal" onClick={() => setIsModalOpen(true)} />
|
163
|
-
<Modal frame="theme-root"
|
163
|
+
<Modal frame="theme-root" opened={isModalOpen} onClose={() => setIsModalOpen(false)}>
|
164
164
|
<div>Hello!</div>
|
165
165
|
<Button view="primary" text="Add notification" onClick={handleClick} />
|
166
166
|
</Modal>
|
@@ -138,7 +138,7 @@ const StoryPopupDemo = ({ placement, offsetX, offsetY }: StoryPopupProps) => {
|
|
138
138
|
id="popupA"
|
139
139
|
frame={ref}
|
140
140
|
withAnimation
|
141
|
-
|
141
|
+
opened={isOpenA}
|
142
142
|
placement={placement}
|
143
143
|
offset={[offsetX, offsetY]}
|
144
144
|
>
|
@@ -154,7 +154,7 @@ const StoryPopupDemo = ({ placement, offsetX, offsetY }: StoryPopupProps) => {
|
|
154
154
|
id="popupB"
|
155
155
|
frame="theme-root"
|
156
156
|
withAnimation
|
157
|
-
|
157
|
+
opened={isOpenB}
|
158
158
|
placement={placement}
|
159
159
|
offset={[offsetX, offsetY]}
|
160
160
|
>
|
@@ -194,7 +194,7 @@ const StoryComplex = ({
|
|
194
194
|
<NotificationsProvider>
|
195
195
|
<PopupProvider>
|
196
196
|
<Button text="Открыть модальное окно" onClick={() => setIsModalOpen(true)} />
|
197
|
-
<Modal frame="theme-root"
|
197
|
+
<Modal frame="theme-root" opened={isModalOpen} onClose={() => setIsModalOpen(false)}>
|
198
198
|
<div>Hello!</div>
|
199
199
|
<Button view="default" text="Add notification" onClick={handleShowNotification} />
|
200
200
|
</Modal>
|
@@ -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>
|
@@ -143,7 +143,7 @@ const StoryModalDemo = ({ placement, offsetX, offsetY, ...rest }: StoryModalProp
|
|
143
143
|
frame="theme-root"
|
144
144
|
withAnimation
|
145
145
|
onClose={() => setIsOpenA(false)}
|
146
|
-
|
146
|
+
opened={isOpenA}
|
147
147
|
placement={placement}
|
148
148
|
offset={[offsetX, offsetY]}
|
149
149
|
{...rest}
|
@@ -157,7 +157,7 @@ const StoryModalDemo = ({ placement, offsetX, offsetY, ...rest }: StoryModalProp
|
|
157
157
|
id="modalB"
|
158
158
|
frame="theme-root"
|
159
159
|
onClose={() => setIsOpenB(false)}
|
160
|
-
|
160
|
+
opened={isOpenB}
|
161
161
|
placement="left"
|
162
162
|
offset={[offsetX, offsetY]}
|
163
163
|
{...rest}
|
@@ -173,7 +173,7 @@ const StoryModalDemo = ({ placement, offsetX, offsetY, ...rest }: StoryModalProp
|
|
173
173
|
id="modalC"
|
174
174
|
frame="theme-root"
|
175
175
|
onClose={() => setIsOpenC(false)}
|
176
|
-
|
176
|
+
opened={isOpenC}
|
177
177
|
placement="top"
|
178
178
|
offset={[offsetX, offsetY]}
|
179
179
|
{...rest}
|
@@ -142,7 +142,7 @@ const StoryWithModal = ({ timeout }: StoryWithModalProps) => {
|
|
142
142
|
<NotificationsProvider>
|
143
143
|
<PopupProvider>
|
144
144
|
<Button text="Open modal" onClick={() => setIsModalOpen(true)} />
|
145
|
-
<Modal frame="theme-root"
|
145
|
+
<Modal frame="theme-root" opened={isModalOpen} onClose={() => setIsModalOpen(false)}>
|
146
146
|
<div>Hello!</div>
|
147
147
|
<Button view="primary" text="Add notification" onClick={handleClick} />
|
148
148
|
</Modal>
|
@@ -138,7 +138,7 @@ const StoryPopupDemo = ({ placement, offsetX, offsetY }: StoryPopupProps) => {
|
|
138
138
|
id="popupA"
|
139
139
|
frame={ref}
|
140
140
|
withAnimation
|
141
|
-
|
141
|
+
opened={isOpenA}
|
142
142
|
placement={placement}
|
143
143
|
offset={[offsetX, offsetY]}
|
144
144
|
>
|
@@ -154,7 +154,7 @@ const StoryPopupDemo = ({ placement, offsetX, offsetY }: StoryPopupProps) => {
|
|
154
154
|
id="popupB"
|
155
155
|
frame="theme-root"
|
156
156
|
withAnimation
|
157
|
-
|
157
|
+
opened={isOpenB}
|
158
158
|
placement={placement}
|
159
159
|
offset={[offsetX, offsetY]}
|
160
160
|
>
|
@@ -194,7 +194,7 @@ const StoryComplex = ({
|
|
194
194
|
<NotificationsProvider>
|
195
195
|
<PopupProvider>
|
196
196
|
<Button text="Открыть модальное окно" onClick={() => setIsModalOpen(true)} />
|
197
|
-
<Modal frame="theme-root"
|
197
|
+
<Modal frame="theme-root" opened={isModalOpen} onClose={() => setIsModalOpen(false)}>
|
198
198
|
<div>Hello!</div>
|
199
199
|
<Button view="default" text="Add notification" onClick={handleShowNotification} />
|
200
200
|
</Modal>
|
@@ -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>
|
@@ -112,7 +112,7 @@ var autocompleteRoot = function autocompleteRoot(Root) {
|
|
112
112
|
disabled: disabled,
|
113
113
|
readOnly: readOnly
|
114
114
|
}, /*#__PURE__*/React.createElement(StyledPopover, {
|
115
|
-
|
115
|
+
opened: isOpen,
|
116
116
|
offset: [0, 0],
|
117
117
|
placement: getPlacements('bottom'),
|
118
118
|
isFocusTrapped: false,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Autocomplete.js","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import React, { forwardRef, useState, useReducer } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport { useDidMountEffect, useOutsideClick } from '../../hooks';\nimport { RootProps } from '../../engines';\nimport { getPlacements } from '../../utils';\n\nimport { focusedReducer } from './reducers/focusedReducer';\nimport { SuggestionItem, StyledTextField } from './ui';\nimport { StyledPopover, Ul, LeftHelper, base, InfiniteLoaderWrapper } from './Autocomplete.styles';\nimport type { AutocompleteProps, SuggestionItemType } from './Autocomplete.types';\nimport { useKeyNavigation } from './hooks/useKeyboardNavigation';\n\n/**\n * Компонент Autocomplete. Поле ввода с подсказками в выпадающем списке.\n */\nexport const autocompleteRoot = (Root: RootProps<HTMLInputElement, AutocompleteProps>) =>\n forwardRef<HTMLInputElement, AutocompleteProps>(\n (\n {\n value: outerValue,\n onChange,\n suggestions,\n view,\n size,\n labelPlacement,\n disabled,\n readOnly,\n label,\n leftHelper,\n contentLeft,\n contentRight,\n textBefore,\n textAfter,\n onScroll,\n listMaxHeight,\n listWidth,\n portal,\n filter,\n onSuggestionSelect,\n threshold = 2,\n renderList,\n renderListEnd,\n onSearch,\n ...rest\n },\n ref,\n ) => {\n const [focused, dispatchFocused] = useReducer(focusedReducer, null);\n const [innerValue, setInnerValue] = useState<string | number>('');\n const [isOpen, setIsOpen] = useState(false);\n\n const listId = safeUseId();\n const value = outerValue || innerValue;\n const helperTextId = safeUseId();\n\n const targetRef = useOutsideClick<HTMLDivElement>(() => {\n setIsOpen(false);\n });\n\n const handleFocus = () => {\n if (value.toString().length >= threshold) {\n setIsOpen(true);\n }\n };\n\n const handleItemClick = (e: SuggestionItemType) => {\n setInnerValue(e.label);\n\n if (onSuggestionSelect) {\n onSuggestionSelect(e);\n }\n\n setIsOpen(false);\n };\n\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n const currentValue = e.target.value;\n\n setInnerValue(currentValue);\n\n if (onChange) {\n onChange(e);\n }\n\n if (currentValue.toString().length >= threshold) {\n setIsOpen(true);\n } else {\n setIsOpen(false);\n }\n };\n\n const defaultFilterCallback = ({ label }: { label: string }) => {\n return label.toLowerCase().includes(value.toString().toLowerCase());\n };\n\n const finalResults = suggestions?.filter(filter || defaultFilterCallback) || [];\n\n const { onKeyDown } = useKeyNavigation({\n isOpen,\n setIsOpen,\n focused,\n dispatchFocused,\n finalResults,\n handleItemClick,\n });\n\n useDidMountEffect(() => {\n dispatchFocused({ type: 'reset' });\n }, [value]);\n\n return (\n <Root view={view} size={size} labelPlacement={labelPlacement} disabled={disabled} readOnly={readOnly}>\n <StyledPopover\n isOpen={isOpen}\n offset={[0, 0]}\n placement={getPlacements('bottom')}\n isFocusTrapped={false}\n usePortal={Boolean(portal)}\n frame={portal}\n target={\n <StyledTextField\n value={value}\n onChange={handleChange}\n onSearch={focused === null ? onSearch : undefined}\n ref={ref}\n size={size}\n view={view}\n labelPlacement={labelPlacement}\n disabled={disabled}\n readOnly={readOnly}\n label={label}\n contentLeft={contentLeft}\n contentRight={contentRight}\n textBefore={textBefore}\n textAfter={textAfter}\n onFocus={handleFocus}\n onKeyDown={onKeyDown}\n role=\"combobox\"\n aria-autocomplete=\"list\"\n aria-controls={listId}\n aria-expanded={isOpen}\n aria-activedescendant={`${listId}/${focused}`}\n aria-describedby={helperTextId}\n {...rest}\n />\n }\n preventOverflow={false}\n ref={targetRef}\n listWidth={listWidth}\n >\n {(renderList && renderList(finalResults)) ||\n (Boolean(finalResults.length) && (\n <Root\n view={view}\n size={size}\n labelPlacement={labelPlacement}\n disabled={disabled}\n readOnly={readOnly}\n >\n <Ul\n id={listId}\n role=\"listbox\"\n aria-label={label}\n onScroll={onScroll}\n listMaxHeight={listMaxHeight}\n >\n {finalResults.map((suggestion, index) => (\n <SuggestionItem\n key={index}\n item={suggestion}\n onClick={handleItemClick}\n id={`${listId}/${index}`}\n focused={focused === index}\n />\n ))}\n\n {renderListEnd && (\n <InfiniteLoaderWrapper>{renderListEnd()}</InfiniteLoaderWrapper>\n )}\n </Ul>\n </Root>\n ))}\n </StyledPopover>\n\n {/* TODO: Дублируем хелпер для корректного позиционирования списка подсказок */}\n {leftHelper && (\n <LeftHelper id={helperTextId} disabled={disabled} readOnly={readOnly}>\n {leftHelper}\n </LeftHelper>\n )}\n </Root>\n );\n },\n );\n\nexport const autocompleteConfig = {\n name: 'Autocomplete',\n tag: 'div',\n layout: autocompleteRoot,\n base,\n defaults: {\n view: 'default',\n size: 'l',\n labelPlacement: 'outer',\n },\n variations: {\n view: {\n css: '',\n },\n },\n};\n"],"names":["autocompleteRoot","Root","forwardRef","_ref","ref","outerValue","value","onChange","suggestions","view","size","labelPlacement","disabled","readOnly","label","leftHelper","contentLeft","contentRight","textBefore","textAfter","onScroll","listMaxHeight","listWidth","portal","filter","onSuggestionSelect","_ref$threshold","threshold","renderList","renderListEnd","onSearch","rest","_objectWithoutProperties","_excluded","_useReducer","useReducer","focusedReducer","_useReducer2","_slicedToArray","focused","dispatchFocused","_useState","useState","_useState2","innerValue","setInnerValue","_useState3","_useState4","isOpen","setIsOpen","listId","safeUseId","helperTextId","targetRef","useOutsideClick","handleFocus","toString","length","handleItemClick","e","handleChange","currentValue","target","defaultFilterCallback","_ref2","toLowerCase","includes","finalResults","_useKeyNavigation","useKeyNavigation","onKeyDown","useDidMountEffect","type","React","createElement","StyledPopover","offset","placement","getPlacements","isFocusTrapped","usePortal","Boolean","frame","StyledTextField","_extends","undefined","onFocus","role","concat","preventOverflow","Ul","id","map","suggestion","index","SuggestionItem","key","item","onClick","InfiniteLoaderWrapper","LeftHelper","autocompleteConfig","name","tag","layout","base","defaults","variations","css"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"Autocomplete.js","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import React, { forwardRef, useState, useReducer } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport { useDidMountEffect, useOutsideClick } from '../../hooks';\nimport { RootProps } from '../../engines';\nimport { getPlacements } from '../../utils';\n\nimport { focusedReducer } from './reducers/focusedReducer';\nimport { SuggestionItem, StyledTextField } from './ui';\nimport { StyledPopover, Ul, LeftHelper, base, InfiniteLoaderWrapper } from './Autocomplete.styles';\nimport type { AutocompleteProps, SuggestionItemType } from './Autocomplete.types';\nimport { useKeyNavigation } from './hooks/useKeyboardNavigation';\n\n/**\n * Компонент Autocomplete. Поле ввода с подсказками в выпадающем списке.\n */\nexport const autocompleteRoot = (Root: RootProps<HTMLInputElement, AutocompleteProps>) =>\n forwardRef<HTMLInputElement, AutocompleteProps>(\n (\n {\n value: outerValue,\n onChange,\n suggestions,\n view,\n size,\n labelPlacement,\n disabled,\n readOnly,\n label,\n leftHelper,\n contentLeft,\n contentRight,\n textBefore,\n textAfter,\n onScroll,\n listMaxHeight,\n listWidth,\n portal,\n filter,\n onSuggestionSelect,\n threshold = 2,\n renderList,\n renderListEnd,\n onSearch,\n ...rest\n },\n ref,\n ) => {\n const [focused, dispatchFocused] = useReducer(focusedReducer, null);\n const [innerValue, setInnerValue] = useState<string | number>('');\n const [isOpen, setIsOpen] = useState(false);\n\n const listId = safeUseId();\n const value = outerValue || innerValue;\n const helperTextId = safeUseId();\n\n const targetRef = useOutsideClick<HTMLDivElement>(() => {\n setIsOpen(false);\n });\n\n const handleFocus = () => {\n if (value.toString().length >= threshold) {\n setIsOpen(true);\n }\n };\n\n const handleItemClick = (e: SuggestionItemType) => {\n setInnerValue(e.label);\n\n if (onSuggestionSelect) {\n onSuggestionSelect(e);\n }\n\n setIsOpen(false);\n };\n\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n const currentValue = e.target.value;\n\n setInnerValue(currentValue);\n\n if (onChange) {\n onChange(e);\n }\n\n if (currentValue.toString().length >= threshold) {\n setIsOpen(true);\n } else {\n setIsOpen(false);\n }\n };\n\n const defaultFilterCallback = ({ label }: { label: string }) => {\n return label.toLowerCase().includes(value.toString().toLowerCase());\n };\n\n const finalResults = suggestions?.filter(filter || defaultFilterCallback) || [];\n\n const { onKeyDown } = useKeyNavigation({\n isOpen,\n setIsOpen,\n focused,\n dispatchFocused,\n finalResults,\n handleItemClick,\n });\n\n useDidMountEffect(() => {\n dispatchFocused({ type: 'reset' });\n }, [value]);\n\n return (\n <Root view={view} size={size} labelPlacement={labelPlacement} disabled={disabled} readOnly={readOnly}>\n <StyledPopover\n opened={isOpen}\n offset={[0, 0]}\n placement={getPlacements('bottom')}\n isFocusTrapped={false}\n usePortal={Boolean(portal)}\n frame={portal}\n target={\n <StyledTextField\n value={value}\n onChange={handleChange}\n onSearch={focused === null ? onSearch : undefined}\n ref={ref}\n size={size}\n view={view}\n labelPlacement={labelPlacement}\n disabled={disabled}\n readOnly={readOnly}\n label={label}\n contentLeft={contentLeft}\n contentRight={contentRight}\n textBefore={textBefore}\n textAfter={textAfter}\n onFocus={handleFocus}\n onKeyDown={onKeyDown}\n role=\"combobox\"\n aria-autocomplete=\"list\"\n aria-controls={listId}\n aria-expanded={isOpen}\n aria-activedescendant={`${listId}/${focused}`}\n aria-describedby={helperTextId}\n {...rest}\n />\n }\n preventOverflow={false}\n ref={targetRef}\n listWidth={listWidth}\n >\n {(renderList && renderList(finalResults)) ||\n (Boolean(finalResults.length) && (\n <Root\n view={view}\n size={size}\n labelPlacement={labelPlacement}\n disabled={disabled}\n readOnly={readOnly}\n >\n <Ul\n id={listId}\n role=\"listbox\"\n aria-label={label}\n onScroll={onScroll}\n listMaxHeight={listMaxHeight}\n >\n {finalResults.map((suggestion, index) => (\n <SuggestionItem\n key={index}\n item={suggestion}\n onClick={handleItemClick}\n id={`${listId}/${index}`}\n focused={focused === index}\n />\n ))}\n\n {renderListEnd && (\n <InfiniteLoaderWrapper>{renderListEnd()}</InfiniteLoaderWrapper>\n )}\n </Ul>\n </Root>\n ))}\n </StyledPopover>\n\n {/* TODO: Дублируем хелпер для корректного позиционирования списка подсказок */}\n {leftHelper && (\n <LeftHelper id={helperTextId} disabled={disabled} readOnly={readOnly}>\n {leftHelper}\n </LeftHelper>\n )}\n </Root>\n );\n },\n );\n\nexport const autocompleteConfig = {\n name: 'Autocomplete',\n tag: 'div',\n layout: autocompleteRoot,\n base,\n defaults: {\n view: 'default',\n size: 'l',\n labelPlacement: 'outer',\n },\n variations: {\n view: {\n css: '',\n },\n },\n};\n"],"names":["autocompleteRoot","Root","forwardRef","_ref","ref","outerValue","value","onChange","suggestions","view","size","labelPlacement","disabled","readOnly","label","leftHelper","contentLeft","contentRight","textBefore","textAfter","onScroll","listMaxHeight","listWidth","portal","filter","onSuggestionSelect","_ref$threshold","threshold","renderList","renderListEnd","onSearch","rest","_objectWithoutProperties","_excluded","_useReducer","useReducer","focusedReducer","_useReducer2","_slicedToArray","focused","dispatchFocused","_useState","useState","_useState2","innerValue","setInnerValue","_useState3","_useState4","isOpen","setIsOpen","listId","safeUseId","helperTextId","targetRef","useOutsideClick","handleFocus","toString","length","handleItemClick","e","handleChange","currentValue","target","defaultFilterCallback","_ref2","toLowerCase","includes","finalResults","_useKeyNavigation","useKeyNavigation","onKeyDown","useDidMountEffect","type","React","createElement","StyledPopover","opened","offset","placement","getPlacements","isFocusTrapped","usePortal","Boolean","frame","StyledTextField","_extends","undefined","onFocus","role","concat","preventOverflow","Ul","id","map","suggestion","index","SuggestionItem","key","item","onClick","InfiniteLoaderWrapper","LeftHelper","autocompleteConfig","name","tag","layout","base","defaults","variations","css"],"mappings":"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"}
|
@@ -76,8 +76,8 @@ var comboboxRoot = function comboboxRoot(Root) {
|
|
76
76
|
};
|
77
77
|
var _useState3 = useState(opened),
|
78
78
|
_useState4 = _slicedToArray(_useState3, 2),
|
79
|
-
|
80
|
-
|
79
|
+
isVisible = _useState4[0],
|
80
|
+
setIsVisible = _useState4[1];
|
81
81
|
var _useState5 = useState(''),
|
82
82
|
_useState6 = _slicedToArray(_useState5, 2),
|
83
83
|
search = _useState6[0],
|
@@ -100,7 +100,7 @@ var comboboxRoot = function comboboxRoot(Root) {
|
|
100
100
|
if (disabled || readOnly) {
|
101
101
|
return;
|
102
102
|
}
|
103
|
-
|
103
|
+
setIsVisible(opened);
|
104
104
|
}, [opened, disabled, readOnly]);
|
105
105
|
useEffect(function () {
|
106
106
|
// INFO: Для кейсов, когда значение выбрано и нужно вывести весь список
|
@@ -114,14 +114,14 @@ var comboboxRoot = function comboboxRoot(Root) {
|
|
114
114
|
}
|
115
115
|
|
116
116
|
// INFO: Для кейсов, когда значение выбрано и нужно вывести весь список
|
117
|
-
if (!
|
117
|
+
if (!isVisible) {
|
118
118
|
setFilterValue('');
|
119
119
|
}
|
120
120
|
if (onToggle) {
|
121
121
|
onToggle(openValue, event);
|
122
122
|
return;
|
123
123
|
}
|
124
|
-
|
124
|
+
setIsVisible(openValue);
|
125
125
|
};
|
126
126
|
var closedWithoutChanges = useRef(true);
|
127
127
|
var updateValue = function updateValue(item, event) {
|
@@ -153,7 +153,7 @@ var comboboxRoot = function comboboxRoot(Root) {
|
|
153
153
|
};
|
154
154
|
var _useKeyNavigation = useKeyNavigation({
|
155
155
|
controlledRefs: controlledRefs,
|
156
|
-
opened:
|
156
|
+
opened: isVisible,
|
157
157
|
enumerationType: enumerationType,
|
158
158
|
valueType: valueType,
|
159
159
|
componentType: 'combobox',
|
@@ -173,7 +173,7 @@ var comboboxRoot = function comboboxRoot(Root) {
|
|
173
173
|
var onSearch = function onSearch(newSearch, newOpened) {
|
174
174
|
setSearch(newSearch);
|
175
175
|
setFilterValue(newSearch);
|
176
|
-
|
176
|
+
setIsVisible(newOpened !== null && newOpened !== void 0 ? newOpened : true);
|
177
177
|
};
|
178
178
|
var onKeyDownHandle = function onKeyDownHandle(event) {
|
179
179
|
onKeyDown === null || onKeyDown === void 0 || onKeyDown(event);
|
@@ -192,10 +192,10 @@ var comboboxRoot = function comboboxRoot(Root) {
|
|
192
192
|
disabled: disabled || readOnly
|
193
193
|
}), /*#__PURE__*/React.createElement(StyledPopover, {
|
194
194
|
role: role,
|
195
|
-
|
195
|
+
opened: isVisible,
|
196
196
|
onToggle: onInnerToggle,
|
197
197
|
target: /*#__PURE__*/React.createElement(ComboboxTarget, _extends({
|
198
|
-
opened:
|
198
|
+
opened: isVisible,
|
199
199
|
values: values,
|
200
200
|
label: label,
|
201
201
|
placeholder: placeholder,
|