@elliemae/ds-card-navigation 3.0.0-next.9 → 3.0.1

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.
@@ -21,7 +21,6 @@ var __spreadValues = (a, b) => {
21
21
  return a;
22
22
  };
23
23
  var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
24
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
25
24
  var __objRest = (source, exclude) => {
26
25
  var target = {};
27
26
  for (var prop in source)
@@ -38,29 +37,25 @@ var __export = (target, all) => {
38
37
  for (var name in all)
39
38
  __defProp(target, name, { get: all[name], enumerable: true });
40
39
  };
41
- var __reExport = (target, module2, copyDefault, desc) => {
42
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
43
- for (let key of __getOwnPropNames(module2))
44
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
45
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
40
+ var __copyProps = (to, from, except, desc) => {
41
+ if (from && typeof from === "object" || typeof from === "function") {
42
+ for (let key of __getOwnPropNames(from))
43
+ if (!__hasOwnProp.call(to, key) && key !== except)
44
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
46
45
  }
47
- return target;
48
- };
49
- var __toESM = (module2, isNodeMode) => {
50
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
46
+ return to;
51
47
  };
52
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
53
- return (module2, temp) => {
54
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
55
- };
56
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
48
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
49
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
57
50
  var DSCardNavigation_exports = {};
58
51
  __export(DSCardNavigation_exports, {
59
52
  CardNavigationTypes: () => import_types.CardNavigationTypes,
60
53
  CardNavigationTypesValues: () => import_types.CardNavigationTypesValues,
54
+ DSCardNavigation: () => DSCardNavigation,
61
55
  DSCardNavigationWithSchema: () => DSCardNavigationWithSchema,
62
56
  default: () => DSCardNavigation_default
63
57
  });
58
+ module.exports = __toCommonJS(DSCardNavigation_exports);
64
59
  var React = __toESM(require("react"));
65
60
  var import_react = __toESM(require("react"));
66
61
  var import_react_desc = require("react-desc");
@@ -113,8 +108,8 @@ const props = {
113
108
  })).description("card navigation actions array")
114
109
  };
115
110
  DSCardNavigation.propTypes = props;
111
+ DSCardNavigation.displayName = "DSCardNavigation";
116
112
  const DSCardNavigationWithSchema = (0, import_react_desc.describe)(DSCardNavigation);
117
113
  DSCardNavigationWithSchema.propTypes = props;
118
114
  var DSCardNavigation_default = DSCardNavigation;
