@patternfly/react-core 4.229.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 (70) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/esm/components/Page/Page.d.ts +13 -0
  3. package/dist/esm/components/Page/Page.d.ts.map +1 -1
  4. package/dist/esm/components/Page/Page.js +18 -19
  5. package/dist/esm/components/Page/Page.js.map +1 -1
  6. package/dist/esm/components/Page/PageBreadcrumb.d.ts +11 -2
  7. package/dist/esm/components/Page/PageBreadcrumb.d.ts.map +1 -1
  8. package/dist/esm/components/Page/PageBreadcrumb.js +5 -2
  9. package/dist/esm/components/Page/PageBreadcrumb.js.map +1 -1
  10. package/dist/esm/components/Page/PageGroup.d.ts +11 -2
  11. package/dist/esm/components/Page/PageGroup.d.ts.map +1 -1
  12. package/dist/esm/components/Page/PageGroup.js +5 -2
  13. package/dist/esm/components/Page/PageGroup.js.map +1 -1
  14. package/dist/esm/components/Page/PageNavigation.d.ts +11 -2
  15. package/dist/esm/components/Page/PageNavigation.d.ts.map +1 -1
  16. package/dist/esm/components/Page/PageNavigation.js +5 -2
  17. package/dist/esm/components/Page/PageNavigation.js.map +1 -1
  18. package/dist/esm/components/Page/PageSection.d.ts +10 -1
  19. package/dist/esm/components/Page/PageSection.d.ts.map +1 -1
  20. package/dist/esm/components/Page/PageSection.js +4 -2
  21. package/dist/esm/components/Page/PageSection.js.map +1 -1
  22. package/dist/esm/helpers/constants.d.ts +14 -0
  23. package/dist/esm/helpers/constants.d.ts.map +1 -1
  24. package/dist/esm/helpers/constants.js +24 -0
  25. package/dist/esm/helpers/constants.js.map +1 -1
  26. package/dist/esm/helpers/util.d.ts +8 -1
  27. package/dist/esm/helpers/util.d.ts.map +1 -1
  28. package/dist/esm/helpers/util.js +36 -9
  29. package/dist/esm/helpers/util.js.map +1 -1
  30. package/dist/js/components/Page/Page.d.ts +13 -0
  31. package/dist/js/components/Page/Page.d.ts.map +1 -1
  32. package/dist/js/components/Page/Page.js +17 -18
  33. package/dist/js/components/Page/Page.js.map +1 -1
  34. package/dist/js/components/Page/PageBreadcrumb.d.ts +11 -2
  35. package/dist/js/components/Page/PageBreadcrumb.d.ts.map +1 -1
  36. package/dist/js/components/Page/PageBreadcrumb.js +5 -2
  37. package/dist/js/components/Page/PageBreadcrumb.js.map +1 -1
  38. package/dist/js/components/Page/PageGroup.d.ts +11 -2
  39. package/dist/js/components/Page/PageGroup.d.ts.map +1 -1
  40. package/dist/js/components/Page/PageGroup.js +5 -2
  41. package/dist/js/components/Page/PageGroup.js.map +1 -1
  42. package/dist/js/components/Page/PageNavigation.d.ts +11 -2
  43. package/dist/js/components/Page/PageNavigation.d.ts.map +1 -1
  44. package/dist/js/components/Page/PageNavigation.js +5 -2
  45. package/dist/js/components/Page/PageNavigation.js.map +1 -1
  46. package/dist/js/components/Page/PageSection.d.ts +10 -1
  47. package/dist/js/components/Page/PageSection.d.ts.map +1 -1
  48. package/dist/js/components/Page/PageSection.js +4 -2
  49. package/dist/js/components/Page/PageSection.js.map +1 -1
  50. package/dist/js/helpers/constants.d.ts +14 -0
  51. package/dist/js/helpers/constants.d.ts.map +1 -1
  52. package/dist/js/helpers/constants.js +26 -1
  53. package/dist/js/helpers/constants.js.map +1 -1
  54. package/dist/js/helpers/util.d.ts +8 -1
  55. package/dist/js/helpers/util.d.ts.map +1 -1
  56. package/dist/js/helpers/util.js +37 -9
  57. package/dist/js/helpers/util.js.map +1 -1
  58. package/dist/umd/react-core.js +155 -65
  59. package/dist/umd/react-core.min.js +6 -5
  60. package/package.json +5 -5
  61. package/src/components/Page/Page.tsx +58 -21
  62. package/src/components/Page/PageBreadcrumb.tsx +37 -20
  63. package/src/components/Page/PageGroup.tsx +35 -19
  64. package/src/components/Page/PageNavigation.tsx +37 -20
  65. package/src/components/Page/PageSection.tsx +41 -25
  66. package/src/components/Page/__tests__/Page.test.tsx +126 -2
  67. package/src/components/Page/__tests__/__snapshots__/Page.test.tsx.snap +683 -14
  68. package/src/demos/Page/Page.md +356 -3
  69. package/src/helpers/constants.ts +28 -0
  70. package/src/helpers/util.ts +44 -9
