@elliemae/ds-chat 2.2.0-next.6 → 2.2.1

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

@@ -48,6 +48,7 @@ const ChatComposer = props => {
     placeholder,
     inputMaxLength,
     maxLengthMessage,
+    ariaMaxLengthMessage,
     buttonDisabled,
     dataTestid,
     actionRef
@@ -151,8 +152,8 @@ const ChatComposer = props => {
   }, void 0, inputMaxLength && hasError ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [/*#__PURE__*/_jsx__default["default"](styled.StyledCounterErrorA11y, {
       role: "alert"
-    }, void 0, maxLengthMessage || "You have entered ".concat(inputLength, " characters and have exceeded the limit by ").concat(inputLength - inputMaxLength, ". Please limit to less than ").concat(inputMaxLength, " characters. ")), maxLengthMessage || "Please limit to less than ".concat(inputMaxLength, " characters. ")]
-  }) : '', inputMaxLength && !maxLengthMessage ? " ".concat(inputLength, " / ").concat(inputMaxLength) : ''), _Grid || (_Grid = /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}))));
+    }, void 0, ariaMaxLengthMessage || "You have entered ".concat(inputLength, " characters and have exceeded the limit by ").concat(inputLength - inputMaxLength, ". Please limit to less than ").concat(inputMaxLength, " characters. ")), maxLengthMessage || "Please limit to less than ".concat(inputMaxLength, " characters. ")]
+  }) : '', inputMaxLength ? " ".concat(inputLength, " / ").concat(inputMaxLength) : ''), _Grid || (_Grid = /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}))));
 };
 
 ChatComposer.defaultProps = props.defaultComposerPros;

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

@@ -8,6 +8,7 @@ var lodash = require('lodash');
 const defaultComposerPros = {
   placeholder: 'Type your message',
   inputValue: '',
+  ariaMaxLengthMessage: '',
   onChange: lodash.noop,
   onResize: lodash.noop,
   onSend: lodash.noop,
@@ -24,6 +25,7 @@ const defaultComposerPros = {
 const composerProps = {
   placeholder: reactDesc.PropTypes.string.description('Input Placeholder').defaultValue(defaultComposerPros.placeholder),
   inputValue: reactDesc.PropTypes.string.description('Input value').defaultValue(defaultComposerPros.inputValue),
+  ariaMaxLengthMessage: reactDesc.PropTypes.string.description('Aria message for Max length message when exceeded').defaultValue(defaultComposerPros.maxLengthMessage),
   maxLengthMessage: reactDesc.PropTypes.string.description('Max length message').defaultValue(defaultComposerPros.maxLengthMessage),
   onChange: reactDesc.PropTypes.func.description('Called when the user types').defaultValue(defaultComposerPros.onChange),
   onResize: reactDesc.PropTypes.func.description('Called the input changes his height').defaultValue(defaultComposerPros.onResize),

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

@@ -38,6 +38,7 @@ const ChatComposer = props => {
     placeholder,
     inputMaxLength,
     maxLengthMessage,
+    ariaMaxLengthMessage,
     buttonDisabled,
     dataTestid,
     actionRef
@@ -141,8 +142,8 @@ const ChatComposer = props => {
   }, void 0, inputMaxLength && hasError ? /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/_jsx(StyledCounterErrorA11y, {
       role: "alert"
-    }, void 0, maxLengthMessage || "You have entered ".concat(inputLength, " characters and have exceeded the limit by ").concat(inputLength - inputMaxLength, ". Please limit to less than ").concat(inputMaxLength, " characters. ")), maxLengthMessage || "Please limit to less than ".concat(inputMaxLength, " characters. ")]
-  }) : '', inputMaxLength && !maxLengthMessage ? " ".concat(inputLength, " / ").concat(inputMaxLength) : ''), _Grid || (_Grid = /*#__PURE__*/_jsx(Grid, {}))));
+    }, void 0, ariaMaxLengthMessage || "You have entered ".concat(inputLength, " characters and have exceeded the limit by ").concat(inputLength - inputMaxLength, ". Please limit to less than ").concat(inputMaxLength, " characters. ")), maxLengthMessage || "Please limit to less than ".concat(inputMaxLength, " characters. ")]
+  }) : '', inputMaxLength ? " ".concat(inputLength, " / ").concat(inputMaxLength) : ''), _Grid || (_Grid = /*#__PURE__*/_jsx(Grid, {}))));
 };
 
 ChatComposer.defaultProps = defaultComposerPros;

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

