@elliemae/ds-comments 3.22.0-next.8 → 3.22.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 (24) hide show
  1. package/dist/cjs/DSCommentCard.js +5 -1
  2. package/dist/cjs/DSCommentCard.js.map +3 -3
  3. package/dist/cjs/DeprecatedMenu.js.map +1 -1
  4. package/dist/cjs/config/DSCommentCardDefinitions.js.map +1 -1
  5. package/dist/cjs/config/useCommentCard.js.map +1 -1
  6. package/dist/cjs/helpers.js.map +1 -1
  7. package/dist/cjs/index.js.map +1 -1
  8. package/dist/cjs/react-desc-prop-types.js +7 -1
  9. package/dist/cjs/react-desc-prop-types.js.map +3 -3
  10. package/dist/cjs/styled.js.map +1 -1
  11. package/dist/cjs/utils.js.map +1 -1
  12. package/dist/esm/DSCommentCard.js +5 -1
  13. package/dist/esm/DSCommentCard.js.map +3 -3
  14. package/dist/esm/DeprecatedMenu.js.map +1 -1
  15. package/dist/esm/config/DSCommentCardDefinitions.js.map +1 -1
  16. package/dist/esm/config/useCommentCard.js.map +1 -1
  17. package/dist/esm/helpers.js.map +1 -1
  18. package/dist/esm/index.js.map +1 -1
  19. package/dist/esm/react-desc-prop-types.js +7 -1
  20. package/dist/esm/react-desc-prop-types.js.map +3 -3
  21. package/dist/esm/styled.js.map +1 -1
  22. package/dist/esm/utils.js.map +1 -1
  23. package/dist/types/react-desc-prop-types.d.ts +2 -0
  24. package/package.json +15 -15
package/dist/cjs/DSCommentCard.js CHANGED
@@ -56,7 +56,9 @@ const DSCommentCard = (props) => {
56
56
  selection,
57
57
  customDropdownMenuProps,
58
58
  Menu,
59
- menuProps
59
+ menuProps,
60
+ innerRef,
61
+ focusableRef
60
62
  },
61
63
  xstyledProps,
62
64
  getOwnerProps,
