@elliemae/ds-chat-container-header 3.70.0-next.1 → 3.70.0-next.11

package/dist/esm/ChatContainerHeader.js

@@ -2,55 +2,89 @@ import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import React2 from "react";
 import { omit } from "lodash-es";
-import { describe, useValidateTypescriptPropTypes, useGetGlobalAttributes } from "@elliemae/ds-props-helpers";
-import { SimpleTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
+import {
+  describe,
+  useValidateTypescriptPropTypes,
+  useGetGlobalAttributes,
+  useMemoMergePropsWithDefault,
+  useOwnerProps
+} from "@elliemae/ds-props-helpers";
+import { TruncatedTooltipText } from "./TruncatedTooltipText.js";
 import {
   StyledChatContainerContentHeader,
   StyledChatContainerContentHeaderLabel,
   StyledChatContainerContentHeaderActions
 } from "./styled.js";
-import { propTypes } from "./react-desc-prop-types.js";
-import { ChatContainerHeaderDataTestIds } from "./ChatContainerHeaderDataTestIds.js";
-import { DSChatContainerHeaderName } from "./DSChatContainerHeaderDefinitions.js";
+import { defaultProps, propTypes } from "./react-desc-prop-types.js";
+import { CHAT_CONTAINER_HEADER_DATA_TESTID, DSChatContainerHeaderName } from "./constants/index.js";
 const ChatContainerHeader = (props) => {
-  useValidateTypescriptPropTypes(props, propTypes, DSChatContainerHeaderName);
-  const globalProps = omit(useGetGlobalAttributes(props), [
+  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
+  useValidateTypescriptPropTypes(propsWithDefault, propTypes, DSChatContainerHeaderName);
+  const globalProps = omit(useGetGlobalAttributes(propsWithDefault), [
     "cols",
     "rows",
     "wrap",
     "title"
   ]);
-  const { title, children } = props;
+  const { getOwnerProps, getOwnerPropsArguments } = useOwnerProps(propsWithDefault);
+  const { title, children, wrapText } = propsWithDefault;
   const cols = React2.useMemo(
     () => ["minmax(calc(100% - 64px), 1fr)", children ? "auto" : "0px"],
     [children]
   );
-  return /* @__PURE__ */ jsxs(StyledChatContainerContentHeader, { alignItems: "center", cols, role: "heading", "aria-level": 2, ...globalProps, 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
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsxs(
+    StyledChatContainerContentHeader,
+    {
+      alignItems: "center",
+      cols,
+      role: "heading",
+      "aria-level": 2,
+      ...globalProps,
+      getOwnerProps,
+      getOwnerPropsArguments,
+      children: [
+        /* @__PURE__ */ jsx(
+          StyledChatContainerContentHeaderLabel,
+          {
+            "data-testid": CHAT_CONTAINER_HEADER_DATA_TESTID.HEADER_TITLE,
+            pl: "xxs",
+            pr: "xxs",
+            $wrapText: wrapText,
+            getOwnerProps,
+            getOwnerPropsArguments,
+            children: wrapText ? title : /* @__PURE__ */ jsx(
+              TruncatedTooltipText,
+              {
+                value: title,
+                getOwnerProps,
+                getOwnerPropsArguments
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          StyledChatContainerContentHeaderActions,
+          {
+            cols: React2.Children.toArray(children).filter(Boolean).map(() => "32px"),
+            justifyContent: "flex-end",
+            "data-testid": CHAT_CONTAINER_HEADER_DATA_TESTID.HEADER_CHILDREN,
+            getOwnerProps,
+            getOwnerPropsArguments,
+            children
+          }
+        )
+      ]
+    }
+  );
 };
 ChatContainerHeader.displayName = DSChatContainerHeaderName;
 const ChatContainerHeaderWithSchema = describe(ChatContainerHeader);
-ChatContainerHeaderWithSchema.propTypes = propTypes;
+const DSChatContainerHeader = ChatContainerHeader;
+const DSChatContainerHeaderWithSchema = ChatContainerHeaderWithSchema;
 export {
   ChatContainerHeader,
-  ChatContainerHeaderWithSchema
+  ChatContainerHeaderWithSchema,
+  DSChatContainerHeader,
+  DSChatContainerHeaderWithSchema
 };
 //# sourceMappingURL=ChatContainerHeader.js.map

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 React from 'react';\nimport { omit } from 'lodash-es';\nimport { describe, useValidateTypescriptPropTypes, useGetGlobalAttributes } from '@elliemae/ds-props-helpers';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { type DSGridT } from '@elliemae/ds-grid';\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 globalProps = omit(useGetGlobalAttributes<DSChatContainerHeaderT.InternalProps>(props), [\n    'cols',\n    'rows',\n    'wrap',\n    'title',\n  ]);\n  const { title, children } = props;\n  const cols = React.useMemo<DSGridT.Props['cols']>(\n    () => ['minmax(calc(100% - 64px), 1fr)', children ? 'auto' : '0px'],\n    [children],\n  );\n\n  return (\n    <StyledChatContainerContentHeader alignItems=\"center\" cols={cols} role=\"heading\" aria-level={2} {...globalProps}>\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.displayName = DSChatContainerHeaderName;\nconst ChatContainerHeaderWithSchema = describe(ChatContainerHeader);\nChatContainerHeaderWithSchema.propTypes = propTypes;\n\nexport { ChatContainerHeader, ChatContainerHeaderWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC+BnB,SAMI,KANJ;AA/BJ,OAAOA,YAAW;AAClB,SAAS,YAAY;AACrB,SAAS,UAAU,gCAAgC,8BAA8B;AACjF,SAAS,kCAAkC;AAE3C;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,KAAK,uBAA6D,KAAK,GAAG;AAAA,IAC5F;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,EAAE,OAAO,SAAS,IAAI;AAC5B,QAAM,OAAOA,OAAM;AAAA,IACjB,MAAM,CAAC,kCAAkC,WAAW,SAAS,KAAK;AAAA,IAClE,CAAC,QAAQ;AAAA,EACX;AAEA,SACE,qBAAC,oCAAiC,YAAW,UAAS,MAAY,MAAK,WAAU,cAAY,GAAI,GAAG,aAClG;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,eAAa,+BAA+B;AAAA,QAC5C,IAAG;AAAA,QACH,IAAG;AAAA,QAEH,8BAAC,8BAA2B,OAAO,OAAO;AAAA;AAAA,IAC5C;AAAA,IACA;AAAA,MAAC;AAAA;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;AAAA,IACH;AAAA,KACF;AAEJ;AAEA,oBAAoB,cAAc;AAClC,MAAM,gCAAgC,SAAS,mBAAmB;AAClE,8BAA8B,YAAY;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { omit } from 'lodash-es';\nimport {\n  describe,\n  useValidateTypescriptPropTypes,\n  useGetGlobalAttributes,\n  useMemoMergePropsWithDefault,\n  useOwnerProps,\n} from '@elliemae/ds-props-helpers';\nimport { type DSGridT } from '@elliemae/ds-grid';\nimport { TruncatedTooltipText } from './TruncatedTooltipText.js';\nimport {\n  StyledChatContainerContentHeader,\n  StyledChatContainerContentHeaderLabel,\n  StyledChatContainerContentHeaderActions,\n} from './styled.js';\nimport type { DSChatContainerHeaderT } from './react-desc-prop-types.js';\nimport { defaultProps, propTypes } from './react-desc-prop-types.js';\nimport { CHAT_CONTAINER_HEADER_DATA_TESTID, DSChatContainerHeaderName } from './constants/index.js';\n\nconst ChatContainerHeader: React.ComponentType<DSChatContainerHeaderT.Props> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSChatContainerHeaderT.InternalProps>(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, propTypes, DSChatContainerHeaderName);\n\n  // `title` is omitted from globalProps to avoid forwarding it to the DOM as the native `title`\n  // attribute (which would produce an unwanted browser tooltip on the header element).\n  const globalProps = omit(useGetGlobalAttributes<DSChatContainerHeaderT.InternalProps>(propsWithDefault), [\n    'cols',\n    'rows',\n    'wrap',\n    'title',\n  ]);\n  const { getOwnerProps, getOwnerPropsArguments } = useOwnerProps<DSChatContainerHeaderT.Props>(propsWithDefault);\n  const { title, children, wrapText } = propsWithDefault;\n  const cols = React.useMemo<DSGridT.Props['cols']>(\n    () => ['minmax(calc(100% - 64px), 1fr)', children ? 'auto' : '0px'],\n    [children],\n  );\n\n  return (\n    <StyledChatContainerContentHeader\n      alignItems=\"center\"\n      cols={cols}\n      role=\"heading\"\n      aria-level={2}\n      {...globalProps}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    >\n      <StyledChatContainerContentHeaderLabel\n        // legacy data-testid \u2014 preserved for QA/consumer compatibility, breaking change if removed\n        data-testid={CHAT_CONTAINER_HEADER_DATA_TESTID.HEADER_TITLE}\n        pl=\"xxs\"\n        pr=\"xxs\"\n        $wrapText={wrapText}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        {wrapText ? (\n          title\n        ) : (\n          <TruncatedTooltipText\n            value={title}\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          />\n        )}\n      </StyledChatContainerContentHeaderLabel>\n      <StyledChatContainerContentHeaderActions\n        cols={React.Children.toArray(children)\n          .filter(Boolean)\n          .map(() => '32px')}\n        justifyContent=\"flex-end\"\n        // legacy data-testid \u2014 preserved for QA/consumer compatibility, breaking change if removed\n        data-testid={CHAT_CONTAINER_HEADER_DATA_TESTID.HEADER_CHILDREN}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        {children}\n      </StyledChatContainerContentHeaderActions>\n    </StyledChatContainerContentHeader>\n  );\n};\n\nChatContainerHeader.displayName = DSChatContainerHeaderName;\nconst ChatContainerHeaderWithSchema = describe(ChatContainerHeader);\n\n// DS-prefixed canonical names (modern Dimsum convention) \u2014 ChatContainerHeader kept as alias for backwards compat\nconst DSChatContainerHeader = ChatContainerHeader;\nconst DSChatContainerHeaderWithSchema = ChatContainerHeaderWithSchema;\n\nexport { ChatContainerHeader, ChatContainerHeaderWithSchema, DSChatContainerHeader, DSChatContainerHeaderWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACwCnB,SAqBM,KArBN;AAxCJ,OAAOA,YAAW;AAClB,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,4BAA4B;AACrC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,cAAc,iBAAiB;AACxC,SAAS,mCAAmC,iCAAiC;AAE7E,MAAM,sBAAyE,CAAC,UAAU;AACxF,QAAM,mBAAmB,6BAAmE,OAAO,YAAY;AAC/G,iCAA+B,kBAAkB,WAAW,yBAAyB;AAIrF,QAAM,cAAc,KAAK,uBAA6D,gBAAgB,GAAG;AAAA,IACvG;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,EAAE,eAAe,uBAAuB,IAAI,cAA4C,gBAAgB;AAC9G,QAAM,EAAE,OAAO,UAAU,SAAS,IAAI;AACtC,QAAM,OAAOA,OAAM;AAAA,IACjB,MAAM,CAAC,kCAAkC,WAAW,SAAS,KAAK;AAAA,IAClE,CAAC,QAAQ;AAAA,EACX;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAW;AAAA,MACX;AAAA,MACA,MAAK;AAAA,MACL,cAAY;AAAA,MACX,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YAEC,eAAa,kCAAkC;AAAA,YAC/C,IAAG;AAAA,YACH,IAAG;AAAA,YACH,WAAW;AAAA,YACX;AAAA,YACA;AAAA,YAEC,qBACC,QAEA;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO;AAAA,gBACP;AAAA,gBACA;AAAA;AAAA,YACF;AAAA;AAAA,QAEJ;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAMA,OAAM,SAAS,QAAQ,QAAQ,EAClC,OAAO,OAAO,EACd,IAAI,MAAM,MAAM;AAAA,YACnB,gBAAe;AAAA,YAEf,eAAa,kCAAkC;AAAA,YAC/C;AAAA,YACA;AAAA,YAEC;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,oBAAoB,cAAc;AAClC,MAAM,gCAAgC,SAAS,mBAAmB;AAGlE,MAAM,wBAAwB;AAC9B,MAAM,kCAAkC;",
   "names": ["React"]
 }

package/dist/esm/TruncatedTooltipText.js

@@ -0,0 +1,92 @@
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useState } from "react";
+import { styled } from "@elliemae/ds-system";
+import {
+  useFloatingContext,
+  FloatingWrapper,
+  PopoverArrow
+} from "@elliemae/ds-floating-context";
+import { CHAT_CONTAINER_HEADER_SLOTS, DSChatContainerHeaderName } from "./constants/index.js";
+const TruncatedSpan = styled("span", {
+  name: DSChatContainerHeaderName,
+  slot: CHAT_CONTAINER_HEADER_SLOTS.TOOLTIP_TEXT
+})`
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  display: inline-block;
+  max-width: 100%;
+`;
+const TooltipContainer = styled("div", {
+  name: DSChatContainerHeaderName,
+  slot: CHAT_CONTAINER_HEADER_SLOTS.TOOLTIP_CONTAINER
+})`
+  text-align: center;
+  min-width: ${({ theme }) => theme.space.l};
+  max-width: 250px;
+  overflow-wrap: break-word;
+  word-break: break-word;
+  min-height: 30px;
+  display: grid;
+  align-items: center;
+  padding: ${({ theme }) => `${theme.space.xxs} ${theme.space.xs}`};
+  position: relative;
+  background-color: white;
+  border-radius: 2px;
+  font-size: 13px;
+  color: ${({ theme }) => theme.colors.neutral[600]};
+  pointer-events: none;
+`;
+const TruncatedTooltipText = ({
+  value = "",
+  placement = "top",
+  getOwnerProps,
+  getOwnerPropsArguments
+}) => {
+  const [showTooltip, setShowTooltip] = useState(false);
+  const { refs, floatingStyles, arrowStyles, context } = useFloatingContext({
+    placement,
+    externallyControlledIsOpen: showTooltip,
+    withoutAnimation: true
+  });
+  const handleMouseEnter = useCallback((e) => {
+    const el = e.currentTarget;
+    setShowTooltip(el.offsetWidth < el.scrollWidth);
+  }, []);
+  const handleMouseLeave = useCallback(() => {
+    setShowTooltip(false);
+  }, []);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      TruncatedSpan,
+      {
+        innerRef: refs.setReference,
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        getOwnerProps,
+        getOwnerPropsArguments,
+        children: value
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      FloatingWrapper,
+      {
+        innerRef: refs.setFloating,
+        isOpen: showTooltip,
+        floatingStyles,
+        context,
+        children: /* @__PURE__ */ jsxs(TooltipContainer, { getOwnerProps, getOwnerPropsArguments, children: [
+          value,
+          /* @__PURE__ */ jsx(PopoverArrow, { ...arrowStyles })
+        ] })
+      }
+    )
+  ] });
+};
+var TruncatedTooltipText_default = TruncatedTooltipText;
+export {
+  TruncatedTooltipText,
+  TruncatedTooltipText_default as default
+};
+//# sourceMappingURL=TruncatedTooltipText.js.map

package/dist/esm/TruncatedTooltipText.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/TruncatedTooltipText.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback, useState } from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport {\n  useFloatingContext,\n  FloatingWrapper,\n  PopoverArrow,\n  type DSHookFloatingContextT,\n} from '@elliemae/ds-floating-context';\nimport { CHAT_CONTAINER_HEADER_SLOTS, DSChatContainerHeaderName } from './constants/index.js';\n\nconst TruncatedSpan = styled('span', {\n  name: DSChatContainerHeaderName,\n  slot: CHAT_CONTAINER_HEADER_SLOTS.TOOLTIP_TEXT,\n})`\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n  display: inline-block;\n  max-width: 100%;\n`;\n\n// Matches DSTooltipV3's StyledTooltipContainer styles for visual consistency\nconst TooltipContainer = styled('div', {\n  name: DSChatContainerHeaderName,\n  slot: CHAT_CONTAINER_HEADER_SLOTS.TOOLTIP_CONTAINER,\n})`\n  text-align: center;\n  min-width: ${({ theme }) => theme.space.l};\n  max-width: 250px;\n  overflow-wrap: break-word;\n  word-break: break-word;\n  min-height: 30px;\n  display: grid;\n  align-items: center;\n  padding: ${({ theme }) => `${theme.space.xxs} ${theme.space.xs}`};\n  position: relative;\n  background-color: white;\n  border-radius: 2px;\n  font-size: 13px;\n  color: ${({ theme }) => theme.colors.neutral[600]};\n  pointer-events: none;\n`;\n\ninterface TruncatedTooltipTextProps {\n  value?: string;\n  placement?: DSHookFloatingContextT.PopperPlacementsT;\n  getOwnerProps?: () => object;\n  getOwnerPropsArguments?: () => object;\n}\n\nconst TruncatedTooltipText = ({\n  value = '',\n  placement = 'top',\n  getOwnerProps,\n  getOwnerPropsArguments,\n}: TruncatedTooltipTextProps) => {\n  const [showTooltip, setShowTooltip] = useState(false);\n\n  const { refs, floatingStyles, arrowStyles, context } = useFloatingContext({\n    placement,\n    externallyControlledIsOpen: showTooltip,\n    withoutAnimation: true,\n  });\n\n  const handleMouseEnter = useCallback((e: React.MouseEvent<HTMLSpanElement>) => {\n    const el = e.currentTarget;\n    setShowTooltip(el.offsetWidth < el.scrollWidth);\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    setShowTooltip(false);\n  }, []);\n\n  return (\n    <>\n      <TruncatedSpan\n        innerRef={refs.setReference}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        {value}\n      </TruncatedSpan>\n      <FloatingWrapper\n        innerRef={refs.setFloating}\n        isOpen={showTooltip}\n        floatingStyles={floatingStyles}\n        context={context}\n      >\n        <TooltipContainer getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n          {value}\n          <PopoverArrow {...arrowStyles} />\n        </TooltipContainer>\n      </FloatingWrapper>\n    </>\n  );\n};\n\nexport { TruncatedTooltipText };\nexport default TruncatedTooltipText;\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC0EnB,mBACE,KAeE,YAhBJ;AA1EJ,SAAgB,aAAa,gBAAgB;AAC7C,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,SAAS,6BAA6B,iCAAiC;AAEvE,MAAM,gBAAgB,OAAO,QAAQ;AAAA,EACnC,MAAM;AAAA,EACN,MAAM,4BAA4B;AACpC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASD,MAAM,mBAAmB,OAAO,OAAO;AAAA,EACrC,MAAM;AAAA,EACN,MAAM,4BAA4B;AACpC,CAAC;AAAA;AAAA,eAEc,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAO9B,CAAC,EAAE,MAAM,MAAM,GAAG,MAAM,MAAM,GAAG,IAAI,MAAM,MAAM,EAAE,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA,WAKvD,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAAA;AAWnD,MAAM,uBAAuB,CAAC;AAAA,EAC5B,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ;AAAA,EACA;AACF,MAAiC;AAC/B,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AAEpD,QAAM,EAAE,MAAM,gBAAgB,aAAa,QAAQ,IAAI,mBAAmB;AAAA,IACxE;AAAA,IACA,4BAA4B;AAAA,IAC5B,kBAAkB;AAAA,EACpB,CAAC;AAED,QAAM,mBAAmB,YAAY,CAAC,MAAyC;AAC7E,UAAM,KAAK,EAAE;AACb,mBAAe,GAAG,cAAc,GAAG,WAAW;AAAA,EAChD,GAAG,CAAC,CAAC;AAEL,QAAM,mBAAmB,YAAY,MAAM;AACzC,mBAAe,KAAK;AAAA,EACtB,GAAG,CAAC,CAAC;AAEL,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,UAAU,KAAK;AAAA,QACf,cAAc;AAAA,QACd,cAAc;AAAA,QACd;AAAA,QACA;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,UAAU,KAAK;AAAA,QACf,QAAQ;AAAA,QACR;AAAA,QACA;AAAA,QAEA,+BAAC,oBAAiB,eAA8B,wBAC7C;AAAA;AAAA,UACD,oBAAC,gBAAc,GAAG,aAAa;AAAA,WACjC;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAGA,IAAO,+BAAQ;",
+  "names": []
+}

package/dist/esm/constants/index.js

@@ -0,0 +1,24 @@
+import * as React from "react";
+import { slotObjectToDataTestIds } from "@elliemae/ds-system";
+const DSChatContainerHeaderName = "DSChatcontainerheader";
+const CHAT_CONTAINER_HEADER_SLOTS = {
+  ROOT: "root",
+  HEADER_TITLE: "header-title",
+  // legacy data-testid override applied below
+  HEADER_CHILDREN: "header-children",
+  // legacy data-testid override applied below
+  TOOLTIP_TEXT: "tooltip-text",
+  TOOLTIP_CONTAINER: "tooltip-container"
+};
+const CHAT_CONTAINER_HEADER_DATA_TESTID = {
+  ...slotObjectToDataTestIds(DSChatContainerHeaderName, CHAT_CONTAINER_HEADER_SLOTS),
+  // legacy values — preserved for QA/consumer compatibility, breaking change if removed
+  HEADER_TITLE: "chat-header-title",
+  HEADER_CHILDREN: "chat-header-children"
+};
+export {
+  CHAT_CONTAINER_HEADER_DATA_TESTID,
+  CHAT_CONTAINER_HEADER_SLOTS,
+  DSChatContainerHeaderName
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/constants/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/constants/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSChatContainerHeaderName = 'DSChatcontainerheader';\n\nexport const CHAT_CONTAINER_HEADER_SLOTS = {\n  ROOT: 'root',\n  HEADER_TITLE: 'header-title', // legacy data-testid override applied below\n  HEADER_CHILDREN: 'header-children', // legacy data-testid override applied below\n  TOOLTIP_TEXT: 'tooltip-text',\n  TOOLTIP_CONTAINER: 'tooltip-container',\n} as const;\n\nexport const CHAT_CONTAINER_HEADER_DATA_TESTID = {\n  ...slotObjectToDataTestIds(DSChatContainerHeaderName, CHAT_CONTAINER_HEADER_SLOTS),\n  // legacy values \u2014 preserved for QA/consumer compatibility, breaking change if removed\n  HEADER_TITLE: 'chat-header-title',\n  HEADER_CHILDREN: 'chat-header-children',\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AAEjC,MAAM,4BAA4B;AAElC,MAAM,8BAA8B;AAAA,EACzC,MAAM;AAAA,EACN,cAAc;AAAA;AAAA,EACd,iBAAiB;AAAA;AAAA,EACjB,cAAc;AAAA,EACd,mBAAmB;AACrB;AAEO,MAAM,oCAAoC;AAAA,EAC/C,GAAG,wBAAwB,2BAA2B,2BAA2B;AAAA;AAAA,EAEjF,cAAc;AAAA,EACd,iBAAiB;AACnB;",
+  "names": []
+}

package/dist/esm/index.js

@@ -1,9 +1,26 @@
 import * as React from "react";
-import { ChatContainerHeader, ChatContainerHeaderWithSchema } from "./ChatContainerHeader.js";
-import { ChatContainerHeaderDataTestIds } from "./ChatContainerHeaderDataTestIds.js";
+import {
+  ChatContainerHeader,
+  ChatContainerHeaderWithSchema,
+  DSChatContainerHeader,
+  DSChatContainerHeaderWithSchema
+} from "./ChatContainerHeader.js";
+import { propTypes } from "./react-desc-prop-types.js";
+import {
+  CHAT_CONTAINER_HEADER_DATA_TESTID,
+  CHAT_CONTAINER_HEADER_DATA_TESTID as CHAT_CONTAINER_HEADER_DATA_TESTID2,
+  CHAT_CONTAINER_HEADER_SLOTS,
+  DSChatContainerHeaderName
+} from "./constants/index.js";
 export {
+  CHAT_CONTAINER_HEADER_DATA_TESTID2 as CHAT_CONTAINER_HEADER_DATA_TESTID,
+  CHAT_CONTAINER_HEADER_SLOTS,
   ChatContainerHeader,
-  ChatContainerHeaderDataTestIds,
-  ChatContainerHeaderWithSchema
+  CHAT_CONTAINER_HEADER_DATA_TESTID as ChatContainerHeaderDataTestIds,
+  propTypes as ChatContainerHeaderPropTypes,
+  ChatContainerHeaderWithSchema,
+  DSChatContainerHeader,
+  DSChatContainerHeaderName,
+  DSChatContainerHeaderWithSchema
 };
 //# sourceMappingURL=index.js.map

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.js';\nexport { ChatContainerHeaderDataTestIds } from './ChatContainerHeaderDataTestIds.js';\nexport type { DSChatContainerHeaderT } from './react-desc-prop-types.js';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,qBAAqB,qCAAqC;AACnE,SAAS,sCAAsC;",
-  "names": []
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export {\n  ChatContainerHeader,\n  ChatContainerHeaderWithSchema,\n  DSChatContainerHeader,\n  DSChatContainerHeaderWithSchema,\n} from './ChatContainerHeader.js';\nexport { type DSChatContainerHeaderT, propTypes as ChatContainerHeaderPropTypes } from './react-desc-prop-types.js';\nexport {\n  CHAT_CONTAINER_HEADER_DATA_TESTID as ChatContainerHeaderDataTestIds, // LEGACY EXPORT\n  CHAT_CONTAINER_HEADER_DATA_TESTID,\n  CHAT_CONTAINER_HEADER_SLOTS,\n  DSChatContainerHeaderName,\n} from './constants/index.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAmD,iBAAoC;AACvF;AAAA,EACuC;AAAA,EACrC,qCAAAA;AAAA,EACA;AAAA,EACA;AAAA,OACK;",
+  "names": ["CHAT_CONTAINER_HEADER_DATA_TESTID"]
 }

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

@@ -1,12 +1,26 @@
 import * as React from "react";
-import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from "@elliemae/ds-props-helpers";
+import {
+  PropTypes,
+  getPropsPerSlotPropTypes,
+  globalAttributesPropTypes,
+  xstyledPropTypes
+} from "@elliemae/ds-props-helpers";
+import { CHAT_CONTAINER_HEADER_SLOTS, DSChatContainerHeaderName } from "./constants/index.js";
+const defaultProps = {
+  wrapText: false
+};
 const propTypes = {
+  ...getPropsPerSlotPropTypes(DSChatContainerHeaderName, CHAT_CONTAINER_HEADER_SLOTS),
   ...globalAttributesPropTypes,
   ...xstyledPropTypes,
-  title: PropTypes.string.isRequired.description(`Card's title`),
-  children: PropTypes.node.description("Childrens")
+  title: PropTypes.string.isRequired.description(`Header title`),
+  children: PropTypes.node.description("Children rendered in the actions area"),
+  wrapText: PropTypes.bool.description(
+    "When true, the title wraps onto multiple lines and the built-in truncation tooltip is NOT rendered. When false (default) the title is truncated with an ellipsis and a tooltip is shown on hover/focus."
+  ).defaultValue(defaultProps.wrapText)
 };
 export {
+  defaultProps,
   propTypes
 };
 //# sourceMappingURL=react-desc-prop-types.js.map

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 type { WeakValidationMap } from 'react';\nimport type React from 'react';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } 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.ReactNode;\n  }\n\n  export interface DefaultProps {}\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof OptionalProps | keyof RequiredProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof OptionalProps | keyof RequiredProps>,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const propTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  title: PropTypes.string.isRequired.description(`Card's title`),\n  children: PropTypes.node.description('Childrens'),\n} as WeakValidationMap<unknown>;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,WAAW,2BAA2B,wBAAwB;AA4BhE,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,OAAO,UAAU,OAAO,WAAW,YAAY,cAAc;AAAA,EAC7D,UAAU,UAAU,KAAK,YAAY,WAAW;AAClD;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type React from 'react';\nimport {\n  type DSPropTypesSchema,\n  type GlobalAttributesT,\n  type XstyledProps,\n  PropTypes,\n  getPropsPerSlotPropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport { CHAT_CONTAINER_HEADER_SLOTS, DSChatContainerHeaderName } from './constants/index.js';\n\nexport declare namespace DSChatContainerHeaderT {\n  // hand-written per-slot function argument map \u2014 one entry per slot in CHAT_CONTAINER_HEADER_SLOTS.\n  export type SlotFunctionArguments = {\n    dsChatcontainerheaderRoot: () => object;\n    dsChatcontainerheaderHeaderTitle: () => object;\n    dsChatcontainerheaderHeaderChildren: () => object;\n    dsChatcontainerheaderTooltipText: () => object;\n    dsChatcontainerheaderTooltipContainer: () => object;\n  };\n\n  export interface RequiredProps {\n    title: string;\n  }\n\n  export interface DefaultProps {\n    wrapText: boolean;\n  }\n\n  export interface OptionalProps\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<\n      typeof DSChatContainerHeaderName,\n      typeof CHAT_CONTAINER_HEADER_SLOTS\n    > {\n    children?: React.ReactNode;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSChatContainerHeaderT.DefaultProps = {\n  wrapText: false,\n};\n\nexport const propTypes: DSPropTypesSchema<DSChatContainerHeaderT.Props> = {\n  ...getPropsPerSlotPropTypes(DSChatContainerHeaderName, CHAT_CONTAINER_HEADER_SLOTS),\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  title: PropTypes.string.isRequired.description(`Header title`),\n  children: PropTypes.node.description('Children rendered in the actions area'),\n  wrapText: PropTypes.bool\n    .description(\n      'When true, the title wraps onto multiple lines and the built-in truncation tooltip is NOT rendered. ' +\n        'When false (default) the title is truncated with an ellipsis and a tooltip is shown on hover/focus.',\n    )\n    .defaultValue(defaultProps.wrapText),\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB;AAAA,EAIE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,6BAA6B,iCAAiC;AA2ChE,MAAM,eAAoD;AAAA,EAC/D,UAAU;AACZ;AAEO,MAAM,YAA6D;AAAA,EACxE,GAAG,yBAAyB,2BAA2B,2BAA2B;AAAA,EAClF,GAAG;AAAA,EACH,GAAG;AAAA,EACH,OAAO,UAAU,OAAO,WAAW,YAAY,cAAc;AAAA,EAC7D,UAAU,UAAU,KAAK,YAAY,uCAAuC;AAAA,EAC5E,UAAU,UAAU,KACjB;AAAA,IACC;AAAA,EAEF,EACC,aAAa,aAAa,QAAQ;AACvC;",
   "names": []
 }

package/dist/esm/styled.js

@@ -1,10 +1,19 @@
 import * as React from "react";
-import { styled } from "@elliemae/ds-system";
+import { styled, css } from "@elliemae/ds-system";
 import { Grid } from "@elliemae/ds-grid";
-const StyledChatContainerContentHeaderActions = styled(Grid)`
+import { CHAT_CONTAINER_HEADER_SLOTS, DSChatContainerHeaderName } from "./constants/index.js";
+const StyledChatContainerContentHeaderActions = styled(Grid, {
+  name: DSChatContainerHeaderName,
+  slot: CHAT_CONTAINER_HEADER_SLOTS.HEADER_CHILDREN,
+  // legacy data-testid `chat-header-children` is preserved via inline JSX data-testid
+  preserveLegacyDataTestId: true
+})`
   max-width: 80px;
 `;
-const StyledChatContainerContentHeader = styled(Grid)`
+const StyledChatContainerContentHeader = styled(Grid, {
+  name: DSChatContainerHeaderName,
+  slot: CHAT_CONTAINER_HEADER_SLOTS.ROOT
+})`
   width: 100%;
   min-height: 48px;
   border-bottom: 1px solid ${(props) => props.theme.colors.neutral["200"]};
@@ -15,13 +24,24 @@ const StyledChatContainerContentHeader = styled(Grid)`
     }
   }
 `;
-const StyledChatContainerContentHeaderLabel = styled(Grid)`
+const wrapTextLabelCss = css`
+  overflow-wrap: break-word;
+  word-break: break-word;
+  white-space: normal;
+`;
+const StyledChatContainerContentHeaderLabel = styled(Grid, {
+  name: DSChatContainerHeaderName,
+  slot: CHAT_CONTAINER_HEADER_SLOTS.HEADER_TITLE,
+  // legacy data-testid `chat-header-title` is preserved via inline JSX data-testid
+  preserveLegacyDataTestId: true
+})`
   justify-content: center;
   align-items: center;
   font-weight: 600;
   font-size: 18px;
   color: ${(props) => props.theme.colors.neutral["700"]};
   line-height: 1.6;
+  ${({ $wrapText }) => $wrapText ? wrapTextLabelCss : ""}
 `;
 export {
   StyledChatContainerContentHeader,

package/dist/esm/styled.js.map

@@ -1,7 +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, type DSGridT } from '@elliemae/ds-grid';\n\nexport const StyledChatContainerContentHeaderActions = styled(Grid)`\n  max-width: 80px;\n`;\n/* eslint-disable @typescript-eslint/no-explicit-any */\nexport const StyledChatContainerContentHeader = styled(Grid)<DSGridT.Props>`\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/* eslint-enable @typescript-eslint/no-explicit-any */\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,YAA0B;AAE5B,MAAM,0CAA0C,OAAO,IAAI;AAAA;AAAA;AAI3D,MAAM,mCAAmC,OAAO,IAAI;AAAA;AAAA;AAAA,6BAG9B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA,gBACzD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA,IACxD,uCAAuC;AAAA;AAAA;AAAA;AAAA;AAAA;AAQpC,MAAM,wCAAwC,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA,WAKrD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, css } from '@elliemae/ds-system';\nimport { Grid, type DSGridT } from '@elliemae/ds-grid';\nimport { CHAT_CONTAINER_HEADER_SLOTS, DSChatContainerHeaderName } from './constants/index.js';\n\nexport const StyledChatContainerContentHeaderActions = styled(Grid, {\n  name: DSChatContainerHeaderName,\n  slot: CHAT_CONTAINER_HEADER_SLOTS.HEADER_CHILDREN,\n  // legacy data-testid `chat-header-children` is preserved via inline JSX data-testid\n  preserveLegacyDataTestId: true,\n})`\n  max-width: 80px;\n`;\n/* eslint-disable @typescript-eslint/no-explicit-any */\nexport const StyledChatContainerContentHeader = styled(Grid, {\n  name: DSChatContainerHeaderName,\n  slot: CHAT_CONTAINER_HEADER_SLOTS.ROOT,\n})<DSGridT.Props>`\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/* eslint-enable @typescript-eslint/no-explicit-any */\n\n// When wrapText is enabled, the consumer-passed `title` is rendered directly into the label\n// instead of being wrapped by TruncatedTooltipText. We expand the label vertically and break\n// long unbroken words so a long single token cannot overflow horizontally.\nconst wrapTextLabelCss = css`\n  overflow-wrap: break-word;\n  word-break: break-word;\n  white-space: normal;\n`;\n\nexport const StyledChatContainerContentHeaderLabel = styled(Grid, {\n  name: DSChatContainerHeaderName,\n  slot: CHAT_CONTAINER_HEADER_SLOTS.HEADER_TITLE,\n  // legacy data-testid `chat-header-title` is preserved via inline JSX data-testid\n  preserveLegacyDataTestId: true,\n})<{ $wrapText?: boolean }>`\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  ${({ $wrapText }) => ($wrapText ? wrapTextLabelCss : '')}\n`;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,WAAW;AAC5B,SAAS,YAA0B;AACnC,SAAS,6BAA6B,iCAAiC;AAEhE,MAAM,0CAA0C,OAAO,MAAM;AAAA,EAClE,MAAM;AAAA,EACN,MAAM,4BAA4B;AAAA;AAAA,EAElC,0BAA0B;AAC5B,CAAC;AAAA;AAAA;AAIM,MAAM,mCAAmC,OAAO,MAAM;AAAA,EAC3D,MAAM;AAAA,EACN,MAAM,4BAA4B;AACpC,CAAC;AAAA;AAAA;AAAA,6BAG4B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA,gBACzD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA,IACxD,uCAAuC;AAAA;AAAA;AAAA;AAAA;AAAA;AAW3C,MAAM,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAMlB,MAAM,wCAAwC,OAAO,MAAM;AAAA,EAChE,MAAM;AAAA,EACN,MAAM,4BAA4B;AAAA;AAAA,EAElC,0BAA0B;AAC5B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,WAKU,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA,IAEnD,CAAC,EAAE,UAAU,MAAO,YAAY,mBAAmB,EAAG;AAAA;",
   "names": []
 }

