@elliemae/ds-page-header 2.3.0-next.3 → 3.0.0-alpha.0

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 (125) hide show
  1. package/dist/cjs/DSPageHeader.js +36 -0
  2. package/dist/cjs/DSPageHeader.js.map +7 -0
  3. package/dist/cjs/index.js +43 -0
  4. package/dist/cjs/index.js.map +7 -0
  5. package/dist/cjs/v1/DSPageHeader.js +97 -0
  6. package/dist/cjs/v1/DSPageHeader.js.map +7 -0
  7. package/dist/cjs/v1/DropdownTitle.js +55 -0
  8. package/dist/cjs/v1/DropdownTitle.js.map +7 -0
  9. package/dist/cjs/v1/EditableTitle.js +69 -0
  10. package/dist/cjs/v1/EditableTitle.js.map +7 -0
  11. package/dist/cjs/v1/PageHeaderImpl.js +135 -0
  12. package/dist/cjs/v1/PageHeaderImpl.js.map +7 -0
  13. package/dist/cjs/v1/Title.js +43 -0
  14. package/dist/cjs/v1/Title.js.map +7 -0
  15. package/dist/cjs/v1/TitleWrapper.js +37 -0
  16. package/dist/cjs/v1/TitleWrapper.js.map +7 -0
  17. package/dist/cjs/v2/PageHeader.js +106 -0
  18. package/dist/cjs/v2/PageHeader.js.map +7 -0
  19. package/dist/cjs/v2/components/PageHeaderBack/PageHeaderBack.js +39 -0
  20. package/dist/cjs/v2/components/PageHeaderBack/PageHeaderBack.js.map +7 -0
  21. package/dist/cjs/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js +107 -0
  22. package/dist/cjs/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js.map +7 -0
  23. package/dist/cjs/v2/components/PageHeaderMenu/PageHeaderMenu.js +39 -0
  24. package/dist/cjs/v2/components/PageHeaderMenu/PageHeaderMenu.js.map +7 -0
  25. package/dist/cjs/v2/components/PageHeaderSummary/PageHeaderSummary.js +54 -0
  26. package/dist/cjs/v2/components/PageHeaderSummary/PageHeaderSummary.js.map +7 -0
  27. package/dist/cjs/v2/components/PageHeaderTitle/PageHeaderTitle.js +55 -0
  28. package/dist/cjs/v2/components/PageHeaderTitle/PageHeaderTitle.js.map +7 -0
  29. package/dist/cjs/v2/components/PageHeaderToolbar/PageHeaderToolbar.js +39 -0
  30. package/dist/cjs/v2/components/PageHeaderToolbar/PageHeaderToolbar.js.map +7 -0
  31. package/dist/cjs/v2/components/blocks.js +49 -0
  32. package/dist/cjs/v2/components/blocks.js.map +7 -0
  33. package/dist/cjs/v2/props.js +56 -0
  34. package/dist/cjs/v2/props.js.map +7 -0
  35. package/dist/cjs/v2/tests/utils.js +123 -0
  36. package/dist/cjs/v2/tests/utils.js.map +7 -0
  37. package/dist/esm/DSPageHeader.js +7 -0
  38. package/dist/esm/DSPageHeader.js.map +7 -0
  39. package/dist/esm/index.js +14 -0
  40. package/dist/esm/index.js.map +7 -0
  41. package/dist/esm/v1/DSPageHeader.js +68 -0
  42. package/dist/esm/v1/DSPageHeader.js.map +7 -0
  43. package/dist/esm/v1/DropdownTitle.js +26 -0
  44. package/dist/esm/v1/DropdownTitle.js.map +7 -0
  45. package/dist/esm/v1/EditableTitle.js +40 -0
  46. package/dist/esm/v1/EditableTitle.js.map +7 -0
  47. package/dist/esm/v1/PageHeaderImpl.js +106 -0
  48. package/dist/esm/v1/PageHeaderImpl.js.map +7 -0
  49. package/dist/esm/v1/Title.js +14 -0
  50. package/dist/esm/v1/Title.js.map +7 -0
  51. package/dist/esm/v1/TitleWrapper.js +8 -0
  52. package/dist/esm/v1/TitleWrapper.js.map +7 -0
  53. package/dist/esm/v2/PageHeader.js +77 -0
  54. package/dist/esm/v2/PageHeader.js.map +7 -0
  55. package/dist/esm/v2/components/PageHeaderBack/PageHeaderBack.js +10 -0
  56. package/dist/esm/v2/components/PageHeaderBack/PageHeaderBack.js.map +7 -0
  57. package/dist/esm/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js +78 -0
  58. package/dist/esm/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js.map +7 -0
  59. package/dist/esm/v2/components/PageHeaderMenu/PageHeaderMenu.js +10 -0
  60. package/dist/esm/v2/components/PageHeaderMenu/PageHeaderMenu.js.map +7 -0
  61. package/dist/esm/v2/components/PageHeaderSummary/PageHeaderSummary.js +25 -0
  62. package/dist/esm/v2/components/PageHeaderSummary/PageHeaderSummary.js.map +7 -0
  63. package/dist/esm/v2/components/PageHeaderTitle/PageHeaderTitle.js +26 -0
  64. package/dist/esm/v2/components/PageHeaderTitle/PageHeaderTitle.js.map +7 -0
  65. package/dist/esm/v2/components/PageHeaderToolbar/PageHeaderToolbar.js +10 -0
  66. package/dist/esm/v2/components/PageHeaderToolbar/PageHeaderToolbar.js.map +7 -0
  67. package/dist/esm/v2/components/blocks.js +20 -0
  68. package/dist/esm/v2/components/blocks.js.map +7 -0
  69. package/dist/esm/v2/props.js +27 -0
  70. package/dist/esm/v2/props.js.map +7 -0
  71. package/dist/esm/v2/tests/utils.js +94 -0
  72. package/dist/esm/v2/tests/utils.js.map +7 -0
  73. package/{types → dist/types}/DSPageHeader.d.ts +0 -0
  74. package/{types → dist/types}/index.d.ts +0 -0
  75. package/{types → dist/types}/v1/DSPageHeader.d.ts +0 -0
  76. package/{types → dist/types}/v1/DropdownTitle.d.ts +0 -0
  77. package/{types → dist/types}/v1/EditableTitle.d.ts +0 -0
  78. package/{types → dist/types}/v1/PageHeaderImpl.d.ts +0 -0
  79. package/{types → dist/types}/v1/Title.d.ts +0 -0
  80. package/{types → dist/types}/v1/TitleWrapper.d.ts +0 -0
  81. package/{types → dist/types}/v2/PageHeader.d.ts +0 -0
  82. package/{types → dist/types}/v2/components/PageHeaderBack/PageHeaderBack.d.ts +0 -0
  83. package/{types → dist/types}/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.d.ts +0 -0
  84. package/{types → dist/types}/v2/components/PageHeaderMenu/PageHeaderMenu.d.ts +0 -0
  85. package/{types → dist/types}/v2/components/PageHeaderSummary/PageHeaderSummary.d.ts +0 -0
  86. package/{types → dist/types}/v2/components/PageHeaderTitle/PageHeaderTitle.d.ts +2 -2
  87. package/{types → dist/types}/v2/components/PageHeaderToolbar/PageHeaderToolbar.d.ts +0 -0
  88. package/{types → dist/types}/v2/components/blocks.d.ts +0 -0
  89. package/{types → dist/types}/v2/props.d.ts +0 -0
  90. package/{types → dist/types}/v2/tests/utils.d.ts +0 -0
  91. package/package.json +67 -59
  92. package/cjs/DSPageHeader.js +0 -21
  93. package/cjs/index.js +0 -26
  94. package/cjs/v1/DSPageHeader.js +0 -124
  95. package/cjs/v1/DropdownTitle.js +0 -41
  96. package/cjs/v1/EditableTitle.js +0 -55
  97. package/cjs/v1/PageHeaderImpl.js +0 -129
  98. package/cjs/v1/Title.js +0 -25
  99. package/cjs/v1/TitleWrapper.js +0 -8
  100. package/cjs/v2/PageHeader.js +0 -91
  101. package/cjs/v2/components/PageHeaderBack/PageHeaderBack.js +0 -37
  102. package/cjs/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js +0 -121
  103. package/cjs/v2/components/PageHeaderMenu/PageHeaderMenu.js +0 -37
  104. package/cjs/v2/components/PageHeaderSummary/PageHeaderSummary.js +0 -61
  105. package/cjs/v2/components/PageHeaderTitle/PageHeaderTitle.js +0 -64
  106. package/cjs/v2/components/PageHeaderToolbar/PageHeaderToolbar.js +0 -37
  107. package/cjs/v2/components/blocks.js +0 -25
  108. package/cjs/v2/props.js +0 -44
  109. package/esm/DSPageHeader.js +0 -6
  110. package/esm/index.js +0 -6
  111. package/esm/v1/DSPageHeader.js +0 -112
  112. package/esm/v1/DropdownTitle.js +0 -33
  113. package/esm/v1/EditableTitle.js +0 -47
  114. package/esm/v1/PageHeaderImpl.js +0 -121
  115. package/esm/v1/Title.js +0 -18
  116. package/esm/v1/TitleWrapper.js +0 -6
  117. package/esm/v2/PageHeader.js +0 -75
  118. package/esm/v2/components/PageHeaderBack/PageHeaderBack.js +0 -28
  119. package/esm/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js +0 -108
  120. package/esm/v2/components/PageHeaderMenu/PageHeaderMenu.js +0 -28
  121. package/esm/v2/components/PageHeaderSummary/PageHeaderSummary.js +0 -50
  122. package/esm/v2/components/PageHeaderTitle/PageHeaderTitle.js +0 -51
  123. package/esm/v2/components/PageHeaderToolbar/PageHeaderToolbar.js +0 -28
  124. package/esm/v2/components/blocks.js +0 -13
  125. package/esm/v2/props.js +0 -39
