@elliemae/ds-chat 3.5.0-rc.9 → 3.5.1-next.0

package/dist/cjs/exported-related/chat-sidebar/SideBarChat.js

@@ -29,6 +29,7 @@ __export(SideBarChat_exports, {
 });
 module.exports = __toCommonJS(SideBarChat_exports);
 var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_ds_icons = require("@elliemae/ds-icons");
@@ -41,7 +42,7 @@ const FooterChat = ({
   onFooterClose,
   onFooterExpand,
   footerButtonExtraProps
-}) => /* @__PURE__ */ import_react.default.createElement(import_SidebarButton.SidebarButton, {
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SidebarButton.SidebarButton, {
   dsId: "sidebar_footer",
   Icon: !expanded ? import_ds_icons.MenuCollapse : import_ds_icons.MenuExpand,
   onClick: expanded ? onFooterClose : onFooterExpand,
@@ -75,22 +76,27 @@ const SideBarChat = (props) => {
       actionRef.current.listRef = listRef;
     }
   }, [sidebarItems, expanded, actionRef, listRef]);
-  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledSideBarContainer, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledSideBarContainer, {
     rows: [1, "auto"],
-    ref: listRef
-  }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledSideBarButtonsContainer, null, sidebarItems.map((p) => /* @__PURE__ */ import_react.default.createElement(import_tile_button.TileButton, {
-    key: p.dsId,
-    innerRef: registerReference,
-    ...p,
-    selected: selectedItem === p.dsId,
-    tooltipPlacement,
-    disableTooltip: enableTooltipWhenIsClosed ? false : !expanded
-  }))), /* @__PURE__ */ import_react.default.createElement(FooterChat, {
-    expanded,
-    onFooterClose,
-    onFooterExpand,
-    footerButtonExtraProps
-  }));
+    ref: listRef,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledSideBarButtonsContainer, {
+        children: sidebarItems.map((p) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tile_button.TileButton, {
+          innerRef: registerReference,
+          ...p,
+          selected: selectedItem === p.dsId,
+          tooltipPlacement,
+          disableTooltip: enableTooltipWhenIsClosed ? false : !expanded
+        }, p.dsId))
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FooterChat, {
+        expanded,
+        onFooterClose,
+        onFooterExpand,
+        footerButtonExtraProps
+      })
+    ]
+  });
 };
 SideBarChat.propTypes = import_props.chatSidebarProps;
 SideBarChat.displayName = "SideBarChat";