package/dist/esm/typescript-testing/slot-props.js

@@ -0,0 +1,17 @@
+import * as React from "react";
+const SlotPropsAsObject = {
+  dsChatcontainerheaderRoot: { "aria-label": "just a typescript test" },
+  dsChatcontainerheaderHeaderTitle: { "aria-label": "just a typescript test" },
+  dsChatcontainerheaderHeaderChildren: { "aria-label": "just a typescript test" },
+  dsChatcontainerheaderTooltipText: { "aria-label": "just a typescript test" },
+  dsChatcontainerheaderTooltipContainer: { "aria-label": "just a typescript test" }
+};
+const SlotPropsAsFunctions = {
+  dsChatcontainerheaderRoot: () => ({ "aria-label": "just a typescript test" }),
+  dsChatcontainerheaderHeaderTitle: () => ({ "aria-label": "just a typescript test" }),
+  dsChatcontainerheaderHeaderChildren: () => ({ "aria-label": "just a typescript test" }),
+  dsChatcontainerheaderTooltipText: () => ({ "aria-label": "just a typescript test" }),
+  dsChatcontainerheaderTooltipContainer: () => ({ "aria-label": "just a typescript test" })
+};
+const EnsureAllSlotsExistInSlotFunctionArguments = SlotPropsAsFunctions;
+//# sourceMappingURL=slot-props.js.map

