@elliemae/ds-page-header 1.60.0 → 2.0.0-alpha.12
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 +14 -44
- package/cjs/index.js +19 -49
- package/cjs/v1/DSPageHeader.js +43 -64
- package/cjs/v1/DropdownTitle.js +18 -17
- package/cjs/v1/EditableTitle.js +40 -61
- package/cjs/v1/PageHeaderImpl.js +94 -105
- package/cjs/v1/Title.js +10 -8
- package/cjs/v1/TitleWrapper.js +1 -2
- package/cjs/v2/PageHeader.js +65 -61
- package/cjs/v2/components/PageHeaderBack/PageHeaderBack.js +23 -11
- package/cjs/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js +60 -80
- package/cjs/v2/components/PageHeaderMenu/PageHeaderMenu.js +23 -11
- package/cjs/v2/components/PageHeaderSummary/PageHeaderSummary.js +38 -25
- package/cjs/v2/components/PageHeaderTitle/PageHeaderTitle.js +34 -23
- package/cjs/v2/components/PageHeaderToolbar/PageHeaderToolbar.js +23 -11
- package/cjs/v2/components/blocks.js +8 -11
- package/cjs/v2/props.js +2 -3
- package/esm/DSPageHeader.js +0 -30
- package/esm/index.js +0 -30
- package/esm/v1/DSPageHeader.js +37 -58
- package/esm/v1/DropdownTitle.js +16 -15
- package/esm/v1/EditableTitle.js +37 -56
- package/esm/v1/PageHeaderImpl.js +89 -100
- package/esm/v1/Title.js +9 -7
- package/esm/v1/TitleWrapper.js +1 -2
- package/esm/v2/PageHeader.js +49 -46
- package/esm/v2/components/PageHeaderBack/PageHeaderBack.js +20 -8
- package/esm/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js +53 -72
- package/esm/v2/components/PageHeaderMenu/PageHeaderMenu.js +20 -8
- package/esm/v2/components/PageHeaderSummary/PageHeaderSummary.js +31 -19
- package/esm/v2/components/PageHeaderTitle/PageHeaderTitle.js +30 -19
- package/esm/v2/components/PageHeaderToolbar/PageHeaderToolbar.js +20 -8
- package/esm/v2/components/blocks.js +7 -8
- package/esm/v2/props.js +2 -3
- package/package.json +106 -21
- package/types/DSPageHeader.d.ts +2 -0
- package/types/index.d.ts +6 -0
- package/types/v1/DSPageHeader.d.ts +124 -0
- package/types/v1/DropdownTitle.d.ts +13 -0
- package/types/v1/EditableTitle.d.ts +16 -0
- package/types/v1/PageHeaderImpl.d.ts +21 -0
- package/types/v1/Title.d.ts +5 -0
- package/types/v1/TitleWrapper.d.ts +3 -0
- package/types/v2/PageHeader.d.ts +95 -0
- package/types/v2/components/PageHeaderBack/PageHeaderBack.d.ts +5 -0
- package/types/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.d.ts +81 -0
- package/types/v2/components/PageHeaderMenu/PageHeaderMenu.d.ts +5 -0
- package/types/v2/components/PageHeaderSummary/PageHeaderSummary.d.ts +37 -0
- package/types/v2/components/PageHeaderTitle/PageHeaderTitle.d.ts +35 -0
- package/types/v2/components/PageHeaderToolbar/PageHeaderToolbar.d.ts +5 -0
- package/types/v2/components/blocks.d.ts +9 -0
- package/types/v2/props.d.ts +69 -0
- package/types/v2/tests/utils.d.ts +56 -0
- package/DSPageHeader/package.json +0 -10
- package/cjs/DSPageHeader.js.map +0 -1
- package/cjs/index.js.map +0 -1
- package/cjs/v1/DSPageHeader.js.map +0 -1
- package/cjs/v1/DropdownTitle.js.map +0 -1
- package/cjs/v1/EditableTitle.js.map +0 -1
- package/cjs/v1/PageHeaderImpl.js.map +0 -1
- package/cjs/v1/Title.js.map +0 -1
- package/cjs/v1/TitleWrapper.js.map +0 -1
- package/cjs/v2/PageHeader.js.map +0 -1
- package/cjs/v2/components/PageHeaderBack/PageHeaderBack.js.map +0 -1
- package/cjs/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js.map +0 -1
- package/cjs/v2/components/PageHeaderMenu/PageHeaderMenu.js.map +0 -1
- package/cjs/v2/components/PageHeaderSummary/PageHeaderSummary.js.map +0 -1
- package/cjs/v2/components/PageHeaderTitle/PageHeaderTitle.js.map +0 -1
- package/cjs/v2/components/PageHeaderToolbar/PageHeaderToolbar.js.map +0 -1
- package/cjs/v2/components/blocks.js.map +0 -1
- package/cjs/v2/props.js.map +0 -1
- package/cjs/v2/tests/utils.js +0 -88
- package/cjs/v2/tests/utils.js.map +0 -1
- package/esm/DSPageHeader.js.map +0 -1
- package/esm/index.js.map +0 -1
- package/esm/v1/DSPageHeader.js.map +0 -1
- package/esm/v1/DropdownTitle.js.map +0 -1
- package/esm/v1/EditableTitle.js.map +0 -1
- package/esm/v1/PageHeaderImpl.js.map +0 -1
- package/esm/v1/Title.js.map +0 -1
- package/esm/v1/TitleWrapper.js.map +0 -1
- package/esm/v2/PageHeader.js.map +0 -1
- package/esm/v2/components/PageHeaderBack/PageHeaderBack.js.map +0 -1
- package/esm/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js.map +0 -1
- package/esm/v2/components/PageHeaderMenu/PageHeaderMenu.js.map +0 -1
- package/esm/v2/components/PageHeaderSummary/PageHeaderSummary.js.map +0 -1
- package/esm/v2/components/PageHeaderTitle/PageHeaderTitle.js.map +0 -1
- package/esm/v2/components/PageHeaderToolbar/PageHeaderToolbar.js.map +0 -1
- package/esm/v2/components/blocks.js.map +0 -1
- package/esm/v2/props.js.map +0 -1
- package/esm/v2/tests/utils.js +0 -84
- package/esm/v2/tests/utils.js.map +0 -1
- package/v1/DSPageHeader/package.json +0 -10
- package/v1/DropdownTitle/package.json +0 -10
- package/v1/EditableTitle/package.json +0 -10
- package/v1/PageHeaderImpl/package.json +0 -10
- package/v1/Title/package.json +0 -10
- package/v1/TitleWrapper/package.json +0 -10
- package/v2/PageHeader/package.json +0 -10
- package/v2/components/PageHeaderBack/PageHeaderBack/package.json +0 -10
- package/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle/package.json +0 -10
- package/v2/components/PageHeaderMenu/PageHeaderMenu/package.json +0 -10
- package/v2/components/PageHeaderSummary/PageHeaderSummary/package.json +0 -10
- package/v2/components/PageHeaderTitle/PageHeaderTitle/package.json +0 -10
- package/v2/components/PageHeaderToolbar/PageHeaderToolbar/package.json +0 -10
- package/v2/components/blocks/package.json +0 -10
- package/v2/props/package.json +0 -10
- package/v2/tests/utils/package.json +0 -10
|
@@ -2,97 +2,78 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
6
|
-
var
|
|
5
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
|
+
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
7
7
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
8
|
-
|
|
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');
|
|
9
15
|
var lodash = require('lodash');
|
|
10
16
|
var styled = require('styled-components');
|
|
11
17
|
var reactDesc = require('react-desc');
|
|
12
18
|
var dsUtilities = require('@elliemae/ds-utilities');
|
|
13
|
-
var
|
|
14
|
-
var
|
|
15
|
-
require('
|
|
16
|
-
require('@elliemae/ds-form');
|
|
17
|
-
require('@elliemae/ds-truncated-tooltip-text');
|
|
18
|
-
require('@elliemae/ds-form/RequiredMark');
|
|
19
|
+
var blocks = require('../blocks.js');
|
|
20
|
+
var PageHeaderTitle = require('../PageHeaderTitle/PageHeaderTitle.js');
|
|
21
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
19
22
|
|
|
20
23
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
21
24
|
|
|
22
|
-
var
|
|
23
|
-
var
|
|
25
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
26
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
24
27
|
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
25
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
26
28
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
27
29
|
|
|
28
|
-
|
|
29
|
-
var EditableContainer = /*#__PURE__*/styled__default['default'].div.withConfig({
|
|
30
|
-
componentId: "sc-v0pkny-0"
|
|
31
|
-
})(["height:32px;position:relative;overflow:hidden;"]);
|
|
32
|
-
var PageHeaderEditableTitle = function PageHeaderEditableTitle(_ref) {
|
|
33
|
-
var value = _ref.children,
|
|
34
|
-
_ref$editing = _ref.editing,
|
|
35
|
-
editingProp = _ref$editing === void 0 ? false : _ref$editing,
|
|
36
|
-
_ref$onBlur = _ref.onBlur,
|
|
37
|
-
_onBlur = _ref$onBlur === void 0 ? lodash.noop : _ref$onBlur,
|
|
38
|
-
_ref$onChange = _ref.onChange,
|
|
39
|
-
_onChange = _ref$onChange === void 0 ? lodash.noop : _ref$onChange,
|
|
40
|
-
_ref$onFocus = _ref.onFocus,
|
|
41
|
-
_onFocus = _ref$onFocus === void 0 ? lodash.noop : _ref$onFocus,
|
|
42
|
-
_ref$onMouseOut = _ref.onMouseOut,
|
|
43
|
-
_onMouseOut = _ref$onMouseOut === void 0 ? lodash.noop : _ref$onMouseOut,
|
|
44
|
-
_ref$showMarker = _ref.showMarker,
|
|
45
|
-
showMarker = _ref$showMarker === void 0 ? false : _ref$showMarker,
|
|
46
|
-
rest = _objectWithoutProperties__default['default'](_ref, _excluded);
|
|
47
|
-
|
|
48
|
-
var _useState = React.useState(value),
|
|
49
|
-
_useState2 = _slicedToArray__default['default'](_useState, 2),
|
|
50
|
-
titleValue = _useState2[0],
|
|
51
|
-
setTitleValue = _useState2[1];
|
|
52
|
-
|
|
53
|
-
var _useState3 = React.useState(false),
|
|
54
|
-
_useState4 = _slicedToArray__default['default'](_useState3, 2),
|
|
55
|
-
hovered = _useState4[0],
|
|
56
|
-
setHovered = _useState4[1];
|
|
30
|
+
const _excluded = ["children", "editing", "onBlur", "onChange", "onFocus", "onMouseOut", "showMarker"];
|
|
57
31
|
|
|
58
|
-
|
|
59
|
-
_useDerivedStateFromP2 = _slicedToArray__default['default'](_useDerivedStateFromP, 2),
|
|
60
|
-
editing = _useDerivedStateFromP2[0],
|
|
61
|
-
setEditing = _useDerivedStateFromP2[1];
|
|
32
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
62
33
|
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
34
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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, {
|
|
69
58
|
className: hovered || editing ? 'editable-title-component' : '',
|
|
70
|
-
onMouseEnter:
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
return setHovered(false);
|
|
75
|
-
}
|
|
76
|
-
}, (hovered || editing) && /*#__PURE__*/React__default['default'].createElement(v2_components_blocks.EditableTitleComponent, _extends__default['default']({}, rest, {
|
|
77
|
-
onBlur: function onBlur(e) {
|
|
59
|
+
onMouseEnter: () => setHovered(true),
|
|
60
|
+
onMouseLeave: () => setHovered(false)
|
|
61
|
+
}, void 0, (hovered || editing) && /*#__PURE__*/jsxRuntime.jsx(blocks.EditableTitleComponent, _objectSpread(_objectSpread({}, rest), {}, {
|
|
62
|
+
onBlur: e => {
|
|
78
63
|
setEditing(false);
|
|
79
|
-
|
|
80
|
-
_onBlur(e);
|
|
64
|
+
onBlur(e);
|
|
81
65
|
},
|
|
82
|
-
onChange:
|
|
66
|
+
onChange: e => {
|
|
83
67
|
setTitleValue(e.target.value);
|
|
84
|
-
|
|
85
|
-
_onChange(e);
|
|
68
|
+
onChange(e);
|
|
86
69
|
},
|
|
87
|
-
onFocus:
|
|
70
|
+
onFocus: e => {
|
|
88
71
|
setEditing(true);
|
|
89
|
-
|
|
90
|
-
_onFocus(e);
|
|
72
|
+
onFocus(e);
|
|
91
73
|
},
|
|
92
|
-
onMouseOut:
|
|
74
|
+
onMouseOut: e => {
|
|
93
75
|
setHovered(false);
|
|
94
|
-
|
|
95
|
-
_onMouseOut(e);
|
|
76
|
+
onMouseOut(e);
|
|
96
77
|
},
|
|
97
78
|
style: {
|
|
98
79
|
width: width + 10,
|
|
@@ -100,16 +81,17 @@ var PageHeaderEditableTitle = function PageHeaderEditableTitle(_ref) {
|
|
|
100
81
|
maxWidth: '100%'
|
|
101
82
|
},
|
|
102
83
|
value: titleValue
|
|
103
|
-
})), /*#__PURE__*/
|
|
84
|
+
})), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
104
85
|
ref: titleRef,
|
|
105
86
|
style: {
|
|
106
87
|
width: 'fit-content'
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
88
|
+
},
|
|
89
|
+
children: /*#__PURE__*/_jsx__default["default"](PageHeaderTitle.PageHeaderTitle, {
|
|
90
|
+
showMarker: showMarker && !hovered && !editing
|
|
91
|
+
}, void 0, titleValue)
|
|
92
|
+
}));
|
|
111
93
|
};
|
|
112
|
-
|
|
94
|
+
const props = {
|
|
113
95
|
/** The title text */
|
|
114
96
|
children: reactDesc.PropTypes.string.description('The title text'),
|
|
115
97
|
|
|
@@ -131,11 +113,9 @@ var props = {
|
|
|
131
113
|
/** mouse out of component handler */
|
|
132
114
|
onMouseOut: reactDesc.PropTypes.func.description('mouse out of component handler')
|
|
133
115
|
};
|
|
134
|
-
|
|
135
|
-
var DSPageHeaderEditableTitleWithSchema = reactDesc.describe(PageHeaderEditableTitle);
|
|
116
|
+
const DSPageHeaderEditableTitleWithSchema = reactDesc.describe(PageHeaderEditableTitle);
|
|
136
117
|
DSPageHeaderEditableTitleWithSchema.propTypes = props;
|
|
137
118
|
|
|
138
119
|
exports.DSPageHeaderEditableTitleWithSchema = DSPageHeaderEditableTitleWithSchema;
|
|
139
120
|
exports.PageHeaderEditableTitle = PageHeaderEditableTitle;
|
|
140
|
-
exports[
|
|
141
|
-
//# sourceMappingURL=PageHeaderEditableTitle.js.map
|
|
121
|
+
exports["default"] = PageHeaderEditableTitle;
|
|
@@ -2,24 +2,36 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
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');
|
|
5
11
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
6
|
-
|
|
7
|
-
var
|
|
8
|
-
require('
|
|
9
|
-
require('@elliemae/ds-form');
|
|
12
|
+
require('react');
|
|
13
|
+
var blocks = require('../blocks.js');
|
|
14
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
10
15
|
|
|
11
16
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
17
|
|
|
18
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
13
19
|
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
14
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
15
20
|
|
|
16
|
-
|
|
17
|
-
var PageHeaderMenu = function PageHeaderMenu(_ref) {
|
|
18
|
-
var children = _ref.children,
|
|
19
|
-
rest = _objectWithoutProperties__default['default'](_ref, _excluded);
|
|
21
|
+
const _excluded = ["children"];
|
|
20
22
|
|
|
21
|
-
|
|
23
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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
|
+
}));
|
|
22
35
|
};
|
|
23
36
|
|
|
24
37
|
exports.PageHeaderMenu = PageHeaderMenu;
|
|
25
|
-
//# sourceMappingURL=PageHeaderMenu.js.map
|
|
@@ -2,47 +2,60 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
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');
|
|
5
12
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
6
|
-
|
|
13
|
+
require('react');
|
|
7
14
|
var reactDesc = require('react-desc');
|
|
8
|
-
var
|
|
9
|
-
require('
|
|
10
|
-
require('@elliemae/ds-form');
|
|
15
|
+
var blocks = require('../blocks.js');
|
|
16
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
11
17
|
|
|
12
18
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
13
19
|
|
|
20
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
21
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
14
22
|
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
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); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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
|
+
})))]
|
|
32
47
|
}));
|
|
33
48
|
};
|
|
34
49
|
|
|
35
|
-
|
|
50
|
+
const props = {
|
|
36
51
|
/** value for page header summary */
|
|
37
52
|
value: reactDesc.PropTypes.number.description('value for page header summary'),
|
|
38
53
|
|
|
39
54
|
/** label attached to value */
|
|
40
55
|
label: reactDesc.PropTypes.string.description('label attached to value')
|
|
41
56
|
};
|
|
42
|
-
|
|
43
|
-
var DSPageHeaderSummaryWithSchema = reactDesc.describe(PageHeaderSummary);
|
|
57
|
+
const DSPageHeaderSummaryWithSchema = reactDesc.describe(PageHeaderSummary);
|
|
44
58
|
DSPageHeaderSummaryWithSchema.propTypes = props;
|
|
45
59
|
|
|
46
60
|
exports.DSPageHeaderSummaryWithSchema = DSPageHeaderSummaryWithSchema;
|
|
47
61
|
exports.PageHeaderSummary = PageHeaderSummary;
|
|
48
|
-
//# sourceMappingURL=PageHeaderSummary.js.map
|
|
@@ -2,52 +2,63 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
|
|
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');
|
|
6
12
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
7
|
-
|
|
13
|
+
require('react');
|
|
8
14
|
var reactDesc = require('react-desc');
|
|
9
15
|
var DSTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
|
|
10
16
|
var RequiredMark = require('@elliemae/ds-form/RequiredMark');
|
|
11
|
-
var
|
|
12
|
-
require('
|
|
13
|
-
require('@elliemae/ds-form');
|
|
17
|
+
var blocks = require('../blocks.js');
|
|
18
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
14
19
|
|
|
15
20
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
16
21
|
|
|
17
|
-
var
|
|
22
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
23
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
18
24
|
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
19
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
20
25
|
var DSTruncatedTooltipText__default = /*#__PURE__*/_interopDefaultLegacy(DSTruncatedTooltipText);
|
|
21
26
|
var RequiredMark__default = /*#__PURE__*/_interopDefaultLegacy(RequiredMark);
|
|
22
27
|
|
|
23
|
-
var
|
|
28
|
+
var _RequiredMark;
|
|
24
29
|
|
|
25
|
-
|
|
26
|
-
var children = _ref.children,
|
|
27
|
-
_ref$showMarker = _ref.showMarker,
|
|
28
|
-
showMarker = _ref$showMarker === void 0 ? false : _ref$showMarker,
|
|
29
|
-
rest = _objectWithoutProperties__default['default'](_ref, _excluded);
|
|
30
|
+
const _excluded = ["children", "showMarker"];
|
|
30
31
|
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
32
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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
|
+
})))]
|
|
37
50
|
}));
|
|
38
51
|
};
|
|
39
52
|
|
|
40
|
-
|
|
53
|
+
const props = {
|
|
41
54
|
/** page header title string */
|
|
42
55
|
children: reactDesc.PropTypes.string.description('Page header title string'),
|
|
43
56
|
|
|
44
57
|
/** show required mark */
|
|
45
58
|
showMarker: reactDesc.PropTypes.bool.description('show required mark')
|
|
46
59
|
};
|
|
47
|
-
|
|
48
|
-
var DSPageHeaderTitleWithSchema = reactDesc.describe(PageHeaderTitle);
|
|
60
|
+
const DSPageHeaderTitleWithSchema = reactDesc.describe(PageHeaderTitle);
|
|
49
61
|
DSPageHeaderTitleWithSchema.propTypes = props;
|
|
50
62
|
|
|
51
63
|
exports.DSPageHeaderTitleWithSchema = DSPageHeaderTitleWithSchema;
|
|
52
64
|
exports.PageHeaderTitle = PageHeaderTitle;
|
|
53
|
-
//# sourceMappingURL=PageHeaderTitle.js.map
|
|
@@ -2,24 +2,36 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
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');
|
|
5
11
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
6
|
-
|
|
7
|
-
var
|
|
8
|
-
require('
|
|
9
|
-
require('@elliemae/ds-form');
|
|
12
|
+
require('react');
|
|
13
|
+
var blocks = require('../blocks.js');
|
|
14
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
10
15
|
|
|
11
16
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
17
|
|
|
18
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
13
19
|
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
14
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
15
20
|
|
|
16
|
-
|
|
17
|
-
var PageHeaderToolbar = function PageHeaderToolbar(_ref) {
|
|
18
|
-
var children = _ref.children,
|
|
19
|
-
rest = _objectWithoutProperties__default['default'](_ref, _excluded);
|
|
21
|
+
const _excluded = ["children"];
|
|
20
22
|
|
|
21
|
-
|
|
23
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
26
|
+
const PageHeaderToolbar = _ref => {
|
|
27
|
+
let {
|
|
28
|
+
children
|
|
29
|
+
} = _ref,
|
|
30
|
+
rest = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
31
|
+
|
|
32
|
+
return /*#__PURE__*/jsxRuntime.jsx(blocks.PageHeaderToolbarWrapper, _objectSpread(_objectSpread({}, rest), {}, {
|
|
33
|
+
children: children
|
|
34
|
+
}));
|
|
22
35
|
};
|
|
23
36
|
|
|
24
37
|
exports.PageHeaderToolbar = PageHeaderToolbar;
|
|
25
|
-
//# sourceMappingURL=PageHeaderToolbar.js.map
|
|
@@ -5,19 +5,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var dsClassnames = require('@elliemae/ds-classnames');
|
|
6
6
|
var dsForm = require('@elliemae/ds-form');
|
|
7
7
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
8
|
+
const blockName = 'page-header-v2';
|
|
9
|
+
const PageHeaderTitleWrapper = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-title"), 'title');
|
|
10
|
+
const EditableTitleComponent = dsClassnames.aggregatedClasses(dsForm.DSInput)("".concat(blockName, "-title"), 'editable-title');
|
|
11
|
+
const PageHeaderBackWrapper = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-back"));
|
|
12
|
+
const PageHeaderSummaryWrapper = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-summary"));
|
|
13
|
+
const PageHeaderMenuWrapper = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-menu"));
|
|
14
|
+
const PageHeaderToolbarWrapper = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-toolbar"));
|
|
15
15
|
|
|
16
16
|
Object.defineProperty(exports, 'cssPrefix', {
|
|
17
17
|
enumerable: true,
|
|
18
|
-
get: function () {
|
|
19
|
-
return dsClassnames.cssPrefix;
|
|
20
|
-
}
|
|
18
|
+
get: function () { return dsClassnames.cssPrefix; }
|
|
21
19
|
});
|
|
22
20
|
exports.EditableTitleComponent = EditableTitleComponent;
|
|
23
21
|
exports.PageHeaderBackWrapper = PageHeaderBackWrapper;
|
|
@@ -25,4 +23,3 @@ exports.PageHeaderMenuWrapper = PageHeaderMenuWrapper;
|
|
|
25
23
|
exports.PageHeaderSummaryWrapper = PageHeaderSummaryWrapper;
|
|
26
24
|
exports.PageHeaderTitleWrapper = PageHeaderTitleWrapper;
|
|
27
25
|
exports.PageHeaderToolbarWrapper = PageHeaderToolbarWrapper;
|
|
28
|
-
//# sourceMappingURL=blocks.js.map
|
package/cjs/v2/props.js
CHANGED
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var reactDesc = require('react-desc');
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
const navProps = {
|
|
8
8
|
/** props injected to wrapper of page header */
|
|
9
9
|
containerProps: reactDesc.PropTypes.shape({}).description('props injected to wrapper of page header'),
|
|
10
10
|
|
|
@@ -29,7 +29,7 @@ var navProps = {
|
|
|
29
29
|
/** Border bottom below the page header */
|
|
30
30
|
withBottomSeparator: reactDesc.PropTypes.bool.description('Border bottom below the page header')
|
|
31
31
|
};
|
|
32
|
-
|
|
32
|
+
const defaultProps = {
|
|
33
33
|
containerProps: {},
|
|
34
34
|
breadcrumbs: null,
|
|
35
35
|
pageTitle: null,
|
|
@@ -42,4 +42,3 @@ var defaultProps = {
|
|
|
42
42
|
|
|
43
43
|
exports.defaultProps = defaultProps;
|
|
44
44
|
exports.navProps = navProps;
|
|
45
|
-
//# sourceMappingURL=props.js.map
|
package/esm/DSPageHeader.js
CHANGED
|
@@ -4,33 +4,3 @@ export { PageHeaderTitle } from './v2/components/PageHeaderTitle/PageHeaderTitle
|
|
|
4
4
|
export { PageHeaderEditableTitle } from './v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js';
|
|
5
5
|
export { PageHeaderSummary } from './v2/components/PageHeaderSummary/PageHeaderSummary.js';
|
|
6
6
|
export { PageHeaderMenu } from './v2/components/PageHeaderMenu/PageHeaderMenu.js';
|
|
7
|
-
import 'react';
|
|
8
|
-
import 'react-desc';
|
|
9
|
-
import 'lodash';
|
|
10
|
-
import 'styled-components';
|
|
11
|
-
import '@elliemae/ds-grid';
|
|
12
|
-
import './v2/components/PageHeaderToolbar/PageHeaderToolbar.js';
|
|
13
|
-
import '@babel/runtime/helpers/esm/objectWithoutProperties';
|
|
14
|
-
import './v2/components/blocks.js';
|
|
15
|
-
import '@elliemae/ds-classnames';
|
|
16
|
-
import '@elliemae/ds-form';
|
|
17
|
-
import './v2/components/PageHeaderBack/PageHeaderBack.js';
|
|
18
|
-
import './v2/props.js';
|
|
19
|
-
import '@babel/runtime/helpers/esm/extends';
|
|
20
|
-
import '@elliemae/ds-truncated-tooltip-text';
|
|
21
|
-
import '@elliemae/ds-form/RequiredMark';
|
|
22
|
-
import '@babel/runtime/helpers/esm/slicedToArray';
|
|
23
|
-
import '@elliemae/ds-utilities';
|
|
24
|
-
import './v1/PageHeaderImpl.js';
|
|
25
|
-
import '@elliemae/ds-icons';
|
|
26
|
-
import '@elliemae/ds-breadcrumb';
|
|
27
|
-
import '@elliemae/ds-icon';
|
|
28
|
-
import './v1/EditableTitle.js';
|
|
29
|
-
import 'prop-types';
|
|
30
|
-
import '@elliemae/ds-form/Input';
|
|
31
|
-
import './v1/Title.js';
|
|
32
|
-
import './v1/DropdownTitle.js';
|
|
33
|
-
import '@elliemae/ds-dropdownmenu';
|
|
34
|
-
import '@elliemae/ds-button';
|
|
35
|
-
import './v1/TitleWrapper.js';
|
|
36
|
-
//# sourceMappingURL=DSPageHeader.js.map
|
package/esm/index.js
CHANGED
|
@@ -4,33 +4,3 @@ export { DSPageHeaderSummaryWithSchema, PageHeaderSummary } from './v2/component
|
|
|
4
4
|
export { DSPageHeaderTitleWithSchema, PageHeaderTitle } from './v2/components/PageHeaderTitle/PageHeaderTitle.js';
|
|
5
5
|
export { DSPageHeaderEditableTitleWithSchema, PageHeaderEditableTitle } from './v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js';
|
|
6
6
|
export { PageHeaderMenu } from './v2/components/PageHeaderMenu/PageHeaderMenu.js';
|
|
7
|
-
import '@babel/runtime/helpers/esm/extends';
|
|
8
|
-
import '@babel/runtime/helpers/esm/objectWithoutProperties';
|
|
9
|
-
import 'react';
|
|
10
|
-
import 'react-desc';
|
|
11
|
-
import '@elliemae/ds-truncated-tooltip-text';
|
|
12
|
-
import './v1/PageHeaderImpl.js';
|
|
13
|
-
import '@elliemae/ds-utilities';
|
|
14
|
-
import '@elliemae/ds-classnames';
|
|
15
|
-
import '@elliemae/ds-icons';
|
|
16
|
-
import '@elliemae/ds-breadcrumb';
|
|
17
|
-
import '@elliemae/ds-icon';
|
|
18
|
-
import './v1/EditableTitle.js';
|
|
19
|
-
import '@babel/runtime/helpers/esm/slicedToArray';
|
|
20
|
-
import 'prop-types';
|
|
21
|
-
import '@elliemae/ds-form/Input';
|
|
22
|
-
import './v1/Title.js';
|
|
23
|
-
import './v1/DropdownTitle.js';
|
|
24
|
-
import '@elliemae/ds-dropdownmenu';
|
|
25
|
-
import '@elliemae/ds-button';
|
|
26
|
-
import './v1/TitleWrapper.js';
|
|
27
|
-
import 'lodash';
|
|
28
|
-
import 'styled-components';
|
|
29
|
-
import '@elliemae/ds-grid';
|
|
30
|
-
import './v2/components/PageHeaderToolbar/PageHeaderToolbar.js';
|
|
31
|
-
import './v2/components/blocks.js';
|
|
32
|
-
import '@elliemae/ds-form';
|
|
33
|
-
import './v2/components/PageHeaderBack/PageHeaderBack.js';
|
|
34
|
-
import './v2/props.js';
|
|
35
|
-
import '@elliemae/ds-form/RequiredMark';
|
|
36
|
-
//# sourceMappingURL=index.js.map
|