@elliemae/ds-page-header 2.0.0-alpha.11 → 2.0.0-alpha.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/v1/DSPageHeader.js +5 -0
- package/cjs/v1/DropdownTitle.js +11 -11
- package/cjs/v1/EditableTitle.js +17 -13
- package/cjs/v1/PageHeaderImpl.js +54 -43
- package/cjs/v1/Title.js +8 -5
- package/cjs/v2/PageHeader.js +18 -12
- package/cjs/v2/components/PageHeaderBack/PageHeaderBack.js +5 -0
- package/cjs/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js +8 -5
- package/cjs/v2/components/PageHeaderMenu/PageHeaderMenu.js +5 -0
- package/cjs/v2/components/PageHeaderSummary/PageHeaderSummary.js +5 -0
- package/cjs/v2/components/PageHeaderTitle/PageHeaderTitle.js +5 -0
- package/cjs/v2/components/PageHeaderToolbar/PageHeaderToolbar.js +5 -0
- package/cjs/v2/components/blocks.js +4 -9
- package/esm/v1/DSPageHeader.js +5 -0
- package/esm/v1/DropdownTitle.js +10 -9
- package/esm/v1/EditableTitle.js +12 -7
- package/esm/v1/PageHeaderImpl.js +52 -40
- package/esm/v1/Title.js +8 -5
- package/esm/v2/PageHeader.js +17 -11
- package/esm/v2/components/PageHeaderBack/PageHeaderBack.js +5 -0
- package/esm/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js +6 -2
- package/esm/v2/components/PageHeaderMenu/PageHeaderMenu.js +5 -0
- package/esm/v2/components/PageHeaderSummary/PageHeaderSummary.js +5 -0
- package/esm/v2/components/PageHeaderTitle/PageHeaderTitle.js +5 -0
- package/esm/v2/components/PageHeaderToolbar/PageHeaderToolbar.js +5 -0
- package/esm/v2/components/blocks.js +2 -2
- package/package.json +13 -12
- package/types/v1/DSPageHeader.d.ts +97 -16
- package/types/v1/DropdownTitle.d.ts +1 -1
- package/types/v2/PageHeader.d.ts +64 -10
- package/types/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.d.ts +57 -8
- package/types/v2/components/PageHeaderSummary/PageHeaderSummary.d.ts +24 -3
- package/types/v2/components/PageHeaderTitle/PageHeaderTitle.d.ts +22 -3
- package/types/v2/components/blocks.d.ts +1 -1
- package/types/v2/props.d.ts +49 -8
- package/types/v2/tests/utils.d.ts +6 -6
package/esm/v1/PageHeaderImpl.js
CHANGED
|
@@ -1,9 +1,16 @@
|
|
|
1
1
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
2
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';
|
|
3
10
|
import 'react';
|
|
4
|
-
import { isFunction } from '@elliemae/ds-utilities
|
|
11
|
+
import { isFunction } from '@elliemae/ds-utilities';
|
|
5
12
|
import { aggregatedClasses } from '@elliemae/ds-classnames';
|
|
6
|
-
import ChevronLeft from '@elliemae/ds-icons
|
|
13
|
+
import { ChevronLeft } from '@elliemae/ds-icons';
|
|
7
14
|
import DSBreadcrumb from '@elliemae/ds-breadcrumb';
|
|
8
15
|
import { DSIconSizes } from '@elliemae/ds-icon';
|
|
9
16
|
import EditableTitle from './EditableTitle.js';
|
|
@@ -15,13 +22,16 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
|
|
|
15
22
|
|
|
16
23
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
17
24
|
const blockName = 'page-header';
|
|
18
|
-
const PageHeaderContainer = aggregatedClasses('div')(blockName, null,
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
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
|
+
});
|
|
25
35
|
const PageHeaderMainSection = aggregatedClasses('div')("".concat(blockName, "-main-section"));
|
|
26
36
|
const PageHeaderTitleSection = aggregatedClasses('div')("".concat(blockName, "-title-section"));
|
|
27
37
|
const PageHeaderToolbar = aggregatedClasses('div')("".concat(blockName, "-toolbar"), null, () => ({
|
|
@@ -32,18 +42,19 @@ const PageHeaderTitle = aggregatedClasses('div')("".concat(blockName, "-title"))
|
|
|
32
42
|
const Subtitle = aggregatedClasses('div')("".concat(blockName, "-title"), 'subtitle');
|
|
33
43
|
const BackArrow = aggregatedClasses(ChevronLeft)("".concat(blockName, "-backarrow"));
|
|
34
44
|
|
|
35
|
-
function HeaderTitle({
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
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;
|
|
47
58
|
const titleComponent = editable ? /*#__PURE__*/_jsx(EditableTitle, {
|
|
48
59
|
editing: editing,
|
|
49
60
|
titleInputProps: titleInputProps
|
|
@@ -58,25 +69,26 @@ function HeaderTitle({
|
|
|
58
69
|
}) : titleComponent, subtitle && /*#__PURE__*/_jsx(Subtitle, {}, void 0, subtitle));
|
|
59
70
|
}
|
|
60
71
|
|
|
61
|
-
function PageHeaderImpl({
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
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;
|
|
80
92
|
const hasBreadcrumbs = !!breadcrumbs.length;
|
|
81
93
|
return /*#__PURE__*/jsxs(PageHeaderContainer, _objectSpread(_objectSpread({}, containerProps), {}, {
|
|
82
94
|
className: className,
|
package/esm/v1/Title.js
CHANGED
|
@@ -6,10 +6,13 @@ import DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';
|
|
|
6
6
|
const blockName = 'page-header';
|
|
7
7
|
const TitleWrapper = aggregatedClasses(DSTruncatedTooltipText)("".concat(blockName, "-title"), 'title');
|
|
8
8
|
|
|
9
|
-
const Title =
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
9
|
+
const Title = _ref => {
|
|
10
|
+
let {
|
|
11
|
+
children
|
|
12
|
+
} = _ref;
|
|
13
|
+
return /*#__PURE__*/_jsx(TitleWrapper, {
|
|
14
|
+
value: children
|
|
15
|
+
});
|
|
16
|
+
};
|
|
14
17
|
|
|
15
18
|
export { Title as default };
|
package/esm/v2/PageHeader.js
CHANGED
|
@@ -1,3 +1,8 @@
|
|
|
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';
|
|
1
6
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
2
7
|
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
3
8
|
import 'react';
|
|
@@ -15,7 +20,7 @@ import { PageHeaderBack } from './components/PageHeaderBack/PageHeaderBack.js';
|
|
|
15
20
|
import './components/blocks.js';
|
|
16
21
|
import { navProps, defaultProps } from './props.js';
|
|
17
22
|
import { jsx } from 'react/jsx-runtime';
|
|
18
|
-
import { cssPrefix } from '@elliemae/ds-classnames
|
|
23
|
+
import { cssPrefix } from '@elliemae/ds-classnames';
|
|
19
24
|
|
|
20
25
|
var _div;
|
|
21
26
|
|
|
@@ -32,16 +37,17 @@ const ContainerWBorder = /*#__PURE__*/styled.div.withConfig({
|
|
|
32
37
|
componentId: "sc-ps4m9w-2"
|
|
33
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], ";"));
|
|
34
39
|
|
|
35
|
-
const DSPageHeaderV2 =
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
40
|
+
const DSPageHeaderV2 = _ref => {
|
|
41
|
+
let {
|
|
42
|
+
containerProps,
|
|
43
|
+
breadcrumbs,
|
|
44
|
+
pageTitle,
|
|
45
|
+
backarrow,
|
|
46
|
+
summary,
|
|
47
|
+
toolbar,
|
|
48
|
+
menu,
|
|
49
|
+
withBottomSeparator
|
|
50
|
+
} = _ref;
|
|
45
51
|
const wrapperRow = ['auto', 1];
|
|
46
52
|
const mainRow = compact([1, 'auto']);
|
|
47
53
|
const pageTitleRow = compact(['auto', menu && '30px', summary && 'auto', 1]);
|
|
@@ -1,3 +1,8 @@
|
|
|
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';
|
|
1
6
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
2
7
|
import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
|
|
3
8
|
import 'react';
|
|
@@ -2,12 +2,16 @@ import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
|
2
2
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
3
3
|
import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
|
|
4
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';
|
|
5
10
|
import { useState, useRef } from 'react';
|
|
6
11
|
import { noop } from 'lodash';
|
|
7
12
|
import styled from 'styled-components';
|
|
8
13
|
import { PropTypes, describe } from 'react-desc';
|
|
9
|
-
import { useMeasure } from '@elliemae/ds-utilities
|
|
10
|
-
import useDerivedStateFromProps from '@elliemae/ds-utilities/hooks/useDerivedStateFromProps';
|
|
14
|
+
import { useDerivedStateFromProps, useMeasure } from '@elliemae/ds-utilities';
|
|
11
15
|
import { EditableTitleComponent } from '../blocks.js';
|
|
12
16
|
import { PageHeaderTitle } from '../PageHeaderTitle/PageHeaderTitle.js';
|
|
13
17
|
import { jsx } from 'react/jsx-runtime';
|
|
@@ -1,3 +1,8 @@
|
|
|
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';
|
|
1
6
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
2
7
|
import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
|
|
3
8
|
import 'react';
|
|
@@ -1,3 +1,8 @@
|
|
|
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';
|
|
1
6
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
2
7
|
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
3
8
|
import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
|
|
@@ -1,3 +1,8 @@
|
|
|
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';
|
|
1
6
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
2
7
|
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
3
8
|
import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
|
|
@@ -1,3 +1,8 @@
|
|
|
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';
|
|
1
6
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
2
7
|
import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
|
|
3
8
|
import 'react';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export { cssPrefix } from '@elliemae/ds-classnames/aggregatedClasses';
|
|
2
1
|
import { aggregatedClasses } from '@elliemae/ds-classnames';
|
|
3
|
-
|
|
2
|
+
export { cssPrefix } from '@elliemae/ds-classnames';
|
|
3
|
+
import { DSInput } from '@elliemae/ds-form';
|
|
4
4
|
|
|
5
5
|
const blockName = 'page-header-v2';
|
|
6
6
|
const PageHeaderTitleWrapper = aggregatedClasses('div')("".concat(blockName, "-title"), 'title');
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-page-header",
|
|
3
|
-
"version": "2.0.0-alpha.
|
|
3
|
+
"version": "2.0.0-alpha.12",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Page Header",
|
|
6
6
|
"module": "./esm/index.js",
|
|
@@ -100,26 +100,27 @@
|
|
|
100
100
|
"build": "node ../../scripts/build/build.js"
|
|
101
101
|
},
|
|
102
102
|
"dependencies": {
|
|
103
|
-
"@elliemae/ds-breadcrumb": "2.0.0-alpha.
|
|
104
|
-
"@elliemae/ds-button": "2.0.0-alpha.
|
|
105
|
-
"@elliemae/ds-classnames": "2.0.0-alpha.
|
|
106
|
-
"@elliemae/ds-dropdownmenu": "2.0.0-alpha.
|
|
107
|
-
"@elliemae/ds-form": "2.0.0-alpha.
|
|
108
|
-
"@elliemae/ds-grid": "2.0.0-alpha.
|
|
109
|
-
"@elliemae/ds-
|
|
110
|
-
"@elliemae/ds-
|
|
111
|
-
"@elliemae/ds-
|
|
103
|
+
"@elliemae/ds-breadcrumb": "2.0.0-alpha.12",
|
|
104
|
+
"@elliemae/ds-button": "2.0.0-alpha.12",
|
|
105
|
+
"@elliemae/ds-classnames": "2.0.0-alpha.12",
|
|
106
|
+
"@elliemae/ds-dropdownmenu": "2.0.0-alpha.12",
|
|
107
|
+
"@elliemae/ds-form": "2.0.0-alpha.12",
|
|
108
|
+
"@elliemae/ds-grid": "2.0.0-alpha.12",
|
|
109
|
+
"@elliemae/ds-icon": "2.0.0-alpha.12",
|
|
110
|
+
"@elliemae/ds-icons": "2.0.0-alpha.12",
|
|
111
|
+
"@elliemae/ds-truncated-tooltip-text": "2.0.0-alpha.12",
|
|
112
|
+
"@elliemae/ds-utilities": "2.0.0-alpha.12",
|
|
112
113
|
"prop-types": "~15.7.2",
|
|
113
114
|
"react-desc": "~4.1.3"
|
|
114
115
|
},
|
|
115
116
|
"devDependencies": {
|
|
116
|
-
"styled-components": "~5.3.
|
|
117
|
+
"styled-components": "~5.3.3"
|
|
117
118
|
},
|
|
118
119
|
"peerDependencies": {
|
|
119
120
|
"lodash": "^4.17.21",
|
|
120
121
|
"react": "^17.0.2",
|
|
121
122
|
"react-dom": "^17.0.2",
|
|
122
|
-
"styled-components": "^5.3.
|
|
123
|
+
"styled-components": "^5.3.3"
|
|
123
124
|
},
|
|
124
125
|
"publishConfig": {
|
|
125
126
|
"access": "public",
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
|
|
1
2
|
/// <reference types="react" />
|
|
2
3
|
declare const DSPageHeader: {
|
|
3
4
|
({ containerProps, renderToolbar, withBottomSeparator, title, titleOptions, onSelectOption, subtitle, optionsSelection, onGoToPreviousPage, previousPage, editable, editing, titleInputProps, zIndex, optionsMinWidth, ...otherProps }: {
|
|
@@ -19,23 +20,103 @@ declare const DSPageHeader: {
|
|
|
19
20
|
optionsMinWidth?: undefined;
|
|
20
21
|
}): JSX.Element;
|
|
21
22
|
propTypes: {
|
|
22
|
-
version:
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
23
|
+
version: {
|
|
24
|
+
defaultValue<T = unknown>(arg: T): {
|
|
25
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
26
|
+
};
|
|
27
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
28
|
+
};
|
|
29
|
+
containerProps: {
|
|
30
|
+
defaultValue<T = unknown>(arg: T): {
|
|
31
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
32
|
+
};
|
|
33
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
34
|
+
};
|
|
35
|
+
renderToolbar: {
|
|
36
|
+
defaultValue<T = unknown>(arg: T): {
|
|
37
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
38
|
+
};
|
|
39
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
40
|
+
};
|
|
41
|
+
withBottomSeparator: {
|
|
42
|
+
defaultValue<T = unknown>(arg: T): {
|
|
43
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
44
|
+
};
|
|
45
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
46
|
+
};
|
|
47
|
+
title: {
|
|
48
|
+
defaultValue<T = unknown>(arg: T): {
|
|
49
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
50
|
+
};
|
|
51
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
52
|
+
};
|
|
53
|
+
titleOptions: {
|
|
54
|
+
defaultValue<T = unknown>(arg: T): {
|
|
55
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
56
|
+
};
|
|
57
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
58
|
+
};
|
|
59
|
+
onSelectOption: {
|
|
60
|
+
defaultValue<T = unknown>(arg: T): {
|
|
61
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
62
|
+
};
|
|
63
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
64
|
+
};
|
|
65
|
+
subtitle: {
|
|
66
|
+
defaultValue<T = unknown>(arg: T): {
|
|
67
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
68
|
+
};
|
|
69
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
70
|
+
};
|
|
71
|
+
optionsSelection: {
|
|
72
|
+
defaultValue<T = unknown>(arg: T): {
|
|
73
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
74
|
+
};
|
|
75
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
76
|
+
};
|
|
77
|
+
editable: {
|
|
78
|
+
defaultValue<T = unknown>(arg: T): {
|
|
79
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
80
|
+
};
|
|
81
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
82
|
+
};
|
|
83
|
+
editing: {
|
|
84
|
+
defaultValue<T = unknown>(arg: T): {
|
|
85
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
86
|
+
};
|
|
87
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
88
|
+
};
|
|
89
|
+
titleInputProps: {
|
|
90
|
+
defaultValue<T = unknown>(arg: T): {
|
|
91
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
92
|
+
};
|
|
93
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
94
|
+
};
|
|
95
|
+
previousPage: {
|
|
96
|
+
defaultValue<T = unknown>(arg: T): {
|
|
97
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
98
|
+
};
|
|
99
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
100
|
+
};
|
|
101
|
+
onGoToPreviousPage: {
|
|
102
|
+
defaultValue<T = unknown>(arg: T): {
|
|
103
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
104
|
+
};
|
|
105
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
106
|
+
};
|
|
107
|
+
zIndex: {
|
|
108
|
+
defaultValue<T = unknown>(arg: T): {
|
|
109
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
110
|
+
};
|
|
111
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
112
|
+
};
|
|
37
113
|
/** min width for options dropdown menu */
|
|
38
|
-
optionsMinWidth:
|
|
114
|
+
optionsMinWidth: {
|
|
115
|
+
defaultValue<T = unknown>(arg: T): {
|
|
116
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
117
|
+
};
|
|
118
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
119
|
+
};
|
|
39
120
|
};
|
|
40
121
|
};
|
|
41
122
|
declare const DSPageHeaderV1WithSchema: any;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
declare function DropdownTitle({ titleComponent, onSelectOption, options, optionsMinWidth, selection, zIndex
|
|
2
|
+
declare function DropdownTitle({ titleComponent, onSelectOption, options, optionsMinWidth, selection, zIndex }: {
|
|
3
3
|
titleComponent: any;
|
|
4
4
|
onSelectOption: any;
|
|
5
5
|
options: any;
|
package/types/v2/PageHeader.d.ts
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
|
+
/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
|
|
1
2
|
/// <reference types="react" />
|
|
2
3
|
import { PageHeaderTitle } from './components/PageHeaderTitle/PageHeaderTitle';
|
|
3
4
|
import { PageHeaderEditableTitle } from './components/PageHeaderEditableTitle/PageHeaderEditableTitle';
|
|
4
5
|
import { PageHeaderSummary } from './components/PageHeaderSummary/PageHeaderSummary';
|
|
5
6
|
import { PageHeaderMenu } from './components/PageHeaderMenu/PageHeaderMenu';
|
|
6
|
-
declare const PageHeaderCustomRenderer: import("styled-components").StyledComponent<"div",
|
|
7
|
+
declare const PageHeaderCustomRenderer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
7
8
|
declare const DSPageHeaderV2: {
|
|
8
9
|
({ containerProps, breadcrumbs, pageTitle, backarrow, summary, toolbar, menu, withBottomSeparator, }: {
|
|
9
10
|
containerProps: any;
|
|
@@ -16,14 +17,54 @@ declare const DSPageHeaderV2: {
|
|
|
16
17
|
withBottomSeparator: any;
|
|
17
18
|
}): JSX.Element;
|
|
18
19
|
propTypes: {
|
|
19
|
-
containerProps:
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
20
|
+
containerProps: {
|
|
21
|
+
defaultValue<T = unknown>(arg: T): {
|
|
22
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
23
|
+
};
|
|
24
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
25
|
+
};
|
|
26
|
+
breadcrumbs: {
|
|
27
|
+
defaultValue<T = unknown>(arg: T): {
|
|
28
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
29
|
+
};
|
|
30
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
31
|
+
};
|
|
32
|
+
pageTitle: {
|
|
33
|
+
defaultValue<T = unknown>(arg: T): {
|
|
34
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
35
|
+
};
|
|
36
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
37
|
+
};
|
|
38
|
+
backarrow: {
|
|
39
|
+
defaultValue<T = unknown>(arg: T): {
|
|
40
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
41
|
+
};
|
|
42
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
43
|
+
};
|
|
44
|
+
summary: {
|
|
45
|
+
defaultValue<T = unknown>(arg: T): {
|
|
46
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
47
|
+
};
|
|
48
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
49
|
+
};
|
|
50
|
+
toolbar: {
|
|
51
|
+
defaultValue<T = unknown>(arg: T): {
|
|
52
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
53
|
+
};
|
|
54
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
55
|
+
};
|
|
56
|
+
menu: {
|
|
57
|
+
defaultValue<T = unknown>(arg: T): {
|
|
58
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
59
|
+
};
|
|
60
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
61
|
+
};
|
|
62
|
+
withBottomSeparator: {
|
|
63
|
+
defaultValue<T = unknown>(arg: T): {
|
|
64
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
65
|
+
};
|
|
66
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
67
|
+
};
|
|
27
68
|
};
|
|
28
69
|
defaultProps: {
|
|
29
70
|
containerProps: {};
|
|
@@ -36,6 +77,19 @@ declare const DSPageHeaderV2: {
|
|
|
36
77
|
withBottomSeparator: boolean;
|
|
37
78
|
};
|
|
38
79
|
};
|
|
39
|
-
declare const DSPageHeaderWithSchema:
|
|
80
|
+
declare const DSPageHeaderWithSchema: {
|
|
81
|
+
(props?: {
|
|
82
|
+
containerProps: any;
|
|
83
|
+
breadcrumbs: any;
|
|
84
|
+
pageTitle: any;
|
|
85
|
+
backarrow: any;
|
|
86
|
+
summary: any;
|
|
87
|
+
toolbar: any;
|
|
88
|
+
menu: any;
|
|
89
|
+
withBottomSeparator: any;
|
|
90
|
+
} | undefined): JSX.Element;
|
|
91
|
+
propTypes: unknown;
|
|
92
|
+
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
93
|
+
};
|
|
40
94
|
export { DSPageHeaderV2, PageHeaderTitle, PageHeaderEditableTitle, PageHeaderSummary, PageHeaderMenu, PageHeaderCustomRenderer, DSPageHeaderWithSchema, };
|
|
41
95
|
export default DSPageHeaderV2;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/// <reference path="../../../../../../../shared/typings/react-desc.d.ts" />
|
|
1
2
|
/// <reference types="react" />
|
|
2
3
|
export declare const PageHeaderEditableTitle: {
|
|
3
4
|
({ children: value, editing: editingProp, onBlur, onChange, onFocus, onMouseOut, showMarker, ...rest }: {
|
|
@@ -12,21 +13,69 @@ export declare const PageHeaderEditableTitle: {
|
|
|
12
13
|
}): JSX.Element;
|
|
13
14
|
propTypes: {
|
|
14
15
|
/** The title text */
|
|
15
|
-
children:
|
|
16
|
+
children: {
|
|
17
|
+
defaultValue<T = unknown>(arg: T): {
|
|
18
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
19
|
+
};
|
|
20
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
21
|
+
};
|
|
16
22
|
/** Whether the title is editing or not */
|
|
17
|
-
editing:
|
|
23
|
+
editing: {
|
|
24
|
+
defaultValue<T = unknown>(arg: T): {
|
|
25
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
26
|
+
};
|
|
27
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
28
|
+
};
|
|
18
29
|
/** Show error marker */
|
|
19
|
-
showMarker:
|
|
30
|
+
showMarker: {
|
|
31
|
+
defaultValue<T = unknown>(arg: T): {
|
|
32
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
33
|
+
};
|
|
34
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
35
|
+
};
|
|
20
36
|
/** blur callback */
|
|
21
|
-
onBlur:
|
|
37
|
+
onBlur: {
|
|
38
|
+
defaultValue<T = unknown>(arg: T): {
|
|
39
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
40
|
+
};
|
|
41
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
42
|
+
};
|
|
22
43
|
/** on change handler */
|
|
23
|
-
onChange:
|
|
44
|
+
onChange: {
|
|
45
|
+
defaultValue<T = unknown>(arg: T): {
|
|
46
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
47
|
+
};
|
|
48
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
49
|
+
};
|
|
24
50
|
/** on focus handler */
|
|
25
|
-
onFocus:
|
|
51
|
+
onFocus: {
|
|
52
|
+
defaultValue<T = unknown>(arg: T): {
|
|
53
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
54
|
+
};
|
|
55
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
56
|
+
};
|
|
26
57
|
/** mouse out of component handler */
|
|
27
|
-
onMouseOut:
|
|
58
|
+
onMouseOut: {
|
|
59
|
+
defaultValue<T = unknown>(arg: T): {
|
|
60
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
61
|
+
};
|
|
62
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
63
|
+
};
|
|
28
64
|
};
|
|
29
65
|
};
|
|
30
|
-
declare const DSPageHeaderEditableTitleWithSchema:
|
|
66
|
+
declare const DSPageHeaderEditableTitleWithSchema: {
|
|
67
|
+
(props?: {
|
|
68
|
+
[x: string]: any;
|
|
69
|
+
children: any;
|
|
70
|
+
editing?: boolean | undefined;
|
|
71
|
+
onBlur?: ((...args: any[]) => void) | undefined;
|
|
72
|
+
onChange?: ((...args: any[]) => void) | undefined;
|
|
73
|
+
onFocus?: ((...args: any[]) => void) | undefined;
|
|
74
|
+
onMouseOut?: ((...args: any[]) => void) | undefined;
|
|
75
|
+
showMarker?: boolean | undefined;
|
|
76
|
+
} | undefined): JSX.Element;
|
|
77
|
+
propTypes: unknown;
|
|
78
|
+
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
79
|
+
};
|
|
31
80
|
export default PageHeaderEditableTitle;
|
|
32
81
|
export { DSPageHeaderEditableTitleWithSchema };
|