@@ -75,6 +77,7 @@ const DSCommentCard = (props) => {
75
77
  style: { ...style, ...containerProps.style || {} },
76
78
  getOwnerProps,
77
79
  getOwnerPropsArguments,
80
+ ref: innerRef,
78
81
  children: [
79
82
  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
80
83
  import_styled.CommentCardHeader,
@@ -99,6 +102,7 @@ const DSCommentCard = (props) => {
99
102
  className: "em-ds-comments__comment-card-left",
100
103
  getOwnerProps,
101
104
  getOwnerPropsArguments,
105
+ ref: focusableRef,
102
106
  children: [
103
107
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
104
108
  import_styled.CommentCardName,
package/dist/cjs/DSCommentCard.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 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 },\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 >\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 >\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;AD6Eb;AA3EV,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,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,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,kBAEA;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;",
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 ref={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 ref={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,KAAK;AAAA,MAEL;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,KAAK;AAAA,kBAEL;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;",
6
6
  "names": []
7
7
  }
package/dist/cjs/DeprecatedMenu.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../src/DeprecatedMenu.tsx", "../../../../scripts/build/transpile/react-shim.js"],
3
+ "sources": ["../../src/DeprecatedMenu.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "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-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"],
5
5
  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD2CX;AAzCZ,mBAAoC;AACpC,0BAA2B;AAC3B,6BAA2B;AAC3B,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,uBAAAA;AAAA,QAAA;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;",
6
6
  "names": ["DSDropdownMenu"]
package/dist/cjs/config/DSCommentCardDefinitions.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../src/config/DSCommentCardDefinitions.ts", "../../../../../scripts/build/transpile/react-shim.js"],
3
+ "sources": ["../../../src/config/DSCommentCardDefinitions.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
4
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};\n\nexport const DSCommentCardDataTestIds = slotObjectToDataTestIds(DSCommentCardName, DSCommentCardSlots);\n", "import * as React from 'react';\nexport { React };\n"],
5
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;",
6
6
  "names": []
package/dist/cjs/config/useCommentCard.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../src/config/useCommentCard.ts", "../../../../../scripts/build/transpile/react-shim.js"],
3
+ "sources": ["../../../src/config/useCommentCard.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import { useCallback } from 'react';\nimport { omit } from 'lodash';\nimport { useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { getTime, getDisplayDate } from '../helpers.js';\nimport { type DSCommentCardT, defaultProps } from '../react-desc-prop-types.js';\n\nexport const useCommentCard = (props: DSCommentCardT.Props) => {\n const propsWithDefault = useMemoMergePropsWithDefault<DSCommentCardT.InternalProps>(props, defaultProps);\n const { date, dateFormat, timeFormat } = propsWithDefault;\n\n const xstyledProps = useGetXstyledProps(omit(propsWithDefault, 'borderBottom'));\n\n const displayDate = date ? getDisplayDate(date, dateFormat) : null;\n const displayTime = date ? getTime(date, timeFormat) : null;\n\n const getOwnerProps = useCallback(() => propsWithDefault, [propsWithDefault]);\n const getOwnerPropsArguments = useCallback(() => ({}), []);\n\n return {\n propsWithDefault,\n xstyledProps,\n getOwnerProps,\n getOwnerPropsArguments,\n displayDate,\n displayTime,\n };\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
5
  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA4B;AAC5B,oBAAqB;AACrB,8BAAiE;AACjE,qBAAwC;AACxC,mCAAkD;AAE3C,MAAM,iBAAiB,CAAC,UAAgC;AAC7D,QAAM,uBAAmB,sDAA2D,OAAO,yCAAY;AACvG,QAAM,EAAE,MAAM,YAAY,WAAW,IAAI;AAEzC,QAAM,mBAAe,gDAAmB,oBAAK,kBAAkB,cAAc,CAAC;AAE9E,QAAM,cAAc,WAAO,+BAAe,MAAM,UAAU,IAAI;AAC9D,QAAM,cAAc,WAAO,wBAAQ,MAAM,UAAU,IAAI;AAEvD,QAAM,oBAAgB,0BAAY,MAAM,kBAAkB,CAAC,gBAAgB,CAAC;AAC5E,QAAM,6BAAyB,0BAAY,OAAO,CAAC,IAAI,CAAC,CAAC;AAEzD,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
6
6
  "names": []
package/dist/cjs/helpers.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../src/helpers.tsx", "../../../../scripts/build/transpile/react-shim.js"],
3
+ "sources": ["../../src/helpers.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import moment from 'moment';\n\nexport function getMaxSize() {\n return 113;\n}\nexport function getTime(date: Date, formatString = 'hh:mm a') {\n return moment(date).format(formatString);\n}\nexport function getDisplayDate(date: Date, formatString = 'MM/DD/YYYY') {\n return moment(date).format(formatString);\n}\n", "import * as React from 'react';\nexport { React };\n"],
5
5
  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,oBAAmB;AAEZ,SAAS,aAAa;AAC3B,SAAO;AACT;AACO,SAAS,QAAQ,MAAY,eAAe,WAAW;AAC5D,aAAO,cAAAA,SAAO,IAAI,EAAE,OAAO,YAAY;AACzC;AACO,SAAS,eAAe,MAAY,eAAe,cAAc;AACtE,aAAO,cAAAA,SAAO,IAAI,EAAE,OAAO,YAAY;AACzC;",
6
6
  "names": ["moment"]
package/dist/cjs/index.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
3
+ "sources": ["../../src/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["// Workaround for TS2742\nimport type {} from '@xstyled/system';\nimport type {} from '@xstyled/util';\n\nimport { DSCommentCard } from './DSCommentCard.js';\n\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"],
5
5
  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIvB,2BAA8B;AAE9B,IAAAA,wBAAuD;AACvD,sCAAgF;AAChF,IAAO,cAAQ;",
6
6
  "names": ["import_DSCommentCard"]
package/dist/cjs/react-desc-prop-types.js CHANGED
@@ -93,7 +93,13 @@ const DSCommentCardPropTypes = {
93
93
  */
94
94
  maxLines: import_ds_props_helpers.PropTypes.number.description("Max lines"),
95
95
  Menu: import_ds_props_helpers.PropTypes.func.description("Menu component"),
96
- menuProps: import_ds_props_helpers.PropTypes.object.description("Props that will be received by the Menu component")
96
+ menuProps: import_ds_props_helpers.PropTypes.object.description("Props that will be received by the Menu component"),
97
+ innerRef: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.object, import_ds_props_helpers.PropTypes.func]).description(
98
+ "Inner ref to the Comment Card component"
99
+ ),
100
+ focusableRef: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.object, import_ds_props_helpers.PropTypes.func]).description(
101
+ "Ref to the focusable part of the component"
102
+ )
97
103
  };
98
104
  const DSCommentCardPropTypesSchema = DSCommentCardPropTypes;
99
105
  //# 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
- "sources": ["../../src/react-desc-prop-types.ts", "../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["/* eslint-disable @typescript-eslint/no-empty-interface */\nimport { globalAttributesPropTypes, PropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport type { WeakValidationMap } from 'react';\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\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 }\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 ...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};\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,8BAAuE;AA4ChE,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;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;AAC7F;AAEO,MAAM,+BACX;",
3
+ "sources": ["../../src/react-desc-prop-types.ts", "../../../../../scripts/build/transpile/react-shim.js"],
4
+ "sourcesContent": ["/* eslint-disable @typescript-eslint/no-empty-interface */\nimport { globalAttributesPropTypes, PropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport type { WeakValidationMap } from 'react';\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\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>;\n focusableRef?: React.MutableRefObject<HTMLDivElement | null>;\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 ...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]).description(\n 'Ref to the focusable part of the component',\n ),\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,8BAAuE;AA8ChE,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;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,EAAE;AAAA,IACpE;AAAA,EACF;AACF;AAEO,MAAM,+BACX;",
6
6
  "names": []
7
7
  }
package/dist/cjs/styled.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../src/styled.ts", "../../../../scripts/build/transpile/react-shim.js"],
3
+ "sources": ["../../src/styled.ts", "../../../../../scripts/build/transpile/react-shim.js"],
4
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
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;",
6
6
  "names": []
package/dist/cjs/utils.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../src/utils.tsx", "../../../../scripts/build/transpile/react-shim.js"],
3
+ "sources": ["../../src/utils.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["export const buildAriaLabel = ({\n name,\n displayDate,\n displayTime,\n type,\n withMenu,\n content,\n}: {\n name: string;\n displayDate: string | null;\n displayTime: string | null;\n type: string;\n withMenu: boolean;\n content: string;\n}) => {\n let label = name;\n\n if (displayDate) {\n label += `, ${displayDate}`;\n }\n\n if (displayTime) {\n label += `, ${displayTime}`;\n }\n\n if (type) {\n label += `, ${type}`;\n }\n\n if (withMenu) {\n label += ', with action menu';\n }\n\n label += `, ${content}`;\n\n return label;\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
5
  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAOM;AACJ,MAAI,QAAQ;AAEZ,MAAI,aAAa;AACf,aAAS,KAAK;AAAA,EAChB;AAEA,MAAI,aAAa;AACf,aAAS,KAAK;AAAA,EAChB;AAEA,MAAI,MAAM;AACR,aAAS,KAAK;AAAA,EAChB;AAEA,MAAI,UAAU;AACZ,aAAS;AAAA,EACX;AAEA,WAAS,KAAK;AAEd,SAAO;AACT;",
6
6
  "names": []
package/dist/esm/DSCommentCard.js CHANGED
@@ -30,7 +30,9 @@ const DSCommentCard = (props) => {
30
30
  selection,
31
31
  customDropdownMenuProps,
32
32
  Menu,
33
- menuProps
33
+ menuProps,
34
+ innerRef,
35
+ focusableRef
34
36
  },
35
37
  xstyledProps,
36
38
  getOwnerProps,
@@ -49,6 +51,7 @@ const DSCommentCard = (props) => {
49
51
  style: { ...style, ...containerProps.style || {} },
50
52
  getOwnerProps,
51
53
  getOwnerPropsArguments,
54
+ ref: innerRef,
52
55
  children: [
53
56
  /* @__PURE__ */ jsxs(
54
57
  CommentCardHeader,
@@ -73,6 +76,7 @@ const DSCommentCard = (props) => {
73
76
  className: "em-ds-comments__comment-card-left",
74
77
  getOwnerProps,
75
78
  getOwnerPropsArguments,
79
+ ref: focusableRef,
76
80
  children: [
77
81
  /* @__PURE__ */ jsx(
78
82
  CommentCardName,
package/dist/esm/DSCommentCard.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 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 },\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 >\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 >\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;AC6Eb,SAcI,UAdJ,KAcI,YAdJ;AA3EV,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,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,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,kBAEA;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;",
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 ref={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 ref={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,KAAK;AAAA,MAEL;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,KAAK;AAAA,kBAEL;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;",
6
6
  "names": []
7
7
  }
package/dist/esm/DeprecatedMenu.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DeprecatedMenu.tsx"],
3
+ "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DeprecatedMenu.tsx"],
4
4
  "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-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"],
5
5
  "mappings": "AAAA,YAAY,WAAW;AC2CX;AAzCZ,SAAS,aAAa,cAAc;AACpC,SAAS,kBAAkB;AAC3B,OAAO,oBAAoB;AAC3B,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;",
6
6
  "names": []
package/dist/esm/config/DSCommentCardDefinitions.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/DSCommentCardDefinitions.ts"],
3
+ "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/DSCommentCardDefinitions.ts"],
4
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};\n\nexport const DSCommentCardDataTestIds = slotObjectToDataTestIds(DSCommentCardName, DSCommentCardSlots);\n"],
5
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;",
6
6
  "names": []
package/dist/esm/config/useCommentCard.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useCommentCard.ts"],
3
+ "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useCommentCard.ts"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useCallback } from 'react';\nimport { omit } from 'lodash';\nimport { useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { getTime, getDisplayDate } from '../helpers.js';\nimport { type DSCommentCardT, defaultProps } from '../react-desc-prop-types.js';\n\nexport const useCommentCard = (props: DSCommentCardT.Props) => {\n const propsWithDefault = useMemoMergePropsWithDefault<DSCommentCardT.InternalProps>(props, defaultProps);\n const { date, dateFormat, timeFormat } = propsWithDefault;\n\n const xstyledProps = useGetXstyledProps(omit(propsWithDefault, 'borderBottom'));\n\n const displayDate = date ? getDisplayDate(date, dateFormat) : null;\n const displayTime = date ? getTime(date, timeFormat) : null;\n\n const getOwnerProps = useCallback(() => propsWithDefault, [propsWithDefault]);\n const getOwnerPropsArguments = useCallback(() => ({}), []);\n\n return {\n propsWithDefault,\n xstyledProps,\n getOwnerProps,\n getOwnerPropsArguments,\n displayDate,\n displayTime,\n };\n};\n"],
5
5
  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,mBAAmB;AAC5B,SAAS,YAAY;AACrB,SAAS,oBAAoB,oCAAoC;AACjE,SAAS,SAAS,sBAAsB;AACxC,SAA8B,oBAAoB;AAE3C,MAAM,iBAAiB,CAAC,UAAgC;AAC7D,QAAM,mBAAmB,6BAA2D,OAAO,YAAY;AACvG,QAAM,EAAE,MAAM,YAAY,WAAW,IAAI;AAEzC,QAAM,eAAe,mBAAmB,KAAK,kBAAkB,cAAc,CAAC;AAE9E,QAAM,cAAc,OAAO,eAAe,MAAM,UAAU,IAAI;AAC9D,QAAM,cAAc,OAAO,QAAQ,MAAM,UAAU,IAAI;AAEvD,QAAM,gBAAgB,YAAY,MAAM,kBAAkB,CAAC,gBAAgB,CAAC;AAC5E,QAAM,yBAAyB,YAAY,OAAO,CAAC,IAAI,CAAC,CAAC;AAEzD,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
6
6
  "names": []
package/dist/esm/helpers.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/helpers.tsx"],
3
+ "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/helpers.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import moment from 'moment';\n\nexport function getMaxSize() {\n return 113;\n}\nexport function getTime(date: Date, formatString = 'hh:mm a') {\n return moment(date).format(formatString);\n}\nexport function getDisplayDate(date: Date, formatString = 'MM/DD/YYYY') {\n return moment(date).format(formatString);\n}\n"],
5
5
  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAO,YAAY;AAEZ,SAAS,aAAa;AAC3B,SAAO;AACT;AACO,SAAS,QAAQ,MAAY,eAAe,WAAW;AAC5D,SAAO,OAAO,IAAI,EAAE,OAAO,YAAY;AACzC;AACO,SAAS,eAAe,MAAY,eAAe,cAAc;AACtE,SAAO,OAAO,IAAI,EAAE,OAAO,YAAY;AACzC;",
6
6
  "names": []
package/dist/esm/index.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
3
+ "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
4
4
  "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';\n\nexport { DSCommentCard, DSCommentCardWithSchema } from './DSCommentCard.js';\nexport { DSCommentCardName, DSCommentCardSlots, DSCommentCardDataTestIds } from './config/DSCommentCardDefinitions.js';\nexport default DSCommentCard;\n"],
5
5
  "mappings": "AAAA,YAAY,WAAW;ACIvB,SAAS,qBAAqB;AAE9B,SAAS,iBAAAA,gBAAe,+BAA+B;AACvD,SAAS,mBAAmB,oBAAoB,gCAAgC;AAChF,IAAO,cAAQ;",
6
6
  "names": ["DSCommentCard"]
package/dist/esm/react-desc-prop-types.js CHANGED
@@ -58,7 +58,13 @@ const DSCommentCardPropTypes = {
58
58
  */
59
59
  maxLines: PropTypes.number.description("Max lines"),
60
60
  Menu: PropTypes.func.description("Menu component"),
61
- menuProps: PropTypes.object.description("Props that will be received by the Menu component")
61
+ menuProps: PropTypes.object.description("Props that will be received by the Menu component"),
62
+ innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description(
63
+ "Inner ref to the Comment Card component"
64
+ ),
65
+ focusableRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description(
66
+ "Ref to the focusable part of the component"
67
+ )
62
68
  };
63
69
  const DSCommentCardPropTypesSchema = DSCommentCardPropTypes;
64
70
  export {
package/dist/esm/react-desc-prop-types.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 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 { globalAttributesPropTypes, PropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport type { WeakValidationMap } from 'react';\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\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 }\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 ...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};\n\nexport const DSCommentCardPropTypesSchema =\n DSCommentCardPropTypes as unknown as WeakValidationMap<DSCommentCardT.Props>;\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,2BAA2B,WAAW,wBAAwB;AA4ChE,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;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;AAC7F;AAEO,MAAM,+BACX;",
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 { globalAttributesPropTypes, PropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport type { WeakValidationMap } from 'react';\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\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>;\n focusableRef?: React.MutableRefObject<HTMLDivElement | null>;\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 ...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]).description(\n 'Ref to the focusable part of the component',\n ),\n};\n\nexport const DSCommentCardPropTypesSchema =\n DSCommentCardPropTypes as unknown as WeakValidationMap<DSCommentCardT.Props>;\n"],
5
+ "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,2BAA2B,WAAW,wBAAwB;AA8ChE,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;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,EAAE;AAAA,IACpE;AAAA,EACF;AACF;AAEO,MAAM,+BACX;",
6
6
  "names": []
7
7
  }
package/dist/esm/styled.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/styled.ts"],
3
+ "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/styled.ts"],
4
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
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;",
6
6
  "names": []
package/dist/esm/utils.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/utils.tsx"],
3
+ "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/utils.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const buildAriaLabel = ({\n name,\n displayDate,\n displayTime,\n type,\n withMenu,\n content,\n}: {\n name: string;\n displayDate: string | null;\n displayTime: string | null;\n type: string;\n withMenu: boolean;\n content: string;\n}) => {\n let label = name;\n\n if (displayDate) {\n label += `, ${displayDate}`;\n }\n\n if (displayTime) {\n label += `, ${displayTime}`;\n }\n\n if (type) {\n label += `, ${type}`;\n }\n\n if (withMenu) {\n label += ', with action menu';\n }\n\n label += `, ${content}`;\n\n return label;\n};\n"],
5
5
  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAOM;AACJ,MAAI,QAAQ;AAEZ,MAAI,aAAa;AACf,aAAS,KAAK;AAAA,EAChB;AAEA,MAAI,aAAa;AACf,aAAS,KAAK;AAAA,EAChB;AAEA,MAAI,MAAM;AACR,aAAS,KAAK;AAAA,EAChB;AAEA,MAAI,UAAU;AACZ,aAAS;AAAA,EACX;AAEA,WAAS,KAAK;AAEd,SAAO;AACT;",
