@algolia/satellite 1.0.0-beta.147 → 1.0.0-beta.148
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/AnnouncementBadge/AnnouncementBadge.js +7 -24
- package/cjs/AnnouncementBadge/index.js +0 -5
- package/cjs/AutoComplete/AutoComplete.js +68 -163
- package/cjs/AutoComplete/AutoComplete.tailwind.js +2 -5
- package/cjs/AutoComplete/components/AutoCompleteEmptyState.js +5 -14
- package/cjs/AutoComplete/components/DefaultOptionItem.js +2 -11
- package/cjs/AutoComplete/index.js +0 -11
- package/cjs/AutoComplete/utils.js +0 -8
- package/cjs/Avatars/ApplicationAvatar.js +3 -13
- package/cjs/Avatars/UserAvatar.js +6 -20
- package/cjs/Avatars/index.js +0 -7
- package/cjs/Avatars/utils.js +6 -37
- package/cjs/Badge/Badge.js +13 -36
- package/cjs/Badge/index.js +0 -5
- package/cjs/Banners/Alert/Alert.js +18 -28
- package/cjs/Banners/Alert/index.js +0 -5
- package/cjs/Banners/BigBertha/BigBertha.js +1 -9
- package/cjs/Banners/BigBertha/index.js +0 -5
- package/cjs/Banners/Promote/Promote.js +8 -19
- package/cjs/Banners/Promote/index.js +0 -5
- package/cjs/Banners/index.js +0 -6
- package/cjs/Button/Button.js +13 -33
- package/cjs/Button/Button.tailwind.js +3 -5
- package/cjs/Button/ButtonGroup.js +3 -11
- package/cjs/Button/IconButton.js +12 -35
- package/cjs/Button/index.js +0 -11
- package/cjs/Button/styles.js +1 -10
- package/cjs/Button/types.js +0 -1
- package/cjs/Card/Card.js +6 -21
- package/cjs/Card/Card.tailwind.js +1 -2
- package/cjs/Card/components/CardHeader.js +1 -14
- package/cjs/Card/components/CardTitle.js +2 -15
- package/cjs/Card/index.js +0 -9
- package/cjs/Checkbox/Checkbox.js +14 -38
- package/cjs/Checkbox/Checkbox.tailwind.js +1 -3
- package/cjs/Checkbox/index.js +0 -5
- package/cjs/ClickAwayContainer/ClickAwayContainer.js +11 -23
- package/cjs/ClickAwayContainer/index.js +0 -2
- package/cjs/DatePicker/DatePicker/DatePicker.js +13 -46
- package/cjs/DatePicker/DatePicker/datePickerReducer.js +0 -15
- package/cjs/DatePicker/DatePicker/index.js +0 -7
- package/cjs/DatePicker/DatePicker.tailwind.js +2 -12
- package/cjs/DatePicker/DateRangePicker/DateRangePicker.js +29 -72
- package/cjs/DatePicker/DateRangePicker/DateRangePickerDisplay.js +4 -14
- package/cjs/DatePicker/DateRangePicker/dateRangePickerReducer.js +2 -28
- package/cjs/DatePicker/DateRangePicker/dateRangePickerTimeRange.js +0 -6
- package/cjs/DatePicker/DateRangePicker/index.js +0 -9
- package/cjs/DatePicker/components/Calendar.js +5 -16
- package/cjs/DatePicker/components/Display.js +3 -9
- package/cjs/DatePicker/components/Footer.js +0 -7
- package/cjs/DatePicker/components/FooterActions.js +3 -11
- package/cjs/DatePicker/components/Modal.js +17 -39
- package/cjs/DatePicker/components/NavBar.js +12 -34
- package/cjs/DatePicker/components/SidePanel.js +0 -7
- package/cjs/DatePicker/components/index.js +0 -7
- package/cjs/DatePicker/index.js +0 -9
- package/cjs/DatePicker/utils.js +0 -4
- package/cjs/Dropdown/Dropdown.js +23 -58
- package/cjs/Dropdown/DropdownButton.js +3 -20
- package/cjs/Dropdown/DropdownContext.js +0 -6
- package/cjs/Dropdown/components/DropdownButtonItem.js +5 -21
- package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +10 -25
- package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.js +2 -6
- package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroupContext.js +0 -6
- package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.js +6 -16
- package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.js +6 -15
- package/cjs/Dropdown/components/DropdownCollapsibleItem/index.js +0 -9
- package/cjs/Dropdown/components/DropdownDivider.js +0 -7
- package/cjs/Dropdown/components/DropdownFooterItem.js +2 -15
- package/cjs/Dropdown/components/DropdownLinkItem.js +6 -23
- package/cjs/Dropdown/components/DropdownRadioItem.js +4 -20
- package/cjs/Dropdown/components/DropdownTitle.js +1 -14
- package/cjs/Dropdown/components/DropdownToggleItem.js +5 -22
- package/cjs/Dropdown/index.js +0 -27
- package/cjs/Dropdown/useDropdownItemProps.js +1 -14
- package/cjs/Dropzone/Dropzone.js +27 -62
- package/cjs/Dropzone/index.js +0 -5
- package/cjs/EmptyState/EmptyState.js +12 -23
- package/cjs/EmptyState/EmptyState.tailwind.js +0 -1
- package/cjs/EmptyState/index.js +0 -7
- package/cjs/Field/Field.js +8 -21
- package/cjs/Field/FieldStateContext.js +0 -2
- package/cjs/Field/index.js +0 -9
- package/cjs/Field/useFieldState.js +0 -7
- package/cjs/Flag/Flag.js +17 -40
- package/cjs/Flag/Flag.tailwind.js +0 -1
- package/cjs/Flag/Flags.js +4 -19
- package/cjs/Flag/index.js +0 -9
- package/cjs/FlexGrid/FlexGrid.js +13 -24
- package/cjs/FlexGrid/FlexGrid.tailwind.js +4 -11
- package/cjs/FlexGrid/index.js +0 -5
- package/cjs/HelpUnderline/HelpUnderline.js +5 -14
- package/cjs/HelpUnderline/HelpUnderline.tailwind.js +1 -2
- package/cjs/HelpUnderline/index.js +0 -5
- package/cjs/Input/Input.js +26 -70
- package/cjs/Input/Input.tailwind.js +1 -4
- package/cjs/Input/index.js +0 -5
- package/cjs/Insert/Insert.js +7 -17
- package/cjs/Insert/index.js +0 -5
- package/cjs/InstantSearch/InstantSearch.tailwind.js +4 -10
- package/cjs/KeyboardKey/KeyboardKey.js +1 -12
- package/cjs/KeyboardKey/KeyboardKey.tailwind.js +1 -2
- package/cjs/KeyboardKey/index.js +0 -2
- package/cjs/Link/BaseLink.js +2 -12
- package/cjs/Link/ButtonLink.js +3 -17
- package/cjs/Link/IconButtonLink.js +2 -13
- package/cjs/Link/Link.js +6 -23
- package/cjs/Link/index.js +0 -11
- package/cjs/Medallion/Medallion.js +5 -14
- package/cjs/Medallion/Medallion.tailwind.js +3 -6
- package/cjs/Medallion/index.js +0 -7
- package/cjs/Modal/Modal.js +21 -57
- package/cjs/Modal/Modal.tailwind.js +3 -3
- package/cjs/Modal/components/ModalFooter.js +2 -16
- package/cjs/Modal/components/ModalSection.js +3 -11
- package/cjs/Modal/index.js +0 -9
- package/cjs/Pagination/CompactPagination/CompactPagination.js +1 -22
- package/cjs/Pagination/CompactPagination/index.js +0 -5
- package/cjs/Pagination/DotPagination/DotPagination.js +5 -19
- package/cjs/Pagination/DotPagination/index.js +0 -5
- package/cjs/Pagination/Pagination/Pagination.js +9 -34
- package/cjs/Pagination/Pagination/index.js +0 -5
- package/cjs/Pagination/index.js +0 -9
- package/cjs/ProgressBar/ProgressBar.js +3 -16
- package/cjs/ProgressBar/ProgressBar.tailwind.js +1 -3
- package/cjs/ProgressBar/index.js +0 -5
- package/cjs/ProgressSpinner/ProgressSpinner.js +8 -20
- package/cjs/ProgressSpinner/ProgressSpinner.tailwind.js +2 -3
- package/cjs/ProgressSpinner/index.js +0 -5
- package/cjs/RadioGroup/RadioButton.js +1 -14
- package/cjs/RadioGroup/RadioButton.tailwind.js +1 -4
- package/cjs/RadioGroup/RadioGroup.js +19 -38
- package/cjs/RadioGroup/RadiogroupContext.js +0 -6
- package/cjs/RadioGroup/index.js +0 -9
- package/cjs/RangeSlider/RangeSlider.js +26 -43
- package/cjs/RangeSlider/RangeSlider.tailwind.js +1 -3
- package/cjs/RangeSlider/index.js +0 -5
- package/cjs/Satellite/Satellite.js +4 -10
- package/cjs/Satellite/SatelliteContext.js +0 -9
- package/cjs/Satellite/SatelliteRouter.js +2 -9
- package/cjs/Satellite/index.js +0 -13
- package/cjs/Satellite/locale.js +1 -7
- package/cjs/Satellite/useCreatePortal.js +2 -8
- package/cjs/ScrollIndicator/ScrollIndicator.js +18 -41
- package/cjs/ScrollIndicator/ScrollIndicator.tailwind.js +1 -3
- package/cjs/ScrollIndicator/index.js +0 -5
- package/cjs/Select/Select.js +4 -17
- package/cjs/Select/Select.tailwind.js +2 -5
- package/cjs/Select/index.js +0 -5
- package/cjs/Sidebar/Sidebar.js +11 -30
- package/cjs/Sidebar/SidebarButtonLink.js +10 -30
- package/cjs/Sidebar/SidebarContext.js +0 -6
- package/cjs/Sidebar/SidebarHeader.js +1 -9
- package/cjs/Sidebar/SidebarHeading.js +3 -14
- package/cjs/Sidebar/SidebarLink.js +5 -20
- package/cjs/Sidebar/SidebarLinksGroup/ActiveLinkIndicator.js +2 -11
- package/cjs/Sidebar/SidebarLinksGroup/SidebarGroupLink.js +3 -14
- package/cjs/Sidebar/SidebarLinksGroup/SidebarLinksGroup.js +8 -31
- package/cjs/Sidebar/SidebarLinksGroup/index.js +0 -2
- package/cjs/Sidebar/SidebarNav.js +5 -16
- package/cjs/Sidebar/index.js +0 -17
- package/cjs/Switch/Switch.js +15 -36
- package/cjs/Switch/Switch.tailwind.js +1 -2
- package/cjs/Switch/SwitchOption.js +2 -15
- package/cjs/Switch/index.js +0 -7
- package/cjs/Switch/utils.js +0 -9
- package/cjs/Tables/DataTable/DataTable.js +28 -70
- package/cjs/Tables/DataTable/DataTable.tailwind.js +2 -2
- package/cjs/Tables/DataTable/components/Body.js +14 -33
- package/cjs/Tables/DataTable/components/Footer.js +1 -17
- package/cjs/Tables/DataTable/components/Header.js +5 -12
- package/cjs/Tables/DataTable/components/HeaderCell.js +10 -27
- package/cjs/Tables/DataTable/components/Loader.js +4 -17
- package/cjs/Tables/DataTable/components/index.js +0 -10
- package/cjs/Tables/DataTable/index.js +0 -7
- package/cjs/Tables/DataTable/utils.js +0 -9
- package/cjs/Tables/Table/Table.js +7 -21
- package/cjs/Tables/Table/Table.tailwind.js +1 -2
- package/cjs/Tables/Table/components/TableFooter.js +2 -10
- package/cjs/Tables/Table/index.js +0 -7
- package/cjs/Tables/index.js +0 -7
- package/cjs/Tabs/ContentTabs.js +10 -21
- package/cjs/Tabs/LinkTabs.js +5 -18
- package/cjs/Tabs/Tabs.tailwind.js +1 -2
- package/cjs/Tabs/components/LinkTab.js +2 -27
- package/cjs/Tabs/index.js +0 -9
- package/cjs/Tabs/utils.js +0 -5
- package/cjs/Tag/Tag.js +7 -26
- package/cjs/Tag/Tag.tailwind.js +1 -2
- package/cjs/Tag/index.js +0 -5
- package/cjs/TextArea/TextArea.js +1 -14
- package/cjs/TextArea/TextArea.tailwind.js +1 -4
- package/cjs/TextArea/index.js +0 -5
- package/cjs/TextWrap/TextWrap.js +3 -18
- package/cjs/TextWrap/index.js +0 -5
- package/cjs/Toggle/Toggle.js +6 -27
- package/cjs/Toggle/Toggle.tailwind.js +1 -3
- package/cjs/Toggle/index.js +0 -5
- package/cjs/Tooltip/OverflowTooltipWrapper.js +33 -62
- package/cjs/Tooltip/Tooltip.js +4 -17
- package/cjs/Tooltip/Tooltip.tailwind.js +3 -5
- package/cjs/Tooltip/TooltipWrapper.js +43 -71
- package/cjs/Tooltip/index.js +0 -9
- package/cjs/Typography/Typography.tailwind.js +12 -18
- package/cjs/UserContent/UserContent.js +3 -11
- package/cjs/UserContent/UserContent.tailwind.js +2 -11
- package/cjs/index.js +0 -89
- package/cjs/styles/base.tailwind.js +7 -7
- package/cjs/styles/colors.js +7 -7
- package/cjs/styles/disabledColor.js +1 -4
- package/cjs/styles/helpers/icons.js +5 -11
- package/cjs/styles/helpers/makePurgeCssExtractor.js +3 -15
- package/cjs/styles/helpers/makeTailwindPrefixer.js +1 -9
- package/cjs/styles/helpers/prefixTailwindClassName.js +6 -6
- package/cjs/styles/helpers/satellitePrefixer.js +1 -2
- package/cjs/styles/rgba.js +1 -3
- package/cjs/styles/tailwind.config.js +4 -11
- package/cjs/styles/zIndexes.js +1 -0
- package/cjs/utilities/utilities.tailwind.js +0 -3
- package/cjs/utils/event-polyfill.js +0 -2
- package/cjs/utils/formatters.js +12 -19
- package/cjs/utils/genericChangeHandler.js +0 -6
- package/cjs/utils/hashCode.js +0 -5
- package/cjs/utils/index.js +0 -7
- package/cjs/utils/isCssPropertySupported.js +0 -3
- package/cjs/utils/isNil.js +0 -2
- package/cjs/utils/isRenderedChild.js +0 -2
- package/cjs/utils/matchLocation.js +0 -4
- package/cjs/utils/onlyText.js +3 -12
- package/cjs/utils/parseUrl.js +2 -4
- package/cjs/utils/pluralize.js +2 -7
- package/cjs/utils/range.js +0 -2
- package/cjs/utils/toSentenceCase.js +0 -4
- package/cjs/utils/uniqBy.js +0 -4
- package/cjs/utils/uniqueId.js +0 -2
- package/cjs/utils/useForwardedRef.js +0 -6
- package/cjs/utils/useLinkProps.js +1 -13
- package/cjs/utils/useTriggerInputChange.js +2 -4
- package/esm/AnnouncementBadge/AnnouncementBadge.js +7 -14
- package/esm/AutoComplete/AutoComplete.js +68 -158
- package/esm/AutoComplete/AutoComplete.tailwind.js +2 -2
- package/esm/AutoComplete/components/AutoCompleteEmptyState.js +5 -7
- package/esm/AutoComplete/components/DefaultOptionItem.js +2 -8
- package/esm/AutoComplete/utils.js +0 -2
- package/esm/Avatars/ApplicationAvatar.js +3 -6
- package/esm/Avatars/UserAvatar.js +6 -12
- package/esm/Avatars/utils.js +7 -23
- package/esm/Badge/Badge.js +13 -28
- package/esm/Banners/Alert/Alert.js +18 -20
- package/esm/Banners/BigBertha/BigBertha.js +1 -4
- package/esm/Banners/Promote/Promote.js +8 -10
- package/esm/Button/Button.js +13 -21
- package/esm/Button/Button.tailwind.js +3 -2
- package/esm/Button/ButtonGroup.js +3 -6
- package/esm/Button/IconButton.js +12 -22
- package/esm/Button/styles.js +1 -5
- package/esm/Card/Card.js +6 -12
- package/esm/Card/Card.tailwind.js +1 -1
- package/esm/Card/components/CardHeader.js +1 -7
- package/esm/Card/components/CardTitle.js +2 -8
- package/esm/Checkbox/Checkbox.js +14 -28
- package/esm/Checkbox/Checkbox.tailwind.js +1 -1
- package/esm/ClickAwayContainer/ClickAwayContainer.js +11 -13
- package/esm/DatePicker/DatePicker/DatePicker.js +13 -31
- package/esm/DatePicker/DatePicker/datePickerReducer.js +0 -9
- package/esm/DatePicker/DatePicker.tailwind.js +2 -9
- package/esm/DatePicker/DateRangePicker/DateRangePicker.js +29 -55
- package/esm/DatePicker/DateRangePicker/DateRangePickerDisplay.js +4 -8
- package/esm/DatePicker/DateRangePicker/dateRangePickerReducer.js +2 -16
- package/esm/DatePicker/components/Calendar.js +5 -10
- package/esm/DatePicker/components/Display.js +3 -5
- package/esm/DatePicker/components/Footer.js +0 -4
- package/esm/DatePicker/components/FooterActions.js +3 -7
- package/esm/DatePicker/components/Modal.js +17 -27
- package/esm/DatePicker/components/NavBar.js +12 -22
- package/esm/DatePicker/components/SidePanel.js +0 -4
- package/esm/Dropdown/Dropdown.js +23 -34
- package/esm/Dropdown/DropdownButton.js +3 -11
- package/esm/Dropdown/DropdownContext.js +0 -2
- package/esm/Dropdown/components/DropdownButtonItem.js +5 -12
- package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +10 -15
- package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.js +2 -2
- package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroupContext.js +0 -2
- package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.js +6 -9
- package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.js +6 -9
- package/esm/Dropdown/components/DropdownDivider.js +0 -2
- package/esm/Dropdown/components/DropdownFooterItem.js +2 -8
- package/esm/Dropdown/components/DropdownLinkItem.js +6 -13
- package/esm/Dropdown/components/DropdownRadioItem.js +4 -11
- package/esm/Dropdown/components/DropdownTitle.js +1 -7
- package/esm/Dropdown/components/DropdownToggleItem.js +5 -12
- package/esm/Dropdown/useDropdownItemProps.js +1 -7
- package/esm/Dropzone/Dropzone.js +27 -45
- package/esm/EmptyState/EmptyState.js +12 -16
- package/esm/Field/Field.js +8 -11
- package/esm/Flag/Flag.js +17 -25
- package/esm/Flag/Flags.js +4 -9
- package/esm/FlexGrid/FlexGrid.js +13 -15
- package/esm/FlexGrid/FlexGrid.tailwind.js +4 -9
- package/esm/HelpUnderline/HelpUnderline.js +5 -7
- package/esm/HelpUnderline/HelpUnderline.tailwind.js +1 -1
- package/esm/Input/Input.js +26 -54
- package/esm/Input/Input.tailwind.js +1 -1
- package/esm/Insert/Insert.js +7 -11
- package/esm/InstantSearch/InstantSearch.tailwind.js +4 -4
- package/esm/KeyboardKey/KeyboardKey.js +1 -3
- package/esm/KeyboardKey/KeyboardKey.tailwind.js +1 -1
- package/esm/Link/BaseLink.js +2 -6
- package/esm/Link/ButtonLink.js +3 -9
- package/esm/Link/IconButtonLink.js +2 -6
- package/esm/Link/Link.js +6 -14
- package/esm/Medallion/Medallion.js +5 -7
- package/esm/Medallion/Medallion.tailwind.js +3 -2
- package/esm/Modal/Modal.js +21 -38
- package/esm/Modal/Modal.tailwind.js +3 -2
- package/esm/Modal/components/ModalFooter.js +2 -8
- package/esm/Modal/components/ModalSection.js +3 -5
- package/esm/Pagination/CompactPagination/CompactPagination.js +1 -9
- package/esm/Pagination/DotPagination/DotPagination.js +5 -11
- package/esm/Pagination/Pagination/Pagination.js +9 -21
- package/esm/ProgressBar/ProgressBar.js +3 -10
- package/esm/ProgressBar/ProgressBar.tailwind.js +1 -1
- package/esm/ProgressSpinner/ProgressSpinner.js +8 -12
- package/esm/ProgressSpinner/ProgressSpinner.tailwind.js +2 -2
- package/esm/RadioGroup/RadioButton.js +1 -7
- package/esm/RadioGroup/RadioButton.tailwind.js +1 -1
- package/esm/RadioGroup/RadioGroup.js +19 -25
- package/esm/RadioGroup/RadiogroupContext.js +0 -2
- package/esm/RangeSlider/RangeSlider.js +26 -35
- package/esm/RangeSlider/RangeSlider.tailwind.js +1 -1
- package/esm/Satellite/Satellite.js +4 -4
- package/esm/Satellite/SatelliteContext.js +0 -3
- package/esm/Satellite/SatelliteRouter.js +2 -4
- package/esm/Satellite/locale.js +1 -2
- package/esm/Satellite/useCreatePortal.js +2 -2
- package/esm/ScrollIndicator/ScrollIndicator.js +18 -31
- package/esm/ScrollIndicator/ScrollIndicator.tailwind.js +1 -1
- package/esm/Select/Select.js +4 -9
- package/esm/Select/Select.tailwind.js +2 -2
- package/esm/Sidebar/Sidebar.js +11 -17
- package/esm/Sidebar/SidebarButtonLink.js +10 -20
- package/esm/Sidebar/SidebarContext.js +0 -2
- package/esm/Sidebar/SidebarHeader.js +1 -3
- package/esm/Sidebar/SidebarHeading.js +3 -7
- package/esm/Sidebar/SidebarLink.js +5 -11
- package/esm/Sidebar/SidebarLinksGroup/ActiveLinkIndicator.js +2 -4
- package/esm/Sidebar/SidebarLinksGroup/SidebarGroupLink.js +3 -7
- package/esm/Sidebar/SidebarLinksGroup/SidebarLinksGroup.js +8 -18
- package/esm/Sidebar/SidebarNav.js +5 -9
- package/esm/Switch/Switch.js +15 -24
- package/esm/Switch/Switch.tailwind.js +1 -1
- package/esm/Switch/SwitchOption.js +2 -6
- package/esm/Tables/DataTable/DataTable.js +28 -49
- package/esm/Tables/DataTable/DataTable.tailwind.js +2 -1
- package/esm/Tables/DataTable/components/Body.js +14 -23
- package/esm/Tables/DataTable/components/Footer.js +1 -8
- package/esm/Tables/DataTable/components/Header.js +5 -6
- package/esm/Tables/DataTable/components/HeaderCell.js +10 -17
- package/esm/Tables/DataTable/components/Loader.js +4 -8
- package/esm/Tables/DataTable/utils.js +0 -1
- package/esm/Tables/Table/Table.js +7 -14
- package/esm/Tables/Table/Table.tailwind.js +1 -1
- package/esm/Tables/Table/components/TableFooter.js +2 -4
- package/esm/Tabs/ContentTabs.js +10 -12
- package/esm/Tabs/LinkTabs.js +5 -7
- package/esm/Tabs/Tabs.tailwind.js +1 -1
- package/esm/Tabs/components/LinkTab.js +2 -18
- package/esm/Tabs/utils.js +0 -2
- package/esm/Tag/Tag.js +7 -16
- package/esm/Tag/Tag.tailwind.js +1 -1
- package/esm/TextArea/TextArea.js +1 -7
- package/esm/TextArea/TextArea.tailwind.js +1 -1
- package/esm/TextWrap/TextWrap.js +3 -11
- package/esm/Toggle/Toggle.js +6 -19
- package/esm/Toggle/Toggle.tailwind.js +1 -1
- package/esm/Tooltip/OverflowTooltipWrapper.js +33 -46
- package/esm/Tooltip/Tooltip.js +4 -9
- package/esm/Tooltip/Tooltip.tailwind.js +3 -4
- package/esm/Tooltip/TooltipWrapper.js +43 -56
- package/esm/Typography/Typography.tailwind.js +12 -15
- package/esm/UserContent/UserContent.js +3 -5
- package/esm/UserContent/UserContent.tailwind.js +2 -7
- package/esm/styles/base.tailwind.js +7 -6
- package/esm/styles/colors.js +7 -7
- package/esm/styles/disabledColor.js +1 -2
- package/esm/styles/helpers/icons.js +5 -8
- package/esm/styles/helpers/makePurgeCssExtractor.js +3 -14
- package/esm/styles/helpers/makeTailwindPrefixer.js +1 -6
- package/esm/styles/helpers/prefixTailwindClassName.js +6 -6
- package/esm/styles/helpers/satellitePrefixer.js +1 -1
- package/esm/styles/rgba.js +1 -2
- package/esm/styles/tailwind.config.js +4 -6
- package/esm/styles/zIndexes.js +1 -0
- package/esm/utils/event-polyfill.js +0 -2
- package/esm/utils/formatters.js +12 -16
- package/esm/utils/genericChangeHandler.js +0 -2
- package/esm/utils/hashCode.js +0 -3
- package/esm/utils/isCssPropertySupported.js +0 -2
- package/esm/utils/isRenderedChild.js +0 -1
- package/esm/utils/matchLocation.js +0 -2
- package/esm/utils/onlyText.js +3 -11
- package/esm/utils/parseUrl.js +2 -2
- package/esm/utils/pluralize.js +2 -5
- package/esm/utils/toSentenceCase.js +1 -1
- package/esm/utils/uniqBy.js +0 -2
- package/esm/utils/useForwardedRef.js +0 -3
- package/esm/utils/useLinkProps.js +1 -7
- package/esm/utils/useTriggerInputChange.js +2 -3
- package/package.json +1 -1
- package/satellite.min.css +1 -1
- package/scss/colors.scss +16 -16
@@ -1,23 +1,18 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
6
5
|
value: true
|
7
6
|
});
|
8
7
|
exports["default"] = void 0;
|
9
|
-
|
10
8
|
var _reactFeather = require("react-feather");
|
11
|
-
|
12
9
|
var _Button = _interopRequireDefault(require("../../Button"));
|
13
|
-
|
14
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
15
|
-
|
16
11
|
var Display = function Display(_ref) {
|
17
12
|
var id = _ref.id,
|
18
|
-
|
19
|
-
|
20
|
-
|
13
|
+
size = _ref.size,
|
14
|
+
onClick = _ref.onClick,
|
15
|
+
children = _ref.children;
|
21
16
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button["default"], {
|
22
17
|
id: id,
|
23
18
|
size: size,
|
@@ -26,6 +21,5 @@ var Display = function Display(_ref) {
|
|
26
21
|
children: children
|
27
22
|
});
|
28
23
|
};
|
29
|
-
|
30
24
|
var _default = Display;
|
31
25
|
exports["default"] = _default;
|
@@ -1,20 +1,14 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
6
5
|
value: true
|
7
6
|
});
|
8
7
|
exports["default"] = void 0;
|
9
|
-
|
10
8
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
11
|
-
|
12
9
|
var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
|
13
|
-
|
14
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
15
|
-
|
16
11
|
var _templateObject;
|
17
|
-
|
18
12
|
var Footer = function Footer(_ref) {
|
19
13
|
var children = _ref.children;
|
20
14
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
@@ -22,6 +16,5 @@ var Footer = function Footer(_ref) {
|
|
22
16
|
children: children
|
23
17
|
});
|
24
18
|
};
|
25
|
-
|
26
19
|
var _default = Footer;
|
27
20
|
exports["default"] = _default;
|
@@ -1,27 +1,20 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
6
5
|
value: true
|
7
6
|
});
|
8
7
|
exports["default"] = void 0;
|
9
|
-
|
10
8
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
11
|
-
|
12
9
|
var _Button = require("../../Button");
|
13
|
-
|
14
10
|
var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
|
15
|
-
|
16
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
17
|
-
|
18
12
|
var _templateObject, _templateObject2;
|
19
|
-
|
20
13
|
var FooterActions = function FooterActions(_ref) {
|
21
14
|
var onCancel = _ref.onCancel,
|
22
|
-
|
23
|
-
|
24
|
-
|
15
|
+
onApply = _ref.onApply,
|
16
|
+
disableApply = _ref.disableApply,
|
17
|
+
locale = _ref.locale;
|
25
18
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
26
19
|
className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["ml-auto flex justify-end"]))),
|
27
20
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
|
@@ -36,6 +29,5 @@ var FooterActions = function FooterActions(_ref) {
|
|
36
29
|
})]
|
37
30
|
});
|
38
31
|
};
|
39
|
-
|
40
32
|
var _default = FooterActions;
|
41
33
|
exports["default"] = _default;
|
@@ -1,40 +1,24 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
6
5
|
value: true
|
7
6
|
});
|
8
7
|
exports["default"] = exports.DEFAULT_DATE_PICKER_MODAL_POPPER_MODIFIERS = void 0;
|
9
|
-
|
10
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
11
|
-
|
12
9
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
13
|
-
|
14
10
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
15
|
-
|
16
11
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
17
|
-
|
18
12
|
var _clsx = _interopRequireDefault(require("clsx"));
|
19
|
-
|
20
13
|
var _react = require("react");
|
21
|
-
|
22
14
|
var _reactPopper = require("react-popper");
|
23
|
-
|
24
15
|
var _ClickAwayContainer = require("../../ClickAwayContainer");
|
25
|
-
|
26
16
|
var _Satellite = require("../../Satellite");
|
27
|
-
|
28
17
|
var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
|
29
|
-
|
30
18
|
var _jsxRuntime = require("react/jsx-runtime");
|
31
|
-
|
32
19
|
var _templateObject;
|
33
|
-
|
34
20
|
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; }
|
35
|
-
|
36
21
|
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; }
|
37
|
-
|
38
22
|
var DEFAULT_DATE_PICKER_MODAL_POPPER_MODIFIERS = [{
|
39
23
|
name: "offset",
|
40
24
|
options: {
|
@@ -42,36 +26,31 @@ var DEFAULT_DATE_PICKER_MODAL_POPPER_MODIFIERS = [{
|
|
42
26
|
}
|
43
27
|
}];
|
44
28
|
exports.DEFAULT_DATE_PICKER_MODAL_POPPER_MODIFIERS = DEFAULT_DATE_PICKER_MODAL_POPPER_MODIFIERS;
|
45
|
-
|
46
29
|
var Modal = function Modal(_ref) {
|
47
30
|
var show = _ref.show,
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
31
|
+
targetElement = _ref.targetElement,
|
32
|
+
_onClickAway = _ref.onClickAway,
|
33
|
+
children = _ref.children,
|
34
|
+
_ref$placement = _ref.placement,
|
35
|
+
placement = _ref$placement === void 0 ? "bottom-start" : _ref$placement,
|
36
|
+
_ref$modifiers = _ref.modifiers,
|
37
|
+
modifiers = _ref$modifiers === void 0 ? [] : _ref$modifiers,
|
38
|
+
className = _ref.className;
|
56
39
|
var createPortal = (0, _Satellite.useCreatePortal)();
|
57
|
-
|
58
40
|
var _useState = (0, _react.useState)(null),
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
41
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
42
|
+
datePickerElement = _useState2[0],
|
43
|
+
setDatePickerElement = _useState2[1];
|
63
44
|
var _usePopper = (0, _reactPopper.usePopper)(targetElement, datePickerElement, {
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
45
|
+
modifiers: [].concat(DEFAULT_DATE_PICKER_MODAL_POPPER_MODIFIERS, (0, _toConsumableArray2["default"])(modifiers)),
|
46
|
+
placement: placement,
|
47
|
+
strategy: "fixed"
|
48
|
+
}),
|
49
|
+
styles = _usePopper.styles,
|
50
|
+
attributes = _usePopper.attributes;
|
71
51
|
if (!show) {
|
72
52
|
return null;
|
73
53
|
}
|
74
|
-
|
75
54
|
return createPortal( /*#__PURE__*/(0, _jsxRuntime.jsx)(_ClickAwayContainer.ClickAwayContainer, {
|
76
55
|
element: datePickerElement,
|
77
56
|
onClickAway: function onClickAway(evt) {
|
@@ -86,6 +65,5 @@ var Modal = function Modal(_ref) {
|
|
86
65
|
}))
|
87
66
|
}));
|
88
67
|
};
|
89
|
-
|
90
68
|
var _default = Modal;
|
91
69
|
exports["default"] = _default;
|
@@ -1,56 +1,39 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
6
5
|
value: true
|
7
6
|
});
|
8
7
|
exports["default"] = void 0;
|
9
|
-
|
10
8
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
11
|
-
|
12
9
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
13
|
-
|
14
10
|
var _clsx = _interopRequireDefault(require("clsx"));
|
15
|
-
|
16
11
|
var _dateFns = require("date-fns");
|
17
|
-
|
18
12
|
var _isSameMonth = _interopRequireDefault(require("date-fns/isSameMonth"));
|
19
|
-
|
20
13
|
var _react = require("react");
|
21
|
-
|
22
14
|
var _reactDayPicker = require("react-day-picker");
|
23
|
-
|
24
15
|
var _reactFeather = require("react-feather");
|
25
|
-
|
26
16
|
var _Button = require("../../Button");
|
27
|
-
|
28
17
|
var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
|
29
|
-
|
30
18
|
var _utils = require("../../utils");
|
31
|
-
|
32
19
|
var _jsxRuntime = require("react/jsx-runtime");
|
33
|
-
|
34
20
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
|
35
|
-
|
36
21
|
var NavBar = function NavBar(props) {
|
37
22
|
var _useDayPicker = (0, _reactDayPicker.useDayPicker)(),
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
23
|
+
numberOfMonths = _useDayPicker.numberOfMonths,
|
24
|
+
onMonthChange = _useDayPicker.onMonthChange,
|
25
|
+
formatMonthCaption = _useDayPicker.formatters.formatMonthCaption,
|
26
|
+
dir = _useDayPicker.dir,
|
27
|
+
locale = _useDayPicker.locale;
|
44
28
|
var _useNavigation = (0, _reactDayPicker.useNavigation)(),
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
29
|
+
previousMonth = _useNavigation.previousMonth,
|
30
|
+
nextMonth = _useNavigation.nextMonth,
|
31
|
+
goToMonth = _useNavigation.goToMonth,
|
32
|
+
goToDate = _useNavigation.goToDate,
|
33
|
+
displayMonths = _useNavigation.displayMonths;
|
51
34
|
var _props$locale = props.locale,
|
52
|
-
|
53
|
-
|
35
|
+
nextMonthLabel = _props$locale.nextMonth,
|
36
|
+
previousMonthLabel = _props$locale.previousMonth;
|
54
37
|
var initialDate = (0, _react.useMemo)(function () {
|
55
38
|
return props.editableYear && props.initialDate ? props.initialDate : new Date();
|
56
39
|
}, [props]);
|
@@ -59,19 +42,16 @@ var NavBar = function NavBar(props) {
|
|
59
42
|
});
|
60
43
|
var showNext = numberOfMonths === 1 || displayIndex === displayMonths.length - 1;
|
61
44
|
var showPrevious = numberOfMonths === 1 || displayIndex === 0;
|
62
|
-
|
63
45
|
var handlePreviousClick = function handlePreviousClick() {
|
64
46
|
if (!previousMonth) return;
|
65
47
|
goToMonth(previousMonth);
|
66
48
|
onMonthChange === null || onMonthChange === void 0 ? void 0 : onMonthChange(previousMonth);
|
67
49
|
};
|
68
|
-
|
69
50
|
var handleNextClick = function handleNextClick() {
|
70
51
|
if (!nextMonth) return;
|
71
52
|
goToMonth(nextMonth);
|
72
53
|
onMonthChange === null || onMonthChange === void 0 ? void 0 : onMonthChange(nextMonth);
|
73
54
|
};
|
74
|
-
|
75
55
|
var years = (0, _react.useMemo)(function () {
|
76
56
|
if (!props.editableYear) return [];
|
77
57
|
if (props.years) return props.years;
|
@@ -84,7 +64,6 @@ var NavBar = function NavBar(props) {
|
|
84
64
|
})
|
85
65
|
}).map(_dateFns.getYear);
|
86
66
|
var monthYear = props.displayMonth.getFullYear(); // year of the currently shown month
|
87
|
-
|
88
67
|
if (interval.includes(monthYear)) return interval;
|
89
68
|
var minYear = Math.min.apply(Math, (0, _toConsumableArray2["default"])(interval).concat([monthYear]));
|
90
69
|
var maxYear = Math.max.apply(Math, (0, _toConsumableArray2["default"])(interval).concat([monthYear]));
|
@@ -141,6 +120,5 @@ var NavBar = function NavBar(props) {
|
|
141
120
|
})]
|
142
121
|
});
|
143
122
|
};
|
144
|
-
|
145
123
|
var _default = NavBar;
|
146
124
|
exports["default"] = _default;
|
@@ -1,20 +1,14 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
6
5
|
value: true
|
7
6
|
});
|
8
7
|
exports["default"] = void 0;
|
9
|
-
|
10
8
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
11
|
-
|
12
9
|
var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
|
13
|
-
|
14
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
15
|
-
|
16
11
|
var _templateObject, _templateObject2;
|
17
|
-
|
18
12
|
var SidePanel = function SidePanel(_ref) {
|
19
13
|
var children = _ref.children;
|
20
14
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
@@ -25,6 +19,5 @@ var SidePanel = function SidePanel(_ref) {
|
|
25
19
|
})
|
26
20
|
});
|
27
21
|
};
|
28
|
-
|
29
22
|
var _default = SidePanel;
|
30
23
|
exports["default"] = _default;
|
@@ -1,7 +1,6 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
6
5
|
value: true
|
7
6
|
});
|
@@ -41,15 +40,9 @@ Object.defineProperty(exports, "DatePickerSidePanel", {
|
|
41
40
|
return _SidePanel["default"];
|
42
41
|
}
|
43
42
|
});
|
44
|
-
|
45
43
|
var _Calendar = _interopRequireDefault(require("./Calendar"));
|
46
|
-
|
47
44
|
var _Display = _interopRequireDefault(require("./Display"));
|
48
|
-
|
49
45
|
var _Footer = _interopRequireDefault(require("./Footer"));
|
50
|
-
|
51
46
|
var _FooterActions = _interopRequireDefault(require("./FooterActions"));
|
52
|
-
|
53
47
|
var _Modal = _interopRequireDefault(require("./Modal"));
|
54
|
-
|
55
48
|
var _SidePanel = _interopRequireDefault(require("./SidePanel"));
|
package/cjs/DatePicker/index.js
CHANGED
@@ -1,7 +1,6 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
4
|
-
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
6
5
|
value: true
|
7
6
|
});
|
@@ -14,9 +13,7 @@ Object.defineProperty(exports, "DatePicker", {
|
|
14
13
|
return _DatePicker["default"];
|
15
14
|
}
|
16
15
|
});
|
17
|
-
|
18
16
|
var _components = require("./components");
|
19
|
-
|
20
17
|
Object.keys(_components).forEach(function (key) {
|
21
18
|
if (key === "default" || key === "__esModule") return;
|
22
19
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
@@ -28,9 +25,7 @@ Object.keys(_components).forEach(function (key) {
|
|
28
25
|
}
|
29
26
|
});
|
30
27
|
});
|
31
|
-
|
32
28
|
var _DatePicker = _interopRequireWildcard(require("./DatePicker"));
|
33
|
-
|
34
29
|
Object.keys(_DatePicker).forEach(function (key) {
|
35
30
|
if (key === "default" || key === "__esModule") return;
|
36
31
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
@@ -42,9 +37,7 @@ Object.keys(_DatePicker).forEach(function (key) {
|
|
42
37
|
}
|
43
38
|
});
|
44
39
|
});
|
45
|
-
|
46
40
|
var _DateRangePicker = require("./DateRangePicker");
|
47
|
-
|
48
41
|
Object.keys(_DateRangePicker).forEach(function (key) {
|
49
42
|
if (key === "default" || key === "__esModule") return;
|
50
43
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
@@ -56,7 +49,5 @@ Object.keys(_DateRangePicker).forEach(function (key) {
|
|
56
49
|
}
|
57
50
|
});
|
58
51
|
});
|
59
|
-
|
60
52
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
61
|
-
|
62
53
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
package/cjs/DatePicker/utils.js
CHANGED
@@ -1,18 +1,14 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
6
5
|
value: true
|
7
6
|
});
|
8
7
|
exports.formatDate = exports.DEFAULT_DATE_PICKER_LOCALE = void 0;
|
9
|
-
|
10
8
|
var _format = _interopRequireDefault(require("date-fns/format"));
|
11
|
-
|
12
9
|
var formatDate = function formatDate(date) {
|
13
10
|
return (0, _format["default"])(date, "MMM do, yyyy");
|
14
11
|
};
|
15
|
-
|
16
12
|
exports.formatDate = formatDate;
|
17
13
|
var DEFAULT_DATE_PICKER_LOCALE = {
|
18
14
|
rtl: false,
|
package/cjs/Dropdown/Dropdown.js
CHANGED
@@ -1,66 +1,41 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
6
5
|
value: true
|
7
6
|
});
|
8
7
|
exports["default"] = exports.Dropdown = exports.DEFAULT_DROPDOWN_POPPER_MODIFIERS = void 0;
|
9
|
-
|
10
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
11
|
-
|
12
9
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
13
|
-
|
14
10
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
15
|
-
|
16
11
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
17
|
-
|
18
12
|
var _clsx = _interopRequireDefault(require("clsx"));
|
19
|
-
|
20
13
|
var _react = require("react");
|
21
|
-
|
22
14
|
var _reactPopper = require("react-popper");
|
23
|
-
|
24
15
|
var _Card = _interopRequireDefault(require("../Card"));
|
25
|
-
|
26
16
|
var _ClickAwayContainer = require("../ClickAwayContainer");
|
27
|
-
|
28
17
|
var _Satellite = require("../Satellite");
|
29
|
-
|
30
18
|
var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
|
31
|
-
|
32
19
|
var _DropdownButtonItem = _interopRequireDefault(require("./components/DropdownButtonItem"));
|
33
|
-
|
34
20
|
var _DropdownCollapsibleItem = require("./components/DropdownCollapsibleItem");
|
35
|
-
|
36
21
|
var _DropdownDivider = _interopRequireDefault(require("./components/DropdownDivider"));
|
37
|
-
|
38
22
|
var _DropdownFooterItem = _interopRequireDefault(require("./components/DropdownFooterItem"));
|
39
|
-
|
40
23
|
var _DropdownLinkItem = _interopRequireDefault(require("./components/DropdownLinkItem"));
|
41
|
-
|
42
24
|
var _DropdownRadioItem = _interopRequireDefault(require("./components/DropdownRadioItem"));
|
43
|
-
|
44
25
|
var _DropdownTitle = _interopRequireDefault(require("./components/DropdownTitle"));
|
45
|
-
|
46
26
|
var _DropdownToggleItem = _interopRequireDefault(require("./components/DropdownToggleItem"));
|
47
|
-
|
48
27
|
var _DropdownContext = _interopRequireDefault(require("./DropdownContext"));
|
49
|
-
|
50
28
|
var _jsxRuntime = require("react/jsx-runtime");
|
51
|
-
|
52
29
|
var _templateObject, _templateObject2, _templateObject3;
|
53
|
-
|
54
30
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
55
|
-
|
56
31
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
57
|
-
|
58
32
|
var DEFAULT_DROPDOWN_POPPER_MODIFIERS = [{
|
59
33
|
name: "offset",
|
60
34
|
options: {
|
61
35
|
offset: [0, 16]
|
62
36
|
}
|
63
37
|
}];
|
38
|
+
|
64
39
|
/**
|
65
40
|
* ## Best practices
|
66
41
|
* - Sort list of options in a way that will make the most sense to the user. You can order:
|
@@ -71,45 +46,37 @@ var DEFAULT_DROPDOWN_POPPER_MODIFIERS = [{
|
|
71
46
|
* - Clearly label options based on what each one will do
|
72
47
|
* - Make sure the most common options are listed. These can be grouped into sub-categories under headings
|
73
48
|
*/
|
74
|
-
|
75
49
|
exports.DEFAULT_DROPDOWN_POPPER_MODIFIERS = DEFAULT_DROPDOWN_POPPER_MODIFIERS;
|
76
|
-
|
77
50
|
var Dropdown = function Dropdown(_ref) {
|
78
51
|
var _renderFooter;
|
79
|
-
|
80
52
|
var _ref$placement = _ref.placement,
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
53
|
+
placement = _ref$placement === void 0 ? "bottom-start" : _ref$placement,
|
54
|
+
menuClassName = _ref.menuClassName,
|
55
|
+
_ref$modifiers = _ref.modifiers,
|
56
|
+
modifiers = _ref$modifiers === void 0 ? [] : _ref$modifiers,
|
57
|
+
renderTarget = _ref.renderTarget,
|
58
|
+
renderFooter = _ref.renderFooter,
|
59
|
+
children = _ref.children;
|
88
60
|
var createPortal = (0, _Satellite.useCreatePortal)();
|
89
|
-
|
90
61
|
var _useState = (0, _react.useState)(false),
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
62
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
63
|
+
showMenu = _useState2[0],
|
64
|
+
setShowMenu = _useState2[1];
|
95
65
|
var _useState3 = (0, _react.useState)(null),
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
|
66
|
+
_useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
|
67
|
+
targetEl = _useState4[0],
|
68
|
+
setTargetEl = _useState4[1];
|
100
69
|
var _useState5 = (0, _react.useState)(null),
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
70
|
+
_useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
|
71
|
+
menuContainerEl = _useState6[0],
|
72
|
+
setMenuContainerEl = _useState6[1];
|
105
73
|
var _usePopper = (0, _reactPopper.usePopper)(targetEl, menuContainerEl, {
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
|
74
|
+
modifiers: [].concat(DEFAULT_DROPDOWN_POPPER_MODIFIERS, (0, _toConsumableArray2["default"])(modifiers)),
|
75
|
+
placement: placement,
|
76
|
+
strategy: "fixed"
|
77
|
+
}),
|
78
|
+
styles = _usePopper.styles,
|
79
|
+
attributes = _usePopper.attributes;
|
113
80
|
var target = renderTarget({
|
114
81
|
toggle: function toggle(open) {
|
115
82
|
return setShowMenu(open === undefined ? !showMenu : open);
|
@@ -135,7 +102,6 @@ var Dropdown = function Dropdown(_ref) {
|
|
135
102
|
element: menuContainerEl,
|
136
103
|
onClickAway: function onClickAway(evt) {
|
137
104
|
var isContainedInTarget = targetEl === null || targetEl === void 0 ? void 0 : targetEl.contains(evt.target);
|
138
|
-
|
139
105
|
if (!isContainedInTarget) {
|
140
106
|
setShowMenu(false);
|
141
107
|
}
|
@@ -157,7 +123,6 @@ var Dropdown = function Dropdown(_ref) {
|
|
157
123
|
})
|
158
124
|
});
|
159
125
|
};
|
160
|
-
|
161
126
|
exports.Dropdown = Dropdown;
|
162
127
|
Dropdown.ButtonItem = _DropdownButtonItem["default"];
|
163
128
|
Dropdown.LinkItem = _DropdownLinkItem["default"];
|
@@ -1,63 +1,46 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
6
5
|
value: true
|
7
6
|
});
|
8
7
|
exports["default"] = exports.DropdownButton = void 0;
|
9
|
-
|
10
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
11
|
-
|
12
9
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
13
|
-
|
14
10
|
var _reactFeather = require("react-feather");
|
15
|
-
|
16
11
|
var _Button = _interopRequireDefault(require("../Button"));
|
17
|
-
|
18
12
|
var _Dropdown = _interopRequireDefault(require("./Dropdown"));
|
19
|
-
|
20
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
21
|
-
|
22
14
|
var _excluded = ["children", "title", "renderFooter"];
|
23
|
-
|
24
15
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
25
|
-
|
26
16
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
27
|
-
|
28
17
|
var DropdownButton = function DropdownButton(_ref) {
|
29
18
|
var children = _ref.children,
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
19
|
+
title = _ref.title,
|
20
|
+
renderFooter = _ref.renderFooter,
|
21
|
+
buttonProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
34
22
|
var renderButton = function renderButton(_ref2) {
|
35
23
|
var toggle = _ref2.toggle;
|
36
|
-
|
37
24
|
var handleClick = function handleClick(evt) {
|
38
25
|
if (buttonProps.onClick) {
|
39
26
|
buttonProps.onClick(evt);
|
40
27
|
}
|
41
|
-
|
42
28
|
if (!evt.defaultPrevented) {
|
43
29
|
toggle();
|
44
30
|
}
|
45
31
|
};
|
46
|
-
|
47
32
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button["default"], _objectSpread(_objectSpread({}, buttonProps), {}, {
|
48
33
|
onClick: handleClick,
|
49
34
|
endIcon: _reactFeather.ChevronDown,
|
50
35
|
children: title
|
51
36
|
}));
|
52
37
|
};
|
53
|
-
|
54
38
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown["default"], {
|
55
39
|
renderTarget: renderButton,
|
56
40
|
renderFooter: renderFooter,
|
57
41
|
children: children
|
58
42
|
});
|
59
43
|
};
|
60
|
-
|
61
44
|
exports.DropdownButton = DropdownButton;
|
62
45
|
var _default = DropdownButton;
|
63
46
|
exports["default"] = _default;
|
@@ -4,22 +4,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.useDropdownContext = exports["default"] = exports.DropdownContext = void 0;
|
7
|
-
|
8
7
|
var _react = require("react");
|
9
|
-
|
10
8
|
var DropdownContext = /*#__PURE__*/(0, _react.createContext)(null);
|
11
9
|
exports.DropdownContext = DropdownContext;
|
12
|
-
|
13
10
|
var useDropdownContext = function useDropdownContext() {
|
14
11
|
var context = (0, _react.useContext)(DropdownContext);
|
15
|
-
|
16
12
|
if (!context) {
|
17
13
|
throw new Error("useDropdownContext used outside DropdownContext");
|
18
14
|
}
|
19
|
-
|
20
15
|
return context;
|
21
16
|
};
|
22
|
-
|
23
17
|
exports.useDropdownContext = useDropdownContext;
|
24
18
|
var _default = DropdownContext;
|
25
19
|
exports["default"] = _default;
|