@@ -1,91 +0,0 @@
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
- require('react');
13
- var reactDesc = require('react-desc');
14
- var lodash = require('lodash');
15
- var styled = require('styled-components');
16
- var dsGrid = require('@elliemae/ds-grid');
17
- var PageHeaderTitle = require('./components/PageHeaderTitle/PageHeaderTitle.js');
18
- var PageHeaderEditableTitle = require('./components/PageHeaderEditableTitle/PageHeaderEditableTitle.js');
19
- var PageHeaderSummary = require('./components/PageHeaderSummary/PageHeaderSummary.js');
20
- var PageHeaderMenu = require('./components/PageHeaderMenu/PageHeaderMenu.js');
21
- var PageHeaderToolbar = require('./components/PageHeaderToolbar/PageHeaderToolbar.js');
22
- var PageHeaderBack = require('./components/PageHeaderBack/PageHeaderBack.js');
23
- require('./components/blocks.js');
24
- var props = require('./props.js');
25
- var jsxRuntime = require('react/jsx-runtime');
26
- var dsClassnames = require('@elliemae/ds-classnames');
27
-
28
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
29
-
30
- var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
31
- var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
32
- var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
33
-
34
- var _div;
35
-
36
- 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; }
37
-
38
- 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; }
39
- const PageHeaderCustomRenderer = /*#__PURE__*/styled__default["default"].div.withConfig({
40
- componentId: "sc-ps4m9w-0"
41
- })(["width:auto;color:", ";font-style:italic;font-size:0.8rem;"], props => props.theme.colors.brand[800]);
42
- const Container = /*#__PURE__*/styled__default["default"].div.withConfig({
43
- componentId: "sc-ps4m9w-1"
44
- })(["width:100%;margin-bottom:8px;"]);
45
- const ContainerWBorder = /*#__PURE__*/styled__default["default"].div.withConfig({
46
- componentId: "sc-ps4m9w-2"
47
- })(["width:100%;padding:12px 0 8px 0;display:grid;align-items:center;height:100%;", ""], props => !props.withBottomSeparator ? '' : "border-bottom: solid 1px ".concat(props.theme.colors.neutral[400], ";"));
48
-
49
- const DSPageHeaderV2 = _ref => {
50
- let {
51
- containerProps,
52
- breadcrumbs,
53
- pageTitle,
54
- backarrow,
55
- summary,
56
- toolbar,
57
- menu,
58
- withBottomSeparator
59
- } = _ref;
60
- const wrapperRow = ['auto', 1];
61
- const mainRow = lodash.compact([1, 'auto']);
62
- const pageTitleRow = lodash.compact(['auto', menu && '30px', summary && 'auto', 1]);
63
- return /*#__PURE__*/jsxRuntime.jsx(Container, _objectSpread(_objectSpread({}, containerProps), {}, {
64
- children: /*#__PURE__*/_jsx__default["default"](ContainerWBorder, {
65
- withBottomSeparator: withBottomSeparator
66
- }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
67
- cols: wrapperRow
68
- }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, /*#__PURE__*/_jsx__default["default"](PageHeaderBack.PageHeaderBack, {}, void 0, backarrow)), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
69
- rows: ['auto', 'auto']
70
- }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
71
- className: "".concat(dsClassnames.cssPrefix, "-page-header-v2-breadcrumb")
72
- }, void 0, breadcrumbs), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
73
- cols: mainRow
74
- }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
75
- cols: pageTitleRow
76
- }, void 0, pageTitle, menu && /*#__PURE__*/_jsx__default["default"](PageHeaderMenu.PageHeaderMenu, {}, void 0, menu), summary, _div || (_div = /*#__PURE__*/_jsx__default["default"]("div", {}))), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, /*#__PURE__*/_jsx__default["default"](PageHeaderToolbar.PageHeaderToolbar, {}, void 0, toolbar))))))
77
- }));
78
- };
79
-
80
- DSPageHeaderV2.defaultProps = props.defaultProps;
81
- const DSPageHeaderWithSchema = reactDesc.describe(DSPageHeaderV2);
82
- DSPageHeaderWithSchema.propTypes = props.navProps;
83
-
84
- exports.PageHeaderTitle = PageHeaderTitle.PageHeaderTitle;
85
- exports.PageHeaderEditableTitle = PageHeaderEditableTitle.PageHeaderEditableTitle;
86
- exports.PageHeaderSummary = PageHeaderSummary.PageHeaderSummary;
87
- exports.PageHeaderMenu = PageHeaderMenu.PageHeaderMenu;
88
- exports.DSPageHeaderV2 = DSPageHeaderV2;
89
- exports.DSPageHeaderWithSchema = DSPageHeaderWithSchema;
90
- exports.PageHeaderCustomRenderer = PageHeaderCustomRenderer;
91
- exports["default"] = DSPageHeaderV2;
@@ -1,37 +0,0 @@
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
- }));
35
- };
36
-
37
- exports.PageHeaderBack = PageHeaderBack;
@@ -1,121 +0,0 @@
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' : '',
59
- onMouseEnter: () => setHovered(true),
60
- onMouseLeave: () => setHovered(false)
61
- }, void 0, (hovered || editing) && /*#__PURE__*/jsxRuntime.jsx(blocks.EditableTitleComponent, _objectSpread(_objectSpread({}, rest), {}, {
62
- onBlur: e => {
63
- setEditing(false);
64
- onBlur(e);
65
- },
66
- onChange: e => {
67
- setTitleValue(e.target.value);
68
- onChange(e);
69
- },
70
- onFocus: e => {
71
- setEditing(true);
72
- onFocus(e);
73
- },
74
- onMouseOut: e => {
75
- setHovered(false);
76
- onMouseOut(e);
77
- },
78
- style: {
79
- width: width + 10,
80
- minWidth: '260px',
81
- maxWidth: '100%'
82
- },
83
- value: titleValue
84
- })), /*#__PURE__*/jsxRuntime.jsx("div", {
85
- ref: titleRef,
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
- }));
93
- };
94
- const props = {
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')
115
- };
116
- const DSPageHeaderEditableTitleWithSchema = reactDesc.describe(PageHeaderEditableTitle);
117
- DSPageHeaderEditableTitleWithSchema.propTypes = props;
118
-
119
- exports.DSPageHeaderEditableTitleWithSchema = DSPageHeaderEditableTitleWithSchema;
120
- exports.PageHeaderEditableTitle = PageHeaderEditableTitle;
121
- exports["default"] = PageHeaderEditableTitle;
@@ -1,37 +0,0 @@
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
- }));
35
- };
36
-
37
- exports.PageHeaderMenu = PageHeaderMenu;
@@ -1,61 +0,0 @@
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
- }));
48
- };
49
-
50
- const props = {
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')
56
- };
57
- const DSPageHeaderSummaryWithSchema = reactDesc.describe(PageHeaderSummary);
58
- DSPageHeaderSummaryWithSchema.propTypes = props;
59
-
60
- exports.DSPageHeaderSummaryWithSchema = DSPageHeaderSummaryWithSchema;
61
- exports.PageHeaderSummary = PageHeaderSummary;
@@ -1,64 +0,0 @@
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
- }));
51
- };
52
-
53
- const props = {
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')
59
- };
60
- const DSPageHeaderTitleWithSchema = reactDesc.describe(PageHeaderTitle);
61
- DSPageHeaderTitleWithSchema.propTypes = props;
62
-
63
- exports.DSPageHeaderTitleWithSchema = DSPageHeaderTitleWithSchema;
64
- exports.PageHeaderTitle = PageHeaderTitle;
@@ -1,37 +0,0 @@
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 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
- }));
35
- };
36
-
37
- exports.PageHeaderToolbar = PageHeaderToolbar;
@@ -1,25 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var dsClassnames = require('@elliemae/ds-classnames');
6
- var dsForm = require('@elliemae/ds-form');
7
-
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
-
16
- Object.defineProperty(exports, 'cssPrefix', {
17
- enumerable: true,
18
- get: function () { return dsClassnames.cssPrefix; }
19
- });
20
- exports.EditableTitleComponent = EditableTitleComponent;
21
- exports.PageHeaderBackWrapper = PageHeaderBackWrapper;
22
- exports.PageHeaderMenuWrapper = PageHeaderMenuWrapper;
23
- exports.PageHeaderSummaryWrapper = PageHeaderSummaryWrapper;
24
- exports.PageHeaderTitleWrapper = PageHeaderTitleWrapper;
25
- exports.PageHeaderToolbarWrapper = PageHeaderToolbarWrapper;
package/cjs/v2/props.js DELETED
@@ -1,44 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var reactDesc = require('react-desc');
6
-
7
- const navProps = {
8
- /** props injected to wrapper of page header */
9
- containerProps: reactDesc.PropTypes.shape({}).description('props injected to wrapper of page header'),
10
-
11
- /** breadcrumbs component */
12
- breadcrumbs: reactDesc.PropTypes.node.description('breadcrumbs component'),
13
-
14
- /** PageHeaderTitle component */
15
- pageTitle: reactDesc.PropTypes.node.description('PageHeaderTitle component'),
16
-
17
- /** back arrow component */
18
- backarrow: reactDesc.PropTypes.node.description('back arrow component'),
19
-
20
- /** PageHeaderSummary component */
21
- summary: reactDesc.PropTypes.node.description('PageHeaderSummary component'),
22
-
23
- /** toolbar component */
24
- toolbar: reactDesc.PropTypes.node.description('toolbar component'),
25
-
26
- /** PageHeaderMenu component */
27
- menu: reactDesc.PropTypes.node.description('PageHeaderMenu component'),
28
-
29
- /** Border bottom below the page header */
30
- withBottomSeparator: reactDesc.PropTypes.bool.description('Border bottom below the page header')
31
- };
32
- const defaultProps = {
33
- containerProps: {},
34
- breadcrumbs: null,
35
- pageTitle: null,
36
- backarrow: null,
37
- summary: null,
38
- toolbar: null,
39
- menu: null,
40
- withBottomSeparator: true
41
- };
42
-
43
- exports.defaultProps = defaultProps;
44
- exports.navProps = navProps;
@@ -1,6 +0,0 @@
1
- export { DSPageHeaderV2, DSPageHeaderWithSchema, PageHeaderCustomRenderer } from './v2/PageHeader.js';
2
- export { DSPageHeader as default } from './v1/DSPageHeader.js';
3
- export { PageHeaderTitle } from './v2/components/PageHeaderTitle/PageHeaderTitle.js';
4
- export { PageHeaderEditableTitle } from './v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js';
5
- export { PageHeaderSummary } from './v2/components/PageHeaderSummary/PageHeaderSummary.js';
6
- export { PageHeaderMenu } from './v2/components/PageHeaderMenu/PageHeaderMenu.js';
package/esm/index.js DELETED
@@ -1,6 +0,0 @@
1
- export { DSPageHeader, DSPageHeaderV1WithSchema, DSPageHeader as default } from './v1/DSPageHeader.js';
2
- export { DSPageHeaderV2, DSPageHeaderWithSchema, PageHeaderCustomRenderer } from './v2/PageHeader.js';
3
- export { DSPageHeaderSummaryWithSchema, PageHeaderSummary } from './v2/components/PageHeaderSummary/PageHeaderSummary.js';
4
- export { DSPageHeaderTitleWithSchema, PageHeaderTitle } from './v2/components/PageHeaderTitle/PageHeaderTitle.js';
5
- export { DSPageHeaderEditableTitleWithSchema, PageHeaderEditableTitle } from './v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js';
6
- export { PageHeaderMenu } from './v2/components/PageHeaderMenu/PageHeaderMenu.js';