@elliemae/ds-chat-message-delimeter 3.28.1-rc.2 → 3.29.0-next.0

package/dist/cjs/MessageDelimiter.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/MessageDelimiter.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport {\n  describe,\n  useGetGlobalAttributes,\n  useValidateTypescriptPropTypes,\n  useMemoMergePropsWithDefault,\n} from '@elliemae/ds-props-helpers';\nimport { Wrapper, Line, Text } from './styled.js';\nimport type { DSChatMessageDelimeterT } from './react-desc-prop-types.js';\nimport { defaultProps, messageDelimiterProps } from './react-desc-prop-types.js';\nimport { DSMessageDelimiterName } from './DSMessageDelimiterDefinitions.js';\n\nconst MessageDelimiter: React.ComponentType<DSChatMessageDelimeterT.Props> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSChatMessageDelimeterT.Props>(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, messageDelimiterProps, DSMessageDelimiterName);\n  const globalAttrs = useGetGlobalAttributes(propsWithDefault);\n  const { title, size, verticalMargin } = propsWithDefault;\n  return (\n    <div {...globalAttrs}>\n      <Wrapper cols={['1fr', 'auto', '1fr']}>\n        <Line />\n        <Text size={size} verticalMargin={verticalMargin} data-testid=\"chat-message-delimiter-title\">\n          {title}\n        </Text>\n        <Line />\n      </Wrapper>\n    </div>\n  );\n};\n\nMessageDelimiter.propTypes = messageDelimiterProps as WeakValidationMap<unknown>;\nMessageDelimiter.displayName = DSMessageDelimiterName;\nconst MessageDelimiterWithSchema = describe(MessageDelimiter);\nMessageDelimiterWithSchema.propTypes = messageDelimiterProps as WeakValidationMap<unknown>;\n\nexport { MessageDelimiter, MessageDelimiterWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADoBjB;AAlBN,8BAKO;AACP,oBAAoC;AAEpC,mCAAoD;AACpD,2CAAuC;AAEvC,MAAM,mBAAuE,CAAC,UAAU;AACtF,QAAM,uBAAmB,sDAA4D,OAAO,yCAAY;AACxG,8DAA+B,kBAAkB,oDAAuB,2DAAsB;AAC9F,QAAM,kBAAc,gDAAuB,gBAAgB;AAC3D,QAAM,EAAE,OAAO,MAAM,eAAe,IAAI;AACxC,SACE,4CAAC,SAAK,GAAG,aACP,uDAAC,yBAAQ,MAAM,CAAC,OAAO,QAAQ,KAAK,GAClC;AAAA,gDAAC,sBAAK;AAAA,IACN,4CAAC,sBAAK,MAAY,gBAAgC,eAAY,gCAC3D,iBACH;AAAA,IACA,4CAAC,sBAAK;AAAA,KACR,GACF;AAEJ;AAEA,iBAAiB,YAAY;AAC7B,iBAAiB,cAAc;AAC/B,MAAM,iCAA6B,kCAAS,gBAAgB;AAC5D,2BAA2B,YAAY;",
+  "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport {\n  describe,\n  useGetGlobalAttributes,\n  useValidateTypescriptPropTypes,\n  useMemoMergePropsWithDefault,\n} from '@elliemae/ds-props-helpers';\nimport { Wrapper, Line, Text } from './styled.js';\nimport type { DSChatMessageDelimeterT } from './react-desc-prop-types.js';\nimport { defaultProps, messageDelimiterProps } from './react-desc-prop-types.js';\nimport { DSMessageDelimiterName } from './DSMessageDelimiterDefinitions.js';\n\nconst MessageDelimiter: React.ComponentType<DSChatMessageDelimeterT.Props> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSChatMessageDelimeterT.InternalProps>(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, messageDelimiterProps, DSMessageDelimiterName);\n  const globalAttrs = useGetGlobalAttributes(propsWithDefault);\n  const { title, size, verticalMargin } = propsWithDefault;\n  return (\n    <div {...globalAttrs}>\n      <Wrapper cols={['1fr', 'auto', '1fr']}>\n        <Line />\n        <Text size={size} verticalMargin={verticalMargin} data-testid=\"chat-message-delimiter-title\">\n          {title}\n        </Text>\n        <Line />\n      </Wrapper>\n    </div>\n  );\n};\n\nMessageDelimiter.propTypes = messageDelimiterProps as WeakValidationMap<unknown>;\nMessageDelimiter.displayName = DSMessageDelimiterName;\nconst MessageDelimiterWithSchema = describe(MessageDelimiter);\nMessageDelimiterWithSchema.propTypes = messageDelimiterProps as WeakValidationMap<unknown>;\n\nexport { MessageDelimiter, MessageDelimiterWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADoBjB;AAlBN,8BAKO;AACP,oBAAoC;AAEpC,mCAAoD;AACpD,2CAAuC;AAEvC,MAAM,mBAAuE,CAAC,UAAU;AACtF,QAAM,uBAAmB,sDAAoE,OAAO,yCAAY;AAChH,8DAA+B,kBAAkB,oDAAuB,2DAAsB;AAC9F,QAAM,kBAAc,gDAAuB,gBAAgB;AAC3D,QAAM,EAAE,OAAO,MAAM,eAAe,IAAI;AACxC,SACE,4CAAC,SAAK,GAAG,aACP,uDAAC,yBAAQ,MAAM,CAAC,OAAO,QAAQ,KAAK,GAClC;AAAA,gDAAC,sBAAK;AAAA,IACN,4CAAC,sBAAK,MAAY,gBAAgC,eAAY,gCAC3D,iBACH;AAAA,IACA,4CAAC,sBAAK;AAAA,KACR,GACF;AAEJ;AAEA,iBAAiB,YAAY;AAC7B,iBAAiB,cAAc;AAC/B,MAAM,iCAA6B,kCAAS,gBAAgB;AAC5D,2BAA2B,YAAY;",
   "names": []
 }

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, globalAttributesPropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSChatMessageDelimeterT {\n  export interface RequiredProps {\n    title: string;\n  }\n\n  export interface DefaultProps extends Record<string, unknown> {\n    size?: 's' | 'l';\n    verticalMargin?: number | string | undefined;\n  }\n\n  export interface Props extends DefaultProps, RequiredProps, Record<string, unknown> {}\n}\n\nexport const defaultProps: DSChatMessageDelimeterT.DefaultProps = {\n  size: 's',\n  verticalMargin: 0,\n};\n\nexport const messageDelimiterProps = {\n  ...globalAttributesPropTypes,\n  title: PropTypes.string.isRequired.description('Text to display in the delimiter'),\n  size: PropTypes.oneOf(['s', 'l']).description('size of the delimiter').defaultValue('s'),\n  verticalMargin: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(\n    'Configurable css vertical margin property for flexibilty',\n  ),\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAqD;AAe9C,MAAM,eAAqD;AAAA,EAChE,MAAM;AAAA,EACN,gBAAgB;AAClB;AAEO,MAAM,wBAAwB;AAAA,EACnC,GAAG;AAAA,EACH,OAAO,kCAAU,OAAO,WAAW,YAAY,kCAAkC;AAAA,EACjF,MAAM,kCAAU,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,YAAY,uBAAuB,EAAE,aAAa,GAAG;AAAA,EACvF,gBAAgB,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,MAAM,CAAC,EAAE;AAAA,IACxE;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { PropTypes, globalAttributesPropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSChatMessageDelimeterT {\n  export interface RequiredProps {\n    title: string;\n  }\n\n  export interface DefaultProps extends Record<string, unknown> {\n    size?: 's' | 'l';\n    verticalMargin?: number | string | undefined;\n  }\n\n  export interface Props extends Partial<DefaultProps>, RequiredProps, Record<string, unknown> {}\n\n  export interface InternalProps extends DefaultProps, RequiredProps, Record<string, unknown> {}\n}\n\nexport const defaultProps: DSChatMessageDelimeterT.DefaultProps = {\n  size: 's',\n  verticalMargin: 0,\n};\n\nexport const messageDelimiterProps = {\n  ...globalAttributesPropTypes,\n  title: PropTypes.string.isRequired.description('Text to display in the delimiter'),\n  size: PropTypes.oneOf(['s', 'l']).description('size of the delimiter').defaultValue('s'),\n  verticalMargin: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(\n    'Configurable css vertical margin property for flexibilty',\n  ),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAqD;AAiB9C,MAAM,eAAqD;AAAA,EAChE,MAAM;AAAA,EACN,gBAAgB;AAClB;AAEO,MAAM,wBAAwB;AAAA,EACnC,GAAG;AAAA,EACH,OAAO,kCAAU,OAAO,WAAW,YAAY,kCAAkC;AAAA,EACjF,MAAM,kCAAU,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,YAAY,uBAAuB,EAAE,aAAa,GAAG;AAAA,EACvF,gBAAgB,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,MAAM,CAAC,EAAE;AAAA,IACxE;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/cjs/typescript-testing/typescript-chat-message-delimeter-valid.js

@@ -0,0 +1,74 @@
+"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 = {
+  title: ""
+};
+const testPartialDefaults = {
+  size: "l"
+};
+const testProps = {
+  ...testRequiredProps,
+  ...testPartialDefaults
+};
+const testPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testPartialDefaults
+};
+const testCompleteDefaults = {
+  size: "s",
+  verticalMargin: 4
+};
+const testInternalProps = {
+  ...testRequiredProps,
+  ...testCompleteDefaults
+};
+const testInternalPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testCompleteDefaults
+};
+const testExplicitDefinition = {
+  title: "",
+  size: "l",
+  verticalMargin: 4
+};
+const testInferedTypeCompatibility = {
+  title: "",
+  size: "l",
+  verticalMargin: 4
+};
+const testDefinitionAsConst = {
+  title: "",
+  size: "l",
+  verticalMargin: 4
+};
+const ExampleUsageComponent = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.MessageDelimiter, { ...testExplicitDefinition }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.MessageDelimiter, { ...testInferedTypeCompatibility }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.MessageDelimiter, { ...testDefinitionAsConst }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.MessageDelimiter, { title: "Title", size: "s", verticalMargin: 8 })
+] });
+//# sourceMappingURL=typescript-chat-message-delimeter-valid.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-chat-message-delimeter-valid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { MessageDelimiter } from '../index.js';\nimport type { DSChatMessageDelimeterT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSChatMessageDelimeterT.Props;\ntype ComponentPropsInternals = DSChatMessageDelimeterT.InternalProps;\ntype ComponentPropsDefaultProps = DSChatMessageDelimeterT.DefaultProps;\ntype ComponentPropsRequiredProps = DSChatMessageDelimeterT.RequiredProps;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {\n  title: '',\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> = {\n  size: 'l',\n};\n\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testPartialDefaults,\n};\n\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  size: 's',\n  verticalMargin: 4,\n};\n\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testCompleteDefaults,\n};\n\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\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: '',\n  size: 'l',\n  verticalMargin: 4,\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: '',\n  size: 'l',\n  verticalMargin: 4,\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  title: '',\n  size: 'l',\n  verticalMargin: 4,\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <MessageDelimiter {...testExplicitDefinition} />\n    <MessageDelimiter {...testInferedTypeCompatibility} />\n    <MessageDelimiter {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <MessageDelimiter title=\"Title\" size=\"s\" verticalMargin={8} />\n  </>\n);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACmErB;AAlEF,eAAiC;AASjC,MAAM,oBAAiD;AAAA,EACrD,OAAO;AACT;AAIA,MAAM,sBAA2D;AAAA,EAC/D,MAAM;AACR;AAEA,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,uBAA6D;AAAA,EACjE,MAAM;AAAA,EACN,gBAAgB;AAClB;AAEA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,OAAO;AAAA,EACP,MAAM;AAAA,EACN,gBAAgB;AAClB;AAGA,MAAM,+BAA+B;AAAA,EACnC,OAAO;AAAA,EACP,MAAM;AAAA,EACN,gBAAgB;AAClB;AAEA,MAAM,wBAAwB;AAAA,EAC5B,OAAO;AAAA,EACP,MAAM;AAAA,EACN,gBAAgB;AAClB;AAEA,MAAM,wBAAwB,MAC5B,4EAEE;AAAA,8CAAC,6BAAkB,GAAG,wBAAwB;AAAA,EAC9C,4CAAC,6BAAkB,GAAG,8BAA8B;AAAA,EACpD,4CAAC,6BAAkB,GAAG,uBAAuB;AAAA,EAE7C,4CAAC,6BAAiB,OAAM,SAAQ,MAAK,KAAI,gBAAgB,GAAG;AAAA,GAC9D;",
+  "names": []
+}

