@algolia/satellite 1.0.0-beta.146 → 1.0.0-beta.148
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 +72 -167
- 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 +1 -9
- 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 +13 -33
- package/cjs/Button/Button.tailwind.js +3 -5
- package/cjs/Button/ButtonGroup.d.ts +2 -1
- package/cjs/Button/ButtonGroup.js +3 -11
- package/cjs/Button/IconButton.js +12 -35
- 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 +3 -13
- package/cjs/DatePicker/DateRangePicker/DateRangePicker.js +29 -72
- package/cjs/DatePicker/DateRangePicker/DateRangePickerDisplay.js +4 -14
- package/cjs/DatePicker/DateRangePicker/dateRangePickerReducer.js +2 -28
- 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 +37 -47
- 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.js +0 -6
- package/cjs/Dropdown/components/DropdownButtonItem.js +5 -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.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 +6 -23
- package/cjs/Dropdown/components/DropdownRadioItem.js +4 -20
- package/cjs/Dropdown/components/DropdownTitle.js +1 -14
- package/cjs/Dropdown/components/DropdownToggleItem.js +5 -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.js +26 -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.d.ts +2 -0
- package/cjs/Pagination/CompactPagination/CompactPagination.js +2 -20
- 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 +2 -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 +8 -31
- 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 +28 -62
- package/cjs/Tabs/LinkTabs.js +5 -18
- package/cjs/Tabs/Tabs.tailwind.js +1 -2
- package/cjs/Tabs/components/LinkTab.js +2 -27
- 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.d.ts +1 -0
- 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 +43 -71
- package/cjs/Tooltip/index.js +0 -9
- package/cjs/Typography/Typography.tailwind.js +15 -21
- package/cjs/UserContent/UserContent.js +7 -16
- package/cjs/UserContent/UserContent.tailwind.js +4 -13
- 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 +72 -162
- 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 +1 -4
- package/esm/Banners/Promote/Promote.js +8 -10
- package/esm/Button/Button.js +13 -21
- package/esm/Button/Button.tailwind.js +3 -2
- package/esm/Button/ButtonGroup.d.ts +2 -1
- package/esm/Button/ButtonGroup.js +3 -6
- package/esm/Button/IconButton.js +12 -22
- 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 +3 -10
- package/esm/DatePicker/DateRangePicker/DateRangePicker.js +29 -55
- package/esm/DatePicker/DateRangePicker/DateRangePickerDisplay.js +4 -8
- package/esm/DatePicker/DateRangePicker/dateRangePickerReducer.js +2 -16
- 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 +37 -36
- 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.js +0 -2
- package/esm/Dropdown/components/DropdownButtonItem.js +5 -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.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 +6 -13
- package/esm/Dropdown/components/DropdownRadioItem.js +4 -11
- package/esm/Dropdown/components/DropdownTitle.js +1 -7
- package/esm/Dropdown/components/DropdownToggleItem.js +5 -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.js +26 -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.d.ts +2 -0
- package/esm/Pagination/CompactPagination/CompactPagination.js +3 -7
- 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 +2 -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 +8 -18
- 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 +28 -51
- package/esm/Tabs/LinkTabs.js +5 -7
- package/esm/Tabs/Tabs.tailwind.js +1 -1
- package/esm/Tabs/components/LinkTab.js +2 -18
- 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.d.ts +1 -0
- 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 +43 -56
- package/esm/Typography/Typography.tailwind.js +15 -18
- package/esm/UserContent/UserContent.js +7 -9
- package/esm/UserContent/UserContent.tailwind.js +4 -9
- 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
@@ -1,32 +1,23 @@
|
|
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.isIndeterminatePagination = exports.isDeterminatePagination = exports.getCellValue = void 0;
|
9
|
-
|
10
8
|
var _get = _interopRequireDefault(require("lodash/get"));
|
11
|
-
|
12
9
|
var isDeterminatePagination = function isDeterminatePagination(pagination) {
|
13
10
|
return pagination !== false && "totalItemsCount" in pagination;
|
14
11
|
};
|
15
|
-
|
16
12
|
exports.isDeterminatePagination = isDeterminatePagination;
|
17
|
-
|
18
13
|
var isIndeterminatePagination = function isIndeterminatePagination(pagination) {
|
19
14
|
return pagination !== false && !("totalItemsCount" in pagination) && "currentPage" in pagination && typeof pagination.currentPage === "number";
|
20
15
|
};
|
21
|
-
|
22
16
|
exports.isIndeterminatePagination = isIndeterminatePagination;
|
23
|
-
|
24
17
|
var getCellValue = function getCellValue(column, row) {
|
25
18
|
if (typeof column.accessor === "string") {
|
26
19
|
return (0, _get["default"])(row.item, column.accessor);
|
27
20
|
}
|
28
|
-
|
29
21
|
return column.accessor(row.item);
|
30
22
|
};
|
31
|
-
|
32
23
|
exports.getCellValue = getCellValue;
|
@@ -1,34 +1,21 @@
|
|
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.Table = 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 _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 _TableFooter = _interopRequireDefault(require("./components/TableFooter"));
|
21
|
-
|
22
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
23
|
-
|
24
15
|
var _templateObject, _templateObject2, _templateObject3;
|
25
|
-
|
26
16
|
var _excluded = ["className", "footer", "smallFooter", "hasActions", "highlight"];
|
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
|
/**
|
33
20
|
* Tables are used to structure content in a grid to make it easier to see relationships and to facilitate understanding.
|
34
21
|
*
|
@@ -50,13 +37,13 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
50
37
|
*/
|
51
38
|
var Table = function Table(_ref) {
|
52
39
|
var className = _ref.className,
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
40
|
+
footer = _ref.footer,
|
41
|
+
_ref$smallFooter = _ref.smallFooter,
|
42
|
+
smallFooter = _ref$smallFooter === void 0 ? false : _ref$smallFooter,
|
43
|
+
hasActions = _ref.hasActions,
|
44
|
+
_ref$highlight = _ref.highlight,
|
45
|
+
highlight = _ref$highlight === void 0 ? true : _ref$highlight,
|
46
|
+
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
60
47
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
61
48
|
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["rounded text-grey-900 bg-white display-body"]))), className),
|
62
49
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
@@ -70,7 +57,6 @@ var Table = function Table(_ref) {
|
|
70
57
|
})]
|
71
58
|
});
|
72
59
|
};
|
73
|
-
|
74
60
|
exports.Table = Table;
|
75
61
|
var _default = Table;
|
76
62
|
exports["default"] = _default;
|
@@ -2,10 +2,9 @@
|
|
2
2
|
|
3
3
|
// purgecss whitelist: th, td, tr
|
4
4
|
var plugin = require("tailwindcss/plugin");
|
5
|
-
|
6
5
|
var tablePlugin = plugin(function (_ref) {
|
7
6
|
var addComponents = _ref.addComponents,
|
8
|
-
|
7
|
+
theme = _ref.theme;
|
9
8
|
addComponents({
|
10
9
|
".table": {
|
11
10
|
width: "100%",
|
@@ -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.TableFooter = void 0;
|
9
|
-
|
10
8
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
11
|
-
|
12
9
|
var _clsx = _interopRequireDefault(require("clsx"));
|
13
|
-
|
14
10
|
var _satellitePrefixer = _interopRequireDefault(require("../../../styles/helpers/satellitePrefixer"));
|
15
|
-
|
16
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
17
|
-
|
18
12
|
var _templateObject, _templateObject2, _templateObject3;
|
19
|
-
|
20
13
|
var TableFooter = function TableFooter(_ref) {
|
21
14
|
var _ref$size = _ref.size,
|
22
|
-
|
23
|
-
|
15
|
+
size = _ref$size === void 0 ? "default" : _ref$size,
|
16
|
+
children = _ref.children;
|
24
17
|
var SIZE_CLASSNAMES = {
|
25
18
|
"default": (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["py-3 px-4"]))),
|
26
19
|
small: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["py-1 px-4"])))
|
@@ -30,7 +23,6 @@ var TableFooter = function TableFooter(_ref) {
|
|
30
23
|
children: children
|
31
24
|
});
|
32
25
|
};
|
33
|
-
|
34
26
|
exports.TableFooter = TableFooter;
|
35
27
|
var _default = TableFooter;
|
36
28
|
exports["default"] = _default;
|
@@ -1,7 +1,6 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
4
|
-
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
6
5
|
value: true
|
7
6
|
});
|
@@ -12,9 +11,7 @@ Object.defineProperty(exports, "default", {
|
|
12
11
|
return _Table["default"];
|
13
12
|
}
|
14
13
|
});
|
15
|
-
|
16
14
|
var _Table = _interopRequireWildcard(require("./Table"));
|
17
|
-
|
18
15
|
Object.keys(_Table).forEach(function (key) {
|
19
16
|
if (key === "default" || key === "__esModule") return;
|
20
17
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
@@ -26,9 +23,7 @@ Object.keys(_Table).forEach(function (key) {
|
|
26
23
|
}
|
27
24
|
});
|
28
25
|
});
|
29
|
-
|
30
26
|
var _TableFooter = require("./components/TableFooter");
|
31
|
-
|
32
27
|
Object.keys(_TableFooter).forEach(function (key) {
|
33
28
|
if (key === "default" || key === "__esModule") return;
|
34
29
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
@@ -40,7 +35,5 @@ Object.keys(_TableFooter).forEach(function (key) {
|
|
40
35
|
}
|
41
36
|
});
|
42
37
|
});
|
43
|
-
|
44
38
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
45
|
-
|
46
39
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
package/cjs/Tables/index.js
CHANGED
@@ -1,7 +1,6 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
4
|
-
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
6
5
|
value: true
|
7
6
|
});
|
@@ -12,9 +11,7 @@ Object.defineProperty(exports, "default", {
|
|
12
11
|
return _Table["default"];
|
13
12
|
}
|
14
13
|
});
|
15
|
-
|
16
14
|
var _Table = _interopRequireWildcard(require("./Table"));
|
17
|
-
|
18
15
|
Object.keys(_Table).forEach(function (key) {
|
19
16
|
if (key === "default" || key === "__esModule") return;
|
20
17
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
@@ -26,9 +23,7 @@ Object.keys(_Table).forEach(function (key) {
|
|
26
23
|
}
|
27
24
|
});
|
28
25
|
});
|
29
|
-
|
30
26
|
var _DataTable = require("./DataTable");
|
31
|
-
|
32
27
|
Object.keys(_DataTable).forEach(function (key) {
|
33
28
|
if (key === "default" || key === "__esModule") return;
|
34
29
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
@@ -40,7 +35,5 @@ Object.keys(_DataTable).forEach(function (key) {
|
|
40
35
|
}
|
41
36
|
});
|
42
37
|
});
|
43
|
-
|
44
38
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
45
|
-
|
46
39
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
package/cjs/Tabs/ContentTabs.js
CHANGED
@@ -1,75 +1,44 @@
|
|
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.ContentTabs = void 0;
|
9
|
-
|
10
8
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
11
|
-
|
12
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
13
|
-
|
14
|
-
var _tabs = require("@reach/tabs");
|
15
|
-
|
9
|
+
var _reactTabs = require("@radix-ui/react-tabs");
|
16
10
|
var _clsx = _interopRequireDefault(require("clsx"));
|
17
|
-
|
18
|
-
var _react = require("react");
|
19
|
-
|
20
11
|
var _Badge = _interopRequireDefault(require("../Badge"));
|
21
|
-
|
22
12
|
var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
|
23
|
-
|
24
13
|
var _utils = require("./utils");
|
25
|
-
|
26
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
27
|
-
|
28
15
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
29
|
-
|
30
16
|
var ContentTabs = function ContentTabs(_ref) {
|
31
17
|
var className = _ref.className,
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
if (tabIndex !== undefined && internalTabIndex !== tabIndex) {
|
45
|
-
setInternalTabIndex(tabIndex);
|
46
|
-
}
|
47
|
-
}, [internalTabIndex, tabIndex]);
|
48
|
-
|
49
|
-
var handleTabsChange = function handleTabsChange(index) {
|
50
|
-
onChange === null || onChange === void 0 ? void 0 : onChange(index);
|
51
|
-
|
52
|
-
if (tabIndex === undefined) {
|
53
|
-
setInternalTabIndex(index);
|
54
|
-
}
|
55
|
-
};
|
56
|
-
|
57
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_tabs.Tabs, {
|
58
|
-
index: internalTabIndex,
|
59
|
-
onChange: handleTabsChange,
|
60
|
-
defaultIndex: internalTabIndex,
|
61
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_tabs.TabList, {
|
18
|
+
tabs = _ref.tabs,
|
19
|
+
tabIndex = _ref.tabIndex,
|
20
|
+
_ref$defaultIndex = _ref.defaultIndex,
|
21
|
+
defaultIndex = _ref$defaultIndex === void 0 ? 0 : _ref$defaultIndex,
|
22
|
+
onChange = _ref.onChange;
|
23
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactTabs.Tabs, {
|
24
|
+
value: typeof tabIndex !== "undefined" ? String(tabIndex) : undefined,
|
25
|
+
defaultValue: typeof defaultIndex !== "undefined" ? String(defaultIndex) : undefined,
|
26
|
+
onValueChange: function onValueChange(value) {
|
27
|
+
return onChange === null || onChange === void 0 ? void 0 : onChange(Number(value));
|
28
|
+
},
|
29
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTabs.TabsList, {
|
62
30
|
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["tabs-tabbar border-b border-grey-200 flex overflow-x-auto whitespace-nowrap space-x-6"]))), className),
|
63
31
|
children: tabs.map(function (_ref2, index) {
|
64
32
|
var _ref2$variant = _ref2.variant,
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(
|
71
|
-
|
33
|
+
variant = _ref2$variant === void 0 ? "accent" : _ref2$variant,
|
34
|
+
className = _ref2.className,
|
35
|
+
disabled = _ref2.disabled,
|
36
|
+
label = _ref2.label,
|
37
|
+
value = _ref2.value;
|
38
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactTabs.TabsTrigger, {
|
39
|
+
value: String(index),
|
72
40
|
disabled: disabled,
|
41
|
+
className: (0, _clsx["default"])(_utils.ACTIVE_UNDERLINE_VARIANT_CLASSNAMES[variant], (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["tab pb-3 text-base leading-sm"]))), className),
|
73
42
|
children: [label, value && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Badge["default"], {
|
74
43
|
size: "small",
|
75
44
|
variant: variant,
|
@@ -78,19 +47,16 @@ var ContentTabs = function ContentTabs(_ref) {
|
|
78
47
|
})]
|
79
48
|
}, index);
|
80
49
|
})
|
81
|
-
}),
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
}, index);
|
89
|
-
})
|
50
|
+
}), tabs.map(function (_ref3, index) {
|
51
|
+
var content = _ref3.content;
|
52
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTabs.TabsContent, {
|
53
|
+
value: String(index),
|
54
|
+
className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["focus:outline-none"]))),
|
55
|
+
children: content
|
56
|
+
}, index);
|
90
57
|
})]
|
91
58
|
});
|
92
59
|
};
|
93
|
-
|
94
60
|
exports.ContentTabs = ContentTabs;
|
95
61
|
var _default = ContentTabs;
|
96
62
|
exports["default"] = _default;
|
package/cjs/Tabs/LinkTabs.js
CHANGED
@@ -1,33 +1,24 @@
|
|
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.defaultUrlMatcher = exports["default"] = exports.LinkTabs = void 0;
|
9
|
-
|
10
8
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
11
|
-
|
12
9
|
var _clsx = _interopRequireDefault(require("clsx"));
|
13
|
-
|
14
10
|
var _useLocation = _interopRequireDefault(require("react-use/lib/useLocation"));
|
15
|
-
|
16
11
|
var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
|
17
|
-
|
18
12
|
var _matchLocation = _interopRequireDefault(require("../utils/matchLocation"));
|
19
|
-
|
20
13
|
var _LinkTab = _interopRequireDefault(require("./components/LinkTab"));
|
21
|
-
|
22
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
23
|
-
|
24
15
|
var _templateObject;
|
25
|
-
|
26
16
|
var defaultUrlMatcher = function defaultUrlMatcher(tab, location) {
|
27
17
|
return (0, _matchLocation["default"])(tab.to, {
|
28
18
|
pathname: location.pathname || ""
|
29
19
|
});
|
30
20
|
};
|
21
|
+
|
31
22
|
/**
|
32
23
|
* Tabs are an easy way to organize content by grouping similar information on the same page. Use them to help users navigate between related views within the same context, especially when the number of views may be more than 3.
|
33
24
|
*
|
@@ -56,16 +47,13 @@ var defaultUrlMatcher = function defaultUrlMatcher(tab, location) {
|
|
56
47
|
* - Use more than one row of tabs. Multiple rows create jumping UI elements, which make it impossible for users to remember which tabs they've already visited
|
57
48
|
* - Place the tab on the sides or bottom of the page, where users often overlook them
|
58
49
|
*/
|
59
|
-
|
60
|
-
|
61
50
|
exports.defaultUrlMatcher = defaultUrlMatcher;
|
62
|
-
|
63
51
|
var LinkTabs = function LinkTabs(_ref) {
|
64
52
|
var className = _ref.className,
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
53
|
+
tabs = _ref.tabs,
|
54
|
+
onTabClick = _ref.onTabClick,
|
55
|
+
_ref$urlMatcher = _ref.urlMatcher,
|
56
|
+
urlMatcher = _ref$urlMatcher === void 0 ? defaultUrlMatcher : _ref$urlMatcher;
|
69
57
|
var location = (0, _useLocation["default"])();
|
70
58
|
var tabIndex = tabs.findIndex(function (tab) {
|
71
59
|
return urlMatcher(tab, location);
|
@@ -85,7 +73,6 @@ var LinkTabs = function LinkTabs(_ref) {
|
|
85
73
|
})
|
86
74
|
});
|
87
75
|
};
|
88
|
-
|
89
76
|
exports.LinkTabs = LinkTabs;
|
90
77
|
var _default = LinkTabs;
|
91
78
|
exports["default"] = _default;
|
@@ -2,10 +2,9 @@
|
|
2
2
|
|
3
3
|
// @ts-check
|
4
4
|
var plugin = require("tailwindcss/plugin");
|
5
|
-
|
6
5
|
var tabsPlugin = plugin(function (_ref) {
|
7
6
|
var addComponents = _ref.addComponents,
|
8
|
-
|
7
|
+
theme = _ref.theme;
|
9
8
|
addComponents({
|
10
9
|
".tabs-tabbar": {
|
11
10
|
scrollBehavior: "smooth"
|
@@ -1,68 +1,45 @@
|
|
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.LinkTab = 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 _clsx = _interopRequireDefault(require("clsx"));
|
15
|
-
|
16
11
|
var _Badge = _interopRequireDefault(require("../../Badge"));
|
17
|
-
|
18
12
|
var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
|
19
|
-
|
20
13
|
var _useLinkProps = _interopRequireDefault(require("../../utils/useLinkProps"));
|
21
|
-
|
22
14
|
var _utils = require("../utils");
|
23
|
-
|
24
15
|
var _jsxRuntime = require("react/jsx-runtime");
|
25
|
-
|
26
16
|
var _templateObject, _templateObject2;
|
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 getNextNonDisabledSibling = function getNextNonDisabledSibling(el) {
|
33
20
|
var _ref;
|
34
|
-
|
35
21
|
if (!el) return null;
|
36
22
|
var next = el;
|
37
|
-
|
38
23
|
do {
|
39
24
|
var _next, _next$nextElementSibl, _next2, _next3, _next3$parentElement;
|
40
|
-
|
41
25
|
next = (_next$nextElementSibl = (_next2 = next) === null || _next2 === void 0 ? void 0 : _next2.nextElementSibling) !== null && _next$nextElementSibl !== void 0 ? _next$nextElementSibl : (_next3 = next) === null || _next3 === void 0 ? void 0 : (_next3$parentElement = _next3.parentElement) === null || _next3$parentElement === void 0 ? void 0 : _next3$parentElement.firstElementChild;
|
42
26
|
} while (Boolean((_next = next) === null || _next === void 0 ? void 0 : _next.getAttribute("aria-disabled")));
|
43
|
-
|
44
27
|
return (_ref = next) !== null && _ref !== void 0 ? _ref : null;
|
45
28
|
};
|
46
|
-
|
47
29
|
var getPreviousNonDisabledSibling = function getPreviousNonDisabledSibling(el) {
|
48
30
|
var _ref2;
|
49
|
-
|
50
31
|
if (!el) return null;
|
51
32
|
var next = el;
|
52
|
-
|
53
33
|
do {
|
54
34
|
var _next4, _next$previousElement, _next5, _next6, _next6$parentElement;
|
55
|
-
|
56
35
|
next = (_next$previousElement = (_next5 = next) === null || _next5 === void 0 ? void 0 : _next5.previousElementSibling) !== null && _next$previousElement !== void 0 ? _next$previousElement : (_next6 = next) === null || _next6 === void 0 ? void 0 : (_next6$parentElement = _next6.parentElement) === null || _next6$parentElement === void 0 ? void 0 : _next6$parentElement.lastElementChild;
|
57
36
|
} while (Boolean((_next4 = next) === null || _next4 === void 0 ? void 0 : _next4.getAttribute("aria-disabled")));
|
58
|
-
|
59
37
|
return (_ref2 = next) !== null && _ref2 !== void 0 ? _ref2 : null;
|
60
38
|
};
|
61
|
-
|
62
39
|
var LinkTab = function LinkTab(_ref3) {
|
63
40
|
var tab = _ref3.tab,
|
64
|
-
|
65
|
-
|
41
|
+
_onClick = _ref3.onClick,
|
42
|
+
selected = _ref3.selected;
|
66
43
|
var variant = tab.variant || "accent";
|
67
44
|
var selectionProps = selected ? {
|
68
45
|
"aria-selected": true,
|
@@ -86,7 +63,6 @@ var LinkTab = function LinkTab(_ref3) {
|
|
86
63
|
className: (0, _clsx["default"])(_utils.ACTIVE_UNDERLINE_VARIANT_CLASSNAMES[variant], (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["tab pb-3 text-base leading-sm hover:no-underline"]))), tab.className),
|
87
64
|
onKeyDown: function onKeyDown(evt) {
|
88
65
|
if (tab.disabled) return;
|
89
|
-
|
90
66
|
if (evt.key === "ArrowRight") {
|
91
67
|
var nextElement = getNextNonDisabledSibling(evt.currentTarget);
|
92
68
|
nextElement === null || nextElement === void 0 ? void 0 : nextElement.click();
|
@@ -105,7 +81,6 @@ var LinkTab = function LinkTab(_ref3) {
|
|
105
81
|
})]
|
106
82
|
}));
|
107
83
|
};
|
108
|
-
|
109
84
|
exports.LinkTab = LinkTab;
|
110
85
|
var _default = LinkTab;
|
111
86
|
exports["default"] = _default;
|
package/cjs/Tabs/index.js
CHANGED
@@ -1,7 +1,6 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
4
|
-
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
6
5
|
value: true
|
7
6
|
});
|
@@ -12,9 +11,7 @@ Object.defineProperty(exports, "default", {
|
|
12
11
|
return _LinkTabs["default"];
|
13
12
|
}
|
14
13
|
});
|
15
|
-
|
16
14
|
var _LinkTabs = _interopRequireWildcard(require("./LinkTabs"));
|
17
|
-
|
18
15
|
Object.keys(_LinkTabs).forEach(function (key) {
|
19
16
|
if (key === "default" || key === "__esModule") return;
|
20
17
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
@@ -26,9 +23,7 @@ Object.keys(_LinkTabs).forEach(function (key) {
|
|
26
23
|
}
|
27
24
|
});
|
28
25
|
});
|
29
|
-
|
30
26
|
var _ContentTabs = require("./ContentTabs");
|
31
|
-
|
32
27
|
Object.keys(_ContentTabs).forEach(function (key) {
|
33
28
|
if (key === "default" || key === "__esModule") return;
|
34
29
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
@@ -40,9 +35,7 @@ Object.keys(_ContentTabs).forEach(function (key) {
|
|
40
35
|
}
|
41
36
|
});
|
42
37
|
});
|
43
|
-
|
44
38
|
var _types = require("./types");
|
45
|
-
|
46
39
|
Object.keys(_types).forEach(function (key) {
|
47
40
|
if (key === "default" || key === "__esModule") return;
|
48
41
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
@@ -54,7 +47,5 @@ Object.keys(_types).forEach(function (key) {
|
|
54
47
|
}
|
55
48
|
});
|
56
49
|
});
|
57
|
-
|
58
50
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
59
|
-
|
60
51
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
package/cjs/Tabs/utils.js
CHANGED
@@ -1,18 +1,13 @@
|
|
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.ACTIVE_UNDERLINE_VARIANT_CLASSNAMES = 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 _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
|
15
|
-
|
16
11
|
var ACTIVE_UNDERLINE_VARIANT_CLASSNAMES = {
|
17
12
|
grey: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["tab-grey"]))),
|
18
13
|
accent: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["tab-accent"]))),
|
package/cjs/Tag/Tag.js
CHANGED
@@ -1,38 +1,23 @@
|
|
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.Tag = 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 _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
15
|
-
|
16
11
|
var _clsx = _interopRequireDefault(require("clsx"));
|
17
|
-
|
18
12
|
var _react = require("react");
|
19
|
-
|
20
13
|
var _reactFeather = require("react-feather");
|
21
|
-
|
22
14
|
var _Satellite = require("../Satellite");
|
23
|
-
|
24
15
|
var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
|
25
|
-
|
26
16
|
var _jsxRuntime = require("react/jsx-runtime");
|
27
|
-
|
28
17
|
var _excluded = ["children", "variant", "className", "onDelete", "locale"];
|
29
|
-
|
30
18
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
|
31
|
-
|
32
19
|
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; }
|
33
|
-
|
34
20
|
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; }
|
35
|
-
|
36
21
|
var DEFAULT_TAG_LOCALE = {
|
37
22
|
removeButton: function removeButton(title) {
|
38
23
|
return "Remove ".concat(title);
|
@@ -56,6 +41,7 @@ var BUTTON_CLOSE_VARIANT_CLASSNAMES = {
|
|
56
41
|
red: (0, _satellitePrefixer["default"])(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2["default"])(["border-red-200 hover:bg-red-200 focus:bg-red-200"]))),
|
57
42
|
pink: (0, _satellitePrefixer["default"])(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2["default"])(["border-pink-200 hover:bg-pink-200 focus:bg-pink-200"])))
|
58
43
|
};
|
44
|
+
|
59
45
|
/**
|
60
46
|
* Use tags to visually label UI objects for quick recognition and navigation. (!) **Tags can be added or removed from an object by users**.
|
61
47
|
* Keep in mind that tags increase the amount of visual noise, particularly when combined with other visual labelling elements, so use them in moderation. Tags can be added or removed from an object by users.
|
@@ -77,28 +63,23 @@ var BUTTON_CLOSE_VARIANT_CLASSNAMES = {
|
|
77
63
|
* - When writing tags, avoid line-wrapping
|
78
64
|
* - Define the max width of text within a tag. Once the text reaches the max, truncate with ellipses
|
79
65
|
*/
|
80
|
-
|
81
66
|
var Tag = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
82
67
|
var children = _ref.children,
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
68
|
+
_ref$variant = _ref.variant,
|
69
|
+
variant = _ref$variant === void 0 ? "grey" : _ref$variant,
|
70
|
+
className = _ref.className,
|
71
|
+
onDelete = _ref.onDelete,
|
72
|
+
propsLocale = _ref.locale,
|
73
|
+
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
89
74
|
var title = typeof children === "string" ? children : "tag";
|
90
75
|
var contextLocale = (0, _Satellite.useLocale)("tag");
|
91
|
-
|
92
76
|
var locale = _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_TAG_LOCALE), contextLocale), propsLocale);
|
93
|
-
|
94
77
|
var tagClassName = (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2["default"])(["tag"]))), VARIANT_CLASSNAMES[variant], className);
|
95
78
|
var editable = Boolean(onDelete);
|
96
|
-
|
97
79
|
var handleDelete = function handleDelete(evt) {
|
98
80
|
evt.stopPropagation();
|
99
81
|
onDelete === null || onDelete === void 0 ? void 0 : onDelete(evt);
|
100
82
|
};
|
101
|
-
|
102
83
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", _objectSpread(_objectSpread({}, props), {}, {
|
103
84
|
className: tagClassName,
|
104
85
|
ref: ref,
|