package/dist/cjs/exported-related/chat-sidebar/SideBarChat.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/exported-related/chat-sidebar/SideBarChat.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { WeakValidationMap } from 'react';\nimport { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\nimport { MenuCollapse, MenuExpand } from '@elliemae/ds-icons';\nimport { StyledSideBarContainer, StyledSideBarButtonsContainer } from './styled';\nimport { TileButton } from '../tile-button';\nimport { SidebarButton } from './sidebar-button/SidebarButton';\nimport { ChatSidebarProps, defaultProps, chatSidebarProps } from './props';\n\nconst FooterChat = ({\n  expanded,\n  onFooterClose,\n  onFooterExpand,\n  footerButtonExtraProps,\n}: Pick<ChatSidebarProps, 'expanded' | 'onFooterClose' | 'onFooterExpand' | 'footerButtonExtraProps'>) => (\n  <SidebarButton\n    dsId=\"sidebar_footer\"\n    Icon={!expanded ? MenuCollapse : MenuExpand}\n    onClick={expanded ? onFooterClose : onFooterExpand}\n    aria-pressed={expanded}\n    aria-label={footerButtonExtraProps['aria-label']}\n  />\n);\n\nconst SideBarChat: React.ComponentType<ChatSidebarProps> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, chatSidebarProps);\n\n  const {\n    sidebarItems,\n    expanded,\n    onFooterClose,\n    onFooterExpand,\n    selectedItem,\n    footerButtonExtraProps,\n    tooltipPlacement,\n    enableTooltipWhenIsClosed,\n    actionRef,\n  } = propsWithDefault;\n  const { current: listRef } = React.useRef({});\n  const registerReference = React.useCallback(\n    (ref: HTMLElement) => {\n      if (ref) listRef[ref.dataset.key] = ref;\n    },\n    [listRef],\n  );\n  React.useEffect(() => {\n    if (actionRef.current?.listRef) {\n      actionRef.current.listRef = listRef;\n    }\n  }, [sidebarItems, expanded, actionRef, listRef]);\n\n  return (\n    <StyledSideBarContainer rows={[1, 'auto']} ref={listRef}>\n      <StyledSideBarButtonsContainer>\n        {sidebarItems.map((p) => (\n          <TileButton\n            key={p.dsId}\n            innerRef={registerReference}\n            {...p}\n            selected={selectedItem === p.dsId}\n            tooltipPlacement={tooltipPlacement}\n            disableTooltip={enableTooltipWhenIsClosed ? false : !expanded}\n          />\n        ))}\n      </StyledSideBarButtonsContainer>\n      <FooterChat\n        expanded={expanded}\n        onFooterClose={onFooterClose}\n        onFooterExpand={onFooterExpand}\n        footerButtonExtraProps={footerButtonExtraProps}\n      />\n    </StyledSideBarContainer>\n  );\n};\n\nSideBarChat.propTypes = chatSidebarProps as WeakValidationMap<unknown>;\nSideBarChat.displayName = 'SideBarChat';\nconst SideBarChatWithSchema = describe(SideBarChat);\nSideBarChatWithSchema.propTypes = chatSidebarProps as WeakValidationMap<unknown>;\n\nexport { SideBarChat, SideBarChatWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAyC;AACzC,0BAAuF;AACvF,sBAAyC;AACzC,oBAAsE;AACtE,yBAA2B;AAC3B,2BAA8B;AAC9B,mBAAiE;AAEjE,MAAM,aAAa,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE,6BAAAA,QAAA,cAAC;AAAA,EACC,MAAK;AAAA,EACL,MAAM,CAAC,WAAW,+BAAe;AAAA,EACjC,SAAS,WAAW,gBAAgB;AAAA,EACpC,gBAAc;AAAA,EACd,cAAY,uBAAuB;AAAA,CACrC;AAGF,MAAM,cAAqD,CAAC,UAAU;AACpE,QAAM,uBAAmB,kDAA6B,OAAO,yBAAY;AACzE,0DAA+B,kBAAkB,6BAAgB;AAEjE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,EAAE,SAAS,QAAQ,IAAI,aAAAA,QAAM,OAAO,CAAC,CAAC;AAC5C,QAAM,oBAAoB,aAAAA,QAAM;AAAA,IAC9B,CAAC,QAAqB;AACpB,UAAI;AAAK,gBAAQ,IAAI,QAAQ,OAAO;AAAA,IACtC;AAAA,IACA,CAAC,OAAO;AAAA,EACV;AACA,eAAAA,QAAM,UAAU,MAAM;AACpB,QAAI,UAAU,SAAS,SAAS;AAC9B,gBAAU,QAAQ,UAAU;AAAA,IAC9B;AAAA,EACF,GAAG,CAAC,cAAc,UAAU,WAAW,OAAO,CAAC;AAE/C,SACE,6BAAAA,QAAA,cAAC;AAAA,IAAuB,MAAM,CAAC,GAAG,MAAM;AAAA,IAAG,KAAK;AAAA,KAC9C,6BAAAA,QAAA,cAAC,mDACE,aAAa,IAAI,CAAC,MACjB,6BAAAA,QAAA,cAAC;AAAA,IACC,KAAK,EAAE;AAAA,IACP,UAAU;AAAA,IACT,GAAG;AAAA,IACJ,UAAU,iBAAiB,EAAE;AAAA,IAC7B;AAAA,IACA,gBAAgB,4BAA4B,QAAQ,CAAC;AAAA,GACvD,CACD,CACH,GACA,6BAAAA,QAAA,cAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,GACF,CACF;AAEJ;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,4BAAwB,8BAAS,WAAW;AAClD,sBAAsB,YAAY;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAyC;AACzC,0BAAuF;AACvF,sBAAyC;AACzC,oBAAsE;AACtE,yBAA2B;AAC3B,2BAA8B;AAC9B,mBAAiE;AAEjE,MAAM,aAAa,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE,4CAAC;AAAA,EACC,MAAK;AAAA,EACL,MAAM,CAAC,WAAW,+BAAe;AAAA,EACjC,SAAS,WAAW,gBAAgB;AAAA,EACpC,gBAAc;AAAA,EACd,cAAY,uBAAuB;AAAA,CACrC;AAGF,MAAM,cAAqD,CAAC,UAAU;AACpE,QAAM,uBAAmB,kDAA6B,OAAO,yBAAY;AACzE,0DAA+B,kBAAkB,6BAAgB;AAEjE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,EAAE,SAAS,QAAQ,IAAI,aAAAA,QAAM,OAAO,CAAC,CAAC;AAC5C,QAAM,oBAAoB,aAAAA,QAAM;AAAA,IAC9B,CAAC,QAAqB;AACpB,UAAI;AAAK,gBAAQ,IAAI,QAAQ,OAAO;AAAA,IACtC;AAAA,IACA,CAAC,OAAO;AAAA,EACV;AACA,eAAAA,QAAM,UAAU,MAAM;AACpB,QAAI,UAAU,SAAS,SAAS;AAC9B,gBAAU,QAAQ,UAAU;AAAA,IAC9B;AAAA,EACF,GAAG,CAAC,cAAc,UAAU,WAAW,OAAO,CAAC;AAE/C,SACE,6CAAC;AAAA,IAAuB,MAAM,CAAC,GAAG,MAAM;AAAA,IAAG,KAAK;AAAA,IAC9C;AAAA,kDAAC;AAAA,QACE,uBAAa,IAAI,CAAC,MACjB,4CAAC;AAAA,UAEC,UAAU;AAAA,UACT,GAAG;AAAA,UACJ,UAAU,iBAAiB,EAAE;AAAA,UAC7B;AAAA,UACA,gBAAgB,4BAA4B,QAAQ,CAAC;AAAA,WALhD,EAAE,IAMT,CACD;AAAA,OACH;AAAA,MACA,4CAAC;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,4BAAwB,8BAAS,WAAW;AAClD,sBAAsB,YAAY;",
   "names": ["React"]
 }

package/dist/cjs/exported-related/chat-sidebar/sidebar-button/SidebarButton.js

@@ -28,6 +28,7 @@ __export(SidebarButton_exports, {
 });
 module.exports = __toCommonJS(SidebarButton_exports);
 var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_styled = require("./styled");
 var import_props = require("./props");
@@ -36,17 +37,23 @@ const SidebarButton = ({ label, dsId, onClick, Icon, ...rest }) => {
     if (dsId)
       onClick(dsId);
   }, [onClick, dsId]);
-  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledSidebarButton, {
-    key: dsId,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledSidebarButton, {
     "data-testid": `sidebar-button-${dsId}`,
     onClick: handleClick,
-    ...rest
-  }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledSidebarButtonIcon, {
-    alignItems: "center",
-    justifyContent: "center"
-  }, /* @__PURE__ */ import_react.default.createElement(Icon, {
-    size: "m"
-  })), label && /* @__PURE__ */ import_react.default.createElement(import_styled.StyledSidebarButtonLabel, null, label));
+    ...rest,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledSidebarButtonIcon, {
+        alignItems: "center",
+        justifyContent: "center",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {
+          size: "m"
+        })
+      }),
+      label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledSidebarButtonLabel, {
+        children: label
+      })
+    ]
+  }, dsId);
 };
 SidebarButton.propTypes = import_props.propsSidebarButton;
 SidebarButton.defaultProps = import_props.defaultSidebarButton;