package/dist/esm/MessageDelimiter.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/MessageDelimiter.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport {\n  describe,\n  useGetGlobalAttributes,\n  useValidateTypescriptPropTypes,\n  useMemoMergePropsWithDefault,\n} from '@elliemae/ds-props-helpers';\nimport { Wrapper, Line, Text } from './styled.js';\nimport type { DSChatMessageDelimeterT } from './react-desc-prop-types.js';\nimport { defaultProps, messageDelimiterProps } from './react-desc-prop-types.js';\nimport { DSMessageDelimiterName } from './DSMessageDelimiterDefinitions.js';\n\nconst MessageDelimiter: React.ComponentType<DSChatMessageDelimeterT.Props> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSChatMessageDelimeterT.Props>(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, messageDelimiterProps, DSMessageDelimiterName);\n  const globalAttrs = useGetGlobalAttributes(propsWithDefault);\n  const { title, size, verticalMargin } = propsWithDefault;\n  return (\n    <div {...globalAttrs}>\n      <Wrapper cols={['1fr', 'auto', '1fr']}>\n        <Line />\n        <Text size={size} verticalMargin={verticalMargin} data-testid=\"chat-message-delimiter-title\">\n          {title}\n        </Text>\n        <Line />\n      </Wrapper>\n    </div>\n  );\n};\n\nMessageDelimiter.propTypes = messageDelimiterProps as WeakValidationMap<unknown>;\nMessageDelimiter.displayName = DSMessageDelimiterName;\nconst MessageDelimiterWithSchema = describe(MessageDelimiter);\nMessageDelimiterWithSchema.propTypes = messageDelimiterProps as WeakValidationMap<unknown>;\n\nexport { MessageDelimiter, MessageDelimiterWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACoBjB,SACE,KADF;AAlBN;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,SAAS,MAAM,YAAY;AAEpC,SAAS,cAAc,6BAA6B;AACpD,SAAS,8BAA8B;AAEvC,MAAM,mBAAuE,CAAC,UAAU;AACtF,QAAM,mBAAmB,6BAA4D,OAAO,YAAY;AACxG,iCAA+B,kBAAkB,uBAAuB,sBAAsB;AAC9F,QAAM,cAAc,uBAAuB,gBAAgB;AAC3D,QAAM,EAAE,OAAO,MAAM,eAAe,IAAI;AACxC,SACE,oBAAC,SAAK,GAAG,aACP,+BAAC,WAAQ,MAAM,CAAC,OAAO,QAAQ,KAAK,GAClC;AAAA,wBAAC,QAAK;AAAA,IACN,oBAAC,QAAK,MAAY,gBAAgC,eAAY,gCAC3D,iBACH;AAAA,IACA,oBAAC,QAAK;AAAA,KACR,GACF;AAEJ;AAEA,iBAAiB,YAAY;AAC7B,iBAAiB,cAAc;AAC/B,MAAM,6BAA6B,SAAS,gBAAgB;AAC5D,2BAA2B,YAAY;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport {\n  describe,\n  useGetGlobalAttributes,\n  useValidateTypescriptPropTypes,\n  useMemoMergePropsWithDefault,\n} from '@elliemae/ds-props-helpers';\nimport { Wrapper, Line, Text } from './styled.js';\nimport type { DSChatMessageDelimeterT } from './react-desc-prop-types.js';\nimport { defaultProps, messageDelimiterProps } from './react-desc-prop-types.js';\nimport { DSMessageDelimiterName } from './DSMessageDelimiterDefinitions.js';\n\nconst MessageDelimiter: React.ComponentType<DSChatMessageDelimeterT.Props> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSChatMessageDelimeterT.InternalProps>(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, messageDelimiterProps, DSMessageDelimiterName);\n  const globalAttrs = useGetGlobalAttributes(propsWithDefault);\n  const { title, size, verticalMargin } = propsWithDefault;\n  return (\n    <div {...globalAttrs}>\n      <Wrapper cols={['1fr', 'auto', '1fr']}>\n        <Line />\n        <Text size={size} verticalMargin={verticalMargin} data-testid=\"chat-message-delimiter-title\">\n          {title}\n        </Text>\n        <Line />\n      </Wrapper>\n    </div>\n  );\n};\n\nMessageDelimiter.propTypes = messageDelimiterProps as WeakValidationMap<unknown>;\nMessageDelimiter.displayName = DSMessageDelimiterName;\nconst MessageDelimiterWithSchema = describe(MessageDelimiter);\nMessageDelimiterWithSchema.propTypes = messageDelimiterProps as WeakValidationMap<unknown>;\n\nexport { MessageDelimiter, MessageDelimiterWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACoBjB,SACE,KADF;AAlBN;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,SAAS,MAAM,YAAY;AAEpC,SAAS,cAAc,6BAA6B;AACpD,SAAS,8BAA8B;AAEvC,MAAM,mBAAuE,CAAC,UAAU;AACtF,QAAM,mBAAmB,6BAAoE,OAAO,YAAY;AAChH,iCAA+B,kBAAkB,uBAAuB,sBAAsB;AAC9F,QAAM,cAAc,uBAAuB,gBAAgB;AAC3D,QAAM,EAAE,OAAO,MAAM,eAAe,IAAI;AACxC,SACE,oBAAC,SAAK,GAAG,aACP,+BAAC,WAAQ,MAAM,CAAC,OAAO,QAAQ,KAAK,GAClC;AAAA,wBAAC,QAAK;AAAA,IACN,oBAAC,QAAK,MAAY,gBAAgC,eAAY,gCAC3D,iBACH;AAAA,IACA,oBAAC,QAAK;AAAA,KACR,GACF;AAEJ;AAEA,iBAAiB,YAAY;AAC7B,iBAAiB,cAAc;AAC/B,MAAM,6BAA6B,SAAS,gBAAgB;AAC5D,2BAA2B,YAAY;",
   "names": []
 }

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, globalAttributesPropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSChatMessageDelimeterT {\n  export interface RequiredProps {\n    title: string;\n  }\n\n  export interface DefaultProps extends Record<string, unknown> {\n    size?: 's' | 'l';\n    verticalMargin?: number | string | undefined;\n  }\n\n  export interface Props extends DefaultProps, RequiredProps, Record<string, unknown> {}\n}\n\nexport const defaultProps: DSChatMessageDelimeterT.DefaultProps = {\n  size: 's',\n  verticalMargin: 0,\n};\n\nexport const messageDelimiterProps = {\n  ...globalAttributesPropTypes,\n  title: PropTypes.string.isRequired.description('Text to display in the delimiter'),\n  size: PropTypes.oneOf(['s', 'l']).description('size of the delimiter').defaultValue('s'),\n  verticalMargin: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(\n    'Configurable css vertical margin property for flexibilty',\n  ),\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,WAAW,iCAAiC;AAe9C,MAAM,eAAqD;AAAA,EAChE,MAAM;AAAA,EACN,gBAAgB;AAClB;AAEO,MAAM,wBAAwB;AAAA,EACnC,GAAG;AAAA,EACH,OAAO,UAAU,OAAO,WAAW,YAAY,kCAAkC;AAAA,EACjF,MAAM,UAAU,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,YAAY,uBAAuB,EAAE,aAAa,GAAG;AAAA,EACvF,gBAAgB,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE;AAAA,IACxE;AAAA,EACF;AACF;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes, globalAttributesPropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSChatMessageDelimeterT {\n  export interface RequiredProps {\n    title: string;\n  }\n\n  export interface DefaultProps extends Record<string, unknown> {\n    size?: 's' | 'l';\n    verticalMargin?: number | string | undefined;\n  }\n\n  export interface Props extends Partial<DefaultProps>, RequiredProps, Record<string, unknown> {}\n\n  export interface InternalProps extends DefaultProps, RequiredProps, Record<string, unknown> {}\n}\n\nexport const defaultProps: DSChatMessageDelimeterT.DefaultProps = {\n  size: 's',\n  verticalMargin: 0,\n};\n\nexport const messageDelimiterProps = {\n  ...globalAttributesPropTypes,\n  title: PropTypes.string.isRequired.description('Text to display in the delimiter'),\n  size: PropTypes.oneOf(['s', 'l']).description('size of the delimiter').defaultValue('s'),\n  verticalMargin: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(\n    'Configurable css vertical margin property for flexibilty',\n  ),\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,WAAW,iCAAiC;AAiB9C,MAAM,eAAqD;AAAA,EAChE,MAAM;AAAA,EACN,gBAAgB;AAClB;AAEO,MAAM,wBAAwB;AAAA,EACnC,GAAG;AAAA,EACH,OAAO,UAAU,OAAO,WAAW,YAAY,kCAAkC;AAAA,EACjF,MAAM,UAAU,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,YAAY,uBAAuB,EAAE,aAAa,GAAG;AAAA,EACvF,gBAAgB,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE;AAAA,IACxE;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/esm/typescript-testing/typescript-chat-message-delimeter-valid.js

@@ -0,0 +1,51 @@
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { MessageDelimiter } from "../index.js";
+const testRequiredProps = {
+  title: ""
+};
+const testPartialDefaults = {
+  size: "l"
+};
+const testProps = {
+  ...testRequiredProps,
+  ...testPartialDefaults
+};
+const testPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testPartialDefaults
+};
+const testCompleteDefaults = {
+  size: "s",
+  verticalMargin: 4
+};
+const testInternalProps = {
+  ...testRequiredProps,
+  ...testCompleteDefaults
+};
+const testInternalPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testCompleteDefaults
+};
+const testExplicitDefinition = {
+  title: "",
+  size: "l",
+  verticalMargin: 4
+};
+const testInferedTypeCompatibility = {
+  title: "",
+  size: "l",
+  verticalMargin: 4
+};
+const testDefinitionAsConst = {
+  title: "",
+  size: "l",
+  verticalMargin: 4
+};
+const ExampleUsageComponent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
+  /* @__PURE__ */ jsx(MessageDelimiter, { ...testExplicitDefinition }),
+  /* @__PURE__ */ jsx(MessageDelimiter, { ...testInferedTypeCompatibility }),
+  /* @__PURE__ */ jsx(MessageDelimiter, { ...testDefinitionAsConst }),
+  /* @__PURE__ */ jsx(MessageDelimiter, { title: "Title", size: "s", verticalMargin: 8 })
+] });
+//# sourceMappingURL=typescript-chat-message-delimeter-valid.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-chat-message-delimeter-valid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { MessageDelimiter } from '../index.js';\nimport type { DSChatMessageDelimeterT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSChatMessageDelimeterT.Props;\ntype ComponentPropsInternals = DSChatMessageDelimeterT.InternalProps;\ntype ComponentPropsDefaultProps = DSChatMessageDelimeterT.DefaultProps;\ntype ComponentPropsRequiredProps = DSChatMessageDelimeterT.RequiredProps;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {\n  title: '',\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> = {\n  size: 'l',\n};\n\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testPartialDefaults,\n};\n\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  size: 's',\n  verticalMargin: 4,\n};\n\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testCompleteDefaults,\n};\n\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\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: '',\n  size: 'l',\n  verticalMargin: 4,\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: '',\n  size: 'l',\n  verticalMargin: 4,\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  title: '',\n  size: 'l',\n  verticalMargin: 4,\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <MessageDelimiter {...testExplicitDefinition} />\n    <MessageDelimiter {...testInferedTypeCompatibility} />\n    <MessageDelimiter {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <MessageDelimiter title=\"Title\" size=\"s\" verticalMargin={8} />\n  </>\n);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACmErB,mBAEE,KAFF;AAlEF,SAAS,wBAAwB;AASjC,MAAM,oBAAiD;AAAA,EACrD,OAAO;AACT;AAIA,MAAM,sBAA2D;AAAA,EAC/D,MAAM;AACR;AAEA,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,uBAA6D;AAAA,EACjE,MAAM;AAAA,EACN,gBAAgB;AAClB;AAEA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,OAAO;AAAA,EACP,MAAM;AAAA,EACN,gBAAgB;AAClB;AAGA,MAAM,+BAA+B;AAAA,EACnC,OAAO;AAAA,EACP,MAAM;AAAA,EACN,gBAAgB;AAClB;AAEA,MAAM,wBAAwB;AAAA,EAC5B,OAAO;AAAA,EACP,MAAM;AAAA,EACN,gBAAgB;AAClB;AAEA,MAAM,wBAAwB,MAC5B,iCAEE;AAAA,sBAAC,oBAAkB,GAAG,wBAAwB;AAAA,EAC9C,oBAAC,oBAAkB,GAAG,8BAA8B;AAAA,EACpD,oBAAC,oBAAkB,GAAG,uBAAuB;AAAA,EAE7C,oBAAC,oBAAiB,OAAM,SAAQ,MAAK,KAAI,gBAAgB,GAAG;AAAA,GAC9D;",
+  "names": []
+}

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

