@elliemae/ds-page-header 2.2.0-alpha.4 → 3.0.0-next.2
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 -36
- package/cjs/index.js +26 -43
- package/cjs/v1/DSPageHeader.js +120 -93
- package/cjs/v1/DropdownTitle.js +35 -49
- package/cjs/v1/EditableTitle.js +54 -68
- package/cjs/v1/PageHeaderImpl.js +116 -122
- package/cjs/v1/Title.js +24 -42
- package/cjs/v1/TitleWrapper.js +8 -37
- package/cjs/v2/PageHeader.js +89 -104
- package/cjs/v2/components/PageHeaderBack/PageHeaderBack.js +36 -38
- package/cjs/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js +101 -87
- package/cjs/v2/components/PageHeaderMenu/PageHeaderMenu.js +36 -38
- package/cjs/v2/components/PageHeaderSummary/PageHeaderSummary.js +57 -50
- package/cjs/v2/components/PageHeaderTitle/PageHeaderTitle.js +60 -51
- package/cjs/v2/components/PageHeaderToolbar/PageHeaderToolbar.js +36 -38
- package/cjs/v2/components/blocks.js +24 -48
- package/cjs/v2/props.js +32 -44
- package/esm/DSPageHeader.js +6 -7
- package/esm/index.js +6 -14
- package/esm/v1/DSPageHeader.js +109 -65
- package/esm/v1/DropdownTitle.js +27 -20
- package/esm/v1/EditableTitle.js +42 -35
- package/esm/v1/PageHeaderImpl.js +110 -95
- package/esm/v1/Title.js +17 -13
- package/esm/v1/TitleWrapper.js +6 -8
- package/esm/v2/PageHeader.js +70 -72
- package/esm/v2/components/PageHeaderBack/PageHeaderBack.js +27 -9
- package/esm/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js +83 -53
- package/esm/v2/components/PageHeaderMenu/PageHeaderMenu.js +27 -9
- package/esm/v2/components/PageHeaderSummary/PageHeaderSummary.js +46 -21
- package/esm/v2/components/PageHeaderTitle/PageHeaderTitle.js +47 -22
- package/esm/v2/components/PageHeaderToolbar/PageHeaderToolbar.js +27 -9
- package/esm/v2/components/blocks.js +13 -20
- package/esm/v2/props.js +27 -15
- package/package.json +11 -11
- package/cjs/DSPageHeader.js.map +0 -7
- package/cjs/index.js.map +0 -7
- package/cjs/v1/DSPageHeader.js.map +0 -7
- package/cjs/v1/DropdownTitle.js.map +0 -7
- package/cjs/v1/EditableTitle.js.map +0 -7
- package/cjs/v1/PageHeaderImpl.js.map +0 -7
- package/cjs/v1/Title.js.map +0 -7
- package/cjs/v1/TitleWrapper.js.map +0 -7
- package/cjs/v2/PageHeader.js.map +0 -7
- package/cjs/v2/components/PageHeaderBack/PageHeaderBack.js.map +0 -7
- package/cjs/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js.map +0 -7
- package/cjs/v2/components/PageHeaderMenu/PageHeaderMenu.js.map +0 -7
- package/cjs/v2/components/PageHeaderSummary/PageHeaderSummary.js.map +0 -7
- package/cjs/v2/components/PageHeaderTitle/PageHeaderTitle.js.map +0 -7
- package/cjs/v2/components/PageHeaderToolbar/PageHeaderToolbar.js.map +0 -7
- package/cjs/v2/components/blocks.js.map +0 -7
- package/cjs/v2/props.js.map +0 -7
- package/cjs/v2/tests/utils.js +0 -123
- package/cjs/v2/tests/utils.js.map +0 -7
- package/esm/DSPageHeader.js.map +0 -7
- package/esm/index.js.map +0 -7
- package/esm/v1/DSPageHeader.js.map +0 -7
- package/esm/v1/DropdownTitle.js.map +0 -7
- package/esm/v1/EditableTitle.js.map +0 -7
- package/esm/v1/PageHeaderImpl.js.map +0 -7
- package/esm/v1/Title.js.map +0 -7
- package/esm/v1/TitleWrapper.js.map +0 -7
- package/esm/v2/PageHeader.js.map +0 -7
- package/esm/v2/components/PageHeaderBack/PageHeaderBack.js.map +0 -7
- package/esm/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js.map +0 -7
- package/esm/v2/components/PageHeaderMenu/PageHeaderMenu.js.map +0 -7
- package/esm/v2/components/PageHeaderSummary/PageHeaderSummary.js.map +0 -7
- package/esm/v2/components/PageHeaderTitle/PageHeaderTitle.js.map +0 -7
- package/esm/v2/components/PageHeaderToolbar/PageHeaderToolbar.js.map +0 -7
- package/esm/v2/components/blocks.js.map +0 -7
- package/esm/v2/props.js.map +0 -7
- package/esm/v2/tests/utils.js +0 -94
- package/esm/v2/tests/utils.js.map +0 -7
|
@@ -1,39 +1,37 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
6
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
8
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
10
|
+
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
11
|
+
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
12
|
+
require('react');
|
|
13
|
+
var blocks = require('../blocks.js');
|
|
14
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
15
|
+
|
|
16
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
17
|
+
|
|
18
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
19
|
+
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
20
|
+
|
|
21
|
+
const _excluded = ["children"];
|
|
22
|
+
|
|
23
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
24
|
+
|
|
25
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
26
|
+
const PageHeaderBack = _ref => {
|
|
27
|
+
let {
|
|
28
|
+
children
|
|
29
|
+
} = _ref,
|
|
30
|
+
rest = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
31
|
+
|
|
32
|
+
return /*#__PURE__*/jsxRuntime.jsx(blocks.PageHeaderBackWrapper, _objectSpread(_objectSpread({}, rest), {}, {
|
|
33
|
+
children: children
|
|
34
|
+
}));
|
|
11
35
|
};
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var PageHeaderBack_exports = {};
|
|
29
|
-
__export(PageHeaderBack_exports, {
|
|
30
|
-
PageHeaderBack: () => PageHeaderBack
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_blocks = require("../blocks");
|
|
35
|
-
const PageHeaderBack = ({ children, ...rest }) => /* @__PURE__ */ import_react.default.createElement(import_blocks.PageHeaderBackWrapper, {
|
|
36
|
-
...rest
|
|
37
|
-
}, children);
|
|
38
|
-
module.exports = __toCommonJS(PageHeaderBack_exports);
|
|
39
|
-
//# sourceMappingURL=PageHeaderBack.js.map
|
|
36
|
+
|
|
37
|
+
exports.PageHeaderBack = PageHeaderBack;
|
|
@@ -1,107 +1,121 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
var
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
var
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
var
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
var
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
const [editing, setEditing] = (0, import_ds_utilities.useDerivedStateFromProps)(editingProp || false);
|
|
60
|
-
const titleRef = (0, import_react.useRef)(null);
|
|
61
|
-
const { width } = (0, import_ds_utilities.useMeasure)(titleRef);
|
|
62
|
-
return /* @__PURE__ */ import_react.default.createElement(EditableContainer, {
|
|
63
|
-
className: hovered || editing ? "editable-title-component" : "",
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
|
+
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
7
|
+
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
8
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
9
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
10
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
11
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
12
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
13
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
14
|
+
var react = require('react');
|
|
15
|
+
var lodash = require('lodash');
|
|
16
|
+
var styled = require('styled-components');
|
|
17
|
+
var reactDesc = require('react-desc');
|
|
18
|
+
var dsUtilities = require('@elliemae/ds-utilities');
|
|
19
|
+
var blocks = require('../blocks.js');
|
|
20
|
+
var PageHeaderTitle = require('../PageHeaderTitle/PageHeaderTitle.js');
|
|
21
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
22
|
+
|
|
23
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
24
|
+
|
|
25
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
26
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
27
|
+
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
28
|
+
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
29
|
+
|
|
30
|
+
const _excluded = ["children", "editing", "onBlur", "onChange", "onFocus", "onMouseOut", "showMarker"];
|
|
31
|
+
|
|
32
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
33
|
+
|
|
34
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
35
|
+
const EditableContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
36
|
+
componentId: "sc-v0pkny-0"
|
|
37
|
+
})(["height:32px;position:relative;overflow:hidden;"]);
|
|
38
|
+
const PageHeaderEditableTitle = _ref => {
|
|
39
|
+
let {
|
|
40
|
+
children: value,
|
|
41
|
+
editing: editingProp = false,
|
|
42
|
+
onBlur = lodash.noop,
|
|
43
|
+
onChange = lodash.noop,
|
|
44
|
+
onFocus = lodash.noop,
|
|
45
|
+
onMouseOut = lodash.noop,
|
|
46
|
+
showMarker = false
|
|
47
|
+
} = _ref,
|
|
48
|
+
rest = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
49
|
+
|
|
50
|
+
const [titleValue, setTitleValue] = react.useState(value);
|
|
51
|
+
const [hovered, setHovered] = react.useState(false);
|
|
52
|
+
const [editing, setEditing] = dsUtilities.useDerivedStateFromProps(editingProp || false);
|
|
53
|
+
const titleRef = react.useRef(null);
|
|
54
|
+
const {
|
|
55
|
+
width
|
|
56
|
+
} = dsUtilities.useMeasure(titleRef);
|
|
57
|
+
return /*#__PURE__*/_jsx__default["default"](EditableContainer, {
|
|
58
|
+
className: hovered || editing ? 'editable-title-component' : '',
|
|
64
59
|
onMouseEnter: () => setHovered(true),
|
|
65
60
|
onMouseLeave: () => setHovered(false)
|
|
66
|
-
}, (hovered || editing) &&
|
|
67
|
-
|
|
68
|
-
onBlur: (e) => {
|
|
61
|
+
}, void 0, (hovered || editing) && /*#__PURE__*/jsxRuntime.jsx(blocks.EditableTitleComponent, _objectSpread(_objectSpread({}, rest), {}, {
|
|
62
|
+
onBlur: e => {
|
|
69
63
|
setEditing(false);
|
|
70
64
|
onBlur(e);
|
|
71
65
|
},
|
|
72
|
-
onChange:
|
|
66
|
+
onChange: e => {
|
|
73
67
|
setTitleValue(e.target.value);
|
|
74
68
|
onChange(e);
|
|
75
69
|
},
|
|
76
|
-
onFocus:
|
|
70
|
+
onFocus: e => {
|
|
77
71
|
setEditing(true);
|
|
78
72
|
onFocus(e);
|
|
79
73
|
},
|
|
80
|
-
onMouseOut:
|
|
74
|
+
onMouseOut: e => {
|
|
81
75
|
setHovered(false);
|
|
82
76
|
onMouseOut(e);
|
|
83
77
|
},
|
|
84
|
-
style: {
|
|
78
|
+
style: {
|
|
79
|
+
width: width + 10,
|
|
80
|
+
minWidth: '260px',
|
|
81
|
+
maxWidth: '100%'
|
|
82
|
+
},
|
|
85
83
|
value: titleValue
|
|
86
|
-
}),
|
|
84
|
+
})), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
87
85
|
ref: titleRef,
|
|
88
|
-
style: {
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
86
|
+
style: {
|
|
87
|
+
width: 'fit-content'
|
|
88
|
+
},
|
|
89
|
+
children: /*#__PURE__*/_jsx__default["default"](PageHeaderTitle.PageHeaderTitle, {
|
|
90
|
+
showMarker: showMarker && !hovered && !editing
|
|
91
|
+
}, void 0, titleValue)
|
|
92
|
+
}));
|
|
92
93
|
};
|
|
93
94
|
const props = {
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
95
|
+
/** The title text */
|
|
96
|
+
children: reactDesc.PropTypes.string.description('The title text'),
|
|
97
|
+
|
|
98
|
+
/** Whether the title is editing or not */
|
|
99
|
+
editing: reactDesc.PropTypes.bool.description('Whether the title is editing or not'),
|
|
100
|
+
|
|
101
|
+
/** Show error marker */
|
|
102
|
+
showMarker: reactDesc.PropTypes.bool.description('Show error marker'),
|
|
103
|
+
|
|
104
|
+
/** blur callback */
|
|
105
|
+
onBlur: reactDesc.PropTypes.func.description('blur callback'),
|
|
106
|
+
|
|
107
|
+
/** on change handler */
|
|
108
|
+
onChange: reactDesc.PropTypes.func.description('on change handler'),
|
|
109
|
+
|
|
110
|
+
/** on focus handler */
|
|
111
|
+
onFocus: reactDesc.PropTypes.func.description('on focus handler'),
|
|
112
|
+
|
|
113
|
+
/** mouse out of component handler */
|
|
114
|
+
onMouseOut: reactDesc.PropTypes.func.description('mouse out of component handler')
|
|
101
115
|
};
|
|
102
|
-
|
|
103
|
-
const DSPageHeaderEditableTitleWithSchema = (0, import_react_desc.describe)(PageHeaderEditableTitle);
|
|
116
|
+
const DSPageHeaderEditableTitleWithSchema = reactDesc.describe(PageHeaderEditableTitle);
|
|
104
117
|
DSPageHeaderEditableTitleWithSchema.propTypes = props;
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
118
|
+
|
|
119
|
+
exports.DSPageHeaderEditableTitleWithSchema = DSPageHeaderEditableTitleWithSchema;
|
|
120
|
+
exports.PageHeaderEditableTitle = PageHeaderEditableTitle;
|
|
121
|
+
exports["default"] = PageHeaderEditableTitle;
|
|
@@ -1,39 +1,37 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
6
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
8
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
10
|
+
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
11
|
+
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
12
|
+
require('react');
|
|
13
|
+
var blocks = require('../blocks.js');
|
|
14
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
15
|
+
|
|
16
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
17
|
+
|
|
18
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
19
|
+
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
20
|
+
|
|
21
|
+
const _excluded = ["children"];
|
|
22
|
+
|
|
23
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
24
|
+
|
|
25
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
26
|
+
const PageHeaderMenu = _ref => {
|
|
27
|
+
let {
|
|
28
|
+
children
|
|
29
|
+
} = _ref,
|
|
30
|
+
rest = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
31
|
+
|
|
32
|
+
return /*#__PURE__*/jsxRuntime.jsx(blocks.PageHeaderMenuWrapper, _objectSpread(_objectSpread({}, rest), {}, {
|
|
33
|
+
children: children
|
|
34
|
+
}));
|
|
11
35
|
};
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var PageHeaderMenu_exports = {};
|
|
29
|
-
__export(PageHeaderMenu_exports, {
|
|
30
|
-
PageHeaderMenu: () => PageHeaderMenu
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_blocks = require("../blocks");
|
|
35
|
-
const PageHeaderMenu = ({ children, ...rest }) => /* @__PURE__ */ import_react.default.createElement(import_blocks.PageHeaderMenuWrapper, {
|
|
36
|
-
...rest
|
|
37
|
-
}, children);
|
|
38
|
-
module.exports = __toCommonJS(PageHeaderMenu_exports);
|
|
39
|
-
//# sourceMappingURL=PageHeaderMenu.js.map
|
|
36
|
+
|
|
37
|
+
exports.PageHeaderMenu = PageHeaderMenu;
|
|
@@ -1,54 +1,61 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
6
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
8
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
10
|
+
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
11
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
12
|
+
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
13
|
+
require('react');
|
|
14
|
+
var reactDesc = require('react-desc');
|
|
15
|
+
var blocks = require('../blocks.js');
|
|
16
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
17
|
+
|
|
18
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
19
|
+
|
|
20
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
21
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
22
|
+
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
23
|
+
|
|
24
|
+
var _div;
|
|
25
|
+
|
|
26
|
+
const _excluded = ["value", "label"];
|
|
27
|
+
|
|
28
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
29
|
+
|
|
30
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
31
|
+
|
|
32
|
+
const PageHeaderSummary = _ref => {
|
|
33
|
+
let {
|
|
34
|
+
value = null,
|
|
35
|
+
label = ''
|
|
36
|
+
} = _ref,
|
|
37
|
+
rest = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
38
|
+
|
|
39
|
+
return /*#__PURE__*/jsxRuntime.jsxs(blocks.PageHeaderSummaryWrapper, _objectSpread(_objectSpread({}, rest), {}, {
|
|
40
|
+
children: [(value === 0 || value) && /*#__PURE__*/_jsx__default["default"]("div", {
|
|
41
|
+
className: "ph-summary-value"
|
|
42
|
+
}, void 0, value), label && /*#__PURE__*/_jsx__default["default"]("div", {
|
|
43
|
+
className: "ph-summary-label"
|
|
44
|
+
}, void 0, label), (value === 0 || value || label) && (_div || (_div = /*#__PURE__*/_jsx__default["default"]("div", {
|
|
45
|
+
className: "ph-summary-space"
|
|
46
|
+
})))]
|
|
47
|
+
}));
|
|
11
48
|
};
|
|
12
|
-
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var PageHeaderSummary_exports = {};
|
|
29
|
-
__export(PageHeaderSummary_exports, {
|
|
30
|
-
DSPageHeaderSummaryWithSchema: () => DSPageHeaderSummaryWithSchema,
|
|
31
|
-
PageHeaderSummary: () => PageHeaderSummary
|
|
32
|
-
});
|
|
33
|
-
var React = __toESM(require("react"));
|
|
34
|
-
var import_react = __toESM(require("react"));
|
|
35
|
-
var import_react_desc = require("react-desc");
|
|
36
|
-
var import_blocks = require("../blocks");
|
|
37
|
-
const PageHeaderSummary = ({ value = null, label = "", ...rest }) => /* @__PURE__ */ import_react.default.createElement(import_blocks.PageHeaderSummaryWrapper, {
|
|
38
|
-
...rest
|
|
39
|
-
}, (value === 0 || value) && /* @__PURE__ */ import_react.default.createElement("div", {
|
|
40
|
-
className: "ph-summary-value"
|
|
41
|
-
}, value), label && /* @__PURE__ */ import_react.default.createElement("div", {
|
|
42
|
-
className: "ph-summary-label"
|
|
43
|
-
}, label), (value === 0 || value || label) && /* @__PURE__ */ import_react.default.createElement("div", {
|
|
44
|
-
className: "ph-summary-space"
|
|
45
|
-
}));
|
|
49
|
+
|
|
46
50
|
const props = {
|
|
47
|
-
|
|
48
|
-
|
|
51
|
+
/** value for page header summary */
|
|
52
|
+
value: reactDesc.PropTypes.number.description('value for page header summary'),
|
|
53
|
+
|
|
54
|
+
/** label attached to value */
|
|
55
|
+
label: reactDesc.PropTypes.string.description('label attached to value')
|
|
49
56
|
};
|
|
50
|
-
|
|
51
|
-
const DSPageHeaderSummaryWithSchema = (0, import_react_desc.describe)(PageHeaderSummary);
|
|
57
|
+
const DSPageHeaderSummaryWithSchema = reactDesc.describe(PageHeaderSummary);
|
|
52
58
|
DSPageHeaderSummaryWithSchema.propTypes = props;
|
|
53
|
-
|
|
54
|
-
|
|
59
|
+
|
|
60
|
+
exports.DSPageHeaderSummaryWithSchema = DSPageHeaderSummaryWithSchema;
|
|
61
|
+
exports.PageHeaderSummary = PageHeaderSummary;
|
|
@@ -1,55 +1,64 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
6
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
8
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
10
|
+
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
11
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
12
|
+
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
13
|
+
require('react');
|
|
14
|
+
var reactDesc = require('react-desc');
|
|
15
|
+
var DSTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
|
|
16
|
+
var RequiredMark = require('@elliemae/ds-form/RequiredMark');
|
|
17
|
+
var blocks = require('../blocks.js');
|
|
18
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
19
|
+
|
|
20
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
21
|
+
|
|
22
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
23
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
24
|
+
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
25
|
+
var DSTruncatedTooltipText__default = /*#__PURE__*/_interopDefaultLegacy(DSTruncatedTooltipText);
|
|
26
|
+
var RequiredMark__default = /*#__PURE__*/_interopDefaultLegacy(RequiredMark);
|
|
27
|
+
|
|
28
|
+
var _RequiredMark;
|
|
29
|
+
|
|
30
|
+
const _excluded = ["children", "showMarker"];
|
|
31
|
+
|
|
32
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
33
|
+
|
|
34
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
35
|
+
|
|
36
|
+
const PageHeaderTitle = _ref => {
|
|
37
|
+
let {
|
|
38
|
+
children,
|
|
39
|
+
showMarker = false
|
|
40
|
+
} = _ref,
|
|
41
|
+
rest = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
42
|
+
|
|
43
|
+
return /*#__PURE__*/jsxRuntime.jsxs(blocks.PageHeaderTitleWrapper, _objectSpread(_objectSpread({}, rest), {}, {
|
|
44
|
+
"data-testid": "ds-page-header-title",
|
|
45
|
+
children: [/*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText.TooltipTextProvider, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText__default["default"], {
|
|
46
|
+
value: children
|
|
47
|
+
})), showMarker && (_RequiredMark || (_RequiredMark = /*#__PURE__*/_jsx__default["default"](RequiredMark__default["default"], {
|
|
48
|
+
required: true
|
|
49
|
+
})))]
|
|
50
|
+
}));
|
|
11
51
|
};
|
|
12
|
-
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var PageHeaderTitle_exports = {};
|
|
29
|
-
__export(PageHeaderTitle_exports, {
|
|
30
|
-
DSPageHeaderTitleWithSchema: () => DSPageHeaderTitleWithSchema,
|
|
31
|
-
PageHeaderTitle: () => PageHeaderTitle
|
|
32
|
-
});
|
|
33
|
-
var React = __toESM(require("react"));
|
|
34
|
-
var import_react = __toESM(require("react"));
|
|
35
|
-
var import_react_desc = require("react-desc");
|
|
36
|
-
var import_ds_truncated_tooltip_text = __toESM(require("@elliemae/ds-truncated-tooltip-text"));
|
|
37
|
-
var import_RequiredMark = __toESM(require("@elliemae/ds-form/RequiredMark"));
|
|
38
|
-
var import_blocks = require("../blocks");
|
|
39
|
-
const PageHeaderTitle = ({ children, showMarker = false, ...rest }) => /* @__PURE__ */ import_react.default.createElement(import_blocks.PageHeaderTitleWrapper, {
|
|
40
|
-
...rest,
|
|
41
|
-
"data-testid": "ds-page-header-title"
|
|
42
|
-
}, /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.TooltipTextProvider, null, /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.default, {
|
|
43
|
-
value: children
|
|
44
|
-
})), showMarker && /* @__PURE__ */ import_react.default.createElement(import_RequiredMark.default, {
|
|
45
|
-
required: true
|
|
46
|
-
}));
|
|
52
|
+
|
|
47
53
|
const props = {
|
|
48
|
-
|
|
49
|
-
|
|
54
|
+
/** page header title string */
|
|
55
|
+
children: reactDesc.PropTypes.string.description('Page header title string'),
|
|
56
|
+
|
|
57
|
+
/** show required mark */
|
|
58
|
+
showMarker: reactDesc.PropTypes.bool.description('show required mark')
|
|
50
59
|
};
|
|
51
|
-
|
|
52
|
-
const DSPageHeaderTitleWithSchema = (0, import_react_desc.describe)(PageHeaderTitle);
|
|
60
|
+
const DSPageHeaderTitleWithSchema = reactDesc.describe(PageHeaderTitle);
|
|
53
61
|
DSPageHeaderTitleWithSchema.propTypes = props;
|
|
54
|
-
|
|
55
|
-
|
|
62
|
+
|
|
63
|
+
exports.DSPageHeaderTitleWithSchema = DSPageHeaderTitleWithSchema;
|
|
64
|
+
exports.PageHeaderTitle = PageHeaderTitle;
|