@elliemae/ds-chat-sidebar 3.52.1 → 3.53.0-alpha.2

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

@@ -28,15 +28,18 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var SidebarButton_exports = {};
 __export(SidebarButton_exports, {
-  SidebarButton: () => SidebarButton
+  SidebarButton: () => SidebarButtonWithSchema
 });
 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_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_styled = require("./styled.js");
 var import_props = require("./props.js");
-const SidebarButton = ({ label, dsId, onClick, Icon, ...rest }) => {
+const SidebarButton = (props) => {
+  const propsWithDefaultsTemporary = { ...import_props.defaultSidebarButton, ...props };
+  const { dsId, onClick, Icon, label, ...rest } = propsWithDefaultsTemporary;
   const handleClick = import_react.default.useCallback(() => {
     if (dsId) onClick(dsId);
   }, [onClick, dsId]);
@@ -45,6 +48,7 @@ const SidebarButton = ({ label, dsId, onClick, Icon, ...rest }) => {
     label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledSidebarButtonLabel, { children: label })
   ] }, dsId);
 };
-SidebarButton.propTypes = import_props.propsSidebarButton;
-SidebarButton.defaultProps = import_props.defaultSidebarButton;
+SidebarButton.displayName = "SidebarButton";
+const SidebarButtonWithSchema = (0, import_ds_props_helpers.describe)(SidebarButton);
+SidebarButtonWithSchema.propTypes = import_props.sidebarButtonPropsSchema;
 //# sourceMappingURL=SidebarButton.js.map

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 { StyledSidebarButton, StyledSidebarButtonLabel, StyledSidebarButtonIcon } from './styled.js';\nimport type { SidebarButtonProps } from './props.js';\nimport { propsSidebarButton, defaultSidebarButton } from './props.js';\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;ADWnB;AAXJ,mBAAkB;AAClB,oBAAuF;AAEvF,mBAAyD;AAElD,MAAM,gBAAgB,CAAC,EAAE,OAAO,MAAM,SAAS,MAAM,GAAG,KAAK,MAAuC;AACzG,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,YAAY;AAC1B,cAAc,eAAe;",
+  "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;",
   "names": ["React"]
 }

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

@@ -29,13 +29,14 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var props_exports = {};
 __export(props_exports, {
   defaultSidebarButton: () => defaultSidebarButton,
-  propsSidebarButton: () => propsSidebarButton
+  propsSidebarButton: () => propsSidebarButton,
+  sidebarButtonPropsSchema: () => sidebarButtonPropsSchema
 });
 module.exports = __toCommonJS(props_exports);
 var React = __toESM(require("react"));
+var import_ds_icons = require("@elliemae/ds-icons");
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_lodash_es = require("lodash-es");
-var import_ds_icons = require("@elliemae/ds-icons");
 const defaultSidebarButton = {
   Icon: import_ds_icons.Comments,
   dsId: "",
@@ -50,4 +51,5 @@ const propsSidebarButton = {
   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)
 };
+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 React from 'react';\nimport { PropTypes } from '@elliemae/ds-props-helpers';\nimport { noop } from 'lodash-es';\nimport type { SvgIconT } from '@elliemae/ds-icons';\nimport { Comments } from '@elliemae/ds-icons';\n\nexport interface SidebarButtonProps {\n  Icon: React.FC<SvgIconT.Props>;\n  dsId: string | number;\n  label: string;\n  onClick: (dsId: string | number) => void;\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 = {\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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,8BAA0B;AAC1B,uBAAqB;AAErB,sBAAyB;AAUlB,MAAM,uBAA2C;AAAA,EACtD,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AACT;AAEO,MAAM,qBAAqB;AAAA,EAChC,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;",
+  "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;",
   "names": []
 }

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

@@ -1,9 +1,12 @@
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import React2 from "react";
+import { describe } from "@elliemae/ds-props-helpers";
 import { StyledSidebarButton, StyledSidebarButtonLabel, StyledSidebarButtonIcon } from "./styled.js";
-import { propsSidebarButton, defaultSidebarButton } from "./props.js";
-const SidebarButton = ({ label, dsId, onClick, Icon, ...rest }) => {
+import { sidebarButtonPropsSchema, defaultSidebarButton } from "./props.js";
+const SidebarButton = (props) => {
+  const propsWithDefaultsTemporary = { ...defaultSidebarButton, ...props };
+  const { dsId, onClick, Icon, label, ...rest } = propsWithDefaultsTemporary;
   const handleClick = React2.useCallback(() => {
     if (dsId) onClick(dsId);
   }, [onClick, dsId]);
@@ -12,9 +15,10 @@ const SidebarButton = ({ label, dsId, onClick, Icon, ...rest }) => {
     label && /* @__PURE__ */ jsx(StyledSidebarButtonLabel, { children: label })
   ] }, dsId);
 };