package/dist/cjs/exported-related/chat-sidebar/sidebar-button/SidebarButton.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/exported-related/chat-sidebar/sidebar-button/SidebarButton.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { StyledSidebarButton, StyledSidebarButtonLabel, StyledSidebarButtonIcon } from './styled';\nimport { propsSidebarButton, defaultSidebarButton, SidebarButtonProps } from './props';\n\nexport const SidebarButton = ({ label, dsId, onClick, Icon, ...rest }: SidebarButtonProps): JSX.Element => {\n  const handleClick = React.useCallback(() => {\n    if (dsId) onClick(dsId);\n  }, [onClick, dsId]);\n\n  return (\n    <StyledSidebarButton key={dsId} data-testid={`sidebar-button-${dsId}`} onClick={handleClick} {...rest}>\n      <StyledSidebarButtonIcon alignItems=\"center\" justifyContent=\"center\">\n        <Icon size=\"m\" />\n      </StyledSidebarButtonIcon>\n      {label && <StyledSidebarButtonLabel>{label}</StyledSidebarButtonLabel>}\n    </StyledSidebarButton>\n  );\n};\n\nSidebarButton.propTypes = propsSidebarButton;\nSidebarButton.defaultProps = defaultSidebarButton;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,oBAAuF;AACvF,mBAA6E;AAEtE,MAAM,gBAAgB,CAAC,EAAE,OAAO,MAAM,SAAS,SAAS,KAAK,MAAuC;AACzG,QAAM,cAAc,aAAAA,QAAM,YAAY,MAAM;AAC1C,QAAI;AAAM,cAAQ,IAAI;AAAA,EACxB,GAAG,CAAC,SAAS,IAAI,CAAC;AAElB,SACE,6BAAAA,QAAA,cAAC;AAAA,IAAoB,KAAK;AAAA,IAAM,eAAa,kBAAkB;AAAA,IAAQ,SAAS;AAAA,IAAc,GAAG;AAAA,KAC/F,6BAAAA,QAAA,cAAC;AAAA,IAAwB,YAAW;AAAA,IAAS,gBAAe;AAAA,KAC1D,6BAAAA,QAAA,cAAC;AAAA,IAAK,MAAK;AAAA,GAAI,CACjB,GACC,SAAS,6BAAAA,QAAA,cAAC,8CAA0B,KAAM,CAC7C;AAEJ;AAEA,cAAc,YAAY;AAC1B,cAAc,eAAe;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAkB;AAClB,oBAAuF;AACvF,mBAA6E;AAEtE,MAAM,gBAAgB,CAAC,EAAE,OAAO,MAAM,SAAS,SAAS,KAAK,MAAuC;AACzG,QAAM,cAAc,aAAAA,QAAM,YAAY,MAAM;AAC1C,QAAI;AAAM,cAAQ,IAAI;AAAA,EACxB,GAAG,CAAC,SAAS,IAAI,CAAC;AAElB,SACE,6CAAC;AAAA,IAA+B,eAAa,kBAAkB;AAAA,IAAQ,SAAS;AAAA,IAAc,GAAG;AAAA,IAC/F;AAAA,kDAAC;AAAA,QAAwB,YAAW;AAAA,QAAS,gBAAe;AAAA,QAC1D,sDAAC;AAAA,UAAK,MAAK;AAAA,SAAI;AAAA,OACjB;AAAA,MACC,SAAS,4CAAC;AAAA,QAA0B;AAAA,OAAM;AAAA;AAAA,KAJnB,IAK1B;AAEJ;AAEA,cAAc,YAAY;AAC1B,cAAc,eAAe;",
   "names": ["React"]
 }

package/dist/cjs/exported-related/floating-button/FloatingButton.js

@@ -29,7 +29,7 @@ __export(FloatingButton_exports, {
 });
 module.exports = __toCommonJS(FloatingButton_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_styled = require("./styled");
@@ -38,14 +38,15 @@ const FloatingButton = (props) => {
   const propsWithDefault = (0, import_ds_utilities.useMemoMergePropsWithDefault)(props, import_props.defaultFloatingButton);
   (0, import_ds_utilities.useValidateTypescriptPropTypes)(propsWithDefault, import_props.propsFloatingButton);
   const { onFocus, innerRef, onClick } = propsWithDefault;
-  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledFloatingButton, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledFloatingButton, {
     onFocus,
     ref: innerRef,
     "data-testid": "chat-floating-button",
-    onClick
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.Comments, {
-    size: "l"
-  }));
+    onClick,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.Comments, {
+      size: "l"
+    })
+  });
 };
 FloatingButton.propTypes = import_props.propsFloatingButton;
 FloatingButton.displayName = "FloatingButton";

