@elliemae/ds-comments 3.80.0-next.52 → 3.80.0-next.53

package/dist/cjs/DSCommentCard.js

@@ -37,10 +37,9 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_ds_read_more = require("@elliemae/ds-read-more");
 var import_styled = require("./styled.js");
-var import_DSCommentCardDefinitions = require("./config/DSCommentCardDefinitions.js");
+var import_constants = require("./constants/index.js");
 var import_useCommentCard = require("./config/useCommentCard.js");
 var import_react_desc_prop_types = require("./react-desc-prop-types.js");
-var import_DeprecatedMenu = require("./DeprecatedMenu.js");
 var import_utils = require("./utils.js");
 const DSCommentCard = (props) => {
   const {
@@ -52,9 +51,6 @@ const DSCommentCard = (props) => {
       style,
       borderBottom,
       maxLines,
-      options,
-      selection,
-      customDropdownMenuProps,
       Menu,
       menuProps,
       innerRef,
@@ -97,7 +93,7 @@ const DSCommentCard = (props) => {
                     displayDate,
                     displayTime,
                     type,
-                    withMenu: options && options.length > 0 || Boolean(Menu),
+                    withMenu: Boolean(Menu),
                     content
                   }),
                   className: "em-ds-comments__comment-card-left",
@@ -136,16 +132,6 @@ const DSCommentCard = (props) => {
                   ]
                 }
               ),
-              options && options.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                import_DeprecatedMenu.DeprecatedMenu,
-                {
-                  getOwnerProps,
-                  getOwnerPropsArguments,
-                  options,
-                  selection,
-                  customDropdownMenuProps
-                }
-              ),
               Menu && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.CommentCardMenu, { getOwnerProps, getOwnerPropsArguments, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Menu, { ...menuProps }) })
             ]
           }
@@ -173,7 +159,7 @@ const DSCommentCard = (props) => {
     }
   );
 };
-DSCommentCard.displayName = import_DSCommentCardDefinitions.DSCommentCardName;
+DSCommentCard.displayName = import_constants.DSCommentCardName;
 const DSCommentCardWithSchema = (0, import_ds_props_helpers.describe)(DSCommentCard);
 DSCommentCardWithSchema.propTypes = import_react_desc_prop_types.DSCommentCardPropTypesSchema;
 //# sourceMappingURL=DSCommentCard.js.map

