@elliemae/ds-comments 3.18.0-next.7 → 3.18.0-next.9

package/dist/esm/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/styled.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSCommentCardName, DSCommentCardSlots } from './config/DSCommentCardDefinitions.js';\n\nexport const CommentCardWrapper = styled('div', { name: DSCommentCardName, slot: DSCommentCardSlots.ROOT })<{\n  borderBot: boolean;\n}>`\n  min-height: 5.80923rem;\n  min-width: 18.80615rem;\n  margin-left: 1.84615rem;\n  margin-right: 1.84615rem;\n  width: auto;\n  border-radius: 2px;\n  &:focus {\n    outline: none;\n    position: relative;\n\n    &:after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      pointer-events: none;\n      border-radius: 2px;\n      border: 2px solid brand-700;\n    }\n  }\n  ${({ borderBot, theme }) => {\n    if (borderBot) {\n      return `\n        border-top: solid 0 ${theme.colors.neutral[100]};\n        border-bottom: solid 1px ${theme.colors.neutral[100]};\n        margin-bottom: 1.23077rem;\n      `;\n    }\n    return ``;\n  }}\n  ${xStyledCommonProps}\n`;\n\nexport const CommentCardHeader = styled('div', { name: DSCommentCardName, slot: DSCommentCardSlots.HEADER })<{\n  borderBottom: boolean;\n}>`\n  border-top: solid 1px neutral-100;\n  display: flex;\n  padding: 0.30769rem 0.30769rem 0.30769rem 0.61538rem;\n\n  ${({ borderBottom, theme }) => {\n    if (borderBottom) {\n      return `\n        border-top: solid 0 ${theme.colors.neutral[100]};\n      `;\n    }\n    return ``;\n  }}\n`;\n\nexport const CommentCardContent = styled('div', { name: DSCommentCardName, slot: DSCommentCardSlots.CONTENT })`\n  padding: 0 0.61538rem 0.61538rem 0.61538rem;\n  font-size: 1rem;\n  line-height: ${() => '1.3'};\n  color: neutral-500;\n  button {\n    display: inline-block;\n    height: auto;\n    padding-left: 0.61538rem;\n    padding-right: 0.61538rem;\n  }\n`;\n\nexport const CommentCardLeft = styled('div', { name: DSCommentCardName, slot: DSCommentCardSlots.LEFT })`\n  flex: 1;\n`;\n\nexport const CommentCardName = styled('div', { name: DSCommentCardName, slot: DSCommentCardSlots.NAME })`\n  font-size: 1.0769rem;\n  font-weight: 600;\n  color: neutral-700;\n  padding-bottom: 0.15385rem;\n`;\n\nexport const CommentCardData = styled('div', { name: DSCommentCardName, slot: DSCommentCardSlots.DATA })`\n  font-size: 0.923rem;\n  font-weight: 300;\n  color: neutral-500;\n  span {\n    padding: 0 0.30769rem;\n  }\n`;\n\nexport const CommentCardMenu = styled('div', { name: DSCommentCardName, slot: DSCommentCardSlots.MENU })``;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,0BAA0B;AAC3C,SAAS,mBAAmB,0BAA0B;AAE/C,MAAM,qBAAqB,OAAO,OAAO,EAAE,MAAM,mBAAmB,MAAM,mBAAmB,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAyBtG,CAAC,EAAE,WAAW,MAAM,MAAM;AAC1B,MAAI,WAAW;AACb,WAAO;AAAA,8BACiB,MAAM,OAAO,QAAQ,GAAG;AAAA,mCACnB,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA;AAAA,EAGvD;AACA,SAAO;AACT;AAAA,IACE;AAAA;AAGG,MAAM,oBAAoB,OAAO,OAAO,EAAE,MAAM,mBAAmB,MAAM,mBAAmB,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,IAOvG,CAAC,EAAE,cAAc,MAAM,MAAM;AAC7B,MAAI,cAAc;AAChB,WAAO;AAAA,8BACiB,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA,EAElD;AACA,SAAO;AACT;AAAA;AAGK,MAAM,qBAAqB,OAAO,OAAO,EAAE,MAAM,mBAAmB,MAAM,mBAAmB,QAAQ,CAAC;AAAA;AAAA;AAAA,iBAG5F,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUhB,MAAM,kBAAkB,OAAO,OAAO,EAAE,MAAM,mBAAmB,MAAM,mBAAmB,KAAK,CAAC;AAAA;AAAA;AAIhG,MAAM,kBAAkB,OAAO,OAAO,EAAE,MAAM,mBAAmB,MAAM,mBAAmB,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAOhG,MAAM,kBAAkB,OAAO,OAAO,EAAE,MAAM,mBAAmB,MAAM,mBAAmB,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAShG,MAAM,kBAAkB,OAAO,OAAO,EAAE,MAAM,mBAAmB,MAAM,mBAAmB,KAAK,CAAC;",
+  "names": []
+}

