@algolia/satellite 2.0.0-rc.2 → 2.0.0-rc.4
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/dist/cjs/Actions/Button/PolymorphicIconButton.d.ts +1 -1
- package/dist/cjs/Actions/{Switch/Switch.d.ts → SegmentedControl/SegmentedControl.d.ts} +6 -6
- package/dist/cjs/Actions/{Switch/Switch.js → SegmentedControl/SegmentedControl.js} +6 -6
- package/dist/cjs/{Fields/Toggle/Toggle.tailwind.d.ts → Actions/SegmentedControl/SegmentedControl.tailwind.d.ts} +2 -2
- package/dist/cjs/Actions/{Switch/Switch.tailwind.js → SegmentedControl/SegmentedControl.tailwind.js} +4 -4
- package/dist/cjs/Actions/{Switch/SwitchOption.d.ts → SegmentedControl/SegmentedControlOption.d.ts} +2 -2
- package/dist/cjs/Actions/{Switch/SwitchOption.js → SegmentedControl/SegmentedControlOption.js} +2 -2
- package/dist/cjs/Actions/SegmentedControl/index.d.ts +2 -0
- package/dist/cjs/Actions/SegmentedControl/index.js +27 -0
- package/dist/cjs/Actions/SegmentedControl/types.d.ts +7 -0
- package/dist/cjs/Actions/{Switch → SegmentedControl}/utils.d.ts +2 -2
- package/dist/cjs/Actions/{Switch → SegmentedControl}/utils.js +4 -4
- package/dist/cjs/Actions/index.d.ts +1 -1
- package/dist/cjs/Actions/index.js +4 -4
- package/dist/cjs/Avatars/ApplicationAvatar/ApplicationAvatar.d.ts +4 -2
- package/dist/cjs/Avatars/ApplicationAvatar/ApplicationAvatar.js +7 -8
- package/dist/cjs/Avatars/UserAvatar/UserAvatar.d.ts +7 -4
- package/dist/cjs/Avatars/UserAvatar/UserAvatar.js +14 -8
- package/dist/cjs/Avatars/types.d.ts +3 -2
- package/dist/cjs/Avatars/types.js +6 -2
- package/dist/cjs/Fields/DateInput/DateInput.js +2 -1
- package/dist/cjs/Fields/DatePicker/DatePicker/DatePicker.js +2 -1
- package/dist/cjs/Fields/DatePicker/DateRangePicker/DateRangePicker.js +5 -3
- package/dist/cjs/Fields/DatePicker/components/Popover.d.ts +2 -1
- package/dist/cjs/Fields/DatePicker/components/Popover.js +4 -7
- package/dist/cjs/Fields/DatePicker/types.d.ts +5 -2
- package/dist/cjs/Fields/Dropzone/Dropzone.d.ts +13 -2
- package/dist/cjs/Fields/Dropzone/Dropzone.js +78 -30
- package/dist/cjs/Fields/Field/Field.js +62 -46
- package/dist/cjs/Fields/FilePicker/FilePicker.d.ts +16 -0
- package/dist/cjs/Fields/FilePicker/FilePicker.js +141 -0
- package/dist/cjs/Fields/FilePicker/index.d.ts +1 -0
- package/dist/cjs/Fields/FilePicker/index.js +16 -0
- package/dist/cjs/Fields/Form/Form.d.ts +3 -0
- package/dist/cjs/Fields/Form/Form.js +7 -2
- package/dist/cjs/Fields/Form/FormContext.d.ts +3 -0
- package/dist/cjs/Fields/Form/index.d.ts +1 -1
- package/dist/cjs/Fields/Form/stories/Complex.js +3 -7
- package/dist/cjs/Fields/Form/stories/InlineFields.js +62 -0
- package/dist/cjs/Fields/Form/stories/JSONForms.js +2 -2
- package/dist/cjs/Fields/{Toggle/Toggle.d.ts → Switch/Switch.d.ts} +4 -4
- package/dist/cjs/Fields/{Toggle/Toggle.js → Switch/Switch.js} +8 -8
- package/dist/cjs/Fields/{Toggle/Toggle.tailwind.js → Switch/Switch.tailwind.js} +14 -14
- package/dist/cjs/Fields/Switch/index.d.ts +1 -0
- package/dist/cjs/Fields/{Toggle → Switch}/index.js +4 -4
- package/dist/cjs/Fields/index.d.ts +2 -1
- package/dist/cjs/Fields/index.js +15 -4
- package/dist/cjs/Helpers/HelpUnderline/HelpUnderline.d.ts +1 -1
- package/dist/cjs/Icons/index.d.ts +1 -1
- package/dist/cjs/Icons/index.js +6 -0
- package/dist/cjs/Indicators/AnnouncementBadge/AnnouncementBadge.d.ts +11 -2
- package/dist/cjs/Indicators/Badge/Badge.d.ts +13 -2
- package/dist/cjs/Indicators/Banners/Alert/Alert.d.ts +25 -8
- package/dist/cjs/Indicators/Banners/Promote/Promote.d.ts +30 -4
- package/dist/cjs/Indicators/Banners/SystemNotification/SystemNotification.d.ts +6 -0
- package/dist/cjs/Indicators/EmptyState/types.d.ts +21 -9
- package/dist/cjs/Indicators/KeyboardKey/KeyboardKey.d.ts +3 -0
- package/dist/cjs/Indicators/ProgressBar/ProgressBar.d.ts +9 -3
- package/dist/cjs/Indicators/ProgressSpinner/ProgressSpinner.d.ts +9 -0
- package/dist/cjs/Indicators/ScrollIndicator/ScrollIndicator.d.ts +12 -0
- package/dist/cjs/Indicators/Skeleton/Skeleton.d.ts +12 -0
- package/dist/cjs/Indicators/Tag/Tag.d.ts +20 -6
- package/dist/cjs/Layout/Card/Card.d.ts +6 -0
- package/dist/cjs/Layout/FlexGrid/FlexGrid.d.ts +18 -4
- package/dist/cjs/Layout/Insert/Insert.d.ts +9 -1
- package/dist/cjs/Layout/Sidebar/Sidebar.d.ts +14 -2
- package/dist/cjs/Layout/Sidebar/SidebarButtonLink.d.ts +18 -0
- package/dist/cjs/Layout/Sidebar/SidebarHeading.d.ts +6 -0
- package/dist/cjs/Layout/Sidebar/SidebarLink.d.ts +12 -0
- package/dist/cjs/Layout/Sidebar/SidebarLinksGroup/SidebarLinksGroup.d.ts +18 -0
- package/dist/cjs/Layout/Sidebar/SidebarNav.d.ts +12 -0
- package/dist/cjs/Layout/Tables/DataTable/DataTable.d.ts +16 -1
- package/dist/cjs/Layout/Tables/DataTable/components/Body.d.ts +8 -0
- package/dist/cjs/Layout/Tables/DataTable/components/Footer.d.ts +2 -0
- package/dist/cjs/Layout/Tables/DataTable/components/Header.d.ts +4 -0
- package/dist/cjs/Layout/Tables/DataTable/components/HeaderCell.d.ts +6 -0
- package/dist/cjs/Layout/Tables/DataTable/components/Loader.d.ts +1 -0
- package/dist/cjs/Layout/Tables/Table/Table.d.ts +15 -0
- package/dist/cjs/Layout/Tables/Table/components/TableFooter.d.ts +3 -0
- package/dist/cjs/Navigation/Link/Link.d.ts +18 -0
- package/dist/cjs/Navigation/Pagination/CompactPagination/CompactPagination.d.ts +24 -1
- package/dist/cjs/Navigation/Pagination/DotPagination/DotPagination.d.ts +15 -1
- package/dist/cjs/Navigation/Pagination/Pagination/Pagination.d.ts +15 -0
- package/dist/cjs/Navigation/Tabs/types.d.ts +21 -0
- package/dist/cjs/Overlay/Dropdown/components/DropdownToggleItem.d.ts +0 -10
- package/dist/cjs/Overlay/Dropdown/components/DropdownToggleItem.js +1 -46
- package/dist/cjs/Overlay/MenuButton/components/items/ToggleItem.js +1 -1
- package/dist/{esm/Overlay/Tooltip → cjs/Overlay/OverflowTooltipWrapper}/OverflowTooltipWrapper.d.ts +1 -1
- package/dist/cjs/Overlay/{Tooltip → OverflowTooltipWrapper}/OverflowTooltipWrapper.js +1 -1
- package/dist/cjs/Overlay/OverflowTooltipWrapper/index.d.ts +1 -0
- package/dist/cjs/Overlay/OverflowTooltipWrapper/index.js +16 -0
- package/dist/cjs/Overlay/Tooltip/index.d.ts +0 -2
- package/dist/cjs/Overlay/Tooltip/index.js +0 -22
- package/dist/cjs/Overlay/{Tooltip → TooltipWrapper}/TooltipWrapper.js +1 -1
- package/dist/cjs/Overlay/TooltipWrapper/index.d.ts +1 -0
- package/dist/cjs/Overlay/TooltipWrapper/index.js +16 -0
- package/dist/{esm/Overlay/Tooltip → cjs/Overlay/TooltipWrapper}/types.d.ts +1 -1
- package/dist/cjs/Overlay/TooltipWrapper/types.js +5 -0
- package/dist/cjs/Overlay/index.d.ts +2 -1
- package/dist/cjs/Overlay/index.js +22 -11
- package/dist/cjs/Satellite/locale.d.ts +3 -2
- package/dist/cjs/styles/tailwind.config.js +1 -1
- package/dist/cjs/utils/isCssPropertySupported.d.ts +1 -1
- package/dist/esm/Actions/Button/PolymorphicIconButton.d.ts +1 -1
- package/dist/esm/Actions/{Switch/Switch.d.ts → SegmentedControl/SegmentedControl.d.ts} +6 -6
- package/dist/esm/Actions/{Switch/Switch.js → SegmentedControl/SegmentedControl.js} +5 -5
- package/dist/esm/{Fields/Toggle/Toggle.tailwind.d.ts → Actions/SegmentedControl/SegmentedControl.tailwind.d.ts} +2 -2
- package/dist/esm/Actions/{Switch/Switch.tailwind.js → SegmentedControl/SegmentedControl.tailwind.js} +4 -4
- package/dist/esm/Actions/{Switch/SwitchOption.d.ts → SegmentedControl/SegmentedControlOption.d.ts} +2 -2
- package/dist/esm/Actions/{Switch/SwitchOption.js → SegmentedControl/SegmentedControlOption.js} +1 -1
- package/dist/esm/Actions/SegmentedControl/index.d.ts +2 -0
- package/dist/esm/Actions/SegmentedControl/index.js +2 -0
- package/dist/esm/Actions/SegmentedControl/types.d.ts +7 -0
- package/dist/esm/Actions/{Switch → SegmentedControl}/utils.d.ts +2 -2
- package/dist/esm/Actions/{Switch → SegmentedControl}/utils.js +3 -3
- package/dist/esm/Actions/index.d.ts +1 -1
- package/dist/esm/Actions/index.js +1 -1
- package/dist/esm/Avatars/ApplicationAvatar/ApplicationAvatar.d.ts +4 -2
- package/dist/esm/Avatars/ApplicationAvatar/ApplicationAvatar.js +7 -8
- package/dist/esm/Avatars/UserAvatar/UserAvatar.d.ts +7 -4
- package/dist/esm/Avatars/UserAvatar/UserAvatar.js +14 -8
- package/dist/esm/Avatars/types.d.ts +3 -2
- package/dist/esm/Avatars/types.js +4 -1
- package/dist/esm/Fields/DateInput/DateInput.js +2 -1
- package/dist/esm/Fields/DatePicker/DatePicker/DatePicker.js +2 -1
- package/dist/esm/Fields/DatePicker/DateRangePicker/DateRangePicker.js +5 -3
- package/dist/esm/Fields/DatePicker/components/Popover.d.ts +2 -1
- package/dist/esm/Fields/DatePicker/components/Popover.js +4 -7
- package/dist/esm/Fields/DatePicker/types.d.ts +5 -2
- package/dist/esm/Fields/Dropzone/Dropzone.d.ts +13 -2
- package/dist/esm/Fields/Dropzone/Dropzone.js +80 -32
- package/dist/esm/Fields/Field/Field.js +62 -46
- package/dist/esm/Fields/FilePicker/FilePicker.d.ts +16 -0
- package/dist/esm/Fields/FilePicker/FilePicker.js +134 -0
- package/dist/esm/Fields/FilePicker/index.d.ts +1 -0
- package/dist/esm/Fields/FilePicker/index.js +1 -0
- package/dist/esm/Fields/Form/Form.d.ts +3 -0
- package/dist/esm/Fields/Form/Form.js +7 -2
- package/dist/esm/Fields/Form/FormContext.d.ts +3 -0
- package/dist/esm/Fields/Form/index.d.ts +1 -1
- package/dist/esm/Fields/Form/stories/Complex.js +3 -7
- package/dist/esm/Fields/Form/stories/InlineFields.js +55 -0
- package/dist/esm/Fields/Form/stories/JSONForms.js +2 -2
- package/dist/esm/Fields/{Toggle/Toggle.d.ts → Switch/Switch.d.ts} +4 -4
- package/dist/esm/Fields/{Toggle/Toggle.js → Switch/Switch.js} +7 -7
- package/dist/esm/Fields/{Toggle/Toggle.tailwind.js → Switch/Switch.tailwind.js} +14 -14
- package/dist/esm/Fields/Switch/index.d.ts +1 -0
- package/dist/esm/Fields/Switch/index.js +1 -0
- package/dist/esm/Fields/index.d.ts +2 -1
- package/dist/esm/Fields/index.js +2 -1
- package/dist/esm/Helpers/HelpUnderline/HelpUnderline.d.ts +1 -1
- package/dist/esm/Icons/index.d.ts +1 -1
- package/dist/esm/Icons/index.js +1 -1
- package/dist/esm/Indicators/AnnouncementBadge/AnnouncementBadge.d.ts +11 -2
- package/dist/esm/Indicators/Badge/Badge.d.ts +13 -2
- package/dist/esm/Indicators/Banners/Alert/Alert.d.ts +25 -8
- package/dist/esm/Indicators/Banners/Promote/Promote.d.ts +30 -4
- package/dist/esm/Indicators/Banners/SystemNotification/SystemNotification.d.ts +6 -0
- package/dist/esm/Indicators/EmptyState/types.d.ts +21 -9
- package/dist/esm/Indicators/KeyboardKey/KeyboardKey.d.ts +3 -0
- package/dist/esm/Indicators/ProgressBar/ProgressBar.d.ts +9 -3
- package/dist/esm/Indicators/ProgressSpinner/ProgressSpinner.d.ts +9 -0
- package/dist/esm/Indicators/ScrollIndicator/ScrollIndicator.d.ts +12 -0
- package/dist/esm/Indicators/Skeleton/Skeleton.d.ts +12 -0
- package/dist/esm/Indicators/Tag/Tag.d.ts +20 -6
- package/dist/esm/Layout/Card/Card.d.ts +6 -0
- package/dist/esm/Layout/FlexGrid/FlexGrid.d.ts +18 -4
- package/dist/esm/Layout/Insert/Insert.d.ts +9 -1
- package/dist/esm/Layout/Sidebar/Sidebar.d.ts +14 -2
- package/dist/esm/Layout/Sidebar/SidebarButtonLink.d.ts +18 -0
- package/dist/esm/Layout/Sidebar/SidebarHeading.d.ts +6 -0
- package/dist/esm/Layout/Sidebar/SidebarLink.d.ts +12 -0
- package/dist/esm/Layout/Sidebar/SidebarLinksGroup/SidebarLinksGroup.d.ts +18 -0
- package/dist/esm/Layout/Sidebar/SidebarNav.d.ts +12 -0
- package/dist/esm/Layout/Tables/DataTable/DataTable.d.ts +16 -1
- package/dist/esm/Layout/Tables/DataTable/components/Body.d.ts +8 -0
- package/dist/esm/Layout/Tables/DataTable/components/Footer.d.ts +2 -0
- package/dist/esm/Layout/Tables/DataTable/components/Header.d.ts +4 -0
- package/dist/esm/Layout/Tables/DataTable/components/HeaderCell.d.ts +6 -0
- package/dist/esm/Layout/Tables/DataTable/components/Loader.d.ts +1 -0
- package/dist/esm/Layout/Tables/Table/Table.d.ts +15 -0
- package/dist/esm/Layout/Tables/Table/components/TableFooter.d.ts +3 -0
- package/dist/esm/Navigation/Link/Link.d.ts +18 -0
- package/dist/esm/Navigation/Pagination/CompactPagination/CompactPagination.d.ts +24 -1
- package/dist/esm/Navigation/Pagination/DotPagination/DotPagination.d.ts +15 -1
- package/dist/esm/Navigation/Pagination/Pagination/Pagination.d.ts +15 -0
- package/dist/esm/Navigation/Tabs/types.d.ts +21 -0
- package/dist/esm/Overlay/Dropdown/components/DropdownToggleItem.d.ts +0 -10
- package/dist/esm/Overlay/Dropdown/components/DropdownToggleItem.js +0 -39
- package/dist/esm/Overlay/MenuButton/components/items/ToggleItem.js +2 -2
- package/dist/{cjs/Overlay/Tooltip → esm/Overlay/OverflowTooltipWrapper}/OverflowTooltipWrapper.d.ts +1 -1
- package/dist/esm/Overlay/{Tooltip → OverflowTooltipWrapper}/OverflowTooltipWrapper.js +1 -1
- package/dist/esm/Overlay/OverflowTooltipWrapper/index.d.ts +1 -0
- package/dist/esm/Overlay/OverflowTooltipWrapper/index.js +1 -0
- package/dist/esm/Overlay/Tooltip/index.d.ts +0 -2
- package/dist/esm/Overlay/Tooltip/index.js +1 -3
- package/dist/esm/Overlay/{Tooltip → TooltipWrapper}/TooltipWrapper.js +1 -1
- package/dist/esm/Overlay/TooltipWrapper/index.d.ts +1 -0
- package/dist/esm/Overlay/TooltipWrapper/index.js +1 -0
- package/dist/{cjs/Overlay/Tooltip → esm/Overlay/TooltipWrapper}/types.d.ts +1 -1
- package/dist/esm/Overlay/TooltipWrapper/types.js +1 -0
- package/dist/esm/Overlay/index.d.ts +2 -1
- package/dist/esm/Overlay/index.js +3 -2
- package/dist/esm/Satellite/locale.d.ts +3 -2
- package/dist/esm/styles/tailwind.config.js +1 -1
- package/dist/esm/utils/isCssPropertySupported.d.ts +1 -1
- package/dist/satellite.min.css +1 -1
- package/package.json +17 -17
- package/dist/cjs/Actions/Switch/index.d.ts +0 -2
- package/dist/cjs/Actions/Switch/index.js +0 -27
- package/dist/cjs/Actions/Switch/types.d.ts +0 -8
- package/dist/cjs/Actions/Switch/types.js +0 -7
- package/dist/cjs/Fields/Toggle/index.d.ts +0 -1
- package/dist/cjs/Overlay/Dropdown/Dropdown.d.ts +0 -37
- package/dist/cjs/Overlay/Dropdown/Dropdown.js +0 -124
- package/dist/cjs/Overlay/Dropdown/DropdownButton.d.ts +0 -13
- package/dist/cjs/Overlay/Dropdown/DropdownButton.js +0 -49
- package/dist/cjs/Overlay/Dropdown/DropdownContext.d.ts +0 -6
- package/dist/cjs/Overlay/Dropdown/DropdownContext.js +0 -15
- package/dist/cjs/Overlay/Dropdown/components/DropdownButtonItem.d.ts +0 -14
- package/dist/cjs/Overlay/Dropdown/components/DropdownButtonItem.js +0 -49
- package/dist/cjs/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.d.ts +0 -10
- package/dist/cjs/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +0 -60
- package/dist/cjs/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.d.ts +0 -8
- package/dist/cjs/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.js +0 -21
- package/dist/cjs/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroupContext.d.ts +0 -8
- package/dist/cjs/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroupContext.js +0 -17
- package/dist/cjs/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.d.ts +0 -10
- package/dist/cjs/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.js +0 -37
- package/dist/cjs/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.d.ts +0 -10
- package/dist/cjs/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.js +0 -34
- package/dist/cjs/Overlay/Dropdown/components/DropdownCollapsibleItem/index.d.ts +0 -5
- package/dist/cjs/Overlay/Dropdown/components/DropdownCollapsibleItem/index.js +0 -63
- package/dist/cjs/Overlay/Dropdown/components/DropdownDivider.d.ts +0 -2
- package/dist/cjs/Overlay/Dropdown/components/DropdownDivider.js +0 -17
- package/dist/cjs/Overlay/Dropdown/components/DropdownFooterItem.d.ts +0 -9
- package/dist/cjs/Overlay/Dropdown/components/DropdownFooterItem.js +0 -29
- package/dist/cjs/Overlay/Dropdown/components/DropdownLinkItem.d.ts +0 -10
- package/dist/cjs/Overlay/Dropdown/components/DropdownLinkItem.js +0 -56
- package/dist/cjs/Overlay/Dropdown/components/DropdownRadioItem.d.ts +0 -6
- package/dist/cjs/Overlay/Dropdown/components/DropdownRadioItem.js +0 -43
- package/dist/cjs/Overlay/Dropdown/components/DropdownTitle.d.ts +0 -6
- package/dist/cjs/Overlay/Dropdown/components/DropdownTitle.js +0 -25
- package/dist/cjs/Overlay/Dropdown/index.d.ts +0 -12
- package/dist/cjs/Overlay/Dropdown/index.js +0 -147
- package/dist/cjs/Overlay/Dropdown/useDropdownItemProps.d.ts +0 -20
- package/dist/cjs/Overlay/Dropdown/useDropdownItemProps.js +0 -37
- package/dist/esm/Actions/Switch/index.d.ts +0 -2
- package/dist/esm/Actions/Switch/index.js +0 -2
- package/dist/esm/Actions/Switch/types.d.ts +0 -8
- package/dist/esm/Actions/Switch/types.js +0 -1
- package/dist/esm/Fields/Toggle/index.d.ts +0 -1
- package/dist/esm/Fields/Toggle/index.js +0 -1
- package/dist/esm/Overlay/Dropdown/Dropdown.d.ts +0 -37
- package/dist/esm/Overlay/Dropdown/Dropdown.js +0 -117
- package/dist/esm/Overlay/Dropdown/DropdownButton.d.ts +0 -13
- package/dist/esm/Overlay/Dropdown/DropdownButton.js +0 -42
- package/dist/esm/Overlay/Dropdown/DropdownContext.d.ts +0 -6
- package/dist/esm/Overlay/Dropdown/DropdownContext.js +0 -9
- package/dist/esm/Overlay/Dropdown/components/DropdownButtonItem.d.ts +0 -14
- package/dist/esm/Overlay/Dropdown/components/DropdownButtonItem.js +0 -42
- package/dist/esm/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.d.ts +0 -10
- package/dist/esm/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +0 -53
- package/dist/esm/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.d.ts +0 -8
- package/dist/esm/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.js +0 -15
- package/dist/esm/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroupContext.d.ts +0 -8
- package/dist/esm/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroupContext.js +0 -11
- package/dist/esm/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.d.ts +0 -10
- package/dist/esm/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.js +0 -30
- package/dist/esm/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.d.ts +0 -10
- package/dist/esm/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.js +0 -27
- package/dist/esm/Overlay/Dropdown/components/DropdownCollapsibleItem/index.d.ts +0 -5
- package/dist/esm/Overlay/Dropdown/components/DropdownCollapsibleItem/index.js +0 -5
- package/dist/esm/Overlay/Dropdown/components/DropdownDivider.d.ts +0 -2
- package/dist/esm/Overlay/Dropdown/components/DropdownDivider.js +0 -11
- package/dist/esm/Overlay/Dropdown/components/DropdownFooterItem.d.ts +0 -9
- package/dist/esm/Overlay/Dropdown/components/DropdownFooterItem.js +0 -22
- package/dist/esm/Overlay/Dropdown/components/DropdownLinkItem.d.ts +0 -10
- package/dist/esm/Overlay/Dropdown/components/DropdownLinkItem.js +0 -49
- package/dist/esm/Overlay/Dropdown/components/DropdownRadioItem.d.ts +0 -6
- package/dist/esm/Overlay/Dropdown/components/DropdownRadioItem.js +0 -36
- package/dist/esm/Overlay/Dropdown/components/DropdownTitle.d.ts +0 -6
- package/dist/esm/Overlay/Dropdown/components/DropdownTitle.js +0 -18
- package/dist/esm/Overlay/Dropdown/index.d.ts +0 -12
- package/dist/esm/Overlay/Dropdown/index.js +0 -12
- package/dist/esm/Overlay/Dropdown/useDropdownItemProps.d.ts +0 -20
- package/dist/esm/Overlay/Dropdown/useDropdownItemProps.js +0 -30
- /package/dist/cjs/{Overlay/Tooltip → Actions/SegmentedControl}/types.js +0 -0
- /package/dist/cjs/{Actions → Fields}/Switch/Switch.tailwind.d.ts +0 -0
- /package/dist/cjs/Overlay/{Tooltip → OverflowTooltipWrapper}/utils.d.ts +0 -0
- /package/dist/cjs/Overlay/{Tooltip → OverflowTooltipWrapper}/utils.js +0 -0
- /package/dist/cjs/Overlay/{Tooltip → TooltipWrapper}/TooltipWrapper.d.ts +0 -0
- /package/dist/esm/{Overlay/Tooltip → Actions/SegmentedControl}/types.js +0 -0
- /package/dist/esm/{Actions → Fields}/Switch/Switch.tailwind.d.ts +0 -0
- /package/dist/esm/Overlay/{Tooltip → OverflowTooltipWrapper}/utils.d.ts +0 -0
- /package/dist/esm/Overlay/{Tooltip → OverflowTooltipWrapper}/utils.js +0 -0
- /package/dist/esm/Overlay/{Tooltip → TooltipWrapper}/TooltipWrapper.d.ts +0 -0
@@ -1,117 +0,0 @@
|
|
1
|
-
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
2
|
-
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
3
|
-
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
4
|
-
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
5
|
-
var _templateObject, _templateObject2, _templateObject3;
|
6
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
7
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
8
|
-
import cx from "clsx";
|
9
|
-
import { useState } from "react";
|
10
|
-
import { usePopper } from "react-popper";
|
11
|
-
import { ClickAwayContainer } from "../../Helpers";
|
12
|
-
import { Card } from "../../Layout";
|
13
|
-
import { useCreatePortal } from "../../Satellite";
|
14
|
-
import stl from "../../styles/helpers/satellitePrefixer";
|
15
|
-
import { DropdownButtonItem } from "./components/DropdownButtonItem";
|
16
|
-
import { DropdownCollapsibleItem, DropdownCollapsibleItemsSingleGroup } from "./components/DropdownCollapsibleItem";
|
17
|
-
import { DropdownDivider } from "./components/DropdownDivider";
|
18
|
-
import { DropdownFooterItem } from "./components/DropdownFooterItem";
|
19
|
-
import { DropdownLinkItem } from "./components/DropdownLinkItem";
|
20
|
-
import { DropdownRadioItem } from "./components/DropdownRadioItem";
|
21
|
-
import { DropdownTitle } from "./components/DropdownTitle";
|
22
|
-
import { DropdownToggleItem } from "./components/DropdownToggleItem";
|
23
|
-
import { DropdownContext } from "./DropdownContext";
|
24
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
25
|
-
var DEFAULT_DROPDOWN_POPPER_MODIFIERS = [{
|
26
|
-
name: "offset",
|
27
|
-
options: {
|
28
|
-
offset: [0, 16]
|
29
|
-
}
|
30
|
-
}];
|
31
|
-
var _Dropdown = function _Dropdown(_ref) {
|
32
|
-
var _renderFooter;
|
33
|
-
var _ref$placement = _ref.placement,
|
34
|
-
placement = _ref$placement === void 0 ? "bottom-start" : _ref$placement,
|
35
|
-
menuClassName = _ref.menuClassName,
|
36
|
-
_ref$modifiers = _ref.modifiers,
|
37
|
-
modifiers = _ref$modifiers === void 0 ? [] : _ref$modifiers,
|
38
|
-
renderTarget = _ref.renderTarget,
|
39
|
-
renderFooter = _ref.renderFooter,
|
40
|
-
children = _ref.children;
|
41
|
-
var createPortal = useCreatePortal();
|
42
|
-
var _useState = useState(false),
|
43
|
-
_useState2 = _slicedToArray(_useState, 2),
|
44
|
-
showMenu = _useState2[0],
|
45
|
-
setShowMenu = _useState2[1];
|
46
|
-
var _useState3 = useState(null),
|
47
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
48
|
-
targetEl = _useState4[0],
|
49
|
-
setTargetEl = _useState4[1];
|
50
|
-
var _useState5 = useState(null),
|
51
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
52
|
-
menuContainerEl = _useState6[0],
|
53
|
-
setMenuContainerEl = _useState6[1];
|
54
|
-
var _usePopper = usePopper(targetEl, menuContainerEl, {
|
55
|
-
modifiers: [].concat(DEFAULT_DROPDOWN_POPPER_MODIFIERS, _toConsumableArray(modifiers)),
|
56
|
-
placement: placement,
|
57
|
-
strategy: "fixed"
|
58
|
-
}),
|
59
|
-
styles = _usePopper.styles,
|
60
|
-
attributes = _usePopper.attributes;
|
61
|
-
var target = renderTarget({
|
62
|
-
toggle: function toggle(open) {
|
63
|
-
return setShowMenu(open === undefined ? !showMenu : open);
|
64
|
-
},
|
65
|
-
isShowingMenu: showMenu
|
66
|
-
});
|
67
|
-
var footer = (_renderFooter = renderFooter === null || renderFooter === void 0 ? void 0 : renderFooter({
|
68
|
-
toggle: function toggle(open) {
|
69
|
-
return setShowMenu(open === undefined ? !showMenu : open);
|
70
|
-
},
|
71
|
-
isShowingMenu: showMenu
|
72
|
-
})) !== null && _renderFooter !== void 0 ? _renderFooter : null;
|
73
|
-
return /*#__PURE__*/_jsx(DropdownContext.Provider, {
|
74
|
-
value: {
|
75
|
-
showMenu: setShowMenu
|
76
|
-
},
|
77
|
-
children: /*#__PURE__*/_jsxs(DropdownCollapsibleItemsSingleGroup, {
|
78
|
-
children: [/*#__PURE__*/_jsx("span", {
|
79
|
-
className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["inline-block leading-none"]))),
|
80
|
-
ref: setTargetEl,
|
81
|
-
children: target
|
82
|
-
}), showMenu && targetEl && createPortal( /*#__PURE__*/_jsx(ClickAwayContainer, {
|
83
|
-
element: menuContainerEl,
|
84
|
-
onClickAway: function onClickAway(evt) {
|
85
|
-
var isContainedInTarget = targetEl === null || targetEl === void 0 ? void 0 : targetEl.contains(evt.target);
|
86
|
-
if (!isContainedInTarget) {
|
87
|
-
setShowMenu(false);
|
88
|
-
}
|
89
|
-
},
|
90
|
-
children: /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({}, attributes.popper), {}, {
|
91
|
-
style: styles.popper,
|
92
|
-
className: cx(stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["z-dropdown min-w-64 max-w-128"]))), menuClassName),
|
93
|
-
ref: setMenuContainerEl,
|
94
|
-
children: /*#__PURE__*/_jsxs(Card, {
|
95
|
-
fullBleed: true,
|
96
|
-
elevation: "300",
|
97
|
-
className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["flex flex-col py-1 text-grey-900"]))),
|
98
|
-
children: [children, footer ? /*#__PURE__*/_jsx(DropdownFooterItem, {
|
99
|
-
children: footer
|
100
|
-
}) : null]
|
101
|
-
})
|
102
|
-
}))
|
103
|
-
}))]
|
104
|
-
})
|
105
|
-
});
|
106
|
-
};
|
107
|
-
_Dropdown.ButtonItem = DropdownButtonItem;
|
108
|
-
_Dropdown.LinkItem = DropdownLinkItem;
|
109
|
-
_Dropdown.RadioItem = DropdownRadioItem;
|
110
|
-
_Dropdown.ToggleItem = DropdownToggleItem;
|
111
|
-
_Dropdown.CollapsibleItem = DropdownCollapsibleItem;
|
112
|
-
_Dropdown.FooterItem = DropdownFooterItem;
|
113
|
-
_Dropdown.Divider = DropdownDivider;
|
114
|
-
_Dropdown.Title = DropdownTitle;
|
115
|
-
|
116
|
-
/** @deprecated use `MenuButton` instead */
|
117
|
-
export var Dropdown = _Dropdown;
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import type { ReactNode } from "react";
|
2
|
-
import type { ButtonProps } from "../../Actions";
|
3
|
-
import type { RenderTargetParams } from "./Dropdown";
|
4
|
-
export interface DropdownButtonProps extends Omit<ButtonProps, "title" | "endIcon"> {
|
5
|
-
/** Descriptive title for `Dropdown` */
|
6
|
-
title: ReactNode;
|
7
|
-
renderFooter?: (args: RenderTargetParams) => ReactNode;
|
8
|
-
children: ReactNode;
|
9
|
-
}
|
10
|
-
/**
|
11
|
-
* @deprecated use `MenuButton` instead
|
12
|
-
*/
|
13
|
-
export declare const DropdownButton: import("react").ForwardRefExoticComponent<DropdownButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
@@ -1,42 +0,0 @@
|
|
1
|
-
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
2
|
-
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
3
|
-
var _excluded = ["children", "title", "renderFooter"];
|
4
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
5
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
6
|
-
import { forwardRef } from "react";
|
7
|
-
import { Button } from "../../Actions";
|
8
|
-
import { ChevronDownIcon } from "../../Icons";
|
9
|
-
import { Dropdown } from "./Dropdown";
|
10
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
11
|
-
/**
|
12
|
-
* @deprecated use `MenuButton` instead
|
13
|
-
*/
|
14
|
-
export var DropdownButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
15
|
-
var children = _ref.children,
|
16
|
-
title = _ref.title,
|
17
|
-
renderFooter = _ref.renderFooter,
|
18
|
-
buttonProps = _objectWithoutProperties(_ref, _excluded);
|
19
|
-
var renderButton = function renderButton(_ref2) {
|
20
|
-
var toggle = _ref2.toggle;
|
21
|
-
var handleClick = function handleClick(evt) {
|
22
|
-
if (buttonProps.onClick) {
|
23
|
-
buttonProps.onClick(evt);
|
24
|
-
}
|
25
|
-
if (!evt.defaultPrevented) {
|
26
|
-
toggle();
|
27
|
-
}
|
28
|
-
};
|
29
|
-
return /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({}, buttonProps), {}, {
|
30
|
-
onClick: handleClick,
|
31
|
-
endIcon: ChevronDownIcon,
|
32
|
-
ref: ref,
|
33
|
-
children: title
|
34
|
-
}));
|
35
|
-
};
|
36
|
-
return /*#__PURE__*/_jsx(Dropdown, {
|
37
|
-
renderTarget: renderButton,
|
38
|
-
renderFooter: renderFooter,
|
39
|
-
children: children
|
40
|
-
});
|
41
|
-
});
|
42
|
-
DropdownButton.displayName = "DropdownButton";
|
@@ -1,6 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
export interface DropdownContextInterface {
|
3
|
-
showMenu: (show: boolean) => void;
|
4
|
-
}
|
5
|
-
export declare const DropdownContext: import("react").Context<DropdownContextInterface | null>;
|
6
|
-
export declare const useDropdownContext: () => DropdownContextInterface;
|
@@ -1,9 +0,0 @@
|
|
1
|
-
import { createContext, useContext } from "react";
|
2
|
-
export var DropdownContext = /*#__PURE__*/createContext(null);
|
3
|
-
export var useDropdownContext = function useDropdownContext() {
|
4
|
-
var context = useContext(DropdownContext);
|
5
|
-
if (!context) {
|
6
|
-
throw new Error("useDropdownContext used outside DropdownContext");
|
7
|
-
}
|
8
|
-
return context;
|
9
|
-
};
|
@@ -1,14 +0,0 @@
|
|
1
|
-
import type { FC } from "react";
|
2
|
-
import type { IconComponentType } from "../../../Icons";
|
3
|
-
import type { DropdownBaseItemProps } from "../useDropdownItemProps";
|
4
|
-
export declare type DropdownButtonItemProps = DropdownBaseItemProps<HTMLButtonElement> & JSX.IntrinsicElements["button"] & {
|
5
|
-
/** Left aligned icon */
|
6
|
-
startIcon?: IconComponentType;
|
7
|
-
/**
|
8
|
-
* Variant of the item
|
9
|
-
* @default default
|
10
|
-
*/
|
11
|
-
variant?: "default" | "destructive";
|
12
|
-
};
|
13
|
-
/** @deprecated */
|
14
|
-
export declare const DropdownButtonItem: FC<DropdownButtonItemProps>;
|
@@ -1,42 +0,0 @@
|
|
1
|
-
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
2
|
-
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
3
|
-
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
4
|
-
var _templateObject, _templateObject2, _templateObject3;
|
5
|
-
var _excluded = ["toggle"],
|
6
|
-
_excluded2 = ["children", "variant", "startIcon"];
|
7
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
8
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
9
|
-
import cx from "clsx";
|
10
|
-
import stl from "../../../styles/helpers/satellitePrefixer";
|
11
|
-
import { useDropdownItemProps } from "../useDropdownItemProps";
|
12
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
13
|
-
var _DropdownButtonItem = function _DropdownButtonItem(_ref) {
|
14
|
-
var _ref$toggle = _ref.toggle,
|
15
|
-
toggle = _ref$toggle === void 0 ? true : _ref$toggle,
|
16
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
17
|
-
var dropdownItemProps = useDropdownItemProps(_objectSpread({
|
18
|
-
toggle: toggle
|
19
|
-
}, props));
|
20
|
-
var _props$dropdownItemPr = _objectSpread(_objectSpread({}, props), dropdownItemProps),
|
21
|
-
children = _props$dropdownItemPr.children,
|
22
|
-
variant = _props$dropdownItemPr.variant,
|
23
|
-
StartIcon = _props$dropdownItemPr.startIcon,
|
24
|
-
mergedProps = _objectWithoutProperties(_props$dropdownItemPr, _excluded2);
|
25
|
-
var showDestructiveVariant = !props.disabled && variant === "destructive";
|
26
|
-
return /*#__PURE__*/_jsxs("button", _objectSpread(_objectSpread({
|
27
|
-
type: "button"
|
28
|
-
}, mergedProps), {}, {
|
29
|
-
className: cx(mergedProps.className, stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["w-full"])))),
|
30
|
-
children: [StartIcon && /*#__PURE__*/_jsx(StartIcon, {
|
31
|
-
className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["mr-2 shrink-0 ", ""])), showDestructiveVariant ? "text-red-700" : "text-grey-500"),
|
32
|
-
width: "1rem",
|
33
|
-
height: "1rem"
|
34
|
-
}), /*#__PURE__*/_jsx("span", {
|
35
|
-
className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["w-full truncate ", ""])), showDestructiveVariant && "text-red-700"),
|
36
|
-
children: children
|
37
|
-
})]
|
38
|
-
}));
|
39
|
-
};
|
40
|
-
|
41
|
-
/** @deprecated */
|
42
|
-
export var DropdownButtonItem = _DropdownButtonItem;
|
package/dist/esm/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.d.ts
DELETED
@@ -1,10 +0,0 @@
|
|
1
|
-
import type { FC, MouseEvent, ReactNode } from "react";
|
2
|
-
export interface DropdownCollapsibleItemProps {
|
3
|
-
title: ReactNode;
|
4
|
-
name?: string;
|
5
|
-
expanded?: boolean;
|
6
|
-
onClick?: (evt: MouseEvent<HTMLElement>, name: string, expandedItems: readonly string[]) => void;
|
7
|
-
children: ReactNode;
|
8
|
-
}
|
9
|
-
/** @deprecated */
|
10
|
-
export declare const DropdownCollapsibleItem: FC<DropdownCollapsibleItemProps>;
|
package/dist/esm/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js
DELETED
@@ -1,53 +0,0 @@
|
|
1
|
-
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
2
|
-
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
3
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
|
4
|
-
import { useState } from "react";
|
5
|
-
import { ChevronDownIcon, ChevronRightIcon } from "../../../../Icons";
|
6
|
-
import stl from "../../../../styles/helpers/satellitePrefixer";
|
7
|
-
import { uniqueId } from "../../../../utils";
|
8
|
-
import { useDropdownCollapsibleItemsGroup } from "./DropdownCollapsibleItemsGroupContext";
|
9
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
10
|
-
/** @deprecated */
|
11
|
-
export var DropdownCollapsibleItem = function DropdownCollapsibleItem(_ref) {
|
12
|
-
var title = _ref.title,
|
13
|
-
name = _ref.name,
|
14
|
-
expanded = _ref.expanded,
|
15
|
-
_onClick = _ref.onClick,
|
16
|
-
children = _ref.children;
|
17
|
-
var _useDropdownCollapsib = useDropdownCollapsibleItemsGroup(),
|
18
|
-
expandedItems = _useDropdownCollapsib.expandedItems,
|
19
|
-
onItemClick = _useDropdownCollapsib.onItemClick;
|
20
|
-
var _useState = useState(function () {
|
21
|
-
return uniqueId("ddci");
|
22
|
-
}),
|
23
|
-
_useState2 = _slicedToArray(_useState, 1),
|
24
|
-
internalName = _useState2[0];
|
25
|
-
var itemName = name !== null && name !== void 0 ? name : internalName;
|
26
|
-
var isExpanded = typeof expanded === "boolean" ? expanded : expandedItems.includes(itemName);
|
27
|
-
return /*#__PURE__*/_jsxs("div", {
|
28
|
-
className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex flex-col"]))),
|
29
|
-
children: [/*#__PURE__*/_jsxs("button", {
|
30
|
-
type: "button",
|
31
|
-
className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n w-full h-10 px-4\n flex items-center justify-between\n text-grey-900 hover:bg-grey-100 focus:bg-grey-100 focus:outline-none cursor-pointer\n "]))),
|
32
|
-
onClick: function onClick(evt) {
|
33
|
-
if (typeof expanded === "boolean") {
|
34
|
-
_onClick === null || _onClick === void 0 || _onClick(evt, itemName, expandedItems);
|
35
|
-
} else {
|
36
|
-
onItemClick(itemName);
|
37
|
-
}
|
38
|
-
},
|
39
|
-
children: [/*#__PURE__*/_jsx("div", {
|
40
|
-
children: title
|
41
|
-
}), isExpanded ? /*#__PURE__*/_jsx(ChevronDownIcon, {
|
42
|
-
className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["text-grey-500"]))),
|
43
|
-
size: "1.25em"
|
44
|
-
}) : /*#__PURE__*/_jsx(ChevronRightIcon, {
|
45
|
-
className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["text-grey-500"]))),
|
46
|
-
size: "1.25em"
|
47
|
-
})]
|
48
|
-
}), isExpanded && /*#__PURE__*/_jsx("div", {
|
49
|
-
className: stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["bg-grey-50 border-l-2 border-grey-300 typo-subdued"]))),
|
50
|
-
children: children
|
51
|
-
})]
|
52
|
-
});
|
53
|
-
};
|
@@ -1,8 +0,0 @@
|
|
1
|
-
import type { FC, ReactNode } from "react";
|
2
|
-
export declare type DropdownCollapsibleItemsGroupProps = {
|
3
|
-
expandedItems: string[];
|
4
|
-
onItemClick(name: string): void;
|
5
|
-
children: ReactNode;
|
6
|
-
};
|
7
|
-
/** @deprecated */
|
8
|
-
export declare const DropdownCollapsibleItemsGroup: FC<DropdownCollapsibleItemsGroupProps>;
|
@@ -1,15 +0,0 @@
|
|
1
|
-
import { DropdownCollapsibleItemsGroupContext } from "./DropdownCollapsibleItemsGroupContext";
|
2
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
3
|
-
/** @deprecated */
|
4
|
-
export var DropdownCollapsibleItemsGroup = function DropdownCollapsibleItemsGroup(_ref) {
|
5
|
-
var expandedItems = _ref.expandedItems,
|
6
|
-
onItemClick = _ref.onItemClick,
|
7
|
-
children = _ref.children;
|
8
|
-
return /*#__PURE__*/_jsx(DropdownCollapsibleItemsGroupContext.Provider, {
|
9
|
-
value: {
|
10
|
-
expandedItems: expandedItems,
|
11
|
-
onItemClick: onItemClick
|
12
|
-
},
|
13
|
-
children: children
|
14
|
-
});
|
15
|
-
};
|
@@ -1,8 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
export interface DropdownCollapsibleItemsGroupContextInterface {
|
3
|
-
expandedItems: readonly string[];
|
4
|
-
onItemClick: (name: string) => void;
|
5
|
-
}
|
6
|
-
export declare const DropdownCollapsibleItemsGroupContext: import("react").Context<DropdownCollapsibleItemsGroupContextInterface | null>;
|
7
|
-
/** @deprecated */
|
8
|
-
export declare const useDropdownCollapsibleItemsGroup: () => DropdownCollapsibleItemsGroupContextInterface;
|
@@ -1,11 +0,0 @@
|
|
1
|
-
import { createContext, useContext } from "react";
|
2
|
-
export var DropdownCollapsibleItemsGroupContext = /*#__PURE__*/createContext(null);
|
3
|
-
|
4
|
-
/** @deprecated */
|
5
|
-
export var useDropdownCollapsibleItemsGroup = function useDropdownCollapsibleItemsGroup() {
|
6
|
-
var context = useContext(DropdownCollapsibleItemsGroupContext);
|
7
|
-
if (!context) {
|
8
|
-
throw new Error("useDropdownCollapsibleItemsGroupContext used outside DropdownCollapsibleItemsGroupContext");
|
9
|
-
}
|
10
|
-
return context;
|
11
|
-
};
|
@@ -1,10 +0,0 @@
|
|
1
|
-
import type { FC, ReactNode } from "react";
|
2
|
-
export declare type DropdownCollapsibleItemsMultiGroupProps = {
|
3
|
-
initialExpandedItems?: string[];
|
4
|
-
children: ReactNode;
|
5
|
-
};
|
6
|
-
/**
|
7
|
-
* Multiple collapsible item can be open at a given time
|
8
|
-
* @deprecated
|
9
|
-
*/
|
10
|
-
export declare const DropdownCollapsibleItemsMultiGroup: FC<DropdownCollapsibleItemsMultiGroupProps>;
|
@@ -1,30 +0,0 @@
|
|
1
|
-
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
2
|
-
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
3
|
-
import { useState } from "react";
|
4
|
-
import { DropdownCollapsibleItemsGroup } from "./DropdownCollapsibleItemsGroup";
|
5
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
6
|
-
/**
|
7
|
-
* Multiple collapsible item can be open at a given time
|
8
|
-
* @deprecated
|
9
|
-
*/
|
10
|
-
export var DropdownCollapsibleItemsMultiGroup = function DropdownCollapsibleItemsMultiGroup(_ref) {
|
11
|
-
var initialExpandedItems = _ref.initialExpandedItems,
|
12
|
-
children = _ref.children;
|
13
|
-
var _useState = useState(function () {
|
14
|
-
return initialExpandedItems !== null && initialExpandedItems !== void 0 ? initialExpandedItems : [];
|
15
|
-
}),
|
16
|
-
_useState2 = _slicedToArray(_useState, 2),
|
17
|
-
expandedItems = _useState2[0],
|
18
|
-
setExpandedItems = _useState2[1];
|
19
|
-
return /*#__PURE__*/_jsx(DropdownCollapsibleItemsGroup, {
|
20
|
-
expandedItems: expandedItems,
|
21
|
-
onItemClick: function onItemClick(name) {
|
22
|
-
return setExpandedItems(function (items) {
|
23
|
-
return items.includes(name) ? items.filter(function (i) {
|
24
|
-
return i !== name;
|
25
|
-
}) : [].concat(_toConsumableArray(items), [name]);
|
26
|
-
});
|
27
|
-
},
|
28
|
-
children: children
|
29
|
-
});
|
30
|
-
};
|
@@ -1,10 +0,0 @@
|
|
1
|
-
import type { FC, ReactNode } from "react";
|
2
|
-
export declare type DropdownCollapsibleItemsExclusiveGroupProps = {
|
3
|
-
initialExpandedItem?: string;
|
4
|
-
children: ReactNode;
|
5
|
-
};
|
6
|
-
/**
|
7
|
-
* Only one collapsible item can be open at a given time (unless you manually override)
|
8
|
-
* @deprecated
|
9
|
-
*/
|
10
|
-
export declare const DropdownCollapsibleItemsSingleGroup: FC<DropdownCollapsibleItemsExclusiveGroupProps>;
|
@@ -1,27 +0,0 @@
|
|
1
|
-
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
2
|
-
import { useState } from "react";
|
3
|
-
import { DropdownCollapsibleItemsGroup } from "./DropdownCollapsibleItemsGroup";
|
4
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
5
|
-
/**
|
6
|
-
* Only one collapsible item can be open at a given time (unless you manually override)
|
7
|
-
* @deprecated
|
8
|
-
*/
|
9
|
-
export var DropdownCollapsibleItemsSingleGroup = function DropdownCollapsibleItemsSingleGroup(_ref) {
|
10
|
-
var initialExpandedItem = _ref.initialExpandedItem,
|
11
|
-
children = _ref.children;
|
12
|
-
var _useState = useState(function () {
|
13
|
-
return initialExpandedItem ? [initialExpandedItem] : [];
|
14
|
-
}),
|
15
|
-
_useState2 = _slicedToArray(_useState, 2),
|
16
|
-
expandedItems = _useState2[0],
|
17
|
-
setExpandedItems = _useState2[1];
|
18
|
-
return /*#__PURE__*/_jsx(DropdownCollapsibleItemsGroup, {
|
19
|
-
expandedItems: expandedItems,
|
20
|
-
onItemClick: function onItemClick(name) {
|
21
|
-
return setExpandedItems(function (items) {
|
22
|
-
return items.includes(name) ? [] : [name];
|
23
|
-
});
|
24
|
-
},
|
25
|
-
children: children
|
26
|
-
});
|
27
|
-
};
|
@@ -1,5 +0,0 @@
|
|
1
|
-
export * from "./DropdownCollapsibleItem";
|
2
|
-
export * from "./DropdownCollapsibleItemsGroup";
|
3
|
-
export * from "./DropdownCollapsibleItemsMultiGroup";
|
4
|
-
export * from "./DropdownCollapsibleItemsSingleGroup";
|
5
|
-
export { useDropdownCollapsibleItemsGroup } from "./DropdownCollapsibleItemsGroupContext";
|
@@ -1,5 +0,0 @@
|
|
1
|
-
export * from "./DropdownCollapsibleItem";
|
2
|
-
export * from "./DropdownCollapsibleItemsGroup";
|
3
|
-
export * from "./DropdownCollapsibleItemsMultiGroup";
|
4
|
-
export * from "./DropdownCollapsibleItemsSingleGroup";
|
5
|
-
export { useDropdownCollapsibleItemsGroup } from "./DropdownCollapsibleItemsGroupContext";
|
@@ -1,11 +0,0 @@
|
|
1
|
-
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
2
|
-
var _templateObject;
|
3
|
-
import stl from "../../../styles/helpers/satellitePrefixer";
|
4
|
-
|
5
|
-
/** @deprecated */
|
6
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
7
|
-
export var DropdownDivider = function DropdownDivider() {
|
8
|
-
return /*#__PURE__*/_jsx("div", {
|
9
|
-
className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["border-b border-grey-100"])))
|
10
|
-
});
|
11
|
-
};
|
@@ -1,22 +0,0 @@
|
|
1
|
-
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
2
|
-
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
3
|
-
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
4
|
-
var _templateObject;
|
5
|
-
var _excluded = ["children", "className"];
|
6
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
7
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
8
|
-
import cx from "clsx";
|
9
|
-
import stl from "../../../styles/helpers/satellitePrefixer";
|
10
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
11
|
-
/** @deprecated */
|
12
|
-
export var DropdownFooterItem = function DropdownFooterItem(_ref) {
|
13
|
-
var children = _ref.children,
|
14
|
-
className = _ref.className,
|
15
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
16
|
-
if (!children) return null;
|
17
|
-
return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
|
18
|
-
className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex bg-grey-100 -mb-1 items-center justify-between px-4 py-3 border-t border-grey-200"]))), className)
|
19
|
-
}, props), {}, {
|
20
|
-
children: children
|
21
|
-
}));
|
22
|
-
};
|
@@ -1,10 +0,0 @@
|
|
1
|
-
import type { FC } from "react";
|
2
|
-
import type { IconComponentType } from "../../../Icons";
|
3
|
-
import type { DropdownBaseItemProps } from "../useDropdownItemProps";
|
4
|
-
export declare type DropdownLinkItemProps = DropdownBaseItemProps<HTMLAnchorElement> & JSX.IntrinsicElements["a"] & {
|
5
|
-
href: string;
|
6
|
-
/** Left aligned icon */
|
7
|
-
startIcon?: IconComponentType;
|
8
|
-
};
|
9
|
-
/** @deprecated */
|
10
|
-
export declare const DropdownLinkItem: FC<DropdownLinkItemProps>;
|
@@ -1,49 +0,0 @@
|
|
1
|
-
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
2
|
-
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
3
|
-
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
4
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
5
|
-
var _excluded = ["toggle"],
|
6
|
-
_excluded2 = ["disabled", "startIcon", "className", "children"];
|
7
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
8
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
9
|
-
import cx from "clsx";
|
10
|
-
import { ExternalLinkIcon } from "../../../Icons";
|
11
|
-
import stl from "../../../styles/helpers/satellitePrefixer";
|
12
|
-
import { useLinkProps } from "../../../utils/useLinkProps";
|
13
|
-
import { useDropdownItemProps } from "../useDropdownItemProps";
|
14
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
15
|
-
var _DropdownLinkItem = function _DropdownLinkItem(_ref) {
|
16
|
-
var _ref$toggle = _ref.toggle,
|
17
|
-
toggle = _ref$toggle === void 0 ? true : _ref$toggle,
|
18
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
19
|
-
var dropdownItemProps = useDropdownItemProps(_objectSpread({
|
20
|
-
toggle: toggle
|
21
|
-
}, props));
|
22
|
-
var linkProps = useLinkProps(_objectSpread(_objectSpread({}, props), dropdownItemProps));
|
23
|
-
var isExternalLink = linkProps.target === "_blank";
|
24
|
-
// `toggle` and `disabled` is destructured here because we don't want them passed to the `a`
|
25
|
-
var _props$dropdownItemPr = _objectSpread(_objectSpread(_objectSpread({}, props), dropdownItemProps), linkProps),
|
26
|
-
disabled = _props$dropdownItemPr.disabled,
|
27
|
-
StartIcon = _props$dropdownItemPr.startIcon,
|
28
|
-
className = _props$dropdownItemPr.className,
|
29
|
-
children = _props$dropdownItemPr.children,
|
30
|
-
mergedProps = _objectWithoutProperties(_props$dropdownItemPr, _excluded2);
|
31
|
-
return /*#__PURE__*/_jsxs("a", _objectSpread(_objectSpread({
|
32
|
-
className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex items-center"]))), className)
|
33
|
-
}, mergedProps), {}, {
|
34
|
-
children: [StartIcon && /*#__PURE__*/_jsx(StartIcon, {
|
35
|
-
className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["mr-2 shrink-0 text-grey-500"]))),
|
36
|
-
width: "1rem",
|
37
|
-
height: "1rem"
|
38
|
-
}), /*#__PURE__*/_jsx("span", {
|
39
|
-
className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["w-full truncate"]))),
|
40
|
-
children: children
|
41
|
-
}), isExternalLink && /*#__PURE__*/_jsx(ExternalLinkIcon, {
|
42
|
-
className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["ml-1 shrink-0"]))),
|
43
|
-
size: "1em"
|
44
|
-
})]
|
45
|
-
}));
|
46
|
-
};
|
47
|
-
|
48
|
-
/** @deprecated */
|
49
|
-
export var DropdownLinkItem = _DropdownLinkItem;
|
@@ -1,6 +0,0 @@
|
|
1
|
-
import type { FC, PropsWithChildren } from "react";
|
2
|
-
import type { RadioButtonProps } from "../../../Fields";
|
3
|
-
import type { DropdownBaseItemProps } from "../useDropdownItemProps";
|
4
|
-
export declare type DropdownRadioItemProps = PropsWithChildren<RadioButtonProps & DropdownBaseItemProps<HTMLInputElement>>;
|
5
|
-
/** @deprecated */
|
6
|
-
export declare const DropdownRadioItem: FC<DropdownRadioItemProps>;
|
@@ -1,36 +0,0 @@
|
|
1
|
-
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
2
|
-
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
3
|
-
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
4
|
-
var _templateObject, _templateObject2, _templateObject3;
|
5
|
-
var _excluded = ["className", "toggle", "children"];
|
6
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
7
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
8
|
-
import { RadioButton } from "../../../Fields";
|
9
|
-
import stl from "../../../styles/helpers/satellitePrefixer";
|
10
|
-
import { useDropdownItemProps } from "../useDropdownItemProps";
|
11
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
12
|
-
/** @deprecated */
|
13
|
-
var _DropdownRadioItem = function _DropdownRadioItem(props) {
|
14
|
-
var dropdownItemProps = useDropdownItemProps(props);
|
15
|
-
// `toggle` is destructured here because we don't want it passed to the `RadioButton`
|
16
|
-
var _props$dropdownItemPr = _objectSpread(_objectSpread({}, props), dropdownItemProps),
|
17
|
-
className = _props$dropdownItemPr.className,
|
18
|
-
toggle = _props$dropdownItemPr.toggle,
|
19
|
-
children = _props$dropdownItemPr.children,
|
20
|
-
radioProps = _objectWithoutProperties(_props$dropdownItemPr, _excluded);
|
21
|
-
return /*#__PURE__*/_jsx("label", {
|
22
|
-
className: className,
|
23
|
-
children: /*#__PURE__*/_jsxs("div", {
|
24
|
-
className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex-1 flex items-start py-2 overflow-hidden"]))),
|
25
|
-
children: [/*#__PURE__*/_jsx("span", {
|
26
|
-
className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["flex-1 truncate mr-4"]))),
|
27
|
-
children: children
|
28
|
-
}), /*#__PURE__*/_jsx(RadioButton, _objectSpread({
|
29
|
-
className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["mt-2px mr-1"])))
|
30
|
-
}, radioProps))]
|
31
|
-
})
|
32
|
-
});
|
33
|
-
};
|
34
|
-
|
35
|
-
/** @deprecated */
|
36
|
-
export var DropdownRadioItem = _DropdownRadioItem;
|