@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.
Files changed (108) hide show
  1. package/cjs/DSPageHeader.js +14 -44
  2. package/cjs/index.js +19 -49
  3. package/cjs/v1/DSPageHeader.js +43 -64
  4. package/cjs/v1/DropdownTitle.js +18 -17
  5. package/cjs/v1/EditableTitle.js +40 -61
  6. package/cjs/v1/PageHeaderImpl.js +94 -105
  7. package/cjs/v1/Title.js +10 -8
  8. package/cjs/v1/TitleWrapper.js +1 -2
  9. package/cjs/v2/PageHeader.js +65 -61
  10. package/cjs/v2/components/PageHeaderBack/PageHeaderBack.js +23 -11
  11. package/cjs/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js +60 -80
  12. package/cjs/v2/components/PageHeaderMenu/PageHeaderMenu.js +23 -11
  13. package/cjs/v2/components/PageHeaderSummary/PageHeaderSummary.js +38 -25
  14. package/cjs/v2/components/PageHeaderTitle/PageHeaderTitle.js +34 -23
  15. package/cjs/v2/components/PageHeaderToolbar/PageHeaderToolbar.js +23 -11
  16. package/cjs/v2/components/blocks.js +8 -11
  17. package/cjs/v2/props.js +2 -3
  18. package/esm/DSPageHeader.js +0 -30
  19. package/esm/index.js +0 -30
  20. package/esm/v1/DSPageHeader.js +37 -58
  21. package/esm/v1/DropdownTitle.js +16 -15
  22. package/esm/v1/EditableTitle.js +37 -56
  23. package/esm/v1/PageHeaderImpl.js +89 -100
  24. package/esm/v1/Title.js +9 -7
  25. package/esm/v1/TitleWrapper.js +1 -2
  26. package/esm/v2/PageHeader.js +49 -46
  27. package/esm/v2/components/PageHeaderBack/PageHeaderBack.js +20 -8
  28. package/esm/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js +53 -72
  29. package/esm/v2/components/PageHeaderMenu/PageHeaderMenu.js +20 -8
  30. package/esm/v2/components/PageHeaderSummary/PageHeaderSummary.js +31 -19
  31. package/esm/v2/components/PageHeaderTitle/PageHeaderTitle.js +30 -19
  32. package/esm/v2/components/PageHeaderToolbar/PageHeaderToolbar.js +20 -8
  33. package/esm/v2/components/blocks.js +7 -8
  34. package/esm/v2/props.js +2 -3
  35. package/package.json +106 -21
  36. package/types/DSPageHeader.d.ts +2 -0
  37. package/types/index.d.ts +6 -0
  38. package/types/v1/DSPageHeader.d.ts +124 -0
  39. package/types/v1/DropdownTitle.d.ts +13 -0
  40. package/types/v1/EditableTitle.d.ts +16 -0
  41. package/types/v1/PageHeaderImpl.d.ts +21 -0
  42. package/types/v1/Title.d.ts +5 -0
  43. package/types/v1/TitleWrapper.d.ts +3 -0
  44. package/types/v2/PageHeader.d.ts +95 -0
  45. package/types/v2/components/PageHeaderBack/PageHeaderBack.d.ts +5 -0
  46. package/types/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.d.ts +81 -0
  47. package/types/v2/components/PageHeaderMenu/PageHeaderMenu.d.ts +5 -0
  48. package/types/v2/components/PageHeaderSummary/PageHeaderSummary.d.ts +37 -0
  49. package/types/v2/components/PageHeaderTitle/PageHeaderTitle.d.ts +35 -0
  50. package/types/v2/components/PageHeaderToolbar/PageHeaderToolbar.d.ts +5 -0
  51. package/types/v2/components/blocks.d.ts +9 -0
  52. package/types/v2/props.d.ts +69 -0
  53. package/types/v2/tests/utils.d.ts +56 -0
  54. package/DSPageHeader/package.json +0 -10
  55. package/cjs/DSPageHeader.js.map +0 -1
  56. package/cjs/index.js.map +0 -1
  57. package/cjs/v1/DSPageHeader.js.map +0 -1
  58. package/cjs/v1/DropdownTitle.js.map +0 -1
  59. package/cjs/v1/EditableTitle.js.map +0 -1
  60. package/cjs/v1/PageHeaderImpl.js.map +0 -1
  61. package/cjs/v1/Title.js.map +0 -1
  62. package/cjs/v1/TitleWrapper.js.map +0 -1
  63. package/cjs/v2/PageHeader.js.map +0 -1
  64. package/cjs/v2/components/PageHeaderBack/PageHeaderBack.js.map +0 -1
  65. package/cjs/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js.map +0 -1
  66. package/cjs/v2/components/PageHeaderMenu/PageHeaderMenu.js.map +0 -1
  67. package/cjs/v2/components/PageHeaderSummary/PageHeaderSummary.js.map +0 -1
  68. package/cjs/v2/components/PageHeaderTitle/PageHeaderTitle.js.map +0 -1
  69. package/cjs/v2/components/PageHeaderToolbar/PageHeaderToolbar.js.map +0 -1
  70. package/cjs/v2/components/blocks.js.map +0 -1
  71. package/cjs/v2/props.js.map +0 -1
  72. package/cjs/v2/tests/utils.js +0 -88
  73. package/cjs/v2/tests/utils.js.map +0 -1
  74. package/esm/DSPageHeader.js.map +0 -1
  75. package/esm/index.js.map +0 -1
  76. package/esm/v1/DSPageHeader.js.map +0 -1
  77. package/esm/v1/DropdownTitle.js.map +0 -1
  78. package/esm/v1/EditableTitle.js.map +0 -1
  79. package/esm/v1/PageHeaderImpl.js.map +0 -1
  80. package/esm/v1/Title.js.map +0 -1
  81. package/esm/v1/TitleWrapper.js.map +0 -1
  82. package/esm/v2/PageHeader.js.map +0 -1
  83. package/esm/v2/components/PageHeaderBack/PageHeaderBack.js.map +0 -1
  84. package/esm/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js.map +0 -1
  85. package/esm/v2/components/PageHeaderMenu/PageHeaderMenu.js.map +0 -1
  86. package/esm/v2/components/PageHeaderSummary/PageHeaderSummary.js.map +0 -1
  87. package/esm/v2/components/PageHeaderTitle/PageHeaderTitle.js.map +0 -1
  88. package/esm/v2/components/PageHeaderToolbar/PageHeaderToolbar.js.map +0 -1
  89. package/esm/v2/components/blocks.js.map +0 -1
  90. package/esm/v2/props.js.map +0 -1
  91. package/esm/v2/tests/utils.js +0 -84
  92. package/esm/v2/tests/utils.js.map +0 -1
  93. package/v1/DSPageHeader/package.json +0 -10
  94. package/v1/DropdownTitle/package.json +0 -10
  95. package/v1/EditableTitle/package.json +0 -10
  96. package/v1/PageHeaderImpl/package.json +0 -10
  97. package/v1/Title/package.json +0 -10
  98. package/v1/TitleWrapper/package.json +0 -10
  99. package/v2/PageHeader/package.json +0 -10
  100. package/v2/components/PageHeaderBack/PageHeaderBack/package.json +0 -10
  101. package/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle/package.json +0 -10
  102. package/v2/components/PageHeaderMenu/PageHeaderMenu/package.json +0 -10
  103. package/v2/components/PageHeaderSummary/PageHeaderSummary/package.json +0 -10
  104. package/v2/components/PageHeaderTitle/PageHeaderTitle/package.json +0 -10
  105. package/v2/components/PageHeaderToolbar/PageHeaderToolbar/package.json +0 -10
  106. package/v2/components/blocks/package.json +0 -10
  107. package/v2/props/package.json +0 -10
  108. 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 _extends = require('@babel/runtime/helpers/extends');