@@ -4,6 +4,7 @@ import { noop } from 'lodash';
 const defaultComposerPros = {
   placeholder: 'Type your message',
   inputValue: '',
+  ariaMaxLengthMessage: '',
   onChange: noop,
   onResize: noop,
   onSend: noop,
@@ -20,6 +21,7 @@ const defaultComposerPros = {
 const composerProps = {
   placeholder: PropTypes.string.description('Input Placeholder').defaultValue(defaultComposerPros.placeholder),
   inputValue: PropTypes.string.description('Input value').defaultValue(defaultComposerPros.inputValue),
+  ariaMaxLengthMessage: PropTypes.string.description('Aria message for Max length message when exceeded').defaultValue(defaultComposerPros.maxLengthMessage),
   maxLengthMessage: PropTypes.string.description('Max length message').defaultValue(defaultComposerPros.maxLengthMessage),
   onChange: PropTypes.func.description('Called when the user types').defaultValue(defaultComposerPros.onChange),
   onResize: PropTypes.func.description('Called the input changes his height').defaultValue(defaultComposerPros.onResize),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-chat",
-  "version": "2.2.0-next.6",
+  "version": "2.2.1",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Chat",
   "module": "./esm/index.js",
@@ -305,15 +305,15 @@
     "generateSubmodules": true
   },
   "dependencies": {
-    "@elliemae/ds-banner": "2.2.0-next.6",
-    "@elliemae/ds-button": "2.2.0-next.6",
-    "@elliemae/ds-grid": "2.2.0-next.6",
-    "@elliemae/ds-icons": "2.2.0-next.6",
-    "@elliemae/ds-indeterminate-progress-indicator": "2.2.0-next.6",
-    "@elliemae/ds-props-helpers": "2.2.0-next.6",
-    "@elliemae/ds-system": "2.2.0-next.6",
-    "@elliemae/ds-tooltip": "2.2.0-next.6",
-    "@elliemae/ds-truncated-tooltip-text": "2.2.0-next.6",
+    "@elliemae/ds-banner": "2.2.1",
+    "@elliemae/ds-button": "2.2.1",
+    "@elliemae/ds-grid": "2.2.1",
+    "@elliemae/ds-icons": "2.2.1",
+    "@elliemae/ds-indeterminate-progress-indicator": "2.2.1",
+    "@elliemae/ds-props-helpers": "2.2.1",
+    "@elliemae/ds-system": "2.2.1",
+    "@elliemae/ds-tooltip": "2.2.1",
+    "@elliemae/ds-truncated-tooltip-text": "2.2.1",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.2",
     "react-virtual": "~2.3.2"

package/types/parts/bubble/ChatBubble.d.ts

@@ -23,7 +23,7 @@ declare const ChatBubble: {
     };
 };
 declare const ChatBubbleWithSchema: {
-    (props?: BubbleProps | undefined): JSX.Element;
+    (props?: unknown): JSX.Element;
     propTypes: unknown;
     toTypescript: () => import("react-desc").TypescriptSchema;
 };

package/types/parts/chat-card/ChatCard.d.ts

@@ -26,7 +26,7 @@ declare const ChatCard: {
     };
 };
 declare const ChatCardWithSchema: {
-    (props?: CardPropTypes | undefined): JSX.Element;
+    (props?: unknown): JSX.Element;
     propTypes: unknown;
     toTypescript: () => import("react-desc").TypescriptSchema;
 };

package/types/parts/chat-composer/ChatContainerComposer.d.ts

@@ -10,6 +10,9 @@ declare const ChatComposer: {
         inputValue: {
             deprecated: import("react-desc").PropTypesDescValidator;
         };
+        ariaMaxLengthMessage: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
         maxLengthMessage: {
             deprecated: import("react-desc").PropTypesDescValidator;
         };
@@ -50,7 +53,7 @@ declare const ChatComposer: {
     defaultProps: ChatComposerProps;
 };
 declare const ChatComposerWithSchema: {
-    (props?: ChatComposerProps | undefined): JSX.Element;
+    (props?: unknown): JSX.Element;
     propTypes: unknown;
     toTypescript: () => import("react-desc").TypescriptSchema;
 };

package/types/parts/chat-container/ChatContainer.d.ts

@@ -56,7 +56,7 @@ declare const ChatContainer: {
     defaultProps: ChatContainerProps;
 };
 declare const ChatContainerWithSchema: {
-    (props?: ChatContainerProps | undefined): JSX.Element;
+    (props?: unknown): JSX.Element;
     propTypes: unknown;
     toTypescript: () => import("react-desc").TypescriptSchema;
 };

package/types/parts/chat-container-messages-list/ChatContainerMessagesList.d.ts

@@ -41,7 +41,7 @@ declare const ChatContainerMessagesList: {
     defaultProps: ChatContainerMessagesListProps;
 };
 declare const ChatContainerMessagesListWithSchema: {
-    (props?: ChatContainerMessagesListProps | undefined): JSX.Element;
+    (props?: unknown): JSX.Element;
     propTypes: unknown;
     toTypescript: () => import("react-desc").TypescriptSchema;
 };

package/types/parts/chat-empty-state/ChatEmptyState.d.ts

@@ -14,7 +14,7 @@ declare const ChatEmptyState: {
     defaultProps: ChatEmptyStateProps;
 };
 declare const ChatEmptyStateListWithSchema: {
-    (props?: ChatEmptyStateProps | undefined): JSX.Element;
+    (props?: unknown): JSX.Element;
     propTypes: unknown;
     toTypescript: () => import("react-desc").TypescriptSchema;
 };

package/types/parts/chat-sidebar/SideBarChat.d.ts

@@ -41,7 +41,7 @@ declare const SideBarChat: {
     defaultProps: CharSidebarProps;
 };
 declare const SideBarChatWithSchema: {
-    (props?: CharSidebarProps | undefined): JSX.Element;
+    (props?: unknown): JSX.Element;
     propTypes: unknown;
     toTypescript: () => import("react-desc").TypescriptSchema;
 };

package/types/parts/message-delimiter/MessageDelimiter.d.ts

@@ -24,7 +24,7 @@ declare const MessageDelimiter: {
     };
 };
 declare const MessageDelimiterWithSchema: {
-    (props?: MessageDelimiterProps | undefined): JSX.Element;
+    (props?: unknown): JSX.Element;
     propTypes: unknown;
     toTypescript: () => import("react-desc").TypescriptSchema;
 };

package/types/parts/system-message/SystemMessage.d.ts

@@ -16,7 +16,7 @@ declare const SystemMessage: {
     };
 };
 declare const SystemMessageWithSchema: {
-    (props?: SystemMessageProps | undefined): JSX.Element;
+    (props?: unknown): JSX.Element;
     propTypes: unknown;
     toTypescript: () => import("react-desc").TypescriptSchema;
 };

package/types/parts/tile-button/TileButton.d.ts

@@ -68,7 +68,7 @@ declare const TileButton: {
     defaultProps: TileButtonProps;
 };
 declare const TileButtonWithSchema: {
-    (props?: TileButtonProps | undefined): JSX.Element;
+    (props?: unknown): JSX.Element;
     propTypes: unknown;
     toTypescript: () => import("react-desc").TypescriptSchema;
 };