119
- module.exports = __toCommonJS(DSCardNavigation_exports);
120
115
  //# sourceMappingURL=DSCardNavigation.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/DSCardNavigation.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { DSTruncatedTooltipText, TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';\nimport { MoreOptionsVert, LoanProducts } from '@elliemae/ds-icons';\nimport DSButton, { BUTTON_SIZE, BUTTON_TYPE } from '@elliemae/ds-button';\nimport {\n StyledCardNavigationContentTitle,\n StyledCardNavigationContentDescription,\n StyledCardNavigationContentTitleWrapper,\n StyledCardNavigationContent,\n StyledCardNavigationCentralContent,\n StyledCardNavigationBoxWrapper,\n StyledCardNavigationIcon,\n StyledCardNavigationAction,\n StyledCardNavigationActions,\n} from './style';\nimport { CardNavigationTypes, CardNavigationTypesValues } from './components/types';\n\nconst DSCardNavigation = ({ containerProps = {}, title = '', description = '', type, Icon, actions = [], ...rest }) => (\n <TooltipTextProvider>\n <StyledCardNavigationBoxWrapper role=\"button\" tabIndex={0} {...rest} {...containerProps}>\n <StyledCardNavigationIcon type={type}>\n <Icon size=\"l\" />\n </StyledCardNavigationIcon>\n <StyledCardNavigationCentralContent>\n <StyledCardNavigationContent>\n <StyledCardNavigationContentTitleWrapper>\n <StyledCardNavigationContentTitle>\n <DSTruncatedTooltipText value={title} />\n </StyledCardNavigationContentTitle>\n <StyledCardNavigationContentDescription>\n <DSTruncatedTooltipText value={description} data-testid=\"ds-card-navigation--description\" />\n </StyledCardNavigationContentDescription>\n </StyledCardNavigationContentTitleWrapper>\n </StyledCardNavigationContent>\n {actions.length > 0 && (\n <StyledCardNavigationActions>\n {actions.map(({ icon = <MoreOptionsVert aria-label=\"More options\" />, ...otherProps }, key) => (\n <StyledCardNavigationAction key={key}>\n <DSButton icon={icon} {...otherProps} buttonType={BUTTON_TYPE.TEXT} size={BUTTON_SIZE.L} />\n </StyledCardNavigationAction>\n ))}\n </StyledCardNavigationActions>\n )}\n </StyledCardNavigationCentralContent>\n </StyledCardNavigationBoxWrapper>\n </TooltipTextProvider>\n);\n\nDSCardNavigation.defaultProps = {\n type: CardNavigationTypes.BORROWER,\n Icon: LoanProducts,\n};\n\nconst props = {\n /** props to inject to card navigation wrapper */\n containerProps: PropTypes.object.description('props to inject to card navigation wrapper'),\n /** card navigation title */\n title: PropTypes.string.description('card navigation title'),\n /** card navigation main icon */\n Icon: PropTypes.node.description('card navigation main icon'),\n /** card navigation description */\n description: PropTypes.string.description('card navigation description'),\n /** card navigation type */\n type: PropTypes.oneOf(CardNavigationTypesValues).description('card navigation type'),\n /** card navigation actions array */\n actions: PropTypes.arrayOf(\n PropTypes.shape({\n icon: PropTypes.element,\n onClick: PropTypes.func,\n }),\n ).description('card navigation actions array'),\n};\n\nDSCardNavigation.propTypes = props;\n\nconst DSCardNavigationWithSchema = describe(DSCardNavigation);\nDSCardNavigationWithSchema.propTypes = props;\n\nexport { CardNavigationTypes, CardNavigationTypesValues, DSCardNavigationWithSchema };\n\nexport default DSCardNavigation;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,uCAA4D;AAC5D,sBAA8C;AAC9C,uBAAmD;AACnD,mBAUO;AACP,mBAA+D;AAE/D,MAAM,mBAAmB,CAAC,OAA0F;AAA1F,eAAE,mBAAiB,IAAI,QAAQ,IAAI,cAAc,IAAI,MAAM,MAAM,UAAU,OAA3E,IAAkF,iBAAlF,IAAkF,CAAhF,kBAAqB,SAAY,eAAkB,QAAM,QAAM;AACzF,4DAAC,sDAAD,MACE,mDAAC,6CAAD;AAAA,IAAgC,MAAK;AAAA,IAAS,UAAU;AAAA,KAAO,OAAU,iBACvE,mDAAC,uCAAD;AAAA,IAA0B;AAAA,KACxB,mDAAC,MAAD;AAAA,IAAM,MAAK;AAAA,OAEb,mDAAC,iDAAD,MACE,mDAAC,0CAAD,MACE,mDAAC,sDAAD,MACE,mDAAC,+CAAD,MACE,mDAAC,yDAAD;AAAA,IAAwB,OAAO;AAAA,OAEjC,mDAAC,qDAAD,MACE,mDAAC,yDAAD;AAAA,IAAwB,OAAO;AAAA,IAAa,eAAY;AAAA,SAI7D,QAAQ,SAAS,KAChB,mDAAC,0CAAD,MACG,QAAQ,IAAI,CAAC,KAAyE,QAAK;AAA9E,mBAAE,SAAO,mDAAC,iCAAD;AAAA,MAAiB,cAAW;AAAA,WAArC,KAA2D,uBAA3D,KAA2D,CAAzD;AACd,8DAAC,yCAAD;AAAA,MAA4B;AAAA,OAC1B,mDAAC,0BAAD;AAAA,MAAU;AAAA,OAAgB,aAA1B;AAAA,MAAsC,YAAY,6BAAY;AAAA,MAAM,MAAM,6BAAY;AAAA;AAAA;AAAA;AAUtG,iBAAiB,eAAe;AAAA,EAC9B,MAAM,iCAAoB;AAAA,EAC1B,MAAM;AAAA;AAGR,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,4BAAU,OAAO,YAAY;AAAA,EAE7C,OAAO,4BAAU,OAAO,YAAY;AAAA,EAEpC,MAAM,4BAAU,KAAK,YAAY;AAAA,EAEjC,aAAa,4BAAU,OAAO,YAAY;AAAA,EAE1C,MAAM,4BAAU,MAAM,wCAA2B,YAAY;AAAA,EAE7D,SAAS,4BAAU,QACjB,4BAAU,MAAM;AAAA,IACd,MAAM,4BAAU;AAAA,IAChB,SAAS,4BAAU;AAAA,MAErB,YAAY;AAAA;AAGhB,iBAAiB,YAAY;AAE7B,MAAM,6BAA6B,gCAAS;AAC5C,2BAA2B,YAAY;AAIvC,IAAO,2BAAQ;",