package/dist/cjs/DSCommentCard.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/DSCommentCard.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable complexity */\nimport React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { DSReadMore } from '@elliemae/ds-read-more';\nimport {\n  CommentCardWrapper,\n  CommentCardHeader,\n  CommentCardContent,\n  CommentCardName,\n  CommentCardData,\n  CommentCardMenu,\n  CommentCardLeft,\n} from './styled.js';\nimport { DSCommentCardName } from './config/DSCommentCardDefinitions.js';\nimport { useCommentCard } from './config/useCommentCard.js';\nimport { DSCommentCardPropTypesSchema, type DSCommentCardT } from './react-desc-prop-types.js';\nimport { DeprecatedMenu } from './DeprecatedMenu.js';\nimport { buildAriaLabel } from './utils.js';\n\nexport const DSCommentCard: React.ComponentType<DSCommentCardT.Props> = (props) => {\n  const {\n    propsWithDefault: {\n      containerProps,\n      name,\n      type,\n      content,\n      style,\n      borderBottom,\n      maxLines,\n      options,\n      selection,\n      customDropdownMenuProps,\n      Menu,\n      menuProps,\n      innerRef,\n      focusableRef,\n      readMoreProps,\n    },\n    xstyledProps,\n    getOwnerProps,\n    getOwnerPropsArguments,\n    displayDate,\n    displayTime,\n  } = useCommentCard(props);\n\n  return (\n    <CommentCardWrapper\n      className={`em-ds-comments__comment-card-wrapper em-ds-comments__comment-card-wrapper--default${\n        borderBottom ? 'em-ds-comments__comment-card-wrapper--borderBottom' : ''\n      }`}\n      borderBot={borderBottom}\n      role=\"listitem\"\n      {...containerProps}\n      {...xstyledProps}\n      style={{ ...style, ...(containerProps.style || {}) }}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n      innerRef={innerRef}\n    >\n      <CommentCardHeader\n        className={`em-ds-comments__comment-card-header em-ds-comments__comment-card-header--default${\n          borderBottom ? 'em-ds-comments__comment-card-header--borderBottom' : ''\n        }`}\n        borderBottom={borderBottom}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        <CommentCardLeft\n          tabIndex={0}\n          aria-label={buildAriaLabel({\n            name,\n            displayDate,\n            displayTime,\n            type,\n            withMenu: (options && options.length > 0) || Boolean(Menu),\n            content,\n          })}\n          className=\"em-ds-comments__comment-card-left\"\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n          innerRef={focusableRef}\n        >\n          <CommentCardName\n            className=\"em-ds-comments__comment-card-name\"\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          >\n            {name}\n          </CommentCardName>\n          <CommentCardData\n            className=\"em-ds-comments__comment-card-data\"\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          >\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          <DeprecatedMenu\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n            options={options}\n            selection={selection}\n            customDropdownMenuProps={customDropdownMenuProps}\n          />\n        )}\n        {Menu && (\n          <CommentCardMenu getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n            <Menu {...menuProps} />\n          </CommentCardMenu>\n        )}\n      </CommentCardHeader>\n      <CommentCardContent\n        className=\"em-ds-comments__comment-card-content\"\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        <DSReadMore\n          lines={maxLines}\n          content={`${content} `}\n          more=\"MORE\"\n          less=\"LESS\"\n          ellipsis=\"... \"\n          {...readMoreProps}\n        />\n      </CommentCardContent>\n    </CommentCardWrapper>\n  );\n};\n\nDSCommentCard.displayName = DSCommentCardName;\nexport const DSCommentCardWithSchema = describe(DSCommentCard);\nDSCommentCardWithSchema.propTypes = DSCommentCardPropTypesSchema;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkFb;AAhFV,8BAAyB;AACzB,0BAA2B;AAC3B,oBAQO;AACP,sCAAkC;AAClC,4BAA+B;AAC/B,mCAAkE;AAClE,4BAA+B;AAC/B,mBAA+B;AAExB,MAAM,gBAA2D,CAAC,UAAU;AACjF,QAAM;AAAA,IACJ,kBAAkB;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,sCAAe,KAAK;AAExB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,qFACT,eAAe,uDAAuD,EACxE;AAAA,MACA,WAAW;AAAA,MACX,MAAK;AAAA,MACJ,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,OAAO,EAAE,GAAG,OAAO,GAAI,eAAe,SAAS,CAAC,EAAG;AAAA,MACnD;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,mFACT,eAAe,sDAAsD,EACvE;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YAEA;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,UAAU;AAAA,kBACV,kBAAY,6BAAe;AAAA,oBACzB;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA,UAAW,WAAW,QAAQ,SAAS,KAAM,QAAQ,IAAI;AAAA,oBACzD;AAAA,kBACF,CAAC;AAAA,kBACD,WAAU;AAAA,kBACV;AAAA,kBACA;AAAA,kBACA,UAAU;AAAA,kBAEV;AAAA;AAAA,sBAAC;AAAA;AAAA,wBACC,WAAU;AAAA,wBACV;AAAA,wBACA;AAAA,wBAEC;AAAA;AAAA,oBACH;AAAA,oBACA;AAAA,sBAAC;AAAA;AAAA,wBACC,WAAU;AAAA,wBACV;AAAA,wBACA;AAAA,wBAEC;AAAA;AAAA,0BACA,eACC,4EACE;AAAA,wEAAC,UAAK,oBAAC;AAAA,4BACN;AAAA,6BACH;AAAA,0BAED,QACC,4EACE;AAAA,wEAAC,UAAK,oBAAC;AAAA,4BACN;AAAA,6BACH;AAAA;AAAA;AAAA,oBAEJ;AAAA;AAAA;AAAA,cACF;AAAA,cACC,WAAW,QAAQ,SAAS,KAC3B;AAAA,gBAAC;AAAA;AAAA,kBACC;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA;AAAA,cACF;AAAA,cAED,QACC,4CAAC,iCAAgB,eAA8B,wBAC7C,sDAAC,QAAM,GAAG,WAAW,GACvB;AAAA;AAAA;AAAA,QAEJ;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV;AAAA,YACA;AAAA,YAEA;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO;AAAA,gBACP,SAAS,GAAG,OAAO;AAAA,gBACnB,MAAK;AAAA,gBACL,MAAK;AAAA,gBACL,UAAS;AAAA,gBACR,GAAG;AAAA;AAAA,YACN;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,cAAc,cAAc;AACrB,MAAM,8BAA0B,kCAAS,aAAa;AAC7D,wBAAwB,YAAY;",
+  "sourcesContent": ["/* eslint-disable complexity */\nimport React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { DSReadMore } from '@elliemae/ds-read-more';\nimport {\n  CommentCardWrapper,\n  CommentCardHeader,\n  CommentCardContent,\n  CommentCardName,\n  CommentCardData,\n  CommentCardMenu,\n  CommentCardLeft,\n} from './styled.js';\nimport { DSCommentCardName } from './constants/index.js';\nimport { useCommentCard } from './config/useCommentCard.js';\nimport { DSCommentCardPropTypesSchema, type DSCommentCardT } from './react-desc-prop-types.js';\nimport { buildAriaLabel } from './utils.js';\n\nexport const DSCommentCard: React.ComponentType<DSCommentCardT.Props> = (props) => {\n  const {\n    propsWithDefault: {\n      containerProps,\n      name,\n      type,\n      content,\n      style,\n      borderBottom,\n      maxLines,\n      Menu,\n      menuProps,\n      innerRef,\n      focusableRef,\n      readMoreProps,\n    },\n    xstyledProps,\n    getOwnerProps,\n    getOwnerPropsArguments,\n    displayDate,\n    displayTime,\n  } = useCommentCard(props);\n\n  return (\n    <CommentCardWrapper\n      className={`em-ds-comments__comment-card-wrapper em-ds-comments__comment-card-wrapper--default${\n        borderBottom ? 'em-ds-comments__comment-card-wrapper--borderBottom' : ''\n      }`}\n      borderBot={borderBottom}\n      role=\"listitem\"\n      {...containerProps}\n      {...xstyledProps}\n      style={{ ...style, ...(containerProps.style || {}) }}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n      innerRef={innerRef}\n    >\n      <CommentCardHeader\n        className={`em-ds-comments__comment-card-header em-ds-comments__comment-card-header--default${\n          borderBottom ? 'em-ds-comments__comment-card-header--borderBottom' : ''\n        }`}\n        borderBottom={borderBottom}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        <CommentCardLeft\n          tabIndex={0}\n          aria-label={buildAriaLabel({\n            name,\n            displayDate,\n            displayTime,\n            type,\n            withMenu: Boolean(Menu),\n            content,\n          })}\n          className=\"em-ds-comments__comment-card-left\"\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n          innerRef={focusableRef}\n        >\n          <CommentCardName\n            className=\"em-ds-comments__comment-card-name\"\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          >\n            {name}\n          </CommentCardName>\n          <CommentCardData\n            className=\"em-ds-comments__comment-card-data\"\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          >\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        {Menu && (\n          <CommentCardMenu getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n            <Menu {...menuProps} />\n          </CommentCardMenu>\n        )}\n      </CommentCardHeader>\n      <CommentCardContent\n        className=\"em-ds-comments__comment-card-content\"\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        <DSReadMore\n          lines={maxLines}\n          content={`${content} `}\n          more=\"MORE\"\n          less=\"LESS\"\n          ellipsis=\"... \"\n          {...readMoreProps}\n        />\n      </CommentCardContent>\n    </CommentCardWrapper>\n  );\n};\n\nDSCommentCard.displayName = DSCommentCardName;\nexport const DSCommentCardWithSchema = describe(DSCommentCard);\nDSCommentCardWithSchema.propTypes = DSCommentCardPropTypesSchema;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD8Eb;AA5EV,8BAAyB;AACzB,0BAA2B;AAC3B,oBAQO;AACP,uBAAkC;AAClC,4BAA+B;AAC/B,mCAAkE;AAClE,mBAA+B;AAExB,MAAM,gBAA2D,CAAC,UAAU;AACjF,QAAM;AAAA,IACJ,kBAAkB;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,sCAAe,KAAK;AAExB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,qFACT,eAAe,uDAAuD,EACxE;AAAA,MACA,WAAW;AAAA,MACX,MAAK;AAAA,MACJ,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,OAAO,EAAE,GAAG,OAAO,GAAI,eAAe,SAAS,CAAC,EAAG;AAAA,MACnD;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,mFACT,eAAe,sDAAsD,EACvE;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YAEA;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,UAAU;AAAA,kBACV,kBAAY,6BAAe;AAAA,oBACzB;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA,UAAU,QAAQ,IAAI;AAAA,oBACtB;AAAA,kBACF,CAAC;AAAA,kBACD,WAAU;AAAA,kBACV;AAAA,kBACA;AAAA,kBACA,UAAU;AAAA,kBAEV;AAAA;AAAA,sBAAC;AAAA;AAAA,wBACC,WAAU;AAAA,wBACV;AAAA,wBACA;AAAA,wBAEC;AAAA;AAAA,oBACH;AAAA,oBACA;AAAA,sBAAC;AAAA;AAAA,wBACC,WAAU;AAAA,wBACV;AAAA,wBACA;AAAA,wBAEC;AAAA;AAAA,0BACA,eACC,4EACE;AAAA,wEAAC,UAAK,oBAAC;AAAA,4BACN;AAAA,6BACH;AAAA,0BAED,QACC,4EACE;AAAA,wEAAC,UAAK,oBAAC;AAAA,4BACN;AAAA,6BACH;AAAA;AAAA;AAAA,oBAEJ;AAAA;AAAA;AAAA,cACF;AAAA,cACC,QACC,4CAAC,iCAAgB,eAA8B,wBAC7C,sDAAC,QAAM,GAAG,WAAW,GACvB;AAAA;AAAA;AAAA,QAEJ;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV;AAAA,YACA;AAAA,YAEA;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO;AAAA,gBACP,SAAS,GAAG,OAAO;AAAA,gBACnB,MAAK;AAAA,gBACL,MAAK;AAAA,gBACL,UAAS;AAAA,gBACR,GAAG;AAAA;AAAA,YACN;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,cAAc,cAAc;AACrB,MAAM,8BAA0B,kCAAS,aAAa;AAC7D,wBAAwB,YAAY;",
   "names": []
 }

package/dist/cjs/{config/DSCommentCardDefinitions.js → constants/index.js}

@@ -26,17 +26,19 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var DSCommentCardDefinitions_exports = {};
-__export(DSCommentCardDefinitions_exports, {
+var constants_exports = {};
+__export(constants_exports, {
+  COMMENT_CARD_DATA_TESTID: () => COMMENT_CARD_DATA_TESTID,
+  COMMENT_CARD_SLOTS: () => COMMENT_CARD_SLOTS,
   DSCommentCardDataTestIds: () => DSCommentCardDataTestIds,
   DSCommentCardName: () => DSCommentCardName,
   DSCommentCardSlots: () => DSCommentCardSlots
 });
-module.exports = __toCommonJS(DSCommentCardDefinitions_exports);
+module.exports = __toCommonJS(constants_exports);
 var React = __toESM(require("react"));
 var import_ds_system = require("@elliemae/ds-system");
 const DSCommentCardName = "DSCommentcard";
-const DSCommentCardSlots = {
+const COMMENT_CARD_SLOTS = {
   ROOT: "root",
   HEADER: "header",
   CONTENT: "content",
@@ -45,5 +47,7 @@ const DSCommentCardSlots = {
   DATA: "data",
   MENU_WRAPPER: "menu-wrapper"
 };
-const DSCommentCardDataTestIds = (0, import_ds_system.slotObjectToDataTestIds)(DSCommentCardName, DSCommentCardSlots);
-//# sourceMappingURL=DSCommentCardDefinitions.js.map
+const COMMENT_CARD_DATA_TESTID = (0, import_ds_system.slotObjectToDataTestIds)(DSCommentCardName, COMMENT_CARD_SLOTS);
+const DSCommentCardSlots = COMMENT_CARD_SLOTS;
+const DSCommentCardDataTestIds = COMMENT_CARD_DATA_TESTID;
+//# sourceMappingURL=index.js.map

package/dist/cjs/constants/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/constants/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSCommentCardName = 'DSCommentcard';\n\n// we are naming this with the ${component_name}_slots convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const COMMENT_CARD_SLOTS = {\n  ROOT: 'root',\n  HEADER: 'header',\n  CONTENT: 'content',\n  LEFT: 'left',\n  NAME: 'name',\n  DATA: 'data',\n  MENU_WRAPPER: 'menu-wrapper',\n} as const;\n\n// we are naming this with the ${component_name}_data_testid convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const COMMENT_CARD_DATA_TESTID = slotObjectToDataTestIds(DSCommentCardName, COMMENT_CARD_SLOTS);\n\n// legacy pre-compliance names \u2014 public exports consumers may already import, kept as a mirror of the compliant ones above\nexport const DSCommentCardSlots = COMMENT_CARD_SLOTS;\nexport const DSCommentCardDataTestIds = COMMENT_CARD_DATA_TESTID;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AAEjC,MAAM,oBAAoB;AAG1B,MAAM,qBAAqB;AAAA,EAChC,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,cAAc;AAChB;AAGO,MAAM,+BAA2B,0CAAwB,mBAAmB,kBAAkB;AAG9F,MAAM,qBAAqB;AAC3B,MAAM,2BAA2B;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -28,17 +28,16 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var index_exports = {};
 __export(index_exports, {
-  DSCommentCard: () => import_DSCommentCard2.DSCommentCard,
-  DSCommentCardDataTestIds: () => import_DSCommentCardDefinitions.DSCommentCardDataTestIds,
-  DSCommentCardName: () => import_DSCommentCardDefinitions.DSCommentCardName,
-  DSCommentCardSlots: () => import_DSCommentCardDefinitions.DSCommentCardSlots,
-  DSCommentCardWithSchema: () => import_DSCommentCard2.DSCommentCardWithSchema,
-  default: () => index_default
+  COMMENT_CARD_DATA_TESTID: () => import_constants.COMMENT_CARD_DATA_TESTID,
+  COMMENT_CARD_SLOTS: () => import_constants.COMMENT_CARD_SLOTS,
+  DSCommentCard: () => import_DSCommentCard.DSCommentCard,
+  DSCommentCardDataTestIds: () => import_constants.DSCommentCardDataTestIds,
+  DSCommentCardName: () => import_constants.DSCommentCardName,
+  DSCommentCardSlots: () => import_constants.DSCommentCardSlots,
+  DSCommentCardWithSchema: () => import_DSCommentCard.DSCommentCardWithSchema
 });
 module.exports = __toCommonJS(index_exports);
 var React = __toESM(require("react"));
 var import_DSCommentCard = require("./DSCommentCard.js");
-var import_DSCommentCard2 = require("./DSCommentCard.js");
-var import_DSCommentCardDefinitions = require("./config/DSCommentCardDefinitions.js");
-var index_default = import_DSCommentCard.DSCommentCard;
+var import_constants = require("./constants/index.js");
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../src/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["// Workaround for TS2742\nimport type {} from '@xstyled/system';\nimport type {} from '@xstyled/util';\n\nimport { DSCommentCard } from './DSCommentCard.js';\nexport { type DSCommentCardT } from './react-desc-prop-types.js';\nexport { DSCommentCard, DSCommentCardWithSchema } from './DSCommentCard.js';\nexport { DSCommentCardName, DSCommentCardSlots, DSCommentCardDataTestIds } from './config/DSCommentCardDefinitions.js';\nexport default DSCommentCard;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIvB,2BAA8B;AAE9B,IAAAA,wBAAuD;AACvD,sCAAgF;AAChF,IAAO,gBAAQ;",
-  "names": ["import_DSCommentCard"]
+  "sources": ["../../src/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["// Workaround for TS2742\nimport type {} from '@xstyled/system';\nimport type {} from '@xstyled/util';\n\nexport { type DSCommentCardT } from './react-desc-prop-types.js';\nexport { DSCommentCard, DSCommentCardWithSchema } from './DSCommentCard.js';\nexport {\n  DSCommentCardName,\n  COMMENT_CARD_SLOTS,\n  COMMENT_CARD_DATA_TESTID,\n  // legacy pre-compliance names, mirror of the two above\n  DSCommentCardSlots,\n  DSCommentCardDataTestIds,\n} from './constants/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADKvB,2BAAuD;AACvD,uBAOO;",
+  "names": []
 }

package/dist/cjs/react-desc-prop-types.js

@@ -35,7 +35,7 @@ __export(react_desc_prop_types_exports, {
 module.exports = __toCommonJS(react_desc_prop_types_exports);
 var React = __toESM(require("react"));
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_DSCommentCardDefinitions = require("./config/DSCommentCardDefinitions.js");
+var import_constants = require("./constants/index.js");
 const defaultProps = {
   containerProps: {},
   name: "",
@@ -43,18 +43,13 @@ const defaultProps = {
   type: "",
   content: "",
   style: {},
-  options: [],
-  selection: { "single-selection-internal-external": ["set-as-internal"] },
-  customDropdownMenuProps: {
-    focusOnOpen: true
-  },
   borderBottom: false,
   dateFormat: "MM/DD/YYYY",
   timeFormat: "hh:mm a",
   maxLines: 2
 };
 const DSCommentCardPropTypes = {
-  ...(0, import_ds_props_helpers.getPropsPerSlotPropTypes)(import_DSCommentCardDefinitions.DSCommentCardName, import_DSCommentCardDefinitions.DSCommentCardSlots),
+  ...(0, import_ds_props_helpers.getPropsPerSlotPropTypes)(import_constants.DSCommentCardName, import_constants.COMMENT_CARD_SLOTS),
   ...import_ds_props_helpers.globalAttributesPropTypes,
   ...import_ds_props_helpers.xstyledPropTypes,
   /** props to inject to comment card wrapper */
@@ -72,14 +67,6 @@ const DSCommentCardPropTypes = {
   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").deprecated({ version: "4.x", message: "use Menu and menuProps instead" }),
-  /** dropdown selection */
-  selection: import_ds_props_helpers.PropTypes.object.description("dropdown selection").deprecated({ version: "4.x", message: "use Menu and menuProps instead" }),
-  /** 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").deprecated({ version: "4.x", message: "use Menu and menuProps instead" }),
   /** 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/ */

package/dist/cjs/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/react-desc-prop-types.ts", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import {\n  globalAttributesPropTypes,\n  getPropsPerSlotPropTypes,\n  PropTypes,\n  xstyledPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport type { WeakValidationMap } from 'react';\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { DSReadMoreT } from '@elliemae/ds-read-more';\nimport { DSCommentCardName, DSCommentCardSlots } from './config/DSCommentCardDefinitions.js';\n\nexport namespace DSCommentCardT {\n  type PropsT<D, R, O, E> = Partial<D> &\n    R &\n    O &\n    Omit<GlobalAttributesT<E>, keyof D | keyof R | keyof O> &\n    Omit<XstyledProps, keyof D | keyof R | keyof O>;\n  type InternalPropsT<D, R, O, E> = D &\n    R &\n    O &\n    Omit<GlobalAttributesT<E>, keyof D | keyof R | keyof O> &\n    Omit<XstyledProps, keyof D | keyof R | keyof O>;\n\n  export interface DefaultProps {\n    containerProps: React.HTMLAttributes<HTMLDivElement>;\n    name: string;\n    date: Date;\n    type: string;\n    content: string;\n    style: React.CSSProperties;\n    options: unknown[];\n    selection: unknown;\n    customDropdownMenuProps: Record<string, unknown>;\n    borderBottom: boolean;\n    dateFormat: string;\n    timeFormat: string;\n    maxLines: number;\n  }\n\n  export interface OptionalProps {\n    Menu?: React.ComponentType;\n    menuProps?: object;\n    innerRef?: React.MutableRefObject<HTMLDivElement | null> | ((instance: HTMLElement | null) => void);\n    focusableRef?: React.MutableRefObject<HTMLDivElement | null> | ((instance: HTMLElement | null) => void);\n    readMoreProps?: DSReadMoreT.Props;\n  }\n\n  export interface RequiredProps {}\n\n  export type Props = PropsT<DefaultProps, RequiredProps, OptionalProps, HTMLDivElement> &\n    TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSCommentCardName, typeof DSCommentCardSlots>;\n\n  export type InternalProps = InternalPropsT<DefaultProps, RequiredProps, OptionalProps, HTMLDivElement> &\n    TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSCommentCardName, typeof DSCommentCardSlots>;\n}\n\nexport const defaultProps: DSCommentCardT.DefaultProps = {\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: false,\n  dateFormat: 'MM/DD/YYYY',\n  timeFormat: 'hh:mm a',\n  maxLines: 2,\n};\n\nexport const DSCommentCardPropTypes: DSPropTypesSchema<DSCommentCardT.Props> = {\n  ...getPropsPerSlotPropTypes(DSCommentCardName, DSCommentCardSlots),\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\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)\n    .description('dropdown menu options')\n    .deprecated({ version: '4.x', message: 'use Menu and menuProps instead' }),\n  /** dropdown selection */\n  selection: PropTypes.object\n    .description('dropdown selection')\n    .deprecated({ version: '4.x', message: 'use Menu and menuProps instead' }),\n  /** pass down props to dropdown */\n  customDropdownMenuProps: PropTypes.shape({\n    focusOnOpen: PropTypes.bool,\n  })\n    .description('pass down props to dropdown')\n    .deprecated({ version: '4.x', message: 'use Menu and menuProps instead' }),\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  Menu: PropTypes.func.description('Menu component'),\n  menuProps: PropTypes.object.description('Props that will be received by the Menu component'),\n  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description(\n    'Inner ref to the Comment Card component',\n  ),\n  focusableRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func])\n    .description('Ref to the focusable part of the component')\n    .deprecated({ version: '4.x', message: 'use global attribute prop instead' }),\n  readMoreProps: PropTypes.object.description('Props passed to the DSReadMore component'),\n};\n\nexport const DSCommentCardPropTypesSchema =\n  DSCommentCardPropTypes as unknown as WeakValidationMap<DSCommentCardT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAKO;AAKP,sCAAsD;AA+C/C,MAAM,eAA4C;AAAA,EACvD,gBAAgB,CAAC;AAAA,EACjB,MAAM;AAAA,EACN,MAAM,oBAAI,KAAK;AAAA,EACf,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO,CAAC;AAAA,EACR,SAAS,CAAC;AAAA,EACV,WAAW,EAAE,sCAAsC,CAAC,iBAAiB,EAAE;AAAA,EACvE,yBAAyB;AAAA,IACvB,aAAa;AAAA,EACf;AAAA,EACA,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,UAAU;AACZ;AAEO,MAAM,yBAAkE;AAAA,EAC7E,OAAG,kDAAyB,mDAAmB,kDAAkB;AAAA,EACjE,GAAG;AAAA,EACH,GAAG;AAAA;AAAA,EAEH,gBAAgB,kCAAU,MAAM;AAAA,IAC9B,IAAI,kCAAU;AAAA,IACd,eAAe,kCAAU;AAAA,EAC3B,CAAC,EAAE,YAAY,yCAAyC;AAAA;AAAA,EAExD,MAAM,kCAAU,OAAO,YAAY,WAAW;AAAA;AAAA,EAE9C,OAAO,kCAAU,OAAO,YAAY,gBAAgB;AAAA;AAAA,EAEpD,MAAM,kCAAU,WAAW,IAAI,EAAE,YAAY,aAAa;AAAA;AAAA,EAE1D,MAAM,kCAAU,OAAO,YAAY,qBAAqB;AAAA;AAAA,EAExD,SAAS,kCAAU,OAAO,YAAY,iBAAiB;AAAA;AAAA,EAEvD,SAAS,kCAAU,QAAQ,kCAAU,MAAM,EACxC,YAAY,uBAAuB,EACnC,WAAW,EAAE,SAAS,OAAO,SAAS,iCAAiC,CAAC;AAAA;AAAA,EAE3E,WAAW,kCAAU,OAClB,YAAY,oBAAoB,EAChC,WAAW,EAAE,SAAS,OAAO,SAAS,iCAAiC,CAAC;AAAA;AAAA,EAE3E,yBAAyB,kCAAU,MAAM;AAAA,IACvC,aAAa,kCAAU;AAAA,EACzB,CAAC,EACE,YAAY,6BAA6B,EACzC,WAAW,EAAE,SAAS,OAAO,SAAS,iCAAiC,CAAC;AAAA;AAAA,EAE3E,cAAc,kCAAU,KAAK,YAAY,+BAA+B;AAAA;AAAA,EAExE,YAAY,kCAAU,MAAM,CAAC,cAAc,YAAY,CAAC,EAAE;AAAA,IACxD;AAAA,EACF;AAAA;AAAA,EAEA,YAAY,kCAAU,MAAM,CAAC,WAAW,OAAO,CAAC,EAAE;AAAA,IAChD;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAIA,UAAU,kCAAU,OAAO,YAAY,WAAW;AAAA,EAClD,MAAM,kCAAU,KAAK,YAAY,gBAAgB;AAAA,EACjD,WAAW,kCAAU,OAAO,YAAY,mDAAmD;AAAA,EAC3F,UAAU,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,IAAI,CAAC,EAAE;AAAA,IAChE;AAAA,EACF;AAAA,EACA,cAAc,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,IAAI,CAAC,EACjE,YAAY,4CAA4C,EACxD,WAAW,EAAE,SAAS,OAAO,SAAS,oCAAoC,CAAC;AAAA,EAC9E,eAAe,kCAAU,OAAO,YAAY,0CAA0C;AACxF;AAEO,MAAM,+BACX;",
+  "sourcesContent": ["import {\n  globalAttributesPropTypes,\n  getPropsPerSlotPropTypes,\n  PropTypes,\n  xstyledPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport type { WeakValidationMap } from 'react';\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { DSReadMoreT } from '@elliemae/ds-read-more';\nimport { DSCommentCardName, COMMENT_CARD_SLOTS } from './constants/index.js';\n\nexport declare namespace DSCommentCardT {\n  type PropsT<D, R, O, E> = Partial<D> &\n    R &\n    O &\n    Omit<GlobalAttributesT<E>, keyof D | keyof R | keyof O> &\n    Omit<XstyledProps, keyof D | keyof R | keyof O>;\n  type InternalPropsT<D, R, O, E> = D &\n    R &\n    O &\n    Omit<GlobalAttributesT<E>, keyof D | keyof R | keyof O> &\n    Omit<XstyledProps, keyof D | keyof R | keyof O>;\n\n  export interface DefaultProps {\n    containerProps: React.HTMLAttributes<HTMLDivElement>;\n    name: string;\n    date: Date;\n    type: string;\n    content: string;\n    style: React.CSSProperties;\n    borderBottom: boolean;\n    dateFormat: string;\n    timeFormat: string;\n    maxLines: number;\n  }\n\n  export type SlotFunctionArguments = {\n    dsCommentcardRoot: () => object;\n    dsCommentcardHeader: () => object;\n    dsCommentcardContent: () => object;\n    dsCommentcardLeft: () => object;\n    dsCommentcardName: () => object;\n    dsCommentcardData: () => object;\n    dsCommentcardMenuWrapper: () => object;\n  };\n\n  export interface OptionalProps extends TypescriptHelpersT.PropsForGlobalOnSlots<\n    typeof DSCommentCardName,\n    typeof COMMENT_CARD_SLOTS\n  > {\n    Menu?: React.ComponentType;\n    menuProps?: object;\n    innerRef?: React.MutableRefObject<HTMLDivElement | null> | ((instance: HTMLElement | null) => void);\n    focusableRef?: React.MutableRefObject<HTMLDivElement | null> | ((instance: HTMLElement | null) => void);\n    readMoreProps?: DSReadMoreT.Props;\n  }\n\n  export interface RequiredProps {}\n\n  export type Props = PropsT<DefaultProps, RequiredProps, OptionalProps, HTMLDivElement>;\n\n  export type InternalProps = InternalPropsT<DefaultProps, RequiredProps, OptionalProps, HTMLDivElement>;\n}\n\nexport const defaultProps: DSCommentCardT.DefaultProps = {\n  containerProps: {},\n  name: '',\n  date: new Date(),\n  type: '',\n  content: '',\n  style: {},\n  borderBottom: false,\n  dateFormat: 'MM/DD/YYYY',\n  timeFormat: 'hh:mm a',\n  maxLines: 2,\n};\n\nexport const DSCommentCardPropTypes: DSPropTypesSchema<DSCommentCardT.Props> = {\n  ...getPropsPerSlotPropTypes(DSCommentCardName, COMMENT_CARD_SLOTS),\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\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  /** 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  Menu: PropTypes.func.description('Menu component'),\n  menuProps: PropTypes.object.description('Props that will be received by the Menu component'),\n  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description(\n    'Inner ref to the Comment Card component',\n  ),\n  focusableRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func])\n    .description('Ref to the focusable part of the component')\n    .deprecated({ version: '4.x', message: 'use global attribute prop instead' }),\n  readMoreProps: PropTypes.object.description('Props passed to the DSReadMore component'),\n};\n\nexport const DSCommentCardPropTypesSchema =\n  DSCommentCardPropTypes as unknown as WeakValidationMap<DSCommentCardT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAKO;AAKP,uBAAsD;AAuD/C,MAAM,eAA4C;AAAA,EACvD,gBAAgB,CAAC;AAAA,EACjB,MAAM;AAAA,EACN,MAAM,oBAAI,KAAK;AAAA,EACf,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO,CAAC;AAAA,EACR,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,UAAU;AACZ;AAEO,MAAM,yBAAkE;AAAA,EAC7E,OAAG,kDAAyB,oCAAmB,mCAAkB;AAAA,EACjE,GAAG;AAAA,EACH,GAAG;AAAA;AAAA,EAEH,gBAAgB,kCAAU,MAAM;AAAA,IAC9B,IAAI,kCAAU;AAAA,IACd,eAAe,kCAAU;AAAA,EAC3B,CAAC,EAAE,YAAY,yCAAyC;AAAA;AAAA,EAExD,MAAM,kCAAU,OAAO,YAAY,WAAW;AAAA;AAAA,EAE9C,OAAO,kCAAU,OAAO,YAAY,gBAAgB;AAAA;AAAA,EAEpD,MAAM,kCAAU,WAAW,IAAI,EAAE,YAAY,aAAa;AAAA;AAAA,EAE1D,MAAM,kCAAU,OAAO,YAAY,qBAAqB;AAAA;AAAA,EAExD,SAAS,kCAAU,OAAO,YAAY,iBAAiB;AAAA;AAAA,EAEvD,cAAc,kCAAU,KAAK,YAAY,+BAA+B;AAAA;AAAA,EAExE,YAAY,kCAAU,MAAM,CAAC,cAAc,YAAY,CAAC,EAAE;AAAA,IACxD;AAAA,EACF;AAAA;AAAA,EAEA,YAAY,kCAAU,MAAM,CAAC,WAAW,OAAO,CAAC,EAAE;AAAA,IAChD;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAIA,UAAU,kCAAU,OAAO,YAAY,WAAW;AAAA,EAClD,MAAM,kCAAU,KAAK,YAAY,gBAAgB;AAAA,EACjD,WAAW,kCAAU,OAAO,YAAY,mDAAmD;AAAA,EAC3F,UAAU,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,IAAI,CAAC,EAAE;AAAA,IAChE;AAAA,EACF;AAAA,EACA,cAAc,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,IAAI,CAAC,EACjE,YAAY,4CAA4C,EACxD,WAAW,EAAE,SAAS,OAAO,SAAS,oCAAoC,CAAC;AAAA,EAC9E,eAAe,kCAAU,OAAO,YAAY,0CAA0C;AACxF;AAEO,MAAM,+BACX;",
   "names": []
 }

package/dist/cjs/styled.js

@@ -39,8 +39,8 @@ __export(styled_exports, {
 module.exports = __toCommonJS(styled_exports);
 var React = __toESM(require("react"));
 var import_ds_system = require("@elliemae/ds-system");
-var import_DSCommentCardDefinitions = require("./config/DSCommentCardDefinitions.js");
-const CommentCardWrapper = (0, import_ds_system.styled)("div", { name: import_DSCommentCardDefinitions.DSCommentCardName, slot: import_DSCommentCardDefinitions.DSCommentCardSlots.ROOT })`
+var import_constants = require("./constants/index.js");
+const CommentCardWrapper = (0, import_ds_system.styled)("div", { name: import_constants.DSCommentCardName, slot: import_constants.COMMENT_CARD_SLOTS.ROOT })`
   min-height: 5.80923rem;
   min-width: 18.80615rem;
   margin-left: 1.84615rem;
@@ -60,7 +60,7 @@ const CommentCardWrapper = (0, import_ds_system.styled)("div", { name: import_DS
 }}
   ${import_ds_system.xStyledCommonProps}
 `;
-const CommentCardHeader = (0, import_ds_system.styled)("div", { name: import_DSCommentCardDefinitions.DSCommentCardName, slot: import_DSCommentCardDefinitions.DSCommentCardSlots.HEADER })`
+const CommentCardHeader = (0, import_ds_system.styled)("div", { name: import_constants.DSCommentCardName, slot: import_constants.COMMENT_CARD_SLOTS.HEADER })`
   border-top: solid 1px neutral-100;
   display: flex;
   padding: 0.30769rem 0.30769rem 0.30769rem 0.61538rem;
@@ -74,7 +74,7 @@ const CommentCardHeader = (0, import_ds_system.styled)("div", { name: import_DSC
   return ``;
 }}
 `;
-const CommentCardContent = (0, import_ds_system.styled)("div", { name: import_DSCommentCardDefinitions.DSCommentCardName, slot: import_DSCommentCardDefinitions.DSCommentCardSlots.CONTENT })`
+const CommentCardContent = (0, import_ds_system.styled)("div", { name: import_constants.DSCommentCardName, slot: import_constants.COMMENT_CARD_SLOTS.CONTENT })`
   padding: 0 0.61538rem 0.61538rem 0.61538rem;
   font-size: 1rem;
   line-height: ${() => "1.3"};
@@ -86,7 +86,7 @@ const CommentCardContent = (0, import_ds_system.styled)("div", { name: import_DS
     padding-right: 0.61538rem;
   }
 `;
-const CommentCardLeft = (0, import_ds_system.styled)("div", { name: import_DSCommentCardDefinitions.DSCommentCardName, slot: import_DSCommentCardDefinitions.DSCommentCardSlots.LEFT })`
+const CommentCardLeft = (0, import_ds_system.styled)("div", { name: import_constants.DSCommentCardName, slot: import_constants.COMMENT_CARD_SLOTS.LEFT })`
   flex: 1;
   &:focus {
     outline: none;
@@ -104,13 +104,13 @@ const CommentCardLeft = (0, import_ds_system.styled)("div", { name: import_DSCom
     }
   }
 `;
-const CommentCardName = (0, import_ds_system.styled)("div", { name: import_DSCommentCardDefinitions.DSCommentCardName, slot: import_DSCommentCardDefinitions.DSCommentCardSlots.NAME })`
+const CommentCardName = (0, import_ds_system.styled)("div", { name: import_constants.DSCommentCardName, slot: import_constants.COMMENT_CARD_SLOTS.NAME })`
   font-size: 1.0769rem;
   font-weight: 600;
   color: neutral-700;
   padding-bottom: 0.15385rem;
 `;
-const CommentCardData = (0, import_ds_system.styled)("div", { name: import_DSCommentCardDefinitions.DSCommentCardName, slot: import_DSCommentCardDefinitions.DSCommentCardSlots.DATA })`
+const CommentCardData = (0, import_ds_system.styled)("div", { name: import_constants.DSCommentCardName, slot: import_constants.COMMENT_CARD_SLOTS.DATA })`
   font-size: 0.923rem;
   font-weight: 300;
   color: neutral-500;
@@ -118,5 +118,5 @@ const CommentCardData = (0, import_ds_system.styled)("div", { name: import_DSCom
     padding: 0 0.30769rem;
   }
 `;
-const CommentCardMenu = (0, import_ds_system.styled)("div", { name: import_DSCommentCardDefinitions.DSCommentCardName, slot: import_DSCommentCardDefinitions.DSCommentCardSlots.MENU_WRAPPER })``;
+const CommentCardMenu = (0, import_ds_system.styled)("div", { name: import_constants.DSCommentCardName, slot: import_constants.COMMENT_CARD_SLOTS.MENU_WRAPPER })``;
 //# sourceMappingURL=styled.js.map

package/dist/cjs/styled.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/styled.ts", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["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  position: relative;\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  &:focus {\n    outline: none;\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`;\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_WRAPPER })``;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA2C;AAC3C,sCAAsD;AAE/C,MAAM,yBAAqB,yBAAO,OAAO,EAAE,MAAM,mDAAmB,MAAM,mDAAmB,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAUtG,CAAC,EAAE,WAAW,MAAM,MAAM;AAC1B,MAAI,WAAW;AACb,WAAO;AAAA,8BACiB,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA,mCACpB,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAAA;AAAA,EAGxD;AACA,SAAO;AACT,CAAC;AAAA,IACC,mCAAkB;AAAA;AAGf,MAAM,wBAAoB,yBAAO,OAAO,EAAE,MAAM,mDAAmB,MAAM,mDAAmB,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,IAOvG,CAAC,EAAE,cAAc,MAAM,MAAM;AAC7B,MAAI,cAAc;AAChB,WAAO;AAAA,8BACiB,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAAA,EAEnD;AACA,SAAO;AACT,CAAC;AAAA;AAGI,MAAM,yBAAqB,yBAAO,OAAO,EAAE,MAAM,mDAAmB,MAAM,mDAAmB,QAAQ,CAAC;AAAA;AAAA;AAAA,iBAG5F,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUrB,MAAM,sBAAkB,yBAAO,OAAO,EAAE,MAAM,mDAAmB,MAAM,mDAAmB,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBhG,MAAM,sBAAkB,yBAAO,OAAO,EAAE,MAAM,mDAAmB,MAAM,mDAAmB,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAOhG,MAAM,sBAAkB,yBAAO,OAAO,EAAE,MAAM,mDAAmB,MAAM,mDAAmB,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAShG,MAAM,sBAAkB,yBAAO,OAAO,EAAE,MAAM,mDAAmB,MAAM,mDAAmB,aAAa,CAAC;",
+  "sourcesContent": ["import { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSCommentCardName, COMMENT_CARD_SLOTS } from './constants/index.js';\n\nexport const CommentCardWrapper = styled('div', { name: DSCommentCardName, slot: COMMENT_CARD_SLOTS.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  position: relative;\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: COMMENT_CARD_SLOTS.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: COMMENT_CARD_SLOTS.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: COMMENT_CARD_SLOTS.LEFT })`\n  flex: 1;\n  &:focus {\n    outline: none;\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`;\n\nexport const CommentCardName = styled('div', { name: DSCommentCardName, slot: COMMENT_CARD_SLOTS.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: COMMENT_CARD_SLOTS.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: COMMENT_CARD_SLOTS.MENU_WRAPPER })``;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA2C;AAC3C,uBAAsD;AAE/C,MAAM,yBAAqB,yBAAO,OAAO,EAAE,MAAM,oCAAmB,MAAM,oCAAmB,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAUtG,CAAC,EAAE,WAAW,MAAM,MAAM;AAC1B,MAAI,WAAW;AACb,WAAO;AAAA,8BACiB,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA,mCACpB,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAAA;AAAA,EAGxD;AACA,SAAO;AACT,CAAC;AAAA,IACC,mCAAkB;AAAA;AAGf,MAAM,wBAAoB,yBAAO,OAAO,EAAE,MAAM,oCAAmB,MAAM,oCAAmB,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,IAOvG,CAAC,EAAE,cAAc,MAAM,MAAM;AAC7B,MAAI,cAAc;AAChB,WAAO;AAAA,8BACiB,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAAA,EAEnD;AACA,SAAO;AACT,CAAC;AAAA;AAGI,MAAM,yBAAqB,yBAAO,OAAO,EAAE,MAAM,oCAAmB,MAAM,oCAAmB,QAAQ,CAAC;AAAA;AAAA;AAAA,iBAG5F,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUrB,MAAM,sBAAkB,yBAAO,OAAO,EAAE,MAAM,oCAAmB,MAAM,oCAAmB,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBhG,MAAM,sBAAkB,yBAAO,OAAO,EAAE,MAAM,oCAAmB,MAAM,oCAAmB,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAOhG,MAAM,sBAAkB,yBAAO,OAAO,EAAE,MAAM,oCAAmB,MAAM,oCAAmB,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAShG,MAAM,sBAAkB,yBAAO,OAAO,EAAE,MAAM,oCAAmB,MAAM,oCAAmB,aAAa,CAAC;",
   "names": []
 }

package/dist/esm/DSCommentCard.js

@@ -11,10 +11,9 @@ import {
   CommentCardMenu,
   CommentCardLeft
 } from "./styled.js";
-import { DSCommentCardName } from "./config/DSCommentCardDefinitions.js";
+import { DSCommentCardName } from "./constants/index.js";
 import { useCommentCard } from "./config/useCommentCard.js";
 import { DSCommentCardPropTypesSchema } from "./react-desc-prop-types.js";
-import { DeprecatedMenu } from "./DeprecatedMenu.js";
 import { buildAriaLabel } from "./utils.js";
 const DSCommentCard = (props) => {
   const {
@@ -26,9 +25,6 @@ const DSCommentCard = (props) => {
       style,
       borderBottom,
       maxLines,
-      options,
-      selection,
-      customDropdownMenuProps,
       Menu,
       menuProps,
       innerRef,
@@ -71,7 +67,7 @@ const DSCommentCard = (props) => {
                     displayDate,
                     displayTime,
                     type,
-                    withMenu: options && options.length > 0 || Boolean(Menu),
+                    withMenu: Boolean(Menu),
                     content
                   }),
                   className: "em-ds-comments__comment-card-left",
@@ -110,16 +106,6 @@ const DSCommentCard = (props) => {
                   ]
                 }
               ),
-              options && options.length > 0 && /* @__PURE__ */ jsx(
-                DeprecatedMenu,
-                {
-                  getOwnerProps,
-                  getOwnerPropsArguments,
-                  options,
-                  selection,
-                  customDropdownMenuProps
-                }
-              ),
               Menu && /* @__PURE__ */ jsx(CommentCardMenu, { getOwnerProps, getOwnerPropsArguments, children: /* @__PURE__ */ jsx(Menu, { ...menuProps }) })
             ]
           }

package/dist/esm/DSCommentCard.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSCommentCard.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { DSReadMore } from '@elliemae/ds-read-more';\nimport {\n  CommentCardWrapper,\n  CommentCardHeader,\n  CommentCardContent,\n  CommentCardName,\n  CommentCardData,\n  CommentCardMenu,\n  CommentCardLeft,\n} from './styled.js';\nimport { DSCommentCardName } from './config/DSCommentCardDefinitions.js';\nimport { useCommentCard } from './config/useCommentCard.js';\nimport { DSCommentCardPropTypesSchema, type DSCommentCardT } from './react-desc-prop-types.js';\nimport { DeprecatedMenu } from './DeprecatedMenu.js';\nimport { buildAriaLabel } from './utils.js';\n\nexport const DSCommentCard: React.ComponentType<DSCommentCardT.Props> = (props) => {\n  const {\n    propsWithDefault: {\n      containerProps,\n      name,\n      type,\n      content,\n      style,\n      borderBottom,\n      maxLines,\n      options,\n      selection,\n      customDropdownMenuProps,\n      Menu,\n      menuProps,\n      innerRef,\n      focusableRef,\n      readMoreProps,\n    },\n    xstyledProps,\n    getOwnerProps,\n    getOwnerPropsArguments,\n    displayDate,\n    displayTime,\n  } = useCommentCard(props);\n\n  return (\n    <CommentCardWrapper\n      className={`em-ds-comments__comment-card-wrapper em-ds-comments__comment-card-wrapper--default${\n        borderBottom ? 'em-ds-comments__comment-card-wrapper--borderBottom' : ''\n      }`}\n      borderBot={borderBottom}\n      role=\"listitem\"\n      {...containerProps}\n      {...xstyledProps}\n      style={{ ...style, ...(containerProps.style || {}) }}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n      innerRef={innerRef}\n    >\n      <CommentCardHeader\n        className={`em-ds-comments__comment-card-header em-ds-comments__comment-card-header--default${\n          borderBottom ? 'em-ds-comments__comment-card-header--borderBottom' : ''\n        }`}\n        borderBottom={borderBottom}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        <CommentCardLeft\n          tabIndex={0}\n          aria-label={buildAriaLabel({\n            name,\n            displayDate,\n            displayTime,\n            type,\n            withMenu: (options && options.length > 0) || Boolean(Menu),\n            content,\n          })}\n          className=\"em-ds-comments__comment-card-left\"\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n          innerRef={focusableRef}\n        >\n          <CommentCardName\n            className=\"em-ds-comments__comment-card-name\"\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          >\n            {name}\n          </CommentCardName>\n          <CommentCardData\n            className=\"em-ds-comments__comment-card-data\"\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          >\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          <DeprecatedMenu\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n            options={options}\n            selection={selection}\n            customDropdownMenuProps={customDropdownMenuProps}\n          />\n        )}\n        {Menu && (\n          <CommentCardMenu getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n            <Menu {...menuProps} />\n          </CommentCardMenu>\n        )}\n      </CommentCardHeader>\n      <CommentCardContent\n        className=\"em-ds-comments__comment-card-content\"\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        <DSReadMore\n          lines={maxLines}\n          content={`${content} `}\n          more=\"MORE\"\n          less=\"LESS\"\n          ellipsis=\"... \"\n          {...readMoreProps}\n        />\n      </CommentCardContent>\n    </CommentCardWrapper>\n  );\n};\n\nDSCommentCard.displayName = DSCommentCardName;\nexport const DSCommentCardWithSchema = describe(DSCommentCard);\nDSCommentCardWithSchema.propTypes = DSCommentCardPropTypesSchema;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACkFb,SAcI,UAdJ,KAcI,YAdJ;AAhFV,SAAS,gBAAgB;AACzB,SAAS,kBAAkB;AAC3B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,yBAAyB;AAClC,SAAS,sBAAsB;AAC/B,SAAS,oCAAyD;AAClE,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAExB,MAAM,gBAA2D,CAAC,UAAU;AACjF,QAAM;AAAA,IACJ,kBAAkB;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,eAAe,KAAK;AAExB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,qFACT,eAAe,uDAAuD,EACxE;AAAA,MACA,WAAW;AAAA,MACX,MAAK;AAAA,MACJ,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,OAAO,EAAE,GAAG,OAAO,GAAI,eAAe,SAAS,CAAC,EAAG;AAAA,MACnD;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,mFACT,eAAe,sDAAsD,EACvE;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YAEA;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,UAAU;AAAA,kBACV,cAAY,eAAe;AAAA,oBACzB;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA,UAAW,WAAW,QAAQ,SAAS,KAAM,QAAQ,IAAI;AAAA,oBACzD;AAAA,kBACF,CAAC;AAAA,kBACD,WAAU;AAAA,kBACV;AAAA,kBACA;AAAA,kBACA,UAAU;AAAA,kBAEV;AAAA;AAAA,sBAAC;AAAA;AAAA,wBACC,WAAU;AAAA,wBACV;AAAA,wBACA;AAAA,wBAEC;AAAA;AAAA,oBACH;AAAA,oBACA;AAAA,sBAAC;AAAA;AAAA,wBACC,WAAU;AAAA,wBACV;AAAA,wBACA;AAAA,wBAEC;AAAA;AAAA,0BACA,eACC,iCACE;AAAA,gDAAC,UAAK,oBAAC;AAAA,4BACN;AAAA,6BACH;AAAA,0BAED,QACC,iCACE;AAAA,gDAAC,UAAK,oBAAC;AAAA,4BACN;AAAA,6BACH;AAAA;AAAA;AAAA,oBAEJ;AAAA;AAAA;AAAA,cACF;AAAA,cACC,WAAW,QAAQ,SAAS,KAC3B;AAAA,gBAAC;AAAA;AAAA,kBACC;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA;AAAA,cACF;AAAA,cAED,QACC,oBAAC,mBAAgB,eAA8B,wBAC7C,8BAAC,QAAM,GAAG,WAAW,GACvB;AAAA;AAAA;AAAA,QAEJ;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV;AAAA,YACA;AAAA,YAEA;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO;AAAA,gBACP,SAAS,GAAG,OAAO;AAAA,gBACnB,MAAK;AAAA,gBACL,MAAK;AAAA,gBACL,UAAS;AAAA,gBACR,GAAG;AAAA;AAAA,YACN;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,cAAc,cAAc;AACrB,MAAM,0BAA0B,SAAS,aAAa;AAC7D,wBAAwB,YAAY;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { DSReadMore } from '@elliemae/ds-read-more';\nimport {\n  CommentCardWrapper,\n  CommentCardHeader,\n  CommentCardContent,\n  CommentCardName,\n  CommentCardData,\n  CommentCardMenu,\n  CommentCardLeft,\n} from './styled.js';\nimport { DSCommentCardName } from './constants/index.js';\nimport { useCommentCard } from './config/useCommentCard.js';\nimport { DSCommentCardPropTypesSchema, type DSCommentCardT } from './react-desc-prop-types.js';\nimport { buildAriaLabel } from './utils.js';\n\nexport const DSCommentCard: React.ComponentType<DSCommentCardT.Props> = (props) => {\n  const {\n    propsWithDefault: {\n      containerProps,\n      name,\n      type,\n      content,\n      style,\n      borderBottom,\n      maxLines,\n      Menu,\n      menuProps,\n      innerRef,\n      focusableRef,\n      readMoreProps,\n    },\n    xstyledProps,\n    getOwnerProps,\n    getOwnerPropsArguments,\n    displayDate,\n    displayTime,\n  } = useCommentCard(props);\n\n  return (\n    <CommentCardWrapper\n      className={`em-ds-comments__comment-card-wrapper em-ds-comments__comment-card-wrapper--default${\n        borderBottom ? 'em-ds-comments__comment-card-wrapper--borderBottom' : ''\n      }`}\n      borderBot={borderBottom}\n      role=\"listitem\"\n      {...containerProps}\n      {...xstyledProps}\n      style={{ ...style, ...(containerProps.style || {}) }}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n      innerRef={innerRef}\n    >\n      <CommentCardHeader\n        className={`em-ds-comments__comment-card-header em-ds-comments__comment-card-header--default${\n          borderBottom ? 'em-ds-comments__comment-card-header--borderBottom' : ''\n        }`}\n        borderBottom={borderBottom}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        <CommentCardLeft\n          tabIndex={0}\n          aria-label={buildAriaLabel({\n            name,\n            displayDate,\n            displayTime,\n            type,\n            withMenu: Boolean(Menu),\n            content,\n          })}\n          className=\"em-ds-comments__comment-card-left\"\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n          innerRef={focusableRef}\n        >\n          <CommentCardName\n            className=\"em-ds-comments__comment-card-name\"\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          >\n            {name}\n          </CommentCardName>\n          <CommentCardData\n            className=\"em-ds-comments__comment-card-data\"\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          >\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        {Menu && (\n          <CommentCardMenu getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n            <Menu {...menuProps} />\n          </CommentCardMenu>\n        )}\n      </CommentCardHeader>\n      <CommentCardContent\n        className=\"em-ds-comments__comment-card-content\"\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        <DSReadMore\n          lines={maxLines}\n          content={`${content} `}\n          more=\"MORE\"\n          less=\"LESS\"\n          ellipsis=\"... \"\n          {...readMoreProps}\n        />\n      </CommentCardContent>\n    </CommentCardWrapper>\n  );\n};\n\nDSCommentCard.displayName = DSCommentCardName;\nexport const DSCommentCardWithSchema = describe(DSCommentCard);\nDSCommentCardWithSchema.propTypes = DSCommentCardPropTypesSchema;\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC8Eb,SAcI,UAdJ,KAcI,YAdJ;AA5EV,SAAS,gBAAgB;AACzB,SAAS,kBAAkB;AAC3B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,yBAAyB;AAClC,SAAS,sBAAsB;AAC/B,SAAS,oCAAyD;AAClE,SAAS,sBAAsB;AAExB,MAAM,gBAA2D,CAAC,UAAU;AACjF,QAAM;AAAA,IACJ,kBAAkB;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,eAAe,KAAK;AAExB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,qFACT,eAAe,uDAAuD,EACxE;AAAA,MACA,WAAW;AAAA,MACX,MAAK;AAAA,MACJ,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,OAAO,EAAE,GAAG,OAAO,GAAI,eAAe,SAAS,CAAC,EAAG;AAAA,MACnD;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,mFACT,eAAe,sDAAsD,EACvE;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YAEA;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,UAAU;AAAA,kBACV,cAAY,eAAe;AAAA,oBACzB;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA,UAAU,QAAQ,IAAI;AAAA,oBACtB;AAAA,kBACF,CAAC;AAAA,kBACD,WAAU;AAAA,kBACV;AAAA,kBACA;AAAA,kBACA,UAAU;AAAA,kBAEV;AAAA;AAAA,sBAAC;AAAA;AAAA,wBACC,WAAU;AAAA,wBACV;AAAA,wBACA;AAAA,wBAEC;AAAA;AAAA,oBACH;AAAA,oBACA;AAAA,sBAAC;AAAA;AAAA,wBACC,WAAU;AAAA,wBACV;AAAA,wBACA;AAAA,wBAEC;AAAA;AAAA,0BACA,eACC,iCACE;AAAA,gDAAC,UAAK,oBAAC;AAAA,4BACN;AAAA,6BACH;AAAA,0BAED,QACC,iCACE;AAAA,gDAAC,UAAK,oBAAC;AAAA,4BACN;AAAA,6BACH;AAAA;AAAA;AAAA,oBAEJ;AAAA;AAAA;AAAA,cACF;AAAA,cACC,QACC,oBAAC,mBAAgB,eAA8B,wBAC7C,8BAAC,QAAM,GAAG,WAAW,GACvB;AAAA;AAAA;AAAA,QAEJ;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV;AAAA,YACA;AAAA,YAEA;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO;AAAA,gBACP,SAAS,GAAG,OAAO;AAAA,gBACnB,MAAK;AAAA,gBACL,MAAK;AAAA,gBACL,UAAS;AAAA,gBACR,GAAG;AAAA;AAAA,YACN;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,cAAc,cAAc;AACrB,MAAM,0BAA0B,SAAS,aAAa;AAC7D,wBAAwB,YAAY;",
   "names": []
 }

package/dist/esm/{config/DSCommentCardDefinitions.js → constants/index.js}

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { slotObjectToDataTestIds } from "@elliemae/ds-system";
 const DSCommentCardName = "DSCommentcard";
-const DSCommentCardSlots = {
+const COMMENT_CARD_SLOTS = {
   ROOT: "root",
   HEADER: "header",
   CONTENT: "content",
@@ -10,10 +10,14 @@ const DSCommentCardSlots = {
   DATA: "data",
   MENU_WRAPPER: "menu-wrapper"
 };
-const DSCommentCardDataTestIds = slotObjectToDataTestIds(DSCommentCardName, DSCommentCardSlots);
+const COMMENT_CARD_DATA_TESTID = slotObjectToDataTestIds(DSCommentCardName, COMMENT_CARD_SLOTS);
+const DSCommentCardSlots = COMMENT_CARD_SLOTS;
+const DSCommentCardDataTestIds = COMMENT_CARD_DATA_TESTID;
 export {
+  COMMENT_CARD_DATA_TESTID,
+  COMMENT_CARD_SLOTS,
   DSCommentCardDataTestIds,
   DSCommentCardName,
   DSCommentCardSlots
 };
-//# sourceMappingURL=DSCommentCardDefinitions.js.map
+//# sourceMappingURL=index.js.map

package/dist/esm/constants/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/constants/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSCommentCardName = 'DSCommentcard';\n\n// we are naming this with the ${component_name}_slots convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const COMMENT_CARD_SLOTS = {\n  ROOT: 'root',\n  HEADER: 'header',\n  CONTENT: 'content',\n  LEFT: 'left',\n  NAME: 'name',\n  DATA: 'data',\n  MENU_WRAPPER: 'menu-wrapper',\n} as const;\n\n// we are naming this with the ${component_name}_data_testid convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const COMMENT_CARD_DATA_TESTID = slotObjectToDataTestIds(DSCommentCardName, COMMENT_CARD_SLOTS);\n\n// legacy pre-compliance names \u2014 public exports consumers may already import, kept as a mirror of the compliant ones above\nexport const DSCommentCardSlots = COMMENT_CARD_SLOTS;\nexport const DSCommentCardDataTestIds = COMMENT_CARD_DATA_TESTID;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AAEjC,MAAM,oBAAoB;AAG1B,MAAM,qBAAqB;AAAA,EAChC,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,cAAc;AAChB;AAGO,MAAM,2BAA2B,wBAAwB,mBAAmB,kBAAkB;AAG9F,MAAM,qBAAqB;AAC3B,MAAM,2BAA2B;",
+  "names": []
+}

package/dist/esm/index.js

@@ -1,14 +1,19 @@
 import * as React from "react";
-import { DSCommentCard } from "./DSCommentCard.js";
-import { DSCommentCard as DSCommentCard2, DSCommentCardWithSchema } from "./DSCommentCard.js";
-import { DSCommentCardName, DSCommentCardSlots, DSCommentCardDataTestIds } from "./config/DSCommentCardDefinitions.js";
-var index_default = DSCommentCard;
+import { DSCommentCard, DSCommentCardWithSchema } from "./DSCommentCard.js";
+import {
+  DSCommentCardName,
+  COMMENT_CARD_SLOTS,
+  COMMENT_CARD_DATA_TESTID,
+  DSCommentCardSlots,
+  DSCommentCardDataTestIds
+} from "./constants/index.js";
 export {
-  DSCommentCard2 as DSCommentCard,
+  COMMENT_CARD_DATA_TESTID,
+  COMMENT_CARD_SLOTS,
+  DSCommentCard,
   DSCommentCardDataTestIds,
   DSCommentCardName,
   DSCommentCardSlots,
-  DSCommentCardWithSchema,
-  index_default as default
+  DSCommentCardWithSchema
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// Workaround for TS2742\nimport type {} from '@xstyled/system';\nimport type {} from '@xstyled/util';\n\nimport { DSCommentCard } from './DSCommentCard.js';\nexport { type DSCommentCardT } from './react-desc-prop-types.js';\nexport { DSCommentCard, DSCommentCardWithSchema } from './DSCommentCard.js';\nexport { DSCommentCardName, DSCommentCardSlots, DSCommentCardDataTestIds } from './config/DSCommentCardDefinitions.js';\nexport default DSCommentCard;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACIvB,SAAS,qBAAqB;AAE9B,SAAS,iBAAAA,gBAAe,+BAA+B;AACvD,SAAS,mBAAmB,oBAAoB,gCAAgC;AAChF,IAAO,gBAAQ;",
-  "names": ["DSCommentCard"]
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// Workaround for TS2742\nimport type {} from '@xstyled/system';\nimport type {} from '@xstyled/util';\n\nexport { type DSCommentCardT } from './react-desc-prop-types.js';\nexport { DSCommentCard, DSCommentCardWithSchema } from './DSCommentCard.js';\nexport {\n  DSCommentCardName,\n  COMMENT_CARD_SLOTS,\n  COMMENT_CARD_DATA_TESTID,\n  // legacy pre-compliance names, mirror of the two above\n  DSCommentCardSlots,\n  DSCommentCardDataTestIds,\n} from './constants/index.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACKvB,SAAS,eAAe,+BAA+B;AACvD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,OACK;",
+  "names": []
 }

package/dist/esm/react-desc-prop-types.js

@@ -5,7 +5,7 @@ import {
   PropTypes,
   xstyledPropTypes
 } from "@elliemae/ds-props-helpers";
-import { DSCommentCardName, DSCommentCardSlots } from "./config/DSCommentCardDefinitions.js";
+import { DSCommentCardName, COMMENT_CARD_SLOTS } from "./constants/index.js";
 const defaultProps = {
   containerProps: {},
   name: "",
@@ -13,18 +13,13 @@ const defaultProps = {
   type: "",
   content: "",
   style: {},
-  options: [],
-  selection: { "single-selection-internal-external": ["set-as-internal"] },
-  customDropdownMenuProps: {
-    focusOnOpen: true
-  },
   borderBottom: false,
   dateFormat: "MM/DD/YYYY",
   timeFormat: "hh:mm a",
   maxLines: 2
 };
 const DSCommentCardPropTypes = {
-  ...getPropsPerSlotPropTypes(DSCommentCardName, DSCommentCardSlots),
+  ...getPropsPerSlotPropTypes(DSCommentCardName, COMMENT_CARD_SLOTS),
   ...globalAttributesPropTypes,
   ...xstyledPropTypes,
   /** props to inject to comment card wrapper */
@@ -42,14 +37,6 @@ const DSCommentCardPropTypes = {
   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").deprecated({ version: "4.x", message: "use Menu and menuProps instead" }),
-  /** dropdown selection */
-  selection: PropTypes.object.description("dropdown selection").deprecated({ version: "4.x", message: "use Menu and menuProps instead" }),
-  /** pass down props to dropdown */
-  customDropdownMenuProps: PropTypes.shape({
-    focusOnOpen: PropTypes.bool
-  }).description("pass down props to dropdown").deprecated({ version: "4.x", message: "use Menu and menuProps instead" }),
   /** 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/ */

package/dist/esm/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import {\n  globalAttributesPropTypes,\n  getPropsPerSlotPropTypes,\n  PropTypes,\n  xstyledPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport type { WeakValidationMap } from 'react';\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { DSReadMoreT } from '@elliemae/ds-read-more';\nimport { DSCommentCardName, DSCommentCardSlots } from './config/DSCommentCardDefinitions.js';\n\nexport namespace DSCommentCardT {\n  type PropsT<D, R, O, E> = Partial<D> &\n    R &\n    O &\n    Omit<GlobalAttributesT<E>, keyof D | keyof R | keyof O> &\n    Omit<XstyledProps, keyof D | keyof R | keyof O>;\n  type InternalPropsT<D, R, O, E> = D &\n    R &\n    O &\n    Omit<GlobalAttributesT<E>, keyof D | keyof R | keyof O> &\n    Omit<XstyledProps, keyof D | keyof R | keyof O>;\n\n  export interface DefaultProps {\n    containerProps: React.HTMLAttributes<HTMLDivElement>;\n    name: string;\n    date: Date;\n    type: string;\n    content: string;\n    style: React.CSSProperties;\n    options: unknown[];\n    selection: unknown;\n    customDropdownMenuProps: Record<string, unknown>;\n    borderBottom: boolean;\n    dateFormat: string;\n    timeFormat: string;\n    maxLines: number;\n  }\n\n  export interface OptionalProps {\n    Menu?: React.ComponentType;\n    menuProps?: object;\n    innerRef?: React.MutableRefObject<HTMLDivElement | null> | ((instance: HTMLElement | null) => void);\n    focusableRef?: React.MutableRefObject<HTMLDivElement | null> | ((instance: HTMLElement | null) => void);\n    readMoreProps?: DSReadMoreT.Props;\n  }\n\n  export interface RequiredProps {}\n\n  export type Props = PropsT<DefaultProps, RequiredProps, OptionalProps, HTMLDivElement> &\n    TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSCommentCardName, typeof DSCommentCardSlots>;\n\n  export type InternalProps = InternalPropsT<DefaultProps, RequiredProps, OptionalProps, HTMLDivElement> &\n    TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSCommentCardName, typeof DSCommentCardSlots>;\n}\n\nexport const defaultProps: DSCommentCardT.DefaultProps = {\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: false,\n  dateFormat: 'MM/DD/YYYY',\n  timeFormat: 'hh:mm a',\n  maxLines: 2,\n};\n\nexport const DSCommentCardPropTypes: DSPropTypesSchema<DSCommentCardT.Props> = {\n  ...getPropsPerSlotPropTypes(DSCommentCardName, DSCommentCardSlots),\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\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)\n    .description('dropdown menu options')\n    .deprecated({ version: '4.x', message: 'use Menu and menuProps instead' }),\n  /** dropdown selection */\n  selection: PropTypes.object\n    .description('dropdown selection')\n    .deprecated({ version: '4.x', message: 'use Menu and menuProps instead' }),\n  /** pass down props to dropdown */\n  customDropdownMenuProps: PropTypes.shape({\n    focusOnOpen: PropTypes.bool,\n  })\n    .description('pass down props to dropdown')\n    .deprecated({ version: '4.x', message: 'use Menu and menuProps instead' }),\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  Menu: PropTypes.func.description('Menu component'),\n  menuProps: PropTypes.object.description('Props that will be received by the Menu component'),\n  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description(\n    'Inner ref to the Comment Card component',\n  ),\n  focusableRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func])\n    .description('Ref to the focusable part of the component')\n    .deprecated({ version: '4.x', message: 'use global attribute prop instead' }),\n  readMoreProps: PropTypes.object.description('Props passed to the DSReadMore component'),\n};\n\nexport const DSCommentCardPropTypesSchema =\n  DSCommentCardPropTypes as unknown as WeakValidationMap<DSCommentCardT.Props>;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAKP,SAAS,mBAAmB,0BAA0B;AA+C/C,MAAM,eAA4C;AAAA,EACvD,gBAAgB,CAAC;AAAA,EACjB,MAAM;AAAA,EACN,MAAM,oBAAI,KAAK;AAAA,EACf,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO,CAAC;AAAA,EACR,SAAS,CAAC;AAAA,EACV,WAAW,EAAE,sCAAsC,CAAC,iBAAiB,EAAE;AAAA,EACvE,yBAAyB;AAAA,IACvB,aAAa;AAAA,EACf;AAAA,EACA,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,UAAU;AACZ;AAEO,MAAM,yBAAkE;AAAA,EAC7E,GAAG,yBAAyB,mBAAmB,kBAAkB;AAAA,EACjE,GAAG;AAAA,EACH,GAAG;AAAA;AAAA,EAEH,gBAAgB,UAAU,MAAM;AAAA,IAC9B,IAAI,UAAU;AAAA,IACd,eAAe,UAAU;AAAA,EAC3B,CAAC,EAAE,YAAY,yCAAyC;AAAA;AAAA,EAExD,MAAM,UAAU,OAAO,YAAY,WAAW;AAAA;AAAA,EAE9C,OAAO,UAAU,OAAO,YAAY,gBAAgB;AAAA;AAAA,EAEpD,MAAM,UAAU,WAAW,IAAI,EAAE,YAAY,aAAa;AAAA;AAAA,EAE1D,MAAM,UAAU,OAAO,YAAY,qBAAqB;AAAA;AAAA,EAExD,SAAS,UAAU,OAAO,YAAY,iBAAiB;AAAA;AAAA,EAEvD,SAAS,UAAU,QAAQ,UAAU,MAAM,EACxC,YAAY,uBAAuB,EACnC,WAAW,EAAE,SAAS,OAAO,SAAS,iCAAiC,CAAC;AAAA;AAAA,EAE3E,WAAW,UAAU,OAClB,YAAY,oBAAoB,EAChC,WAAW,EAAE,SAAS,OAAO,SAAS,iCAAiC,CAAC;AAAA;AAAA,EAE3E,yBAAyB,UAAU,MAAM;AAAA,IACvC,aAAa,UAAU;AAAA,EACzB,CAAC,EACE,YAAY,6BAA6B,EACzC,WAAW,EAAE,SAAS,OAAO,SAAS,iCAAiC,CAAC;AAAA;AAAA,EAE3E,cAAc,UAAU,KAAK,YAAY,+BAA+B;AAAA;AAAA,EAExE,YAAY,UAAU,MAAM,CAAC,cAAc,YAAY,CAAC,EAAE;AAAA,IACxD;AAAA,EACF;AAAA;AAAA,EAEA,YAAY,UAAU,MAAM,CAAC,WAAW,OAAO,CAAC,EAAE;AAAA,IAChD;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAIA,UAAU,UAAU,OAAO,YAAY,WAAW;AAAA,EAClD,MAAM,UAAU,KAAK,YAAY,gBAAgB;AAAA,EACjD,WAAW,UAAU,OAAO,YAAY,mDAAmD;AAAA,EAC3F,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,IAAI,CAAC,EAAE;AAAA,IAChE;AAAA,EACF;AAAA,EACA,cAAc,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,IAAI,CAAC,EACjE,YAAY,4CAA4C,EACxD,WAAW,EAAE,SAAS,OAAO,SAAS,oCAAoC,CAAC;AAAA,EAC9E,eAAe,UAAU,OAAO,YAAY,0CAA0C;AACxF;AAEO,MAAM,+BACX;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import {\n  globalAttributesPropTypes,\n  getPropsPerSlotPropTypes,\n  PropTypes,\n  xstyledPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport type { WeakValidationMap } from 'react';\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { DSReadMoreT } from '@elliemae/ds-read-more';\nimport { DSCommentCardName, COMMENT_CARD_SLOTS } from './constants/index.js';\n\nexport declare namespace DSCommentCardT {\n  type PropsT<D, R, O, E> = Partial<D> &\n    R &\n    O &\n    Omit<GlobalAttributesT<E>, keyof D | keyof R | keyof O> &\n    Omit<XstyledProps, keyof D | keyof R | keyof O>;\n  type InternalPropsT<D, R, O, E> = D &\n    R &\n    O &\n    Omit<GlobalAttributesT<E>, keyof D | keyof R | keyof O> &\n    Omit<XstyledProps, keyof D | keyof R | keyof O>;\n\n  export interface DefaultProps {\n    containerProps: React.HTMLAttributes<HTMLDivElement>;\n    name: string;\n    date: Date;\n    type: string;\n    content: string;\n    style: React.CSSProperties;\n    borderBottom: boolean;\n    dateFormat: string;\n    timeFormat: string;\n    maxLines: number;\n  }\n\n  export type SlotFunctionArguments = {\n    dsCommentcardRoot: () => object;\n    dsCommentcardHeader: () => object;\n    dsCommentcardContent: () => object;\n    dsCommentcardLeft: () => object;\n    dsCommentcardName: () => object;\n    dsCommentcardData: () => object;\n    dsCommentcardMenuWrapper: () => object;\n  };\n\n  export interface OptionalProps extends TypescriptHelpersT.PropsForGlobalOnSlots<\n    typeof DSCommentCardName,\n    typeof COMMENT_CARD_SLOTS\n  > {\n    Menu?: React.ComponentType;\n    menuProps?: object;\n    innerRef?: React.MutableRefObject<HTMLDivElement | null> | ((instance: HTMLElement | null) => void);\n    focusableRef?: React.MutableRefObject<HTMLDivElement | null> | ((instance: HTMLElement | null) => void);\n    readMoreProps?: DSReadMoreT.Props;\n  }\n\n  export interface RequiredProps {}\n\n  export type Props = PropsT<DefaultProps, RequiredProps, OptionalProps, HTMLDivElement>;\n\n  export type InternalProps = InternalPropsT<DefaultProps, RequiredProps, OptionalProps, HTMLDivElement>;\n}\n\nexport const defaultProps: DSCommentCardT.DefaultProps = {\n  containerProps: {},\n  name: '',\n  date: new Date(),\n  type: '',\n  content: '',\n  style: {},\n  borderBottom: false,\n  dateFormat: 'MM/DD/YYYY',\n  timeFormat: 'hh:mm a',\n  maxLines: 2,\n};\n\nexport const DSCommentCardPropTypes: DSPropTypesSchema<DSCommentCardT.Props> = {\n  ...getPropsPerSlotPropTypes(DSCommentCardName, COMMENT_CARD_SLOTS),\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\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  /** 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  Menu: PropTypes.func.description('Menu component'),\n  menuProps: PropTypes.object.description('Props that will be received by the Menu component'),\n  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description(\n    'Inner ref to the Comment Card component',\n  ),\n  focusableRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func])\n    .description('Ref to the focusable part of the component')\n    .deprecated({ version: '4.x', message: 'use global attribute prop instead' }),\n  readMoreProps: PropTypes.object.description('Props passed to the DSReadMore component'),\n};\n\nexport const DSCommentCardPropTypesSchema =\n  DSCommentCardPropTypes as unknown as WeakValidationMap<DSCommentCardT.Props>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAKP,SAAS,mBAAmB,0BAA0B;AAuD/C,MAAM,eAA4C;AAAA,EACvD,gBAAgB,CAAC;AAAA,EACjB,MAAM;AAAA,EACN,MAAM,oBAAI,KAAK;AAAA,EACf,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO,CAAC;AAAA,EACR,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,UAAU;AACZ;AAEO,MAAM,yBAAkE;AAAA,EAC7E,GAAG,yBAAyB,mBAAmB,kBAAkB;AAAA,EACjE,GAAG;AAAA,EACH,GAAG;AAAA;AAAA,EAEH,gBAAgB,UAAU,MAAM;AAAA,IAC9B,IAAI,UAAU;AAAA,IACd,eAAe,UAAU;AAAA,EAC3B,CAAC,EAAE,YAAY,yCAAyC;AAAA;AAAA,EAExD,MAAM,UAAU,OAAO,YAAY,WAAW;AAAA;AAAA,EAE9C,OAAO,UAAU,OAAO,YAAY,gBAAgB;AAAA;AAAA,EAEpD,MAAM,UAAU,WAAW,IAAI,EAAE,YAAY,aAAa;AAAA;AAAA,EAE1D,MAAM,UAAU,OAAO,YAAY,qBAAqB;AAAA;AAAA,EAExD,SAAS,UAAU,OAAO,YAAY,iBAAiB;AAAA;AAAA,EAEvD,cAAc,UAAU,KAAK,YAAY,+BAA+B;AAAA;AAAA,EAExE,YAAY,UAAU,MAAM,CAAC,cAAc,YAAY,CAAC,EAAE;AAAA,IACxD;AAAA,EACF;AAAA;AAAA,EAEA,YAAY,UAAU,MAAM,CAAC,WAAW,OAAO,CAAC,EAAE;AAAA,IAChD;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAIA,UAAU,UAAU,OAAO,YAAY,WAAW;AAAA,EAClD,MAAM,UAAU,KAAK,YAAY,gBAAgB;AAAA,EACjD,WAAW,UAAU,OAAO,YAAY,mDAAmD;AAAA,EAC3F,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,IAAI,CAAC,EAAE;AAAA,IAChE;AAAA,EACF;AAAA,EACA,cAAc,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,IAAI,CAAC,EACjE,YAAY,4CAA4C,EACxD,WAAW,EAAE,SAAS,OAAO,SAAS,oCAAoC,CAAC;AAAA,EAC9E,eAAe,UAAU,OAAO,YAAY,0CAA0C;AACxF;AAEO,MAAM,+BACX;",
   "names": []
 }

package/dist/esm/styled.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { styled, xStyledCommonProps } from "@elliemae/ds-system";
-import { DSCommentCardName, DSCommentCardSlots } from "./config/DSCommentCardDefinitions.js";
-const CommentCardWrapper = styled("div", { name: DSCommentCardName, slot: DSCommentCardSlots.ROOT })`
+import { DSCommentCardName, COMMENT_CARD_SLOTS } from "./constants/index.js";
+const CommentCardWrapper = styled("div", { name: DSCommentCardName, slot: COMMENT_CARD_SLOTS.ROOT })`
   min-height: 5.80923rem;
   min-width: 18.80615rem;
   margin-left: 1.84615rem;
@@ -21,7 +21,7 @@ const CommentCardWrapper = styled("div", { name: DSCommentCardName, slot: DSComm
 }}
   ${xStyledCommonProps}
 `;
-const CommentCardHeader = styled("div", { name: DSCommentCardName, slot: DSCommentCardSlots.HEADER })`
+const CommentCardHeader = styled("div", { name: DSCommentCardName, slot: COMMENT_CARD_SLOTS.HEADER })`
   border-top: solid 1px neutral-100;
   display: flex;
   padding: 0.30769rem 0.30769rem 0.30769rem 0.61538rem;
@@ -35,7 +35,7 @@ const CommentCardHeader = styled("div", { name: DSCommentCardName, slot: DSComme
   return ``;
 }}
 `;
-const CommentCardContent = styled("div", { name: DSCommentCardName, slot: DSCommentCardSlots.CONTENT })`
+const CommentCardContent = styled("div", { name: DSCommentCardName, slot: COMMENT_CARD_SLOTS.CONTENT })`
   padding: 0 0.61538rem 0.61538rem 0.61538rem;
   font-size: 1rem;
   line-height: ${() => "1.3"};
@@ -47,7 +47,7 @@ const CommentCardContent = styled("div", { name: DSCommentCardName, slot: DSComm
     padding-right: 0.61538rem;
   }
 `;
-const CommentCardLeft = styled("div", { name: DSCommentCardName, slot: DSCommentCardSlots.LEFT })`
+const CommentCardLeft = styled("div", { name: DSCommentCardName, slot: COMMENT_CARD_SLOTS.LEFT })`
   flex: 1;
   &:focus {
     outline: none;
@@ -65,13 +65,13 @@ const CommentCardLeft = styled("div", { name: DSCommentCardName, slot: DSComment
     }
   }
 `;
-const CommentCardName = styled("div", { name: DSCommentCardName, slot: DSCommentCardSlots.NAME })`
+const CommentCardName = styled("div", { name: DSCommentCardName, slot: COMMENT_CARD_SLOTS.NAME })`
   font-size: 1.0769rem;
   font-weight: 600;
   color: neutral-700;
   padding-bottom: 0.15385rem;
 `;
-const CommentCardData = styled("div", { name: DSCommentCardName, slot: DSCommentCardSlots.DATA })`
+const CommentCardData = styled("div", { name: DSCommentCardName, slot: COMMENT_CARD_SLOTS.DATA })`
   font-size: 0.923rem;
   font-weight: 300;
   color: neutral-500;
@@ -79,7 +79,7 @@ const CommentCardData = styled("div", { name: DSCommentCardName, slot: DSComment
     padding: 0 0.30769rem;
   }
 `;
-const CommentCardMenu = styled("div", { name: DSCommentCardName, slot: DSCommentCardSlots.MENU_WRAPPER })``;
+const CommentCardMenu = styled("div", { name: DSCommentCardName, slot: COMMENT_CARD_SLOTS.MENU_WRAPPER })``;
 export {
   CommentCardContent,
   CommentCardData,

package/dist/esm/styled.js.map

@@ -1,7 +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  position: relative;\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  &:focus {\n    outline: none;\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`;\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_WRAPPER })``;\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSCommentCardName, COMMENT_CARD_SLOTS } from './constants/index.js';\n\nexport const CommentCardWrapper = styled('div', { name: DSCommentCardName, slot: COMMENT_CARD_SLOTS.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  position: relative;\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: COMMENT_CARD_SLOTS.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: COMMENT_CARD_SLOTS.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: COMMENT_CARD_SLOTS.LEFT })`\n  flex: 1;\n  &:focus {\n    outline: none;\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`;\n\nexport const CommentCardName = styled('div', { name: DSCommentCardName, slot: COMMENT_CARD_SLOTS.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: COMMENT_CARD_SLOTS.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: COMMENT_CARD_SLOTS.MENU_WRAPPER })``;\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,IAUtG,CAAC,EAAE,WAAW,MAAM,MAAM;AAC1B,MAAI,WAAW;AACb,WAAO;AAAA,8BACiB,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA,mCACpB,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAAA;AAAA,EAGxD;AACA,SAAO;AACT,CAAC;AAAA,IACC,kBAAkB;AAAA;AAGf,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,CAAC;AAAA;AAAA,EAEnD;AACA,SAAO;AACT,CAAC;AAAA;AAGI,MAAM,qBAAqB,OAAO,OAAO,EAAE,MAAM,mBAAmB,MAAM,mBAAmB,QAAQ,CAAC;AAAA;AAAA;AAAA,iBAG5F,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUrB,MAAM,kBAAkB,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;AAmBhG,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,aAAa,CAAC;",
   "names": []
 }

package/dist/types/{config/DSCommentCardDefinitions.d.ts → constants/index.d.ts}

@@ -1,4 +1,22 @@
 export declare const DSCommentCardName = "DSCommentcard";
+export declare const COMMENT_CARD_SLOTS: {
+    readonly ROOT: "root";
+    readonly HEADER: "header";
+    readonly CONTENT: "content";
+    readonly LEFT: "left";
+    readonly NAME: "name";
+    readonly DATA: "data";
+    readonly MENU_WRAPPER: "menu-wrapper";
+};
+export declare const COMMENT_CARD_DATA_TESTID: {
+    readonly ROOT: "ds-commentcard-root";
+    readonly HEADER: "ds-commentcard-header";
+    readonly CONTENT: "ds-commentcard-content";
+    readonly LEFT: "ds-commentcard-left";
+    readonly NAME: "ds-commentcard-name";
+    readonly DATA: "ds-commentcard-data";
+    readonly MENU_WRAPPER: "ds-commentcard-menu-wrapper";
+};
 export declare const DSCommentCardSlots: {
     readonly ROOT: "root";
     readonly HEADER: "header";

package/dist/types/index.d.ts

@@ -1,5 +1,3 @@
-import { DSCommentCard } from './DSCommentCard.js';
 export { type DSCommentCardT } from './react-desc-prop-types.js';
 export { DSCommentCard, DSCommentCardWithSchema } from './DSCommentCard.js';
-export { DSCommentCardName, DSCommentCardSlots, DSCommentCardDataTestIds } from './config/DSCommentCardDefinitions.js';
-export default DSCommentCard;
+export { DSCommentCardName, COMMENT_CARD_SLOTS, COMMENT_CARD_DATA_TESTID, DSCommentCardSlots, DSCommentCardDataTestIds, } from './constants/index.js';

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

@@ -2,37 +2,42 @@ import type { WeakValidationMap } from 'react';
 import type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';
 import type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
 import type { DSReadMoreT } from '@elliemae/ds-read-more';
-import { DSCommentCardName, DSCommentCardSlots } from './config/DSCommentCardDefinitions.js';
+import { DSCommentCardName, COMMENT_CARD_SLOTS } from './constants/index.js';
 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 {
+    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 {
+    type SlotFunctionArguments = {
+        dsCommentcardRoot: () => object;
+        dsCommentcardHeader: () => object;
+        dsCommentcardContent: () => object;
+        dsCommentcardLeft: () => object;
+        dsCommentcardName: () => object;
+        dsCommentcardData: () => object;
+        dsCommentcardMenuWrapper: () => object;
+    };
+    interface OptionalProps extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSCommentCardName, typeof COMMENT_CARD_SLOTS> {
         Menu?: React.ComponentType;
         menuProps?: object;
         innerRef?: React.MutableRefObject<HTMLDivElement | null> | ((instance: HTMLElement | null) => void);
         focusableRef?: React.MutableRefObject<HTMLDivElement | null> | ((instance: HTMLElement | null) => void);
         readMoreProps?: DSReadMoreT.Props;
     }
-    export interface RequiredProps {
+    interface RequiredProps {
     }
-    export type Props = PropsT<DefaultProps, RequiredProps, OptionalProps, HTMLDivElement> & TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSCommentCardName, typeof DSCommentCardSlots>;
-    export type InternalProps = InternalPropsT<DefaultProps, RequiredProps, OptionalProps, HTMLDivElement> & TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSCommentCardName, typeof DSCommentCardSlots>;
-    export {};
+    type Props = PropsT<DefaultProps, RequiredProps, OptionalProps, HTMLDivElement>;
+    type InternalProps = InternalPropsT<DefaultProps, RequiredProps, OptionalProps, HTMLDivElement>;
 }
 export declare const defaultProps: DSCommentCardT.DefaultProps;
 export declare const DSCommentCardPropTypes: DSPropTypesSchema<DSCommentCardT.Props>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-comments",
-  "version": "3.80.0-next.52",
+  "version": "3.80.0-next.53",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Comments",
   "files": [
@@ -36,23 +36,22 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-button-v2": "3.80.0-next.52",
-    "@elliemae/ds-dropdownmenu-v2": "3.80.0-next.52",
-    "@elliemae/ds-icons": "3.80.0-next.52",
-    "@elliemae/ds-legacy-dropdownmenu": "1.0.16",
-    "@elliemae/ds-props-helpers": "3.80.0-next.52",
-    "@elliemae/ds-read-more": "3.80.0-next.52",
-    "@elliemae/ds-system": "3.80.0-next.52",
-    "@elliemae/ds-typescript-helpers": "3.80.0-next.52",
+    "@elliemae/ds-props-helpers": "3.80.0-next.53",
+    "@elliemae/ds-read-more": "3.80.0-next.53",
+    "@elliemae/ds-system": "3.80.0-next.53",
+    "@elliemae/ds-typescript-helpers": "3.80.0-next.53",
     "moment": "~2.29.4"
   },
   "devDependencies": {
-    "@elliemae/ds-monorepo-devops": "3.80.0-next.52",
-    "@elliemae/ds-test-utils": "3.80.0-next.52",
+    "@elliemae/ds-monorepo-devops": "3.80.0-next.53",
+    "@elliemae/ds-test-utils": "3.80.0-next.53",
     "jest": "^30.0.0",
     "styled-components": "~5.3.11"
   },
   "peerDependencies": {
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.0.1",
+    "@testing-library/user-event": "~14.6.1",
     "@xstyled/system": "~3.8.1",
     "@xstyled/util": "~3.7.0",
     "lodash-es": "^4.18.1",

package/dist/cjs/DeprecatedMenu.js

@@ -1,73 +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 DeprecatedMenu_exports = {};
-__export(DeprecatedMenu_exports, {
-  DeprecatedMenu: () => DeprecatedMenu
-});
-module.exports = __toCommonJS(DeprecatedMenu_exports);
-var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-var import_ds_button_v2 = require("@elliemae/ds-button-v2");
-var import_ds_legacy_dropdownmenu = require("@elliemae/ds-legacy-dropdownmenu");
-var import_ds_icons = require("@elliemae/ds-icons");
-var import_styled = require("./styled.js");
-const DeprecatedMenu = ({
-  getOwnerProps,
-  getOwnerPropsArguments,
-  customDropdownMenuProps,
-  options,
-  selection
-}) => {
-  const ref = (0, import_react.useRef)(null);
-  const handleCloseMenu = (0, import_react.useCallback)(() => {
-    ref.current?.focus();
-    return null;
-  }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_styled.CommentCardMenu,
-    {
-      className: "em-ds-comments__comment-card-menu",
-      getOwnerProps,
-      getOwnerPropsArguments,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_ds_legacy_dropdownmenu.DSDropdownMenu,
-        {
-          ...customDropdownMenuProps,
-          onClose: handleCloseMenu,
-          options,
-          selection,
-          triggerComponent: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button_v2.DSButtonV2, { buttonType: "icon", innerRef: ref, "aria-label": "More options", "aria-haspopup": "menu", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.MoreOptionsVert, {}) }),
-          zIndex: 11
-        }
-      )
-    }
-  );
-};
-//# sourceMappingURL=DeprecatedMenu.js.map

package/dist/cjs/DeprecatedMenu.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/DeprecatedMenu.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { useCallback, useRef } from 'react';\nimport { DSButtonV2 } from '@elliemae/ds-button-v2';\nimport { DSDropdownMenu } from '@elliemae/ds-legacy-dropdownmenu';\nimport { MoreOptionsVert } from '@elliemae/ds-icons';\nimport { CommentCardMenu } from './styled.js';\n\ninterface DeprecatedMenuProps {\n  getOwnerProps: () => object;\n  getOwnerPropsArguments: () => object;\n  options: unknown[];\n  selection: unknown;\n  customDropdownMenuProps: Record<string, unknown>;\n}\n\nexport const DeprecatedMenu: React.ComponentType<DeprecatedMenuProps> = ({\n  getOwnerProps,\n  getOwnerPropsArguments,\n  customDropdownMenuProps,\n  options,\n  selection,\n}) => {\n  const ref = useRef<HTMLButtonElement | null>(null);\n\n  const handleCloseMenu = useCallback(() => {\n    ref.current?.focus();\n    return null;\n  }, []);\n\n  return (\n    <CommentCardMenu\n      className=\"em-ds-comments__comment-card-menu\"\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    >\n      <DSDropdownMenu\n        {...customDropdownMenuProps}\n        onClose={handleCloseMenu}\n        options={options}\n        selection={selection}\n        triggerComponent={\n          <DSButtonV2 buttonType=\"icon\" innerRef={ref} aria-label=\"More options\" aria-haspopup=\"menu\">\n            <MoreOptionsVert />\n          </DSButtonV2>\n        }\n        zIndex={11} // https://jira.elliemae.io/browse/PUI-1664\n      />\n    </CommentCardMenu>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD2CX;AAzCZ,mBAAoC;AACpC,0BAA2B;AAC3B,oCAA+B;AAC/B,sBAAgC;AAChC,oBAAgC;AAUzB,MAAM,iBAA2D,CAAC;AAAA,EACvE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,UAAM,qBAAiC,IAAI;AAEjD,QAAM,sBAAkB,0BAAY,MAAM;AACxC,QAAI,SAAS,MAAM;AACnB,WAAO;AAAA,EACT,GAAG,CAAC,CAAC;AAEL,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV;AAAA,MACA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACE,GAAG;AAAA,UACJ,SAAS;AAAA,UACT;AAAA,UACA;AAAA,UACA,kBACE,4CAAC,kCAAW,YAAW,QAAO,UAAU,KAAK,cAAW,gBAAe,iBAAc,QACnF,sDAAC,mCAAgB,GACnB;AAAA,UAEF,QAAQ;AAAA;AAAA,MACV;AAAA;AAAA,EACF;AAEJ;",
-  "names": []
-}

package/dist/cjs/config/DSCommentCardDefinitions.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/config/DSCommentCardDefinitions.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSCommentCardName = 'DSCommentcard';\n\nexport const DSCommentCardSlots = {\n  ROOT: 'root',\n  HEADER: 'header',\n  CONTENT: 'content',\n  LEFT: 'left',\n  NAME: 'name',\n  DATA: 'data',\n  MENU_WRAPPER: 'menu-wrapper',\n} as const;\n\nexport const DSCommentCardDataTestIds = slotObjectToDataTestIds(DSCommentCardName, DSCommentCardSlots);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AAEjC,MAAM,oBAAoB;AAE1B,MAAM,qBAAqB;AAAA,EAChC,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,cAAc;AAChB;AAEO,MAAM,+BAA2B,0CAAwB,mBAAmB,kBAAkB;",
-  "names": []
-}

package/dist/esm/DeprecatedMenu.js

@@ -1,43 +0,0 @@
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-import { useCallback, useRef } from "react";
-import { DSButtonV2 } from "@elliemae/ds-button-v2";
-import { DSDropdownMenu } from "@elliemae/ds-legacy-dropdownmenu";
-import { MoreOptionsVert } from "@elliemae/ds-icons";
-import { CommentCardMenu } from "./styled.js";
-const DeprecatedMenu = ({
-  getOwnerProps,
-  getOwnerPropsArguments,
-  customDropdownMenuProps,
-  options,
-  selection
-}) => {
-  const ref = useRef(null);
-  const handleCloseMenu = useCallback(() => {
-    ref.current?.focus();
-    return null;
-  }, []);
-  return /* @__PURE__ */ jsx(
-    CommentCardMenu,
-    {
-      className: "em-ds-comments__comment-card-menu",
-      getOwnerProps,
-      getOwnerPropsArguments,
-      children: /* @__PURE__ */ jsx(
-        DSDropdownMenu,
-        {
-          ...customDropdownMenuProps,
-          onClose: handleCloseMenu,
-          options,
-          selection,
-          triggerComponent: /* @__PURE__ */ jsx(DSButtonV2, { buttonType: "icon", innerRef: ref, "aria-label": "More options", "aria-haspopup": "menu", children: /* @__PURE__ */ jsx(MoreOptionsVert, {}) }),
-          zIndex: 11
-        }
-      )
-    }
-  );
-};
-export {
-  DeprecatedMenu
-};
-//# sourceMappingURL=DeprecatedMenu.js.map

package/dist/esm/DeprecatedMenu.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DeprecatedMenu.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { useCallback, useRef } from 'react';\nimport { DSButtonV2 } from '@elliemae/ds-button-v2';\nimport { DSDropdownMenu } from '@elliemae/ds-legacy-dropdownmenu';\nimport { MoreOptionsVert } from '@elliemae/ds-icons';\nimport { CommentCardMenu } from './styled.js';\n\ninterface DeprecatedMenuProps {\n  getOwnerProps: () => object;\n  getOwnerPropsArguments: () => object;\n  options: unknown[];\n  selection: unknown;\n  customDropdownMenuProps: Record<string, unknown>;\n}\n\nexport const DeprecatedMenu: React.ComponentType<DeprecatedMenuProps> = ({\n  getOwnerProps,\n  getOwnerPropsArguments,\n  customDropdownMenuProps,\n  options,\n  selection,\n}) => {\n  const ref = useRef<HTMLButtonElement | null>(null);\n\n  const handleCloseMenu = useCallback(() => {\n    ref.current?.focus();\n    return null;\n  }, []);\n\n  return (\n    <CommentCardMenu\n      className=\"em-ds-comments__comment-card-menu\"\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    >\n      <DSDropdownMenu\n        {...customDropdownMenuProps}\n        onClose={handleCloseMenu}\n        options={options}\n        selection={selection}\n        triggerComponent={\n          <DSButtonV2 buttonType=\"icon\" innerRef={ref} aria-label=\"More options\" aria-haspopup=\"menu\">\n            <MoreOptionsVert />\n          </DSButtonV2>\n        }\n        zIndex={11} // https://jira.elliemae.io/browse/PUI-1664\n      />\n    </CommentCardMenu>\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC2CX;AAzCZ,SAAS,aAAa,cAAc;AACpC,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAC/B,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAUzB,MAAM,iBAA2D,CAAC;AAAA,EACvE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,MAAM,OAAiC,IAAI;AAEjD,QAAM,kBAAkB,YAAY,MAAM;AACxC,QAAI,SAAS,MAAM;AACnB,WAAO;AAAA,EACT,GAAG,CAAC,CAAC;AAEL,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV;AAAA,MACA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACE,GAAG;AAAA,UACJ,SAAS;AAAA,UACT;AAAA,UACA;AAAA,UACA,kBACE,oBAAC,cAAW,YAAW,QAAO,UAAU,KAAK,cAAW,gBAAe,iBAAc,QACnF,8BAAC,mBAAgB,GACnB;AAAA,UAEF,QAAQ;AAAA;AAAA,MACV;AAAA;AAAA,EACF;AAEJ;",
-  "names": []
-}

package/dist/esm/config/DSCommentCardDefinitions.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/DSCommentCardDefinitions.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSCommentCardName = 'DSCommentcard';\n\nexport const DSCommentCardSlots = {\n  ROOT: 'root',\n  HEADER: 'header',\n  CONTENT: 'content',\n  LEFT: 'left',\n  NAME: 'name',\n  DATA: 'data',\n  MENU_WRAPPER: 'menu-wrapper',\n} as const;\n\nexport const DSCommentCardDataTestIds = slotObjectToDataTestIds(DSCommentCardName, DSCommentCardSlots);\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AAEjC,MAAM,oBAAoB;AAE1B,MAAM,qBAAqB;AAAA,EAChC,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,cAAc;AAChB;AAEO,MAAM,2BAA2B,wBAAwB,mBAAmB,kBAAkB;",
-  "names": []
-}

package/dist/types/DeprecatedMenu.d.ts

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