@elliemae/ds-comments 1.61.0 → 2.0.0-alpha.12

package/cjs/components/CommentCard.js

@@ -2,101 +2,101 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
+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 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 components_blocks = require('./blocks.js');
-var components_helper = require('./helper.js');
-require('@elliemae/ds-classnames');
-require('moment');
+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 _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 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); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-var CommentCard = function CommentCard(_ref) {
-  var _ref$containerProps = _ref.containerProps,
-      containerProps = _ref$containerProps === void 0 ? {} : _ref$containerProps,
-      _ref$name = _ref.name,
-      name = _ref$name === void 0 ? '' : _ref$name,
-      _ref$date = _ref.date,
-      date = _ref$date === void 0 ? new Date() : _ref$date,
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? '' : _ref$type,
-      _ref$content = _ref.content,
-      content = _ref$content === void 0 ? '' : _ref$content,
-      _ref$style = _ref.style,
-      style = _ref$style === void 0 ? {} : _ref$style,
-      _ref$options = _ref.options,
-      options = _ref$options === void 0 ? [] : _ref$options,
-      _ref$selection = _ref.selection,
-      selection = _ref$selection === void 0 ? {
-    'single-selection-internal-external': ['set-as-internal']
-  } : _ref$selection,
-      _ref$customDropdownMe = _ref.customDropdownMenuProps,
-      customDropdownMenuProps = _ref$customDropdownMe === void 0 ? {
-    focusOnOpen: true
-  } : _ref$customDropdownMe,
-      borderBottom = _ref.borderBottom,
-      _ref$dateFormat = _ref.dateFormat,
-      dateFormat = _ref$dateFormat === void 0 ? 'MM/DD/YYYY' : _ref$dateFormat,
-      _ref$timeFormat = _ref.timeFormat,
-      timeFormat = _ref$timeFormat === void 0 ? 'hh:mm a' : _ref$timeFormat,
-      _ref$maxLines = _ref.maxLines,
-      maxLines = _ref$maxLines === void 0 ? 2 : _ref$maxLines;
-  var ref = React.useRef();
-  var displayDate = date ? components_helper.getDisplayDate(date, dateFormat) : null;
-  var displayTime = date ? components_helper.getTime(date, timeFormat) : null;
-  var handleCloseMenu = React.useCallback(function () {
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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__*/React__default['default'].createElement(components_blocks.CommentCardWrapper, _extends__default['default']({
+  return /*#__PURE__*/jsxRuntime.jsxs(blocks.CommentCardWrapper, _objectSpread(_objectSpread({
     classProps: {
-      borderBottom: borderBottom
+      borderBottom
     },
     tabIndex: 0
-  }, containerProps, {
-    style: _objectSpread(_objectSpread({}, style), containerProps.style || {})
-  }), /*#__PURE__*/React__default['default'].createElement(components_blocks.CommentCardHeader, {
-    classProps: {
-      borderBottom: borderBottom
-    }
-  }, /*#__PURE__*/React__default['default'].createElement(components_blocks.CommentCardLeft, null, /*#__PURE__*/React__default['default'].createElement(components_blocks.CommentCardName, null, name), /*#__PURE__*/React__default['default'].createElement(components_blocks.CommentCardData, null, displayDate, displayTime && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("span", null, "\u2022"), displayTime), type && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("span", null, "\u2022"), type))), options && options.length > 0 && /*#__PURE__*/React__default['default'].createElement(components_blocks.CommentCardMenu, null, /*#__PURE__*/React__default['default'].createElement(DSDropdownMenu__default['default'], _extends__default['default']({}, customDropdownMenuProps, {
-    onClose: handleCloseMenu,
-    options: options,
-    selection: selection,
-    triggerComponent: /*#__PURE__*/React__default['default'].createElement(DSButton__default['default'], {
+  }, 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__*/React__default['default'].createElement(dsIcons.MoreOptionsVert, null),
-      innerRef: ref
-    }),
-    zIndex: "11" // https://jira.elliemae.io/browse/PUI-1664
-
-  })))), /*#__PURE__*/React__default['default'].createElement(components_blocks.CommentCardContent, null, /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(dsReadMore.DSReadMore, {
-    lines: maxLines,
-    content: "".concat(content, " "),
-    more: "MORE",
-    less: "LESS",
-    buttonType: "text",
-    size: "m",
-    ellipsis: "... "
-  }))));
+      size: "m",
+      ellipsis: "... "
+    })))]
+  }));
 };
 
