@patternfly/react-core 6.0.0-alpha.81 → 6.0.0-alpha.83
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 +12 -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/Tile/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/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 +2 -2
- package/dist/esm/components/Page/Page.d.ts.map +1 -1
- package/dist/esm/components/Page/Page.js +9 -9
- package/dist/esm/components/Page/Page.js.map +1 -1
- package/dist/esm/components/Page/PageBody.d.ts +9 -0
- package/dist/esm/components/Page/PageBody.d.ts.map +1 -0
- package/dist/esm/components/Page/PageBody.js +10 -0
- package/dist/esm/components/Page/PageBody.js.map +1 -0
- package/dist/esm/components/Page/PageBreadcrumb.d.ts +5 -1
- package/dist/esm/components/Page/PageBreadcrumb.d.ts.map +1 -1
- package/dist/esm/components/Page/PageBreadcrumb.js +3 -4
- package/dist/esm/components/Page/PageBreadcrumb.js.map +1 -1
- package/dist/esm/components/Page/PageSection.d.ts +5 -2
- package/dist/esm/components/Page/PageSection.d.ts.map +1 -1
- package/dist/esm/components/Page/PageSection.js +3 -6
- package/dist/esm/components/Page/PageSection.js.map +1 -1
- package/dist/esm/components/Page/index.d.ts +1 -1
- package/dist/esm/components/Page/index.d.ts.map +1 -1
- package/dist/esm/components/Page/index.js +1 -1
- package/dist/esm/components/Page/index.js.map +1 -1
- package/dist/esm/components/Toolbar/Toolbar.d.ts +0 -2
- package/dist/esm/components/Toolbar/Toolbar.d.ts.map +1 -1
- package/dist/esm/components/Toolbar/Toolbar.js +2 -2
- package/dist/esm/components/Toolbar/Toolbar.js.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarContent.d.ts +0 -2
- 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 +12 -9
- package/dist/esm/components/Toolbar/ToolbarGroup.d.ts.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarGroup.js +6 -2
- package/dist/esm/components/Toolbar/ToolbarGroup.js.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarItem.d.ts +7 -7
- package/dist/esm/components/Toolbar/ToolbarItem.d.ts.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarLabelGroupContent.d.ts.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarLabelGroupContent.js +7 -5
- package/dist/esm/components/Toolbar/ToolbarLabelGroupContent.js.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarToggleGroup.d.ts +0 -8
- package/dist/esm/components/Toolbar/ToolbarToggleGroup.d.ts.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarToggleGroup.js +3 -2
- package/dist/esm/components/Toolbar/ToolbarToggleGroup.js.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarUtils.js +4 -4
- package/dist/esm/components/Toolbar/ToolbarUtils.js.map +1 -1
- package/dist/esm/demos/DashboardHeader.js +2 -2
- package/dist/esm/demos/DashboardHeader.js.map +1 -1
- package/dist/esm/helpers/constants.js +10 -10
- package/dist/esm/helpers/constants.js.map +1 -1
- package/dist/js/components/Page/Page.d.ts.map +1 -1
- package/dist/js/components/Page/Page.js +8 -8
- package/dist/js/components/Page/Page.js.map +1 -1
- package/dist/js/components/Page/PageBody.d.ts +9 -0
- package/dist/js/components/Page/PageBody.d.ts.map +1 -0
- package/dist/js/components/Page/PageBody.js +14 -0
- package/dist/js/components/Page/PageBody.js.map +1 -0
- package/dist/js/components/Page/PageBreadcrumb.d.ts +5 -1
- package/dist/js/components/Page/PageBreadcrumb.d.ts.map +1 -1
- package/dist/js/components/Page/PageBreadcrumb.js +3 -4
- package/dist/js/components/Page/PageBreadcrumb.js.map +1 -1
- package/dist/js/components/Page/PageSection.d.ts +5 -2
- package/dist/js/components/Page/PageSection.d.ts.map +1 -1
- package/dist/js/components/Page/PageSection.js +3 -6
- package/dist/js/components/Page/PageSection.js.map +1 -1
- package/dist/js/components/Page/index.d.ts +1 -1
- package/dist/js/components/Page/index.d.ts.map +1 -1
- package/dist/js/components/Page/index.js +1 -1
- package/dist/js/components/Page/index.js.map +1 -1
- package/dist/js/components/Toolbar/Toolbar.d.ts +0 -2
- package/dist/js/components/Toolbar/Toolbar.d.ts.map +1 -1
- package/dist/js/components/Toolbar/Toolbar.js +2 -2
- package/dist/js/components/Toolbar/Toolbar.js.map +1 -1
- package/dist/js/components/Toolbar/ToolbarContent.d.ts +0 -2
- 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 +12 -9
- package/dist/js/components/Toolbar/ToolbarGroup.d.ts.map +1 -1
- package/dist/js/components/Toolbar/ToolbarGroup.js +6 -2
- package/dist/js/components/Toolbar/ToolbarGroup.js.map +1 -1
- package/dist/js/components/Toolbar/ToolbarItem.d.ts +7 -7
- package/dist/js/components/Toolbar/ToolbarItem.d.ts.map +1 -1
- package/dist/js/components/Toolbar/ToolbarLabelGroupContent.d.ts.map +1 -1
- package/dist/js/components/Toolbar/ToolbarLabelGroupContent.js +7 -5
- package/dist/js/components/Toolbar/ToolbarLabelGroupContent.js.map +1 -1
- package/dist/js/components/Toolbar/ToolbarToggleGroup.d.ts +0 -8
- package/dist/js/components/Toolbar/ToolbarToggleGroup.d.ts.map +1 -1
- package/dist/js/components/Toolbar/ToolbarToggleGroup.js +3 -2
- package/dist/js/components/Toolbar/ToolbarToggleGroup.js.map +1 -1
- package/dist/js/components/Toolbar/ToolbarUtils.js +4 -4
- package/dist/js/components/Toolbar/ToolbarUtils.js.map +1 -1
- package/dist/js/demos/DashboardHeader.js +2 -2
- package/dist/js/demos/DashboardHeader.js.map +1 -1
- package/dist/js/helpers/constants.js +10 -10
- package/dist/js/helpers/constants.js.map +1 -1
- package/dist/styles/base-no-reset.css +62 -58
- package/dist/styles/base.css +62 -58
- package/dist/umd/assets/{output-Bz-Tlpbu.css → output-ZK-DtcVp.css} +910 -1090
- package/dist/umd/react-core.min.js +2 -2
- 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/Page/Page.tsx +12 -22
- package/src/components/Page/PageBody.tsx +18 -0
- package/src/components/Page/PageBreadcrumb.tsx +7 -2
- package/src/components/Page/PageSection.tsx +8 -5
- package/src/components/Page/__tests__/Page.test.tsx +11 -41
- package/src/components/Page/__tests__/PageBody.test.tsx +34 -0
- package/src/components/Page/__tests__/PageBreadcrumb.test.tsx +14 -1
- package/src/components/Page/__tests__/PageSection.test.tsx +15 -2
- package/src/components/Page/__tests__/__snapshots__/Page.test.tsx.snap +950 -973
- package/src/components/Page/__tests__/__snapshots__/PageBody.test.tsx.snap +11 -0
- package/src/components/Page/__tests__/__snapshots__/PageBreadcrumb.test.tsx.snap +30 -6
- package/src/components/Page/__tests__/__snapshots__/PageSection.test.tsx.snap +66 -14
- package/src/components/Page/examples/Page.md +2 -11
- package/src/components/Page/examples/PageGroupSection.tsx +19 -22
- package/src/components/Page/index.ts +1 -1
- package/src/components/Toolbar/Toolbar.tsx +0 -4
- package/src/components/Toolbar/ToolbarContent.tsx +1 -7
- package/src/components/Toolbar/ToolbarGroup.tsx +27 -10
- package/src/components/Toolbar/ToolbarItem.tsx +7 -7
- package/src/components/Toolbar/ToolbarLabelGroupContent.tsx +13 -11
- package/src/components/Toolbar/ToolbarToggleGroup.tsx +9 -11
- package/src/components/Toolbar/ToolbarUtils.tsx +4 -4
- package/src/components/Toolbar/__tests__/Toolbar.test.tsx +0 -19
- package/src/components/Toolbar/__tests__/__snapshots__/Toolbar.test.tsx.snap +30 -77
- package/src/components/Toolbar/examples/ToolbarCustomLabelGroupContent.tsx +1 -1
- package/src/components/Toolbar/examples/ToolbarGroups.tsx +2 -2
- package/src/components/Toolbar/examples/ToolbarInsets.tsx +23 -19
- package/src/components/Toolbar/examples/ToolbarSpacers.tsx +23 -19
- package/src/components/Toolbar/examples/ToolbarStacked.tsx +2 -2
- package/src/components/Toolbar/examples/ToolbarSticky.tsx +1 -1
- package/src/components/Toolbar/examples/ToolbarWithFilters.tsx +1 -1
- package/src/demos/DashboardHeader.tsx +2 -2
- package/src/demos/NotificationDrawer/examples/NotificationDrawerBasic.tsx +2 -2
- package/src/demos/NotificationDrawer/examples/NotificationDrawerGrouped.tsx +2 -2
- package/src/demos/RTL/examples/PaginatedTable.jsx +2 -2
- package/src/demos/RTL/examples/PaginatedTable.tsx +2 -2
- package/src/demos/examples/Masthead/MastheadWithHorizontalNav.tsx +2 -2
- package/src/demos/examples/Masthead/MastheadWithUtilitiesAndUserDropdownMenu.tsx +2 -2
- package/src/demos/examples/Nav/NavFlyout.tsx +2 -2
- package/src/demos/examples/Nav/NavHorizontal.tsx +2 -2
- package/src/demos/examples/Nav/NavHorizontalWithSubnav.tsx +2 -2
- package/src/demos/examples/Nav/NavManual.tsx +2 -2
- package/src/demos/examples/Page/PageContextSelector.tsx +2 -2
- package/src/demos/examples/Page/PageStickySectionBreadcrumb.tsx +2 -2
- package/src/demos/examples/Page/PageStickySectionGroup.tsx +2 -2
- package/src/demos/examples/Page/PageStickySectionGroupAlternate.tsx +2 -2
- package/src/demos/examples/PrimaryDetail/PrimaryDetailCardView.tsx +1 -1
- package/src/demos/examples/PrimaryDetail/PrimaryDetailContentPadding.tsx +1 -1
- package/src/demos/examples/PrimaryDetail/PrimaryDetailDataListInCard.tsx +1 -1
- package/src/demos/examples/PrimaryDetail/PrimaryDetailFullPage.tsx +1 -1
- package/src/demos/examples/PrimaryDetail/PrimaryDetailInlineModifier.tsx +1 -1
- package/src/demos/examples/Tabs/TabsAndTable.tsx +1 -1
- package/src/helpers/constants.ts +10 -10
- package/dist/esm/components/Page/PageNavigation.d.ts +0 -31
- package/dist/esm/components/Page/PageNavigation.d.ts.map +0 -1
- package/dist/esm/components/Page/PageNavigation.js +0 -21
- package/dist/esm/components/Page/PageNavigation.js.map +0 -1
- package/dist/js/components/Page/PageNavigation.d.ts +0 -31
- package/dist/js/components/Page/PageNavigation.d.ts.map +0 -1
- package/dist/js/components/Page/PageNavigation.js +0 -25
- package/dist/js/components/Page/PageNavigation.js.map +0 -1
- package/src/components/Page/PageNavigation.tsx +0 -72
- package/src/components/Page/__tests__/PageNavigation.test.tsx +0 -78
- package/src/components/Page/__tests__/__snapshots__/PageNavigation.test.tsx.snap +0 -77
|
@@ -21,11 +21,15 @@ export interface PageBreadcrumbProps extends React.HTMLProps<HTMLElement> {
|
|
|
21
21
|
hasShadowBottom?: boolean;
|
|
22
22
|
/** Flag indicating if the PageBreadcrumb has a scrolling overflow */
|
|
23
23
|
hasOverflowScroll?: boolean;
|
|
24
|
+
/** @beta Flag indicating whether children passed to the component should be wrapped by a PageBody.
|
|
25
|
+
* Set this to false in order to pass multiple, custom PageBody's as children.
|
|
26
|
+
*/
|
|
27
|
+
hasBodyWrapper?: boolean;
|
|
24
28
|
/** Adds an accessible name to the breadcrumb section. Required when the hasOverflowScroll prop is set to true. */
|
|
25
29
|
'aria-label'?: string;
|
|
26
30
|
}
|
|
27
31
|
export declare const PageBreadcrumb: {
|
|
28
|
-
({ className, children, isWidthLimited, stickyOnBreakpoint, hasShadowTop, hasShadowBottom, hasOverflowScroll, "aria-label": ariaLabel, ...props }: PageBreadcrumbProps): React.JSX.Element;
|
|
32
|
+
({ className, children, isWidthLimited, stickyOnBreakpoint, hasShadowTop, hasShadowBottom, hasOverflowScroll, "aria-label": ariaLabel, hasBodyWrapper, ...props }: PageBreadcrumbProps): React.JSX.Element;
|
|
29
33
|
displayName: string;
|
|
30
34
|
};
|
|
31
35
|
//# sourceMappingURL=PageBreadcrumb.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageBreadcrumb.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/PageBreadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"PageBreadcrumb.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/PageBreadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;IACvE,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yCAAyC;IACzC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sGAAsG;IACtG,kBAAkB,CAAC,EAAE;QACnB,OAAO,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QAC3B,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QACtB,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QACtB,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QACtB,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QACtB,KAAK,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;KAC1B,CAAC;IACF,wEAAwE;IACxE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,2EAA2E;IAC3E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,qEAAqE;IACrE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kHAAkH;IAClH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,cAAc;uKAWxB,mBAAmB;;CA4BrB,CAAC"}
|
|
@@ -4,8 +4,9 @@ import { css } from '@patternfly/react-styles';
|
|
|
4
4
|
import styles from '@patternfly/react-styles/css/components/Page/page.mjs';
|
|
5
5
|
import { formatBreakpointMods } from '../../helpers/util';
|
|
6
6
|
import { PageContext } from './PageContext';
|
|
7
|
+
import { PageBody } from './PageBody';
|
|
7
8
|
export const PageBreadcrumb = (_a) => {
|
|
8
|
-
var { className = '', children, isWidthLimited, stickyOnBreakpoint, hasShadowTop = false, hasShadowBottom = false, hasOverflowScroll = false, 'aria-label': ariaLabel } = _a, props = __rest(_a, ["className", "children", "isWidthLimited", "stickyOnBreakpoint", "hasShadowTop", "hasShadowBottom", "hasOverflowScroll", 'aria-label']);
|
|
9
|
+
var { className = '', children, isWidthLimited, stickyOnBreakpoint, hasShadowTop = false, hasShadowBottom = false, hasOverflowScroll = false, 'aria-label': ariaLabel, hasBodyWrapper = true } = _a, props = __rest(_a, ["className", "children", "isWidthLimited", "stickyOnBreakpoint", "hasShadowTop", "hasShadowBottom", "hasOverflowScroll", 'aria-label', "hasBodyWrapper"]);
|
|
9
10
|
const { height, getVerticalBreakpoint } = React.useContext(PageContext);
|
|
10
11
|
React.useEffect(() => {
|
|
11
12
|
if (hasOverflowScroll && !ariaLabel) {
|
|
@@ -13,9 +14,7 @@ export const PageBreadcrumb = (_a) => {
|
|
|
13
14
|
console.warn('PageBreadcrumb: An accessible aria-label is required when hasOverflowScroll is set to true.');
|
|
14
15
|
}
|
|
15
16
|
}, [hasOverflowScroll, ariaLabel]);
|
|
16
|
-
return (React.createElement("section", Object.assign({ className: css(styles.pageMainBreadcrumb, formatBreakpointMods(stickyOnBreakpoint, styles, 'sticky-', getVerticalBreakpoint(height), true), isWidthLimited && styles.modifiers.limitWidth, hasShadowTop && styles.modifiers.shadowTop, hasShadowBottom && styles.modifiers.shadowBottom, hasOverflowScroll && styles.modifiers.overflowScroll, className) }, (hasOverflowScroll && { tabIndex: 0 }), { "aria-label": ariaLabel }, props),
|
|
17
|
-
isWidthLimited && React.createElement("div", { className: css(styles.pageMainBody) }, children),
|
|
18
|
-
!isWidthLimited && children));
|
|
17
|
+
return (React.createElement("section", Object.assign({ className: css(styles.pageMainBreadcrumb, formatBreakpointMods(stickyOnBreakpoint, styles, 'sticky-', getVerticalBreakpoint(height), true), isWidthLimited && styles.modifiers.limitWidth, hasShadowTop && styles.modifiers.shadowTop, hasShadowBottom && styles.modifiers.shadowBottom, hasOverflowScroll && styles.modifiers.overflowScroll, className) }, (hasOverflowScroll && { tabIndex: 0 }), { "aria-label": ariaLabel }, props), hasBodyWrapper ? React.createElement(PageBody, null, children) : children));
|
|
19
18
|
};
|
|
20
19
|
PageBreadcrumb.displayName = 'PageBreadcrumb';
|
|
21
20
|
//# sourceMappingURL=PageBreadcrumb.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageBreadcrumb.js","sourceRoot":"","sources":["../../../../src/components/Page/PageBreadcrumb.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,8DAA0D;AACvE,OAAO,EAAE,oBAAoB,EAAQ,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"PageBreadcrumb.js","sourceRoot":"","sources":["../../../../src/components/Page/PageBreadcrumb.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,8DAA0D;AACvE,OAAO,EAAE,oBAAoB,EAAQ,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAgCtC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAWT,EAAE,EAAE;QAXK,EAC7B,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,cAAc,EACd,kBAAkB,EAClB,YAAY,GAAG,KAAK,EACpB,eAAe,GAAG,KAAK,EACvB,iBAAiB,GAAG,KAAK,EACzB,YAAY,EAAE,SAAS,EACvB,cAAc,GAAG,IAAI,OAED,EADjB,KAAK,cAVqB,yJAW9B,CADS;IAER,MAAM,EAAE,MAAM,EAAE,qBAAqB,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAExE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,iBAAiB,IAAI,CAAC,SAAS,EAAE,CAAC;YACpC,+BAA+B;YAC/B,OAAO,CAAC,IAAI,CAAC,6FAA6F,CAAC,CAAC;QAC9G,CAAC;IACH,CAAC,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC,CAAC;IAEnC,OAAO,CACL,+CACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,kBAAkB,EACzB,oBAAoB,CAAC,kBAA0B,EAAE,MAAM,EAAE,SAAS,EAAE,qBAAqB,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,EACxG,cAAc,IAAI,MAAM,CAAC,SAAS,CAAC,UAAU,EAC7C,YAAY,IAAI,MAAM,CAAC,SAAS,CAAC,SAAS,EAC1C,eAAe,IAAI,MAAM,CAAC,SAAS,CAAC,YAAY,EAChD,iBAAiB,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,EACpD,SAAS,CACV,IACG,CAAC,iBAAiB,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,kBAC9B,SAAS,IACjB,KAAK,GAER,cAAc,CAAC,CAAC,CAAC,oBAAC,QAAQ,QAAE,QAAQ,CAAY,CAAC,CAAC,CAAC,QAAQ,CACpD,CACX,CAAC;AACJ,CAAC,CAAC;AACF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
|
|
@@ -5,7 +5,6 @@ export declare enum PageSectionVariants {
|
|
|
5
5
|
}
|
|
6
6
|
export declare enum PageSectionTypes {
|
|
7
7
|
default = "default",
|
|
8
|
-
nav = "nav",
|
|
9
8
|
subNav = "subnav",
|
|
10
9
|
breadcrumb = "breadcrumb",
|
|
11
10
|
tabs = "tabs",
|
|
@@ -19,7 +18,7 @@ export interface PageSectionProps extends React.HTMLProps<HTMLDivElement> {
|
|
|
19
18
|
/** Section background color variant. This will only apply when the type prop has the "default" value. */
|
|
20
19
|
variant?: 'default' | 'secondary';
|
|
21
20
|
/** Section type variant */
|
|
22
|
-
type?: 'default' | '
|
|
21
|
+
type?: 'default' | 'subnav' | 'breadcrumb' | 'tabs' | 'wizard';
|
|
23
22
|
/** Enables the page section to fill the available vertical space */
|
|
24
23
|
isFilled?: boolean;
|
|
25
24
|
/** Limits the width of the section */
|
|
@@ -50,6 +49,10 @@ export interface PageSectionProps extends React.HTMLProps<HTMLDivElement> {
|
|
|
50
49
|
hasShadowBottom?: boolean;
|
|
51
50
|
/** Flag indicating if the PageSection has a scrolling overflow */
|
|
52
51
|
hasOverflowScroll?: boolean;
|
|
52
|
+
/** @beta Flag indicating whether children passed to the component should be wrapped by a PageBody.
|
|
53
|
+
* Set this to false in order to pass multiple, custom PageBody's as children.
|
|
54
|
+
*/
|
|
55
|
+
hasBodyWrapper?: boolean;
|
|
53
56
|
/** Adds an accessible name to the page section. Required when the hasOverflowScroll prop is set to true.
|
|
54
57
|
* This prop should also be passed in if a heading is not being used to describe the content of the page section.
|
|
55
58
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageSection.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/PageSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"PageSection.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/PageSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,oBAAY,mBAAmB;IAC7B,OAAO,YAAY;IACnB,SAAS,cAAc;CACxB;AAED,oBAAY,gBAAgB;IAC1B,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,UAAU,eAAe;IACzB,IAAI,SAAS;IACb,MAAM,WAAW;CAClB;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACvE,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yGAAyG;IACzG,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAClC,2BAA2B;IAC3B,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,YAAY,GAAG,MAAM,GAAG,QAAQ,CAAC;IAC/D,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sCAAsC;IACtC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,6GAA6G;IAC7G,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,sCAAsC;IACtC,OAAO,CAAC,EAAE;QACR,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;QAClC,EAAE,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;QAC7B,EAAE,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;QAC7B,EAAE,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;QAC7B,EAAE,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;QAC7B,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;KACjC,CAAC;IACF,sGAAsG;IACtG,kBAAkB,CAAC,EAAE;QACnB,OAAO,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QAC3B,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QACtB,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QACtB,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QACtB,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QACtB,KAAK,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;KAC1B,CAAC;IACF,yEAAyE;IACzE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,4EAA4E;IAC5E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kEAAkE;IAClE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAC;CACzC;AAeD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAoDjE,CAAC"}
|
|
@@ -4,6 +4,7 @@ import styles from '@patternfly/react-styles/css/components/Page/page.mjs';
|
|
|
4
4
|
import { css } from '@patternfly/react-styles';
|
|
5
5
|
import { formatBreakpointMods } from '../../helpers/util';
|
|
6
6
|
import { PageContext } from './PageContext';
|
|
7
|
+
import { PageBody } from './PageBody';
|
|
7
8
|
export var PageSectionVariants;
|
|
8
9
|
(function (PageSectionVariants) {
|
|
9
10
|
PageSectionVariants["default"] = "default";
|
|
@@ -12,7 +13,6 @@ export var PageSectionVariants;
|
|
|
12
13
|
export var PageSectionTypes;
|
|
13
14
|
(function (PageSectionTypes) {
|
|
14
15
|
PageSectionTypes["default"] = "default";
|
|
15
|
-
PageSectionTypes["nav"] = "nav";
|
|
16
16
|
PageSectionTypes["subNav"] = "subnav";
|
|
17
17
|
PageSectionTypes["breadcrumb"] = "breadcrumb";
|
|
18
18
|
PageSectionTypes["tabs"] = "tabs";
|
|
@@ -20,7 +20,6 @@ export var PageSectionTypes;
|
|
|
20
20
|
})(PageSectionTypes || (PageSectionTypes = {}));
|
|
21
21
|
const variantType = {
|
|
22
22
|
[PageSectionTypes.default]: styles.pageMainSection,
|
|
23
|
-
[PageSectionTypes.nav]: styles.pageMainNav,
|
|
24
23
|
[PageSectionTypes.subNav]: styles.pageMainSubnav,
|
|
25
24
|
[PageSectionTypes.breadcrumb]: styles.pageMainBreadcrumb,
|
|
26
25
|
[PageSectionTypes.tabs]: styles.pageMainTabs,
|
|
@@ -31,7 +30,7 @@ const variantStyle = {
|
|
|
31
30
|
[PageSectionVariants.secondary]: styles.modifiers.secondary
|
|
32
31
|
};
|
|
33
32
|
export const PageSection = (_a) => {
|
|
34
|
-
var { className = '', children, variant = 'default', type = 'default', padding, isFilled, isWidthLimited = false, isCenterAligned = false, stickyOnBreakpoint, hasShadowTop = false, hasShadowBottom = false, hasOverflowScroll = false, 'aria-label': ariaLabel, component = 'section' } = _a, props = __rest(_a, ["className", "children", "variant", "type", "padding", "isFilled", "isWidthLimited", "isCenterAligned", "stickyOnBreakpoint", "hasShadowTop", "hasShadowBottom", "hasOverflowScroll", 'aria-label', "component"]);
|
|
33
|
+
var { className = '', children, variant = 'default', type = 'default', padding, isFilled, isWidthLimited = false, isCenterAligned = false, stickyOnBreakpoint, hasShadowTop = false, hasShadowBottom = false, hasOverflowScroll = false, 'aria-label': ariaLabel, component = 'section', hasBodyWrapper = true } = _a, props = __rest(_a, ["className", "children", "variant", "type", "padding", "isFilled", "isWidthLimited", "isCenterAligned", "stickyOnBreakpoint", "hasShadowTop", "hasShadowBottom", "hasOverflowScroll", 'aria-label', "component", "hasBodyWrapper"]);
|
|
35
34
|
const { height, getVerticalBreakpoint } = React.useContext(PageContext);
|
|
36
35
|
React.useEffect(() => {
|
|
37
36
|
if (hasOverflowScroll && !ariaLabel) {
|
|
@@ -40,9 +39,7 @@ export const PageSection = (_a) => {
|
|
|
40
39
|
}
|
|
41
40
|
}, [hasOverflowScroll, ariaLabel]);
|
|
42
41
|
const Component = component;
|
|
43
|
-
return (React.createElement(Component, Object.assign({}, props, { className: css(variantType[type], formatBreakpointMods(padding, styles), formatBreakpointMods(stickyOnBreakpoint, styles, 'sticky-', getVerticalBreakpoint(height), true), type === PageSectionTypes.default && variantStyle[variant], isFilled === false && styles.modifiers.noFill, isFilled === true && styles.modifiers.fill, isWidthLimited && styles.modifiers.limitWidth, isWidthLimited && isCenterAligned && type !== PageSectionTypes.subNav && styles.modifiers.alignCenter, hasShadowTop && styles.modifiers.shadowTop, hasShadowBottom && styles.modifiers.shadowBottom, hasOverflowScroll && styles.modifiers.overflowScroll, className) }, (hasOverflowScroll && { tabIndex: 0 }), { "aria-label": ariaLabel }),
|
|
44
|
-
isWidthLimited && React.createElement("div", { className: css(styles.pageMainBody) }, children),
|
|
45
|
-
!isWidthLimited && children));
|
|
42
|
+
return (React.createElement(Component, Object.assign({}, props, { className: css(variantType[type], formatBreakpointMods(padding, styles), formatBreakpointMods(stickyOnBreakpoint, styles, 'sticky-', getVerticalBreakpoint(height), true), type === PageSectionTypes.default && variantStyle[variant], isFilled === false && styles.modifiers.noFill, isFilled === true && styles.modifiers.fill, isWidthLimited && styles.modifiers.limitWidth, isWidthLimited && isCenterAligned && type !== PageSectionTypes.subNav && styles.modifiers.alignCenter, hasShadowTop && styles.modifiers.shadowTop, hasShadowBottom && styles.modifiers.shadowBottom, hasOverflowScroll && styles.modifiers.overflowScroll, className) }, (hasOverflowScroll && { tabIndex: 0 }), { "aria-label": ariaLabel }), hasBodyWrapper ? React.createElement(PageBody, null, children) : children));
|
|
46
43
|
};
|
|
47
44
|
PageSection.displayName = 'PageSection';
|
|
48
45
|
//# sourceMappingURL=PageSection.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageSection.js","sourceRoot":"","sources":["../../../../src/components/Page/PageSection.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,8DAA0D;AACvE,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"PageSection.js","sourceRoot":"","sources":["../../../../src/components/Page/PageSection.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
export * from './Page';
|
|
2
|
+
export * from './PageBody';
|
|
2
3
|
export * from './PageBreadcrumb';
|
|
3
4
|
export * from './PageGroup';
|
|
4
5
|
export * from './PageSidebar';
|
|
5
6
|
export * from './PageSidebarBody';
|
|
6
7
|
export * from './PageSection';
|
|
7
|
-
export * from './PageNavigation';
|
|
8
8
|
export * from './PageToggleButton';
|
|
9
9
|
export * from './PageContext';
|
|
10
10
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
export * from './Page';
|
|
2
|
+
export * from './PageBody';
|
|
2
3
|
export * from './PageBreadcrumb';
|
|
3
4
|
export * from './PageGroup';
|
|
4
5
|
export * from './PageSidebar';
|
|
5
6
|
export * from './PageSidebarBody';
|
|
6
7
|
export * from './PageSection';
|
|
7
|
-
export * from './PageNavigation';
|
|
8
8
|
export * from './PageToggleButton';
|
|
9
9
|
export * from './PageContext';
|
|
10
10
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Page/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Page/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC"}
|
|
@@ -29,8 +29,6 @@ export interface ToolbarProps extends React.HTMLProps<HTMLDivElement>, OUIAProps
|
|
|
29
29
|
isFullHeight?: boolean;
|
|
30
30
|
/** Flag indicating the toolbar is static */
|
|
31
31
|
isStatic?: boolean;
|
|
32
|
-
/** Flag indicating the toolbar should use the Page insets */
|
|
33
|
-
usePageInsets?: boolean;
|
|
34
32
|
/** Flag indicating the toolbar should stick to the top of its container */
|
|
35
33
|
isSticky?: boolean;
|
|
36
34
|
/** Insets at various breakpoints. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAkC,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1E,oBAAY,mBAAmB;IAC7B,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,SAAS,cAAc;IACvB,YAAY,kBAAkB;CAC/B;AAED,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,SAAS;IAC9E,gEAAgE;IAChE,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,sDAAsD;IACtD,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,oOAAoO;IACpO,uBAAuB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1C,iGAAiG;IACjG,+BAA+B,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IACrE,sFAAsF;IACtF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iDAAiD;IACjD,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6BAA6B;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,2FAA2F;IAC3F,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,
|
|
1
|
+
{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/Toolbar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -50,13 +50,13 @@ class Toolbar extends React.Component {
|
|
|
50
50
|
};
|
|
51
51
|
this.getNumberOfFilters = () => Object.values(this.state.filterInfo).reduce((acc, cur) => acc + cur, 0);
|
|
52
52
|
this.renderToolbar = (randomId) => {
|
|
53
|
-
const _a = this.props, { clearAllFilters, clearFiltersButtonText, collapseListedFiltersBreakpoint, isExpanded: isExpandedProp, toggleIsExpanded, className, children, isFullHeight, isStatic, inset,
|
|
53
|
+
const _a = this.props, { clearAllFilters, clearFiltersButtonText, collapseListedFiltersBreakpoint, isExpanded: isExpandedProp, toggleIsExpanded, className, children, isFullHeight, isStatic, inset, isSticky, ouiaId, numberOfFiltersText, customLabelGroupContent, colorVariant = ToolbarColorVariant.default } = _a, props = __rest(_a, ["clearAllFilters", "clearFiltersButtonText", "collapseListedFiltersBreakpoint", "isExpanded", "toggleIsExpanded", "className", "children", "isFullHeight", "isStatic", "inset", "isSticky", "ouiaId", "numberOfFiltersText", "customLabelGroupContent", "colorVariant"]);
|
|
54
54
|
const { isManagedToggleExpanded } = this.state;
|
|
55
55
|
const isToggleManaged = this.isToggleManaged();
|
|
56
56
|
const isExpanded = isToggleManaged ? isManagedToggleExpanded : isExpandedProp;
|
|
57
57
|
const numberOfFilters = this.getNumberOfFilters();
|
|
58
58
|
const showClearFiltersButton = numberOfFilters > 0;
|
|
59
|
-
return (React.createElement(PageContext.Consumer, null, ({ width, getBreakpoint }) => (React.createElement("div", Object.assign({ className: css(styles.toolbar, isFullHeight && styles.modifiers.fullHeight, isStatic && styles.modifiers.static,
|
|
59
|
+
return (React.createElement(PageContext.Consumer, null, ({ width, getBreakpoint }) => (React.createElement("div", Object.assign({ className: css(styles.toolbar, isFullHeight && styles.modifiers.fullHeight, isStatic && styles.modifiers.static, isSticky && styles.modifiers.sticky, formatBreakpointMods(inset, styles, '', getBreakpoint(width)), colorVariant === 'primary' && styles.modifiers.primary, colorVariant === 'secondary' && styles.modifiers.secondary, colorVariant === 'no-background' && styles.modifiers.noBackground, className), id: randomId }, getOUIAProps(Toolbar.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId), props),
|
|
60
60
|
React.createElement(ToolbarContext.Provider, { value: {
|
|
61
61
|
isExpanded,
|
|
62
62
|
toggleIsExpanded: isToggleManaged ? this.toggleIsExpanded : toggleIsExpanded,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/Toolbar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,oEAAgE;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACjE,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAa,MAAM,eAAe,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,MAAM,CAAN,IAAY,mBAKX;AALD,WAAY,mBAAmB;IAC7B,0CAAmB,CAAA;IACnB,0CAAmB,CAAA;IACnB,8CAAuB,CAAA;IACvB,qDAA8B,CAAA;AAChC,CAAC,EALW,mBAAmB,KAAnB,mBAAmB,QAK9B;
|
|
1
|
+
{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/Toolbar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,oEAAgE;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACjE,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAa,MAAM,eAAe,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,MAAM,CAAN,IAAY,mBAKX;AALD,WAAY,mBAAmB;IAC7B,0CAAmB,CAAA;IACnB,0CAAmB,CAAA;IACnB,8CAAuB,CAAA;IACvB,qDAA8B,CAAA;AAChC,CAAC,EALW,mBAAmB,KAAnB,mBAAmB,QAK9B;AA6DD,MAAM,OAAQ,SAAQ,KAAK,CAAC,SAAqC;IAAjE;;QAEE,yBAAoB,GAAG,KAAK,CAAC,SAAS,EAAkB,CAAC;QACzD,qBAAgB,GAAG,EAAE,CAAC;QACtB,UAAK,GAAG;YACN,uBAAuB,EAAE,KAAK;YAC9B,UAAU,EAAE,EAAE;YACd,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI;YACjD,WAAW,EAAE,gBAAgB,CAAC,OAAO,CAAC,WAAW,CAAC;SACnD,CAAC;QAEF,oBAAe,GAAG,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC;QAElF,qBAAgB,GAAG,GAAG,EAAE;YACtB,IAAI,CAAC,QAAQ,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;gBAC5B,uBAAuB,EAAE,CAAC,SAAS,CAAC,uBAAuB;aAC5D,CAAC,CAAC,CAAC;QACN,CAAC,CAAC;QAEF,2BAAsB,GAAG,CAAC,CAAM,EAAE,EAAE;YAClC,IAAI,CAAC,CAAC,MAAM,CAAC,UAAU,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;gBACnD,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC;oBACnB,uBAAuB,EAAE,KAAK;oBAC9B,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,UAAU;iBACjC,CAAC,CAAC,CAAC;YACN,CAAC;QACH,CAAC,CAAC;QAcF,wBAAmB,GAAG,CAAC,YAAoB,EAAE,eAAuB,EAAE,EAAE;YACtE,MAAM,kBAAkB,qBAAoB,IAAI,CAAC,gBAAgB,CAAE,CAAC;YACpE,IAAI,CAAC,kBAAkB,CAAC,cAAc,CAAC,YAAY,CAAC,IAAI,kBAAkB,CAAC,YAAY,CAAC,KAAK,eAAe,EAAE,CAAC;gBAC7G,kBAAkB,CAAC,YAAY,CAAC,GAAG,eAAe,CAAC;gBACnD,IAAI,CAAC,gBAAgB,GAAG,kBAAkB,CAAC;gBAC3C,IAAI,CAAC,QAAQ,CAAC,EAAE,UAAU,EAAE,kBAAkB,EAAE,CAAC,CAAC;YACpD,CAAC;QACH,CAAC,CAAC;QAEF,uBAAkB,GAAG,GAAG,EAAE,CACxB,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC,GAAQ,EAAE,GAAQ,EAAE,EAAE,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC,CAAW,CAAC;QAE9F,kBAAa,GAAG,CAAC,QAAgB,EAAE,EAAE;YACnC,MAAM,KAiBF,IAAI,CAAC,KAAK,EAjBR,EACJ,eAAe,EACf,sBAAsB,EACtB,+BAA+B,EAC/B,UAAU,EAAE,cAAc,EAC1B,gBAAgB,EAChB,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,MAAM,EACN,mBAAmB,EACnB,uBAAuB,EACvB,YAAY,GAAG,mBAAmB,CAAC,OAAO,OAE9B,EADT,KAAK,cAhBJ,wQAiBL,CAAa,CAAC;YAEf,MAAM,EAAE,uBAAuB,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAE/C,MAAM,eAAe,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;YAC/C,MAAM,UAAU,GAAG,eAAe,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,cAAc,CAAC;YAC9E,MAAM,eAAe,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAClD,MAAM,sBAAsB,GAAG,eAAe,GAAG,CAAC,CAAC;YAEnD,OAAO,CACL,oBAAC,WAAW,CAAC,QAAQ,QAClB,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAC7B,2CACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,OAAO,EACd,YAAY,IAAI,MAAM,CAAC,SAAS,CAAC,UAAU,EAC3C,QAAQ,IAAI,MAAM,CAAC,SAAS,CAAC,MAAM,EACnC,QAAQ,IAAI,MAAM,CAAC,SAAS,CAAC,MAAM,EACnC,oBAAoB,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAC7D,YAAY,KAAK,SAAS,IAAI,MAAM,CAAC,SAAS,CAAC,OAAO,EACtD,YAAY,KAAK,WAAW,IAAI,MAAM,CAAC,SAAS,CAAC,SAAS,EAC1D,YAAY,KAAK,eAAe,IAAI,MAAM,CAAC,SAAS,CAAC,YAAY,EACjE,SAAS,CACV,EACD,EAAE,EAAE,QAAQ,IACR,YAAY,CAAC,OAAO,CAAC,WAAW,EAAE,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,EACzF,KAAK;gBAET,oBAAC,cAAc,CAAC,QAAQ,IACtB,KAAK,EAAE;wBACL,UAAU;wBACV,gBAAgB,EAAE,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB;wBAC5E,oBAAoB,EAAE,IAAI,CAAC,oBAAoB;wBAC/C,mBAAmB,EAAE,IAAI,CAAC,mBAAmB;wBAC7C,eAAe;wBACf,eAAe;wBACf,sBAAsB;wBACtB,sBAAsB;wBACtB,SAAS,EAAE,QAAQ;wBACnB,uBAAuB;qBACxB;oBAEA,QAAQ;oBACT,oBAAC,wBAAwB,IACvB,UAAU,EAAE,UAAU,EACtB,oBAAoB,EAAE,IAAI,CAAC,oBAAoB,EAC/C,eAAe,EAAE,eAAe,EAChC,sBAAsB,EAAE,sBAAsB,EAC9C,sBAAsB,EAAE,sBAAsB,EAC9C,eAAe,EAAE,eAAe,EAChC,mBAAmB,EAAE,mBAAmB,EACxC,+BAA+B,EAAE,+BAA+B,EAChE,uBAAuB,EAAE,uBAAuB,GAChD,CACsB,CACtB,CACP,CACoB,CACxB,CAAC;QACJ,CAAC,CAAC;IASJ,CAAC;IA9GC,iBAAiB;QACf,IAAI,IAAI,CAAC,eAAe,EAAE,IAAI,SAAS,EAAE,CAAC;YACxC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,sBAAsB,CAAC,CAAC;QACjE,CAAC;IACH,CAAC;IAED,oBAAoB;QAClB,IAAI,IAAI,CAAC,eAAe,EAAE,IAAI,SAAS,EAAE,CAAC;YACxC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,sBAAsB,CAAC,CAAC;QACpE,CAAC;IACH,CAAC;IA6FD,MAAM;QACJ,OAAO,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CACrB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAClC,CAAC,CAAC,CAAC,CACF,oBAAC,UAAU,QAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAc,CACtE,CAAC;IACJ,CAAC;;AAxIM,mBAAW,GAAG,SAAS,AAAZ,CAAa;AA2IjC,OAAO,EAAE,OAAO,EAAE,CAAC"}
|
|
@@ -10,8 +10,6 @@ export interface ToolbarContentProps extends React.HTMLProps<HTMLDivElement> {
|
|
|
10
10
|
xl?: 'hidden' | 'visible';
|
|
11
11
|
'2xl'?: 'hidden' | 'visible';
|
|
12
12
|
};
|
|
13
|
-
/** Vertical alignment. */
|
|
14
|
-
alignSelf?: 'start' | 'center' | 'baseline' | 'default';
|
|
15
13
|
/** Vertical alignment of children */
|
|
16
14
|
alignItems?: 'start' | 'center' | 'baseline' | 'default';
|
|
17
15
|
/** Content to be rendered as children of the content row */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,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,
|
|
1
|
+
{"version":3,"file":"ToolbarContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,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,KAAK,CAAC,SAAS,CAAC,mBAAmB,CAAC;IAC/D,MAAM,CAAC,WAAW,SAAoB;IACtC,OAAO,CAAC,oBAAoB,CAAqC;IACjE,OAAO,CAAC,iBAAiB,CAAqC;IAC9D,OAAO,CAAC,MAAM,CAAC,SAAS,CAAK;IAE7B,MAAM,CAAC,YAAY,EAAE,mBAAmB,CAGtC;IAEF,MAAM;CAoEP;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -12,7 +12,7 @@ class ToolbarContent extends React.Component {
|
|
|
12
12
|
this.labelContainerRef = React.createRef();
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
|
-
const _a = this.props, { className, children, isExpanded, toolbarId, visibility, alignItems, clearAllFilters, showClearFiltersButton, clearFiltersButtonText
|
|
15
|
+
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
16
|
return (React.createElement(PageContext.Consumer, null, ({ width, getBreakpoint }) => (React.createElement("div", Object.assign({ className: css(styles.toolbarContent, formatBreakpointMods(visibility, styles, '', getBreakpoint(width)), className), ref: this.expandableContentRef }, props),
|
|
17
17
|
React.createElement(ToolbarContext.Consumer, null, ({ clearAllFilters: clearAllFiltersContext, clearFiltersButtonText: clearFiltersButtonContext, showClearFiltersButton: showClearFiltersButtonContext, isExpanded: isExpandedContext, toolbarId: toolbarIdContext }) => {
|
|
18
18
|
const expandableContentId = `${toolbarId || toolbarIdContext}-expandable-content-${ToolbarContent.currentId++}`;
|
|
@@ -25,7 +25,7 @@ class ToolbarContent extends React.Component {
|
|
|
25
25
|
clearFiltersButtonText: clearFiltersButtonText || clearFiltersButtonContext,
|
|
26
26
|
showClearFiltersButton: showClearFiltersButton || showClearFiltersButtonContext
|
|
27
27
|
} },
|
|
28
|
-
React.createElement("div", { className: css(styles.toolbarContentSection, alignItems === 'center' && styles.modifiers.alignItemsCenter, alignItems === 'start' && styles.modifiers.alignItemsStart, alignItems === 'baseline' && styles.modifiers.alignItemsBaseline
|
|
28
|
+
React.createElement("div", { className: css(styles.toolbarContentSection, alignItems === 'center' && styles.modifiers.alignItemsCenter, alignItems === 'start' && styles.modifiers.alignItemsStart, alignItems === 'baseline' && styles.modifiers.alignItemsBaseline) }, children)));
|
|
29
29
|
})))));
|
|
30
30
|
}
|
|
31
31
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarContent.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarContent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,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,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,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;AA6BlD,MAAM,cAAe,SAAQ,KAAK,CAAC,SAA8B;IAAjE;;QAEU,yBAAoB,GAAG,KAAK,CAAC,SAAS,EAAkB,CAAC;QACzD,sBAAiB,GAAG,KAAK,CAAC,SAAS,EAAkB,CAAC;IA4EhE,CAAC;IApEC,MAAM;QACJ,MAAM,KAWF,IAAI,CAAC,KAAK,EAXR,EACJ,SAAS,EACT,QAAQ,EACR,UAAU,EACV,SAAS,EACT,UAAU,EACV,UAAU,EACV,eAAe,EACf,sBAAsB,EACtB,sBAAsB,OAEV,EADT,KAAK,cAVJ,uJAWL,CAAa,CAAC;QAEf,OAAO,CACL,oBAAC,WAAW,CAAC,QAAQ,QAClB,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAC7B,2CACE,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;YAET,oBAAC,cAAc,CAAC,QAAQ,QACrB,CAAC,EACA,eAAe,EAAE,sBAAsB,EACvC,sBAAsB,EAAE,yBAAyB,EACjD,sBAAsB,EAAE,6BAA6B,EACrD,UAAU,EAAE,iBAAiB,EAC7B,SAAS,EAAE,gBAAgB,EAC5B,EAAE,EAAE;gBACH,MAAM,mBAAmB,GAAG,GAC1B,SAAS,IAAI,gBACf,uBAAuB,cAAc,CAAC,SAAS,EAAE,EAAE,CAAC;gBACpD,OAAO,CACL,oBAAC,qBAAqB,CAAC,QAAQ,IAC7B,KAAK,EAAE;wBACL,oBAAoB,EAAE,IAAI,CAAC,oBAAoB;wBAC/C,mBAAmB;wBACnB,iBAAiB,EAAE,IAAI,CAAC,iBAAiB;wBACzC,UAAU,EAAE,UAAU,IAAI,iBAAiB;wBAC3C,eAAe,EAAE,eAAe,IAAI,sBAAsB;wBAC1D,sBAAsB,EAAE,sBAAsB,IAAI,yBAAyB;wBAC3E,sBAAsB,EAAE,sBAAsB,IAAI,6BAA6B;qBAChF;oBAED,6BACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,qBAAqB,EAC5B,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,IAEA,QAAQ,CACL,CACyB,CAClC,CAAC;YACJ,CAAC,CACuB,CACtB,CACP,CACoB,CACxB,CAAC;IACJ,CAAC;;AA7EM,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;AAwEJ,OAAO,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -1,13 +1,16 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
export declare enum ToolbarGroupVariant {
|
|
3
3
|
'filter-group' = "filter-group",
|
|
4
|
-
'
|
|
4
|
+
'action-group' = "action-group",
|
|
5
|
+
'action-group-inline' = "action-group-inline",
|
|
6
|
+
'action-group-plain' = "action-group-plain",
|
|
7
|
+
'label-group' = "label-group"
|
|
5
8
|
}
|
|
6
9
|
export interface ToolbarGroupProps extends Omit<React.HTMLProps<HTMLDivElement>, 'ref'> {
|
|
7
10
|
/** Classes applied to root element of the data toolbar group */
|
|
8
11
|
className?: string;
|
|
9
12
|
/** A type modifier which modifies spacing specifically depending on the type of group */
|
|
10
|
-
variant?: ToolbarGroupVariant | 'filter-group' | '
|
|
13
|
+
variant?: ToolbarGroupVariant | 'filter-group' | 'action-group' | 'action-group-inline' | 'action-group-plain' | 'label-group';
|
|
11
14
|
/** Visibility at various breakpoints. */
|
|
12
15
|
visibility?: {
|
|
13
16
|
default?: 'hidden' | 'visible';
|
|
@@ -18,16 +21,16 @@ export interface ToolbarGroupProps extends Omit<React.HTMLProps<HTMLDivElement>,
|
|
|
18
21
|
};
|
|
19
22
|
/** Applies to a child of a flex layout, and aligns that child (and any adjacent children on the other side of it) to one side of the main axis */
|
|
20
23
|
align?: {
|
|
21
|
-
default?: 'alignEnd' | 'alignStart';
|
|
22
|
-
md?: 'alignEnd' | 'alignStart';
|
|
23
|
-
lg?: 'alignEnd' | 'alignStart';
|
|
24
|
-
xl?: 'alignEnd' | 'alignStart';
|
|
25
|
-
'2xl'?: 'alignEnd' | 'alignStart';
|
|
24
|
+
default?: 'alignEnd' | 'alignStart' | 'alignCenter';
|
|
25
|
+
md?: 'alignEnd' | 'alignStart' | 'alignCenter';
|
|
26
|
+
lg?: 'alignEnd' | 'alignStart' | 'alignCenter';
|
|
27
|
+
xl?: 'alignEnd' | 'alignStart' | 'alignCenter';
|
|
28
|
+
'2xl'?: 'alignEnd' | 'alignStart' | 'alignCenter';
|
|
26
29
|
};
|
|
27
30
|
/** Vertical alignment of children */
|
|
28
|
-
alignItems?: 'start' | 'center' | 'baseline' | 'default';
|
|
31
|
+
alignItems?: 'start' | 'center' | 'baseline' | 'default' | 'end' | 'stretch';
|
|
29
32
|
/** Vertical alignment */
|
|
30
|
-
alignSelf?: 'start' | 'center' | 'baseline' | 'default';
|
|
33
|
+
alignSelf?: 'start' | 'center' | 'baseline' | 'default' | 'end' | 'stretch';
|
|
31
34
|
/** Sets both the column and row gap at various breakpoints. */
|
|
32
35
|
gap?: {
|
|
33
36
|
default?: 'gapNone' | 'gapXs' | 'gapSm' | 'gapMd' | 'gapLg' | 'gapXl' | 'gap_2xl' | 'gap_3xl' | 'gap_4xl';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,oBAAY,mBAAmB;IAC7B,cAAc,iBAAiB;IAC/B,
|
|
1
|
+
{"version":3,"file":"ToolbarGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarGroup.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,12 +7,16 @@ import { PageContext } from '../Page/PageContext';
|
|
|
7
7
|
export var ToolbarGroupVariant;
|
|
8
8
|
(function (ToolbarGroupVariant) {
|
|
9
9
|
ToolbarGroupVariant["filter-group"] = "filter-group";
|
|
10
|
-
ToolbarGroupVariant["
|
|
10
|
+
ToolbarGroupVariant["action-group"] = "action-group";
|
|
11
|
+
ToolbarGroupVariant["action-group-inline"] = "action-group-inline";
|
|
12
|
+
ToolbarGroupVariant["action-group-plain"] = "action-group-plain";
|
|
13
|
+
ToolbarGroupVariant["label-group"] = "label-group";
|
|
11
14
|
})(ToolbarGroupVariant || (ToolbarGroupVariant = {}));
|
|
12
15
|
class ToolbarGroupWithRef extends React.Component {
|
|
13
16
|
render() {
|
|
14
17
|
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"]);
|
|
15
|
-
return (React.createElement(PageContext.Consumer, null, ({ width, getBreakpoint }) => (React.createElement("div", Object.assign({ className: css(styles.toolbarGroup, variant &&
|
|
18
|
+
return (React.createElement(PageContext.Consumer, null, ({ width, getBreakpoint }) => (React.createElement("div", Object.assign({ className: css(styles.toolbarGroup, variant &&
|
|
19
|
+
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))));
|
|
16
20
|
}
|
|
17
21
|
}
|
|
18
22
|
export const ToolbarGroup = React.forwardRef((props, ref) => (React.createElement(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,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,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,
|
|
1
|
+
{"version":3,"file":"ToolbarGroup.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,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;AA2JD,MAAM,mBAAoB,SAAQ,KAAK,CAAC,SAA4B;IAClE,MAAM;QACJ,MAAM,KAcF,IAAI,CAAC,KAAK,EAdR,EACJ,UAAU,EACV,KAAK,EACL,UAAU,EACV,SAAS,EACT,GAAG,EACH,SAAS,EACT,MAAM,EACN,SAAS,EACT,OAAO,EACP,QAAQ,EACR,mBAAmB,EACnB,QAAQ,OAEI,EADT,KAAK,cAbJ,uJAcL,CAAa,CAAC;QAEf,OAAO,CACL,oBAAC,WAAW,CAAC,QAAQ,QAClB,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAC7B,2CACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,YAAY,EACnB,OAAO;gBACL,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,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,KAEZ,QAAQ,CACL,CACP,CACoB,CACxB,CAAC;IACJ,CAAC;CACF;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAwB,EAAE,GAAQ,EAAE,EAAE,CAAC,CACnF,oBAAC,mBAAmB,oBAAK,KAAK,IAAE,QAAQ,EAAE,GAAG,IAAI,CAClD,CAAC,CAAC"}
|
|
@@ -21,16 +21,16 @@ export interface ToolbarItemProps extends React.HTMLProps<HTMLDivElement> {
|
|
|
21
21
|
};
|
|
22
22
|
/** Applies to a child of a flex layout, and aligns that child (and any adjacent children on the other side of it) to one side of the main axis */
|
|
23
23
|
align?: {
|
|
24
|
-
default?: 'alignEnd' | 'alignStart';
|
|
25
|
-
md?: 'alignEnd' | 'alignStart';
|
|
26
|
-
lg?: 'alignEnd' | 'alignStart';
|
|
27
|
-
xl?: 'alignEnd' | 'alignStart';
|
|
28
|
-
'2xl'?: 'alignEnd' | 'alignStart';
|
|
24
|
+
default?: 'alignEnd' | 'alignStart' | 'alignCenter';
|
|
25
|
+
md?: 'alignEnd' | 'alignStart' | 'alignCenter';
|
|
26
|
+
lg?: 'alignEnd' | 'alignStart' | 'alignCenter';
|
|
27
|
+
xl?: 'alignEnd' | 'alignStart' | 'alignCenter';
|
|
28
|
+
'2xl'?: 'alignEnd' | 'alignStart' | 'alignCenter';
|
|
29
29
|
};
|
|
30
30
|
/** Vertical alignment of children */
|
|
31
|
-
alignItems?: 'start' | 'center' | 'baseline' | 'default';
|
|
31
|
+
alignItems?: 'start' | 'center' | 'baseline' | 'default' | 'end' | 'stretch';
|
|
32
32
|
/** Vertical alignment */
|
|
33
|
-
alignSelf?: 'start' | 'center' | 'baseline' | 'default';
|
|
33
|
+
alignSelf?: 'start' | 'center' | 'baseline' | 'default' | 'end' | 'stretch';
|
|
34
34
|
/** Sets both the column and row gap at various breakpoints. */
|
|
35
35
|
gap?: {
|
|
36
36
|
default?: 'gapNone' | 'gapXs' | 'gapSm' | 'gapMd' | 'gapLg' | 'gapXl' | 'gap_2xl' | 'gap_3xl' | 'gap_4xl';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,oBAAY,kBAAkB;IAC5B,SAAS,cAAc;IACvB,UAAU,eAAe;IACzB,KAAK,UAAU;IACf,aAAa,gBAAgB;IAC7B,YAAY,eAAe;CAC5B;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACvE,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wFAAwF;IACxF,OAAO,CAAC,EAAE,kBAAkB,GAAG,YAAY,GAAG,OAAO,GAAG,aAAa,GAAG,WAAW,GAAG,YAAY,CAAC;IACnG,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,kJAAkJ;IAClJ,KAAK,CAAC,EAAE;QACN,OAAO,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"ToolbarItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarLabelGroupContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarLabelGroupContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,MAAM,WAAW,6BAA8B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACpF,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sFAAsF;IACtF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yEAAyE;IACzE,oBAAoB,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACtC,gEAAgE;IAChE,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,0EAA0E;IAC1E,sBAAsB,EAAE,OAAO,CAAC;IAChC,sDAAsD;IACtD,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,0FAA0F;IAC1F,eAAe,EAAE,MAAM,CAAC;IACxB,2EAA2E;IAC3E,mBAAmB,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1D,iGAAiG;IACjG,+BAA+B,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IACrE,yNAAyN;IACzN,uBAAuB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3C;AAED,cAAM,wBAAyB,SAAQ,KAAK,CAAC,SAAS,CAAC,6BAA6B,CAAC;IACnF,MAAM,CAAC,WAAW,SAA8B;IAChD,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,6BAA6B,CAAC,CAI9D;IAEF,MAAM;
|
|
1
|
+
{"version":3,"file":"ToolbarLabelGroupContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarLabelGroupContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,MAAM,WAAW,6BAA8B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACpF,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sFAAsF;IACtF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yEAAyE;IACzE,oBAAoB,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACtC,gEAAgE;IAChE,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,0EAA0E;IAC1E,sBAAsB,EAAE,OAAO,CAAC;IAChC,sDAAsD;IACtD,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,0FAA0F;IAC1F,eAAe,EAAE,MAAM,CAAC;IACxB,2EAA2E;IAC3E,mBAAmB,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1D,iGAAiG;IACjG,+BAA+B,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IACrE,yNAAyN;IACzN,uBAAuB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3C;AAED,cAAM,wBAAyB,SAAQ,KAAK,CAAC,SAAS,CAAC,6BAA6B,CAAC;IACnF,MAAM,CAAC,WAAW,SAA8B;IAChD,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,6BAA6B,CAAC,CAI9D;IAEF,MAAM;CA2DP;AAED,OAAO,EAAE,wBAAwB,EAAE,CAAC"}
|
|
@@ -22,13 +22,15 @@ class ToolbarLabelGroupContent extends React.Component {
|
|
|
22
22
|
(canUseDOM ? window.innerWidth : 1200) < globalBreakpoints[collapseListedFiltersBreakpoint];
|
|
23
23
|
}
|
|
24
24
|
const isHidden = numberOfFilters === 0 || isExpanded;
|
|
25
|
+
const showNumberOfFilters = collapseListedFilters && numberOfFilters > 0 && !isExpanded;
|
|
26
|
+
const showDefaultClearFilter = showClearFiltersButton && !isExpanded && !customLabelGroupContent;
|
|
25
27
|
return (React.createElement("div", Object.assign({ className: css(styles.toolbarContent, isHidden && styles.modifiers.hidden, className) }, ((numberOfFilters === 0 || isExpanded) && { hidden: true }), { ref: labelGroupContentRef }, props),
|
|
26
28
|
React.createElement(ToolbarGroup, Object.assign({ className: css(collapseListedFilters && styles.modifiers.hidden) }, (collapseListedFilters && { hidden: true }), (collapseListedFilters && { 'aria-hidden': true }))),
|
|
27
|
-
|
|
28
|
-
React.createElement(ToolbarItem, null, numberOfFiltersText(numberOfFilters))
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
29
|
+
(showNumberOfFilters || showDefaultClearFilter || customLabelGroupContent) && (React.createElement(ToolbarGroup, { variant: "action-group-inline" },
|
|
30
|
+
showNumberOfFilters && React.createElement(ToolbarItem, null, numberOfFiltersText(numberOfFilters)),
|
|
31
|
+
showDefaultClearFilter && (React.createElement(ToolbarItem, null,
|
|
32
|
+
React.createElement(Button, { variant: "link", onClick: clearLabelGroups, isInline: true }, clearFiltersButtonText))),
|
|
33
|
+
customLabelGroupContent && customLabelGroupContent))));
|
|
32
34
|
}
|
|
33
35
|
}
|
|
34
36
|
ToolbarLabelGroupContent.displayName = 'ToolbarLabelGroupContent';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarLabelGroupContent.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarLabelGroupContent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,oEAAgE;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAG/C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AA0BnD,MAAM,wBAAyB,SAAQ,KAAK,CAAC,SAAwC;IAQnF,MAAM;QACJ,MAAM,KAYF,IAAI,CAAC,KAAK,EAZR,EACJ,SAAS,EACT,UAAU,EACV,oBAAoB,EACpB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,+BAA+B,EAC/B,eAAe,EACf,mBAAmB,EACnB,uBAAuB,OAEX,EADT,KAAK,cAXJ,kOAYL,CAAa,CAAC;QAEf,MAAM,gBAAgB,GAAG,GAAG,EAAE;YAC5B,eAAe,EAAE,CAAC;QACpB,CAAC,CAAC;QAEF,IAAI,qBAAqB,GAAG,KAAK,CAAC;QAClC,IAAI,+BAA+B,KAAK,KAAK,EAAE,CAAC;YAC9C,qBAAqB,GAAG,IAAI,CAAC;QAC/B,CAAC;aAAM,IAAI,SAAS,EAAE,CAAC;YACrB,qBAAqB;gBACnB,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,iBAAiB,CAAC,+BAA+B,CAAC,CAAC;QAChG,CAAC;QAED,MAAM,QAAQ,GAAG,eAAe,KAAK,CAAC,IAAI,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"ToolbarLabelGroupContent.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarLabelGroupContent.tsx"],"names":[],"mappings":"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"}
|
|
@@ -17,14 +17,6 @@ export interface ToolbarToggleGroupProps extends ToolbarGroupProps {
|
|
|
17
17
|
xl?: 'hidden' | 'visible';
|
|
18
18
|
'2xl'?: 'hidden' | 'visible';
|
|
19
19
|
};
|
|
20
|
-
/** Alignment at various breakpoints. */
|
|
21
|
-
alignment?: {
|
|
22
|
-
default?: 'alignEnd' | 'alignStart';
|
|
23
|
-
md?: 'alignEnd' | 'alignStart';
|
|
24
|
-
lg?: 'alignEnd' | 'alignStart';
|
|
25
|
-
xl?: 'alignEnd' | 'alignStart';
|
|
26
|
-
'2xl'?: 'alignEnd' | 'alignStart';
|
|
27
|
-
};
|
|
28
20
|
/** Sets both the column and row gap at various breakpoints. */
|
|
29
21
|
gap?: {
|
|
30
22
|
default?: 'gapNone' | 'gapXs' | 'gapSm' | 'gapMd' | 'gapLg' | 'gapXl' | 'gap_2xl' | 'gap_3xl' | 'gap_4xl';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarToggleGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarToggleGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAQnD,MAAM,WAAW,uBAAwB,SAAQ,iBAAiB;IAChE,2FAA2F;IAC3F,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mFAAmF;IACnF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC7C,sEAAsE;IACtE,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,4EAA4E;IAC5E,UAAU,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IACvC,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
|
|
1
|
+
{"version":3,"file":"ToolbarToggleGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarToggleGroup.tsx"],"names":[],"mappings":"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"}
|
|
@@ -21,7 +21,7 @@ class ToolbarToggleGroup extends React.Component {
|
|
|
21
21
|
};
|
|
22
22
|
}
|
|
23
23
|
render() {
|
|
24
|
-
const _a = this.props, { toggleIcon, variant, visibility, breakpoint,
|
|
24
|
+
const _a = this.props, { toggleIcon, variant, visibility, breakpoint, gap, columnGap, rowGap, className, children, isExpanded, onToggle, labelContainerRef, clearAllFilters, showClearFiltersButton, clearFiltersButtonText } = _a, props = __rest(_a, ["toggleIcon", "variant", "visibility", "breakpoint", "gap", "columnGap", "rowGap", "className", "children", "isExpanded", "onToggle", "labelContainerRef", "clearAllFilters", "showClearFiltersButton", "clearFiltersButtonText"]);
|
|
25
25
|
if (!breakpoint && !toggleIcon) {
|
|
26
26
|
// eslint-disable-next-line no-console
|
|
27
27
|
console.error('ToolbarToggleGroup will not be visible without a breakpoint or toggleIcon.');
|
|
@@ -36,7 +36,8 @@ class ToolbarToggleGroup extends React.Component {
|
|
|
36
36
|
const expandableContent = (React.createElement(ToolbarExpandableContent, { id: expandableContentId, expandableContentRef: this.expandableContentRef, isExpanded: _isExpanded, clearAllFilters: clearAllFilters || clearAllFiltersContext, showClearFiltersButton: showClearFiltersButton || showClearFiltersButtonContext, clearFiltersButtonText: clearFiltersButtonText || clearFiltersButtonContext, labelContainerRef: _labelContainerRef }, children));
|
|
37
37
|
const toggleButton = (React.createElement("div", { className: css(styles.toolbarToggle) },
|
|
38
38
|
React.createElement(Button, Object.assign({ variant: "plain", onClick: _onToggle, "aria-label": "Show Filters" }, (_isExpanded && { 'aria-expanded': true }), { "aria-haspopup": _isExpanded && this.isContentPopup(), "aria-controls": _isExpanded ? expandableContentId : undefined, ref: this.toggleRef, icon: toggleIcon }))));
|
|
39
|
-
return (React.createElement("div", Object.assign({ className: css(styles.toolbarGroup, styles.modifiers.toggleGroup, variant &&
|
|
39
|
+
return (React.createElement("div", Object.assign({ className: css(styles.toolbarGroup, styles.modifiers.toggleGroup, variant &&
|
|
40
|
+
styles.modifiers[toCamel(variant)], formatBreakpointMods(breakpointMod, styles, '', getBreakpoint(width)), formatBreakpointMods(visibility, styles, '', getBreakpoint(width)), formatBreakpointMods(gap, styles, '', getBreakpoint(width)), formatBreakpointMods(columnGap, styles, '', getBreakpoint(width)), formatBreakpointMods(rowGap, styles, '', getBreakpoint(width)), className) }, props),
|
|
40
41
|
toggleButton,
|
|
41
42
|
_isExpanded && ReactDOM.createPortal(expandableContent, expandableContentRef.current),
|
|
42
43
|
!_isExpanded && children));
|