@elliemae/ds-comments 2.3.0-alpha.9 → 2.3.0-next.3

package/cjs/components/CommentCard.js

@@ -0,0 +1,150 @@
+'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__*/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",
+      size: "m",
+      ellipsis: "... "
+    })))]
+  }));
+};
+
+const props = {
+  /** props to inject to comment card wrapper */
+  containerProps: reactDesc.PropTypes.shape({
+    id: reactDesc.PropTypes.string,
+    'data-testid': reactDesc.PropTypes.string
+  }).description('props to inject to comment card wrapper'),
+
+  /** form name */
+  name: reactDesc.PropTypes.string.description('form name'),
+
+  /** style object */
+  style: reactDesc.PropTypes.object.description(' style object '),
+
+  /** date object */
+  date: reactDesc.PropTypes.instanceOf(Date).description('date object'),
+
+  /** comment type string */
+  type: reactDesc.PropTypes.string.description('comment type string'),
+
+  /** comment content */
+  content: reactDesc.PropTypes.string.description('comment content'),
+
+  /** dropdown menu options */
+  options: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.object).description('dropdown menu options'),
+
+  /** dropdown selection */
+  selection: reactDesc.PropTypes.object.description('dropdown selection'),
+
+  /** pass down props to dropdown */
+  customDropdownMenuProps: reactDesc.PropTypes.shape({
+    focusOnOpen: reactDesc.PropTypes.bool
+  }).description('pass down props to dropdown'),
+
+  /** toggle border bottom for card */
+  borderBottom: reactDesc.PropTypes.bool.description('toggle border bottom for card'),
+
+  /** moment Year, month, and day tokens https://momentjs.com/docs/#/parsing/string-format/ */
+  dateFormat: reactDesc.PropTypes.oneOf(['MM/DD/YYYY', 'MM DD YYYY']).description('moment Year, month, and day tokens https://momentjs.com/docs/#/parsing/string-format/'),
+
+  /** moment Hour, minute, second, millisecond, and offset tokens https://momentjs.com/docs/#/parsing/string-format/ */
+  timeFormat: reactDesc.PropTypes.oneOf(['hh:mm a', 'HH:mm']).description('moment Hour, minute, second, millisecond, and offset tokens https://momentjs.com/docs/#/parsing/string-format/'),
+
+  /**
+   * Max lines
+   */
+  maxLines: reactDesc.PropTypes.number.description('Max lines')
+};
+const DSCommentCardWithSchema = reactDesc.describe(CommentCard);
+DSCommentCardWithSchema.propTypes = props;
+
+exports.DSCommentCardWithSchema = DSCommentCardWithSchema;
+exports["default"] = CommentCard;

package/cjs/components/DSComments.js

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

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

@@ -0,0 +1,25 @@
+'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) {
+  let formatString = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'hh:mm a';
+  return moment__default["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);
+}
+
+exports.getDisplayDate = getDisplayDate;
+exports.getMaxSize = getMaxSize;
+exports.getTime = getTime;

package/cjs/index.js

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

@@ -0,0 +1,138 @@
+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__*/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",
+      size: "m",
+      ellipsis: "... "
+    })))]
+  }));
+};
+
+const props = {
+  /** props to inject to comment card wrapper */
+  containerProps: PropTypes.shape({
+    id: PropTypes.string,
+    'data-testid': PropTypes.string
+  }).description('props to inject to comment card wrapper'),
+
+  /** form name */
+  name: PropTypes.string.description('form name'),
+
+  /** style object */
+  style: PropTypes.object.description(' style object '),
+
+  /** date object */
+  date: PropTypes.instanceOf(Date).description('date object'),
+
+  /** comment type string */
+  type: PropTypes.string.description('comment type string'),
+
+  /** comment content */
+  content: PropTypes.string.description('comment content'),
+
+  /** dropdown menu options */
+  options: PropTypes.arrayOf(PropTypes.object).description('dropdown menu options'),
+
+  /** dropdown selection */
+  selection: PropTypes.object.description('dropdown selection'),
+
+  /** pass down props to dropdown */
+  customDropdownMenuProps: PropTypes.shape({
+    focusOnOpen: PropTypes.bool
+  }).description('pass down props to dropdown'),
+
+  /** toggle border bottom for card */
+  borderBottom: PropTypes.bool.description('toggle border bottom for card'),
+
+  /** moment Year, month, and day tokens https://momentjs.com/docs/#/parsing/string-format/ */
+  dateFormat: PropTypes.oneOf(['MM/DD/YYYY', 'MM DD YYYY']).description('moment Year, month, and day tokens https://momentjs.com/docs/#/parsing/string-format/'),
+
+  /** moment Hour, minute, second, millisecond, and offset tokens https://momentjs.com/docs/#/parsing/string-format/ */
+  timeFormat: PropTypes.oneOf(['hh:mm a', 'HH:mm']).description('moment Hour, minute, second, millisecond, and offset tokens https://momentjs.com/docs/#/parsing/string-format/'),
+
+  /**
+   * Max lines
+   */
+  maxLines: PropTypes.number.description('Max lines')
+};
+const DSCommentCardWithSchema = describe(CommentCard);
+DSCommentCardWithSchema.propTypes = props;
+
+export { DSCommentCardWithSchema, CommentCard as default };

