@elliemae/ds-chat 2.3.2 → 2.4.0-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/cjs/exported-related/bubble/ChatBubble.js +1 -1
  2. package/cjs/exported-related/bubble/props.js +2 -2
  3. package/cjs/parts/chat-container-messages-list/ChatContainerMessagesList.js +9 -9
  4. package/esm/exported-related/bubble/ChatBubble.js +1 -1
  5. package/esm/exported-related/bubble/props.js +2 -2
  6. package/esm/parts/chat-container-messages-list/ChatContainerMessagesList.js +9 -9
  7. package/package.json +10 -10
  8. package/types/exported-related/bubble/ChatBubbleArrow.d.ts +3 -8
  9. package/types/exported-related/bubble/styled.d.ts +3 -3
  10. package/types/exported-related/chat-card/styled.d.ts +1 -1
  11. package/types/exported-related/chat-container-header/styled.d.ts +3 -3
  12. package/types/exported-related/chat-empty-state/styled.d.ts +1 -1
  13. package/types/exported-related/chat-sidebar/sidebar-button/styled.d.ts +1 -1
  14. package/types/exported-related/chat-sidebar/styled.d.ts +2 -2
  15. package/types/exported-related/floating-container/styled.d.ts +1 -1
  16. package/types/exported-related/grid-influencer/styled.d.ts +2 -2
  17. package/types/exported-related/message-delimiter/styled.d.ts +1 -1
  18. package/types/exported-related/system-message/style.d.ts +2 -2
  19. package/types/exported-related/tile-button/styled.d.ts +4 -4
  20. package/types/parts/chat-composer/styled.d.ts +2 -2
  21. package/types/parts/chat-container/styled.d.ts +2 -2
package/cjs/exported-related/bubble/ChatBubble.js CHANGED
@@ -50,7 +50,7 @@ const ChatBubble = props$1 => {
50
50
  "data-testid": "chat-bubble-time-".concat(dsId)
51
51
  }, void 0, time)), /*#__PURE__*/_jsx__default["default"](styled.StyleBodyWrapper, {
52
52
  "data-testid": "chat-bubble-body-".concat(dsId)
53
- }, void 0, bodyParts.map((item, index) => /*#__PURE__*/_jsx__default["default"](React__default["default"].Fragment, {}, "".concat(item, "-").concat(index), item, index < bodyParts.length - 1 ? _br || (_br = /*#__PURE__*/_jsx__default["default"]("br", {})) : null))), /*#__PURE__*/_jsx__default["default"](ChatBubbleArrow.ChatBubbleArrow, {
53
+ }, void 0, bodyParts.map((item, index) => /*#__PURE__*/_jsx__default["default"](React__default["default"].Fragment, {}, "".concat(item, "-").concat(dsId), item, index < bodyParts.length - 1 ? _br || (_br = /*#__PURE__*/_jsx__default["default"]("br", {})) : null))), /*#__PURE__*/_jsx__default["default"](ChatBubbleArrow.ChatBubbleArrow, {
54
54
  type: type
55
55
  })), errorMessage ? /*#__PURE__*/_jsx__default["default"](styled.StyleErrorMessage, {
56
56
  "data-testid": "chat-bubble-error-message-".concat(dsId),
package/cjs/exported-related/bubble/props.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var dsPropsHelpers = require('@elliemae/ds-props-helpers');
6
6
 
7
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
7
+ // eslint-disable-next-line no-unused-vars
8
8
  function noop() {}
9
9
 
10
10
  const BUBBLE_TYPES = {
@@ -34,7 +34,7 @@ const BubblesPropTypes = {
34
34
  helpMessage: dsPropsHelpers.PropTypes.oneOfType([dsPropsHelpers.PropTypes.string, dsPropsHelpers.PropTypes.element]).description('Help message to display at bottom of the bubble').defaultValue(defaultBubbleProps.onClick)
35
35
  };
36
36
  const propsArrowBubble = {
37
- type: dsPropsHelpers.PropTypes.oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER])
37
+ type: dsPropsHelpers.PropTypes.oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER]).isRequired.defaultValue(defaultBubbleProps.type)
38
38
  };
39
39
 
40
40
  exports.BUBBLE_TYPES = BUBBLE_TYPES;
package/cjs/parts/chat-container-messages-list/ChatContainerMessagesList.js CHANGED
@@ -119,9 +119,7 @@ const ChatContainerMessagesList = props$1 => {
119
119
  }, 500), [onScrollEnds]);