package/dist/cjs/exported-related/floating-button/FloatingButton.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/exported-related/floating-button/FloatingButton.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { WeakValidationMap } from 'react';\nimport { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\n\nimport { Comments } from '@elliemae/ds-icons';\nimport { StyledFloatingButton } from './styled';\nimport { defaultFloatingButton, propsFloatingButton, FloatingButtonProps } from './props';\n\nconst FloatingButton: React.ComponentType<FloatingButtonProps> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultFloatingButton);\n  useValidateTypescriptPropTypes(propsWithDefault, propsFloatingButton);\n  const { onFocus, innerRef, onClick } = propsWithDefault;\n  return (\n    <StyledFloatingButton onFocus={onFocus} ref={innerRef} data-testid=\"chat-floating-button\" onClick={onClick}>\n      <Comments size=\"l\" />\n    </StyledFloatingButton>\n  );\n};\n\nFloatingButton.propTypes = propsFloatingButton as WeakValidationMap<unknown>;\nFloatingButton.displayName = 'FloatingButton';\nconst FloatingButtonWithSchema = describe(FloatingButton);\nFloatingButtonWithSchema.propTypes = propsFloatingButton as WeakValidationMap<unknown>;\n\nexport { FloatingButton, FloatingButtonWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAyC;AACzC,0BAAuF;AAEvF,sBAAyB;AACzB,oBAAqC;AACrC,mBAAgF;AAEhF,MAAM,iBAA2D,CAAC,UAAU;AAC1E,QAAM,uBAAmB,kDAA6B,OAAO,kCAAqB;AAClF,0DAA+B,kBAAkB,gCAAmB;AACpE,QAAM,EAAE,SAAS,UAAU,QAAQ,IAAI;AACvC,SACE,6BAAAA,QAAA,cAAC;AAAA,IAAqB;AAAA,IAAkB,KAAK;AAAA,IAAU,eAAY;AAAA,IAAuB;AAAA,KACxF,6BAAAA,QAAA,cAAC;AAAA,IAAS,MAAK;AAAA,GAAI,CACrB;AAEJ;AAEA,eAAe,YAAY;AAC3B,eAAe,cAAc;AAC7B,MAAM,+BAA2B,8BAAS,cAAc;AACxD,yBAAyB,YAAY;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,0BAAuF;AAEvF,sBAAyB;AACzB,oBAAqC;AACrC,mBAAgF;AAEhF,MAAM,iBAA2D,CAAC,UAAU;AAC1E,QAAM,uBAAmB,kDAA6B,OAAO,kCAAqB;AAClF,0DAA+B,kBAAkB,gCAAmB;AACpE,QAAM,EAAE,SAAS,UAAU,QAAQ,IAAI;AACvC,SACE,4CAAC;AAAA,IAAqB;AAAA,IAAkB,KAAK;AAAA,IAAU,eAAY;AAAA,IAAuB;AAAA,IACxF,sDAAC;AAAA,MAAS,MAAK;AAAA,KAAI;AAAA,GACrB;AAEJ;AAEA,eAAe,YAAY;AAC3B,eAAe,cAAc;AAC7B,MAAM,+BAA2B,8BAAS,cAAc;AACxD,yBAAyB,YAAY;",
+  "names": []
 }

package/dist/cjs/exported-related/grid-influencer/InfluencerContainer.js

@@ -28,16 +28,21 @@ __export(InfluencerContainer_exports, {
 });
 module.exports = __toCommonJS(InfluencerContainer_exports);
 var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_styled = require("./styled");
 var import_ChatContainer = require("../../parts/chat-container/ChatContainer");
 var import_SideBarChat = require("../chat-sidebar/SideBarChat");
 const InfluencerContainer = (props) => import_react.default.useMemo(
-  () => props.floating ? null : /* @__PURE__ */ import_react.default.createElement(import_styled.StyledChatContainer, {
+  () => props.floating ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledChatContainer, {
     cols: ["auto", props.expanded ? 1 : "0px"],
     expanded: props.expanded,
-    expandedWidth: props.expandedWidth
-  }, /* @__PURE__ */ import_react.default.createElement(import_SideBarChat.SideBarChat, null), props.expanded ? /* @__PURE__ */ import_react.default.createElement(import_ChatContainer.ChatContainer, null) : /* @__PURE__ */ import_react.default.createElement("div", null)),
+    expandedWidth: props.expandedWidth,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SideBarChat.SideBarChat, {}),
+      props.expanded ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ChatContainer.ChatContainer, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {})
+    ]
+  }),
   [props.floating, props.expanded, props.expandedWidth]
 );
 //# sourceMappingURL=InfluencerContainer.js.map

package/dist/cjs/exported-related/grid-influencer/InfluencerContainer.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/exported-related/grid-influencer/InfluencerContainer.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { StyledChatContainer } from './styled';\nimport { ChatContainer } from '../../parts/chat-container/ChatContainer';\nimport { SideBarChat } from '../chat-sidebar/SideBarChat';\n\nexport const InfluencerContainer: React.ComponentType<any> = (props) =>\n  React.useMemo(\n    () =>\n      props.floating ? null : (\n        <StyledChatContainer\n          cols={['auto', props.expanded ? 1 : '0px']}\n          expanded={props.expanded}\n          expandedWidth={props.expandedWidth}\n        >\n          <SideBarChat />\n          {props.expanded ? <ChatContainer /> : <div />}\n        </StyledChatContainer>\n      ),\n    [props.floating, props.expanded, props.expandedWidth],\n  );\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,oBAAoC;AACpC,2BAA8B;AAC9B,yBAA4B;AAErB,MAAM,sBAAgD,CAAC,UAC5D,aAAAA,QAAM;AAAA,EACJ,MACE,MAAM,WAAW,OACf,6BAAAA,QAAA,cAAC;AAAA,IACC,MAAM,CAAC,QAAQ,MAAM,WAAW,IAAI,KAAK;AAAA,IACzC,UAAU,MAAM;AAAA,IAChB,eAAe,MAAM;AAAA,KAErB,6BAAAA,QAAA,cAAC,oCAAY,GACZ,MAAM,WAAW,6BAAAA,QAAA,cAAC,wCAAc,IAAK,6BAAAA,QAAA,cAAC,WAAI,CAC7C;AAAA,EAEJ,CAAC,MAAM,UAAU,MAAM,UAAU,MAAM,aAAa;AACtD;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,mBAAkB;AAClB,oBAAoC;AACpC,2BAA8B;AAC9B,yBAA4B;AAErB,MAAM,sBAAgD,CAAC,UAC5D,aAAAA,QAAM;AAAA,EACJ,MACE,MAAM,WAAW,OACf,6CAAC;AAAA,IACC,MAAM,CAAC,QAAQ,MAAM,WAAW,IAAI,KAAK;AAAA,IACzC,UAAU,MAAM;AAAA,IAChB,eAAe,MAAM;AAAA,IAErB;AAAA,kDAAC,kCAAY;AAAA,MACZ,MAAM,WAAW,4CAAC,sCAAc,IAAK,4CAAC,SAAI;AAAA;AAAA,GAC7C;AAAA,EAEJ,CAAC,MAAM,UAAU,MAAM,UAAU,MAAM,aAAa;AACtD;",
   "names": ["React"]
 }

package/dist/cjs/exported-related/message-delimiter/MessageDelimiter.js