-SidebarButton.propTypes = propsSidebarButton;
-SidebarButton.defaultProps = defaultSidebarButton;
+SidebarButton.displayName = "SidebarButton";
+const SidebarButtonWithSchema = describe(SidebarButton);
+SidebarButtonWithSchema.propTypes = sidebarButtonPropsSchema;
 export {
-  SidebarButton
+  SidebarButtonWithSchema as SidebarButton
 };
 //# sourceMappingURL=SidebarButton.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/sidebar-button/SidebarButton.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { StyledSidebarButton, StyledSidebarButtonLabel, StyledSidebarButtonIcon } from './styled.js';\nimport type { SidebarButtonProps } from './props.js';\nimport { propsSidebarButton, defaultSidebarButton } from './props.js';\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"],
-  "mappings": "AAAA,YAAY,WAAW;ACWnB,SAEI,KAFJ;AAXJ,OAAOA,YAAW;AAClB,SAAS,qBAAqB,0BAA0B,+BAA+B;AAEvF,SAAS,oBAAoB,4BAA4B;AAElD,MAAM,gBAAgB,CAAC,EAAE,OAAO,MAAM,SAAS,MAAM,GAAG,KAAK,MAAuC;AACzG,QAAM,cAAcA,OAAM,YAAY,MAAM;AAC1C,QAAI,KAAM,SAAQ,IAAI;AAAA,EACxB,GAAG,CAAC,SAAS,IAAI,CAAC;AAElB,SACE,qBAAC,uBAA+B,eAAa,kBAAkB,IAAI,IAAI,SAAS,aAAc,GAAG,MAC/F;AAAA,wBAAC,2BAAwB,YAAW,UAAS,gBAAe,UAC1D,8BAAC,QAAK,MAAK,KAAI,GACjB;AAAA,IACC,SAAS,oBAAC,4BAA0B,iBAAM;AAAA,OAJnB,IAK1B;AAEJ;AAEA,cAAc,YAAY;AAC1B,cAAc,eAAe;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA,YAAY,WAAW;ACcnB,SAEI,KAFJ;AAdJ,OAAOA,YAAW;AAClB,SAAS,gBAAgB;AACzB,SAAS,qBAAqB,0BAA0B,+BAA+B;AAEvF,SAAS,0BAA0B,4BAA4B;AAE/D,MAAM,gBAAgB,CAAC,UAA2C;AAChE,QAAM,6BAA6B,EAAE,GAAG,sBAAsB,GAAG,MAAM;AACvE,QAAM,EAAE,MAAM,SAAS,MAAM,OAAO,GAAG,KAAK,IAAI;AAChD,QAAM,cAAcA,OAAM,YAAY,MAAM;AAC1C,QAAI,KAAM,SAAQ,IAAI;AAAA,EACxB,GAAG,CAAC,SAAS,IAAI,CAAC;AAElB,SACE,qBAAC,uBAA+B,eAAa,kBAAkB,IAAI,IAAI,SAAS,aAAc,GAAG,MAC/F;AAAA,wBAAC,2BAAwB,YAAW,UAAS,gBAAe,UAC1D,8BAAC,QAAK,MAAK,KAAI,GACjB;AAAA,IACC,SAAS,oBAAC,4BAA0B,iBAAM;AAAA,OAJnB,IAK1B;AAEJ;AAEA,cAAc,cAAc;AAC5B,MAAM,0BAA0B,SAAS,aAAa;AACtD,wBAAwB,YAAY;",
   "names": ["React"]
 }

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

@@ -1,7 +1,7 @@
 import * as React from "react";
+import { Comments } from "@elliemae/ds-icons";
 import { PropTypes } from "@elliemae/ds-props-helpers";
 import { noop } from "lodash-es";
-import { Comments } from "@elliemae/ds-icons";
 const defaultSidebarButton = {
   Icon: Comments,
   dsId: "",
@@ -16,8 +16,10 @@ const propsSidebarButton = {
   title: PropTypes.string.description("Tooltip").defaultValue(defaultSidebarButton.title),
   onClick: PropTypes.func.description("The function to call when the is clicked").defaultValue(defaultSidebarButton.onClick)
 };
+const sidebarButtonPropsSchema = propsSidebarButton;
 export {
   defaultSidebarButton,
-  propsSidebarButton
+  propsSidebarButton,
+  sidebarButtonPropsSchema
 };
 //# sourceMappingURL=props.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/sidebar-button/props.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type React from 'react';\nimport { PropTypes } from '@elliemae/ds-props-helpers';\nimport { noop } from 'lodash-es';\nimport type { SvgIconT } from '@elliemae/ds-icons';\nimport { Comments } from '@elliemae/ds-icons';\n\nexport interface SidebarButtonProps {\n  Icon: React.FC<SvgIconT.Props>;\n  dsId: string | number;\n  label: string;\n  onClick: (dsId: string | number) => void;\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 = {\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"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AAErB,SAAS,gBAAgB;AAUlB,MAAM,uBAA2C;AAAA,EACtD,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AACT;AAEO,MAAM,qBAAqB;AAAA,EAChC,MAAM,UAAU,QAAQ,YAAY,gBAAgB,EAAE,aAAa,qBAAqB,IAAI;AAAA,EAC5F,MAAM,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAC3D,YAAY,0BAA0B,EACtC,aAAa,qBAAqB,IAAI;AAAA,EACzC,OAAO,UAAU,OAAO,YAAY,gCAAgC,EAAE,aAAa,qBAAqB,KAAK;AAAA,EAC7G,OAAO,UAAU,OAAO,YAAY,SAAS,EAAE,aAAa,qBAAqB,KAAK;AAAA,EACtF,SAAS,UAAU,KAChB,YAAY,0CAA0C,EACtD,aAAa,qBAAqB,OAAO;AAC9C;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,gBAAgB;AAEzB,SAAS,iBAAiB;AAC1B,SAAS,YAAY;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,UAAU,QAAQ,YAAY,gBAAgB,EAAE,aAAa,qBAAqB,IAAI;AAAA,EAC5F,MAAM,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAC3D,YAAY,0BAA0B,EACtC,aAAa,qBAAqB,IAAI;AAAA,EACzC,OAAO,UAAU,OAAO,YAAY,gCAAgC,EAAE,aAAa,qBAAqB,KAAK;AAAA,EAC7G,OAAO,UAAU,OAAO,YAAY,SAAS,EAAE,aAAa,qBAAqB,KAAK;AAAA,EACtF,SAAS,UAAU,KAChB,YAAY,0CAA0C,EACtD,aAAa,qBAAqB,OAAO;AAC9C;AAEO,MAAM,2BAA2B;",
   "names": []
 }

