@elliemae/ds-page-header 2.1.0 → 2.2.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.
Files changed (73) hide show
  1. package/cjs/DSPageHeader.js +36 -21
  2. package/cjs/DSPageHeader.js.map +7 -0
  3. package/cjs/index.js +43 -26
  4. package/cjs/index.js.map +7 -0
  5. package/cjs/v1/DSPageHeader.js +93 -120
  6. package/cjs/v1/DSPageHeader.js.map +7 -0
  7. package/cjs/v1/DropdownTitle.js +49 -35
  8. package/cjs/v1/DropdownTitle.js.map +7 -0
  9. package/cjs/v1/EditableTitle.js +68 -54
  10. package/cjs/v1/EditableTitle.js.map +7 -0
  11. package/cjs/v1/PageHeaderImpl.js +122 -116
  12. package/cjs/v1/PageHeaderImpl.js.map +7 -0
  13. package/cjs/v1/Title.js +42 -24
  14. package/cjs/v1/Title.js.map +7 -0
  15. package/cjs/v1/TitleWrapper.js +37 -8
  16. package/cjs/v1/TitleWrapper.js.map +7 -0
  17. package/cjs/v2/PageHeader.js +104 -89
  18. package/cjs/v2/PageHeader.js.map +7 -0
  19. package/cjs/v2/components/PageHeaderBack/PageHeaderBack.js +38 -36
  20. package/cjs/v2/components/PageHeaderBack/PageHeaderBack.js.map +7 -0
  21. package/cjs/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js +87 -101
  22. package/cjs/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js.map +7 -0
  23. package/cjs/v2/components/PageHeaderMenu/PageHeaderMenu.js +38 -36
  24. package/cjs/v2/components/PageHeaderMenu/PageHeaderMenu.js.map +7 -0
  25. package/cjs/v2/components/PageHeaderSummary/PageHeaderSummary.js +50 -57
  26. package/cjs/v2/components/PageHeaderSummary/PageHeaderSummary.js.map +7 -0
  27. package/cjs/v2/components/PageHeaderTitle/PageHeaderTitle.js +51 -60
  28. package/cjs/v2/components/PageHeaderTitle/PageHeaderTitle.js.map +7 -0
  29. package/cjs/v2/components/PageHeaderToolbar/PageHeaderToolbar.js +38 -36
  30. package/cjs/v2/components/PageHeaderToolbar/PageHeaderToolbar.js.map +7 -0
  31. package/cjs/v2/components/blocks.js +48 -24
  32. package/cjs/v2/components/blocks.js.map +7 -0
  33. package/cjs/v2/props.js +44 -32
  34. package/cjs/v2/props.js.map +7 -0
  35. package/cjs/v2/tests/utils.js +123 -0
  36. package/cjs/v2/tests/utils.js.map +7 -0
  37. package/esm/DSPageHeader.js +7 -6
  38. package/esm/DSPageHeader.js.map +7 -0
  39. package/esm/index.js +14 -6
  40. package/esm/index.js.map +7 -0
  41. package/esm/v1/DSPageHeader.js +65 -109
  42. package/esm/v1/DSPageHeader.js.map +7 -0
  43. package/esm/v1/DropdownTitle.js +20 -27
  44. package/esm/v1/DropdownTitle.js.map +7 -0
  45. package/esm/v1/EditableTitle.js +35 -42
  46. package/esm/v1/EditableTitle.js.map +7 -0
  47. package/esm/v1/PageHeaderImpl.js +95 -110
  48. package/esm/v1/PageHeaderImpl.js.map +7 -0
  49. package/esm/v1/Title.js +13 -17
  50. package/esm/v1/Title.js.map +7 -0
  51. package/esm/v1/TitleWrapper.js +8 -6
  52. package/esm/v1/TitleWrapper.js.map +7 -0
  53. package/esm/v2/PageHeader.js +72 -70
  54. package/esm/v2/PageHeader.js.map +7 -0
  55. package/esm/v2/components/PageHeaderBack/PageHeaderBack.js +9 -27
  56. package/esm/v2/components/PageHeaderBack/PageHeaderBack.js.map +7 -0
  57. package/esm/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js +53 -83
  58. package/esm/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js.map +7 -0
  59. package/esm/v2/components/PageHeaderMenu/PageHeaderMenu.js +9 -27
  60. package/esm/v2/components/PageHeaderMenu/PageHeaderMenu.js.map +7 -0
  61. package/esm/v2/components/PageHeaderSummary/PageHeaderSummary.js +21 -46
  62. package/esm/v2/components/PageHeaderSummary/PageHeaderSummary.js.map +7 -0
  63. package/esm/v2/components/PageHeaderTitle/PageHeaderTitle.js +22 -47
  64. package/esm/v2/components/PageHeaderTitle/PageHeaderTitle.js.map +7 -0
  65. package/esm/v2/components/PageHeaderToolbar/PageHeaderToolbar.js +9 -27
  66. package/esm/v2/components/PageHeaderToolbar/PageHeaderToolbar.js.map +7 -0
  67. package/esm/v2/components/blocks.js +20 -13
  68. package/esm/v2/components/blocks.js.map +7 -0
  69. package/esm/v2/props.js +15 -27
  70. package/esm/v2/props.js.map +7 -0
  71. package/esm/v2/tests/utils.js +94 -0
  72. package/esm/v2/tests/utils.js.map +7 -0
  73. package/package.json +11 -11