@@ -29,7 +29,7 @@ __export(MessageDelimiter_exports, {
 });
 module.exports = __toCommonJS(MessageDelimiter_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_styled = require("./styled");
 var import_props = require("./props");
@@ -38,14 +38,20 @@ const MessageDelimiter = (props) => {
   (0, import_ds_utilities.useValidateTypescriptPropTypes)(propsWithDefault, import_props.messageDelimiterProps);
   const globalAttrs = (0, import_ds_utilities.useGetGlobalAttributes)(propsWithDefault);
   const { title, size, verticalMargin } = propsWithDefault;
-  return /* @__PURE__ */ import_react.default.createElement(import_styled.Wrapper, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.Wrapper, {
     cols: ["1fr", "auto", "1fr"],
-    ...globalAttrs
-  }, /* @__PURE__ */ import_react.default.createElement(import_styled.Line, null), /* @__PURE__ */ import_react.default.createElement(import_styled.Text, {
-    size,
-    verticalMargin,
-    "data-testid": "chat-message-delimiter-title"
-  }, title), /* @__PURE__ */ import_react.default.createElement(import_styled.Line, null));
+    ...globalAttrs,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.Line, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.Text, {
+        size,
+        verticalMargin,
+        "data-testid": "chat-message-delimiter-title",
+        children: title
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.Line, {})
+    ]
+  });
 };
 MessageDelimiter.propTypes = import_props.messageDelimiterProps;
 MessageDelimiter.displayName = "MessageDelimiter";

package/dist/cjs/exported-related/message-delimiter/MessageDelimiter.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/exported-related/message-delimiter/MessageDelimiter.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { WeakValidationMap } from 'react';\nimport {\n  describe,\n  useGetGlobalAttributes,\n  useValidateTypescriptPropTypes,\n  useMemoMergePropsWithDefault,\n} from '@elliemae/ds-utilities';\nimport { Wrapper, Line, Text } from './styled';\nimport { defaultProps, messageDelimiterProps, MessageDelimiterProps } from './props';\n\nconst MessageDelimiter: React.ComponentType<MessageDelimiterProps> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, messageDelimiterProps);\n  const globalAttrs = useGetGlobalAttributes(propsWithDefault);\n  const { title, size, verticalMargin } = propsWithDefault;\n  return (\n    <Wrapper cols={['1fr', 'auto', '1fr']} {...globalAttrs}>\n      <Line />\n      <Text size={size} verticalMargin={verticalMargin} data-testid=\"chat-message-delimiter-title\">\n        {title}\n      </Text>\n      <Line />\n    </Wrapper>\n  );\n};\n\nMessageDelimiter.propTypes = messageDelimiterProps as WeakValidationMap<unknown>;\nMessageDelimiter.displayName = 'MessageDelimiter';\nconst MessageDelimiterWithSchema = describe(MessageDelimiter);\nMessageDelimiterWithSchema.propTypes = messageDelimiterProps as WeakValidationMap<unknown>;\n\nexport { MessageDelimiter, MessageDelimiterWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAyC;AACzC,0BAKO;AACP,oBAAoC;AACpC,mBAA2E;AAE3E,MAAM,mBAA+D,CAAC,UAAU;AAC9E,QAAM,uBAAmB,kDAA6B,OAAO,yBAAY;AACzE,0DAA+B,kBAAkB,kCAAqB;AACtE,QAAM,kBAAc,4CAAuB,gBAAgB;AAC3D,QAAM,EAAE,OAAO,MAAM,eAAe,IAAI;AACxC,SACE,6BAAAA,QAAA,cAAC;AAAA,IAAQ,MAAM,CAAC,OAAO,QAAQ,KAAK;AAAA,IAAI,GAAG;AAAA,KACzC,6BAAAA,QAAA,cAAC,wBAAK,GACN,6BAAAA,QAAA,cAAC;AAAA,IAAK;AAAA,IAAY;AAAA,IAAgC,eAAY;AAAA,KAC3D,KACH,GACA,6BAAAA,QAAA,cAAC,wBAAK,CACR;AAEJ;AAEA,iBAAiB,YAAY;AAC7B,iBAAiB,cAAc;AAC/B,MAAM,iCAA6B,8BAAS,gBAAgB;AAC5D,2BAA2B,YAAY;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,0BAKO;AACP,oBAAoC;AACpC,mBAA2E;AAE3E,MAAM,mBAA+D,CAAC,UAAU;AAC9E,QAAM,uBAAmB,kDAA6B,OAAO,yBAAY;AACzE,0DAA+B,kBAAkB,kCAAqB;AACtE,QAAM,kBAAc,4CAAuB,gBAAgB;AAC3D,QAAM,EAAE,OAAO,MAAM,eAAe,IAAI;AACxC,SACE,6CAAC;AAAA,IAAQ,MAAM,CAAC,OAAO,QAAQ,KAAK;AAAA,IAAI,GAAG;AAAA,IACzC;AAAA,kDAAC,sBAAK;AAAA,MACN,4CAAC;AAAA,QAAK;AAAA,QAAY;AAAA,QAAgC,eAAY;AAAA,QAC3D;AAAA,OACH;AAAA,MACA,4CAAC,sBAAK;AAAA;AAAA,GACR;AAEJ;AAEA,iBAAiB,YAAY;AAC7B,iBAAiB,cAAc;AAC/B,MAAM,iCAA6B,8BAAS,gBAAgB;AAC5D,2BAA2B,YAAY;",
+  "names": []
 }

package/dist/cjs/exported-related/system-message/SystemMessage.js

