@elliemae/ds-chat-sidebar 3.61.5-rc.1 → 3.70.0-next.10

package/dist/cjs/DSChatSidebarDataTestIds.js

@@ -32,7 +32,8 @@ __export(DSChatSidebarDataTestIds_exports, {
 });
 module.exports = __toCommonJS(DSChatSidebarDataTestIds_exports);
 var React = __toESM(require("react"));
+var import_constants = require("./constants/index.js");
 const DSChatSidebarDataTestIds = {
-  ROOT: "ds-chat-sidebar"
+  ROOT: import_constants.CHAT_SIDEBAR_DATA_TESTID.ROOT
 };
 //# sourceMappingURL=DSChatSidebarDataTestIds.js.map

package/dist/cjs/DSChatSidebarDataTestIds.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/DSChatSidebarDataTestIds.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export const DSChatSidebarDataTestIds = {\n  ROOT: 'ds-chat-sidebar',\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,2BAA2B;AAAA,EACtC,MAAM;AACR;",
+  "sourcesContent": ["import { CHAT_SIDEBAR_DATA_TESTID } from './constants/index.js';\n\n// Legacy export \u2014 preserved for backwards compatibility with consumers importing { DSChatSidebarDataTestIds }.\n// New consumers should import { CHAT_SIDEBAR_DATA_TESTID } from '@elliemae/ds-chat-sidebar' instead.\nexport const DSChatSidebarDataTestIds = {\n  ROOT: CHAT_SIDEBAR_DATA_TESTID.ROOT,\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAyC;AAIlC,MAAM,2BAA2B;AAAA,EACtC,MAAM,0CAAyB;AACjC;",
   "names": []
 }

package/dist/cjs/DSChatSidebarDefinitions.js

@@ -28,9 +28,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var DSChatSidebarDefinitions_exports = {};
 __export(DSChatSidebarDefinitions_exports, {
-  DSChatSidebarName: () => DSChatSidebarName
+  DSChatSidebarName: () => import_constants.DSChatSidebarName
 });
 module.exports = __toCommonJS(DSChatSidebarDefinitions_exports);
 var React = __toESM(require("react"));
-const DSChatSidebarName = "DSChatsidebar";
+var import_constants = require("./constants/index.js");
 //# sourceMappingURL=DSChatSidebarDefinitions.js.map

package/dist/cjs/DSChatSidebarDefinitions.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/DSChatSidebarDefinitions.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export const DSChatSidebarName = 'DSChatsidebar';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,oBAAoB;",
+  "sourcesContent": ["// Legacy file \u2014 preserved as a shim. Source of truth is now `./constants/index.ts`.\nexport { DSChatSidebarName } from './constants/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,uBAAkC;",
   "names": []
 }

package/dist/cjs/SideBarChat.js

@@ -28,6 +28,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var SideBarChat_exports = {};
 __export(SideBarChat_exports, {
+  DSChatSidebar: () => DSChatSidebar,
+  DSChatSidebarWithSchema: () => DSChatSidebarWithSchema,
   SideBarChat: () => SideBarChat,
   SideBarChatWithSchema: () => SideBarChatWithSchema
 });
@@ -41,13 +43,14 @@ var import_ds_chat_tile = require("@elliemae/ds-chat-tile");
 var import_styled = require("./styled.js");
 var import_SidebarButton = require("./sidebar-button/SidebarButton.js");
 var import_react_desc_prop_types = require("./react-desc-prop-types.js");
-var import_DSChatSidebarDefinitions = require("./DSChatSidebarDefinitions.js");
-var import_DSChatSidebarDataTestIds = require("./DSChatSidebarDataTestIds.js");
+var import_constants = require("./constants/index.js");
 const FooterChat = ({
   expanded,
   onFooterClose,
   onFooterExpand,
-  footerButtonExtraProps
+  footerButtonExtraProps,
+  getOwnerProps,
+  getOwnerPropsArguments
 }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   import_SidebarButton.SidebarButton,
   {
@@ -55,12 +58,18 @@ const FooterChat = ({
     Icon: !expanded ? import_ds_icons.MenuCollapse : import_ds_icons.MenuExpand,
     onClick: expanded ? onFooterClose : onFooterExpand,
     "aria-pressed": expanded,
-    "aria-label": footerButtonExtraProps["aria-label"]
+    "aria-label": footerButtonExtraProps["aria-label"],
+    getOwnerProps,
+    getOwnerPropsArguments
   }
 );
 const SideBarChat = (props) => {
   const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.defaultProps);
-  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefault, import_react_desc_prop_types.chatSidebarProps, import_DSChatSidebarDefinitions.DSChatSidebarName);
+  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefault, import_react_desc_prop_types.chatSidebarProps, import_constants.DSChatSidebarName);
+  const globalAttrs = (0, import_ds_props_helpers.useGetGlobalAttributes)(propsWithDefault);
+  const { wrap: wrapStripped, ...globalProps } = globalAttrs;
+  const xstyledProps = (0, import_ds_props_helpers.useGetXstyledProps)(propsWithDefault);
+  const { getOwnerProps, getOwnerPropsArguments } = (0, import_ds_props_helpers.useOwnerProps)(propsWithDefault);
   const {
     sidebarItems,
     expanded,
@@ -84,30 +93,45 @@ const SideBarChat = (props) => {
       actionRef.current.listRef = listRef;
     }
   }, [sidebarItems, expanded, actionRef, listRef]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledSideBarContainer, { rows: ["1fr", "auto"], "data-testid": import_DSChatSidebarDataTestIds.DSChatSidebarDataTestIds.ROOT, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledSideBarButtonsContainer, { children: sidebarItems.map((p) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_ds_chat_tile.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
-      }
-    )
-  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_styled.StyledSideBarContainer,
+    {
+      ...globalProps,
+      ...xstyledProps,
+      rows: ["1fr", "auto"],
+      "data-testid": import_constants.CHAT_SIDEBAR_DATA_TESTID.ROOT,
+      getOwnerProps,
+      getOwnerPropsArguments,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledSideBarButtonsContainer, { getOwnerProps, getOwnerPropsArguments, children: sidebarItems.map((p) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_ds_chat_tile.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,
+            getOwnerProps,
+            getOwnerPropsArguments
+          }
+        )
+      ]
+    }
+  );
 };
-SideBarChat.displayName = import_DSChatSidebarDefinitions.DSChatSidebarName;
+SideBarChat.displayName = import_constants.DSChatSidebarName;
 const SideBarChatWithSchema = (0, import_ds_props_helpers.describe)(SideBarChat);
 SideBarChatWithSchema.propTypes = import_react_desc_prop_types.chatSidebarProps;
+const DSChatSidebar = SideBarChat;
+const DSChatSidebarWithSchema = SideBarChatWithSchema;
 //# sourceMappingURL=SideBarChat.js.map