120
120
  const onScrollStop = React__default["default"].useCallback(debouncedScroll, [debouncedScroll]);
121
121
  const onlyFocus = React__default["default"].useCallback(index => {
122
- setTimeout(() => {
123
- virtualListRef.current.querySelector("[data-index=\"".concat(index, "\"]")).focus();
124
- }, 300);
122
+ virtualListRef.current.querySelector("[data-index=\"".concat(index, "\"]")).focus();
125
123
  }, []);
126
124
  const scrollAndFocus = React__default["default"].useCallback(function (index) {
127
125
  let b = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
@@ -210,7 +208,9 @@ const ChatContainerMessagesList = props$1 => {
210
208
  e.preventDefault();
211
209
 
212
210
  if (index < (messages === null || messages === void 0 ? void 0 : messages.length) - 1) {
213
- virtualListRef.current.querySelector("[data-index=\"".concat(index + 1, "\"]")).focus();
211
+ var _virtualListRef$curre4;
212
+
213
+ ((_virtualListRef$curre4 = virtualListRef.current) === null || _virtualListRef$curre4 === void 0 ? void 0 : _virtualListRef$curre4.querySelector("[data-index=\"".concat(index + 1, "\"]"))).focus();
214
214
  }
215
215
 
216
216
  break;
@@ -244,10 +244,10 @@ const ChatContainerMessagesList = props$1 => {
244
244
  bannerRef === null || bannerRef === void 0 ? void 0 : (_bannerRef$current = bannerRef.current) === null || _bannerRef$current === void 0 ? void 0 : _bannerRef$current.focusOnWrapper();
245
245
  }
246
246
  } else {
247
- var _virtualListRef$curre4;
247
+ var _virtualListRef$curre5;
248
248
 
249
249
  e.preventDefault();
250
- (_virtualListRef$curre4 = virtualListRef.current) === null || _virtualListRef$curre4 === void 0 ? void 0 : _virtualListRef$curre4.focus();
250
+ (_virtualListRef$curre5 = virtualListRef.current) === null || _virtualListRef$curre5 === void 0 ? void 0 : _virtualListRef$curre5.focus();
251
251
  }
252
252
 
253
253
  break;
@@ -308,10 +308,10 @@ const ChatContainerMessagesList = props$1 => {
308
308
  e.preventDefault();
309
309
  actionRef.current.focusToComposer();
310
310
  } else {
311
- var _virtualListRef$curre5;
311
+ var _virtualListRef$curre6;
312
312
 
313
313
  e.preventDefault();
314
- (_virtualListRef$curre5 = virtualListRef.current) === null || _virtualListRef$curre5 === void 0 ? void 0 : _virtualListRef$curre5.focus();
314
+ (_virtualListRef$curre6 = virtualListRef.current) === null || _virtualListRef$curre6 === void 0 ? void 0 : _virtualListRef$curre6.focus();
315
315
  }
316
316
 
317
317
  break;
@@ -371,7 +371,7 @@ const ChatContainerMessagesList = props$1 => {
371
371
  }), /*#__PURE__*/_jsx__default["default"](styled.StyledNewMessagesHiddenContainer, {
372
372
  "aria-live": "polite",
373
373
  "aria-hidden": "false"
374
- }, void 0, newMessages.map(newMessage => /*#__PURE__*/_jsx__default["default"]("p", {}, void 0, newMessage.title, " ", newMessage.time, " ", newMessage.body, " ", newMessage.errorMessage, " ", newMessage.helpMessage)))]
374
+ }, void 0, newMessages.map(newMessage => /*#__PURE__*/_jsx__default["default"]("p", {}, newMessage.dsId, newMessage.title, " ", newMessage.time, " ", newMessage.body, " ", newMessage.errorMessage, " ", newMessage.helpMessage)))]
375
375
  }));
376
376
  };
377
377
 
