@elliemae/ds-chat-card 3.70.0-next.3 → 3.70.0-next.30

package/dist/esm/ChatCard.js

@@ -1,29 +1,93 @@
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from "@elliemae/ds-props-helpers";
-import { SimpleTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
+import {
+  describe,
+  useValidateTypescriptPropTypes,
+  useMemoMergePropsWithDefault,
+  useOwnerProps,
+  useGetGlobalAttributes,
+  useGetXstyledProps
+} from "@elliemae/ds-props-helpers";
+import { TruncatedTooltipText } from "./TruncatedTooltipText.js";
 import { propTypes, defaultProps } from "./react-desc-prop-types.js";
 import { Wrapper, MainContent, Title, Content, Time, RightAddon } from "./styled.js";
-import { ChatCardDataTestIds } from "./ChatCardDataTestIds.js";
-import { DSChatCardName } from "./DSChatCardDefinitions.js";
+import { CHAT_CARD_DATA_TESTID, DSChatCardName } from "./constants/index.js";
 const ChatCard = (props) => {
   const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
   useValidateTypescriptPropTypes(propsWithDefault, propTypes, DSChatCardName);
-  const { title, content, time, rightAddon } = props;
-  return /* @__PURE__ */ jsxs(Wrapper, { cols: ["1fr", "auto"], "data-testid": ChatCardDataTestIds.CARD_WRAPPER, children: [
-    /* @__PURE__ */ jsxs(MainContent, { children: [
-      /* @__PURE__ */ jsx(Title, { "data-testid": ChatCardDataTestIds.CARD_TITLE, children: title }),
-      /* @__PURE__ */ jsx(Content, { "data-testid": ChatCardDataTestIds.CARD_CONTENT, children: /* @__PURE__ */ jsx(SimpleTruncatedTooltipText, { value: content }) }),
-      time && /* @__PURE__ */ jsx(Time, { "data-testid": ChatCardDataTestIds.CARD_TIME, children: time })
-    ] }),
-    rightAddon && /* @__PURE__ */ jsx(RightAddon, { "data-testid": ChatCardDataTestIds.CARD_RIGHT_ADDON, children: rightAddon })
-  ] });
+  const globalAttrs = useGetGlobalAttributes(propsWithDefault);
+  const { wrap: wrapStripped, ...globalProps } = globalAttrs;
+  const xstyledProps = useGetXstyledProps(propsWithDefault);
+  const { getOwnerProps, getOwnerPropsArguments } = useOwnerProps(propsWithDefault);
+  const { title, content, time, rightAddon, wrapText } = propsWithDefault;
+  return /* @__PURE__ */ jsxs(
+    Wrapper,
+    {
+      ...globalProps,
+      ...xstyledProps,
+      cols: ["1fr", "auto"],
+      "data-testid": CHAT_CARD_DATA_TESTID.ROOT,
+      getOwnerProps,
+      getOwnerPropsArguments,
+      children: [
+        /* @__PURE__ */ jsxs(MainContent, { getOwnerProps, getOwnerPropsArguments, children: [
+          /* @__PURE__ */ jsx(
+            Title,
+            {
+              "data-testid": CHAT_CARD_DATA_TESTID.TITLE,
+              getOwnerProps,
+              getOwnerPropsArguments,
+              children: title
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Content,
+            {
+              "data-testid": CHAT_CARD_DATA_TESTID.CONTENT,
+              getOwnerProps,
+              getOwnerPropsArguments,
+              children: wrapText ? content : /* @__PURE__ */ jsx(
+                TruncatedTooltipText,
+                {
+                  value: content,
+                  getOwnerProps,
+                  getOwnerPropsArguments
+                }
+              )
+            }
+          ),
+          time && /* @__PURE__ */ jsx(
+            Time,
+            {
+              "data-testid": CHAT_CARD_DATA_TESTID.TIME,
+              getOwnerProps,
+              getOwnerPropsArguments,
+              children: time
+            }
+          )
+        ] }),
+        rightAddon && /* @__PURE__ */ jsx(
+          RightAddon,
+          {
+            "data-testid": CHAT_CARD_DATA_TESTID.RIGHT_ADDON,
+            getOwnerProps,
+            getOwnerPropsArguments,
+            children: rightAddon
+          }
+        )
+      ]
+    }
+  );
 };
 ChatCard.displayName = DSChatCardName;
 const ChatCardWithSchema = describe(ChatCard);
 ChatCardWithSchema.propTypes = propTypes;
+const DSChatCard = ChatCard;
+const DSChatCardWithSchema = ChatCardWithSchema;
 export {
   ChatCard,
-  ChatCardWithSchema
+  ChatCardWithSchema,
+  DSChatCard,
+  DSChatCardWithSchema
 };
 //# sourceMappingURL=ChatCard.js.map

package/dist/esm/ChatCard.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/ChatCard.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport type { DSChatCardT } from './react-desc-prop-types.js';\nimport { propTypes, defaultProps } from './react-desc-prop-types.js';\nimport { Wrapper, MainContent, Title, Content, Time, RightAddon } from './styled.js';\nimport { ChatCardDataTestIds } from './ChatCardDataTestIds.js';\nimport { DSChatCardName } from './DSChatCardDefinitions.js';\n\nconst ChatCard: React.ComponentType<DSChatCardT.Props> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSChatCardT.InternalProps>(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, propTypes, DSChatCardName);\n\n  const { title, content, time, rightAddon } = props;\n  return (\n    <Wrapper cols={['1fr', 'auto']} data-testid={ChatCardDataTestIds.CARD_WRAPPER}>\n      <MainContent>\n        <Title data-testid={ChatCardDataTestIds.CARD_TITLE}>{title}</Title>\n        <Content data-testid={ChatCardDataTestIds.CARD_CONTENT}>\n          <SimpleTruncatedTooltipText value={content} />\n        </Content>\n        {time && <Time data-testid={ChatCardDataTestIds.CARD_TIME}>{time}</Time>}\n      </MainContent>\n      {rightAddon && <RightAddon data-testid={ChatCardDataTestIds.CARD_RIGHT_ADDON}>{rightAddon}</RightAddon>}\n    </Wrapper>\n  );\n};\n\nChatCard.displayName = DSChatCardName;\nconst ChatCardWithSchema = describe(ChatCard);\nChatCardWithSchema.propTypes = propTypes as WeakValidationMap<unknown>;\n\nexport { ChatCard, ChatCardWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACiBjB,SACE,KADF;AAfN,SAAS,UAAU,gCAAgC,oCAAoC;AACvF,SAAS,kCAAkC;AAE3C,SAAS,WAAW,oBAAoB;AACxC,SAAS,SAAS,aAAa,OAAO,SAAS,MAAM,kBAAkB;AACvE,SAAS,2BAA2B;AACpC,SAAS,sBAAsB;AAE/B,MAAM,WAAmD,CAAC,UAAU;AAClE,QAAM,mBAAmB,6BAAwD,OAAO,YAAY;AACpG,iCAA+B,kBAAkB,WAAW,cAAc;AAE1E,QAAM,EAAE,OAAO,SAAS,MAAM,WAAW,IAAI;AAC7C,SACE,qBAAC,WAAQ,MAAM,CAAC,OAAO,MAAM,GAAG,eAAa,oBAAoB,cAC/D;AAAA,yBAAC,eACC;AAAA,0BAAC,SAAM,eAAa,oBAAoB,YAAa,iBAAM;AAAA,MAC3D,oBAAC,WAAQ,eAAa,oBAAoB,cACxC,8BAAC,8BAA2B,OAAO,SAAS,GAC9C;AAAA,MACC,QAAQ,oBAAC,QAAK,eAAa,oBAAoB,WAAY,gBAAK;AAAA,OACnE;AAAA,IACC,cAAc,oBAAC,cAAW,eAAa,oBAAoB,kBAAmB,sBAAW;AAAA,KAC5F;AAEJ;AAEA,SAAS,cAAc;AACvB,MAAM,qBAAqB,SAAS,QAAQ;AAC5C,mBAAmB,YAAY;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport {\n  describe,\n  useValidateTypescriptPropTypes,\n  useMemoMergePropsWithDefault,\n  useOwnerProps,\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n} from '@elliemae/ds-props-helpers';\nimport { TruncatedTooltipText } from './TruncatedTooltipText.js';\nimport type { DSChatCardT } from './react-desc-prop-types.js';\nimport { propTypes, defaultProps } from './react-desc-prop-types.js';\nimport { Wrapper, MainContent, Title, Content, Time, RightAddon } from './styled.js';\nimport { CHAT_CARD_DATA_TESTID, DSChatCardName } from './constants/index.js';\n\nconst ChatCard: React.ComponentType<DSChatCardT.Props> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSChatCardT.InternalProps>(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, propTypes, DSChatCardName);\n\n  const globalAttrs = useGetGlobalAttributes(propsWithDefault);\n  // strip `wrap` \u2014 Grid uses a strict literal type (`Wrap`) that collides with the generic string from globalAttributes.\n  // eslint-disable-next-line @typescript-eslint/naming-convention, @typescript-eslint/no-unused-vars\n  const { wrap: wrapStripped, ...globalProps } = globalAttrs as typeof globalAttrs & { wrap?: unknown };\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n  const { getOwnerProps, getOwnerPropsArguments } = useOwnerProps<DSChatCardT.Props>(propsWithDefault);\n\n  const { title, content, time, rightAddon, wrapText } = propsWithDefault;\n  return (\n    <Wrapper\n      {...globalProps}\n      {...xstyledProps}\n      cols={['1fr', 'auto']}\n      // legacy data-testid \u2014 preserved for QA/consumer compatibility, breaking change if removed\n      data-testid={CHAT_CARD_DATA_TESTID.ROOT}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    >\n      <MainContent getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n        <Title\n          // legacy data-testid \u2014 preserved for QA/consumer compatibility, breaking change if removed\n          data-testid={CHAT_CARD_DATA_TESTID.TITLE}\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          {title}\n        </Title>\n        <Content\n          // legacy data-testid \u2014 preserved for QA/consumer compatibility, breaking change if removed\n          data-testid={CHAT_CARD_DATA_TESTID.CONTENT}\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          {wrapText ? (\n            content\n          ) : (\n            <TruncatedTooltipText\n              value={content}\n              getOwnerProps={getOwnerProps}\n              getOwnerPropsArguments={getOwnerPropsArguments}\n            />\n          )}\n        </Content>\n        {time && (\n          <Time\n            // legacy data-testid \u2014 preserved for QA/consumer compatibility, breaking change if removed\n            data-testid={CHAT_CARD_DATA_TESTID.TIME}\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          >\n            {time}\n          </Time>\n        )}\n      </MainContent>\n      {rightAddon && (\n        <RightAddon\n          // legacy data-testid \u2014 preserved for QA/consumer compatibility, breaking change if removed\n          data-testid={CHAT_CARD_DATA_TESTID.RIGHT_ADDON}\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          {rightAddon}\n        </RightAddon>\n      )}\n    </Wrapper>\n  );\n};\n\nChatCard.displayName = DSChatCardName;\nconst ChatCardWithSchema = describe(ChatCard);\nChatCardWithSchema.propTypes = propTypes as WeakValidationMap<unknown>;\n\n// DS-prefixed canonical names (modern Dimsum convention) \u2014 ChatCard kept as alias for backwards compat\nconst DSChatCard = ChatCard;\nconst DSChatCardWithSchema = ChatCardWithSchema;\n\nexport { ChatCard, ChatCardWithSchema, DSChatCard, DSChatCardWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACsCjB,SACE,KADF;AApCN;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,4BAA4B;AAErC,SAAS,WAAW,oBAAoB;AACxC,SAAS,SAAS,aAAa,OAAO,SAAS,MAAM,kBAAkB;AACvE,SAAS,uBAAuB,sBAAsB;AAEtD,MAAM,WAAmD,CAAC,UAAU;AAClE,QAAM,mBAAmB,6BAAwD,OAAO,YAAY;AACpG,iCAA+B,kBAAkB,WAAW,cAAc;AAE1E,QAAM,cAAc,uBAAuB,gBAAgB;AAG3D,QAAM,EAAE,MAAM,cAAc,GAAG,YAAY,IAAI;AAC/C,QAAM,eAAe,mBAAmB,gBAAgB;AACxD,QAAM,EAAE,eAAe,uBAAuB,IAAI,cAAiC,gBAAgB;AAEnG,QAAM,EAAE,OAAO,SAAS,MAAM,YAAY,SAAS,IAAI;AACvD,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,MAAM,CAAC,OAAO,MAAM;AAAA,MAEpB,eAAa,sBAAsB;AAAA,MACnC;AAAA,MACA;AAAA,MAEA;AAAA,6BAAC,eAAY,eAA8B,wBACzC;AAAA;AAAA,YAAC;AAAA;AAAA,cAEC,eAAa,sBAAsB;AAAA,cACnC;AAAA,cACA;AAAA,cAEC;AAAA;AAAA,UACH;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cAEC,eAAa,sBAAsB;AAAA,cACnC;AAAA,cACA;AAAA,cAEC,qBACC,UAEA;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAO;AAAA,kBACP;AAAA,kBACA;AAAA;AAAA,cACF;AAAA;AAAA,UAEJ;AAAA,UACC,QACC;AAAA,YAAC;AAAA;AAAA,cAEC,eAAa,sBAAsB;AAAA,cACnC;AAAA,cACA;AAAA,cAEC;AAAA;AAAA,UACH;AAAA,WAEJ;AAAA,QACC,cACC;AAAA,UAAC;AAAA;AAAA,YAEC,eAAa,sBAAsB;AAAA,YACnC;AAAA,YACA;AAAA,YAEC;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,SAAS,cAAc;AACvB,MAAM,qBAAqB,SAAS,QAAQ;AAC5C,mBAAmB,YAAY;AAG/B,MAAM,aAAa;AACnB,MAAM,uBAAuB;",
   "names": []
 }

package/dist/esm/ChatCardDataTestIds.js

@@ -1,10 +1,11 @@
 import * as React from "react";
+import { CHAT_CARD_DATA_TESTID } from "./constants/index.js";
 const ChatCardDataTestIds = {
-  CARD_TITLE: "chat-card-title",
-  CARD_WRAPPER: "chat-card-wrapper",
-  CARD_TIME: "chat-card-time",
-  CARD_RIGHT_ADDON: "chat-right-addon",
-  CARD_CONTENT: "chat-card-content"
+  CARD_TITLE: CHAT_CARD_DATA_TESTID.TITLE,
+  CARD_WRAPPER: CHAT_CARD_DATA_TESTID.ROOT,
+  CARD_TIME: CHAT_CARD_DATA_TESTID.TIME,
+  CARD_RIGHT_ADDON: CHAT_CARD_DATA_TESTID.RIGHT_ADDON,
+  CARD_CONTENT: CHAT_CARD_DATA_TESTID.CONTENT
 };
 export {
   ChatCardDataTestIds

package/dist/esm/ChatCardDataTestIds.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/ChatCardDataTestIds.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const ChatCardDataTestIds = {\n  CARD_TITLE: 'chat-card-title',\n  CARD_WRAPPER: 'chat-card-wrapper',\n  CARD_TIME: 'chat-card-time',\n  CARD_RIGHT_ADDON: 'chat-right-addon',\n  CARD_CONTENT: 'chat-card-content',\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,sBAAsB;AAAA,EACjC,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,WAAW;AAAA,EACX,kBAAkB;AAAA,EAClB,cAAc;AAChB;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { CHAT_CARD_DATA_TESTID } from './constants/index.js';\n\n// Legacy export \u2014 preserved for backwards compatibility with consumers importing { ChatCardDataTestIds }.\n// New consumers should import { CHAT_CARD_DATA_TESTID } from '@elliemae/ds-chat-card' instead.\nexport const ChatCardDataTestIds = {\n  CARD_TITLE: CHAT_CARD_DATA_TESTID.TITLE,\n  CARD_WRAPPER: CHAT_CARD_DATA_TESTID.ROOT,\n  CARD_TIME: CHAT_CARD_DATA_TESTID.TIME,\n  CARD_RIGHT_ADDON: CHAT_CARD_DATA_TESTID.RIGHT_ADDON,\n  CARD_CONTENT: CHAT_CARD_DATA_TESTID.CONTENT,\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,6BAA6B;AAI/B,MAAM,sBAAsB;AAAA,EACjC,YAAY,sBAAsB;AAAA,EAClC,cAAc,sBAAsB;AAAA,EACpC,WAAW,sBAAsB;AAAA,EACjC,kBAAkB,sBAAsB;AAAA,EACxC,cAAc,sBAAsB;AACtC;",
   "names": []
 }

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_CARD_SLOTS, DSChatCardName } from "./constants/index.js";
+const TruncatedSpan = styled("span", {
+  name: DSChatCardName,
+  slot: CHAT_CARD_SLOTS.TRUNCATED_SPAN
+})`
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  display: inline-block;
+  max-width: 100%;
+`;
+const TooltipContainer = styled("div", {
+  name: DSChatCardName,
+  slot: CHAT_CARD_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_CARD_SLOTS, DSChatCardName } from './constants/index.js';\n\nconst TruncatedSpan = styled('span', {\n  name: DSChatCardName,\n  slot: CHAT_CARD_SLOTS.TRUNCATED_SPAN,\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: DSChatCardName,\n  slot: CHAT_CARD_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  // received from the parent ChatCard so the internal styled elements participate in the slot system\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;AC2EnB,mBACE,KAeE,YAhBJ;AA3EJ,SAAgB,aAAa,gBAAgB;AAC7C,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,SAAS,iBAAiB,sBAAsB;AAEhD,MAAM,gBAAgB,OAAO,QAAQ;AAAA,EACnC,MAAM;AAAA,EACN,MAAM,gBAAgB;AACxB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASD,MAAM,mBAAmB,OAAO,OAAO;AAAA,EACrC,MAAM;AAAA,EACN,MAAM,gBAAgB;AACxB,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;AAYnD,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,36 @@
+import * as React from "react";
+import { slotObjectToDataTestIds } from "@elliemae/ds-system";
+const DSChatCardName = "DSChatcard";
+const CHAT_CARD_SLOTS = {
+  ROOT: "root",
+  MAIN_CONTENT: "main-content",
+  TITLE: "title",
+  // legacy ones...
+  CONTENT: "content",
+  // legacy ones...
+  TIME: "time",
+  // legacy ones...
+  RIGHT_ADDON: "right-addon",
+  // legacy ones...
+  TRUNCATED_SPAN: "truncated-span",
+  TOOLTIP_CONTAINER: "tooltip-container"
+};
+const CHAT_CARD_DATA_TESTID = {
+  ...slotObjectToDataTestIds(DSChatCardName, CHAT_CARD_SLOTS),
+  ROOT: "chat-card-wrapper",
+  // legacy value — breaking change if removed
+  TITLE: "chat-card-title",
+  // legacy value — breaking change if removed
+  CONTENT: "chat-card-content",
+  // legacy value — breaking change if removed
+  TIME: "chat-card-time",
+  // legacy value — breaking change if removed
+  RIGHT_ADDON: "chat-right-addon"
+  // legacy value (missing `-card-` segment) — breaking change if removed
+};
+export {
+  CHAT_CARD_DATA_TESTID,
+  CHAT_CARD_SLOTS,
+  DSChatCardName
+};
+//# 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 DSChatCardName = 'DSChatcard';\n\n// we are naming this with the ${component_name}_slots convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const CHAT_CARD_SLOTS = {\n  ROOT: 'root',\n  MAIN_CONTENT: 'main-content',\n  TITLE: 'title', // legacy ones...\n  CONTENT: 'content', // legacy ones...\n  TIME: 'time', // legacy ones...\n  RIGHT_ADDON: 'right-addon', // legacy ones...\n  TRUNCATED_SPAN: 'truncated-span',\n  TOOLTIP_CONTAINER: 'tooltip-container',\n} as const;\n\n// we are naming this with the ${component_name}_data_testid convention to namespace & avoid errors on duplicate exports variables in aggregators\n// legacy data-testid values predate the slot naming convention; preserved at three layers (constants + preserveLegacyDataTestId + inline JSX) \u2014 breaking change if removed.\n// Note: RIGHT_ADDON legacy value is `chat-right-addon` (missing the `-card-` middle segment) \u2014 historical quirk, preserved as-is.\nexport const CHAT_CARD_DATA_TESTID = {\n  ...slotObjectToDataTestIds(DSChatCardName, CHAT_CARD_SLOTS),\n  ROOT: 'chat-card-wrapper', // legacy value \u2014 breaking change if removed\n  TITLE: 'chat-card-title', // legacy value \u2014 breaking change if removed\n  CONTENT: 'chat-card-content', // legacy value \u2014 breaking change if removed\n  TIME: 'chat-card-time', // legacy value \u2014 breaking change if removed\n  RIGHT_ADDON: 'chat-right-addon', // legacy value (missing `-card-` segment) \u2014 breaking change if removed\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AAEjC,MAAM,iBAAiB;AAGvB,MAAM,kBAAkB;AAAA,EAC7B,MAAM;AAAA,EACN,cAAc;AAAA,EACd,OAAO;AAAA;AAAA,EACP,SAAS;AAAA;AAAA,EACT,MAAM;AAAA;AAAA,EACN,aAAa;AAAA;AAAA,EACb,gBAAgB;AAAA,EAChB,mBAAmB;AACrB;AAKO,MAAM,wBAAwB;AAAA,EACnC,GAAG,wBAAwB,gBAAgB,eAAe;AAAA,EAC1D,MAAM;AAAA;AAAA,EACN,OAAO;AAAA;AAAA,EACP,SAAS;AAAA;AAAA,EACT,MAAM;AAAA;AAAA,EACN,aAAa;AAAA;AACf;",
+  "names": []
+}

package/dist/esm/index.js

@@ -1,9 +1,17 @@
 import * as React from "react";
-import { ChatCard, ChatCardWithSchema } from "./ChatCard.js";
+import { ChatCard, ChatCardWithSchema, DSChatCard, DSChatCardWithSchema } from "./ChatCard.js";
 import { ChatCardDataTestIds } from "./ChatCardDataTestIds.js";
+import { propTypes } from "./react-desc-prop-types.js";
+import { CHAT_CARD_DATA_TESTID, CHAT_CARD_SLOTS, DSChatCardName } from "./constants/index.js";
 export {
+  CHAT_CARD_DATA_TESTID,
+  CHAT_CARD_SLOTS,
   ChatCard,
   ChatCardDataTestIds,
-  ChatCardWithSchema
+  ChatCardWithSchema,
+  DSChatCard,
+  DSChatCardName,
+  DSChatCardWithSchema,
+  propTypes
 };
 //# 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 { ChatCard, ChatCardWithSchema } from './ChatCard.js';\nexport { ChatCardDataTestIds } from './ChatCardDataTestIds.js';\nexport type { DSChatCardT } from './react-desc-prop-types.js';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,UAAU,0BAA0B;AAC7C,SAAS,2BAA2B;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { ChatCard, ChatCardWithSchema, DSChatCard, DSChatCardWithSchema } from './ChatCard.js';\nexport { ChatCardDataTestIds } from './ChatCardDataTestIds.js'; // LEGACY EXPORT\nexport { propTypes } from './react-desc-prop-types.js';\nexport type { DSChatCardT } from './react-desc-prop-types.js';\nexport { CHAT_CARD_DATA_TESTID, CHAT_CARD_SLOTS, DSChatCardName } from './constants/index.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,UAAU,oBAAoB,YAAY,4BAA4B;AAC/E,SAAS,2BAA2B;AACpC,SAAS,iBAAiB;AAE1B,SAAS,uBAAuB,iBAAiB,sBAAsB;",
   "names": []
 }

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

@@ -1,14 +1,25 @@
 import * as React from "react";
-import { PropTypes } from "@elliemae/ds-props-helpers";
+import {
+  PropTypes,
+  getPropsPerSlotPropTypes,
+  globalAttributesPropTypes,
+  xstyledPropTypes
+} from "@elliemae/ds-props-helpers";
+import { CHAT_CARD_SLOTS, DSChatCardName } from "./constants/index.js";
 const defaultProps = {
   content: "",
-  time: ""
+  time: "",
+  wrapText: false
 };
 const propTypes = {
+  ...getPropsPerSlotPropTypes(DSChatCardName, CHAT_CARD_SLOTS),
+  ...globalAttributesPropTypes,
+  ...xstyledPropTypes,
   title: PropTypes.string.isRequired.description(`Card's title`),
-  content: PropTypes.string.description(`Card's content`),
-  time: PropTypes.string.description("Time"),
-  rightAddon: PropTypes.element.description("Right addon, badge or icon")
+  content: PropTypes.string.description(`Card's content`).defaultValue(defaultProps.content),
+  time: PropTypes.string.description("Time").defaultValue(defaultProps.time),
+  rightAddon: PropTypes.element.description("Right addon, badge or icon"),
+  wrapText: PropTypes.bool.description("When true, content wraps instead of being truncated with an ellipsis + tooltip.").defaultValue(defaultProps.wrapText)
 };
 export {
   defaultProps,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSChatCardT {\n  export interface RequiredProps {\n    title: string;\n  }\n\n  export interface DefaultProps {\n    content: string;\n    time: string;\n  }\n\n  export interface OptionalProps {\n    rightAddon?: JSX.Element;\n  }\n\n  export interface Props extends Partial<DefaultProps>, OptionalProps, RequiredProps {}\n\n  export interface InternalProps extends DefaultProps, OptionalProps, RequiredProps {}\n}\n\nexport const defaultProps: DSChatCardT.DefaultProps = {\n  content: '',\n  time: '',\n};\n\nexport const propTypes = {\n  title: PropTypes.string.isRequired.description(`Card's title`),\n  content: PropTypes.string.description(`Card's content`),\n  time: PropTypes.string.description('Time'),\n  rightAddon: PropTypes.element.description('Right addon, badge or icon'),\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAqBnB,MAAM,eAAyC;AAAA,EACpD,SAAS;AAAA,EACT,MAAM;AACR;AAEO,MAAM,YAAY;AAAA,EACvB,OAAO,UAAU,OAAO,WAAW,YAAY,cAAc;AAAA,EAC7D,SAAS,UAAU,OAAO,YAAY,gBAAgB;AAAA,EACtD,MAAM,UAAU,OAAO,YAAY,MAAM;AAAA,EACzC,YAAY,UAAU,QAAQ,YAAY,4BAA4B;AACxE;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { DSPropTypesSchema, GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\nimport {\n  PropTypes,\n  getPropsPerSlotPropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport { CHAT_CARD_SLOTS, DSChatCardName } from './constants/index.js';\n\nexport declare namespace DSChatCardT {\n  // hand-written per-slot function argument map \u2014 one entry per slot in CHAT_CARD_SLOTS\n  export type SlotFunctionArguments = {\n    dsChatcardRoot: () => object;\n    dsChatcardMainContent: () => object;\n    dsChatcardTitle: () => object;\n    dsChatcardContent: () => object;\n    dsChatcardTime: () => object;\n    dsChatcardRightAddon: () => object;\n    dsChatcardTruncatedSpan: () => object;\n    dsChatcardTooltipContainer: () => object;\n  };\n\n  export interface RequiredProps {\n    title: string;\n  }\n\n  export interface DefaultProps {\n    content: string;\n    time: string;\n    wrapText: boolean;\n  }\n\n  export interface OptionalProps\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSChatCardName, typeof CHAT_CARD_SLOTS> {\n    rightAddon?: JSX.Element;\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: DSChatCardT.DefaultProps = {\n  content: '',\n  time: '',\n  wrapText: false,\n};\n\nexport const propTypes: DSPropTypesSchema<DSChatCardT.Props> = {\n  ...getPropsPerSlotPropTypes(DSChatCardName, CHAT_CARD_SLOTS),\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  title: PropTypes.string.isRequired.description(`Card's title`),\n  content: PropTypes.string.description(`Card's content`).defaultValue(defaultProps.content),\n  time: PropTypes.string.description('Time').defaultValue(defaultProps.time),\n  rightAddon: PropTypes.element.description('Right addon, badge or icon'),\n  wrapText: PropTypes.bool\n    .description('When true, content wraps instead of being truncated with an ellipsis + tooltip.')\n    .defaultValue(defaultProps.wrapText),\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACEvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,iBAAiB,sBAAsB;AA6CzC,MAAM,eAAyC;AAAA,EACpD,SAAS;AAAA,EACT,MAAM;AAAA,EACN,UAAU;AACZ;AAEO,MAAM,YAAkD;AAAA,EAC7D,GAAG,yBAAyB,gBAAgB,eAAe;AAAA,EAC3D,GAAG;AAAA,EACH,GAAG;AAAA,EACH,OAAO,UAAU,OAAO,WAAW,YAAY,cAAc;AAAA,EAC7D,SAAS,UAAU,OAAO,YAAY,gBAAgB,EAAE,aAAa,aAAa,OAAO;AAAA,EACzF,MAAM,UAAU,OAAO,YAAY,MAAM,EAAE,aAAa,aAAa,IAAI;AAAA,EACzE,YAAY,UAAU,QAAQ,YAAY,4BAA4B;AAAA,EACtE,UAAU,UAAU,KACjB,YAAY,iFAAiF,EAC7F,aAAa,aAAa,QAAQ;AACvC;",
   "names": []
 }

package/dist/esm/styled.js

@@ -1,25 +1,49 @@
 import * as React from "react";
 import { styled } from "@elliemae/ds-system";
 import { Grid } from "@elliemae/ds-grid";
-const Wrapper = styled(Grid)`
+import { CHAT_CARD_SLOTS, DSChatCardName } from "./constants/index.js";
+const Wrapper = styled(Grid, {
+  name: DSChatCardName,
+  slot: CHAT_CARD_SLOTS.ROOT,
+  // legacy data-testid `chat-card-wrapper` is preserved via inline JSX data-testid
+  preserveLegacyDataTestId: true
+})`
   min-width: 248px;
   border: 1px;
   border-bottom: 1px solid #ccc;
   padding: 12px 12px;
 `;
-const MainContent = styled.div``;
-const Title = styled.p`
+const MainContent = styled("div", {
+  name: DSChatCardName,
+  slot: CHAT_CARD_SLOTS.MAIN_CONTENT
+})``;
+const Title = styled("p", {
+  name: DSChatCardName,
+  slot: CHAT_CARD_SLOTS.TITLE,
+  // legacy data-testid `chat-card-title` is preserved via inline JSX data-testid
+  preserveLegacyDataTestId: true
+})`
   font-size: 16px;
   font-weight: 600;
   margin: 0;
 `;
-const Content = styled.p`
+const Content = styled("p", {
+  name: DSChatCardName,
+  slot: CHAT_CARD_SLOTS.CONTENT,
+  // legacy data-testid `chat-card-content` is preserved via inline JSX data-testid
+  preserveLegacyDataTestId: true
+})`
   font-size: 12px;
   font-weight: 400;
   line-height: 1;
   margin: 0;
 `;
-const Time = styled.p`
+const Time = styled("p", {
+  name: DSChatCardName,
+  slot: CHAT_CARD_SLOTS.TIME,
+  // legacy data-testid `chat-card-time` is preserved via inline JSX data-testid
+  preserveLegacyDataTestId: true
+})`
   font-size: 12px;
   font-weight: 100;
   margin: 0;
@@ -27,7 +51,12 @@ const Time = styled.p`
   font-weight: ${(props) => props.theme.fontWeights.regular};
   color: ${(props) => props.theme.colors.neutral["500"]};
 `;
-const RightAddon = styled.div`
+const RightAddon = styled("div", {
+  name: DSChatCardName,
+  slot: CHAT_CARD_SLOTS.RIGHT_ADDON,
+  // legacy data-testid `chat-right-addon` (missing `-card-` segment) is preserved via inline JSX data-testid
+  preserveLegacyDataTestId: true
+})`
   height: fit-content;
   margin-left: 12px;
 `;

package/dist/esm/styled.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\n\nexport const Wrapper = styled(Grid)`\n  min-width: 248px;\n  border: 1px;\n  border-bottom: 1px solid #ccc;\n  padding: 12px 12px;\n`;\n\nexport const MainContent = styled.div``;\n\nexport const Title = styled.p`\n  font-size: 16px;\n  font-weight: 600;\n  margin: 0;\n`;\n\nexport const Content = styled.p`\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 1;\n  margin: 0;\n`;\n\nexport const Time = styled.p`\n  font-size: 12px;\n  font-weight: 100;\n  margin: 0;\n  margin-top: 8px;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  color: ${(props) => props.theme.colors.neutral['500']};\n`;\n\nexport const RightAddon = styled.div`\n  height: fit-content;\n  margin-left: 12px;\n`;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc;AACvB,SAAS,YAAY;AAEd,MAAM,UAAU,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAO3B,MAAM,cAAc,OAAO;AAE3B,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAMrB,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOvB,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,iBAKV,CAAC,UAAU,MAAM,MAAM,YAAY,OAAO;AAAA,WAChD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAGhD,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { CHAT_CARD_SLOTS, DSChatCardName } from './constants/index.js';\n\nexport const Wrapper = styled(Grid, {\n  name: DSChatCardName,\n  slot: CHAT_CARD_SLOTS.ROOT,\n  // legacy data-testid `chat-card-wrapper` is preserved via inline JSX data-testid\n  preserveLegacyDataTestId: true,\n})`\n  min-width: 248px;\n  border: 1px;\n  border-bottom: 1px solid #ccc;\n  padding: 12px 12px;\n`;\n\nexport const MainContent = styled('div', {\n  name: DSChatCardName,\n  slot: CHAT_CARD_SLOTS.MAIN_CONTENT,\n})``;\n\nexport const Title = styled('p', {\n  name: DSChatCardName,\n  slot: CHAT_CARD_SLOTS.TITLE,\n  // legacy data-testid `chat-card-title` is preserved via inline JSX data-testid\n  preserveLegacyDataTestId: true,\n})`\n  font-size: 16px;\n  font-weight: 600;\n  margin: 0;\n`;\n\nexport const Content = styled('p', {\n  name: DSChatCardName,\n  slot: CHAT_CARD_SLOTS.CONTENT,\n  // legacy data-testid `chat-card-content` is preserved via inline JSX data-testid\n  preserveLegacyDataTestId: true,\n})`\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 1;\n  margin: 0;\n`;\n\nexport const Time = styled('p', {\n  name: DSChatCardName,\n  slot: CHAT_CARD_SLOTS.TIME,\n  // legacy data-testid `chat-card-time` is preserved via inline JSX data-testid\n  preserveLegacyDataTestId: true,\n})`\n  font-size: 12px;\n  font-weight: 100;\n  margin: 0;\n  margin-top: 8px;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  color: ${(props) => props.theme.colors.neutral['500']};\n`;\n\nexport const RightAddon = styled('div', {\n  name: DSChatCardName,\n  slot: CHAT_CARD_SLOTS.RIGHT_ADDON,\n  // legacy data-testid `chat-right-addon` (missing `-card-` segment) is preserved via inline JSX data-testid\n  preserveLegacyDataTestId: true,\n})`\n  height: fit-content;\n  margin-left: 12px;\n`;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,iBAAiB,sBAAsB;AAEzC,MAAM,UAAU,OAAO,MAAM;AAAA,EAClC,MAAM;AAAA,EACN,MAAM,gBAAgB;AAAA;AAAA,EAEtB,0BAA0B;AAC5B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAOM,MAAM,cAAc,OAAO,OAAO;AAAA,EACvC,MAAM;AAAA,EACN,MAAM,gBAAgB;AACxB,CAAC;AAEM,MAAM,QAAQ,OAAO,KAAK;AAAA,EAC/B,MAAM;AAAA,EACN,MAAM,gBAAgB;AAAA;AAAA,EAEtB,0BAA0B;AAC5B,CAAC;AAAA;AAAA;AAAA;AAAA;AAMM,MAAM,UAAU,OAAO,KAAK;AAAA,EACjC,MAAM;AAAA,EACN,MAAM,gBAAgB;AAAA;AAAA,EAEtB,0BAA0B;AAC5B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAOM,MAAM,OAAO,OAAO,KAAK;AAAA,EAC9B,MAAM;AAAA,EACN,MAAM,gBAAgB;AAAA;AAAA,EAEtB,0BAA0B;AAC5B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,iBAKgB,CAAC,UAAU,MAAM,MAAM,YAAY,OAAO;AAAA,WAChD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAGhD,MAAM,aAAa,OAAO,OAAO;AAAA,EACtC,MAAM;AAAA,EACN,MAAM,gBAAgB;AAAA;AAAA,EAEtB,0BAA0B;AAC5B,CAAC;AAAA;AAAA;AAAA;",
   "names": []
 }

package/dist/esm/typescript-testing/typescript-chat-card-valid.js

@@ -23,7 +23,8 @@ const testPropsAsSyntax = {
 };
 const testCompleteDefaults = {
   content: "",
-  time: ""
+  time: "",
+  wrapText: false
 };
 const testInternalProps = {
   ...testRequiredProps,
@@ -39,7 +40,8 @@ const testExplicitDefinition = {
   title: "",
   content: "",
   time: "",
-  rightAddon: MockAddon()
+  rightAddon: MockAddon(),
+  wrapText: true
 };
 const testInferedTypeCompatibility = {
   title: "",

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-chat-card-valid.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { ChatCard } from '../index.js';\nimport type { DSChatCardT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSChatCardT.Props;\ntype ComponentPropsInternals = DSChatCardT.InternalProps;\ntype ComponentPropsDefaultProps = DSChatCardT.DefaultProps;\ntype ComponentPropsOptionalProps = DSChatCardT.OptionalProps;\ntype ComponentPropsRequiredProps = DSChatCardT.RequiredProps;\n\nconst MockAddon = () => <div></div>;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {\n  title: '',\n};\n\nconst testOptionalProps: ComponentPropsOptionalProps = {\n  rightAddon: MockAddon(),\n};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n// Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {\n  content: '',\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  content: '',\n  time: '',\n};\n\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\n\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  title: '',\n  content: '',\n  time: '',\n  rightAddon: MockAddon(),\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  content: '',\n  time: '',\n  rightAddon: MockAddon(),\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  title: '',\n  content: '',\n  time: '',\n  rightAddon: MockAddon(),\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <ChatCard {...testExplicitDefinition} />\n    <ChatCard {...testInferedTypeCompatibility} />\n    <ChatCard {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <ChatCard title=\"Card Title\" content=\"Card Content\" time=\"00:00 am\" rightAddon={<MockAddon />} />\n  </>\n);\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACWC,SAsEtB,UAtEsB,KAsEtB,YAtEsB;AAVxB,SAAS,gBAAgB;AAUzB,MAAM,YAAY,MAAM,oBAAC,SAAI;AAE7B,MAAM,oBAAiD;AAAA,EACrD,OAAO;AACT;AAEA,MAAM,oBAAiD;AAAA,EACrD,YAAY,UAAU;AACxB;AAIA,MAAM,sBAA2D;AAAA,EAC/D,SAAS;AACX;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,SAAS;AAAA,EACT,MAAM;AACR;AAEA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AAAA,EACN,YAAY,UAAU;AACxB;AAGA,MAAM,+BAA+B;AAAA,EACnC,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AAAA,EACN,YAAY,UAAU;AACxB;AAEA,MAAM,wBAAwB;AAAA,EAC5B,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AAAA,EACN,YAAY,UAAU;AACxB;AAEA,MAAM,wBAAwB,MAC5B,iCAEE;AAAA,sBAAC,YAAU,GAAG,wBAAwB;AAAA,EACtC,oBAAC,YAAU,GAAG,8BAA8B;AAAA,EAC5C,oBAAC,YAAU,GAAG,uBAAuB;AAAA,EAErC,oBAAC,YAAS,OAAM,cAAa,SAAQ,gBAAe,MAAK,YAAW,YAAY,oBAAC,aAAU,GAAI;AAAA,GACjG;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { ChatCard } from '../index.js';\nimport type { DSChatCardT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSChatCardT.Props;\ntype ComponentPropsInternals = DSChatCardT.InternalProps;\ntype ComponentPropsDefaultProps = DSChatCardT.DefaultProps;\ntype ComponentPropsOptionalProps = DSChatCardT.OptionalProps;\ntype ComponentPropsRequiredProps = DSChatCardT.RequiredProps;\n\nconst MockAddon = () => <div></div>;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {\n  title: '',\n};\n\nconst testOptionalProps: ComponentPropsOptionalProps = {\n  rightAddon: MockAddon(),\n};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n// Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {\n  content: '',\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  content: '',\n  time: '',\n  wrapText: false,\n};\n\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\n\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  title: '',\n  content: '',\n  time: '',\n  rightAddon: MockAddon(),\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  content: '',\n  time: '',\n  rightAddon: MockAddon(),\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  title: '',\n  content: '',\n  time: '',\n  rightAddon: MockAddon(),\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <ChatCard {...testExplicitDefinition} />\n    <ChatCard {...testInferedTypeCompatibility} />\n    <ChatCard {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <ChatCard title=\"Card Title\" content=\"Card Content\" time=\"00:00 am\" rightAddon={<MockAddon />} />\n  </>\n);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACWC,SAwEtB,UAxEsB,KAwEtB,YAxEsB;AAVxB,SAAS,gBAAgB;AAUzB,MAAM,YAAY,MAAM,oBAAC,SAAI;AAE7B,MAAM,oBAAiD;AAAA,EACrD,OAAO;AACT;AAEA,MAAM,oBAAiD;AAAA,EACrD,YAAY,UAAU;AACxB;AAIA,MAAM,sBAA2D;AAAA,EAC/D,SAAS;AACX;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,SAAS;AAAA,EACT,MAAM;AAAA,EACN,UAAU;AACZ;AAEA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AAAA,EACN,YAAY,UAAU;AAAA,EACtB,UAAU;AACZ;AAGA,MAAM,+BAA+B;AAAA,EACnC,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AAAA,EACN,YAAY,UAAU;AACxB;AAEA,MAAM,wBAAwB;AAAA,EAC5B,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AAAA,EACN,YAAY,UAAU;AACxB;AAEA,MAAM,wBAAwB,MAC5B,iCAEE;AAAA,sBAAC,YAAU,GAAG,wBAAwB;AAAA,EACtC,oBAAC,YAAU,GAAG,8BAA8B;AAAA,EAC5C,oBAAC,YAAU,GAAG,uBAAuB;AAAA,EAErC,oBAAC,YAAS,OAAM,cAAa,SAAQ,gBAAe,MAAK,YAAW,YAAY,oBAAC,aAAU,GAAI;AAAA,GACjG;",
   "names": []
 }

package/dist/types/ChatCard.d.ts

@@ -2,4 +2,6 @@ import React from 'react';
 import type { DSChatCardT } from './react-desc-prop-types.js';
 declare const ChatCard: React.ComponentType<DSChatCardT.Props>;
 declare const ChatCardWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSChatCardT.Props>;
-export { ChatCard, ChatCardWithSchema };
+declare const DSChatCard: React.FunctionComponent<DSChatCardT.Props>;
+declare const DSChatCardWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSChatCardT.Props>;
+export { ChatCard, ChatCardWithSchema, DSChatCard, DSChatCardWithSchema };

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,21 @@
+export declare const DSChatCardName = "DSChatcard";
+export declare const CHAT_CARD_SLOTS: {
+    readonly ROOT: "root";
+    readonly MAIN_CONTENT: "main-content";
+    readonly TITLE: "title";
+    readonly CONTENT: "content";
+    readonly TIME: "time";
+    readonly RIGHT_ADDON: "right-addon";
+    readonly TRUNCATED_SPAN: "truncated-span";
+    readonly TOOLTIP_CONTAINER: "tooltip-container";
+};
+export declare const CHAT_CARD_DATA_TESTID: {
+    ROOT: string;
+    TITLE: string;
+    CONTENT: string;
+    TIME: string;
+    RIGHT_ADDON: string;
+    MAIN_CONTENT: "ds-chatcard-main-content";
+    TRUNCATED_SPAN: "ds-chatcard-truncated-span";
+    TOOLTIP_CONTAINER: "ds-chatcard-tooltip-container";
+};

package/dist/types/index.d.ts

@@ -1,3 +1,5 @@
-export { ChatCard, ChatCardWithSchema } from './ChatCard.js';
+export { ChatCard, ChatCardWithSchema, DSChatCard, DSChatCardWithSchema } from './ChatCard.js';
 export { ChatCardDataTestIds } from './ChatCardDataTestIds.js';
+export { propTypes } from './react-desc-prop-types.js';
 export type { DSChatCardT } from './react-desc-prop-types.js';
+export { CHAT_CARD_DATA_TESTID, CHAT_CARD_SLOTS, DSChatCardName } from './constants/index.js';