@patternfly/react-core 4.228.1 → 4.230.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +30 -0
- package/dist/esm/components/ContextSelector/ContextSelector.d.ts +4 -2
- package/dist/esm/components/ContextSelector/ContextSelector.d.ts.map +1 -1
- package/dist/esm/components/ContextSelector/ContextSelector.js.map +1 -1
- package/dist/esm/components/ContextSelector/ContextSelectorToggle.d.ts +4 -2
- package/dist/esm/components/ContextSelector/ContextSelectorToggle.d.ts.map +1 -1
- package/dist/esm/components/ContextSelector/ContextSelectorToggle.js.map +1 -1
- package/dist/esm/components/DescriptionList/DescriptionList.d.ts +4 -0
- package/dist/esm/components/DescriptionList/DescriptionList.d.ts.map +1 -1
- package/dist/esm/components/DescriptionList/DescriptionList.js +5 -2
- package/dist/esm/components/DescriptionList/DescriptionList.js.map +1 -1
- package/dist/esm/components/DescriptionList/DescriptionListGroup.js.map +1 -1
- package/dist/esm/components/Page/Page.d.ts +13 -0
- package/dist/esm/components/Page/Page.d.ts.map +1 -1
- package/dist/esm/components/Page/Page.js +18 -19
- package/dist/esm/components/Page/Page.js.map +1 -1
- package/dist/esm/components/Page/PageBreadcrumb.d.ts +11 -2
- package/dist/esm/components/Page/PageBreadcrumb.d.ts.map +1 -1
- package/dist/esm/components/Page/PageBreadcrumb.js +5 -2
- package/dist/esm/components/Page/PageBreadcrumb.js.map +1 -1
- package/dist/esm/components/Page/PageGroup.d.ts +11 -2
- package/dist/esm/components/Page/PageGroup.d.ts.map +1 -1
- package/dist/esm/components/Page/PageGroup.js +5 -2
- package/dist/esm/components/Page/PageGroup.js.map +1 -1
- package/dist/esm/components/Page/PageNavigation.d.ts +11 -2
- package/dist/esm/components/Page/PageNavigation.d.ts.map +1 -1
- package/dist/esm/components/Page/PageNavigation.js +5 -2
- package/dist/esm/components/Page/PageNavigation.js.map +1 -1
- package/dist/esm/components/Page/PageSection.d.ts +10 -1
- package/dist/esm/components/Page/PageSection.d.ts.map +1 -1
- package/dist/esm/components/Page/PageSection.js +4 -2
- package/dist/esm/components/Page/PageSection.js.map +1 -1
- package/dist/esm/helpers/constants.d.ts +14 -0
- package/dist/esm/helpers/constants.d.ts.map +1 -1
- package/dist/esm/helpers/constants.js +24 -0
- package/dist/esm/helpers/constants.js.map +1 -1
- package/dist/esm/helpers/util.d.ts +8 -1
- package/dist/esm/helpers/util.d.ts.map +1 -1
- package/dist/esm/helpers/util.js +36 -9
- package/dist/esm/helpers/util.js.map +1 -1
- package/dist/js/components/ContextSelector/ContextSelector.d.ts +4 -2
- package/dist/js/components/ContextSelector/ContextSelector.d.ts.map +1 -1
- package/dist/js/components/ContextSelector/ContextSelector.js.map +1 -1
- package/dist/js/components/ContextSelector/ContextSelectorToggle.d.ts +4 -2
- package/dist/js/components/ContextSelector/ContextSelectorToggle.d.ts.map +1 -1
- package/dist/js/components/ContextSelector/ContextSelectorToggle.js.map +1 -1
- package/dist/js/components/DescriptionList/DescriptionList.d.ts +4 -0
- package/dist/js/components/DescriptionList/DescriptionList.d.ts.map +1 -1
- package/dist/js/components/DescriptionList/DescriptionList.js +5 -2
- package/dist/js/components/DescriptionList/DescriptionList.js.map +1 -1
- package/dist/js/components/DescriptionList/DescriptionListGroup.js.map +1 -1
- package/dist/js/components/Page/Page.d.ts +13 -0
- package/dist/js/components/Page/Page.d.ts.map +1 -1
- package/dist/js/components/Page/Page.js +17 -18
- package/dist/js/components/Page/Page.js.map +1 -1
- package/dist/js/components/Page/PageBreadcrumb.d.ts +11 -2
- package/dist/js/components/Page/PageBreadcrumb.d.ts.map +1 -1
- package/dist/js/components/Page/PageBreadcrumb.js +5 -2
- package/dist/js/components/Page/PageBreadcrumb.js.map +1 -1
- package/dist/js/components/Page/PageGroup.d.ts +11 -2
- package/dist/js/components/Page/PageGroup.d.ts.map +1 -1
- package/dist/js/components/Page/PageGroup.js +5 -2
- package/dist/js/components/Page/PageGroup.js.map +1 -1
- package/dist/js/components/Page/PageNavigation.d.ts +11 -2
- package/dist/js/components/Page/PageNavigation.d.ts.map +1 -1
- package/dist/js/components/Page/PageNavigation.js +5 -2
- package/dist/js/components/Page/PageNavigation.js.map +1 -1
- package/dist/js/components/Page/PageSection.d.ts +10 -1
- package/dist/js/components/Page/PageSection.d.ts.map +1 -1
- package/dist/js/components/Page/PageSection.js +4 -2
- package/dist/js/components/Page/PageSection.js.map +1 -1
- package/dist/js/helpers/constants.d.ts +14 -0
- package/dist/js/helpers/constants.d.ts.map +1 -1
- package/dist/js/helpers/constants.js +26 -1
- package/dist/js/helpers/constants.js.map +1 -1
- package/dist/js/helpers/util.d.ts +8 -1
- package/dist/js/helpers/util.d.ts.map +1 -1
- package/dist/js/helpers/util.js +37 -9
- package/dist/js/helpers/util.js.map +1 -1
- package/dist/umd/react-core.css +119 -69
- package/dist/umd/react-core.js +160 -67
- package/dist/umd/react-core.min.css +438 -388
- package/dist/umd/react-core.min.js +6 -5
- package/package.json +6 -6
- package/src/components/ContextSelector/ContextSelector.tsx +4 -2
- package/src/components/ContextSelector/ContextSelectorToggle.tsx +4 -2
- package/src/components/DescriptionList/DescriptionList.tsx +14 -0
- package/src/components/DescriptionList/DescriptionListGroup.tsx +1 -0
- package/src/components/DescriptionList/examples/DescriptionList.md +31 -1
- package/src/components/DescriptionList/examples/DescriptionListDisplaySizeAndCard.tsx +63 -0
- package/src/components/DescriptionList/examples/DescriptionListDisplaySizeAndCardHorizontalTermWidth.tsx +34 -0
- package/src/components/DescriptionList/examples/DescriptionListDisplaySizeAndCardThreeColumn.tsx +34 -0
- package/src/components/DescriptionList/examples/DescriptionListWithCard.tsx +62 -0
- package/src/components/DescriptionList/examples/DescriptionListWithDisplaySize.tsx +63 -0
- package/src/components/Page/Page.tsx +58 -21
- package/src/components/Page/PageBreadcrumb.tsx +37 -20
- package/src/components/Page/PageGroup.tsx +35 -19
- package/src/components/Page/PageNavigation.tsx +37 -20
- package/src/components/Page/PageSection.tsx +41 -25
- package/src/components/Page/__tests__/Page.test.tsx +126 -2
- package/src/components/Page/__tests__/__snapshots__/Page.test.tsx.snap +683 -14
- package/src/demos/Page/Page.md +356 -3
- package/src/helpers/constants.ts +28 -0
- package/src/helpers/util.ts +44 -9
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,36 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## 4.230.1 (2022-08-02)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @patternfly/react-core
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
# 4.230.0 (2022-08-01)
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
### Features
|
|
18
|
+
|
|
19
|
+
* **Page:** add support for vertical breakpoints, add sticky breadcrumb demo ([#7764](https://github.com/patternfly/patternfly-react/issues/7764)) ([9db582d](https://github.com/patternfly/patternfly-react/commit/9db582d63a3499fa78ea8fab3ce31b7877cd479d))
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
# 4.229.0 (2022-08-01)
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
### Features
|
|
29
|
+
|
|
30
|
+
* **DescriptionList:** add Display and Card variants ([#7713](https://github.com/patternfly/patternfly-react/issues/7713)) ([8c6e6d8](https://github.com/patternfly/patternfly-react/commit/8c6e6d83cdbe989d306c64f945aac206eac3ff91))
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
|
|
6
36
|
## 4.228.1 (2022-08-01)
|
|
7
37
|
|
|
8
38
|
|
|
@@ -24,8 +24,10 @@ export interface ContextSelectorProps extends Omit<ToggleMenuBaseProps, 'menuApp
|
|
|
24
24
|
isFullHeight?: boolean;
|
|
25
25
|
/** Labels the Context Selector for Screen Readers */
|
|
26
26
|
screenReaderLabel?: string;
|
|
27
|
-
/**
|
|
28
|
-
|
|
27
|
+
/** Component or string that will be used in the context selector.
|
|
28
|
+
* This prop is placed in a button, and cannot contain any interactive elements
|
|
29
|
+
*/
|
|
30
|
+
toggleText?: React.ReactNode;
|
|
29
31
|
/** Aria-label for the Context Selector Search Button */
|
|
30
32
|
searchButtonAriaLabel?: string;
|
|
31
33
|
/** Value in the Search field */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContextSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ContextSelector/ContextSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAElE,OAAO,EAAgB,SAAS,EAAoB,MAAM,eAAe,CAAC;AAE1E,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,cAAc,CAAC,EAAE,SAAS;IAChG,mDAAmD;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,sDAAsD;IACtD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;IACxD;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACvE,6EAA6E;IAC7E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qDAAqD;IACrD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B
|
|
1
|
+
{"version":3,"file":"ContextSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ContextSelector/ContextSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAElE,OAAO,EAAgB,SAAS,EAAoB,MAAM,eAAe,CAAC;AAE1E,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,cAAc,CAAC,EAAE,SAAS;IAChG,mDAAmD;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,sDAAsD;IACtD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;IACxD;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACvE,6EAA6E;IAC7E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qDAAqD;IACrD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,wDAAwD;IACxD,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,gCAAgC;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kEAAkE;IAClE,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,+BAA+B;IAC/B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,0DAA0D;IAC1D,mBAAmB,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAChF,qCAAqC;IACrC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mDAAmD;IACnD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iCAAiC;IACjC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iCAAiC;IACjC,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,qBAAa,eAAgB,SAAQ,KAAK,CAAC,SAAS,CAAC,oBAAoB,EAAE;IAAE,WAAW,EAAE,MAAM,CAAA;CAAE,CAAC;IACjG,MAAM,CAAC,WAAW,SAAqB;IACvC,MAAM,CAAC,YAAY,EAAE,oBAAoB,CAoBvC;gBACU,KAAK,EAAE,oBAAoB;IAOvC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAqB;IAC/D,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAqB;IAE/D,cAAc,UAAW,GAAG,UAI1B;IAEF,MAAM;CA+HP"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContextSelector.js","sourceRoot":"","sources":["../../../../src/components/ContextSelector/ContextSelector.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,0EAA0E,CAAC;AAC9F,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,UAAU,MAAM,oDAAoD,CAAC;AAC5E,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAa,gBAAgB,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"ContextSelector.js","sourceRoot":"","sources":["../../../../src/components/ContextSelector/ContextSelector.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,8 +5,10 @@ export interface ContextSelectorToggleProps {
|
|
|
5
5
|
id: string;
|
|
6
6
|
/** Classes applied to root element of toggle */
|
|
7
7
|
className?: string;
|
|
8
|
-
/**
|
|
9
|
-
|
|
8
|
+
/** Component or string that will be used in the context selector.
|
|
9
|
+
* This prop is placed in a button, and cannot contain any interactive elements
|
|
10
|
+
*/
|
|
11
|
+
toggleText?: React.ReactNode;
|
|
10
12
|
/** Flag to indicate if menu is opened */
|
|
11
13
|
isOpen?: boolean;
|
|
12
14
|
/** Callback called when toggle is clicked */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContextSelectorToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/ContextSelector/ContextSelectorToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,MAAM,WAAW,0BAA0B;IACzC,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB
|
|
1
|
+
{"version":3,"file":"ContextSelectorToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/ContextSelector/ContextSelectorToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,MAAM,WAAW,0BAA0B;IACzC,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,yCAAyC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iCAAiC;IACjC,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mDAAmD;IACnD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,qBAAa,qBAAsB,SAAQ,KAAK,CAAC,SAAS,CAAC,0BAA0B,CAAC;IACpF,MAAM,CAAC,WAAW,SAA2B;IAC7C,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,0BAA0B,CAAC,CAS3D;IAEF,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAqB;IAE/D,iBAAiB,aAIf;IAEF,oBAAoB,aAIlB;IAEF,UAAU,UAAW,GAAG,UAMtB;IAEF,UAAU,UAAW,GAAG,UAOtB;IAEF,SAAS,UAAW,GAAG,UAerB;IAEF,MAAM;CAwCP"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContextSelectorToggle.js","sourceRoot":"","sources":["../../../../src/components/ContextSelector/ContextSelectorToggle.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,aAAa,MAAM,wDAAwD,CAAC;AACnF,OAAO,MAAM,MAAM,0EAA0E,CAAC;AAC9F,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"ContextSelectorToggle.js","sourceRoot":"","sources":["../../../../src/components/ContextSelector/ContextSelectorToggle.tsx"],"names":[],"mappings":"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"}
|
|
@@ -25,6 +25,8 @@ export interface DescriptionListProps extends Omit<React.HTMLProps<HTMLDListElem
|
|
|
25
25
|
isFluid?: boolean;
|
|
26
26
|
/** Sets the the default placement of description list groups to fill from top to bottom. */
|
|
27
27
|
isFillColumns?: boolean;
|
|
28
|
+
/** Sets the display size of the descriptions in the description list.*/
|
|
29
|
+
displaySize?: 'lg' | '2xl';
|
|
28
30
|
/** Sets the number of columns on the description list at various breakpoints */
|
|
29
31
|
columnModifier?: {
|
|
30
32
|
default?: '1Col' | '2Col' | '3Col';
|
|
@@ -51,6 +53,8 @@ export interface DescriptionListProps extends Omit<React.HTMLProps<HTMLDListElem
|
|
|
51
53
|
xl?: string;
|
|
52
54
|
'2xl'?: string;
|
|
53
55
|
};
|
|
56
|
+
/** Sets the description list's term column width.*/
|
|
57
|
+
termWidth?: string;
|
|
54
58
|
/** Sets the horizontal description list's term column width at various breakpoints. */
|
|
55
59
|
horizontalTermWidthModifier?: {
|
|
56
60
|
default?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DescriptionList.d.ts","sourceRoot":"","sources":["../../../../src/components/DescriptionList/DescriptionList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,mBAAmB;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC3F,uDAAuD;IACvD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4FAA4F;IAC5F,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yDAAyD;IACzD,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,4DAA4D;IAC5D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gEAAgE;IAChE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4FAA4F;IAC5F,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gFAAgF;IAChF,cAAc,CAAC,EAAE;QACf,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;QACnC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;QAC9B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;QAC9B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;QAC9B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;QAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;KAClC,CAAC;IACF,gEAAgE;IAChE,WAAW,CAAC,EAAE;QACZ,EAAE,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;QAC/B,EAAE,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;QAC/B,EAAE,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;QAC/B,EAAE,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;QAC/B,KAAK,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;KACnC,CAAC;IACF,+FAA+F;IAC/F,kBAAkB,CAAC,EAAE;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,uFAAuF;IACvF,2BAA2B,CAAC,EAAE;QAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;CACH;AAWD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAC,oBAAoB,
|
|
1
|
+
{"version":3,"file":"DescriptionList.d.ts","sourceRoot":"","sources":["../../../../src/components/DescriptionList/DescriptionList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,mBAAmB;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC3F,uDAAuD;IACvD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4FAA4F;IAC5F,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yDAAyD;IACzD,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,4DAA4D;IAC5D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gEAAgE;IAChE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4FAA4F;IAC5F,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,wEAAwE;IACxE,WAAW,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC;IAC3B,gFAAgF;IAChF,cAAc,CAAC,EAAE;QACf,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;QACnC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;QAC9B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;QAC9B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;QAC9B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;QAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;KAClC,CAAC;IACF,gEAAgE;IAChE,WAAW,CAAC,EAAE;QACZ,EAAE,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;QAC/B,EAAE,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;QAC/B,EAAE,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;QAC/B,EAAE,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;QAC/B,KAAK,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;KACnC,CAAC;IACF,+FAA+F;IAC/F,kBAAkB,CAAC,EAAE;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uFAAuF;IACvF,2BAA2B,CAAC,EAAE;QAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;CACH;AAWD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAC,oBAAoB,CA6DzE,CAAC"}
|
|
@@ -8,14 +8,17 @@ const setBreakpointModifiers = (prefix, modifiers) => {
|
|
|
8
8
|
return Object.keys(mods || {}).reduce((acc, curr) => curr === 'default' ? Object.assign(Object.assign({}, acc), { [prefix]: mods[curr] }) : Object.assign(Object.assign({}, acc), { [`${prefix}-on-${curr}`]: mods[curr] }), {});
|
|
9
9
|
};
|
|
10
10
|
export const DescriptionList = (_a) => {
|
|
11
|
-
var { className = '', children = null, isHorizontal = false, isAutoColumnWidths, isAutoFit, isInlineGrid, isCompact, isFluid, isFillColumns, columnModifier, autoFitMinModifier, horizontalTermWidthModifier, orientation, style } = _a, props = __rest(_a, ["className", "children", "isHorizontal", "isAutoColumnWidths", "isAutoFit", "isInlineGrid", "isCompact", "isFluid", "isFillColumns", "columnModifier", "autoFitMinModifier", "horizontalTermWidthModifier", "orientation", "style"]);
|
|
11
|
+
var { className = '', children = null, isHorizontal = false, isAutoColumnWidths, isAutoFit, isInlineGrid, isCompact, isFluid, isFillColumns, displaySize, columnModifier, autoFitMinModifier, termWidth, horizontalTermWidthModifier, orientation, style } = _a, props = __rest(_a, ["className", "children", "isHorizontal", "isAutoColumnWidths", "isAutoFit", "isInlineGrid", "isCompact", "isFluid", "isFillColumns", "displaySize", "columnModifier", "autoFitMinModifier", "termWidth", "horizontalTermWidthModifier", "orientation", "style"]);
|
|
12
12
|
if (isAutoFit && autoFitMinModifier) {
|
|
13
13
|
style = Object.assign(Object.assign({}, style), setBreakpointModifiers('--pf-c-description-list--GridTemplateColumns--min', autoFitMinModifier));
|
|
14
14
|
}
|
|
15
|
+
if (termWidth) {
|
|
16
|
+
style = Object.assign(Object.assign({}, style), { '--pf-c-description-list__term--width': termWidth });
|
|
17
|
+
}
|
|
15
18
|
if (isHorizontal && horizontalTermWidthModifier) {
|
|
16
19
|
style = Object.assign(Object.assign({}, style), setBreakpointModifiers('--pf-c-description-list--m-horizontal__term--width', horizontalTermWidthModifier));
|
|
17
20
|
}
|
|
18
|
-
return (React.createElement("dl", Object.assign({ className: css(styles.descriptionList, (isHorizontal || isFluid) && styles.modifiers.horizontal, isAutoColumnWidths && styles.modifiers.autoColumnWidths, isAutoFit && styles.modifiers.autoFit, formatBreakpointMods(columnModifier, styles), formatBreakpointMods(orientation, styles), isInlineGrid && styles.modifiers.inlineGrid, isCompact && styles.modifiers.compact, isFluid && styles.modifiers.fluid, isFillColumns && styles.modifiers.fillColumns, className), style: style }, props), children));
|
|
21
|
+
return (React.createElement("dl", Object.assign({ className: css(styles.descriptionList, (isHorizontal || isFluid) && styles.modifiers.horizontal, isAutoColumnWidths && styles.modifiers.autoColumnWidths, isAutoFit && styles.modifiers.autoFit, formatBreakpointMods(columnModifier, styles), formatBreakpointMods(orientation, styles), isInlineGrid && styles.modifiers.inlineGrid, isCompact && styles.modifiers.compact, isFluid && styles.modifiers.fluid, isFillColumns && styles.modifiers.fillColumns, displaySize === 'lg' && styles.modifiers.displayLg, displaySize === '2xl' && styles.modifiers.display_2xl, className), style: style }, props), children));
|
|
19
22
|
};
|
|
20
23
|
DescriptionList.displayName = 'DescriptionList';
|
|
21
24
|
//# sourceMappingURL=DescriptionList.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DescriptionList.js","sourceRoot":"","sources":["../../../../src/components/DescriptionList/DescriptionList.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,0EAA0E,CAAC;AAC9F,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"DescriptionList.js","sourceRoot":"","sources":["../../../../src/components/DescriptionList/DescriptionList.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,0EAA0E,CAAC;AAC9F,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAsErD,MAAM,sBAAsB,GAAG,CAAC,MAAc,EAAE,SAA8B,EAAE,EAAE;IAChF,MAAM,IAAI,GAAG,SAA6C,CAAC;IAC3D,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,MAAM,CACnC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CACZ,IAAI,KAAK,SAAS,CAAC,CAAC,iCAAM,GAAG,KAAE,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,IAAG,CAAC,iCAAM,GAAG,KAAE,CAAC,GAAG,MAAM,OAAO,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,GAAE,EAC1G,EAAE,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAkD,CAAC,EAkBxD,EAAE,EAAE;QAlBoD,EAC7E,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,IAAI,EACf,YAAY,GAAG,KAAK,EACpB,kBAAkB,EAClB,SAAS,EACT,YAAY,EACZ,SAAS,EACT,OAAO,EACP,aAAa,EACb,WAAW,EACX,cAAc,EACd,kBAAkB,EAClB,SAAS,EACT,2BAA2B,EAC3B,WAAW,EACX,KAAK,OAEgB,EADlB,KAAK,cAjBqE,gQAkB9E,CADS;IAER,IAAI,SAAS,IAAI,kBAAkB,EAAE;QACnC,KAAK,mCACA,KAAK,GACL,sBAAsB,CAAC,mDAAmD,EAAE,kBAAkB,CAAC,CACnG,CAAC;KACH;IACD,IAAI,SAAS,EAAE;QACb,KAAK,mCACA,KAAK,GACL,EAAE,sCAAsC,EAAE,SAAS,EAAE,CACzD,CAAC;KACH;IACD,IAAI,YAAY,IAAI,2BAA2B,EAAE;QAC/C,KAAK,mCACA,KAAK,GACL,sBAAsB,CAAC,oDAAoD,EAAE,2BAA2B,CAAC,CAC7G,CAAC;KACH;IAED,OAAO,CACL,0CACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,eAAe,EACtB,CAAC,YAAY,IAAI,OAAO,CAAC,IAAI,MAAM,CAAC,SAAS,CAAC,UAAU,EACxD,kBAAkB,IAAI,MAAM,CAAC,SAAS,CAAC,gBAAgB,EACvD,SAAS,IAAI,MAAM,CAAC,SAAS,CAAC,OAAO,EACrC,oBAAoB,CAAC,cAAc,EAAE,MAAM,CAAC,EAC5C,oBAAoB,CAAC,WAAW,EAAE,MAAM,CAAC,EACzC,YAAY,IAAI,MAAM,CAAC,SAAS,CAAC,UAAU,EAC3C,SAAS,IAAI,MAAM,CAAC,SAAS,CAAC,OAAO,EACrC,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,KAAK,EACjC,aAAa,IAAI,MAAM,CAAC,SAAS,CAAC,WAAW,EAC7C,WAAW,KAAK,IAAI,IAAI,MAAM,CAAC,SAAS,CAAC,SAAS,EAClD,WAAW,KAAK,KAAK,IAAI,MAAM,CAAC,SAAS,CAAC,WAAW,EACrD,SAAS,CACV,EACD,KAAK,EAAE,KAAK,IACR,KAAK,GAER,QAAQ,CACN,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DescriptionListGroup.js","sourceRoot":"","sources":["../../../../src/components/DescriptionList/DescriptionListGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,0EAA0E,CAAC;AAC9F,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAS/C,MAAM,CAAC,MAAM,oBAAoB,GAAuD,CAAC,EAI7D,EAAE,EAAE;QAJyD,EACvF,SAAS,EACT,QAAQ,OAEkB,EADvB,KAAK,cAH+E,yBAIxF,CADS;IACuB,OAAA,CAC/B,2CAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,oBAAoB,EAAE,SAAS,CAAC,IAAM,KAAK,GACnE,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;
|
|
1
|
+
{"version":3,"file":"DescriptionListGroup.js","sourceRoot":"","sources":["../../../../src/components/DescriptionList/DescriptionListGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,0EAA0E,CAAC;AAC9F,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAS/C,MAAM,CAAC,MAAM,oBAAoB,GAAuD,CAAC,EAI7D,EAAE,EAAE;QAJyD,EACvF,SAAS,EACT,QAAQ,OAEkB,EADvB,KAAK,cAH+E,yBAIxF,CADS;IACuB,OAAA,CAC/B,2CAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,oBAAoB,EAAE,SAAS,CAAC,IAAM,KAAK,GACnE,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AAEF,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
+
import { PageBreadcrumbProps } from './PageBreadcrumb';
|
|
2
3
|
import { PageGroupProps } from './PageGroup';
|
|
3
4
|
export declare enum PageLayouts {
|
|
4
5
|
vertical = "vertical",
|
|
@@ -9,7 +10,9 @@ export interface PageContextProps {
|
|
|
9
10
|
onNavToggle: () => void;
|
|
10
11
|
isNavOpen: boolean;
|
|
11
12
|
width: number;
|
|
13
|
+
height: number;
|
|
12
14
|
getBreakpoint: (width: number | null) => 'default' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
15
|
+
getVerticalBreakpoint: (height: number | null) => 'default' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
13
16
|
}
|
|
14
17
|
export declare const pageContextDefaults: PageContextProps;
|
|
15
18
|
export declare const PageContext: React.Context<PageContextProps>;
|
|
@@ -63,6 +66,13 @@ export interface PageProps extends React.HTMLProps<HTMLDivElement> {
|
|
|
63
66
|
* https://github.com/patternfly/patternfly-react/blob/main/packages/react-core/src/helpers/util.ts
|
|
64
67
|
*/
|
|
65
68
|
getBreakpoint?: (width: number | null) => 'default' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
69
|
+
/**
|
|
70
|
+
* The page resize observer uses the breakpoints returned from this function when adding the pf-m-breakpoint-[default|sm|md|lg|xl|2xl] class
|
|
71
|
+
* You can override the default getVerticalBreakpoint function to return breakpoints at different sizes than the default
|
|
72
|
+
* You can view the default getVerticalBreakpoint function here:
|
|
73
|
+
* https://github.com/patternfly/patternfly-react/blob/main/packages/react-core/src/helpers/util.ts
|
|
74
|
+
*/
|
|
75
|
+
getVerticalBreakpoint?: (height: number | null) => 'default' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
66
76
|
/** Breadcrumb component for the page */
|
|
67
77
|
breadcrumb?: React.ReactNode;
|
|
68
78
|
/** Tertiary nav component for the page */
|
|
@@ -77,12 +87,15 @@ export interface PageProps extends React.HTMLProps<HTMLDivElement> {
|
|
|
77
87
|
additionalGroupedContent?: React.ReactNode;
|
|
78
88
|
/** Additional props of the group */
|
|
79
89
|
groupProps?: PageGroupProps;
|
|
90
|
+
/** Additional props of the breadcrumb */
|
|
91
|
+
breadcrumbProps?: PageBreadcrumbProps;
|
|
80
92
|
}
|
|
81
93
|
export interface PageState {
|
|
82
94
|
desktopIsNavOpen: boolean;
|
|
83
95
|
mobileIsNavOpen: boolean;
|
|
84
96
|
mobileView: boolean;
|
|
85
97
|
width: number;
|
|
98
|
+
height: number;
|
|
86
99
|
}
|
|
87
100
|
export declare class Page extends React.Component<PageProps, PageState> {
|
|
88
101
|
static displayName: string;
|
|
@@ -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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"}
|
|
@@ -5,9 +5,8 @@ import { css } from '@patternfly/react-styles';
|
|
|
5
5
|
import globalBreakpointXl from '@patternfly/react-tokens/dist/esm/global_breakpoint_xl';
|
|
6
6
|
import { debounce, canUseDOM } from '../../helpers/util';
|
|
7
7
|
import { Drawer, DrawerContent, DrawerContentBody, DrawerPanelContent } from '../Drawer';
|
|
8
|
-
import { PageGroup } from './PageGroup';
|
|
9
8
|
import { getResizeObserver } from '../../helpers/resizeObserver';
|
|
10
|
-
import { getBreakpoint } from '../../helpers/util';
|
|
9
|
+
import { formatBreakpointMods, getBreakpoint, getVerticalBreakpoint } from '../../helpers/util';
|
|
11
10
|
export var PageLayouts;
|
|
12
11
|
(function (PageLayouts) {
|
|
13
12
|
PageLayouts["vertical"] = "vertical";
|
|
@@ -18,7 +17,9 @@ export const pageContextDefaults = {
|
|
|
18
17
|
isNavOpen: false,
|
|
19
18
|
onNavToggle: () => null,
|
|
20
19
|
width: null,
|
|
21
|
-
|
|
20
|
+
height: null,
|
|
21
|
+
getBreakpoint,
|
|
22
|
+
getVerticalBreakpoint
|
|
22
23
|
};
|
|
23
24
|
export const PageContext = React.createContext(pageContextDefaults);
|
|
24
25
|
export const PageContextProvider = PageContext.Provider;
|
|
@@ -49,7 +50,8 @@ export class Page extends React.Component {
|
|
|
49
50
|
if (mobileView !== this.state.mobileView) {
|
|
50
51
|
this.setState({ mobileView });
|
|
51
52
|
}
|
|
52
|
-
this.pageRef.current &&
|
|
53
|
+
this.pageRef.current &&
|
|
54
|
+
this.setState({ width: this.pageRef.current.clientWidth, height: this.pageRef.current.clientHeight });
|
|
53
55
|
};
|
|
54
56
|
this.handleResize = debounce(this.resize, 250);
|
|
55
57
|
this.handleMainClick = () => {
|
|
@@ -73,7 +75,8 @@ export class Page extends React.Component {
|
|
|
73
75
|
desktopIsNavOpen: managedSidebarOpen,
|
|
74
76
|
mobileIsNavOpen: false,
|
|
75
77
|
mobileView: false,
|
|
76
|
-
width: null
|
|
78
|
+
width: null,
|
|
79
|
+
height: null
|
|
77
80
|
};
|
|
78
81
|
}
|
|
79
82
|
componentDidMount() {
|
|
@@ -105,14 +108,16 @@ export class Page extends React.Component {
|
|
|
105
108
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
106
109
|
defaultManagedSidebarIsOpen,
|
|
107
110
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
108
|
-
onPageResize, getBreakpoint, mainAriaLabel, mainTabIndex, tertiaryNav, isTertiaryNavGrouped, isBreadcrumbGrouped, additionalGroupedContent, groupProps } = _a, rest = __rest(_a, ["breadcrumb", "isBreadcrumbWidthLimited", "className", "children", "header", "sidebar", "notificationDrawer", "isNotificationDrawerExpanded", "onNotificationDrawerExpand", "isTertiaryNavWidthLimited", "skipToContent", "role", "mainContainerId", "isManagedSidebar", "defaultManagedSidebarIsOpen", "onPageResize", "getBreakpoint", "mainAriaLabel", "mainTabIndex", "tertiaryNav", "isTertiaryNavGrouped", "isBreadcrumbGrouped", "additionalGroupedContent", "groupProps"]);
|
|
109
|
-
const { mobileView, mobileIsNavOpen, desktopIsNavOpen, width } = this.state;
|
|
111
|
+
onPageResize, getBreakpoint, getVerticalBreakpoint, mainAriaLabel, mainTabIndex, tertiaryNav, isTertiaryNavGrouped, isBreadcrumbGrouped, additionalGroupedContent, groupProps, breadcrumbProps } = _a, rest = __rest(_a, ["breadcrumb", "isBreadcrumbWidthLimited", "className", "children", "header", "sidebar", "notificationDrawer", "isNotificationDrawerExpanded", "onNotificationDrawerExpand", "isTertiaryNavWidthLimited", "skipToContent", "role", "mainContainerId", "isManagedSidebar", "defaultManagedSidebarIsOpen", "onPageResize", "getBreakpoint", "getVerticalBreakpoint", "mainAriaLabel", "mainTabIndex", "tertiaryNav", "isTertiaryNavGrouped", "isBreadcrumbGrouped", "additionalGroupedContent", "groupProps", "breadcrumbProps"]);
|
|
112
|
+
const { mobileView, mobileIsNavOpen, desktopIsNavOpen, width, height } = this.state;
|
|
110
113
|
const context = {
|
|
111
114
|
isManagedSidebar,
|
|
112
115
|
onNavToggle: mobileView ? this.onNavToggleMobile : this.onNavToggleDesktop,
|
|
113
116
|
isNavOpen: mobileView ? mobileIsNavOpen : desktopIsNavOpen,
|
|
114
117
|
width,
|
|
115
|
-
|
|
118
|
+
height,
|
|
119
|
+
getBreakpoint,
|
|
120
|
+
getVerticalBreakpoint
|
|
116
121
|
};
|
|
117
122
|
let nav = null;
|
|
118
123
|
if (tertiaryNav && isTertiaryNavWidthLimited) {
|
|
@@ -122,16 +127,9 @@ export class Page extends React.Component {
|
|
|
122
127
|
else if (tertiaryNav) {
|
|
123
128
|
nav = React.createElement("div", { className: css(styles.pageMainNav) }, tertiaryNav);
|
|
124
129
|
}
|
|
125
|
-
|
|
126
|
-
if (breadcrumb && isBreadcrumbWidthLimited) {
|
|
127
|
-
crumb = (React.createElement("section", { className: css(styles.pageMainBreadcrumb, styles.modifiers.limitWidth) },
|
|
128
|
-
React.createElement("div", { className: css(styles.pageMainBody) }, breadcrumb)));
|
|
129
|
-
}
|
|
130
|
-
else if (breadcrumb) {
|
|
131
|
-
crumb = React.createElement("section", { className: css(styles.pageMainBreadcrumb) }, breadcrumb);
|
|
132
|
-
}
|
|
130
|
+
const crumb = breadcrumb ? (React.createElement("section", { className: css(styles.pageMainBreadcrumb, isBreadcrumbWidthLimited && styles.modifiers.limitWidth, formatBreakpointMods(breadcrumbProps === null || breadcrumbProps === void 0 ? void 0 : breadcrumbProps.stickyOnBreakpoint, styles, 'sticky-', getVerticalBreakpoint(height), true)) }, isBreadcrumbWidthLimited ? React.createElement("div", { className: css(styles.pageMainBody) }, breadcrumb) : breadcrumb)) : null;
|
|
133
131
|
const isGrouped = isTertiaryNavGrouped || isBreadcrumbGrouped || additionalGroupedContent;
|
|
134
|
-
const group = isGrouped ? (React.createElement(
|
|
132
|
+
const group = isGrouped ? (React.createElement("div", Object.assign({ className: css(styles.pageMainGroup, formatBreakpointMods(groupProps === null || groupProps === void 0 ? void 0 : groupProps.stickyOnBreakpoint, styles, 'sticky-', getVerticalBreakpoint(height), true)) }, groupProps),
|
|
135
133
|
isTertiaryNavGrouped && nav,
|
|
136
134
|
isBreadcrumbGrouped && crumb,
|
|
137
135
|
additionalGroupedContent)) : null;
|
|
@@ -142,7 +140,7 @@ export class Page extends React.Component {
|
|
|
142
140
|
children));
|
|
143
141
|
const panelContent = React.createElement(DrawerPanelContent, null, notificationDrawer);
|
|
144
142
|
return (React.createElement(PageContextProvider, { value: context },
|
|
145
|
-
React.createElement("div", Object.assign({ ref: this.pageRef }, rest, { className: css(styles.page, width !== null && 'pf-m-resize-observer', width !== null && `pf-m-breakpoint-${getBreakpoint(width)}`, className) }),
|
|
143
|
+
React.createElement("div", Object.assign({ ref: this.pageRef }, rest, { className: css(styles.page, width !== null && height !== null && 'pf-m-resize-observer', width !== null && `pf-m-breakpoint-${getBreakpoint(width)}`, height !== null && `pf-m-height-breakpoint-${getVerticalBreakpoint(height)}`, className) }),
|
|
146
144
|
skipToContent,
|
|
147
145
|
header,
|
|
148
146
|
sidebar,
|
|
@@ -162,6 +160,7 @@ Page.defaultProps = {
|
|
|
162
160
|
mainTabIndex: -1,
|
|
163
161
|
isNotificationDrawerExpanded: false,
|
|
164
162
|
onNotificationDrawerExpand: () => null,
|
|
165
|
-
getBreakpoint
|
|
163
|
+
getBreakpoint,
|
|
164
|
+
getVerticalBreakpoint
|
|
166
165
|
};
|
|
167
166
|
//# sourceMappingURL=Page.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../../src/components/Page/Page.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,mDAAmD,CAAC;AACvE,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,kBAAkB,MAAM,wDAAwD,CAAC;AACxF,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../../src/components/Page/Page.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,mDAAmD,CAAC;AACvE,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,kBAAkB,MAAM,wDAAwD,CAAC;AACxF,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAGzF,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAEhG,MAAM,CAAN,IAAY,WAGX;AAHD,WAAY,WAAW;IACrB,oCAAqB,CAAA;IACrB,wCAAyB,CAAA;AAC3B,CAAC,EAHW,WAAW,KAAX,WAAW,QAGtB;AAYD,MAAM,CAAC,MAAM,mBAAmB,GAAqB;IACnD,gBAAgB,EAAE,KAAK;IACvB,SAAS,EAAE,KAAK;IAChB,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI;IACvB,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,IAAI;IACZ,aAAa;IACb,qBAAqB;CACtB,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAmB,mBAAmB,CAAC,CAAC;AAEtF,MAAM,CAAC,MAAM,mBAAmB,GAAG,WAAW,CAAC,QAAQ,CAAC;AACxD,MAAM,CAAC,MAAM,mBAAmB,GAAG,WAAW,CAAC,QAAQ,CAAC;AAmFxD,MAAM,OAAO,IAAK,SAAQ,KAAK,CAAC,SAA+B;IAiB7D,YAAY,KAAgB;QAC1B,KAAK,CAAC,KAAK,CAAC,CAAC;QALf,YAAO,GAAG,KAAK,CAAC,SAAS,EAAkB,CAAC;QAC5C,YAAO,GAAG,KAAK,CAAC,SAAS,EAAkB,CAAC;QAC5C,aAAQ,GAAQ,GAAG,EAAE,GAAE,CAAC,CAAC;QA0CzB,mBAAc,GAAG,GAAG,EAAE;YACpB,IAAI,SAAS,EAAE;gBACb,OAAO,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC;aACpF;iBAAM;gBACL,OAAO,IAAI,CAAC;aACb;QACH,CAAC,CAAC;QAEF,aAAQ,GAAG,GAAG,EAAE;QACd,iCAAiC;QACjC,IAAI,CAAC,cAAc,EAAE,GAAG,MAAM,CAAC,QAAQ,CAAC,kBAAkB,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QAExE,WAAM,GAAG,GAAG,EAAE;YACZ,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YACpC,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnC,IAAI,YAAY,EAAE;gBAChB,YAAY,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,IAAI,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC;aACjE;YACD,IAAI,UAAU,KAAK,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE;gBACxC,IAAI,CAAC,QAAQ,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC;aAC/B;YACD,IAAI,CAAC,OAAO,CAAC,OAAO;gBAClB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY,EAAE,CAAC,CAAC;QAC1G,CAAC,CAAC;QAEF,iBAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QAE1C,oBAAe,GAAG,GAAG,EAAE;YACrB,IAAI,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,eAAe,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE;gBACzE,IAAI,CAAC,QAAQ,CAAC,EAAE,eAAe,EAAE,KAAK,EAAE,CAAC,CAAC;aAC3C;QACH,CAAC,CAAC;QAEF,sBAAiB,GAAG,GAAG,EAAE;YACvB,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;gBAC1B,eAAe,EAAE,CAAC,SAAS,CAAC,eAAe;aAC5C,CAAC,CAAC,CAAC;QACN,CAAC,CAAC;QAEF,uBAAkB,GAAG,GAAG,EAAE;YACxB,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;gBAC1B,gBAAgB,EAAE,CAAC,SAAS,CAAC,gBAAgB;aAC9C,CAAC,CAAC,CAAC;QACN,CAAC,CAAC;QAhFA,MAAM,EAAE,gBAAgB,EAAE,2BAA2B,EAAE,GAAG,KAAK,CAAC;QAChE,MAAM,kBAAkB,GAAG,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,2BAA2B,CAAC;QAClF,IAAI,CAAC,KAAK,GAAG;YACX,gBAAgB,EAAE,kBAAkB;YACpC,eAAe,EAAE,KAAK;YACtB,UAAU,EAAE,KAAK;YACjB,KAAK,EAAE,IAAI;YACX,MAAM,EAAE,IAAI;SACb,CAAC;IACJ,CAAC;IAED,iBAAiB;QACf,MAAM,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACtD,IAAI,gBAAgB,IAAI,YAAY,EAAE;YACpC,IAAI,CAAC,QAAQ,GAAG,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;YAC3E,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC;YACxC,IAAI,UAAU,EAAE;gBACd,UAAU,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;gBAC/D,UAAU,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;aACjE;YACD,mCAAmC;YACnC,IAAI,CAAC,MAAM,EAAE,CAAC;SACf;IACH,CAAC;IAED,oBAAoB;QAClB,MAAM,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACtD,IAAI,gBAAgB,IAAI,YAAY,EAAE;YACpC,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChB,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC;YACxC,IAAI,UAAU,EAAE;gBACd,UAAU,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;gBAClE,UAAU,CAAC,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;aACpE;SACF;IACH,CAAC;IA+CD,MAAM;QACJ,MAAM,KA8BF,IAAI,CAAC,KAAK,EA9BR,EACJ,UAAU,EACV,wBAAwB,EACxB,SAAS,EACT,QAAQ,EACR,MAAM,EACN,OAAO,EACP,kBAAkB,EAClB,4BAA4B,EAC5B,0BAA0B,EAC1B,yBAAyB,EACzB,aAAa,EACb,IAAI,EACJ,eAAe,EACf,gBAAgB;QAChB,6DAA6D;QAC7D,2BAA2B;QAC3B,6DAA6D;QAC7D,YAAY,EACZ,aAAa,EACb,qBAAqB,EACrB,aAAa,EACb,YAAY,EACZ,WAAW,EACX,oBAAoB,EACpB,mBAAmB,EACnB,wBAAwB,EACxB,UAAU,EACV,eAAe,OAEH,EADT,IAAI,cA7BH,8fA8BL,CAAa,CAAC;QACf,MAAM,EAAE,UAAU,EAAE,eAAe,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAEpF,MAAM,OAAO,GAAG;YACd,gBAAgB;YAChB,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB;YAC1E,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAgB;YAC1D,KAAK;YACL,MAAM;YACN,aAAa;YACb,qBAAqB;SACtB,CAAC;QAEF,IAAI,GAAG,GAAG,IAAI,CAAC;QACf,IAAI,WAAW,IAAI,yBAAyB,EAAE;YAC5C,GAAG,GAAG,CACJ,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC;gBAClE,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,YAAY,CAAC,IAAG,WAAW,CAAO,CACzD,CACP,CAAC;SACH;aAAM,IAAI,WAAW,EAAE;YACtB,GAAG,GAAG,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,WAAW,CAAC,IAAG,WAAW,CAAO,CAAC;SACpE;QAED,MAAM,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,CACzB,iCACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,kBAAkB,EACzB,wBAAwB,IAAI,MAAM,CAAC,SAAS,CAAC,UAAU,EACvD,oBAAoB,CAClB,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,kBAAkB,EACnC,MAAM,EACN,SAAS,EACT,qBAAqB,CAAC,MAAM,CAAC,EAC7B,IAAI,CACL,CACF,IAEA,wBAAwB,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,YAAY,CAAC,IAAG,UAAU,CAAO,CAAC,CAAC,CAAC,UAAU,CAC7F,CACX,CAAC,CAAC,CAAC,IAAI,CAAC;QAET,MAAM,SAAS,GAAG,oBAAoB,IAAI,mBAAmB,IAAI,wBAAwB,CAAC;QAE1F,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,CACxB,2CACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,aAAa,EACpB,oBAAoB,CAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,kBAAkB,EAAE,MAAM,EAAE,SAAS,EAAE,qBAAqB,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,CAC7G,IACG,UAAU;YAEb,oBAAoB,IAAI,GAAG;YAC3B,mBAAmB,IAAI,KAAK;YAC5B,wBAAwB,CACrB,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;QAET,MAAM,IAAI,GAAG,CACX,8BACE,GAAG,EAAE,IAAI,CAAC,OAAO,EACjB,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,eAAe,EACnB,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,EAC/B,QAAQ,EAAE,YAAY,gBACV,aAAa;YAExB,KAAK;YACL,CAAC,oBAAoB,IAAI,GAAG;YAC5B,CAAC,mBAAmB,IAAI,KAAK;YAC7B,QAAQ,CACJ,CACR,CAAC;QAEF,MAAM,YAAY,GAAG,oBAAC,kBAAkB,QAAE,kBAAkB,CAAsB,CAAC;QAEnF,OAAO,CACL,oBAAC,mBAAmB,IAAC,KAAK,EAAE,OAAO;YACjC,2CACE,GAAG,EAAE,IAAI,CAAC,OAAO,IACb,IAAI,IACR,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,IAAI,EACX,KAAK,KAAK,IAAI,IAAI,MAAM,KAAK,IAAI,IAAI,sBAAsB,EAC3D,KAAK,KAAK,IAAI,IAAI,mBAAmB,aAAa,CAAC,KAAK,CAAC,EAAE,EAC3D,MAAM,KAAK,IAAI,IAAI,0BAA0B,qBAAqB,CAAC,MAAM,CAAC,EAAE,EAC5E,SAAS,CACV;gBAEA,aAAa;gBACb,MAAM;gBACN,OAAO;gBACP,kBAAkB,IAAI,CACrB,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,UAAU,CAAC;oBACpC,oBAAC,MAAM,IAAC,UAAU,EAAE,4BAA4B,EAAE,QAAQ,EAAE,0BAA0B;wBACpF,oBAAC,aAAa,IAAC,YAAY,EAAE,YAAY;4BACvC,oBAAC,iBAAiB,QAAE,IAAI,CAAqB,CAC/B,CACT,CACL,CACP;gBACA,CAAC,kBAAkB,IAAI,IAAI,CACxB,CACc,CACvB,CAAC;IACJ,CAAC;;AA7OM,gBAAW,GAAG,MAAM,CAAC;AACrB,iBAAY,GAAc;IAC/B,gBAAgB,EAAE,KAAK;IACvB,wBAAwB,EAAE,KAAK;IAC/B,2BAA2B,EAAE,IAAI;IACjC,YAAY,EAAE,GAAS,EAAE,CAAC,IAAI;IAC9B,YAAY,EAAE,CAAC,CAAC;IAChB,4BAA4B,EAAE,KAAK;IACnC,0BAA0B,EAAE,GAAG,EAAE,CAAC,IAAI;IACtC,aAAa;IACb,qBAAqB;CACtB,CAAC"}
|
|
@@ -6,8 +6,17 @@ export interface PageBreadcrumbProps extends React.HTMLProps<HTMLElement> {
|
|
|
6
6
|
children?: React.ReactNode;
|
|
7
7
|
/** Limits the width of the breadcrumb */
|
|
8
8
|
isWidthLimited?: boolean;
|
|
9
|
-
/** Modifier indicating if the PageBreadcrumb is sticky to the top or bottom */
|
|
9
|
+
/** @deprecated Use the stickyOnBreakpoint prop instead - Modifier indicating if the PageBreadcrumb is sticky to the top or bottom */
|
|
10
10
|
sticky?: 'top' | 'bottom';
|
|
11
|
+
/** Modifier indicating if the PageBreadcrumb is sticky to the top or bottom at various breakpoints */
|
|
12
|
+
stickyOnBreakpoint?: {
|
|
13
|
+
default?: 'top' | 'bottom';
|
|
14
|
+
sm?: 'top' | 'bottom';
|
|
15
|
+
md?: 'top' | 'bottom';
|
|
16
|
+
lg?: 'top' | 'bottom';
|
|
17
|
+
xl?: 'top' | 'bottom';
|
|
18
|
+
'2xl'?: 'top' | 'bottom';
|
|
19
|
+
};
|
|
11
20
|
/** Flag indicating if PageBreadcrumb should have a shadow at the top */
|
|
12
21
|
hasShadowTop?: boolean;
|
|
13
22
|
/** Flag indicating if PageBreadcrumb should have a shadow at the bottom */
|
|
@@ -16,7 +25,7 @@ export interface PageBreadcrumbProps extends React.HTMLProps<HTMLElement> {
|
|
|
16
25
|
hasOverflowScroll?: boolean;
|
|
17
26
|
}
|
|
18
27
|
export declare const PageBreadcrumb: {
|
|
19
|
-
({ className, children, isWidthLimited, sticky, hasShadowTop, hasShadowBottom, hasOverflowScroll, ...props }: PageBreadcrumbProps): JSX.Element;
|
|
28
|
+
({ className, children, isWidthLimited, sticky, stickyOnBreakpoint, hasShadowTop, hasShadowBottom, hasOverflowScroll, ...props }: PageBreadcrumbProps): JSX.Element;
|
|
20
29
|
displayName: string;
|
|
21
30
|
};
|
|
22
31
|
//# 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;AAM/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,sIAAsI;IACtI,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC1B,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;CAC7B;AAED,eAAO,MAAM,cAAc;sIAUxB,mBAAmB;;CAuBrB,CAAC"}
|
|
@@ -2,9 +2,12 @@ import { __rest } from "tslib";
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { css } from '@patternfly/react-styles';
|
|
4
4
|
import styles from '@patternfly/react-styles/css/components/Page/page';
|
|
5
|
+
import { formatBreakpointMods } from '../../helpers/util';
|
|
6
|
+
import { PageContext } from '../Page/Page';
|
|
5
7
|
export const PageBreadcrumb = (_a) => {
|
|
6
|
-
var { className = '', children, isWidthLimited, sticky, hasShadowTop = false, hasShadowBottom = false, hasOverflowScroll = false } = _a, props = __rest(_a, ["className", "children", "isWidthLimited", "sticky", "hasShadowTop", "hasShadowBottom", "hasOverflowScroll"]);
|
|
7
|
-
|
|
8
|
+
var { className = '', children, isWidthLimited, sticky, stickyOnBreakpoint, hasShadowTop = false, hasShadowBottom = false, hasOverflowScroll = false } = _a, props = __rest(_a, ["className", "children", "isWidthLimited", "sticky", "stickyOnBreakpoint", "hasShadowTop", "hasShadowBottom", "hasOverflowScroll"]);
|
|
9
|
+
const { height, getVerticalBreakpoint } = React.useContext(PageContext);
|
|
10
|
+
return (React.createElement("section", Object.assign({ className: css(styles.pageMainBreadcrumb, formatBreakpointMods(stickyOnBreakpoint, styles, 'sticky-', getVerticalBreakpoint(height), true), isWidthLimited && styles.modifiers.limitWidth, sticky === 'top' && styles.modifiers.stickyTop, sticky === 'bottom' && styles.modifiers.stickyBottom, hasShadowTop && styles.modifiers.shadowTop, hasShadowBottom && styles.modifiers.shadowBottom, hasOverflowScroll && styles.modifiers.overflowScroll, className) }, (hasOverflowScroll && { tabIndex: 0 }), props),
|
|
8
11
|
isWidthLimited && React.createElement("div", { className: css(styles.pageMainBody) }, children),
|
|
9
12
|
!isWidthLimited && children));
|
|
10
13
|
};
|
|
@@ -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,MAAM,mDAAmD,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,MAAM,mDAAmD,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AA4B3C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAUT,EAAE,EAAE;QAVK,EAC7B,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,cAAc,EACd,MAAM,EACN,kBAAkB,EAClB,YAAY,GAAG,KAAK,EACpB,eAAe,GAAG,KAAK,EACvB,iBAAiB,GAAG,KAAK,OAEL,EADjB,KAAK,cATqB,mIAU9B,CADS;IAER,MAAM,EAAE,MAAM,EAAE,qBAAqB,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAExE,OAAO,CACL,+CACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,kBAAkB,EACzB,oBAAoB,CAAC,kBAAkB,EAAE,MAAM,EAAE,SAAS,EAAE,qBAAqB,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,EAChG,cAAc,IAAI,MAAM,CAAC,SAAS,CAAC,UAAU,EAC7C,MAAM,KAAK,KAAK,IAAI,MAAM,CAAC,SAAS,CAAC,SAAS,EAC9C,MAAM,KAAK,QAAQ,IAAI,MAAM,CAAC,SAAS,CAAC,YAAY,EACpD,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,EACtC,KAAK;QAER,cAAc,IAAI,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,YAAY,CAAC,IAAG,QAAQ,CAAO;QAC5E,CAAC,cAAc,IAAI,QAAQ,CACpB,CACX,CAAC;AACJ,CAAC,CAAC;AACF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
|
|
@@ -4,8 +4,17 @@ export interface PageGroupProps extends React.HTMLProps<HTMLDivElement> {
|
|
|
4
4
|
className?: string;
|
|
5
5
|
/** Content rendered inside of the PageGroup */
|
|
6
6
|
children?: React.ReactNode;
|
|
7
|
-
/** Modifier indicating if
|
|
7
|
+
/** @deprecated Use the stickyOnBreakpoint prop instead - Modifier indicating if the PageBreadcrumb is sticky to the top or bottom */
|
|
8
8
|
sticky?: 'top' | 'bottom';
|
|
9
|
+
/** Modifier indicating if the PageBreadcrumb is sticky to the top or bottom at various breakpoints */
|
|
10
|
+
stickyOnBreakpoint?: {
|
|
11
|
+
default?: 'top' | 'bottom';
|
|
12
|
+
sm?: 'top' | 'bottom';
|
|
13
|
+
md?: 'top' | 'bottom';
|
|
14
|
+
lg?: 'top' | 'bottom';
|
|
15
|
+
xl?: 'top' | 'bottom';
|
|
16
|
+
'2xl'?: 'top' | 'bottom';
|
|
17
|
+
};
|
|
9
18
|
/** Modifier indicating if PageGroup should have a shadow at the top */
|
|
10
19
|
hasShadowTop?: boolean;
|
|
11
20
|
/** Modifier indicating if PageGroup should have a shadow at the bottom */
|
|
@@ -14,7 +23,7 @@ export interface PageGroupProps extends React.HTMLProps<HTMLDivElement> {
|
|
|
14
23
|
hasOverflowScroll?: boolean;
|
|
15
24
|
}
|
|
16
25
|
export declare const PageGroup: {
|
|
17
|
-
({ className, children, sticky, hasShadowTop, hasShadowBottom, hasOverflowScroll, ...props }: PageGroupProps): JSX.Element;
|
|
26
|
+
({ className, children, sticky, stickyOnBreakpoint, hasShadowTop, hasShadowBottom, hasOverflowScroll, ...props }: PageGroupProps): JSX.Element;
|
|
18
27
|
displayName: string;
|
|
19
28
|
};
|
|
20
29
|
//# sourceMappingURL=PageGroup.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/PageGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"PageGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/PageGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACrE,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,sIAAsI;IACtI,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC1B,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,uEAAuE;IACvE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,0EAA0E;IAC1E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gEAAgE;IAChE,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,SAAS;sHASnB,cAAc;;CAqBhB,CAAC"}
|
|
@@ -2,9 +2,12 @@ import { __rest } from "tslib";
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { css } from '@patternfly/react-styles';
|
|
4
4
|
import styles from '@patternfly/react-styles/css/components/Page/page';
|
|
5
|
+
import { formatBreakpointMods } from '../../helpers/util';
|
|
6
|
+
import { PageContext } from '../Page/Page';
|
|
5
7
|
export const PageGroup = (_a) => {
|
|
6
|
-
var { className = '', children, sticky, hasShadowTop = false, hasShadowBottom = false, hasOverflowScroll = false } = _a, props = __rest(_a, ["className", "children", "sticky", "hasShadowTop", "hasShadowBottom", "hasOverflowScroll"]);
|
|
7
|
-
|
|
8
|
+
var { className = '', children, sticky, stickyOnBreakpoint, hasShadowTop = false, hasShadowBottom = false, hasOverflowScroll = false } = _a, props = __rest(_a, ["className", "children", "sticky", "stickyOnBreakpoint", "hasShadowTop", "hasShadowBottom", "hasOverflowScroll"]);
|
|
9
|
+
const { height, getVerticalBreakpoint } = React.useContext(PageContext);
|
|
10
|
+
return (React.createElement("div", Object.assign({}, props, { className: css(styles.pageMainGroup, formatBreakpointMods(stickyOnBreakpoint, styles, 'sticky-', getVerticalBreakpoint(height), true), sticky === 'top' && styles.modifiers.stickyTop, sticky === 'bottom' && styles.modifiers.stickyBottom, hasShadowTop && styles.modifiers.shadowTop, hasShadowBottom && styles.modifiers.shadowBottom, hasOverflowScroll && styles.modifiers.overflowScroll, className) }, (hasOverflowScroll && { tabIndex: 0 })), children));
|
|
8
11
|
};
|
|
9
12
|
PageGroup.displayName = 'PageGroup';
|
|
10
13
|
//# sourceMappingURL=PageGroup.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageGroup.js","sourceRoot":"","sources":["../../../../src/components/Page/PageGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,mDAAmD,CAAC;
|
|
1
|
+
{"version":3,"file":"PageGroup.js","sourceRoot":"","sources":["../../../../src/components/Page/PageGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,mDAAmD,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAyB3C,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAST,EAAE,EAAE;QATK,EACxB,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,MAAM,EACN,kBAAkB,EAClB,YAAY,GAAG,KAAK,EACpB,eAAe,GAAG,KAAK,EACvB,iBAAiB,GAAG,KAAK,OAEV,EADZ,KAAK,cARgB,iHASzB,CADS;IAER,MAAM,EAAE,MAAM,EAAE,qBAAqB,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAExE,OAAO,CACL,6CACM,KAAK,IACT,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,aAAa,EACpB,oBAAoB,CAAC,kBAAkB,EAAE,MAAM,EAAE,SAAS,EAAE,qBAAqB,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,EAChG,MAAM,KAAK,KAAK,IAAI,MAAM,CAAC,SAAS,CAAC,SAAS,EAC9C,MAAM,KAAK,QAAQ,IAAI,MAAM,CAAC,SAAS,CAAC,YAAY,EACpD,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,GAEzC,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AACF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
|
|
@@ -6,8 +6,17 @@ export interface PageNavigationProps extends React.HTMLProps<HTMLDivElement> {
|
|
|
6
6
|
children?: React.ReactNode;
|
|
7
7
|
/** Limits the width of the PageNavigation */
|
|
8
8
|
isWidthLimited?: boolean;
|
|
9
|
-
/** Modifier indicating if the
|
|
9
|
+
/** @deprecated Use the stickyOnBreakpoint prop instead - Modifier indicating if the PageBreadcrumb is sticky to the top or bottom */
|
|
10
10
|
sticky?: 'top' | 'bottom';
|
|
11
|
+
/** Modifier indicating if the PageBreadcrumb is sticky to the top or bottom at various breakpoints */
|
|
12
|
+
stickyOnBreakpoint?: {
|
|
13
|
+
default?: 'top' | 'bottom';
|
|
14
|
+
sm?: 'top' | 'bottom';
|
|
15
|
+
md?: 'top' | 'bottom';
|
|
16
|
+
lg?: 'top' | 'bottom';
|
|
17
|
+
xl?: 'top' | 'bottom';
|
|
18
|
+
'2xl'?: 'top' | 'bottom';
|
|
19
|
+
};
|
|
11
20
|
/** Flag indicating if PageNavigation should have a shadow at the top */
|
|
12
21
|
hasShadowTop?: boolean;
|
|
13
22
|
/** Flag indicating if PageNavigation should have a shadow at the bottom */
|
|
@@ -16,7 +25,7 @@ export interface PageNavigationProps extends React.HTMLProps<HTMLDivElement> {
|
|
|
16
25
|
hasOverflowScroll?: boolean;
|
|
17
26
|
}
|
|
18
27
|
export declare const PageNavigation: {
|
|
19
|
-
({ className, children, isWidthLimited, sticky, hasShadowTop, hasShadowBottom, hasOverflowScroll, ...props }: PageNavigationProps): JSX.Element;
|
|
28
|
+
({ className, children, isWidthLimited, sticky, stickyOnBreakpoint, hasShadowTop, hasShadowBottom, hasOverflowScroll, ...props }: PageNavigationProps): JSX.Element;
|
|
20
29
|
displayName: string;
|
|
21
30
|
};
|
|
22
31
|
//# sourceMappingURL=PageNavigation.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/PageNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"PageNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/PageNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC1E,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sIAAsI;IACtI,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC1B,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;CAC7B;AAED,eAAO,MAAM,cAAc;sIAUxB,mBAAmB;;CAuBrB,CAAC"}
|
|
@@ -2,9 +2,12 @@ import { __rest } from "tslib";
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { css } from '@patternfly/react-styles';
|
|
4
4
|
import styles from '@patternfly/react-styles/css/components/Page/page';
|
|
5
|
+
import { formatBreakpointMods } from '../../helpers/util';
|
|
6
|
+
import { PageContext } from '../Page/Page';
|
|
5
7
|
export const PageNavigation = (_a) => {
|
|
6
|
-
var { className = '', children, isWidthLimited, sticky, hasShadowTop = false, hasShadowBottom = false, hasOverflowScroll = false } = _a, props = __rest(_a, ["className", "children", "isWidthLimited", "sticky", "hasShadowTop", "hasShadowBottom", "hasOverflowScroll"]);
|
|
7
|
-
|
|
8
|
+
var { className = '', children, isWidthLimited, sticky, stickyOnBreakpoint, hasShadowTop = false, hasShadowBottom = false, hasOverflowScroll = false } = _a, props = __rest(_a, ["className", "children", "isWidthLimited", "sticky", "stickyOnBreakpoint", "hasShadowTop", "hasShadowBottom", "hasOverflowScroll"]);
|
|
9
|
+
const { height, getVerticalBreakpoint } = React.useContext(PageContext);
|
|
10
|
+
return (React.createElement("div", Object.assign({ className: css(styles.pageMainNav, formatBreakpointMods(stickyOnBreakpoint, styles, 'sticky-', getVerticalBreakpoint(height), true), isWidthLimited && styles.modifiers.limitWidth, sticky === 'top' && styles.modifiers.stickyTop, sticky === 'bottom' && styles.modifiers.stickyBottom, hasShadowTop && styles.modifiers.shadowTop, hasShadowBottom && styles.modifiers.shadowBottom, hasOverflowScroll && styles.modifiers.overflowScroll, className) }, (hasOverflowScroll && { tabIndex: 0 }), props),
|
|
8
11
|
isWidthLimited && React.createElement("div", { className: css(styles.pageMainBody) }, children),
|
|
9
12
|
!isWidthLimited && children));
|
|
10
13
|
};
|