6
- var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
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
- var React = require('react');
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 v2_components_blocks = require('../blocks.js');
14
- var v2_components_PageHeaderTitle_PageHeaderTitle = require('../PageHeaderTitle/PageHeaderTitle.js');
15
- require('@elliemae/ds-classnames');
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 _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
23
- var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
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
- var _excluded = ["children", "editing", "onBlur", "onChange", "onFocus", "onMouseOut", "showMarker"];
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
- var _useDerivedStateFromP = dsUtilities.useDerivedStateFromProps(editingProp || false),
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
- var titleRef = React.useRef(null);
64
-
65
- var _useMeasure = dsUtilities.useMeasure(titleRef),
66
- width = _useMeasure.width;
67
-
68
- return /*#__PURE__*/React__default['default'].createElement(EditableContainer, {
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: function onMouseEnter() {
71
- return setHovered(true);
72
- },
73
- onMouseLeave: function onMouseLeave() {
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: function onChange(e) {
66
+ onChange: e => {
83
67
  setTitleValue(e.target.value);
84
-
85
- _onChange(e);
68
+ onChange(e);
86
69
  },
87
- onFocus: function onFocus(e) {
70
+ onFocus: e => {
88
71
  setEditing(true);
89
-
90
- _onFocus(e);
72
+ onFocus(e);
91
73
  },
92
- onMouseOut: function onMouseOut(e) {
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__*/React__default['default'].createElement("div", {
84
+ })), /*#__PURE__*/jsxRuntime.jsx("div", {
104
85
  ref: titleRef,
105
86
  style: {
106
87
  width: 'fit-content'
107
- }
108
- }, /*#__PURE__*/React__default['default'].createElement(v2_components_PageHeaderTitle_PageHeaderTitle.PageHeaderTitle, {
109
- showMarker: showMarker && !hovered && !editing
110
- }, titleValue)));
88
+ },
89
+ children: /*#__PURE__*/_jsx__default["default"](PageHeaderTitle.PageHeaderTitle, {
90
+ showMarker: showMarker && !hovered && !editing
91
+ }, void 0, titleValue)
92
+ }));
111
93
  };
