@elliemae/ds-chat 2.2.0-alpha.4 → 3.0.0-next.2

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

@@ -1,59 +1,56 @@
-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);
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.url.to-json.js');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var React = require('react');
+var reactDesc = require('react-desc');
+var dsIcons = require('@elliemae/ds-icons');
+var styled = require('./styled.js');
+var TileButton = require('../tile-button/TileButton.js');
+var SidebarButton = require('../sidebar-button/SidebarButton.js');
+var props = require('./props.js');
+var useValidateProps = require('./config/useValidateProps.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+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__default["default"](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__default["default"](SidebarButton.SidebarButton, {
+    dsId: "sidebar_footer",
+    label: null,
+    Icon: !expanded ? dsIcons.MenuCollapse : dsIcons.MenuExpand,
+    onClick: expanded ? onFooterClose : onFooterExpand,
+    "aria-pressed": expanded,
+    "aria-label": footerButtonExtraProps['aria-label']
+  });
 };
-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 SideBarChat = props => {
+  useValidateProps.useValidateProps(props, SideBarChatWithSchema.toJSON());
   const {
     sidebarItems,
     expanded,
@@ -65,36 +62,38 @@ const SideBarChat = (props) => {
     enableTooltipWhenIsClosed,
     actionRef
   } = props;
-  const { current: listRef } = import_react.default.useRef({});
-  const registerReference = import_react.default.useCallback((ref) => {
-    if (ref)
-      listRef[ref.dataset.key] = ref;
+  const {
+    current: listRef
+  } = React__default["default"].useRef({});
+  const registerReference = React__default["default"].useCallback(ref => {
+    if (ref) listRef[ref.dataset.key] = ref;
   }, [listRef]);
-  import_react.default.useEffect(() => {
+  React__default["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
-  }));
+  return /*#__PURE__*/jsxRuntime.jsxs(styled.StyledSideBarContainer, {
+    rows: [1, 'auto'],
+    ref: listRef,
+    children: [/*#__PURE__*/_jsx__default["default"](styled.StyledSideBarButtonsContainer, {}, void 0, sidebarItems.map(p => /*#__PURE__*/jsxRuntime.jsx(TileButton.TileButton, _objectSpread(_objectSpread({
+      innerRef: registerReference
+    }, p), {}, {
+      selected: selectedItem === p.dsId,
+      tooltipPlacement: tooltipPlacement,
+      disableTooltip: enableTooltipWhenIsClosed ? false : !expanded
+    }), p.dsId))), /*#__PURE__*/_jsx__default["default"](FooterChat, {
+      expanded: expanded,
+      onFooterClose: onFooterClose,
+      onFooterExpand: onFooterExpand,
+      footerButtonExtraProps: 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
+
+SideBarChat.defaultProps = props.defaultProps;
+const SideBarChatWithSchema = reactDesc.describe(SideBarChat);
+SideBarChatWithSchema.propTypes = props.chatSidebarProps;
+
+exports.SideBarChat = SideBarChat;
+exports.SideBarChatWithSchema = SideBarChatWithSchema;

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

@@ -1,38 +1,11 @@
-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");
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var dsPropsHelpers = require('@elliemae/ds-props-helpers');
+
 const useValidateProps = (props, schema) => {
-  (0, import_ds_props_helpers.useValidatePropTypes)(props, schema);
+  dsPropsHelpers.useValidatePropTypes(props, schema);
 };
-module.exports = __toCommonJS(useValidateProps_exports);
-//# sourceMappingURL=useValidateProps.js.map
+
+exports.useValidateProps = useValidateProps;

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

@@ -1,36 +1,10 @@
-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
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var SideBarChat = require('./SideBarChat.js');
+
+
+
+exports.SideBarChat = SideBarChat.SideBarChat;
+exports.SideBarChatWithSchema = SideBarChat.SideBarChatWithSchema;

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

@@ -1,48 +1,22 @@
-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");
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactDesc = require('react-desc');
+var lodash = require('lodash');
+
 const defaultProps = {
   expanded: false,
-  selectedItem: void 0,
+  selectedItem: undefined,
   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",
+  onFooterExpand: lodash.noop,
+  onFooterClose: lodash.noop,
+  onHeaderExpand: lodash.noop,
+  onHeaderClose: lodash.noop,
+  footerButtonExtraProps: {
+    'aria-label': 'expand or collapse button'
+  },
+  tooltipPlacement: 'right',
   enableTooltipWhenIsClosed: false,
   actionRef: {
     current: {
@@ -51,34 +25,18 @@ const defaultProps = {
   }
 };
 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)
+  sidebarItems: reactDesc.PropTypes.arrayOf(reactDesc.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: reactDesc.PropTypes.bool.description('Whether to show the chat expanded or collapsed').defaultValue(defaultProps.expanded),
+  selectedItem: reactDesc.PropTypes.string.description('The id of the chat item you want to be opened').defaultValue(defaultProps.selectedItem),
+  tooltipPlacement: reactDesc.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: reactDesc.PropTypes.bool.description('Enable tooltip when is closed').defaultValue(defaultProps.onFooterExpand),
+  onFooterExpand: reactDesc.PropTypes.func.description('The function to call when the chat is opened via the footer').defaultValue(defaultProps.onFooterExpand),
+  onFooterClose: reactDesc.PropTypes.func.description('The function to call when the chat is closed via the footer').defaultValue(defaultProps.onFooterClose),
+  onHeaderExpand: reactDesc.PropTypes.func.description('The function to call when the chat is opened via the header').defaultValue(defaultProps.onHeaderExpand),
+  onHeaderClose: reactDesc.PropTypes.func.description('The function to call when the chat is closed via the header').defaultValue(defaultProps.onHeaderClose),
+  footerButtonExtraProps: reactDesc.PropTypes.object.description('Expand/collapse footer button extra props').defaultValue(defaultProps.footerButtonExtraProps),
+  actionRef: reactDesc.PropTypes.object.description("Action ref for sidebar\n  {\n    listRef: references to Tiles\n  }\n  ").defaultValue(defaultProps.actionRef)
 };
-module.exports = __toCommonJS(props_exports);
-//# sourceMappingURL=props.js.map
+
+exports.chatSidebarProps = chatSidebarProps;
+exports.defaultProps = defaultProps;

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

@@ -1,57 +1,21 @@
-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;
+'use strict';
 
-  scrollbar-width: thin;
-  &::-webkit-scrollbar {
-    width: 6px;
-  }
-`;
-module.exports = __toCommonJS(styled_exports);
-//# sourceMappingURL=styled.js.map
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styled = require('styled-components');
+var dsGrid = require('@elliemae/ds-grid');
+var styled$1 = require('../../styled.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const StyledSideBarContainer = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
+  componentId: "sc-16uijso-0"
+})(["height:100%;width:", "px;background:", ";border-right:1px solid ", ";overflow:hidden;"], styled$1.MIN_WIDTH_SIDEBAR, props => props.theme.colors.neutral['050'], props => props.theme.colors.neutral['100']);
+const StyledSideBarButtonsContainer = /*#__PURE__*/styled__default["default"](dsGrid.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;}"], styled$1.BUTTON_SIDEBAR_HEIGHT);
+
+exports.StyledSideBarButtonsContainer = StyledSideBarButtonsContainer;
+exports.StyledSideBarContainer = StyledSideBarContainer;

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

@@ -1,48 +1,35 @@
-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 });
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var dsIcons = require('@elliemae/ds-icons');
+var styled = require('./styled.js');
+var props = require('./props.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+var _Comments;
+const FloatingButton = _ref => {
+  let {
+    onClick,
+    onFocus,
+    innerRef
+  } = _ref;
+  return /*#__PURE__*/jsxRuntime.jsx(styled.StyledFloatingButton, {
+    onFocus: onFocus,
+    ref: innerRef,
+    "data-testid": "chat-floating-button",
+    onClick: onClick,
+    children: _Comments || (_Comments = /*#__PURE__*/_jsx__default["default"](dsIcons.Comments, {
+      size: "l"
+    }))
+  });
 };
-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 FloatingButton_exports = {};
-__export(FloatingButton_exports, {
-  FloatingButton: () => FloatingButton
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_icons = require("@elliemae/ds-icons");
-var import_styled = require("./styled");
-var import_props = require("./props");
-const FloatingButton = ({ onClick, onFocus, innerRef }) => /* @__PURE__ */ import_react.default.createElement(import_styled.StyledFloatingButton, {
-  onFocus,
-  ref: innerRef,
-  "data-testid": "chat-floating-button",
-  onClick
-}, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.Comments, {
-  size: "l"
-}));
-FloatingButton.propTypes = import_props.propsFloatingButton;
-FloatingButton.defaultProps = import_props.defaultFloatingButton;
-module.exports = __toCommonJS(FloatingButton_exports);
-//# sourceMappingURL=FloatingButton.js.map
+FloatingButton.defaultProps = props.defaultFloatingButton;
+
+exports.FloatingButton = FloatingButton;

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

@@ -1,28 +1,9 @@
-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 __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 floating_button_exports = {};
-var React = __toESM(require("react"));
-__reExport(floating_button_exports, require("./FloatingButton"));
-module.exports = __toCommonJS(floating_button_exports);
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var FloatingButton = require('./FloatingButton.js');
+
+
+
+exports.FloatingButton = FloatingButton.FloatingButton;