@elliemae/ds-comments 2.2.0-alpha.4 → 3.0.0-next.2

package/cjs/components/CommentCard.js

@@ -1,118 +1,150 @@
-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)(() => {
+'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(() => {
     ref.current.focus();
   }, []);
-  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, {
+  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",
       buttonType: "text",
-      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: "... "
-  }))));
+      size: "m",
+      ellipsis: "... "
+    })))]
+  }));
 };
+
 const props = {
-  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")
+  /** 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')
 };
-CommentCard.propTypes = props;
-const DSCommentCardWithSchema = (0, import_react_desc.describe)(CommentCard);
+const DSCommentCardWithSchema = reactDesc.describe(CommentCard);
 DSCommentCardWithSchema.propTypes = props;
-var CommentCard_default = CommentCard;
-module.exports = __toCommonJS(CommentCard_exports);
-//# sourceMappingURL=CommentCard.js.map
+
+exports.DSCommentCardWithSchema = DSCommentCardWithSchema;
+exports["default"] = CommentCard;

package/cjs/components/DSComments.js

@@ -1,39 +1,12 @@
-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
+'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;

package/cjs/components/blocks.js

@@ -1,75 +1,72 @@
-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);
+'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
   };
-})(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
 });
-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
+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;

package/cjs/components/helper.js

@@ -1,46 +1,25 @@
-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"));
+'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);
+
 function getMaxSize() {
   return 113;
 }
-function getTime(date, formatString = "hh:mm a") {
-  return (0, import_moment.default)(date).format(formatString);
+function getTime(date) {
+  let formatString = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'hh:mm a';
+  return moment__default["default"](date).format(formatString);
 }
-function getDisplayDate(date, formatString = "MM/DD/YYYY") {
-  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);
 }
-module.exports = __toCommonJS(helper_exports);
-//# sourceMappingURL=helper.js.map
+
+exports.getDisplayDate = getDisplayDate;
+exports.getMaxSize = getMaxSize;
+exports.getTime = getTime;

package/cjs/index.js

@@ -1,39 +1,14 @@
-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
+'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;

package/esm/components/CommentCard.js

@@ -1,97 +1,138 @@
-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
-}) => {
+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;
   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__ */ 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, {
+  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",
       buttonType: "text",
-      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: "... "
-  }))));
+      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"),
-  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"),
+    '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 */
   customDropdownMenuProps: PropTypes.shape({
     focusOnOpen: PropTypes.bool
-  }).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")
+  }).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')
 };
-CommentCard.propTypes = props;
 const DSCommentCardWithSchema = describe(CommentCard);
 DSCommentCardWithSchema.propTypes = props;
-var CommentCard_default = CommentCard;
-export {
-  DSCommentCardWithSchema,
-  CommentCard_default as default
-};
-//# sourceMappingURL=CommentCard.js.map
+
+export { DSCommentCardWithSchema, CommentCard as default };

package/esm/components/DSComments.js

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

package/esm/components/blocks.js

@@ -1,46 +1,52 @@
-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
+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 };

package/esm/components/helper.js

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

package/esm/index.js

@@ -1,10 +1,8 @@
-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
+import DSComments from './components/DSComments.js';
+export { DSCommentCardWithSchema } from './components/CommentCard.js';
+
+const {
+  DSCommentCard
+} = DSComments;
+
+export { DSCommentCard, DSCommentCard as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-comments",
-  "version": "2.2.0-alpha.4",
+  "version": "3.0.0-next.2",
   "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.0-alpha.4",
-    "@elliemae/ds-classnames": "2.2.0-alpha.4",
-    "@elliemae/ds-dropdownmenu": "2.2.0-alpha.4",
-    "@elliemae/ds-icons": "2.2.0-alpha.4",
-    "@elliemae/ds-read-more": "2.2.0-alpha.4",
+    "@elliemae/ds-button": "3.0.0-next.2",
+    "@elliemae/ds-classnames": "3.0.0-next.2",
+    "@elliemae/ds-dropdownmenu": "3.0.0-next.2",
+    "@elliemae/ds-icons": "3.0.0-next.2",
+    "@elliemae/ds-read-more": "3.0.0-next.2",
     "moment": "~2.29.1",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3"

package/cjs/components/CommentCard.js.map

@@ -1,7 +0,0 @@
-{
-  "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.map

@@ -1,7 +0,0 @@
-{
-  "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.map

@@ -1,7 +0,0 @@
-{
-  "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.map

@@ -1,7 +0,0 @@
-{
-  "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.map

@@ -1,7 +0,0 @@
-{
-  "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.map

@@ -1,7 +0,0 @@
-{
-  "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.map

@@ -1,7 +0,0 @@
-{
-  "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.map

@@ -1,7 +0,0 @@
-{
-  "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.map

@@ -1,7 +0,0 @@
-{
-  "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.map

@@ -1,7 +0,0 @@
-{
-  "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": []
-}