@elliemae/ds-page-header 1.57.0-rc.1 → 1.57.0-rc.5
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/DSPageHeader.js +4 -7
- package/cjs/DSPageHeader.js.map +1 -1
- package/cjs/index.js +3 -6
- package/cjs/index.js.map +1 -1
- package/cjs/v1/DSPageHeader.js +2 -4
- package/cjs/v1/DSPageHeader.js.map +1 -1
- package/cjs/v1/DropdownTitle.js +2 -3
- package/cjs/v1/DropdownTitle.js.map +1 -1
- package/cjs/v1/EditableTitle.js +6 -8
- package/cjs/v1/EditableTitle.js.map +1 -1
- package/cjs/v1/PageHeaderImpl.js +4 -7
- package/cjs/v1/PageHeaderImpl.js.map +1 -1
- package/cjs/v2/PageHeader.js +4 -6
- package/cjs/v2/PageHeader.js.map +1 -1
- package/cjs/v2/components/PageHeaderBack/PageHeaderBack.js +1 -2
- package/cjs/v2/components/PageHeaderBack/PageHeaderBack.js.map +1 -1
- package/cjs/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js +4 -7
- package/cjs/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js.map +1 -1
- package/cjs/v2/components/PageHeaderMenu/PageHeaderMenu.js +1 -2
- package/cjs/v2/components/PageHeaderMenu/PageHeaderMenu.js.map +1 -1
- package/cjs/v2/components/PageHeaderSummary/PageHeaderSummary.js +1 -2
- package/cjs/v2/components/PageHeaderSummary/PageHeaderSummary.js.map +1 -1
- package/cjs/v2/components/PageHeaderTitle/PageHeaderTitle.js +1 -2
- package/cjs/v2/components/PageHeaderTitle/PageHeaderTitle.js.map +1 -1
- package/cjs/v2/components/PageHeaderToolbar/PageHeaderToolbar.js +1 -2
- package/cjs/v2/components/PageHeaderToolbar/PageHeaderToolbar.js.map +1 -1
- package/cjs/v2/components/blocks.js +6 -11
- package/cjs/v2/components/blocks.js.map +1 -1
- package/cjs/v2/tests/utils.js +4 -4
- package/cjs/v2/tests/utils.js.map +1 -1
- package/esm/DSPageHeader.js +4 -7
- package/esm/DSPageHeader.js.map +1 -1
- package/esm/index.js +3 -6
- package/esm/index.js.map +1 -1
- package/esm/v1/DSPageHeader.js +2 -4
- package/esm/v1/DSPageHeader.js.map +1 -1
- package/esm/v1/DropdownTitle.js +1 -1
- package/esm/v1/DropdownTitle.js.map +1 -1
- package/esm/v1/EditableTitle.js +1 -2
- package/esm/v1/EditableTitle.js.map +1 -1
- package/esm/v1/PageHeaderImpl.js +2 -4
- package/esm/v1/PageHeaderImpl.js.map +1 -1
- package/esm/v2/PageHeader.js +3 -5
- package/esm/v2/PageHeader.js.map +1 -1
- package/esm/v2/components/PageHeaderBack/PageHeaderBack.js +1 -2
- package/esm/v2/components/PageHeaderBack/PageHeaderBack.js.map +1 -1
- package/esm/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js +2 -4
- package/esm/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js.map +1 -1
- package/esm/v2/components/PageHeaderMenu/PageHeaderMenu.js +1 -2
- package/esm/v2/components/PageHeaderMenu/PageHeaderMenu.js.map +1 -1
- package/esm/v2/components/PageHeaderSummary/PageHeaderSummary.js +1 -2
- package/esm/v2/components/PageHeaderSummary/PageHeaderSummary.js.map +1 -1
- package/esm/v2/components/PageHeaderTitle/PageHeaderTitle.js +1 -2
- package/esm/v2/components/PageHeaderTitle/PageHeaderTitle.js.map +1 -1
- package/esm/v2/components/PageHeaderToolbar/PageHeaderToolbar.js +1 -2
- package/esm/v2/components/PageHeaderToolbar/PageHeaderToolbar.js.map +1 -1
- package/esm/v2/components/blocks.js +2 -2
- package/esm/v2/components/blocks.js.map +1 -1
- package/esm/v2/tests/utils.js +1 -1
- package/esm/v2/tests/utils.js.map +1 -1
- package/package.json +11 -11
package/cjs/DSPageHeader.js
CHANGED
|
@@ -16,28 +16,25 @@ require('@elliemae/ds-grid');
|
|
|
16
16
|
require('./v2/components/PageHeaderToolbar/PageHeaderToolbar.js');
|
|
17
17
|
require('@babel/runtime/helpers/objectWithoutProperties');
|
|
18
18
|
require('./v2/components/blocks.js');
|
|
19
|
-
require('@elliemae/ds-classnames/aggregatedClasses');
|
|
20
19
|
require('@elliemae/ds-classnames');
|
|
21
|
-
require('@elliemae/ds-form
|
|
20
|
+
require('@elliemae/ds-form');
|
|
22
21
|
require('./v2/components/PageHeaderBack/PageHeaderBack.js');
|
|
23
22
|
require('./v2/props.js');
|
|
24
23
|
require('@babel/runtime/helpers/extends');
|
|
25
24
|
require('@elliemae/ds-truncated-tooltip-text');
|
|
26
25
|
require('@elliemae/ds-form/RequiredMark');
|
|
27
26
|
require('@babel/runtime/helpers/slicedToArray');
|
|
28
|
-
require('@elliemae/ds-utilities
|
|
29
|
-
require('@elliemae/ds-utilities/hooks/useDerivedStateFromProps');
|
|
27
|
+
require('@elliemae/ds-utilities');
|
|
30
28
|
require('./v1/PageHeaderImpl.js');
|
|
31
|
-
require('@elliemae/ds-
|
|
32
|
-
require('@elliemae/ds-icons/ChevronLeft');
|
|
29
|
+
require('@elliemae/ds-icons');
|
|
33
30
|
require('@elliemae/ds-breadcrumb');
|
|
34
31
|
require('@elliemae/ds-icon');
|
|
35
32
|
require('./v1/EditableTitle.js');
|
|
36
33
|
require('prop-types');
|
|
34
|
+
require('@elliemae/ds-form/Input');
|
|
37
35
|
require('./v1/Title.js');
|
|
38
36
|
require('./v1/DropdownTitle.js');
|
|
39
37
|
require('@elliemae/ds-dropdownmenu');
|
|
40
|
-
require('@elliemae/ds-icons/ChevronSmallDown');
|
|
41
38
|
require('@elliemae/ds-button');
|
|
42
39
|
require('./v1/TitleWrapper.js');
|
|
43
40
|
|
package/cjs/DSPageHeader.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DSPageHeader.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DSPageHeader.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/cjs/index.js
CHANGED
|
@@ -14,20 +14,18 @@ require('react');
|
|
|
14
14
|
require('react-desc');
|
|
15
15
|
require('@elliemae/ds-truncated-tooltip-text');
|
|
16
16
|
require('./v1/PageHeaderImpl.js');
|
|
17
|
-
require('@elliemae/ds-utilities
|
|
17
|
+
require('@elliemae/ds-utilities');
|
|
18
18
|
require('@elliemae/ds-classnames');
|
|
19
|
-
require('@elliemae/ds-icons
|
|
19
|
+
require('@elliemae/ds-icons');
|
|
20
20
|
require('@elliemae/ds-breadcrumb');
|
|
21
21
|
require('@elliemae/ds-icon');
|
|
22
22
|
require('./v1/EditableTitle.js');
|
|
23
23
|
require('@babel/runtime/helpers/slicedToArray');
|
|
24
|
-
require('@elliemae/ds-utilities/hooks/useDerivedStateFromProps');
|
|
25
24
|
require('prop-types');
|
|
26
25
|
require('@elliemae/ds-form/Input');
|
|
27
26
|
require('./v1/Title.js');
|
|
28
27
|
require('./v1/DropdownTitle.js');
|
|
29
28
|
require('@elliemae/ds-dropdownmenu');
|
|
30
|
-
require('@elliemae/ds-icons/ChevronSmallDown');
|
|
31
29
|
require('@elliemae/ds-button');
|
|
32
30
|
require('./v1/TitleWrapper.js');
|
|
33
31
|
require('lodash');
|
|
@@ -35,11 +33,10 @@ require('styled-components');
|
|
|
35
33
|
require('@elliemae/ds-grid');
|
|
36
34
|
require('./v2/components/PageHeaderToolbar/PageHeaderToolbar.js');
|
|
37
35
|
require('./v2/components/blocks.js');
|
|
38
|
-
require('@elliemae/ds-
|
|
36
|
+
require('@elliemae/ds-form');
|
|
39
37
|
require('./v2/components/PageHeaderBack/PageHeaderBack.js');
|
|
40
38
|
require('./v2/props.js');
|
|
41
39
|
require('@elliemae/ds-form/RequiredMark');
|
|
42
|
-
require('@elliemae/ds-utilities/hooks');
|
|
43
40
|
|
|
44
41
|
|
|
45
42
|
|
package/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/cjs/v1/DSPageHeader.js
CHANGED
|
@@ -8,20 +8,18 @@ var React = require('react');
|
|
|
8
8
|
var reactDesc = require('react-desc');
|
|
9
9
|
var DSTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
|
|
10
10
|
var v1_PageHeaderImpl = require('./PageHeaderImpl.js');
|
|
11
|
-
require('@elliemae/ds-utilities
|
|
11
|
+
require('@elliemae/ds-utilities');
|
|
12
12
|
require('@elliemae/ds-classnames');
|
|
13
|
-
require('@elliemae/ds-icons
|
|
13
|
+
require('@elliemae/ds-icons');
|
|
14
14
|
require('@elliemae/ds-breadcrumb');
|
|
15
15
|
require('@elliemae/ds-icon');
|
|
16
16
|
require('./EditableTitle.js');
|
|
17
17
|
require('@babel/runtime/helpers/slicedToArray');
|
|
18
|
-
require('@elliemae/ds-utilities/hooks/useDerivedStateFromProps');
|
|
19
18
|
require('prop-types');
|
|
20
19
|
require('@elliemae/ds-form/Input');
|
|
21
20
|
require('./Title.js');
|
|
22
21
|
require('./DropdownTitle.js');
|
|
23
22
|
require('@elliemae/ds-dropdownmenu');
|
|
24
|
-
require('@elliemae/ds-icons/ChevronSmallDown');
|
|
25
23
|
require('@elliemae/ds-button');
|
|
26
24
|
require('./TitleWrapper.js');
|
|
27
25
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DSPageHeader.js","sources":["../../../src/v1/DSPageHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport { TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';\nimport PageHeaderImpl from './PageHeaderImpl';\n\nconst DSPageHeader = ({\n containerProps = {},\n renderToolbar = undefined,\n withBottomSeparator = true,\n title = '',\n titleOptions = undefined,\n onSelectOption = () => null,\n subtitle = '',\n optionsSelection = {},\n onGoToPreviousPage = () => null,\n previousPage,\n editable = false,\n editing = undefined,\n titleInputProps = {},\n zIndex = 2,\n optionsMinWidth = undefined,\n ...otherProps\n}) => (\n <TooltipTextProvider>\n <PageHeaderImpl\n containerProps={containerProps}\n editable={editable}\n editing={editing}\n onGoToPreviousPage={onGoToPreviousPage}\n onSelectOption={onSelectOption}\n optionsMinWidth={optionsMinWidth}\n optionsSelection={optionsSelection}\n previousPage={previousPage}\n renderToolbar={renderToolbar}\n subtitle={subtitle}\n title={title}\n titleInputProps={titleInputProps}\n titleOptions={titleOptions}\n withBottomSeparator={withBottomSeparator}\n zIndex={zIndex}\n {...otherProps}\n />\n </TooltipTextProvider>\n);\n\nconst props = {\n /* Component version */\n version: PropTypes.oneOf([1, 2]).description('Component version'),\n /* props injected to page header wrapper node */\n containerProps: PropTypes.object.description(\n 'props injected to page header wrapper node',\n ),\n /* Function that returns the toolbar to the right of the page header */\n renderToolbar: PropTypes.func.description(\n 'Function that returns the toolbar to the right of the page header',\n ),\n /* Whether to show a separator at the bottom of the header */\n withBottomSeparator: PropTypes.bool.description(\n 'Whether to show a separator at the bottom of the header',\n ),\n /* The page header title */\n title: PropTypes.string.description('The page header title'),\n /* The title dropdown options */\n titleOptions: PropTypes.arrayOf(PropTypes.object).description(\n 'The title dropdown options',\n ),\n /* Handler when a user selects an item in the dropdown menu */\n onSelectOption: PropTypes.func.description(\n 'Handler when a user selects an item in the dropdown menu',\n ),\n /* Description text below the title */\n subtitle: PropTypes.string.description('Description text below the title'),\n /* Selection state for the title dropdown */\n optionsSelection: PropTypes.object.description(\n 'Selection state for the title dropdown',\n ),\n /* Whether the title is editable or not */\n editable: PropTypes.bool.description('Whether the title is editable or not'),\n /* Activates/Deactivates the editing state in the title */\n editing: PropTypes.bool.description(\n 'Activates/Deactivates the editing state in the title',\n ),\n /* Props passed to the input for editing the title */\n titleInputProps: PropTypes.object.description(\n 'Props passed to the input for editing the title',\n ),\n /* Enables navigation to previous page with back-arrow */\n previousPage: PropTypes.object.description(\n 'Enables navigation to previous page with back-arrow',\n ),\n /* Callback to handle navigation to previous page */\n onGoToPreviousPage: PropTypes.func.description(\n 'Callback to handle navigation to previous page',\n ),\n /* z-index to use for the DropdownMenu */\n zIndex: PropTypes.number.description('z-index to use for the DropdownMenu'),\n /** min width for options dropdown menu */\n optionsMinWidth: PropTypes.number.description(\n 'min width for options dropdown menu',\n ),\n};\n\nDSPageHeader.propTypes = props;\nconst DSPageHeaderV1WithSchema = describe(DSPageHeader).deprecated(\n 'use DSPageHeaderV2',\n);\nDSPageHeaderV1WithSchema.propTypes = props;\n\nexport { DSPageHeader, DSPageHeaderV1WithSchema };\nexport default DSPageHeader;\n"],"names":["DSPageHeader","containerProps","renderToolbar","undefined","withBottomSeparator","title","titleOptions","onSelectOption","subtitle","optionsSelection","onGoToPreviousPage","previousPage","editable","editing","titleInputProps","zIndex","optionsMinWidth","otherProps","React","TooltipTextProvider","PageHeaderImpl","props","version","PropTypes","oneOf","description","object","func","bool","string","arrayOf","number","propTypes","DSPageHeaderV1WithSchema","describe","deprecated"],"mappings":"
|
|
1
|
+
{"version":3,"file":"DSPageHeader.js","sources":["../../../src/v1/DSPageHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport { TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';\nimport PageHeaderImpl from './PageHeaderImpl';\n\nconst DSPageHeader = ({\n containerProps = {},\n renderToolbar = undefined,\n withBottomSeparator = true,\n title = '',\n titleOptions = undefined,\n onSelectOption = () => null,\n subtitle = '',\n optionsSelection = {},\n onGoToPreviousPage = () => null,\n previousPage,\n editable = false,\n editing = undefined,\n titleInputProps = {},\n zIndex = 2,\n optionsMinWidth = undefined,\n ...otherProps\n}) => (\n <TooltipTextProvider>\n <PageHeaderImpl\n containerProps={containerProps}\n editable={editable}\n editing={editing}\n onGoToPreviousPage={onGoToPreviousPage}\n onSelectOption={onSelectOption}\n optionsMinWidth={optionsMinWidth}\n optionsSelection={optionsSelection}\n previousPage={previousPage}\n renderToolbar={renderToolbar}\n subtitle={subtitle}\n title={title}\n titleInputProps={titleInputProps}\n titleOptions={titleOptions}\n withBottomSeparator={withBottomSeparator}\n zIndex={zIndex}\n {...otherProps}\n />\n </TooltipTextProvider>\n);\n\nconst props = {\n /* Component version */\n version: PropTypes.oneOf([1, 2]).description('Component version'),\n /* props injected to page header wrapper node */\n containerProps: PropTypes.object.description(\n 'props injected to page header wrapper node',\n ),\n /* Function that returns the toolbar to the right of the page header */\n renderToolbar: PropTypes.func.description(\n 'Function that returns the toolbar to the right of the page header',\n ),\n /* Whether to show a separator at the bottom of the header */\n withBottomSeparator: PropTypes.bool.description(\n 'Whether to show a separator at the bottom of the header',\n ),\n /* The page header title */\n title: PropTypes.string.description('The page header title'),\n /* The title dropdown options */\n titleOptions: PropTypes.arrayOf(PropTypes.object).description(\n 'The title dropdown options',\n ),\n /* Handler when a user selects an item in the dropdown menu */\n onSelectOption: PropTypes.func.description(\n 'Handler when a user selects an item in the dropdown menu',\n ),\n /* Description text below the title */\n subtitle: PropTypes.string.description('Description text below the title'),\n /* Selection state for the title dropdown */\n optionsSelection: PropTypes.object.description(\n 'Selection state for the title dropdown',\n ),\n /* Whether the title is editable or not */\n editable: PropTypes.bool.description('Whether the title is editable or not'),\n /* Activates/Deactivates the editing state in the title */\n editing: PropTypes.bool.description(\n 'Activates/Deactivates the editing state in the title',\n ),\n /* Props passed to the input for editing the title */\n titleInputProps: PropTypes.object.description(\n 'Props passed to the input for editing the title',\n ),\n /* Enables navigation to previous page with back-arrow */\n previousPage: PropTypes.object.description(\n 'Enables navigation to previous page with back-arrow',\n ),\n /* Callback to handle navigation to previous page */\n onGoToPreviousPage: PropTypes.func.description(\n 'Callback to handle navigation to previous page',\n ),\n /* z-index to use for the DropdownMenu */\n zIndex: PropTypes.number.description('z-index to use for the DropdownMenu'),\n /** min width for options dropdown menu */\n optionsMinWidth: PropTypes.number.description(\n 'min width for options dropdown menu',\n ),\n};\n\nDSPageHeader.propTypes = props;\nconst DSPageHeaderV1WithSchema = describe(DSPageHeader).deprecated(\n 'use DSPageHeaderV2',\n);\nDSPageHeaderV1WithSchema.propTypes = props;\n\nexport { DSPageHeader, DSPageHeaderV1WithSchema };\nexport default DSPageHeader;\n"],"names":["DSPageHeader","containerProps","renderToolbar","undefined","withBottomSeparator","title","titleOptions","onSelectOption","subtitle","optionsSelection","onGoToPreviousPage","previousPage","editable","editing","titleInputProps","zIndex","optionsMinWidth","otherProps","React","TooltipTextProvider","PageHeaderImpl","props","version","PropTypes","oneOf","description","object","func","bool","string","arrayOf","number","propTypes","DSPageHeaderV1WithSchema","describe","deprecated"],"mappings":"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"}
|
package/cjs/v1/DropdownTitle.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
4
|
var DSDropdownMenu = require('@elliemae/ds-dropdownmenu');
|
|
5
|
-
var
|
|
5
|
+
var dsIcons = require('@elliemae/ds-icons');
|
|
6
6
|
var DSButton = require('@elliemae/ds-button');
|
|
7
7
|
var v1_TitleWrapper = require('./TitleWrapper.js');
|
|
8
8
|
require('@elliemae/ds-classnames');
|
|
@@ -11,7 +11,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
11
11
|
|
|
12
12
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
13
|
var DSDropdownMenu__default = /*#__PURE__*/_interopDefaultLegacy(DSDropdownMenu);
|
|
14
|
-
var ChevronSmallDown__default = /*#__PURE__*/_interopDefaultLegacy(ChevronSmallDown);
|
|
15
14
|
var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
|
|
16
15
|
|
|
17
16
|
function DropdownTitle(_ref) {
|
|
@@ -29,7 +28,7 @@ function DropdownTitle(_ref) {
|
|
|
29
28
|
triggerComponent: /*#__PURE__*/React__default['default'].createElement(DSButton__default['default'], {
|
|
30
29
|
buttonType: "text",
|
|
31
30
|
"data-testid": "page-header-dropdown-trigger-component",
|
|
32
|
-
icon: /*#__PURE__*/React__default['default'].createElement(
|
|
31
|
+
icon: /*#__PURE__*/React__default['default'].createElement(dsIcons.ChevronSmallDown, null)
|
|
33
32
|
}),
|
|
34
33
|
zIndex: zIndex
|
|
35
34
|
}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownTitle.js","sources":["../../../src/v1/DropdownTitle.tsx"],"sourcesContent":["import React from 'react';\nimport DSDropdownMenu from '@elliemae/ds-dropdownmenu';\nimport ChevronSmallDown from '@elliemae/ds-icons
|
|
1
|
+
{"version":3,"file":"DropdownTitle.js","sources":["../../../src/v1/DropdownTitle.tsx"],"sourcesContent":["import React from 'react';\nimport DSDropdownMenu from '@elliemae/ds-dropdownmenu';\nimport { ChevronSmallDown } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport TitleWrapper from './TitleWrapper';\n\nfunction DropdownTitle({ titleComponent, onSelectOption, options, optionsMinWidth, selection, zIndex }) {\n return (\n <TitleWrapper>\n {titleComponent}\n <DSDropdownMenu\n minWidth={optionsMinWidth}\n onSelectMenuItem={onSelectOption}\n options={options}\n selection={selection}\n triggerComponent={\n <DSButton\n buttonType=\"text\"\n data-testid=\"page-header-dropdown-trigger-component\"\n icon={<ChevronSmallDown />}\n />\n }\n zIndex={zIndex}\n />\n </TitleWrapper>\n );\n}\n\nDropdownTitle.propTypes = {};\n\nexport default DropdownTitle;\n"],"names":["DropdownTitle","titleComponent","onSelectOption","options","optionsMinWidth","selection","zIndex","React","TitleWrapper","DSDropdownMenu","DSButton","ChevronSmallDown","propTypes"],"mappings":";;;;;;;;;;;;;;;AAMA,SAASA,aAAT,OAAwG;AAAA,MAA/EC,cAA+E,QAA/EA,cAA+E;AAAA,MAA/DC,cAA+D,QAA/DA,cAA+D;AAAA,MAA/CC,OAA+C,QAA/CA,OAA+C;AAAA,MAAtCC,eAAsC,QAAtCA,eAAsC;AAAA,MAArBC,SAAqB,QAArBA,SAAqB;AAAA,MAAVC,MAAU,QAAVA,MAAU;AACtG,sBACEC,wCAACC,eAAD,QACGP,cADH,eAEEM,wCAACE,kCAAD;AACE,IAAA,QAAQ,EAAEL,eADZ;AAEE,IAAA,gBAAgB,EAAEF,cAFpB;AAGE,IAAA,OAAO,EAAEC,OAHX;AAIE,IAAA,SAAS,EAAEE,SAJb;AAKE,IAAA,gBAAgB,eACdE,wCAACG,4BAAD;AACE,MAAA,UAAU,EAAC,MADb;AAEE,qBAAY,wCAFd;AAGE,MAAA,IAAI,eAAEH,wCAACI,wBAAD;AAHR,MANJ;AAYE,IAAA,MAAM,EAAEL;AAZV,IAFF,CADF;AAmBD;;AAEDN,aAAa,CAACY,SAAd,GAA0B,EAA1B;;;;"}
|
package/cjs/v1/EditableTitle.js
CHANGED
|
@@ -3,10 +3,9 @@
|
|
|
3
3
|
var _extends = require('@babel/runtime/helpers/extends');
|
|
4
4
|
var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
|
|
5
5
|
var React = require('react');
|
|
6
|
-
var
|
|
6
|
+
var dsUtilities = require('@elliemae/ds-utilities');
|
|
7
7
|
var PropTypes = require('prop-types');
|
|
8
8
|
var dsClassnames = require('@elliemae/ds-classnames');
|
|
9
|
-
var utils = require('@elliemae/ds-utilities/utils');
|
|
10
9
|
var DSInput = require('@elliemae/ds-form/Input');
|
|
11
10
|
var v1_Title = require('./Title.js');
|
|
12
11
|
require('@elliemae/ds-truncated-tooltip-text');
|
|
@@ -16,7 +15,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
16
15
|
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
|
|
17
16
|
var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
|
|
18
17
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
19
|
-
var useDerivedStateFromProps__default = /*#__PURE__*/_interopDefaultLegacy(useDerivedStateFromProps);
|
|
20
18
|
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
21
19
|
var DSInput__default = /*#__PURE__*/_interopDefaultLegacy(DSInput);
|
|
22
20
|
|
|
@@ -38,23 +36,23 @@ function EditableTitle(_ref) {
|
|
|
38
36
|
hovered = _useState4[0],
|
|
39
37
|
setHovered = _useState4[1];
|
|
40
38
|
|
|
41
|
-
var _useDerivedStateFromP =
|
|
39
|
+
var _useDerivedStateFromP = dsUtilities.useDerivedStateFromProps(editingProp || false),
|
|
42
40
|
_useDerivedStateFromP2 = _slicedToArray__default['default'](_useDerivedStateFromP, 2),
|
|
43
41
|
editing = _useDerivedStateFromP2[0],
|
|
44
42
|
setEditing = _useDerivedStateFromP2[1];
|
|
45
43
|
|
|
46
44
|
var titleRef = React.useRef(null);
|
|
47
45
|
return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, hovered || editing ? /*#__PURE__*/React__default['default'].createElement(EditableTitleComponent, _extends__default['default']({}, titleInputProps, {
|
|
48
|
-
onBlur:
|
|
46
|
+
onBlur: dsUtilities.runAll(function () {
|
|
49
47
|
return setEditing(false);
|
|
50
48
|
}, titleInputProps.onBlur),
|
|
51
|
-
onChange:
|
|
49
|
+
onChange: dsUtilities.runAll(function (e) {
|
|
52
50
|
return setTitleValue(e.target.value);
|
|
53
51
|
}, titleInputProps.onChange),
|
|
54
|
-
onFocus:
|
|
52
|
+
onFocus: dsUtilities.runAll(function () {
|
|
55
53
|
return setEditing(true);
|
|
56
54
|
}, titleInputProps.onFocus),
|
|
57
|
-
onMouseOut:
|
|
55
|
+
onMouseOut: dsUtilities.runAll(function () {
|
|
58
56
|
return setHovered(false);
|
|
59
57
|
}, titleInputProps.onMouseOut),
|
|
60
58
|
value: titleValue
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EditableTitle.js","sources":["../../../src/v1/EditableTitle.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport useDerivedStateFromProps from '@elliemae/ds-utilities
|
|
1
|
+
{"version":3,"file":"EditableTitle.js","sources":["../../../src/v1/EditableTitle.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { useDerivedStateFromProps } from '@elliemae/ds-utilities';\nimport PropTypes from 'prop-types';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { runAll } from '@elliemae/ds-utilities';\nimport DSInput from '@elliemae/ds-form/Input';\nimport Title from './Title';\n\nconst blockName = 'page-header';\n\nconst EditableTitleComponent = aggregatedClasses(DSInput)(\n `${blockName}-title`,\n 'editable-title',\n);\n\nfunction EditableTitle({\n children: value,\n editing: editingProp,\n titleInputProps,\n}) {\n const [titleValue, setTitleValue] = useState(value);\n const [hovered, setHovered] = useState(false);\n const [editing, setEditing] = useDerivedStateFromProps(editingProp || false);\n const titleRef = useRef(null);\n return (\n <>\n {hovered || editing ? (\n <EditableTitleComponent\n {...titleInputProps}\n onBlur={runAll(() => setEditing(false), titleInputProps.onBlur)}\n onChange={runAll(\n (e) => setTitleValue(e.target.value),\n titleInputProps.onChange,\n )}\n onFocus={runAll(() => setEditing(true), titleInputProps.onFocus)}\n onMouseOut={runAll(\n () => setHovered(false),\n titleInputProps.onMouseOut,\n )}\n value={titleValue}\n />\n ) : (\n <div ref={titleRef} onMouseEnter={() => setHovered(true)}>\n <Title>{titleValue}</Title>\n </div>\n )}\n </>\n );\n}\n\nEditableTitle.propTypes = {\n /** The title text */\n children: PropTypes.string,\n /** Whether the title is editing or not */\n editing: PropTypes.bool,\n};\n\nexport default EditableTitle;\n"],"names":["blockName","EditableTitleComponent","aggregatedClasses","DSInput","EditableTitle","value","children","editingProp","editing","titleInputProps","useState","titleValue","setTitleValue","hovered","setHovered","useDerivedStateFromProps","setEditing","titleRef","useRef","React","runAll","onBlur","e","target","onChange","onFocus","onMouseOut","Title","propTypes","PropTypes","string","bool"],"mappings":";;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,SAAS,GAAG,aAAlB;AAEA,IAAMC,sBAAsB,GAAGC,8BAAiB,CAACC,2BAAD,CAAjB,WAC1BH,SAD0B,aAE7B,gBAF6B,CAA/B;;AAKA,SAASI,aAAT,OAIG;AAAA,MAHSC,KAGT,QAHDC,QAGC;AAAA,MAFQC,WAER,QAFDC,OAEC;AAAA,MADDC,eACC,QADDA,eACC;;AACD,kBAAoCC,cAAQ,CAACL,KAAD,CAA5C;AAAA;AAAA,MAAOM,UAAP;AAAA,MAAmBC,aAAnB;;AACA,mBAA8BF,cAAQ,CAAC,KAAD,CAAtC;AAAA;AAAA,MAAOG,OAAP;AAAA,MAAgBC,UAAhB;;AACA,8BAA8BC,oCAAwB,CAACR,WAAW,IAAI,KAAhB,CAAtD;AAAA;AAAA,MAAOC,OAAP;AAAA,MAAgBQ,UAAhB;;AACA,MAAMC,QAAQ,GAAGC,YAAM,CAAC,IAAD,CAAvB;AACA,sBACEC,kFACGN,OAAO,IAAIL,OAAX,gBACCW,wCAAC,sBAAD,mCACMV,eADN;AAEE,IAAA,MAAM,EAAEW,kBAAM,CAAC;AAAA,aAAMJ,UAAU,CAAC,KAAD,CAAhB;AAAA,KAAD,EAA0BP,eAAe,CAACY,MAA1C,CAFhB;AAGE,IAAA,QAAQ,EAAED,kBAAM,CACd,UAACE,CAAD;AAAA,aAAOV,aAAa,CAACU,CAAC,CAACC,MAAF,CAASlB,KAAV,CAApB;AAAA,KADc,EAEdI,eAAe,CAACe,QAFF,CAHlB;AAOE,IAAA,OAAO,EAAEJ,kBAAM,CAAC;AAAA,aAAMJ,UAAU,CAAC,IAAD,CAAhB;AAAA,KAAD,EAAyBP,eAAe,CAACgB,OAAzC,CAPjB;AAQE,IAAA,UAAU,EAAEL,kBAAM,CAChB;AAAA,aAAMN,UAAU,CAAC,KAAD,CAAhB;AAAA,KADgB,EAEhBL,eAAe,CAACiB,UAFA,CARpB;AAYE,IAAA,KAAK,EAAEf;AAZT,KADD,gBAgBCQ;AAAK,IAAA,GAAG,EAAEF,QAAV;AAAoB,IAAA,YAAY,EAAE;AAAA,aAAMH,UAAU,CAAC,IAAD,CAAhB;AAAA;AAAlC,kBACEK,wCAACQ,QAAD,QAAQhB,UAAR,CADF,CAjBJ,CADF;AAwBD;;AAEDP,aAAa,CAACwB,SAAd,GAA0B;AACxB;AACAtB,EAAAA,QAAQ,EAAEuB,6BAAS,CAACC,MAFI;;AAGxB;AACAtB,EAAAA,OAAO,EAAEqB,6BAAS,CAACE;AAJK,CAA1B;;;;"}
|
package/cjs/v1/PageHeaderImpl.js
CHANGED
|
@@ -2,21 +2,19 @@
|
|
|
2
2
|
|
|
3
3
|
var _extends = require('@babel/runtime/helpers/extends');
|
|
4
4
|
var React = require('react');
|
|
5
|
-
var
|
|
5
|
+
var dsUtilities = require('@elliemae/ds-utilities');
|
|
6
6
|
var dsClassnames = require('@elliemae/ds-classnames');
|
|
7
|
-
var
|
|
7
|
+
var dsIcons = require('@elliemae/ds-icons');
|
|
8
8
|
var DSBreadcrumb = require('@elliemae/ds-breadcrumb');
|
|
9
9
|
var dsIcon = require('@elliemae/ds-icon');
|
|
10
10
|
var v1_EditableTitle = require('./EditableTitle.js');
|
|
11
11
|
var v1_Title = require('./Title.js');
|
|
12
12
|
var v1_DropdownTitle = require('./DropdownTitle.js');
|
|
13
13
|
require('@babel/runtime/helpers/slicedToArray');
|
|
14
|
-
require('@elliemae/ds-utilities/hooks/useDerivedStateFromProps');
|
|
15
14
|
require('prop-types');
|
|
16
15
|
require('@elliemae/ds-form/Input');
|
|
17
16
|
require('@elliemae/ds-truncated-tooltip-text');
|
|
18
17
|
require('@elliemae/ds-dropdownmenu');
|
|
19
|
-
require('@elliemae/ds-icons/ChevronSmallDown');
|
|
20
18
|
require('@elliemae/ds-button');
|
|
21
19
|
require('./TitleWrapper.js');
|
|
22
20
|
|
|
@@ -24,7 +22,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
24
22
|
|
|
25
23
|
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
|
|
26
24
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
27
|
-
var ChevronLeft__default = /*#__PURE__*/_interopDefaultLegacy(ChevronLeft);
|
|
28
25
|
var DSBreadcrumb__default = /*#__PURE__*/_interopDefaultLegacy(DSBreadcrumb);
|
|
29
26
|
|
|
30
27
|
var blockName = 'page-header';
|
|
@@ -46,7 +43,7 @@ var PageHeaderToolbar = dsClassnames.aggregatedClasses('div')("".concat(blockNam
|
|
|
46
43
|
var PageHeaderBreadcrumb = dsClassnames.aggregatedClasses(DSBreadcrumb__default['default'])("".concat(blockName, "-breadcrumb"));
|
|
47
44
|
var PageHeaderTitle = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-title"));
|
|
48
45
|
var Subtitle = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-title"), 'subtitle');
|
|
49
|
-
var BackArrow = dsClassnames.aggregatedClasses(
|
|
46
|
+
var BackArrow = dsClassnames.aggregatedClasses(dsIcons.ChevronLeft)("".concat(blockName, "-backarrow"));
|
|
50
47
|
|
|
51
48
|
function HeaderTitle(_ref2) {
|
|
52
49
|
var _ref2$title = _ref2.title,
|
|
@@ -136,7 +133,7 @@ function PageHeaderImpl(_ref3) {
|
|
|
136
133
|
title: title,
|
|
137
134
|
titleInputProps: titleInputProps,
|
|
138
135
|
zIndex: zIndex
|
|
139
|
-
}),
|
|
136
|
+
}), dsUtilities.isFunction(renderToolbar) && /*#__PURE__*/React__default['default'].createElement(PageHeaderToolbar, null, renderToolbar()))));
|
|
140
137
|
}
|
|
141
138
|
|
|
142
139
|
module.exports = PageHeaderImpl;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageHeaderImpl.js","sources":["../../../src/v1/PageHeaderImpl.tsx"],"sourcesContent":["import React from 'react';\nimport { isFunction } from '@elliemae/ds-utilities
|
|
1
|
+
{"version":3,"file":"PageHeaderImpl.js","sources":["../../../src/v1/PageHeaderImpl.tsx"],"sourcesContent":["import React from 'react';\nimport { isFunction } from '@elliemae/ds-utilities';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { ChevronLeft } from '@elliemae/ds-icons';\nimport DSBreadcrumb from '@elliemae/ds-breadcrumb';\nimport { DSIconSizes } from '@elliemae/ds-icon';\nimport EditableTitle from './EditableTitle';\nimport Title from './Title';\nimport DropdownTitle from './DropdownTitle';\n\nconst blockName = 'page-header';\n\nconst PageHeaderContainer = aggregatedClasses('div')(blockName, null, ({ withBottomSeparator, subtitle }) => ({\n 'with-bottom-separator': withBottomSeparator,\n 'with-subtitle': subtitle,\n}));\n\nconst PageHeaderMainSection = aggregatedClasses('div')(`${blockName}-main-section`);\nconst PageHeaderTitleSection = aggregatedClasses('div')(`${blockName}-title-section`);\nconst PageHeaderToolbar = aggregatedClasses('div')(`${blockName}-toolbar`, null, () => ({\n 'ie-flex-basis-auto': true,\n}));\nconst PageHeaderBreadcrumb = aggregatedClasses(DSBreadcrumb)(`${blockName}-breadcrumb`);\n\nconst PageHeaderTitle = aggregatedClasses('div')(`${blockName}-title`);\nconst Subtitle = aggregatedClasses('div')(`${blockName}-title`, 'subtitle');\nconst BackArrow = aggregatedClasses(ChevronLeft)(`${blockName}-backarrow`);\n\nfunction HeaderTitle({\n title = '',\n options = [],\n optionsMinWidth,\n onSelectOption = () => null,\n selection,\n subtitle = '',\n editable = false,\n editing = false,\n titleInputProps,\n zIndex,\n}) {\n const titleComponent = editable ? (\n <EditableTitle editing={editing} titleInputProps={titleInputProps}>\n {title}\n </EditableTitle>\n ) : (\n <Title>{title}</Title>\n );\n\n return (\n <PageHeaderTitle>\n {options.length ? (\n <DropdownTitle\n onSelectOption={onSelectOption}\n options={options}\n optionsMinWidth={optionsMinWidth}\n selection={selection}\n titleComponent={titleComponent}\n zIndex={zIndex}\n />\n ) : (\n titleComponent\n )}\n {subtitle && <Subtitle>{subtitle}</Subtitle>}\n </PageHeaderTitle>\n );\n}\n\nfunction PageHeaderImpl({\n containerProps,\n className,\n title,\n titleOptions,\n renderToolbar,\n breadcrumbs = [],\n previousPage,\n onGoToPreviousPage = () => null,\n subtitle = '',\n withBottomSeparator,\n onSelectOption,\n optionsSelection,\n optionsMinWidth,\n editable = false,\n titleInputProps,\n editing = undefined,\n zIndex,\n}) {\n const hasBreadcrumbs = !!breadcrumbs.length;\n\n return (\n <PageHeaderContainer\n {...containerProps}\n className={className}\n classProps={{\n withBottomSeparator,\n subtitle,\n }}\n >\n {previousPage && <BackArrow data-testid=\"back-arrow\" onClick={onGoToPreviousPage} size={DSIconSizes.M} />}\n <PageHeaderMainSection>\n {hasBreadcrumbs && (\n <PageHeaderBreadcrumb>\n {breadcrumbs.map((breadcrumb) => (\n <DSBreadcrumb.Item key={breadcrumb.label} {...breadcrumb} />\n ))}\n </PageHeaderBreadcrumb>\n )}\n {previousPage && (\n <PageHeaderBreadcrumb>\n <DSBreadcrumb.Item\n key={previousPage.id}\n label={previousPage.title}\n onClick={previousPage.onClick}\n {...previousPage}\n />\n </PageHeaderBreadcrumb>\n )}\n <PageHeaderTitleSection>\n <HeaderTitle\n editable={editable}\n editing={editing}\n onSelectOption={onSelectOption}\n options={titleOptions}\n optionsMinWidth={optionsMinWidth}\n selection={optionsSelection}\n subtitle={subtitle}\n title={title}\n titleInputProps={titleInputProps}\n zIndex={zIndex}\n />\n {isFunction(renderToolbar) && <PageHeaderToolbar>{renderToolbar()}</PageHeaderToolbar>}\n </PageHeaderTitleSection>\n </PageHeaderMainSection>\n </PageHeaderContainer>\n );\n}\n\nexport default PageHeaderImpl;\n"],"names":["blockName","PageHeaderContainer","aggregatedClasses","withBottomSeparator","subtitle","PageHeaderMainSection","PageHeaderTitleSection","PageHeaderToolbar","PageHeaderBreadcrumb","DSBreadcrumb","PageHeaderTitle","Subtitle","BackArrow","ChevronLeft","HeaderTitle","title","options","optionsMinWidth","onSelectOption","selection","editable","editing","titleInputProps","zIndex","titleComponent","React","EditableTitle","Title","length","DropdownTitle","PageHeaderImpl","containerProps","className","titleOptions","renderToolbar","breadcrumbs","previousPage","onGoToPreviousPage","optionsSelection","undefined","hasBreadcrumbs","DSIconSizes","M","map","breadcrumb","label","id","onClick","isFunction"],"mappings":"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"}
|
package/cjs/v2/PageHeader.js
CHANGED
|
@@ -15,16 +15,14 @@ var v2_components_PageHeaderToolbar_PageHeaderToolbar = require('./components/Pa
|
|
|
15
15
|
var v2_components_PageHeaderBack_PageHeaderBack = require('./components/PageHeaderBack/PageHeaderBack.js');
|
|
16
16
|
require('./components/blocks.js');
|
|
17
17
|
var v2_props = require('./props.js');
|
|
18
|
-
var
|
|
18
|
+
var dsClassnames = require('@elliemae/ds-classnames');
|
|
19
19
|
require('@babel/runtime/helpers/extends');
|
|
20
20
|
require('@babel/runtime/helpers/objectWithoutProperties');
|
|
21
21
|
require('@elliemae/ds-truncated-tooltip-text');
|
|
22
22
|
require('@elliemae/ds-form/RequiredMark');
|
|
23
23
|
require('@babel/runtime/helpers/slicedToArray');
|
|
24
|
-
require('@elliemae/ds-utilities
|
|
25
|
-
require('@elliemae/ds-
|
|
26
|
-
require('@elliemae/ds-classnames');
|
|
27
|
-
require('@elliemae/ds-form/Input');
|
|
24
|
+
require('@elliemae/ds-utilities');
|
|
25
|
+
require('@elliemae/ds-form');
|
|
28
26
|
|
|
29
27
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
30
28
|
|
|
@@ -65,7 +63,7 @@ var DSPageHeaderV2 = function DSPageHeaderV2(_ref) {
|
|
|
65
63
|
}, /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, null, /*#__PURE__*/React__default['default'].createElement(v2_components_PageHeaderBack_PageHeaderBack.PageHeaderBack, null, backarrow)), /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
|
|
66
64
|
rows: ['auto', 'auto']
|
|
67
65
|
}, /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
|
|
68
|
-
className: "".concat(
|
|
66
|
+
className: "".concat(dsClassnames.cssPrefix, "-page-header-v2-breadcrumb")
|
|
69
67
|
}, breadcrumbs), /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
|
|
70
68
|
cols: mainRow
|
|
71
69
|
}, /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
|
package/cjs/v2/PageHeader.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageHeader.js","sources":["../../../src/v2/PageHeader.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe } from 'react-desc';\nimport { compact } from 'lodash';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { PageHeaderTitle } from './components/PageHeaderTitle/PageHeaderTitle';\nimport { PageHeaderEditableTitle } from './components/PageHeaderEditableTitle/PageHeaderEditableTitle';\nimport { PageHeaderSummary } from './components/PageHeaderSummary/PageHeaderSummary';\nimport { PageHeaderMenu } from './components/PageHeaderMenu/PageHeaderMenu';\nimport { PageHeaderToolbar } from './components/PageHeaderToolbar/PageHeaderToolbar';\nimport { PageHeaderBack } from './components/PageHeaderBack/PageHeaderBack';\nimport { cssPrefix } from './components/blocks';\nimport { navProps, defaultProps } from './props';\n\nconst PageHeaderCustomRenderer = styled.div`\n width: auto;\n color: ${(props) => props.theme.colors.brand[800]};\n font-style: italic;\n font-size: 0.8rem;\n`;\n\nconst Container = styled.div`\n width: 100%;\n margin-bottom: 8px;\n`;\nconst ContainerWBorder = styled.div`\n width: 100%;\n padding: 12px 0 8px 0;\n display: grid;\n align-items: center;\n height: 100%;\n ${(props) => (!props.withBottomSeparator ? '' : `border-bottom: solid 1px ${props.theme.colors.neutral[400]};`)}\n`;\nconst DSPageHeaderV2 = ({\n containerProps,\n breadcrumbs,\n pageTitle,\n backarrow,\n summary,\n toolbar,\n menu,\n withBottomSeparator,\n}) => {\n const wrapperRow = ['auto', 1];\n const mainRow = compact([1, 'auto']);\n const pageTitleRow = compact(['auto', menu && '30px', summary && 'auto', 1]);\n return (\n <Container {...containerProps}>\n <ContainerWBorder withBottomSeparator={withBottomSeparator}>\n <Grid cols={wrapperRow}>\n <Grid>\n <PageHeaderBack>{backarrow}</PageHeaderBack>\n </Grid>\n <Grid rows={['auto', 'auto']}>\n <Grid className={`${cssPrefix}-page-header-v2-breadcrumb`}>{breadcrumbs}</Grid>\n <Grid cols={mainRow}>\n <Grid cols={pageTitleRow}>\n {pageTitle}\n {menu && <PageHeaderMenu>{menu}</PageHeaderMenu>}\n {summary}\n <div />\n </Grid>\n <Grid>\n <PageHeaderToolbar>{toolbar}</PageHeaderToolbar>\n </Grid>\n </Grid>\n </Grid>\n </Grid>\n </ContainerWBorder>\n </Container>\n );\n};\n\nDSPageHeaderV2.propTypes = navProps;\nDSPageHeaderV2.defaultProps = defaultProps;\n\nconst DSPageHeaderWithSchema = describe(DSPageHeaderV2);\n\nDSPageHeaderWithSchema.propTypes = navProps;\n\nexport {\n DSPageHeaderV2,\n PageHeaderTitle,\n PageHeaderEditableTitle,\n PageHeaderSummary,\n PageHeaderMenu,\n PageHeaderCustomRenderer,\n DSPageHeaderWithSchema,\n};\n\nexport default DSPageHeaderV2;\n"],"names":["PageHeaderCustomRenderer","styled","div","props","theme","colors","brand","Container","ContainerWBorder","withBottomSeparator","neutral","DSPageHeaderV2","containerProps","breadcrumbs","pageTitle","backarrow","summary","toolbar","menu","wrapperRow","mainRow","compact","pageTitleRow","React","Grid","PageHeaderBack","cssPrefix","PageHeaderMenu","PageHeaderToolbar","propTypes","navProps","defaultProps","DSPageHeaderWithSchema","describe"],"mappings":"
|
|
1
|
+
{"version":3,"file":"PageHeader.js","sources":["../../../src/v2/PageHeader.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe } from 'react-desc';\nimport { compact } from 'lodash';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { PageHeaderTitle } from './components/PageHeaderTitle/PageHeaderTitle';\nimport { PageHeaderEditableTitle } from './components/PageHeaderEditableTitle/PageHeaderEditableTitle';\nimport { PageHeaderSummary } from './components/PageHeaderSummary/PageHeaderSummary';\nimport { PageHeaderMenu } from './components/PageHeaderMenu/PageHeaderMenu';\nimport { PageHeaderToolbar } from './components/PageHeaderToolbar/PageHeaderToolbar';\nimport { PageHeaderBack } from './components/PageHeaderBack/PageHeaderBack';\nimport { cssPrefix } from './components/blocks';\nimport { navProps, defaultProps } from './props';\n\nconst PageHeaderCustomRenderer = styled.div`\n width: auto;\n color: ${(props) => props.theme.colors.brand[800]};\n font-style: italic;\n font-size: 0.8rem;\n`;\n\nconst Container = styled.div`\n width: 100%;\n margin-bottom: 8px;\n`;\nconst ContainerWBorder = styled.div`\n width: 100%;\n padding: 12px 0 8px 0;\n display: grid;\n align-items: center;\n height: 100%;\n ${(props) => (!props.withBottomSeparator ? '' : `border-bottom: solid 1px ${props.theme.colors.neutral[400]};`)}\n`;\nconst DSPageHeaderV2 = ({\n containerProps,\n breadcrumbs,\n pageTitle,\n backarrow,\n summary,\n toolbar,\n menu,\n withBottomSeparator,\n}) => {\n const wrapperRow = ['auto', 1];\n const mainRow = compact([1, 'auto']);\n const pageTitleRow = compact(['auto', menu && '30px', summary && 'auto', 1]);\n return (\n <Container {...containerProps}>\n <ContainerWBorder withBottomSeparator={withBottomSeparator}>\n <Grid cols={wrapperRow}>\n <Grid>\n <PageHeaderBack>{backarrow}</PageHeaderBack>\n </Grid>\n <Grid rows={['auto', 'auto']}>\n <Grid className={`${cssPrefix}-page-header-v2-breadcrumb`}>{breadcrumbs}</Grid>\n <Grid cols={mainRow}>\n <Grid cols={pageTitleRow}>\n {pageTitle}\n {menu && <PageHeaderMenu>{menu}</PageHeaderMenu>}\n {summary}\n <div />\n </Grid>\n <Grid>\n <PageHeaderToolbar>{toolbar}</PageHeaderToolbar>\n </Grid>\n </Grid>\n </Grid>\n </Grid>\n </ContainerWBorder>\n </Container>\n );\n};\n\nDSPageHeaderV2.propTypes = navProps;\nDSPageHeaderV2.defaultProps = defaultProps;\n\nconst DSPageHeaderWithSchema = describe(DSPageHeaderV2);\n\nDSPageHeaderWithSchema.propTypes = navProps;\n\nexport {\n DSPageHeaderV2,\n PageHeaderTitle,\n PageHeaderEditableTitle,\n PageHeaderSummary,\n PageHeaderMenu,\n PageHeaderCustomRenderer,\n DSPageHeaderWithSchema,\n};\n\nexport default DSPageHeaderV2;\n"],"names":["PageHeaderCustomRenderer","styled","div","props","theme","colors","brand","Container","ContainerWBorder","withBottomSeparator","neutral","DSPageHeaderV2","containerProps","breadcrumbs","pageTitle","backarrow","summary","toolbar","menu","wrapperRow","mainRow","compact","pageTitleRow","React","Grid","PageHeaderBack","cssPrefix","PageHeaderMenu","PageHeaderToolbar","propTypes","navProps","defaultProps","DSPageHeaderWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;IAeMA,wBAAwB,gBAAGC,0BAAM,CAACC,GAAV;AAAA;AAAA,kEAEnB,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAFmB;AAO9B,IAAMC,SAAS,gBAAGN,0BAAM,CAACC,GAAV;AAAA;AAAA,qCAAf;AAIA,IAAMM,gBAAgB,gBAAGP,0BAAM,CAACC,GAAV;AAAA;AAAA,yFAMlB,UAACC,KAAD;AAAA,SAAY,CAACA,KAAK,CAACM,mBAAP,GAA6B,EAA7B,sCAA8DN,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBK,OAAnB,CAA2B,GAA3B,CAA9D,MAAZ;AAAA,CANkB,CAAtB;;IAQMC,cAAc,GAAG,SAAjBA,cAAiB,OASjB;AAAA,MARJC,cAQI,QARJA,cAQI;AAAA,MAPJC,WAOI,QAPJA,WAOI;AAAA,MANJC,SAMI,QANJA,SAMI;AAAA,MALJC,SAKI,QALJA,SAKI;AAAA,MAJJC,OAII,QAJJA,OAII;AAAA,MAHJC,OAGI,QAHJA,OAGI;AAAA,MAFJC,IAEI,QAFJA,IAEI;AAAA,MADJT,mBACI,QADJA,mBACI;AACJ,MAAMU,UAAU,GAAG,CAAC,MAAD,EAAS,CAAT,CAAnB;AACA,MAAMC,OAAO,GAAGC,cAAO,CAAC,CAAC,CAAD,EAAI,MAAJ,CAAD,CAAvB;AACA,MAAMC,YAAY,GAAGD,cAAO,CAAC,CAAC,MAAD,EAASH,IAAI,IAAI,MAAjB,EAAyBF,OAAO,IAAI,MAApC,EAA4C,CAA5C,CAAD,CAA5B;AACA,sBACEO,wCAAC,SAAD,EAAeX,cAAf,eACEW,wCAAC,gBAAD;AAAkB,IAAA,mBAAmB,EAAEd;AAAvC,kBACEc,wCAACC,WAAD;AAAM,IAAA,IAAI,EAAEL;AAAZ,kBACEI,wCAACC,WAAD,qBACED,wCAACE,0DAAD,QAAiBV,SAAjB,CADF,CADF,eAIEQ,wCAACC,WAAD;AAAM,IAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT;AAAZ,kBACED,wCAACC,WAAD;AAAM,IAAA,SAAS,YAAKE,sBAAL;AAAf,KAA4Db,WAA5D,CADF,eAEEU,wCAACC,WAAD;AAAM,IAAA,IAAI,EAAEJ;AAAZ,kBACEG,wCAACC,WAAD;AAAM,IAAA,IAAI,EAAEF;AAAZ,KACGR,SADH,EAEGI,IAAI,iBAAIK,wCAACI,0DAAD,QAAiBT,IAAjB,CAFX,EAGGF,OAHH,eAIEO,oDAJF,CADF,eAOEA,wCAACC,WAAD,qBACED,wCAACK,mEAAD,QAAoBX,OAApB,CADF,CAPF,CAFF,CAJF,CADF,CADF,CADF;AAyBD;;AAEDN,cAAc,CAACkB,SAAf,GAA2BC,iBAA3B;AACAnB,cAAc,CAACoB,YAAf,GAA8BA,qBAA9B;IAEMC,sBAAsB,GAAGC,kBAAQ,CAACtB,cAAD;AAEvCqB,sBAAsB,CAACH,SAAvB,GAAmCC,iBAAnC;;;;;;;;;;;"}
|
|
@@ -5,9 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var v2_components_blocks = require('../blocks.js');
|
|
8
|
-
require('@elliemae/ds-classnames/aggregatedClasses');
|
|
9
8
|
require('@elliemae/ds-classnames');
|
|
10
|
-
require('@elliemae/ds-form
|
|
9
|
+
require('@elliemae/ds-form');
|
|
11
10
|
|
|
12
11
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
13
12
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageHeaderBack.js","sources":["../../../../../src/v2/components/PageHeaderBack/PageHeaderBack.tsx"],"sourcesContent":["import React from 'react';\nimport { PageHeaderBackWrapper } from '../blocks';\n\nexport const PageHeaderBack = ({ children, ...rest }) => (\n <PageHeaderBackWrapper {...rest}>{children}</PageHeaderBackWrapper>\n);\n"],"names":["PageHeaderBack","children","rest","React","PageHeaderBackWrapper"],"mappings":"
|
|
1
|
+
{"version":3,"file":"PageHeaderBack.js","sources":["../../../../../src/v2/components/PageHeaderBack/PageHeaderBack.tsx"],"sourcesContent":["import React from 'react';\nimport { PageHeaderBackWrapper } from '../blocks';\n\nexport const PageHeaderBack = ({ children, ...rest }) => (\n <PageHeaderBackWrapper {...rest}>{children}</PageHeaderBackWrapper>\n);\n"],"names":["PageHeaderBack","children","rest","React","PageHeaderBackWrapper"],"mappings":";;;;;;;;;;;;;;;;IAGaA,cAAc,GAAG,SAAjBA,cAAiB;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,MAAgBC,IAAhB;;AAAA,sBAC5BC,wCAACC,0CAAD,EAA2BF,IAA3B,EAAkCD,QAAlC,CAD4B;AAAA;;;;"}
|
|
@@ -9,13 +9,11 @@ var React = require('react');
|
|
|
9
9
|
var lodash = require('lodash');
|
|
10
10
|
var styled = require('styled-components');
|
|
11
11
|
var reactDesc = require('react-desc');
|
|
12
|
-
var
|
|
13
|
-
var useDerivedStateFromProps = require('@elliemae/ds-utilities/hooks/useDerivedStateFromProps');
|
|
12
|
+
var dsUtilities = require('@elliemae/ds-utilities');
|
|
14
13
|
var v2_components_blocks = require('../blocks.js');
|
|
15
14
|
var v2_components_PageHeaderTitle_PageHeaderTitle = require('../PageHeaderTitle/PageHeaderTitle.js');
|
|
16
|
-
require('@elliemae/ds-classnames/aggregatedClasses');
|
|
17
15
|
require('@elliemae/ds-classnames');
|
|
18
|
-
require('@elliemae/ds-form
|
|
16
|
+
require('@elliemae/ds-form');
|
|
19
17
|
require('@elliemae/ds-truncated-tooltip-text');
|
|
20
18
|
require('@elliemae/ds-form/RequiredMark');
|
|
21
19
|
|
|
@@ -26,7 +24,6 @@ var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray)
|
|
|
26
24
|
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
27
25
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
28
26
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
29
|
-
var useDerivedStateFromProps__default = /*#__PURE__*/_interopDefaultLegacy(useDerivedStateFromProps);
|
|
30
27
|
|
|
31
28
|
var _excluded = ["children", "editing", "onBlur", "onChange", "onFocus", "onMouseOut", "showMarker"];
|
|
32
29
|
var EditableContainer = /*#__PURE__*/styled__default['default'].div.withConfig({
|
|
@@ -58,14 +55,14 @@ var PageHeaderEditableTitle = function PageHeaderEditableTitle(_ref) {
|
|
|
58
55
|
hovered = _useState4[0],
|
|
59
56
|
setHovered = _useState4[1];
|
|
60
57
|
|
|
61
|
-
var _useDerivedStateFromP =
|
|
58
|
+
var _useDerivedStateFromP = dsUtilities.useDerivedStateFromProps(editingProp || false),
|
|
62
59
|
_useDerivedStateFromP2 = _slicedToArray__default['default'](_useDerivedStateFromP, 2),
|
|
63
60
|
editing = _useDerivedStateFromP2[0],
|
|
64
61
|
setEditing = _useDerivedStateFromP2[1];
|
|
65
62
|
|
|
66
63
|
var titleRef = React.useRef(null);
|
|
67
64
|
|
|
68
|
-
var _useMeasure =
|
|
65
|
+
var _useMeasure = dsUtilities.useMeasure(titleRef),
|
|
69
66
|
width = _useMeasure.width;
|
|
70
67
|
|
|
71
68
|
return /*#__PURE__*/React__default['default'].createElement(EditableContainer, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageHeaderEditableTitle.js","sources":["../../../../../src/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { noop } from 'lodash';\nimport styled from 'styled-components';\nimport { PropTypes, describe } from 'react-desc';\nimport { useMeasure
|
|
1
|
+
{"version":3,"file":"PageHeaderEditableTitle.js","sources":["../../../../../src/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { noop } from 'lodash';\nimport styled from 'styled-components';\nimport { PropTypes, describe } from 'react-desc';\nimport { useMeasure , useDerivedStateFromProps } from '@elliemae/ds-utilities';\nimport { EditableTitleComponent } from '../blocks';\nimport { PageHeaderTitle } from '../PageHeaderTitle/PageHeaderTitle';\n\nconst EditableContainer = styled.div`\n height: 32px;\n position: relative;\n overflow: hidden;\n`;\n\nexport const PageHeaderEditableTitle = ({\n children: value,\n editing: editingProp = false,\n onBlur = noop,\n onChange = noop,\n onFocus = noop,\n onMouseOut = noop,\n showMarker = false,\n ...rest\n}) => {\n const [titleValue, setTitleValue] = useState(value);\n const [hovered, setHovered] = useState(false);\n const [editing, setEditing] = useDerivedStateFromProps(editingProp || false);\n const titleRef = useRef(null);\n const { width } = useMeasure(titleRef);\n return (\n <EditableContainer\n className={hovered || editing ? 'editable-title-component' : ''}\n onMouseEnter={() => setHovered(true)}\n onMouseLeave={() => setHovered(false)}\n >\n {(hovered || editing) && (\n <EditableTitleComponent\n {...rest}\n onBlur={(e) => {\n setEditing(false);\n onBlur(e);\n }}\n onChange={(e) => {\n setTitleValue(e.target.value);\n onChange(e);\n }}\n onFocus={(e) => {\n setEditing(true);\n onFocus(e);\n }}\n onMouseOut={(e) => {\n setHovered(false);\n onMouseOut(e);\n }}\n style={{ width: width + 10, minWidth: '260px', maxWidth: '100%' }}\n value={titleValue}\n />\n )}\n <div ref={titleRef} style={{ width: 'fit-content' }}>\n <PageHeaderTitle showMarker={showMarker && !hovered && !editing}>{titleValue}</PageHeaderTitle>\n </div>\n </EditableContainer>\n );\n};\n\nconst props = {\n /** The title text */\n children: PropTypes.string.description('The title text'),\n /** Whether the title is editing or not */\n editing: PropTypes.bool.description('Whether the title is editing or not'),\n /** Show error marker */\n showMarker: PropTypes.bool.description('Show error marker'),\n /** blur callback */\n onBlur: PropTypes.func.description('blur callback'),\n /** on change handler */\n onChange: PropTypes.func.description('on change handler'),\n /** on focus handler */\n onFocus: PropTypes.func.description('on focus handler'),\n /** mouse out of component handler */\n onMouseOut: PropTypes.func.description('mouse out of component handler'),\n};\n\nPageHeaderEditableTitle.propTypes = props;\n\nconst DSPageHeaderEditableTitleWithSchema = describe(PageHeaderEditableTitle);\n\nDSPageHeaderEditableTitleWithSchema.propTypes = props;\n\nexport default PageHeaderEditableTitle;\n\nexport { DSPageHeaderEditableTitleWithSchema };\n"],"names":["EditableContainer","styled","div","PageHeaderEditableTitle","value","children","editing","editingProp","onBlur","noop","onChange","onFocus","onMouseOut","showMarker","rest","useState","titleValue","setTitleValue","hovered","setHovered","useDerivedStateFromProps","setEditing","titleRef","useRef","useMeasure","width","React","EditableTitleComponent","e","target","minWidth","maxWidth","PageHeaderTitle","props","PropTypes","string","description","bool","func","propTypes","DSPageHeaderEditableTitleWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,iBAAiB,gBAAGC,0BAAM,CAACC,GAAV;AAAA;AAAA,sDAAvB;IAMaC,uBAAuB,GAAG,SAA1BA,uBAA0B,OASjC;AAAA,MARMC,KAQN,QARJC,QAQI;AAAA,0BAPJC,OAOI;AAAA,MAPKC,WAOL,6BAPmB,KAOnB;AAAA,yBANJC,MAMI;AAAA,MANJA,OAMI,4BANKC,WAML;AAAA,2BALJC,QAKI;AAAA,MALJA,SAKI,8BALOD,WAKP;AAAA,0BAJJE,OAII;AAAA,MAJJA,QAII,6BAJMF,WAIN;AAAA,6BAHJG,UAGI;AAAA,MAHJA,WAGI,gCAHSH,WAGT;AAAA,6BAFJI,UAEI;AAAA,MAFJA,UAEI,gCAFS,KAET;AAAA,MADDC,IACC;;AACJ,kBAAoCC,cAAQ,CAACX,KAAD,CAA5C;AAAA;AAAA,MAAOY,UAAP;AAAA,MAAmBC,aAAnB;;AACA,mBAA8BF,cAAQ,CAAC,KAAD,CAAtC;AAAA;AAAA,MAAOG,OAAP;AAAA,MAAgBC,UAAhB;;AACA,8BAA8BC,oCAAwB,CAACb,WAAW,IAAI,KAAhB,CAAtD;AAAA;AAAA,MAAOD,OAAP;AAAA,MAAgBe,UAAhB;;AACA,MAAMC,QAAQ,GAAGC,YAAM,CAAC,IAAD,CAAvB;;AACA,oBAAkBC,sBAAU,CAACF,QAAD,CAA5B;AAAA,MAAQG,KAAR,eAAQA,KAAR;;AACA,sBACEC,wCAAC,iBAAD;AACE,IAAA,SAAS,EAAER,OAAO,IAAIZ,OAAX,GAAqB,0BAArB,GAAkD,EAD/D;AAEE,IAAA,YAAY,EAAE;AAAA,aAAMa,UAAU,CAAC,IAAD,CAAhB;AAAA,KAFhB;AAGE,IAAA,YAAY,EAAE;AAAA,aAAMA,UAAU,CAAC,KAAD,CAAhB;AAAA;AAHhB,KAKG,CAACD,OAAO,IAAIZ,OAAZ,kBACCoB,wCAACC,2CAAD,mCACMb,IADN;AAEE,IAAA,MAAM,EAAE,gBAACc,CAAD,EAAO;AACbP,MAAAA,UAAU,CAAC,KAAD,CAAV;;AACAb,MAAAA,OAAM,CAACoB,CAAD,CAAN;AACD,KALH;AAME,IAAA,QAAQ,EAAE,kBAACA,CAAD,EAAO;AACfX,MAAAA,aAAa,CAACW,CAAC,CAACC,MAAF,CAASzB,KAAV,CAAb;;AACAM,MAAAA,SAAQ,CAACkB,CAAD,CAAR;AACD,KATH;AAUE,IAAA,OAAO,EAAE,iBAACA,CAAD,EAAO;AACdP,MAAAA,UAAU,CAAC,IAAD,CAAV;;AACAV,MAAAA,QAAO,CAACiB,CAAD,CAAP;AACD,KAbH;AAcE,IAAA,UAAU,EAAE,oBAACA,CAAD,EAAO;AACjBT,MAAAA,UAAU,CAAC,KAAD,CAAV;;AACAP,MAAAA,WAAU,CAACgB,CAAD,CAAV;AACD,KAjBH;AAkBE,IAAA,KAAK,EAAE;AAAEH,MAAAA,KAAK,EAAEA,KAAK,GAAG,EAAjB;AAAqBK,MAAAA,QAAQ,EAAE,OAA/B;AAAwCC,MAAAA,QAAQ,EAAE;AAAlD,KAlBT;AAmBE,IAAA,KAAK,EAAEf;AAnBT,KANJ,eA4BEU;AAAK,IAAA,GAAG,EAAEJ,QAAV;AAAoB,IAAA,KAAK,EAAE;AAAEG,MAAAA,KAAK,EAAE;AAAT;AAA3B,kBACEC,wCAACM,6DAAD;AAAiB,IAAA,UAAU,EAAEnB,UAAU,IAAI,CAACK,OAAf,IAA0B,CAACZ;AAAxD,KAAkEU,UAAlE,CADF,CA5BF,CADF;AAkCD;AAED,IAAMiB,KAAK,GAAG;AACZ;AACA5B,EAAAA,QAAQ,EAAE6B,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,gBAA7B,CAFE;;AAGZ;AACA9B,EAAAA,OAAO,EAAE4B,mBAAS,CAACG,IAAV,CAAeD,WAAf,CAA2B,qCAA3B,CAJG;;AAKZ;AACAvB,EAAAA,UAAU,EAAEqB,mBAAS,CAACG,IAAV,CAAeD,WAAf,CAA2B,mBAA3B,CANA;;AAOZ;AACA5B,EAAAA,MAAM,EAAE0B,mBAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,eAA3B,CARI;;AASZ;AACA1B,EAAAA,QAAQ,EAAEwB,mBAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,mBAA3B,CAVE;;AAWZ;AACAzB,EAAAA,OAAO,EAAEuB,mBAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,kBAA3B,CAZG;;AAaZ;AACAxB,EAAAA,UAAU,EAAEsB,mBAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,gCAA3B;AAdA,CAAd;AAiBAjC,uBAAuB,CAACoC,SAAxB,GAAoCN,KAApC;IAEMO,mCAAmC,GAAGC,kBAAQ,CAACtC,uBAAD;AAEpDqC,mCAAmC,CAACD,SAApC,GAAgDN,KAAhD;;;;;;"}
|
|
@@ -5,9 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var v2_components_blocks = require('../blocks.js');
|
|
8
|
-
require('@elliemae/ds-classnames/aggregatedClasses');
|
|
9
8
|
require('@elliemae/ds-classnames');
|
|
10
|
-
require('@elliemae/ds-form
|
|
9
|
+
require('@elliemae/ds-form');
|
|
11
10
|
|
|
12
11
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
13
12
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageHeaderMenu.js","sources":["../../../../../src/v2/components/PageHeaderMenu/PageHeaderMenu.tsx"],"sourcesContent":["import React from 'react';\nimport { PageHeaderMenuWrapper } from '../blocks';\n\nexport const PageHeaderMenu = ({ children, ...rest }) => (\n <PageHeaderMenuWrapper {...rest}>{children}</PageHeaderMenuWrapper>\n);\n"],"names":["PageHeaderMenu","children","rest","React","PageHeaderMenuWrapper"],"mappings":"
|
|
1
|
+
{"version":3,"file":"PageHeaderMenu.js","sources":["../../../../../src/v2/components/PageHeaderMenu/PageHeaderMenu.tsx"],"sourcesContent":["import React from 'react';\nimport { PageHeaderMenuWrapper } from '../blocks';\n\nexport const PageHeaderMenu = ({ children, ...rest }) => (\n <PageHeaderMenuWrapper {...rest}>{children}</PageHeaderMenuWrapper>\n);\n"],"names":["PageHeaderMenu","children","rest","React","PageHeaderMenuWrapper"],"mappings":";;;;;;;;;;;;;;;;IAGaA,cAAc,GAAG,SAAjBA,cAAiB;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,MAAgBC,IAAhB;;AAAA,sBAC5BC,wCAACC,0CAAD,EAA2BF,IAA3B,EAAkCD,QAAlC,CAD4B;AAAA;;;;"}
|
|
@@ -6,9 +6,8 @@ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProp
|
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var reactDesc = require('react-desc');
|
|
8
8
|
var v2_components_blocks = require('../blocks.js');
|
|
9
|
-
require('@elliemae/ds-classnames/aggregatedClasses');
|
|
10
9
|
require('@elliemae/ds-classnames');
|
|
11
|
-
require('@elliemae/ds-form
|
|
10
|
+
require('@elliemae/ds-form');
|
|
12
11
|
|
|
13
12
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
14
13
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageHeaderSummary.js","sources":["../../../../../src/v2/components/PageHeaderSummary/PageHeaderSummary.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { PageHeaderSummaryWrapper } from '../blocks';\n\nconst PageHeaderSummary = ({ value = null, label = '', ...rest }) => (\n <PageHeaderSummaryWrapper {...rest}>\n {(value === 0 || value) && <div className=\"ph-summary-value\">{value}</div>}\n {label && <div className=\"ph-summary-label\">{label}</div>}\n {(value === 0 || value || label) && <div className=\"ph-summary-space\" />}\n </PageHeaderSummaryWrapper>\n);\n\nconst props = {\n /** value for page header summary */\n value: PropTypes.number.description('value for page header summary'),\n /** label attached to value */\n label: PropTypes.string.description('label attached to value'),\n};\n\nPageHeaderSummary.propTypes = props;\n\nconst DSPageHeaderSummaryWithSchema = describe(PageHeaderSummary);\n\nDSPageHeaderSummaryWithSchema.propTypes = props;\n\nexport { PageHeaderSummary, DSPageHeaderSummaryWithSchema };\n"],"names":["PageHeaderSummary","value","label","rest","React","PageHeaderSummaryWrapper","props","PropTypes","number","description","string","propTypes","DSPageHeaderSummaryWithSchema","describe"],"mappings":"
|
|
1
|
+
{"version":3,"file":"PageHeaderSummary.js","sources":["../../../../../src/v2/components/PageHeaderSummary/PageHeaderSummary.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { PageHeaderSummaryWrapper } from '../blocks';\n\nconst PageHeaderSummary = ({ value = null, label = '', ...rest }) => (\n <PageHeaderSummaryWrapper {...rest}>\n {(value === 0 || value) && <div className=\"ph-summary-value\">{value}</div>}\n {label && <div className=\"ph-summary-label\">{label}</div>}\n {(value === 0 || value || label) && <div className=\"ph-summary-space\" />}\n </PageHeaderSummaryWrapper>\n);\n\nconst props = {\n /** value for page header summary */\n value: PropTypes.number.description('value for page header summary'),\n /** label attached to value */\n label: PropTypes.string.description('label attached to value'),\n};\n\nPageHeaderSummary.propTypes = props;\n\nconst DSPageHeaderSummaryWithSchema = describe(PageHeaderSummary);\n\nDSPageHeaderSummaryWithSchema.propTypes = props;\n\nexport { PageHeaderSummary, DSPageHeaderSummaryWithSchema };\n"],"names":["PageHeaderSummary","value","label","rest","React","PageHeaderSummaryWrapper","props","PropTypes","number","description","string","propTypes","DSPageHeaderSummaryWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;IAIMA,iBAAiB,GAAG,SAApBA,iBAAoB;AAAA,wBAAGC,KAAH;AAAA,MAAGA,KAAH,2BAAW,IAAX;AAAA,wBAAiBC,KAAjB;AAAA,MAAiBA,KAAjB,2BAAyB,EAAzB;AAAA,MAAgCC,IAAhC;;AAAA,sBACxBC,wCAACC,6CAAD,EAA8BF,IAA9B,EACG,CAACF,KAAK,KAAK,CAAV,IAAeA,KAAhB,kBAA0BG;AAAK,IAAA,SAAS,EAAC;AAAf,KAAmCH,KAAnC,CAD7B,EAEGC,KAAK,iBAAIE;AAAK,IAAA,SAAS,EAAC;AAAf,KAAmCF,KAAnC,CAFZ,EAGG,CAACD,KAAK,KAAK,CAAV,IAAeA,KAAf,IAAwBC,KAAzB,kBAAmCE;AAAK,IAAA,SAAS,EAAC;AAAf,IAHtC,CADwB;AAAA;;AAQ1B,IAAME,KAAK,GAAG;AACZ;AACAL,EAAAA,KAAK,EAAEM,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,+BAA7B,CAFK;;AAGZ;AACAP,EAAAA,KAAK,EAAEK,mBAAS,CAACG,MAAV,CAAiBD,WAAjB,CAA6B,yBAA7B;AAJK,CAAd;AAOAT,iBAAiB,CAACW,SAAlB,GAA8BL,KAA9B;IAEMM,6BAA6B,GAAGC,kBAAQ,CAACb,iBAAD;AAE9CY,6BAA6B,CAACD,SAA9B,GAA0CL,KAA1C;;;;;"}
|
|
@@ -9,9 +9,8 @@ var reactDesc = require('react-desc');
|
|
|
9
9
|
var DSTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
|
|
10
10
|
var RequiredMark = require('@elliemae/ds-form/RequiredMark');
|
|
11
11
|
var v2_components_blocks = require('../blocks.js');
|
|
12
|
-
require('@elliemae/ds-classnames/aggregatedClasses');
|
|
13
12
|
require('@elliemae/ds-classnames');
|
|
14
|
-
require('@elliemae/ds-form
|
|
13
|
+
require('@elliemae/ds-form');
|
|
15
14
|
|
|
16
15
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
17
16
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageHeaderTitle.js","sources":["../../../../../src/v2/components/PageHeaderTitle/PageHeaderTitle.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport DSTruncatedTooltipText, { TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';\nimport RequiredMark from '@elliemae/ds-form/RequiredMark';\nimport { PageHeaderTitleWrapper } from '../blocks';\n\nconst PageHeaderTitle = ({ children, showMarker = false, ...rest }) => (\n <PageHeaderTitleWrapper {...rest} data-testid=\"ds-page-header-title\">\n <TooltipTextProvider>\n <DSTruncatedTooltipText value={children} />\n </TooltipTextProvider>\n {showMarker && <RequiredMark required />}\n </PageHeaderTitleWrapper>\n);\n\nconst props = {\n /** page header title string */\n children: PropTypes.string.description('Page header title string'),\n /** show required mark */\n showMarker: PropTypes.bool.description('show required mark'),\n};\n\nPageHeaderTitle.propTypes = props;\n\nconst DSPageHeaderTitleWithSchema = describe(PageHeaderTitle);\n\nDSPageHeaderTitleWithSchema.propTypes = props;\n\nexport { PageHeaderTitle, DSPageHeaderTitleWithSchema };\n"],"names":["PageHeaderTitle","children","showMarker","rest","React","PageHeaderTitleWrapper","TooltipTextProvider","DSTruncatedTooltipText","RequiredMark","props","PropTypes","string","description","bool","propTypes","DSPageHeaderTitleWithSchema","describe"],"mappings":"
|
|
1
|
+
{"version":3,"file":"PageHeaderTitle.js","sources":["../../../../../src/v2/components/PageHeaderTitle/PageHeaderTitle.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport DSTruncatedTooltipText, { TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';\nimport RequiredMark from '@elliemae/ds-form/RequiredMark';\nimport { PageHeaderTitleWrapper } from '../blocks';\n\nconst PageHeaderTitle = ({ children, showMarker = false, ...rest }) => (\n <PageHeaderTitleWrapper {...rest} data-testid=\"ds-page-header-title\">\n <TooltipTextProvider>\n <DSTruncatedTooltipText value={children} />\n </TooltipTextProvider>\n {showMarker && <RequiredMark required />}\n </PageHeaderTitleWrapper>\n);\n\nconst props = {\n /** page header title string */\n children: PropTypes.string.description('Page header title string'),\n /** show required mark */\n showMarker: PropTypes.bool.description('show required mark'),\n};\n\nPageHeaderTitle.propTypes = props;\n\nconst DSPageHeaderTitleWithSchema = describe(PageHeaderTitle);\n\nDSPageHeaderTitleWithSchema.propTypes = props;\n\nexport { PageHeaderTitle, DSPageHeaderTitleWithSchema };\n"],"names":["PageHeaderTitle","children","showMarker","rest","React","PageHeaderTitleWrapper","TooltipTextProvider","DSTruncatedTooltipText","RequiredMark","props","PropTypes","string","description","bool","propTypes","DSPageHeaderTitleWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;IAMMA,eAAe,GAAG,SAAlBA,eAAkB;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,6BAAaC,UAAb;AAAA,MAAaA,UAAb,gCAA0B,KAA1B;AAAA,MAAoCC,IAApC;;AAAA,sBACtBC,wCAACC,2CAAD,mCAA4BF,IAA5B;AAAkC,mBAAY;AAA9C,mBACEC,wCAACE,0CAAD,qBACEF,wCAACG,0CAAD;AAAwB,IAAA,KAAK,EAAEN;AAA/B,IADF,CADF,EAIGC,UAAU,iBAAIE,wCAACI,gCAAD;AAAc,IAAA,QAAQ;AAAtB,IAJjB,CADsB;AAAA;;AASxB,IAAMC,KAAK,GAAG;AACZ;AACAR,EAAAA,QAAQ,EAAES,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,0BAA7B,CAFE;;AAGZ;AACAV,EAAAA,UAAU,EAAEQ,mBAAS,CAACG,IAAV,CAAeD,WAAf,CAA2B,oBAA3B;AAJA,CAAd;AAOAZ,eAAe,CAACc,SAAhB,GAA4BL,KAA5B;IAEMM,2BAA2B,GAAGC,kBAAQ,CAAChB,eAAD;AAE5Ce,2BAA2B,CAACD,SAA5B,GAAwCL,KAAxC;;;;;"}
|
|
@@ -5,9 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var v2_components_blocks = require('../blocks.js');
|
|
8
|
-
require('@elliemae/ds-classnames/aggregatedClasses');
|
|
9
8
|
require('@elliemae/ds-classnames');
|
|
10
|
-
require('@elliemae/ds-form
|
|
9
|
+
require('@elliemae/ds-form');
|
|
11
10
|
|
|
12
11
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
13
12
|
|