package/esm/exported-related/bubble/ChatBubble.js CHANGED
@@ -41,7 +41,7 @@ const ChatBubble = props => {
41
41
  "data-testid": "chat-bubble-time-".concat(dsId)
42
42
  }, void 0, time)), /*#__PURE__*/_jsx(StyleBodyWrapper, {
43
43
  "data-testid": "chat-bubble-body-".concat(dsId)
44
- }, void 0, bodyParts.map((item, index) => /*#__PURE__*/_jsx(React.Fragment, {}, "".concat(item, "-").concat(index), item, index < bodyParts.length - 1 ? _br || (_br = /*#__PURE__*/_jsx("br", {})) : null))), /*#__PURE__*/_jsx(ChatBubbleArrow, {
44
+ }, void 0, bodyParts.map((item, index) => /*#__PURE__*/_jsx(React.Fragment, {}, "".concat(item, "-").concat(dsId), item, index < bodyParts.length - 1 ? _br || (_br = /*#__PURE__*/_jsx("br", {})) : null))), /*#__PURE__*/_jsx(ChatBubbleArrow, {
45
45
  type: type
46
46
  })), errorMessage ? /*#__PURE__*/_jsx(StyleErrorMessage, {
47
47
  "data-testid": "chat-bubble-error-message-".concat(dsId),
package/esm/exported-related/bubble/props.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { PropTypes } from '@elliemae/ds-props-helpers';
2
2
 
3
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
3
+ // eslint-disable-next-line no-unused-vars
4
4
  function noop() {}
5
5
 
6
6
  const BUBBLE_TYPES = {
@@ -30,7 +30,7 @@ const BubblesPropTypes = {
30
30
  helpMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description('Help message to display at bottom of the bubble').defaultValue(defaultBubbleProps.onClick)
31
31
  };
32
32
  const propsArrowBubble = {
33
- type: PropTypes.oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER])
33
+ type: PropTypes.oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER]).isRequired.defaultValue(defaultBubbleProps.type)
34
34
  };
35
35
 
36
36
  export { BUBBLE_TYPES, BubblesPropTypes, defaultBubbleProps, propsArrowBubble };
package/esm/parts/chat-container-messages-list/ChatContainerMessagesList.js CHANGED
@@ -108,9 +108,7 @@ const ChatContainerMessagesList = props => {
108
108
  }, 500), [onScrollEnds]);
109
109
  const onScrollStop = React.useCallback(debouncedScroll, [debouncedScroll]);
110
110
  const onlyFocus = React.useCallback(index => {
111
- setTimeout(() => {
112
- virtualListRef.current.querySelector("[data-index=\"".concat(index, "\"]")).focus();
113
- }, 300);
111
+ virtualListRef.current.querySelector("[data-index=\"".concat(index, "\"]")).focus();
114
112
  }, []);
115
113
  const scrollAndFocus = React.useCallback(function (index) {
116
114
  let b = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
@@ -199,7 +197,9 @@ const ChatContainerMessagesList = props => {
199
197
  e.preventDefault();
200
198
 
201
199
  if (index < (messages === null || messages === void 0 ? void 0 : messages.length) - 1) {
202
- virtualListRef.current.querySelector("[data-index=\"".concat(index + 1, "\"]")).focus();
200
+ var _virtualListRef$curre4;
201
+
202
+ ((_virtualListRef$curre4 = virtualListRef.current) === null || _virtualListRef$curre4 === void 0 ? void 0 : _virtualListRef$curre4.querySelector("[data-index=\"".concat(index + 1, "\"]"))).focus();
203
203
  }
204
204
 
205
205
  break;
@@ -233,10 +233,10 @@ const ChatContainerMessagesList = props => {
233
233
  bannerRef === null || bannerRef === void 0 ? void 0 : (_bannerRef$current = bannerRef.current) === null || _bannerRef$current === void 0 ? void 0 : _bannerRef$current.focusOnWrapper();
234
234
  }
235
235
  } else {
236
- var _virtualListRef$curre4;
236
+ var _virtualListRef$curre5;
237
237
 
238
238
  e.preventDefault();
239
- (_virtualListRef$curre4 = virtualListRef.current) === null || _virtualListRef$curre4 === void 0 ? void 0 : _virtualListRef$curre4.focus();
239
+ (_virtualListRef$curre5 = virtualListRef.current) === null || _virtualListRef$curre5 === void 0 ? void 0 : _virtualListRef$curre5.focus();
240
240
  }
241
241
 
242
242
  break;
@@ -297,10 +297,10 @@ const ChatContainerMessagesList = props => {
297
297
  e.preventDefault();
298
298
  actionRef.current.focusToComposer();
299
299
  } else {
300
- var _virtualListRef$curre5;
300
+ var _virtualListRef$curre6;
301
301
 
302
302
  e.preventDefault();
303
- (_virtualListRef$curre5 = virtualListRef.current) === null || _virtualListRef$curre5 === void 0 ? void 0 : _virtualListRef$curre5.focus();
303
+ (_virtualListRef$curre6 = virtualListRef.current) === null || _virtualListRef$curre6 === void 0 ? void 0 : _virtualListRef$curre6.focus();
304
304
  }
305
305
 
306
306
  break;
@@ -360,7 +360,7 @@ const ChatContainerMessagesList = props => {
360
360
  }), /*#__PURE__*/_jsx(StyledNewMessagesHiddenContainer, {
361
361
  "aria-live": "polite",
362
362
  "aria-hidden": "false"
363
- }, void 0, newMessages.map(newMessage => /*#__PURE__*/_jsx("p", {}, void 0, newMessage.title, " ", newMessage.time, " ", newMessage.body, " ", newMessage.errorMessage, " ", newMessage.helpMessage)))]
363
+ }, void 0, newMessages.map(newMessage => /*#__PURE__*/_jsx("p", {}, newMessage.dsId, newMessage.title, " ", newMessage.time, " ", newMessage.body, " ", newMessage.errorMessage, " ", newMessage.helpMessage)))]
364
364
  }));
