@patternfly/react-core 6.0.0-alpha.82 → 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 +6 -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 +8 -8
- 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/js/components/Page/Page.d.ts.map +1 -1
- package/dist/js/components/Page/Page.js +7 -7
- 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/umd/assets/{output-CJBOn_jY.css → output-ZK-DtcVp.css} +1672 -1672
- package/dist/umd/react-core.min.js +1 -1
- package/helpers/package.json +1 -1
- package/layouts/package.json +1 -1
- package/next/package.json +1 -1
- package/package.json +2 -2
- package/src/components/Page/Page.tsx +11 -21
- 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/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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/Page.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,
|
|
1
|
+
{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/Page.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,10 +8,12 @@ const react_styles_1 = require("@patternfly/react-styles");
|
|
|
8
8
|
const global_breakpoint_xl_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/global_breakpoint_xl'));
|
|
9
9
|
const util_1 = require("../../helpers/util");
|
|
10
10
|
const Drawer_1 = require("../Drawer");
|
|
11
|
+
const PageBreadcrumb_1 = require("./PageBreadcrumb");
|
|
11
12
|
const PageGroup_1 = require("./PageGroup");
|
|
12
13
|
const resizeObserver_1 = require("../../helpers/resizeObserver");
|
|
13
14
|
const util_2 = require("../../helpers/util");
|
|
14
15
|
const PageContext_1 = require("./PageContext");
|
|
16
|
+
const PageBody_1 = require("./PageBody");
|
|
15
17
|
var PageLayouts;
|
|
16
18
|
(function (PageLayouts) {
|
|
17
19
|
PageLayouts["vertical"] = "vertical";
|
|
@@ -122,14 +124,12 @@ class Page extends React.Component {
|
|
|
122
124
|
getVerticalBreakpoint
|
|
123
125
|
};
|
|
124
126
|
let nav = null;
|
|
125
|
-
if (horizontalSubnav
|
|
126
|
-
nav = (React.createElement("div", { className: (0, react_styles_1.css)(page_1.default.
|
|
127
|
-
React.createElement(
|
|
127
|
+
if (horizontalSubnav) {
|
|
128
|
+
nav = (React.createElement("div", { className: (0, react_styles_1.css)(page_1.default.pageMainSubnav, isHorizontalSubnavWidthLimited && page_1.default.modifiers.limitWidth) },
|
|
129
|
+
React.createElement(PageBody_1.PageBody, null, horizontalSubnav)));
|
|
128
130
|
}
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
}
|
|
132
|
-
const crumb = breadcrumb ? (React.createElement("section", { className: (0, react_styles_1.css)(page_1.default.pageMainBreadcrumb, isBreadcrumbWidthLimited && page_1.default.modifiers.limitWidth, (0, util_2.formatBreakpointMods)(breadcrumbProps === null || breadcrumbProps === void 0 ? void 0 : breadcrumbProps.stickyOnBreakpoint, page_1.default, 'sticky-', getVerticalBreakpoint(height), true)) }, isBreadcrumbWidthLimited ? React.createElement("div", { className: (0, react_styles_1.css)(page_1.default.pageMainBody) }, breadcrumb) : breadcrumb)) : null;
|
|
131
|
+
const crumb = breadcrumb ? (React.createElement(PageBreadcrumb_1.PageBreadcrumb, { stickyOnBreakpoint: breadcrumbProps === null || breadcrumbProps === void 0 ? void 0 : breadcrumbProps.stickyOnBreakpoint, isWidthLimited: isBreadcrumbWidthLimited },
|
|
132
|
+
React.createElement(PageBody_1.PageBody, null, breadcrumb))) : null;
|
|
133
133
|
const isGrouped = isHorizontalSubnavGrouped || isBreadcrumbGrouped || additionalGroupedContent;
|
|
134
134
|
const group = isGrouped ? (React.createElement(PageGroup_1.PageGroup, Object.assign({}, groupProps),
|
|
135
135
|
isHorizontalSubnavGrouped && nav,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../../src/components/Page/Page.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,qGAAuE;AACvE,2DAA+C;;AAE/C,6CAAyD;AACzD,sCAAyF;
|
|
1
|
+
{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../../src/components/Page/Page.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export interface PageBodyProps extends React.HTMLProps<HTMLDivElement> {
|
|
3
|
+
/** Content rendered inside the section */
|
|
4
|
+
children?: React.ReactNode;
|
|
5
|
+
/** Additional classes added to the section */
|
|
6
|
+
className?: string;
|
|
7
|
+
}
|
|
8
|
+
export declare const PageBody: React.FunctionComponent<PageBodyProps>;
|
|
9
|
+
//# sourceMappingURL=PageBody.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PageBody.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/PageBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACpE,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC,aAAa,CAI3D,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.PageBody = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const React = tslib_1.__importStar(require("react"));
|
|
6
|
+
const page_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Page/page"));
|
|
7
|
+
const react_styles_1 = require("@patternfly/react-styles");
|
|
8
|
+
const PageBody = (_a) => {
|
|
9
|
+
var { className, children } = _a, props = tslib_1.__rest(_a, ["className", "children"]);
|
|
10
|
+
return (React.createElement("div", Object.assign({}, props, { className: (0, react_styles_1.css)(page_1.default.pageMainBody, className) }), children));
|
|
11
|
+
};
|
|
12
|
+
exports.PageBody = PageBody;
|
|
13
|
+
exports.PageBody.displayName = 'PageBody';
|
|
14
|
+
//# sourceMappingURL=PageBody.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PageBody.js","sourceRoot":"","sources":["../../../../src/components/Page/PageBody.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,qGAAuE;AACvE,2DAA+C;AASxC,MAAM,QAAQ,GAA2C,CAAC,EAAgD,EAAE,EAAE;QAApD,EAAE,SAAS,EAAE,QAAQ,OAA2B,EAAtB,KAAK,sBAA/B,yBAAiC,CAAF;IAAsB,OAAA,CACpH,6CAAS,KAAK,IAAE,SAAS,EAAE,IAAA,kBAAG,EAAC,cAAM,CAAC,YAAY,EAAE,SAAS,CAAC,KAC3D,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AAJW,QAAA,QAAQ,YAInB;AAEF,gBAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}
|
|
@@ -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"}
|
|
@@ -7,8 +7,9 @@ const react_styles_1 = require("@patternfly/react-styles");
|
|
|
7
7
|
const page_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Page/page"));
|
|
8
8
|
const util_1 = require("../../helpers/util");
|
|
9
9
|
const PageContext_1 = require("./PageContext");
|
|
10
|
+
const PageBody_1 = require("./PageBody");
|
|
10
11
|
const PageBreadcrumb = (_a) => {
|
|
11
|
-
var { className = '', children, isWidthLimited, stickyOnBreakpoint, hasShadowTop = false, hasShadowBottom = false, hasOverflowScroll = false, 'aria-label': ariaLabel } = _a, props = tslib_1.__rest(_a, ["className", "children", "isWidthLimited", "stickyOnBreakpoint", "hasShadowTop", "hasShadowBottom", "hasOverflowScroll", 'aria-label']);
|
|
12
|
+
var { className = '', children, isWidthLimited, stickyOnBreakpoint, hasShadowTop = false, hasShadowBottom = false, hasOverflowScroll = false, 'aria-label': ariaLabel, hasBodyWrapper = true } = _a, props = tslib_1.__rest(_a, ["className", "children", "isWidthLimited", "stickyOnBreakpoint", "hasShadowTop", "hasShadowBottom", "hasOverflowScroll", 'aria-label', "hasBodyWrapper"]);
|
|
12
13
|
const { height, getVerticalBreakpoint } = React.useContext(PageContext_1.PageContext);
|
|
13
14
|
React.useEffect(() => {
|
|
14
15
|
if (hasOverflowScroll && !ariaLabel) {
|
|
@@ -16,9 +17,7 @@ const PageBreadcrumb = (_a) => {
|
|
|
16
17
|
console.warn('PageBreadcrumb: An accessible aria-label is required when hasOverflowScroll is set to true.');
|
|
17
18
|
}
|
|
18
19
|
}, [hasOverflowScroll, ariaLabel]);
|
|
19
|
-
return (React.createElement("section", Object.assign({ className: (0, react_styles_1.css)(page_1.default.pageMainBreadcrumb, (0, util_1.formatBreakpointMods)(stickyOnBreakpoint, page_1.default, 'sticky-', getVerticalBreakpoint(height), true), isWidthLimited && page_1.default.modifiers.limitWidth, hasShadowTop && page_1.default.modifiers.shadowTop, hasShadowBottom && page_1.default.modifiers.shadowBottom, hasOverflowScroll && page_1.default.modifiers.overflowScroll, className) }, (hasOverflowScroll && { tabIndex: 0 }), { "aria-label": ariaLabel }, props),
|
|
20
|
-
isWidthLimited && React.createElement("div", { className: (0, react_styles_1.css)(page_1.default.pageMainBody) }, children),
|
|
21
|
-
!isWidthLimited && children));
|
|
20
|
+
return (React.createElement("section", Object.assign({ className: (0, react_styles_1.css)(page_1.default.pageMainBreadcrumb, (0, util_1.formatBreakpointMods)(stickyOnBreakpoint, page_1.default, 'sticky-', getVerticalBreakpoint(height), true), isWidthLimited && page_1.default.modifiers.limitWidth, hasShadowTop && page_1.default.modifiers.shadowTop, hasShadowBottom && page_1.default.modifiers.shadowBottom, hasOverflowScroll && page_1.default.modifiers.overflowScroll, className) }, (hasOverflowScroll && { tabIndex: 0 }), { "aria-label": ariaLabel }, props), hasBodyWrapper ? React.createElement(PageBody_1.PageBody, null, children) : children));
|
|
22
21
|
};
|
|
23
22
|
exports.PageBreadcrumb = PageBreadcrumb;
|
|
24
23
|
exports.PageBreadcrumb.displayName = 'PageBreadcrumb';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageBreadcrumb.js","sourceRoot":"","sources":["../../../../src/components/Page/PageBreadcrumb.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,qGAAuE;AACvE,6CAAgE;AAChE,+CAA4C;
|
|
1
|
+
{"version":3,"file":"PageBreadcrumb.js","sourceRoot":"","sources":["../../../../src/components/Page/PageBreadcrumb.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,qGAAuE;AACvE,6CAAgE;AAChE,+CAA4C;AAC5C,yCAAsC;AAgC/B,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,sBAVqB,yJAW9B,CADS;IAER,MAAM,EAAE,MAAM,EAAE,qBAAqB,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,yBAAW,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,IAAA,kBAAG,EACZ,cAAM,CAAC,kBAAkB,EACzB,IAAA,2BAAoB,EAAC,kBAA0B,EAAE,cAAM,EAAE,SAAS,EAAE,qBAAqB,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,EACxG,cAAc,IAAI,cAAM,CAAC,SAAS,CAAC,UAAU,EAC7C,YAAY,IAAI,cAAM,CAAC,SAAS,CAAC,SAAS,EAC1C,eAAe,IAAI,cAAM,CAAC,SAAS,CAAC,YAAY,EAChD,iBAAiB,IAAI,cAAM,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,mBAAQ,QAAE,QAAQ,CAAY,CAAC,CAAC,CAAC,QAAQ,CACpD,CACX,CAAC;AACJ,CAAC,CAAC;AAvCW,QAAA,cAAc,kBAuCzB;AACF,sBAAc,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"}
|
|
@@ -7,6 +7,7 @@ const page_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/com
|
|
|
7
7
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
8
8
|
const util_1 = require("../../helpers/util");
|
|
9
9
|
const PageContext_1 = require("./PageContext");
|
|
10
|
+
const PageBody_1 = require("./PageBody");
|
|
10
11
|
var PageSectionVariants;
|
|
11
12
|
(function (PageSectionVariants) {
|
|
12
13
|
PageSectionVariants["default"] = "default";
|
|
@@ -15,7 +16,6 @@ var PageSectionVariants;
|
|
|
15
16
|
var PageSectionTypes;
|
|
16
17
|
(function (PageSectionTypes) {
|
|
17
18
|
PageSectionTypes["default"] = "default";
|
|
18
|
-
PageSectionTypes["nav"] = "nav";
|
|
19
19
|
PageSectionTypes["subNav"] = "subnav";
|
|
20
20
|
PageSectionTypes["breadcrumb"] = "breadcrumb";
|
|
21
21
|
PageSectionTypes["tabs"] = "tabs";
|
|
@@ -23,7 +23,6 @@ var PageSectionTypes;
|
|
|
23
23
|
})(PageSectionTypes || (exports.PageSectionTypes = PageSectionTypes = {}));
|
|
24
24
|
const variantType = {
|
|
25
25
|
[PageSectionTypes.default]: page_1.default.pageMainSection,
|
|
26
|
-
[PageSectionTypes.nav]: page_1.default.pageMainNav,
|
|
27
26
|
[PageSectionTypes.subNav]: page_1.default.pageMainSubnav,
|
|
28
27
|
[PageSectionTypes.breadcrumb]: page_1.default.pageMainBreadcrumb,
|
|
29
28
|
[PageSectionTypes.tabs]: page_1.default.pageMainTabs,
|
|
@@ -34,7 +33,7 @@ const variantStyle = {
|
|
|
34
33
|
[PageSectionVariants.secondary]: page_1.default.modifiers.secondary
|
|
35
34
|
};
|
|
36
35
|
const PageSection = (_a) => {
|
|
37
|
-
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 = tslib_1.__rest(_a, ["className", "children", "variant", "type", "padding", "isFilled", "isWidthLimited", "isCenterAligned", "stickyOnBreakpoint", "hasShadowTop", "hasShadowBottom", "hasOverflowScroll", 'aria-label', "component"]);
|
|
36
|
+
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 = tslib_1.__rest(_a, ["className", "children", "variant", "type", "padding", "isFilled", "isWidthLimited", "isCenterAligned", "stickyOnBreakpoint", "hasShadowTop", "hasShadowBottom", "hasOverflowScroll", 'aria-label', "component", "hasBodyWrapper"]);
|
|
38
37
|
const { height, getVerticalBreakpoint } = React.useContext(PageContext_1.PageContext);
|
|
39
38
|
React.useEffect(() => {
|
|
40
39
|
if (hasOverflowScroll && !ariaLabel) {
|
|
@@ -43,9 +42,7 @@ const PageSection = (_a) => {
|
|
|
43
42
|
}
|
|
44
43
|
}, [hasOverflowScroll, ariaLabel]);
|
|
45
44
|
const Component = component;
|
|
46
|
-
return (React.createElement(Component, Object.assign({}, props, { className: (0, react_styles_1.css)(variantType[type], (0, util_1.formatBreakpointMods)(padding, page_1.default), (0, util_1.formatBreakpointMods)(stickyOnBreakpoint, page_1.default, 'sticky-', getVerticalBreakpoint(height), true), type === PageSectionTypes.default && variantStyle[variant], isFilled === false && page_1.default.modifiers.noFill, isFilled === true && page_1.default.modifiers.fill, isWidthLimited && page_1.default.modifiers.limitWidth, isWidthLimited && isCenterAligned && type !== PageSectionTypes.subNav && page_1.default.modifiers.alignCenter, hasShadowTop && page_1.default.modifiers.shadowTop, hasShadowBottom && page_1.default.modifiers.shadowBottom, hasOverflowScroll && page_1.default.modifiers.overflowScroll, className) }, (hasOverflowScroll && { tabIndex: 0 }), { "aria-label": ariaLabel }),
|
|
47
|
-
isWidthLimited && React.createElement("div", { className: (0, react_styles_1.css)(page_1.default.pageMainBody) }, children),
|
|
48
|
-
!isWidthLimited && children));
|
|
45
|
+
return (React.createElement(Component, Object.assign({}, props, { className: (0, react_styles_1.css)(variantType[type], (0, util_1.formatBreakpointMods)(padding, page_1.default), (0, util_1.formatBreakpointMods)(stickyOnBreakpoint, page_1.default, 'sticky-', getVerticalBreakpoint(height), true), type === PageSectionTypes.default && variantStyle[variant], isFilled === false && page_1.default.modifiers.noFill, isFilled === true && page_1.default.modifiers.fill, isWidthLimited && page_1.default.modifiers.limitWidth, isWidthLimited && isCenterAligned && type !== PageSectionTypes.subNav && page_1.default.modifiers.alignCenter, hasShadowTop && page_1.default.modifiers.shadowTop, hasShadowBottom && page_1.default.modifiers.shadowBottom, hasOverflowScroll && page_1.default.modifiers.overflowScroll, className) }, (hasOverflowScroll && { tabIndex: 0 }), { "aria-label": ariaLabel }), hasBodyWrapper ? React.createElement(PageBody_1.PageBody, null, children) : children));
|
|
49
46
|
};
|
|
50
47
|
exports.PageSection = PageSection;
|
|
51
48
|
exports.PageSection.displayName = 'PageSection';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageSection.js","sourceRoot":"","sources":["../../../../src/components/Page/PageSection.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,qGAAuE;AACvE,2DAA+C;AAC/C,6CAA0D;AAC1D,+CAA4C;
|
|
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"}
|
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
const tslib_1 = require("tslib");
|
|
4
4
|
tslib_1.__exportStar(require("./Page"), exports);
|
|
5
|
+
tslib_1.__exportStar(require("./PageBody"), exports);
|
|
5
6
|
tslib_1.__exportStar(require("./PageBreadcrumb"), exports);
|
|
6
7
|
tslib_1.__exportStar(require("./PageGroup"), exports);
|
|
7
8
|
tslib_1.__exportStar(require("./PageSidebar"), exports);
|
|
8
9
|
tslib_1.__exportStar(require("./PageSidebarBody"), exports);
|
|
9
10
|
tslib_1.__exportStar(require("./PageSection"), exports);
|
|
10
|
-
tslib_1.__exportStar(require("./PageNavigation"), exports);
|
|
11
11
|
tslib_1.__exportStar(require("./PageToggleButton"), exports);
|
|
12
12
|
tslib_1.__exportStar(require("./PageContext"), exports);
|
|
13
13
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Page/index.ts"],"names":[],"mappings":";;;AAAA,iDAAuB;AACvB,2DAAiC;AACjC,sDAA4B;AAC5B,wDAA8B;AAC9B,4DAAkC;AAClC,wDAA8B;AAC9B,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Page/index.ts"],"names":[],"mappings":";;;AAAA,iDAAuB;AACvB,qDAA2B;AAC3B,2DAAiC;AACjC,sDAA4B;AAC5B,wDAA8B;AAC9B,4DAAkC;AAClC,wDAA8B;AAC9B,6DAAmC;AACnC,wDAA8B"}
|