@elliemae/ds-comments 3.35.0-rc.3 → 3.36.0-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/dist/cjs/DSCommentCard.js +13 -2
  2. package/dist/cjs/DSCommentCard.js.map +2 -2
  3. package/dist/cjs/config/DSCommentCardDefinitions.js +1 -1
  4. package/dist/cjs/config/DSCommentCardDefinitions.js.map +2 -2
  5. package/dist/cjs/react-desc-prop-types.js +2 -1
  6. package/dist/cjs/react-desc-prop-types.js.map +2 -2
  7. package/dist/cjs/styled.js +1 -1
  8. package/dist/cjs/styled.js.map +2 -2
  9. package/dist/esm/DSCommentCard.js +13 -2
  10. package/dist/esm/DSCommentCard.js.map +2 -2
  11. package/dist/esm/config/DSCommentCardDefinitions.js +1 -1
  12. package/dist/esm/config/DSCommentCardDefinitions.js.map +2 -2
  13. package/dist/esm/react-desc-prop-types.js +2 -1
  14. package/dist/esm/react-desc-prop-types.js.map +2 -2
  15. package/dist/esm/styled.js +1 -1
  16. package/dist/esm/styled.js.map +2 -2
  17. package/dist/types/config/DSCommentCardDefinitions.d.ts +1 -1
  18. package/dist/types/react-desc-prop-types.d.ts +2 -0
  19. package/package.json +10 -10
package/dist/cjs/DSCommentCard.js CHANGED
@@ -58,7 +58,8 @@ const DSCommentCard = (props) => {
58
58
  Menu,
59
59
  menuProps,
60
60
  innerRef,
61
- focusableRef
61
+ focusableRef,
62
+ readMoreProps
62
63
  },
63
64
  xstyledProps,
64
65
  getOwnerProps,
@@ -155,7 +156,17 @@ const DSCommentCard = (props) => {
155
156
  className: "em-ds-comments__comment-card-content",
156
157
  getOwnerProps,
157
158
  getOwnerPropsArguments,
158
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_read_more.DSReadMore, { lines: maxLines, content: `${content} `, more: "MORE", less: "LESS", ellipsis: "... " })
159
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
160
+ import_ds_read_more.DSReadMore,
161
+ {
162
+ lines: maxLines,
163
+ content: `${content} `,
164
+ more: "MORE",
165
+ less: "LESS",
166
+ ellipsis: "... ",
167
+ ...readMoreProps
168
+ }
169
+ )
159
170
  }
160
171
  )
161
172
  ]
package/dist/cjs/DSCommentCard.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/DSCommentCard.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "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 },\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 lines={maxLines} content={`${content} `} more=\"MORE\" less=\"LESS\" ellipsis=\"... \" />\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"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADiFb;AA/EV,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,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;AAAA,MAExE,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;AAAA,YAEvE;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,sDAAC,kCAAW,OAAO,UAAU,SAAS,GAAG,YAAY,MAAK,QAAO,MAAK,QAAO,UAAS,QAAO;AAAA;AAAA,QAC/F;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,cAAc,cAAc;AACrB,MAAM,8BAA0B,kCAAS,aAAa;AAC7D,wBAAwB,YAAY;",
4
+ "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"],
5
+ "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;AAAA,MAExE,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;AAAA,YAEvE;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;AAAA,gBACZ,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;",
6
6
  "names": []
7
7
  }
package/dist/cjs/config/DSCommentCardDefinitions.js CHANGED
@@ -43,7 +43,7 @@ const DSCommentCardSlots = {
43
43
  LEFT: "left",
44
44
  NAME: "name",
45
45
  DATA: "data",
46
- MENU: "menu"
46
+ MENU_WRAPPER: "menu-wrapper"
47
47
  };
48
48
  const DSCommentCardDataTestIds = (0, import_ds_system.slotObjectToDataTestIds)(DSCommentCardName, DSCommentCardSlots);
