@elliemae/ds-chat 2.3.0-next.6 → 2.3.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.
- package/cjs/{parts → exported-related}/bubble/ChatBubble.js +8 -10
- package/cjs/{parts → exported-related}/bubble/ChatBubbleArrow.js +0 -0
- package/cjs/{parts → exported-related}/bubble/index.js +0 -0
- package/cjs/exported-related/bubble/props.js +43 -0
- package/cjs/{parts → exported-related}/bubble/styled.js +9 -9
- package/cjs/{parts → exported-related}/chat-card/ChatCard.js +6 -7
- package/cjs/{parts → exported-related}/chat-card/index.js +0 -0
- package/cjs/exported-related/chat-card/props.js +22 -0
- package/cjs/{parts → exported-related}/chat-card/styled.js +6 -6
- package/cjs/{parts → exported-related}/chat-container-header/ChatContainerHeader.js +10 -4
- package/cjs/{parts → exported-related}/chat-container-header/helpers.js +0 -0
- package/cjs/exported-related/chat-container-header/props.js +18 -0
- package/cjs/{parts → exported-related}/chat-container-header/styled.js +4 -4
- package/cjs/{parts → exported-related}/chat-empty-state/ChatEmptyState.js +8 -10
- package/cjs/exported-related/chat-empty-state/props.js +18 -0
- package/cjs/{parts → exported-related}/chat-empty-state/styled.js +2 -2
- package/cjs/{parts → exported-related}/chat-sidebar/SideBarChat.js +10 -11
- package/cjs/{parts → exported-related}/chat-sidebar/index.js +0 -0
- package/cjs/{parts → exported-related}/chat-sidebar/props.js +2 -5
- package/cjs/{parts → exported-related/chat-sidebar}/sidebar-button/SidebarButton.js +1 -1
- package/cjs/{parts → exported-related/chat-sidebar}/sidebar-button/index.js +0 -0
- package/cjs/exported-related/chat-sidebar/sidebar-button/props.js +25 -0
- package/cjs/{parts → exported-related/chat-sidebar}/sidebar-button/styled.js +4 -4
- package/cjs/{parts → exported-related}/chat-sidebar/styled.js +2 -2
- package/cjs/{parts → exported-related}/floating-button/FloatingButton.js +13 -6
- package/cjs/{parts → exported-related}/floating-button/index.js +1 -0
- package/cjs/{parts → exported-related}/floating-button/props.js +0 -0
- package/cjs/{parts → exported-related}/floating-button/styled.js +1 -1
- package/cjs/{parts → exported-related}/floating-container/styled.js +1 -1
- package/cjs/{parts → exported-related}/grid-influencer/InfluencerContainer.js +1 -1
- package/cjs/{parts → exported-related}/grid-influencer/styled.js +2 -2
- package/cjs/exported-related/index.js +37 -0
- package/cjs/exported-related/message-delimiter/MessageDelimiter.js +53 -0
- package/cjs/{parts → exported-related}/message-delimiter/index.js +0 -0
- package/cjs/exported-related/message-delimiter/props.js +33 -0
- package/cjs/{parts → exported-related}/message-delimiter/styled.js +3 -3
- package/cjs/{parts → exported-related}/system-message/SystemMessage.js +6 -8
- package/cjs/{parts → exported-related}/system-message/index.js +0 -0
- package/cjs/{parts → exported-related}/system-message/props.js +0 -0
- package/cjs/{parts → exported-related}/system-message/style.js +5 -5
- package/cjs/{parts → exported-related}/tile-button/TileButton.js +7 -9
- package/cjs/{parts → exported-related}/tile-button/index.js +0 -0
- package/cjs/exported-related/tile-button/props.js +55 -0
- package/cjs/{parts → exported-related}/tile-button/styled.js +9 -9
- package/cjs/index.js +29 -18
- package/cjs/parts/chat-composer/ChatContainerComposer.js +7 -9
- package/cjs/parts/chat-container/ChatContainer.js +18 -20
- package/cjs/parts/chat-container/styled.js +2 -2
- package/cjs/parts/chat-container-messages-list/ChatContainerMessagesList.js +83 -70
- package/cjs/parts/chat-container-messages-list/styled.js +9 -5
- package/cjs/parts/chat-container-messages-list/useGetNewMessages.js +28 -0
- package/cjs/parts/index.js +16 -0
- package/cjs/react-desc-prop-types.js +116 -0
- package/esm/{parts → exported-related}/bubble/ChatBubble.js +7 -9
- package/esm/{parts → exported-related}/bubble/ChatBubbleArrow.js +0 -0
- package/esm/{parts → exported-related}/bubble/index.js +0 -0
- package/esm/{parts → exported-related}/bubble/props.js +14 -24
- package/esm/{parts → exported-related}/bubble/styled.js +9 -9
- package/esm/{parts → exported-related}/chat-card/ChatCard.js +4 -5
- package/esm/{parts → exported-related}/chat-card/index.js +0 -0
- package/esm/{parts → exported-related}/chat-card/props.js +9 -2
- package/esm/{parts → exported-related}/chat-card/styled.js +6 -6
- package/esm/{parts → exported-related}/chat-container-header/ChatContainerHeader.js +9 -4
- package/esm/{parts → exported-related}/chat-container-header/helpers.js +0 -0
- package/esm/exported-related/chat-container-header/props.js +13 -0
- package/esm/{parts → exported-related}/chat-container-header/styled.js +4 -4
- package/esm/{parts → exported-related}/chat-empty-state/ChatEmptyState.js +7 -9
- package/esm/exported-related/chat-empty-state/props.js +13 -0
- package/esm/{parts → exported-related}/chat-empty-state/styled.js +2 -2
- package/esm/{parts → exported-related}/chat-sidebar/SideBarChat.js +8 -9
- package/esm/{parts → exported-related}/chat-sidebar/index.js +0 -0
- package/esm/{parts → exported-related}/chat-sidebar/props.js +2 -5
- package/esm/{parts → exported-related/chat-sidebar}/sidebar-button/SidebarButton.js +1 -1
- package/esm/{parts → exported-related/chat-sidebar}/sidebar-button/index.js +0 -0
- package/esm/{parts → exported-related/chat-sidebar}/sidebar-button/props.js +3 -4
- package/esm/{parts → exported-related/chat-sidebar}/sidebar-button/styled.js +4 -4
- package/esm/{parts → exported-related}/chat-sidebar/styled.js +2 -2
- package/esm/exported-related/floating-button/FloatingButton.js +33 -0
- package/esm/exported-related/floating-button/index.js +1 -0
- package/esm/{parts → exported-related}/floating-button/props.js +0 -0
- package/esm/{parts → exported-related}/floating-button/styled.js +1 -1
- package/esm/{parts → exported-related}/floating-container/styled.js +1 -1
- package/esm/{parts → exported-related}/grid-influencer/InfluencerContainer.js +1 -1
- package/esm/{parts → exported-related}/grid-influencer/styled.js +2 -2
- package/esm/exported-related/index.js +11 -0
- package/esm/exported-related/message-delimiter/MessageDelimiter.js +43 -0
- package/esm/{parts → exported-related}/message-delimiter/index.js +0 -0
- package/esm/exported-related/message-delimiter/props.js +24 -0
- package/esm/{parts → exported-related}/message-delimiter/styled.js +3 -3
- package/esm/{parts → exported-related}/system-message/SystemMessage.js +4 -6
- package/esm/{parts → exported-related}/system-message/index.js +0 -0
- package/esm/{parts → exported-related}/system-message/props.js +0 -0
- package/esm/{parts → exported-related}/system-message/style.js +5 -5
- package/esm/{parts → exported-related}/tile-button/TileButton.js +5 -7
- package/esm/{parts → exported-related}/tile-button/index.js +0 -0
- package/esm/{parts → exported-related}/tile-button/props.js +3 -3
- package/esm/{parts → exported-related}/tile-button/styled.js +9 -9
- package/esm/index.js +14 -12
- package/esm/parts/chat-composer/ChatContainerComposer.js +9 -11
- package/esm/parts/chat-container/ChatContainer.js +16 -18
- package/esm/parts/chat-container/styled.js +2 -2
- package/esm/parts/chat-container-messages-list/ChatContainerMessagesList.js +81 -68
- package/esm/parts/chat-container-messages-list/styled.js +9 -6
- package/esm/parts/chat-container-messages-list/useGetNewMessages.js +24 -0
- package/esm/parts/index.js +3 -0
- package/esm/react-desc-prop-types.js +103 -0
- package/package.json +176 -216
- package/types/exported-related/bubble/ChatBubble.d.ts +5 -0
- package/types/{parts → exported-related}/bubble/ChatBubbleArrow.d.ts +1 -1
- package/types/{parts → exported-related}/bubble/index.d.ts +0 -0
- package/types/exported-related/bubble/props.d.ts +33 -0
- package/types/{parts → exported-related}/bubble/styled.d.ts +11 -7
- package/types/{parts → exported-related}/bubble/tests/ChatBubble.test.d.ts +0 -0
- package/types/exported-related/chat-card/ChatCard.d.ts +5 -0
- package/types/{parts → exported-related}/chat-card/index.d.ts +0 -0
- package/types/exported-related/chat-card/props.d.ts +14 -0
- package/types/{parts → exported-related}/chat-card/styled.d.ts +0 -0
- package/types/exported-related/chat-container-header/ChatContainerHeader.d.ts +5 -0
- package/types/{parts → exported-related}/chat-container-header/helpers.d.ts +2 -2
- package/types/exported-related/chat-container-header/props.d.ts +10 -0
- package/types/{parts → exported-related}/chat-container-header/styled.d.ts +0 -0
- package/types/exported-related/chat-container-header/tests/ChatContainerHeader.test.d.ts +1 -0
- package/types/exported-related/chat-empty-state/ChatEmptyState.d.ts +5 -0
- package/types/exported-related/chat-empty-state/props.d.ts +10 -0
- package/types/{parts → exported-related}/chat-empty-state/styled.d.ts +0 -0
- package/types/exported-related/chat-sidebar/SideBarChat.d.ts +5 -0
- package/types/{parts → exported-related}/chat-sidebar/index.d.ts +0 -0
- package/types/{parts → exported-related}/chat-sidebar/props.d.ts +4 -4
- package/types/exported-related/chat-sidebar/sidebar-button/SidebarButton.d.ts +13 -0
- package/types/{parts → exported-related/chat-sidebar}/sidebar-button/index.d.ts +0 -0
- package/types/exported-related/chat-sidebar/sidebar-button/props.d.ts +18 -0
- package/types/{parts → exported-related/chat-sidebar}/sidebar-button/styled.d.ts +0 -0
- package/types/{parts → exported-related}/chat-sidebar/styled.d.ts +0 -0
- package/types/exported-related/floating-button/FloatingButton.d.ts +5 -0
- package/types/{parts → exported-related}/floating-button/index.d.ts +0 -0
- package/types/{parts → exported-related}/floating-button/props.d.ts +0 -0
- package/types/{parts → exported-related}/floating-button/styled.d.ts +0 -0
- package/types/exported-related/floating-container/styled.d.ts +2 -0
- package/types/{parts → exported-related}/grid-influencer/InfluencerContainer.d.ts +0 -0
- package/types/{parts → exported-related}/grid-influencer/styled.d.ts +0 -0
- package/types/exported-related/index.d.ts +10 -0
- package/types/exported-related/message-delimiter/MessageDelimiter.d.ts +5 -0
- package/types/{parts → exported-related}/message-delimiter/index.d.ts +0 -0
- package/types/exported-related/message-delimiter/props.d.ts +371 -0
- package/types/{parts → exported-related}/message-delimiter/styled.d.ts +0 -0
- package/types/exported-related/system-message/SystemMessage.d.ts +5 -0
- package/types/{parts → exported-related}/system-message/index.d.ts +0 -0
- package/types/{parts → exported-related}/system-message/props.d.ts +0 -0
- package/types/{parts → exported-related}/system-message/style.d.ts +0 -0
- package/types/exported-related/tile-button/TileButton.d.ts +5 -0
- package/types/{parts → exported-related}/tile-button/index.d.ts +0 -0
- package/types/exported-related/tile-button/props.d.ts +46 -0
- package/types/{parts → exported-related}/tile-button/styled.d.ts +1 -1
- package/types/index.d.ts +4 -13
- package/types/parts/chat-composer/ChatContainerComposer.d.ts +4 -59
- package/types/parts/chat-composer/styled.d.ts +4 -3
- package/types/parts/chat-container/ChatContainer.d.ts +4 -62
- package/types/parts/chat-container-messages-list/ChatContainerMessagesList.d.ts +4 -47
- package/types/parts/chat-container-messages-list/index.d.ts +1 -1
- package/types/parts/chat-container-messages-list/styled.d.ts +2 -2
- package/types/parts/chat-container-messages-list/useGetNewMessages.d.ts +2 -0
- package/types/parts/index.d.ts +3 -0
- package/types/react-desc-prop-types.d.ts +838 -0
- package/cjs/index.d.js +0 -2
- package/cjs/parts/bubble/config/useValidateProps.js +0 -31
- package/cjs/parts/bubble/props.js +0 -57
- package/cjs/parts/chat-card/config/useValidateProps.js +0 -11
- package/cjs/parts/chat-card/props.js +0 -14
- package/cjs/parts/chat-composer/config/useValidateProps.js +0 -11
- package/cjs/parts/chat-composer/props.js +0 -44
- package/cjs/parts/chat-container/config/useValidateProps.js +0 -11
- package/cjs/parts/chat-container/index.js +0 -10
- package/cjs/parts/chat-container/props.js +0 -49
- package/cjs/parts/chat-container-messages-list/config/useValidateProps.js +0 -11
- package/cjs/parts/chat-container-messages-list/props.js +0 -30
- package/cjs/parts/chat-empty-state/config/useValidateProps.js +0 -11
- package/cjs/parts/chat-empty-state/props.js +0 -17
- package/cjs/parts/chat-sidebar/config/useValidateProps.js +0 -11
- package/cjs/parts/message-delimiter/MessageDelimiter.js +0 -41
- package/cjs/parts/message-delimiter/config/useValidateProps.js +0 -11
- package/cjs/parts/message-delimiter/props.js +0 -23
- package/cjs/parts/sidebar-button/props.js +0 -30
- package/cjs/parts/system-message/config/useValidateProps.js +0 -11
- package/cjs/parts/tile-button/config/useValidateProps.js +0 -11
- package/cjs/parts/tile-button/props.js +0 -55
- package/cjs/prop-types.js +0 -33
- package/esm/index.d.js +0 -1
- package/esm/parts/bubble/config/useValidateProps.js +0 -27
- package/esm/parts/chat-card/config/useValidateProps.js +0 -7
- package/esm/parts/chat-composer/config/useValidateProps.js +0 -7
- package/esm/parts/chat-composer/props.js +0 -39
- package/esm/parts/chat-container/config/useValidateProps.js +0 -7
- package/esm/parts/chat-container/index.js +0 -1
- package/esm/parts/chat-container/props.js +0 -44
- package/esm/parts/chat-container-messages-list/config/useValidateProps.js +0 -7
- package/esm/parts/chat-container-messages-list/props.js +0 -25
- package/esm/parts/chat-empty-state/config/useValidateProps.js +0 -7
- package/esm/parts/chat-empty-state/props.js +0 -12
- package/esm/parts/chat-sidebar/config/useValidateProps.js +0 -7
- package/esm/parts/floating-button/FloatingButton.js +0 -27
- package/esm/parts/floating-button/index.js +0 -1
- package/esm/parts/message-delimiter/MessageDelimiter.js +0 -32
- package/esm/parts/message-delimiter/config/useValidateProps.js +0 -7
- package/esm/parts/message-delimiter/props.js +0 -18
- package/esm/parts/system-message/config/useValidateProps.js +0 -7
- package/esm/parts/tile-button/config/useValidateProps.js +0 -7
- package/esm/prop-types.js +0 -28
- package/types/index.d.d.ts +0 -37
- package/types/parts/bubble/ChatBubble.d.ts +0 -30
- package/types/parts/bubble/config/useValidateProps.d.ts +0 -2
- package/types/parts/bubble/props.d.ts +0 -52
- package/types/parts/chat-card/ChatCard.d.ts +0 -33
- package/types/parts/chat-card/config/useValidateProps.d.ts +0 -2
- package/types/parts/chat-card/props.d.ts +0 -29
- package/types/parts/chat-composer/config/useValidateProps.d.ts +0 -2
- package/types/parts/chat-container/config/useValidateProps.d.ts +0 -2
- package/types/parts/chat-container/index.d.ts +0 -1
- package/types/parts/chat-container-header/ChatContainerHeader.d.ts +0 -2
- package/types/parts/chat-container-messages-list/config/useValidateProps.d.ts +0 -2
- package/types/parts/chat-empty-state/ChatEmptyState.d.ts +0 -21
- package/types/parts/chat-empty-state/config/useValidateProps.d.ts +0 -2
- package/types/parts/chat-empty-state/props.d.ts +0 -15
- package/types/parts/chat-sidebar/SideBarChat.d.ts +0 -48
- package/types/parts/chat-sidebar/config/useValidateProps.d.ts +0 -2
- package/types/parts/floating-button/FloatingButton.d.ts +0 -18
- package/types/parts/floating-container/styled.d.ts +0 -1
- package/types/parts/message-delimiter/MessageDelimiter.d.ts +0 -31
- package/types/parts/message-delimiter/config/useValidateProps.d.ts +0 -2
- package/types/parts/message-delimiter/props.d.ts +0 -26
- package/types/parts/sidebar-button/SidebarButton.d.ts +0 -24
- package/types/parts/sidebar-button/props.d.ts +0 -29
- package/types/parts/system-message/SystemMessage.d.ts +0 -23
- package/types/parts/system-message/config/useValidateProps.d.ts +0 -2
- package/types/parts/tile-button/TileButton.d.ts +0 -75
- package/types/parts/tile-button/config/useValidateProps.d.ts +0 -2
- package/types/parts/tile-button/props.d.ts +0 -88
- package/types/prop-types.d.ts +0 -33
package/cjs/index.d.js
DELETED
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var dsPropsHelpers = require('@elliemae/ds-props-helpers');
|
|
6
|
-
|
|
7
|
-
const throwError = message => {
|
|
8
|
-
throw new Error("Bubble:: ".concat(message, "\n "));
|
|
9
|
-
};
|
|
10
|
-
|
|
11
|
-
const useValidateProps = (props, schema) => {
|
|
12
|
-
dsPropsHelpers.useValidatePropTypes(props, schema);
|
|
13
|
-
|
|
14
|
-
if (typeof props.title === 'undefined') {
|
|
15
|
-
throwError("Please provide a title property to use this component.");
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
if (typeof props.time === 'undefined') {
|
|
19
|
-
throwError("Please provide a time property to use this component.");
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
if (typeof props.body === 'undefined') {
|
|
23
|
-
throwError("Please provide a body property to use this component.");
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
if (typeof props.type === 'undefined') {
|
|
27
|
-
throwError("Please provide a type property to use this component.");
|
|
28
|
-
}
|
|
29
|
-
};
|
|
30
|
-
|
|
31
|
-
exports.useValidateProps = useValidateProps;
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var propsTypes = require('prop-types');
|
|
6
|
-
var reactDesc = require('react-desc');
|
|
7
|
-
var lodash = require('lodash');
|
|
8
|
-
|
|
9
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
10
|
-
|
|
11
|
-
var propsTypes__default = /*#__PURE__*/_interopDefaultLegacy(propsTypes);
|
|
12
|
-
|
|
13
|
-
/**
|
|
14
|
-
*
|
|
15
|
-
* BUBBLE
|
|
16
|
-
*
|
|
17
|
-
*/
|
|
18
|
-
const BUBBLE_TYPES = {
|
|
19
|
-
SENDER: 'SENDER',
|
|
20
|
-
RECIPIENT: 'RECIPIENT',
|
|
21
|
-
DELIMITER: 'DELIMITER',
|
|
22
|
-
SYSTEM: 'SYSTEM'
|
|
23
|
-
};
|
|
24
|
-
const defaultBubbleProps = {
|
|
25
|
-
dsId: undefined,
|
|
26
|
-
type: BUBBLE_TYPES.SENDER,
|
|
27
|
-
title: undefined,
|
|
28
|
-
time: undefined,
|
|
29
|
-
body: undefined,
|
|
30
|
-
onClick: lodash.noop,
|
|
31
|
-
errorMessage: undefined,
|
|
32
|
-
helpMessage: undefined
|
|
33
|
-
};
|
|
34
|
-
const propsBubbles = {
|
|
35
|
-
dsId: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.number]).description('Unique id for bubble').defaultValue(defaultBubbleProps.dsId),
|
|
36
|
-
type: reactDesc.PropTypes.oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER]).isRequired.description('Define bubble type ').defaultValue(defaultBubbleProps.type),
|
|
37
|
-
title: reactDesc.PropTypes.string.isRequired.description('Title of the bubble').defaultValue(defaultBubbleProps.title),
|
|
38
|
-
time: reactDesc.PropTypes.string.isRequired.description('Time of the bubble').defaultValue(defaultBubbleProps.title),
|
|
39
|
-
body: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.element]).isRequired.description('Bubble content').defaultValue(defaultBubbleProps.body),
|
|
40
|
-
onClick: reactDesc.PropTypes.string.description('Callback when the bubble is tapped').defaultValue(defaultBubbleProps.onClick),
|
|
41
|
-
errorMessage: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.element]).description('Error message to display at bottom of the bubble').defaultValue(defaultBubbleProps.onClick),
|
|
42
|
-
helpMessage: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.element]).description('Help message to display at bottom of the bubble').defaultValue(defaultBubbleProps.onClick)
|
|
43
|
-
};
|
|
44
|
-
/**
|
|
45
|
-
*
|
|
46
|
-
* BUBBLE ARROW
|
|
47
|
-
*
|
|
48
|
-
*/
|
|
49
|
-
|
|
50
|
-
const propsArrowBubble = {
|
|
51
|
-
type: propsTypes__default["default"].oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER])
|
|
52
|
-
};
|
|
53
|
-
|
|
54
|
-
exports.BUBBLE_TYPES = BUBBLE_TYPES;
|
|
55
|
-
exports.defaultBubbleProps = defaultBubbleProps;
|
|
56
|
-
exports.propsArrowBubble = propsArrowBubble;
|
|
57
|
-
exports.propsBubbles = propsBubbles;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var dsPropsHelpers = require('@elliemae/ds-props-helpers');
|
|
6
|
-
|
|
7
|
-
const useValidateProps = (props, schema) => {
|
|
8
|
-
dsPropsHelpers.useValidatePropTypes(props, schema);
|
|
9
|
-
};
|
|
10
|
-
|
|
11
|
-
exports.useValidateProps = useValidateProps;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var reactDesc = require('react-desc');
|
|
6
|
-
|
|
7
|
-
const propTypes = {
|
|
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')
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
exports.propTypes = propTypes;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var dsPropsHelpers = require('@elliemae/ds-props-helpers');
|
|
6
|
-
|
|
7
|
-
const useValidateProps = (props, schema) => {
|
|
8
|
-
dsPropsHelpers.useValidatePropTypes(props, schema);
|
|
9
|
-
};
|
|
10
|
-
|
|
11
|
-
exports.useValidateProps = useValidateProps;
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var reactDesc = require('react-desc');
|
|
6
|
-
var lodash = require('lodash');
|
|
7
|
-
|
|
8
|
-
const defaultComposerPros = {
|
|
9
|
-
placeholder: 'Type your message',
|
|
10
|
-
inputValue: '',
|
|
11
|
-
ariaMaxLengthMessage: '',
|
|
12
|
-
onChange: lodash.noop,
|
|
13
|
-
onResize: lodash.noop,
|
|
14
|
-
onSend: lodash.noop,
|
|
15
|
-
onFocus: lodash.noop,
|
|
16
|
-
onBlur: lodash.noop,
|
|
17
|
-
onKeyDown: lodash.noop,
|
|
18
|
-
maxHeight: 0,
|
|
19
|
-
inputMaxLength: undefined,
|
|
20
|
-
maxLengthMessage: undefined,
|
|
21
|
-
buttonDisabled: false,
|
|
22
|
-
dataTestid: 'ds-chat-composer',
|
|
23
|
-
actionRef: lodash.noop
|
|
24
|
-
};
|
|
25
|
-
const composerProps = {
|
|
26
|
-
placeholder: reactDesc.PropTypes.string.description('Input Placeholder').defaultValue(defaultComposerPros.placeholder),
|
|
27
|
-
inputValue: reactDesc.PropTypes.string.description('Input value').defaultValue(defaultComposerPros.inputValue),
|
|
28
|
-
ariaMaxLengthMessage: reactDesc.PropTypes.string.description('Aria message for Max length message when exceeded').defaultValue(defaultComposerPros.maxLengthMessage),
|
|
29
|
-
maxLengthMessage: reactDesc.PropTypes.string.description('Max length message').defaultValue(defaultComposerPros.maxLengthMessage),
|
|
30
|
-
onChange: reactDesc.PropTypes.func.description('Called when the user types').defaultValue(defaultComposerPros.onChange),
|
|
31
|
-
onResize: reactDesc.PropTypes.func.description('Called the input changes his height').defaultValue(defaultComposerPros.onResize),
|
|
32
|
-
onSend: reactDesc.PropTypes.func.description('Called when the click send').defaultValue(defaultComposerPros.onSend),
|
|
33
|
-
onFocus: reactDesc.PropTypes.func.description('Input focus').defaultValue(defaultComposerPros.onFocus),
|
|
34
|
-
onBlur: reactDesc.PropTypes.func.description('Input blur').defaultValue(defaultComposerPros.onBlur),
|
|
35
|
-
onKeyDown: reactDesc.PropTypes.func.description('Input on key down').defaultValue(defaultComposerPros.onKeyDown),
|
|
36
|
-
maxHeight: reactDesc.PropTypes.number.description('Max height of the composer. Use 0 for no limit').defaultValue(defaultComposerPros.onBlur),
|
|
37
|
-
inputMaxLength: reactDesc.PropTypes.number.description('Max length of the composer. `undefined` for no limit').defaultValue(defaultComposerPros.inputMaxLength),
|
|
38
|
-
buttonDisabled: reactDesc.PropTypes.bool.description('Control the disabled for the send button').defaultValue(defaultComposerPros.buttonDisabled),
|
|
39
|
-
dataTestid: reactDesc.PropTypes.string.description('Data testid').defaultValue(defaultComposerPros.placeholder),
|
|
40
|
-
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)
|
|
41
|
-
};
|
|
42
|
-
|
|
43
|
-
exports.composerProps = composerProps;
|
|
44
|
-
exports.defaultComposerPros = defaultComposerPros;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var dsPropsHelpers = require('@elliemae/ds-props-helpers');
|
|
6
|
-
|
|
7
|
-
const useValidateProps = (props, propTypes) => {
|
|
8
|
-
dsPropsHelpers.useValidateTypescriptPropTypes(props, propTypes);
|
|
9
|
-
};
|
|
10
|
-
|
|
11
|
-
exports.useValidateProps = useValidateProps;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var ChatContainer = require('./ChatContainer.js');
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
exports.ChatContainer = ChatContainer.ChatContainer;
|
|
10
|
-
exports.ChatContainerWithSchema = ChatContainer.ChatContainerWithSchema;
|
|
@@ -1,49 +0,0 @@
|
|
|
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 DSBanner = require('@elliemae/ds-banner');
|
|
8
|
-
var props = require('../chat-container-messages-list/props.js');
|
|
9
|
-
var props$1 = require('../chat-composer/props.js');
|
|
10
|
-
|
|
11
|
-
const defaultProps = {
|
|
12
|
-
messagesListProps: props.defaultProps,
|
|
13
|
-
composerProps: props$1.defaultComposerPros,
|
|
14
|
-
actionRef: undefined,
|
|
15
|
-
autoScroll: false,
|
|
16
|
-
device: 'desktop',
|
|
17
|
-
isLoading: undefined,
|
|
18
|
-
hasMoreItems: undefined,
|
|
19
|
-
getMoreMessages: lodash.noop,
|
|
20
|
-
bannerPosition: undefined,
|
|
21
|
-
bannerProps: {
|
|
22
|
-
type: DSBanner.BANNER_TYPES.INFO,
|
|
23
|
-
label: 'Unread Messages',
|
|
24
|
-
viewLabel: 'View',
|
|
25
|
-
onView: lodash.noop,
|
|
26
|
-
onClose: lodash.noop
|
|
27
|
-
},
|
|
28
|
-
sendingMessages: undefined,
|
|
29
|
-
sendingText: 'Sending',
|
|
30
|
-
ariaLabel: 'Chat window'
|
|
31
|
-
};
|
|
32
|
-
const containerProps = {
|
|
33
|
-
messagesListProps: reactDesc.PropTypes.object.description('ChatMessageList props "messages" / "onScrollEnds"').defaultValue(defaultProps.messagesListProps),
|
|
34
|
-
composerProps: reactDesc.PropTypes.object.description('Composer configuration').defaultValue(defaultProps.composerProps),
|
|
35
|
-
autoScroll: reactDesc.PropTypes.bool.description('Auto scroll to bottom on resize').defaultValue(defaultProps.autoScroll),
|
|
36
|
-
device: reactDesc.PropTypes.string.description('Option to render mobile or desktop style composer').defaultValue(defaultProps.device),
|
|
37
|
-
isLoading: reactDesc.PropTypes.oneOf(['top', 'bottom', undefined]).description('Show Loading messages indicator at the `top` or `bottom` of the container'),
|
|
38
|
-
hasMoreItems: reactDesc.PropTypes.oneOf(['top', 'bottom', undefined]).description('Show Load More button at the `top` or `bottom` of the container'),
|
|
39
|
-
getMoreMessages: reactDesc.PropTypes.func.description('Called when the user clicks on load more').defaultValue(defaultProps.getMoreMessages),
|
|
40
|
-
bannerPosition: reactDesc.PropTypes.oneOf(['top', 'bottom', undefined]).description('Show Loading messages indicator at the `top` or `bottom` of the container'),
|
|
41
|
-
bannerProps: reactDesc.PropTypes.object.description("Banner configuration:\n label: string;\n viewLabel: string;\n type: BANNER_TYPES;\n onView: () => void;\n onClose: () => void;\n ").defaultValue(defaultProps.bannerProps),
|
|
42
|
-
sendingMessages: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.string), reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.number)]).description('Array of ids of sending messages').defaultValue(defaultProps.sendingMessages),
|
|
43
|
-
sendingText: reactDesc.PropTypes.string.description('Label description for messages in sending status').defaultValue(defaultProps.sendingText),
|
|
44
|
-
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(defaultProps.actionRef),
|
|
45
|
-
ariaLabel: reactDesc.PropTypes.string.description('Aria Label description for chat container').defaultValue(defaultProps.ariaLabel)
|
|
46
|
-
};
|
|
47
|
-
|
|
48
|
-
exports.containerProps = containerProps;
|
|
49
|
-
exports.defaultProps = defaultProps;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var dsPropsHelpers = require('@elliemae/ds-props-helpers');
|
|
6
|
-
|
|
7
|
-
const useValidateProps = (props, propTypes) => {
|
|
8
|
-
dsPropsHelpers.useValidateTypescriptPropTypes(props, propTypes);
|
|
9
|
-
};
|
|
10
|
-
|
|
11
|
-
exports.useValidateProps = useValidateProps;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var reactDesc = require('react-desc');
|
|
6
|
-
var lodash = require('lodash');
|
|
7
|
-
|
|
8
|
-
const defaultProps = {
|
|
9
|
-
messages: [],
|
|
10
|
-
actionRef: lodash.noop,
|
|
11
|
-
onScrollEnds: () => [],
|
|
12
|
-
getMoreMessages: lodash.noop,
|
|
13
|
-
sendingMessages: undefined,
|
|
14
|
-
sendingText: 'Sending',
|
|
15
|
-
bannerPosition: undefined,
|
|
16
|
-
bannerRef: undefined
|
|
17
|
-
};
|
|
18
|
-
const listProps = {
|
|
19
|
-
messages: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.object).description('The array of out-of-the-box items you want to render inside the ChatMessageList').defaultValue(defaultProps.messages),
|
|
20
|
-
actionRef: reactDesc.PropTypes.object.description("Reference: \n { \n scrollToIndex: (n: number) => void,\n getMessagesInView: () => number[],\n focusToIndex: (n: number) => void,\n focusToIndexWithoutScroll: (n: number) => void,\n focusToList: () => void,\n focusToComposer: () => void,\n focusToSend: () => void,\n }\n \n ").defaultValue(defaultProps.actionRef),
|
|
21
|
-
onScrollEnds: reactDesc.PropTypes.func.description("Called when the scroll stops."),
|
|
22
|
-
isLoading: reactDesc.PropTypes.oneOf(['top', 'bottom', undefined]).description('Keeps the load more space while the loading is in progress'),
|
|
23
|
-
hasMoreItems: reactDesc.PropTypes.oneOf(['top', 'bottom', undefined]).description('Show Load More button at the `top` or `bottom` of the container'),
|
|
24
|
-
getMoreMessages: reactDesc.PropTypes.func.description('Called when the user clicks on load more').defaultValue(defaultProps.getMoreMessages),
|
|
25
|
-
sendingMessages: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.string), reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.number)]).description('Array of ids of sending messages').defaultValue(defaultProps.sendingMessages),
|
|
26
|
-
sendingText: reactDesc.PropTypes.string.description('Label description for messages in sending status').defaultValue(defaultProps.sendingText)
|
|
27
|
-
};
|
|
28
|
-
|
|
29
|
-
exports.defaultProps = defaultProps;
|
|
30
|
-
exports.listProps = listProps;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var dsPropsHelpers = require('@elliemae/ds-props-helpers');
|
|
6
|
-
|
|
7
|
-
const useValidateProps = (props, schema) => {
|
|
8
|
-
dsPropsHelpers.useValidatePropTypes(props, schema);
|
|
9
|
-
};
|
|
10
|
-
|
|
11
|
-
exports.useValidateProps = useValidateProps;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var reactDesc = require('react-desc');
|
|
6
|
-
|
|
7
|
-
const defaultProps = {
|
|
8
|
-
label: 'No Messages Yet',
|
|
9
|
-
action: null
|
|
10
|
-
};
|
|
11
|
-
const emptyStateProps = {
|
|
12
|
-
label: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.string).description('No Message to show text helper').defaultValue(defaultProps.label),
|
|
13
|
-
action: reactDesc.PropTypes.node.description('action element').defaultValue(defaultProps.action)
|
|
14
|
-
};
|
|
15
|
-
|
|
16
|
-
exports.defaultProps = defaultProps;
|
|
17
|
-
exports.emptyStateProps = emptyStateProps;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var dsPropsHelpers = require('@elliemae/ds-props-helpers');
|
|
6
|
-
|
|
7
|
-
const useValidateProps = (props, schema) => {
|
|
8
|
-
dsPropsHelpers.useValidatePropTypes(props, schema);
|
|
9
|
-
};
|
|
10
|
-
|
|
11
|
-
exports.useValidateProps = useValidateProps;
|
|
@@ -1,41 +0,0 @@
|
|
|
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
|
-
require('react');
|
|
8
|
-
var reactDesc = require('react-desc');
|
|
9
|
-
var styled = require('./styled.js');
|
|
10
|
-
var props = require('./props.js');
|
|
11
|
-
var useValidateProps = require('./config/useValidateProps.js');
|
|
12
|
-
|
|
13
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
14
|
-
|
|
15
|
-
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
16
|
-
|
|
17
|
-
var _Line, _Line2;
|
|
18
|
-
|
|
19
|
-
const MessageDelimiter = props => {
|
|
20
|
-
useValidateProps.useValidateProps(props, MessageDelimiterWithSchema.toJSON());
|
|
21
|
-
const {
|
|
22
|
-
title,
|
|
23
|
-
size,
|
|
24
|
-
extraProps,
|
|
25
|
-
verticalMargin
|
|
26
|
-
} = props;
|
|
27
|
-
return /*#__PURE__*/_jsx__default["default"](styled.Wrapper, {
|
|
28
|
-
cols: ['1fr', 'auto', '1fr']
|
|
29
|
-
}, void 0, _Line || (_Line = /*#__PURE__*/_jsx__default["default"](styled.Line, {})), /*#__PURE__*/_jsx__default["default"](styled.Text, {
|
|
30
|
-
size: size,
|
|
31
|
-
verticalMargin: verticalMargin,
|
|
32
|
-
"data-testid": extraProps['data-testid']
|
|
33
|
-
}, void 0, title), _Line2 || (_Line2 = /*#__PURE__*/_jsx__default["default"](styled.Line, {})));
|
|
34
|
-
};
|
|
35
|
-
|
|
36
|
-
MessageDelimiter.defaultProps = props.defaultProps;
|
|
37
|
-
const MessageDelimiterWithSchema = reactDesc.describe(MessageDelimiter);
|
|
38
|
-
MessageDelimiterWithSchema.propTypes = props.messageDelimiterProps;
|
|
39
|
-
|
|
40
|
-
exports.MessageDelimiter = MessageDelimiter;
|
|
41
|
-
exports.MessageDelimiterWithSchema = MessageDelimiterWithSchema;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var dsPropsHelpers = require('@elliemae/ds-props-helpers');
|
|
6
|
-
|
|
7
|
-
const useValidateProps = (props, schema) => {
|
|
8
|
-
dsPropsHelpers.useValidatePropTypes(props, schema);
|
|
9
|
-
};
|
|
10
|
-
|
|
11
|
-
exports.useValidateProps = useValidateProps;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var reactDesc = require('react-desc');
|
|
6
|
-
|
|
7
|
-
const defaultProps = {
|
|
8
|
-
title: '',
|
|
9
|
-
size: 's',
|
|
10
|
-
verticalMargin: '0px',
|
|
11
|
-
extraProps: {
|
|
12
|
-
'data-testid': 'chat-message-delimiter-title'
|
|
13
|
-
}
|
|
14
|
-
};
|
|
15
|
-
const messageDelimiterProps = {
|
|
16
|
-
title: reactDesc.PropTypes.string.isRequired.description('Text to display in the delimiter'),
|
|
17
|
-
size: reactDesc.PropTypes.oneOf(['s', 'l']).description('size of the delimiter').defaultValue('s'),
|
|
18
|
-
extraProps: reactDesc.PropTypes.object.description('extra props for delimiter'),
|
|
19
|
-
verticalMargin: reactDesc.PropTypes.oneOf(['string', 'number']).description('Configurable css vertical margin property for flexibilty')
|
|
20
|
-
};
|
|
21
|
-
|
|
22
|
-
exports.defaultProps = defaultProps;
|
|
23
|
-
exports.messageDelimiterProps = messageDelimiterProps;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var propsTypes = require('prop-types');
|
|
6
|
-
var reactDesc = require('react-desc');
|
|
7
|
-
var lodash = require('lodash');
|
|
8
|
-
var dsIcons = require('@elliemae/ds-icons');
|
|
9
|
-
|
|
10
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
|
-
|
|
12
|
-
var propsTypes__default = /*#__PURE__*/_interopDefaultLegacy(propsTypes);
|
|
13
|
-
|
|
14
|
-
const defaultSidebarButton = {
|
|
15
|
-
Icon: dsIcons.Comments,
|
|
16
|
-
dsId: undefined,
|
|
17
|
-
label: '',
|
|
18
|
-
onClick: lodash.noop,
|
|
19
|
-
title: ''
|
|
20
|
-
};
|
|
21
|
-
const propsSidebarButton = {
|
|
22
|
-
Icon: reactDesc.PropTypes.element.description('Icon component').defaultValue(defaultSidebarButton.Icon),
|
|
23
|
-
dsId: reactDesc.PropTypes.oneOfType([propsTypes__default["default"].number, propsTypes__default["default"].string]).description('Unique id for the button').defaultValue(defaultSidebarButton.dsId),
|
|
24
|
-
label: reactDesc.PropTypes.string.description('It will display under the icon').defaultValue(defaultSidebarButton.label),
|
|
25
|
-
title: reactDesc.PropTypes.string.description('Tooltip').defaultValue(defaultSidebarButton.title),
|
|
26
|
-
onClick: reactDesc.PropTypes.func.description('The function to call when the is clicked').defaultValue(defaultSidebarButton.onClick)
|
|
27
|
-
};
|
|
28
|
-
|
|
29
|
-
exports.defaultSidebarButton = defaultSidebarButton;
|
|
30
|
-
exports.propsSidebarButton = propsSidebarButton;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var dsPropsHelpers = require('@elliemae/ds-props-helpers');
|
|
6
|
-
|
|
7
|
-
const useValidateProps = (props, schema) => {
|
|
8
|
-
dsPropsHelpers.useValidatePropTypes(props, schema);
|
|
9
|
-
};
|
|
10
|
-
|
|
11
|
-
exports.useValidateProps = useValidateProps;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var dsPropsHelpers = require('@elliemae/ds-props-helpers');
|
|
6
|
-
|
|
7
|
-
const useValidateProps = (props, schema) => {
|
|
8
|
-
dsPropsHelpers.useValidatePropTypes(props, schema);
|
|
9
|
-
};
|
|
10
|
-
|
|
11
|
-
exports.useValidateProps = useValidateProps;
|
|
@@ -1,55 +0,0 @@
|
|
|
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
|
-
|
|
9
|
-
const defaultTileButton = {
|
|
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,
|
|
18
|
-
showClose: false,
|
|
19
|
-
badge: false,
|
|
20
|
-
badgeColor: 'blue',
|
|
21
|
-
badgePosition: 'left',
|
|
22
|
-
disabled: false,
|
|
23
|
-
selected: false,
|
|
24
|
-
isHeader: false,
|
|
25
|
-
ariaLabel: 'Tile button',
|
|
26
|
-
tooltipPlacement: 'right',
|
|
27
|
-
disableTooltip: false,
|
|
28
|
-
innerRef: lodash.noop
|
|
29
|
-
};
|
|
30
|
-
const propsTileButton = {
|
|
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')
|
|
52
|
-
};
|
|
53
|
-
|
|
54
|
-
exports.defaultTileButton = defaultTileButton;
|
|
55
|
-
exports.propsTileButton = propsTileButton;
|
package/cjs/prop-types.js
DELETED
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var reactDesc = require('react-desc');
|
|
6
|
-
var lodash = require('lodash');
|
|
7
|
-
|
|
8
|
-
const defaultProps = {
|
|
9
|
-
expanded: false,
|
|
10
|
-
expandedWidth: 348,
|
|
11
|
-
openedItem: undefined,
|
|
12
|
-
onFooterExpand: lodash.noop,
|
|
13
|
-
onFooterClose: lodash.noop,
|
|
14
|
-
floating: false,
|
|
15
|
-
onHeaderExpand: lodash.noop,
|
|
16
|
-
onHeaderClose: lodash.noop,
|
|
17
|
-
title: 'Header Title'
|
|
18
|
-
};
|
|
19
|
-
const chatProps = {
|
|
20
|
-
containerProps: reactDesc.PropTypes.shape({}).defaultValue({}),
|
|
21
|
-
expanded: reactDesc.PropTypes.bool.description('Whether to show the chat expanded or collapsed').defaultValue(defaultProps.expanded),
|
|
22
|
-
expandedWidth: reactDesc.PropTypes.number.description('Total width attached to the expanded Chat').defaultValue(defaultProps.expandedWidth),
|
|
23
|
-
openedItem: reactDesc.PropTypes.string.description('The id of the chat item you want to be opened').defaultValue(defaultProps.openedItem),
|
|
24
|
-
messages: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.object).description('The array of out-of-the-box items you want to render inside the container list of the chat').defaultValue(defaultProps.openedItem),
|
|
25
|
-
onFooterExpand: reactDesc.PropTypes.func.description('The function to call when the chat is opened via the footer').defaultValue(defaultProps.onFooterExpand),
|
|
26
|
-
onFooterClose: reactDesc.PropTypes.func.description('The function to call when the chat is closed via the footer').defaultValue(defaultProps.onFooterClose),
|
|
27
|
-
onHeaderExpand: reactDesc.PropTypes.func.description('The function to call when the chat is opened via the header').defaultValue(defaultProps.onHeaderExpand),
|
|
28
|
-
onHeaderClose: reactDesc.PropTypes.func.description('The function to call when the chat is closed via the header').defaultValue(defaultProps.onHeaderClose),
|
|
29
|
-
floating: reactDesc.PropTypes.bool.description('Whether to show the chat as floating chat or not').defaultValue(defaultProps.floating)
|
|
30
|
-
};
|
|
31
|
-
|
|
32
|
-
exports.chatProps = chatProps;
|
|
33
|
-
exports.defaultProps = defaultProps;
|
package/esm/index.d.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { useValidatePropTypes } from '@elliemae/ds-props-helpers';
|
|
2
|
-
|
|
3
|
-
const throwError = message => {
|
|
4
|
-
throw new Error("Bubble:: ".concat(message, "\n "));
|
|
5
|
-
};
|
|
6
|
-
|
|
7
|
-
const useValidateProps = (props, schema) => {
|
|
8
|
-
useValidatePropTypes(props, schema);
|
|
9
|
-
|
|
10
|
-
if (typeof props.title === 'undefined') {
|
|
11
|
-
throwError("Please provide a title property to use this component.");
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
if (typeof props.time === 'undefined') {
|
|
15
|
-
throwError("Please provide a time property to use this component.");
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
if (typeof props.body === 'undefined') {
|
|
19
|
-
throwError("Please provide a body property to use this component.");
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
if (typeof props.type === 'undefined') {
|
|
23
|
-
throwError("Please provide a type property to use this component.");
|
|
24
|
-
}
|
|
25
|
-
};
|
|
26
|
-
|
|
27
|
-
export { useValidateProps };
|