@procore/core-react 10.18.0-rc.30 → 10.18.0-rc.31
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/Title/Title.js +19 -7
- package/dist/esm/components/Title/Title.js.map +1 -1
- package/dist/esm/components/Title/Title.styles.d.ts +3 -1
- package/dist/esm/components/Title/Title.styles.js +10 -8
- package/dist/esm/components/Title/Title.styles.js.map +1 -1
- package/dist/esm/layouts/Section/Section.js +11 -6
- package/dist/esm/layouts/Section/Section.js.map +1 -1
- package/dist/esm/layouts/Section/Section.styles.d.ts +7 -1
- package/dist/esm/layouts/Section/Section.styles.js +8 -8
- package/dist/esm/layouts/Section/Section.styles.js.map +1 -1
- package/dist/esm/layouts/Section/Section.types.d.ts +13 -0
- package/package.json +5 -5
- package/storybook-static/{0.2cade0fb.iframe.bundle.js → 0.705b2268.iframe.bundle.js} +1 -1
- package/storybook-static/{4.86511a5b.iframe.bundle.js → 4.6a9fe513.iframe.bundle.js} +3 -3
- package/storybook-static/{4.86511a5b.iframe.bundle.js.LICENSE.txt → 4.6a9fe513.iframe.bundle.js.LICENSE.txt} +0 -0
- package/storybook-static/4.6a9fe513.iframe.bundle.js.map +1 -0
- package/storybook-static/{5.86b09210.iframe.bundle.js → 5.36be1a5f.iframe.bundle.js} +1 -1
- package/storybook-static/{6.2ec54834.iframe.bundle.js → 6.c89b7fef.iframe.bundle.js} +3 -3
- package/storybook-static/{6.2ec54834.iframe.bundle.js.LICENSE.txt → 6.c89b7fef.iframe.bundle.js.LICENSE.txt} +0 -0
- package/storybook-static/6.c89b7fef.iframe.bundle.js.map +1 -0
- package/storybook-static/{7.43fc5176.iframe.bundle.js → 7.198e5f91.iframe.bundle.js} +1 -1
- package/storybook-static/iframe.html +1 -1
- package/storybook-static/main.0a2a6763.iframe.bundle.js +1 -0
- package/storybook-static/{runtime~main.cd8d4d85.iframe.bundle.js → runtime~main.d519cacb.iframe.bundle.js} +1 -1
- package/storybook-static/vendors~main.82114243.iframe.bundle.js +3 -0
- package/storybook-static/{vendors~main.0691c9eb.iframe.bundle.js.LICENSE.txt → vendors~main.82114243.iframe.bundle.js.LICENSE.txt} +0 -0
- package/storybook-static/vendors~main.82114243.iframe.bundle.js.map +1 -0
- package/storybook-static/4.86511a5b.iframe.bundle.js.map +0 -1
- package/storybook-static/6.2ec54834.iframe.bundle.js.map +0 -1
- package/storybook-static/main.f99b8796.iframe.bundle.js +0 -1
- package/storybook-static/vendors~main.0691c9eb.iframe.bundle.js +0 -3
- package/storybook-static/vendors~main.0691c9eb.iframe.bundle.js.map +0 -1
|
@@ -23,7 +23,10 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
23
23
|
import React from 'react';
|
|
24
24
|
import { addSubcomponents } from '../../utils/addSubcomponents';
|
|
25
25
|
import { slotify } from '../../utils/slotify';
|
|
26
|
-
import { StyledText, StyledSubtext, StyledTitle, StyledTitleActions, StyledAssets,
|
|
26
|
+
import { StyledText, StyledSubtext, StyledTitle, StyledTitleActions, StyledAssets, StyledTitlePill, StyledTitleContent, } from './Title.styles';
|
|
27
|
+
function isValidElement(element) {
|
|
28
|
+
return Boolean(element);
|
|
29
|
+
}
|
|
27
30
|
var Title_ = React.forwardRef(function Title_(_a, ref) {
|
|
28
31
|
var children = _a.children, props = __rest(_a, ["children"]);
|
|
29
32
|
var _b = slotify(children, {
|
|
@@ -33,13 +36,22 @@ var Title_ = React.forwardRef(function Title_(_a, ref) {
|
|
|
33
36
|
actions: TitleActions,
|
|
34
37
|
assets: TitleAssets,
|
|
35
38
|
}), pills = _b.pills, text = _b.text, subtext = _b.subtext, actions = _b.actions, assets = _b.assets;
|
|
39
|
+
var hasActions = isValidElement(actions.slotChildren);
|
|
40
|
+
var hasAssets = isValidElement(assets.slotChildren);
|
|
41
|
+
var hasPills = isValidElement(pills.slotChildren);
|
|
42
|
+
var hasText = isValidElement(text.slotChildren);
|
|
43
|
+
var hasSubtext = isValidElement(subtext.slotChildren);
|
|
44
|
+
var isEmpty = [hasActions, hasAssets, hasPills, hasText, hasSubtext].every(function (el) { return !el; });
|
|
45
|
+
if (isEmpty) {
|
|
46
|
+
return null;
|
|
47
|
+
}
|
|
36
48
|
return (React.createElement(StyledTitle, __assign({ ref: ref }, props),
|
|
37
|
-
|
|
38
|
-
React.createElement(StyledTitleContent,
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
49
|
+
hasAssets && (React.createElement(StyledAssets, __assign({ ref: assets.slotRef }, assets.slotProps), assets.slotChildren)),
|
|
50
|
+
React.createElement(StyledTitleContent, { "$hasActions": hasActions },
|
|
51
|
+
hasText && (React.createElement(StyledText, __assign({ ref: text.slotRef }, text.slotProps), text.slotChildren)),
|
|
52
|
+
hasPills && (React.createElement(StyledTitlePill, __assign({ ref: pills.slotRef }, pills.slotProps), pills.slotChildren)),
|
|
53
|
+
hasSubtext && (React.createElement(StyledSubtext, __assign({ ref: subtext.slotRef }, subtext.slotProps, { color: "gray45" }), subtext.slotChildren))),
|
|
54
|
+
hasActions && (React.createElement(StyledTitleActions, __assign({ ref: actions.slotRef }, actions.slotProps), actions.slotChildren))));
|
|
43
55
|
});
|
|
44
56
|
var TitlePills = React.forwardRef(function TitlePills() {
|
|
45
57
|
return React.createElement("div", null);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../../src/components/Title/Title.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAE7C,OAAO,EACL,UAAU,EACV,aAAa,EACb,WAAW,EACX,kBAAkB,EAClB,YAAY,EACZ,
|
|
1
|
+
{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../../src/components/Title/Title.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
export declare const StyledTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
2
2
|
export declare const StyledAssets: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
3
|
-
export declare const StyledTitleContent: import("styled-components").StyledComponent<"div", any, {
|
|
3
|
+
export declare const StyledTitleContent: import("styled-components").StyledComponent<"div", any, {
|
|
4
|
+
$hasActions: boolean;
|
|
5
|
+
}, never>;
|
|
4
6
|
export declare const StyledText: import("styled-components").StyledComponent<"span", any, {}, never>;
|
|
5
7
|
export declare const StyledTitlePill: import("styled-components").StyledComponent<"span", any, {}, never>;
|
|
6
8
|
export declare const StyledTitleActions: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -2,17 +2,19 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
2
2
|
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
3
|
return cooked;
|
|
4
4
|
};
|
|
5
|
-
import styled from 'styled-components';
|
|
5
|
+
import styled, { css } from 'styled-components';
|
|
6
6
|
import { spacing } from '../../styles/spacing';
|
|
7
|
-
import { StyledButton, StyledLinkButton } from '../Button/Button.styles';
|
|
8
7
|
import { StyledPill } from '../Pill/Pill.styles';
|
|
9
8
|
import { Typography } from '../Typography';
|
|
10
9
|
export var StyledTitle = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n align-items: flex-start;\n"], ["\n display: flex;\n align-items: flex-start;\n"])));
|
|
11
10
|
export var StyledAssets = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n margin-right: ", "px;\n"], ["\n margin-right: ", "px;\n"])), spacing.md);
|
|
12
|
-
export var StyledTitleContent = styled.div(
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
export var
|
|
17
|
-
var
|
|
11
|
+
export var StyledTitleContent = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
12
|
+
var $hasActions = _a.$hasActions;
|
|
13
|
+
return $hasActions && css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n margin-right: ", "px;\n "], ["\n margin-right: ", "px;\n "])), spacing.lg);
|
|
14
|
+
});
|
|
15
|
+
export var StyledText = styled.span(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n margin-right: ", "px;\n\n > h1,\n > h2,\n > h3 {\n display: inline;\n }\n"], ["\n margin-right: ", "px;\n\n > h1,\n > h2,\n > h3 {\n display: inline;\n }\n"])), spacing.sm);
|
|
16
|
+
export var StyledTitlePill = styled.span(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n ", " {\n vertical-align: text-top;\n }\n\n > ", " + ", " {\n margin-left: ", "px;\n }\n"], ["\n ", " {\n vertical-align: text-top;\n }\n\n > ", " + ", " {\n margin-left: ", "px;\n }\n"])), StyledPill, StyledPill, StyledPill, spacing.xs);
|
|
17
|
+
export var StyledTitleActions = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n display: flex;\n margin-left: auto;\n\n > * + * {\n margin-left: ", "px;\n }\n"], ["\n display: flex;\n margin-left: auto;\n\n > * + * {\n margin-left: ", "px;\n }\n"])), spacing.sm);
|
|
18
|
+
export var StyledSubtext = styled(Typography)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
19
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
|
|
18
20
|
//# sourceMappingURL=Title.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Title.styles.js","sourceRoot":"","sources":["../../../../src/components/Title/Title.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,
|
|
1
|
+
{"version":3,"file":"Title.styles.js","sourceRoot":"","sources":["../../../../src/components/Title/Title.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,qHAAA,kDAGpC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,gGAAA,oBACpB,EAAU,OAC3B,KADiB,OAAO,CAAC,EAAE,CAC3B,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,+EAA0B,MAClE,EAIC,IACJ,KALG,UAAC,EAAe;QAAb,WAAW,iBAAA;IACd,OAAA,WAAW,IACX,GAAG,wGAAA,wBACe,EAAU,WAC3B,KADiB,OAAO,CAAC,EAAE,CAC3B;AAHD,CAGC,CACJ,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,yJAAA,oBACnB,EAAU,gEAO3B,KAPiB,OAAO,CAAC,EAAE,CAO3B,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,IAAI,yKAAA,MACtC,EAAU,gDAIR,EAAU,KAAM,EAAU,uBACb,EAAU,YAE5B,KAPG,UAAU,EAIR,UAAU,EAAM,UAAU,EACb,OAAO,CAAC,EAAE,CAE5B,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,6JAAA,4EAKzB,EAAU,YAE5B,KAFkB,OAAO,CAAC,EAAE,CAE5B,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC,0FAAA,uBAE9C,IAAA,CAAA"}
|
|
@@ -23,9 +23,10 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
23
23
|
import cx from 'classnames';
|
|
24
24
|
import React from 'react';
|
|
25
25
|
import { ulid } from 'ulid';
|
|
26
|
+
import { Title } from '../../components/Title';
|
|
26
27
|
import { Button } from '../../components/Button';
|
|
27
28
|
import { H2, H3 } from '../../components/Semantic';
|
|
28
|
-
import { StyledSection, StyledSectionInner, StyledSectionHeader, StyledSectionCollapseHeading, StyledSectionContentRegion,
|
|
29
|
+
import { StyledSection, StyledSectionInner, StyledSectionHeader, StyledSectionCollapseHeading, StyledSectionContentRegion, sectionClassnames, StyledTitle, } from './Section.styles';
|
|
29
30
|
var isFunction = function (obj) { return typeof obj === 'function'; };
|
|
30
31
|
// Header levels start at level 2
|
|
31
32
|
var LevelContext = React.createContext(2);
|
|
@@ -57,7 +58,7 @@ export var SectionProvider = function (_a) {
|
|
|
57
58
|
};
|
|
58
59
|
export var Section = React.forwardRef(function Section(_a, ref) {
|
|
59
60
|
var _b;
|
|
60
|
-
var actions = _a.actions, children = _a.children, className = _a.className, expandId = _a.expandId, heading = _a.heading, _c = _a.initialIsOpen, initialIsOpen = _c === void 0 ? true : _c, props = __rest(_a, ["actions", "children", "className", "expandId", "heading", "initialIsOpen"]);
|
|
61
|
+
var actions = _a.actions, children = _a.children, className = _a.className, expandId = _a.expandId, heading = _a.heading, _c = _a.initialIsOpen, initialIsOpen = _c === void 0 ? true : _c, pills = _a.pills, subtext = _a.subtext, assets = _a.assets, props = __rest(_a, ["actions", "children", "className", "expandId", "heading", "initialIsOpen", "pills", "subtext", "assets"]);
|
|
61
62
|
var level = React.useContext(LevelContext);
|
|
62
63
|
var sections = React.useContext(SectionContext);
|
|
63
64
|
var toggleOpen = React.useCallback(function () {
|
|
@@ -90,10 +91,14 @@ export var Section = React.forwardRef(function Section(_a, ref) {
|
|
|
90
91
|
heading || actions ? (React.createElement(StyledSectionHeader, null,
|
|
91
92
|
expandId ? (React.createElement(StyledSectionCollapseHeading, { "aria-labelledby": headingTextId, "aria-level": level, role: "heading" },
|
|
92
93
|
React.createElement(Button, { "aria-controls": contentRegionId, "aria-expanded": open, "aria-labelledby": headingTextId, icon: open ? 'chevron-down' : 'chevron-right', onClick: toggleOpen, variant: "tertiary" }))) : null,
|
|
93
|
-
React.createElement(
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
94
|
+
React.createElement(StyledTitle, null,
|
|
95
|
+
React.createElement(Title.Text, null, heading && (React.createElement(Heading, { "aria-hidden": expandId ? true : false, id: headingTextId }, heading))),
|
|
96
|
+
React.createElement(Title.Subtext, null, subtext),
|
|
97
|
+
React.createElement(Title.Pills, null, pills),
|
|
98
|
+
React.createElement(Title.Actions, null, isFunction(actions)
|
|
99
|
+
? actions({ open: open })
|
|
100
|
+
: actions),
|
|
101
|
+
React.createElement(Title.Assets, null, assets)))) : null,
|
|
97
102
|
React.createElement(StyledSectionContentRegion, { "aria-hidden": !open, id: contentRegionId, role: "region" }, open ? children : null)))));
|
|
98
103
|
});
|
|
99
104
|
Section.displayName = 'Section';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../../../src/layouts/Section/Section.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAA;AAC3B,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAA;AAChD,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,2BAA2B,CAAA;AAClD,OAAO,EACL,aAAa,EACb,kBAAkB,EAClB,mBAAmB,EACnB,4BAA4B,EAC5B,0BAA0B,EAC1B,
|
|
1
|
+
{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../../../src/layouts/Section/Section.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,6 @@ export declare const sectionCollapseButtonMargin = 8;
|
|
|
3
3
|
export declare const sectionContentMinMargin: number;
|
|
4
4
|
export declare const StyledSectionInner: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
5
5
|
export declare const StyledSectionCollapseHeading: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
6
|
-
export declare const StyledSectionActions: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("../Box").BoxProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
|
|
7
6
|
export declare const StyledSectionContentRegion: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
8
7
|
export declare const StyledSectionHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
9
8
|
interface StyledSectionProps {
|
|
@@ -16,4 +15,11 @@ export declare const sectionClassnames: {
|
|
|
16
15
|
level: (num: number) => string;
|
|
17
16
|
};
|
|
18
17
|
export declare const StyledSection: import("styled-components").StyledComponent<"div", any, StyledSectionProps, never>;
|
|
18
|
+
export declare const StyledTitle: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("react").RefAttributes<HTMLDivElement>> & {
|
|
19
|
+
Pills: import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("react").RefAttributes<HTMLDivElement>>;
|
|
20
|
+
Text: import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("react").RefAttributes<HTMLDivElement>>;
|
|
21
|
+
Subtext: import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("react").RefAttributes<HTMLDivElement>>;
|
|
22
|
+
Actions: import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("react").RefAttributes<HTMLDivElement>>;
|
|
23
|
+
Assets: import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("react").RefAttributes<HTMLDivElement>>;
|
|
24
|
+
}, any, {}, never>;
|
|
19
25
|
export {};
|
|
@@ -6,26 +6,26 @@ import styled, { css } from 'styled-components';
|
|
|
6
6
|
import { colors } from '../../styles/colors';
|
|
7
7
|
import { StyledFormRow } from '../../components/Form/Form.styles';
|
|
8
8
|
import { spacing } from '../../styles/spacing';
|
|
9
|
-
import {
|
|
9
|
+
import { Title } from '../../components/Title';
|
|
10
10
|
export var sectionCollapseButtonWidth = 36;
|
|
11
11
|
export var sectionCollapseButtonMargin = 8;
|
|
12
12
|
export var sectionContentMinMargin = sectionCollapseButtonWidth + sectionCollapseButtonMargin * 2;
|
|
13
13
|
export var StyledSectionInner = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding-bottom: ", "px;\n padding-top: ", "px;\n"], ["\n padding-bottom: ", "px;\n padding-top: ", "px;\n"])), spacing.xxl, spacing.xxl);
|
|
14
|
-
export var StyledSectionCollapseHeading = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n
|
|
15
|
-
export var
|
|
16
|
-
export var
|
|
17
|
-
export var StyledSectionHeader = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n position: relative;\n // min-height on header for alignment:\n // - when heading line height is less than the collapse button height\n // - when heading line height is less than the button size it will shift\n // the heading text when the section is opened and buttons appear\n min-height: 36px;\n word-break: break-word;\n\n & + ", " {\n padding-top: 28px;\n }\n"], ["\n align-items: center;\n display: flex;\n position: relative;\n // min-height on header for alignment:\n // - when heading line height is less than the collapse button height\n // - when heading line height is less than the button size it will shift\n // the heading text when the section is opened and buttons appear\n min-height: 36px;\n word-break: break-word;\n\n & + ", " {\n padding-top: 28px;\n }\n"])), StyledSectionContentRegion);
|
|
14
|
+
export var StyledSectionCollapseHeading = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n align-self: flex-start;\n margin-right: ", "px;\n"], ["\n align-self: flex-start;\n margin-right: ", "px;\n"])), spacing.sm);
|
|
15
|
+
export var StyledSectionContentRegion = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject([""], [""])));
|
|
16
|
+
export var StyledSectionHeader = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n position: relative;\n // min-height on header for alignment:\n // - when heading line height is less than the collapse button height\n // - when heading line height is less than the button size it will shift\n // the heading text when the section is opened and buttons appear\n min-height: 36px;\n word-break: break-word;\n\n & + ", " {\n padding-top: 28px;\n }\n"], ["\n align-items: center;\n display: flex;\n position: relative;\n // min-height on header for alignment:\n // - when heading line height is less than the collapse button height\n // - when heading line height is less than the button size it will shift\n // the heading text when the section is opened and buttons appear\n min-height: 36px;\n word-break: break-word;\n\n & + ", " {\n padding-top: 28px;\n }\n"])), StyledSectionContentRegion);
|
|
18
17
|
export var sectionClassnames = {
|
|
19
18
|
divide: 'section--divide',
|
|
20
19
|
levelAnonymous: 'section--level-anon',
|
|
21
20
|
level: function (num) { return "section--level-" + num; },
|
|
22
21
|
};
|
|
23
|
-
export var StyledSection = styled.div(
|
|
22
|
+
export var StyledSection = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n padding-left: ", "px; // space for a collapse button\n padding-right: ", "px;\n\n &.", ":first-child > ", " {\n border-top: 0px;\n }\n\n // Solving if a card starts with:\n // - a single anonymous section\n // and is followed by:\n // - a named section\n // then\n // - reduce the visual space\n &.", ":first-child {\n & + .", ", & + .", " {\n & > ", " {\n margin-top: ", "px;\n }\n }\n }\n\n &:first-child {\n padding-top: ", "px;\n }\n\n &:last-child {\n padding-bottom: ", "px;\n }\n\n ", " + & {\n margin-top: ", "px;\n }\n\n ", ":last-of-type {\n margin-bottom: -28px;\n }\n\n & & + & {\n margin-top: 0;\n }\n\n & & {\n margin-top: ", "px;\n padding: 0;\n\n &:first-child,\n & + & {\n margin-top: 0;\n }\n\n &:last-child {\n & > ", " {\n padding-bottom: 0;\n }\n }\n }\n\n ", "\n\n ", "\n}\n"], ["\n padding-left: ", "px; // space for a collapse button\n padding-right: ", "px;\n\n &.", ":first-child > ", " {\n border-top: 0px;\n }\n\n // Solving if a card starts with:\n // - a single anonymous section\n // and is followed by:\n // - a named section\n // then\n // - reduce the visual space\n &.", ":first-child {\n & + .", ", & + .", " {\n & > ", " {\n margin-top: ", "px;\n }\n }\n }\n\n &:first-child {\n padding-top: ", "px;\n }\n\n &:last-child {\n padding-bottom: ", "px;\n }\n\n ", " + & {\n margin-top: ", "px;\n }\n\n ", ":last-of-type {\n margin-bottom: -28px;\n }\n\n & & + & {\n margin-top: 0;\n }\n\n & & {\n margin-top: ", "px;\n padding: 0;\n\n &:first-child,\n & + & {\n margin-top: 0;\n }\n\n &:last-child {\n & > ", " {\n padding-bottom: 0;\n }\n }\n }\n\n ", "\n\n ", "\n}\n"])), sectionContentMinMargin, sectionContentMinMargin, sectionClassnames.divide, StyledSectionInner, sectionClassnames.levelAnonymous, sectionClassnames.level(2), sectionClassnames.level(3), StyledSectionInner, spacing.xxl * -1, spacing.lg, spacing.lg, StyledFormRow, spacing.xs, StyledFormRow, spacing.xxl, StyledSectionInner, function (_a) {
|
|
24
23
|
var $closed = _a.$closed;
|
|
25
|
-
return $closed && css(
|
|
24
|
+
return $closed && css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ", " {\n padding-top: 0;\n }\n "], ["\n ", " {\n padding-top: 0;\n }\n "])), StyledSectionContentRegion);
|
|
26
25
|
}, function (_a) {
|
|
27
26
|
var $divide = _a.$divide;
|
|
28
|
-
return $divide && css(
|
|
27
|
+
return $divide && css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n & > ", " {\n border-top: 1px solid ", ";\n }\n "], ["\n & > ", " {\n border-top: 1px solid ", ";\n }\n "])), StyledSectionInner, colors.gray85);
|
|
29
28
|
});
|
|
29
|
+
export var StyledTitle = styled(Title)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n width: 100%;\n"], ["\n width: 100%;\n"])));
|
|
30
30
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
|
|
31
31
|
//# sourceMappingURL=Section.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Section.styles.js","sourceRoot":"","sources":["../../../../src/layouts/Section/Section.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,aAAa,EAAE,MAAM,mCAAmC,CAAA;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Section.styles.js","sourceRoot":"","sources":["../../../../src/layouts/Section/Section.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,aAAa,EAAE,MAAM,mCAAmC,CAAA;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AAE9C,MAAM,CAAC,IAAM,0BAA0B,GAAG,EAAE,CAAA;AAC5C,MAAM,CAAC,IAAM,2BAA2B,GAAG,CAAC,CAAA;AAC5C,MAAM,CAAC,IAAM,uBAAuB,GAClC,0BAA0B,GAAG,2BAA2B,GAAG,CAAC,CAAA;AAE9D,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,0HAAA,sBACxB,EAAW,sBACd,EAAW,OAC3B,KAFmB,OAAO,CAAC,GAAG,EACd,OAAO,CAAC,GAAG,CAC3B,CAAA;AAED,MAAM,CAAC,IAAM,4BAA4B,GAAG,MAAM,CAAC,GAAG,2HAAA,+CAEpC,EAAU,OAC3B,KADiB,OAAO,CAAC,EAAE,CAC3B,CAAA;AAED,MAAM,CAAC,IAAM,0BAA0B,GAAG,MAAM,CAAC,GAAG,qEAAA,EAAE,IAAA,CAAA;AAEtD,MAAM,CAAC,IAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,gfAAA,wYAWrC,EAA0B,mCAGjC,KAHO,0BAA0B,CAGjC,CAAA;AAOD,MAAM,CAAC,IAAM,iBAAiB,GAAG;IAC/B,MAAM,EAAE,iBAAiB;IACzB,cAAc,EAAE,qBAAqB;IACrC,KAAK,EAAE,UAAC,GAAW,IAAK,OAAA,oBAAkB,GAAK,EAAvB,CAAuB;CAChD,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,q9BAAoB,oBACzC,EAAuB,uDACtB,EAAuB,aAEpC,EAAwB,iBAAkB,EAAkB,+MAU5D,EAAgC,2BAC3B,EAA0B,SAAU,EAA0B,gBAC7D,EAAkB,0BACR,EAAgB,kEAMnB,EAAU,oDAIP,EAAU,gBAG5B,EAAa,0BACC,EAAU,gBAGxB,EAAa,sHASC,EAAW,wHASjB,EAAkB,2DAM1B,EAMC,QAED,EAMC,OAEJ,KAzEiB,uBAAuB,EACtB,uBAAuB,EAEpC,iBAAiB,CAAC,MAAM,EAAkB,kBAAkB,EAU5D,iBAAiB,CAAC,cAAc,EAC3B,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,EAAU,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,EAC7D,kBAAkB,EACR,OAAO,CAAC,GAAG,GAAG,CAAC,CAAC,EAMnB,OAAO,CAAC,EAAE,EAIP,OAAO,CAAC,EAAE,EAG5B,aAAa,EACC,OAAO,CAAC,EAAE,EAGxB,aAAa,EASC,OAAO,CAAC,GAAG,EASjB,kBAAkB,EAM1B,UAAC,EAAW;QAAT,OAAO,aAAA;IACV,OAAA,OAAO,IACP,GAAG,2HAAA,UACC,EAA0B,4CAG7B,KAHG,0BAA0B,CAG7B;AALD,CAKC,EAED,UAAC,EAAW;QAAT,OAAO,aAAA;IACV,OAAA,OAAO,IACP,GAAG,2IAAA,cACK,EAAkB,oCACE,EAAa,kBAExC,KAHO,kBAAkB,EACE,MAAM,CAAC,MAAM,CAExC;AALD,CAKC,CAEJ,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,uFAAA,oBAEvC,IAAA,CAAA"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from '@storybook/api/node_modules/@types/react';
|
|
1
2
|
import { Props } from '../../utils/types';
|
|
2
3
|
export interface SectionProviderProps {
|
|
3
4
|
children: React.ReactNode;
|
|
@@ -24,6 +25,18 @@ export interface SectionProps extends Props {
|
|
|
24
25
|
* @description If expandable, start open or closed
|
|
25
26
|
*/
|
|
26
27
|
initialIsOpen?: boolean;
|
|
28
|
+
/**
|
|
29
|
+
* @description Title assets
|
|
30
|
+
*/
|
|
31
|
+
assets?: React.ReactNode;
|
|
32
|
+
/**
|
|
33
|
+
* @description Title pills
|
|
34
|
+
*/
|
|
35
|
+
pills?: React.ReactNode;
|
|
36
|
+
/**
|
|
37
|
+
* @description Title subtext
|
|
38
|
+
*/
|
|
39
|
+
subtext?: React.ReactNode;
|
|
27
40
|
}
|
|
28
41
|
export interface SectionContextAPI {
|
|
29
42
|
open: {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@procore/core-react",
|
|
3
|
-
"version": "10.18.0-rc.
|
|
3
|
+
"version": "10.18.0-rc.31+2b7597293",
|
|
4
4
|
"description": "JSX implementations for core-css",
|
|
5
5
|
"main": "dist/esm/index.js",
|
|
6
6
|
"module": "dist/esm/index.js",
|
|
@@ -100,9 +100,9 @@
|
|
|
100
100
|
"yup": "0.32.9"
|
|
101
101
|
},
|
|
102
102
|
"dependencies": {
|
|
103
|
-
"@procore/core-css": "10.18.0-rc.
|
|
104
|
-
"@procore/core-i18n-js": "10.18.0-rc.
|
|
105
|
-
"@procore/core-icons": "10.18.0-rc.
|
|
103
|
+
"@procore/core-css": "10.18.0-rc.31+2b7597293",
|
|
104
|
+
"@procore/core-i18n-js": "10.18.0-rc.31+2b7597293",
|
|
105
|
+
"@procore/core-icons": "10.18.0-rc.31+2b7597293",
|
|
106
106
|
"@tinymce/tinymce-react": "3.12.6",
|
|
107
107
|
"axios": "0.22.0",
|
|
108
108
|
"classnames": "2.3.1",
|
|
@@ -125,5 +125,5 @@
|
|
|
125
125
|
"react-dom": ">=16.8.0 < 18",
|
|
126
126
|
"styled-components": ">= 5.1.1 < 6"
|
|
127
127
|
},
|
|
128
|
-
"gitHead": "
|
|
128
|
+
"gitHead": "2b7597293b9f9e4cb43f76c8f97c2a494a210e30"
|
|
129
129
|
}
|