@elliemae/ds-card 2.3.0-alpha.9 → 2.3.0-next.11

package/package.json

@@ -1,54 +1,51 @@
 {
   "name": "@elliemae/ds-card",
-  "version": "2.3.0-alpha.9",
+  "version": "2.3.0-next.11",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Card",
-  "files": [
-    "dist"
-  ],
-  "module": "./dist/esm/index.js",
-  "main": "./dist/cjs/index.js",
-  "types": "./dist/types/index.d.ts",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/esm/index.js",
-      "require": "./dist/cjs/index.js"
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
     },
     "./v2/Group": {
-      "import": "./dist/esm/v2/Group.js",
-      "require": "./dist/cjs/v2/Group.js"
+      "import": "./esm/v2/Group.js",
+      "require": "./cjs/v2/Group.js"
     },
     "./v2/components": {
-      "import": "./dist/esm/v2/components.js",
-      "require": "./dist/cjs/v2/components.js"
+      "import": "./esm/v2/components.js",
+      "require": "./cjs/v2/components.js"
     },
     "./v2/Card": {
-      "import": "./dist/esm/v2/Card.js",
-      "require": "./dist/cjs/v2/Card.js"
+      "import": "./esm/v2/Card.js",
+      "require": "./cjs/v2/Card.js"
     },
     "./v2/ActionAddon": {
-      "import": "./dist/esm/v2/ActionAddon.js",
-      "require": "./dist/cjs/v2/ActionAddon.js"
+      "import": "./esm/v2/ActionAddon.js",
+      "require": "./cjs/v2/ActionAddon.js"
     },
     "./DSCardHeader": {
-      "import": "./dist/esm/DSCardHeader.js",
-      "require": "./dist/cjs/DSCardHeader.js"
+      "import": "./esm/DSCardHeader.js",
+      "require": "./cjs/DSCardHeader.js"
     },
     "./DSCardBody": {
-      "import": "./dist/esm/DSCardBody.js",
-      "require": "./dist/cjs/DSCardBody.js"
+      "import": "./esm/DSCardBody.js",
+      "require": "./cjs/DSCardBody.js"
     },
     "./DSCard": {
-      "import": "./dist/esm/DSCard.js",
-      "require": "./dist/cjs/DSCard.js"
+      "import": "./esm/DSCard.js",
+      "require": "./cjs/DSCard.js"
     },
     "./detail/styled": {
-      "import": "./dist/esm/detail/styled.js",
-      "require": "./dist/cjs/detail/styled.js"
+      "import": "./esm/detail/styled.js",
+      "require": "./cjs/detail/styled.js"
     },
     "./detail/DetailCard": {
-      "import": "./dist/esm/detail/DetailCard.js",
-      "require": "./dist/cjs/detail/DetailCard.js"
+      "import": "./esm/detail/DetailCard.js",
+      "require": "./cjs/detail/DetailCard.js"
     }
   },
   "sideEffects": [
@@ -60,24 +57,30 @@
     "url": "https://git.elliemae.io/platform-ui/dimsum.git"
   },
   "engines": {
-    "pnpm": ">=6",
-    "node": ">=16"
+    "npm": ">=7",
+    "node": ">=14"
   },
   "author": "ICE MT",
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
+    "prebuild": "exit 0",
+    "predev": "exit 0",
+    "build": "node ../../scripts/build/build.js"
+  },
   "dependencies": {
-    "@elliemae/ds-button": "2.3.0-alpha.9",
-    "@elliemae/ds-classnames": "2.3.0-alpha.9",
-    "@elliemae/ds-form": "2.3.0-alpha.9",
-    "@elliemae/ds-grid": "2.3.0-alpha.9",
-    "@elliemae/ds-header": "2.3.0-alpha.9",
-    "@elliemae/ds-icons": "2.3.0-alpha.9",
-    "@elliemae/ds-separator": "2.3.0-alpha.9",
-    "@elliemae/ds-system": "2.3.0-alpha.9",
-    "@elliemae/ds-truncated-tooltip-text": "2.3.0-alpha.9",
+    "@elliemae/ds-button": "2.3.0-next.11",
+    "@elliemae/ds-classnames": "2.3.0-next.11",
+    "@elliemae/ds-form": "2.3.0-next.11",
+    "@elliemae/ds-grid": "2.3.0-next.11",
+    "@elliemae/ds-header": "2.3.0-next.11",
+    "@elliemae/ds-icons": "2.3.0-next.11",
+    "@elliemae/ds-separator": "2.3.0-next.11",
+    "@elliemae/ds-system": "2.3.0-next.11",
+    "@elliemae/ds-truncated-tooltip-text": "2.3.0-next.11",
     "react-desc": "~4.1.3"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "~5.15.1",
+    "@testing-library/jest-dom": "~5.15.0",
     "@testing-library/react": "~12.1.2",
     "styled-components": "~5.3.3"
   },
