@elliemae/ds-chat 2.3.0-next.3 → 3.0.0-alpha.0

package/dist/cjs/parts/chat-empty-state/ChatEmptyState.js

@@ -0,0 +1,70 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var ChatEmptyState_exports = {};
+__export(ChatEmptyState_exports, {
+  ChatEmptyState: () => ChatEmptyState,
+  ChatEmptyStateListWithSchema: () => ChatEmptyStateListWithSchema
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_props = require("./props");
+var import_styled = require("./styled");
+var import_useValidateProps = require("./config/useValidateProps");
+const ChatEmptyState = (props) => {
+  (0, import_useValidateProps.useValidateProps)(props, ChatEmptyStateListWithSchema.toJSON());
+  const { label, action } = props;
+  const MainContent = (0, import_react.useMemo)(() => /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+    alignItems: "center",
+    justifyContent: "center"
+  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+    alignItems: "center",
+    justifyContent: "center"
+  }, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.Communications, {
+    size: "xxl",
+    color: ["neutral", 400]
+  })), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+    alignItems: "center",
+    justifyContent: "center"
+  }, /* @__PURE__ */ import_react.default.createElement(import_styled.MessageWrapper, null, label)), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+    alignItems: "center",
+    justifyContent: "center"
+  }, action)), [label, action]);
+  return /* @__PURE__ */ import_react.default.createElement(import_styled.ChatEmptyStateWrapper, {
+    alignItems: "center",
+    justifyContent: "center"
+  }, MainContent);
+};
+ChatEmptyState.propTypes = import_props.emptyStateProps;
+ChatEmptyState.defaultProps = import_props.defaultProps;
+const ChatEmptyStateListWithSchema = (0, import_react_desc.describe)(ChatEmptyState);
+ChatEmptyStateListWithSchema.propTypes = import_props.emptyStateProps;
+module.exports = __toCommonJS(ChatEmptyState_exports);
+//# sourceMappingURL=ChatEmptyState.js.map