4
+ "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { DSTruncatedTooltipText, TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';\nimport { MoreOptionsVert, LoanProducts } from '@elliemae/ds-icons';\nimport DSButton, { BUTTON_SIZE, BUTTON_TYPE } from '@elliemae/ds-button';\nimport {\n StyledCardNavigationContentTitle,\n StyledCardNavigationContentDescription,\n StyledCardNavigationContentTitleWrapper,\n StyledCardNavigationContent,\n StyledCardNavigationCentralContent,\n StyledCardNavigationBoxWrapper,\n StyledCardNavigationIcon,\n StyledCardNavigationAction,\n StyledCardNavigationActions,\n} from './style';\nimport { CardNavigationTypes, CardNavigationTypesValues } from './components/types';\n\nconst DSCardNavigation = ({ containerProps = {}, title = '', description = '', type, Icon, actions = [], ...rest }) => (\n <TooltipTextProvider>\n <StyledCardNavigationBoxWrapper role=\"button\" tabIndex={0} {...rest} {...containerProps}>\n <StyledCardNavigationIcon type={type}>\n <Icon size=\"l\" />\n </StyledCardNavigationIcon>\n <StyledCardNavigationCentralContent>\n <StyledCardNavigationContent>\n <StyledCardNavigationContentTitleWrapper>\n <StyledCardNavigationContentTitle>\n <DSTruncatedTooltipText value={title} />\n </StyledCardNavigationContentTitle>\n <StyledCardNavigationContentDescription>\n <DSTruncatedTooltipText value={description} data-testid=\"ds-card-navigation--description\" />\n </StyledCardNavigationContentDescription>\n </StyledCardNavigationContentTitleWrapper>\n </StyledCardNavigationContent>\n {actions.length > 0 && (\n <StyledCardNavigationActions>\n {actions.map(({ icon = <MoreOptionsVert aria-label=\"More options\" />, ...otherProps }, key) => (\n <StyledCardNavigationAction key={key}>\n <DSButton icon={icon} {...otherProps} buttonType={BUTTON_TYPE.TEXT} size={BUTTON_SIZE.L} />\n </StyledCardNavigationAction>\n ))}\n </StyledCardNavigationActions>\n )}\n </StyledCardNavigationCentralContent>\n </StyledCardNavigationBoxWrapper>\n </TooltipTextProvider>\n);\n\nDSCardNavigation.defaultProps = {\n type: CardNavigationTypes.BORROWER,\n Icon: LoanProducts,\n};\n\nconst props = {\n /** props to inject to card navigation wrapper */\n containerProps: PropTypes.object.description('props to inject to card navigation wrapper'),\n /** card navigation title */\n title: PropTypes.string.description('card navigation title'),\n /** card navigation main icon */\n Icon: PropTypes.node.description('card navigation main icon'),\n /** card navigation description */\n description: PropTypes.string.description('card navigation description'),\n /** card navigation type */\n type: PropTypes.oneOf(CardNavigationTypesValues).description('card navigation type'),\n /** card navigation actions array */\n actions: PropTypes.arrayOf(\n PropTypes.shape({\n icon: PropTypes.element,\n onClick: PropTypes.func,\n }),\n ).description('card navigation actions array'),\n};\n\nDSCardNavigation.propTypes = props;\nDSCardNavigation.displayName = 'DSCardNavigation';\nconst DSCardNavigationWithSchema = describe(DSCardNavigation);\nDSCardNavigationWithSchema.propTypes = props;\n\nexport { CardNavigationTypes, CardNavigationTypesValues, DSCardNavigationWithSchema, DSCardNavigation };\n\nexport default DSCardNavigation;\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,uCAA4D;AAC5D,sBAA8C;AAC9C,uBAAmD;AACnD,mBAUO;AACP,mBAA+D;AAE/D,MAAM,mBAAmB,CAAC,OAA0F;AAA1F,eAAE,mBAAiB,CAAC,GAAG,QAAQ,IAAI,cAAc,IAAI,MAAM,MAAM,UAAU,CAAC,MAA5E,IAAkF,iBAAlF,IAAkF,CAAhF,kBAAqB,SAAY,eAAkB,QAAM,QAAM;AACzF,4DAAC,4DACC,mDAAC;AAAA,IAA+B,MAAK;AAAA,IAAS,UAAU;AAAA,KAAO,OAAU,iBACvE,mDAAC;AAAA,IAAyB;AAAA,KACxB,mDAAC;AAAA,IAAK,MAAK;AAAA,GAAI,CACjB,GACA,mDAAC,uDACC,mDAAC,gDACC,mDAAC,4DACC,mDAAC,qDACC,mDAAC;AAAA,IAAuB,OAAO;AAAA,GAAO,CACxC,GACA,mDAAC,2DACC,mDAAC;AAAA,IAAuB,OAAO;AAAA,IAAa,eAAY;AAAA,GAAkC,CAC5F,CACF,CACF,GACC,QAAQ,SAAS,KAChB,mDAAC,gDACE,QAAQ,IAAI,CAAC,KAAyE,QAAK;AAA9E,mBAAE,SAAO,mDAAC;AAAA,MAAgB,cAAW;AAAA,KAAe,MAApD,KAA2D,uBAA3D,KAA2D,CAAzD;AACd,8DAAC;AAAA,MAA2B;AAAA,OAC1B,mDAAC;AAAA,MAAS;AAAA,OAAgB,aAAzB;AAAA,MAAqC,YAAY,6BAAY;AAAA,MAAM,MAAM,6BAAY;AAAA,MAAG,CAC3F;AAAA,GACD,CACH,CAEJ,CACF,CACF;AAAA;AAGF,iBAAiB,eAAe;AAAA,EAC9B,MAAM,iCAAoB;AAAA,EAC1B,MAAM;AACR;AAEA,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,4BAAU,OAAO,YAAY,4CAA4C;AAAA,EAEzF,OAAO,4BAAU,OAAO,YAAY,uBAAuB;AAAA,EAE3D,MAAM,4BAAU,KAAK,YAAY,2BAA2B;AAAA,EAE5D,aAAa,4BAAU,OAAO,YAAY,6BAA6B;AAAA,EAEvE,MAAM,4BAAU,MAAM,sCAAyB,EAAE,YAAY,sBAAsB;AAAA,EAEnF,SAAS,4BAAU,QACjB,4BAAU,MAAM;AAAA,IACd,MAAM,4BAAU;AAAA,IAChB,SAAS,4BAAU;AAAA,EACrB,CAAC,CACH,EAAE,YAAY,+BAA+B;AAC/C;AAEA,iBAAiB,YAAY;AAC7B,iBAAiB,cAAc;AAC/B,MAAM,6BAA6B,gCAAS,gBAAgB;AAC5D,2BAA2B,YAAY;AAIvC,IAAO,2BAAQ;",
6
6
  "names": []
7
7
  }
@@ -4,32 +4,26 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
4
  var __getOwnPropNames = Object.getOwnPropertyNames;
5
5
  var __getProtoOf = Object.getPrototypeOf;
6
6
  var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
7
  var __export = (target, all) => {
9
8
  for (var name in all)
10
9
  __defProp(target, name, { get: all[name], enumerable: true });
11
10
  };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
11
+ var __copyProps = (to, from, except, desc) => {
12
+ if (from && typeof from === "object" || typeof from === "function") {
13
+ for (let key of __getOwnPropNames(from))
14
+ if (!__hasOwnProp.call(to, key) && key !== except)
15
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
16
  }
18
- return target;
17
+ return to;
19
18
  };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
19
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
20
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
28
21
  var types_exports = {};