-var props = {
+const props = {
   /** props to inject to comment card wrapper */
   containerProps: reactDesc.PropTypes.shape({
     id: reactDesc.PropTypes.string,
@@ -143,10 +143,8 @@ var props = {
    */
   maxLines: reactDesc.PropTypes.number.description('Max lines')
 };
-CommentCard.propTypes = props;
-var DSCommentCardWithSchema = reactDesc.describe(CommentCard);
+const DSCommentCardWithSchema = reactDesc.describe(CommentCard);
 DSCommentCardWithSchema.propTypes = props;
 
 exports.DSCommentCardWithSchema = DSCommentCardWithSchema;
-exports['default'] = CommentCard;
-//# sourceMappingURL=CommentCard.js.map
+exports["default"] = CommentCard;

package/cjs/components/DSComments.js

@@ -2,24 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_CommentCard = require('./CommentCard.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/defineProperty');
-require('react');
-require('react-desc');
-require('@elliemae/ds-button');
-require('@elliemae/ds-read-more');
-require('@elliemae/ds-dropdownmenu');
-require('@elliemae/ds-icons');
-require('./blocks.js');
-require('@elliemae/ds-classnames');
-require('./helper.js');
-require('moment');
+var CommentCard = require('./CommentCard.js');
 
 var DSComments = {
-  DSCommentCard: components_CommentCard['default']
+  DSCommentCard: CommentCard["default"]
 };
 
-exports.DSCommentCardWithSchema = components_CommentCard.DSCommentCardWithSchema;
-exports['default'] = DSComments;
-//# sourceMappingURL=DSComments.js.map
+exports.DSCommentCardWithSchema = CommentCard.DSCommentCardWithSchema;
+exports["default"] = DSComments;

package/cjs/components/blocks.js

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

package/cjs/components/helper.js

@@ -12,15 +12,14 @@ function getMaxSize() {
   return 113;
 }
 function getTime(date) {
-  var formatString = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'hh:mm a';
-  return moment__default['default'](date).format(formatString);
+  let formatString = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'hh:mm a';
+  return moment__default["default"](date).format(formatString);
 }
 function getDisplayDate(date) {
-  var formatString = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'MM/DD/YYYY';
-  return moment__default['default'](date).format(formatString);
+  let formatString = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'MM/DD/YYYY';
+  return moment__default["default"](date).format(formatString);
 }
 
 exports.getDisplayDate = getDisplayDate;
 exports.getMaxSize = getMaxSize;
 exports.getTime = getTime;
-//# sourceMappingURL=helper.js.map

package/cjs/index.js

@@ -2,24 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_DSComments = require('./components/DSComments.js');
-var components_CommentCard = require('./components/CommentCard.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/defineProperty');
-require('react');
-require('react-desc');
-require('@elliemae/ds-button');
-require('@elliemae/ds-read-more');
-require('@elliemae/ds-dropdownmenu');
-require('@elliemae/ds-icons');
-require('./components/blocks.js');
-require('@elliemae/ds-classnames');
-require('./components/helper.js');
-require('moment');
+var DSComments = require('./components/DSComments.js');
+var CommentCard = require('./components/CommentCard.js');
 
-var DSCommentCard = components_DSComments['default'].DSCommentCard;
+const {
+  DSCommentCard
+} = DSComments["default"];
 
-exports.DSCommentCardWithSchema = components_CommentCard.DSCommentCardWithSchema;
+exports.DSCommentCardWithSchema = CommentCard.DSCommentCardWithSchema;
 exports.DSCommentCard = DSCommentCard;
-exports['default'] = DSCommentCard;
-//# sourceMappingURL=index.js.map
+exports["default"] = DSCommentCard;

package/esm/components/CommentCard.js

@@ -1,6 +1,11 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
+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 React, { useRef, useCallback } from 'react';
+import { useRef, useCallback } from 'react';
 import { PropTypes, describe } from 'react-desc';
 import DSButton from '@elliemae/ds-button';
 import { DSReadMore } from '@elliemae/ds-read-more';
@@ -8,83 +13,79 @@ 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 '@elliemae/ds-classnames';
-import 'moment';
+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); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var CommentCard = function CommentCard(_ref) {
-  var _ref$containerProps = _ref.containerProps,
-      containerProps = _ref$containerProps === void 0 ? {} : _ref$containerProps,
-      _ref$name = _ref.name,
-      name = _ref$name === void 0 ? '' : _ref$name,
-      _ref$date = _ref.date,
-      date = _ref$date === void 0 ? new Date() : _ref$date,
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? '' : _ref$type,
-      _ref$content = _ref.content,
-      content = _ref$content === void 0 ? '' : _ref$content,
-      _ref$style = _ref.style,
-      style = _ref$style === void 0 ? {} : _ref$style,
-      _ref$options = _ref.options,
-      options = _ref$options === void 0 ? [] : _ref$options,
-      _ref$selection = _ref.selection,
-      selection = _ref$selection === void 0 ? {
-    'single-selection-internal-external': ['set-as-internal']
-  } : _ref$selection,
-      _ref$customDropdownMe = _ref.customDropdownMenuProps,
-      customDropdownMenuProps = _ref$customDropdownMe === void 0 ? {
-    focusOnOpen: true
-  } : _ref$customDropdownMe,
-      borderBottom = _ref.borderBottom,
-      _ref$dateFormat = _ref.dateFormat,
-      dateFormat = _ref$dateFormat === void 0 ? 'MM/DD/YYYY' : _ref$dateFormat,
-      _ref$timeFormat = _ref.timeFormat,
-      timeFormat = _ref$timeFormat === void 0 ? 'hh:mm a' : _ref$timeFormat,
-      _ref$maxLines = _ref.maxLines,
-      maxLines = _ref$maxLines === void 0 ? 2 : _ref$maxLines;
-  var ref = useRef();
-  var displayDate = date ? getDisplayDate(date, dateFormat) : null;
-  var displayTime = date ? getTime(date, timeFormat) : null;
-  var handleCloseMenu = useCallback(function () {
+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__*/React.createElement(CommentCardWrapper, _extends({
+  return /*#__PURE__*/jsxs(CommentCardWrapper, _objectSpread(_objectSpread({
     classProps: {
-      borderBottom: borderBottom
+      borderBottom
     },
     tabIndex: 0
-  }, containerProps, {
-    style: _objectSpread(_objectSpread({}, style), containerProps.style || {})
-  }), /*#__PURE__*/React.createElement(CommentCardHeader, {
-    classProps: {
-      borderBottom: borderBottom
-    }
-  }, /*#__PURE__*/React.createElement(CommentCardLeft, null, /*#__PURE__*/React.createElement(CommentCardName, null, name), /*#__PURE__*/React.createElement(CommentCardData, null, displayDate, displayTime && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", null, "\u2022"), displayTime), type && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", null, "\u2022"), type))), options && options.length > 0 && /*#__PURE__*/React.createElement(CommentCardMenu, null, /*#__PURE__*/React.createElement(DSDropdownMenu, _extends({}, customDropdownMenuProps, {
-    onClose: handleCloseMenu,
-    options: options,
-    selection: selection,
-    triggerComponent: /*#__PURE__*/React.createElement(DSButton, {
+  }, 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__*/React.createElement(MoreOptionsVert, null),
-      innerRef: ref
-    }),
-    zIndex: "11" // https://jira.elliemae.io/browse/PUI-1664
-
-  })))), /*#__PURE__*/React.createElement(CommentCardContent, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(DSReadMore, {
-    lines: maxLines,
-    content: "".concat(content, " "),
-    more: "MORE",
-    less: "LESS",
-    buttonType: "text",
-    size: "m",
-    ellipsis: "... "
-  }))));
+      size: "m",
+      ellipsis: "... "
+    })))]
+  }));
 };
 
