@elliemae/ds-chat-container-header 3.6.0-next.0

package/dist/cjs/ChatContainerHeader.js

@@ -0,0 +1,70 @@
+"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 ChatContainerHeader_exports = {};
+__export(ChatContainerHeader_exports, {
+  ChatContainerHeader: () => ChatContainerHeader,
+  ChatContainerHeaderWithSchema: () => ChatContainerHeaderWithSchema
+});
+module.exports = __toCommonJS(ChatContainerHeader_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
+var import_styled = require("./styled");
+var import_react_desc_prop_types = require("./react-desc-prop-types");
+var import_ChatContainerHeaderDataTestIds = require("./ChatContainerHeaderDataTestIds");
+const ChatContainerHeader = (props) => {
+  (0, import_ds_utilities.useValidateTypescriptPropTypes)(props, import_react_desc_prop_types.propTypes);
+  const globalsAttr = (0, import_ds_utilities.useGetGlobalAttributes)(props);
+  const { title, children } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledChatContainerContentHeader, {
+    alignItems: "center",
+    cols: ["minmax(calc(100% - 64px), 1fr)", children ? "auto" : "0px"],
+    role: "heading",
+    ...globalsAttr,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledChatContainerContentHeaderLabel, {
+        "data-testid": import_ChatContainerHeaderDataTestIds.ChatContainerHeaderDataTestIds.HEADER_TITLE,
+        pl: "xxs",
+        pr: "xxs",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_truncated_tooltip_text.SimpleTruncatedTooltipText, {
+          value: title
+        })
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledChatContainerContentHeaderActions, {
+        cols: import_react.default.Children.toArray(children).filter(Boolean).map(() => "32px"),
+        justifyContent: "flex-end",
+        "data-testid": import_ChatContainerHeaderDataTestIds.ChatContainerHeaderDataTestIds.HEADER_CHILDREN,
+        children
+      })
+    ]
+  });
+};
+ChatContainerHeader.propTypes = import_react_desc_prop_types.propTypes;
+ChatContainerHeader.displayName = "ChatContainerHeader";
+const ChatContainerHeaderWithSchema = (0, import_ds_utilities.describe)(ChatContainerHeader);
+ChatContainerHeaderWithSchema.propTypes = import_react_desc_prop_types.propTypes;
+//# sourceMappingURL=ChatContainerHeader.js.map