package/dist/esm/typescript-testing/slot-props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/slot-props.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { CHAT_CONTAINER_HEADER_SLOTS, DSChatContainerHeaderName } from '../constants/index.js';\nimport type { DSChatContainerHeaderT } from '../index.js';\n\n// One entry per slot \u2014 object form\nconst SlotPropsAsObject: Partial<DSChatContainerHeaderT.Props> = {\n  dsChatcontainerheaderRoot: { 'aria-label': 'just a typescript test' },\n  dsChatcontainerheaderHeaderTitle: { 'aria-label': 'just a typescript test' },\n  dsChatcontainerheaderHeaderChildren: { 'aria-label': 'just a typescript test' },\n  dsChatcontainerheaderTooltipText: { 'aria-label': 'just a typescript test' },\n  dsChatcontainerheaderTooltipContainer: { 'aria-label': 'just a typescript test' },\n};\n\n// One entry per slot \u2014 function form\nconst SlotPropsAsFunctions: DSChatContainerHeaderT.SlotFunctionArguments = {\n  dsChatcontainerheaderRoot: () => ({ 'aria-label': 'just a typescript test' }),\n  dsChatcontainerheaderHeaderTitle: () => ({ 'aria-label': 'just a typescript test' }),\n  dsChatcontainerheaderHeaderChildren: () => ({ 'aria-label': 'just a typescript test' }),\n  dsChatcontainerheaderTooltipText: () => ({ 'aria-label': 'just a typescript test' }),\n  dsChatcontainerheaderTooltipContainer: () => ({ 'aria-label': 'just a typescript test' }),\n};\n\n// Exhaustiveness check \u2014 fails compilation if any slot is missing from SlotFunctionArguments\nconst EnsureAllSlotsExistInSlotFunctionArguments: Required<\n  TypescriptHelpersT.PropsForSlots<typeof DSChatContainerHeaderName, typeof CHAT_CONTAINER_HEADER_SLOTS>\n> = SlotPropsAsFunctions;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACMvB,MAAM,oBAA2D;AAAA,EAC/D,2BAA2B,EAAE,cAAc,yBAAyB;AAAA,EACpE,kCAAkC,EAAE,cAAc,yBAAyB;AAAA,EAC3E,qCAAqC,EAAE,cAAc,yBAAyB;AAAA,EAC9E,kCAAkC,EAAE,cAAc,yBAAyB;AAAA,EAC3E,uCAAuC,EAAE,cAAc,yBAAyB;AAClF;AAGA,MAAM,uBAAqE;AAAA,EACzE,2BAA2B,OAAO,EAAE,cAAc,yBAAyB;AAAA,EAC3E,kCAAkC,OAAO,EAAE,cAAc,yBAAyB;AAAA,EAClF,qCAAqC,OAAO,EAAE,cAAc,yBAAyB;AAAA,EACrF,kCAAkC,OAAO,EAAE,cAAc,yBAAyB;AAAA,EAClF,uCAAuC,OAAO,EAAE,cAAc,yBAAyB;AACzF;AAGA,MAAM,6CAEF;",
+  "names": []
+}