6
6
  "names": []
package/dist/types/react-desc-prop-types.d.ts CHANGED
@@ -21,6 +21,8 @@ export declare namespace DSCommentCardT {
21
21
  export interface OptionalProps {
22
22
  Menu?: React.ComponentType;
23
23
  menuProps?: object;
24
+ innerRef?: React.MutableRefObject<HTMLDivElement | null>;
25
+ focusableRef?: React.MutableRefObject<HTMLDivElement | null>;
24
26
  }
25
27
  export interface RequiredProps {
26
28
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-comments",
3
- "version": "3.22.0-next.8",
3
+ "version": "3.22.0-rc.0",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Comments",
6
6
  "files": [
@@ -52,17 +52,17 @@
52
52
  },
53
53
  "dependencies": {
54
54
  "moment": "~2.29.4",
55
- "@elliemae/ds-dropdownmenu": "3.22.0-next.8",
56
- "@elliemae/ds-button-v2": "3.22.0-next.8",
57
- "@elliemae/ds-system": "3.22.0-next.8",
58
- "@elliemae/ds-read-more": "3.22.0-next.8",
59
- "@elliemae/ds-icons": "3.22.0-next.8",
60
- "@elliemae/ds-props-helpers": "3.22.0-next.8"
55
+ "@elliemae/ds-button-v2": "3.22.0-rc.0",
56
+ "@elliemae/ds-dropdownmenu": "3.22.0-rc.0",
57
+ "@elliemae/ds-icons": "3.22.0-rc.0",
58
+ "@elliemae/ds-props-helpers": "3.22.0-rc.0",
59
+ "@elliemae/ds-read-more": "3.22.0-rc.0",
60
+ "@elliemae/ds-system": "3.22.0-rc.0"
61
61
  },
62
62
  "devDependencies": {
63
- "@elliemae/pui-cli": "~9.0.0-next.17",
63
+ "@elliemae/pui-cli": "~9.0.0-next.22",
64
64
  "styled-components": "~5.3.9",
65
- "@elliemae/ds-monorepo-devops": "3.22.0-next.8"
65
+ "@elliemae/ds-monorepo-devops": "3.22.0-rc.0"
66
66
  },
67
67
  "peerDependencies": {
68
68
  "@xstyled/system": "~3.7.3",
@@ -77,14 +77,14 @@
77
77
  "typeSafety": false
78
78
  },
79
79
  "scripts": {
80
- "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
80
+ "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
81
81
  "test": "pui-cli test --passWithNoTests",
82
- "lint": "node ../../scripts/lint.mjs",
83
- "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../.eslintrc.js' src/",
84
- "dts": "node ../../scripts/dts.mjs",
85
- "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
82
+ "lint": "node ../../../scripts/lint.mjs",
83
+ "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../../.eslintrc.js' src/",
84
+ "dts": "node ../../../scripts/dts.mjs",
85
+ "build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
86
86
  "dev:build": "pnpm --filter {.}... build",
87
87
  "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
88
- "checkDeps": "npm exec ../ds-codemods -- check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
88
+ "checkDeps": "npm exec ../../util/ds-codemods -- check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
89
89
  }
90
90
  }