@elliemae/ds-chat 2.2.0 → 2.3.0-alpha.3

package/cjs/parts/tile-button/styled.js

@@ -1,95 +1,247 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
-var styled = require('styled-components');
-var dsSystem = require('@elliemae/ds-system');
-var dsGrid = require('@elliemae/ds-grid');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultLegacy(_taggedTemplateLiteral);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var _templateObject;
+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, {
+  CloseButton: () => CloseButton,
+  StyledStatusBadge: () => StyledStatusBadge,
+  StyledTileButton: () => StyledTileButton,
+  StyledTileButtonIcon: () => StyledTileButtonIcon,
+  StyledTileButtonLabel: () => StyledTileButtonLabel,
+  StyledTooltipV3ButtonWrapper: () => StyledTooltipV3ButtonWrapper,
+  StyledWrapper: () => StyledWrapper,
+  StyledWrapperCentralContent: () => StyledWrapperCentralContent,
+  StyledWrapperLeftBorder: () => StyledWrapperLeftBorder
+});
+var React = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_ds_system = require("@elliemae/ds-system");
+var import_ds_grid = require("@elliemae/ds-grid");
 const MIN_WIDTH_SIDEBAR = 48;
-const BUTTON_SIDEBAR_HEIGHT = 48; // Buttons
-
-const StyledWrapperLeftBorder = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
-  componentId: "sc-1ebp1zs-0"
-})(["height:100%;width:4px;position:absolute;top:0;left:0;"]);
-const StyledStatusBadge = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-1ebp1zs-1"
-})(["height:8px;width:8px;position:absolute;top:0;background:", ";", ";border-radius:50%;box-sizing:content-box;"], props => {
+const BUTTON_SIDEBAR_HEIGHT = 48;
+const StyledWrapperLeftBorder = (0, import_styled_components.default)(import_ds_grid.Grid)`
+  height: 100%;
+  width: 4px;
+  position: absolute;
+  top: 0;
+  left: 0;
+`;
+const StyledStatusBadge = import_styled_components.default.div`
+  height: 8px;
+  width: 8px;
+  position: absolute;
+  top: 0;
+  background: ${(props) => {
   switch (props.badgeColor) {
-    case 'blue':
+    case "blue":
       return props.theme.colors.brand[600];
-
-    case 'green':
+    case "green":
       return props.theme.colors.success[900];
-
     default:
       return props.theme.colors.brand[600];
   }
-}, props => {
+}};
+  ${(props) => {
   switch (props.badgePosition) {
-    case 'left':
-      return 'left: -4px;';
-
-    case 'right':
-      return 'right: -4px;';
-
+    case "left":
+      return "left: -4px;";
+    case "right":
+      return "right: -4px;";
     default:
-      return 'left: -4px;';
+      return "left: -4px;";
+  }
+}};
+  border-radius: 50%;
+  box-sizing: content-box;
+`;
+const StyledWrapperCentralContent = (0, import_styled_components.default)(import_ds_grid.Grid)`
+  width: 24px;
+  height: 40px;
+`;
+const StyledTileButtonIcon = (0, import_styled_components.default)(import_ds_grid.Grid)`
+  position: relative;
+  height: 24px;
+  width: 24px;
+  svg {
+    fill: ${(props) => props.theme.colors.neutral[500]};
   }
-});
-const StyledWrapperCentralContent = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
-  componentId: "sc-1ebp1zs-2"
-})(["width:24px;height:40px;"]);
-const StyledTileButtonIcon = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
-  componentId: "sc-1ebp1zs-3"
-})(["position:relative;height:24px;width:24px;svg{fill:", ";}&:focus{svg{fill:", ";}}"], props => props.theme.colors.neutral[500], props => props.theme.colors.brand[800]);
-const StyledTileButtonLabel = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-1ebp1zs-4"
-})(["width:24px;height:", ";text-transform:uppercase;overflow:hidden;text-align:center;font-size:13px;color:", ";line-height:17px;"], props => props.theme.space.xs, props => props.theme.colors.neutral[600]);
-const CloseButton = /*#__PURE__*/styled__default["default"].button.withConfig({
-  componentId: "sc-1ebp1zs-5"
-})(["outline:none;background:none;height:9px;width:9px;position:absolute;top:1px;right:1px;overflow:hidden;padding:0;border:none;span{position:absolute;left:-3px;top:-4px;}&:focus,&:hover{svg{fill:", ";}&:after{display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:solid 1px ", ";border-radius:2px;}}cursor:pointer;"], props => props.theme.colors.brand[600], props => props.theme.colors.brand[600]); // MAIN WRAPPER
 
-const StyledTooltipV3ButtonWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-1ebp1zs-6"
-})(["height:", "px;width:", "px;"], BUTTON_SIDEBAR_HEIGHT, MIN_WIDTH_SIDEBAR);
-const StyledTileButton = /*#__PURE__*/styled__default["default"].button.withConfig({
-  componentId: "sc-1ebp1zs-7"
-})(["outline:none;background:transparent;height:", "px;width:", "px;position:relative;padding:0;border:none;cursor:pointer;border-bottom:", ";&:focus,&:hover,&:active,&:disabled{background:", ";& ", "{border:2px solid ", ";margin-top:-2px;", ";}}&:focus,&:hover{& ", "{background:", ";}& ", "{color:", ";}& svg{fill:", ";}}&:active:not(:disabled){background:", ";& ", "{background:", ";}& ", "{color:", ";font-weight:600;}& svg{fill:", ";}& ", "{border:2px solid ", ";}}&:disabled{background:", ";", "{background:", ";}& ", "{background:", ";border:2px solid ", ";}", "{svg{fill:", ";}}", "{color:", ";}}", ""], BUTTON_SIDEBAR_HEIGHT, MIN_WIDTH_SIDEBAR, props => props.isHeader ? "1px solid  ".concat(props.theme.colors.neutral['200']) : 'none', props => props.theme.colors.neutral['080'], StyledStatusBadge, props => props.theme.colors.neutral['080'], props => {
+  &:focus {
+    svg {
+      fill: ${(props) => props.theme.colors.brand[800]};
+    }
+  }
+`;
+const StyledTileButtonLabel = import_styled_components.default.div`
+  width: 24px;
+  height: ${(props) => props.theme.space.xs};
+  text-transform: uppercase;
+  overflow: hidden;
+  text-align: center;
+  font-size: 13px;
+  color: ${(props) => props.theme.colors.neutral[600]};
+  line-height: 17px;
+`;
+const CloseButton = import_styled_components.default.button`
+  outline: none;
+  background: none;
+  height: 9px;
+  width: 9px;
+  position: absolute;
+  top: 1px;
+  right: 1px;
+  overflow: hidden;
+  padding: 0;
+  border: none;
+  span {
+    position: absolute;
+    left: -3px;
+    top: -4px;
+  }
+
+  &:focus,
+  &:hover {
+    svg {
+      fill: ${(props) => props.theme.colors.brand[600]};
+    }
+    &:after {
+      display: block;
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      border: solid 1px ${(props) => props.theme.colors.brand[600]};
+      border-radius: 2px;
+    }
+  }
+  cursor: pointer;
+`;
+const StyledTooltipV3ButtonWrapper = import_styled_components.default.div`
+  height: ${BUTTON_SIDEBAR_HEIGHT}px;
+  width: ${MIN_WIDTH_SIDEBAR}px;
+`;
+const StyledTileButton = import_styled_components.default.button`
+  outline: none;
+  background: transparent;
+  height: ${BUTTON_SIDEBAR_HEIGHT}px;
+  width: ${MIN_WIDTH_SIDEBAR}px;
+  position: relative;
+  padding: 0;
+  border: none;
+  cursor: pointer;
+  border-bottom: ${(props) => props.isHeader ? `1px solid  ${props.theme.colors.neutral["200"]}` : "none"};
+  &:focus,
+  &:hover,
+  &:active,
+  &:disabled {
+    background: ${(props) => props.theme.colors.neutral["080"]};
+    & ${StyledStatusBadge} {
+      border: 2px solid ${(props) => props.theme.colors.neutral["080"]};
+      margin-top: -2px;
+      ${(props) => {
   switch (props.badgePosition) {
-    case 'left':
-      return 'margin-left: -2px;';
+    case "left":
+      return "margin-left: -2px;";
+    case "right":
+      return "margin-right: -2px;";
+    default:
+      return "margin-left: -2px;";
+  }
+}};
+    }
+  }
 
-    case 'right':
-      return 'margin-right: -2px;';
+  &:focus,
+  &:hover {
+    & ${StyledWrapperLeftBorder} {
+      background: ${(props) => props.theme.colors.brand[800]};
+    }
+    & ${StyledTileButtonLabel} {
+      color: ${(props) => props.theme.colors.neutral[600]};
+    }
 
-    default:
-      return 'margin-left: -2px;';
+    & svg {
+      fill: ${(props) => props.theme.colors.brand[800]};
+    }
   }
-}, StyledWrapperLeftBorder, props => props.theme.colors.brand[800], StyledTileButtonLabel, props => props.theme.colors.neutral[600], props => props.theme.colors.brand[800], props => props.theme.colors.neutral['050'], StyledWrapperLeftBorder, props => props.theme.colors.brand[600], StyledTileButtonLabel, props => props.theme.colors.neutral[600], props => props.theme.colors.brand[600], StyledStatusBadge, props => props.theme.colors.neutral['050'], props => props.theme.colors.neutral['080'], StyledWrapperLeftBorder, props => props.theme.colors.neutral['400'], StyledStatusBadge, props => props.theme.colors.neutral['500'], props => props.theme.colors.neutral['080'], StyledTileButtonIcon, props => props.theme.colors.neutral[400], StyledTileButtonLabel, props => props.theme.colors.neutral[400], props => {
-  if (props.selected) {
-    return dsSystem.css(_templateObject || (_templateObject = _taggedTemplateLiteral__default["default"](["\n        & ", " {\n          background: ", ";\n        }\n      "])), StyledWrapperLeftBorder, nestedProps => nestedProps.theme.colors.brand[600]);
+
+  &:active:not(:disabled) {
+    background: ${(props) => props.theme.colors.neutral["050"]};
+    & ${StyledWrapperLeftBorder} {
+      background: ${(props) => props.theme.colors.brand[600]};
+    }
+    & ${StyledTileButtonLabel} {
+      color: ${(props) => props.theme.colors.neutral[600]};
+      font-weight: 600;
+    }
+    & svg {
+      fill: ${(props) => props.theme.colors.brand[600]};
+    }
+    & ${StyledStatusBadge} {
+      border: 2px solid ${(props) => props.theme.colors.neutral["050"]};
+    }
   }
 
-  return '';
-});
-const StyledWrapper = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
-  componentId: "sc-1ebp1zs-8"
-})(["height:100%;width:100%;position:relative;"]);
+  &:disabled {
+    background: ${(props) => props.theme.colors.neutral["080"]};
+    ${StyledWrapperLeftBorder} {
+      background: ${(props) => props.theme.colors.neutral["400"]};
+    }
+    & ${StyledStatusBadge} {
+      background: ${(props) => props.theme.colors.neutral["500"]};
+      border: 2px solid ${(props) => props.theme.colors.neutral["080"]};
+    }
+    ${StyledTileButtonIcon} {
+      svg {
+        fill: ${(props) => props.theme.colors.neutral[400]};
+      }
+    }
+    ${StyledTileButtonLabel} {
+      color: ${(props) => props.theme.colors.neutral[400]};
+    }
+  }
 
-exports.CloseButton = CloseButton;
-exports.StyledStatusBadge = StyledStatusBadge;
-exports.StyledTileButton = StyledTileButton;
-exports.StyledTileButtonIcon = StyledTileButtonIcon;
-exports.StyledTileButtonLabel = StyledTileButtonLabel;
-exports.StyledTooltipV3ButtonWrapper = StyledTooltipV3ButtonWrapper;
-exports.StyledWrapper = StyledWrapper;
-exports.StyledWrapperCentralContent = StyledWrapperCentralContent;
-exports.StyledWrapperLeftBorder = StyledWrapperLeftBorder;
+  ${(props) => {
+  if (props.selected) {
+    return import_ds_system.css`
+        & ${StyledWrapperLeftBorder} {
+          background: ${(nestedProps) => nestedProps.theme.colors.brand[600]};
+        }
+      `;
+  }
+  return "";
+}}
+`;
+const StyledWrapper = (0, import_styled_components.default)(import_ds_grid.Grid)`
+  height: 100%;
+  width: 100%;
+  position: relative;
+`;
+module.exports = __toCommonJS(styled_exports);
+//# sourceMappingURL=styled.js.map

package/cjs/parts/tile-button/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/tile-button/styled.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable indent */\n/* eslint-disable max-lines */\nimport styled from 'styled-components';\nimport { css } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { TileButtonProps } from './props';\nconst MIN_WIDTH_SIDEBAR = 48;\nconst BUTTON_SIDEBAR_HEIGHT = 48;\n\n// Buttons\nexport const StyledWrapperLeftBorder = styled(Grid)`\n  height: 100%;\n  width: 4px;\n  position: absolute;\n  top: 0;\n  left: 0;\n`;\n\nexport const StyledStatusBadge = styled.div<Partial<TileButtonProps>>`\n  height: 8px;\n  width: 8px;\n  position: absolute;\n  top: 0;\n  background: ${(props) => {\n    switch (props.badgeColor) {\n      case 'blue':\n        return props.theme.colors.brand[600];\n      case 'green':\n        return props.theme.colors.success[900];\n      default:\n        return props.theme.colors.brand[600];\n    }\n  }};\n  ${(props) => {\n    switch (props.badgePosition) {\n      case 'left':\n        return 'left: -4px;';\n      case 'right':\n        return 'right: -4px;';\n      default:\n        return 'left: -4px;';\n    }\n  }};\n  border-radius: 50%;\n  box-sizing: content-box;\n`;\n\nexport const StyledWrapperCentralContent = styled(Grid)`\n  width: 24px;\n  height: 40px;\n`;\n\nexport const StyledTileButtonIcon = styled(Grid)`\n  position: relative;\n  height: 24px;\n  width: 24px;\n  svg {\n    fill: ${(props) => props.theme.colors.neutral[500]};\n  }\n\n  &:focus {\n    svg {\n      fill: ${(props) => props.theme.colors.brand[800]};\n    }\n  }\n`;\n\nexport const StyledTileButtonLabel = styled.div`\n  width: 24px;\n  height: ${(props) => props.theme.space.xs};\n  text-transform: uppercase;\n  overflow: hidden;\n  text-align: center;\n  font-size: 13px;\n  color: ${(props) => props.theme.colors.neutral[600]};\n  line-height: 17px;\n`;\n\nexport const CloseButton = styled.button<any>`\n  outline: none;\n  background: none;\n  height: 9px;\n  width: 9px;\n  position: absolute;\n  top: 1px;\n  right: 1px;\n  overflow: hidden;\n  padding: 0;\n  border: none;\n  span {\n    position: absolute;\n    left: -3px;\n    top: -4px;\n  }\n\n  &:focus,\n  &:hover {\n    svg {\n      fill: ${(props) => props.theme.colors.brand[600]};\n    }\n    &:after {\n      display: block;\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      border: solid 1px ${(props) => props.theme.colors.brand[600]};\n      border-radius: 2px;\n    }\n  }\n  cursor: pointer;\n`;\n\n// MAIN WRAPPER\nexport const StyledTooltipV3ButtonWrapper = styled.div`\n  height: ${BUTTON_SIDEBAR_HEIGHT}px;\n  width: ${MIN_WIDTH_SIDEBAR}px;\n`;\nexport const StyledTileButton = styled.button<Partial<TileButtonProps>>`\n  outline: none;\n  background: transparent;\n  height: ${BUTTON_SIDEBAR_HEIGHT}px;\n  width: ${MIN_WIDTH_SIDEBAR}px;\n  position: relative;\n  padding: 0;\n  border: none;\n  cursor: pointer;\n  border-bottom: ${(props) => (props.isHeader ? `1px solid  ${props.theme.colors.neutral['200']}` : 'none')};\n  &:focus,\n  &:hover,\n  &:active,\n  &:disabled {\n    background: ${(props) => props.theme.colors.neutral['080']};\n    & ${StyledStatusBadge} {\n      border: 2px solid ${(props) => props.theme.colors.neutral['080']};\n      margin-top: -2px;\n      ${(props) => {\n        switch (props.badgePosition) {\n          case 'left':\n            return 'margin-left: -2px;';\n          case 'right':\n            return 'margin-right: -2px;';\n          default:\n            return 'margin-left: -2px;';\n        }\n      }};\n    }\n  }\n\n  &:focus,\n  &:hover {\n    & ${StyledWrapperLeftBorder} {\n      background: ${(props) => props.theme.colors.brand[800]};\n    }\n    & ${StyledTileButtonLabel} {\n      color: ${(props) => props.theme.colors.neutral[600]};\n    }\n\n    & svg {\n      fill: ${(props) => props.theme.colors.brand[800]};\n    }\n  }\n\n  &:active:not(:disabled) {\n    background: ${(props) => props.theme.colors.neutral['050']};\n    & ${StyledWrapperLeftBorder} {\n      background: ${(props) => props.theme.colors.brand[600]};\n    }\n    & ${StyledTileButtonLabel} {\n      color: ${(props) => props.theme.colors.neutral[600]};\n      font-weight: 600;\n    }\n    & svg {\n      fill: ${(props) => props.theme.colors.brand[600]};\n    }\n    & ${StyledStatusBadge} {\n      border: 2px solid ${(props) => props.theme.colors.neutral['050']};\n    }\n  }\n\n  &:disabled {\n    background: ${(props) => props.theme.colors.neutral['080']};\n    ${StyledWrapperLeftBorder} {\n      background: ${(props) => props.theme.colors.neutral['400']};\n    }\n    & ${StyledStatusBadge} {\n      background: ${(props) => props.theme.colors.neutral['500']};\n      border: 2px solid ${(props) => props.theme.colors.neutral['080']};\n    }\n    ${StyledTileButtonIcon} {\n      svg {\n        fill: ${(props) => props.theme.colors.neutral[400]};\n      }\n    }\n    ${StyledTileButtonLabel} {\n      color: ${(props) => props.theme.colors.neutral[400]};\n    }\n  }\n\n  ${(props) => {\n    if (props.selected) {\n      return css`\n        & ${StyledWrapperLeftBorder} {\n          background: ${(nestedProps) => nestedProps.theme.colors.brand[600]};\n        }\n      `;\n    }\n    return '';\n  }}\n`;\n\nexport const StyledWrapper = styled(Grid)`\n  height: 100%;\n  width: 100%;\n  position: relative;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

package/cjs/prop-types.js

@@ -1,33 +1,60 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var reactDesc = require('react-desc');
-var lodash = require('lodash');
-
+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 prop_types_exports = {};
+__export(prop_types_exports, {
+  chatProps: () => chatProps,
+  defaultProps: () => defaultProps
+});
+var React = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_lodash = require("lodash");
 const defaultProps = {
   expanded: false,
   expandedWidth: 348,
-  openedItem: undefined,
-  onFooterExpand: lodash.noop,
-  onFooterClose: lodash.noop,
+  openedItem: void 0,
+  onFooterExpand: import_lodash.noop,
+  onFooterClose: import_lodash.noop,
   floating: false,
-  onHeaderExpand: lodash.noop,
-  onHeaderClose: lodash.noop,
-  title: 'Header Title'
+  onHeaderExpand: import_lodash.noop,
+  onHeaderClose: import_lodash.noop,
+  title: "Header Title"
 };
 const chatProps = {
-  containerProps: reactDesc.PropTypes.shape({}).defaultValue({}),
-  expanded: reactDesc.PropTypes.bool.description('Whether to show the chat expanded or collapsed').defaultValue(defaultProps.expanded),
-  expandedWidth: reactDesc.PropTypes.number.description('Total width attached to the expanded Chat').defaultValue(defaultProps.expandedWidth),
-  openedItem: reactDesc.PropTypes.string.description('The id of the chat item you want to be opened').defaultValue(defaultProps.openedItem),
-  messages: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.object).description('The array of out-of-the-box items you want to render inside the container list of the chat').defaultValue(defaultProps.openedItem),
-  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),
-  floating: reactDesc.PropTypes.bool.description('Whether to show the chat as floating chat or not').defaultValue(defaultProps.floating)
+  containerProps: import_react_desc.PropTypes.shape({}).defaultValue({}),
+  expanded: import_react_desc.PropTypes.bool.description("Whether to show the chat expanded or collapsed").defaultValue(defaultProps.expanded),
+  expandedWidth: import_react_desc.PropTypes.number.description("Total width attached to the expanded Chat").defaultValue(defaultProps.expandedWidth),
+  openedItem: import_react_desc.PropTypes.string.description("The id of the chat item you want to be opened").defaultValue(defaultProps.openedItem),
+  messages: 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 container list of the chat").defaultValue(defaultProps.openedItem),
+  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),
+  floating: import_react_desc.PropTypes.bool.description("Whether to show the chat as floating chat or not").defaultValue(defaultProps.floating)
 };