package/dist/esm/typescript-testing/typescript-chat-container-header-valid.js

@@ -7,21 +7,36 @@ const testRequiredProps = {
 const testOptionalProps = {
   children: /* @__PURE__ */ jsx("div", {})
 };
+const testPartialDefaults = {
+  wrapText: false
+};
 const testProps = {
   ...testRequiredProps,
-  ...testOptionalProps
+  ...testOptionalProps,
+  ...testPartialDefaults
 };
 const testPropsAsSyntax = {
   ...testRequiredProps,
-  ...testOptionalProps
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testCompleteDefaults = {
+  wrapText: false
+};
+const testInternalProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
 };
 const testExplicitDefinition = {
   title: "",
-  children: /* @__PURE__ */ jsx("div", {})
+  children: /* @__PURE__ */ jsx("div", {}),
+  wrapText: true
 };
 const testInferedTypeCompatibility = {
   title: "",
-  children: /* @__PURE__ */ jsx("div", {})
+  children: /* @__PURE__ */ jsx("div", {}),
+  wrapText: false
 };
 const testDefinitionAsConst = {
   title: "",
@@ -31,6 +46,8 @@ const ExampleUsageComponent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
   /* @__PURE__ */ jsx(ChatContainerHeader, { ...testExplicitDefinition }),
   /* @__PURE__ */ jsx(ChatContainerHeader, { ...testInferedTypeCompatibility }),
   /* @__PURE__ */ jsx(ChatContainerHeader, { ...testDefinitionAsConst }),
-  /* @__PURE__ */ jsx(ChatContainerHeader, { title: "", children: /* @__PURE__ */ jsx("div", {}) })
+  /* @__PURE__ */ jsx(ChatContainerHeader, { title: "", children: /* @__PURE__ */ jsx("div", {}) }),
+  /* @__PURE__ */ jsx(ChatContainerHeader, { title: "example", wrapText: true }),
+  /* @__PURE__ */ jsx(ChatContainerHeader, { title: "example", wrapText: false })
 ] });
 //# sourceMappingURL=typescript-chat-container-header-valid.js.map