365
365
  };
366
366
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-chat",
3
- "version": "2.3.2",
3
+ "version": "2.4.0-rc.1",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Chat",
6
6
  "module": "./esm/index.js",
@@ -261,15 +261,15 @@
261
261
  "generateSubmodules": true
262
262
  },
263
263
  "dependencies": {
264
- "@elliemae/ds-banner": "2.3.2",
265
- "@elliemae/ds-button": "2.3.2",
266
- "@elliemae/ds-grid": "2.3.2",
267
- "@elliemae/ds-icons": "2.3.2",
268
- "@elliemae/ds-indeterminate-progress-indicator": "2.3.2",
269
- "@elliemae/ds-props-helpers": "2.3.2",
270
- "@elliemae/ds-system": "2.3.2",
271
- "@elliemae/ds-tooltip": "2.3.2",
272
- "@elliemae/ds-truncated-tooltip-text": "2.3.2",
264
+ "@elliemae/ds-banner": "2.4.0-rc.1",
265
+ "@elliemae/ds-button": "2.4.0-rc.1",
266
+ "@elliemae/ds-grid": "2.4.0-rc.1",
267
+ "@elliemae/ds-icons": "2.4.0-rc.1",
268
+ "@elliemae/ds-indeterminate-progress-indicator": "2.4.0-rc.1",
269
+ "@elliemae/ds-props-helpers": "2.4.0-rc.1",
270
+ "@elliemae/ds-system": "2.4.0-rc.1",
271
+ "@elliemae/ds-tooltip": "2.4.0-rc.1",
272
+ "@elliemae/ds-truncated-tooltip-text": "2.4.0-rc.1",
273
273
  "prop-types": "~15.7.2",
274
274
  "react-desc": "~4.1.2",
275
275
  "react-virtual": "~2.8.2"
package/types/exported-related/bubble/ChatBubbleArrow.d.ts CHANGED
@@ -1,8 +1,3 @@
1
- /// <reference types="react" />
2
- import { BubbleProps } from './props';
3
- export declare const ChatBubbleArrow: {
4
- ({ type }: Pick<BubbleProps, 'type'>): JSX.Element;
5
- propTypes: {
6
- type: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
7
- };
8
- };
1
+ import React from 'react';
2
+ import { BubblePropsT } from './props';
3
+ export declare const ChatBubbleArrow: React.ComponentType<Pick<BubblePropsT, 'type'>>;
package/types/exported-related/bubble/styled.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  /// <reference types="react" />
2
2
  export declare const StyledWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
3
- export declare const StyledTitleBubble: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
4
- export declare const StyledTitleLeftBubble: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
5
- export declare const StyledTitleRightBubble: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
3
+ export declare const StyledTitleBubble: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
4
+ export declare const StyledTitleLeftBubble: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
5
+ export declare const StyledTitleRightBubble: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
6
6
  type: string;
7
7
  }, never>;
8
8
  export declare const StyleBodyWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
package/types/exported-related/chat-card/styled.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- export declare const Wrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
2
+ export declare const Wrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
3
3
  export declare const MainContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
4
4
  export declare const Title: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
5
5
  export declare const Content: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
