@elliemae/ds-chat-container-header 3.16.0 → 3.16.1

package/dist/cjs/ChatContainerHeader.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   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
 ));
@@ -33,10 +37,10 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 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");
-var import_DSChatContainerHeaderDefinitions = require("./DSChatContainerHeaderDefinitions");
+var import_styled = require("./styled.js");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+var import_ChatContainerHeaderDataTestIds = require("./ChatContainerHeaderDataTestIds.js");
+var import_DSChatContainerHeaderDefinitions = require("./DSChatContainerHeaderDefinitions.js");
 const ChatContainerHeader = (props) => {
   (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(props, import_react_desc_prop_types.propTypes, import_DSChatContainerHeaderDefinitions.DSChatContainerHeaderName);
   const globalsAttr = (0, import_ds_props_helpers.useGetGlobalAttributes)(props);

package/dist/cjs/ChatContainerHeader.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/ChatContainerHeader.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport { describe, useValidateTypescriptPropTypes, useGetGlobalAttributes } from '@elliemae/ds-props-helpers';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport {\n  StyledChatContainerContentHeader,\n  StyledChatContainerContentHeaderLabel,\n  StyledChatContainerContentHeaderActions,\n} from './styled';\nimport type { DSChatContainerHeaderT } from './react-desc-prop-types';\nimport { propTypes } from './react-desc-prop-types';\nimport { ChatContainerHeaderDataTestIds } from './ChatContainerHeaderDataTestIds';\nimport { DSChatContainerHeaderName } from './DSChatContainerHeaderDefinitions';\n\nconst ChatContainerHeader: React.ComponentType<DSChatContainerHeaderT.Props> = (props) => {\n  useValidateTypescriptPropTypes(props, propTypes, DSChatContainerHeaderName);\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 = DSChatContainerHeaderName;\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;ADsBnB;AArBJ,mBAAkB;AAClB,8BAAiF;AACjF,uCAA2C;AAC3C,oBAIO;AAEP,mCAA0B;AAC1B,4CAA+C;AAC/C,8CAA0C;AAE1C,MAAM,sBAAyE,CAAC,UAAU;AACxF,8DAA+B,OAAO,wCAAW,iEAAyB;AAE1E,QAAM,kBAAc,gDAAuB,KAAK;AAEhD,QAAM,EAAE,OAAO,SAAS,IAAI;AAE5B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAW;AAAA,MACX,MAAM,CAAC,kCAAkC,WAAW,SAAS,KAAK;AAAA,MAClE,MAAK;AAAA,MACJ,GAAG;AAAA,MAEJ;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,eAAa,qEAA+B;AAAA,YAC5C,IAAG;AAAA,YACH,IAAG;AAAA,YAEH,sDAAC,+DAA2B,OAAO,OAAO;AAAA;AAAA,QAC5C;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,aAAAA,QAAM,SAAS,QAAQ,QAAQ,EAClC,OAAO,OAAO,EACd,IAAI,MAAM,MAAM;AAAA,YACnB,gBAAe;AAAA,YACf,eAAa,qEAA+B;AAAA,YAE3C;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,oBAAoB,YAAY;AAChC,oBAAoB,cAAc;AAClC,MAAM,oCAAgC,kCAAS,mBAAmB;AAClE,8BAA8B,YAAY;",
+  "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport { describe, useValidateTypescriptPropTypes, useGetGlobalAttributes } from '@elliemae/ds-props-helpers';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport {\n  StyledChatContainerContentHeader,\n  StyledChatContainerContentHeaderLabel,\n  StyledChatContainerContentHeaderActions,\n} from './styled.js';\nimport type { DSChatContainerHeaderT } from './react-desc-prop-types.js';\nimport { propTypes } from './react-desc-prop-types.js';\nimport { ChatContainerHeaderDataTestIds } from './ChatContainerHeaderDataTestIds.js';\nimport { DSChatContainerHeaderName } from './DSChatContainerHeaderDefinitions.js';\n\nconst ChatContainerHeader: React.ComponentType<DSChatContainerHeaderT.Props> = (props) => {\n  useValidateTypescriptPropTypes(props, propTypes, DSChatContainerHeaderName);\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 = DSChatContainerHeaderName;\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;ADsBnB;AArBJ,mBAAkB;AAClB,8BAAiF;AACjF,uCAA2C;AAC3C,oBAIO;AAEP,mCAA0B;AAC1B,4CAA+C;AAC/C,8CAA0C;AAE1C,MAAM,sBAAyE,CAAC,UAAU;AACxF,8DAA+B,OAAO,wCAAW,iEAAyB;AAE1E,QAAM,kBAAc,gDAAuB,KAAK;AAEhD,QAAM,EAAE,OAAO,SAAS,IAAI;AAE5B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAW;AAAA,MACX,MAAM,CAAC,kCAAkC,WAAW,SAAS,KAAK;AAAA,MAClE,MAAK;AAAA,MACJ,GAAG;AAAA,MAEJ;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,eAAa,qEAA+B;AAAA,YAC5C,IAAG;AAAA,YACH,IAAG;AAAA,YAEH,sDAAC,+DAA2B,OAAO,OAAO;AAAA;AAAA,QAC5C;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,aAAAA,QAAM,SAAS,QAAQ,QAAQ,EAClC,OAAO,OAAO,EACd,IAAI,MAAM,MAAM;AAAA,YACnB,gBAAe;AAAA,YACf,eAAa,qEAA+B;AAAA,YAE3C;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,oBAAoB,YAAY;AAChC,oBAAoB,cAAc;AAClC,MAAM,oCAAgC,kCAAS,mBAAmB;AAClE,8BAA8B,YAAY;",
   "names": ["React"]
 }

package/dist/cjs/ChatContainerHeaderDataTestIds.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   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
 ));

