@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,34 @@
|
|
1
|
+
import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
2
|
+
import React, { forwardRef } from 'react';
|
3
|
+
import { Wrapper, IconWrapper, Description, StyledButton } from './EmptyState.styles.js';
|
4
|
+
|
5
|
+
/**
|
6
|
+
* Компонент для альтернативного показа содержимого выпадающего списка.
|
7
|
+
*/
|
8
|
+
var emptyStateRoot = function emptyStateRoot(Root) {
|
9
|
+
return /*#__PURE__*/forwardRef(function (props, ref) {
|
10
|
+
var icon = props.icon,
|
11
|
+
description = props.description,
|
12
|
+
buttonText = props.buttonText,
|
13
|
+
buttonAction = props.buttonAction;
|
14
|
+
return /*#__PURE__*/React.createElement(Root, _extends({}, props, {
|
15
|
+
ref: ref
|
16
|
+
}), /*#__PURE__*/React.createElement(Wrapper, null, icon && /*#__PURE__*/React.createElement(IconWrapper, null, icon), /*#__PURE__*/React.createElement(Description, null, description), buttonText && /*#__PURE__*/React.createElement(StyledButton, {
|
17
|
+
stretching: "filled",
|
18
|
+
onClick: buttonAction
|
19
|
+
}, buttonText)));
|
20
|
+
});
|
21
|
+
};
|
22
|
+
var emptyStateConfig = {
|
23
|
+
name: 'EmptyState',
|
24
|
+
tag: 'div',
|
25
|
+
layout: emptyStateRoot,
|
26
|
+
base: '',
|
27
|
+
defaults: {
|
28
|
+
size: 'l'
|
29
|
+
},
|
30
|
+
variations: {}
|
31
|
+
};
|
32
|
+
|
33
|
+
export { emptyStateConfig, emptyStateRoot };
|
34
|
+
//# sourceMappingURL=EmptyState.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"EmptyState.js","sources":["../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { RootProps } from '../../engines';\n\nimport { Props } from './EmptyState.types';\nimport { Wrapper, StyledButton, IconWrapper, Description } from './EmptyState.styles';\n\n/**\n * Компонент для альтернативного показа содержимого выпадающего списка.\n */\nexport const emptyStateRoot = (Root: RootProps<HTMLDivElement, Props>) =>\n forwardRef<HTMLDivElement, Props>((props, ref) => {\n const { icon, description, buttonText, buttonAction } = props;\n\n return (\n <Root {...props} ref={ref}>\n <Wrapper>\n {icon && <IconWrapper>{icon}</IconWrapper>}\n\n <Description>{description}</Description>\n\n {buttonText && (\n <StyledButton stretching=\"filled\" onClick={buttonAction}>\n {buttonText}\n </StyledButton>\n )}\n </Wrapper>\n </Root>\n );\n });\n\nexport const emptyStateConfig = {\n name: 'EmptyState',\n tag: 'div',\n layout: emptyStateRoot,\n base: '',\n defaults: {\n size: 'l',\n },\n variations: {},\n};\n"],"names":["emptyStateRoot","Root","forwardRef","props","ref","icon","description","buttonText","buttonAction","React","createElement","_extends","Wrapper","IconWrapper","Description","StyledButton","stretching","onClick","emptyStateConfig","name","tag","layout","base","defaults","size","variations"],"mappings":";;;;AAOA;AACA;AACA;IACaA,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,IAAsC,EAAA;AAAA,EAAA,oBACjEC,UAAU,CAAwB,UAACC,KAAK,EAAEC,GAAG,EAAK;AAC9C,IAAA,IAAQC,IAAI,GAA4CF,KAAK,CAArDE,IAAI;MAAEC,WAAW,GAA+BH,KAAK,CAA/CG,WAAW;MAAEC,UAAU,GAAmBJ,KAAK,CAAlCI,UAAU;MAAEC,YAAY,GAAKL,KAAK,CAAtBK,YAAY,CAAA;IAEnD,oBACIC,KAAA,CAAAC,aAAA,CAACT,IAAI,EAAAU,QAAA,KAAKR,KAAK,EAAA;AAAEC,MAAAA,GAAG,EAAEA,GAAAA;AAAI,KAAA,CAAA,eACtBK,KAAA,CAAAC,aAAA,CAACE,OAAO,EACHP,IAAAA,EAAAA,IAAI,iBAAII,KAAA,CAAAC,aAAA,CAACG,WAAW,QAAER,IAAkB,CAAC,eAE1CI,KAAA,CAAAC,aAAA,CAACI,WAAW,QAAER,WAAyB,CAAC,EAEvCC,UAAU,iBACPE,KAAA,CAAAC,aAAA,CAACK,YAAY,EAAA;AAACC,MAAAA,UAAU,EAAC,QAAQ;AAACC,MAAAA,OAAO,EAAET,YAAAA;KACtCD,EAAAA,UACS,CAEb,CACP,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMW,gBAAgB,GAAG;AAC5BC,EAAAA,IAAI,EAAE,YAAY;AAClBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAErB,cAAc;AACtBsB,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE,EAAC;AACjB;;;;"}
|
@@ -0,0 +1,34 @@
|
|
1
|
+
import './EmptyState.styles_1o24i5h.css';
|
2
|
+
import { styled } from '@linaria/react';
|
3
|
+
import { buttonConfig } from '../Button/Button.js';
|
4
|
+
import '@linaria/core';
|
5
|
+
import { component, mergeConfig } from '../../engines/common.js';
|
6
|
+
|
7
|
+
var mergedButtonConfig = /*#__PURE__*/mergeConfig(buttonConfig);
|
8
|
+
var Button = /*#__PURE__*/component(mergedButtonConfig);
|
9
|
+
var _exp = function _exp() {
|
10
|
+
return Button;
|
11
|
+
};
|
12
|
+
var StyledButton = /*#__PURE__*/styled(_exp())({
|
13
|
+
name: "StyledButton",
|
14
|
+
"class": "spbib9h",
|
15
|
+
propsAsIs: true
|
16
|
+
});
|
17
|
+
var Wrapper = /*#__PURE__*/styled('div')({
|
18
|
+
name: "Wrapper",
|
19
|
+
"class": "w1g2xar0",
|
20
|
+
propsAsIs: false
|
21
|
+
});
|
22
|
+
var IconWrapper = /*#__PURE__*/styled('div')({
|
23
|
+
name: "IconWrapper",
|
24
|
+
"class": "i21aoej",
|
25
|
+
propsAsIs: false
|
26
|
+
});
|
27
|
+
var Description = /*#__PURE__*/styled('div')({
|
28
|
+
name: "Description",
|
29
|
+
"class": "d1brs29u",
|
30
|
+
propsAsIs: false
|
31
|
+
});
|
32
|
+
|
33
|
+
export { Description, IconWrapper, StyledButton, Wrapper };
|
34
|
+
//# sourceMappingURL=EmptyState.styles.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"EmptyState.styles.js","sources":["../../../src/components/EmptyState/EmptyState.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { buttonConfig, buttonTokens } from '../Button';\nimport { component, mergeConfig } from '../../engines';\n\nimport { tokens } from './EmptyState.tokens';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\nexport const StyledButton = styled(Button)`\n ${buttonTokens.buttonColor}: var(--text-primary);\n ${buttonTokens.buttonColorActive}: var(--text-primary-active);\n ${buttonTokens.buttonColorHover}: var(--text-primary-hover);\n ${buttonTokens.buttonBackgroundColor}: none;\n ${buttonTokens.buttonPadding}: 0;\n ${buttonTokens.buttonHeight}: var(${tokens.buttonHeight});\n ${buttonTokens.buttonRadius}: 0;\n ${buttonTokens.buttonFontFamily}: var(${tokens.fontFamily});\n ${buttonTokens.buttonFontSize}: var(${tokens.fontSize});\n ${buttonTokens.buttonFontStyle}: var(${tokens.fontStyle});\n ${buttonTokens.buttonFontWeight}: 600;\n ${buttonTokens.buttonLetterSpacing}: var(${tokens.fontLetterSpacing});\n ${buttonTokens.buttonLineHeight}: var(${tokens.fontLineHeight});\n margin: var(${tokens.buttonMargin});\n`;\n\nexport const Wrapper = styled.div`\n display: flex;\n flex-direction: column;\n align-items: center;\n background: var(--surface-solid-card);\n box-shadow: 0 4px 14px -4px rgba(8, 8, 8, 0.08), 0 1px 4px -1px rgba(0, 0, 0, 0.04);\n border-radius: var(${tokens.borderRadius});\n padding: var(${tokens.padding});\n text-align: center;\n`;\n\nexport const IconWrapper = styled.div`\n margin: var(${tokens.iconMargin});\n line-height: 0;\n`;\n\nexport const Description = styled.div`\n margin: var(${tokens.descriptionMargin});\n font-family: var(${tokens.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.fontLetterSpacing});\n line-height: var(${tokens.fontLineHeight});\n`;\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","_exp","StyledButton","styled","name","class","propsAsIs","Wrapper","IconWrapper","Description"],"mappings":";;;;;AAOA,IAAMA,kBAAkB,gBAAGC,WAAW,CAACC,YAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,SAAS,CAACJ,kBAAkB,CAAC,CAAA;AAAC,IAAAK,IAAA,GAP3BA,SAO2BA,IAAAA,GAAA;AAAA,EAAA,OAEVF,MAAM,CAAA;AAAA,CAAA,CAAA;AAAlC,IAAMG,YAAY,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAejC,EAAA;AAEM,IAAMC,OAAO,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,SAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAS5B,EAAA;AAEM,IAAME,WAAW,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGhC,EAAA;AAEM,IAAMG,WAAW,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAQhC;;;;"}
|
@@ -0,0 +1,4 @@
|
|
1
|
+
.spbib9h{--plasma-button-color:var(--text-primary);--plasma-button-color-active:var(--text-primary-active);--plasma-button-color-hover:var(--text-primary-hover);--plasma-button-background-color:none;--plasma-button-padding:0;--plasma-button-height:var(--plasma-emptystate-button-height);--plasma-button-radius:0;--plasma-button-font-family:var(--plasma-emptystate-font-family);--plasma-button-font-size:var(--plasma-emptystate-font-size);--plasma-button-font-style:var(--plasma-emptystate-font-style);--plasma-button-font-weight:600;--plasma-button-letter-spacing:var(--plasma-emptystate-font-letter-spacing);--plasma-button-line-height:var(--plasma-emptystate-font-line-height);margin:var(--plasma-emptystate-button-margin);}
|
2
|
+
.w1g2xar0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--surface-solid-card);box-shadow:0 4px 14px -4px rgba(8,8,8,0.08),0 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-emptystate-border-radius);padding:var(--plasma-emptystate-padding);text-align:center;}
|
3
|
+
.i21aoej{margin:var(--plasma-emptystate-icon-margin);line-height:0;}
|
4
|
+
.d1brs29u{margin:var(--plasma-emptystate-description-margin);font-family:var(--plasma-emptystate-font-family);font-size:var(--plasma-emptystate-font-size);font-style:var(--plasma-emptystate-font-style);font-weight:var(--plasma-emptystate-font-weight);-webkit-letter-spacing:var(--plasma-emptystate-font-letter-spacing);-moz-letter-spacing:var(--plasma-emptystate-font-letter-spacing);-ms-letter-spacing:var(--plasma-emptystate-font-letter-spacing);letter-spacing:var(--plasma-emptystate-font-letter-spacing);line-height:var(--plasma-emptystate-font-line-height);}
|
@@ -0,0 +1,17 @@
|
|
1
|
+
var tokens = {
|
2
|
+
borderRadius: '--plasma-emptystate-border-radius',
|
3
|
+
padding: '--plasma-emptystate-padding',
|
4
|
+
iconMargin: '--plasma-emptystate-icon-margin',
|
5
|
+
descriptionMargin: '--plasma-emptystate-description-margin',
|
6
|
+
buttonMargin: '--plasma-emptystate-button-margin',
|
7
|
+
buttonHeight: '--plasma-emptystate-button-height',
|
8
|
+
fontFamily: '--plasma-emptystate-font-family',
|
9
|
+
fontSize: '--plasma-emptystate-font-size',
|
10
|
+
fontStyle: '--plasma-emptystate-font-style',
|
11
|
+
fontWeight: '--plasma-emptystate-font-weight',
|
12
|
+
fontLetterSpacing: '--plasma-emptystate-font-letter-spacing',
|
13
|
+
fontLineHeight: '--plasma-emptystate-font-line-height'
|
14
|
+
};
|
15
|
+
|
16
|
+
export { tokens };
|
17
|
+
//# sourceMappingURL=EmptyState.tokens.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"EmptyState.tokens.js","sources":["../../../src/components/EmptyState/EmptyState.tokens.ts"],"sourcesContent":["export const tokens = {\n borderRadius: '--plasma-emptystate-border-radius',\n padding: '--plasma-emptystate-padding',\n iconMargin: '--plasma-emptystate-icon-margin',\n descriptionMargin: '--plasma-emptystate-description-margin',\n buttonMargin: '--plasma-emptystate-button-margin',\n buttonHeight: '--plasma-emptystate-button-height',\n fontFamily: '--plasma-emptystate-font-family',\n fontSize: '--plasma-emptystate-font-size',\n fontStyle: '--plasma-emptystate-font-style',\n fontWeight: '--plasma-emptystate-font-weight',\n fontLetterSpacing: '--plasma-emptystate-font-letter-spacing',\n fontLineHeight: '--plasma-emptystate-font-line-height',\n};\n"],"names":["tokens","borderRadius","padding","iconMargin","descriptionMargin","buttonMargin","buttonHeight","fontFamily","fontSize","fontStyle","fontWeight","fontLetterSpacing","fontLineHeight"],"mappings":"AAAO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,YAAY,EAAE,mCAAmC;AACjDC,EAAAA,OAAO,EAAE,6BAA6B;AACtCC,EAAAA,UAAU,EAAE,iCAAiC;AAC7CC,EAAAA,iBAAiB,EAAE,wCAAwC;AAC3DC,EAAAA,YAAY,EAAE,mCAAmC;AACjDC,EAAAA,YAAY,EAAE,mCAAmC;AACjDC,EAAAA,UAAU,EAAE,iCAAiC;AAC7CC,EAAAA,QAAQ,EAAE,+BAA+B;AACzCC,EAAAA,SAAS,EAAE,gCAAgC;AAC3CC,EAAAA,UAAU,EAAE,iCAAiC;AAC7CC,EAAAA,iBAAiB,EAAE,yCAAyC;AAC5DC,EAAAA,cAAc,EAAE,sCAAA;AACpB;;;;"}
|
@@ -176,7 +176,7 @@ var textFieldRoot = function textFieldRoot(Root) {
|
|
176
176
|
},
|
177
177
|
onClick: onChipClick
|
178
178
|
});
|
179
|
-
})), /*#__PURE__*/React.createElement(Input, _extends({
|
179
|
+
})), /*#__PURE__*/React.createElement(Input, _extends({
|
180
180
|
ref: inputForkRef,
|
181
181
|
id: innerId,
|
182
182
|
"aria-labelledby": labelId,
|
@@ -186,7 +186,7 @@ var textFieldRoot = function textFieldRoot(Root) {
|
|
186
186
|
readOnly: !disabled && readOnly,
|
187
187
|
onChange: handleChange,
|
188
188
|
onKeyDown: handleOnKeyDown
|
189
|
-
})), labelInside && /*#__PURE__*/React.createElement(Label, {
|
189
|
+
}, rest)), labelInside && /*#__PURE__*/React.createElement(Label, {
|
190
190
|
id: labelId,
|
191
191
|
htmlFor: innerId
|
192
192
|
}, innerLabelValue), textAfter && /*#__PURE__*/React.createElement(StyledTextAfter, null, textAfter)), contentRight && /*#__PURE__*/React.createElement(StyledContentRight, null, contentRight)), leftHelper && /*#__PURE__*/React.createElement(LeftHelper, {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextField.js","sources":["../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport type { ChangeEventHandler, KeyboardEvent, ChangeEvent } from 'react';\nimport { safeUseId, useForkRef } from '@salutejs/plasma-core';\nimport { css } from '@linaria/core';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { ChipValues, TextFieldPrimitiveValue, TextFieldProps } from './TextField.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_read-only/base';\nimport { base as labelPlacementCSS } from './variations/_label-placement/base';\nimport {\n Input,\n LeftHelper,\n Label,\n InputWrapper,\n InputLabelWrapper,\n StyledContentLeft,\n StyledContentRight,\n StyledChips,\n StyledTextBefore,\n StyledTextAfter,\n} from './TextField.styles';\nimport { classes } from './TextField.tokens';\nimport { TextFieldChip } from './ui';\nimport { useKeyNavigation } from './hooks';\n\nexport const base = css`\n /* NOTE: Webkit не применяет opacity к inline тегам */\n display: block;\n overflow: hidden;\n`;\n\nexport const textFieldRoot = (Root: RootProps<HTMLDivElement, TextFieldProps>) =>\n forwardRef<HTMLInputElement, TextFieldProps>(\n (\n {\n id,\n className,\n style,\n\n // layout\n contentLeft,\n contentRight,\n label,\n labelPlacement,\n textBefore,\n textAfter,\n placeholder,\n leftHelper,\n enumerationType = 'plain',\n\n // variations\n view,\n size,\n readOnly = false,\n disabled = false,\n\n // controlled\n chips: values,\n\n // events\n onChange,\n onChangeChips,\n onSearch,\n onKeyDown,\n\n ...rest\n },\n ref,\n ) => {\n const contentRef = useRef<HTMLDivElement>(null);\n const inputRef = useRef<HTMLInputElement>(null);\n const inputForkRef = useForkRef(inputRef, ref);\n const chipsRefs = useRef<Array<HTMLButtonElement>>([]);\n\n const controlledRefs = { contentRef, inputRef, chipsRefs };\n\n const [chips, setChips] = useState<Array<ChipValues>>([]);\n\n const uniqId = safeUseId();\n const innerId = id || uniqId;\n const labelId = safeUseId();\n const helperTextId = safeUseId();\n\n const isChipEnumeration = enumerationType === 'chip';\n const hideLabel = (size === 'xs' || isChipEnumeration) && labelPlacement === 'inner';\n const labelInside = size !== 'xs' && labelPlacement === 'inner';\n const innerLabelPlacementValue = hideLabel ? 'outer' : labelPlacement;\n const innerPlaceholderValue = hideLabel ? label : placeholder;\n const innerLabelValue = hideLabel ? undefined : label;\n const hideLabelClass = hideLabel && label ? classes.hideLabel : undefined;\n const labelPlacementClass = classes[`${labelPlacement}LabelPlacement` as keyof typeof classes];\n\n const isChipsVisible = isChipEnumeration && chips?.length;\n const withHasChips = isChipsVisible ? classes.hasChips : undefined;\n const wrapperWithoutLeftContent = !contentLeft && isChipsVisible ? classes.hasEmptyContentLeft : undefined;\n const wrapperWithoutRightContent =\n !contentRight && isChipsVisible ? classes.hasEmptyContentRight : undefined;\n\n const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n if (disabled || readOnly) {\n return;\n }\n\n const { maxLength, value } = event.target;\n\n if (maxLength !== -1 && value.length > maxLength) {\n return;\n }\n\n onChange?.(event);\n };\n\n const updateChips = (newChips: Array<ChipValues>, newValues: Array<TextFieldPrimitiveValue>) => {\n setChips(newChips);\n onChangeChips?.(newValues);\n };\n\n const { handleInputKeydown, handleChipKeyDown, onChipClear, handleContentKeyDown } = useKeyNavigation({\n controlledRefs,\n disabled,\n readOnly,\n chips,\n enumerationType,\n updateChips,\n onSearch,\n onChange,\n });\n\n const onChipClick = (event: React.MouseEvent<HTMLButtonElement>) => event.stopPropagation();\n\n const handleInputFocus = () => {\n if (readOnly || disabled || !inputRef?.current) {\n return;\n }\n\n inputRef.current.scrollTo({\n top: 0,\n left: inputRef.current.offsetLeft,\n behavior: 'smooth',\n });\n\n inputRef.current.focus();\n };\n\n const getRef = (element: HTMLButtonElement | null, index: number) => {\n if (element && chipsRefs?.current) {\n chipsRefs.current[index] = element;\n }\n };\n\n const handleOnKeyDown = (event: ChangeEvent<HTMLInputElement> & KeyboardEvent<HTMLInputElement>) => {\n handleInputKeydown(event);\n onKeyDown && onKeyDown(event);\n };\n\n useEffect(() => {\n if (!isChipEnumeration && !values?.length) {\n return;\n }\n\n const newChips =\n values?.map((value, index) => ({\n id: `${index}_${value}`,\n text: value,\n })) || [];\n\n setChips(newChips);\n }, [isChipEnumeration, values]);\n\n return (\n <Root\n view={view}\n size={size}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n labelPlacement={innerLabelPlacementValue}\n onClick={handleInputFocus}\n className={cx(labelPlacementClass, hideLabelClass, className)}\n style={style}\n >\n {labelInside ||\n (innerLabelValue && (\n <Label id={labelId} htmlFor={id}>\n {innerLabelValue}\n </Label>\n ))}\n <InputWrapper className={cx(withHasChips, wrapperWithoutLeftContent, wrapperWithoutRightContent)}>\n {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n <InputLabelWrapper\n tabIndex={-1}\n ref={contentRef}\n onKeyDown={handleContentKeyDown}\n className={withHasChips}\n >\n {textBefore && <StyledTextBefore>{textBefore}</StyledTextBefore>}\n {isChipEnumeration && Boolean(chips?.length) && (\n <StyledChips>\n {chips?.map(({ id: chipId, text }, index) => {\n return (\n <TextFieldChip\n id={chipId}\n ref={(element) => getRef(element, index)}\n key={`${chipId}_${index}`}\n disabled={disabled}\n readOnly={readOnly}\n value={text}\n text={text}\n onKeyDown={(event) => handleChipKeyDown(event, chipId, index)}\n onClear={() => onChipClear(chipId, index)}\n onClick={onChipClick}\n />\n );\n })}\n </StyledChips>\n )}\n <Input\n {...rest}\n ref={inputForkRef}\n id={innerId}\n aria-labelledby={labelId}\n aria-describedby={helperTextId}\n placeholder={innerPlaceholderValue}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n onChange={handleChange}\n onKeyDown={handleOnKeyDown}\n />\n {labelInside && (\n <Label id={labelId} htmlFor={innerId}>\n {innerLabelValue}\n </Label>\n )}\n {textAfter && <StyledTextAfter>{textAfter}</StyledTextAfter>}\n </InputLabelWrapper>\n {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n </InputWrapper>\n {leftHelper && <LeftHelper id={helperTextId}>{leftHelper}</LeftHelper>}\n </Root>\n );\n },\n );\n\nexport const textFieldConfig = {\n name: 'TextField',\n tag: 'div',\n layout: textFieldRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n readOnly: {\n css: readOnlyCSS,\n attrs: true,\n },\n labelPlacement: {\n css: labelPlacementCSS,\n },\n },\n defaults: {\n size: 'm',\n view: 'default',\n },\n};\n"],"names":["base","textFieldRoot","Root","forwardRef","_ref","ref","id","className","style","contentLeft","contentRight","label","labelPlacement","textBefore","textAfter","placeholder","leftHelper","_ref$enumerationType","enumerationType","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","values","chips","onChange","onChangeChips","onSearch","onKeyDown","rest","contentRef","useRef","inputRef","inputForkRef","useForkRef","chipsRefs","controlledRefs","_useState","useState","_useState2","_slicedToArray","setChips","uniqId","safeUseId","innerId","labelId","helperTextId","isChipEnumeration","hideLabel","labelInside","innerLabelPlacementValue","innerPlaceholderValue","innerLabelValue","undefined","hideLabelClass","classes","labelPlacementClass","concat","isChipsVisible","length","withHasChips","hasChips","wrapperWithoutLeftContent","hasEmptyContentLeft","wrapperWithoutRightContent","hasEmptyContentRight","handleChange","event","_event$target","target","maxLength","value","updateChips","newChips","newValues","_useKeyNavigation","useKeyNavigation","handleInputKeydown","handleChipKeyDown","onChipClear","handleContentKeyDown","onChipClick","stopPropagation","handleInputFocus","current","scrollTo","top","left","offsetLeft","behavior","focus","getRef","element","index","handleOnKeyDown","useEffect","map","text","React","createElement","onClick","cx","Label","htmlFor","InputWrapper","StyledContentLeft","InputLabelWrapper","tabIndex","StyledTextBefore","Boolean","StyledChips","_ref2","chipId","TextFieldChip","key","onClear","Input","_extends","StyledTextAfter","StyledContentRight","LeftHelper","textFieldConfig","name","tag","layout","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","labelPlacementCSS","defaults"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"TextField.js","sources":["../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport type { ChangeEventHandler, KeyboardEvent, ChangeEvent } from 'react';\nimport { safeUseId, useForkRef } from '@salutejs/plasma-core';\nimport { css } from '@linaria/core';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { ChipValues, TextFieldPrimitiveValue, TextFieldProps } from './TextField.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_read-only/base';\nimport { base as labelPlacementCSS } from './variations/_label-placement/base';\nimport {\n Input,\n LeftHelper,\n Label,\n InputWrapper,\n InputLabelWrapper,\n StyledContentLeft,\n StyledContentRight,\n StyledChips,\n StyledTextBefore,\n StyledTextAfter,\n} from './TextField.styles';\nimport { classes } from './TextField.tokens';\nimport { TextFieldChip } from './ui';\nimport { useKeyNavigation } from './hooks';\n\nexport const base = css`\n /* NOTE: Webkit не применяет opacity к inline тегам */\n display: block;\n overflow: hidden;\n`;\n\nexport const textFieldRoot = (Root: RootProps<HTMLDivElement, TextFieldProps>) =>\n forwardRef<HTMLInputElement, TextFieldProps>(\n (\n {\n id,\n className,\n style,\n\n // layout\n contentLeft,\n contentRight,\n label,\n labelPlacement,\n textBefore,\n textAfter,\n placeholder,\n leftHelper,\n enumerationType = 'plain',\n\n // variations\n view,\n size,\n readOnly = false,\n disabled = false,\n\n // controlled\n chips: values,\n\n // events\n onChange,\n onChangeChips,\n onSearch,\n onKeyDown,\n\n ...rest\n },\n ref,\n ) => {\n const contentRef = useRef<HTMLDivElement>(null);\n const inputRef = useRef<HTMLInputElement>(null);\n const inputForkRef = useForkRef(inputRef, ref);\n const chipsRefs = useRef<Array<HTMLButtonElement>>([]);\n\n const controlledRefs = { contentRef, inputRef, chipsRefs };\n\n const [chips, setChips] = useState<Array<ChipValues>>([]);\n\n const uniqId = safeUseId();\n const innerId = id || uniqId;\n const labelId = safeUseId();\n const helperTextId = safeUseId();\n\n const isChipEnumeration = enumerationType === 'chip';\n const hideLabel = (size === 'xs' || isChipEnumeration) && labelPlacement === 'inner';\n const labelInside = size !== 'xs' && labelPlacement === 'inner';\n const innerLabelPlacementValue = hideLabel ? 'outer' : labelPlacement;\n const innerPlaceholderValue = hideLabel ? label : placeholder;\n const innerLabelValue = hideLabel ? undefined : label;\n const hideLabelClass = hideLabel && label ? classes.hideLabel : undefined;\n const labelPlacementClass = classes[`${labelPlacement}LabelPlacement` as keyof typeof classes];\n\n const isChipsVisible = isChipEnumeration && chips?.length;\n const withHasChips = isChipsVisible ? classes.hasChips : undefined;\n const wrapperWithoutLeftContent = !contentLeft && isChipsVisible ? classes.hasEmptyContentLeft : undefined;\n const wrapperWithoutRightContent =\n !contentRight && isChipsVisible ? classes.hasEmptyContentRight : undefined;\n\n const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n if (disabled || readOnly) {\n return;\n }\n\n const { maxLength, value } = event.target;\n\n if (maxLength !== -1 && value.length > maxLength) {\n return;\n }\n\n onChange?.(event);\n };\n\n const updateChips = (newChips: Array<ChipValues>, newValues: Array<TextFieldPrimitiveValue>) => {\n setChips(newChips);\n onChangeChips?.(newValues);\n };\n\n const { handleInputKeydown, handleChipKeyDown, onChipClear, handleContentKeyDown } = useKeyNavigation({\n controlledRefs,\n disabled,\n readOnly,\n chips,\n enumerationType,\n updateChips,\n onSearch,\n onChange,\n });\n\n const onChipClick = (event: React.MouseEvent<HTMLButtonElement>) => event.stopPropagation();\n\n const handleInputFocus = () => {\n if (readOnly || disabled || !inputRef?.current) {\n return;\n }\n\n inputRef.current.scrollTo({\n top: 0,\n left: inputRef.current.offsetLeft,\n behavior: 'smooth',\n });\n\n inputRef.current.focus();\n };\n\n const getRef = (element: HTMLButtonElement | null, index: number) => {\n if (element && chipsRefs?.current) {\n chipsRefs.current[index] = element;\n }\n };\n\n const handleOnKeyDown = (event: ChangeEvent<HTMLInputElement> & KeyboardEvent<HTMLInputElement>) => {\n handleInputKeydown(event);\n onKeyDown && onKeyDown(event);\n };\n\n useEffect(() => {\n if (!isChipEnumeration && !values?.length) {\n return;\n }\n\n const newChips =\n values?.map((value, index) => ({\n id: `${index}_${value}`,\n text: value,\n })) || [];\n\n setChips(newChips);\n }, [isChipEnumeration, values]);\n\n return (\n <Root\n view={view}\n size={size}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n labelPlacement={innerLabelPlacementValue}\n onClick={handleInputFocus}\n className={cx(labelPlacementClass, hideLabelClass, className)}\n style={style}\n >\n {labelInside ||\n (innerLabelValue && (\n <Label id={labelId} htmlFor={id}>\n {innerLabelValue}\n </Label>\n ))}\n <InputWrapper className={cx(withHasChips, wrapperWithoutLeftContent, wrapperWithoutRightContent)}>\n {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n <InputLabelWrapper\n tabIndex={-1}\n ref={contentRef}\n onKeyDown={handleContentKeyDown}\n className={withHasChips}\n >\n {textBefore && <StyledTextBefore>{textBefore}</StyledTextBefore>}\n {isChipEnumeration && Boolean(chips?.length) && (\n <StyledChips>\n {chips?.map(({ id: chipId, text }, index) => {\n return (\n <TextFieldChip\n id={chipId}\n ref={(element) => getRef(element, index)}\n key={`${chipId}_${index}`}\n disabled={disabled}\n readOnly={readOnly}\n value={text}\n text={text}\n onKeyDown={(event) => handleChipKeyDown(event, chipId, index)}\n onClear={() => onChipClear(chipId, index)}\n onClick={onChipClick}\n />\n );\n })}\n </StyledChips>\n )}\n <Input\n ref={inputForkRef}\n id={innerId}\n aria-labelledby={labelId}\n aria-describedby={helperTextId}\n placeholder={innerPlaceholderValue}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n onChange={handleChange}\n onKeyDown={handleOnKeyDown}\n {...rest}\n />\n {labelInside && (\n <Label id={labelId} htmlFor={innerId}>\n {innerLabelValue}\n </Label>\n )}\n {textAfter && <StyledTextAfter>{textAfter}</StyledTextAfter>}\n </InputLabelWrapper>\n {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n </InputWrapper>\n {leftHelper && <LeftHelper id={helperTextId}>{leftHelper}</LeftHelper>}\n </Root>\n );\n },\n );\n\nexport const textFieldConfig = {\n name: 'TextField',\n tag: 'div',\n layout: textFieldRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n readOnly: {\n css: readOnlyCSS,\n attrs: true,\n },\n labelPlacement: {\n css: labelPlacementCSS,\n },\n },\n defaults: {\n size: 'm',\n view: 'default',\n },\n};\n"],"names":["base","textFieldRoot","Root","forwardRef","_ref","ref","id","className","style","contentLeft","contentRight","label","labelPlacement","textBefore","textAfter","placeholder","leftHelper","_ref$enumerationType","enumerationType","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","values","chips","onChange","onChangeChips","onSearch","onKeyDown","rest","contentRef","useRef","inputRef","inputForkRef","useForkRef","chipsRefs","controlledRefs","_useState","useState","_useState2","_slicedToArray","setChips","uniqId","safeUseId","innerId","labelId","helperTextId","isChipEnumeration","hideLabel","labelInside","innerLabelPlacementValue","innerPlaceholderValue","innerLabelValue","undefined","hideLabelClass","classes","labelPlacementClass","concat","isChipsVisible","length","withHasChips","hasChips","wrapperWithoutLeftContent","hasEmptyContentLeft","wrapperWithoutRightContent","hasEmptyContentRight","handleChange","event","_event$target","target","maxLength","value","updateChips","newChips","newValues","_useKeyNavigation","useKeyNavigation","handleInputKeydown","handleChipKeyDown","onChipClear","handleContentKeyDown","onChipClick","stopPropagation","handleInputFocus","current","scrollTo","top","left","offsetLeft","behavior","focus","getRef","element","index","handleOnKeyDown","useEffect","map","text","React","createElement","onClick","cx","Label","htmlFor","InputWrapper","StyledContentLeft","InputLabelWrapper","tabIndex","StyledTextBefore","Boolean","StyledChips","_ref2","chipId","TextFieldChip","key","onClear","Input","_extends","StyledTextAfter","StyledContentRight","LeftHelper","textFieldConfig","name","tag","layout","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","labelPlacementCSS","defaults"],"mappings":"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"}
|
@@ -0,0 +1,22 @@
|
|
1
|
+
import { useRef, useEffect } from 'react';
|
2
|
+
|
3
|
+
var useOutsideClick = function useOutsideClick(callback) {
|
4
|
+
var ref = useRef(null);
|
5
|
+
useEffect(function () {
|
6
|
+
var handleClickOutside = function handleClickOutside(event) {
|
7
|
+
if (ref.current && !ref.current.contains(event.target)) {
|
8
|
+
callback();
|
9
|
+
}
|
10
|
+
};
|
11
|
+
document.addEventListener('mouseup', handleClickOutside);
|
12
|
+
document.addEventListener('touchend', handleClickOutside);
|
13
|
+
return function () {
|
14
|
+
document.removeEventListener('mouseup', handleClickOutside);
|
15
|
+
document.removeEventListener('touchend', handleClickOutside);
|
16
|
+
};
|
17
|
+
}, [callback]);
|
18
|
+
return ref;
|
19
|
+
};
|
20
|
+
|
21
|
+
export { useOutsideClick };
|
22
|
+
//# sourceMappingURL=useOutsideClick.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"useOutsideClick.js","sources":["../../src/hooks/useOutsideClick.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nexport const useOutsideClick = <T extends HTMLElement = HTMLElement>(callback: () => void) => {\n const ref = useRef<T | null>(null);\n\n useEffect(() => {\n const handleClickOutside = (event: MouseEvent | TouchEvent) => {\n if (ref.current && !ref.current.contains(event.target as Node)) {\n callback();\n }\n };\n\n document.addEventListener('mouseup', handleClickOutside);\n document.addEventListener('touchend', handleClickOutside);\n\n return () => {\n document.removeEventListener('mouseup', handleClickOutside);\n document.removeEventListener('touchend', handleClickOutside);\n };\n }, [callback]);\n\n return ref;\n};\n"],"names":["useOutsideClick","callback","ref","useRef","useEffect","handleClickOutside","event","current","contains","target","document","addEventListener","removeEventListener"],"mappings":";;IAEaA,eAAe,GAAG,SAAlBA,eAAeA,CAAyCC,QAAoB,EAAK;AAC1F,EAAA,IAAMC,GAAG,GAAGC,MAAM,CAAW,IAAI,CAAC,CAAA;AAElCC,EAAAA,SAAS,CAAC,YAAM;AACZ,IAAA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,KAA8B,EAAK;AAC3D,MAAA,IAAIJ,GAAG,CAACK,OAAO,IAAI,CAACL,GAAG,CAACK,OAAO,CAACC,QAAQ,CAACF,KAAK,CAACG,MAAc,CAAC,EAAE;AAC5DR,QAAAA,QAAQ,EAAE,CAAA;AACd,OAAA;KACH,CAAA;AAEDS,IAAAA,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEN,kBAAkB,CAAC,CAAA;AACxDK,IAAAA,QAAQ,CAACC,gBAAgB,CAAC,UAAU,EAAEN,kBAAkB,CAAC,CAAA;AAEzD,IAAA,OAAO,YAAM;AACTK,MAAAA,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEP,kBAAkB,CAAC,CAAA;AAC3DK,MAAAA,QAAQ,CAACE,mBAAmB,CAAC,UAAU,EAAEP,kBAAkB,CAAC,CAAA;KAC/D,CAAA;AACL,GAAC,EAAE,CAACJ,QAAQ,CAAC,CAAC,CAAA;AAEd,EAAA,OAAOC,GAAG,CAAA;AACd;;;;"}
|
package/es/index.css
CHANGED
@@ -618,3 +618,19 @@
|
|
618
618
|
|
619
619
|
.RangeDatePopover_styles_1gljtdv_s1ld9lms__de8df5b3{--plasma-calendar-separator-background:var(--plasma-date-picker-calendar__separator-background);padding-top:var(--plasma-date-picker-calendar-padding-top);box-shadow:var(--plasma-date-picker-calendar-shadow);border-radius:var(--plasma-date-picker-calendar-border-radius);--plasma-calendar-background:var(--plasma-date-picker-calendar__background-color);--plasma-calendar-selected-item-background:var(--plasma-date-picker-calendar__selected-item-background);--plasma-calendar-selected-item-color:var(--plasma-date-picker-calendar__selected-item-color);--plasma-calendar-selectable-item-bg-hover:var(--plasma-date-picker-calendar__selectable-item-background-hover);--plasma-calendar-current-item-border-color:var(--plasma-date-picker-calendar__current-item-border-color);--plasma-calendar-current-item-bg-hover:var(--plasma-date-picker-calendar__current-item-background-hover);--plasma-calendar-current-item-color-hover:var(--plasma-date-picker-calendar__current-item-color-hover);--plasma-calendar-current-item-child-bg-hover:var(--plasma-date-picker-calendar__current-item-child-background-hover);--plasma-calendar-active-item-bg:var(--plasma-date-picker-calendar__active-item-background);--plasma-calendar-active-item-color:var(--plasma-date-picker-calendar__active-item-color);--plasma-calendar-hovered-item-bg:var(--plasma-date-picker-calendar__hovered-item-background);--plasma-calendar-hovered-item-color:var(--plasma-date-picker-calendar__hovered-item-color);--plasma-calendar-range-background:var(--plasma-date-picker-calendar__range-background);--plasma-calendar-outline-focus-color:var(--plasma-date-picker-calendar__outline-focus-color);--plasma-calendar-content-primary-color:var(--plasma-date-picker-calendar__content-primary-color);--plasma-calendar-content-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--plasma-calendar-icon-button-color:var(--plasma-date-picker-icon-button__color);--plasma-calendar-icon-button-background:var(--plasma-date-picker-icon-button__background-color);--plasma-calendar-icon-button-color-hover:var(--plasma-date-picker-icon-button__color-hover);--plasma-calendar-icon-button-background-hover:var(--plasma-date-picker-icon-button__background-color-hover);--plasma-calendar-icon-button-color-active:var(--plasma-date-picker-icon-button__color-active);--plasma-calendar-icon-button-background-active:var(--plasma-date-picker-icon-button__background-color-active);--plasma-calendar-width:var(--plasma-date-picker-calendar-width);--plasma-calendar-height:var(--plasma-date-picker-calendar-height);--plasma-calendar-years-padding:var(--plasma-date-picker-calendar__years-padding);--plasma-calendar-year-item-border-radius:var(--plasma-date-picker-calendar__year-item-border-radius);--plasma-calendar-year-item-width:var(--plasma-date-picker-calendar__year-item-width);--plasma-calendar-year-item-height:var(--plasma-date-picker-calendar__year-item-height);--plasma-calendar-year-font-family:var(--plasma-date-picker-calendar__year-font-family);--plasma-calendar-year-font-size:var(--plasma-date-picker-calendar__year-font-size);--plasma-calendar-year-font-style:var(--plasma-date-picker-calendar__year-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-date-picker-calendar__year-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-date-picker-calendar__year-line-height);--plasma-calendar-year-font-weight:var(--plasma-date-picker-calendar__year-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-date-picker-calendar__year-selected-font-weight);--plasma-calendar-months-padding:var(--plasma-date-picker-calendar__months-padding);--plasma-calendar-month-item-border-radius:var(--plasma-date-picker-calendar__month-item-border-radius);--plasma-calendar-month-item-width:var(--plasma-date-picker-calendar__month-item-width);--plasma-calendar-month-item-height:var(--plasma-date-picker-calendar__month-item-height);--plasma-calendar-month-font-family:var(--plasma-date-picker-calendar__month-font-family);--plasma-calendar-month-font-size:var(--plasma-date-picker-calendar__month-font-size);--plasma-calendar-month-font-style:var(--plasma-date-picker-calendar__month-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-date-picker-calendar__month-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-date-picker-calendar__month-line-height);--plasma-calendar-month-font-weight:var(--plasma-date-picker-calendar__month-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-date-picker-calendar__month-selected-font-weight);--plasma-calendar-quarters-padding:var(--plasma-date-picker-calendar__quarters-padding);--plasma-calendar-quarter-item-border-radius:var(--plasma-date-picker-calendar__quarter-item-border-radius);--plasma-calendar-quarter-item-width:var(--plasma-date-picker-calendar__quarter-item-width);--plasma-calendar-quarter-item-height:var(--plasma-date-picker-calendar__quarter-item-height);--plasma-calendar-quarter-font-family:var(--plasma-date-picker-calendar__quarter-font-family);--plasma-calendar-quarter-font-size:var(--plasma-date-picker-calendar__quarter-font-size);--plasma-calendar-quarter-font-style:var(--plasma-date-picker-calendar__quarter-font-style);--plasma-calendar-quarter-font-letter-spacing:var(--plasma-date-picker-calendar__quarter-letter-spacing);--plasma-calendar-quarter-line-height:var(--plasma-date-picker-calendar__quarter-line-height);--plasma-calendar-quarter-font-weight:var(--plasma-date-picker-calendar__quarter-font-weight);--plasma-calendar-quarter-selected-font-weight:var(--plasma-date-picker-calendar__quarter-selected-font-weight);--plasma-calendar-days-padding:var(--plasma-date-picker-calendar__days-padding);--plasma-calendar-day-item-border-radius:var(--plasma-date-picker-calendar__day-item-border-radius);--plasma-calendar-day-item-width:var(--plasma-date-picker-calendar__day-item-width);--plasma-calendar-day-item-height:var(--plasma-date-picker-calendar__day-item-height);--plasma-calendar-day-font-family:var(--plasma-date-picker-calendar__day-font-family);--plasma-calendar-day-font-size:var(--plasma-date-picker-calendar__day-font-size);--plasma-calendar-day-font-style:var(--plasma-date-picker-calendar__day-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-date-picker-calendar__day-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-date-picker-calendar__day-line-height);--plasma-calendar-day-font-weight:var(--plasma-date-picker-calendar__day-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-date-picker-calendar__day-selected-font-weight);--plasma-calendar-header-wrapper-padding:var(--plasma-date-picker-calendar__header-wrapper-padding);--plasma-calendar-arrow-container-gap:var(--plasma-date-picker-calendar__header-arrow-gap);--plasma-calendar-arrow-container-padding:var(--plasma-date-picker-calendar__header-arrow-padding);--plasma-calendar-header-padding:var(--plasma-date-picker-calendar__header-padding);--plasma-calendar-header-date-gap:var(--plasma-date-picker-calendar__header-date-gap);--plasma-calendar-header-font-family:var(--plasma-date-picker-calendar__header-font-family);--plasma-calendar-header-font-size:var(--plasma-date-picker-calendar__header-font-size);--plasma-calendar-header-font-style:var(--plasma-date-picker-calendar__header-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-date-picker-calendar__header-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-date-picker-calendar__header-line-height);--plasma-calendar-header-font-weight:var(--plasma-date-picker-calendar__header-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-date-picker-calendar__header-font-weight-bold);--plasma-calendar-icon-button-height:var(--plasma-date-picker-icon-button__height);--plasma-calendar-icon-button-width:var(--plasma-date-picker-icon-button__width);--plasma-calendar-icon-button-padding:var(--plasma-date-picker-icon-button__padding);--plasma-calendar-icon-button-radius:var(--plasma-date-picker-icon-button__radius);--plasma-calendar-icon-button-focus-color:var(--plasma-date-picker-icon-button__focus-color);--plasma-calendar-width:calc(var(--plasma-date-picker-calendar-width) * 2 + 2.063rem);}
|
620
620
|
.RangeDatePopover_styles_1gljtdv_s1rn242y__de8df5b3{padding-top:var(--plasma-date-picker-calendar-padding-top);box-shadow:var(--plasma-date-picker-calendar-shadow);border-radius:var(--plasma-date-picker-calendar-border-radius);--plasma-calendar-background:var(--plasma-date-picker-calendar__background-color);--plasma-calendar-selected-item-background:var(--plasma-date-picker-calendar__selected-item-background);--plasma-calendar-selected-item-color:var(--plasma-date-picker-calendar__selected-item-color);--plasma-calendar-selectable-item-bg-hover:var(--plasma-date-picker-calendar__selectable-item-background-hover);--plasma-calendar-current-item-border-color:var(--plasma-date-picker-calendar__current-item-border-color);--plasma-calendar-current-item-bg-hover:var(--plasma-date-picker-calendar__current-item-background-hover);--plasma-calendar-current-item-color-hover:var(--plasma-date-picker-calendar__current-item-color-hover);--plasma-calendar-current-item-child-bg-hover:var(--plasma-date-picker-calendar__current-item-child-background-hover);--plasma-calendar-active-item-bg:var(--plasma-date-picker-calendar__active-item-background);--plasma-calendar-active-item-color:var(--plasma-date-picker-calendar__active-item-color);--plasma-calendar-hovered-item-bg:var(--plasma-date-picker-calendar__hovered-item-background);--plasma-calendar-hovered-item-color:var(--plasma-date-picker-calendar__hovered-item-color);--plasma-calendar-range-background:var(--plasma-date-picker-calendar__range-background);--plasma-calendar-outline-focus-color:var(--plasma-date-picker-calendar__outline-focus-color);--plasma-calendar-content-primary-color:var(--plasma-date-picker-calendar__content-primary-color);--plasma-calendar-content-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--plasma-calendar-icon-button-color:var(--plasma-date-picker-icon-button__color);--plasma-calendar-icon-button-background:var(--plasma-date-picker-icon-button__background-color);--plasma-calendar-icon-button-color-hover:var(--plasma-date-picker-icon-button__color-hover);--plasma-calendar-icon-button-background-hover:var(--plasma-date-picker-icon-button__background-color-hover);--plasma-calendar-icon-button-color-active:var(--plasma-date-picker-icon-button__color-active);--plasma-calendar-icon-button-background-active:var(--plasma-date-picker-icon-button__background-color-active);--plasma-calendar-width:var(--plasma-date-picker-calendar-width);--plasma-calendar-height:var(--plasma-date-picker-calendar-height);--plasma-calendar-years-padding:var(--plasma-date-picker-calendar__years-padding);--plasma-calendar-year-item-border-radius:var(--plasma-date-picker-calendar__year-item-border-radius);--plasma-calendar-year-item-width:var(--plasma-date-picker-calendar__year-item-width);--plasma-calendar-year-item-height:var(--plasma-date-picker-calendar__year-item-height);--plasma-calendar-year-font-family:var(--plasma-date-picker-calendar__year-font-family);--plasma-calendar-year-font-size:var(--plasma-date-picker-calendar__year-font-size);--plasma-calendar-year-font-style:var(--plasma-date-picker-calendar__year-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-date-picker-calendar__year-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-date-picker-calendar__year-line-height);--plasma-calendar-year-font-weight:var(--plasma-date-picker-calendar__year-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-date-picker-calendar__year-selected-font-weight);--plasma-calendar-months-padding:var(--plasma-date-picker-calendar__months-padding);--plasma-calendar-month-item-border-radius:var(--plasma-date-picker-calendar__month-item-border-radius);--plasma-calendar-month-item-width:var(--plasma-date-picker-calendar__month-item-width);--plasma-calendar-month-item-height:var(--plasma-date-picker-calendar__month-item-height);--plasma-calendar-month-font-family:var(--plasma-date-picker-calendar__month-font-family);--plasma-calendar-month-font-size:var(--plasma-date-picker-calendar__month-font-size);--plasma-calendar-month-font-style:var(--plasma-date-picker-calendar__month-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-date-picker-calendar__month-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-date-picker-calendar__month-line-height);--plasma-calendar-month-font-weight:var(--plasma-date-picker-calendar__month-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-date-picker-calendar__month-selected-font-weight);--plasma-calendar-quarters-padding:var(--plasma-date-picker-calendar__quarters-padding);--plasma-calendar-quarter-item-border-radius:var(--plasma-date-picker-calendar__quarter-item-border-radius);--plasma-calendar-quarter-item-width:var(--plasma-date-picker-calendar__quarter-item-width);--plasma-calendar-quarter-item-height:var(--plasma-date-picker-calendar__quarter-item-height);--plasma-calendar-quarter-font-family:var(--plasma-date-picker-calendar__quarter-font-family);--plasma-calendar-quarter-font-size:var(--plasma-date-picker-calendar__quarter-font-size);--plasma-calendar-quarter-font-style:var(--plasma-date-picker-calendar__quarter-font-style);--plasma-calendar-quarter-font-letter-spacing:var(--plasma-date-picker-calendar__quarter-letter-spacing);--plasma-calendar-quarter-line-height:var(--plasma-date-picker-calendar__quarter-line-height);--plasma-calendar-quarter-font-weight:var(--plasma-date-picker-calendar__quarter-font-weight);--plasma-calendar-quarter-selected-font-weight:var(--plasma-date-picker-calendar__quarter-selected-font-weight);--plasma-calendar-days-padding:var(--plasma-date-picker-calendar__days-padding);--plasma-calendar-day-item-border-radius:var(--plasma-date-picker-calendar__day-item-border-radius);--plasma-calendar-day-item-width:var(--plasma-date-picker-calendar__day-item-width);--plasma-calendar-day-item-height:var(--plasma-date-picker-calendar__day-item-height);--plasma-calendar-day-font-family:var(--plasma-date-picker-calendar__day-font-family);--plasma-calendar-day-font-size:var(--plasma-date-picker-calendar__day-font-size);--plasma-calendar-day-font-style:var(--plasma-date-picker-calendar__day-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-date-picker-calendar__day-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-date-picker-calendar__day-line-height);--plasma-calendar-day-font-weight:var(--plasma-date-picker-calendar__day-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-date-picker-calendar__day-selected-font-weight);--plasma-calendar-header-wrapper-padding:var(--plasma-date-picker-calendar__header-wrapper-padding);--plasma-calendar-arrow-container-gap:var(--plasma-date-picker-calendar__header-arrow-gap);--plasma-calendar-arrow-container-padding:var(--plasma-date-picker-calendar__header-arrow-padding);--plasma-calendar-header-padding:var(--plasma-date-picker-calendar__header-padding);--plasma-calendar-header-date-gap:var(--plasma-date-picker-calendar__header-date-gap);--plasma-calendar-header-font-family:var(--plasma-date-picker-calendar__header-font-family);--plasma-calendar-header-font-size:var(--plasma-date-picker-calendar__header-font-size);--plasma-calendar-header-font-style:var(--plasma-date-picker-calendar__header-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-date-picker-calendar__header-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-date-picker-calendar__header-line-height);--plasma-calendar-header-font-weight:var(--plasma-date-picker-calendar__header-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-date-picker-calendar__header-font-weight-bold);--plasma-calendar-icon-button-height:var(--plasma-date-picker-icon-button__height);--plasma-calendar-icon-button-width:var(--plasma-date-picker-icon-button__width);--plasma-calendar-icon-button-padding:var(--plasma-date-picker-icon-button__padding);--plasma-calendar-icon-button-radius:var(--plasma-date-picker-icon-button__radius);--plasma-calendar-icon-button-focus-color:var(--plasma-date-picker-icon-button__focus-color);}
|
621
|
+
|
622
|
+
.TextField_styles_sx1sq7_sxqyqmu__88214dad{--plasma-textfield-color:var(--plasma-autocomplete-textfield-color);--plasma-textfield-bg-color:var(--plasma-autocomplete-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-autocomplete-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-autocomplete-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-autocomplete-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-autocomplete-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-autocomplete-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-autocomplete-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-autocomplete-textfield-bg-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-autocomplete-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-autocomplete-textfield__placeholder-color-readonly);--plasma-textfield__caret-color:var(--plasma-autocomplete-textfield-caret-color);--plasma-textfield__placeholder-color:var(--plasma-autocomplete-textfield-placeholder-color);--plasma-textfield-height:var(--plasma-autocomplete-textfield-height);--plasma-textfield-border-width:var(--plasma-autocomplete-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-autocomplete-textfield-border-radius);--plasma-textfield-padding:var(--plasma-autocomplete-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-autocomplete-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-autocomplete-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-autocomplete-textfield-font-family);--plasma-textfield-font-style:var(--plasma-autocomplete-textfield-font-style);--plasma-textfield-font-size:var(--plasma-autocomplete-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-autocomplete-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-autocomplete-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-autocomplete-textfield-line-height);--plasma-textfield__label-color:var(--plasma-autocomplete-textfield-label-color);--plasma-textfield__label-color-readonly:var(--plasma-autocomplete-textfield__label-color-readonly);--plasma-textfield__label-offset:var(--plasma-autocomplete-textfield__label-offset);--plasma-textfield__label-font-family:var(--plasma-autocomplete-textfield__label-font-family);--plasma-textfield__label-font-style:var(--plasma-autocomplete-textfield__label-font-style);--plasma-textfield__label-font-size:var(--plasma-autocomplete-textfield__label-font-size);--plasma-textfield__label-font-weight:var(--plasma-autocomplete-textfield__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-autocomplete-textfield__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-autocomplete-textfield__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-autocomplete-textfield-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-autocomplete-textfield-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-autocomplete-textfield-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-autocomplete-textfield-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-autocomplete-textfield-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-autocomplete-textfield-placement_inner__label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-autocomplete-textfield-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-autocomplete-textfield-placement_inner__content-padding);--plasma-textfield__left-helper-color:var(--plasma-autocomplete-textfield__left-helper-color);--plasma-textfield__left-helper-color-readonly:var(--plasma-autocomplete-textfield__left-helper-color-readonly);--plasma-textfield__left-helper-offset:var(--plasma-autocomplete-textfield__left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-autocomplete-textfield__left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-autocomplete-textfield__left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-autocomplete-textfield__left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-autocomplete-textfield__left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-autocomplete-textfield__left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-autocomplete-textfield__left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-autocomplete-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-autocomplete-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-autocomplete-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-autocomplete-textfield__after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-autocomplete-textfield-disabled-opacity);--plasma-textfield-focus-color:var(--plasma-autocomplete-textfield-focus-color);}
|
623
|
+
|
624
|
+
.SuggestionItem_styles_lpdinw_s1siyv9w__5ad0f45d{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
|
625
|
+
.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);}
|
626
|
+
|
627
|
+
.Autocomplete_styles_4wbmok_bn6ooh7__a45bf543 .Autocomplete_styles_4wbmok_popoverWrapper__a45bf543,.Autocomplete_styles_4wbmok_bn6ooh7__a45bf543 .Autocomplete_styles_4wbmok_popoverTarget__a45bf543{display:block;}
|
628
|
+
.Autocomplete_styles_4wbmok_s1ih3p9n__a45bf543 .Autocomplete_styles_4wbmok_popoverRoot__a45bf543{display:block;width:var(--s1ih3p9n-0);}
|
629
|
+
.Autocomplete_styles_4wbmok_u610ple__a45bf543{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);}
|
630
|
+
.Autocomplete_styles_4wbmok_l1nz87td__a45bf543{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);}
|
631
|
+
.Autocomplete_styles_4wbmok_igdxyi6__a45bf543{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);}
|
632
|
+
|
633
|
+
.EmptyState_styles_1o24i5h_spbib9h__0d5131e5{--plasma-button-color:var(--text-primary);--plasma-button-color-active:var(--text-primary-active);--plasma-button-color-hover:var(--text-primary-hover);--plasma-button-background-color:none;--plasma-button-padding:0;--plasma-button-height:var(--plasma-emptystate-button-height);--plasma-button-radius:0;--plasma-button-font-family:var(--plasma-emptystate-font-family);--plasma-button-font-size:var(--plasma-emptystate-font-size);--plasma-button-font-style:var(--plasma-emptystate-font-style);--plasma-button-font-weight:600;--plasma-button-letter-spacing:var(--plasma-emptystate-font-letter-spacing);--plasma-button-line-height:var(--plasma-emptystate-font-line-height);margin:var(--plasma-emptystate-button-margin);}
|
634
|
+
.EmptyState_styles_1o24i5h_w1g2xar0__0d5131e5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--surface-solid-card);box-shadow:0 4px 14px -4px rgba(8,8,8,0.08),0 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-emptystate-border-radius);padding:var(--plasma-emptystate-padding);text-align:center;}
|
635
|
+
.EmptyState_styles_1o24i5h_i21aoej__0d5131e5{margin:var(--plasma-emptystate-icon-margin);line-height:0;}
|
636
|
+
.EmptyState_styles_1o24i5h_d1brs29u__0d5131e5{margin:var(--plasma-emptystate-description-margin);font-family:var(--plasma-emptystate-font-family);font-size:var(--plasma-emptystate-font-size);font-style:var(--plasma-emptystate-font-style);font-weight:var(--plasma-emptystate-font-weight);-webkit-letter-spacing:var(--plasma-emptystate-font-letter-spacing);-moz-letter-spacing:var(--plasma-emptystate-font-letter-spacing);-ms-letter-spacing:var(--plasma-emptystate-font-letter-spacing);letter-spacing:var(--plasma-emptystate-font-letter-spacing);line-height:var(--plasma-emptystate-font-line-height);}
|
package/es/index.js
CHANGED
@@ -14,6 +14,7 @@ export { useUniqId } from './hooks/useUniqId.js';
|
|
14
14
|
export { usePreviousValue } from './hooks/usePreviousValue.js';
|
15
15
|
export { useForceUpdate } from './hooks/useForceUpdate.js';
|
16
16
|
export { useDidMountEffect } from './hooks/useDidMountEffect.js';
|
17
|
+
export { useOutsideClick } from './hooks/useOutsideClick.js';
|
17
18
|
export { useIsomorphicLayoutEffect } from './hooks/useIsomorphicLayoutEffect.js';
|
18
19
|
export { composableStyle, cx } from './utils/index.js';
|
19
20
|
export { buttonConfig, buttonRoot } from './components/Button/Button.js';
|
@@ -182,6 +183,10 @@ export { datePickerConfig, datePickerRoot } from './components/DatePicker/Single
|
|
182
183
|
export { datePickerRangeConfig, datePickerRangeRoot } from './components/DatePicker/RangeDate/RangeDate.js';
|
183
184
|
export { classes as datePickerClasses, tokens as datePickerTokens } from './components/DatePicker/DatePicker.tokens.js';
|
184
185
|
export { Portal } from './components/Portal/Portal.js';
|
186
|
+
export { autocompleteConfig, autocompleteRoot } from './components/Autocomplete/Autocomplete.js';
|
187
|
+
export { tokens as autocompleteTokens } from './components/Autocomplete/Autocomplete.tokens.js';
|
188
|
+
export { emptyStateConfig, emptyStateRoot } from './components/EmptyState/EmptyState.js';
|
189
|
+
export { tokens as emptyStateTokens } from './components/EmptyState/EmptyState.tokens.js';
|
185
190
|
export { component, mergeConfig } from './engines/common.js';
|
186
191
|
export { canUseDOM } from './utils/canUseDOM.js';
|
187
192
|
export { extractTextFrom } from './utils/extractTextFrom.js';
|
package/es/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
3
|
-
"version": "0.109.1-
|
3
|
+
"version": "0.109.1-dev.0",
|
4
4
|
"description": "Salute Design System blueprint",
|
5
5
|
"main": "cjs/index.js",
|
6
6
|
"module": "es/index.js",
|
@@ -118,5 +118,5 @@
|
|
118
118
|
"react-popper": "2.3.0",
|
119
119
|
"storeon": "3.1.5"
|
120
120
|
},
|
121
|
-
"gitHead": "
|
121
|
+
"gitHead": "0e6bed9ca34ede91b2f60a1b7fe2270c8e8aff17"
|
122
122
|
}
|
@@ -67,7 +67,7 @@ var accordionRoot = exports.accordionRoot = function accordionRoot(Root) {
|
|
67
67
|
size: size,
|
68
68
|
view: view,
|
69
69
|
className: (0, _utils.cx)(stretchingClass, _Accordion2.classes.accordionRoot, className)
|
70
|
-
}, (0, _utils2.getChildren)(childrenArray, activeIndex,
|
70
|
+
}, (0, _utils2.getChildren)(childrenArray, activeIndex, disabled, updateValue));
|
71
71
|
});
|
72
72
|
};
|
73
73
|
var accordionConfig = exports.accordionConfig = {
|
@@ -12,8 +12,7 @@ var classes = exports.classes = {
|
|
12
12
|
clearAccordionItem: 'clear-accordion-item',
|
13
13
|
accordionItemShowBody: 'accordion-item-show-body',
|
14
14
|
accordionPlusAnimationElement: 'accordion-plus-animation-element',
|
15
|
-
accordionDisabled: 'accordion-disabled'
|
16
|
-
accordionItemBody: 'accordion-item-body'
|
15
|
+
accordionDisabled: 'accordion-disabled'
|
17
16
|
};
|
18
17
|
var tokens = exports.tokens = {
|
19
18
|
accordionGap: '--plasma-accordion-gap',
|
@@ -24,10 +23,8 @@ var tokens = exports.tokens = {
|
|
24
23
|
accordionItemPadding: '--plasma-accordion-item-padding',
|
25
24
|
accordionItemPaddingVertical: '--plasma-accordion-item-padding-vertical',
|
26
25
|
accordionItemPaddingHorizontal: '--plasma-accordion-item-padding-horizontal',
|
27
|
-
accordionItemPaddingHorizontalLeft: '--plasma-accordion-item-padding-horizontal-left',
|
28
26
|
accordionItemGap: '--plasma-accordion-item-gap',
|
29
27
|
accordionItemFocus: '--plasma-accordion-item-focus',
|
30
|
-
accordionItemBorder: '--plasma-accordion-item-border',
|
31
28
|
accordionItemBorderBottom: '--plasma-accordion-item-border-bottom',
|
32
29
|
accordionItemTitleColor: '--plasma-accordion-item-title-color',
|
33
30
|
accordionItemTitleFontFamily: '--plasma-accordion-item-title-font-family',
|
@@ -8,16 +8,10 @@ exports.AccordionItem = void 0;
|
|
8
8
|
var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
|
9
9
|
var _roundness = /*#__PURE__*/require("../../../../utils/roundness");
|
10
10
|
var _Accordion = /*#__PURE__*/require("../../Accordion.tokens");
|
11
|
-
var _utils = /*#__PURE__*/require("../../../../utils");
|
12
11
|
var _AccordionItem = /*#__PURE__*/require("./AccordionItem.styles");
|
13
12
|
var _StyledMinus, _StyledArrow;
|
14
13
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
15
14
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
16
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
17
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
18
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
19
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
20
|
-
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
21
15
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
22
16
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
23
17
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
@@ -36,13 +30,8 @@ var AccordionItem = exports.AccordionItem = function AccordionItem(_ref) {
|
|
36
30
|
_ref$type = _ref.type,
|
37
31
|
type = _ref$type === void 0 ? 'sign' : _ref$type,
|
38
32
|
index = _ref.index,
|
39
|
-
className = _ref.className,
|
40
|
-
style = _ref.style,
|
41
33
|
eventKey = _ref.eventKey,
|
42
34
|
disabled = _ref.disabled,
|
43
|
-
_ref$alignWithTitle = _ref.alignWithTitle,
|
44
|
-
alignWithTitle = _ref$alignWithTitle === void 0 ? true : _ref$alignWithTitle,
|
45
|
-
view = _ref.view,
|
46
35
|
onChange = _ref.onChange;
|
47
36
|
var key = (_ref2 = eventKey !== null && eventKey !== void 0 ? eventKey : index) !== null && _ref2 !== void 0 ? _ref2 : 0;
|
48
37
|
var _useState = (0, _react.useState)(),
|
@@ -61,7 +50,7 @@ var AccordionItem = exports.AccordionItem = function AccordionItem(_ref) {
|
|
61
50
|
(0, _react.useEffect)(function () {
|
62
51
|
var _leftContentRef$curre, _leftContentRef$curre2;
|
63
52
|
var leftContentWidth = (_leftContentRef$curre = leftContentRef === null || leftContentRef === void 0 || (_leftContentRef$curre2 = leftContentRef.current) === null || _leftContentRef$curre2 === void 0 ? void 0 : _leftContentRef$curre2.offsetWidth) !== null && _leftContentRef$curre !== void 0 ? _leftContentRef$curre : 0;
|
64
|
-
var leftPaddingBody = leftContentWidth
|
53
|
+
var leftPaddingBody = leftContentWidth ? "calc(".concat(leftContentWidth, "px + var(").concat(_Accordion.tokens.accordionItemGap, "))") : 0;
|
65
54
|
setLeftPadding(leftPaddingBody);
|
66
55
|
}, [value, type, leftContentRef, setLeftPadding]);
|
67
56
|
var openedBodyClass = value ? _Accordion.classes.accordionItemShowBody : undefined;
|
@@ -85,15 +74,16 @@ var AccordionItem = exports.AccordionItem = function AccordionItem(_ref) {
|
|
85
74
|
var rightContent = contentRight !== null && contentRight !== void 0 ? contentRight : type === 'sign' ? /*#__PURE__*/_react["default"].createElement(StyledAnimationPLus, null) : undefined;
|
86
75
|
var rightContentRotate = type === 'sign' && value ? _Accordion.classes.accordionItemShowBody : undefined;
|
87
76
|
return /*#__PURE__*/_react["default"].createElement(_AccordionItem.StyledAccordionItem, {
|
88
|
-
className:
|
77
|
+
className: _Accordion.classes.accordionItem,
|
89
78
|
key: key,
|
90
|
-
style:
|
79
|
+
style: {
|
91
80
|
borderRadius: accordionBorderRadius
|
92
|
-
}
|
81
|
+
}
|
93
82
|
}, /*#__PURE__*/_react["default"].createElement(_AccordionItem.StyledAccordionHeader, {
|
94
83
|
role: "tab",
|
95
84
|
tabIndex: 0,
|
96
85
|
onClick: handleOpen,
|
86
|
+
className: disabledClass,
|
97
87
|
"aria-expanded": value,
|
98
88
|
"aria-controls": "accordion-item-section".concat(key),
|
99
89
|
id: "accordion-item-".concat(key)
|
@@ -106,11 +96,9 @@ var AccordionItem = exports.AccordionItem = function AccordionItem(_ref) {
|
|
106
96
|
"aria-labelledby": "accordion-item-".concat(key),
|
107
97
|
"aria-hidden": !value,
|
108
98
|
id: "accordion-item-section".concat(key),
|
109
|
-
className:
|
99
|
+
className: openedBodyClass,
|
110
100
|
style: {
|
111
101
|
paddingLeft: "".concat(leftPadding)
|
112
102
|
}
|
113
|
-
}, /*#__PURE__*/_react["default"].createElement(_AccordionItem.StyledAccordionBody,
|
114
|
-
className: _Accordion.classes.accordionItemBody
|
115
|
-
}, children)));
|
103
|
+
}, /*#__PURE__*/_react["default"].createElement(_AccordionItem.StyledAccordionBody, null, children)));
|
116
104
|
};
|
@@ -11,10 +11,10 @@ var _mixins = /*#__PURE__*/require("../../../../mixins");
|
|
11
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
12
12
|
var StyledAccordionItem = exports.StyledAccordionItem = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
13
13
|
componentId: "plasma-new-hope__sc-20ij9z-0"
|
14
|
-
})(["background:var(", ");border
|
14
|
+
})(["background:var(", ");border-bottom:var(", ");&:last-child{border-bottom:none;}"], _Accordion.tokens.accordionItemBackground, _Accordion.tokens.accordionItemBorderBottom);
|
15
15
|
var StyledAccordionHeader = exports.StyledAccordionHeader = /*#__PURE__*/_styledComponents["default"].button.withConfig({
|
16
16
|
componentId: "plasma-new-hope__sc-20ij9z-1"
|
17
|
-
})(["width:100%;border:none;padding:var(", ");display:flex;gap:var(", ");justify-content:space-between;align-items:center;background:none;box-sizing:border-box;cursor:pointer
|
17
|
+
})(["width:100%;border:none;padding:var(", ");display:flex;gap:var(", ");justify-content:space-between;align-items:center;background:none;box-sizing:border-box;cursor:pointer;&.", "{opacity:0.4;cursor:not-allowed;}&:focus{outline:none;}", ""], _Accordion.tokens.accordionItemPadding, _Accordion.tokens.accordionItemGap, _Accordion.classes.accordionDisabled, /*#__PURE__*/(0, _mixins.addFocus)({
|
18
18
|
outlineOffset: '0.125rem',
|
19
19
|
outlineSize: '0.125rem',
|
20
20
|
outlineRadius: '0',
|
@@ -31,13 +31,13 @@ var StyledAccordionContentLeft = exports.StyledAccordionContentLeft = /*#__PURE_
|
|
31
31
|
})(["transition:0.2s;display:flex;align-items:center;&.", "{transition:0.2s;transform:rotate(180deg);}"], _Accordion.classes.accordionItemShowBody);
|
32
32
|
var StyledAccordionTitle = exports.StyledAccordionTitle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
33
33
|
componentId: "plasma-new-hope__sc-20ij9z-5"
|
34
|
-
})(["color:var(", ");font-family:var(", ");font-size:var(", ");font-weight:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");
|
34
|
+
})(["color:var(", ");font-family:var(", ");font-size:var(", ");font-weight:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");"], _Accordion.tokens.accordionItemTitleColor, _Accordion.tokens.accordionItemTitleFontFamily, _Accordion.tokens.accordionItemTitleFontSize, _Accordion.tokens.accordionItemTitleFontWeight, _Accordion.tokens.accordionItemTitleFontStyle, _Accordion.tokens.accordionItemTitleLetterSpacing, _Accordion.tokens.accordionItemTitleLineHeight);
|
35
35
|
var StyledAccordionBodyAnimate = exports.StyledAccordionBodyAnimate = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
36
36
|
componentId: "plasma-new-hope__sc-20ij9z-6"
|
37
37
|
})(["display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.2s ease-out;overflow:hidden;&.", "{grid-template-rows:1fr;padding-bottom:var(", ");&.", "{transition:0.2s;transform:rotate(0deg);}}"], _Accordion.classes.accordionItemShowBody, _Accordion.tokens.accordionItemPaddingVertical, _Accordion.classes.accordionPlusAnimationElement);
|
38
38
|
var StyledAccordionBody = exports.StyledAccordionBody = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
39
39
|
componentId: "plasma-new-hope__sc-20ij9z-7"
|
40
|
-
})(["color:var(", ");font-family:var(", ");font-size:var(", ");font-weight:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");overflow:hidden;padding-right:var(", ");padding-left:var(", ");
|
40
|
+
})(["color:var(", ");font-family:var(", ");font-size:var(", ");font-weight:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");overflow:hidden;padding-right:var(", ");padding-left:var(", ");"], _Accordion.tokens.accordionItemTextColor, _Accordion.tokens.accordionItemTextFontFamily, _Accordion.tokens.accordionItemTextFontSize, _Accordion.tokens.accordionItemTextFontWeight, _Accordion.tokens.accordionItemTextFontStyle, _Accordion.tokens.accordionItemTextLetterSpacing, _Accordion.tokens.accordionItemTextLineHeight, _Accordion.tokens.accordionItemPaddingHorizontal, _Accordion.tokens.accordionItemPaddingHorizontal);
|
41
41
|
var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconChevronDownFill).withConfig({
|
42
42
|
componentId: "plasma-new-hope__sc-20ij9z-8"
|
43
43
|
})(["pointer-events:none;user-select:none;color:var(", ");"], _Accordion.tokens.accordionItemTextColor);
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.updatePropsRecursively = exports.getChildren = void 0;
|
7
7
|
var _react = /*#__PURE__*/require("react");
|
8
|
-
var updatePropsRecursively = exports.updatePropsRecursively = function updatePropsRecursively(children, activeIndex,
|
8
|
+
var updatePropsRecursively = exports.updatePropsRecursively = function updatePropsRecursively(children, activeIndex, disabled, updateValue) {
|
9
9
|
return _react.Children.map(children || [], function (child, index) {
|
10
10
|
if (! /*#__PURE__*/(0, _react.isValidElement)(child)) {
|
11
11
|
return child;
|
@@ -16,13 +16,12 @@ var updatePropsRecursively = exports.updatePropsRecursively = function updatePro
|
|
16
16
|
var _child$props$eventKey;
|
17
17
|
return i === ((_child$props$eventKey = child.props.eventKey) !== null && _child$props$eventKey !== void 0 ? _child$props$eventKey : index);
|
18
18
|
})) !== -1),
|
19
|
-
view: view,
|
20
19
|
disabled: disabled,
|
21
20
|
onChange: updateValue
|
22
21
|
};
|
23
22
|
return /*#__PURE__*/(0, _react.cloneElement)(child, props);
|
24
23
|
});
|
25
24
|
};
|
26
|
-
var getChildren = exports.getChildren = function getChildren(children, activeIndex,
|
27
|
-
return updatePropsRecursively(children, activeIndex,
|
25
|
+
var getChildren = exports.getChildren = function getChildren(children, activeIndex, disabled, updateValue) {
|
26
|
+
return updatePropsRecursively(children, activeIndex, disabled, updateValue);
|
28
27
|
};
|