-
-exports.chatProps = chatProps;
-exports.defaultProps = defaultProps;
+module.exports = __toCommonJS(prop_types_exports);
+//# sourceMappingURL=prop-types.js.map

package/cjs/prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/prop-types.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport { ChatProps } from './index.d';\n\nexport const defaultProps: ChatProps = {\n  expanded: false,\n  expandedWidth: 348,\n  openedItem: undefined,\n  onFooterExpand: noop,\n  onFooterClose: noop,\n  floating: false,\n  onHeaderExpand: noop,\n  onHeaderClose: noop,\n  title: 'Header Title',\n};\n\nexport const chatProps = {\n  containerProps: PropTypes.shape({}).defaultValue({}),\n  expanded: PropTypes.bool\n    .description('Whether to show the chat expanded or collapsed')\n    .defaultValue(defaultProps.expanded),\n  expandedWidth: PropTypes.number\n    .description('Total width attached to the expanded Chat')\n    .defaultValue(defaultProps.expandedWidth),\n  openedItem: PropTypes.string\n    .description('The id of the chat item you want to be opened')\n    .defaultValue(defaultProps.openedItem),\n  messages: PropTypes.arrayOf(PropTypes.object)\n    .description(\n      'The array of out-of-the-box items you want to render inside the container list of the chat',\n    )\n    .defaultValue(defaultProps.openedItem),\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  floating: PropTypes.bool\n    .description('Whether to show the chat as floating chat or not')\n    .defaultValue(defaultProps.floating),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA0B;AAC1B,oBAAqB;AAGd,MAAM,eAA0B;AAAA,EACrC,UAAU;AAAA,EACV,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,OAAO;AAAA;AAGF,MAAM,YAAY;AAAA,EACvB,gBAAgB,4BAAU,MAAM,IAAI,aAAa;AAAA,EACjD,UAAU,4BAAU,KACjB,YAAY,kDACZ,aAAa,aAAa;AAAA,EAC7B,eAAe,4BAAU,OACtB,YAAY,6CACZ,aAAa,aAAa;AAAA,EAC7B,YAAY,4BAAU,OACnB,YAAY,iDACZ,aAAa,aAAa;AAAA,EAC7B,UAAU,4BAAU,QAAQ,4BAAU,QACnC,YACC,8FAED,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,UAAU,4BAAU,KACjB,YAAY,oDACZ,aAAa,aAAa;AAAA;",
+  "names": []
+}

