@elliemae/ds-chat-system-message 3.21.2 → 3.22.0-next.0

package/dist/cjs/SystemMessage.js

@@ -42,7 +42,12 @@ var import_DSChatSystemMessageDefinitions = require("./DSChatSystemMessageDefini
 const SystemMessage = (props) => {
   const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.defaultProps);
   (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefault, import_react_desc_prop_types.systemMessageProps, import_DSChatSystemMessageDefinitions.DSChatSystemMessageName);
-  const { title, time, body } = propsWithDefault;
+  const {
+    title,
+    time = null,
+    // undefined is technically not a valid React node, it should be null instead
+    body
+  } = propsWithDefault;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_style.Wrapper, { rows: ["auto", "auto"], cols: [1], children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_style.Header, { cols: ["1fr", "auto", "1fr"], children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {}),

package/dist/cjs/SystemMessage.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/SystemMessage.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { Wrapper, Header, Title, Time, Message } from './style.js';\nimport type { DSChatSystemMessageT } from './react-desc-prop-types.js';\nimport { systemMessageProps, defaultProps } from './react-desc-prop-types.js';\nimport { ChatSystemMessageDataTestIds } from './ChatSystemMessageDataTestIds.js';\nimport { DSChatSystemMessageName } from './DSChatSystemMessageDefinitions.js';\n\nconst SystemMessage: React.ComponentType<DSChatSystemMessageT.Props> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, systemMessageProps, DSChatSystemMessageName);\n\n  const { title, time, body } = propsWithDefault;\n  return (\n    <Wrapper rows={['auto', 'auto']} cols={[1]}>\n      <Header cols={['1fr', 'auto', '1fr']}>\n        <span />\n        <Title data-testid={ChatSystemMessageDataTestIds.SYSTEM_MSG_TITLE}>{title}</Title>\n        <Time data-testid={ChatSystemMessageDataTestIds.SYSTEM_MSG_TIME}>{time}</Time>\n      </Header>\n      <Message data-testid={ChatSystemMessageDataTestIds.SYSTEM_MSG_BODY}>{body}</Message>\n    </Wrapper>\n  );\n};\n\nSystemMessage.propTypes = systemMessageProps as WeakValidationMap<unknown>;\nSystemMessage.displayName = DSChatSystemMessageName;\nconst SystemMessageWithSchema = describe(SystemMessage);\nSystemMessageWithSchema.propTypes = systemMessageProps as WeakValidationMap<unknown>;\n\nexport { SystemMessage, SystemMessageWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgBjB;AAdN,8BAAuF;AACvF,mBAAsD;AAEtD,mCAAiD;AACjD,0CAA6C;AAC7C,4CAAwC;AAExC,MAAM,gBAAiE,CAAC,UAAU;AAChF,QAAM,uBAAmB,sDAA6B,OAAO,yCAAY;AACzE,8DAA+B,kBAAkB,iDAAoB,6DAAuB;AAE5F,QAAM,EAAE,OAAO,MAAM,KAAK,IAAI;AAC9B,SACE,6CAAC,wBAAQ,MAAM,CAAC,QAAQ,MAAM,GAAG,MAAM,CAAC,CAAC,GACvC;AAAA,iDAAC,uBAAO,MAAM,CAAC,OAAO,QAAQ,KAAK,GACjC;AAAA,kDAAC,UAAK;AAAA,MACN,4CAAC,sBAAM,eAAa,iEAA6B,kBAAmB,iBAAM;AAAA,MAC1E,4CAAC,qBAAK,eAAa,iEAA6B,iBAAkB,gBAAK;AAAA,OACzE;AAAA,IACA,4CAAC,wBAAQ,eAAa,iEAA6B,iBAAkB,gBAAK;AAAA,KAC5E;AAEJ;AAEA,cAAc,YAAY;AAC1B,cAAc,cAAc;AAC5B,MAAM,8BAA0B,kCAAS,aAAa;AACtD,wBAAwB,YAAY;",
+  "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { Wrapper, Header, Title, Time, Message } from './style.js';\nimport type { DSChatSystemMessageT } from './react-desc-prop-types.js';\nimport { systemMessageProps, defaultProps } from './react-desc-prop-types.js';\nimport { ChatSystemMessageDataTestIds } from './ChatSystemMessageDataTestIds.js';\nimport { DSChatSystemMessageName } from './DSChatSystemMessageDefinitions.js';\n\nconst SystemMessage: React.ComponentType<DSChatSystemMessageT.Props> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSChatSystemMessageT.InternalProps>(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, systemMessageProps, DSChatSystemMessageName);\n\n  const {\n    title,\n    time = null, // undefined is technically not a valid React node, it should be null instead\n    body,\n  } = propsWithDefault;\n  return (\n    <Wrapper rows={['auto', 'auto']} cols={[1]}>\n      <Header cols={['1fr', 'auto', '1fr']}>\n        <span />\n        <Title data-testid={ChatSystemMessageDataTestIds.SYSTEM_MSG_TITLE}>{title}</Title>\n        <Time data-testid={ChatSystemMessageDataTestIds.SYSTEM_MSG_TIME}>{time}</Time>\n      </Header>\n      <Message data-testid={ChatSystemMessageDataTestIds.SYSTEM_MSG_BODY}>{body}</Message>\n    </Wrapper>\n  );\n};\n\nSystemMessage.propTypes = systemMessageProps as WeakValidationMap<unknown>;\nSystemMessage.displayName = DSChatSystemMessageName;\nconst SystemMessageWithSchema = describe(SystemMessage);\nSystemMessageWithSchema.propTypes = systemMessageProps as WeakValidationMap<unknown>;\n\nexport { SystemMessage, SystemMessageWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADoBjB;AAlBN,8BAAuF;AACvF,mBAAsD;AAEtD,mCAAiD;AACjD,0CAA6C;AAC7C,4CAAwC;AAExC,MAAM,gBAAiE,CAAC,UAAU;AAChF,QAAM,uBAAmB,sDAAiE,OAAO,yCAAY;AAC7G,8DAA+B,kBAAkB,iDAAoB,6DAAuB;AAE5F,QAAM;AAAA,IACJ;AAAA,IACA,OAAO;AAAA;AAAA,IACP;AAAA,EACF,IAAI;AACJ,SACE,6CAAC,wBAAQ,MAAM,CAAC,QAAQ,MAAM,GAAG,MAAM,CAAC,CAAC,GACvC;AAAA,iDAAC,uBAAO,MAAM,CAAC,OAAO,QAAQ,KAAK,GACjC;AAAA,kDAAC,UAAK;AAAA,MACN,4CAAC,sBAAM,eAAa,iEAA6B,kBAAmB,iBAAM;AAAA,MAC1E,4CAAC,qBAAK,eAAa,iEAA6B,iBAAkB,gBAAK;AAAA,OACzE;AAAA,IACA,4CAAC,wBAAQ,eAAa,iEAA6B,iBAAkB,gBAAK;AAAA,KAC5E;AAEJ;AAEA,cAAc,YAAY;AAC1B,cAAc,cAAc;AAC5B,MAAM,8BAA0B,kCAAS,aAAa;AACtD,wBAAwB,YAAY;",
   "names": []
 }

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

