@elliemae/ds-chat 2.3.0-next.4 → 2.3.0-next.8

package/cjs/{parts → exported-related}/floating-button/styled.js

@@ -12,7 +12,7 @@ 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 StyledFloatingButton = /*#__PURE__*/styled__default["default"].button.withConfig({
-  componentId: "sc-vlozhu-0"
+  componentId: "sc-1i0yavm-0"
 })(["outline:none;cursor:pointer;height:", "px;width:", "px;border:none;background:", ";border-radius:50%;box-shadow:", ";&:hover{background:", ";}&:focus{border:2px solid ", ";box-shadow:inset 0 0 0 2px ", ",", ";}&:active{background:", ";box-shadow:inset 0 0 0 0,", ";}svg{fill:", ";}"], BUTTON_FLOATING, BUTTON_FLOATING, props => props.theme.colors.brand[600], BOX_SHADOW_FLOATING, props => props.theme.colors.brand[700], props => props.theme.colors.brand[700], props => props.theme.colors.neutral['000'], BOX_SHADOW, props => props.theme.colors.brand[800], BOX_SHADOW_FLOATING, props => props.theme.colors.neutral['000']);
 
 exports.StyledFloatingButton = StyledFloatingButton;

package/cjs/{parts → exported-related}/floating-container/styled.js

@@ -11,7 +11,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 const StyledFloatingContainer = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
-  componentId: "sc-nqvrts-0"
+  componentId: "sc-1qjulsq-0"
 })(["position:fixed;bottom:24px;right:24px;border-radius:4px;z-index:1;box-shadow:", ";background:", ";width:348px;"], styled$1.BOX_SHADOW, nestedProps => nestedProps.theme.colors.neutral['050']);
 
 exports.StyledFloatingContainer = StyledFloatingContainer;

package/cjs/{parts → exported-related}/grid-influencer/InfluencerContainer.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
 var styled = require('./styled.js');
-var ChatContainer = require('../chat-container/ChatContainer.js');
+var ChatContainer = require('../../parts/chat-container/ChatContainer.js');
 var SideBarChat = require('../chat-sidebar/SideBarChat.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/{parts → exported-related}/grid-influencer/styled.js

@@ -11,10 +11,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 const StyledChatContainer = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
-  componentId: "sc-b6t5vk-0"
+  componentId: "sc-15373cc-0"
 })(["height:100%;width:", ";background:", ";box-shadow:-1px 0 0 0 ", ";transition:width ", " 350ms;"], props => props.expanded ? "".concat(props.expandedWidth, "px") : "".concat(styled$1.MIN_WIDTH_SIDEBAR, "px"), props => props.theme.colors.neutral['050'], props => props.theme.colors.neutral[100], props => props.expanded ? 'ease-out' : 'ease-in');
 const StyledChatContainerContent = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
-  componentId: "sc-b6t5vk-1"
+  componentId: "sc-15373cc-1"
 })(["height:100%;overflow:hidden;background:", ";", ""], props => props.theme.colors.neutral['050'], props => props.floating ? "\n  width: ".concat(props.expandedWidth, "px;\n") : "\n  width: ".concat(props.expandedWidth - styled$1.MIN_WIDTH_SIDEBAR, "px;\n"));
 
 exports.StyledChatContainer = StyledChatContainer;

