@elliemae/ds-comments 2.2.1 → 2.3.0-alpha.4

package/cjs/components/CommentCard.js

@@ -1,150 +1,118 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var react = require('react');
-var reactDesc = require('react-desc');
-var DSButton = require('@elliemae/ds-button');
-var dsReadMore = require('@elliemae/ds-read-more');
-var DSDropdownMenu = require('@elliemae/ds-dropdownmenu');
-var dsIcons = require('@elliemae/ds-icons');
-var blocks = require('./blocks.js');
-var helper = require('./helper.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
-var DSDropdownMenu__default = /*#__PURE__*/_interopDefaultLegacy(DSDropdownMenu);
-
-var _span, _span2, _MoreOptionsVert;
-
-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; }
-
-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__default["default"](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; }
-
-const CommentCard = _ref => {
-  let {
-    containerProps = {},
-    name = '',
-    date = new Date(),
-    type = '',
-    content = '',
-    style = {},
-    options = [],
-    selection = {
-      'single-selection-internal-external': ['set-as-internal']
-    },
-    customDropdownMenuProps = {
-      focusOnOpen: true
-    },
-    borderBottom,
-    dateFormat = 'MM/DD/YYYY',
-    timeFormat = 'hh:mm a',
-    maxLines = 2
-  } = _ref;
-  const ref = react.useRef();
-  const displayDate = date ? helper.getDisplayDate(date, dateFormat) : null;
-  const displayTime = date ? helper.getTime(date, timeFormat) : null;
-  const handleCloseMenu = react.useCallback(() => {
+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 CommentCard_exports = {};
+__export(CommentCard_exports, {
+  DSCommentCardWithSchema: () => DSCommentCardWithSchema,
+  default: () => CommentCard_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_ds_button = __toESM(require("@elliemae/ds-button"));
+var import_ds_read_more = require("@elliemae/ds-read-more");
+var import_ds_dropdownmenu = __toESM(require("@elliemae/ds-dropdownmenu"));
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_blocks = require("./blocks");
+var import_helper = require("./helper");
+const CommentCard = ({
+  containerProps = {},
+  name = "",
+  date = new Date(),
+  type = "",
+  content = "",
+  style = {},
+  options = [],
+  selection = { "single-selection-internal-external": ["set-as-internal"] },
+  customDropdownMenuProps = {
+    focusOnOpen: true
+  },
+  borderBottom,
+  dateFormat = "MM/DD/YYYY",
+  timeFormat = "hh:mm a",
+  maxLines = 2
+}) => {
+  const ref = (0, import_react.useRef)();
+  const displayDate = date ? (0, import_helper.getDisplayDate)(date, dateFormat) : null;
+  const displayTime = date ? (0, import_helper.getTime)(date, timeFormat) : null;
+  const handleCloseMenu = (0, import_react.useCallback)(() => {
     ref.current.focus();
   }, []);
-  return /*#__PURE__*/jsxRuntime.jsxs(blocks.CommentCardWrapper, _objectSpread(_objectSpread({
-    classProps: {
-      borderBottom
-    },
-    tabIndex: 0
-  }, containerProps), {}, {
-    style: _objectSpread(_objectSpread({}, style), containerProps.style || {}),
-    children: [/*#__PURE__*/_jsx__default["default"](blocks.CommentCardHeader, {
-      classProps: {
-        borderBottom
-      }
-    }, void 0, /*#__PURE__*/_jsx__default["default"](blocks.CommentCardLeft, {}, void 0, /*#__PURE__*/_jsx__default["default"](blocks.CommentCardName, {}, void 0, name), /*#__PURE__*/_jsx__default["default"](blocks.CommentCardData, {}, void 0, displayDate, displayTime && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [_span || (_span = /*#__PURE__*/_jsx__default["default"]("span", {}, void 0, "\u2022")), displayTime]
-    }), type && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [_span2 || (_span2 = /*#__PURE__*/_jsx__default["default"]("span", {}, void 0, "\u2022")), type]
-    }))), options && options.length > 0 && /*#__PURE__*/_jsx__default["default"](blocks.CommentCardMenu, {}, void 0, /*#__PURE__*/jsxRuntime.jsx(DSDropdownMenu__default["default"], _objectSpread(_objectSpread({}, customDropdownMenuProps), {}, {
-      onClose: handleCloseMenu,
-      options: options,
-      selection: selection,
-      triggerComponent: /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
-        buttonType: "text",
-        icon: _MoreOptionsVert || (_MoreOptionsVert = /*#__PURE__*/_jsx__default["default"](dsIcons.MoreOptionsVert, {})),
-        innerRef: ref
-      }),
-      zIndex: "11" // https://jira.elliemae.io/browse/PUI-1664
-
-    })))), /*#__PURE__*/_jsx__default["default"](blocks.CommentCardContent, {}, void 0, /*#__PURE__*/_jsx__default["default"]("div", {}, void 0, /*#__PURE__*/_jsx__default["default"](dsReadMore.DSReadMore, {
-      lines: maxLines,
-      content: "".concat(content, " "),
-      more: "MORE",
-      less: "LESS",
+  return /* @__PURE__ */ import_react.default.createElement(import_blocks.CommentCardWrapper, {
+    classProps: { borderBottom },
+    tabIndex: 0,
+    ...containerProps,
+    style: { ...style, ...containerProps.style || {} }
+  }, /* @__PURE__ */ import_react.default.createElement(import_blocks.CommentCardHeader, {
+    classProps: { borderBottom }
+  }, /* @__PURE__ */ import_react.default.createElement(import_blocks.CommentCardLeft, null, /* @__PURE__ */ import_react.default.createElement(import_blocks.CommentCardName, null, name), /* @__PURE__ */ import_react.default.createElement(import_blocks.CommentCardData, null, displayDate, displayTime && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("span", null, "\u2022"), displayTime), type && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("span", null, "\u2022"), type))), options && options.length > 0 && /* @__PURE__ */ import_react.default.createElement(import_blocks.CommentCardMenu, null, /* @__PURE__ */ import_react.default.createElement(import_ds_dropdownmenu.default, {
+    ...customDropdownMenuProps,
+    onClose: handleCloseMenu,
+    options,
+    selection,
+    triggerComponent: /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
       buttonType: "text",
-      size: "m",
-      ellipsis: "... "
-    })))]
-  }));
+      icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.MoreOptionsVert, null),
+      innerRef: ref
+    }),
+    zIndex: "11"
+  }))), /* @__PURE__ */ import_react.default.createElement(import_blocks.CommentCardContent, null, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_ds_read_more.DSReadMore, {
+    lines: maxLines,
+    content: `${content} `,
+    more: "MORE",
+    less: "LESS",
+    buttonType: "text",
+    size: "m",
+    ellipsis: "... "
+  }))));
 };
-
 const props = {
-  /** props to inject to comment card wrapper */
-  containerProps: reactDesc.PropTypes.shape({
-    id: reactDesc.PropTypes.string,
-    'data-testid': reactDesc.PropTypes.string
-  }).description('props to inject to comment card wrapper'),
-
-  /** form name */
-  name: reactDesc.PropTypes.string.description('form name'),
-
-  /** style object */
-  style: reactDesc.PropTypes.object.description(' style object '),
-
-  /** date object */
-  date: reactDesc.PropTypes.instanceOf(Date).description('date object'),
-
-  /** comment type string */
-  type: reactDesc.PropTypes.string.description('comment type string'),
-
-  /** comment content */
-  content: reactDesc.PropTypes.string.description('comment content'),
-
-  /** dropdown menu options */
-  options: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.object).description('dropdown menu options'),
-
-  /** dropdown selection */
-  selection: reactDesc.PropTypes.object.description('dropdown selection'),
-
-  /** pass down props to dropdown */
-  customDropdownMenuProps: reactDesc.PropTypes.shape({
-    focusOnOpen: reactDesc.PropTypes.bool
-  }).description('pass down props to dropdown'),
-
-  /** toggle border bottom for card */
-  borderBottom: reactDesc.PropTypes.bool.description('toggle border bottom for card'),
-
-  /** moment Year, month, and day tokens https://momentjs.com/docs/#/parsing/string-format/ */
-  dateFormat: reactDesc.PropTypes.oneOf(['MM/DD/YYYY', 'MM DD YYYY']).description('moment Year, month, and day tokens https://momentjs.com/docs/#/parsing/string-format/'),
-
-  /** moment Hour, minute, second, millisecond, and offset tokens https://momentjs.com/docs/#/parsing/string-format/ */
-  timeFormat: reactDesc.PropTypes.oneOf(['hh:mm a', 'HH:mm']).description('moment Hour, minute, second, millisecond, and offset tokens https://momentjs.com/docs/#/parsing/string-format/'),
-
-  /**
-   * Max lines
-   */
-  maxLines: reactDesc.PropTypes.number.description('Max lines')
+  containerProps: import_react_desc.PropTypes.shape({
+    id: import_react_desc.PropTypes.string,
+    "data-testid": import_react_desc.PropTypes.string
+  }).description("props to inject to comment card wrapper"),
+  name: import_react_desc.PropTypes.string.description("form name"),
+  style: import_react_desc.PropTypes.object.description(" style object "),
+  date: import_react_desc.PropTypes.instanceOf(Date).description("date object"),
+  type: import_react_desc.PropTypes.string.description("comment type string"),
+  content: import_react_desc.PropTypes.string.description("comment content"),
+  options: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.object).description("dropdown menu options"),
+  selection: import_react_desc.PropTypes.object.description("dropdown selection"),
+  customDropdownMenuProps: import_react_desc.PropTypes.shape({
+    focusOnOpen: import_react_desc.PropTypes.bool
+  }).description("pass down props to dropdown"),
+  borderBottom: import_react_desc.PropTypes.bool.description("toggle border bottom for card"),
+  dateFormat: import_react_desc.PropTypes.oneOf(["MM/DD/YYYY", "MM DD YYYY"]).description("moment Year, month, and day tokens https://momentjs.com/docs/#/parsing/string-format/"),
+  timeFormat: import_react_desc.PropTypes.oneOf(["hh:mm a", "HH:mm"]).description("moment Hour, minute, second, millisecond, and offset tokens https://momentjs.com/docs/#/parsing/string-format/"),
+  maxLines: import_react_desc.PropTypes.number.description("Max lines")
 };