@@ -35,13 +35,11 @@ module.exports = __toCommonJS(react_desc_prop_types_exports);
 var React = __toESM(require("react"));
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 const defaultProps = {
-  title: "System Message",
-  time: "",
-  body: ""
+  title: "System Message"
 };
 const systemMessageProps = {
+  body: import_ds_props_helpers.PropTypes.string.isRequired.description("message"),
   title: import_ds_props_helpers.PropTypes.string.description("Message title").defaultValue("System Message"),
-  time: import_ds_props_helpers.PropTypes.string.description("data of the message, ie: hour"),
-  body: import_ds_props_helpers.PropTypes.string.isRequired.description("message")
+  time: import_ds_props_helpers.PropTypes.string.description("data of the message, ie: hour")
 };
 //# sourceMappingURL=react-desc-prop-types.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/react-desc-prop-types.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { PropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSChatSystemMessageT {\n  export interface Props {\n    title: string;\n    body: string;\n    time: string;\n  }\n}\n\nexport const defaultProps: DSChatSystemMessageT.Props = {\n  title: 'System Message',\n  time: '',\n  body: '',\n};\n\nexport const systemMessageProps = {\n  title: PropTypes.string.description('Message title').defaultValue('System Message'),\n  time: PropTypes.string.description('data of the message, ie: hour'),\n  body: PropTypes.string.isRequired.description('message'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA0B;AAUnB,MAAM,eAA2C;AAAA,EACtD,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AACR;AAEO,MAAM,qBAAqB;AAAA,EAChC,OAAO,kCAAU,OAAO,YAAY,eAAe,EAAE,aAAa,gBAAgB;AAAA,EAClF,MAAM,kCAAU,OAAO,YAAY,+BAA+B;AAAA,EAClE,MAAM,kCAAU,OAAO,WAAW,YAAY,SAAS;AACzD;",
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-empty-interface */\nimport { PropTypes } from '@elliemae/ds-props-helpers';\n// import type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSChatSystemMessageT {\n  export interface DefaultProps {\n    title: string;\n  }\n  export interface OptionalProps {\n    time?: string;\n  }\n  export interface RequiredProps {\n    body: string;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      // currently the component doesn't accept global attributes...\n      // Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      // XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      // currently the component doesn't accept global attributes...\n      // Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      // XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSChatSystemMessageT.DefaultProps = {\n  title: 'System Message',\n};\n\nexport const systemMessageProps = {\n  body: PropTypes.string.isRequired.description('message'),\n  title: PropTypes.string.description('Message title').defaultValue('System Message'),\n  time: PropTypes.string.description('data of the message, ie: hour'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,8BAA0B;AA+BnB,MAAM,eAAkD;AAAA,EAC7D,OAAO;AACT;AAEO,MAAM,qBAAqB;AAAA,EAChC,MAAM,kCAAU,OAAO,WAAW,YAAY,SAAS;AAAA,EACvD,OAAO,kCAAU,OAAO,YAAY,eAAe,EAAE,aAAa,gBAAgB;AAAA,EAClF,MAAM,kCAAU,OAAO,YAAY,+BAA+B;AACpE;",
   "names": []
 }