@@ -29,7 +29,7 @@ __export(SystemMessage_exports, {
 });
 module.exports = __toCommonJS(SystemMessage_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_style = require("./style");
 var import_props = require("./props");
@@ -37,17 +37,29 @@ const SystemMessage = (props) => {
   const propsWithDefault = (0, import_ds_utilities.useMemoMergePropsWithDefault)(props, import_props.defaultProps);
   (0, import_ds_utilities.useValidateTypescriptPropTypes)(propsWithDefault, import_props.systemMessageProps);
   const { title, time, body } = propsWithDefault;
-  return /* @__PURE__ */ import_react.default.createElement(import_style.Wrapper, {
-    rows: ["auto", "auto"]
-  }, /* @__PURE__ */ import_react.default.createElement(import_style.Header, {
-    cols: ["1fr", "auto", "1fr"]
-  }, /* @__PURE__ */ import_react.default.createElement("span", null), /* @__PURE__ */ import_react.default.createElement(import_style.Title, {
-    "data-testid": "chat-system-message-title"
-  }, title), /* @__PURE__ */ import_react.default.createElement(import_style.Time, {
-    "data-testid": "chat-system-message-time"
-  }, time)), /* @__PURE__ */ import_react.default.createElement(import_style.Message, {
-    "data-testid": "chat-system-message-body"
-  }, body));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_style.Wrapper, {
+    rows: ["auto", "auto"],
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_style.Header, {
+        cols: ["1fr", "auto", "1fr"],
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style.Title, {
+            "data-testid": "chat-system-message-title",
+            children: title
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style.Time, {
+            "data-testid": "chat-system-message-time",
+            children: time
+          })
+        ]
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style.Message, {
+        "data-testid": "chat-system-message-body",
+        children: body
+      })
+    ]
+  });
 };
 SystemMessage.propTypes = import_props.systemMessageProps;
 SystemMessage.displayName = "SystemMessage";

package/dist/cjs/exported-related/system-message/SystemMessage.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/exported-related/system-message/SystemMessage.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { WeakValidationMap } from 'react';\nimport { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\nimport { Wrapper, Header, Title, Time, Message } from './style';\nimport { SystemMessageProps, systemMessageProps, defaultProps } from './props';\n\nconst SystemMessage: React.ComponentType<SystemMessageProps> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, systemMessageProps);\n\n  const { title, time, body } = propsWithDefault;\n  return (\n    <Wrapper rows={['auto', 'auto']}>\n      <Header cols={['1fr', 'auto', '1fr']}>\n        <span />\n        <Title data-testid=\"chat-system-message-title\">{title}</Title>\n        <Time data-testid=\"chat-system-message-time\">{time}</Time>\n      </Header>\n      <Message data-testid=\"chat-system-message-body\">{body}</Message>\n    </Wrapper>\n  );\n};\n\nSystemMessage.propTypes = systemMessageProps as WeakValidationMap<unknown>;\nSystemMessage.displayName = 'SystemMessage';\nconst SystemMessageWithSchema = describe(SystemMessage);\nSystemMessageWithSchema.propTypes = systemMessageProps as WeakValidationMap<unknown>;\n\nexport { SystemMessage, SystemMessageWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAyC;AACzC,0BAAuF;AACvF,mBAAsD;AACtD,mBAAqE;AAErE,MAAM,gBAAyD,CAAC,UAAU;AACxE,QAAM,uBAAmB,kDAA6B,OAAO,yBAAY;AACzE,0DAA+B,kBAAkB,+BAAkB;AAEnE,QAAM,EAAE,OAAO,MAAM,KAAK,IAAI;AAC9B,SACE,6BAAAA,QAAA,cAAC;AAAA,IAAQ,MAAM,CAAC,QAAQ,MAAM;AAAA,KAC5B,6BAAAA,QAAA,cAAC;AAAA,IAAO,MAAM,CAAC,OAAO,QAAQ,KAAK;AAAA,KACjC,6BAAAA,QAAA,cAAC,YAAK,GACN,6BAAAA,QAAA,cAAC;AAAA,IAAM,eAAY;AAAA,KAA6B,KAAM,GACtD,6BAAAA,QAAA,cAAC;AAAA,IAAK,eAAY;AAAA,KAA4B,IAAK,CACrD,GACA,6BAAAA,QAAA,cAAC;AAAA,IAAQ,eAAY;AAAA,KAA4B,IAAK,CACxD;AAEJ;AAEA,cAAc,YAAY;AAC1B,cAAc,cAAc;AAC5B,MAAM,8BAA0B,8BAAS,aAAa;AACtD,wBAAwB,YAAY;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,0BAAuF;AACvF,mBAAsD;AACtD,mBAAqE;AAErE,MAAM,gBAAyD,CAAC,UAAU;AACxE,QAAM,uBAAmB,kDAA6B,OAAO,yBAAY;AACzE,0DAA+B,kBAAkB,+BAAkB;AAEnE,QAAM,EAAE,OAAO,MAAM,KAAK,IAAI;AAC9B,SACE,6CAAC;AAAA,IAAQ,MAAM,CAAC,QAAQ,MAAM;AAAA,IAC5B;AAAA,mDAAC;AAAA,QAAO,MAAM,CAAC,OAAO,QAAQ,KAAK;AAAA,QACjC;AAAA,sDAAC,UAAK;AAAA,UACN,4CAAC;AAAA,YAAM,eAAY;AAAA,YAA6B;AAAA,WAAM;AAAA,UACtD,4CAAC;AAAA,YAAK,eAAY;AAAA,YAA4B;AAAA,WAAK;AAAA;AAAA,OACrD;AAAA,MACA,4CAAC;AAAA,QAAQ,eAAY;AAAA,QAA4B;AAAA,OAAK;AAAA;AAAA,GACxD;AAEJ;AAEA,cAAc,YAAY;AAC1B,cAAc,cAAc;AAC5B,MAAM,8BAA0B,8BAAS,aAAa;AACtD,wBAAwB,YAAY;",
+  "names": []
 }

package/dist/cjs/exported-related/tile-button/TileButton.js

@@ -29,6 +29,7 @@ __export(TileButton_exports, {
 });
 module.exports = __toCommonJS(TileButton_exports);
 var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_ds_tooltip = require("@elliemae/ds-tooltip");