package/dist/esm/typescript-testing/typescript-chat-container-header-valid.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-chat-container-header-valid.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport type { DSChatContainerHeaderT } from '../index.js';\nimport { ChatContainerHeader } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSChatContainerHeaderT.Props;\ntype ComponentPropsOptionalProps = DSChatContainerHeaderT.OptionalProps;\ntype ComponentPropsRequiredProps = DSChatContainerHeaderT.RequiredProps;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {\n  title: '',\n};\n\nconst testOptionalProps: ComponentPropsOptionalProps = {\n  children: <div></div>,\n};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n// Props allows for partial defaults\n\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n};\n\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n} as ComponentPropsForApp;\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  children: <div></div>,\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  children: <div></div>,\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  title: '',\n  children: <div></div>,\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <ChatContainerHeader {...testExplicitDefinition} />\n    <ChatContainerHeader {...testInferedTypeCompatibility} />\n    <ChatContainerHeader {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <ChatContainerHeader title=\"\">\n      <div></div>\n    </ChatContainerHeader>\n  </>\n);\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACcX,SAkCV,UAlCU,KAkCV,YAlCU;AAZZ,SAAS,2BAA2B;AAOpC,MAAM,oBAAiD;AAAA,EACrD,OAAO;AACT;AAEA,MAAM,oBAAiD;AAAA,EACrD,UAAU,oBAAC,SAAI;AACjB;AAKA,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,OAAO;AAAA,EACP,UAAU,oBAAC,SAAI;AACjB;AAGA,MAAM,+BAA+B;AAAA,EACnC,OAAO;AAAA,EACP,UAAU,oBAAC,SAAI;AACjB;AAEA,MAAM,wBAAwB;AAAA,EAC5B,OAAO;AAAA,EACP,UAAU,oBAAC,SAAI;AACjB;AAEA,MAAM,wBAAwB,MAC5B,iCAEE;AAAA,sBAAC,uBAAqB,GAAG,wBAAwB;AAAA,EACjD,oBAAC,uBAAqB,GAAG,8BAA8B;AAAA,EACvD,oBAAC,uBAAqB,GAAG,uBAAuB;AAAA,EAEhD,oBAAC,uBAAoB,OAAM,IACzB,8BAAC,SAAI,GACP;AAAA,GACF;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport type { DSChatContainerHeaderT } from '../index.js';\nimport { ChatContainerHeader } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSChatContainerHeaderT.Props;\ntype ComponentPropsInternals = DSChatContainerHeaderT.InternalProps;\ntype ComponentPropsDefaultProps = DSChatContainerHeaderT.DefaultProps;\ntype ComponentPropsOptionalProps = DSChatContainerHeaderT.OptionalProps;\ntype ComponentPropsRequiredProps = DSChatContainerHeaderT.RequiredProps;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {\n  title: '',\n};\n\nconst testOptionalProps: ComponentPropsOptionalProps = {\n  children: <div></div>,\n};\n\n// difference between Props and InternalProps is that InternalProps has all the default props filled in\n// Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {\n  wrapText: false,\n};\n\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\n\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  wrapText: false,\n};\n\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\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  children: <div></div>,\n  wrapText: true,\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  children: <div></div>,\n  wrapText: false,\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  title: '',\n  children: <div></div>,\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <ChatContainerHeader {...testExplicitDefinition} />\n    <ChatContainerHeader {...testInferedTypeCompatibility} />\n    <ChatContainerHeader {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <ChatContainerHeader title=\"\">\n      <div></div>\n    </ChatContainerHeader>\n    {/* wrapText accepted as a boolean and is optional */}\n    <ChatContainerHeader title=\"example\" wrapText />\n    <ChatContainerHeader title=\"example\" wrapText={false} />\n  </>\n);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACgBX,SAoDV,UApDU,KAoDV,YApDU;AAdZ,SAAS,2BAA2B;AASpC,MAAM,oBAAiD;AAAA,EACrD,OAAO;AACT;AAEA,MAAM,oBAAiD;AAAA,EACrD,UAAU,oBAAC,SAAI;AACjB;AAIA,MAAM,sBAA2D;AAAA,EAC/D,UAAU;AACZ;AAEA,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,uBAA6D;AAAA,EACjE,UAAU;AACZ;AAEA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,OAAO;AAAA,EACP,UAAU,oBAAC,SAAI;AAAA,EACf,UAAU;AACZ;AAGA,MAAM,+BAA+B;AAAA,EACnC,OAAO;AAAA,EACP,UAAU,oBAAC,SAAI;AAAA,EACf,UAAU;AACZ;AAEA,MAAM,wBAAwB;AAAA,EAC5B,OAAO;AAAA,EACP,UAAU,oBAAC,SAAI;AACjB;AAEA,MAAM,wBAAwB,MAC5B,iCAEE;AAAA,sBAAC,uBAAqB,GAAG,wBAAwB;AAAA,EACjD,oBAAC,uBAAqB,GAAG,8BAA8B;AAAA,EACvD,oBAAC,uBAAqB,GAAG,uBAAuB;AAAA,EAEhD,oBAAC,uBAAoB,OAAM,IACzB,8BAAC,SAAI,GACP;AAAA,EAEA,oBAAC,uBAAoB,OAAM,WAAU,UAAQ,MAAC;AAAA,EAC9C,oBAAC,uBAAoB,OAAM,WAAU,UAAU,OAAO;AAAA,GACxD;",
   "names": []
 }

