@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
@@ -2,15 +2,11 @@
|
|
2
2
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
4
|
|
5
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
6
|
-
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
8
6
|
value: true
|
9
7
|
});
|
10
8
|
exports["default"] = exports.AutoComplete = void 0;
|
11
9
|
|
12
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
13
|
-
|
14
10
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
15
11
|
|
16
12
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
@@ -31,54 +27,56 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
|
|
31
27
|
|
32
28
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
33
29
|
|
34
|
-
var
|
35
|
-
|
36
|
-
var _reactDom = require("react-dom");
|
30
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
37
31
|
|
38
|
-
var
|
32
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
39
33
|
|
40
34
|
var _downshift = _interopRequireDefault(require("downshift"));
|
41
35
|
|
42
|
-
var
|
36
|
+
var _react = require("react");
|
43
37
|
|
44
|
-
var
|
38
|
+
var _reactDom = require("react-dom");
|
45
39
|
|
46
|
-
var
|
40
|
+
var _reactFeather = require("react-feather");
|
47
41
|
|
48
|
-
var
|
42
|
+
var _reactPopper = require("react-popper");
|
49
43
|
|
50
|
-
var
|
44
|
+
var _Button = _interopRequireDefault(require("../Button"));
|
51
45
|
|
52
46
|
var _Card = _interopRequireDefault(require("../Card"));
|
53
47
|
|
54
|
-
var
|
48
|
+
var _FieldStateContext = require("../Field/FieldStateContext");
|
55
49
|
|
56
|
-
var
|
50
|
+
var _Satellite = require("../Satellite");
|
57
51
|
|
58
|
-
var
|
52
|
+
var _ScrollIndicator = _interopRequireDefault(require("../ScrollIndicator"));
|
59
53
|
|
60
|
-
var
|
54
|
+
var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
|
61
55
|
|
62
|
-
var
|
56
|
+
var _Tag = _interopRequireDefault(require("../Tag"));
|
63
57
|
|
64
|
-
var
|
58
|
+
var _uniqBy = _interopRequireDefault(require("../utils/uniqBy"));
|
65
59
|
|
66
60
|
var _AutoCompleteEmptyState = _interopRequireDefault(require("./components/AutoCompleteEmptyState"));
|
67
61
|
|
68
|
-
var
|
62
|
+
var _DefaultOptionItem = _interopRequireDefault(require("./components/DefaultOptionItem"));
|
69
63
|
|
70
|
-
|
64
|
+
var _utils = require("./utils");
|
71
65
|
|
72
|
-
|
66
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
73
67
|
|
74
|
-
|
68
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
|
75
69
|
|
76
|
-
|
70
|
+
var _excluded = ["optionItemPrefix"];
|
77
71
|
|
78
72
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
79
73
|
|
80
74
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
81
75
|
|
76
|
+
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; }
|
77
|
+
|
78
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
79
|
+
|
82
80
|
function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
|
83
81
|
|
84
82
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
@@ -147,9 +145,23 @@ var MENU_POPPER_MODFIERS = [{
|
|
147
145
|
}];
|
148
146
|
var BACKSPACE_KEY_CODE = 8;
|
149
147
|
|
150
|
-
|
151
|
-
|
152
|
-
|
148
|
+
/** @ignore */
|
149
|
+
var DefaultEmptyState = function DefaultEmptyState(_ref) {
|
150
|
+
var emptyStateTitle = _ref.emptyStateTitle;
|
151
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AutoCompleteEmptyState["default"], {
|
152
|
+
title: emptyStateTitle
|
153
|
+
});
|
154
|
+
};
|
155
|
+
|
156
|
+
var DefaultOption = function DefaultOption(_ref2) {
|
157
|
+
var optionItemPrefix = _ref2.optionItemPrefix,
|
158
|
+
props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
|
159
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DefaultOptionItem["default"], _objectSpread(_objectSpread({}, props), {}, {
|
160
|
+
locale: {
|
161
|
+
optionItemPrefix: optionItemPrefix !== null && optionItemPrefix !== void 0 ? optionItemPrefix : _utils.DEFAULT_AUTOCOMPLETE_LOCALE.optionItemPrefix
|
162
|
+
}
|
163
|
+
}));
|
164
|
+
};
|
153
165
|
/**
|
154
166
|
* Autocomplete is a search-as-you-type function that matches what a person types, usually the beginning of a word, or a prefix, with a word list. Not to be confused with auto-suggestion that predicts the end of a query.
|
155
167
|
*
|
@@ -341,6 +353,21 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
|
|
341
353
|
|
342
354
|
_this.props.onChange(newOptions);
|
343
355
|
});
|
356
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getA11yStatusMessage", function (options) {
|
357
|
+
if (!options.isOpen) {
|
358
|
+
return "";
|
359
|
+
}
|
360
|
+
|
361
|
+
if (!options.resultCount) {
|
362
|
+
return _this.locale.emptyStateTitle;
|
363
|
+
}
|
364
|
+
|
365
|
+
if (options.resultCount > 0) {
|
366
|
+
return _this.locale.itemsAvailable(options.resultCount);
|
367
|
+
}
|
368
|
+
|
369
|
+
return "";
|
370
|
+
});
|
344
371
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "renderInput", function (results, autocompleteHelpers, fieldState) {
|
345
372
|
var _this$props3 = _this.props,
|
346
373
|
id = _this$props3.id,
|
@@ -402,45 +429,50 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
|
|
402
429
|
autoComplete: "off",
|
403
430
|
autoFocus: autoFocus
|
404
431
|
});
|
405
|
-
return /*#__PURE__*/
|
432
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
406
433
|
className: inputContainerClassName,
|
407
434
|
onClick: _this.handleFakeInputClick,
|
408
|
-
ref: _this.handleInputContainerRefUpdate
|
409
|
-
|
410
|
-
|
411
|
-
|
412
|
-
|
413
|
-
|
414
|
-
|
415
|
-
|
416
|
-
|
417
|
-
|
418
|
-
|
419
|
-
|
420
|
-
|
421
|
-
|
422
|
-
|
423
|
-
|
424
|
-
|
425
|
-
|
426
|
-
|
427
|
-
|
428
|
-
|
429
|
-
|
430
|
-
|
431
|
-
|
432
|
-
|
433
|
-
|
434
|
-
|
435
|
-
|
436
|
-
|
437
|
-
|
438
|
-
|
439
|
-
|
440
|
-
|
441
|
-
|
442
|
-
|
443
|
-
|
435
|
+
ref: _this.handleInputContainerRefUpdate,
|
436
|
+
children: [Icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
|
437
|
+
className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["mr-4 shrink-0 ", ""])), disabled ? "text-grey-200" : inputFocused ? "text-accent-600" : "text-grey-500"),
|
438
|
+
size: "1rem"
|
439
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
440
|
+
className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["flex items-center flex-1 ", " ", ""])), !noWrap && "flex-wrap", multiple && "-ml-1"), valuesClassName),
|
441
|
+
children: [multiple && Array.isArray(value) && value.map(function (option) {
|
442
|
+
return renderValueTemplate ? renderValueTemplate({
|
443
|
+
option: option,
|
444
|
+
key: String(option.value),
|
445
|
+
editable: !disabled
|
446
|
+
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tag["default"], {
|
447
|
+
onDelete: disabled ? undefined : function () {
|
448
|
+
return _this.removeValue(option);
|
449
|
+
},
|
450
|
+
className: (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["m-1 max-w-48 ", ""])), disabled && "opacity-50"),
|
451
|
+
children: option.label
|
452
|
+
}, String(option.value));
|
453
|
+
}), shouldRenderCustomTemplate && renderValueTemplate({
|
454
|
+
option: value,
|
455
|
+
key: String(value),
|
456
|
+
editable: !disabled
|
457
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", _objectSpread(_objectSpread({}, inputProps), {}, {
|
458
|
+
"data-lpignore": true
|
459
|
+
}))]
|
460
|
+
}), (showClearButton || endItem) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
461
|
+
className: (0, _classnames["default"])(showClearButton && endItem && (0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["my-2 flex self-end space-x-4"])))),
|
462
|
+
children: [endItem && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
463
|
+
className: (0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["text-grey-700 my-auto"]))),
|
464
|
+
children: endItem
|
465
|
+
}), showClearButton && /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
|
466
|
+
type: "button",
|
467
|
+
className: (0, _satellitePrefixer["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["w-6 flex items-center justify-center text-grey-500"]))),
|
468
|
+
onClick: _this.handleClearClick,
|
469
|
+
"aria-label": _this.locale.clearInputButton,
|
470
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFeather.X, {
|
471
|
+
size: ".75rem"
|
472
|
+
})
|
473
|
+
})]
|
474
|
+
})]
|
475
|
+
});
|
444
476
|
});
|
445
477
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "renderMenu", function (results, autocompleteHelpers) {
|
446
478
|
var _this$inputContainerR3;
|
@@ -450,12 +482,15 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
|
|
450
482
|
highlightedIndex = autocompleteHelpers.highlightedIndex,
|
451
483
|
inputValue = autocompleteHelpers.inputValue,
|
452
484
|
isOpen = autocompleteHelpers.isOpen;
|
485
|
+
var defaultEmptyState = /*#__PURE__*/(0, _jsxRuntime.jsx)(DefaultEmptyState, {
|
486
|
+
emptyStateTitle: _this.locale.emptyStateTitle
|
487
|
+
});
|
453
488
|
var _this$props4 = _this.props,
|
454
489
|
menuClassName = _this$props4.menuClassName,
|
455
490
|
menuSize = _this$props4.menuSize,
|
456
|
-
_this$props4$emptySta = _this$props4.emptyState,
|
457
|
-
emptyState = _this$props4$emptySta === void 0 ? AutoComplete.defaultProps.emptyState : _this$props4$emptySta,
|
458
491
|
menuFooter = _this$props4.menuFooter,
|
492
|
+
_this$props4$emptySta = _this$props4.emptyState,
|
493
|
+
emptyState = _this$props4$emptySta === void 0 ? defaultEmptyState : _this$props4$emptySta,
|
459
494
|
_this$props4$maxResul = _this$props4.maxResults,
|
460
495
|
maxResults = _this$props4$maxResul === void 0 ? AutoComplete.defaultProps.maxResults : _this$props4$maxResul,
|
461
496
|
_this$props4$multiple = _this$props4.multiple,
|
@@ -479,49 +514,60 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
|
|
479
514
|
var showResults = results.length > 0;
|
480
515
|
|
481
516
|
if (!isOpen || !showResults && !shouldShowEmptyState && !shouldShowDefaultEmptyState) {
|
482
|
-
return /*#__PURE__*/
|
517
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", _objectSpread(_objectSpread({}, getMenuProps()), {}, {
|
483
518
|
className: (0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["hidden h-0"])))
|
484
519
|
}));
|
485
520
|
}
|
486
521
|
|
487
|
-
return /*#__PURE__*/
|
522
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactPopper.Popper, {
|
488
523
|
placement: "bottom-start",
|
489
524
|
strategy: "fixed",
|
490
525
|
referenceElement: (_this$inputContainerR3 = _this.inputContainerRef) !== null && _this$inputContainerR3 !== void 0 ? _this$inputContainerR3 : undefined,
|
491
|
-
modifiers: MENU_POPPER_MODFIERS
|
492
|
-
|
493
|
-
|
494
|
-
|
495
|
-
|
496
|
-
|
497
|
-
|
498
|
-
|
499
|
-
|
500
|
-
|
501
|
-
|
502
|
-
|
503
|
-
|
504
|
-
|
505
|
-
|
506
|
-
|
507
|
-
|
508
|
-
|
509
|
-
|
510
|
-
|
511
|
-
|
512
|
-
|
513
|
-
|
514
|
-
|
515
|
-
|
516
|
-
|
517
|
-
|
518
|
-
|
519
|
-
|
520
|
-
|
521
|
-
|
522
|
-
|
523
|
-
|
524
|
-
|
526
|
+
modifiers: MENU_POPPER_MODFIERS,
|
527
|
+
children: function children(popper) {
|
528
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
529
|
+
className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["z-dropdown"]))), menuClassName),
|
530
|
+
style: _objectSpread(_objectSpread({}, popper.style), dropdownStyle),
|
531
|
+
"data-popper-placement": popper.placement,
|
532
|
+
ref: popper.ref,
|
533
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Card["default"], {
|
534
|
+
fullBleed: true,
|
535
|
+
elevation: "300",
|
536
|
+
children: [results.length === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, getMenuProps()), {}, {
|
537
|
+
className: (0, _satellitePrefixer["default"])(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["min-h-10"]))),
|
538
|
+
children: emptyState
|
539
|
+
})) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScrollIndicator["default"], {
|
540
|
+
className: menuSize === "large" ? (0, _satellitePrefixer["default"])(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2["default"])(["max-h-96"]))) : (0, _satellitePrefixer["default"])(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2["default"])(["max-h-64"]))),
|
541
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("ul", _objectSpread(_objectSpread({}, getMenuProps()), {}, {
|
542
|
+
children: [results.slice(0, showAllResults ? Number.MAX_SAFE_INTEGER : maxResults).map(function (result, index) {
|
543
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", _objectSpread(_objectSpread({}, getItemProps({
|
544
|
+
item: result,
|
545
|
+
disabled: result.disabled,
|
546
|
+
className: (0, _satellitePrefixer["default"])(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2["default"])(["\n autocomplete-result\n flex items-center min-h-10 px-4 cursor-pointer\n ", "\n ", "\n "])), index === highlightedIndex && "bg-grey-100", result.disabled && "cursor-not-allowed")
|
547
|
+
})), {}, {
|
548
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(OptionItem, _objectSpread(_objectSpread({}, optionItemProps), {}, {
|
549
|
+
highlighted: index === highlightedIndex,
|
550
|
+
option: result,
|
551
|
+
optionItemPrefix: _this.locale.optionItemPrefix
|
552
|
+
}))
|
553
|
+
}), result.value);
|
554
|
+
}), extraResults > 0 && !showAllResults && /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
|
555
|
+
className: (0, _satellitePrefixer["default"])(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2["default"])(["p-2 text-right"]))),
|
556
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button["default"], {
|
557
|
+
variant: "subtle",
|
558
|
+
size: "small",
|
559
|
+
onMouseDown: _this.handleShowAllResults,
|
560
|
+
children: _this.locale.showMoreButton(extraResults)
|
561
|
+
})
|
562
|
+
})]
|
563
|
+
}))
|
564
|
+
}), menuFooter && /*#__PURE__*/(0, _jsxRuntime.jsx)("footer", {
|
565
|
+
className: (0, _satellitePrefixer["default"])(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2["default"])(["flex items-center justify-center min-h-12 p-4 bg-grey-100 border-t border-grey-200 text-grey-600"]))),
|
566
|
+
children: menuFooter
|
567
|
+
})]
|
568
|
+
})
|
569
|
+
});
|
570
|
+
}
|
525
571
|
});
|
526
572
|
});
|
527
573
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "renderSelect", function (autocompleteHelpers, fieldState) {
|
@@ -540,9 +586,10 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
|
|
540
586
|
results.unshift.apply(results, (0, _toConsumableArray2["default"])(createFromInputValue(options, inputValue)));
|
541
587
|
}
|
542
588
|
|
543
|
-
return /*#__PURE__*/
|
544
|
-
className: className
|
545
|
-
|
589
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
590
|
+
className: className,
|
591
|
+
children: [_this.renderInput(results, autocompleteHelpers, fieldState), _this.inputContainerRef && /*#__PURE__*/(0, _reactDom.createPortal)(_this.renderMenu(results, autocompleteHelpers), document.body)]
|
592
|
+
});
|
546
593
|
});
|
547
594
|
return _this;
|
548
595
|
}
|
@@ -563,29 +610,38 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
|
|
563
610
|
});
|
564
611
|
}
|
565
612
|
}
|
613
|
+
}, {
|
614
|
+
key: "locale",
|
615
|
+
get: function get() {
|
616
|
+
return _objectSpread(_objectSpread(_objectSpread({}, _utils.DEFAULT_AUTOCOMPLETE_LOCALE), this.context["locales"]), this.props.locale);
|
617
|
+
}
|
566
618
|
}, {
|
567
619
|
key: "render",
|
568
620
|
value: function render() {
|
569
621
|
var _this2 = this;
|
570
622
|
|
571
623
|
var inputValue = (this.props.inputValue !== undefined ? this.props.inputValue : this.state.inputValue) || "";
|
572
|
-
return /*#__PURE__*/
|
573
|
-
|
574
|
-
|
575
|
-
|
576
|
-
|
577
|
-
|
578
|
-
|
579
|
-
|
580
|
-
|
581
|
-
|
582
|
-
|
583
|
-
|
584
|
-
|
585
|
-
|
586
|
-
|
587
|
-
|
588
|
-
|
624
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldStateContext.FieldStateContext.Consumer, {
|
625
|
+
children: function children(fieldState) {
|
626
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_downshift["default"], {
|
627
|
+
inputValue: inputValue
|
628
|
+
/*
|
629
|
+
* See https://github.com/algolia/AlgoliaWeb/issues/9045
|
630
|
+
* See multi-select example
|
631
|
+
* https://github.com/downshift-js/downshift#examples
|
632
|
+
* https://codesandbox.io/s/github/kentcdodds/downshift-examples/tree/master/?module=/src/ordered-examples/04-multi-select.js&moduleview=1&file=/src/ordered-examples/04-multi-select.js:2482-2509
|
633
|
+
*/
|
634
|
+
,
|
635
|
+
selectedItem: null,
|
636
|
+
getA11yStatusMessage: _this2.getA11yStatusMessage,
|
637
|
+
onChange: _this2.handleChange,
|
638
|
+
itemToString: optionToString,
|
639
|
+
defaultHighlightedIndex: 0,
|
640
|
+
children: function children(autocompleteHelpers) {
|
641
|
+
return _this2.renderSelect(autocompleteHelpers, fieldState);
|
642
|
+
}
|
643
|
+
});
|
644
|
+
}
|
589
645
|
});
|
590
646
|
}
|
591
647
|
}]);
|
@@ -593,17 +649,17 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
|
|
593
649
|
}(_react.Component);
|
594
650
|
|
595
651
|
exports.AutoComplete = AutoComplete;
|
652
|
+
(0, _defineProperty2["default"])(AutoComplete, "contextType", _Satellite.SatelliteContext);
|
596
653
|
(0, _defineProperty2["default"])(AutoComplete, "defaultProps", {
|
597
654
|
clearable: false,
|
598
655
|
creatable: false,
|
599
656
|
multiple: false,
|
600
657
|
maxResults: 7,
|
601
|
-
emptyState: defaultEmptyState,
|
602
658
|
createFromInputValue: _utils.defaultCreateFromInputValue,
|
603
659
|
options: [],
|
604
660
|
separatorKeyCodes: [],
|
605
661
|
separatorKeys: [],
|
606
|
-
optionItemComponent:
|
662
|
+
optionItemComponent: DefaultOption,
|
607
663
|
noWrap: false
|
608
664
|
});
|
609
665
|
var _default = AutoComplete;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
export = autoCompletePlugin;
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
2
|
+
declare const autoCompletePlugin: {
|
3
|
+
handler: import("tailwindcss/types/config").PluginCreator;
|
4
|
+
config?: import("tailwindcss").Config | undefined;
|
5
|
+
};
|
@@ -1,15 +1,13 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
// @ts-check
|
4
|
+
var plugin = require("tailwindcss/plugin");
|
5
|
+
|
4
6
|
var disabledColor = require("../styles/disabledColor");
|
5
7
|
|
6
8
|
var rgba = require("../styles/rgba");
|
7
|
-
/**
|
8
|
-
* @type {import('../tailwind-types').TailwindPlugin}
|
9
|
-
*/
|
10
|
-
|
11
9
|
|
12
|
-
var autoCompletePlugin = function
|
10
|
+
var autoCompletePlugin = plugin(function (_ref) {
|
13
11
|
var addComponents = _ref.addComponents,
|
14
12
|
theme = _ref.theme;
|
15
13
|
addComponents({
|
@@ -32,14 +30,14 @@ var autoCompletePlugin = function autoCompletePlugin(_ref) {
|
|
32
30
|
"&::after": {
|
33
31
|
content: '" "',
|
34
32
|
display: "block",
|
35
|
-
minHeight:
|
33
|
+
minHeight: "30px",
|
36
34
|
// don't ask me why 30
|
37
|
-
fontSize:
|
35
|
+
fontSize: "0px"
|
38
36
|
},
|
39
37
|
"&.autocomplete-large": {
|
40
38
|
minHeight: "3rem",
|
41
39
|
"&::after": {
|
42
|
-
minHeight:
|
40
|
+
minHeight: "38px" // don't ask me why 38
|
43
41
|
|
44
42
|
}
|
45
43
|
}
|
@@ -69,12 +67,12 @@ var autoCompletePlugin = function autoCompletePlugin(_ref) {
|
|
69
67
|
scrollbarWidth: "none",
|
70
68
|
msOverflowStyle: "-ms-autohiding-scrollbar",
|
71
69
|
"&::-webkit-scrollbar": {
|
72
|
-
width:
|
73
|
-
height:
|
70
|
+
width: "0px",
|
71
|
+
height: "0px"
|
74
72
|
}
|
75
73
|
},
|
76
74
|
".autocomplete-input": {
|
77
|
-
flex: 1,
|
75
|
+
flex: "1",
|
78
76
|
backgroundColor: "transparent",
|
79
77
|
caretColor: theme("colors.grey.600"),
|
80
78
|
color: theme("colors.grey.900"),
|
@@ -94,6 +92,5 @@ var autoCompletePlugin = function autoCompletePlugin(_ref) {
|
|
94
92
|
}
|
95
93
|
}
|
96
94
|
});
|
97
|
-
};
|
98
|
-
|
95
|
+
});
|
99
96
|
module.exports = autoCompletePlugin;
|
@@ -1,13 +1,13 @@
|
|
1
|
-
import
|
2
|
-
import { IconComponentType } from "../../types";
|
1
|
+
import type { ReactNode } from "react";
|
3
2
|
import { MedallionVariant } from "../../Medallion";
|
3
|
+
import type { IconComponentType } from "../../types";
|
4
4
|
export interface AutoCompleteEmptyStateProps {
|
5
5
|
icon?: IconComponentType;
|
6
6
|
variant?: MedallionVariant;
|
7
7
|
/** Descriptive title for state */
|
8
|
-
title:
|
8
|
+
title: ReactNode;
|
9
9
|
/** Optional description to explain why the screen is empty or define next steps */
|
10
|
-
description?:
|
10
|
+
description?: ReactNode;
|
11
11
|
}
|
12
12
|
export declare const AutoCompleteEmptyState: ({ icon, variant, title, description, }: AutoCompleteEmptyStateProps) => JSX.Element;
|
13
13
|
export default AutoCompleteEmptyState;
|
@@ -9,13 +9,13 @@ exports["default"] = exports.AutoCompleteEmptyState = void 0;
|
|
9
9
|
|
10
10
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
11
11
|
|
12
|
-
var _react = _interopRequireDefault(require("react"));
|
13
|
-
|
14
12
|
var _reactFeather = require("react-feather");
|
15
13
|
|
14
|
+
var _Medallion = require("../../Medallion");
|
15
|
+
|
16
16
|
var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
|
17
17
|
|
18
|
-
var
|
18
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
19
19
|
|
20
20
|
var _templateObject, _templateObject2, _templateObject3;
|
21
21
|
|
@@ -26,16 +26,19 @@ var AutoCompleteEmptyState = function AutoCompleteEmptyState(_ref) {
|
|
26
26
|
variant = _ref$variant === void 0 ? "grey" : _ref$variant,
|
27
27
|
title = _ref.title,
|
28
28
|
description = _ref.description;
|
29
|
-
return /*#__PURE__*/
|
30
|
-
className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex flex-col items-center p-6"])))
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
29
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
30
|
+
className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex flex-col items-center p-6"]))),
|
31
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Medallion.Medallion, {
|
32
|
+
icon: icon,
|
33
|
+
variant: variant
|
34
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
35
|
+
className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["font-semibold pt-4"]))),
|
36
|
+
children: title
|
37
|
+
}), description && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
|
38
|
+
className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["display-caption typo-subdued pt-4"]))),
|
39
|
+
children: description
|
40
|
+
})]
|
41
|
+
});
|
39
42
|
};
|
40
43
|
|
41
44
|
exports.AutoCompleteEmptyState = AutoCompleteEmptyState;
|
@@ -1,3 +1,7 @@
|
|
1
|
-
|
2
|
-
|
1
|
+
/// <reference types="react" />
|
2
|
+
import type { AutoCompleteLocale, OptionItemProps } from "../types";
|
3
|
+
declare type DefaultOptionItemProps = OptionItemProps & {
|
4
|
+
locale?: AutoCompleteLocale;
|
5
|
+
};
|
6
|
+
declare const DefaultOptionItem: ({ option, multiple, locale }: DefaultOptionItemProps) => JSX.Element;
|
3
7
|
export default DefaultOptionItem;
|