package/cjs/exported-related/index.js

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var ChatBubble = require('./bubble/ChatBubble.js');
+var props = require('./bubble/props.js');
+var FloatingButton = require('./floating-button/FloatingButton.js');
+var styled = require('./floating-container/styled.js');
+var ChatContainerHeader = require('./chat-container-header/ChatContainerHeader.js');
+var ChatEmptyState = require('./chat-empty-state/ChatEmptyState.js');
+var SideBarChat = require('./chat-sidebar/SideBarChat.js');
+var TileButton = require('./tile-button/TileButton.js');
+var MessageDelimiter = require('./message-delimiter/MessageDelimiter.js');
+var SystemMessage = require('./system-message/SystemMessage.js');
+var ChatCard = require('./chat-card/ChatCard.js');
+
+
+
+exports.ChatBubble = ChatBubble.ChatBubble;
+exports.ChatBubbleWithSchema = ChatBubble.ChatBubbleWithSchema;
+exports.BUBBLE_TYPES = props.BUBBLE_TYPES;
+exports.FloatingButton = FloatingButton.FloatingButton;
+exports.StyledFloatingContainer = styled.StyledFloatingContainer;
+exports.ChatContainerHeader = ChatContainerHeader.ChatContainerHeader;
+exports.ChatContainerHeaderWithSchema = ChatContainerHeader.ChatContainerHeaderWithSchema;
+exports.ChatEmptyState = ChatEmptyState.ChatEmptyState;
+exports.ChatEmptyStateWithSchema = ChatEmptyState.ChatEmptyStateWithSchema;
+exports.SideBarChat = SideBarChat.SideBarChat;
+exports.SideBarChatWithSchema = SideBarChat.SideBarChatWithSchema;
+exports.TileButton = TileButton.TileButton;
+exports.TileButtonWithSchema = TileButton.TileButtonWithSchema;
+exports.MessageDelimiter = MessageDelimiter.MessageDelimiter;
+exports.MessageDelimiterWithSchema = MessageDelimiter.MessageDelimiterWithSchema;
+exports.SystemMessage = SystemMessage.SystemMessage;
+exports.SystemMessageWithSchema = SystemMessage.SystemMessageWithSchema;
+exports.ChatCard = ChatCard.ChatCard;
+exports.ChatCardWithSchema = ChatCard.ChatCardWithSchema;

package/cjs/exported-related/message-delimiter/MessageDelimiter.js

@@ -0,0 +1,53 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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 _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var dsPropsHelpers = require('@elliemae/ds-props-helpers');
+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 _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+var _Line, _Line2;
+
+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 MessageDelimiter = props$1 => {
+  const propsWithDefault = dsPropsHelpers.useMemoMergePropsWithDefault(props$1, props.defaultProps);
+  dsPropsHelpers.useValidateTypescriptPropTypes(propsWithDefault, props.messageDelimiterProps);
+  const globalAttrs = dsPropsHelpers.useGetGlobalAttributes(propsWithDefault);
+  const {
+    title,
+    size,
+    verticalMargin
+  } = propsWithDefault;
+  return /*#__PURE__*/jsxRuntime.jsxs(styled.Wrapper, _objectSpread(_objectSpread({
+    cols: ['1fr', 'auto', '1fr']
+  }, globalAttrs), {}, {
+    children: [_Line || (_Line = /*#__PURE__*/_jsx__default["default"](styled.Line, {})), /*#__PURE__*/_jsx__default["default"](styled.Text, {
+      size: size,
+      verticalMargin: verticalMargin,
+      "data-testid": "chat-message-delimiter-title"
+    }, void 0, title), _Line2 || (_Line2 = /*#__PURE__*/_jsx__default["default"](styled.Line, {}))]
+  }));
+};
+
+const MessageDelimiterWithSchema = dsPropsHelpers.describe(MessageDelimiter);
+MessageDelimiterWithSchema.propTypes = props.messageDelimiterProps;
+
+exports.MessageDelimiter = MessageDelimiter;
+exports.MessageDelimiterWithSchema = MessageDelimiterWithSchema;

package/cjs/exported-related/message-delimiter/props.js

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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 _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var dsPropsHelpers = require('@elliemae/ds-props-helpers');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+
+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 defaultProps = {
+  title: '',
+  size: 's',
+  verticalMargin: '0px'
+};
+const messageDelimiterProps = _objectSpread(_objectSpread({}, dsPropsHelpers.globalAttributesPropTypes), {}, {
+  title: dsPropsHelpers.PropTypes.string.isRequired.description('Text to display in the delimiter'),
+  size: dsPropsHelpers.PropTypes.oneOf(['s', 'l']).description('size of the delimiter').defaultValue('s'),
+  extraProps: dsPropsHelpers.PropTypes.object.description('extra props for delimiter'),
+  verticalMargin: dsPropsHelpers.PropTypes.oneOfType([dsPropsHelpers.PropTypes.string, dsPropsHelpers.PropTypes.number]).description('Configurable css vertical margin property for flexibilty')
+});
+
+exports.defaultProps = defaultProps;
+exports.messageDelimiterProps = messageDelimiterProps;

