@elliemae/ds-page-header 2.2.0 → 2.3.0-alpha.3
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 +36 -21
- package/cjs/DSPageHeader.js.map +7 -0
- package/cjs/index.js +43 -26
- package/cjs/index.js.map +7 -0
- package/cjs/v1/DSPageHeader.js +93 -120
- package/cjs/v1/DSPageHeader.js.map +7 -0
- package/cjs/v1/DropdownTitle.js +49 -35
- package/cjs/v1/DropdownTitle.js.map +7 -0
- package/cjs/v1/EditableTitle.js +68 -54
- package/cjs/v1/EditableTitle.js.map +7 -0
- package/cjs/v1/PageHeaderImpl.js +122 -116
- package/cjs/v1/PageHeaderImpl.js.map +7 -0
- package/cjs/v1/Title.js +42 -24
- package/cjs/v1/Title.js.map +7 -0
- package/cjs/v1/TitleWrapper.js +37 -8
- package/cjs/v1/TitleWrapper.js.map +7 -0
- package/cjs/v2/PageHeader.js +104 -89
- package/cjs/v2/PageHeader.js.map +7 -0
- package/cjs/v2/components/PageHeaderBack/PageHeaderBack.js +38 -36
- package/cjs/v2/components/PageHeaderBack/PageHeaderBack.js.map +7 -0
- package/cjs/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js +87 -101
- package/cjs/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js.map +7 -0
- package/cjs/v2/components/PageHeaderMenu/PageHeaderMenu.js +38 -36
- package/cjs/v2/components/PageHeaderMenu/PageHeaderMenu.js.map +7 -0
- package/cjs/v2/components/PageHeaderSummary/PageHeaderSummary.js +50 -57
- package/cjs/v2/components/PageHeaderSummary/PageHeaderSummary.js.map +7 -0
- package/cjs/v2/components/PageHeaderTitle/PageHeaderTitle.js +51 -60
- package/cjs/v2/components/PageHeaderTitle/PageHeaderTitle.js.map +7 -0
- package/cjs/v2/components/PageHeaderToolbar/PageHeaderToolbar.js +38 -36
- package/cjs/v2/components/PageHeaderToolbar/PageHeaderToolbar.js.map +7 -0
- package/cjs/v2/components/blocks.js +48 -24
- package/cjs/v2/components/blocks.js.map +7 -0
- package/cjs/v2/props.js +44 -32
- package/cjs/v2/props.js.map +7 -0
- package/cjs/v2/tests/utils.js +123 -0
- package/cjs/v2/tests/utils.js.map +7 -0
- package/esm/DSPageHeader.js +7 -6
- package/esm/DSPageHeader.js.map +7 -0
- package/esm/index.js +14 -6
- package/esm/index.js.map +7 -0
- package/esm/v1/DSPageHeader.js +65 -109
- package/esm/v1/DSPageHeader.js.map +7 -0
- package/esm/v1/DropdownTitle.js +20 -27
- package/esm/v1/DropdownTitle.js.map +7 -0
- package/esm/v1/EditableTitle.js +35 -42
- package/esm/v1/EditableTitle.js.map +7 -0
- package/esm/v1/PageHeaderImpl.js +95 -110
- package/esm/v1/PageHeaderImpl.js.map +7 -0
- package/esm/v1/Title.js +13 -17
- package/esm/v1/Title.js.map +7 -0
- package/esm/v1/TitleWrapper.js +8 -6
- package/esm/v1/TitleWrapper.js.map +7 -0
- package/esm/v2/PageHeader.js +72 -70
- package/esm/v2/PageHeader.js.map +7 -0
- package/esm/v2/components/PageHeaderBack/PageHeaderBack.js +9 -27
- package/esm/v2/components/PageHeaderBack/PageHeaderBack.js.map +7 -0
- package/esm/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js +53 -83
- package/esm/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js.map +7 -0
- package/esm/v2/components/PageHeaderMenu/PageHeaderMenu.js +9 -27
- package/esm/v2/components/PageHeaderMenu/PageHeaderMenu.js.map +7 -0
- package/esm/v2/components/PageHeaderSummary/PageHeaderSummary.js +21 -46
- package/esm/v2/components/PageHeaderSummary/PageHeaderSummary.js.map +7 -0
- package/esm/v2/components/PageHeaderTitle/PageHeaderTitle.js +22 -47
- package/esm/v2/components/PageHeaderTitle/PageHeaderTitle.js.map +7 -0
- package/esm/v2/components/PageHeaderToolbar/PageHeaderToolbar.js +9 -27
- package/esm/v2/components/PageHeaderToolbar/PageHeaderToolbar.js.map +7 -0
- package/esm/v2/components/blocks.js +20 -13
- package/esm/v2/components/blocks.js.map +7 -0
- package/esm/v2/props.js +15 -27
- package/esm/v2/props.js.map +7 -0
- package/esm/v2/tests/utils.js +94 -0
- package/esm/v2/tests/utils.js.map +7 -0
- package/package.json +11 -11
|
@@ -1,51 +1,26 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
var _RequiredMark;
|
|
17
|
-
|
|
18
|
-
const _excluded = ["children", "showMarker"];
|
|
19
|
-
|
|
20
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
21
|
-
|
|
22
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
23
|
-
|
|
24
|
-
const PageHeaderTitle = _ref => {
|
|
25
|
-
let {
|
|
26
|
-
children,
|
|
27
|
-
showMarker = false
|
|
28
|
-
} = _ref,
|
|
29
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
30
|
-
|
|
31
|
-
return /*#__PURE__*/jsxs(PageHeaderTitleWrapper, _objectSpread(_objectSpread({}, rest), {}, {
|
|
32
|
-
"data-testid": "ds-page-header-title",
|
|
33
|
-
children: [/*#__PURE__*/_jsx(TooltipTextProvider, {}, void 0, /*#__PURE__*/_jsx(DSTruncatedTooltipText, {
|
|
34
|
-
value: children
|
|
35
|
-
})), showMarker && (_RequiredMark || (_RequiredMark = /*#__PURE__*/_jsx(RequiredMark, {
|
|
36
|
-
required: true
|
|
37
|
-
})))]
|
|
38
|
-
}));
|
|
39
|
-
};
|
|
40
|
-
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import React2 from "react";
|
|
3
|
+
import { PropTypes, describe } from "react-desc";
|
|
4
|
+
import DSTruncatedTooltipText, { TooltipTextProvider } from "@elliemae/ds-truncated-tooltip-text";
|
|
5
|
+
import RequiredMark from "@elliemae/ds-form/RequiredMark";
|
|
6
|
+
import { PageHeaderTitleWrapper } from "../blocks";
|
|
7
|
+
const PageHeaderTitle = ({ children, showMarker = false, ...rest }) => /* @__PURE__ */ React2.createElement(PageHeaderTitleWrapper, {
|
|
8
|
+
...rest,
|
|
9
|
+
"data-testid": "ds-page-header-title"
|
|
10
|
+
}, /* @__PURE__ */ React2.createElement(TooltipTextProvider, null, /* @__PURE__ */ React2.createElement(DSTruncatedTooltipText, {
|
|
11
|
+
value: children
|
|
12
|
+
})), showMarker && /* @__PURE__ */ React2.createElement(RequiredMark, {
|
|
13
|
+
required: true
|
|
14
|
+
}));
|
|
41
15
|
const props = {
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
/** show required mark */
|
|
46
|
-
showMarker: PropTypes.bool.description('show required mark')
|
|
16
|
+
children: PropTypes.string.description("Page header title string"),
|
|
17
|
+
showMarker: PropTypes.bool.description("show required mark")
|
|
47
18
|
};
|
|
19
|
+
PageHeaderTitle.propTypes = props;
|
|
48
20
|
const DSPageHeaderTitleWithSchema = describe(PageHeaderTitle);
|
|
49
21
|
DSPageHeaderTitleWithSchema.propTypes = props;
|
|
50
|
-
|
|
51
|
-
|
|
22
|
+
export {
|
|
23
|
+
DSPageHeaderTitleWithSchema,
|
|
24
|
+
PageHeaderTitle
|
|
25
|
+
};
|
|
26
|
+
//# sourceMappingURL=PageHeaderTitle.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/v2/components/PageHeaderTitle/PageHeaderTitle.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
|
|
5
|
+
"mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,kBAAkB,CAAC,EAAE,UAAU,aAAa,UAAU,WAC1D,qCAAC,wBAAD;AAAA,KAA4B;AAAA,EAAM,eAAY;AAAA,GAC5C,qCAAC,qBAAD,MACE,qCAAC,wBAAD;AAAA,EAAwB,OAAO;AAAA,KAEhC,cAAc,qCAAC,cAAD;AAAA,EAAc,UAAQ;AAAA;AAIzC,MAAM,QAAQ;AAAA,EAEZ,UAAU,UAAU,OAAO,YAAY;AAAA,EAEvC,YAAY,UAAU,KAAK,YAAY;AAAA;AAGzC,gBAAgB,YAAY;AAE5B,MAAM,8BAA8B,SAAS;AAE7C,4BAA4B,YAAY;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,28 +1,10 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
import { PageHeaderToolbarWrapper } from '../blocks.js';
|
|
10
|
-
import { jsx } from 'react/jsx-runtime';
|
|
11
|
-
|
|
12
|
-
const _excluded = ["children"];
|
|
13
|
-
|
|
14
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
15
|
-
|
|
16
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
17
|
-
const PageHeaderToolbar = _ref => {
|
|
18
|
-
let {
|
|
19
|
-
children
|
|
20
|
-
} = _ref,
|
|
21
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
22
|
-
|
|
23
|
-
return /*#__PURE__*/jsx(PageHeaderToolbarWrapper, _objectSpread(_objectSpread({}, rest), {}, {
|
|
24
|
-
children: children
|
|
25
|
-
}));
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import React2 from "react";
|
|
3
|
+
import { PageHeaderToolbarWrapper } from "../blocks";
|
|
4
|
+
const PageHeaderToolbar = ({ children, ...rest }) => /* @__PURE__ */ React2.createElement(PageHeaderToolbarWrapper, {
|
|
5
|
+
...rest
|
|
6
|
+
}, children);
|
|
7
|
+
export {
|
|
8
|
+
PageHeaderToolbar
|
|
26
9
|
};
|
|
27
|
-
|
|
28
|
-
export { PageHeaderToolbar };
|
|
10
|
+
//# sourceMappingURL=PageHeaderToolbar.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/v2/components/PageHeaderToolbar/PageHeaderToolbar.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PageHeaderToolbarWrapper } from '../blocks';\n\nexport const PageHeaderToolbar = ({ children, ...rest }) => (\n <PageHeaderToolbarWrapper {...rest}>{children}</PageHeaderToolbarWrapper>\n);\n"],
|
|
5
|
+
"mappings": "AAAA;ACAA;AACA;AAEO,MAAM,oBAAoB,CAAC,EAAE,aAAa,WAC/C,qCAAC,0BAAD;AAAA,KAA8B;AAAA,GAAO;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,13 +1,20 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
import { DSInput } from
|
|
4
|
-
|
|
5
|
-
const
|
|
6
|
-
const
|
|
7
|
-
const
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { aggregatedClasses, cssPrefix } from "@elliemae/ds-classnames";
|
|
3
|
+
import { DSInput } from "@elliemae/ds-form";
|
|
4
|
+
const blockName = "page-header-v2";
|
|
5
|
+
const PageHeaderTitleWrapper = aggregatedClasses("div")(`${blockName}-title`, "title");
|
|
6
|
+
const EditableTitleComponent = aggregatedClasses(DSInput)(`${blockName}-title`, "editable-title");
|
|
7
|
+
const PageHeaderBackWrapper = aggregatedClasses("div")(`${blockName}-back`);
|
|
8
|
+
const PageHeaderSummaryWrapper = aggregatedClasses("div")(`${blockName}-summary`);
|
|
9
|
+
const PageHeaderMenuWrapper = aggregatedClasses("div")(`${blockName}-menu`);
|
|
10
|
+
const PageHeaderToolbarWrapper = aggregatedClasses("div")(`${blockName}-toolbar`);
|
|
11
|
+
export {
|
|
12
|
+
EditableTitleComponent,
|
|
13
|
+
PageHeaderBackWrapper,
|
|
14
|
+
PageHeaderMenuWrapper,
|
|
15
|
+
PageHeaderSummaryWrapper,
|
|
16
|
+
PageHeaderTitleWrapper,
|
|
17
|
+
PageHeaderToolbarWrapper,
|
|
18
|
+
cssPrefix
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=blocks.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/v2/components/blocks.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { aggregatedClasses, cssPrefix } from '@elliemae/ds-classnames';\nimport { DSInput } from '@elliemae/ds-form';\n\nconst blockName = 'page-header-v2';\n\nexport const PageHeaderTitleWrapper = aggregatedClasses('div')(`${blockName}-title`, 'title');\nexport const EditableTitleComponent = aggregatedClasses(DSInput)(`${blockName}-title`, 'editable-title');\nexport const PageHeaderBackWrapper = aggregatedClasses('div')(`${blockName}-back`);\nexport const PageHeaderSummaryWrapper = aggregatedClasses('div')(`${blockName}-summary`);\nexport const PageHeaderMenuWrapper = aggregatedClasses('div')(`${blockName}-menu`);\nexport const PageHeaderToolbarWrapper = aggregatedClasses('div')(`${blockName}-toolbar`);\nexport { cssPrefix };\n"],
|
|
5
|
+
"mappings": "AAAA;ACAA;AACA;AAEA,MAAM,YAAY;AAEX,MAAM,yBAAyB,kBAAkB,OAAO,GAAG,mBAAmB;AAC9E,MAAM,yBAAyB,kBAAkB,SAAS,GAAG,mBAAmB;AAChF,MAAM,wBAAwB,kBAAkB,OAAO,GAAG;AAC1D,MAAM,2BAA2B,kBAAkB,OAAO,GAAG;AAC7D,MAAM,wBAAwB,kBAAkB,OAAO,GAAG;AAC1D,MAAM,2BAA2B,kBAAkB,OAAO,GAAG;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/esm/v2/props.js
CHANGED
|
@@ -1,29 +1,14 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { PropTypes } from "react-desc";
|
|
3
3
|
const navProps = {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
/** back arrow component */
|
|
14
|
-
backarrow: PropTypes.node.description('back arrow component'),
|
|
15
|
-
|
|
16
|
-
/** PageHeaderSummary component */
|
|
17
|
-
summary: PropTypes.node.description('PageHeaderSummary component'),
|
|
18
|
-
|
|
19
|
-
/** toolbar component */
|
|
20
|
-
toolbar: PropTypes.node.description('toolbar component'),
|
|
21
|
-
|
|
22
|
-
/** PageHeaderMenu component */
|
|
23
|
-
menu: PropTypes.node.description('PageHeaderMenu component'),
|
|
24
|
-
|
|
25
|
-
/** Border bottom below the page header */
|
|
26
|
-
withBottomSeparator: PropTypes.bool.description('Border bottom below the page header')
|
|
4
|
+
containerProps: PropTypes.shape({}).description("props injected to wrapper of page header"),
|
|
5
|
+
breadcrumbs: PropTypes.node.description("breadcrumbs component"),
|
|
6
|
+
pageTitle: PropTypes.node.description("PageHeaderTitle component"),
|
|
7
|
+
backarrow: PropTypes.node.description("back arrow component"),
|
|
8
|
+
summary: PropTypes.node.description("PageHeaderSummary component"),
|
|
9
|
+
toolbar: PropTypes.node.description("toolbar component"),
|
|
10
|
+
menu: PropTypes.node.description("PageHeaderMenu component"),
|
|
11
|
+
withBottomSeparator: PropTypes.bool.description("Border bottom below the page header")
|
|
27
12
|
};
|
|
28
13
|
const defaultProps = {
|
|
29
14
|
containerProps: {},
|
|
@@ -35,5 +20,8 @@ const defaultProps = {
|
|
|
35
20
|
menu: null,
|
|
36
21
|
withBottomSeparator: true
|
|
37
22
|
};
|
|
38
|
-
|
|
39
|
-
|
|
23
|
+
export {
|
|
24
|
+
defaultProps,
|
|
25
|
+
navProps
|
|
26
|
+
};
|
|
27
|
+
//# sourceMappingURL=props.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/props.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\n\nexport const navProps = {\n /** props injected to wrapper of page header */\n containerProps: PropTypes.shape({}).description(\n 'props injected to wrapper of page header',\n ),\n /** breadcrumbs component */\n breadcrumbs: PropTypes.node.description('breadcrumbs component'),\n /** PageHeaderTitle component */\n pageTitle: PropTypes.node.description('PageHeaderTitle component'),\n /** back arrow component */\n backarrow: PropTypes.node.description('back arrow component'),\n /** PageHeaderSummary component */\n summary: PropTypes.node.description('PageHeaderSummary component'),\n /** toolbar component */\n toolbar: PropTypes.node.description('toolbar component'),\n /** PageHeaderMenu component */\n menu: PropTypes.node.description('PageHeaderMenu component'),\n /** Border bottom below the page header */\n withBottomSeparator: PropTypes.bool.description(\n 'Border bottom below the page header',\n ),\n};\n\nexport const defaultProps = {\n containerProps: {},\n breadcrumbs: null,\n pageTitle: null,\n backarrow: null,\n summary: null,\n toolbar: null,\n menu: null,\n withBottomSeparator: true,\n};\n"],
|
|
5
|
+
"mappings": "AAAA;ACAA;AAEO,MAAM,WAAW;AAAA,EAEtB,gBAAgB,UAAU,MAAM,IAAI,YAClC;AAAA,EAGF,aAAa,UAAU,KAAK,YAAY;AAAA,EAExC,WAAW,UAAU,KAAK,YAAY;AAAA,EAEtC,WAAW,UAAU,KAAK,YAAY;AAAA,EAEtC,SAAS,UAAU,KAAK,YAAY;AAAA,EAEpC,SAAS,UAAU,KAAK,YAAY;AAAA,EAEpC,MAAM,UAAU,KAAK,YAAY;AAAA,EAEjC,qBAAqB,UAAU,KAAK,YAClC;AAAA;AAIG,MAAM,eAAe;AAAA,EAC1B,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,WAAW;AAAA,EACX,WAAW;AAAA,EACX,SAAS;AAAA,EACT,SAAS;AAAA,EACT,MAAM;AAAA,EACN,qBAAqB;AAAA;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { logger } from "@elliemae/ds-utilities";
|
|
3
|
+
const subItems = [
|
|
4
|
+
{
|
|
5
|
+
id: "id3",
|
|
6
|
+
label: "SubMenu List Item-1",
|
|
7
|
+
onClick: (e) => logger(e, "subMenu id3")
|
|
8
|
+
},
|
|
9
|
+
{
|
|
10
|
+
id: "id4",
|
|
11
|
+
type: "subMenu",
|
|
12
|
+
label: "SubMenu List Item-2",
|
|
13
|
+
onClick: (e) => logger(e, "subMenu id4"),
|
|
14
|
+
subItems: [
|
|
15
|
+
{
|
|
16
|
+
id: "id5",
|
|
17
|
+
label: "SubMenu List Item-2",
|
|
18
|
+
onClick: (e) => logger(e, "subMenu id5")
|
|
19
|
+
}
|
|
20
|
+
]
|
|
21
|
+
}
|
|
22
|
+
];
|
|
23
|
+
const options = [
|
|
24
|
+
{
|
|
25
|
+
type: "SelectionGroup",
|
|
26
|
+
id: "select-option",
|
|
27
|
+
multi: false,
|
|
28
|
+
closeOnClick: false,
|
|
29
|
+
interactionType: "click",
|
|
30
|
+
items: [
|
|
31
|
+
{
|
|
32
|
+
id: "id-1",
|
|
33
|
+
selectable: true,
|
|
34
|
+
type: "subMenu",
|
|
35
|
+
label: "View Example 123",
|
|
36
|
+
rightAddonType: "elipsis",
|
|
37
|
+
interactionType: "click",
|
|
38
|
+
subItems
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
id: "id-2",
|
|
42
|
+
type: "subMenu",
|
|
43
|
+
label: "Option 2",
|
|
44
|
+
rightAddonType: "elipsis",
|
|
45
|
+
interactionType: "click",
|
|
46
|
+
subItems
|
|
47
|
+
},
|
|
48
|
+
{
|
|
49
|
+
id: "id-3",
|
|
50
|
+
type: "subMenu",
|
|
51
|
+
label: "Option 3",
|
|
52
|
+
rightAddonType: "elipsis",
|
|
53
|
+
interactionType: "click",
|
|
54
|
+
subItems
|
|
55
|
+
},
|
|
56
|
+
{
|
|
57
|
+
id: "id-4",
|
|
58
|
+
type: "subMenu",
|
|
59
|
+
label: "Option 4",
|
|
60
|
+
rightAddonType: "elipsis",
|
|
61
|
+
interactionType: "click",
|
|
62
|
+
subItems
|
|
63
|
+
},
|
|
64
|
+
{
|
|
65
|
+
id: "id-5",
|
|
66
|
+
type: "subMenu",
|
|
67
|
+
label: "Option 5",
|
|
68
|
+
rightAddonType: "elipsis",
|
|
69
|
+
interactionType: "click",
|
|
70
|
+
subItems
|
|
71
|
+
},
|
|
72
|
+
{
|
|
73
|
+
id: "id-6",
|
|
74
|
+
type: "subMenu",
|
|
75
|
+
label: "Option 6",
|
|
76
|
+
rightAddonType: "elipsis",
|
|
77
|
+
interactionType: "click",
|
|
78
|
+
subItems
|
|
79
|
+
},
|
|
80
|
+
{
|
|
81
|
+
id: "id-7",
|
|
82
|
+
type: "subMenu",
|
|
83
|
+
label: "Truncate long option Other Custom View Long Long Long Long Long",
|
|
84
|
+
rightAddonType: "elipsis",
|
|
85
|
+
interactionType: "click",
|
|
86
|
+
subItems
|
|
87
|
+
}
|
|
88
|
+
]
|
|
89
|
+
}
|
|
90
|
+
];
|
|
91
|
+
export {
|
|
92
|
+
options
|
|
93
|
+
};
|
|
94
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/v2/tests/utils.js"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { logger } from '@elliemae/ds-utilities';\n\nconst subItems = [\n {\n id: 'id3',\n label: 'SubMenu List Item-1',\n onClick: (e) => logger(e, 'subMenu id3'),\n },\n {\n id: 'id4',\n type: 'subMenu',\n label: 'SubMenu List Item-2',\n onClick: (e) => logger(e, 'subMenu id4'),\n subItems: [\n {\n id: 'id5',\n label: 'SubMenu List Item-2',\n onClick: (e) => logger(e, 'subMenu id5'),\n },\n ],\n },\n];\n\nexport const options = [\n {\n type: 'SelectionGroup',\n id: 'select-option',\n multi: false,\n closeOnClick: false,\n interactionType: 'click',\n items: [\n {\n id: 'id-1',\n selectable: true,\n type: 'subMenu',\n label: 'View Example 123',\n rightAddonType: 'elipsis',\n interactionType: 'click',\n subItems,\n },\n {\n id: 'id-2',\n type: 'subMenu',\n label: 'Option 2',\n rightAddonType: 'elipsis',\n interactionType: 'click',\n subItems,\n },\n {\n id: 'id-3',\n type: 'subMenu',\n label: 'Option 3',\n rightAddonType: 'elipsis',\n interactionType: 'click',\n subItems,\n },\n {\n id: 'id-4',\n type: 'subMenu',\n label: 'Option 4',\n rightAddonType: 'elipsis',\n interactionType: 'click',\n subItems,\n },\n {\n id: 'id-5',\n type: 'subMenu',\n label: 'Option 5',\n rightAddonType: 'elipsis',\n interactionType: 'click',\n subItems,\n },\n {\n id: 'id-6',\n type: 'subMenu',\n label: 'Option 6',\n rightAddonType: 'elipsis',\n interactionType: 'click',\n subItems,\n },\n {\n id: 'id-7',\n type: 'subMenu',\n label: 'Truncate long option Other Custom View Long Long Long Long Long',\n rightAddonType: 'elipsis',\n interactionType: 'click',\n subItems,\n },\n ],\n },\n];\n"],
|
|
5
|
+
"mappings": "AAAA;ACAA;AAEA,MAAM,WAAW;AAAA,EACf;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,SAAS,CAAC,MAAM,OAAO,GAAG;AAAA;AAAA,EAE5B;AAAA,IACE,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS,CAAC,MAAM,OAAO,GAAG;AAAA,IAC1B,UAAU;AAAA,MACR;AAAA,QACE,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,SAAS,CAAC,MAAM,OAAO,GAAG;AAAA;AAAA;AAAA;AAAA;AAM3B,MAAM,UAAU;AAAA,EACrB;AAAA,IACE,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,cAAc;AAAA,IACd,iBAAiB;AAAA,IACjB,OAAO;AAAA,MACL;AAAA,QACE,IAAI;AAAA,QACJ,YAAY;AAAA,QACZ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA;AAAA,MAEF;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA;AAAA,MAEF;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA;AAAA,MAEF;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA;AAAA,MAEF;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA;AAAA,MAEF;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA;AAAA,MAEF;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB;AAAA;AAAA;AAAA;AAAA;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-page-header",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.3.0-alpha.3",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Page Header",
|
|
6
6
|
"module": "./esm/index.js",
|
|
@@ -100,16 +100,16 @@
|
|
|
100
100
|
"build": "node ../../scripts/build/build.js"
|
|
101
101
|
},
|
|
102
102
|
"dependencies": {
|
|
103
|
-
"@elliemae/ds-breadcrumb": "2.
|
|
104
|
-
"@elliemae/ds-button": "2.
|
|
105
|
-
"@elliemae/ds-classnames": "2.
|
|
106
|
-
"@elliemae/ds-dropdownmenu": "2.
|
|
107
|
-
"@elliemae/ds-form": "2.
|
|
108
|
-
"@elliemae/ds-grid": "2.
|
|
109
|
-
"@elliemae/ds-icon": "2.
|
|
110
|
-
"@elliemae/ds-icons": "2.
|
|
111
|
-
"@elliemae/ds-truncated-tooltip-text": "2.
|
|
112
|
-
"@elliemae/ds-utilities": "2.
|
|
103
|
+
"@elliemae/ds-breadcrumb": "2.3.0-alpha.3",
|
|
104
|
+
"@elliemae/ds-button": "2.3.0-alpha.3",
|
|
105
|
+
"@elliemae/ds-classnames": "2.3.0-alpha.3",
|
|
106
|
+
"@elliemae/ds-dropdownmenu": "2.3.0-alpha.3",
|
|
107
|
+
"@elliemae/ds-form": "2.3.0-alpha.3",
|
|
108
|
+
"@elliemae/ds-grid": "2.3.0-alpha.3",
|
|
109
|
+
"@elliemae/ds-icon": "2.3.0-alpha.3",
|
|
110
|
+
"@elliemae/ds-icons": "2.3.0-alpha.3",
|
|
111
|
+
"@elliemae/ds-truncated-tooltip-text": "2.3.0-alpha.3",
|
|
112
|
+
"@elliemae/ds-utilities": "2.3.0-alpha.3",
|
|
113
113
|
"prop-types": "~15.7.2",
|
|
114
114
|
"react-desc": "~4.1.3"
|
|
115
115
|
},
|