49
49
  //# sourceMappingURL=DSCommentCardDefinitions.js.map
package/dist/cjs/config/DSCommentCardDefinitions.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/config/DSCommentCardDefinitions.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
4
- "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: 'menu',\n} as const;\n\nexport const DSCommentCardDataTestIds = slotObjectToDataTestIds(DSCommentCardName, DSCommentCardSlots);\n", "import * as React from 'react';\nexport { React };\n"],
5
- "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,MAAM;AACR;AAEO,MAAM,+BAA2B,0CAAwB,mBAAmB,kBAAkB;",
4
+ "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"],
5
+ "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;",
6
6
  "names": []
7
7
  }
package/dist/cjs/react-desc-prop-types.js CHANGED
@@ -99,7 +99,8 @@ const DSCommentCardPropTypes = {
99
99
  innerRef: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.object, import_ds_props_helpers.PropTypes.func]).description(
100
100
  "Inner ref to the Comment Card component"
101
101
  ),
102
- focusableRef: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.object, import_ds_props_helpers.PropTypes.func]).description("Ref to the focusable part of the component").deprecated({ version: "4.x", message: "use global attribute prop instead" })
102
+ focusableRef: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.object, import_ds_props_helpers.PropTypes.func]).description("Ref to the focusable part of the component").deprecated({ version: "4.x", message: "use global attribute prop instead" }),
103
+ readMoreProps: import_ds_props_helpers.PropTypes.object.description("Props passed to the DSReadMore component")
103
104
  };
104
105
  const DSCommentCardPropTypesSchema = DSCommentCardPropTypes;
105
106
  //# sourceMappingURL=react-desc-prop-types.js.map