package/cjs/{parts → exported-related}/message-delimiter/styled.js

@@ -10,13 +10,13 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 const Wrapper = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
-  componentId: "sc-upz0rt-0"
+  componentId: "sc-1oelxl4-0"
 })(["align-items:center;justify-content:center;width:100%;min-height:8px;"]);
 const Line = /*#__PURE__*/styled__default["default"].span.withConfig({
-  componentId: "sc-upz0rt-1"
+  componentId: "sc-1oelxl4-1"
 })(["border-top:1px solid ", ";"], props => props.theme.colors.neutral['400']);
 const Text = /*#__PURE__*/styled__default["default"].p.withConfig({
-  componentId: "sc-upz0rt-2"
+  componentId: "sc-1oelxl4-2"
 })(["color:", ";font-size:", ";font-weight:", ";margin:", ";"], props => props.theme.colors.neutral['600'], props => props.size === 's' ? '12px' : '14px', props => props.theme.fontWeights.semibold, props => typeof props.verticalMargin === 'number' ? "".concat(props.verticalMargin, "px 8px") : "".concat(props.verticalMargin, " 8px"));
 
 exports.Line = Line;

package/cjs/{parts → exported-related}/system-message/SystemMessage.js

@@ -3,12 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/web.url.to-json.js');
 require('react');
-var reactDesc = require('react-desc');
+var dsPropsHelpers = require('@elliemae/ds-props-helpers');
 var style = require('./style.js');
 var props = require('./props.js');
-var useValidateProps = require('./config/useValidateProps.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -16,13 +14,14 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
 var _span;
 
-const SystemMessage = props => {
-  useValidateProps.useValidateProps(props, SystemMessageWithSchema.toJSON());
+const SystemMessage = props$1 => {
+  const propsWithDefault = dsPropsHelpers.useMemoMergePropsWithDefault(props$1, props.defaultProps);
+  dsPropsHelpers.useValidateTypescriptPropTypes(propsWithDefault, props.systemMessageProps);
   const {
     title,
     time,
     body
-  } = props;
+  } = propsWithDefault;
   return /*#__PURE__*/_jsx__default["default"](style.Wrapper, {
     rows: ['auto', 'auto']
   }, void 0, /*#__PURE__*/_jsx__default["default"](style.Header, {
@@ -36,8 +35,7 @@ const SystemMessage = props => {
   }, void 0, body));
 };
 
-SystemMessage.defaultProps = props.defaultProps;
-const SystemMessageWithSchema = reactDesc.describe(SystemMessage);
+const SystemMessageWithSchema = dsPropsHelpers.describe(SystemMessage);
 SystemMessageWithSchema.propTypes = props.systemMessageProps;
 
 exports.SystemMessage = SystemMessage;

package/cjs/{parts → exported-related}/system-message/style.js

@@ -10,19 +10,19 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 const Wrapper = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
-  componentId: "sc-80w41d-0"
+  componentId: "sc-1qrpnrc-0"
 })(["align-items:center;justify-content:center;max-width:100%;padding:0 8px 8px;border:1px solid ", ";border-radius:10px;background-color:", ";box-shadow:none;"], props => props.theme.colors.neutral['100'], props => props.theme.colors.neutral['080']);
 const Header = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
-  componentId: "sc-80w41d-1"
+  componentId: "sc-1qrpnrc-1"
 })(["align-items:center;height:36px;"]);
 const Title = /*#__PURE__*/styled__default["default"].p.withConfig({
-  componentId: "sc-80w41d-2"
+  componentId: "sc-1qrpnrc-2"
 })(["font-size:14px;font-weight:", ";color:", ";margin:0;"], props => props.theme.fontWeights.semibold, props => props.theme.colors.neutral['700']);
 const Time = /*#__PURE__*/styled__default["default"].p.withConfig({
-  componentId: "sc-80w41d-3"
+  componentId: "sc-1qrpnrc-3"
 })(["font-size:12px;font-weight:", ";color:", ";margin:0;text-align:right;"], props => props.theme.fontWeights.regular, props => props.theme.colors.neutral['700']);
 const Message = /*#__PURE__*/styled__default["default"].p.withConfig({
-  componentId: "sc-80w41d-4"
+  componentId: "sc-1qrpnrc-4"
 })(["font-size:13px;font-weight:", ";color:", ";min-height:32px;text-align:center;margin:0;"], props => props.theme.fontWeights.regular, props => props.theme.colors.neutral['700']);
 
 exports.Header = Header;

