@elliemae/ds-chat 3.5.1-rc.1 → 3.6.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/dist/cjs/{parts → bubble}/index.js +3 -5
- package/dist/cjs/bubble/index.js.map +7 -0
- package/dist/cjs/{exported-related/chat-card → card}/index.js +4 -11
- package/dist/cjs/card/index.js.map +7 -0
- package/dist/cjs/container/index.js +26 -0
- package/dist/cjs/container/index.js.map +7 -0
- package/dist/cjs/{exported-related/tile-button → container-header}/index.js +4 -11
- package/dist/cjs/container-header/index.js.map +7 -0
- package/dist/cjs/empty-state/index.js +26 -0
- package/dist/cjs/empty-state/index.js.map +7 -0
- package/dist/cjs/{exported-related/floating-button → floating-button}/index.js +1 -1
- package/dist/cjs/floating-button/index.js.map +7 -0
- package/dist/cjs/index.js +10 -4
- package/dist/cjs/index.js.map +2 -2
- package/dist/cjs/message-delimeter/index.js +26 -0
- package/dist/cjs/message-delimeter/index.js.map +7 -0
- package/dist/cjs/sidebar/index.js +26 -0
- package/dist/cjs/sidebar/index.js.map +7 -0
- package/dist/cjs/{exported-related/system-message → system-message}/index.js +2 -9
- package/dist/cjs/system-message/index.js.map +7 -0
- package/dist/cjs/tile/index.js +26 -0
- package/dist/cjs/tile/index.js.map +7 -0
- package/dist/esm/bubble/index.js +3 -0
- package/dist/esm/bubble/index.js.map +7 -0
- package/dist/esm/{exported-related/chat-sidebar/sidebar-button → card}/index.js +1 -0
- package/dist/esm/card/index.js.map +7 -0
- package/dist/esm/container/index.js +3 -0
- package/dist/esm/container/index.js.map +7 -0
- package/dist/esm/container-header/index.js +3 -0
- package/dist/esm/container-header/index.js.map +7 -0
- package/dist/esm/empty-state/index.js +3 -0
- package/dist/esm/empty-state/index.js.map +7 -0
- package/dist/esm/floating-button/index.js +3 -0
- package/dist/esm/floating-button/index.js.map +7 -0
- package/dist/esm/index.js +10 -4
- package/dist/esm/index.js.map +2 -2
- package/dist/esm/message-delimeter/index.js +3 -0
- package/dist/esm/message-delimeter/index.js.map +7 -0
- package/dist/esm/sidebar/index.js +3 -0
- package/dist/esm/sidebar/index.js.map +7 -0
- package/dist/esm/system-message/index.js +3 -0
- package/dist/esm/system-message/index.js.map +7 -0
- package/dist/esm/{exported-related/floating-button → tile}/index.js +1 -1
- package/dist/esm/tile/index.js.map +7 -0
- package/package.json +49 -287
- package/dist/cjs/ChatDataTestids.js +0 -53
- package/dist/cjs/ChatDataTestids.js.map +0 -7
- package/dist/cjs/exported-related/bubble/ChatBubble.js +0 -111
- package/dist/cjs/exported-related/bubble/ChatBubble.js.map +0 -7
- package/dist/cjs/exported-related/bubble/ChatBubbleArrow.js +0 -117
- package/dist/cjs/exported-related/bubble/ChatBubbleArrow.js.map +0 -7
- package/dist/cjs/exported-related/bubble/index.js +0 -35
- package/dist/cjs/exported-related/bubble/index.js.map +0 -7
- package/dist/cjs/exported-related/bubble/props.js +0 -65
- package/dist/cjs/exported-related/bubble/props.js.map +0 -7
- package/dist/cjs/exported-related/bubble/styled.js +0 -143
- package/dist/cjs/exported-related/bubble/styled.js.map +0 -7
- package/dist/cjs/exported-related/chat-card/ChatCard.js +0 -74
- package/dist/cjs/exported-related/chat-card/ChatCard.js.map +0 -7
- package/dist/cjs/exported-related/chat-card/index.js.map +0 -7
- package/dist/cjs/exported-related/chat-card/props.js +0 -46
- package/dist/cjs/exported-related/chat-card/props.js.map +0 -7
- package/dist/cjs/exported-related/chat-card/styled.js +0 -68
- package/dist/cjs/exported-related/chat-card/styled.js.map +0 -7
- package/dist/cjs/exported-related/chat-container-header/ChatContainerHeader.js +0 -70
- package/dist/cjs/exported-related/chat-container-header/ChatContainerHeader.js.map +0 -7
- package/dist/cjs/exported-related/chat-container-header/props.js +0 -40
- package/dist/cjs/exported-related/chat-container-header/props.js.map +0 -7
- package/dist/cjs/exported-related/chat-container-header/styled.js +0 -57
- package/dist/cjs/exported-related/chat-container-header/styled.js.map +0 -7
- package/dist/cjs/exported-related/chat-empty-state/ChatEmptyState.js +0 -82
- package/dist/cjs/exported-related/chat-empty-state/ChatEmptyState.js.map +0 -7
- package/dist/cjs/exported-related/chat-empty-state/props.js +0 -42
- package/dist/cjs/exported-related/chat-empty-state/props.js.map +0 -7
- package/dist/cjs/exported-related/chat-empty-state/styled.js +0 -44
- package/dist/cjs/exported-related/chat-empty-state/styled.js.map +0 -7
- package/dist/cjs/exported-related/chat-sidebar/SideBarChat.js +0 -105
- package/dist/cjs/exported-related/chat-sidebar/SideBarChat.js.map +0 -7
- package/dist/cjs/exported-related/chat-sidebar/index.js +0 -33
- package/dist/cjs/exported-related/chat-sidebar/index.js.map +0 -7
- package/dist/cjs/exported-related/chat-sidebar/props.js +0 -80
- package/dist/cjs/exported-related/chat-sidebar/props.js.map +0 -7
- package/dist/cjs/exported-related/chat-sidebar/sidebar-button/SidebarButton.js +0 -60
- package/dist/cjs/exported-related/chat-sidebar/sidebar-button/SidebarButton.js.map +0 -7
- package/dist/cjs/exported-related/chat-sidebar/sidebar-button/index.js +0 -21
- package/dist/cjs/exported-related/chat-sidebar/sidebar-button/index.js.map +0 -7
- package/dist/cjs/exported-related/chat-sidebar/sidebar-button/props.js +0 -49
- package/dist/cjs/exported-related/chat-sidebar/sidebar-button/props.js.map +0 -7
- package/dist/cjs/exported-related/chat-sidebar/sidebar-button/styled.js +0 -66
- package/dist/cjs/exported-related/chat-sidebar/sidebar-button/styled.js.map +0 -7
- package/dist/cjs/exported-related/chat-sidebar/styled.js +0 -54
- package/dist/cjs/exported-related/chat-sidebar/styled.js.map +0 -7
- package/dist/cjs/exported-related/floating-button/FloatingButton.js +0 -55
- package/dist/cjs/exported-related/floating-button/FloatingButton.js.map +0 -7
- package/dist/cjs/exported-related/floating-button/index.js.map +0 -7
- package/dist/cjs/exported-related/floating-button/props.js +0 -44
- package/dist/cjs/exported-related/floating-button/props.js.map +0 -7
- package/dist/cjs/exported-related/floating-button/styled.js +0 -61
- package/dist/cjs/exported-related/floating-button/styled.js.map +0 -7
- package/dist/cjs/exported-related/floating-container/styled.js +0 -44
- package/dist/cjs/exported-related/floating-container/styled.js.map +0 -7
- package/dist/cjs/exported-related/grid-influencer/InfluencerContainer.js +0 -48
- package/dist/cjs/exported-related/grid-influencer/InfluencerContainer.js.map +0 -7
- package/dist/cjs/exported-related/grid-influencer/styled.js +0 -53
- package/dist/cjs/exported-related/grid-influencer/styled.js.map +0 -7
- package/dist/cjs/exported-related/index.js +0 -59
- package/dist/cjs/exported-related/index.js.map +0 -7
- package/dist/cjs/exported-related/message-delimiter/MessageDelimiter.js +0 -60
- package/dist/cjs/exported-related/message-delimiter/MessageDelimiter.js.map +0 -7
- package/dist/cjs/exported-related/message-delimiter/index.js +0 -33
- package/dist/cjs/exported-related/message-delimiter/index.js.map +0 -7
- package/dist/cjs/exported-related/message-delimiter/props.js +0 -47
- package/dist/cjs/exported-related/message-delimiter/props.js.map +0 -7
- package/dist/cjs/exported-related/message-delimiter/styled.js +0 -50
- package/dist/cjs/exported-related/message-delimiter/styled.js.map +0 -7
- package/dist/cjs/exported-related/system-message/SystemMessage.js +0 -68
- package/dist/cjs/exported-related/system-message/SystemMessage.js.map +0 -7
- package/dist/cjs/exported-related/system-message/index.js.map +0 -7
- package/dist/cjs/exported-related/system-message/props.js +0 -43
- package/dist/cjs/exported-related/system-message/props.js.map +0 -7
- package/dist/cjs/exported-related/system-message/style.js +0 -72
- package/dist/cjs/exported-related/system-message/style.js.map +0 -7
- package/dist/cjs/exported-related/tile-button/TileButton.js +0 -164
- package/dist/cjs/exported-related/tile-button/TileButton.js.map +0 -7
- package/dist/cjs/exported-related/tile-button/index.js.map +0 -7
- package/dist/cjs/exported-related/tile-button/props.js +0 -92
- package/dist/cjs/exported-related/tile-button/props.js.map +0 -7
- package/dist/cjs/exported-related/tile-button/styled.js +0 -243
- package/dist/cjs/exported-related/tile-button/styled.js.map +0 -7
- package/dist/cjs/parts/chat-composer/ChatContainerComposer.js +0 -183
- package/dist/cjs/parts/chat-composer/ChatContainerComposer.js.map +0 -7
- package/dist/cjs/parts/chat-composer/index.js +0 -33
- package/dist/cjs/parts/chat-composer/index.js.map +0 -7
- package/dist/cjs/parts/chat-composer/styled.js +0 -99
- package/dist/cjs/parts/chat-composer/styled.js.map +0 -7
- package/dist/cjs/parts/chat-container/ChatContainer.js +0 -174
- package/dist/cjs/parts/chat-container/ChatContainer.js.map +0 -7
- package/dist/cjs/parts/chat-container/styled.js +0 -109
- package/dist/cjs/parts/chat-container/styled.js.map +0 -7
- package/dist/cjs/parts/chat-container-messages-list/ChatContainerMessagesList.js +0 -145
- package/dist/cjs/parts/chat-container-messages-list/ChatContainerMessagesList.js.map +0 -7
- package/dist/cjs/parts/chat-container-messages-list/index.js +0 -33
- package/dist/cjs/parts/chat-container-messages-list/index.js.map +0 -7
- package/dist/cjs/parts/chat-container-messages-list/styled.js +0 -110
- package/dist/cjs/parts/chat-container-messages-list/styled.js.map +0 -7
- package/dist/cjs/parts/chat-container-messages-list/useActionRef.js +0 -61
- package/dist/cjs/parts/chat-container-messages-list/useActionRef.js.map +0 -7
- package/dist/cjs/parts/chat-container-messages-list/useChatContainerMessageList.js +0 -106
- package/dist/cjs/parts/chat-container-messages-list/useChatContainerMessageList.js.map +0 -7
- package/dist/cjs/parts/chat-container-messages-list/useFocusAndScrollHelpers.js +0 -93
- package/dist/cjs/parts/chat-container-messages-list/useFocusAndScrollHelpers.js.map +0 -7
- package/dist/cjs/parts/chat-container-messages-list/useGetNewMessages.js +0 -46
- package/dist/cjs/parts/chat-container-messages-list/useGetNewMessages.js.map +0 -7
- package/dist/cjs/parts/chat-container-messages-list/useGlobalEventListener.js +0 -59
- package/dist/cjs/parts/chat-container-messages-list/useGlobalEventListener.js.map +0 -7
- package/dist/cjs/parts/chat-container-messages-list/useKeyboard.js +0 -147
- package/dist/cjs/parts/chat-container-messages-list/useKeyboard.js.map +0 -7
- package/dist/cjs/parts/index.js.map +0 -7
- package/dist/cjs/react-desc-prop-types.js +0 -184
- package/dist/cjs/react-desc-prop-types.js.map +0 -7
- package/dist/cjs/styled.js +0 -42
- package/dist/cjs/styled.js.map +0 -7
- package/dist/cjs/tests/utils.js +0 -63
- package/dist/cjs/tests/utils.js.map +0 -7
- package/dist/esm/ChatDataTestids.js +0 -27
- package/dist/esm/ChatDataTestids.js.map +0 -7
- package/dist/esm/exported-related/bubble/ChatBubble.js +0 -94
- package/dist/esm/exported-related/bubble/ChatBubble.js.map +0 -7
- package/dist/esm/exported-related/bubble/ChatBubbleArrow.js +0 -91
- package/dist/esm/exported-related/bubble/ChatBubbleArrow.js.map +0 -7
- package/dist/esm/exported-related/bubble/index.js +0 -9
- package/dist/esm/exported-related/bubble/index.js.map +0 -7
- package/dist/esm/exported-related/bubble/props.js +0 -39
- package/dist/esm/exported-related/bubble/props.js.map +0 -7
- package/dist/esm/exported-related/bubble/styled.js +0 -117
- package/dist/esm/exported-related/bubble/styled.js.map +0 -7
- package/dist/esm/exported-related/chat-card/ChatCard.js +0 -48
- package/dist/esm/exported-related/chat-card/ChatCard.js.map +0 -7
- package/dist/esm/exported-related/chat-card/index.js +0 -7
- package/dist/esm/exported-related/chat-card/index.js.map +0 -7
- package/dist/esm/exported-related/chat-card/props.js +0 -20
- package/dist/esm/exported-related/chat-card/props.js.map +0 -7
- package/dist/esm/exported-related/chat-card/styled.js +0 -42
- package/dist/esm/exported-related/chat-card/styled.js.map +0 -7
- package/dist/esm/exported-related/chat-container-header/ChatContainerHeader.js +0 -53
- package/dist/esm/exported-related/chat-container-header/ChatContainerHeader.js.map +0 -7
- package/dist/esm/exported-related/chat-container-header/props.js +0 -14
- package/dist/esm/exported-related/chat-container-header/props.js.map +0 -7
- package/dist/esm/exported-related/chat-container-header/styled.js +0 -31
- package/dist/esm/exported-related/chat-container-header/styled.js.map +0 -7
- package/dist/esm/exported-related/chat-empty-state/ChatEmptyState.js +0 -56
- package/dist/esm/exported-related/chat-empty-state/ChatEmptyState.js.map +0 -7
- package/dist/esm/exported-related/chat-empty-state/props.js +0 -16
- package/dist/esm/exported-related/chat-empty-state/props.js.map +0 -7
- package/dist/esm/exported-related/chat-empty-state/styled.js +0 -18
- package/dist/esm/exported-related/chat-empty-state/styled.js.map +0 -7
- package/dist/esm/exported-related/chat-sidebar/SideBarChat.js +0 -79
- package/dist/esm/exported-related/chat-sidebar/SideBarChat.js.map +0 -7
- package/dist/esm/exported-related/chat-sidebar/index.js +0 -7
- package/dist/esm/exported-related/chat-sidebar/index.js.map +0 -7
- package/dist/esm/exported-related/chat-sidebar/props.js +0 -54
- package/dist/esm/exported-related/chat-sidebar/props.js.map +0 -7
- package/dist/esm/exported-related/chat-sidebar/sidebar-button/SidebarButton.js +0 -34
- package/dist/esm/exported-related/chat-sidebar/sidebar-button/SidebarButton.js.map +0 -7
- package/dist/esm/exported-related/chat-sidebar/sidebar-button/index.js.map +0 -7
- package/dist/esm/exported-related/chat-sidebar/sidebar-button/props.js +0 -23
- package/dist/esm/exported-related/chat-sidebar/sidebar-button/props.js.map +0 -7
- package/dist/esm/exported-related/chat-sidebar/sidebar-button/styled.js +0 -40
- package/dist/esm/exported-related/chat-sidebar/sidebar-button/styled.js.map +0 -7
- package/dist/esm/exported-related/chat-sidebar/styled.js +0 -28
- package/dist/esm/exported-related/chat-sidebar/styled.js.map +0 -7
- package/dist/esm/exported-related/floating-button/FloatingButton.js +0 -29
- package/dist/esm/exported-related/floating-button/FloatingButton.js.map +0 -7
- package/dist/esm/exported-related/floating-button/index.js.map +0 -7
- package/dist/esm/exported-related/floating-button/props.js +0 -18
- package/dist/esm/exported-related/floating-button/props.js.map +0 -7
- package/dist/esm/exported-related/floating-button/styled.js +0 -35
- package/dist/esm/exported-related/floating-button/styled.js.map +0 -7
- package/dist/esm/exported-related/floating-container/styled.js +0 -18
- package/dist/esm/exported-related/floating-container/styled.js.map +0 -7
- package/dist/esm/exported-related/grid-influencer/InfluencerContainer.js +0 -22
- package/dist/esm/exported-related/grid-influencer/InfluencerContainer.js.map +0 -7
- package/dist/esm/exported-related/grid-influencer/styled.js +0 -27
- package/dist/esm/exported-related/grid-influencer/styled.js.map +0 -7
- package/dist/esm/exported-related/index.js +0 -33
- package/dist/esm/exported-related/index.js.map +0 -7
- package/dist/esm/exported-related/message-delimiter/MessageDelimiter.js +0 -39
- package/dist/esm/exported-related/message-delimiter/MessageDelimiter.js.map +0 -7
- package/dist/esm/exported-related/message-delimiter/index.js +0 -10
- package/dist/esm/exported-related/message-delimiter/index.js.map +0 -7
- package/dist/esm/exported-related/message-delimiter/props.js +0 -21
- package/dist/esm/exported-related/message-delimiter/props.js.map +0 -7
- package/dist/esm/exported-related/message-delimiter/styled.js +0 -24
- package/dist/esm/exported-related/message-delimiter/styled.js.map +0 -7
- package/dist/esm/exported-related/system-message/SystemMessage.js +0 -42
- package/dist/esm/exported-related/system-message/SystemMessage.js.map +0 -7
- package/dist/esm/exported-related/system-message/index.js +0 -7
- package/dist/esm/exported-related/system-message/index.js.map +0 -7
- package/dist/esm/exported-related/system-message/props.js +0 -17
- package/dist/esm/exported-related/system-message/props.js.map +0 -7
- package/dist/esm/exported-related/system-message/style.js +0 -46
- package/dist/esm/exported-related/system-message/style.js.map +0 -7
- package/dist/esm/exported-related/tile-button/TileButton.js +0 -148
- package/dist/esm/exported-related/tile-button/TileButton.js.map +0 -7
- package/dist/esm/exported-related/tile-button/index.js +0 -7
- package/dist/esm/exported-related/tile-button/index.js.map +0 -7
- package/dist/esm/exported-related/tile-button/props.js +0 -66
- package/dist/esm/exported-related/tile-button/props.js.map +0 -7
- package/dist/esm/exported-related/tile-button/styled.js +0 -217
- package/dist/esm/exported-related/tile-button/styled.js.map +0 -7
- package/dist/esm/parts/chat-composer/ChatContainerComposer.js +0 -163
- package/dist/esm/parts/chat-composer/ChatContainerComposer.js.map +0 -7
- package/dist/esm/parts/chat-composer/index.js +0 -7
- package/dist/esm/parts/chat-composer/index.js.map +0 -7
- package/dist/esm/parts/chat-composer/styled.js +0 -73
- package/dist/esm/parts/chat-composer/styled.js.map +0 -7
- package/dist/esm/parts/chat-container/ChatContainer.js +0 -153
- package/dist/esm/parts/chat-container/ChatContainer.js.map +0 -7
- package/dist/esm/parts/chat-container/styled.js +0 -83
- package/dist/esm/parts/chat-container/styled.js.map +0 -7
- package/dist/esm/parts/chat-container-messages-list/ChatContainerMessagesList.js +0 -127
- package/dist/esm/parts/chat-container-messages-list/ChatContainerMessagesList.js.map +0 -7
- package/dist/esm/parts/chat-container-messages-list/index.js +0 -7
- package/dist/esm/parts/chat-container-messages-list/index.js.map +0 -7
- package/dist/esm/parts/chat-container-messages-list/styled.js +0 -84
- package/dist/esm/parts/chat-container-messages-list/styled.js.map +0 -7
- package/dist/esm/parts/chat-container-messages-list/useActionRef.js +0 -35
- package/dist/esm/parts/chat-container-messages-list/useActionRef.js.map +0 -7
- package/dist/esm/parts/chat-container-messages-list/useChatContainerMessageList.js +0 -84
- package/dist/esm/parts/chat-container-messages-list/useChatContainerMessageList.js.map +0 -7
- package/dist/esm/parts/chat-container-messages-list/useFocusAndScrollHelpers.js +0 -67
- package/dist/esm/parts/chat-container-messages-list/useFocusAndScrollHelpers.js.map +0 -7
- package/dist/esm/parts/chat-container-messages-list/useGetNewMessages.js +0 -20
- package/dist/esm/parts/chat-container-messages-list/useGetNewMessages.js.map +0 -7
- package/dist/esm/parts/chat-container-messages-list/useGlobalEventListener.js +0 -33
- package/dist/esm/parts/chat-container-messages-list/useGlobalEventListener.js.map +0 -7
- package/dist/esm/parts/chat-container-messages-list/useKeyboard.js +0 -121
- package/dist/esm/parts/chat-container-messages-list/useKeyboard.js.map +0 -7
- package/dist/esm/parts/index.js +0 -5
- package/dist/esm/parts/index.js.map +0 -7
- package/dist/esm/react-desc-prop-types.js +0 -158
- package/dist/esm/react-desc-prop-types.js.map +0 -7
- package/dist/esm/styled.js +0 -16
- package/dist/esm/styled.js.map +0 -7
- package/dist/esm/tests/utils.js +0 -37
- package/dist/esm/tests/utils.js.map +0 -7
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { PropTypes } from "@elliemae/ds-utilities";
|
|
3
|
-
const defaultProps = {
|
|
4
|
-
title: "System Message",
|
|
5
|
-
time: "",
|
|
6
|
-
body: ""
|
|
7
|
-
};
|
|
8
|
-
const systemMessageProps = {
|
|
9
|
-
title: PropTypes.string.isRequired.description("Message title").defaultValue("System Message"),
|
|
10
|
-
time: PropTypes.string.description("data of the message, ie: hour"),
|
|
11
|
-
body: PropTypes.string.isRequired.description("message")
|
|
12
|
-
};
|
|
13
|
-
export {
|
|
14
|
-
defaultProps,
|
|
15
|
-
systemMessageProps
|
|
16
|
-
};
|
|
17
|
-
//# sourceMappingURL=props.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/system-message/props.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-utilities';\n\nexport interface SystemMessageProps {\n title: string;\n time: string;\n body: string;\n}\n\nexport const defaultProps: SystemMessageProps = {\n title: 'System Message',\n time: '',\n body: '',\n};\n\nexport const systemMessageProps = {\n title: PropTypes.string.isRequired.description('Message title').defaultValue('System Message'),\n time: PropTypes.string.description('data of the message, ie: hour'),\n body: PropTypes.string.isRequired.description('message'),\n};\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAQnB,MAAM,eAAmC;AAAA,EAC9C,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AACR;AAEO,MAAM,qBAAqB;AAAA,EAChC,OAAO,UAAU,OAAO,WAAW,YAAY,eAAe,EAAE,aAAa,gBAAgB;AAAA,EAC7F,MAAM,UAAU,OAAO,YAAY,+BAA+B;AAAA,EAClE,MAAM,UAAU,OAAO,WAAW,YAAY,SAAS;AACzD;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { styled } from "@elliemae/ds-system";
|
|
3
|
-
import { Grid } from "@elliemae/ds-grid";
|
|
4
|
-
const Wrapper = styled(Grid)`
|
|
5
|
-
align-items: center;
|
|
6
|
-
justify-content: center;
|
|
7
|
-
max-width: 100%;
|
|
8
|
-
padding: 0 8px 8px;
|
|
9
|
-
border: 1px solid ${(props) => props.theme.colors.neutral["100"]};
|
|
10
|
-
border-radius: 10px;
|
|
11
|
-
background-color: ${(props) => props.theme.colors.neutral["080"]};
|
|
12
|
-
box-shadow: none;
|
|
13
|
-
`;
|
|
14
|
-
const Header = styled(Grid)`
|
|
15
|
-
align-items: center;
|
|
16
|
-
height: 36px;
|
|
17
|
-
`;
|
|
18
|
-
const Title = styled.p`
|
|
19
|
-
font-size: 14px;
|
|
20
|
-
font-weight: ${(props) => props.theme.fontWeights.semibold};
|
|
21
|
-
color: ${(props) => props.theme.colors.neutral["700"]};
|
|
22
|
-
margin: 0;
|
|
23
|
-
`;
|
|
24
|
-
const Time = styled.p`
|
|
25
|
-
font-size: 12px;
|
|
26
|
-
font-weight: ${(props) => props.theme.fontWeights.regular};
|
|
27
|
-
color: ${(props) => props.theme.colors.neutral["700"]};
|
|
28
|
-
margin: 0;
|
|
29
|
-
text-align: right;
|
|
30
|
-
`;
|
|
31
|
-
const Message = styled.p`
|
|
32
|
-
font-size: 13px;
|
|
33
|
-
font-weight: ${(props) => props.theme.fontWeights.regular};
|
|
34
|
-
color: ${(props) => props.theme.colors.neutral["700"]};
|
|
35
|
-
min-height: 32px;
|
|
36
|
-
text-align: center;
|
|
37
|
-
margin: 0;
|
|
38
|
-
`;
|
|
39
|
-
export {
|
|
40
|
-
Header,
|
|
41
|
-
Message,
|
|
42
|
-
Time,
|
|
43
|
-
Title,
|
|
44
|
-
Wrapper
|
|
45
|
-
};
|
|
46
|
-
//# sourceMappingURL=style.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/system-message/style.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst Wrapper = styled(Grid)`\n align-items: center;\n justify-content: center;\n max-width: 100%;\n padding: 0 8px 8px;\n border: 1px solid ${(props) => props.theme.colors.neutral['100']};\n border-radius: 10px;\n background-color: ${(props) => props.theme.colors.neutral['080']};\n box-shadow: none;\n`;\n\nconst Header = styled(Grid)`\n align-items: center;\n height: 36px;\n`;\n\nconst Title = styled.p<any>`\n font-size: 14px;\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n color: ${(props) => props.theme.colors.neutral['700']};\n margin: 0;\n`;\n\nconst Time = styled.p<any>`\n font-size: 12px;\n font-weight: ${(props) => props.theme.fontWeights.regular};\n color: ${(props) => props.theme.colors.neutral['700']};\n margin: 0;\n text-align: right;\n`;\n\nconst Message = styled.p<any>`\n font-size: 13px;\n font-weight: ${(props) => props.theme.fontWeights.regular};\n color: ${(props) => props.theme.colors.neutral['700']};\n min-height: 32px;\n text-align: center;\n margin: 0;\n`;\n\nexport { Wrapper, Header, Title, Time, Message };\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc;AACvB,SAAS,YAAY;AAErB,MAAM,UAAU,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA,sBAKL,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,sBAEtC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAI5D,MAAM,SAAS,OAAO,IAAI;AAAA;AAAA;AAAA;AAK1B,MAAM,QAAQ,OAAO;AAAA;AAAA,iBAEJ,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAIjD,MAAM,OAAO,OAAO;AAAA;AAAA,iBAEH,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAKjD,MAAM,UAAU,OAAO;AAAA;AAAA,iBAEN,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,148 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
-
import React2 from "react";
|
|
4
|
-
import { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from "@elliemae/ds-utilities";
|
|
5
|
-
import { DSTooltipV3 } from "@elliemae/ds-tooltip";
|
|
6
|
-
import { Grid } from "@elliemae/ds-grid";
|
|
7
|
-
import { CloseXsmall } from "@elliemae/ds-icons";
|
|
8
|
-
import {
|
|
9
|
-
StyledTooltipV3ButtonWrapper,
|
|
10
|
-
StyledTileButton,
|
|
11
|
-
StyledTileButtonIcon,
|
|
12
|
-
StyledTileButtonLabel,
|
|
13
|
-
StyledWrapper,
|
|
14
|
-
StyledWrapperLeftBorder,
|
|
15
|
-
StyledStatusBadge,
|
|
16
|
-
StyledWrapperCentralContent,
|
|
17
|
-
CloseButton
|
|
18
|
-
} from "./styled";
|
|
19
|
-
import { propsTileButton, defaultTileButton } from "./props";
|
|
20
|
-
const TileButton = (props) => {
|
|
21
|
-
const propsWithDefault = useMemoMergePropsWithDefault(props, defaultTileButton);
|
|
22
|
-
useValidateTypescriptPropTypes(propsWithDefault, propsTileButton);
|
|
23
|
-
const {
|
|
24
|
-
label,
|
|
25
|
-
title,
|
|
26
|
-
dsId,
|
|
27
|
-
onClick,
|
|
28
|
-
onFocus,
|
|
29
|
-
onBlur,
|
|
30
|
-
Icon,
|
|
31
|
-
showClose,
|
|
32
|
-
onClose,
|
|
33
|
-
badge,
|
|
34
|
-
badgeColor,
|
|
35
|
-
badgePosition,
|
|
36
|
-
disabled,
|
|
37
|
-
selected,
|
|
38
|
-
isHeader,
|
|
39
|
-
ariaLabel,
|
|
40
|
-
tooltipPlacement,
|
|
41
|
-
disableTooltip,
|
|
42
|
-
innerRef
|
|
43
|
-
} = propsWithDefault;
|
|
44
|
-
const handleClick = React2.useCallback(() => {
|
|
45
|
-
onClick(dsId, title);
|
|
46
|
-
}, [dsId, onClick, title]);
|
|
47
|
-
const MainContent = React2.useMemo(
|
|
48
|
-
() => /* @__PURE__ */ jsxs(StyledWrapperCentralContent, {
|
|
49
|
-
alignItems: isHeader ? "center" : void 0,
|
|
50
|
-
children: [
|
|
51
|
-
/* @__PURE__ */ jsx(Grid, {
|
|
52
|
-
width: "100%",
|
|
53
|
-
alignItems: "center",
|
|
54
|
-
justifyContent: "center",
|
|
55
|
-
children: /* @__PURE__ */ jsxs(StyledTileButtonIcon, {
|
|
56
|
-
alignItems: "center",
|
|
57
|
-
justifyContent: "center",
|
|
58
|
-
children: [
|
|
59
|
-
/* @__PURE__ */ jsx(Icon, {
|
|
60
|
-
size: "m"
|
|
61
|
-
}),
|
|
62
|
-
badge ? /* @__PURE__ */ jsx(StyledStatusBadge, {
|
|
63
|
-
badgeColor,
|
|
64
|
-
badgePosition,
|
|
65
|
-
"data-testid": `tile-badge-${dsId}`
|
|
66
|
-
}) : null
|
|
67
|
-
]
|
|
68
|
-
})
|
|
69
|
-
}),
|
|
70
|
-
!isHeader ? /* @__PURE__ */ jsx(Grid, {
|
|
71
|
-
width: "100%",
|
|
72
|
-
justifyContent: "center",
|
|
73
|
-
children: label ? /* @__PURE__ */ jsx(StyledTileButtonLabel, {
|
|
74
|
-
children: label
|
|
75
|
-
}) : null
|
|
76
|
-
}) : null
|
|
77
|
-
]
|
|
78
|
-
}),
|
|
79
|
-
[isHeader, Icon, badge, dsId, badgeColor, badgePosition, label]
|
|
80
|
-
);
|
|
81
|
-
const Btn = React2.useMemo(
|
|
82
|
-
() => /* @__PURE__ */ jsx(StyledTileButton, {
|
|
83
|
-
isHeader,
|
|
84
|
-
value: dsId,
|
|
85
|
-
"data-testid": `tile-button-${dsId}`,
|
|
86
|
-
"data-key": dsId,
|
|
87
|
-
onClick: handleClick,
|
|
88
|
-
onFocus,
|
|
89
|
-
onBlur,
|
|
90
|
-
disabled,
|
|
91
|
-
selected,
|
|
92
|
-
badgeColor,
|
|
93
|
-
badgePosition,
|
|
94
|
-
"aria-pressed": selected,
|
|
95
|
-
"aria-label": ariaLabel,
|
|
96
|
-
ref: innerRef,
|
|
97
|
-
children: /* @__PURE__ */ jsxs(StyledWrapper, {
|
|
98
|
-
alignItems: "center",
|
|
99
|
-
justifyContent: "center",
|
|
100
|
-
children: [
|
|
101
|
-
/* @__PURE__ */ jsx("span", {
|
|
102
|
-
children: MainContent
|
|
103
|
-
}),
|
|
104
|
-
/* @__PURE__ */ jsx(StyledWrapperLeftBorder, {}),
|
|
105
|
-
showClose && !disabled ? /* @__PURE__ */ jsx(CloseButton, {
|
|
106
|
-
onClick: onClose,
|
|
107
|
-
value: dsId,
|
|
108
|
-
"data-testid": `tile-close-btn-${dsId}`,
|
|
109
|
-
children: /* @__PURE__ */ jsx(CloseXsmall, {})
|
|
110
|
-
}) : null
|
|
111
|
-
]
|
|
112
|
-
})
|
|
113
|
-
}, dsId),
|
|
114
|
-
[
|
|
115
|
-
MainContent,
|
|
116
|
-
ariaLabel,
|
|
117
|
-
badgeColor,
|
|
118
|
-
badgePosition,
|
|
119
|
-
disabled,
|
|
120
|
-
dsId,
|
|
121
|
-
handleClick,
|
|
122
|
-
isHeader,
|
|
123
|
-
onBlur,
|
|
124
|
-
onClose,
|
|
125
|
-
onFocus,
|
|
126
|
-
selected,
|
|
127
|
-
showClose,
|
|
128
|
-
innerRef
|
|
129
|
-
]
|
|
130
|
-
);
|
|
131
|
-
return title && !disableTooltip ? /* @__PURE__ */ jsx(StyledTooltipV3ButtonWrapper, {
|
|
132
|
-
children: /* @__PURE__ */ jsx(DSTooltipV3, {
|
|
133
|
-
id: `ds-chat-tile-tooltip-button-${dsId}`,
|
|
134
|
-
text: title,
|
|
135
|
-
startPlacementPreference: tooltipPlacement,
|
|
136
|
-
children: Btn
|
|
137
|
-
})
|
|
138
|
-
}) : Btn;
|
|
139
|
-
};
|
|
140
|
-
TileButton.propTypes = propsTileButton;
|
|
141
|
-
TileButton.displayName = "TileButton";
|
|
142
|
-
const TileButtonWithSchema = describe(TileButton);
|
|
143
|
-
TileButtonWithSchema.propTypes = propsTileButton;
|
|
144
|
-
export {
|
|
145
|
-
TileButton,
|
|
146
|
-
TileButtonWithSchema
|
|
147
|
-
};
|
|
148
|
-
//# sourceMappingURL=TileButton.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/tile-button/TileButton.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { WeakValidationMap } from 'react';\nimport { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip';\nimport { Grid } from '@elliemae/ds-grid';\nimport { CloseXsmall } from '@elliemae/ds-icons';\nimport {\n StyledTooltipV3ButtonWrapper,\n StyledTileButton,\n StyledTileButtonIcon,\n StyledTileButtonLabel,\n StyledWrapper,\n StyledWrapperLeftBorder,\n StyledStatusBadge,\n StyledWrapperCentralContent,\n CloseButton,\n} from './styled';\nimport { propsTileButton, defaultTileButton, TileButtonProps } from './props';\n\nconst TileButton: React.ComponentType<TileButtonProps> = (props) => {\n const propsWithDefault = useMemoMergePropsWithDefault(props, defaultTileButton);\n useValidateTypescriptPropTypes(propsWithDefault, propsTileButton);\n\n const {\n label,\n title,\n dsId,\n onClick,\n onFocus,\n onBlur,\n Icon,\n showClose,\n onClose,\n badge,\n badgeColor,\n badgePosition,\n disabled,\n selected,\n isHeader,\n ariaLabel,\n tooltipPlacement,\n disableTooltip,\n innerRef,\n } = propsWithDefault;\n const handleClick = React.useCallback(() => {\n onClick(dsId, title);\n }, [dsId, onClick, title]);\n\n const MainContent = React.useMemo(\n () => (\n <StyledWrapperCentralContent alignItems={isHeader ? 'center' : undefined}>\n <Grid width=\"100%\" alignItems=\"center\" justifyContent=\"center\">\n <StyledTileButtonIcon alignItems=\"center\" justifyContent=\"center\">\n <Icon size=\"m\" />\n {badge ? (\n <StyledStatusBadge\n badgeColor={badgeColor}\n badgePosition={badgePosition}\n data-testid={`tile-badge-${dsId}`}\n />\n ) : null}\n </StyledTileButtonIcon>\n </Grid>\n {!isHeader ? (\n <Grid width=\"100%\" justifyContent=\"center\">\n {label ? <StyledTileButtonLabel>{label}</StyledTileButtonLabel> : null}\n </Grid>\n ) : null}\n </StyledWrapperCentralContent>\n ),\n [isHeader, Icon, badge, dsId, badgeColor, badgePosition, label],\n );\n\n const Btn = React.useMemo(\n () => (\n <StyledTileButton\n key={dsId}\n isHeader={isHeader}\n value={dsId}\n data-testid={`tile-button-${dsId}`}\n data-key={dsId}\n onClick={handleClick}\n onFocus={onFocus}\n onBlur={onBlur}\n disabled={disabled}\n selected={selected}\n badgeColor={badgeColor}\n badgePosition={badgePosition}\n aria-pressed={selected}\n aria-label={ariaLabel}\n ref={innerRef}\n >\n <StyledWrapper alignItems=\"center\" justifyContent=\"center\">\n <span>{MainContent}</span>\n <StyledWrapperLeftBorder />\n {showClose && !disabled ? (\n <CloseButton onClick={onClose} value={dsId} data-testid={`tile-close-btn-${dsId}`}>\n <CloseXsmall />\n </CloseButton>\n ) : null}\n </StyledWrapper>\n </StyledTileButton>\n ),\n [\n MainContent,\n ariaLabel,\n badgeColor,\n badgePosition,\n disabled,\n dsId,\n handleClick,\n isHeader,\n onBlur,\n onClose,\n onFocus,\n selected,\n showClose,\n innerRef,\n ],\n );\n\n return title && !disableTooltip ? (\n <StyledTooltipV3ButtonWrapper>\n <DSTooltipV3 id={`ds-chat-tile-tooltip-button-${dsId}`} text={title} startPlacementPreference={tooltipPlacement}>\n {Btn}\n </DSTooltipV3>\n </StyledTooltipV3ButtonWrapper>\n ) : (\n Btn\n );\n};\n\nTileButton.propTypes = propsTileButton as WeakValidationMap<unknown>;\nTileButton.displayName = 'TileButton';\nconst TileButtonWithSchema = describe(TileButton);\nTileButtonWithSchema.propTypes = propsTileButton as WeakValidationMap<unknown>;\n\nexport { TileButton, TileButtonWithSchema };\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["React"]
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/tile-button/index.ts"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { TileButton, TileButtonWithSchema } from './TileButton';\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,YAAY,4BAA4B;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { PropTypes } from "@elliemae/ds-utilities";
|
|
3
|
-
import { noop } from "lodash";
|
|
4
|
-
import { Comments } from "@elliemae/ds-icons";
|
|
5
|
-
const defaultTileButton = {
|
|
6
|
-
Icon: Comments,
|
|
7
|
-
dsId: "",
|
|
8
|
-
label: "",
|
|
9
|
-
onClick: noop,
|
|
10
|
-
onBlur: noop,
|
|
11
|
-
onFocus: noop,
|
|
12
|
-
title: "",
|
|
13
|
-
onClose: noop,
|
|
14
|
-
showClose: false,
|
|
15
|
-
badge: false,
|
|
16
|
-
badgeColor: "blue",
|
|
17
|
-
badgePosition: "left",
|
|
18
|
-
disabled: false,
|
|
19
|
-
selected: false,
|
|
20
|
-
isHeader: false,
|
|
21
|
-
ariaLabel: "Tile button",
|
|
22
|
-
tooltipPlacement: "right",
|
|
23
|
-
disableTooltip: false,
|
|
24
|
-
innerRef: noop
|
|
25
|
-
};
|
|
26
|
-
const propsTileButton = {
|
|
27
|
-
Icon: PropTypes.func.description("Icon component").defaultValue(defaultTileButton.Icon),
|
|
28
|
-
dsId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description("Unique id for the button").defaultValue(defaultTileButton.dsId),
|
|
29
|
-
label: PropTypes.string.description("It will display under the icon").defaultValue(defaultTileButton.label),
|
|
30
|
-
title: PropTypes.string.description("Tooltip").defaultValue(defaultTileButton.title),
|
|
31
|
-
onClick: PropTypes.func.description("The function to call when is clicked").defaultValue(defaultTileButton.onClick),
|
|
32
|
-
onFocus: PropTypes.func.description("The function to call when is focused").defaultValue(defaultTileButton.onFocus),
|
|
33
|
-
onBlur: PropTypes.func.description("The function to call when is on blur").defaultValue(defaultTileButton.onBlur),
|
|
34
|
-
onClose: PropTypes.func.description("The function to call when the X is Clicked").defaultValue(defaultTileButton.onClose),
|
|
35
|
-
showClose: PropTypes.bool.description("It will display the X").defaultValue(defaultTileButton.showClose),
|
|
36
|
-
badge: PropTypes.bool.description("It will display the badge").defaultValue(defaultTileButton.badge),
|
|
37
|
-
badgeColor: PropTypes.oneOf(["blue", "green"]).description("Color badge: blue or green").defaultValue(defaultTileButton.badgeColor),
|
|
38
|
-
badgePosition: PropTypes.oneOf(["left", "right"]).description("Color badge: blue or green").defaultValue(defaultTileButton.badgePosition),
|
|
39
|
-
disabled: PropTypes.bool.description("It will disabled the button").defaultValue(defaultTileButton.disabled),
|
|
40
|
-
selected: PropTypes.bool.description("Indicate that the button is selected").defaultValue(defaultTileButton.disabled),
|
|
41
|
-
isHeader: PropTypes.bool.description("It won't render the label").defaultValue(defaultTileButton.disabled),
|
|
42
|
-
ariaLabel: PropTypes.string.description("aria-label attribute").defaultValue(defaultTileButton.ariaLabel),
|
|
43
|
-
tooltipPlacement: PropTypes.oneOf([
|
|
44
|
-
"top-start",
|
|
45
|
-
"top",
|
|
46
|
-
"top-end",
|
|
47
|
-
"right-start",
|
|
48
|
-
"right",
|
|
49
|
-
"right-end",
|
|
50
|
-
"bottom-end",
|
|
51
|
-
"bottom",
|
|
52
|
-
"bottom-start",
|
|
53
|
-
"left-end",
|
|
54
|
-
"left",
|
|
55
|
-
"left-start"
|
|
56
|
-
]).description("start placement preferences, as per popperjs placement option").defaultValue("'right'"),
|
|
57
|
-
disableTooltip: PropTypes.bool.description("Disable tooltip option").defaultValue(defaultTileButton.disableTooltip),
|
|
58
|
-
innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]).description(
|
|
59
|
-
"reference to the component"
|
|
60
|
-
)
|
|
61
|
-
};
|
|
62
|
-
export {
|
|
63
|
-
defaultTileButton,
|
|
64
|
-
propsTileButton
|
|
65
|
-
};
|
|
66
|
-
//# sourceMappingURL=props.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/tile-button/props.ts"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes } from '@elliemae/ds-utilities';\nimport { noop } from 'lodash';\nimport { Comments } from '@elliemae/ds-icons';\n\nexport interface TileButtonProps {\n Icon: React.FC<{ size: string }>;\n dsId: string | number;\n label: string;\n onClick?: (dsId: string | number, label: string) => void;\n onBlur?: (e: React.ChangeEvent<HTMLButtonElement>) => void;\n onFocus?: (e: React.ChangeEvent<HTMLButtonElement>) => void;\n title: string;\n showClose: boolean;\n onClose?: (dsId: string | number) => void;\n badge: boolean;\n badgeColor: 'blue' | 'green';\n badgePosition: 'left' | 'right';\n disabled: boolean;\n selected: boolean;\n isHeader: boolean;\n ariaLabel: string;\n tooltipPlacement:\n | 'top-start'\n | 'top'\n | 'top-end'\n | 'right-start'\n | 'right'\n | 'right-end'\n | 'bottom-end'\n | 'bottom'\n | 'bottom-start'\n | 'left-end'\n | 'left'\n | 'left-start';\n disableTooltip: boolean;\n innerRef?: React.MutableRefObject<HTMLButtonElement> | ((_ref: HTMLButtonElement) => void);\n}\n\nexport const defaultTileButton: TileButtonProps = {\n Icon: Comments,\n dsId: '',\n label: '',\n onClick: noop,\n onBlur: noop,\n onFocus: noop,\n title: '',\n onClose: noop,\n showClose: false,\n badge: false,\n badgeColor: 'blue',\n badgePosition: 'left',\n disabled: false,\n selected: false,\n isHeader: false,\n ariaLabel: 'Tile button',\n tooltipPlacement: 'right',\n disableTooltip: false,\n innerRef: noop,\n};\n\nexport const propsTileButton = {\n Icon: PropTypes.func.description('Icon component').defaultValue(defaultTileButton.Icon),\n dsId: PropTypes.oneOfType([PropTypes.number, PropTypes.string])\n .description('Unique id for the button')\n .defaultValue(defaultTileButton.dsId),\n label: PropTypes.string.description('It will display under the icon').defaultValue(defaultTileButton.label),\n title: PropTypes.string.description('Tooltip').defaultValue(defaultTileButton.title),\n onClick: PropTypes.func.description('The function to call when is clicked').defaultValue(defaultTileButton.onClick),\n onFocus: PropTypes.func.description('The function to call when is focused').defaultValue(defaultTileButton.onFocus),\n onBlur: PropTypes.func.description('The function to call when is on blur').defaultValue(defaultTileButton.onBlur),\n onClose: PropTypes.func\n .description('The function to call when the X is Clicked')\n .defaultValue(defaultTileButton.onClose),\n showClose: PropTypes.bool.description('It will display the X').defaultValue(defaultTileButton.showClose),\n badge: PropTypes.bool.description('It will display the badge').defaultValue(defaultTileButton.badge),\n badgeColor: PropTypes.oneOf(['blue', 'green'])\n .description('Color badge: blue or green')\n .defaultValue(defaultTileButton.badgeColor),\n badgePosition: PropTypes.oneOf(['left', 'right'])\n .description('Color badge: blue or green')\n .defaultValue(defaultTileButton.badgePosition),\n disabled: PropTypes.bool.description('It will disabled the button').defaultValue(defaultTileButton.disabled),\n selected: PropTypes.bool.description('Indicate that the button is selected').defaultValue(defaultTileButton.disabled),\n isHeader: PropTypes.bool.description(\"It won't render the label\").defaultValue(defaultTileButton.disabled),\n ariaLabel: PropTypes.string.description('aria-label attribute').defaultValue(defaultTileButton.ariaLabel),\n tooltipPlacement: PropTypes.oneOf([\n 'top-start',\n 'top',\n 'top-end',\n 'right-start',\n 'right',\n 'right-end',\n 'bottom-end',\n 'bottom',\n 'bottom-start',\n 'left-end',\n 'left',\n 'left-start',\n ])\n .description('start placement preferences, as per popperjs placement option')\n .defaultValue(\"'right'\"),\n disableTooltip: PropTypes.bool.description('Disable tooltip option').defaultValue(defaultTileButton.disableTooltip),\n innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]).description(\n 'reference to the component',\n ),\n};\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AACrB,SAAS,gBAAgB;AAoClB,MAAM,oBAAqC;AAAA,EAChD,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EACT,WAAW;AAAA,EACX,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AAAA,EACX,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,UAAU;AACZ;AAEO,MAAM,kBAAkB;AAAA,EAC7B,MAAM,UAAU,KAAK,YAAY,gBAAgB,EAAE,aAAa,kBAAkB,IAAI;AAAA,EACtF,MAAM,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAC3D,YAAY,0BAA0B,EACtC,aAAa,kBAAkB,IAAI;AAAA,EACtC,OAAO,UAAU,OAAO,YAAY,gCAAgC,EAAE,aAAa,kBAAkB,KAAK;AAAA,EAC1G,OAAO,UAAU,OAAO,YAAY,SAAS,EAAE,aAAa,kBAAkB,KAAK;AAAA,EACnF,SAAS,UAAU,KAAK,YAAY,sCAAsC,EAAE,aAAa,kBAAkB,OAAO;AAAA,EAClH,SAAS,UAAU,KAAK,YAAY,sCAAsC,EAAE,aAAa,kBAAkB,OAAO;AAAA,EAClH,QAAQ,UAAU,KAAK,YAAY,sCAAsC,EAAE,aAAa,kBAAkB,MAAM;AAAA,EAChH,SAAS,UAAU,KAChB,YAAY,4CAA4C,EACxD,aAAa,kBAAkB,OAAO;AAAA,EACzC,WAAW,UAAU,KAAK,YAAY,uBAAuB,EAAE,aAAa,kBAAkB,SAAS;AAAA,EACvG,OAAO,UAAU,KAAK,YAAY,2BAA2B,EAAE,aAAa,kBAAkB,KAAK;AAAA,EACnG,YAAY,UAAU,MAAM,CAAC,QAAQ,OAAO,CAAC,EAC1C,YAAY,4BAA4B,EACxC,aAAa,kBAAkB,UAAU;AAAA,EAC5C,eAAe,UAAU,MAAM,CAAC,QAAQ,OAAO,CAAC,EAC7C,YAAY,4BAA4B,EACxC,aAAa,kBAAkB,aAAa;AAAA,EAC/C,UAAU,UAAU,KAAK,YAAY,6BAA6B,EAAE,aAAa,kBAAkB,QAAQ;AAAA,EAC3G,UAAU,UAAU,KAAK,YAAY,sCAAsC,EAAE,aAAa,kBAAkB,QAAQ;AAAA,EACpH,UAAU,UAAU,KAAK,YAAY,2BAA2B,EAAE,aAAa,kBAAkB,QAAQ;AAAA,EACzG,WAAW,UAAU,OAAO,YAAY,sBAAsB,EAAE,aAAa,kBAAkB,SAAS;AAAA,EACxG,kBAAkB,UAAU,MAAM;AAAA,IAChC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC,EACE,YAAY,+DAA+D,EAC3E,aAAa,SAAS;AAAA,EACzB,gBAAgB,UAAU,KAAK,YAAY,wBAAwB,EAAE,aAAa,kBAAkB,cAAc;AAAA,EAClH,UAAU,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,EAAE,SAAS,UAAU,IAAI,CAAC,CAAC,CAAC,EAAE;AAAA,IAC3F;AAAA,EACF;AACF;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,217 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { css, styled } from "@elliemae/ds-system";
|
|
3
|
-
import { Grid } from "@elliemae/ds-grid";
|
|
4
|
-
const MIN_WIDTH_SIDEBAR = 48;
|
|
5
|
-
const BUTTON_SIDEBAR_HEIGHT = 48;
|
|
6
|
-
const StyledWrapperLeftBorder = styled(Grid)`
|
|
7
|
-
height: 100%;
|
|
8
|
-
width: 4px;
|
|
9
|
-
position: absolute;
|
|
10
|
-
top: 0;
|
|
11
|
-
left: 0;
|
|
12
|
-
`;
|
|
13
|
-
const StyledStatusBadge = styled.div`
|
|
14
|
-
height: 8px;
|
|
15
|
-
width: 8px;
|
|
16
|
-
position: absolute;
|
|
17
|
-
top: 0;
|
|
18
|
-
background: ${(props) => {
|
|
19
|
-
switch (props.badgeColor) {
|
|
20
|
-
case "blue":
|
|
21
|
-
return props.theme.colors.brand[600];
|
|
22
|
-
case "green":
|
|
23
|
-
return props.theme.colors.success[900];
|
|
24
|
-
default:
|
|
25
|
-
return props.theme.colors.brand[600];
|
|
26
|
-
}
|
|
27
|
-
}};
|
|
28
|
-
${(props) => {
|
|
29
|
-
switch (props.badgePosition) {
|
|
30
|
-
case "left":
|
|
31
|
-
return "left: -4px;";
|
|
32
|
-
case "right":
|
|
33
|
-
return "right: -4px;";
|
|
34
|
-
default:
|
|
35
|
-
return "left: -4px;";
|
|
36
|
-
}
|
|
37
|
-
}};
|
|
38
|
-
border-radius: 50%;
|
|
39
|
-
box-sizing: content-box;
|
|
40
|
-
`;
|
|
41
|
-
const StyledWrapperCentralContent = styled(Grid)`
|
|
42
|
-
width: 24px;
|
|
43
|
-
height: 40px;
|
|
44
|
-
`;
|
|
45
|
-
const StyledTileButtonIcon = styled(Grid)`
|
|
46
|
-
position: relative;
|
|
47
|
-
height: 24px;
|
|
48
|
-
width: 24px;
|
|
49
|
-
svg {
|
|
50
|
-
fill: ${(props) => props.theme.colors.neutral[500]};
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
&:focus {
|
|
54
|
-
svg {
|
|
55
|
-
fill: ${(props) => props.theme.colors.brand[800]};
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
`;
|
|
59
|
-
const StyledTileButtonLabel = styled.div`
|
|
60
|
-
width: 24px;
|
|
61
|
-
height: ${(props) => props.theme.space.xs};
|
|
62
|
-
text-transform: uppercase;
|
|
63
|
-
overflow: hidden;
|
|
64
|
-
text-align: center;
|
|
65
|
-
font-size: 13px;
|
|
66
|
-
color: ${(props) => props.theme.colors.neutral[600]};
|
|
67
|
-
line-height: 17px;
|
|
68
|
-
`;
|
|
69
|
-
const CloseButton = styled.button`
|
|
70
|
-
outline: none;
|
|
71
|
-
background: none;
|
|
72
|
-
height: 9px;
|
|
73
|
-
width: 9px;
|
|
74
|
-
position: absolute;
|
|
75
|
-
top: 1px;
|
|
76
|
-
right: 1px;
|
|
77
|
-
overflow: hidden;
|
|
78
|
-
padding: 0;
|
|
79
|
-
border: none;
|
|
80
|
-
span {
|
|
81
|
-
position: absolute;
|
|
82
|
-
left: -3px;
|
|
83
|
-
top: -4px;
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
&:focus,
|
|
87
|
-
&:hover {
|
|
88
|
-
svg {
|
|
89
|
-
fill: ${(props) => props.theme.colors.brand[600]};
|
|
90
|
-
}
|
|
91
|
-
&:after {
|
|
92
|
-
display: block;
|
|
93
|
-
content: '';
|
|
94
|
-
position: absolute;
|
|
95
|
-
top: 0;
|
|
96
|
-
left: 0;
|
|
97
|
-
width: 100%;
|
|
98
|
-
height: 100%;
|
|
99
|
-
border: solid 1px ${(props) => props.theme.colors.brand[600]};
|
|
100
|
-
border-radius: 2px;
|
|
101
|
-
}
|
|
102
|
-
}
|
|
103
|
-
cursor: pointer;
|
|
104
|
-
`;
|
|
105
|
-
const StyledTooltipV3ButtonWrapper = styled.div`
|
|
106
|
-
height: ${BUTTON_SIDEBAR_HEIGHT}px;
|
|
107
|
-
width: ${MIN_WIDTH_SIDEBAR}px;
|
|
108
|
-
`;
|
|
109
|
-
const StyledTileButton = styled.button`
|
|
110
|
-
outline: none;
|
|
111
|
-
background: transparent;
|
|
112
|
-
height: ${BUTTON_SIDEBAR_HEIGHT}px;
|
|
113
|
-
width: ${MIN_WIDTH_SIDEBAR}px;
|
|
114
|
-
position: relative;
|
|
115
|
-
padding: 0;
|
|
116
|
-
border: none;
|
|
117
|
-
cursor: pointer;
|
|
118
|
-
border-bottom: ${(props) => props.isHeader ? `1px solid ${props.theme.colors.neutral["200"]}` : "none"};
|
|
119
|
-
&:focus,
|
|
120
|
-
&:hover,
|
|
121
|
-
&:active,
|
|
122
|
-
&:disabled {
|
|
123
|
-
background: ${(props) => props.theme.colors.neutral["080"]};
|
|
124
|
-
& ${StyledStatusBadge} {
|
|
125
|
-
border: 2px solid ${(props) => props.theme.colors.neutral["080"]};
|
|
126
|
-
margin-top: -2px;
|
|
127
|
-
${(props) => {
|
|
128
|
-
switch (props.badgePosition) {
|
|
129
|
-
case "left":
|
|
130
|
-
return "margin-left: -2px;";
|
|
131
|
-
case "right":
|
|
132
|
-
return "margin-right: -2px;";
|
|
133
|
-
default:
|
|
134
|
-
return "margin-left: -2px;";
|
|
135
|
-
}
|
|
136
|
-
}};
|
|
137
|
-
}
|
|
138
|
-
}
|
|
139
|
-
|
|
140
|
-
&:focus,
|
|
141
|
-
&:hover {
|
|
142
|
-
& ${StyledWrapperLeftBorder} {
|
|
143
|
-
background: ${(props) => props.theme.colors.brand[800]};
|
|
144
|
-
}
|
|
145
|
-
& ${StyledTileButtonLabel} {
|
|
146
|
-
color: ${(props) => props.theme.colors.neutral[600]};
|
|
147
|
-
}
|
|
148
|
-
|
|
149
|
-
& svg {
|
|
150
|
-
fill: ${(props) => props.theme.colors.brand[800]};
|
|
151
|
-
}
|
|
152
|
-
}
|
|
153
|
-
|
|
154
|
-
&:active:not(:disabled) {
|
|
155
|
-
background: ${(props) => props.theme.colors.neutral["050"]};
|
|
156
|
-
& ${StyledWrapperLeftBorder} {
|
|
157
|
-
background: ${(props) => props.theme.colors.brand[600]};
|
|
158
|
-
}
|
|
159
|
-
& ${StyledTileButtonLabel} {
|
|
160
|
-
color: ${(props) => props.theme.colors.neutral[600]};
|
|
161
|
-
font-weight: 600;
|
|
162
|
-
}
|
|
163
|
-
& svg {
|
|
164
|
-
fill: ${(props) => props.theme.colors.brand[600]};
|
|
165
|
-
}
|
|
166
|
-
& ${StyledStatusBadge} {
|
|
167
|
-
border: 2px solid ${(props) => props.theme.colors.neutral["050"]};
|
|
168
|
-
}
|
|
169
|
-
}
|
|
170
|
-
|
|
171
|
-
&:disabled {
|
|
172
|
-
background: ${(props) => props.theme.colors.neutral["080"]};
|
|
173
|
-
${StyledWrapperLeftBorder} {
|
|
174
|
-
background: ${(props) => props.theme.colors.neutral["400"]};
|
|
175
|
-
}
|
|
176
|
-
& ${StyledStatusBadge} {
|
|
177
|
-
background: ${(props) => props.theme.colors.neutral["500"]};
|
|
178
|
-
border: 2px solid ${(props) => props.theme.colors.neutral["080"]};
|
|
179
|
-
}
|
|
180
|
-
${StyledTileButtonIcon} {
|
|
181
|
-
svg {
|
|
182
|
-
fill: ${(props) => props.theme.colors.neutral[400]};
|
|
183
|
-
}
|
|
184
|
-
}
|
|
185
|
-
${StyledTileButtonLabel} {
|
|
186
|
-
color: ${(props) => props.theme.colors.neutral[400]};
|
|
187
|
-
}
|
|
188
|
-
}
|
|
189
|
-
|
|
190
|
-
${(props) => {
|
|
191
|
-
if (props.selected) {
|
|
192
|
-
return css`
|
|
193
|
-
& ${StyledWrapperLeftBorder} {
|
|
194
|
-
background: ${(nestedProps) => nestedProps.theme.colors.brand[600]};
|
|
195
|
-
}
|
|
196
|
-
`;
|
|
197
|
-
}
|
|
198
|
-
return "";
|
|
199
|
-
}}
|
|
200
|
-
`;
|
|
201
|
-
const StyledWrapper = styled(Grid)`
|
|
202
|
-
height: 100%;
|
|
203
|
-
width: 100%;
|
|
204
|
-
position: relative;
|
|
205
|
-
`;
|
|
206
|
-
export {
|
|
207
|
-
CloseButton,
|
|
208
|
-
StyledStatusBadge,
|
|
209
|
-
StyledTileButton,
|
|
210
|
-
StyledTileButtonIcon,
|
|
211
|
-
StyledTileButtonLabel,
|
|
212
|
-
StyledTooltipV3ButtonWrapper,
|
|
213
|
-
StyledWrapper,
|
|
214
|
-
StyledWrapperCentralContent,
|
|
215
|
-
StyledWrapperLeftBorder
|
|
216
|
-
};
|
|
217
|
-
//# sourceMappingURL=styled.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/tile-button/styled.ts"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable indent */\n/* eslint-disable max-lines */\nimport { css, styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { TileButtonProps } from './props';\nconst MIN_WIDTH_SIDEBAR = 48;\nconst BUTTON_SIDEBAR_HEIGHT = 48;\n\n// Buttons\nexport const StyledWrapperLeftBorder = styled(Grid)`\n height: 100%;\n width: 4px;\n position: absolute;\n top: 0;\n left: 0;\n`;\n\nexport const StyledStatusBadge = styled.div<Partial<TileButtonProps>>`\n height: 8px;\n width: 8px;\n position: absolute;\n top: 0;\n background: ${(props) => {\n switch (props.badgeColor) {\n case 'blue':\n return props.theme.colors.brand[600];\n case 'green':\n return props.theme.colors.success[900];\n default:\n return props.theme.colors.brand[600];\n }\n }};\n ${(props) => {\n switch (props.badgePosition) {\n case 'left':\n return 'left: -4px;';\n case 'right':\n return 'right: -4px;';\n default:\n return 'left: -4px;';\n }\n }};\n border-radius: 50%;\n box-sizing: content-box;\n`;\n\nexport const StyledWrapperCentralContent = styled(Grid)`\n width: 24px;\n height: 40px;\n`;\n\nexport const StyledTileButtonIcon = styled(Grid)`\n position: relative;\n height: 24px;\n width: 24px;\n svg {\n fill: ${(props) => props.theme.colors.neutral[500]};\n }\n\n &:focus {\n svg {\n fill: ${(props) => props.theme.colors.brand[800]};\n }\n }\n`;\n\nexport const StyledTileButtonLabel = styled.div`\n width: 24px;\n height: ${(props) => props.theme.space.xs};\n text-transform: uppercase;\n overflow: hidden;\n text-align: center;\n font-size: 13px;\n color: ${(props) => props.theme.colors.neutral[600]};\n line-height: 17px;\n`;\n\nexport const CloseButton = styled.button`\n outline: none;\n background: none;\n height: 9px;\n width: 9px;\n position: absolute;\n top: 1px;\n right: 1px;\n overflow: hidden;\n padding: 0;\n border: none;\n span {\n position: absolute;\n left: -3px;\n top: -4px;\n }\n\n &:focus,\n &:hover {\n svg {\n fill: ${(props) => props.theme.colors.brand[600]};\n }\n &:after {\n display: block;\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: solid 1px ${(props) => props.theme.colors.brand[600]};\n border-radius: 2px;\n }\n }\n cursor: pointer;\n`;\n\n// MAIN WRAPPER\nexport const StyledTooltipV3ButtonWrapper = styled.div`\n height: ${BUTTON_SIDEBAR_HEIGHT}px;\n width: ${MIN_WIDTH_SIDEBAR}px;\n`;\nexport const StyledTileButton = styled.button<Partial<TileButtonProps>>`\n outline: none;\n background: transparent;\n height: ${BUTTON_SIDEBAR_HEIGHT}px;\n width: ${MIN_WIDTH_SIDEBAR}px;\n position: relative;\n padding: 0;\n border: none;\n cursor: pointer;\n border-bottom: ${(props) => (props.isHeader ? `1px solid ${props.theme.colors.neutral['200']}` : 'none')};\n &:focus,\n &:hover,\n &:active,\n &:disabled {\n background: ${(props) => props.theme.colors.neutral['080']};\n & ${StyledStatusBadge} {\n border: 2px solid ${(props) => props.theme.colors.neutral['080']};\n margin-top: -2px;\n ${(props) => {\n switch (props.badgePosition) {\n case 'left':\n return 'margin-left: -2px;';\n case 'right':\n return 'margin-right: -2px;';\n default:\n return 'margin-left: -2px;';\n }\n }};\n }\n }\n\n &:focus,\n &:hover {\n & ${StyledWrapperLeftBorder} {\n background: ${(props) => props.theme.colors.brand[800]};\n }\n & ${StyledTileButtonLabel} {\n color: ${(props) => props.theme.colors.neutral[600]};\n }\n\n & svg {\n fill: ${(props) => props.theme.colors.brand[800]};\n }\n }\n\n &:active:not(:disabled) {\n background: ${(props) => props.theme.colors.neutral['050']};\n & ${StyledWrapperLeftBorder} {\n background: ${(props) => props.theme.colors.brand[600]};\n }\n & ${StyledTileButtonLabel} {\n color: ${(props) => props.theme.colors.neutral[600]};\n font-weight: 600;\n }\n & svg {\n fill: ${(props) => props.theme.colors.brand[600]};\n }\n & ${StyledStatusBadge} {\n border: 2px solid ${(props) => props.theme.colors.neutral['050']};\n }\n }\n\n &:disabled {\n background: ${(props) => props.theme.colors.neutral['080']};\n ${StyledWrapperLeftBorder} {\n background: ${(props) => props.theme.colors.neutral['400']};\n }\n & ${StyledStatusBadge} {\n background: ${(props) => props.theme.colors.neutral['500']};\n border: 2px solid ${(props) => props.theme.colors.neutral['080']};\n }\n ${StyledTileButtonIcon} {\n svg {\n fill: ${(props) => props.theme.colors.neutral[400]};\n }\n }\n ${StyledTileButtonLabel} {\n color: ${(props) => props.theme.colors.neutral[400]};\n }\n }\n\n ${(props) => {\n if (props.selected) {\n return css`\n & ${StyledWrapperLeftBorder} {\n background: ${(nestedProps) => nestedProps.theme.colors.brand[600]};\n }\n `;\n }\n return '';\n }}\n`;\n\nexport const StyledWrapper = styled(Grid)`\n height: 100%;\n width: 100%;\n position: relative;\n`;\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|