@algolia/satellite 1.0.0-beta.147 → 1.0.0-beta.149
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/cjs/AnnouncementBadge/AnnouncementBadge.js +7 -24
- package/cjs/AnnouncementBadge/index.js +0 -5
- package/cjs/AutoComplete/AutoComplete.js +68 -163
- package/cjs/AutoComplete/AutoComplete.tailwind.js +2 -5
- package/cjs/AutoComplete/components/AutoCompleteEmptyState.js +5 -14
- package/cjs/AutoComplete/components/DefaultOptionItem.js +2 -11
- package/cjs/AutoComplete/index.js +0 -11
- package/cjs/AutoComplete/utils.js +0 -8
- package/cjs/Avatars/ApplicationAvatar.js +3 -13
- package/cjs/Avatars/UserAvatar.js +6 -20
- package/cjs/Avatars/index.js +0 -7
- package/cjs/Avatars/utils.js +6 -37
- package/cjs/Badge/Badge.js +13 -36
- package/cjs/Badge/index.js +0 -5
- package/cjs/Banners/Alert/Alert.js +18 -28
- package/cjs/Banners/Alert/index.js +0 -5
- package/cjs/Banners/BigBertha/BigBertha.js +5 -12
- package/cjs/Banners/BigBertha/index.js +0 -5
- package/cjs/Banners/Promote/Promote.js +8 -19
- package/cjs/Banners/Promote/index.js +0 -5
- package/cjs/Banners/index.js +0 -6
- package/cjs/Button/Button.js +14 -34
- package/cjs/Button/Button.tailwind.js +3 -5
- package/cjs/Button/ButtonGroup.js +3 -11
- package/cjs/Button/IconButton.js +13 -36
- package/cjs/Button/index.js +0 -11
- package/cjs/Button/styles.js +1 -10
- package/cjs/Button/types.js +0 -1
- package/cjs/Card/Card.js +6 -21
- package/cjs/Card/Card.tailwind.js +1 -2
- package/cjs/Card/components/CardHeader.js +1 -14
- package/cjs/Card/components/CardTitle.js +2 -15
- package/cjs/Card/index.js +0 -9
- package/cjs/Checkbox/Checkbox.js +14 -38
- package/cjs/Checkbox/Checkbox.tailwind.js +1 -3
- package/cjs/Checkbox/index.js +0 -5
- package/cjs/ClickAwayContainer/ClickAwayContainer.js +11 -23
- package/cjs/ClickAwayContainer/index.js +0 -2
- package/cjs/DatePicker/DatePicker/DatePicker.js +13 -46
- package/cjs/DatePicker/DatePicker/datePickerReducer.js +0 -15
- package/cjs/DatePicker/DatePicker/index.js +0 -7
- package/cjs/DatePicker/DatePicker.tailwind.js +2 -12
- package/cjs/DatePicker/DateRangePicker/DateRangePicker.js +29 -72
- package/cjs/DatePicker/DateRangePicker/DateRangePickerDisplay.js +4 -14
- package/cjs/DatePicker/DateRangePicker/dateRangePickerReducer.js +8 -32
- package/cjs/DatePicker/DateRangePicker/dateRangePickerTimeRange.js +0 -6
- package/cjs/DatePicker/DateRangePicker/index.js +0 -9
- package/cjs/DatePicker/components/Calendar.js +5 -16
- package/cjs/DatePicker/components/Display.js +3 -9
- package/cjs/DatePicker/components/Footer.js +0 -7
- package/cjs/DatePicker/components/FooterActions.js +3 -11
- package/cjs/DatePicker/components/Modal.js +17 -39
- package/cjs/DatePicker/components/NavBar.js +12 -34
- package/cjs/DatePicker/components/SidePanel.js +0 -7
- package/cjs/DatePicker/components/index.js +0 -7
- package/cjs/DatePicker/index.js +0 -9
- package/cjs/DatePicker/utils.js +0 -4
- package/cjs/Dropdown/Dropdown.js +23 -58
- package/cjs/Dropdown/DropdownButton.js +3 -20
- package/cjs/Dropdown/DropdownContext.d.ts +3 -3
- package/cjs/Dropdown/DropdownContext.js +0 -6
- package/cjs/Dropdown/components/DropdownButtonItem.js +6 -21
- package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +10 -25
- package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.js +2 -6
- package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroupContext.d.ts +3 -3
- package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroupContext.js +0 -6
- package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.js +6 -16
- package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.js +6 -15
- package/cjs/Dropdown/components/DropdownCollapsibleItem/index.js +0 -9
- package/cjs/Dropdown/components/DropdownDivider.js +0 -7
- package/cjs/Dropdown/components/DropdownFooterItem.js +2 -15
- package/cjs/Dropdown/components/DropdownLinkItem.js +7 -23
- package/cjs/Dropdown/components/DropdownRadioItem.js +5 -20
- package/cjs/Dropdown/components/DropdownTitle.js +1 -14
- package/cjs/Dropdown/components/DropdownToggleItem.js +6 -22
- package/cjs/Dropdown/index.js +0 -27
- package/cjs/Dropdown/useDropdownItemProps.js +1 -14
- package/cjs/Dropzone/Dropzone.js +27 -62
- package/cjs/Dropzone/index.js +0 -5
- package/cjs/EmptyState/EmptyState.js +12 -23
- package/cjs/EmptyState/EmptyState.tailwind.js +0 -1
- package/cjs/EmptyState/index.js +0 -7
- package/cjs/Field/Field.js +8 -21
- package/cjs/Field/FieldStateContext.js +0 -2
- package/cjs/Field/index.js +0 -9
- package/cjs/Field/useFieldState.js +0 -7
- package/cjs/Flag/Flag.js +17 -40
- package/cjs/Flag/Flag.tailwind.js +0 -1
- package/cjs/Flag/Flags.js +4 -19
- package/cjs/Flag/index.js +0 -9
- package/cjs/FlexGrid/FlexGrid.js +13 -24
- package/cjs/FlexGrid/FlexGrid.tailwind.js +4 -11
- package/cjs/FlexGrid/index.js +0 -5
- package/cjs/HelpUnderline/HelpUnderline.js +5 -14
- package/cjs/HelpUnderline/HelpUnderline.tailwind.js +1 -2
- package/cjs/HelpUnderline/index.js +0 -5
- package/cjs/Input/Input.d.ts +1 -0
- package/cjs/Input/Input.js +27 -70
- package/cjs/Input/Input.tailwind.js +1 -4
- package/cjs/Input/index.js +0 -5
- package/cjs/Insert/Insert.js +7 -17
- package/cjs/Insert/index.js +0 -5
- package/cjs/InstantSearch/InstantSearch.tailwind.js +4 -10
- package/cjs/KeyboardKey/KeyboardKey.js +1 -12
- package/cjs/KeyboardKey/KeyboardKey.tailwind.js +1 -2
- package/cjs/KeyboardKey/index.js +0 -2
- package/cjs/Link/BaseLink.js +2 -12
- package/cjs/Link/ButtonLink.js +3 -17
- package/cjs/Link/IconButtonLink.js +2 -13
- package/cjs/Link/Link.js +6 -23
- package/cjs/Link/index.js +0 -11
- package/cjs/Medallion/Medallion.js +5 -14
- package/cjs/Medallion/Medallion.tailwind.js +3 -6
- package/cjs/Medallion/index.js +0 -7
- package/cjs/Modal/Modal.js +21 -57
- package/cjs/Modal/Modal.tailwind.js +3 -3
- package/cjs/Modal/components/ModalFooter.js +2 -16
- package/cjs/Modal/components/ModalSection.js +3 -11
- package/cjs/Modal/index.js +0 -9
- package/cjs/Pagination/CompactPagination/CompactPagination.js +1 -22
- package/cjs/Pagination/CompactPagination/index.js +0 -5
- package/cjs/Pagination/DotPagination/DotPagination.js +5 -19
- package/cjs/Pagination/DotPagination/index.js +0 -5
- package/cjs/Pagination/Pagination/Pagination.js +9 -34
- package/cjs/Pagination/Pagination/index.js +0 -5
- package/cjs/Pagination/index.js +0 -9
- package/cjs/ProgressBar/ProgressBar.js +3 -16
- package/cjs/ProgressBar/ProgressBar.tailwind.js +1 -3
- package/cjs/ProgressBar/index.js +0 -5
- package/cjs/ProgressSpinner/ProgressSpinner.js +8 -20
- package/cjs/ProgressSpinner/ProgressSpinner.tailwind.js +2 -3
- package/cjs/ProgressSpinner/index.js +0 -5
- package/cjs/RadioGroup/RadioButton.js +1 -14
- package/cjs/RadioGroup/RadioButton.tailwind.js +1 -4
- package/cjs/RadioGroup/RadioGroup.js +19 -38
- package/cjs/RadioGroup/RadiogroupContext.js +0 -6
- package/cjs/RadioGroup/index.js +0 -9
- package/cjs/RangeSlider/RangeSlider.js +26 -43
- package/cjs/RangeSlider/RangeSlider.tailwind.js +1 -3
- package/cjs/RangeSlider/index.js +0 -5
- package/cjs/Satellite/Satellite.js +4 -10
- package/cjs/Satellite/SatelliteContext.js +0 -9
- package/cjs/Satellite/SatelliteRouter.js +2 -9
- package/cjs/Satellite/index.js +0 -13
- package/cjs/Satellite/locale.js +1 -7
- package/cjs/Satellite/useCreatePortal.js +3 -8
- package/cjs/ScrollIndicator/ScrollIndicator.js +18 -41
- package/cjs/ScrollIndicator/ScrollIndicator.tailwind.js +1 -3
- package/cjs/ScrollIndicator/index.js +0 -5
- package/cjs/Select/Select.js +4 -17
- package/cjs/Select/Select.tailwind.js +2 -5
- package/cjs/Select/index.js +0 -5
- package/cjs/Sidebar/Sidebar.js +11 -30
- package/cjs/Sidebar/SidebarButtonLink.js +10 -30
- package/cjs/Sidebar/SidebarContext.js +0 -6
- package/cjs/Sidebar/SidebarHeader.js +1 -9
- package/cjs/Sidebar/SidebarHeading.js +3 -14
- package/cjs/Sidebar/SidebarLink.js +5 -20
- package/cjs/Sidebar/SidebarLinksGroup/ActiveLinkIndicator.js +2 -11
- package/cjs/Sidebar/SidebarLinksGroup/SidebarGroupLink.js +3 -14
- package/cjs/Sidebar/SidebarLinksGroup/SidebarLinksGroup.js +10 -33
- package/cjs/Sidebar/SidebarLinksGroup/index.js +0 -2
- package/cjs/Sidebar/SidebarNav.js +5 -16
- package/cjs/Sidebar/index.js +0 -17
- package/cjs/Switch/Switch.js +15 -36
- package/cjs/Switch/Switch.tailwind.js +1 -2
- package/cjs/Switch/SwitchOption.js +2 -15
- package/cjs/Switch/index.js +0 -7
- package/cjs/Switch/utils.js +0 -9
- package/cjs/Tables/DataTable/DataTable.js +28 -70
- package/cjs/Tables/DataTable/DataTable.tailwind.js +2 -2
- package/cjs/Tables/DataTable/components/Body.js +14 -33
- package/cjs/Tables/DataTable/components/Footer.js +1 -17
- package/cjs/Tables/DataTable/components/Header.js +5 -12
- package/cjs/Tables/DataTable/components/HeaderCell.js +10 -27
- package/cjs/Tables/DataTable/components/Loader.js +4 -17
- package/cjs/Tables/DataTable/components/index.js +0 -10
- package/cjs/Tables/DataTable/index.js +0 -7
- package/cjs/Tables/DataTable/utils.js +0 -9
- package/cjs/Tables/Table/Table.js +7 -21
- package/cjs/Tables/Table/Table.tailwind.js +1 -2
- package/cjs/Tables/Table/components/TableFooter.js +2 -10
- package/cjs/Tables/Table/index.js +0 -7
- package/cjs/Tables/index.js +0 -7
- package/cjs/Tabs/ContentTabs.js +10 -21
- package/cjs/Tabs/LinkTabs.js +5 -18
- package/cjs/Tabs/Tabs.tailwind.js +1 -2
- package/cjs/Tabs/components/LinkTab.js +4 -29
- package/cjs/Tabs/index.js +0 -9
- package/cjs/Tabs/utils.js +0 -5
- package/cjs/Tag/Tag.js +7 -26
- package/cjs/Tag/Tag.tailwind.js +1 -2
- package/cjs/Tag/index.js +0 -5
- package/cjs/TextArea/TextArea.js +1 -14
- package/cjs/TextArea/TextArea.tailwind.js +1 -4
- package/cjs/TextArea/index.js +0 -5
- package/cjs/TextWrap/TextWrap.js +3 -18
- package/cjs/TextWrap/index.js +0 -5
- package/cjs/Toggle/Toggle.js +6 -27
- package/cjs/Toggle/Toggle.tailwind.js +1 -3
- package/cjs/Toggle/index.js +0 -5
- package/cjs/Tooltip/OverflowTooltipWrapper.js +33 -62
- package/cjs/Tooltip/Tooltip.js +4 -17
- package/cjs/Tooltip/Tooltip.tailwind.js +3 -5
- package/cjs/Tooltip/TooltipWrapper.js +45 -73
- package/cjs/Tooltip/index.js +0 -9
- package/cjs/Typography/Typography.tailwind.js +12 -18
- package/cjs/UserContent/UserContent.js +3 -11
- package/cjs/UserContent/UserContent.tailwind.js +2 -11
- package/cjs/index.js +0 -89
- package/cjs/styles/base.tailwind.js +7 -7
- package/cjs/styles/colors.js +7 -7
- package/cjs/styles/disabledColor.js +1 -4
- package/cjs/styles/helpers/icons.js +5 -11
- package/cjs/styles/helpers/makePurgeCssExtractor.js +3 -15
- package/cjs/styles/helpers/makeTailwindPrefixer.js +1 -9
- package/cjs/styles/helpers/prefixTailwindClassName.js +6 -6
- package/cjs/styles/helpers/satellitePrefixer.js +1 -2
- package/cjs/styles/rgba.js +1 -3
- package/cjs/styles/tailwind.config.js +4 -11
- package/cjs/styles/zIndexes.js +1 -0
- package/cjs/utilities/utilities.tailwind.js +0 -3
- package/cjs/utils/event-polyfill.js +0 -2
- package/cjs/utils/formatters.js +12 -19
- package/cjs/utils/genericChangeHandler.js +0 -6
- package/cjs/utils/hashCode.js +0 -5
- package/cjs/utils/index.js +0 -7
- package/cjs/utils/isCssPropertySupported.js +0 -3
- package/cjs/utils/isNil.js +0 -2
- package/cjs/utils/isRenderedChild.js +0 -2
- package/cjs/utils/matchLocation.js +0 -4
- package/cjs/utils/onlyText.js +3 -12
- package/cjs/utils/parseUrl.js +2 -4
- package/cjs/utils/pluralize.js +2 -7
- package/cjs/utils/range.js +0 -2
- package/cjs/utils/toSentenceCase.js +0 -4
- package/cjs/utils/uniqBy.js +0 -4
- package/cjs/utils/uniqueId.js +0 -2
- package/cjs/utils/useForwardedRef.js +0 -6
- package/cjs/utils/useLinkProps.js +1 -13
- package/cjs/utils/useTriggerInputChange.js +2 -4
- package/esm/AnnouncementBadge/AnnouncementBadge.js +7 -14
- package/esm/AutoComplete/AutoComplete.js +68 -158
- package/esm/AutoComplete/AutoComplete.tailwind.js +2 -2
- package/esm/AutoComplete/components/AutoCompleteEmptyState.js +5 -7
- package/esm/AutoComplete/components/DefaultOptionItem.js +2 -8
- package/esm/AutoComplete/utils.js +0 -2
- package/esm/Avatars/ApplicationAvatar.js +3 -6
- package/esm/Avatars/UserAvatar.js +6 -12
- package/esm/Avatars/utils.js +7 -23
- package/esm/Badge/Badge.js +13 -28
- package/esm/Banners/Alert/Alert.js +18 -20
- package/esm/Banners/BigBertha/BigBertha.js +5 -7
- package/esm/Banners/Promote/Promote.js +8 -10
- package/esm/Button/Button.js +14 -22
- package/esm/Button/Button.tailwind.js +3 -2
- package/esm/Button/ButtonGroup.js +3 -6
- package/esm/Button/IconButton.js +13 -23
- package/esm/Button/styles.js +1 -5
- package/esm/Card/Card.js +6 -12
- package/esm/Card/Card.tailwind.js +1 -1
- package/esm/Card/components/CardHeader.js +1 -7
- package/esm/Card/components/CardTitle.js +2 -8
- package/esm/Checkbox/Checkbox.js +14 -28
- package/esm/Checkbox/Checkbox.tailwind.js +1 -1
- package/esm/ClickAwayContainer/ClickAwayContainer.js +11 -13
- package/esm/DatePicker/DatePicker/DatePicker.js +13 -31
- package/esm/DatePicker/DatePicker/datePickerReducer.js +0 -9
- package/esm/DatePicker/DatePicker.tailwind.js +2 -9
- package/esm/DatePicker/DateRangePicker/DateRangePicker.js +29 -55
- package/esm/DatePicker/DateRangePicker/DateRangePickerDisplay.js +4 -8
- package/esm/DatePicker/DateRangePicker/dateRangePickerReducer.js +8 -20
- package/esm/DatePicker/components/Calendar.js +5 -10
- package/esm/DatePicker/components/Display.js +3 -5
- package/esm/DatePicker/components/Footer.js +0 -4
- package/esm/DatePicker/components/FooterActions.js +3 -7
- package/esm/DatePicker/components/Modal.js +17 -27
- package/esm/DatePicker/components/NavBar.js +12 -22
- package/esm/DatePicker/components/SidePanel.js +0 -4
- package/esm/Dropdown/Dropdown.js +23 -34
- package/esm/Dropdown/DropdownButton.js +3 -11
- package/esm/Dropdown/DropdownContext.d.ts +3 -3
- package/esm/Dropdown/DropdownContext.js +0 -2
- package/esm/Dropdown/components/DropdownButtonItem.js +6 -12
- package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +10 -15
- package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.js +2 -2
- package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroupContext.d.ts +3 -3
- package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroupContext.js +0 -2
- package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.js +6 -9
- package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.js +6 -9
- package/esm/Dropdown/components/DropdownDivider.js +0 -2
- package/esm/Dropdown/components/DropdownFooterItem.js +2 -8
- package/esm/Dropdown/components/DropdownLinkItem.js +7 -13
- package/esm/Dropdown/components/DropdownRadioItem.js +5 -11
- package/esm/Dropdown/components/DropdownTitle.js +1 -7
- package/esm/Dropdown/components/DropdownToggleItem.js +6 -12
- package/esm/Dropdown/useDropdownItemProps.js +1 -7
- package/esm/Dropzone/Dropzone.js +27 -45
- package/esm/EmptyState/EmptyState.js +12 -16
- package/esm/Field/Field.js +8 -11
- package/esm/Flag/Flag.js +17 -25
- package/esm/Flag/Flags.js +4 -9
- package/esm/FlexGrid/FlexGrid.js +13 -15
- package/esm/FlexGrid/FlexGrid.tailwind.js +4 -9
- package/esm/HelpUnderline/HelpUnderline.js +5 -7
- package/esm/HelpUnderline/HelpUnderline.tailwind.js +1 -1
- package/esm/Input/Input.d.ts +1 -0
- package/esm/Input/Input.js +27 -54
- package/esm/Input/Input.tailwind.js +1 -1
- package/esm/Insert/Insert.js +7 -11
- package/esm/InstantSearch/InstantSearch.tailwind.js +4 -4
- package/esm/KeyboardKey/KeyboardKey.js +1 -3
- package/esm/KeyboardKey/KeyboardKey.tailwind.js +1 -1
- package/esm/Link/BaseLink.js +2 -6
- package/esm/Link/ButtonLink.js +3 -9
- package/esm/Link/IconButtonLink.js +2 -6
- package/esm/Link/Link.js +6 -14
- package/esm/Medallion/Medallion.js +5 -7
- package/esm/Medallion/Medallion.tailwind.js +3 -2
- package/esm/Modal/Modal.js +21 -38
- package/esm/Modal/Modal.tailwind.js +3 -2
- package/esm/Modal/components/ModalFooter.js +2 -8
- package/esm/Modal/components/ModalSection.js +3 -5
- package/esm/Pagination/CompactPagination/CompactPagination.js +1 -9
- package/esm/Pagination/DotPagination/DotPagination.js +5 -11
- package/esm/Pagination/Pagination/Pagination.js +9 -21
- package/esm/ProgressBar/ProgressBar.js +3 -10
- package/esm/ProgressBar/ProgressBar.tailwind.js +1 -1
- package/esm/ProgressSpinner/ProgressSpinner.js +8 -12
- package/esm/ProgressSpinner/ProgressSpinner.tailwind.js +2 -2
- package/esm/RadioGroup/RadioButton.js +1 -7
- package/esm/RadioGroup/RadioButton.tailwind.js +1 -1
- package/esm/RadioGroup/RadioGroup.js +19 -25
- package/esm/RadioGroup/RadiogroupContext.js +0 -2
- package/esm/RangeSlider/RangeSlider.js +26 -35
- package/esm/RangeSlider/RangeSlider.tailwind.js +1 -1
- package/esm/Satellite/Satellite.js +4 -4
- package/esm/Satellite/SatelliteContext.js +0 -3
- package/esm/Satellite/SatelliteRouter.js +2 -4
- package/esm/Satellite/locale.js +1 -2
- package/esm/Satellite/useCreatePortal.js +3 -2
- package/esm/ScrollIndicator/ScrollIndicator.js +18 -31
- package/esm/ScrollIndicator/ScrollIndicator.tailwind.js +1 -1
- package/esm/Select/Select.js +4 -9
- package/esm/Select/Select.tailwind.js +2 -2
- package/esm/Sidebar/Sidebar.js +11 -17
- package/esm/Sidebar/SidebarButtonLink.js +10 -20
- package/esm/Sidebar/SidebarContext.js +0 -2
- package/esm/Sidebar/SidebarHeader.js +1 -3
- package/esm/Sidebar/SidebarHeading.js +3 -7
- package/esm/Sidebar/SidebarLink.js +5 -11
- package/esm/Sidebar/SidebarLinksGroup/ActiveLinkIndicator.js +2 -4
- package/esm/Sidebar/SidebarLinksGroup/SidebarGroupLink.js +3 -7
- package/esm/Sidebar/SidebarLinksGroup/SidebarLinksGroup.js +9 -19
- package/esm/Sidebar/SidebarNav.js +5 -9
- package/esm/Switch/Switch.js +15 -24
- package/esm/Switch/Switch.tailwind.js +1 -1
- package/esm/Switch/SwitchOption.js +2 -6
- package/esm/Tables/DataTable/DataTable.js +28 -49
- package/esm/Tables/DataTable/DataTable.tailwind.js +2 -1
- package/esm/Tables/DataTable/components/Body.js +14 -23
- package/esm/Tables/DataTable/components/Footer.js +1 -8
- package/esm/Tables/DataTable/components/Header.js +5 -6
- package/esm/Tables/DataTable/components/HeaderCell.js +10 -17
- package/esm/Tables/DataTable/components/Loader.js +4 -8
- package/esm/Tables/DataTable/utils.js +0 -1
- package/esm/Tables/Table/Table.js +7 -14
- package/esm/Tables/Table/Table.tailwind.js +1 -1
- package/esm/Tables/Table/components/TableFooter.js +2 -4
- package/esm/Tabs/ContentTabs.js +10 -12
- package/esm/Tabs/LinkTabs.js +5 -7
- package/esm/Tabs/Tabs.tailwind.js +1 -1
- package/esm/Tabs/components/LinkTab.js +4 -20
- package/esm/Tabs/utils.js +0 -2
- package/esm/Tag/Tag.js +7 -16
- package/esm/Tag/Tag.tailwind.js +1 -1
- package/esm/TextArea/TextArea.js +1 -7
- package/esm/TextArea/TextArea.tailwind.js +1 -1
- package/esm/TextWrap/TextWrap.js +3 -11
- package/esm/Toggle/Toggle.js +6 -19
- package/esm/Toggle/Toggle.tailwind.js +1 -1
- package/esm/Tooltip/OverflowTooltipWrapper.js +33 -46
- package/esm/Tooltip/Tooltip.js +4 -9
- package/esm/Tooltip/Tooltip.tailwind.js +3 -4
- package/esm/Tooltip/TooltipWrapper.js +44 -57
- package/esm/Typography/Typography.tailwind.js +12 -15
- package/esm/UserContent/UserContent.js +3 -5
- package/esm/UserContent/UserContent.tailwind.js +2 -7
- package/esm/styles/base.tailwind.js +7 -6
- package/esm/styles/colors.js +7 -7
- package/esm/styles/disabledColor.js +1 -2
- package/esm/styles/helpers/icons.js +5 -8
- package/esm/styles/helpers/makePurgeCssExtractor.js +3 -14
- package/esm/styles/helpers/makeTailwindPrefixer.js +1 -6
- package/esm/styles/helpers/prefixTailwindClassName.js +6 -6
- package/esm/styles/helpers/satellitePrefixer.js +1 -1
- package/esm/styles/rgba.js +1 -2
- package/esm/styles/tailwind.config.js +4 -6
- package/esm/styles/zIndexes.js +1 -0
- package/esm/utils/event-polyfill.js +0 -2
- package/esm/utils/formatters.js +12 -16
- package/esm/utils/genericChangeHandler.js +0 -2
- package/esm/utils/hashCode.js +0 -3
- package/esm/utils/isCssPropertySupported.js +0 -2
- package/esm/utils/isRenderedChild.js +0 -1
- package/esm/utils/matchLocation.js +0 -2
- package/esm/utils/onlyText.js +3 -11
- package/esm/utils/parseUrl.js +2 -2
- package/esm/utils/pluralize.js +2 -5
- package/esm/utils/toSentenceCase.js +1 -1
- package/esm/utils/uniqBy.js +0 -2
- package/esm/utils/useForwardedRef.js +0 -3
- package/esm/utils/useLinkProps.js +1 -7
- package/esm/utils/useTriggerInputChange.js +2 -3
- package/package.json +2 -2
- package/satellite.min.css +1 -1
- package/scss/colors.scss +16 -16
package/cjs/DatePicker/utils.js
CHANGED
@@ -1,18 +1,14 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
6
5
|
value: true
|
7
6
|
});
|
8
7
|
exports.formatDate = exports.DEFAULT_DATE_PICKER_LOCALE = void 0;
|
9
|
-
|
10
8
|
var _format = _interopRequireDefault(require("date-fns/format"));
|
11
|
-
|
12
9
|
var formatDate = function formatDate(date) {
|
13
10
|
return (0, _format["default"])(date, "MMM do, yyyy");
|
14
11
|
};
|
15
|
-
|
16
12
|
exports.formatDate = formatDate;
|
17
13
|
var DEFAULT_DATE_PICKER_LOCALE = {
|
18
14
|
rtl: false,
|
package/cjs/Dropdown/Dropdown.js
CHANGED
@@ -1,66 +1,41 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
6
5
|
value: true
|
7
6
|
});
|
8
7
|
exports["default"] = exports.Dropdown = exports.DEFAULT_DROPDOWN_POPPER_MODIFIERS = void 0;
|
9
|
-
|
10
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
11
|
-
|
12
9
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
13
|
-
|
14
10
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
15
|
-
|
16
11
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
17
|
-
|
18
12
|
var _clsx = _interopRequireDefault(require("clsx"));
|
19
|
-
|
20
13
|
var _react = require("react");
|
21
|
-
|
22
14
|
var _reactPopper = require("react-popper");
|
23
|
-
|
24
15
|
var _Card = _interopRequireDefault(require("../Card"));
|
25
|
-
|
26
16
|
var _ClickAwayContainer = require("../ClickAwayContainer");
|
27
|
-
|
28
17
|
var _Satellite = require("../Satellite");
|
29
|
-
|
30
18
|
var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
|
31
|
-
|
32
19
|
var _DropdownButtonItem = _interopRequireDefault(require("./components/DropdownButtonItem"));
|
33
|
-
|
34
20
|
var _DropdownCollapsibleItem = require("./components/DropdownCollapsibleItem");
|
35
|
-
|
36
21
|
var _DropdownDivider = _interopRequireDefault(require("./components/DropdownDivider"));
|
37
|
-
|
38
22
|
var _DropdownFooterItem = _interopRequireDefault(require("./components/DropdownFooterItem"));
|
39
|
-
|
40
23
|
var _DropdownLinkItem = _interopRequireDefault(require("./components/DropdownLinkItem"));
|
41
|
-
|
42
24
|
var _DropdownRadioItem = _interopRequireDefault(require("./components/DropdownRadioItem"));
|
43
|
-
|
44
25
|
var _DropdownTitle = _interopRequireDefault(require("./components/DropdownTitle"));
|
45
|
-
|
46
26
|
var _DropdownToggleItem = _interopRequireDefault(require("./components/DropdownToggleItem"));
|
47
|
-
|
48
27
|
var _DropdownContext = _interopRequireDefault(require("./DropdownContext"));
|
49
|
-
|
50
28
|
var _jsxRuntime = require("react/jsx-runtime");
|
51
|
-
|
52
29
|
var _templateObject, _templateObject2, _templateObject3;
|
53
|
-
|
54
30
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
55
|
-
|
56
31
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
57
|
-
|
58
32
|
var DEFAULT_DROPDOWN_POPPER_MODIFIERS = [{
|
59
33
|
name: "offset",
|
60
34
|
options: {
|
61
35
|
offset: [0, 16]
|
62
36
|
}
|
63
37
|
}];
|
38
|
+
|
64
39
|
/**
|
65
40
|
* ## Best practices
|
66
41
|
* - Sort list of options in a way that will make the most sense to the user. You can order:
|
@@ -71,45 +46,37 @@ var DEFAULT_DROPDOWN_POPPER_MODIFIERS = [{
|
|
71
46
|
* - Clearly label options based on what each one will do
|
72
47
|
* - Make sure the most common options are listed. These can be grouped into sub-categories under headings
|
73
48
|
*/
|
74
|
-
|
75
49
|
exports.DEFAULT_DROPDOWN_POPPER_MODIFIERS = DEFAULT_DROPDOWN_POPPER_MODIFIERS;
|
76
|
-
|
77
50
|
var Dropdown = function Dropdown(_ref) {
|
78
51
|
var _renderFooter;
|
79
|
-
|
80
52
|
var _ref$placement = _ref.placement,
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
53
|
+
placement = _ref$placement === void 0 ? "bottom-start" : _ref$placement,
|
54
|
+
menuClassName = _ref.menuClassName,
|
55
|
+
_ref$modifiers = _ref.modifiers,
|
56
|
+
modifiers = _ref$modifiers === void 0 ? [] : _ref$modifiers,
|
57
|
+
renderTarget = _ref.renderTarget,
|
58
|
+
renderFooter = _ref.renderFooter,
|
59
|
+
children = _ref.children;
|
88
60
|
var createPortal = (0, _Satellite.useCreatePortal)();
|
89
|
-
|
90
61
|
var _useState = (0, _react.useState)(false),
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
62
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
63
|
+
showMenu = _useState2[0],
|
64
|
+
setShowMenu = _useState2[1];
|
95
65
|
var _useState3 = (0, _react.useState)(null),
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
|
66
|
+
_useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
|
67
|
+
targetEl = _useState4[0],
|
68
|
+
setTargetEl = _useState4[1];
|
100
69
|
var _useState5 = (0, _react.useState)(null),
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
70
|
+
_useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
|
71
|
+
menuContainerEl = _useState6[0],
|
72
|
+
setMenuContainerEl = _useState6[1];
|
105
73
|
var _usePopper = (0, _reactPopper.usePopper)(targetEl, menuContainerEl, {
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
|
74
|
+
modifiers: [].concat(DEFAULT_DROPDOWN_POPPER_MODIFIERS, (0, _toConsumableArray2["default"])(modifiers)),
|
75
|
+
placement: placement,
|
76
|
+
strategy: "fixed"
|
77
|
+
}),
|
78
|
+
styles = _usePopper.styles,
|
79
|
+
attributes = _usePopper.attributes;
|
113
80
|
var target = renderTarget({
|
114
81
|
toggle: function toggle(open) {
|
115
82
|
return setShowMenu(open === undefined ? !showMenu : open);
|
@@ -135,7 +102,6 @@ var Dropdown = function Dropdown(_ref) {
|
|
135
102
|
element: menuContainerEl,
|
136
103
|
onClickAway: function onClickAway(evt) {
|
137
104
|
var isContainedInTarget = targetEl === null || targetEl === void 0 ? void 0 : targetEl.contains(evt.target);
|
138
|
-
|
139
105
|
if (!isContainedInTarget) {
|
140
106
|
setShowMenu(false);
|
141
107
|
}
|
@@ -157,7 +123,6 @@ var Dropdown = function Dropdown(_ref) {
|
|
157
123
|
})
|
158
124
|
});
|
159
125
|
};
|
160
|
-
|
161
126
|
exports.Dropdown = Dropdown;
|
162
127
|
Dropdown.ButtonItem = _DropdownButtonItem["default"];
|
163
128
|
Dropdown.LinkItem = _DropdownLinkItem["default"];
|
@@ -1,63 +1,46 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
6
5
|
value: true
|
7
6
|
});
|
8
7
|
exports["default"] = exports.DropdownButton = void 0;
|
9
|
-
|
10
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
11
|
-
|
12
9
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
13
|
-
|
14
10
|
var _reactFeather = require("react-feather");
|
15
|
-
|
16
11
|
var _Button = _interopRequireDefault(require("../Button"));
|
17
|
-
|
18
12
|
var _Dropdown = _interopRequireDefault(require("./Dropdown"));
|
19
|
-
|
20
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
21
|
-
|
22
14
|
var _excluded = ["children", "title", "renderFooter"];
|
23
|
-
|
24
15
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
25
|
-
|
26
16
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
27
|
-
|
28
17
|
var DropdownButton = function DropdownButton(_ref) {
|
29
18
|
var children = _ref.children,
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
19
|
+
title = _ref.title,
|
20
|
+
renderFooter = _ref.renderFooter,
|
21
|
+
buttonProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
34
22
|
var renderButton = function renderButton(_ref2) {
|
35
23
|
var toggle = _ref2.toggle;
|
36
|
-
|
37
24
|
var handleClick = function handleClick(evt) {
|
38
25
|
if (buttonProps.onClick) {
|
39
26
|
buttonProps.onClick(evt);
|
40
27
|
}
|
41
|
-
|
42
28
|
if (!evt.defaultPrevented) {
|
43
29
|
toggle();
|
44
30
|
}
|
45
31
|
};
|
46
|
-
|
47
32
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button["default"], _objectSpread(_objectSpread({}, buttonProps), {}, {
|
48
33
|
onClick: handleClick,
|
49
34
|
endIcon: _reactFeather.ChevronDown,
|
50
35
|
children: title
|
51
36
|
}));
|
52
37
|
};
|
53
|
-
|
54
38
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown["default"], {
|
55
39
|
renderTarget: renderButton,
|
56
40
|
renderFooter: renderFooter,
|
57
41
|
children: children
|
58
42
|
});
|
59
43
|
};
|
60
|
-
|
61
44
|
exports.DropdownButton = DropdownButton;
|
62
45
|
var _default = DropdownButton;
|
63
46
|
exports["default"] = _default;
|
@@ -1,7 +1,7 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
export interface
|
2
|
+
export interface DropdownContextInterface {
|
3
3
|
showMenu(show: boolean): void;
|
4
4
|
}
|
5
|
-
export declare const DropdownContext: import("react").Context<
|
6
|
-
export declare const useDropdownContext: () =>
|
5
|
+
export declare const DropdownContext: import("react").Context<DropdownContextInterface | null>;
|
6
|
+
export declare const useDropdownContext: () => DropdownContextInterface;
|
7
7
|
export default DropdownContext;
|
@@ -4,22 +4,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.useDropdownContext = exports["default"] = exports.DropdownContext = void 0;
|
7
|
-
|
8
7
|
var _react = require("react");
|
9
|
-
|
10
8
|
var DropdownContext = /*#__PURE__*/(0, _react.createContext)(null);
|
11
9
|
exports.DropdownContext = DropdownContext;
|
12
|
-
|
13
10
|
var useDropdownContext = function useDropdownContext() {
|
14
11
|
var context = (0, _react.useContext)(DropdownContext);
|
15
|
-
|
16
12
|
if (!context) {
|
17
13
|
throw new Error("useDropdownContext used outside DropdownContext");
|
18
14
|
}
|
19
|
-
|
20
15
|
return context;
|
21
16
|
};
|
22
|
-
|
23
17
|
exports.useDropdownContext = useDropdownContext;
|
24
18
|
var _default = DropdownContext;
|
25
19
|
exports["default"] = _default;
|
@@ -1,44 +1,30 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
6
5
|
value: true
|
7
6
|
});
|
8
7
|
exports["default"] = exports.DropdownButtonItem = void 0;
|
9
|
-
|
10
8
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
11
|
-
|
12
9
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
13
|
-
|
14
10
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
15
|
-
|
16
11
|
var _clsx = _interopRequireDefault(require("clsx"));
|
17
|
-
|
18
12
|
var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
|
19
|
-
|
20
13
|
var _useDropdownItemProps = _interopRequireDefault(require("../useDropdownItemProps"));
|
21
|
-
|
22
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
23
|
-
|
24
15
|
var _templateObject, _templateObject2, _templateObject3;
|
25
|
-
|
26
16
|
var _excluded = ["toggle", "children", "variant", "startIcon"];
|
27
|
-
|
28
17
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
29
|
-
|
30
18
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
31
|
-
|
32
19
|
var DropdownButtonItem = function DropdownButtonItem(props) {
|
33
20
|
var dropdownItemProps = (0, _useDropdownItemProps["default"])(props);
|
34
|
-
|
21
|
+
// `toggle` is destructured here because we don't want it passed to the `button`
|
35
22
|
var _props$dropdownItemPr = _objectSpread(_objectSpread({}, props), dropdownItemProps),
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
23
|
+
toggle = _props$dropdownItemPr.toggle,
|
24
|
+
children = _props$dropdownItemPr.children,
|
25
|
+
variant = _props$dropdownItemPr.variant,
|
26
|
+
StartIcon = _props$dropdownItemPr.startIcon,
|
27
|
+
mergedProps = (0, _objectWithoutProperties2["default"])(_props$dropdownItemPr, _excluded);
|
42
28
|
var showDestructiveVariant = !props.disabled && variant === "destructive";
|
43
29
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", _objectSpread(_objectSpread({}, mergedProps), {}, {
|
44
30
|
className: (0, _clsx["default"])(mergedProps.className, (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["w-full"])))),
|
@@ -51,7 +37,6 @@ var DropdownButtonItem = function DropdownButtonItem(props) {
|
|
51
37
|
})]
|
52
38
|
}));
|
53
39
|
};
|
54
|
-
|
55
40
|
exports.DropdownButtonItem = DropdownButtonItem;
|
56
41
|
DropdownButtonItem.defaultProps = {
|
57
42
|
toggle: true
|
@@ -1,47 +1,33 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
6
5
|
value: true
|
7
6
|
});
|
8
7
|
exports["default"] = exports.DropdownCollapsibleItem = void 0;
|
9
|
-
|
10
8
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
11
|
-
|
12
9
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
13
|
-
|
14
10
|
var _react = require("react");
|
15
|
-
|
16
11
|
var _reactFeather = require("react-feather");
|
17
|
-
|
18
12
|
var _satellitePrefixer = _interopRequireDefault(require("../../../styles/helpers/satellitePrefixer"));
|
19
|
-
|
20
13
|
var _utils = require("../../../utils");
|
21
|
-
|
22
14
|
var _DropdownCollapsibleItemsGroupContext = require("./DropdownCollapsibleItemsGroupContext");
|
23
|
-
|
24
15
|
var _jsxRuntime = require("react/jsx-runtime");
|
25
|
-
|
26
16
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
|
27
|
-
|
28
17
|
var DropdownCollapsibleItem = function DropdownCollapsibleItem(_ref) {
|
29
18
|
var title = _ref.title,
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
19
|
+
name = _ref.name,
|
20
|
+
expanded = _ref.expanded,
|
21
|
+
_onClick = _ref.onClick,
|
22
|
+
children = _ref.children;
|
35
23
|
var _useDropdownCollapsib = (0, _DropdownCollapsibleItemsGroupContext.useDropdownCollapsibleItemsGroup)(),
|
36
|
-
|
37
|
-
|
38
|
-
|
24
|
+
expandedItems = _useDropdownCollapsib.expandedItems,
|
25
|
+
onItemClick = _useDropdownCollapsib.onItemClick;
|
39
26
|
var _useState = (0, _react.useState)(function () {
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
27
|
+
return (0, _utils.uniqueId)("ddci");
|
28
|
+
}),
|
29
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 1),
|
30
|
+
internalName = _useState2[0];
|
45
31
|
var itemName = name !== null && name !== void 0 ? name : internalName;
|
46
32
|
var isExpanded = typeof expanded === "boolean" ? expanded : expandedItems.includes(itemName);
|
47
33
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
@@ -70,7 +56,6 @@ var DropdownCollapsibleItem = function DropdownCollapsibleItem(_ref) {
|
|
70
56
|
})]
|
71
57
|
});
|
72
58
|
};
|
73
|
-
|
74
59
|
exports.DropdownCollapsibleItem = DropdownCollapsibleItem;
|
75
60
|
var _default = DropdownCollapsibleItem;
|
76
61
|
exports["default"] = _default;
|
@@ -4,15 +4,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.DropdownCollapsibleItemsGroup = void 0;
|
7
|
-
|
8
7
|
var _DropdownCollapsibleItemsGroupContext = require("./DropdownCollapsibleItemsGroupContext");
|
9
|
-
|
10
8
|
var _jsxRuntime = require("react/jsx-runtime");
|
11
|
-
|
12
9
|
var DropdownCollapsibleItemsGroup = function DropdownCollapsibleItemsGroup(_ref) {
|
13
10
|
var expandedItems = _ref.expandedItems,
|
14
|
-
|
15
|
-
|
11
|
+
onItemClick = _ref.onItemClick,
|
12
|
+
children = _ref.children;
|
16
13
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DropdownCollapsibleItemsGroupContext.DropdownCollapsibleItemsGroupContext.Provider, {
|
17
14
|
value: {
|
18
15
|
expandedItems: expandedItems,
|
@@ -21,5 +18,4 @@ var DropdownCollapsibleItemsGroup = function DropdownCollapsibleItemsGroup(_ref)
|
|
21
18
|
children: children
|
22
19
|
});
|
23
20
|
};
|
24
|
-
|
25
21
|
exports.DropdownCollapsibleItemsGroup = DropdownCollapsibleItemsGroup;
|
package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroupContext.d.ts
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
export interface
|
2
|
+
export interface DropdownCollapsibleItemsGroupContextInterface {
|
3
3
|
expandedItems: readonly string[];
|
4
4
|
onItemClick(name: string): void;
|
5
5
|
}
|
6
|
-
export declare const DropdownCollapsibleItemsGroupContext: import("react").Context<
|
7
|
-
export declare const useDropdownCollapsibleItemsGroup: () =>
|
6
|
+
export declare const DropdownCollapsibleItemsGroupContext: import("react").Context<DropdownCollapsibleItemsGroupContextInterface | null>;
|
7
|
+
export declare const useDropdownCollapsibleItemsGroup: () => DropdownCollapsibleItemsGroupContextInterface;
|
package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroupContext.js
CHANGED
@@ -4,20 +4,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.useDropdownCollapsibleItemsGroup = exports.DropdownCollapsibleItemsGroupContext = void 0;
|
7
|
-
|
8
7
|
var _react = require("react");
|
9
|
-
|
10
8
|
var DropdownCollapsibleItemsGroupContext = /*#__PURE__*/(0, _react.createContext)(null);
|
11
9
|
exports.DropdownCollapsibleItemsGroupContext = DropdownCollapsibleItemsGroupContext;
|
12
|
-
|
13
10
|
var useDropdownCollapsibleItemsGroup = function useDropdownCollapsibleItemsGroup() {
|
14
11
|
var context = (0, _react.useContext)(DropdownCollapsibleItemsGroupContext);
|
15
|
-
|
16
12
|
if (!context) {
|
17
13
|
throw new Error("useDropdownCollapsibleItemsGroupContext used outside DropdownCollapsibleItemsGroupContext");
|
18
14
|
}
|
19
|
-
|
20
15
|
return context;
|
21
16
|
};
|
22
|
-
|
23
17
|
exports.useDropdownCollapsibleItemsGroup = useDropdownCollapsibleItemsGroup;
|
package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.js
CHANGED
@@ -1,36 +1,27 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
6
5
|
value: true
|
7
6
|
});
|
8
7
|
exports.DropdownCollapsibleItemsMultiGroup = void 0;
|
9
|
-
|
10
8
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
11
|
-
|
12
9
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
13
|
-
|
14
10
|
var _react = require("react");
|
15
|
-
|
16
11
|
var _DropdownCollapsibleItemsGroup = require("./DropdownCollapsibleItemsGroup");
|
17
|
-
|
18
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
19
|
-
|
20
13
|
/**
|
21
14
|
* Multiple collapsible item can be open at a given time
|
22
15
|
*/
|
23
16
|
var DropdownCollapsibleItemsMultiGroup = function DropdownCollapsibleItemsMultiGroup(_ref) {
|
24
17
|
var initialExpandedItems = _ref.initialExpandedItems,
|
25
|
-
|
26
|
-
|
18
|
+
children = _ref.children;
|
27
19
|
var _useState = (0, _react.useState)(function () {
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
20
|
+
return initialExpandedItems !== null && initialExpandedItems !== void 0 ? initialExpandedItems : [];
|
21
|
+
}),
|
22
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
23
|
+
expandedItems = _useState2[0],
|
24
|
+
setExpandedItems = _useState2[1];
|
34
25
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DropdownCollapsibleItemsGroup.DropdownCollapsibleItemsGroup, {
|
35
26
|
expandedItems: expandedItems,
|
36
27
|
onItemClick: function onItemClick(name) {
|
@@ -43,5 +34,4 @@ var DropdownCollapsibleItemsMultiGroup = function DropdownCollapsibleItemsMultiG
|
|
43
34
|
children: children
|
44
35
|
});
|
45
36
|
};
|
46
|
-
|
47
37
|
exports.DropdownCollapsibleItemsMultiGroup = DropdownCollapsibleItemsMultiGroup;
|
package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.js
CHANGED
@@ -1,34 +1,26 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
6
5
|
value: true
|
7
6
|
});
|
8
7
|
exports.DropdownCollapsibleItemsSingleGroup = void 0;
|
9
|
-
|
10
8
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
11
|
-
|
12
9
|
var _react = require("react");
|
13
|
-
|
14
10
|
var _DropdownCollapsibleItemsGroup = require("./DropdownCollapsibleItemsGroup");
|
15
|
-
|
16
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
17
|
-
|
18
12
|
/**
|
19
13
|
* Only one collapsible item can be open at a given time (unless you manually override)
|
20
14
|
*/
|
21
15
|
var DropdownCollapsibleItemsSingleGroup = function DropdownCollapsibleItemsSingleGroup(_ref) {
|
22
16
|
var initialExpandedItem = _ref.initialExpandedItem,
|
23
|
-
|
24
|
-
|
17
|
+
children = _ref.children;
|
25
18
|
var _useState = (0, _react.useState)(function () {
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
19
|
+
return initialExpandedItem ? [initialExpandedItem] : [];
|
20
|
+
}),
|
21
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
22
|
+
expandedItems = _useState2[0],
|
23
|
+
setExpandedItems = _useState2[1];
|
32
24
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DropdownCollapsibleItemsGroup.DropdownCollapsibleItemsGroup, {
|
33
25
|
expandedItems: expandedItems,
|
34
26
|
onItemClick: function onItemClick(name) {
|
@@ -39,5 +31,4 @@ var DropdownCollapsibleItemsSingleGroup = function DropdownCollapsibleItemsSingl
|
|
39
31
|
children: children
|
40
32
|
});
|
41
33
|
};
|
42
|
-
|
43
34
|
exports.DropdownCollapsibleItemsSingleGroup = DropdownCollapsibleItemsSingleGroup;
|
@@ -12,9 +12,7 @@ Object.defineProperty(exports, "useDropdownCollapsibleItemsGroup", {
|
|
12
12
|
return _DropdownCollapsibleItemsGroupContext.useDropdownCollapsibleItemsGroup;
|
13
13
|
}
|
14
14
|
});
|
15
|
-
|
16
15
|
var _DropdownCollapsibleItem = require("./DropdownCollapsibleItem");
|
17
|
-
|
18
16
|
Object.keys(_DropdownCollapsibleItem).forEach(function (key) {
|
19
17
|
if (key === "default" || key === "__esModule") return;
|
20
18
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
@@ -26,9 +24,7 @@ Object.keys(_DropdownCollapsibleItem).forEach(function (key) {
|
|
26
24
|
}
|
27
25
|
});
|
28
26
|
});
|
29
|
-
|
30
27
|
var _DropdownCollapsibleItemsGroup = require("./DropdownCollapsibleItemsGroup");
|
31
|
-
|
32
28
|
Object.keys(_DropdownCollapsibleItemsGroup).forEach(function (key) {
|
33
29
|
if (key === "default" || key === "__esModule") return;
|
34
30
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
@@ -40,9 +36,7 @@ Object.keys(_DropdownCollapsibleItemsGroup).forEach(function (key) {
|
|
40
36
|
}
|
41
37
|
});
|
42
38
|
});
|
43
|
-
|
44
39
|
var _DropdownCollapsibleItemsMultiGroup = require("./DropdownCollapsibleItemsMultiGroup");
|
45
|
-
|
46
40
|
Object.keys(_DropdownCollapsibleItemsMultiGroup).forEach(function (key) {
|
47
41
|
if (key === "default" || key === "__esModule") return;
|
48
42
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
@@ -54,9 +48,7 @@ Object.keys(_DropdownCollapsibleItemsMultiGroup).forEach(function (key) {
|
|
54
48
|
}
|
55
49
|
});
|
56
50
|
});
|
57
|
-
|
58
51
|
var _DropdownCollapsibleItemsSingleGroup = require("./DropdownCollapsibleItemsSingleGroup");
|
59
|
-
|
60
52
|
Object.keys(_DropdownCollapsibleItemsSingleGroup).forEach(function (key) {
|
61
53
|
if (key === "default" || key === "__esModule") return;
|
62
54
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
@@ -68,5 +60,4 @@ Object.keys(_DropdownCollapsibleItemsSingleGroup).forEach(function (key) {
|
|
68
60
|
}
|
69
61
|
});
|
70
62
|
});
|
71
|
-
|
72
63
|
var _DropdownCollapsibleItemsGroupContext = require("./DropdownCollapsibleItemsGroupContext");
|
@@ -1,26 +1,19 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
6
5
|
value: true
|
7
6
|
});
|
8
7
|
exports["default"] = exports.DropdownDivider = void 0;
|
9
|
-
|
10
8
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
11
|
-
|
12
9
|
var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
|
13
|
-
|
14
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
15
|
-
|
16
11
|
var _templateObject;
|
17
|
-
|
18
12
|
var DropdownDivider = function DropdownDivider() {
|
19
13
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
20
14
|
className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["border-b border-grey-100"])))
|
21
15
|
});
|
22
16
|
};
|
23
|
-
|
24
17
|
exports.DropdownDivider = DropdownDivider;
|
25
18
|
var _default = DropdownDivider;
|
26
19
|
exports["default"] = _default;
|