package/dist/cjs/react-desc-prop-types.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/react-desc-prop-types.ts", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["/* eslint-disable @typescript-eslint/no-empty-interface */\nimport {\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 { 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 extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSCommentCardName, typeof DSCommentCardSlots> {\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 }\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 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};\n\nexport const DSCommentCardPropTypesSchema =\n DSCommentCardPropTypes as unknown as WeakValidationMap<DSCommentCardT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,8BAKO;AAIP,sCAAsD;AA6C/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;AAChF;AAEO,MAAM,+BACX;",
4
+ "sourcesContent": ["/* eslint-disable @typescript-eslint/no-empty-interface */\nimport {\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 extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSCommentCardName, typeof DSCommentCardSlots> {\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 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"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,8BAKO;AAKP,sCAAsD;AA8C/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;",
6
6
  "names": []
7
7
  }
package/dist/cjs/styled.js CHANGED
@@ -118,5 +118,5 @@ const CommentCardData = (0, import_ds_system.styled)("div", { name: import_DSCom
118
118
  padding: 0 0.30769rem;
119
119
  }
120
120
  `;
121
- const CommentCardMenu = (0, import_ds_system.styled)("div", { name: import_DSCommentCardDefinitions.DSCommentCardName, slot: import_DSCommentCardDefinitions.DSCommentCardSlots.MENU })``;
121
+ const CommentCardMenu = (0, import_ds_system.styled)("div", { name: import_DSCommentCardDefinitions.DSCommentCardName, slot: import_DSCommentCardDefinitions.DSCommentCardSlots.MENU_WRAPPER })``;
122
122
  //# sourceMappingURL=styled.js.map
package/dist/cjs/styled.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/styled.ts", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "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 })``;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "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;AAAA,mCACnB,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA;AAAA,EAGvD;AACA,SAAO;AACT;AAAA,IACE;AAAA;AAGG,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;AAAA;AAAA,EAElD;AACA,SAAO;AACT;AAAA;AAGK,MAAM,yBAAqB,yBAAO,OAAO,EAAE,MAAM,mDAAmB,MAAM,mDAAmB,QAAQ,CAAC;AAAA;AAAA;AAAA,iBAG5F,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUhB,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,KAAK,CAAC;",
4
+ "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"],
5
+ "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;AAAA,mCACnB,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA;AAAA,EAGvD;AACA,SAAO;AACT;AAAA,IACE;AAAA;AAGG,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;AAAA;AAAA,EAElD;AACA,SAAO;AACT;AAAA;AAGK,MAAM,yBAAqB,yBAAO,OAAO,EAAE,MAAM,mDAAmB,MAAM,mDAAmB,QAAQ,CAAC;AAAA;AAAA;AAAA,iBAG5F,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUhB,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;",
6
6
  "names": []
7
7
  }
package/dist/esm/DSCommentCard.js CHANGED
@@ -32,7 +32,8 @@ const DSCommentCard = (props) => {
32
32
  Menu,
33
33
  menuProps,
34
34
  innerRef,
35
- focusableRef
35
+ focusableRef,
36
+ readMoreProps
36
37
  },
37
38
  xstyledProps,
38
39
  getOwnerProps,
@@ -129,7 +130,17 @@ const DSCommentCard = (props) => {
129
130
  className: "em-ds-comments__comment-card-content",
130
131
  getOwnerProps,
131
132
  getOwnerPropsArguments,
132
- children: /* @__PURE__ */ jsx(DSReadMore, { lines: maxLines, content: `${content} `, more: "MORE", less: "LESS", ellipsis: "... " })
133
+ children: /* @__PURE__ */ jsx(
134
+ DSReadMore,
135
+ {
136
+ lines: maxLines,
137
+ content: `${content} `,
138
+ more: "MORE",
139
+ less: "LESS",
140
+ ellipsis: "... ",
141
+ ...readMoreProps
142
+ }
143
+ )
133
144
  }
134
145
  )
135
146
  ]
package/dist/esm/DSCommentCard.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSCommentCard.tsx"],
4
- "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 },\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 lines={maxLines} content={`${content} `} more=\"MORE\" less=\"LESS\" ellipsis=\"... \" />\n </CommentCardContent>\n </CommentCardWrapper>\n );\n};\n\nDSCommentCard.displayName = DSCommentCardName;\nexport const DSCommentCardWithSchema = describe(DSCommentCard);\nDSCommentCardWithSchema.propTypes = DSCommentCardPropTypesSchema;\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACiFb,SAcI,UAdJ,KAcI,YAdJ;AA/EV,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,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;AAAA,MAExE,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;AAAA,YAEvE;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,8BAAC,cAAW,OAAO,UAAU,SAAS,GAAG,YAAY,MAAK,QAAO,MAAK,QAAO,UAAS,QAAO;AAAA;AAAA,QAC/F;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,cAAc,cAAc;AACrB,MAAM,0BAA0B,SAAS,aAAa;AAC7D,wBAAwB,YAAY;",
4
+ "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"],
5
+ "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;AAAA,MAExE,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;AAAA,YAEvE;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;AAAA,gBACZ,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;",
6
6
  "names": []
7
7
  }
package/dist/esm/config/DSCommentCardDefinitions.js CHANGED
@@ -8,7 +8,7 @@ const DSCommentCardSlots = {
8
8
  LEFT: "left",
9
9
  NAME: "name",
10
10
  DATA: "data",
11
- MENU: "menu"
11
+ MENU_WRAPPER: "menu-wrapper"
12
12
  };
13
13
  const DSCommentCardDataTestIds = slotObjectToDataTestIds(DSCommentCardName, DSCommentCardSlots);
14
14
  export {
package/dist/esm/config/DSCommentCardDefinitions.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/DSCommentCardDefinitions.ts"],
4
- "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: 'menu',\n} as const;\n\nexport const DSCommentCardDataTestIds = slotObjectToDataTestIds(DSCommentCardName, DSCommentCardSlots);\n"],
5
- "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,MAAM;AACR;AAEO,MAAM,2BAA2B,wBAAwB,mBAAmB,kBAAkB;",
4
+ "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"],
5
+ "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;",
6
6
  "names": []
7
7
  }
package/dist/esm/react-desc-prop-types.js CHANGED
@@ -69,7 +69,8 @@ const DSCommentCardPropTypes = {
69
69
  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description(
70
70
  "Inner ref to the Comment Card component"
71
71
  ),
72
- focusableRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description("Ref to the focusable part of the component").deprecated({ version: "4.x", message: "use global attribute prop instead" })
72
+ focusableRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description("Ref to the focusable part of the component").deprecated({ version: "4.x", message: "use global attribute prop instead" }),
73
+ readMoreProps: PropTypes.object.description("Props passed to the DSReadMore component")
73
74
  };
74
75
  const DSCommentCardPropTypesSchema = DSCommentCardPropTypes;
75
76
  export {
package/dist/esm/react-desc-prop-types.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.ts"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-empty-interface */\nimport {\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 { 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 extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSCommentCardName, typeof DSCommentCardSlots> {\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 }\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 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};\n\nexport const DSCommentCardPropTypesSchema =\n DSCommentCardPropTypes as unknown as WeakValidationMap<DSCommentCardT.Props>;\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACCvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAIP,SAAS,mBAAmB,0BAA0B;AA6C/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;AAChF;AAEO,MAAM,+BACX;",
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-empty-interface */\nimport {\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 extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSCommentCardName, typeof DSCommentCardSlots> {\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 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"],
5
+ "mappings": "AAAA,YAAY,WAAW;ACCvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAKP,SAAS,mBAAmB,0BAA0B;AA8C/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;",
6
6
  "names": []
7
7
  }
package/dist/esm/styled.js CHANGED
@@ -79,7 +79,7 @@ const CommentCardData = styled("div", { name: DSCommentCardName, slot: DSComment
79
79
  padding: 0 0.30769rem;
80
80
  }
81
81
  `;
82
- const CommentCardMenu = styled("div", { name: DSCommentCardName, slot: DSCommentCardSlots.MENU })``;
82
+ const CommentCardMenu = styled("div", { name: DSCommentCardName, slot: DSCommentCardSlots.MENU_WRAPPER })``;
83
83
  export {
84
84
  CommentCardContent,
85
85
  CommentCardData,
package/dist/esm/styled.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/styled.ts"],
4
- "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 })``;\n"],
5
- "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;AAAA,mCACnB,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA;AAAA,EAGvD;AACA,SAAO;AACT;AAAA,IACE;AAAA;AAGG,MAAM,oBAAoB,OAAO,OAAO,EAAE,MAAM,mBAAmB,MAAM,mBAAmB,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,IAOvG,CAAC,EAAE,cAAc,MAAM,MAAM;AAC7B,MAAI,cAAc;AAChB,WAAO;AAAA,8BACiB,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA,EAElD;AACA,SAAO;AACT;AAAA;AAGK,MAAM,qBAAqB,OAAO,OAAO,EAAE,MAAM,mBAAmB,MAAM,mBAAmB,QAAQ,CAAC;AAAA;AAAA;AAAA,iBAG5F,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUhB,MAAM,kBAAkB,OAAO,OAAO,EAAE,MAAM,mBAAmB,MAAM,mBAAmB,KAAK,CAAC;AAAA;AAAA;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,KAAK,CAAC;",
4
+ "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"],
5
+ "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;AAAA,mCACnB,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA;AAAA,EAGvD;AACA,SAAO;AACT;AAAA,IACE;AAAA;AAGG,MAAM,oBAAoB,OAAO,OAAO,EAAE,MAAM,mBAAmB,MAAM,mBAAmB,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,IAOvG,CAAC,EAAE,cAAc,MAAM,MAAM;AAC7B,MAAI,cAAc;AAChB,WAAO;AAAA,8BACiB,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA,EAElD;AACA,SAAO;AACT;AAAA;AAGK,MAAM,qBAAqB,OAAO,OAAO,EAAE,MAAM,mBAAmB,MAAM,mBAAmB,QAAQ,CAAC;AAAA;AAAA;AAAA,iBAG5F,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUhB,MAAM,kBAAkB,OAAO,OAAO,EAAE,MAAM,mBAAmB,MAAM,mBAAmB,KAAK,CAAC;AAAA;AAAA;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;",
6
6
  "names": []
7
7
  }