package/dist/cjs/ChatContainerHeaderDataTestIds.js.map

@@ -2,6 +2,6 @@
   "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;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,iCAAiC;AAAA,EAC5C,cAAc;AAAA,EACd,iBAAiB;AACnB;",
   "names": []
 }

package/dist/cjs/DSChatContainerHeaderDefinitions.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   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
 ));

package/dist/cjs/DSChatContainerHeaderDefinitions.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/DSChatContainerHeaderDefinitions.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export const DSChatContainerHeaderName = 'DSChatContainerHeader';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,4BAA4B;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,4BAA4B;",
   "names": []
 }

package/dist/cjs/index.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   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
 ));
@@ -30,6 +34,6 @@ __export(src_exports, {
 });
 module.exports = __toCommonJS(src_exports);
 var React = __toESM(require("react"));
-var import_ChatContainerHeader = require("./ChatContainerHeader");
-var import_ChatContainerHeaderDataTestIds = require("./ChatContainerHeaderDataTestIds");
+var import_ChatContainerHeader = require("./ChatContainerHeader.js");
+var import_ChatContainerHeaderDataTestIds = require("./ChatContainerHeaderDataTestIds.js");
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +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;",
+  "sourcesContent": ["export { ChatContainerHeader, ChatContainerHeaderWithSchema } from './ChatContainerHeader.js';\nexport { ChatContainerHeaderDataTestIds } from './ChatContainerHeaderDataTestIds.js';\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/package.json

@@ -0,0 +1,4 @@
+{
+  "type": "commonjs",
+  "sideEffects": false
+}

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

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   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
 ));

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/react-desc-prop-types.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import type React from 'react';\nimport { PropTypes } from '@elliemae/ds-props-helpers';\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, Record<string, unknown> {}\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,8BAA0B;AAcnB,MAAM,YAAY;AAAA,EACvB,OAAO,kCAAU,OAAO,WAAW,YAAY,cAAc;AAAA,EAC7D,UAAU,kCAAU,KAAK,YAAY,WAAW;AAClD;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,8BAA0B;AAcnB,MAAM,YAAY;AAAA,EACvB,OAAO,kCAAU,OAAO,WAAW,YAAY,cAAc;AAAA,EAC7D,UAAU,kCAAU,KAAK,YAAY,WAAW;AAClD;",
   "names": []
 }

package/dist/cjs/styled.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   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
 ));

package/dist/cjs/styled.js.map

@@ -2,6 +2,6 @@
   "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: 600;\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;",
+  "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,KAAK;AAAA,gBACxD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA,IACvD;AAAA;AAAA;AAAA;AAAA;AAAA;AAOG,MAAM,4CAAwC,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAAA,WAKrD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;",
   "names": []
 }