package/dist/types/DSCommentCard.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type DSCommentCardT } from './react-desc-prop-types.js';
+export declare const DSCommentCard: React.ComponentType<DSCommentCardT.Props>;
+export declare const DSCommentCardWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSCommentCardT.Props>;

package/dist/types/DeprecatedMenu.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+interface DeprecatedMenuProps {
+    getOwnerProps: () => object;
+    getOwnerPropsArguments: () => object;
+    options: unknown[];
+    selection: unknown;
+    customDropdownMenuProps: Record<string, unknown>;
+}
+export declare const DeprecatedMenu: React.ComponentType<DeprecatedMenuProps>;
+export {};

package/dist/types/config/DSCommentCardDefinitions.d.ts

@@ -0,0 +1,11 @@
+export declare const DSCommentCardName = "DSCommentCard";
+export declare const DSCommentCardSlots: {
+    ROOT: string;
+    HEADER: string;
+    CONTENT: string;
+    LEFT: string;
+    NAME: string;
+    DATA: string;
+    MENU: string;
+};
+export declare const DSCommentCardDataTestIds: Record<string, string>;

package/dist/types/config/useCommentCard.d.ts

@@ -0,0 +1,9 @@
+import { type DSCommentCardT } from '../react-desc-prop-types.js';
+export declare const useCommentCard: (props: DSCommentCardT.Props) => {
+    propsWithDefault: DSCommentCardT.InternalProps;
+    xstyledProps: import("@elliemae/ds-props-helpers").XstyledProps;
+    getOwnerProps: () => DSCommentCardT.InternalProps;
+    getOwnerPropsArguments: () => {};
+    displayDate: string | null;
+    displayTime: string | null;
+};

package/dist/types/helpers.d.ts

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

package/dist/types/index.d.ts

@@ -1,40 +1,4 @@
-import { DSCommentCardWithSchema } from './components/DSComments.js';
-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;
-    }): import("react/jsx-runtime.js").JSX.Element;
-    propTypes: {
-        containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-        name: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-        style: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-        date: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-        type: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-        content: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-        options: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-        selection: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-        customDropdownMenuProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-        borderBottom: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-        dateFormat: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-        timeFormat: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-        maxLines: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    };
-    displayName: string;
-};
+import { DSCommentCard } from './DSCommentCard.js';
+export { DSCommentCard, DSCommentCardWithSchema } from './DSCommentCard.js';
+export { DSCommentCardName, DSCommentCardSlots, DSCommentCardDataTestIds } from './config/DSCommentCardDefinitions.js';
 export default DSCommentCard;
-export { DSCommentCardWithSchema };

package/dist/types/react-desc-prop-types.d.ts