29
22
  __export(types_exports, {
30
23
  CardNavigationTypes: () => CardNavigationTypes,
31
24
  CardNavigationTypesValues: () => CardNavigationTypesValues
32
25
  });
26
+ module.exports = __toCommonJS(types_exports);
33
27
  var React = __toESM(require("react"));
34
28
  const CardNavigationTypes = {
35
29
  BORROWER: "borrower",
@@ -38,5 +32,4 @@ const CardNavigationTypes = {
38
32
  REGULATORY: "regulatory"
39
33
  };
40
34
  const CardNavigationTypesValues = Object.values(CardNavigationTypes);
41
- module.exports = __toCommonJS(types_exports);
42
35
  //# sourceMappingURL=types.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../src/components/types.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["export const CardNavigationTypes = {\n BORROWER: 'borrower',\n FINANCIAL: 'financial',\n LOAN: 'loan',\n REGULATORY: 'regulatory',\n};\n\nexport const CardNavigationTypesValues = Object.values(CardNavigationTypes);\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,sBAAsB;AAAA,EACjC,UAAU;AAAA,EACV,WAAW;AAAA,EACX,MAAM;AAAA,EACN,YAAY;AAAA;AAGP,MAAM,4BAA4B,OAAO,OAAO;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,sBAAsB;AAAA,EACjC,UAAU;AAAA,EACV,WAAW;AAAA,EACX,MAAM;AAAA,EACN,YAAY;AACd;AAEO,MAAM,4BAA4B,OAAO,OAAO,mBAAmB;",
6
6
  "names": []
7
7
  }
package/dist/cjs/index.js CHANGED
@@ -4,33 +4,27 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
4
  var __getOwnPropNames = Object.getOwnPropertyNames;
5
5
  var __getProtoOf = Object.getPrototypeOf;
6
6
  var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
7
  var __export = (target, all) => {
9
8
  for (var name in all)
10
9
  __defProp(target, name, { get: all[name], enumerable: true });
11
10
  };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
11
+ var __copyProps = (to, from, except, desc) => {
12
+ if (from && typeof from === "object" || typeof from === "function") {
13
+ for (let key of __getOwnPropNames(from))
14
+ if (!__hasOwnProp.call(to, key) && key !== except)
15
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
16
  }
18
- return target;
17
+ return to;
19
18
  };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
19
+ var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
21
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
28
22
  var src_exports = {};
29
23
  __export(src_exports, {
30
24
  default: () => import_DSCardNavigation.default
31
25
  });
26
+ module.exports = __toCommonJS(src_exports);
32
27
  var React = __toESM(require("react"));
33
28
  var import_DSCardNavigation = __toESM(require("./DSCardNavigation"));
34
- __reExport(src_exports, require("./DSCardNavigation"));
35
- module.exports = __toCommonJS(src_exports);
29
+ __reExport(src_exports, require("./DSCardNavigation"), module.exports);
36
30
  //# sourceMappingURL=index.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["export { default } from './DSCardNavigation';\nexport * from './DSCardNavigation';\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAwB;AACxB,wBAAc;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAwB;AACxB,wBAAc,+BADd;",
6
6
  "names": []
7
7
  }
package/dist/cjs/style.js CHANGED
@@ -4,27 +4,20 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
4
  var __getOwnPropNames = Object.getOwnPropertyNames;
5
5
  var __getProtoOf = Object.getPrototypeOf;
6
6
  var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
7
  var __export = (target, all) => {
9
8
  for (var name in all)
10
9
  __defProp(target, name, { get: all[name], enumerable: true });
11
10
  };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
11
+ var __copyProps = (to, from, except, desc) => {
12
+ if (from && typeof from === "object" || typeof from === "function") {
13
+ for (let key of __getOwnPropNames(from))
14
+ if (!__hasOwnProp.call(to, key) && key !== except)
15
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
16
  }
18
- return target;
17
+ return to;
19
18
  };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
19
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
20
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
28
21
  var style_exports = {};