@@ -89,12 +92,7 @@
   },
   "publishConfig": {
     "access": "public",
-    "typeSafety": false
-  },
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
-    "prebuild": "exit 0",
-    "predev": "exit 0",
-    "build": "node ../../scripts/build/build.js"
+    "directory": "dist",
+    "generateSubmodules": true
   }
 }

package/{dist/types → types}/detail/styled.d.ts

@@ -2,8 +2,8 @@
 export declare const Separator: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const Title: import("styled-components").StyledComponent<"h3", import("styled-components").DefaultTheme, {}, never>;
 export declare const Description: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
-export declare const RightAddon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
-export declare const RightDescription: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
-export declare const RightValue: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const RightAddon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const RightDescription: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const RightValue: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
 export declare const ExpandContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const Container: any;

package/{dist/types → types}/v2/components.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare const CardContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+declare const CardContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
 declare const LeftSection: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 declare const LeftAddon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 declare const RightAddonSection: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/cjs/DSCard.js

@@ -1,67 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var DSCard_exports = {};
-__export(DSCard_exports, {
-  DSCard: () => DSCard,
-  DSCardWithSchema: () => DSCardWithSchema,
-  default: () => DSCard_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-var import_ds_classnames = require("@elliemae/ds-classnames");
-var import_DSCardBody = __toESM(require("./DSCardBody"));
-var import_DSCardHeader = __toESM(require("./DSCardHeader"));
-const DSCard = ({
-  innerRef = void 0,
-  children = null,
-  containerProps = {},
-  ...otherProps
-}) => {
-  const { cssClassName } = (0, import_ds_classnames.convertPropToCssClassName)("card");
-  return /* @__PURE__ */ import_react.default.createElement("div", {
-    "data-testid": "card",
-    ...containerProps,
-    ref: innerRef,
-    className: cssClassName,
-    ...otherProps
-  }, children);
-};
-const cardProps = {
-  containerProps: import_react_desc.PropTypes.object.description("inject props to component wrapper"),
-  innerRef: import_react_desc.PropTypes.string.description("Get reference for the button"),
-  children: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.shape({
-    type: import_react_desc.PropTypes.oneOf([import_DSCardHeader.default, import_DSCardBody.default])
-  })).description("DSCardBody and DSCardHeader")
-};
-DSCard.propTypes = cardProps;
-const DSCardWithSchema = (0, import_react_desc.describe)(DSCard);
-DSCardWithSchema.propTypes = cardProps;
-var DSCard_default = DSCard;
-module.exports = __toCommonJS(DSCard_exports);
-//# sourceMappingURL=DSCard.js.map

package/dist/cjs/DSCard.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/DSCard.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport DSCardBody from './DSCardBody';\nimport DSCardHeader from './DSCardHeader';\n\nconst DSCard = ({\n  innerRef = undefined,\n  children = null,\n  containerProps = {},\n  ...otherProps\n}) => {\n  const { cssClassName } = convertPropToCssClassName('card');\n\n  return (\n    <div\n      data-testid=\"card\"\n      {...containerProps}\n      ref={innerRef}\n      className={cssClassName}\n      {...otherProps}\n    >\n      {children}\n    </div>\n  );\n};\n\nconst cardProps = {\n  /** inject props to component wrapper */\n  containerProps: PropTypes.object.description(\n    'inject props to component wrapper',\n  ),\n  /**\n   * Get reference for the button\n   */\n  innerRef: PropTypes.string.description('Get reference for the button'),\n  /**\n   * DSCardBody and DSCardHeader\n   */\n  children: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: PropTypes.oneOf([DSCardHeader, DSCardBody]),\n    }),\n  ).description('DSCardBody and DSCardHeader'),\n};\n\nDSCard.propTypes = cardProps;\nconst DSCardWithSchema = describe(DSCard);\nDSCardWithSchema.propTypes = cardProps;\n\nexport { DSCard, DSCardWithSchema };\nexport default DSCard;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,2BAA0C;AAC1C,wBAAuB;AACvB,0BAAyB;AAEzB,MAAM,SAAS,CAAC;AAAA,EACd,WAAW;AAAA,EACX,WAAW;AAAA,EACX,iBAAiB;AAAA,KACd;AAAA,MACC;AACJ,QAAM,EAAE,iBAAiB,oDAA0B;AAEnD,SACE,mDAAC,OAAD;AAAA,IACE,eAAY;AAAA,OACR;AAAA,IACJ,KAAK;AAAA,IACL,WAAW;AAAA,OACP;AAAA,KAEH;AAAA;AAKP,MAAM,YAAY;AAAA,EAEhB,gBAAgB,4BAAU,OAAO,YAC/B;AAAA,EAKF,UAAU,4BAAU,OAAO,YAAY;AAAA,EAIvC,UAAU,4BAAU,QAClB,4BAAU,MAAM;AAAA,IACd,MAAM,4BAAU,MAAM,CAAC,6BAAc;AAAA,MAEvC,YAAY;AAAA;AAGhB,OAAO,YAAY;AACnB,MAAM,mBAAmB,gCAAS;AAClC,iBAAiB,YAAY;AAG7B,IAAO,iBAAQ;",
-  "names": []
-}

package/dist/cjs/DSCardBody.js

@@ -1,49 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var DSCardBody_exports = {};
-__export(DSCardBody_exports, {
-  DSCardBody: () => DSCardBody,
-  DSCardBodyWithSchema: () => DSCardBodyWithSchema,
-  default: () => DSCardBody_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-const DSCardBody = ({ children }) => /* @__PURE__ */ import_react.default.createElement("div", {
-  className: "em-ds-card-body",
-  "data-testid": "card-body"
-}, children);
-const bodyProps = {
-  children: import_react_desc.PropTypes.element.description("children")
-};
-DSCardBody.propTypes = bodyProps;
-const DSCardBodyWithSchema = (0, import_react_desc.describe)(DSCardBody);
-DSCardBodyWithSchema.propTypes = bodyProps;
-var DSCardBody_default = DSCardBody;
-module.exports = __toCommonJS(DSCardBody_exports);
-//# sourceMappingURL=DSCardBody.js.map

package/dist/cjs/DSCardBody.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/DSCardBody.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\n\nconst DSCardBody = ({ children }) => (\n  <div className=\"em-ds-card-body\" data-testid=\"card-body\">\n    {children}\n  </div>\n);\n\nconst bodyProps = {\n  /** children */\n  children: PropTypes.element.description('children'),\n};\n\nDSCardBody.propTypes = bodyProps;\nconst DSCardBodyWithSchema = describe(DSCardBody);\nDSCardBodyWithSchema.propTypes = bodyProps;\n\nexport { DSCardBody, DSCardBodyWithSchema };\nexport default DSCardBody;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AAEpC,MAAM,aAAa,CAAC,EAAE,eACpB,mDAAC,OAAD;AAAA,EAAK,WAAU;AAAA,EAAkB,eAAY;AAAA,GAC1C;AAIL,MAAM,YAAY;AAAA,EAEhB,UAAU,4BAAU,QAAQ,YAAY;AAAA;AAG1C,WAAW,YAAY;AACvB,MAAM,uBAAuB,gCAAS;AACtC,qBAAqB,YAAY;AAGjC,IAAO,qBAAQ;",
-  "names": []
-}

package/dist/cjs/DSCardHeader.js

@@ -1,59 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var DSCardHeader_exports = {};
-__export(DSCardHeader_exports, {
-  DSCardHeader: () => DSCardHeader,
-  DSCardHeaderWithSchema: () => DSCardHeaderWithSchema,
-  default: () => DSCardHeader_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-var import_ds_classnames = require("@elliemae/ds-classnames");
-const DSCardHeader = ({ title, action }) => {
-  const { cssClassName, classNameElement } = (0, import_ds_classnames.convertPropToCssClassName)("card-header");
-  return /* @__PURE__ */ import_react.default.createElement("div", {
-    className: cssClassName,
-    "data-testid": "card-header"
-  }, /* @__PURE__ */ import_react.default.createElement("span", {
-    className: classNameElement("heading")
-  }, title), /* @__PURE__ */ import_react.default.createElement("div", {
-    className: classNameElement("pull-right"),
-    "data-testid": "ds-card_header-action"
-  }, action));
-};
-const cardHeader = {
-  title: import_react_desc.PropTypes.string.description("card header title"),
-  action: import_react_desc.PropTypes.node.description("action")
-};
-DSCardHeader.propTypes = cardHeader;
-const DSCardHeaderWithSchema = (0, import_react_desc.describe)(DSCardHeader);
-DSCardHeaderWithSchema.propTypes = cardHeader;
-var DSCardHeader_default = DSCardHeader;
-module.exports = __toCommonJS(DSCardHeader_exports);
-//# sourceMappingURL=DSCardHeader.js.map

package/dist/cjs/DSCardHeader.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/DSCardHeader.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\n\nconst DSCardHeader = ({ title, action }) => {\n  const { cssClassName, classNameElement } = convertPropToCssClassName(\n    'card-header',\n  );\n  return (\n    <div className={cssClassName} data-testid=\"card-header\">\n      <span className={classNameElement('heading')}>{title}</span>\n      <div\n        className={classNameElement('pull-right')}\n        data-testid=\"ds-card_header-action\"\n      >\n        {action}\n      </div>\n    </div>\n  );\n};\n\nconst cardHeader = {\n  /** card header title */\n  title: PropTypes.string.description('card header title'),\n  /** action */\n  action: PropTypes.node.description('action'),\n};\n\nDSCardHeader.propTypes = cardHeader;\nconst DSCardHeaderWithSchema = describe(DSCardHeader);\nDSCardHeaderWithSchema.propTypes = cardHeader;\n\nexport { DSCardHeader, DSCardHeaderWithSchema };\nexport default DSCardHeader;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,2BAA0C;AAE1C,MAAM,eAAe,CAAC,EAAE,OAAO,aAAa;AAC1C,QAAM,EAAE,cAAc,qBAAqB,oDACzC;AAEF,SACE,mDAAC,OAAD;AAAA,IAAK,WAAW;AAAA,IAAc,eAAY;AAAA,KACxC,mDAAC,QAAD;AAAA,IAAM,WAAW,iBAAiB;AAAA,KAAa,QAC/C,mDAAC,OAAD;AAAA,IACE,WAAW,iBAAiB;AAAA,IAC5B,eAAY;AAAA,KAEX;AAAA;AAMT,MAAM,aAAa;AAAA,EAEjB,OAAO,4BAAU,OAAO,YAAY;AAAA,EAEpC,QAAQ,4BAAU,KAAK,YAAY;AAAA;AAGrC,aAAa,YAAY;AACzB,MAAM,yBAAyB,gCAAS;AACxC,uBAAuB,YAAY;AAGnC,IAAO,uBAAQ;",
-  "names": []
-}

package/dist/cjs/detail/DetailCard.js

@@ -1,156 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var DetailCard_exports = {};
-__export(DetailCard_exports, {
-  DSCardDetailWithSchema: () => DSCardDetailWithSchema,
-  DetailCard: () => DetailCard,
-  default: () => DetailCard_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_lodash = require("lodash");
-var import_react_desc = require("react-desc");
-var import_ds_icons = require("@elliemae/ds-icons");
-var import_ds_system = require("@elliemae/ds-system");
-var import_ds_button = __toESM(require("@elliemae/ds-button"));
-var import_ds_separator = __toESM(require("@elliemae/ds-separator"));
-var import_ds_grid = require("@elliemae/ds-grid");
-var import_ds_form = require("@elliemae/ds-form");
-var import_styled = require("./styled");
-const DetailCard = ({
-  title,
-  description,
-  descriptionColor = "neutral",
-  rightValue,
-  rightDescription,
-  rightAddon,
-  selectable = false,
-  isSelected = false,
-  onSelect = import_lodash.noop,
-  expandable = false,
-  isExpanded = false,
-  onExpand = import_lodash.noop,
-  expandContent,
-  readOnly = false,
-  disabled = false
-}) => {
-  const theme = (0, import_ds_system.useTheme)();
-  const hasRightLegend = rightValue && rightDescription;
-  const hasRightPosition = hasRightLegend || rightAddon;
-  const topWrapperCols = ["1fr"];
-  if (hasRightPosition)
-    topWrapperCols.push("auto");
-  if (expandable)
-    topWrapperCols.unshift("20px");
-  if (selectable)
-    topWrapperCols.unshift(theme.space.s);
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_styled.Container, {
-    disabled: disabled || readOnly,
-    active: selectable && isSelected,
-    "data-testid": "card-detail-container"
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    cols: topWrapperCols,
-    alignItems: !description && "center"
-  }, selectable && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    pt: description && "9px"
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSCheckbox, {
-    checked: isSelected,
-    onChange: onSelect,
-    readOnly,
-    disabled,
-    "data-testid": "card-checkbox"
-  })), expandable && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    height: "16px",
-    pt: description && "xxs",
-    mt: !description && "-5px"
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
-    size: "s",
-    buttonType: "text",
-    containerProps: {
-      "data-testid": "expand-button"
-    },
-    onClick: onExpand,
-    icon: isExpanded ? /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ArrowheadDown, {
-      color: ["neutral", 500],
-      size: "s"
-    }) : /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ArrowheadRight, {
-      color: ["neutral", 500],
-      size: "s"
-    }),
-    disabled
-  })), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    pr: "24px"
-  }, /* @__PURE__ */ import_react.default.createElement(import_styled.Title, null, title), description && /* @__PURE__ */ import_react.default.createElement(import_styled.Description, {
-    descriptionColor
-  }, description)), hasRightPosition && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    cols: (0, import_lodash.compact)([hasRightPosition && "auto", rightAddon && "auto"])
-  }, hasRightLegend && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    pr: "24px",
-    rows: ["auto", "auto", 1]
-  }, /* @__PURE__ */ import_react.default.createElement(import_styled.RightDescription, {
-    justifyContent: "flex-end"
-  }, rightDescription), /* @__PURE__ */ import_react.default.createElement(import_styled.RightValue, {
-    justifyContent: "flex-end"
-  }, rightValue), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, null)), rightAddon && /* @__PURE__ */ import_react.default.createElement(import_styled.RightAddon, {
-    cols: ["auto", "auto"],
-    gutter: "2px"
-  }, rightAddon))), expandContent && isExpanded && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    ml: selectable && "s",
-    mr: rightAddon && "xs"
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_separator.default, {
-    dashed: true,
-    position: "initial",
-    margin: "none"
-  }), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    pt: "xxs",
-    "data-testid": "detail-card-expanded-content"
-  }, expandContent))));
-};
-const detailProps = {
-  title: import_react_desc.PropTypes.string.isRequired.description("Title of the card."),
-  description: import_react_desc.PropTypes.string.description("Description of the card."),
-  descriptionColor: import_react_desc.PropTypes.oneOf(["primary", "neutral"]).description("Description color."),
-  rightValue: import_react_desc.PropTypes.string.description("Right value (should be used with `rightDescription`)"),
-  rightDescription: import_react_desc.PropTypes.string.description("Right description (should be used with `rightValue`)"),
-  rightAddon: import_react_desc.PropTypes.element.description("Right addon array, max elements: 2"),
-  selectable: import_react_desc.PropTypes.bool.description("Whether if the card is selectable or not"),
-  isSelected: import_react_desc.PropTypes.bool.description("Whether if the card is selected or not"),
-  onSelect: import_react_desc.PropTypes.func.description("Callback on selection"),
-  expandable: import_react_desc.PropTypes.bool.description("Whether if the card is expandable or not"),
-  isExpanded: import_react_desc.PropTypes.bool.description("Whether if the card is expanded or not"),
-  onExpand: import_react_desc.PropTypes.func.description("Callback on expand"),
-  expandContent: import_react_desc.PropTypes.element.description("Content"),
-  readOnly: import_react_desc.PropTypes.bool.description("Read only"),
-  disabled: import_react_desc.PropTypes.bool.description("Disabled")
-};
-DetailCard.propTypes = detailProps;
-const DSCardDetailWithSchema = (0, import_react_desc.describe)(DetailCard);
-DSCardDetailWithSchema.propTypes = detailProps;
-var DetailCard_default = DetailCard;
-module.exports = __toCommonJS(DetailCard_exports);
-//# sourceMappingURL=DetailCard.js.map