package/dist/cjs/SideBarChat.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/SideBarChat.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { MenuCollapse, MenuExpand } from '@elliemae/ds-icons';\nimport { TileButton } from '@elliemae/ds-chat-tile';\nimport { StyledSideBarContainer, StyledSideBarButtonsContainer } from './styled.js';\nimport { SidebarButton } from './sidebar-button/SidebarButton.js';\nimport type { DSChatSidebarT } from './react-desc-prop-types.js';\nimport { defaultProps, chatSidebarProps } from './react-desc-prop-types.js';\nimport { DSChatSidebarName } from './DSChatSidebarDefinitions.js';\nimport { DSChatSidebarDataTestIds } from './DSChatSidebarDataTestIds.js';\n\nconst FooterChat = ({\n  expanded,\n  onFooterClose,\n  onFooterExpand,\n  footerButtonExtraProps,\n}: Pick<DSChatSidebarT.DefaultProps, '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<DSChatSidebarT.Props> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSChatSidebarT.InternalProps>(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, chatSidebarProps, DSChatSidebarName);\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<{ [key: string]: HTMLElement }>({});\n  const registerReference = React.useCallback(\n    (ref: HTMLElement) => {\n      if (ref?.dataset?.key) 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={['1fr', 'auto']} data-testid={DSChatSidebarDataTestIds.ROOT}>\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.displayName = DSChatSidebarName;\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;ADkBrB;AAjBF,mBAAkB;AAClB,8BAAuF;AACvF,sBAAyC;AACzC,0BAA2B;AAC3B,oBAAsE;AACtE,2BAA8B;AAE9B,mCAA+C;AAC/C,sCAAkC;AAClC,sCAAyC;AAEzC,MAAM,aAAa,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,MAAM,CAAC,WAAW,+BAAe;AAAA,IACjC,SAAS,WAAW,gBAAgB;AAAA,IACpC,gBAAc;AAAA,IACd,cAAY,uBAAuB,YAAY;AAAA;AACjD;AAGF,MAAM,cAAyD,CAAC,UAAU;AACxE,QAAM,uBAAmB,sDAA2D,OAAO,yCAAY;AACvG,8DAA+B,kBAAkB,+CAAkB,iDAAiB;AACpF,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,OAAuC,CAAC,CAAC;AAC5E,QAAM,oBAAoB,aAAAA,QAAM;AAAA,IAC9B,CAAC,QAAqB;AACpB,UAAI,KAAK,SAAS,IAAK,SAAQ,IAAI,QAAQ,GAAG,IAAI;AAAA,IACpD;AAAA,IACA,CAAC,OAAO;AAAA,EACV;AACA,eAAAA,QAAM,UAAU,MAAM;AACpB,QAAI,WAAW,SAAS,SAAS;AAC/B,gBAAU,QAAQ,UAAU;AAAA,IAC9B;AAAA,EACF,GAAG,CAAC,cAAc,UAAU,WAAW,OAAO,CAAC;AAE/C,SACE,6CAAC,wCAAuB,MAAM,CAAC,OAAO,MAAM,GAAG,eAAa,yDAAyB,MACnF;AAAA,gDAAC,+CACE,uBAAa,IAAI,CAAC,MACjB;AAAA,MAAC;AAAA;AAAA,QAEC,UAAU;AAAA,QACT,GAAG;AAAA,QACJ,UAAU,iBAAiB,EAAE;AAAA,QAC7B;AAAA,QACA,gBAAgB,4BAA4B,QAAQ,CAAC;AAAA;AAAA,MALhD,EAAE;AAAA,IAMT,CACD,GACH;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAEA,YAAY,cAAc;AAC1B,MAAM,4BAAwB,kCAAS,WAAW;AAClD,sBAAsB,YAAY;",
+  "sourcesContent": ["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 { MenuCollapse, MenuExpand } from '@elliemae/ds-icons';\nimport { TileButton } from '@elliemae/ds-chat-tile';\nimport { StyledSideBarContainer, StyledSideBarButtonsContainer } from './styled.js';\nimport { SidebarButton } from './sidebar-button/SidebarButton.js';\nimport type { DSChatSidebarT } from './react-desc-prop-types.js';\nimport { defaultProps, chatSidebarProps } from './react-desc-prop-types.js';\nimport { CHAT_SIDEBAR_DATA_TESTID, DSChatSidebarName } from './constants/index.js';\n\nconst FooterChat = ({\n  expanded,\n  onFooterClose,\n  onFooterExpand,\n  footerButtonExtraProps,\n  getOwnerProps,\n  getOwnerPropsArguments,\n}: Pick<DSChatSidebarT.DefaultProps, 'expanded' | 'onFooterClose' | 'onFooterExpand' | 'footerButtonExtraProps'> & {\n  getOwnerProps?: () => object;\n  getOwnerPropsArguments?: () => object;\n}) => (\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    getOwnerProps={getOwnerProps}\n    getOwnerPropsArguments={getOwnerPropsArguments}\n  />\n);\n\nconst SideBarChat: React.ComponentType<DSChatSidebarT.Props> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSChatSidebarT.InternalProps>(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, chatSidebarProps, DSChatSidebarName);\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<DSChatSidebarT.Props>(propsWithDefault);\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<{ [key: string]: HTMLElement }>({});\n  const registerReference = React.useCallback(\n    (ref: HTMLElement) => {\n      if (ref?.dataset?.key) 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\n      {...globalProps}\n      {...xstyledProps}\n      rows={['1fr', 'auto']}\n      // legacy data-testid \u2014 preserved for QA/consumer compatibility, breaking change if removed\n      data-testid={CHAT_SIDEBAR_DATA_TESTID.ROOT}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    >\n      <StyledSideBarButtonsContainer getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\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        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      />\n    </StyledSideBarContainer>\n  );\n};\n\nSideBarChat.displayName = DSChatSidebarName;\nconst SideBarChatWithSchema = describe(SideBarChat);\nSideBarChatWithSchema.propTypes = chatSidebarProps as WeakValidationMap<unknown>;\n\n// DS-prefixed canonical names (modern Dimsum convention) \u2014 SideBarChat kept as alias for backwards compat\nconst DSChatSidebar = SideBarChat;\nconst DSChatSidebarWithSchema = SideBarChatWithSchema;\n\nexport { SideBarChat, SideBarChatWithSchema, DSChatSidebar, DSChatSidebarWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD6BrB;AA5BF,mBAAkB;AAClB,8BAOO;AACP,sBAAyC;AACzC,0BAA2B;AAC3B,oBAAsE;AACtE,2BAA8B;AAE9B,mCAA+C;AAC/C,uBAA4D;AAE5D,MAAM,aAAa,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAIE;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,MAAM,CAAC,WAAW,+BAAe;AAAA,IACjC,SAAS,WAAW,gBAAgB;AAAA,IACpC,gBAAc;AAAA,IACd,cAAY,uBAAuB,YAAY;AAAA,IAC/C;AAAA,IACA;AAAA;AACF;AAGF,MAAM,cAAyD,CAAC,UAAU;AACxE,QAAM,uBAAmB,sDAA2D,OAAO,yCAAY;AACvG,8DAA+B,kBAAkB,+CAAkB,kCAAiB;AAEpF,QAAM,kBAAc,gDAAuB,gBAAgB;AAG3D,QAAM,EAAE,MAAM,cAAc,GAAG,YAAY,IAAI;AAC/C,QAAM,mBAAe,4CAAmB,gBAAgB;AACxD,QAAM,EAAE,eAAe,uBAAuB,QAAI,uCAAoC,gBAAgB;AAEtG,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,OAAuC,CAAC,CAAC;AAC5E,QAAM,oBAAoB,aAAAA,QAAM;AAAA,IAC9B,CAAC,QAAqB;AACpB,UAAI,KAAK,SAAS,IAAK,SAAQ,IAAI,QAAQ,GAAG,IAAI;AAAA,IACpD;AAAA,IACA,CAAC,OAAO;AAAA,EACV;AACA,eAAAA,QAAM,UAAU,MAAM;AACpB,QAAI,WAAW,SAAS,SAAS;AAC/B,gBAAU,QAAQ,UAAU;AAAA,IAC9B;AAAA,EACF,GAAG,CAAC,cAAc,UAAU,WAAW,OAAO,CAAC;AAE/C,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,MAAM,CAAC,OAAO,MAAM;AAAA,MAEpB,eAAa,0CAAyB;AAAA,MACtC;AAAA,MACA;AAAA,MAEA;AAAA,oDAAC,+CAA8B,eAA8B,wBAC1D,uBAAa,IAAI,CAAC,MACjB;AAAA,UAAC;AAAA;AAAA,YAEC,UAAU;AAAA,YACT,GAAG;AAAA,YACJ,UAAU,iBAAiB,EAAE;AAAA,YAC7B;AAAA,YACA,gBAAgB,4BAA4B,QAAQ,CAAC;AAAA;AAAA,UALhD,EAAE;AAAA,QAMT,CACD,GACH;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,YAAY,cAAc;AAC1B,MAAM,4BAAwB,kCAAS,WAAW;AAClD,sBAAsB,YAAY;AAGlC,MAAM,gBAAgB;AACtB,MAAM,0BAA0B;",
   "names": ["React"]
 }

package/dist/cjs/constants/index.js

@@ -0,0 +1,52 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var constants_exports = {};
+__export(constants_exports, {
+  CHAT_SIDEBAR_DATA_TESTID: () => CHAT_SIDEBAR_DATA_TESTID,
+  CHAT_SIDEBAR_SLOTS: () => CHAT_SIDEBAR_SLOTS,
+  DSChatSidebarName: () => DSChatSidebarName
+});
+module.exports = __toCommonJS(constants_exports);
+var React = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
+const DSChatSidebarName = "DSChatsidebar";
+const CHAT_SIDEBAR_SLOTS = {
+  ROOT: "root",
+  // legacy ones...
+  BUTTONS_CONTAINER: "buttons-container",
+  SIDEBAR_BUTTON: "sidebar-button",
+  SIDEBAR_BUTTON_ICON: "sidebar-button-icon",
+  SIDEBAR_BUTTON_LABEL: "sidebar-button-label"
+};
+const CHAT_SIDEBAR_DATA_TESTID = {
+  ...(0, import_ds_system.slotObjectToDataTestIds)(DSChatSidebarName, CHAT_SIDEBAR_SLOTS),
+  ROOT: "ds-chat-sidebar"
+  // legacy value — breaking change if removed
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/constants/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSChatSidebarName = 'DSChatsidebar';\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_SIDEBAR_SLOTS = {\n  ROOT: 'root', // legacy ones...\n  BUTTONS_CONTAINER: 'buttons-container',\n  SIDEBAR_BUTTON: 'sidebar-button',\n  SIDEBAR_BUTTON_ICON: 'sidebar-button-icon',\n  SIDEBAR_BUTTON_LABEL: 'sidebar-button-label',\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// Note: ROOT legacy value is `ds-chat-sidebar` \u2014 preserved at three layers (constants + preserveLegacyDataTestId + inline JSX) \u2014 breaking change if removed.\n// Note: the dynamic `sidebar-button-${dsId}` testid rendered by SidebarButton.tsx is preserved inline at the JSX level only; it cannot be expressed in this static map.\nexport const CHAT_SIDEBAR_DATA_TESTID = {\n  ...slotObjectToDataTestIds(DSChatSidebarName, CHAT_SIDEBAR_SLOTS),\n  ROOT: 'ds-chat-sidebar', // legacy value \u2014 breaking change if removed\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AAEjC,MAAM,oBAAoB;AAG1B,MAAM,qBAAqB;AAAA,EAChC,MAAM;AAAA;AAAA,EACN,mBAAmB;AAAA,EACnB,gBAAgB;AAAA,EAChB,qBAAqB;AAAA,EACrB,sBAAsB;AACxB;AAKO,MAAM,2BAA2B;AAAA,EACtC,OAAG,0CAAwB,mBAAmB,kBAAkB;AAAA,EAChE,MAAM;AAAA;AACR;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -28,10 +28,20 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var index_exports = {};
 __export(index_exports, {
+  CHAT_SIDEBAR_DATA_TESTID: () => import_constants.CHAT_SIDEBAR_DATA_TESTID,
+  CHAT_SIDEBAR_SLOTS: () => import_constants.CHAT_SIDEBAR_SLOTS,
+  DSChatSidebar: () => import_SideBarChat.DSChatSidebar,
+  DSChatSidebarDataTestIds: () => import_DSChatSidebarDataTestIds.DSChatSidebarDataTestIds,
+  DSChatSidebarName: () => import_constants.DSChatSidebarName,
+  DSChatSidebarWithSchema: () => import_SideBarChat.DSChatSidebarWithSchema,
   SideBarChat: () => import_SideBarChat.SideBarChat,
-  SideBarChatWithSchema: () => import_SideBarChat.SideBarChatWithSchema
+  SideBarChatWithSchema: () => import_SideBarChat.SideBarChatWithSchema,
+  chatSidebarProps: () => import_react_desc_prop_types.chatSidebarProps
 });
 module.exports = __toCommonJS(index_exports);
 var React = __toESM(require("react"));
 var import_SideBarChat = require("./SideBarChat.js");
+var import_DSChatSidebarDataTestIds = require("./DSChatSidebarDataTestIds.js");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+var import_constants = require("./constants/index.js");
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export { SideBarChat, SideBarChatWithSchema } from './SideBarChat.js';\nexport type { DSChatSidebarT } from './react-desc-prop-types.js';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,yBAAmD;",
+  "sourcesContent": ["export { SideBarChat, SideBarChatWithSchema, DSChatSidebar, DSChatSidebarWithSchema } from './SideBarChat.js';\nexport { DSChatSidebarDataTestIds } from './DSChatSidebarDataTestIds.js'; // LEGACY EXPORT\nexport type { DSChatSidebarT } from './react-desc-prop-types.js';\nexport { chatSidebarProps } from './react-desc-prop-types.js';\nexport { CHAT_SIDEBAR_DATA_TESTID, CHAT_SIDEBAR_SLOTS, DSChatSidebarName } from './constants/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,yBAA2F;AAC3F,sCAAyC;AAEzC,mCAAiC;AACjC,uBAAgF;",
   "names": []
 }

package/dist/cjs/package.json

@@ -1,4 +1,7 @@
 {
   "type": "commonjs",
-  "sideEffects": false
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
+  }
 }

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

@@ -35,6 +35,7 @@ module.exports = __toCommonJS(react_desc_prop_types_exports);
 var React = __toESM(require("react"));
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_lodash_es = require("lodash-es");
+var import_constants = require("./constants/index.js");
 const defaultProps = {
   expanded: false,
   sidebarItems: [],
@@ -47,6 +48,9 @@ const defaultProps = {
   enableTooltipWhenIsClosed: false
 };
 const chatSidebarProps = {
+  ...(0, import_ds_props_helpers.getPropsPerSlotPropTypes)(import_constants.DSChatSidebarName, import_constants.CHAT_SIDEBAR_SLOTS),
+  ...import_ds_props_helpers.globalAttributesPropTypes,
+  ...import_ds_props_helpers.xstyledPropTypes,
   sidebarItems: import_ds_props_helpers.PropTypes.arrayOf(import_ds_props_helpers.PropTypes.object).description("The array of out-of-the-box items you want to render inside the sidebar nav of the chat").defaultValue(defaultProps.sidebarItems),
   expanded: import_ds_props_helpers.PropTypes.bool.description("Whether to show the chat expanded or collapsed").defaultValue(defaultProps.expanded),
   selectedItem: import_ds_props_helpers.PropTypes.string.description("The id of the chat item you want to be opened"),
@@ -64,7 +68,7 @@ const chatSidebarProps = {
     "left",
     "left-start"
   ]).description("start placement preferences, as per popperjs placement option").defaultValue("'right'"),
-  enableTooltipWhenIsClosed: import_ds_props_helpers.PropTypes.bool.description("Enable tooltip when is closed").defaultValue(defaultProps.onFooterExpand),
+  enableTooltipWhenIsClosed: import_ds_props_helpers.PropTypes.bool.description("Enable tooltip when is closed").defaultValue(defaultProps.enableTooltipWhenIsClosed),
   onFooterExpand: import_ds_props_helpers.PropTypes.func.description("The function to call when the chat is opened via the footer").defaultValue(defaultProps.onFooterExpand),
   onFooterClose: import_ds_props_helpers.PropTypes.func.description("The function to call when the chat is closed via the footer").defaultValue(defaultProps.onFooterClose),
   onHeaderExpand: import_ds_props_helpers.PropTypes.func.description("The function to call when the chat is opened via the header").defaultValue(defaultProps.onHeaderExpand),

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/react-desc-prop-types.ts", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type { DSChatTileT } from '@elliemae/ds-chat-tile';\nimport { PropTypes } from '@elliemae/ds-props-helpers';\nimport { noop } from 'lodash-es';\n\nexport declare namespace DSChatSidebarT {\n  type TooltipPlacementT =\n    | 'top-start'\n    | 'top'\n    | 'top-end'\n    | 'right-start'\n    | 'right'\n    | 'right-end'\n    | 'bottom-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'left-end'\n    | 'left'\n    | 'left-start';\n\n  export interface RequiredProps {}\n\n  export interface DefaultProps {\n    sidebarItems: DSChatTileT.Props[];\n    expanded: boolean;\n    onFooterClose: () => void;\n    onFooterExpand: () => void;\n    onHeaderExpand: () => void;\n    onHeaderClose: () => void;\n    footerButtonExtraProps: Record<string, string>;\n    tooltipPlacement: TooltipPlacementT;\n    enableTooltipWhenIsClosed: boolean;\n  }\n\n  export interface OptionalProps {\n    selectedItem?: string | number;\n    actionRef?: React.MutableRefObject<{\n      listRef: { [key: string]: HTMLElement };\n    }>;\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: DSChatSidebarT.DefaultProps = {\n  expanded: false,\n  sidebarItems: [],\n  onFooterExpand: noop,\n  onFooterClose: noop,\n  onHeaderExpand: noop,\n  onHeaderClose: noop,\n  footerButtonExtraProps: { 'aria-label': 'expand or collapse button' },\n  tooltipPlacement: 'right',\n  enableTooltipWhenIsClosed: false,\n};\n\nexport const chatSidebarProps = {\n  sidebarItems: PropTypes.arrayOf(PropTypes.object)\n    .description('The array of out-of-the-box items you want to render inside the sidebar nav of the chat')\n    .defaultValue(defaultProps.sidebarItems),\n  expanded: PropTypes.bool\n    .description('Whether to show the chat expanded or collapsed')\n    .defaultValue(defaultProps.expanded),\n  selectedItem: PropTypes.string.description('The id of the chat item you want to be opened'),\n  tooltipPlacement: PropTypes.oneOf([\n    'top-start',\n    'top',\n    'top-end',\n    'right-start',\n    'right',\n    'right-end',\n    'bottom-end',\n    'bottom',\n    'bottom-start',\n    'left-end',\n    'left',\n    'left-start',\n  ])\n    .description('start placement preferences, as per popperjs placement option')\n    .defaultValue(\"'right'\"),\n  enableTooltipWhenIsClosed: PropTypes.bool\n    .description('Enable tooltip when is closed')\n    .defaultValue(defaultProps.onFooterExpand),\n  onFooterExpand: PropTypes.func\n    .description('The function to call when the chat is opened via the footer')\n    .defaultValue(defaultProps.onFooterExpand),\n  onFooterClose: PropTypes.func\n    .description('The function to call when the chat is closed via the footer')\n    .defaultValue(defaultProps.onFooterClose),\n  onHeaderExpand: PropTypes.func\n    .description('The function to call when the chat is opened via the header')\n    .defaultValue(defaultProps.onHeaderExpand),\n  onHeaderClose: PropTypes.func\n    .description('The function to call when the chat is closed via the header')\n    .defaultValue(defaultProps.onHeaderClose),\n  footerButtonExtraProps: PropTypes.object\n    .description('Expand/collapse footer button extra props')\n    .defaultValue(defaultProps.footerButtonExtraProps),\n  actionRef: PropTypes.object.description(\n    `Action ref for sidebar\n  {\n    listRef: references to Tiles\n  }\n  `,\n  ),\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,8BAA0B;AAC1B,uBAAqB;AA2Cd,MAAM,eAA4C;AAAA,EACvD,UAAU;AAAA,EACV,cAAc,CAAC;AAAA,EACf,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,wBAAwB,EAAE,cAAc,4BAA4B;AAAA,EACpE,kBAAkB;AAAA,EAClB,2BAA2B;AAC7B;AAEO,MAAM,mBAAmB;AAAA,EAC9B,cAAc,kCAAU,QAAQ,kCAAU,MAAM,EAC7C,YAAY,yFAAyF,EACrG,aAAa,aAAa,YAAY;AAAA,EACzC,UAAU,kCAAU,KACjB,YAAY,gDAAgD,EAC5D,aAAa,aAAa,QAAQ;AAAA,EACrC,cAAc,kCAAU,OAAO,YAAY,+CAA+C;AAAA,EAC1F,kBAAkB,kCAAU,MAAM;AAAA,IAChC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC,EACE,YAAY,+DAA+D,EAC3E,aAAa,SAAS;AAAA,EACzB,2BAA2B,kCAAU,KAClC,YAAY,+BAA+B,EAC3C,aAAa,aAAa,cAAc;AAAA,EAC3C,gBAAgB,kCAAU,KACvB,YAAY,6DAA6D,EACzE,aAAa,aAAa,cAAc;AAAA,EAC3C,eAAe,kCAAU,KACtB,YAAY,6DAA6D,EACzE,aAAa,aAAa,aAAa;AAAA,EAC1C,gBAAgB,kCAAU,KACvB,YAAY,6DAA6D,EACzE,aAAa,aAAa,cAAc;AAAA,EAC3C,eAAe,kCAAU,KACtB,YAAY,6DAA6D,EACzE,aAAa,aAAa,aAAa;AAAA,EAC1C,wBAAwB,kCAAU,OAC/B,YAAY,2CAA2C,EACvD,aAAa,aAAa,sBAAsB;AAAA,EACnD,WAAW,kCAAU,OAAO;AAAA,IAC1B;AAAA;AAAA;AAAA;AAAA;AAAA,EAKF;AACF;",
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type React from 'react';\nimport type { DSChatTileT } from '@elliemae/ds-chat-tile';\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 { noop } from 'lodash-es';\nimport { CHAT_SIDEBAR_SLOTS, DSChatSidebarName } from './constants/index.js';\n\nexport declare namespace DSChatSidebarT {\n  type TooltipPlacementT =\n    | 'top-start'\n    | 'top'\n    | 'top-end'\n    | 'right-start'\n    | 'right'\n    | 'right-end'\n    | 'bottom-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'left-end'\n    | 'left'\n    | 'left-start';\n\n  // hand-written per-slot function argument map \u2014 one entry per slot in CHAT_SIDEBAR_SLOTS\n  export type SlotFunctionArguments = {\n    dsChatsidebarRoot: () => object;\n    dsChatsidebarButtonsContainer: () => object;\n    dsChatsidebarSidebarButton: () => object;\n    dsChatsidebarSidebarButtonIcon: () => object;\n    dsChatsidebarSidebarButtonLabel: () => object;\n  };\n\n  export interface RequiredProps {}\n\n  export interface DefaultProps {\n    sidebarItems: DSChatTileT.Props[];\n    expanded: boolean;\n    onFooterClose: () => void;\n    onFooterExpand: () => void;\n    onHeaderExpand: () => void;\n    onHeaderClose: () => void;\n    footerButtonExtraProps: Record<string, string>;\n    tooltipPlacement: TooltipPlacementT;\n    enableTooltipWhenIsClosed: boolean;\n  }\n\n  export interface OptionalProps\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSChatSidebarName, typeof CHAT_SIDEBAR_SLOTS> {\n    selectedItem?: string | number;\n    actionRef?: React.MutableRefObject<{\n      listRef: { [key: string]: HTMLElement };\n    }>;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps>,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSChatSidebarT.DefaultProps = {\n  expanded: false,\n  sidebarItems: [],\n  onFooterExpand: noop,\n  onFooterClose: noop,\n  onHeaderExpand: noop,\n  onHeaderClose: noop,\n  footerButtonExtraProps: { 'aria-label': 'expand or collapse button' },\n  tooltipPlacement: 'right',\n  enableTooltipWhenIsClosed: false,\n};\n\nexport const chatSidebarProps: DSPropTypesSchema<DSChatSidebarT.Props> = {\n  ...getPropsPerSlotPropTypes(DSChatSidebarName, CHAT_SIDEBAR_SLOTS),\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  sidebarItems: PropTypes.arrayOf(PropTypes.object)\n    .description('The array of out-of-the-box items you want to render inside the sidebar nav of the chat')\n    .defaultValue(defaultProps.sidebarItems),\n  expanded: PropTypes.bool\n    .description('Whether to show the chat expanded or collapsed')\n    .defaultValue(defaultProps.expanded),\n  selectedItem: PropTypes.string.description('The id of the chat item you want to be opened'),\n  tooltipPlacement: PropTypes.oneOf([\n    'top-start',\n    'top',\n    'top-end',\n    'right-start',\n    'right',\n    'right-end',\n    'bottom-end',\n    'bottom',\n    'bottom-start',\n    'left-end',\n    'left',\n    'left-start',\n  ])\n    .description('start placement preferences, as per popperjs placement option')\n    .defaultValue(\"'right'\"),\n  enableTooltipWhenIsClosed: PropTypes.bool\n    .description('Enable tooltip when is closed')\n    .defaultValue(defaultProps.enableTooltipWhenIsClosed),\n  onFooterExpand: PropTypes.func\n    .description('The function to call when the chat is opened via the footer')\n    .defaultValue(defaultProps.onFooterExpand),\n  onFooterClose: PropTypes.func\n    .description('The function to call when the chat is closed via the footer')\n    .defaultValue(defaultProps.onFooterClose),\n  onHeaderExpand: PropTypes.func\n    .description('The function to call when the chat is opened via the header')\n    .defaultValue(defaultProps.onHeaderExpand),\n  onHeaderClose: PropTypes.func\n    .description('The function to call when the chat is closed via the header')\n    .defaultValue(defaultProps.onHeaderClose),\n  footerButtonExtraProps: PropTypes.object\n    .description('Expand/collapse footer button extra props')\n    .defaultValue(defaultProps.footerButtonExtraProps),\n  actionRef: PropTypes.object.description(\n    `Action ref for sidebar\n  {\n    listRef: references to Tiles\n  }\n  `,\n  ),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIvB,8BAKO;AAEP,uBAAqB;AACrB,uBAAsD;AA+D/C,MAAM,eAA4C;AAAA,EACvD,UAAU;AAAA,EACV,cAAc,CAAC;AAAA,EACf,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,wBAAwB,EAAE,cAAc,4BAA4B;AAAA,EACpE,kBAAkB;AAAA,EAClB,2BAA2B;AAC7B;AAEO,MAAM,mBAA4D;AAAA,EACvE,OAAG,kDAAyB,oCAAmB,mCAAkB;AAAA,EACjE,GAAG;AAAA,EACH,GAAG;AAAA,EACH,cAAc,kCAAU,QAAQ,kCAAU,MAAM,EAC7C,YAAY,yFAAyF,EACrG,aAAa,aAAa,YAAY;AAAA,EACzC,UAAU,kCAAU,KACjB,YAAY,gDAAgD,EAC5D,aAAa,aAAa,QAAQ;AAAA,EACrC,cAAc,kCAAU,OAAO,YAAY,+CAA+C;AAAA,EAC1F,kBAAkB,kCAAU,MAAM;AAAA,IAChC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC,EACE,YAAY,+DAA+D,EAC3E,aAAa,SAAS;AAAA,EACzB,2BAA2B,kCAAU,KAClC,YAAY,+BAA+B,EAC3C,aAAa,aAAa,yBAAyB;AAAA,EACtD,gBAAgB,kCAAU,KACvB,YAAY,6DAA6D,EACzE,aAAa,aAAa,cAAc;AAAA,EAC3C,eAAe,kCAAU,KACtB,YAAY,6DAA6D,EACzE,aAAa,aAAa,aAAa;AAAA,EAC1C,gBAAgB,kCAAU,KACvB,YAAY,6DAA6D,EACzE,aAAa,aAAa,cAAc;AAAA,EAC3C,eAAe,kCAAU,KACtB,YAAY,6DAA6D,EACzE,aAAa,aAAa,aAAa;AAAA,EAC1C,wBAAwB,kCAAU,OAC/B,YAAY,2CAA2C,EACvD,aAAa,aAAa,sBAAsB;AAAA,EACnD,WAAW,kCAAU,OAAO;AAAA,IAC1B;AAAA;AAAA;AAAA;AAAA;AAAA,EAKF;AACF;",
   "names": []
 }

package/dist/cjs/sidebar-button/SidebarButton.js

@@ -38,15 +38,35 @@ var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_styled = require("./styled.js");
 var import_props = require("./props.js");
 const SidebarButton = (props) => {
-  const propsWithDefaultsTemporary = { ...import_props.defaultSidebarButton, ...props };
-  const { dsId, onClick, Icon, label, ...rest } = propsWithDefaultsTemporary;
+  const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_props.defaultSidebarButton);
+  const { dsId, onClick, Icon, label, getOwnerProps, getOwnerPropsArguments, ...rest } = propsWithDefault;
   const handleClick = import_react.default.useCallback(() => {
     if (dsId) onClick(dsId);
   }, [onClick, dsId]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledSidebarButton, { "data-testid": `sidebar-button-${dsId}`, onClick: handleClick, ...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);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_styled.StyledSidebarButton,
+    {
+      "data-testid": `sidebar-button-${dsId}`,
+      onClick: handleClick,
+      getOwnerProps,
+      getOwnerPropsArguments,
+      ...rest,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_styled.StyledSidebarButtonIcon,
+          {
+            alignItems: "center",
+            justifyContent: "center",
+            getOwnerProps,
+            getOwnerPropsArguments,
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { size: "m" })
+          }
+        ),
+        label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledSidebarButtonLabel, { getOwnerProps, getOwnerPropsArguments, children: label })
+      ]
+    },
+    dsId
+  );
 };
 SidebarButton.displayName = "SidebarButton";
 const SidebarButtonWithSchema = (0, import_ds_props_helpers.describe)(SidebarButton);

