@elliemae/ds-chat 2.0.0-alpha.4 → 2.0.0-alpha.8

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

@@ -13,10 +13,10 @@ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 const MIN_WIDTH_SIDEBAR = 48;
 const BUTTON_SIDEBAR_HEIGHT = 48; // Buttons
 
-const StyledWrapperLeftBorder = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
+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({
+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 => {
   switch (props.badgeColor) {
@@ -41,20 +41,20 @@ const StyledStatusBadge = /*#__PURE__*/styled__default['default'].div.withConfig
       return 'left: -4px;';
   }
 });
-const StyledWrapperCentralContent = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
+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({
+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({
+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({
+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 StyledTileButton = /*#__PURE__*/styled__default['default'].button.withConfig({
+const StyledTileButton = /*#__PURE__*/styled__default["default"].button.withConfig({
   componentId: "sc-1ebp1zs-6"
 })(["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  ${props.theme.colors.neutral['200']}` : 'none', props => props.theme.colors.neutral['080'], StyledStatusBadge, props => props.theme.colors.neutral['080'], props => {
   switch (props.badgePosition) {
@@ -74,7 +74,7 @@ const StyledTileButton = /*#__PURE__*/styled__default['default'].button.withConf
 
   return '';
 });
-const StyledWrapper = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
+const StyledWrapper = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-1ebp1zs-7"
 })(["height:100%;width:100%;position:relative;"]);
 

package/esm/parts/bubble/styled.js

@@ -19,7 +19,7 @@ const StyledTitleRightBubble = /*#__PURE__*/styled(Grid).withConfig({
 })(["font-size:13px;font-weight:400;color:", ";"], props => props.type === BUBBLE_TYPES.SENDER ? '#FFF' : '#657489');
 const StyleBodyWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-fe8e9o-4"
-})(["font-size:13px;font-weight:400;line-height:15px;min-height:32px;padding:0px 10px 8px 10px;"]);
+})(["font-size:13px;font-weight:400;line-height:15px;min-height:18px;padding:0px 10px 8px 10px;"]);
 const StyleErrorMessage = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-fe8e9o-5"
 })(["font-size:12px;font-weight:400;padding-top:", ";padding-bottom:", ";color:", ";align-items:flex-end;justify-content:center;text-align:right;line-height:15px;svg{fill:", ";}a{font-size:12px;color:", ";}.em-ds-icon{margin-left:8px;}"], props => props.theme.space.xxxs, props => props.theme.space.xxxs, props => props.theme.colors.danger[900], props => props.theme.colors.danger[900], props => props.theme.colors.danger[900]);

package/esm/parts/chat-container/ChatContainer.js

@@ -1,6 +1,5 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/web.url.to-json.js';
 import React from 'react';
 import { noop } from 'lodash';
 import { describe } from 'react-desc';
@@ -22,7 +21,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 const ChatContainer = props => {
   var _containerRef$current;
 
-  useValidateProps(props, ChatContainerWithSchema.toJSON());
+  useValidateProps(props, ChatContainerWithSchema.toTypescript());
   const {
     sendingText,
     sendingMessages,

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

@@ -1,7 +1,7 @@
-import { useValidatePropTypes } from '@elliemae/ds-props-helpers';
+import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';
 
 const useValidateProps = (props, schema) => {
-  useValidatePropTypes(props, schema);
+  useValidateTypescriptPropTypes(props, schema);
 };
 
 export { useValidateProps };

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

@@ -23,16 +23,16 @@ const defaultProps = {
   sendingText: 'Sending'
 };
 const containerProps = {
-  messagesListProps: PropTypes.arrayOf(PropTypes.object).description('ChatMessageList props "messages" / "onScrollEnds"').defaultValue(defaultProps.messagesListProps),
-  composerProps: PropTypes.arrayOf(PropTypes.object).description('Composer configuration').defaultValue(defaultProps.composerProps),
+  messagesListProps: PropTypes.object.description('ChatMessageList props "messages" / "onScrollEnds"').defaultValue(defaultProps.messagesListProps),
+  composerProps: PropTypes.object.description('Composer configuration').defaultValue(defaultProps.composerProps),
   autoScroll: PropTypes.bool.description('Auto scroll to bottom on resize').defaultValue(defaultProps.autoScroll),
   device: PropTypes.string.description('Option to render mobile or desktop style composer').defaultValue(defaultProps.device),
   isLoading: PropTypes.oneOf(['top', 'bottom', undefined]).description('Show Loading messages indicator at the `top` or `bottom` of the container'),
   hasMoreItems: PropTypes.oneOf(['top', 'bottom', undefined]).description('Show Load More button at the `top` or `bottom` of the container'),
   getMoreMessages: PropTypes.func.description('Called when the user clicks on load more').defaultValue(defaultProps.getMoreMessages),
   bannerPosition: PropTypes.oneOf(['top', 'bottom', undefined]).description('Show Loading messages indicator at the `top` or `bottom` of the container'),
-  bannerProps: PropTypes.arrayOf(PropTypes.object).description('Banner configuration').defaultValue(defaultProps.bannerProps),
-  sendingMessages: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])).description('Array of ids of sending messages').defaultValue(defaultProps.sendingMessages),
+  bannerProps: PropTypes.object.description('Banner configuration').defaultValue(defaultProps.bannerProps),
+  sendingMessages: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.arrayOf(PropTypes.number)]).description('Array of ids of sending messages').defaultValue(defaultProps.sendingMessages),
   sendingText: PropTypes.string.description('Label description for messages in sending status').defaultValue(defaultProps.sendingText),
   actionRef: PropTypes.object.description(`Reference: 
         { 

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

@@ -1,6 +1,5 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/web.url.to-json.js';
 import React from 'react';
 import { describe } from 'react-desc';
 import { useVirtual } from 'react-virtual';
@@ -28,7 +27,7 @@ const getPadding = hasMoreItems => {
 };
 
 const ChatContainerMessagesList = props => {
-  useValidateProps(props, ChatContainerMessagesListWithSchema.toJSON());
+  useValidateProps(props, ChatContainerMessagesListWithSchema.toTypescript());
   const {
     sendingText,
     sendingMessages,

package/esm/parts/chat-container-messages-list/config/useValidateProps.js

@@ -1,7 +1,7 @@
-import { useValidatePropTypes } from '@elliemae/ds-props-helpers';
+import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';
 
 const useValidateProps = (props, schema) => {
-  useValidatePropTypes(props, schema);
+  useValidateTypescriptPropTypes(props, schema);
 };
 
 export { useValidateProps };

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

@@ -26,7 +26,7 @@ const listProps = {
   isLoading: PropTypes.oneOf(['top', 'bottom', undefined]).description('Keeps the load more space while the loading is in progress'),
   hasMoreItems: PropTypes.oneOf(['top', 'bottom', undefined]).description('Show Load More button at the `top` or `bottom` of the container'),
   getMoreMessages: PropTypes.func.description('Called when the user clicks on load more').defaultValue(defaultProps.getMoreMessages),
-  sendingMessages: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])).description('Array of ids of sending messages').defaultValue(defaultProps.sendingMessages),
+  sendingMessages: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.arrayOf(PropTypes.number)]).description('Array of ids of sending messages').defaultValue(defaultProps.sendingMessages),
   sendingText: PropTypes.string.description('Label description for messages in sending status').defaultValue(defaultProps.sendingText)
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-chat",
-  "version": "2.0.0-alpha.4",
+  "version": "2.0.0-alpha.8",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Chat",
   "module": "./esm/index.js",
@@ -293,9 +293,9 @@
     "generateSubmodules": true
   },
   "dependencies": {
-    "@elliemae/ds-basic": "2.0.0-alpha.4",
-    "@elliemae/ds-icons": "2.0.0-alpha.4",
-    "@elliemae/ds-system": "2.0.0-alpha.4",
+    "@elliemae/ds-basic": "2.0.0-alpha.8",
+    "@elliemae/ds-icons": "2.0.0-alpha.8",
+    "@elliemae/ds-system": "2.0.0-alpha.8",
     "prop-types": "~15.7.2",
     "react-virtual": "~2.3.2"
   },