@procore/core-react 10.20.0-rc.88 → 10.20.0-rc.91
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/esm/components/Panel/Panel.js +35 -4
- package/dist/esm/components/Panel/Panel.js.map +1 -1
- package/dist/esm/components/Panel/Panel.styles.d.ts +3 -1
- package/dist/esm/components/Panel/Panel.styles.js +7 -3
- package/dist/esm/components/Panel/Panel.styles.js.map +1 -1
- package/dist/esm/components/Panel/Panel.types.d.ts +4 -0
- package/dist/esm/components/TextEditor/TextEditor.js.map +1 -1
- package/dist/esm/layouts/PageLayout/PageLayout.d.ts +8 -4
- package/dist/esm/layouts/PageLayout/PageLayout.js +85 -32
- package/dist/esm/layouts/PageLayout/PageLayout.js.map +1 -1
- package/dist/esm/layouts/PageLayout/PageLayout.styles.d.ts +3 -3
- package/dist/esm/layouts/PageLayout/PageLayout.styles.js +12 -13
- package/dist/esm/layouts/PageLayout/PageLayout.styles.js.map +1 -1
- package/dist/esm/layouts/PageLayout/index.d.ts +1 -1
- package/dist/esm/layouts/PageLayout/index.js +1 -1
- package/dist/esm/layouts/PageLayout/index.js.map +1 -1
- package/dist/props/Panel.json +1 -1
- package/dist/props/allProps.json +2171 -2080
- package/package.json +5 -5
- package/storybook-static/iframe.html +1 -1
- package/storybook-static/{main.2bae9964.iframe.bundle.js → main.1538a289.iframe.bundle.js} +1 -1
- package/storybook-static/vendors~main.484f0d61.iframe.bundle.js +3 -0
- package/storybook-static/{vendors~main.fec5ffcf.iframe.bundle.js.LICENSE.txt → vendors~main.484f0d61.iframe.bundle.js.LICENSE.txt} +0 -0
- package/storybook-static/vendors~main.484f0d61.iframe.bundle.js.map +1 -0
- package/dist/esm/layouts/PageLayout/useStickyPageFooter.d.ts +0 -6
- package/dist/esm/layouts/PageLayout/useStickyPageFooter.js +0 -54
- package/dist/esm/layouts/PageLayout/useStickyPageFooter.js.map +0 -1
- package/storybook-static/vendors~main.fec5ffcf.iframe.bundle.js +0 -3
- package/storybook-static/vendors~main.fec5ffcf.iframe.bundle.js.map +0 -1
|
@@ -33,7 +33,13 @@ import { OverlayTrigger } from '../OverlayTrigger';
|
|
|
33
33
|
import { Tooltip } from '../Tooltip';
|
|
34
34
|
import { StyledBody, StyledFooter, StyledFooterActions, StyledFooterNotation, StyledHeader, StyledHeaderActions, StyledHeaderBackAction, StyledMoreMenu, StyledPanel, StyledTitle, StyledCloseButton, } from './Panel.styles';
|
|
35
35
|
import { Section, SectionProvider, LevelContext } from '../../layouts/Section';
|
|
36
|
-
import {
|
|
36
|
+
import { useScroll } from '../../effects/Scroll';
|
|
37
|
+
import { useResize } from '../../effects/Resize';
|
|
38
|
+
import { useI18nContext } from '../../state/I18n';
|
|
39
|
+
var PanelContext = React.createContext({
|
|
40
|
+
isFooterSticky: false,
|
|
41
|
+
setIsFooterSticky: function () { },
|
|
42
|
+
});
|
|
37
43
|
var maxVisibleIcons = 3;
|
|
38
44
|
var HeaderAction = React.forwardRef(function HeaderAction(_a, ref) {
|
|
39
45
|
var title = _a.title, children = _a.children, props = __rest(_a, ["title", "children"]);
|
|
@@ -90,9 +96,28 @@ var Header = React.forwardRef(function Header(_a, ref) {
|
|
|
90
96
|
});
|
|
91
97
|
var Body = React.forwardRef(function Body(_a, ref) {
|
|
92
98
|
var children = _a.children, props = __rest(_a, ["children"]);
|
|
99
|
+
var bodyRef = React.useRef(null);
|
|
100
|
+
var setIsFooterSticky = React.useContext(PanelContext).setIsFooterSticky;
|
|
101
|
+
function calculateBodyScroll() {
|
|
102
|
+
if (!bodyRef.current) {
|
|
103
|
+
return;
|
|
104
|
+
}
|
|
105
|
+
var isScrollable = bodyRef.current.scrollHeight > bodyRef.current.clientHeight;
|
|
106
|
+
if (isScrollable) {
|
|
107
|
+
var isNotScrolledToBottom = bodyRef.current.scrollTop + bodyRef.current.clientHeight <
|
|
108
|
+
bodyRef.current.scrollHeight;
|
|
109
|
+
setIsFooterSticky(isNotScrolledToBottom);
|
|
110
|
+
}
|
|
111
|
+
else {
|
|
112
|
+
setIsFooterSticky(false);
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
React.useEffect(calculateBodyScroll, []);
|
|
116
|
+
useScroll({ onScroll: calculateBodyScroll, scope: bodyRef });
|
|
117
|
+
useResize({ onResize: calculateBodyScroll });
|
|
93
118
|
return (React.createElement(SectionProvider, null,
|
|
94
119
|
React.createElement(LevelContext.Provider, { value: 3 },
|
|
95
|
-
React.createElement(StyledBody, __assign({}, props, { ref: ref }), children))));
|
|
120
|
+
React.createElement(StyledBody, __assign({}, props, { ref: mergeRefs(ref, bodyRef, calculateBodyScroll) }), children))));
|
|
96
121
|
});
|
|
97
122
|
var FooterNotation = React.forwardRef(function FooterNotation(_a, ref) {
|
|
98
123
|
var children = _a.children, props = __rest(_a, ["children"]);
|
|
@@ -104,11 +129,17 @@ var FooterActions = React.forwardRef(function FooterActions(_a, ref) {
|
|
|
104
129
|
});
|
|
105
130
|
var Footer = React.forwardRef(function Footer(_a, ref) {
|
|
106
131
|
var children = _a.children, props = __rest(_a, ["children"]);
|
|
107
|
-
|
|
132
|
+
var isFooterSticky = React.useContext(PanelContext).isFooterSticky;
|
|
133
|
+
return (React.createElement(StyledFooter, __assign({}, props, { ref: ref, "$hasShadow": isFooterSticky }), children));
|
|
108
134
|
});
|
|
109
135
|
var Panel_ = React.forwardRef(function Panel(_a, ref) {
|
|
110
136
|
var children = _a.children, props = __rest(_a, ["children"]);
|
|
111
|
-
|
|
137
|
+
var _b = React.useState(false), isFooterSticky = _b[0], setIsFooterSticky = _b[1];
|
|
138
|
+
return (React.createElement(PanelContext.Provider, { value: {
|
|
139
|
+
setIsFooterSticky: setIsFooterSticky,
|
|
140
|
+
isFooterSticky: isFooterSticky,
|
|
141
|
+
} },
|
|
142
|
+
React.createElement(StyledPanel, __assign({}, props, { ref: ref }), children)));
|
|
112
143
|
});
|
|
113
144
|
Panel_.displayName = 'Panel';
|
|
114
145
|
Body.displayName = 'Panel.Body';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Panel.js","sourceRoot":"","sources":["../../../../src/components/Panel/Panel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAEpC,OAAO,EACL,UAAU,EACV,YAAY,EACZ,mBAAmB,EACnB,oBAAoB,EACpB,YAAY,EACZ,mBAAmB,EACnB,sBAAsB,EACtB,cAAc,EACd,WAAW,EACX,WAAW,EACX,iBAAiB,GAClB,MAAM,gBAAgB,CAAA;
|
|
1
|
+
{"version":3,"file":"Panel.js","sourceRoot":"","sources":["../../../../src/components/Panel/Panel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,4 +12,6 @@ export declare const StyledBody: import("styled-components").StyledComponent<"di
|
|
|
12
12
|
export declare const StyledPanel: import("styled-components").StyledComponent<"aside", any, {}, never>;
|
|
13
13
|
export declare const StyledFooterNotation: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
14
14
|
export declare const StyledFooterActions: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
15
|
-
export declare const StyledFooter: import("styled-components").StyledComponent<"div", any, {
|
|
15
|
+
export declare const StyledFooter: import("styled-components").StyledComponent<"div", any, {
|
|
16
|
+
$hasShadow: boolean;
|
|
17
|
+
}, never>;
|
|
@@ -8,10 +8,11 @@ import { spacing } from '../../styles/spacing';
|
|
|
8
8
|
import { Card } from '../Card';
|
|
9
9
|
import { Typography } from '../Typography/Typography';
|
|
10
10
|
import { StyledSection, StyledSectionInner, } from '../../layouts/Section/Section.styles';
|
|
11
|
+
import { getShadow } from '../../styles/shadows';
|
|
11
12
|
var headerActionSize = 36;
|
|
12
13
|
var buttonShadowWidth = 2;
|
|
13
14
|
var gutter = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n > * + * {\n margin-left: ", "px;\n }\n"], ["\n > * + * {\n margin-left: ", "px;\n }\n"])), spacing.sm);
|
|
14
|
-
var panel = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n
|
|
15
|
+
var panel = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n padding: ", "px;\n background: ", ";\n"], ["\n display: flex;\n align-items: center;\n padding: ", "px;\n background: ", ";\n"])), spacing.lg, colors.white);
|
|
15
16
|
export var StyledHeader = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n border-bottom: 1px solid ", ";\n\n ", "\n"], ["\n border-bottom: 1px solid ", ";\n\n ", "\n"])), colors.gray85, panel);
|
|
16
17
|
export var StyledTitle = styled(Typography)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n flex-grow: 1;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n"], ["\n flex-grow: 1;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n"])));
|
|
17
18
|
export var StyledHeaderBackAction = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n transition: all 300ms ease-out;\n flex-shrink: 0;\n\n width: ", "px;\n margin-right: ", "px;\n opacity: ", ";\n transform: translateX(\n ", "px\n );\n"], ["\n transition: all 300ms ease-out;\n flex-shrink: 0;\n\n width: ", "px;\n margin-right: ", "px;\n opacity: ", ";\n transform: translateX(\n ", "px\n );\n"])), function (_a) {
|
|
@@ -37,6 +38,9 @@ export var StyledBody = styled.div(templateObject_9 || (templateObject_9 = __mak
|
|
|
37
38
|
export var StyledPanel = styled.aside(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n background: ", ";\n overflow: hidden;\n"], ["\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n background: ", ";\n overflow: hidden;\n"])), colors.white);
|
|
38
39
|
export var StyledFooterNotation = styled.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n flex-grow: 1;\n"], ["\n flex-grow: 1;\n"])));
|
|
39
40
|
export var StyledFooterActions = styled.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), gutter);
|
|
40
|
-
export var StyledFooter = styled.div(
|
|
41
|
-
var
|
|
41
|
+
export var StyledFooter = styled.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n justify-content: flex-end;\n border-top: 1px solid ", ";\n\n ", "\n\n ", "\n"], ["\n justify-content: flex-end;\n border-top: 1px solid ", ";\n\n ", "\n\n ", "\n"])), colors.gray85, panel, function (_a) {
|
|
42
|
+
var $hasShadow = _a.$hasShadow;
|
|
43
|
+
return $hasShadow && css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n ", "\n z-index: 1;\n "], ["\n ", "\n z-index: 1;\n "])), getShadow(2, 'top'));
|
|
44
|
+
});
|
|
45
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14;
|
|
42
46
|
//# sourceMappingURL=Panel.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Panel.styles.js","sourceRoot":"","sources":["../../../../src/components/Panel/Panel.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EACL,aAAa,EACb,kBAAkB,GACnB,MAAM,sCAAsC,CAAA;
|
|
1
|
+
{"version":3,"file":"Panel.styles.js","sourceRoot":"","sources":["../../../../src/components/Panel/Panel.styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextEditor.js","sourceRoot":"","sources":["../../../../src/components/TextEditor/TextEditor.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAAa,MAAM,wBAAwB,CAAA;AAC1D,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAU,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACzD,OAAO,EACL,cAAc,EACd,uBAAuB,EACvB,mBAAmB,EACnB,aAAa,EACb,aAAa,EACb,cAAc,GACf,MAAM,qBAAqB,CAAA;AAG5B,IAAM,QAAQ,GAAG,SAAS,CAAA;AAE1B,SAAS,IAAI,KAAI,CAAC;AAElB,MAAM,UAAU,UAAU,CAAC,EAQT;;IAPhB,IAAA,KAAK,WAAA,EACC,aAAa,UAAA,EACnB,MAAM,YAAA,EACN,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACP,OAAO,YAAA,EACf,eAAwB,EAAxB,OAAO,mBAAG,cAAc,KAAA,EACrB,KAAK,cAPiB,4DAQ1B,CADS;IAEA,IAAQ,aAAa,GAAK,cAAc,EAAE,OAArB,CAAqB;IAElD,IAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"TextEditor.js","sourceRoot":"","sources":["../../../../src/components/TextEditor/TextEditor.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAAa,MAAM,wBAAwB,CAAA;AAC1D,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAU,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACzD,OAAO,EACL,cAAc,EACd,uBAAuB,EACvB,mBAAmB,EACnB,aAAa,EACb,aAAa,EACb,cAAc,GACf,MAAM,qBAAqB,CAAA;AAG5B,IAAM,QAAQ,GAAG,SAAS,CAAA;AAE1B,SAAS,IAAI,KAAI,CAAC;AAElB,MAAM,UAAU,UAAU,CAAC,EAQT;;IAPhB,IAAA,KAAK,WAAA,EACC,aAAa,UAAA,EACnB,MAAM,YAAA,EACN,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACP,OAAO,YAAA,EACf,eAAwB,EAAxB,OAAO,mBAAG,cAAc,KAAA,EACrB,KAAK,cAPiB,4DAQ1B,CADS;IAEA,IAAQ,aAAa,GAAK,cAAc,EAAE,OAArB,CAAqB;IAElD,IAAM,cAAc,GAClB,UAAC,CAAM,EAAE,MAAW;QAClB,QAAQ,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,CAAA;IAC/B,CAAC,CAAA;IAEH,IAAM,GAAG,GAAG,KAAK,CAAC,MAAM,EAAe,CAAA;IAEvC,IAAM,WAAW,GAAG;QAClB,IAAI,GAAG,CAAC,OAAO,EAAE;YACf,IAAI,KAAK,EAAE;gBACT,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,GAAG,QAAQ,CAAA;aACzC;iBAAM;gBACL,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,GAAG,EAAE,CAAA;aACnC;SACF;IACH,CAAC,CAAA;IAED,KAAK,CAAC,SAAS,CAAC;QACd,WAAW,EAAE,CAAA;IACf,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,IAAM,MAAM,GAAkD,UAC5D,KAAK,EACL,MAAM;QAEN,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC,eAAe,CAAA;QACpC,WAAW,EAAE,CAAA;QACb,OAAO,IAAI,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;IACnC,CAAC,CAAA;IAEM,IAAA,cAAc,GAAI,QAAQ,CAAC,MAAA,KAAK,CAAC,YAAY,mCAAI,KAAK,CAAC,KAAK,CAAC,GAA/C,CAA+C;IAEpE,OAAO,CACL,oBAAC,MAAM,aACL,IAAI,iCACC,aAAa,KAChB,gBAAgB,EAAE,uBAAuB,CAAC,OAAO,CAAC,EAClD,YAAY,EAAE,mBAAmB,CAAC,MAAM,IAAI,aAAa,CAAC,EAC1D,QAAQ,EAAE,MAAM,IAAI,aAAa,KAC9B,aAAa,GAElB,gBAAgB,EAAE,UAAG,aAAa,cAAI,cAAc,oBAAiB,EACrE,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,IAC1B,KAAK,IACT,KAAK,EAAE,MAAA,KAAK,CAAC,KAAK,mCAAI,KAAK,CAAC,YAAY,EACxC,YAAY,EAAE,cAAc,IAC5B,CACH,CAAA;AACH,CAAC;AAMD;;GAEG;AACH,MAAM,UAAU,kBAAkB,CAAC,EAA2B;QAAzB,QAAQ,cAAA;IAC3C,OAAO,oBAAC,KAAK,CAAC,QAAQ,QAAE,QAAQ,CAAkB,CAAA;AACpD,CAAC;AAED,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,eAAe,UAAU,CAAA"}
|
|
@@ -3,10 +3,14 @@ import { Props } from '../../utils/types';
|
|
|
3
3
|
import { PageAsideProps, PageComponentProps, PageHeaderProps } from './PageLayout.types';
|
|
4
4
|
import { DivAttributes } from '../../utils/types';
|
|
5
5
|
import { NextGridProps } from '../NextGrid/NextGrid.types';
|
|
6
|
-
export declare const
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
6
|
+
export declare const PageContext: React.Context<{
|
|
7
|
+
bodyRef: React.RefObject<HTMLDivElement>;
|
|
8
|
+
footerRef: React.RefObject<HTMLDivElement>;
|
|
9
|
+
aside: {
|
|
10
|
+
open: () => void;
|
|
11
|
+
close: () => void;
|
|
12
|
+
isOpen: boolean;
|
|
13
|
+
};
|
|
10
14
|
}>;
|
|
11
15
|
export declare const Page: React.ForwardRefExoticComponent<DivAttributes & React.RefAttributes<HTMLDivElement>> & {
|
|
12
16
|
Header: React.ForwardRefExoticComponent<PageHeaderProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -23,17 +23,27 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
23
23
|
import React from 'react';
|
|
24
24
|
import { addSubcomponents } from '../../utils/addSubcomponents';
|
|
25
25
|
import { NextGrid } from '../NextGrid';
|
|
26
|
-
import { StyledPageHeader, StyledBody,
|
|
27
|
-
import { useStickyFooter } from './useStickyPageFooter';
|
|
26
|
+
import { StyledPageHeader, StyledBody, StyledAside, StyledPageMain, StyledPageContainer, StyledPageTitle, StyledPageTabs, StyledPageBanner, StyledPageBreadcrumbs, StyledAsidePanel, StyledFooter, } from './PageLayout.styles';
|
|
28
27
|
import { mergeRefs } from '../../effects/mergeRefs';
|
|
29
28
|
import { pageLayoutRootDataAttr } from './PageLayout.constants';
|
|
30
29
|
import { useResize } from '../../effects/Resize';
|
|
31
30
|
import { useScroll } from '../../effects/Scroll';
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
31
|
+
import Flex from '../Flex';
|
|
32
|
+
export var PageContext = React.createContext({
|
|
33
|
+
bodyRef: React.createRef(),
|
|
34
|
+
footerRef: React.createRef(),
|
|
35
|
+
aside: {
|
|
36
|
+
open: function () { },
|
|
37
|
+
close: function () { },
|
|
38
|
+
isOpen: false,
|
|
39
|
+
},
|
|
36
40
|
});
|
|
41
|
+
function getIsIntersectingVertically(upperEl, lowerEl) {
|
|
42
|
+
return (upperEl.getBoundingClientRect().bottom > lowerEl.getBoundingClientRect().top);
|
|
43
|
+
}
|
|
44
|
+
function getIsIntersectingHorizontally(leftEl, rightEl) {
|
|
45
|
+
return (leftEl.getBoundingClientRect().right > rightEl.getBoundingClientRect().left);
|
|
46
|
+
}
|
|
37
47
|
var PageGrid = function (_a) {
|
|
38
48
|
var gutterX = _a.gutterX, props = __rest(_a, ["gutterX"]);
|
|
39
49
|
return React.createElement(NextGrid, __assign({ gutterX: gutterX !== null && gutterX !== void 0 ? gutterX : 'lg' }, props));
|
|
@@ -43,18 +53,33 @@ var PageHeader = React.forwardRef(function PageHeader(_a, ref) {
|
|
|
43
53
|
return React.createElement(StyledPageHeader, __assign({ "$transparent": transparent }, props, { ref: ref }));
|
|
44
54
|
});
|
|
45
55
|
var PageBody = React.forwardRef(function PageBody(props, ref) {
|
|
46
|
-
|
|
56
|
+
var bodyRef = React.useContext(PageContext).bodyRef;
|
|
57
|
+
return React.createElement(StyledBody, __assign({}, props, { ref: mergeRefs(ref, bodyRef) }));
|
|
47
58
|
});
|
|
48
59
|
var PageFooter = React.forwardRef(function PageFooter(props, ref) {
|
|
49
|
-
var _a =
|
|
50
|
-
var
|
|
60
|
+
var _a = React.useContext(PageContext), bodyRef = _a.bodyRef, footerRef = _a.footerRef, aside = _a.aside;
|
|
61
|
+
var _b = React.useState(false), isIntersecting = _b[0], setIsIntersecting = _b[1];
|
|
62
|
+
function calculateIntersections() {
|
|
63
|
+
if (!footerRef.current || !bodyRef.current) {
|
|
64
|
+
return;
|
|
65
|
+
}
|
|
66
|
+
setIsIntersecting(getIsIntersectingVertically(bodyRef.current, footerRef.current));
|
|
67
|
+
}
|
|
68
|
+
React.useEffect(calculateIntersections, []);
|
|
69
|
+
useScroll({ onScroll: calculateIntersections });
|
|
70
|
+
useResize({ onResize: calculateIntersections });
|
|
51
71
|
return (React.createElement(React.Fragment, null,
|
|
52
|
-
React.createElement(StyledFooter, __assign({}, props, { "$
|
|
53
|
-
placeholder));
|
|
72
|
+
React.createElement(StyledFooter, __assign({}, props, { "$isAsideOpen": aside.isOpen, "$hasShadow": isIntersecting, ref: mergeRefs(ref, footerRef) }))));
|
|
54
73
|
});
|
|
55
74
|
var PageAside = React.forwardRef(function PageAside(_a, ref) {
|
|
56
75
|
var children = _a.children, controlledIsOpen = _a.open, props = __rest(_a, ["children", "open"]);
|
|
57
|
-
var _b = React.useContext(
|
|
76
|
+
var _b = React.useContext(PageContext).aside, isOpen = _b.isOpen, open = _b.open, close = _b.close;
|
|
77
|
+
var footerRef = React.useContext(PageContext).footerRef;
|
|
78
|
+
var innerRef = React.useRef(null);
|
|
79
|
+
var upperRef = React.useRef(null);
|
|
80
|
+
var lowerRef = React.useRef(null);
|
|
81
|
+
var _c = React.useState(0), topOffset = _c[0], setTopOffset = _c[1];
|
|
82
|
+
var _d = React.useState(0), bottomOffset = _d[0], setBottomOffset = _d[1];
|
|
58
83
|
React.useEffect(function () {
|
|
59
84
|
if (controlledIsOpen) {
|
|
60
85
|
open();
|
|
@@ -63,35 +88,63 @@ var PageAside = React.forwardRef(function PageAside(_a, ref) {
|
|
|
63
88
|
close();
|
|
64
89
|
}
|
|
65
90
|
}, [controlledIsOpen]);
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
91
|
+
function calculateVerticalOffsets() {
|
|
92
|
+
var _a, _b;
|
|
93
|
+
if (!innerRef.current || !upperRef.current) {
|
|
94
|
+
return;
|
|
95
|
+
}
|
|
96
|
+
// push from the global header
|
|
97
|
+
var upperRect = upperRef.current.getBoundingClientRect();
|
|
98
|
+
var viewportTopOffset = (_a = upperRect.y) !== null && _a !== void 0 ? _a : upperRect.top;
|
|
99
|
+
var upperTopOffset = Math.max(viewportTopOffset, 0);
|
|
100
|
+
setTopOffset(upperTopOffset);
|
|
101
|
+
if (!lowerRef.current) {
|
|
102
|
+
return;
|
|
103
|
+
}
|
|
104
|
+
// push from the global footer
|
|
105
|
+
var lowerRect = lowerRef.current.getBoundingClientRect();
|
|
106
|
+
var lowerTopOffset = (_b = lowerRect.y) !== null && _b !== void 0 ? _b : lowerRect.top;
|
|
107
|
+
var viewportHeight = document.documentElement.clientHeight;
|
|
108
|
+
var globalFooterOffset = Math.max(viewportHeight - lowerTopOffset, 0);
|
|
109
|
+
setBottomOffset(globalFooterOffset);
|
|
110
|
+
if (!footerRef.current) {
|
|
111
|
+
return;
|
|
112
|
+
}
|
|
113
|
+
// occasionally push from the sticky footer too, relevant on smaller screens
|
|
114
|
+
var isIntersectingWithFooter = getIsIntersectingHorizontally(footerRef.current, innerRef.current);
|
|
115
|
+
if (isIntersectingWithFooter) {
|
|
116
|
+
var footerHeight = footerRef.current.getBoundingClientRect().height;
|
|
117
|
+
setBottomOffset(globalFooterOffset + footerHeight);
|
|
70
118
|
return;
|
|
71
119
|
}
|
|
72
|
-
var rect = anchorRef.current.getBoundingClientRect();
|
|
73
|
-
// use "top" for IE11 compatibility
|
|
74
|
-
var viewportTopOffset = (_a = rect.y) !== null && _a !== void 0 ? _a : rect.top;
|
|
75
|
-
setOffsetTop(Math.max(viewportTopOffset, 0));
|
|
76
120
|
}
|
|
77
|
-
useScroll({ onScroll:
|
|
78
|
-
useResize({ onResize:
|
|
79
|
-
|
|
121
|
+
useScroll({ onScroll: calculateVerticalOffsets });
|
|
122
|
+
useResize({ onResize: calculateVerticalOffsets });
|
|
123
|
+
React.useEffect(function () {
|
|
124
|
+
if (isOpen) {
|
|
125
|
+
calculateVerticalOffsets();
|
|
126
|
+
}
|
|
127
|
+
}, [isOpen]);
|
|
80
128
|
return isOpen ? (React.createElement(React.Fragment, null,
|
|
81
|
-
React.createElement("
|
|
82
|
-
React.createElement(StyledAside, __assign({}, props, { ref: mergeRefs(ref,
|
|
83
|
-
React.createElement(StyledAsidePanel, { "$offsetTop":
|
|
129
|
+
React.createElement(Flex, { alignSelf: "flex-start", ref: upperRef }),
|
|
130
|
+
React.createElement(StyledAside, __assign({}, props, { ref: mergeRefs(ref, innerRef, calculateVerticalOffsets) }),
|
|
131
|
+
React.createElement(StyledAsidePanel, { "$offsetTop": topOffset, "$minusHeight": topOffset + bottomOffset }, children)),
|
|
132
|
+
React.createElement(Flex, { alignSelf: "flex-end", ref: lowerRef }))) : null;
|
|
84
133
|
});
|
|
85
134
|
var PageContainer = React.forwardRef(function PageContainer(props, ref) {
|
|
86
135
|
var _a = React.useState(true), isAsideOpen = _a[0], setIsAsideOpen = _a[1];
|
|
87
136
|
var openAside = function () { return setIsAsideOpen(true); };
|
|
88
137
|
var closeAside = function () { return setIsAsideOpen(false); };
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
React.createElement(
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
138
|
+
var bodyRef = React.useRef(null);
|
|
139
|
+
var footerRef = React.useRef(null);
|
|
140
|
+
return (React.createElement(PageContext.Provider, { value: {
|
|
141
|
+
bodyRef: bodyRef,
|
|
142
|
+
footerRef: footerRef,
|
|
143
|
+
aside: {
|
|
144
|
+
open: openAside,
|
|
145
|
+
close: closeAside,
|
|
146
|
+
isOpen: isAsideOpen,
|
|
147
|
+
},
|
|
95
148
|
} },
|
|
96
149
|
React.createElement(StyledPageContainer, __assign({}, props, { ref: ref }))));
|
|
97
150
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageLayout.js","sourceRoot":"","sources":["../../../../src/layouts/PageLayout/PageLayout.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAE/D,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAMtC,OAAO,EACL,gBAAgB,EAChB,UAAU,EACV,
|
|
1
|
+
{"version":3,"file":"PageLayout.js","sourceRoot":"","sources":["../../../../src/layouts/PageLayout/PageLayout.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,13 +11,13 @@ export declare const StyledPageActions: import("styled-components").StyledCompon
|
|
|
11
11
|
export declare const StyledPageTabs: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
12
12
|
export declare const StyledBody: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
13
13
|
export declare const StyledFooter: import("styled-components").StyledComponent<"div", any, {
|
|
14
|
-
$sticky: boolean;
|
|
15
14
|
$isAsideOpen: boolean;
|
|
16
|
-
$
|
|
15
|
+
$hasShadow: boolean;
|
|
17
16
|
}, never>;
|
|
18
17
|
export declare const StyledAside: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
19
18
|
export declare const StyledAsidePanel: import("styled-components").StyledComponent<"div", any, {
|
|
20
|
-
$offsetTop
|
|
19
|
+
$offsetTop: number;
|
|
20
|
+
$minusHeight: number;
|
|
21
21
|
}, never>;
|
|
22
22
|
export declare const StyledPageMain: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
23
23
|
export declare const StyledPageContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -28,20 +28,19 @@ var zIndexes = {
|
|
|
28
28
|
panelNarrowScreen: 1,
|
|
29
29
|
footer: 2,
|
|
30
30
|
};
|
|
31
|
-
var
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
return $sticky && getStickyFooterCSS($stickyWidth);
|
|
31
|
+
export var StyledFooter = styled.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n background-color: ", ";\n margin: 0 ", "px;\n\n ", "\n\n position: sticky;\n bottom: 0;\n\n ", "\n"], ["\n background-color: ", ";\n margin: 0 ", "px;\n\n ", "\n\n position: sticky;\n bottom: 0;\n\n ", "\n"])), colors.white, outerPageSpacing * -1, function (_a) {
|
|
32
|
+
var $hasShadow = _a.$hasShadow;
|
|
33
|
+
return $hasShadow && getShadow(2, 'top');
|
|
35
34
|
}, function (_a) {
|
|
36
|
-
var $isAsideOpen = _a.$isAsideOpen
|
|
37
|
-
return $isAsideOpen && css(
|
|
35
|
+
var $isAsideOpen = _a.$isAsideOpen;
|
|
36
|
+
return $isAsideOpen && css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n @media (max-width: ", "px) {\n z-index: ", ";\n }\n "], ["\n @media (max-width: ", "px) {\n z-index: ", ";\n }\n "])), adjustMaxWidth(breakpointRawMinWidthValues.tabletMd), zIndexes.footer);
|
|
38
37
|
});
|
|
39
|
-
export var StyledAside = styled.div(
|
|
40
|
-
export var StyledAsidePanel = styled.div(
|
|
41
|
-
var
|
|
42
|
-
return css(
|
|
38
|
+
export var StyledAside = styled.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n flex: 0 0 ", "px;\n\n // remove aside block from the main flow on smaller screens, enabling overlay-like positioning\n @media (max-width: ", "px) {\n position: absolute;\n }\n"], ["\n flex: 0 0 ", "px;\n\n // remove aside block from the main flow on smaller screens, enabling overlay-like positioning\n @media (max-width: ", "px) {\n position: absolute;\n }\n"])), panelWidth, adjustMaxWidth(breakpointRawMinWidthValues.tabletMd));
|
|
39
|
+
export var StyledAsidePanel = styled.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n // position panel behind the page sticky footer on smaller screens\n @media (max-width: ", "px) {\n ", "\n border-left: 0;\n z-index: ", ";\n }\n\n border-left: 1px solid ", ";\n width: ", "px;\n position: fixed;\n background-color: ", ";\n right: 0;\n\n overflow: auto;\n z-index: ", ";\n\n ", "\n"], ["\n // position panel behind the page sticky footer on smaller screens\n @media (max-width: ", "px) {\n ", "\n border-left: 0;\n z-index: ", ";\n }\n\n border-left: 1px solid ", ";\n width: ", "px;\n position: fixed;\n background-color: ", ";\n right: 0;\n\n overflow: auto;\n z-index: ", ";\n\n ", "\n"])), adjustMaxWidth(breakpointRawMinWidthValues.tabletMd), getShadow(2), zIndexes.panelNarrowScreen, colors.gray85, panelWidth, colors.gray96, zIndexes.panelWideScreen, function (_a) {
|
|
40
|
+
var $offsetTop = _a.$offsetTop, $minusHeight = _a.$minusHeight;
|
|
41
|
+
return css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n top: ", "px;\n height: calc(100vh - ", "px);\n "], ["\n top: ", "px;\n height: calc(100vh - ", "px);\n "])), $offsetTop, $minusHeight);
|
|
43
42
|
});
|
|
44
|
-
export var StyledPageMain = styled.div(
|
|
45
|
-
export var StyledPageContainer = styled.div(
|
|
46
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17
|
|
43
|
+
export var StyledPageMain = styled.div(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n flex: 1 0 0%;\n position: relative;\n padding: 0 ", "px;\n max-width: 100%;\n"], ["\n flex: 1 0 0%;\n position: relative;\n padding: 0 ", "px;\n max-width: 100%;\n"])), outerPageSpacing);
|
|
44
|
+
export var StyledPageContainer = styled.div(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n background-color: ", ";\n"], ["\n display: flex;\n flex-wrap: wrap;\n background-color: ", ";\n"])), colors.gray96);
|
|
45
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17;
|
|
47
46
|
//# sourceMappingURL=PageLayout.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageLayout.styles.js","sourceRoot":"","sources":["../../../../src/layouts/PageLayout/PageLayout.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAA;AAE5E,IAAM,gBAAgB,GAAG,OAAO,CAAC,EAAE,CAAA;AAEnC,IAAM,cAAc,GAAG,UAAC,kBAA0B,IAAK,OAAA,kBAAkB,GAAG,IAAI,EAAzB,CAAyB,CAAA;AAEhF,IAAM,SAAS,GAAG,GAAG,0SAA4B,8GAEhC,EAAU,wBAEV,EAAqB,uBACpB,EAAqB,wBACpB,EAAgB,uBACjB,EAAgB,WAE9B,EAKC,IACJ,KAbgB,OAAO,CAAC,EAAE,EAEV,gBAAgB,GAAG,CAAC,CAAC,EACpB,gBAAgB,GAAG,CAAC,CAAC,EACpB,gBAAgB,EACjB,gBAAgB,EAE9B,UAAC,EAAgB;QAAd,YAAY,kBAAA;IACf,OAAA,CAAC,YAAY,IACb,GAAG,sHAAA,UACC,EAAc,4BACI,EAAY,SACjC,KAFG,SAAS,CAAC,GAAG,CAAC,EACI,MAAM,CAAC,KAAK,CACjC;AAJD,CAIC,CACJ,CAAA;AAED,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,+EAAA,MACtC,EAAS,IACZ,KADG,SAAS,CACZ,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,GAAG,kMAAA,kBACzB,EAAU,+CAGJ,EAAU,0DAM/B,KATe,OAAO,CAAC,EAAE,EAGJ,OAAO,CAAC,EAAE,CAM/B,CAAA;AAED,MAAM,CAAC,IAAM,qBAAqB,GAAG,MAAM,CAAC,WAAW,CAAC,4IAAA,kBACxC,EAAU,qDAKzB,KALe,OAAO,CAAC,EAAE,CAKzB,CAAA;AAED,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,4IAAA,kBAC1B,EAAU,qDAKzB,KALe,OAAO,CAAC,EAAE,CAKzB,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,cAAM,OAAA,GAAG,+NAAA,uCAEjB,EAAU,qGAQT,EAAU,YAE5B,KAViB,OAAO,CAAC,EAAE,EAQT,OAAO,CAAC,EAAE,GAVG,CAY/B,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,+EAAA,MACvC,EAAY,IACf,KADG,UAAU,EAAE,CACf,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,8FAAA,kBACxB,EAAU,OACzB,KADe,OAAO,CAAC,EAAE,CACzB,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,gGAAA,kBACpB,EAAU,OACzB,KADe,OAAO,CAAC,EAAE,CACzB,CAAA;AAED,IAAM,UAAU,GAAG,GAAG,CAAA;AACtB,IAAM,QAAQ,GAAG;IACf,eAAe,EAAE,CAAC;IAClB,iBAAiB,EAAE,CAAC;IACpB,MAAM,EAAE,CAAC;CACV,CAAA;AAED,
|
|
1
|
+
{"version":3,"file":"PageLayout.styles.js","sourceRoot":"","sources":["../../../../src/layouts/PageLayout/PageLayout.styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { Page,
|
|
1
|
+
export { Page, PageContext } from './PageLayout';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { Page,
|
|
1
|
+
export { Page, PageContext } from './PageLayout';
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/layouts/PageLayout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/layouts/PageLayout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA"}
|
package/dist/props/Panel.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"PanelBodyProps":[{"name":"secondaryBgColor","type":"boolean","required":false,"description":"Applies the gray secondary background color."}],"PanelHeaderActionProps":[{"name":"block","type":"boolean","required":false,"description":"Sets the button to be 100% of the width of its parent"},{"name":"icon","type":"ReactNode","required":false,"description":"string icons have been deprecated, please pass a component from `@procore/core-icons`\nThe icon to display on the left side of the label"},{"name":"iconRight","type":"ReactNode","required":false,"description":"The icon to display on the right side of the label"},{"name":"loading","type":"boolean","required":false,"description":"Shows the button spinner"},{"name":"size","type":"","required":false,"description":"The size of the button"},{"name":"title","type":"string","required":true,"description":"Tooltip/Overflow menu label text."},{"name":"variant","type":"","required":false,"description":"All variants except for primary, secondary, tertiary are DEPRECATED.\nAll will still be accepted, but deprecated ones will look like secondary"}],"PanelHeaderProps":[{"name":"onClickBack","type":"void","required":true,"description":"Controls visibility and behavior for the \"chevron-left\" icon on the left\nside of the title."},{"name":"onClose","type":"void","required":true}],"PanelQaTags":[{"name":"moreIcon","type":"string","required":false},{"name":"title","type":"string","required":false}],"PanelTitleTooltipProps":[{"name":"children","type":"ReactNode","required":true},{"name":"isVisible","type":"boolean","required":true},{"name":"overlay","type":"ReactNode","required":true}]}
|
|
1
|
+
{"PanelBodyProps":[{"name":"secondaryBgColor","type":"boolean","required":false,"description":"Applies the gray secondary background color."}],"PanelContextShape":[{"name":"isFooterSticky","type":"boolean","required":true},{"name":"setIsFooterSticky","type":"void","required":true}],"PanelHeaderActionProps":[{"name":"block","type":"boolean","required":false,"description":"Sets the button to be 100% of the width of its parent"},{"name":"icon","type":"ReactNode","required":false,"description":"string icons have been deprecated, please pass a component from `@procore/core-icons`\nThe icon to display on the left side of the label"},{"name":"iconRight","type":"ReactNode","required":false,"description":"The icon to display on the right side of the label"},{"name":"loading","type":"boolean","required":false,"description":"Shows the button spinner"},{"name":"size","type":"","required":false,"description":"The size of the button"},{"name":"title","type":"string","required":true,"description":"Tooltip/Overflow menu label text."},{"name":"variant","type":"","required":false,"description":"All variants except for primary, secondary, tertiary are DEPRECATED.\nAll will still be accepted, but deprecated ones will look like secondary"}],"PanelHeaderProps":[{"name":"onClickBack","type":"void","required":true,"description":"Controls visibility and behavior for the \"chevron-left\" icon on the left\nside of the title."},{"name":"onClose","type":"void","required":true}],"PanelQaTags":[{"name":"moreIcon","type":"string","required":false},{"name":"title","type":"string","required":false}],"PanelTitleTooltipProps":[{"name":"children","type":"ReactNode","required":true},{"name":"isVisible","type":"boolean","required":true},{"name":"overlay","type":"ReactNode","required":true}]}
|