package/dist/cjs/sidebar-button/SidebarButton.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/sidebar-button/SidebarButton.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { StyledSidebarButton, StyledSidebarButtonLabel, StyledSidebarButtonIcon } from './styled.js';\nimport type { SidebarButtonProps } from './props.js';\nimport { sidebarButtonPropsSchema, defaultSidebarButton } from './props.js';\n\nconst SidebarButton = (props: SidebarButtonProps): JSX.Element => {\n  const propsWithDefaultsTemporary = { ...defaultSidebarButton, ...props };\n  const { dsId, onClick, Icon, label, ...rest } = propsWithDefaultsTemporary;\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.displayName = 'SidebarButton';\nconst SidebarButtonWithSchema = describe(SidebarButton);\nSidebarButtonWithSchema.propTypes = sidebarButtonPropsSchema;\n\nexport { SidebarButtonWithSchema as SidebarButton };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADcnB;AAdJ,mBAAkB;AAClB,8BAAyB;AACzB,oBAAuF;AAEvF,mBAA+D;AAE/D,MAAM,gBAAgB,CAAC,UAA2C;AAChE,QAAM,6BAA6B,EAAE,GAAG,mCAAsB,GAAG,MAAM;AACvE,QAAM,EAAE,MAAM,SAAS,MAAM,OAAO,GAAG,KAAK,IAAI;AAChD,QAAM,cAAc,aAAAA,QAAM,YAAY,MAAM;AAC1C,QAAI,KAAM,SAAQ,IAAI;AAAA,EACxB,GAAG,CAAC,SAAS,IAAI,CAAC;AAElB,SACE,6CAAC,qCAA+B,eAAa,kBAAkB,IAAI,IAAI,SAAS,aAAc,GAAG,MAC/F;AAAA,gDAAC,yCAAwB,YAAW,UAAS,gBAAe,UAC1D,sDAAC,QAAK,MAAK,KAAI,GACjB;AAAA,IACC,SAAS,4CAAC,0CAA0B,iBAAM;AAAA,OAJnB,IAK1B;AAEJ;AAEA,cAAc,cAAc;AAC5B,MAAM,8BAA0B,kCAAS,aAAa;AACtD,wBAAwB,YAAY;",
+  "sourcesContent": ["import React from 'react';\nimport { describe, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { StyledSidebarButton, StyledSidebarButtonLabel, StyledSidebarButtonIcon } from './styled.js';\nimport type { SidebarButtonProps } from './props.js';\nimport { sidebarButtonPropsSchema, defaultSidebarButton } from './props.js';\n\n// Internal sub-component \u2014 not consumer-facing. Schema validation is deliberately skipped here\n// because SidebarButton intentionally accepts forwarded `...rest` (aria-pressed, aria-label, etc.)\n// from its parent SideBarChat. Validation would reject those passthrough props.\nconst SidebarButton = (props: SidebarButtonProps): JSX.Element => {\n  const propsWithDefault = useMemoMergePropsWithDefault<SidebarButtonProps>(props, defaultSidebarButton);\n\n  const { dsId, onClick, Icon, label, getOwnerProps, getOwnerPropsArguments, ...rest } = propsWithDefault;\n  const handleClick = React.useCallback(() => {\n    if (dsId) onClick(dsId);\n  }, [onClick, dsId]);\n\n  return (\n    <StyledSidebarButton\n      key={dsId}\n      // legacy dynamic data-testid \u2014 preserved for QA/consumer compatibility, breaking change if removed\n      data-testid={`sidebar-button-${dsId}`}\n      onClick={handleClick}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n      {...rest}\n    >\n      <StyledSidebarButtonIcon\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        <Icon size=\"m\" />\n      </StyledSidebarButtonIcon>\n      {label && (\n        <StyledSidebarButtonLabel getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n          {label}\n        </StyledSidebarButtonLabel>\n      )}\n    </StyledSidebarButton>\n  );\n};\n\nSidebarButton.displayName = 'SidebarButton';\nconst SidebarButtonWithSchema = describe(SidebarButton);\nSidebarButtonWithSchema.propTypes = sidebarButtonPropsSchema;\n\nexport { SidebarButtonWithSchema as SidebarButton };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkBnB;AAlBJ,mBAAkB;AAClB,8BAAuD;AACvD,oBAAuF;AAEvF,mBAA+D;AAK/D,MAAM,gBAAgB,CAAC,UAA2C;AAChE,QAAM,uBAAmB,sDAAiD,OAAO,iCAAoB;AAErG,QAAM,EAAE,MAAM,SAAS,MAAM,OAAO,eAAe,wBAAwB,GAAG,KAAK,IAAI;AACvF,QAAM,cAAc,aAAAA,QAAM,YAAY,MAAM;AAC1C,QAAI,KAAM,SAAQ,IAAI;AAAA,EACxB,GAAG,CAAC,SAAS,IAAI,CAAC;AAElB,SACE;AAAA,IAAC;AAAA;AAAA,MAGC,eAAa,kBAAkB,IAAI;AAAA,MACnC,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,YAAW;AAAA,YACX,gBAAe;AAAA,YACf;AAAA,YACA;AAAA,YAEA,sDAAC,QAAK,MAAK,KAAI;AAAA;AAAA,QACjB;AAAA,QACC,SACC,4CAAC,0CAAyB,eAA8B,wBACrD,iBACH;AAAA;AAAA;AAAA,IAnBG;AAAA,EAqBP;AAEJ;AAEA,cAAc,cAAc;AAC5B,MAAM,8BAA0B,kCAAS,aAAa;AACtD,wBAAwB,YAAY;",
   "names": ["React"]
 }

package/dist/cjs/sidebar-button/props.js

@@ -45,11 +45,15 @@ const defaultSidebarButton = {
   title: ""
 };
 const propsSidebarButton = {
-  Icon: import_ds_props_helpers.PropTypes.element.description("Icon component").defaultValue(defaultSidebarButton.Icon),
+  Icon: import_ds_props_helpers.PropTypes.func.description("Icon component").defaultValue(defaultSidebarButton.Icon),
   dsId: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.number, import_ds_props_helpers.PropTypes.string]).description("Unique id for the button").defaultValue(defaultSidebarButton.dsId),
   label: import_ds_props_helpers.PropTypes.string.description("It will display under the icon").defaultValue(defaultSidebarButton.label),
   title: import_ds_props_helpers.PropTypes.string.description("Tooltip").defaultValue(defaultSidebarButton.title),
