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

package/esm/components/blocks.js

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

package/esm/components/helper.js

@@ -4,13 +4,12 @@ function getMaxSize() {
   return 113;
 }
 function getTime(date) {
-  var formatString = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'hh:mm a';
+  let formatString = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'hh:mm a';
   return moment(date).format(formatString);
 }
 function getDisplayDate(date) {
-  var formatString = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'MM/DD/YYYY';
+  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

package/esm/index.js

@@ -1,19 +1,8 @@
 import DSComments from './components/DSComments.js';
 export { DSCommentCardWithSchema } from './components/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 './components/blocks.js';
-import '@elliemae/ds-classnames';
-import './components/helper.js';
-import 'moment';
 
-var DSCommentCard = DSComments.DSCommentCard;
+const {
+  DSCommentCard
+} = DSComments;
 
 export { DSCommentCard, DSCommentCard as default };
-//# sourceMappingURL=index.js.map

package/package.json

@@ -1,14 +1,46 @@
 {
   "name": "@elliemae/ds-comments",
-  "version": "1.61.0",
+  "version": "2.0.0-alpha.12",
   "license": "MIT",
-  "description": "Ellie Mae - Dim Sum - Comments",
-  "main": "cjs/index.js",
-  "module": "esm/index.js",
+  "description": "ICE MT - Dimsum - Comments",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
+    },
+    "./components/helper": {
+      "import": "./esm/components/helper.js",
+      "require": "./cjs/components/helper.js"
+    },
+    "./components/DSComments": {
+      "import": "./esm/components/DSComments.js",
+      "require": "./cjs/components/DSComments.js"
+    },
+    "./components/CommentCard": {
+      "import": "./esm/components/CommentCard.js",
+      "require": "./cjs/components/CommentCard.js"
+    },
+    "./components/blocks": {
+      "import": "./esm/components/blocks.js",
+      "require": "./cjs/components/blocks.js"
+    }
+  },
   "sideEffects": [
     "*.css",
     "*.scss"
   ],
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+  },
+  "engines": {
+    "npm": ">=7",
+    "node": ">=14"
+  },
+  "author": "ICE MT",
   "scripts": {
     "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
     "prebuild": "exit 0",
@@ -16,21 +48,27 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-basic": "1.61.0",
-    "@elliemae/ds-classnames": "1.61.0",
-    "@elliemae/ds-dropdownmenu": "1.61.0",
-    "@elliemae/ds-icons": "1.61.0",
+    "@elliemae/ds-button": "2.0.0-alpha.12",
+    "@elliemae/ds-classnames": "2.0.0-alpha.12",
+    "@elliemae/ds-dropdownmenu": "2.0.0-alpha.12",
+    "@elliemae/ds-icons": "2.0.0-alpha.12",
+    "@elliemae/ds-read-more": "2.0.0-alpha.12",
     "moment": "~2.29.1",
     "prop-types": "~15.7.2",
-    "react-desc": "^4.1.2"
+    "react-desc": "~4.1.3"
+  },
+  "devDependencies": {
+    "styled-components": "~5.3.3"
   },
   "peerDependencies": {
-    "lodash": "^4.17.20",
-    "react": "~17.0.1",
-    "react-dom": "^17.0.1"
+    "lodash": "^4.17.21",
+    "react": "~17.0.2",
+    "react-dom": "^17.0.2",
+    "styled-components": "~5.3.3"
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist"
+    "directory": "dist",
+    "generateSubmodules": true
   }
 }

package/types/components/CommentCard.d.ts