package/esm/components/DSComments.js

@@ -0,0 +1,8 @@
+import CommentCard from './CommentCard.js';
+export { DSCommentCardWithSchema } from './CommentCard.js';
+
+var DSComments = {
+  DSCommentCard: CommentCard
+};
+
+export { DSComments as default };

package/esm/components/blocks.js

@@ -0,0 +1,52 @@
+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

@@ -0,0 +1,15 @@
+import moment from 'moment';
+
+function getMaxSize() {
+  return 113;
+}
+function getTime(date) {
+  let formatString = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'hh:mm a';
+  return moment(date).format(formatString);
+}
+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 };

package/esm/index.js

@@ -0,0 +1,8 @@
+import DSComments from './components/DSComments.js';
+export { DSCommentCardWithSchema } from './components/CommentCard.js';
+
+const {
+  DSCommentCard
+} = DSComments;
+
+export { DSCommentCard, DSCommentCard as default };

package/package.json

@@ -1,34 +1,31 @@
 {
   "name": "@elliemae/ds-comments",
-  "version": "2.3.0-alpha.9",
+  "version": "2.3.0-next.3",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Comments",
-  "files": [
-    "dist"
-  ],
-  "module": "./dist/esm/index.js",
-  "main": "./dist/cjs/index.js",
-  "types": "./dist/types/index.d.ts",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/esm/index.js",
-      "require": "./dist/cjs/index.js"
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
     },
     "./components/helper": {
-      "import": "./dist/esm/components/helper.js",
-      "require": "./dist/cjs/components/helper.js"
+      "import": "./esm/components/helper.js",
+      "require": "./cjs/components/helper.js"
     },
     "./components/DSComments": {
-      "import": "./dist/esm/components/DSComments.js",
-      "require": "./dist/cjs/components/DSComments.js"
+      "import": "./esm/components/DSComments.js",
+      "require": "./cjs/components/DSComments.js"
     },
     "./components/CommentCard": {
-      "import": "./dist/esm/components/CommentCard.js",
-      "require": "./dist/cjs/components/CommentCard.js"
+      "import": "./esm/components/CommentCard.js",
+      "require": "./cjs/components/CommentCard.js"
     },
     "./components/blocks": {
-      "import": "./dist/esm/components/blocks.js",
-      "require": "./dist/cjs/components/blocks.js"
+      "import": "./esm/components/blocks.js",
+      "require": "./cjs/components/blocks.js"
     }
   },
   "sideEffects": [
@@ -40,16 +37,22 @@
     "url": "https://git.elliemae.io/platform-ui/dimsum.git"
   },
   "engines": {
-    "pnpm": ">=6",
-    "node": ">=16"
+    "npm": ">=7",
+    "node": ">=14"
   },
   "author": "ICE MT",
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
+    "prebuild": "exit 0",
+    "predev": "exit 0",
+    "build": "node ../../scripts/build/build.js"
+  },
   "dependencies": {
-    "@elliemae/ds-button": "2.3.0-alpha.9",
-    "@elliemae/ds-classnames": "2.3.0-alpha.9",
-    "@elliemae/ds-dropdownmenu": "2.3.0-alpha.9",
-    "@elliemae/ds-icons": "2.3.0-alpha.9",
-    "@elliemae/ds-read-more": "2.3.0-alpha.9",
+    "@elliemae/ds-button": "2.3.0-next.3",
+    "@elliemae/ds-classnames": "2.3.0-next.3",
+    "@elliemae/ds-dropdownmenu": "2.3.0-next.3",
+    "@elliemae/ds-icons": "2.3.0-next.3",
+    "@elliemae/ds-read-more": "2.3.0-next.3",
     "moment": "~2.29.1",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3"
@@ -65,12 +68,7 @@
   },
   "publishConfig": {
     "access": "public",
-    "typeSafety": false
-  },
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
-    "prebuild": "exit 0",
-    "predev": "exit 0",
-    "build": "node ../../scripts/build/build.js"
+    "directory": "dist",
+    "generateSubmodules": true
   }
 }