package/dist/cjs/detail/DetailCard.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/detail/DetailCard.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable complexity */\nimport React from 'react';\nimport { compact, noop } from 'lodash';\nimport { PropTypes, describe } from 'react-desc';\nimport { ArrowheadDown, ArrowheadRight } from '@elliemae/ds-icons';\nimport { useTheme } from '@elliemae/ds-system';\nimport DSButton from '@elliemae/ds-button';\nimport DSSeparator from '@elliemae/ds-separator';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSCheckbox } from '@elliemae/ds-form';\nimport { Container, Title, Description, RightAddon, RightDescription, RightValue } from './styled';\n\nconst DetailCard = ({\n  title,\n  description,\n  descriptionColor = 'neutral',\n  rightValue,\n  rightDescription,\n  rightAddon,\n  // select props\n  selectable = false,\n  isSelected = false,\n  onSelect = noop,\n  // expand props\n  expandable = false,\n  isExpanded = false,\n  onExpand = noop,\n  expandContent,\n  // state props\n  readOnly = false,\n  disabled = false,\n}) => {\n  const theme = useTheme();\n  const hasRightLegend = rightValue && rightDescription;\n  const hasRightPosition = hasRightLegend || rightAddon;\n  const topWrapperCols = ['1fr'];\n  if (hasRightPosition) topWrapperCols.push('auto');\n  if (expandable) topWrapperCols.unshift('20px');\n  if (selectable) topWrapperCols.unshift(theme.space.s);\n  return (\n    <>\n      <Container disabled={disabled || readOnly} active={selectable && isSelected} data-testid=\"card-detail-container\">\n        <Grid cols={topWrapperCols} alignItems={!description && 'center'}>\n          {selectable && (\n            <Grid pt={description && '9px'}>\n              <DSCheckbox\n                checked={isSelected}\n                onChange={onSelect}\n                readOnly={readOnly}\n                disabled={disabled}\n                data-testid=\"card-checkbox\"\n              />\n            </Grid>\n          )}\n          {expandable && (\n            <Grid height=\"16px\" pt={description && 'xxs'} mt={!description && '-5px'}>\n              <DSButton\n                size=\"s\"\n                buttonType=\"text\"\n                containerProps={{\n                  'data-testid': 'expand-button',\n                }}\n                onClick={onExpand}\n                icon={\n                  isExpanded ? (\n                    <ArrowheadDown color={['neutral', 500]} size=\"s\" />\n                  ) : (\n                    <ArrowheadRight color={['neutral', 500]} size=\"s\" />\n                  )\n                }\n                disabled={disabled}\n              />\n            </Grid>\n          )}\n          <Grid pr=\"24px\">\n            <Title>{title}</Title>\n            {description && <Description descriptionColor={descriptionColor}>{description}</Description>}\n          </Grid>\n          {hasRightPosition && (\n            <Grid cols={compact([hasRightPosition && 'auto', rightAddon && 'auto'])}>\n              {hasRightLegend && (\n                <Grid pr=\"24px\" rows={['auto', 'auto', 1]}>\n                  <RightDescription justifyContent=\"flex-end\">{rightDescription}</RightDescription>\n                  <RightValue justifyContent=\"flex-end\">{rightValue}</RightValue>\n                  <Grid />\n                </Grid>\n              )}\n              {rightAddon && (\n                <RightAddon cols={['auto', 'auto']} gutter=\"2px\">\n                  {rightAddon}\n                </RightAddon>\n              )}\n            </Grid>\n          )}\n        </Grid>\n        {expandContent && isExpanded && (\n          <Grid ml={selectable && 's'} mr={rightAddon && 'xs'}>\n            <DSSeparator dashed position=\"initial\" margin=\"none\" />\n            <Grid pt=\"xxs\" data-testid=\"detail-card-expanded-content\">\n              {expandContent}\n            </Grid>\n          </Grid>\n        )}\n      </Container>\n    </>\n  );\n};\n\nconst detailProps = {\n  /**\n   * Title of the card.\n   */\n  title: PropTypes.string.isRequired.description('Title of the card.'),\n  /**\n   * Description of the card.\n   */\n  description: PropTypes.string.description('Description of the card.'),\n  /**\n   * Description color.\n   */\n  descriptionColor: PropTypes.oneOf(['primary', 'neutral']).description('Description color.'),\n  /**\n   * Right value (should be used with `rightDescription`)\n   */\n  rightValue: PropTypes.string.description('Right value (should be used with `rightDescription`)'),\n  /**\n   * Right description (should be used with `rightValue`)\n   */\n  rightDescription: PropTypes.string.description('Right description (should be used with `rightValue`)'),\n  /**\n   * Right addon array, max elements: 2\n   */\n  rightAddon: PropTypes.element.description('Right addon array, max elements: 2'),\n  /**\n   * Whether if the card is selectable or not\n   */\n  selectable: PropTypes.bool.description('Whether if the card is selectable or not'),\n  /**\n   * Whether if the card is selected or not\n   */\n  isSelected: PropTypes.bool.description('Whether if the card is selected or not'),\n  /**\n   * Callback on selection\n   */\n  onSelect: PropTypes.func.description('Callback on selection'),\n  /**\n   * Whether if the card is expandable or not\n   */\n  expandable: PropTypes.bool.description('Whether if the card is expandable or not'),\n  /**\n   * Whether if the card is expanded or not\n   */\n  isExpanded: PropTypes.bool.description('Whether if the card is expanded or not'),\n  /**\n   * Callback on expand\n   */\n  onExpand: PropTypes.func.description('Callback on expand'),\n  /**\n   * Content\n   */\n  expandContent: PropTypes.element.description('Content'),\n  /**\n   * Read only\n   */\n  readOnly: PropTypes.bool.description('Read only'),\n  /**\n   * Disabled\n   */\n  disabled: PropTypes.bool.description('Disabled'),\n};\n\nDetailCard.propTypes = detailProps;\nconst DSCardDetailWithSchema = describe(DetailCard);\nDSCardDetailWithSchema.propTypes = detailProps;\n\nexport { DetailCard, DSCardDetailWithSchema };\nexport default DetailCard;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
-  "names": []
-}