@elliemae/ds-page-header 3.0.0-next.0 → 3.0.0-next.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 (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 +140 -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 +85 -0
  10. package/dist/cjs/v1/EditableTitle.js.map +7 -0
  11. package/dist/cjs/v1/PageHeaderImpl.js +149 -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 +118 -0
  18. package/dist/cjs/v2/PageHeader.js.map +7 -0
  19. package/dist/cjs/v2/components/PageHeaderBack/PageHeaderBack.js +66 -0
  20. package/dist/cjs/v2/components/PageHeaderBack/PageHeaderBack.js.map +7 -0
  21. package/dist/cjs/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js +143 -0
  22. package/dist/cjs/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js.map +7 -0
  23. package/dist/cjs/v2/components/PageHeaderMenu/PageHeaderMenu.js +66 -0
  24. package/dist/cjs/v2/components/PageHeaderMenu/PageHeaderMenu.js.map +7 -0
  25. package/dist/cjs/v2/components/PageHeaderSummary/PageHeaderSummary.js +81 -0
  26. package/dist/cjs/v2/components/PageHeaderSummary/PageHeaderSummary.js.map +7 -0
  27. package/dist/cjs/v2/components/PageHeaderTitle/PageHeaderTitle.js +86 -0
  28. package/dist/cjs/v2/components/PageHeaderTitle/PageHeaderTitle.js.map +7 -0
  29. package/dist/cjs/v2/components/PageHeaderToolbar/PageHeaderToolbar.js +66 -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 +113 -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 +58 -0
  46. package/dist/esm/v1/EditableTitle.js.map +7 -0
  47. package/dist/esm/v1/PageHeaderImpl.js +122 -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 +91 -0
  54. package/dist/esm/v2/PageHeader.js.map +7 -0
  55. package/dist/esm/v2/components/PageHeaderBack/PageHeaderBack.js +39 -0
  56. package/dist/esm/v2/components/PageHeaderBack/PageHeaderBack.js.map +7 -0
  57. package/dist/esm/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js +116 -0
  58. package/dist/esm/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js.map +7 -0
  59. package/dist/esm/v2/components/PageHeaderMenu/PageHeaderMenu.js +39 -0
  60. package/dist/esm/v2/components/PageHeaderMenu/PageHeaderMenu.js.map +7 -0
  61. package/dist/esm/v2/components/PageHeaderSummary/PageHeaderSummary.js +54 -0
  62. package/dist/esm/v2/components/PageHeaderSummary/PageHeaderSummary.js.map +7 -0
  63. package/dist/esm/v2/components/PageHeaderTitle/PageHeaderTitle.js +59 -0
  64. package/dist/esm/v2/components/PageHeaderTitle/PageHeaderTitle.js.map +7 -0
  65. package/dist/esm/v2/components/PageHeaderToolbar/PageHeaderToolbar.js +39 -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/package.json +69 -60
  74. package/cjs/DSPageHeader.js +0 -21
  75. package/cjs/index.js +0 -26
  76. package/cjs/v1/DSPageHeader.js +0 -124
  77. package/cjs/v1/DropdownTitle.js +0 -41
  78. package/cjs/v1/EditableTitle.js +0 -55
  79. package/cjs/v1/PageHeaderImpl.js +0 -129
  80. package/cjs/v1/Title.js +0 -25
  81. package/cjs/v1/TitleWrapper.js +0 -8
  82. package/cjs/v2/PageHeader.js +0 -91
  83. package/cjs/v2/components/PageHeaderBack/PageHeaderBack.js +0 -37
  84. package/cjs/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js +0 -121
  85. package/cjs/v2/components/PageHeaderMenu/PageHeaderMenu.js +0 -37
  86. package/cjs/v2/components/PageHeaderSummary/PageHeaderSummary.js +0 -61
  87. package/cjs/v2/components/PageHeaderTitle/PageHeaderTitle.js +0 -64
  88. package/cjs/v2/components/PageHeaderToolbar/PageHeaderToolbar.js +0 -37
  89. package/cjs/v2/components/blocks.js +0 -25
  90. package/cjs/v2/props.js +0 -44
  91. package/esm/DSPageHeader.js +0 -6
  92. package/esm/index.js +0 -6
  93. package/esm/v1/DSPageHeader.js +0 -112
  94. package/esm/v1/DropdownTitle.js +0 -33
  95. package/esm/v1/EditableTitle.js +0 -47
  96. package/esm/v1/PageHeaderImpl.js +0 -121
  97. package/esm/v1/Title.js +0 -18
  98. package/esm/v1/TitleWrapper.js +0 -6
  99. package/esm/v2/PageHeader.js +0 -75
  100. package/esm/v2/components/PageHeaderBack/PageHeaderBack.js +0 -28
  101. package/esm/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js +0 -108
  102. package/esm/v2/components/PageHeaderMenu/PageHeaderMenu.js +0 -28
  103. package/esm/v2/components/PageHeaderSummary/PageHeaderSummary.js +0 -50
  104. package/esm/v2/components/PageHeaderTitle/PageHeaderTitle.js +0 -51
  105. package/esm/v2/components/PageHeaderToolbar/PageHeaderToolbar.js +0 -28
  106. package/esm/v2/components/blocks.js +0 -13
  107. package/esm/v2/props.js +0 -39
  108. package/types/DSPageHeader.d.ts +0 -2
  109. package/types/index.d.ts +0 -6
  110. package/types/v1/DSPageHeader.d.ts +0 -124
  111. package/types/v1/DropdownTitle.d.ts +0 -13
  112. package/types/v1/EditableTitle.d.ts +0 -16
  113. package/types/v1/PageHeaderImpl.d.ts +0 -21
  114. package/types/v1/Title.d.ts +0 -5
  115. package/types/v1/TitleWrapper.d.ts +0 -3
  116. package/types/v2/PageHeader.d.ts +0 -95
  117. package/types/v2/components/PageHeaderBack/PageHeaderBack.d.ts +0 -5
  118. package/types/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.d.ts +0 -81
  119. package/types/v2/components/PageHeaderMenu/PageHeaderMenu.d.ts +0 -5
  120. package/types/v2/components/PageHeaderSummary/PageHeaderSummary.d.ts +0 -35
  121. package/types/v2/components/PageHeaderTitle/PageHeaderTitle.d.ts +0 -35
  122. package/types/v2/components/PageHeaderToolbar/PageHeaderToolbar.d.ts +0 -5
  123. package/types/v2/components/blocks.d.ts +0 -9
  124. package/types/v2/props.d.ts +0 -69
  125. package/types/v2/tests/utils.d.ts +0 -56
@@ -1,75 +0,0 @@
1
- import 'core-js/modules/esnext.async-iterator.filter.js';
2
- import 'core-js/modules/esnext.iterator.constructor.js';
3
- import 'core-js/modules/esnext.iterator.filter.js';
4
- import 'core-js/modules/esnext.async-iterator.for-each.js';
5
- import 'core-js/modules/esnext.iterator.for-each.js';
6
- import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
7
- import _jsx from '@babel/runtime/helpers/esm/jsx';
8
- import 'react';
9
- import { describe } from 'react-desc';
10
- import { compact } from 'lodash';
11
- import styled from 'styled-components';
12
- import { Grid } from '@elliemae/ds-grid';
13
- export { PageHeaderTitle } from './components/PageHeaderTitle/PageHeaderTitle.js';
14
- export { PageHeaderEditableTitle } from './components/PageHeaderEditableTitle/PageHeaderEditableTitle.js';
15
- export { PageHeaderSummary } from './components/PageHeaderSummary/PageHeaderSummary.js';
16
- import { PageHeaderMenu } from './components/PageHeaderMenu/PageHeaderMenu.js';
17
- export { PageHeaderMenu } from './components/PageHeaderMenu/PageHeaderMenu.js';
18
- import { PageHeaderToolbar } from './components/PageHeaderToolbar/PageHeaderToolbar.js';
19
- import { PageHeaderBack } from './components/PageHeaderBack/PageHeaderBack.js';
20
- import './components/blocks.js';
21
- import { navProps, defaultProps } from './props.js';
22
- import { jsx } from 'react/jsx-runtime';
23
- import { cssPrefix } from '@elliemae/ds-classnames';
24
-
25
- var _div;
26
-
27
- 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; }
28
-
29
- 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(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; }
30
- const PageHeaderCustomRenderer = /*#__PURE__*/styled.div.withConfig({
31
- componentId: "sc-ps4m9w-0"
32
- })(["width:auto;color:", ";font-style:italic;font-size:0.8rem;"], props => props.theme.colors.brand[800]);
33
- const Container = /*#__PURE__*/styled.div.withConfig({
34
- componentId: "sc-ps4m9w-1"
35
- })(["width:100%;margin-bottom:8px;"]);
36
- const ContainerWBorder = /*#__PURE__*/styled.div.withConfig({
37
- componentId: "sc-ps4m9w-2"
38
- })(["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], ";"));
39
-
40
- const DSPageHeaderV2 = _ref => {
41
- let {
42
- containerProps,
43
- breadcrumbs,
44
- pageTitle,
45
- backarrow,
46
- summary,
47
- toolbar,
48
- menu,
49
- withBottomSeparator
50
- } = _ref;
51
- const wrapperRow = ['auto', 1];
52
- const mainRow = compact([1, 'auto']);
53
- const pageTitleRow = compact(['auto', menu && '30px', summary && 'auto', 1]);
54
- return /*#__PURE__*/jsx(Container, _objectSpread(_objectSpread({}, containerProps), {}, {
55
- children: /*#__PURE__*/_jsx(ContainerWBorder, {
56
- withBottomSeparator: withBottomSeparator
57
- }, void 0, /*#__PURE__*/_jsx(Grid, {
58
- cols: wrapperRow
59
- }, void 0, /*#__PURE__*/_jsx(Grid, {}, void 0, /*#__PURE__*/_jsx(PageHeaderBack, {}, void 0, backarrow)), /*#__PURE__*/_jsx(Grid, {
60
- rows: ['auto', 'auto']
61
- }, void 0, /*#__PURE__*/_jsx(Grid, {
62
- className: "".concat(cssPrefix, "-page-header-v2-breadcrumb")
63
- }, void 0, breadcrumbs), /*#__PURE__*/_jsx(Grid, {
64
- cols: mainRow
65
- }, void 0, /*#__PURE__*/_jsx(Grid, {
66
- cols: pageTitleRow
67
- }, void 0, pageTitle, menu && /*#__PURE__*/_jsx(PageHeaderMenu, {}, void 0, menu), summary, _div || (_div = /*#__PURE__*/_jsx("div", {}))), /*#__PURE__*/_jsx(Grid, {}, void 0, /*#__PURE__*/_jsx(PageHeaderToolbar, {}, void 0, toolbar))))))
68
- }));
69
- };
70
-
71
- DSPageHeaderV2.defaultProps = defaultProps;
72
- const DSPageHeaderWithSchema = describe(DSPageHeaderV2);
73
- DSPageHeaderWithSchema.propTypes = navProps;
74
-
75
- export { DSPageHeaderV2, DSPageHeaderWithSchema, PageHeaderCustomRenderer, DSPageHeaderV2 as default };
@@ -1,28 +0,0 @@
1
- import 'core-js/modules/esnext.async-iterator.filter.js';
2
- import 'core-js/modules/esnext.iterator.constructor.js';
3
- import 'core-js/modules/esnext.iterator.filter.js';
4
- import 'core-js/modules/esnext.async-iterator.for-each.js';
5
- import 'core-js/modules/esnext.iterator.for-each.js';
6
- import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
7
- import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
8
- import 'react';
9
- import { PageHeaderBackWrapper } from '../blocks.js';
10
- import { jsx } from 'react/jsx-runtime';
11
-
12
- const _excluded = ["children"];
13
-
14
- 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; }
15
-
16
- 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(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; }
17
- const PageHeaderBack = _ref => {
18
- let {
19
- children
20
- } = _ref,
21
- rest = _objectWithoutProperties(_ref, _excluded);
22
-
23
- return /*#__PURE__*/jsx(PageHeaderBackWrapper, _objectSpread(_objectSpread({}, rest), {}, {
24
- children: children
25
- }));
26
- };
27
-
28
- export { PageHeaderBack };
@@ -1,108 +0,0 @@
1
- import _jsx from '@babel/runtime/helpers/esm/jsx';
2
- import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
3
- import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
4
- import 'core-js/modules/web.dom-collections.iterator.js';
5
- import 'core-js/modules/esnext.async-iterator.filter.js';
6
- import 'core-js/modules/esnext.iterator.constructor.js';
7
- import 'core-js/modules/esnext.iterator.filter.js';
8
- import 'core-js/modules/esnext.async-iterator.for-each.js';
9
- import 'core-js/modules/esnext.iterator.for-each.js';
10
- import { useState, useRef } from 'react';
11
- import { noop } from 'lodash';
12
- import styled from 'styled-components';
13
- import { PropTypes, describe } from 'react-desc';
14
- import { useDerivedStateFromProps, useMeasure } from '@elliemae/ds-utilities';
15
- import { EditableTitleComponent } from '../blocks.js';
16
- import { PageHeaderTitle } from '../PageHeaderTitle/PageHeaderTitle.js';
17
- import { jsx } from 'react/jsx-runtime';
18
-
19
- const _excluded = ["children", "editing", "onBlur", "onChange", "onFocus", "onMouseOut", "showMarker"];
20
-
21
- 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; }
22
-
23
- 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(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; }
24
- const EditableContainer = /*#__PURE__*/styled.div.withConfig({
25
- componentId: "sc-v0pkny-0"
26
- })(["height:32px;position:relative;overflow:hidden;"]);
27
- const PageHeaderEditableTitle = _ref => {
28
- let {
29
- children: value,
30
- editing: editingProp = false,
31
- onBlur = noop,
32
- onChange = noop,
33
- onFocus = noop,
34
- onMouseOut = noop,
35
- showMarker = false
36
- } = _ref,
37
- rest = _objectWithoutProperties(_ref, _excluded);
38
-
39
- const [titleValue, setTitleValue] = useState(value);
40
- const [hovered, setHovered] = useState(false);
41
- const [editing, setEditing] = useDerivedStateFromProps(editingProp || false);
42
- const titleRef = useRef(null);
43
- const {
44
- width
45
- } = useMeasure(titleRef);
46
- return /*#__PURE__*/_jsx(EditableContainer, {
47
- className: hovered || editing ? 'editable-title-component' : '',
48
- onMouseEnter: () => setHovered(true),
49
- onMouseLeave: () => setHovered(false)
50
- }, void 0, (hovered || editing) && /*#__PURE__*/jsx(EditableTitleComponent, _objectSpread(_objectSpread({}, rest), {}, {
51
- onBlur: e => {
52
- setEditing(false);
53
- onBlur(e);
54
- },
55
- onChange: e => {
56
- setTitleValue(e.target.value);
57
- onChange(e);
58
- },
59
- onFocus: e => {
60
- setEditing(true);
61
- onFocus(e);
62
- },
63
- onMouseOut: e => {
64
- setHovered(false);
65
- onMouseOut(e);
66
- },
67
- style: {
68
- width: width + 10,
69
- minWidth: '260px',
70
- maxWidth: '100%'
71
- },
72
- value: titleValue
73
- })), /*#__PURE__*/jsx("div", {
74
- ref: titleRef,
75
- style: {
76
- width: 'fit-content'
77
- },
78
- children: /*#__PURE__*/_jsx(PageHeaderTitle, {
79
- showMarker: showMarker && !hovered && !editing
80
- }, void 0, titleValue)
81
- }));
82
- };
83
- const props = {
84
- /** The title text */
85
- children: PropTypes.string.description('The title text'),
86
-
87
- /** Whether the title is editing or not */
88
- editing: PropTypes.bool.description('Whether the title is editing or not'),
89
-
90
- /** Show error marker */
91
- showMarker: PropTypes.bool.description('Show error marker'),
92
-
93
- /** blur callback */
94
- onBlur: PropTypes.func.description('blur callback'),
95
-
96
- /** on change handler */
97
- onChange: PropTypes.func.description('on change handler'),
98
-
99
- /** on focus handler */
100
- onFocus: PropTypes.func.description('on focus handler'),
101
-
102
- /** mouse out of component handler */
103
- onMouseOut: PropTypes.func.description('mouse out of component handler')
104
- };
105
- const DSPageHeaderEditableTitleWithSchema = describe(PageHeaderEditableTitle);
106
- DSPageHeaderEditableTitleWithSchema.propTypes = props;
107
-
108
- export { DSPageHeaderEditableTitleWithSchema, PageHeaderEditableTitle, PageHeaderEditableTitle as default };
@@ -1,28 +0,0 @@
1
- import 'core-js/modules/esnext.async-iterator.filter.js';
2
- import 'core-js/modules/esnext.iterator.constructor.js';
3
- import 'core-js/modules/esnext.iterator.filter.js';
4
- import 'core-js/modules/esnext.async-iterator.for-each.js';
5
- import 'core-js/modules/esnext.iterator.for-each.js';
6
- import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
7
- import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
8
- import 'react';
9
- import { PageHeaderMenuWrapper } from '../blocks.js';
10
- import { jsx } from 'react/jsx-runtime';
11
-
12
- const _excluded = ["children"];
13
-
14
- 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; }
15
-
16
- 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(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; }
17
- const PageHeaderMenu = _ref => {
18
- let {
19
- children
20
- } = _ref,
21
- rest = _objectWithoutProperties(_ref, _excluded);
22
-
23
- return /*#__PURE__*/jsx(PageHeaderMenuWrapper, _objectSpread(_objectSpread({}, rest), {}, {
24
- children: children
25
- }));
26
- };
27
-
28
- export { PageHeaderMenu };
@@ -1,50 +0,0 @@
1
- import 'core-js/modules/esnext.async-iterator.filter.js';
2
- import 'core-js/modules/esnext.iterator.constructor.js';
3
- import 'core-js/modules/esnext.iterator.filter.js';
4
- import 'core-js/modules/esnext.async-iterator.for-each.js';
5
- import 'core-js/modules/esnext.iterator.for-each.js';
6
- import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
7
- import _jsx from '@babel/runtime/helpers/esm/jsx';
8
- import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
9
- import 'react';
10
- import { PropTypes, describe } from 'react-desc';
11
- import { PageHeaderSummaryWrapper } from '../blocks.js';
12
- import { jsxs } from 'react/jsx-runtime';
13
-
14
- var _div;
15
-
16
- const _excluded = ["value", "label"];
17
-
18
- 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; }
19
-
20
- 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(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; }
21
-
22
- const PageHeaderSummary = _ref => {
23
- let {
24
- value = null,
25
- label = ''
26
- } = _ref,
27
- rest = _objectWithoutProperties(_ref, _excluded);
28
-
29
- return /*#__PURE__*/jsxs(PageHeaderSummaryWrapper, _objectSpread(_objectSpread({}, rest), {}, {
30
- children: [(value === 0 || value) && /*#__PURE__*/_jsx("div", {
31
- className: "ph-summary-value"
32
- }, void 0, value), label && /*#__PURE__*/_jsx("div", {
33
- className: "ph-summary-label"
34
- }, void 0, label), (value === 0 || value || label) && (_div || (_div = /*#__PURE__*/_jsx("div", {
35
- className: "ph-summary-space"
36
- })))]
37
- }));
38
- };
39
-
40
- const props = {
41
- /** value for page header summary */
42
- value: PropTypes.number.description('value for page header summary'),
43
-
44
- /** label attached to value */
45
- label: PropTypes.string.description('label attached to value')
46
- };
47
- const DSPageHeaderSummaryWithSchema = describe(PageHeaderSummary);
48
- DSPageHeaderSummaryWithSchema.propTypes = props;
49
-
50
- export { DSPageHeaderSummaryWithSchema, PageHeaderSummary };
@@ -1,51 +0,0 @@
1
- import 'core-js/modules/esnext.async-iterator.filter.js';
2
- import 'core-js/modules/esnext.iterator.constructor.js';
3
- import 'core-js/modules/esnext.iterator.filter.js';
4
- import 'core-js/modules/esnext.async-iterator.for-each.js';
5
- import 'core-js/modules/esnext.iterator.for-each.js';
6
- import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
7
- import _jsx from '@babel/runtime/helpers/esm/jsx';
8
- import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
9
- import 'react';
10
- import { PropTypes, describe } from 'react-desc';
11
- import DSTruncatedTooltipText, { TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';
12
- import RequiredMark from '@elliemae/ds-form/RequiredMark';
13
- import { PageHeaderTitleWrapper } from '../blocks.js';
14
- import { jsxs } from 'react/jsx-runtime';
15
-
16
- var _RequiredMark;
17
-
18
- const _excluded = ["children", "showMarker"];
19
-
20
- 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; }
21
-
22
- 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(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; }
23
-
24
- const PageHeaderTitle = _ref => {
25
- let {
26
- children,
27
- showMarker = false
28
- } = _ref,
29
- rest = _objectWithoutProperties(_ref, _excluded);
30
-
31
- return /*#__PURE__*/jsxs(PageHeaderTitleWrapper, _objectSpread(_objectSpread({}, rest), {}, {
32
- "data-testid": "ds-page-header-title",
33
- children: [/*#__PURE__*/_jsx(TooltipTextProvider, {}, void 0, /*#__PURE__*/_jsx(DSTruncatedTooltipText, {
34
- value: children
35
- })), showMarker && (_RequiredMark || (_RequiredMark = /*#__PURE__*/_jsx(RequiredMark, {
36
- required: true
37
- })))]
38
- }));
39
- };
40
-
41
- const props = {
42
- /** page header title string */
43
- children: PropTypes.string.description('Page header title string'),
44
-
45
- /** show required mark */
46
- showMarker: PropTypes.bool.description('show required mark')
47
- };
48
- const DSPageHeaderTitleWithSchema = describe(PageHeaderTitle);
49
- DSPageHeaderTitleWithSchema.propTypes = props;
50
-
51
- export { DSPageHeaderTitleWithSchema, PageHeaderTitle };
@@ -1,28 +0,0 @@
1
- import 'core-js/modules/esnext.async-iterator.filter.js';
2
- import 'core-js/modules/esnext.iterator.constructor.js';
3
- import 'core-js/modules/esnext.iterator.filter.js';
4
- import 'core-js/modules/esnext.async-iterator.for-each.js';
5
- import 'core-js/modules/esnext.iterator.for-each.js';
6
- import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
7
- import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
8
- import 'react';
9
- import { PageHeaderToolbarWrapper } from '../blocks.js';
10
- import { jsx } from 'react/jsx-runtime';
11
-
12
- const _excluded = ["children"];
13
-
14
- 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; }
15
-
16
- 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(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; }
17
- const PageHeaderToolbar = _ref => {
18
- let {
19
- children
20
- } = _ref,
21
- rest = _objectWithoutProperties(_ref, _excluded);
22
-
23
- return /*#__PURE__*/jsx(PageHeaderToolbarWrapper, _objectSpread(_objectSpread({}, rest), {}, {
24
- children: children
25
- }));
26
- };
27
-
28
- export { PageHeaderToolbar };
@@ -1,13 +0,0 @@
1
- import { aggregatedClasses } from '@elliemae/ds-classnames';
2
- export { cssPrefix } from '@elliemae/ds-classnames';
3
- import { DSInput } from '@elliemae/ds-form';
4
-
5
- const blockName = 'page-header-v2';
6
- const PageHeaderTitleWrapper = aggregatedClasses('div')("".concat(blockName, "-title"), 'title');
7
- const EditableTitleComponent = aggregatedClasses(DSInput)("".concat(blockName, "-title"), 'editable-title');
8
- const PageHeaderBackWrapper = aggregatedClasses('div')("".concat(blockName, "-back"));
9
- const PageHeaderSummaryWrapper = aggregatedClasses('div')("".concat(blockName, "-summary"));
10
- const PageHeaderMenuWrapper = aggregatedClasses('div')("".concat(blockName, "-menu"));
11
- const PageHeaderToolbarWrapper = aggregatedClasses('div')("".concat(blockName, "-toolbar"));
12
-
13
- export { EditableTitleComponent, PageHeaderBackWrapper, PageHeaderMenuWrapper, PageHeaderSummaryWrapper, PageHeaderTitleWrapper, PageHeaderToolbarWrapper };
package/esm/v2/props.js DELETED
@@ -1,39 +0,0 @@
1
- import { PropTypes } from 'react-desc';
2
-
3
- const navProps = {
4
- /** props injected to wrapper of page header */
5
- containerProps: PropTypes.shape({}).description('props injected to wrapper of page header'),
6
-
7
- /** breadcrumbs component */
8
- breadcrumbs: PropTypes.node.description('breadcrumbs component'),
9
-
10
- /** PageHeaderTitle component */
11
- pageTitle: PropTypes.node.description('PageHeaderTitle component'),
12
-
13
- /** back arrow component */
14
- backarrow: PropTypes.node.description('back arrow component'),
15
-
16
- /** PageHeaderSummary component */
17
- summary: PropTypes.node.description('PageHeaderSummary component'),
18
-
19
- /** toolbar component */
20
- toolbar: PropTypes.node.description('toolbar component'),
21
-
22
- /** PageHeaderMenu component */
23
- menu: PropTypes.node.description('PageHeaderMenu component'),
24
-
25
- /** Border bottom below the page header */
26
- withBottomSeparator: PropTypes.bool.description('Border bottom below the page header')
27
- };
28
- const defaultProps = {
29
- containerProps: {},
30
- breadcrumbs: null,
31
- pageTitle: null,
32
- backarrow: null,
33
- summary: null,
34
- toolbar: null,
35
- menu: null,
36
- withBottomSeparator: true
37
- };
38
-
39
- export { defaultProps, navProps };
@@ -1,2 +0,0 @@
1
- export * from './v2/PageHeader';
2
- export { default } from './v1/DSPageHeader';
package/types/index.d.ts DELETED
@@ -1,6 +0,0 @@
1
- export * from './v1/DSPageHeader';
2
- export * from './v2/PageHeader';
3
- export { DSPageHeaderSummaryWithSchema } from './v2/components/PageHeaderSummary/PageHeaderSummary';
4
- export { DSPageHeaderTitleWithSchema } from './v2/components/PageHeaderTitle/PageHeaderTitle';
5
- export { DSPageHeaderEditableTitleWithSchema } from './v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle';
6
- export { default } from './v1/DSPageHeader';
@@ -1,124 +0,0 @@
1
- /// <reference path="../../../../../shared/typings/react-desc.d.ts" />
2
- /// <reference types="react" />
3
- declare const DSPageHeader: {
4
- ({ containerProps, renderToolbar, withBottomSeparator, title, titleOptions, onSelectOption, subtitle, optionsSelection, onGoToPreviousPage, previousPage, editable, editing, titleInputProps, zIndex, optionsMinWidth, ...otherProps }: {
5
- [x: string]: any;
6
- containerProps?: {} | undefined;
7
- renderToolbar?: undefined;
8
- withBottomSeparator?: boolean | undefined;
9
- title?: string | undefined;
10
- titleOptions?: undefined;
11
- onSelectOption?: (() => null) | undefined;
12
- subtitle?: string | undefined;
13
- optionsSelection?: {} | undefined;
14
- onGoToPreviousPage?: (() => null) | undefined;
15
- previousPage: any;
16
- editable?: boolean | undefined;
17
- editing?: undefined;
18
- titleInputProps?: {} | undefined;
19
- zIndex?: number | undefined;
20
- optionsMinWidth?: undefined;
21
- }): JSX.Element;
22
- propTypes: {
23
- version: {
24
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
25
- deprecated: import("react-desc").PropTypesDescValidator;
26
- };
27
- isRequired: import("react-desc").PropTypesDescValue;
28
- };
29
- containerProps: {
30
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
31
- deprecated: import("react-desc").PropTypesDescValidator;
32
- };
33
- isRequired: import("react-desc").PropTypesDescValue;
34
- };
35
- renderToolbar: {
36
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
37
- deprecated: import("react-desc").PropTypesDescValidator;
38
- };
39
- isRequired: import("react-desc").PropTypesDescValue;
40
- };
41
- withBottomSeparator: {
42
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
43
- deprecated: import("react-desc").PropTypesDescValidator;
44
- };
45
- isRequired: import("react-desc").PropTypesDescValue;
46
- };
47
- title: {
48
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
49
- deprecated: import("react-desc").PropTypesDescValidator;
50
- };
51
- isRequired: import("react-desc").PropTypesDescValue;
52
- };
53
- titleOptions: {
54
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
55
- deprecated: import("react-desc").PropTypesDescValidator;
56
- };
57
- isRequired: import("react-desc").PropTypesDescValue;
58
- };
59
- onSelectOption: {
60
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
61
- deprecated: import("react-desc").PropTypesDescValidator;
62
- };
63
- isRequired: import("react-desc").PropTypesDescValue;
64
- };
65
- subtitle: {
66
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
67
- deprecated: import("react-desc").PropTypesDescValidator;
68
- };
69
- isRequired: import("react-desc").PropTypesDescValue;
70
- };
71
- optionsSelection: {
72
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
73
- deprecated: import("react-desc").PropTypesDescValidator;
74
- };
75
- isRequired: import("react-desc").PropTypesDescValue;
76
- };
77
- editable: {
78
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
79
- deprecated: import("react-desc").PropTypesDescValidator;
80
- };
81
- isRequired: import("react-desc").PropTypesDescValue;
82
- };
83
- editing: {
84
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
85
- deprecated: import("react-desc").PropTypesDescValidator;
86
- };
87
- isRequired: import("react-desc").PropTypesDescValue;
88
- };
89
- titleInputProps: {
90
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
91
- deprecated: import("react-desc").PropTypesDescValidator;
92
- };
93
- isRequired: import("react-desc").PropTypesDescValue;
94
- };
95
- previousPage: {
96
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
97
- deprecated: import("react-desc").PropTypesDescValidator;
98
- };
99
- isRequired: import("react-desc").PropTypesDescValue;
100
- };
101
- onGoToPreviousPage: {
102
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
103
- deprecated: import("react-desc").PropTypesDescValidator;
104
- };
105
- isRequired: import("react-desc").PropTypesDescValue;
106
- };
107
- zIndex: {
108
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
109
- deprecated: import("react-desc").PropTypesDescValidator;
110
- };
111
- isRequired: import("react-desc").PropTypesDescValue;
112
- };
113
- /** min width for options dropdown menu */
114
- optionsMinWidth: {
115
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
116
- deprecated: import("react-desc").PropTypesDescValidator;
117
- };
118
- isRequired: import("react-desc").PropTypesDescValue;
119
- };
120
- };
121
- };
122
- declare const DSPageHeaderV1WithSchema: any;
123
- export { DSPageHeader, DSPageHeaderV1WithSchema };
124
- export default DSPageHeader;
@@ -1,13 +0,0 @@
1
- /// <reference types="react" />
2
- declare function DropdownTitle({ titleComponent, onSelectOption, options, optionsMinWidth, selection, zIndex }: {
3
- titleComponent: any;
4
- onSelectOption: any;
5
- options: any;
6
- optionsMinWidth: any;
7
- selection: any;
8
- zIndex: any;
9
- }): JSX.Element;
10
- declare namespace DropdownTitle {
11
- var propTypes: {};
12
- }
13
- export default DropdownTitle;
@@ -1,16 +0,0 @@
1
- /// <reference types="react" />
2
- import PropTypes from 'prop-types';
3
- declare function EditableTitle({ children: value, editing: editingProp, titleInputProps, }: {
4
- children: any;
5
- editing: any;
6
- titleInputProps: any;
7
- }): JSX.Element;
8
- declare namespace EditableTitle {
9
- var propTypes: {
10
- /** The title text */
11
- children: PropTypes.Requireable<string>;
12
- /** Whether the title is editing or not */
13
- editing: PropTypes.Requireable<boolean>;
14
- };
15
- }
16
- export default EditableTitle;
@@ -1,21 +0,0 @@
1
- /// <reference types="react" />
2
- declare function PageHeaderImpl({ containerProps, className, title, titleOptions, renderToolbar, breadcrumbs, previousPage, onGoToPreviousPage, subtitle, withBottomSeparator, onSelectOption, optionsSelection, optionsMinWidth, editable, titleInputProps, editing, zIndex, }: {
3
- containerProps: any;
4
- className: any;
5
- title: any;
6
- titleOptions: any;
7
- renderToolbar: any;
8
- breadcrumbs?: never[] | undefined;
9
- previousPage: any;
10
- onGoToPreviousPage?: (() => null) | undefined;
11
- subtitle?: string | undefined;
12
- withBottomSeparator: any;
13
- onSelectOption: any;
14
- optionsSelection: any;
15
- optionsMinWidth: any;
16
- editable?: boolean | undefined;
17
- titleInputProps: any;
18
- editing?: undefined;
19
- zIndex: any;
20
- }): JSX.Element;
21
- export default PageHeaderImpl;
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- declare const Title: ({ children }: {
3
- children: any;
4
- }) => JSX.Element;
5
- export default Title;
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- declare const _default: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
3
- export default _default;