package/cjs/{parts → exported-related}/tile-button/TileButton.js

@@ -3,15 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/web.url.to-json.js');
 var React = require('react');
-var reactDesc = require('react-desc');
+var dsPropsHelpers = require('@elliemae/ds-props-helpers');
 var dsTooltip = require('@elliemae/ds-tooltip');
 var dsGrid = require('@elliemae/ds-grid');
 var dsIcons = require('@elliemae/ds-icons');
 var styled = require('./styled.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 }; }
@@ -21,10 +19,11 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var _StyledWrapperLeftBor, _CloseXsmall;
 
-const TileButton = props => {
+const TileButton = props$1 => {
   var _Icon, _StyledTileButtonLabe, _span;
 
-  useValidateProps.useValidateProps(props, TileButtonWithSchema.toJSON());
+  const propsWithDefault = dsPropsHelpers.useMemoMergePropsWithDefault(props$1, props.defaultTileButton);
+  dsPropsHelpers.useValidateTypescriptPropTypes(propsWithDefault, props.propsTileButton);
   const {
     label,
     title,
@@ -45,7 +44,7 @@ const TileButton = props => {
     tooltipPlacement,
     disableTooltip,
     innerRef
-  } = props;
+  } = propsWithDefault;
   const handleClick = React__default["default"].useCallback(() => {
     onClick(dsId, title);
   }, [dsId, onClick, title]);
@@ -67,7 +66,7 @@ const TileButton = props => {
   }) : null)), !isHeader ? /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     width: "100%",
     justifyContent: "center"
-  }, void 0, label ? _StyledTileButtonLabe || (_StyledTileButtonLabe = /*#__PURE__*/_jsx__default["default"](styled.StyledTileButtonLabel, {}, void 0, label)) : null) : null), [isHeader, Icon, badge, badgeColor, badgePosition, label]);
+  }, void 0, label ? _StyledTileButtonLabe || (_StyledTileButtonLabe = /*#__PURE__*/_jsx__default["default"](styled.StyledTileButtonLabel, {}, void 0, label)) : null) : null), [isHeader, Icon, badge, dsId, badgeColor, badgePosition, label]);
   const Btn = React__default["default"].useMemo(() => /*#__PURE__*/jsxRuntime.jsx(styled.StyledTileButton, {
     isHeader: isHeader,
     value: dsId,
@@ -99,8 +98,7 @@ const TileButton = props => {
   }, void 0, Btn)) : Btn;
 };
 
-TileButton.defaultProps = props.defaultTileButton;
-const TileButtonWithSchema = reactDesc.describe(TileButton);
+const TileButtonWithSchema = dsPropsHelpers.describe(TileButton);
 TileButtonWithSchema.propTypes = props.propsTileButton;
 
 exports.TileButton = TileButton;

package/cjs/exported-related/tile-button/props.js