-const DSCommentCardWithSchema = reactDesc.describe(CommentCard);
+CommentCard.propTypes = props;
+const DSCommentCardWithSchema = (0, import_react_desc.describe)(CommentCard);
 DSCommentCardWithSchema.propTypes = props;
-
-exports.DSCommentCardWithSchema = DSCommentCardWithSchema;
-exports["default"] = CommentCard;
+var CommentCard_default = CommentCard;
+module.exports = __toCommonJS(CommentCard_exports);
+//# sourceMappingURL=CommentCard.js.map

package/cjs/components/CommentCard.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/CommentCard.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport React, { useCallback, useRef } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport DSButton from '@elliemae/ds-button';\nimport { DSReadMore } from '@elliemae/ds-read-more';\nimport DSDropdownMenu from '@elliemae/ds-dropdownmenu';\nimport { MoreOptionsVert } from '@elliemae/ds-icons';\nimport {\n  CommentCardWrapper,\n  CommentCardHeader,\n  CommentCardContent,\n  CommentCardName,\n  CommentCardData,\n  CommentCardMenu,\n  CommentCardLeft,\n} from './blocks';\nimport { getTime, getDisplayDate } from './helper';\n\nconst CommentCard = ({\n  containerProps = {},\n  name = '',\n  date = new Date(),\n  type = '',\n  content = '',\n  style = {},\n  options = [],\n  selection = { 'single-selection-internal-external': ['set-as-internal'] },\n  customDropdownMenuProps = {\n    focusOnOpen: true,\n  },\n  borderBottom,\n  dateFormat = 'MM/DD/YYYY',\n  timeFormat = 'hh:mm a',\n  maxLines = 2,\n}) => {\n  const ref = useRef();\n  const displayDate = date ? getDisplayDate(date, dateFormat) : null;\n  const displayTime = date ? getTime(date, timeFormat) : null;\n\n  const handleCloseMenu = useCallback(() => {\n    ref.current.focus();\n  }, []);\n\n  return (\n    <CommentCardWrapper\n      classProps={{ borderBottom }}\n      tabIndex={0}\n      {...containerProps}\n      style={{ ...style, ...(containerProps.style || {}) }}\n    >\n      <CommentCardHeader classProps={{ borderBottom }}>\n        <CommentCardLeft>\n          <CommentCardName>{name}</CommentCardName>\n          <CommentCardData>\n            {displayDate}\n            {displayTime && (\n              <>\n                <span>\u2022</span>\n                {displayTime}\n              </>\n            )}\n            {type && (\n              <>\n                <span>\u2022</span>\n                {type}\n              </>\n            )}\n          </CommentCardData>\n        </CommentCardLeft>\n        {options && options.length > 0 && (\n          <CommentCardMenu>\n            <DSDropdownMenu\n              {...customDropdownMenuProps}\n              onClose={handleCloseMenu}\n              options={options}\n              selection={selection}\n              triggerComponent={<DSButton buttonType=\"text\" icon={<MoreOptionsVert />} innerRef={ref} />}\n              zIndex=\"11\" // https://jira.elliemae.io/browse/PUI-1664\n            />\n          </CommentCardMenu>\n        )}\n      </CommentCardHeader>\n      <CommentCardContent>\n        <div>\n          <DSReadMore\n            lines={maxLines}\n            content={`${content} `}\n            more=\"MORE\"\n            less=\"LESS\"\n            buttonType=\"text\"\n            size=\"m\"\n            ellipsis=\"... \"\n          />\n        </div>\n      </CommentCardContent>\n    </CommentCardWrapper>\n  );\n};\n\nconst props = {\n  /** props to inject to comment card wrapper */\n  containerProps: PropTypes.shape({\n    id: PropTypes.string,\n    'data-testid': PropTypes.string,\n  }).description('props to inject to comment card wrapper'),\n  /** form name */\n  name: PropTypes.string.description('form name'),\n  /** style object */\n  style: PropTypes.object.description(' style object '),\n  /** date object */\n  date: PropTypes.instanceOf(Date).description('date object'),\n  /** comment type string */\n  type: PropTypes.string.description('comment type string'),\n  /** comment content */\n  content: PropTypes.string.description('comment content'),\n  /** dropdown menu options */\n  options: PropTypes.arrayOf(PropTypes.object).description('dropdown menu options'),\n  /** dropdown selection */\n  selection: PropTypes.object.description('dropdown selection'),\n  /** pass down props to dropdown */\n  customDropdownMenuProps: PropTypes.shape({\n    focusOnOpen: PropTypes.bool,\n  }).description('pass down props to dropdown'),\n  /** toggle border bottom for card */\n  borderBottom: PropTypes.bool.description('toggle border bottom for card'),\n  /** moment Year, month, and day tokens https://momentjs.com/docs/#/parsing/string-format/ */\n  dateFormat: PropTypes.oneOf(['MM/DD/YYYY', 'MM DD YYYY']).description(\n    'moment Year, month, and day tokens https://momentjs.com/docs/#/parsing/string-format/',\n  ),\n  /** moment Hour, minute, second, millisecond, and offset tokens https://momentjs.com/docs/#/parsing/string-format/ */\n  timeFormat: PropTypes.oneOf(['hh:mm a', 'HH:mm']).description(\n    'moment Hour, minute, second, millisecond, and offset tokens https://momentjs.com/docs/#/parsing/string-format/',\n  ),\n  /**\n   * Max lines\n   */\n  maxLines: PropTypes.number.description('Max lines'),\n};\n\nCommentCard.propTypes = props;\n\nconst DSCommentCardWithSchema = describe(CommentCard);\nDSCommentCardWithSchema.propTypes = props;\n\nexport default CommentCard;\nexport { DSCommentCardWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAA2C;AAC3C,wBAAoC;AACpC,uBAAqB;AACrB,0BAA2B;AAC3B,6BAA2B;AAC3B,sBAAgC;AAChC,oBAQO;AACP,oBAAwC;AAExC,MAAM,cAAc,CAAC;AAAA,EACnB,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,OAAO,IAAI;AAAA,EACX,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,YAAY,EAAE,sCAAsC,CAAC;AAAA,EACrD,0BAA0B;AAAA,IACxB,aAAa;AAAA;AAAA,EAEf;AAAA,EACA,aAAa;AAAA,EACb,aAAa;AAAA,EACb,WAAW;AAAA,MACP;AACJ,QAAM,MAAM;AACZ,QAAM,cAAc,OAAO,kCAAe,MAAM,cAAc;AAC9D,QAAM,cAAc,OAAO,2BAAQ,MAAM,cAAc;AAEvD,QAAM,kBAAkB,8BAAY,MAAM;AACxC,QAAI,QAAQ;AAAA,KACX;AAEH,SACE,mDAAC,kCAAD;AAAA,IACE,YAAY,EAAE;AAAA,IACd,UAAU;AAAA,OACN;AAAA,IACJ,OAAO,KAAK,UAAW,eAAe,SAAS;AAAA,KAE/C,mDAAC,iCAAD;AAAA,IAAmB,YAAY,EAAE;AAAA,KAC/B,mDAAC,+BAAD,MACE,mDAAC,+BAAD,MAAkB,OAClB,mDAAC,+BAAD,MACG,aACA,eACC,wFACE,mDAAC,QAAD,MAAM,WACL,cAGJ,QACC,wFACE,mDAAC,QAAD,MAAM,WACL,SAKR,WAAW,QAAQ,SAAS,KAC3B,mDAAC,+BAAD,MACE,mDAAC,gCAAD;AAAA,OACM;AAAA,IACJ,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA,kBAAkB,mDAAC,0BAAD;AAAA,MAAU,YAAW;AAAA,MAAO,MAAM,mDAAC,iCAAD;AAAA,MAAqB,UAAU;AAAA;AAAA,IACnF,QAAO;AAAA,QAKf,mDAAC,kCAAD,MACE,mDAAC,OAAD,MACE,mDAAC,gCAAD;AAAA,IACE,OAAO;AAAA,IACP,SAAS,GAAG;AAAA,IACZ,MAAK;AAAA,IACL,MAAK;AAAA,IACL,YAAW;AAAA,IACX,MAAK;AAAA,IACL,UAAS;AAAA;AAAA;AAQrB,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,4BAAU,MAAM;AAAA,IAC9B,IAAI,4BAAU;AAAA,IACd,eAAe,4BAAU;AAAA,KACxB,YAAY;AAAA,EAEf,MAAM,4BAAU,OAAO,YAAY;AAAA,EAEnC,OAAO,4BAAU,OAAO,YAAY;AAAA,EAEpC,MAAM,4BAAU,WAAW,MAAM,YAAY;AAAA,EAE7C,MAAM,4BAAU,OAAO,YAAY;AAAA,EAEnC,SAAS,4BAAU,OAAO,YAAY;AAAA,EAEtC,SAAS,4BAAU,QAAQ,4BAAU,QAAQ,YAAY;AAAA,EAEzD,WAAW,4BAAU,OAAO,YAAY;AAAA,EAExC,yBAAyB,4BAAU,MAAM;AAAA,IACvC,aAAa,4BAAU;AAAA,KACtB,YAAY;AAAA,EAEf,cAAc,4BAAU,KAAK,YAAY;AAAA,EAEzC,YAAY,4BAAU,MAAM,CAAC,cAAc,eAAe,YACxD;AAAA,EAGF,YAAY,4BAAU,MAAM,CAAC,WAAW,UAAU,YAChD;AAAA,EAKF,UAAU,4BAAU,OAAO,YAAY;AAAA;AAGzC,YAAY,YAAY;AAExB,MAAM,0BAA0B,gCAAS;AACzC,wBAAwB,YAAY;AAEpC,IAAO,sBAAQ;",
+  "names": []
+}

package/cjs/components/DSComments.js

@@ -1,12 +1,39 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var CommentCard = require('./CommentCard.js');
-
-var DSComments = {
-  DSCommentCard: CommentCard["default"]
-};
-
-exports.DSCommentCardWithSchema = CommentCard.DSCommentCardWithSchema;
-exports["default"] = DSComments;
+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 DSComments_exports = {};
+__export(DSComments_exports, {
+  DSCommentCardWithSchema: () => import_CommentCard.DSCommentCardWithSchema,
+  default: () => DSComments_default
+});
+var React = __toESM(require("react"));
+var import_CommentCard = __toESM(require("./CommentCard"));
+var DSComments_default = {
+  DSCommentCard: import_CommentCard.default
+};
+module.exports = __toCommonJS(DSComments_exports);
+//# sourceMappingURL=DSComments.js.map

package/cjs/components/DSComments.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/DSComments.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import DSCommentCard, { DSCommentCardWithSchema } from './CommentCard';\n\nexport default {\n  DSCommentCard,\n};\nexport { DSCommentCardWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,yBAAuD;AAEvD,IAAO,qBAAQ;AAAA,EACb;AAAA;",
+  "names": []
+}

package/cjs/components/blocks.js

@@ -1,72 +1,75 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var dsClassnames = require('@elliemae/ds-classnames');
-
-const blockName = 'comments';
-const WrapperArea = dsClassnames.aggregatedClasses('div')(blockName, 'area', () => ({}));
-const WrapperComments = dsClassnames.aggregatedClasses('div')(blockName, 'comments', _ref => {
-  let {
-    hasScroll
-  } = _ref;
-  return {
-    hasScroll,
-    'not-scroll': !hasScroll
+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 blocks_exports = {};
+__export(blocks_exports, {
+  CommentCardContent: () => CommentCardContent,
+  CommentCardData: () => CommentCardData,
+  CommentCardHeader: () => CommentCardHeader,
+  CommentCardLeft: () => CommentCardLeft,
+  CommentCardMenu: () => CommentCardMenu,
+  CommentCardName: () => CommentCardName,
+  CommentCardWrapper: () => CommentCardWrapper,
+  CommentEmptyIcon: () => CommentEmptyIcon,
+  CommentEmptyLabel: () => CommentEmptyLabel,
+  CommentEmptyWrapper: () => CommentEmptyWrapper,
+  Counter: () => Counter,
+  SubmitButton: () => SubmitButton,
+  SubmitExternal: () => SubmitExternal,
+  SubmitWrapper: () => SubmitWrapper,
+  WrapperArea: () => WrapperArea,
+  WrapperComments: () => WrapperComments,
+  WrapperCommentsScroll: () => WrapperCommentsScroll
 });
-const WrapperCommentsScroll = dsClassnames.aggregatedClasses('div')(blockName, 'comments-scroll', _ref2 => {
-  let {
-    hasScroll
-  } = _ref2;
-  return {
-    hasScroll,
-    'not-scroll': !hasScroll
-  };
-});
-const Counter = dsClassnames.aggregatedClasses('div')(blockName, 'counter', () => ({}));
-const SubmitWrapper = dsClassnames.aggregatedClasses('div')(blockName, 'submit-wrapper', () => ({}));
-const SubmitExternal = dsClassnames.aggregatedClasses('div')(blockName, 'submit-external', () => ({}));
-const SubmitButton = dsClassnames.aggregatedClasses('div')(blockName, 'submit-btn', () => ({}));
-const CommentCardWrapper = dsClassnames.aggregatedClasses('div')(blockName, 'comment-card-wrapper', _ref3 => {
-  let {
-    borderBottom
-  } = _ref3;
-  return {
-    borderBottom
-  };
-});
-const CommentCardHeader = dsClassnames.aggregatedClasses('div')(blockName, 'comment-card-header', _ref4 => {
-  let {
-    borderBottom
-  } = _ref4;
-  return {
-    borderBottom
-  };
-});
-const CommentCardContent = dsClassnames.aggregatedClasses('div')(blockName, 'comment-card-content', () => ({}));
-const CommentCardLeft = dsClassnames.aggregatedClasses('div')(blockName, 'comment-card-left', () => ({}));
-const CommentCardName = dsClassnames.aggregatedClasses('div')(blockName, 'comment-card-name', () => ({}));
-const CommentCardData = dsClassnames.aggregatedClasses('div')(blockName, 'comment-card-data', () => ({}));
-const CommentCardMenu = dsClassnames.aggregatedClasses('div')(blockName, 'comment-card-menu', () => ({}));
-const CommentEmptyWrapper = dsClassnames.aggregatedClasses('div')(blockName, 'comment-empty', () => ({}));
-const CommentEmptyIcon = dsClassnames.aggregatedClasses('div')(blockName, 'comment-empty-icon', () => ({}));
-const CommentEmptyLabel = dsClassnames.aggregatedClasses('div')(blockName, 'comment-empty-label', () => ({}));
-
-exports.CommentCardContent = CommentCardContent;
-exports.CommentCardData = CommentCardData;
-exports.CommentCardHeader = CommentCardHeader;
-exports.CommentCardLeft = CommentCardLeft;
-exports.CommentCardMenu = CommentCardMenu;
-exports.CommentCardName = CommentCardName;
-exports.CommentCardWrapper = CommentCardWrapper;
-exports.CommentEmptyIcon = CommentEmptyIcon;
-exports.CommentEmptyLabel = CommentEmptyLabel;
-exports.CommentEmptyWrapper = CommentEmptyWrapper;
-exports.Counter = Counter;
-exports.SubmitButton = SubmitButton;
-exports.SubmitExternal = SubmitExternal;
-exports.SubmitWrapper = SubmitWrapper;
-exports.WrapperArea = WrapperArea;
-exports.WrapperComments = WrapperComments;
-exports.WrapperCommentsScroll = WrapperCommentsScroll;
+var React = __toESM(require("react"));
+var import_ds_classnames = require("@elliemae/ds-classnames");
+const blockName = "comments";
+const WrapperArea = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "area", () => ({}));
+const WrapperComments = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "comments", ({ hasScroll }) => ({
+  hasScroll,
+  "not-scroll": !hasScroll
+}));
+const WrapperCommentsScroll = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "comments-scroll", ({ hasScroll }) => ({
+  hasScroll,
+  "not-scroll": !hasScroll
+}));
+const Counter = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "counter", () => ({}));
+const SubmitWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "submit-wrapper", () => ({}));
+const SubmitExternal = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "submit-external", () => ({}));
+const SubmitButton = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "submit-btn", () => ({}));
+const CommentCardWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "comment-card-wrapper", ({ borderBottom }) => ({ borderBottom }));
+const CommentCardHeader = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "comment-card-header", ({ borderBottom }) => ({ borderBottom }));
+const CommentCardContent = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "comment-card-content", () => ({}));
+const CommentCardLeft = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "comment-card-left", () => ({}));
+const CommentCardName = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "comment-card-name", () => ({}));
+const CommentCardData = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "comment-card-data", () => ({}));
+const CommentCardMenu = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "comment-card-menu", () => ({}));
+const CommentEmptyWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "comment-empty", () => ({}));
+const CommentEmptyIcon = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "comment-empty-icon", () => ({}));
+const CommentEmptyLabel = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "comment-empty-label", () => ({}));
+module.exports = __toCommonJS(blocks_exports);
+//# sourceMappingURL=blocks.js.map

