@elliemae/ds-chat 2.2.0-alpha.3 → 3.0.0-next.0
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,46 +1,19 @@
|
|
|
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
|
-
defaultProps: () => defaultProps,
|
|
31
|
-
systemMessageProps: () => systemMessageProps
|
|
32
|
-
});
|
|
33
|
-
var React = __toESM(require("react"));
|
|
34
|
-
var import_react_desc = __toESM(require("react-desc"));
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var reactDesc = require('react-desc');
|
|
6
|
+
|
|
35
7
|
const defaultProps = {
|
|
36
|
-
title:
|
|
37
|
-
time:
|
|
38
|
-
body:
|
|
8
|
+
title: 'System Message',
|
|
9
|
+
time: '',
|
|
10
|
+
body: ''
|
|
39
11
|
};
|
|
40
12
|
const systemMessageProps = {
|
|
41
|
-
title:
|
|
42
|
-
time:
|
|
43
|
-
body:
|
|
13
|
+
title: reactDesc.PropTypes.string.isRequired.description('Message title').defaultValue('System Message'),
|
|
14
|
+
time: reactDesc.PropTypes.string.description('data of the message, ie: hour'),
|
|
15
|
+
body: reactDesc.PropTypes.string.isRequired.description('message')
|
|
44
16
|
};
|
|
45
|
-
|
|
46
|
-
|
|
17
|
+
|
|
18
|
+
exports.defaultProps = defaultProps;
|
|
19
|
+
exports.systemMessageProps = systemMessageProps;
|
|
@@ -1,75 +1,32 @@
|
|
|
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
|
-
Title: () => Title,
|
|
34
|
-
Wrapper: () => Wrapper
|
|
35
|
-
});
|
|
36
|
-
var React = __toESM(require("react"));
|
|
37
|
-
var import_styled_components = __toESM(require("styled-components"));
|
|
38
|
-
var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
|
|
39
|
-
const Wrapper = (0, import_styled_components.default)(import_ds_grid.Grid)`
|
|
40
|
-
align-items: center;
|
|
41
|
-
justify-content: center;
|
|
42
|
-
max-width: 100%;
|
|
43
|
-
padding: 0 8px 8px;
|
|
44
|
-
border: 1px solid ${(props) => props.theme.colors.neutral["100"]};
|
|
45
|
-
border-radius: 10px;
|
|
46
|
-
background-color: ${(props) => props.theme.colors.neutral["080"]};
|
|
47
|
-
box-shadow: none;
|
|
48
|
-
`;
|
|
49
|
-
const Header = (0, import_styled_components.default)(import_ds_grid.Grid)`
|
|
50
|
-
align-items: center;
|
|
51
|
-
height: 36px;
|
|
52
|
-
`;
|
|
53
|
-
const Title = import_styled_components.default.p`
|
|
54
|
-
font-size: 14px;
|
|
55
|
-
font-weight: ${(props) => props.theme.fontWeights.semibold};
|
|
56
|
-
color: ${(props) => props.theme.colors.neutral["700"]};
|
|
57
|
-
margin: 0;
|
|
58
|
-
`;
|
|
59
|
-
const Time = import_styled_components.default.p`
|
|
60
|
-
font-size: 12px;
|
|
61
|
-
font-weight: ${(props) => props.theme.fontWeights.regular};
|
|
62
|
-
color: ${(props) => props.theme.colors.neutral["700"]};
|
|
63
|
-
margin: 0;
|
|
64
|
-
text-align: right;
|
|
65
|
-
`;
|
|
66
|
-
const Message = import_styled_components.default.p`
|
|
67
|
-
font-size: 13px;
|
|
68
|
-
font-weight: ${(props) => props.theme.fontWeights.regular};
|
|
69
|
-
color: ${(props) => props.theme.colors.neutral["700"]};
|
|
70
|
-
min-height: 32px;
|
|
71
|
-
text-align: center;
|
|
72
|
-
margin: 0;
|
|
73
|
-
`;
|
|
74
|
-
module.exports = __toCommonJS(style_exports);
|
|
75
|
-
//# sourceMappingURL=style.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-80w41d-0"
|
|
14
|
+
})(["align-items:center;justify-content:center;max-width:100%;padding:0 8px 8px;border:1px solid ", ";border-radius:10px;background-color:", ";box-shadow:none;"], props => props.theme.colors.neutral['100'], props => props.theme.colors.neutral['080']);
|
|
15
|
+
const Header = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
|
|
16
|
+
componentId: "sc-80w41d-1"
|
|
17
|
+
})(["align-items:center;height:36px;"]);
|
|
18
|
+
const Title = /*#__PURE__*/styled__default["default"].p.withConfig({
|
|
19
|
+
componentId: "sc-80w41d-2"
|
|
20
|
+
})(["font-size:14px;font-weight:", ";color:", ";margin:0;"], props => props.theme.fontWeights.semibold, props => props.theme.colors.neutral['700']);
|
|
21
|
+
const Time = /*#__PURE__*/styled__default["default"].p.withConfig({
|
|
22
|
+
componentId: "sc-80w41d-3"
|
|
23
|
+
})(["font-size:12px;font-weight:", ";color:", ";margin:0;text-align:right;"], props => props.theme.fontWeights.regular, props => props.theme.colors.neutral['700']);
|
|
24
|
+
const Message = /*#__PURE__*/styled__default["default"].p.withConfig({
|
|
25
|
+
componentId: "sc-80w41d-4"
|
|
26
|
+
})(["font-size:13px;font-weight:", ";color:", ";min-height:32px;text-align:center;margin:0;"], props => props.theme.fontWeights.regular, props => props.theme.colors.neutral['700']);
|
|
27
|
+
|
|
28
|
+
exports.Header = Header;
|
|
29
|
+
exports.Message = Message;
|
|
30
|
+
exports.Time = Time;
|
|
31
|
+
exports.Title = Title;
|
|
32
|
+
exports.Wrapper = Wrapper;
|
|
@@ -1,46 +1,30 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
var
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
var
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
var TileButton_exports = {};
|
|
29
|
-
__export(TileButton_exports, {
|
|
30
|
-
TileButton: () => TileButton,
|
|
31
|
-
TileButtonWithSchema: () => TileButtonWithSchema
|
|
32
|
-
});
|
|
33
|
-
var React = __toESM(require("react"));
|
|
34
|
-
var import_react = __toESM(require("react"));
|
|
35
|
-
var import_react_desc = __toESM(require("react-desc"));
|
|
36
|
-
var import_ds_tooltip = __toESM(require("@elliemae/ds-tooltip"));
|
|
37
|
-
var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
|
|
38
|
-
var import_ds_icons = __toESM(require("@elliemae/ds-icons"));
|
|
39
|
-
var import_styled = __toESM(require("./styled"));
|
|
40
|
-
var import_props = __toESM(require("./props"));
|
|
41
|
-
var import_useValidateProps = __toESM(require("./config/useValidateProps"));
|
|
42
|
-
const TileButton = (props) => {
|
|
43
|
-
(0, import_useValidateProps.useValidateProps)(props, TileButtonWithSchema.toJSON());
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
|
+
require('core-js/modules/web.url.to-json.js');
|
|
7
|
+
var React = require('react');
|
|
8
|
+
var reactDesc = require('react-desc');
|
|
9
|
+
var dsTooltip = require('@elliemae/ds-tooltip');
|
|
10
|
+
var dsGrid = require('@elliemae/ds-grid');
|
|
11
|
+
var dsIcons = require('@elliemae/ds-icons');
|
|
12
|
+
var styled = require('./styled.js');
|
|
13
|
+
var props = require('./props.js');
|
|
14
|
+
var useValidateProps = require('./config/useValidateProps.js');
|
|
15
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
16
|
+
|
|
17
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
18
|
+
|
|
19
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
20
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
21
|
+
|
|
22
|
+
var _StyledWrapperLeftBor, _CloseXsmall;
|
|
23
|
+
|
|
24
|
+
const TileButton = props => {
|
|
25
|
+
var _Icon, _StyledTileButtonLabe, _span;
|
|
26
|
+
|
|
27
|
+
useValidateProps.useValidateProps(props, TileButtonWithSchema.toJSON());
|
|
44
28
|
const {
|
|
45
29
|
label,
|
|
46
30
|
title,
|
|
@@ -62,76 +46,62 @@ const TileButton = (props) => {
|
|
|
62
46
|
disableTooltip,
|
|
63
47
|
innerRef
|
|
64
48
|
} = props;
|
|
65
|
-
const handleClick =
|
|
49
|
+
const handleClick = React__default["default"].useCallback(() => {
|
|
66
50
|
onClick(dsId, title);
|
|
67
51
|
}, [dsId, onClick, title]);
|
|
68
|
-
const MainContent =
|
|
69
|
-
alignItems: isHeader ?
|
|
70
|
-
},
|
|
52
|
+
const MainContent = React__default["default"].useMemo(() => /*#__PURE__*/_jsx__default["default"](styled.StyledWrapperCentralContent, {
|
|
53
|
+
alignItems: isHeader ? 'center' : undefined
|
|
54
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
|
|
71
55
|
width: "100%",
|
|
72
56
|
alignItems: "center",
|
|
73
57
|
justifyContent: "center"
|
|
74
|
-
},
|
|
58
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](styled.StyledTileButtonIcon, {
|
|
75
59
|
alignItems: "center",
|
|
76
60
|
justifyContent: "center"
|
|
77
|
-
},
|
|
61
|
+
}, void 0, _Icon || (_Icon = /*#__PURE__*/_jsx__default["default"](Icon, {
|
|
78
62
|
size: "m"
|
|
79
|
-
}), badge ?
|
|
80
|
-
badgeColor,
|
|
81
|
-
badgePosition,
|
|
82
|
-
"data-testid":
|
|
83
|
-
}) : null)), !isHeader ?
|
|
63
|
+
})), badge ? /*#__PURE__*/_jsx__default["default"](styled.StyledStatusBadge, {
|
|
64
|
+
badgeColor: badgeColor,
|
|
65
|
+
badgePosition: badgePosition,
|
|
66
|
+
"data-testid": "tile-badge-".concat(dsId)
|
|
67
|
+
}) : null)), !isHeader ? /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
|
|
84
68
|
width: "100%",
|
|
85
69
|
justifyContent: "center"
|
|
86
|
-
}, label ?
|
|
87
|
-
const Btn =
|
|
88
|
-
|
|
89
|
-
isHeader,
|
|
70
|
+
}, void 0, label ? _StyledTileButtonLabe || (_StyledTileButtonLabe = /*#__PURE__*/_jsx__default["default"](styled.StyledTileButtonLabel, {}, void 0, label)) : null) : null), [isHeader, Icon, badge, badgeColor, badgePosition, label]);
|
|
71
|
+
const Btn = React__default["default"].useMemo(() => /*#__PURE__*/jsxRuntime.jsx(styled.StyledTileButton, {
|
|
72
|
+
isHeader: isHeader,
|
|
90
73
|
value: dsId,
|
|
91
|
-
"data-testid":
|
|
74
|
+
"data-testid": "tile-button-".concat(dsId),
|
|
92
75
|
"data-key": dsId,
|
|
93
76
|
onClick: handleClick,
|
|
94
|
-
onFocus,
|
|
95
|
-
onBlur,
|
|
96
|
-
disabled,
|
|
97
|
-
selected,
|
|
98
|
-
badgeColor,
|
|
99
|
-
badgePosition,
|
|
77
|
+
onFocus: onFocus,
|
|
78
|
+
onBlur: onBlur,
|
|
79
|
+
disabled: disabled,
|
|
80
|
+
selected: selected,
|
|
81
|
+
badgeColor: badgeColor,
|
|
82
|
+
badgePosition: badgePosition,
|
|
100
83
|
"aria-pressed": selected,
|
|
101
84
|
"aria-label": ariaLabel,
|
|
102
|
-
ref: innerRef
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
badgePosition,
|
|
115
|
-
disabled,
|
|
116
|
-
dsId,
|
|
117
|
-
handleClick,
|
|
118
|
-
isHeader,
|
|
119
|
-
onBlur,
|
|
120
|
-
onClose,
|
|
121
|
-
onFocus,
|
|
122
|
-
selected,
|
|
123
|
-
showClose,
|
|
124
|
-
innerRef
|
|
125
|
-
]);
|
|
126
|
-
return title && !disableTooltip ? /* @__PURE__ */ import_react.default.createElement(import_styled.StyledTooltipV3ButtonWrapper, null, /* @__PURE__ */ import_react.default.createElement(import_ds_tooltip.DSTooltipV3, {
|
|
127
|
-
id: `ds-chat-tile-tooltip-button-${dsId}`,
|
|
85
|
+
ref: innerRef,
|
|
86
|
+
children: /*#__PURE__*/_jsx__default["default"](styled.StyledWrapper, {
|
|
87
|
+
alignItems: "center",
|
|
88
|
+
justifyContent: "center"
|
|
89
|
+
}, void 0, _span || (_span = /*#__PURE__*/_jsx__default["default"]("span", {}, void 0, MainContent)), _StyledWrapperLeftBor || (_StyledWrapperLeftBor = /*#__PURE__*/_jsx__default["default"](styled.StyledWrapperLeftBorder, {})), showClose && !disabled ? /*#__PURE__*/_jsx__default["default"](styled.CloseButton, {
|
|
90
|
+
onClick: onClose,
|
|
91
|
+
value: dsId,
|
|
92
|
+
"data-testid": "tile-close-btn-".concat(dsId)
|
|
93
|
+
}, void 0, _CloseXsmall || (_CloseXsmall = /*#__PURE__*/_jsx__default["default"](dsIcons.CloseXsmall, {}))) : null)
|
|
94
|
+
}, dsId), [MainContent, ariaLabel, badgeColor, badgePosition, disabled, dsId, handleClick, isHeader, onBlur, onClose, onFocus, selected, showClose, innerRef]);
|
|
95
|
+
return title && !disableTooltip ? /*#__PURE__*/_jsx__default["default"](styled.StyledTooltipV3ButtonWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsTooltip.DSTooltipV3, {
|
|
96
|
+
id: "ds-chat-tile-tooltip-button-".concat(dsId),
|
|
128
97
|
text: title,
|
|
129
98
|
startPlacementPreference: tooltipPlacement
|
|
130
|
-
}, Btn)) : Btn;
|
|
99
|
+
}, void 0, Btn)) : Btn;
|
|
131
100
|
};
|
|
132
|
-
|
|
133
|
-
TileButton.defaultProps =
|
|
134
|
-
const TileButtonWithSchema =
|
|
135
|
-
TileButtonWithSchema.propTypes =
|
|
136
|
-
|
|
137
|
-
|
|
101
|
+
|
|
102
|
+
TileButton.defaultProps = props.defaultTileButton;
|
|
103
|
+
const TileButtonWithSchema = reactDesc.describe(TileButton);
|
|
104
|
+
TileButtonWithSchema.propTypes = props.propsTileButton;
|
|
105
|
+
|
|
106
|
+
exports.TileButton = TileButton;
|
|
107
|
+
exports.TileButtonWithSchema = TileButtonWithSchema;
|
|
@@ -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 = __toESM(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 tile_button_exports = {};
|
|
29
|
-
__export(tile_button_exports, {
|
|
30
|
-
TileButton: () => import_TileButton.TileButton,
|
|
31
|
-
TileButtonWithSchema: () => import_TileButton.TileButtonWithSchema
|
|
32
|
-
});
|
|
33
|
-
var React = __toESM(require("react"));
|
|
34
|
-
var import_TileButton = __toESM(require("./TileButton"));
|
|
35
|
-
module.exports = __toCommonJS(tile_button_exports);
|
|
36
|
-
//# sourceMappingURL=index.js.map
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var TileButton = require('./TileButton.js');
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
exports.TileButton = TileButton.TileButton;
|
|
10
|
+
exports.TileButtonWithSchema = TileButton.TileButtonWithSchema;
|
|
@@ -1,93 +1,55 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
var
|
|
8
|
-
|
|
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
|
-
defaultTileButton: () => defaultTileButton,
|
|
31
|
-
propsTileButton: () => propsTileButton
|
|
32
|
-
});
|
|
33
|
-
var React = __toESM(require("react"));
|
|
34
|
-
var import_react_desc = __toESM(require("react-desc"));
|
|
35
|
-
var import_lodash = __toESM(require("lodash"));
|
|
36
|
-
var import_ds_icons = __toESM(require("@elliemae/ds-icons"));
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var reactDesc = require('react-desc');
|
|
6
|
+
var lodash = require('lodash');
|
|
7
|
+
var dsIcons = require('@elliemae/ds-icons');
|
|
8
|
+
|
|
37
9
|
const defaultTileButton = {
|
|
38
|
-
Icon:
|
|
39
|
-
dsId:
|
|
40
|
-
label:
|
|
41
|
-
onClick:
|
|
42
|
-
onBlur:
|
|
43
|
-
onFocus:
|
|
44
|
-
title:
|
|
45
|
-
onClose:
|
|
10
|
+
Icon: dsIcons.Comments,
|
|
11
|
+
dsId: undefined,
|
|
12
|
+
label: '',
|
|
13
|
+
onClick: lodash.noop,
|
|
14
|
+
onBlur: lodash.noop,
|
|
15
|
+
onFocus: lodash.noop,
|
|
16
|
+
title: '',
|
|
17
|
+
onClose: lodash.noop,
|
|
46
18
|
showClose: false,
|
|
47
19
|
badge: false,
|
|
48
|
-
badgeColor:
|
|
49
|
-
badgePosition:
|
|
20
|
+
badgeColor: 'blue',
|
|
21
|
+
badgePosition: 'left',
|
|
50
22
|
disabled: false,
|
|
51
23
|
selected: false,
|
|
52
24
|
isHeader: false,
|
|
53
|
-
ariaLabel:
|
|
54
|
-
tooltipPlacement:
|
|
25
|
+
ariaLabel: 'Tile button',
|
|
26
|
+
tooltipPlacement: 'right',
|
|
55
27
|
disableTooltip: false,
|
|
56
|
-
innerRef:
|
|
28
|
+
innerRef: lodash.noop
|
|
57
29
|
};
|
|
58
30
|
const propsTileButton = {
|
|
59
|
-
Icon:
|
|
60
|
-
dsId:
|
|
61
|
-
label:
|
|
62
|
-
title:
|
|
63
|
-
onClick:
|
|
64
|
-
onFocus:
|
|
65
|
-
onBlur:
|
|
66
|
-
onClose:
|
|
67
|
-
showClose:
|
|
68
|
-
badge:
|
|
69
|
-
badgeColor:
|
|
70
|
-
badgePosition:
|
|
71
|
-
disabled:
|
|
72
|
-
selected:
|
|
73
|
-
isHeader:
|
|
74
|
-
ariaLabel:
|
|
75
|
-
tooltipPlacement:
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
"right",
|
|
81
|
-
"right-end",
|
|
82
|
-
"bottom-end",
|
|
83
|
-
"bottom",
|
|
84
|
-
"bottom-start",
|
|
85
|
-
"left-end",
|
|
86
|
-
"left",
|
|
87
|
-
"left-start"
|
|
88
|
-
]).description("start placement preferences, as per popperjs placement option").defaultValue("'right'"),
|
|
89
|
-
disableTooltip: import_react_desc.PropTypes.bool.description("Disable tooltip option").defaultValue(defaultTileButton.disableTooltip),
|
|
90
|
-
innerRef: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.func, import_react_desc.PropTypes.shape({ current: import_react_desc.PropTypes.any })]).description("reference to the component")
|
|
31
|
+
Icon: reactDesc.PropTypes.func.description('Icon component').defaultValue(defaultTileButton.Icon),
|
|
32
|
+
dsId: reactDesc.PropTypes.oneOf(['number', 'string']).description('Unique id for the button').defaultValue(defaultTileButton.dsId),
|
|
33
|
+
label: reactDesc.PropTypes.string.description('It will display under the icon').defaultValue(defaultTileButton.label),
|
|
34
|
+
title: reactDesc.PropTypes.string.description('Tooltip').defaultValue(defaultTileButton.title),
|
|
35
|
+
onClick: reactDesc.PropTypes.func.description('The function to call when is clicked').defaultValue(defaultTileButton.onClick),
|
|
36
|
+
onFocus: reactDesc.PropTypes.func.description('The function to call when is focused').defaultValue(defaultTileButton.onFocus),
|
|
37
|
+
onBlur: reactDesc.PropTypes.func.description('The function to call when is on blur').defaultValue(defaultTileButton.onBlur),
|
|
38
|
+
onClose: reactDesc.PropTypes.func.description('The function to call when the X is Clicked').defaultValue(defaultTileButton.onClose),
|
|
39
|
+
showClose: reactDesc.PropTypes.bool.description('It will display the X').defaultValue(defaultTileButton.showClose),
|
|
40
|
+
badge: reactDesc.PropTypes.bool.description('It will display the badge').defaultValue(defaultTileButton.badge),
|
|
41
|
+
badgeColor: reactDesc.PropTypes.oneOf(['blue', 'green']).description('Color badge: blue or green').defaultValue(defaultTileButton.badgeColor),
|
|
42
|
+
badgePosition: reactDesc.PropTypes.oneOf(['left', 'right']).description('Color badge: blue or green').defaultValue(defaultTileButton.badgePosition),
|
|
43
|
+
disabled: reactDesc.PropTypes.bool.description('It will disabled the button').defaultValue(defaultTileButton.disabled),
|
|
44
|
+
selected: reactDesc.PropTypes.bool.description('Indicate that the button is selected').defaultValue(defaultTileButton.disabled),
|
|
45
|
+
isHeader: reactDesc.PropTypes.bool.description("It won't render the label").defaultValue(defaultTileButton.disabled),
|
|
46
|
+
ariaLabel: reactDesc.PropTypes.string.description('aria-label attribute').defaultValue(defaultTileButton.ariaLabel),
|
|
47
|
+
tooltipPlacement: reactDesc.PropTypes.oneOf(['top-start', 'top', 'top-end', 'right-start', 'right', 'right-end', 'bottom-end', 'bottom', 'bottom-start', 'left-end', 'left', 'left-start']).description('start placement preferences, as per popperjs placement option').defaultValue("'right'"),
|
|
48
|
+
disableTooltip: reactDesc.PropTypes.bool.description('Disable tooltip option').defaultValue(defaultTileButton.disableTooltip),
|
|
49
|
+
innerRef: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.func, reactDesc.PropTypes.shape({
|
|
50
|
+
current: reactDesc.PropTypes.any
|
|
51
|
+
})]).description('reference to the component')
|
|
91
52
|
};
|
|
92
|
-
|
|
93
|
-
|
|
53
|
+
|
|
54
|
+
exports.defaultTileButton = defaultTileButton;
|
|
55
|
+
exports.propsTileButton = propsTileButton;
|