package/cjs/styled.js

@@ -1,17 +1,45 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
+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, {
+  BOX_SHADOW: () => BOX_SHADOW,
+  BOX_SHADOW_FLOATING: () => BOX_SHADOW_FLOATING,
+  BOX_SHADOW_INSET: () => BOX_SHADOW_INSET,
+  BUTTON_FLOATING: () => BUTTON_FLOATING,
+  BUTTON_SIDEBAR_HEIGHT: () => BUTTON_SIDEBAR_HEIGHT,
+  MIN_WIDTH_SIDEBAR: () => MIN_WIDTH_SIDEBAR
+});
+var React = __toESM(require("react"));
 const MIN_WIDTH_SIDEBAR = 48;
 const BUTTON_SIDEBAR_HEIGHT = 48;
 const BUTTON_FLOATING = 56;
-const BOX_SHADOW = '0 5px 8px 0 rgba(53,60,70,0.55)';
-const BOX_SHADOW_FLOATING = '0 5px 8px 0 rgba(53,60,70,0.35)';
-const BOX_SHADOW_INSET = "inset 100px 3px 4px 0 rgba(53,60,70,0.50)";
-
-exports.BOX_SHADOW = BOX_SHADOW;
-exports.BOX_SHADOW_FLOATING = BOX_SHADOW_FLOATING;
-exports.BOX_SHADOW_INSET = BOX_SHADOW_INSET;
-exports.BUTTON_FLOATING = BUTTON_FLOATING;
-exports.BUTTON_SIDEBAR_HEIGHT = BUTTON_SIDEBAR_HEIGHT;
-exports.MIN_WIDTH_SIDEBAR = MIN_WIDTH_SIDEBAR;
+const BOX_SHADOW = "0 5px 8px 0 rgba(53,60,70,0.55)";
+const BOX_SHADOW_FLOATING = "0 5px 8px 0 rgba(53,60,70,0.35)";
+const BOX_SHADOW_INSET = `inset 100px 3px 4px 0 rgba(53,60,70,0.50)`;
+module.exports = __toCommonJS(styled_exports);
+//# sourceMappingURL=styled.js.map

