@elliemae/ds-page-header 3.0.0-next.2 → 3.0.0-next.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/DSPageHeader.js +36 -0
- package/dist/cjs/DSPageHeader.js.map +7 -0
- package/dist/cjs/index.js +43 -0
- package/dist/cjs/index.js.map +7 -0
- package/dist/cjs/v1/DSPageHeader.js +140 -0
- package/dist/cjs/v1/DSPageHeader.js.map +7 -0
- package/dist/cjs/v1/DropdownTitle.js +55 -0
- package/dist/cjs/v1/DropdownTitle.js.map +7 -0
- package/dist/cjs/v1/EditableTitle.js +85 -0
- package/dist/cjs/v1/EditableTitle.js.map +7 -0
- package/dist/cjs/v1/PageHeaderImpl.js +149 -0
- package/dist/cjs/v1/PageHeaderImpl.js.map +7 -0
- package/dist/cjs/v1/Title.js +43 -0
- package/dist/cjs/v1/Title.js.map +7 -0
- package/dist/cjs/v1/TitleWrapper.js +37 -0
- package/dist/cjs/v1/TitleWrapper.js.map +7 -0
- package/dist/cjs/v2/PageHeader.js +118 -0
- package/dist/cjs/v2/PageHeader.js.map +7 -0
- package/dist/cjs/v2/components/PageHeaderBack/PageHeaderBack.js +66 -0
- package/dist/cjs/v2/components/PageHeaderBack/PageHeaderBack.js.map +7 -0
- package/dist/cjs/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js +143 -0
- package/dist/cjs/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js.map +7 -0
- package/dist/cjs/v2/components/PageHeaderMenu/PageHeaderMenu.js +66 -0
- package/dist/cjs/v2/components/PageHeaderMenu/PageHeaderMenu.js.map +7 -0
- package/dist/cjs/v2/components/PageHeaderSummary/PageHeaderSummary.js +81 -0
- package/dist/cjs/v2/components/PageHeaderSummary/PageHeaderSummary.js.map +7 -0
- package/dist/cjs/v2/components/PageHeaderTitle/PageHeaderTitle.js +86 -0
- package/dist/cjs/v2/components/PageHeaderTitle/PageHeaderTitle.js.map +7 -0
- package/dist/cjs/v2/components/PageHeaderToolbar/PageHeaderToolbar.js +66 -0
- package/dist/cjs/v2/components/PageHeaderToolbar/PageHeaderToolbar.js.map +7 -0
- package/dist/cjs/v2/components/blocks.js +49 -0
- package/dist/cjs/v2/components/blocks.js.map +7 -0
- package/dist/cjs/v2/props.js +56 -0
- package/dist/cjs/v2/props.js.map +7 -0
- package/dist/cjs/v2/tests/utils.js +123 -0
- package/dist/cjs/v2/tests/utils.js.map +7 -0
- package/dist/esm/DSPageHeader.js +7 -0
- package/dist/esm/DSPageHeader.js.map +7 -0
- package/dist/esm/index.js +14 -0
- package/dist/esm/index.js.map +7 -0
- package/dist/esm/v1/DSPageHeader.js +113 -0
- package/dist/esm/v1/DSPageHeader.js.map +7 -0
- package/dist/esm/v1/DropdownTitle.js +26 -0
- package/dist/esm/v1/DropdownTitle.js.map +7 -0
- package/dist/esm/v1/EditableTitle.js +58 -0
- package/dist/esm/v1/EditableTitle.js.map +7 -0
- package/dist/esm/v1/PageHeaderImpl.js +122 -0
- package/dist/esm/v1/PageHeaderImpl.js.map +7 -0
- package/dist/esm/v1/Title.js +14 -0
- package/dist/esm/v1/Title.js.map +7 -0
- package/dist/esm/v1/TitleWrapper.js +8 -0
- package/dist/esm/v1/TitleWrapper.js.map +7 -0
- package/dist/esm/v2/PageHeader.js +91 -0
- package/dist/esm/v2/PageHeader.js.map +7 -0
- package/dist/esm/v2/components/PageHeaderBack/PageHeaderBack.js +39 -0
- package/dist/esm/v2/components/PageHeaderBack/PageHeaderBack.js.map +7 -0
- package/dist/esm/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js +116 -0
- package/dist/esm/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js.map +7 -0
- package/dist/esm/v2/components/PageHeaderMenu/PageHeaderMenu.js +39 -0
- package/dist/esm/v2/components/PageHeaderMenu/PageHeaderMenu.js.map +7 -0
- package/dist/esm/v2/components/PageHeaderSummary/PageHeaderSummary.js +54 -0
- package/dist/esm/v2/components/PageHeaderSummary/PageHeaderSummary.js.map +7 -0
- package/dist/esm/v2/components/PageHeaderTitle/PageHeaderTitle.js +59 -0
- package/dist/esm/v2/components/PageHeaderTitle/PageHeaderTitle.js.map +7 -0
- package/dist/esm/v2/components/PageHeaderToolbar/PageHeaderToolbar.js +39 -0
- package/dist/esm/v2/components/PageHeaderToolbar/PageHeaderToolbar.js.map +7 -0
- package/dist/esm/v2/components/blocks.js +20 -0
- package/dist/esm/v2/components/blocks.js.map +7 -0
- package/dist/esm/v2/props.js +27 -0
- package/dist/esm/v2/props.js.map +7 -0
- package/dist/esm/v2/tests/utils.js +94 -0
- package/dist/esm/v2/tests/utils.js.map +7 -0
- package/package.json +68 -59
- package/cjs/DSPageHeader.js +0 -21
- package/cjs/index.js +0 -26
- package/cjs/v1/DSPageHeader.js +0 -124
- package/cjs/v1/DropdownTitle.js +0 -41
- package/cjs/v1/EditableTitle.js +0 -55
- package/cjs/v1/PageHeaderImpl.js +0 -129
- package/cjs/v1/Title.js +0 -25
- package/cjs/v1/TitleWrapper.js +0 -8
- package/cjs/v2/PageHeader.js +0 -91
- package/cjs/v2/components/PageHeaderBack/PageHeaderBack.js +0 -37
- package/cjs/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js +0 -121
- package/cjs/v2/components/PageHeaderMenu/PageHeaderMenu.js +0 -37
- package/cjs/v2/components/PageHeaderSummary/PageHeaderSummary.js +0 -61
- package/cjs/v2/components/PageHeaderTitle/PageHeaderTitle.js +0 -64
- package/cjs/v2/components/PageHeaderToolbar/PageHeaderToolbar.js +0 -37
- package/cjs/v2/components/blocks.js +0 -25
- package/cjs/v2/props.js +0 -44
- package/esm/DSPageHeader.js +0 -6
- package/esm/index.js +0 -6
- package/esm/v1/DSPageHeader.js +0 -112
- package/esm/v1/DropdownTitle.js +0 -33
- package/esm/v1/EditableTitle.js +0 -47
- package/esm/v1/PageHeaderImpl.js +0 -121
- package/esm/v1/Title.js +0 -18
- package/esm/v1/TitleWrapper.js +0 -6
- package/esm/v2/PageHeader.js +0 -75
- package/esm/v2/components/PageHeaderBack/PageHeaderBack.js +0 -28
- package/esm/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js +0 -108
- package/esm/v2/components/PageHeaderMenu/PageHeaderMenu.js +0 -28
- package/esm/v2/components/PageHeaderSummary/PageHeaderSummary.js +0 -50
- package/esm/v2/components/PageHeaderTitle/PageHeaderTitle.js +0 -51
- package/esm/v2/components/PageHeaderToolbar/PageHeaderToolbar.js +0 -28
- package/esm/v2/components/blocks.js +0 -13
- package/esm/v2/props.js +0 -39
- package/types/DSPageHeader.d.ts +0 -2
- package/types/index.d.ts +0 -6
- package/types/v1/DSPageHeader.d.ts +0 -124
- package/types/v1/DropdownTitle.d.ts +0 -13
- package/types/v1/EditableTitle.d.ts +0 -16
- package/types/v1/PageHeaderImpl.d.ts +0 -21
- package/types/v1/Title.d.ts +0 -5
- package/types/v1/TitleWrapper.d.ts +0 -3
- package/types/v2/PageHeader.d.ts +0 -95
- package/types/v2/components/PageHeaderBack/PageHeaderBack.d.ts +0 -5
- package/types/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.d.ts +0 -81
- package/types/v2/components/PageHeaderMenu/PageHeaderMenu.d.ts +0 -5
- package/types/v2/components/PageHeaderSummary/PageHeaderSummary.d.ts +0 -35
- package/types/v2/components/PageHeaderTitle/PageHeaderTitle.d.ts +0 -35
- package/types/v2/components/PageHeaderToolbar/PageHeaderToolbar.d.ts +0 -5
- package/types/v2/components/blocks.d.ts +0 -9
- package/types/v2/props.d.ts +0 -69
- package/types/v2/tests/utils.d.ts +0 -56
|
@@ -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;
|
package/esm/DSPageHeader.js
DELETED
|
@@ -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';
|
package/esm/v1/DSPageHeader.js
DELETED
|
@@ -1,112 +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 _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
7
|
-
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
8
|
-
import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
|
|
9
|
-
import 'react';
|
|
10
|
-
import { PropTypes, describe } from 'react-desc';
|
|
11
|
-
import { TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';
|
|
12
|
-
import PageHeaderImpl from './PageHeaderImpl.js';
|
|
13
|
-
import { jsx } from 'react/jsx-runtime';
|
|
14
|
-
|
|
15
|
-
const _excluded = ["containerProps", "renderToolbar", "withBottomSeparator", "title", "titleOptions", "onSelectOption", "subtitle", "optionsSelection", "onGoToPreviousPage", "previousPage", "editable", "editing", "titleInputProps", "zIndex", "optionsMinWidth"];
|
|
16
|
-
|
|
17
|
-
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; }
|
|
18
|
-
|
|
19
|
-
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; }
|
|
20
|
-
|
|
21
|
-
const DSPageHeader = _ref => {
|
|
22
|
-
let {
|
|
23
|
-
containerProps = {},
|
|
24
|
-
renderToolbar = undefined,
|
|
25
|
-
withBottomSeparator = true,
|
|
26
|
-
title = '',
|
|
27
|
-
titleOptions = undefined,
|
|
28
|
-
onSelectOption = () => null,
|
|
29
|
-
subtitle = '',
|
|
30
|
-
optionsSelection = {},
|
|
31
|
-
onGoToPreviousPage = () => null,
|
|
32
|
-
previousPage,
|
|
33
|
-
editable = false,
|
|
34
|
-
editing = undefined,
|
|
35
|
-
titleInputProps = {},
|
|
36
|
-
zIndex = 2,
|
|
37
|
-
optionsMinWidth = undefined
|
|
38
|
-
} = _ref,
|
|
39
|
-
otherProps = _objectWithoutProperties(_ref, _excluded);
|
|
40
|
-
|
|
41
|
-
return /*#__PURE__*/_jsx(TooltipTextProvider, {}, void 0, /*#__PURE__*/jsx(PageHeaderImpl, _objectSpread({
|
|
42
|
-
containerProps: containerProps,
|
|
43
|
-
editable: editable,
|
|
44
|
-
editing: editing,
|
|
45
|
-
onGoToPreviousPage: onGoToPreviousPage,
|
|
46
|
-
onSelectOption: onSelectOption,
|
|
47
|
-
optionsMinWidth: optionsMinWidth,
|
|
48
|
-
optionsSelection: optionsSelection,
|
|
49
|
-
previousPage: previousPage,
|
|
50
|
-
renderToolbar: renderToolbar,
|
|
51
|
-
subtitle: subtitle,
|
|
52
|
-
title: title,
|
|
53
|
-
titleInputProps: titleInputProps,
|
|
54
|
-
titleOptions: titleOptions,
|
|
55
|
-
withBottomSeparator: withBottomSeparator,
|
|
56
|
-
zIndex: zIndex
|
|
57
|
-
}, otherProps)));
|
|
58
|
-
};
|
|
59
|
-
|
|
60
|
-
const props = {
|
|
61
|
-
/* Component version */
|
|
62
|
-
version: PropTypes.oneOf([1, 2]).description('Component version'),
|
|
63
|
-
|
|
64
|
-
/* props injected to page header wrapper node */
|
|
65
|
-
containerProps: PropTypes.object.description('props injected to page header wrapper node'),
|
|
66
|
-
|
|
67
|
-
/* Function that returns the toolbar to the right of the page header */
|
|
68
|
-
renderToolbar: PropTypes.func.description('Function that returns the toolbar to the right of the page header'),
|
|
69
|
-
|
|
70
|
-
/* Whether to show a separator at the bottom of the header */
|
|
71
|
-
withBottomSeparator: PropTypes.bool.description('Whether to show a separator at the bottom of the header'),
|
|
72
|
-
|
|
73
|
-
/* The page header title */
|
|
74
|
-
title: PropTypes.string.description('The page header title'),
|
|
75
|
-
|
|
76
|
-
/* The title dropdown options */
|
|
77
|
-
titleOptions: PropTypes.arrayOf(PropTypes.object).description('The title dropdown options'),
|
|
78
|
-
|
|
79
|
-
/* Handler when a user selects an item in the dropdown menu */
|
|
80
|
-
onSelectOption: PropTypes.func.description('Handler when a user selects an item in the dropdown menu'),
|
|
81
|
-
|
|
82
|
-
/* Description text below the title */
|
|
83
|
-
subtitle: PropTypes.string.description('Description text below the title'),
|
|
84
|
-
|
|
85
|
-
/* Selection state for the title dropdown */
|
|
86
|
-
optionsSelection: PropTypes.object.description('Selection state for the title dropdown'),
|
|
87
|
-
|
|
88
|
-
/* Whether the title is editable or not */
|
|
89
|
-
editable: PropTypes.bool.description('Whether the title is editable or not'),
|
|
90
|
-
|
|
91
|
-
/* Activates/Deactivates the editing state in the title */
|
|
92
|
-
editing: PropTypes.bool.description('Activates/Deactivates the editing state in the title'),
|
|
93
|
-
|
|
94
|
-
/* Props passed to the input for editing the title */
|
|
95
|
-
titleInputProps: PropTypes.object.description('Props passed to the input for editing the title'),
|
|
96
|
-
|
|
97
|
-
/* Enables navigation to previous page with back-arrow */
|
|
98
|
-
previousPage: PropTypes.object.description('Enables navigation to previous page with back-arrow'),
|
|
99
|
-
|
|
100
|
-
/* Callback to handle navigation to previous page */
|
|
101
|
-
onGoToPreviousPage: PropTypes.func.description('Callback to handle navigation to previous page'),
|
|
102
|
-
|
|
103
|
-
/* z-index to use for the DropdownMenu */
|
|
104
|
-
zIndex: PropTypes.number.description('z-index to use for the DropdownMenu'),
|
|
105
|
-
|
|
106
|
-
/** min width for options dropdown menu */
|
|
107
|
-
optionsMinWidth: PropTypes.number.description('min width for options dropdown menu')
|
|
108
|
-
};
|
|
109
|
-
const DSPageHeaderV1WithSchema = describe(DSPageHeader).deprecated('use DSPageHeaderV2');
|
|
110
|
-
DSPageHeaderV1WithSchema.propTypes = props;
|
|
111
|
-
|
|
112
|
-
export { DSPageHeader, DSPageHeaderV1WithSchema, DSPageHeader as default };
|
package/esm/v1/DropdownTitle.js
DELETED
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
|
-
import 'react';
|
|
3
|
-
import DSDropdownMenu from '@elliemae/ds-dropdownmenu';
|
|
4
|
-
import { ChevronSmallDown } from '@elliemae/ds-icons';
|
|
5
|
-
import DSButton from '@elliemae/ds-button';
|
|
6
|
-
import TitleWrapper from './TitleWrapper.js';
|
|
7
|
-
|
|
8
|
-
var _DSButton;
|
|
9
|
-
|
|
10
|
-
function DropdownTitle(_ref) {
|
|
11
|
-
let {
|
|
12
|
-
titleComponent,
|
|
13
|
-
onSelectOption,
|
|
14
|
-
options,
|
|
15
|
-
optionsMinWidth,
|
|
16
|
-
selection,
|
|
17
|
-
zIndex
|
|
18
|
-
} = _ref;
|
|
19
|
-
return /*#__PURE__*/_jsx(TitleWrapper, {}, void 0, titleComponent, /*#__PURE__*/_jsx(DSDropdownMenu, {
|
|
20
|
-
minWidth: optionsMinWidth,
|
|
21
|
-
onSelectMenuItem: onSelectOption,
|
|
22
|
-
options: options,
|
|
23
|
-
selection: selection,
|
|
24
|
-
triggerComponent: _DSButton || (_DSButton = /*#__PURE__*/_jsx(DSButton, {
|
|
25
|
-
buttonType: "text",
|
|
26
|
-
"data-testid": "page-header-dropdown-trigger-component",
|
|
27
|
-
icon: /*#__PURE__*/_jsx(ChevronSmallDown, {})
|
|
28
|
-
})),
|
|
29
|
-
zIndex: zIndex
|
|
30
|
-
}));
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
export { DropdownTitle as default };
|
package/esm/v1/EditableTitle.js
DELETED
|
@@ -1,47 +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 _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
7
|
-
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
8
|
-
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
9
|
-
import { useState, useRef } from 'react';
|
|
10
|
-
import { useDerivedStateFromProps, runAll } from '@elliemae/ds-utilities';
|
|
11
|
-
import { aggregatedClasses } from '@elliemae/ds-classnames';
|
|
12
|
-
import DSInput from '@elliemae/ds-form/Input';
|
|
13
|
-
import Title from './Title.js';
|
|
14
|
-
import { jsx, Fragment } from 'react/jsx-runtime';
|
|
15
|
-
|
|
16
|
-
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; }
|
|
17
|
-
|
|
18
|
-
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; }
|
|
19
|
-
const blockName = 'page-header';
|
|
20
|
-
const EditableTitleComponent = aggregatedClasses(DSInput)("".concat(blockName, "-title"), 'editable-title');
|
|
21
|
-
|
|
22
|
-
function EditableTitle(_ref) {
|
|
23
|
-
let {
|
|
24
|
-
children: value,
|
|
25
|
-
editing: editingProp,
|
|
26
|
-
titleInputProps
|
|
27
|
-
} = _ref;
|
|
28
|
-
const [titleValue, setTitleValue] = useState(value);
|
|
29
|
-
const [hovered, setHovered] = useState(false);
|
|
30
|
-
const [editing, setEditing] = useDerivedStateFromProps(editingProp || false);
|
|
31
|
-
const titleRef = useRef(null);
|
|
32
|
-
return /*#__PURE__*/jsx(Fragment, {
|
|
33
|
-
children: hovered || editing ? /*#__PURE__*/jsx(EditableTitleComponent, _objectSpread(_objectSpread({}, titleInputProps), {}, {
|
|
34
|
-
onBlur: runAll(() => setEditing(false), titleInputProps.onBlur),
|
|
35
|
-
onChange: runAll(e => setTitleValue(e.target.value), titleInputProps.onChange),
|
|
36
|
-
onFocus: runAll(() => setEditing(true), titleInputProps.onFocus),
|
|
37
|
-
onMouseOut: runAll(() => setHovered(false), titleInputProps.onMouseOut),
|
|
38
|
-
value: titleValue
|
|
39
|
-
})) : /*#__PURE__*/jsx("div", {
|
|
40
|
-
ref: titleRef,
|
|
41
|
-
onMouseEnter: () => setHovered(true),
|
|
42
|
-
children: /*#__PURE__*/_jsx(Title, {}, void 0, titleValue)
|
|
43
|
-
})
|
|
44
|
-
});
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
export { EditableTitle as default };
|
package/esm/v1/PageHeaderImpl.js
DELETED
|
@@ -1,121 +0,0 @@
|
|
|
1
|
-
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
2
|
-
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
3
|
-
import 'core-js/modules/esnext.async-iterator.map.js';
|
|
4
|
-
import 'core-js/modules/esnext.iterator.map.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 'react';
|
|
11
|
-
import { isFunction } from '@elliemae/ds-utilities';
|
|
12
|
-
import { aggregatedClasses } from '@elliemae/ds-classnames';
|
|
13
|
-
import { ChevronLeft } from '@elliemae/ds-icons';
|
|
14
|
-
import DSBreadcrumb from '@elliemae/ds-breadcrumb';
|
|
15
|
-
import { DSIconSizes } from '@elliemae/ds-icon';
|
|
16
|
-
import EditableTitle from './EditableTitle.js';
|
|
17
|
-
import Title from './Title.js';
|
|
18
|
-
import DropdownTitle from './DropdownTitle.js';
|
|
19
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
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 blockName = 'page-header';
|
|
25
|
-
const PageHeaderContainer = aggregatedClasses('div')(blockName, null, _ref => {
|
|
26
|
-
let {
|
|
27
|
-
withBottomSeparator,
|
|
28
|
-
subtitle
|
|
29
|
-
} = _ref;
|
|
30
|
-
return {
|
|
31
|
-
'with-bottom-separator': withBottomSeparator,
|
|
32
|
-
'with-subtitle': subtitle
|
|
33
|
-
};
|
|
34
|
-
});
|
|
35
|
-
const PageHeaderMainSection = aggregatedClasses('div')("".concat(blockName, "-main-section"));
|
|
36
|
-
const PageHeaderTitleSection = aggregatedClasses('div')("".concat(blockName, "-title-section"));
|
|
37
|
-
const PageHeaderToolbar = aggregatedClasses('div')("".concat(blockName, "-toolbar"), null, () => ({
|
|
38
|
-
'ie-flex-basis-auto': true
|
|
39
|
-
}));
|
|
40
|
-
const PageHeaderBreadcrumb = aggregatedClasses(DSBreadcrumb)("".concat(blockName, "-breadcrumb"));
|
|
41
|
-
const PageHeaderTitle = aggregatedClasses('div')("".concat(blockName, "-title"));
|
|
42
|
-
const Subtitle = aggregatedClasses('div')("".concat(blockName, "-title"), 'subtitle');
|
|
43
|
-
const BackArrow = aggregatedClasses(ChevronLeft)("".concat(blockName, "-backarrow"));
|
|
44
|
-
|
|
45
|
-
function HeaderTitle(_ref2) {
|
|
46
|
-
let {
|
|
47
|
-
title = '',
|
|
48
|
-
options = [],
|
|
49
|
-
optionsMinWidth,
|
|
50
|
-
onSelectOption = () => null,
|
|
51
|
-
selection,
|
|
52
|
-
subtitle = '',
|
|
53
|
-
editable = false,
|
|
54
|
-
editing = false,
|
|
55
|
-
titleInputProps,
|
|
56
|
-
zIndex
|
|
57
|
-
} = _ref2;
|
|
58
|
-
const titleComponent = editable ? /*#__PURE__*/_jsx(EditableTitle, {
|
|
59
|
-
editing: editing,
|
|
60
|
-
titleInputProps: titleInputProps
|
|
61
|
-
}, void 0, title) : /*#__PURE__*/_jsx(Title, {}, void 0, title);
|
|
62
|
-
return /*#__PURE__*/_jsx(PageHeaderTitle, {}, void 0, options.length ? /*#__PURE__*/_jsx(DropdownTitle, {
|
|
63
|
-
onSelectOption: onSelectOption,
|
|
64
|
-
options: options,
|
|
65
|
-
optionsMinWidth: optionsMinWidth,
|
|
66
|
-
selection: selection,
|
|
67
|
-
titleComponent: titleComponent,
|
|
68
|
-
zIndex: zIndex
|
|
69
|
-
}) : titleComponent, subtitle && /*#__PURE__*/_jsx(Subtitle, {}, void 0, subtitle));
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
function PageHeaderImpl(_ref3) {
|
|
73
|
-
let {
|
|
74
|
-
containerProps,
|
|
75
|
-
className,
|
|
76
|
-
title,
|
|
77
|
-
titleOptions,
|
|
78
|
-
renderToolbar,
|
|
79
|
-
breadcrumbs = [],
|
|
80
|
-
previousPage,
|
|
81
|
-
onGoToPreviousPage = () => null,
|
|
82
|
-
subtitle = '',
|
|
83
|
-
withBottomSeparator,
|
|
84
|
-
onSelectOption,
|
|
85
|
-
optionsSelection,
|
|
86
|
-
optionsMinWidth,
|
|
87
|
-
editable = false,
|
|
88
|
-
titleInputProps,
|
|
89
|
-
editing = undefined,
|
|
90
|
-
zIndex
|
|
91
|
-
} = _ref3;
|
|
92
|
-
const hasBreadcrumbs = !!breadcrumbs.length;
|
|
93
|
-
return /*#__PURE__*/jsxs(PageHeaderContainer, _objectSpread(_objectSpread({}, containerProps), {}, {
|
|
94
|
-
className: className,
|
|
95
|
-
classProps: {
|
|
96
|
-
withBottomSeparator,
|
|
97
|
-
subtitle
|
|
98
|
-
},
|
|
99
|
-
children: [previousPage && /*#__PURE__*/_jsx(BackArrow, {
|
|
100
|
-
"data-testid": "back-arrow",
|
|
101
|
-
onClick: onGoToPreviousPage,
|
|
102
|
-
size: DSIconSizes.M
|
|
103
|
-
}), /*#__PURE__*/_jsx(PageHeaderMainSection, {}, void 0, hasBreadcrumbs && /*#__PURE__*/_jsx(PageHeaderBreadcrumb, {}, void 0, breadcrumbs.map(breadcrumb => /*#__PURE__*/jsx(DSBreadcrumb.Item, _objectSpread({}, breadcrumb), breadcrumb.label))), previousPage && /*#__PURE__*/_jsx(PageHeaderBreadcrumb, {}, void 0, /*#__PURE__*/jsx(DSBreadcrumb.Item, _objectSpread({
|
|
104
|
-
label: previousPage.title,
|
|
105
|
-
onClick: previousPage.onClick
|
|
106
|
-
}, previousPage), previousPage.id)), /*#__PURE__*/_jsx(PageHeaderTitleSection, {}, void 0, /*#__PURE__*/_jsx(HeaderTitle, {
|
|
107
|
-
editable: editable,
|
|
108
|
-
editing: editing,
|
|
109
|
-
onSelectOption: onSelectOption,
|
|
110
|
-
options: titleOptions,
|
|
111
|
-
optionsMinWidth: optionsMinWidth,
|
|
112
|
-
selection: optionsSelection,
|
|
113
|
-
subtitle: subtitle,
|
|
114
|
-
title: title,
|
|
115
|
-
titleInputProps: titleInputProps,
|
|
116
|
-
zIndex: zIndex
|
|
117
|
-
}), isFunction(renderToolbar) && /*#__PURE__*/_jsx(PageHeaderToolbar, {}, void 0, renderToolbar())))]
|
|
118
|
-
}));
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
export { PageHeaderImpl as default };
|
package/esm/v1/Title.js
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
|
-
import 'react';
|
|
3
|
-
import { aggregatedClasses } from '@elliemae/ds-classnames';
|
|
4
|
-
import DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';
|
|
5
|
-
|
|
6
|
-
const blockName = 'page-header';
|
|
7
|
-
const TitleWrapper = aggregatedClasses(DSTruncatedTooltipText)("".concat(blockName, "-title"), 'title');
|
|
8
|
-
|
|
9
|
-
const Title = _ref => {
|
|
10
|
-
let {
|
|
11
|
-
children
|
|
12
|
-
} = _ref;
|
|
13
|
-
return /*#__PURE__*/_jsx(TitleWrapper, {
|
|
14
|
-
value: children
|
|
15
|
-
});
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
export { Title as default };
|