package/dist/cjs/typescript-testing/typescript-system-message-valid.js

@@ -0,0 +1,85 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import__ = require("../index.js");
+const testRequiredProps = {
+  body: "This is defined as just as string so this is fine for testing"
+};
+const testOptionalProps = {
+  time: "This is defined as just as string so this is fine for testing"
+};
+const testPartialDefaults = {};
+const testProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testCompleteDefaults = {
+  title: "System Message"
+};
+const testInternalProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testInternalPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testExplicitDefinition = {
+  title: "System Message",
+  body: "This is defined as just as string so this is fine for testing",
+  time: "This is defined as just as string so this is fine for testing"
+};
+const testInferedTypeCompatibility = {
+  title: "test for lossless 'as' syntax",
+  body: "when declaring this variable, this definition is expected to be compatible with the ComponentProps type",
+  time: "abc"
+};
+const testDefinitionAsConst = {
+  title: "System Message",
+  body: "This is defined as just as string so this is fine for testing",
+  time: "This is defined as just as string so this is fine for testing"
+};
+const ExampleUsageComponent = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.SystemMessage, { ...testExplicitDefinition }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.SystemMessage, { ...testInferedTypeCompatibility }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.SystemMessage, { ...testDefinitionAsConst }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import__.SystemMessage,
+    {
+      title: "System Message",
+      body: "This is defined as just as string so this is fine for testing",
+      time: "This is defined as just as string so this is fine for testing"
+    }
+  )
+] });
+//# sourceMappingURL=typescript-system-message-valid.js.map