package/cjs/components/blocks.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/blocks.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'comments';\n\nexport const WrapperArea = aggregatedClasses('div')(\n  blockName,\n  'area',\n  () => ({}),\n);\n\nexport const WrapperComments = aggregatedClasses('div')(\n  blockName,\n  'comments',\n  ({ hasScroll }) => ({\n    hasScroll,\n    'not-scroll': !hasScroll,\n  }),\n);\n\nexport const WrapperCommentsScroll = aggregatedClasses('div')(\n  blockName,\n  'comments-scroll',\n  ({ hasScroll }) => ({\n    hasScroll,\n    'not-scroll': !hasScroll,\n  }),\n);\n\nexport const Counter = aggregatedClasses('div')(\n  blockName,\n  'counter',\n  () => ({}),\n);\n\nexport const SubmitWrapper = aggregatedClasses('div')(\n  blockName,\n  'submit-wrapper',\n  () => ({}),\n);\n\nexport const SubmitExternal = aggregatedClasses('div')(\n  blockName,\n  'submit-external',\n  () => ({}),\n);\n\nexport const SubmitButton = aggregatedClasses('div')(\n  blockName,\n  'submit-btn',\n  () => ({}),\n);\n\nexport const CommentCardWrapper = aggregatedClasses('div')(\n  blockName,\n  'comment-card-wrapper',\n  ({ borderBottom }) => ({ borderBottom }),\n);\n\nexport const CommentCardHeader = aggregatedClasses('div')(\n  blockName,\n  'comment-card-header',\n  ({ borderBottom }) => ({ borderBottom }),\n);\n\nexport const CommentCardContent = aggregatedClasses('div')(\n  blockName,\n  'comment-card-content',\n  () => ({}),\n);\n\nexport const CommentCardLeft = aggregatedClasses('div')(\n  blockName,\n  'comment-card-left',\n  () => ({}),\n);\n\nexport const CommentCardName = aggregatedClasses('div')(\n  blockName,\n  'comment-card-name',\n  () => ({}),\n);\n\nexport const CommentCardData = aggregatedClasses('div')(\n  blockName,\n  'comment-card-data',\n  () => ({}),\n);\n\nexport const CommentCardMenu = aggregatedClasses('div')(\n  blockName,\n  'comment-card-menu',\n  () => ({}),\n);\n\nexport const CommentEmptyWrapper = aggregatedClasses('div')(\n  blockName,\n  'comment-empty',\n  () => ({}),\n);\n\nexport const CommentEmptyIcon = aggregatedClasses('div')(\n  blockName,\n  'comment-empty-icon',\n  () => ({}),\n);\n\nexport const CommentEmptyLabel = aggregatedClasses('div')(\n  blockName,\n  'comment-empty-label',\n  () => ({}),\n);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,2BAAkC;AAElC,MAAM,YAAY;AAEX,MAAM,cAAc,4CAAkB,OAC3C,WACA,QACA,MAAO;AAGF,MAAM,kBAAkB,4CAAkB,OAC/C,WACA,YACA,CAAC,EAAE,gBAAiB;AAAA,EAClB;AAAA,EACA,cAAc,CAAC;AAAA;AAIZ,MAAM,wBAAwB,4CAAkB,OACrD,WACA,mBACA,CAAC,EAAE,gBAAiB;AAAA,EAClB;AAAA,EACA,cAAc,CAAC;AAAA;AAIZ,MAAM,UAAU,4CAAkB,OACvC,WACA,WACA,MAAO;AAGF,MAAM,gBAAgB,4CAAkB,OAC7C,WACA,kBACA,MAAO;AAGF,MAAM,iBAAiB,4CAAkB,OAC9C,WACA,mBACA,MAAO;AAGF,MAAM,eAAe,4CAAkB,OAC5C,WACA,cACA,MAAO;AAGF,MAAM,qBAAqB,4CAAkB,OAClD,WACA,wBACA,CAAC,EAAE,mBAAoB,GAAE;AAGpB,MAAM,oBAAoB,4CAAkB,OACjD,WACA,uBACA,CAAC,EAAE,mBAAoB,GAAE;AAGpB,MAAM,qBAAqB,4CAAkB,OAClD,WACA,wBACA,MAAO;AAGF,MAAM,kBAAkB,4CAAkB,OAC/C,WACA,qBACA,MAAO;AAGF,MAAM,kBAAkB,4CAAkB,OAC/C,WACA,qBACA,MAAO;AAGF,MAAM,kBAAkB,4CAAkB,OAC/C,WACA,qBACA,MAAO;AAGF,MAAM,kBAAkB,4CAAkB,OAC/C,WACA,qBACA,MAAO;AAGF,MAAM,sBAAsB,4CAAkB,OACnD,WACA,iBACA,MAAO;AAGF,MAAM,mBAAmB,4CAAkB,OAChD,WACA,sBACA,MAAO;AAGF,MAAM,oBAAoB,4CAAkB,OACjD,WACA,uBACA,MAAO;",
+  "names": []
+}