@@ -0,0 +1,33 @@
+import type { WeakValidationMap } from 'react';
+import type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';
+export declare namespace DSCommentCardT {
+    type PropsT<D, R, O, E> = Partial<D> & R & O & Omit<GlobalAttributesT<E>, keyof D | keyof R | keyof O> & Omit<XstyledProps, keyof D | keyof R | keyof O>;
+    type InternalPropsT<D, R, O, E> = D & R & O & Omit<GlobalAttributesT<E>, keyof D | keyof R | keyof O> & Omit<XstyledProps, keyof D | keyof R | keyof O>;
+    export interface DefaultProps {
+        containerProps: React.HTMLAttributes<HTMLDivElement>;
+        name: string;
+        date: Date;
+        type: string;
+        content: string;
+        style: React.CSSProperties;
+        options: unknown[];
+        selection: unknown;
+        customDropdownMenuProps: Record<string, unknown>;
+        borderBottom: boolean;
+        dateFormat: string;
+        timeFormat: string;
+        maxLines: number;
+    }
+    export interface OptionalProps {
+        Menu?: React.ComponentType;
+        menuProps?: object;
+    }
+    export interface RequiredProps {
+    }
+    export type Props = PropsT<DefaultProps, RequiredProps, OptionalProps, HTMLDivElement>;
+    export type InternalProps = InternalPropsT<DefaultProps, RequiredProps, OptionalProps, HTMLDivElement>;
+    export {};
+}
+export declare const defaultProps: DSCommentCardT.DefaultProps;
+export declare const DSCommentCardPropTypes: DSPropTypesSchema<DSCommentCardT.Props>;
+export declare const DSCommentCardPropTypesSchema: WeakValidationMap<DSCommentCardT.Props>;

package/dist/types/styled.d.ts

