@elliemae/ds-comments 2.0.0-next.0 → 2.0.0-next.12

package/cjs/components/CommentCard.js

@@ -2,14 +2,19 @@
 
 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-basic/Button');
-var dsBasic = require('@elliemae/ds-basic');
+var DSButton = require('@elliemae/ds-button');
+var dsReadMore = require('@elliemae/ds-read-more');
 var DSDropdownMenu = require('@elliemae/ds-dropdownmenu');
-var MoreOptionsVert = require('@elliemae/ds-icons/MoreOptionsVert');
+var dsIcons = require('@elliemae/ds-icons');
 var blocks = require('./blocks.js');
 var helper = require('./helper.js');
 var jsxRuntime = require('react/jsx-runtime');
@@ -20,7 +25,6 @@ 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 MoreOptionsVert__default = /*#__PURE__*/_interopDefaultLegacy(MoreOptionsVert);
 
 var _span, _span2, _MoreOptionsVert;
 
@@ -28,25 +32,26 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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 = ({
-  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 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;
@@ -74,14 +79,14 @@ const CommentCard = ({
       selection: selection,
       triggerComponent: /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
         buttonType: "text",
-        icon: _MoreOptionsVert || (_MoreOptionsVert = /*#__PURE__*/_jsx__default["default"](MoreOptionsVert__default["default"], {})),
+        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"](dsBasic.DSReadMore, {
+    })))), /*#__PURE__*/_jsx__default["default"](blocks.CommentCardContent, {}, void 0, /*#__PURE__*/_jsx__default["default"]("div", {}, void 0, /*#__PURE__*/_jsx__default["default"](dsReadMore.DSReadMore, {
       lines: maxLines,
-      content: `${content} `,
+      content: "".concat(content, " "),
       more: "MORE",
       less: "LESS",
       buttonType: "text",

package/cjs/components/blocks.js

@@ -6,32 +6,44 @@ var dsClassnames = require('@elliemae/ds-classnames');
 
 const blockName = 'comments';
 const WrapperArea = dsClassnames.aggregatedClasses('div')(blockName, 'area', () => ({}));
-const WrapperComments = dsClassnames.aggregatedClasses('div')(blockName, 'comments', ({
-  hasScroll
-}) => ({
-  hasScroll,
-  'not-scroll': !hasScroll
-}));
-const WrapperCommentsScroll = dsClassnames.aggregatedClasses('div')(blockName, 'comments-scroll', ({
-  hasScroll
-}) => ({
-  hasScroll,
-  'not-scroll': !hasScroll
-}));
+const WrapperComments = dsClassnames.aggregatedClasses('div')(blockName, 'comments', _ref => {
+  let {
+    hasScroll
+  } = _ref;
+  return {
+    hasScroll,
+    'not-scroll': !hasScroll
+  };
+});
+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', ({
-  borderBottom
-}) => ({
-  borderBottom
-}));
-const CommentCardHeader = dsClassnames.aggregatedClasses('div')(blockName, 'comment-card-header', ({
-  borderBottom
-}) => ({
-  borderBottom
-}));
+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', () => ({}));

package/cjs/components/helper.js

@@ -11,10 +11,12 @@ var moment__default = /*#__PURE__*/_interopDefaultLegacy(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__default["default"](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__default["default"](date).format(formatString);
 }
 

package/esm/components/CommentCard.js

@@ -1,11 +1,16 @@
+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-basic/Button';
-import { DSReadMore } from '@elliemae/ds-basic';
+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/MoreOptionsVert';
+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';
@@ -16,25 +21,26 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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; }
 
-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 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;
@@ -69,7 +75,7 @@ const CommentCard = ({
 
     })))), /*#__PURE__*/_jsx(CommentCardContent, {}, void 0, /*#__PURE__*/_jsx("div", {}, void 0, /*#__PURE__*/_jsx(DSReadMore, {
       lines: maxLines,
-      content: `${content} `,
+      content: "".concat(content, " "),
       more: "MORE",
       less: "LESS",
       buttonType: "text",

package/esm/components/blocks.js

@@ -2,32 +2,44 @@ 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 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', ({
-  borderBottom
-}) => ({
-  borderBottom
-}));
-const CommentCardHeader = aggregatedClasses('div')(blockName, 'comment-card-header', ({
-  borderBottom
-}) => ({
-  borderBottom
-}));
+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', () => ({}));

package/esm/components/helper.js

@@ -3,10 +3,12 @@ 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);
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-comments",
-  "version": "2.0.0-next.0",
+  "version": "2.0.0-next.12",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Comments",
   "module": "./esm/index.js",
@@ -48,19 +48,22 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-basic": "2.0.0-next.0",
-    "@elliemae/ds-classnames": "2.0.0-next.0",
-    "@elliemae/ds-dropdownmenu": "2.0.0-next.0",
-    "prop-types": "~15.7.2"
+    "@elliemae/ds-basic": "2.0.0-next.12",
+    "@elliemae/ds-classnames": "2.0.0-next.12",
+    "@elliemae/ds-dropdownmenu": "2.0.0-next.12",
+    "@elliemae/ds-icons": "2.0.0-next.12",
+    "moment": "~2.29.1",
+    "prop-types": "~15.7.2",
+    "react-desc": "~4.1.3"
   },
   "devDependencies": {
-    "styled-components": "~5.3.1"
+    "styled-components": "~5.3.3"
   },
   "peerDependencies": {
     "lodash": "^4.17.21",
     "react": "~17.0.2",
     "react-dom": "^17.0.2",
-    "styled-components": "~5.3.1"
+    "styled-components": "~5.3.3"
   },
   "publishConfig": {
     "access": "public",

package/cjs/package.json

@@ -1,7 +0,0 @@
-{
-  "type": "commonjs",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ]
-}

package/esm/package.json

@@ -1,7 +0,0 @@
-{
-  "type": "module",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ]
-}