package/dist/types/react-desc-prop-types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { DSChatTileT } from '@elliemae/ds-chat-tile';
 export declare namespace DSChatSidebarT {
     type TooltipPlacementT = 'top-start' | 'top' | 'top-end' | 'right-start' | 'right' | 'right-end' | 'bottom-end' | 'bottom' | 'bottom-start' | 'left-end' | 'left' | 'left-start';

package/dist/types/sidebar-button/SidebarButton.d.ts

@@ -1,13 +1,3 @@
-/// <reference types="react" />
 import type { SidebarButtonProps } from './props.js';
-export declare const SidebarButton: {
-    ({ label, dsId, onClick, Icon, ...rest }: SidebarButtonProps): JSX.Element;
-    propTypes: {
-        Icon: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-        dsId: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-        label: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-        title: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-        onClick: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    };
-    defaultProps: SidebarButtonProps;
-};
+declare const SidebarButtonWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<SidebarButtonProps>;
+export { SidebarButtonWithSchema as SidebarButton };

package/dist/types/sidebar-button/props.d.ts

@@ -1,17 +1,13 @@
-import type React from 'react';
 import type { SvgIconT } from '@elliemae/ds-icons';
+import type { DSPropTypesSchema, ValidationMap } from '@elliemae/ds-props-helpers';
+import type React from 'react';
 export interface SidebarButtonProps {
     Icon: React.FC<SvgIconT.Props>;
     dsId: string | number;
-    label: string;
     onClick: (dsId: string | number) => void;
-    title: string;
+    label?: string;
+    title?: string;
 }
 export declare const defaultSidebarButton: SidebarButtonProps;
-export declare const propsSidebarButton: {
-    Icon: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    dsId: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    label: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    title: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    onClick: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-};
+export declare const propsSidebarButton: DSPropTypesSchema<SidebarButtonProps>;
+export declare const sidebarButtonPropsSchema: ValidationMap<SidebarButtonProps>;

package/dist/types/sidebar-button/styled.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const StyledSidebarButton: import("styled-components").StyledComponent<"button", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"button">, never>;
 export declare const StyledSidebarButtonIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>>, never>;
 export declare const StyledSidebarButtonLabel: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;

package/dist/types/styled.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 export declare const StyledSideBarContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>>, never>;
 export declare const StyledSideBarButtonsContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>>, never>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-chat-sidebar",
-  "version": "3.52.1",
+  "version": "3.53.0-alpha.2",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Chat Sidebar",
   "files": [
@@ -36,17 +36,18 @@
     "typeSafety": true
   },
   "dependencies": {
-    "@elliemae/ds-chat-tile": "3.52.1",
-    "@elliemae/ds-props-helpers": "3.52.1",
-    "@elliemae/ds-icons": "3.52.1",
-    "@elliemae/ds-grid": "3.52.1",
-    "@elliemae/ds-system": "3.52.1"
+    "@elliemae/ds-chat-tile": "3.53.0-alpha.2",
+    "@elliemae/ds-grid": "3.53.0-alpha.2",
+    "@elliemae/ds-props-helpers": "3.53.0-alpha.2",
+    "@elliemae/ds-icons": "3.53.0-alpha.2",
+    "@elliemae/ds-system": "3.53.0-alpha.2"
   },
   "devDependencies": {
-    "@elliemae/pui-cli": "9.0.0-next.63",
+    "@elliemae/pui-cli": "9.0.0-next.65",
     "jest": "~29.7.0",
     "styled-components": "~5.3.9",
-    "@elliemae/ds-monorepo-devops": "3.52.1"
+    "@elliemae/ds-monorepo-devops": "3.53.0-alpha.2",
+    "@elliemae/ds-test-utils": "3.53.0-alpha.2"
   },
   "peerDependencies": {
     "lodash-es": "^4.17.21",