@elliemae/ds-page-header 3.0.0-next.1 → 3.0.0-next.10
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 +69 -60
- 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
package/esm/v2/PageHeader.js
DELETED
|
@@ -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 };
|
package/types/DSPageHeader.d.ts
DELETED
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;
|
package/types/v1/Title.d.ts
DELETED