@spaced-out/ui-design-system 0.5.6 → 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 +3 -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 +53 -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 +6 -8
- 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 +21 -0
- package/lib/components/Charts/SankeyChart/SankeyChart.d.ts.map +1 -0
- package/lib/components/Charts/SankeyChart/SankeyChart.js +104 -0
- package/lib/components/Charts/SankeyChart/SankeyChart.module.css +22 -0
- package/lib/components/Charts/SankeyChart/SankeyChart.stories.d.ts +267 -0
- package/lib/components/Charts/SankeyChart/SankeyChart.stories.d.ts.map +1 -0
- package/lib/components/Charts/SankeyChart/index.d.ts +2 -0
- package/lib/components/Charts/SankeyChart/index.d.ts.map +1 -0
- package/lib/components/Charts/SankeyChart/index.js +16 -0
- 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/SpiderChart/SpiderChart.module.css +7 -2
- package/lib/components/Charts/StackedBarChart/StackedBarChart.d.ts +24 -0
- package/lib/components/Charts/StackedBarChart/StackedBarChart.d.ts.map +1 -0
- package/lib/components/Charts/StackedBarChart/StackedBarChart.js +78 -0
- package/lib/components/Charts/StackedBarChart/StackedBarChart.module.css +22 -0
- package/lib/components/Charts/StackedBarChart/StackedBarChart.stories.d.ts +192 -0
- package/lib/components/Charts/StackedBarChart/StackedBarChart.stories.d.ts.map +1 -0
- package/lib/components/Charts/StackedBarChart/index.d.ts +2 -0
- package/lib/components/Charts/StackedBarChart/index.d.ts.map +1 -0
- package/lib/components/Charts/StackedBarChart/index.js +16 -0
- package/lib/components/Charts/index.d.ts +2 -0
- package/lib/components/Charts/index.d.ts.map +1 -1
- package/lib/components/Charts/index.js +22 -0
- 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/Tab/Tab.module.css +1 -1
- 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 +45 -33
- 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/index.d.ts +3 -0
- package/lib/utils/charts/index.d.ts.map +1 -1
- package/lib/utils/charts/index.js +33 -0
- package/lib/utils/charts/sankeyChart.d.ts +9 -0
- package/lib/utils/charts/sankeyChart.d.ts.map +1 -0
- package/lib/utils/charts/sankeyChart.js +50 -0
- package/lib/utils/charts/stackedBarChart.d.ts +3 -0
- package/lib/utils/charts/stackedBarChart.d.ts.map +1 -0
- package/lib/utils/charts/stackedBarChart.js +51 -0
- 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
|
@@ -14,18 +14,18 @@ export declare const ICON_SIZE: Readonly<{
|
|
|
14
14
|
}>;
|
|
15
15
|
export type IconSize = keyof typeof ICON_SIZE;
|
|
16
16
|
export type IconType = keyof typeof ICON_TYPE;
|
|
17
|
-
export
|
|
17
|
+
export interface IconProps {
|
|
18
18
|
type?: IconType;
|
|
19
19
|
name: string;
|
|
20
20
|
size?: IconSize;
|
|
21
21
|
color?: ColorTypes;
|
|
22
22
|
className?: string;
|
|
23
|
-
onClick?:
|
|
23
|
+
onClick?: React.MouseEventHandler<HTMLDivElement>;
|
|
24
24
|
ariaLabel?: string;
|
|
25
25
|
swapOpacity?: boolean;
|
|
26
26
|
style?: {
|
|
27
27
|
[key: string]: string;
|
|
28
28
|
};
|
|
29
|
-
}
|
|
29
|
+
}
|
|
30
30
|
export declare const Icon: Flow.AbstractComponent<IconProps, HTMLDivElement>;
|
|
31
31
|
//# sourceMappingURL=Icon.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAOvD,eAAO,MAAM,SAAS;;;;;EAKpB,CAAC;AAEH,eAAO,MAAM,SAAS;;;;EAIpB,CAAC;AAEH,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,SAAS,CAAC;AAC9C,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,SAAS,CAAC;AAE9C,MAAM,
|
|
1
|
+
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAOvD,eAAO,MAAM,SAAS;;;;;EAKpB,CAAC;AAEH,eAAO,MAAM,SAAS;;;;EAIpB,CAAC;AAEH,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,SAAS,CAAC;AAC9C,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,SAAS,CAAC;AAE9C,MAAM,WAAW,SAAS;IACxB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE;QACN,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,CAAC;CACH;AAED,eAAO,MAAM,IAAI,EAAE,IAAI,CAAC,iBAAiB,CAAC,SAAS,EAAE,cAAc,CAqChE,CAAC"}
|
|
@@ -33,9 +33,7 @@ const Icon = exports.Icon = /*#__PURE__*/React.forwardRef((_ref, forwardRef) =>
|
|
|
33
33
|
swapOpacity
|
|
34
34
|
} = _ref;
|
|
35
35
|
return /*#__PURE__*/React.createElement(React.Fragment, null, !!name && /*#__PURE__*/React.createElement("div", {
|
|
36
|
-
className: (0, _classify.default)(_typographyModule.default.centerAlignFlex, _typographyModule.default[`${size}Icon`], _typographyModule.default[color], className)
|
|
37
|
-
// @ts-ignore - TS2322 - Type '((arg1: SyntheticEvent<HTMLElement, Event>) => unknown) | null | undefined' is not assignable to type 'MouseEventHandler<HTMLDivElement> | undefined'.
|
|
38
|
-
,
|
|
36
|
+
className: (0, _classify.default)(_typographyModule.default.centerAlignFlex, _typographyModule.default[`${size}Icon`], _typographyModule.default[color], className),
|
|
39
37
|
onClick: onClick,
|
|
40
38
|
ref: forwardRef
|
|
41
39
|
}, /*#__PURE__*/React.createElement("i", {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import type { CloseIconProps, IconProps } from './';
|
|
2
|
+
import type { ClickableIconProps, CloseIconProps, IconProps } from './';
|
|
3
3
|
declare const _default: {
|
|
4
4
|
argTypes: {
|
|
5
5
|
readonly type: {
|
|
@@ -156,7 +156,7 @@ export declare const _IconWithTooltip: {
|
|
|
156
156
|
};
|
|
157
157
|
};
|
|
158
158
|
export declare const _ClickableIcon: {
|
|
159
|
-
(args:
|
|
159
|
+
(args: ClickableIconProps): React.JSX.Element;
|
|
160
160
|
args: {
|
|
161
161
|
type: string;
|
|
162
162
|
name: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAC,cAAc,EAAE,SAAS,EAAC,MAAM,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Icon.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAC,kBAAkB,EAAE,cAAc,EAAE,SAAS,EAAC,MAAM,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOtE,wBAKE;AAEF,eAAO,MAAM,KAAK;WAAU,SAAS;;;;;;;CAAuB,CAAC;AAS7D,eAAO,MAAM,gBAAgB;WAAU,SAAS;;;;;;;CAM/C,CAAC;AASF,eAAO,MAAM,cAAc;WAAU,kBAAkB;;;;;;;;CAEtD,CAAC;AAUF,eAAO,MAAM,UAAU;WAAU,cAAc;;;;;;;CAE9C,CAAC;AASF,eAAO,MAAM,YAAY;WAAU,SAAS;;;;;;;;;;;;;;CAAuB,CAAC"}
|
|
@@ -1,16 +1,15 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import type { AlertSemanticType } from '../../types/common';
|
|
3
|
-
import type { Over } from '../../types/utils';
|
|
4
3
|
import type { IconProps } from './Icon';
|
|
5
4
|
type ClassNames = Readonly<{
|
|
6
5
|
wrapper?: string;
|
|
7
6
|
icon?: string;
|
|
8
7
|
}>;
|
|
9
|
-
export
|
|
8
|
+
export interface SemanticIconProps extends Omit<IconProps, 'classNames' | 'semantic' | 'disabled'> {
|
|
10
9
|
classNames?: ClassNames;
|
|
11
10
|
semantic?: AlertSemanticType;
|
|
12
11
|
disabled?: boolean;
|
|
13
|
-
}
|
|
12
|
+
}
|
|
14
13
|
export declare const SemanticIcon: ({ semantic, classNames, size, ...iconProps }: SemanticIconProps) => React.JSX.Element;
|
|
15
14
|
export {};
|
|
16
15
|
//# sourceMappingURL=SemanticIcon.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SemanticIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/SemanticIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"SemanticIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/SemanticIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,oBAAoB,CAAC;AAI1D,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,QAAQ,CAAC;AAMtC,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,SAAS,EAAE,YAAY,GAAG,UAAU,GAAG,UAAU,CAAC;IAC/D,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,GAAI,8CAK1B,iBAAiB,sBAuBnB,CAAC"}
|
|
@@ -2,7 +2,6 @@ import * as React from 'react';
|
|
|
2
2
|
import type { Flow } from 'flow-to-typescript-codemod';
|
|
3
3
|
import type { AlertSemanticType } from '../../types/common';
|
|
4
4
|
import type { ColorTypes } from '../../types/typography';
|
|
5
|
-
import type { Over } from '../../types/utils';
|
|
6
5
|
import type { IconType } from '../Icon';
|
|
7
6
|
type ClassNames = Readonly<{
|
|
8
7
|
wrapper?: string;
|
|
@@ -15,21 +14,21 @@ type InContextAlertBaseProps = {
|
|
|
15
14
|
classNames?: ClassNames;
|
|
16
15
|
} & ({
|
|
17
16
|
dismissable: true;
|
|
18
|
-
onCloseClick?: (
|
|
17
|
+
onCloseClick?: (e: React.SyntheticEvent<HTMLElement>) => unknown;
|
|
19
18
|
selfDismiss?: boolean;
|
|
20
19
|
} | {
|
|
21
20
|
dismissable?: false;
|
|
22
21
|
}) & {
|
|
23
22
|
children?: string;
|
|
24
23
|
actionText?: string;
|
|
25
|
-
onAction?:
|
|
24
|
+
onAction?: React.MouseEventHandler<HTMLAnchorElement>;
|
|
26
25
|
actionTextColor?: ColorTypes;
|
|
27
26
|
};
|
|
28
|
-
export
|
|
27
|
+
export interface InContextAlertProps extends Omit<InContextAlertBaseProps, 'semantic' | 'leftIconName' | 'leftIconType'> {
|
|
29
28
|
semantic?: AlertSemanticType;
|
|
30
29
|
leftIconName?: string;
|
|
31
30
|
leftIconType?: IconType;
|
|
32
|
-
}
|
|
31
|
+
}
|
|
33
32
|
export declare const AlertIcon: ({ semantic, leftIconName, leftIconType, iconClassName, }: {
|
|
34
33
|
semantic: AlertSemanticType;
|
|
35
34
|
leftIconName: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InContextAlert.d.ts","sourceRoot":"","sources":["../../../src/components/InContextAlert/InContextAlert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,oBAAoB,CAAC;AAE1D,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"InContextAlert.d.ts","sourceRoot":"","sources":["../../../src/components/InContextAlert/InContextAlert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,oBAAoB,CAAC;AAE1D,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAGvD,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAStC,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC,CAAC;AAEH,KAAK,uBAAuB,GAAG;IAC7B,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,GAAG,CACA;IACE,WAAW,EAAE,IAAI,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GACD;IACE,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,CACJ,GAAG;IACA,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACtD,eAAe,CAAC,EAAE,UAAU,CAAC;CAC9B,CAAC;AAEJ,MAAM,WAAW,mBACf,SAAQ,IAAI,CACV,uBAAuB,EACvB,UAAU,GAAG,cAAc,GAAG,cAAc,CAC7C;IACD,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,QAAQ,CAAC;CACzB;AAED,eAAO,MAAM,SAAS,GAAI,0DAKvB;IACD,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,sBAmEA,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,IAAI,CAAC,iBAAiB,CACjD,mBAAmB,EACnB,cAAc,CAsGf,CAAC"}
|
|
@@ -80,20 +80,22 @@ const InContextAlert = exports.InContextAlert = /*#__PURE__*/React.forwardRef((p
|
|
|
80
80
|
semantic = _common.ALERT_SEMANTIC.neutral,
|
|
81
81
|
dismissable,
|
|
82
82
|
children,
|
|
83
|
-
// @ts-ignore - TS2339 - Property 'selfDismiss' does not exist on type 'InContextAlertProps'.
|
|
84
|
-
selfDismiss = false,
|
|
85
83
|
leftIconName = '',
|
|
86
|
-
// @ts-ignore - TS2339 - Property 'onCloseClick' does not exist on type 'InContextAlertProps'.
|
|
87
|
-
onCloseClick,
|
|
88
84
|
actionText = '',
|
|
89
85
|
actionTextColor = _typography.TEXT_COLORS.primary,
|
|
90
86
|
onAction,
|
|
91
87
|
leftIconType
|
|
92
88
|
} = props;
|
|
89
|
+
|
|
90
|
+
// Type narrowing to safely access properties only when they exist
|
|
91
|
+
const selfDismiss = dismissable === true && 'selfDismiss' in props ? props.selfDismiss : false;
|
|
92
|
+
const onCloseClick = dismissable === true && 'onCloseClick' in props ? props.onCloseClick : undefined;
|
|
93
93
|
const [dismissed, setDismissed] = React.useState(false);
|
|
94
94
|
const closeClickHandler = e => {
|
|
95
|
-
onCloseClick
|
|
96
|
-
|
|
95
|
+
onCloseClick?.(e);
|
|
96
|
+
if (selfDismiss) {
|
|
97
|
+
setDismissed(true);
|
|
98
|
+
}
|
|
97
99
|
};
|
|
98
100
|
return /*#__PURE__*/React.createElement(React.Fragment, null, !dismissed && /*#__PURE__*/React.createElement("div", {
|
|
99
101
|
className: (0, _classify.classify)(_InContextAlertModule.default.alertContainer, {
|
package/lib/components/InContextAlertWithMultipleActions/InContextAlertWithMultipleActions.d.ts
CHANGED
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import type { Flow } from 'flow-to-typescript-codemod';
|
|
3
3
|
import type { ColorTypes } from '../../types/typography';
|
|
4
|
-
import type { Over } from '../../types/utils';
|
|
5
4
|
import type { InContextAlertProps } from '../InContextAlert';
|
|
6
|
-
export
|
|
5
|
+
export interface InContextAlertWithMultipleActionsProps extends Omit<InContextAlertProps, 'inline' | 'secondaryActionText' | 'onSecondaryAction' | 'secondaryActionTextColor'> {
|
|
7
6
|
inline?: boolean;
|
|
8
7
|
secondaryActionText?: string;
|
|
9
|
-
onSecondaryAction?:
|
|
8
|
+
onSecondaryAction?: React.MouseEventHandler<HTMLAnchorElement>;
|
|
10
9
|
secondaryActionTextColor?: ColorTypes;
|
|
11
|
-
}
|
|
10
|
+
}
|
|
12
11
|
export declare const InContextAlertWithMultipleActions: Flow.AbstractComponent<InContextAlertWithMultipleActionsProps, HTMLDivElement>;
|
|
13
12
|
//# sourceMappingURL=InContextAlertWithMultipleActions.d.ts.map
|
package/lib/components/InContextAlertWithMultipleActions/InContextAlertWithMultipleActions.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InContextAlertWithMultipleActions.d.ts","sourceRoot":"","sources":["../../../src/components/InContextAlertWithMultipleActions/InContextAlertWithMultipleActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAGrD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"InContextAlertWithMultipleActions.d.ts","sourceRoot":"","sources":["../../../src/components/InContextAlertWithMultipleActions/InContextAlertWithMultipleActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAGrD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAIvD,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,mBAAmB,CAAC;AAQ3D,MAAM,WAAW,sCACf,SAAQ,IAAI,CACV,mBAAmB,EACjB,QAAQ,GACR,qBAAqB,GACrB,mBAAmB,GACnB,0BAA0B,CAC7B;IACD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,iBAAiB,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/D,wBAAwB,CAAC,EAAE,UAAU,CAAC;CACvC;AAED,eAAO,MAAM,iCAAiC,EAAE,IAAI,CAAC,iBAAiB,CACpE,sCAAsC,EACtC,cAAc,CAiHf,CAAC"}
|
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"}
|