package/dist/types/ChatContainerHeader.d.ts

@@ -2,4 +2,6 @@ import React from 'react';
 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.js").DocumentedReactComponent<DSChatContainerHeaderT.Props>;
-export { ChatContainerHeader, ChatContainerHeaderWithSchema };
+declare const DSChatContainerHeader: React.FunctionComponent<DSChatContainerHeaderT.Props>;
+declare const DSChatContainerHeaderWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSChatContainerHeaderT.Props>;
+export { ChatContainerHeader, ChatContainerHeaderWithSchema, DSChatContainerHeader, DSChatContainerHeaderWithSchema };

package/dist/types/TruncatedTooltipText.d.ts

@@ -0,0 +1,10 @@
+import { type DSHookFloatingContextT } from '@elliemae/ds-floating-context';
+interface TruncatedTooltipTextProps {
+    value?: string;
+    placement?: DSHookFloatingContextT.PopperPlacementsT;
+    getOwnerProps?: () => object;
+    getOwnerPropsArguments?: () => object;
+}
+declare const TruncatedTooltipText: ({ value, placement, getOwnerProps, getOwnerPropsArguments, }: TruncatedTooltipTextProps) => import("react/jsx-runtime.js").JSX.Element;
+export { TruncatedTooltipText };
+export default TruncatedTooltipText;

