@algolia/satellite 1.0.0-beta.130 → 1.0.0-beta.133
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.d.ts +3 -2
- package/cjs/AnnouncementBadge/AnnouncementBadge.js +13 -7
- package/cjs/AutoComplete/AutoComplete.d.ts +28 -17
- package/cjs/AutoComplete/AutoComplete.js +204 -124
- 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 +4 -4
- package/cjs/Avatars/ApplicationAvatar.js +6 -5
- 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 +4 -4
- package/cjs/Banner/Banner.js +30 -25
- package/cjs/Banners/Alert/Alert.d.ts +4 -4
- package/cjs/Banners/Alert/Alert.js +29 -23
- package/cjs/Banners/BigBertha/BigBertha.d.ts +2 -2
- package/cjs/Banners/BigBertha/BigBertha.js +11 -9
- package/cjs/Banners/Promote/Promote.d.ts +5 -5
- package/cjs/Banners/Promote/Promote.js +38 -30
- package/cjs/Button/Button.js +23 -17
- package/cjs/Button/ButtonGroup.d.ts +1 -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/components/CardHeader.js +8 -4
- package/cjs/Card/components/CardTitle.d.ts +1 -1
- 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/ClickAwayContainer/ClickAwayContainer.d.ts +2 -2
- package/cjs/ClickAwayContainer/ClickAwayContainer.js +6 -9
- package/cjs/DatePicker/DatePicker/DatePicker.d.ts +13 -19
- package/cjs/DatePicker/DatePicker/DatePicker.js +84 -63
- package/cjs/DatePicker/DatePicker/datePickerReducer.d.ts +2 -2
- package/cjs/DatePicker/DatePicker/datePickerReducer.js +2 -2
- package/cjs/DatePicker/DateRangePicker/DateRangePicker.d.ts +11 -17
- package/cjs/DatePicker/DateRangePicker/DateRangePicker.js +89 -69
- package/cjs/DatePicker/DateRangePicker/DateRangePickerDisplay.d.ts +3 -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 +5 -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 +3 -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 +6 -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/DatePicker/types.js +5 -0
- package/cjs/Dropdown/Dropdown.d.ts +8 -8
- package/cjs/Dropdown/Dropdown.js +49 -40
- package/cjs/Dropdown/DropdownButton.d.ts +3 -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 +1 -1
- 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 +2 -2
- package/cjs/Dropzone/Dropzone.js +58 -53
- package/cjs/EmptyState/EmptyState.d.ts +1 -1
- package/cjs/EmptyState/EmptyState.js +29 -22
- package/cjs/EmptyState/types.d.ts +7 -7
- package/cjs/Field/Field.d.ts +3 -3
- package/cjs/Field/Field.js +33 -26
- package/cjs/Flag/Flag.d.ts +2 -2
- package/cjs/Flag/Flag.js +45 -40
- package/cjs/Flag/Flags.d.ts +3 -3
- package/cjs/Flag/Flags.js +32 -22
- package/cjs/Flag/types.d.ts +4 -4
- package/cjs/FlexGrid/FlexGrid.d.ts +1 -1
- package/cjs/FlexGrid/FlexGrid.js +15 -9
- package/cjs/FlexGrid/FlexGrid.tailwind.js +2 -2
- package/cjs/HelpUnderline/HelpUnderline.d.ts +2 -1
- package/cjs/HelpUnderline/HelpUnderline.js +9 -7
- package/cjs/Input/Input.d.ts +5 -5
- package/cjs/Input/Input.js +119 -114
- package/cjs/Input/Input.tailwind.js +0 -3
- package/cjs/Insert/Insert.d.ts +2 -2
- package/cjs/Insert/Insert.js +29 -23
- package/cjs/KeyboardKey/KeyboardKey.d.ts +7 -0
- package/cjs/KeyboardKey/KeyboardKey.js +47 -0
- package/cjs/KeyboardKey/KeyboardKey.tailwind.d.ts +5 -0
- package/cjs/KeyboardKey/KeyboardKey.tailwind.js +33 -0
- package/cjs/KeyboardKey/index.d.ts +2 -0
- package/cjs/KeyboardKey/index.js +26 -0
- 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/Modal/Modal.d.ts +7 -5
- package/cjs/Modal/Modal.js +64 -40
- package/cjs/Modal/components/ModalFooter.d.ts +2 -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 +12 -0
- package/cjs/Pagination/CompactPagination/CompactPagination.js +40 -38
- package/cjs/Pagination/DotPagination/DotPagination.d.ts +4 -1
- package/cjs/Pagination/DotPagination/DotPagination.js +21 -17
- package/cjs/Pagination/Pagination/Pagination.d.ts +7 -1
- package/cjs/Pagination/Pagination/Pagination.js +62 -49
- package/cjs/ProgressBar/ProgressBar.d.ts +2 -2
- package/cjs/ProgressBar/ProgressBar.js +16 -11
- package/cjs/ProgressSpinner/ProgressSpinner.d.ts +2 -2
- package/cjs/ProgressSpinner/ProgressSpinner.js +21 -11
- package/cjs/RadioGroup/RadioButton.d.ts +3 -3
- package/cjs/RadioGroup/RadioButton.js +8 -8
- package/cjs/RadioGroup/RadioGroup.d.ts +3 -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/Satellite/Satellite.d.ts +2 -2
- package/cjs/Satellite/Satellite.js +6 -5
- package/cjs/Satellite/SatelliteContext.js +2 -2
- package/cjs/Satellite/SatelliteRouter.d.ts +1 -1
- package/cjs/ScrollIndicator/ScrollIndicator.d.ts +5 -3
- package/cjs/ScrollIndicator/ScrollIndicator.js +13 -16
- package/cjs/Select/Select.d.ts +3 -3
- package/cjs/Select/Select.js +8 -8
- package/cjs/Sidebar/Sidebar.d.ts +6 -4
- package/cjs/Sidebar/Sidebar.js +18 -10
- 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 +3 -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/SwitchOption.d.ts +1 -1
- package/cjs/Switch/SwitchOption.js +24 -16
- package/cjs/Tables/DataTable/DataTable.d.ts +15 -5
- package/cjs/Tables/DataTable/DataTable.js +62 -60
- package/cjs/Tables/DataTable/components/Body.d.ts +6 -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/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/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 +7 -4
- package/cjs/Tag/Tag.js +24 -20
- package/cjs/TextArea/TextArea.d.ts +3 -3
- package/cjs/TextArea/TextArea.js +8 -8
- package/cjs/TextWrap/TextWrap.js +20 -20
- package/cjs/Toggle/Toggle.d.ts +3 -3
- package/cjs/Toggle/Toggle.js +23 -21
- 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/TooltipWrapper.d.ts +3 -3
- package/cjs/Tooltip/TooltipWrapper.js +47 -39
- package/cjs/Tooltip/types.d.ts +2 -2
- package/cjs/Typography/Typography.tailwind.js +2 -2
- package/cjs/UserContent/UserContent.js +3 -3
- package/cjs/UserContent/UserContent.tailwind.js +2 -4
- package/cjs/index.d.ts +1 -0
- package/cjs/index.js +14 -0
- package/cjs/styles/tailwind.config.js +3 -3
- package/cjs/tailwind-types.d.ts +1 -1
- package/cjs/types.d.ts +3 -3
- package/cjs/utilities/utilities.tailwind.d.ts +2 -0
- package/cjs/utilities/utilities.tailwind.js +32 -0
- 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 +3 -2
- package/esm/AnnouncementBadge/AnnouncementBadge.js +12 -6
- package/esm/AutoComplete/AutoComplete.d.ts +28 -17
- package/esm/AutoComplete/AutoComplete.js +208 -116
- 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 +4 -4
- package/esm/Avatars/ApplicationAvatar.js +5 -4
- 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 +4 -4
- package/esm/Banner/Banner.js +31 -25
- package/esm/Banners/Alert/Alert.d.ts +4 -4
- package/esm/Banners/Alert/Alert.js +30 -23
- package/esm/Banners/BigBertha/BigBertha.d.ts +2 -2
- package/esm/Banners/BigBertha/BigBertha.js +11 -8
- package/esm/Banners/Promote/Promote.d.ts +5 -5
- package/esm/Banners/Promote/Promote.js +37 -28
- package/esm/Button/Button.js +23 -16
- package/esm/Button/ButtonGroup.d.ts +1 -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/components/CardHeader.js +8 -3
- package/esm/Card/components/CardTitle.d.ts +1 -1
- 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/ClickAwayContainer/ClickAwayContainer.d.ts +2 -2
- package/esm/ClickAwayContainer/ClickAwayContainer.js +6 -4
- package/esm/DatePicker/DatePicker/DatePicker.d.ts +13 -19
- package/esm/DatePicker/DatePicker/DatePicker.js +87 -59
- package/esm/DatePicker/DatePicker/datePickerReducer.d.ts +2 -2
- package/esm/DatePicker/DatePicker/datePickerReducer.js +2 -2
- package/esm/DatePicker/DateRangePicker/DateRangePicker.d.ts +11 -17
- package/esm/DatePicker/DateRangePicker/DateRangePicker.js +95 -67
- package/esm/DatePicker/DateRangePicker/DateRangePickerDisplay.d.ts +3 -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 +5 -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 +3 -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 +6 -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/DatePicker/types.js +1 -0
- package/esm/Dropdown/Dropdown.d.ts +8 -8
- package/esm/Dropdown/Dropdown.js +45 -30
- package/esm/Dropdown/DropdownButton.d.ts +3 -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 +1 -1
- 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 +2 -2
- package/esm/Dropzone/Dropzone.js +58 -47
- package/esm/EmptyState/EmptyState.d.ts +1 -1
- package/esm/EmptyState/EmptyState.js +29 -21
- package/esm/EmptyState/types.d.ts +7 -7
- package/esm/Field/Field.d.ts +3 -3
- package/esm/Field/Field.js +33 -25
- package/esm/Flag/Flag.d.ts +2 -2
- package/esm/Flag/Flag.js +44 -33
- package/esm/Flag/Flags.d.ts +3 -3
- package/esm/Flag/Flags.js +30 -21
- package/esm/Flag/types.d.ts +4 -4
- package/esm/FlexGrid/FlexGrid.d.ts +1 -1
- package/esm/FlexGrid/FlexGrid.js +13 -8
- package/esm/FlexGrid/FlexGrid.tailwind.js +2 -2
- package/esm/HelpUnderline/HelpUnderline.d.ts +2 -1
- package/esm/HelpUnderline/HelpUnderline.js +8 -6
- package/esm/Input/Input.d.ts +5 -5
- package/esm/Input/Input.js +119 -108
- package/esm/Input/Input.tailwind.js +0 -3
- package/esm/Insert/Insert.d.ts +2 -2
- package/esm/Insert/Insert.js +28 -21
- package/esm/KeyboardKey/KeyboardKey.d.ts +7 -0
- package/esm/KeyboardKey/KeyboardKey.js +30 -0
- package/esm/KeyboardKey/KeyboardKey.tailwind.d.ts +5 -0
- package/esm/KeyboardKey/KeyboardKey.tailwind.js +31 -0
- package/esm/KeyboardKey/index.d.ts +2 -0
- package/esm/KeyboardKey/index.js +2 -0
- 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/Modal/Modal.d.ts +7 -5
- package/esm/Modal/Modal.js +65 -35
- package/esm/Modal/components/ModalFooter.d.ts +2 -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 +12 -0
- package/esm/Pagination/CompactPagination/CompactPagination.js +41 -38
- package/esm/Pagination/DotPagination/DotPagination.d.ts +4 -1
- package/esm/Pagination/DotPagination/DotPagination.js +20 -16
- package/esm/Pagination/Pagination/Pagination.d.ts +7 -1
- package/esm/Pagination/Pagination/Pagination.js +63 -48
- package/esm/ProgressBar/ProgressBar.d.ts +2 -2
- package/esm/ProgressBar/ProgressBar.js +16 -10
- package/esm/ProgressSpinner/ProgressSpinner.d.ts +2 -2
- package/esm/ProgressSpinner/ProgressSpinner.js +21 -10
- package/esm/RadioGroup/RadioButton.d.ts +3 -3
- package/esm/RadioGroup/RadioButton.js +9 -3
- package/esm/RadioGroup/RadioGroup.d.ts +3 -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/Satellite/Satellite.d.ts +2 -2
- package/esm/Satellite/Satellite.js +5 -4
- package/esm/Satellite/SatelliteContext.js +2 -2
- package/esm/Satellite/SatelliteRouter.d.ts +1 -1
- package/esm/ScrollIndicator/ScrollIndicator.d.ts +5 -3
- package/esm/ScrollIndicator/ScrollIndicator.js +12 -10
- package/esm/Select/Select.d.ts +3 -3
- package/esm/Select/Select.js +8 -3
- package/esm/Sidebar/Sidebar.d.ts +6 -4
- package/esm/Sidebar/Sidebar.js +16 -8
- 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 +3 -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/SwitchOption.d.ts +1 -1
- package/esm/Switch/SwitchOption.js +24 -15
- package/esm/Tables/DataTable/DataTable.d.ts +15 -5
- package/esm/Tables/DataTable/DataTable.js +61 -53
- package/esm/Tables/DataTable/components/Body.d.ts +6 -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/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/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 +7 -4
- package/esm/Tag/Tag.js +25 -15
- package/esm/TextArea/TextArea.d.ts +3 -3
- package/esm/TextArea/TextArea.js +9 -3
- package/esm/TextWrap/TextWrap.js +22 -17
- package/esm/Toggle/Toggle.d.ts +3 -3
- package/esm/Toggle/Toggle.js +25 -16
- 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/TooltipWrapper.d.ts +3 -3
- package/esm/Tooltip/TooltipWrapper.js +48 -33
- package/esm/Tooltip/types.d.ts +2 -2
- package/esm/Typography/Typography.tailwind.js +2 -2
- package/esm/UserContent/UserContent.js +2 -2
- package/esm/UserContent/UserContent.tailwind.js +2 -4
- package/esm/index.d.ts +1 -0
- package/esm/index.js +1 -0
- package/esm/styles/tailwind.config.js +3 -3
- package/esm/tailwind-types.d.ts +1 -1
- package/esm/types.d.ts +3 -3
- package/esm/utilities/utilities.tailwind.d.ts +2 -0
- package/esm/utilities/utilities.tailwind.js +27 -0
- 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 +4 -4
- package/satellite.css +37 -4
- package/satellite.min.css +1 -1
@@ -1,10 +1,15 @@
|
|
1
|
-
import
|
2
|
-
|
3
|
-
|
1
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
2
|
+
|
3
|
+
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; }
|
4
|
+
|
5
|
+
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; }
|
6
|
+
|
4
7
|
import IconButton from "../Button/IconButton";
|
8
|
+
import useLinkProps from "../utils/useLinkProps";
|
9
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
5
10
|
export var IconButtonLink = function IconButtonLink(props) {
|
6
11
|
var linkProps = useLinkProps(props);
|
7
|
-
return /*#__PURE__*/
|
12
|
+
return /*#__PURE__*/_jsx(IconButton, _objectSpread(_objectSpread(_objectSpread({}, props), linkProps), {}, {
|
8
13
|
as: "a"
|
9
14
|
}));
|
10
15
|
};
|
package/esm/Link/Link.d.ts
CHANGED
@@ -1,11 +1,11 @@
|
|
1
|
-
import
|
2
|
-
import { IconComponentType } from "../types";
|
1
|
+
import type { AnchorHTMLAttributes } from "react";
|
2
|
+
import type { IconComponentType } from "../types";
|
3
3
|
export declare type LinkProps = {
|
4
4
|
startIcon?: IconComponentType;
|
5
5
|
endIcon?: IconComponentType;
|
6
|
-
} &
|
7
|
-
export declare const Link:
|
6
|
+
} & AnchorHTMLAttributes<HTMLAnchorElement>;
|
7
|
+
export declare const Link: import("react").ForwardRefExoticComponent<{
|
8
8
|
startIcon?: IconComponentType | undefined;
|
9
9
|
endIcon?: IconComponentType | undefined;
|
10
|
-
} &
|
10
|
+
} & AnchorHTMLAttributes<HTMLAnchorElement> & import("react").RefAttributes<HTMLAnchorElement>>;
|
11
11
|
export default Link;
|
package/esm/Link/Link.js
CHANGED
@@ -1,15 +1,22 @@
|
|
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, _templateObject3;
|
6
6
|
|
7
7
|
var _excluded = ["className", "children", "startIcon", "endIcon"];
|
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 { ExternalLink } from "react-feather";
|
11
16
|
import stl from "../styles/helpers/satellitePrefixer";
|
12
17
|
import useLinkProps from "../utils/useLinkProps";
|
18
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
19
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
13
20
|
export var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
14
21
|
var className = _ref.className,
|
15
22
|
children = _ref.children,
|
@@ -24,15 +31,16 @@ export var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
24
31
|
EndIcon = ExternalLink;
|
25
32
|
}
|
26
33
|
|
27
|
-
return /*#__PURE__*/
|
34
|
+
return /*#__PURE__*/_jsxs("a", _objectSpread(_objectSpread(_objectSpread({}, anchorProps), linkProps), {}, {
|
28
35
|
ref: ref,
|
29
|
-
className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["typo-link inline-flex items-center"]))), className)
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
+
className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["typo-link inline-flex items-center"]))), className),
|
37
|
+
children: [StartIcon && /*#__PURE__*/_jsx(StartIcon, {
|
38
|
+
className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["mr-1"]))),
|
39
|
+
size: "1em"
|
40
|
+
}), children, EndIcon && /*#__PURE__*/_jsx(EndIcon, {
|
41
|
+
className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["ml-1"]))),
|
42
|
+
size: "1em"
|
43
|
+
})]
|
36
44
|
}));
|
37
45
|
});
|
38
46
|
Link.displayName = "Link";
|
@@ -1,6 +1,6 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import { IconComponentType } from "../types";
|
3
|
-
import { MedallionSize, MedallionVariant } from "./types";
|
2
|
+
import type { IconComponentType } from "../types";
|
3
|
+
import type { MedallionSize, MedallionVariant } from "./types";
|
4
4
|
export interface MedallionProps {
|
5
5
|
icon: IconComponentType;
|
6
6
|
variant?: MedallionVariant;
|
@@ -2,9 +2,9 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
|
|
2
2
|
|
3
3
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
|
4
4
|
|
5
|
-
import React from "react";
|
6
5
|
import cx from "classnames";
|
7
6
|
import stl from "../styles/helpers/satellitePrefixer";
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
8
8
|
var VARIANT_CLASSNAMES = {
|
9
9
|
grey: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["medallion-grey text-grey-600"]))),
|
10
10
|
pink: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["medallion-pink text-pink-600"]))),
|
@@ -23,10 +23,11 @@ export var Medallion = function Medallion(_ref) {
|
|
23
23
|
size = _ref$size === void 0 ? "default" : _ref$size,
|
24
24
|
className = _ref.className;
|
25
25
|
var medallionClassName = VARIANT_CLASSNAMES[variant];
|
26
|
-
return /*#__PURE__*/
|
27
|
-
className: cx(stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["medallion inline-flex items-center justify-center rounded-full ", ""])), size === "large" && "medallion-large"), medallionClassName, className)
|
28
|
-
|
29
|
-
|
30
|
-
|
26
|
+
return /*#__PURE__*/_jsx("div", {
|
27
|
+
className: cx(stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["medallion inline-flex items-center justify-center rounded-full ", ""])), size === "large" && "medallion-large"), medallionClassName, className),
|
28
|
+
children: /*#__PURE__*/_jsx(Icon, {
|
29
|
+
className: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["p-1 ", ""])), size === "large" && "w-10 h-10")
|
30
|
+
})
|
31
|
+
});
|
31
32
|
};
|
32
33
|
export default Medallion;
|
package/esm/Modal/Modal.d.ts
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
import
|
1
|
+
import type { ReactNode } from "react";
|
2
2
|
export declare type ModalSizeVariant = "medium" | "large";
|
3
3
|
export interface ModalProps {
|
4
4
|
open?: boolean;
|
@@ -10,11 +10,13 @@ export interface ModalProps {
|
|
10
10
|
hideCloseIcon?: boolean;
|
11
11
|
centerY?: boolean;
|
12
12
|
onDismiss?: () => void;
|
13
|
-
children:
|
14
|
-
|
13
|
+
children: ReactNode;
|
14
|
+
locale?: {
|
15
|
+
dismissText?: string;
|
16
|
+
};
|
15
17
|
}
|
16
18
|
export declare const Modal: {
|
17
|
-
({ title, className, children, open, fullBleed, onDismiss, animate, hideCloseIcon, size, centerY,
|
18
|
-
Footer:
|
19
|
+
({ title, className, children, open, fullBleed, onDismiss, animate, hideCloseIcon, size, centerY, locale, }: ModalProps): import("react").ReactPortal;
|
20
|
+
Footer: import("react").FunctionComponent<import("./components/ModalFooter").ModalFooterProps>;
|
19
21
|
};
|
20
22
|
export default Modal;
|
package/esm/Modal/Modal.js
CHANGED
@@ -1,27 +1,35 @@
|
|
1
1
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
2
|
-
import
|
2
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
3
3
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
4
4
|
|
5
5
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
|
6
6
|
|
7
|
-
|
7
|
+
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; }
|
8
|
+
|
9
|
+
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; }
|
10
|
+
|
11
|
+
import cx from "classnames";
|
12
|
+
import { useEffect, useMemo, useRef, useState } from "react";
|
8
13
|
import { createPortal } from "react-dom";
|
14
|
+
import { X } from "react-feather";
|
9
15
|
import { CSSTransition } from "react-transition-group";
|
10
16
|
import useKeyPressEvent from "react-use/lib/useKeyPressEvent";
|
11
17
|
import useLockBodyScroll from "react-use/lib/useLockBodyScroll";
|
12
|
-
import cx from "classnames";
|
13
|
-
import { X } from "react-feather";
|
14
|
-
import stl from "../styles/helpers/satellitePrefixer";
|
15
|
-
import Card from "../Card";
|
16
18
|
import { IconButton } from "../Button";
|
19
|
+
import Card from "../Card";
|
20
|
+
import stl from "../styles/helpers/satellitePrefixer";
|
21
|
+
import uniqueId from "../utils/uniqueId";
|
17
22
|
import ModalFooter from "./components/ModalFooter";
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
+
import { Fragment as _Fragment } from "react/jsx-runtime";
|
25
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
18
26
|
|
19
27
|
var ModalAnimation = function ModalAnimation(props) {
|
20
28
|
return (
|
21
29
|
/*#__PURE__*/
|
22
30
|
|
23
31
|
/* eslint-disable-next-line @algolia/satellite/invalid-classnames */
|
24
|
-
|
32
|
+
_jsx(CSSTransition, _objectSpread(_objectSpread({}, props), {}, {
|
25
33
|
classNames: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["satellite-modal"]))),
|
26
34
|
timeout: 200,
|
27
35
|
appear: true,
|
@@ -31,7 +39,9 @@ var ModalAnimation = function ModalAnimation(props) {
|
|
31
39
|
};
|
32
40
|
|
33
41
|
var ModalNoAnimation = function ModalNoAnimation(props) {
|
34
|
-
return props["in"] ? /*#__PURE__*/
|
42
|
+
return props["in"] ? /*#__PURE__*/_jsx(_Fragment, {
|
43
|
+
children: props.children
|
44
|
+
}) : null;
|
35
45
|
};
|
36
46
|
|
37
47
|
var SIZE_CLASSNAMES = {
|
@@ -56,8 +66,7 @@ export var Modal = function Modal(_ref) {
|
|
56
66
|
size = _ref$size === void 0 ? "medium" : _ref$size,
|
57
67
|
_ref$centerY = _ref.centerY,
|
58
68
|
centerY = _ref$centerY === void 0 ? false : _ref$centerY,
|
59
|
-
|
60
|
-
closeIconText = _ref$closeIconText === void 0 ? "Dismiss" : _ref$closeIconText;
|
69
|
+
locale = _ref.locale;
|
61
70
|
|
62
71
|
var _useState = useState(null),
|
63
72
|
_useState2 = _slicedToArray(_useState, 2),
|
@@ -67,6 +76,9 @@ export var Modal = function Modal(_ref) {
|
|
67
76
|
var dialogRef = useRef(null);
|
68
77
|
var mouseDownTargetRef = useRef(null);
|
69
78
|
var ModalContainer = animate ? ModalAnimation : ModalNoAnimation;
|
79
|
+
var modalTitleId = useMemo(function () {
|
80
|
+
return uniqueId("modal-title");
|
81
|
+
}, []);
|
70
82
|
useLockBodyScroll(open);
|
71
83
|
useKeyPressEvent("Escape", function () {
|
72
84
|
if (open) onDismiss();
|
@@ -98,32 +110,50 @@ export var Modal = function Modal(_ref) {
|
|
98
110
|
modalWrapperRef.removeEventListener("mousedown", onMouseDown);
|
99
111
|
};
|
100
112
|
}, [modalWrapperRef, onDismiss]);
|
101
|
-
|
102
|
-
|
103
|
-
}, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
|
104
|
-
className: cx(stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["bg-grey-900 bg-opacity-30 z-modalOverlay inset-x-0 inset-y-0 fixed w-full h-full"]))))
|
105
|
-
}), /*#__PURE__*/React.createElement("div", {
|
106
|
-
className: cx(stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["modal-container inset-x-0 inset-y-0 fixed w-full h-full p-4 overflow-x-hidden overflow-y-auto"]))), centerY && stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["flex items-center"])))),
|
107
|
-
ref: setModalWrapperRef,
|
113
|
+
|
114
|
+
var modalAccessibilityProps = _objectSpread({
|
108
115
|
role: "dialog"
|
109
|
-
},
|
110
|
-
|
111
|
-
|
112
|
-
|
113
|
-
|
114
|
-
|
115
|
-
|
116
|
-
|
117
|
-
|
118
|
-
|
119
|
-
|
120
|
-
|
121
|
-
|
122
|
-
|
123
|
-
|
124
|
-
|
125
|
-
|
126
|
-
|
116
|
+
}, title ? {
|
117
|
+
"aria-labelledby": modalTitleId
|
118
|
+
} : {
|
119
|
+
"aria-label": "Modal"
|
120
|
+
});
|
121
|
+
|
122
|
+
return /*#__PURE__*/createPortal( /*#__PURE__*/_jsx(ModalContainer, {
|
123
|
+
"in": open,
|
124
|
+
children: /*#__PURE__*/_jsxs("div", {
|
125
|
+
children: [/*#__PURE__*/_jsx("div", {
|
126
|
+
className: cx(stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["bg-grey-900 bg-opacity-30 z-modalOverlay inset-x-0 inset-y-0 fixed w-full h-full"]))))
|
127
|
+
}), /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
|
128
|
+
className: cx(stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["modal-container inset-x-0 inset-y-0 fixed w-full h-full p-4 overflow-x-hidden overflow-y-auto"]))), centerY && stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["flex items-center"])))),
|
129
|
+
ref: setModalWrapperRef
|
130
|
+
}, modalAccessibilityProps), {}, {
|
131
|
+
children: /*#__PURE__*/_jsxs(Card, {
|
132
|
+
ref: dialogRef,
|
133
|
+
elevation: "500",
|
134
|
+
className: cx(stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["my-6 mx-auto"]))), SIZE_CLASSNAMES[size], className),
|
135
|
+
fullBleed: true,
|
136
|
+
children: [/*#__PURE__*/_jsxs("header", {
|
137
|
+
className: stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n px-8 min-h-14\n flex items-center justify-between space-x-2\n ", "\n ", "\n "])), title ? "border-b border-grey-100" : "justify-end", !title && hideCloseIcon && "hidden"),
|
138
|
+
children: [title && /*#__PURE__*/_jsx("h2", {
|
139
|
+
id: modalTitleId,
|
140
|
+
className: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["flex-1 display-heading truncate"]))),
|
141
|
+
children: title
|
142
|
+
}), !hideCloseIcon && /*#__PURE__*/_jsx(IconButton, {
|
143
|
+
icon: X,
|
144
|
+
title: (locale === null || locale === void 0 ? void 0 : locale.dismissText) || "Dismiss",
|
145
|
+
variant: "subtle",
|
146
|
+
onClick: onDismiss,
|
147
|
+
className: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["flex-shrink-0 -mr-2"])))
|
148
|
+
})]
|
149
|
+
}), /*#__PURE__*/_jsx("div", {
|
150
|
+
className: fullBleed ? undefined : stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["p-10"]))),
|
151
|
+
children: children
|
152
|
+
})]
|
153
|
+
})
|
154
|
+
}))]
|
155
|
+
})
|
156
|
+
}), document.body);
|
127
157
|
};
|
128
158
|
Modal.Footer = ModalFooter;
|
129
159
|
export default Modal;
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import
|
2
|
-
export declare type ModalFooterProps =
|
1
|
+
import type { FunctionComponent, HTMLAttributes } from "react";
|
2
|
+
export declare type ModalFooterProps = HTMLAttributes<HTMLElement>;
|
3
3
|
export declare const ModalFooter: FunctionComponent<ModalFooterProps>;
|
4
4
|
export default ModalFooter;
|
@@ -1,24 +1,31 @@
|
|
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", "children"];
|
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
|
-
import stl from "../../styles/helpers/satellitePrefixer";
|
11
14
|
import FlexGrid from "../../FlexGrid";
|
15
|
+
import stl from "../../styles/helpers/satellitePrefixer";
|
16
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
12
17
|
export var ModalFooter = function ModalFooter(_ref) {
|
13
18
|
var className = _ref.className,
|
14
19
|
children = _ref.children,
|
15
20
|
props = _objectWithoutProperties(_ref, _excluded);
|
16
21
|
|
17
|
-
return /*#__PURE__*/
|
18
|
-
className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["mt-8"]))), className)
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
22
|
+
return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({}, props), {}, {
|
23
|
+
className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["mt-8"]))), className),
|
24
|
+
children: /*#__PURE__*/_jsx(FlexGrid, {
|
25
|
+
spacing: "md",
|
26
|
+
alignment: "center",
|
27
|
+
children: children
|
28
|
+
})
|
29
|
+
}));
|
23
30
|
};
|
24
31
|
export default ModalFooter;
|
@@ -2,16 +2,17 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
|
|
2
2
|
|
3
3
|
var _templateObject;
|
4
4
|
|
5
|
-
import React from "react";
|
6
5
|
import cx from "classnames";
|
7
6
|
import stl from "../../styles/helpers/satellitePrefixer";
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
8
8
|
export var ModalSection = function ModalSection(_ref) {
|
9
9
|
var children = _ref.children,
|
10
10
|
className = _ref.className,
|
11
11
|
_ref$fullBleed = _ref.fullBleed,
|
12
12
|
fullBleed = _ref$fullBleed === void 0 ? false : _ref$fullBleed;
|
13
|
-
return /*#__PURE__*/
|
14
|
-
className: cx(fullBleed && stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["-mx-10"]))), className)
|
15
|
-
|
13
|
+
return /*#__PURE__*/_jsx("section", {
|
14
|
+
className: cx(fullBleed && stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["-mx-10"]))), className),
|
15
|
+
children: children
|
16
|
+
});
|
16
17
|
};
|
17
18
|
export default ModalSection;
|
@@ -1,5 +1,11 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
export declare type CompactPaginationLabel = "complete" | "compact" | "none";
|
3
|
+
declare type BaseLocaleProps = {
|
4
|
+
goToFirstPage?: string;
|
5
|
+
goToLastPage?: string;
|
6
|
+
goToNextPage?: string;
|
7
|
+
goToPreviousPage?: string;
|
8
|
+
};
|
3
9
|
declare type BaseCompactPaginationProps = {
|
4
10
|
/** Currently selected page (1 based index) */
|
5
11
|
currentPage: number;
|
@@ -10,9 +16,15 @@ declare type BaseCompactPaginationProps = {
|
|
10
16
|
export declare type DeterminateCompactPaginationProps = BaseCompactPaginationProps & {
|
11
17
|
nbPages: number;
|
12
18
|
showGoToLastPage?: boolean;
|
19
|
+
locale?: BaseLocaleProps & {
|
20
|
+
label?(page: number, nbPages: number): string;
|
21
|
+
};
|
13
22
|
};
|
14
23
|
export declare type IndeterminateCompactPaginationProps = BaseCompactPaginationProps & {
|
15
24
|
nextDisabled?: boolean;
|
25
|
+
locale?: BaseLocaleProps & {
|
26
|
+
label?(page: number): string;
|
27
|
+
};
|
16
28
|
};
|
17
29
|
export declare type CompactPaginationProps = DeterminateCompactPaginationProps | IndeterminateCompactPaginationProps;
|
18
30
|
export declare const isDeterminateCompactPaginationProps: (props: CompactPaginationProps) => props is DeterminateCompactPaginationProps;
|
@@ -2,10 +2,11 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
|
|
2
2
|
|
3
3
|
var _templateObject, _templateObject2;
|
4
4
|
|
5
|
-
import
|
6
|
-
import { ChevronsRight, ChevronsLeft, ArrowLeft, ArrowRight } from "react-feather";
|
7
|
-
import stl from "../../styles/helpers/satellitePrefixer";
|
5
|
+
import { ArrowLeft, ArrowRight, ChevronsLeft, ChevronsRight } from "react-feather";
|
8
6
|
import { IconButton } from "../../Button";
|
7
|
+
import stl from "../../styles/helpers/satellitePrefixer";
|
8
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
9
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
9
10
|
export var isDeterminateCompactPaginationProps = function isDeterminateCompactPaginationProps(props) {
|
10
11
|
return "nbPages" in props;
|
11
12
|
};
|
@@ -13,44 +14,46 @@ export var isIndeterminateCompactPaginationProps = function isIndeterminateCompa
|
|
13
14
|
return !isDeterminateCompactPaginationProps(props);
|
14
15
|
};
|
15
16
|
export var CompactPagination = function CompactPagination(props) {
|
16
|
-
var _props$label;
|
17
|
+
var _props$label, _props$locale, _props$locale$label, _props$locale2, _props$locale2$label, _props$locale3, _props$locale4, _props$locale5, _props$locale6;
|
17
18
|
|
18
19
|
var labelType = (_props$label = props.label) !== null && _props$label !== void 0 ? _props$label : isDeterminateCompactPaginationProps(props) ? "complete" : "compact";
|
19
|
-
var label = labelType === "none" ? null : labelType === "compact" ? "".concat(props.currentPage) : isDeterminateCompactPaginationProps(props) ? "Page ".concat(props.currentPage, " of ").concat(props.nbPages) : "Page ".concat(props.currentPage, " of many");
|
20
|
+
var label = labelType === "none" ? null : labelType === "compact" ? "".concat(props.currentPage) : isDeterminateCompactPaginationProps(props) ? ((_props$locale = props.locale) === null || _props$locale === void 0 ? void 0 : (_props$locale$label = _props$locale.label) === null || _props$locale$label === void 0 ? void 0 : _props$locale$label.call(_props$locale, props.currentPage, props.nbPages)) || "Page ".concat(props.currentPage, " of ").concat(props.nbPages) : ((_props$locale2 = props.locale) === null || _props$locale2 === void 0 ? void 0 : (_props$locale2$label = _props$locale2.label) === null || _props$locale2$label === void 0 ? void 0 : _props$locale2$label.call(_props$locale2, props.currentPage)) || "Page ".concat(props.currentPage, " of many");
|
20
21
|
var isFirstPage = props.currentPage === 1;
|
21
22
|
var isLastPage = isDeterminateCompactPaginationProps(props) ? props.currentPage === props.nbPages : !!props.nextDisabled;
|
22
|
-
return /*#__PURE__*/
|
23
|
-
className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex items-center space-x-2"])))
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
23
|
+
return /*#__PURE__*/_jsxs("div", {
|
24
|
+
className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex items-center space-x-2"]))),
|
25
|
+
children: [props.showGoToFirstPage && /*#__PURE__*/_jsx(IconButton, {
|
26
|
+
icon: ChevronsLeft,
|
27
|
+
title: ((_props$locale3 = props.locale) === null || _props$locale3 === void 0 ? void 0 : _props$locale3.goToFirstPage) || "Go to first page",
|
28
|
+
onClick: function onClick() {
|
29
|
+
return props.onChange(1);
|
30
|
+
},
|
31
|
+
disabled: isFirstPage
|
32
|
+
}), /*#__PURE__*/_jsx(IconButton, {
|
33
|
+
icon: ArrowLeft,
|
34
|
+
title: ((_props$locale4 = props.locale) === null || _props$locale4 === void 0 ? void 0 : _props$locale4.goToPreviousPage) || "Go to previous page",
|
35
|
+
onClick: function onClick() {
|
36
|
+
return props.onChange(props.currentPage - 1);
|
37
|
+
},
|
38
|
+
disabled: isFirstPage
|
39
|
+
}), label && /*#__PURE__*/_jsx("span", {
|
40
|
+
className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["inline-block text-center tabular-nums px-2"]))),
|
41
|
+
children: label
|
42
|
+
}), /*#__PURE__*/_jsx(IconButton, {
|
43
|
+
icon: ArrowRight,
|
44
|
+
title: ((_props$locale5 = props.locale) === null || _props$locale5 === void 0 ? void 0 : _props$locale5.goToNextPage) || "Go to next page",
|
45
|
+
onClick: function onClick() {
|
46
|
+
return props.onChange(props.currentPage + 1);
|
47
|
+
},
|
48
|
+
disabled: isLastPage
|
49
|
+
}), isDeterminateCompactPaginationProps(props) && props.showGoToLastPage && /*#__PURE__*/_jsx(IconButton, {
|
50
|
+
icon: ChevronsRight,
|
51
|
+
title: ((_props$locale6 = props.locale) === null || _props$locale6 === void 0 ? void 0 : _props$locale6.goToLastPage) || "Go to last page",
|
52
|
+
onClick: function onClick() {
|
53
|
+
return props.onChange(props.nbPages);
|
54
|
+
},
|
55
|
+
disabled: isLastPage
|
56
|
+
})]
|
57
|
+
});
|
55
58
|
};
|
56
59
|
export default CompactPagination;
|
@@ -5,6 +5,9 @@ export declare type DotPaginationProps = {
|
|
5
5
|
onChange: (page: number) => void;
|
6
6
|
nbPages: number;
|
7
7
|
size?: "small" | "medium";
|
8
|
+
locale?: {
|
9
|
+
goToPageText?(page: number): string;
|
10
|
+
};
|
8
11
|
};
|
9
|
-
export declare const DotPagination: ({ currentPage, onChange, nbPages, size }: DotPaginationProps) => JSX.Element;
|
12
|
+
export declare const DotPagination: ({ currentPage, onChange, nbPages, size, locale }: DotPaginationProps) => JSX.Element;
|
10
13
|
export default DotPagination;
|
@@ -2,27 +2,31 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
|
|
2
2
|
|
3
3
|
var _templateObject, _templateObject2;
|
4
4
|
|
5
|
-
import React from "react";
|
6
5
|
import stl from "../../styles/helpers/satellitePrefixer";
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
7
7
|
export var DotPagination = function DotPagination(_ref) {
|
8
8
|
var currentPage = _ref.currentPage,
|
9
9
|
onChange = _ref.onChange,
|
10
10
|
nbPages = _ref.nbPages,
|
11
11
|
_ref$size = _ref.size,
|
12
|
-
size = _ref$size === void 0 ? "medium" : _ref$size
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
12
|
+
size = _ref$size === void 0 ? "medium" : _ref$size,
|
13
|
+
locale = _ref.locale;
|
14
|
+
return /*#__PURE__*/_jsx("ul", {
|
15
|
+
className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex"]))),
|
16
|
+
children: new Array(nbPages).fill(undefined).map(function (_, idx) {
|
17
|
+
var _locale$goToPageText;
|
18
|
+
|
19
|
+
var pageIdx = idx + 1;
|
20
|
+
return /*#__PURE__*/_jsx("li", {
|
21
|
+
children: /*#__PURE__*/_jsx("button", {
|
22
|
+
"aria-label": (locale === null || locale === void 0 ? void 0 : (_locale$goToPageText = locale.goToPageText) === null || _locale$goToPageText === void 0 ? void 0 : _locale$goToPageText.call(locale, pageIdx)) || "Go to page ".concat(pageIdx),
|
23
|
+
className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n rounded-full mx-1\n ", "\n ", "\n "])), currentPage === pageIdx ? "bg-accent-600" : "bg-grey-200", size === "medium" ? "h-3 w-3" : "h-2 w-2"),
|
24
|
+
onClick: function onClick() {
|
25
|
+
return onChange(pageIdx);
|
26
|
+
}
|
27
|
+
})
|
28
|
+
}, idx);
|
29
|
+
})
|
30
|
+
});
|
27
31
|
};
|
28
32
|
export default DotPagination;
|
@@ -1,9 +1,15 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
+
export declare type PaginationLocale = {
|
3
|
+
goToPage?(page: number): string;
|
4
|
+
goToNextPage?: string;
|
5
|
+
goToPreviousPage?: string;
|
6
|
+
};
|
2
7
|
export interface PaginationProps {
|
3
8
|
nbPages: number;
|
4
9
|
currentPage: number;
|
5
10
|
maxButtons?: number;
|
6
11
|
onChange: (page: number) => void;
|
12
|
+
locale?: PaginationLocale;
|
7
13
|
}
|
8
14
|
/**
|
9
15
|
* Use pagination to help our users to move through an ordered collection of items.
|
@@ -12,5 +18,5 @@ export interface PaginationProps {
|
|
12
18
|
* - Don't use on list with less than 20 items
|
13
19
|
* - Place the pagination at the bottom of the split item
|
14
20
|
*/
|
15
|
-
export declare const Pagination: ({ currentPage, nbPages, onChange, maxButtons: maxButtonsParam, }: PaginationProps) => JSX.Element;
|
21
|
+
export declare const Pagination: ({ currentPage, nbPages, onChange, maxButtons: maxButtonsParam, locale, }: PaginationProps) => JSX.Element;
|
16
22
|
export default Pagination;
|