@@ -0,0 +1,143 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
+/// <reference types="react" />
+declare const CommentCard: {
+    ({ containerProps, name, date, type, content, style, options, selection, customDropdownMenuProps, borderBottom, dateFormat, timeFormat, maxLines, }: {
+        containerProps?: {} | undefined;
+        name?: string | undefined;
+        date?: Date | undefined;
+        type?: string | undefined;
+        content?: string | undefined;
+        style?: {} | undefined;
+        options?: never[] | undefined;
+        selection?: {
+            'single-selection-internal-external': string[];
+        } | undefined;
+        customDropdownMenuProps?: {
+            focusOnOpen: boolean;
+        } | undefined;
+        borderBottom: any;
+        dateFormat?: string | undefined;
+        timeFormat?: string | undefined;
+        maxLines?: number | undefined;
+    }): JSX.Element;
+    propTypes: {
+        /** props to inject to comment card wrapper */
+        containerProps: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        /** form name */
+        name: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        /** style object */
+        style: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        /** date object */
+        date: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        /** comment type string */
+        type: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        /** comment content */
+        content: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        /** dropdown menu options */
+        options: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        /** dropdown selection */
+        selection: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        /** pass down props to dropdown */
+        customDropdownMenuProps: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        /** toggle border bottom for card */
+        borderBottom: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        /** moment Year, month, and day tokens https://momentjs.com/docs/#/parsing/string-format/ */
+        dateFormat: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        /** moment Hour, minute, second, millisecond, and offset tokens https://momentjs.com/docs/#/parsing/string-format/ */
+        timeFormat: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        /**
+         * Max lines
+         */
+        maxLines: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+    };
+};
+declare const DSCommentCardWithSchema: {
+    (props?: {
+        containerProps?: {} | undefined;
+        name?: string | undefined;
+        date?: Date | undefined;
+        type?: string | undefined;
+        content?: string | undefined;
+        style?: {} | undefined;
+        options?: never[] | undefined;
+        selection?: {
+            'single-selection-internal-external': string[];
+        } | undefined;
+        customDropdownMenuProps?: {
+            focusOnOpen: boolean;
+        } | undefined;
+        borderBottom: any;
+        dateFormat?: string | undefined;
+        timeFormat?: string | undefined;
+        maxLines?: number | undefined;
+    } | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+export default CommentCard;
+export { DSCommentCardWithSchema };

package/types/components/DSComments.d.ts

@@ -0,0 +1,108 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
+/// <reference types="react" />
+import { DSCommentCardWithSchema } from './CommentCard';
+declare const _default: {
+    DSCommentCard: {
+        ({ containerProps, name, date, type, content, style, options, selection, customDropdownMenuProps, borderBottom, dateFormat, timeFormat, maxLines, }: {
+            containerProps?: {} | undefined;
+            name?: string | undefined;
+            date?: Date | undefined;
+            type?: string | undefined;
+            content?: string | undefined;
+            style?: {} | undefined;
+            options?: never[] | undefined;
+            selection?: {
+                'single-selection-internal-external': string[];
+            } | undefined;
+            customDropdownMenuProps?: {
+                focusOnOpen: boolean;
+            } | undefined;
+            borderBottom: any;
+            dateFormat?: string | undefined;
+            timeFormat?: string | undefined;
+            maxLines?: number | undefined;
+        }): JSX.Element;
+        propTypes: {
+            containerProps: {
+                defaultValue<T = unknown>(arg: T): {
+                    deprecated: import("react-desc").PropTypesDescValidator;
+                };
+                isRequired: import("react-desc").PropTypesDescValidator;
+            };
+            name: {
+                defaultValue<T = unknown>(arg: T): {
+                    deprecated: import("react-desc").PropTypesDescValidator;
+                };
+                isRequired: import("react-desc").PropTypesDescValidator;
+            };
+            style: {
+                defaultValue<T = unknown>(arg: T): {
+                    deprecated: import("react-desc").PropTypesDescValidator;
+                };
+                isRequired: import("react-desc").PropTypesDescValidator;
+            };
+            date: {
+                defaultValue<T = unknown>(arg: T): {
+                    deprecated: import("react-desc").PropTypesDescValidator;
+                };
+                isRequired: import("react-desc").PropTypesDescValidator;
+            };
+            type: {
+                defaultValue<T = unknown>(arg: T): {
+                    deprecated: import("react-desc").PropTypesDescValidator;
+                };
+                isRequired: import("react-desc").PropTypesDescValidator;
+            };
+            content: {
+                defaultValue<T = unknown>(arg: T): {
+                    deprecated: import("react-desc").PropTypesDescValidator;
+                };
+                isRequired: import("react-desc").PropTypesDescValidator;
+            };
+            options: {
+                defaultValue<T = unknown>(arg: T): {
+                    deprecated: import("react-desc").PropTypesDescValidator;
+                };
+                isRequired: import("react-desc").PropTypesDescValidator;
+            };
+            selection: {
+                defaultValue<T = unknown>(arg: T): {
+                    deprecated: import("react-desc").PropTypesDescValidator;
+                };
+                isRequired: import("react-desc").PropTypesDescValidator;
+            };
+            customDropdownMenuProps: {
+                defaultValue<T = unknown>(arg: T): {
+                    deprecated: import("react-desc").PropTypesDescValidator;
+                };
+                isRequired: import("react-desc").PropTypesDescValidator;
+            };
+            borderBottom: {
+                defaultValue<T = unknown>(arg: T): {
+                    deprecated: import("react-desc").PropTypesDescValidator;
+                };
+                isRequired: import("react-desc").PropTypesDescValidator;
+            };
+            dateFormat: {
+                defaultValue<T = unknown>(arg: T): {
+                    deprecated: import("react-desc").PropTypesDescValidator;
+                };
+                isRequired: import("react-desc").PropTypesDescValidator;
+            };
+            timeFormat: {
+                defaultValue<T = unknown>(arg: T): {
+                    deprecated: import("react-desc").PropTypesDescValidator;
+                };
+                isRequired: import("react-desc").PropTypesDescValidator;
+            };
+            maxLines: {
+                defaultValue<T = unknown>(arg: T): {
+                    deprecated: import("react-desc").PropTypesDescValidator;
+                };
+                isRequired: import("react-desc").PropTypesDescValidator;
+            };
+        };
+    };
+};
+export default _default;
+export { DSCommentCardWithSchema };

package/types/components/blocks.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+export declare const WrapperArea: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+export declare const WrapperComments: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+export declare const WrapperCommentsScroll: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+export declare const Counter: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+export declare const SubmitWrapper: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+export declare const SubmitExternal: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+export declare const SubmitButton: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+export declare const CommentCardWrapper: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+export declare const CommentCardHeader: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+export declare const CommentCardContent: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+export declare const CommentCardLeft: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+export declare const CommentCardName: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+export declare const CommentCardData: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+export declare const CommentCardMenu: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+export declare const CommentEmptyWrapper: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+export declare const CommentEmptyIcon: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+export declare const CommentEmptyLabel: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;

package/types/components/helper.d.ts

@@ -0,0 +1,3 @@
+export declare function getMaxSize(): number;
+export declare function getTime(date: any, formatString?: string): string;
+export declare function getDisplayDate(date: any, formatString?: string): string;

package/types/index.d.ts

@@ -0,0 +1,106 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
+/// <reference types="react" />
+import { DSCommentCardWithSchema } from './components/DSComments';
+export declare const DSCommentCard: {
+    ({ containerProps, name, date, type, content, style, options, selection, customDropdownMenuProps, borderBottom, dateFormat, timeFormat, maxLines, }: {
+        containerProps?: {} | undefined;
+        name?: string | undefined;
+        date?: Date | undefined;
+        type?: string | undefined;
+        content?: string | undefined;
+        style?: {} | undefined;
+        options?: never[] | undefined;
+        selection?: {
+            'single-selection-internal-external': string[];
+        } | undefined;
+        customDropdownMenuProps?: {
+            focusOnOpen: boolean;
+        } | undefined;
+        borderBottom: any;
+        dateFormat?: string | undefined;
+        timeFormat?: string | undefined;
+        maxLines?: number | undefined;
+    }): JSX.Element;
+    propTypes: {
+        containerProps: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        name: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        style: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        date: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        type: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        content: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        options: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        selection: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        customDropdownMenuProps: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        borderBottom: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        dateFormat: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        timeFormat: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        maxLines: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+    };
+};
+export default DSCommentCard;
+export { DSCommentCardWithSchema };

package/cjs/components/CommentCard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CommentCard.js","sources":["../../../src/components/CommentCard.tsx"],"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>•</span>\n                {displayTime}\n              </>\n            )}\n            {type && (\n              <>\n                <span>•</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"],"names":["CommentCard","containerProps","name","date","Date","type","content","style","options","selection","customDropdownMenuProps","focusOnOpen","borderBottom","dateFormat","timeFormat","maxLines","ref","useRef","displayDate","getDisplayDate","displayTime","getTime","handleCloseMenu","useCallback","current","focus","React","CommentCardWrapper","CommentCardHeader","CommentCardLeft","CommentCardName","CommentCardData","length","CommentCardMenu","DSDropdownMenu","DSButton","MoreOptionsVert","CommentCardContent","DSReadMore","props","PropTypes","shape","id","string","description","object","instanceOf","arrayOf","bool","oneOf","number","propTypes","DSCommentCardWithSchema","describe"],"mappings":"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"}

package/cjs/components/DSComments.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DSComments.js","sources":["../../../src/components/DSComments.tsx"],"sourcesContent":["import DSCommentCard, { DSCommentCardWithSchema } from './CommentCard';\n\nexport default {\n  DSCommentCard,\n};\nexport { DSCommentCardWithSchema };\n"],"names":["DSCommentCard"],"mappings":";;;;;;;;;;;;;;;;;;AAEA,iBAAe;AACbA,EAAAA,aAAa,EAAbA;AADa,CAAf;;;;;"}