29
22
  __export(style_exports, {
30
23
  StyledCardNavigationAction: () => StyledCardNavigationAction,
@@ -37,6 +30,7 @@ __export(style_exports, {
37
30
  StyledCardNavigationContentTitleWrapper: () => StyledCardNavigationContentTitleWrapper,
38
31
  StyledCardNavigationIcon: () => StyledCardNavigationIcon
39
32
  });
33
+ module.exports = __toCommonJS(style_exports);
40
34
  var React = __toESM(require("react"));
41
35
  var import_styled_components = __toESM(require("styled-components"));
42
36
  var import_types = require("./components/types");
@@ -130,5 +124,4 @@ const StyledCardNavigationAction = import_styled_components.default.div`
130
124
  }
131
125
  }
132
126
  `;
133
- module.exports = __toCommonJS(style_exports);
134
127
  //# sourceMappingURL=style.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/style.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import styled from 'styled-components';\nimport { CardNavigationTypes } from './components/types';\n\nexport const StyledCardNavigationContentTitle = styled.div`\n padding-top: ${(props) => props.theme.space.xxs};\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n font-size: 18px;\n color: ${(props) => props.theme.colors.neutral['700']};\n`;\n\nexport const StyledCardNavigationContentDescription = styled.div`\n color: ${(props) => props.theme.colors.neutral['500']};\n font-size: 12px;\n`;\n\nexport const StyledCardNavigationContentTitleWrapper = styled.div`\n width: 100%;\n`;\n\nexport const StyledCardNavigationContent = styled.div`\n padding-right: ${(props) => props.theme.space.xs};\n padding-left: ${(props) => props.theme.space.xs};\n display: flex;\n align-items: center;\n flex: 1;\n overflow: hidden;\n`;\n\nexport const StyledCardNavigationCentralContent = styled.div`\n width: 273px;\n display: flex;\n @media (max-width: ${(props) => props.theme.breakpoints.small}) {\n width: 336px;\n }\n`;\n\nexport const StyledCardNavigationBoxWrapper = styled.div`\n width: 337px;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n box-shadow: 0 1px 4px 0px rgba(37, 41, 47, 0.5);\n border-radius: 2px;\n position: relative;\n outline: none;\n ${(props) => (props.fluid ? 'width: 100%' : '')};\n @media (max-width: ${(props) => props.theme.breakpoints.small}) {\n width: ${(props) => (props.fluid ? 'width: 100%' : '414px')};\n }\n :after {\n display: block;\n content: '';\n position: absolute;\n height: 100%;\n width: 100%;\n top: 0;\n left: 0;\n border: solid ${(props) => props.theme.space.xxs} transparent;\n border-radius: 2px;\n pointer-events: none;\n }\n &:hover,\n &:focus {\n box-shadow: 0 3px 8px 0px rgba(37, 41, 47, 0.4);\n }\n`;\n\nexport const StyledCardNavigationIcon = styled.div`\n width: 64px;\n height: 64px;\n background-color: #32aad1;\n border-top-left-radius: 2px;\n border-bottom-left-radius: 2px;\n padding: ${(props) => props.theme.space.xxs};\n display: flex;\n align-items: center;\n justify-content: center;\n fill: #ffffff;\n /* fill: color(neutral, 0); */\n background-color: ${({ type }) =>\n (type === CardNavigationTypes.BORROWER && '#32aad1') ||\n (type === CardNavigationTypes.FINANCIAL && '#1ba88d') ||\n (type === CardNavigationTypes.LOAN && '#8e49b2') ||\n (type === CardNavigationTypes.REGULATORY && '#db5575')};\n`;\n\nexport const StyledCardNavigationActions = styled.div`\n display: flex;\n flex-direction: row;\n align-items: center;\n padding-right: ${(props) => props.theme.space.xxs};\n`;\n\nexport const StyledCardNavigationAction = styled.div`\n margin-left: ${(props) => props.theme.space.xxs};\n span {\n height: ${(props) => props.theme.space.s};\n width: ${(props) => props.theme.space.s};\n svg {\n fill: ${(props) => props.theme.colors.neutral[500]};\n height: ${(props) => props.theme.space.s};\n width: ${(props) => props.theme.space.s};\n }\n }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AACnB,mBAAoC;AAE7B,MAAM,mCAAmC,iCAAO;AAAA,iBACtC,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,iBAC7B,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAAA,WAEzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAG1C,MAAM,yCAAyC,iCAAO;AAAA,WAClD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAI1C,MAAM,0CAA0C,iCAAO;AAAA;AAAA;AAIvD,MAAM,8BAA8B,iCAAO;AAAA,mBAC/B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,kBAC9B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAOxC,MAAM,qCAAqC,iCAAO;AAAA;AAAA;AAAA,uBAGlC,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAAA;AAAA;AAKnD,MAAM,iCAAiC,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASjD,CAAC,UAAW,MAAM,QAAQ,gBAAgB;AAAA,uBACvB,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,aAC7C,CAAC,UAAW,MAAM,QAAQ,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAUnC,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU1C,MAAM,2BAA2B,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAMlC,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAMpB,CAAC,EAAE,WACpB,SAAS,iCAAoB,YAAY,aACzC,SAAS,iCAAoB,aAAa,aAC1C,SAAS,iCAAoB,QAAQ,aACrC,SAAS,iCAAoB,cAAc;AAAA;AAGzC,MAAM,8BAA8B,iCAAO;AAAA;AAAA;AAAA;AAAA,mBAI/B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAGzC,MAAM,6BAA6B,iCAAO;AAAA,iBAChC,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA,cAEhC,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,aAC9B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA,cAE5B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,gBACpC,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,eAC9B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AACnB,mBAAoC;AAE7B,MAAM,mCAAmC,iCAAO;AAAA,iBACtC,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,iBAC7B,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAAA,WAEzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAG1C,MAAM,yCAAyC,iCAAO;AAAA,WAClD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAI1C,MAAM,0CAA0C,iCAAO;AAAA;AAAA;AAIvD,MAAM,8BAA8B,iCAAO;AAAA,mBAC/B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,kBAC9B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAOxC,MAAM,qCAAqC,iCAAO;AAAA;AAAA;AAAA,uBAGlC,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAAA;AAAA;AAKnD,MAAM,iCAAiC,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASjD,CAAC,UAAW,MAAM,QAAQ,gBAAgB;AAAA,uBACvB,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,aAC7C,CAAC,UAAW,MAAM,QAAQ,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAUnC,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU1C,MAAM,2BAA2B,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAMlC,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAMpB,CAAC,EAAE,WACpB,SAAS,iCAAoB,YAAY,aACzC,SAAS,iCAAoB,aAAa,aAC1C,SAAS,iCAAoB,QAAQ,aACrC,SAAS,iCAAoB,cAAc;AAAA;AAGzC,MAAM,8BAA8B,iCAAO;AAAA;AAAA;AAAA;AAAA,mBAI/B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAGzC,MAAM,6BAA6B,iCAAO;AAAA,iBAChC,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA,cAEhC,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,aAC9B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA,cAE5B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,gBACpC,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,eAC9B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;",
6
6
  "names": []
7
7
  }
@@ -91,12 +91,14 @@ const props = {
91
91
  })).description("card navigation actions array")
