@patternfly/react-core 4.236.13 → 4.237.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/Button/Button.d.ts +10 -0
- package/dist/esm/components/Button/Button.d.ts.map +1 -1
- package/dist/esm/components/Button/Button.js +5 -2
- package/dist/esm/components/Button/Button.js.map +1 -1
- package/dist/esm/components/Masthead/Masthead.js +1 -1
- package/dist/esm/components/Masthead/Masthead.js.map +1 -1
- package/dist/esm/components/Page/Page.d.ts +0 -13
- package/dist/esm/components/Page/Page.d.ts.map +1 -1
- package/dist/esm/components/Page/Page.js +3 -13
- package/dist/esm/components/Page/Page.js.map +1 -1
- package/dist/esm/components/Page/PageBreadcrumb.js +1 -1
- package/dist/esm/components/Page/PageBreadcrumb.js.map +1 -1
- package/dist/esm/components/Page/PageContext.d.ts +15 -0
- package/dist/esm/components/Page/PageContext.d.ts.map +1 -0
- package/dist/esm/components/Page/PageContext.js +15 -0
- package/dist/esm/components/Page/PageContext.js.map +1 -0
- package/dist/esm/components/Page/PageGroup.js +1 -1
- package/dist/esm/components/Page/PageGroup.js.map +1 -1
- package/dist/esm/components/Page/PageHeader.js +1 -1
- package/dist/esm/components/Page/PageHeader.js.map +1 -1
- package/dist/esm/components/Page/PageHeaderToolsGroup.js +1 -1
- package/dist/esm/components/Page/PageHeaderToolsGroup.js.map +1 -1
- package/dist/esm/components/Page/PageHeaderToolsItem.js +1 -1
- package/dist/esm/components/Page/PageHeaderToolsItem.js.map +1 -1
- package/dist/esm/components/Page/PageNavigation.js +1 -1
- package/dist/esm/components/Page/PageNavigation.js.map +1 -1
- package/dist/esm/components/Page/PageSection.js +1 -1
- package/dist/esm/components/Page/PageSection.js.map +1 -1
- package/dist/esm/components/Page/PageSidebar.js +1 -1
- package/dist/esm/components/Page/PageSidebar.js.map +1 -1
- package/dist/esm/components/Page/PageToggleButton.js +1 -1
- package/dist/esm/components/Page/PageToggleButton.js.map +1 -1
- package/dist/esm/components/Page/index.d.ts +1 -0
- package/dist/esm/components/Page/index.d.ts.map +1 -1
- package/dist/esm/components/Page/index.js +1 -0
- package/dist/esm/components/Page/index.js.map +1 -1
- package/dist/esm/components/Toolbar/Toolbar.js +1 -1
- package/dist/esm/components/Toolbar/Toolbar.js.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarContent.js +1 -1
- package/dist/esm/components/Toolbar/ToolbarContent.js.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarGroup.js +1 -1
- package/dist/esm/components/Toolbar/ToolbarGroup.js.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarItem.js +1 -1
- package/dist/esm/components/Toolbar/ToolbarItem.js.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarToggleGroup.js +1 -1
- package/dist/esm/components/Toolbar/ToolbarToggleGroup.js.map +1 -1
- package/dist/js/components/Button/Button.d.ts +10 -0
- package/dist/js/components/Button/Button.d.ts.map +1 -1
- package/dist/js/components/Button/Button.js +5 -2
- package/dist/js/components/Button/Button.js.map +1 -1
- package/dist/js/components/Masthead/Masthead.js +2 -2
- package/dist/js/components/Masthead/Masthead.js.map +1 -1
- package/dist/js/components/Page/Page.d.ts +0 -13
- package/dist/js/components/Page/Page.d.ts.map +1 -1
- package/dist/js/components/Page/Page.js +5 -15
- package/dist/js/components/Page/Page.js.map +1 -1
- package/dist/js/components/Page/PageBreadcrumb.js +2 -2
- package/dist/js/components/Page/PageBreadcrumb.js.map +1 -1
- package/dist/js/components/Page/PageContext.d.ts +15 -0
- package/dist/js/components/Page/PageContext.d.ts.map +1 -0
- package/dist/js/components/Page/PageContext.js +19 -0
- package/dist/js/components/Page/PageContext.js.map +1 -0
- package/dist/js/components/Page/PageGroup.js +2 -2
- package/dist/js/components/Page/PageGroup.js.map +1 -1
- package/dist/js/components/Page/PageHeader.js +2 -2
- package/dist/js/components/Page/PageHeader.js.map +1 -1
- package/dist/js/components/Page/PageHeaderToolsGroup.js +2 -2
- package/dist/js/components/Page/PageHeaderToolsGroup.js.map +1 -1
- package/dist/js/components/Page/PageHeaderToolsItem.js +2 -2
- package/dist/js/components/Page/PageHeaderToolsItem.js.map +1 -1
- package/dist/js/components/Page/PageNavigation.js +2 -2
- package/dist/js/components/Page/PageNavigation.js.map +1 -1
- package/dist/js/components/Page/PageSection.js +2 -2
- package/dist/js/components/Page/PageSection.js.map +1 -1
- package/dist/js/components/Page/PageSidebar.js +2 -2
- package/dist/js/components/Page/PageSidebar.js.map +1 -1
- package/dist/js/components/Page/PageToggleButton.js +2 -2
- package/dist/js/components/Page/PageToggleButton.js.map +1 -1
- package/dist/js/components/Page/index.d.ts +1 -0
- package/dist/js/components/Page/index.d.ts.map +1 -1
- package/dist/js/components/Page/index.js +1 -0
- package/dist/js/components/Page/index.js.map +1 -1
- package/dist/js/components/Toolbar/Toolbar.js +2 -2
- package/dist/js/components/Toolbar/Toolbar.js.map +1 -1
- package/dist/js/components/Toolbar/ToolbarContent.js +2 -2
- package/dist/js/components/Toolbar/ToolbarContent.js.map +1 -1
- package/dist/js/components/Toolbar/ToolbarGroup.js +2 -2
- package/dist/js/components/Toolbar/ToolbarGroup.js.map +1 -1
- package/dist/js/components/Toolbar/ToolbarItem.js +2 -2
- package/dist/js/components/Toolbar/ToolbarItem.js.map +1 -1
- package/dist/js/components/Toolbar/ToolbarToggleGroup.js +2 -2
- package/dist/js/components/Toolbar/ToolbarToggleGroup.js.map +1 -1
- package/dist/umd/react-core.min.css +38 -38
- package/dist/umd/react-core.min.js +3 -3
- package/package.json +5 -5
- package/src/components/Button/Button.tsx +19 -0
- package/src/components/Button/examples/Button.md +8 -1
- package/src/components/Button/examples/ButtonWithCount.tsx +89 -0
- package/src/components/Masthead/Masthead.tsx +1 -1
- package/src/components/Menu/examples/Menu.md +1 -1
- package/src/components/Page/Page.tsx +4 -34
- package/src/components/Page/PageBreadcrumb.tsx +1 -1
- package/src/components/Page/PageContext.tsx +27 -0
- package/src/components/Page/PageGroup.tsx +1 -1
- package/src/components/Page/PageHeader.tsx +1 -1
- package/src/components/Page/PageHeaderToolsGroup.tsx +1 -1
- package/src/components/Page/PageHeaderToolsItem.tsx +1 -1
- package/src/components/Page/PageNavigation.tsx +1 -1
- package/src/components/Page/PageSection.tsx +1 -1
- package/src/components/Page/PageSidebar.tsx +1 -1
- package/src/components/Page/PageToggleButton.tsx +1 -1
- package/src/components/Page/__tests__/Page.test.tsx +2 -1
- package/src/components/Page/__tests__/__snapshots__/Page.test.tsx.snap +2 -2
- package/src/components/Page/index.ts +1 -0
- package/src/components/Toolbar/Toolbar.tsx +1 -1
- package/src/components/Toolbar/ToolbarContent.tsx +1 -1
- package/src/components/Toolbar/ToolbarGroup.tsx +1 -1
- package/src/components/Toolbar/ToolbarItem.tsx +1 -1
- package/src/components/Toolbar/ToolbarToggleGroup.tsx +1 -1
- package/src/demos/Page/Page.md +10 -28
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarGroup.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,yDAAyD,CAAC;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"ToolbarGroup.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,yDAAyD,CAAC;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,MAAM,CAAN,IAAY,mBAIX;AAJD,WAAY,mBAAmB;IAC7B,oDAA+B,CAAA;IAC/B,8DAAyC,CAAA;IACzC,oDAA+B,CAAA;AACjC,CAAC,EAJW,mBAAmB,KAAnB,mBAAmB,QAI9B;AAqDD,MAAM,mBAAoB,SAAQ,KAAK,CAAC,SAA4B;IAClE,MAAM;QACJ,MAAM,KAWF,IAAI,CAAC,KAAK,EAXR,EACJ,UAAU,EACV,SAAS,EACT,SAAS,EACT,MAAM,EACN,UAAU,EACV,SAAS,EACT,OAAO,EACP,QAAQ,EACR,QAAQ,OAEI,EADT,KAAK,cAVJ,gHAWL,CAAa,CAAC;QAEf,IAAI,SAAS,KAAK,SAAS,EAAE;YAC3B,sCAAsC;YACtC,OAAO,CAAC,IAAI,CACV,uDAAuD;gBACrD,2DAA2D,CAC9D,CAAC;SACH;QAED,OAAO,CACL,oBAAC,WAAW,CAAC,QAAQ,QAClB,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAC7B,2CACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,YAAY,EACnB,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAsD,CAAC,EAClG,oBAAoB,CAAC,UAAU,IAAI,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAC/E,oBAAoB,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EACjE,oBAAoB,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAC9D,oBAAoB,CAAC,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAClE,SAAS,CACV,IACG,KAAK,IACT,GAAG,EAAE,QAAQ,KAEZ,QAAQ,CACL,CACP,CACoB,CACxB,CAAC;IACJ,CAAC;CACF;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAwB,EAAE,GAAQ,EAAE,EAAE,CAAC,CACnF,oBAAC,mBAAmB,oBAAK,KAAK,IAAE,QAAQ,EAAE,GAAG,IAAI,CAClD,CAAC,CAAC"}
|
|
@@ -4,7 +4,7 @@ import styles from '@patternfly/react-styles/css/components/Toolbar/toolbar';
|
|
|
4
4
|
import { css } from '@patternfly/react-styles';
|
|
5
5
|
import { formatBreakpointMods, toCamel } from '../../helpers/util';
|
|
6
6
|
import { Divider } from '../Divider';
|
|
7
|
-
import { PageContext } from '../Page/
|
|
7
|
+
import { PageContext } from '../Page/PageContext';
|
|
8
8
|
export var ToolbarItemVariant;
|
|
9
9
|
(function (ToolbarItemVariant) {
|
|
10
10
|
ToolbarItemVariant["separator"] = "separator";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarItem.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,yDAAyD,CAAC;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,OAAO,EAAE,oBAAoB,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"ToolbarItem.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,yDAAyD,CAAC;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,OAAO,EAAE,oBAAoB,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,MAAM,CAAN,IAAY,kBASX;AATD,WAAY,kBAAkB;IAC5B,6CAAuB,CAAA;IACvB,iDAA6B,CAAA;IAC7B,qDAAiC,CAAA;IACjC,+CAAyB,CAAA;IACzB,qDAAiC,CAAA;IACjC,qCAAe,CAAA;IACf,+CAA2B,CAAA;IAC3B,+CAA2B,CAAA;AAC7B,CAAC,EATW,kBAAkB,KAAlB,kBAAkB,QAS7B;AAiED,MAAM,CAAC,MAAM,WAAW,GAA8C,CAAC,EAYpD,EAAE,EAAE;QAZgD,EACrE,SAAS,EACT,OAAO,EACP,UAAU,EACV,SAAS,EACT,SAAS,EACT,MAAM,EACN,MAAM,EACN,EAAE,EACF,QAAQ,EACR,aAAa,OAEI,EADd,KAAK,cAX6D,uHAYtE,CADS;IAER,IAAI,OAAO,KAAK,kBAAkB,CAAC,SAAS,EAAE;QAC5C,OAAO,oBAAC,OAAO,kBAAC,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,SAAS,CAAC,IAAM,KAAK,EAAI,CAAC;KACrF;IAED,IAAI,SAAS,KAAK,SAAS,EAAE;QAC3B,sCAAsC;QACtC,OAAO,CAAC,IAAI,CACV,sDAAsD;YACpD,2DAA2D,CAC9D,CAAC;KACH;IAED,MAAM,WAAW,GAAQ,EAAE,CAAC;IAC5B,IAAI,MAAM,EAAE;QACV,MAAM,CAAC,OAAO,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,GAAG,CAC9B,CAAC,CAAC,UAAU,EAAE,KAAK,CAAC,EAAE,EAAE,CACtB,CAAC,WAAW,CAAC,8BAA8B,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,KAAK,CAAC,CAC7G,CAAC;KACH;IAED,OAAO,CACL,oBAAC,WAAW,CAAC,QAAQ,QAClB,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAC7B,2CACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,WAAW,EAClB,OAAO;YACL,MAAM,CAAC,SAAS,CACd,OAAO,CAAC,OAAO,CAMA,CAChB,EACH,aAAa,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,EAC1C,oBAAoB,CAAC,UAAU,IAAI,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAC/E,oBAAoB,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EACjE,oBAAoB,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAC9D,SAAS,CACV,IACG,CAAC,OAAO,KAAK,OAAO,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,IACpD,EAAE,EAAE,EAAE,IACF,KAAK,EACL,CAAC,MAAM,IAAI,EAAE,KAAK,EAAE,gCAAK,WAAW,GAAK,KAAK,CAAC,KAAK,CAAyB,EAAE,CAAC,GAEnF,QAAQ,CACL,CACP,CACoB,CACxB,CAAC;AACJ,CAAC,CAAC;AACF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}
|
|
@@ -7,7 +7,7 @@ import { ToolbarContext, ToolbarContentContext } from './ToolbarUtils';
|
|
|
7
7
|
import { Button } from '../Button';
|
|
8
8
|
import globalBreakpointLg from '@patternfly/react-tokens/dist/esm/global_breakpoint_lg';
|
|
9
9
|
import { formatBreakpointMods, toCamel, canUseDOM } from '../../helpers/util';
|
|
10
|
-
import { PageContext } from '../Page/
|
|
10
|
+
import { PageContext } from '../Page/PageContext';
|
|
11
11
|
export class ToolbarToggleGroup extends React.Component {
|
|
12
12
|
constructor() {
|
|
13
13
|
super(...arguments);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarToggleGroup.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarToggleGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,QAAQ,MAAM,WAAW,CAAC;AACtC,OAAO,MAAM,MAAM,yDAAyD,CAAC;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,OAAO,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AACvE,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,kBAAkB,MAAM,wDAAwD,CAAC;AACxF,OAAO,EAAE,oBAAoB,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,EAAE,WAAW,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"ToolbarToggleGroup.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarToggleGroup.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,6 +15,14 @@ export declare enum ButtonType {
|
|
|
15
15
|
submit = "submit",
|
|
16
16
|
reset = "reset"
|
|
17
17
|
}
|
|
18
|
+
export interface BadgeCountObject {
|
|
19
|
+
/** Adds styling to the badge to indicate it has been read */
|
|
20
|
+
isRead?: boolean;
|
|
21
|
+
/** Adds count number right of button */
|
|
22
|
+
count?: number;
|
|
23
|
+
/** Additional classes added to the badge count */
|
|
24
|
+
className?: string;
|
|
25
|
+
}
|
|
18
26
|
export interface ButtonProps extends Omit<React.HTMLProps<HTMLButtonElement>, 'ref'>, OUIAProps {
|
|
19
27
|
/** Content rendered inside the button */
|
|
20
28
|
children?: React.ReactNode;
|
|
@@ -62,6 +70,8 @@ export interface ButtonProps extends Omit<React.HTMLProps<HTMLButtonElement>, 'r
|
|
|
62
70
|
isDanger?: boolean;
|
|
63
71
|
/** Forwarded ref */
|
|
64
72
|
innerRef?: React.Ref<any>;
|
|
73
|
+
/** Adds count number to button */
|
|
74
|
+
countOptions?: BadgeCountObject;
|
|
65
75
|
}
|
|
66
76
|
export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<any>>;
|
|
67
77
|
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAC;AAGxD,oBAAY,aAAa;IACvB,OAAO,YAAY;IACnB,SAAS,cAAc;IACvB,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,OAAO,YAAY;CACpB;AAED,oBAAY,UAAU;IACpB,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,KAAK,UAAU;CAChB;AAED,MAAM,WAAW,gBAAgB;IAC/B,8DAA8D;IAC9D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,EAAE,KAAK,CAAC,EAAE,SAAS;IAC7F,yCAAyC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC9D,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sFAAsF;IACtF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gHAAgH;IAChH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sCAAsC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8DAA8D;IAC9D,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,mEAAmE;IACnE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,yDAAyD;IACzD,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,qEAAqE;IACrE,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB;IACvB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,iCAAiC;IACjC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;IACrG,qCAAqC;IACrC,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oEAAoE;IACpE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;IAC9B,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,kCAAkC;IAClC,YAAY,CAAC,EAAE,gBAAgB,CAAC;CACjC;AA+GD,eAAO,MAAM,MAAM,yEAEjB,CAAC"}
|
|
@@ -7,6 +7,7 @@ const button_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/c
|
|
|
7
7
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
8
8
|
const Spinner_1 = require("../Spinner");
|
|
9
9
|
const helpers_1 = require("../../helpers");
|
|
10
|
+
const Badge_1 = require("../Badge");
|
|
10
11
|
var ButtonVariant;
|
|
11
12
|
(function (ButtonVariant) {
|
|
12
13
|
ButtonVariant["primary"] = "primary";
|
|
@@ -25,7 +26,7 @@ var ButtonType;
|
|
|
25
26
|
ButtonType["reset"] = "reset";
|
|
26
27
|
})(ButtonType = exports.ButtonType || (exports.ButtonType = {}));
|
|
27
28
|
const ButtonBase = (_a) => {
|
|
28
|
-
var { children = null, className = '', component = 'button', isActive = false, isBlock = false, isDisabled = false, isAriaDisabled = false, isLoading = null, isDanger = false, spinnerAriaValueText, spinnerAriaLabelledBy, spinnerAriaLabel, isSmall = false, isLarge = false, inoperableEvents = ['onClick', 'onKeyPress'], isInline = false, type = ButtonType.button, variant = ButtonVariant.primary, iconPosition = 'left', 'aria-label': ariaLabel = null, icon = null, ouiaId, ouiaSafe = true, tabIndex = null, innerRef } = _a, props = tslib_1.__rest(_a, ["children", "className", "component", "isActive", "isBlock", "isDisabled", "isAriaDisabled", "isLoading", "isDanger", "spinnerAriaValueText", "spinnerAriaLabelledBy", "spinnerAriaLabel", "isSmall", "isLarge", "inoperableEvents", "isInline", "type", "variant", "iconPosition", 'aria-label', "icon", "ouiaId", "ouiaSafe", "tabIndex", "innerRef"]);
|
|
29
|
+
var { children = null, className = '', component = 'button', isActive = false, isBlock = false, isDisabled = false, isAriaDisabled = false, isLoading = null, isDanger = false, spinnerAriaValueText, spinnerAriaLabelledBy, spinnerAriaLabel, isSmall = false, isLarge = false, inoperableEvents = ['onClick', 'onKeyPress'], isInline = false, type = ButtonType.button, variant = ButtonVariant.primary, iconPosition = 'left', 'aria-label': ariaLabel = null, icon = null, ouiaId, ouiaSafe = true, tabIndex = null, innerRef, countOptions } = _a, props = tslib_1.__rest(_a, ["children", "className", "component", "isActive", "isBlock", "isDisabled", "isAriaDisabled", "isLoading", "isDanger", "spinnerAriaValueText", "spinnerAriaLabelledBy", "spinnerAriaLabel", "isSmall", "isLarge", "inoperableEvents", "isInline", "type", "variant", "iconPosition", 'aria-label', "icon", "ouiaId", "ouiaSafe", "tabIndex", "innerRef", "countOptions"]);
|
|
29
30
|
const ouiaProps = helpers_1.useOUIAProps(exports.Button.displayName, ouiaId, ouiaSafe, variant);
|
|
30
31
|
const Component = component;
|
|
31
32
|
const isButtonElement = Component === 'button';
|
|
@@ -50,7 +51,9 @@ const ButtonBase = (_a) => {
|
|
|
50
51
|
variant === ButtonVariant.plain && children === null && icon ? icon : null,
|
|
51
52
|
variant !== ButtonVariant.plain && icon && iconPosition === 'left' && (React.createElement("span", { className: react_styles_1.css(button_1.default.buttonIcon, button_1.default.modifiers.start) }, icon)),
|
|
52
53
|
children,
|
|
53
|
-
variant !== ButtonVariant.plain && icon && iconPosition === 'right' && (React.createElement("span", { className: react_styles_1.css(button_1.default.buttonIcon, button_1.default.modifiers.end) }, icon))
|
|
54
|
+
variant !== ButtonVariant.plain && icon && iconPosition === 'right' && (React.createElement("span", { className: react_styles_1.css(button_1.default.buttonIcon, button_1.default.modifiers.end) }, icon)),
|
|
55
|
+
countOptions && (React.createElement("span", { className: react_styles_1.css(button_1.default.buttonCount, countOptions.className) },
|
|
56
|
+
React.createElement(Badge_1.Badge, { isRead: countOptions.isRead }, countOptions.count)))));
|
|
54
57
|
};
|
|
55
58
|
exports.Button = React.forwardRef((props, ref) => (React.createElement(ButtonBase, Object.assign({ innerRef: ref }, props))));
|
|
56
59
|
exports.Button.displayName = 'Button';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2GAA2E;AAC3E,2DAA+C;AAC/C,wCAAkD;AAClD,2CAAwD;
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,12 +6,12 @@ const React = tslib_1.__importStar(require("react"));
|
|
|
6
6
|
const masthead_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Masthead/masthead"));
|
|
7
7
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
8
8
|
const util_1 = require("../../helpers/util");
|
|
9
|
-
const
|
|
9
|
+
const PageContext_1 = require("../Page/PageContext");
|
|
10
10
|
const Masthead = (_a) => {
|
|
11
11
|
var { children, className, backgroundColor = 'dark', display = {
|
|
12
12
|
md: 'inline'
|
|
13
13
|
}, inset } = _a, props = tslib_1.__rest(_a, ["children", "className", "backgroundColor", "display", "inset"]);
|
|
14
|
-
const { width, getBreakpoint } = React.useContext(
|
|
14
|
+
const { width, getBreakpoint } = React.useContext(PageContext_1.PageContext);
|
|
15
15
|
return (React.createElement("header", Object.assign({ className: react_styles_1.css(masthead_1.default.masthead, util_1.formatBreakpointMods(display, masthead_1.default, 'display-', getBreakpoint(width)), util_1.formatBreakpointMods(inset, masthead_1.default, '', getBreakpoint(width)), backgroundColor === 'light' && masthead_1.default.modifiers.light, backgroundColor === 'light200' && masthead_1.default.modifiers.light_200, className) }, props), children));
|
|
16
16
|
};
|
|
17
17
|
exports.Masthead = Masthead;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Masthead.js","sourceRoot":"","sources":["../../../../src/components/Masthead/Masthead.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,iHAA+E;AAC/E,2DAA+C;AAC/C,6CAA0D;AAC1D,
|
|
1
|
+
{"version":3,"file":"Masthead.js","sourceRoot":"","sources":["../../../../src/components/Masthead/Masthead.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,iHAA+E;AAC/E,2DAA+C;AAC/C,6CAA0D;AAC1D,qDAAkD;AA6B3C,MAAM,QAAQ,GAA2C,CAAC,EASjD,EAAE,EAAE;QAT6C,EAC/D,QAAQ,EACR,SAAS,EACT,eAAe,GAAG,MAAM,EACxB,OAAO,GAAG;QACR,EAAE,EAAE,QAAQ;KACb,EACD,KAAK,OAES,EADX,KAAK,sBARuD,gEAShE,CADS;IAER,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,yBAAW,CAAC,CAAC;IAC/D,OAAO,CACL,8CACE,SAAS,EAAE,kBAAG,CACZ,kBAAM,CAAC,QAAQ,EACf,2BAAoB,CAAC,OAAO,EAAE,kBAAM,EAAE,UAAU,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EACvE,2BAAoB,CAAC,KAAK,EAAE,kBAAM,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAC7D,eAAe,KAAK,OAAO,IAAI,kBAAM,CAAC,SAAS,CAAC,KAAK,EACrD,eAAe,KAAK,UAAU,IAAI,kBAAM,CAAC,SAAS,CAAC,SAAS,EAC5D,SAAS,CACV,IACG,KAAK,GAER,QAAQ,CACF,CACV,CAAC;AACJ,CAAC,CAAC;AA1BW,QAAA,QAAQ,YA0BnB;AACF,gBAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}
|
|
@@ -5,19 +5,6 @@ export declare enum PageLayouts {
|
|
|
5
5
|
vertical = "vertical",
|
|
6
6
|
horizontal = "horizontal"
|
|
7
7
|
}
|
|
8
|
-
export interface PageContextProps {
|
|
9
|
-
isManagedSidebar: boolean;
|
|
10
|
-
onNavToggle: () => void;
|
|
11
|
-
isNavOpen: boolean;
|
|
12
|
-
width: number;
|
|
13
|
-
height: number;
|
|
14
|
-
getBreakpoint: (width: number | null) => 'default' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
15
|
-
getVerticalBreakpoint: (height: number | null) => 'default' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
16
|
-
}
|
|
17
|
-
export declare const pageContextDefaults: PageContextProps;
|
|
18
|
-
export declare const PageContext: React.Context<PageContextProps>;
|
|
19
|
-
export declare const PageContextProvider: React.Provider<PageContextProps>;
|
|
20
|
-
export declare const PageContextConsumer: React.Consumer<PageContextProps>;
|
|
21
8
|
export interface PageProps extends React.HTMLProps<HTMLDivElement> {
|
|
22
9
|
/** Content rendered inside the main section of the page layout (e.g. <PageSection />) */
|
|
23
10
|
children?: React.ReactNode;
|
|
@@ -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,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,
|
|
1
|
+
{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/Page.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.Page = exports.
|
|
3
|
+
exports.Page = exports.PageLayouts = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const React = tslib_1.__importStar(require("react"));
|
|
6
6
|
const page_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Page/page"));
|
|
@@ -8,25 +8,15 @@ const react_styles_1 = require("@patternfly/react-styles");
|
|
|
8
8
|
const global_breakpoint_xl_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/global_breakpoint_xl'));
|
|
9
9
|
const util_1 = require("../../helpers/util");
|
|
10
10
|
const Drawer_1 = require("../Drawer");
|
|
11
|
+
const PageGroup_1 = require("./PageGroup");
|
|
11
12
|
const resizeObserver_1 = require("../../helpers/resizeObserver");
|
|
12
13
|
const util_2 = require("../../helpers/util");
|
|
14
|
+
const PageContext_1 = require("./PageContext");
|
|
13
15
|
var PageLayouts;
|
|
14
16
|
(function (PageLayouts) {
|
|
15
17
|
PageLayouts["vertical"] = "vertical";
|
|
16
18
|
PageLayouts["horizontal"] = "horizontal";
|
|
17
19
|
})(PageLayouts = exports.PageLayouts || (exports.PageLayouts = {}));
|
|
18
|
-
exports.pageContextDefaults = {
|
|
19
|
-
isManagedSidebar: false,
|
|
20
|
-
isNavOpen: false,
|
|
21
|
-
onNavToggle: () => null,
|
|
22
|
-
width: null,
|
|
23
|
-
height: null,
|
|
24
|
-
getBreakpoint: util_2.getBreakpoint,
|
|
25
|
-
getVerticalBreakpoint: util_2.getVerticalBreakpoint
|
|
26
|
-
};
|
|
27
|
-
exports.PageContext = React.createContext(exports.pageContextDefaults);
|
|
28
|
-
exports.PageContextProvider = exports.PageContext.Provider;
|
|
29
|
-
exports.PageContextConsumer = exports.PageContext.Consumer;
|
|
30
20
|
class Page extends React.Component {
|
|
31
21
|
constructor(props) {
|
|
32
22
|
super(props);
|
|
@@ -141,7 +131,7 @@ class Page extends React.Component {
|
|
|
141
131
|
}
|
|
142
132
|
const crumb = breadcrumb ? (React.createElement("section", { className: react_styles_1.css(page_1.default.pageMainBreadcrumb, isBreadcrumbWidthLimited && page_1.default.modifiers.limitWidth, util_2.formatBreakpointMods(breadcrumbProps === null || breadcrumbProps === void 0 ? void 0 : breadcrumbProps.stickyOnBreakpoint, page_1.default, 'sticky-', getVerticalBreakpoint(height), true)) }, isBreadcrumbWidthLimited ? React.createElement("div", { className: react_styles_1.css(page_1.default.pageMainBody) }, breadcrumb) : breadcrumb)) : null;
|
|
143
133
|
const isGrouped = isTertiaryNavGrouped || isBreadcrumbGrouped || additionalGroupedContent;
|
|
144
|
-
const group = isGrouped ? (React.createElement(
|
|
134
|
+
const group = isGrouped ? (React.createElement(PageGroup_1.PageGroup, Object.assign({}, groupProps),
|
|
145
135
|
isTertiaryNavGrouped && nav,
|
|
146
136
|
isBreadcrumbGrouped && crumb,
|
|
147
137
|
additionalGroupedContent)) : null;
|
|
@@ -151,7 +141,7 @@ class Page extends React.Component {
|
|
|
151
141
|
!isBreadcrumbGrouped && crumb,
|
|
152
142
|
children));
|
|
153
143
|
const panelContent = React.createElement(Drawer_1.DrawerPanelContent, null, notificationDrawer);
|
|
154
|
-
return (React.createElement(
|
|
144
|
+
return (React.createElement(PageContext_1.PageContextProvider, { value: context },
|
|
155
145
|
React.createElement("div", Object.assign({ ref: this.pageRef }, rest, { className: react_styles_1.css(page_1.default.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) }),
|
|
156
146
|
skipToContent,
|
|
157
147
|
header,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../../src/components/Page/Page.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,qGAAuE;AACvE,2DAA+C;AAC/C,yHAAwF;AACxF,6CAAyD;AACzD,sCAAyF;
|
|
1
|
+
{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../../src/components/Page/Page.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,10 +6,10 @@ const React = tslib_1.__importStar(require("react"));
|
|
|
6
6
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
7
7
|
const page_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Page/page"));
|
|
8
8
|
const util_1 = require("../../helpers/util");
|
|
9
|
-
const
|
|
9
|
+
const PageContext_1 = require("./PageContext");
|
|
10
10
|
const PageBreadcrumb = (_a) => {
|
|
11
11
|
var { className = '', children, isWidthLimited, sticky, stickyOnBreakpoint, hasShadowTop = false, hasShadowBottom = false, hasOverflowScroll = false, 'aria-label': ariaLabel } = _a, props = tslib_1.__rest(_a, ["className", "children", "isWidthLimited", "sticky", "stickyOnBreakpoint", "hasShadowTop", "hasShadowBottom", "hasOverflowScroll", 'aria-label']);
|
|
12
|
-
const { height, getVerticalBreakpoint } = React.useContext(
|
|
12
|
+
const { height, getVerticalBreakpoint } = React.useContext(PageContext_1.PageContext);
|
|
13
13
|
React.useEffect(() => {
|
|
14
14
|
if (hasOverflowScroll && !ariaLabel) {
|
|
15
15
|
/* eslint-disable no-console */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageBreadcrumb.js","sourceRoot":"","sources":["../../../../src/components/Page/PageBreadcrumb.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,qGAAuE;AACvE,6CAA0D;AAC1D
|
|
1
|
+
{"version":3,"file":"PageBreadcrumb.js","sourceRoot":"","sources":["../../../../src/components/Page/PageBreadcrumb.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,qGAAuE;AACvE,6CAA0D;AAC1D,+CAA4C;AA8BrC,MAAM,cAAc,GAAG,CAAC,EAWT,EAAE,EAAE;QAXK,EAC7B,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,cAAc,EACd,MAAM,EACN,kBAAkB,EAClB,YAAY,GAAG,KAAK,EACpB,eAAe,GAAG,KAAK,EACvB,iBAAiB,GAAG,KAAK,EACzB,YAAY,EAAE,SAAS,OAEH,EADjB,KAAK,sBAVqB,iJAW9B,CADS;IAER,MAAM,EAAE,MAAM,EAAE,qBAAqB,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,yBAAW,CAAC,CAAC;IAExE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,iBAAiB,IAAI,CAAC,SAAS,EAAE;YACnC,+BAA+B;YAC/B,OAAO,CAAC,IAAI,CAAC,6FAA6F,CAAC,CAAC;SAC7G;IACH,CAAC,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC,CAAC;IAEnC,OAAO,CACL,+CACE,SAAS,EAAE,kBAAG,CACZ,cAAM,CAAC,kBAAkB,EACzB,2BAAoB,CAAC,kBAAkB,EAAE,cAAM,EAAE,SAAS,EAAE,qBAAqB,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,EAChG,cAAc,IAAI,cAAM,CAAC,SAAS,CAAC,UAAU,EAC7C,MAAM,KAAK,KAAK,IAAI,cAAM,CAAC,SAAS,CAAC,SAAS,EAC9C,MAAM,KAAK,QAAQ,IAAI,cAAM,CAAC,SAAS,CAAC,YAAY,EACpD,YAAY,IAAI,cAAM,CAAC,SAAS,CAAC,SAAS,EAC1C,eAAe,IAAI,cAAM,CAAC,SAAS,CAAC,YAAY,EAChD,iBAAiB,IAAI,cAAM,CAAC,SAAS,CAAC,cAAc,EACpD,SAAS,CACV,IACG,CAAC,iBAAiB,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,kBAC9B,SAAS,IACjB,KAAK;QAER,cAAc,IAAI,6BAAK,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,YAAY,CAAC,IAAG,QAAQ,CAAO;QAC5E,CAAC,cAAc,IAAI,QAAQ,CACpB,CACX,CAAC;AACJ,CAAC,CAAC;AA1CW,QAAA,cAAc,kBA0CzB;AACF,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export interface PageContextProps {
|
|
3
|
+
isManagedSidebar: boolean;
|
|
4
|
+
onNavToggle: () => void;
|
|
5
|
+
isNavOpen: boolean;
|
|
6
|
+
width: number;
|
|
7
|
+
height: number;
|
|
8
|
+
getBreakpoint: (width: number | null) => 'default' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
9
|
+
getVerticalBreakpoint: (height: number | null) => 'default' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
10
|
+
}
|
|
11
|
+
export declare const pageContextDefaults: PageContextProps;
|
|
12
|
+
export declare const PageContext: React.Context<PageContextProps>;
|
|
13
|
+
export declare const PageContextProvider: React.Provider<PageContextProps>;
|
|
14
|
+
export declare const PageContextConsumer: React.Consumer<PageContextProps>;
|
|
15
|
+
//# sourceMappingURL=PageContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PageContext.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/PageContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,gBAAgB;IAC/B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IACvF,qBAAqB,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;CACjG;AAED,eAAO,MAAM,mBAAmB,EAAE,gBAQjC,CAAC;AAEF,eAAO,MAAM,WAAW,iCAA6D,CAAC;AAEtF,eAAO,MAAM,mBAAmB,kCAAuB,CAAC;AACxD,eAAO,MAAM,mBAAmB,kCAAuB,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.PageContextConsumer = exports.PageContextProvider = exports.PageContext = exports.pageContextDefaults = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const React = tslib_1.__importStar(require("react"));
|
|
6
|
+
const util_1 = require("../../helpers/util");
|
|
7
|
+
exports.pageContextDefaults = {
|
|
8
|
+
isManagedSidebar: false,
|
|
9
|
+
isNavOpen: false,
|
|
10
|
+
onNavToggle: () => null,
|
|
11
|
+
width: null,
|
|
12
|
+
height: null,
|
|
13
|
+
getBreakpoint: util_1.getBreakpoint,
|
|
14
|
+
getVerticalBreakpoint: util_1.getVerticalBreakpoint
|
|
15
|
+
};
|
|
16
|
+
exports.PageContext = React.createContext(exports.pageContextDefaults);
|
|
17
|
+
exports.PageContextProvider = exports.PageContext.Provider;
|
|
18
|
+
exports.PageContextConsumer = exports.PageContext.Consumer;
|
|
19
|
+
//# sourceMappingURL=PageContext.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PageContext.js","sourceRoot":"","sources":["../../../../src/components/Page/PageContext.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,6CAA0E;AAY7D,QAAA,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,EAAb,oBAAa;IACb,qBAAqB,EAArB,4BAAqB;CACtB,CAAC;AAEW,QAAA,WAAW,GAAG,KAAK,CAAC,aAAa,CAAmB,2BAAmB,CAAC,CAAC;AAEzE,QAAA,mBAAmB,GAAG,mBAAW,CAAC,QAAQ,CAAC;AAC3C,QAAA,mBAAmB,GAAG,mBAAW,CAAC,QAAQ,CAAC"}
|
|
@@ -6,10 +6,10 @@ const React = tslib_1.__importStar(require("react"));
|
|
|
6
6
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
7
7
|
const page_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Page/page"));
|
|
8
8
|
const util_1 = require("../../helpers/util");
|
|
9
|
-
const
|
|
9
|
+
const PageContext_1 = require("./PageContext");
|
|
10
10
|
const PageGroup = (_a) => {
|
|
11
11
|
var { className = '', children, sticky, stickyOnBreakpoint, hasShadowTop = false, hasShadowBottom = false, hasOverflowScroll = false, 'aria-label': ariaLabel } = _a, props = tslib_1.__rest(_a, ["className", "children", "sticky", "stickyOnBreakpoint", "hasShadowTop", "hasShadowBottom", "hasOverflowScroll", 'aria-label']);
|
|
12
|
-
const { height, getVerticalBreakpoint } = React.useContext(
|
|
12
|
+
const { height, getVerticalBreakpoint } = React.useContext(PageContext_1.PageContext);
|
|
13
13
|
React.useEffect(() => {
|
|
14
14
|
if (hasOverflowScroll && !ariaLabel) {
|
|
15
15
|
/* eslint-disable no-console */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageGroup.js","sourceRoot":"","sources":["../../../../src/components/Page/PageGroup.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,qGAAuE;AACvE,6CAA0D;AAC1D
|
|
1
|
+
{"version":3,"file":"PageGroup.js","sourceRoot":"","sources":["../../../../src/components/Page/PageGroup.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,qGAAuE;AACvE,6CAA0D;AAC1D,+CAA4C;AA2BrC,MAAM,SAAS,GAAG,CAAC,EAUT,EAAE,EAAE;QAVK,EACxB,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,MAAM,EACN,kBAAkB,EAClB,YAAY,GAAG,KAAK,EACpB,eAAe,GAAG,KAAK,EACvB,iBAAiB,GAAG,KAAK,EACzB,YAAY,EAAE,SAAS,OAER,EADZ,KAAK,sBATgB,+HAUzB,CADS;IAER,MAAM,EAAE,MAAM,EAAE,qBAAqB,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,yBAAW,CAAC,CAAC;IAExE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,iBAAiB,IAAI,CAAC,SAAS,EAAE;YACnC,+BAA+B;YAC/B,OAAO,CAAC,IAAI,CAAC,wFAAwF,CAAC,CAAC;SACxG;IACH,CAAC,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC,CAAC;IAEnC,OAAO,CACL,6CACM,KAAK,IACT,SAAS,EAAE,kBAAG,CACZ,cAAM,CAAC,aAAa,EACpB,2BAAoB,CAAC,kBAAkB,EAAE,cAAM,EAAE,SAAS,EAAE,qBAAqB,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,EAChG,MAAM,KAAK,KAAK,IAAI,cAAM,CAAC,SAAS,CAAC,SAAS,EAC9C,MAAM,KAAK,QAAQ,IAAI,cAAM,CAAC,SAAS,CAAC,YAAY,EACpD,YAAY,IAAI,cAAM,CAAC,SAAS,CAAC,SAAS,EAC1C,eAAe,IAAI,cAAM,CAAC,SAAS,CAAC,YAAY,EAChD,iBAAiB,IAAI,cAAM,CAAC,SAAS,CAAC,cAAc,EACpD,SAAS,CACV,IACG,CAAC,iBAAiB,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,kBAC9B,SAAS,KAEpB,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAvCW,QAAA,SAAS,aAuCpB;AACF,iBAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
|
|
@@ -8,14 +8,14 @@ const page_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/com
|
|
|
8
8
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
9
9
|
const bars_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/bars-icon'));
|
|
10
10
|
const Button_1 = require("../../components/Button");
|
|
11
|
-
const
|
|
11
|
+
const PageContext_1 = require("./PageContext");
|
|
12
12
|
const PageHeader = (_a) => {
|
|
13
13
|
var { className = '', logo = null, logoProps = null, logoComponent = 'a', headerTools = null, topNav = null, isNavOpen = true, isManagedSidebar: deprecatedIsManagedSidebar = undefined, role = undefined, showNavToggle = false, navToggleId = 'nav-toggle', onNavToggle = () => undefined, 'aria-label': ariaLabel = 'Global navigation', 'aria-controls': ariaControls = null } = _a, props = tslib_1.__rest(_a, ["className", "logo", "logoProps", "logoComponent", "headerTools", "topNav", "isNavOpen", "isManagedSidebar", "role", "showNavToggle", "navToggleId", "onNavToggle", 'aria-label', 'aria-controls']);
|
|
14
14
|
const LogoComponent = logoComponent;
|
|
15
15
|
if ([false, true].includes(deprecatedIsManagedSidebar)) {
|
|
16
16
|
console.warn('isManagedSidebar is deprecated in the PageHeader component. To make the sidebar toggle uncontrolled, pass this prop in the Page component');
|
|
17
17
|
}
|
|
18
|
-
return (React.createElement(
|
|
18
|
+
return (React.createElement(PageContext_1.PageContextConsumer, null, ({ isManagedSidebar, onNavToggle: managedOnNavToggle, isNavOpen: managedIsNavOpen }) => {
|
|
19
19
|
const navToggle = isManagedSidebar ? managedOnNavToggle : onNavToggle;
|
|
20
20
|
const navOpen = isManagedSidebar ? managedIsNavOpen : isNavOpen;
|
|
21
21
|
return (React.createElement("header", Object.assign({ role: role, className: react_styles_1.css(page_1.default.pageHeader, className) }, props),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageHeader.js","sourceRoot":"","sources":["../../../../src/components/Page/PageHeader.tsx"],"names":[],"mappings":";;;;AAAA,+BAA+B;AAC/B,qDAA+B;AAC/B,qGAAuE;AACvE,2DAA+C;AAC/C,wGAAwE;AACxE,oDAAgE;AAChE
|
|
1
|
+
{"version":3,"file":"PageHeader.js","sourceRoot":"","sources":["../../../../src/components/Page/PageHeader.tsx"],"names":[],"mappings":";;;;AAAA,+BAA+B;AAC/B,qDAA+B;AAC/B,qGAAuE;AACvE,2DAA+C;AAC/C,wGAAwE;AACxE,oDAAgE;AAChE,+CAAsE;AA+B/D,MAAM,UAAU,GAA6C,CAAC,EAgBnD,EAAE,EAAE;QAhB+C,EACnE,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,IAAuB,EAC9B,SAAS,GAAG,IAAc,EAC1B,aAAa,GAAG,GAAG,EACnB,WAAW,GAAG,IAAuB,EACrC,MAAM,GAAG,IAAuB,EAChC,SAAS,GAAG,IAAI,EAChB,gBAAgB,EAAE,0BAA0B,GAAG,SAAS,EACxD,IAAI,GAAG,SAAmB,EAC1B,aAAa,GAAG,KAAK,EACrB,WAAW,GAAG,YAAY,EAC1B,WAAW,GAAG,GAAG,EAAE,CAAC,SAAgB,EACpC,YAAY,EAAE,SAAS,GAAG,mBAAmB,EAC7C,eAAe,EAAE,YAAY,GAAG,IAAI,OAEpB,EADb,KAAK,sBAf2D,mMAgBpE,CADS;IAER,MAAM,aAAa,GAAG,aAAoB,CAAC;IAC3C,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC,0BAA0B,CAAC,EAAE;QACtD,OAAO,CAAC,IAAI,CACV,2IAA2I,CAC5I,CAAC;KACH;IACD,OAAO,CACL,oBAAC,iCAAmB,QACjB,CAAC,EAAE,gBAAgB,EAAE,WAAW,EAAE,kBAAkB,EAAE,SAAS,EAAE,gBAAgB,EAAoB,EAAE,EAAE;QACxG,MAAM,SAAS,GAAG,gBAAgB,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,WAAW,CAAC;QACtE,MAAM,OAAO,GAAG,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC;QAEhE,OAAO,CACL,8CAAQ,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,UAAU,EAAE,SAAS,CAAC,IAAM,KAAK;YACxE,CAAC,aAAa,IAAI,IAAI,CAAC,IAAI,CAC1B,6BAAK,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,eAAe,CAAC;gBACxC,aAAa,IAAI,CAChB,6BAAK,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,qBAAqB,CAAC;oBAC/C,oBAAC,eAAM,IACL,EAAE,EAAE,WAAW,EACf,OAAO,EAAE,SAAS,gBACN,SAAS,mBACN,YAAY,mBACZ,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EACzC,OAAO,EAAE,sBAAa,CAAC,KAAK;wBAE5B,oBAAC,mBAAQ,OAAG,CACL,CACL,CACP;gBACA,IAAI,IAAI,CACP,oBAAC,aAAa,kBAAC,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,mBAAmB,CAAC,IAAM,SAAS,GACrE,IAAI,CACS,CACjB,CACG,CACP;YACA,MAAM,IAAI,6BAAK,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,aAAa,CAAC,IAAG,MAAM,CAAO;YACnE,WAAW,CACL,CACV,CAAC;IACJ,CAAC,CACmB,CACvB,CAAC;AACJ,CAAC,CAAC;AA7DW,QAAA,UAAU,cA6DrB;AACF,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}
|
|
@@ -6,10 +6,10 @@ const React = tslib_1.__importStar(require("react"));
|
|
|
6
6
|
const page_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Page/page"));
|
|
7
7
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
8
8
|
const util_1 = require("../../helpers/util");
|
|
9
|
-
const
|
|
9
|
+
const PageContext_1 = require("./PageContext");
|
|
10
10
|
const PageHeaderToolsGroup = (_a) => {
|
|
11
11
|
var { children, className, visibility } = _a, props = tslib_1.__rest(_a, ["children", "className", "visibility"]);
|
|
12
|
-
const { width, getBreakpoint } = React.useContext(
|
|
12
|
+
const { width, getBreakpoint } = React.useContext(PageContext_1.PageContext);
|
|
13
13
|
return (React.createElement("div", Object.assign({ className: react_styles_1.css(page_1.default.pageHeaderToolsGroup, util_1.formatBreakpointMods(visibility, page_1.default, '', getBreakpoint(width)), className) }, props), children));
|
|
14
14
|
};
|
|
15
15
|
exports.PageHeaderToolsGroup = PageHeaderToolsGroup;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageHeaderToolsGroup.js","sourceRoot":"","sources":["../../../../src/components/Page/PageHeaderToolsGroup.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,qGAAuE;AACvE,2DAA+C;AAC/C,6CAA0D;AAC1D
|
|
1
|
+
{"version":3,"file":"PageHeaderToolsGroup.js","sourceRoot":"","sources":["../../../../src/components/Page/PageHeaderToolsGroup.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,qGAAuE;AACvE,2DAA+C;AAC/C,6CAA0D;AAC1D,+CAA4C;AAkBrC,MAAM,oBAAoB,GAAuD,CAAC,EAK7D,EAAE,EAAE;QALyD,EACvF,QAAQ,EACR,SAAS,EACT,UAAU,OAEgB,EADvB,KAAK,sBAJ+E,uCAKxF,CADS;IAER,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,yBAAW,CAAC,CAAC;IAC/D,OAAO,CACL,2CACE,SAAS,EAAE,kBAAG,CACZ,cAAM,CAAC,oBAAoB,EAC3B,2BAAoB,CAAC,UAAU,EAAE,cAAM,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAClE,SAAS,CACV,IACG,KAAK,GAER,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAnBW,QAAA,oBAAoB,wBAmB/B;AACF,4BAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC"}
|
|
@@ -6,10 +6,10 @@ const React = tslib_1.__importStar(require("react"));
|
|
|
6
6
|
const page_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Page/page"));
|
|
7
7
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
8
8
|
const util_1 = require("../../helpers/util");
|
|
9
|
-
const
|
|
9
|
+
const PageContext_1 = require("./PageContext");
|
|
10
10
|
const PageHeaderToolsItem = (_a) => {
|
|
11
11
|
var { children, id, className, visibility, isSelected } = _a, props = tslib_1.__rest(_a, ["children", "id", "className", "visibility", "isSelected"]);
|
|
12
|
-
const { width, getBreakpoint } = React.useContext(
|
|
12
|
+
const { width, getBreakpoint } = React.useContext(PageContext_1.PageContext);
|
|
13
13
|
return (React.createElement("div", Object.assign({ className: react_styles_1.css(page_1.default.pageHeaderToolsItem, isSelected && page_1.default.modifiers.selected, util_1.formatBreakpointMods(visibility, page_1.default, '', getBreakpoint(width)), className), id: id }, props), children));
|
|
14
14
|
};
|
|
15
15
|
exports.PageHeaderToolsItem = PageHeaderToolsItem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageHeaderToolsItem.js","sourceRoot":"","sources":["../../../../src/components/Page/PageHeaderToolsItem.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,qGAAuE;AACvE,2DAA+C;AAC/C,6CAA0D;AAC1D
|
|
1
|
+
{"version":3,"file":"PageHeaderToolsItem.js","sourceRoot":"","sources":["../../../../src/components/Page/PageHeaderToolsItem.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,qGAAuE;AACvE,2DAA+C;AAC/C,6CAA0D;AAC1D,+CAA4C;AAsBrC,MAAM,mBAAmB,GAAsD,CAAC,EAO5D,EAAE,EAAE;QAPwD,EACrF,QAAQ,EACR,EAAE,EACF,SAAS,EACT,UAAU,EACV,UAAU,OAEe,EADtB,KAAK,sBAN6E,2DAOtF,CADS;IAER,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,yBAAW,CAAC,CAAC;IAC/D,OAAO,CACL,2CACE,SAAS,EAAE,kBAAG,CACZ,cAAM,CAAC,mBAAmB,EAC1B,UAAU,IAAI,cAAM,CAAC,SAAS,CAAC,QAAQ,EACvC,2BAAoB,CAAC,UAAU,EAAE,cAAM,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAClE,SAAS,CACV,EACD,EAAE,EAAE,EAAE,IACF,KAAK,GAER,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAvBW,QAAA,mBAAmB,uBAuB9B;AACF,2BAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC"}
|
|
@@ -6,10 +6,10 @@ const React = tslib_1.__importStar(require("react"));
|
|
|
6
6
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
7
7
|
const page_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Page/page"));
|
|
8
8
|
const util_1 = require("../../helpers/util");
|
|
9
|
-
const
|
|
9
|
+
const PageContext_1 = require("./PageContext");
|
|
10
10
|
const PageNavigation = (_a) => {
|
|
11
11
|
var { className = '', children, isWidthLimited, sticky, stickyOnBreakpoint, hasShadowTop = false, hasShadowBottom = false, hasOverflowScroll = false, 'aria-label': ariaLabel } = _a, props = tslib_1.__rest(_a, ["className", "children", "isWidthLimited", "sticky", "stickyOnBreakpoint", "hasShadowTop", "hasShadowBottom", "hasOverflowScroll", 'aria-label']);
|
|
12
|
-
const { height, getVerticalBreakpoint } = React.useContext(
|
|
12
|
+
const { height, getVerticalBreakpoint } = React.useContext(PageContext_1.PageContext);
|
|
13
13
|
React.useEffect(() => {
|
|
14
14
|
if (hasOverflowScroll && !ariaLabel) {
|
|
15
15
|
/* eslint-disable no-console */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageNavigation.js","sourceRoot":"","sources":["../../../../src/components/Page/PageNavigation.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,qGAAuE;AACvE,6CAA0D;AAC1D
|
|
1
|
+
{"version":3,"file":"PageNavigation.js","sourceRoot":"","sources":["../../../../src/components/Page/PageNavigation.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,qGAAuE;AACvE,6CAA0D;AAC1D,+CAA4C;AA8BrC,MAAM,cAAc,GAAG,CAAC,EAWT,EAAE,EAAE;QAXK,EAC7B,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,cAAc,EACd,MAAM,EACN,kBAAkB,EAClB,YAAY,GAAG,KAAK,EACpB,eAAe,GAAG,KAAK,EACvB,iBAAiB,GAAG,KAAK,EACzB,YAAY,EAAE,SAAS,OAEH,EADjB,KAAK,sBAVqB,iJAW9B,CADS;IAER,MAAM,EAAE,MAAM,EAAE,qBAAqB,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,yBAAW,CAAC,CAAC;IAExE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,iBAAiB,IAAI,CAAC,SAAS,EAAE;YACnC,+BAA+B;YAC/B,OAAO,CAAC,IAAI,CAAC,6FAA6F,CAAC,CAAC;SAC7G;IACH,CAAC,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC,CAAC;IAEnC,OAAO,CACL,2CACE,SAAS,EAAE,kBAAG,CACZ,cAAM,CAAC,WAAW,EAClB,2BAAoB,CAAC,kBAAkB,EAAE,cAAM,EAAE,SAAS,EAAE,qBAAqB,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,EAChG,cAAc,IAAI,cAAM,CAAC,SAAS,CAAC,UAAU,EAC7C,MAAM,KAAK,KAAK,IAAI,cAAM,CAAC,SAAS,CAAC,SAAS,EAC9C,MAAM,KAAK,QAAQ,IAAI,cAAM,CAAC,SAAS,CAAC,YAAY,EACpD,YAAY,IAAI,cAAM,CAAC,SAAS,CAAC,SAAS,EAC1C,eAAe,IAAI,cAAM,CAAC,SAAS,CAAC,YAAY,EAChD,iBAAiB,IAAI,cAAM,CAAC,SAAS,CAAC,cAAc,EACpD,SAAS,CACV,IACG,CAAC,iBAAiB,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,kBAC9B,SAAS,IACjB,KAAK;QAER,cAAc,IAAI,6BAAK,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,YAAY,CAAC,IAAG,QAAQ,CAAO;QAC5E,CAAC,cAAc,IAAI,QAAQ,CACxB,CACP,CAAC;AACJ,CAAC,CAAC;AA1CW,QAAA,cAAc,kBA0CzB;AACF,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
|
|
@@ -6,7 +6,7 @@ const React = tslib_1.__importStar(require("react"));
|
|
|
6
6
|
const page_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Page/page"));
|
|
7
7
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
8
8
|
const util_1 = require("../../helpers/util");
|
|
9
|
-
const
|
|
9
|
+
const PageContext_1 = require("./PageContext");
|
|
10
10
|
var PageSectionVariants;
|
|
11
11
|
(function (PageSectionVariants) {
|
|
12
12
|
PageSectionVariants["default"] = "default";
|
|
@@ -39,7 +39,7 @@ const variantStyle = {
|
|
|
39
39
|
};
|
|
40
40
|
const PageSection = (_a) => {
|
|
41
41
|
var { className = '', children, variant = 'default', type = 'default', padding, isFilled, isWidthLimited = false, isCenterAligned = false, sticky, stickyOnBreakpoint, hasShadowTop = false, hasShadowBottom = false, hasOverflowScroll = false, 'aria-label': ariaLabel, component = 'section' } = _a, props = tslib_1.__rest(_a, ["className", "children", "variant", "type", "padding", "isFilled", "isWidthLimited", "isCenterAligned", "sticky", "stickyOnBreakpoint", "hasShadowTop", "hasShadowBottom", "hasOverflowScroll", 'aria-label', "component"]);
|
|
42
|
-
const { height, getVerticalBreakpoint } = React.useContext(
|
|
42
|
+
const { height, getVerticalBreakpoint } = React.useContext(PageContext_1.PageContext);
|
|
43
43
|
React.useEffect(() => {
|
|
44
44
|
if (hasOverflowScroll && !ariaLabel) {
|
|
45
45
|
/* eslint-disable no-console */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageSection.js","sourceRoot":"","sources":["../../../../src/components/Page/PageSection.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,qGAAuE;AACvE,2DAA+C;AAC/C,6CAA0D;AAC1D
|
|
1
|
+
{"version":3,"file":"PageSection.js","sourceRoot":"","sources":["../../../../src/components/Page/PageSection.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,14 +5,14 @@ const tslib_1 = require("tslib");
|
|
|
5
5
|
const React = tslib_1.__importStar(require("react"));
|
|
6
6
|
const page_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Page/page"));
|
|
7
7
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
8
|
-
const
|
|
8
|
+
const PageContext_1 = require("./PageContext");
|
|
9
9
|
exports.pageSidebarContextDefaults = {
|
|
10
10
|
isNavOpen: true
|
|
11
11
|
};
|
|
12
12
|
exports.PageSidebarContext = React.createContext(exports.pageSidebarContextDefaults);
|
|
13
13
|
const PageSidebar = (_a) => {
|
|
14
14
|
var { className = '', nav, isNavOpen = true, theme = 'dark', id = 'page-sidebar' } = _a, props = tslib_1.__rest(_a, ["className", "nav", "isNavOpen", "theme", "id"]);
|
|
15
|
-
return (React.createElement(
|
|
15
|
+
return (React.createElement(PageContext_1.PageContextConsumer, null, ({ isManagedSidebar, isNavOpen: managedIsNavOpen }) => {
|
|
16
16
|
const navOpen = isManagedSidebar ? managedIsNavOpen : isNavOpen;
|
|
17
17
|
return (React.createElement("div", Object.assign({ id: id, className: react_styles_1.css(page_1.default.pageSidebar, theme === 'light' && page_1.default.modifiers.light, navOpen && page_1.default.modifiers.expanded, !navOpen && page_1.default.modifiers.collapsed, className), "aria-hidden": !navOpen }, props),
|
|
18
18
|
React.createElement("div", { className: react_styles_1.css(page_1.default.pageSidebarBody) },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageSidebar.js","sourceRoot":"","sources":["../../../../src/components/Page/PageSidebar.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,qGAAuE;AACvE,2DAA+C;AAC/C
|
|
1
|
+
{"version":3,"file":"PageSidebar.js","sourceRoot":"","sources":["../../../../src/components/Page/PageSidebar.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,qGAAuE;AACvE,2DAA+C;AAC/C,+CAAoD;AAuBvC,QAAA,0BAA0B,GAA4B;IACjE,SAAS,EAAE,IAAI;CAChB,CAAC;AACW,QAAA,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAAmC,kCAA0B,CAAC,CAAC;AAE7G,MAAM,WAAW,GAA8C,CAAC,EAOpD,EAAE,EAAE;QAPgD,EACrE,SAAS,GAAG,EAAE,EACd,GAAG,EACH,SAAS,GAAG,IAAI,EAChB,KAAK,GAAG,MAAM,EACd,EAAE,GAAG,cAAc,OAEF,EADd,KAAK,sBAN6D,gDAOtE,CADS;IACc,OAAA,CACtB,oBAAC,iCAAmB,QACjB,CAAC,EAAE,gBAAgB,EAAE,SAAS,EAAE,gBAAgB,EAAoB,EAAE,EAAE;QACvE,MAAM,OAAO,GAAG,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC;QAEhE,OAAO,CACL,2CACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,kBAAG,CACZ,cAAM,CAAC,WAAW,EAClB,KAAK,KAAK,OAAO,IAAI,cAAM,CAAC,SAAS,CAAC,KAAK,EAC3C,OAAO,IAAI,cAAM,CAAC,SAAS,CAAC,QAAQ,EACpC,CAAC,OAAO,IAAI,cAAM,CAAC,SAAS,CAAC,SAAS,EACtC,SAAS,CACV,iBACY,CAAC,OAAO,IACjB,KAAK;YAET,6BAAK,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,eAAe,CAAC;gBACzC,oBAAC,0BAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,IAAG,GAAG,CAA+B,CAC3F,CACF,CACP,CAAC;IACJ,CAAC,CACmB,CACvB,CAAA;CAAA,CAAC;AAhCW,QAAA,WAAW,eAgCtB;AACF,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}
|
|
@@ -5,10 +5,10 @@ const tslib_1 = require("tslib");
|
|
|
5
5
|
/* eslint-disable no-console */
|
|
6
6
|
const React = tslib_1.__importStar(require("react"));
|
|
7
7
|
const Button_1 = require("../../components/Button");
|
|
8
|
-
const
|
|
8
|
+
const PageContext_1 = require("./PageContext");
|
|
9
9
|
const PageToggleButton = (_a) => {
|
|
10
10
|
var { children, isNavOpen = true, onNavToggle = () => undefined, id = 'nav-toggle' } = _a, props = tslib_1.__rest(_a, ["children", "isNavOpen", "onNavToggle", "id"]);
|
|
11
|
-
return (React.createElement(
|
|
11
|
+
return (React.createElement(PageContext_1.PageContextConsumer, null, ({ isManagedSidebar, onNavToggle: managedOnNavToggle, isNavOpen: managedIsNavOpen }) => {
|
|
12
12
|
const navToggle = isManagedSidebar ? managedOnNavToggle : onNavToggle;
|
|
13
13
|
const navOpen = isManagedSidebar ? managedIsNavOpen : isNavOpen;
|
|
14
14
|
return (React.createElement(Button_1.Button, Object.assign({ id: id, onClick: navToggle, "aria-label": "Side navigation toggle", "aria-expanded": navOpen ? 'true' : 'false', variant: Button_1.ButtonVariant.plain }, props), children));
|