@elliemae/ds-chat-message-delimeter 3.6.0-next.0

package/dist/cjs/MessageDelimiter.js

@@ -0,0 +1,62 @@
+"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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+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(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var MessageDelimiter_exports = {};
+__export(MessageDelimiter_exports, {
+  MessageDelimiter: () => MessageDelimiter,
+  MessageDelimiterWithSchema: () => MessageDelimiterWithSchema
+});
+module.exports = __toCommonJS(MessageDelimiter_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_styled = require("./styled");
+var import_react_desc_prop_types = require("./react-desc-prop-types");
+const MessageDelimiter = (props) => {
+  const propsWithDefault = (0, import_ds_utilities.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.defaultProps);
+  (0, import_ds_utilities.useValidateTypescriptPropTypes)(propsWithDefault, import_react_desc_prop_types.messageDelimiterProps);
+  const globalAttrs = (0, import_ds_utilities.useGetGlobalAttributes)(propsWithDefault);
+  const { title, size, verticalMargin } = propsWithDefault;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+    ...globalAttrs,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.Wrapper, {
+      cols: ["1fr", "auto", "1fr"],
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.Line, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.Text, {
+          size,
+          verticalMargin,
+          "data-testid": "chat-message-delimiter-title",
+          children: title
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.Line, {})
+      ]
+    })
+  });
+};
+MessageDelimiter.propTypes = import_react_desc_prop_types.messageDelimiterProps;
+MessageDelimiter.displayName = "MessageDelimiter";
+const MessageDelimiterWithSchema = (0, import_ds_utilities.describe)(MessageDelimiter);
+MessageDelimiterWithSchema.propTypes = import_react_desc_prop_types.messageDelimiterProps;
+//# sourceMappingURL=MessageDelimiter.js.map

package/dist/cjs/MessageDelimiter.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/MessageDelimiter.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { WeakValidationMap } from 'react';\nimport {\n  describe,\n  useGetGlobalAttributes,\n  useValidateTypescriptPropTypes,\n  useMemoMergePropsWithDefault,\n} from '@elliemae/ds-utilities';\nimport { Wrapper, Line, Text } from './styled';\nimport { defaultProps, messageDelimiterProps, DSChatMessageDelimeterT } from './react-desc-prop-types';\n\nconst MessageDelimiter: React.ComponentType<DSChatMessageDelimeterT.Props> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSChatMessageDelimeterT.Props>(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, messageDelimiterProps);\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 = 'MessageDelimiter';\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;ADAvB;AACA,0BAKO;AACP,oBAAoC;AACpC,mCAA6E;AAE7E,MAAM,mBAAuE,CAAC,UAAU;AACtF,QAAM,uBAAmB,kDAA4D,OAAO,yCAAY;AACxG,0DAA+B,kBAAkB,kDAAqB;AACtE,QAAM,kBAAc,4CAAuB,gBAAgB;AAC3D,QAAM,EAAE,OAAO,MAAM,eAAe,IAAI;AACxC,SACE,4CAAC;AAAA,IAAK,GAAG;AAAA,IACP,uDAAC;AAAA,MAAQ,MAAM,CAAC,OAAO,QAAQ,KAAK;AAAA,MAClC;AAAA,oDAAC,sBAAK;AAAA,QACN,4CAAC;AAAA,UAAK;AAAA,UAAY;AAAA,UAAgC,eAAY;AAAA,UAC3D;AAAA,SACH;AAAA,QACA,4CAAC,sBAAK;AAAA;AAAA,KACR;AAAA,GACF;AAEJ;AAEA,iBAAiB,YAAY;AAC7B,iBAAiB,cAAc;AAC/B,MAAM,iCAA6B,8BAAS,gBAAgB;AAC5D,2BAA2B,YAAY;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,35 @@
+"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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+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(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var src_exports = {};
+__export(src_exports, {
+  DSChatMessageDelimeterT: () => import_react_desc_prop_types.DSChatMessageDelimeterT,
+  MessageDelimiter: () => import_MessageDelimiter.MessageDelimiter,
+  MessageDelimiterWithSchema: () => import_MessageDelimiter.MessageDelimiterWithSchema
+});
+module.exports = __toCommonJS(src_exports);
+var React = __toESM(require("react"));
+var import_MessageDelimiter = require("./MessageDelimiter");
+var import_react_desc_prop_types = require("./react-desc-prop-types");
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export { MessageDelimiter, MessageDelimiterWithSchema } from './MessageDelimiter';\nexport { DSChatMessageDelimeterT } from './react-desc-prop-types';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA6D;AAC7D,mCAAwC;",
+  "names": []
+}

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