@@ -0,0 +1,55 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var dsPropsHelpers = require('@elliemae/ds-props-helpers');
+var lodash = require('lodash');
+var dsIcons = require('@elliemae/ds-icons');
+
+const defaultTileButton = {
+  Icon: dsIcons.Comments,
+  dsId: '',
+  label: '',
+  onClick: lodash.noop,
+  onBlur: lodash.noop,
+  onFocus: lodash.noop,
+  title: '',
+  onClose: lodash.noop,
+  showClose: false,
+  badge: false,
+  badgeColor: 'blue',
+  badgePosition: 'left',
+  disabled: false,
+  selected: false,
+  isHeader: false,
+  ariaLabel: 'Tile button',
+  tooltipPlacement: 'right',
+  disableTooltip: false,
+  innerRef: lodash.noop
+};
+const propsTileButton = {
+  Icon: dsPropsHelpers.PropTypes.func.description('Icon component').defaultValue(defaultTileButton.Icon),
+  dsId: dsPropsHelpers.PropTypes.oneOfType([dsPropsHelpers.PropTypes.number, dsPropsHelpers.PropTypes.string]).description('Unique id for the button').defaultValue(defaultTileButton.dsId),
+  label: dsPropsHelpers.PropTypes.string.description('It will display under the icon').defaultValue(defaultTileButton.label),
+  title: dsPropsHelpers.PropTypes.string.description('Tooltip').defaultValue(defaultTileButton.title),
+  onClick: dsPropsHelpers.PropTypes.func.description('The function to call when is clicked').defaultValue(defaultTileButton.onClick),
+  onFocus: dsPropsHelpers.PropTypes.func.description('The function to call when is focused').defaultValue(defaultTileButton.onFocus),
+  onBlur: dsPropsHelpers.PropTypes.func.description('The function to call when is on blur').defaultValue(defaultTileButton.onBlur),
+  onClose: dsPropsHelpers.PropTypes.func.description('The function to call when the X is Clicked').defaultValue(defaultTileButton.onClose),
+  showClose: dsPropsHelpers.PropTypes.bool.description('It will display the X').defaultValue(defaultTileButton.showClose),
+  badge: dsPropsHelpers.PropTypes.bool.description('It will display the badge').defaultValue(defaultTileButton.badge),
+  badgeColor: dsPropsHelpers.PropTypes.oneOf(['blue', 'green']).description('Color badge: blue or green').defaultValue(defaultTileButton.badgeColor),
+  badgePosition: dsPropsHelpers.PropTypes.oneOf(['left', 'right']).description('Color badge: blue or green').defaultValue(defaultTileButton.badgePosition),
+  disabled: dsPropsHelpers.PropTypes.bool.description('It will disabled the button').defaultValue(defaultTileButton.disabled),
+  selected: dsPropsHelpers.PropTypes.bool.description('Indicate that the button is selected').defaultValue(defaultTileButton.disabled),
+  isHeader: dsPropsHelpers.PropTypes.bool.description("It won't render the label").defaultValue(defaultTileButton.disabled),
+  ariaLabel: dsPropsHelpers.PropTypes.string.description('aria-label attribute').defaultValue(defaultTileButton.ariaLabel),
+  tooltipPlacement: dsPropsHelpers.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'"),
+  disableTooltip: dsPropsHelpers.PropTypes.bool.description('Disable tooltip option').defaultValue(defaultTileButton.disableTooltip),
+  innerRef: dsPropsHelpers.PropTypes.oneOfType([dsPropsHelpers.PropTypes.func, dsPropsHelpers.PropTypes.shape({
+    current: dsPropsHelpers.PropTypes.any
+  })]).description('reference to the component')
+};
+
+exports.defaultTileButton = defaultTileButton;
+exports.propsTileButton = propsTileButton;

package/cjs/{parts → exported-related}/tile-button/styled.js

@@ -17,10 +17,10 @@ const MIN_WIDTH_SIDEBAR = 48;
 const BUTTON_SIDEBAR_HEIGHT = 48; // Buttons
 
 const StyledWrapperLeftBorder = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
-  componentId: "sc-1ebp1zs-0"
+  componentId: "sc-b69sbu-0"
 })(["height:100%;width:4px;position:absolute;top:0;left:0;"]);
 const StyledStatusBadge = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-1ebp1zs-1"
+  componentId: "sc-b69sbu-1"
 })(["height:8px;width:8px;position:absolute;top:0;background:", ";", ";border-radius:50%;box-sizing:content-box;"], props => {
   switch (props.badgeColor) {
     case 'blue':
@@ -45,23 +45,23 @@ const StyledStatusBadge = /*#__PURE__*/styled__default["default"].div.withConfig
   }
 });
 const StyledWrapperCentralContent = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
-  componentId: "sc-1ebp1zs-2"
+  componentId: "sc-b69sbu-2"
 })(["width:24px;height:40px;"]);
 const StyledTileButtonIcon = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