package/cjs/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/styled.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const MIN_WIDTH_SIDEBAR = 48;\nexport const BUTTON_SIDEBAR_HEIGHT = 48;\nexport const BUTTON_FLOATING = 56;\nexport const BOX_SHADOW = '0 5px 8px 0 rgba(53,60,70,0.55)';\nexport const BOX_SHADOW_FLOATING = '0 5px 8px 0 rgba(53,60,70,0.35)';\nexport const BOX_SHADOW_INSET = `inset 100px 3px 4px 0 rgba(53,60,70,0.50)`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,oBAAoB;AAC1B,MAAM,wBAAwB;AAC9B,MAAM,kBAAkB;AACxB,MAAM,aAAa;AACnB,MAAM,sBAAsB;AAC5B,MAAM,mBAAmB;",
+  "names": []
+}

package/cjs/tests/utils.js

@@ -0,0 +1,66 @@
+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 utils_exports = {};
+__export(utils_exports, {
+  loadMsgs: () => loadMsgs
+});
+var React = __toESM(require("react"));
+var import_ds_chat = require("@elliemae/ds-chat");
+const getRandomMessages = (q, key) => Array(q).fill().map((v, i) => {
+  if (i > 5 && i % 22 === 0) {
+    return {
+      dsId: `${i}`,
+      body: `This is a system message that notifies the user of some important things`,
+      type: import_ds_chat.BUBBLE_TYPES.SYSTEM,
+      title: "System Message",
+      time: "4:50 pm"
+    };
+  }
+  if (i > 5 && i % 16 === 0) {
+    return {
+      dsId: `${i}`,
+      type: import_ds_chat.BUBBLE_TYPES.DELIMITER,
+      title: "Mon, Apr 25, 12:43 PM",
+      extraProps: { "data-testid": "custom-data-testid" }
+    };
+  }
+  const isSender = i % 2 === 0;
+  const chatBubbleType = isSender ? import_ds_chat.BUBBLE_TYPES.SENDER : import_ds_chat.BUBBLE_TYPES.RECIPIENT;
+  const chatTitle = isSender ? "Robert Deniro" : "Al Pacino";
+  return {
+    dsId: `${i}`,
+    body: `Message text ${key} Message text ${i}`,
+    type: chatBubbleType,
+    title: chatTitle,
+    time: "4:50 pm",
+    helpMessage: isSender ? "Delivered" : null
+  };
+});
+const loadMsgs = (q) => getRandomMessages(q, "item_key");
+module.exports = __toCommonJS(utils_exports);
+//# sourceMappingURL=utils.js.map

