@superdispatch/ui-lab 0.23.2 → 0.23.3

package/dist-node/index.js

@@ -15,6 +15,7 @@ var _objectSpread = _interopDefault(require('@babel/runtime/helpers/objectSpread
 var _objectWithoutProperties = _interopDefault(require('@babel/runtime/helpers/objectWithoutProperties'));
 var reactTransitionGroup = require('react-transition-group');
 var core = require('@material-ui/core');
+var dates = require('@superdispatch/dates');
 var uiLab = require('@superdispatch/ui-lab');
 var js = require('@mdi/js');
 var Dropzone = _interopDefault(require('react-dropzone'));
@@ -537,13 +538,9 @@ var ChatContainer = /*#__PURE__*/styled__default('div').withConfig({
   componentId: "SD__sc-qksih8-0"
 })(_ref => {
   var {
-    isEmpty,
-    minWidth,
-    maxWidth,
-    minHeight,
-    maxHeight
+    isEmpty
   } = _ref;
-  return "\n  display: flex;\n  flex-direction: column-reverse;\n  overflow: auto;\n  justify-content: ".concat(isEmpty ? 'center' : 'end', ";\n  width: 100%;\n  height: 100%;\n  min-width: ").concat(minWidth || 432, "px;\n  max-width: ").concat(maxWidth || 560, "px;\n  min-height: ").concat(minHeight || 368, "px;\n  max-height: ").concat(maxHeight || 696, "px;\n  padding: 16px;\n  box-sizing: border-box;\n");
+  return "\n  display: flex;\n  flex-direction: column-reverse;\n  overflow: auto;\n  justify-content: ".concat(isEmpty ? 'center' : 'end', ";\n  width: 100%;\n  height: 100%;\n  min-width: 300px;\n  max-width: 560px;\n  min-height: 368px;\n  max-height: 696px;\n  padding: 16px;\n  box-sizing: border-box;\n");
 });
 
 function emptyPlaceholder(text) {
@@ -557,6 +554,7 @@ function emptyPlaceholder(text) {
 var Chat = /*#__PURE__*/react.forwardRef((_ref2, ref) => {
   var {
     children,
+    className,
     emptyText = 'No new messages'
   } = _ref2;
   var isEmpty = react.Children.toArray(children).length === 0;
@@ -564,6 +562,7 @@ var Chat = /*#__PURE__*/react.forwardRef((_ref2, ref) => {
     "data-testid": "chat-container",
     isEmpty: isEmpty,
     ref: ref,
+    className: className,
     children: /*#__PURE__*/jsxRuntime.jsx(ui.Stack, {
       space: "small",
       children: isEmpty ? emptyPlaceholder(emptyText) : children
@@ -581,6 +580,9 @@ var ChatMessage = /*#__PURE__*/react.forwardRef((_ref, ref) => {
     text,
     variant
   } = _ref;
+  var time = dates.formatDate(dateTime, {
+    variant: 'Time'
+  });
   return /*#__PURE__*/jsxRuntime.jsxs(ui.Stack, {
     space: "xxsmall",
     align: variant === 'outgoing' ? 'right' : 'left',
@@ -596,7 +598,7 @@ var ChatMessage = /*#__PURE__*/react.forwardRef((_ref, ref) => {
         children: role
       }), /*#__PURE__*/jsxRuntime.jsx(core.Typography, {
         color: "textSecondary",
-        children: dateTime
+        children: time
       })]
     }), /*#__PURE__*/jsxRuntime.jsx(uiLab.Box, {
       display: "inline-block",