package/CHANGELOG.md CHANGED
@@ -3,6 +3,17 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # 4.230.0 (2022-08-01)
7
+
8
+
9
+ ### Features
10
+
11
+ * **Page:** add support for vertical breakpoints, add sticky breadcrumb demo ([#7764](https://github.com/patternfly/patternfly-react/issues/7764)) ([9db582d](https://github.com/patternfly/patternfly-react/commit/9db582d63a3499fa78ea8fab3ce31b7877cd479d))
12
+
13
+
14
+
15
+
16
+
6
17
  # 4.229.0 (2022-08-01)
7
18
 
8
19
 
@@ -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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"}
@@ -5,9 +5,8 @@ import { css } from '@patternfly/react-styles';
5
5
  import globalBreakpointXl from '@patternfly/react-tokens/dist/esm/global_breakpoint_xl';
6
6
  import { debounce, canUseDOM } from '../../helpers/util';
7
7
  import { Drawer, DrawerContent, DrawerContentBody, DrawerPanelContent } from '../Drawer';
8
- import { PageGroup } from './PageGroup';
9
8
  import { getResizeObserver } from '../../helpers/resizeObserver';
10
- import { getBreakpoint } from '../../helpers/util';
9
+ import { formatBreakpointMods, getBreakpoint, getVerticalBreakpoint } from '../../helpers/util';
11
10
  export var PageLayouts;
12
11
  (function (PageLayouts) {
13
12
  PageLayouts["vertical"] = "vertical";
@@ -18,7 +17,9 @@ export const pageContextDefaults = {
18
17
  isNavOpen: false,
19
18
  onNavToggle: () => null,
20
19
  width: null,
21
- getBreakpoint
20
+ height: null,
21
+ getBreakpoint,
22
+ getVerticalBreakpoint
22
23
  };
23
24
  export const PageContext = React.createContext(pageContextDefaults);
24
25
  export const PageContextProvider = PageContext.Provider;
@@ -49,7 +50,8 @@ export class Page extends React.Component {
49
50
  if (mobileView !== this.state.mobileView) {
50
51
  this.setState({ mobileView });
51
52
  }
52
- this.pageRef.current && this.setState({ width: this.pageRef.current.clientWidth });
53
+ this.pageRef.current &&
54
+ this.setState({ width: this.pageRef.current.clientWidth, height: this.pageRef.current.clientHeight });
53
55
  };
54
56
  this.handleResize = debounce(this.resize, 250);
55
57
  this.handleMainClick = () => {
@@ -73,7 +75,8 @@ export class Page extends React.Component {
73
75
  desktopIsNavOpen: managedSidebarOpen,
74
76
  mobileIsNavOpen: false,
75
77
  mobileView: false,
76
- width: null
78
+ width: null,
79
+ height: null
77
80
  };
78
81
  }
79
82
  componentDidMount() {
@@ -105,14 +108,16 @@ export class Page extends React.Component {
105
108
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
106
109
  defaultManagedSidebarIsOpen,
107
110
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
108
- onPageResize, getBreakpoint, mainAriaLabel, mainTabIndex, tertiaryNav, isTertiaryNavGrouped, isBreadcrumbGrouped, additionalGroupedContent, groupProps } = _a, rest = __rest(_a, ["breadcrumb", "isBreadcrumbWidthLimited", "className", "children", "header", "sidebar", "notificationDrawer", "isNotificationDrawerExpanded", "onNotificationDrawerExpand", "isTertiaryNavWidthLimited", "skipToContent", "role", "mainContainerId", "isManagedSidebar", "defaultManagedSidebarIsOpen", "onPageResize", "getBreakpoint", "mainAriaLabel", "mainTabIndex", "tertiaryNav", "isTertiaryNavGrouped", "isBreadcrumbGrouped", "additionalGroupedContent", "groupProps"]);
109
- const { mobileView, mobileIsNavOpen, desktopIsNavOpen, width } = this.state;
111
+ onPageResize, getBreakpoint, getVerticalBreakpoint, mainAriaLabel, mainTabIndex, tertiaryNav, isTertiaryNavGrouped, isBreadcrumbGrouped, additionalGroupedContent, groupProps, breadcrumbProps } = _a, rest = __rest(_a, ["breadcrumb", "isBreadcrumbWidthLimited", "className", "children", "header", "sidebar", "notificationDrawer", "isNotificationDrawerExpanded", "onNotificationDrawerExpand", "isTertiaryNavWidthLimited", "skipToContent", "role", "mainContainerId", "isManagedSidebar", "defaultManagedSidebarIsOpen", "onPageResize", "getBreakpoint", "getVerticalBreakpoint", "mainAriaLabel", "mainTabIndex", "tertiaryNav", "isTertiaryNavGrouped", "isBreadcrumbGrouped", "additionalGroupedContent", "groupProps", "breadcrumbProps"]);
112
+ const { mobileView, mobileIsNavOpen, desktopIsNavOpen, width, height } = this.state;
110
113
  const context = {
111
114
  isManagedSidebar,
112
115
  onNavToggle: mobileView ? this.onNavToggleMobile : this.onNavToggleDesktop,
113
116
  isNavOpen: mobileView ? mobileIsNavOpen : desktopIsNavOpen,
114
117
  width,
115
- getBreakpoint
118
+ height,
119
+ getBreakpoint,
120
+ getVerticalBreakpoint
116
121
  };
117
122
  let nav = null;
118
123
  if (tertiaryNav && isTertiaryNavWidthLimited) {
@@ -122,16 +127,9 @@ export class Page extends React.Component {
122
127
  else if (tertiaryNav) {
123
128
  nav = React.createElement("div", { className: css(styles.pageMainNav) }, tertiaryNav);
124
129
  }
125
- let crumb = null;
126
- if (breadcrumb && isBreadcrumbWidthLimited) {
127
- crumb = (React.createElement("section", { className: css(styles.pageMainBreadcrumb, styles.modifiers.limitWidth) },
128
- React.createElement("div", { className: css(styles.pageMainBody) }, breadcrumb)));
129
- }
130
- else if (breadcrumb) {
131
- crumb = React.createElement("section", { className: css(styles.pageMainBreadcrumb) }, breadcrumb);
132
- }
130
+ const crumb = breadcrumb ? (React.createElement("section", { className: css(styles.pageMainBreadcrumb, isBreadcrumbWidthLimited && styles.modifiers.limitWidth, formatBreakpointMods(breadcrumbProps === null || breadcrumbProps === void 0 ? void 0 : breadcrumbProps.stickyOnBreakpoint, styles, 'sticky-', getVerticalBreakpoint(height), true)) }, isBreadcrumbWidthLimited ? React.createElement("div", { className: css(styles.pageMainBody) }, breadcrumb) : breadcrumb)) : null;
133
131
  const isGrouped = isTertiaryNavGrouped || isBreadcrumbGrouped || additionalGroupedContent;
134
- const group = isGrouped ? (React.createElement(PageGroup, Object.assign({}, groupProps),
132
+ const group = isGrouped ? (React.createElement("div", Object.assign({ className: css(styles.pageMainGroup, formatBreakpointMods(groupProps === null || groupProps === void 0 ? void 0 : groupProps.stickyOnBreakpoint, styles, 'sticky-', getVerticalBreakpoint(height), true)) }, groupProps),
135
133
  isTertiaryNavGrouped && nav,
136
134
  isBreadcrumbGrouped && crumb,
137
135
  additionalGroupedContent)) : null;
@@ -142,7 +140,7 @@ export class Page extends React.Component {
142
140
  children));
143
141
  const panelContent = React.createElement(DrawerPanelContent, null, notificationDrawer);
144
142
  return (React.createElement(PageContextProvider, { value: context },
145
- React.createElement("div", Object.assign({ ref: this.pageRef }, rest, { className: css(styles.page, width !== null && 'pf-m-resize-observer', width !== null && `pf-m-breakpoint-${getBreakpoint(width)}`, className) }),
143
+ React.createElement("div", Object.assign({ ref: this.pageRef }, rest, { className: css(styles.page, width !== null && height !== null && 'pf-m-resize-observer', width !== null && `pf-m-breakpoint-${getBreakpoint(width)}`, height !== null && `pf-m-height-breakpoint-${getVerticalBreakpoint(height)}`, className) }),
146
144
  skipToContent,
147
145
  header,
148
146
  sidebar,
@@ -162,6 +160,7 @@ Page.defaultProps = {
162
160
  mainTabIndex: -1,
163
161
  isNotificationDrawerExpanded: false,
164
162
  onNotificationDrawerExpand: () => null,
165
- getBreakpoint
163
+ getBreakpoint,
164
+ getVerticalBreakpoint
166
165
  };
167
166
  //# sourceMappingURL=Page.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../../src/components/Page/Page.tsx"],"names":[],"mappings":"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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"}
@@ -2,9 +2,12 @@ import { __rest } from "tslib";
2
2
  import * as React from 'react';
3
3
  import { css } from '@patternfly/react-styles';
4
4
  import styles from '@patternfly/react-styles/css/components/Page/page';
5
+ import { formatBreakpointMods } from '../../helpers/util';
6
+ import { PageContext } from '../Page/Page';
5
7
  export const PageBreadcrumb = (_a) => {
6
- var { className = '', children, isWidthLimited, sticky, hasShadowTop = false, hasShadowBottom = false, hasOverflowScroll = false } = _a, props = __rest(_a, ["className", "children", "isWidthLimited", "sticky", "hasShadowTop", "hasShadowBottom", "hasOverflowScroll"]);
7
- return (React.createElement("section", Object.assign({ className: css(styles.pageMainBreadcrumb, isWidthLimited && styles.modifiers.limitWidth, sticky === 'top' && styles.modifiers.stickyTop, sticky === 'bottom' && styles.modifiers.stickyBottom, hasShadowTop && styles.modifiers.shadowTop, hasShadowBottom && styles.modifiers.shadowBottom, hasOverflowScroll && styles.modifiers.overflowScroll, className) }, (hasOverflowScroll && { tabIndex: 0 }), props),
8
+ var { className = '', children, isWidthLimited, sticky, stickyOnBreakpoint, hasShadowTop = false, hasShadowBottom = false, hasOverflowScroll = false } = _a, props = __rest(_a, ["className", "children", "isWidthLimited", "sticky", "stickyOnBreakpoint", "hasShadowTop", "hasShadowBottom", "hasOverflowScroll"]);
9
+ const { height, getVerticalBreakpoint } = React.useContext(PageContext);
10
+ return (React.createElement("section", Object.assign({ className: css(styles.pageMainBreadcrumb, formatBreakpointMods(stickyOnBreakpoint, styles, 'sticky-', getVerticalBreakpoint(height), true), isWidthLimited && styles.modifiers.limitWidth, sticky === 'top' && styles.modifiers.stickyTop, sticky === 'bottom' && styles.modifiers.stickyBottom, hasShadowTop && styles.modifiers.shadowTop, hasShadowBottom && styles.modifiers.shadowBottom, hasOverflowScroll && styles.modifiers.overflowScroll, className) }, (hasOverflowScroll && { tabIndex: 0 }), props),
8
11
  isWidthLimited && React.createElement("div", { className: css(styles.pageMainBody) }, children),
9
12
  !isWidthLimited && children));
10
13
  };
@@ -1 +1 @@
1
- {"version":3,"file":"PageBreadcrumb.js","sourceRoot":"","sources":["../../../../src/components/Page/PageBreadcrumb.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,mDAAmD,CAAC;AAmBvE,MAAM,CAAC,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,cARqB,6GAS9B,CADS;IACiB,OAAA,CACzB,+CACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,kBAAkB,EACzB,cAAc,IAAI,MAAM,CAAC,SAAS,CAAC,UAAU,EAC7C,MAAM,KAAK,KAAK,IAAI,MAAM,CAAC,SAAS,CAAC,SAAS,EAC9C,MAAM,KAAK,QAAQ,IAAI,MAAM,CAAC,SAAS,CAAC,YAAY,EACpD,YAAY,IAAI,MAAM,CAAC,SAAS,CAAC,SAAS,EAC1C,eAAe,IAAI,MAAM,CAAC,SAAS,CAAC,YAAY,EAChD,iBAAiB,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,EACpD,SAAS,CACV,IACG,CAAC,iBAAiB,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,EACtC,KAAK;QAER,cAAc,IAAI,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,YAAY,CAAC,IAAG,QAAQ,CAAO;QAC5E,CAAC,cAAc,IAAI,QAAQ,CACpB,CACX,CAAA;CAAA,CAAC;AACF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
1
+ {"version":3,"file":"PageBreadcrumb.js","sourceRoot":"","sources":["../../../../src/components/Page/PageBreadcrumb.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,mDAAmD,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AA4B3C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAUT,EAAE,EAAE;QAVK,EAC7B,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,cAAc,EACd,MAAM,EACN,kBAAkB,EAClB,YAAY,GAAG,KAAK,EACpB,eAAe,GAAG,KAAK,EACvB,iBAAiB,GAAG,KAAK,OAEL,EADjB,KAAK,cATqB,mIAU9B,CADS;IAER,MAAM,EAAE,MAAM,EAAE,qBAAqB,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAExE,OAAO,CACL,+CACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,kBAAkB,EACzB,oBAAoB,CAAC,kBAAkB,EAAE,MAAM,EAAE,SAAS,EAAE,qBAAqB,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,EAChG,cAAc,IAAI,MAAM,CAAC,SAAS,CAAC,UAAU,EAC7C,MAAM,KAAK,KAAK,IAAI,MAAM,CAAC,SAAS,CAAC,SAAS,EAC9C,MAAM,KAAK,QAAQ,IAAI,MAAM,CAAC,SAAS,CAAC,YAAY,EACpD,YAAY,IAAI,MAAM,CAAC,SAAS,CAAC,SAAS,EAC1C,eAAe,IAAI,MAAM,CAAC,SAAS,CAAC,YAAY,EAChD,iBAAiB,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,EACpD,SAAS,CACV,IACG,CAAC,iBAAiB,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,EACtC,KAAK;QAER,cAAc,IAAI,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,YAAY,CAAC,IAAG,QAAQ,CAAO;QAC5E,CAAC,cAAc,IAAI,QAAQ,CACpB,CACX,CAAC;AACJ,CAAC,CAAC;AACF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
@@ -4,8 +4,17 @@ export interface PageGroupProps extends React.HTMLProps<HTMLDivElement> {
4
4
  className?: string;
5
5
  /** Content rendered inside of the PageGroup */
6
6
  children?: React.ReactNode;
7
- /** Modifier indicating if 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"}
@@ -2,9 +2,12 @@ import { __rest } from "tslib";
2
2
  import * as React from 'react';
3
3
  import { css } from '@patternfly/react-styles';
4
4
  import styles from '@patternfly/react-styles/css/components/Page/page';
5
+ import { formatBreakpointMods } from '../../helpers/util';
6
+ import { PageContext } from '../Page/Page';
5
7
  export const PageGroup = (_a) => {
6
- var { className = '', children, sticky, hasShadowTop = false, hasShadowBottom = false, hasOverflowScroll = false } = _a, props = __rest(_a, ["className", "children", "sticky", "hasShadowTop", "hasShadowBottom", "hasOverflowScroll"]);
7
- return (React.createElement("div", Object.assign({}, props, { className: css(styles.pageMainGroup, sticky === 'top' && styles.modifiers.stickyTop, sticky === 'bottom' && styles.modifiers.stickyBottom, hasShadowTop && styles.modifiers.shadowTop, hasShadowBottom && styles.modifiers.shadowBottom, hasOverflowScroll && styles.modifiers.overflowScroll, className) }, (hasOverflowScroll && { tabIndex: 0 })), children));
8
+ var { className = '', children, sticky, stickyOnBreakpoint, hasShadowTop = false, hasShadowBottom = false, hasOverflowScroll = false } = _a, props = __rest(_a, ["className", "children", "sticky", "stickyOnBreakpoint", "hasShadowTop", "hasShadowBottom", "hasOverflowScroll"]);
9
+ const { height, getVerticalBreakpoint } = React.useContext(PageContext);
10
+ return (React.createElement("div", Object.assign({}, props, { className: css(styles.pageMainGroup, formatBreakpointMods(stickyOnBreakpoint, styles, 'sticky-', getVerticalBreakpoint(height), true), sticky === 'top' && styles.modifiers.stickyTop, sticky === 'bottom' && styles.modifiers.stickyBottom, hasShadowTop && styles.modifiers.shadowTop, hasShadowBottom && styles.modifiers.shadowBottom, hasOverflowScroll && styles.modifiers.overflowScroll, className) }, (hasOverflowScroll && { tabIndex: 0 })), children));
8
11
  };
9
12
  PageGroup.displayName = 'PageGroup';
10
13
  //# sourceMappingURL=PageGroup.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"PageGroup.js","sourceRoot":"","sources":["../../../../src/components/Page/PageGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,mDAAmD,CAAC;AAiBvE,MAAM,CAAC,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,cAPgB,2FAQzB,CADS;IACY,OAAA,CACpB,6CACM,KAAK,IACT,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,aAAa,EACpB,MAAM,KAAK,KAAK,IAAI,MAAM,CAAC,SAAS,CAAC,SAAS,EAC9C,MAAM,KAAK,QAAQ,IAAI,MAAM,CAAC,SAAS,CAAC,YAAY,EACpD,YAAY,IAAI,MAAM,CAAC,SAAS,CAAC,SAAS,EAC1C,eAAe,IAAI,MAAM,CAAC,SAAS,CAAC,YAAY,EAChD,iBAAiB,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,EACpD,SAAS,CACV,IACG,CAAC,iBAAiB,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,GAEzC,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AACF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
1
+ {"version":3,"file":"PageGroup.js","sourceRoot":"","sources":["../../../../src/components/Page/PageGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,mDAAmD,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAyB3C,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAST,EAAE,EAAE;QATK,EACxB,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,MAAM,EACN,kBAAkB,EAClB,YAAY,GAAG,KAAK,EACpB,eAAe,GAAG,KAAK,EACvB,iBAAiB,GAAG,KAAK,OAEV,EADZ,KAAK,cARgB,iHASzB,CADS;IAER,MAAM,EAAE,MAAM,EAAE,qBAAqB,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAExE,OAAO,CACL,6CACM,KAAK,IACT,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,aAAa,EACpB,oBAAoB,CAAC,kBAAkB,EAAE,MAAM,EAAE,SAAS,EAAE,qBAAqB,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,EAChG,MAAM,KAAK,KAAK,IAAI,MAAM,CAAC,SAAS,CAAC,SAAS,EAC9C,MAAM,KAAK,QAAQ,IAAI,MAAM,CAAC,SAAS,CAAC,YAAY,EACpD,YAAY,IAAI,MAAM,CAAC,SAAS,CAAC,SAAS,EAC1C,eAAe,IAAI,MAAM,CAAC,SAAS,CAAC,YAAY,EAChD,iBAAiB,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,EACpD,SAAS,CACV,IACG,CAAC,iBAAiB,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,GAEzC,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AACF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
@@ -6,8 +6,17 @@ export interface PageNavigationProps extends React.HTMLProps<HTMLDivElement> {
6
6
  children?: React.ReactNode;
7
7
  /** Limits the width of the PageNavigation */
8
8
  isWidthLimited?: boolean;
9
- /** Modifier indicating if the 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"}
@@ -2,9 +2,12 @@ import { __rest } from "tslib";
2
2
  import * as React from 'react';
3
3
  import { css } from '@patternfly/react-styles';
4
4
  import styles from '@patternfly/react-styles/css/components/Page/page';
5
+ import { formatBreakpointMods } from '../../helpers/util';
6
+ import { PageContext } from '../Page/Page';
5
7
  export const PageNavigation = (_a) => {
6
- var { className = '', children, isWidthLimited, sticky, hasShadowTop = false, hasShadowBottom = false, hasOverflowScroll = false } = _a, props = __rest(_a, ["className", "children", "isWidthLimited", "sticky", "hasShadowTop", "hasShadowBottom", "hasOverflowScroll"]);
7
- return (React.createElement("div", Object.assign({ className: css(styles.pageMainNav, isWidthLimited && styles.modifiers.limitWidth, sticky === 'top' && styles.modifiers.stickyTop, sticky === 'bottom' && styles.modifiers.stickyBottom, hasShadowTop && styles.modifiers.shadowTop, hasShadowBottom && styles.modifiers.shadowBottom, hasOverflowScroll && styles.modifiers.overflowScroll, className) }, (hasOverflowScroll && { tabIndex: 0 }), props),
8
+ var { className = '', children, isWidthLimited, sticky, stickyOnBreakpoint, hasShadowTop = false, hasShadowBottom = false, hasOverflowScroll = false } = _a, props = __rest(_a, ["className", "children", "isWidthLimited", "sticky", "stickyOnBreakpoint", "hasShadowTop", "hasShadowBottom", "hasOverflowScroll"]);
9
+ const { height, getVerticalBreakpoint } = React.useContext(PageContext);
10
+ return (React.createElement("div", Object.assign({ className: css(styles.pageMainNav, formatBreakpointMods(stickyOnBreakpoint, styles, 'sticky-', getVerticalBreakpoint(height), true), isWidthLimited && styles.modifiers.limitWidth, sticky === 'top' && styles.modifiers.stickyTop, sticky === 'bottom' && styles.modifiers.stickyBottom, hasShadowTop && styles.modifiers.shadowTop, hasShadowBottom && styles.modifiers.shadowBottom, hasOverflowScroll && styles.modifiers.overflowScroll, className) }, (hasOverflowScroll && { tabIndex: 0 }), props),
8
11
  isWidthLimited && React.createElement("div", { className: css(styles.pageMainBody) }, children),
9
12
  !isWidthLimited && children));
10
13
  };
@@ -1 +1 @@
1
- {"version":3,"file":"PageNavigation.js","sourceRoot":"","sources":["../../../../src/components/Page/PageNavigation.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,mDAAmD,CAAC;AAmBvE,MAAM,CAAC,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,cARqB,6GAS9B,CADS;IACiB,OAAA,CACzB,2CACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,WAAW,EAClB,cAAc,IAAI,MAAM,CAAC,SAAS,CAAC,UAAU,EAC7C,MAAM,KAAK,KAAK,IAAI,MAAM,CAAC,SAAS,CAAC,SAAS,EAC9C,MAAM,KAAK,QAAQ,IAAI,MAAM,CAAC,SAAS,CAAC,YAAY,EACpD,YAAY,IAAI,MAAM,CAAC,SAAS,CAAC,SAAS,EAC1C,eAAe,IAAI,MAAM,CAAC,SAAS,CAAC,YAAY,EAChD,iBAAiB,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,EACpD,SAAS,CACV,IACG,CAAC,iBAAiB,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,EACtC,KAAK;QAER,cAAc,IAAI,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,YAAY,CAAC,IAAG,QAAQ,CAAO;QAC5E,CAAC,cAAc,IAAI,QAAQ,CACxB,CACP,CAAA;CAAA,CAAC;AACF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
1
+ {"version":3,"file":"PageNavigation.js","sourceRoot":"","sources":["../../../../src/components/Page/PageNavigation.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,mDAAmD,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AA4B3C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAUT,EAAE,EAAE;QAVK,EAC7B,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,cAAc,EACd,MAAM,EACN,kBAAkB,EAClB,YAAY,GAAG,KAAK,EACpB,eAAe,GAAG,KAAK,EACvB,iBAAiB,GAAG,KAAK,OAEL,EADjB,KAAK,cATqB,mIAU9B,CADS;IAER,MAAM,EAAE,MAAM,EAAE,qBAAqB,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAExE,OAAO,CACL,2CACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,WAAW,EAClB,oBAAoB,CAAC,kBAAkB,EAAE,MAAM,EAAE,SAAS,EAAE,qBAAqB,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,EAChG,cAAc,IAAI,MAAM,CAAC,SAAS,CAAC,UAAU,EAC7C,MAAM,KAAK,KAAK,IAAI,MAAM,CAAC,SAAS,CAAC,SAAS,EAC9C,MAAM,KAAK,QAAQ,IAAI,MAAM,CAAC,SAAS,CAAC,YAAY,EACpD,YAAY,IAAI,MAAM,CAAC,SAAS,CAAC,SAAS,EAC1C,eAAe,IAAI,MAAM,CAAC,SAAS,CAAC,YAAY,EAChD,iBAAiB,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,EACpD,SAAS,CACV,IACG,CAAC,iBAAiB,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,EACtC,KAAK;QAER,cAAc,IAAI,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,YAAY,CAAC,IAAG,QAAQ,CAAO;QAC5E,CAAC,cAAc,IAAI,QAAQ,CACxB,CACP,CAAC;AACJ,CAAC,CAAC;AACF,cAAc,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"}
@@ -3,6 +3,7 @@ import * as React from 'react';
3
3
  import styles from '@patternfly/react-styles/css/components/Page/page';
4
4
  import { css } from '@patternfly/react-styles';
5
5
  import { formatBreakpointMods } from '../../helpers/util';
6
+ import { PageContext } from '../Page/Page';
6
7
  export var PageSectionVariants;
7
8
  (function (PageSectionVariants) {
8
9
  PageSectionVariants["default"] = "default";
@@ -34,8 +35,9 @@ const variantStyle = {
34
35
  [PageSectionVariants.darker]: styles.modifiers.dark_100
35
36
  };
36
37
  export const PageSection = (_a) => {
37
- var { className = '', children, variant = 'default', type = 'default', padding, isFilled, isWidthLimited = false, isCenterAligned = false, sticky, hasShadowTop = false, hasShadowBottom = false, hasOverflowScroll = false } = _a, props = __rest(_a, ["className", "children", "variant", "type", "padding", "isFilled", "isWidthLimited", "isCenterAligned", "sticky", "hasShadowTop", "hasShadowBottom", "hasOverflowScroll"]);
38
- return (React.createElement("section", Object.assign({}, props, { className: css(variantType[type], formatBreakpointMods(padding, styles), variantStyle[variant], isFilled === false && styles.modifiers.noFill, isFilled === true && styles.modifiers.fill, isWidthLimited && styles.modifiers.limitWidth, isWidthLimited && isCenterAligned && type !== PageSectionTypes.subNav && styles.modifiers.alignCenter, sticky === 'top' && styles.modifiers.stickyTop, sticky === 'bottom' && styles.modifiers.stickyBottom, hasShadowTop && styles.modifiers.shadowTop, hasShadowBottom && styles.modifiers.shadowBottom, hasOverflowScroll && styles.modifiers.overflowScroll, className) }, (hasOverflowScroll && { tabIndex: 0 })),
38
+ var { className = '', children, variant = 'default', type = 'default', padding, isFilled, isWidthLimited = false, isCenterAligned = false, sticky, stickyOnBreakpoint, hasShadowTop = false, hasShadowBottom = false, hasOverflowScroll = false } = _a, props = __rest(_a, ["className", "children", "variant", "type", "padding", "isFilled", "isWidthLimited", "isCenterAligned", "sticky", "stickyOnBreakpoint", "hasShadowTop", "hasShadowBottom", "hasOverflowScroll"]);
39
+ const { height, getVerticalBreakpoint } = React.useContext(PageContext);
40
+ return (React.createElement("section", Object.assign({}, props, { className: css(variantType[type], formatBreakpointMods(padding, styles), formatBreakpointMods(stickyOnBreakpoint, styles, 'sticky-', getVerticalBreakpoint(height), true), variantStyle[variant], isFilled === false && styles.modifiers.noFill, isFilled === true && styles.modifiers.fill, isWidthLimited && styles.modifiers.limitWidth, isWidthLimited && isCenterAligned && type !== PageSectionTypes.subNav && styles.modifiers.alignCenter, sticky === 'top' && styles.modifiers.stickyTop, sticky === 'bottom' && styles.modifiers.stickyBottom, hasShadowTop && styles.modifiers.shadowTop, hasShadowBottom && styles.modifiers.shadowBottom, hasOverflowScroll && styles.modifiers.overflowScroll, className) }, (hasOverflowScroll && { tabIndex: 0 })),
39
41
  isWidthLimited && React.createElement("div", { className: css(styles.pageMainBody) }, children),
40
42
  !isWidthLimited && children));
41
43
  };
@@ -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,3 +1,13 @@
1
+ import globalBreakpointSm from '@patternfly/react-tokens/dist/esm/global_breakpoint_sm';
2
+ import globalBreakpointMd from '@patternfly/react-tokens/dist/esm/global_breakpoint_md';
3
+ import globalBreakpointLg from '@patternfly/react-tokens/dist/esm/global_breakpoint_lg';
4
+ import globalBreakpointXl from '@patternfly/react-tokens/dist/esm/global_breakpoint_xl';
5
+ import globalBreakpoint2xl from '@patternfly/react-tokens/dist/esm/global_breakpoint_2xl';
6
+ import globalHeightBreakpointSm from '@patternfly/react-tokens/dist/esm/global_height_breakpoint_sm';
7
+ import globalHeightBreakpointMd from '@patternfly/react-tokens/dist/esm/global_height_breakpoint_md';
8
+ import globalHeightBreakpointLg from '@patternfly/react-tokens/dist/esm/global_height_breakpoint_lg';
9
+ import globalHeightBreakpointXl from '@patternfly/react-tokens/dist/esm/global_height_breakpoint_xl';
10
+ import globalHeightBreakpoint2xl from '@patternfly/react-tokens/dist/esm/global_height_breakpoint_2xl';
1
11
  export const KEY_CODES = { ARROW_UP: 38, ARROW_DOWN: 40, ESCAPE_KEY: 27, TAB: 9, ENTER: 13, SPACE: 32 };
2
12
  export const SIDE = { RIGHT: 'right', LEFT: 'left', BOTH: 'both', NONE: 'none' };
3
13
  export const KEYHANDLER_DIRECTION = { UP: 'up', DOWN: 'down', RIGHT: 'right', LEFT: 'left' };
@@ -18,4 +28,18 @@ export const KeyTypes = {
18
28
  ArrowLeft: 'ArrowLeft',
19
29
  ArrowRight: 'ArrowRight'
20
30
  };
31
+ export const globalWidthBreakpoints = {
32
+ sm: parseInt(globalBreakpointSm.value),
33
+ md: parseInt(globalBreakpointMd.value),
34
+ lg: parseInt(globalBreakpointLg.value),
35
+ xl: parseInt(globalBreakpointXl.value),
36
+ '2xl': parseInt(globalBreakpoint2xl.value)
37
+ };
38
+ export const globalHeightBreakpoints = {
39
+ sm: parseInt(globalHeightBreakpointSm.value),
40
+ md: parseInt(globalHeightBreakpointMd.value),
41
+ lg: parseInt(globalHeightBreakpointLg.value),
42
+ xl: parseInt(globalHeightBreakpointXl.value),
43
+ '2xl': parseInt(globalHeightBreakpoint2xl.value)
44
+ };
21
45
  //# sourceMappingURL=constants.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/helpers/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,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;AAExG,MAAM,CAAC,MAAM,IAAI,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AAEjF,MAAM,CAAC,MAAM,oBAAoB,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AAE7F,MAAM,CAAN,IAAY,gBAKX;AALD,WAAY,gBAAgB;IAC1B,uCAAmB,CAAA;IACnB,mCAAe,CAAA;IACf,uCAAmB,CAAA;IACnB,uCAAmB,CAAA;AACrB,CAAC,EALW,gBAAgB,KAAhB,gBAAgB,QAK3B;AAED,MAAM,CAAC,MAAM,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,OAAO,kBAAkB,MAAM,wDAAwD,CAAC;AACxF,OAAO,kBAAkB,MAAM,wDAAwD,CAAC;AACxF,OAAO,kBAAkB,MAAM,wDAAwD,CAAC;AACxF,OAAO,kBAAkB,MAAM,wDAAwD,CAAC;AACxF,OAAO,mBAAmB,MAAM,yDAAyD,CAAC;AAE1F,OAAO,wBAAwB,MAAM,+DAA+D,CAAC;AACrG,OAAO,wBAAwB,MAAM,+DAA+D,CAAC;AACrG,OAAO,wBAAwB,MAAM,+DAA+D,CAAC;AACrG,OAAO,wBAAwB,MAAM,+DAA+D,CAAC;AACrG,OAAO,yBAAyB,MAAM,gEAAgE,CAAC;AAEvG,MAAM,CAAC,MAAM,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;AAExG,MAAM,CAAC,MAAM,IAAI,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AAEjF,MAAM,CAAC,MAAM,oBAAoB,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AAE7F,MAAM,CAAN,IAAY,gBAKX;AALD,WAAY,gBAAgB;IAC1B,uCAAmB,CAAA;IACnB,mCAAe,CAAA;IACf,uCAAmB,CAAA;IACnB,uCAAmB,CAAA;AACrB,CAAC,EALW,gBAAgB,KAAhB,gBAAgB,QAK3B;AAED,MAAM,CAAC,MAAM,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;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACpC,EAAE,EAAE,QAAQ,CAAC,kBAAkB,CAAC,KAAK,CAAC;IACtC,EAAE,EAAE,QAAQ,CAAC,kBAAkB,CAAC,KAAK,CAAC;IACtC,EAAE,EAAE,QAAQ,CAAC,kBAAkB,CAAC,KAAK,CAAC;IACtC,EAAE,EAAE,QAAQ,CAAC,kBAAkB,CAAC,KAAK,CAAC;IACtC,KAAK,EAAE,QAAQ,CAAC,mBAAmB,CAAC,KAAK,CAAC;CAC3C,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACrC,EAAE,EAAE,QAAQ,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC5C,EAAE,EAAE,QAAQ,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC5C,EAAE,EAAE,QAAQ,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC5C,EAAE,EAAE,QAAQ,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC5C,KAAK,EAAE,QAAQ,CAAC,yBAAyB,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
  *
@@ -1 +1 @@
1
- {"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../src/helpers/util.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,UAEvC;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,MAAM,SAAO,UAOxC;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,EAAE,IAAI,EAAE,MAAM,aAE5D,GAAG,EAAE,UAIvB;AAED;;;;;;;;;GASG;AACH,wBAAgB,eAAe,CAC7B,SAAS,EAAE,WAAW,EACtB,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,OAAO,EAChB,MAAM,GAAE,OAAe,GACtB,OAAO,CAoBT;AAED;;;;;;GAMG;AACH,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,WAAW,GAAG,MAAM,CAuB3F;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,YAAY,CAAC,cAAc,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,UAErE;AAED;;;;;;;;;GASG;AACH,wBAAgB,UAAU,CACxB,KAAK,EAAE,MAAM,EACb,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,MAAM,EAChB,cAAc,EAAE,GAAG,EAAE,EACrB,IAAI,EAAE,GAAG,EAAE,EACX,MAAM,UAAQ,QAwDf;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,YAAY,EAAE,GAAG,EAAE,iBAAiB,EAAE,MAAM,GAAG,GAAG,EAAE,CAMxF;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,GAAG,MAAM,CAoBvF;AAED;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,UAKrE;AAED;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,SACzB;IACJ,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,UACO,MAAM,KACb,MAAM,aAKN,CAAC;AAEJ,MAAM,WAAW,IAAI;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,SACzB,IAAI,UACF,GAAG,gBACE,MAAM,eACN,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,QA0B3D,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,aAAa,UAAW,MAAM,KAAG,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAoBrF,CAAC;AAOF;;;GAGG;AACH,eAAO,MAAM,OAAO,MAAO,MAAM,WAAyC,CAAC;AAE3E;;GAEG;AACH,eAAO,MAAM,SAAS,SAAwF,CAAC;AAE/G;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,SAAU,MAAM,QAAQ,WAAW,WAiD3D,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,eAAe,SAAU,WAAW;;;CAShD,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,SAAU,WAAW,SAAS,MAAM,SAqBxD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,WAAY,MAAM,EAAE,OAS7C,CAAC"}
1
+ {"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../src/helpers/util.ts"],"names":[],"mappings":"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"}