92
92
  };
93
93
  DSCardNavigation.propTypes = props;
94
+ DSCardNavigation.displayName = "DSCardNavigation";
94
95
  const DSCardNavigationWithSchema = describe(DSCardNavigation);
95
96
  DSCardNavigationWithSchema.propTypes = props;
96
97
  var DSCardNavigation_default = DSCardNavigation;
97
98
  export {
98
99
  CardNavigationTypes,
99
100
  CardNavigationTypesValues,
101
+ DSCardNavigation,
100
102
  DSCardNavigationWithSchema,
101
103
  DSCardNavigation_default as default
102
104
  };
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSCardNavigation.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 { MoreOptionsVert, LoanProducts } from '@elliemae/ds-icons';\nimport DSButton, { BUTTON_SIZE, BUTTON_TYPE } from '@elliemae/ds-button';\nimport {\n StyledCardNavigationContentTitle,\n StyledCardNavigationContentDescription,\n StyledCardNavigationContentTitleWrapper,\n StyledCardNavigationContent,\n StyledCardNavigationCentralContent,\n StyledCardNavigationBoxWrapper,\n StyledCardNavigationIcon,\n StyledCardNavigationAction,\n StyledCardNavigationActions,\n} from './style';\nimport { CardNavigationTypes, CardNavigationTypesValues } from './components/types';\n\nconst DSCardNavigation = ({ containerProps = {}, title = '', description = '', type, Icon, actions = [], ...rest }) => (\n <TooltipTextProvider>\n <StyledCardNavigationBoxWrapper role=\"button\" tabIndex={0} {...rest} {...containerProps}>\n <StyledCardNavigationIcon type={type}>\n <Icon size=\"l\" />\n </StyledCardNavigationIcon>\n <StyledCardNavigationCentralContent>\n <StyledCardNavigationContent>\n <StyledCardNavigationContentTitleWrapper>\n <StyledCardNavigationContentTitle>\n <DSTruncatedTooltipText value={title} />\n </StyledCardNavigationContentTitle>\n <StyledCardNavigationContentDescription>\n <DSTruncatedTooltipText value={description} data-testid=\"ds-card-navigation--description\" />\n </StyledCardNavigationContentDescription>\n </StyledCardNavigationContentTitleWrapper>\n </StyledCardNavigationContent>\n {actions.length > 0 && (\n <StyledCardNavigationActions>\n {actions.map(({ icon = <MoreOptionsVert aria-label=\"More options\" />, ...otherProps }, key) => (\n <StyledCardNavigationAction key={key}>\n <DSButton icon={icon} {...otherProps} buttonType={BUTTON_TYPE.TEXT} size={BUTTON_SIZE.L} />\n </StyledCardNavigationAction>\n ))}\n </StyledCardNavigationActions>\n )}\n </StyledCardNavigationCentralContent>\n </StyledCardNavigationBoxWrapper>\n </TooltipTextProvider>\n);\n\nDSCardNavigation.defaultProps = {\n type: CardNavigationTypes.BORROWER,\n Icon: LoanProducts,\n};\n\nconst props = {\n /** props to inject to card navigation wrapper */\n containerProps: PropTypes.object.description('props to inject to card navigation wrapper'),\n /** card navigation title */\n title: PropTypes.string.description('card navigation title'),\n /** card navigation main icon */\n Icon: PropTypes.node.description('card navigation main icon'),\n /** card navigation description */\n description: PropTypes.string.description('card navigation description'),\n /** card navigation type */\n type: PropTypes.oneOf(CardNavigationTypesValues).description('card navigation type'),\n /** card navigation actions array */\n actions: PropTypes.arrayOf(\n PropTypes.shape({\n icon: PropTypes.element,\n onClick: PropTypes.func,\n }),\n ).description('card navigation actions array'),\n};\n\nDSCardNavigation.propTypes = props;\n\nconst DSCardNavigationWithSchema = describe(DSCardNavigation);\nDSCardNavigationWithSchema.propTypes = props;\n\nexport { CardNavigationTypes, CardNavigationTypesValues, DSCardNavigationWithSchema };\n\nexport default DSCardNavigation;\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWA;AAEA,MAAM,mBAAmB,CAAC,OAA0F;AAA1F,eAAE,mBAAiB,IAAI,QAAQ,IAAI,cAAc,IAAI,MAAM,MAAM,UAAU,OAA3E,IAAkF,iBAAlF,IAAkF,CAAhF,kBAAqB,SAAY,eAAkB,QAAM,QAAM;AACzF,8CAAC,qBAAD,MACE,qCAAC,gCAAD;AAAA,IAAgC,MAAK;AAAA,IAAS,UAAU;AAAA,KAAO,OAAU,iBACvE,qCAAC,0BAAD;AAAA,IAA0B;AAAA,KACxB,qCAAC,MAAD;AAAA,IAAM,MAAK;AAAA,OAEb,qCAAC,oCAAD,MACE,qCAAC,6BAAD,MACE,qCAAC,yCAAD,MACE,qCAAC,kCAAD,MACE,qCAAC,wBAAD;AAAA,IAAwB,OAAO;AAAA,OAEjC,qCAAC,wCAAD,MACE,qCAAC,wBAAD;AAAA,IAAwB,OAAO;AAAA,IAAa,eAAY;AAAA,SAI7D,QAAQ,SAAS,KAChB,qCAAC,6BAAD,MACG,QAAQ,IAAI,CAAC,KAAyE,QAAK;AAA9E,mBAAE,SAAO,qCAAC,iBAAD;AAAA,MAAiB,cAAW;AAAA,WAArC,KAA2D,uBAA3D,KAA2D,CAAzD;AACd,gDAAC,4BAAD;AAAA,MAA4B;AAAA,OAC1B,qCAAC,UAAD;AAAA,MAAU;AAAA,OAAgB,aAA1B;AAAA,MAAsC,YAAY,YAAY;AAAA,MAAM,MAAM,YAAY;AAAA;AAAA;AAAA;AAUtG,iBAAiB,eAAe;AAAA,EAC9B,MAAM,oBAAoB;AAAA,EAC1B,MAAM;AAAA;AAGR,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,UAAU,OAAO,YAAY;AAAA,EAE7C,OAAO,UAAU,OAAO,YAAY;AAAA,EAEpC,MAAM,UAAU,KAAK,YAAY;AAAA,EAEjC,aAAa,UAAU,OAAO,YAAY;AAAA,EAE1C,MAAM,UAAU,MAAM,2BAA2B,YAAY;AAAA,EAE7D,SAAS,UAAU,QACjB,UAAU,MAAM;AAAA,IACd,MAAM,UAAU;AAAA,IAChB,SAAS,UAAU;AAAA,MAErB,YAAY;AAAA;AAGhB,iBAAiB,YAAY;AAE7B,MAAM,6BAA6B,SAAS;AAC5C,2BAA2B,YAAY;AAIvC,IAAO,2BAAQ;",
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 { MoreOptionsVert, LoanProducts } from '@elliemae/ds-icons';\nimport DSButton, { BUTTON_SIZE, BUTTON_TYPE } from '@elliemae/ds-button';\nimport {\n StyledCardNavigationContentTitle,\n StyledCardNavigationContentDescription,\n StyledCardNavigationContentTitleWrapper,\n StyledCardNavigationContent,\n StyledCardNavigationCentralContent,\n StyledCardNavigationBoxWrapper,\n StyledCardNavigationIcon,\n StyledCardNavigationAction,\n StyledCardNavigationActions,\n} from './style';\nimport { CardNavigationTypes, CardNavigationTypesValues } from './components/types';\n\nconst DSCardNavigation = ({ containerProps = {}, title = '', description = '', type, Icon, actions = [], ...rest }) => (\n <TooltipTextProvider>\n <StyledCardNavigationBoxWrapper role=\"button\" tabIndex={0} {...rest} {...containerProps}>\n <StyledCardNavigationIcon type={type}>\n <Icon size=\"l\" />\n </StyledCardNavigationIcon>\n <StyledCardNavigationCentralContent>\n <StyledCardNavigationContent>\n <StyledCardNavigationContentTitleWrapper>\n <StyledCardNavigationContentTitle>\n <DSTruncatedTooltipText value={title} />\n </StyledCardNavigationContentTitle>\n <StyledCardNavigationContentDescription>\n <DSTruncatedTooltipText value={description} data-testid=\"ds-card-navigation--description\" />\n </StyledCardNavigationContentDescription>\n </StyledCardNavigationContentTitleWrapper>\n </StyledCardNavigationContent>\n {actions.length > 0 && (\n <StyledCardNavigationActions>\n {actions.map(({ icon = <MoreOptionsVert aria-label=\"More options\" />, ...otherProps }, key) => (\n <StyledCardNavigationAction key={key}>\n <DSButton icon={icon} {...otherProps} buttonType={BUTTON_TYPE.TEXT} size={BUTTON_SIZE.L} />\n </StyledCardNavigationAction>\n ))}\n </StyledCardNavigationActions>\n )}\n </StyledCardNavigationCentralContent>\n </StyledCardNavigationBoxWrapper>\n </TooltipTextProvider>\n);\n\nDSCardNavigation.defaultProps = {\n type: CardNavigationTypes.BORROWER,\n Icon: LoanProducts,\n};\n\nconst props = {\n /** props to inject to card navigation wrapper */\n containerProps: PropTypes.object.description('props to inject to card navigation wrapper'),\n /** card navigation title */\n title: PropTypes.string.description('card navigation title'),\n /** card navigation main icon */\n Icon: PropTypes.node.description('card navigation main icon'),\n /** card navigation description */\n description: PropTypes.string.description('card navigation description'),\n /** card navigation type */\n type: PropTypes.oneOf(CardNavigationTypesValues).description('card navigation type'),\n /** card navigation actions array */\n actions: PropTypes.arrayOf(\n PropTypes.shape({\n icon: PropTypes.element,\n onClick: PropTypes.func,\n }),\n ).description('card navigation actions array'),\n};\n\nDSCardNavigation.propTypes = props;\nDSCardNavigation.displayName = 'DSCardNavigation';\nconst DSCardNavigationWithSchema = describe(DSCardNavigation);\nDSCardNavigationWithSchema.propTypes = props;\n\nexport { CardNavigationTypes, CardNavigationTypesValues, DSCardNavigationWithSchema, DSCardNavigation };\n\nexport default DSCardNavigation;\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWA;AAEA,MAAM,mBAAmB,CAAC,OAA0F;AAA1F,eAAE,mBAAiB,CAAC,GAAG,QAAQ,IAAI,cAAc,IAAI,MAAM,MAAM,UAAU,CAAC,MAA5E,IAAkF,iBAAlF,IAAkF,CAAhF,kBAAqB,SAAY,eAAkB,QAAM,QAAM;AACzF,8CAAC,2BACC,qCAAC;AAAA,IAA+B,MAAK;AAAA,IAAS,UAAU;AAAA,KAAO,OAAU,iBACvE,qCAAC;AAAA,IAAyB;AAAA,KACxB,qCAAC;AAAA,IAAK,MAAK;AAAA,GAAI,CACjB,GACA,qCAAC,0CACC,qCAAC,mCACC,qCAAC,+CACC,qCAAC,wCACC,qCAAC;AAAA,IAAuB,OAAO;AAAA,GAAO,CACxC,GACA,qCAAC,8CACC,qCAAC;AAAA,IAAuB,OAAO;AAAA,IAAa,eAAY;AAAA,GAAkC,CAC5F,CACF,CACF,GACC,QAAQ,SAAS,KAChB,qCAAC,mCACE,QAAQ,IAAI,CAAC,KAAyE,QAAK;AAA9E,mBAAE,SAAO,qCAAC;AAAA,MAAgB,cAAW;AAAA,KAAe,MAApD,KAA2D,uBAA3D,KAA2D,CAAzD;AACd,gDAAC;AAAA,MAA2B;AAAA,OAC1B,qCAAC;AAAA,MAAS;AAAA,OAAgB,aAAzB;AAAA,MAAqC,YAAY,YAAY;AAAA,MAAM,MAAM,YAAY;AAAA,MAAG,CAC3F;AAAA,GACD,CACH,CAEJ,CACF,CACF;AAAA;AAGF,iBAAiB,eAAe;AAAA,EAC9B,MAAM,oBAAoB;AAAA,EAC1B,MAAM;AACR;AAEA,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,UAAU,OAAO,YAAY,4CAA4C;AAAA,EAEzF,OAAO,UAAU,OAAO,YAAY,uBAAuB;AAAA,EAE3D,MAAM,UAAU,KAAK,YAAY,2BAA2B;AAAA,EAE5D,aAAa,UAAU,OAAO,YAAY,6BAA6B;AAAA,EAEvE,MAAM,UAAU,MAAM,yBAAyB,EAAE,YAAY,sBAAsB;AAAA,EAEnF,SAAS,UAAU,QACjB,UAAU,MAAM;AAAA,IACd,MAAM,UAAU;AAAA,IAChB,SAAS,UAAU;AAAA,EACrB,CAAC,CACH,EAAE,YAAY,+BAA+B;AAC/C;AAEA,iBAAiB,YAAY;AAC7B,iBAAiB,cAAc;AAC/B,MAAM,6BAA6B,SAAS,gBAAgB;AAC5D,2BAA2B,YAAY;AAIvC,IAAO,2BAAQ;",
6
6
  "names": []
7
7
  }
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/types.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const CardNavigationTypes = {\n BORROWER: 'borrower',\n FINANCIAL: 'financial',\n LOAN: 'loan',\n REGULATORY: 'regulatory',\n};\n\nexport const CardNavigationTypesValues = Object.values(CardNavigationTypes);\n"],
5
- "mappings": "AAAA;ACAO,MAAM,sBAAsB;AAAA,EACjC,UAAU;AAAA,EACV,WAAW;AAAA,EACX,MAAM;AAAA,EACN,YAAY;AAAA;AAGP,MAAM,4BAA4B,OAAO,OAAO;",
5
+ "mappings": "AAAA;ACAO,MAAM,sBAAsB;AAAA,EACjC,UAAU;AAAA,EACV,WAAW;AAAA,EACX,MAAM;AAAA,EACN,YAAY;AACd;AAEO,MAAM,4BAA4B,OAAO,OAAO,mBAAmB;",
6
6
  "names": []
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-card-navigation",
3
- "version": "3.0.0-next.9",
3
+ "version": "3.0.1",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Card Navigation",
6
6
  "files": [
@@ -46,20 +46,27 @@
46
46
  "reportFile": "tests.xml",
47
47
  "indent": 4
48
48
  },
49
+ "scripts": {
50
+ "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
51
+ "test": "node ../../scripts/testing/test.mjs",
52
+ "lint": "node ../../scripts/lint.mjs",
53
+ "dts": "node ../../scripts/dts.mjs",
54
+ "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
55
+ },
49
56
  "dependencies": {
50
- "@elliemae/ds-button": "3.0.0-next.9",
51
- "@elliemae/ds-icons": "3.0.0-next.9",
52
- "@elliemae/ds-truncated-tooltip-text": "3.0.0-next.9",
57
+ "@elliemae/ds-button": "workspace:*",
58
+ "@elliemae/ds-icons": "workspace:*",
59
+ "@elliemae/ds-truncated-tooltip-text": "workspace:*",
53
60
  "react-desc": "~4.1.3"
54
61
  },
55
62
  "devDependencies": {
56
- "@elliemae/pui-theme": "~2.3.0",
63
+ "@elliemae/pui-theme": "~2.4.1",
57
64
  "@testing-library/jest-dom": "~5.16.2",
58
65
  "@testing-library/react": "~12.1.2",
59
66
  "styled-components": "~5.3.3"
60
67
  },
61
68
  "peerDependencies": {
62
- "@elliemae/pui-theme": "^2.3.0",
69
+ "@elliemae/pui-theme": "^2.4.1",
63
70
  "lodash": "^4.17.21",
64
71
  "react": "~17.0.2",
65
72
  "react-dom": "^17.0.2",
@@ -68,12 +75,5 @@
68
75
  "publishConfig": {
69
76
  "access": "public",
70
77
  "typeSafety": false
71
- },
72
- "scripts": {
73
- "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
74
- "test": "node ../../scripts/testing/test.mjs",
75
- "lint": "node ../../scripts/lint.mjs",
76
- "dts": "node ../../scripts/dts.mjs",
77
- "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
78
78
  }
79
- }
79
+ }