@elliemae/ds-chat 1.61.10 → 1.61.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/ChatDataTestids.js.map +1 -1
- package/cjs/index.js +2 -1
- package/cjs/index.js.map +1 -1
- package/cjs/parts/bubble/ChatBubble.js.map +1 -1
- package/cjs/parts/bubble/ChatBubbleArrow.js.map +1 -1
- package/cjs/parts/bubble/config/useValidateProps.js.map +1 -1
- package/cjs/parts/bubble/props.js.map +1 -1
- package/cjs/parts/bubble/styled.js.map +1 -1
- package/cjs/parts/chat-card/ChatCard.js.map +1 -1
- package/cjs/parts/chat-card/config/useValidateProps.js.map +1 -1
- package/cjs/parts/chat-card/props.js.map +1 -1
- package/cjs/parts/chat-card/styled.js.map +1 -1
- package/cjs/parts/chat-composer/ChatContainerComposer.js.map +1 -1
- package/cjs/parts/chat-composer/config/useValidateProps.js.map +1 -1
- package/cjs/parts/chat-composer/props.js.map +1 -1
- package/cjs/parts/chat-composer/styled.js.map +1 -1
- package/cjs/parts/chat-container/ChatContainer.js +1 -0
- package/cjs/parts/chat-container/ChatContainer.js.map +1 -1
- package/cjs/parts/chat-container/config/useValidateProps.js.map +1 -1
- package/cjs/parts/chat-container/index.js +1 -0
- package/cjs/parts/chat-container/index.js.map +1 -1
- package/cjs/parts/chat-container/props.js.map +1 -1
- package/cjs/parts/chat-container/styled.js.map +1 -1
- package/cjs/parts/chat-container-header/ChatContainerHeader.js.map +1 -1
- package/cjs/parts/chat-container-header/helpers.js.map +1 -1
- package/cjs/parts/chat-container-header/styled.js.map +1 -1
- package/cjs/parts/chat-container-messages-list/ChatContainerMessagesList.js +9 -3
- package/cjs/parts/chat-container-messages-list/ChatContainerMessagesList.js.map +1 -1
- package/cjs/parts/chat-container-messages-list/config/useValidateProps.js.map +1 -1
- package/cjs/parts/chat-container-messages-list/index.js +2 -0
- package/cjs/parts/chat-container-messages-list/index.js.map +1 -1
- package/cjs/parts/chat-container-messages-list/props.js.map +1 -1
- package/cjs/parts/chat-container-messages-list/styled.js +7 -3
- package/cjs/parts/chat-container-messages-list/styled.js.map +1 -1
- package/cjs/parts/chat-container-messages-list/useGetNewMessages.js +34 -0
- package/cjs/parts/chat-container-messages-list/useGetNewMessages.js.map +1 -0
- package/cjs/parts/chat-empty-state/ChatEmptyState.js.map +1 -1
- package/cjs/parts/chat-empty-state/config/useValidateProps.js.map +1 -1
- package/cjs/parts/chat-empty-state/props.js.map +1 -1
- package/cjs/parts/chat-empty-state/styled.js.map +1 -1
- package/cjs/parts/chat-sidebar/SideBarChat.js.map +1 -1
- package/cjs/parts/chat-sidebar/config/useValidateProps.js.map +1 -1
- package/cjs/parts/chat-sidebar/props.js.map +1 -1
- package/cjs/parts/chat-sidebar/styled.js.map +1 -1
- package/cjs/parts/floating-button/FloatingButton.js.map +1 -1
- package/cjs/parts/floating-button/props.js.map +1 -1
- package/cjs/parts/floating-button/styled.js.map +1 -1
- package/cjs/parts/floating-container/styled.js.map +1 -1
- package/cjs/parts/grid-influencer/InfluencerContainer.js +1 -0
- package/cjs/parts/grid-influencer/InfluencerContainer.js.map +1 -1
- package/cjs/parts/grid-influencer/styled.js.map +1 -1
- package/cjs/parts/message-delimiter/MessageDelimiter.js.map +1 -1
- package/cjs/parts/message-delimiter/config/useValidateProps.js.map +1 -1
- package/cjs/parts/message-delimiter/props.js.map +1 -1
- package/cjs/parts/message-delimiter/styled.js.map +1 -1
- package/cjs/parts/sidebar-button/SidebarButton.js.map +1 -1
- package/cjs/parts/sidebar-button/props.js.map +1 -1
- package/cjs/parts/sidebar-button/styled.js.map +1 -1
- package/cjs/parts/system-message/SystemMessage.js.map +1 -1
- package/cjs/parts/system-message/config/useValidateProps.js.map +1 -1
- package/cjs/parts/system-message/props.js.map +1 -1
- package/cjs/parts/system-message/style.js.map +1 -1
- package/cjs/parts/tile-button/TileButton.js.map +1 -1
- package/cjs/parts/tile-button/config/useValidateProps.js.map +1 -1
- package/cjs/parts/tile-button/props.js.map +1 -1
- package/cjs/parts/tile-button/styled.js.map +1 -1
- package/cjs/prop-types.js.map +1 -1
- package/cjs/tests/utils.js.map +1 -1
- package/esm/ChatDataTestids.js.map +1 -1
- package/esm/index.js +2 -1
- package/esm/index.js.map +1 -1
- package/esm/parts/bubble/ChatBubble.js.map +1 -1
- package/esm/parts/bubble/ChatBubbleArrow.js.map +1 -1
- package/esm/parts/bubble/config/useValidateProps.js.map +1 -1
- package/esm/parts/bubble/props.js.map +1 -1
- package/esm/parts/bubble/styled.js.map +1 -1
- package/esm/parts/chat-card/ChatCard.js.map +1 -1
- package/esm/parts/chat-card/config/useValidateProps.js.map +1 -1
- package/esm/parts/chat-card/props.js.map +1 -1
- package/esm/parts/chat-card/styled.js.map +1 -1
- package/esm/parts/chat-composer/ChatContainerComposer.js.map +1 -1
- package/esm/parts/chat-composer/config/useValidateProps.js.map +1 -1
- package/esm/parts/chat-composer/props.js.map +1 -1
- package/esm/parts/chat-composer/styled.js.map +1 -1
- package/esm/parts/chat-container/ChatContainer.js +1 -0
- package/esm/parts/chat-container/ChatContainer.js.map +1 -1
- package/esm/parts/chat-container/config/useValidateProps.js.map +1 -1
- package/esm/parts/chat-container/index.js +1 -0
- package/esm/parts/chat-container/index.js.map +1 -1
- package/esm/parts/chat-container/props.js.map +1 -1
- package/esm/parts/chat-container/styled.js.map +1 -1
- package/esm/parts/chat-container-header/ChatContainerHeader.js.map +1 -1
- package/esm/parts/chat-container-header/helpers.js.map +1 -1
- package/esm/parts/chat-container-header/styled.js.map +1 -1
- package/esm/parts/chat-container-messages-list/ChatContainerMessagesList.js +10 -4
- package/esm/parts/chat-container-messages-list/ChatContainerMessagesList.js.map +1 -1
- package/esm/parts/chat-container-messages-list/config/useValidateProps.js.map +1 -1
- package/esm/parts/chat-container-messages-list/index.js +2 -0
- package/esm/parts/chat-container-messages-list/index.js.map +1 -1
- package/esm/parts/chat-container-messages-list/props.js.map +1 -1
- package/esm/parts/chat-container-messages-list/styled.js +7 -4
- package/esm/parts/chat-container-messages-list/styled.js.map +1 -1
- package/esm/parts/chat-container-messages-list/useGetNewMessages.js +26 -0
- package/esm/parts/chat-container-messages-list/useGetNewMessages.js.map +1 -0
- package/esm/parts/chat-empty-state/ChatEmptyState.js.map +1 -1
- package/esm/parts/chat-empty-state/config/useValidateProps.js.map +1 -1
- package/esm/parts/chat-empty-state/props.js.map +1 -1
- package/esm/parts/chat-empty-state/styled.js.map +1 -1
- package/esm/parts/chat-sidebar/SideBarChat.js.map +1 -1
- package/esm/parts/chat-sidebar/config/useValidateProps.js.map +1 -1
- package/esm/parts/chat-sidebar/props.js.map +1 -1
- package/esm/parts/chat-sidebar/styled.js.map +1 -1
- package/esm/parts/floating-button/FloatingButton.js.map +1 -1
- package/esm/parts/floating-button/props.js.map +1 -1
- package/esm/parts/floating-button/styled.js.map +1 -1
- package/esm/parts/floating-container/styled.js.map +1 -1
- package/esm/parts/grid-influencer/InfluencerContainer.js +1 -0
- package/esm/parts/grid-influencer/InfluencerContainer.js.map +1 -1
- package/esm/parts/grid-influencer/styled.js.map +1 -1
- package/esm/parts/message-delimiter/MessageDelimiter.js.map +1 -1
- package/esm/parts/message-delimiter/config/useValidateProps.js.map +1 -1
- package/esm/parts/message-delimiter/props.js.map +1 -1
- package/esm/parts/message-delimiter/styled.js.map +1 -1
- package/esm/parts/sidebar-button/SidebarButton.js.map +1 -1
- package/esm/parts/sidebar-button/props.js.map +1 -1
- package/esm/parts/sidebar-button/styled.js.map +1 -1
- package/esm/parts/system-message/SystemMessage.js.map +1 -1
- package/esm/parts/system-message/config/useValidateProps.js.map +1 -1
- package/esm/parts/system-message/props.js.map +1 -1
- package/esm/parts/system-message/style.js.map +1 -1
- package/esm/parts/tile-button/TileButton.js.map +1 -1
- package/esm/parts/tile-button/config/useValidateProps.js.map +1 -1
- package/esm/parts/tile-button/props.js.map +1 -1
- package/esm/parts/tile-button/styled.js.map +1 -1
- package/esm/prop-types.js.map +1 -1
- package/esm/tests/utils.js.map +1 -1
- package/package.json +9 -9
- package/parts/chat-container-messages-list/useGetNewMessages/package.json +10 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../../src/parts/chat-container-messages-list/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { BUBBLE_TYPES } from '../bubble/index';\nimport { BubbleProps } from '../bubble/props';\n\nexport const StyledWrapper = styled.div`\n width: 100%;\n height: 100%;\n`;\n\n// list\nexport const StyledWrapperListItem = styled.div<Partial<BubbleProps>>`\n min-width: 100%;\n ${(props) =>\n props.type === BUBBLE_TYPES.SENDER &&\n `padding: ${props.theme.space.xxs} ${props.theme.space.xxs} ${props.theme.space.xxs} 13%\n `};\n ${(props) =>\n props.type === BUBBLE_TYPES.RECIPIENT &&\n `padding: ${props.theme.space.xxs} 13% ${props.theme.space.xxs}\n ${props.theme.space.xxs}\n `};\n ${(props) =>\n props.type === BUBBLE_TYPES.SYSTEM &&\n `padding: ${props.theme.space.xxs} 0px\n `};\n`;\n\nexport const StyledChatContainerContentList = styled.div`\n width: 100%;\n height: 100%;\n padding: ${(props) => props.theme.space.xs};\n padding-bottom: 0;\n overflow-y: auto;\n overflow-x: hidden;\n`;\nexport const StyledChatContainerContentListScroll = styled.div<{ height: string }>`\n width: 100%;\n height: ${(props) => props.height};\n position: relative;\n`;\n\nexport const StyledLoadMoreContainer = styled.div<{ hasMoreItems?: 'top' | 'bottom' }>`\n position: absolute;\n width: calc(100% + ${(props) => props.theme.space.xxs});\n padding: ${(props) => props.theme.space.xxs};\n left: -${(props) => props.theme.space.xxs};\n right: -${(props) => props.theme.space.xxs};\n display: grid;\n justify-content: center;\n align-items: center;\n ${(props) => (props.hasMoreItems === 'top' ? 'top: 0;' : '')}\n ${(props) => (props.hasMoreItems === 'bottom' ? 'bottom: 0;' : '')}\n`;\nexport const ListItem = styled.div`\n &:focus,\n &:focus-visible {\n outline: none;\n &:after {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n left: -${(props) => props.theme.space.xxs};\n pointer-events: none;\n border-radius: 2px;\n background-color: #ebedf0;\n width: calc(100% + 24px);\n border: 2px solid #1e79c2;\n height: 100%;\n z-index: -1;\n }\n }\n`;\n"],"names":["StyledWrapper","styled","div","StyledWrapperListItem","props","type","BUBBLE_TYPES","SENDER","theme","space","xxs","RECIPIENT","SYSTEM","StyledChatContainerContentList","xs","StyledChatContainerContentListScroll","height","StyledLoadMoreContainer","hasMoreItems","ListItem"],"mappings":";;;;;;;;;;;;;;IAIaA,aAAa,gBAAGC,MAAM,CAACC,GAAV;
|
|
1
|
+
{"version":3,"file":"styled.js","sources":["../../../../src/parts/chat-container-messages-list/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { BUBBLE_TYPES } from '../bubble/index';\nimport { BubbleProps } from '../bubble/props';\n\nexport const StyledWrapper = styled.div`\n width: 100%;\n height: 100%;\n`;\n\n// list\nexport const StyledWrapperListItem = styled.div<Partial<BubbleProps>>`\n min-width: 100%;\n ${(props) =>\n props.type === BUBBLE_TYPES.SENDER &&\n `padding: ${props.theme.space.xxs} ${props.theme.space.xxs} ${props.theme.space.xxs} 13%\n `};\n ${(props) =>\n props.type === BUBBLE_TYPES.RECIPIENT &&\n `padding: ${props.theme.space.xxs} 13% ${props.theme.space.xxs}\n ${props.theme.space.xxs}\n `};\n ${(props) =>\n props.type === BUBBLE_TYPES.SYSTEM &&\n `padding: ${props.theme.space.xxs} 0px\n `};\n`;\n\nexport const StyledChatContainerContentList = styled.div`\n width: 100%;\n height: 100%;\n padding: ${(props) => props.theme.space.xs};\n padding-bottom: 0;\n overflow-y: auto;\n overflow-x: hidden;\n`;\n\nexport const StyledNewMessagesHiddenContainer = styled.div`\n position: absolute;\n width: 1px;\n height: 1px;\n margin: -1px;\n border: 0;\n padding: 0;\n overflow: hidden;\n clip: rect(0 0 0 0);\n clip-path: inset(100%);\n white-space: nowrap;\n`;\n\nexport const StyledChatContainerContentListScroll = styled.div<{ height: string }>`\n width: 100%;\n height: ${(props) => props.height};\n position: relative;\n`;\n\nexport const StyledLoadMoreContainer = styled.div<{ hasMoreItems?: 'top' | 'bottom' }>`\n position: absolute;\n width: calc(100% + ${(props) => props.theme.space.xxs});\n padding: ${(props) => props.theme.space.xxs};\n left: -${(props) => props.theme.space.xxs};\n right: -${(props) => props.theme.space.xxs};\n display: grid;\n justify-content: center;\n align-items: center;\n ${(props) => (props.hasMoreItems === 'top' ? 'top: 0;' : '')}\n ${(props) => (props.hasMoreItems === 'bottom' ? 'bottom: 0;' : '')}\n`;\nexport const ListItem = styled.div`\n &:focus,\n &:focus-visible {\n outline: none;\n &:after {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n left: -${(props) => props.theme.space.xxs};\n pointer-events: none;\n border-radius: 2px;\n background-color: #ebedf0;\n width: calc(100% + 24px);\n border: 2px solid #1e79c2;\n height: 100%;\n z-index: -1;\n }\n }\n`;\n"],"names":["StyledWrapper","styled","div","StyledWrapperListItem","props","type","BUBBLE_TYPES","SENDER","theme","space","xxs","RECIPIENT","SYSTEM","StyledChatContainerContentList","xs","StyledNewMessagesHiddenContainer","StyledChatContainerContentListScroll","height","StyledLoadMoreContainer","hasMoreItems","ListItem"],"mappings":";;;;;;;;;;;;;;IAIaA,aAAa,gBAAGC,MAAM,CAACC,GAAV;EAAA;AAAA;;IAMbC,qBAAqB,gBAAGF,MAAM,CAACC,GAAV;EAAA;AAAA,uCAE9B,UAACE,KAAD;EAAA,OACAA,KAAK,CAACC,IAAN,KAAeC,YAAY,CAACC,MAA5B,uBACYH,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAD9B,cACqCN,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GADvD,cAC8DN,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GADhF,aADA;AAAA,CAF8B,EAM9B,UAACN,KAAD;EAAA,OACAA,KAAK,CAACC,IAAN,KAAeC,YAAY,CAACK,SAA5B,uBACYP,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAD9B,kBACyCN,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAD3D,mBAEEN,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAFpB,SADA;AAAA,CAN8B,EAW9B,UAACN,KAAD;EAAA,OACAA,KAAK,CAACC,IAAN,KAAeC,YAAY,CAACM,MAA5B,uBACYR,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAD9B,aADA;AAAA,CAX8B;IAiBrBG,8BAA8B,gBAAGZ,MAAM,CAACC,GAAV;EAAA;AAAA,gGAG9B,UAACE,KAAD;EAAA,OAAWA,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBK,EAA7B;AAAA,CAH8B;IAS9BC,gCAAgC,gBAAGd,MAAM,CAACC,GAAV;EAAA;AAAA;IAahCc,oCAAoC,gBAAGf,MAAM,CAACC,GAAV;EAAA;AAAA,kDAErC,UAACE,KAAD;EAAA,OAAWA,KAAK,CAACa,MAAjB;AAAA,CAFqC;IAMpCC,uBAAuB,gBAAGjB,MAAM,CAACC,GAAV;EAAA;AAAA,uJAEb,UAACE,KAAD;EAAA,OAAWA,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAA7B;AAAA,CAFa,EAGvB,UAACN,KAAD;EAAA,OAAWA,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAA7B;AAAA,CAHuB,EAIzB,UAACN,KAAD;EAAA,OAAWA,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAA7B;AAAA,CAJyB,EAKxB,UAACN,KAAD;EAAA,OAAWA,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAA7B;AAAA,CALwB,EAShC,UAACN,KAAD;EAAA,OAAYA,KAAK,CAACe,YAAN,KAAuB,KAAvB,GAA+B,SAA/B,GAA2C,EAAvD;AAAA,CATgC,EAUhC,UAACf,KAAD;EAAA,OAAYA,KAAK,CAACe,YAAN,KAAuB,QAAvB,GAAkC,YAAlC,GAAiD,EAA7D;AAAA,CAVgC;IAYvBC,QAAQ,gBAAGnB,MAAM,CAACC,GAAV;EAAA;AAAA,2PASN,UAACE,KAAD;EAAA,OAAWA,KAAK,CAACI,KAAN,CAAYC,KAAZ,CAAkBC,GAA7B;AAAA,CATM;;;;"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
|
|
2
|
+
import { useState, useMemo } from 'react';
|
|
3
|
+
|
|
4
|
+
var useGetNewMessages = function useGetNewMessages(messages) {
|
|
5
|
+
var _useState = useState({}),
|
|
6
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
7
|
+
seenMessages = _useState2[0],
|
|
8
|
+
setSeenMessages = _useState2[1];
|
|
9
|
+
|
|
10
|
+
var newMessages = useMemo(function () {
|
|
11
|
+
var list = [];
|
|
12
|
+
messages.forEach(function (message) {
|
|
13
|
+
if (!(message.dsId in seenMessages)) {
|
|
14
|
+
list.push(message);
|
|
15
|
+
}
|
|
16
|
+
});
|
|
17
|
+
setSeenMessages(Object.fromEntries(messages.map(function (m) {
|
|
18
|
+
return [m.dsId, true];
|
|
19
|
+
})));
|
|
20
|
+
return list; // eslint-disable-next-line react-hooks/exhaustive-deps
|
|
21
|
+
}, [messages]);
|
|
22
|
+
return newMessages;
|
|
23
|
+
};
|
|
24
|
+
|
|
25
|
+
export { useGetNewMessages };
|
|
26
|
+
//# sourceMappingURL=useGetNewMessages.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useGetNewMessages.js","sources":["../../../../src/parts/chat-container-messages-list/useGetNewMessages.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { BubbleProps } from '../bubble/props';\n\nexport const useGetNewMessages = (messages: BubbleProps[]) => {\n const [seenMessages, setSeenMessages] = useState<Record<BubbleProps['dsId'], true>>({});\n\n const newMessages = useMemo(() => {\n const list: BubbleProps[] = [];\n messages.forEach((message) => {\n if (!(message.dsId in seenMessages)) {\n list.push(message);\n }\n });\n setSeenMessages(Object.fromEntries(messages.map((m) => [m.dsId, true])));\n return list;\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [messages]);\n\n return newMessages;\n};\n"],"names":["useGetNewMessages","messages","useState","seenMessages","setSeenMessages","newMessages","useMemo","list","forEach","message","dsId","push","Object","fromEntries","map","m"],"mappings":";;;IAGaA,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,QAAD,EAA6B;EAC5D,gBAAwCC,QAAQ,CAAoC,EAApC,CAAhD;;MAAOC,YAAP;MAAqBC,eAArB;;EAEA,IAAMC,WAAW,GAAGC,OAAO,CAAC,YAAM;IAChC,IAAMC,IAAmB,GAAG,EAA5B;IACAN,QAAQ,CAACO,OAAT,CAAiB,UAACC,OAAD,EAAa;MAC5B,IAAI,EAAEA,OAAO,CAACC,IAAR,IAAgBP,YAAlB,CAAJ,EAAqC;QACnCI,IAAI,CAACI,IAAL,CAAUF,OAAV;;KAFJ;IAKAL,eAAe,CAACQ,MAAM,CAACC,WAAP,CAAmBZ,QAAQ,CAACa,GAAT,CAAa,UAACC,CAAD;MAAA,OAAO,CAACA,CAAC,CAACL,IAAH,EAAS,IAAT,CAAP;KAAb,CAAnB,CAAD,CAAf;IACA,OAAOH,IAAP,CARgC;GAAP,EAUxB,CAACN,QAAD,CAVwB,CAA3B;EAYA,OAAOI,WAAP;AACD;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatEmptyState.js","sources":["../../../../src/parts/chat-empty-state/ChatEmptyState.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { describe } from 'react-desc';\nimport { Grid } from '@elliemae/ds-grid';\nimport { Communications } from '@elliemae/ds-icons';\nimport { ChatEmptyStateProps, emptyStateProps, defaultProps } from './props';\nimport { ChatEmptyStateWrapper, MessageWrapper } from './styled';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst ChatEmptyState = (props: ChatEmptyStateProps): JSX.Element => {\n useValidateProps(props, ChatEmptyStateListWithSchema.toJSON());\n const { label, action } = props;\n const MainContent = useMemo(\n () => (\n <Grid alignItems=\"center\" justifyContent=\"center\">\n <Grid alignItems=\"center\" justifyContent=\"center\">\n <Communications size=\"xxl\" color={['neutral', 400]} />\n </Grid>\n <Grid alignItems=\"center\" justifyContent=\"center\">\n <MessageWrapper>{label}</MessageWrapper>\n </Grid>\n <Grid alignItems=\"center\" justifyContent=\"center\">\n {action}\n </Grid>\n </Grid>\n ),\n [label, action],\n );\n return (\n <ChatEmptyStateWrapper alignItems=\"center\" justifyContent=\"center\">\n {MainContent}\n </ChatEmptyStateWrapper>\n );\n};\n\nChatEmptyState.propTypes = emptyStateProps;\nChatEmptyState.defaultProps = defaultProps;\nconst ChatEmptyStateListWithSchema = describe(ChatEmptyState);\nChatEmptyStateListWithSchema.propTypes = emptyStateProps;\n\nexport { ChatEmptyState, ChatEmptyStateListWithSchema };\n"],"names":["ChatEmptyState","props","useValidateProps","ChatEmptyStateListWithSchema","toJSON","label","action","MainContent","useMemo","propTypes","emptyStateProps","defaultProps","describe"],"mappings":";;;;;;;;;;IAQMA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAA6C;
|
|
1
|
+
{"version":3,"file":"ChatEmptyState.js","sources":["../../../../src/parts/chat-empty-state/ChatEmptyState.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { describe } from 'react-desc';\nimport { Grid } from '@elliemae/ds-grid';\nimport { Communications } from '@elliemae/ds-icons';\nimport { ChatEmptyStateProps, emptyStateProps, defaultProps } from './props';\nimport { ChatEmptyStateWrapper, MessageWrapper } from './styled';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst ChatEmptyState = (props: ChatEmptyStateProps): JSX.Element => {\n useValidateProps(props, ChatEmptyStateListWithSchema.toJSON());\n const { label, action } = props;\n const MainContent = useMemo(\n () => (\n <Grid alignItems=\"center\" justifyContent=\"center\">\n <Grid alignItems=\"center\" justifyContent=\"center\">\n <Communications size=\"xxl\" color={['neutral', 400]} />\n </Grid>\n <Grid alignItems=\"center\" justifyContent=\"center\">\n <MessageWrapper>{label}</MessageWrapper>\n </Grid>\n <Grid alignItems=\"center\" justifyContent=\"center\">\n {action}\n </Grid>\n </Grid>\n ),\n [label, action],\n );\n return (\n <ChatEmptyStateWrapper alignItems=\"center\" justifyContent=\"center\">\n {MainContent}\n </ChatEmptyStateWrapper>\n );\n};\n\nChatEmptyState.propTypes = emptyStateProps;\nChatEmptyState.defaultProps = defaultProps;\nconst ChatEmptyStateListWithSchema = describe(ChatEmptyState);\nChatEmptyStateListWithSchema.propTypes = emptyStateProps;\n\nexport { ChatEmptyState, ChatEmptyStateListWithSchema };\n"],"names":["ChatEmptyState","props","useValidateProps","ChatEmptyStateListWithSchema","toJSON","label","action","MainContent","useMemo","propTypes","emptyStateProps","defaultProps","describe"],"mappings":";;;;;;;;;;IAQMA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAA6C;EAClEC,gBAAgB,CAACD,KAAD,EAAQE,4BAA4B,CAACC,MAA7B,EAAR,CAAhB;EACA,IAAQC,KAAR,GAA0BJ,KAA1B,CAAQI,KAAR;MAAeC,MAAf,GAA0BL,KAA1B,CAAeK,MAAf;EACA,IAAMC,WAAW,GAAGC,OAAO,CACzB;IAAA,oBACE,oBAAC,IAAD;MAAM,UAAU,EAAC,QAAjB;MAA0B,cAAc,EAAC;oBACvC,oBAAC,IAAD;MAAM,UAAU,EAAC,QAAjB;MAA0B,cAAc,EAAC;oBACvC,oBAAC,cAAD;MAAgB,IAAI,EAAC,KAArB;MAA2B,KAAK,EAAE,CAAC,SAAD,EAAY,GAAZ;MADpC,CADF,eAIE,oBAAC,IAAD;MAAM,UAAU,EAAC,QAAjB;MAA0B,cAAc,EAAC;oBACvC,oBAAC,cAAD,QAAiBH,KAAjB,CADF,CAJF,eAOE,oBAAC,IAAD;MAAM,UAAU,EAAC,QAAjB;MAA0B,cAAc,EAAC;OACtCC,MADH,CAPF,CADF;GADyB,EAczB,CAACD,KAAD,EAAQC,MAAR,CAdyB,CAA3B;EAgBA,oBACE,oBAAC,qBAAD;IAAuB,UAAU,EAAC,QAAlC;IAA2C,cAAc,EAAC;KACvDC,WADH,CADF;AAKD;;AAEDP,cAAc,CAACS,SAAf,GAA2BC,eAA3B;AACAV,cAAc,CAACW,YAAf,GAA8BA,YAA9B;IACMR,4BAA4B,GAAGS,QAAQ,CAACZ,cAAD;AAC7CG,4BAA4B,CAACM,SAA7B,GAAyCC,eAAzC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/chat-empty-state/config/useValidateProps.tsx"],"sourcesContent":["import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { ChatEmptyStateProps } from '../props';\n\nexport const useValidateProps = (props: ChatEmptyStateProps, schema: unknown): void => {\n useValidatePropTypes(props, schema);\n};\n"],"names":["useValidateProps","props","schema","useValidatePropTypes"],"mappings":";;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAA6BC,MAA7B,EAAuD;
|
|
1
|
+
{"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/chat-empty-state/config/useValidateProps.tsx"],"sourcesContent":["import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { ChatEmptyStateProps } from '../props';\n\nexport const useValidateProps = (props: ChatEmptyStateProps, schema: unknown): void => {\n useValidatePropTypes(props, schema);\n};\n"],"names":["useValidateProps","props","schema","useValidatePropTypes"],"mappings":";;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAA6BC,MAA7B,EAAuD;EACrFC,oBAAoB,CAACF,KAAD,EAAQC,MAAR,CAApB;AACD;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.js","sources":["../../../../src/parts/chat-empty-state/props.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport interface ChatEmptyStateProps {\n label: string;\n action: React.FC;\n}\n\nexport const defaultProps: ChatEmptyStateProps = {\n label: 'No Messages Yet',\n action: null,\n};\n\nexport const emptyStateProps = {\n label: PropTypes.arrayOf(PropTypes.string)\n .description('No Message to show text helper')\n .defaultValue(defaultProps.label),\n action: PropTypes.node.description('action element').defaultValue(defaultProps.action),\n};\n"],"names":["defaultProps","label","action","emptyStateProps","PropTypes","arrayOf","string","description","defaultValue","node"],"mappings":";;IAOaA,YAAiC,GAAG;
|
|
1
|
+
{"version":3,"file":"props.js","sources":["../../../../src/parts/chat-empty-state/props.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport interface ChatEmptyStateProps {\n label: string;\n action: React.FC;\n}\n\nexport const defaultProps: ChatEmptyStateProps = {\n label: 'No Messages Yet',\n action: null,\n};\n\nexport const emptyStateProps = {\n label: PropTypes.arrayOf(PropTypes.string)\n .description('No Message to show text helper')\n .defaultValue(defaultProps.label),\n action: PropTypes.node.description('action element').defaultValue(defaultProps.action),\n};\n"],"names":["defaultProps","label","action","emptyStateProps","PropTypes","arrayOf","string","description","defaultValue","node"],"mappings":";;IAOaA,YAAiC,GAAG;EAC/CC,KAAK,EAAE,iBADwC;EAE/CC,MAAM,EAAE;AAFuC;IAKpCC,eAAe,GAAG;EAC7BF,KAAK,EAAEG,SAAS,CAACC,OAAV,CAAkBD,SAAS,CAACE,MAA5B,EACJC,WADI,CACQ,gCADR,EAEJC,YAFI,CAESR,YAAY,CAACC,KAFtB,CADsB;EAI7BC,MAAM,EAAEE,SAAS,CAACK,IAAV,CAAeF,WAAf,CAA2B,gBAA3B,EAA6CC,YAA7C,CAA0DR,YAAY,CAACE,MAAvE;AAJqB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../../src/parts/chat-empty-state/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\n\nexport const CONTAINER_WIDTH = 300;\n\nexport const ChatEmptyStateWrapper = styled(Grid)`\n height: 100%;\n min-width: ${CONTAINER_WIDTH}px;\n overflow: hidden;\n background: ${(props) => props.theme.colors.neutral['050']};\n`;\n\nexport const MessageWrapper = styled.p`\n font-size: 18px;\n`;\n"],"names":["CONTAINER_WIDTH","ChatEmptyStateWrapper","styled","Grid","props","theme","colors","neutral","MessageWrapper","p"],"mappings":";;;IAGaA,eAAe,GAAG;IAElBC,qBAAqB,gBAAGC,MAAM,CAACC,IAAD,CAAT;
|
|
1
|
+
{"version":3,"file":"styled.js","sources":["../../../../src/parts/chat-empty-state/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\n\nexport const CONTAINER_WIDTH = 300;\n\nexport const ChatEmptyStateWrapper = styled(Grid)`\n height: 100%;\n min-width: ${CONTAINER_WIDTH}px;\n overflow: hidden;\n background: ${(props) => props.theme.colors.neutral['050']};\n`;\n\nexport const MessageWrapper = styled.p`\n font-size: 18px;\n`;\n"],"names":["CONTAINER_WIDTH","ChatEmptyStateWrapper","styled","Grid","props","theme","colors","neutral","MessageWrapper","p"],"mappings":";;;IAGaA,eAAe,GAAG;IAElBC,qBAAqB,gBAAGC,MAAM,CAACC,IAAD,CAAT;EAAA;AAAA,sEAEnBH,eAFmB,EAIlB,UAACI,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAJkB;IAOrBC,cAAc,gBAAGN,MAAM,CAACO,CAAV;EAAA;AAAA;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideBarChat.js","sources":["../../../../src/parts/chat-sidebar/SideBarChat.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { MenuCollapse, MenuExpand } from '@elliemae/ds-icons';\nimport { StyledSideBarContainer, StyledSideBarButtonsContainer } from './styled';\nimport { TileButton } from '../tile-button';\nimport { SidebarButton } from '../sidebar-button/SidebarButton';\nimport { CharSidebarProps, defaultProps, chatSidebarProps } from './props';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst FooterChat = ({\n expanded,\n onFooterClose,\n onFooterExpand,\n footerButtonExtraProps,\n}: Pick<CharSidebarProps, 'expanded' | 'onFooterClose' | 'onFooterExpand' | 'footerButtonExtraProps'>) => (\n <SidebarButton\n dsId=\"sidebar_footer\"\n label={null}\n Icon={!expanded ? MenuCollapse : MenuExpand}\n onClick={expanded ? onFooterClose : onFooterExpand}\n aria-pressed={expanded}\n aria-label={footerButtonExtraProps['aria-label']}\n />\n);\n\nconst SideBarChat = (props: CharSidebarProps): JSX.Element => {\n useValidateProps(props, SideBarChatWithSchema.toJSON());\n const {\n sidebarItems,\n expanded,\n onFooterClose,\n onFooterExpand,\n selectedItem,\n footerButtonExtraProps,\n tooltipPlacement,\n enableTooltipWhenIsClosed,\n actionRef,\n } = props;\n const { current: listRef } = React.useRef({});\n const registerReference = React.useCallback(\n (ref: HTMLElement) => {\n if (ref) listRef[ref.dataset.key] = ref;\n },\n [listRef],\n );\n React.useEffect(() => {\n if (actionRef.current.listRef) {\n actionRef.current.listRef = listRef;\n }\n }, [sidebarItems, expanded, actionRef, listRef]);\n\n return (\n <StyledSideBarContainer rows={[1, 'auto']} ref={listRef}>\n <StyledSideBarButtonsContainer>\n {sidebarItems.map((p) => (\n <TileButton\n key={p.dsId}\n innerRef={registerReference}\n {...p}\n selected={selectedItem === p.dsId}\n tooltipPlacement={tooltipPlacement}\n disableTooltip={enableTooltipWhenIsClosed ? false : !expanded}\n />\n ))}\n </StyledSideBarButtonsContainer>\n <FooterChat\n expanded={expanded}\n onFooterClose={onFooterClose}\n onFooterExpand={onFooterExpand}\n footerButtonExtraProps={footerButtonExtraProps}\n />\n </StyledSideBarContainer>\n );\n};\n\nSideBarChat.propTypes = chatSidebarProps;\nSideBarChat.defaultProps = defaultProps;\nconst SideBarChatWithSchema = describe(SideBarChat);\nSideBarChatWithSchema.propTypes = chatSidebarProps;\n\nexport { SideBarChat, SideBarChatWithSchema };\n"],"names":["FooterChat","expanded","onFooterClose","onFooterExpand","footerButtonExtraProps","MenuCollapse","MenuExpand","SideBarChat","props","useValidateProps","SideBarChatWithSchema","toJSON","sidebarItems","selectedItem","tooltipPlacement","enableTooltipWhenIsClosed","actionRef","React","useRef","listRef","current","registerReference","useCallback","ref","dataset","key","useEffect","map","p","dsId","propTypes","chatSidebarProps","defaultProps","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,UAAU,GAAG,SAAbA,UAAa;
|
|
1
|
+
{"version":3,"file":"SideBarChat.js","sources":["../../../../src/parts/chat-sidebar/SideBarChat.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { MenuCollapse, MenuExpand } from '@elliemae/ds-icons';\nimport { StyledSideBarContainer, StyledSideBarButtonsContainer } from './styled';\nimport { TileButton } from '../tile-button';\nimport { SidebarButton } from '../sidebar-button/SidebarButton';\nimport { CharSidebarProps, defaultProps, chatSidebarProps } from './props';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst FooterChat = ({\n expanded,\n onFooterClose,\n onFooterExpand,\n footerButtonExtraProps,\n}: Pick<CharSidebarProps, 'expanded' | 'onFooterClose' | 'onFooterExpand' | 'footerButtonExtraProps'>) => (\n <SidebarButton\n dsId=\"sidebar_footer\"\n label={null}\n Icon={!expanded ? MenuCollapse : MenuExpand}\n onClick={expanded ? onFooterClose : onFooterExpand}\n aria-pressed={expanded}\n aria-label={footerButtonExtraProps['aria-label']}\n />\n);\n\nconst SideBarChat = (props: CharSidebarProps): JSX.Element => {\n useValidateProps(props, SideBarChatWithSchema.toJSON());\n const {\n sidebarItems,\n expanded,\n onFooterClose,\n onFooterExpand,\n selectedItem,\n footerButtonExtraProps,\n tooltipPlacement,\n enableTooltipWhenIsClosed,\n actionRef,\n } = props;\n const { current: listRef } = React.useRef({});\n const registerReference = React.useCallback(\n (ref: HTMLElement) => {\n if (ref) listRef[ref.dataset.key] = ref;\n },\n [listRef],\n );\n React.useEffect(() => {\n if (actionRef.current.listRef) {\n actionRef.current.listRef = listRef;\n }\n }, [sidebarItems, expanded, actionRef, listRef]);\n\n return (\n <StyledSideBarContainer rows={[1, 'auto']} ref={listRef}>\n <StyledSideBarButtonsContainer>\n {sidebarItems.map((p) => (\n <TileButton\n key={p.dsId}\n innerRef={registerReference}\n {...p}\n selected={selectedItem === p.dsId}\n tooltipPlacement={tooltipPlacement}\n disableTooltip={enableTooltipWhenIsClosed ? false : !expanded}\n />\n ))}\n </StyledSideBarButtonsContainer>\n <FooterChat\n expanded={expanded}\n onFooterClose={onFooterClose}\n onFooterExpand={onFooterExpand}\n footerButtonExtraProps={footerButtonExtraProps}\n />\n </StyledSideBarContainer>\n );\n};\n\nSideBarChat.propTypes = chatSidebarProps;\nSideBarChat.defaultProps = defaultProps;\nconst SideBarChatWithSchema = describe(SideBarChat);\nSideBarChatWithSchema.propTypes = chatSidebarProps;\n\nexport { SideBarChat, SideBarChatWithSchema };\n"],"names":["FooterChat","expanded","onFooterClose","onFooterExpand","footerButtonExtraProps","MenuCollapse","MenuExpand","SideBarChat","props","useValidateProps","SideBarChatWithSchema","toJSON","sidebarItems","selectedItem","tooltipPlacement","enableTooltipWhenIsClosed","actionRef","React","useRef","listRef","current","registerReference","useCallback","ref","dataset","key","useEffect","map","p","dsId","propTypes","chatSidebarProps","defaultProps","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,UAAU,GAAG,SAAbA,UAAa;EAAA,IACjBC,QADiB,QACjBA,QADiB;MAEjBC,aAFiB,QAEjBA,aAFiB;MAGjBC,cAHiB,QAGjBA,cAHiB;MAIjBC,sBAJiB,QAIjBA,sBAJiB;EAAA,oBAMjB,oBAAC,aAAD;IACE,IAAI,EAAC,gBADP;IAEE,KAAK,EAAE,IAFT;IAGE,IAAI,EAAE,CAACH,QAAD,GAAYI,YAAZ,GAA2BC,UAHnC;IAIE,OAAO,EAAEL,QAAQ,GAAGC,aAAH,GAAmBC,cAJtC;IAKE,gBAAcF,QALhB;IAME,cAAYG,sBAAsB,CAAC,YAAD;IAZnB;AAAA,CAAnB;;IAgBMG,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAA0C;EAC5DC,gBAAgB,CAACD,KAAD,EAAQE,qBAAqB,CAACC,MAAtB,EAAR,CAAhB;EACA,IACEC,YADF,GAUIJ,KAVJ,CACEI,YADF;MAEEX,QAFF,GAUIO,KAVJ,CAEEP,QAFF;MAGEC,aAHF,GAUIM,KAVJ,CAGEN,aAHF;MAIEC,cAJF,GAUIK,KAVJ,CAIEL,cAJF;MAKEU,YALF,GAUIL,KAVJ,CAKEK,YALF;MAMET,sBANF,GAUII,KAVJ,CAMEJ,sBANF;MAOEU,gBAPF,GAUIN,KAVJ,CAOEM,gBAPF;MAQEC,yBARF,GAUIP,KAVJ,CAQEO,yBARF;MASEC,SATF,GAUIR,KAVJ,CASEQ,SATF;;EAWA,oBAA6BC,KAAK,CAACC,MAAN,CAAa,EAAb,CAA7B;MAAiBC,OAAjB,iBAAQC,OAAR;;EACA,IAAMC,iBAAiB,GAAGJ,KAAK,CAACK,WAAN,CACxB,UAACC,GAAD,EAAsB;IACpB,IAAIA,GAAJ,EAASJ,OAAO,CAACI,GAAG,CAACC,OAAJ,CAAYC,GAAb,CAAP,GAA2BF,GAA3B;GAFa,EAIxB,CAACJ,OAAD,CAJwB,CAA1B;EAMAF,KAAK,CAACS,SAAN,CAAgB,YAAM;IACpB,IAAIV,SAAS,CAACI,OAAV,CAAkBD,OAAtB,EAA+B;MAC7BH,SAAS,CAACI,OAAV,CAAkBD,OAAlB,GAA4BA,OAA5B;;GAFJ,EAIG,CAACP,YAAD,EAAeX,QAAf,EAAyBe,SAAzB,EAAoCG,OAApC,CAJH;EAMA,oBACE,oBAAC,sBAAD;IAAwB,IAAI,EAAE,CAAC,CAAD,EAAI,MAAJ,CAA9B;IAA2C,GAAG,EAAEA;kBAC9C,oBAAC,6BAAD,QACGP,YAAY,CAACe,GAAb,CAAiB,UAACC,CAAD;IAAA,oBAChB,oBAAC,UAAD;MACE,GAAG,EAAEA,CAAC,CAACC,IADT;MAEE,QAAQ,EAAER;OACNO,CAHN;MAIE,QAAQ,EAAEf,YAAY,KAAKe,CAAC,CAACC,IAJ/B;MAKE,gBAAgB,EAAEf,gBALpB;MAME,cAAc,EAAEC,yBAAyB,GAAG,KAAH,GAAW,CAACd;OAPvC;GAAjB,CADH,CADF,eAaE,oBAAC,UAAD;IACE,QAAQ,EAAEA,QADZ;IAEE,aAAa,EAAEC,aAFjB;IAGE,cAAc,EAAEC,cAHlB;IAIE,sBAAsB,EAAEC;IAjB5B,CADF;AAsBD;;AAEDG,WAAW,CAACuB,SAAZ,GAAwBC,gBAAxB;AACAxB,WAAW,CAACyB,YAAZ,GAA2BA,YAA3B;IACMtB,qBAAqB,GAAGuB,QAAQ,CAAC1B,WAAD;AACtCG,qBAAqB,CAACoB,SAAtB,GAAkCC,gBAAlC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/chat-sidebar/config/useValidateProps.tsx"],"sourcesContent":["import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { CharSidebarProps } from '../props';\n\nexport const useValidateProps = (props: CharSidebarProps, schema: unknown): void => {\n useValidatePropTypes(props, schema);\n};\n"],"names":["useValidateProps","props","schema","useValidatePropTypes"],"mappings":";;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAA0BC,MAA1B,EAAoD;
|
|
1
|
+
{"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/chat-sidebar/config/useValidateProps.tsx"],"sourcesContent":["import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { CharSidebarProps } from '../props';\n\nexport const useValidateProps = (props: CharSidebarProps, schema: unknown): void => {\n useValidatePropTypes(props, schema);\n};\n"],"names":["useValidateProps","props","schema","useValidatePropTypes"],"mappings":";;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAA0BC,MAA1B,EAAoD;EAClFC,oBAAoB,CAACF,KAAD,EAAQC,MAAR,CAApB;AACD;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.js","sources":["../../../../src/parts/chat-sidebar/props.ts"],"sourcesContent":["import { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport { TileButtonProps } from '../tile-button/props';\n\nexport interface CharSidebarProps {\n sidebarItems: TileButtonProps[];\n expanded: boolean;\n selectedItem: undefined;\n onFooterClose: () => void;\n onFooterExpand: () => void;\n onHeaderExpand: () => void;\n onHeaderClose: () => void;\n footerButtonExtraProps: Record<string, any>;\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 enableTooltipWhenIsClosed: boolean;\n actionRef: React.MutableRefObject<any>;\n}\n\nexport const defaultProps: CharSidebarProps = {\n expanded: false,\n selectedItem: undefined,\n sidebarItems: [],\n onFooterExpand: noop,\n onFooterClose: noop,\n onHeaderExpand: noop,\n onHeaderClose: noop,\n footerButtonExtraProps: { 'aria-label': 'expand or collapse button' },\n tooltipPlacement: 'right',\n enableTooltipWhenIsClosed: false,\n actionRef: {\n current: {\n listRef: [],\n },\n },\n};\n\nexport const chatSidebarProps = {\n sidebarItems: PropTypes.arrayOf(PropTypes.object)\n .description('The array of out-of-the-box items you want to render inside the sidebar nav of the chat')\n .defaultValue(defaultProps.sidebarItems),\n expanded: PropTypes.bool\n .description('Whether to show the chat expanded or collapsed')\n .defaultValue(defaultProps.expanded),\n selectedItem: PropTypes.string\n .description('The id of the chat item you want to be opened')\n .defaultValue(defaultProps.selectedItem),\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 enableTooltipWhenIsClosed: PropTypes.bool\n .description('Enable tooltip when is closed')\n .defaultValue(defaultProps.onFooterExpand),\n onFooterExpand: PropTypes.func\n .description('The function to call when the chat is opened via the footer')\n .defaultValue(defaultProps.onFooterExpand),\n onFooterClose: PropTypes.func\n .description('The function to call when the chat is closed via the footer')\n .defaultValue(defaultProps.onFooterClose),\n onHeaderExpand: PropTypes.func\n .description('The function to call when the chat is opened via the header')\n .defaultValue(defaultProps.onHeaderExpand),\n onHeaderClose: PropTypes.func\n .description('The function to call when the chat is closed via the header')\n .defaultValue(defaultProps.onHeaderClose),\n footerButtonExtraProps: PropTypes.object\n .description('Expand/collapse footer button extra props')\n .defaultValue(defaultProps.footerButtonExtraProps),\n actionRef: PropTypes.object\n .description(\n `Action ref for sidebar\n {\n listRef: references to Tiles\n }\n `,\n )\n .defaultValue(defaultProps.actionRef),\n};\n"],"names":["defaultProps","expanded","selectedItem","undefined","sidebarItems","onFooterExpand","noop","onFooterClose","onHeaderExpand","onHeaderClose","footerButtonExtraProps","tooltipPlacement","enableTooltipWhenIsClosed","actionRef","current","listRef","chatSidebarProps","PropTypes","arrayOf","object","description","defaultValue","bool","string","oneOf","func"],"mappings":";;;IA8BaA,YAA8B,GAAG;
|
|
1
|
+
{"version":3,"file":"props.js","sources":["../../../../src/parts/chat-sidebar/props.ts"],"sourcesContent":["import { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport { TileButtonProps } from '../tile-button/props';\n\nexport interface CharSidebarProps {\n sidebarItems: TileButtonProps[];\n expanded: boolean;\n selectedItem: undefined;\n onFooterClose: () => void;\n onFooterExpand: () => void;\n onHeaderExpand: () => void;\n onHeaderClose: () => void;\n footerButtonExtraProps: Record<string, any>;\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 enableTooltipWhenIsClosed: boolean;\n actionRef: React.MutableRefObject<any>;\n}\n\nexport const defaultProps: CharSidebarProps = {\n expanded: false,\n selectedItem: undefined,\n sidebarItems: [],\n onFooterExpand: noop,\n onFooterClose: noop,\n onHeaderExpand: noop,\n onHeaderClose: noop,\n footerButtonExtraProps: { 'aria-label': 'expand or collapse button' },\n tooltipPlacement: 'right',\n enableTooltipWhenIsClosed: false,\n actionRef: {\n current: {\n listRef: [],\n },\n },\n};\n\nexport const chatSidebarProps = {\n sidebarItems: PropTypes.arrayOf(PropTypes.object)\n .description('The array of out-of-the-box items you want to render inside the sidebar nav of the chat')\n .defaultValue(defaultProps.sidebarItems),\n expanded: PropTypes.bool\n .description('Whether to show the chat expanded or collapsed')\n .defaultValue(defaultProps.expanded),\n selectedItem: PropTypes.string\n .description('The id of the chat item you want to be opened')\n .defaultValue(defaultProps.selectedItem),\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 enableTooltipWhenIsClosed: PropTypes.bool\n .description('Enable tooltip when is closed')\n .defaultValue(defaultProps.onFooterExpand),\n onFooterExpand: PropTypes.func\n .description('The function to call when the chat is opened via the footer')\n .defaultValue(defaultProps.onFooterExpand),\n onFooterClose: PropTypes.func\n .description('The function to call when the chat is closed via the footer')\n .defaultValue(defaultProps.onFooterClose),\n onHeaderExpand: PropTypes.func\n .description('The function to call when the chat is opened via the header')\n .defaultValue(defaultProps.onHeaderExpand),\n onHeaderClose: PropTypes.func\n .description('The function to call when the chat is closed via the header')\n .defaultValue(defaultProps.onHeaderClose),\n footerButtonExtraProps: PropTypes.object\n .description('Expand/collapse footer button extra props')\n .defaultValue(defaultProps.footerButtonExtraProps),\n actionRef: PropTypes.object\n .description(\n `Action ref for sidebar\n {\n listRef: references to Tiles\n }\n `,\n )\n .defaultValue(defaultProps.actionRef),\n};\n"],"names":["defaultProps","expanded","selectedItem","undefined","sidebarItems","onFooterExpand","noop","onFooterClose","onHeaderExpand","onHeaderClose","footerButtonExtraProps","tooltipPlacement","enableTooltipWhenIsClosed","actionRef","current","listRef","chatSidebarProps","PropTypes","arrayOf","object","description","defaultValue","bool","string","oneOf","func"],"mappings":";;;IA8BaA,YAA8B,GAAG;EAC5CC,QAAQ,EAAE,KADkC;EAE5CC,YAAY,EAAEC,SAF8B;EAG5CC,YAAY,EAAE,EAH8B;EAI5CC,cAAc,EAAEC,IAJ4B;EAK5CC,aAAa,EAAED,IAL6B;EAM5CE,cAAc,EAAEF,IAN4B;EAO5CG,aAAa,EAAEH,IAP6B;EAQ5CI,sBAAsB,EAAE;IAAE,cAAc;GARI;EAS5CC,gBAAgB,EAAE,OAT0B;EAU5CC,yBAAyB,EAAE,KAViB;EAW5CC,SAAS,EAAE;IACTC,OAAO,EAAE;MACPC,OAAO,EAAE;;;AAb+B;IAkBjCC,gBAAgB,GAAG;EAC9BZ,YAAY,EAAEa,SAAS,CAACC,OAAV,CAAkBD,SAAS,CAACE,MAA5B,EACXC,WADW,CACC,yFADD,EAEXC,YAFW,CAEErB,YAAY,CAACI,YAFf,CADgB;EAI9BH,QAAQ,EAAEgB,SAAS,CAACK,IAAV,CACPF,WADO,CACK,gDADL,EAEPC,YAFO,CAEMrB,YAAY,CAACC,QAFnB,CAJoB;EAO9BC,YAAY,EAAEe,SAAS,CAACM,MAAV,CACXH,WADW,CACC,+CADD,EAEXC,YAFW,CAEErB,YAAY,CAACE,YAFf,CAPgB;EAU9BS,gBAAgB,EAAEM,SAAS,CAACO,KAAV,CAAgB,CAChC,WADgC,EAEhC,KAFgC,EAGhC,SAHgC,EAIhC,aAJgC,EAKhC,OALgC,EAMhC,WANgC,EAOhC,YAPgC,EAQhC,QARgC,EAShC,cATgC,EAUhC,UAVgC,EAWhC,MAXgC,EAYhC,YAZgC,CAAhB,EAcfJ,WAde,CAcH,+DAdG,EAefC,YAfe,CAeF,SAfE,CAVY;EA0B9BT,yBAAyB,EAAEK,SAAS,CAACK,IAAV,CACxBF,WADwB,CACZ,+BADY,EAExBC,YAFwB,CAEXrB,YAAY,CAACK,cAFF,CA1BG;EA6B9BA,cAAc,EAAEY,SAAS,CAACQ,IAAV,CACbL,WADa,CACD,6DADC,EAEbC,YAFa,CAEArB,YAAY,CAACK,cAFb,CA7Bc;EAgC9BE,aAAa,EAAEU,SAAS,CAACQ,IAAV,CACZL,WADY,CACA,6DADA,EAEZC,YAFY,CAECrB,YAAY,CAACO,aAFd,CAhCe;EAmC9BC,cAAc,EAAES,SAAS,CAACQ,IAAV,CACbL,WADa,CACD,6DADC,EAEbC,YAFa,CAEArB,YAAY,CAACQ,cAFb,CAnCc;EAsC9BC,aAAa,EAAEQ,SAAS,CAACQ,IAAV,CACZL,WADY,CACA,6DADA,EAEZC,YAFY,CAECrB,YAAY,CAACS,aAFd,CAtCe;EAyC9BC,sBAAsB,EAAEO,SAAS,CAACE,MAAV,CACrBC,WADqB,CACT,2CADS,EAErBC,YAFqB,CAERrB,YAAY,CAACU,sBAFL,CAzCM;EA4C9BG,SAAS,EAAEI,SAAS,CAACE,MAAV,CACRC,WADQ,2EAQRC,YARQ,CAQKrB,YAAY,CAACa,SARlB;AA5CmB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../../src/parts/chat-sidebar/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { MIN_WIDTH_SIDEBAR, BUTTON_SIDEBAR_HEIGHT } from '../../styled';\n\n// Sidebar\nexport const StyledSideBarContainer = styled(Grid)`\n height: 100%;\n width: ${MIN_WIDTH_SIDEBAR}px;\n background: ${(props) => props.theme.colors.neutral['050']};\n border-right: 1px solid ${(props) => props.theme.colors.neutral['100']};\n overflow: hidden;\n`;\n\nexport const StyledSideBarButtonsContainer = styled(Grid)`\n overflow-y: auto;\n align-items: flex-start;\n justify-content: flex-start;\n grid-template-rows: repeat(auto-fill, ${BUTTON_SIDEBAR_HEIGHT}px);\n overflow-x: hidden;\n\n scrollbar-width: thin;\n &::-webkit-scrollbar {\n width: 6px;\n }\n`;\n"],"names":["StyledSideBarContainer","styled","Grid","MIN_WIDTH_SIDEBAR","props","theme","colors","neutral","StyledSideBarButtonsContainer","BUTTON_SIDEBAR_HEIGHT"],"mappings":";;;;IAKaA,sBAAsB,gBAAGC,MAAM,CAACC,IAAD,CAAT;
|
|
1
|
+
{"version":3,"file":"styled.js","sources":["../../../../src/parts/chat-sidebar/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { MIN_WIDTH_SIDEBAR, BUTTON_SIDEBAR_HEIGHT } from '../../styled';\n\n// Sidebar\nexport const StyledSideBarContainer = styled(Grid)`\n height: 100%;\n width: ${MIN_WIDTH_SIDEBAR}px;\n background: ${(props) => props.theme.colors.neutral['050']};\n border-right: 1px solid ${(props) => props.theme.colors.neutral['100']};\n overflow: hidden;\n`;\n\nexport const StyledSideBarButtonsContainer = styled(Grid)`\n overflow-y: auto;\n align-items: flex-start;\n justify-content: flex-start;\n grid-template-rows: repeat(auto-fill, ${BUTTON_SIDEBAR_HEIGHT}px);\n overflow-x: hidden;\n\n scrollbar-width: thin;\n &::-webkit-scrollbar {\n width: 6px;\n }\n`;\n"],"names":["StyledSideBarContainer","styled","Grid","MIN_WIDTH_SIDEBAR","props","theme","colors","neutral","StyledSideBarButtonsContainer","BUTTON_SIDEBAR_HEIGHT"],"mappings":";;;;IAKaA,sBAAsB,gBAAGC,MAAM,CAACC,IAAD,CAAT;EAAA;AAAA,8FAExBC,iBAFwB,EAGnB,UAACC,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAHmB,EAIP,UAACH,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAJO;IAQtBC,6BAA6B,gBAAGP,MAAM,CAACC,IAAD,CAAT;EAAA;AAAA,8LAIAO,qBAJA;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FloatingButton.js","sources":["../../../../src/parts/floating-button/FloatingButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Comments } from '@elliemae/ds-icons';\nimport { StyledFloatingButton } from './styled';\nimport { defaultFloatingButton, propsFloatingButton, FloatingButtonProps } from './props';\n\nexport const FloatingButton = ({ onClick, onFocus, innerRef }: FloatingButtonProps): JSX.Element => (\n <StyledFloatingButton onFocus={onFocus} ref={innerRef} data-testid=\"chat-floating-button\" onClick={onClick}>\n <Comments size=\"l\" />\n </StyledFloatingButton>\n);\n\nFloatingButton.propTypes = propsFloatingButton;\nFloatingButton.defaultProps = defaultFloatingButton;\n"],"names":["FloatingButton","onClick","onFocus","innerRef","propTypes","propsFloatingButton","defaultProps","defaultFloatingButton"],"mappings":";;;;;;;;IAKaA,cAAc,GAAG,SAAjBA,cAAiB;
|
|
1
|
+
{"version":3,"file":"FloatingButton.js","sources":["../../../../src/parts/floating-button/FloatingButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Comments } from '@elliemae/ds-icons';\nimport { StyledFloatingButton } from './styled';\nimport { defaultFloatingButton, propsFloatingButton, FloatingButtonProps } from './props';\n\nexport const FloatingButton = ({ onClick, onFocus, innerRef }: FloatingButtonProps): JSX.Element => (\n <StyledFloatingButton onFocus={onFocus} ref={innerRef} data-testid=\"chat-floating-button\" onClick={onClick}>\n <Comments size=\"l\" />\n </StyledFloatingButton>\n);\n\nFloatingButton.propTypes = propsFloatingButton;\nFloatingButton.defaultProps = defaultFloatingButton;\n"],"names":["FloatingButton","onClick","onFocus","innerRef","propTypes","propsFloatingButton","defaultProps","defaultFloatingButton"],"mappings":";;;;;;;;IAKaA,cAAc,GAAG,SAAjBA,cAAiB;EAAA,IAAGC,OAAH,QAAGA,OAAH;MAAYC,OAAZ,QAAYA,OAAZ;MAAqBC,QAArB,QAAqBA,QAArB;EAAA,oBAC5B,oBAAC,oBAAD;IAAsB,OAAO,EAAED,OAA/B;IAAwC,GAAG,EAAEC,QAA7C;IAAuD,eAAY,sBAAnE;IAA0F,OAAO,EAAEF;kBACjG,oBAAC,QAAD;IAAU,IAAI,EAAC;IADjB,CAD4B;AAAA;AAM9BD,cAAc,CAACI,SAAf,GAA2BC,mBAA3B;AACAL,cAAc,CAACM,YAAf,GAA8BC,qBAA9B;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.js","sources":["../../../../src/parts/floating-button/props.ts"],"sourcesContent":["import { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport React from 'react';\n\nexport interface FloatingButtonProps {\n onClick: () => void;\n onFocus: () => void;\n innerRef: React.RefObject<HTMLButtonElement>;\n}\n\nexport const defaultFloatingButton: FloatingButtonProps = {\n onClick: noop,\n onFocus: noop,\n innerRef: null,\n};\n\nexport const propsFloatingButton = {\n onClick: PropTypes.func\n .description('The function to call when the chat is opened via the footer')\n .defaultValue(defaultFloatingButton.onClick),\n onFocus: PropTypes.func\n .description('The function to call when button is being focused')\n .defaultValue(defaultFloatingButton.onFocus),\n innerRef: PropTypes.object.description('Ref to the component container').defaultValue(null),\n};\n"],"names":["defaultFloatingButton","onClick","noop","onFocus","innerRef","propsFloatingButton","PropTypes","func","description","defaultValue","object"],"mappings":";;;IAUaA,qBAA0C,GAAG;
|
|
1
|
+
{"version":3,"file":"props.js","sources":["../../../../src/parts/floating-button/props.ts"],"sourcesContent":["import { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport React from 'react';\n\nexport interface FloatingButtonProps {\n onClick: () => void;\n onFocus: () => void;\n innerRef: React.RefObject<HTMLButtonElement>;\n}\n\nexport const defaultFloatingButton: FloatingButtonProps = {\n onClick: noop,\n onFocus: noop,\n innerRef: null,\n};\n\nexport const propsFloatingButton = {\n onClick: PropTypes.func\n .description('The function to call when the chat is opened via the footer')\n .defaultValue(defaultFloatingButton.onClick),\n onFocus: PropTypes.func\n .description('The function to call when button is being focused')\n .defaultValue(defaultFloatingButton.onFocus),\n innerRef: PropTypes.object.description('Ref to the component container').defaultValue(null),\n};\n"],"names":["defaultFloatingButton","onClick","noop","onFocus","innerRef","propsFloatingButton","PropTypes","func","description","defaultValue","object"],"mappings":";;;IAUaA,qBAA0C,GAAG;EACxDC,OAAO,EAAEC,IAD+C;EAExDC,OAAO,EAAED,IAF+C;EAGxDE,QAAQ,EAAE;AAH8C;IAM7CC,mBAAmB,GAAG;EACjCJ,OAAO,EAAEK,SAAS,CAACC,IAAV,CACNC,WADM,CACM,6DADN,EAENC,YAFM,CAEOT,qBAAqB,CAACC,OAF7B,CADwB;EAIjCE,OAAO,EAAEG,SAAS,CAACC,IAAV,CACNC,WADM,CACM,mDADN,EAENC,YAFM,CAEOT,qBAAqB,CAACG,OAF7B,CAJwB;EAOjCC,QAAQ,EAAEE,SAAS,CAACI,MAAV,CAAiBF,WAAjB,CAA6B,gCAA7B,EAA+DC,YAA/D,CAA4E,IAA5E;AAPuB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../../src/parts/floating-button/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nconst BUTTON_FLOATING = 56;\nconst BOX_SHADOW = '0 5px 8px 0 rgba(53,60,70,0.55)';\nconst BOX_SHADOW_FLOATING = '0 5px 8px 0 rgba(53,60,70,0.35)';\nconst BOX_SHADOW_INSET = `inset 100px 3px 4px 0 rgba(53,60,70,0.50)`;\n\nexport const StyledFloatingButton = styled.button`\n outline: none;\n cursor: pointer;\n height: ${BUTTON_FLOATING}px;\n width: ${BUTTON_FLOATING}px;\n border: none;\n background: ${(props) => props.theme.colors.brand[600]};\n border-radius: 50%;\n box-shadow: ${BOX_SHADOW_FLOATING};\n &:hover {\n background: ${(props) => props.theme.colors.brand[700]};\n }\n &:focus {\n border: 2px solid ${(props) => props.theme.colors.brand[700]};\n box-shadow: inset 0 0 0 2px ${(props) => props.theme.colors.neutral['000']},\n ${BOX_SHADOW};\n }\n &:active {\n background: ${(props) => props.theme.colors.brand[800]};\n box-shadow: inset 0 0 0 0, ${BOX_SHADOW_FLOATING};\n }\n svg {\n fill: ${(props) => props.theme.colors.neutral['000']};\n }\n`;\n"],"names":["BUTTON_FLOATING","BOX_SHADOW","BOX_SHADOW_FLOATING","StyledFloatingButton","styled","button","props","theme","colors","brand","neutral"],"mappings":";;AAEA,IAAMA,eAAe,GAAG,EAAxB;AACA,IAAMC,UAAU,GAAG,iCAAnB;AACA,IAAMC,mBAAmB,GAAG,iCAA5B;IAGaC,oBAAoB,gBAAGC,MAAM,CAACC,MAAV;
|
|
1
|
+
{"version":3,"file":"styled.js","sources":["../../../../src/parts/floating-button/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nconst BUTTON_FLOATING = 56;\nconst BOX_SHADOW = '0 5px 8px 0 rgba(53,60,70,0.55)';\nconst BOX_SHADOW_FLOATING = '0 5px 8px 0 rgba(53,60,70,0.35)';\nconst BOX_SHADOW_INSET = `inset 100px 3px 4px 0 rgba(53,60,70,0.50)`;\n\nexport const StyledFloatingButton = styled.button`\n outline: none;\n cursor: pointer;\n height: ${BUTTON_FLOATING}px;\n width: ${BUTTON_FLOATING}px;\n border: none;\n background: ${(props) => props.theme.colors.brand[600]};\n border-radius: 50%;\n box-shadow: ${BOX_SHADOW_FLOATING};\n &:hover {\n background: ${(props) => props.theme.colors.brand[700]};\n }\n &:focus {\n border: 2px solid ${(props) => props.theme.colors.brand[700]};\n box-shadow: inset 0 0 0 2px ${(props) => props.theme.colors.neutral['000']},\n ${BOX_SHADOW};\n }\n &:active {\n background: ${(props) => props.theme.colors.brand[800]};\n box-shadow: inset 0 0 0 0, ${BOX_SHADOW_FLOATING};\n }\n svg {\n fill: ${(props) => props.theme.colors.neutral['000']};\n }\n`;\n"],"names":["BUTTON_FLOATING","BOX_SHADOW","BOX_SHADOW_FLOATING","StyledFloatingButton","styled","button","props","theme","colors","brand","neutral"],"mappings":";;AAEA,IAAMA,eAAe,GAAG,EAAxB;AACA,IAAMC,UAAU,GAAG,iCAAnB;AACA,IAAMC,mBAAmB,GAAG,iCAA5B;IAGaC,oBAAoB,gBAAGC,MAAM,CAACC,MAAV;EAAA;AAAA,kSAGrBL,eAHqB,EAItBA,eAJsB,EAMjB,UAACM,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CANiB,EAQjBP,mBARiB,EAUf,UAACI,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAVe,EAaT,UAACH,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAbS,EAcC,UAACH,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBE,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAdD,EAezBT,UAfyB,EAkBf,UAACK,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAlBe,EAmBAP,mBAnBA,EAsBrB,UAACI,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBE,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAtBqB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../../src/parts/floating-container/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { BOX_SHADOW } from '../../styled';\n\n// Floating\nexport const StyledFloatingContainer = styled(Grid)`\n position: fixed;\n bottom: 24px;\n right: 24px;\n border-radius: 4px;\n z-index: 1;\n box-shadow: ${BOX_SHADOW};\n background: ${(nestedProps) => nestedProps.theme.colors.neutral['050']};\n width: 348px;\n`;\n"],"names":["StyledFloatingContainer","styled","Grid","BOX_SHADOW","nestedProps","theme","colors","neutral"],"mappings":";;;;IAKaA,uBAAuB,gBAAGC,MAAM,CAACC,IAAD,CAAT;
|
|
1
|
+
{"version":3,"file":"styled.js","sources":["../../../../src/parts/floating-container/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { BOX_SHADOW } from '../../styled';\n\n// Floating\nexport const StyledFloatingContainer = styled(Grid)`\n position: fixed;\n bottom: 24px;\n right: 24px;\n border-radius: 4px;\n z-index: 1;\n box-shadow: ${BOX_SHADOW};\n background: ${(nestedProps) => nestedProps.theme.colors.neutral['050']};\n width: 348px;\n`;\n"],"names":["StyledFloatingContainer","styled","Grid","BOX_SHADOW","nestedProps","theme","colors","neutral"],"mappings":";;;;IAKaA,uBAAuB,gBAAGC,MAAM,CAACC,IAAD,CAAT;EAAA;AAAA,uHAMpBC,UANoB,EAOpB,UAACC,WAAD;EAAA,OAAiBA,WAAW,CAACC,KAAZ,CAAkBC,MAAlB,CAAyBC,OAAzB,CAAiC,KAAjC,CAAjB;AAAA,CAPoB;;;;"}
|
|
@@ -38,6 +38,7 @@ import '../system-message/config/useValidateProps.js';
|
|
|
38
38
|
import '../chat-container-messages-list/styled.js';
|
|
39
39
|
import '../chat-container-messages-list/props.js';
|
|
40
40
|
import '../chat-container-messages-list/config/useValidateProps.js';
|
|
41
|
+
import '../chat-container-messages-list/useGetNewMessages.js';
|
|
41
42
|
import '../chat-container/props.js';
|
|
42
43
|
import '../chat-container/styled.js';
|
|
43
44
|
import '../chat-container/config/useValidateProps.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InfluencerContainer.js","sources":["../../../../src/parts/grid-influencer/InfluencerContainer.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { StyledChatContainer } from './styled';\nimport { ChatContainer } from '../chat-container/ChatContainer';\nimport { SideBarChat } from '../chat-sidebar/SideBarChat';\n\nexport const InfluencerContainer: React.ComponentType<any> = (props) =>\n React.useMemo(\n () =>\n props.floating ? null : (\n <StyledChatContainer\n cols={['auto', props.expanded ? 1 : '0px']}\n expanded={props.expanded}\n expandedWidth={props.expandedWidth}\n >\n <SideBarChat />\n {props.expanded ? <ChatContainer /> : <div />}\n </StyledChatContainer>\n ),\n [props.floating, props.expanded, props.expandedWidth],\n );\n"],"names":["InfluencerContainer","props","React","useMemo","floating","expanded","expandedWidth"],"mappings":"
|
|
1
|
+
{"version":3,"file":"InfluencerContainer.js","sources":["../../../../src/parts/grid-influencer/InfluencerContainer.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { StyledChatContainer } from './styled';\nimport { ChatContainer } from '../chat-container/ChatContainer';\nimport { SideBarChat } from '../chat-sidebar/SideBarChat';\n\nexport const InfluencerContainer: React.ComponentType<any> = (props) =>\n React.useMemo(\n () =>\n props.floating ? null : (\n <StyledChatContainer\n cols={['auto', props.expanded ? 1 : '0px']}\n expanded={props.expanded}\n expandedWidth={props.expandedWidth}\n >\n <SideBarChat />\n {props.expanded ? <ChatContainer /> : <div />}\n </StyledChatContainer>\n ),\n [props.floating, props.expanded, props.expandedWidth],\n );\n"],"names":["InfluencerContainer","props","React","useMemo","floating","expanded","expandedWidth"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;IAMaA,mBAA6C,GAAG,SAAhDA,mBAAgD,CAACC,KAAD;EAAA,OAC3DC,KAAK,CAACC,OAAN,CACE;IAAA,OACEF,KAAK,CAACG,QAAN,GAAiB,IAAjB,gBACE,oBAAC,mBAAD;MACE,IAAI,EAAE,CAAC,MAAD,EAASH,KAAK,CAACI,QAAN,GAAiB,CAAjB,GAAqB,KAA9B,CADR;MAEE,QAAQ,EAAEJ,KAAK,CAACI,QAFlB;MAGE,aAAa,EAAEJ,KAAK,CAACK;oBAErB,oBAAC,WAAD,OALF,EAMGL,KAAK,CAACI,QAAN,gBAAiB,oBAAC,aAAD,OAAjB,gBAAqC,gCANxC,CAFJ;GADF,EAYE,CAACJ,KAAK,CAACG,QAAP,EAAiBH,KAAK,CAACI,QAAvB,EAAiCJ,KAAK,CAACK,aAAvC,CAZF,CAD2D;AAAA;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../../src/parts/grid-influencer/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { MIN_WIDTH_SIDEBAR } from '../../styled';\n\nexport const StyledChatContainer = styled(Grid)`\n height: 100%;\n width: ${(props) =>\n props.expanded ? `${props.expandedWidth}px` : `${MIN_WIDTH_SIDEBAR}px`};\n background: ${(props) => props.theme.colors.neutral['050']};\n box-shadow: -1px 0 0 0 ${(props) => props.theme.colors.neutral[100]};\n transition: width ${(props) => (props.expanded ? 'ease-out' : 'ease-in')}\n 350ms;\n`;\n\nexport const StyledChatContainerContent = styled(Grid)`\n height: 100%;\n overflow: hidden;\n background: ${(props) => props.theme.colors.neutral['050']};\n ${(props) =>\n props.floating\n ? `\n width: ${props.expandedWidth}px;\n`\n : `\n width: ${props.expandedWidth - MIN_WIDTH_SIDEBAR}px;\n`}\n`;\n"],"names":["StyledChatContainer","styled","Grid","props","expanded","expandedWidth","MIN_WIDTH_SIDEBAR","theme","colors","neutral","StyledChatContainerContent","floating"],"mappings":";;;;IAIaA,mBAAmB,gBAAGC,MAAM,CAACC,IAAD,CAAT;
|
|
1
|
+
{"version":3,"file":"styled.js","sources":["../../../../src/parts/grid-influencer/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { MIN_WIDTH_SIDEBAR } from '../../styled';\n\nexport const StyledChatContainer = styled(Grid)`\n height: 100%;\n width: ${(props) =>\n props.expanded ? `${props.expandedWidth}px` : `${MIN_WIDTH_SIDEBAR}px`};\n background: ${(props) => props.theme.colors.neutral['050']};\n box-shadow: -1px 0 0 0 ${(props) => props.theme.colors.neutral[100]};\n transition: width ${(props) => (props.expanded ? 'ease-out' : 'ease-in')}\n 350ms;\n`;\n\nexport const StyledChatContainerContent = styled(Grid)`\n height: 100%;\n overflow: hidden;\n background: ${(props) => props.theme.colors.neutral['050']};\n ${(props) =>\n props.floating\n ? `\n width: ${props.expandedWidth}px;\n`\n : `\n width: ${props.expandedWidth - MIN_WIDTH_SIDEBAR}px;\n`}\n`;\n"],"names":["StyledChatContainer","styled","Grid","props","expanded","expandedWidth","MIN_WIDTH_SIDEBAR","theme","colors","neutral","StyledChatContainerContent","floating"],"mappings":";;;;IAIaA,mBAAmB,gBAAGC,MAAM,CAACC,IAAD,CAAT;EAAA;AAAA,uGAErB,UAACC,KAAD;EAAA,OACPA,KAAK,CAACC,QAAN,aAAoBD,KAAK,CAACE,aAA1B,oBAAiDC,iBAAjD,OADO;AAAA,CAFqB,EAIhB,UAACH,KAAD;EAAA,OAAWA,KAAK,CAACI,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAJgB,EAKL,UAACN,KAAD;EAAA,OAAWA,KAAK,CAACI,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CALK,EAMV,UAACN,KAAD;EAAA,OAAYA,KAAK,CAACC,QAAN,GAAiB,UAAjB,GAA8B,SAA1C;AAAA,CANU;IAUnBM,0BAA0B,gBAAGT,MAAM,CAACC,IAAD,CAAT;EAAA;AAAA,yDAGvB,UAACC,KAAD;EAAA,OAAWA,KAAK,CAACI,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAHuB,EAInC,UAACN,KAAD;EAAA,OACAA,KAAK,CAACQ,QAAN,wBAEOR,KAAK,CAACE,aAFb,kCAKOF,KAAK,CAACE,aAAN,GAAsBC,iBAL7B,UADA;AAAA,CAJmC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MessageDelimiter.js","sources":["../../../../src/parts/message-delimiter/MessageDelimiter.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { Wrapper, Line, Text } from './styled';\nimport { defaultProps, messageDelimiterProps, MessageDelimiterProps } from './props';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst MessageDelimiter = (props: MessageDelimiterProps): JSX.Element => {\n useValidateProps(props, MessageDelimiterWithSchema.toJSON());\n const { title, size, extraProps, verticalMargin } = props;\n return (\n <Wrapper cols={['1fr', 'auto', '1fr']}>\n <Line />\n <Text size={size} verticalMargin={verticalMargin} data-testid={extraProps['data-testid']}>\n {title}\n </Text>\n <Line />\n </Wrapper>\n );\n};\n\nMessageDelimiter.defaultProps = defaultProps;\nMessageDelimiter.propTypes = messageDelimiterProps;\nconst MessageDelimiterWithSchema = describe(MessageDelimiter);\nMessageDelimiterWithSchema.propTypes = messageDelimiterProps;\n\nexport { MessageDelimiter, MessageDelimiterWithSchema };\n"],"names":["MessageDelimiter","props","useValidateProps","MessageDelimiterWithSchema","toJSON","title","size","extraProps","verticalMargin","defaultProps","propTypes","messageDelimiterProps","describe"],"mappings":";;;;;;;;;IAMMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAA+C;
|
|
1
|
+
{"version":3,"file":"MessageDelimiter.js","sources":["../../../../src/parts/message-delimiter/MessageDelimiter.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { Wrapper, Line, Text } from './styled';\nimport { defaultProps, messageDelimiterProps, MessageDelimiterProps } from './props';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst MessageDelimiter = (props: MessageDelimiterProps): JSX.Element => {\n useValidateProps(props, MessageDelimiterWithSchema.toJSON());\n const { title, size, extraProps, verticalMargin } = props;\n return (\n <Wrapper cols={['1fr', 'auto', '1fr']}>\n <Line />\n <Text size={size} verticalMargin={verticalMargin} data-testid={extraProps['data-testid']}>\n {title}\n </Text>\n <Line />\n </Wrapper>\n );\n};\n\nMessageDelimiter.defaultProps = defaultProps;\nMessageDelimiter.propTypes = messageDelimiterProps;\nconst MessageDelimiterWithSchema = describe(MessageDelimiter);\nMessageDelimiterWithSchema.propTypes = messageDelimiterProps;\n\nexport { MessageDelimiter, MessageDelimiterWithSchema };\n"],"names":["MessageDelimiter","props","useValidateProps","MessageDelimiterWithSchema","toJSON","title","size","extraProps","verticalMargin","defaultProps","propTypes","messageDelimiterProps","describe"],"mappings":";;;;;;;;;IAMMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAA+C;EACtEC,gBAAgB,CAACD,KAAD,EAAQE,0BAA0B,CAACC,MAA3B,EAAR,CAAhB;EACA,IAAQC,KAAR,GAAoDJ,KAApD,CAAQI,KAAR;MAAeC,IAAf,GAAoDL,KAApD,CAAeK,IAAf;MAAqBC,UAArB,GAAoDN,KAApD,CAAqBM,UAArB;MAAiCC,cAAjC,GAAoDP,KAApD,CAAiCO,cAAjC;EACA,oBACE,oBAAC,OAAD;IAAS,IAAI,EAAE,CAAC,KAAD,EAAQ,MAAR,EAAgB,KAAhB;kBACb,oBAAC,IAAD,OADF,eAEE,oBAAC,IAAD;IAAM,IAAI,EAAEF,IAAZ;IAAkB,cAAc,EAAEE,cAAlC;IAAkD,eAAaD,UAAU,CAAC,aAAD;KACtEF,KADH,CAFF,eAKE,oBAAC,IAAD,OALF,CADF;AASD;;AAEDL,gBAAgB,CAACS,YAAjB,GAAgCA,YAAhC;AACAT,gBAAgB,CAACU,SAAjB,GAA6BC,qBAA7B;IACMR,0BAA0B,GAAGS,QAAQ,CAACZ,gBAAD;AAC3CG,0BAA0B,CAACO,SAA3B,GAAuCC,qBAAvC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/message-delimiter/config/useValidateProps.tsx"],"sourcesContent":["import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { MessageDelimiterProps } from '../props';\n\nexport const useValidateProps = (props: MessageDelimiterProps, schema: unknown): void => {\n useValidatePropTypes(props, schema);\n};\n"],"names":["useValidateProps","props","schema","useValidatePropTypes"],"mappings":";;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAA+BC,MAA/B,EAAyD;
|
|
1
|
+
{"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/message-delimiter/config/useValidateProps.tsx"],"sourcesContent":["import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { MessageDelimiterProps } from '../props';\n\nexport const useValidateProps = (props: MessageDelimiterProps, schema: unknown): void => {\n useValidatePropTypes(props, schema);\n};\n"],"names":["useValidateProps","props","schema","useValidatePropTypes"],"mappings":";;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAA+BC,MAA/B,EAAyD;EACvFC,oBAAoB,CAACF,KAAD,EAAQC,MAAR,CAApB;AACD;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.js","sources":["../../../../src/parts/message-delimiter/props.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport interface MessageDelimiterProps {\n title: string;\n size?: 's' | 'l';\n verticalMargin?: number | string;\n extraProps?: {};\n}\n\nexport const defaultProps: MessageDelimiterProps = {\n title: '',\n size: 's',\n verticalMargin: '0px',\n extraProps: { 'data-testid': 'chat-message-delimiter-title' },\n};\n\nexport const messageDelimiterProps = {\n title: PropTypes.string.isRequired.description('Text to display in the delimiter'),\n size: PropTypes.oneOf(['s', 'l']).description('size of the delimiter').defaultValue('s'),\n extraProps: PropTypes.object.description('extra props for delimiter'),\n verticalMargin: PropTypes.oneOf(['string', 'number']).description(\n 'Configurable css vertical margin property for flexibilty',\n ),\n};\n"],"names":["defaultProps","title","size","verticalMargin","extraProps","messageDelimiterProps","PropTypes","string","isRequired","description","oneOf","defaultValue","object"],"mappings":";;IASaA,YAAmC,GAAG;
|
|
1
|
+
{"version":3,"file":"props.js","sources":["../../../../src/parts/message-delimiter/props.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport interface MessageDelimiterProps {\n title: string;\n size?: 's' | 'l';\n verticalMargin?: number | string;\n extraProps?: {};\n}\n\nexport const defaultProps: MessageDelimiterProps = {\n title: '',\n size: 's',\n verticalMargin: '0px',\n extraProps: { 'data-testid': 'chat-message-delimiter-title' },\n};\n\nexport const messageDelimiterProps = {\n title: PropTypes.string.isRequired.description('Text to display in the delimiter'),\n size: PropTypes.oneOf(['s', 'l']).description('size of the delimiter').defaultValue('s'),\n extraProps: PropTypes.object.description('extra props for delimiter'),\n verticalMargin: PropTypes.oneOf(['string', 'number']).description(\n 'Configurable css vertical margin property for flexibilty',\n ),\n};\n"],"names":["defaultProps","title","size","verticalMargin","extraProps","messageDelimiterProps","PropTypes","string","isRequired","description","oneOf","defaultValue","object"],"mappings":";;IASaA,YAAmC,GAAG;EACjDC,KAAK,EAAE,EAD0C;EAEjDC,IAAI,EAAE,GAF2C;EAGjDC,cAAc,EAAE,KAHiC;EAIjDC,UAAU,EAAE;IAAE,eAAe;;AAJoB;IAOtCC,qBAAqB,GAAG;EACnCJ,KAAK,EAAEK,SAAS,CAACC,MAAV,CAAiBC,UAAjB,CAA4BC,WAA5B,CAAwC,kCAAxC,CAD4B;EAEnCP,IAAI,EAAEI,SAAS,CAACI,KAAV,CAAgB,CAAC,GAAD,EAAM,GAAN,CAAhB,EAA4BD,WAA5B,CAAwC,uBAAxC,EAAiEE,YAAjE,CAA8E,GAA9E,CAF6B;EAGnCP,UAAU,EAAEE,SAAS,CAACM,MAAV,CAAiBH,WAAjB,CAA6B,2BAA7B,CAHuB;EAInCN,cAAc,EAAEG,SAAS,CAACI,KAAV,CAAgB,CAAC,QAAD,EAAW,QAAX,CAAhB,EAAsCD,WAAtC,CACd,0DADc;AAJmB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../../src/parts/message-delimiter/styled.tsx"],"sourcesContent":["import { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\nimport { MessageDelimiterProps } from './props';\n\nconst Wrapper = styled(Grid)`\n align-items: center;\n justify-content: center;\n width: 100%;\n min-height: 8px;\n`;\n\nconst Line = styled.span`\n border-top: 1px solid ${(props) => props.theme.colors.neutral['400']};\n`;\n\nconst Text = styled.p<Pick<MessageDelimiterProps, 'size' | 'verticalMargin'>>`\n color: ${(props) => props.theme.colors.neutral['600']};\n font-size: ${(props) => (props.size === 's' ? '12px' : '14px')};\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n margin: ${(props) =>\n typeof props.verticalMargin === 'number' ? `${props.verticalMargin}px 8px` : `${props.verticalMargin} 8px`};\n`;\n\nexport { Wrapper, Line, Text };\n"],"names":["Wrapper","styled","Grid","Line","span","props","theme","colors","neutral","Text","p","size","fontWeights","semibold","verticalMargin"],"mappings":";;;IAIMA,OAAO,gBAAGC,MAAM,CAACC,IAAD,CAAT;
|
|
1
|
+
{"version":3,"file":"styled.js","sources":["../../../../src/parts/message-delimiter/styled.tsx"],"sourcesContent":["import { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\nimport { MessageDelimiterProps } from './props';\n\nconst Wrapper = styled(Grid)`\n align-items: center;\n justify-content: center;\n width: 100%;\n min-height: 8px;\n`;\n\nconst Line = styled.span`\n border-top: 1px solid ${(props) => props.theme.colors.neutral['400']};\n`;\n\nconst Text = styled.p<Pick<MessageDelimiterProps, 'size' | 'verticalMargin'>>`\n color: ${(props) => props.theme.colors.neutral['600']};\n font-size: ${(props) => (props.size === 's' ? '12px' : '14px')};\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n margin: ${(props) =>\n typeof props.verticalMargin === 'number' ? `${props.verticalMargin}px 8px` : `${props.verticalMargin} 8px`};\n`;\n\nexport { Wrapper, Line, Text };\n"],"names":["Wrapper","styled","Grid","Line","span","props","theme","colors","neutral","Text","p","size","fontWeights","semibold","verticalMargin"],"mappings":";;;IAIMA,OAAO,gBAAGC,MAAM,CAACC,IAAD,CAAT;EAAA;AAAA;IAOPC,IAAI,gBAAGF,MAAM,CAACG,IAAV;EAAA;AAAA,mCACgB,UAACC,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CADhB;IAIJC,IAAI,gBAAGR,MAAM,CAACS,CAAV;EAAA;AAAA,gEACC,UAACL,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CADD,EAEK,UAACH,KAAD;EAAA,OAAYA,KAAK,CAACM,IAAN,KAAe,GAAf,GAAqB,MAArB,GAA8B,MAA1C;AAAA,CAFL,EAGO,UAACN,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYM,WAAZ,CAAwBC,QAAnC;AAAA,CAHP,EAIE,UAACR,KAAD;EAAA,OACR,OAAOA,KAAK,CAACS,cAAb,KAAgC,QAAhC,aAA8CT,KAAK,CAACS,cAApD,wBAAgFT,KAAK,CAACS,cAAtF,SADQ;AAAA,CAJF;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SidebarButton.js","sources":["../../../../src/parts/sidebar-button/SidebarButton.tsx"],"sourcesContent":["import React from 'react';\nimport { StyledSidebarButton, StyledSidebarButtonLabel, StyledSidebarButtonIcon } from './styled';\nimport { propsSidebarButton, defaultSidebarButton, SidebarButtonProps } from './props';\n\nexport const SidebarButton = ({ label, dsId, onClick, Icon, ...rest }: SidebarButtonProps): JSX.Element => {\n const handleClick = React.useCallback(() => {\n onClick(dsId);\n }, [onClick, dsId]);\n\n return (\n <StyledSidebarButton key={dsId} data-testid={`sidebar-button-${dsId}`} onClick={handleClick} {...rest}>\n <StyledSidebarButtonIcon alignItems=\"center\" justifyContent=\"center\">\n <Icon size=\"m\" />\n </StyledSidebarButtonIcon>\n {label && <StyledSidebarButtonLabel>{label}</StyledSidebarButtonLabel>}\n </StyledSidebarButton>\n );\n};\n\nSidebarButton.propTypes = propsSidebarButton;\nSidebarButton.defaultProps = defaultSidebarButton;\n"],"names":["SidebarButton","label","dsId","onClick","Icon","rest","handleClick","React","useCallback","propTypes","propsSidebarButton","defaultProps","defaultSidebarButton"],"mappings":";;;;;;;;;;;;;;IAIaA,aAAa,GAAG,SAAhBA,aAAgB,OAA8E;
|
|
1
|
+
{"version":3,"file":"SidebarButton.js","sources":["../../../../src/parts/sidebar-button/SidebarButton.tsx"],"sourcesContent":["import React from 'react';\nimport { StyledSidebarButton, StyledSidebarButtonLabel, StyledSidebarButtonIcon } from './styled';\nimport { propsSidebarButton, defaultSidebarButton, SidebarButtonProps } from './props';\n\nexport const SidebarButton = ({ label, dsId, onClick, Icon, ...rest }: SidebarButtonProps): JSX.Element => {\n const handleClick = React.useCallback(() => {\n onClick(dsId);\n }, [onClick, dsId]);\n\n return (\n <StyledSidebarButton key={dsId} data-testid={`sidebar-button-${dsId}`} onClick={handleClick} {...rest}>\n <StyledSidebarButtonIcon alignItems=\"center\" justifyContent=\"center\">\n <Icon size=\"m\" />\n </StyledSidebarButtonIcon>\n {label && <StyledSidebarButtonLabel>{label}</StyledSidebarButtonLabel>}\n </StyledSidebarButton>\n );\n};\n\nSidebarButton.propTypes = propsSidebarButton;\nSidebarButton.defaultProps = defaultSidebarButton;\n"],"names":["SidebarButton","label","dsId","onClick","Icon","rest","handleClick","React","useCallback","propTypes","propsSidebarButton","defaultProps","defaultSidebarButton"],"mappings":";;;;;;;;;;;;;;IAIaA,aAAa,GAAG,SAAhBA,aAAgB,OAA8E;EAAA,IAA3EC,KAA2E,QAA3EA,KAA2E;MAApEC,IAAoE,QAApEA,IAAoE;MAA9DC,OAA8D,QAA9DA,OAA8D;MAArDC,IAAqD,QAArDA,IAAqD;MAA5CC,IAA4C;;EACzG,IAAMC,WAAW,GAAGC,KAAK,CAACC,WAAN,CAAkB,YAAM;IAC1CL,OAAO,CAACD,IAAD,CAAP;GADkB,EAEjB,CAACC,OAAD,EAAUD,IAAV,CAFiB,CAApB;EAIA,oBACE,oBAAC,mBAAD;IAAqB,GAAG,EAAEA,IAA1B;IAAgC,wCAA+BA,IAA/B,CAAhC;IAAuE,OAAO,EAAEI;KAAiBD,IAAjG,gBACE,oBAAC,uBAAD;IAAyB,UAAU,EAAC,QAApC;IAA6C,cAAc,EAAC;kBAC1D,oBAAC,IAAD;IAAM,IAAI,EAAC;IADb,CADF,EAIGJ,KAAK,iBAAI,oBAAC,wBAAD,QAA2BA,KAA3B,CAJZ,CADF;AAQD;AAEDD,aAAa,CAACS,SAAd,GAA0BC,kBAA1B;AACAV,aAAa,CAACW,YAAd,GAA6BC,oBAA7B;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.js","sources":["../../../../src/parts/sidebar-button/props.ts"],"sourcesContent":["import React from 'react';\nimport propsTypes from 'prop-types';\nimport { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport { Comments } from '@elliemae/ds-icons';\n\nexport interface SidebarButtonProps {\n Icon: React.FC<{ size: string }>;\n dsId: string | number;\n label: string;\n onClick?: (dsId: string | number) => void;\n title: string;\n}\n\nexport const defaultSidebarButton: SidebarButtonProps = {\n Icon: Comments,\n dsId: undefined,\n label: '',\n onClick: noop,\n title: '',\n};\n\nexport const propsSidebarButton = {\n Icon: PropTypes.element.description('Icon component').defaultValue(defaultSidebarButton.Icon),\n dsId: PropTypes.oneOfType([propsTypes.number, propsTypes.string])\n .description('Unique id for the button')\n .defaultValue(defaultSidebarButton.dsId),\n label: PropTypes.string.description('It will display under the icon').defaultValue(defaultSidebarButton.label),\n title: PropTypes.string.description('Tooltip').defaultValue(defaultSidebarButton.title),\n onClick: PropTypes.func\n .description('The function to call when the is clicked')\n .defaultValue(defaultSidebarButton.onClick),\n};\n"],"names":["defaultSidebarButton","Icon","Comments","dsId","undefined","label","onClick","noop","title","propsSidebarButton","PropTypes","element","description","defaultValue","oneOfType","propsTypes","number","string","func"],"mappings":";;;;;IAcaA,oBAAwC,GAAG;
|
|
1
|
+
{"version":3,"file":"props.js","sources":["../../../../src/parts/sidebar-button/props.ts"],"sourcesContent":["import React from 'react';\nimport propsTypes from 'prop-types';\nimport { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport { Comments } from '@elliemae/ds-icons';\n\nexport interface SidebarButtonProps {\n Icon: React.FC<{ size: string }>;\n dsId: string | number;\n label: string;\n onClick?: (dsId: string | number) => void;\n title: string;\n}\n\nexport const defaultSidebarButton: SidebarButtonProps = {\n Icon: Comments,\n dsId: undefined,\n label: '',\n onClick: noop,\n title: '',\n};\n\nexport const propsSidebarButton = {\n Icon: PropTypes.element.description('Icon component').defaultValue(defaultSidebarButton.Icon),\n dsId: PropTypes.oneOfType([propsTypes.number, propsTypes.string])\n .description('Unique id for the button')\n .defaultValue(defaultSidebarButton.dsId),\n label: PropTypes.string.description('It will display under the icon').defaultValue(defaultSidebarButton.label),\n title: PropTypes.string.description('Tooltip').defaultValue(defaultSidebarButton.title),\n onClick: PropTypes.func\n .description('The function to call when the is clicked')\n .defaultValue(defaultSidebarButton.onClick),\n};\n"],"names":["defaultSidebarButton","Icon","Comments","dsId","undefined","label","onClick","noop","title","propsSidebarButton","PropTypes","element","description","defaultValue","oneOfType","propsTypes","number","string","func"],"mappings":";;;;;IAcaA,oBAAwC,GAAG;EACtDC,IAAI,EAAEC,QADgD;EAEtDC,IAAI,EAAEC,SAFgD;EAGtDC,KAAK,EAAE,EAH+C;EAItDC,OAAO,EAAEC,IAJ6C;EAKtDC,KAAK,EAAE;AAL+C;IAQ3CC,kBAAkB,GAAG;EAChCR,IAAI,EAAES,SAAS,CAACC,OAAV,CAAkBC,WAAlB,CAA8B,gBAA9B,EAAgDC,YAAhD,CAA6Db,oBAAoB,CAACC,IAAlF,CAD0B;EAEhCE,IAAI,EAAEO,SAAS,CAACI,SAAV,CAAoB,CAACC,UAAU,CAACC,MAAZ,EAAoBD,UAAU,CAACE,MAA/B,CAApB,EACHL,WADG,CACS,0BADT,EAEHC,YAFG,CAEUb,oBAAoB,CAACG,IAF/B,CAF0B;EAKhCE,KAAK,EAAEK,SAAS,CAACO,MAAV,CAAiBL,WAAjB,CAA6B,gCAA7B,EAA+DC,YAA/D,CAA4Eb,oBAAoB,CAACK,KAAjG,CALyB;EAMhCG,KAAK,EAAEE,SAAS,CAACO,MAAV,CAAiBL,WAAjB,CAA6B,SAA7B,EAAwCC,YAAxC,CAAqDb,oBAAoB,CAACQ,KAA1E,CANyB;EAOhCF,OAAO,EAAEI,SAAS,CAACQ,IAAV,CACNN,WADM,CACM,0CADN,EAENC,YAFM,CAEOb,oBAAoB,CAACM,OAF5B;AAPuB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../../src/parts/sidebar-button/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { BUTTON_SIDEBAR_HEIGHT, MIN_WIDTH_SIDEBAR } from '../../styled';\n\n// Buttons\nexport const StyledSidebarButton = styled.button`\n display: flex;\n align-items: center;\n justify-content: center;\n outline: none;\n height: ${BUTTON_SIDEBAR_HEIGHT}px;\n width: ${MIN_WIDTH_SIDEBAR}px;\n position: relative;\n border: 0;\n background: transparent;\n &:focus,\n &:hover {\n background: ${(props) => props.theme.colors.neutral['080']};\n }\n cursor: pointer;\n border-bottom: 1px solid ${(props) => props.theme.colors.neutral['200']};\n\n svg {\n fill: ${(props) => props.theme.colors.neutral[500]};\n }\n`;\n\nexport const StyledSidebarButtonIcon = styled(Grid)`\n position: relative;\n`;\n\nexport const StyledSidebarButtonLabel = styled.div`\n width: 30px;\n text-transform: uppercase;\n overflow: hidden;\n text-align: center;\n`;\n"],"names":["StyledSidebarButton","styled","button","BUTTON_SIDEBAR_HEIGHT","MIN_WIDTH_SIDEBAR","props","theme","colors","neutral","StyledSidebarButtonIcon","Grid","StyledSidebarButtonLabel","div"],"mappings":";;;;IAKaA,mBAAmB,gBAAGC,MAAM,CAACC,MAAV;
|
|
1
|
+
{"version":3,"file":"styled.js","sources":["../../../../src/parts/sidebar-button/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { BUTTON_SIDEBAR_HEIGHT, MIN_WIDTH_SIDEBAR } from '../../styled';\n\n// Buttons\nexport const StyledSidebarButton = styled.button`\n display: flex;\n align-items: center;\n justify-content: center;\n outline: none;\n height: ${BUTTON_SIDEBAR_HEIGHT}px;\n width: ${MIN_WIDTH_SIDEBAR}px;\n position: relative;\n border: 0;\n background: transparent;\n &:focus,\n &:hover {\n background: ${(props) => props.theme.colors.neutral['080']};\n }\n cursor: pointer;\n border-bottom: 1px solid ${(props) => props.theme.colors.neutral['200']};\n\n svg {\n fill: ${(props) => props.theme.colors.neutral[500]};\n }\n`;\n\nexport const StyledSidebarButtonIcon = styled(Grid)`\n position: relative;\n`;\n\nexport const StyledSidebarButtonLabel = styled.div`\n width: 30px;\n text-transform: uppercase;\n overflow: hidden;\n text-align: center;\n`;\n"],"names":["StyledSidebarButton","styled","button","BUTTON_SIDEBAR_HEIGHT","MIN_WIDTH_SIDEBAR","props","theme","colors","neutral","StyledSidebarButtonIcon","Grid","StyledSidebarButtonLabel","div"],"mappings":";;;;IAKaA,mBAAmB,gBAAGC,MAAM,CAACC,MAAV;EAAA;AAAA,sPAKpBC,qBALoB,EAMrBC,iBANqB,EAYd,UAACC,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAZc,EAeH,UAACH,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAfG,EAkBpB,UAACH,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAlBoB;IAsBnBC,uBAAuB,gBAAGR,MAAM,CAACS,IAAD,CAAT;EAAA;AAAA;IAIvBC,wBAAwB,gBAAGV,MAAM,CAACW,GAAV;EAAA;AAAA;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SystemMessage.js","sources":["../../../../src/parts/system-message/SystemMessage.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { Wrapper, Header, Title, Time, Message } from './style';\nimport { SystemMessageProps, systemMessageProps, defaultProps } from './props';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst SystemMessage = (props: SystemMessageProps): JSX.Element => {\n useValidateProps(props, SystemMessageWithSchema.toJSON());\n const { title, time, body } = props;\n return (\n <Wrapper rows={['auto', 'auto']}>\n <Header cols={['1fr', 'auto', '1fr']}>\n <span />\n <Title data-testid=\"chat-system-message-title\">{title}</Title>\n <Time data-testid=\"chat-system-message-time\">{time}</Time>\n </Header>\n <Message data-testid=\"chat-system-message-body\">{body}</Message>\n </Wrapper>\n );\n};\n\nSystemMessage.defaultProps = defaultProps;\nSystemMessage.propTypes = systemMessageProps;\nconst SystemMessageWithSchema = describe(SystemMessage);\nSystemMessageWithSchema.propTypes = systemMessageProps;\n\nexport { SystemMessage, SystemMessageWithSchema };\n"],"names":["SystemMessage","props","useValidateProps","SystemMessageWithSchema","toJSON","title","time","body","defaultProps","propTypes","systemMessageProps","describe"],"mappings":";;;;;;;;;IAMMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAA4C;
|
|
1
|
+
{"version":3,"file":"SystemMessage.js","sources":["../../../../src/parts/system-message/SystemMessage.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { Wrapper, Header, Title, Time, Message } from './style';\nimport { SystemMessageProps, systemMessageProps, defaultProps } from './props';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst SystemMessage = (props: SystemMessageProps): JSX.Element => {\n useValidateProps(props, SystemMessageWithSchema.toJSON());\n const { title, time, body } = props;\n return (\n <Wrapper rows={['auto', 'auto']}>\n <Header cols={['1fr', 'auto', '1fr']}>\n <span />\n <Title data-testid=\"chat-system-message-title\">{title}</Title>\n <Time data-testid=\"chat-system-message-time\">{time}</Time>\n </Header>\n <Message data-testid=\"chat-system-message-body\">{body}</Message>\n </Wrapper>\n );\n};\n\nSystemMessage.defaultProps = defaultProps;\nSystemMessage.propTypes = systemMessageProps;\nconst SystemMessageWithSchema = describe(SystemMessage);\nSystemMessageWithSchema.propTypes = systemMessageProps;\n\nexport { SystemMessage, SystemMessageWithSchema };\n"],"names":["SystemMessage","props","useValidateProps","SystemMessageWithSchema","toJSON","title","time","body","defaultProps","propTypes","systemMessageProps","describe"],"mappings":";;;;;;;;;IAMMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAA4C;EAChEC,gBAAgB,CAACD,KAAD,EAAQE,uBAAuB,CAACC,MAAxB,EAAR,CAAhB;EACA,IAAQC,KAAR,GAA8BJ,KAA9B,CAAQI,KAAR;MAAeC,IAAf,GAA8BL,KAA9B,CAAeK,IAAf;MAAqBC,IAArB,GAA8BN,KAA9B,CAAqBM,IAArB;EACA,oBACE,oBAAC,OAAD;IAAS,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT;kBACb,oBAAC,MAAD;IAAQ,IAAI,EAAE,CAAC,KAAD,EAAQ,MAAR,EAAgB,KAAhB;kBACZ,iCADF,eAEE,oBAAC,KAAD;IAAO,eAAY;KAA6BF,KAAhD,CAFF,eAGE,oBAAC,IAAD;IAAM,eAAY;KAA4BC,IAA9C,CAHF,CADF,eAME,oBAAC,OAAD;IAAS,eAAY;KAA4BC,IAAjD,CANF,CADF;AAUD;;AAEDP,aAAa,CAACQ,YAAd,GAA6BA,YAA7B;AACAR,aAAa,CAACS,SAAd,GAA0BC,kBAA1B;IACMP,uBAAuB,GAAGQ,QAAQ,CAACX,aAAD;AACxCG,uBAAuB,CAACM,SAAxB,GAAoCC,kBAApC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/system-message/config/useValidateProps.tsx"],"sourcesContent":["import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { SystemMessageProps } from '../props';\n\nexport const useValidateProps = (props: SystemMessageProps, schema: unknown): void => {\n useValidatePropTypes(props, schema);\n};\n"],"names":["useValidateProps","props","schema","useValidatePropTypes"],"mappings":";;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAA4BC,MAA5B,EAAsD;
|
|
1
|
+
{"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/system-message/config/useValidateProps.tsx"],"sourcesContent":["import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { SystemMessageProps } from '../props';\n\nexport const useValidateProps = (props: SystemMessageProps, schema: unknown): void => {\n useValidatePropTypes(props, schema);\n};\n"],"names":["useValidateProps","props","schema","useValidatePropTypes"],"mappings":";;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAA4BC,MAA5B,EAAsD;EACpFC,oBAAoB,CAACF,KAAD,EAAQC,MAAR,CAApB;AACD;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.js","sources":["../../../../src/parts/system-message/props.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\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\n .description('Message title')\n .defaultValue('System Message'),\n time: PropTypes.string.description('data of the message, ie: hour'),\n body: PropTypes.string.isRequired.description('message'),\n};\n"],"names":["defaultProps","title","time","body","systemMessageProps","PropTypes","string","isRequired","description","defaultValue"],"mappings":";;IAQaA,YAAgC,GAAG;
|
|
1
|
+
{"version":3,"file":"props.js","sources":["../../../../src/parts/system-message/props.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\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\n .description('Message title')\n .defaultValue('System Message'),\n time: PropTypes.string.description('data of the message, ie: hour'),\n body: PropTypes.string.isRequired.description('message'),\n};\n"],"names":["defaultProps","title","time","body","systemMessageProps","PropTypes","string","isRequired","description","defaultValue"],"mappings":";;IAQaA,YAAgC,GAAG;EAC9CC,KAAK,EAAE,gBADuC;EAE9CC,IAAI,EAAE,EAFwC;EAG9CC,IAAI,EAAE;AAHwC;IAMnCC,kBAAkB,GAAG;EAChCH,KAAK,EAAEI,SAAS,CAACC,MAAV,CAAiBC,UAAjB,CACJC,WADI,CACQ,eADR,EAEJC,YAFI,CAES,gBAFT,CADyB;EAIhCP,IAAI,EAAEG,SAAS,CAACC,MAAV,CAAiBE,WAAjB,CAA6B,+BAA7B,CAJ0B;EAKhCL,IAAI,EAAEE,SAAS,CAACC,MAAV,CAAiBC,UAAjB,CAA4BC,WAA5B,CAAwC,SAAxC;AAL0B;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sources":["../../../../src/parts/system-message/style.tsx"],"sourcesContent":["import styled from 'styled-components';\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"],"names":["Wrapper","styled","Grid","props","theme","colors","neutral","Header","Title","p","fontWeights","semibold","Time","regular","Message"],"mappings":";;;IAGMA,OAAO,gBAAGC,MAAM,CAACC,IAAD,CAAT;
|
|
1
|
+
{"version":3,"file":"style.js","sources":["../../../../src/parts/system-message/style.tsx"],"sourcesContent":["import styled from 'styled-components';\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"],"names":["Wrapper","styled","Grid","props","theme","colors","neutral","Header","Title","p","fontWeights","semibold","Time","regular","Message"],"mappings":";;;IAGMA,OAAO,gBAAGC,MAAM,CAACC,IAAD,CAAT;EAAA;AAAA,mKAKS,UAACC,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CALT,EAOS,UAACH,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAPT;IAWPC,MAAM,gBAAGN,MAAM,CAACC,IAAD,CAAT;EAAA;AAAA;IAKNM,KAAK,gBAAGP,MAAM,CAACQ,CAAV;EAAA;AAAA,6DAEM,UAACN,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYM,WAAZ,CAAwBC,QAAnC;AAAA,CAFN,EAGA,UAACR,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAHA;IAOLM,IAAI,gBAAGX,MAAM,CAACQ,CAAV;EAAA;AAAA,8EAEO,UAACN,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYM,WAAZ,CAAwBG,OAAnC;AAAA,CAFP,EAGC,UAACV,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAHD;IAQJQ,OAAO,gBAAGb,MAAM,CAACQ,CAAV;EAAA;AAAA,+FAEI,UAACN,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYM,WAAZ,CAAwBG,OAAnC;AAAA,CAFJ,EAGF,UAACV,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAHE;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TileButton.js","sources":["../../../../src/parts/tile-button/TileButton.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe } from 'react-desc';\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';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst TileButton = (props: TileButtonProps): JSX.Element => {\n useValidateProps(props, TileButtonWithSchema.toJSON());\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 } = props;\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, 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;\nTileButton.defaultProps = defaultTileButton;\n\nconst TileButtonWithSchema = describe(TileButton);\nTileButtonWithSchema.propTypes = propsTileButton;\n\nexport { TileButton, TileButtonWithSchema };\n"],"names":["TileButton","props","useValidateProps","TileButtonWithSchema","toJSON","label","title","dsId","onClick","onFocus","onBlur","Icon","showClose","onClose","badge","badgeColor","badgePosition","disabled","selected","isHeader","ariaLabel","tooltipPlacement","disableTooltip","innerRef","handleClick","React","useCallback","MainContent","useMemo","undefined","Btn","propTypes","propsTileButton","defaultProps","defaultTileButton","describe"],"mappings":";;;;;;;;;;;;AAAA;;IAoBMA,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAAyC;
|
|
1
|
+
{"version":3,"file":"TileButton.js","sources":["../../../../src/parts/tile-button/TileButton.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe } from 'react-desc';\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';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst TileButton = (props: TileButtonProps): JSX.Element => {\n useValidateProps(props, TileButtonWithSchema.toJSON());\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 } = props;\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, 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;\nTileButton.defaultProps = defaultTileButton;\n\nconst TileButtonWithSchema = describe(TileButton);\nTileButtonWithSchema.propTypes = propsTileButton;\n\nexport { TileButton, TileButtonWithSchema };\n"],"names":["TileButton","props","useValidateProps","TileButtonWithSchema","toJSON","label","title","dsId","onClick","onFocus","onBlur","Icon","showClose","onClose","badge","badgeColor","badgePosition","disabled","selected","isHeader","ariaLabel","tooltipPlacement","disableTooltip","innerRef","handleClick","React","useCallback","MainContent","useMemo","undefined","Btn","propTypes","propsTileButton","defaultProps","defaultTileButton","describe"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/tile-button/config/useValidateProps.tsx"],"sourcesContent":["import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { TileButtonProps } from '../props';\n\nexport const useValidateProps = (props: TileButtonProps, schema: unknown): void => {\n useValidatePropTypes(props, schema);\n};\n"],"names":["useValidateProps","props","schema","useValidatePropTypes"],"mappings":";;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAyBC,MAAzB,EAAmD;
|
|
1
|
+
{"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/tile-button/config/useValidateProps.tsx"],"sourcesContent":["import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { TileButtonProps } from '../props';\n\nexport const useValidateProps = (props: TileButtonProps, schema: unknown): void => {\n useValidatePropTypes(props, schema);\n};\n"],"names":["useValidateProps","props","schema","useValidatePropTypes"],"mappings":";;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAyBC,MAAzB,EAAmD;EACjFC,oBAAoB,CAACF,KAAD,EAAQC,MAAR,CAApB;AACD;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.js","sources":["../../../../src/parts/tile-button/props.ts"],"sourcesContent":["import React from 'react';\nimport { PropTypes } from 'react-desc';\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) => void;\n onFocus?: (e) => 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: undefined,\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.oneOf(['number', '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"],"names":["defaultTileButton","Icon","Comments","dsId","undefined","label","onClick","noop","onBlur","onFocus","title","onClose","showClose","badge","badgeColor","badgePosition","disabled","selected","isHeader","ariaLabel","tooltipPlacement","disableTooltip","innerRef","propsTileButton","PropTypes","func","description","defaultValue","oneOf","string","bool","oneOfType","shape","current","any"],"mappings":";;;;IAuCaA,iBAAkC,GAAG;
|
|
1
|
+
{"version":3,"file":"props.js","sources":["../../../../src/parts/tile-button/props.ts"],"sourcesContent":["import React from 'react';\nimport { PropTypes } from 'react-desc';\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) => void;\n onFocus?: (e) => 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: undefined,\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.oneOf(['number', '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"],"names":["defaultTileButton","Icon","Comments","dsId","undefined","label","onClick","noop","onBlur","onFocus","title","onClose","showClose","badge","badgeColor","badgePosition","disabled","selected","isHeader","ariaLabel","tooltipPlacement","disableTooltip","innerRef","propsTileButton","PropTypes","func","description","defaultValue","oneOf","string","bool","oneOfType","shape","current","any"],"mappings":"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"}
|