@patternfly/react-core 4.229.0 → 4.231.0
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/MenuToggle/MenuToggle.d.ts +8 -0
- package/dist/esm/components/MenuToggle/MenuToggle.d.ts.map +1 -1
- package/dist/esm/components/MenuToggle/MenuToggle.js +12 -7
- package/dist/esm/components/MenuToggle/MenuToggle.js.map +1 -1
- package/dist/esm/components/MenuToggle/MenuToggleAction.d.ts +19 -0
- package/dist/esm/components/MenuToggle/MenuToggleAction.d.ts.map +1 -0
- package/dist/esm/components/MenuToggle/MenuToggleAction.js +17 -0
- package/dist/esm/components/MenuToggle/MenuToggleAction.js.map +1 -0
- package/dist/esm/components/MenuToggle/MenuToggleCheckbox.d.ts +36 -0
- package/dist/esm/components/MenuToggle/MenuToggleCheckbox.d.ts.map +1 -0
- package/dist/esm/components/MenuToggle/MenuToggleCheckbox.js +43 -0
- package/dist/esm/components/MenuToggle/MenuToggleCheckbox.js.map +1 -0
- package/dist/esm/components/MenuToggle/index.d.ts +2 -0
- package/dist/esm/components/MenuToggle/index.d.ts.map +1 -1
- package/dist/esm/components/MenuToggle/index.js +2 -0
- package/dist/esm/components/MenuToggle/index.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/MenuToggle/MenuToggle.d.ts +8 -0
- package/dist/js/components/MenuToggle/MenuToggle.d.ts.map +1 -1
- package/dist/js/components/MenuToggle/MenuToggle.js +12 -7
- package/dist/js/components/MenuToggle/MenuToggle.js.map +1 -1
- package/dist/js/components/MenuToggle/MenuToggleAction.d.ts +19 -0
- package/dist/js/components/MenuToggle/MenuToggleAction.d.ts.map +1 -0
- package/dist/js/components/MenuToggle/MenuToggleAction.js +21 -0
- package/dist/js/components/MenuToggle/MenuToggleAction.js.map +1 -0
- package/dist/js/components/MenuToggle/MenuToggleCheckbox.d.ts +36 -0
- package/dist/js/components/MenuToggle/MenuToggleCheckbox.d.ts.map +1 -0
- package/dist/js/components/MenuToggle/MenuToggleCheckbox.js +47 -0
- package/dist/js/components/MenuToggle/MenuToggleCheckbox.js.map +1 -0
- package/dist/js/components/MenuToggle/index.d.ts +2 -0
- package/dist/js/components/MenuToggle/index.d.ts.map +1 -1
- package/dist/js/components/MenuToggle/index.js +2 -0
- package/dist/js/components/MenuToggle/index.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 +60 -10
- package/dist/umd/react-core.js +220 -72
- package/dist/umd/react-core.min.css +124 -74
- 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/MenuToggle/MenuToggle.tsx +53 -27
- package/src/components/MenuToggle/MenuToggleAction.tsx +42 -0
- package/src/components/MenuToggle/MenuToggleCheckbox.tsx +104 -0
- package/src/components/MenuToggle/__tests__/__snapshots__/MenuToggle.test.tsx.snap +1 -1
- package/src/components/MenuToggle/examples/MenuToggle.md +35 -2
- package/src/components/MenuToggle/examples/MenuToggleSplitButtonAction.tsx +51 -0
- package/src/components/MenuToggle/examples/MenuToggleSplitButtonActionPrimary.tsx +58 -0
- package/src/components/MenuToggle/examples/MenuToggleSplitButtonActionSecondary.tsx +58 -0
- package/src/components/MenuToggle/examples/MenuToggleSplitButtonCheckbox.tsx +40 -0
- package/src/components/MenuToggle/examples/MenuToggleSplitButtonCheckboxPrimary.tsx +55 -0
- package/src/components/MenuToggle/examples/MenuToggleSplitButtonCheckboxSecondary.tsx +55 -0
- package/src/components/MenuToggle/examples/MenuToggleSplitButtonCheckboxWithText.tsx +52 -0
- package/src/components/MenuToggle/index.ts +2 -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.231.0 (2022-08-03)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **MenuToggle:** add split button variants ([#7748](https://github.com/patternfly/patternfly-react/issues/7748)) ([7577725](https://github.com/patternfly/patternfly-react/commit/7577725305533791481ac22d9b36b87d5d3167b1))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
## 4.230.1 (2022-08-02)
|
|
18
|
+
|
|
19
|
+
**Note:** Version bump only for package @patternfly/react-core
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
# 4.230.0 (2022-08-01)
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
### Features
|
|
29
|
+
|
|
30
|
+
* **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))
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
|
|
6
36
|
# 4.229.0 (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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"}
|
|
@@ -1,6 +1,12 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { BadgeProps } from '../Badge';
|
|
3
3
|
export declare type MenuToggleElement = HTMLDivElement | HTMLButtonElement;
|
|
4
|
+
export interface SplitButtonOptions {
|
|
5
|
+
/** Elements to display before the toggle button. When included, renders the menu toggle as a split button. */
|
|
6
|
+
items: React.ReactNode[];
|
|
7
|
+
/** Variant of split button toggle */
|
|
8
|
+
variant?: 'action' | 'checkbox';
|
|
9
|
+
}
|
|
4
10
|
export interface MenuToggleProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<MenuToggleElement>, MenuToggleElement>, 'ref'> {
|
|
5
11
|
/** Content rendered inside the toggle */
|
|
6
12
|
children?: React.ReactNode;
|
|
@@ -14,6 +20,8 @@ export interface MenuToggleProps extends Omit<React.DetailedHTMLProps<React.HTML
|
|
|
14
20
|
isFullHeight?: boolean;
|
|
15
21
|
/** Flag indicating the toggle takes up the full width of its parent */
|
|
16
22
|
isFullWidth?: boolean;
|
|
23
|
+
/** Object used to configure a split button menu toggle */
|
|
24
|
+
splitButtonOptions?: SplitButtonOptions;
|
|
17
25
|
/** Variant styles of the menu toggle */
|
|
18
26
|
variant?: 'default' | 'plain' | 'primary' | 'plainText' | 'secondary' | 'typeahead';
|
|
19
27
|
/** Optional icon rendered inside the toggle, before the children content */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,oBAAY,iBAAiB,GAAG,cAAc,GAAG,iBAAiB,CAAC;AAEnE,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC,EAAE,KAAK,CAAC;IACxG,yCAAyC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uEAAuE;IACvE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wCAAwC;IACxC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW,CAAC;IACpF,4EAA4E;IAC5E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC;IACrC,oBAAoB;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACzC;AAED,qBAAa,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC;IAClE,WAAW,SAAoB;IAC/B,MAAM,CAAC,YAAY,EAAE,eAAe,
|
|
1
|
+
{"version":3,"file":"MenuToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,oBAAY,iBAAiB,GAAG,cAAc,GAAG,iBAAiB,CAAC;AAEnE,MAAM,WAAW,kBAAkB;IACjC,8GAA8G;IAC9G,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IACzB,qCAAqC;IACrC,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;CACjC;AAED,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC,EAAE,KAAK,CAAC;IACxG,yCAAyC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uEAAuE;IACvE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0DAA0D;IAC1D,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,wCAAwC;IACxC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW,CAAC;IACpF,4EAA4E;IAC5E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC;IACrC,oBAAoB;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACzC;AAED,qBAAa,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC;IAClE,WAAW,SAAoB;IAC/B,MAAM,CAAC,YAAY,EAAE,eAAe,CAMlC;IAEF,MAAM;CA6GP;AAED,eAAO,MAAM,UAAU,2FAErB,CAAC"}
|
|
@@ -9,7 +9,7 @@ export class MenuToggleBase extends React.Component {
|
|
|
9
9
|
this.displayName = 'MenuToggleBase';
|
|
10
10
|
}
|
|
11
11
|
render() {
|
|
12
|
-
const _a = this.props, { children, className, icon, badge, isExpanded, isDisabled, isFullHeight, isFullWidth, variant, innerRef, onClick, 'aria-label': ariaLabel } = _a, otherProps = __rest(_a, ["children", "className", "icon", "badge", "isExpanded", "isDisabled", "isFullHeight", "isFullWidth", "variant", "innerRef", "onClick", 'aria-label']);
|
|
12
|
+
const _a = this.props, { children, className, icon, badge, isExpanded, isDisabled, isFullHeight, isFullWidth, splitButtonOptions, variant, innerRef, onClick, 'aria-label': ariaLabel } = _a, otherProps = __rest(_a, ["children", "className", "icon", "badge", "isExpanded", "isDisabled", "isFullHeight", "isFullWidth", "splitButtonOptions", "variant", "innerRef", "onClick", 'aria-label']);
|
|
13
13
|
const isPlain = variant === 'plain';
|
|
14
14
|
const isPlainText = variant === 'plainText';
|
|
15
15
|
const isTypeahead = variant === 'typeahead';
|
|
@@ -18,14 +18,20 @@ export class MenuToggleBase extends React.Component {
|
|
|
18
18
|
React.createElement(CaretDownIcon, { "aria-hidden": true }))));
|
|
19
19
|
const content = (React.createElement(React.Fragment, null,
|
|
20
20
|
icon && React.createElement("span", { className: css(styles.menuToggleIcon) }, icon),
|
|
21
|
-
isTypeahead ? children : React.createElement("span", { className:
|
|
21
|
+
isTypeahead ? children : React.createElement("span", { className: css(styles.menuToggleText) }, children),
|
|
22
22
|
badge && React.createElement("span", { className: css(styles.menuToggleCount) }, badge),
|
|
23
23
|
isTypeahead ? (React.createElement("button", { type: "button", className: css(styles.menuToggleButton), "aria-expanded": isExpanded, onClick: onClick, "aria-label": "Menu toggle" }, toggleControls)) : (toggleControls)));
|
|
24
|
-
const
|
|
24
|
+
const commonStyles = css(styles.menuToggle, isExpanded && styles.modifiers.expanded, variant === 'primary' && styles.modifiers.primary, variant === 'secondary' && styles.modifiers.secondary, (isPlain || isPlainText) && styles.modifiers.plain, isPlainText && styles.modifiers.text, isFullHeight && styles.modifiers.fullHeight, isFullWidth && styles.modifiers.fullWidth, isDisabled && styles.modifiers.disabled, className);
|
|
25
|
+
const componentProps = Object.assign(Object.assign({ children: isPlain ? children : content }, (isDisabled && { disabled: true })), otherProps);
|
|
25
26
|
if (isTypeahead) {
|
|
26
|
-
return React.createElement("div", Object.assign({ ref: innerRef }, componentProps));
|
|
27
|
+
return React.createElement("div", Object.assign({ ref: innerRef, className: css(commonStyles) }, componentProps));
|
|
27
28
|
}
|
|
28
|
-
|
|
29
|
+
if (splitButtonOptions) {
|
|
30
|
+
return (React.createElement("div", { className: css(commonStyles, styles.modifiers.splitButton, (splitButtonOptions === null || splitButtonOptions === void 0 ? void 0 : splitButtonOptions.variant) === 'action' && styles.modifiers.action) }, splitButtonOptions === null || splitButtonOptions === void 0 ? void 0 :
|
|
31
|
+
splitButtonOptions.items,
|
|
32
|
+
React.createElement("button", Object.assign({ className: css(styles.menuToggleButton), type: "button", "aria-expanded": isExpanded, "aria-label": ariaLabel, disabled: isDisabled }, otherProps), toggleControls)));
|
|
33
|
+
}
|
|
34
|
+
return (React.createElement("button", Object.assign({ className: css(commonStyles), type: "button", "aria-label": ariaLabel, "aria-expanded": isExpanded, ref: innerRef, disabled: isDisabled, onClick: onClick }, componentProps)));
|
|
29
35
|
}
|
|
30
36
|
}
|
|
31
37
|
MenuToggleBase.defaultProps = {
|
|
@@ -33,8 +39,7 @@ MenuToggleBase.defaultProps = {
|
|
|
33
39
|
isExpanded: false,
|
|
34
40
|
isDisabled: false,
|
|
35
41
|
isFullWidth: false,
|
|
36
|
-
isFullHeight: false
|
|
37
|
-
variant: 'default'
|
|
42
|
+
isFullHeight: false
|
|
38
43
|
};
|
|
39
44
|
export const MenuToggle = React.forwardRef((props, ref) => (React.createElement(MenuToggleBase, Object.assign({ innerRef: ref }, props))));
|
|
40
45
|
MenuToggle.displayName = 'MenuToggle';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuToggle.js","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggle.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,gEAAgE,CAAC;AACpF,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,aAAa,MAAM,wDAAwD,CAAC;
|
|
1
|
+
{"version":3,"file":"MenuToggle.js","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggle.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export interface MenuToggleActionProps {
|
|
3
|
+
/** Additional classes added to the MenuToggleAction */
|
|
4
|
+
className?: string;
|
|
5
|
+
/** Flag to show if the action button is disabled */
|
|
6
|
+
isDisabled?: boolean;
|
|
7
|
+
/** A callback for when the action button is clicked */
|
|
8
|
+
onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
9
|
+
/** Element to be rendered inside the <button> */
|
|
10
|
+
children?: React.ReactNode;
|
|
11
|
+
/** Id of the action button */
|
|
12
|
+
id?: string;
|
|
13
|
+
}
|
|
14
|
+
export declare class MenuToggleAction extends React.Component<MenuToggleActionProps> {
|
|
15
|
+
static displayName: string;
|
|
16
|
+
static defaultProps: MenuToggleActionProps;
|
|
17
|
+
render(): JSX.Element;
|
|
18
|
+
}
|
|
19
|
+
//# sourceMappingURL=MenuToggleAction.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenuToggleAction.d.ts","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggleAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,qBAAqB;IACpC,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uDAAuD;IACvD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/D,iDAAiD;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,8BAA8B;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,qBAAa,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,qBAAqB,CAAC;IAC1E,MAAM,CAAC,WAAW,SAAsB;IACxC,MAAM,CAAC,YAAY,EAAE,qBAAqB,CAIxC;IAEF,MAAM;CAgBP"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { __rest } from "tslib";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import styles from '@patternfly/react-styles/css/components/MenuToggle/menu-toggle';
|
|
4
|
+
import { css } from '@patternfly/react-styles';
|
|
5
|
+
export class MenuToggleAction extends React.Component {
|
|
6
|
+
render() {
|
|
7
|
+
const _a = this.props, { id, className, onClick, isDisabled, children } = _a, props = __rest(_a, ["id", "className", "onClick", "isDisabled", "children"]);
|
|
8
|
+
return (React.createElement("button", Object.assign({ id: id, className: css(styles.menuToggleButton, className), onClick: onClick, type: "button", disabled: isDisabled }, props), children));
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
MenuToggleAction.displayName = 'MenuToggleAction';
|
|
12
|
+
MenuToggleAction.defaultProps = {
|
|
13
|
+
className: '',
|
|
14
|
+
isDisabled: false,
|
|
15
|
+
onClick: () => { }
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=MenuToggleAction.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenuToggleAction.js","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggleAction.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,gEAAgE,CAAC;AACpF,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAe/C,MAAM,OAAO,gBAAiB,SAAQ,KAAK,CAAC,SAAgC;IAQ1E,MAAM;QACJ,MAAM,KAA6D,IAAI,CAAC,KAAK,EAAvE,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,OAAyB,EAApB,KAAK,cAAxD,wDAA0D,CAAa,CAAC;QAE9E,OAAO,CACL,8CACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,gBAAgB,EAAE,SAAS,CAAC,EAClD,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,UAAU,IAChB,KAAK,GAER,QAAQ,CACF,CACV,CAAC;IACJ,CAAC;;AAtBM,4BAAW,GAAG,kBAAkB,CAAC;AACjC,6BAAY,GAA0B;IAC3C,SAAS,EAAE,EAAE;IACb,UAAU,EAAE,KAAK;IACjB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;CAClB,CAAC"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { PickOptional } from '../../helpers/typeUtils';
|
|
3
|
+
import { OUIAProps } from '../../helpers';
|
|
4
|
+
export interface MenuToggleCheckboxProps extends Omit<React.HTMLProps<HTMLInputElement>, 'type' | 'onChange' | 'disabled' | 'checked'>, OUIAProps {
|
|
5
|
+
/** Additional classes added to the MenuToggleCheckbox */
|
|
6
|
+
className?: string;
|
|
7
|
+
/** Flag to show if the checkbox selection is valid or invalid */
|
|
8
|
+
isValid?: boolean;
|
|
9
|
+
/** Flag to show if the checkbox is disabled */
|
|
10
|
+
isDisabled?: boolean;
|
|
11
|
+
/** Flag to show if the checkbox is checked when it is controlled by React state.
|
|
12
|
+
* To make the checkbox uncontrolled instead use the defaultChecked prop, but do not use both.
|
|
13
|
+
*/
|
|
14
|
+
isChecked?: boolean | null;
|
|
15
|
+
/** Flag to set the default checked value of the checkbox when it is uncontrolled by React state.
|
|
16
|
+
* To make the checkbox controlled instead use the isChecked prop, but do not use both.
|
|
17
|
+
*/
|
|
18
|
+
defaultChecked?: boolean | null;
|
|
19
|
+
/** A callback for when the checkbox selection changes */
|
|
20
|
+
onChange?: (checked: boolean, event: React.FormEvent<HTMLInputElement>) => void;
|
|
21
|
+
/** Element to be rendered inside the <span> */
|
|
22
|
+
children?: React.ReactNode;
|
|
23
|
+
/** Id of the checkbox */
|
|
24
|
+
id: string;
|
|
25
|
+
}
|
|
26
|
+
export declare class MenuToggleCheckbox extends React.Component<MenuToggleCheckboxProps, {
|
|
27
|
+
ouiaStateId: string;
|
|
28
|
+
}> {
|
|
29
|
+
static displayName: string;
|
|
30
|
+
static defaultProps: PickOptional<MenuToggleCheckboxProps>;
|
|
31
|
+
constructor(props: MenuToggleCheckboxProps);
|
|
32
|
+
handleChange: (event: React.FormEvent<HTMLInputElement>) => void;
|
|
33
|
+
calculateChecked: () => boolean;
|
|
34
|
+
render(): JSX.Element;
|
|
35
|
+
}
|
|
36
|
+
//# sourceMappingURL=MenuToggleCheckbox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenuToggleCheckbox.d.ts","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggleCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAgB,SAAS,EAAoB,MAAM,eAAe,CAAC;AAE1E,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC,EAC3F,SAAS;IACX,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC3B;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAChC,yDAAyD;IACzD,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChF,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yBAAyB;IACzB,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,qBAAa,kBAAmB,SAAQ,KAAK,CAAC,SAAS,CAAC,uBAAuB,EAAE;IAAE,WAAW,EAAE,MAAM,CAAA;CAAE,CAAC;IACvG,MAAM,CAAC,WAAW,SAAwB;IAC1C,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,uBAAuB,CAAC,CAIxD;gBAEU,KAAK,EAAE,uBAAuB;IAO1C,YAAY,UAAW,MAAM,SAAS,CAAC,gBAAgB,CAAC,UAEtD;IAEF,gBAAgB,gBASd;IAEF,MAAM;CA0CP"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { __rest } from "tslib";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import styles from '@patternfly/react-styles/css/components/Check/check';
|
|
4
|
+
import { css } from '@patternfly/react-styles';
|
|
5
|
+
import { getOUIAProps, getDefaultOUIAId } from '../../helpers';
|
|
6
|
+
export class MenuToggleCheckbox extends React.Component {
|
|
7
|
+
constructor(props) {
|
|
8
|
+
super(props);
|
|
9
|
+
this.handleChange = (event) => {
|
|
10
|
+
this.props.onChange(event.target.checked, event);
|
|
11
|
+
};
|
|
12
|
+
this.calculateChecked = () => {
|
|
13
|
+
const { isChecked, defaultChecked } = this.props;
|
|
14
|
+
if (isChecked === null) {
|
|
15
|
+
// return false here and the indeterminate state will be set to true through the ref
|
|
16
|
+
return false;
|
|
17
|
+
}
|
|
18
|
+
else if (isChecked !== undefined) {
|
|
19
|
+
return isChecked;
|
|
20
|
+
}
|
|
21
|
+
return defaultChecked;
|
|
22
|
+
};
|
|
23
|
+
this.state = {
|
|
24
|
+
ouiaStateId: getDefaultOUIAId(MenuToggleCheckbox.displayName)
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
render() {
|
|
28
|
+
const _a = this.props, { className, isValid, isDisabled, isChecked, children, ouiaId, ouiaSafe,
|
|
29
|
+
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
30
|
+
onChange, defaultChecked, id } = _a, props = __rest(_a, ["className", "isValid", "isDisabled", "isChecked", "children", "ouiaId", "ouiaSafe", "onChange", "defaultChecked", "id"]);
|
|
31
|
+
const text = children && (React.createElement("span", { className: css(styles.checkLabel, className), "aria-hidden": "true", id: id }, children));
|
|
32
|
+
return (React.createElement("label", { className: css(styles.check, !children && styles.modifiers.standalone, className), htmlFor: id },
|
|
33
|
+
React.createElement("input", Object.assign({ className: css(styles.checkInput) }, (this.calculateChecked() !== undefined && { onChange: this.handleChange }), { name: id, type: "checkbox", ref: elem => elem && (elem.indeterminate = isChecked === null), "aria-invalid": !isValid, disabled: isDisabled }, (defaultChecked !== undefined ? { defaultChecked } : { checked: isChecked }), getOUIAProps(MenuToggleCheckbox.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe), props)),
|
|
34
|
+
text));
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
MenuToggleCheckbox.displayName = 'MenuToggleCheckbox';
|
|
38
|
+
MenuToggleCheckbox.defaultProps = {
|
|
39
|
+
isValid: true,
|
|
40
|
+
isDisabled: false,
|
|
41
|
+
onChange: () => undefined
|
|
42
|
+
};
|
|
43
|
+
//# sourceMappingURL=MenuToggleCheckbox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenuToggleCheckbox.js","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggleCheckbox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,qDAAqD,CAAC;AACzE,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,OAAO,EAAE,YAAY,EAAa,gBAAgB,EAAE,MAAM,eAAe,CAAC;AA2B1E,MAAM,OAAO,kBAAmB,SAAQ,KAAK,CAAC,SAA2D;IAQvG,YAAY,KAA8B;QACxC,KAAK,CAAC,KAAK,CAAC,CAAC;QAMf,iBAAY,GAAG,CAAC,KAAwC,EAAE,EAAE;YAC1D,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAE,KAAK,CAAC,MAA2B,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QACzE,CAAC,CAAC;QAEF,qBAAgB,GAAG,GAAG,EAAE;YACtB,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YACjD,IAAI,SAAS,KAAK,IAAI,EAAE;gBACtB,oFAAoF;gBACpF,OAAO,KAAK,CAAC;aACd;iBAAM,IAAI,SAAS,KAAK,SAAS,EAAE;gBAClC,OAAO,SAAS,CAAC;aAClB;YACD,OAAO,cAAc,CAAC;QACxB,CAAC,CAAC;QAlBA,IAAI,CAAC,KAAK,GAAG;YACX,WAAW,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,WAAW,CAAC;SAC9D,CAAC;IACJ,CAAC;IAiBD,MAAM;QACJ,MAAM,KAaF,IAAI,CAAC,KAAK,EAbR,EACJ,SAAS,EACT,OAAO,EACP,UAAU,EACV,SAAS,EACT,QAAQ,EACR,MAAM,EACN,QAAQ;QACR,sDAAsD;QACtD,QAAQ,EACR,cAAc,EACd,EAAE,OAEU,EADT,KAAK,cAZJ,yHAaL,CAAa,CAAC;QACf,MAAM,IAAI,GAAG,QAAQ,IAAI,CACvB,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,UAAU,EAAE,SAAS,CAAC,iBAAc,MAAM,EAAC,EAAE,EAAE,EAAE,IAC1E,QAAQ,CACJ,CACR,CAAC;QACF,OAAO,CACL,+BAAO,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,QAAQ,IAAI,MAAM,CAAC,SAAS,CAAC,UAAU,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,EAAE;YACnG,6CACE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,UAAU,CAAC,IAC7B,CAAC,IAAI,CAAC,gBAAgB,EAAE,KAAK,SAAS,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC,IAC9E,IAAI,EAAE,EAAE,EACR,IAAI,EAAC,UAAU,EACf,GAAG,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,aAAa,GAAG,SAAS,KAAK,IAAI,CAAC,kBAChD,CAAC,OAAO,EACtB,QAAQ,EAAE,UAAU,IAChB,CAAC,cAAc,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,EAC5E,YAAY,CACd,kBAAkB,CAAC,WAAW,EAC9B,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,EACtD,QAAQ,CACT,EACG,KAAK,EACT;YACD,IAAI,CACC,CACT,CAAC;IACJ,CAAC;;AAtEM,8BAAW,GAAG,oBAAoB,CAAC;AACnC,+BAAY,GAA0C;IAC3D,OAAO,EAAE,IAAI;IACb,UAAU,EAAE,KAAK;IACjB,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAgB;CACjC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/MenuToggle/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/MenuToggle/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/MenuToggle/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/MenuToggle/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,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":"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"}
|