@elliemae/ds-comments 3.0.0-alpha.0 → 3.0.0-alpha.1
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.
- package/dist/cjs/components/CommentCard.js +24 -8
- package/dist/cjs/components/CommentCard.js.map +1 -1
- package/dist/esm/components/CommentCard.js +26 -8
- package/dist/esm/components/CommentCard.js.map +1 -1
- package/package.json +7 -6
- package/dist/types/components/CommentCard.d.ts +0 -125
- package/dist/types/components/DSComments.d.ts +0 -108
- package/dist/types/components/blocks.d.ts +0 -18
- package/dist/types/components/helper.d.ts +0 -3
- package/dist/types/index.d.ts +0 -106
|
@@ -1,9 +1,26 @@
|
|
|
1
1
|
var __create = Object.create;
|
|
2
2
|
var __defProp = Object.defineProperty;
|
|
3
|
+
var __defProps = Object.defineProperties;
|
|
3
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
6
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
8
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
9
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
10
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
11
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
12
|
+
var __spreadValues = (a, b) => {
|
|
13
|
+
for (var prop in b || (b = {}))
|
|
14
|
+
if (__hasOwnProp.call(b, prop))
|
|
15
|
+
__defNormalProp(a, prop, b[prop]);
|
|
16
|
+
if (__getOwnPropSymbols)
|
|
17
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
18
|
+
if (__propIsEnum.call(b, prop))
|
|
19
|
+
__defNormalProp(a, prop, b[prop]);
|
|
20
|
+
}
|
|
21
|
+
return a;
|
|
22
|
+
};
|
|
23
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
7
24
|
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
25
|
var __export = (target, all) => {
|
|
9
26
|
for (var name in all)
|
|
@@ -62,15 +79,14 @@ const CommentCard = ({
|
|
|
62
79
|
const handleCloseMenu = (0, import_react.useCallback)(() => {
|
|
63
80
|
ref.current.focus();
|
|
64
81
|
}, []);
|
|
65
|
-
return /* @__PURE__ */ import_react.default.createElement(import_blocks.CommentCardWrapper, {
|
|
82
|
+
return /* @__PURE__ */ import_react.default.createElement(import_blocks.CommentCardWrapper, __spreadProps(__spreadValues({
|
|
66
83
|
classProps: { borderBottom },
|
|
67
|
-
tabIndex: 0
|
|
68
|
-
|
|
69
|
-
style: {
|
|
70
|
-
}, /* @__PURE__ */ import_react.default.createElement(import_blocks.CommentCardHeader, {
|
|
84
|
+
tabIndex: 0
|
|
85
|
+
}, containerProps), {
|
|
86
|
+
style: __spreadValues(__spreadValues({}, style), containerProps.style || {})
|
|
87
|
+
}), /* @__PURE__ */ import_react.default.createElement(import_blocks.CommentCardHeader, {
|
|
71
88
|
classProps: { borderBottom }
|
|
72
|
-
}, /* @__PURE__ */ import_react.default.createElement(import_blocks.CommentCardLeft, null, /* @__PURE__ */ import_react.default.createElement(import_blocks.CommentCardName, null, name), /* @__PURE__ */ import_react.default.createElement(import_blocks.CommentCardData, null, displayDate, displayTime && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("span", null, "\u2022"), displayTime), type && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("span", null, "\u2022"), type))), options && options.length > 0 && /* @__PURE__ */ import_react.default.createElement(import_blocks.CommentCardMenu, null, /* @__PURE__ */ import_react.default.createElement(import_ds_dropdownmenu.default, {
|
|
73
|
-
...customDropdownMenuProps,
|
|
89
|
+
}, /* @__PURE__ */ import_react.default.createElement(import_blocks.CommentCardLeft, null, /* @__PURE__ */ import_react.default.createElement(import_blocks.CommentCardName, null, name), /* @__PURE__ */ import_react.default.createElement(import_blocks.CommentCardData, null, displayDate, displayTime && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("span", null, "\u2022"), displayTime), type && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("span", null, "\u2022"), type))), options && options.length > 0 && /* @__PURE__ */ import_react.default.createElement(import_blocks.CommentCardMenu, null, /* @__PURE__ */ import_react.default.createElement(import_ds_dropdownmenu.default, __spreadProps(__spreadValues({}, customDropdownMenuProps), {
|
|
74
90
|
onClose: handleCloseMenu,
|
|
75
91
|
options,
|
|
76
92
|
selection,
|
|
@@ -80,7 +96,7 @@ const CommentCard = ({
|
|
|
80
96
|
innerRef: ref
|
|
81
97
|
}),
|
|
82
98
|
zIndex: "11"
|
|
83
|
-
}))), /* @__PURE__ */ import_react.default.createElement(import_blocks.CommentCardContent, null, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_ds_read_more.DSReadMore, {
|
|
99
|
+
})))), /* @__PURE__ */ import_react.default.createElement(import_blocks.CommentCardContent, null, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_ds_read_more.DSReadMore, {
|
|
84
100
|
lines: maxLines,
|
|
85
101
|
content: `${content} `,
|
|
86
102
|
more: "MORE",
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/CommentCard.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport React, { useCallback, useRef } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport DSButton from '@elliemae/ds-button';\nimport { DSReadMore } from '@elliemae/ds-read-more';\nimport DSDropdownMenu from '@elliemae/ds-dropdownmenu';\nimport { MoreOptionsVert } from '@elliemae/ds-icons';\nimport {\n CommentCardWrapper,\n CommentCardHeader,\n CommentCardContent,\n CommentCardName,\n CommentCardData,\n CommentCardMenu,\n CommentCardLeft,\n} from './blocks';\nimport { getTime, getDisplayDate } from './helper';\n\nconst CommentCard = ({\n containerProps = {},\n name = '',\n date = new Date(),\n type = '',\n content = '',\n style = {},\n options = [],\n selection = { 'single-selection-internal-external': ['set-as-internal'] },\n customDropdownMenuProps = {\n focusOnOpen: true,\n },\n borderBottom,\n dateFormat = 'MM/DD/YYYY',\n timeFormat = 'hh:mm a',\n maxLines = 2,\n}) => {\n const ref = useRef();\n const displayDate = date ? getDisplayDate(date, dateFormat) : null;\n const displayTime = date ? getTime(date, timeFormat) : null;\n\n const handleCloseMenu = useCallback(() => {\n ref.current.focus();\n }, []);\n\n return (\n <CommentCardWrapper\n classProps={{ borderBottom }}\n tabIndex={0}\n {...containerProps}\n style={{ ...style, ...(containerProps.style || {}) }}\n >\n <CommentCardHeader classProps={{ borderBottom }}>\n <CommentCardLeft>\n <CommentCardName>{name}</CommentCardName>\n <CommentCardData>\n {displayDate}\n {displayTime && (\n <>\n <span>\u2022</span>\n {displayTime}\n </>\n )}\n {type && (\n <>\n <span>\u2022</span>\n {type}\n </>\n )}\n </CommentCardData>\n </CommentCardLeft>\n {options && options.length > 0 && (\n <CommentCardMenu>\n <DSDropdownMenu\n {...customDropdownMenuProps}\n onClose={handleCloseMenu}\n options={options}\n selection={selection}\n triggerComponent={<DSButton buttonType=\"text\" icon={<MoreOptionsVert />} innerRef={ref} />}\n zIndex=\"11\" // https://jira.elliemae.io/browse/PUI-1664\n />\n </CommentCardMenu>\n )}\n </CommentCardHeader>\n <CommentCardContent>\n <div>\n <DSReadMore\n lines={maxLines}\n content={`${content} `}\n more=\"MORE\"\n less=\"LESS\"\n buttonType=\"text\"\n size=\"m\"\n ellipsis=\"... \"\n />\n </div>\n </CommentCardContent>\n </CommentCardWrapper>\n );\n};\n\nconst props = {\n /** props to inject to comment card wrapper */\n containerProps: PropTypes.shape({\n id: PropTypes.string,\n 'data-testid': PropTypes.string,\n }).description('props to inject to comment card wrapper'),\n /** form name */\n name: PropTypes.string.description('form name'),\n /** style object */\n style: PropTypes.object.description(' style object '),\n /** date object */\n date: PropTypes.instanceOf(Date).description('date object'),\n /** comment type string */\n type: PropTypes.string.description('comment type string'),\n /** comment content */\n content: PropTypes.string.description('comment content'),\n /** dropdown menu options */\n options: PropTypes.arrayOf(PropTypes.object).description('dropdown menu options'),\n /** dropdown selection */\n selection: PropTypes.object.description('dropdown selection'),\n /** pass down props to dropdown */\n customDropdownMenuProps: PropTypes.shape({\n focusOnOpen: PropTypes.bool,\n }).description('pass down props to dropdown'),\n /** toggle border bottom for card */\n borderBottom: PropTypes.bool.description('toggle border bottom for card'),\n /** moment Year, month, and day tokens https://momentjs.com/docs/#/parsing/string-format/ */\n dateFormat: PropTypes.oneOf(['MM/DD/YYYY', 'MM DD YYYY']).description(\n 'moment Year, month, and day tokens https://momentjs.com/docs/#/parsing/string-format/',\n ),\n /** moment Hour, minute, second, millisecond, and offset tokens https://momentjs.com/docs/#/parsing/string-format/ */\n timeFormat: PropTypes.oneOf(['hh:mm a', 'HH:mm']).description(\n 'moment Hour, minute, second, millisecond, and offset tokens https://momentjs.com/docs/#/parsing/string-format/',\n ),\n /**\n * Max lines\n */\n maxLines: PropTypes.number.description('Max lines'),\n};\n\nCommentCard.propTypes = props;\n\nconst DSCommentCardWithSchema = describe(CommentCard);\nDSCommentCardWithSchema.propTypes = props;\n\nexport default CommentCard;\nexport { DSCommentCardWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAA2C;AAC3C,wBAAoC;AACpC,uBAAqB;AACrB,0BAA2B;AAC3B,6BAA2B;AAC3B,sBAAgC;AAChC,oBAQO;AACP,oBAAwC;AAExC,MAAM,cAAc,CAAC;AAAA,EACnB,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,OAAO,IAAI;AAAA,EACX,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,YAAY,EAAE,sCAAsC,CAAC;AAAA,EACrD,0BAA0B;AAAA,IACxB,aAAa;AAAA;AAAA,EAEf;AAAA,EACA,aAAa;AAAA,EACb,aAAa;AAAA,EACb,WAAW;AAAA,MACP;AACJ,QAAM,MAAM;AACZ,QAAM,cAAc,OAAO,kCAAe,MAAM,cAAc;AAC9D,QAAM,cAAc,OAAO,2BAAQ,MAAM,cAAc;AAEvD,QAAM,kBAAkB,8BAAY,MAAM;AACxC,QAAI,QAAQ;AAAA,KACX;AAEH,SACE,mDAAC,kCAAD;AAAA,IACE,YAAY,EAAE;AAAA,IACd,UAAU;AAAA,KACN,iBAHN;AAAA,IAIE,OAAO,kCAAK,QAAW,eAAe,SAAS;AAAA,MAE/C,mDAAC,iCAAD;AAAA,IAAmB,YAAY,EAAE;AAAA,KAC/B,mDAAC,+BAAD,MACE,mDAAC,+BAAD,MAAkB,OAClB,mDAAC,+BAAD,MACG,aACA,eACC,wFACE,mDAAC,QAAD,MAAM,WACL,cAGJ,QACC,wFACE,mDAAC,QAAD,MAAM,WACL,SAKR,WAAW,QAAQ,SAAS,KAC3B,mDAAC,+BAAD,MACE,mDAAC,gCAAD,iCACM,0BADN;AAAA,IAEE,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA,kBAAkB,mDAAC,0BAAD;AAAA,MAAU,YAAW;AAAA,MAAO,MAAM,mDAAC,iCAAD;AAAA,MAAqB,UAAU;AAAA;AAAA,IACnF,QAAO;AAAA,SAKf,mDAAC,kCAAD,MACE,mDAAC,OAAD,MACE,mDAAC,gCAAD;AAAA,IACE,OAAO;AAAA,IACP,SAAS,GAAG;AAAA,IACZ,MAAK;AAAA,IACL,MAAK;AAAA,IACL,YAAW;AAAA,IACX,MAAK;AAAA,IACL,UAAS;AAAA;AAAA;AAQrB,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,4BAAU,MAAM;AAAA,IAC9B,IAAI,4BAAU;AAAA,IACd,eAAe,4BAAU;AAAA,KACxB,YAAY;AAAA,EAEf,MAAM,4BAAU,OAAO,YAAY;AAAA,EAEnC,OAAO,4BAAU,OAAO,YAAY;AAAA,EAEpC,MAAM,4BAAU,WAAW,MAAM,YAAY;AAAA,EAE7C,MAAM,4BAAU,OAAO,YAAY;AAAA,EAEnC,SAAS,4BAAU,OAAO,YAAY;AAAA,EAEtC,SAAS,4BAAU,QAAQ,4BAAU,QAAQ,YAAY;AAAA,EAEzD,WAAW,4BAAU,OAAO,YAAY;AAAA,EAExC,yBAAyB,4BAAU,MAAM;AAAA,IACvC,aAAa,4BAAU;AAAA,KACtB,YAAY;AAAA,EAEf,cAAc,4BAAU,KAAK,YAAY;AAAA,EAEzC,YAAY,4BAAU,MAAM,CAAC,cAAc,eAAe,YACxD;AAAA,EAGF,YAAY,4BAAU,MAAM,CAAC,WAAW,UAAU,YAChD;AAAA,EAKF,UAAU,4BAAU,OAAO,YAAY;AAAA;AAGzC,YAAY,YAAY;AAExB,MAAM,0BAA0B,gCAAS;AACzC,wBAAwB,YAAY;AAEpC,IAAO,sBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,3 +1,22 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __defProps = Object.defineProperties;
|
|
3
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
7
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
|
+
var __spreadValues = (a, b) => {
|
|
9
|
+
for (var prop in b || (b = {}))
|
|
10
|
+
if (__hasOwnProp.call(b, prop))
|
|
11
|
+
__defNormalProp(a, prop, b[prop]);
|
|
12
|
+
if (__getOwnPropSymbols)
|
|
13
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
14
|
+
if (__propIsEnum.call(b, prop))
|
|
15
|
+
__defNormalProp(a, prop, b[prop]);
|
|
16
|
+
}
|
|
17
|
+
return a;
|
|
18
|
+
};
|
|
19
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
1
20
|
import * as React from "react";
|
|
2
21
|
import React2, { useCallback, useRef } from "react";
|
|
3
22
|
import { PropTypes, describe } from "react-desc";
|
|
@@ -38,15 +57,14 @@ const CommentCard = ({
|
|
|
38
57
|
const handleCloseMenu = useCallback(() => {
|
|
39
58
|
ref.current.focus();
|
|
40
59
|
}, []);
|
|
41
|
-
return /* @__PURE__ */ React2.createElement(CommentCardWrapper, {
|
|
60
|
+
return /* @__PURE__ */ React2.createElement(CommentCardWrapper, __spreadProps(__spreadValues({
|
|
42
61
|
classProps: { borderBottom },
|
|
43
|
-
tabIndex: 0
|
|
44
|
-
|
|
45
|
-
style: {
|
|
46
|
-
}, /* @__PURE__ */ React2.createElement(CommentCardHeader, {
|
|
62
|
+
tabIndex: 0
|
|
63
|
+
}, containerProps), {
|
|
64
|
+
style: __spreadValues(__spreadValues({}, style), containerProps.style || {})
|
|
65
|
+
}), /* @__PURE__ */ React2.createElement(CommentCardHeader, {
|
|
47
66
|
classProps: { borderBottom }
|
|
48
|
-
}, /* @__PURE__ */ React2.createElement(CommentCardLeft, null, /* @__PURE__ */ React2.createElement(CommentCardName, null, name), /* @__PURE__ */ React2.createElement(CommentCardData, null, displayDate, displayTime && /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("span", null, "\u2022"), displayTime), type && /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("span", null, "\u2022"), type))), options && options.length > 0 && /* @__PURE__ */ React2.createElement(CommentCardMenu, null, /* @__PURE__ */ React2.createElement(DSDropdownMenu, {
|
|
49
|
-
...customDropdownMenuProps,
|
|
67
|
+
}, /* @__PURE__ */ React2.createElement(CommentCardLeft, null, /* @__PURE__ */ React2.createElement(CommentCardName, null, name), /* @__PURE__ */ React2.createElement(CommentCardData, null, displayDate, displayTime && /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("span", null, "\u2022"), displayTime), type && /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("span", null, "\u2022"), type))), options && options.length > 0 && /* @__PURE__ */ React2.createElement(CommentCardMenu, null, /* @__PURE__ */ React2.createElement(DSDropdownMenu, __spreadProps(__spreadValues({}, customDropdownMenuProps), {
|
|
50
68
|
onClose: handleCloseMenu,
|
|
51
69
|
options,
|
|
52
70
|
selection,
|
|
@@ -56,7 +74,7 @@ const CommentCard = ({
|
|
|
56
74
|
innerRef: ref
|
|
57
75
|
}),
|
|
58
76
|
zIndex: "11"
|
|
59
|
-
}))), /* @__PURE__ */ React2.createElement(CommentCardContent, null, /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement(DSReadMore, {
|
|
77
|
+
})))), /* @__PURE__ */ React2.createElement(CommentCardContent, null, /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement(DSReadMore, {
|
|
60
78
|
lines: maxLines,
|
|
61
79
|
content: `${content} `,
|
|
62
80
|
more: "MORE",
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/CommentCard.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport React, { useCallback, useRef } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport DSButton from '@elliemae/ds-button';\nimport { DSReadMore } from '@elliemae/ds-read-more';\nimport DSDropdownMenu from '@elliemae/ds-dropdownmenu';\nimport { MoreOptionsVert } from '@elliemae/ds-icons';\nimport {\n CommentCardWrapper,\n CommentCardHeader,\n CommentCardContent,\n CommentCardName,\n CommentCardData,\n CommentCardMenu,\n CommentCardLeft,\n} from './blocks';\nimport { getTime, getDisplayDate } from './helper';\n\nconst CommentCard = ({\n containerProps = {},\n name = '',\n date = new Date(),\n type = '',\n content = '',\n style = {},\n options = [],\n selection = { 'single-selection-internal-external': ['set-as-internal'] },\n customDropdownMenuProps = {\n focusOnOpen: true,\n },\n borderBottom,\n dateFormat = 'MM/DD/YYYY',\n timeFormat = 'hh:mm a',\n maxLines = 2,\n}) => {\n const ref = useRef();\n const displayDate = date ? getDisplayDate(date, dateFormat) : null;\n const displayTime = date ? getTime(date, timeFormat) : null;\n\n const handleCloseMenu = useCallback(() => {\n ref.current.focus();\n }, []);\n\n return (\n <CommentCardWrapper\n classProps={{ borderBottom }}\n tabIndex={0}\n {...containerProps}\n style={{ ...style, ...(containerProps.style || {}) }}\n >\n <CommentCardHeader classProps={{ borderBottom }}>\n <CommentCardLeft>\n <CommentCardName>{name}</CommentCardName>\n <CommentCardData>\n {displayDate}\n {displayTime && (\n <>\n <span>\u2022</span>\n {displayTime}\n </>\n )}\n {type && (\n <>\n <span>\u2022</span>\n {type}\n </>\n )}\n </CommentCardData>\n </CommentCardLeft>\n {options && options.length > 0 && (\n <CommentCardMenu>\n <DSDropdownMenu\n {...customDropdownMenuProps}\n onClose={handleCloseMenu}\n options={options}\n selection={selection}\n triggerComponent={<DSButton buttonType=\"text\" icon={<MoreOptionsVert />} innerRef={ref} />}\n zIndex=\"11\" // https://jira.elliemae.io/browse/PUI-1664\n />\n </CommentCardMenu>\n )}\n </CommentCardHeader>\n <CommentCardContent>\n <div>\n <DSReadMore\n lines={maxLines}\n content={`${content} `}\n more=\"MORE\"\n less=\"LESS\"\n buttonType=\"text\"\n size=\"m\"\n ellipsis=\"... \"\n />\n </div>\n </CommentCardContent>\n </CommentCardWrapper>\n );\n};\n\nconst props = {\n /** props to inject to comment card wrapper */\n containerProps: PropTypes.shape({\n id: PropTypes.string,\n 'data-testid': PropTypes.string,\n }).description('props to inject to comment card wrapper'),\n /** form name */\n name: PropTypes.string.description('form name'),\n /** style object */\n style: PropTypes.object.description(' style object '),\n /** date object */\n date: PropTypes.instanceOf(Date).description('date object'),\n /** comment type string */\n type: PropTypes.string.description('comment type string'),\n /** comment content */\n content: PropTypes.string.description('comment content'),\n /** dropdown menu options */\n options: PropTypes.arrayOf(PropTypes.object).description('dropdown menu options'),\n /** dropdown selection */\n selection: PropTypes.object.description('dropdown selection'),\n /** pass down props to dropdown */\n customDropdownMenuProps: PropTypes.shape({\n focusOnOpen: PropTypes.bool,\n }).description('pass down props to dropdown'),\n /** toggle border bottom for card */\n borderBottom: PropTypes.bool.description('toggle border bottom for card'),\n /** moment Year, month, and day tokens https://momentjs.com/docs/#/parsing/string-format/ */\n dateFormat: PropTypes.oneOf(['MM/DD/YYYY', 'MM DD YYYY']).description(\n 'moment Year, month, and day tokens https://momentjs.com/docs/#/parsing/string-format/',\n ),\n /** moment Hour, minute, second, millisecond, and offset tokens https://momentjs.com/docs/#/parsing/string-format/ */\n timeFormat: PropTypes.oneOf(['hh:mm a', 'HH:mm']).description(\n 'moment Hour, minute, second, millisecond, and offset tokens https://momentjs.com/docs/#/parsing/string-format/',\n ),\n /**\n * Max lines\n */\n maxLines: PropTypes.number.description('Max lines'),\n};\n\nCommentCard.propTypes = props;\n\nconst DSCommentCardWithSchema = describe(CommentCard);\nDSCommentCardWithSchema.propTypes = props;\n\nexport default CommentCard;\nexport { DSCommentCardWithSchema };\n"],
|
|
5
|
-
"mappings": "AAAA;ACEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA;AAEA,MAAM,cAAc,CAAC;AAAA,EACnB,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,OAAO,IAAI;AAAA,EACX,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,YAAY,EAAE,sCAAsC,CAAC;AAAA,EACrD,0BAA0B;AAAA,IACxB,aAAa;AAAA;AAAA,EAEf;AAAA,EACA,aAAa;AAAA,EACb,aAAa;AAAA,EACb,WAAW;AAAA,MACP;AACJ,QAAM,MAAM;AACZ,QAAM,cAAc,OAAO,eAAe,MAAM,cAAc;AAC9D,QAAM,cAAc,OAAO,QAAQ,MAAM,cAAc;AAEvD,QAAM,kBAAkB,YAAY,MAAM;AACxC,QAAI,QAAQ;AAAA,KACX;AAEH,SACE,qCAAC,oBAAD;AAAA,IACE,YAAY,EAAE;AAAA,IACd,UAAU;AAAA,
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA;AAEA,MAAM,cAAc,CAAC;AAAA,EACnB,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,OAAO,IAAI;AAAA,EACX,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,YAAY,EAAE,sCAAsC,CAAC;AAAA,EACrD,0BAA0B;AAAA,IACxB,aAAa;AAAA;AAAA,EAEf;AAAA,EACA,aAAa;AAAA,EACb,aAAa;AAAA,EACb,WAAW;AAAA,MACP;AACJ,QAAM,MAAM;AACZ,QAAM,cAAc,OAAO,eAAe,MAAM,cAAc;AAC9D,QAAM,cAAc,OAAO,QAAQ,MAAM,cAAc;AAEvD,QAAM,kBAAkB,YAAY,MAAM;AACxC,QAAI,QAAQ;AAAA,KACX;AAEH,SACE,qCAAC,oBAAD;AAAA,IACE,YAAY,EAAE;AAAA,IACd,UAAU;AAAA,KACN,iBAHN;AAAA,IAIE,OAAO,kCAAK,QAAW,eAAe,SAAS;AAAA,MAE/C,qCAAC,mBAAD;AAAA,IAAmB,YAAY,EAAE;AAAA,KAC/B,qCAAC,iBAAD,MACE,qCAAC,iBAAD,MAAkB,OAClB,qCAAC,iBAAD,MACG,aACA,eACC,4DACE,qCAAC,QAAD,MAAM,WACL,cAGJ,QACC,4DACE,qCAAC,QAAD,MAAM,WACL,SAKR,WAAW,QAAQ,SAAS,KAC3B,qCAAC,iBAAD,MACE,qCAAC,gBAAD,iCACM,0BADN;AAAA,IAEE,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA,kBAAkB,qCAAC,UAAD;AAAA,MAAU,YAAW;AAAA,MAAO,MAAM,qCAAC,iBAAD;AAAA,MAAqB,UAAU;AAAA;AAAA,IACnF,QAAO;AAAA,SAKf,qCAAC,oBAAD,MACE,qCAAC,OAAD,MACE,qCAAC,YAAD;AAAA,IACE,OAAO;AAAA,IACP,SAAS,GAAG;AAAA,IACZ,MAAK;AAAA,IACL,MAAK;AAAA,IACL,YAAW;AAAA,IACX,MAAK;AAAA,IACL,UAAS;AAAA;AAAA;AAQrB,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,UAAU,MAAM;AAAA,IAC9B,IAAI,UAAU;AAAA,IACd,eAAe,UAAU;AAAA,KACxB,YAAY;AAAA,EAEf,MAAM,UAAU,OAAO,YAAY;AAAA,EAEnC,OAAO,UAAU,OAAO,YAAY;AAAA,EAEpC,MAAM,UAAU,WAAW,MAAM,YAAY;AAAA,EAE7C,MAAM,UAAU,OAAO,YAAY;AAAA,EAEnC,SAAS,UAAU,OAAO,YAAY;AAAA,EAEtC,SAAS,UAAU,QAAQ,UAAU,QAAQ,YAAY;AAAA,EAEzD,WAAW,UAAU,OAAO,YAAY;AAAA,EAExC,yBAAyB,UAAU,MAAM;AAAA,IACvC,aAAa,UAAU;AAAA,KACtB,YAAY;AAAA,EAEf,cAAc,UAAU,KAAK,YAAY;AAAA,EAEzC,YAAY,UAAU,MAAM,CAAC,cAAc,eAAe,YACxD;AAAA,EAGF,YAAY,UAAU,MAAM,CAAC,WAAW,UAAU,YAChD;AAAA,EAKF,UAAU,UAAU,OAAO,YAAY;AAAA;AAGzC,YAAY,YAAY;AAExB,MAAM,0BAA0B,SAAS;AACzC,wBAAwB,YAAY;AAEpC,IAAO,sBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-comments",
|
|
3
|
-
"version": "3.0.0-alpha.
|
|
3
|
+
"version": "3.0.0-alpha.1",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Comments",
|
|
6
6
|
"files": [
|
|
@@ -51,11 +51,11 @@
|
|
|
51
51
|
"indent": 4
|
|
52
52
|
},
|
|
53
53
|
"dependencies": {
|
|
54
|
-
"@elliemae/ds-button": "3.0.0-alpha.
|
|
55
|
-
"@elliemae/ds-classnames": "3.0.0-alpha.
|
|
56
|
-
"@elliemae/ds-dropdownmenu": "3.0.0-alpha.
|
|
57
|
-
"@elliemae/ds-icons": "3.0.0-alpha.
|
|
58
|
-
"@elliemae/ds-read-more": "3.0.0-alpha.
|
|
54
|
+
"@elliemae/ds-button": "3.0.0-alpha.1",
|
|
55
|
+
"@elliemae/ds-classnames": "3.0.0-alpha.1",
|
|
56
|
+
"@elliemae/ds-dropdownmenu": "3.0.0-alpha.1",
|
|
57
|
+
"@elliemae/ds-icons": "3.0.0-alpha.1",
|
|
58
|
+
"@elliemae/ds-read-more": "3.0.0-alpha.1",
|
|
59
59
|
"moment": "~2.29.1",
|
|
60
60
|
"prop-types": "~15.7.2",
|
|
61
61
|
"react-desc": "~4.1.3"
|
|
@@ -77,6 +77,7 @@
|
|
|
77
77
|
"dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
|
|
78
78
|
"test": "node ../../scripts/testing/test.mjs",
|
|
79
79
|
"lint": "node ../../scripts/lint.mjs",
|
|
80
|
+
"dts": "node ../../scripts/dts.mjs",
|
|
80
81
|
"build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
|
|
81
82
|
}
|
|
82
83
|
}
|
|
@@ -1,125 +0,0 @@
|
|
|
1
|
-
/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
|
|
2
|
-
/// <reference types="react" />
|
|
3
|
-
declare const CommentCard: {
|
|
4
|
-
({ containerProps, name, date, type, content, style, options, selection, customDropdownMenuProps, borderBottom, dateFormat, timeFormat, maxLines, }: {
|
|
5
|
-
containerProps?: {} | undefined;
|
|
6
|
-
name?: string | undefined;
|
|
7
|
-
date?: Date | undefined;
|
|
8
|
-
type?: string | undefined;
|
|
9
|
-
content?: string | undefined;
|
|
10
|
-
style?: {} | undefined;
|
|
11
|
-
options?: never[] | undefined;
|
|
12
|
-
selection?: {
|
|
13
|
-
'single-selection-internal-external': string[];
|
|
14
|
-
} | undefined;
|
|
15
|
-
customDropdownMenuProps?: {
|
|
16
|
-
focusOnOpen: boolean;
|
|
17
|
-
} | undefined;
|
|
18
|
-
borderBottom: any;
|
|
19
|
-
dateFormat?: string | undefined;
|
|
20
|
-
timeFormat?: string | undefined;
|
|
21
|
-
maxLines?: number | undefined;
|
|
22
|
-
}): JSX.Element;
|
|
23
|
-
propTypes: {
|
|
24
|
-
/** props to inject to comment card wrapper */
|
|
25
|
-
containerProps: {
|
|
26
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
27
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
28
|
-
};
|
|
29
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
30
|
-
};
|
|
31
|
-
/** form name */
|
|
32
|
-
name: {
|
|
33
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
34
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
35
|
-
};
|
|
36
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
37
|
-
};
|
|
38
|
-
/** style object */
|
|
39
|
-
style: {
|
|
40
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
41
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
42
|
-
};
|
|
43
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
44
|
-
};
|
|
45
|
-
/** date object */
|
|
46
|
-
date: {
|
|
47
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
48
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
49
|
-
};
|
|
50
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
51
|
-
};
|
|
52
|
-
/** comment type string */
|
|
53
|
-
type: {
|
|
54
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
55
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
56
|
-
};
|
|
57
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
58
|
-
};
|
|
59
|
-
/** comment content */
|
|
60
|
-
content: {
|
|
61
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
62
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
63
|
-
};
|
|
64
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
65
|
-
};
|
|
66
|
-
/** dropdown menu options */
|
|
67
|
-
options: {
|
|
68
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
69
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
70
|
-
};
|
|
71
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
72
|
-
};
|
|
73
|
-
/** dropdown selection */
|
|
74
|
-
selection: {
|
|
75
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
76
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
77
|
-
};
|
|
78
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
79
|
-
};
|
|
80
|
-
/** pass down props to dropdown */
|
|
81
|
-
customDropdownMenuProps: {
|
|
82
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
83
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
84
|
-
};
|
|
85
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
86
|
-
};
|
|
87
|
-
/** toggle border bottom for card */
|
|
88
|
-
borderBottom: {
|
|
89
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
90
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
91
|
-
};
|
|
92
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
93
|
-
};
|
|
94
|
-
/** moment Year, month, and day tokens https://momentjs.com/docs/#/parsing/string-format/ */
|
|
95
|
-
dateFormat: {
|
|
96
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
97
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
98
|
-
};
|
|
99
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
100
|
-
};
|
|
101
|
-
/** moment Hour, minute, second, millisecond, and offset tokens https://momentjs.com/docs/#/parsing/string-format/ */
|
|
102
|
-
timeFormat: {
|
|
103
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
104
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
105
|
-
};
|
|
106
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
107
|
-
};
|
|
108
|
-
/**
|
|
109
|
-
* Max lines
|
|
110
|
-
*/
|
|
111
|
-
maxLines: {
|
|
112
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
113
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
114
|
-
};
|
|
115
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
116
|
-
};
|
|
117
|
-
};
|
|
118
|
-
};
|
|
119
|
-
declare const DSCommentCardWithSchema: {
|
|
120
|
-
(props?: unknown): JSX.Element;
|
|
121
|
-
propTypes: unknown;
|
|
122
|
-
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
123
|
-
};
|
|
124
|
-
export default CommentCard;
|
|
125
|
-
export { DSCommentCardWithSchema };
|
|
@@ -1,108 +0,0 @@
|
|
|
1
|
-
/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
|
|
2
|
-
/// <reference types="react" />
|
|
3
|
-
import { DSCommentCardWithSchema } from './CommentCard';
|
|
4
|
-
declare const _default: {
|
|
5
|
-
DSCommentCard: {
|
|
6
|
-
({ containerProps, name, date, type, content, style, options, selection, customDropdownMenuProps, borderBottom, dateFormat, timeFormat, maxLines, }: {
|
|
7
|
-
containerProps?: {} | undefined;
|
|
8
|
-
name?: string | undefined;
|
|
9
|
-
date?: Date | undefined;
|
|
10
|
-
type?: string | undefined;
|
|
11
|
-
content?: string | undefined;
|
|
12
|
-
style?: {} | undefined;
|
|
13
|
-
options?: never[] | undefined;
|
|
14
|
-
selection?: {
|
|
15
|
-
'single-selection-internal-external': string[];
|
|
16
|
-
} | undefined;
|
|
17
|
-
customDropdownMenuProps?: {
|
|
18
|
-
focusOnOpen: boolean;
|
|
19
|
-
} | undefined;
|
|
20
|
-
borderBottom: any;
|
|
21
|
-
dateFormat?: string | undefined;
|
|
22
|
-
timeFormat?: string | undefined;
|
|
23
|
-
maxLines?: number | undefined;
|
|
24
|
-
}): JSX.Element;
|
|
25
|
-
propTypes: {
|
|
26
|
-
containerProps: {
|
|
27
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
28
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
29
|
-
};
|
|
30
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
31
|
-
};
|
|
32
|
-
name: {
|
|
33
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
34
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
35
|
-
};
|
|
36
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
37
|
-
};
|
|
38
|
-
style: {
|
|
39
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
40
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
41
|
-
};
|
|
42
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
43
|
-
};
|
|
44
|
-
date: {
|
|
45
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
46
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
47
|
-
};
|
|
48
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
49
|
-
};
|
|
50
|
-
type: {
|
|
51
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
52
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
53
|
-
};
|
|
54
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
55
|
-
};
|
|
56
|
-
content: {
|
|
57
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
58
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
59
|
-
};
|
|
60
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
61
|
-
};
|
|
62
|
-
options: {
|
|
63
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
64
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
65
|
-
};
|
|
66
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
67
|
-
};
|
|
68
|
-
selection: {
|
|
69
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
70
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
71
|
-
};
|
|
72
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
73
|
-
};
|
|
74
|
-
customDropdownMenuProps: {
|
|
75
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
76
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
77
|
-
};
|
|
78
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
79
|
-
};
|
|
80
|
-
borderBottom: {
|
|
81
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
82
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
83
|
-
};
|
|
84
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
85
|
-
};
|
|
86
|
-
dateFormat: {
|
|
87
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
88
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
89
|
-
};
|
|
90
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
91
|
-
};
|
|
92
|
-
timeFormat: {
|
|
93
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
94
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
95
|
-
};
|
|
96
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
97
|
-
};
|
|
98
|
-
maxLines: {
|
|
99
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
100
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
101
|
-
};
|
|
102
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
103
|
-
};
|
|
104
|
-
};
|
|
105
|
-
};
|
|
106
|
-
};
|
|
107
|
-
export default _default;
|
|
108
|
-
export { DSCommentCardWithSchema };
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const WrapperArea: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
|
|
3
|
-
export declare const WrapperComments: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
|
|
4
|
-
export declare const WrapperCommentsScroll: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
|
|
5
|
-
export declare const Counter: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
|
|
6
|
-
export declare const SubmitWrapper: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
|
|
7
|
-
export declare const SubmitExternal: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
|
|
8
|
-
export declare const SubmitButton: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
|
|
9
|
-
export declare const CommentCardWrapper: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
|
|
10
|
-
export declare const CommentCardHeader: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
|
|
11
|
-
export declare const CommentCardContent: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
|
|
12
|
-
export declare const CommentCardLeft: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
|
|
13
|
-
export declare const CommentCardName: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
|
|
14
|
-
export declare const CommentCardData: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
|
|
15
|
-
export declare const CommentCardMenu: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
|
|
16
|
-
export declare const CommentEmptyWrapper: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
|
|
17
|
-
export declare const CommentEmptyIcon: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
|
|
18
|
-
export declare const CommentEmptyLabel: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
|
package/dist/types/index.d.ts
DELETED
|
@@ -1,106 +0,0 @@
|
|
|
1
|
-
/// <reference path="../../../../shared/typings/react-desc.d.ts" />
|
|
2
|
-
/// <reference types="react" />
|
|
3
|
-
import { DSCommentCardWithSchema } from './components/DSComments';
|
|
4
|
-
export declare const DSCommentCard: {
|
|
5
|
-
({ containerProps, name, date, type, content, style, options, selection, customDropdownMenuProps, borderBottom, dateFormat, timeFormat, maxLines, }: {
|
|
6
|
-
containerProps?: {} | undefined;
|
|
7
|
-
name?: string | undefined;
|
|
8
|
-
date?: Date | undefined;
|
|
9
|
-
type?: string | undefined;
|
|
10
|
-
content?: string | undefined;
|
|
11
|
-
style?: {} | undefined;
|
|
12
|
-
options?: never[] | undefined;
|
|
13
|
-
selection?: {
|
|
14
|
-
'single-selection-internal-external': string[];
|
|
15
|
-
} | undefined;
|
|
16
|
-
customDropdownMenuProps?: {
|
|
17
|
-
focusOnOpen: boolean;
|
|
18
|
-
} | undefined;
|
|
19
|
-
borderBottom: any;
|
|
20
|
-
dateFormat?: string | undefined;
|
|
21
|
-
timeFormat?: string | undefined;
|
|
22
|
-
maxLines?: number | undefined;
|
|
23
|
-
}): JSX.Element;
|
|
24
|
-
propTypes: {
|
|
25
|
-
containerProps: {
|
|
26
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
27
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
28
|
-
};
|
|
29
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
30
|
-
};
|
|
31
|
-
name: {
|
|
32
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
33
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
34
|
-
};
|
|
35
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
36
|
-
};
|
|
37
|
-
style: {
|
|
38
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
39
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
40
|
-
};
|
|
41
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
42
|
-
};
|
|
43
|
-
date: {
|
|
44
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
45
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
46
|
-
};
|
|
47
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
48
|
-
};
|
|
49
|
-
type: {
|
|
50
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
51
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
52
|
-
};
|
|
53
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
54
|
-
};
|
|
55
|
-
content: {
|
|
56
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
57
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
58
|
-
};
|
|
59
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
60
|
-
};
|
|
61
|
-
options: {
|
|
62
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
63
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
64
|
-
};
|
|
65
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
66
|
-
};
|
|
67
|
-
selection: {
|
|
68
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
69
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
70
|
-
};
|
|
71
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
72
|
-
};
|
|
73
|
-
customDropdownMenuProps: {
|
|
74
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
75
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
76
|
-
};
|
|
77
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
78
|
-
};
|
|
79
|
-
borderBottom: {
|
|
80
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
81
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
82
|
-
};
|
|
83
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
84
|
-
};
|
|
85
|
-
dateFormat: {
|
|
86
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
87
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
88
|
-
};
|
|
89
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
90
|
-
};
|
|
91
|
-
timeFormat: {
|
|
92
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
93
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
94
|
-
};
|
|
95
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
96
|
-
};
|
|
97
|
-
maxLines: {
|
|
98
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
99
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
100
|
-
};
|
|
101
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
102
|
-
};
|
|
103
|
-
};
|
|
104
|
-
};
|
|
105
|
-
export default DSCommentCard;
|
|
106
|
-
export { DSCommentCardWithSchema };
|