@@ -6,7 +6,9 @@ export declare namespace DSChatMessageDelimeterT {
         size?: 's' | 'l';
         verticalMargin?: number | string | undefined;
     }
-    interface Props extends DefaultProps, RequiredProps, Record<string, unknown> {
+    interface Props extends Partial<DefaultProps>, RequiredProps, Record<string, unknown> {
+    }
+    interface InternalProps extends DefaultProps, RequiredProps, Record<string, unknown> {
     }
 }
 export declare const defaultProps: DSChatMessageDelimeterT.DefaultProps;

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-chat-message-delimeter",
-  "version": "3.28.1-rc.2",
+  "version": "3.29.0-next.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Chat Message Delimeter",
   "files": [
@@ -47,14 +47,14 @@
     "typeSafety": true
   },
   "dependencies": {
-    "@elliemae/ds-grid": "3.28.1-rc.2",
-    "@elliemae/ds-props-helpers": "3.28.1-rc.2",
-    "@elliemae/ds-system": "3.28.1-rc.2"
+    "@elliemae/ds-grid": "3.29.0-next.0",
+    "@elliemae/ds-props-helpers": "3.29.0-next.0",
+    "@elliemae/ds-system": "3.29.0-next.0"
   },
   "devDependencies": {
     "@elliemae/pui-cli": "~9.0.0-next.31",
     "styled-components": "~5.3.9",
-    "@elliemae/ds-monorepo-devops": "3.28.1-rc.2"
+    "@elliemae/ds-monorepo-devops": "3.29.0-next.0"
   },
   "peerDependencies": {
     "lodash": "^4.17.21",