@@ -0,0 +1,11 @@
+export declare const CommentCardWrapper: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, {
+    borderBot: boolean;
+} & import("@elliemae/ds-system").OwnerInterface, never>;
+export declare const CommentCardHeader: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, {
+    borderBottom: boolean;
+} & import("@elliemae/ds-system").OwnerInterface, never>;
+export declare const CommentCardContent: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface, never>;
+export declare const CommentCardLeft: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface, never>;
+export declare const CommentCardName: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface, never>;
+export declare const CommentCardData: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface, never>;
+export declare const CommentCardMenu: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface, never>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-comments",
-  "version": "3.18.0-next.7",
+  "version": "3.18.0-next.9",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Comments",
   "files": [
@@ -52,17 +52,19 @@
   },
   "dependencies": {
     "moment": "~2.29.4",
-    "@elliemae/ds-button": "3.18.0-next.7",
-    "@elliemae/ds-classnames": "3.18.0-next.7",
-    "@elliemae/ds-dropdownmenu": "3.18.0-next.7",
-    "@elliemae/ds-icons": "3.18.0-next.7",
-    "@elliemae/ds-props-helpers": "3.18.0-next.7",
-    "@elliemae/ds-read-more": "3.18.0-next.7"
+    "@elliemae/ds-button-v2": "3.18.0-next.9",
+    "@elliemae/ds-icons": "3.18.0-next.9",
+    "@elliemae/ds-dropdownmenu": "3.18.0-next.9",
+    "@elliemae/ds-props-helpers": "3.18.0-next.9",
+    "@elliemae/ds-read-more": "3.18.0-next.9",
+    "@elliemae/ds-system": "3.18.0-next.9"
   },
   "devDependencies": {
     "styled-components": "~5.3.9"
   },
   "peerDependencies": {
+    "@xstyled/system": "~3.7.3",
+    "@xstyled/util": "~3.7.0",
     "lodash": "^4.17.21",
     "react": "~17.0.2",
     "react-dom": "^17.0.2",

package/dist/cjs/components/CommentCard.js

@@ -1,163 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var CommentCard_exports = {};
-__export(CommentCard_exports, {
-  DSCommentCardWithSchema: () => DSCommentCardWithSchema,
-  default: () => CommentCard_default
-});
-module.exports = __toCommonJS(CommentCard_exports);
-var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_ds_button = __toESM(require("@elliemae/ds-button"));
-var import_ds_read_more = require("@elliemae/ds-read-more");
-var import_ds_dropdownmenu = __toESM(require("@elliemae/ds-dropdownmenu"));
-var import_ds_icons = require("@elliemae/ds-icons");
-var import_blocks = require("./blocks.js");
-var import_helper = require("./helper.js");
-const CommentCard = ({
-  containerProps = {},
-  name = "",
-  date = /* @__PURE__ */ new Date(),
-  type = "",
-  content = "",
-  style = {},
-  options = [],
-  selection = { "single-selection-internal-external": ["set-as-internal"] },
-  customDropdownMenuProps = {
-    focusOnOpen: true
-  },
-  borderBottom,
-  dateFormat = "MM/DD/YYYY",
-  timeFormat = "hh:mm a",
-  maxLines = 2
-}) => {
-  const ref = (0, import_react.useRef)();
-  const displayDate = date ? (0, import_helper.getDisplayDate)(date, dateFormat) : null;
-  const displayTime = date ? (0, import_helper.getTime)(date, timeFormat) : null;
-  const handleCloseMenu = (0, import_react.useCallback)(() => {
-    ref.current.focus();
-  }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    import_blocks.CommentCardWrapper,
-    {
-      classProps: { borderBottom },
-      tabIndex: 0,
-      ...containerProps,
-      style: { ...style, ...containerProps.style || {} },
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_blocks.CommentCardHeader, { classProps: { borderBottom }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_blocks.CommentCardLeft, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_blocks.CommentCardName, { children: name }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_blocks.CommentCardData, { children: [
-              displayDate,
-              displayTime && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "\u2022" }),
-                displayTime
-              ] }),
-              type && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "\u2022" }),
-                type
-              ] })
-            ] })
-          ] }),
-          options && options.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_blocks.CommentCardMenu, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_ds_dropdownmenu.default,
-            {
-              ...customDropdownMenuProps,
-              onClose: handleCloseMenu,
-              options,
-              selection,
-              triggerComponent: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.default, { buttonType: "text", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.MoreOptionsVert, {}), innerRef: ref }),
-              zIndex: 11
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_blocks.CommentCardContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_ds_read_more.DSReadMore,
-          {
-            lines: maxLines,
-            content: `${content} `,
-            more: "MORE",
-            less: "LESS",
-            buttonType: "text",
-            size: "m",
-            ellipsis: "... "
-          }
-        ) }) })
-      ]
-    }
-  );
-};
-const props = {
-  /** props to inject to comment card wrapper */
-  containerProps: import_ds_props_helpers.PropTypes.shape({
-    id: import_ds_props_helpers.PropTypes.string,
-    "data-testid": import_ds_props_helpers.PropTypes.string
-  }).description("props to inject to comment card wrapper"),
-  /** form name */
-  name: import_ds_props_helpers.PropTypes.string.description("form name"),
-  /** style object */
-  style: import_ds_props_helpers.PropTypes.object.description(" style object "),
-  /** date object */
-  date: import_ds_props_helpers.PropTypes.instanceOf(Date).description("date object"),
-  /** comment type string */
-  type: import_ds_props_helpers.PropTypes.string.description("comment type string"),
-  /** comment content */
-  content: import_ds_props_helpers.PropTypes.string.description("comment content"),
-  /** dropdown menu options */
-  options: import_ds_props_helpers.PropTypes.arrayOf(import_ds_props_helpers.PropTypes.object).description("dropdown menu options"),
-  /** dropdown selection */
-  selection: import_ds_props_helpers.PropTypes.object.description("dropdown selection"),
-  /** pass down props to dropdown */
-  customDropdownMenuProps: import_ds_props_helpers.PropTypes.shape({
-    focusOnOpen: import_ds_props_helpers.PropTypes.bool
-  }).description("pass down props to dropdown"),
-  /** toggle border bottom for card */
-  borderBottom: import_ds_props_helpers.PropTypes.bool.description("toggle border bottom for card"),
-  /** moment Year, month, and day tokens https://momentjs.com/docs/#/parsing/string-format/ */
-  dateFormat: import_ds_props_helpers.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: import_ds_props_helpers.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: import_ds_props_helpers.PropTypes.number.description("Max lines")
-};
-CommentCard.propTypes = props;
-CommentCard.displayName = "CommentCard";
-const DSCommentCardWithSchema = (0, import_ds_props_helpers.describe)(CommentCard);
-DSCommentCardWithSchema.propTypes = props;
-var CommentCard_default = CommentCard;
-//# sourceMappingURL=CommentCard.js.map