@@ -0,0 +1,45 @@
+"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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+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(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var react_desc_prop_types_exports = {};
+__export(react_desc_prop_types_exports, {
+  defaultProps: () => defaultProps,
+  messageDelimiterProps: () => messageDelimiterProps
+});
+module.exports = __toCommonJS(react_desc_prop_types_exports);
+var React = __toESM(require("react"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
+const defaultProps = {
+  size: "s",
+  verticalMargin: "0px"
+};
+const messageDelimiterProps = {
+  ...import_ds_utilities.globalAttributesPropTypes,
+  title: import_ds_utilities.PropTypes.string.isRequired.description("Text to display in the delimiter"),
+  size: import_ds_utilities.PropTypes.oneOf(["s", "l"]).description("size of the delimiter").defaultValue("s"),
+  verticalMargin: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.number]).description(
+    "Configurable css vertical margin property for flexibilty"
+  )
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/react-desc-prop-types.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { PropTypes, globalAttributesPropTypes } from '@elliemae/ds-utilities';\n\nexport declare namespace DSChatMessageDelimeterT {\n  export interface RequiredProps {\n    title: string;\n  }\n\n  export interface DefaultProps {\n    size: 's' | 'l';\n    verticalMargin: number | string;\n  }\n\n  export interface Props extends DefaultProps, RequiredProps {}\n}\n\nexport const defaultProps: DSChatMessageDelimeterT.DefaultProps = {\n  size: 's',\n  verticalMargin: '0px',\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,0BAAqD;AAe9C,MAAM,eAAqD;AAAA,EAChE,MAAM;AAAA,EACN,gBAAgB;AAClB;AAEO,MAAM,wBAAwB;AAAA,EACnC,GAAG;AAAA,EACH,OAAO,8BAAU,OAAO,WAAW,YAAY,kCAAkC;AAAA,EACjF,MAAM,8BAAU,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,YAAY,uBAAuB,EAAE,aAAa,GAAG;AAAA,EACvF,gBAAgB,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,EAAE;AAAA,IACxE;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/cjs/styled.js

@@ -0,0 +1,50 @@
+"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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+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(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var styled_exports = {};
+__export(styled_exports, {
+  Line: () => Line,
+  Text: () => Text,
+  Wrapper: () => Wrapper
+});
+module.exports = __toCommonJS(styled_exports);
+var React = __toESM(require("react"));
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_ds_system = require("@elliemae/ds-system");
+const Wrapper = (0, import_ds_system.styled)(import_ds_grid.Grid)`
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  min-height: 8px;
+`;
+const Line = import_ds_system.styled.span`
+  border-top: 1px solid ${(props) => props.theme.colors.neutral["400"]};
+`;
+const Text = import_ds_system.styled.p`
+  color: ${(props) => props.theme.colors.neutral["600"]};
+  font-size: ${(props) => props.size === "s" ? "12px" : "14px"};
+  font-weight: ${(props) => props.theme.fontWeights.semibold};
+  ${({ verticalMargin }) => verticalMargin !== void 0 && `margin: ${verticalMargin}px 8px`};
+`;
+//# sourceMappingURL=styled.js.map

package/dist/cjs/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/styled.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { Grid } from '@elliemae/ds-grid';\nimport { styled } from '@elliemae/ds-system';\nimport { DSChatMessageDelimeterT } from './react-desc-prop-types';\n\nexport const Wrapper = styled(Grid)`\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  min-height: 8px;\n`;\n\nexport const Line = styled.span`\n  border-top: 1px solid ${(props) => props.theme.colors.neutral['400']};\n`;\n\nexport const Text = styled.p<DSChatMessageDelimeterT.DefaultProps>`\n  color: ${(props) => props.theme.colors.neutral['600']};\n  font-size: ${(props) => (props.size === 's' ? '12px' : '14px')};\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  ${({ verticalMargin }) => verticalMargin !== undefined && `margin: ${verticalMargin}px 8px`};\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,qBAAqB;AACrB,uBAAuB;AAGhB,MAAM,cAAU,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAO3B,MAAM,OAAO,wBAAO;AAAA,0BACD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAGzD,MAAM,OAAO,wBAAO;AAAA,WAChB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,eAClC,CAAC,UAAW,MAAM,SAAS,MAAM,SAAS;AAAA,iBACxC,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,IAChD,CAAC,EAAE,eAAe,MAAM,mBAAmB,UAAa,WAAW;AAAA;",
+  "names": []
+}

package/dist/esm/MessageDelimiter.js

@@ -0,0 +1,41 @@
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  describe,
+  useGetGlobalAttributes,
+  useValidateTypescriptPropTypes,
+  useMemoMergePropsWithDefault
+} from "@elliemae/ds-utilities";
+import { Wrapper, Line, Text } from "./styled";
+import { defaultProps, messageDelimiterProps } from "./react-desc-prop-types";
+const MessageDelimiter = (props) => {
+  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
+  useValidateTypescriptPropTypes(propsWithDefault, messageDelimiterProps);
+  const globalAttrs = useGetGlobalAttributes(propsWithDefault);
+  const { title, size, verticalMargin } = propsWithDefault;
+  return /* @__PURE__ */ jsx("div", {
+    ...globalAttrs,
+    children: /* @__PURE__ */ jsxs(Wrapper, {
+      cols: ["1fr", "auto", "1fr"],
+      children: [
+        /* @__PURE__ */ jsx(Line, {}),
+        /* @__PURE__ */ jsx(Text, {
+          size,
+          verticalMargin,
+          "data-testid": "chat-message-delimiter-title",
+          children: title
+        }),
+        /* @__PURE__ */ jsx(Line, {})
+      ]
+    })
+  });
+};
+MessageDelimiter.propTypes = messageDelimiterProps;
+MessageDelimiter.displayName = "MessageDelimiter";
+const MessageDelimiterWithSchema = describe(MessageDelimiter);
+MessageDelimiterWithSchema.propTypes = messageDelimiterProps;
+export {
+  MessageDelimiter,
+  MessageDelimiterWithSchema
+};
+//# sourceMappingURL=MessageDelimiter.js.map

package/dist/esm/MessageDelimiter.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/MessageDelimiter.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { WeakValidationMap } from 'react';\nimport {\n  describe,\n  useGetGlobalAttributes,\n  useValidateTypescriptPropTypes,\n  useMemoMergePropsWithDefault,\n} from '@elliemae/ds-utilities';\nimport { Wrapper, Line, Text } from './styled';\nimport { defaultProps, messageDelimiterProps, DSChatMessageDelimeterT } from './react-desc-prop-types';\n\nconst MessageDelimiter: React.ComponentType<DSChatMessageDelimeterT.Props> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSChatMessageDelimeterT.Props>(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, messageDelimiterProps);\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 = 'MessageDelimiter';\nconst MessageDelimiterWithSchema = describe(MessageDelimiter);\nMessageDelimiterWithSchema.propTypes = messageDelimiterProps as WeakValidationMap<unknown>;\n\nexport { MessageDelimiter, MessageDelimiterWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,SAAS,MAAM,YAAY;AACpC,SAAS,cAAc,6BAAsD;AAE7E,MAAM,mBAAuE,CAAC,UAAU;AACtF,QAAM,mBAAmB,6BAA4D,OAAO,YAAY;AACxG,iCAA+B,kBAAkB,qBAAqB;AACtE,QAAM,cAAc,uBAAuB,gBAAgB;AAC3D,QAAM,EAAE,OAAO,MAAM,eAAe,IAAI;AACxC,SACE,oBAAC;AAAA,IAAK,GAAG;AAAA,IACP,+BAAC;AAAA,MAAQ,MAAM,CAAC,OAAO,QAAQ,KAAK;AAAA,MAClC;AAAA,4BAAC,QAAK;AAAA,QACN,oBAAC;AAAA,UAAK;AAAA,UAAY;AAAA,UAAgC,eAAY;AAAA,UAC3D;AAAA,SACH;AAAA,QACA,oBAAC,QAAK;AAAA;AAAA,KACR;AAAA,GACF;AAEJ;AAEA,iBAAiB,YAAY;AAC7B,iBAAiB,cAAc;AAC/B,MAAM,6BAA6B,SAAS,gBAAgB;AAC5D,2BAA2B,YAAY;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { MessageDelimiter, MessageDelimiterWithSchema } from "./MessageDelimiter";
+import { DSChatMessageDelimeterT } from "./react-desc-prop-types";
+export {
+  DSChatMessageDelimeterT,
+  MessageDelimiter,
+  MessageDelimiterWithSchema
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { MessageDelimiter, MessageDelimiterWithSchema } from './MessageDelimiter';\nexport { DSChatMessageDelimeterT } from './react-desc-prop-types';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,kBAAkB,kCAAkC;AAC7D,SAAS,+BAA+B;",
+  "names": []
+}

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

@@ -0,0 +1,19 @@
+import * as React from "react";
+import { PropTypes, globalAttributesPropTypes } from "@elliemae/ds-utilities";
+const defaultProps = {
+  size: "s",
+  verticalMargin: "0px"
+};
+const messageDelimiterProps = {
+  ...globalAttributesPropTypes,
+  title: PropTypes.string.isRequired.description("Text to display in the delimiter"),
+  size: PropTypes.oneOf(["s", "l"]).description("size of the delimiter").defaultValue("s"),
+  verticalMargin: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(
+    "Configurable css vertical margin property for flexibilty"
+  )
+};
+export {
+  defaultProps,
+  messageDelimiterProps
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

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

@@ -0,0 +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-utilities';\n\nexport declare namespace DSChatMessageDelimeterT {\n  export interface RequiredProps {\n    title: string;\n  }\n\n  export interface DefaultProps {\n    size: 's' | 'l';\n    verticalMargin: number | string;\n  }\n\n  export interface Props extends DefaultProps, RequiredProps {}\n}\n\nexport const defaultProps: DSChatMessageDelimeterT.DefaultProps = {\n  size: 's',\n  verticalMargin: '0px',\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;",
+  "names": []
+}

package/dist/esm/styled.js

@@ -0,0 +1,24 @@
+import * as React from "react";
+import { Grid } from "@elliemae/ds-grid";
+import { styled } from "@elliemae/ds-system";
+const Wrapper = styled(Grid)`
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  min-height: 8px;
+`;
+const Line = styled.span`
+  border-top: 1px solid ${(props) => props.theme.colors.neutral["400"]};
+`;
+const Text = styled.p`
+  color: ${(props) => props.theme.colors.neutral["600"]};
+  font-size: ${(props) => props.size === "s" ? "12px" : "14px"};
+  font-weight: ${(props) => props.theme.fontWeights.semibold};
+  ${({ verticalMargin }) => verticalMargin !== void 0 && `margin: ${verticalMargin}px 8px`};
+`;
+export {
+  Line,
+  Text,
+  Wrapper
+};
+//# sourceMappingURL=styled.js.map

package/dist/esm/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/styled.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { Grid } from '@elliemae/ds-grid';\nimport { styled } from '@elliemae/ds-system';\nimport { DSChatMessageDelimeterT } from './react-desc-prop-types';\n\nexport const Wrapper = styled(Grid)`\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  min-height: 8px;\n`;\n\nexport const Line = styled.span`\n  border-top: 1px solid ${(props) => props.theme.colors.neutral['400']};\n`;\n\nexport const Text = styled.p<DSChatMessageDelimeterT.DefaultProps>`\n  color: ${(props) => props.theme.colors.neutral['600']};\n  font-size: ${(props) => (props.size === 's' ? '12px' : '14px')};\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  ${({ verticalMargin }) => verticalMargin !== undefined && `margin: ${verticalMargin}px 8px`};\n`;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,YAAY;AACrB,SAAS,cAAc;AAGhB,MAAM,UAAU,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAO3B,MAAM,OAAO,OAAO;AAAA,0BACD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAGzD,MAAM,OAAO,OAAO;AAAA,WAChB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,eAClC,CAAC,UAAW,MAAM,SAAS,MAAM,SAAS;AAAA,iBACxC,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,IAChD,CAAC,EAAE,eAAe,MAAM,mBAAmB,UAAa,WAAW;AAAA;",
+  "names": []
+}

package/package.json

@@ -0,0 +1,75 @@
+{
+  "name": "@elliemae/ds-chat-message-delimeter",
+  "version": "3.6.0-next.0",
+  "license": "MIT",
+  "description": "ICE MT - Dimsum - Chat Message Delimeter",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
+    },
+    "./styled": {
+      "import": "./dist/esm/styled.js",
+      "require": "./dist/cjs/styled.js"
+    },
+    "./props": {
+      "import": "./dist/esm/props.js",
+      "require": "./dist/cjs/props.js"
+    },
+    "./MessageDelimeter": {
+      "import": "./dist/esm/MessageDelimeter.js",
+      "require": "./dist/cjs/MessageDelimeter.js"
+    }
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+  },
+  "engines": {
+    "pnpm": ">=6",
+    "node": ">=16"
+  },
+  "author": "ICE MT",
+  "jestSonar": {
+    "sonar56x": true,
+    "reportPath": "reports",
+    "reportFile": "tests.xml",
+    "indent": 4
+  },
+  "publishConfig": {
+    "access": "public",
+    "typeSafety": true
+  },
+  "dependencies": {
+    "@elliemae/ds-grid": "3.6.0-next.0",
+    "@elliemae/ds-system": "3.6.0-next.0",
+    "@elliemae/ds-utilities": "3.6.0-next.0"
+  },
+  "devDependencies": {
+    "@testing-library/dom": "~8.13.0",
+    "@testing-library/jest-dom": "~5.16.4",
+    "@testing-library/react": "~12.1.3",
+    "@testing-library/user-event": "~13.5.0",
+    "styled-components": "~5.3.5"
+  },
+  "peerDependencies": {
+    "lodash": "^4.17.21",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "styled-components": "^5.3.5"
+  },
+  "scripts": {
+    "test": "node ../../scripts/testing/test.mjs",
+    "lint": "node ../../scripts/lint.mjs",
+    "dts": "node ../../scripts/dts.mjs",
+    "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
+    "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
+    "checkDeps": "npx -yes ../ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
+  }
+}