@elliemae/ds-chat 1.57.1 → 2.0.0-alpha.11

package/cjs/parts/message-delimiter/props.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var reactDesc = require('react-desc');
 
-var defaultProps = {
+const defaultProps = {
   title: '',
   size: 's',
   verticalMargin: '0px',
@@ -12,7 +12,7 @@ var defaultProps = {
     'data-testid': 'chat-message-delimiter-title'
   }
 };
-var messageDelimiterProps = {
+const messageDelimiterProps = {
   title: reactDesc.PropTypes.string.isRequired.description('Text to display in the delimiter'),
   size: reactDesc.PropTypes.oneOf(['s', 'l']).description('size of the delimiter').defaultValue('s'),
   extraProps: reactDesc.PropTypes.object.description('extra props for delimiter'),
@@ -21,4 +21,3 @@ var messageDelimiterProps = {
 
 exports.defaultProps = defaultProps;
 exports.messageDelimiterProps = messageDelimiterProps;
-//# sourceMappingURL=props.js.map

package/cjs/parts/message-delimiter/styled.js

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

package/cjs/parts/sidebar-button/SidebarButton.js

@@ -2,49 +2,50 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
-var parts_sidebarButton_styled = require('./styled.js');
-var parts_sidebarButton_props = require('./props.js');
-require('styled-components');
-require('@elliemae/ds-grid');
-require('../../styled.js');
-require('prop-types');
-require('react-desc');
-require('lodash');
-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 _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["label", "dsId", "onClick", "Icon"];
-var SidebarButton = function SidebarButton(_ref) {
-  var label = _ref.label,
-      dsId = _ref.dsId,
-      onClick = _ref.onClick,
-      Icon = _ref.Icon,
-      rest = _objectWithoutProperties__default['default'](_ref, _excluded);
+const _excluded = ["label", "dsId", "onClick", "Icon"];
 
-  var handleClick = React__default['default'].useCallback(function () {
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+const SidebarButton = _ref => {
+  let {
+    label,
+    dsId,
+    onClick,
+    Icon
+  } = _ref,
+      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
+
+  const handleClick = React__default["default"].useCallback(() => {
     onClick(dsId);
   }, [onClick, dsId]);
-  return /*#__PURE__*/React__default['default'].createElement(parts_sidebarButton_styled.StyledSidebarButton, _extends__default['default']({
-    key: dsId,
+  return /*#__PURE__*/jsxRuntime.jsxs(styled.StyledSidebarButton, _objectSpread(_objectSpread({
     "data-testid": "sidebar-button-".concat(dsId),
     onClick: handleClick
-  }, rest), /*#__PURE__*/React__default['default'].createElement(parts_sidebarButton_styled.StyledSidebarButtonIcon, {
-    alignItems: "center",
-    justifyContent: "center"
-  }, /*#__PURE__*/React__default['default'].createElement(Icon, {
-    size: "m"
-  })), label && /*#__PURE__*/React__default['default'].createElement(parts_sidebarButton_styled.StyledSidebarButtonLabel, null, label));
+  }, rest), {}, {
+    children: [/*#__PURE__*/_jsx__default["default"](styled.StyledSidebarButtonIcon, {
+      alignItems: "center",
+      justifyContent: "center"
+    }, void 0, /*#__PURE__*/_jsx__default["default"](Icon, {
+      size: "m"
+    })), label && /*#__PURE__*/_jsx__default["default"](styled.StyledSidebarButtonLabel, {}, void 0, label)]
+  }), dsId);
 };
-SidebarButton.propTypes = parts_sidebarButton_props.propsSidebarButton;
-SidebarButton.defaultProps = parts_sidebarButton_props.defaultSidebarButton;
+SidebarButton.defaultProps = props.defaultSidebarButton;
 
 exports.SidebarButton = SidebarButton;
-//# sourceMappingURL=SidebarButton.js.map

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

@@ -1,3 +1,2 @@
 'use strict';
 
-//# sourceMappingURL=index.js.map

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

@@ -5,22 +5,23 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var propsTypes = require('prop-types');
 var reactDesc = require('react-desc');
 var lodash = require('lodash');
-var dsIcons = require('@elliemae/ds-icons');
+var Comments = require('@elliemae/ds-icons/Comments');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var propsTypes__default = /*#__PURE__*/_interopDefaultLegacy(propsTypes);
+var Comments__default = /*#__PURE__*/_interopDefaultLegacy(Comments);
 
-var defaultSidebarButton = {
-  Icon: dsIcons.Comments,
+const defaultSidebarButton = {
+  Icon: Comments__default["default"],
   dsId: undefined,
   label: '',
   onClick: lodash.noop,
   title: ''
 };
-var propsSidebarButton = {
+const propsSidebarButton = {
   Icon: reactDesc.PropTypes.element.description('Icon component').defaultValue(defaultSidebarButton.Icon),
-  dsId: reactDesc.PropTypes.oneOfType([propsTypes__default['default'].number, propsTypes__default['default'].string]).description('Unique id for the button').defaultValue(defaultSidebarButton.dsId),
+  dsId: reactDesc.PropTypes.oneOfType([propsTypes__default["default"].number, propsTypes__default["default"].string]).description('Unique id for the button').defaultValue(defaultSidebarButton.dsId),
   label: reactDesc.PropTypes.string.description('It will display under the icon').defaultValue(defaultSidebarButton.label),
   title: reactDesc.PropTypes.string.description('Tooltip').defaultValue(defaultSidebarButton.title),
   onClick: reactDesc.PropTypes.func.description('The function to call when the is clicked').defaultValue(defaultSidebarButton.onClick)
@@ -28,4 +29,3 @@ var propsSidebarButton = {
 
 exports.defaultSidebarButton = defaultSidebarButton;
 exports.propsSidebarButton = propsSidebarButton;
-//# sourceMappingURL=props.js.map

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

@@ -10,23 +10,16 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var StyledSidebarButton = /*#__PURE__*/styled__default['default'].button.withConfig({
+const StyledSidebarButton = /*#__PURE__*/styled__default["default"].button.withConfig({
   componentId: "sc-6ygly3-0"
-})(["display:flex;align-items:center;justify-content:center;outline:none;height:", "px;width:", "px;position:relative;border:0;background:transparent;&:focus,&:hover{background:", ";}cursor:pointer;border-bottom:1px solid ", ";svg{fill:", ";}"], styled$1.BUTTON_SIDEBAR_HEIGHT, styled$1.MIN_WIDTH_SIDEBAR, function (props) {
-  return props.theme.colors.neutral['080'];
-}, function (props) {
-  return props.theme.colors.neutral['200'];
-}, function (props) {
-  return props.theme.colors.neutral[500];
-});
-var StyledSidebarButtonIcon = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
+})(["display:flex;align-items:center;justify-content:center;outline:none;height:", "px;width:", "px;position:relative;border:0;background:transparent;&:focus,&:hover{background:", ";}cursor:pointer;border-bottom:1px solid ", ";svg{fill:", ";}"], styled$1.BUTTON_SIDEBAR_HEIGHT, styled$1.MIN_WIDTH_SIDEBAR, props => props.theme.colors.neutral['080'], props => props.theme.colors.neutral['200'], props => props.theme.colors.neutral[500]);
+const StyledSidebarButtonIcon = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-6ygly3-1"
 })(["position:relative;"]);
-var StyledSidebarButtonLabel = /*#__PURE__*/styled__default['default'].div.withConfig({
+const StyledSidebarButtonLabel = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-6ygly3-2"
 })(["width:30px;text-transform:uppercase;overflow:hidden;text-align:center;"]);
 
 exports.StyledSidebarButton = StyledSidebarButton;
 exports.StyledSidebarButtonIcon = StyledSidebarButtonIcon;
 exports.StyledSidebarButtonLabel = StyledSidebarButtonLabel;
-//# sourceMappingURL=styled.js.map

package/cjs/parts/system-message/SystemMessage.js

@@ -2,42 +2,43 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.url.to-json.js');
+require('react');
 var reactDesc = require('react-desc');
-var parts_systemMessage_style = require('./style.js');
-var parts_systemMessage_props = require('./props.js');
-var parts_systemMessage_config_useValidateProps = require('./config/useValidateProps.js');
-require('styled-components');
-require('@elliemae/ds-grid');
-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 }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-var SystemMessage = function SystemMessage(props) {
-  parts_systemMessage_config_useValidateProps.useValidateProps(props, SystemMessageWithSchema.toJSON());
-  var title = props.title,
-      time = props.time,
-      body = props.body;
-  return /*#__PURE__*/React__default['default'].createElement(parts_systemMessage_style.Wrapper, {
+var _span;
+
+const SystemMessage = props => {
+  useValidateProps.useValidateProps(props, SystemMessageWithSchema.toJSON());
+  const {
+    title,
+    time,
+    body
+  } = props;
+  return /*#__PURE__*/_jsx__default["default"](style.Wrapper, {
     rows: ['auto', 'auto']
-  }, /*#__PURE__*/React__default['default'].createElement(parts_systemMessage_style.Header, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](style.Header, {
     cols: ['1fr', 'auto', '1fr']
-  }, /*#__PURE__*/React__default['default'].createElement("span", null), /*#__PURE__*/React__default['default'].createElement(parts_systemMessage_style.Title, {
+  }, void 0, _span || (_span = /*#__PURE__*/_jsx__default["default"]("span", {})), /*#__PURE__*/_jsx__default["default"](style.Title, {
     "data-testid": "chat-system-message-title"
-  }, title), /*#__PURE__*/React__default['default'].createElement(parts_systemMessage_style.Time, {
+  }, void 0, title), /*#__PURE__*/_jsx__default["default"](style.Time, {
     "data-testid": "chat-system-message-time"
-  }, time)), /*#__PURE__*/React__default['default'].createElement(parts_systemMessage_style.Message, {
+  }, void 0, time)), /*#__PURE__*/_jsx__default["default"](style.Message, {
     "data-testid": "chat-system-message-body"
-  }, body));
+  }, void 0, body));
 };
 
-SystemMessage.defaultProps = parts_systemMessage_props.defaultProps;
-SystemMessage.propTypes = parts_systemMessage_props.systemMessageProps;
-var SystemMessageWithSchema = reactDesc.describe(SystemMessage);
-SystemMessageWithSchema.propTypes = parts_systemMessage_props.systemMessageProps;
+SystemMessage.defaultProps = props.defaultProps;
+const SystemMessageWithSchema = reactDesc.describe(SystemMessage);
+SystemMessageWithSchema.propTypes = props.systemMessageProps;
 
 exports.SystemMessage = SystemMessage;
 exports.SystemMessageWithSchema = SystemMessageWithSchema;
-//# sourceMappingURL=SystemMessage.js.map

package/cjs/parts/system-message/config/useValidateProps.js

@@ -4,9 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var dsPropsHelpers = require('@elliemae/ds-props-helpers');
 
-var useValidateProps = function useValidateProps(props, schema) {
+const useValidateProps = (props, schema) => {
   dsPropsHelpers.useValidatePropTypes(props, schema);
 };
 
 exports.useValidateProps = useValidateProps;
-//# sourceMappingURL=useValidateProps.js.map

package/cjs/parts/system-message/index.js

@@ -2,18 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var parts_systemMessage_SystemMessage = require('./SystemMessage.js');
-require('react');
-require('react-desc');
-require('./style.js');
-require('styled-components');
-require('@elliemae/ds-grid');
-require('./props.js');
-require('./config/useValidateProps.js');
-require('@elliemae/ds-props-helpers');
+var SystemMessage = require('./SystemMessage.js');
 
 
 
-exports.SystemMessage = parts_systemMessage_SystemMessage.SystemMessage;
-exports.SystemMessageWithSchema = parts_systemMessage_SystemMessage.SystemMessageWithSchema;
-//# sourceMappingURL=index.js.map
+exports.SystemMessage = SystemMessage.SystemMessage;
+exports.SystemMessageWithSchema = SystemMessage.SystemMessageWithSchema;

package/cjs/parts/system-message/props.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var reactDesc = require('react-desc');
 
-var defaultProps = {
+const defaultProps = {
   title: 'System Message',
   time: '',
   body: ''
 };
-var systemMessageProps = {
+const systemMessageProps = {
   title: reactDesc.PropTypes.string.isRequired.description('Message title').defaultValue('System Message'),
   time: reactDesc.PropTypes.string.description('data of the message, ie: hour'),
   body: reactDesc.PropTypes.string.isRequired.description('message')
@@ -17,4 +17,3 @@ var systemMessageProps = {
 
 exports.defaultProps = defaultProps;
 exports.systemMessageProps = systemMessageProps;
-//# sourceMappingURL=props.js.map

package/cjs/parts/system-message/style.js

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

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

@@ -2,100 +2,103 @@
 
 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 dsTooltip = require('@elliemae/ds-tooltip');
+var DSTooltip = require('@elliemae/ds-tooltip');
 var dsGrid = require('@elliemae/ds-grid');
-var dsIcons = require('@elliemae/ds-icons');
-var parts_tileButton_styled = require('./styled.js');
-var parts_tileButton_props = require('./props.js');
-var parts_tileButton_config_useValidateProps = require('./config/useValidateProps.js');
-require('styled-components');
-require('lodash');
-require('@elliemae/ds-props-helpers');
+var CloseXsmall = require('@elliemae/ds-icons/CloseXsmall');
+var styled = require('./styled.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 }; }
 
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var DSTooltip__default = /*#__PURE__*/_interopDefaultLegacy(DSTooltip);
+var CloseXsmall__default = /*#__PURE__*/_interopDefaultLegacy(CloseXsmall);
 
-var TileButton = function TileButton(props) {
-  parts_tileButton_config_useValidateProps.useValidateProps(props, TileButtonWithSchema.toJSON());
-  var label = props.label,
-      title = props.title,
-      dsId = props.dsId,
-      onClick = props.onClick,
-      onFocus = props.onFocus,
-      onBlur = props.onBlur,
-      Icon = props.Icon,
-      showClose = props.showClose,
-      onClose = props.onClose,
-      badge = props.badge,
-      badgeColor = props.badgeColor,
-      badgePosition = props.badgePosition,
-      disabled = props.disabled,
-      selected = props.selected,
-      isHeader = props.isHeader,
-      ariaLabel = props.ariaLabel,
-      tooltipPlacement = props.tooltipPlacement,
-      disableTooltip = props.disableTooltip;
-  var handleClick = React__default['default'].useCallback(function () {
+var _StyledWrapperLeftBor, _CloseXsmall;
+
+const TileButton = props => {
+  var _Icon, _StyledStatusBadge, _StyledTileButtonLabe;
+
+  useValidateProps.useValidateProps(props, TileButtonWithSchema.toJSON());
+  const {
+    label,
+    title,
+    dsId,
+    onClick,
+    onFocus,
+    onBlur,
+    Icon,
+    showClose,
+    onClose,
+    badge,
+    badgeColor,
+    badgePosition,
+    disabled,
+    selected,
+    isHeader,
+    ariaLabel
+  } = props;
+  const handleClick = React__default["default"].useCallback(() => {
     onClick(dsId, title);
   }, [dsId, onClick, title]);
-  var MainContent = React__default['default'].useMemo(function () {
-    return /*#__PURE__*/React__default['default'].createElement(parts_tileButton_styled.StyledWrapperCentralContent, {
-      alignItems: isHeader ? 'center' : undefined
-    }, /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
-      width: "100%",
-      alignItems: "center",
-      justifyContent: "center"
-    }, /*#__PURE__*/React__default['default'].createElement(parts_tileButton_styled.StyledTileButtonIcon, {
-      alignItems: "center",
-      justifyContent: "center"
-    }, /*#__PURE__*/React__default['default'].createElement(Icon, {
-      size: "m"
-    }), badge ? /*#__PURE__*/React__default['default'].createElement(parts_tileButton_styled.StyledStatusBadge, {
-      badgeColor: badgeColor,
-      badgePosition: badgePosition
-    }) : null)), !isHeader ? /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
-      width: "100%",
-      justifyContent: "center"
-    }, label ? /*#__PURE__*/React__default['default'].createElement(parts_tileButton_styled.StyledTileButtonLabel, null, label) : null) : null);
-  }, [isHeader, Icon, badge, badgeColor, badgePosition, label]);
-  var Btn = React__default['default'].useMemo(function () {
-    return /*#__PURE__*/React__default['default'].createElement(parts_tileButton_styled.StyledTileButton, {
-      key: dsId,
-      isHeader: isHeader,
-      value: dsId,
-      "data-testid": "tile-button-".concat(dsId),
-      onClick: handleClick,
-      onFocus: onFocus,
-      onBlur: onBlur,
-      disabled: disabled,
-      selected: selected,
-      badgeColor: badgeColor,
-      badgePosition: badgePosition,
-      "aria-pressed": selected,
-      "aria-label": ariaLabel
-    }, /*#__PURE__*/React__default['default'].createElement(parts_tileButton_styled.StyledWrapper, {
-      alignItems: "center",
-      justifyContent: "center"
-    }, /*#__PURE__*/React__default['default'].createElement("span", null, MainContent), /*#__PURE__*/React__default['default'].createElement(parts_tileButton_styled.StyledWrapperLeftBorder, null), showClose && !disabled ? /*#__PURE__*/React__default['default'].createElement(parts_tileButton_styled.CloseButton, {
-      onClick: onClose,
-      value: dsId
-    }, /*#__PURE__*/React__default['default'].createElement(dsIcons.CloseXsmall, null)) : null));
-  }, [MainContent, ariaLabel, badgeColor, badgePosition, disabled, dsId, handleClick, isHeader, onBlur, onClose, onFocus, selected, showClose]);
-  return title && !disableTooltip ? /*#__PURE__*/React__default['default'].createElement(dsTooltip.DSTooltipV3, {
-    id: "ds-chat-tile-tooltip-button-".concat(dsId),
-    text: title,
-    startPlacementPreference: tooltipPlacement
-  }, Btn) : Btn;
+  const MainContent = React__default["default"].useMemo(() => /*#__PURE__*/_jsx__default["default"](styled.StyledWrapperCentralContent, {
+    alignItems: isHeader ? 'center' : undefined
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+    width: "100%",
+    alignItems: "center",
+    justifyContent: "center"
+  }, void 0, /*#__PURE__*/_jsx__default["default"](styled.StyledTileButtonIcon, {
+    alignItems: "center",
+    justifyContent: "center"
+  }, void 0, _Icon || (_Icon = /*#__PURE__*/_jsx__default["default"](Icon, {
+    size: "m"
+  })), badge ? _StyledStatusBadge || (_StyledStatusBadge = /*#__PURE__*/_jsx__default["default"](styled.StyledStatusBadge, {
+    badgeColor: badgeColor,
+    badgePosition: badgePosition
+  })) : 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]);
+  return /*#__PURE__*/_jsx__default["default"](styled.StyledTileButton, {
+    isHeader: isHeader,
+    value: dsId,
+    "data-testid": "tile-button-".concat(dsId),
+    onClick: handleClick,
+    onFocus: onFocus,
+    onBlur: onBlur,
+    disabled: disabled,
+    selected: selected,
+    badgeColor: badgeColor,
+    badgePosition: badgePosition,
+    "aria-pressed": selected,
+    "aria-label": ariaLabel
+  }, dsId, /*#__PURE__*/_jsx__default["default"](styled.StyledWrapper, {
+    alignItems: "center",
+    justifyContent: "center"
+  }, void 0, title ? /*#__PURE__*/_jsx__default["default"](DSTooltip__default["default"], {
+    containerProps: {
+      id: "ds-chat-tile-tooltip-button-".concat(dsId),
+      'data-testid': "ds-chat-tile-tooltip-button-".concat(dsId)
+    },
+    interactionType: "hover",
+    title: title,
+    triggerComponent: /*#__PURE__*/_jsx__default["default"]("span", {}, void 0, MainContent),
+    placement: "bottom"
+  }) : MainContent, _StyledWrapperLeftBor || (_StyledWrapperLeftBor = /*#__PURE__*/_jsx__default["default"](styled.StyledWrapperLeftBorder, {})), showClose && !disabled ? /*#__PURE__*/_jsx__default["default"](styled.CloseButton, {
+    onClick: onClose,
+    value: dsId
+  }, void 0, _CloseXsmall || (_CloseXsmall = /*#__PURE__*/_jsx__default["default"](CloseXsmall__default["default"], {}))) : null));
 };
 
-TileButton.propTypes = parts_tileButton_props.propsTileButton;
-TileButton.defaultProps = parts_tileButton_props.defaultTileButton;
-var TileButtonWithSchema = reactDesc.describe(TileButton);
-TileButtonWithSchema.propTypes = parts_tileButton_props.propsTileButton;
+TileButton.defaultProps = props.defaultTileButton;
+const TileButtonWithSchema = reactDesc.describe(TileButton);
+TileButtonWithSchema.propTypes = props.propsTileButton;
 
 exports.TileButton = TileButton;
 exports.TileButtonWithSchema = TileButtonWithSchema;
-//# sourceMappingURL=TileButton.js.map

package/cjs/parts/tile-button/config/useValidateProps.js

@@ -4,9 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var dsPropsHelpers = require('@elliemae/ds-props-helpers');
 
-var useValidateProps = function useValidateProps(props, schema) {
+const useValidateProps = (props, schema) => {
   dsPropsHelpers.useValidatePropTypes(props, schema);
 };
 
 exports.useValidateProps = useValidateProps;
-//# sourceMappingURL=useValidateProps.js.map

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

@@ -2,21 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var parts_tileButton_TileButton = require('./TileButton.js');
-require('react');
-require('react-desc');
-require('@elliemae/ds-tooltip');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-icons');
-require('./styled.js');
-require('styled-components');
-require('./props.js');
-require('lodash');
-require('./config/useValidateProps.js');
-require('@elliemae/ds-props-helpers');
+var TileButton = require('./TileButton.js');
 
 
 
-exports.TileButton = parts_tileButton_TileButton.TileButton;
-exports.TileButtonWithSchema = parts_tileButton_TileButton.TileButtonWithSchema;
-//# sourceMappingURL=index.js.map
+exports.TileButton = TileButton.TileButton;
+exports.TileButtonWithSchema = TileButton.TileButtonWithSchema;