@patternfly/react-core 6.2.0-prerelease.32 → 6.2.0-prerelease.34
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/CHANGELOG.md +22 -0
- package/components/package.json +1 -1
- package/deprecated/package.json +1 -1
- package/dist/dynamic/components/AboutModal/package.json +1 -1
- package/dist/dynamic/components/Accordion/package.json +1 -1
- package/dist/dynamic/components/ActionList/package.json +1 -1
- package/dist/dynamic/components/Alert/package.json +1 -1
- package/dist/dynamic/components/Avatar/package.json +1 -1
- package/dist/dynamic/components/BackToTop/package.json +1 -1
- package/dist/dynamic/components/Backdrop/package.json +1 -1
- package/dist/dynamic/components/BackgroundImage/package.json +1 -1
- package/dist/dynamic/components/Badge/package.json +1 -1
- package/dist/dynamic/components/Banner/package.json +1 -1
- package/dist/dynamic/components/Brand/package.json +1 -1
- package/dist/dynamic/components/Breadcrumb/package.json +1 -1
- package/dist/dynamic/components/Button/package.json +1 -1
- package/dist/dynamic/components/CalendarMonth/package.json +1 -1
- package/dist/dynamic/components/Card/package.json +1 -1
- package/dist/dynamic/components/Checkbox/package.json +1 -1
- package/dist/dynamic/components/ClipboardCopy/package.json +1 -1
- package/dist/dynamic/components/CodeBlock/package.json +1 -1
- package/dist/dynamic/components/Content/package.json +1 -1
- package/dist/dynamic/components/DataList/package.json +1 -1
- package/dist/dynamic/components/DatePicker/package.json +1 -1
- package/dist/dynamic/components/DescriptionList/package.json +1 -1
- package/dist/dynamic/components/Divider/package.json +1 -1
- package/dist/dynamic/components/Drawer/package.json +1 -1
- package/dist/dynamic/components/Dropdown/package.json +1 -1
- package/dist/dynamic/components/DualListSelector/package.json +1 -1
- package/dist/dynamic/components/EmptyState/package.json +1 -1
- package/dist/dynamic/components/ExpandableSection/package.json +1 -1
- package/dist/dynamic/components/FileUpload/package.json +1 -1
- package/dist/dynamic/components/Form/package.json +1 -1
- package/dist/dynamic/components/FormSelect/package.json +1 -1
- package/dist/dynamic/components/HelperText/package.json +1 -1
- package/dist/dynamic/components/Hint/package.json +1 -1
- package/dist/dynamic/components/Icon/package.json +1 -1
- package/dist/dynamic/components/InputGroup/package.json +1 -1
- package/dist/dynamic/components/JumpLinks/package.json +1 -1
- package/dist/dynamic/components/Label/package.json +1 -1
- package/dist/dynamic/components/List/package.json +1 -1
- package/dist/dynamic/components/LoginPage/package.json +1 -1
- package/dist/dynamic/components/Masthead/package.json +1 -1
- package/dist/dynamic/components/Menu/package.json +1 -1
- package/dist/dynamic/components/MenuToggle/package.json +1 -1
- package/dist/dynamic/components/Modal/package.json +1 -1
- package/dist/dynamic/components/MultipleFileUpload/package.json +1 -1
- package/dist/dynamic/components/Nav/package.json +1 -1
- package/dist/dynamic/components/NotificationBadge/package.json +1 -1
- package/dist/dynamic/components/NotificationDrawer/package.json +1 -1
- package/dist/dynamic/components/NumberInput/package.json +1 -1
- package/dist/dynamic/components/OverflowMenu/package.json +1 -1
- package/dist/dynamic/components/Page/package.json +1 -1
- package/dist/dynamic/components/Pagination/package.json +1 -1
- package/dist/dynamic/components/Panel/package.json +1 -1
- package/dist/dynamic/components/Popover/package.json +1 -1
- package/dist/dynamic/components/Progress/package.json +1 -1
- package/dist/dynamic/components/ProgressStepper/package.json +1 -1
- package/dist/dynamic/components/Radio/package.json +1 -1
- package/dist/dynamic/components/SearchInput/package.json +1 -1
- package/dist/dynamic/components/Select/package.json +1 -1
- package/dist/dynamic/components/Sidebar/package.json +1 -1
- package/dist/dynamic/components/SimpleList/package.json +1 -1
- package/dist/dynamic/components/Skeleton/package.json +1 -1
- package/dist/dynamic/components/SkipToContent/package.json +1 -1
- package/dist/dynamic/components/Slider/package.json +1 -1
- package/dist/dynamic/components/Spinner/package.json +1 -1
- package/dist/dynamic/components/Switch/package.json +1 -1
- package/dist/dynamic/components/Tabs/package.json +1 -1
- package/dist/dynamic/components/TextArea/package.json +1 -1
- package/dist/dynamic/components/TextInput/package.json +1 -1
- package/dist/dynamic/components/TextInputGroup/package.json +1 -1
- package/dist/dynamic/components/TimePicker/package.json +1 -1
- package/dist/dynamic/components/Timestamp/package.json +1 -1
- package/dist/dynamic/components/Title/package.json +1 -1
- package/dist/dynamic/components/ToggleGroup/package.json +1 -1
- package/dist/dynamic/components/Toolbar/package.json +1 -1
- package/dist/dynamic/components/Tooltip/package.json +1 -1
- package/dist/dynamic/components/TreeView/package.json +1 -1
- package/dist/dynamic/components/Truncate/package.json +1 -1
- package/dist/dynamic/components/Wizard/hooks/package.json +1 -1
- package/dist/dynamic/components/Wizard/package.json +1 -1
- package/dist/dynamic/deprecated/components/Chip/package.json +1 -1
- package/dist/dynamic/deprecated/components/DragDrop/package.json +1 -1
- package/dist/dynamic/deprecated/components/DualListSelector/package.json +1 -1
- package/dist/dynamic/deprecated/components/Modal/package.json +1 -1
- package/dist/dynamic/deprecated/components/Tile/package.json +1 -1
- package/dist/dynamic/deprecated/components/Wizard/package.json +1 -1
- package/dist/dynamic/deprecated/components/package.json +1 -1
- package/dist/dynamic/helpers/FocusTrap/FocusTrap/package.json +1 -1
- package/dist/dynamic/helpers/GenerateId/GenerateId/package.json +1 -1
- package/dist/dynamic/helpers/KeyboardHandler/package.json +1 -1
- package/dist/dynamic/helpers/OUIA/ouia/package.json +1 -1
- package/dist/dynamic/helpers/Popper/Popper/package.json +1 -1
- package/dist/dynamic/helpers/constants/package.json +1 -1
- package/dist/dynamic/helpers/datetimeUtils/package.json +1 -1
- package/dist/dynamic/helpers/fileUtils/package.json +1 -1
- package/dist/dynamic/helpers/htmlConstants/package.json +1 -1
- package/dist/dynamic/helpers/package.json +1 -1
- package/dist/dynamic/helpers/resizeObserver/package.json +1 -1
- package/dist/dynamic/helpers/typeUtils/package.json +1 -1
- package/dist/dynamic/helpers/useInterval/package.json +1 -1
- package/dist/dynamic/helpers/useIsomorphicLayout/package.json +1 -1
- package/dist/dynamic/helpers/useUnmountEffect/package.json +1 -1
- package/dist/dynamic/helpers/util/package.json +1 -1
- package/dist/dynamic/layouts/Bullseye/package.json +1 -1
- package/dist/dynamic/layouts/Flex/package.json +1 -1
- package/dist/dynamic/layouts/Gallery/package.json +1 -1
- package/dist/dynamic/layouts/Grid/package.json +1 -1
- package/dist/dynamic/layouts/Level/package.json +1 -1
- package/dist/dynamic/layouts/Split/package.json +1 -1
- package/dist/dynamic/layouts/Stack/package.json +1 -1
- package/dist/dynamic/styles/package.json +1 -1
- package/dist/dynamic-modules.json +1 -0
- package/dist/esm/components/Alert/Alert.d.ts +3 -3
- package/dist/esm/components/Alert/Alert.d.ts.map +1 -1
- package/dist/esm/components/Alert/Alert.js +31 -5
- package/dist/esm/components/Alert/Alert.js.map +1 -1
- package/dist/esm/components/Alert/AlertActionCloseButton.d.ts.map +1 -1
- package/dist/esm/components/Alert/AlertActionCloseButton.js +18 -1
- package/dist/esm/components/Alert/AlertActionCloseButton.js.map +1 -1
- package/dist/esm/components/Alert/AlertGroup.d.ts +4 -0
- package/dist/esm/components/Alert/AlertGroup.d.ts.map +1 -1
- package/dist/esm/components/Alert/AlertGroup.js +3 -3
- package/dist/esm/components/Alert/AlertGroup.js.map +1 -1
- package/dist/esm/components/Alert/AlertGroupContext.d.ts +8 -0
- package/dist/esm/components/Alert/AlertGroupContext.d.ts.map +1 -0
- package/dist/esm/components/Alert/AlertGroupContext.js +6 -0
- package/dist/esm/components/Alert/AlertGroupContext.js.map +1 -0
- package/dist/esm/components/Alert/AlertGroupInline.d.ts.map +1 -1
- package/dist/esm/components/Alert/AlertGroupInline.js +28 -6
- package/dist/esm/components/Alert/AlertGroupInline.js.map +1 -1
- package/dist/esm/components/CalendarMonth/CalendarMonth.d.ts +2 -2
- package/dist/esm/components/CalendarMonth/CalendarMonth.d.ts.map +1 -1
- package/dist/esm/components/CalendarMonth/CalendarMonth.js.map +1 -1
- package/dist/esm/components/Card/Card.d.ts +2 -2
- package/dist/esm/components/Card/Card.d.ts.map +1 -1
- package/dist/esm/components/Card/Card.js.map +1 -1
- package/dist/esm/components/Card/CardHeader.d.ts +2 -0
- package/dist/esm/components/Card/CardHeader.d.ts.map +1 -1
- package/dist/esm/components/Card/CardHeader.js +2 -2
- package/dist/esm/components/Card/CardHeader.js.map +1 -1
- package/dist/esm/components/Card/CardTitle.d.ts +2 -2
- package/dist/esm/components/Card/CardTitle.d.ts.map +1 -1
- package/dist/esm/components/Card/CardTitle.js.map +1 -1
- package/dist/esm/components/ClipboardCopy/ClipboardCopy.d.ts +4 -0
- package/dist/esm/components/ClipboardCopy/ClipboardCopy.d.ts.map +1 -1
- package/dist/esm/components/ClipboardCopy/ClipboardCopy.js +15 -9
- package/dist/esm/components/ClipboardCopy/ClipboardCopy.js.map +1 -1
- package/dist/esm/components/NotificationBadge/NotificationBadge.d.ts +7 -0
- package/dist/esm/components/NotificationBadge/NotificationBadge.d.ts.map +1 -1
- package/dist/esm/components/NotificationBadge/NotificationBadge.js +21 -4
- package/dist/esm/components/NotificationBadge/NotificationBadge.js.map +1 -1
- package/dist/esm/components/Page/Page.d.ts.map +1 -1
- package/dist/esm/components/Page/Page.js.map +1 -1
- package/dist/esm/components/Page/PageSection.d.ts +2 -2
- package/dist/esm/components/Page/PageSection.d.ts.map +1 -1
- package/dist/esm/components/Page/PageSection.js.map +1 -1
- package/dist/esm/components/Toolbar/Toolbar.d.ts +3 -0
- package/dist/esm/components/Toolbar/Toolbar.d.ts.map +1 -1
- package/dist/esm/components/Toolbar/Toolbar.js +3 -2
- package/dist/esm/components/Toolbar/Toolbar.js.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarContent.d.ts +9 -0
- package/dist/esm/components/Toolbar/ToolbarContent.d.ts.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarContent.js +2 -2
- package/dist/esm/components/Toolbar/ToolbarContent.js.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarGroup.d.ts +9 -0
- package/dist/esm/components/Toolbar/ToolbarGroup.d.ts.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarGroup.js +2 -2
- package/dist/esm/components/Toolbar/ToolbarGroup.js.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarItem.d.ts +9 -0
- package/dist/esm/components/Toolbar/ToolbarItem.d.ts.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarItem.js +2 -2
- package/dist/esm/components/Toolbar/ToolbarItem.js.map +1 -1
- package/dist/esm/components/Truncate/Truncate.d.ts +6 -2
- package/dist/esm/components/Truncate/Truncate.d.ts.map +1 -1
- package/dist/esm/components/Truncate/Truncate.js +4 -3
- package/dist/esm/components/Truncate/Truncate.js.map +1 -1
- package/dist/esm/helpers/resizeObserver.d.ts +2 -2
- package/dist/esm/helpers/resizeObserver.js +2 -2
- package/dist/js/components/Alert/Alert.d.ts +3 -3
- package/dist/js/components/Alert/Alert.d.ts.map +1 -1
- package/dist/js/components/Alert/Alert.js +30 -4
- package/dist/js/components/Alert/Alert.js.map +1 -1
- package/dist/js/components/Alert/AlertActionCloseButton.d.ts.map +1 -1
- package/dist/js/components/Alert/AlertActionCloseButton.js +18 -1
- package/dist/js/components/Alert/AlertActionCloseButton.js.map +1 -1
- package/dist/js/components/Alert/AlertGroup.d.ts +4 -0
- package/dist/js/components/Alert/AlertGroup.d.ts.map +1 -1
- package/dist/js/components/Alert/AlertGroup.js +3 -3
- package/dist/js/components/Alert/AlertGroup.js.map +1 -1
- package/dist/js/components/Alert/AlertGroupContext.d.ts +8 -0
- package/dist/js/components/Alert/AlertGroupContext.d.ts.map +1 -0
- package/dist/js/components/Alert/AlertGroupContext.js +9 -0
- package/dist/js/components/Alert/AlertGroupContext.js.map +1 -0
- package/dist/js/components/Alert/AlertGroupInline.d.ts.map +1 -1
- package/dist/js/components/Alert/AlertGroupInline.js +27 -5
- package/dist/js/components/Alert/AlertGroupInline.js.map +1 -1
- package/dist/js/components/CalendarMonth/CalendarMonth.d.ts +2 -2
- package/dist/js/components/CalendarMonth/CalendarMonth.d.ts.map +1 -1
- package/dist/js/components/CalendarMonth/CalendarMonth.js.map +1 -1
- package/dist/js/components/Card/Card.d.ts +2 -2
- package/dist/js/components/Card/Card.d.ts.map +1 -1
- package/dist/js/components/Card/Card.js.map +1 -1
- package/dist/js/components/Card/CardHeader.d.ts +2 -0
- package/dist/js/components/Card/CardHeader.d.ts.map +1 -1
- package/dist/js/components/Card/CardHeader.js +2 -2
- package/dist/js/components/Card/CardHeader.js.map +1 -1
- package/dist/js/components/Card/CardTitle.d.ts +2 -2
- package/dist/js/components/Card/CardTitle.d.ts.map +1 -1
- package/dist/js/components/Card/CardTitle.js.map +1 -1
- package/dist/js/components/ClipboardCopy/ClipboardCopy.d.ts +4 -0
- package/dist/js/components/ClipboardCopy/ClipboardCopy.d.ts.map +1 -1
- package/dist/js/components/ClipboardCopy/ClipboardCopy.js +14 -8
- package/dist/js/components/ClipboardCopy/ClipboardCopy.js.map +1 -1
- package/dist/js/components/NotificationBadge/NotificationBadge.d.ts +7 -0
- package/dist/js/components/NotificationBadge/NotificationBadge.d.ts.map +1 -1
- package/dist/js/components/NotificationBadge/NotificationBadge.js +21 -4
- package/dist/js/components/NotificationBadge/NotificationBadge.js.map +1 -1
- package/dist/js/components/Page/Page.d.ts.map +1 -1
- package/dist/js/components/Page/Page.js.map +1 -1
- package/dist/js/components/Page/PageSection.d.ts +2 -2
- package/dist/js/components/Page/PageSection.d.ts.map +1 -1
- package/dist/js/components/Page/PageSection.js.map +1 -1
- package/dist/js/components/Toolbar/Toolbar.d.ts +3 -0
- package/dist/js/components/Toolbar/Toolbar.d.ts.map +1 -1
- package/dist/js/components/Toolbar/Toolbar.js +3 -2
- package/dist/js/components/Toolbar/Toolbar.js.map +1 -1
- package/dist/js/components/Toolbar/ToolbarContent.d.ts +9 -0
- package/dist/js/components/Toolbar/ToolbarContent.d.ts.map +1 -1
- package/dist/js/components/Toolbar/ToolbarContent.js +2 -2
- package/dist/js/components/Toolbar/ToolbarContent.js.map +1 -1
- package/dist/js/components/Toolbar/ToolbarGroup.d.ts +9 -0
- package/dist/js/components/Toolbar/ToolbarGroup.d.ts.map +1 -1
- package/dist/js/components/Toolbar/ToolbarGroup.js +2 -2
- package/dist/js/components/Toolbar/ToolbarGroup.js.map +1 -1
- package/dist/js/components/Toolbar/ToolbarItem.d.ts +9 -0
- package/dist/js/components/Toolbar/ToolbarItem.d.ts.map +1 -1
- package/dist/js/components/Toolbar/ToolbarItem.js +2 -2
- package/dist/js/components/Toolbar/ToolbarItem.js.map +1 -1
- package/dist/js/components/Truncate/Truncate.d.ts +6 -2
- package/dist/js/components/Truncate/Truncate.d.ts.map +1 -1
- package/dist/js/components/Truncate/Truncate.js +4 -3
- package/dist/js/components/Truncate/Truncate.js.map +1 -1
- package/dist/js/helpers/resizeObserver.d.ts +2 -2
- package/dist/js/helpers/resizeObserver.js +2 -2
- package/dist/umd/assets/{output-wTo4uWW3.css → output-DwKAaf_N.css} +20023 -19884
- package/dist/umd/react-core.min.js +3 -3
- package/helpers/package.json +1 -1
- package/layouts/package.json +1 -1
- package/next/package.json +1 -1
- package/package.json +6 -6
- package/src/components/Accordion/examples/Accordion.md +1 -0
- package/src/components/Accordion/examples/AccordionBordered.tsx +3 -2
- package/src/components/Accordion/examples/AccordionDefinitionList.tsx +2 -1
- package/src/components/Accordion/examples/AccordionFixedWithMultipleExpandBehavior.tsx +2 -1
- package/src/components/Accordion/examples/AccordionSingleExpandBehavior.tsx +2 -1
- package/src/components/Accordion/examples/AccordionToggleIconAtStart.tsx +2 -1
- package/src/components/ActionList/examples/ActionList.md +1 -1
- package/src/components/ActionList/examples/ActionListSingleGroup.tsx +2 -2
- package/src/components/Alert/Alert.tsx +36 -7
- package/src/components/Alert/AlertActionCloseButton.tsx +34 -14
- package/src/components/Alert/AlertGroup.tsx +6 -0
- package/src/components/Alert/AlertGroupContext.tsx +11 -0
- package/src/components/Alert/AlertGroupInline.tsx +61 -22
- package/src/components/Alert/__tests__/AlertActionCloseButton.test.tsx +20 -2
- package/src/components/Alert/__tests__/AlertGroup.test.tsx +48 -5
- package/src/components/Alert/examples/Alert.md +42 -33
- package/src/components/Alert/examples/AlertAsyncLiveRegion.tsx +5 -5
- package/src/components/Alert/examples/AlertDynamicLiveRegion.tsx +1 -1
- package/src/components/Alert/examples/AlertGroupAsync.tsx +5 -5
- package/src/components/Alert/examples/AlertGroupMultipleDynamic.tsx +3 -3
- package/src/components/Alert/examples/AlertGroupSingularDynamic.tsx +3 -3
- package/src/components/Alert/examples/AlertGroupSingularDynamicOverflow.tsx +4 -4
- package/src/components/Alert/examples/AlertGroupToast.tsx +3 -3
- package/src/components/Alert/examples/AlertGroupToastOverflowCapture.tsx +4 -4
- package/src/components/Breadcrumb/examples/Breadcrumb.md +1 -0
- package/src/components/Breadcrumb/examples/BreadcrumbDropdown.tsx +3 -2
- package/src/components/Button/examples/Button.md +1 -1
- package/src/components/Button/examples/ButtonProgress.tsx +5 -4
- package/src/components/CalendarMonth/CalendarMonth.tsx +2 -2
- package/src/components/CalendarMonth/examples/CalendarMonth.md +1 -0
- package/src/components/CalendarMonth/examples/CalendarMonthSelectableDate.tsx +2 -1
- package/src/components/Card/Card.tsx +2 -2
- package/src/components/Card/CardHeader.tsx +9 -1
- package/src/components/Card/CardTitle.tsx +2 -2
- package/src/components/Card/__tests__/Card.test.tsx +1 -3
- package/src/components/Card/__tests__/CardBody.test.tsx +1 -2
- package/src/components/Card/__tests__/CardFooter.test.tsx +1 -2
- package/src/components/Card/__tests__/CardHeader.test.tsx +14 -0
- package/src/components/Card/examples/Card.md +1 -1
- package/src/components/Card/examples/CardClickable.tsx +2 -1
- package/src/components/Card/examples/CardClickableSelectable.tsx +6 -5
- package/src/components/Card/examples/CardExpandable.tsx +5 -5
- package/src/components/Card/examples/CardExpandableWithIcon.tsx +4 -3
- package/src/components/Card/examples/CardHeaderInCardHead.tsx +3 -2
- package/src/components/Card/examples/CardOnlyActionsInCardHead.tsx +3 -2
- package/src/components/Card/examples/CardSelectable.tsx +5 -4
- package/src/components/Card/examples/CardSingleSelectable.tsx +2 -1
- package/src/components/Card/examples/CardTile.tsx +2 -1
- package/src/components/Card/examples/CardTileMulti.tsx +4 -3
- package/src/components/Card/examples/CardWithImageAndActions.tsx +4 -3
- package/src/components/Card/examples/CardWithModifiers.tsx +2 -2
- package/src/components/Checkbox/examples/Checkbox.md +1 -1
- package/src/components/Checkbox/examples/CheckboxControlled.tsx +7 -7
- package/src/components/ClipboardCopy/ClipboardCopy.tsx +35 -12
- package/src/components/ClipboardCopy/__tests__/ClipboardCopy.test.tsx +187 -1
- package/src/components/ClipboardCopy/__tests__/__snapshots__/ClipboardCopy.test.tsx.snap +1 -1
- package/src/components/ClipboardCopy/examples/ClipboardCopy.md +7 -0
- package/src/components/ClipboardCopy/examples/ClipboardCopyInlineCompactTruncation.tsx +15 -0
- package/src/components/DescriptionList/examples/DescriptionList.md +1 -0
- package/src/components/DescriptionList/examples/DescriptionListWithCard.tsx +3 -2
- package/src/components/DescriptionList/examples/DescriptionListWithLargeDisplaySize.tsx +3 -2
- package/src/components/DescriptionList/examples/DescriptionListWithLargeDisplaySizeAndCard.tsx +3 -2
- package/src/components/Dropdown/examples/Dropdown.md +1 -0
- package/src/components/Dropdown/examples/DropdownBasic.tsx +2 -1
- package/src/components/Dropdown/examples/DropdownWithDescriptions.tsx +2 -1
- package/src/components/Dropdown/examples/DropdownWithGroups.tsx +2 -1
- package/src/components/Dropdown/examples/DropdownWithKebabToggle.tsx +2 -1
- package/src/components/EmptyState/examples/EmptyState.md +2 -0
- package/src/components/EmptyState/examples/EmptyStateWithStatus.tsx +2 -1
- package/src/components/ExpandableSection/examples/ExpandableSectionBasic.tsx +2 -1
- package/src/components/ExpandableSection/examples/ExpandableSectionCustomToggle.tsx +2 -1
- package/src/components/ExpandableSection/examples/ExpandableSectionDetached.tsx +2 -1
- package/src/components/ExpandableSection/examples/ExpandableSectionDisclosure.tsx +2 -1
- package/src/components/ExpandableSection/examples/ExpandableSectionTruncateExpansion.tsx +2 -1
- package/src/components/FileUpload/examples/FileUpload.md +1 -0
- package/src/components/FileUpload/examples/FileUploadCustomPreview.tsx +3 -2
- package/src/components/FileUpload/examples/FileUploadCustomUpload.tsx +12 -11
- package/src/components/FileUpload/examples/FileUploadSimpleFile.tsx +3 -2
- package/src/components/FileUpload/examples/FileUploadSimpleText.tsx +4 -3
- package/src/components/FileUpload/examples/FileUploadTextWithEdits.tsx +4 -3
- package/src/components/FileUpload/examples/FileUploadTextWithRestrictions.tsx +6 -5
- package/src/components/FileUpload/examples/FileUploadWithHelperText.tsx +4 -3
- package/src/components/FormSelect/examples/FormSelect.md +1 -0
- package/src/components/FormSelect/examples/FormSelectBasic.tsx +2 -1
- package/src/components/FormSelect/examples/FormSelectDisabled.tsx +2 -1
- package/src/components/FormSelect/examples/FormSelectGrouped.tsx +2 -1
- package/src/components/FormSelect/examples/FormSelectValidated.tsx +4 -3
- package/src/components/Hint/examples/Hint.md +1 -1
- package/src/components/Hint/examples/HintActionsWithNoOffset.tsx +2 -1
- package/src/components/Hint/examples/HintBasicWithTitle.tsx +2 -1
- package/src/components/Hint/examples/HintBasicWithoutTitle.tsx +2 -2
- package/src/components/Icon/examples/Icon.md +1 -1
- package/src/components/Icon/examples/IconCustomProgress.tsx +2 -2
- package/src/components/Icon/examples/IconProgress.tsx +2 -2
- package/src/components/InputGroup/examples/InputGroup.md +1 -1
- package/src/components/InputGroup/examples/InputGroupWithDropdown.tsx +2 -2
- package/src/components/InputGroup/examples/InputGroupWithPopover.tsx +3 -3
- package/src/components/Label/examples/Label.md +1 -1
- package/src/components/Label/examples/LabelEditable.tsx +3 -3
- package/src/components/Label/examples/LabelGroupCategoryRemovable.tsx +2 -1
- package/src/components/Label/examples/LabelGroupEditableAdd.tsx +3 -2
- package/src/components/Label/examples/LabelGroupEditableAddDropdown.tsx +8 -7
- package/src/components/Label/examples/LabelGroupEditableAddModal.tsx +21 -20
- package/src/components/Label/examples/LabelGroupEditableLabels.tsx +4 -3
- package/src/components/Label/examples/LabelGroupVerticalCategoryOverflowRemovable.tsx +2 -1
- package/src/components/LoginPage/examples/LoginPage.md +1 -1
- package/src/components/LoginPage/examples/LoginPageBasic.tsx +7 -7
- package/src/components/LoginPage/examples/LoginPageLanguageSelect.tsx +9 -9
- package/src/components/LoginPage/examples/LoginPageShowHidePassword.tsx +7 -7
- package/src/components/Menu/examples/Menu.md +1 -1
- package/src/components/Menu/examples/MenuBasic.tsx +3 -3
- package/src/components/Menu/examples/MenuDangerMenuItem.tsx +2 -1
- package/src/components/Menu/examples/MenuFilterDrilldown.tsx +7 -6
- package/src/components/Menu/examples/MenuFilteringWithSearchInput.tsx +3 -2
- package/src/components/Menu/examples/MenuOptionMultiSelect.tsx +2 -1
- package/src/components/Menu/examples/MenuOptionSingleSelect.tsx +3 -2
- package/src/components/Menu/examples/MenuScrollable.tsx +2 -1
- package/src/components/Menu/examples/MenuScrollableCustomMenuHeight.tsx +2 -1
- package/src/components/Menu/examples/MenuWithActions.tsx +2 -1
- package/src/components/Menu/examples/MenuWithCheckbox.tsx +2 -1
- package/src/components/Menu/examples/MenuWithDescription.tsx +2 -1
- package/src/components/Menu/examples/MenuWithDrilldown.tsx +5 -4
- package/src/components/Menu/examples/MenuWithDrilldownBreadcrumbs.tsx +3 -3
- package/src/components/Menu/examples/MenuWithDrilldownInitialState.tsx +5 -4
- package/src/components/Menu/examples/MenuWithDrilldownSubmenuFunctions.tsx +5 -4
- package/src/components/Menu/examples/MenuWithFavorites.tsx +3 -3
- package/src/components/Menu/examples/MenuWithFooter.tsx +2 -1
- package/src/components/Menu/examples/MenuWithIcons.tsx +2 -1
- package/src/components/Menu/examples/MenuWithLinks.tsx +2 -1
- package/src/components/Menu/examples/MenuWithSeparators.tsx +2 -1
- package/src/components/Menu/examples/MenuWithTitledGroups.tsx +2 -1
- package/src/components/Menu/examples/MenuWithViewMore.tsx +9 -8
- package/src/components/MenuToggle/examples/MenuToggle.md +19 -13
- package/src/components/MenuToggle/examples/MenuToggleTypeahead.tsx +2 -1
- package/src/components/Modal/examples/Modal.md +1 -1
- package/src/components/Modal/examples/ModalBasic.tsx +2 -2
- package/src/components/Modal/examples/ModalCustomFocus.tsx +2 -2
- package/src/components/Modal/examples/ModalCustomHeader.tsx +2 -2
- package/src/components/Modal/examples/ModalCustomTitleIcon.tsx +2 -2
- package/src/components/Modal/examples/ModalCustomWidth.tsx +2 -2
- package/src/components/Modal/examples/ModalNoHeaderFooter.tsx +2 -2
- package/src/components/Modal/examples/ModalSize.tsx +3 -3
- package/src/components/Modal/examples/ModalTitleIcon.tsx +2 -2
- package/src/components/Modal/examples/ModalTopAligned.tsx +2 -2
- package/src/components/Modal/examples/ModalWithDescription.tsx +2 -2
- package/src/components/Modal/examples/ModalWithDropdown.tsx +3 -3
- package/src/components/Modal/examples/ModalWithForm.tsx +8 -8
- package/src/components/Modal/examples/ModalWithHelp.tsx +2 -2
- package/src/components/Modal/examples/ModalWithOverflowingContent.tsx +2 -2
- package/src/components/Modal/examples/ModalWithWizard.tsx +2 -2
- package/src/components/MultipleFileUpload/examples/MultipleFileUpload.md +1 -0
- package/src/components/MultipleFileUpload/examples/MultipleFileUploadBasic.tsx +8 -7
- package/src/components/Nav/examples/Nav.md +1 -0
- package/src/components/Nav/examples/NavDefault.tsx +2 -1
- package/src/components/Nav/examples/NavDrilldown.tsx +2 -4
- package/src/components/Nav/examples/NavExpandable.tsx +3 -2
- package/src/components/Nav/examples/NavExpandableThirdLevel.tsx +3 -2
- package/src/components/Nav/examples/NavFlyout.tsx +2 -1
- package/src/components/Nav/examples/NavGrouped.tsx +2 -1
- package/src/components/Nav/examples/NavHorizontalNav.tsx +2 -1
- package/src/components/Nav/examples/NavHorizontalSubNav.tsx +2 -1
- package/src/components/Nav/examples/NavIcons.tsx +2 -1
- package/src/components/Nav/examples/NavMixed.tsx +3 -2
- package/src/components/NotificationBadge/NotificationBadge.tsx +34 -6
- package/src/components/NotificationBadge/__tests__/NotificationBadge.test.tsx +18 -3
- package/src/components/NotificationBadge/__tests__/__snapshots__/NotificationBadge.test.tsx.snap +34 -0
- package/src/components/NotificationBadge/examples/NotificationBadge.md +9 -1
- package/src/components/NotificationBadge/examples/NotificationBadgeBasic.tsx +4 -3
- package/src/components/NotificationBadge/examples/NotificationBadgeWithAnimation.tsx +48 -0
- package/src/components/NotificationBadge/examples/NotificationBadgeWithCount.tsx +4 -3
- package/src/components/NotificationDrawer/examples/NotificationDrawer.md +1 -0
- package/src/components/NotificationDrawer/examples/NotificationDrawerBasic.tsx +2 -1
- package/src/components/NotificationDrawer/examples/NotificationDrawerGroups.tsx +5 -4
- package/src/components/NotificationDrawer/examples/NotificationDrawerLightweight.tsx +4 -3
- package/src/components/NumberInput/examples/NumberInput.md +1 -1
- package/src/components/NumberInput/examples/NumberInputCustomStep.tsx +2 -1
- package/src/components/NumberInput/examples/NumberInputCustomStepAndThreshold.tsx +2 -1
- package/src/components/NumberInput/examples/NumberInputDefault.tsx +2 -1
- package/src/components/NumberInput/examples/NumberInputDisabled.tsx +2 -1
- package/src/components/NumberInput/examples/NumberInputUnit.tsx +3 -3
- package/src/components/NumberInput/examples/NumberInputUnitThreshold.tsx +2 -2
- package/src/components/NumberInput/examples/NumberInputVaryingSizes.tsx +5 -5
- package/src/components/NumberInput/examples/NumberInputWithStatus.tsx +3 -2
- package/src/components/OverflowMenu/examples/OverflowMenu.md +1 -0
- package/src/components/OverflowMenu/examples/OverflowMenuBreakpointOnContainer.tsx +4 -3
- package/src/components/OverflowMenu/examples/OverflowMenuGroupTypes.tsx +2 -1
- package/src/components/OverflowMenu/examples/OverflowMenuMultiGroup.tsx +2 -1
- package/src/components/OverflowMenu/examples/OverflowMenuPersistent.tsx +2 -1
- package/src/components/OverflowMenu/examples/OverflowMenuSimple.tsx +2 -1
- package/src/components/Page/Page.tsx +2 -2
- package/src/components/Page/PageSection.tsx +2 -2
- package/src/components/Page/examples/Page.md +1 -0
- package/src/components/Page/examples/PageCenteredSection.tsx +2 -1
- package/src/components/Page/examples/PageGroupSection.tsx +2 -1
- package/src/components/Page/examples/PageMainSectionPadding.tsx +2 -1
- package/src/components/Page/examples/PageMainSectionVariations.tsx +2 -1
- package/src/components/Page/examples/PageMultipleSidebarBody.tsx +2 -1
- package/src/components/Page/examples/PageVerticalNav.tsx +2 -1
- package/src/components/Page/examples/PageWithOrWithoutFill.tsx +2 -1
- package/src/components/Pagination/examples/Pagination.md +1 -1
- package/src/components/Pagination/examples/PaginationBottom.tsx +3 -2
- package/src/components/Pagination/examples/PaginationCompact.tsx +3 -2
- package/src/components/Pagination/examples/PaginationDisabled.tsx +3 -2
- package/src/components/Pagination/examples/PaginationIndeterminate.tsx +3 -3
- package/src/components/Pagination/examples/PaginationInset.tsx +3 -2
- package/src/components/Pagination/examples/PaginationNoItems.tsx +3 -2
- package/src/components/Pagination/examples/PaginationOffset.tsx +3 -2
- package/src/components/Pagination/examples/PaginationOnePage.tsx +3 -2
- package/src/components/Pagination/examples/PaginationSticky.tsx +4 -4
- package/src/components/Pagination/examples/PaginationTop.tsx +3 -2
- package/src/components/Popover/examples/Popover.md +1 -0
- package/src/components/Popover/examples/PopoverAdvanced.tsx +4 -3
- package/src/components/Popover/examples/PopoverAlert.tsx +2 -1
- package/src/components/Popover/examples/PopoverCloseControlled.tsx +2 -1
- package/src/components/Popover/examples/PopoverReactRef.tsx +2 -1
- package/src/components/Progress/examples/Progress.md +2 -0
- package/src/components/Progress/examples/ProgressHelperText.tsx +2 -1
- package/src/components/ProgressStepper/examples/ProgressStepper.md +1 -1
- package/src/components/ProgressStepper/examples/ProgressStepperBasicWithAlignment.tsx +3 -3
- package/src/components/ProgressStepper/examples/ProgressStepperCompact.tsx +3 -3
- package/src/components/Radio/examples/Radio.md +1 -1
- package/src/components/Radio/examples/RadioControlled.tsx +2 -2
- package/src/components/SearchInput/examples/SearchInput.md +1 -0
- package/src/components/SearchInput/examples/SearchInputAdvanced.tsx +4 -3
- package/src/components/SearchInput/examples/SearchInputBasic.tsx +2 -1
- package/src/components/SearchInput/examples/SearchInputFocusSearch.tsx +3 -2
- package/src/components/SearchInput/examples/SearchInputWithExpandable.tsx +3 -2
- package/src/components/SearchInput/examples/SearchInputWithNavigableOptions.tsx +4 -3
- package/src/components/SearchInput/examples/SearchInputWithResultCount.tsx +3 -2
- package/src/components/SearchInput/examples/SearchInputWithSubmitButton.tsx +2 -1
- package/src/components/Select/examples/Select.md +1 -1
- package/src/components/Select/examples/SelectBasic.tsx +4 -4
- package/src/components/Select/examples/SelectCheckbox.tsx +3 -2
- package/src/components/Select/examples/SelectFooter.tsx +3 -2
- package/src/components/Select/examples/SelectGrouped.tsx +3 -2
- package/src/components/Select/examples/SelectMultiTypeahead.tsx +9 -8
- package/src/components/Select/examples/SelectMultiTypeaheadCheckbox.tsx +11 -10
- package/src/components/Select/examples/SelectMultiTypeaheadCreatable.tsx +10 -9
- package/src/components/Select/examples/SelectOptionVariations.tsx +3 -2
- package/src/components/Select/examples/SelectTypeahead.tsx +10 -9
- package/src/components/Select/examples/SelectTypeaheadCreatable.tsx +10 -9
- package/src/components/Select/examples/SelectValidated.tsx +4 -4
- package/src/components/Select/examples/SelectViewMore.tsx +12 -11
- package/src/components/SimpleList/examples/SimpleList.md +1 -0
- package/src/components/SimpleList/examples/SimpleListUncontrolled.tsx +2 -1
- package/src/components/Slider/examples/Slider.md +1 -0
- package/src/components/Slider/examples/SliderActions.tsx +5 -4
- package/src/components/Slider/examples/SliderContinuous.tsx +4 -3
- package/src/components/Slider/examples/SliderDisabled.tsx +2 -1
- package/src/components/Slider/examples/SliderDiscrete.tsx +2 -1
- package/src/components/Slider/examples/SliderThumbValueInput.tsx +3 -2
- package/src/components/Slider/examples/SliderValueInput.tsx +7 -6
- package/src/components/Switch/examples/Switch.md +1 -1
- package/src/components/Switch/examples/SwitchBasic.tsx +2 -1
- package/src/components/Switch/examples/SwitchCheckedWithLabel.tsx +2 -1
- package/src/components/Switch/examples/SwitchReversed.tsx +2 -1
- package/src/components/Switch/examples/SwitchWithoutLabel.tsx +2 -1
- package/src/components/Tabs/examples/Tabs.md +2 -2
- package/src/components/Tabs/examples/TabsBoxSecondary.tsx +3 -2
- package/src/components/Tabs/examples/TabsChildrenMounting.tsx +2 -1
- package/src/components/Tabs/examples/TabsContentWithBodyPadding.tsx +5 -5
- package/src/components/Tabs/examples/TabsDefault.tsx +3 -2
- package/src/components/Tabs/examples/TabsDefaultOverflow.tsx +3 -2
- package/src/components/Tabs/examples/TabsDynamic.tsx +7 -6
- package/src/components/Tabs/examples/TabsFilled.tsx +3 -2
- package/src/components/Tabs/examples/TabsFilledWithIcons.tsx +3 -2
- package/src/components/Tabs/examples/TabsHelp.tsx +3 -2
- package/src/components/Tabs/examples/TabsHelpAndClose.tsx +7 -6
- package/src/components/Tabs/examples/TabsHorizontalOverflow.tsx +3 -2
- package/src/components/Tabs/examples/TabsIconAndText.tsx +2 -1
- package/src/components/Tabs/examples/TabsInset.tsx +3 -2
- package/src/components/Tabs/examples/TabsNav.tsx +2 -1
- package/src/components/Tabs/examples/TabsNavSubtab.tsx +3 -2
- package/src/components/Tabs/examples/TabsPageInsets.tsx +3 -2
- package/src/components/Tabs/examples/TabsSeparateContent.tsx +5 -5
- package/src/components/Tabs/examples/TabsSubtabs.tsx +4 -3
- package/src/components/Tabs/examples/TabsToggledSeparateContent.tsx +6 -6
- package/src/components/Tabs/examples/TabsTooltipReactRef.tsx +4 -3
- package/src/components/Tabs/examples/TabsUnmountingInvisibleChildren.tsx +2 -1
- package/src/components/Tabs/examples/TabsVertical.tsx +3 -2
- package/src/components/Tabs/examples/TabsVerticalExpandable.tsx +3 -2
- package/src/components/Tabs/examples/TabsVerticalExpandableUncontrolled.tsx +2 -1
- package/src/components/TextArea/examples/TextArea.md +1 -1
- package/src/components/TextArea/examples/TextAreaAutoResizing.tsx +2 -1
- package/src/components/TextArea/examples/TextAreaBasic.tsx +2 -1
- package/src/components/TextArea/examples/TextAreaHorizontallyResizable.tsx +2 -1
- package/src/components/TextArea/examples/TextAreaInvalid.tsx +2 -1
- package/src/components/TextArea/examples/TextAreaReadOnly.tsx +2 -2
- package/src/components/TextArea/examples/TextAreaResizableNone.tsx +2 -1
- package/src/components/TextArea/examples/TextAreaValidated.tsx +5 -4
- package/src/components/TextArea/examples/TextAreaVerticallyResizable.tsx +2 -1
- package/src/components/TextInput/examples/TextInput.md +1 -0
- package/src/components/TextInput/examples/TextInputBasic.tsx +2 -1
- package/src/components/TextInput/examples/TextInputCustomIcon.tsx +3 -2
- package/src/components/TextInput/examples/TextInputCustomIconInvalid.tsx +2 -1
- package/src/components/TextInput/examples/TextInputInvalid.tsx +2 -1
- package/src/components/TextInput/examples/TextInputReadOnly.tsx +2 -1
- package/src/components/TextInput/examples/TextInputSelectUsingRef.tsx +3 -2
- package/src/components/TextInput/examples/TextInputStartTruncated.tsx +2 -1
- package/src/components/TextInputGroup/examples/TextInputGroup.md +1 -0
- package/src/components/TextInputGroup/examples/TextInputGroupBasic.tsx +2 -1
- package/src/components/TextInputGroup/examples/TextInputGroupFilters.tsx +3 -2
- package/src/components/TextInputGroup/examples/TextInputGroupUtilitiesAndIcon.tsx +2 -1
- package/src/components/TextInputGroup/examples/TextInputGroupWithStatus.tsx +4 -5
- package/src/components/ToggleGroup/examples/ToggleGroup.md +1 -0
- package/src/components/ToggleGroup/examples/ToggleGroupCompact.tsx +2 -1
- package/src/components/ToggleGroup/examples/ToggleGroupDefaultMultiple.tsx +3 -2
- package/src/components/ToggleGroup/examples/ToggleGroupDefaultSingle.tsx +2 -1
- package/src/components/ToggleGroup/examples/ToggleGroupIcon.tsx +2 -1
- package/src/components/ToggleGroup/examples/ToggleGroupTextIcon.tsx +2 -1
- package/src/components/Toolbar/Toolbar.tsx +5 -0
- package/src/components/Toolbar/ToolbarContent.tsx +11 -0
- package/src/components/Toolbar/ToolbarGroup.tsx +11 -0
- package/src/components/Toolbar/ToolbarItem.tsx +11 -0
- package/src/components/Toolbar/__tests__/Toolbar.test.tsx +58 -0
- package/src/components/Toolbar/__tests__/ToolbarGroup.test.tsx +28 -1
- package/src/components/Toolbar/__tests__/ToolbarItem.test.tsx +27 -0
- package/src/components/Toolbar/__tests__/__snapshots__/Toolbar.test.tsx.snap +1 -1
- package/src/components/Toolbar/examples/Toolbar.md +9 -2
- package/src/components/Toolbar/examples/ToolbarComponentManagedToggleGroups.tsx +6 -6
- package/src/components/Toolbar/examples/ToolbarConsumerManagedToggleGroups.tsx +7 -7
- package/src/components/Toolbar/examples/ToolbarContentWrap.tsx +35 -0
- package/src/components/Toolbar/examples/ToolbarCustomLabelGroupContent.tsx +4 -4
- package/src/components/Toolbar/examples/ToolbarGroupSpacers.tsx +3 -3
- package/src/components/Toolbar/examples/ToolbarGroups.tsx +7 -7
- package/src/components/Toolbar/examples/ToolbarItemSpacers.tsx +5 -5
- package/src/components/Toolbar/examples/ToolbarStacked.tsx +9 -9
- package/src/components/Toolbar/examples/ToolbarSticky.tsx +3 -3
- package/src/components/Toolbar/examples/ToolbarWithFilters.tsx +6 -6
- package/src/components/Tooltip/examples/Tooltip.md +1 -0
- package/src/components/Tooltip/examples/TooltipIcon.tsx +2 -1
- package/src/components/Tooltip/examples/TooltipOptions.tsx +14 -13
- package/src/components/Tooltip/examples/TooltipReactRef.tsx +2 -1
- package/src/components/TreeView/examples/TreeView.md +1 -1
- package/src/components/TreeView/examples/TreeViewMultiselectable.tsx +2 -1
- package/src/components/TreeView/examples/TreeViewSelectionExpansion.tsx +2 -1
- package/src/components/TreeView/examples/TreeViewSingleSelectable.tsx +3 -3
- package/src/components/TreeView/examples/TreeViewWithActionItems.tsx +3 -2
- package/src/components/TreeView/examples/TreeViewWithBadges.tsx +2 -1
- package/src/components/TreeView/examples/TreeViewWithCheckboxes.tsx +3 -2
- package/src/components/TreeView/examples/TreeViewWithCustomBadges.tsx +2 -1
- package/src/components/TreeView/examples/TreeViewWithIconPerItem.tsx +2 -1
- package/src/components/TreeView/examples/TreeViewWithIcons.tsx +2 -1
- package/src/components/TreeView/examples/TreeViewWithMemoization.tsx +3 -3
- package/src/components/TreeView/examples/TreeViewWithSearch.tsx +4 -3
- package/src/components/Truncate/Truncate.tsx +12 -3
- package/src/components/Wizard/examples/Wizard.md +1 -0
- package/src/components/Wizard/examples/WizardEnabledOnFormValidation.tsx +3 -2
- package/src/components/Wizard/examples/WizardGetCurrentStep.tsx +2 -1
- package/src/components/Wizard/examples/WizardStepDrawerContent.tsx +3 -2
- package/src/components/Wizard/examples/WizardStepStatus.tsx +5 -4
- package/src/components/Wizard/examples/WizardToggleStepVisibility.tsx +4 -3
- package/src/components/Wizard/examples/WizardValidateOnButtonPress.tsx +8 -7
- package/src/components/Wizard/examples/WizardWithCustomFooter.tsx +3 -2
- package/src/components/Wizard/examples/WizardWithSubmitProgress.tsx +5 -4
- package/src/components/Wizard/examples/WizardWithinModal.tsx +2 -1
- package/src/demos/AlertGroup.md +1 -1
- package/src/demos/BackToTop.md +1 -0
- package/src/demos/Button.md +3 -1
- package/src/demos/CustomMenus/ApplicationLauncher.md +2 -0
- package/src/demos/CustomMenus/ContextSelector.md +1 -0
- package/src/demos/CustomMenus/CustomMenus.md +2 -0
- package/src/demos/CustomMenus/OptionsMenu.md +1 -0
- package/src/demos/CustomMenus/examples/ActionsMenuDemo.tsx +4 -3
- package/src/demos/CustomMenus/examples/ApplicationLauncherDemo.tsx +9 -9
- package/src/demos/CustomMenus/examples/ContextSelectorDemo.tsx +7 -6
- package/src/demos/CustomMenus/examples/DateSelectDemo.tsx +4 -3
- package/src/demos/CustomMenus/examples/DrilldownMenuDemo.tsx +8 -7
- package/src/demos/CustomMenus/examples/FavoritesDemo.tsx +2 -2
- package/src/demos/CustomMenus/examples/FlyoutDemo.tsx +4 -3
- package/src/demos/CustomMenus/examples/InlineSearchFilterMenuDemo.tsx +6 -5
- package/src/demos/CustomMenus/examples/OptionsMenuDemo.tsx +4 -3
- package/src/demos/CustomMenus/examples/TreeViewMenuDemo.tsx +5 -4
- package/src/demos/DataList/examples/DataListActionable.tsx +3 -2
- package/src/demos/DataList/examples/DataListExpandableControlInToolbar.tsx +6 -6
- package/src/demos/DataList/examples/DataListStaticBottomPagination.tsx +4 -4
- package/src/demos/DataListDemo.md +2 -0
- package/src/demos/DatePicker/DatePicker.md +3 -2
- package/src/demos/DateTimePicker.md +4 -2
- package/src/demos/DescriptionList/DescriptionList.md +1 -0
- package/src/demos/DescriptionList/examples/DescriptionListInDrawer.tsx +4 -3
- package/src/demos/ExpandableSection/ExpandableSection.md +2 -0
- package/src/demos/ExpandableSection/examples/ExpandableTextDemo.tsx +2 -1
- package/src/demos/Filters/FilterDemos.md +1 -1
- package/src/demos/Filters/examples/FilterAttributeSearch.tsx +29 -29
- package/src/demos/Filters/examples/FilterCheckboxSelect.tsx +16 -16
- package/src/demos/Filters/examples/FilterFaceted.tsx +17 -17
- package/src/demos/Filters/examples/FilterMixedSelectGroup.tsx +22 -22
- package/src/demos/Filters/examples/FilterSameSelectGroup.tsx +22 -22
- package/src/demos/Filters/examples/FilterSearchInput.tsx +11 -11
- package/src/demos/Filters/examples/FilterSingleSelect.tsx +17 -17
- package/src/demos/HelperText.md +1 -0
- package/src/demos/JumpLinks.md +5 -3
- package/src/demos/LabelGroupDemos.md +1 -0
- package/src/demos/Masthead.md +1 -0
- package/src/demos/MultipleFileUploadDemos.md +1 -1
- package/src/demos/Nav.md +1 -0
- package/src/demos/NotificationDrawer/NotificationDrawer.md +2 -0
- package/src/demos/NotificationDrawer/examples/NotificationDrawerBasic.tsx +10 -13
- package/src/demos/NotificationDrawer/examples/NotificationDrawerGrouped.tsx +13 -16
- package/src/demos/Page.md +1 -0
- package/src/demos/PasswordGenerator.md +9 -7
- package/src/demos/PasswordStrength.md +1 -0
- package/src/demos/PrimaryDetail.md +1 -0
- package/src/demos/ProgressDemo.md +5 -3
- package/src/demos/ProgressStepperDemo.md +3 -1
- package/src/demos/RTL/RTL.md +1 -0
- package/src/demos/RTL/examples/PaginatedTable.jsx +16 -15
- package/src/demos/SearchInput/SearchInput.md +24 -22
- package/src/demos/Tabs.md +6 -3
- package/src/demos/TextInputGroupDemo.md +1 -0
- package/src/demos/Toolbar.md +1 -0
- package/src/demos/Wizard/WizardDemo.md +2 -0
- package/src/demos/examples/Card/CardAggregateStatus.tsx +2 -2
- package/src/demos/examples/Card/CardEventsView.tsx +2 -2
- package/src/demos/examples/Card/CardHorizontalGrid.tsx +3 -2
- package/src/demos/examples/Card/CardLogView.tsx +2 -2
- package/src/demos/examples/Card/CardNested.tsx +5 -4
- package/src/demos/examples/Card/CardStatus.tsx +3 -2
- package/src/demos/examples/Card/CardStatusTabbed.tsx +2 -1
- package/src/demos/examples/Card/CardWithAccordion.tsx +2 -1
- package/src/demos/examples/DateTimePicker/DateTimePicker.tsx +5 -4
- package/src/demos/examples/HelperText/HelperTextDynamic.tsx +4 -3
- package/src/demos/examples/HelperText/HelperTextStatic.tsx +2 -1
- package/src/demos/examples/HelperText/HelperTextStaticTextDynamicVariant.tsx +4 -3
- package/src/demos/examples/Masthead/MastheadWithHorizontalNav.tsx +9 -8
- package/src/demos/examples/Masthead/MastheadWithUtilitiesAndUserDropdownMenu.tsx +16 -16
- package/src/demos/examples/MultipleFileUpload/MultipleFileUploadRejectedFile.tsx +8 -7
- package/src/demos/examples/Nav/NavDrilldown.tsx +3 -3
- package/src/demos/examples/Nav/NavExpandable.tsx +3 -3
- package/src/demos/examples/Nav/NavFlyout.tsx +8 -7
- package/src/demos/examples/Nav/NavGrouped.tsx +2 -1
- package/src/demos/examples/Nav/NavHorizontal.tsx +5 -5
- package/src/demos/examples/Nav/NavHorizontalWithSubnav.tsx +6 -6
- package/src/demos/examples/Nav/NavManual.tsx +8 -8
- package/src/demos/examples/Nav/NavWithSubnav.tsx +3 -3
- package/src/demos/examples/Page/PageContextSelector.tsx +7 -6
- package/src/demos/examples/Page/PageStickySectionBreadcrumb.tsx +5 -4
- package/src/demos/examples/Page/PageStickySectionGroupAlternate.tsx +5 -4
- package/src/demos/examples/PasswordStrength/PasswordStrengthDemo.tsx +2 -2
- package/src/demos/examples/PrimaryDetail/PrimaryDetailCardView.tsx +15 -15
- package/src/demos/examples/PrimaryDetail/PrimaryDetailContentPadding.tsx +9 -9
- package/src/demos/examples/PrimaryDetail/PrimaryDetailDataListInCard.tsx +5 -5
- package/src/demos/examples/PrimaryDetail/PrimaryDetailFullPage.tsx +9 -9
- package/src/demos/examples/PrimaryDetail/PrimaryDetailInlineModifier.tsx +9 -9
- package/src/demos/examples/PrimaryDetail/PrimaryDetailSimpleListInCard.tsx +3 -3
- package/src/demos/examples/Tabs/ModalTabs.tsx +7 -7
- package/src/demos/examples/Tabs/NestedTabs.tsx +3 -2
- package/src/demos/examples/Tabs/NestedUnindentedTabs.tsx +3 -2
- package/src/demos/examples/Tabs/TabsAndTable.tsx +5 -5
- package/src/demos/examples/TextInputGroup/AttributeValueFiltering.tsx +10 -9
- package/src/demos/examples/TextInputGroup/AutoCompleteSearch.tsx +9 -8
- package/src/demos/examples/Toolbar/ConsoleLogViewerToolbar.tsx +17 -17
- package/src/demos/examples/Wizard/InModalWithDrawer.tsx +3 -2
- package/src/demos/examples/Wizard/InModalWithDrawerInformationalStep.tsx +3 -2
- package/src/demos/examples/Wizard/InPageWithDrawer.tsx +4 -4
- package/src/demos/examples/Wizard/InPageWithDrawerInformationalStep.tsx +4 -4
- package/src/deprecated/components/Chip/examples/Chip.md +1 -1
- package/src/deprecated/components/Chip/examples/ChipDefault.tsx +2 -2
- package/src/deprecated/components/Chip/examples/ChipGroupInline.tsx +2 -1
- package/src/deprecated/components/Chip/examples/ChipGroupRemovableCategories.tsx +3 -3
- package/src/deprecated/components/Chip/examples/ChipGroupWithCategories.tsx +2 -1
- package/src/deprecated/components/DragDrop/examples/DragDrop.md +1 -0
- package/src/deprecated/components/DragDrop/examples/DragDropBasic.tsx +2 -1
- package/src/deprecated/components/DragDrop/examples/DragDropMultipleLists.tsx +2 -1
- package/src/deprecated/components/Modal/examples/Modal.md +1 -1
- package/src/deprecated/components/Modal/examples/ModalBasic.tsx +2 -2
- package/src/deprecated/components/Modal/examples/ModalCustomFocus.tsx +2 -2
- package/src/deprecated/components/Modal/examples/ModalCustomHeaderFooter.tsx +2 -2
- package/src/deprecated/components/Modal/examples/ModalCustomTitleIcon.tsx +2 -2
- package/src/deprecated/components/Modal/examples/ModalCustomWidth.tsx +2 -2
- package/src/deprecated/components/Modal/examples/ModalLarge.tsx +2 -2
- package/src/deprecated/components/Modal/examples/ModalMedium.tsx +2 -2
- package/src/deprecated/components/Modal/examples/ModalNoHeaderFooter.tsx +2 -2
- package/src/deprecated/components/Modal/examples/ModalSmall.tsx +2 -2
- package/src/deprecated/components/Modal/examples/ModalTitleIcon.tsx +2 -2
- package/src/deprecated/components/Modal/examples/ModalTopAligned.tsx +2 -2
- package/src/deprecated/components/Modal/examples/ModalWithDescription.tsx +2 -2
- package/src/deprecated/components/Modal/examples/ModalWithDropdown.tsx +3 -3
- package/src/deprecated/components/Modal/examples/ModalWithForm.tsx +8 -8
- package/src/deprecated/components/Modal/examples/ModalWithHelp.tsx +2 -2
- package/src/deprecated/components/Modal/examples/ModalWithOverflowingContent.tsx +2 -2
- package/src/deprecated/components/Modal/examples/ModalWithWizard.tsx +2 -2
- package/src/deprecated/components/Tile/examples/Tile.md +5 -2
- package/src/deprecated/components/Wizard/examples/Wizard.md +1 -1
- package/src/deprecated/components/Wizard/examples/WizardEnabledOnFormValidation.tsx +8 -7
- package/src/deprecated/components/Wizard/examples/WizardFinished.tsx +3 -2
- package/src/deprecated/components/Wizard/examples/WizardInModal.tsx +2 -2
- package/src/deprecated/components/Wizard/examples/WizardIncrementallyEnabledSteps.tsx +2 -1
- package/src/deprecated/components/Wizard/examples/WizardValidateOnButtonPress.tsx +9 -8
- package/src/deprecated/components/Wizard/examples/WizardWithDrawer.tsx +3 -3
- package/src/helpers/resizeObserver.tsx +2 -2
- package/src/layouts/Bullseye/__tests__/Bullseye.test.tsx +1 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAO7C,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC1E,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,UAAU,CAAC,EAAE;QACX,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC/B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;KAC9B,CAAC;IACF,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;IACzD,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,sFAAsF;IACtF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gEAAgE;IAChE,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,0EAA0E;IAC1E,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,sDAAsD;IACtD,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,cAAM,cAAe,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IACzD,MAAM,CAAC,WAAW,SAAoB;IACtC,OAAO,CAAC,oBAAoB,CAA+B;IAC3D,OAAO,CAAC,iBAAiB,CAA+B;IACxD,OAAO,CAAC,MAAM,CAAC,SAAS,CAAK;IAE7B,MAAM,CAAC,YAAY,EAAE,mBAAmB,CAGtC;IAEF,MAAM;
|
|
1
|
+
{"version":3,"file":"ToolbarContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAO7C,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC1E,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,UAAU,CAAC,EAAE;QACX,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC/B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;KAC9B,CAAC;IACF,+DAA+D;IAC/D,OAAO,CAAC,EAAE;QACR,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;QAC5B,EAAE,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;QACvB,EAAE,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;QACvB,EAAE,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;QACvB,EAAE,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;QACvB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;KAC3B,CAAC;IACF,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;IACzD,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,sFAAsF;IACtF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gEAAgE;IAChE,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,0EAA0E;IAC1E,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,sDAAsD;IACtD,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,cAAM,cAAe,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IACzD,MAAM,CAAC,WAAW,SAAoB;IACtC,OAAO,CAAC,oBAAoB,CAA+B;IAC3D,OAAO,CAAC,iBAAiB,CAA+B;IACxD,OAAO,CAAC,MAAM,CAAC,SAAS,CAAK;IAE7B,MAAM,CAAC,YAAY,EAAE,mBAAmB,CAGtC;IAEF,MAAM;CAsEP;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -13,7 +13,7 @@ class ToolbarContent extends Component {
|
|
|
13
13
|
this.labelContainerRef = createRef();
|
|
14
14
|
}
|
|
15
15
|
render() {
|
|
16
|
-
const _a = this.props, { className, children, isExpanded, toolbarId, visibility, alignItems, clearAllFilters, showClearFiltersButton, clearFiltersButtonText } = _a, props = __rest(_a, ["className", "children", "isExpanded", "toolbarId", "visibility", "alignItems", "clearAllFilters", "showClearFiltersButton", "clearFiltersButtonText"]);
|
|
16
|
+
const _a = this.props, { className, children, isExpanded, toolbarId, visibility, rowWrap, alignItems, clearAllFilters, showClearFiltersButton, clearFiltersButtonText } = _a, props = __rest(_a, ["className", "children", "isExpanded", "toolbarId", "visibility", "rowWrap", "alignItems", "clearAllFilters", "showClearFiltersButton", "clearFiltersButtonText"]);
|
|
17
17
|
return (_jsx(PageContext.Consumer, { children: ({ width, getBreakpoint }) => (_jsx("div", Object.assign({ className: css(styles.toolbarContent, formatBreakpointMods(visibility, styles, '', getBreakpoint(width)), className), ref: this.expandableContentRef }, props, { children: _jsx(ToolbarContext.Consumer, { children: ({ clearAllFilters: clearAllFiltersContext, clearFiltersButtonText: clearFiltersButtonContext, showClearFiltersButton: showClearFiltersButtonContext, isExpanded: isExpandedContext, toolbarId: toolbarIdContext }) => {
|
|
18
18
|
const expandableContentId = `${toolbarId || toolbarIdContext}-expandable-content-${ToolbarContent.currentId++}`;
|
|
19
19
|
return (_jsx(ToolbarContentContext.Provider, { value: {
|
|
@@ -24,7 +24,7 @@ class ToolbarContent extends Component {
|
|
|
24
24
|
clearAllFilters: clearAllFilters || clearAllFiltersContext,
|
|
25
25
|
clearFiltersButtonText: clearFiltersButtonText || clearFiltersButtonContext,
|
|
26
26
|
showClearFiltersButton: showClearFiltersButton || showClearFiltersButtonContext
|
|
27
|
-
}, children: _jsx("div", { className: css(styles.toolbarContentSection, alignItems === 'center' && styles.modifiers.alignItemsCenter, alignItems === 'start' && styles.modifiers.alignItemsStart, alignItems === 'baseline' && styles.modifiers.alignItemsBaseline), children: children }) }));
|
|
27
|
+
}, children: _jsx("div", { className: css(styles.toolbarContentSection, formatBreakpointMods(rowWrap, styles, '', getBreakpoint(width)), alignItems === 'center' && styles.modifiers.alignItemsCenter, alignItems === 'start' && styles.modifiers.alignItemsStart, alignItems === 'baseline' && styles.modifiers.alignItemsBaseline), children: children }) }));
|
|
28
28
|
} }) }))) }));
|
|
29
29
|
}
|
|
30
30
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarContent.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarContent.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,MAAM,oEAAgE;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"ToolbarContent.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarContent.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,MAAM,oEAAgE;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAsClD,MAAM,cAAe,SAAQ,SAA8B;IAA3D;;QAEU,yBAAoB,GAAG,SAAS,EAAkB,CAAC;QACnD,sBAAiB,GAAG,SAAS,EAAkB,CAAC;IA8E1D,CAAC;IAtEC,MAAM;QACJ,MAAM,KAYF,IAAI,CAAC,KAAK,EAZR,EACJ,SAAS,EACT,QAAQ,EACR,UAAU,EACV,SAAS,EACT,UAAU,EACV,OAAO,EACP,UAAU,EACV,eAAe,EACf,sBAAsB,EACtB,sBAAsB,OAEV,EADT,KAAK,cAXJ,kKAYL,CAAa,CAAC;QAEf,OAAO,CACL,KAAC,WAAW,CAAC,QAAQ,cAClB,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAC7B,4BACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,cAAc,EACrB,oBAAoB,CAAC,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAClE,SAAS,CACV,EACD,GAAG,EAAE,IAAI,CAAC,oBAAoB,IAC1B,KAAK,cAET,KAAC,cAAc,CAAC,QAAQ,cACrB,CAAC,EACA,eAAe,EAAE,sBAAsB,EACvC,sBAAsB,EAAE,yBAAyB,EACjD,sBAAsB,EAAE,6BAA6B,EACrD,UAAU,EAAE,iBAAiB,EAC7B,SAAS,EAAE,gBAAgB,EAC5B,EAAE,EAAE;wBACH,MAAM,mBAAmB,GAAG,GAC1B,SAAS,IAAI,gBACf,uBAAuB,cAAc,CAAC,SAAS,EAAE,EAAE,CAAC;wBACpD,OAAO,CACL,KAAC,qBAAqB,CAAC,QAAQ,IAC7B,KAAK,EAAE;gCACL,oBAAoB,EAAE,IAAI,CAAC,oBAAoB;gCAC/C,mBAAmB;gCACnB,iBAAiB,EAAE,IAAI,CAAC,iBAAiB;gCACzC,UAAU,EAAE,UAAU,IAAI,iBAAiB;gCAC3C,eAAe,EAAE,eAAe,IAAI,sBAAsB;gCAC1D,sBAAsB,EAAE,sBAAsB,IAAI,yBAAyB;gCAC3E,sBAAsB,EAAE,sBAAsB,IAAI,6BAA6B;6BAChF,YAED,cACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,qBAAqB,EAC5B,oBAAoB,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAC/D,UAAU,KAAK,QAAQ,IAAI,MAAM,CAAC,SAAS,CAAC,gBAAgB,EAC5D,UAAU,KAAK,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,eAAe,EAC1D,UAAU,KAAK,UAAU,IAAI,MAAM,CAAC,SAAS,CAAC,kBAAkB,CACjE,YAEA,QAAQ,GACL,GACyB,CAClC,CAAC;oBACJ,CAAC,GACuB,IACtB,CACP,GACoB,CACxB,CAAC;IACJ,CAAC;;AA/EM,0BAAW,GAAG,gBAAgB,AAAnB,CAAoB;AAGvB,wBAAS,GAAG,CAAC,AAAJ,CAAK;AAEtB,2BAAY,GAAwB;IACzC,UAAU,EAAE,KAAK;IACjB,sBAAsB,EAAE,KAAK;CAC9B,AAHkB,CAGjB;AA0EJ,OAAO,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -55,6 +55,15 @@ export interface ToolbarGroupProps extends Omit<React.HTMLProps<HTMLDivElement>,
|
|
|
55
55
|
xl?: 'rowGapNone' | 'rowGapXs' | 'rowGapSm' | 'rowGapMd' | 'rowGapLg' | 'rowGapXl' | 'rowGap_2xl' | 'rowGap_3xl' | 'rowGap_4xl';
|
|
56
56
|
'2xl'?: 'rowGapNone' | 'rowGapXs' | 'rowGapSm' | 'rowGapMd' | 'rowGapLg' | 'rowGapXl' | 'rowGap_2xl' | 'rowGap_3xl' | 'rowGap_4xl';
|
|
57
57
|
};
|
|
58
|
+
/** Value to set for row wrapping at various breakpoints */
|
|
59
|
+
rowWrap?: {
|
|
60
|
+
default?: 'wrap' | 'nowrap';
|
|
61
|
+
sm?: 'wrap' | 'nowrap';
|
|
62
|
+
md?: 'wrap' | 'nowrap';
|
|
63
|
+
lg?: 'wrap' | 'nowrap';
|
|
64
|
+
xl?: 'wrap' | 'nowrap';
|
|
65
|
+
'2xl'?: 'wrap' | 'nowrap';
|
|
66
|
+
};
|
|
58
67
|
/** Content to be rendered inside the data toolbar group */
|
|
59
68
|
children?: React.ReactNode;
|
|
60
69
|
/** Flag that modifies the toolbar group to hide overflow and respond to available space. Used for horizontal navigation. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarGroup.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"ToolbarGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarGroup.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,9 +15,9 @@ export var ToolbarGroupVariant;
|
|
|
15
15
|
})(ToolbarGroupVariant || (ToolbarGroupVariant = {}));
|
|
16
16
|
class ToolbarGroupWithRef extends Component {
|
|
17
17
|
render() {
|
|
18
|
-
const _a = this.props, { visibility, align, alignItems, alignSelf, gap, columnGap, rowGap, className, variant, children, isOverflowContainer, innerRef } = _a, props = __rest(_a, ["visibility", "align", "alignItems", "alignSelf", "gap", "columnGap", "rowGap", "className", "variant", "children", "isOverflowContainer", "innerRef"]);
|
|
18
|
+
const _a = this.props, { visibility, align, alignItems, alignSelf, gap, columnGap, rowGap, rowWrap, className, variant, children, isOverflowContainer, innerRef } = _a, props = __rest(_a, ["visibility", "align", "alignItems", "alignSelf", "gap", "columnGap", "rowGap", "rowWrap", "className", "variant", "children", "isOverflowContainer", "innerRef"]);
|
|
19
19
|
return (_jsx(PageContext.Consumer, { children: ({ width, getBreakpoint }) => (_jsx("div", Object.assign({ className: css(styles.toolbarGroup, variant &&
|
|
20
|
-
styles.modifiers[toCamel(variant)], formatBreakpointMods(visibility, styles, '', getBreakpoint(width)), formatBreakpointMods(align, styles, '', getBreakpoint(width)), formatBreakpointMods(gap, styles, '', getBreakpoint(width)), formatBreakpointMods(columnGap, styles, '', getBreakpoint(width)), formatBreakpointMods(rowGap, styles, '', getBreakpoint(width)), alignItems === 'start' && styles.modifiers.alignItemsStart, alignItems === 'center' && styles.modifiers.alignItemsCenter, alignItems === 'baseline' && styles.modifiers.alignItemsBaseline, alignSelf === 'start' && styles.modifiers.alignSelfStart, alignSelf === 'center' && styles.modifiers.alignSelfCenter, alignSelf === 'baseline' && styles.modifiers.alignSelfBaseline, isOverflowContainer && styles.modifiers.overflowContainer, className) }, props, { ref: innerRef, children: children }))) }));
|
|
20
|
+
styles.modifiers[toCamel(variant)], formatBreakpointMods(visibility, styles, '', getBreakpoint(width)), formatBreakpointMods(align, styles, '', getBreakpoint(width)), formatBreakpointMods(gap, styles, '', getBreakpoint(width)), formatBreakpointMods(columnGap, styles, '', getBreakpoint(width)), formatBreakpointMods(rowGap, styles, '', getBreakpoint(width)), formatBreakpointMods(rowWrap, styles, '', getBreakpoint(width)), alignItems === 'start' && styles.modifiers.alignItemsStart, alignItems === 'center' && styles.modifiers.alignItemsCenter, alignItems === 'baseline' && styles.modifiers.alignItemsBaseline, alignSelf === 'start' && styles.modifiers.alignSelfStart, alignSelf === 'center' && styles.modifiers.alignSelfCenter, alignSelf === 'baseline' && styles.modifiers.alignSelfBaseline, isOverflowContainer && styles.modifiers.overflowContainer, className) }, props, { ref: innerRef, children: children }))) }));
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
23
|
export const ToolbarGroup = forwardRef((props, ref) => (_jsx(ToolbarGroupWithRef, Object.assign({}, props, { innerRef: ref }))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarGroup.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarGroup.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,MAAM,oEAAgE;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,MAAM,CAAN,IAAY,mBAMX;AAND,WAAY,mBAAmB;IAC7B,oDAA+B,CAAA;IAC/B,oDAA+B,CAAA;IAC/B,kEAA6C,CAAA;IAC7C,gEAA2C,CAAA;IAC3C,kDAA6B,CAAA;AAC/B,CAAC,EANW,mBAAmB,KAAnB,mBAAmB,QAM9B;
|
|
1
|
+
{"version":3,"file":"ToolbarGroup.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarGroup.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,MAAM,oEAAgE;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,MAAM,CAAN,IAAY,mBAMX;AAND,WAAY,mBAAmB;IAC7B,oDAA+B,CAAA;IAC/B,oDAA+B,CAAA;IAC/B,kEAA6C,CAAA;IAC7C,gEAA2C,CAAA;IAC3C,kDAA6B,CAAA;AAC/B,CAAC,EANW,mBAAmB,KAAnB,mBAAmB,QAM9B;AAoKD,MAAM,mBAAoB,SAAQ,SAA4B;IAC5D,MAAM;QACJ,MAAM,KAeF,IAAI,CAAC,KAAK,EAfR,EACJ,UAAU,EACV,KAAK,EACL,UAAU,EACV,SAAS,EACT,GAAG,EACH,SAAS,EACT,MAAM,EACN,OAAO,EACP,SAAS,EACT,OAAO,EACP,QAAQ,EACR,mBAAmB,EACnB,QAAQ,OAEI,EADT,KAAK,cAdJ,kKAeL,CAAa,CAAC;QAEf,OAAO,CACL,KAAC,WAAW,CAAC,QAAQ,cAClB,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAC7B,4BACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,YAAY,EACnB,OAAO;oBACL,MAAM,CAAC,SAAS,CACd,OAAO,CAAC,OAAO,CAKC,CACjB,EACH,oBAAoB,CAAC,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAClE,oBAAoB,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAC7D,oBAAoB,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAC3D,oBAAoB,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EACjE,oBAAoB,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAC9D,oBAAoB,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAC/D,UAAU,KAAK,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,eAAe,EAC1D,UAAU,KAAK,QAAQ,IAAI,MAAM,CAAC,SAAS,CAAC,gBAAgB,EAC5D,UAAU,KAAK,UAAU,IAAI,MAAM,CAAC,SAAS,CAAC,kBAAkB,EAChE,SAAS,KAAK,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,EACxD,SAAS,KAAK,QAAQ,IAAI,MAAM,CAAC,SAAS,CAAC,eAAe,EAC1D,SAAS,KAAK,UAAU,IAAI,MAAM,CAAC,SAAS,CAAC,iBAAiB,EAC9D,mBAAmB,IAAI,MAAM,CAAC,SAAS,CAAC,iBAAiB,EACzD,SAAS,CACV,IACG,KAAK,IACT,GAAG,EAAE,QAAQ,YAEZ,QAAQ,IACL,CACP,GACoB,CACxB,CAAC;IACJ,CAAC;CACF;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CAAC,CAAC,KAAwB,EAAE,GAAQ,EAAE,EAAE,CAAC,CAC7E,KAAC,mBAAmB,oBAAK,KAAK,IAAE,QAAQ,EAAE,GAAG,IAAI,CAClD,CAAC,CAAC"}
|
|
@@ -55,6 +55,15 @@ export interface ToolbarItemProps extends React.HTMLProps<HTMLDivElement> {
|
|
|
55
55
|
xl?: 'rowGapNone' | 'rowGapXs' | 'rowGapSm' | 'rowGapMd' | 'rowGapLg' | 'rowGapXl' | 'rowGap_2xl' | 'rowGap_3xl' | 'rowGap_4xl';
|
|
56
56
|
'2xl'?: 'rowGapNone' | 'rowGapXs' | 'rowGapSm' | 'rowGapMd' | 'rowGapLg' | 'rowGapXl' | 'rowGap_2xl' | 'rowGap_3xl' | 'rowGap_4xl';
|
|
57
57
|
};
|
|
58
|
+
/** Value to set for row wrapping at various breakpoints */
|
|
59
|
+
rowWrap?: {
|
|
60
|
+
default?: 'wrap' | 'nowrap';
|
|
61
|
+
sm?: 'wrap' | 'nowrap';
|
|
62
|
+
md?: 'wrap' | 'nowrap';
|
|
63
|
+
lg?: 'wrap' | 'nowrap';
|
|
64
|
+
xl?: 'wrap' | 'nowrap';
|
|
65
|
+
'2xl'?: 'wrap' | 'nowrap';
|
|
66
|
+
};
|
|
58
67
|
/** id for this data toolbar item */
|
|
59
68
|
id?: string;
|
|
60
69
|
/** Flag indicating if the expand-all variant is expanded or not */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarItem.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"ToolbarItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,11 +14,11 @@ export var ToolbarItemVariant;
|
|
|
14
14
|
ToolbarItemVariant["expand-all"] = "expand-all";
|
|
15
15
|
})(ToolbarItemVariant || (ToolbarItemVariant = {}));
|
|
16
16
|
export const ToolbarItem = (_a) => {
|
|
17
|
-
var { className, variant, visibility, gap, columnGap, rowGap, align, alignSelf, alignItems, id, children, isAllExpanded, isOverflowContainer } = _a, props = __rest(_a, ["className", "variant", "visibility", "gap", "columnGap", "rowGap", "align", "alignSelf", "alignItems", "id", "children", "isAllExpanded", "isOverflowContainer"]);
|
|
17
|
+
var { className, variant, visibility, gap, columnGap, rowGap, rowWrap, align, alignSelf, alignItems, id, children, isAllExpanded, isOverflowContainer } = _a, props = __rest(_a, ["className", "variant", "visibility", "gap", "columnGap", "rowGap", "rowWrap", "align", "alignSelf", "alignItems", "id", "children", "isAllExpanded", "isOverflowContainer"]);
|
|
18
18
|
if (variant === ToolbarItemVariant.separator) {
|
|
19
19
|
return _jsx(Divider, Object.assign({ className: css(className), orientation: { default: 'vertical' } }, props));
|
|
20
20
|
}
|
|
21
|
-
return (_jsx(PageContext.Consumer, { children: ({ width, getBreakpoint }) => (_jsx("div", Object.assign({ className: css(styles.toolbarItem, variant && styles.modifiers[toCamel(variant)], variant === ToolbarItemVariant['label-group'] && styles.modifiers.labelGroup, isAllExpanded && styles.modifiers.expanded, isOverflowContainer && styles.modifiers.overflowContainer, formatBreakpointMods(visibility, styles, '', getBreakpoint(width)), formatBreakpointMods(align, styles, '', getBreakpoint(width)), formatBreakpointMods(gap, styles, '', getBreakpoint(width)), formatBreakpointMods(columnGap, styles, '', getBreakpoint(width)), formatBreakpointMods(rowGap, styles, '', getBreakpoint(width)), alignItems === 'start' && styles.modifiers.alignItemsStart, alignItems === 'center' && styles.modifiers.alignItemsCenter, alignItems === 'baseline' && styles.modifiers.alignItemsBaseline, alignSelf === 'start' && styles.modifiers.alignSelfStart, alignSelf === 'center' && styles.modifiers.alignSelfCenter, alignSelf === 'baseline' && styles.modifiers.alignSelfBaseline, className) }, (variant === 'label' && { 'aria-hidden': true }), { id: id }, props, { children: children }))) }));
|
|
21
|
+
return (_jsx(PageContext.Consumer, { children: ({ width, getBreakpoint }) => (_jsx("div", Object.assign({ className: css(styles.toolbarItem, variant && styles.modifiers[toCamel(variant)], variant === ToolbarItemVariant['label-group'] && styles.modifiers.labelGroup, isAllExpanded && styles.modifiers.expanded, isOverflowContainer && styles.modifiers.overflowContainer, formatBreakpointMods(visibility, styles, '', getBreakpoint(width)), formatBreakpointMods(align, styles, '', getBreakpoint(width)), formatBreakpointMods(gap, styles, '', getBreakpoint(width)), formatBreakpointMods(columnGap, styles, '', getBreakpoint(width)), formatBreakpointMods(rowGap, styles, '', getBreakpoint(width)), formatBreakpointMods(rowWrap, styles, '', getBreakpoint(width)), alignItems === 'start' && styles.modifiers.alignItemsStart, alignItems === 'center' && styles.modifiers.alignItemsCenter, alignItems === 'baseline' && styles.modifiers.alignItemsBaseline, alignSelf === 'start' && styles.modifiers.alignSelfStart, alignSelf === 'center' && styles.modifiers.alignSelfCenter, alignSelf === 'baseline' && styles.modifiers.alignSelfBaseline, className) }, (variant === 'label' && { 'aria-hidden': true }), { id: id }, props, { children: children }))) }));
|
|
22
22
|
};
|
|
23
23
|
ToolbarItem.displayName = 'ToolbarItem';
|
|
24
24
|
//# sourceMappingURL=ToolbarItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarItem.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarItem.tsx"],"names":[],"mappings":";;AAAA,OAAO,MAAM,oEAAgE;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,MAAM,CAAN,IAAY,kBAMX;AAND,WAAY,kBAAkB;IAC5B,6CAAuB,CAAA;IACvB,+CAAyB,CAAA;IACzB,qCAAe,CAAA;IACf,iDAA6B,CAAA;IAC7B,+CAA2B,CAAA;AAC7B,CAAC,EANW,kBAAkB,KAAlB,kBAAkB,QAM7B;
|
|
1
|
+
{"version":3,"file":"ToolbarItem.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarItem.tsx"],"names":[],"mappings":";;AAAA,OAAO,MAAM,oEAAgE;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,MAAM,CAAN,IAAY,kBAMX;AAND,WAAY,kBAAkB;IAC5B,6CAAuB,CAAA;IACvB,+CAAyB,CAAA;IACzB,qCAAe,CAAA;IACf,iDAA6B,CAAA;IAC7B,+CAA2B,CAAA;AAC7B,CAAC,EANW,kBAAkB,KAAlB,kBAAkB,QAM7B;AAgKD,MAAM,CAAC,MAAM,WAAW,GAA8C,CAAC,EAgBpD,EAAE,EAAE;QAhBgD,EACrE,SAAS,EACT,OAAO,EACP,UAAU,EACV,GAAG,EACH,SAAS,EACT,MAAM,EACN,OAAO,EACP,KAAK,EACL,SAAS,EACT,UAAU,EACV,EAAE,EACF,QAAQ,EACR,aAAa,EACb,mBAAmB,OAEF,EADd,KAAK,cAf6D,6KAgBtE,CADS;IAER,IAAI,OAAO,KAAK,kBAAkB,CAAC,SAAS,EAAE,CAAC;QAC7C,OAAO,KAAC,OAAO,kBAAC,SAAS,EAAE,GAAG,CAAC,SAAS,CAAC,EAAE,WAAW,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,IAAM,KAAK,EAAI,CAAC;IACjG,CAAC;IAED,OAAO,CACL,KAAC,WAAW,CAAC,QAAQ,cAClB,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAC7B,4BACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,WAAW,EAClB,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAA2B,CAAC,EACvE,OAAO,KAAK,kBAAkB,CAAC,aAAa,CAAC,IAAI,MAAM,CAAC,SAAS,CAAC,UAAU,EAC5E,aAAa,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,EAC1C,mBAAmB,IAAI,MAAM,CAAC,SAAS,CAAC,iBAAiB,EACzD,oBAAoB,CAAC,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAClE,oBAAoB,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAC7D,oBAAoB,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAC3D,oBAAoB,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EACjE,oBAAoB,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAC9D,oBAAoB,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAC/D,UAAU,KAAK,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,eAAe,EAC1D,UAAU,KAAK,QAAQ,IAAI,MAAM,CAAC,SAAS,CAAC,gBAAgB,EAC5D,UAAU,KAAK,UAAU,IAAI,MAAM,CAAC,SAAS,CAAC,kBAAkB,EAChE,SAAS,KAAK,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,EACxD,SAAS,KAAK,QAAQ,IAAI,MAAM,CAAC,SAAS,CAAC,eAAe,EAC1D,SAAS,KAAK,UAAU,IAAI,MAAM,CAAC,SAAS,CAAC,iBAAiB,EAC9D,SAAS,CACV,IACG,CAAC,OAAO,KAAK,OAAO,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,IACpD,EAAE,EAAE,EAAE,IACF,KAAK,cAER,QAAQ,IACL,CACP,GACoB,CACxB,CAAC;AACJ,CAAC,CAAC;AACF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}
|
|
@@ -5,7 +5,7 @@ export declare enum TruncatePosition {
|
|
|
5
5
|
end = "end",
|
|
6
6
|
middle = "middle"
|
|
7
7
|
}
|
|
8
|
-
interface TruncateProps extends React.HTMLProps<HTMLSpanElement> {
|
|
8
|
+
export interface TruncateProps extends React.HTMLProps<HTMLSpanElement> {
|
|
9
9
|
/** Class to add to outer span */
|
|
10
10
|
className?: string;
|
|
11
11
|
/** Text to truncate */
|
|
@@ -16,7 +16,11 @@ interface TruncateProps extends React.HTMLProps<HTMLSpanElement> {
|
|
|
16
16
|
position?: 'start' | 'middle' | 'end';
|
|
17
17
|
/** Tooltip position */
|
|
18
18
|
tooltipPosition?: TooltipPosition | 'auto' | 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
|
|
19
|
+
/** @hide The element whose parent to reference when calculating whether truncation should occur. This must be an ancestor
|
|
20
|
+
* of the ClipboardCopy, and must have a valid width value. For internal use only, do not use as it is not part of the public API
|
|
21
|
+
* and is subject to change.
|
|
22
|
+
*/
|
|
23
|
+
refToGetParent?: React.RefObject<any>;
|
|
19
24
|
}
|
|
20
25
|
export declare const Truncate: React.FunctionComponent<TruncateProps>;
|
|
21
|
-
export {};
|
|
22
26
|
//# sourceMappingURL=Truncate.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Truncate.d.ts","sourceRoot":"","sources":["../../../../src/components/Truncate/Truncate.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAW,eAAe,EAAE,MAAM,YAAY,CAAC;AAGtD,oBAAY,gBAAgB;IAC1B,KAAK,UAAU;IACf,GAAG,QAAQ;IACX,MAAM,WAAW;CAClB;AASD,
|
|
1
|
+
{"version":3,"file":"Truncate.d.ts","sourceRoot":"","sources":["../../../../src/components/Truncate/Truncate.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAW,eAAe,EAAE,MAAM,YAAY,CAAC;AAGtD,oBAAY,gBAAgB;IAC1B,KAAK,UAAU;IACf,GAAG,QAAQ;IACX,MAAM,WAAW;CAClB;AASD,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC;IACrE,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uBAAuB;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,8EAA8E;IAC9E,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACtC,uBAAuB;IACvB,eAAe,CAAC,EACZ,eAAe,GACf,MAAM,GACN,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,WAAW,GACX,SAAS,GACT,cAAc,GACd,YAAY,GACZ,YAAY,GACZ,UAAU,GACV,aAAa,GACb,WAAW,CAAC;IAChB;;;OAGG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;CACvC;AAID,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC,aAAa,CAmG3D,CAAC"}
|
|
@@ -18,7 +18,7 @@ const truncateStyles = {
|
|
|
18
18
|
const minWidthCharacters = 12;
|
|
19
19
|
const sliceContent = (str, slice) => [str.slice(0, str.length - slice), str.slice(-slice)];
|
|
20
20
|
export const Truncate = (_a) => {
|
|
21
|
-
var { className, position = 'end', tooltipPosition = 'top', trailingNumChars = 7, content } = _a, props = __rest(_a, ["className", "position", "tooltipPosition", "trailingNumChars", "content"]);
|
|
21
|
+
var { className, position = 'end', tooltipPosition = 'top', trailingNumChars = 7, content, refToGetParent } = _a, props = __rest(_a, ["className", "position", "tooltipPosition", "trailingNumChars", "content", "refToGetParent"]);
|
|
22
22
|
const [isTruncated, setIsTruncated] = useState(true);
|
|
23
23
|
const [parentElement, setParentElement] = useState(null);
|
|
24
24
|
const [textElement, setTextElement] = useState(null);
|
|
@@ -42,8 +42,9 @@ export const Truncate = (_a) => {
|
|
|
42
42
|
if (textRef && textRef.current && !textElement) {
|
|
43
43
|
setTextElement(textRef.current);
|
|
44
44
|
}
|
|
45
|
-
if (subParentRef && subParentRef.current.parentElement.parentElement &&
|
|
46
|
-
|
|
45
|
+
if (((refToGetParent === null || refToGetParent === void 0 ? void 0 : refToGetParent.current) || ((subParentRef === null || subParentRef === void 0 ? void 0 : subParentRef.current) && subParentRef.current.parentElement.parentElement)) &&
|
|
46
|
+
!parentElement) {
|
|
47
|
+
setParentElement((refToGetParent === null || refToGetParent === void 0 ? void 0 : refToGetParent.current.parentElement) || (subParentRef === null || subParentRef === void 0 ? void 0 : subParentRef.current.parentElement.parentElement));
|
|
47
48
|
}
|
|
48
49
|
}, [textRef, subParentRef, textElement, parentElement]);
|
|
49
50
|
useEffect(() => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Truncate.js","sourceRoot":"","sources":["../../../../src/components/Truncate/Truncate.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,MAAM,sEAAkE;AAC/E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAmB,MAAM,YAAY,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAEjE,MAAM,CAAN,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IAC1B,mCAAe,CAAA;IACf,+BAAW,CAAA;IACX,qCAAiB,CAAA;AACnB,CAAC,EAJW,gBAAgB,KAAhB,gBAAgB,QAI3B;AAED,MAAM,cAAc,GAAG;IACrB,KAAK,EAAE,MAAM,CAAC,WAAW;IACzB,GAAG,EAAE,MAAM,CAAC,aAAa;CAC1B,CAAC;AAEF,MAAM,kBAAkB,GAAW,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"Truncate.js","sourceRoot":"","sources":["../../../../src/components/Truncate/Truncate.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
*
|
|
5
5
|
* Example 1:
|
|
6
6
|
*
|
|
7
|
-
* private containerRef =
|
|
7
|
+
* private containerRef = createRef<HTMLDivElement>();
|
|
8
8
|
* private observer: any = () => {};
|
|
9
9
|
*
|
|
10
10
|
* public componentDidMount() {
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
*
|
|
32
32
|
* Example 2:
|
|
33
33
|
*
|
|
34
|
-
* private inputRef =
|
|
34
|
+
* private inputRef = createRef<HTMLInputElement>();
|
|
35
35
|
* private observer: any = () => {};
|
|
36
36
|
*
|
|
37
37
|
* public componentDidMount() {
|
|
@@ -5,7 +5,7 @@ import { canUseDOM, debounce } from './util';
|
|
|
5
5
|
*
|
|
6
6
|
* Example 1:
|
|
7
7
|
*
|
|
8
|
-
* private containerRef =
|
|
8
|
+
* private containerRef = createRef<HTMLDivElement>();
|
|
9
9
|
* private observer: any = () => {};
|
|
10
10
|
*
|
|
11
11
|
* public componentDidMount() {
|
|
@@ -32,7 +32,7 @@ import { canUseDOM, debounce } from './util';
|
|
|
32
32
|
*
|
|
33
33
|
* Example 2:
|
|
34
34
|
*
|
|
35
|
-
* private inputRef =
|
|
35
|
+
* private inputRef = createRef<HTMLInputElement>();
|
|
36
36
|
* private observer: any = () => {};
|
|
37
37
|
*
|
|
38
38
|
* public componentDidMount() {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
import { OUIAProps } from '../../helpers';
|
|
3
3
|
import { TooltipPosition } from '../Tooltip';
|
|
4
4
|
export declare enum AlertVariant {
|
|
@@ -13,7 +13,7 @@ export interface AlertProps extends Omit<React.HTMLProps<HTMLDivElement>, 'actio
|
|
|
13
13
|
/** Close button; use the alert action close button component. */
|
|
14
14
|
actionClose?: React.ReactNode;
|
|
15
15
|
/** Action links; use a single alert action link component or multiple wrapped in an array
|
|
16
|
-
* or React.
|
|
16
|
+
* or React fragment.
|
|
17
17
|
*/
|
|
18
18
|
actionLinks?: React.ReactNode;
|
|
19
19
|
/** Content rendered inside the alert. */
|
|
@@ -45,7 +45,7 @@ export interface AlertProps extends Omit<React.HTMLProps<HTMLDivElement>, 'actio
|
|
|
45
45
|
/** Title of the alert. */
|
|
46
46
|
title: React.ReactNode;
|
|
47
47
|
/** Sets the element to use as the alert title. Default is h4. */
|
|
48
|
-
component?: keyof JSX.IntrinsicElements;
|
|
48
|
+
component?: keyof React.JSX.IntrinsicElements;
|
|
49
49
|
/** Adds accessible text to the alert toggle. */
|
|
50
50
|
toggleAriaLabel?: string;
|
|
51
51
|
/** Position of the tooltip which is displayed if text is truncated. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":";AAKA,OAAO,EAA4B,SAAS,EAAE,MAAM,eAAe,CAAC;AAIpE,OAAO,EAAW,eAAe,EAAE,MAAM,YAAY,CAAC;AAGtD,oBAAY,YAAY;IACtB,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,MAAM,WAAW;CAClB;AAED,gCAAgC;AAEhC,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,EAAE,SAAS;IACtG,kEAAkE;IAClE,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,yCAAyC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2FAA2F;IAC3F,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,qCAAqC;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,oDAAoD;IACpD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yDAAyD;IACzD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uFAAuF;IACvF,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,2BAA2B;IAC3B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,iEAAiE;IACjE,SAAS,CAAC,EAAE,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC;IAC9C,gDAAgD;IAChD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uEAAuE;IACvE,eAAe,CAAC,EACZ,eAAe,GACf,MAAM,GACN,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,WAAW,GACX,SAAS,GACT,cAAc,GACd,YAAY,GACZ,YAAY,GACZ,UAAU,GACV,aAAa,GACb,WAAW,CAAC;IAChB,yCAAyC;IACzC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kCAAkC;IAClC,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;IAC/D,6CAA6C;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iLAAiL;IACjL,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAqMrD,CAAC"}
|
|
@@ -6,9 +6,11 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
6
6
|
const react_1 = require("react");
|
|
7
7
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
8
8
|
const alert_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Alert/alert"));
|
|
9
|
+
const alert_group_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Alert/alert-group"));
|
|
9
10
|
const AlertIcon_1 = require("./AlertIcon");
|
|
10
11
|
const helpers_1 = require("../../helpers");
|
|
11
12
|
const AlertContext_1 = require("./AlertContext");
|
|
13
|
+
const AlertGroupContext_1 = require("./AlertGroupContext");
|
|
12
14
|
const c_alert__title_max_lines_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/c_alert__title_max_lines'));
|
|
13
15
|
const Tooltip_1 = require("../Tooltip");
|
|
14
16
|
const AlertToggleExpandButton_1 = require("./AlertToggleExpandButton");
|
|
@@ -42,7 +44,27 @@ const Alert = (_a) => {
|
|
|
42
44
|
const [timedOutAnimation, setTimedOutAnimation] = (0, react_1.useState)(true);
|
|
43
45
|
const [isMouseOver, setIsMouseOver] = (0, react_1.useState)();
|
|
44
46
|
const [containsFocus, setContainsFocus] = (0, react_1.useState)();
|
|
45
|
-
const
|
|
47
|
+
const shouldDismiss = timedOut && timedOutAnimation && !isMouseOver && !containsFocus;
|
|
48
|
+
const [isDismissed, setIsDismissed] = (0, react_1.useState)(false);
|
|
49
|
+
const { hasAnimations, updateTransitionEnd } = (0, react_1.useContext)(AlertGroupContext_1.AlertGroupContext);
|
|
50
|
+
const { offstageRight } = alert_group_1.default.modifiers;
|
|
51
|
+
const getParentAlertGroupItem = () => { var _a; return (_a = divRef.current) === null || _a === void 0 ? void 0 : _a.closest(`.${alert_group_1.default.alertGroupItem}`); };
|
|
52
|
+
(0, react_1.useEffect)(() => {
|
|
53
|
+
const shouldSetDismissed = shouldDismiss && !isDismissed;
|
|
54
|
+
if (!shouldSetDismissed) {
|
|
55
|
+
return;
|
|
56
|
+
}
|
|
57
|
+
const alertGroupItem = getParentAlertGroupItem();
|
|
58
|
+
alertGroupItem === null || alertGroupItem === void 0 ? void 0 : alertGroupItem.classList.add(offstageRight);
|
|
59
|
+
if (hasAnimations) {
|
|
60
|
+
updateTransitionEnd(() => {
|
|
61
|
+
setIsDismissed(true);
|
|
62
|
+
});
|
|
63
|
+
}
|
|
64
|
+
else {
|
|
65
|
+
setIsDismissed(true);
|
|
66
|
+
}
|
|
67
|
+
}, [shouldDismiss, isDismissed]);
|
|
46
68
|
(0, react_1.useEffect)(() => {
|
|
47
69
|
const calculatedTimeout = timeout === true ? 8000 : Number(timeout);
|
|
48
70
|
if (calculatedTimeout > 0) {
|
|
@@ -72,8 +94,12 @@ const Alert = (_a) => {
|
|
|
72
94
|
}
|
|
73
95
|
}, [containsFocus, isMouseOver, timeoutAnimation]);
|
|
74
96
|
(0, react_1.useEffect)(() => {
|
|
75
|
-
|
|
76
|
-
}, [
|
|
97
|
+
isDismissed && onTimeout();
|
|
98
|
+
}, [isDismissed, onTimeout]);
|
|
99
|
+
(0, react_1.useEffect)(() => {
|
|
100
|
+
const alertGroupItem = getParentAlertGroupItem();
|
|
101
|
+
setTimeout(() => alertGroupItem === null || alertGroupItem === void 0 ? void 0 : alertGroupItem.classList.remove(alert_group_1.default.modifiers.offstageTop), 0);
|
|
102
|
+
}, []);
|
|
77
103
|
const [isExpanded, setIsExpanded] = (0, react_1.useState)(false);
|
|
78
104
|
const onToggleExpand = () => {
|
|
79
105
|
setIsExpanded(!isExpanded);
|
|
@@ -87,7 +113,7 @@ const Alert = (_a) => {
|
|
|
87
113
|
setIsMouseOver(false);
|
|
88
114
|
onMouseLeave(ev);
|
|
89
115
|
};
|
|
90
|
-
if (
|
|
116
|
+
if (shouldDismiss && isDismissed) {
|
|
91
117
|
return null;
|
|
92
118
|
}
|
|
93
119
|
const Title = ((0, jsx_runtime_1.jsx)(TitleComponent, Object.assign({}, (isTooltipVisible && { tabIndex: 0 }), { ref: titleRef, className: (0, react_styles_1.css)(alert_1.default.alertTitle, truncateTitle && alert_1.default.modifiers.truncate), children: getHeadingContent })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":";;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AlertActionCloseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/AlertActionCloseButton.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"AlertActionCloseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/AlertActionCloseButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAyB,WAAW,EAAE,MAAM,WAAW,CAAC;AAM/D;;GAEG;AAEH,MAAM,WAAW,2BAA4B,SAAQ,WAAW;IAC9D,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iEAAiE;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBAAiB,CAAC,2BAA2B,CAoCvF,CAAC"}
|
|
@@ -3,12 +3,29 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.AlertActionCloseButton = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const react_1 = require("react");
|
|
6
7
|
const Button_1 = require("../Button");
|
|
7
8
|
const times_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/times-icon'));
|
|
8
9
|
const AlertContext_1 = require("./AlertContext");
|
|
10
|
+
const AlertGroupContext_1 = require("./AlertGroupContext");
|
|
11
|
+
const alert_group_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Alert/alert-group"));
|
|
9
12
|
const AlertActionCloseButton = (_a) => {
|
|
10
13
|
var { className, onClose = () => undefined, 'aria-label': ariaLabel = '', variantLabel } = _a, props = tslib_1.__rest(_a, ["className", "onClose", 'aria-label', "variantLabel"]);
|
|
11
|
-
|
|
14
|
+
const closeButtonRef = (0, react_1.useRef)(null);
|
|
15
|
+
const { hasAnimations, updateTransitionEnd } = (0, react_1.useContext)(AlertGroupContext_1.AlertGroupContext);
|
|
16
|
+
const { offstageRight } = alert_group_1.default.modifiers;
|
|
17
|
+
const getParentAlertGroupItem = () => { var _a; return (_a = closeButtonRef.current) === null || _a === void 0 ? void 0 : _a.closest(`.${alert_group_1.default.alertGroupItem}`); };
|
|
18
|
+
const handleOnClick = () => {
|
|
19
|
+
var _a;
|
|
20
|
+
if (hasAnimations) {
|
|
21
|
+
(_a = getParentAlertGroupItem()) === null || _a === void 0 ? void 0 : _a.classList.add(offstageRight);
|
|
22
|
+
updateTransitionEnd(onClose);
|
|
23
|
+
}
|
|
24
|
+
else {
|
|
25
|
+
onClose();
|
|
26
|
+
}
|
|
27
|
+
};
|
|
28
|
+
return ((0, jsx_runtime_1.jsx)(AlertContext_1.AlertContext.Consumer, { children: ({ title, variantLabel: alertVariantLabel }) => ((0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ ref: closeButtonRef, variant: Button_1.ButtonVariant.plain, onClick: handleOnClick, "aria-label": ariaLabel === '' ? `Close ${variantLabel || alertVariantLabel} alert: ${title}` : ariaLabel, className: className, icon: (0, jsx_runtime_1.jsx)(times_icon_1.default, {}) }, props))) }));
|
|
12
29
|
};
|
|
13
30
|
exports.AlertActionCloseButton = AlertActionCloseButton;
|
|
14
31
|
exports.AlertActionCloseButton.displayName = 'AlertActionCloseButton';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AlertActionCloseButton.js","sourceRoot":"","sources":["../../../../src/components/Alert/AlertActionCloseButton.tsx"],"names":[],"mappings":";;;;;AAAA,sCAA+D;;AAE/D,iDAA8C;
|
|
1
|
+
{"version":3,"file":"AlertActionCloseButton.js","sourceRoot":"","sources":["../../../../src/components/Alert/AlertActionCloseButton.tsx"],"names":[],"mappings":";;;;;AAAA,iCAA2C;AAC3C,sCAA+D;;AAE/D,iDAA8C;AAC9C,2DAAwD;AACxD,oHAAyF;AAiBlF,MAAM,sBAAsB,GAAyD,CAAC,EAM/D,EAAE,EAAE;QAN2D,EAC3F,SAAS,EACT,OAAO,GAAG,GAAG,EAAE,CAAC,SAAgB,EAChC,YAAY,EAAE,SAAS,GAAG,EAAE,EAC5B,YAAY,OAEgB,EADzB,KAAK,sBALmF,sDAM5F,CADS;IAER,MAAM,cAAc,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IACpC,MAAM,EAAE,aAAa,EAAE,mBAAmB,EAAE,GAAG,IAAA,kBAAU,EAAC,qCAAiB,CAAC,CAAC;IAC7E,MAAM,EAAE,aAAa,EAAE,GAAG,qBAAgB,CAAC,SAAS,CAAC;IAErD,MAAM,uBAAuB,GAAG,GAAG,EAAE,WAAC,OAAA,MAAA,cAAc,CAAC,OAAO,0CAAE,OAAO,CAAC,IAAI,qBAAgB,CAAC,cAAc,EAAE,CAAC,CAAA,EAAA,CAAC;IAC7G,MAAM,aAAa,GAAG,GAAG,EAAE;;QACzB,IAAI,aAAa,EAAE,CAAC;YAClB,MAAA,uBAAuB,EAAE,0CAAE,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;YACxD,mBAAmB,CAAC,OAAO,CAAC,CAAC;QAC/B,CAAC;aAAM,CAAC;YACN,OAAO,EAAE,CAAC;QACZ,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,2BAAY,CAAC,QAAQ,cACnB,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,EAAE,EAAE,CAAC,CAC/C,uBAAC,eAAM,kBACL,GAAG,EAAE,cAAc,EACnB,OAAO,EAAE,sBAAa,CAAC,KAAK,EAC5B,OAAO,EAAE,aAAa,gBACV,SAAS,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,YAAY,IAAI,iBAAiB,WAAW,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,EACvG,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,uBAAC,oBAAS,KAAG,IACf,KAAK,EACT,CACH,GACqB,CACzB,CAAC;AACJ,CAAC,CAAC;AApCW,QAAA,sBAAsB,0BAoCjC;AACF,8BAAsB,CAAC,WAAW,GAAG,wBAAwB,CAAC"}
|
|
@@ -4,6 +4,10 @@ export interface AlertGroupProps extends Omit<React.HTMLProps<HTMLUListElement>,
|
|
|
4
4
|
className?: string;
|
|
5
5
|
/** Alerts to be rendered in the AlertGroup */
|
|
6
6
|
children?: React.ReactNode;
|
|
7
|
+
/** @beta Flag to indicate whether Alerts are animated upon rendering and being dismissed. This is intended
|
|
8
|
+
* to remain false for testing purposes only.
|
|
9
|
+
*/
|
|
10
|
+
hasAnimations?: boolean;
|
|
7
11
|
/** Toast notifications are positioned at the top right corner of the viewport */
|
|
8
12
|
isToast?: boolean;
|
|
9
13
|
/** Turns the container into a live region so that changes to content within the AlertGroup, such as appending an Alert, are reliably announced to assistive technology. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AlertGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/AlertGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,WAAW,CAAC;IAC3F,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iFAAiF;IACjF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2KAA2K;IAC3K,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,CAAC;IAC7C,0DAA0D;IAC1D,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,mDAAmD;IACnD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,eAAe;IACvB,SAAS,EAAE,WAAW,CAAC;CACxB;AAED,cAAM,UAAW,SAAQ,SAAS,CAAC,eAAe,EAAE,eAAe,CAAC;IAClE,MAAM,CAAC,WAAW,SAAgB;IAClC,KAAK,kBAEgB;IAErB,iBAAiB;IAOjB,oBAAoB;IAOpB,gBAAgB;IAQhB,MAAM;
|
|
1
|
+
{"version":3,"file":"AlertGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/AlertGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,WAAW,CAAC;IAC3F,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iFAAiF;IACjF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2KAA2K;IAC3K,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,CAAC;IAC7C,0DAA0D;IAC1D,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,mDAAmD;IACnD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,eAAe;IACvB,SAAS,EAAE,WAAW,CAAC;CACxB;AAED,cAAM,UAAW,SAAQ,SAAS,CAAC,eAAe,EAAE,eAAe,CAAC;IAClE,MAAM,CAAC,WAAW,SAAgB;IAClC,KAAK,kBAEgB;IAErB,iBAAiB;IAOjB,oBAAoB;IAOpB,gBAAgB;IAQhB,MAAM;CAwCP;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -34,11 +34,11 @@ class AlertGroup extends react_1.Component {
|
|
|
34
34
|
return appendTo || document.body;
|
|
35
35
|
}
|
|
36
36
|
render() {
|
|
37
|
-
const _a = this.props, { className, children, isToast, isLiveRegion, onOverflowClick, overflowMessage, 'aria-label': ariaLabel,
|
|
37
|
+
const _a = this.props, { className, children, hasAnimations = false, isToast, isLiveRegion, onOverflowClick, overflowMessage, 'aria-label': ariaLabel,
|
|
38
38
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
39
39
|
appendTo } = _a, // do not pass down to ul
|
|
40
|
-
props = tslib_1.__rest(_a, ["className", "children", "isToast", "isLiveRegion", "onOverflowClick", "overflowMessage", 'aria-label', "appendTo"]);
|
|
41
|
-
const alertGroup = ((0, jsx_runtime_1.jsx)(AlertGroupInline_1.AlertGroupInline, Object.assign({ onOverflowClick: onOverflowClick, className: className, isToast: isToast, isLiveRegion: isLiveRegion, overflowMessage: overflowMessage, "aria-label": ariaLabel }, props, { children: children })));
|
|
40
|
+
props = tslib_1.__rest(_a, ["className", "children", "hasAnimations", "isToast", "isLiveRegion", "onOverflowClick", "overflowMessage", 'aria-label', "appendTo"]);
|
|
41
|
+
const alertGroup = ((0, jsx_runtime_1.jsx)(AlertGroupInline_1.AlertGroupInline, Object.assign({ onOverflowClick: onOverflowClick, className: className, isToast: isToast, isLiveRegion: isLiveRegion, overflowMessage: overflowMessage, "aria-label": ariaLabel, hasAnimations: hasAnimations }, props, { children: children })));
|
|
42
42
|
if (!this.props.isToast) {
|
|
43
43
|
return alertGroup;
|
|
44
44
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AlertGroup.js","sourceRoot":"","sources":["../../../../src/components/Alert/AlertGroup.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAkC;AAClC,4DAAsC;AACtC,2CAA0C;AAC1C,yDAAsD;
|
|
1
|
+
{"version":3,"file":"AlertGroup.js","sourceRoot":"","sources":["../../../../src/components/Alert/AlertGroup.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAkC;AAClC,4DAAsC;AACtC,2CAA0C;AAC1C,yDAAsD;AA6BtD,MAAM,UAAW,SAAQ,iBAA2C;IAApE;;QAEE,UAAK,GAAG;YACN,SAAS,EAAE,SAAS;SACF,CAAC;IAgEvB,CAAC;IA9DC,iBAAiB;QACf,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAChD,MAAM,MAAM,GAAgB,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACpD,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC;QAC7B,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IAChC,CAAC;IAED,oBAAoB;QAClB,MAAM,MAAM,GAAgB,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACpD,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC;YACzB,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAC3C,CAAC;IACH,CAAC;IAED,gBAAgB;QACd,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;QACrC,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC;YACnC,OAAO,QAAQ,EAAE,CAAC;QACpB,CAAC;QACD,OAAO,QAAQ,IAAI,QAAQ,CAAC,IAAI,CAAC;IACnC,CAAC;IAED,MAAM;QACJ,MAAM,KAYF,IAAI,CAAC,KAAK,EAZR,EACJ,SAAS,EACT,QAAQ,EACR,aAAa,GAAG,KAAK,EACrB,OAAO,EACP,YAAY,EACZ,eAAe,EACf,eAAe,EACf,YAAY,EAAE,SAAS;QACvB,6DAA6D;QAC7D,QAAQ,OAEI,EAFF,yBAAyB;QAChC,KAAK,sBAXJ,qIAYL,CAAa,CAAC;QACf,MAAM,UAAU,GAAG,CACjB,uBAAC,mCAAgB,kBACf,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,eAAe,gBACpB,SAAS,EACrB,aAAa,EAAE,aAAa,IACxB,KAAK,cAER,QAAQ,IACQ,CACpB,CAAC;QACF,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;YACxB,OAAO,UAAU,CAAC;QACpB,CAAC;QAED,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;QAEvC,IAAI,CAAC,mBAAS,IAAI,CAAC,SAAS,EAAE,CAAC;YAC7B,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,QAAQ,CAAC,YAAY,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;IACtD,CAAC;;AAGM,gCAAU;AArEV,sBAAW,GAAG,YAAY,AAAf,CAAgB"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
interface AlertGroupContext {
|
|
3
|
+
hasAnimations?: boolean;
|
|
4
|
+
updateTransitionEnd?: (onTransitionEnd: () => void) => void;
|
|
5
|
+
}
|
|
6
|
+
export declare const AlertGroupContext: import("react").Context<AlertGroupContext>;
|
|
7
|
+
export {};
|
|
8
|
+
//# sourceMappingURL=AlertGroupContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertGroupContext.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/AlertGroupContext.tsx"],"names":[],"mappings":";AAEA,UAAU,iBAAiB;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mBAAmB,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;CAC7D;AAED,eAAO,MAAM,iBAAiB,4CAG5B,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.AlertGroupContext = void 0;
|
|
4
|
+
const react_1 = require("react");
|
|
5
|
+
exports.AlertGroupContext = (0, react_1.createContext)({
|
|
6
|
+
hasAnimations: false,
|
|
7
|
+
updateTransitionEnd: () => { }
|
|
8
|
+
});
|
|
9
|
+
//# sourceMappingURL=AlertGroupContext.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertGroupContext.js","sourceRoot":"","sources":["../../../../src/components/Alert/AlertGroupContext.tsx"],"names":[],"mappings":";;;AAAA,iCAAsC;AAOzB,QAAA,iBAAiB,GAAG,IAAA,qBAAa,EAAoB;IAChE,aAAa,EAAE,KAAK;IACpB,mBAAmB,EAAE,GAAG,EAAE,GAAE,CAAC;CAC9B,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AlertGroupInline.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/AlertGroupInline.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"AlertGroupInline.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/AlertGroupInline.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAI/C,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAgErE,CAAC"}
|