@patternfly/react-core 4.228.0 → 4.230.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.
Files changed (102) hide show
  1. package/CHANGELOG.md +33 -0
  2. package/dist/esm/components/DescriptionList/DescriptionList.d.ts +4 -0
  3. package/dist/esm/components/DescriptionList/DescriptionList.d.ts.map +1 -1
  4. package/dist/esm/components/DescriptionList/DescriptionList.js +5 -2
  5. package/dist/esm/components/DescriptionList/DescriptionList.js.map +1 -1
  6. package/dist/esm/components/DescriptionList/DescriptionListGroup.js.map +1 -1
  7. package/dist/esm/components/Menu/MenuItem.d.ts.map +1 -1
  8. package/dist/esm/components/Menu/MenuItem.js +5 -3
  9. package/dist/esm/components/Menu/MenuItem.js.map +1 -1
  10. package/dist/esm/components/Nav/NavItem.d.ts.map +1 -1
  11. package/dist/esm/components/Nav/NavItem.js +5 -1
  12. package/dist/esm/components/Nav/NavItem.js.map +1 -1
  13. package/dist/esm/components/Page/Page.d.ts +13 -0
  14. package/dist/esm/components/Page/Page.d.ts.map +1 -1
  15. package/dist/esm/components/Page/Page.js +18 -19
  16. package/dist/esm/components/Page/Page.js.map +1 -1
  17. package/dist/esm/components/Page/PageBreadcrumb.d.ts +11 -2
  18. package/dist/esm/components/Page/PageBreadcrumb.d.ts.map +1 -1
  19. package/dist/esm/components/Page/PageBreadcrumb.js +5 -2
  20. package/dist/esm/components/Page/PageBreadcrumb.js.map +1 -1
  21. package/dist/esm/components/Page/PageGroup.d.ts +11 -2
  22. package/dist/esm/components/Page/PageGroup.d.ts.map +1 -1
  23. package/dist/esm/components/Page/PageGroup.js +5 -2
  24. package/dist/esm/components/Page/PageGroup.js.map +1 -1
  25. package/dist/esm/components/Page/PageNavigation.d.ts +11 -2
  26. package/dist/esm/components/Page/PageNavigation.d.ts.map +1 -1
  27. package/dist/esm/components/Page/PageNavigation.js +5 -2
  28. package/dist/esm/components/Page/PageNavigation.js.map +1 -1
  29. package/dist/esm/components/Page/PageSection.d.ts +10 -1
  30. package/dist/esm/components/Page/PageSection.d.ts.map +1 -1
  31. package/dist/esm/components/Page/PageSection.js +4 -2
  32. package/dist/esm/components/Page/PageSection.js.map +1 -1
  33. package/dist/esm/helpers/constants.d.ts +14 -0
  34. package/dist/esm/helpers/constants.d.ts.map +1 -1
  35. package/dist/esm/helpers/constants.js +24 -0
  36. package/dist/esm/helpers/constants.js.map +1 -1
  37. package/dist/esm/helpers/util.d.ts +8 -1
  38. package/dist/esm/helpers/util.d.ts.map +1 -1
  39. package/dist/esm/helpers/util.js +36 -9
  40. package/dist/esm/helpers/util.js.map +1 -1
  41. package/dist/js/components/DescriptionList/DescriptionList.d.ts +4 -0
  42. package/dist/js/components/DescriptionList/DescriptionList.d.ts.map +1 -1
  43. package/dist/js/components/DescriptionList/DescriptionList.js +5 -2
  44. package/dist/js/components/DescriptionList/DescriptionList.js.map +1 -1
  45. package/dist/js/components/DescriptionList/DescriptionListGroup.js.map +1 -1
  46. package/dist/js/components/Menu/MenuItem.d.ts.map +1 -1
  47. package/dist/js/components/Menu/MenuItem.js +5 -3
  48. package/dist/js/components/Menu/MenuItem.js.map +1 -1
  49. package/dist/js/components/Nav/NavItem.d.ts.map +1 -1
  50. package/dist/js/components/Nav/NavItem.js +5 -1
  51. package/dist/js/components/Nav/NavItem.js.map +1 -1
  52. package/dist/js/components/Page/Page.d.ts +13 -0
  53. package/dist/js/components/Page/Page.d.ts.map +1 -1
  54. package/dist/js/components/Page/Page.js +17 -18
  55. package/dist/js/components/Page/Page.js.map +1 -1
  56. package/dist/js/components/Page/PageBreadcrumb.d.ts +11 -2
  57. package/dist/js/components/Page/PageBreadcrumb.d.ts.map +1 -1
  58. package/dist/js/components/Page/PageBreadcrumb.js +5 -2
  59. package/dist/js/components/Page/PageBreadcrumb.js.map +1 -1
  60. package/dist/js/components/Page/PageGroup.d.ts +11 -2
  61. package/dist/js/components/Page/PageGroup.d.ts.map +1 -1
  62. package/dist/js/components/Page/PageGroup.js +5 -2
  63. package/dist/js/components/Page/PageGroup.js.map +1 -1
  64. package/dist/js/components/Page/PageNavigation.d.ts +11 -2
  65. package/dist/js/components/Page/PageNavigation.d.ts.map +1 -1
  66. package/dist/js/components/Page/PageNavigation.js +5 -2
  67. package/dist/js/components/Page/PageNavigation.js.map +1 -1
  68. package/dist/js/components/Page/PageSection.d.ts +10 -1
  69. package/dist/js/components/Page/PageSection.d.ts.map +1 -1
  70. package/dist/js/components/Page/PageSection.js +4 -2
  71. package/dist/js/components/Page/PageSection.js.map +1 -1
  72. package/dist/js/helpers/constants.d.ts +14 -0
  73. package/dist/js/helpers/constants.d.ts.map +1 -1
  74. package/dist/js/helpers/constants.js +26 -1
  75. package/dist/js/helpers/constants.js.map +1 -1
  76. package/dist/js/helpers/util.d.ts +8 -1
  77. package/dist/js/helpers/util.d.ts.map +1 -1
  78. package/dist/js/helpers/util.js +37 -9
  79. package/dist/js/helpers/util.js.map +1 -1
  80. package/dist/umd/react-core.js +170 -71
  81. package/dist/umd/react-core.min.js +6 -5
  82. package/package.json +5 -5
  83. package/src/components/DescriptionList/DescriptionList.tsx +14 -0
  84. package/src/components/DescriptionList/DescriptionListGroup.tsx +1 -0
  85. package/src/components/DescriptionList/examples/DescriptionList.md +31 -1
  86. package/src/components/DescriptionList/examples/DescriptionListDisplaySizeAndCard.tsx +63 -0
  87. package/src/components/DescriptionList/examples/DescriptionListDisplaySizeAndCardHorizontalTermWidth.tsx +34 -0
  88. package/src/components/DescriptionList/examples/DescriptionListDisplaySizeAndCardThreeColumn.tsx +34 -0
  89. package/src/components/DescriptionList/examples/DescriptionListWithCard.tsx +62 -0
  90. package/src/components/DescriptionList/examples/DescriptionListWithDisplaySize.tsx +63 -0
  91. package/src/components/Menu/MenuItem.tsx +7 -5
  92. package/src/components/Nav/NavItem.tsx +6 -0
  93. package/src/components/Page/Page.tsx +58 -21
  94. package/src/components/Page/PageBreadcrumb.tsx +37 -20
  95. package/src/components/Page/PageGroup.tsx +35 -19
  96. package/src/components/Page/PageNavigation.tsx +37 -20
  97. package/src/components/Page/PageSection.tsx +41 -25
  98. package/src/components/Page/__tests__/Page.test.tsx +126 -2
  99. package/src/components/Page/__tests__/__snapshots__/Page.test.tsx.snap +683 -14
  100. package/src/demos/Page/Page.md +356 -3
  101. package/src/helpers/constants.ts +28 -0
  102. package/src/helpers/util.ts +44 -9