@@ -1,51 +1,26 @@
1
- import 'core-js/modules/esnext.async-iterator.filter.js';
2
- import 'core-js/modules/esnext.iterator.constructor.js';
3
- import 'core-js/modules/esnext.iterator.filter.js';
4
- import 'core-js/modules/esnext.async-iterator.for-each.js';
5
- import 'core-js/modules/esnext.iterator.for-each.js';
6
- import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
7
- import _jsx from '@babel/runtime/helpers/esm/jsx';
8
- import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
9
- import 'react';
10
- import { PropTypes, describe } from 'react-desc';
11
- import DSTruncatedTooltipText, { TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';
12
- import RequiredMark from '@elliemae/ds-form/RequiredMark';
13
- import { PageHeaderTitleWrapper } from '../blocks.js';
14
- import { jsxs } from 'react/jsx-runtime';
15
-
16
- var _RequiredMark;
17
-
18
- const _excluded = ["children", "showMarker"];
19
-
20
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
21
-
22
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
23
-
24
- const PageHeaderTitle = _ref => {
25
- let {
26
- children,
27
- showMarker = false
28
- } = _ref,
29
- rest = _objectWithoutProperties(_ref, _excluded);
30
-
31
- return /*#__PURE__*/jsxs(PageHeaderTitleWrapper, _objectSpread(_objectSpread({}, rest), {}, {
32
- "data-testid": "ds-page-header-title",
33
- children: [/*#__PURE__*/_jsx(TooltipTextProvider, {}, void 0, /*#__PURE__*/_jsx(DSTruncatedTooltipText, {
34
- value: children
35
- })), showMarker && (_RequiredMark || (_RequiredMark = /*#__PURE__*/_jsx(RequiredMark, {
36
- required: true
37
- })))]
38
- }));
39
- };
40
-
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
- /** page header title string */
43
- children: PropTypes.string.description('Page header title string'),
44
-
45
- /** show required mark */
46
- showMarker: PropTypes.bool.description('show required mark')
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
- export { DSPageHeaderTitleWithSchema, PageHeaderTitle };
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 'core-js/modules/esnext.async-iterator.filter.js';
2
- import 'core-js/modules/esnext.iterator.constructor.js';
3
- import 'core-js/modules/esnext.iterator.filter.js';
4
- import 'core-js/modules/esnext.async-iterator.for-each.js';
5
- import 'core-js/modules/esnext.iterator.for-each.js';
6
- import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
7
- import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
8
- import 'react';
9
- import { PageHeaderToolbarWrapper } from '../blocks.js';
10
- import { jsx } from 'react/jsx-runtime';
11
-
12
- const _excluded = ["children"];
13
-
14
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
15
-
16
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
17
- const PageHeaderToolbar = _ref => {
18
- let {
19
- children
20
- } = _ref,
21
- rest = _objectWithoutProperties(_ref, _excluded);
22
-
23
- return /*#__PURE__*/jsx(PageHeaderToolbarWrapper, _objectSpread(_objectSpread({}, rest), {}, {
24
- children: children
25
- }));
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 { aggregatedClasses } from '@elliemae/ds-classnames';
2
- export { cssPrefix } from '@elliemae/ds-classnames';
3
- import { DSInput } from '@elliemae/ds-form';
4
-
5
- const blockName = 'page-header-v2';
6
- const PageHeaderTitleWrapper = aggregatedClasses('div')("".concat(blockName, "-title"), 'title');
7
- const EditableTitleComponent = aggregatedClasses(DSInput)("".concat(blockName, "-title"), 'editable-title');
8
- const PageHeaderBackWrapper = aggregatedClasses('div')("".concat(blockName, "-back"));
9
- const PageHeaderSummaryWrapper = aggregatedClasses('div')("".concat(blockName, "-summary"));
10
- const PageHeaderMenuWrapper = aggregatedClasses('div')("".concat(blockName, "-menu"));
11
- const PageHeaderToolbarWrapper = aggregatedClasses('div')("".concat(blockName, "-toolbar"));
12
-
13
- export { EditableTitleComponent, PageHeaderBackWrapper, PageHeaderMenuWrapper, PageHeaderSummaryWrapper, PageHeaderTitleWrapper, PageHeaderToolbarWrapper };
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 { PropTypes } from 'react-desc';
2
-
1
+ import * as React from "react";
2
+ import { PropTypes } from "react-desc";
3
3
  const navProps = {
4
- /** props injected to wrapper of page header */
5
- containerProps: PropTypes.shape({}).description('props injected to wrapper of page header'),
6
-
7
- /** breadcrumbs component */
8
- breadcrumbs: PropTypes.node.description('breadcrumbs component'),
9
-
10
- /** PageHeaderTitle component */
11
- pageTitle: PropTypes.node.description('PageHeaderTitle component'),
12
-
13
- /** back arrow component */
14
- backarrow: PropTypes.node.description('back arrow component'),
15
-
16
- /** PageHeaderSummary component */
17
- summary: PropTypes.node.description('PageHeaderSummary component'),
18
-
19
- /** toolbar component */
20
- toolbar: PropTypes.node.description('toolbar component'),
21
-
22
- /** PageHeaderMenu component */
23
- menu: PropTypes.node.description('PageHeaderMenu component'),
24
-
25
- /** Border bottom below the page header */
26
- withBottomSeparator: PropTypes.bool.description('Border bottom below the page header')
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
- export { defaultProps, navProps };
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.1.0",
3
+ "version": "2.2.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.1.0",
104
- "@elliemae/ds-button": "2.1.0",
105
- "@elliemae/ds-classnames": "2.1.0",
106
- "@elliemae/ds-dropdownmenu": "2.1.0",
107
- "@elliemae/ds-form": "2.1.0",
108
- "@elliemae/ds-grid": "2.1.0",
109
- "@elliemae/ds-icon": "2.1.0",
110
- "@elliemae/ds-icons": "2.1.0",
111
- "@elliemae/ds-truncated-tooltip-text": "2.1.0",
112
- "@elliemae/ds-utilities": "2.1.0",
103
+ "@elliemae/ds-breadcrumb": "2.2.0-alpha.3",
104
+ "@elliemae/ds-button": "2.2.0-alpha.3",
105
+ "@elliemae/ds-classnames": "2.2.0-alpha.3",
106
+ "@elliemae/ds-dropdownmenu": "2.2.0-alpha.3",
107
+ "@elliemae/ds-form": "2.2.0-alpha.3",
108
+ "@elliemae/ds-grid": "2.2.0-alpha.3",
109
+ "@elliemae/ds-icon": "2.2.0-alpha.3",
110
+ "@elliemae/ds-icons": "2.2.0-alpha.3",
111
+ "@elliemae/ds-truncated-tooltip-text": "2.2.0-alpha.3",
112
+ "@elliemae/ds-utilities": "2.2.0-alpha.3",
113
113
  "prop-types": "~15.7.2",
114
114
  "react-desc": "~4.1.3"
115
115
  },