package/dist/cjs/components/CommentCard.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/CommentCard.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport React, { useCallback, useRef } from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\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.js';\nimport { getTime, getDisplayDate } from './helper.js';\n\nconst CommentCard = ({\n  containerProps = {},\n  name = '',\n  date = new Date(),\n  type = '',\n  content = '',\n  style = {},\n  options = [],\n  selection = { 'single-selection-internal-external': ['set-as-internal'] },\n  customDropdownMenuProps = {\n    focusOnOpen: true,\n  },\n  borderBottom,\n  dateFormat = 'MM/DD/YYYY',\n  timeFormat = 'hh:mm a',\n  maxLines = 2,\n}) => {\n  const ref = useRef();\n  const displayDate = date ? getDisplayDate(date, dateFormat) : null;\n  const displayTime = date ? getTime(date, timeFormat) : null;\n\n  const handleCloseMenu = useCallback(() => {\n    ref.current.focus();\n  }, []);\n\n  return (\n    <CommentCardWrapper\n      classProps={{ borderBottom }}\n      tabIndex={0}\n      {...containerProps}\n      style={{ ...style, ...(containerProps.style || {}) }}\n    >\n      <CommentCardHeader classProps={{ borderBottom }}>\n        <CommentCardLeft>\n          <CommentCardName>{name}</CommentCardName>\n          <CommentCardData>\n            {displayDate}\n            {displayTime && (\n              <>\n                <span>\u2022</span>\n                {displayTime}\n              </>\n            )}\n            {type && (\n              <>\n                <span>\u2022</span>\n                {type}\n              </>\n            )}\n          </CommentCardData>\n        </CommentCardLeft>\n        {options && options.length > 0 && (\n          <CommentCardMenu>\n            <DSDropdownMenu\n              {...customDropdownMenuProps}\n              onClose={handleCloseMenu}\n              options={options}\n              selection={selection}\n              triggerComponent={<DSButton buttonType=\"text\" icon={<MoreOptionsVert />} innerRef={ref} />}\n              zIndex={11} // https://jira.elliemae.io/browse/PUI-1664\n            />\n          </CommentCardMenu>\n        )}\n      </CommentCardHeader>\n      <CommentCardContent>\n        <div>\n          <DSReadMore\n            lines={maxLines}\n            content={`${content} `}\n            more=\"MORE\"\n            less=\"LESS\"\n            buttonType=\"text\"\n            size=\"m\"\n            ellipsis=\"... \"\n          />\n        </div>\n      </CommentCardContent>\n    </CommentCardWrapper>\n  );\n};\n\nconst props = {\n  /** props to inject to comment card wrapper */\n  containerProps: PropTypes.shape({\n    id: PropTypes.string,\n    'data-testid': PropTypes.string,\n  }).description('props to inject to comment card wrapper'),\n  /** form name */\n  name: PropTypes.string.description('form name'),\n  /** style object */\n  style: PropTypes.object.description(' style object '),\n  /** date object */\n  date: PropTypes.instanceOf(Date).description('date object'),\n  /** comment type string */\n  type: PropTypes.string.description('comment type string'),\n  /** comment content */\n  content: PropTypes.string.description('comment content'),\n  /** dropdown menu options */\n  options: PropTypes.arrayOf(PropTypes.object).description('dropdown menu options'),\n  /** dropdown selection */\n  selection: PropTypes.object.description('dropdown selection'),\n  /** pass down props to dropdown */\n  customDropdownMenuProps: PropTypes.shape({\n    focusOnOpen: PropTypes.bool,\n  }).description('pass down props to dropdown'),\n  /** toggle border bottom for card */\n  borderBottom: PropTypes.bool.description('toggle border bottom for card'),\n  /** moment Year, month, and day tokens https://momentjs.com/docs/#/parsing/string-format/ */\n  dateFormat: PropTypes.oneOf(['MM/DD/YYYY', 'MM DD YYYY']).description(\n    'moment Year, month, and day tokens https://momentjs.com/docs/#/parsing/string-format/',\n  ),\n  /** moment Hour, minute, second, millisecond, and offset tokens https://momentjs.com/docs/#/parsing/string-format/ */\n  timeFormat: PropTypes.oneOf(['hh:mm a', 'HH:mm']).description(\n    'moment Hour, minute, second, millisecond, and offset tokens https://momentjs.com/docs/#/parsing/string-format/',\n  ),\n  /**\n   * Max lines\n   */\n  maxLines: PropTypes.number.description('Max lines'),\n};\n\nCommentCard.propTypes = props;\nCommentCard.displayName = 'CommentCard';\nconst DSCommentCardWithSchema = describe(CommentCard);\nDSCommentCardWithSchema.propTypes = props;\n\nexport default CommentCard;\nexport { DSCommentCardWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
-  "names": ["DSDropdownMenu", "DSButton"]
-}