package/dist/types/constants/index.d.ts

@@ -0,0 +1,15 @@
+export declare const DSChatContainerHeaderName = "DSChatcontainerheader";
+export declare const CHAT_CONTAINER_HEADER_SLOTS: {
+    readonly ROOT: "root";
+    readonly HEADER_TITLE: "header-title";
+    readonly HEADER_CHILDREN: "header-children";
+    readonly TOOLTIP_TEXT: "tooltip-text";
+    readonly TOOLTIP_CONTAINER: "tooltip-container";
+};
+export declare const CHAT_CONTAINER_HEADER_DATA_TESTID: {
+    HEADER_TITLE: string;
+    HEADER_CHILDREN: string;
+    ROOT: "ds-chatcontainerheader-root";
+    TOOLTIP_TEXT: "ds-chatcontainerheader-tooltip-text";
+    TOOLTIP_CONTAINER: "ds-chatcontainerheader-tooltip-container";
+};

package/dist/types/index.d.ts

@@ -1,3 +1,4 @@
-export { ChatContainerHeader, ChatContainerHeaderWithSchema } from './ChatContainerHeader.js';
-export { ChatContainerHeaderDataTestIds } from './ChatContainerHeaderDataTestIds.js';
-export type { DSChatContainerHeaderT } from './react-desc-prop-types.js';
+export { ChatContainerHeader, ChatContainerHeaderWithSchema, DSChatContainerHeader, DSChatContainerHeaderWithSchema, } from './ChatContainerHeader.js';
+export { type DSChatContainerHeaderT, propTypes as ChatContainerHeaderPropTypes } from './react-desc-prop-types.js';
+export { CHAT_CONTAINER_HEADER_DATA_TESTID as ChatContainerHeaderDataTestIds, // LEGACY EXPORT
+CHAT_CONTAINER_HEADER_DATA_TESTID, CHAT_CONTAINER_HEADER_SLOTS, DSChatContainerHeaderName, } from './constants/index.js';