-  onClick: import_ds_props_helpers.PropTypes.func.description("The function to call when the is clicked").defaultValue(defaultSidebarButton.onClick)
+  onClick: import_ds_props_helpers.PropTypes.func.description("The function to call when the is clicked").defaultValue(defaultSidebarButton.onClick),
+  getOwnerProps: import_ds_props_helpers.PropTypes.func.description("Slot system getter \u2014 forwarded from the parent SideBarChat"),
+  getOwnerPropsArguments: import_ds_props_helpers.PropTypes.func.description(
+    "Slot system getOwnerPropsArguments \u2014 forwarded from the parent SideBarChat"
+  )
 };
 const sidebarButtonPropsSchema = propsSidebarButton;
 //# sourceMappingURL=props.js.map

package/dist/cjs/sidebar-button/props.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/sidebar-button/props.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type { SvgIconT } from '@elliemae/ds-icons';\nimport { Comments } from '@elliemae/ds-icons';\nimport type { DSPropTypesSchema, ValidationMap } from '@elliemae/ds-props-helpers';\nimport { PropTypes } from '@elliemae/ds-props-helpers';\nimport { noop } from 'lodash-es';\nimport type React from 'react';\n\nexport interface SidebarButtonProps {\n  Icon: React.FC<SvgIconT.Props>;\n  dsId: string | number;\n  onClick: (dsId: string | number) => void;\n  label?: string;\n  title?: string;\n}\n\nexport const defaultSidebarButton: SidebarButtonProps = {\n  Icon: Comments,\n  dsId: '',\n  label: '',\n  onClick: noop,\n  title: '',\n};\n\nexport const propsSidebarButton: DSPropTypesSchema<SidebarButtonProps> = {\n  Icon: PropTypes.element.description('Icon component').defaultValue(defaultSidebarButton.Icon),\n  dsId: PropTypes.oneOfType([PropTypes.number, PropTypes.string])\n    .description('Unique id for the button')\n    .defaultValue(defaultSidebarButton.dsId),\n  label: PropTypes.string.description('It will display under the icon').defaultValue(defaultSidebarButton.label),\n  title: PropTypes.string.description('Tooltip').defaultValue(defaultSidebarButton.title),\n  onClick: PropTypes.func\n    .description('The function to call when the is clicked')\n    .defaultValue(defaultSidebarButton.onClick),\n};\n\nexport const sidebarButtonPropsSchema = propsSidebarButton as unknown as ValidationMap<SidebarButtonProps>;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,sBAAyB;AAEzB,8BAA0B;AAC1B,uBAAqB;AAWd,MAAM,uBAA2C;AAAA,EACtD,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AACT;AAEO,MAAM,qBAA4D;AAAA,EACvE,MAAM,kCAAU,QAAQ,YAAY,gBAAgB,EAAE,aAAa,qBAAqB,IAAI;AAAA,EAC5F,MAAM,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,MAAM,CAAC,EAC3D,YAAY,0BAA0B,EACtC,aAAa,qBAAqB,IAAI;AAAA,EACzC,OAAO,kCAAU,OAAO,YAAY,gCAAgC,EAAE,aAAa,qBAAqB,KAAK;AAAA,EAC7G,OAAO,kCAAU,OAAO,YAAY,SAAS,EAAE,aAAa,qBAAqB,KAAK;AAAA,EACtF,SAAS,kCAAU,KAChB,YAAY,0CAA0C,EACtD,aAAa,qBAAqB,OAAO;AAC9C;AAEO,MAAM,2BAA2B;",
+  "sourcesContent": ["import type { SvgIconT } from '@elliemae/ds-icons';\nimport { Comments } from '@elliemae/ds-icons';\nimport type { DSPropTypesSchema, ValidationMap } from '@elliemae/ds-props-helpers';\nimport { PropTypes } from '@elliemae/ds-props-helpers';\nimport { noop } from 'lodash-es';\nimport type React from 'react';\n\nexport interface SidebarButtonProps {\n  Icon: React.FC<SvgIconT.Props>;\n  dsId: string | number;\n  onClick: (dsId: string | number) => void;\n  label?: string;\n  title?: string;\n  // forwarded from SideBarChat so the styled children participate in the slot system; optional for backwards compat.\n  getOwnerProps?: () => object;\n  getOwnerPropsArguments?: () => object;\n}\n\nexport const defaultSidebarButton: SidebarButtonProps = {\n  Icon: Comments,\n  dsId: '',\n  label: '',\n  onClick: noop,\n  title: '',\n};\n\nexport const propsSidebarButton: DSPropTypesSchema<SidebarButtonProps> = {\n  Icon: PropTypes.func.description('Icon component').defaultValue(defaultSidebarButton.Icon),\n  dsId: PropTypes.oneOfType([PropTypes.number, PropTypes.string])\n    .description('Unique id for the button')\n    .defaultValue(defaultSidebarButton.dsId),\n  label: PropTypes.string.description('It will display under the icon').defaultValue(defaultSidebarButton.label),\n  title: PropTypes.string.description('Tooltip').defaultValue(defaultSidebarButton.title),\n  onClick: PropTypes.func\n    .description('The function to call when the is clicked')\n    .defaultValue(defaultSidebarButton.onClick),\n  getOwnerProps: PropTypes.func.description('Slot system getter \u2014 forwarded from the parent SideBarChat'),\n  getOwnerPropsArguments: PropTypes.func.description(\n    'Slot system getOwnerPropsArguments \u2014 forwarded from the parent SideBarChat',\n  ),\n};\n\nexport const sidebarButtonPropsSchema = propsSidebarButton as unknown as ValidationMap<SidebarButtonProps>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,sBAAyB;AAEzB,8BAA0B;AAC1B,uBAAqB;AAcd,MAAM,uBAA2C;AAAA,EACtD,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AACT;AAEO,MAAM,qBAA4D;AAAA,EACvE,MAAM,kCAAU,KAAK,YAAY,gBAAgB,EAAE,aAAa,qBAAqB,IAAI;AAAA,EACzF,MAAM,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,MAAM,CAAC,EAC3D,YAAY,0BAA0B,EACtC,aAAa,qBAAqB,IAAI;AAAA,EACzC,OAAO,kCAAU,OAAO,YAAY,gCAAgC,EAAE,aAAa,qBAAqB,KAAK;AAAA,EAC7G,OAAO,kCAAU,OAAO,YAAY,SAAS,EAAE,aAAa,qBAAqB,KAAK;AAAA,EACtF,SAAS,kCAAU,KAChB,YAAY,0CAA0C,EACtD,aAAa,qBAAqB,OAAO;AAAA,EAC5C,eAAe,kCAAU,KAAK,YAAY,iEAA4D;AAAA,EACtG,wBAAwB,kCAAU,KAAK;AAAA,IACrC;AAAA,EACF;AACF;AAEO,MAAM,2BAA2B;",
   "names": []
 }