package/dist/cjs/components/DSComments.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/DSComments.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import DSCommentCard, { DSCommentCardWithSchema } from './CommentCard.js';\n\nexport default {\n  DSCommentCard,\n};\nexport { DSCommentCardWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,yBAAuD;AAEvD,IAAO,qBAAQ;AAAA,EACb,kCAAAA;AACF;",
-  "names": ["DSCommentCard"]
-}

package/dist/cjs/components/blocks.js

@@ -1,80 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var blocks_exports = {};
-__export(blocks_exports, {
-  CommentCardContent: () => CommentCardContent,
-  CommentCardData: () => CommentCardData,
-  CommentCardHeader: () => CommentCardHeader,
-  CommentCardLeft: () => CommentCardLeft,
-  CommentCardMenu: () => CommentCardMenu,
-  CommentCardName: () => CommentCardName,
-  CommentCardWrapper: () => CommentCardWrapper,
-  CommentEmptyIcon: () => CommentEmptyIcon,
-  CommentEmptyLabel: () => CommentEmptyLabel,
-  CommentEmptyWrapper: () => CommentEmptyWrapper,
-  Counter: () => Counter,
-  SubmitButton: () => SubmitButton,
-  SubmitExternal: () => SubmitExternal,
-  SubmitWrapper: () => SubmitWrapper,
-  WrapperArea: () => WrapperArea,
-  WrapperComments: () => WrapperComments,
-  WrapperCommentsScroll: () => WrapperCommentsScroll
-});
-module.exports = __toCommonJS(blocks_exports);
-var React = __toESM(require("react"));
-var import_ds_classnames = require("@elliemae/ds-classnames");
-const blockName = "comments";
-const WrapperArea = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "area", () => ({}));
-const WrapperComments = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "comments", ({ hasScroll }) => ({
-  hasScroll,
-  "not-scroll": !hasScroll
-}));
-const WrapperCommentsScroll = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "comments-scroll", ({ hasScroll }) => ({
-  hasScroll,
-  "not-scroll": !hasScroll
-}));
-const Counter = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "counter", () => ({}));
-const SubmitWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "submit-wrapper", () => ({}));
-const SubmitExternal = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "submit-external", () => ({}));
-const SubmitButton = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "submit-btn", () => ({}));
-const CommentCardWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "comment-card-wrapper", ({ borderBottom }) => ({
-  borderBottom
-}));
-const CommentCardHeader = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "comment-card-header", ({ borderBottom }) => ({
-  borderBottom
-}));
-const CommentCardContent = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "comment-card-content", () => ({}));
-const CommentCardLeft = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "comment-card-left", () => ({}));
-const CommentCardName = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "comment-card-name", () => ({}));
-const CommentCardData = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "comment-card-data", () => ({}));
-const CommentCardMenu = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "comment-card-menu", () => ({}));
-const CommentEmptyWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "comment-empty", () => ({}));
-const CommentEmptyIcon = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "comment-empty-icon", () => ({}));
-const CommentEmptyLabel = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "comment-empty-label", () => ({}));
-//# sourceMappingURL=blocks.js.map