package/dist/cjs/ChatContainerHeader.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ChatContainerHeader.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { WeakValidationMap } from 'react';\nimport { describe, useValidateTypescriptPropTypes, useGetGlobalAttributes } from '@elliemae/ds-utilities';\n\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport {\n  StyledChatContainerContentHeader,\n  StyledChatContainerContentHeaderLabel,\n  StyledChatContainerContentHeaderActions,\n} from './styled';\nimport { propTypes, DSChatContainerHeaderT } from './react-desc-prop-types';\nimport { ChatContainerHeaderDataTestIds } from './ChatContainerHeaderDataTestIds';\n\nconst ChatContainerHeader: React.ComponentType<DSChatContainerHeaderT.Props> = (props) => {\n  useValidateTypescriptPropTypes(props, propTypes);\n\n  const globalsAttr = useGetGlobalAttributes(props);\n\n  const { title, children } = props;\n\n  return (\n    <StyledChatContainerContentHeader\n      alignItems=\"center\"\n      cols={['minmax(calc(100% - 64px), 1fr)', children ? 'auto' : '0px']}\n      role=\"heading\"\n      {...globalsAttr}\n    >\n      <StyledChatContainerContentHeaderLabel\n        data-testid={ChatContainerHeaderDataTestIds.HEADER_TITLE}\n        pl=\"xxs\"\n        pr=\"xxs\"\n      >\n        <SimpleTruncatedTooltipText value={title} />\n      </StyledChatContainerContentHeaderLabel>\n      <StyledChatContainerContentHeaderActions\n        cols={React.Children.toArray(children)\n          .filter(Boolean)\n          .map(() => '32px')}\n        justifyContent=\"flex-end\"\n        data-testid={ChatContainerHeaderDataTestIds.HEADER_CHILDREN}\n      >\n        {children}\n      </StyledChatContainerContentHeaderActions>\n    </StyledChatContainerContentHeader>\n  );\n};\n\nChatContainerHeader.propTypes = propTypes as WeakValidationMap<unknown>;\nChatContainerHeader.displayName = 'ChatContainerHeader';\nconst ChatContainerHeaderWithSchema = describe(ChatContainerHeader);\nChatContainerHeaderWithSchema.propTypes = propTypes as WeakValidationMap<unknown>;\n\nexport { ChatContainerHeader, ChatContainerHeaderWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAyC;AACzC,0BAAiF;AAEjF,uCAA2C;AAC3C,oBAIO;AACP,mCAAkD;AAClD,4CAA+C;AAE/C,MAAM,sBAAyE,CAAC,UAAU;AACxF,0DAA+B,OAAO,sCAAS;AAE/C,QAAM,kBAAc,4CAAuB,KAAK;AAEhD,QAAM,EAAE,OAAO,SAAS,IAAI;AAE5B,SACE,6CAAC;AAAA,IACC,YAAW;AAAA,IACX,MAAM,CAAC,kCAAkC,WAAW,SAAS,KAAK;AAAA,IAClE,MAAK;AAAA,IACJ,GAAG;AAAA,IAEJ;AAAA,kDAAC;AAAA,QACC,eAAa,qEAA+B;AAAA,QAC5C,IAAG;AAAA,QACH,IAAG;AAAA,QAEH,sDAAC;AAAA,UAA2B,OAAO;AAAA,SAAO;AAAA,OAC5C;AAAA,MACA,4CAAC;AAAA,QACC,MAAM,aAAAA,QAAM,SAAS,QAAQ,QAAQ,EAClC,OAAO,OAAO,EACd,IAAI,MAAM,MAAM;AAAA,QACnB,gBAAe;AAAA,QACf,eAAa,qEAA+B;AAAA,QAE3C;AAAA,OACH;AAAA;AAAA,GACF;AAEJ;AAEA,oBAAoB,YAAY;AAChC,oBAAoB,cAAc;AAClC,MAAM,oCAAgC,8BAAS,mBAAmB;AAClE,8BAA8B,YAAY;",
+  "names": ["React"]
+}

package/dist/cjs/ChatContainerHeaderDataTestIds.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 ChatContainerHeaderDataTestIds_exports = {};
+__export(ChatContainerHeaderDataTestIds_exports, {
+  ChatContainerHeaderDataTestIds: () => ChatContainerHeaderDataTestIds
+});
+module.exports = __toCommonJS(ChatContainerHeaderDataTestIds_exports);
+var React = __toESM(require("react"));
+const ChatContainerHeaderDataTestIds = {
+  HEADER_TITLE: "chat-header-title",
+  HEADER_CHILDREN: "chat-header-children"
+};
+//# sourceMappingURL=ChatContainerHeaderDataTestIds.js.map

package/dist/cjs/ChatContainerHeaderDataTestIds.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ChatContainerHeaderDataTestIds.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const ChatContainerHeaderDataTestIds = {\n  HEADER_TITLE: 'chat-header-title',\n  HEADER_CHILDREN: 'chat-header-children',\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,iCAAiC;AAAA,EAC5C,cAAc;AAAA,EACd,iBAAiB;AACnB;",
+  "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, {
+  ChatContainerHeader: () => import_ChatContainerHeader.ChatContainerHeader,
+  ChatContainerHeaderDataTestIds: () => import_ChatContainerHeaderDataTestIds.ChatContainerHeaderDataTestIds,
+  ChatContainerHeaderWithSchema: () => import_ChatContainerHeader.ChatContainerHeaderWithSchema
+});
+module.exports = __toCommonJS(src_exports);
+var React = __toESM(require("react"));
+var import_ChatContainerHeader = require("./ChatContainerHeader");
+var import_ChatContainerHeaderDataTestIds = require("./ChatContainerHeaderDataTestIds");
+//# 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 { ChatContainerHeader, ChatContainerHeaderWithSchema } from './ChatContainerHeader';\nexport { ChatContainerHeaderDataTestIds } from './ChatContainerHeaderDataTestIds';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,iCAAmE;AACnE,4CAA+C;",
+  "names": []
+}

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

