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

package/esm/parts/chat-container-messages-list/styled.js

@@ -1,71 +1,25 @@
-import * as React from "react";
-import styled from "styled-components";
-import { BUBBLE_TYPES } from "../bubble/index";
-const StyledWrapper = styled.div`
-  width: 100%;
-  height: 100%;
-`;
-const StyledWrapperListItem = styled.div`
-  min-width: 100%;
-  ${(props) => props.type === BUBBLE_TYPES.SENDER && `padding: ${props.theme.space.xxs} ${props.theme.space.xxs} ${props.theme.space.xxs} 13%
-  `};
-  ${(props) => props.type === BUBBLE_TYPES.RECIPIENT && `padding: ${props.theme.space.xxs} 13% ${props.theme.space.xxs}
-    ${props.theme.space.xxs}
-  `};
-  ${(props) => props.type === BUBBLE_TYPES.SYSTEM && `padding: ${props.theme.space.xxs} 0px
-  `};
-`;
-const StyledChatContainerContentList = styled.div`
-  width: 100%;
-  height: 100%;
-  padding: ${(props) => props.theme.space.xs};
-  padding-bottom: 0;
-  overflow-y: auto;
-  overflow-x: hidden;
-`;
-const StyledChatContainerContentListScroll = styled.div`
-  width: 100%;
-  height: ${(props) => props.height};
-  position: relative;
-`;
-const StyledLoadMoreContainer = styled.div`
-  position: absolute;
-  width: calc(100% + ${(props) => props.theme.space.xxs});
-  padding: ${(props) => props.theme.space.xxs};
-  left: -${(props) => props.theme.space.xxs};
-  right: -${(props) => props.theme.space.xxs};
-  display: grid;
-  justify-content: center;
-  align-items: center;
-  ${(props) => props.hasMoreItems === "top" ? "top: 0;" : ""}
-  ${(props) => props.hasMoreItems === "bottom" ? "bottom: 0;" : ""}
-`;
-const ListItem = styled.div`
-  &:focus,
-  &:focus-visible {
-    outline: none;
-    &:after {
-      content: '';
-      display: block;
-      position: absolute;
-      top: 0;
-      left: -${(props) => props.theme.space.xxs};
-      pointer-events: none;
-      border-radius: 2px;
-      background-color: #ebedf0;
-      width: calc(100% + 24px);
-      border: 2px solid #1e79c2;
-      height: 100%;
-      z-index: -1;
-    }
-  }
-`;
-export {
-  ListItem,
-  StyledChatContainerContentList,
-  StyledChatContainerContentListScroll,
-  StyledLoadMoreContainer,
-  StyledWrapper,
-  StyledWrapperListItem
-};
-//# sourceMappingURL=styled.js.map
+import styled from 'styled-components';
+import '../bubble/ChatBubble.js';
+import { BUBBLE_TYPES } from '../bubble/props.js';
+
+const StyledWrapper = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-1jhprzr-0"
+})(["width:100%;height:100%;"]); // list
+
+const StyledWrapperListItem = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-1jhprzr-1"
+})(["min-width:100%;", ";", ";", ";"], props => props.type === BUBBLE_TYPES.SENDER && "padding: ".concat(props.theme.space.xxs, " ").concat(props.theme.space.xxs, " ").concat(props.theme.space.xxs, " 13%\n  "), props => props.type === BUBBLE_TYPES.RECIPIENT && "padding: ".concat(props.theme.space.xxs, " 13% ").concat(props.theme.space.xxs, "\n    ").concat(props.theme.space.xxs, "\n  "), props => props.type === BUBBLE_TYPES.SYSTEM && "padding: ".concat(props.theme.space.xxs, " 0px\n  "));
+const StyledChatContainerContentList = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-1jhprzr-2"
+})(["width:100%;height:100%;padding:", ";padding-bottom:0;overflow-y:auto;overflow-x:hidden;"], props => props.theme.space.xs);
+const StyledChatContainerContentListScroll = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-1jhprzr-3"
+})(["width:100%;height:", ";position:relative;"], props => props.height);
+const StyledLoadMoreContainer = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-1jhprzr-4"
+})(["position:absolute;width:calc(100% + ", ");padding:", ";left:-", ";right:-", ";display:grid;justify-content:center;align-items:center;", " ", ""], props => props.theme.space.xxs, props => props.theme.space.xxs, props => props.theme.space.xxs, props => props.theme.space.xxs, props => props.hasMoreItems === 'top' ? 'top: 0;' : '', props => props.hasMoreItems === 'bottom' ? 'bottom: 0;' : '');
+const ListItem = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-1jhprzr-5"
+})(["&:focus,&:focus-visible{outline:none;&:after{content:'';display:block;position:absolute;top:0;left:-", ";pointer-events:none;border-radius:2px;background-color:#ebedf0;width:calc(100% + 24px);border:2px solid #1e79c2;height:100%;z-index:-1;}}"], props => props.theme.space.xxs);
+
+export { ListItem, StyledChatContainerContentList, StyledChatContainerContentListScroll, StyledLoadMoreContainer, StyledWrapper, StyledWrapperListItem };