package/dist/cjs/sidebar-button/styled.js

@@ -36,9 +36,15 @@ module.exports = __toCommonJS(styled_exports);
 var React = __toESM(require("react"));
 var import_ds_system = require("@elliemae/ds-system");
 var import_ds_grid = require("@elliemae/ds-grid");
+var import_constants = require("../constants/index.js");
 const MIN_WIDTH_SIDEBAR = 48;
 const BUTTON_SIDEBAR_HEIGHT = 48;
-const StyledSidebarButton = import_ds_system.styled.button`
+const StyledSidebarButton = (0, import_ds_system.styled)("button", {
+  name: import_constants.DSChatSidebarName,
+  slot: import_constants.CHAT_SIDEBAR_SLOTS.SIDEBAR_BUTTON,
+  // legacy dynamic data-testid `sidebar-button-${dsId}` is preserved via inline JSX data-testid
+  preserveLegacyDataTestId: true
+})`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -59,10 +65,16 @@ const StyledSidebarButton = import_ds_system.styled.button`
     fill: ${(props) => props.theme.colors.neutral[500]};
   }
 `;
-const StyledSidebarButtonIcon = (0, import_ds_system.styled)(import_ds_grid.Grid)`
+const StyledSidebarButtonIcon = (0, import_ds_system.styled)(import_ds_grid.Grid, {
+  name: import_constants.DSChatSidebarName,
+  slot: import_constants.CHAT_SIDEBAR_SLOTS.SIDEBAR_BUTTON_ICON
+})`
   position: relative;
 `;
-const StyledSidebarButtonLabel = import_ds_system.styled.div`
+const StyledSidebarButtonLabel = (0, import_ds_system.styled)("div", {
+  name: import_constants.DSChatSidebarName,
+  slot: import_constants.CHAT_SIDEBAR_SLOTS.SIDEBAR_BUTTON_LABEL
+})`
   width: 30px;
   text-transform: uppercase;
   overflow: hidden;

package/dist/cjs/sidebar-button/styled.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/sidebar-button/styled.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nconst MIN_WIDTH_SIDEBAR = 48;\nconst BUTTON_SIDEBAR_HEIGHT = 48;\n// Buttons\nexport const StyledSidebarButton = styled.button`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  outline: none;\n  height: ${BUTTON_SIDEBAR_HEIGHT}px;\n  width: ${MIN_WIDTH_SIDEBAR}px;\n  position: relative;\n  border: 0;\n  background: transparent;\n  &:focus,\n  &:hover {\n    background: ${(props) => props.theme.colors.neutral['080']};\n  }\n  cursor: pointer;\n  border-bottom: 1px solid ${(props) => props.theme.colors.neutral['200']};\n\n  svg {\n    fill: ${(props) => props.theme.colors.neutral[500]};\n  }\n`;\n\nexport const StyledSidebarButtonIcon = styled(Grid)`\n  position: relative;\n`;\n\nexport const StyledSidebarButtonLabel = styled.div`\n  width: 30px;\n  text-transform: uppercase;\n  overflow: hidden;\n  text-align: center;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,qBAAqB;AACrB,MAAM,oBAAoB;AAC1B,MAAM,wBAAwB;AAEvB,MAAM,sBAAsB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA,YAK9B,qBAAqB;AAAA,WACtB,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAMV,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA,6BAGjC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA,YAG7D,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAAA;AAI/C,MAAM,8BAA0B,yBAAO,mBAAI;AAAA;AAAA;AAI3C,MAAM,2BAA2B,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "sourcesContent": ["import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { CHAT_SIDEBAR_SLOTS, DSChatSidebarName } from '../constants/index.js';\n\nconst MIN_WIDTH_SIDEBAR = 48;\nconst BUTTON_SIDEBAR_HEIGHT = 48;\n// Buttons\nexport const StyledSidebarButton = styled('button', {\n  name: DSChatSidebarName,\n  slot: CHAT_SIDEBAR_SLOTS.SIDEBAR_BUTTON,\n  // legacy dynamic data-testid `sidebar-button-${dsId}` is preserved via inline JSX data-testid\n  preserveLegacyDataTestId: true,\n})`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  outline: none;\n  height: ${BUTTON_SIDEBAR_HEIGHT}px;\n  width: ${MIN_WIDTH_SIDEBAR}px;\n  position: relative;\n  border: 0;\n  background: transparent;\n  &:focus,\n  &:hover {\n    background: ${(props) => props.theme.colors.neutral['080']};\n  }\n  cursor: pointer;\n  border-bottom: 1px solid ${(props) => props.theme.colors.neutral['200']};\n\n  svg {\n    fill: ${(props) => props.theme.colors.neutral[500]};\n  }\n`;\n\nexport const StyledSidebarButtonIcon = styled(Grid, {\n  name: DSChatSidebarName,\n  slot: CHAT_SIDEBAR_SLOTS.SIDEBAR_BUTTON_ICON,\n})`\n  position: relative;\n`;\n\nexport const StyledSidebarButtonLabel = styled('div', {\n  name: DSChatSidebarName,\n  slot: CHAT_SIDEBAR_SLOTS.SIDEBAR_BUTTON_LABEL,\n})`\n  width: 30px;\n  text-transform: uppercase;\n  overflow: hidden;\n  text-align: center;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,qBAAqB;AACrB,uBAAsD;AAEtD,MAAM,oBAAoB;AAC1B,MAAM,wBAAwB;AAEvB,MAAM,0BAAsB,yBAAO,UAAU;AAAA,EAClD,MAAM;AAAA,EACN,MAAM,oCAAmB;AAAA;AAAA,EAEzB,0BAA0B;AAC5B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,YAKW,qBAAqB;AAAA,WACtB,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAMV,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA,6BAGjC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA,YAG7D,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAAA;AAI/C,MAAM,8BAA0B,yBAAO,qBAAM;AAAA,EAClD,MAAM;AAAA,EACN,MAAM,oCAAmB;AAC3B,CAAC;AAAA;AAAA;AAIM,MAAM,+BAA2B,yBAAO,OAAO;AAAA,EACpD,MAAM;AAAA,EACN,MAAM,oCAAmB;AAC3B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;",
   "names": []
 }