package/cjs/tests/utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/tests/utils.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { BUBBLE_TYPES } from '@elliemae/ds-chat';\n\nconst getRandomMessages = (q, key) =>\n  Array(q)\n    .fill()\n    .map((v, i) => {\n      if (i > 5 && i % 22 === 0) {\n        return {\n          dsId: `${i}`,\n          body: `This is a system message that notifies the user of some important things`,\n          type: BUBBLE_TYPES.SYSTEM,\n          title: 'System Message',\n          time: '4:50 pm',\n        };\n      }\n      if (i > 5 && i % 16 === 0) {\n        return {\n          dsId: `${i}`,\n          type: BUBBLE_TYPES.DELIMITER,\n          title: 'Mon, Apr 25, 12:43 PM',\n          extraProps: { 'data-testid': 'custom-data-testid' },\n        };\n      }\n      const isSender = i % 2 === 0;\n      const chatBubbleType = isSender ? BUBBLE_TYPES.SENDER : BUBBLE_TYPES.RECIPIENT;\n      const chatTitle = isSender ? 'Robert Deniro' : 'Al Pacino';\n      return {\n        dsId: `${i}`,\n        body: `Message text ${key} Message text ${i}`,\n        type: chatBubbleType,\n        title: chatTitle,\n        time: '4:50 pm',\n        helpMessage: isSender ? 'Delivered' : null,\n      };\n    });\n\nexport const loadMsgs = (q: number): unknown => getRandomMessages(q, 'item_key');\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,qBAA6B;AAE7B,MAAM,oBAAoB,CAAC,GAAG,QAC5B,MAAM,GACH,OACA,IAAI,CAAC,GAAG,MAAM;AACb,MAAI,IAAI,KAAK,IAAI,OAAO,GAAG;AACzB,WAAO;AAAA,MACL,MAAM,GAAG;AAAA,MACT,MAAM;AAAA,MACN,MAAM,4BAAa;AAAA,MACnB,OAAO;AAAA,MACP,MAAM;AAAA;AAAA;AAGV,MAAI,IAAI,KAAK,IAAI,OAAO,GAAG;AACzB,WAAO;AAAA,MACL,MAAM,GAAG;AAAA,MACT,MAAM,4BAAa;AAAA,MACnB,OAAO;AAAA,MACP,YAAY,EAAE,eAAe;AAAA;AAAA;AAGjC,QAAM,WAAW,IAAI,MAAM;AAC3B,QAAM,iBAAiB,WAAW,4BAAa,SAAS,4BAAa;AACrE,QAAM,YAAY,WAAW,kBAAkB;AAC/C,SAAO;AAAA,IACL,MAAM,GAAG;AAAA,IACT,MAAM,gBAAgB,oBAAoB;AAAA,IAC1C,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,IACN,aAAa,WAAW,cAAc;AAAA;AAAA;AAIvC,MAAM,WAAW,CAAC,MAAuB,kBAAkB,GAAG;",
+  "names": []
+}