-var props = {
+const props = {
   /** props to inject to comment card wrapper */
   containerProps: PropTypes.shape({
     id: PropTypes.string,
@@ -131,9 +132,7 @@ var props = {
    */
   maxLines: PropTypes.number.description('Max lines')
 };
-CommentCard.propTypes = props;
-var DSCommentCardWithSchema = describe(CommentCard);
+const DSCommentCardWithSchema = describe(CommentCard);
 DSCommentCardWithSchema.propTypes = props;
 
 export { DSCommentCardWithSchema, CommentCard as default };
-//# sourceMappingURL=CommentCard.js.map

package/esm/components/DSComments.js

@@ -1,21 +1,8 @@
 import CommentCard from './CommentCard.js';
 export { DSCommentCardWithSchema } from './CommentCard.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/defineProperty';
-import 'react';
-import 'react-desc';
-import '@elliemae/ds-button';
-import '@elliemae/ds-read-more';
-import '@elliemae/ds-dropdownmenu';
-import '@elliemae/ds-icons';
-import './blocks.js';
-import '@elliemae/ds-classnames';
-import './helper.js';
-import 'moment';
 
 var DSComments = {
   DSCommentCard: CommentCard
 };
 
 export { DSComments as default };
-//# sourceMappingURL=DSComments.js.map