@elliemae/ds-chat 2.2.0-alpha.4 → 3.0.0-next.2
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.
- package/cjs/ChatDataTestids.js +26 -54
- package/cjs/index.d.js +2 -27
- package/cjs/index.js +44 -69
- package/cjs/parts/bubble/ChatBubble.js +64 -74
- package/cjs/parts/bubble/ChatBubbleArrow.js +79 -96
- package/cjs/parts/bubble/config/useValidateProps.js +24 -47
- package/cjs/parts/bubble/index.js +12 -38
- package/cjs/parts/bubble/props.js +48 -60
- package/cjs/parts/bubble/styled.js +48 -141
- package/cjs/parts/chat-card/ChatCard.js +39 -55
- package/cjs/parts/chat-card/config/useValidateProps.js +9 -36
- package/cjs/parts/chat-card/index.js +10 -36
- package/cjs/parts/chat-card/props.js +12 -39
- package/cjs/parts/chat-card/styled.js +36 -71
- package/cjs/parts/chat-composer/ChatContainerComposer.js +98 -92
- package/cjs/parts/chat-composer/config/useValidateProps.js +9 -36
- package/cjs/parts/chat-composer/index.js +10 -36
- package/cjs/parts/chat-composer/props.js +36 -73
- package/cjs/parts/chat-composer/styled.js +34 -102
- package/cjs/parts/chat-container/ChatContainer.js +140 -122
- package/cjs/parts/chat-container/config/useValidateProps.js +9 -36
- package/cjs/parts/chat-container/index.js +10 -36
- package/cjs/parts/chat-container/props.js +42 -85
- package/cjs/parts/chat-container/styled.js +23 -104
- package/cjs/parts/chat-container-header/ChatContainerHeader.js +30 -48
- package/cjs/parts/chat-container-header/helpers.js +25 -38
- package/cjs/parts/chat-container-header/styled.js +24 -59
- package/cjs/parts/chat-container-messages-list/ChatContainerMessagesList.js +225 -163
- package/cjs/parts/chat-container-messages-list/config/useValidateProps.js +9 -36
- package/cjs/parts/chat-container-messages-list/index.js +10 -36
- package/cjs/parts/chat-container-messages-list/props.js +24 -62
- package/cjs/parts/chat-container-messages-list/styled.js +38 -100
- package/cjs/parts/chat-empty-state/ChatEmptyState.js +42 -58
- package/cjs/parts/chat-empty-state/config/useValidateProps.js +9 -36
- package/cjs/parts/chat-empty-state/props.js +12 -39
- package/cjs/parts/chat-empty-state/styled.js +21 -47
- package/cjs/parts/chat-sidebar/SideBarChat.js +81 -82
- package/cjs/parts/chat-sidebar/config/useValidateProps.js +9 -36
- package/cjs/parts/chat-sidebar/index.js +10 -36
- package/cjs/parts/chat-sidebar/props.js +30 -72
- package/cjs/parts/chat-sidebar/styled.js +20 -56
- package/cjs/parts/floating-button/FloatingButton.js +34 -47
- package/cjs/parts/floating-button/index.js +9 -28
- package/cjs/parts/floating-button/props.js +15 -42
- package/cjs/parts/floating-button/styled.js +17 -63
- package/cjs/parts/floating-container/styled.js +17 -47
- package/cjs/parts/grid-influencer/InfluencerContainer.js +21 -41
- package/cjs/parts/grid-influencer/styled.js +21 -56
- package/cjs/parts/message-delimiter/MessageDelimiter.js +39 -53
- package/cjs/parts/message-delimiter/config/useValidateProps.js +9 -36
- package/cjs/parts/message-delimiter/index.js +10 -36
- package/cjs/parts/message-delimiter/props.js +19 -44
- package/cjs/parts/message-delimiter/styled.js +24 -53
- package/cjs/parts/sidebar-button/SidebarButton.js +53 -52
- package/cjs/parts/sidebar-button/index.js +2 -20
- package/cjs/parts/sidebar-button/props.js +26 -49
- package/cjs/parts/sidebar-button/styled.js +24 -68
- package/cjs/parts/system-message/SystemMessage.js +40 -55
- package/cjs/parts/system-message/config/useValidateProps.js +9 -36
- package/cjs/parts/system-message/index.js +10 -36
- package/cjs/parts/system-message/props.js +15 -42
- package/cjs/parts/system-message/style.js +32 -75
- package/cjs/parts/tile-button/TileButton.js +68 -98
- package/cjs/parts/tile-button/config/useValidateProps.js +9 -36
- package/cjs/parts/tile-button/index.js +10 -36
- package/cjs/parts/tile-button/props.js +45 -83
- package/cjs/parts/tile-button/styled.js +77 -229
- package/cjs/prop-types.js +26 -53
- package/cjs/styled.js +14 -42
- package/esm/ChatDataTestids.js +22 -25
- package/esm/index.d.js +1 -2
- package/esm/index.js +14 -40
- package/esm/parts/bubble/ChatBubble.js +51 -51
- package/esm/parts/bubble/ChatBubbleArrow.js +71 -67
- package/esm/parts/bubble/config/useValidateProps.js +19 -17
- package/esm/parts/bubble/index.js +2 -9
- package/esm/parts/bubble/props.js +36 -30
- package/esm/parts/bubble/styled.js +32 -112
- package/esm/parts/chat-card/ChatCard.js +27 -23
- package/esm/parts/chat-card/config/useValidateProps.js +4 -6
- package/esm/parts/chat-card/index.js +1 -7
- package/esm/parts/chat-card/props.js +8 -10
- package/esm/parts/chat-card/styled.js +23 -42
- package/esm/parts/chat-composer/ChatContainerComposer.js +83 -65
- package/esm/parts/chat-composer/config/useValidateProps.js +4 -6
- package/esm/parts/chat-composer/index.js +1 -7
- package/esm/parts/chat-composer/props.js +24 -37
- package/esm/parts/chat-composer/styled.js +22 -73
- package/esm/parts/chat-container/ChatContainer.js +122 -88
- package/esm/parts/chat-container/config/useValidateProps.js +4 -6
- package/esm/parts/chat-container/index.js +1 -7
- package/esm/parts/chat-container/props.js +31 -52
- package/esm/parts/chat-container/styled.js +16 -79
- package/esm/parts/chat-container-header/ChatContainerHeader.js +21 -22
- package/esm/parts/chat-container-header/helpers.js +17 -9
- package/esm/parts/chat-container-header/styled.js +14 -30
- package/esm/parts/chat-container-messages-list/ChatContainerMessagesList.js +210 -138
- package/esm/parts/chat-container-messages-list/config/useValidateProps.js +4 -6
- package/esm/parts/chat-container-messages-list/index.js +1 -10
- package/esm/parts/chat-container-messages-list/props.js +17 -31
- package/esm/parts/chat-container-messages-list/styled.js +25 -71
- package/esm/parts/chat-empty-state/ChatEmptyState.js +29 -25
- package/esm/parts/chat-empty-state/config/useValidateProps.js +4 -6
- package/esm/parts/chat-empty-state/props.js +7 -10
- package/esm/parts/chat-empty-state/styled.js +11 -18
- package/esm/parts/chat-sidebar/SideBarChat.js +67 -50
- package/esm/parts/chat-sidebar/config/useValidateProps.js +4 -6
- package/esm/parts/chat-sidebar/index.js +1 -7
- package/esm/parts/chat-sidebar/props.js +21 -39
- package/esm/parts/chat-sidebar/styled.js +11 -27
- package/esm/parts/floating-button/FloatingButton.js +26 -18
- package/esm/parts/floating-button/index.js +1 -3
- package/esm/parts/floating-button/props.js +8 -11
- package/esm/parts/floating-button/styled.js +9 -34
- package/esm/parts/floating-container/styled.js +9 -18
- package/esm/parts/grid-influencer/InfluencerContainer.js +12 -12
- package/esm/parts/grid-influencer/styled.js +12 -27
- package/esm/parts/message-delimiter/MessageDelimiter.js +26 -20
- package/esm/parts/message-delimiter/config/useValidateProps.js +4 -6
- package/esm/parts/message-delimiter/index.js +1 -10
- package/esm/parts/message-delimiter/props.js +14 -15
- package/esm/parts/message-delimiter/styled.js +14 -24
- package/esm/parts/sidebar-button/SidebarButton.js +41 -22
- package/esm/parts/sidebar-button/index.js +1 -2
- package/esm/parts/sidebar-button/props.js +15 -18
- package/esm/parts/sidebar-button/styled.js +14 -39
- package/esm/parts/system-message/SystemMessage.js +27 -22
- package/esm/parts/system-message/config/useValidateProps.js +4 -6
- package/esm/parts/system-message/index.js +1 -7
- package/esm/parts/system-message/props.js +10 -13
- package/esm/parts/system-message/style.js +20 -46
- package/esm/parts/tile-button/TileButton.js +54 -75
- package/esm/parts/tile-button/config/useValidateProps.js +4 -6
- package/esm/parts/tile-button/index.js +1 -7
- package/esm/parts/tile-button/props.js +33 -47
- package/esm/parts/tile-button/styled.js +60 -200
- package/esm/prop-types.js +16 -19
- package/esm/styled.js +5 -13
- package/package.json +10 -10
- package/cjs/ChatDataTestids.js.map +0 -7
- package/cjs/index.d.js.map +0 -7
- package/cjs/index.js.map +0 -7
- package/cjs/parts/bubble/ChatBubble.js.map +0 -7
- package/cjs/parts/bubble/ChatBubbleArrow.js.map +0 -7
- package/cjs/parts/bubble/config/useValidateProps.js.map +0 -7
- package/cjs/parts/bubble/index.js.map +0 -7
- package/cjs/parts/bubble/props.js.map +0 -7
- package/cjs/parts/bubble/styled.js.map +0 -7
- package/cjs/parts/chat-card/ChatCard.js.map +0 -7
- package/cjs/parts/chat-card/config/useValidateProps.js.map +0 -7
- package/cjs/parts/chat-card/index.js.map +0 -7
- package/cjs/parts/chat-card/props.js.map +0 -7
- package/cjs/parts/chat-card/styled.js.map +0 -7
- package/cjs/parts/chat-composer/ChatContainerComposer.js.map +0 -7
- package/cjs/parts/chat-composer/config/useValidateProps.js.map +0 -7
- package/cjs/parts/chat-composer/index.js.map +0 -7
- package/cjs/parts/chat-composer/props.js.map +0 -7
- package/cjs/parts/chat-composer/styled.js.map +0 -7
- package/cjs/parts/chat-container/ChatContainer.js.map +0 -7
- package/cjs/parts/chat-container/config/useValidateProps.js.map +0 -7
- package/cjs/parts/chat-container/index.js.map +0 -7
- package/cjs/parts/chat-container/props.js.map +0 -7
- package/cjs/parts/chat-container/styled.js.map +0 -7
- package/cjs/parts/chat-container-header/ChatContainerHeader.js.map +0 -7
- package/cjs/parts/chat-container-header/helpers.js.map +0 -7
- package/cjs/parts/chat-container-header/styled.js.map +0 -7
- package/cjs/parts/chat-container-messages-list/ChatContainerMessagesList.js.map +0 -7
- package/cjs/parts/chat-container-messages-list/config/useValidateProps.js.map +0 -7
- package/cjs/parts/chat-container-messages-list/index.js.map +0 -7
- package/cjs/parts/chat-container-messages-list/props.js.map +0 -7
- package/cjs/parts/chat-container-messages-list/styled.js.map +0 -7
- package/cjs/parts/chat-empty-state/ChatEmptyState.js.map +0 -7
- package/cjs/parts/chat-empty-state/config/useValidateProps.js.map +0 -7
- package/cjs/parts/chat-empty-state/props.js.map +0 -7
- package/cjs/parts/chat-empty-state/styled.js.map +0 -7
- package/cjs/parts/chat-sidebar/SideBarChat.js.map +0 -7
- package/cjs/parts/chat-sidebar/config/useValidateProps.js.map +0 -7
- package/cjs/parts/chat-sidebar/index.js.map +0 -7
- package/cjs/parts/chat-sidebar/props.js.map +0 -7
- package/cjs/parts/chat-sidebar/styled.js.map +0 -7
- package/cjs/parts/floating-button/FloatingButton.js.map +0 -7
- package/cjs/parts/floating-button/index.js.map +0 -7
- package/cjs/parts/floating-button/props.js.map +0 -7
- package/cjs/parts/floating-button/styled.js.map +0 -7
- package/cjs/parts/floating-container/styled.js.map +0 -7
- package/cjs/parts/grid-influencer/InfluencerContainer.js.map +0 -7
- package/cjs/parts/grid-influencer/styled.js.map +0 -7
- package/cjs/parts/message-delimiter/MessageDelimiter.js.map +0 -7
- package/cjs/parts/message-delimiter/config/useValidateProps.js.map +0 -7
- package/cjs/parts/message-delimiter/index.js.map +0 -7
- package/cjs/parts/message-delimiter/props.js.map +0 -7
- package/cjs/parts/message-delimiter/styled.js.map +0 -7
- package/cjs/parts/sidebar-button/SidebarButton.js.map +0 -7
- package/cjs/parts/sidebar-button/index.js.map +0 -7
- package/cjs/parts/sidebar-button/props.js.map +0 -7
- package/cjs/parts/sidebar-button/styled.js.map +0 -7
- package/cjs/parts/system-message/SystemMessage.js.map +0 -7
- package/cjs/parts/system-message/config/useValidateProps.js.map +0 -7
- package/cjs/parts/system-message/index.js.map +0 -7
- package/cjs/parts/system-message/props.js.map +0 -7
- package/cjs/parts/system-message/style.js.map +0 -7
- package/cjs/parts/tile-button/TileButton.js.map +0 -7
- package/cjs/parts/tile-button/config/useValidateProps.js.map +0 -7
- package/cjs/parts/tile-button/index.js.map +0 -7
- package/cjs/parts/tile-button/props.js.map +0 -7
- package/cjs/parts/tile-button/styled.js.map +0 -7
- package/cjs/prop-types.js.map +0 -7
- package/cjs/styled.js.map +0 -7
- package/cjs/tests/utils.js +0 -66
- package/cjs/tests/utils.js.map +0 -7
- package/esm/ChatDataTestids.js.map +0 -7
- package/esm/index.d.js.map +0 -7
- package/esm/index.js.map +0 -7
- package/esm/parts/bubble/ChatBubble.js.map +0 -7
- package/esm/parts/bubble/ChatBubbleArrow.js.map +0 -7
- package/esm/parts/bubble/config/useValidateProps.js.map +0 -7
- package/esm/parts/bubble/index.js.map +0 -7
- package/esm/parts/bubble/props.js.map +0 -7
- package/esm/parts/bubble/styled.js.map +0 -7
- package/esm/parts/chat-card/ChatCard.js.map +0 -7
- package/esm/parts/chat-card/config/useValidateProps.js.map +0 -7
- package/esm/parts/chat-card/index.js.map +0 -7
- package/esm/parts/chat-card/props.js.map +0 -7
- package/esm/parts/chat-card/styled.js.map +0 -7
- package/esm/parts/chat-composer/ChatContainerComposer.js.map +0 -7
- package/esm/parts/chat-composer/config/useValidateProps.js.map +0 -7
- package/esm/parts/chat-composer/index.js.map +0 -7
- package/esm/parts/chat-composer/props.js.map +0 -7
- package/esm/parts/chat-composer/styled.js.map +0 -7
- package/esm/parts/chat-container/ChatContainer.js.map +0 -7
- package/esm/parts/chat-container/config/useValidateProps.js.map +0 -7
- package/esm/parts/chat-container/index.js.map +0 -7
- package/esm/parts/chat-container/props.js.map +0 -7
- package/esm/parts/chat-container/styled.js.map +0 -7
- package/esm/parts/chat-container-header/ChatContainerHeader.js.map +0 -7
- package/esm/parts/chat-container-header/helpers.js.map +0 -7
- package/esm/parts/chat-container-header/styled.js.map +0 -7
- package/esm/parts/chat-container-messages-list/ChatContainerMessagesList.js.map +0 -7
- package/esm/parts/chat-container-messages-list/config/useValidateProps.js.map +0 -7
- package/esm/parts/chat-container-messages-list/index.js.map +0 -7
- package/esm/parts/chat-container-messages-list/props.js.map +0 -7
- package/esm/parts/chat-container-messages-list/styled.js.map +0 -7
- package/esm/parts/chat-empty-state/ChatEmptyState.js.map +0 -7
- package/esm/parts/chat-empty-state/config/useValidateProps.js.map +0 -7
- package/esm/parts/chat-empty-state/props.js.map +0 -7
- package/esm/parts/chat-empty-state/styled.js.map +0 -7
- package/esm/parts/chat-sidebar/SideBarChat.js.map +0 -7
- package/esm/parts/chat-sidebar/config/useValidateProps.js.map +0 -7
- package/esm/parts/chat-sidebar/index.js.map +0 -7
- package/esm/parts/chat-sidebar/props.js.map +0 -7
- package/esm/parts/chat-sidebar/styled.js.map +0 -7
- package/esm/parts/floating-button/FloatingButton.js.map +0 -7
- package/esm/parts/floating-button/index.js.map +0 -7
- package/esm/parts/floating-button/props.js.map +0 -7
- package/esm/parts/floating-button/styled.js.map +0 -7
- package/esm/parts/floating-container/styled.js.map +0 -7
- package/esm/parts/grid-influencer/InfluencerContainer.js.map +0 -7
- package/esm/parts/grid-influencer/styled.js.map +0 -7
- package/esm/parts/message-delimiter/MessageDelimiter.js.map +0 -7
- package/esm/parts/message-delimiter/config/useValidateProps.js.map +0 -7
- package/esm/parts/message-delimiter/index.js.map +0 -7
- package/esm/parts/message-delimiter/props.js.map +0 -7
- package/esm/parts/message-delimiter/styled.js.map +0 -7
- package/esm/parts/sidebar-button/SidebarButton.js.map +0 -7
- package/esm/parts/sidebar-button/index.js.map +0 -7
- package/esm/parts/sidebar-button/props.js.map +0 -7
- package/esm/parts/sidebar-button/styled.js.map +0 -7
- package/esm/parts/system-message/SystemMessage.js.map +0 -7
- package/esm/parts/system-message/config/useValidateProps.js.map +0 -7
- package/esm/parts/system-message/index.js.map +0 -7
- package/esm/parts/system-message/props.js.map +0 -7
- package/esm/parts/system-message/style.js.map +0 -7
- package/esm/parts/tile-button/TileButton.js.map +0 -7
- package/esm/parts/tile-button/config/useValidateProps.js.map +0 -7
- package/esm/parts/tile-button/index.js.map +0 -7
- package/esm/parts/tile-button/props.js.map +0 -7
- package/esm/parts/tile-button/styled.js.map +0 -7
- package/esm/prop-types.js.map +0 -7
- package/esm/styled.js.map +0 -7
- package/esm/tests/utils.js +0 -37
- package/esm/tests/utils.js.map +0 -7
|
@@ -1,41 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var props_exports = {};
|
|
29
|
-
__export(props_exports, {
|
|
30
|
-
propTypes: () => propTypes
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
var import_react_desc = require("react-desc");
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var reactDesc = require('react-desc');
|
|
6
|
+
|
|
34
7
|
const propTypes = {
|
|
35
|
-
title:
|
|
36
|
-
content:
|
|
37
|
-
time:
|
|
38
|
-
rightAddon:
|
|
8
|
+
title: reactDesc.PropTypes.string.isRequired.description("Card's title"),
|
|
9
|
+
content: reactDesc.PropTypes.string.description("Card's content"),
|
|
10
|
+
time: reactDesc.PropTypes.string.description('Time'),
|
|
11
|
+
rightAddon: reactDesc.PropTypes.element.description('Right addon, badge or icon')
|
|
39
12
|
};
|
|
40
|
-
|
|
41
|
-
|
|
13
|
+
|
|
14
|
+
exports.propTypes = propTypes;
|
|
@@ -1,71 +1,36 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
var React = __toESM(require("react"));
|
|
38
|
-
var import_styled_components = __toESM(require("styled-components"));
|
|
39
|
-
var import_ds_grid = require("@elliemae/ds-grid");
|
|
40
|
-
const Wrapper = (0, import_styled_components.default)(import_ds_grid.Grid)`
|
|
41
|
-
min-width: 248px;
|
|
42
|
-
border: 1px;
|
|
43
|
-
border-bottom: 1px solid #ccc;
|
|
44
|
-
padding: 12px 12px;
|
|
45
|
-
`;
|
|
46
|
-
const MainContent = import_styled_components.default.div``;
|
|
47
|
-
const Title = import_styled_components.default.p`
|
|
48
|
-
font-size: 16px;
|
|
49
|
-
font-weight: 600;
|
|
50
|
-
margin: 0;
|
|
51
|
-
`;
|
|
52
|
-
const Content = import_styled_components.default.p`
|
|
53
|
-
font-size: 12px;
|
|
54
|
-
font-weight: 400;
|
|
55
|
-
line-height: 1;
|
|
56
|
-
margin: 0;
|
|
57
|
-
`;
|
|
58
|
-
const Time = import_styled_components.default.p`
|
|
59
|
-
font-size: 12px;
|
|
60
|
-
font-weight: 100;
|
|
61
|
-
margin: 0;
|
|
62
|
-
margin-top: 8px;
|
|
63
|
-
font-weight: ${(props) => props.theme.fontWeights.regular};
|
|
64
|
-
color: ${(props) => props.theme.colors.neutral["500"]};
|
|
65
|
-
`;
|
|
66
|
-
const RightAddon = import_styled_components.default.div`
|
|
67
|
-
height: fit-content;
|
|
68
|
-
margin-left: 12px;
|
|
69
|
-
`;
|
|
70
|
-
module.exports = __toCommonJS(styled_exports);
|
|
71
|
-
//# sourceMappingURL=styled.js.map
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var styled = require('styled-components');
|
|
6
|
+
var dsGrid = require('@elliemae/ds-grid');
|
|
7
|
+
|
|
8
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
9
|
+
|
|
10
|
+
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
11
|
+
|
|
12
|
+
const Wrapper = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
|
|
13
|
+
componentId: "sc-s0g4hn-0"
|
|
14
|
+
})(["min-width:248px;border:1px;border-bottom:1px solid #ccc;padding:12px 12px;"]);
|
|
15
|
+
const MainContent = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
16
|
+
componentId: "sc-s0g4hn-1"
|
|
17
|
+
})([""]);
|
|
18
|
+
const Title = /*#__PURE__*/styled__default["default"].p.withConfig({
|
|
19
|
+
componentId: "sc-s0g4hn-2"
|
|
20
|
+
})(["font-size:16px;font-weight:600;margin:0;"]);
|
|
21
|
+
const Content = /*#__PURE__*/styled__default["default"].p.withConfig({
|
|
22
|
+
componentId: "sc-s0g4hn-3"
|
|
23
|
+
})(["font-size:12px;font-weight:400;line-height:1;margin:0;"]);
|
|
24
|
+
const Time = /*#__PURE__*/styled__default["default"].p.withConfig({
|
|
25
|
+
componentId: "sc-s0g4hn-4"
|
|
26
|
+
})(["font-size:12px;font-weight:100;margin:0;margin-top:8px;font-weight:", ";color:", ";"], props => props.theme.fontWeights.regular, props => props.theme.colors.neutral['500']);
|
|
27
|
+
const RightAddon = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
28
|
+
componentId: "sc-s0g4hn-5"
|
|
29
|
+
})(["height:fit-content;margin-left:12px;"]);
|
|
30
|
+
|
|
31
|
+
exports.Content = Content;
|
|
32
|
+
exports.MainContent = MainContent;
|
|
33
|
+
exports.RightAddon = RightAddon;
|
|
34
|
+
exports.Time = Time;
|
|
35
|
+
exports.Title = Title;
|
|
36
|
+
exports.Wrapper = Wrapper;
|
|
@@ -1,45 +1,41 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
var
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
var
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
var
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
var import_useValidateProps = require("./config/useValidateProps");
|
|
40
|
-
var import_props = require("./props");
|
|
41
|
-
const ChatComposer = (props) => {
|
|
42
|
-
(0, import_useValidateProps.useValidateProps)(props, ChatComposerWithSchema.toJSON());
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
|
+
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
7
|
+
require('core-js/modules/web.url.to-json.js');
|
|
8
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
9
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
10
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
11
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
12
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
13
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
14
|
+
var React = require('react');
|
|
15
|
+
var dsGrid = require('@elliemae/ds-grid');
|
|
16
|
+
var reactDesc = require('react-desc');
|
|
17
|
+
var dsIcons = require('@elliemae/ds-icons');
|
|
18
|
+
var styled = require('./styled.js');
|
|
19
|
+
var useValidateProps = require('./config/useValidateProps.js');
|
|
20
|
+
var props = require('./props.js');
|
|
21
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
22
|
+
|
|
23
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
24
|
+
|
|
25
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
26
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
27
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
28
|
+
|
|
29
|
+
var _PaperAirplane, _Grid;
|
|
30
|
+
|
|
31
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
32
|
+
|
|
33
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
34
|
+
|
|
35
|
+
const ChatComposer = props => {
|
|
36
|
+
var _input$current;
|
|
37
|
+
|
|
38
|
+
useValidateProps.useValidateProps(props, ChatComposerWithSchema.toJSON());
|
|
43
39
|
const {
|
|
44
40
|
inputValue,
|
|
45
41
|
onChange,
|
|
@@ -57,101 +53,111 @@ const ChatComposer = (props) => {
|
|
|
57
53
|
actionRef
|
|
58
54
|
} = props;
|
|
59
55
|
const COMPOSER_MIN_HEIGHT = 32;
|
|
60
|
-
const input =
|
|
61
|
-
const inputSize =
|
|
62
|
-
const inputSend =
|
|
63
|
-
const [height, setHeight] =
|
|
64
|
-
const internalMaxHeight =
|
|
65
|
-
const [showScroll, setShowScroll] =
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
56
|
+
const input = React__default["default"].useRef();
|
|
57
|
+
const inputSize = React__default["default"].useRef();
|
|
58
|
+
const inputSend = React__default["default"].useRef();
|
|
59
|
+
const [height, setHeight] = React__default["default"].useState(32);
|
|
60
|
+
const internalMaxHeight = React__default["default"].useMemo(() => maxHeight - 24, [maxHeight]);
|
|
61
|
+
const [showScroll, setShowScroll] = React__default["default"].useState(true);
|
|
62
|
+
React__default["default"].useEffect(() => {
|
|
63
|
+
var _inputSize$current, _inputSize$current2, _inputSize$current3, _inputSize$current4;
|
|
64
|
+
|
|
65
|
+
const newHeight = ((_inputSize$current = inputSize.current) === null || _inputSize$current === void 0 ? void 0 : _inputSize$current.scrollHeight) > internalMaxHeight ? internalMaxHeight : (_inputSize$current2 = inputSize.current) === null || _inputSize$current2 === void 0 ? void 0 : _inputSize$current2.scrollHeight;
|
|
66
|
+
if (newHeight !== height && newHeight > COMPOSER_MIN_HEIGHT) onResize(newHeight);
|
|
70
67
|
setHeight(newHeight);
|
|
71
|
-
setShowScroll(inputSize.current
|
|
68
|
+
setShowScroll(((_inputSize$current3 = inputSize.current) === null || _inputSize$current3 === void 0 ? void 0 : _inputSize$current3.scrollHeight) - ((_inputSize$current4 = inputSize.current) === null || _inputSize$current4 === void 0 ? void 0 : _inputSize$current4.clientHeight) > 5);
|
|
72
69
|
}, [inputValue, internalMaxHeight, height, onResize]);
|
|
73
|
-
|
|
70
|
+
React__default["default"].useEffect(() => {
|
|
74
71
|
if (actionRef && actionRef.current) {
|
|
75
72
|
actionRef.current.focusToComposer = () => {
|
|
76
73
|
input.current.focus();
|
|
77
74
|
};
|
|
75
|
+
|
|
78
76
|
actionRef.current.focusToSend = () => {
|
|
79
77
|
inputSend.current.focus();
|
|
80
78
|
};
|
|
81
79
|
}
|
|
82
80
|
}, [actionRef]);
|
|
83
|
-
const handleChange =
|
|
81
|
+
const handleChange = React__default["default"].useCallback(e => {
|
|
84
82
|
onChange(e.target.value);
|
|
85
83
|
}, [onChange]);
|
|
86
|
-
const heightProps = {
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
84
|
+
const heightProps = {
|
|
85
|
+
height,
|
|
86
|
+
overflow: showScroll ? 'auto' : 'hidden'
|
|
87
|
+
};
|
|
88
|
+
const inputLength = String(inputValue || '').length;
|
|
89
|
+
const hasError = React__default["default"].useMemo(() => inputLength > inputMaxLength, [inputLength, inputMaxLength]);
|
|
90
|
+
return /*#__PURE__*/_jsx__default["default"](styled.StyledChatContainerContentComposer, {
|
|
91
|
+
rows: ['auto', '15px'],
|
|
92
|
+
maxHeight: "".concat(maxHeight, "px"),
|
|
92
93
|
"data-testid": dataTestid
|
|
93
|
-
},
|
|
94
|
-
cols: [
|
|
95
|
-
style: {
|
|
94
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
|
|
95
|
+
cols: ['1fr', '24px'],
|
|
96
|
+
style: {
|
|
97
|
+
height: heightProps.height
|
|
98
|
+
},
|
|
96
99
|
justifyContent: "center",
|
|
97
100
|
alignItems: "flex-end",
|
|
98
101
|
gutter: "xxs"
|
|
99
|
-
},
|
|
102
|
+
}, void 0, /*#__PURE__*/jsxRuntime.jsx(styled.StyledComposerInput, {
|
|
100
103
|
ref: input,
|
|
101
104
|
onChange: handleChange,
|
|
102
|
-
style: {
|
|
105
|
+
style: _objectSpread({}, heightProps),
|
|
103
106
|
value: inputValue,
|
|
104
|
-
onFocus,
|
|
105
|
-
onBlur,
|
|
106
|
-
onKeyDown,
|
|
107
|
-
placeholder,
|
|
107
|
+
onFocus: onFocus,
|
|
108
|
+
onBlur: onBlur,
|
|
109
|
+
onKeyDown: onKeyDown,
|
|
110
|
+
placeholder: placeholder,
|
|
108
111
|
"aria-label": "Message to send",
|
|
109
112
|
"data-testid": "chat-composer-textarea",
|
|
110
113
|
name: "chat-composer-textarea",
|
|
111
114
|
id: "chat-composer-textarea"
|
|
112
|
-
}),
|
|
115
|
+
}), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
|
|
113
116
|
height: "32px",
|
|
114
117
|
alignItems: "center"
|
|
115
|
-
},
|
|
118
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](styled.StyledComposerButton, {
|
|
116
119
|
buttonType: "text",
|
|
117
|
-
icon:
|
|
120
|
+
icon: _PaperAirplane || (_PaperAirplane = /*#__PURE__*/_jsx__default["default"](dsIcons.PaperAirplane, {
|
|
118
121
|
width: 18,
|
|
119
122
|
height: 18
|
|
120
|
-
}),
|
|
123
|
+
})),
|
|
121
124
|
onClick: onSend,
|
|
122
125
|
size: "s",
|
|
123
126
|
disabled: !inputValue || buttonDisabled || hasError,
|
|
124
127
|
"data-testid": "chat-composer-send-button",
|
|
125
128
|
"aria-label": "Send",
|
|
126
129
|
innerRef: inputSend
|
|
127
|
-
}))),
|
|
130
|
+
}))), /*#__PURE__*/jsxRuntime.jsx(styled.StyledComposerInput, {
|
|
128
131
|
ref: inputSize,
|
|
129
132
|
style: {
|
|
130
133
|
height: 32,
|
|
131
|
-
visibility:
|
|
132
|
-
pointerEvents:
|
|
133
|
-
position:
|
|
134
|
+
visibility: 'hidden',
|
|
135
|
+
pointerEvents: 'none',
|
|
136
|
+
position: 'absolute',
|
|
134
137
|
top: 0,
|
|
135
|
-
width: input.current
|
|
138
|
+
width: (_input$current = input.current) === null || _input$current === void 0 ? void 0 : _input$current.clientWidth
|
|
136
139
|
},
|
|
137
140
|
onChange: handleChange,
|
|
138
141
|
value: inputValue
|
|
139
|
-
}),
|
|
140
|
-
cols: [
|
|
142
|
+
}), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
|
|
143
|
+
cols: ['1fr', '24px'],
|
|
141
144
|
justifyContent: "flex-end",
|
|
142
145
|
alignItems: "center",
|
|
143
146
|
gutter: "xxs",
|
|
144
147
|
pb: "xxs"
|
|
145
|
-
},
|
|
146
|
-
hasError,
|
|
148
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](styled.StyledCounterArea, {
|
|
149
|
+
hasError: hasError,
|
|
147
150
|
"data-testid": "composer-counter-area"
|
|
148
|
-
}, inputMaxLength && hasError ?
|
|
149
|
-
|
|
150
|
-
|
|
151
|
+
}, void 0, inputMaxLength && hasError ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
152
|
+
children: [/*#__PURE__*/_jsx__default["default"](styled.StyledCounterErrorA11y, {
|
|
153
|
+
role: "alert"
|
|
154
|
+
}, 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. ")]
|
|
155
|
+
}) : '', inputMaxLength && !maxLengthMessage ? " ".concat(inputLength, " / ").concat(inputMaxLength) : ''), _Grid || (_Grid = /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}))));
|
|
151
156
|
};
|
|
152
|
-
|
|
153
|
-
ChatComposer.defaultProps =
|
|
154
|
-
const ChatComposerWithSchema =
|
|
155
|
-
ChatComposerWithSchema.propTypes =
|
|
156
|
-
|
|
157
|
-
|
|
157
|
+
|
|
158
|
+
ChatComposer.defaultProps = props.defaultComposerPros;
|
|
159
|
+
const ChatComposerWithSchema = reactDesc.describe(ChatComposer);
|
|
160
|
+
ChatComposerWithSchema.propTypes = props.composerProps;
|
|
161
|
+
|
|
162
|
+
exports.ChatComposer = ChatComposer;
|
|
163
|
+
exports.ChatComposerWithSchema = ChatComposerWithSchema;
|
|
@@ -1,38 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var useValidateProps_exports = {};
|
|
29
|
-
__export(useValidateProps_exports, {
|
|
30
|
-
useValidateProps: () => useValidateProps
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var dsPropsHelpers = require('@elliemae/ds-props-helpers');
|
|
6
|
+
|
|
34
7
|
const useValidateProps = (props, schema) => {
|
|
35
|
-
|
|
8
|
+
dsPropsHelpers.useValidatePropTypes(props, schema);
|
|
36
9
|
};
|
|
37
|
-
|
|
38
|
-
|
|
10
|
+
|
|
11
|
+
exports.useValidateProps = useValidateProps;
|
|
@@ -1,36 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var chat_composer_exports = {};
|
|
29
|
-
__export(chat_composer_exports, {
|
|
30
|
-
ChatComposer: () => import_ChatContainerComposer.ChatComposer,
|
|
31
|
-
ChatComposerWithSchema: () => import_ChatContainerComposer.ChatComposerWithSchema
|
|
32
|
-
});
|
|
33
|
-
var React = __toESM(require("react"));
|
|
34
|
-
var import_ChatContainerComposer = require("./ChatContainerComposer");
|
|
35
|
-
module.exports = __toCommonJS(chat_composer_exports);
|
|
36
|
-
//# sourceMappingURL=index.js.map
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var ChatContainerComposer = require('./ChatContainerComposer.js');
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
exports.ChatComposer = ChatContainerComposer.ChatComposer;
|
|
10
|
+
exports.ChatComposerWithSchema = ChatContainerComposer.ChatComposerWithSchema;
|
|
@@ -1,79 +1,42 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var props_exports = {};
|
|
29
|
-
__export(props_exports, {
|
|
30
|
-
composerProps: () => composerProps,
|
|
31
|
-
defaultComposerPros: () => defaultComposerPros
|
|
32
|
-
});
|
|
33
|
-
var React = __toESM(require("react"));
|
|
34
|
-
var import_react_desc = require("react-desc");
|
|
35
|
-
var import_lodash = require("lodash");
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var reactDesc = require('react-desc');
|
|
6
|
+
var lodash = require('lodash');
|
|
7
|
+
|
|
36
8
|
const defaultComposerPros = {
|
|
37
|
-
placeholder:
|
|
38
|
-
inputValue:
|
|
39
|
-
onChange:
|
|
40
|
-
onResize:
|
|
41
|
-
onSend:
|
|
42
|
-
onFocus:
|
|
43
|
-
onBlur:
|
|
44
|
-
onKeyDown:
|
|
9
|
+
placeholder: 'Type your message',
|
|
10
|
+
inputValue: '',
|
|
11
|
+
onChange: lodash.noop,
|
|
12
|
+
onResize: lodash.noop,
|
|
13
|
+
onSend: lodash.noop,
|
|
14
|
+
onFocus: lodash.noop,
|
|
15
|
+
onBlur: lodash.noop,
|
|
16
|
+
onKeyDown: lodash.noop,
|
|
45
17
|
maxHeight: 0,
|
|
46
|
-
inputMaxLength:
|
|
47
|
-
maxLengthMessage:
|
|
18
|
+
inputMaxLength: undefined,
|
|
19
|
+
maxLengthMessage: undefined,
|
|
48
20
|
buttonDisabled: false,
|
|
49
|
-
dataTestid:
|
|
50
|
-
actionRef:
|
|
21
|
+
dataTestid: 'ds-chat-composer',
|
|
22
|
+
actionRef: lodash.noop
|
|
51
23
|
};
|
|
52
24
|
const composerProps = {
|
|
53
|
-
placeholder:
|
|
54
|
-
inputValue:
|
|
55
|
-
maxLengthMessage:
|
|
56
|
-
onChange:
|
|
57
|
-
onResize:
|
|
58
|
-
onSend:
|
|
59
|
-
onFocus:
|
|
60
|
-
onBlur:
|
|
61
|
-
onKeyDown:
|
|
62
|
-
maxHeight:
|
|
63
|
-
inputMaxLength:
|
|
64
|
-
buttonDisabled:
|
|
65
|
-
dataTestid:
|
|
66
|
-
actionRef:
|
|
67
|
-
{
|
|
68
|
-
scrollToIndex: (n: number) => void,
|
|
69
|
-
getMessagesInView: () => number[],
|
|
70
|
-
focusToIndex: (n: number) => void,
|
|
71
|
-
focusToList: () => void,
|
|
72
|
-
focusToComposer: () => void,
|
|
73
|
-
focusToSend: () => void,
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
`).defaultValue(defaultComposerPros.actionRef)
|
|
25
|
+
placeholder: reactDesc.PropTypes.string.description('Input Placeholder').defaultValue(defaultComposerPros.placeholder),
|
|
26
|
+
inputValue: reactDesc.PropTypes.string.description('Input value').defaultValue(defaultComposerPros.inputValue),
|
|
27
|
+
maxLengthMessage: reactDesc.PropTypes.string.description('Max length message').defaultValue(defaultComposerPros.maxLengthMessage),
|
|
28
|
+
onChange: reactDesc.PropTypes.func.description('Called when the user types').defaultValue(defaultComposerPros.onChange),
|
|
29
|
+
onResize: reactDesc.PropTypes.func.description('Called the input changes his height').defaultValue(defaultComposerPros.onResize),
|
|
30
|
+
onSend: reactDesc.PropTypes.func.description('Called when the click send').defaultValue(defaultComposerPros.onSend),
|
|
31
|
+
onFocus: reactDesc.PropTypes.func.description('Input focus').defaultValue(defaultComposerPros.onFocus),
|
|
32
|
+
onBlur: reactDesc.PropTypes.func.description('Input blur').defaultValue(defaultComposerPros.onBlur),
|
|
33
|
+
onKeyDown: reactDesc.PropTypes.func.description('Input on key down').defaultValue(defaultComposerPros.onKeyDown),
|
|
34
|
+
maxHeight: reactDesc.PropTypes.number.description('Max height of the composer. Use 0 for no limit').defaultValue(defaultComposerPros.onBlur),
|
|
35
|
+
inputMaxLength: reactDesc.PropTypes.number.description('Max length of the composer. `undefined` for no limit').defaultValue(defaultComposerPros.inputMaxLength),
|
|
36
|
+
buttonDisabled: reactDesc.PropTypes.bool.description('Control the disabled for the send button').defaultValue(defaultComposerPros.buttonDisabled),
|
|
37
|
+
dataTestid: reactDesc.PropTypes.string.description('Data testid').defaultValue(defaultComposerPros.placeholder),
|
|
38
|
+
actionRef: reactDesc.PropTypes.object.description("Reference: \n { \n scrollToIndex: (n: number) => void,\n getMessagesInView: () => number[],\n focusToIndex: (n: number) => void,\n focusToList: () => void,\n focusToComposer: () => void,\n focusToSend: () => void,\n }\n \n ").defaultValue(defaultComposerPros.actionRef)
|
|
77
39
|
};
|
|
78
|
-
|
|
79
|
-
|
|
40
|
+
|
|
41
|
+
exports.composerProps = composerProps;
|
|
42
|
+
exports.defaultComposerPros = defaultComposerPros;
|