@@ -64,30 +65,41 @@ const TileButton = (props) => {
     onClick(dsId, title);
   }, [dsId, onClick, title]);
   const MainContent = import_react.default.useMemo(
-    () => /* @__PURE__ */ import_react.default.createElement(import_styled.StyledWrapperCentralContent, {
-      alignItems: isHeader ? "center" : void 0
-    }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-      width: "100%",
-      alignItems: "center",
-      justifyContent: "center"
-    }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledTileButtonIcon, {
-      alignItems: "center",
-      justifyContent: "center"
-    }, /* @__PURE__ */ import_react.default.createElement(Icon, {
-      size: "m"
-    }), badge ? /* @__PURE__ */ import_react.default.createElement(import_styled.StyledStatusBadge, {
-      badgeColor,
-      badgePosition,
-      "data-testid": `tile-badge-${dsId}`
-    }) : null)), !isHeader ? /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-      width: "100%",
-      justifyContent: "center"
-    }, label ? /* @__PURE__ */ import_react.default.createElement(import_styled.StyledTileButtonLabel, null, label) : null) : null),
+    () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledWrapperCentralContent, {
+      alignItems: isHeader ? "center" : void 0,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+          width: "100%",
+          alignItems: "center",
+          justifyContent: "center",
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledTileButtonIcon, {
+            alignItems: "center",
+            justifyContent: "center",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {
+                size: "m"
+              }),
+              badge ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledStatusBadge, {
+                badgeColor,
+                badgePosition,
+                "data-testid": `tile-badge-${dsId}`
+              }) : null
+            ]
+          })
+        }),
+        !isHeader ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+          width: "100%",
+          justifyContent: "center",
+          children: label ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledTileButtonLabel, {
+            children: label
+          }) : null
+        }) : null
+      ]
+    }),
     [isHeader, Icon, badge, dsId, badgeColor, badgePosition, label]
   );
   const Btn = import_react.default.useMemo(
-    () => /* @__PURE__ */ import_react.default.createElement(import_styled.StyledTileButton, {
-      key: dsId,
+    () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledTileButton, {
       isHeader,
       value: dsId,
       "data-testid": `tile-button-${dsId}`,
@@ -101,15 +113,24 @@ const TileButton = (props) => {
       badgePosition,
       "aria-pressed": selected,
       "aria-label": ariaLabel,
-      ref: innerRef
-    }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledWrapper, {
-      alignItems: "center",
-      justifyContent: "center"
-    }, /* @__PURE__ */ import_react.default.createElement("span", null, MainContent), /* @__PURE__ */ import_react.default.createElement(import_styled.StyledWrapperLeftBorder, null), showClose && !disabled ? /* @__PURE__ */ import_react.default.createElement(import_styled.CloseButton, {
-      onClick: onClose,
-      value: dsId,
-      "data-testid": `tile-close-btn-${dsId}`
-    }, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.CloseXsmall, null)) : null)),
+      ref: innerRef,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledWrapper, {
+        alignItems: "center",
+        justifyContent: "center",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+            children: MainContent
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledWrapperLeftBorder, {}),
+          showClose && !disabled ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.CloseButton, {
+            onClick: onClose,
+            value: dsId,
+            "data-testid": `tile-close-btn-${dsId}`,
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.CloseXsmall, {})
+          }) : null
+        ]
+      })
+    }, dsId),
     [
       MainContent,
       ariaLabel,
@@ -127,11 +148,14 @@ const TileButton = (props) => {
       innerRef
     ]
   );
-  return title && !disableTooltip ? /* @__PURE__ */ import_react.default.createElement(import_styled.StyledTooltipV3ButtonWrapper, null, /* @__PURE__ */ import_react.default.createElement(import_ds_tooltip.DSTooltipV3, {
-    id: `ds-chat-tile-tooltip-button-${dsId}`,
-    text: title,
-    startPlacementPreference: tooltipPlacement
-  }, Btn)) : Btn;
+  return title && !disableTooltip ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledTooltipV3ButtonWrapper, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_tooltip.DSTooltipV3, {
+      id: `ds-chat-tile-tooltip-button-${dsId}`,
+      text: title,
+      startPlacementPreference: tooltipPlacement,
+      children: Btn
+    })
+  }) : Btn;
 };
 TileButton.propTypes = import_props.propsTileButton;
 TileButton.displayName = "TileButton";