package/dist/types/config/DSCommentCardDefinitions.d.ts CHANGED
@@ -6,6 +6,6 @@ export declare const DSCommentCardSlots: {
6
6
  readonly LEFT: "left";
7
7
  readonly NAME: "name";
8
8
  readonly DATA: "data";
9
- readonly MENU: "menu";
9
+ readonly MENU_WRAPPER: "menu-wrapper";
10
10
  };
11
11
  export declare const DSCommentCardDataTestIds: Record<string, string>;
package/dist/types/react-desc-prop-types.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import type { WeakValidationMap } from 'react';
2
2
  import type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';
3
3
  import type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
4
+ import type { DSReadMoreT } from '@elliemae/ds-read-more';
4
5
  import { DSCommentCardName, DSCommentCardSlots } from './config/DSCommentCardDefinitions.js';
5
6
  export declare namespace DSCommentCardT {
6
7
  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>;
@@ -25,6 +26,7 @@ export declare namespace DSCommentCardT {
25
26
  menuProps?: object;
26
27
  innerRef?: React.MutableRefObject<HTMLDivElement | null> | ((instance: HTMLElement | null) => void);
27
28
  focusableRef?: React.MutableRefObject<HTMLDivElement | null> | ((instance: HTMLElement | null) => void);
29
+ readMoreProps?: DSReadMoreT.Props;
28
30
  }
29
31
  export interface RequiredProps {
30
32
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-comments",
3
- "version": "3.35.0-rc.3",
3
+ "version": "3.36.0-rc.0",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Comments",
6
6
  "files": [
@@ -53,19 +53,19 @@
53
53
  },
54
54
  "dependencies": {
55
55
  "moment": "~2.29.4",
56
- "@elliemae/ds-dropdownmenu": "3.35.0-rc.3",
57
- "@elliemae/ds-button-v2": "3.35.0-rc.3",
58
- "@elliemae/ds-dropdownmenu-v2": "3.35.0-rc.3",
59
- "@elliemae/ds-read-more": "3.35.0-rc.3",
60
- "@elliemae/ds-icons": "3.35.0-rc.3",
61
- "@elliemae/ds-typescript-helpers": "3.35.0-rc.3",
62
- "@elliemae/ds-props-helpers": "3.35.0-rc.3",
63
- "@elliemae/ds-system": "3.35.0-rc.3"
56
+ "@elliemae/ds-button-v2": "3.36.0-rc.0",
57
+ "@elliemae/ds-dropdownmenu": "3.36.0-rc.0",
58
+ "@elliemae/ds-dropdownmenu-v2": "3.36.0-rc.0",
59
+ "@elliemae/ds-icons": "3.36.0-rc.0",
60
+ "@elliemae/ds-props-helpers": "3.36.0-rc.0",
61
+ "@elliemae/ds-read-more": "3.36.0-rc.0",
62
+ "@elliemae/ds-system": "3.36.0-rc.0",
63
+ "@elliemae/ds-typescript-helpers": "3.36.0-rc.0"
64
64
  },
65
65
  "devDependencies": {
66
66
  "@elliemae/pui-cli": "~9.0.0-next.31",
67
67
  "styled-components": "~5.3.9",
68
- "@elliemae/ds-monorepo-devops": "3.35.0-rc.3"
68
+ "@elliemae/ds-monorepo-devops": "3.36.0-rc.0"
69
69
  },
70
70
  "peerDependencies": {
71
71
  "@xstyled/system": "~3.7.3",