@algolia/satellite 1.0.0-beta.131 → 1.0.0-beta.134
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/README.md +33 -28
- package/cjs/AnnouncementBadge/AnnouncementBadge.d.ts +8 -3
- package/cjs/AnnouncementBadge/AnnouncementBadge.js +25 -7
- package/cjs/AutoComplete/AutoComplete.d.ts +23 -17
- package/cjs/AutoComplete/AutoComplete.js +180 -124
- package/cjs/AutoComplete/AutoComplete.tailwind.d.ts +4 -4
- package/cjs/AutoComplete/AutoComplete.tailwind.js +10 -13
- package/cjs/AutoComplete/components/AutoCompleteEmptyState.d.ts +4 -4
- package/cjs/AutoComplete/components/AutoCompleteEmptyState.js +16 -13
- package/cjs/AutoComplete/components/DefaultOptionItem.d.ts +6 -2
- package/cjs/AutoComplete/components/DefaultOptionItem.js +24 -17
- package/cjs/AutoComplete/types.d.ts +33 -25
- package/cjs/AutoComplete/utils.d.ts +5 -4
- package/cjs/AutoComplete/utils.js +22 -2
- package/cjs/Avatars/ApplicationAvatar.js +7 -6
- package/cjs/Avatars/UserAvatar.js +19 -20
- package/cjs/Avatars/utils.d.ts +1 -1
- package/cjs/Badge/Badge.d.ts +5 -5
- package/cjs/Badge/Badge.js +21 -12
- package/cjs/Banner/Banner.d.ts +5 -4
- package/cjs/Banner/Banner.js +30 -25
- package/cjs/Banners/Alert/Alert.d.ts +5 -4
- package/cjs/Banners/Alert/Alert.js +29 -23
- package/cjs/Banners/BigBertha/BigBertha.d.ts +3 -2
- package/cjs/Banners/BigBertha/BigBertha.js +11 -9
- package/cjs/Banners/Promote/Promote.d.ts +6 -5
- package/cjs/Banners/Promote/Promote.js +38 -30
- package/cjs/Button/Button.js +23 -17
- package/cjs/Button/Button.tailwind.d.ts +4 -4
- package/cjs/Button/Button.tailwind.js +11 -14
- package/cjs/Button/ButtonGroup.d.ts +2 -1
- package/cjs/Button/ButtonGroup.js +6 -5
- package/cjs/Button/IconButton.d.ts +2 -2
- package/cjs/Button/IconButton.js +24 -22
- package/cjs/Button/styles.d.ts +1 -1
- package/cjs/Button/types.d.ts +5 -5
- package/cjs/Card/Card.d.ts +3 -3
- package/cjs/Card/Card.js +8 -11
- package/cjs/Card/Card.tailwind.d.ts +4 -4
- package/cjs/Card/Card.tailwind.js +5 -8
- package/cjs/Card/components/CardHeader.js +8 -4
- package/cjs/Card/components/CardTitle.d.ts +4 -2
- package/cjs/Card/components/CardTitle.js +11 -6
- package/cjs/Checkbox/Checkbox.d.ts +3 -3
- package/cjs/Checkbox/Checkbox.js +33 -30
- package/cjs/Checkbox/Checkbox.tailwind.d.ts +5 -5
- package/cjs/Checkbox/Checkbox.tailwind.js +11 -14
- package/cjs/ClickAwayContainer/ClickAwayContainer.d.ts +3 -2
- package/cjs/ClickAwayContainer/ClickAwayContainer.js +6 -9
- package/cjs/DatePicker/DatePicker/DatePicker.d.ts +13 -19
- package/cjs/DatePicker/DatePicker/DatePicker.js +90 -63
- package/cjs/DatePicker/DatePicker/datePickerReducer.d.ts +2 -2
- package/cjs/DatePicker/DatePicker/datePickerReducer.js +2 -2
- package/cjs/DatePicker/DatePicker.tailwind.d.ts +4 -4
- package/cjs/DatePicker/DatePicker.tailwind.js +19 -14
- package/cjs/DatePicker/DateRangePicker/DateRangePicker.d.ts +11 -17
- package/cjs/DatePicker/DateRangePicker/DateRangePicker.js +101 -70
- package/cjs/DatePicker/DateRangePicker/DateRangePickerDisplay.d.ts +4 -1
- package/cjs/DatePicker/DateRangePicker/DateRangePickerDisplay.js +18 -12
- package/cjs/DatePicker/DateRangePicker/dateRangePickerReducer.d.ts +3 -3
- package/cjs/DatePicker/DateRangePicker/dateRangePickerReducer.js +5 -5
- package/cjs/DatePicker/components/Calendar.d.ts +6 -2
- package/cjs/DatePicker/components/Calendar.js +12 -10
- package/cjs/DatePicker/components/Display.d.ts +3 -3
- package/cjs/DatePicker/components/Display.js +6 -5
- package/cjs/DatePicker/components/Footer.d.ts +2 -2
- package/cjs/DatePicker/components/Footer.js +6 -5
- package/cjs/DatePicker/components/FooterActions.d.ts +4 -1
- package/cjs/DatePicker/components/FooterActions.js +17 -13
- package/cjs/DatePicker/components/Modal.d.ts +5 -5
- package/cjs/DatePicker/components/Modal.js +18 -16
- package/cjs/DatePicker/components/NavBar.d.ts +7 -3
- package/cjs/DatePicker/components/NavBar.js +42 -41
- package/cjs/DatePicker/components/SidePanel.d.ts +2 -2
- package/cjs/DatePicker/components/SidePanel.js +9 -7
- package/cjs/DatePicker/types.d.ts +17 -0
- package/cjs/{tailwind-types.js → DatePicker/types.js} +0 -0
- package/cjs/DatePicker/utils.d.ts +2 -0
- package/cjs/DatePicker/utils.js +10 -2
- package/cjs/Dropdown/Dropdown.d.ts +8 -8
- package/cjs/Dropdown/Dropdown.js +49 -40
- package/cjs/Dropdown/DropdownButton.d.ts +4 -3
- package/cjs/Dropdown/DropdownButton.js +15 -9
- package/cjs/Dropdown/DropdownContext.d.ts +2 -2
- package/cjs/Dropdown/DropdownContext.js +2 -9
- package/cjs/Dropdown/components/DropdownButtonItem.d.ts +1 -1
- package/cjs/Dropdown/components/DropdownButtonItem.js +14 -14
- package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.d.ts +4 -4
- package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +30 -29
- package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.d.ts +1 -1
- package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.js +6 -7
- package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.d.ts +1 -1
- package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.js +6 -9
- package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.d.ts +1 -1
- package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.js +6 -9
- package/cjs/Dropdown/components/DropdownDivider.js +3 -3
- package/cjs/Dropdown/components/DropdownFooterItem.d.ts +2 -2
- package/cjs/Dropdown/components/DropdownFooterItem.js +11 -5
- package/cjs/Dropdown/components/DropdownLinkItem.js +14 -13
- package/cjs/Dropdown/components/DropdownRadioItem.d.ts +2 -2
- package/cjs/Dropdown/components/DropdownRadioItem.js +17 -16
- package/cjs/Dropdown/components/DropdownTitle.d.ts +4 -2
- package/cjs/Dropdown/components/DropdownTitle.js +8 -4
- package/cjs/Dropdown/components/DropdownToggleItem.d.ts +3 -3
- package/cjs/Dropdown/components/DropdownToggleItem.js +16 -16
- package/cjs/Dropdown/useDropdownItemProps.d.ts +3 -3
- package/cjs/Dropzone/Dropzone.d.ts +7 -3
- package/cjs/Dropzone/Dropzone.js +70 -56
- package/cjs/EmptyState/EmptyState.d.ts +1 -1
- package/cjs/EmptyState/EmptyState.js +29 -22
- package/cjs/EmptyState/EmptyState.tailwind.d.ts +4 -4
- package/cjs/EmptyState/EmptyState.tailwind.js +5 -8
- package/cjs/EmptyState/types.d.ts +7 -7
- package/cjs/Field/Field.d.ts +4 -3
- package/cjs/Field/Field.js +33 -26
- package/cjs/Flag/Flag.d.ts +3 -2
- package/cjs/Flag/Flag.js +58 -38
- package/cjs/Flag/Flag.tailwind.d.ts +4 -4
- package/cjs/Flag/Flag.tailwind.js +8 -15
- package/cjs/Flag/Flags.d.ts +3 -3
- package/cjs/Flag/Flags.js +32 -22
- package/cjs/Flag/types.d.ts +8 -4
- package/cjs/FlexGrid/FlexGrid.d.ts +2 -1
- package/cjs/FlexGrid/FlexGrid.js +15 -9
- package/cjs/FlexGrid/FlexGrid.tailwind.d.ts +6 -3
- package/cjs/FlexGrid/FlexGrid.tailwind.js +10 -13
- package/cjs/HelpUnderline/HelpUnderline.d.ts +2 -1
- package/cjs/HelpUnderline/HelpUnderline.js +9 -7
- package/cjs/HelpUnderline/HelpUnderline.tailwind.d.ts +4 -4
- package/cjs/HelpUnderline/HelpUnderline.tailwind.js +3 -6
- package/cjs/Input/Input.d.ts +11 -5
- package/cjs/Input/Input.js +131 -115
- package/cjs/Input/Input.tailwind.d.ts +4 -4
- package/cjs/Input/Input.tailwind.js +12 -15
- package/cjs/Insert/Insert.d.ts +3 -2
- package/cjs/Insert/Insert.js +29 -23
- package/cjs/InstantSearch/InstantSearch.tailwind.d.ts +4 -5
- package/cjs/InstantSearch/InstantSearch.tailwind.js +34 -32
- package/cjs/KeyboardKey/KeyboardKey.d.ts +2 -1
- package/cjs/KeyboardKey/KeyboardKey.js +11 -13
- package/cjs/KeyboardKey/KeyboardKey.tailwind.d.ts +4 -4
- package/cjs/KeyboardKey/KeyboardKey.tailwind.js +5 -8
- package/cjs/Link/BaseLink.d.ts +3 -3
- package/cjs/Link/BaseLink.js +7 -7
- package/cjs/Link/ButtonLink.d.ts +1 -1
- package/cjs/Link/ButtonLink.js +9 -5
- package/cjs/Link/IconButtonLink.d.ts +1 -1
- package/cjs/Link/IconButtonLink.js +8 -4
- package/cjs/Link/Link.d.ts +5 -5
- package/cjs/Link/Link.js +16 -15
- package/cjs/Medallion/Medallion.d.ts +2 -2
- package/cjs/Medallion/Medallion.js +8 -7
- package/cjs/Medallion/Medallion.tailwind.d.ts +4 -4
- package/cjs/Medallion/Medallion.tailwind.js +8 -11
- package/cjs/Modal/Modal.d.ts +8 -5
- package/cjs/Modal/Modal.js +60 -47
- package/cjs/Modal/Modal.tailwind.d.ts +4 -4
- package/cjs/Modal/Modal.tailwind.js +9 -18
- package/cjs/Modal/components/ModalFooter.d.ts +4 -2
- package/cjs/Modal/components/ModalFooter.js +16 -10
- package/cjs/Modal/components/ModalSection.d.ts +1 -1
- package/cjs/Modal/components/ModalSection.js +6 -5
- package/cjs/Pagination/CompactPagination/CompactPagination.d.ts +8 -0
- package/cjs/Pagination/CompactPagination/CompactPagination.js +62 -36
- package/cjs/Pagination/DotPagination/DotPagination.d.ts +5 -1
- package/cjs/Pagination/DotPagination/DotPagination.js +36 -16
- package/cjs/Pagination/Pagination/Pagination.d.ts +7 -1
- package/cjs/Pagination/Pagination/Pagination.js +79 -49
- package/cjs/ProgressBar/ProgressBar.d.ts +2 -2
- package/cjs/ProgressBar/ProgressBar.js +16 -11
- package/cjs/ProgressBar/ProgressBar.tailwind.d.ts +5 -5
- package/cjs/ProgressBar/ProgressBar.tailwind.js +7 -10
- package/cjs/ProgressSpinner/ProgressSpinner.d.ts +2 -2
- package/cjs/ProgressSpinner/ProgressSpinner.js +18 -11
- package/cjs/ProgressSpinner/ProgressSpinner.tailwind.d.ts +5 -5
- package/cjs/ProgressSpinner/ProgressSpinner.tailwind.js +4 -7
- package/cjs/RadioGroup/RadioButton.d.ts +3 -3
- package/cjs/RadioGroup/RadioButton.js +8 -8
- package/cjs/RadioGroup/RadioButton.tailwind.d.ts +4 -4
- package/cjs/RadioGroup/RadioButton.tailwind.js +11 -14
- package/cjs/RadioGroup/RadioGroup.d.ts +4 -3
- package/cjs/RadioGroup/RadioGroup.js +36 -34
- package/cjs/RangeSlider/RangeSlider.d.ts +3 -3
- package/cjs/RangeSlider/RangeSlider.js +37 -36
- package/cjs/RangeSlider/RangeSlider.tailwind.d.ts +4 -4
- package/cjs/RangeSlider/RangeSlider.tailwind.js +21 -24
- package/cjs/Satellite/Satellite.d.ts +5 -2
- package/cjs/Satellite/Satellite.js +13 -7
- package/cjs/Satellite/SatelliteContext.d.ts +3 -1
- package/cjs/Satellite/SatelliteContext.js +4 -3
- package/cjs/Satellite/SatelliteRouter.d.ts +1 -1
- package/cjs/Satellite/index.d.ts +1 -0
- package/cjs/Satellite/index.js +14 -0
- package/cjs/Satellite/locale.d.ts +27 -0
- package/cjs/Satellite/locale.js +21 -0
- package/cjs/ScrollIndicator/ScrollIndicator.d.ts +6 -3
- package/cjs/ScrollIndicator/ScrollIndicator.js +13 -16
- package/cjs/ScrollIndicator/ScrollIndicator.tailwind.d.ts +4 -4
- package/cjs/ScrollIndicator/ScrollIndicator.tailwind.js +8 -11
- package/cjs/Select/Select.d.ts +3 -3
- package/cjs/Select/Select.js +8 -8
- package/cjs/Select/Select.tailwind.d.ts +5 -5
- package/cjs/Select/Select.tailwind.js +5 -8
- package/cjs/Sidebar/Sidebar.d.ts +6 -4
- package/cjs/Sidebar/Sidebar.js +18 -10
- package/cjs/Sidebar/Sidebar.tailwind.d.ts +4 -4
- package/cjs/Sidebar/Sidebar.tailwind.js +5 -8
- package/cjs/Sidebar/SidebarContext.d.ts +1 -1
- package/cjs/Sidebar/components/SidebarHeader.d.ts +2 -2
- package/cjs/Sidebar/components/SidebarHeader.js +11 -6
- package/cjs/Sidebar/components/SidebarLink.d.ts +4 -3
- package/cjs/Sidebar/components/SidebarLink.js +32 -22
- package/cjs/Switch/Switch.d.ts +3 -3
- package/cjs/Switch/Switch.js +17 -19
- package/cjs/Switch/Switch.tailwind.d.ts +5 -5
- package/cjs/Switch/Switch.tailwind.js +7 -8
- package/cjs/Switch/SwitchOption.d.ts +2 -1
- package/cjs/Switch/SwitchOption.js +25 -17
- package/cjs/Tables/DataTable/DataTable.d.ts +15 -5
- package/cjs/Tables/DataTable/DataTable.js +79 -60
- package/cjs/Tables/DataTable/DataTable.tailwind.d.ts +4 -4
- package/cjs/Tables/DataTable/DataTable.tailwind.js +3 -6
- package/cjs/Tables/DataTable/components/Body.d.ts +7 -6
- package/cjs/Tables/DataTable/components/Body.js +62 -47
- package/cjs/Tables/DataTable/components/Footer.d.ts +1 -1
- package/cjs/Tables/DataTable/components/Footer.js +6 -6
- package/cjs/Tables/DataTable/components/Header.js +24 -20
- package/cjs/Tables/DataTable/components/HeaderCell.d.ts +3 -3
- package/cjs/Tables/DataTable/components/HeaderCell.js +20 -14
- package/cjs/Tables/DataTable/components/Loader.d.ts +3 -1
- package/cjs/Tables/DataTable/components/Loader.js +19 -20
- package/cjs/Tables/DataTable/types.d.ts +3 -3
- package/cjs/Tables/DataTable/utils.d.ts +1 -1
- package/cjs/Tables/Table/Table.d.ts +3 -3
- package/cjs/Tables/Table/Table.js +19 -12
- package/cjs/Tables/Table/Table.tailwind.d.ts +4 -4
- package/cjs/Tables/Table/Table.tailwind.js +3 -6
- package/cjs/Tables/Table/components/Footer.d.ts +2 -2
- package/cjs/Tables/Table/components/Footer.js +6 -5
- package/cjs/Tabs/ContentTabs.d.ts +1 -1
- package/cjs/Tabs/ContentTabs.js +39 -38
- package/cjs/Tabs/LinkTabs.d.ts +1 -1
- package/cjs/Tabs/LinkTabs.js +16 -16
- package/cjs/Tabs/Tabs.tailwind.d.ts +4 -4
- package/cjs/Tabs/Tabs.tailwind.js +5 -8
- package/cjs/Tabs/components/LinkTab.d.ts +3 -3
- package/cjs/Tabs/components/LinkTab.js +18 -12
- package/cjs/Tabs/types.d.ts +6 -6
- package/cjs/Tabs/utils.d.ts +1 -1
- package/cjs/Tag/Tag.d.ts +8 -4
- package/cjs/Tag/Tag.js +36 -24
- package/cjs/Tag/Tag.tailwind.d.ts +4 -4
- package/cjs/Tag/Tag.tailwind.js +6 -9
- package/cjs/TextArea/TextArea.d.ts +3 -3
- package/cjs/TextArea/TextArea.js +8 -8
- package/cjs/TextArea/TextArea.tailwind.d.ts +4 -4
- package/cjs/TextArea/TextArea.tailwind.js +4 -7
- package/cjs/TextWrap/TextWrap.js +20 -20
- package/cjs/Toggle/Toggle.d.ts +3 -3
- package/cjs/Toggle/Toggle.js +23 -21
- package/cjs/Toggle/Toggle.tailwind.d.ts +5 -5
- package/cjs/Toggle/Toggle.tailwind.js +19 -22
- package/cjs/Tooltip/OverflowTooltipWrapper.d.ts +3 -2
- package/cjs/Tooltip/OverflowTooltipWrapper.js +32 -24
- package/cjs/Tooltip/Tooltip.d.ts +3 -3
- package/cjs/Tooltip/Tooltip.js +8 -8
- package/cjs/Tooltip/Tooltip.tailwind.d.ts +4 -4
- package/cjs/Tooltip/Tooltip.tailwind.js +19 -18
- package/cjs/Tooltip/TooltipWrapper.d.ts +4 -3
- package/cjs/Tooltip/TooltipWrapper.js +47 -39
- package/cjs/Tooltip/types.d.ts +4 -2
- package/cjs/Typography/Typography.tailwind.d.ts +5 -17
- package/cjs/Typography/Typography.tailwind.js +125 -135
- package/cjs/UserContent/UserContent.js +3 -3
- package/cjs/UserContent/UserContent.tailwind.d.ts +4 -1
- package/cjs/UserContent/UserContent.tailwind.js +13 -13
- package/cjs/styles/base.tailwind.d.ts +4 -4
- package/cjs/styles/base.tailwind.js +3 -6
- package/cjs/styles/tailwind.config.d.ts +2 -198
- package/cjs/styles/tailwind.config.js +27 -31
- package/cjs/types.d.ts +10 -3
- package/cjs/utilities/utilities.tailwind.d.ts +4 -1
- package/cjs/utilities/utilities.tailwind.js +4 -6
- package/cjs/utils/genericChangeHandler.d.ts +3 -3
- package/cjs/utils/isCssPropertySupported.d.ts +1 -1
- package/cjs/utils/isRenderedChild.d.ts +2 -2
- package/cjs/utils/pluralize.js +6 -1
- package/cjs/utils/useForwardedRef.d.ts +2 -2
- package/cjs/utils/useLinkProps.d.ts +2 -2
- package/cjs/utils/useTriggerInputChange.d.ts +2 -2
- package/esm/AnnouncementBadge/AnnouncementBadge.d.ts +8 -3
- package/esm/AnnouncementBadge/AnnouncementBadge.js +23 -6
- package/esm/AutoComplete/AutoComplete.d.ts +23 -17
- package/esm/AutoComplete/AutoComplete.js +184 -115
- package/esm/AutoComplete/AutoComplete.tailwind.d.ts +4 -4
- package/esm/AutoComplete/AutoComplete.tailwind.js +10 -13
- package/esm/AutoComplete/components/AutoCompleteEmptyState.d.ts +4 -4
- package/esm/AutoComplete/components/AutoCompleteEmptyState.js +16 -12
- package/esm/AutoComplete/components/DefaultOptionItem.d.ts +6 -2
- package/esm/AutoComplete/components/DefaultOptionItem.js +25 -16
- package/esm/AutoComplete/types.d.ts +33 -25
- package/esm/AutoComplete/utils.d.ts +5 -4
- package/esm/AutoComplete/utils.js +16 -0
- package/esm/Avatars/ApplicationAvatar.js +6 -5
- package/esm/Avatars/UserAvatar.js +19 -14
- package/esm/Avatars/utils.d.ts +1 -1
- package/esm/Badge/Badge.d.ts +5 -5
- package/esm/Badge/Badge.js +21 -11
- package/esm/Banner/Banner.d.ts +5 -4
- package/esm/Banner/Banner.js +31 -25
- package/esm/Banners/Alert/Alert.d.ts +5 -4
- package/esm/Banners/Alert/Alert.js +30 -23
- package/esm/Banners/BigBertha/BigBertha.d.ts +3 -2
- package/esm/Banners/BigBertha/BigBertha.js +11 -8
- package/esm/Banners/Promote/Promote.d.ts +6 -5
- package/esm/Banners/Promote/Promote.js +37 -28
- package/esm/Button/Button.js +23 -16
- package/esm/Button/Button.tailwind.d.ts +4 -4
- package/esm/Button/Button.tailwind.js +13 -16
- package/esm/Button/ButtonGroup.d.ts +2 -1
- package/esm/Button/ButtonGroup.js +5 -4
- package/esm/Button/IconButton.d.ts +2 -2
- package/esm/Button/IconButton.js +24 -19
- package/esm/Button/styles.d.ts +1 -1
- package/esm/Button/types.d.ts +5 -5
- package/esm/Card/Card.d.ts +3 -3
- package/esm/Card/Card.js +6 -4
- package/esm/Card/Card.tailwind.d.ts +4 -4
- package/esm/Card/Card.tailwind.js +6 -9
- package/esm/Card/components/CardHeader.js +8 -3
- package/esm/Card/components/CardTitle.d.ts +4 -2
- package/esm/Card/components/CardTitle.js +11 -5
- package/esm/Checkbox/Checkbox.d.ts +3 -3
- package/esm/Checkbox/Checkbox.js +35 -26
- package/esm/Checkbox/Checkbox.tailwind.d.ts +5 -5
- package/esm/Checkbox/Checkbox.tailwind.js +11 -14
- package/esm/ClickAwayContainer/ClickAwayContainer.d.ts +3 -2
- package/esm/ClickAwayContainer/ClickAwayContainer.js +6 -4
- package/esm/DatePicker/DatePicker/DatePicker.d.ts +13 -19
- package/esm/DatePicker/DatePicker/DatePicker.js +92 -59
- package/esm/DatePicker/DatePicker/datePickerReducer.d.ts +2 -2
- package/esm/DatePicker/DatePicker/datePickerReducer.js +2 -2
- package/esm/DatePicker/DatePicker.tailwind.d.ts +4 -4
- package/esm/DatePicker/DatePicker.tailwind.js +19 -15
- package/esm/DatePicker/DateRangePicker/DateRangePicker.d.ts +11 -17
- package/esm/DatePicker/DateRangePicker/DateRangePicker.js +105 -67
- package/esm/DatePicker/DateRangePicker/DateRangePickerDisplay.d.ts +4 -1
- package/esm/DatePicker/DateRangePicker/DateRangePickerDisplay.js +19 -11
- package/esm/DatePicker/DateRangePicker/dateRangePickerReducer.d.ts +3 -3
- package/esm/DatePicker/DateRangePicker/dateRangePickerReducer.js +4 -4
- package/esm/DatePicker/components/Calendar.d.ts +6 -2
- package/esm/DatePicker/components/Calendar.js +13 -5
- package/esm/DatePicker/components/Display.d.ts +3 -3
- package/esm/DatePicker/components/Display.js +5 -4
- package/esm/DatePicker/components/Footer.d.ts +2 -2
- package/esm/DatePicker/components/Footer.js +5 -4
- package/esm/DatePicker/components/FooterActions.d.ts +4 -1
- package/esm/DatePicker/components/FooterActions.js +18 -13
- package/esm/DatePicker/components/Modal.d.ts +5 -5
- package/esm/DatePicker/components/Modal.js +19 -12
- package/esm/DatePicker/components/NavBar.d.ts +7 -3
- package/esm/DatePicker/components/NavBar.js +42 -35
- package/esm/DatePicker/components/SidePanel.d.ts +2 -2
- package/esm/DatePicker/components/SidePanel.js +8 -6
- package/esm/DatePicker/types.d.ts +17 -0
- package/esm/{tailwind-types.js → DatePicker/types.js} +0 -0
- package/esm/DatePicker/utils.d.ts +2 -0
- package/esm/DatePicker/utils.js +7 -0
- package/esm/Dropdown/Dropdown.d.ts +8 -8
- package/esm/Dropdown/Dropdown.js +45 -30
- package/esm/Dropdown/DropdownButton.d.ts +4 -3
- package/esm/Dropdown/DropdownButton.js +15 -8
- package/esm/Dropdown/DropdownContext.d.ts +2 -2
- package/esm/Dropdown/DropdownContext.js +2 -2
- package/esm/Dropdown/components/DropdownButtonItem.d.ts +1 -1
- package/esm/Dropdown/components/DropdownButtonItem.js +14 -12
- package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.d.ts +4 -4
- package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +29 -22
- package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.d.ts +1 -1
- package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.js +5 -4
- package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.d.ts +1 -1
- package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.js +6 -4
- package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.d.ts +1 -1
- package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.js +6 -4
- package/esm/Dropdown/components/DropdownDivider.js +2 -2
- package/esm/Dropdown/components/DropdownFooterItem.d.ts +2 -2
- package/esm/Dropdown/components/DropdownFooterItem.js +11 -4
- package/esm/Dropdown/components/DropdownLinkItem.js +14 -11
- package/esm/Dropdown/components/DropdownRadioItem.d.ts +2 -2
- package/esm/Dropdown/components/DropdownRadioItem.js +17 -14
- package/esm/Dropdown/components/DropdownTitle.d.ts +4 -2
- package/esm/Dropdown/components/DropdownTitle.js +8 -3
- package/esm/Dropdown/components/DropdownToggleItem.d.ts +3 -3
- package/esm/Dropdown/components/DropdownToggleItem.js +16 -14
- package/esm/Dropdown/useDropdownItemProps.d.ts +3 -3
- package/esm/Dropzone/Dropzone.d.ts +7 -3
- package/esm/Dropzone/Dropzone.js +69 -49
- package/esm/EmptyState/EmptyState.d.ts +1 -1
- package/esm/EmptyState/EmptyState.js +29 -21
- package/esm/EmptyState/EmptyState.tailwind.d.ts +4 -4
- package/esm/EmptyState/EmptyState.tailwind.js +6 -9
- package/esm/EmptyState/types.d.ts +7 -7
- package/esm/Field/Field.d.ts +4 -3
- package/esm/Field/Field.js +33 -25
- package/esm/Flag/Flag.d.ts +3 -2
- package/esm/Flag/Flag.js +57 -33
- package/esm/Flag/Flag.tailwind.d.ts +4 -4
- package/esm/Flag/Flag.tailwind.js +9 -16
- package/esm/Flag/Flags.d.ts +3 -3
- package/esm/Flag/Flags.js +30 -21
- package/esm/Flag/types.d.ts +8 -4
- package/esm/FlexGrid/FlexGrid.d.ts +2 -1
- package/esm/FlexGrid/FlexGrid.js +13 -8
- package/esm/FlexGrid/FlexGrid.tailwind.d.ts +6 -3
- package/esm/FlexGrid/FlexGrid.tailwind.js +10 -13
- package/esm/HelpUnderline/HelpUnderline.d.ts +2 -1
- package/esm/HelpUnderline/HelpUnderline.js +8 -6
- package/esm/HelpUnderline/HelpUnderline.tailwind.d.ts +4 -4
- package/esm/HelpUnderline/HelpUnderline.tailwind.js +4 -7
- package/esm/Input/Input.d.ts +11 -5
- package/esm/Input/Input.js +131 -109
- package/esm/Input/Input.tailwind.d.ts +4 -4
- package/esm/Input/Input.tailwind.js +14 -17
- package/esm/Insert/Insert.d.ts +3 -2
- package/esm/Insert/Insert.js +28 -21
- package/esm/InstantSearch/InstantSearch.tailwind.d.ts +4 -5
- package/esm/InstantSearch/InstantSearch.tailwind.js +35 -33
- package/esm/KeyboardKey/KeyboardKey.d.ts +2 -1
- package/esm/KeyboardKey/KeyboardKey.js +9 -6
- package/esm/KeyboardKey/KeyboardKey.tailwind.d.ts +4 -4
- package/esm/KeyboardKey/KeyboardKey.tailwind.js +6 -9
- package/esm/Link/BaseLink.d.ts +3 -3
- package/esm/Link/BaseLink.js +9 -3
- package/esm/Link/ButtonLink.d.ts +1 -1
- package/esm/Link/ButtonLink.js +9 -4
- package/esm/Link/IconButtonLink.d.ts +1 -1
- package/esm/Link/IconButtonLink.js +9 -4
- package/esm/Link/Link.d.ts +5 -5
- package/esm/Link/Link.js +18 -10
- package/esm/Medallion/Medallion.d.ts +2 -2
- package/esm/Medallion/Medallion.js +7 -6
- package/esm/Medallion/Medallion.tailwind.d.ts +4 -4
- package/esm/Medallion/Medallion.tailwind.js +8 -11
- package/esm/Modal/Modal.d.ts +8 -5
- package/esm/Modal/Modal.js +58 -39
- package/esm/Modal/Modal.tailwind.d.ts +4 -4
- package/esm/Modal/Modal.tailwind.js +10 -19
- package/esm/Modal/components/ModalFooter.d.ts +4 -2
- package/esm/Modal/components/ModalFooter.js +16 -9
- package/esm/Modal/components/ModalSection.d.ts +1 -1
- package/esm/Modal/components/ModalSection.js +5 -4
- package/esm/Pagination/CompactPagination/CompactPagination.d.ts +8 -0
- package/esm/Pagination/CompactPagination/CompactPagination.js +61 -37
- package/esm/Pagination/DotPagination/DotPagination.d.ts +5 -1
- package/esm/Pagination/DotPagination/DotPagination.js +33 -16
- package/esm/Pagination/Pagination/Pagination.d.ts +7 -1
- package/esm/Pagination/Pagination/Pagination.js +78 -48
- package/esm/ProgressBar/ProgressBar.d.ts +2 -2
- package/esm/ProgressBar/ProgressBar.js +16 -10
- package/esm/ProgressBar/ProgressBar.tailwind.d.ts +5 -5
- package/esm/ProgressBar/ProgressBar.tailwind.js +7 -10
- package/esm/ProgressSpinner/ProgressSpinner.d.ts +2 -2
- package/esm/ProgressSpinner/ProgressSpinner.js +18 -10
- package/esm/ProgressSpinner/ProgressSpinner.tailwind.d.ts +5 -5
- package/esm/ProgressSpinner/ProgressSpinner.tailwind.js +5 -8
- package/esm/RadioGroup/RadioButton.d.ts +3 -3
- package/esm/RadioGroup/RadioButton.js +9 -3
- package/esm/RadioGroup/RadioButton.tailwind.d.ts +4 -4
- package/esm/RadioGroup/RadioButton.tailwind.js +13 -16
- package/esm/RadioGroup/RadioGroup.d.ts +4 -3
- package/esm/RadioGroup/RadioGroup.js +36 -28
- package/esm/RangeSlider/RangeSlider.d.ts +3 -3
- package/esm/RangeSlider/RangeSlider.js +39 -31
- package/esm/RangeSlider/RangeSlider.tailwind.d.ts +4 -4
- package/esm/RangeSlider/RangeSlider.tailwind.js +21 -24
- package/esm/Satellite/Satellite.d.ts +5 -2
- package/esm/Satellite/Satellite.js +11 -6
- package/esm/Satellite/SatelliteContext.d.ts +3 -1
- package/esm/Satellite/SatelliteContext.js +4 -3
- package/esm/Satellite/SatelliteRouter.d.ts +1 -1
- package/esm/Satellite/index.d.ts +1 -0
- package/esm/Satellite/index.js +1 -0
- package/esm/Satellite/locale.d.ts +27 -0
- package/esm/Satellite/locale.js +8 -0
- package/esm/ScrollIndicator/ScrollIndicator.d.ts +6 -3
- package/esm/ScrollIndicator/ScrollIndicator.js +12 -10
- package/esm/ScrollIndicator/ScrollIndicator.tailwind.d.ts +4 -4
- package/esm/ScrollIndicator/ScrollIndicator.tailwind.js +8 -11
- package/esm/Select/Select.d.ts +3 -3
- package/esm/Select/Select.js +8 -3
- package/esm/Select/Select.tailwind.d.ts +5 -5
- package/esm/Select/Select.tailwind.js +5 -8
- package/esm/Sidebar/Sidebar.d.ts +6 -4
- package/esm/Sidebar/Sidebar.js +16 -8
- package/esm/Sidebar/Sidebar.tailwind.d.ts +4 -4
- package/esm/Sidebar/Sidebar.tailwind.js +6 -9
- package/esm/Sidebar/SidebarContext.d.ts +1 -1
- package/esm/Sidebar/components/SidebarHeader.d.ts +2 -2
- package/esm/Sidebar/components/SidebarHeader.js +11 -5
- package/esm/Sidebar/components/SidebarLink.d.ts +4 -3
- package/esm/Sidebar/components/SidebarLink.js +34 -21
- package/esm/Switch/Switch.d.ts +3 -3
- package/esm/Switch/Switch.js +16 -12
- package/esm/Switch/Switch.tailwind.d.ts +5 -5
- package/esm/Switch/Switch.tailwind.js +7 -8
- package/esm/Switch/SwitchOption.d.ts +2 -1
- package/esm/Switch/SwitchOption.js +25 -16
- package/esm/Tables/DataTable/DataTable.d.ts +15 -5
- package/esm/Tables/DataTable/DataTable.js +77 -54
- package/esm/Tables/DataTable/DataTable.tailwind.d.ts +4 -4
- package/esm/Tables/DataTable/DataTable.tailwind.js +4 -7
- package/esm/Tables/DataTable/components/Body.d.ts +7 -6
- package/esm/Tables/DataTable/components/Body.js +60 -45
- package/esm/Tables/DataTable/components/Footer.d.ts +1 -1
- package/esm/Tables/DataTable/components/Footer.js +5 -5
- package/esm/Tables/DataTable/components/Header.js +22 -18
- package/esm/Tables/DataTable/components/HeaderCell.d.ts +3 -3
- package/esm/Tables/DataTable/components/HeaderCell.js +20 -13
- package/esm/Tables/DataTable/components/Loader.d.ts +3 -1
- package/esm/Tables/DataTable/components/Loader.js +18 -14
- package/esm/Tables/DataTable/types.d.ts +3 -3
- package/esm/Tables/DataTable/utils.d.ts +1 -1
- package/esm/Tables/Table/Table.d.ts +3 -3
- package/esm/Tables/Table/Table.js +20 -11
- package/esm/Tables/Table/Table.tailwind.d.ts +4 -4
- package/esm/Tables/Table/Table.tailwind.js +4 -7
- package/esm/Tables/Table/components/Footer.d.ts +2 -2
- package/esm/Tables/Table/components/Footer.js +5 -4
- package/esm/Tabs/ContentTabs.d.ts +1 -1
- package/esm/Tabs/ContentTabs.js +38 -31
- package/esm/Tabs/LinkTabs.d.ts +1 -1
- package/esm/Tabs/LinkTabs.js +14 -14
- package/esm/Tabs/Tabs.tailwind.d.ts +4 -4
- package/esm/Tabs/Tabs.tailwind.js +6 -9
- package/esm/Tabs/components/LinkTab.d.ts +3 -3
- package/esm/Tabs/components/LinkTab.js +18 -11
- package/esm/Tabs/types.d.ts +6 -6
- package/esm/Tabs/utils.d.ts +1 -1
- package/esm/Tag/Tag.d.ts +8 -4
- package/esm/Tag/Tag.js +36 -19
- package/esm/Tag/Tag.tailwind.d.ts +4 -4
- package/esm/Tag/Tag.tailwind.js +7 -10
- package/esm/TextArea/TextArea.d.ts +3 -3
- package/esm/TextArea/TextArea.js +9 -3
- package/esm/TextArea/TextArea.tailwind.d.ts +4 -4
- package/esm/TextArea/TextArea.tailwind.js +6 -9
- package/esm/TextWrap/TextWrap.js +22 -17
- package/esm/Toggle/Toggle.d.ts +3 -3
- package/esm/Toggle/Toggle.js +25 -16
- package/esm/Toggle/Toggle.tailwind.d.ts +5 -5
- package/esm/Toggle/Toggle.tailwind.js +19 -22
- package/esm/Tooltip/OverflowTooltipWrapper.d.ts +3 -2
- package/esm/Tooltip/OverflowTooltipWrapper.js +35 -19
- package/esm/Tooltip/Tooltip.d.ts +3 -3
- package/esm/Tooltip/Tooltip.js +8 -3
- package/esm/Tooltip/Tooltip.tailwind.d.ts +4 -4
- package/esm/Tooltip/Tooltip.tailwind.js +20 -19
- package/esm/Tooltip/TooltipWrapper.d.ts +4 -3
- package/esm/Tooltip/TooltipWrapper.js +48 -33
- package/esm/Tooltip/types.d.ts +4 -2
- package/esm/Typography/Typography.tailwind.d.ts +5 -17
- package/esm/Typography/Typography.tailwind.js +126 -136
- package/esm/UserContent/UserContent.js +2 -2
- package/esm/UserContent/UserContent.tailwind.d.ts +4 -1
- package/esm/UserContent/UserContent.tailwind.js +14 -14
- package/esm/styles/base.tailwind.d.ts +4 -4
- package/esm/styles/base.tailwind.js +4 -7
- package/esm/styles/tailwind.config.d.ts +2 -198
- package/esm/styles/tailwind.config.js +29 -32
- package/esm/types.d.ts +10 -3
- package/esm/utilities/utilities.tailwind.d.ts +4 -1
- package/esm/utilities/utilities.tailwind.js +4 -6
- package/esm/utils/genericChangeHandler.d.ts +3 -3
- package/esm/utils/isCssPropertySupported.d.ts +1 -1
- package/esm/utils/isRenderedChild.d.ts +2 -2
- package/esm/utils/pluralize.js +6 -1
- package/esm/utils/useForwardedRef.d.ts +2 -2
- package/esm/utils/useForwardedRef.js +1 -1
- package/esm/utils/useLinkProps.d.ts +2 -2
- package/esm/utils/useTriggerInputChange.d.ts +2 -2
- package/package.json +11 -14
- package/satellite.min.css +2 -4
- package/scss/colors.scss +1 -0
- package/cjs/tailwind-types.d.ts +0 -52
- package/esm/tailwind-types.d.ts +0 -52
- package/satellite.css +0 -196852
@@ -1,36 +1,55 @@
|
|
1
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
1
2
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
2
3
|
|
3
4
|
var _templateObject;
|
4
5
|
|
5
|
-
|
6
|
+
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; }
|
7
|
+
|
8
|
+
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) { _defineProperty(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; }
|
9
|
+
|
6
10
|
import { ArrowLeft, ArrowRight } from "react-feather";
|
11
|
+
import Button, { ButtonGroup } from "../../Button";
|
12
|
+
import { useLocale } from "../../Satellite";
|
7
13
|
import stl from "../../styles/helpers/satellitePrefixer";
|
8
14
|
import range from "../../utils/range";
|
9
|
-
import
|
15
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
16
|
+
import { Fragment as _Fragment } from "react/jsx-runtime";
|
17
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
18
|
+
var DEFAULT_PAGINATION_LOCALE = {
|
19
|
+
goToPage: function goToPage(index) {
|
20
|
+
return "Go to page ".concat(index);
|
21
|
+
},
|
22
|
+
goToPreviousPage: "Go to previous page",
|
23
|
+
goToNextPage: "Go to next page"
|
24
|
+
};
|
10
25
|
var DEFAULT_MAX_BUTTONS = 10;
|
11
26
|
|
12
27
|
var Ellipsis = function Ellipsis() {
|
13
|
-
return /*#__PURE__*/
|
28
|
+
return /*#__PURE__*/_jsx(Button, {
|
14
29
|
className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["pointer-events-none"]))),
|
15
30
|
tabIndex: -1,
|
16
|
-
"aria-disabled": true
|
17
|
-
|
31
|
+
"aria-disabled": true,
|
32
|
+
children: "\u2026"
|
33
|
+
});
|
18
34
|
};
|
19
35
|
|
20
36
|
var Group = function Group(_ref) {
|
21
37
|
var group = _ref.group,
|
22
38
|
currentPage = _ref.currentPage,
|
23
|
-
onChange = _ref.onChange
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
39
|
+
onChange = _ref.onChange,
|
40
|
+
goToPage = _ref.goToPage;
|
41
|
+
return /*#__PURE__*/_jsx(_Fragment, {
|
42
|
+
children: group.map(function (index) {
|
43
|
+
return /*#__PURE__*/_jsx(Button, {
|
44
|
+
"aria-label": goToPage(index),
|
45
|
+
variant: index === currentPage ? "primary" : "neutral",
|
46
|
+
onClick: function onClick() {
|
47
|
+
return onChange(index);
|
48
|
+
},
|
49
|
+
children: index
|
50
|
+
}, index);
|
51
|
+
})
|
52
|
+
});
|
34
53
|
};
|
35
54
|
/**
|
36
55
|
* Use pagination to help our users to move through an ordered collection of items.
|
@@ -46,7 +65,12 @@ export var Pagination = function Pagination(_ref2) {
|
|
46
65
|
nbPages = _ref2.nbPages,
|
47
66
|
onChange = _ref2.onChange,
|
48
67
|
_ref2$maxButtons = _ref2.maxButtons,
|
49
|
-
maxButtonsParam = _ref2$maxButtons === void 0 ? DEFAULT_MAX_BUTTONS : _ref2$maxButtons
|
68
|
+
maxButtonsParam = _ref2$maxButtons === void 0 ? DEFAULT_MAX_BUTTONS : _ref2$maxButtons,
|
69
|
+
propsLocale = _ref2.locale;
|
70
|
+
var contextLocale = useLocale("pagination");
|
71
|
+
|
72
|
+
var locale = _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_PAGINATION_LOCALE), contextLocale), propsLocale);
|
73
|
+
|
50
74
|
var padding = Math.floor((Math.min(nbPages, maxButtonsParam) - 1) / 2);
|
51
75
|
var maxButtons = 2 * padding + 1;
|
52
76
|
var currentPageGroupStart = Math.max(1, Math.min(currentPage - padding, nbPages - maxButtons));
|
@@ -61,36 +85,42 @@ export var Pagination = function Pagination(_ref2) {
|
|
61
85
|
groups[2].push(nbPages);
|
62
86
|
}
|
63
87
|
|
64
|
-
return /*#__PURE__*/
|
65
|
-
as: "nav"
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
88
|
+
return /*#__PURE__*/_jsxs(ButtonGroup, {
|
89
|
+
as: "nav",
|
90
|
+
children: [/*#__PURE__*/_jsx(Button, {
|
91
|
+
"aria-label": locale.goToPreviousPage,
|
92
|
+
disabled: currentPage === 1,
|
93
|
+
onClick: function onClick() {
|
94
|
+
return onChange(currentPage - 1);
|
95
|
+
},
|
96
|
+
children: /*#__PURE__*/_jsx(ArrowLeft, {
|
97
|
+
size: "1em"
|
98
|
+
})
|
99
|
+
}), /*#__PURE__*/_jsx(Group, {
|
100
|
+
currentPage: currentPage,
|
101
|
+
onChange: onChange,
|
102
|
+
group: groups[0],
|
103
|
+
goToPage: locale.goToPage
|
104
|
+
}), groups[0].length !== 0 && groups[1][0] - groups[0][0] > 1 && /*#__PURE__*/_jsx(Ellipsis, {}), /*#__PURE__*/_jsx(Group, {
|
105
|
+
currentPage: currentPage,
|
106
|
+
onChange: onChange,
|
107
|
+
group: groups[1],
|
108
|
+
goToPage: locale.goToPage
|
109
|
+
}), groups[2].length !== 0 && groups[2][0] - groups[1][groups[1].length - 1] > 1 && /*#__PURE__*/_jsx(Ellipsis, {}), /*#__PURE__*/_jsx(Group, {
|
110
|
+
currentPage: currentPage,
|
111
|
+
onChange: onChange,
|
112
|
+
group: groups[2],
|
113
|
+
goToPage: locale.goToPage
|
114
|
+
}), /*#__PURE__*/_jsx(Button, {
|
115
|
+
"aria-label": locale.goToNextPage,
|
116
|
+
disabled: currentPage === nbPages,
|
117
|
+
onClick: function onClick() {
|
118
|
+
return onChange(currentPage + 1);
|
119
|
+
},
|
120
|
+
children: /*#__PURE__*/_jsx(ArrowRight, {
|
121
|
+
size: "1em"
|
122
|
+
})
|
123
|
+
})]
|
124
|
+
});
|
95
125
|
};
|
96
126
|
export default Pagination;
|
@@ -1,5 +1,5 @@
|
|
1
|
-
import
|
2
|
-
export interface ProgressBarProps extends
|
1
|
+
import type { HTMLAttributes } from "react";
|
2
|
+
export interface ProgressBarProps extends HTMLAttributes<HTMLDivElement> {
|
3
3
|
barClassName?: string;
|
4
4
|
value: number;
|
5
5
|
}
|
@@ -1,13 +1,18 @@
|
|
1
|
-
import
|
1
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
2
2
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
4
4
|
|
5
5
|
var _templateObject, _templateObject2;
|
6
6
|
|
7
7
|
var _excluded = ["value", "className", "barClassName"];
|
8
|
-
|
8
|
+
|
9
|
+
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; }
|
10
|
+
|
11
|
+
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) { _defineProperty(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; }
|
12
|
+
|
9
13
|
import cx from "classnames";
|
10
14
|
import stl from "../styles/helpers/satellitePrefixer";
|
15
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
11
16
|
|
12
17
|
/**
|
13
18
|
* Progress bars visually represent the completion of a task or operation.
|
@@ -21,18 +26,19 @@ export var ProgressBar = function ProgressBar(_ref) {
|
|
21
26
|
barClassName = _ref.barClassName,
|
22
27
|
props = _objectWithoutProperties(_ref, _excluded);
|
23
28
|
|
24
|
-
return /*#__PURE__*/
|
29
|
+
return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({}, props), {}, {
|
25
30
|
className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["progress-bar"]))), className),
|
26
31
|
role: "progressbar",
|
27
32
|
"aria-valuenow": value,
|
28
33
|
"aria-valuemin": 0,
|
29
|
-
"aria-valuemax": 100
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
34
|
+
"aria-valuemax": 100,
|
35
|
+
children: /*#__PURE__*/_jsx("div", {
|
36
|
+
className: cx(stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["progress-bar-progress"]))), barClassName),
|
37
|
+
style: {
|
38
|
+
width: "".concat(value, "%"),
|
39
|
+
transition: "all 150ms ease-in-out"
|
40
|
+
}
|
41
|
+
})
|
36
42
|
}));
|
37
43
|
};
|
38
44
|
export default ProgressBar;
|
@@ -1,5 +1,5 @@
|
|
1
|
-
export =
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
1
|
+
export = progressBarPlugin;
|
2
|
+
declare const progressBarPlugin: {
|
3
|
+
handler: import("tailwindcss/types/config").PluginCreator;
|
4
|
+
config?: import("tailwindcss").Config | undefined;
|
5
|
+
};
|
@@ -1,28 +1,25 @@
|
|
1
1
|
import _rgba from "../styles/rgba";
|
2
|
+
import _plugin from "tailwindcss/plugin";
|
2
3
|
// @ts-check
|
4
|
+
var plugin = _plugin;
|
3
5
|
var rgba = _rgba;
|
4
|
-
|
5
|
-
* @type {import('../tailwind-types').TailwindPlugin}
|
6
|
-
*/
|
7
|
-
|
8
|
-
var buttonPlugin = function buttonPlugin(_ref) {
|
6
|
+
var progressBarPlugin = plugin(function (_ref) {
|
9
7
|
var addComponents = _ref.addComponents,
|
10
8
|
theme = _ref.theme;
|
11
9
|
addComponents({
|
12
10
|
".progress-bar": {
|
13
|
-
height:
|
11
|
+
height: "4px",
|
14
12
|
width: "100%",
|
15
13
|
display: "block",
|
16
14
|
overflow: "hidden",
|
17
15
|
background: theme("colors.grey.100"),
|
18
16
|
boxShadow: "\n inset 0px 1px 3px 0px ".concat(rgba(theme("colors.black"), 0.1), ",\n 0px 0.5px 0px 0px ").concat(rgba(theme("colors.white"), 0.05), "\n "),
|
19
|
-
borderRadius:
|
17
|
+
borderRadius: "4px"
|
20
18
|
},
|
21
19
|
".progress-bar-progress": {
|
22
20
|
height: "100%",
|
23
21
|
background: theme("colors.accent.600")
|
24
22
|
}
|
25
23
|
});
|
26
|
-
};
|
27
|
-
|
28
|
-
export default buttonPlugin;
|
24
|
+
});
|
25
|
+
export default progressBarPlugin;
|
@@ -1,6 +1,6 @@
|
|
1
|
-
import
|
1
|
+
import type { SVGAttributes } from "react";
|
2
2
|
export declare type ProgressSpinnerAlign = "left" | "center" | "right";
|
3
|
-
export interface ProgressSpinnerProps extends
|
3
|
+
export interface ProgressSpinnerProps extends SVGAttributes<SVGSVGElement> {
|
4
4
|
size?: number;
|
5
5
|
thickness?: number;
|
6
6
|
align?: ProgressSpinnerAlign;
|
@@ -1,13 +1,18 @@
|
|
1
|
-
import
|
1
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
3
3
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
4
4
|
var _excluded = ["className", "size", "thickness", "align"];
|
5
5
|
|
6
6
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
7
7
|
|
8
|
-
|
8
|
+
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; }
|
9
|
+
|
10
|
+
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) { _defineProperty(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; }
|
11
|
+
|
9
12
|
import cx from "classnames";
|
10
13
|
import stl from "../styles/helpers/satellitePrefixer";
|
14
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
15
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
11
16
|
var ALIGN_CLASSNAMES = {
|
12
17
|
left: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["mr-auto"]))),
|
13
18
|
center: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["m-auto"]))),
|
@@ -23,20 +28,23 @@ export var ProgressSpinner = function ProgressSpinner(_ref) {
|
|
23
28
|
align = _ref.align,
|
24
29
|
svgProps = _objectWithoutProperties(_ref, _excluded);
|
25
30
|
|
26
|
-
return /*#__PURE__*/
|
31
|
+
return /*#__PURE__*/_jsxs("svg", _objectSpread(_objectSpread({}, svgProps), {}, {
|
27
32
|
className: cx(stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["progress-spinner"]))), align && ALIGN_CLASSNAMES[align], className),
|
28
33
|
viewBox: "".concat(size / 2, " ").concat(size / 2, " ").concat(size, " ").concat(size),
|
29
34
|
width: size,
|
30
35
|
height: size,
|
31
36
|
role: "status",
|
32
37
|
"aria-busy": true,
|
33
|
-
"aria-live": "polite"
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
38
|
+
"aria-live": "polite",
|
39
|
+
children: [/*#__PURE__*/_jsx("title", {
|
40
|
+
children: "Loading spinner"
|
41
|
+
}), /*#__PURE__*/_jsx("circle", {
|
42
|
+
cx: size,
|
43
|
+
cy: size,
|
44
|
+
r: (size - thickness) / 2,
|
45
|
+
fill: "none",
|
46
|
+
strokeWidth: thickness
|
47
|
+
})]
|
40
48
|
}));
|
41
49
|
};
|
42
50
|
export default ProgressSpinner;
|
@@ -1,5 +1,5 @@
|
|
1
|
-
export =
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
1
|
+
export = progressSpinnerPlugin;
|
2
|
+
declare const progressSpinnerPlugin: {
|
3
|
+
handler: import("tailwindcss/types/config").PluginCreator;
|
4
|
+
config?: import("tailwindcss").Config | undefined;
|
5
|
+
};
|
@@ -1,9 +1,7 @@
|
|
1
|
+
import _plugin from "tailwindcss/plugin";
|
1
2
|
// @ts-check
|
2
|
-
|
3
|
-
|
4
|
-
* @type {import('../tailwind-types').TailwindPlugin}
|
5
|
-
*/
|
6
|
-
var ProgressSpinner = function ProgressSpinner(_ref) {
|
3
|
+
var plugin = _plugin;
|
4
|
+
var progressSpinnerPlugin = plugin(function (_ref) {
|
7
5
|
var addComponents = _ref.addComponents,
|
8
6
|
theme = _ref.theme;
|
9
7
|
|
@@ -33,6 +31,5 @@ var ProgressSpinner = function ProgressSpinner(_ref) {
|
|
33
31
|
}
|
34
32
|
}
|
35
33
|
});
|
36
|
-
};
|
37
|
-
|
38
|
-
export default ProgressSpinner;
|
34
|
+
});
|
35
|
+
export default progressSpinnerPlugin;
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import
|
2
|
-
export declare type RadioButtonProps =
|
3
|
-
export declare const RadioButton:
|
1
|
+
import type { HTMLAttributes, InputHTMLAttributes } from "react";
|
2
|
+
export declare type RadioButtonProps = HTMLAttributes<HTMLInputElement> & Pick<InputHTMLAttributes<HTMLInputElement>, "value" | "name" | "checked" | "defaultChecked" | "onChange" | "required" | "autoFocus" | "disabled">;
|
3
|
+
export declare const RadioButton: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLInputElement> & Pick<InputHTMLAttributes<HTMLInputElement>, "required" | "name" | "value" | "disabled" | "autoFocus" | "checked" | "defaultChecked" | "onChange"> & import("react").RefAttributes<HTMLInputElement>>;
|
4
4
|
export default RadioButton;
|
@@ -1,18 +1,24 @@
|
|
1
|
-
import
|
1
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
2
2
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
4
4
|
|
5
5
|
var _templateObject;
|
6
6
|
|
7
7
|
var _excluded = ["className"];
|
8
|
-
|
8
|
+
|
9
|
+
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; }
|
10
|
+
|
11
|
+
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) { _defineProperty(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; }
|
12
|
+
|
9
13
|
import cx from "classnames";
|
14
|
+
import { forwardRef } from "react";
|
10
15
|
import stl from "../styles/helpers/satellitePrefixer";
|
16
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
11
17
|
export var RadioButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
12
18
|
var className = _ref.className,
|
13
19
|
props = _objectWithoutProperties(_ref, _excluded);
|
14
20
|
|
15
|
-
return /*#__PURE__*/
|
21
|
+
return /*#__PURE__*/_jsx("input", _objectSpread(_objectSpread({}, props), {}, {
|
16
22
|
className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["radio-button"]))), className),
|
17
23
|
type: "radio",
|
18
24
|
ref: ref
|
@@ -1,5 +1,5 @@
|
|
1
1
|
export = radioButtonPlugin;
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
2
|
+
declare const radioButtonPlugin: {
|
3
|
+
handler: import("tailwindcss/types/config").PluginCreator;
|
4
|
+
config?: import("tailwindcss").Config | undefined;
|
5
|
+
};
|
@@ -1,22 +1,20 @@
|
|
1
|
-
import _disabledColor from "../styles/disabledColor";
|
2
1
|
import _rgba from "../styles/rgba";
|
2
|
+
import _disabledColor from "../styles/disabledColor";
|
3
|
+
import _plugin from "tailwindcss/plugin";
|
3
4
|
// @ts-check
|
4
|
-
var
|
5
|
+
var plugin = _plugin;
|
5
6
|
var disabledColor = _disabledColor;
|
6
|
-
|
7
|
-
|
8
|
-
*/
|
9
|
-
|
10
|
-
var radioButtonPlugin = function radioButtonPlugin(_ref) {
|
7
|
+
var rgba = _rgba;
|
8
|
+
var radioButtonPlugin = plugin(function (_ref) {
|
11
9
|
var addComponents = _ref.addComponents,
|
12
10
|
theme = _ref.theme;
|
13
11
|
addComponents({
|
14
12
|
".radio-button": {
|
15
13
|
position: "relative",
|
16
|
-
width:
|
17
|
-
height:
|
14
|
+
width: "16px",
|
15
|
+
height: "16px",
|
18
16
|
appearance: "none",
|
19
|
-
outline:
|
17
|
+
outline: "0px",
|
20
18
|
background: theme("colors.white"),
|
21
19
|
border: "1px solid ".concat(theme("colors.grey.200")),
|
22
20
|
borderRadius: "50%",
|
@@ -30,10 +28,10 @@ var radioButtonPlugin = function radioButtonPlugin(_ref) {
|
|
30
28
|
boxShadow: "0 1px 0 0 ".concat(theme("colors.shadow.5")),
|
31
29
|
"&::after": {
|
32
30
|
position: "absolute",
|
33
|
-
right:
|
34
|
-
left:
|
35
|
-
top:
|
36
|
-
bottom:
|
31
|
+
right: "4px",
|
32
|
+
left: "4px",
|
33
|
+
top: "4px",
|
34
|
+
bottom: "4px",
|
37
35
|
content: '" "',
|
38
36
|
background: theme("colors.accent.600"),
|
39
37
|
borderRadius: "50%"
|
@@ -54,6 +52,5 @@ var radioButtonPlugin = function radioButtonPlugin(_ref) {
|
|
54
52
|
}
|
55
53
|
}
|
56
54
|
});
|
57
|
-
};
|
58
|
-
|
55
|
+
});
|
59
56
|
export default radioButtonPlugin;
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import
|
1
|
+
import type { FunctionComponent, ReactNode } from "react";
|
2
2
|
export interface RadioGroupProps {
|
3
3
|
className?: string;
|
4
4
|
name?: string;
|
@@ -10,11 +10,12 @@ export interface RadioGroupProps {
|
|
10
10
|
*/
|
11
11
|
textPosition?: "left" | "right";
|
12
12
|
onChange: (newValue: string) => void;
|
13
|
-
children?:
|
13
|
+
children?: ReactNode;
|
14
14
|
}
|
15
15
|
export interface RadioGroupItemProps {
|
16
16
|
value: string;
|
17
17
|
disabled?: boolean;
|
18
|
+
children?: ReactNode;
|
18
19
|
}
|
19
20
|
export declare const RadioGroupItem: FunctionComponent<RadioGroupItemProps>;
|
20
21
|
/**
|
@@ -34,6 +35,6 @@ export declare const RadioGroupItem: FunctionComponent<RadioGroupItemProps>;
|
|
34
35
|
*/
|
35
36
|
export declare const RadioGroup: {
|
36
37
|
({ className, name, value, disabled, textPosition, children, onChange }: RadioGroupProps): JSX.Element;
|
37
|
-
Item:
|
38
|
+
Item: FunctionComponent<RadioGroupItemProps>;
|
38
39
|
};
|
39
40
|
export default RadioGroup;
|
@@ -3,12 +3,14 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
|
|
3
3
|
|
4
4
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
|
5
5
|
|
6
|
-
import
|
6
|
+
import { useState } from "react";
|
7
|
+
import Card from "../Card";
|
7
8
|
import stl from "../styles/helpers/satellitePrefixer";
|
8
9
|
import uniqueId from "../utils/uniqueId";
|
9
|
-
import Card from "../Card";
|
10
10
|
import RadioButton from "./RadioButton";
|
11
|
-
import {
|
11
|
+
import { RadioGroupContext, useRadioGroupContext } from "./RadiogroupContext";
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
13
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
12
14
|
export var RadioGroupItem = function RadioGroupItem(_ref) {
|
13
15
|
var value = _ref.value,
|
14
16
|
disabled = _ref.disabled,
|
@@ -24,22 +26,24 @@ export var RadioGroupItem = function RadioGroupItem(_ref) {
|
|
24
26
|
|
25
27
|
var checked = value === contextValue;
|
26
28
|
disabled = contextDisabled || disabled;
|
27
|
-
return /*#__PURE__*/
|
28
|
-
className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n flex items-center justify-between\n min-h-10 px-4 py-2\n ", "\n ", "\n ", ""])), disabled ? "text-grey-300" : "hover:bg-grey-100", disabled ? "cursor-not-allowed" : "cursor-pointer", textPosition === "right" && "flex-row-reverse")
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
29
|
+
return /*#__PURE__*/_jsxs("label", {
|
30
|
+
className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n flex items-center justify-between\n min-h-10 px-4 py-2\n ", "\n ", "\n ", ""])), disabled ? "text-grey-300" : "hover:bg-grey-100", disabled ? "cursor-not-allowed" : "cursor-pointer", textPosition === "right" && "flex-row-reverse"),
|
31
|
+
children: [/*#__PURE__*/_jsx("span", {
|
32
|
+
className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["flex-1 truncate ", ""])), textPosition === "right" ? "ml-2" : "mr-2"),
|
33
|
+
children: children
|
34
|
+
}), /*#__PURE__*/_jsx(RadioButton, {
|
35
|
+
className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["shrink-0 self-start mt-1"]))),
|
36
|
+
value: value,
|
37
|
+
checked: checked,
|
38
|
+
name: name,
|
39
|
+
onChange: function onChange() {
|
40
|
+
if (!disabled && !checked) {
|
41
|
+
_onChange(value);
|
42
|
+
}
|
43
|
+
},
|
44
|
+
disabled: disabled
|
45
|
+
})]
|
46
|
+
});
|
43
47
|
};
|
44
48
|
/**
|
45
49
|
* Use radio buttons when users have to make a single selection from a list of options.
|
@@ -80,16 +84,20 @@ export var RadioGroup = function RadioGroup(_ref2) {
|
|
80
84
|
onChange: onChange,
|
81
85
|
textPosition: textPosition
|
82
86
|
};
|
83
|
-
return /*#__PURE__*/
|
87
|
+
return /*#__PURE__*/_jsx(Card, {
|
84
88
|
fullBleed: true,
|
85
|
-
className: className
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
89
|
+
className: className,
|
90
|
+
children: /*#__PURE__*/_jsx(RadioGroupContext.Provider, {
|
91
|
+
value: contextValue,
|
92
|
+
children: /*#__PURE__*/_jsx("fieldset", {
|
93
|
+
className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["min-w-0"]))),
|
94
|
+
children: /*#__PURE__*/_jsx("div", {
|
95
|
+
className: stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["flex flex-col py-1"]))),
|
96
|
+
children: children
|
97
|
+
})
|
98
|
+
})
|
99
|
+
})
|
100
|
+
});
|
93
101
|
};
|
94
102
|
RadioGroup.Item = RadioGroupItem;
|
95
103
|
export default RadioGroup;
|