package/types/exported-related/chat-container-header/styled.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  /// <reference types="react" />
2
- export declare const StyledChatContainerContentHeaderActions: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
3
- export declare const StyledChatContainerContentHeader: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
4
- export declare const StyledChatContainerContentHeaderLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
2
+ export declare const StyledChatContainerContentHeaderActions: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
3
+ export declare const StyledChatContainerContentHeader: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
4
+ export declare const StyledChatContainerContentHeaderLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
package/types/exported-related/chat-empty-state/styled.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  /// <reference types="react" />
2
2
  export declare const CONTAINER_WIDTH = 300;
3
- export declare const ChatEmptyStateWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
3
+ export declare const ChatEmptyStateWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
4
4
  export declare const MessageWrapper: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
package/types/exported-related/chat-sidebar/sidebar-button/styled.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  /// <reference types="react" />
2
2
  export declare const StyledSidebarButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
3
- export declare const StyledSidebarButtonIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
3
+ export declare const StyledSidebarButtonIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
4
4
  export declare const StyledSidebarButtonLabel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
package/types/exported-related/chat-sidebar/styled.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  /// <reference types="react" />
2
- export declare const StyledSideBarContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
3
- export declare const StyledSideBarButtonsContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
2
+ export declare const StyledSideBarContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
3
+ export declare const StyledSideBarButtonsContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
package/types/exported-related/floating-container/styled.d.ts CHANGED
@@ -1,2 +1,2 @@
1
1
  /// <reference types="react" />
2
- export declare const StyledFloatingContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
2
+ export declare const StyledFloatingContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
package/types/exported-related/grid-influencer/styled.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  /// <reference types="react" />
2
- export declare const StyledChatContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
3
- export declare const StyledChatContainerContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
2
+ export declare const StyledChatContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
3
+ export declare const StyledChatContainerContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
package/types/exported-related/message-delimiter/styled.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { MessageDelimiterProps } from './props';
3
- declare const Wrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
3
+ declare const Wrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
4
4
  declare const Line: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
5
5
  declare const Text: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, Pick<MessageDelimiterProps, "size" | "verticalMargin">, never>;
6
6
  export { Wrapper, Line, Text };
package/types/exported-related/system-message/style.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
- declare const Wrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
3
- declare const Header: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
2
+ declare const Wrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
3
+ declare const Header: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
4
4
  declare const Title: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, any, never>;
5
5
  declare const Time: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, any, never>;
6
6
  declare const Message: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, any, never>;
package/types/exported-related/tile-button/styled.d.ts CHANGED
@@ -1,11 +1,11 @@
1
1
  /// <reference types="react" />
2
2
  import { TileButtonProps } from './props';
3
- export declare const StyledWrapperLeftBorder: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
3
+ export declare const StyledWrapperLeftBorder: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
4
4
  export declare const StyledStatusBadge: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Partial<TileButtonProps>, never>;
5
- export declare const StyledWrapperCentralContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
6
- export declare const StyledTileButtonIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
5
+ export declare const StyledWrapperCentralContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
6
+ export declare const StyledTileButtonIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
7
7
  export declare const StyledTileButtonLabel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
8
8
  export declare const CloseButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
9
9
  export declare const StyledTooltipV3ButtonWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
10
10
  export declare const StyledTileButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, Partial<TileButtonProps>, never>;
11
- export declare const StyledWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
11
+ export declare const StyledWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
package/types/parts/chat-composer/styled.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
- export declare const StyledChatContainerContentComposer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
2
+ export declare const StyledChatContainerContentComposer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
3
3
  export declare const StyledComposerInput: import("styled-components").StyledComponent<"textarea", import("styled-components").DefaultTheme, any, never>;
4
4
  export declare const StyledComposerButton: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
5
- export declare const StyledCounterArea: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
5
+ export declare const StyledCounterArea: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
6
6
  export declare const StyledCounterErrorA11y: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
package/types/parts/chat-container/styled.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  /// <reference types="react" />
2
2
  export declare const CONTAINER_WIDTH = 300;
3
- export declare const StyledChatContainerContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
3
+ export declare const StyledChatContainerContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
4
4
  export declare const StyledIndicatorContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
5
5
  isLoading?: "top" | "bottom" | undefined;
6
6
  linear?: boolean | undefined;
7
7
  }, never>;
8
- export declare const MobileStyledChatContainerContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
8
+ export declare const MobileStyledChatContainerContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;