@@ -1 +1 @@
1
- {"version":3,"file":"NavItem.js","sourceRoot":"","sources":["../../../../src/components/Nav/NavItem.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"NavItem.js","sourceRoot":"","sources":["../../../../src/components/Nav/NavItem.tsx"],"names":[],"mappings":"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"}
@@ -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":"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"}
1
+ {"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/Page.tsx"],"names":[],"mappings":"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"}
@@ -8,7 +8,6 @@ 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");
12
11
  const resizeObserver_1 = require("../../helpers/resizeObserver");
13
12
  const util_2 = require("../../helpers/util");
14
13
  var PageLayouts;
@@ -21,7 +20,9 @@ exports.pageContextDefaults = {
21
20
  isNavOpen: false,
22
21
  onNavToggle: () => null,
23
22
  width: null,
24
- getBreakpoint: util_2.getBreakpoint
23
+ height: null,
24
+ getBreakpoint: util_2.getBreakpoint,
25
+ getVerticalBreakpoint: util_2.getVerticalBreakpoint
25
26
  };
26
27
  exports.PageContext = React.createContext(exports.pageContextDefaults);
27
28
  exports.PageContextProvider = exports.PageContext.Provider;
@@ -52,7 +53,8 @@ class Page extends React.Component {
52
53
  if (mobileView !== this.state.mobileView) {
53
54
  this.setState({ mobileView });
54
55
  }
55
- this.pageRef.current && this.setState({ width: this.pageRef.current.clientWidth });
56
+ this.pageRef.current &&
57
+ this.setState({ width: this.pageRef.current.clientWidth, height: this.pageRef.current.clientHeight });
56
58
  };
57
59
  this.handleResize = util_1.debounce(this.resize, 250);
58
60
  this.handleMainClick = () => {
@@ -76,7 +78,8 @@ class Page extends React.Component {
76
78
  desktopIsNavOpen: managedSidebarOpen,
77
79
  mobileIsNavOpen: false,
78
80
  mobileView: false,
79
- width: null
81
+ width: null,
82
+ height: null
80
83
  };
81
84
  }
82
85
  componentDidMount() {
@@ -108,14 +111,16 @@ class Page extends React.Component {
108
111
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
109
112
  defaultManagedSidebarIsOpen,
110
113
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
111
- onPageResize, getBreakpoint, mainAriaLabel, mainTabIndex, tertiaryNav, isTertiaryNavGrouped, isBreadcrumbGrouped, additionalGroupedContent, groupProps } = _a, rest = tslib_1.__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"]);
112
- const { mobileView, mobileIsNavOpen, desktopIsNavOpen, width } = this.state;
114
+ onPageResize, getBreakpoint, getVerticalBreakpoint, mainAriaLabel, mainTabIndex, tertiaryNav, isTertiaryNavGrouped, isBreadcrumbGrouped, additionalGroupedContent, groupProps, breadcrumbProps } = _a, rest = tslib_1.__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"]);
115
+ const { mobileView, mobileIsNavOpen, desktopIsNavOpen, width, height } = this.state;
113
116
  const context = {
114
117
  isManagedSidebar,
115
118
  onNavToggle: mobileView ? this.onNavToggleMobile : this.onNavToggleDesktop,
116
119
  isNavOpen: mobileView ? mobileIsNavOpen : desktopIsNavOpen,
117
120
  width,
118
- getBreakpoint
121
+ height,
122
+ getBreakpoint,
123
+ getVerticalBreakpoint
119
124
  };
120
125
  let nav = null;
121
126
  if (tertiaryNav && isTertiaryNavWidthLimited) {
@@ -125,16 +130,9 @@ class Page extends React.Component {
125
130
  else if (tertiaryNav) {
126
131
  nav = React.createElement("div", { className: react_styles_1.css(page_1.default.pageMainNav) }, tertiaryNav);
127
132
  }
128
- let crumb = null;
129
- if (breadcrumb && isBreadcrumbWidthLimited) {
130
- crumb = (React.createElement("section", { className: react_styles_1.css(page_1.default.pageMainBreadcrumb, page_1.default.modifiers.limitWidth) },
131
- React.createElement("div", { className: react_styles_1.css(page_1.default.pageMainBody) }, breadcrumb)));
132
- }
133
- else if (breadcrumb) {
134
- crumb = React.createElement("section", { className: react_styles_1.css(page_1.default.pageMainBreadcrumb) }, breadcrumb);
135
- }
133
+ 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;
136
134
  const isGrouped = isTertiaryNavGrouped || isBreadcrumbGrouped || additionalGroupedContent;
137
- const group = isGrouped ? (React.createElement(PageGroup_1.PageGroup, Object.assign({}, groupProps),
135
+ const group = isGrouped ? (React.createElement("div", Object.assign({ className: react_styles_1.css(page_1.default.pageMainGroup, util_2.formatBreakpointMods(groupProps === null || groupProps === void 0 ? void 0 : groupProps.stickyOnBreakpoint, page_1.default, 'sticky-', getVerticalBreakpoint(height), true)) }, groupProps),
138
136
  isTertiaryNavGrouped && nav,
139
137
  isBreadcrumbGrouped && crumb,
140
138
  additionalGroupedContent)) : null;
@@ -145,7 +143,7 @@ class Page extends React.Component {
145
143
  children));
146
144
  const panelContent = React.createElement(Drawer_1.DrawerPanelContent, null, notificationDrawer);
147
145
  return (React.createElement(exports.PageContextProvider, { value: context },
148
- React.createElement("div", Object.assign({ ref: this.pageRef }, rest, { className: react_styles_1.css(page_1.default.page, width !== null && 'pf-m-resize-observer', width !== null && `pf-m-breakpoint-${getBreakpoint(width)}`, className) }),
146
+ 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) }),
149
147
  skipToContent,
150
148
  header,
151
149
  sidebar,
@@ -166,6 +164,7 @@ Page.defaultProps = {
166
164
  mainTabIndex: -1,
167
165
  isNotificationDrawerExpanded: false,
168
166
  onNotificationDrawerExpand: () => null,
169
- getBreakpoint: util_2.getBreakpoint
167
+ getBreakpoint: util_2.getBreakpoint,
168
+ getVerticalBreakpoint: util_2.getVerticalBreakpoint
170
169
  };
171
170
  //# sourceMappingURL=Page.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../../src/components/Page/Page.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../../src/components/Page/Page.tsx"],"names":[],"mappings":"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"}
@@ -6,8 +6,17 @@ export interface PageBreadcrumbProps extends React.HTMLProps<HTMLElement> {
6
6
  children?: React.ReactNode;
7
7
  /** Limits the width of the breadcrumb */
8
8
  isWidthLimited?: boolean;
9
- /** Modifier indicating if the PageBreadcrumb is sticky to the top or bottom */
9
+ /** @deprecated Use the stickyOnBreakpoint prop instead - Modifier indicating if the PageBreadcrumb is sticky to the top or bottom */
10
10
  sticky?: 'top' | 'bottom';
11
+ /** Modifier indicating if the PageBreadcrumb is sticky to the top or bottom at various breakpoints */
12
+ stickyOnBreakpoint?: {
13
+ default?: 'top' | 'bottom';
14
+ sm?: 'top' | 'bottom';
15
+ md?: 'top' | 'bottom';
16
+ lg?: 'top' | 'bottom';
17
+ xl?: 'top' | 'bottom';
18
+ '2xl'?: 'top' | 'bottom';
19
+ };
11
20
  /** Flag indicating if PageBreadcrumb should have a shadow at the top */
12
21
  hasShadowTop?: boolean;
13
22
  /** Flag indicating if PageBreadcrumb should have a shadow at the bottom */
@@ -16,7 +25,7 @@ export interface PageBreadcrumbProps extends React.HTMLProps<HTMLElement> {
16
25
  hasOverflowScroll?: boolean;
17
26
  }
18
27
  export declare const PageBreadcrumb: {
19
- ({ className, children, isWidthLimited, sticky, hasShadowTop, hasShadowBottom, hasOverflowScroll, ...props }: PageBreadcrumbProps): JSX.Element;
28
+ ({ className, children, isWidthLimited, sticky, stickyOnBreakpoint, hasShadowTop, hasShadowBottom, hasOverflowScroll, ...props }: PageBreadcrumbProps): JSX.Element;
20
29
  displayName: string;
21
30
  };
22
31
  //# sourceMappingURL=PageBreadcrumb.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"PageBreadcrumb.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/PageBreadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;IACvE,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yCAAyC;IACzC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,+EAA+E;IAC/E,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC1B,wEAAwE;IACxE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,2EAA2E;IAC3E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,qEAAqE;IACrE,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,cAAc;kHASxB,mBAAmB;;CAkBrB,CAAC"}
1
+ {"version":3,"file":"PageBreadcrumb.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/PageBreadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;IACvE,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yCAAyC;IACzC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sIAAsI;IACtI,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC1B,sGAAsG;IACtG,kBAAkB,CAAC,EAAE;QACnB,OAAO,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QAC3B,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QACtB,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QACtB,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QACtB,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QACtB,KAAK,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;KAC1B,CAAC;IACF,wEAAwE;IACxE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,2EAA2E;IAC3E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,qEAAqE;IACrE,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,cAAc;sIAUxB,mBAAmB;;CAuBrB,CAAC"}
@@ -5,9 +5,12 @@ const tslib_1 = require("tslib");
5
5
  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
+ const util_1 = require("../../helpers/util");
9
+ const Page_1 = require("../Page/Page");
8
10
  const PageBreadcrumb = (_a) => {
9
- var { className = '', children, isWidthLimited, sticky, hasShadowTop = false, hasShadowBottom = false, hasOverflowScroll = false } = _a, props = tslib_1.__rest(_a, ["className", "children", "isWidthLimited", "sticky", "hasShadowTop", "hasShadowBottom", "hasOverflowScroll"]);
10
- return (React.createElement("section", Object.assign({ className: react_styles_1.css(page_1.default.pageMainBreadcrumb, isWidthLimited && page_1.default.modifiers.limitWidth, sticky === 'top' && page_1.default.modifiers.stickyTop, sticky === 'bottom' && page_1.default.modifiers.stickyBottom, hasShadowTop && page_1.default.modifiers.shadowTop, hasShadowBottom && page_1.default.modifiers.shadowBottom, hasOverflowScroll && page_1.default.modifiers.overflowScroll, className) }, (hasOverflowScroll && { tabIndex: 0 }), props),
11
+ var { className = '', children, isWidthLimited, sticky, stickyOnBreakpoint, hasShadowTop = false, hasShadowBottom = false, hasOverflowScroll = false } = _a, props = tslib_1.__rest(_a, ["className", "children", "isWidthLimited", "sticky", "stickyOnBreakpoint", "hasShadowTop", "hasShadowBottom", "hasOverflowScroll"]);
12
+ const { height, getVerticalBreakpoint } = React.useContext(Page_1.PageContext);
13
+ return (React.createElement("section", Object.assign({ className: react_styles_1.css(page_1.default.pageMainBreadcrumb, util_1.formatBreakpointMods(stickyOnBreakpoint, page_1.default, 'sticky-', getVerticalBreakpoint(height), true), isWidthLimited && page_1.default.modifiers.limitWidth, sticky === 'top' && page_1.default.modifiers.stickyTop, sticky === 'bottom' && page_1.default.modifiers.stickyBottom, hasShadowTop && page_1.default.modifiers.shadowTop, hasShadowBottom && page_1.default.modifiers.shadowBottom, hasOverflowScroll && page_1.default.modifiers.overflowScroll, className) }, (hasOverflowScroll && { tabIndex: 0 }), props),
11
14
  isWidthLimited && React.createElement("div", { className: react_styles_1.css(page_1.default.pageMainBody) }, children),
12
15
  !isWidthLimited && children));
13
16
  };
@@ -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;AAmBhE,MAAM,cAAc,GAAG,CAAC,EAST,EAAE,EAAE;QATK,EAC7B,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,cAAc,EACd,MAAM,EACN,YAAY,GAAG,KAAK,EACpB,eAAe,GAAG,KAAK,EACvB,iBAAiB,GAAG,KAAK,OAEL,EADjB,KAAK,sBARqB,6GAS9B,CADS;IACiB,OAAA,CACzB,+CACE,SAAS,EAAE,kBAAG,CACZ,cAAM,CAAC,kBAAkB,EACzB,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,EACtC,KAAK;QAER,cAAc,IAAI,6BAAK,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,YAAY,CAAC,IAAG,QAAQ,CAAO;QAC5E,CAAC,cAAc,IAAI,QAAQ,CACpB,CACX,CAAA;CAAA,CAAC;AA3BW,QAAA,cAAc,kBA2BzB;AACF,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
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,uCAA2C;AA4BpC,MAAM,cAAc,GAAG,CAAC,EAUT,EAAE,EAAE;QAVK,EAC7B,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,cAAc,EACd,MAAM,EACN,kBAAkB,EAClB,YAAY,GAAG,KAAK,EACpB,eAAe,GAAG,KAAK,EACvB,iBAAiB,GAAG,KAAK,OAEL,EADjB,KAAK,sBATqB,mIAU9B,CADS;IAER,MAAM,EAAE,MAAM,EAAE,qBAAqB,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAW,CAAC,CAAC;IAExE,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,EACtC,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;AAjCW,QAAA,cAAc,kBAiCzB;AACF,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
@@ -4,8 +4,17 @@ export interface PageGroupProps extends React.HTMLProps<HTMLDivElement> {
4
4
  className?: string;
5
5
  /** Content rendered inside of the PageGroup */
6
6
  children?: React.ReactNode;
7
- /** Modifier indicating if PageGroup is sticky to the top or bottom */
7
+ /** @deprecated Use the stickyOnBreakpoint prop instead - Modifier indicating if the PageBreadcrumb is sticky to the top or bottom */
8
8
  sticky?: 'top' | 'bottom';
9
+ /** Modifier indicating if the PageBreadcrumb is sticky to the top or bottom at various breakpoints */
10
+ stickyOnBreakpoint?: {
11
+ default?: 'top' | 'bottom';
12
+ sm?: 'top' | 'bottom';
13
+ md?: 'top' | 'bottom';
14
+ lg?: 'top' | 'bottom';
15
+ xl?: 'top' | 'bottom';
16
+ '2xl'?: 'top' | 'bottom';
17
+ };
9
18
  /** Modifier indicating if PageGroup should have a shadow at the top */
10
19
  hasShadowTop?: boolean;
11
20
  /** Modifier indicating if PageGroup should have a shadow at the bottom */
@@ -14,7 +23,7 @@ export interface PageGroupProps extends React.HTMLProps<HTMLDivElement> {
14
23
  hasOverflowScroll?: boolean;
15
24
  }
16
25
  export declare const PageGroup: {
17
- ({ className, children, sticky, hasShadowTop, hasShadowBottom, hasOverflowScroll, ...props }: PageGroupProps): JSX.Element;
26
+ ({ className, children, sticky, stickyOnBreakpoint, hasShadowTop, hasShadowBottom, hasOverflowScroll, ...props }: PageGroupProps): JSX.Element;
18
27
  displayName: string;
19
28
  };
20
29
  //# sourceMappingURL=PageGroup.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"PageGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/PageGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACrE,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,sEAAsE;IACtE,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC1B,uEAAuE;IACvE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,0EAA0E;IAC1E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gEAAgE;IAChE,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,SAAS;kGAQnB,cAAc;;CAgBhB,CAAC"}
1
+ {"version":3,"file":"PageGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/PageGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACrE,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,sIAAsI;IACtI,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC1B,sGAAsG;IACtG,kBAAkB,CAAC,EAAE;QACnB,OAAO,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QAC3B,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QACtB,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QACtB,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QACtB,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QACtB,KAAK,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;KAC1B,CAAC;IACF,uEAAuE;IACvE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,0EAA0E;IAC1E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gEAAgE;IAChE,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,SAAS;sHASnB,cAAc;;CAqBhB,CAAC"}
@@ -5,9 +5,12 @@ const tslib_1 = require("tslib");
5
5
  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
+ const util_1 = require("../../helpers/util");
9
+ const Page_1 = require("../Page/Page");
8
10
  const PageGroup = (_a) => {
9
- var { className = '', children, sticky, hasShadowTop = false, hasShadowBottom = false, hasOverflowScroll = false } = _a, props = tslib_1.__rest(_a, ["className", "children", "sticky", "hasShadowTop", "hasShadowBottom", "hasOverflowScroll"]);
10
- return (React.createElement("div", Object.assign({}, props, { className: react_styles_1.css(page_1.default.pageMainGroup, sticky === 'top' && page_1.default.modifiers.stickyTop, sticky === 'bottom' && page_1.default.modifiers.stickyBottom, hasShadowTop && page_1.default.modifiers.shadowTop, hasShadowBottom && page_1.default.modifiers.shadowBottom, hasOverflowScroll && page_1.default.modifiers.overflowScroll, className) }, (hasOverflowScroll && { tabIndex: 0 })), children));
11
+ var { className = '', children, sticky, stickyOnBreakpoint, hasShadowTop = false, hasShadowBottom = false, hasOverflowScroll = false } = _a, props = tslib_1.__rest(_a, ["className", "children", "sticky", "stickyOnBreakpoint", "hasShadowTop", "hasShadowBottom", "hasOverflowScroll"]);
12
+ const { height, getVerticalBreakpoint } = React.useContext(Page_1.PageContext);
13
+ return (React.createElement("div", Object.assign({}, props, { className: react_styles_1.css(page_1.default.pageMainGroup, util_1.formatBreakpointMods(stickyOnBreakpoint, page_1.default, 'sticky-', getVerticalBreakpoint(height), true), sticky === 'top' && page_1.default.modifiers.stickyTop, sticky === 'bottom' && page_1.default.modifiers.stickyBottom, hasShadowTop && page_1.default.modifiers.shadowTop, hasShadowBottom && page_1.default.modifiers.shadowBottom, hasOverflowScroll && page_1.default.modifiers.overflowScroll, className) }, (hasOverflowScroll && { tabIndex: 0 })), children));
11
14
  };
12
15
  exports.PageGroup = PageGroup;
13
16
  exports.PageGroup.displayName = 'PageGroup';
@@ -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;AAiBhE,MAAM,SAAS,GAAG,CAAC,EAQT,EAAE,EAAE;QARK,EACxB,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,MAAM,EACN,YAAY,GAAG,KAAK,EACpB,eAAe,GAAG,KAAK,EACvB,iBAAiB,GAAG,KAAK,OAEV,EADZ,KAAK,sBAPgB,2FAQzB,CADS;IACY,OAAA,CACpB,6CACM,KAAK,IACT,SAAS,EAAE,kBAAG,CACZ,cAAM,CAAC,aAAa,EACpB,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,GAEzC,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AAxBW,QAAA,SAAS,aAwBpB;AACF,iBAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
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,uCAA2C;AAyBpC,MAAM,SAAS,GAAG,CAAC,EAST,EAAE,EAAE;QATK,EACxB,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,MAAM,EACN,kBAAkB,EAClB,YAAY,GAAG,KAAK,EACpB,eAAe,GAAG,KAAK,EACvB,iBAAiB,GAAG,KAAK,OAEV,EADZ,KAAK,sBARgB,iHASzB,CADS;IAER,MAAM,EAAE,MAAM,EAAE,qBAAqB,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAW,CAAC,CAAC;IAExE,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,GAEzC,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AA9BW,QAAA,SAAS,aA8BpB;AACF,iBAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
@@ -6,8 +6,17 @@ export interface PageNavigationProps extends React.HTMLProps<HTMLDivElement> {
6
6
  children?: React.ReactNode;
7
7
  /** Limits the width of the PageNavigation */
8
8
  isWidthLimited?: boolean;
9
- /** Modifier indicating if the PageNavigation is sticky to the top or bottom */
9
+ /** @deprecated Use the stickyOnBreakpoint prop instead - Modifier indicating if the PageBreadcrumb is sticky to the top or bottom */
10
10
  sticky?: 'top' | 'bottom';
11
+ /** Modifier indicating if the PageBreadcrumb is sticky to the top or bottom at various breakpoints */
12
+ stickyOnBreakpoint?: {
13
+ default?: 'top' | 'bottom';
14
+ sm?: 'top' | 'bottom';
15
+ md?: 'top' | 'bottom';
16
+ lg?: 'top' | 'bottom';
17
+ xl?: 'top' | 'bottom';
18
+ '2xl'?: 'top' | 'bottom';
19
+ };
11
20
  /** Flag indicating if PageNavigation should have a shadow at the top */
12
21
  hasShadowTop?: boolean;
13
22
  /** Flag indicating if PageNavigation should have a shadow at the bottom */
@@ -16,7 +25,7 @@ export interface PageNavigationProps extends React.HTMLProps<HTMLDivElement> {
16
25
  hasOverflowScroll?: boolean;
17
26
  }
18
27
  export declare const PageNavigation: {
19
- ({ className, children, isWidthLimited, sticky, hasShadowTop, hasShadowBottom, hasOverflowScroll, ...props }: PageNavigationProps): JSX.Element;
28
+ ({ className, children, isWidthLimited, sticky, stickyOnBreakpoint, hasShadowTop, hasShadowBottom, hasOverflowScroll, ...props }: PageNavigationProps): JSX.Element;
20
29
  displayName: string;
21
30
  };
22
31
  //# sourceMappingURL=PageNavigation.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"PageNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/PageNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC1E,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,+EAA+E;IAC/E,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC1B,wEAAwE;IACxE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,2EAA2E;IAC3E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,qEAAqE;IACrE,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,cAAc;kHASxB,mBAAmB;;CAkBrB,CAAC"}
1
+ {"version":3,"file":"PageNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/PageNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC1E,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sIAAsI;IACtI,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC1B,sGAAsG;IACtG,kBAAkB,CAAC,EAAE;QACnB,OAAO,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QAC3B,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QACtB,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QACtB,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QACtB,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QACtB,KAAK,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;KAC1B,CAAC;IACF,wEAAwE;IACxE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,2EAA2E;IAC3E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,qEAAqE;IACrE,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,cAAc;sIAUxB,mBAAmB;;CAuBrB,CAAC"}
@@ -5,9 +5,12 @@ const tslib_1 = require("tslib");
5
5
  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
+ const util_1 = require("../../helpers/util");
9
+ const Page_1 = require("../Page/Page");
8
10
  const PageNavigation = (_a) => {
9
- var { className = '', children, isWidthLimited, sticky, hasShadowTop = false, hasShadowBottom = false, hasOverflowScroll = false } = _a, props = tslib_1.__rest(_a, ["className", "children", "isWidthLimited", "sticky", "hasShadowTop", "hasShadowBottom", "hasOverflowScroll"]);
10
- return (React.createElement("div", Object.assign({ className: react_styles_1.css(page_1.default.pageMainNav, isWidthLimited && page_1.default.modifiers.limitWidth, sticky === 'top' && page_1.default.modifiers.stickyTop, sticky === 'bottom' && page_1.default.modifiers.stickyBottom, hasShadowTop && page_1.default.modifiers.shadowTop, hasShadowBottom && page_1.default.modifiers.shadowBottom, hasOverflowScroll && page_1.default.modifiers.overflowScroll, className) }, (hasOverflowScroll && { tabIndex: 0 }), props),
11
+ var { className = '', children, isWidthLimited, sticky, stickyOnBreakpoint, hasShadowTop = false, hasShadowBottom = false, hasOverflowScroll = false } = _a, props = tslib_1.__rest(_a, ["className", "children", "isWidthLimited", "sticky", "stickyOnBreakpoint", "hasShadowTop", "hasShadowBottom", "hasOverflowScroll"]);
12
+ const { height, getVerticalBreakpoint } = React.useContext(Page_1.PageContext);
13
+ return (React.createElement("div", Object.assign({ className: react_styles_1.css(page_1.default.pageMainNav, util_1.formatBreakpointMods(stickyOnBreakpoint, page_1.default, 'sticky-', getVerticalBreakpoint(height), true), isWidthLimited && page_1.default.modifiers.limitWidth, sticky === 'top' && page_1.default.modifiers.stickyTop, sticky === 'bottom' && page_1.default.modifiers.stickyBottom, hasShadowTop && page_1.default.modifiers.shadowTop, hasShadowBottom && page_1.default.modifiers.shadowBottom, hasOverflowScroll && page_1.default.modifiers.overflowScroll, className) }, (hasOverflowScroll && { tabIndex: 0 }), props),
11
14
  isWidthLimited && React.createElement("div", { className: react_styles_1.css(page_1.default.pageMainBody) }, children),
12
15
  !isWidthLimited && children));
13
16
  };
@@ -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;AAmBhE,MAAM,cAAc,GAAG,CAAC,EAST,EAAE,EAAE;QATK,EAC7B,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,cAAc,EACd,MAAM,EACN,YAAY,GAAG,KAAK,EACpB,eAAe,GAAG,KAAK,EACvB,iBAAiB,GAAG,KAAK,OAEL,EADjB,KAAK,sBARqB,6GAS9B,CADS;IACiB,OAAA,CACzB,2CACE,SAAS,EAAE,kBAAG,CACZ,cAAM,CAAC,WAAW,EAClB,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,EACtC,KAAK;QAER,cAAc,IAAI,6BAAK,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,YAAY,CAAC,IAAG,QAAQ,CAAO;QAC5E,CAAC,cAAc,IAAI,QAAQ,CACxB,CACP,CAAA;CAAA,CAAC;AA3BW,QAAA,cAAc,kBA2BzB;AACF,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
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,uCAA2C;AA4BpC,MAAM,cAAc,GAAG,CAAC,EAUT,EAAE,EAAE;QAVK,EAC7B,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,cAAc,EACd,MAAM,EACN,kBAAkB,EAClB,YAAY,GAAG,KAAK,EACpB,eAAe,GAAG,KAAK,EACvB,iBAAiB,GAAG,KAAK,OAEL,EADjB,KAAK,sBATqB,mIAU9B,CADS;IAER,MAAM,EAAE,MAAM,EAAE,qBAAqB,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAW,CAAC,CAAC;IAExE,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,EACtC,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;AAjCW,QAAA,cAAc,kBAiCzB;AACF,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
@@ -37,8 +37,17 @@ export interface PageSectionProps extends React.HTMLProps<HTMLDivElement> {
37
37
  xl?: 'padding' | 'noPadding';
38
38
  '2xl'?: 'padding' | 'noPadding';
39
39
  };
40
- /** Modifier indicating if PageSection is sticky to the top or bottom */
40
+ /** @deprecated Use the stickyOnBreakpoint prop instead - Modifier indicating if the PageBreadcrumb is sticky to the top or bottom */
41
41
  sticky?: 'top' | 'bottom';
42
+ /** Modifier indicating if the PageBreadcrumb is sticky to the top or bottom at various breakpoints */
43
+ stickyOnBreakpoint?: {
44
+ default?: 'top' | 'bottom';
45
+ sm?: 'top' | 'bottom';
46
+ md?: 'top' | 'bottom';
47
+ lg?: 'top' | 'bottom';
48
+ xl?: 'top' | 'bottom';
49
+ '2xl'?: 'top' | 'bottom';
50
+ };
42
51
  /** Modifier indicating if PageSection should have a shadow at the top */
43
52
  hasShadowTop?: boolean;
44
53
  /** Modifier indicating if PageSection should have a shadow at the bottom */
@@ -1 +1 @@
1
- {"version":3,"file":"PageSection.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/PageSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,oBAAY,mBAAmB;IAC7B,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,IAAI,SAAS;IACb,MAAM,WAAW;CAClB;AAED,oBAAY,gBAAgB;IAC1B,OAAO,YAAY;IACnB,GAAG,QAAQ;IACX,MAAM,WAAW;IACjB,UAAU,eAAe;IACzB,IAAI,SAAS;IACb,MAAM,WAAW;CAClB;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACvE,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;IAClD,2BAA2B;IAC3B,IAAI,CAAC,EAAE,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,YAAY,GAAG,MAAM,GAAG,QAAQ,CAAC;IACvE,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sCAAsC;IACtC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,6GAA6G;IAC7G,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,sCAAsC;IACtC,OAAO,CAAC,EAAE;QACR,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;QAClC,EAAE,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;QAC7B,EAAE,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;QAC7B,EAAE,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;QAC7B,EAAE,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;QAC7B,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;KACjC,CAAC;IACF,wEAAwE;IACxE,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC1B,yEAAyE;IACzE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,4EAA4E;IAC5E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kEAAkE;IAClE,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAkBD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAqCjE,CAAC"}
1
+ {"version":3,"file":"PageSection.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/PageSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,oBAAY,mBAAmB;IAC7B,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,IAAI,SAAS;IACb,MAAM,WAAW;CAClB;AAED,oBAAY,gBAAgB;IAC1B,OAAO,YAAY;IACnB,GAAG,QAAQ;IACX,MAAM,WAAW;IACjB,UAAU,eAAe;IACzB,IAAI,SAAS;IACb,MAAM,WAAW;CAClB;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACvE,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;IAClD,2BAA2B;IAC3B,IAAI,CAAC,EAAE,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,YAAY,GAAG,MAAM,GAAG,QAAQ,CAAC;IACvE,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sCAAsC;IACtC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,6GAA6G;IAC7G,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,sCAAsC;IACtC,OAAO,CAAC,EAAE;QACR,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;QAClC,EAAE,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;QAC7B,EAAE,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;QAC7B,EAAE,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;QAC7B,EAAE,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;QAC7B,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;KACjC,CAAC;IACF,sIAAsI;IACtI,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC1B,sGAAsG;IACtG,kBAAkB,CAAC,EAAE;QACnB,OAAO,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QAC3B,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QACtB,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QACtB,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QACtB,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QACtB,KAAK,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;KAC1B,CAAC;IACF,yEAAyE;IACzE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,4EAA4E;IAC5E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kEAAkE;IAClE,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAkBD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CA2CjE,CAAC"}
@@ -6,6 +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 Page_1 = require("../Page/Page");
9
10
  var PageSectionVariants;
10
11
  (function (PageSectionVariants) {
11
12
  PageSectionVariants["default"] = "default";
@@ -37,8 +38,9 @@ const variantStyle = {
37
38
  [PageSectionVariants.darker]: page_1.default.modifiers.dark_100
38
39
  };
39
40
  const PageSection = (_a) => {
40
- var { className = '', children, variant = 'default', type = 'default', padding, isFilled, isWidthLimited = false, isCenterAligned = false, sticky, hasShadowTop = false, hasShadowBottom = false, hasOverflowScroll = false } = _a, props = tslib_1.__rest(_a, ["className", "children", "variant", "type", "padding", "isFilled", "isWidthLimited", "isCenterAligned", "sticky", "hasShadowTop", "hasShadowBottom", "hasOverflowScroll"]);
41
- return (React.createElement("section", Object.assign({}, props, { className: react_styles_1.css(variantType[type], util_1.formatBreakpointMods(padding, page_1.default), variantStyle[variant], isFilled === false && page_1.default.modifiers.noFill, isFilled === true && page_1.default.modifiers.fill, isWidthLimited && page_1.default.modifiers.limitWidth, isWidthLimited && isCenterAligned && type !== PageSectionTypes.subNav && page_1.default.modifiers.alignCenter, sticky === 'top' && page_1.default.modifiers.stickyTop, sticky === 'bottom' && page_1.default.modifiers.stickyBottom, hasShadowTop && page_1.default.modifiers.shadowTop, hasShadowBottom && page_1.default.modifiers.shadowBottom, hasOverflowScroll && page_1.default.modifiers.overflowScroll, className) }, (hasOverflowScroll && { tabIndex: 0 })),
41
+ var { className = '', children, variant = 'default', type = 'default', padding, isFilled, isWidthLimited = false, isCenterAligned = false, sticky, stickyOnBreakpoint, hasShadowTop = false, hasShadowBottom = false, hasOverflowScroll = false } = _a, props = tslib_1.__rest(_a, ["className", "children", "variant", "type", "padding", "isFilled", "isWidthLimited", "isCenterAligned", "sticky", "stickyOnBreakpoint", "hasShadowTop", "hasShadowBottom", "hasOverflowScroll"]);
42
+ const { height, getVerticalBreakpoint } = React.useContext(Page_1.PageContext);
43
+ return (React.createElement("section", Object.assign({}, props, { className: react_styles_1.css(variantType[type], util_1.formatBreakpointMods(padding, page_1.default), util_1.formatBreakpointMods(stickyOnBreakpoint, page_1.default, 'sticky-', getVerticalBreakpoint(height), true), variantStyle[variant], isFilled === false && page_1.default.modifiers.noFill, isFilled === true && page_1.default.modifiers.fill, isWidthLimited && page_1.default.modifiers.limitWidth, isWidthLimited && isCenterAligned && type !== PageSectionTypes.subNav && page_1.default.modifiers.alignCenter, sticky === 'top' && page_1.default.modifiers.stickyTop, sticky === 'bottom' && page_1.default.modifiers.stickyBottom, hasShadowTop && page_1.default.modifiers.shadowTop, hasShadowBottom && page_1.default.modifiers.shadowBottom, hasOverflowScroll && page_1.default.modifiers.overflowScroll, className) }, (hasOverflowScroll && { tabIndex: 0 })),
42
44
  isWidthLimited && React.createElement("div", { className: react_styles_1.css(page_1.default.pageMainBody) }, children),
43
45
  !isWidthLimited && children));
44
46
  };
@@ -1 +1 @@
1
- {"version":3,"file":"PageSection.js","sourceRoot":"","sources":["../../../../src/components/Page/PageSection.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"PageSection.js","sourceRoot":"","sources":["../../../../src/components/Page/PageSection.tsx"],"names":[],"mappings":"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"}
@@ -34,4 +34,18 @@ export declare const KeyTypes: {
34
34
  ArrowLeft: string;
35
35
  ArrowRight: string;
36
36
  };
37
+ export declare const globalWidthBreakpoints: {
38
+ sm: number;
39
+ md: number;
40
+ lg: number;
41
+ xl: number;
42
+ '2xl': number;
43
+ };
44
+ export declare const globalHeightBreakpoints: {
45
+ sm: number;
46
+ md: number;
47
+ lg: number;
48
+ xl: number;
49
+ '2xl': number;
50
+ };
37
51
  //# sourceMappingURL=constants.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/helpers/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS;;;;;;;CAAiF,CAAC;AAExG,eAAO,MAAM,IAAI;;;;;CAA+D,CAAC;AAEjF,eAAO,MAAM,oBAAoB;;;;;CAA2D,CAAC;AAE7F,oBAAY,gBAAgB;IAC1B,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,OAAO,YAAY;CACpB;AAED,eAAO,MAAM,QAAQ;;;;;;;;;CASpB,CAAC"}
1
+ {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/helpers/constants.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,SAAS;;;;;;;CAAiF,CAAC;AAExG,eAAO,MAAM,IAAI;;;;;CAA+D,CAAC;AAEjF,eAAO,MAAM,oBAAoB;;;;;CAA2D,CAAC;AAE7F,oBAAY,gBAAgB;IAC1B,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,OAAO,YAAY;CACpB;AAED,eAAO,MAAM,QAAQ;;;;;;;;;CASpB,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;CAMlC,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;;;;CAMnC,CAAC"}
@@ -1,6 +1,17 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.KeyTypes = exports.ValidatedOptions = exports.KEYHANDLER_DIRECTION = exports.SIDE = exports.KEY_CODES = void 0;
3
+ exports.globalHeightBreakpoints = exports.globalWidthBreakpoints = exports.KeyTypes = exports.ValidatedOptions = exports.KEYHANDLER_DIRECTION = exports.SIDE = exports.KEY_CODES = void 0;
4
+ const tslib_1 = require("tslib");
5
+ const global_breakpoint_sm_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/global_breakpoint_sm'));
6
+ const global_breakpoint_md_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/global_breakpoint_md'));
7
+ const global_breakpoint_lg_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/global_breakpoint_lg'));
8
+ const global_breakpoint_xl_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/global_breakpoint_xl'));
9
+ const global_breakpoint_2xl_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/global_breakpoint_2xl'));
10
+ const global_height_breakpoint_sm_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/global_height_breakpoint_sm'));
11
+ const global_height_breakpoint_md_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/global_height_breakpoint_md'));
12
+ const global_height_breakpoint_lg_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/global_height_breakpoint_lg'));
13
+ const global_height_breakpoint_xl_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/global_height_breakpoint_xl'));
14
+ const global_height_breakpoint_2xl_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/global_height_breakpoint_2xl'));
4
15
  exports.KEY_CODES = { ARROW_UP: 38, ARROW_DOWN: 40, ESCAPE_KEY: 27, TAB: 9, ENTER: 13, SPACE: 32 };
5
16
  exports.SIDE = { RIGHT: 'right', LEFT: 'left', BOTH: 'both', NONE: 'none' };
6
17
  exports.KEYHANDLER_DIRECTION = { UP: 'up', DOWN: 'down', RIGHT: 'right', LEFT: 'left' };
@@ -21,4 +32,18 @@ exports.KeyTypes = {
21
32
  ArrowLeft: 'ArrowLeft',
22
33
  ArrowRight: 'ArrowRight'
23
34
  };
35
+ exports.globalWidthBreakpoints = {
36
+ sm: parseInt(global_breakpoint_sm_1.default.value),
37
+ md: parseInt(global_breakpoint_md_1.default.value),
38
+ lg: parseInt(global_breakpoint_lg_1.default.value),
39
+ xl: parseInt(global_breakpoint_xl_1.default.value),
40
+ '2xl': parseInt(global_breakpoint_2xl_1.default.value)
41
+ };
42
+ exports.globalHeightBreakpoints = {
43
+ sm: parseInt(global_height_breakpoint_sm_1.default.value),
44
+ md: parseInt(global_height_breakpoint_md_1.default.value),
45
+ lg: parseInt(global_height_breakpoint_lg_1.default.value),
46
+ xl: parseInt(global_height_breakpoint_xl_1.default.value),
47
+ '2xl': parseInt(global_height_breakpoint_2xl_1.default.value)
48
+ };
24
49
  //# sourceMappingURL=constants.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/helpers/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,SAAS,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;AAE3F,QAAA,IAAI,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AAEpE,QAAA,oBAAoB,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AAE7F,IAAY,gBAKX;AALD,WAAY,gBAAgB;IAC1B,uCAAmB,CAAA;IACnB,mCAAe,CAAA;IACf,uCAAmB,CAAA;IACnB,uCAAmB,CAAA;AACrB,CAAC,EALW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAK3B;AAEY,QAAA,QAAQ,GAAG;IACtB,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,WAAW;IACtB,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE,YAAY;CACzB,CAAC"}
1
+ {"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/helpers/constants.ts"],"names":[],"mappings":";;;;AAAA,yHAAwF;AACxF,yHAAwF;AACxF,yHAAwF;AACxF,yHAAwF;AACxF,2HAA0F;AAE1F,uIAAqG;AACrG,uIAAqG;AACrG,uIAAqG;AACrG,uIAAqG;AACrG,yIAAuG;AAE1F,QAAA,SAAS,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;AAE3F,QAAA,IAAI,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AAEpE,QAAA,oBAAoB,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AAE7F,IAAY,gBAKX;AALD,WAAY,gBAAgB;IAC1B,uCAAmB,CAAA;IACnB,mCAAe,CAAA;IACf,uCAAmB,CAAA;IACnB,uCAAmB,CAAA;AACrB,CAAC,EALW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAK3B;AAEY,QAAA,QAAQ,GAAG;IACtB,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,WAAW;IACtB,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE,YAAY;CACzB,CAAC;AAEW,QAAA,sBAAsB,GAAG;IACpC,EAAE,EAAE,QAAQ,CAAC,8BAAkB,CAAC,KAAK,CAAC;IACtC,EAAE,EAAE,QAAQ,CAAC,8BAAkB,CAAC,KAAK,CAAC;IACtC,EAAE,EAAE,QAAQ,CAAC,8BAAkB,CAAC,KAAK,CAAC;IACtC,EAAE,EAAE,QAAQ,CAAC,8BAAkB,CAAC,KAAK,CAAC;IACtC,KAAK,EAAE,QAAQ,CAAC,+BAAmB,CAAC,KAAK,CAAC;CAC3C,CAAC;AAEW,QAAA,uBAAuB,GAAG;IACrC,EAAE,EAAE,QAAQ,CAAC,qCAAwB,CAAC,KAAK,CAAC;IAC5C,EAAE,EAAE,QAAQ,CAAC,qCAAwB,CAAC,KAAK,CAAC;IAC5C,EAAE,EAAE,QAAQ,CAAC,qCAAwB,CAAC,KAAK,CAAC;IAC5C,EAAE,EAAE,QAAQ,CAAC,qCAAwB,CAAC,KAAK,CAAC;IAC5C,KAAK,EAAE,QAAQ,CAAC,sCAAyB,CAAC,KAAK,CAAC;CACjD,CAAC"}
@@ -110,7 +110,14 @@ export interface Mods {
110
110
  * @param {object} mods The modifiers object
111
111
  * @param {any} styles The appropriate styles object for the component
112
112
  */
113
- export declare const formatBreakpointMods: (mods: Mods, styles: any, stylePrefix?: string, breakpoint?: 'default' | 'sm' | 'md' | 'lg' | 'xl' | '2xl') => any;
113
+ export declare const formatBreakpointMods: (mods: Mods, styles: any, stylePrefix?: string, breakpoint?: 'default' | 'sm' | 'md' | 'lg' | 'xl' | '2xl', vertical?: boolean) => any;
114
+ /**
115
+ * Return the breakpoint for the given height
116
+ *
117
+ * @param {number | null} height The height to check
118
+ * @returns {'default' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'} The breakpoint
119
+ */
120
+ export declare const getVerticalBreakpoint: (height: number) => 'default' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
114
121
  /**
115
122
  * Return the breakpoint for the given width
116
123
  *