package/dist/esm/ChatContainerHeader.js

@@ -7,10 +7,10 @@ import {
   StyledChatContainerContentHeader,
   StyledChatContainerContentHeaderLabel,
   StyledChatContainerContentHeaderActions
-} from "./styled";
-import { propTypes } from "./react-desc-prop-types";
-import { ChatContainerHeaderDataTestIds } from "./ChatContainerHeaderDataTestIds";
-import { DSChatContainerHeaderName } from "./DSChatContainerHeaderDefinitions";
+} from "./styled.js";
+import { propTypes } from "./react-desc-prop-types.js";
+import { ChatContainerHeaderDataTestIds } from "./ChatContainerHeaderDataTestIds.js";
+import { DSChatContainerHeaderName } from "./DSChatContainerHeaderDefinitions.js";
 const ChatContainerHeader = (props) => {
   useValidateTypescriptPropTypes(props, propTypes, DSChatContainerHeaderName);
   const globalsAttr = useGetGlobalAttributes(props);

package/dist/esm/ChatContainerHeader.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ChatContainerHeader.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport { describe, useValidateTypescriptPropTypes, useGetGlobalAttributes } from '@elliemae/ds-props-helpers';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport {\n  StyledChatContainerContentHeader,\n  StyledChatContainerContentHeaderLabel,\n  StyledChatContainerContentHeaderActions,\n} from './styled';\nimport type { DSChatContainerHeaderT } from './react-desc-prop-types';\nimport { propTypes } from './react-desc-prop-types';\nimport { ChatContainerHeaderDataTestIds } from './ChatContainerHeaderDataTestIds';\nimport { DSChatContainerHeaderName } from './DSChatContainerHeaderDefinitions';\n\nconst ChatContainerHeader: React.ComponentType<DSChatContainerHeaderT.Props> = (props) => {\n  useValidateTypescriptPropTypes(props, propTypes, DSChatContainerHeaderName);\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 = DSChatContainerHeaderName;\nconst ChatContainerHeaderWithSchema = describe(ChatContainerHeader);\nChatContainerHeaderWithSchema.propTypes = propTypes as WeakValidationMap<unknown>;\n\nexport { ChatContainerHeader, ChatContainerHeaderWithSchema };\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport { describe, useValidateTypescriptPropTypes, useGetGlobalAttributes } from '@elliemae/ds-props-helpers';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport {\n  StyledChatContainerContentHeader,\n  StyledChatContainerContentHeaderLabel,\n  StyledChatContainerContentHeaderActions,\n} from './styled.js';\nimport type { DSChatContainerHeaderT } from './react-desc-prop-types.js';\nimport { propTypes } from './react-desc-prop-types.js';\nimport { ChatContainerHeaderDataTestIds } from './ChatContainerHeaderDataTestIds.js';\nimport { DSChatContainerHeaderName } from './DSChatContainerHeaderDefinitions.js';\n\nconst ChatContainerHeader: React.ComponentType<DSChatContainerHeaderT.Props> = (props) => {\n  useValidateTypescriptPropTypes(props, propTypes, DSChatContainerHeaderName);\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 = DSChatContainerHeaderName;\nconst ChatContainerHeaderWithSchema = describe(ChatContainerHeader);\nChatContainerHeaderWithSchema.propTypes = propTypes as WeakValidationMap<unknown>;\n\nexport { ChatContainerHeader, ChatContainerHeaderWithSchema };\n"],
   "mappings": "AAAA,YAAY,WAAW;ACsBnB,SAWI,KAXJ;AArBJ,OAAOA,YAAW;AAClB,SAAS,UAAU,gCAAgC,8BAA8B;AACjF,SAAS,kCAAkC;AAC3C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,iBAAiB;AAC1B,SAAS,sCAAsC;AAC/C,SAAS,iCAAiC;AAE1C,MAAM,sBAAyE,CAAC,UAAU;AACxF,iCAA+B,OAAO,WAAW,yBAAyB;AAE1E,QAAM,cAAc,uBAAuB,KAAK;AAEhD,QAAM,EAAE,OAAO,SAAS,IAAI;AAE5B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAW;AAAA,MACX,MAAM,CAAC,kCAAkC,WAAW,SAAS,KAAK;AAAA,MAClE,MAAK;AAAA,MACJ,GAAG;AAAA,MAEJ;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,eAAa,+BAA+B;AAAA,YAC5C,IAAG;AAAA,YACH,IAAG;AAAA,YAEH,8BAAC,8BAA2B,OAAO,OAAO;AAAA;AAAA,QAC5C;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAMA,OAAM,SAAS,QAAQ,QAAQ,EAClC,OAAO,OAAO,EACd,IAAI,MAAM,MAAM;AAAA,YACnB,gBAAe;AAAA,YACf,eAAa,+BAA+B;AAAA,YAE3C;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,oBAAoB,YAAY;AAChC,oBAAoB,cAAc;AAClC,MAAM,gCAAgC,SAAS,mBAAmB;AAClE,8BAA8B,YAAY;",
   "names": ["React"]
 }

package/dist/esm/index.js

@@ -1,6 +1,6 @@
 import * as React from "react";
-import { ChatContainerHeader, ChatContainerHeaderWithSchema } from "./ChatContainerHeader";
-import { ChatContainerHeaderDataTestIds } from "./ChatContainerHeaderDataTestIds";
+import { ChatContainerHeader, ChatContainerHeaderWithSchema } from "./ChatContainerHeader.js";
+import { ChatContainerHeaderDataTestIds } from "./ChatContainerHeaderDataTestIds.js";
 export {
   ChatContainerHeader,
   ChatContainerHeaderDataTestIds,

package/dist/esm/index.js.map

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

package/dist/esm/package.json

@@ -0,0 +1,4 @@
+{
+  "type": "module",
+  "sideEffects": false
+}

package/dist/esm/styled.js.map

@@ -2,6 +2,6 @@
   "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: 600;\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;",
+  "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,KAAK;AAAA,gBACxD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA,IACvD;AAAA;AAAA;AAAA;AAAA;AAAA;AAOG,MAAM,wCAAwC,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA,WAKrD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;",
   "names": []
 }

package/dist/types/ChatContainerHeader.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { DSChatContainerHeaderT } from './react-desc-prop-types';
+import type { DSChatContainerHeaderT } from './react-desc-prop-types.js';
 declare const ChatContainerHeader: React.ComponentType<DSChatContainerHeaderT.Props>;
-declare const ChatContainerHeaderWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").DocumentedReactComponent<DSChatContainerHeaderT.Props>;
+declare const ChatContainerHeaderWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSChatContainerHeaderT.Props>;
 export { ChatContainerHeader, ChatContainerHeaderWithSchema };

package/dist/types/index.d.ts

@@ -1,2 +1,2 @@
-export { ChatContainerHeader, ChatContainerHeaderWithSchema } from './ChatContainerHeader';
-export { ChatContainerHeaderDataTestIds } from './ChatContainerHeaderDataTestIds';
+export { ChatContainerHeader, ChatContainerHeaderWithSchema } from './ChatContainerHeader.js';
+export { ChatContainerHeaderDataTestIds } from './ChatContainerHeaderDataTestIds.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-chat-container-header",
-  "version": "3.16.0",
+  "version": "3.16.1",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Chat Container Header",
   "files": [
@@ -47,15 +47,15 @@
     "typeSafety": false
   },
   "dependencies": {
-    "@elliemae/ds-grid": "3.16.0",
-    "@elliemae/ds-props-helpers": "3.16.0",
-    "@elliemae/ds-system": "3.16.0",
-    "@elliemae/ds-truncated-tooltip-text": "3.16.0",
-    "@elliemae/ds-utilities": "3.16.0"
+    "@elliemae/ds-grid": "3.16.1",
+    "@elliemae/ds-props-helpers": "3.16.1",
+    "@elliemae/ds-system": "3.16.1",
+    "@elliemae/ds-truncated-tooltip-text": "3.16.1",
+    "@elliemae/ds-utilities": "3.16.1"
   },
   "devDependencies": {
     "@testing-library/react": "~12.1.3",
-    "styled-components": "~5.3.6"
+    "styled-components": "~5.3.9"
   },
   "peerDependencies": {
     "lodash": "^4.17.21",