112
- var props = {
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
- PageHeaderEditableTitle.propTypes = props;
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['default'] = PageHeaderEditableTitle;
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
- var React = require('react');
7
- var v2_components_blocks = require('../blocks.js');
8
- require('@elliemae/ds-classnames');
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
- var _excluded = ["children"];
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
- return /*#__PURE__*/React__default['default'].createElement(v2_components_blocks.PageHeaderMenuWrapper, rest, children);
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
- var React = require('react');
13
+ require('react');
7
14
  var reactDesc = require('react-desc');
8
- var v2_components_blocks = require('../blocks.js');
9
- require('@elliemae/ds-classnames');
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
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
16
-
17
- var _excluded = ["value", "label"];
18
-
19
- var PageHeaderSummary = function PageHeaderSummary(_ref) {
20
- var _ref$value = _ref.value,
21
- value = _ref$value === void 0 ? null : _ref$value,
22
- _ref$label = _ref.label,
23
- label = _ref$label === void 0 ? '' : _ref$label,
24
- rest = _objectWithoutProperties__default['default'](_ref, _excluded);
25
-
26
- return /*#__PURE__*/React__default['default'].createElement(v2_components_blocks.PageHeaderSummaryWrapper, rest, (value === 0 || value) && /*#__PURE__*/React__default['default'].createElement("div", {
27
- className: "ph-summary-value"
28
- }, value), label && /*#__PURE__*/React__default['default'].createElement("div", {
29
- className: "ph-summary-label"
30
- }, label), (value === 0 || value || label) && /*#__PURE__*/React__default['default'].createElement("div", {
31
- className: "ph-summary-space"
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
- var props = {
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
- PageHeaderSummary.propTypes = props;
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
- var _extends = require('@babel/runtime/helpers/extends');
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
- var React = require('react');
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 v2_components_blocks = require('../blocks.js');
12
- require('@elliemae/ds-classnames');
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 _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
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 _excluded = ["children", "showMarker"];
28
+ var _RequiredMark;
24
29
 
25
- var PageHeaderTitle = function PageHeaderTitle(_ref) {
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
- return /*#__PURE__*/React__default['default'].createElement(v2_components_blocks.PageHeaderTitleWrapper, _extends__default['default']({}, rest, {
32
- "data-testid": "ds-page-header-title"
33
- }), /*#__PURE__*/React__default['default'].createElement(DSTruncatedTooltipText.TooltipTextProvider, null, /*#__PURE__*/React__default['default'].createElement(DSTruncatedTooltipText__default['default'], {
34
- value: children
35
- })), showMarker && /*#__PURE__*/React__default['default'].createElement(RequiredMark__default['default'], {
36
- required: true
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
- var props = {
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
- PageHeaderTitle.propTypes = props;
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
- var React = require('react');
7
- var v2_components_blocks = require('../blocks.js');
8
- require('@elliemae/ds-classnames');
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
- var _excluded = ["children"];
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
- return /*#__PURE__*/React__default['default'].createElement(v2_components_blocks.PageHeaderToolbarWrapper, rest, children);
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
- var blockName = 'page-header-v2';
9
- var PageHeaderTitleWrapper = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-title"), 'title');
10
- var EditableTitleComponent = dsClassnames.aggregatedClasses(dsForm.DSInput)("".concat(blockName, "-title"), 'editable-title');
11
- var PageHeaderBackWrapper = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-back"));
12
- var PageHeaderSummaryWrapper = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-summary"));
13
- var PageHeaderMenuWrapper = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-menu"));
14
- var PageHeaderToolbarWrapper = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-toolbar"));
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
- var navProps = {
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
- var defaultProps = {
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
@@ -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