package/dist/cjs/parts/chat-empty-state/ChatEmptyState.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/chat-empty-state/ChatEmptyState.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useMemo } from 'react';\nimport { describe } from 'react-desc';\nimport { Grid } from '@elliemae/ds-grid';\nimport { Communications } from '@elliemae/ds-icons';\nimport { ChatEmptyStateProps, emptyStateProps, defaultProps } from './props';\nimport { ChatEmptyStateWrapper, MessageWrapper } from './styled';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst ChatEmptyState = (props: ChatEmptyStateProps): JSX.Element => {\n  useValidateProps(props, ChatEmptyStateListWithSchema.toJSON());\n  const { label, action } = props;\n  const MainContent = useMemo(\n    () => (\n      <Grid alignItems=\"center\" justifyContent=\"center\">\n        <Grid alignItems=\"center\" justifyContent=\"center\">\n          <Communications size=\"xxl\" color={['neutral', 400]} />\n        </Grid>\n        <Grid alignItems=\"center\" justifyContent=\"center\">\n          <MessageWrapper>{label}</MessageWrapper>\n        </Grid>\n        <Grid alignItems=\"center\" justifyContent=\"center\">\n          {action}\n        </Grid>\n      </Grid>\n    ),\n    [label, action],\n  );\n  return (\n    <ChatEmptyStateWrapper alignItems=\"center\" justifyContent=\"center\">\n      {MainContent}\n    </ChatEmptyStateWrapper>\n  );\n};\n\nChatEmptyState.propTypes = emptyStateProps;\nChatEmptyState.defaultProps = defaultProps;\nconst ChatEmptyStateListWithSchema = describe(ChatEmptyState);\nChatEmptyStateListWithSchema.propTypes = emptyStateProps;\n\nexport { ChatEmptyState, ChatEmptyStateListWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA+B;AAC/B,wBAAyB;AACzB,qBAAqB;AACrB,sBAA+B;AAC/B,mBAAmE;AACnE,oBAAsD;AACtD,8BAAiC;AAEjC,MAAM,iBAAiB,CAAC,UAA4C;AAClE,gDAAiB,OAAO,6BAA6B;AACrD,QAAM,EAAE,OAAO,WAAW;AAC1B,QAAM,cAAc,0BAClB,MACE,mDAAC,qBAAD;AAAA,IAAM,YAAW;AAAA,IAAS,gBAAe;AAAA,KACvC,mDAAC,qBAAD;AAAA,IAAM,YAAW;AAAA,IAAS,gBAAe;AAAA,KACvC,mDAAC,gCAAD;AAAA,IAAgB,MAAK;AAAA,IAAM,OAAO,CAAC,WAAW;AAAA,OAEhD,mDAAC,qBAAD;AAAA,IAAM,YAAW;AAAA,IAAS,gBAAe;AAAA,KACvC,mDAAC,8BAAD,MAAiB,SAEnB,mDAAC,qBAAD;AAAA,IAAM,YAAW;AAAA,IAAS,gBAAe;AAAA,KACtC,UAIP,CAAC,OAAO;AAEV,SACE,mDAAC,qCAAD;AAAA,IAAuB,YAAW;AAAA,IAAS,gBAAe;AAAA,KACvD;AAAA;AAKP,eAAe,YAAY;AAC3B,eAAe,eAAe;AAC9B,MAAM,+BAA+B,gCAAS;AAC9C,6BAA6B,YAAY;",
+  "names": []
+}

package/dist/cjs/parts/chat-empty-state/config/useValidateProps.js

@@ -0,0 +1,38 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var useValidateProps_exports = {};
+__export(useValidateProps_exports, {
+  useValidateProps: () => useValidateProps
+});
+var React = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+const useValidateProps = (props, schema) => {
+  (0, import_ds_props_helpers.useValidatePropTypes)(props, schema);
+};
+module.exports = __toCommonJS(useValidateProps_exports);
+//# sourceMappingURL=useValidateProps.js.map

package/dist/cjs/parts/chat-empty-state/config/useValidateProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/parts/chat-empty-state/config/useValidateProps.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { ChatEmptyStateProps } from '../props';\n\nexport const useValidateProps = (props: ChatEmptyStateProps, schema: unknown): void => {\n  useValidatePropTypes(props, schema);\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAqC;AAG9B,MAAM,mBAAmB,CAAC,OAA4B,WAA0B;AACrF,oDAAqB,OAAO;AAAA;",
+  "names": []
+}

package/dist/cjs/parts/chat-empty-state/props.js

@@ -0,0 +1,44 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var props_exports = {};
+__export(props_exports, {
+  defaultProps: () => defaultProps,
+  emptyStateProps: () => emptyStateProps
+});
+var React = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+const defaultProps = {
+  label: "No Messages Yet",
+  action: null
+};
+const emptyStateProps = {
+  label: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.string).description("No Message to show text helper").defaultValue(defaultProps.label),
+  action: import_react_desc.PropTypes.node.description("action element").defaultValue(defaultProps.action)
+};
+module.exports = __toCommonJS(props_exports);
+//# sourceMappingURL=props.js.map

package/dist/cjs/parts/chat-empty-state/props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/chat-empty-state/props.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { PropTypes } from 'react-desc';\n\nexport interface ChatEmptyStateProps {\n  label: string;\n  action: React.FC;\n}\n\nexport const defaultProps: ChatEmptyStateProps = {\n  label: 'No Messages Yet',\n  action: null,\n};\n\nexport const emptyStateProps = {\n  label: PropTypes.arrayOf(PropTypes.string)\n    .description('No Message to show text helper')\n    .defaultValue(defaultProps.label),\n  action: PropTypes.node.description('action element').defaultValue(defaultProps.action),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA0B;AAOnB,MAAM,eAAoC;AAAA,EAC/C,OAAO;AAAA,EACP,QAAQ;AAAA;AAGH,MAAM,kBAAkB;AAAA,EAC7B,OAAO,4BAAU,QAAQ,4BAAU,QAChC,YAAY,kCACZ,aAAa,aAAa;AAAA,EAC7B,QAAQ,4BAAU,KAAK,YAAY,kBAAkB,aAAa,aAAa;AAAA;",
+  "names": []
+}

package/dist/cjs/parts/chat-empty-state/styled.js

@@ -0,0 +1,48 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var styled_exports = {};
+__export(styled_exports, {
+  CONTAINER_WIDTH: () => CONTAINER_WIDTH,
+  ChatEmptyStateWrapper: () => ChatEmptyStateWrapper,
+  MessageWrapper: () => MessageWrapper
+});
+var React = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_ds_grid = require("@elliemae/ds-grid");
+const CONTAINER_WIDTH = 300;
+const ChatEmptyStateWrapper = (0, import_styled_components.default)(import_ds_grid.Grid)`
+  height: 100%;
+  min-width: ${CONTAINER_WIDTH}px;
+  overflow: hidden;
+  background: ${(props) => props.theme.colors.neutral["050"]};
+`;
+const MessageWrapper = import_styled_components.default.p`
+  font-size: 18px;
+`;
+module.exports = __toCommonJS(styled_exports);
+//# sourceMappingURL=styled.js.map

package/dist/cjs/parts/chat-empty-state/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/chat-empty-state/styled.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\n\nexport const CONTAINER_WIDTH = 300;\n\nexport const ChatEmptyStateWrapper = styled(Grid)`\n  height: 100%;\n  min-width: ${CONTAINER_WIDTH}px;\n  overflow: hidden;\n  background: ${(props) => props.theme.colors.neutral['050']};\n`;\n\nexport const MessageWrapper = styled.p`\n  font-size: 18px;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AACnB,qBAAqB;AAEd,MAAM,kBAAkB;AAExB,MAAM,wBAAwB,sCAAO;AAAA;AAAA,eAE7B;AAAA;AAAA,gBAEC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAG/C,MAAM,iBAAiB,iCAAO;AAAA;AAAA;",
+  "names": []
+}

package/dist/cjs/parts/chat-sidebar/SideBarChat.js

@@ -0,0 +1,100 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var SideBarChat_exports = {};
+__export(SideBarChat_exports, {
+  SideBarChat: () => SideBarChat,
+  SideBarChatWithSchema: () => SideBarChatWithSchema
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_styled = require("./styled");
+var import_tile_button = require("../tile-button");
+var import_SidebarButton = require("../sidebar-button/SidebarButton");
+var import_props = require("./props");
+var import_useValidateProps = require("./config/useValidateProps");
+const FooterChat = ({
+  expanded,
+  onFooterClose,
+  onFooterExpand,
+  footerButtonExtraProps
+}) => /* @__PURE__ */ import_react.default.createElement(import_SidebarButton.SidebarButton, {
+  dsId: "sidebar_footer",
+  label: null,
+  Icon: !expanded ? import_ds_icons.MenuCollapse : import_ds_icons.MenuExpand,
+  onClick: expanded ? onFooterClose : onFooterExpand,
+  "aria-pressed": expanded,
+  "aria-label": footerButtonExtraProps["aria-label"]
+});
+const SideBarChat = (props) => {
+  (0, import_useValidateProps.useValidateProps)(props, SideBarChatWithSchema.toJSON());
+  const {
+    sidebarItems,
+    expanded,
+    onFooterClose,
+    onFooterExpand,
+    selectedItem,
+    footerButtonExtraProps,
+    tooltipPlacement,
+    enableTooltipWhenIsClosed,
+    actionRef
+  } = props;
+  const { current: listRef } = import_react.default.useRef({});
+  const registerReference = import_react.default.useCallback((ref) => {
+    if (ref)
+      listRef[ref.dataset.key] = ref;
+  }, [listRef]);
+  import_react.default.useEffect(() => {
+    if (actionRef.current.listRef) {
+      actionRef.current.listRef = listRef;
+    }
+  }, [sidebarItems, expanded, actionRef, listRef]);
+  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledSideBarContainer, {
+    rows: [1, "auto"],
+    ref: listRef
+  }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledSideBarButtonsContainer, null, sidebarItems.map((p) => /* @__PURE__ */ import_react.default.createElement(import_tile_button.TileButton, {
+    key: p.dsId,
+    innerRef: registerReference,
+    ...p,
+    selected: selectedItem === p.dsId,
+    tooltipPlacement,
+    disableTooltip: enableTooltipWhenIsClosed ? false : !expanded
+  }))), /* @__PURE__ */ import_react.default.createElement(FooterChat, {
+    expanded,
+    onFooterClose,
+    onFooterExpand,
+    footerButtonExtraProps
+  }));
+};
+SideBarChat.propTypes = import_props.chatSidebarProps;
+SideBarChat.defaultProps = import_props.defaultProps;
+const SideBarChatWithSchema = (0, import_react_desc.describe)(SideBarChat);
+SideBarChatWithSchema.propTypes = import_props.chatSidebarProps;
+module.exports = __toCommonJS(SideBarChat_exports);
+//# sourceMappingURL=SideBarChat.js.map

package/dist/cjs/parts/chat-sidebar/SideBarChat.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/chat-sidebar/SideBarChat.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { describe } from 'react-desc';\nimport { MenuCollapse, MenuExpand } from '@elliemae/ds-icons';\nimport { StyledSideBarContainer, StyledSideBarButtonsContainer } from './styled';\nimport { TileButton } from '../tile-button';\nimport { SidebarButton } from '../sidebar-button/SidebarButton';\nimport { CharSidebarProps, defaultProps, chatSidebarProps } from './props';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst FooterChat = ({\n  expanded,\n  onFooterClose,\n  onFooterExpand,\n  footerButtonExtraProps,\n}: Pick<CharSidebarProps, 'expanded' | 'onFooterClose' | 'onFooterExpand' | 'footerButtonExtraProps'>) => (\n  <SidebarButton\n    dsId=\"sidebar_footer\"\n    label={null}\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 = (props: CharSidebarProps): JSX.Element => {\n  useValidateProps(props, SideBarChatWithSchema.toJSON());\n  const {\n    sidebarItems,\n    expanded,\n    onFooterClose,\n    onFooterExpand,\n    selectedItem,\n    footerButtonExtraProps,\n    tooltipPlacement,\n    enableTooltipWhenIsClosed,\n    actionRef,\n  } = props;\n  const { current: listRef } = React.useRef({});\n  const registerReference = React.useCallback(\n    (ref: HTMLElement) => {\n      if (ref) listRef[ref.dataset.key] = ref;\n    },\n    [listRef],\n  );\n  React.useEffect(() => {\n    if (actionRef.current.listRef) {\n      actionRef.current.listRef = listRef;\n    }\n  }, [sidebarItems, expanded, actionRef, listRef]);\n\n  return (\n    <StyledSideBarContainer rows={[1, 'auto']} ref={listRef}>\n      <StyledSideBarButtonsContainer>\n        {sidebarItems.map((p) => (\n          <TileButton\n            key={p.dsId}\n            innerRef={registerReference}\n            {...p}\n            selected={selectedItem === p.dsId}\n            tooltipPlacement={tooltipPlacement}\n            disableTooltip={enableTooltipWhenIsClosed ? false : !expanded}\n          />\n        ))}\n      </StyledSideBarButtonsContainer>\n      <FooterChat\n        expanded={expanded}\n        onFooterClose={onFooterClose}\n        onFooterExpand={onFooterExpand}\n        footerButtonExtraProps={footerButtonExtraProps}\n      />\n    </StyledSideBarContainer>\n  );\n};\n\nSideBarChat.propTypes = chatSidebarProps;\nSideBarChat.defaultProps = defaultProps;\nconst SideBarChatWithSchema = describe(SideBarChat);\nSideBarChatWithSchema.propTypes = chatSidebarProps;\n\nexport { SideBarChat, SideBarChatWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAyB;AACzB,sBAAyC;AACzC,oBAAsE;AACtE,yBAA2B;AAC3B,2BAA8B;AAC9B,mBAAiE;AACjE,8BAAiC;AAEjC,MAAM,aAAa,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAEA,mDAAC,oCAAD;AAAA,EACE,MAAK;AAAA,EACL,OAAO;AAAA,EACP,MAAM,CAAC,WAAW,+BAAe;AAAA,EACjC,SAAS,WAAW,gBAAgB;AAAA,EACpC,gBAAc;AAAA,EACd,cAAY,uBAAuB;AAAA;AAIvC,MAAM,cAAc,CAAC,UAAyC;AAC5D,gDAAiB,OAAO,sBAAsB;AAC9C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE;AACJ,QAAM,EAAE,SAAS,YAAY,qBAAM,OAAO;AAC1C,QAAM,oBAAoB,qBAAM,YAC9B,CAAC,QAAqB;AACpB,QAAI;AAAK,cAAQ,IAAI,QAAQ,OAAO;AAAA,KAEtC,CAAC;AAEH,uBAAM,UAAU,MAAM;AACpB,QAAI,UAAU,QAAQ,SAAS;AAC7B,gBAAU,QAAQ,UAAU;AAAA;AAAA,KAE7B,CAAC,cAAc,UAAU,WAAW;AAEvC,SACE,mDAAC,sCAAD;AAAA,IAAwB,MAAM,CAAC,GAAG;AAAA,IAAS,KAAK;AAAA,KAC9C,mDAAC,6CAAD,MACG,aAAa,IAAI,CAAC,MACjB,mDAAC,+BAAD;AAAA,IACE,KAAK,EAAE;AAAA,IACP,UAAU;AAAA,OACN;AAAA,IACJ,UAAU,iBAAiB,EAAE;AAAA,IAC7B;AAAA,IACA,gBAAgB,4BAA4B,QAAQ,CAAC;AAAA,QAI3D,mDAAC,YAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAMR,YAAY,YAAY;AACxB,YAAY,eAAe;AAC3B,MAAM,wBAAwB,gCAAS;AACvC,sBAAsB,YAAY;",
+  "names": []
+}

package/dist/cjs/parts/chat-sidebar/config/useValidateProps.js

@@ -0,0 +1,38 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var useValidateProps_exports = {};
+__export(useValidateProps_exports, {
+  useValidateProps: () => useValidateProps
+});
+var React = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+const useValidateProps = (props, schema) => {
+  (0, import_ds_props_helpers.useValidatePropTypes)(props, schema);
+};
+module.exports = __toCommonJS(useValidateProps_exports);
+//# sourceMappingURL=useValidateProps.js.map

package/dist/cjs/parts/chat-sidebar/config/useValidateProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/parts/chat-sidebar/config/useValidateProps.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { CharSidebarProps } from '../props';\n\nexport const useValidateProps = (props: CharSidebarProps, schema: unknown): void => {\n  useValidatePropTypes(props, schema);\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAqC;AAG9B,MAAM,mBAAmB,CAAC,OAAyB,WAA0B;AAClF,oDAAqB,OAAO;AAAA;",
+  "names": []
+}

package/dist/cjs/parts/chat-sidebar/index.js

@@ -0,0 +1,36 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var chat_sidebar_exports = {};
+__export(chat_sidebar_exports, {
+  SideBarChat: () => import_SideBarChat.SideBarChat,
+  SideBarChatWithSchema: () => import_SideBarChat.SideBarChatWithSchema
+});
+var React = __toESM(require("react"));
+var import_SideBarChat = require("./SideBarChat");
+module.exports = __toCommonJS(chat_sidebar_exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/parts/chat-sidebar/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/chat-sidebar/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export { SideBarChat, SideBarChatWithSchema } from './SideBarChat';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,yBAAmD;",
+  "names": []
+}

package/dist/cjs/parts/chat-sidebar/props.js

@@ -0,0 +1,84 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var props_exports = {};
+__export(props_exports, {
+  chatSidebarProps: () => chatSidebarProps,
+  defaultProps: () => defaultProps
+});
+var React = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_lodash = require("lodash");
+const defaultProps = {
+  expanded: false,
+  selectedItem: void 0,
+  sidebarItems: [],
+  onFooterExpand: import_lodash.noop,
+  onFooterClose: import_lodash.noop,
+  onHeaderExpand: import_lodash.noop,
+  onHeaderClose: import_lodash.noop,
+  footerButtonExtraProps: { "aria-label": "expand or collapse button" },
+  tooltipPlacement: "right",
+  enableTooltipWhenIsClosed: false,
+  actionRef: {
+    current: {
+      listRef: []
+    }
+  }
+};
+const chatSidebarProps = {
+  sidebarItems: import_react_desc.PropTypes.arrayOf(import_react_desc.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_react_desc.PropTypes.bool.description("Whether to show the chat expanded or collapsed").defaultValue(defaultProps.expanded),
+  selectedItem: import_react_desc.PropTypes.string.description("The id of the chat item you want to be opened").defaultValue(defaultProps.selectedItem),
+  tooltipPlacement: import_react_desc.PropTypes.oneOf([
+    "top-start",
+    "top",
+    "top-end",
+    "right-start",
+    "right",
+    "right-end",
+    "bottom-end",
+    "bottom",
+    "bottom-start",
+    "left-end",
+    "left",
+    "left-start"
+  ]).description("start placement preferences, as per popperjs placement option").defaultValue("'right'"),
+  enableTooltipWhenIsClosed: import_react_desc.PropTypes.bool.description("Enable tooltip when is closed").defaultValue(defaultProps.onFooterExpand),
+  onFooterExpand: import_react_desc.PropTypes.func.description("The function to call when the chat is opened via the footer").defaultValue(defaultProps.onFooterExpand),
+  onFooterClose: import_react_desc.PropTypes.func.description("The function to call when the chat is closed via the footer").defaultValue(defaultProps.onFooterClose),
+  onHeaderExpand: import_react_desc.PropTypes.func.description("The function to call when the chat is opened via the header").defaultValue(defaultProps.onHeaderExpand),
+  onHeaderClose: import_react_desc.PropTypes.func.description("The function to call when the chat is closed via the header").defaultValue(defaultProps.onHeaderClose),
+  footerButtonExtraProps: import_react_desc.PropTypes.object.description("Expand/collapse footer button extra props").defaultValue(defaultProps.footerButtonExtraProps),
+  actionRef: import_react_desc.PropTypes.object.description(`Action ref for sidebar
+  {
+    listRef: references to Tiles
+  }
+  `).defaultValue(defaultProps.actionRef)
+};
+module.exports = __toCommonJS(props_exports);
+//# sourceMappingURL=props.js.map

package/dist/cjs/parts/chat-sidebar/props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/chat-sidebar/props.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport { TileButtonProps } from '../tile-button/props';\n\nexport interface CharSidebarProps {\n  sidebarItems: TileButtonProps[];\n  expanded: boolean;\n  selectedItem: undefined;\n  onFooterClose: () => void;\n  onFooterExpand: () => void;\n  onHeaderExpand: () => void;\n  onHeaderClose: () => void;\n  footerButtonExtraProps: Record<string, any>;\n  tooltipPlacement:\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  enableTooltipWhenIsClosed: boolean;\n  actionRef: React.MutableRefObject<any>;\n}\n\nexport const defaultProps: CharSidebarProps = {\n  expanded: false,\n  selectedItem: undefined,\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  actionRef: {\n    current: {\n      listRef: [],\n    },\n  },\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\n    .description('The id of the chat item you want to be opened')\n    .defaultValue(defaultProps.selectedItem),\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\n    .description(\n      `Action ref for sidebar\n  {\n    listRef: references to Tiles\n  }\n  `,\n    )\n    .defaultValue(defaultProps.actionRef),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA0B;AAC1B,oBAAqB;AA6Bd,MAAM,eAAiC;AAAA,EAC5C,UAAU;AAAA,EACV,cAAc;AAAA,EACd,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,wBAAwB,EAAE,cAAc;AAAA,EACxC,kBAAkB;AAAA,EAClB,2BAA2B;AAAA,EAC3B,WAAW;AAAA,IACT,SAAS;AAAA,MACP,SAAS;AAAA;AAAA;AAAA;AAKR,MAAM,mBAAmB;AAAA,EAC9B,cAAc,4BAAU,QAAQ,4BAAU,QACvC,YAAY,2FACZ,aAAa,aAAa;AAAA,EAC7B,UAAU,4BAAU,KACjB,YAAY,kDACZ,aAAa,aAAa;AAAA,EAC7B,cAAc,4BAAU,OACrB,YAAY,iDACZ,aAAa,aAAa;AAAA,EAC7B,kBAAkB,4BAAU,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,KAEC,YAAY,iEACZ,aAAa;AAAA,EAChB,2BAA2B,4BAAU,KAClC,YAAY,iCACZ,aAAa,aAAa;AAAA,EAC7B,gBAAgB,4BAAU,KACvB,YAAY,+DACZ,aAAa,aAAa;AAAA,EAC7B,eAAe,4BAAU,KACtB,YAAY,+DACZ,aAAa,aAAa;AAAA,EAC7B,gBAAgB,4BAAU,KACvB,YAAY,+DACZ,aAAa,aAAa;AAAA,EAC7B,eAAe,4BAAU,KACtB,YAAY,+DACZ,aAAa,aAAa;AAAA,EAC7B,wBAAwB,4BAAU,OAC/B,YAAY,6CACZ,aAAa,aAAa;AAAA,EAC7B,WAAW,4BAAU,OAClB,YACC;AAAA;AAAA;AAAA;AAAA,KAMD,aAAa,aAAa;AAAA;",
+  "names": []
+}

package/dist/cjs/parts/chat-sidebar/styled.js

@@ -0,0 +1,57 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var styled_exports = {};
+__export(styled_exports, {
+  StyledSideBarButtonsContainer: () => StyledSideBarButtonsContainer,
+  StyledSideBarContainer: () => StyledSideBarContainer
+});
+var React = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_styled = require("../../styled");
+const StyledSideBarContainer = (0, import_styled_components.default)(import_ds_grid.Grid)`
+  height: 100%;
+  width: ${import_styled.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_styled_components.default)(import_ds_grid.Grid)`
+  overflow-y: auto;
+  align-items: flex-start;
+  justify-content: flex-start;
+  grid-template-rows: repeat(auto-fill, ${import_styled.BUTTON_SIDEBAR_HEIGHT}px);
+  overflow-x: hidden;
+
+  scrollbar-width: thin;
+  &::-webkit-scrollbar {
+    width: 6px;
+  }
+`;
+module.exports = __toCommonJS(styled_exports);
+//# sourceMappingURL=styled.js.map

package/dist/cjs/parts/chat-sidebar/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/chat-sidebar/styled.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { MIN_WIDTH_SIDEBAR, BUTTON_SIDEBAR_HEIGHT } from '../../styled';\n\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;ACAA,YAAuB;ADAvB,+BAAmB;AACnB,qBAAqB;AACrB,oBAAyD;AAGlD,MAAM,yBAAyB,sCAAO;AAAA;AAAA,WAElC;AAAA,gBACK,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,4BAC1B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAI3D,MAAM,gCAAgC,sCAAO;AAAA;AAAA;AAAA;AAAA,0CAIV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}