package/dist/cjs/components/blocks.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/blocks.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'comments';\n\nexport const WrapperArea = aggregatedClasses('div')(blockName, 'area', () => ({}));\n\nexport const WrapperComments = aggregatedClasses('div')(blockName, 'comments', ({ hasScroll }) => ({\n  hasScroll,\n  'not-scroll': !hasScroll,\n}));\n\nexport const WrapperCommentsScroll = aggregatedClasses('div')(blockName, 'comments-scroll', ({ hasScroll }) => ({\n  hasScroll,\n  'not-scroll': !hasScroll,\n}));\n\nexport const Counter = aggregatedClasses('div')(blockName, 'counter', () => ({}));\n\nexport const SubmitWrapper = aggregatedClasses('div')(blockName, 'submit-wrapper', () => ({}));\n\nexport const SubmitExternal = aggregatedClasses('div')(blockName, 'submit-external', () => ({}));\n\nexport const SubmitButton = aggregatedClasses('div')(blockName, 'submit-btn', () => ({}));\n\nexport const CommentCardWrapper = aggregatedClasses('div')(blockName, 'comment-card-wrapper', ({ borderBottom }) => ({\n  borderBottom,\n}));\n\nexport const CommentCardHeader = aggregatedClasses('div')(blockName, 'comment-card-header', ({ borderBottom }) => ({\n  borderBottom,\n}));\n\nexport const CommentCardContent = aggregatedClasses('div')(blockName, 'comment-card-content', () => ({}));\n\nexport const CommentCardLeft = aggregatedClasses('div')(blockName, 'comment-card-left', () => ({}));\n\nexport const CommentCardName = aggregatedClasses('div')(blockName, 'comment-card-name', () => ({}));\n\nexport const CommentCardData = aggregatedClasses('div')(blockName, 'comment-card-data', () => ({}));\n\nexport const CommentCardMenu = aggregatedClasses('div')(blockName, 'comment-card-menu', () => ({}));\n\nexport const CommentEmptyWrapper = aggregatedClasses('div')(blockName, 'comment-empty', () => ({}));\n\nexport const CommentEmptyIcon = aggregatedClasses('div')(blockName, 'comment-empty-icon', () => ({}));\n\nexport const CommentEmptyLabel = aggregatedClasses('div')(blockName, 'comment-empty-label', () => ({}));\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,2BAAkC;AAElC,MAAM,YAAY;AAEX,MAAM,kBAAc,wCAAkB,KAAK,EAAE,WAAW,QAAQ,OAAO,CAAC,EAAE;AAE1E,MAAM,sBAAkB,wCAAkB,KAAK,EAAE,WAAW,YAAY,CAAC,EAAE,UAAU,OAAO;AAAA,EACjG;AAAA,EACA,cAAc,CAAC;AACjB,EAAE;AAEK,MAAM,4BAAwB,wCAAkB,KAAK,EAAE,WAAW,mBAAmB,CAAC,EAAE,UAAU,OAAO;AAAA,EAC9G;AAAA,EACA,cAAc,CAAC;AACjB,EAAE;AAEK,MAAM,cAAU,wCAAkB,KAAK,EAAE,WAAW,WAAW,OAAO,CAAC,EAAE;AAEzE,MAAM,oBAAgB,wCAAkB,KAAK,EAAE,WAAW,kBAAkB,OAAO,CAAC,EAAE;AAEtF,MAAM,qBAAiB,wCAAkB,KAAK,EAAE,WAAW,mBAAmB,OAAO,CAAC,EAAE;AAExF,MAAM,mBAAe,wCAAkB,KAAK,EAAE,WAAW,cAAc,OAAO,CAAC,EAAE;AAEjF,MAAM,yBAAqB,wCAAkB,KAAK,EAAE,WAAW,wBAAwB,CAAC,EAAE,aAAa,OAAO;AAAA,EACnH;AACF,EAAE;AAEK,MAAM,wBAAoB,wCAAkB,KAAK,EAAE,WAAW,uBAAuB,CAAC,EAAE,aAAa,OAAO;AAAA,EACjH;AACF,EAAE;AAEK,MAAM,yBAAqB,wCAAkB,KAAK,EAAE,WAAW,wBAAwB,OAAO,CAAC,EAAE;AAEjG,MAAM,sBAAkB,wCAAkB,KAAK,EAAE,WAAW,qBAAqB,OAAO,CAAC,EAAE;AAE3F,MAAM,sBAAkB,wCAAkB,KAAK,EAAE,WAAW,qBAAqB,OAAO,CAAC,EAAE;AAE3F,MAAM,sBAAkB,wCAAkB,KAAK,EAAE,WAAW,qBAAqB,OAAO,CAAC,EAAE;AAE3F,MAAM,sBAAkB,wCAAkB,KAAK,EAAE,WAAW,qBAAqB,OAAO,CAAC,EAAE;AAE3F,MAAM,0BAAsB,wCAAkB,KAAK,EAAE,WAAW,iBAAiB,OAAO,CAAC,EAAE;AAE3F,MAAM,uBAAmB,wCAAkB,KAAK,EAAE,WAAW,sBAAsB,OAAO,CAAC,EAAE;AAE7F,MAAM,wBAAoB,wCAAkB,KAAK,EAAE,WAAW,uBAAuB,OAAO,CAAC,EAAE;",
-  "names": []
-}