-  componentId: "sc-1ebp1zs-3"
+  componentId: "sc-b69sbu-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"
+  componentId: "sc-b69sbu-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"
+  componentId: "sc-b69sbu-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"
+  componentId: "sc-b69sbu-6"
 })(["height:", "px;width:", "px;"], BUTTON_SIDEBAR_HEIGHT, MIN_WIDTH_SIDEBAR);
 const StyledTileButton = /*#__PURE__*/styled__default["default"].button.withConfig({
-  componentId: "sc-1ebp1zs-7"
+  componentId: "sc-b69sbu-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 => {
   switch (props.badgePosition) {
     case 'left':
@@ -81,7 +81,7 @@ const StyledTileButton = /*#__PURE__*/styled__default["default"].button.withConf
   return '';
 });
 const StyledWrapper = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
-  componentId: "sc-1ebp1zs-8"
+  componentId: "sc-b69sbu-8"
 })(["height:100%;width:100%;position:relative;"]);
 
 exports.CloseButton = CloseButton;

package/cjs/index.js

@@ -2,20 +2,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ChatBubble = require('./parts/bubble/ChatBubble.js');
-var props = require('./parts/bubble/props.js');
-var FloatingButton = require('./parts/floating-button/FloatingButton.js');
-var styled = require('./parts/floating-container/styled.js');
-var ChatContainerHeader = require('./parts/chat-container-header/ChatContainerHeader.js');
-var ChatEmptyState = require('./parts/chat-empty-state/ChatEmptyState.js');
-var ChatContainerMessagesList = require('./parts/chat-container-messages-list/ChatContainerMessagesList.js');
+var ChatBubble = require('./exported-related/bubble/ChatBubble.js');
+var props = require('./exported-related/bubble/props.js');
+var FloatingButton = require('./exported-related/floating-button/FloatingButton.js');
+var styled = require('./exported-related/floating-container/styled.js');
+var ChatContainerHeader = require('./exported-related/chat-container-header/ChatContainerHeader.js');
+var ChatEmptyState = require('./exported-related/chat-empty-state/ChatEmptyState.js');
+var SideBarChat = require('./exported-related/chat-sidebar/SideBarChat.js');
+var TileButton = require('./exported-related/tile-button/TileButton.js');
+var MessageDelimiter = require('./exported-related/message-delimiter/MessageDelimiter.js');
+var SystemMessage = require('./exported-related/system-message/SystemMessage.js');
+var ChatCard = require('./exported-related/chat-card/ChatCard.js');
+var reactDescPropTypes = require('./react-desc-prop-types.js');
 var ChatContainerComposer = require('./parts/chat-composer/ChatContainerComposer.js');
-var SideBarChat = require('./parts/chat-sidebar/SideBarChat.js');
 var ChatContainer = require('./parts/chat-container/ChatContainer.js');
-var TileButton = require('./parts/tile-button/TileButton.js');
-var MessageDelimiter = require('./parts/message-delimiter/MessageDelimiter.js');
-var SystemMessage = require('./parts/system-message/SystemMessage.js');
-var ChatCard = require('./parts/chat-card/ChatCard.js');
+var ChatContainerMessagesList = require('./parts/chat-container-messages-list/ChatContainerMessagesList.js');
+var ChatDataTestids = require('./ChatDataTestids.js');
 
 
 
@@ -25,15 +27,11 @@ exports.BUBBLE_TYPES = props.BUBBLE_TYPES;
 exports.FloatingButton = FloatingButton.FloatingButton;
 exports.StyledFloatingContainer = styled.StyledFloatingContainer;
 exports.ChatContainerHeader = ChatContainerHeader.ChatContainerHeader;
+exports.ChatContainerHeaderWithSchema = ChatContainerHeader.ChatContainerHeaderWithSchema;
 exports.ChatEmptyState = ChatEmptyState.ChatEmptyState;
-exports.ChatContainerMessagesList = ChatContainerMessagesList.ChatContainerMessagesList;
-exports.ChatContainerMessagesListWithSchema = ChatContainerMessagesList.ChatContainerMessagesListWithSchema;
-exports.ChatComposer = ChatContainerComposer.ChatComposer;
-exports.ChatComposerWithSchema = ChatContainerComposer.ChatComposerWithSchema;
+exports.ChatEmptyStateWithSchema = ChatEmptyState.ChatEmptyStateWithSchema;
 exports.SideBarChat = SideBarChat.SideBarChat;
 exports.SideBarChatWithSchema = SideBarChat.SideBarChatWithSchema;