package/cjs/components/helper.js

@@ -1,25 +1,46 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var moment = require('moment');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
-
+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 helper_exports = {};
+__export(helper_exports, {
+  getDisplayDate: () => getDisplayDate,
+  getMaxSize: () => getMaxSize,
+  getTime: () => getTime
+});
+var React = __toESM(require("react"));
+var import_moment = __toESM(require("moment"));
 function getMaxSize() {
   return 113;
 }
-function getTime(date) {
-  let formatString = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'hh:mm a';
-  return moment__default["default"](date).format(formatString);
+function getTime(date, formatString = "hh:mm a") {
+  return (0, import_moment.default)(date).format(formatString);
 }
-function getDisplayDate(date) {
-  let formatString = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'MM/DD/YYYY';
-  return moment__default["default"](date).format(formatString);
+function getDisplayDate(date, formatString = "MM/DD/YYYY") {
+  return (0, import_moment.default)(date).format(formatString);
 }
-
-exports.getDisplayDate = getDisplayDate;
-exports.getMaxSize = getMaxSize;
-exports.getTime = getTime;
+module.exports = __toCommonJS(helper_exports);
+//# sourceMappingURL=helper.js.map

package/cjs/components/helper.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/helper.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import moment from 'moment';\n\nexport function getMaxSize() {\n  return 113;\n}\nexport function getTime(date, formatString = 'hh:mm a') {\n  return moment(date).format(formatString);\n}\nexport function getDisplayDate(date, formatString = 'MM/DD/YYYY') {\n  return moment(date).format(formatString);\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,oBAAmB;AAEZ,sBAAsB;AAC3B,SAAO;AAAA;AAEF,iBAAiB,MAAM,eAAe,WAAW;AACtD,SAAO,2BAAO,MAAM,OAAO;AAAA;AAEtB,wBAAwB,MAAM,eAAe,cAAc;AAChE,SAAO,2BAAO,MAAM,OAAO;AAAA;",
+  "names": []
+}

package/cjs/index.js

@@ -1,14 +1,39 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var DSComments = require('./components/DSComments.js');
-var CommentCard = require('./components/CommentCard.js');
-
-const {
-  DSCommentCard
-} = DSComments["default"];
-
-exports.DSCommentCardWithSchema = CommentCard.DSCommentCardWithSchema;
-exports.DSCommentCard = DSCommentCard;
-exports["default"] = DSCommentCard;
+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 src_exports = {};
+__export(src_exports, {
+  DSCommentCard: () => DSCommentCard,
+  DSCommentCardWithSchema: () => import_DSComments.DSCommentCardWithSchema,
+  default: () => src_default
+});
+var React = __toESM(require("react"));
+var import_DSComments = __toESM(require("./components/DSComments"));
+const { DSCommentCard } = import_DSComments.default;
+var src_default = DSCommentCard;
+module.exports = __toCommonJS(src_exports);
+//# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import DSComments, { DSCommentCardWithSchema } from './components/DSComments';\n\nexport const { DSCommentCard } = DSComments;\nexport default DSCommentCard;\nexport { DSCommentCardWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAoD;AAE7C,MAAM,EAAE,kBAAkB;AACjC,IAAO,cAAQ;",
+  "names": []
+}

package/esm/components/CommentCard.js

@@ -1,138 +1,97 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import { useRef, useCallback } from 'react';
-import { PropTypes, describe } from 'react-desc';
-import DSButton from '@elliemae/ds-button';
-import { DSReadMore } from '@elliemae/ds-read-more';
-import DSDropdownMenu from '@elliemae/ds-dropdownmenu';
-import { MoreOptionsVert } from '@elliemae/ds-icons';
-import { CommentCardWrapper, CommentCardHeader, CommentCardLeft, CommentCardName, CommentCardData, CommentCardMenu, CommentCardContent } from './blocks.js';
-import { getDisplayDate, getTime } from './helper.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-
-var _span, _span2, _MoreOptionsVert;
-
-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; }
-
-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; }
-
-const CommentCard = _ref => {
-  let {
-    containerProps = {},
-    name = '',
-    date = new Date(),
-    type = '',
-    content = '',
-    style = {},
-    options = [],
-    selection = {
-      'single-selection-internal-external': ['set-as-internal']
-    },
-    customDropdownMenuProps = {
-      focusOnOpen: true
-    },
-    borderBottom,
-    dateFormat = 'MM/DD/YYYY',
-    timeFormat = 'hh:mm a',
-    maxLines = 2
-  } = _ref;
+import * as React from "react";
+import React2, { useCallback, useRef } from "react";
+import { PropTypes, describe } from "react-desc";
+import DSButton from "@elliemae/ds-button";
+import { DSReadMore } from "@elliemae/ds-read-more";
+import DSDropdownMenu from "@elliemae/ds-dropdownmenu";
+import { MoreOptionsVert } from "@elliemae/ds-icons";
+import {
+  CommentCardWrapper,
+  CommentCardHeader,
+  CommentCardContent,
+  CommentCardName,
+  CommentCardData,
+  CommentCardMenu,
+  CommentCardLeft
+} from "./blocks";
+import { getTime, getDisplayDate } from "./helper";
+const CommentCard = ({
+  containerProps = {},
+  name = "",
+  date = new Date(),
+  type = "",
+  content = "",
+  style = {},
+  options = [],
+  selection = { "single-selection-internal-external": ["set-as-internal"] },
+  customDropdownMenuProps = {
+    focusOnOpen: true
+  },
+  borderBottom,
+  dateFormat = "MM/DD/YYYY",
+  timeFormat = "hh:mm a",
+  maxLines = 2
+}) => {
   const ref = useRef();
   const displayDate = date ? getDisplayDate(date, dateFormat) : null;
   const displayTime = date ? getTime(date, timeFormat) : null;
   const handleCloseMenu = useCallback(() => {
     ref.current.focus();
   }, []);
-  return /*#__PURE__*/jsxs(CommentCardWrapper, _objectSpread(_objectSpread({
-    classProps: {
-      borderBottom
-    },
-    tabIndex: 0
-  }, containerProps), {}, {
-    style: _objectSpread(_objectSpread({}, style), containerProps.style || {}),
-    children: [/*#__PURE__*/_jsx(CommentCardHeader, {
-      classProps: {
-        borderBottom
-      }
-    }, void 0, /*#__PURE__*/_jsx(CommentCardLeft, {}, void 0, /*#__PURE__*/_jsx(CommentCardName, {}, void 0, name), /*#__PURE__*/_jsx(CommentCardData, {}, void 0, displayDate, displayTime && /*#__PURE__*/jsxs(Fragment, {
-      children: [_span || (_span = /*#__PURE__*/_jsx("span", {}, void 0, "\u2022")), displayTime]
-    }), type && /*#__PURE__*/jsxs(Fragment, {
-      children: [_span2 || (_span2 = /*#__PURE__*/_jsx("span", {}, void 0, "\u2022")), type]
-    }))), options && options.length > 0 && /*#__PURE__*/_jsx(CommentCardMenu, {}, void 0, /*#__PURE__*/jsx(DSDropdownMenu, _objectSpread(_objectSpread({}, customDropdownMenuProps), {}, {
-      onClose: handleCloseMenu,
-      options: options,
-      selection: selection,
-      triggerComponent: /*#__PURE__*/_jsx(DSButton, {
-        buttonType: "text",
-        icon: _MoreOptionsVert || (_MoreOptionsVert = /*#__PURE__*/_jsx(MoreOptionsVert, {})),
-        innerRef: ref
-      }),
-      zIndex: "11" // https://jira.elliemae.io/browse/PUI-1664
-
-    })))), /*#__PURE__*/_jsx(CommentCardContent, {}, void 0, /*#__PURE__*/_jsx("div", {}, void 0, /*#__PURE__*/_jsx(DSReadMore, {
-      lines: maxLines,
-      content: "".concat(content, " "),
-      more: "MORE",
-      less: "LESS",
+  return /* @__PURE__ */ React2.createElement(CommentCardWrapper, {
+    classProps: { borderBottom },
+    tabIndex: 0,
+    ...containerProps,
+    style: { ...style, ...containerProps.style || {} }
+  }, /* @__PURE__ */ React2.createElement(CommentCardHeader, {
+    classProps: { borderBottom }
+  }, /* @__PURE__ */ React2.createElement(CommentCardLeft, null, /* @__PURE__ */ React2.createElement(CommentCardName, null, name), /* @__PURE__ */ React2.createElement(CommentCardData, null, displayDate, displayTime && /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("span", null, "\u2022"), displayTime), type && /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("span", null, "\u2022"), type))), options && options.length > 0 && /* @__PURE__ */ React2.createElement(CommentCardMenu, null, /* @__PURE__ */ React2.createElement(DSDropdownMenu, {
+    ...customDropdownMenuProps,
+    onClose: handleCloseMenu,
+    options,
+    selection,
+    triggerComponent: /* @__PURE__ */ React2.createElement(DSButton, {
       buttonType: "text",
-      size: "m",
-      ellipsis: "... "
-    })))]
-  }));
+      icon: /* @__PURE__ */ React2.createElement(MoreOptionsVert, null),
+      innerRef: ref
+    }),
+    zIndex: "11"
+  }))), /* @__PURE__ */ React2.createElement(CommentCardContent, null, /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement(DSReadMore, {
+    lines: maxLines,
+    content: `${content} `,
+    more: "MORE",
+    less: "LESS",
+    buttonType: "text",
+    size: "m",
+    ellipsis: "... "
+  }))));
 };