package/dist/cjs/components/helper.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/helper.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import moment from 'moment';\n\nexport function getMaxSize() {\n  return 113;\n}\nexport function getTime(date, formatString = 'hh:mm a') {\n  return moment(date).format(formatString);\n}\nexport function getDisplayDate(date, formatString = 'MM/DD/YYYY') {\n  return moment(date).format(formatString);\n}\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,oBAAmB;AAEZ,SAAS,aAAa;AAC3B,SAAO;AACT;AACO,SAAS,QAAQ,MAAM,eAAe,WAAW;AACtD,aAAO,cAAAA,SAAO,IAAI,EAAE,OAAO,YAAY;AACzC;AACO,SAAS,eAAe,MAAM,eAAe,cAAc;AAChE,aAAO,cAAAA,SAAO,IAAI,EAAE,OAAO,YAAY;AACzC;",
-  "names": ["moment"]
-}

package/dist/esm/components/CommentCard.js

@@ -1,141 +0,0 @@
-import * as React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useCallback, useRef } from "react";
-import { PropTypes, describe } from "@elliemae/ds-props-helpers";
-import DSButton from "@elliemae/ds-button";
-import { DSReadMore } from "@elliemae/ds-read-more";
-import DSDropdownMenu from "@elliemae/ds-dropdownmenu";
-import { MoreOptionsVert } from "@elliemae/ds-icons";
-import {
-  CommentCardWrapper,
-  CommentCardHeader,
-  CommentCardContent,
-  CommentCardName,
-  CommentCardData,
-  CommentCardMenu,
-  CommentCardLeft
-} from "./blocks.js";
-import { getTime, getDisplayDate } from "./helper.js";
-const CommentCard = ({
-  containerProps = {},
-  name = "",
-  date = /* @__PURE__ */ new Date(),
-  type = "",
-  content = "",
-  style = {},
-  options = [],
-  selection = { "single-selection-internal-external": ["set-as-internal"] },
-  customDropdownMenuProps = {
-    focusOnOpen: true
-  },
-  borderBottom,
-  dateFormat = "MM/DD/YYYY",
-  timeFormat = "hh:mm a",
-  maxLines = 2
-}) => {
-  const ref = 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,
-    {
-      classProps: { borderBottom },
-      tabIndex: 0,
-      ...containerProps,
-      style: { ...style, ...containerProps.style || {} },
-      children: [
-        /* @__PURE__ */ jsxs(CommentCardHeader, { classProps: { borderBottom }, children: [
-          /* @__PURE__ */ jsxs(CommentCardLeft, { children: [
-            /* @__PURE__ */ jsx(CommentCardName, { children: name }),
-            /* @__PURE__ */ jsxs(CommentCardData, { children: [
-              displayDate,
-              displayTime && /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx("span", { children: "\u2022" }),
-                displayTime
-              ] }),
-              type && /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx("span", { children: "\u2022" }),
-                type
-              ] })
-            ] })
-          ] }),
-          options && options.length > 0 && /* @__PURE__ */ jsx(CommentCardMenu, { children: /* @__PURE__ */ jsx(
-            DSDropdownMenu,
-            {
-              ...customDropdownMenuProps,
-              onClose: handleCloseMenu,
-              options,
-              selection,
-              triggerComponent: /* @__PURE__ */ jsx(DSButton, { buttonType: "text", icon: /* @__PURE__ */ jsx(MoreOptionsVert, {}), innerRef: ref }),
-              zIndex: 11
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ jsx(CommentCardContent, { children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-          DSReadMore,
-          {
-            lines: maxLines,
-            content: `${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")
-};
-CommentCard.propTypes = props;
-CommentCard.displayName = "CommentCard";
-const DSCommentCardWithSchema = describe(CommentCard);
-DSCommentCardWithSchema.propTypes = props;
-var CommentCard_default = CommentCard;
-export {
-  DSCommentCardWithSchema,
-  CommentCard_default as default
-};
-//# sourceMappingURL=CommentCard.js.map