@@ -0,0 +1,36 @@
+"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, {
+  propTypes: () => propTypes
+});
+module.exports = __toCommonJS(react_desc_prop_types_exports);
+var React = __toESM(require("react"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
+const propTypes = {
+  title: import_ds_utilities.PropTypes.string.isRequired.description(`Card's title`),
+  children: import_ds_utilities.PropTypes.node.description("Childrens")
+};
+//# 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 React from 'react';\nimport { PropTypes } from '@elliemae/ds-utilities';\n\nexport declare namespace DSChatContainerHeaderT {\n  export interface RequiredProps {\n    title: string;\n  }\n\n  export interface OptionalProps {\n    children?: React.ReactChild;\n  }\n\n  export interface Props extends RequiredProps, OptionalProps {}\n}\n\nexport const propTypes = {\n  title: PropTypes.string.isRequired.description(`Card's title`),\n  children: PropTypes.node.description('Childrens'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,0BAA0B;AAcnB,MAAM,YAAY;AAAA,EACvB,OAAO,8BAAU,OAAO,WAAW,YAAY,cAAc;AAAA,EAC7D,UAAU,8BAAU,KAAK,YAAY,WAAW;AAClD;",
+  "names": []
+}

package/dist/cjs/styled.js

@@ -0,0 +1,57 @@
+"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, {
+  StyledChatContainerContentHeader: () => StyledChatContainerContentHeader,
+  StyledChatContainerContentHeaderActions: () => StyledChatContainerContentHeaderActions,
+  StyledChatContainerContentHeaderLabel: () => StyledChatContainerContentHeaderLabel
+});
+module.exports = __toCommonJS(styled_exports);
+var React = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
+var import_ds_grid = require("@elliemae/ds-grid");
+const StyledChatContainerContentHeaderActions = (0, import_ds_system.styled)(import_ds_grid.Grid)`
+  max-width: 80px;
+`;
+const StyledChatContainerContentHeader = (0, import_ds_system.styled)(import_ds_grid.Grid)`
+  width: 100%;
+  min-height: 48px;
+  border-bottom: 1px solid ${(props) => props.theme.colors.neutral["200"]};
+  background: ${(props) => props.theme.colors.neutral["050"]};
+  ${StyledChatContainerContentHeaderActions} {
+    & button {
+      background: transparent;
+    }
+  }
+`;
+const StyledChatContainerContentHeaderLabel = (0, import_ds_system.styled)(import_ds_grid.Grid)`
+  justify-content: center;
+  align-items: center;
+  font-weight: bold;
+  font-size: 18px;
+  color: ${(props) => props.theme.colors.neutral["700"]};
+  line-height: 1.6;
+`;
+//# sourceMappingURL=styled.js.map

package/dist/cjs/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/styled.ts", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\n\nexport const StyledChatContainerContentHeaderActions = styled(Grid)`\n  max-width: 80px;\n`;\n\nexport const StyledChatContainerContentHeader = styled(Grid)`\n  width: 100%;\n  min-height: 48px;\n  border-bottom: 1px solid ${(props) => props.theme.colors.neutral['200']};\n  background: ${(props) => props.theme.colors.neutral['050']};\n  ${StyledChatContainerContentHeaderActions} {\n    & button {\n      background: transparent;\n    }\n  }\n`;\n\nexport const StyledChatContainerContentHeaderLabel = styled(Grid)`\n  justify-content: center;\n  align-items: center;\n  font-weight: bold;\n  font-size: 18px;\n  color: ${(props) => props.theme.colors.neutral['700']};\n  line-height: 1.6;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,qBAAqB;AAEd,MAAM,8CAA0C,yBAAO,mBAAI;AAAA;AAAA;AAI3D,MAAM,uCAAmC,yBAAO,mBAAI;AAAA;AAAA;AAAA,6BAG9B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,gBACnD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,IAClD;AAAA;AAAA;AAAA;AAAA;AAAA;AAOG,MAAM,4CAAwC,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAAA,WAKrD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/ChatContainerHeader.js