-exports.ChatContainer = ChatContainer.ChatContainer;
-exports.ChatContainerWithSchema = ChatContainer.ChatContainerWithSchema;
 exports.TileButton = TileButton.TileButton;
 exports.TileButtonWithSchema = TileButton.TileButtonWithSchema;
 exports.MessageDelimiter = MessageDelimiter.MessageDelimiter;
@@ -42,3 +40,16 @@ exports.SystemMessage = SystemMessage.SystemMessage;
 exports.SystemMessageWithSchema = SystemMessage.SystemMessageWithSchema;
 exports.ChatCard = ChatCard.ChatCard;
 exports.ChatCardWithSchema = ChatCard.ChatCardWithSchema;
+exports.ChatComposerPropTypes = reactDescPropTypes.ChatComposerPropTypes;
+exports.ChatContainerMessagesListPropTypes = reactDescPropTypes.ChatContainerMessagesListPropTypes;
+exports.ChatContainerPropTypes = reactDescPropTypes.ChatContainerPropTypes;
+exports.defaultProps = reactDescPropTypes.defaultProps;
+exports.defaultPropsComposer = reactDescPropTypes.defaultPropsComposer;
+exports.defaultPropsMessagesList = reactDescPropTypes.defaultPropsMessagesList;
+exports.ChatComposer = ChatContainerComposer.ChatComposer;
+exports.ChatComposerWithSchema = ChatContainerComposer.ChatComposerWithSchema;
+exports.ChatContainer = ChatContainer.ChatContainer;
+exports.ChatContainerWithSchema = ChatContainer.ChatContainerWithSchema;
+exports.ChatContainerMessagesList = ChatContainerMessagesList.ChatContainerMessagesList;
+exports.ChatContainerMessagesListWithSchema = ChatContainerMessagesList.ChatContainerMessagesListWithSchema;
+exports.ChatDataTestIds = ChatDataTestids.ChatDataTestIds;

package/cjs/parts/chat-composer/ChatContainerComposer.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/web.url.to-json.js');
 require('core-js/modules/web.dom-collections.iterator.js');
 require('core-js/modules/esnext.async-iterator.filter.js');
 require('core-js/modules/esnext.iterator.constructor.js');
@@ -13,11 +12,10 @@ require('core-js/modules/esnext.async-iterator.for-each.js');
 require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
 var dsGrid = require('@elliemae/ds-grid');
-var reactDesc = require('react-desc');
 var dsIcons = require('@elliemae/ds-icons');
+var dsPropsHelpers = require('@elliemae/ds-props-helpers');
 var styled = require('./styled.js');
-var useValidateProps = require('./config/useValidateProps.js');
-var props = require('./props.js');
+var reactDescPropTypes = require('../../react-desc-prop-types.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -35,7 +33,8 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 const ChatComposer = props => {
   var _input$current;
 
-  useValidateProps.useValidateProps(props, ChatComposerWithSchema.toJSON());
+  const propsWithDefault = dsPropsHelpers.useMemoMergePropsWithDefault(props, reactDescPropTypes.defaultPropsComposer);
+  dsPropsHelpers.useValidateTypescriptPropTypes(propsWithDefault, reactDescPropTypes.ChatComposerPropTypes);
   const {
     inputValue,
     onChange,
@@ -52,7 +51,7 @@ const ChatComposer = props => {
     buttonDisabled,
     dataTestid,
     actionRef
-  } = props;
+  } = propsWithDefault;
   const COMPOSER_MIN_HEIGHT = 32;
   const input = React__default["default"].useRef();
   const inputSize = React__default["default"].useRef();
@@ -156,9 +155,8 @@ const ChatComposer = props => {
   }) : '', inputMaxLength ? " ".concat(inputLength, " / ").concat(inputMaxLength) : ''), _Grid || (_Grid = /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}))));
 };
 
-ChatComposer.defaultProps = props.defaultComposerPros;
-const ChatComposerWithSchema = reactDesc.describe(ChatComposer);
-ChatComposerWithSchema.propTypes = props.composerProps;
+const ChatComposerWithSchema = dsPropsHelpers.describe(ChatComposer);
+ChatComposerWithSchema.propTypes = reactDescPropTypes.ChatComposerPropTypes;
 
 exports.ChatComposer = ChatComposer;
 exports.ChatComposerWithSchema = ChatComposerWithSchema;