-
 const props = {
-  /** props to inject to comment card wrapper */
   containerProps: PropTypes.shape({
     id: PropTypes.string,
-    'data-testid': PropTypes.string
-  }).description('props to inject to comment card wrapper'),
-
-  /** form name */
-  name: PropTypes.string.description('form name'),
-
-  /** style object */
-  style: PropTypes.object.description(' style object '),
-
-  /** date object */
-  date: PropTypes.instanceOf(Date).description('date object'),
-
-  /** comment type string */
-  type: PropTypes.string.description('comment type string'),
-
-  /** comment content */
-  content: PropTypes.string.description('comment content'),
-
-  /** dropdown menu options */
-  options: PropTypes.arrayOf(PropTypes.object).description('dropdown menu options'),
-
-  /** dropdown selection */
-  selection: PropTypes.object.description('dropdown selection'),
-
-  /** pass down props to dropdown */
+    "data-testid": PropTypes.string
+  }).description("props to inject to comment card wrapper"),
+  name: PropTypes.string.description("form name"),
+  style: PropTypes.object.description(" style object "),
+  date: PropTypes.instanceOf(Date).description("date object"),
+  type: PropTypes.string.description("comment type string"),
+  content: PropTypes.string.description("comment content"),
+  options: PropTypes.arrayOf(PropTypes.object).description("dropdown menu options"),
+  selection: PropTypes.object.description("dropdown selection"),
   customDropdownMenuProps: PropTypes.shape({
     focusOnOpen: PropTypes.bool
-  }).description('pass down props to dropdown'),
-
-  /** toggle border bottom for card */
-  borderBottom: PropTypes.bool.description('toggle border bottom for card'),
-
-  /** moment Year, month, and day tokens https://momentjs.com/docs/#/parsing/string-format/ */
-  dateFormat: PropTypes.oneOf(['MM/DD/YYYY', 'MM DD YYYY']).description('moment Year, month, and day tokens https://momentjs.com/docs/#/parsing/string-format/'),
-
-  /** moment Hour, minute, second, millisecond, and offset tokens https://momentjs.com/docs/#/parsing/string-format/ */
-  timeFormat: PropTypes.oneOf(['hh:mm a', 'HH:mm']).description('moment Hour, minute, second, millisecond, and offset tokens https://momentjs.com/docs/#/parsing/string-format/'),
-
-  /**
-   * Max lines
-   */
-  maxLines: PropTypes.number.description('Max lines')
+  }).description("pass down props to dropdown"),
+  borderBottom: PropTypes.bool.description("toggle border bottom for card"),
+  dateFormat: PropTypes.oneOf(["MM/DD/YYYY", "MM DD YYYY"]).description("moment Year, month, and day tokens https://momentjs.com/docs/#/parsing/string-format/"),
+  timeFormat: PropTypes.oneOf(["hh:mm a", "HH:mm"]).description("moment Hour, minute, second, millisecond, and offset tokens https://momentjs.com/docs/#/parsing/string-format/"),
+  maxLines: PropTypes.number.description("Max lines")
 };