package/dist/cjs/typescript-testing/typescript-system-message-valid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-system-message-valid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { SystemMessage } from '../index.js';\nimport type { DSChatSystemMessageT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSChatSystemMessageT.Props;\ntype ComponentPropsInternals = DSChatSystemMessageT.InternalProps;\ntype ComponentPropsDefaultProps = DSChatSystemMessageT.DefaultProps;\ntype ComponentPropsOptionalProps = DSChatSystemMessageT.OptionalProps;\ntype ComponentPropsRequiredProps = DSChatSystemMessageT.RequiredProps;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {\n  body: 'This is defined as just as string so this is fine for testing',\n};\nconst testOptionalProps: ComponentPropsOptionalProps = {\n  time: 'This is defined as just as string so this is fine for testing',\n};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n//  Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {};\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  title: 'System Message',\n};\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  title: 'System Message',\n  body: 'This is defined as just as string so this is fine for testing',\n  time: 'This is defined as just as string so this is fine for testing',\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  title: \"test for lossless 'as' syntax\",\n  body: 'when declaring this variable, this definition is expected to be compatible with the ComponentProps type',\n  time: 'abc',\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  title: 'System Message',\n  body: 'This is defined as just as string so this is fine for testing',\n  time: 'This is defined as just as string so this is fine for testing',\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <SystemMessage {...testExplicitDefinition} />\n    <SystemMessage {...testInferedTypeCompatibility} />\n    <SystemMessage {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <SystemMessage\n      title=\"System Message\"\n      body=\"This is defined as just as string so this is fine for testing\"\n      time=\"This is defined as just as string so this is fine for testing\"\n    />\n  </>\n);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACmErB;AAlEF,eAA8B;AAU9B,MAAM,oBAAiD;AAAA,EACrD,MAAM;AACR;AACA,MAAM,oBAAiD;AAAA,EACrD,MAAM;AACR;AAIA,MAAM,sBAA2D,CAAC;AAClE,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AACA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,uBAA6D;AAAA,EACjE,OAAO;AACT;AACA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AACA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AACR;AAGA,MAAM,+BAA+B;AAAA,EACnC,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AACR;AAEA,MAAM,wBAAwB;AAAA,EAC5B,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AACR;AAEA,MAAM,wBAAwB,MAC5B,4EAEE;AAAA,8CAAC,0BAAe,GAAG,wBAAwB;AAAA,EAC3C,4CAAC,0BAAe,GAAG,8BAA8B;AAAA,EACjD,4CAAC,0BAAe,GAAG,uBAAuB;AAAA,EAE1C;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,MAAK;AAAA,MACL,MAAK;AAAA;AAAA,EACP;AAAA,GACF;",
+  "names": []
+}

package/dist/esm/SystemMessage.js

