@salutejs/plasma-new-hope 0.109.1-canary.1301.10056808859.0 → 0.109.1-dev.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Accordion/Accordion.js +1 -1
- package/cjs/components/Accordion/Accordion.js.map +1 -1
- package/cjs/components/Accordion/Accordion.tokens.js +1 -4
- package/cjs/components/Accordion/Accordion.tokens.js.map +1 -1
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +9 -16
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js.map +1 -1
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +4 -4
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
- package/cjs/components/Accordion/utils/index.js +3 -4
- package/cjs/components/Accordion/utils/index.js.map +1 -1
- package/cjs/components/Autocomplete/Autocomplete.css +60 -0
- package/cjs/components/Autocomplete/Autocomplete.js +189 -0
- package/cjs/components/Autocomplete/Autocomplete.js.map +1 -0
- package/cjs/components/Autocomplete/Autocomplete.styles.js +78 -0
- package/cjs/components/Autocomplete/Autocomplete.styles.js.map +1 -0
- package/cjs/components/Autocomplete/Autocomplete.styles_4wbmok.css +5 -0
- package/cjs/components/Autocomplete/Autocomplete.tokens.js +93 -0
- package/cjs/components/Autocomplete/Autocomplete.tokens.js.map +1 -0
- package/cjs/components/Autocomplete/hooks/useKeyboardNavigation.js +112 -0
- package/cjs/components/Autocomplete/hooks/useKeyboardNavigation.js.map +1 -0
- package/cjs/components/Autocomplete/reducers/focusedReducer.js +47 -0
- package/cjs/components/Autocomplete/reducers/focusedReducer.js.map +1 -0
- package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.css +2 -0
- package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +41 -0
- package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js.map +1 -0
- package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +21 -0
- package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js.map +1 -0
- package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles_lpdinw.css +2 -0
- package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +23 -0
- package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js.map +1 -0
- package/cjs/components/Autocomplete/ui/TextField/TextField.styles_sx1sq7.css +1 -0
- package/cjs/components/EmptyState/EmptyState.css +30 -0
- package/cjs/components/EmptyState/EmptyState.js +39 -0
- package/cjs/components/EmptyState/EmptyState.js.map +1 -0
- package/cjs/components/EmptyState/EmptyState.styles.js +41 -0
- package/cjs/components/EmptyState/EmptyState.styles.js.map +1 -0
- package/cjs/components/EmptyState/EmptyState.styles_1o24i5h.css +4 -0
- package/cjs/components/EmptyState/EmptyState.tokens.js +21 -0
- package/cjs/components/EmptyState/EmptyState.tokens.js.map +1 -0
- package/cjs/components/TextField/TextField.js +2 -2
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/hooks/useOutsideClick.js +26 -0
- package/cjs/hooks/useOutsideClick.js.map +1 -0
- package/cjs/index.css +16 -0
- package/cjs/index.js +12 -0
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/Accordion/Accordion.js +1 -1
- package/emotion/cjs/components/Accordion/Accordion.tokens.js +1 -4
- package/emotion/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +7 -19
- package/emotion/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +4 -4
- package/emotion/cjs/components/Accordion/utils/index.js +3 -4
- package/emotion/cjs/components/Autocomplete/Autocomplete.js +193 -0
- package/emotion/cjs/components/Autocomplete/Autocomplete.styles.js +43 -0
- package/emotion/cjs/components/Autocomplete/Autocomplete.tokens.js +91 -0
- package/emotion/cjs/components/Autocomplete/Autocomplete.types.js +5 -0
- package/emotion/cjs/components/Autocomplete/hooks/useKeyboardNavigation.js +114 -0
- package/emotion/cjs/components/Autocomplete/index.js +25 -0
- package/emotion/cjs/components/Autocomplete/reducers/focusedReducer.js +46 -0
- package/emotion/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +42 -0
- package/emotion/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +25 -0
- package/emotion/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.js +5 -0
- package/emotion/cjs/components/Autocomplete/ui/TextField/TextField.js +12 -0
- package/emotion/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +17 -0
- package/emotion/cjs/components/Autocomplete/ui/index.js +27 -0
- package/emotion/cjs/components/EmptyState/EmptyState.js +39 -0
- package/emotion/cjs/components/EmptyState/EmptyState.styles.js +29 -0
- package/emotion/cjs/components/EmptyState/EmptyState.tokens.js +20 -0
- package/emotion/cjs/components/EmptyState/EmptyState.types.js +5 -0
- package/emotion/cjs/components/EmptyState/index.js +25 -0
- package/emotion/cjs/components/TextField/TextField.js +3 -3
- package/emotion/cjs/examples/plasma_b2c/components/Accordion/Accordion.config.js +6 -6
- package/emotion/cjs/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +3 -5
- package/emotion/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +39 -0
- package/emotion/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.js +11 -0
- package/emotion/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.stories.tsx +134 -0
- package/emotion/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +5 -5
- package/emotion/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.config.js +21 -0
- package/emotion/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.js +11 -0
- package/emotion/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.stories.tsx +44 -0
- package/emotion/cjs/examples/plasma_b2c/components/Overlay/Overlay.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_web/components/Accordion/Accordion.config.js +8 -8
- package/emotion/cjs/examples/plasma_web/components/Accordion/Accordion.stories.tsx +4 -6
- package/emotion/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +39 -0
- package/emotion/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.js +11 -0
- package/emotion/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.stories.tsx +134 -0
- package/emotion/cjs/examples/plasma_web/components/Dropdown/Dropdown.config.js +5 -5
- package/emotion/cjs/examples/plasma_web/components/EmptyState/EmptyState.config.js +21 -0
- package/emotion/cjs/examples/plasma_web/components/EmptyState/EmptyState.js +11 -0
- package/emotion/cjs/examples/plasma_web/components/EmptyState/EmptyState.stories.tsx +44 -0
- package/emotion/cjs/examples/plasma_web/components/Overlay/Overlay.stories.tsx +1 -1
- package/emotion/cjs/examples/sds_engineer/components/Overlay/Overlay.stories.tsx +1 -1
- package/emotion/cjs/hooks/index.js +7 -0
- package/emotion/cjs/hooks/useOutsideClick.js +24 -0
- package/emotion/cjs/index.js +22 -0
- package/emotion/es/components/Accordion/Accordion.js +1 -1
- package/emotion/es/components/Accordion/Accordion.tokens.js +1 -4
- package/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.js +7 -20
- package/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +4 -4
- package/emotion/es/components/Accordion/utils/index.js +3 -4
- package/emotion/es/components/Autocomplete/Autocomplete.js +185 -0
- package/emotion/es/components/Autocomplete/Autocomplete.styles.js +36 -0
- package/emotion/es/components/Autocomplete/Autocomplete.tokens.js +85 -0
- package/emotion/es/components/Autocomplete/Autocomplete.types.js +1 -0
- package/emotion/es/components/Autocomplete/hooks/useKeyboardNavigation.js +108 -0
- package/emotion/es/components/Autocomplete/index.js +2 -0
- package/emotion/es/components/Autocomplete/reducers/focusedReducer.js +40 -0
- package/emotion/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +33 -0
- package/emotion/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +18 -0
- package/emotion/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.js +1 -0
- package/emotion/es/components/Autocomplete/ui/TextField/TextField.js +1 -0
- package/emotion/es/components/Autocomplete/ui/TextField/TextField.styles.js +10 -0
- package/emotion/es/components/Autocomplete/ui/index.js +2 -0
- package/emotion/es/components/EmptyState/EmptyState.js +31 -0
- package/emotion/es/components/EmptyState/EmptyState.styles.js +22 -0
- package/emotion/es/components/EmptyState/EmptyState.tokens.js +14 -0
- package/emotion/es/components/EmptyState/EmptyState.types.js +1 -0
- package/emotion/es/components/EmptyState/index.js +2 -0
- package/emotion/es/components/TextField/TextField.js +3 -3
- package/emotion/es/examples/plasma_b2c/components/Accordion/Accordion.config.js +6 -6
- package/emotion/es/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +3 -5
- package/emotion/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +33 -0
- package/emotion/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.js +5 -0
- package/emotion/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.stories.tsx +134 -0
- package/emotion/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +5 -5
- package/emotion/es/examples/plasma_b2c/components/EmptyState/EmptyState.config.js +15 -0
- package/emotion/es/examples/plasma_b2c/components/EmptyState/EmptyState.js +5 -0
- package/emotion/es/examples/plasma_b2c/components/EmptyState/EmptyState.stories.tsx +44 -0
- package/emotion/es/examples/plasma_b2c/components/Overlay/Overlay.stories.tsx +1 -1
- package/emotion/es/examples/plasma_web/components/Accordion/Accordion.config.js +8 -8
- package/emotion/es/examples/plasma_web/components/Accordion/Accordion.stories.tsx +4 -6
- package/emotion/es/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +33 -0
- package/emotion/es/examples/plasma_web/components/Autocomplete/Autocomplete.js +5 -0
- package/emotion/es/examples/plasma_web/components/Autocomplete/Autocomplete.stories.tsx +134 -0
- package/emotion/es/examples/plasma_web/components/Dropdown/Dropdown.config.js +5 -5
- package/emotion/es/examples/plasma_web/components/EmptyState/EmptyState.config.js +15 -0
- package/emotion/es/examples/plasma_web/components/EmptyState/EmptyState.js +5 -0
- package/emotion/es/examples/plasma_web/components/EmptyState/EmptyState.stories.tsx +44 -0
- package/emotion/es/examples/plasma_web/components/Overlay/Overlay.stories.tsx +1 -1
- package/emotion/es/examples/sds_engineer/components/Overlay/Overlay.stories.tsx +1 -1
- package/emotion/es/hooks/index.js +1 -0
- package/emotion/es/hooks/useOutsideClick.js +18 -0
- package/emotion/es/index.js +3 -1
- package/es/components/Accordion/Accordion.js +1 -1
- package/es/components/Accordion/Accordion.js.map +1 -1
- package/es/components/Accordion/Accordion.tokens.js +1 -4
- package/es/components/Accordion/Accordion.tokens.js.map +1 -1
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.js +8 -15
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.js.map +1 -1
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +4 -4
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
- package/es/components/Accordion/utils/index.js +3 -4
- package/es/components/Accordion/utils/index.js.map +1 -1
- package/es/components/Autocomplete/Autocomplete.css +60 -0
- package/es/components/Autocomplete/Autocomplete.js +184 -0
- package/es/components/Autocomplete/Autocomplete.js.map +1 -0
- package/es/components/Autocomplete/Autocomplete.styles.js +70 -0
- package/es/components/Autocomplete/Autocomplete.styles.js.map +1 -0
- package/es/components/Autocomplete/Autocomplete.styles_4wbmok.css +5 -0
- package/es/components/Autocomplete/Autocomplete.tokens.js +88 -0
- package/es/components/Autocomplete/Autocomplete.tokens.js.map +1 -0
- package/es/components/Autocomplete/hooks/useKeyboardNavigation.js +107 -0
- package/es/components/Autocomplete/hooks/useKeyboardNavigation.js.map +1 -0
- package/es/components/Autocomplete/reducers/focusedReducer.js +43 -0
- package/es/components/Autocomplete/reducers/focusedReducer.js.map +1 -0
- package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.css +2 -0
- package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +37 -0
- package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js.map +1 -0
- package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +16 -0
- package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js.map +1 -0
- package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles_lpdinw.css +2 -0
- package/es/components/Autocomplete/ui/TextField/TextField.styles.js +19 -0
- package/es/components/Autocomplete/ui/TextField/TextField.styles.js.map +1 -0
- package/es/components/Autocomplete/ui/TextField/TextField.styles_sx1sq7.css +1 -0
- package/es/components/EmptyState/EmptyState.css +30 -0
- package/es/components/EmptyState/EmptyState.js +34 -0
- package/es/components/EmptyState/EmptyState.js.map +1 -0
- package/es/components/EmptyState/EmptyState.styles.js +34 -0
- package/es/components/EmptyState/EmptyState.styles.js.map +1 -0
- package/es/components/EmptyState/EmptyState.styles_1o24i5h.css +4 -0
- package/es/components/EmptyState/EmptyState.tokens.js +17 -0
- package/es/components/EmptyState/EmptyState.tokens.js.map +1 -0
- package/es/components/TextField/TextField.js +2 -2
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/hooks/useOutsideClick.js +22 -0
- package/es/hooks/useOutsideClick.js.map +1 -0
- package/es/index.css +16 -0
- package/es/index.js +5 -0
- package/es/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Accordion/Accordion.js +1 -1
- package/styled-components/cjs/components/Accordion/Accordion.tokens.js +1 -4
- package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +7 -19
- package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +4 -4
- package/styled-components/cjs/components/Accordion/utils/index.js +3 -4
- package/styled-components/cjs/components/Autocomplete/Autocomplete.js +193 -0
- package/styled-components/cjs/components/Autocomplete/Autocomplete.styles.js +40 -0
- package/styled-components/cjs/components/Autocomplete/Autocomplete.tokens.js +91 -0
- package/styled-components/cjs/components/Autocomplete/Autocomplete.types.js +5 -0
- package/styled-components/cjs/components/Autocomplete/hooks/useKeyboardNavigation.js +114 -0
- package/styled-components/cjs/components/Autocomplete/index.js +25 -0
- package/styled-components/cjs/components/Autocomplete/reducers/focusedReducer.js +46 -0
- package/styled-components/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +42 -0
- package/styled-components/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +23 -0
- package/styled-components/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.js +5 -0
- package/styled-components/cjs/components/Autocomplete/ui/TextField/TextField.js +12 -0
- package/styled-components/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +16 -0
- package/styled-components/cjs/components/Autocomplete/ui/index.js +27 -0
- package/styled-components/cjs/components/EmptyState/EmptyState.js +39 -0
- package/styled-components/cjs/components/EmptyState/EmptyState.styles.js +25 -0
- package/styled-components/cjs/components/EmptyState/EmptyState.tokens.js +20 -0
- package/styled-components/cjs/components/EmptyState/EmptyState.types.js +5 -0
- package/styled-components/cjs/components/EmptyState/index.js +25 -0
- package/styled-components/cjs/components/TextField/TextField.js +2 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Accordion/Accordion.config.js +2 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +3 -5
- package/styled-components/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +39 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.js +11 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.stories.tsx +134 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.config.js +21 -0
- package/styled-components/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.js +11 -0
- package/styled-components/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.stories.tsx +44 -0
- package/styled-components/cjs/examples/plasma_web/components/Accordion/Accordion.config.js +2 -2
- package/styled-components/cjs/examples/plasma_web/components/Accordion/Accordion.stories.tsx +4 -6
- package/styled-components/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +39 -0
- package/styled-components/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.js +11 -0
- package/styled-components/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.stories.tsx +134 -0
- package/styled-components/cjs/examples/plasma_web/components/Dropdown/Dropdown.config.js +1 -1
- package/styled-components/cjs/examples/plasma_web/components/EmptyState/EmptyState.config.js +21 -0
- package/styled-components/cjs/examples/plasma_web/components/EmptyState/EmptyState.js +11 -0
- package/styled-components/cjs/examples/plasma_web/components/EmptyState/EmptyState.stories.tsx +44 -0
- package/styled-components/cjs/hooks/index.js +7 -0
- package/styled-components/cjs/hooks/useOutsideClick.js +24 -0
- package/styled-components/cjs/index.js +22 -0
- package/styled-components/es/components/Accordion/Accordion.js +1 -1
- package/styled-components/es/components/Accordion/Accordion.tokens.js +1 -4
- package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.js +7 -20
- package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +4 -4
- package/styled-components/es/components/Accordion/utils/index.js +3 -4
- package/styled-components/es/components/Autocomplete/Autocomplete.js +185 -0
- package/styled-components/es/components/Autocomplete/Autocomplete.styles.js +32 -0
- package/styled-components/es/components/Autocomplete/Autocomplete.tokens.js +85 -0
- package/styled-components/es/components/Autocomplete/Autocomplete.types.js +1 -0
- package/styled-components/es/components/Autocomplete/hooks/useKeyboardNavigation.js +108 -0
- package/styled-components/es/components/Autocomplete/index.js +2 -0
- package/styled-components/es/components/Autocomplete/reducers/focusedReducer.js +40 -0
- package/styled-components/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +33 -0
- package/styled-components/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +16 -0
- package/styled-components/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.js +1 -0
- package/styled-components/es/components/Autocomplete/ui/TextField/TextField.js +1 -0
- package/styled-components/es/components/Autocomplete/ui/TextField/TextField.styles.js +9 -0
- package/styled-components/es/components/Autocomplete/ui/index.js +2 -0
- package/styled-components/es/components/EmptyState/EmptyState.js +31 -0
- package/styled-components/es/components/EmptyState/EmptyState.styles.js +18 -0
- package/styled-components/es/components/EmptyState/EmptyState.tokens.js +14 -0
- package/styled-components/es/components/EmptyState/EmptyState.types.js +1 -0
- package/styled-components/es/components/EmptyState/index.js +2 -0
- package/styled-components/es/components/TextField/TextField.js +2 -2
- package/styled-components/es/examples/plasma_b2c/components/Accordion/Accordion.config.js +2 -2
- package/styled-components/es/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +3 -5
- package/styled-components/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +33 -0
- package/styled-components/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.js +5 -0
- package/styled-components/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.stories.tsx +134 -0
- package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/EmptyState/EmptyState.config.js +15 -0
- package/styled-components/es/examples/plasma_b2c/components/EmptyState/EmptyState.js +5 -0
- package/styled-components/es/examples/plasma_b2c/components/EmptyState/EmptyState.stories.tsx +44 -0
- package/styled-components/es/examples/plasma_web/components/Accordion/Accordion.config.js +2 -2
- package/styled-components/es/examples/plasma_web/components/Accordion/Accordion.stories.tsx +4 -6
- package/styled-components/es/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +33 -0
- package/styled-components/es/examples/plasma_web/components/Autocomplete/Autocomplete.js +5 -0
- package/styled-components/es/examples/plasma_web/components/Autocomplete/Autocomplete.stories.tsx +134 -0
- package/styled-components/es/examples/plasma_web/components/Dropdown/Dropdown.config.js +1 -1
- package/styled-components/es/examples/plasma_web/components/EmptyState/EmptyState.config.js +15 -0
- package/styled-components/es/examples/plasma_web/components/EmptyState/EmptyState.js +5 -0
- package/styled-components/es/examples/plasma_web/components/EmptyState/EmptyState.stories.tsx +44 -0
- package/styled-components/es/hooks/index.js +1 -0
- package/styled-components/es/hooks/useOutsideClick.js +18 -0
- package/styled-components/es/index.js +3 -1
- package/types/components/Accordion/Accordion.tokens.d.ts +0 -3
- package/types/components/Accordion/Accordion.tokens.d.ts.map +1 -1
- package/types/components/Accordion/ui/AccordionItem/AccordionItem.d.ts.map +1 -1
- package/types/components/Accordion/ui/AccordionItem/AccordionItem.styles.d.ts.map +1 -1
- package/types/components/Accordion/ui/AccordionItem/AccordionItem.types.d.ts +0 -5
- package/types/components/Accordion/ui/AccordionItem/AccordionItem.types.d.ts.map +1 -1
- package/types/components/Accordion/utils/index.d.ts +2 -4
- package/types/components/Accordion/utils/index.d.ts.map +1 -1
- package/types/components/Autocomplete/Autocomplete.d.ts +24 -0
- package/types/components/Autocomplete/Autocomplete.d.ts.map +1 -0
- package/types/components/Autocomplete/Autocomplete.styles.d.ts +19 -0
- package/types/components/Autocomplete/Autocomplete.styles.d.ts.map +1 -0
- package/types/components/Autocomplete/Autocomplete.tokens.d.ts +84 -0
- package/types/components/Autocomplete/Autocomplete.tokens.d.ts.map +1 -0
- package/types/components/Autocomplete/Autocomplete.types.d.ts +84 -0
- package/types/components/Autocomplete/Autocomplete.types.d.ts.map +1 -0
- package/types/components/Autocomplete/hooks/useKeyboardNavigation.d.ts +31 -0
- package/types/components/Autocomplete/hooks/useKeyboardNavigation.d.ts.map +1 -0
- package/types/components/Autocomplete/index.d.ts +3 -0
- package/types/components/Autocomplete/index.d.ts.map +1 -0
- package/types/components/Autocomplete/reducers/focusedReducer.d.ts +17 -0
- package/types/components/Autocomplete/reducers/focusedReducer.d.ts.map +1 -0
- package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.d.ts +4 -0
- package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.d.ts.map +1 -0
- package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.d.ts +4 -0
- package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.d.ts.map +1 -0
- package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.d.ts +8 -0
- package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.d.ts.map +1 -0
- package/types/components/Autocomplete/ui/TextField/TextField.d.ts +2 -0
- package/types/components/Autocomplete/ui/TextField/TextField.d.ts.map +1 -0
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +41 -0
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -0
- package/types/components/Autocomplete/ui/index.d.ts +3 -0
- package/types/components/Autocomplete/ui/index.d.ts.map +1 -0
- package/types/components/EmptyState/EmptyState.d.ts +18 -0
- package/types/components/EmptyState/EmptyState.d.ts.map +1 -0
- package/types/components/EmptyState/EmptyState.styles.d.ts +48 -0
- package/types/components/EmptyState/EmptyState.styles.d.ts.map +1 -0
- package/types/components/EmptyState/EmptyState.tokens.d.ts +15 -0
- package/types/components/EmptyState/EmptyState.tokens.d.ts.map +1 -0
- package/types/components/EmptyState/EmptyState.types.d.ts +8 -0
- package/types/components/EmptyState/EmptyState.types.d.ts.map +1 -0
- package/types/components/EmptyState/index.d.ts +3 -0
- package/types/components/EmptyState/index.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Accordion/Accordion.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.d.ts +32 -0
- package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.d.ts +26 -0
- package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/EmptyState/EmptyState.config.d.ts +14 -0
- package/types/examples/plasma_b2c/components/EmptyState/EmptyState.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/EmptyState/EmptyState.d.ts +25 -0
- package/types/examples/plasma_b2c/components/EmptyState/EmptyState.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Accordion/Accordion.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Autocomplete/Autocomplete.config.d.ts +32 -0
- package/types/examples/plasma_web/components/Autocomplete/Autocomplete.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Autocomplete/Autocomplete.d.ts +26 -0
- package/types/examples/plasma_web/components/Autocomplete/Autocomplete.d.ts.map +1 -0
- package/types/examples/plasma_web/components/EmptyState/EmptyState.config.d.ts +14 -0
- package/types/examples/plasma_web/components/EmptyState/EmptyState.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/EmptyState/EmptyState.d.ts +25 -0
- package/types/examples/plasma_web/components/EmptyState/EmptyState.d.ts.map +1 -0
- package/types/hooks/index.d.ts +1 -0
- package/types/hooks/index.d.ts.map +1 -1
- package/types/hooks/useOutsideClick.d.ts +3 -0
- package/types/hooks/useOutsideClick.d.ts.map +1 -0
- package/types/index.d.ts +2 -0
- package/types/index.d.ts.map +1 -1
@@ -0,0 +1,189 @@
|
|
1
|
+
'use strict';
|
2
|
+
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
+
|
5
|
+
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
6
|
+
var React = require('react');
|
7
|
+
var plasmaCore = require('@salutejs/plasma-core');
|
8
|
+
var useDidMountEffect = require('../../hooks/useDidMountEffect.js');
|
9
|
+
var useOutsideClick = require('../../hooks/useOutsideClick.js');
|
10
|
+
require('../../utils/react.js');
|
11
|
+
var getPopoverPlacement = require('../../utils/getPopoverPlacement.js');
|
12
|
+
var focusedReducer = require('./reducers/focusedReducer.js');
|
13
|
+
var TextField_styles = require('./ui/TextField/TextField.styles.js');
|
14
|
+
var SuggestionItem = require('./ui/SuggestionItem/SuggestionItem.js');
|
15
|
+
var Autocomplete_styles = require('./Autocomplete.styles.js');
|
16
|
+
var useKeyboardNavigation = require('./hooks/useKeyboardNavigation.js');
|
17
|
+
|
18
|
+
var _excluded = ["value", "onChange", "suggestions", "view", "size", "labelPlacement", "disabled", "readOnly", "label", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "onScroll", "listMaxHeight", "listWidth", "filter", "onSuggestionSelect", "threshold", "renderList", "renderListEnd", "onSearch"];
|
19
|
+
|
20
|
+
/**
|
21
|
+
* Компонент Autocomplete. Поле ввода с подсказками в выпадающем списке.
|
22
|
+
*/
|
23
|
+
var autocompleteRoot = function autocompleteRoot(Root) {
|
24
|
+
return /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
25
|
+
var outerValue = _ref.value,
|
26
|
+
onChange = _ref.onChange,
|
27
|
+
suggestions = _ref.suggestions,
|
28
|
+
view = _ref.view,
|
29
|
+
size = _ref.size,
|
30
|
+
labelPlacement = _ref.labelPlacement,
|
31
|
+
disabled = _ref.disabled,
|
32
|
+
readOnly = _ref.readOnly,
|
33
|
+
label = _ref.label,
|
34
|
+
leftHelper = _ref.leftHelper,
|
35
|
+
contentLeft = _ref.contentLeft,
|
36
|
+
contentRight = _ref.contentRight,
|
37
|
+
textBefore = _ref.textBefore,
|
38
|
+
textAfter = _ref.textAfter,
|
39
|
+
onScroll = _ref.onScroll,
|
40
|
+
listMaxHeight = _ref.listMaxHeight,
|
41
|
+
listWidth = _ref.listWidth,
|
42
|
+
filter = _ref.filter,
|
43
|
+
onSuggestionSelect = _ref.onSuggestionSelect,
|
44
|
+
_ref$threshold = _ref.threshold,
|
45
|
+
threshold = _ref$threshold === void 0 ? 2 : _ref$threshold,
|
46
|
+
renderList = _ref.renderList,
|
47
|
+
renderListEnd = _ref.renderListEnd,
|
48
|
+
onSearch = _ref.onSearch,
|
49
|
+
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
50
|
+
var _useReducer = React.useReducer(focusedReducer.focusedReducer, null),
|
51
|
+
_useReducer2 = _rollupPluginBabelHelpers.slicedToArray(_useReducer, 2),
|
52
|
+
focused = _useReducer2[0],
|
53
|
+
dispatchFocused = _useReducer2[1];
|
54
|
+
var _useState = React.useState(''),
|
55
|
+
_useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
|
56
|
+
innerValue = _useState2[0],
|
57
|
+
setInnerValue = _useState2[1];
|
58
|
+
var _useState3 = React.useState(false),
|
59
|
+
_useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
|
60
|
+
isOpen = _useState4[0],
|
61
|
+
setIsOpen = _useState4[1];
|
62
|
+
var listId = plasmaCore.safeUseId();
|
63
|
+
var value = outerValue || innerValue;
|
64
|
+
var helperTextId = plasmaCore.safeUseId();
|
65
|
+
var targetRef = useOutsideClick.useOutsideClick(function () {
|
66
|
+
setIsOpen(false);
|
67
|
+
});
|
68
|
+
var handleFocus = function handleFocus() {
|
69
|
+
if (value.toString().length >= threshold) {
|
70
|
+
setIsOpen(true);
|
71
|
+
}
|
72
|
+
};
|
73
|
+
var handleItemClick = function handleItemClick(e) {
|
74
|
+
setInnerValue(e.label);
|
75
|
+
if (onSuggestionSelect) {
|
76
|
+
onSuggestionSelect(e);
|
77
|
+
}
|
78
|
+
setIsOpen(false);
|
79
|
+
};
|
80
|
+
var handleChange = function handleChange(e) {
|
81
|
+
var currentValue = e.target.value;
|
82
|
+
setInnerValue(currentValue);
|
83
|
+
if (onChange) {
|
84
|
+
onChange(e);
|
85
|
+
}
|
86
|
+
if (currentValue.toString().length >= threshold) {
|
87
|
+
setIsOpen(true);
|
88
|
+
} else {
|
89
|
+
setIsOpen(false);
|
90
|
+
}
|
91
|
+
};
|
92
|
+
var defaultFilterCallback = function defaultFilterCallback(_ref2) {
|
93
|
+
var label = _ref2.label;
|
94
|
+
return label.toLowerCase().includes(value.toString().toLowerCase());
|
95
|
+
};
|
96
|
+
var finalResults = (suggestions === null || suggestions === void 0 ? void 0 : suggestions.filter(filter || defaultFilterCallback)) || [];
|
97
|
+
var _useKeyNavigation = useKeyboardNavigation.useKeyNavigation({
|
98
|
+
isOpen: isOpen,
|
99
|
+
setIsOpen: setIsOpen,
|
100
|
+
focused: focused,
|
101
|
+
dispatchFocused: dispatchFocused,
|
102
|
+
finalResults: finalResults,
|
103
|
+
handleItemClick: handleItemClick
|
104
|
+
}),
|
105
|
+
onKeyDown = _useKeyNavigation.onKeyDown;
|
106
|
+
useDidMountEffect.useDidMountEffect(function () {
|
107
|
+
dispatchFocused({
|
108
|
+
type: 'reset'
|
109
|
+
});
|
110
|
+
}, [value]);
|
111
|
+
return /*#__PURE__*/React.createElement(Root, {
|
112
|
+
view: view,
|
113
|
+
size: size,
|
114
|
+
labelPlacement: labelPlacement,
|
115
|
+
disabled: disabled,
|
116
|
+
readOnly: readOnly
|
117
|
+
}, /*#__PURE__*/React.createElement(Autocomplete_styles.StyledPopover, {
|
118
|
+
isOpen: isOpen,
|
119
|
+
offset: [0, 0],
|
120
|
+
placement: getPopoverPlacement.getPlacements('bottom'),
|
121
|
+
isFocusTrapped: false,
|
122
|
+
target: /*#__PURE__*/React.createElement(TextField_styles.StyledTextField, _rollupPluginBabelHelpers.extends({
|
123
|
+
value: value,
|
124
|
+
onChange: handleChange,
|
125
|
+
onSearch: focused === null ? onSearch : undefined,
|
126
|
+
ref: ref,
|
127
|
+
size: size,
|
128
|
+
view: view,
|
129
|
+
labelPlacement: labelPlacement,
|
130
|
+
disabled: disabled,
|
131
|
+
readOnly: readOnly,
|
132
|
+
label: label,
|
133
|
+
contentLeft: contentLeft,
|
134
|
+
contentRight: contentRight,
|
135
|
+
textBefore: textBefore,
|
136
|
+
textAfter: textAfter,
|
137
|
+
onFocus: handleFocus,
|
138
|
+
onKeyDown: onKeyDown,
|
139
|
+
role: "combobox",
|
140
|
+
"aria-autocomplete": "list",
|
141
|
+
"aria-controls": listId,
|
142
|
+
"aria-expanded": isOpen,
|
143
|
+
"aria-activedescendant": "".concat(listId, "/").concat(focused),
|
144
|
+
"aria-describedby": helperTextId
|
145
|
+
}, rest)),
|
146
|
+
preventOverflow: false,
|
147
|
+
ref: targetRef,
|
148
|
+
listWidth: listWidth
|
149
|
+
}, renderList && renderList(finalResults) || Boolean(finalResults.length) && /*#__PURE__*/React.createElement(Autocomplete_styles.Ul, {
|
150
|
+
id: listId,
|
151
|
+
role: "listbox",
|
152
|
+
"aria-label": label,
|
153
|
+
onScroll: onScroll,
|
154
|
+
listMaxHeight: listMaxHeight
|
155
|
+
}, finalResults.map(function (suggestion, index) {
|
156
|
+
return /*#__PURE__*/React.createElement(SuggestionItem.SuggestionItem, {
|
157
|
+
key: index,
|
158
|
+
item: suggestion,
|
159
|
+
onClick: handleItemClick,
|
160
|
+
id: "".concat(listId, "/").concat(index),
|
161
|
+
focused: focused === index
|
162
|
+
});
|
163
|
+
}), renderListEnd && /*#__PURE__*/React.createElement(Autocomplete_styles.InfiniteLoaderWrapper, null, renderListEnd()))), leftHelper && /*#__PURE__*/React.createElement(Autocomplete_styles.LeftHelper, {
|
164
|
+
id: helperTextId,
|
165
|
+
disabled: disabled,
|
166
|
+
readOnly: readOnly
|
167
|
+
}, leftHelper));
|
168
|
+
});
|
169
|
+
};
|
170
|
+
var autocompleteConfig = {
|
171
|
+
name: 'Autocomplete',
|
172
|
+
tag: 'div',
|
173
|
+
layout: autocompleteRoot,
|
174
|
+
base: Autocomplete_styles.base,
|
175
|
+
defaults: {
|
176
|
+
view: 'default',
|
177
|
+
size: 'l',
|
178
|
+
labelPlacement: 'outer'
|
179
|
+
},
|
180
|
+
variations: {
|
181
|
+
view: {
|
182
|
+
css: ''
|
183
|
+
}
|
184
|
+
}
|
185
|
+
};
|
186
|
+
|
187
|
+
exports.autocompleteConfig = autocompleteConfig;
|
188
|
+
exports.autocompleteRoot = autocompleteRoot;
|
189
|
+
//# sourceMappingURL=Autocomplete.js.map
|
@@ -0,0 +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 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 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 <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 && <InfiniteLoaderWrapper>{renderListEnd()}</InfiniteLoaderWrapper>}\n </Ul>\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","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","StyledTextField","_extends","undefined","onFocus","role","concat","preventOverflow","Boolean","Ul","id","map","suggestion","index","SuggestionItem","key","item","onClick","InfiniteLoaderWrapper","LeftHelper","autocompleteConfig","name","tag","layout","base","defaults","variations","css"],"mappings":"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"}
|
@@ -0,0 +1,78 @@
|
|
1
|
+
import './Autocomplete.styles_4wbmok.css';
|
2
|
+
'use strict';
|
3
|
+
|
4
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
5
|
+
|
6
|
+
var react = require('@linaria/react');
|
7
|
+
var Popover$1 = require('../Popover/Popover.js');
|
8
|
+
require('@linaria/core');
|
9
|
+
var common = require('../../engines/common.js');
|
10
|
+
var Autocomplete_tokens = require('./Autocomplete.tokens.js');
|
11
|
+
|
12
|
+
var base = "bn6ooh7";
|
13
|
+
var Popover = /*#__PURE__*/common.component(Popover$1.popoverConfig);
|
14
|
+
var _exp3 = function _exp3() {
|
15
|
+
return Popover;
|
16
|
+
};
|
17
|
+
var _exp5 = function _exp5() {
|
18
|
+
return function (_ref) {
|
19
|
+
var listWidth = _ref.listWidth;
|
20
|
+
return listWidth || '100%';
|
21
|
+
};
|
22
|
+
};
|
23
|
+
var StyledPopover = /*#__PURE__*/react.styled(_exp3())({
|
24
|
+
name: "StyledPopover",
|
25
|
+
"class": "s1ih3p9n",
|
26
|
+
propsAsIs: true,
|
27
|
+
vars: {
|
28
|
+
"s1ih3p9n-0": [/*#__PURE__*/_exp5()]
|
29
|
+
}
|
30
|
+
});
|
31
|
+
var _exp9 = function _exp9() {
|
32
|
+
return function (_ref2) {
|
33
|
+
var listMaxHeight = _ref2.listMaxHeight;
|
34
|
+
return listMaxHeight || 'none';
|
35
|
+
};
|
36
|
+
};
|
37
|
+
var Ul = /*#__PURE__*/react.styled('ul')({
|
38
|
+
name: "Ul",
|
39
|
+
"class": "u610ple",
|
40
|
+
propsAsIs: false,
|
41
|
+
vars: {
|
42
|
+
"u610ple-0": [/*#__PURE__*/_exp9()]
|
43
|
+
}
|
44
|
+
});
|
45
|
+
var _exp11 = function _exp11() {
|
46
|
+
return function (_ref3) {
|
47
|
+
var readOnly = _ref3.readOnly,
|
48
|
+
disabled = _ref3.disabled;
|
49
|
+
return readOnly && !disabled ? "var(".concat(Autocomplete_tokens.tokens.textFieldLeftHelperColorReadOnly, ")") : "var(".concat(Autocomplete_tokens.tokens.textFieldLeftHelperColor, ")");
|
50
|
+
};
|
51
|
+
};
|
52
|
+
var _exp20 = function _exp20() {
|
53
|
+
return function (_ref4) {
|
54
|
+
var disabled = _ref4.disabled;
|
55
|
+
return disabled ? 'not-allowed' : 'auto';
|
56
|
+
};
|
57
|
+
};
|
58
|
+
var LeftHelper = /*#__PURE__*/react.styled('div')({
|
59
|
+
name: "LeftHelper",
|
60
|
+
"class": "l1nz87td",
|
61
|
+
propsAsIs: false,
|
62
|
+
vars: {
|
63
|
+
"l1nz87td-0": [/*#__PURE__*/_exp11()],
|
64
|
+
"l1nz87td-1": [/*#__PURE__*/_exp20()]
|
65
|
+
}
|
66
|
+
});
|
67
|
+
var InfiniteLoaderWrapper = /*#__PURE__*/react.styled('li')({
|
68
|
+
name: "InfiniteLoaderWrapper",
|
69
|
+
"class": "igdxyi6",
|
70
|
+
propsAsIs: false
|
71
|
+
});
|
72
|
+
|
73
|
+
exports.InfiniteLoaderWrapper = InfiniteLoaderWrapper;
|
74
|
+
exports.LeftHelper = LeftHelper;
|
75
|
+
exports.StyledPopover = StyledPopover;
|
76
|
+
exports.Ul = Ul;
|
77
|
+
exports.base = base;
|
78
|
+
//# sourceMappingURL=Autocomplete.styles.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Autocomplete.styles.js","sources":["../../../src/components/Autocomplete/Autocomplete.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { popoverClasses, popoverConfig } from '../Popover';\nimport { component } from '../../engines';\n\nimport { AutocompleteProps } from './Autocomplete.types';\nimport { tokens } from './Autocomplete.tokens';\n\nexport const base = css`\n .${popoverClasses.wrapper}, .${popoverClasses.target} {\n display: block;\n }\n`;\n\nconst Popover = component(popoverConfig);\n\nexport const StyledPopover = styled(Popover)<{ listWidth: AutocompleteProps['listWidth'] }>`\n .${String(popoverClasses.root)} {\n display: block;\n width: ${({ listWidth }) => listWidth || '100%'};\n }\n`;\n\nexport const Ul = styled.ul<{\n listMaxHeight: AutocompleteProps['listMaxHeight'];\n}>`\n box-sizing: border-box;\n\n background: var(${tokens.background});\n box-shadow: var(${tokens.boxShadow});\n\n border-radius: var(${tokens.borderRadius});\n height: auto;\n max-height: ${({ listMaxHeight }) => listMaxHeight || 'none'};\n overflow-y: scroll;\n\n margin: 0;\n padding: var(${tokens.padding});\n`;\n\nexport const LeftHelper = styled.div<{\n disabled: AutocompleteProps['disabled'];\n readOnly: AutocompleteProps['readOnly'];\n}>`\n color: ${({ readOnly, disabled }) =>\n readOnly && !disabled\n ? `var(${tokens.textFieldLeftHelperColorReadOnly})`\n : `var(${tokens.textFieldLeftHelperColor})`};\n margin-top: var(${tokens.textFieldLeftHelperOffset});\n\n font-family: var(${tokens.textFieldLeftHelperFontFamily});\n font-size: var(${tokens.textFieldLeftHelperFontSize});\n font-style: var(${tokens.textFieldLeftHelperFontStyle});\n font-weight: var(${tokens.textFieldLeftHelperFontWeight});\n letter-spacing: var(${tokens.textFieldLeftHelperLetterSpacing});\n line-height: var(${tokens.textFieldLeftHelperLineHeight});\n\n opacity: var(${tokens.textFieldDisabledOpacity});\n cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'auto')};\n`;\n\nexport const InfiniteLoaderWrapper = styled.li`\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: content-box;\n min-height: var(${tokens.textFieldHeight});\n`;\n"],"names":["base","Popover","component","popoverConfig","_exp3","_exp5","_ref","listWidth","StyledPopover","styled","name","class","propsAsIs","vars","_exp9","_ref2","listMaxHeight","Ul","_exp11","_ref3","readOnly","disabled","concat","tokens","textFieldLeftHelperColorReadOnly","textFieldLeftHelperColor","_exp20","_ref4","LeftHelper","InfiniteLoaderWrapper"],"mappings":";;;;;;;;;;AASO,IAAMA,IAAI,GAIhB,UAAA;AAED,IAAMC,OAAO,gBAAGC,gBAAS,CAACC,uBAAa,CAAC,CAAA;AAAC,IAAAC,KAAA,GAdvBA,SAcuBA,KAAAA,GAAA;AAAA,EAAA,OAELH,OAAO,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAI,KAAA,GAhBzBA,SAgByBA,KAAAA,GAAA;AAAA,EAAA,OAG1B,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;IAAAA,OAAgBA,SAAS,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAHhD,IAAMC,aAAa,gBAAGC,YAAM,CAAAL,KAAA,EAAA,CAAA,CAAA;AAAAM,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAGlBR,KAAsC,EAAA,CAAA;AAAA,GAAA;AAAA,CAEtD,EAAA;AAAC,IAAAS,KAAA,GArBgBA,SAqBhBA,KAAAA,GAAA;AAAA,EAAA,OAYgB,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,aAAAA,GAAAA,KAAAA,CAAAA,aAAAA,CAAAA;IAAAA,OAAoBA,aAAa,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAVzD,IAAMC,EAAE,gBAAGR,YAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,IAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAUNC,KAA8C,EAAA,CAAA;AAAA,GAAA;AAAA,CAK/D,EAAA;AAAC,IAAAI,MAAA,GAtCgBA,SAsChBA,MAAAA,GAAA;AAAA,EAAA,OAMW,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;MAAEC,QAAAA,GAAAA,KAAAA,CAAAA,QAAAA,CAAAA;AAAAA,IAAAA,OAClBD,QAAQ,IAAI,CAACC,QAAQ,GAAA,MAAA,CAAAC,MAAA,CACRC,0BAAM,CAACC,gCAAiC,gBAAAF,MAAA,CACxCC,0BAAM,CAACE,wBAAyB,EAAE,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GA/CrCA,SA+CqCA,MAAAA,GAAA;AAAA,EAAA,OAWzC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGN,QAAAA,GAAAA,KAAAA,CAAAA,QAAAA,CAAAA;AAAAA,IAAAA,OAAgBA,QAAQ,GAAG,aAAa,GAAG,MAAO,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAlB5D,IAAMO,UAAU,gBAAGnB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAInBK,MAG0C,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAWzCQ,MAAqD,EAAA,CAAA;AAAA,GAAA;AAAA,CAClE,EAAA;AAEM,IAAMG,qBAAqB,gBAAGpB,YAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAM1C;;;;;;;;"}
|
@@ -0,0 +1,5 @@
|
|
1
|
+
.bn6ooh7 .popover-wrapper,.bn6ooh7 .popover-target{display:block;}
|
2
|
+
.s1ih3p9n .popover-root{display:block;width:var(--s1ih3p9n-0);}
|
3
|
+
.u610ple{box-sizing:border-box;background:var(--plasma-autocomplete-background);box-shadow:var(--plasma-autocomplete-box-shadow);border-radius:var(--plasma-autocomplete-border-radius);height:auto;max-height:var(--u610ple-0);overflow-y:scroll;margin:0;padding:var(--plasma-autocomplete-padding);}
|
4
|
+
.l1nz87td{color:var(--l1nz87td-0);margin-top:var(--plasma-autocomplete-textfield__left-helper-offset);font-family:var(--plasma-autocomplete-textfield__left-helper-font-family);font-size:var(--plasma-autocomplete-textfield__left-helper-font-size);font-style:var(--plasma-autocomplete-textfield__left-helper-font-style);font-weight:var(--plasma-autocomplete-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-autocomplete-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-autocomplete-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-autocomplete-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-autocomplete-textfield__left-helper-letter-spacing);line-height:var(--plasma-autocomplete-textfield__left-helper-line-height);opacity:var(--plasma-autocomplete-textfield-disabled-opacity);cursor:var(--l1nz87td-1);}
|
5
|
+
.igdxyi6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:content-box;min-height:var(--plasma-autocomplete-textfield-height);}
|
@@ -0,0 +1,93 @@
|
|
1
|
+
'use strict';
|
2
|
+
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
+
|
5
|
+
var classes = {
|
6
|
+
suggestionItemIsFocused: 'suggestion-item-is-focused'
|
7
|
+
};
|
8
|
+
var tokens = {
|
9
|
+
// Токены для TextField
|
10
|
+
textFieldColor: '--plasma-autocomplete-textfield-color',
|
11
|
+
textFieldBackgroundColor: '--plasma-autocomplete-textfield-background-color',
|
12
|
+
textFieldBackgroundColorHover: '--plasma-autocomplete-textfield-background-color-hover',
|
13
|
+
textFieldBackgroundColorFocus: '--plasma-autocomplete-textfield-background-color-focus',
|
14
|
+
textFieldBorderColor: '--plasma-autocomplete-textfield-border-color',
|
15
|
+
textFieldBorderColorHover: '--plasma-autocomplete-textfield-border-color-hover',
|
16
|
+
textFieldBorderColorFocus: '--plasma-autocomplete-textfield-border-color-focus',
|
17
|
+
textFieldColorReadOnly: '--plasma-autocomplete-textfield-color-readonly',
|
18
|
+
textFieldBackgroundColorReadOnly: '--plasma-autocomplete-textfield-bg-color-readonly',
|
19
|
+
textFieldBorderColorReadOnly: '--plasma-autocomplete-textfield-border-color-readonly',
|
20
|
+
textFieldPlaceholderColorReadOnly: '--plasma-autocomplete-textfield__placeholder-color-readonly',
|
21
|
+
textFieldCaretColor: '--plasma-autocomplete-textfield-caret-color',
|
22
|
+
textFieldPlaceholderColor: '--plasma-autocomplete-textfield-placeholder-color',
|
23
|
+
textFieldHeight: '--plasma-autocomplete-textfield-height',
|
24
|
+
textFieldBorderWidth: '--plasma-autocomplete-textfield-border-width',
|
25
|
+
textFieldBorderRadius: '--plasma-autocomplete-textfield-border-radius',
|
26
|
+
textFieldPadding: '--plasma-autocomplete-textfield-padding',
|
27
|
+
textFieldLeftContentMargin: '--plasma-autocomplete-textfield__left-content-margin',
|
28
|
+
textFieldRightContentMargin: '--plasma-autocomplete-textfield__right-content-margin',
|
29
|
+
textFieldFontFamily: '--plasma-autocomplete-textfield-font-family',
|
30
|
+
textFieldFontStyle: '--plasma-autocomplete-textfield-font-style',
|
31
|
+
textFieldFontSize: '--plasma-autocomplete-textfield-font-size',
|
32
|
+
textFieldFontWeight: '--plasma-autocomplete-textfield-font-weight',
|
33
|
+
textFieldLetterSpacing: '--plasma-autocomplete-textfield-letter-spacing',
|
34
|
+
textFieldLineHeight: '--plasma-autocomplete-textfield-line-height',
|
35
|
+
textFieldLabelColor: '--plasma-autocomplete-textfield-label-color',
|
36
|
+
textFieldLabelColorReadOnly: '--plasma-autocomplete-textfield__label-color-readonly',
|
37
|
+
textFieldLabelOffset: '--plasma-autocomplete-textfield__label-offset',
|
38
|
+
textFieldLabelFontFamily: '--plasma-autocomplete-textfield__label-font-family',
|
39
|
+
textFieldLabelFontStyle: '--plasma-autocomplete-textfield__label-font-style',
|
40
|
+
textFieldLabelFontSize: '--plasma-autocomplete-textfield__label-font-size',
|
41
|
+
textFieldLabelFontWeight: '--plasma-autocomplete-textfield__label-font-weight',
|
42
|
+
textFieldLabelLetterSpacing: '--plasma-autocomplete-textfield__label-letter-spacing',
|
43
|
+
textFieldLabelLineHeight: '--plasma-autocomplete-textfield__label-line-height',
|
44
|
+
textFieldLabelInnerFontFamily: '--plasma-autocomplete-textfield-placement_inner__label-font-family',
|
45
|
+
textFieldLabelInnerFontStyle: '--plasma-autocomplete-textfield-placement_inner__label-font-style',
|
46
|
+
textFieldLabelInnerFontSize: '--plasma-autocomplete-textfield-placement_inner__label-font-size',
|
47
|
+
textFieldLabelInnerFontWeight: '--plasma-autocomplete-textfield-placement_inner__label-font-weight',
|
48
|
+
textFieldLabelInnerLetterSpacing: '--plasma-autocomplete-textfield-placement_inner__label-letter-spacing',
|
49
|
+
textFieldLabelInnerLineHeight: '--plasma-autocomplete-textfield-placement_inner__label-line-height',
|
50
|
+
textFieldLabelInnerPadding: '--plasma-autocomplete-textfield-placement_inner__label-padding',
|
51
|
+
textFieldContentLabelInnerPadding: '--plasma-autocomplete-textfield-placement_inner__content-padding',
|
52
|
+
textFieldLeftHelperColor: '--plasma-autocomplete-textfield__left-helper-color',
|
53
|
+
textFieldLeftHelperColorReadOnly: '--plasma-autocomplete-textfield__left-helper-color-readonly',
|
54
|
+
textFieldLeftHelperOffset: '--plasma-autocomplete-textfield__left-helper-offset',
|
55
|
+
textFieldLeftHelperFontFamily: '--plasma-autocomplete-textfield__left-helper-font-family',
|
56
|
+
textFieldLeftHelperFontStyle: '--plasma-autocomplete-textfield__left-helper-font-style',
|
57
|
+
textFieldLeftHelperFontSize: '--plasma-autocomplete-textfield__left-helper-font-size',
|
58
|
+
textFieldLeftHelperFontWeight: '--plasma-autocomplete-textfield__left-helper-font-weight',
|
59
|
+
textFieldLeftHelperLetterSpacing: '--plasma-autocomplete-textfield__left-helper-letter-spacing',
|
60
|
+
textFieldLeftHelperLineHeight: '--plasma-autocomplete-textfield__left-helper-line-height',
|
61
|
+
textFieldTextBeforeColor: '--plasma-autocomplete-textfield__before-text-color',
|
62
|
+
textFieldTextAfterColor: '--plasma-autocomplete-textfield__after-text-color',
|
63
|
+
textFieldTextBeforeMargin: '--plasma-autocomplete-textfield__before-text-margin',
|
64
|
+
textFieldTextAfterMargin: '--plasma-autocomplete-textfield__after-text-margin',
|
65
|
+
textFieldDisabledOpacity: '--plasma-autocomplete-textfield-disabled-opacity',
|
66
|
+
textFieldFocusColor: '--plasma-autocomplete-textfield-focus-color',
|
67
|
+
// Токены для дропдауна
|
68
|
+
background: '--plasma-autocomplete-background',
|
69
|
+
boxShadow: '--plasma-autocomplete-box-shadow',
|
70
|
+
borderRadius: '--plasma-autocomplete-border-radius',
|
71
|
+
padding: '--plasma-autocomplete-padding',
|
72
|
+
itemPadding: '--plasma-autocomplete-item-padding',
|
73
|
+
itemBorderRadius: '--plasma-autocomplete-item-border-radius',
|
74
|
+
itemFontFamily: '--plasma-autocomplete-item-font-family',
|
75
|
+
itemFontSize: '--plasma-autocomplete-item-font-size',
|
76
|
+
itemFontStyle: '--plasma-autocomplete-item-font-style',
|
77
|
+
itemFontWeight: '--plasma-autocomplete-item-font-weight',
|
78
|
+
itemFontLetterSpacing: '--plasma-autocomplete-item-font-letter-spacing',
|
79
|
+
itemFontLineHeight: '--plasma-autocomplete-item-font-line-height',
|
80
|
+
itemBackground: '--plasma-autocomplete-item-background',
|
81
|
+
itemBackgroundHover: '--plasma-autocomplete-item-background-hover',
|
82
|
+
itemColor: '--plasma-autocomplete-item-color',
|
83
|
+
focusColor: '--plasma-autocomplete-focus-color',
|
84
|
+
infiniteLoaderSpinnerColor: '--plasma-autocomplete-infinite-loader-spinner-color',
|
85
|
+
infiniteLoaderSpinnerSize: '--plasma-autocomplete-infinite-loader-spinner-size',
|
86
|
+
infiniteLoaderGap: '--plasma-autocomplete-infinite-loader-gap',
|
87
|
+
emptyStateGap: '--plasma-autocomplete-empty-state-gap',
|
88
|
+
emptyStatePadding: '--plasma-autocomplete-empty-state-padding'
|
89
|
+
};
|
90
|
+
|
91
|
+
exports.classes = classes;
|
92
|
+
exports.tokens = tokens;
|
93
|
+
//# sourceMappingURL=Autocomplete.tokens.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Autocomplete.tokens.js","sources":["../../../src/components/Autocomplete/Autocomplete.tokens.ts"],"sourcesContent":["export const classes = {\n suggestionItemIsFocused: 'suggestion-item-is-focused',\n};\n\nexport const tokens = {\n // Токены для TextField\n textFieldColor: '--plasma-autocomplete-textfield-color',\n textFieldBackgroundColor: '--plasma-autocomplete-textfield-background-color',\n textFieldBackgroundColorHover: '--plasma-autocomplete-textfield-background-color-hover',\n textFieldBackgroundColorFocus: '--plasma-autocomplete-textfield-background-color-focus',\n textFieldBorderColor: '--plasma-autocomplete-textfield-border-color',\n textFieldBorderColorHover: '--plasma-autocomplete-textfield-border-color-hover',\n textFieldBorderColorFocus: '--plasma-autocomplete-textfield-border-color-focus',\n textFieldColorReadOnly: '--plasma-autocomplete-textfield-color-readonly',\n textFieldBackgroundColorReadOnly: '--plasma-autocomplete-textfield-bg-color-readonly',\n textFieldBorderColorReadOnly: '--plasma-autocomplete-textfield-border-color-readonly',\n textFieldPlaceholderColorReadOnly: '--plasma-autocomplete-textfield__placeholder-color-readonly',\n textFieldCaretColor: '--plasma-autocomplete-textfield-caret-color',\n textFieldPlaceholderColor: '--plasma-autocomplete-textfield-placeholder-color',\n textFieldHeight: '--plasma-autocomplete-textfield-height',\n textFieldBorderWidth: '--plasma-autocomplete-textfield-border-width',\n textFieldBorderRadius: '--plasma-autocomplete-textfield-border-radius',\n textFieldPadding: '--plasma-autocomplete-textfield-padding',\n textFieldLeftContentMargin: '--plasma-autocomplete-textfield__left-content-margin',\n textFieldRightContentMargin: '--plasma-autocomplete-textfield__right-content-margin',\n textFieldFontFamily: '--plasma-autocomplete-textfield-font-family',\n textFieldFontStyle: '--plasma-autocomplete-textfield-font-style',\n textFieldFontSize: '--plasma-autocomplete-textfield-font-size',\n textFieldFontWeight: '--plasma-autocomplete-textfield-font-weight',\n textFieldLetterSpacing: '--plasma-autocomplete-textfield-letter-spacing',\n textFieldLineHeight: '--plasma-autocomplete-textfield-line-height',\n textFieldLabelColor: '--plasma-autocomplete-textfield-label-color',\n textFieldLabelColorReadOnly: '--plasma-autocomplete-textfield__label-color-readonly',\n textFieldLabelOffset: '--plasma-autocomplete-textfield__label-offset',\n textFieldLabelFontFamily: '--plasma-autocomplete-textfield__label-font-family',\n textFieldLabelFontStyle: '--plasma-autocomplete-textfield__label-font-style',\n textFieldLabelFontSize: '--plasma-autocomplete-textfield__label-font-size',\n textFieldLabelFontWeight: '--plasma-autocomplete-textfield__label-font-weight',\n textFieldLabelLetterSpacing: '--plasma-autocomplete-textfield__label-letter-spacing',\n textFieldLabelLineHeight: '--plasma-autocomplete-textfield__label-line-height',\n textFieldLabelInnerFontFamily: '--plasma-autocomplete-textfield-placement_inner__label-font-family',\n textFieldLabelInnerFontStyle: '--plasma-autocomplete-textfield-placement_inner__label-font-style',\n textFieldLabelInnerFontSize: '--plasma-autocomplete-textfield-placement_inner__label-font-size',\n textFieldLabelInnerFontWeight: '--plasma-autocomplete-textfield-placement_inner__label-font-weight',\n textFieldLabelInnerLetterSpacing: '--plasma-autocomplete-textfield-placement_inner__label-letter-spacing',\n textFieldLabelInnerLineHeight: '--plasma-autocomplete-textfield-placement_inner__label-line-height',\n textFieldLabelInnerPadding: '--plasma-autocomplete-textfield-placement_inner__label-padding',\n textFieldContentLabelInnerPadding: '--plasma-autocomplete-textfield-placement_inner__content-padding',\n textFieldLeftHelperColor: '--plasma-autocomplete-textfield__left-helper-color',\n textFieldLeftHelperColorReadOnly: '--plasma-autocomplete-textfield__left-helper-color-readonly',\n textFieldLeftHelperOffset: '--plasma-autocomplete-textfield__left-helper-offset',\n textFieldLeftHelperFontFamily: '--plasma-autocomplete-textfield__left-helper-font-family',\n textFieldLeftHelperFontStyle: '--plasma-autocomplete-textfield__left-helper-font-style',\n textFieldLeftHelperFontSize: '--plasma-autocomplete-textfield__left-helper-font-size',\n textFieldLeftHelperFontWeight: '--plasma-autocomplete-textfield__left-helper-font-weight',\n textFieldLeftHelperLetterSpacing: '--plasma-autocomplete-textfield__left-helper-letter-spacing',\n textFieldLeftHelperLineHeight: '--plasma-autocomplete-textfield__left-helper-line-height',\n textFieldTextBeforeColor: '--plasma-autocomplete-textfield__before-text-color',\n textFieldTextAfterColor: '--plasma-autocomplete-textfield__after-text-color',\n textFieldTextBeforeMargin: '--plasma-autocomplete-textfield__before-text-margin',\n textFieldTextAfterMargin: '--plasma-autocomplete-textfield__after-text-margin',\n textFieldDisabledOpacity: '--plasma-autocomplete-textfield-disabled-opacity',\n textFieldFocusColor: '--plasma-autocomplete-textfield-focus-color',\n\n // Токены для дропдауна\n background: '--plasma-autocomplete-background',\n boxShadow: '--plasma-autocomplete-box-shadow',\n borderRadius: '--plasma-autocomplete-border-radius',\n padding: '--plasma-autocomplete-padding',\n\n itemPadding: '--plasma-autocomplete-item-padding',\n itemBorderRadius: '--plasma-autocomplete-item-border-radius',\n\n itemFontFamily: '--plasma-autocomplete-item-font-family',\n itemFontSize: '--plasma-autocomplete-item-font-size',\n itemFontStyle: '--plasma-autocomplete-item-font-style',\n itemFontWeight: '--plasma-autocomplete-item-font-weight',\n itemFontLetterSpacing: '--plasma-autocomplete-item-font-letter-spacing',\n itemFontLineHeight: '--plasma-autocomplete-item-font-line-height',\n\n itemBackground: '--plasma-autocomplete-item-background',\n itemBackgroundHover: '--plasma-autocomplete-item-background-hover',\n itemColor: '--plasma-autocomplete-item-color',\n\n focusColor: '--plasma-autocomplete-focus-color',\n\n infiniteLoaderSpinnerColor: '--plasma-autocomplete-infinite-loader-spinner-color',\n infiniteLoaderSpinnerSize: '--plasma-autocomplete-infinite-loader-spinner-size',\n infiniteLoaderGap: '--plasma-autocomplete-infinite-loader-gap',\n\n emptyStateGap: '--plasma-autocomplete-empty-state-gap',\n emptyStatePadding: '--plasma-autocomplete-empty-state-padding',\n};\n"],"names":["classes","suggestionItemIsFocused","tokens","textFieldColor","textFieldBackgroundColor","textFieldBackgroundColorHover","textFieldBackgroundColorFocus","textFieldBorderColor","textFieldBorderColorHover","textFieldBorderColorFocus","textFieldColorReadOnly","textFieldBackgroundColorReadOnly","textFieldBorderColorReadOnly","textFieldPlaceholderColorReadOnly","textFieldCaretColor","textFieldPlaceholderColor","textFieldHeight","textFieldBorderWidth","textFieldBorderRadius","textFieldPadding","textFieldLeftContentMargin","textFieldRightContentMargin","textFieldFontFamily","textFieldFontStyle","textFieldFontSize","textFieldFontWeight","textFieldLetterSpacing","textFieldLineHeight","textFieldLabelColor","textFieldLabelColorReadOnly","textFieldLabelOffset","textFieldLabelFontFamily","textFieldLabelFontStyle","textFieldLabelFontSize","textFieldLabelFontWeight","textFieldLabelLetterSpacing","textFieldLabelLineHeight","textFieldLabelInnerFontFamily","textFieldLabelInnerFontStyle","textFieldLabelInnerFontSize","textFieldLabelInnerFontWeight","textFieldLabelInnerLetterSpacing","textFieldLabelInnerLineHeight","textFieldLabelInnerPadding","textFieldContentLabelInnerPadding","textFieldLeftHelperColor","textFieldLeftHelperColorReadOnly","textFieldLeftHelperOffset","textFieldLeftHelperFontFamily","textFieldLeftHelperFontStyle","textFieldLeftHelperFontSize","textFieldLeftHelperFontWeight","textFieldLeftHelperLetterSpacing","textFieldLeftHelperLineHeight","textFieldTextBeforeColor","textFieldTextAfterColor","textFieldTextBeforeMargin","textFieldTextAfterMargin","textFieldDisabledOpacity","textFieldFocusColor","background","boxShadow","borderRadius","padding","itemPadding","itemBorderRadius","itemFontFamily","itemFontSize","itemFontStyle","itemFontWeight","itemFontLetterSpacing","itemFontLineHeight","itemBackground","itemBackgroundHover","itemColor","focusColor","infiniteLoaderSpinnerColor","infiniteLoaderSpinnerSize","infiniteLoaderGap","emptyStateGap","emptyStatePadding"],"mappings":"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"}
|
@@ -0,0 +1,112 @@
|
|
1
|
+
'use strict';
|
2
|
+
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
+
|
5
|
+
var keys = {
|
6
|
+
Enter: 'Enter',
|
7
|
+
Space: 'Space',
|
8
|
+
Tab: 'Tab',
|
9
|
+
Escape: 'Escape',
|
10
|
+
ArrowLeft: 'ArrowLeft',
|
11
|
+
ArrowRight: 'ArrowRight',
|
12
|
+
ArrowUp: 'ArrowUp',
|
13
|
+
ArrowDown: 'ArrowDown',
|
14
|
+
Home: 'Home',
|
15
|
+
End: 'End',
|
16
|
+
PageUp: 'PageUp',
|
17
|
+
PageDown: 'PageDown'
|
18
|
+
};
|
19
|
+
var useKeyNavigation = function useKeyNavigation(_ref) {
|
20
|
+
var isOpen = _ref.isOpen,
|
21
|
+
setIsOpen = _ref.setIsOpen,
|
22
|
+
focused = _ref.focused,
|
23
|
+
dispatchFocused = _ref.dispatchFocused,
|
24
|
+
finalResults = _ref.finalResults,
|
25
|
+
handleItemClick = _ref.handleItemClick;
|
26
|
+
var onKeyDown = function onKeyDown(event) {
|
27
|
+
switch (event.code) {
|
28
|
+
case keys.ArrowDown:
|
29
|
+
{
|
30
|
+
if (!isOpen) {
|
31
|
+
setIsOpen(true);
|
32
|
+
dispatchFocused({
|
33
|
+
type: 'setFirstItem'
|
34
|
+
});
|
35
|
+
break;
|
36
|
+
}
|
37
|
+
dispatchFocused({
|
38
|
+
type: 'setNextItem',
|
39
|
+
listLength: finalResults.length
|
40
|
+
});
|
41
|
+
break;
|
42
|
+
}
|
43
|
+
case keys.ArrowUp:
|
44
|
+
{
|
45
|
+
if (!isOpen) {
|
46
|
+
setIsOpen(true);
|
47
|
+
dispatchFocused({
|
48
|
+
type: 'setLastItem',
|
49
|
+
listLength: finalResults.length
|
50
|
+
});
|
51
|
+
break;
|
52
|
+
}
|
53
|
+
dispatchFocused({
|
54
|
+
type: 'setPrevItem',
|
55
|
+
listLength: finalResults.length
|
56
|
+
});
|
57
|
+
break;
|
58
|
+
}
|
59
|
+
case keys.Home:
|
60
|
+
{
|
61
|
+
if (!isOpen) {
|
62
|
+
return;
|
63
|
+
}
|
64
|
+
dispatchFocused({
|
65
|
+
type: 'setFirstItem'
|
66
|
+
});
|
67
|
+
break;
|
68
|
+
}
|
69
|
+
case keys.End:
|
70
|
+
{
|
71
|
+
if (!isOpen) {
|
72
|
+
return;
|
73
|
+
}
|
74
|
+
dispatchFocused({
|
75
|
+
type: 'setLastItem',
|
76
|
+
listLength: finalResults.length
|
77
|
+
});
|
78
|
+
break;
|
79
|
+
}
|
80
|
+
case keys.Enter:
|
81
|
+
{
|
82
|
+
if (!isOpen || focused === null) {
|
83
|
+
return;
|
84
|
+
}
|
85
|
+
dispatchFocused({
|
86
|
+
type: 'reset'
|
87
|
+
});
|
88
|
+
handleItemClick(finalResults[focused]);
|
89
|
+
break;
|
90
|
+
}
|
91
|
+
case keys.Tab:
|
92
|
+
case keys.Escape:
|
93
|
+
{
|
94
|
+
if (!isOpen) {
|
95
|
+
return;
|
96
|
+
}
|
97
|
+
setIsOpen(false);
|
98
|
+
dispatchFocused({
|
99
|
+
type: 'reset'
|
100
|
+
});
|
101
|
+
break;
|
102
|
+
}
|
103
|
+
}
|
104
|
+
};
|
105
|
+
return {
|
106
|
+
onKeyDown: onKeyDown
|
107
|
+
};
|
108
|
+
};
|
109
|
+
|
110
|
+
exports.keys = keys;
|
111
|
+
exports.useKeyNavigation = useKeyNavigation;
|
112
|
+
//# sourceMappingURL=useKeyboardNavigation.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"useKeyboardNavigation.js","sources":["../../../../src/components/Autocomplete/hooks/useKeyboardNavigation.ts"],"sourcesContent":["import { KeyboardEvent } from 'react';\nimport type { Dispatch } from 'react';\n\nimport { SuggestionItemType } from '../Autocomplete.types';\nimport type { FocusedPathAction } from '../reducers/focusedReducer';\n\nexport const keys = {\n Enter: 'Enter',\n Space: 'Space',\n Tab: 'Tab',\n Escape: 'Escape',\n ArrowLeft: 'ArrowLeft',\n ArrowRight: 'ArrowRight',\n ArrowUp: 'ArrowUp',\n ArrowDown: 'ArrowDown',\n Home: 'Home',\n End: 'End',\n PageUp: 'PageUp',\n PageDown: 'PageDown',\n};\n\ninterface ReturnedProps {\n onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;\n}\n\ninterface Props {\n isOpen: boolean;\n setIsOpen: (e: boolean) => void;\n focused: number | null;\n dispatchFocused: Dispatch<FocusedPathAction>;\n finalResults: SuggestionItemType[];\n handleItemClick: (e: SuggestionItemType) => void;\n}\n\nexport const useKeyNavigation = ({\n isOpen,\n setIsOpen,\n focused,\n dispatchFocused,\n finalResults,\n handleItemClick,\n}: Props): ReturnedProps => {\n const onKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n switch (event.code) {\n case keys.ArrowDown: {\n if (!isOpen) {\n setIsOpen(true);\n dispatchFocused({ type: 'setFirstItem' });\n break;\n }\n\n dispatchFocused({ type: 'setNextItem', listLength: finalResults.length });\n\n break;\n }\n\n case keys.ArrowUp: {\n if (!isOpen) {\n setIsOpen(true);\n dispatchFocused({ type: 'setLastItem', listLength: finalResults.length });\n break;\n }\n\n dispatchFocused({ type: 'setPrevItem', listLength: finalResults.length });\n\n break;\n }\n\n case keys.Home: {\n if (!isOpen) {\n return;\n }\n\n dispatchFocused({ type: 'setFirstItem' });\n\n break;\n }\n\n case keys.End: {\n if (!isOpen) {\n return;\n }\n\n dispatchFocused({ type: 'setLastItem', listLength: finalResults.length });\n\n break;\n }\n\n case keys.Enter: {\n if (!isOpen || focused === null) {\n return;\n }\n\n dispatchFocused({ type: 'reset' });\n handleItemClick(finalResults[focused]);\n\n break;\n }\n\n case keys.Tab:\n case keys.Escape: {\n if (!isOpen) {\n return;\n }\n\n setIsOpen(false);\n dispatchFocused({ type: 'reset' });\n\n break;\n }\n\n default: {\n break;\n }\n }\n };\n\n return { onKeyDown };\n};\n"],"names":["keys","Enter","Space","Tab","Escape","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End","PageUp","PageDown","useKeyNavigation","_ref","isOpen","setIsOpen","focused","dispatchFocused","finalResults","handleItemClick","onKeyDown","event","code","type","listLength","length"],"mappings":"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"}
|
@@ -0,0 +1,47 @@
|
|
1
|
+
'use strict';
|
2
|
+
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
+
|
5
|
+
function focusedReducer(state, action) {
|
6
|
+
switch (action.type) {
|
7
|
+
case 'reset':
|
8
|
+
{
|
9
|
+
return null;
|
10
|
+
}
|
11
|
+
case 'setNextItem':
|
12
|
+
{
|
13
|
+
if (state === action.listLength - 1) {
|
14
|
+
return state;
|
15
|
+
}
|
16
|
+
if (state === null) {
|
17
|
+
return 0;
|
18
|
+
}
|
19
|
+
return state + 1;
|
20
|
+
}
|
21
|
+
case 'setPrevItem':
|
22
|
+
{
|
23
|
+
if (state === 0) {
|
24
|
+
return state;
|
25
|
+
}
|
26
|
+
if (state === null) {
|
27
|
+
return action.listLength - 1;
|
28
|
+
}
|
29
|
+
return state - 1;
|
30
|
+
}
|
31
|
+
case 'setFirstItem':
|
32
|
+
{
|
33
|
+
return 0;
|
34
|
+
}
|
35
|
+
case 'setLastItem':
|
36
|
+
{
|
37
|
+
return action.listLength - 1;
|
38
|
+
}
|
39
|
+
default:
|
40
|
+
{
|
41
|
+
return state;
|
42
|
+
}
|
43
|
+
}
|
44
|
+
}
|
45
|
+
|
46
|
+
exports.focusedReducer = focusedReducer;
|
47
|
+
//# sourceMappingURL=focusedReducer.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"focusedReducer.js","sources":["../../../../src/components/Autocomplete/reducers/focusedReducer.ts"],"sourcesContent":["export type FocusedState = number | null;\n\nexport type FocusedPathAction =\n | { type: 'reset' }\n | { type: 'setNextItem'; listLength: number }\n | { type: 'setPrevItem'; listLength: number }\n | { type: 'setFirstItem' }\n | { type: 'setLastItem'; listLength: number };\n\nexport function focusedReducer(state: FocusedState, action: FocusedPathAction): FocusedState {\n switch (action.type) {\n case 'reset': {\n return null;\n }\n\n case 'setNextItem': {\n if (state === action.listLength - 1) {\n return state;\n }\n\n if (state === null) {\n return 0;\n }\n\n return state + 1;\n }\n\n case 'setPrevItem': {\n if (state === 0) {\n return state;\n }\n\n if (state === null) {\n return action.listLength - 1;\n }\n\n return state - 1;\n }\n\n case 'setFirstItem': {\n return 0;\n }\n\n case 'setLastItem': {\n return action.listLength - 1;\n }\n\n default: {\n return state;\n }\n }\n}\n"],"names":["focusedReducer","state","action","type","listLength"],"mappings":";;;;AASO,SAASA,cAAcA,CAACC,KAAmB,EAAEC,MAAyB,EAAgB;EACzF,QAAQA,MAAM,CAACC,IAAI;AACf,IAAA,KAAK,OAAO;AAAE,MAAA;AACV,QAAA,OAAO,IAAI,CAAA;AACf,OAAA;AAEA,IAAA,KAAK,aAAa;AAAE,MAAA;AAChB,QAAA,IAAIF,KAAK,KAAKC,MAAM,CAACE,UAAU,GAAG,CAAC,EAAE;AACjC,UAAA,OAAOH,KAAK,CAAA;AAChB,SAAA;QAEA,IAAIA,KAAK,KAAK,IAAI,EAAE;AAChB,UAAA,OAAO,CAAC,CAAA;AACZ,SAAA;QAEA,OAAOA,KAAK,GAAG,CAAC,CAAA;AACpB,OAAA;AAEA,IAAA,KAAK,aAAa;AAAE,MAAA;QAChB,IAAIA,KAAK,KAAK,CAAC,EAAE;AACb,UAAA,OAAOA,KAAK,CAAA;AAChB,SAAA;QAEA,IAAIA,KAAK,KAAK,IAAI,EAAE;AAChB,UAAA,OAAOC,MAAM,CAACE,UAAU,GAAG,CAAC,CAAA;AAChC,SAAA;QAEA,OAAOH,KAAK,GAAG,CAAC,CAAA;AACpB,OAAA;AAEA,IAAA,KAAK,cAAc;AAAE,MAAA;AACjB,QAAA,OAAO,CAAC,CAAA;AACZ,OAAA;AAEA,IAAA,KAAK,aAAa;AAAE,MAAA;AAChB,QAAA,OAAOC,MAAM,CAACE,UAAU,GAAG,CAAC,CAAA;AAChC,OAAA;AAEA,IAAA;AAAS,MAAA;AACL,QAAA,OAAOH,KAAK,CAAA;AAChB,OAAA;AACJ,GAAA;AACJ;;;;"}
|
@@ -0,0 +1,2 @@
|
|
1
|
+
.SuggestionItem_styles_lpdinw_s1siyv9w__5ad0f45d{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
|
2
|
+
.SuggestionItem_styles_lpdinw_wykobsk__5ad0f45d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;box-sizing:content-box;padding:var(--plasma-autocomplete-item-padding);font-family:var(--plasma-autocomplete-item-font-family);font-size:var(--plasma-autocomplete-item-font-size);font-style:var(--plasma-autocomplete-item-font-style);font-weight:var(--plasma-autocomplete-item-font-weight);-webkit-letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);-moz-letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);-ms-letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);line-height:var(--plasma-autocomplete-item-font-line-height);background:var(--plasma-autocomplete-item-background);color:var(--plasma-autocomplete-item-color);border-radius:var(--plasma-autocomplete-item-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}.SuggestionItem_styles_lpdinw_wykobsk__5ad0f45d:hover{cursor:pointer;background:var(--plasma-autocomplete-item-background-hover);}.SuggestionItem_styles_lpdinw_wykobsk__5ad0f45d:focus{outline:none;}.SuggestionItem_styles_lpdinw_wykobsk__5ad0f45d::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-autocomplete-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.SuggestionItem_styles_lpdinw_wykobsk__5ad0f45d.SuggestionItem_styles_lpdinw_suggestionItemIsFocused__5ad0f45d:before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-autocomplete-focus-color);}
|