@@ -0,0 +1,48 @@
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import React2 from "react";
+import { describe, useValidateTypescriptPropTypes, useGetGlobalAttributes } from "@elliemae/ds-utilities";
+import { SimpleTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
+import {
+  StyledChatContainerContentHeader,
+  StyledChatContainerContentHeaderLabel,
+  StyledChatContainerContentHeaderActions
+} from "./styled";
+import { propTypes } from "./react-desc-prop-types";
+import { ChatContainerHeaderDataTestIds } from "./ChatContainerHeaderDataTestIds";
+const ChatContainerHeader = (props) => {
+  useValidateTypescriptPropTypes(props, propTypes);
+  const globalsAttr = useGetGlobalAttributes(props);
+  const { title, children } = props;
+  return /* @__PURE__ */ jsxs(StyledChatContainerContentHeader, {
+    alignItems: "center",
+    cols: ["minmax(calc(100% - 64px), 1fr)", children ? "auto" : "0px"],
+    role: "heading",
+    ...globalsAttr,
+    children: [
+      /* @__PURE__ */ jsx(StyledChatContainerContentHeaderLabel, {
+        "data-testid": ChatContainerHeaderDataTestIds.HEADER_TITLE,
+        pl: "xxs",
+        pr: "xxs",
+        children: /* @__PURE__ */ jsx(SimpleTruncatedTooltipText, {
+          value: title
+        })
+      }),
+      /* @__PURE__ */ jsx(StyledChatContainerContentHeaderActions, {
+        cols: React2.Children.toArray(children).filter(Boolean).map(() => "32px"),
+        justifyContent: "flex-end",
+        "data-testid": ChatContainerHeaderDataTestIds.HEADER_CHILDREN,
+        children
+      })
+    ]
+  });
+};
+ChatContainerHeader.propTypes = propTypes;
+ChatContainerHeader.displayName = "ChatContainerHeader";
+const ChatContainerHeaderWithSchema = describe(ChatContainerHeader);
+ChatContainerHeaderWithSchema.propTypes = propTypes;
+export {
+  ChatContainerHeader,
+  ChatContainerHeaderWithSchema
+};
+//# sourceMappingURL=ChatContainerHeader.js.map

package/dist/esm/ChatContainerHeader.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ChatContainerHeader.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { WeakValidationMap } from 'react';\nimport { describe, useValidateTypescriptPropTypes, useGetGlobalAttributes } from '@elliemae/ds-utilities';\n\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport {\n  StyledChatContainerContentHeader,\n  StyledChatContainerContentHeaderLabel,\n  StyledChatContainerContentHeaderActions,\n} from './styled';\nimport { propTypes, DSChatContainerHeaderT } from './react-desc-prop-types';\nimport { ChatContainerHeaderDataTestIds } from './ChatContainerHeaderDataTestIds';\n\nconst ChatContainerHeader: React.ComponentType<DSChatContainerHeaderT.Props> = (props) => {\n  useValidateTypescriptPropTypes(props, propTypes);\n\n  const globalsAttr = useGetGlobalAttributes(props);\n\n  const { title, children } = props;\n\n  return (\n    <StyledChatContainerContentHeader\n      alignItems=\"center\"\n      cols={['minmax(calc(100% - 64px), 1fr)', children ? 'auto' : '0px']}\n      role=\"heading\"\n      {...globalsAttr}\n    >\n      <StyledChatContainerContentHeaderLabel\n        data-testid={ChatContainerHeaderDataTestIds.HEADER_TITLE}\n        pl=\"xxs\"\n        pr=\"xxs\"\n      >\n        <SimpleTruncatedTooltipText value={title} />\n      </StyledChatContainerContentHeaderLabel>\n      <StyledChatContainerContentHeaderActions\n        cols={React.Children.toArray(children)\n          .filter(Boolean)\n          .map(() => '32px')}\n        justifyContent=\"flex-end\"\n        data-testid={ChatContainerHeaderDataTestIds.HEADER_CHILDREN}\n      >\n        {children}\n      </StyledChatContainerContentHeaderActions>\n    </StyledChatContainerContentHeader>\n  );\n};\n\nChatContainerHeader.propTypes = propTypes as WeakValidationMap<unknown>;\nChatContainerHeader.displayName = 'ChatContainerHeader';\nconst ChatContainerHeaderWithSchema = describe(ChatContainerHeader);\nChatContainerHeaderWithSchema.propTypes = propTypes as WeakValidationMap<unknown>;\n\nexport { ChatContainerHeader, ChatContainerHeaderWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,OAAOA,YAAkC;AACzC,SAAS,UAAU,gCAAgC,8BAA8B;AAEjF,SAAS,kCAAkC;AAC3C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAyC;AAClD,SAAS,sCAAsC;AAE/C,MAAM,sBAAyE,CAAC,UAAU;AACxF,iCAA+B,OAAO,SAAS;AAE/C,QAAM,cAAc,uBAAuB,KAAK;AAEhD,QAAM,EAAE,OAAO,SAAS,IAAI;AAE5B,SACE,qBAAC;AAAA,IACC,YAAW;AAAA,IACX,MAAM,CAAC,kCAAkC,WAAW,SAAS,KAAK;AAAA,IAClE,MAAK;AAAA,IACJ,GAAG;AAAA,IAEJ;AAAA,0BAAC;AAAA,QACC,eAAa,+BAA+B;AAAA,QAC5C,IAAG;AAAA,QACH,IAAG;AAAA,QAEH,8BAAC;AAAA,UAA2B,OAAO;AAAA,SAAO;AAAA,OAC5C;AAAA,MACA,oBAAC;AAAA,QACC,MAAMA,OAAM,SAAS,QAAQ,QAAQ,EAClC,OAAO,OAAO,EACd,IAAI,MAAM,MAAM;AAAA,QACnB,gBAAe;AAAA,QACf,eAAa,+BAA+B;AAAA,QAE3C;AAAA,OACH;AAAA;AAAA,GACF;AAEJ;AAEA,oBAAoB,YAAY;AAChC,oBAAoB,cAAc;AAClC,MAAM,gCAAgC,SAAS,mBAAmB;AAClE,8BAA8B,YAAY;",
+  "names": ["React"]
+}

package/dist/esm/ChatContainerHeaderDataTestIds.js

@@ -0,0 +1,9 @@
+import * as React from "react";
+const ChatContainerHeaderDataTestIds = {
+  HEADER_TITLE: "chat-header-title",
+  HEADER_CHILDREN: "chat-header-children"
+};
+export {
+  ChatContainerHeaderDataTestIds
+};
+//# sourceMappingURL=ChatContainerHeaderDataTestIds.js.map

package/dist/esm/ChatContainerHeaderDataTestIds.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ChatContainerHeaderDataTestIds.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const ChatContainerHeaderDataTestIds = {\n  HEADER_TITLE: 'chat-header-title',\n  HEADER_CHILDREN: 'chat-header-children',\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,iCAAiC;AAAA,EAC5C,cAAc;AAAA,EACd,iBAAiB;AACnB;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { ChatContainerHeader, ChatContainerHeaderWithSchema } from "./ChatContainerHeader";
+import { ChatContainerHeaderDataTestIds } from "./ChatContainerHeaderDataTestIds";
+export {
+  ChatContainerHeader,
+  ChatContainerHeaderDataTestIds,
+  ChatContainerHeaderWithSchema
+};
+//# 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 { ChatContainerHeader, ChatContainerHeaderWithSchema } from './ChatContainerHeader';\nexport { ChatContainerHeaderDataTestIds } from './ChatContainerHeaderDataTestIds';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,qBAAqB,qCAAqC;AACnE,SAAS,sCAAsC;",
+  "names": []
+}

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

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { PropTypes } from "@elliemae/ds-utilities";
+const propTypes = {
+  title: PropTypes.string.isRequired.description(`Card's title`),
+  children: PropTypes.node.description("Childrens")
+};
+export {
+  propTypes
+};
+//# 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 React from 'react';\nimport { PropTypes } from '@elliemae/ds-utilities';\n\nexport declare namespace DSChatContainerHeaderT {\n  export interface RequiredProps {\n    title: string;\n  }\n\n  export interface OptionalProps {\n    children?: React.ReactChild;\n  }\n\n  export interface Props extends RequiredProps, OptionalProps {}\n}\n\nexport const propTypes = {\n  title: PropTypes.string.isRequired.description(`Card's title`),\n  children: PropTypes.node.description('Childrens'),\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,iBAAiB;AAcnB,MAAM,YAAY;AAAA,EACvB,OAAO,UAAU,OAAO,WAAW,YAAY,cAAc;AAAA,EAC7D,UAAU,UAAU,KAAK,YAAY,WAAW;AAClD;",
+  "names": []
+}

package/dist/esm/styled.js

@@ -0,0 +1,31 @@
+import * as React from "react";
+import { styled } from "@elliemae/ds-system";
+import { Grid } from "@elliemae/ds-grid";
+const StyledChatContainerContentHeaderActions = styled(Grid)`
+  max-width: 80px;
+`;
+const StyledChatContainerContentHeader = styled(Grid)`
+  width: 100%;
+  min-height: 48px;
+  border-bottom: 1px solid ${(props) => props.theme.colors.neutral["200"]};
+  background: ${(props) => props.theme.colors.neutral["050"]};
+  ${StyledChatContainerContentHeaderActions} {
+    & button {
+      background: transparent;
+    }
+  }
+`;
+const StyledChatContainerContentHeaderLabel = styled(Grid)`
+  justify-content: center;
+  align-items: center;
+  font-weight: bold;
+  font-size: 18px;
+  color: ${(props) => props.theme.colors.neutral["700"]};
+  line-height: 1.6;
+`;
+export {
+  StyledChatContainerContentHeader,
+  StyledChatContainerContentHeaderActions,
+  StyledChatContainerContentHeaderLabel
+};
+//# 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.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\n\nexport const StyledChatContainerContentHeaderActions = styled(Grid)`\n  max-width: 80px;\n`;\n\nexport const StyledChatContainerContentHeader = styled(Grid)`\n  width: 100%;\n  min-height: 48px;\n  border-bottom: 1px solid ${(props) => props.theme.colors.neutral['200']};\n  background: ${(props) => props.theme.colors.neutral['050']};\n  ${StyledChatContainerContentHeaderActions} {\n    & button {\n      background: transparent;\n    }\n  }\n`;\n\nexport const StyledChatContainerContentHeaderLabel = styled(Grid)`\n  justify-content: center;\n  align-items: center;\n  font-weight: bold;\n  font-size: 18px;\n  color: ${(props) => props.theme.colors.neutral['700']};\n  line-height: 1.6;\n`;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc;AACvB,SAAS,YAAY;AAEd,MAAM,0CAA0C,OAAO,IAAI;AAAA;AAAA;AAI3D,MAAM,mCAAmC,OAAO,IAAI;AAAA;AAAA;AAAA,6BAG9B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,gBACnD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,IAClD;AAAA;AAAA;AAAA;AAAA;AAAA;AAOG,MAAM,wCAAwC,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA,WAKrD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;",
+  "names": []
+}

package/package.json

@@ -0,0 +1,76 @@
+{
+  "name": "@elliemae/ds-chat-container-header",
+  "version": "3.6.0-next.0",
+  "license": "MIT",
+  "description": "ICE MT - Dimsum - Chat Container Header",
+  "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"
+    },
+    "./ChatContainerHeader": {
+      "import": "./dist/esm/ChatContainerHeader.js",
+      "require": "./dist/cjs/ChatContainerHeader.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-truncated-tooltip-text": "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": "node ../../scripts/build/build.js -w",
+    "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/*\""
+  }
+}