@elliemae/ds-chat-bubble 3.11.1-rc.1 → 3.12.0-next.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/ChatBubble.js.map +2 -2
- package/dist/cjs/ChatBubbleArrow.js.map +2 -2
- package/dist/cjs/index.js +1 -2
- package/dist/cjs/index.js.map +2 -2
- package/dist/cjs/react-desc-prop-types.js.map +2 -2
- package/dist/esm/ChatBubble.js.map +2 -2
- package/dist/esm/ChatBubbleArrow.js.map +2 -2
- package/dist/esm/index.js +2 -3
- package/dist/esm/index.js.map +2 -2
- package/dist/esm/react-desc-prop-types.js.map +2 -2
- package/package.json +12 -9
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ChatBubble.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\nimport { WarningCircleFill } from '@elliemae/ds-icons';\nimport {\n StyledWrapper,\n StyledColoredBubble,\n StyledTitleBubble,\n StyledTitleLeftBubble,\n StyledTitleRightBubble,\n StyleBodyWrapper,\n StyleErrorMessage,\n StyleHelpMessage,\n} from './styled';\nimport { BubblesPropTypes, type DSChatBubbleT, defaultBubbleProps } from './react-desc-prop-types';\nimport { ChatBubbleArrow } from './ChatBubbleArrow';\nimport { ChatBubbleDataTestIds } from './ChatBubbleDataTestIds';\nconst ChatBubble: React.ComponentType<DSChatBubbleT.Props> = (props) => {\n const propsWithDefault = useMemoMergePropsWithDefault(props, defaultBubbleProps);\n useValidateTypescriptPropTypes(propsWithDefault, BubblesPropTypes);\n\n const { dsId, type, title, time, body, errorMessage, helpMessage } = propsWithDefault;\n const bodyParts = React.useMemo(() => (typeof body === 'string' ? body.split('\\n') : [body]), [body]);\n return (\n <StyledWrapper data-testid={`${ChatBubbleDataTestIds.BUBBLE}-${dsId}`}>\n <StyledColoredBubble type={type}>\n <StyledTitleBubble cols={['1fr', 'auto']} gutter=\"xs\" alignItems=\"flex-end\" className=\"sr-only\">\n <StyledTitleLeftBubble alignItems=\"center\" data-testid={`${ChatBubbleDataTestIds.BUBBLE_TITLE}-${dsId}`}>\n {title}\n </StyledTitleLeftBubble>\n <StyledTitleRightBubble\n alignItems=\"center\"\n type={type}\n data-testid={`${ChatBubbleDataTestIds.BUBBLE_TIME}-${dsId}`}\n >\n {time}\n </StyledTitleRightBubble>\n </StyledTitleBubble>\n <StyleBodyWrapper data-testid={`chat-bubble-body-${dsId}`}>\n {bodyParts.map((item, index) => (\n <React.Fragment key={`${item}-${dsId}`}>\n {item}\n {index < bodyParts.length - 1 ? <br /> : null}\n </React.Fragment>\n ))}\n </StyleBodyWrapper>\n <ChatBubbleArrow type={type} />\n </StyledColoredBubble>\n {errorMessage ? (\n <StyleErrorMessage data-testid={`chat-bubble-error-message-${dsId}`} p=\"xxs\" gutter=\"xxs\" cols={[1, 'auto']}>\n <span>{errorMessage}</span>\n <WarningCircleFill />\n </StyleErrorMessage>\n ) : null}\n {helpMessage ? (\n <StyleHelpMessage data-testid={`chat-bubble-help-message-${dsId}`} p=\"xxs\" gutter=\"xxs\" cols={[1, 'auto']}>\n <span>{helpMessage}</span>\n </StyleHelpMessage>\n ) : null}\n </StyledWrapper>\n );\n};\n\nChatBubble.propTypes = BubblesPropTypes;\nChatBubble.displayName = 'ChatBubble';\nconst ChatBubbleWithSchema = describe(ChatBubble);\nChatBubbleWithSchema.propTypes = BubblesPropTypes;\n\nexport { ChatBubble, ChatBubbleWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADyBf;AAzBR,mBAAkB;AAClB,0BAAuF;AACvF,sBAAkC;AAClC,oBASO;AACP,mCAAyE;AACzE,6BAAgC;AAChC,mCAAsC;AACtC,MAAM,aAAuD,CAAC,UAAU;AACtE,QAAM,uBAAmB,kDAA6B,OAAO,+CAAkB;AAC/E,0DAA+B,kBAAkB,6CAAgB;AAEjE,QAAM,EAAE,MAAM,MAAM,OAAO,MAAM,MAAM,cAAc,YAAY,IAAI;AACrE,QAAM,YAAY,aAAAA,QAAM,QAAQ,MAAO,OAAO,SAAS,WAAW,KAAK,MAAM,IAAI,IAAI,CAAC,IAAI,GAAI,CAAC,IAAI,CAAC;AACpG,SACE,6CAAC;AAAA,IAAc,eAAa,GAAG,mDAAsB,UAAU;AAAA,IAC7D;AAAA,mDAAC;AAAA,QAAoB;AAAA,QACnB;AAAA,uDAAC;AAAA,YAAkB,MAAM,CAAC,OAAO,MAAM;AAAA,YAAG,QAAO;AAAA,YAAK,YAAW;AAAA,YAAW,WAAU;AAAA,YACpF;AAAA,0DAAC;AAAA,gBAAsB,YAAW;AAAA,gBAAS,eAAa,GAAG,mDAAsB,gBAAgB;AAAA,gBAC9F;AAAA,eACH;AAAA,cACA,4CAAC;AAAA,gBACC,YAAW;AAAA,gBACX;AAAA,gBACA,eAAa,GAAG,mDAAsB,eAAe;AAAA,gBAEpD;AAAA,eACH;AAAA;AAAA,WACF;AAAA,UACA,4CAAC;AAAA,YAAiB,eAAa,oBAAoB;AAAA,YAChD,oBAAU,IAAI,CAAC,MAAM,UACpB,6CAAC,aAAAA,QAAM,UAAN;AAAA,cACE;AAAA;AAAA,gBACA,QAAQ,UAAU,SAAS,IAAI,4CAAC,QAAG,IAAK;AAAA;AAAA,eAFtB,GAAG,QAAQ,MAGhC,CACD;AAAA,WACH;AAAA,UACA,4CAAC;AAAA,YAAgB;AAAA,WAAY;AAAA;AAAA,OAC/B;AAAA,MACC,eACC,6CAAC;AAAA,QAAkB,eAAa,6BAA6B;AAAA,QAAQ,GAAE;AAAA,QAAM,QAAO;AAAA,QAAM,MAAM,CAAC,GAAG,MAAM;AAAA,QACxG;AAAA,sDAAC;AAAA,YAAM;AAAA,WAAa;AAAA,UACpB,4CAAC,qCAAkB;AAAA;AAAA,OACrB,IACE;AAAA,MACH,cACC,4CAAC;AAAA,QAAiB,eAAa,4BAA4B;AAAA,QAAQ,GAAE;AAAA,QAAM,QAAO;AAAA,QAAM,MAAM,CAAC,GAAG,MAAM;AAAA,QACtG,sDAAC;AAAA,UAAM;AAAA,SAAY;AAAA,OACrB,IACE;AAAA;AAAA,GACN;AAEJ;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AACzB,MAAM,2BAAuB,8BAAS,UAAU;AAChD,qBAAqB,YAAY;",
|
|
6
6
|
"names": ["React"]
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ChatBubbleArrow.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport { StyledBubbleArrow } from './styled';\nimport { describe } from '@elliemae/ds-utilities';\nimport { BUBBLE_TYPES, type DSChatBubbleT, propsArrowBubble } from './react-desc-prop-types';\n\nexport const ChatBubbleArrow: React.ComponentType<Pick<DSChatBubbleT.Props, 'type'>> = ({ type }) => (\n <StyledBubbleArrow>\n {type === BUBBLE_TYPES.RECIPIENT ? (\n <svg width=\"15px\" height=\"14px\" viewBox=\"0 0 15 14\">\n <defs>\n <path\n d=\"M12,8.5 C12,7.9373169 11.6782751,7.4856453 11.2282104,7.196228 C11.2286673,7.1967363 3,2 3,2 L3,10 L10.5627441,10 L10.5658569,9.9933472 C11.3630371,9.9580688 12,9.3058472 12,8.5 Z\"\n id=\"path-chat-bubble\"\n ></path>\n <filter x=\"-55.6%\" y=\"-50.0%\" width=\"211.1%\" height=\"225.0%\" filterUnits=\"objectBoundingBox\" id=\"filter-2\">\n <feOffset dx=\"2.3\" dy=\"1.2\" in=\"SourceAlpha\" result=\"shadowOffsetOuter1\"></feOffset>\n <feGaussianBlur stdDeviation=\"1.5\" in=\"shadowOffsetOuter1\" result=\"shadowBlurOuter1\"></feGaussianBlur>\n <feColorMatrix\n values=\"0 0 0 0 0.207843137 \n 0 0 0 0 0.235294118 \n 0 0 0 0 0.274509804 \n 0 0 0 0.8 0\"\n type=\"matrix\"\n in=\"shadowBlurOuter1\"\n ></feColorMatrix>\n </filter>\n </defs>\n <g id=\"[DSK]-Visual-Design\" stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n <g id=\"Path-Copy\" transform=\"translate(7.500000, 6.000000) scale(-1, 1) translate(-7.500000, -6.000000) \">\n <use fill=\"black\" fillOpacity=\"1\" filter=\"url(#filter-2)\" xlinkHref=\"#path-chat-bubble\"></use>\n <use fill=\"#FFFFFF\" fillRule=\"evenodd\" xlinkHref=\"#path-chat-bubble\"></use>\n </g>\n </g>\n </svg>\n ) : (\n <svg width=\"9px\" height=\"8px\" viewBox=\"0 0 9 8\">\n <g stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n <path\n d=\"M9,6.5 C9,5.9373169 8.6782751,5.4856453 8.2282104,5.196228 C8.2286673,5.1967363 0,0 0,0 L0,8 L7.5627441,8 L7.5658569,7.9933472 C8.3630371,7.9580688 9,7.3058472 9,6.5 Z\"\n id=\"Path\"\n fill=\"#1E79C2\"\n ></path>\n </g>\n </svg>\n )}\n </StyledBubbleArrow>\n);\n\nChatBubbleArrow.propTypes = propsArrowBubble;\nconst ChatBubbleArrowWithSchema = describe(ChatBubbleArrow);\nChatBubbleArrowWithSchema.propTypes = propsArrowBubble;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADUb;AATV,oBAAkC;AAClC,0BAAyB;AACzB,mCAAmE;AAE5D,MAAM,kBAA0E,CAAC,EAAE,KAAK,MAC7F,4CAAC;AAAA,EACE,mBAAS,0CAAa,YACrB,6CAAC;AAAA,IAAI,OAAM;AAAA,IAAO,QAAO;AAAA,IAAO,SAAQ;AAAA,IACtC;AAAA,mDAAC;AAAA,QACC;AAAA,sDAAC;AAAA,YACC,GAAE;AAAA,YACF,IAAG;AAAA,WACJ;AAAA,UACD,6CAAC;AAAA,YAAO,GAAE;AAAA,YAAS,GAAE;AAAA,YAAS,OAAM;AAAA,YAAS,QAAO;AAAA,YAAS,aAAY;AAAA,YAAoB,IAAG;AAAA,YAC9F;AAAA,0DAAC;AAAA,gBAAS,IAAG;AAAA,gBAAM,IAAG;AAAA,gBAAM,IAAG;AAAA,gBAAc,QAAO;AAAA,eAAqB;AAAA,cACzE,4CAAC;AAAA,gBAAe,cAAa;AAAA,gBAAM,IAAG;AAAA,gBAAqB,QAAO;AAAA,eAAmB;AAAA,cACrF,4CAAC;AAAA,gBACC,QAAO;AAAA,gBAIP,MAAK;AAAA,gBACL,IAAG;AAAA,eACJ;AAAA;AAAA,WACH;AAAA;AAAA,OACF;AAAA,MACA,4CAAC;AAAA,QAAE,IAAG;AAAA,QAAsB,QAAO;AAAA,QAAO,aAAY;AAAA,QAAI,MAAK;AAAA,QAAO,UAAS;AAAA,QAC7E,uDAAC;AAAA,UAAE,IAAG;AAAA,UAAY,WAAU;AAAA,UAC1B;AAAA,wDAAC;AAAA,cAAI,MAAK;AAAA,cAAQ,aAAY;AAAA,cAAI,QAAO;AAAA,cAAiB,WAAU;AAAA,aAAoB;AAAA,YACxF,4CAAC;AAAA,cAAI,MAAK;AAAA,cAAU,UAAS;AAAA,cAAU,WAAU;AAAA,aAAoB;AAAA;AAAA,SACvE;AAAA,OACF;AAAA;AAAA,GACF,IAEA,4CAAC;AAAA,IAAI,OAAM;AAAA,IAAM,QAAO;AAAA,IAAM,SAAQ;AAAA,IACpC,sDAAC;AAAA,MAAE,QAAO;AAAA,MAAO,aAAY;AAAA,MAAI,MAAK;AAAA,MAAO,UAAS;AAAA,MACpD,sDAAC;AAAA,QACC,GAAE;AAAA,QACF,IAAG;AAAA,QACH,MAAK;AAAA,OACN;AAAA,KACH;AAAA,GACF;AAAA,CAEJ;AAGF,gBAAgB,YAAY;AAC5B,MAAM,gCAA4B,8BAAS,eAAe;AAC1D,0BAA0B,YAAY;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/index.js
CHANGED
|
@@ -28,8 +28,7 @@ __export(src_exports, {
|
|
|
28
28
|
BUBBLE_TYPES: () => import_react_desc_prop_types.BUBBLE_TYPES,
|
|
29
29
|
ChatBubble: () => import_ChatBubble.ChatBubble,
|
|
30
30
|
ChatBubbleDataTestIds: () => import_ChatBubbleDataTestIds.ChatBubbleDataTestIds,
|
|
31
|
-
ChatBubbleWithSchema: () => import_ChatBubble.ChatBubbleWithSchema
|
|
32
|
-
DSChatBubbleT: () => import_react_desc_prop_types.DSChatBubbleT
|
|
31
|
+
ChatBubbleWithSchema: () => import_ChatBubble.ChatBubbleWithSchema
|
|
33
32
|
});
|
|
34
33
|
module.exports = __toCommonJS(src_exports);
|
|
35
34
|
var React = __toESM(require("react"));
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["export { ChatBubble, ChatBubbleWithSchema } from './ChatBubble';\nexport { BUBBLE_TYPES, DSChatBubbleT } from './react-desc-prop-types';\nexport { ChatBubbleDataTestIds } from './ChatBubbleDataTestIds';\nexport * from './styled';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;
|
|
4
|
+
"sourcesContent": ["export { ChatBubble, ChatBubbleWithSchema } from './ChatBubble';\nexport { BUBBLE_TYPES, type DSChatBubbleT } from './react-desc-prop-types';\nexport { ChatBubbleDataTestIds } from './ChatBubbleDataTestIds';\nexport * from './styled';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAiD;AACjD,mCAAiD;AACjD,mCAAsC;AACtC,wBAAc,qBAHd;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/react-desc-prop-types.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import { PropTypes } from '@elliemae/ds-utilities';\nimport
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA0B;
|
|
4
|
+
"sourcesContent": ["import { PropTypes } from '@elliemae/ds-utilities';\nimport type { WeakValidationMap } from 'react';\nimport type React from 'react';\n\n// eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars\nfunction noop<T extends unknown[]>(..._args: T): void {}\nexport const BUBBLE_TYPES = {\n SENDER: 'SENDER',\n RECIPIENT: 'RECIPIENT',\n DELIMITER: 'DELIMITER',\n SYSTEM: 'SYSTEM',\n};\n\nexport declare namespace DSChatBubbleT {\n export interface Props {\n dsId: string | number;\n type: BubbleTypesValues;\n title?: string;\n body: string;\n time: string;\n errorMessage: string | React.ReactChild;\n helpMessage: string | React.ReactChild;\n onClick: (id: string | number) => void;\n }\n\n export type BubbleTypesKeys = keyof typeof BUBBLE_TYPES;\n export type BubbleTypesValues = typeof BUBBLE_TYPES[BubbleTypesKeys];\n}\n\nexport const defaultBubbleProps: DSChatBubbleT.Props = {\n dsId: '',\n type: BUBBLE_TYPES.SENDER,\n time: '',\n body: '',\n onClick: noop,\n errorMessage: '',\n helpMessage: '',\n};\n\nexport const BubblesPropTypes = {\n dsId: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n .description('Unique id for bubble')\n .defaultValue(defaultBubbleProps.dsId),\n type: PropTypes.oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER])\n .isRequired.description('Define bubble type ')\n .defaultValue(defaultBubbleProps.type),\n title: PropTypes.string.description('Title of the bubble').defaultValue(defaultBubbleProps.title),\n time: PropTypes.string.isRequired.description('Time of the bubble').defaultValue(defaultBubbleProps.title),\n body: PropTypes.oneOfType([PropTypes.string, PropTypes.element])\n .isRequired.description('Bubble content')\n .defaultValue(defaultBubbleProps.body),\n onClick: PropTypes.func.description('Callback when the bubble is tapped').defaultValue(defaultBubbleProps.onClick),\n errorMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element])\n .description('Error message to display at bottom of the bubble')\n .defaultValue(defaultBubbleProps.onClick),\n helpMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element])\n .description('Help message to display at bottom of the bubble')\n .defaultValue(defaultBubbleProps.onClick),\n} as WeakValidationMap<unknown>;\n\nexport const propsArrowBubble = {\n type: PropTypes.oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER]).isRequired.defaultValue(defaultBubbleProps.type),\n} as WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA0B;AAK1B,SAAS,QAA6B,OAAgB;AAAC;AAChD,MAAM,eAAe;AAAA,EAC1B,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,WAAW;AAAA,EACX,QAAQ;AACV;AAkBO,MAAM,qBAA0C;AAAA,EACrD,MAAM;AAAA,EACN,MAAM,aAAa;AAAA,EACnB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,SAAS;AAAA,EACT,cAAc;AAAA,EACd,aAAa;AACf;AAEO,MAAM,mBAAmB;AAAA,EAC9B,MAAM,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,EAC3D,YAAY,sBAAsB,EAClC,aAAa,mBAAmB,IAAI;AAAA,EACvC,MAAM,8BAAU,MAAM,CAAC,aAAa,WAAW,aAAa,MAAM,CAAC,EAChE,WAAW,YAAY,qBAAqB,EAC5C,aAAa,mBAAmB,IAAI;AAAA,EACvC,OAAO,8BAAU,OAAO,YAAY,qBAAqB,EAAE,aAAa,mBAAmB,KAAK;AAAA,EAChG,MAAM,8BAAU,OAAO,WAAW,YAAY,oBAAoB,EAAE,aAAa,mBAAmB,KAAK;AAAA,EACzG,MAAM,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,OAAO,CAAC,EAC5D,WAAW,YAAY,gBAAgB,EACvC,aAAa,mBAAmB,IAAI;AAAA,EACvC,SAAS,8BAAU,KAAK,YAAY,oCAAoC,EAAE,aAAa,mBAAmB,OAAO;AAAA,EACjH,cAAc,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,OAAO,CAAC,EACpE,YAAY,kDAAkD,EAC9D,aAAa,mBAAmB,OAAO;AAAA,EAC1C,aAAa,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,OAAO,CAAC,EACnE,YAAY,iDAAiD,EAC7D,aAAa,mBAAmB,OAAO;AAC5C;AAEO,MAAM,mBAAmB;AAAA,EAC9B,MAAM,8BAAU,MAAM,CAAC,aAAa,WAAW,aAAa,MAAM,CAAC,EAAE,WAAW,aAAa,mBAAmB,IAAI;AACtH;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ChatBubble.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\nimport { WarningCircleFill } from '@elliemae/ds-icons';\nimport {\n StyledWrapper,\n StyledColoredBubble,\n StyledTitleBubble,\n StyledTitleLeftBubble,\n StyledTitleRightBubble,\n StyleBodyWrapper,\n StyleErrorMessage,\n StyleHelpMessage,\n} from './styled';\nimport { BubblesPropTypes, type DSChatBubbleT, defaultBubbleProps } from './react-desc-prop-types';\nimport { ChatBubbleArrow } from './ChatBubbleArrow';\nimport { ChatBubbleDataTestIds } from './ChatBubbleDataTestIds';\nconst ChatBubble: React.ComponentType<DSChatBubbleT.Props> = (props) => {\n const propsWithDefault = useMemoMergePropsWithDefault(props, defaultBubbleProps);\n useValidateTypescriptPropTypes(propsWithDefault, BubblesPropTypes);\n\n const { dsId, type, title, time, body, errorMessage, helpMessage } = propsWithDefault;\n const bodyParts = React.useMemo(() => (typeof body === 'string' ? body.split('\\n') : [body]), [body]);\n return (\n <StyledWrapper data-testid={`${ChatBubbleDataTestIds.BUBBLE}-${dsId}`}>\n <StyledColoredBubble type={type}>\n <StyledTitleBubble cols={['1fr', 'auto']} gutter=\"xs\" alignItems=\"flex-end\" className=\"sr-only\">\n <StyledTitleLeftBubble alignItems=\"center\" data-testid={`${ChatBubbleDataTestIds.BUBBLE_TITLE}-${dsId}`}>\n {title}\n </StyledTitleLeftBubble>\n <StyledTitleRightBubble\n alignItems=\"center\"\n type={type}\n data-testid={`${ChatBubbleDataTestIds.BUBBLE_TIME}-${dsId}`}\n >\n {time}\n </StyledTitleRightBubble>\n </StyledTitleBubble>\n <StyleBodyWrapper data-testid={`chat-bubble-body-${dsId}`}>\n {bodyParts.map((item, index) => (\n <React.Fragment key={`${item}-${dsId}`}>\n {item}\n {index < bodyParts.length - 1 ? <br /> : null}\n </React.Fragment>\n ))}\n </StyleBodyWrapper>\n <ChatBubbleArrow type={type} />\n </StyledColoredBubble>\n {errorMessage ? (\n <StyleErrorMessage data-testid={`chat-bubble-error-message-${dsId}`} p=\"xxs\" gutter=\"xxs\" cols={[1, 'auto']}>\n <span>{errorMessage}</span>\n <WarningCircleFill />\n </StyleErrorMessage>\n ) : null}\n {helpMessage ? (\n <StyleHelpMessage data-testid={`chat-bubble-help-message-${dsId}`} p=\"xxs\" gutter=\"xxs\" cols={[1, 'auto']}>\n <span>{helpMessage}</span>\n </StyleHelpMessage>\n ) : null}\n </StyledWrapper>\n );\n};\n\nChatBubble.propTypes = BubblesPropTypes;\nChatBubble.displayName = 'ChatBubble';\nconst ChatBubbleWithSchema = describe(ChatBubble);\nChatBubbleWithSchema.propTypes = BubblesPropTypes;\n\nexport { ChatBubble, ChatBubbleWithSchema };\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACyBf,SACE,KADF;AAzBR,OAAOA,YAAW;AAClB,SAAS,UAAU,gCAAgC,oCAAoC;AACvF,SAAS,yBAAyB;AAClC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,kBAAsC,0BAA0B;AACzE,SAAS,uBAAuB;AAChC,SAAS,6BAA6B;AACtC,MAAM,aAAuD,CAAC,UAAU;AACtE,QAAM,mBAAmB,6BAA6B,OAAO,kBAAkB;AAC/E,iCAA+B,kBAAkB,gBAAgB;AAEjE,QAAM,EAAE,MAAM,MAAM,OAAO,MAAM,MAAM,cAAc,YAAY,IAAI;AACrE,QAAM,YAAYA,OAAM,QAAQ,MAAO,OAAO,SAAS,WAAW,KAAK,MAAM,IAAI,IAAI,CAAC,IAAI,GAAI,CAAC,IAAI,CAAC;AACpG,SACE,qBAAC;AAAA,IAAc,eAAa,GAAG,sBAAsB,UAAU;AAAA,IAC7D;AAAA,2BAAC;AAAA,QAAoB;AAAA,QACnB;AAAA,+BAAC;AAAA,YAAkB,MAAM,CAAC,OAAO,MAAM;AAAA,YAAG,QAAO;AAAA,YAAK,YAAW;AAAA,YAAW,WAAU;AAAA,YACpF;AAAA,kCAAC;AAAA,gBAAsB,YAAW;AAAA,gBAAS,eAAa,GAAG,sBAAsB,gBAAgB;AAAA,gBAC9F;AAAA,eACH;AAAA,cACA,oBAAC;AAAA,gBACC,YAAW;AAAA,gBACX;AAAA,gBACA,eAAa,GAAG,sBAAsB,eAAe;AAAA,gBAEpD;AAAA,eACH;AAAA;AAAA,WACF;AAAA,UACA,oBAAC;AAAA,YAAiB,eAAa,oBAAoB;AAAA,YAChD,oBAAU,IAAI,CAAC,MAAM,UACpB,qBAACA,OAAM,UAAN;AAAA,cACE;AAAA;AAAA,gBACA,QAAQ,UAAU,SAAS,IAAI,oBAAC,QAAG,IAAK;AAAA;AAAA,eAFtB,GAAG,QAAQ,MAGhC,CACD;AAAA,WACH;AAAA,UACA,oBAAC;AAAA,YAAgB;AAAA,WAAY;AAAA;AAAA,OAC/B;AAAA,MACC,eACC,qBAAC;AAAA,QAAkB,eAAa,6BAA6B;AAAA,QAAQ,GAAE;AAAA,QAAM,QAAO;AAAA,QAAM,MAAM,CAAC,GAAG,MAAM;AAAA,QACxG;AAAA,8BAAC;AAAA,YAAM;AAAA,WAAa;AAAA,UACpB,oBAAC,qBAAkB;AAAA;AAAA,OACrB,IACE;AAAA,MACH,cACC,oBAAC;AAAA,QAAiB,eAAa,4BAA4B;AAAA,QAAQ,GAAE;AAAA,QAAM,QAAO;AAAA,QAAM,MAAM,CAAC,GAAG,MAAM;AAAA,QACtG,8BAAC;AAAA,UAAM;AAAA,SAAY;AAAA,OACrB,IACE;AAAA;AAAA,GACN;AAEJ;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AACzB,MAAM,uBAAuB,SAAS,UAAU;AAChD,qBAAqB,YAAY;",
|
|
6
6
|
"names": ["React"]
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ChatBubbleArrow.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { StyledBubbleArrow } from './styled';\nimport { describe } from '@elliemae/ds-utilities';\nimport { BUBBLE_TYPES, type DSChatBubbleT, propsArrowBubble } from './react-desc-prop-types';\n\nexport const ChatBubbleArrow: React.ComponentType<Pick<DSChatBubbleT.Props, 'type'>> = ({ type }) => (\n <StyledBubbleArrow>\n {type === BUBBLE_TYPES.RECIPIENT ? (\n <svg width=\"15px\" height=\"14px\" viewBox=\"0 0 15 14\">\n <defs>\n <path\n d=\"M12,8.5 C12,7.9373169 11.6782751,7.4856453 11.2282104,7.196228 C11.2286673,7.1967363 3,2 3,2 L3,10 L10.5627441,10 L10.5658569,9.9933472 C11.3630371,9.9580688 12,9.3058472 12,8.5 Z\"\n id=\"path-chat-bubble\"\n ></path>\n <filter x=\"-55.6%\" y=\"-50.0%\" width=\"211.1%\" height=\"225.0%\" filterUnits=\"objectBoundingBox\" id=\"filter-2\">\n <feOffset dx=\"2.3\" dy=\"1.2\" in=\"SourceAlpha\" result=\"shadowOffsetOuter1\"></feOffset>\n <feGaussianBlur stdDeviation=\"1.5\" in=\"shadowOffsetOuter1\" result=\"shadowBlurOuter1\"></feGaussianBlur>\n <feColorMatrix\n values=\"0 0 0 0 0.207843137 \n 0 0 0 0 0.235294118 \n 0 0 0 0 0.274509804 \n 0 0 0 0.8 0\"\n type=\"matrix\"\n in=\"shadowBlurOuter1\"\n ></feColorMatrix>\n </filter>\n </defs>\n <g id=\"[DSK]-Visual-Design\" stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n <g id=\"Path-Copy\" transform=\"translate(7.500000, 6.000000) scale(-1, 1) translate(-7.500000, -6.000000) \">\n <use fill=\"black\" fillOpacity=\"1\" filter=\"url(#filter-2)\" xlinkHref=\"#path-chat-bubble\"></use>\n <use fill=\"#FFFFFF\" fillRule=\"evenodd\" xlinkHref=\"#path-chat-bubble\"></use>\n </g>\n </g>\n </svg>\n ) : (\n <svg width=\"9px\" height=\"8px\" viewBox=\"0 0 9 8\">\n <g stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n <path\n d=\"M9,6.5 C9,5.9373169 8.6782751,5.4856453 8.2282104,5.196228 C8.2286673,5.1967363 0,0 0,0 L0,8 L7.5627441,8 L7.5658569,7.9933472 C8.3630371,7.9580688 9,7.3058472 9,6.5 Z\"\n id=\"Path\"\n fill=\"#1E79C2\"\n ></path>\n </g>\n </svg>\n )}\n </StyledBubbleArrow>\n);\n\nChatBubbleArrow.propTypes = propsArrowBubble;\nconst ChatBubbleArrowWithSchema = describe(ChatBubbleArrow);\nChatBubbleArrowWithSchema.propTypes = propsArrowBubble;\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACUb,cAIA,YAJA;AATV,SAAS,yBAAyB;AAClC,SAAS,gBAAgB;AACzB,SAAS,cAAkC,wBAAwB;AAE5D,MAAM,kBAA0E,CAAC,EAAE,KAAK,MAC7F,oBAAC;AAAA,EACE,mBAAS,aAAa,YACrB,qBAAC;AAAA,IAAI,OAAM;AAAA,IAAO,QAAO;AAAA,IAAO,SAAQ;AAAA,IACtC;AAAA,2BAAC;AAAA,QACC;AAAA,8BAAC;AAAA,YACC,GAAE;AAAA,YACF,IAAG;AAAA,WACJ;AAAA,UACD,qBAAC;AAAA,YAAO,GAAE;AAAA,YAAS,GAAE;AAAA,YAAS,OAAM;AAAA,YAAS,QAAO;AAAA,YAAS,aAAY;AAAA,YAAoB,IAAG;AAAA,YAC9F;AAAA,kCAAC;AAAA,gBAAS,IAAG;AAAA,gBAAM,IAAG;AAAA,gBAAM,IAAG;AAAA,gBAAc,QAAO;AAAA,eAAqB;AAAA,cACzE,oBAAC;AAAA,gBAAe,cAAa;AAAA,gBAAM,IAAG;AAAA,gBAAqB,QAAO;AAAA,eAAmB;AAAA,cACrF,oBAAC;AAAA,gBACC,QAAO;AAAA,gBAIP,MAAK;AAAA,gBACL,IAAG;AAAA,eACJ;AAAA;AAAA,WACH;AAAA;AAAA,OACF;AAAA,MACA,oBAAC;AAAA,QAAE,IAAG;AAAA,QAAsB,QAAO;AAAA,QAAO,aAAY;AAAA,QAAI,MAAK;AAAA,QAAO,UAAS;AAAA,QAC7E,+BAAC;AAAA,UAAE,IAAG;AAAA,UAAY,WAAU;AAAA,UAC1B;AAAA,gCAAC;AAAA,cAAI,MAAK;AAAA,cAAQ,aAAY;AAAA,cAAI,QAAO;AAAA,cAAiB,WAAU;AAAA,aAAoB;AAAA,YACxF,oBAAC;AAAA,cAAI,MAAK;AAAA,cAAU,UAAS;AAAA,cAAU,WAAU;AAAA,aAAoB;AAAA;AAAA,SACvE;AAAA,OACF;AAAA;AAAA,GACF,IAEA,oBAAC;AAAA,IAAI,OAAM;AAAA,IAAM,QAAO;AAAA,IAAM,SAAQ;AAAA,IACpC,8BAAC;AAAA,MAAE,QAAO;AAAA,MAAO,aAAY;AAAA,MAAI,MAAK;AAAA,MAAO,UAAS;AAAA,MACpD,8BAAC;AAAA,QACC,GAAE;AAAA,QACF,IAAG;AAAA,QACH,MAAK;AAAA,OACN;AAAA,KACH;AAAA,GACF;AAAA,CAEJ;AAGF,gBAAgB,YAAY;AAC5B,MAAM,4BAA4B,SAAS,eAAe;AAC1D,0BAA0B,YAAY;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/index.js
CHANGED
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { ChatBubble, ChatBubbleWithSchema } from "./ChatBubble";
|
|
3
|
-
import { BUBBLE_TYPES
|
|
3
|
+
import { BUBBLE_TYPES } from "./react-desc-prop-types";
|
|
4
4
|
import { ChatBubbleDataTestIds } from "./ChatBubbleDataTestIds";
|
|
5
5
|
export * from "./styled";
|
|
6
6
|
export {
|
|
7
7
|
BUBBLE_TYPES,
|
|
8
8
|
ChatBubble,
|
|
9
9
|
ChatBubbleDataTestIds,
|
|
10
|
-
ChatBubbleWithSchema
|
|
11
|
-
DSChatBubbleT
|
|
10
|
+
ChatBubbleWithSchema
|
|
12
11
|
};
|
|
13
12
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { ChatBubble, ChatBubbleWithSchema } from './ChatBubble';\nexport { BUBBLE_TYPES, DSChatBubbleT } from './react-desc-prop-types';\nexport { ChatBubbleDataTestIds } from './ChatBubbleDataTestIds';\nexport * from './styled';\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,YAAY,4BAA4B;AACjD,SAAS,
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { ChatBubble, ChatBubbleWithSchema } from './ChatBubble';\nexport { BUBBLE_TYPES, type DSChatBubbleT } from './react-desc-prop-types';\nexport { ChatBubbleDataTestIds } from './ChatBubbleDataTestIds';\nexport * from './styled';\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,YAAY,4BAA4B;AACjD,SAAS,oBAAwC;AACjD,SAAS,6BAA6B;AACtC,cAAc;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-utilities';\nimport
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-utilities';\nimport type { WeakValidationMap } from 'react';\nimport type React from 'react';\n\n// eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars\nfunction noop<T extends unknown[]>(..._args: T): void {}\nexport const BUBBLE_TYPES = {\n SENDER: 'SENDER',\n RECIPIENT: 'RECIPIENT',\n DELIMITER: 'DELIMITER',\n SYSTEM: 'SYSTEM',\n};\n\nexport declare namespace DSChatBubbleT {\n export interface Props {\n dsId: string | number;\n type: BubbleTypesValues;\n title?: string;\n body: string;\n time: string;\n errorMessage: string | React.ReactChild;\n helpMessage: string | React.ReactChild;\n onClick: (id: string | number) => void;\n }\n\n export type BubbleTypesKeys = keyof typeof BUBBLE_TYPES;\n export type BubbleTypesValues = typeof BUBBLE_TYPES[BubbleTypesKeys];\n}\n\nexport const defaultBubbleProps: DSChatBubbleT.Props = {\n dsId: '',\n type: BUBBLE_TYPES.SENDER,\n time: '',\n body: '',\n onClick: noop,\n errorMessage: '',\n helpMessage: '',\n};\n\nexport const BubblesPropTypes = {\n dsId: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n .description('Unique id for bubble')\n .defaultValue(defaultBubbleProps.dsId),\n type: PropTypes.oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER])\n .isRequired.description('Define bubble type ')\n .defaultValue(defaultBubbleProps.type),\n title: PropTypes.string.description('Title of the bubble').defaultValue(defaultBubbleProps.title),\n time: PropTypes.string.isRequired.description('Time of the bubble').defaultValue(defaultBubbleProps.title),\n body: PropTypes.oneOfType([PropTypes.string, PropTypes.element])\n .isRequired.description('Bubble content')\n .defaultValue(defaultBubbleProps.body),\n onClick: PropTypes.func.description('Callback when the bubble is tapped').defaultValue(defaultBubbleProps.onClick),\n errorMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element])\n .description('Error message to display at bottom of the bubble')\n .defaultValue(defaultBubbleProps.onClick),\n helpMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element])\n .description('Help message to display at bottom of the bubble')\n .defaultValue(defaultBubbleProps.onClick),\n} as WeakValidationMap<unknown>;\n\nexport const propsArrowBubble = {\n type: PropTypes.oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER]).isRequired.defaultValue(defaultBubbleProps.type),\n} as WeakValidationMap<unknown>;\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAK1B,SAAS,QAA6B,OAAgB;AAAC;AAChD,MAAM,eAAe;AAAA,EAC1B,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,WAAW;AAAA,EACX,QAAQ;AACV;AAkBO,MAAM,qBAA0C;AAAA,EACrD,MAAM;AAAA,EACN,MAAM,aAAa;AAAA,EACnB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,SAAS;AAAA,EACT,cAAc;AAAA,EACd,aAAa;AACf;AAEO,MAAM,mBAAmB;AAAA,EAC9B,MAAM,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAC3D,YAAY,sBAAsB,EAClC,aAAa,mBAAmB,IAAI;AAAA,EACvC,MAAM,UAAU,MAAM,CAAC,aAAa,WAAW,aAAa,MAAM,CAAC,EAChE,WAAW,YAAY,qBAAqB,EAC5C,aAAa,mBAAmB,IAAI;AAAA,EACvC,OAAO,UAAU,OAAO,YAAY,qBAAqB,EAAE,aAAa,mBAAmB,KAAK;AAAA,EAChG,MAAM,UAAU,OAAO,WAAW,YAAY,oBAAoB,EAAE,aAAa,mBAAmB,KAAK;AAAA,EACzG,MAAM,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,CAAC,EAC5D,WAAW,YAAY,gBAAgB,EACvC,aAAa,mBAAmB,IAAI;AAAA,EACvC,SAAS,UAAU,KAAK,YAAY,oCAAoC,EAAE,aAAa,mBAAmB,OAAO;AAAA,EACjH,cAAc,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,CAAC,EACpE,YAAY,kDAAkD,EAC9D,aAAa,mBAAmB,OAAO;AAAA,EAC1C,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,CAAC,EACnE,YAAY,iDAAiD,EAC7D,aAAa,mBAAmB,OAAO;AAC5C;AAEO,MAAM,mBAAmB;AAAA,EAC9B,MAAM,UAAU,MAAM,CAAC,aAAa,WAAW,aAAa,MAAM,CAAC,EAAE,WAAW,aAAa,mBAAmB,IAAI;AACtH;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-chat-bubble",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.12.0-next.1",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Chat",
|
|
6
6
|
"files": [
|
|
@@ -51,16 +51,15 @@
|
|
|
51
51
|
"typeSafety": true
|
|
52
52
|
},
|
|
53
53
|
"dependencies": {
|
|
54
|
-
"@elliemae/ds-grid": "3.
|
|
55
|
-
"@elliemae/ds-icons": "3.
|
|
56
|
-
"@elliemae/ds-system": "3.
|
|
57
|
-
"@elliemae/ds-utilities": "3.
|
|
54
|
+
"@elliemae/ds-grid": "3.12.0-next.1",
|
|
55
|
+
"@elliemae/ds-icons": "3.12.0-next.1",
|
|
56
|
+
"@elliemae/ds-system": "3.12.0-next.1",
|
|
57
|
+
"@elliemae/ds-utilities": "3.12.0-next.1"
|
|
58
58
|
},
|
|
59
59
|
"devDependencies": {
|
|
60
|
-
"@testing-library/dom": "~8.
|
|
61
|
-
"@testing-library/jest-dom": "~5.16.
|
|
60
|
+
"@testing-library/dom": "~8.19.0",
|
|
61
|
+
"@testing-library/jest-dom": "~5.16.5",
|
|
62
62
|
"@testing-library/react": "~12.1.3",
|
|
63
|
-
"@testing-library/user-event": "~13.5.0",
|
|
64
63
|
"styled-components": "~5.3.5"
|
|
65
64
|
},
|
|
66
65
|
"peerDependencies": {
|
|
@@ -70,11 +69,15 @@
|
|
|
70
69
|
"styled-components": "^5.3.5"
|
|
71
70
|
},
|
|
72
71
|
"scripts": {
|
|
72
|
+
"dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
|
|
73
73
|
"test": "node ../../scripts/testing/test.mjs",
|
|
74
74
|
"lint": "node ../../scripts/lint.mjs",
|
|
75
|
+
"eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../.eslintrc.js' src/",
|
|
75
76
|
"dts": "node ../../scripts/dts.mjs",
|
|
76
|
-
"
|
|
77
|
+
"dts:withdeps": "pnpm --filter {.}... dts",
|
|
77
78
|
"build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
|
|
79
|
+
"dev:build": "pnpm --filter {.}... build && pnpm --filter {.}... dts",
|
|
80
|
+
"dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
|
|
78
81
|
"checkDeps": "npx -yes ../ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
|
|
79
82
|
}
|
|
80
83
|
}
|