@salutejs/plasma-new-hope 0.109.2-canary.1301.10057930683.0 → 0.110.0-canary.1307.10056755335.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/Portal/Portal.js +1 -1
- package/cjs/components/Portal/Portal.js.map +1 -1
- package/cjs/components/Price/Price.css +2 -0
- package/cjs/components/Price/Price.js +65 -0
- package/cjs/components/Price/Price.js.map +1 -0
- package/cjs/components/Price/Price.styles.js +17 -0
- package/cjs/components/Price/Price.styles.js.map +1 -0
- package/cjs/components/Price/Price.styles_15b4mp1.css +2 -0
- package/cjs/components/Price/Price.tokens.js +10 -0
- package/cjs/components/Price/Price.tokens.js.map +1 -0
- package/cjs/components/Price/utils/formatCurrency.js +22 -0
- package/cjs/components/Price/utils/formatCurrency.js.map +1 -0
- package/cjs/components/Price/variations/_view/base.js +9 -0
- package/cjs/components/Price/variations/_view/base.js.map +1 -0
- package/cjs/components/Price/variations/_view/base_x642ct.css +1 -0
- package/cjs/components/TextField/TextField.js +2 -2
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/index.css +2 -15
- package/cjs/index.js +5 -12
- 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/Portal/Portal.js +1 -1
- package/emotion/cjs/components/Portal/Portal.template-doc.mdx +1 -1
- package/emotion/cjs/components/Price/Price.js +66 -0
- package/emotion/cjs/components/Price/Price.styles.js +24 -0
- package/emotion/cjs/components/Price/Price.template-doc.mdx +24 -0
- package/emotion/cjs/components/Price/Price.tokens.js +9 -0
- package/emotion/cjs/components/Price/index.js +25 -0
- package/emotion/cjs/components/Price/utils/formatCurrency.js +21 -0
- package/emotion/cjs/components/Price/variations/_view/base.js +8 -0
- package/emotion/cjs/components/Price/variations/_view/tokens.json +1 -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/Dropdown/Dropdown.config.js +5 -5
- package/emotion/cjs/examples/plasma_b2c/components/Overlay/Overlay.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Price/Price.config.js +14 -0
- package/emotion/cjs/examples/plasma_b2c/components/Price/Price.js +17 -0
- package/emotion/cjs/examples/plasma_b2c/components/Price/Price.stories.tsx +38 -0
- package/emotion/cjs/examples/plasma_web/components/Accordion/Accordion.config.js +8 -8
- package/emotion/cjs/examples/plasma_web/components/Accordion/Accordion.stories.tsx +3 -5
- package/emotion/cjs/examples/plasma_web/components/Dropdown/Dropdown.config.js +5 -5
- package/emotion/cjs/examples/plasma_web/components/Overlay/Overlay.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_web/components/Price/Price.config.js +14 -0
- package/emotion/cjs/examples/plasma_web/components/Price/Price.js +17 -0
- package/emotion/cjs/examples/plasma_web/components/Price/Price.stories.tsx +38 -0
- package/emotion/cjs/examples/sds_engineer/components/Overlay/Overlay.stories.tsx +1 -1
- package/emotion/cjs/hooks/index.js +0 -7
- package/emotion/cjs/index.js +4 -15
- 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/Portal/Portal.js +1 -1
- package/emotion/es/components/Portal/Portal.template-doc.mdx +1 -1
- package/emotion/es/components/Price/Price.js +58 -0
- package/emotion/es/components/Price/Price.styles.js +17 -0
- package/emotion/es/components/Price/Price.template-doc.mdx +24 -0
- package/emotion/es/components/Price/Price.tokens.js +3 -0
- package/emotion/es/components/Price/index.js +2 -0
- package/emotion/es/components/Price/utils/formatCurrency.js +15 -0
- package/emotion/es/components/Price/variations/_view/base.js +2 -0
- package/emotion/es/components/Price/variations/_view/tokens.json +1 -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/Dropdown/Dropdown.config.js +5 -5
- package/emotion/es/examples/plasma_b2c/components/Overlay/Overlay.stories.tsx +1 -1
- package/emotion/es/examples/plasma_b2c/components/Price/Price.config.js +8 -0
- package/emotion/es/examples/plasma_b2c/components/Price/Price.js +6 -0
- package/emotion/es/examples/plasma_b2c/components/Price/Price.stories.tsx +38 -0
- package/emotion/es/examples/plasma_web/components/Accordion/Accordion.config.js +8 -8
- package/emotion/es/examples/plasma_web/components/Accordion/Accordion.stories.tsx +3 -5
- package/emotion/es/examples/plasma_web/components/Dropdown/Dropdown.config.js +5 -5
- package/emotion/es/examples/plasma_web/components/Overlay/Overlay.stories.tsx +1 -1
- package/emotion/es/examples/plasma_web/components/Price/Price.config.js +8 -0
- package/emotion/es/examples/plasma_web/components/Price/Price.js +6 -0
- package/emotion/es/examples/plasma_web/components/Price/Price.stories.tsx +38 -0
- package/emotion/es/examples/sds_engineer/components/Overlay/Overlay.stories.tsx +1 -1
- package/emotion/es/hooks/index.js +0 -1
- package/emotion/es/index.js +1 -2
- 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/Portal/Portal.js +1 -1
- package/es/components/Portal/Portal.js.map +1 -1
- package/es/components/Price/Price.css +2 -0
- package/es/components/Price/Price.js +60 -0
- package/es/components/Price/Price.js.map +1 -0
- package/es/components/Price/Price.styles.js +12 -0
- package/es/components/Price/Price.styles.js.map +1 -0
- package/es/components/Price/Price.styles_15b4mp1.css +2 -0
- package/es/components/Price/Price.tokens.js +6 -0
- package/es/components/Price/Price.tokens.js.map +1 -0
- package/es/components/Price/utils/formatCurrency.js +18 -0
- package/es/components/Price/utils/formatCurrency.js.map +1 -0
- package/es/components/Price/variations/_view/base.js +5 -0
- package/es/components/Price/variations/_view/base.js.map +1 -0
- package/es/components/Price/variations/_view/base_x642ct.css +1 -0
- package/es/components/TextField/TextField.js +2 -2
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/index.css +2 -15
- package/es/index.js +2 -5
- 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/Portal/Portal.js +1 -1
- package/styled-components/cjs/components/Portal/Portal.template-doc.mdx +1 -1
- package/styled-components/cjs/components/Price/Price.js +66 -0
- package/styled-components/cjs/components/Price/Price.styles.js +15 -0
- package/styled-components/cjs/components/Price/Price.template-doc.mdx +24 -0
- package/styled-components/cjs/components/Price/Price.tokens.js +9 -0
- package/styled-components/cjs/components/Price/index.js +25 -0
- package/styled-components/cjs/components/Price/utils/formatCurrency.js +21 -0
- package/styled-components/cjs/components/Price/variations/_view/base.js +8 -0
- package/styled-components/cjs/components/Price/variations/_view/tokens.json +1 -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/Dropdown/Dropdown.config.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Price/Price.config.js +14 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Price/Price.js +17 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Price/Price.stories.tsx +38 -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 +3 -5
- package/styled-components/cjs/examples/plasma_web/components/Dropdown/Dropdown.config.js +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Price/Price.config.js +14 -0
- package/styled-components/cjs/examples/plasma_web/components/Price/Price.js +17 -0
- package/styled-components/cjs/examples/plasma_web/components/Price/Price.stories.tsx +38 -0
- package/styled-components/cjs/hooks/index.js +0 -7
- package/styled-components/cjs/index.js +4 -15
- 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/Portal/Portal.js +1 -1
- package/styled-components/es/components/Portal/Portal.template-doc.mdx +1 -1
- package/styled-components/es/components/Price/Price.js +58 -0
- package/styled-components/es/components/Price/Price.styles.js +7 -0
- package/styled-components/es/components/Price/Price.template-doc.mdx +24 -0
- package/styled-components/es/components/Price/Price.tokens.js +3 -0
- package/styled-components/es/components/Price/index.js +2 -0
- package/styled-components/es/components/Price/utils/formatCurrency.js +15 -0
- package/styled-components/es/components/Price/variations/_view/base.js +2 -0
- package/styled-components/es/components/Price/variations/_view/tokens.json +1 -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/Dropdown/Dropdown.config.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Price/Price.config.js +8 -0
- package/styled-components/es/examples/plasma_b2c/components/Price/Price.js +6 -0
- package/styled-components/es/examples/plasma_b2c/components/Price/Price.stories.tsx +38 -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 +3 -5
- package/styled-components/es/examples/plasma_web/components/Dropdown/Dropdown.config.js +1 -1
- package/styled-components/es/examples/plasma_web/components/Price/Price.config.js +8 -0
- package/styled-components/es/examples/plasma_web/components/Price/Price.js +6 -0
- package/styled-components/es/examples/plasma_web/components/Price/Price.stories.tsx +38 -0
- package/styled-components/es/hooks/index.js +0 -1
- package/styled-components/es/index.js +1 -2
- 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/Portal/Portal.d.ts +6 -2
- package/types/components/Portal/Portal.d.ts.map +1 -1
- package/types/components/Portal/index.d.ts.map +1 -1
- package/types/components/Price/Price.d.ts +22 -0
- package/types/components/Price/Price.d.ts.map +1 -0
- package/types/components/Price/Price.styles.d.ts +4 -0
- package/types/components/Price/Price.styles.d.ts.map +1 -0
- package/types/components/Price/Price.tokens.d.ts +4 -0
- package/types/components/Price/Price.tokens.d.ts.map +1 -0
- package/types/components/Price/Price.types.d.ts +41 -0
- package/types/components/Price/Price.types.d.ts.map +1 -0
- package/types/components/Price/index.d.ts +3 -0
- package/types/components/Price/index.d.ts.map +1 -0
- package/types/components/Price/utils/formatCurrency.d.ts +10 -0
- package/types/components/Price/utils/formatCurrency.d.ts.map +1 -0
- package/types/components/Price/variations/_view/base.d.ts +2 -0
- package/types/components/Price/variations/_view/base.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/Price/Price.config.d.ts +9 -0
- package/types/examples/plasma_b2c/components/Price/Price.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Price/Price.d.ts +6 -0
- package/types/examples/plasma_b2c/components/Price/Price.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/Price/Price.config.d.ts +9 -0
- package/types/examples/plasma_web/components/Price/Price.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Price/Price.d.ts +6 -0
- package/types/examples/plasma_web/components/Price/Price.d.ts.map +1 -0
- package/types/hooks/index.d.ts +0 -1
- package/types/hooks/index.d.ts.map +1 -1
- package/types/index.d.ts +1 -2
- package/types/index.d.ts.map +1 -1
- package/cjs/components/Autocomplete/Autocomplete.css +0 -60
- package/cjs/components/Autocomplete/Autocomplete.js +0 -189
- package/cjs/components/Autocomplete/Autocomplete.js.map +0 -1
- package/cjs/components/Autocomplete/Autocomplete.styles.js +0 -78
- package/cjs/components/Autocomplete/Autocomplete.styles.js.map +0 -1
- package/cjs/components/Autocomplete/Autocomplete.styles_4wbmok.css +0 -5
- package/cjs/components/Autocomplete/Autocomplete.tokens.js +0 -93
- package/cjs/components/Autocomplete/Autocomplete.tokens.js.map +0 -1
- package/cjs/components/Autocomplete/hooks/useKeyboardNavigation.js +0 -112
- package/cjs/components/Autocomplete/hooks/useKeyboardNavigation.js.map +0 -1
- package/cjs/components/Autocomplete/reducers/focusedReducer.js +0 -47
- package/cjs/components/Autocomplete/reducers/focusedReducer.js.map +0 -1
- package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.css +0 -2
- package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +0 -41
- package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js.map +0 -1
- package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +0 -21
- package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js.map +0 -1
- package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles_lpdinw.css +0 -2
- package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +0 -23
- package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js.map +0 -1
- package/cjs/components/Autocomplete/ui/TextField/TextField.styles_sx1sq7.css +0 -1
- package/cjs/components/EmptyState/EmptyState.css +0 -30
- package/cjs/components/EmptyState/EmptyState.js +0 -39
- package/cjs/components/EmptyState/EmptyState.js.map +0 -1
- package/cjs/components/EmptyState/EmptyState.styles.js +0 -41
- package/cjs/components/EmptyState/EmptyState.styles.js.map +0 -1
- package/cjs/components/EmptyState/EmptyState.styles_1o24i5h.css +0 -4
- package/cjs/components/EmptyState/EmptyState.tokens.js +0 -21
- package/cjs/components/EmptyState/EmptyState.tokens.js.map +0 -1
- package/cjs/hooks/useOutsideClick.js +0 -26
- package/cjs/hooks/useOutsideClick.js.map +0 -1
- package/emotion/cjs/components/Autocomplete/Autocomplete.js +0 -193
- package/emotion/cjs/components/Autocomplete/Autocomplete.styles.js +0 -43
- package/emotion/cjs/components/Autocomplete/Autocomplete.tokens.js +0 -91
- package/emotion/cjs/components/Autocomplete/hooks/useKeyboardNavigation.js +0 -114
- package/emotion/cjs/components/Autocomplete/index.js +0 -25
- package/emotion/cjs/components/Autocomplete/reducers/focusedReducer.js +0 -46
- package/emotion/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +0 -42
- package/emotion/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +0 -25
- package/emotion/cjs/components/Autocomplete/ui/TextField/TextField.js +0 -12
- package/emotion/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +0 -17
- package/emotion/cjs/components/Autocomplete/ui/index.js +0 -27
- package/emotion/cjs/components/EmptyState/EmptyState.js +0 -39
- package/emotion/cjs/components/EmptyState/EmptyState.styles.js +0 -29
- package/emotion/cjs/components/EmptyState/EmptyState.tokens.js +0 -20
- package/emotion/cjs/components/EmptyState/EmptyState.types.js +0 -5
- package/emotion/cjs/components/EmptyState/index.js +0 -25
- package/emotion/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +0 -39
- package/emotion/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.js +0 -11
- package/emotion/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.stories.tsx +0 -134
- package/emotion/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.config.js +0 -21
- package/emotion/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.js +0 -11
- package/emotion/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.stories.tsx +0 -44
- package/emotion/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +0 -39
- package/emotion/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.js +0 -11
- package/emotion/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.stories.tsx +0 -134
- package/emotion/cjs/examples/plasma_web/components/EmptyState/EmptyState.config.js +0 -21
- package/emotion/cjs/examples/plasma_web/components/EmptyState/EmptyState.js +0 -11
- package/emotion/cjs/examples/plasma_web/components/EmptyState/EmptyState.stories.tsx +0 -44
- package/emotion/cjs/hooks/useOutsideClick.js +0 -24
- package/emotion/es/components/Autocomplete/Autocomplete.js +0 -185
- package/emotion/es/components/Autocomplete/Autocomplete.styles.js +0 -36
- package/emotion/es/components/Autocomplete/Autocomplete.tokens.js +0 -85
- package/emotion/es/components/Autocomplete/hooks/useKeyboardNavigation.js +0 -108
- package/emotion/es/components/Autocomplete/index.js +0 -2
- package/emotion/es/components/Autocomplete/reducers/focusedReducer.js +0 -40
- package/emotion/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +0 -33
- package/emotion/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +0 -18
- package/emotion/es/components/Autocomplete/ui/TextField/TextField.js +0 -1
- package/emotion/es/components/Autocomplete/ui/TextField/TextField.styles.js +0 -10
- package/emotion/es/components/Autocomplete/ui/index.js +0 -2
- package/emotion/es/components/EmptyState/EmptyState.js +0 -31
- package/emotion/es/components/EmptyState/EmptyState.styles.js +0 -22
- package/emotion/es/components/EmptyState/EmptyState.tokens.js +0 -14
- package/emotion/es/components/EmptyState/EmptyState.types.js +0 -1
- package/emotion/es/components/EmptyState/index.js +0 -2
- package/emotion/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +0 -33
- package/emotion/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.js +0 -5
- package/emotion/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.stories.tsx +0 -134
- package/emotion/es/examples/plasma_b2c/components/EmptyState/EmptyState.config.js +0 -15
- package/emotion/es/examples/plasma_b2c/components/EmptyState/EmptyState.js +0 -5
- package/emotion/es/examples/plasma_b2c/components/EmptyState/EmptyState.stories.tsx +0 -44
- package/emotion/es/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +0 -33
- package/emotion/es/examples/plasma_web/components/Autocomplete/Autocomplete.js +0 -5
- package/emotion/es/examples/plasma_web/components/Autocomplete/Autocomplete.stories.tsx +0 -134
- package/emotion/es/examples/plasma_web/components/EmptyState/EmptyState.config.js +0 -15
- package/emotion/es/examples/plasma_web/components/EmptyState/EmptyState.js +0 -5
- package/emotion/es/examples/plasma_web/components/EmptyState/EmptyState.stories.tsx +0 -44
- package/emotion/es/hooks/useOutsideClick.js +0 -18
- package/es/components/Autocomplete/Autocomplete.css +0 -60
- package/es/components/Autocomplete/Autocomplete.js +0 -184
- package/es/components/Autocomplete/Autocomplete.js.map +0 -1
- package/es/components/Autocomplete/Autocomplete.styles.js +0 -70
- package/es/components/Autocomplete/Autocomplete.styles.js.map +0 -1
- package/es/components/Autocomplete/Autocomplete.styles_4wbmok.css +0 -5
- package/es/components/Autocomplete/Autocomplete.tokens.js +0 -88
- package/es/components/Autocomplete/Autocomplete.tokens.js.map +0 -1
- package/es/components/Autocomplete/hooks/useKeyboardNavigation.js +0 -107
- package/es/components/Autocomplete/hooks/useKeyboardNavigation.js.map +0 -1
- package/es/components/Autocomplete/reducers/focusedReducer.js +0 -43
- package/es/components/Autocomplete/reducers/focusedReducer.js.map +0 -1
- package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.css +0 -2
- package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +0 -37
- package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js.map +0 -1
- package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +0 -16
- package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js.map +0 -1
- package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles_lpdinw.css +0 -2
- package/es/components/Autocomplete/ui/TextField/TextField.styles.js +0 -19
- package/es/components/Autocomplete/ui/TextField/TextField.styles.js.map +0 -1
- package/es/components/Autocomplete/ui/TextField/TextField.styles_sx1sq7.css +0 -1
- package/es/components/EmptyState/EmptyState.css +0 -30
- package/es/components/EmptyState/EmptyState.js +0 -34
- package/es/components/EmptyState/EmptyState.js.map +0 -1
- package/es/components/EmptyState/EmptyState.styles.js +0 -34
- package/es/components/EmptyState/EmptyState.styles.js.map +0 -1
- package/es/components/EmptyState/EmptyState.styles_1o24i5h.css +0 -4
- package/es/components/EmptyState/EmptyState.tokens.js +0 -17
- package/es/components/EmptyState/EmptyState.tokens.js.map +0 -1
- package/es/hooks/useOutsideClick.js +0 -22
- package/es/hooks/useOutsideClick.js.map +0 -1
- package/styled-components/cjs/components/Autocomplete/Autocomplete.js +0 -193
- package/styled-components/cjs/components/Autocomplete/Autocomplete.styles.js +0 -40
- package/styled-components/cjs/components/Autocomplete/Autocomplete.tokens.js +0 -91
- package/styled-components/cjs/components/Autocomplete/Autocomplete.types.js +0 -5
- package/styled-components/cjs/components/Autocomplete/hooks/useKeyboardNavigation.js +0 -114
- package/styled-components/cjs/components/Autocomplete/index.js +0 -25
- package/styled-components/cjs/components/Autocomplete/reducers/focusedReducer.js +0 -46
- package/styled-components/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +0 -42
- package/styled-components/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +0 -23
- package/styled-components/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.js +0 -5
- package/styled-components/cjs/components/Autocomplete/ui/TextField/TextField.js +0 -12
- package/styled-components/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +0 -16
- package/styled-components/cjs/components/Autocomplete/ui/index.js +0 -27
- package/styled-components/cjs/components/EmptyState/EmptyState.js +0 -39
- package/styled-components/cjs/components/EmptyState/EmptyState.styles.js +0 -25
- package/styled-components/cjs/components/EmptyState/EmptyState.tokens.js +0 -20
- package/styled-components/cjs/components/EmptyState/EmptyState.types.js +0 -5
- package/styled-components/cjs/components/EmptyState/index.js +0 -25
- package/styled-components/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +0 -39
- package/styled-components/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.js +0 -11
- package/styled-components/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.stories.tsx +0 -134
- package/styled-components/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.config.js +0 -21
- package/styled-components/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.js +0 -11
- package/styled-components/cjs/examples/plasma_b2c/components/EmptyState/EmptyState.stories.tsx +0 -44
- package/styled-components/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +0 -39
- package/styled-components/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.js +0 -11
- package/styled-components/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.stories.tsx +0 -134
- package/styled-components/cjs/examples/plasma_web/components/EmptyState/EmptyState.config.js +0 -21
- package/styled-components/cjs/examples/plasma_web/components/EmptyState/EmptyState.js +0 -11
- package/styled-components/cjs/examples/plasma_web/components/EmptyState/EmptyState.stories.tsx +0 -44
- package/styled-components/cjs/hooks/useOutsideClick.js +0 -24
- package/styled-components/es/components/Autocomplete/Autocomplete.js +0 -185
- package/styled-components/es/components/Autocomplete/Autocomplete.styles.js +0 -32
- package/styled-components/es/components/Autocomplete/Autocomplete.tokens.js +0 -85
- package/styled-components/es/components/Autocomplete/Autocomplete.types.js +0 -1
- package/styled-components/es/components/Autocomplete/hooks/useKeyboardNavigation.js +0 -108
- package/styled-components/es/components/Autocomplete/index.js +0 -2
- package/styled-components/es/components/Autocomplete/reducers/focusedReducer.js +0 -40
- package/styled-components/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.js +0 -33
- package/styled-components/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +0 -16
- package/styled-components/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.js +0 -1
- package/styled-components/es/components/Autocomplete/ui/TextField/TextField.js +0 -1
- package/styled-components/es/components/Autocomplete/ui/TextField/TextField.styles.js +0 -9
- package/styled-components/es/components/Autocomplete/ui/index.js +0 -2
- package/styled-components/es/components/EmptyState/EmptyState.js +0 -31
- package/styled-components/es/components/EmptyState/EmptyState.styles.js +0 -18
- package/styled-components/es/components/EmptyState/EmptyState.tokens.js +0 -14
- package/styled-components/es/components/EmptyState/EmptyState.types.js +0 -1
- package/styled-components/es/components/EmptyState/index.js +0 -2
- package/styled-components/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +0 -33
- package/styled-components/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.js +0 -5
- package/styled-components/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.stories.tsx +0 -134
- package/styled-components/es/examples/plasma_b2c/components/EmptyState/EmptyState.config.js +0 -15
- package/styled-components/es/examples/plasma_b2c/components/EmptyState/EmptyState.js +0 -5
- package/styled-components/es/examples/plasma_b2c/components/EmptyState/EmptyState.stories.tsx +0 -44
- package/styled-components/es/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +0 -33
- package/styled-components/es/examples/plasma_web/components/Autocomplete/Autocomplete.js +0 -5
- package/styled-components/es/examples/plasma_web/components/Autocomplete/Autocomplete.stories.tsx +0 -134
- package/styled-components/es/examples/plasma_web/components/EmptyState/EmptyState.config.js +0 -15
- package/styled-components/es/examples/plasma_web/components/EmptyState/EmptyState.js +0 -5
- package/styled-components/es/examples/plasma_web/components/EmptyState/EmptyState.stories.tsx +0 -44
- package/styled-components/es/hooks/useOutsideClick.js +0 -18
- package/types/components/Autocomplete/Autocomplete.d.ts +0 -24
- package/types/components/Autocomplete/Autocomplete.d.ts.map +0 -1
- package/types/components/Autocomplete/Autocomplete.styles.d.ts +0 -19
- package/types/components/Autocomplete/Autocomplete.styles.d.ts.map +0 -1
- package/types/components/Autocomplete/Autocomplete.tokens.d.ts +0 -84
- package/types/components/Autocomplete/Autocomplete.tokens.d.ts.map +0 -1
- package/types/components/Autocomplete/Autocomplete.types.d.ts +0 -84
- package/types/components/Autocomplete/Autocomplete.types.d.ts.map +0 -1
- package/types/components/Autocomplete/hooks/useKeyboardNavigation.d.ts +0 -31
- package/types/components/Autocomplete/hooks/useKeyboardNavigation.d.ts.map +0 -1
- package/types/components/Autocomplete/index.d.ts +0 -3
- package/types/components/Autocomplete/index.d.ts.map +0 -1
- package/types/components/Autocomplete/reducers/focusedReducer.d.ts +0 -17
- package/types/components/Autocomplete/reducers/focusedReducer.d.ts.map +0 -1
- package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.d.ts +0 -4
- package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.d.ts.map +0 -1
- package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.d.ts +0 -4
- package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.d.ts.map +0 -1
- package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.d.ts +0 -8
- package/types/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.d.ts.map +0 -1
- package/types/components/Autocomplete/ui/TextField/TextField.d.ts +0 -2
- package/types/components/Autocomplete/ui/TextField/TextField.d.ts.map +0 -1
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +0 -41
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +0 -1
- package/types/components/Autocomplete/ui/index.d.ts +0 -3
- package/types/components/Autocomplete/ui/index.d.ts.map +0 -1
- package/types/components/EmptyState/EmptyState.d.ts +0 -18
- package/types/components/EmptyState/EmptyState.d.ts.map +0 -1
- package/types/components/EmptyState/EmptyState.styles.d.ts +0 -48
- package/types/components/EmptyState/EmptyState.styles.d.ts.map +0 -1
- package/types/components/EmptyState/EmptyState.tokens.d.ts +0 -15
- package/types/components/EmptyState/EmptyState.tokens.d.ts.map +0 -1
- package/types/components/EmptyState/EmptyState.types.d.ts +0 -8
- package/types/components/EmptyState/EmptyState.types.d.ts.map +0 -1
- package/types/components/EmptyState/index.d.ts +0 -3
- package/types/components/EmptyState/index.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.d.ts +0 -32
- package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.d.ts +0 -26
- package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/EmptyState/EmptyState.config.d.ts +0 -14
- package/types/examples/plasma_b2c/components/EmptyState/EmptyState.config.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/EmptyState/EmptyState.d.ts +0 -25
- package/types/examples/plasma_b2c/components/EmptyState/EmptyState.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Autocomplete/Autocomplete.config.d.ts +0 -32
- package/types/examples/plasma_web/components/Autocomplete/Autocomplete.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Autocomplete/Autocomplete.d.ts +0 -26
- package/types/examples/plasma_web/components/Autocomplete/Autocomplete.d.ts.map +0 -1
- package/types/examples/plasma_web/components/EmptyState/EmptyState.config.d.ts +0 -14
- package/types/examples/plasma_web/components/EmptyState/EmptyState.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/EmptyState/EmptyState.d.ts +0 -25
- package/types/examples/plasma_web/components/EmptyState/EmptyState.d.ts.map +0 -1
- package/types/hooks/useOutsideClick.d.ts +0 -3
- package/types/hooks/useOutsideClick.d.ts.map +0 -1
- /package/emotion/cjs/components/{Autocomplete/Autocomplete.types.js → Price/Price.types.js} +0 -0
- /package/emotion/es/components/{Autocomplete/Autocomplete.types.js → Price/Price.types.js} +0 -0
- /package/{emotion/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.js → styled-components/cjs/components/Price/Price.types.js} +0 -0
- /package/{emotion/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.type.js → styled-components/es/components/Price/Price.types.js} +0 -0
@@ -1,189 +0,0 @@
|
|
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
|
@@ -1 +0,0 @@
|
|
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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"}
|
@@ -1,78 +0,0 @@
|
|
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
|
@@ -1 +0,0 @@
|
|
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;;;;;;;;"}
|
@@ -1,5 +0,0 @@
|
|
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);}
|
@@ -1,93 +0,0 @@
|
|
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
|
@@ -1 +0,0 @@
|
|
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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"}
|
@@ -1,112 +0,0 @@
|
|
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
|
@@ -1 +0,0 @@
|
|
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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"}
|
@@ -1,47 +0,0 @@
|
|
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
|
@@ -1 +0,0 @@
|
|
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;;;;"}
|
@@ -1,2 +0,0 @@
|
|
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);}
|