@spaced-out/ui-design-system 0.5.7-beta.0 → 0.5.7-beta.1
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/.cspell/custom-words.txt +2 -0
- package/.github/CODEOWNERS +0 -5
- package/.github/workflows/pull_request_checks.yml +4 -4
- package/.storybook/public/component-parent-levels.json +95 -0
- package/.type-coverage +13 -0
- package/CHANGELOG.md +41 -0
- package/cspell.json +0 -1
- package/design-tokens/size/base-size.json +3 -0
- package/eslint.config.mjs +62 -29
- package/lib/components/AIPromptFlow/AIPromptFlow.stories.d.ts.map +1 -1
- package/lib/components/Accordion/Accordion.d.ts +2 -2
- package/lib/components/Accordion/Accordion.d.ts.map +1 -1
- package/lib/components/Accordion/AccordionGroup.d.ts +2 -2
- package/lib/components/Accordion/AccordionGroup.d.ts.map +1 -1
- package/lib/components/Accordion/AccordionGroup.stories.d.ts.map +1 -1
- package/lib/components/Avatar/Avatar.d.ts +5 -5
- package/lib/components/Avatar/Avatar.d.ts.map +1 -1
- package/lib/components/Avatar/Avatar.js +4 -13
- package/lib/components/AvatarGroup/AvatarGroup.d.ts +2 -2
- package/lib/components/AvatarGroup/AvatarGroup.d.ts.map +1 -1
- package/lib/components/AvatarGroup/AvatarGroup.js +27 -14
- package/lib/components/Badge/Badge.d.ts +7 -8
- package/lib/components/Badge/Badge.d.ts.map +1 -1
- package/lib/components/Badge/Badge.stories.d.ts.map +1 -1
- package/lib/components/BadgedIcon/BadgedIcon.d.ts +2 -2
- package/lib/components/BadgedIcon/BadgedIcon.d.ts.map +1 -1
- package/lib/components/BadgedIcon/BadgedIcon.js +1 -4
- package/lib/components/Banner/Banner.d.ts +2 -3
- package/lib/components/Banner/Banner.d.ts.map +1 -1
- package/lib/components/Breadcrumbs/BreadcrumbLink/BreadcrumbLink.d.ts +2 -3
- package/lib/components/Breadcrumbs/BreadcrumbLink/BreadcrumbLink.d.ts.map +1 -1
- package/lib/components/Breadcrumbs/BreadcrumbLink/BreadcrumbLink.js +2 -4
- package/lib/components/Breadcrumbs/Breadcrumbs.d.ts +2 -2
- package/lib/components/Breadcrumbs/Breadcrumbs.d.ts.map +1 -1
- package/lib/components/Breadcrumbs/Breadcrumbs.js +5 -6
- package/lib/components/Button/Button.d.ts +7 -8
- package/lib/components/Button/Button.d.ts.map +1 -1
- package/lib/components/Button/Button.js +7 -21
- package/lib/components/ButtonDropdown/ButtonDropdown.d.ts +3 -4
- package/lib/components/ButtonDropdown/ButtonDropdown.d.ts.map +1 -1
- package/lib/components/ButtonDropdown/ButtonDropdown.js +4 -14
- package/lib/components/ButtonDropdown/ButtonDropdown.stories.d.ts +70 -70
- package/lib/components/ButtonDropdown/ButtonDropdown.stories.d.ts.map +1 -1
- package/lib/components/ButtonDropdown/SimpleButtonDropdown.d.ts +5 -6
- package/lib/components/ButtonDropdown/SimpleButtonDropdown.d.ts.map +1 -1
- package/lib/components/ButtonDropdown/SimpleButtonDropdown.js +1 -9
- package/lib/components/ButtonDropdown/SimpleButtonDropdown.stories.d.ts +109 -109
- package/lib/components/ButtonDropdown/SimpleButtonDropdown.stories.d.ts.map +1 -1
- package/lib/components/ButtonTabs/ButtonTab/ButtonTab.d.ts +2 -2
- package/lib/components/ButtonTabs/ButtonTab/ButtonTab.d.ts.map +1 -1
- package/lib/components/ButtonTabs/ButtonTabDropdown.d.ts +2 -3
- package/lib/components/ButtonTabs/ButtonTabDropdown.d.ts.map +1 -1
- package/lib/components/ButtonTabs/ButtonTabDropdown.js +5 -14
- package/lib/components/ButtonTabs/ButtonTabs.d.ts +2 -2
- package/lib/components/ButtonTabs/ButtonTabs.d.ts.map +1 -1
- package/lib/components/ButtonTabs/ButtonTabs.js +2 -3
- package/lib/components/Card/Card.d.ts +9 -7
- package/lib/components/Card/Card.d.ts.map +1 -1
- package/lib/components/Card/Card.js +2 -7
- package/lib/components/Charts/ChartWrapper/ChartWrapper.d.ts +9 -4
- package/lib/components/Charts/ChartWrapper/ChartWrapper.d.ts.map +1 -1
- package/lib/components/Charts/ChartWrapper/ChartWrapper.js +5 -7
- package/lib/components/Charts/ColumnChart/ColumnChart.d.ts +8 -5
- package/lib/components/Charts/ColumnChart/ColumnChart.d.ts.map +1 -1
- package/lib/components/Charts/ColumnChart/ColumnChart.js +16 -10
- package/lib/components/Charts/DonutChart/DonutChart.d.ts +4 -5
- package/lib/components/Charts/DonutChart/DonutChart.d.ts.map +1 -1
- package/lib/components/Charts/DonutChart/DonutChart.js +1 -2
- package/lib/components/Charts/FunnelChart/FunnelChart.d.ts +4 -5
- package/lib/components/Charts/FunnelChart/FunnelChart.d.ts.map +1 -1
- package/lib/components/Charts/LineChart/LineChart.d.ts +4 -5
- package/lib/components/Charts/LineChart/LineChart.d.ts.map +1 -1
- package/lib/components/Charts/SankeyChart/SankeyChart.d.ts +2 -3
- package/lib/components/Charts/SankeyChart/SankeyChart.d.ts.map +1 -1
- package/lib/components/Charts/SpiderChart/SpiderChart.d.ts +4 -5
- package/lib/components/Charts/SpiderChart/SpiderChart.d.ts.map +1 -1
- package/lib/components/Charts/StackedBarChart/StackedBarChart.d.ts +4 -5
- package/lib/components/Charts/StackedBarChart/StackedBarChart.d.ts.map +1 -1
- package/lib/components/ChatBubble/ChatBubble.d.ts +14 -14
- package/lib/components/ChatBubble/ChatBubble.d.ts.map +1 -1
- package/lib/components/ChatBubble/ChatBubble.js +11 -4
- package/lib/components/Checkbox/Checkbox.d.ts +2 -3
- package/lib/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/lib/components/Checkbox/Checkbox.js +1 -2
- package/lib/components/Checkbox/Checkbox.stories.d.ts.map +1 -1
- package/lib/components/Checkbox/CheckboxGroup.d.ts +2 -2
- package/lib/components/Checkbox/CheckboxGroup.d.ts.map +1 -1
- package/lib/components/Checkbox/CheckboxGroup.js +8 -12
- package/lib/components/Checkbox/CheckboxGroup.stories.d.ts +2 -3
- package/lib/components/Checkbox/CheckboxGroup.stories.d.ts.map +1 -1
- package/lib/components/Chip/Chip.d.ts +10 -11
- package/lib/components/Chip/Chip.d.ts.map +1 -1
- package/lib/components/Chip/Chip.js +7 -13
- package/lib/components/CircularLoader/CircularLoader.d.ts +2 -2
- package/lib/components/CircularLoader/CircularLoader.d.ts.map +1 -1
- package/lib/components/CollapsibleCard/CollapsibleCard.d.ts +6 -6
- package/lib/components/CollapsibleCard/CollapsibleCard.d.ts.map +1 -1
- package/lib/components/Combobox/Combobox.d.ts +16 -16
- package/lib/components/Combobox/Combobox.d.ts.map +1 -1
- package/lib/components/Combobox/Combobox.js +16 -19
- package/lib/components/Combobox/Combobox.stories.d.ts.map +1 -1
- package/lib/components/Combobox/helper.d.ts.map +1 -1
- package/lib/components/Combobox/helper.js +0 -1
- package/lib/components/ConditionalWrapper/ConditionalWrapper.d.ts +2 -2
- package/lib/components/ConditionalWrapper/ConditionalWrapper.d.ts.map +1 -1
- package/lib/components/DateRangePicker/Calendar.d.ts +3 -3
- package/lib/components/DateRangePicker/Calendar.d.ts.map +1 -1
- package/lib/components/DateRangePicker/Calendar.js +2 -6
- package/lib/components/DateRangePicker/DateRangePicker.d.ts +2 -2
- package/lib/components/DateRangePicker/DateRangePicker.d.ts.map +1 -1
- package/lib/components/DateRangePicker/DateRangePicker.stories.d.ts.map +1 -1
- package/lib/components/DateRangePicker/DateRangeWrapper.d.ts +2 -2
- package/lib/components/DateRangePicker/DateRangeWrapper.d.ts.map +1 -1
- package/lib/components/DateRangePicker/DateRangeWrapper.js +6 -14
- package/lib/components/DateRangePicker/Day.d.ts +2 -2
- package/lib/components/DateRangePicker/Day.d.ts.map +1 -1
- package/lib/components/Dialog/Dialog.d.ts +10 -11
- package/lib/components/Dialog/Dialog.d.ts.map +1 -1
- package/lib/components/Disclaimer/Disclaimer.d.ts.map +1 -1
- package/lib/components/Disclaimer/Disclaimer.js +0 -1
- package/lib/components/Dropdown/Dropdown.d.ts +3 -4
- package/lib/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/lib/components/Dropdown/Dropdown.js +17 -18
- package/lib/components/Dropdown/Dropdown.stories.d.ts.map +1 -1
- package/lib/components/Dropdown/SimpleDropdown.d.ts +5 -6
- package/lib/components/Dropdown/SimpleDropdown.d.ts.map +1 -1
- package/lib/components/Dropdown/SimpleDropdown.js +1 -7
- package/lib/components/Dropdown/SimpleDropdown.stories.d.ts.map +1 -1
- package/lib/components/EmptyState/EmptyState.d.ts +2 -2
- package/lib/components/EmptyState/EmptyState.d.ts.map +1 -1
- package/lib/components/ErrorMessage/ErrorMessage.d.ts +2 -2
- package/lib/components/ErrorMessage/ErrorMessage.d.ts.map +1 -1
- package/lib/components/FileUpload/FileBlock/FileBlock.d.ts +2 -2
- package/lib/components/FileUpload/FileBlock/FileBlock.d.ts.map +1 -1
- package/lib/components/FileUpload/FileUpload.d.ts +14 -13
- package/lib/components/FileUpload/FileUpload.d.ts.map +1 -1
- package/lib/components/FileUpload/FileUpload.js +2 -7
- package/lib/components/FileUpload/FileUpload.stories.d.ts +2 -1
- package/lib/components/FileUpload/FileUpload.stories.d.ts.map +1 -1
- package/lib/components/FilterButtonOverlay/FilterButtonOverlay.d.ts +3 -4
- package/lib/components/FilterButtonOverlay/FilterButtonOverlay.d.ts.map +1 -1
- package/lib/components/FilterButtonOverlay/FilterButtonOverlay.js +1 -9
- package/lib/components/FilterButtonOverlay/FilterButtonOverlay.stories.d.ts.map +1 -1
- package/lib/components/FocusManager/FocusManager.d.ts +2 -2
- package/lib/components/FocusManager/FocusManager.d.ts.map +1 -1
- package/lib/components/FocusManagerWithArrowKeyNavigation/FocusManagerWithArrowKeyNavigation.d.ts +4 -5
- package/lib/components/FocusManagerWithArrowKeyNavigation/FocusManagerWithArrowKeyNavigation.d.ts.map +1 -1
- package/lib/components/FocusManagerWithArrowKeyNavigation/FocusManagerWithArrowKeyNavigation.js +21 -17
- package/lib/components/FocusManagerWithArrowKeyNavigation/FocusManagerWithArrowKeyNavigation.stories.d.ts.map +1 -1
- package/lib/components/FormTitleWrapper/FormTitleWrapper.d.ts +2 -2
- package/lib/components/FormTitleWrapper/FormTitleWrapper.d.ts.map +1 -1
- package/lib/components/Grid/Col.stories.d.ts +1 -1
- package/lib/components/Grid/Grid.d.ts +7 -7
- package/lib/components/Grid/Grid.d.ts.map +1 -1
- package/lib/components/Grid/Grid.js +6 -13
- package/lib/components/Grid/GridPatterns.stories.d.ts +1 -1
- package/lib/components/Grid/GridPatterns.stories.d.ts.map +1 -1
- package/lib/components/Grid/Row.stories.d.ts +1 -1
- package/lib/components/Icon/ClickableIcon.d.ts +6 -6
- package/lib/components/Icon/ClickableIcon.d.ts.map +1 -1
- package/lib/components/Icon/ClickableIcon.js +1 -1
- package/lib/components/Icon/Icon.d.ts +3 -3
- package/lib/components/Icon/Icon.d.ts.map +1 -1
- package/lib/components/Icon/Icon.js +1 -3
- package/lib/components/Icon/Icon.stories.d.ts +2 -2
- package/lib/components/Icon/Icon.stories.d.ts.map +1 -1
- package/lib/components/Icon/SemanticIcon.d.ts +2 -3
- package/lib/components/Icon/SemanticIcon.d.ts.map +1 -1
- package/lib/components/InContextAlert/InContextAlert.d.ts +4 -5
- package/lib/components/InContextAlert/InContextAlert.d.ts.map +1 -1
- package/lib/components/InContextAlert/InContextAlert.js +8 -6
- package/lib/components/InContextAlertWithMultipleActions/InContextAlertWithMultipleActions.d.ts +3 -4
- package/lib/components/InContextAlertWithMultipleActions/InContextAlertWithMultipleActions.d.ts.map +1 -1
- package/lib/components/InContextAlertWithMultipleActions/InContextAlertWithMultipleActions.js +7 -6
- package/lib/components/InfinitePagination/InfinitePagination.d.ts.map +1 -1
- package/lib/components/InfinitePagination/InfinitePagination.js +10 -11
- package/lib/components/InfinitePagination/InfinitePagination.stories.d.ts.map +1 -1
- package/lib/components/InlineDropdown/InlineDropdown.d.ts +3 -4
- package/lib/components/InlineDropdown/InlineDropdown.d.ts.map +1 -1
- package/lib/components/InlineDropdown/InlineDropdown.js +9 -14
- package/lib/components/InlineDropdown/InlineDropdown.stories.d.ts +45 -45
- package/lib/components/InlineDropdown/InlineDropdown.stories.d.ts.map +1 -1
- package/lib/components/InlineDropdown/SimpleInlineDropdown.d.ts +5 -6
- package/lib/components/InlineDropdown/SimpleInlineDropdown.d.ts.map +1 -1
- package/lib/components/InlineDropdown/SimpleInlineDropdown.js +2 -11
- package/lib/components/InlineDropdown/SimpleInlineDropdown.stories.d.ts +83 -83
- package/lib/components/InlineDropdown/SimpleInlineDropdown.stories.d.ts.map +1 -1
- package/lib/components/Input/Input.d.ts +17 -16
- package/lib/components/Input/Input.d.ts.map +1 -1
- package/lib/components/Input/Input.js +7 -20
- package/lib/components/KPIBox/KPIBox.d.ts +2 -2
- package/lib/components/KPIBox/KPIBox.d.ts.map +1 -1
- package/lib/components/LinearLoader/LinearLoader.d.ts +2 -2
- package/lib/components/LinearLoader/LinearLoader.d.ts.map +1 -1
- package/lib/components/LinearLoader/LinearLoader.js +2 -2
- package/lib/components/Link/Link.d.ts +5 -6
- package/lib/components/Link/Link.d.ts.map +1 -1
- package/lib/components/Link/Link.js +4 -13
- package/lib/components/Menu/Menu.d.ts +12 -12
- package/lib/components/Menu/Menu.d.ts.map +1 -1
- package/lib/components/Menu/Menu.js +3 -5
- package/lib/components/Menu/Menu.stories.d.ts.map +1 -1
- package/lib/components/Menu/MenuOptionButton.d.ts +2 -3
- package/lib/components/Menu/MenuOptionButton.d.ts.map +1 -1
- package/lib/components/Menu/MenuOptionButton.js +0 -1
- package/lib/components/Modal/Modal.d.ts +12 -30
- package/lib/components/Modal/Modal.d.ts.map +1 -1
- package/lib/components/Modal/Modal.js +5 -8
- package/lib/components/Notification/Notification.d.ts +6 -7
- package/lib/components/Notification/Notification.d.ts.map +1 -1
- package/lib/components/Notification/Notification.js +7 -4
- package/lib/components/OptionButton/OptionButton.d.ts +6 -7
- package/lib/components/OptionButton/OptionButton.d.ts.map +1 -1
- package/lib/components/OptionButton/OptionButton.js +2 -2
- package/lib/components/OptionButton/OptionButton.stories.d.ts.map +1 -1
- package/lib/components/OptionButton/SimpleOptionButton.d.ts +6 -7
- package/lib/components/OptionButton/SimpleOptionButton.d.ts.map +1 -1
- package/lib/components/OptionButton/SimpleOptionButton.js +1 -7
- package/lib/components/OptionButton/SimpleOptionButton.stories.d.ts +55 -55
- package/lib/components/OptionButton/SimpleOptionButton.stories.d.ts.map +1 -1
- package/lib/components/PageTitle/PageTitle.d.ts +9 -8
- package/lib/components/PageTitle/PageTitle.d.ts.map +1 -1
- package/lib/components/PageTitle/PageTitle.js +15 -10
- package/lib/components/PageTitle/PageTitle.stories.d.ts.map +1 -1
- package/lib/components/Pagination/Pagination.d.ts +10 -12
- package/lib/components/Pagination/Pagination.d.ts.map +1 -1
- package/lib/components/Pagination/Pagination.stories.d.ts +1 -9
- package/lib/components/Pagination/Pagination.stories.d.ts.map +1 -1
- package/lib/components/Pagination/PaginationItem.d.ts.map +1 -1
- package/lib/components/Pagination/PaginationItem.js +0 -3
- package/lib/components/Panel/Panel.d.ts +9 -10
- package/lib/components/Panel/Panel.d.ts.map +1 -1
- package/lib/components/Panel/Panel.stories.d.ts.map +1 -1
- package/lib/components/ProgressDonut/ProgressDonut.d.ts +2 -2
- package/lib/components/ProgressDonut/ProgressDonut.d.ts.map +1 -1
- package/lib/components/ProgressDonut/ProgressDonut.js +2 -3
- package/lib/components/PromptChip/PromptChip.d.ts.map +1 -1
- package/lib/components/PromptChip/PromptChip.js +6 -5
- package/lib/components/PromptInput/PromptInput.d.ts +7 -7
- package/lib/components/PromptInput/PromptInput.d.ts.map +1 -1
- package/lib/components/PromptInput/PromptInput.js +0 -7
- package/lib/components/RadioButton/RadioButton.d.ts +2 -3
- package/lib/components/RadioButton/RadioButton.d.ts.map +1 -1
- package/lib/components/RadioButton/RadioButton.js +1 -2
- package/lib/components/RadioButton/RadioButton.stories.d.ts.map +1 -1
- package/lib/components/RadioButton/RadioGroup.d.ts +2 -2
- package/lib/components/RadioButton/RadioGroup.d.ts.map +1 -1
- package/lib/components/RadioButton/RadioGroup.js +2 -1
- package/lib/components/RadioButton/RadioGroup.stories.d.ts.map +1 -1
- package/lib/components/RadioTile/RadioTile.d.ts +2 -2
- package/lib/components/RadioTile/RadioTile.d.ts.map +1 -1
- package/lib/components/RadioTile/RadioTile.js +1 -3
- package/lib/components/RadioTile/RadioTile.stories.d.ts.map +1 -1
- package/lib/components/RangeSlider/RangeSlider.d.ts +2 -2
- package/lib/components/RangeSlider/RangeSlider.d.ts.map +1 -1
- package/lib/components/RangeSlider/RangeSlider.js +0 -3
- package/lib/components/Rating/Rating.d.ts +2 -2
- package/lib/components/Rating/Rating.d.ts.map +1 -1
- package/lib/components/ScoreBar/ScoreBar.d.ts +2 -2
- package/lib/components/ScoreBar/ScoreBar.d.ts.map +1 -1
- package/lib/components/SearchInput/SearchInput.d.ts +2 -3
- package/lib/components/SearchInput/SearchInput.d.ts.map +1 -1
- package/lib/components/Separator/Separator.d.ts +2 -2
- package/lib/components/Separator/Separator.d.ts.map +1 -1
- package/lib/components/Shimmer/Shimmer.d.ts +6 -6
- package/lib/components/Shimmer/Shimmer.d.ts.map +1 -1
- package/lib/components/Shimmer/Shimmer.js +1 -3
- package/lib/components/SideMenuLink/SideMenuLink.d.ts +2 -2
- package/lib/components/SideMenuLink/SideMenuLink.d.ts.map +1 -1
- package/lib/components/SideMenuLink/SideMenuLink.js +3 -9
- package/lib/components/SideMenuLink/SideMenuLink.stories.d.ts.map +1 -1
- package/lib/components/StatusIndicator/StatusIndicator.d.ts +2 -2
- package/lib/components/StatusIndicator/StatusIndicator.d.ts.map +1 -1
- package/lib/components/Stepper/Step/Step.d.ts +2 -2
- package/lib/components/Stepper/Step/Step.d.ts.map +1 -1
- package/lib/components/Stepper/Step/Step.js +13 -10
- package/lib/components/Stepper/Step/StepContent.d.ts +2 -2
- package/lib/components/Stepper/Step/StepContent.d.ts.map +1 -1
- package/lib/components/Stepper/Step/StepLabel.d.ts +2 -2
- package/lib/components/Stepper/Step/StepLabel.d.ts.map +1 -1
- package/lib/components/Stepper/Stepper.d.ts +2 -2
- package/lib/components/Stepper/Stepper.d.ts.map +1 -1
- package/lib/components/Stepper/Stepper.js +23 -8
- package/lib/components/Stepper/Stepper.stories.d.ts.map +1 -1
- package/lib/components/StickyBar/StickyBar.d.ts +4 -4
- package/lib/components/StickyBar/StickyBar.d.ts.map +1 -1
- package/lib/components/SubMenu/SubMenu.d.ts +2 -2
- package/lib/components/SubMenu/SubMenu.d.ts.map +1 -1
- package/lib/components/SubMenu/SubMenuGroup.d.ts +2 -2
- package/lib/components/SubMenu/SubMenuGroup.d.ts.map +1 -1
- package/lib/components/SubMenu/SubMenuGroup.js +14 -11
- package/lib/components/SubMenu/SubMenuItem.d.ts +8 -8
- package/lib/components/SubMenu/SubMenuItem.d.ts.map +1 -1
- package/lib/components/SubMenu/SubMenuItem.js +16 -24
- package/lib/components/SubMenu/SubMenuLink.d.ts +3 -3
- package/lib/components/SubMenu/SubMenuLink.d.ts.map +1 -1
- package/lib/components/SubMenu/SubMenuLink.js +4 -8
- package/lib/components/Table/BasicTable.stories.d.ts +6 -6
- package/lib/components/Table/BasicTable.stories.d.ts.map +1 -1
- package/lib/components/Table/BulkActions.stories.d.ts.map +1 -1
- package/lib/components/Table/Cell.d.ts +3 -3
- package/lib/components/Table/Cell.d.ts.map +1 -1
- package/lib/components/Table/Cell.js +3 -7
- package/lib/components/Table/DefaultRow.d.ts +4 -4
- package/lib/components/Table/DefaultRow.d.ts.map +1 -1
- package/lib/components/Table/DefaultTableHeader.d.ts +4 -4
- package/lib/components/Table/DefaultTableHeader.d.ts.map +1 -1
- package/lib/components/Table/DefaultTableHeader.js +2 -9
- package/lib/components/Table/InlineEdit.stories.d.ts.map +1 -1
- package/lib/components/Table/StaticTable.d.ts.map +1 -1
- package/lib/components/Table/StaticTable.js +13 -56
- package/lib/components/Table/Table.d.ts +7 -7
- package/lib/components/Table/Table.d.ts.map +1 -1
- package/lib/components/Table/Table.js +2 -24
- package/lib/components/Table/TableActionBar.d.ts +2 -2
- package/lib/components/Table/TableActionBar.d.ts.map +1 -1
- package/lib/components/Table/TableBottomBar.d.ts +2 -2
- package/lib/components/Table/TableBottomBar.d.ts.map +1 -1
- package/lib/components/Table/TableTopBar.d.ts +2 -2
- package/lib/components/Table/TableTopBar.d.ts.map +1 -1
- package/lib/components/Table/hooks.d.ts.map +1 -1
- package/lib/components/Table/hooks.js +4 -12
- package/lib/components/Tabs/Tab/Tab.d.ts +6 -4
- package/lib/components/Tabs/Tab/Tab.d.ts.map +1 -1
- package/lib/components/Tabs/Tab/Tab.js +28 -8
- package/lib/components/Tabs/TabList/TabDropdown.d.ts +2 -2
- package/lib/components/Tabs/TabList/TabDropdown.d.ts.map +1 -1
- package/lib/components/Tabs/TabList/TabDropdown.js +3 -9
- package/lib/components/Tabs/TabList/TabList.d.ts +4 -3
- package/lib/components/Tabs/TabList/TabList.d.ts.map +1 -1
- package/lib/components/Tabs/TabList/TabList.js +40 -50
- package/lib/components/Tabs/TabList/TabList.stories.d.ts +22 -0
- package/lib/components/Tabs/TabList/TabList.stories.d.ts.map +1 -1
- package/lib/components/Text/Text.d.ts +4 -4
- package/lib/components/Text/Text.d.ts.map +1 -1
- package/lib/components/Text/Text.js +0 -1
- package/lib/components/TextTile/TextTile.d.ts +2 -2
- package/lib/components/TextTile/TextTile.d.ts.map +1 -1
- package/lib/components/Textarea/Textarea.d.ts +6 -7
- package/lib/components/Textarea/Textarea.d.ts.map +1 -1
- package/lib/components/Textarea/Textarea.js +7 -17
- package/lib/components/Timeline/Timeline.d.ts +2 -2
- package/lib/components/Timeline/Timeline.d.ts.map +1 -1
- package/lib/components/Timeline/Timeline.js +20 -14
- package/lib/components/Timeline/TimelineItem/TimelineItem.d.ts +2 -2
- package/lib/components/Timeline/TimelineItem/TimelineItem.d.ts.map +1 -1
- package/lib/components/Timeline/TimelineItem/TimelineItem.js +2 -9
- package/lib/components/Timeline/TimelineItem/TimelineItem.stories.d.ts.map +1 -1
- package/lib/components/Toast/Toast.d.ts +8 -8
- package/lib/components/Toast/Toast.d.ts.map +1 -1
- package/lib/components/Toast/Toast.js +31 -24
- package/lib/components/Toast/ToastContainer.d.ts.map +1 -1
- package/lib/components/Toast/ToastContainer.js +7 -6
- package/lib/components/Toast/ToastManager.d.ts +5 -5
- package/lib/components/Toast/ToastManager.d.ts.map +1 -1
- package/lib/components/Toast/ToastManager.js +1 -2
- package/lib/components/Toggle/Toggle.d.ts +2 -2
- package/lib/components/Toggle/Toggle.d.ts.map +1 -1
- package/lib/components/Toggle/Toggle.js +2 -6
- package/lib/components/Toggle/Toggle.stories.d.ts.map +1 -1
- package/lib/components/TokenListInput/TokenListInput.d.ts +13 -11
- package/lib/components/TokenListInput/TokenListInput.d.ts.map +1 -1
- package/lib/components/TokenListInput/TokenListInput.js +24 -38
- package/lib/components/TokenListInput/TokenListInput.stories.d.ts +3 -4
- package/lib/components/TokenListInput/TokenListInput.stories.d.ts.map +1 -1
- package/lib/components/TokenListInput/TokenValueChips.d.ts +4 -4
- package/lib/components/TokenListInput/TokenValueChips.d.ts.map +1 -1
- package/lib/components/TokenListInput/TokenValueChips.js +14 -17
- package/lib/components/Tooltip/Tooltip.d.ts +5 -6
- package/lib/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/lib/components/Tooltip/Tooltip.js +10 -9
- package/lib/components/Truncate/Truncate.d.ts +2 -2
- package/lib/components/Truncate/Truncate.d.ts.map +1 -1
- package/lib/components/Truncate/Truncate.js +4 -5
- package/lib/components/TruncatedTextWithTooltip/TruncatedTextWithTooltip.d.ts +3 -3
- package/lib/components/TruncatedTextWithTooltip/TruncatedTextWithTooltip.d.ts.map +1 -1
- package/lib/components/TruncatedTextWithTooltip/TruncatedTextWithTooltip.js +19 -10
- package/lib/components/TruncatedTextWithTooltip/TruncatedTextWithTooltip.stories.d.ts +1 -1
- package/lib/components/Typeahead/SimpleTypeahead.d.ts +5 -6
- package/lib/components/Typeahead/SimpleTypeahead.d.ts.map +1 -1
- package/lib/components/Typeahead/SimpleTypeahead.js +1 -5
- package/lib/components/Typeahead/SimpleTypeahead.stories.d.ts.map +1 -1
- package/lib/components/Typeahead/Typeahead.d.ts +5 -6
- package/lib/components/Typeahead/Typeahead.d.ts.map +1 -1
- package/lib/components/Typeahead/Typeahead.js +14 -11
- package/lib/components/Typeahead/Typeahead.stories.d.ts.map +1 -1
- package/lib/components/WeekdayPicker/WeekdayPicker.d.ts +4 -4
- package/lib/components/WeekdayPicker/WeekdayPicker.d.ts.map +1 -1
- package/lib/components/WeekdayPicker/WeekdayPicker.stories.d.ts.map +1 -1
- package/lib/devtools/DependencyGraph/DependencyGraph.stories.d.ts.map +1 -1
- package/lib/flow-to-typescript-codemod.d.ts +1 -21
- package/lib/hooks/useArbitraryOptionAddition/useArbitraryOptionAddition.d.ts +2 -2
- package/lib/hooks/useArbitraryOptionAddition/useArbitraryOptionAddition.d.ts.map +1 -1
- package/lib/hooks/useArbitraryOptionAddition/useArbitraryOptionAddition.stories.d.ts.map +1 -1
- package/lib/hooks/useFileUpload/useFileUpload.d.ts +2 -2
- package/lib/hooks/useFileUpload/useFileUpload.d.ts.map +1 -1
- package/lib/hooks/useFileUpload/useFileUpload.stories.d.ts.map +1 -1
- package/lib/hooks/useFilteredOptions/useFilteredOptions.d.ts +4 -4
- package/lib/hooks/useFilteredOptions/useFilteredOptions.d.ts.map +1 -1
- package/lib/hooks/useFilteredOptions/useFilteredOptions.stories.d.ts.map +1 -1
- package/lib/hooks/useInfiniteScroll/useInfiniteScroll.d.ts +2 -2
- package/lib/hooks/useInfiniteScroll/useInfiniteScroll.d.ts.map +1 -1
- package/lib/hooks/useInputState/useInputState.d.ts.map +1 -1
- package/lib/hooks/useLockedBody/useLockedBody.d.ts.map +1 -1
- package/lib/hooks/useModal/useModal.d.ts +13 -5
- package/lib/hooks/useModal/useModal.d.ts.map +1 -1
- package/lib/hooks/useToastPortal/useToastPortal.d.ts +2 -2
- package/lib/hooks/useToastPortal/useToastPortal.d.ts.map +1 -1
- package/lib/hooks/useToggle/useToggle.d.ts.map +1 -1
- package/lib/hooks/useWindowSize/useWindowSize.d.ts +2 -2
- package/lib/hooks/useWindowSize/useWindowSize.d.ts.map +1 -1
- package/lib/stories/Border/Border.stories.d.ts.map +1 -1
- package/lib/stories/Color/Color.stories.d.ts.map +1 -1
- package/lib/stories/Elevation/Elevation.stories.d.ts.map +1 -1
- package/lib/stories/Motion/Motion.stories.d.ts.map +1 -1
- package/lib/stories/Opacity/Opacity.stories.d.ts.map +1 -1
- package/lib/stories/Shadow/Shadow.stories.d.ts.map +1 -1
- package/lib/stories/Size/Size.stories.d.ts.map +1 -1
- package/lib/stories/Space/Space.stories.d.ts.map +1 -1
- package/lib/stories/Tokens/index.d.ts.map +1 -1
- package/lib/styles/index.css +2 -0
- package/lib/styles/index.d.ts +1 -0
- package/lib/styles/index.d.ts.map +1 -1
- package/lib/styles/index.js +2 -1
- package/lib/styles/variables/_size.css +2 -0
- package/lib/styles/variables/_size.d.ts +1 -0
- package/lib/styles/variables/_size.d.ts.map +1 -1
- package/lib/styles/variables/_size.js +2 -1
- package/lib/types/charts.d.ts +35 -31
- package/lib/types/charts.d.ts.map +1 -1
- package/lib/types/date-range-picker.d.ts +8 -9
- package/lib/types/date-range-picker.d.ts.map +1 -1
- package/lib/types/menu.d.ts +2 -2
- package/lib/types/menu.d.ts.map +1 -1
- package/lib/types/toast.d.ts +9 -10
- package/lib/types/toast.d.ts.map +1 -1
- package/lib/utils/charts/charts.d.ts +1 -1
- package/lib/utils/charts/charts.d.ts.map +1 -1
- package/lib/utils/charts/donutChart.d.ts +2 -2
- package/lib/utils/charts/donutChart.d.ts.map +1 -1
- package/lib/utils/charts/donutChart.js +2 -0
- package/lib/utils/charts/funnelChart.d.ts.map +1 -1
- package/lib/utils/charts/helpers.d.ts +1 -1
- package/lib/utils/charts/helpers.d.ts.map +1 -1
- package/lib/utils/charts/sankeyChart.d.ts +2 -2
- package/lib/utils/charts/sankeyChart.d.ts.map +1 -1
- package/lib/utils/click-away/click-away.d.ts +11 -13
- package/lib/utils/click-away/click-away.d.ts.map +1 -1
- package/lib/utils/date-range-picker/date-range-picker.d.ts.map +1 -1
- package/lib/utils/dom/dom.d.ts +2 -2
- package/lib/utils/dom/dom.d.ts.map +1 -1
- package/lib/utils/helpers/helpers.d.ts.map +1 -1
- package/lib/utils/makeClassNameComponent/makeClassNameComponent.d.ts.map +1 -1
- package/lib/utils/merge-refs/merge-refs.d.ts +2 -3
- package/lib/utils/merge-refs/merge-refs.d.ts.map +1 -1
- package/lib/utils/merge-refs/merge-refs.js +13 -7
- package/lib/utils/merge-refs/merge-refs.stories.d.ts.map +1 -1
- package/lib/utils/token-list-input/token-list-input.d.ts +5 -5
- package/lib/utils/token-list-input/token-list-input.d.ts.map +1 -1
- package/lib/utils/tokens/tokens.d.ts +7 -6
- package/lib/utils/tokens/tokens.d.ts.map +1 -1
- package/package.json +18 -10
- package/tsconfig.json +1 -1
package/lib/components/InContextAlertWithMultipleActions/InContextAlertWithMultipleActions.js
CHANGED
|
@@ -22,11 +22,7 @@ const InContextAlertWithMultipleActions = exports.InContextAlertWithMultipleActi
|
|
|
22
22
|
dismissable,
|
|
23
23
|
children,
|
|
24
24
|
inline = false,
|
|
25
|
-
// @ts-ignore - TS2339 - Property 'selfDismiss' does not exist on type 'InContextAlertWithMultipleActionsProps'.
|
|
26
|
-
selfDismiss = false,
|
|
27
25
|
leftIconName = '',
|
|
28
|
-
// @ts-ignore - TS2339 - Property 'onCloseClick' does not exist on type 'InContextAlertWithMultipleActionsProps'.
|
|
29
|
-
onCloseClick,
|
|
30
26
|
actionText = '',
|
|
31
27
|
onAction,
|
|
32
28
|
actionTextColor = _typography.TEXT_COLORS.primary,
|
|
@@ -35,10 +31,15 @@ const InContextAlertWithMultipleActions = exports.InContextAlertWithMultipleActi
|
|
|
35
31
|
secondaryActionTextColor = _typography.TEXT_COLORS.primary,
|
|
36
32
|
leftIconType
|
|
37
33
|
} = props;
|
|
34
|
+
// Type narrowing to safely access selfDismiss only when dismissable is true
|
|
35
|
+
const selfDismiss = dismissable === true && 'selfDismiss' in props ? props.selfDismiss : false;
|
|
36
|
+
const onCloseClick = dismissable === true && 'onCloseClick' in props ? props.onCloseClick : undefined;
|
|
38
37
|
const [dismissed, setDismissed] = React.useState(false);
|
|
39
38
|
const closeClickHandler = e => {
|
|
40
|
-
onCloseClick
|
|
41
|
-
|
|
39
|
+
onCloseClick?.(e);
|
|
40
|
+
if (selfDismiss) {
|
|
41
|
+
setDismissed(true);
|
|
42
|
+
}
|
|
42
43
|
};
|
|
43
44
|
return /*#__PURE__*/React.createElement(React.Fragment, null, !dismissed && /*#__PURE__*/React.createElement("div", {
|
|
44
45
|
className: (0, _classify.classify)(_InContextAlertWithMultipleActionsModule.default.alertContainer, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InfinitePagination.d.ts","sourceRoot":"","sources":["../../../src/components/InfinitePagination/InfinitePagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAMrD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,UAAU,CAAC;AAK5C,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAIH,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,UAAU,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACpE,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;IACrE,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACpC,GAAG,CACA;IACE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,kBAAkB,EAAE,IAAI,CAAC;CAC1B,GACD;IACE,QAAQ,EAAE,MAAM,CAAC;IACjB,kBAAkB,CAAC,EAAE,KAAK,CAAC;CAC5B,CACJ,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,IAAI,CAAC,iBAAiB,CACrD,uBAAuB,EACvB,cAAc,
|
|
1
|
+
{"version":3,"file":"InfinitePagination.d.ts","sourceRoot":"","sources":["../../../src/components/InfinitePagination/InfinitePagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAMrD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,UAAU,CAAC;AAK5C,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAIH,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,UAAU,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACpE,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;IACrE,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACpC,GAAG,CACA;IACE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,kBAAkB,EAAE,IAAI,CAAC;CAC1B,GACD;IACE,QAAQ,EAAE,MAAM,CAAC;IACjB,kBAAkB,CAAC,EAAE,KAAK,CAAC;CAC5B,CACJ,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,IAAI,CAAC,iBAAiB,CACrD,uBAAuB,EACvB,cAAc,CA4Ff,CAAC"}
|
|
@@ -31,12 +31,9 @@ const InfinitePagination = exports.InfinitePagination = /*#__PURE__*/React.forwa
|
|
|
31
31
|
const itemsLength = items.length;
|
|
32
32
|
const totalItemsCount = itemsLength + (hasNextPage ? 1 : 0);
|
|
33
33
|
const [containerRef, containerHeight] = (0, _hooks.useResizeObserver)();
|
|
34
|
-
|
|
35
|
-
// @ts-ignore - TS2322 - Type 'null' is not assignable to type 'HTMLDivElement'.
|
|
36
34
|
React.useImperativeHandle(ref, () => listRef.current);
|
|
37
35
|
React.useEffect(() => {
|
|
38
36
|
if (listRef.current) {
|
|
39
|
-
// @ts-ignore - TS2339 - Property 'scrollToItem' does not exist on type 'never'.
|
|
40
37
|
listRef.current.scrollToItem(0);
|
|
41
38
|
}
|
|
42
39
|
}, [itemsLength === 0]);
|
|
@@ -49,8 +46,6 @@ const InfinitePagination = exports.InfinitePagination = /*#__PURE__*/React.forwa
|
|
|
49
46
|
containerHeight,
|
|
50
47
|
isVariableSizeList
|
|
51
48
|
});
|
|
52
|
-
|
|
53
|
-
// @ts-ignore - TS7031 - Binding element 'index' implicitly has an 'any' type. | TS7031 - Binding element 'style' implicitly has an 'any' type.
|
|
54
49
|
const Row = _ref => {
|
|
55
50
|
let {
|
|
56
51
|
index,
|
|
@@ -66,16 +61,20 @@ const InfinitePagination = exports.InfinitePagination = /*#__PURE__*/React.forwa
|
|
|
66
61
|
className: _InfinitePaginationModule.default.listRow
|
|
67
62
|
}, renderItem(items[index], index));
|
|
68
63
|
};
|
|
69
|
-
const itemKey = React.useCallback(
|
|
70
|
-
// @ts-ignore - TS7006 - Parameter 'index' implicitly has an 'any' type.
|
|
71
|
-
index => index === itemsLength ? 'loading-indicator' : getItemKey ? getItemKey(items[index], index) : index, [items, getItemKey]);
|
|
72
|
-
const ListComponent = isVariableSizeList ? _reactWindow.VariableSizeList : _reactWindow.FixedSizeList;
|
|
64
|
+
const itemKey = React.useCallback(index => index === itemsLength ? 'loading-indicator' : getItemKey ? getItemKey(items[index], index) : index, [items, getItemKey]);
|
|
73
65
|
return /*#__PURE__*/React.createElement("div", {
|
|
74
|
-
// @ts-ignore - TS2322 - Type 'Ref<"div">' is not assignable to type 'Ref<HTMLDivElement> | undefined'.
|
|
75
66
|
ref: containerRef,
|
|
76
67
|
"data-testid": "InfinitePagination",
|
|
77
68
|
className: (0, _classify.default)(_InfinitePaginationModule.default.wrapper, classNames?.wrapper)
|
|
78
|
-
}, /*#__PURE__*/React.createElement(
|
|
69
|
+
}, isVariableSizeList ? /*#__PURE__*/React.createElement(_reactWindow.VariableSizeList, {
|
|
70
|
+
ref: listRef,
|
|
71
|
+
width: width,
|
|
72
|
+
height: containerHeight,
|
|
73
|
+
itemKey: itemKey,
|
|
74
|
+
itemSize: itemSize,
|
|
75
|
+
onScroll: handleScroll,
|
|
76
|
+
itemCount: totalItemsCount
|
|
77
|
+
}, Row) : /*#__PURE__*/React.createElement(_reactWindow.FixedSizeList, {
|
|
79
78
|
ref: listRef,
|
|
80
79
|
width: width,
|
|
81
80
|
height: containerHeight,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InfinitePagination.stories.d.ts","sourceRoot":"","sources":["../../../src/components/InfinitePagination/InfinitePagination.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAC,uBAAuB,EAAC,MAAM,sBAAsB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"InfinitePagination.stories.d.ts","sourceRoot":"","sources":["../../../src/components/InfinitePagination/InfinitePagination.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAC,uBAAuB,EAAC,MAAM,sBAAsB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAalE,wBA8GE;AAEF,eAAO,MAAM,kBAAkB;WAAU,uBAAuB;;;;CA6F/D,CAAC;AAMF,eAAO,MAAM,qBAAqB;WAAU,uBAAuB;;;;CAsGlE,CAAC"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import type { Flow } from 'flow-to-typescript-codemod';
|
|
3
|
-
import type { Over } from '../../types/utils';
|
|
4
3
|
import type { ClickAwayRefType } from '../../utils/click-away';
|
|
5
4
|
import type { UnstyledButtonProps } from '../Button';
|
|
6
5
|
import type { AnchorType } from '../ButtonDropdown';
|
|
@@ -10,7 +9,7 @@ type ClassNames = Readonly<{
|
|
|
10
9
|
buttonWrapper?: string;
|
|
11
10
|
dropdownContainer?: string;
|
|
12
11
|
}>;
|
|
13
|
-
export
|
|
12
|
+
export interface InlineDropdownProps extends Omit<UnstyledButtonProps, 'classNames' | 'menu' | 'anchorPosition' | 'onOptionSelect' | 'onMenuOpen' | 'onMenuClose' | 'size' | 'elevation' | 'clickAwayRef'> {
|
|
14
13
|
classNames?: ClassNames;
|
|
15
14
|
menu?: MenuProps;
|
|
16
15
|
anchorPosition?: AnchorType;
|
|
@@ -19,8 +18,8 @@ export type InlineDropdownProps = Over<UnstyledButtonProps, {
|
|
|
19
18
|
onMenuClose?: () => unknown;
|
|
20
19
|
size?: 'medium' | 'small' | 'extraSmall';
|
|
21
20
|
elevation?: ElevationType;
|
|
22
|
-
clickAwayRef?: ClickAwayRefType
|
|
23
|
-
}
|
|
21
|
+
clickAwayRef?: React.RefObject<ClickAwayRefType | null>;
|
|
22
|
+
}
|
|
24
23
|
export declare const InlineDropdown: Flow.AbstractComponent<InlineDropdownProps, HTMLDivElement>;
|
|
25
24
|
export {};
|
|
26
25
|
//# sourceMappingURL=InlineDropdown.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InlineDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/InlineDropdown/InlineDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"InlineDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/InlineDropdown/InlineDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAKrD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AAG7D,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,WAAW,CAAC;AAEnD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAElD,OAAO,KAAK,EAAC,UAAU,EAAE,SAAS,EAAC,MAAM,SAAS,CAAC;AAEnD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,YAAY,CAAC;AAO9C,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC,CAAC;AAEH,MAAM,WAAW,mBACf,SAAQ,IAAI,CACV,mBAAmB,EACjB,YAAY,GACZ,MAAM,GACN,gBAAgB,GAChB,gBAAgB,GAChB,YAAY,GACZ,aAAa,GACb,MAAM,GACN,WAAW,GACX,cAAc,CACjB;IACD,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,cAAc,CAAC,EAAE,CACf,MAAM,EAAE,UAAU,EAClB,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KACxD,OAAO,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,OAAO,CAAC;IAC5B,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,YAAY,CAAC;IACzC,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;CACzD;AAED,eAAO,MAAM,cAAc,EAAE,IAAI,CAAC,iBAAiB,CACjD,mBAAmB,EACnB,cAAc,CAgIf,CAAC"}
|
|
@@ -44,16 +44,17 @@ const InlineDropdown = exports.InlineDropdown = /*#__PURE__*/React.forwardRef((_
|
|
|
44
44
|
} = (0, _react2.useFloating)({
|
|
45
45
|
open: true,
|
|
46
46
|
strategy: 'absolute',
|
|
47
|
-
// @ts-ignore - TS2322 - Type 'string' is not assignable to type 'Placement | undefined'.
|
|
48
47
|
placement: anchorPosition,
|
|
49
48
|
whileElementsMounted: _react2.autoUpdate,
|
|
50
49
|
middleware: [(0, _react2.shift)(), (0, _react2.flip)(), (0, _react2.offset)(parseInt(_space.spaceXXSmall))]
|
|
51
50
|
});
|
|
52
|
-
|
|
53
|
-
// @ts-ignore - TS2345 - Argument of type '(ReferenceType & ReferenceType) | null' is not assignable to parameter of type 'HTMLElement | null | undefined'.
|
|
54
51
|
const dropdownWidth = (0, _hooks.useReferenceElementWidth)(refs.reference?.current);
|
|
55
52
|
const onMenuToggle = isOpen => {
|
|
56
|
-
|
|
53
|
+
if (isOpen) {
|
|
54
|
+
onMenuOpen?.();
|
|
55
|
+
} else {
|
|
56
|
+
onMenuClose?.();
|
|
57
|
+
}
|
|
57
58
|
};
|
|
58
59
|
return /*#__PURE__*/React.createElement(_clickAway.ClickAway, {
|
|
59
60
|
onChange: onMenuToggle,
|
|
@@ -71,9 +72,7 @@ const InlineDropdown = exports.InlineDropdown = /*#__PURE__*/React.forwardRef((_
|
|
|
71
72
|
className: (0, _classify.classify)(_InlineDropdownModule.default.inlineDropdownContainer, classNames?.dropdownContainer),
|
|
72
73
|
ref: ref
|
|
73
74
|
}, /*#__PURE__*/React.createElement(_Button.UnstyledButton, _extends({}, restButtonProps, {
|
|
74
|
-
disabled: disabled
|
|
75
|
-
// @ts-ignore - TS2322 - Type '((node: ReferenceType | null) => void) & ((node: ReferenceType | null) => void)' is not assignable to type '{ current: HTMLElement | null | undefined; }'.
|
|
76
|
-
,
|
|
75
|
+
disabled: disabled,
|
|
77
76
|
ref: (0, _mergeRefs.mergeRefs)([refs.setReference, triggerRef]),
|
|
78
77
|
onClick: e => {
|
|
79
78
|
e.stopPropagation();
|
|
@@ -91,14 +90,10 @@ const InlineDropdown = exports.InlineDropdown = /*#__PURE__*/React.forwardRef((_
|
|
|
91
90
|
})
|
|
92
91
|
})), isOpen && menu && /*#__PURE__*/React.createElement(_react2.FloatingPortal, null, /*#__PURE__*/React.createElement(_react2.FloatingFocusManager, {
|
|
93
92
|
modal: false,
|
|
94
|
-
context: context
|
|
95
|
-
// @ts-ignore - TS2322 - Type 'TriggerRefType<HTMLElement | null | undefined>' is not assignable to type 'number | MutableRefObject<HTMLElement | null> | undefined'.
|
|
96
|
-
,
|
|
93
|
+
context: context,
|
|
97
94
|
initialFocus: triggerRef
|
|
98
95
|
}, /*#__PURE__*/React.createElement("div", {
|
|
99
|
-
className: _InlineDropdownModule.default.menuWrapper
|
|
100
|
-
// @ts-ignore - TS2322 - Type '((node: HTMLElement | null) => void) & ((node: HTMLElement | null) => void)' is not assignable to type '{ current: HTMLElement | null | undefined; }'.
|
|
101
|
-
,
|
|
96
|
+
className: _InlineDropdownModule.default.menuWrapper,
|
|
102
97
|
ref: (0, _mergeRefs.mergeRefs)([refs.setFloating, boundaryRef]),
|
|
103
98
|
style: {
|
|
104
99
|
display: 'flex',
|
|
@@ -117,7 +112,7 @@ const InlineDropdown = exports.InlineDropdown = /*#__PURE__*/React.forwardRef((_
|
|
|
117
112
|
}
|
|
118
113
|
}, /*#__PURE__*/React.createElement(_Menu.Menu, _extends({}, menu, {
|
|
119
114
|
onSelect: (option, e) => {
|
|
120
|
-
onOptionSelect
|
|
115
|
+
onOptionSelect?.(option, e);
|
|
121
116
|
if (
|
|
122
117
|
// option.keepMenuOpenOnOptionSelect - to allow the menu persist its open stat upon option selection in normal variant
|
|
123
118
|
!option.keepMenuOpenOnOptionSelect && (!menu.optionsVariant || menu.optionsVariant === 'normal')) {
|
|
@@ -176,6 +176,17 @@ export declare const _TextOnly: {
|
|
|
176
176
|
args: {
|
|
177
177
|
menu: MenuProps;
|
|
178
178
|
size: string;
|
|
179
|
+
classNames?: Readonly<{
|
|
180
|
+
wrapper?: string;
|
|
181
|
+
icon?: string;
|
|
182
|
+
text?: string;
|
|
183
|
+
}>;
|
|
184
|
+
iconLeftName?: string;
|
|
185
|
+
iconLeftType?: import("..").IconType;
|
|
186
|
+
iconRightName?: string;
|
|
187
|
+
iconRightType?: import("..").IconType;
|
|
188
|
+
type?: import("../Button").ButtonType;
|
|
189
|
+
isFluid?: boolean;
|
|
179
190
|
className?: string | undefined | undefined;
|
|
180
191
|
ariaLabel?: string | undefined;
|
|
181
192
|
form?: string | undefined | undefined;
|
|
@@ -186,8 +197,11 @@ export declare const _TextOnly: {
|
|
|
186
197
|
disabled?: boolean | undefined;
|
|
187
198
|
slot?: string | undefined | undefined;
|
|
188
199
|
title?: string | undefined | undefined;
|
|
200
|
+
onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
|
|
189
201
|
name?: string | undefined | undefined;
|
|
190
|
-
|
|
202
|
+
actionType?: import("../Button").ButtonActionType | undefined;
|
|
203
|
+
tabIndex?: number | undefined;
|
|
204
|
+
isLoading?: boolean | undefined;
|
|
191
205
|
formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
|
|
192
206
|
formEncType?: string | undefined | undefined;
|
|
193
207
|
formMethod?: string | undefined | undefined;
|
|
@@ -211,7 +225,6 @@ export declare const _TextOnly: {
|
|
|
211
225
|
lang?: string | undefined | undefined;
|
|
212
226
|
nonce?: string | undefined | undefined;
|
|
213
227
|
spellCheck?: (boolean | "true" | "false") | undefined;
|
|
214
|
-
tabIndex?: number | undefined;
|
|
215
228
|
translate?: "yes" | "no" | undefined | undefined;
|
|
216
229
|
radioGroup?: string | undefined | undefined;
|
|
217
230
|
about?: string | undefined | undefined;
|
|
@@ -466,19 +479,6 @@ export declare const _TextOnly: {
|
|
|
466
479
|
onTransitionRunCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
|
|
467
480
|
onTransitionStart?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
|
|
468
481
|
onTransitionStartCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
|
|
469
|
-
actionType?: import("../Button").ButtonActionType | undefined;
|
|
470
|
-
isLoading?: boolean | undefined;
|
|
471
|
-
classNames?: Readonly<{
|
|
472
|
-
wrapper?: string;
|
|
473
|
-
icon?: string;
|
|
474
|
-
text?: string;
|
|
475
|
-
}>;
|
|
476
|
-
iconLeftName?: string;
|
|
477
|
-
iconLeftType?: import("..").IconType;
|
|
478
|
-
iconRightName?: string;
|
|
479
|
-
iconRightType?: import("..").IconType;
|
|
480
|
-
type?: import("../Button").ButtonType;
|
|
481
|
-
isFluid?: boolean;
|
|
482
482
|
};
|
|
483
483
|
};
|
|
484
484
|
export declare const _TextWithTooltip: {
|
|
@@ -524,6 +524,17 @@ export declare const _TextWithTooltip: {
|
|
|
524
524
|
groupTitleOptions?: Array<import("../Menu").MenuGroupTitleOption>;
|
|
525
525
|
};
|
|
526
526
|
size: string;
|
|
527
|
+
classNames?: Readonly<{
|
|
528
|
+
wrapper?: string;
|
|
529
|
+
icon?: string;
|
|
530
|
+
text?: string;
|
|
531
|
+
}>;
|
|
532
|
+
iconLeftName?: string;
|
|
533
|
+
iconLeftType?: import("..").IconType;
|
|
534
|
+
iconRightName?: string;
|
|
535
|
+
iconRightType?: import("..").IconType;
|
|
536
|
+
type?: import("../Button").ButtonType;
|
|
537
|
+
isFluid?: boolean;
|
|
527
538
|
className?: string | undefined | undefined;
|
|
528
539
|
ariaLabel?: string | undefined;
|
|
529
540
|
form?: string | undefined | undefined;
|
|
@@ -534,8 +545,11 @@ export declare const _TextWithTooltip: {
|
|
|
534
545
|
disabled?: boolean | undefined;
|
|
535
546
|
slot?: string | undefined | undefined;
|
|
536
547
|
title?: string | undefined | undefined;
|
|
548
|
+
onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
|
|
537
549
|
name?: string | undefined | undefined;
|
|
538
|
-
|
|
550
|
+
actionType?: import("../Button").ButtonActionType | undefined;
|
|
551
|
+
tabIndex?: number | undefined;
|
|
552
|
+
isLoading?: boolean | undefined;
|
|
539
553
|
formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
|
|
540
554
|
formEncType?: string | undefined | undefined;
|
|
541
555
|
formMethod?: string | undefined | undefined;
|
|
@@ -559,7 +573,6 @@ export declare const _TextWithTooltip: {
|
|
|
559
573
|
lang?: string | undefined | undefined;
|
|
560
574
|
nonce?: string | undefined | undefined;
|
|
561
575
|
spellCheck?: (boolean | "true" | "false") | undefined;
|
|
562
|
-
tabIndex?: number | undefined;
|
|
563
576
|
translate?: "yes" | "no" | undefined | undefined;
|
|
564
577
|
radioGroup?: string | undefined | undefined;
|
|
565
578
|
about?: string | undefined | undefined;
|
|
@@ -814,19 +827,6 @@ export declare const _TextWithTooltip: {
|
|
|
814
827
|
onTransitionRunCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
|
|
815
828
|
onTransitionStart?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
|
|
816
829
|
onTransitionStartCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
|
|
817
|
-
actionType?: import("../Button").ButtonActionType | undefined;
|
|
818
|
-
isLoading?: boolean | undefined;
|
|
819
|
-
classNames?: Readonly<{
|
|
820
|
-
wrapper?: string;
|
|
821
|
-
icon?: string;
|
|
822
|
-
text?: string;
|
|
823
|
-
}>;
|
|
824
|
-
iconLeftName?: string;
|
|
825
|
-
iconLeftType?: import("..").IconType;
|
|
826
|
-
iconRightName?: string;
|
|
827
|
-
iconRightType?: import("..").IconType;
|
|
828
|
-
type?: import("../Button").ButtonType;
|
|
829
|
-
isFluid?: boolean;
|
|
830
830
|
};
|
|
831
831
|
};
|
|
832
832
|
export declare const _WithSearch: {
|
|
@@ -870,6 +870,17 @@ export declare const _WithSearch: {
|
|
|
870
870
|
groupTitleOptions?: Array<import("../Menu").MenuGroupTitleOption>;
|
|
871
871
|
};
|
|
872
872
|
size: string;
|
|
873
|
+
classNames?: Readonly<{
|
|
874
|
+
wrapper?: string;
|
|
875
|
+
icon?: string;
|
|
876
|
+
text?: string;
|
|
877
|
+
}>;
|
|
878
|
+
iconLeftName?: string;
|
|
879
|
+
iconLeftType?: import("..").IconType;
|
|
880
|
+
iconRightName?: string;
|
|
881
|
+
iconRightType?: import("..").IconType;
|
|
882
|
+
type?: import("../Button").ButtonType;
|
|
883
|
+
isFluid?: boolean;
|
|
873
884
|
className?: string | undefined | undefined;
|
|
874
885
|
ariaLabel?: string | undefined;
|
|
875
886
|
form?: string | undefined | undefined;
|
|
@@ -880,8 +891,11 @@ export declare const _WithSearch: {
|
|
|
880
891
|
disabled?: boolean | undefined;
|
|
881
892
|
slot?: string | undefined | undefined;
|
|
882
893
|
title?: string | undefined | undefined;
|
|
894
|
+
onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
|
|
883
895
|
name?: string | undefined | undefined;
|
|
884
|
-
|
|
896
|
+
actionType?: import("../Button").ButtonActionType | undefined;
|
|
897
|
+
tabIndex?: number | undefined;
|
|
898
|
+
isLoading?: boolean | undefined;
|
|
885
899
|
formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
|
|
886
900
|
formEncType?: string | undefined | undefined;
|
|
887
901
|
formMethod?: string | undefined | undefined;
|
|
@@ -905,7 +919,6 @@ export declare const _WithSearch: {
|
|
|
905
919
|
lang?: string | undefined | undefined;
|
|
906
920
|
nonce?: string | undefined | undefined;
|
|
907
921
|
spellCheck?: (boolean | "true" | "false") | undefined;
|
|
908
|
-
tabIndex?: number | undefined;
|
|
909
922
|
translate?: "yes" | "no" | undefined | undefined;
|
|
910
923
|
radioGroup?: string | undefined | undefined;
|
|
911
924
|
about?: string | undefined | undefined;
|
|
@@ -1160,19 +1173,6 @@ export declare const _WithSearch: {
|
|
|
1160
1173
|
onTransitionRunCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
|
|
1161
1174
|
onTransitionStart?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
|
|
1162
1175
|
onTransitionStartCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
|
|
1163
|
-
actionType?: import("../Button").ButtonActionType | undefined;
|
|
1164
|
-
isLoading?: boolean | undefined;
|
|
1165
|
-
classNames?: Readonly<{
|
|
1166
|
-
wrapper?: string;
|
|
1167
|
-
icon?: string;
|
|
1168
|
-
text?: string;
|
|
1169
|
-
}>;
|
|
1170
|
-
iconLeftName?: string;
|
|
1171
|
-
iconLeftType?: import("..").IconType;
|
|
1172
|
-
iconRightName?: string;
|
|
1173
|
-
iconRightType?: import("..").IconType;
|
|
1174
|
-
type?: import("../Button").ButtonType;
|
|
1175
|
-
isFluid?: boolean;
|
|
1176
1176
|
};
|
|
1177
1177
|
};
|
|
1178
1178
|
export declare const _WithCheckboxMenu: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InlineDropdown.stories.d.ts","sourceRoot":"","sources":["../../../src/components/InlineDropdown/InlineDropdown.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAC,UAAU,EAAE,SAAS,EAAC,MAAM,SAAS,CAAC;AAInD,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,kBAAkB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"InlineDropdown.stories.d.ts","sourceRoot":"","sources":["../../../src/components/InlineDropdown/InlineDropdown.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAC,UAAU,EAAE,SAAS,EAAC,MAAM,SAAS,CAAC;AAInD,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,kBAAkB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqD1D,wBA8JE;AAEF,eAAO,MAAM,SAAS;WAAU,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAIlD,CAAC;AAQF,eAAO,MAAM,gBAAgB;WAAU,mBAAmB;;;;;;gDApMpD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;sBA0BsD,CAAC;uBAC1C,CAAC;kCAEX,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2KV,CAAC;AAQF,eAAO,MAAM,WAAW;WAAU,mBAAmB;;;;gDAhN/C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;sBA0BsD,CAAC;uBAC1C,CAAC;kCAEX,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuLV,CAAC;AAeF,eAAO,MAAM,iBAAiB;WAAU,mBAAmB;;;;;;CAuC1D,CAAC;AAeF,eAAO,MAAM,cAAc;WAAU,mBAAmB;;;;;CAwBvD,CAAC;AAOF,eAAO,MAAM,oBAAoB;WAAU,mBAAmB;;;;;;CAE7D,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,MAAM,mBAAmB,sBAoD5D,CAAC"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import type { Flow } from 'flow-to-typescript-codemod';
|
|
3
3
|
import type { MenuClassNames, MenuLabelTooltip } from '../../types/menu';
|
|
4
|
-
import type { Over } from '../../types/utils';
|
|
5
4
|
import type { ClickAwayRefType } from '../../utils/click-away';
|
|
6
5
|
import type { ButtonProps } from '../Button';
|
|
7
6
|
import type { AnchorType } from '../ButtonDropdown';
|
|
@@ -11,10 +10,10 @@ type ClassNames = Readonly<{
|
|
|
11
10
|
buttonWrapper?: string;
|
|
12
11
|
dropdownContainer?: string;
|
|
13
12
|
}>;
|
|
14
|
-
export
|
|
13
|
+
export interface SimpleInlineDropdownRef {
|
|
15
14
|
selectedKeys?: Array<string>;
|
|
16
|
-
}
|
|
17
|
-
export
|
|
15
|
+
}
|
|
16
|
+
export interface SimpleInlineDropdownProps extends Omit<ButtonProps, 'elevation' | 'classNames' | 'anchorPosition' | 'options' | 'optionsVariant' | 'allowSearch' | 'selectedKeys' | 'showLabelTooltip' | 'allowWrap' | 'onOptionSelect' | 'onMenuOpen' | 'onMenuClose' | 'menuVirtualization' | 'header' | 'footer' | 'menuClassNames' | 'resolveLabel' | 'resolveSecondaryLabel' | 'clickAwayRef'> {
|
|
18
17
|
elevation?: ElevationType;
|
|
19
18
|
classNames?: ClassNames;
|
|
20
19
|
anchorPosition?: AnchorType;
|
|
@@ -33,8 +32,8 @@ export type SimpleInlineDropdownProps = Over<ButtonProps, {
|
|
|
33
32
|
menuClassNames?: MenuClassNames;
|
|
34
33
|
resolveLabel?: (option: MenuOption) => string | React.ReactNode;
|
|
35
34
|
resolveSecondaryLabel?: (option: MenuOption) => string | React.ReactNode;
|
|
36
|
-
clickAwayRef?: ClickAwayRefType
|
|
37
|
-
}
|
|
35
|
+
clickAwayRef?: React.RefObject<ClickAwayRefType | null>;
|
|
36
|
+
}
|
|
38
37
|
export declare const SimpleInlineDropdown: Flow.AbstractComponent<SimpleInlineDropdownProps, SimpleInlineDropdownRef>;
|
|
39
38
|
export {};
|
|
40
39
|
//# sourceMappingURL=SimpleInlineDropdown.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SimpleInlineDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/InlineDropdown/SimpleInlineDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,cAAc,EAAE,gBAAgB,EAAC,MAAM,kBAAkB,CAAC;AACvE,OAAO,KAAK,EAAC,
|
|
1
|
+
{"version":3,"file":"SimpleInlineDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/InlineDropdown/SimpleInlineDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,cAAc,EAAE,gBAAgB,EAAC,MAAM,kBAAkB,CAAC;AACvE,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AAK7D,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,WAAW,CAAC;AAC3C,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,EAAC,UAAU,EAAE,kBAAkB,EAAE,cAAc,EAAC,MAAM,SAAS,CAAC;AAC5E,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,YAAY,CAAC;AAK9C,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC,CAAC;AAEH,MAAM,WAAW,uBAAuB;IACtC,YAAY,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;CAC9B;AAED,MAAM,WAAW,yBACf,SAAQ,IAAI,CACV,WAAW,EACT,WAAW,GACX,YAAY,GACZ,gBAAgB,GAChB,SAAS,GACT,gBAAgB,GAChB,aAAa,GACb,cAAc,GACd,kBAAkB,GAClB,WAAW,GACX,gBAAgB,GAChB,YAAY,GACZ,aAAa,GACb,oBAAoB,GACpB,QAAQ,GACR,QAAQ,GACR,gBAAgB,GAChB,cAAc,GACd,uBAAuB,GACvB,cAAc,CACjB;IACD,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,OAAO,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC5B,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC7B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,CACf,MAAM,EAAE,UAAU,EAClB,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KACxD,OAAO,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,OAAO,CAAC;IAC5B,kBAAkB,CAAC,EAAE,cAAc,CAAC;IACpC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChE,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACzE,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;CACzD;AA8GD,eAAO,MAAM,oBAAoB,EAAE,IAAI,CAAC,iBAAiB,CACvD,yBAAyB,EACzB,uBAAuB,CAGxB,CAAC"}
|
|
@@ -40,7 +40,6 @@ const SimpleInlineDropdownBase = (props, ref) => {
|
|
|
40
40
|
React.useEffect(() => {
|
|
41
41
|
const newBtnText = (0, _menu.getButtonLabelFromSelectedKeys)(selectedKeys, children);
|
|
42
42
|
setInlineDropdownSelectedKeys(selectedKeys);
|
|
43
|
-
// @ts-ignore - TS2345 - Argument of type 'ReactNode' is not assignable to parameter of type 'SetStateAction<string>'.
|
|
44
43
|
setBtnText(newBtnText);
|
|
45
44
|
}, [selectedKeys]);
|
|
46
45
|
const handleOptionChange = (selectedOption, e) => {
|
|
@@ -53,14 +52,11 @@ const SimpleInlineDropdownBase = (props, ref) => {
|
|
|
53
52
|
}
|
|
54
53
|
const newBtnText = (0, _menu.getButtonLabelFromSelectedKeys)(newSelectedKeys, children);
|
|
55
54
|
setInlineDropdownSelectedKeys(newSelectedKeys);
|
|
56
|
-
// @ts-ignore - TS2345 - Argument of type 'ReactNode' is not assignable to parameter of type 'SetStateAction<string>'.
|
|
57
55
|
setBtnText(newBtnText);
|
|
58
56
|
setTimeout(() => {
|
|
59
57
|
onOptionSelect?.(selectedOption, e);
|
|
60
58
|
});
|
|
61
59
|
};
|
|
62
|
-
|
|
63
|
-
// @ts-ignore - TS2345 - Argument of type '{ current: SimpleInlineDropdownRef | null; } | ((arg1: SimpleInlineDropdownRef | null) => unknown)' is not assignable to parameter of type 'Ref<SimpleInlineDropdownRef> | undefined'.
|
|
64
60
|
React.useImperativeHandle(ref, () => ({
|
|
65
61
|
selectedKeys: inlineDropdownSelectedKeys
|
|
66
62
|
}));
|
|
@@ -82,8 +78,7 @@ const SimpleInlineDropdownBase = (props, ref) => {
|
|
|
82
78
|
allowSearch,
|
|
83
79
|
resolveLabel,
|
|
84
80
|
resolveSecondaryLabel,
|
|
85
|
-
|
|
86
|
-
size: size === 'extraSmall' ? 'small' : size,
|
|
81
|
+
size,
|
|
87
82
|
virtualization: menuVirtualization,
|
|
88
83
|
header,
|
|
89
84
|
footer,
|
|
@@ -93,8 +88,4 @@ const SimpleInlineDropdownBase = (props, ref) => {
|
|
|
93
88
|
}
|
|
94
89
|
}), optionsVariant === 'checkbox' ? btnText : children);
|
|
95
90
|
};
|
|
96
|
-
|
|
97
|
-
// @ts-ignore - TS2345 - Argument of type '(props: SimpleInlineDropdownProps, ref: { current: null | SimpleInlineDropdownRef; } | ((arg1: null | SimpleInlineDropdownRef) => unknown)) => React.JSX.Element' is not assignable to parameter of type 'ForwardRefRenderFunction<SimpleInlineDropdownProps, SimpleInlineDropdownRef>'.
|
|
98
|
-
const SimpleInlineDropdown = exports.SimpleInlineDropdown = /*#__PURE__*/React.forwardRef(
|
|
99
|
-
//@ts-expect-error
|
|
100
|
-
SimpleInlineDropdownBase);
|
|
91
|
+
const SimpleInlineDropdown = exports.SimpleInlineDropdown = /*#__PURE__*/React.forwardRef(SimpleInlineDropdownBase);
|