package/dist/cjs/exported-related/tile-button/TileButton.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/exported-related/tile-button/TileButton.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable max-lines */\nimport React, { WeakValidationMap } from 'react';\nimport { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip';\nimport { Grid } from '@elliemae/ds-grid';\nimport { CloseXsmall } from '@elliemae/ds-icons';\nimport {\n  StyledTooltipV3ButtonWrapper,\n  StyledTileButton,\n  StyledTileButtonIcon,\n  StyledTileButtonLabel,\n  StyledWrapper,\n  StyledWrapperLeftBorder,\n  StyledStatusBadge,\n  StyledWrapperCentralContent,\n  CloseButton,\n} from './styled';\nimport { propsTileButton, defaultTileButton, TileButtonProps } from './props';\n\nconst TileButton: React.ComponentType<TileButtonProps> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultTileButton);\n  useValidateTypescriptPropTypes(propsWithDefault, propsTileButton);\n\n  const {\n    label,\n    title,\n    dsId,\n    onClick,\n    onFocus,\n    onBlur,\n    Icon,\n    showClose,\n    onClose,\n    badge,\n    badgeColor,\n    badgePosition,\n    disabled,\n    selected,\n    isHeader,\n    ariaLabel,\n    tooltipPlacement,\n    disableTooltip,\n    innerRef,\n  } = propsWithDefault;\n  const handleClick = React.useCallback(() => {\n    onClick(dsId, title);\n  }, [dsId, onClick, title]);\n\n  const MainContent = React.useMemo(\n    () => (\n      <StyledWrapperCentralContent alignItems={isHeader ? 'center' : undefined}>\n        <Grid width=\"100%\" alignItems=\"center\" justifyContent=\"center\">\n          <StyledTileButtonIcon alignItems=\"center\" justifyContent=\"center\">\n            <Icon size=\"m\" />\n            {badge ? (\n              <StyledStatusBadge\n                badgeColor={badgeColor}\n                badgePosition={badgePosition}\n                data-testid={`tile-badge-${dsId}`}\n              />\n            ) : null}\n          </StyledTileButtonIcon>\n        </Grid>\n        {!isHeader ? (\n          <Grid width=\"100%\" justifyContent=\"center\">\n            {label ? <StyledTileButtonLabel>{label}</StyledTileButtonLabel> : null}\n          </Grid>\n        ) : null}\n      </StyledWrapperCentralContent>\n    ),\n    [isHeader, Icon, badge, dsId, badgeColor, badgePosition, label],\n  );\n\n  const Btn = React.useMemo(\n    () => (\n      <StyledTileButton\n        key={dsId}\n        isHeader={isHeader}\n        value={dsId}\n        data-testid={`tile-button-${dsId}`}\n        data-key={dsId}\n        onClick={handleClick}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        disabled={disabled}\n        selected={selected}\n        badgeColor={badgeColor}\n        badgePosition={badgePosition}\n        aria-pressed={selected}\n        aria-label={ariaLabel}\n        ref={innerRef}\n      >\n        <StyledWrapper alignItems=\"center\" justifyContent=\"center\">\n          <span>{MainContent}</span>\n          <StyledWrapperLeftBorder />\n          {showClose && !disabled ? (\n            <CloseButton onClick={onClose} value={dsId} data-testid={`tile-close-btn-${dsId}`}>\n              <CloseXsmall />\n            </CloseButton>\n          ) : null}\n        </StyledWrapper>\n      </StyledTileButton>\n    ),\n    [\n      MainContent,\n      ariaLabel,\n      badgeColor,\n      badgePosition,\n      disabled,\n      dsId,\n      handleClick,\n      isHeader,\n      onBlur,\n      onClose,\n      onFocus,\n      selected,\n      showClose,\n      innerRef,\n    ],\n  );\n\n  return title && !disableTooltip ? (\n    <StyledTooltipV3ButtonWrapper>\n      <DSTooltipV3 id={`ds-chat-tile-tooltip-button-${dsId}`} text={title} startPlacementPreference={tooltipPlacement}>\n        {Btn}\n      </DSTooltipV3>\n    </StyledTooltipV3ButtonWrapper>\n  ) : (\n    Btn\n  );\n};\n\nTileButton.propTypes = propsTileButton as WeakValidationMap<unknown>;\nTileButton.displayName = 'TileButton';\nconst TileButtonWithSchema = describe(TileButton);\nTileButtonWithSchema.propTypes = propsTileButton as WeakValidationMap<unknown>;\n\nexport { TileButton, TileButtonWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,mBAAyC;AACzC,0BAAuF;AACvF,wBAA4B;AAC5B,qBAAqB;AACrB,sBAA4B;AAC5B,oBAUO;AACP,mBAAoE;AAEpE,MAAM,aAAmD,CAAC,UAAU;AAClE,QAAM,uBAAmB,kDAA6B,OAAO,8BAAiB;AAC9E,0DAA+B,kBAAkB,4BAAe;AAEhE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,cAAc,aAAAA,QAAM,YAAY,MAAM;AAC1C,YAAQ,MAAM,KAAK;AAAA,EACrB,GAAG,CAAC,MAAM,SAAS,KAAK,CAAC;AAEzB,QAAM,cAAc,aAAAA,QAAM;AAAA,IACxB,MACE,6CAAC;AAAA,MAA4B,YAAY,WAAW,WAAW;AAAA,MAC7D;AAAA,oDAAC;AAAA,UAAK,OAAM;AAAA,UAAO,YAAW;AAAA,UAAS,gBAAe;AAAA,UACpD,uDAAC;AAAA,YAAqB,YAAW;AAAA,YAAS,gBAAe;AAAA,YACvD;AAAA,0DAAC;AAAA,gBAAK,MAAK;AAAA,eAAI;AAAA,cACd,QACC,4CAAC;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA,eAAa,cAAc;AAAA,eAC7B,IACE;AAAA;AAAA,WACN;AAAA,SACF;AAAA,QACC,CAAC,WACA,4CAAC;AAAA,UAAK,OAAM;AAAA,UAAO,gBAAe;AAAA,UAC/B,kBAAQ,4CAAC;AAAA,YAAuB;AAAA,WAAM,IAA2B;AAAA,SACpE,IACE;AAAA;AAAA,KACN;AAAA,IAEF,CAAC,UAAU,MAAM,OAAO,MAAM,YAAY,eAAe,KAAK;AAAA,EAChE;AAEA,QAAM,MAAM,aAAAA,QAAM;AAAA,IAChB,MACE,4CAAC;AAAA,MAEC;AAAA,MACA,OAAO;AAAA,MACP,eAAa,eAAe;AAAA,MAC5B,YAAU;AAAA,MACV,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,gBAAc;AAAA,MACd,cAAY;AAAA,MACZ,KAAK;AAAA,MAEL,uDAAC;AAAA,QAAc,YAAW;AAAA,QAAS,gBAAe;AAAA,QAChD;AAAA,sDAAC;AAAA,YAAM;AAAA,WAAY;AAAA,UACnB,4CAAC,yCAAwB;AAAA,UACxB,aAAa,CAAC,WACb,4CAAC;AAAA,YAAY,SAAS;AAAA,YAAS,OAAO;AAAA,YAAM,eAAa,kBAAkB;AAAA,YACzE,sDAAC,+BAAY;AAAA,WACf,IACE;AAAA;AAAA,OACN;AAAA,OAxBK,IAyBP;AAAA,IAEF;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,SAAO,SAAS,CAAC,iBACf,4CAAC;AAAA,IACC,sDAAC;AAAA,MAAY,IAAI,+BAA+B;AAAA,MAAQ,MAAM;AAAA,MAAO,0BAA0B;AAAA,MAC5F;AAAA,KACH;AAAA,GACF,IAEA;AAEJ;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AACzB,MAAM,2BAAuB,8BAAS,UAAU;AAChD,qBAAqB,YAAY;",
   "names": ["React"]
 }