@elliemae/ds-page-header 3.0.0-alpha.0 → 3.0.0-alpha.1
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/cjs/v1/DSPageHeader.js +78 -35
- package/dist/cjs/v1/DSPageHeader.js.map +1 -1
- package/dist/cjs/v1/EditableTitle.js +19 -3
- package/dist/cjs/v1/EditableTitle.js.map +1 -1
- package/dist/cjs/v1/PageHeaderImpl.js +24 -10
- package/dist/cjs/v1/PageHeaderImpl.js.map +1 -1
- package/dist/cjs/v2/PageHeader.js +15 -3
- package/dist/cjs/v2/PageHeader.js.map +1 -1
- package/dist/cjs/v2/components/PageHeaderBack/PageHeaderBack.js +30 -3
- package/dist/cjs/v2/components/PageHeaderBack/PageHeaderBack.js.map +1 -1
- package/dist/cjs/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js +49 -13
- package/dist/cjs/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js.map +1 -1
- package/dist/cjs/v2/components/PageHeaderMenu/PageHeaderMenu.js +30 -3
- package/dist/cjs/v2/components/PageHeaderMenu/PageHeaderMenu.js.map +1 -1
- package/dist/cjs/v2/components/PageHeaderSummary/PageHeaderSummary.js +36 -9
- package/dist/cjs/v2/components/PageHeaderSummary/PageHeaderSummary.js.map +1 -1
- package/dist/cjs/v2/components/PageHeaderTitle/PageHeaderTitle.js +39 -8
- package/dist/cjs/v2/components/PageHeaderTitle/PageHeaderTitle.js.map +1 -1
- package/dist/cjs/v2/components/PageHeaderToolbar/PageHeaderToolbar.js +30 -3
- package/dist/cjs/v2/components/PageHeaderToolbar/PageHeaderToolbar.js.map +1 -1
- package/dist/esm/v1/DSPageHeader.js +80 -35
- package/dist/esm/v1/DSPageHeader.js.map +1 -1
- package/dist/esm/v1/EditableTitle.js +21 -3
- package/dist/esm/v1/EditableTitle.js.map +1 -1
- package/dist/esm/v1/PageHeaderImpl.js +26 -10
- package/dist/esm/v1/PageHeaderImpl.js.map +1 -1
- package/dist/esm/v2/PageHeader.js +17 -3
- package/dist/esm/v2/PageHeader.js.map +1 -1
- package/dist/esm/v2/components/PageHeaderBack/PageHeaderBack.js +32 -3
- package/dist/esm/v2/components/PageHeaderBack/PageHeaderBack.js.map +1 -1
- package/dist/esm/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js +51 -13
- package/dist/esm/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js.map +1 -1
- package/dist/esm/v2/components/PageHeaderMenu/PageHeaderMenu.js +32 -3
- package/dist/esm/v2/components/PageHeaderMenu/PageHeaderMenu.js.map +1 -1
- package/dist/esm/v2/components/PageHeaderSummary/PageHeaderSummary.js +38 -9
- package/dist/esm/v2/components/PageHeaderSummary/PageHeaderSummary.js.map +1 -1
- package/dist/esm/v2/components/PageHeaderTitle/PageHeaderTitle.js +41 -8
- package/dist/esm/v2/components/PageHeaderTitle/PageHeaderTitle.js.map +1 -1
- package/dist/esm/v2/components/PageHeaderToolbar/PageHeaderToolbar.js +32 -3
- package/dist/esm/v2/components/PageHeaderToolbar/PageHeaderToolbar.js.map +1 -1
- package/package.json +12 -11
- package/dist/types/DSPageHeader.d.ts +0 -2
- package/dist/types/index.d.ts +0 -6
- package/dist/types/v1/DSPageHeader.d.ts +0 -124
- package/dist/types/v1/DropdownTitle.d.ts +0 -13
- package/dist/types/v1/EditableTitle.d.ts +0 -16
- package/dist/types/v1/PageHeaderImpl.d.ts +0 -21
- package/dist/types/v1/Title.d.ts +0 -5
- package/dist/types/v1/TitleWrapper.d.ts +0 -3
- package/dist/types/v2/PageHeader.d.ts +0 -86
- package/dist/types/v2/components/PageHeaderBack/PageHeaderBack.d.ts +0 -5
- package/dist/types/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.d.ts +0 -72
- package/dist/types/v2/components/PageHeaderMenu/PageHeaderMenu.d.ts +0 -5
- package/dist/types/v2/components/PageHeaderSummary/PageHeaderSummary.d.ts +0 -31
- package/dist/types/v2/components/PageHeaderTitle/PageHeaderTitle.d.ts +0 -31
- package/dist/types/v2/components/PageHeaderToolbar/PageHeaderToolbar.d.ts +0 -5
- package/dist/types/v2/components/blocks.d.ts +0 -9
- package/dist/types/v2/props.d.ts +0 -69
- package/dist/types/v2/tests/utils.d.ts +0 -56
|
@@ -2,9 +2,35 @@ var __create = Object.create;
|
|
|
2
2
|
var __defProp = Object.defineProperty;
|
|
3
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
6
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
9
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
10
|
+
var __spreadValues = (a, b) => {
|
|
11
|
+
for (var prop in b || (b = {}))
|
|
12
|
+
if (__hasOwnProp.call(b, prop))
|
|
13
|
+
__defNormalProp(a, prop, b[prop]);
|
|
14
|
+
if (__getOwnPropSymbols)
|
|
15
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
16
|
+
if (__propIsEnum.call(b, prop))
|
|
17
|
+
__defNormalProp(a, prop, b[prop]);
|
|
18
|
+
}
|
|
19
|
+
return a;
|
|
20
|
+
};
|
|
7
21
|
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
22
|
+
var __objRest = (source, exclude) => {
|
|
23
|
+
var target = {};
|
|
24
|
+
for (var prop in source)
|
|
25
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
26
|
+
target[prop] = source[prop];
|
|
27
|
+
if (source != null && __getOwnPropSymbols)
|
|
28
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
29
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
30
|
+
target[prop] = source[prop];
|
|
31
|
+
}
|
|
32
|
+
return target;
|
|
33
|
+
};
|
|
8
34
|
var __export = (target, all) => {
|
|
9
35
|
for (var name in all)
|
|
10
36
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -36,41 +62,58 @@ var import_react = __toESM(require("react"));
|
|
|
36
62
|
var import_react_desc = require("react-desc");
|
|
37
63
|
var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
|
|
38
64
|
var import_PageHeaderImpl = __toESM(require("./PageHeaderImpl"));
|
|
39
|
-
const DSPageHeader = ({
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
65
|
+
const DSPageHeader = (_a) => {
|
|
66
|
+
var _b = _a, {
|
|
67
|
+
containerProps = {},
|
|
68
|
+
renderToolbar = void 0,
|
|
69
|
+
withBottomSeparator = true,
|
|
70
|
+
title = "",
|
|
71
|
+
titleOptions = void 0,
|
|
72
|
+
onSelectOption = () => null,
|
|
73
|
+
subtitle = "",
|
|
74
|
+
optionsSelection = {},
|
|
75
|
+
onGoToPreviousPage = () => null,
|
|
76
|
+
previousPage,
|
|
77
|
+
editable = false,
|
|
78
|
+
editing = void 0,
|
|
79
|
+
titleInputProps = {},
|
|
80
|
+
zIndex = 2,
|
|
81
|
+
optionsMinWidth = void 0
|
|
82
|
+
} = _b, otherProps = __objRest(_b, [
|
|
83
|
+
"containerProps",
|
|
84
|
+
"renderToolbar",
|
|
85
|
+
"withBottomSeparator",
|
|
86
|
+
"title",
|
|
87
|
+
"titleOptions",
|
|
88
|
+
"onSelectOption",
|
|
89
|
+
"subtitle",
|
|
90
|
+
"optionsSelection",
|
|
91
|
+
"onGoToPreviousPage",
|
|
92
|
+
"previousPage",
|
|
93
|
+
"editable",
|
|
94
|
+
"editing",
|
|
95
|
+
"titleInputProps",
|
|
96
|
+
"zIndex",
|
|
97
|
+
"optionsMinWidth"
|
|
98
|
+
]);
|
|
99
|
+
return /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.TooltipTextProvider, null, /* @__PURE__ */ import_react.default.createElement(import_PageHeaderImpl.default, __spreadValues({
|
|
100
|
+
containerProps,
|
|
101
|
+
editable,
|
|
102
|
+
editing,
|
|
103
|
+
onGoToPreviousPage,
|
|
104
|
+
onSelectOption,
|
|
105
|
+
optionsMinWidth,
|
|
106
|
+
optionsSelection,
|
|
107
|
+
previousPage,
|
|
108
|
+
renderToolbar,
|
|
109
|
+
subtitle,
|
|
110
|
+
title,
|
|
111
|
+
titleInputProps,
|
|
112
|
+
titleOptions,
|
|
113
|
+
withBottomSeparator,
|
|
114
|
+
zIndex
|
|
115
|
+
}, otherProps)));
|
|
116
|
+
};
|
|
74
117
|
const props = {
|
|
75
118
|
version: import_react_desc.PropTypes.oneOf([1, 2]).description("Component version"),
|
|
76
119
|
containerProps: import_react_desc.PropTypes.object.description("props injected to page header wrapper node"),
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/v1/DSPageHeader.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport { TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';\nimport PageHeaderImpl from './PageHeaderImpl';\n\nconst DSPageHeader = ({\n containerProps = {},\n renderToolbar = undefined,\n withBottomSeparator = true,\n title = '',\n titleOptions = undefined,\n onSelectOption = () => null,\n subtitle = '',\n optionsSelection = {},\n onGoToPreviousPage = () => null,\n previousPage,\n editable = false,\n editing = undefined,\n titleInputProps = {},\n zIndex = 2,\n optionsMinWidth = undefined,\n ...otherProps\n}) => (\n <TooltipTextProvider>\n <PageHeaderImpl\n containerProps={containerProps}\n editable={editable}\n editing={editing}\n onGoToPreviousPage={onGoToPreviousPage}\n onSelectOption={onSelectOption}\n optionsMinWidth={optionsMinWidth}\n optionsSelection={optionsSelection}\n previousPage={previousPage}\n renderToolbar={renderToolbar}\n subtitle={subtitle}\n title={title}\n titleInputProps={titleInputProps}\n titleOptions={titleOptions}\n withBottomSeparator={withBottomSeparator}\n zIndex={zIndex}\n {...otherProps}\n />\n </TooltipTextProvider>\n);\n\nconst props = {\n /* Component version */\n version: PropTypes.oneOf([1, 2]).description('Component version'),\n /* props injected to page header wrapper node */\n containerProps: PropTypes.object.description(\n 'props injected to page header wrapper node',\n ),\n /* Function that returns the toolbar to the right of the page header */\n renderToolbar: PropTypes.func.description(\n 'Function that returns the toolbar to the right of the page header',\n ),\n /* Whether to show a separator at the bottom of the header */\n withBottomSeparator: PropTypes.bool.description(\n 'Whether to show a separator at the bottom of the header',\n ),\n /* The page header title */\n title: PropTypes.string.description('The page header title'),\n /* The title dropdown options */\n titleOptions: PropTypes.arrayOf(PropTypes.object).description(\n 'The title dropdown options',\n ),\n /* Handler when a user selects an item in the dropdown menu */\n onSelectOption: PropTypes.func.description(\n 'Handler when a user selects an item in the dropdown menu',\n ),\n /* Description text below the title */\n subtitle: PropTypes.string.description('Description text below the title'),\n /* Selection state for the title dropdown */\n optionsSelection: PropTypes.object.description(\n 'Selection state for the title dropdown',\n ),\n /* Whether the title is editable or not */\n editable: PropTypes.bool.description('Whether the title is editable or not'),\n /* Activates/Deactivates the editing state in the title */\n editing: PropTypes.bool.description(\n 'Activates/Deactivates the editing state in the title',\n ),\n /* Props passed to the input for editing the title */\n titleInputProps: PropTypes.object.description(\n 'Props passed to the input for editing the title',\n ),\n /* Enables navigation to previous page with back-arrow */\n previousPage: PropTypes.object.description(\n 'Enables navigation to previous page with back-arrow',\n ),\n /* Callback to handle navigation to previous page */\n onGoToPreviousPage: PropTypes.func.description(\n 'Callback to handle navigation to previous page',\n ),\n /* z-index to use for the DropdownMenu */\n zIndex: PropTypes.number.description('z-index to use for the DropdownMenu'),\n /** min width for options dropdown menu */\n optionsMinWidth: PropTypes.number.description(\n 'min width for options dropdown menu',\n ),\n};\n\nDSPageHeader.propTypes = props;\nconst DSPageHeaderV1WithSchema = describe(DSPageHeader).deprecated(\n 'use DSPageHeaderV2',\n);\nDSPageHeaderV1WithSchema.propTypes = props;\n\nexport { DSPageHeader, DSPageHeaderV1WithSchema };\nexport default DSPageHeader;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,uCAAoC;AACpC,4BAA2B;AAE3B,MAAM,eAAe,CAAC,OAiBnB;AAjBmB,eACpB;AAAA,qBAAiB;AAAA,IACjB,gBAAgB;AAAA,IAChB,sBAAsB;AAAA,IACtB,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,iBAAiB,MAAM;AAAA,IACvB,WAAW;AAAA,IACX,mBAAmB;AAAA,IACnB,qBAAqB,MAAM;AAAA,IAC3B;AAAA,IACA,WAAW;AAAA,IACX,UAAU;AAAA,IACV,kBAAkB;AAAA,IAClB,SAAS;AAAA,IACT,kBAAkB;AAAA,MAfE,IAgBjB,uBAhBiB,IAgBjB;AAAA,IAfH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,4DAAC,sDAAD,MACE,mDAAC,+BAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KACI;AAAA;AAKV,MAAM,QAAQ;AAAA,EAEZ,SAAS,4BAAU,MAAM,CAAC,GAAG,IAAI,YAAY;AAAA,EAE7C,gBAAgB,4BAAU,OAAO,YAC/B;AAAA,EAGF,eAAe,4BAAU,KAAK,YAC5B;AAAA,EAGF,qBAAqB,4BAAU,KAAK,YAClC;AAAA,EAGF,OAAO,4BAAU,OAAO,YAAY;AAAA,EAEpC,cAAc,4BAAU,QAAQ,4BAAU,QAAQ,YAChD;AAAA,EAGF,gBAAgB,4BAAU,KAAK,YAC7B;AAAA,EAGF,UAAU,4BAAU,OAAO,YAAY;AAAA,EAEvC,kBAAkB,4BAAU,OAAO,YACjC;AAAA,EAGF,UAAU,4BAAU,KAAK,YAAY;AAAA,EAErC,SAAS,4BAAU,KAAK,YACtB;AAAA,EAGF,iBAAiB,4BAAU,OAAO,YAChC;AAAA,EAGF,cAAc,4BAAU,OAAO,YAC7B;AAAA,EAGF,oBAAoB,4BAAU,KAAK,YACjC;AAAA,EAGF,QAAQ,4BAAU,OAAO,YAAY;AAAA,EAErC,iBAAiB,4BAAU,OAAO,YAChC;AAAA;AAIJ,aAAa,YAAY;AACzB,MAAM,2BAA2B,gCAAS,cAAc,WACtD;AAEF,yBAAyB,YAAY;AAGrC,IAAO,uBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,9 +1,26 @@
|
|
|
1
1
|
var __create = Object.create;
|
|
2
2
|
var __defProp = Object.defineProperty;
|
|
3
|
+
var __defProps = Object.defineProperties;
|
|
3
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
6
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
8
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
9
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
10
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
11
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
12
|
+
var __spreadValues = (a, b) => {
|
|
13
|
+
for (var prop in b || (b = {}))
|
|
14
|
+
if (__hasOwnProp.call(b, prop))
|
|
15
|
+
__defNormalProp(a, prop, b[prop]);
|
|
16
|
+
if (__getOwnPropSymbols)
|
|
17
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
18
|
+
if (__propIsEnum.call(b, prop))
|
|
19
|
+
__defNormalProp(a, prop, b[prop]);
|
|
20
|
+
}
|
|
21
|
+
return a;
|
|
22
|
+
};
|
|
23
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
7
24
|
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
25
|
var __export = (target, all) => {
|
|
9
26
|
for (var name in all)
|
|
@@ -48,14 +65,13 @@ function EditableTitle({
|
|
|
48
65
|
const [hovered, setHovered] = (0, import_react.useState)(false);
|
|
49
66
|
const [editing, setEditing] = (0, import_ds_utilities.useDerivedStateFromProps)(editingProp || false);
|
|
50
67
|
const titleRef = (0, import_react.useRef)(null);
|
|
51
|
-
return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, hovered || editing ? /* @__PURE__ */ import_react.default.createElement(EditableTitleComponent, {
|
|
52
|
-
...titleInputProps,
|
|
68
|
+
return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, hovered || editing ? /* @__PURE__ */ import_react.default.createElement(EditableTitleComponent, __spreadProps(__spreadValues({}, titleInputProps), {
|
|
53
69
|
onBlur: (0, import_ds_utilities2.runAll)(() => setEditing(false), titleInputProps.onBlur),
|
|
54
70
|
onChange: (0, import_ds_utilities2.runAll)((e) => setTitleValue(e.target.value), titleInputProps.onChange),
|
|
55
71
|
onFocus: (0, import_ds_utilities2.runAll)(() => setEditing(true), titleInputProps.onFocus),
|
|
56
72
|
onMouseOut: (0, import_ds_utilities2.runAll)(() => setHovered(false), titleInputProps.onMouseOut),
|
|
57
73
|
value: titleValue
|
|
58
|
-
}) : /* @__PURE__ */ import_react.default.createElement("div", {
|
|
74
|
+
})) : /* @__PURE__ */ import_react.default.createElement("div", {
|
|
59
75
|
ref: titleRef,
|
|
60
76
|
onMouseEnter: () => setHovered(true)
|
|
61
77
|
}, /* @__PURE__ */ import_react.default.createElement(import_Title.default, null, titleValue)));
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/v1/EditableTitle.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAwC;AACxC,0BAAyC;AACzC,wBAAsB;AACtB,2BAAkC;AAClC,2BAAuB;AACvB,mBAAoB;AACpB,mBAAkB;AAElB,MAAM,YAAY;AAElB,MAAM,yBAAyB,4CAAkB,sBAC/C,GAAG,mBACH;AAGF,uBAAuB;AAAA,EACrB,UAAU;AAAA,EACV,SAAS;AAAA,EACT;AAAA,GACC;AACD,QAAM,CAAC,YAAY,iBAAiB,2BAAS;AAC7C,QAAM,CAAC,SAAS,cAAc,2BAAS;AACvC,QAAM,CAAC,SAAS,cAAc,kDAAyB,eAAe;AACtE,QAAM,WAAW,yBAAO;AACxB,SACE,wFACG,WAAW,UACV,mDAAC,wBAAD,iCACM,kBADN;AAAA,IAEE,QAAQ,iCAAO,MAAM,WAAW,QAAQ,gBAAgB;AAAA,IACxD,UAAU,iCACR,CAAC,MAAM,cAAc,EAAE,OAAO,QAC9B,gBAAgB;AAAA,IAElB,SAAS,iCAAO,MAAM,WAAW,OAAO,gBAAgB;AAAA,IACxD,YAAY,iCACV,MAAM,WAAW,QACjB,gBAAgB;AAAA,IAElB,OAAO;AAAA,QAGT,mDAAC,OAAD;AAAA,IAAK,KAAK;AAAA,IAAU,cAAc,MAAM,WAAW;AAAA,KACjD,mDAAC,sBAAD,MAAQ;AAAA;AAOlB,cAAc,YAAY;AAAA,EAExB,UAAU,0BAAU;AAAA,EAEpB,SAAS,0BAAU;AAAA;AAGrB,IAAO,wBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,9 +1,26 @@
|
|
|
1
1
|
var __create = Object.create;
|
|
2
2
|
var __defProp = Object.defineProperty;
|
|
3
|
+
var __defProps = Object.defineProperties;
|
|
3
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
6
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
8
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
9
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
10
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
11
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
12
|
+
var __spreadValues = (a, b) => {
|
|
13
|
+
for (var prop in b || (b = {}))
|
|
14
|
+
if (__hasOwnProp.call(b, prop))
|
|
15
|
+
__defNormalProp(a, prop, b[prop]);
|
|
16
|
+
if (__getOwnPropSymbols)
|
|
17
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
18
|
+
if (__propIsEnum.call(b, prop))
|
|
19
|
+
__defNormalProp(a, prop, b[prop]);
|
|
20
|
+
}
|
|
21
|
+
return a;
|
|
22
|
+
};
|
|
23
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
7
24
|
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
25
|
var __export = (target, all) => {
|
|
9
26
|
for (var name in all)
|
|
@@ -98,26 +115,23 @@ function PageHeaderImpl({
|
|
|
98
115
|
zIndex
|
|
99
116
|
}) {
|
|
100
117
|
const hasBreadcrumbs = !!breadcrumbs.length;
|
|
101
|
-
return /* @__PURE__ */ import_react.default.createElement(PageHeaderContainer, {
|
|
102
|
-
...containerProps,
|
|
118
|
+
return /* @__PURE__ */ import_react.default.createElement(PageHeaderContainer, __spreadProps(__spreadValues({}, containerProps), {
|
|
103
119
|
className,
|
|
104
120
|
classProps: {
|
|
105
121
|
withBottomSeparator,
|
|
106
122
|
subtitle
|
|
107
123
|
}
|
|
108
|
-
}, previousPage && /* @__PURE__ */ import_react.default.createElement(BackArrow, {
|
|
124
|
+
}), previousPage && /* @__PURE__ */ import_react.default.createElement(BackArrow, {
|
|
109
125
|
"data-testid": "back-arrow",
|
|
110
126
|
onClick: onGoToPreviousPage,
|
|
111
127
|
size: import_ds_icon.DSIconSizes.M
|
|
112
|
-
}), /* @__PURE__ */ import_react.default.createElement(PageHeaderMainSection, null, hasBreadcrumbs && /* @__PURE__ */ import_react.default.createElement(PageHeaderBreadcrumb, null, breadcrumbs.map((breadcrumb) => /* @__PURE__ */ import_react.default.createElement(import_ds_breadcrumb.default.Item, {
|
|
113
|
-
key: breadcrumb.label
|
|
114
|
-
|
|
115
|
-
}))), previousPage && /* @__PURE__ */ import_react.default.createElement(PageHeaderBreadcrumb, null, /* @__PURE__ */ import_react.default.createElement(import_ds_breadcrumb.default.Item, {
|
|
128
|
+
}), /* @__PURE__ */ import_react.default.createElement(PageHeaderMainSection, null, hasBreadcrumbs && /* @__PURE__ */ import_react.default.createElement(PageHeaderBreadcrumb, null, breadcrumbs.map((breadcrumb) => /* @__PURE__ */ import_react.default.createElement(import_ds_breadcrumb.default.Item, __spreadValues({
|
|
129
|
+
key: breadcrumb.label
|
|
130
|
+
}, breadcrumb)))), previousPage && /* @__PURE__ */ import_react.default.createElement(PageHeaderBreadcrumb, null, /* @__PURE__ */ import_react.default.createElement(import_ds_breadcrumb.default.Item, __spreadValues({
|
|
116
131
|
key: previousPage.id,
|
|
117
132
|
label: previousPage.title,
|
|
118
|
-
onClick: previousPage.onClick
|
|
119
|
-
|
|
120
|
-
})), /* @__PURE__ */ import_react.default.createElement(PageHeaderTitleSection, null, /* @__PURE__ */ import_react.default.createElement(HeaderTitle, {
|
|
133
|
+
onClick: previousPage.onClick
|
|
134
|
+
}, previousPage))), /* @__PURE__ */ import_react.default.createElement(PageHeaderTitleSection, null, /* @__PURE__ */ import_react.default.createElement(HeaderTitle, {
|
|
121
135
|
editable,
|
|
122
136
|
editing,
|
|
123
137
|
onSelectOption,
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/v1/PageHeaderImpl.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAA2B;AAC3B,2BAAkC;AAClC,sBAA4B;AAC5B,2BAAyB;AACzB,qBAA4B;AAC5B,2BAA0B;AAC1B,mBAAkB;AAClB,2BAA0B;AAE1B,MAAM,YAAY;AAElB,MAAM,sBAAsB,4CAAkB,OAAO,WAAW,MAAM,CAAC,EAAE,qBAAqB,eAAgB;AAAA,EAC5G,yBAAyB;AAAA,EACzB,iBAAiB;AAAA;AAGnB,MAAM,wBAAwB,4CAAkB,OAAO,GAAG;AAC1D,MAAM,yBAAyB,4CAAkB,OAAO,GAAG;AAC3D,MAAM,oBAAoB,4CAAkB,OAAO,GAAG,qBAAqB,MAAM,MAAO;AAAA,EACtF,sBAAsB;AAAA;AAExB,MAAM,uBAAuB,4CAAkB,8BAAc,GAAG;AAEhE,MAAM,kBAAkB,4CAAkB,OAAO,GAAG;AACpD,MAAM,WAAW,4CAAkB,OAAO,GAAG,mBAAmB;AAChE,MAAM,YAAY,4CAAkB,6BAAa,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,mDAAC,8BAAD;AAAA,IAAe;AAAA,IAAkB;AAAA,KAC9B,SAGH,mDAAC,sBAAD,MAAQ;AAGV,SACE,mDAAC,iBAAD,MACG,QAAQ,SACP,mDAAC,8BAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,OAGF,gBAED,YAAY,mDAAC,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,mDAAC,qBAAD,iCACM,iBADN;AAAA,IAEE;AAAA,IACA,YAAY;AAAA,MACV;AAAA,MACA;AAAA;AAAA,MAGD,gBAAgB,mDAAC,WAAD;AAAA,IAAW,eAAY;AAAA,IAAa,SAAS;AAAA,IAAoB,MAAM,2BAAY;AAAA,MACpG,mDAAC,uBAAD,MACG,kBACC,mDAAC,sBAAD,MACG,YAAY,IAAI,CAAC,eAChB,mDAAC,6BAAa,MAAd;AAAA,IAAmB,KAAK,WAAW;AAAA,KAAW,gBAInD,gBACC,mDAAC,sBAAD,MACE,mDAAC,6BAAa,MAAd;AAAA,IACE,KAAK,aAAa;AAAA,IAClB,OAAO,aAAa;AAAA,IACpB,SAAS,aAAa;AAAA,KAClB,iBAIV,mDAAC,wBAAD,MACE,mDAAC,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,oCAAW,kBAAkB,mDAAC,mBAAD,MAAoB;AAAA;AAO5D,IAAO,yBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,8 +2,22 @@ var __create = Object.create;
|
|
|
2
2
|
var __defProp = Object.defineProperty;
|
|
3
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
6
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
9
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
10
|
+
var __spreadValues = (a, b) => {
|
|
11
|
+
for (var prop in b || (b = {}))
|
|
12
|
+
if (__hasOwnProp.call(b, prop))
|
|
13
|
+
__defNormalProp(a, prop, b[prop]);
|
|
14
|
+
if (__getOwnPropSymbols)
|
|
15
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
16
|
+
if (__propIsEnum.call(b, prop))
|
|
17
|
+
__defNormalProp(a, prop, b[prop]);
|
|
18
|
+
}
|
|
19
|
+
return a;
|
|
20
|
+
};
|
|
7
21
|
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
22
|
var __export = (target, all) => {
|
|
9
23
|
for (var name in all)
|
|
@@ -81,9 +95,7 @@ const DSPageHeaderV2 = ({
|
|
|
81
95
|
const wrapperRow = ["auto", 1];
|
|
82
96
|
const mainRow = (0, import_lodash.compact)([1, "auto"]);
|
|
83
97
|
const pageTitleRow = (0, import_lodash.compact)(["auto", menu && "30px", summary && "auto", 1]);
|
|
84
|
-
return /* @__PURE__ */ import_react.default.createElement(Container, {
|
|
85
|
-
...containerProps
|
|
86
|
-
}, /* @__PURE__ */ import_react.default.createElement(ContainerWBorder, {
|
|
98
|
+
return /* @__PURE__ */ import_react.default.createElement(Container, __spreadValues({}, containerProps), /* @__PURE__ */ import_react.default.createElement(ContainerWBorder, {
|
|
87
99
|
withBottomSeparator
|
|
88
100
|
}, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
|
|
89
101
|
cols: wrapperRow
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/v2/PageHeader.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,wBAAyB;AACzB,oBAAwB;AACxB,+BAAmB;AACnB,qBAAqB;AACrB,6BAAgC;AAChC,qCAAwC;AACxC,+BAAkC;AAClC,4BAA+B;AAC/B,+BAAkC;AAClC,4BAA+B;AAC/B,oBAA0B;AAC1B,mBAAuC;AAEvC,MAAM,2BAA2B,iCAAO;AAAA;AAAA,WAE7B,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAK/C,MAAM,YAAY,iCAAO;AAAA;AAAA;AAAA;AAIzB,MAAM,mBAAmB,iCAAO;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,2BAAQ,CAAC,GAAG;AAC5B,QAAM,eAAe,2BAAQ,CAAC,QAAQ,QAAQ,QAAQ,WAAW,QAAQ;AACzE,SACE,mDAAC,WAAD,mBAAe,iBACb,mDAAC,kBAAD;AAAA,IAAkB;AAAA,KAChB,mDAAC,qBAAD;AAAA,IAAM,MAAM;AAAA,KACV,mDAAC,qBAAD,MACE,mDAAC,sCAAD,MAAiB,aAEnB,mDAAC,qBAAD;AAAA,IAAM,MAAM,CAAC,QAAQ;AAAA,KACnB,mDAAC,qBAAD;AAAA,IAAM,WAAW,GAAG;AAAA,KAAwC,cAC5D,mDAAC,qBAAD;AAAA,IAAM,MAAM;AAAA,KACV,mDAAC,qBAAD;AAAA,IAAM,MAAM;AAAA,KACT,WACA,QAAQ,mDAAC,sCAAD,MAAiB,OACzB,SACD,mDAAC,OAAD,QAEF,mDAAC,qBAAD,MACE,mDAAC,4CAAD,MAAoB;AAAA;AAUpC,eAAe,YAAY;AAC3B,eAAe,eAAe;AAE9B,MAAM,yBAAyB,gCAAS;AAExC,uBAAuB,YAAY;AAYnC,IAAO,qBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,9 +2,35 @@ var __create = Object.create;
|
|
|
2
2
|
var __defProp = Object.defineProperty;
|
|
3
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
6
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
9
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
10
|
+
var __spreadValues = (a, b) => {
|
|
11
|
+
for (var prop in b || (b = {}))
|
|
12
|
+
if (__hasOwnProp.call(b, prop))
|
|
13
|
+
__defNormalProp(a, prop, b[prop]);
|
|
14
|
+
if (__getOwnPropSymbols)
|
|
15
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
16
|
+
if (__propIsEnum.call(b, prop))
|
|
17
|
+
__defNormalProp(a, prop, b[prop]);
|
|
18
|
+
}
|
|
19
|
+
return a;
|
|
20
|
+
};
|
|
7
21
|
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
22
|
+
var __objRest = (source, exclude) => {
|
|
23
|
+
var target = {};
|
|
24
|
+
for (var prop in source)
|
|
25
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
26
|
+
target[prop] = source[prop];
|
|
27
|
+
if (source != null && __getOwnPropSymbols)
|
|
28
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
29
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
30
|
+
target[prop] = source[prop];
|
|
31
|
+
}
|
|
32
|
+
return target;
|
|
33
|
+
};
|
|
8
34
|
var __export = (target, all) => {
|
|
9
35
|
for (var name in all)
|
|
10
36
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -32,8 +58,9 @@ __export(PageHeaderBack_exports, {
|
|
|
32
58
|
var React = __toESM(require("react"));
|
|
33
59
|
var import_react = __toESM(require("react"));
|
|
34
60
|
var import_blocks = require("../blocks");
|
|
35
|
-
const PageHeaderBack = (
|
|
36
|
-
|
|
37
|
-
}, children);
|
|
61
|
+
const PageHeaderBack = (_a) => {
|
|
62
|
+
var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
|
|
63
|
+
return /* @__PURE__ */ import_react.default.createElement(import_blocks.PageHeaderBackWrapper, __spreadValues({}, rest), children);
|
|
64
|
+
};
|
|
38
65
|
module.exports = __toCommonJS(PageHeaderBack_exports);
|
|
39
66
|
//# sourceMappingURL=PageHeaderBack.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../src/v2/components/PageHeaderBack/PageHeaderBack.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\nimport { PageHeaderBackWrapper } from '../blocks';\n\nexport const PageHeaderBack = ({ children, ...rest }) => (\n <PageHeaderBackWrapper {...rest}>{children}</PageHeaderBackWrapper>\n);\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,oBAAsC;AAE/B,MAAM,iBAAiB,CAAC,OAAuB;AAAvB,eAAE,eAAF,IAAe,iBAAf,IAAe,CAAb;AAC/B,4DAAC,qCAAD,mBAA2B,OAAO;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,10 +1,39 @@
|
|
|
1
1
|
var __create = Object.create;
|
|
2
2
|
var __defProp = Object.defineProperty;
|
|
3
|
+
var __defProps = Object.defineProperties;
|
|
3
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
6
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
8
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
9
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
10
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
11
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
12
|
+
var __spreadValues = (a, b) => {
|
|
13
|
+
for (var prop in b || (b = {}))
|
|
14
|
+
if (__hasOwnProp.call(b, prop))
|
|
15
|
+
__defNormalProp(a, prop, b[prop]);
|
|
16
|
+
if (__getOwnPropSymbols)
|
|
17
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
18
|
+
if (__propIsEnum.call(b, prop))
|
|
19
|
+
__defNormalProp(a, prop, b[prop]);
|
|
20
|
+
}
|
|
21
|
+
return a;
|
|
22
|
+
};
|
|
23
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
7
24
|
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
25
|
+
var __objRest = (source, exclude) => {
|
|
26
|
+
var target = {};
|
|
27
|
+
for (var prop in source)
|
|
28
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
29
|
+
target[prop] = source[prop];
|
|
30
|
+
if (source != null && __getOwnPropSymbols)
|
|
31
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
32
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
33
|
+
target[prop] = source[prop];
|
|
34
|
+
}
|
|
35
|
+
return target;
|
|
36
|
+
};
|
|
8
37
|
var __export = (target, all) => {
|
|
9
38
|
for (var name in all)
|
|
10
39
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -44,16 +73,24 @@ const EditableContainer = import_styled_components.default.div`
|
|
|
44
73
|
position: relative;
|
|
45
74
|
overflow: hidden;
|
|
46
75
|
`;
|
|
47
|
-
const PageHeaderEditableTitle = ({
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
}
|
|
76
|
+
const PageHeaderEditableTitle = (_a) => {
|
|
77
|
+
var _b = _a, {
|
|
78
|
+
children: value,
|
|
79
|
+
editing: editingProp = false,
|
|
80
|
+
onBlur = import_lodash.noop,
|
|
81
|
+
onChange = import_lodash.noop,
|
|
82
|
+
onFocus = import_lodash.noop,
|
|
83
|
+
onMouseOut = import_lodash.noop,
|
|
84
|
+
showMarker = false
|
|
85
|
+
} = _b, rest = __objRest(_b, [
|
|
86
|
+
"children",
|
|
87
|
+
"editing",
|
|
88
|
+
"onBlur",
|
|
89
|
+
"onChange",
|
|
90
|
+
"onFocus",
|
|
91
|
+
"onMouseOut",
|
|
92
|
+
"showMarker"
|
|
93
|
+
]);
|
|
57
94
|
const [titleValue, setTitleValue] = (0, import_react.useState)(value);
|
|
58
95
|
const [hovered, setHovered] = (0, import_react.useState)(false);
|
|
59
96
|
const [editing, setEditing] = (0, import_ds_utilities.useDerivedStateFromProps)(editingProp || false);
|
|
@@ -63,8 +100,7 @@ const PageHeaderEditableTitle = ({
|
|
|
63
100
|
className: hovered || editing ? "editable-title-component" : "",
|
|
64
101
|
onMouseEnter: () => setHovered(true),
|
|
65
102
|
onMouseLeave: () => setHovered(false)
|
|
66
|
-
}, (hovered || editing) && /* @__PURE__ */ import_react.default.createElement(import_blocks.EditableTitleComponent, {
|
|
67
|
-
...rest,
|
|
103
|
+
}, (hovered || editing) && /* @__PURE__ */ import_react.default.createElement(import_blocks.EditableTitleComponent, __spreadProps(__spreadValues({}, rest), {
|
|
68
104
|
onBlur: (e) => {
|
|
69
105
|
setEditing(false);
|
|
70
106
|
onBlur(e);
|
|
@@ -83,7 +119,7 @@ const PageHeaderEditableTitle = ({
|
|
|
83
119
|
},
|
|
84
120
|
style: { width: width + 10, minWidth: "260px", maxWidth: "100%" },
|
|
85
121
|
value: titleValue
|
|
86
|
-
}), /* @__PURE__ */ import_react.default.createElement("div", {
|
|
122
|
+
})), /* @__PURE__ */ import_react.default.createElement("div", {
|
|
87
123
|
ref: titleRef,
|
|
88
124
|
style: { width: "fit-content" }
|
|
89
125
|
}, /* @__PURE__ */ import_react.default.createElement(import_PageHeaderTitle.PageHeaderTitle, {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../src/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAwC;AACxC,oBAAqB;AACrB,+BAAmB;AACnB,wBAAoC;AACpC,0BAAsD;AACtD,oBAAuC;AACvC,6BAAgC;AAEhC,MAAM,oBAAoB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAM1B,MAAM,0BAA0B,CAAC,OASlC;AATkC,eACtC;AAAA,cAAU;AAAA,IACV,SAAS,cAAc;AAAA,IACvB,SAAS;AAAA,IACT,WAAW;AAAA,IACX,UAAU;AAAA,IACV,aAAa;AAAA,IACb,aAAa;AAAA,MAPyB,IAQnC,iBARmC,IAQnC;AAAA,IAPH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,CAAC,YAAY,iBAAiB,2BAAS;AAC7C,QAAM,CAAC,SAAS,cAAc,2BAAS;AACvC,QAAM,CAAC,SAAS,cAAc,kDAAyB,eAAe;AACtE,QAAM,WAAW,yBAAO;AACxB,QAAM,EAAE,UAAU,oCAAW;AAC7B,SACE,mDAAC,mBAAD;AAAA,IACE,WAAW,WAAW,UAAU,6BAA6B;AAAA,IAC7D,cAAc,MAAM,WAAW;AAAA,IAC/B,cAAc,MAAM,WAAW;AAAA,KAE7B,YAAW,YACX,mDAAC,sCAAD,iCACM,OADN;AAAA,IAEE,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,OAGX,mDAAC,OAAD;AAAA,IAAK,KAAK;AAAA,IAAU,OAAO,EAAE,OAAO;AAAA,KAClC,mDAAC,wCAAD;AAAA,IAAiB,YAAY,cAAc,CAAC,WAAW,CAAC;AAAA,KAAU;AAAA;AAM1E,MAAM,QAAQ;AAAA,EAEZ,UAAU,4BAAU,OAAO,YAAY;AAAA,EAEvC,SAAS,4BAAU,KAAK,YAAY;AAAA,EAEpC,YAAY,4BAAU,KAAK,YAAY;AAAA,EAEvC,QAAQ,4BAAU,KAAK,YAAY;AAAA,EAEnC,UAAU,4BAAU,KAAK,YAAY;AAAA,EAErC,SAAS,4BAAU,KAAK,YAAY;AAAA,EAEpC,YAAY,4BAAU,KAAK,YAAY;AAAA;AAGzC,wBAAwB,YAAY;AAEpC,MAAM,sCAAsC,gCAAS;AAErD,oCAAoC,YAAY;AAEhD,IAAO,kCAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,9 +2,35 @@ var __create = Object.create;
|
|
|
2
2
|
var __defProp = Object.defineProperty;
|
|
3
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
6
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
9
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
10
|
+
var __spreadValues = (a, b) => {
|
|
11
|
+
for (var prop in b || (b = {}))
|
|
12
|
+
if (__hasOwnProp.call(b, prop))
|
|
13
|
+
__defNormalProp(a, prop, b[prop]);
|
|
14
|
+
if (__getOwnPropSymbols)
|
|
15
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
16
|
+
if (__propIsEnum.call(b, prop))
|
|
17
|
+
__defNormalProp(a, prop, b[prop]);
|
|
18
|
+
}
|
|
19
|
+
return a;
|
|
20
|
+
};
|
|
7
21
|
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
22
|
+
var __objRest = (source, exclude) => {
|
|
23
|
+
var target = {};
|
|
24
|
+
for (var prop in source)
|
|
25
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
26
|
+
target[prop] = source[prop];
|
|
27
|
+
if (source != null && __getOwnPropSymbols)
|
|
28
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
29
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
30
|
+
target[prop] = source[prop];
|
|
31
|
+
}
|
|
32
|
+
return target;
|
|
33
|
+
};
|
|
8
34
|
var __export = (target, all) => {
|
|
9
35
|
for (var name in all)
|
|
10
36
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -32,8 +58,9 @@ __export(PageHeaderMenu_exports, {
|
|
|
32
58
|
var React = __toESM(require("react"));
|
|
33
59
|
var import_react = __toESM(require("react"));
|
|
34
60
|
var import_blocks = require("../blocks");
|
|
35
|
-
const PageHeaderMenu = (
|
|
36
|
-
|
|
37
|
-
}, children);
|
|
61
|
+
const PageHeaderMenu = (_a) => {
|
|
62
|
+
var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
|
|
63
|
+
return /* @__PURE__ */ import_react.default.createElement(import_blocks.PageHeaderMenuWrapper, __spreadValues({}, rest), children);
|
|
64
|
+
};
|
|
38
65
|
module.exports = __toCommonJS(PageHeaderMenu_exports);
|
|
39
66
|
//# sourceMappingURL=PageHeaderMenu.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../src/v2/components/PageHeaderMenu/PageHeaderMenu.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\nimport { PageHeaderMenuWrapper } from '../blocks';\n\nexport const PageHeaderMenu = ({ children, ...rest }) => (\n <PageHeaderMenuWrapper {...rest}>{children}</PageHeaderMenuWrapper>\n);\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,oBAAsC;AAE/B,MAAM,iBAAiB,CAAC,OAAuB;AAAvB,eAAE,eAAF,IAAe,iBAAf,IAAe,CAAb;AAC/B,4DAAC,qCAAD,mBAA2B,OAAO;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|