package/esm/parts/chat-empty-state/ChatEmptyState.js

@@ -1,41 +1,45 @@
-import * as React from "react";
-import React2, { useMemo } from "react";
-import { describe } from "react-desc";
-import { Grid } from "@elliemae/ds-grid";
-import { Communications } from "@elliemae/ds-icons";
-import { emptyStateProps, defaultProps } from "./props";
-import { ChatEmptyStateWrapper, MessageWrapper } from "./styled";
-import { useValidateProps } from "./config/useValidateProps";
-const ChatEmptyState = (props) => {
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.url.to-json.js';
+import { useMemo } from 'react';
+import { describe } from 'react-desc';
+import { Grid } from '@elliemae/ds-grid';
+import { Communications } from '@elliemae/ds-icons';
+import { emptyStateProps, defaultProps } from './props.js';
+import { MessageWrapper, ChatEmptyStateWrapper } from './styled.js';
+import { useValidateProps } from './config/useValidateProps.js';
+
+const ChatEmptyState = props => {
+  var _Grid, _Grid2;
+
   useValidateProps(props, ChatEmptyStateListWithSchema.toJSON());
-  const { label, action } = props;
-  const MainContent = useMemo(() => /* @__PURE__ */ React2.createElement(Grid, {
+  const {
+    label,
+    action
+  } = props;
+  const MainContent = useMemo(() => /*#__PURE__*/_jsx(Grid, {
     alignItems: "center",
     justifyContent: "center"
-  }, /* @__PURE__ */ React2.createElement(Grid, {
+  }, void 0, /*#__PURE__*/_jsx(Grid, {
     alignItems: "center",
     justifyContent: "center"
-  }, /* @__PURE__ */ React2.createElement(Communications, {
+  }, void 0, /*#__PURE__*/_jsx(Communications, {
     size: "xxl",
-    color: ["neutral", 400]
-  })), /* @__PURE__ */ React2.createElement(Grid, {
+    color: ['neutral', 400]
+  })), _Grid || (_Grid = /*#__PURE__*/_jsx(Grid, {
     alignItems: "center",
     justifyContent: "center"
-  }, /* @__PURE__ */ React2.createElement(MessageWrapper, null, label)), /* @__PURE__ */ React2.createElement(Grid, {
+  }, void 0, /*#__PURE__*/_jsx(MessageWrapper, {}, void 0, label))), _Grid2 || (_Grid2 = /*#__PURE__*/_jsx(Grid, {
     alignItems: "center",
     justifyContent: "center"
-  }, action)), [label, action]);
-  return /* @__PURE__ */ React2.createElement(ChatEmptyStateWrapper, {
+  }, void 0, action))), [label, action]);
+  return /*#__PURE__*/_jsx(ChatEmptyStateWrapper, {
     alignItems: "center",
     justifyContent: "center"
-  }, MainContent);
+  }, void 0, MainContent);
 };
-ChatEmptyState.propTypes = emptyStateProps;
+
 ChatEmptyState.defaultProps = defaultProps;
 const ChatEmptyStateListWithSchema = describe(ChatEmptyState);
 ChatEmptyStateListWithSchema.propTypes = emptyStateProps;
-export {
-  ChatEmptyState,
-  ChatEmptyStateListWithSchema
-};
-//# sourceMappingURL=ChatEmptyState.js.map
+
+export { ChatEmptyState, ChatEmptyStateListWithSchema };

package/esm/parts/chat-empty-state/config/useValidateProps.js

@@ -1,9 +1,7 @@
-import * as React from "react";
-import { useValidatePropTypes } from "@elliemae/ds-props-helpers";
+import { useValidatePropTypes } from '@elliemae/ds-props-helpers';
+
 const useValidateProps = (props, schema) => {
   useValidatePropTypes(props, schema);
 };
-export {
-  useValidateProps
-};
-//# sourceMappingURL=useValidateProps.js.map
+
+export { useValidateProps };

package/esm/parts/chat-empty-state/props.js

@@ -1,15 +1,12 @@
-import * as React from "react";
-import { PropTypes } from "react-desc";
+import { PropTypes } from 'react-desc';
+
 const defaultProps = {
-  label: "No Messages Yet",
+  label: 'No Messages Yet',
   action: null
 };
 const emptyStateProps = {
-  label: PropTypes.arrayOf(PropTypes.string).description("No Message to show text helper").defaultValue(defaultProps.label),
-  action: PropTypes.node.description("action element").defaultValue(defaultProps.action)
+  label: PropTypes.arrayOf(PropTypes.string).description('No Message to show text helper').defaultValue(defaultProps.label),
+  action: PropTypes.node.description('action element').defaultValue(defaultProps.action)
 };
-export {
-  defaultProps,
-  emptyStateProps
-};
-//# sourceMappingURL=props.js.map
+
+export { defaultProps, emptyStateProps };

package/esm/parts/chat-empty-state/styled.js

@@ -1,19 +1,12 @@
-import * as React from "react";
-import styled from "styled-components";
-import { Grid } from "@elliemae/ds-grid";
+import styled from 'styled-components';
+import { Grid } from '@elliemae/ds-grid';
+
 const CONTAINER_WIDTH = 300;
-const ChatEmptyStateWrapper = styled(Grid)`
-  height: 100%;
-  min-width: ${CONTAINER_WIDTH}px;
-  overflow: hidden;
-  background: ${(props) => props.theme.colors.neutral["050"]};
-`;
-const MessageWrapper = styled.p`
-  font-size: 18px;
-`;
-export {
-  CONTAINER_WIDTH,
-  ChatEmptyStateWrapper,
-  MessageWrapper
-};
-//# sourceMappingURL=styled.js.map
+const ChatEmptyStateWrapper = /*#__PURE__*/styled(Grid).withConfig({
+  componentId: "sc-1tutmen-0"
+})(["height:100%;min-width:", "px;overflow:hidden;background:", ";"], CONTAINER_WIDTH, props => props.theme.colors.neutral['050']);
+const MessageWrapper = /*#__PURE__*/styled.p.withConfig({
+  componentId: "sc-1tutmen-1"
+})(["font-size:18px;"]);
+
+export { CONTAINER_WIDTH, ChatEmptyStateWrapper, MessageWrapper };

package/esm/parts/chat-sidebar/SideBarChat.js

@@ -1,26 +1,45 @@
-import * as React from "react";
-import React2 from "react";
-import { describe } from "react-desc";
-import { MenuCollapse, MenuExpand } from "@elliemae/ds-icons";
-import { StyledSideBarContainer, StyledSideBarButtonsContainer } from "./styled";
-import { TileButton } from "../tile-button";
-import { SidebarButton } from "../sidebar-button/SidebarButton";
-import { defaultProps, chatSidebarProps } from "./props";
-import { useValidateProps } from "./config/useValidateProps";
-const FooterChat = ({
-  expanded,
-  onFooterClose,
-  onFooterExpand,
-  footerButtonExtraProps
-}) => /* @__PURE__ */ React2.createElement(SidebarButton, {
-  dsId: "sidebar_footer",
-  label: null,
-  Icon: !expanded ? MenuCollapse : MenuExpand,
-  onClick: expanded ? onFooterClose : onFooterExpand,
-  "aria-pressed": expanded,
-  "aria-label": footerButtonExtraProps["aria-label"]
-});
-const SideBarChat = (props) => {
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.url.to-json.js';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import React from 'react';
+import { describe } from 'react-desc';
+import { MenuCollapse, MenuExpand } from '@elliemae/ds-icons';
+import { StyledSideBarContainer, StyledSideBarButtonsContainer } from './styled.js';
+import { TileButton } from '../tile-button/TileButton.js';
+import { SidebarButton } from '../sidebar-button/SidebarButton.js';
+import { chatSidebarProps, defaultProps } from './props.js';
+import { useValidateProps } from './config/useValidateProps.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+const FooterChat = _ref => {
+  let {
+    expanded,
+    onFooterClose,
+    onFooterExpand,
+    footerButtonExtraProps
+  } = _ref;
+  return /*#__PURE__*/_jsx(SidebarButton, {
+    dsId: "sidebar_footer",
+    label: null,
+    Icon: !expanded ? MenuCollapse : MenuExpand,
+    onClick: expanded ? onFooterClose : onFooterExpand,
+    "aria-pressed": expanded,
+    "aria-label": footerButtonExtraProps['aria-label']
+  });
+};
+
+const SideBarChat = props => {
   useValidateProps(props, SideBarChatWithSchema.toJSON());
   const {
     sidebarItems,
@@ -33,39 +52,37 @@ const SideBarChat = (props) => {
     enableTooltipWhenIsClosed,
     actionRef
   } = props;
-  const { current: listRef } = React2.useRef({});
-  const registerReference = React2.useCallback((ref) => {
-    if (ref)
-      listRef[ref.dataset.key] = ref;
+  const {
+    current: listRef
+  } = React.useRef({});
+  const registerReference = React.useCallback(ref => {
+    if (ref) listRef[ref.dataset.key] = ref;
   }, [listRef]);
-  React2.useEffect(() => {
+  React.useEffect(() => {
     if (actionRef.current.listRef) {
       actionRef.current.listRef = listRef;
     }
   }, [sidebarItems, expanded, actionRef, listRef]);
-  return /* @__PURE__ */ React2.createElement(StyledSideBarContainer, {
-    rows: [1, "auto"],
-    ref: listRef
-  }, /* @__PURE__ */ React2.createElement(StyledSideBarButtonsContainer, null, sidebarItems.map((p) => /* @__PURE__ */ React2.createElement(TileButton, {
-    key: p.dsId,
-    innerRef: registerReference,
-    ...p,
-    selected: selectedItem === p.dsId,
-    tooltipPlacement,
-    disableTooltip: enableTooltipWhenIsClosed ? false : !expanded
-  }))), /* @__PURE__ */ React2.createElement(FooterChat, {
-    expanded,
-    onFooterClose,
-    onFooterExpand,
-    footerButtonExtraProps
-  }));
+  return /*#__PURE__*/jsxs(StyledSideBarContainer, {
+    rows: [1, 'auto'],
+    ref: listRef,
+    children: [/*#__PURE__*/_jsx(StyledSideBarButtonsContainer, {}, void 0, sidebarItems.map(p => /*#__PURE__*/jsx(TileButton, _objectSpread(_objectSpread({
+      innerRef: registerReference
+    }, p), {}, {
+      selected: selectedItem === p.dsId,
+      tooltipPlacement: tooltipPlacement,
+      disableTooltip: enableTooltipWhenIsClosed ? false : !expanded
+    }), p.dsId))), /*#__PURE__*/_jsx(FooterChat, {
+      expanded: expanded,
+      onFooterClose: onFooterClose,
+      onFooterExpand: onFooterExpand,
+      footerButtonExtraProps: footerButtonExtraProps
+    })]
+  });
 };
-SideBarChat.propTypes = chatSidebarProps;
+
 SideBarChat.defaultProps = defaultProps;
 const SideBarChatWithSchema = describe(SideBarChat);
 SideBarChatWithSchema.propTypes = chatSidebarProps;
-export {
-  SideBarChat,
-  SideBarChatWithSchema
-};
-//# sourceMappingURL=SideBarChat.js.map
+
+export { SideBarChat, SideBarChatWithSchema };

package/esm/parts/chat-sidebar/config/useValidateProps.js

@@ -1,9 +1,7 @@
-import * as React from "react";
-import { useValidatePropTypes } from "@elliemae/ds-props-helpers";
+import { useValidatePropTypes } from '@elliemae/ds-props-helpers';
+
 const useValidateProps = (props, schema) => {
   useValidatePropTypes(props, schema);
 };
-export {
-  useValidateProps
-};
-//# sourceMappingURL=useValidateProps.js.map
+
+export { useValidateProps };

package/esm/parts/chat-sidebar/index.js

@@ -1,7 +1 @@
-import * as React from "react";
-import { SideBarChat, SideBarChatWithSchema } from "./SideBarChat";
-export {
-  SideBarChat,
-  SideBarChatWithSchema
-};
-//# sourceMappingURL=index.js.map
+export { SideBarChat, SideBarChatWithSchema } from './SideBarChat.js';

package/esm/parts/chat-sidebar/props.js

@@ -1,16 +1,18 @@
-import * as React from "react";
-import { PropTypes } from "react-desc";
-import { noop } from "lodash";
+import { PropTypes } from 'react-desc';
+import { noop } from 'lodash';
+
 const defaultProps = {
   expanded: false,
-  selectedItem: void 0,
+  selectedItem: undefined,
   sidebarItems: [],
   onFooterExpand: noop,
   onFooterClose: noop,
   onHeaderExpand: noop,
   onHeaderClose: noop,
-  footerButtonExtraProps: { "aria-label": "expand or collapse button" },
-  tooltipPlacement: "right",
+  footerButtonExtraProps: {
+    'aria-label': 'expand or collapse button'
+  },
+  tooltipPlacement: 'right',
   enableTooltipWhenIsClosed: false,
   actionRef: {
     current: {
@@ -19,37 +21,17 @@ const defaultProps = {
   }
 };
 const chatSidebarProps = {
-  sidebarItems: PropTypes.arrayOf(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: PropTypes.bool.description("Whether to show the chat expanded or collapsed").defaultValue(defaultProps.expanded),
-  selectedItem: PropTypes.string.description("The id of the chat item you want to be opened").defaultValue(defaultProps.selectedItem),
-  tooltipPlacement: 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: PropTypes.bool.description("Enable tooltip when is closed").defaultValue(defaultProps.onFooterExpand),
-  onFooterExpand: PropTypes.func.description("The function to call when the chat is opened via the footer").defaultValue(defaultProps.onFooterExpand),
-  onFooterClose: PropTypes.func.description("The function to call when the chat is closed via the footer").defaultValue(defaultProps.onFooterClose),
-  onHeaderExpand: PropTypes.func.description("The function to call when the chat is opened via the header").defaultValue(defaultProps.onHeaderExpand),
-  onHeaderClose: PropTypes.func.description("The function to call when the chat is closed via the header").defaultValue(defaultProps.onHeaderClose),
-  footerButtonExtraProps: PropTypes.object.description("Expand/collapse footer button extra props").defaultValue(defaultProps.footerButtonExtraProps),
-  actionRef: PropTypes.object.description(`Action ref for sidebar
-  {
-    listRef: references to Tiles
-  }
-  `).defaultValue(defaultProps.actionRef)
-};
-export {
-  chatSidebarProps,
-  defaultProps
+  sidebarItems: PropTypes.arrayOf(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: PropTypes.bool.description('Whether to show the chat expanded or collapsed').defaultValue(defaultProps.expanded),
+  selectedItem: PropTypes.string.description('The id of the chat item you want to be opened').defaultValue(defaultProps.selectedItem),
+  tooltipPlacement: 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: PropTypes.bool.description('Enable tooltip when is closed').defaultValue(defaultProps.onFooterExpand),
+  onFooterExpand: PropTypes.func.description('The function to call when the chat is opened via the footer').defaultValue(defaultProps.onFooterExpand),
+  onFooterClose: PropTypes.func.description('The function to call when the chat is closed via the footer').defaultValue(defaultProps.onFooterClose),
+  onHeaderExpand: PropTypes.func.description('The function to call when the chat is opened via the header').defaultValue(defaultProps.onHeaderExpand),
+  onHeaderClose: PropTypes.func.description('The function to call when the chat is closed via the header').defaultValue(defaultProps.onHeaderClose),
+  footerButtonExtraProps: PropTypes.object.description('Expand/collapse footer button extra props').defaultValue(defaultProps.footerButtonExtraProps),
+  actionRef: PropTypes.object.description("Action ref for sidebar\n  {\n    listRef: references to Tiles\n  }\n  ").defaultValue(defaultProps.actionRef)
 };
-//# sourceMappingURL=props.js.map
+
+export { chatSidebarProps, defaultProps };

package/esm/parts/chat-sidebar/styled.js

@@ -1,28 +1,12 @@
-import * as React from "react";
-import styled from "styled-components";
-import { Grid } from "@elliemae/ds-grid";
-import { MIN_WIDTH_SIDEBAR, BUTTON_SIDEBAR_HEIGHT } from "../../styled";
-const StyledSideBarContainer = styled(Grid)`
-  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 = styled(Grid)`
-  overflow-y: auto;
-  align-items: flex-start;
-  justify-content: flex-start;
-  grid-template-rows: repeat(auto-fill, ${BUTTON_SIDEBAR_HEIGHT}px);
-  overflow-x: hidden;
+import styled from 'styled-components';
+import { Grid } from '@elliemae/ds-grid';
+import { MIN_WIDTH_SIDEBAR, BUTTON_SIDEBAR_HEIGHT } from '../../styled.js';
 
-  scrollbar-width: thin;
-  &::-webkit-scrollbar {
-    width: 6px;
-  }
-`;
-export {
-  StyledSideBarButtonsContainer,
-  StyledSideBarContainer
-};
-//# sourceMappingURL=styled.js.map
+const StyledSideBarContainer = /*#__PURE__*/styled(Grid).withConfig({
+  componentId: "sc-16uijso-0"
+})(["height:100%;width:", "px;background:", ";border-right:1px solid ", ";overflow:hidden;"], MIN_WIDTH_SIDEBAR, props => props.theme.colors.neutral['050'], props => props.theme.colors.neutral['100']);
+const StyledSideBarButtonsContainer = /*#__PURE__*/styled(Grid).withConfig({
+  componentId: "sc-16uijso-1"
+})(["overflow-y:auto;align-items:flex-start;justify-content:flex-start;grid-template-rows:repeat(auto-fill,", "px);overflow-x:hidden;scrollbar-width:thin;&::-webkit-scrollbar{width:6px;}"], BUTTON_SIDEBAR_HEIGHT);
+
+export { StyledSideBarButtonsContainer, StyledSideBarContainer };

package/esm/parts/floating-button/FloatingButton.js

@@ -1,19 +1,27 @@
-import * as React from "react";
-import React2 from "react";
-import { Comments } from "@elliemae/ds-icons";
-import { StyledFloatingButton } from "./styled";
-import { defaultFloatingButton, propsFloatingButton } from "./props";
-const FloatingButton = ({ onClick, onFocus, innerRef }) => /* @__PURE__ */ React2.createElement(StyledFloatingButton, {
-  onFocus,
-  ref: innerRef,
-  "data-testid": "chat-floating-button",
-  onClick
-}, /* @__PURE__ */ React2.createElement(Comments, {
-  size: "l"
-}));
-FloatingButton.propTypes = propsFloatingButton;
-FloatingButton.defaultProps = defaultFloatingButton;
-export {
-  FloatingButton
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import { Comments } from '@elliemae/ds-icons';
+import { StyledFloatingButton } from './styled.js';
+import { defaultFloatingButton } from './props.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _Comments;
+const FloatingButton = _ref => {
+  let {
+    onClick,
+    onFocus,
+    innerRef
+  } = _ref;
+  return /*#__PURE__*/jsx(StyledFloatingButton, {
+    onFocus: onFocus,
+    ref: innerRef,
+    "data-testid": "chat-floating-button",
+    onClick: onClick,
+    children: _Comments || (_Comments = /*#__PURE__*/_jsx(Comments, {
+      size: "l"
+    }))
+  });
 };
-//# sourceMappingURL=FloatingButton.js.map
+FloatingButton.defaultProps = defaultFloatingButton;
+
+export { FloatingButton };

package/esm/parts/floating-button/index.js

@@ -1,3 +1 @@
-import * as React from "react";
-export * from "./FloatingButton";
-//# sourceMappingURL=index.js.map
+export { FloatingButton } from './FloatingButton.js';

package/esm/parts/floating-button/props.js

@@ -1,18 +1,15 @@
-import * as React from "react";
-import { PropTypes } from "react-desc";
-import { noop } from "lodash";
+import { PropTypes } from 'react-desc';
+import { noop } from 'lodash';
+
 const defaultFloatingButton = {
   onClick: noop,
   onFocus: noop,
   innerRef: null
 };
 const propsFloatingButton = {
-  onClick: PropTypes.func.description("The function to call when the chat is opened via the footer").defaultValue(defaultFloatingButton.onClick),
-  onFocus: PropTypes.func.description("The function to call when button is being focused").defaultValue(defaultFloatingButton.onFocus),
-  innerRef: PropTypes.object.description("Ref to the component container").defaultValue(null)
+  onClick: PropTypes.func.description('The function to call when the chat is opened via the footer').defaultValue(defaultFloatingButton.onClick),
+  onFocus: PropTypes.func.description('The function to call when button is being focused').defaultValue(defaultFloatingButton.onFocus),
+  innerRef: PropTypes.object.description('Ref to the component container').defaultValue(null)
 };
-export {
-  defaultFloatingButton,
-  propsFloatingButton
-};
-//# sourceMappingURL=props.js.map
+
+export { defaultFloatingButton, propsFloatingButton };