@@ -8,7 +8,12 @@ import { DSChatSystemMessageName } from "./DSChatSystemMessageDefinitions.js";
 const SystemMessage = (props) => {
   const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
   useValidateTypescriptPropTypes(propsWithDefault, systemMessageProps, DSChatSystemMessageName);
-  const { title, time, body } = propsWithDefault;
+  const {
+    title,
+    time = null,
+    // undefined is technically not a valid React node, it should be null instead
+    body
+  } = propsWithDefault;
   return /* @__PURE__ */ jsxs(Wrapper, { rows: ["auto", "auto"], cols: [1], children: [
     /* @__PURE__ */ jsxs(Header, { cols: ["1fr", "auto", "1fr"], children: [
       /* @__PURE__ */ jsx("span", {}),

package/dist/esm/SystemMessage.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/SystemMessage.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { Wrapper, Header, Title, Time, Message } from './style.js';\nimport type { DSChatSystemMessageT } from './react-desc-prop-types.js';\nimport { systemMessageProps, defaultProps } from './react-desc-prop-types.js';\nimport { ChatSystemMessageDataTestIds } from './ChatSystemMessageDataTestIds.js';\nimport { DSChatSystemMessageName } from './DSChatSystemMessageDefinitions.js';\n\nconst SystemMessage: React.ComponentType<DSChatSystemMessageT.Props> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, systemMessageProps, DSChatSystemMessageName);\n\n  const { title, time, body } = propsWithDefault;\n  return (\n    <Wrapper rows={['auto', 'auto']} cols={[1]}>\n      <Header cols={['1fr', 'auto', '1fr']}>\n        <span />\n        <Title data-testid={ChatSystemMessageDataTestIds.SYSTEM_MSG_TITLE}>{title}</Title>\n        <Time data-testid={ChatSystemMessageDataTestIds.SYSTEM_MSG_TIME}>{time}</Time>\n      </Header>\n      <Message data-testid={ChatSystemMessageDataTestIds.SYSTEM_MSG_BODY}>{body}</Message>\n    </Wrapper>\n  );\n};\n\nSystemMessage.propTypes = systemMessageProps as WeakValidationMap<unknown>;\nSystemMessage.displayName = DSChatSystemMessageName;\nconst SystemMessageWithSchema = describe(SystemMessage);\nSystemMessageWithSchema.propTypes = systemMessageProps as WeakValidationMap<unknown>;\n\nexport { SystemMessage, SystemMessageWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACgBjB,SACE,KADF;AAdN,SAAS,UAAU,gCAAgC,oCAAoC;AACvF,SAAS,SAAS,QAAQ,OAAO,MAAM,eAAe;AAEtD,SAAS,oBAAoB,oBAAoB;AACjD,SAAS,oCAAoC;AAC7C,SAAS,+BAA+B;AAExC,MAAM,gBAAiE,CAAC,UAAU;AAChF,QAAM,mBAAmB,6BAA6B,OAAO,YAAY;AACzE,iCAA+B,kBAAkB,oBAAoB,uBAAuB;AAE5F,QAAM,EAAE,OAAO,MAAM,KAAK,IAAI;AAC9B,SACE,qBAAC,WAAQ,MAAM,CAAC,QAAQ,MAAM,GAAG,MAAM,CAAC,CAAC,GACvC;AAAA,yBAAC,UAAO,MAAM,CAAC,OAAO,QAAQ,KAAK,GACjC;AAAA,0BAAC,UAAK;AAAA,MACN,oBAAC,SAAM,eAAa,6BAA6B,kBAAmB,iBAAM;AAAA,MAC1E,oBAAC,QAAK,eAAa,6BAA6B,iBAAkB,gBAAK;AAAA,OACzE;AAAA,IACA,oBAAC,WAAQ,eAAa,6BAA6B,iBAAkB,gBAAK;AAAA,KAC5E;AAEJ;AAEA,cAAc,YAAY;AAC1B,cAAc,cAAc;AAC5B,MAAM,0BAA0B,SAAS,aAAa;AACtD,wBAAwB,YAAY;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { Wrapper, Header, Title, Time, Message } from './style.js';\nimport type { DSChatSystemMessageT } from './react-desc-prop-types.js';\nimport { systemMessageProps, defaultProps } from './react-desc-prop-types.js';\nimport { ChatSystemMessageDataTestIds } from './ChatSystemMessageDataTestIds.js';\nimport { DSChatSystemMessageName } from './DSChatSystemMessageDefinitions.js';\n\nconst SystemMessage: React.ComponentType<DSChatSystemMessageT.Props> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSChatSystemMessageT.InternalProps>(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, systemMessageProps, DSChatSystemMessageName);\n\n  const {\n    title,\n    time = null, // undefined is technically not a valid React node, it should be null instead\n    body,\n  } = propsWithDefault;\n  return (\n    <Wrapper rows={['auto', 'auto']} cols={[1]}>\n      <Header cols={['1fr', 'auto', '1fr']}>\n        <span />\n        <Title data-testid={ChatSystemMessageDataTestIds.SYSTEM_MSG_TITLE}>{title}</Title>\n        <Time data-testid={ChatSystemMessageDataTestIds.SYSTEM_MSG_TIME}>{time}</Time>\n      </Header>\n      <Message data-testid={ChatSystemMessageDataTestIds.SYSTEM_MSG_BODY}>{body}</Message>\n    </Wrapper>\n  );\n};\n\nSystemMessage.propTypes = systemMessageProps as WeakValidationMap<unknown>;\nSystemMessage.displayName = DSChatSystemMessageName;\nconst SystemMessageWithSchema = describe(SystemMessage);\nSystemMessageWithSchema.propTypes = systemMessageProps as WeakValidationMap<unknown>;\n\nexport { SystemMessage, SystemMessageWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACoBjB,SACE,KADF;AAlBN,SAAS,UAAU,gCAAgC,oCAAoC;AACvF,SAAS,SAAS,QAAQ,OAAO,MAAM,eAAe;AAEtD,SAAS,oBAAoB,oBAAoB;AACjD,SAAS,oCAAoC;AAC7C,SAAS,+BAA+B;AAExC,MAAM,gBAAiE,CAAC,UAAU;AAChF,QAAM,mBAAmB,6BAAiE,OAAO,YAAY;AAC7G,iCAA+B,kBAAkB,oBAAoB,uBAAuB;AAE5F,QAAM;AAAA,IACJ;AAAA,IACA,OAAO;AAAA;AAAA,IACP;AAAA,EACF,IAAI;AACJ,SACE,qBAAC,WAAQ,MAAM,CAAC,QAAQ,MAAM,GAAG,MAAM,CAAC,CAAC,GACvC;AAAA,yBAAC,UAAO,MAAM,CAAC,OAAO,QAAQ,KAAK,GACjC;AAAA,0BAAC,UAAK;AAAA,MACN,oBAAC,SAAM,eAAa,6BAA6B,kBAAmB,iBAAM;AAAA,MAC1E,oBAAC,QAAK,eAAa,6BAA6B,iBAAkB,gBAAK;AAAA,OACzE;AAAA,IACA,oBAAC,WAAQ,eAAa,6BAA6B,iBAAkB,gBAAK;AAAA,KAC5E;AAEJ;AAEA,cAAc,YAAY;AAC1B,cAAc,cAAc;AAC5B,MAAM,0BAA0B,SAAS,aAAa;AACtD,wBAAwB,YAAY;",
   "names": []
 }

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

@@ -1,14 +1,12 @@
 import * as React from "react";
 import { PropTypes } from "@elliemae/ds-props-helpers";
 const defaultProps = {
-  title: "System Message",
-  time: "",
-  body: ""
+  title: "System Message"
 };
 const systemMessageProps = {
+  body: PropTypes.string.isRequired.description("message"),
   title: PropTypes.string.description("Message title").defaultValue("System Message"),
-  time: PropTypes.string.description("data of the message, ie: hour"),
-  body: PropTypes.string.isRequired.description("message")
+  time: PropTypes.string.description("data of the message, ie: hour")
 };
 export {
   defaultProps,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSChatSystemMessageT {\n  export interface Props {\n    title: string;\n    body: string;\n    time: string;\n  }\n}\n\nexport const defaultProps: DSChatSystemMessageT.Props = {\n  title: 'System Message',\n  time: '',\n  body: '',\n};\n\nexport const systemMessageProps = {\n  title: PropTypes.string.description('Message title').defaultValue('System Message'),\n  time: PropTypes.string.description('data of the message, ie: hour'),\n  body: PropTypes.string.isRequired.description('message'),\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAUnB,MAAM,eAA2C;AAAA,EACtD,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AACR;AAEO,MAAM,qBAAqB;AAAA,EAChC,OAAO,UAAU,OAAO,YAAY,eAAe,EAAE,aAAa,gBAAgB;AAAA,EAClF,MAAM,UAAU,OAAO,YAAY,+BAA+B;AAAA,EAClE,MAAM,UAAU,OAAO,WAAW,YAAY,SAAS;AACzD;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-empty-interface */\nimport { PropTypes } from '@elliemae/ds-props-helpers';\n// import type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSChatSystemMessageT {\n  export interface DefaultProps {\n    title: string;\n  }\n  export interface OptionalProps {\n    time?: string;\n  }\n  export interface RequiredProps {\n    body: string;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      // currently the component doesn't accept global attributes...\n      // Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      // XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      // currently the component doesn't accept global attributes...\n      // Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      // XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSChatSystemMessageT.DefaultProps = {\n  title: 'System Message',\n};\n\nexport const systemMessageProps = {\n  body: PropTypes.string.isRequired.description('message'),\n  title: PropTypes.string.description('Message title').defaultValue('System Message'),\n  time: PropTypes.string.description('data of the message, ie: hour'),\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,iBAAiB;AA+BnB,MAAM,eAAkD;AAAA,EAC7D,OAAO;AACT;AAEO,MAAM,qBAAqB;AAAA,EAChC,MAAM,UAAU,OAAO,WAAW,YAAY,SAAS;AAAA,EACvD,OAAO,UAAU,OAAO,YAAY,eAAe,EAAE,aAAa,gBAAgB;AAAA,EAClF,MAAM,UAAU,OAAO,YAAY,+BAA+B;AACpE;",
   "names": []
 }

package/dist/esm/typescript-testing/typescript-system-message-valid.js

@@ -0,0 +1,62 @@
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { SystemMessage } from "../index.js";
+const testRequiredProps = {
+  body: "This is defined as just as string so this is fine for testing"
+};
+const testOptionalProps = {
+  time: "This is defined as just as string so this is fine for testing"
+};
+const testPartialDefaults = {};
+const testProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testCompleteDefaults = {
+  title: "System Message"
+};
+const testInternalProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testInternalPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testExplicitDefinition = {
+  title: "System Message",
+  body: "This is defined as just as string so this is fine for testing",
+  time: "This is defined as just as string so this is fine for testing"
+};
+const testInferedTypeCompatibility = {
+  title: "test for lossless 'as' syntax",
+  body: "when declaring this variable, this definition is expected to be compatible with the ComponentProps type",
+  time: "abc"
+};
+const testDefinitionAsConst = {
+  title: "System Message",
+  body: "This is defined as just as string so this is fine for testing",
+  time: "This is defined as just as string so this is fine for testing"
+};
+const ExampleUsageComponent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
+  /* @__PURE__ */ jsx(SystemMessage, { ...testExplicitDefinition }),
+  /* @__PURE__ */ jsx(SystemMessage, { ...testInferedTypeCompatibility }),
+  /* @__PURE__ */ jsx(SystemMessage, { ...testDefinitionAsConst }),
+  /* @__PURE__ */ jsx(
+    SystemMessage,
+    {
+      title: "System Message",
+      body: "This is defined as just as string so this is fine for testing",
+      time: "This is defined as just as string so this is fine for testing"
+    }
+  )
+] });
+//# sourceMappingURL=typescript-system-message-valid.js.map

package/dist/esm/typescript-testing/typescript-system-message-valid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-system-message-valid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { SystemMessage } from '../index.js';\nimport type { DSChatSystemMessageT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSChatSystemMessageT.Props;\ntype ComponentPropsInternals = DSChatSystemMessageT.InternalProps;\ntype ComponentPropsDefaultProps = DSChatSystemMessageT.DefaultProps;\ntype ComponentPropsOptionalProps = DSChatSystemMessageT.OptionalProps;\ntype ComponentPropsRequiredProps = DSChatSystemMessageT.RequiredProps;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {\n  body: 'This is defined as just as string so this is fine for testing',\n};\nconst testOptionalProps: ComponentPropsOptionalProps = {\n  time: 'This is defined as just as string so this is fine for testing',\n};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n//  Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {};\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  title: 'System Message',\n};\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  title: 'System Message',\n  body: 'This is defined as just as string so this is fine for testing',\n  time: 'This is defined as just as string so this is fine for testing',\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  title: \"test for lossless 'as' syntax\",\n  body: 'when declaring this variable, this definition is expected to be compatible with the ComponentProps type',\n  time: 'abc',\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  title: 'System Message',\n  body: 'This is defined as just as string so this is fine for testing',\n  time: 'This is defined as just as string so this is fine for testing',\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <SystemMessage {...testExplicitDefinition} />\n    <SystemMessage {...testInferedTypeCompatibility} />\n    <SystemMessage {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <SystemMessage\n      title=\"System Message\"\n      body=\"This is defined as just as string so this is fine for testing\"\n      time=\"This is defined as just as string so this is fine for testing\"\n    />\n  </>\n);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACmErB,mBAEE,KAFF;AAlEF,SAAS,qBAAqB;AAU9B,MAAM,oBAAiD;AAAA,EACrD,MAAM;AACR;AACA,MAAM,oBAAiD;AAAA,EACrD,MAAM;AACR;AAIA,MAAM,sBAA2D,CAAC;AAClE,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AACA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,uBAA6D;AAAA,EACjE,OAAO;AACT;AACA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AACA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AACR;AAGA,MAAM,+BAA+B;AAAA,EACnC,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AACR;AAEA,MAAM,wBAAwB;AAAA,EAC5B,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AACR;AAEA,MAAM,wBAAwB,MAC5B,iCAEE;AAAA,sBAAC,iBAAe,GAAG,wBAAwB;AAAA,EAC3C,oBAAC,iBAAe,GAAG,8BAA8B;AAAA,EACjD,oBAAC,iBAAe,GAAG,uBAAuB;AAAA,EAE1C;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,MAAK;AAAA,MACL,MAAK;AAAA;AAAA,EACP;AAAA,GACF;",
+  "names": []
+}

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

@@ -1,13 +1,21 @@
 export declare namespace DSChatSystemMessageT {
-    interface Props {
+    interface DefaultProps {
         title: string;
+    }
+    interface OptionalProps {
+        time?: string;
+    }
+    interface RequiredProps {
         body: string;
-        time: string;
+    }
+    interface Props extends Partial<DefaultProps>, OptionalProps, RequiredProps {
+    }
+    interface InternalProps extends DefaultProps, OptionalProps, RequiredProps {
     }
 }
-export declare const defaultProps: DSChatSystemMessageT.Props;
+export declare const defaultProps: DSChatSystemMessageT.DefaultProps;
 export declare const systemMessageProps: {
+    body: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
     title: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
     time: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    body: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
 };

package/dist/types/typescript-testing/typescript-system-message-valid.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-chat-system-message",
-  "version": "3.21.2",
+  "version": "3.22.0-next.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Chat System Message",
   "files": [
@@ -47,9 +47,9 @@
     "typeSafety": true
   },
   "dependencies": {
-    "@elliemae/ds-grid": "3.21.2",
-    "@elliemae/ds-props-helpers": "3.21.2",
-    "@elliemae/ds-system": "3.21.2"
+    "@elliemae/ds-grid": "3.22.0-next.0",
+    "@elliemae/ds-props-helpers": "3.22.0-next.0",
+    "@elliemae/ds-system": "3.22.0-next.0"
   },
   "devDependencies": {
     "styled-components": "~5.3.9"