package/dist/cjs/styled.js

@@ -35,16 +35,25 @@ module.exports = __toCommonJS(styled_exports);
 var React = __toESM(require("react"));
 var import_ds_system = require("@elliemae/ds-system");
 var import_ds_grid = require("@elliemae/ds-grid");
+var import_constants = require("./constants/index.js");
 const MIN_WIDTH_SIDEBAR = 48;
 const BUTTON_SIDEBAR_HEIGHT = 48;
-const StyledSideBarContainer = (0, import_ds_system.styled)(import_ds_grid.Grid)`
+const StyledSideBarContainer = (0, import_ds_system.styled)(import_ds_grid.Grid, {
+  name: import_constants.DSChatSidebarName,
+  slot: import_constants.CHAT_SIDEBAR_SLOTS.ROOT,
+  // legacy data-testid `ds-chat-sidebar` is preserved via inline JSX data-testid
+  preserveLegacyDataTestId: true
+})`
   height: 100%;
   width: ${MIN_WIDTH_SIDEBAR}px;
   background: ${(props) => props.theme.colors.neutral["050"]};
   border-right: 1px solid ${(props) => props.theme.colors.neutral["100"]};
   overflow: hidden;
 `;
-const StyledSideBarButtonsContainer = (0, import_ds_system.styled)(import_ds_grid.Grid)`
+const StyledSideBarButtonsContainer = (0, import_ds_system.styled)(import_ds_grid.Grid, {
+  name: import_constants.DSChatSidebarName,
+  slot: import_constants.CHAT_SIDEBAR_SLOTS.BUTTONS_CONTAINER
+})`
   overflow-y: auto;
   align-items: flex-start;
   justify-content: flex-start;

package/dist/cjs/styled.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/styled.ts", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nconst MIN_WIDTH_SIDEBAR = 48;\nconst BUTTON_SIDEBAR_HEIGHT = 48;\n// Sidebar\nexport const StyledSideBarContainer = styled(Grid)`\n  height: 100%;\n  width: ${MIN_WIDTH_SIDEBAR}px;\n  background: ${(props) => props.theme.colors.neutral['050']};\n  border-right: 1px solid ${(props) => props.theme.colors.neutral['100']};\n  overflow: hidden;\n`;\n\nexport const StyledSideBarButtonsContainer = styled(Grid)`\n  overflow-y: auto;\n  align-items: flex-start;\n  justify-content: flex-start;\n  grid-template-rows: repeat(auto-fill, ${BUTTON_SIDEBAR_HEIGHT}px);\n  overflow-x: hidden;\n\n  scrollbar-width: thin;\n  &::-webkit-scrollbar {\n    width: 6px;\n  }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,qBAAqB;AACrB,MAAM,oBAAoB;AAC1B,MAAM,wBAAwB;AAEvB,MAAM,6BAAyB,yBAAO,mBAAI;AAAA;AAAA,WAEtC,iBAAiB;AAAA,gBACZ,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA,4BAChC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAIjE,MAAM,oCAAgC,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA,0CAId,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "sourcesContent": ["import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { CHAT_SIDEBAR_SLOTS, DSChatSidebarName } from './constants/index.js';\n\nconst MIN_WIDTH_SIDEBAR = 48;\nconst BUTTON_SIDEBAR_HEIGHT = 48;\n// Sidebar\nexport const StyledSideBarContainer = styled(Grid, {\n  name: DSChatSidebarName,\n  slot: CHAT_SIDEBAR_SLOTS.ROOT,\n  // legacy data-testid `ds-chat-sidebar` is preserved via inline JSX data-testid\n  preserveLegacyDataTestId: true,\n})`\n  height: 100%;\n  width: ${MIN_WIDTH_SIDEBAR}px;\n  background: ${(props) => props.theme.colors.neutral['050']};\n  border-right: 1px solid ${(props) => props.theme.colors.neutral['100']};\n  overflow: hidden;\n`;\n\nexport const StyledSideBarButtonsContainer = styled(Grid, {\n  name: DSChatSidebarName,\n  slot: CHAT_SIDEBAR_SLOTS.BUTTONS_CONTAINER,\n})`\n  overflow-y: auto;\n  align-items: flex-start;\n  justify-content: flex-start;\n  grid-template-rows: repeat(auto-fill, ${BUTTON_SIDEBAR_HEIGHT}px);\n  overflow-x: hidden;\n\n  scrollbar-width: thin;\n  &::-webkit-scrollbar {\n    width: 6px;\n  }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,qBAAqB;AACrB,uBAAsD;AAEtD,MAAM,oBAAoB;AAC1B,MAAM,wBAAwB;AAEvB,MAAM,6BAAyB,yBAAO,qBAAM;AAAA,EACjD,MAAM;AAAA,EACN,MAAM,oCAAmB;AAAA;AAAA,EAEzB,0BAA0B;AAC5B,CAAC;AAAA;AAAA,WAEU,iBAAiB;AAAA,gBACZ,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA,4BAChC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAIjE,MAAM,oCAAgC,yBAAO,qBAAM;AAAA,EACxD,MAAM;AAAA,EACN,MAAM,oCAAmB;AAC3B,CAAC;AAAA;AAAA;AAAA;AAAA,0CAIyC,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
   "names": []
 }

