@elliemae/ds-page-header 2.3.0-alpha.9 → 2.3.0-next.3
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/cjs/DSPageHeader.js +21 -0
- package/cjs/index.js +26 -0
- package/cjs/v1/DSPageHeader.js +124 -0
- package/cjs/v1/DropdownTitle.js +41 -0
- package/cjs/v1/EditableTitle.js +55 -0
- package/cjs/v1/PageHeaderImpl.js +129 -0
- package/cjs/v1/Title.js +25 -0
- package/cjs/v1/TitleWrapper.js +8 -0
- package/cjs/v2/PageHeader.js +91 -0
- package/cjs/v2/components/PageHeaderBack/PageHeaderBack.js +37 -0
- package/cjs/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js +121 -0
- package/cjs/v2/components/PageHeaderMenu/PageHeaderMenu.js +37 -0
- package/cjs/v2/components/PageHeaderSummary/PageHeaderSummary.js +61 -0
- package/cjs/v2/components/PageHeaderTitle/PageHeaderTitle.js +64 -0
- package/cjs/v2/components/PageHeaderToolbar/PageHeaderToolbar.js +37 -0
- package/cjs/v2/components/blocks.js +25 -0
- package/cjs/v2/props.js +44 -0
- package/esm/DSPageHeader.js +6 -0
- package/esm/index.js +6 -0
- package/esm/v1/DSPageHeader.js +112 -0
- package/esm/v1/DropdownTitle.js +33 -0
- package/esm/v1/EditableTitle.js +47 -0
- package/esm/v1/PageHeaderImpl.js +121 -0
- package/esm/v1/Title.js +18 -0
- package/esm/v1/TitleWrapper.js +6 -0
- package/esm/v2/PageHeader.js +75 -0
- package/esm/v2/components/PageHeaderBack/PageHeaderBack.js +28 -0
- package/esm/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js +108 -0
- package/esm/v2/components/PageHeaderMenu/PageHeaderMenu.js +28 -0
- package/esm/v2/components/PageHeaderSummary/PageHeaderSummary.js +50 -0
- package/esm/v2/components/PageHeaderTitle/PageHeaderTitle.js +51 -0
- package/esm/v2/components/PageHeaderToolbar/PageHeaderToolbar.js +28 -0
- package/esm/v2/components/blocks.js +13 -0
- package/esm/v2/props.js +39 -0
- package/package.json +60 -62
- package/{dist/types → types}/DSPageHeader.d.ts +0 -0
- package/{dist/types → types}/index.d.ts +0 -0
- package/{dist/types → types}/v1/DSPageHeader.d.ts +0 -0
- package/{dist/types → types}/v1/DropdownTitle.d.ts +0 -0
- package/{dist/types → types}/v1/EditableTitle.d.ts +0 -0
- package/{dist/types → types}/v1/PageHeaderImpl.d.ts +0 -0
- package/{dist/types → types}/v1/Title.d.ts +0 -0
- package/{dist/types → types}/v1/TitleWrapper.d.ts +0 -0
- package/{dist/types → types}/v2/PageHeader.d.ts +0 -0
- package/{dist/types → types}/v2/components/PageHeaderBack/PageHeaderBack.d.ts +0 -0
- package/{dist/types → types}/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.d.ts +0 -0
- package/{dist/types → types}/v2/components/PageHeaderMenu/PageHeaderMenu.d.ts +0 -0
- package/{dist/types → types}/v2/components/PageHeaderSummary/PageHeaderSummary.d.ts +0 -0
- package/{dist/types → types}/v2/components/PageHeaderTitle/PageHeaderTitle.d.ts +0 -0
- package/{dist/types → types}/v2/components/PageHeaderToolbar/PageHeaderToolbar.d.ts +0 -0
- package/{dist/types → types}/v2/components/blocks.d.ts +0 -0
- package/{dist/types → types}/v2/props.d.ts +0 -0
- package/{dist/types → types}/v2/tests/utils.d.ts +0 -0
- package/dist/cjs/DSPageHeader.js +0 -36
- package/dist/cjs/DSPageHeader.js.map +0 -7
- package/dist/cjs/index.js +0 -43
- package/dist/cjs/index.js.map +0 -7
- package/dist/cjs/v1/DSPageHeader.js +0 -97
- package/dist/cjs/v1/DSPageHeader.js.map +0 -7
- package/dist/cjs/v1/DropdownTitle.js +0 -55
- package/dist/cjs/v1/DropdownTitle.js.map +0 -7
- package/dist/cjs/v1/EditableTitle.js +0 -69
- package/dist/cjs/v1/EditableTitle.js.map +0 -7
- package/dist/cjs/v1/PageHeaderImpl.js +0 -135
- package/dist/cjs/v1/PageHeaderImpl.js.map +0 -7
- package/dist/cjs/v1/Title.js +0 -43
- package/dist/cjs/v1/Title.js.map +0 -7
- package/dist/cjs/v1/TitleWrapper.js +0 -37
- package/dist/cjs/v1/TitleWrapper.js.map +0 -7
- package/dist/cjs/v2/PageHeader.js +0 -106
- package/dist/cjs/v2/PageHeader.js.map +0 -7
- package/dist/cjs/v2/components/PageHeaderBack/PageHeaderBack.js +0 -39
- package/dist/cjs/v2/components/PageHeaderBack/PageHeaderBack.js.map +0 -7
- package/dist/cjs/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js +0 -107
- package/dist/cjs/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js.map +0 -7
- package/dist/cjs/v2/components/PageHeaderMenu/PageHeaderMenu.js +0 -39
- package/dist/cjs/v2/components/PageHeaderMenu/PageHeaderMenu.js.map +0 -7
- package/dist/cjs/v2/components/PageHeaderSummary/PageHeaderSummary.js +0 -54
- package/dist/cjs/v2/components/PageHeaderSummary/PageHeaderSummary.js.map +0 -7
- package/dist/cjs/v2/components/PageHeaderTitle/PageHeaderTitle.js +0 -55
- package/dist/cjs/v2/components/PageHeaderTitle/PageHeaderTitle.js.map +0 -7
- package/dist/cjs/v2/components/PageHeaderToolbar/PageHeaderToolbar.js +0 -39
- package/dist/cjs/v2/components/PageHeaderToolbar/PageHeaderToolbar.js.map +0 -7
- package/dist/cjs/v2/components/blocks.js +0 -49
- package/dist/cjs/v2/components/blocks.js.map +0 -7
- package/dist/cjs/v2/props.js +0 -56
- package/dist/cjs/v2/props.js.map +0 -7
- package/dist/cjs/v2/tests/utils.js +0 -123
- package/dist/cjs/v2/tests/utils.js.map +0 -7
- package/dist/esm/DSPageHeader.js +0 -7
- package/dist/esm/DSPageHeader.js.map +0 -7
- package/dist/esm/index.js +0 -14
- package/dist/esm/index.js.map +0 -7
- package/dist/esm/v1/DSPageHeader.js +0 -68
- package/dist/esm/v1/DSPageHeader.js.map +0 -7
- package/dist/esm/v1/DropdownTitle.js +0 -26
- package/dist/esm/v1/DropdownTitle.js.map +0 -7
- package/dist/esm/v1/EditableTitle.js +0 -40
- package/dist/esm/v1/EditableTitle.js.map +0 -7
- package/dist/esm/v1/PageHeaderImpl.js +0 -106
- package/dist/esm/v1/PageHeaderImpl.js.map +0 -7
- package/dist/esm/v1/Title.js +0 -14
- package/dist/esm/v1/Title.js.map +0 -7
- package/dist/esm/v1/TitleWrapper.js +0 -8
- package/dist/esm/v1/TitleWrapper.js.map +0 -7
- package/dist/esm/v2/PageHeader.js +0 -77
- package/dist/esm/v2/PageHeader.js.map +0 -7
- package/dist/esm/v2/components/PageHeaderBack/PageHeaderBack.js +0 -10
- package/dist/esm/v2/components/PageHeaderBack/PageHeaderBack.js.map +0 -7
- package/dist/esm/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js +0 -78
- package/dist/esm/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js.map +0 -7
- package/dist/esm/v2/components/PageHeaderMenu/PageHeaderMenu.js +0 -10
- package/dist/esm/v2/components/PageHeaderMenu/PageHeaderMenu.js.map +0 -7
- package/dist/esm/v2/components/PageHeaderSummary/PageHeaderSummary.js +0 -25
- package/dist/esm/v2/components/PageHeaderSummary/PageHeaderSummary.js.map +0 -7
- package/dist/esm/v2/components/PageHeaderTitle/PageHeaderTitle.js +0 -26
- package/dist/esm/v2/components/PageHeaderTitle/PageHeaderTitle.js.map +0 -7
- package/dist/esm/v2/components/PageHeaderToolbar/PageHeaderToolbar.js +0 -10
- package/dist/esm/v2/components/PageHeaderToolbar/PageHeaderToolbar.js.map +0 -7
- package/dist/esm/v2/components/blocks.js +0 -20
- package/dist/esm/v2/components/blocks.js.map +0 -7
- package/dist/esm/v2/props.js +0 -27
- package/dist/esm/v2/props.js.map +0 -7
- package/dist/esm/v2/tests/utils.js +0 -94
- package/dist/esm/v2/tests/utils.js.map +0 -7
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import React2, { useRef, useState } from "react";
|
|
3
|
-
import { useDerivedStateFromProps } from "@elliemae/ds-utilities";
|
|
4
|
-
import PropTypes from "prop-types";
|
|
5
|
-
import { aggregatedClasses } from "@elliemae/ds-classnames";
|
|
6
|
-
import { runAll } from "@elliemae/ds-utilities";
|
|
7
|
-
import DSInput from "@elliemae/ds-form/Input";
|
|
8
|
-
import Title from "./Title";
|
|
9
|
-
const blockName = "page-header";
|
|
10
|
-
const EditableTitleComponent = aggregatedClasses(DSInput)(`${blockName}-title`, "editable-title");
|
|
11
|
-
function EditableTitle({
|
|
12
|
-
children: value,
|
|
13
|
-
editing: editingProp,
|
|
14
|
-
titleInputProps
|
|
15
|
-
}) {
|
|
16
|
-
const [titleValue, setTitleValue] = useState(value);
|
|
17
|
-
const [hovered, setHovered] = useState(false);
|
|
18
|
-
const [editing, setEditing] = useDerivedStateFromProps(editingProp || false);
|
|
19
|
-
const titleRef = useRef(null);
|
|
20
|
-
return /* @__PURE__ */ React2.createElement(React2.Fragment, null, hovered || editing ? /* @__PURE__ */ React2.createElement(EditableTitleComponent, {
|
|
21
|
-
...titleInputProps,
|
|
22
|
-
onBlur: runAll(() => setEditing(false), titleInputProps.onBlur),
|
|
23
|
-
onChange: runAll((e) => setTitleValue(e.target.value), titleInputProps.onChange),
|
|
24
|
-
onFocus: runAll(() => setEditing(true), titleInputProps.onFocus),
|
|
25
|
-
onMouseOut: runAll(() => setHovered(false), titleInputProps.onMouseOut),
|
|
26
|
-
value: titleValue
|
|
27
|
-
}) : /* @__PURE__ */ React2.createElement("div", {
|
|
28
|
-
ref: titleRef,
|
|
29
|
-
onMouseEnter: () => setHovered(true)
|
|
30
|
-
}, /* @__PURE__ */ React2.createElement(Title, null, titleValue)));
|
|
31
|
-
}
|
|
32
|
-
EditableTitle.propTypes = {
|
|
33
|
-
children: PropTypes.string,
|
|
34
|
-
editing: PropTypes.bool
|
|
35
|
-
};
|
|
36
|
-
var EditableTitle_default = EditableTitle;
|
|
37
|
-
export {
|
|
38
|
-
EditableTitle_default as default
|
|
39
|
-
};
|
|
40
|
-
//# sourceMappingURL=EditableTitle.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v1/EditableTitle.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef, useState } from 'react';\nimport { useDerivedStateFromProps } from '@elliemae/ds-utilities';\nimport PropTypes from 'prop-types';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { runAll } from '@elliemae/ds-utilities';\nimport DSInput from '@elliemae/ds-form/Input';\nimport Title from './Title';\n\nconst blockName = 'page-header';\n\nconst EditableTitleComponent = aggregatedClasses(DSInput)(\n `${blockName}-title`,\n 'editable-title',\n);\n\nfunction EditableTitle({\n children: value,\n editing: editingProp,\n titleInputProps,\n}) {\n const [titleValue, setTitleValue] = useState(value);\n const [hovered, setHovered] = useState(false);\n const [editing, setEditing] = useDerivedStateFromProps(editingProp || false);\n const titleRef = useRef(null);\n return (\n <>\n {hovered || editing ? (\n <EditableTitleComponent\n {...titleInputProps}\n onBlur={runAll(() => setEditing(false), titleInputProps.onBlur)}\n onChange={runAll(\n (e) => setTitleValue(e.target.value),\n titleInputProps.onChange,\n )}\n onFocus={runAll(() => setEditing(true), titleInputProps.onFocus)}\n onMouseOut={runAll(\n () => setHovered(false),\n titleInputProps.onMouseOut,\n )}\n value={titleValue}\n />\n ) : (\n <div ref={titleRef} onMouseEnter={() => setHovered(true)}>\n <Title>{titleValue}</Title>\n </div>\n )}\n </>\n );\n}\n\nEditableTitle.propTypes = {\n /** The title text */\n children: PropTypes.string,\n /** Whether the title is editing or not */\n editing: PropTypes.bool,\n};\n\nexport default EditableTitle;\n"],
|
|
5
|
-
"mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAElB,MAAM,yBAAyB,kBAAkB,SAC/C,GAAG,mBACH;AAGF,uBAAuB;AAAA,EACrB,UAAU;AAAA,EACV,SAAS;AAAA,EACT;AAAA,GACC;AACD,QAAM,CAAC,YAAY,iBAAiB,SAAS;AAC7C,QAAM,CAAC,SAAS,cAAc,SAAS;AACvC,QAAM,CAAC,SAAS,cAAc,yBAAyB,eAAe;AACtE,QAAM,WAAW,OAAO;AACxB,SACE,4DACG,WAAW,UACV,qCAAC,wBAAD;AAAA,OACM;AAAA,IACJ,QAAQ,OAAO,MAAM,WAAW,QAAQ,gBAAgB;AAAA,IACxD,UAAU,OACR,CAAC,MAAM,cAAc,EAAE,OAAO,QAC9B,gBAAgB;AAAA,IAElB,SAAS,OAAO,MAAM,WAAW,OAAO,gBAAgB;AAAA,IACxD,YAAY,OACV,MAAM,WAAW,QACjB,gBAAgB;AAAA,IAElB,OAAO;AAAA,OAGT,qCAAC,OAAD;AAAA,IAAK,KAAK;AAAA,IAAU,cAAc,MAAM,WAAW;AAAA,KACjD,qCAAC,OAAD,MAAQ;AAAA;AAOlB,cAAc,YAAY;AAAA,EAExB,UAAU,UAAU;AAAA,EAEpB,SAAS,UAAU;AAAA;AAGrB,IAAO,wBAAQ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,106 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import React2 from "react";
|
|
3
|
-
import { isFunction } from "@elliemae/ds-utilities";
|
|
4
|
-
import { aggregatedClasses } from "@elliemae/ds-classnames";
|
|
5
|
-
import { ChevronLeft } from "@elliemae/ds-icons";
|
|
6
|
-
import DSBreadcrumb from "@elliemae/ds-breadcrumb";
|
|
7
|
-
import { DSIconSizes } from "@elliemae/ds-icon";
|
|
8
|
-
import EditableTitle from "./EditableTitle";
|
|
9
|
-
import Title from "./Title";
|
|
10
|
-
import DropdownTitle from "./DropdownTitle";
|
|
11
|
-
const blockName = "page-header";
|
|
12
|
-
const PageHeaderContainer = aggregatedClasses("div")(blockName, null, ({ withBottomSeparator, subtitle }) => ({
|
|
13
|
-
"with-bottom-separator": withBottomSeparator,
|
|
14
|
-
"with-subtitle": subtitle
|
|
15
|
-
}));
|
|
16
|
-
const PageHeaderMainSection = aggregatedClasses("div")(`${blockName}-main-section`);
|
|
17
|
-
const PageHeaderTitleSection = aggregatedClasses("div")(`${blockName}-title-section`);
|
|
18
|
-
const PageHeaderToolbar = aggregatedClasses("div")(`${blockName}-toolbar`, null, () => ({
|
|
19
|
-
"ie-flex-basis-auto": true
|
|
20
|
-
}));
|
|
21
|
-
const PageHeaderBreadcrumb = aggregatedClasses(DSBreadcrumb)(`${blockName}-breadcrumb`);
|
|
22
|
-
const PageHeaderTitle = aggregatedClasses("div")(`${blockName}-title`);
|
|
23
|
-
const Subtitle = aggregatedClasses("div")(`${blockName}-title`, "subtitle");
|
|
24
|
-
const BackArrow = aggregatedClasses(ChevronLeft)(`${blockName}-backarrow`);
|
|
25
|
-
function HeaderTitle({
|
|
26
|
-
title = "",
|
|
27
|
-
options = [],
|
|
28
|
-
optionsMinWidth,
|
|
29
|
-
onSelectOption = () => null,
|
|
30
|
-
selection,
|
|
31
|
-
subtitle = "",
|
|
32
|
-
editable = false,
|
|
33
|
-
editing = false,
|
|
34
|
-
titleInputProps,
|
|
35
|
-
zIndex
|
|
36
|
-
}) {
|
|
37
|
-
const titleComponent = editable ? /* @__PURE__ */ React2.createElement(EditableTitle, {
|
|
38
|
-
editing,
|
|
39
|
-
titleInputProps
|
|
40
|
-
}, title) : /* @__PURE__ */ React2.createElement(Title, null, title);
|
|
41
|
-
return /* @__PURE__ */ React2.createElement(PageHeaderTitle, null, options.length ? /* @__PURE__ */ React2.createElement(DropdownTitle, {
|
|
42
|
-
onSelectOption,
|
|
43
|
-
options,
|
|
44
|
-
optionsMinWidth,
|
|
45
|
-
selection,
|
|
46
|
-
titleComponent,
|
|
47
|
-
zIndex
|
|
48
|
-
}) : titleComponent, subtitle && /* @__PURE__ */ React2.createElement(Subtitle, null, subtitle));
|
|
49
|
-
}
|
|
50
|
-
function PageHeaderImpl({
|
|
51
|
-
containerProps,
|
|
52
|
-
className,
|
|
53
|
-
title,
|
|
54
|
-
titleOptions,
|
|
55
|
-
renderToolbar,
|
|
56
|
-
breadcrumbs = [],
|
|
57
|
-
previousPage,
|
|
58
|
-
onGoToPreviousPage = () => null,
|
|
59
|
-
subtitle = "",
|
|
60
|
-
withBottomSeparator,
|
|
61
|
-
onSelectOption,
|
|
62
|
-
optionsSelection,
|
|
63
|
-
optionsMinWidth,
|
|
64
|
-
editable = false,
|
|
65
|
-
titleInputProps,
|
|
66
|
-
editing = void 0,
|
|
67
|
-
zIndex
|
|
68
|
-
}) {
|
|
69
|
-
const hasBreadcrumbs = !!breadcrumbs.length;
|
|
70
|
-
return /* @__PURE__ */ React2.createElement(PageHeaderContainer, {
|
|
71
|
-
...containerProps,
|
|
72
|
-
className,
|
|
73
|
-
classProps: {
|
|
74
|
-
withBottomSeparator,
|
|
75
|
-
subtitle
|
|
76
|
-
}
|
|
77
|
-
}, previousPage && /* @__PURE__ */ React2.createElement(BackArrow, {
|
|
78
|
-
"data-testid": "back-arrow",
|
|
79
|
-
onClick: onGoToPreviousPage,
|
|
80
|
-
size: DSIconSizes.M
|
|
81
|
-
}), /* @__PURE__ */ React2.createElement(PageHeaderMainSection, null, hasBreadcrumbs && /* @__PURE__ */ React2.createElement(PageHeaderBreadcrumb, null, breadcrumbs.map((breadcrumb) => /* @__PURE__ */ React2.createElement(DSBreadcrumb.Item, {
|
|
82
|
-
key: breadcrumb.label,
|
|
83
|
-
...breadcrumb
|
|
84
|
-
}))), previousPage && /* @__PURE__ */ React2.createElement(PageHeaderBreadcrumb, null, /* @__PURE__ */ React2.createElement(DSBreadcrumb.Item, {
|
|
85
|
-
key: previousPage.id,
|
|
86
|
-
label: previousPage.title,
|
|
87
|
-
onClick: previousPage.onClick,
|
|
88
|
-
...previousPage
|
|
89
|
-
})), /* @__PURE__ */ React2.createElement(PageHeaderTitleSection, null, /* @__PURE__ */ React2.createElement(HeaderTitle, {
|
|
90
|
-
editable,
|
|
91
|
-
editing,
|
|
92
|
-
onSelectOption,
|
|
93
|
-
options: titleOptions,
|
|
94
|
-
optionsMinWidth,
|
|
95
|
-
selection: optionsSelection,
|
|
96
|
-
subtitle,
|
|
97
|
-
title,
|
|
98
|
-
titleInputProps,
|
|
99
|
-
zIndex
|
|
100
|
-
}), isFunction(renderToolbar) && /* @__PURE__ */ React2.createElement(PageHeaderToolbar, null, renderToolbar()))));
|
|
101
|
-
}
|
|
102
|
-
var PageHeaderImpl_default = PageHeaderImpl;
|
|
103
|
-
export {
|
|
104
|
-
PageHeaderImpl_default as default
|
|
105
|
-
};
|
|
106
|
-
//# sourceMappingURL=PageHeaderImpl.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v1/PageHeaderImpl.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { isFunction } from '@elliemae/ds-utilities';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { ChevronLeft } from '@elliemae/ds-icons';\nimport DSBreadcrumb from '@elliemae/ds-breadcrumb';\nimport { DSIconSizes } from '@elliemae/ds-icon';\nimport EditableTitle from './EditableTitle';\nimport Title from './Title';\nimport DropdownTitle from './DropdownTitle';\n\nconst blockName = 'page-header';\n\nconst PageHeaderContainer = aggregatedClasses('div')(blockName, null, ({ withBottomSeparator, subtitle }) => ({\n 'with-bottom-separator': withBottomSeparator,\n 'with-subtitle': subtitle,\n}));\n\nconst PageHeaderMainSection = aggregatedClasses('div')(`${blockName}-main-section`);\nconst PageHeaderTitleSection = aggregatedClasses('div')(`${blockName}-title-section`);\nconst PageHeaderToolbar = aggregatedClasses('div')(`${blockName}-toolbar`, null, () => ({\n 'ie-flex-basis-auto': true,\n}));\nconst PageHeaderBreadcrumb = aggregatedClasses(DSBreadcrumb)(`${blockName}-breadcrumb`);\n\nconst PageHeaderTitle = aggregatedClasses('div')(`${blockName}-title`);\nconst Subtitle = aggregatedClasses('div')(`${blockName}-title`, 'subtitle');\nconst BackArrow = aggregatedClasses(ChevronLeft)(`${blockName}-backarrow`);\n\nfunction HeaderTitle({\n title = '',\n options = [],\n optionsMinWidth,\n onSelectOption = () => null,\n selection,\n subtitle = '',\n editable = false,\n editing = false,\n titleInputProps,\n zIndex,\n}) {\n const titleComponent = editable ? (\n <EditableTitle editing={editing} titleInputProps={titleInputProps}>\n {title}\n </EditableTitle>\n ) : (\n <Title>{title}</Title>\n );\n\n return (\n <PageHeaderTitle>\n {options.length ? (\n <DropdownTitle\n onSelectOption={onSelectOption}\n options={options}\n optionsMinWidth={optionsMinWidth}\n selection={selection}\n titleComponent={titleComponent}\n zIndex={zIndex}\n />\n ) : (\n titleComponent\n )}\n {subtitle && <Subtitle>{subtitle}</Subtitle>}\n </PageHeaderTitle>\n );\n}\n\nfunction PageHeaderImpl({\n containerProps,\n className,\n title,\n titleOptions,\n renderToolbar,\n breadcrumbs = [],\n previousPage,\n onGoToPreviousPage = () => null,\n subtitle = '',\n withBottomSeparator,\n onSelectOption,\n optionsSelection,\n optionsMinWidth,\n editable = false,\n titleInputProps,\n editing = undefined,\n zIndex,\n}) {\n const hasBreadcrumbs = !!breadcrumbs.length;\n\n return (\n <PageHeaderContainer\n {...containerProps}\n className={className}\n classProps={{\n withBottomSeparator,\n subtitle,\n }}\n >\n {previousPage && <BackArrow data-testid=\"back-arrow\" onClick={onGoToPreviousPage} size={DSIconSizes.M} />}\n <PageHeaderMainSection>\n {hasBreadcrumbs && (\n <PageHeaderBreadcrumb>\n {breadcrumbs.map((breadcrumb) => (\n <DSBreadcrumb.Item key={breadcrumb.label} {...breadcrumb} />\n ))}\n </PageHeaderBreadcrumb>\n )}\n {previousPage && (\n <PageHeaderBreadcrumb>\n <DSBreadcrumb.Item\n key={previousPage.id}\n label={previousPage.title}\n onClick={previousPage.onClick}\n {...previousPage}\n />\n </PageHeaderBreadcrumb>\n )}\n <PageHeaderTitleSection>\n <HeaderTitle\n editable={editable}\n editing={editing}\n onSelectOption={onSelectOption}\n options={titleOptions}\n optionsMinWidth={optionsMinWidth}\n selection={optionsSelection}\n subtitle={subtitle}\n title={title}\n titleInputProps={titleInputProps}\n zIndex={zIndex}\n />\n {isFunction(renderToolbar) && <PageHeaderToolbar>{renderToolbar()}</PageHeaderToolbar>}\n </PageHeaderTitleSection>\n </PageHeaderMainSection>\n </PageHeaderContainer>\n );\n}\n\nexport default PageHeaderImpl;\n"],
|
|
5
|
-
"mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAElB,MAAM,sBAAsB,kBAAkB,OAAO,WAAW,MAAM,CAAC,EAAE,qBAAqB,eAAgB;AAAA,EAC5G,yBAAyB;AAAA,EACzB,iBAAiB;AAAA;AAGnB,MAAM,wBAAwB,kBAAkB,OAAO,GAAG;AAC1D,MAAM,yBAAyB,kBAAkB,OAAO,GAAG;AAC3D,MAAM,oBAAoB,kBAAkB,OAAO,GAAG,qBAAqB,MAAM,MAAO;AAAA,EACtF,sBAAsB;AAAA;AAExB,MAAM,uBAAuB,kBAAkB,cAAc,GAAG;AAEhE,MAAM,kBAAkB,kBAAkB,OAAO,GAAG;AACpD,MAAM,WAAW,kBAAkB,OAAO,GAAG,mBAAmB;AAChE,MAAM,YAAY,kBAAkB,aAAa,GAAG;AAEpD,qBAAqB;AAAA,EACnB,QAAQ;AAAA,EACR,UAAU;AAAA,EACV;AAAA,EACA,iBAAiB,MAAM;AAAA,EACvB;AAAA,EACA,WAAW;AAAA,EACX,WAAW;AAAA,EACX,UAAU;AAAA,EACV;AAAA,EACA;AAAA,GACC;AACD,QAAM,iBAAiB,WACrB,qCAAC,eAAD;AAAA,IAAe;AAAA,IAAkB;AAAA,KAC9B,SAGH,qCAAC,OAAD,MAAQ;AAGV,SACE,qCAAC,iBAAD,MACG,QAAQ,SACP,qCAAC,eAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,OAGF,gBAED,YAAY,qCAAC,UAAD,MAAW;AAAA;AAK9B,wBAAwB;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA,qBAAqB,MAAM;AAAA,EAC3B,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA,UAAU;AAAA,EACV;AAAA,GACC;AACD,QAAM,iBAAiB,CAAC,CAAC,YAAY;AAErC,SACE,qCAAC,qBAAD;AAAA,OACM;AAAA,IACJ;AAAA,IACA,YAAY;AAAA,MACV;AAAA,MACA;AAAA;AAAA,KAGD,gBAAgB,qCAAC,WAAD;AAAA,IAAW,eAAY;AAAA,IAAa,SAAS;AAAA,IAAoB,MAAM,YAAY;AAAA,MACpG,qCAAC,uBAAD,MACG,kBACC,qCAAC,sBAAD,MACG,YAAY,IAAI,CAAC,eAChB,qCAAC,aAAa,MAAd;AAAA,IAAmB,KAAK,WAAW;AAAA,OAAW;AAAA,QAInD,gBACC,qCAAC,sBAAD,MACE,qCAAC,aAAa,MAAd;AAAA,IACE,KAAK,aAAa;AAAA,IAClB,OAAO,aAAa;AAAA,IACpB,SAAS,aAAa;AAAA,OAClB;AAAA,OAIV,qCAAC,wBAAD,MACE,qCAAC,aAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAED,WAAW,kBAAkB,qCAAC,mBAAD,MAAoB;AAAA;AAO5D,IAAO,yBAAQ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
package/dist/esm/v1/Title.js
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import React2 from "react";
|
|
3
|
-
import { aggregatedClasses } from "@elliemae/ds-classnames";
|
|
4
|
-
import DSTruncatedTooltipText from "@elliemae/ds-truncated-tooltip-text";
|
|
5
|
-
const blockName = "page-header";
|
|
6
|
-
const TitleWrapper = aggregatedClasses(DSTruncatedTooltipText)(`${blockName}-title`, "title");
|
|
7
|
-
const Title = ({ children }) => /* @__PURE__ */ React2.createElement(TitleWrapper, {
|
|
8
|
-
value: children
|
|
9
|
-
});
|
|
10
|
-
var Title_default = Title;
|
|
11
|
-
export {
|
|
12
|
-
Title_default as default
|
|
13
|
-
};
|
|
14
|
-
//# sourceMappingURL=Title.js.map
|
package/dist/esm/v1/Title.js.map
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v1/Title.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';\n\nconst blockName = 'page-header';\nconst TitleWrapper = aggregatedClasses(DSTruncatedTooltipText)(\n `${blockName}-title`,\n 'title',\n);\nconst Title = ({ children }) => <TitleWrapper value={children} />;\n\nexport default Title;\n"],
|
|
5
|
-
"mappings": "AAAA;ACAA;AACA;AACA;AAEA,MAAM,YAAY;AAClB,MAAM,eAAe,kBAAkB,wBACrC,GAAG,mBACH;AAEF,MAAM,QAAQ,CAAC,EAAE,eAAe,qCAAC,cAAD;AAAA,EAAc,OAAO;AAAA;AAErD,IAAO,gBAAQ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { aggregatedClasses } from "@elliemae/ds-classnames";
|
|
3
|
-
const blockName = "page-header";
|
|
4
|
-
var TitleWrapper_default = aggregatedClasses("span")(`${blockName}-title-wrapper`);
|
|
5
|
-
export {
|
|
6
|
-
TitleWrapper_default as default
|
|
7
|
-
};
|
|
8
|
-
//# sourceMappingURL=TitleWrapper.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v1/TitleWrapper.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'page-header';\n\nexport default aggregatedClasses('span')(`${blockName}-title-wrapper`);\n"],
|
|
5
|
-
"mappings": "AAAA;ACAA;AAEA,MAAM,YAAY;AAElB,IAAO,uBAAQ,kBAAkB,QAAQ,GAAG;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import React2 from "react";
|
|
3
|
-
import { describe } from "react-desc";
|
|
4
|
-
import { compact } from "lodash";
|
|
5
|
-
import styled from "styled-components";
|
|
6
|
-
import { Grid } from "@elliemae/ds-grid";
|
|
7
|
-
import { PageHeaderTitle } from "./components/PageHeaderTitle/PageHeaderTitle";
|
|
8
|
-
import { PageHeaderEditableTitle } from "./components/PageHeaderEditableTitle/PageHeaderEditableTitle";
|
|
9
|
-
import { PageHeaderSummary } from "./components/PageHeaderSummary/PageHeaderSummary";
|
|
10
|
-
import { PageHeaderMenu } from "./components/PageHeaderMenu/PageHeaderMenu";
|
|
11
|
-
import { PageHeaderToolbar } from "./components/PageHeaderToolbar/PageHeaderToolbar";
|
|
12
|
-
import { PageHeaderBack } from "./components/PageHeaderBack/PageHeaderBack";
|
|
13
|
-
import { cssPrefix } from "./components/blocks";
|
|
14
|
-
import { navProps, defaultProps } from "./props";
|
|
15
|
-
const PageHeaderCustomRenderer = styled.div`
|
|
16
|
-
width: auto;
|
|
17
|
-
color: ${(props) => props.theme.colors.brand[800]};
|
|
18
|
-
font-style: italic;
|
|
19
|
-
font-size: 0.8rem;
|
|
20
|
-
`;
|
|
21
|
-
const Container = styled.div`
|
|
22
|
-
width: 100%;
|
|
23
|
-
margin-bottom: 8px;
|
|
24
|
-
`;
|
|
25
|
-
const ContainerWBorder = styled.div`
|
|
26
|
-
width: 100%;
|
|
27
|
-
padding: 12px 0 8px 0;
|
|
28
|
-
display: grid;
|
|
29
|
-
align-items: center;
|
|
30
|
-
height: 100%;
|
|
31
|
-
${(props) => !props.withBottomSeparator ? "" : `border-bottom: solid 1px ${props.theme.colors.neutral[400]};`}
|
|
32
|
-
`;
|
|
33
|
-
const DSPageHeaderV2 = ({
|
|
34
|
-
containerProps,
|
|
35
|
-
breadcrumbs,
|
|
36
|
-
pageTitle,
|
|
37
|
-
backarrow,
|
|
38
|
-
summary,
|
|
39
|
-
toolbar,
|
|
40
|
-
menu,
|
|
41
|
-
withBottomSeparator
|
|
42
|
-
}) => {
|
|
43
|
-
const wrapperRow = ["auto", 1];
|
|
44
|
-
const mainRow = compact([1, "auto"]);
|
|
45
|
-
const pageTitleRow = compact(["auto", menu && "30px", summary && "auto", 1]);
|
|
46
|
-
return /* @__PURE__ */ React2.createElement(Container, {
|
|
47
|
-
...containerProps
|
|
48
|
-
}, /* @__PURE__ */ React2.createElement(ContainerWBorder, {
|
|
49
|
-
withBottomSeparator
|
|
50
|
-
}, /* @__PURE__ */ React2.createElement(Grid, {
|
|
51
|
-
cols: wrapperRow
|
|
52
|
-
}, /* @__PURE__ */ React2.createElement(Grid, null, /* @__PURE__ */ React2.createElement(PageHeaderBack, null, backarrow)), /* @__PURE__ */ React2.createElement(Grid, {
|
|
53
|
-
rows: ["auto", "auto"]
|
|
54
|
-
}, /* @__PURE__ */ React2.createElement(Grid, {
|
|
55
|
-
className: `${cssPrefix}-page-header-v2-breadcrumb`
|
|
56
|
-
}, breadcrumbs), /* @__PURE__ */ React2.createElement(Grid, {
|
|
57
|
-
cols: mainRow
|
|
58
|
-
}, /* @__PURE__ */ React2.createElement(Grid, {
|
|
59
|
-
cols: pageTitleRow
|
|
60
|
-
}, pageTitle, menu && /* @__PURE__ */ React2.createElement(PageHeaderMenu, null, menu), summary, /* @__PURE__ */ React2.createElement("div", null)), /* @__PURE__ */ React2.createElement(Grid, null, /* @__PURE__ */ React2.createElement(PageHeaderToolbar, null, toolbar)))))));
|
|
61
|
-
};
|
|
62
|
-
DSPageHeaderV2.propTypes = navProps;
|
|
63
|
-
DSPageHeaderV2.defaultProps = defaultProps;
|
|
64
|
-
const DSPageHeaderWithSchema = describe(DSPageHeaderV2);
|
|
65
|
-
DSPageHeaderWithSchema.propTypes = navProps;
|
|
66
|
-
var PageHeader_default = DSPageHeaderV2;
|
|
67
|
-
export {
|
|
68
|
-
DSPageHeaderV2,
|
|
69
|
-
DSPageHeaderWithSchema,
|
|
70
|
-
PageHeaderCustomRenderer,
|
|
71
|
-
PageHeaderEditableTitle,
|
|
72
|
-
PageHeaderMenu,
|
|
73
|
-
PageHeaderSummary,
|
|
74
|
-
PageHeaderTitle,
|
|
75
|
-
PageHeader_default as default
|
|
76
|
-
};
|
|
77
|
-
//# sourceMappingURL=PageHeader.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/PageHeader.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe } from 'react-desc';\nimport { compact } from 'lodash';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { PageHeaderTitle } from './components/PageHeaderTitle/PageHeaderTitle';\nimport { PageHeaderEditableTitle } from './components/PageHeaderEditableTitle/PageHeaderEditableTitle';\nimport { PageHeaderSummary } from './components/PageHeaderSummary/PageHeaderSummary';\nimport { PageHeaderMenu } from './components/PageHeaderMenu/PageHeaderMenu';\nimport { PageHeaderToolbar } from './components/PageHeaderToolbar/PageHeaderToolbar';\nimport { PageHeaderBack } from './components/PageHeaderBack/PageHeaderBack';\nimport { cssPrefix } from './components/blocks';\nimport { navProps, defaultProps } from './props';\n\nconst PageHeaderCustomRenderer = styled.div`\n width: auto;\n color: ${(props) => props.theme.colors.brand[800]};\n font-style: italic;\n font-size: 0.8rem;\n`;\n\nconst Container = styled.div`\n width: 100%;\n margin-bottom: 8px;\n`;\nconst ContainerWBorder = styled.div`\n width: 100%;\n padding: 12px 0 8px 0;\n display: grid;\n align-items: center;\n height: 100%;\n ${(props) => (!props.withBottomSeparator ? '' : `border-bottom: solid 1px ${props.theme.colors.neutral[400]};`)}\n`;\nconst DSPageHeaderV2 = ({\n containerProps,\n breadcrumbs,\n pageTitle,\n backarrow,\n summary,\n toolbar,\n menu,\n withBottomSeparator,\n}) => {\n const wrapperRow = ['auto', 1];\n const mainRow = compact([1, 'auto']);\n const pageTitleRow = compact(['auto', menu && '30px', summary && 'auto', 1]);\n return (\n <Container {...containerProps}>\n <ContainerWBorder withBottomSeparator={withBottomSeparator}>\n <Grid cols={wrapperRow}>\n <Grid>\n <PageHeaderBack>{backarrow}</PageHeaderBack>\n </Grid>\n <Grid rows={['auto', 'auto']}>\n <Grid className={`${cssPrefix}-page-header-v2-breadcrumb`}>{breadcrumbs}</Grid>\n <Grid cols={mainRow}>\n <Grid cols={pageTitleRow}>\n {pageTitle}\n {menu && <PageHeaderMenu>{menu}</PageHeaderMenu>}\n {summary}\n <div />\n </Grid>\n <Grid>\n <PageHeaderToolbar>{toolbar}</PageHeaderToolbar>\n </Grid>\n </Grid>\n </Grid>\n </Grid>\n </ContainerWBorder>\n </Container>\n );\n};\n\nDSPageHeaderV2.propTypes = navProps;\nDSPageHeaderV2.defaultProps = defaultProps;\n\nconst DSPageHeaderWithSchema = describe(DSPageHeaderV2);\n\nDSPageHeaderWithSchema.propTypes = navProps;\n\nexport {\n DSPageHeaderV2,\n PageHeaderTitle,\n PageHeaderEditableTitle,\n PageHeaderSummary,\n PageHeaderMenu,\n PageHeaderCustomRenderer,\n DSPageHeaderWithSchema,\n};\n\nexport default DSPageHeaderV2;\n"],
|
|
5
|
-
"mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,2BAA2B,OAAO;AAAA;AAAA,WAE7B,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAK/C,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAIzB,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAM5B,CAAC,UAAW,CAAC,MAAM,sBAAsB,KAAK,4BAA4B,MAAM,MAAM,OAAO,QAAQ;AAAA;AAEzG,MAAM,iBAAiB,CAAC;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,aAAa,CAAC,QAAQ;AAC5B,QAAM,UAAU,QAAQ,CAAC,GAAG;AAC5B,QAAM,eAAe,QAAQ,CAAC,QAAQ,QAAQ,QAAQ,WAAW,QAAQ;AACzE,SACE,qCAAC,WAAD;AAAA,OAAe;AAAA,KACb,qCAAC,kBAAD;AAAA,IAAkB;AAAA,KAChB,qCAAC,MAAD;AAAA,IAAM,MAAM;AAAA,KACV,qCAAC,MAAD,MACE,qCAAC,gBAAD,MAAiB,aAEnB,qCAAC,MAAD;AAAA,IAAM,MAAM,CAAC,QAAQ;AAAA,KACnB,qCAAC,MAAD;AAAA,IAAM,WAAW,GAAG;AAAA,KAAwC,cAC5D,qCAAC,MAAD;AAAA,IAAM,MAAM;AAAA,KACV,qCAAC,MAAD;AAAA,IAAM,MAAM;AAAA,KACT,WACA,QAAQ,qCAAC,gBAAD,MAAiB,OACzB,SACD,qCAAC,OAAD,QAEF,qCAAC,MAAD,MACE,qCAAC,mBAAD,MAAoB;AAAA;AAUpC,eAAe,YAAY;AAC3B,eAAe,eAAe;AAE9B,MAAM,yBAAyB,SAAS;AAExC,uBAAuB,YAAY;AAYnC,IAAO,qBAAQ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import React2 from "react";
|
|
3
|
-
import { PageHeaderBackWrapper } from "../blocks";
|
|
4
|
-
const PageHeaderBack = ({ children, ...rest }) => /* @__PURE__ */ React2.createElement(PageHeaderBackWrapper, {
|
|
5
|
-
...rest
|
|
6
|
-
}, children);
|
|
7
|
-
export {
|
|
8
|
-
PageHeaderBack
|
|
9
|
-
};
|
|
10
|
-
//# sourceMappingURL=PageHeaderBack.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/v2/components/PageHeaderBack/PageHeaderBack.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PageHeaderBackWrapper } from '../blocks';\n\nexport const PageHeaderBack = ({ children, ...rest }) => (\n <PageHeaderBackWrapper {...rest}>{children}</PageHeaderBackWrapper>\n);\n"],
|
|
5
|
-
"mappings": "AAAA;ACAA;AACA;AAEO,MAAM,iBAAiB,CAAC,EAAE,aAAa,WAC5C,qCAAC,uBAAD;AAAA,KAA2B;AAAA,GAAO;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import React2, { useRef, useState } from "react";
|
|
3
|
-
import { noop } from "lodash";
|
|
4
|
-
import styled from "styled-components";
|
|
5
|
-
import { PropTypes, describe } from "react-desc";
|
|
6
|
-
import { useMeasure, useDerivedStateFromProps } from "@elliemae/ds-utilities";
|
|
7
|
-
import { EditableTitleComponent } from "../blocks";
|
|
8
|
-
import { PageHeaderTitle } from "../PageHeaderTitle/PageHeaderTitle";
|
|
9
|
-
const EditableContainer = styled.div`
|
|
10
|
-
height: 32px;
|
|
11
|
-
position: relative;
|
|
12
|
-
overflow: hidden;
|
|
13
|
-
`;
|
|
14
|
-
const PageHeaderEditableTitle = ({
|
|
15
|
-
children: value,
|
|
16
|
-
editing: editingProp = false,
|
|
17
|
-
onBlur = noop,
|
|
18
|
-
onChange = noop,
|
|
19
|
-
onFocus = noop,
|
|
20
|
-
onMouseOut = noop,
|
|
21
|
-
showMarker = false,
|
|
22
|
-
...rest
|
|
23
|
-
}) => {
|
|
24
|
-
const [titleValue, setTitleValue] = useState(value);
|
|
25
|
-
const [hovered, setHovered] = useState(false);
|
|
26
|
-
const [editing, setEditing] = useDerivedStateFromProps(editingProp || false);
|
|
27
|
-
const titleRef = useRef(null);
|
|
28
|
-
const { width } = useMeasure(titleRef);
|
|
29
|
-
return /* @__PURE__ */ React2.createElement(EditableContainer, {
|
|
30
|
-
className: hovered || editing ? "editable-title-component" : "",
|
|
31
|
-
onMouseEnter: () => setHovered(true),
|
|
32
|
-
onMouseLeave: () => setHovered(false)
|
|
33
|
-
}, (hovered || editing) && /* @__PURE__ */ React2.createElement(EditableTitleComponent, {
|
|
34
|
-
...rest,
|
|
35
|
-
onBlur: (e) => {
|
|
36
|
-
setEditing(false);
|
|
37
|
-
onBlur(e);
|
|
38
|
-
},
|
|
39
|
-
onChange: (e) => {
|
|
40
|
-
setTitleValue(e.target.value);
|
|
41
|
-
onChange(e);
|
|
42
|
-
},
|
|
43
|
-
onFocus: (e) => {
|
|
44
|
-
setEditing(true);
|
|
45
|
-
onFocus(e);
|
|
46
|
-
},
|
|
47
|
-
onMouseOut: (e) => {
|
|
48
|
-
setHovered(false);
|
|
49
|
-
onMouseOut(e);
|
|
50
|
-
},
|
|
51
|
-
style: { width: width + 10, minWidth: "260px", maxWidth: "100%" },
|
|
52
|
-
value: titleValue
|
|
53
|
-
}), /* @__PURE__ */ React2.createElement("div", {
|
|
54
|
-
ref: titleRef,
|
|
55
|
-
style: { width: "fit-content" }
|
|
56
|
-
}, /* @__PURE__ */ React2.createElement(PageHeaderTitle, {
|
|
57
|
-
showMarker: showMarker && !hovered && !editing
|
|
58
|
-
}, titleValue)));
|
|
59
|
-
};
|
|
60
|
-
const props = {
|
|
61
|
-
children: PropTypes.string.description("The title text"),
|
|
62
|
-
editing: PropTypes.bool.description("Whether the title is editing or not"),
|
|
63
|
-
showMarker: PropTypes.bool.description("Show error marker"),
|
|
64
|
-
onBlur: PropTypes.func.description("blur callback"),
|
|
65
|
-
onChange: PropTypes.func.description("on change handler"),
|
|
66
|
-
onFocus: PropTypes.func.description("on focus handler"),
|
|
67
|
-
onMouseOut: PropTypes.func.description("mouse out of component handler")
|
|
68
|
-
};
|
|
69
|
-
PageHeaderEditableTitle.propTypes = props;
|
|
70
|
-
const DSPageHeaderEditableTitleWithSchema = describe(PageHeaderEditableTitle);
|
|
71
|
-
DSPageHeaderEditableTitleWithSchema.propTypes = props;
|
|
72
|
-
var PageHeaderEditableTitle_default = PageHeaderEditableTitle;
|
|
73
|
-
export {
|
|
74
|
-
DSPageHeaderEditableTitleWithSchema,
|
|
75
|
-
PageHeaderEditableTitle,
|
|
76
|
-
PageHeaderEditableTitle_default as default
|
|
77
|
-
};
|
|
78
|
-
//# sourceMappingURL=PageHeaderEditableTitle.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef, useState } from 'react';\nimport { noop } from 'lodash';\nimport styled from 'styled-components';\nimport { PropTypes, describe } from 'react-desc';\nimport { useMeasure , useDerivedStateFromProps } from '@elliemae/ds-utilities';\nimport { EditableTitleComponent } from '../blocks';\nimport { PageHeaderTitle } from '../PageHeaderTitle/PageHeaderTitle';\n\nconst EditableContainer = styled.div`\n height: 32px;\n position: relative;\n overflow: hidden;\n`;\n\nexport const PageHeaderEditableTitle = ({\n children: value,\n editing: editingProp = false,\n onBlur = noop,\n onChange = noop,\n onFocus = noop,\n onMouseOut = noop,\n showMarker = false,\n ...rest\n}) => {\n const [titleValue, setTitleValue] = useState(value);\n const [hovered, setHovered] = useState(false);\n const [editing, setEditing] = useDerivedStateFromProps(editingProp || false);\n const titleRef = useRef(null);\n const { width } = useMeasure(titleRef);\n return (\n <EditableContainer\n className={hovered || editing ? 'editable-title-component' : ''}\n onMouseEnter={() => setHovered(true)}\n onMouseLeave={() => setHovered(false)}\n >\n {(hovered || editing) && (\n <EditableTitleComponent\n {...rest}\n onBlur={(e) => {\n setEditing(false);\n onBlur(e);\n }}\n onChange={(e) => {\n setTitleValue(e.target.value);\n onChange(e);\n }}\n onFocus={(e) => {\n setEditing(true);\n onFocus(e);\n }}\n onMouseOut={(e) => {\n setHovered(false);\n onMouseOut(e);\n }}\n style={{ width: width + 10, minWidth: '260px', maxWidth: '100%' }}\n value={titleValue}\n />\n )}\n <div ref={titleRef} style={{ width: 'fit-content' }}>\n <PageHeaderTitle showMarker={showMarker && !hovered && !editing}>{titleValue}</PageHeaderTitle>\n </div>\n </EditableContainer>\n );\n};\n\nconst props = {\n /** The title text */\n children: PropTypes.string.description('The title text'),\n /** Whether the title is editing or not */\n editing: PropTypes.bool.description('Whether the title is editing or not'),\n /** Show error marker */\n showMarker: PropTypes.bool.description('Show error marker'),\n /** blur callback */\n onBlur: PropTypes.func.description('blur callback'),\n /** on change handler */\n onChange: PropTypes.func.description('on change handler'),\n /** on focus handler */\n onFocus: PropTypes.func.description('on focus handler'),\n /** mouse out of component handler */\n onMouseOut: PropTypes.func.description('mouse out of component handler'),\n};\n\nPageHeaderEditableTitle.propTypes = props;\n\nconst DSPageHeaderEditableTitleWithSchema = describe(PageHeaderEditableTitle);\n\nDSPageHeaderEditableTitleWithSchema.propTypes = props;\n\nexport default PageHeaderEditableTitle;\n\nexport { DSPageHeaderEditableTitleWithSchema };\n"],
|
|
5
|
-
"mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA;AAM1B,MAAM,0BAA0B,CAAC;AAAA,EACtC,UAAU;AAAA,EACV,SAAS,cAAc;AAAA,EACvB,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,aAAa;AAAA,EACb,aAAa;AAAA,KACV;AAAA,MACC;AACJ,QAAM,CAAC,YAAY,iBAAiB,SAAS;AAC7C,QAAM,CAAC,SAAS,cAAc,SAAS;AACvC,QAAM,CAAC,SAAS,cAAc,yBAAyB,eAAe;AACtE,QAAM,WAAW,OAAO;AACxB,QAAM,EAAE,UAAU,WAAW;AAC7B,SACE,qCAAC,mBAAD;AAAA,IACE,WAAW,WAAW,UAAU,6BAA6B;AAAA,IAC7D,cAAc,MAAM,WAAW;AAAA,IAC/B,cAAc,MAAM,WAAW;AAAA,KAE7B,YAAW,YACX,qCAAC,wBAAD;AAAA,OACM;AAAA,IACJ,QAAQ,CAAC,MAAM;AACb,iBAAW;AACX,aAAO;AAAA;AAAA,IAET,UAAU,CAAC,MAAM;AACf,oBAAc,EAAE,OAAO;AACvB,eAAS;AAAA;AAAA,IAEX,SAAS,CAAC,MAAM;AACd,iBAAW;AACX,cAAQ;AAAA;AAAA,IAEV,YAAY,CAAC,MAAM;AACjB,iBAAW;AACX,iBAAW;AAAA;AAAA,IAEb,OAAO,EAAE,OAAO,QAAQ,IAAI,UAAU,SAAS,UAAU;AAAA,IACzD,OAAO;AAAA,MAGX,qCAAC,OAAD;AAAA,IAAK,KAAK;AAAA,IAAU,OAAO,EAAE,OAAO;AAAA,KAClC,qCAAC,iBAAD;AAAA,IAAiB,YAAY,cAAc,CAAC,WAAW,CAAC;AAAA,KAAU;AAAA;AAM1E,MAAM,QAAQ;AAAA,EAEZ,UAAU,UAAU,OAAO,YAAY;AAAA,EAEvC,SAAS,UAAU,KAAK,YAAY;AAAA,EAEpC,YAAY,UAAU,KAAK,YAAY;AAAA,EAEvC,QAAQ,UAAU,KAAK,YAAY;AAAA,EAEnC,UAAU,UAAU,KAAK,YAAY;AAAA,EAErC,SAAS,UAAU,KAAK,YAAY;AAAA,EAEpC,YAAY,UAAU,KAAK,YAAY;AAAA;AAGzC,wBAAwB,YAAY;AAEpC,MAAM,sCAAsC,SAAS;AAErD,oCAAoC,YAAY;AAEhD,IAAO,kCAAQ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import React2 from "react";
|
|
3
|
-
import { PageHeaderMenuWrapper } from "../blocks";
|
|
4
|
-
const PageHeaderMenu = ({ children, ...rest }) => /* @__PURE__ */ React2.createElement(PageHeaderMenuWrapper, {
|
|
5
|
-
...rest
|
|
6
|
-
}, children);
|
|
7
|
-
export {
|
|
8
|
-
PageHeaderMenu
|
|
9
|
-
};
|
|
10
|
-
//# sourceMappingURL=PageHeaderMenu.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/v2/components/PageHeaderMenu/PageHeaderMenu.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PageHeaderMenuWrapper } from '../blocks';\n\nexport const PageHeaderMenu = ({ children, ...rest }) => (\n <PageHeaderMenuWrapper {...rest}>{children}</PageHeaderMenuWrapper>\n);\n"],
|
|
5
|
-
"mappings": "AAAA;ACAA;AACA;AAEO,MAAM,iBAAiB,CAAC,EAAE,aAAa,WAC5C,qCAAC,uBAAD;AAAA,KAA2B;AAAA,GAAO;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import React2 from "react";
|
|
3
|
-
import { PropTypes, describe } from "react-desc";
|
|
4
|
-
import { PageHeaderSummaryWrapper } from "../blocks";
|
|
5
|
-
const PageHeaderSummary = ({ value = null, label = "", ...rest }) => /* @__PURE__ */ React2.createElement(PageHeaderSummaryWrapper, {
|
|
6
|
-
...rest
|
|
7
|
-
}, (value === 0 || value) && /* @__PURE__ */ React2.createElement("div", {
|
|
8
|
-
className: "ph-summary-value"
|
|
9
|
-
}, value), label && /* @__PURE__ */ React2.createElement("div", {
|
|
10
|
-
className: "ph-summary-label"
|
|
11
|
-
}, label), (value === 0 || value || label) && /* @__PURE__ */ React2.createElement("div", {
|
|
12
|
-
className: "ph-summary-space"
|
|
13
|
-
}));
|
|
14
|
-
const props = {
|
|
15
|
-
value: PropTypes.number.description("value for page header summary"),
|
|
16
|
-
label: PropTypes.string.description("label attached to value")
|
|
17
|
-
};
|
|
18
|
-
PageHeaderSummary.propTypes = props;
|
|
19
|
-
const DSPageHeaderSummaryWithSchema = describe(PageHeaderSummary);
|
|
20
|
-
DSPageHeaderSummaryWithSchema.propTypes = props;
|
|
21
|
-
export {
|
|
22
|
-
DSPageHeaderSummaryWithSchema,
|
|
23
|
-
PageHeaderSummary
|
|
24
|
-
};
|
|
25
|
-
//# sourceMappingURL=PageHeaderSummary.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/v2/components/PageHeaderSummary/PageHeaderSummary.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { PageHeaderSummaryWrapper } from '../blocks';\n\nconst PageHeaderSummary = ({ value = null, label = '', ...rest }) => (\n <PageHeaderSummaryWrapper {...rest}>\n {(value === 0 || value) && <div className=\"ph-summary-value\">{value}</div>}\n {label && <div className=\"ph-summary-label\">{label}</div>}\n {(value === 0 || value || label) && <div className=\"ph-summary-space\" />}\n </PageHeaderSummaryWrapper>\n);\n\nconst props = {\n /** value for page header summary */\n value: PropTypes.number.description('value for page header summary'),\n /** label attached to value */\n label: PropTypes.string.description('label attached to value'),\n};\n\nPageHeaderSummary.propTypes = props;\n\nconst DSPageHeaderSummaryWithSchema = describe(PageHeaderSummary);\n\nDSPageHeaderSummaryWithSchema.propTypes = props;\n\nexport { PageHeaderSummary, DSPageHeaderSummaryWithSchema };\n"],
|
|
5
|
-
"mappings": "AAAA;ACAA;AACA;AACA;AAEA,MAAM,oBAAoB,CAAC,EAAE,QAAQ,MAAM,QAAQ,OAAO,WACxD,qCAAC,0BAAD;AAAA,KAA8B;AAAA,GAC1B,WAAU,KAAK,UAAU,qCAAC,OAAD;AAAA,EAAK,WAAU;AAAA,GAAoB,QAC7D,SAAS,qCAAC,OAAD;AAAA,EAAK,WAAU;AAAA,GAAoB,QAC3C,WAAU,KAAK,SAAS,UAAU,qCAAC,OAAD;AAAA,EAAK,WAAU;AAAA;AAIvD,MAAM,QAAQ;AAAA,EAEZ,OAAO,UAAU,OAAO,YAAY;AAAA,EAEpC,OAAO,UAAU,OAAO,YAAY;AAAA;AAGtC,kBAAkB,YAAY;AAE9B,MAAM,gCAAgC,SAAS;AAE/C,8BAA8B,YAAY;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import React2 from "react";
|
|
3
|
-
import { PropTypes, describe } from "react-desc";
|
|
4
|
-
import DSTruncatedTooltipText, { TooltipTextProvider } from "@elliemae/ds-truncated-tooltip-text";
|
|
5
|
-
import RequiredMark from "@elliemae/ds-form/RequiredMark";
|
|
6
|
-
import { PageHeaderTitleWrapper } from "../blocks";
|
|
7
|
-
const PageHeaderTitle = ({ children, showMarker = false, ...rest }) => /* @__PURE__ */ React2.createElement(PageHeaderTitleWrapper, {
|
|
8
|
-
...rest,
|
|
9
|
-
"data-testid": "ds-page-header-title"
|
|
10
|
-
}, /* @__PURE__ */ React2.createElement(TooltipTextProvider, null, /* @__PURE__ */ React2.createElement(DSTruncatedTooltipText, {
|
|
11
|
-
value: children
|
|
12
|
-
})), showMarker && /* @__PURE__ */ React2.createElement(RequiredMark, {
|
|
13
|
-
required: true
|
|
14
|
-
}));
|
|
15
|
-
const props = {
|
|
16
|
-
children: PropTypes.string.description("Page header title string"),
|
|
17
|
-
showMarker: PropTypes.bool.description("show required mark")
|
|
18
|
-
};
|
|
19
|
-
PageHeaderTitle.propTypes = props;
|
|
20
|
-
const DSPageHeaderTitleWithSchema = describe(PageHeaderTitle);
|
|
21
|
-
DSPageHeaderTitleWithSchema.propTypes = props;
|
|
22
|
-
export {
|
|
23
|
-
DSPageHeaderTitleWithSchema,
|
|
24
|
-
PageHeaderTitle
|
|
25
|
-
};
|
|
26
|
-
//# sourceMappingURL=PageHeaderTitle.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/v2/components/PageHeaderTitle/PageHeaderTitle.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport DSTruncatedTooltipText, { TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';\nimport RequiredMark from '@elliemae/ds-form/RequiredMark';\nimport { PageHeaderTitleWrapper } from '../blocks';\n\nconst PageHeaderTitle = ({ children, showMarker = false, ...rest }) => (\n <PageHeaderTitleWrapper {...rest} data-testid=\"ds-page-header-title\">\n <TooltipTextProvider>\n <DSTruncatedTooltipText value={children} />\n </TooltipTextProvider>\n {showMarker && <RequiredMark required />}\n </PageHeaderTitleWrapper>\n);\n\nconst props = {\n /** page header title string */\n children: PropTypes.string.description('Page header title string'),\n /** show required mark */\n showMarker: PropTypes.bool.description('show required mark'),\n};\n\nPageHeaderTitle.propTypes = props;\n\nconst DSPageHeaderTitleWithSchema = describe(PageHeaderTitle);\n\nDSPageHeaderTitleWithSchema.propTypes = props;\n\nexport { PageHeaderTitle, DSPageHeaderTitleWithSchema };\n"],
|
|
5
|
-
"mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,kBAAkB,CAAC,EAAE,UAAU,aAAa,UAAU,WAC1D,qCAAC,wBAAD;AAAA,KAA4B;AAAA,EAAM,eAAY;AAAA,GAC5C,qCAAC,qBAAD,MACE,qCAAC,wBAAD;AAAA,EAAwB,OAAO;AAAA,KAEhC,cAAc,qCAAC,cAAD;AAAA,EAAc,UAAQ;AAAA;AAIzC,MAAM,QAAQ;AAAA,EAEZ,UAAU,UAAU,OAAO,YAAY;AAAA,EAEvC,YAAY,UAAU,KAAK,YAAY;AAAA;AAGzC,gBAAgB,YAAY;AAE5B,MAAM,8BAA8B,SAAS;AAE7C,4BAA4B,YAAY;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import React2 from "react";
|
|
3
|
-
import { PageHeaderToolbarWrapper } from "../blocks";
|
|
4
|
-
const PageHeaderToolbar = ({ children, ...rest }) => /* @__PURE__ */ React2.createElement(PageHeaderToolbarWrapper, {
|
|
5
|
-
...rest
|
|
6
|
-
}, children);
|
|
7
|
-
export {
|
|
8
|
-
PageHeaderToolbar
|
|
9
|
-
};
|
|
10
|
-
//# sourceMappingURL=PageHeaderToolbar.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/v2/components/PageHeaderToolbar/PageHeaderToolbar.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PageHeaderToolbarWrapper } from '../blocks';\n\nexport const PageHeaderToolbar = ({ children, ...rest }) => (\n <PageHeaderToolbarWrapper {...rest}>{children}</PageHeaderToolbarWrapper>\n);\n"],
|
|
5
|
-
"mappings": "AAAA;ACAA;AACA;AAEO,MAAM,oBAAoB,CAAC,EAAE,aAAa,WAC/C,qCAAC,0BAAD;AAAA,KAA8B;AAAA,GAAO;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { aggregatedClasses, cssPrefix } from "@elliemae/ds-classnames";
|
|
3
|
-
import { DSInput } from "@elliemae/ds-form";
|
|
4
|
-
const blockName = "page-header-v2";
|
|
5
|
-
const PageHeaderTitleWrapper = aggregatedClasses("div")(`${blockName}-title`, "title");
|
|
6
|
-
const EditableTitleComponent = aggregatedClasses(DSInput)(`${blockName}-title`, "editable-title");
|
|
7
|
-
const PageHeaderBackWrapper = aggregatedClasses("div")(`${blockName}-back`);
|
|
8
|
-
const PageHeaderSummaryWrapper = aggregatedClasses("div")(`${blockName}-summary`);
|
|
9
|
-
const PageHeaderMenuWrapper = aggregatedClasses("div")(`${blockName}-menu`);
|
|
10
|
-
const PageHeaderToolbarWrapper = aggregatedClasses("div")(`${blockName}-toolbar`);
|
|
11
|
-
export {
|
|
12
|
-
EditableTitleComponent,
|
|
13
|
-
PageHeaderBackWrapper,
|
|
14
|
-
PageHeaderMenuWrapper,
|
|
15
|
-
PageHeaderSummaryWrapper,
|
|
16
|
-
PageHeaderTitleWrapper,
|
|
17
|
-
PageHeaderToolbarWrapper,
|
|
18
|
-
cssPrefix
|
|
19
|
-
};
|
|
20
|
-
//# sourceMappingURL=blocks.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/v2/components/blocks.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { aggregatedClasses, cssPrefix } from '@elliemae/ds-classnames';\nimport { DSInput } from '@elliemae/ds-form';\n\nconst blockName = 'page-header-v2';\n\nexport const PageHeaderTitleWrapper = aggregatedClasses('div')(`${blockName}-title`, 'title');\nexport const EditableTitleComponent = aggregatedClasses(DSInput)(`${blockName}-title`, 'editable-title');\nexport const PageHeaderBackWrapper = aggregatedClasses('div')(`${blockName}-back`);\nexport const PageHeaderSummaryWrapper = aggregatedClasses('div')(`${blockName}-summary`);\nexport const PageHeaderMenuWrapper = aggregatedClasses('div')(`${blockName}-menu`);\nexport const PageHeaderToolbarWrapper = aggregatedClasses('div')(`${blockName}-toolbar`);\nexport { cssPrefix };\n"],
|
|
5
|
-
"mappings": "AAAA;ACAA;AACA;AAEA,MAAM,YAAY;AAEX,MAAM,yBAAyB,kBAAkB,OAAO,GAAG,mBAAmB;AAC9E,MAAM,yBAAyB,kBAAkB,SAAS,GAAG,mBAAmB;AAChF,MAAM,wBAAwB,kBAAkB,OAAO,GAAG;AAC1D,MAAM,2BAA2B,kBAAkB,OAAO,GAAG;AAC7D,MAAM,wBAAwB,kBAAkB,OAAO,GAAG;AAC1D,MAAM,2BAA2B,kBAAkB,OAAO,GAAG;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
package/dist/esm/v2/props.js
DELETED
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { PropTypes } from "react-desc";
|
|
3
|
-
const navProps = {
|
|
4
|
-
containerProps: PropTypes.shape({}).description("props injected to wrapper of page header"),
|
|
5
|
-
breadcrumbs: PropTypes.node.description("breadcrumbs component"),
|
|
6
|
-
pageTitle: PropTypes.node.description("PageHeaderTitle component"),
|
|
7
|
-
backarrow: PropTypes.node.description("back arrow component"),
|
|
8
|
-
summary: PropTypes.node.description("PageHeaderSummary component"),
|
|
9
|
-
toolbar: PropTypes.node.description("toolbar component"),
|
|
10
|
-
menu: PropTypes.node.description("PageHeaderMenu component"),
|
|
11
|
-
withBottomSeparator: PropTypes.bool.description("Border bottom below the page header")
|
|
12
|
-
};
|
|
13
|
-
const defaultProps = {
|
|
14
|
-
containerProps: {},
|
|
15
|
-
breadcrumbs: null,
|
|
16
|
-
pageTitle: null,
|
|
17
|
-
backarrow: null,
|
|
18
|
-
summary: null,
|
|
19
|
-
toolbar: null,
|
|
20
|
-
menu: null,
|
|
21
|
-
withBottomSeparator: true
|
|
22
|
-
};
|
|
23
|
-
export {
|
|
24
|
-
defaultProps,
|
|
25
|
-
navProps
|
|
26
|
-
};
|
|
27
|
-
//# sourceMappingURL=props.js.map
|
package/dist/esm/v2/props.js.map
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/props.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\n\nexport const navProps = {\n /** props injected to wrapper of page header */\n containerProps: PropTypes.shape({}).description(\n 'props injected to wrapper of page header',\n ),\n /** breadcrumbs component */\n breadcrumbs: PropTypes.node.description('breadcrumbs component'),\n /** PageHeaderTitle component */\n pageTitle: PropTypes.node.description('PageHeaderTitle component'),\n /** back arrow component */\n backarrow: PropTypes.node.description('back arrow component'),\n /** PageHeaderSummary component */\n summary: PropTypes.node.description('PageHeaderSummary component'),\n /** toolbar component */\n toolbar: PropTypes.node.description('toolbar component'),\n /** PageHeaderMenu component */\n menu: PropTypes.node.description('PageHeaderMenu component'),\n /** Border bottom below the page header */\n withBottomSeparator: PropTypes.bool.description(\n 'Border bottom below the page header',\n ),\n};\n\nexport const defaultProps = {\n containerProps: {},\n breadcrumbs: null,\n pageTitle: null,\n backarrow: null,\n summary: null,\n toolbar: null,\n menu: null,\n withBottomSeparator: true,\n};\n"],
|
|
5
|
-
"mappings": "AAAA;ACAA;AAEO,MAAM,WAAW;AAAA,EAEtB,gBAAgB,UAAU,MAAM,IAAI,YAClC;AAAA,EAGF,aAAa,UAAU,KAAK,YAAY;AAAA,EAExC,WAAW,UAAU,KAAK,YAAY;AAAA,EAEtC,WAAW,UAAU,KAAK,YAAY;AAAA,EAEtC,SAAS,UAAU,KAAK,YAAY;AAAA,EAEpC,SAAS,UAAU,KAAK,YAAY;AAAA,EAEpC,MAAM,UAAU,KAAK,YAAY;AAAA,EAEjC,qBAAqB,UAAU,KAAK,YAClC;AAAA;AAIG,MAAM,eAAe;AAAA,EAC1B,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,WAAW;AAAA,EACX,WAAW;AAAA,EACX,SAAS;AAAA,EACT,SAAS;AAAA,EACT,MAAM;AAAA,EACN,qBAAqB;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|