+CommentCard.propTypes = props;
 const DSCommentCardWithSchema = describe(CommentCard);
 DSCommentCardWithSchema.propTypes = props;
-
-export { DSCommentCardWithSchema, CommentCard as default };
+var CommentCard_default = CommentCard;
+export {
+  DSCommentCardWithSchema,
+  CommentCard_default as default
+};
+//# sourceMappingURL=CommentCard.js.map

package/esm/components/CommentCard.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/CommentCard.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport React, { useCallback, useRef } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport DSButton from '@elliemae/ds-button';\nimport { DSReadMore } from '@elliemae/ds-read-more';\nimport DSDropdownMenu from '@elliemae/ds-dropdownmenu';\nimport { MoreOptionsVert } from '@elliemae/ds-icons';\nimport {\n  CommentCardWrapper,\n  CommentCardHeader,\n  CommentCardContent,\n  CommentCardName,\n  CommentCardData,\n  CommentCardMenu,\n  CommentCardLeft,\n} from './blocks';\nimport { getTime, getDisplayDate } from './helper';\n\nconst CommentCard = ({\n  containerProps = {},\n  name = '',\n  date = new Date(),\n  type = '',\n  content = '',\n  style = {},\n  options = [],\n  selection = { 'single-selection-internal-external': ['set-as-internal'] },\n  customDropdownMenuProps = {\n    focusOnOpen: true,\n  },\n  borderBottom,\n  dateFormat = 'MM/DD/YYYY',\n  timeFormat = 'hh:mm a',\n  maxLines = 2,\n}) => {\n  const ref = useRef();\n  const displayDate = date ? getDisplayDate(date, dateFormat) : null;\n  const displayTime = date ? getTime(date, timeFormat) : null;\n\n  const handleCloseMenu = useCallback(() => {\n    ref.current.focus();\n  }, []);\n\n  return (\n    <CommentCardWrapper\n      classProps={{ borderBottom }}\n      tabIndex={0}\n      {...containerProps}\n      style={{ ...style, ...(containerProps.style || {}) }}\n    >\n      <CommentCardHeader classProps={{ borderBottom }}>\n        <CommentCardLeft>\n          <CommentCardName>{name}</CommentCardName>\n          <CommentCardData>\n            {displayDate}\n            {displayTime && (\n              <>\n                <span>\u2022</span>\n                {displayTime}\n              </>\n            )}\n            {type && (\n              <>\n                <span>\u2022</span>\n                {type}\n              </>\n            )}\n          </CommentCardData>\n        </CommentCardLeft>\n        {options && options.length > 0 && (\n          <CommentCardMenu>\n            <DSDropdownMenu\n              {...customDropdownMenuProps}\n              onClose={handleCloseMenu}\n              options={options}\n              selection={selection}\n              triggerComponent={<DSButton buttonType=\"text\" icon={<MoreOptionsVert />} innerRef={ref} />}\n              zIndex=\"11\" // https://jira.elliemae.io/browse/PUI-1664\n            />\n          </CommentCardMenu>\n        )}\n      </CommentCardHeader>\n      <CommentCardContent>\n        <div>\n          <DSReadMore\n            lines={maxLines}\n            content={`${content} `}\n            more=\"MORE\"\n            less=\"LESS\"\n            buttonType=\"text\"\n            size=\"m\"\n            ellipsis=\"... \"\n          />\n        </div>\n      </CommentCardContent>\n    </CommentCardWrapper>\n  );\n};\n\nconst props = {\n  /** props to inject to comment card wrapper */\n  containerProps: PropTypes.shape({\n    id: PropTypes.string,\n    'data-testid': PropTypes.string,\n  }).description('props to inject to comment card wrapper'),\n  /** form name */\n  name: PropTypes.string.description('form name'),\n  /** style object */\n  style: PropTypes.object.description(' style object '),\n  /** date object */\n  date: PropTypes.instanceOf(Date).description('date object'),\n  /** comment type string */\n  type: PropTypes.string.description('comment type string'),\n  /** comment content */\n  content: PropTypes.string.description('comment content'),\n  /** dropdown menu options */\n  options: PropTypes.arrayOf(PropTypes.object).description('dropdown menu options'),\n  /** dropdown selection */\n  selection: PropTypes.object.description('dropdown selection'),\n  /** pass down props to dropdown */\n  customDropdownMenuProps: PropTypes.shape({\n    focusOnOpen: PropTypes.bool,\n  }).description('pass down props to dropdown'),\n  /** toggle border bottom for card */\n  borderBottom: PropTypes.bool.description('toggle border bottom for card'),\n  /** moment Year, month, and day tokens https://momentjs.com/docs/#/parsing/string-format/ */\n  dateFormat: PropTypes.oneOf(['MM/DD/YYYY', 'MM DD YYYY']).description(\n    'moment Year, month, and day tokens https://momentjs.com/docs/#/parsing/string-format/',\n  ),\n  /** moment Hour, minute, second, millisecond, and offset tokens https://momentjs.com/docs/#/parsing/string-format/ */\n  timeFormat: PropTypes.oneOf(['hh:mm a', 'HH:mm']).description(\n    'moment Hour, minute, second, millisecond, and offset tokens https://momentjs.com/docs/#/parsing/string-format/',\n  ),\n  /**\n   * Max lines\n   */\n  maxLines: PropTypes.number.description('Max lines'),\n};\n\nCommentCard.propTypes = props;\n\nconst DSCommentCardWithSchema = describe(CommentCard);\nDSCommentCardWithSchema.propTypes = props;\n\nexport default CommentCard;\nexport { DSCommentCardWithSchema };\n"],
+  "mappings": "AAAA;ACEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA;AAEA,MAAM,cAAc,CAAC;AAAA,EACnB,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,OAAO,IAAI;AAAA,EACX,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,YAAY,EAAE,sCAAsC,CAAC;AAAA,EACrD,0BAA0B;AAAA,IACxB,aAAa;AAAA;AAAA,EAEf;AAAA,EACA,aAAa;AAAA,EACb,aAAa;AAAA,EACb,WAAW;AAAA,MACP;AACJ,QAAM,MAAM;AACZ,QAAM,cAAc,OAAO,eAAe,MAAM,cAAc;AAC9D,QAAM,cAAc,OAAO,QAAQ,MAAM,cAAc;AAEvD,QAAM,kBAAkB,YAAY,MAAM;AACxC,QAAI,QAAQ;AAAA,KACX;AAEH,SACE,qCAAC,oBAAD;AAAA,IACE,YAAY,EAAE;AAAA,IACd,UAAU;AAAA,OACN;AAAA,IACJ,OAAO,KAAK,UAAW,eAAe,SAAS;AAAA,KAE/C,qCAAC,mBAAD;AAAA,IAAmB,YAAY,EAAE;AAAA,KAC/B,qCAAC,iBAAD,MACE,qCAAC,iBAAD,MAAkB,OAClB,qCAAC,iBAAD,MACG,aACA,eACC,4DACE,qCAAC,QAAD,MAAM,WACL,cAGJ,QACC,4DACE,qCAAC,QAAD,MAAM,WACL,SAKR,WAAW,QAAQ,SAAS,KAC3B,qCAAC,iBAAD,MACE,qCAAC,gBAAD;AAAA,OACM;AAAA,IACJ,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA,kBAAkB,qCAAC,UAAD;AAAA,MAAU,YAAW;AAAA,MAAO,MAAM,qCAAC,iBAAD;AAAA,MAAqB,UAAU;AAAA;AAAA,IACnF,QAAO;AAAA,QAKf,qCAAC,oBAAD,MACE,qCAAC,OAAD,MACE,qCAAC,YAAD;AAAA,IACE,OAAO;AAAA,IACP,SAAS,GAAG;AAAA,IACZ,MAAK;AAAA,IACL,MAAK;AAAA,IACL,YAAW;AAAA,IACX,MAAK;AAAA,IACL,UAAS;AAAA;AAAA;AAQrB,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,UAAU,MAAM;AAAA,IAC9B,IAAI,UAAU;AAAA,IACd,eAAe,UAAU;AAAA,KACxB,YAAY;AAAA,EAEf,MAAM,UAAU,OAAO,YAAY;AAAA,EAEnC,OAAO,UAAU,OAAO,YAAY;AAAA,EAEpC,MAAM,UAAU,WAAW,MAAM,YAAY;AAAA,EAE7C,MAAM,UAAU,OAAO,YAAY;AAAA,EAEnC,SAAS,UAAU,OAAO,YAAY;AAAA,EAEtC,SAAS,UAAU,QAAQ,UAAU,QAAQ,YAAY;AAAA,EAEzD,WAAW,UAAU,OAAO,YAAY;AAAA,EAExC,yBAAyB,UAAU,MAAM;AAAA,IACvC,aAAa,UAAU;AAAA,KACtB,YAAY;AAAA,EAEf,cAAc,UAAU,KAAK,YAAY;AAAA,EAEzC,YAAY,UAAU,MAAM,CAAC,cAAc,eAAe,YACxD;AAAA,EAGF,YAAY,UAAU,MAAM,CAAC,WAAW,UAAU,YAChD;AAAA,EAKF,UAAU,UAAU,OAAO,YAAY;AAAA;AAGzC,YAAY,YAAY;AAExB,MAAM,0BAA0B,SAAS;AACzC,wBAAwB,YAAY;AAEpC,IAAO,sBAAQ;",
+  "names": []
+}

package/esm/components/DSComments.js

@@ -1,8 +1,10 @@
-import CommentCard from './CommentCard.js';
-export { DSCommentCardWithSchema } from './CommentCard.js';
-
-var DSComments = {
-  DSCommentCard: CommentCard
+import * as React from "react";
+import DSCommentCard, { DSCommentCardWithSchema } from "./CommentCard";
+var DSComments_default = {
+  DSCommentCard
 };
-
-export { DSComments as default };
+export {
+  DSCommentCardWithSchema,
+  DSComments_default as default
+};
+//# sourceMappingURL=DSComments.js.map

package/esm/components/DSComments.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/DSComments.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import DSCommentCard, { DSCommentCardWithSchema } from './CommentCard';\n\nexport default {\n  DSCommentCard,\n};\nexport { DSCommentCardWithSchema };\n"],
+  "mappings": "AAAA;ACAA;AAEA,IAAO,qBAAQ;AAAA,EACb;AAAA;",
+  "names": []
+}

package/esm/components/blocks.js

@@ -1,52 +1,46 @@
-import { aggregatedClasses } from '@elliemae/ds-classnames';
-
-const blockName = 'comments';
-const WrapperArea = aggregatedClasses('div')(blockName, 'area', () => ({}));
-const WrapperComments = aggregatedClasses('div')(blockName, 'comments', _ref => {
-  let {
-    hasScroll
-  } = _ref;
-  return {
-    hasScroll,
-    'not-scroll': !hasScroll
-  };
-});
-const WrapperCommentsScroll = aggregatedClasses('div')(blockName, 'comments-scroll', _ref2 => {
-  let {
-    hasScroll
-  } = _ref2;
-  return {
-    hasScroll,
-    'not-scroll': !hasScroll
-  };
-});
-const Counter = aggregatedClasses('div')(blockName, 'counter', () => ({}));
-const SubmitWrapper = aggregatedClasses('div')(blockName, 'submit-wrapper', () => ({}));
-const SubmitExternal = aggregatedClasses('div')(blockName, 'submit-external', () => ({}));
-const SubmitButton = aggregatedClasses('div')(blockName, 'submit-btn', () => ({}));
-const CommentCardWrapper = aggregatedClasses('div')(blockName, 'comment-card-wrapper', _ref3 => {
-  let {
-    borderBottom
-  } = _ref3;
-  return {
-    borderBottom
-  };
-});
-const CommentCardHeader = aggregatedClasses('div')(blockName, 'comment-card-header', _ref4 => {
-  let {
-    borderBottom
-  } = _ref4;
-  return {
-    borderBottom
-  };
-});
-const CommentCardContent = aggregatedClasses('div')(blockName, 'comment-card-content', () => ({}));
-const CommentCardLeft = aggregatedClasses('div')(blockName, 'comment-card-left', () => ({}));
-const CommentCardName = aggregatedClasses('div')(blockName, 'comment-card-name', () => ({}));
-const CommentCardData = aggregatedClasses('div')(blockName, 'comment-card-data', () => ({}));
-const CommentCardMenu = aggregatedClasses('div')(blockName, 'comment-card-menu', () => ({}));
-const CommentEmptyWrapper = aggregatedClasses('div')(blockName, 'comment-empty', () => ({}));
-const CommentEmptyIcon = aggregatedClasses('div')(blockName, 'comment-empty-icon', () => ({}));
-const CommentEmptyLabel = aggregatedClasses('div')(blockName, 'comment-empty-label', () => ({}));
-
-export { CommentCardContent, CommentCardData, CommentCardHeader, CommentCardLeft, CommentCardMenu, CommentCardName, CommentCardWrapper, CommentEmptyIcon, CommentEmptyLabel, CommentEmptyWrapper, Counter, SubmitButton, SubmitExternal, SubmitWrapper, WrapperArea, WrapperComments, WrapperCommentsScroll };
+import * as React from "react";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+const blockName = "comments";
+const WrapperArea = aggregatedClasses("div")(blockName, "area", () => ({}));
+const WrapperComments = aggregatedClasses("div")(blockName, "comments", ({ hasScroll }) => ({
+  hasScroll,
+  "not-scroll": !hasScroll
+}));
+const WrapperCommentsScroll = aggregatedClasses("div")(blockName, "comments-scroll", ({ hasScroll }) => ({
+  hasScroll,
+  "not-scroll": !hasScroll
+}));
+const Counter = aggregatedClasses("div")(blockName, "counter", () => ({}));
+const SubmitWrapper = aggregatedClasses("div")(blockName, "submit-wrapper", () => ({}));
+const SubmitExternal = aggregatedClasses("div")(blockName, "submit-external", () => ({}));
+const SubmitButton = aggregatedClasses("div")(blockName, "submit-btn", () => ({}));
+const CommentCardWrapper = aggregatedClasses("div")(blockName, "comment-card-wrapper", ({ borderBottom }) => ({ borderBottom }));
+const CommentCardHeader = aggregatedClasses("div")(blockName, "comment-card-header", ({ borderBottom }) => ({ borderBottom }));
+const CommentCardContent = aggregatedClasses("div")(blockName, "comment-card-content", () => ({}));
+const CommentCardLeft = aggregatedClasses("div")(blockName, "comment-card-left", () => ({}));
+const CommentCardName = aggregatedClasses("div")(blockName, "comment-card-name", () => ({}));
+const CommentCardData = aggregatedClasses("div")(blockName, "comment-card-data", () => ({}));
+const CommentCardMenu = aggregatedClasses("div")(blockName, "comment-card-menu", () => ({}));
+const CommentEmptyWrapper = aggregatedClasses("div")(blockName, "comment-empty", () => ({}));
+const CommentEmptyIcon = aggregatedClasses("div")(blockName, "comment-empty-icon", () => ({}));
+const CommentEmptyLabel = aggregatedClasses("div")(blockName, "comment-empty-label", () => ({}));
+export {
+  CommentCardContent,
+  CommentCardData,
+  CommentCardHeader,
+  CommentCardLeft,
+  CommentCardMenu,
+  CommentCardName,
+  CommentCardWrapper,
+  CommentEmptyIcon,
+  CommentEmptyLabel,
+  CommentEmptyWrapper,
+  Counter,
+  SubmitButton,
+  SubmitExternal,
+  SubmitWrapper,
+  WrapperArea,
+  WrapperComments,
+  WrapperCommentsScroll
+};
+//# sourceMappingURL=blocks.js.map

package/esm/components/blocks.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/blocks.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'comments';\n\nexport const WrapperArea = aggregatedClasses('div')(\n  blockName,\n  'area',\n  () => ({}),\n);\n\nexport const WrapperComments = aggregatedClasses('div')(\n  blockName,\n  'comments',\n  ({ hasScroll }) => ({\n    hasScroll,\n    'not-scroll': !hasScroll,\n  }),\n);\n\nexport const WrapperCommentsScroll = aggregatedClasses('div')(\n  blockName,\n  'comments-scroll',\n  ({ hasScroll }) => ({\n    hasScroll,\n    'not-scroll': !hasScroll,\n  }),\n);\n\nexport const Counter = aggregatedClasses('div')(\n  blockName,\n  'counter',\n  () => ({}),\n);\n\nexport const SubmitWrapper = aggregatedClasses('div')(\n  blockName,\n  'submit-wrapper',\n  () => ({}),\n);\n\nexport const SubmitExternal = aggregatedClasses('div')(\n  blockName,\n  'submit-external',\n  () => ({}),\n);\n\nexport const SubmitButton = aggregatedClasses('div')(\n  blockName,\n  'submit-btn',\n  () => ({}),\n);\n\nexport const CommentCardWrapper = aggregatedClasses('div')(\n  blockName,\n  'comment-card-wrapper',\n  ({ borderBottom }) => ({ borderBottom }),\n);\n\nexport const CommentCardHeader = aggregatedClasses('div')(\n  blockName,\n  'comment-card-header',\n  ({ borderBottom }) => ({ borderBottom }),\n);\n\nexport const CommentCardContent = aggregatedClasses('div')(\n  blockName,\n  'comment-card-content',\n  () => ({}),\n);\n\nexport const CommentCardLeft = aggregatedClasses('div')(\n  blockName,\n  'comment-card-left',\n  () => ({}),\n);\n\nexport const CommentCardName = aggregatedClasses('div')(\n  blockName,\n  'comment-card-name',\n  () => ({}),\n);\n\nexport const CommentCardData = aggregatedClasses('div')(\n  blockName,\n  'comment-card-data',\n  () => ({}),\n);\n\nexport const CommentCardMenu = aggregatedClasses('div')(\n  blockName,\n  'comment-card-menu',\n  () => ({}),\n);\n\nexport const CommentEmptyWrapper = aggregatedClasses('div')(\n  blockName,\n  'comment-empty',\n  () => ({}),\n);\n\nexport const CommentEmptyIcon = aggregatedClasses('div')(\n  blockName,\n  'comment-empty-icon',\n  () => ({}),\n);\n\nexport const CommentEmptyLabel = aggregatedClasses('div')(\n  blockName,\n  'comment-empty-label',\n  () => ({}),\n);\n"],
+  "mappings": "AAAA;ACAA;AAEA,MAAM,YAAY;AAEX,MAAM,cAAc,kBAAkB,OAC3C,WACA,QACA,MAAO;AAGF,MAAM,kBAAkB,kBAAkB,OAC/C,WACA,YACA,CAAC,EAAE,gBAAiB;AAAA,EAClB;AAAA,EACA,cAAc,CAAC;AAAA;AAIZ,MAAM,wBAAwB,kBAAkB,OACrD,WACA,mBACA,CAAC,EAAE,gBAAiB;AAAA,EAClB;AAAA,EACA,cAAc,CAAC;AAAA;AAIZ,MAAM,UAAU,kBAAkB,OACvC,WACA,WACA,MAAO;AAGF,MAAM,gBAAgB,kBAAkB,OAC7C,WACA,kBACA,MAAO;AAGF,MAAM,iBAAiB,kBAAkB,OAC9C,WACA,mBACA,MAAO;AAGF,MAAM,eAAe,kBAAkB,OAC5C,WACA,cACA,MAAO;AAGF,MAAM,qBAAqB,kBAAkB,OAClD,WACA,wBACA,CAAC,EAAE,mBAAoB,GAAE;AAGpB,MAAM,oBAAoB,kBAAkB,OACjD,WACA,uBACA,CAAC,EAAE,mBAAoB,GAAE;AAGpB,MAAM,qBAAqB,kBAAkB,OAClD,WACA,wBACA,MAAO;AAGF,MAAM,kBAAkB,kBAAkB,OAC/C,WACA,qBACA,MAAO;AAGF,MAAM,kBAAkB,kBAAkB,OAC/C,WACA,qBACA,MAAO;AAGF,MAAM,kBAAkB,kBAAkB,OAC/C,WACA,qBACA,MAAO;AAGF,MAAM,kBAAkB,kBAAkB,OAC/C,WACA,qBACA,MAAO;AAGF,MAAM,sBAAsB,kBAAkB,OACnD,WACA,iBACA,MAAO;AAGF,MAAM,mBAAmB,kBAAkB,OAChD,WACA,sBACA,MAAO;AAGF,MAAM,oBAAoB,kBAAkB,OACjD,WACA,uBACA,MAAO;",
+  "names": []
+}

package/esm/components/helper.js

@@ -1,15 +1,17 @@
-import moment from 'moment';
-
+import * as React from "react";
+import moment from "moment";
 function getMaxSize() {
   return 113;
 }
-function getTime(date) {
-  let formatString = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'hh:mm a';
+function getTime(date, formatString = "hh:mm a") {
   return moment(date).format(formatString);
 }
-function getDisplayDate(date) {
-  let formatString = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'MM/DD/YYYY';
+function getDisplayDate(date, formatString = "MM/DD/YYYY") {
   return moment(date).format(formatString);
 }
-
-export { getDisplayDate, getMaxSize, getTime };
+export {
+  getDisplayDate,
+  getMaxSize,
+  getTime
+};
+//# sourceMappingURL=helper.js.map

package/esm/components/helper.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/helper.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import moment from 'moment';\n\nexport function getMaxSize() {\n  return 113;\n}\nexport function getTime(date, formatString = 'hh:mm a') {\n  return moment(date).format(formatString);\n}\nexport function getDisplayDate(date, formatString = 'MM/DD/YYYY') {\n  return moment(date).format(formatString);\n}\n"],
+  "mappings": "AAAA;ACAA;AAEO,sBAAsB;AAC3B,SAAO;AAAA;AAEF,iBAAiB,MAAM,eAAe,WAAW;AACtD,SAAO,OAAO,MAAM,OAAO;AAAA;AAEtB,wBAAwB,MAAM,eAAe,cAAc;AAChE,SAAO,OAAO,MAAM,OAAO;AAAA;",
+  "names": []
+}

package/esm/index.js

@@ -1,8 +1,10 @@
-import DSComments from './components/DSComments.js';
-export { DSCommentCardWithSchema } from './components/CommentCard.js';
-
-const {
-  DSCommentCard
-} = DSComments;
-
-export { DSCommentCard, DSCommentCard as default };
+import * as React from "react";
+import DSComments, { DSCommentCardWithSchema } from "./components/DSComments";
+const { DSCommentCard } = DSComments;
+var src_default = DSCommentCard;
+export {
+  DSCommentCard,
+  DSCommentCardWithSchema,
+  src_default as default
+};
+//# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import DSComments, { DSCommentCardWithSchema } from './components/DSComments';\n\nexport const { DSCommentCard } = DSComments;\nexport default DSCommentCard;\nexport { DSCommentCardWithSchema };\n"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,EAAE,kBAAkB;AACjC,IAAO,cAAQ;",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-comments",
-  "version": "2.2.1",
+  "version": "2.3.0-alpha.4",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Comments",
   "module": "./esm/index.js",
@@ -48,11 +48,11 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-button": "2.2.1",
-    "@elliemae/ds-classnames": "2.2.1",
-    "@elliemae/ds-dropdownmenu": "2.2.1",
-    "@elliemae/ds-icons": "2.2.1",
-    "@elliemae/ds-read-more": "2.2.1",
+    "@elliemae/ds-button": "2.3.0-alpha.4",
+    "@elliemae/ds-classnames": "2.3.0-alpha.4",
+    "@elliemae/ds-dropdownmenu": "2.3.0-alpha.4",
+    "@elliemae/ds-icons": "2.3.0-alpha.4",
+    "@elliemae/ds-read-more": "2.3.0-alpha.4",
     "moment": "~2.29.1",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3"