package/dist/esm/DSChatSidebarDataTestIds.js

@@ -1,6 +1,7 @@
 import * as React from "react";
+import { CHAT_SIDEBAR_DATA_TESTID } from "./constants/index.js";
 const DSChatSidebarDataTestIds = {
-  ROOT: "ds-chat-sidebar"
+  ROOT: CHAT_SIDEBAR_DATA_TESTID.ROOT
 };
 export {
   DSChatSidebarDataTestIds

package/dist/esm/DSChatSidebarDataTestIds.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSChatSidebarDataTestIds.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSChatSidebarDataTestIds = {\n  ROOT: 'ds-chat-sidebar',\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,2BAA2B;AAAA,EACtC,MAAM;AACR;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { CHAT_SIDEBAR_DATA_TESTID } from './constants/index.js';\n\n// Legacy export \u2014 preserved for backwards compatibility with consumers importing { DSChatSidebarDataTestIds }.\n// New consumers should import { CHAT_SIDEBAR_DATA_TESTID } from '@elliemae/ds-chat-sidebar' instead.\nexport const DSChatSidebarDataTestIds = {\n  ROOT: CHAT_SIDEBAR_DATA_TESTID.ROOT,\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,gCAAgC;AAIlC,MAAM,2BAA2B;AAAA,EACtC,MAAM,yBAAyB;AACjC;",
   "names": []
 }