react-restyle-components 0.3.46 → 0.3.48
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/src/core-components/index.d.ts +38 -37
- package/lib/src/core-components/index.d.ts.map +1 -1
- package/lib/src/core-components/index.js +39 -37
- package/lib/src/core-components/src/App.js +1 -1
- package/lib/src/core-components/src/assets/css/tokens.css +416 -0
- package/lib/src/core-components/src/components/Accordion/AccordionSection/Accordion.d.ts +11 -0
- package/lib/src/core-components/src/components/Accordion/AccordionSection/Accordion.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Accordion/AccordionSection/Accordion.js +15 -0
- package/lib/src/core-components/src/components/Accordion/AccordionSection/AccordionContext.d.ts +9 -0
- package/lib/src/core-components/src/components/Accordion/AccordionSection/AccordionContext.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Accordion/AccordionSection/AccordionContext.js +6 -0
- package/lib/src/core-components/src/components/Accordion/AccordionSection/AccordionSection.d.ts +59 -0
- package/lib/src/core-components/src/components/Accordion/AccordionSection/AccordionSection.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Accordion/AccordionSection/AccordionSection.js +34 -0
- package/lib/src/core-components/src/components/Accordion/AccordionSection/AccordionTestData.d.ts +5 -0
- package/lib/src/core-components/src/components/Accordion/AccordionSection/AccordionTestData.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Accordion/AccordionSection/AccordionTestData.js +4 -0
- package/lib/src/core-components/src/components/Accordion/AccordionSection/Header.d.ts +18 -0
- package/lib/src/core-components/src/components/Accordion/AccordionSection/Header.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Accordion/AccordionSection/Header.js +38 -0
- package/lib/src/core-components/src/components/Accordion/AccordionSection/elements.d.ts +38 -0
- package/lib/src/core-components/src/components/Accordion/AccordionSection/elements.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Accordion/AccordionSection/elements.js +121 -0
- package/lib/src/core-components/src/components/Accordion/AccordionSection/hooks/useCurrentAccordionIndex.d.ts +3 -0
- package/lib/src/core-components/src/components/Accordion/AccordionSection/hooks/useCurrentAccordionIndex.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Accordion/AccordionSection/hooks/useCurrentAccordionIndex.js +13 -0
- package/lib/src/core-components/src/components/Accordion/AccordionSection/index.d.ts +5 -0
- package/lib/src/core-components/src/components/Accordion/AccordionSection/index.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Accordion/AccordionSection/index.js +4 -0
- package/lib/src/core-components/src/components/Accordion/AccordionSection/types.d.ts +10 -0
- package/lib/src/core-components/src/components/Accordion/AccordionSection/types.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Accordion/AccordionSection/types.js +9 -0
- package/lib/src/core-components/src/components/Accordion/collapsible/collapsible.component.d.ts.map +1 -0
- package/lib/src/core-components/src/{atoms → components/Accordion}/collapsible/collapsible.component.js +2 -2
- package/lib/src/core-components/src/components/Action/types.d.ts +8 -0
- package/lib/src/core-components/src/components/Action/types.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Action/types.js +8 -0
- package/lib/src/core-components/src/components/AutoComplete/auto-complete-filter-group-by-multiple-select-multiple-fields-display/auto-complete-filter-group-by-multiple-select-multiple-fields-display.component.d.ts.map +1 -0
- package/lib/src/core-components/src/{molecules → components/AutoComplete}/auto-complete-filter-group-by-multiple-select-multiple-fields-display/auto-complete-filter-group-by-multiple-select-multiple-fields-display.component.js +3 -3
- package/lib/src/core-components/src/components/AutoComplete/auto-complete-filter-multi-select-multi-fields-display-drag-drop/auto-complete-filter-multi-select-multi-fields-display-drag-drop.component.d.ts.map +1 -0
- package/lib/src/core-components/src/{molecules → components/AutoComplete}/auto-complete-filter-multi-select-multi-fields-display-drag-drop/auto-complete-filter-multi-select-multi-fields-display-drag-drop.component.js +3 -3
- package/lib/src/core-components/src/components/AutoComplete/auto-complete-filter-multi-select-multi-fields-display-drag-drop/auto-complete-filter-multi-select-multi-fields-display-drag-drop.component.test.d.ts.map +1 -0
- package/lib/src/core-components/src/components/AutoComplete/auto-complete-filter-multi-select-selected-top-display/auto-complete-filter-multi-select-selected-top-display.component.d.ts.map +1 -0
- package/lib/src/core-components/src/{molecules → components/AutoComplete}/auto-complete-filter-multi-select-selected-top-display/auto-complete-filter-multi-select-selected-top-display.component.js +3 -3
- package/lib/src/core-components/src/components/AutoComplete/auto-complete-filter-multiple-select-multiple-fields-display/auto-complete-filter-multiple-select-multiple-fields-display.component.d.ts.map +1 -0
- package/lib/src/core-components/src/{molecules → components/AutoComplete}/auto-complete-filter-multiple-select-multiple-fields-display/auto-complete-filter-multiple-select-multiple-fields-display.component.js +3 -3
- package/lib/src/core-components/src/components/AutoComplete/auto-complete-filter-single-select/auto-complete-filter-single-select.component.d.ts.map +1 -0
- package/lib/src/core-components/src/{molecules → components/AutoComplete}/auto-complete-filter-single-select/auto-complete-filter-single-select.component.js +3 -3
- package/lib/src/core-components/src/components/AutoComplete/auto-complete-filter-single-select-multiple-fields-display/auto-complete-filter-single-select-multiple-fields-display.component.d.ts.map +1 -0
- package/lib/src/core-components/src/{molecules → components/AutoComplete}/auto-complete-filter-single-select-multiple-fields-display/auto-complete-filter-single-select-multiple-fields-display.component.js +3 -3
- package/lib/src/core-components/src/components/AutoComplete/auto-complete-group-by/auto-complete-group-by.component.d.ts.map +1 -0
- package/lib/src/core-components/src/{molecules → components/AutoComplete}/auto-complete-group-by/auto-complete-group-by.component.js +3 -3
- package/lib/src/core-components/src/components/AutoComplete/autocomplete/autocomplete.d.ts.map +1 -0
- package/lib/src/core-components/src/{molecules → components/AutoComplete}/autocomplete/autocomplete.js +2 -2
- package/lib/src/core-components/src/components/Form/form.component.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Icon/Icon.d.ts +29 -0
- package/lib/src/core-components/src/components/Icon/Icon.d.ts.map +1 -0
- package/lib/src/core-components/src/{atoms/icons/icons.component.js → components/Icon/Icon.js} +13 -5
- package/lib/src/core-components/src/components/Icon/iconTypes.d.ts +5 -0
- package/lib/src/core-components/src/components/Icon/iconTypes.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Icon/iconTypes.js +9 -0
- package/lib/src/core-components/src/components/Icon/index.d.ts +3 -0
- package/lib/src/core-components/src/components/Icon/index.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Icon/index.js +2 -0
- package/lib/src/core-components/src/components/Input/CSSMultilineInput/css-multiline-input.component.d.ts.map +1 -0
- package/lib/src/core-components/src/{molecules/css-multiline-input → components/Input/CSSMultilineInput}/css-multiline-input.component.js +4 -4
- package/lib/src/core-components/src/{molecules/css-multiline-input → components/Input/CSSMultilineInput}/css-properties.d.ts.map +1 -1
- package/lib/src/core-components/src/components/Input/InputDropdown/input-dropdown.component.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Input/InputDropdown/input-dropdown.component.js +44 -0
- package/lib/src/core-components/src/components/Input/InputOTP/input-otp.component.d.ts.map +1 -0
- package/lib/src/core-components/src/{atoms/input → components/Input/InputOTP}/input-otp.component.js +2 -2
- package/lib/src/core-components/src/components/Input/InputPin/input-pin.component.d.ts.map +1 -0
- package/lib/src/core-components/src/{atoms/input → components/Input/InputPin}/input-pin.component.js +2 -2
- package/lib/src/core-components/src/components/Loader/loader.component.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Modal/BasicModal/modal.component.d.ts.map +1 -0
- package/lib/src/core-components/src/{molecules/modal → components/Modal/BasicModal}/modal.component.js +2 -2
- package/lib/src/core-components/src/components/Modal/modal-confirm/modal-confirm.component.d.ts.map +1 -0
- package/lib/src/core-components/src/{molecules → components/Modal}/modal-confirm/modal-confirm.component.js +2 -2
- package/lib/src/core-components/src/components/Picker/color-picker/color-picker.component.d.ts.map +1 -0
- package/lib/src/core-components/src/{molecules → components/Picker}/color-picker/color-picker.component.js +1 -1
- package/lib/src/core-components/src/{molecules → components/Picker}/color-picker-modal/color-picker-modal.component.d.ts +0 -1
- package/lib/src/core-components/src/components/Picker/color-picker-modal/color-picker-modal.component.d.ts.map +1 -0
- package/lib/src/core-components/src/{molecules → components/Picker}/color-picker-modal/color-picker-modal.component.js +3 -4
- package/lib/src/core-components/src/components/Selection/multi-select/multi-select.component.d.ts.map +1 -0
- package/lib/src/core-components/src/{molecules → components/Selection}/multi-select/multi-select.component.js +2 -2
- package/lib/src/core-components/src/components/Selection/multi-select-with-field/multi-select-with-field.component.d.ts.map +1 -0
- package/lib/src/core-components/src/{molecules → components/Selection}/multi-select-with-field/multi-select-with-field.component.js +2 -2
- package/lib/src/core-components/src/components/Selection/multi-selection-dropdown/multi-selection-dropdown.component.d.ts.map +1 -0
- package/lib/src/core-components/src/{molecules → components/Selection}/multi-selection-dropdown/multi-selection-dropdown.component.js +3 -3
- package/lib/src/core-components/src/components/Selection/single-select/single-select.component.d.ts.map +1 -0
- package/lib/src/core-components/src/{molecules → components/Selection}/single-select/single-select.component.js +3 -3
- package/lib/src/core-components/src/components/Tabs/tabs.component.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Tag/types.d.ts +7 -0
- package/lib/src/core-components/src/components/Tag/types.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Tag/types.js +20 -0
- package/lib/src/core-components/src/components/Tooltip/Tooltip.types.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Tooltip/tooltip.component.d.ts.map +1 -0
- package/lib/src/core-components/src/components/button/Button.spec.d.ts.map +1 -0
- package/lib/src/core-components/src/{atoms → components}/button/Button.spec.js +1 -1
- package/lib/src/core-components/src/components/button/Button.types.d.ts.map +1 -0
- package/lib/src/core-components/src/components/button/button.component.d.ts.map +1 -0
- package/lib/src/core-components/src/{atoms → components}/button/button.component.js +1 -1
- package/lib/src/core-components/src/components/button/buttonGroup/buttonGroup.component.d.ts.map +1 -0
- package/lib/src/core-components/src/components/check-box/checkBox.component.d.ts.map +1 -0
- package/lib/src/core-components/src/{atoms → components}/check-box/checkBox.component.js +1 -1
- package/lib/src/core-components/src/components/date-picker/date-picker.component.d.ts.map +1 -0
- package/lib/src/core-components/src/{atoms → components}/date-picker/date-picker.component.js +1 -1
- package/lib/src/core-components/src/components/index.d.ts +8 -0
- package/lib/src/core-components/src/components/index.d.ts.map +1 -0
- package/lib/src/core-components/src/components/index.js +65 -0
- package/lib/src/core-components/src/components/input-dropdown/input-dropdown.component.d.ts +10 -0
- package/lib/src/core-components/src/components/input-dropdown/input-dropdown.component.d.ts.map +1 -0
- package/lib/src/core-components/src/{atoms → components}/input-dropdown/input-dropdown.component.js +1 -1
- package/lib/src/core-components/src/components/pdf/pdf-images.components.d.ts.map +1 -0
- package/lib/src/core-components/src/components/pdf/pdf-table.components.d.ts.map +1 -0
- package/lib/src/core-components/src/components/pdf/pdf-typography.components.d.ts.map +1 -0
- package/lib/src/core-components/src/components/pdf/pdf-wrapped-view.components.d.ts.map +1 -0
- package/lib/src/core-components/src/components/radio/radio.component.d.ts.map +1 -0
- package/lib/src/core-components/src/{atoms → components}/radio/radio.component.js +1 -1
- package/lib/src/core-components/src/components/stepper/stepper.component.d.ts.map +1 -0
- package/lib/src/core-components/src/components/tags/tags.component.d.ts.map +1 -0
- package/lib/src/core-components/src/components/text-input-dropdown/text-input-dropdown.component.d.ts.map +1 -0
- package/lib/src/core-components/src/{atoms → components}/text-input-dropdown/text-input-dropdown.component.js +1 -1
- package/lib/src/core-components/src/components/timer/timer.component.d.ts.map +1 -0
- package/lib/src/core-components/src/core-components/Avatar.d.ts +9 -0
- package/lib/src/core-components/src/core-components/Avatar.d.ts.map +1 -0
- package/lib/src/core-components/src/core-components/Avatar.js +42 -0
- package/lib/src/core-components/src/core-components/CoreButton/CoreButton.d.ts +23 -0
- package/lib/src/core-components/src/core-components/CoreButton/CoreButton.d.ts.map +1 -0
- package/lib/src/core-components/src/core-components/CoreButton/CoreButton.js +10 -0
- package/lib/src/core-components/src/core-components/CoreButton/elements.d.ts +44 -0
- package/lib/src/core-components/src/core-components/CoreButton/elements.d.ts.map +1 -0
- package/lib/src/core-components/src/core-components/CoreButton/elements.js +252 -0
- package/lib/src/core-components/src/core-components/CoreButton/index.d.ts +4 -0
- package/lib/src/core-components/src/core-components/CoreButton/index.d.ts.map +1 -0
- package/lib/src/core-components/src/core-components/CoreButton/index.js +3 -0
- package/lib/src/core-components/src/core-components/CoreButton/types.d.ts +13 -0
- package/lib/src/core-components/src/core-components/CoreButton/types.d.ts.map +1 -0
- package/lib/src/core-components/src/core-components/CoreButton/types.js +6 -0
- package/lib/src/core-components/src/core-components/CoreButton/utils.d.ts +17 -0
- package/lib/src/core-components/src/core-components/CoreButton/utils.d.ts.map +1 -0
- package/lib/src/core-components/src/core-components/CoreButton/utils.js +12 -0
- package/lib/src/core-components/src/core-components/Divider/Divider.d.ts +6 -0
- package/lib/src/core-components/src/core-components/Divider/Divider.d.ts.map +1 -0
- package/lib/src/core-components/src/core-components/Divider/Divider.js +23 -0
- package/lib/src/core-components/src/core-components/Divider/index.d.ts +2 -0
- package/lib/src/core-components/src/core-components/Divider/index.d.ts.map +1 -0
- package/lib/src/core-components/src/core-components/Divider/index.js +1 -0
- package/lib/src/core-components/src/core-components/SelectionCardStrip/index.d.ts +2 -0
- package/lib/src/core-components/src/core-components/SelectionCardStrip/index.d.ts.map +1 -0
- package/lib/src/core-components/src/core-components/SelectionCardStrip/index.js +1 -0
- package/lib/src/core-components/src/core-components/SelectionCardStrip/selectionCardStrip.d.ts +17 -0
- package/lib/src/core-components/src/core-components/SelectionCardStrip/selectionCardStrip.d.ts.map +1 -0
- package/lib/src/core-components/src/core-components/SelectionCardStrip/selectionCardStrip.js +53 -0
- package/lib/src/core-components/src/core-components/StateLayer.d.ts +3 -0
- package/lib/src/core-components/src/core-components/StateLayer.d.ts.map +1 -0
- package/lib/src/core-components/src/core-components/StateLayer.js +12 -0
- package/lib/src/core-components/src/core-components/ToggleCore/elements.d.ts +14 -0
- package/lib/src/core-components/src/core-components/ToggleCore/elements.d.ts.map +1 -0
- package/lib/src/core-components/src/core-components/ToggleCore/elements.js +141 -0
- package/lib/src/core-components/src/core-components/ToggleCore/index.d.ts +3 -0
- package/lib/src/core-components/src/core-components/ToggleCore/index.d.ts.map +1 -0
- package/lib/src/core-components/src/core-components/ToggleCore/index.js +2 -0
- package/lib/src/core-components/src/core-components/ToggleCore/toggleCore.d.ts +23 -0
- package/lib/src/core-components/src/core-components/ToggleCore/toggleCore.d.ts.map +1 -0
- package/lib/src/core-components/src/core-components/ToggleCore/toggleCore.js +14 -0
- package/lib/src/core-components/src/core-components/index.d.ts +4 -0
- package/lib/src/core-components/src/core-components/index.d.ts.map +1 -0
- package/lib/src/core-components/src/core-components/index.js +3 -0
- package/lib/src/core-components/src/index.css +1 -0
- package/lib/src/core-components/src/index.d.ts +1 -0
- package/lib/src/core-components/src/index.d.ts.map +1 -1
- package/lib/src/core-components/src/index.js +1 -0
- package/lib/src/core-components/src/tc.module.css +3 -1
- package/lib/src/core-components/src/utils/abstracts/breakpoints/index.d.ts +29 -0
- package/lib/src/core-components/src/utils/abstracts/breakpoints/index.d.ts.map +1 -0
- package/lib/src/core-components/src/utils/abstracts/breakpoints/index.js +28 -0
- package/lib/src/core-components/src/utils/abstracts/colors/index.d.ts +49 -0
- package/lib/src/core-components/src/utils/abstracts/colors/index.d.ts.map +1 -0
- package/lib/src/core-components/src/utils/abstracts/colors/index.js +49 -0
- package/lib/src/core-components/src/utils/abstracts/index.d.ts +6 -0
- package/lib/src/core-components/src/utils/abstracts/index.d.ts.map +1 -0
- package/lib/src/core-components/src/utils/abstracts/index.js +5 -0
- package/lib/src/core-components/src/utils/abstracts/space/index.d.ts +30 -0
- package/lib/src/core-components/src/utils/abstracts/space/index.d.ts.map +1 -0
- package/lib/src/core-components/src/utils/abstracts/space/index.js +26 -0
- package/lib/src/core-components/src/utils/abstracts/theme/ThemeBoundary.d.ts +11 -0
- package/lib/src/core-components/src/utils/abstracts/theme/ThemeBoundary.d.ts.map +1 -0
- package/lib/src/core-components/src/utils/abstracts/theme/ThemeBoundary.js +8 -0
- package/lib/src/core-components/src/utils/abstracts/theme/default-themes.d.ts +5 -0
- package/lib/src/core-components/src/utils/abstracts/theme/default-themes.d.ts.map +1 -0
- package/lib/src/core-components/src/utils/abstracts/theme/default-themes.js +30 -0
- package/lib/src/core-components/src/utils/abstracts/theme/index.d.ts +5 -0
- package/lib/src/core-components/src/utils/abstracts/theme/index.d.ts.map +1 -0
- package/lib/src/core-components/src/utils/abstracts/theme/index.js +3 -0
- package/lib/src/core-components/src/utils/abstracts/theme/theme.d.ts +9 -0
- package/lib/src/core-components/src/utils/abstracts/theme/theme.d.ts.map +1 -0
- package/lib/src/core-components/src/utils/abstracts/theme/theme.js +30 -0
- package/lib/src/core-components/src/utils/abstracts/theme/types.d.ts +30 -0
- package/lib/src/core-components/src/utils/abstracts/theme/types.d.ts.map +1 -0
- package/lib/src/core-components/src/utils/abstracts/theme/types.js +1 -0
- package/lib/src/core-components/src/utils/abstracts/theme/useTheme.d.ts +4 -0
- package/lib/src/core-components/src/utils/abstracts/theme/useTheme.d.ts.map +1 -0
- package/lib/src/core-components/src/utils/abstracts/theme/useTheme.js +17 -0
- package/lib/src/core-components/src/utils/abstracts/typography/index.d.ts +29 -0
- package/lib/src/core-components/src/utils/abstracts/typography/index.d.ts.map +1 -0
- package/lib/src/core-components/src/utils/abstracts/typography/index.js +25 -0
- package/lib/src/core-components/src/utils/context/DefaultsProvider.d.ts +14 -0
- package/lib/src/core-components/src/utils/context/DefaultsProvider.d.ts.map +1 -0
- package/lib/src/core-components/src/utils/context/DefaultsProvider.js +8 -0
- package/lib/src/core-components/src/utils/context/InternalProvider.d.ts +10 -0
- package/lib/src/core-components/src/utils/context/InternalProvider.d.ts.map +1 -0
- package/lib/src/core-components/src/utils/context/InternalProvider.js +24 -0
- package/lib/src/core-components/src/utils/context/index.d.ts +3 -0
- package/lib/src/core-components/src/utils/context/index.d.ts.map +1 -0
- package/lib/src/core-components/src/utils/context/index.js +2 -0
- package/lib/src/core-components/src/utils/helpers/attachSubComponents.d.ts +21 -0
- package/lib/src/core-components/src/utils/helpers/attachSubComponents.d.ts.map +1 -0
- package/lib/src/core-components/src/utils/helpers/attachSubComponents.js +23 -0
- package/lib/src/core-components/src/utils/helpers/flattenChildren.d.ts +3 -0
- package/lib/src/core-components/src/utils/helpers/flattenChildren.d.ts.map +1 -0
- package/lib/src/core-components/src/utils/helpers/flattenChildren.js +11 -0
- package/lib/src/core-components/src/utils/helpers/getChildByType.d.ts +3 -0
- package/lib/src/core-components/src/utils/helpers/getChildByType.d.ts.map +1 -0
- package/lib/src/core-components/src/utils/helpers/getChildByType.js +3 -0
- package/lib/src/core-components/src/utils/helpers/index.d.ts +6 -0
- package/lib/src/core-components/src/utils/helpers/index.d.ts.map +1 -0
- package/lib/src/core-components/src/utils/helpers/index.js +5 -0
- package/lib/src/core-components/src/utils/helpers/isComponentType.d.ts +12 -0
- package/lib/src/core-components/src/utils/helpers/isComponentType.d.ts.map +1 -0
- package/lib/src/core-components/src/utils/helpers/isComponentType.js +16 -0
- package/lib/src/core-components/src/utils/helpers/separateChildrenByType.d.ts +3 -0
- package/lib/src/core-components/src/utils/helpers/separateChildrenByType.d.ts.map +1 -0
- package/lib/src/core-components/src/utils/helpers/separateChildrenByType.js +12 -0
- package/lib/src/core-components/src/utils/helpers/separateChildrenByType.test.d.ts +2 -0
- package/lib/src/core-components/src/utils/helpers/separateChildrenByType.test.d.ts.map +1 -0
- package/lib/src/core-components/src/utils/helpers/separateChildrenByType.test.js +66 -0
- package/lib/src/core-components/src/utils/hooks/index.d.ts +18 -0
- package/lib/src/core-components/src/utils/hooks/index.d.ts.map +1 -0
- package/lib/src/core-components/src/utils/hooks/index.js +18 -0
- package/lib/src/core-components/src/utils/hooks/useClickOutside.d.ts +3 -0
- package/lib/src/core-components/src/utils/hooks/useClickOutside.d.ts.map +1 -0
- package/lib/src/core-components/src/utils/hooks/useClickOutside.js +18 -0
- package/lib/src/core-components/src/utils/hooks/useCombinedRefs.d.ts +3 -0
- package/lib/src/core-components/src/utils/hooks/useCombinedRefs.d.ts.map +1 -0
- package/lib/src/core-components/src/utils/hooks/useCombinedRefs.js +17 -0
- package/lib/src/core-components/src/utils/hooks/useDebouncedCallback.d.ts +3 -0
- package/lib/src/core-components/src/utils/hooks/useDebouncedCallback.d.ts.map +1 -0
- package/lib/src/core-components/src/utils/hooks/useDebouncedCallback.js +12 -0
- package/lib/src/core-components/src/utils/hooks/useDebouncedValue.d.ts +4 -0
- package/lib/src/core-components/src/utils/hooks/useDebouncedValue.d.ts.map +1 -0
- package/lib/src/core-components/src/utils/hooks/useDebouncedValue.js +20 -0
- package/lib/src/core-components/src/utils/hooks/useDeprecation.d.ts +30 -0
- package/lib/src/core-components/src/utils/hooks/useDeprecation.d.ts.map +1 -0
- package/lib/src/core-components/src/utils/hooks/useDeprecation.js +40 -0
- package/lib/src/core-components/src/utils/hooks/useDeviceDetect.d.ts +5 -0
- package/lib/src/core-components/src/utils/hooks/useDeviceDetect.d.ts.map +1 -0
- package/lib/src/core-components/src/utils/hooks/useDeviceDetect.js +10 -0
- package/lib/src/core-components/src/utils/hooks/useDeviceForm.d.ts +8 -0
- package/lib/src/core-components/src/utils/hooks/useDeviceForm.d.ts.map +1 -0
- package/lib/src/core-components/src/utils/hooks/useDeviceForm.js +24 -0
- package/lib/src/core-components/src/utils/hooks/useDisableBodyScroll.d.ts +4 -0
- package/lib/src/core-components/src/utils/hooks/useDisableBodyScroll.d.ts.map +1 -0
- package/lib/src/core-components/src/utils/hooks/useDisableBodyScroll.js +16 -0
- package/lib/src/core-components/src/utils/hooks/useHoverState.d.ts +11 -0
- package/lib/src/core-components/src/utils/hooks/useHoverState.d.ts.map +1 -0
- package/lib/src/core-components/src/utils/hooks/useHoverState.js +36 -0
- package/lib/src/core-components/src/utils/hooks/useId.d.ts +2 -0
- package/lib/src/core-components/src/utils/hooks/useId.d.ts.map +1 -0
- package/lib/src/core-components/src/utils/hooks/useId.js +7 -0
- package/lib/src/core-components/src/utils/hooks/useIsBrowser.d.ts +2 -0
- package/lib/src/core-components/src/utils/hooks/useIsBrowser.d.ts.map +1 -0
- package/lib/src/core-components/src/utils/hooks/useIsBrowser.js +11 -0
- package/lib/src/core-components/src/utils/hooks/useMediaQuery.d.ts +2 -0
- package/lib/src/core-components/src/utils/hooks/useMediaQuery.d.ts.map +1 -0
- package/lib/src/core-components/src/utils/hooks/useMediaQuery.js +16 -0
- package/lib/src/core-components/src/utils/hooks/useOverflow.d.ts +3 -0
- package/lib/src/core-components/src/utils/hooks/useOverflow.d.ts.map +1 -0
- package/lib/src/core-components/src/utils/hooks/useOverflow.js +22 -0
- package/lib/src/core-components/src/utils/hooks/useSafeLayoutEffect.d.ts +6 -0
- package/lib/src/core-components/src/utils/hooks/useSafeLayoutEffect.d.ts.map +1 -0
- package/lib/src/core-components/src/utils/hooks/useSafeLayoutEffect.js +5 -0
- package/lib/src/core-components/src/utils/hooks/useScrollingUp.d.ts +2 -0
- package/lib/src/core-components/src/utils/hooks/useScrollingUp.d.ts.map +1 -0
- package/lib/src/core-components/src/utils/hooks/useScrollingUp.js +18 -0
- package/lib/src/core-components/src/utils/hooks/useTrapFocus.d.ts +4 -0
- package/lib/src/core-components/src/utils/hooks/useTrapFocus.d.ts.map +1 -0
- package/lib/src/core-components/src/utils/hooks/useTrapFocus.js +30 -0
- package/lib/src/core-components/src/utils/hooks/useWindowDimensions.d.ts +5 -0
- package/lib/src/core-components/src/utils/hooks/useWindowDimensions.d.ts.map +1 -0
- package/lib/src/core-components/src/utils/hooks/useWindowDimensions.js +23 -0
- package/lib/src/core-components/src/utils/index.d.ts +7 -0
- package/lib/src/core-components/src/utils/index.d.ts.map +1 -1
- package/lib/src/core-components/src/utils/index.js +7 -0
- package/lib/src/core-components/src/utils/stories/Wrappers.d.ts +13 -0
- package/lib/src/core-components/src/utils/stories/Wrappers.d.ts.map +1 -0
- package/lib/src/core-components/src/utils/stories/Wrappers.js +47 -0
- package/lib/src/core-components/src/utils/stories/cleanProps.d.ts +2 -0
- package/lib/src/core-components/src/utils/stories/cleanProps.d.ts.map +1 -0
- package/lib/src/core-components/src/utils/stories/cleanProps.js +5 -0
- package/lib/src/core-components/src/utils/stories/index.d.ts +5 -0
- package/lib/src/core-components/src/utils/stories/index.d.ts.map +1 -0
- package/lib/src/core-components/src/utils/stories/index.js +4 -0
- package/lib/src/core-components/src/utils/stories/sleep.d.ts +2 -0
- package/lib/src/core-components/src/utils/stories/sleep.d.ts.map +1 -0
- package/lib/src/core-components/src/utils/stories/sleep.js +4 -0
- package/lib/src/core-components/src/utils/stories/view-ports.d.ts +51 -0
- package/lib/src/core-components/src/utils/stories/view-ports.d.ts.map +1 -0
- package/lib/src/core-components/src/utils/stories/view-ports.js +50 -0
- package/lib/src/core-components/src/utils/styling/calcWidthOfColumns.d.ts +9 -0
- package/lib/src/core-components/src/utils/styling/calcWidthOfColumns.d.ts.map +1 -0
- package/lib/src/core-components/src/utils/styling/calcWidthOfColumns.js +5 -0
- package/lib/src/core-components/src/utils/styling/createGridContainer.d.ts +2 -0
- package/lib/src/core-components/src/utils/styling/createGridContainer.d.ts.map +1 -0
- package/lib/src/core-components/src/utils/styling/createGridContainer.js +15 -0
- package/lib/src/core-components/src/utils/styling/createTransition.d.ts +8 -0
- package/lib/src/core-components/src/utils/styling/createTransition.d.ts.map +1 -0
- package/lib/src/core-components/src/utils/styling/createTransition.js +8 -0
- package/lib/src/core-components/src/utils/styling/forwardProps.d.ts +4 -0
- package/lib/src/core-components/src/utils/styling/forwardProps.d.ts.map +1 -0
- package/lib/src/core-components/src/utils/styling/forwardProps.js +10 -0
- package/lib/src/core-components/src/utils/styling/index.d.ts +6 -0
- package/lib/src/core-components/src/utils/styling/index.d.ts.map +1 -0
- package/lib/src/core-components/src/utils/styling/index.js +5 -0
- package/lib/src/core-components/src/utils/styling/pxToRem.d.ts +2 -0
- package/lib/src/core-components/src/utils/styling/pxToRem.d.ts.map +1 -0
- package/lib/src/core-components/src/utils/styling/pxToRem.js +6 -0
- package/lib/src/core-components/src/utils/testing/getComputedStyle.d.ts +2 -0
- package/lib/src/core-components/src/utils/testing/getComputedStyle.d.ts.map +1 -0
- package/lib/src/core-components/src/utils/testing/getComputedStyle.js +3 -0
- package/lib/src/core-components/src/utils/testing/index.d.ts +2 -0
- package/lib/src/core-components/src/utils/testing/index.d.ts.map +1 -0
- package/lib/src/core-components/src/utils/testing/index.js +1 -0
- package/lib/src/core-utils/index.d.ts +1 -1
- package/lib/src/core-utils/index.d.ts.map +1 -1
- package/lib/src/core-utils/index.js +1 -1
- package/lib/src/core-utils/src/index.d.ts +1 -1
- package/lib/src/core-utils/src/index.d.ts.map +1 -1
- package/lib/src/core-utils/src/index.js +1 -1
- package/lib/src/core-utils/src/utility/utility.util.d.ts +4 -0
- package/lib/src/core-utils/src/utility/utility.util.d.ts.map +1 -0
- package/lib/src/core-utils/src/utility/utility.util.js +12 -0
- package/package.json +3 -2
- package/lib/src/core-components/src/atoms/button/Button.spec.d.ts.map +0 -1
- package/lib/src/core-components/src/atoms/button/Button.types.d.ts.map +0 -1
- package/lib/src/core-components/src/atoms/button/button.component.d.ts.map +0 -1
- package/lib/src/core-components/src/atoms/button/buttonGroup/buttonGroup.component.d.ts.map +0 -1
- package/lib/src/core-components/src/atoms/check-box/checkBox.component.d.ts.map +0 -1
- package/lib/src/core-components/src/atoms/collapsible/collapsible.component.d.ts.map +0 -1
- package/lib/src/core-components/src/atoms/date-picker/date-picker.component.d.ts.map +0 -1
- package/lib/src/core-components/src/atoms/form/form.component.d.ts.map +0 -1
- package/lib/src/core-components/src/atoms/icons/icons.component.d.ts +0 -12
- package/lib/src/core-components/src/atoms/icons/icons.component.d.ts.map +0 -1
- package/lib/src/core-components/src/atoms/input/input-otp.component.d.ts.map +0 -1
- package/lib/src/core-components/src/atoms/input/input-pin.component.d.ts.map +0 -1
- package/lib/src/core-components/src/atoms/input-dropdown/input-dropdown.component.d.ts.map +0 -1
- package/lib/src/core-components/src/atoms/loader/loader.component.d.ts.map +0 -1
- package/lib/src/core-components/src/atoms/pdf/pdf-images.components.d.ts.map +0 -1
- package/lib/src/core-components/src/atoms/pdf/pdf-table.components.d.ts.map +0 -1
- package/lib/src/core-components/src/atoms/pdf/pdf-typography.components.d.ts.map +0 -1
- package/lib/src/core-components/src/atoms/pdf/pdf-wrapped-view.components.d.ts.map +0 -1
- package/lib/src/core-components/src/atoms/radio/radio.component.d.ts.map +0 -1
- package/lib/src/core-components/src/atoms/stepper/stepper.component.d.ts.map +0 -1
- package/lib/src/core-components/src/atoms/tabs/tabs.component.d.ts.map +0 -1
- package/lib/src/core-components/src/atoms/tags/tags.component.d.ts.map +0 -1
- package/lib/src/core-components/src/atoms/text-input-dropdown/text-input-dropdown.component.d.ts.map +0 -1
- package/lib/src/core-components/src/atoms/timer/timer.component.d.ts.map +0 -1
- package/lib/src/core-components/src/atoms/tooltip/Tooltip.types.d.ts.map +0 -1
- package/lib/src/core-components/src/atoms/tooltip/tooltip.component.d.ts.map +0 -1
- package/lib/src/core-components/src/molecules/auto-complete-filter-group-by-multiple-select-multiple-fields-display/auto-complete-filter-group-by-multiple-select-multiple-fields-display.component.d.ts.map +0 -1
- package/lib/src/core-components/src/molecules/auto-complete-filter-multi-select-multi-fields-display-drag-drop/auto-complete-filter-multi-select-multi-fields-display-drag-drop.component.d.ts.map +0 -1
- package/lib/src/core-components/src/molecules/auto-complete-filter-multi-select-multi-fields-display-drag-drop/auto-complete-filter-multi-select-multi-fields-display-drag-drop.component.test.d.ts.map +0 -1
- package/lib/src/core-components/src/molecules/auto-complete-filter-multi-select-selected-top-display/auto-complete-filter-multi-select-selected-top-display.component.d.ts.map +0 -1
- package/lib/src/core-components/src/molecules/auto-complete-filter-multiple-select-multiple-fields-display/auto-complete-filter-multiple-select-multiple-fields-display.component.d.ts.map +0 -1
- package/lib/src/core-components/src/molecules/auto-complete-filter-single-select/auto-complete-filter-single-select.component.d.ts.map +0 -1
- package/lib/src/core-components/src/molecules/auto-complete-filter-single-select-multiple-fields-display/auto-complete-filter-single-select-multiple-fields-display.component.d.ts.map +0 -1
- package/lib/src/core-components/src/molecules/auto-complete-group-by/auto-complete-group-by.component.d.ts.map +0 -1
- package/lib/src/core-components/src/molecules/autocomplete/autocomplete.d.ts.map +0 -1
- package/lib/src/core-components/src/molecules/color-picker/color-picker.component.d.ts.map +0 -1
- package/lib/src/core-components/src/molecules/color-picker-modal/color-picker-modal.component.d.ts.map +0 -1
- package/lib/src/core-components/src/molecules/css-multiline-input/css-multiline-input.component.d.ts.map +0 -1
- package/lib/src/core-components/src/molecules/modal/modal.component.d.ts.map +0 -1
- package/lib/src/core-components/src/molecules/modal-confirm/modal-confirm.component.d.ts.map +0 -1
- package/lib/src/core-components/src/molecules/multi-select/multi-select.component.d.ts.map +0 -1
- package/lib/src/core-components/src/molecules/multi-select-with-field/multi-select-with-field.component.d.ts.map +0 -1
- package/lib/src/core-components/src/molecules/multi-selection-dropdown/multi-selection-dropdown.component.d.ts.map +0 -1
- package/lib/src/core-components/src/molecules/single-select/single-select.component.d.ts.map +0 -1
- package/lib/src/core-utils/src/utility.util.d.ts +0 -2
- package/lib/src/core-utils/src/utility.util.d.ts.map +0 -1
- package/lib/src/core-utils/src/utility.util.js +0 -4
- /package/lib/src/core-components/src/{atoms → components/Accordion}/collapsible/collapsible.component.d.ts +0 -0
- /package/lib/src/core-components/src/{molecules → components/AutoComplete}/auto-complete-filter-group-by-multiple-select-multiple-fields-display/auto-complete-filter-group-by-multiple-select-multiple-fields-display.component.d.ts +0 -0
- /package/lib/src/core-components/src/{molecules → components/AutoComplete}/auto-complete-filter-multi-select-multi-fields-display-drag-drop/auto-complete-filter-multi-select-multi-fields-display-drag-drop.component.d.ts +0 -0
- /package/lib/src/core-components/src/{molecules → components/AutoComplete}/auto-complete-filter-multi-select-multi-fields-display-drag-drop/auto-complete-filter-multi-select-multi-fields-display-drag-drop.component.test.d.ts +0 -0
- /package/lib/src/core-components/src/{molecules → components/AutoComplete}/auto-complete-filter-multi-select-multi-fields-display-drag-drop/auto-complete-filter-multi-select-multi-fields-display-drag-drop.component.test.js +0 -0
- /package/lib/src/core-components/src/{molecules → components/AutoComplete}/auto-complete-filter-multi-select-selected-top-display/auto-complete-filter-multi-select-selected-top-display.component.d.ts +0 -0
- /package/lib/src/core-components/src/{molecules → components/AutoComplete}/auto-complete-filter-multiple-select-multiple-fields-display/auto-complete-filter-multiple-select-multiple-fields-display.component.d.ts +0 -0
- /package/lib/src/core-components/src/{molecules → components/AutoComplete}/auto-complete-filter-single-select/auto-complete-filter-single-select.component.d.ts +0 -0
- /package/lib/src/core-components/src/{molecules → components/AutoComplete}/auto-complete-filter-single-select-multiple-fields-display/auto-complete-filter-single-select-multiple-fields-display.component.d.ts +0 -0
- /package/lib/src/core-components/src/{molecules → components/AutoComplete}/auto-complete-group-by/auto-complete-group-by.component.d.ts +0 -0
- /package/lib/src/core-components/src/{molecules → components/AutoComplete}/autocomplete/autocomplete.css +0 -0
- /package/lib/src/core-components/src/{molecules → components/AutoComplete}/autocomplete/autocomplete.d.ts +0 -0
- /package/lib/src/core-components/src/{atoms/form → components/Form}/form.component.d.ts +0 -0
- /package/lib/src/core-components/src/{atoms/form → components/Form}/form.component.js +0 -0
- /package/lib/src/core-components/src/{atoms/form → components/Form}/toggle.css +0 -0
- /package/lib/src/core-components/src/{molecules/css-multiline-input → components/Input/CSSMultilineInput}/css-multiline-input.component.d.ts +0 -0
- /package/lib/src/core-components/src/{molecules/css-multiline-input → components/Input/CSSMultilineInput}/css-properties.d.ts +0 -0
- /package/lib/src/core-components/src/{molecules/css-multiline-input → components/Input/CSSMultilineInput}/css-properties.js +0 -0
- /package/lib/src/core-components/src/{atoms/input-dropdown → components/Input/InputDropdown}/input-dropdown.component.d.ts +0 -0
- /package/lib/src/core-components/src/{atoms/input → components/Input/InputOTP}/input-otp.component.d.ts +0 -0
- /package/lib/src/core-components/src/{atoms/input → components/Input/InputOTP}/input-otp.styles.css +0 -0
- /package/lib/src/core-components/src/{atoms/input → components/Input/InputPin}/input-pin.component.d.ts +0 -0
- /package/lib/src/core-components/src/{atoms/input → components/Input/InputPin}/input.styles.css +0 -0
- /package/lib/src/core-components/src/{atoms/loader → components/Loader}/loader.component.d.ts +0 -0
- /package/lib/src/core-components/src/{atoms/loader → components/Loader}/loader.component.js +0 -0
- /package/lib/src/core-components/src/{molecules/modal → components/Modal/BasicModal}/modal.component.d.ts +0 -0
- /package/lib/src/core-components/src/{molecules → components/Modal}/modal-confirm/modal-confirm.component.d.ts +0 -0
- /package/lib/src/core-components/src/{molecules → components/Picker}/color-picker/color-picker.component.d.ts +0 -0
- /package/lib/src/core-components/src/{molecules → components/Picker}/color-picker/color-picker.css +0 -0
- /package/lib/src/core-components/src/{molecules → components/Picker}/color-picker-modal/color-picker-modal.css +0 -0
- /package/lib/src/core-components/src/{molecules → components/Selection}/multi-select/multi-select.component.d.ts +0 -0
- /package/lib/src/core-components/src/{molecules → components/Selection}/multi-select-with-field/multi-select-with-field.component.d.ts +0 -0
- /package/lib/src/core-components/src/{molecules → components/Selection}/multi-selection-dropdown/multi-selection-dropdown.component.d.ts +0 -0
- /package/lib/src/core-components/src/{molecules → components/Selection}/single-select/single-select.component.d.ts +0 -0
- /package/lib/src/core-components/src/{atoms/tabs → components/Tabs}/tabs.component.d.ts +0 -0
- /package/lib/src/core-components/src/{atoms/tabs → components/Tabs}/tabs.component.js +0 -0
- /package/lib/src/core-components/src/{atoms/tabs → components/Tabs}/tabs.module.css +0 -0
- /package/lib/src/core-components/src/{atoms/tooltip → components/Tooltip}/Tooltip.types.d.ts +0 -0
- /package/lib/src/core-components/src/{atoms/tooltip → components/Tooltip}/Tooltip.types.js +0 -0
- /package/lib/src/core-components/src/{atoms/tooltip → components/Tooltip}/tooltip.component.d.ts +0 -0
- /package/lib/src/core-components/src/{atoms/tooltip → components/Tooltip}/tooltip.component.js +0 -0
- /package/lib/src/core-components/src/{atoms → components}/button/Button.spec.d.ts +0 -0
- /package/lib/src/core-components/src/{atoms → components}/button/Button.types.d.ts +0 -0
- /package/lib/src/core-components/src/{atoms → components}/button/Button.types.js +0 -0
- /package/lib/src/core-components/src/{atoms → components}/button/button.component.d.ts +0 -0
- /package/lib/src/core-components/src/{atoms → components}/button/buttonGroup/buttonGroup.component.d.ts +0 -0
- /package/lib/src/core-components/src/{atoms → components}/button/buttonGroup/buttonGroup.component.js +0 -0
- /package/lib/src/core-components/src/{atoms → components}/check-box/checkBox.component.d.ts +0 -0
- /package/lib/src/core-components/src/{atoms → components}/date-picker/date-picker.component.d.ts +0 -0
- /package/lib/src/core-components/src/{atoms → components}/pdf/pdf-images.components.d.ts +0 -0
- /package/lib/src/core-components/src/{atoms → components}/pdf/pdf-images.components.js +0 -0
- /package/lib/src/core-components/src/{atoms → components}/pdf/pdf-table.components.d.ts +0 -0
- /package/lib/src/core-components/src/{atoms → components}/pdf/pdf-table.components.js +0 -0
- /package/lib/src/core-components/src/{atoms → components}/pdf/pdf-typography.components.d.ts +0 -0
- /package/lib/src/core-components/src/{atoms → components}/pdf/pdf-typography.components.js +0 -0
- /package/lib/src/core-components/src/{atoms → components}/pdf/pdf-wrapped-view.components.d.ts +0 -0
- /package/lib/src/core-components/src/{atoms → components}/pdf/pdf-wrapped-view.components.js +0 -0
- /package/lib/src/core-components/src/{atoms → components}/radio/radio.component.d.ts +0 -0
- /package/lib/src/core-components/src/{atoms → components}/stepper/stepper.component.d.ts +0 -0
- /package/lib/src/core-components/src/{atoms → components}/stepper/stepper.component.js +0 -0
- /package/lib/src/core-components/src/{atoms → components}/tags/tags.component.d.ts +0 -0
- /package/lib/src/core-components/src/{atoms → components}/tags/tags.component.js +0 -0
- /package/lib/src/core-components/src/{atoms → components}/text-input-dropdown/text-input-dropdown.component.d.ts +0 -0
- /package/lib/src/core-components/src/{atoms → components}/timer/timer.component.d.ts +0 -0
- /package/lib/src/core-components/src/{atoms → components}/timer/timer.component.js +0 -0
package/lib/src/core-components/src/components/Accordion/AccordionSection/AccordionSection.d.ts
ADDED
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { IconProps } from '../../Icon';
|
|
3
|
+
export type AccordionSectionProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
4
|
+
buttonClassName?: string;
|
|
5
|
+
iconWrapperClassName?: string;
|
|
6
|
+
/** @deprecated use `aria-label` instead */
|
|
7
|
+
ariaLabel?: string;
|
|
8
|
+
/** @deprecated use AccordionSection.Header.Leading and AccordionSection.Header.Trailing instead */
|
|
9
|
+
icons?: IconProps;
|
|
10
|
+
header?: string;
|
|
11
|
+
subheader?: string;
|
|
12
|
+
startOpen?: boolean;
|
|
13
|
+
transitionMaxHeight?: string;
|
|
14
|
+
/** @deprecated */
|
|
15
|
+
transitionDuration?: string;
|
|
16
|
+
/** @deprecated */
|
|
17
|
+
transitionTimingFunction?: string;
|
|
18
|
+
onOpenStateChange?: (isOpening: boolean) => void;
|
|
19
|
+
isOpen?: boolean;
|
|
20
|
+
};
|
|
21
|
+
export declare const AccordionSection: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
22
|
+
buttonClassName?: string | undefined;
|
|
23
|
+
iconWrapperClassName?: string | undefined;
|
|
24
|
+
/** @deprecated use `aria-label` instead */
|
|
25
|
+
ariaLabel?: string | undefined;
|
|
26
|
+
/** @deprecated use AccordionSection.Header.Leading and AccordionSection.Header.Trailing instead */
|
|
27
|
+
icons?: IconProps | undefined;
|
|
28
|
+
header?: string | undefined;
|
|
29
|
+
subheader?: string | undefined;
|
|
30
|
+
startOpen?: boolean | undefined;
|
|
31
|
+
transitionMaxHeight?: string | undefined;
|
|
32
|
+
/** @deprecated */
|
|
33
|
+
transitionDuration?: string | undefined;
|
|
34
|
+
/** @deprecated */
|
|
35
|
+
transitionTimingFunction?: string | undefined;
|
|
36
|
+
onOpenStateChange?: ((isOpening: boolean) => void) | undefined;
|
|
37
|
+
isOpen?: boolean | undefined;
|
|
38
|
+
} & React.RefAttributes<HTMLButtonElement>> & {
|
|
39
|
+
Header: (({ children }: import("./Header").HeaderProps) => import("react/jsx-runtime").JSX.Element) & {
|
|
40
|
+
Heading: ({ children, ...props }: React.HTMLAttributes<HTMLSpanElement> & {
|
|
41
|
+
size?: number | undefined;
|
|
42
|
+
weight?: "medium" | "regular" | "heavy" | undefined;
|
|
43
|
+
color?: string | undefined;
|
|
44
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
45
|
+
Leading: (props: any) => import("react/jsx-runtime").JSX.Element;
|
|
46
|
+
Number: ({ children, ...props }: React.HTMLAttributes<HTMLSpanElement> & {
|
|
47
|
+
size?: number | undefined;
|
|
48
|
+
weight?: "medium" | "regular" | "heavy" | undefined;
|
|
49
|
+
color?: string | undefined;
|
|
50
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
51
|
+
SupportiveText: ({ children, ...props }: React.HTMLAttributes<HTMLSpanElement> & {
|
|
52
|
+
size?: number | undefined;
|
|
53
|
+
weight?: "medium" | "regular" | "heavy" | undefined;
|
|
54
|
+
color?: string | undefined;
|
|
55
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
56
|
+
Trailing: (props: any) => import("react/jsx-runtime").JSX.Element;
|
|
57
|
+
};
|
|
58
|
+
};
|
|
59
|
+
//# sourceMappingURL=AccordionSection.d.ts.map
|
package/lib/src/core-components/src/components/Accordion/AccordionSection/AccordionSection.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AccordionSection.d.ts","sourceRoot":"","sources":["../../../../../../../src/core-components/src/components/Accordion/AccordionSection/AccordionSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAUrE,OAAO,EAAO,SAAS,EAAC,MAAM,YAAY,CAAC;AAU3C,MAAM,MAAM,qBAAqB,GAC/B,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAC9C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mGAAmG;IACnG,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,kBAAkB;IAClB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,kBAAkB;IAClB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEJ,eAAO,MAAM,gBAAgB;;;IAhBzB,2CAA2C;;IAE3C,mGAAmG;;;;;;IAMnG,kBAAkB;;IAElB,kBAAkB;;qCAEc,OAAO,KAAK,IAAI;;;;;;;;;;;;;;;;;;;;;;CA2HnD,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import React, { useContext, useRef, useState, useEffect } from 'react';
|
|
4
|
+
import { ButtonElement, AccordionSectionWrapper, AccordionSectionContent, AccordionDivider, AccordionSectionContentWrapper, AccordionFade, } from './elements';
|
|
5
|
+
import { Header } from './Header';
|
|
6
|
+
import { Icon } from '../../Icon';
|
|
7
|
+
import { useCurrentAccordionIndex } from './hooks/useCurrentAccordionIndex';
|
|
8
|
+
import AccordionContext from './AccordionContext';
|
|
9
|
+
import { StateLayer } from '../../../core-components';
|
|
10
|
+
import { attachSubComponents, separateChildrenByType, usePropDeprecation, } from '../../../utils';
|
|
11
|
+
export const AccordionSection = attachSubComponents('AccordionSection', React.forwardRef(({ buttonClassName = '', iconWrapperClassName = '', ariaLabel = '', icons, children, header, subheader, startOpen = false, transitionDuration = '.3s', transitionTimingFunction = 'ease-in', onClick, onOpenStateChange, isOpen, ...rest }, fRef) => {
|
|
12
|
+
usePropDeprecation({
|
|
13
|
+
name: 'iconSrc',
|
|
14
|
+
version: '5.0.0',
|
|
15
|
+
alternative: 'AccordionSection.Header.Leading and AccordionSection.Header.Trailing',
|
|
16
|
+
value: icons,
|
|
17
|
+
});
|
|
18
|
+
const { numbered, variant } = useContext(AccordionContext);
|
|
19
|
+
const accordionRef = useRef(null);
|
|
20
|
+
const accordionIndex = useCurrentAccordionIndex(accordionRef);
|
|
21
|
+
const [accordionOpen, setAccordionOpenState] = useState(isOpen ?? startOpen);
|
|
22
|
+
useEffect(() => {
|
|
23
|
+
setAccordionOpenState(isOpen ?? startOpen);
|
|
24
|
+
}, [isOpen]);
|
|
25
|
+
const [headerElements, content] = separateChildrenByType(children, Header);
|
|
26
|
+
const sectionHeader = React.Children.count(headerElements) !== 0 ? (headerElements) : (_jsxs(Header, { children: [numbered ? (_jsx(Header.Leading, { children: _jsxs(Header.Number, { children: [accordionIndex, "."] }) })) : (icons && (_jsx(Header.Leading, { className: iconWrapperClassName, children: _jsx(Icon, { nameIcon: icons.nameIcon }) }))), _jsx(Header.Heading, { children: header }), subheader && (_jsx(Header.SupportiveText, { children: subheader }))] }));
|
|
27
|
+
return (_jsxs(AccordionSectionWrapper, { "$variant": variant, "$isOpen": accordionOpen, "data-aui": "accordion.section", ref: accordionRef, children: [_jsxs(ButtonElement, { ref: fRef, className: buttonClassName, "aria-label": ariaLabel, "aria-expanded": accordionOpen, onClick: (e) => {
|
|
28
|
+
onClick?.(e);
|
|
29
|
+
onOpenStateChange?.(!accordionOpen);
|
|
30
|
+
setAccordionOpenState(!accordionOpen);
|
|
31
|
+
}, ...rest, children: [_jsx(StateLayer, {}), sectionHeader] }), _jsxs(AccordionSectionContentWrapper, { "$isOpen": accordionOpen, "$transitionDuration": transitionDuration, "$transitionTimingFunction": transitionTimingFunction, children: [_jsx(AccordionSectionContent, { "aria-hidden": !accordionOpen, "$isOpen": accordionOpen, "$hasLeader": !!icons || numbered, "$transitionDuration": transitionDuration, children: _jsx("div", { style: { zIndex: -1, paddingBottom: 10 }, children: content }) }), _jsx(AccordionFade, { "$isOpen": accordionOpen, "$transitionDuration": transitionDuration, "$transitionTimingFunction": transitionTimingFunction })] }), _jsx(AccordionDivider, {})] }));
|
|
32
|
+
}), {
|
|
33
|
+
Header,
|
|
34
|
+
});
|
package/lib/src/core-components/src/components/Accordion/AccordionSection/AccordionTestData.d.ts
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export declare const testHeader = "This is a short description that goes up to two rows";
|
|
2
|
+
export declare const testSubheader = "Short sentence or subheading";
|
|
3
|
+
export declare const testIcon = "icon-placeholder";
|
|
4
|
+
export declare const testContent = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Auctor tristique vulputate et viverra felis massa metus, condimentum ero.";
|
|
5
|
+
//# sourceMappingURL=AccordionTestData.d.ts.map
|
package/lib/src/core-components/src/components/Accordion/AccordionSection/AccordionTestData.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AccordionTestData.d.ts","sourceRoot":"","sources":["../../../../../../../src/core-components/src/components/Accordion/AccordionSection/AccordionTestData.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,yDACiC,CAAC;AACzD,eAAO,MAAM,aAAa,iCAAiC,CAAC;AAC5D,eAAO,MAAM,QAAQ,qBAAqB,CAAC;AAC3C,eAAO,MAAM,WAAW,uIAC8G,CAAC"}
|
package/lib/src/core-components/src/components/Accordion/AccordionSection/AccordionTestData.js
ADDED
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export const testHeader = 'This is a short description that goes up to two rows';
|
|
2
|
+
export const testSubheader = 'Short sentence or subheading';
|
|
3
|
+
export const testIcon = 'icon-placeholder';
|
|
4
|
+
export const testContent = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Auctor tristique vulputate et viverra felis massa metus, condimentum ero.';
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
type TextProps = React.HTMLAttributes<HTMLSpanElement> & {
|
|
3
|
+
size?: number;
|
|
4
|
+
weight?: 'regular' | 'medium' | 'heavy';
|
|
5
|
+
color?: string;
|
|
6
|
+
};
|
|
7
|
+
export type HeaderProps = {
|
|
8
|
+
children: React.ReactNode;
|
|
9
|
+
};
|
|
10
|
+
export declare const Header: (({ children }: HeaderProps) => import("react/jsx-runtime").JSX.Element) & {
|
|
11
|
+
Heading: ({ children, ...props }: TextProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
Leading: (props: any) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
Number: ({ children, ...props }: TextProps) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
SupportiveText: ({ children, ...props }: TextProps) => import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
Trailing: (props: any) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
};
|
|
17
|
+
export {};
|
|
18
|
+
//# sourceMappingURL=Header.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../../../../src/core-components/src/components/Accordion/AccordionSection/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAqC1B,KAAK,SAAS,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG;IACvD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AA6BF,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,MAAM,kBAEJ,WAAW;sCAlBa,SAAS;;qCANV,SAAS;6CAYD,SAAS;;CAkCtD,CAAC"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { attachSubComponents, DefaultsProvider, separateChildrenByType, } from '../../../utils';
|
|
3
|
+
import { AccordionSectionText, StyledLeadingTrailing } from './elements';
|
|
4
|
+
// import {Text, TextProps} from '../Text';
|
|
5
|
+
const Text = ({ size, weight, color, children, ...props }) => {
|
|
6
|
+
const fontSizeMap = {
|
|
7
|
+
1: '0.875rem',
|
|
8
|
+
2: '1rem',
|
|
9
|
+
3: '1.25rem',
|
|
10
|
+
4: '1.5rem',
|
|
11
|
+
};
|
|
12
|
+
const fontWeightMap = {
|
|
13
|
+
regular: 400,
|
|
14
|
+
medium: 500,
|
|
15
|
+
heavy: 700,
|
|
16
|
+
};
|
|
17
|
+
return (_jsx("span", { style: {
|
|
18
|
+
fontSize: fontSizeMap[size] || fontSizeMap[2],
|
|
19
|
+
fontWeight: fontWeightMap[weight] || fontWeightMap['regular'],
|
|
20
|
+
color: color || 'inherit',
|
|
21
|
+
}, ...props, children: children }));
|
|
22
|
+
};
|
|
23
|
+
const LeadingTrailing = ({ children, ...props }) => (_jsx(StyledLeadingTrailing, { ...props, children: _jsx(DefaultsProvider, { value: { iconSize: 'large' }, children: children }) }));
|
|
24
|
+
const Leading = (props) => _jsx(LeadingTrailing, { ...props });
|
|
25
|
+
const Trailing = (props) => _jsx(LeadingTrailing, { ...props });
|
|
26
|
+
const Number = ({ children, ...props }) => (_jsx(Text, { size: 2, weight: "heavy", ...props, children: children }));
|
|
27
|
+
const Heading = ({ children, ...props }) => (_jsx(Text, { size: 2, weight: "heavy", ...props, children: children }));
|
|
28
|
+
const SupportiveText = ({ children, ...props }) => (_jsx(Text, { size: 1, color: "var(--aui-on-surface-soft)", ...props, children: children }));
|
|
29
|
+
export const Header = attachSubComponents('Header', ({ children }) => {
|
|
30
|
+
const [leading, trailing, content] = separateChildrenByType(children, Leading, Trailing);
|
|
31
|
+
return (_jsxs(_Fragment, { children: [leading, _jsx(AccordionSectionText, { children: content }), trailing] }));
|
|
32
|
+
}, {
|
|
33
|
+
Heading,
|
|
34
|
+
Leading,
|
|
35
|
+
Number,
|
|
36
|
+
SupportiveText,
|
|
37
|
+
Trailing,
|
|
38
|
+
});
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { AccordionVariant } from './types';
|
|
3
|
+
export declare const AccordionElement: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
4
|
+
$variant: AccordionVariant | 'inline' | 'full-page';
|
|
5
|
+
}>> & string;
|
|
6
|
+
export declare const AccordionSectionWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
7
|
+
$variant: AccordionVariant | 'inline' | 'full-page';
|
|
8
|
+
$isOpen: boolean;
|
|
9
|
+
}>> & string;
|
|
10
|
+
export declare const ButtonElement: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
|
|
11
|
+
export declare const AccordionSectionText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
12
|
+
type AccordionSectionContentProps = {
|
|
13
|
+
$isOpen: boolean;
|
|
14
|
+
$hasLeader: boolean;
|
|
15
|
+
$transitionDuration: string;
|
|
16
|
+
};
|
|
17
|
+
export declare const AccordionFade: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
18
|
+
$isOpen: boolean;
|
|
19
|
+
$transitionDuration: string;
|
|
20
|
+
$transitionTimingFunction: string;
|
|
21
|
+
}>> & string;
|
|
22
|
+
export declare const AccordionSectionContentWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
23
|
+
$isOpen: boolean;
|
|
24
|
+
$transitionDuration: string;
|
|
25
|
+
$transitionTimingFunction: string;
|
|
26
|
+
}>> & string;
|
|
27
|
+
export declare const AccordionSectionContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AccordionSectionContentProps>> & string;
|
|
28
|
+
export declare const StyledLeadingTrailing: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
29
|
+
alignment?: "center" | "top" | undefined;
|
|
30
|
+
}>> & string;
|
|
31
|
+
export declare const AccordionDivider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, never>, "ref"> & {
|
|
32
|
+
ref?: ((instance: HTMLHRElement | null) => void) | import("react").RefObject<HTMLHRElement> | null | undefined;
|
|
33
|
+
}, never>> & string;
|
|
34
|
+
export declare const RotatingIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../../Icon").IconProps, {
|
|
35
|
+
$rotateIcon: boolean;
|
|
36
|
+
}>> & string & Omit<({ nameIcon, ...props }: import("../../Icon").IconProps) => JSX.Element, keyof import("react").Component<any, {}, any>>;
|
|
37
|
+
export {};
|
|
38
|
+
//# sourceMappingURL=elements.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"elements.d.ts","sourceRoot":"","sources":["../../../../../../../src/core-components/src/components/Accordion/AccordionSection/elements.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,gBAAgB,EAA2B,MAAM,SAAS,CAAC;AASnE,eAAO,MAAM,gBAAgB;cACjB,gBAAgB,GAAG,QAAQ,GAAG,WAAW;YAepD,CAAC;AAEF,eAAO,MAAM,uBAAuB;cACxB,gBAAgB,GAAG,QAAQ,GAAG,WAAW;aAC1C,OAAO;YAajB,CAAC;AAEF,eAAO,MAAM,aAAa,yOAuBzB,CAAC;AAEF,eAAO,MAAM,oBAAoB,6NAQhC,CAAC;AAEF,KAAK,4BAA4B,GAAG;IAClC,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,mBAAmB,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,aAAa;aACf,OAAO;yBACK,MAAM;+BACA,MAAM;YAQlC,CAAC;AAmBF,eAAO,MAAM,8BAA8B;aAChC,OAAO;yBACK,MAAM;+BACA,MAAM;YAWlC,CAAC;AAEF,eAAO,MAAM,uBAAuB,iQASnC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;YAajC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;mBAE5B,CAAC;AAEF,eAAO,MAAM,YAAY;iBACV,OAAO;2IAMrB,CAAC"}
|
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
import { styled, css } from 'styled-components';
|
|
2
|
+
import { Icon } from '../../Icon';
|
|
3
|
+
import { StateLayer } from '../../../core-components';
|
|
4
|
+
const Divider = styled.hr `
|
|
5
|
+
border: none;
|
|
6
|
+
border-top: 1px solid;
|
|
7
|
+
margin: 0;
|
|
8
|
+
width: 100%;
|
|
9
|
+
`;
|
|
10
|
+
export const AccordionElement = styled.div `
|
|
11
|
+
display: flex;
|
|
12
|
+
justify-content: space-evenly;
|
|
13
|
+
align-items: center;
|
|
14
|
+
flex-direction: column;
|
|
15
|
+
${({ $variant }) => $variant === 'inline' &&
|
|
16
|
+
css `
|
|
17
|
+
border: 1px solid var(--outline);
|
|
18
|
+
border-radius: var(--border-radius-100);
|
|
19
|
+
`};
|
|
20
|
+
overflow: hidden;
|
|
21
|
+
width: 100%;
|
|
22
|
+
color: var(--on-surface);
|
|
23
|
+
`;
|
|
24
|
+
export const AccordionSectionWrapper = styled.div `
|
|
25
|
+
overflow: hidden;
|
|
26
|
+
width: 100%;
|
|
27
|
+
isolation: isolate;
|
|
28
|
+
|
|
29
|
+
${({ $variant }) => $variant === 'inline' &&
|
|
30
|
+
css `
|
|
31
|
+
&:last-child ${AccordionDivider} {
|
|
32
|
+
display: none;
|
|
33
|
+
}
|
|
34
|
+
`};
|
|
35
|
+
`;
|
|
36
|
+
export const ButtonElement = styled.button `
|
|
37
|
+
all: unset;
|
|
38
|
+
|
|
39
|
+
z-index: 1;
|
|
40
|
+
position: relative;
|
|
41
|
+
cursor: pointer;
|
|
42
|
+
width: 100%;
|
|
43
|
+
box-sizing: border-box;
|
|
44
|
+
|
|
45
|
+
background-color: var(--surface);
|
|
46
|
+
|
|
47
|
+
display: flex;
|
|
48
|
+
gap: var(--spacing-100);
|
|
49
|
+
align-items: center;
|
|
50
|
+
padding: var(--spacing-200);
|
|
51
|
+
|
|
52
|
+
&:hover:not(:disabled) ${StateLayer} {
|
|
53
|
+
opacity: var(--state-layer-hover);
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
&:active:not(:disabled) ${StateLayer} {
|
|
57
|
+
opacity: var(--state-layer-press);
|
|
58
|
+
}
|
|
59
|
+
`;
|
|
60
|
+
export const AccordionSectionText = styled.div `
|
|
61
|
+
line-height: 1.3;
|
|
62
|
+
flex-grow: 1;
|
|
63
|
+
padding-right: var(--spacing-100);
|
|
64
|
+
|
|
65
|
+
display: flex;
|
|
66
|
+
flex-direction: column;
|
|
67
|
+
gap: var(--spacing-050);
|
|
68
|
+
`;
|
|
69
|
+
export const AccordionFade = styled.div `
|
|
70
|
+
z-index: 0;
|
|
71
|
+
position: relative;
|
|
72
|
+
background: linear-gradient(to bottom, transparent, var(--surface));
|
|
73
|
+
width: 100%;
|
|
74
|
+
height: var(--spacing-150);
|
|
75
|
+
margin-top: calc(var(--spacing-150) * -1);
|
|
76
|
+
`;
|
|
77
|
+
const getTransitionTimingFunction = (transitionTimingFunction, isOpen) => {
|
|
78
|
+
if (transitionTimingFunction !== 'ease-in' &&
|
|
79
|
+
transitionTimingFunction !== 'ease-out') {
|
|
80
|
+
return transitionTimingFunction;
|
|
81
|
+
}
|
|
82
|
+
if (isOpen) {
|
|
83
|
+
return 'ease-out';
|
|
84
|
+
}
|
|
85
|
+
return 'ease-in';
|
|
86
|
+
};
|
|
87
|
+
export const AccordionSectionContentWrapper = styled.div `
|
|
88
|
+
z-index: -1;
|
|
89
|
+
position: relative;
|
|
90
|
+
display: grid;
|
|
91
|
+
grid-template-rows: ${({ $isOpen }) => ($isOpen ? '1fr' : '0fr')};
|
|
92
|
+
transition: ${({ $transitionDuration, $transitionTimingFunction, $isOpen }) => `grid-template-rows ${$transitionDuration} ${getTransitionTimingFunction($transitionTimingFunction, $isOpen)}`};
|
|
93
|
+
`;
|
|
94
|
+
export const AccordionSectionContent = styled.div `
|
|
95
|
+
overflow-y: hidden;
|
|
96
|
+
transition: ${({ $transitionDuration }) => `opacity ${$transitionDuration} linear`};
|
|
97
|
+
line-height: 1.3;
|
|
98
|
+
opacity: ${({ $isOpen }) => ($isOpen ? 1 : 0)};
|
|
99
|
+
padding-right: var(--spacing-150);
|
|
100
|
+
padding-left: ${({ $hasLeader }) => $hasLeader ? 'var(--spacing-600)' : 'var(--spacing-200)'};
|
|
101
|
+
`;
|
|
102
|
+
export const StyledLeadingTrailing = styled.div `
|
|
103
|
+
flex-shrink: 0;
|
|
104
|
+
min-width: var(--spacing-300);
|
|
105
|
+
display: flex;
|
|
106
|
+
align-self: ${({ alignment }) => alignment === 'center' ? 'center' : 'flex-start'};
|
|
107
|
+
|
|
108
|
+
img,
|
|
109
|
+
picture {
|
|
110
|
+
object-fit: contain;
|
|
111
|
+
}
|
|
112
|
+
`;
|
|
113
|
+
export const AccordionDivider = styled(Divider) `
|
|
114
|
+
border-color: var(--outline);
|
|
115
|
+
`;
|
|
116
|
+
export const RotatingIcon = styled(Icon.SSR) `
|
|
117
|
+
overflow: hidden;
|
|
118
|
+
flex-shrink: 0;
|
|
119
|
+
transition: transform 0.4s ease-in-out;
|
|
120
|
+
transform: ${({ $rotateIcon }) => `rotate(${$rotateIcon ? -180 : 0}deg)`};
|
|
121
|
+
`;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useCurrentAccordionIndex.d.ts","sourceRoot":"","sources":["../../../../../../../../src/core-components/src/components/Accordion/AccordionSection/hooks/useCurrentAccordionIndex.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,gBAAgB,EAAsB,MAAM,OAAO,CAAC;AAE5D,eAAO,MAAM,wBAAwB,QAC9B,iBAAiB,OAAO,GAAG,IAAI,CAAC,WAgBtC,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { useEffect, useState } from 'react';
|
|
2
|
+
export const useCurrentAccordionIndex = (ref) => {
|
|
3
|
+
const [currentIndex, setCurrentIndex] = useState(1);
|
|
4
|
+
useEffect(() => {
|
|
5
|
+
let node = ref.current;
|
|
6
|
+
let index = 1;
|
|
7
|
+
while (node && (node = node.previousElementSibling)) {
|
|
8
|
+
index++;
|
|
9
|
+
}
|
|
10
|
+
setCurrentIndex(index);
|
|
11
|
+
}, []);
|
|
12
|
+
return currentIndex;
|
|
13
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/core-components/src/components/Accordion/AccordionSection/index.ts"],"names":[],"mappings":"AAAA,cAAc,GAAG,CAAC;AAClB,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/** @deprecated */
|
|
2
|
+
export declare enum AccordionVariant {
|
|
3
|
+
/** @deprecated use 'inline' instead */
|
|
4
|
+
Inline = "inline",
|
|
5
|
+
/** @deprecated use 'full-page' instead */
|
|
6
|
+
FullPage = "full-page"
|
|
7
|
+
}
|
|
8
|
+
export declare const LEADING_TRAILING_ALIGNMENTS: readonly ["center", "top"];
|
|
9
|
+
export type LeadingTrailingAlignment = (typeof LEADING_TRAILING_ALIGNMENTS)[number];
|
|
10
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../src/core-components/src/components/Accordion/AccordionSection/types.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAClB,oBAAY,gBAAgB;IAC1B,uCAAuC;IACvC,MAAM,WAAW;IACjB,0CAA0C;IAC1C,QAAQ,cAAc;CACvB;AAED,eAAO,MAAM,2BAA2B,4BAA6B,CAAC;AACtE,MAAM,MAAM,wBAAwB,GAClC,CAAC,OAAO,2BAA2B,CAAC,CAAC,MAAM,CAAC,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/** @deprecated */
|
|
2
|
+
export var AccordionVariant;
|
|
3
|
+
(function (AccordionVariant) {
|
|
4
|
+
/** @deprecated use 'inline' instead */
|
|
5
|
+
AccordionVariant["Inline"] = "inline";
|
|
6
|
+
/** @deprecated use 'full-page' instead */
|
|
7
|
+
AccordionVariant["FullPage"] = "full-page";
|
|
8
|
+
})(AccordionVariant || (AccordionVariant = {}));
|
|
9
|
+
export const LEADING_TRAILING_ALIGNMENTS = ['center', 'top'];
|
package/lib/src/core-components/src/components/Accordion/collapsible/collapsible.component.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"collapsible.component.d.ts","sourceRoot":"","sources":["../../../../../../../src/core-components/src/components/Accordion/collapsible/collapsible.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAItC,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AACD,eAAO,MAAM,WAAW,0EAOrB,gBAAgB,4CAkDlB,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useState } from 'react';
|
|
3
|
-
import s from '
|
|
4
|
-
import { cn } from '
|
|
3
|
+
import s from '../../../tc.module.css';
|
|
4
|
+
import { cn } from '../../../utils';
|
|
5
5
|
export const Collapsible = ({ label, labelClassName, className, onExpand, onCollapse, children, }) => {
|
|
6
6
|
const [open, setOPen] = useState(false);
|
|
7
7
|
const toggle = () => {
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export declare const ACTION_SIZE: readonly ["sm", "md", "lg"];
|
|
2
|
+
export type ActionSize = (typeof ACTION_SIZE)[number];
|
|
3
|
+
export declare const ACTION_VARIANT: readonly ["filled", "tonal", "outline", "flat"];
|
|
4
|
+
export type ActionVariant = (typeof ACTION_VARIANT)[number];
|
|
5
|
+
export declare const ACTION_STATE: readonly ["enabled", "disabled", "loading", "readonly"];
|
|
6
|
+
export type ActionState = (typeof ACTION_STATE)[number];
|
|
7
|
+
export type ActionIconVariant = 'left' | 'right' | 'both' | 'none' | 'only';
|
|
8
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/components/Action/types.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,6BAA8B,CAAC;AACvD,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAEtD,eAAO,MAAM,cAAc,iDAAkD,CAAC;AAC9E,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5D,eAAO,MAAM,YAAY,yDAKf,CAAC;AACX,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAExD,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"auto-complete-filter-group-by-multiple-select-multiple-fields-display.component.d.ts","sourceRoot":"","sources":["../../../../../../../src/core-components/src/components/AutoComplete/auto-complete-filter-group-by-multiple-select-multiple-fields-display/auto-complete-filter-group-by-multiple-select-multiple-fields-display.component.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,iEAAiE;IAChF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,GAAG,CAAC;IACV,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,cAAc,CAAC,EAAE;QAAC,WAAW,EAAE,MAAM,CAAC;QAAC,aAAa,EAAE,MAAM,CAAA;KAAC,CAAC;IAC9D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,CAAC;IAC7B,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;CAC3B;AAED,eAAO,MAAM,4DAA4D,wMAiBtE,iEAAiE,4CAuvBnE,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
/* eslint-disable */
|
|
3
3
|
import { useState, useEffect, useRef } from 'react';
|
|
4
|
-
import { Icon } from '../../
|
|
5
|
-
import s from '
|
|
6
|
-
import { cn } from '
|
|
4
|
+
import { Icon } from '../../';
|
|
5
|
+
import s from '../../../tc.module.css';
|
|
6
|
+
import { cn } from '../../../utils';
|
|
7
7
|
import { debounce } from '@techabl/core-utils';
|
|
8
8
|
export const AutoCompleteFilterGroupByMultipleSelectMultipleFieldsDisplay = ({ uniqueField = '_id', isSelectedStringArray = false, loader = false, placeholder = 'Search...', data, hasError = false, disable = false, isUpperCase = false, name, showGroupHeaders = true, collapsibleGroups = false, groupByDetails = { groupByName: 'lab', totalItemName: 'department' }, onFilter, onUpdate, onSelect, onBlur, }) => {
|
|
9
9
|
const [value, setValue] = useState('');
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"auto-complete-filter-multi-select-multi-fields-display-drag-drop.component.d.ts","sourceRoot":"","sources":["../../../../../../../src/core-components/src/components/AutoComplete/auto-complete-filter-multi-select-multi-fields-display-drag-drop/auto-complete-filter-multi-select-multi-fields-display-drag-drop.component.tsx"],"names":[],"mappings":"AAwEA,UAAU,2DAA2D;IACnE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,GAAG,CAAC;IACV,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC9B,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,CAAC;IAC7B,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;CAC3B;AAED,eAAO,MAAM,uDAAuD,+IAejE,2DAA2D,4CA8Q7D,CAAC"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
/* eslint-disable */
|
|
3
3
|
import { useState, useEffect, useRef } from 'react';
|
|
4
|
-
import { LoadingAnimateSpin, Icon } from '
|
|
4
|
+
import { LoadingAnimateSpin, Icon } from '../../';
|
|
5
5
|
import { DndContext, closestCenter, useSensor, useSensors, PointerSensor, } from '@dnd-kit/core';
|
|
6
6
|
import { arrayMove, SortableContext, useSortable, horizontalListSortingStrategy, } from '@dnd-kit/sortable';
|
|
7
7
|
import { CSS } from '@dnd-kit/utilities';
|
|
8
|
-
import s from '
|
|
9
|
-
import { cn } from '
|
|
8
|
+
import s from '../../../tc.module.css';
|
|
9
|
+
import { cn } from '../../../utils';
|
|
10
10
|
const DraggableSelectedItem = ({ item, index, onRemove, displayKey, uniqueField, }) => {
|
|
11
11
|
const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({ id: item[uniqueField] });
|
|
12
12
|
const style = {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"auto-complete-filter-multi-select-multi-fields-display-drag-drop.component.test.d.ts","sourceRoot":"","sources":["../../../../../../../src/core-components/src/components/AutoComplete/auto-complete-filter-multi-select-multi-fields-display-drag-drop/auto-complete-filter-multi-select-multi-fields-display-drag-drop.component.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"auto-complete-filter-multi-select-selected-top-display.component.d.ts","sourceRoot":"","sources":["../../../../../../../src/core-components/src/components/AutoComplete/auto-complete-filter-multi-select-selected-top-display/auto-complete-filter-multi-select-selected-top-display.component.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,oDAAoD;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,GAAG,CAAC;IACV,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;IACxC,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,+CAA+C,gKAezD,oDAAoD,4CAsftD,CAAC"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
/* eslint-disable */
|
|
3
3
|
import { useState, useEffect, useRef } from 'react';
|
|
4
|
-
import { Icon } from '../../
|
|
4
|
+
import { Icon } from '../../';
|
|
5
5
|
import { debounce } from '@techabl/core-utils';
|
|
6
|
-
import s from '
|
|
7
|
-
import { cn } from '
|
|
6
|
+
import s from '../../../tc.module.css';
|
|
7
|
+
import { cn } from '../../../utils';
|
|
8
8
|
export const AutoCompleteFilterMultiSelectSelectedTopDisplay = ({ uniqueField = '_id', loader = false, placeholder = 'Search...', data, hasError = false, disable = false, isUpperCase = false, name, showSelectAllSection = true, onFilter, onUpdate, onSelect, onBlur, dynamicCheck = 'panelCode', }) => {
|
|
9
9
|
const [value, setValue] = useState('');
|
|
10
10
|
const [options, setOptions] = useState([]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"auto-complete-filter-multiple-select-multiple-fields-display.component.d.ts","sourceRoot":"","sources":["../../../../../../../src/core-components/src/components/AutoComplete/auto-complete-filter-multiple-select-multiple-fields-display/auto-complete-filter-multiple-select-multiple-fields-display.component.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,0DAA0D;IACzE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,GAAG,CAAC;IACV,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC9B,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,CAAC;IAC7B,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;CAC3B;AAED,eAAO,MAAM,qDAAqD,mJAc/D,0DAA0D,4CAuM5D,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
/* eslint-disable */
|
|
3
3
|
import { useState, useEffect, useRef } from 'react';
|
|
4
|
-
import { Icon } from '../../
|
|
5
|
-
import s from '
|
|
6
|
-
import { cn } from '
|
|
4
|
+
import { Icon } from '../../';
|
|
5
|
+
import s from '../../../tc.module.css';
|
|
6
|
+
import { cn } from '../../../utils';
|
|
7
7
|
import { debounce } from '@techabl/core-utils';
|
|
8
8
|
export const AutoCompleteFilterMultipleSelectMultipleFieldsDisplay = ({ uniqueField = '_id', isSelectedStringArray = false, loader = false, placeholder = 'Search...', data, hasError = false, disable = false, isUpperCase = false, name, onFilter, onUpdate, onSelect, onBlur, }) => {
|
|
9
9
|
const [value, setValue] = useState('');
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"auto-complete-filter-single-select.component.d.ts","sourceRoot":"","sources":["../../../../../../../src/core-components/src/components/AutoComplete/auto-complete-filter-single-select/auto-complete-filter-single-select.component.tsx"],"names":[],"mappings":"AAOA,UAAU,mCAAmC;IAC3C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,GAAG,CAAC;IACV,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC9B,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,CAAC;CAC9B;AAED,eAAO,MAAM,8BAA8B,wFASxC,mCAAmC,4CAkJrC,CAAC"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
/* eslint-disable */
|
|
3
3
|
import { useState, useEffect, useRef } from 'react';
|
|
4
|
-
import { Icon } from '../../
|
|
4
|
+
import { Icon } from '../../';
|
|
5
5
|
import { debounce } from '@techabl/core-utils';
|
|
6
|
-
import s from '
|
|
7
|
-
import { cn } from '
|
|
6
|
+
import s from '../../../tc.module.css';
|
|
7
|
+
import { cn } from '../../../utils';
|
|
8
8
|
export const AutoCompleteFilterSingleSelect = ({ disable = false, loader = false, displayValue = '', placeholder = 'Search...', data, hasError = false, onFilter, onSelect, }) => {
|
|
9
9
|
const [value, setValue] = useState(displayValue);
|
|
10
10
|
const [options, setOptions] = useState();
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"auto-complete-filter-single-select-multiple-fields-display.component.d.ts","sourceRoot":"","sources":["../../../../../../../src/core-components/src/components/AutoComplete/auto-complete-filter-single-select-multiple-fields-display/auto-complete-filter-single-select-multiple-fields-display.component.tsx"],"names":[],"mappings":"AAQA,UAAU,qDAAqD;IAC7D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,GAAG,CAAC;IACV,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,CAAC;IAC9B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,CAAC;CAC7B;AAED,eAAO,MAAM,gDAAgD,+HAa1D,qDAAqD,4CA4NvD,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
/* eslint-disable */
|
|
3
3
|
import { useState, useEffect, useRef } from 'react';
|
|
4
|
-
import { Icon } from '../../
|
|
5
|
-
import s from '
|
|
6
|
-
import { cn } from '
|
|
4
|
+
import { Icon } from '../../';
|
|
5
|
+
import s from '../../../tc.module.css';
|
|
6
|
+
import { cn } from '../../../utils';
|
|
7
7
|
import { debounce } from '@techabl/core-utils';
|
|
8
8
|
export const AutoCompleteFilterSingleSelectMultiFieldsDisplay = ({ disable = false, loader = false, displayValue = '', placeholder = 'Search...', data, hasError = false, className, posstion = 'absolute', keyboard = 'text', onFilter, onSelect, onBlur, }) => {
|
|
9
9
|
const [value, setValue] = useState(displayValue);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"auto-complete-group-by.component.d.ts","sourceRoot":"","sources":["../../../../../../../src/core-components/src/components/AutoComplete/auto-complete-group-by/auto-complete-group-by.component.tsx"],"names":[],"mappings":"AAMA,UAAU,wBAAwB;IAChC,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;IAC9C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,mBAAmB,yDAM7B,wBAAwB,4CA+O1B,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
/* eslint-disable */
|
|
3
3
|
import { useState, useEffect, useRef } from 'react';
|
|
4
|
-
import { Icon } from '../../
|
|
5
|
-
import s from '
|
|
6
|
-
import { cn } from '
|
|
4
|
+
import { Icon } from '../../';
|
|
5
|
+
import s from '../../../tc.module.css';
|
|
6
|
+
import { cn } from '../../../utils';
|
|
7
7
|
export const AutocompleteGroupBy = ({ data = [], hasError = false, displayValue = '', onChange, onClose, }) => {
|
|
8
8
|
//const [userRouter, setUserRouter] = useState<any>()
|
|
9
9
|
const [value, setValue] = useState(displayValue);
|
package/lib/src/core-components/src/components/AutoComplete/autocomplete/autocomplete.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../../../../../../src/core-components/src/components/AutoComplete/autocomplete/autocomplete.tsx"],"names":[],"mappings":"AAMA,UAAU,iBAAiB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,uCAItB,iBAAiB,4CAgNnB,CAAC"}
|