@elliemae/ds-chat 3.4.3-rc.1 → 3.4.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/ChatDataTestids.js +4 -1
- package/dist/cjs/ChatDataTestids.js.map +1 -1
- package/dist/cjs/exported-related/bubble/ChatBubble.js +67 -34
- package/dist/cjs/exported-related/bubble/ChatBubble.js.map +2 -2
- package/dist/cjs/exported-related/bubble/ChatBubbleArrow.js +87 -61
- package/dist/cjs/exported-related/bubble/ChatBubbleArrow.js.map +1 -1
- package/dist/cjs/exported-related/bubble/index.js +4 -1
- package/dist/cjs/exported-related/bubble/index.js.map +1 -1
- package/dist/cjs/exported-related/bubble/props.js +4 -1
- package/dist/cjs/exported-related/bubble/props.js.map +1 -1
- package/dist/cjs/exported-related/bubble/styled.js +4 -1
- package/dist/cjs/exported-related/bubble/styled.js.map +1 -1
- package/dist/cjs/exported-related/chat-card/ChatCard.js +32 -15
- package/dist/cjs/exported-related/chat-card/ChatCard.js.map +1 -1
- package/dist/cjs/exported-related/chat-card/index.js +4 -1
- package/dist/cjs/exported-related/chat-card/index.js.map +1 -1
- package/dist/cjs/exported-related/chat-card/props.js +6 -2
- package/dist/cjs/exported-related/chat-card/props.js.map +1 -1
- package/dist/cjs/exported-related/chat-card/styled.js +4 -1
- package/dist/cjs/exported-related/chat-card/styled.js.map +1 -1
- package/dist/cjs/exported-related/chat-container-header/ChatContainerHeader.js +24 -14
- package/dist/cjs/exported-related/chat-container-header/ChatContainerHeader.js.map +2 -2
- package/dist/cjs/exported-related/chat-container-header/props.js +4 -1
- package/dist/cjs/exported-related/chat-container-header/props.js.map +1 -1
- package/dist/cjs/exported-related/chat-container-header/styled.js +4 -1
- package/dist/cjs/exported-related/chat-container-header/styled.js.map +1 -1
- package/dist/cjs/exported-related/chat-empty-state/ChatEmptyState.js +39 -21
- package/dist/cjs/exported-related/chat-empty-state/ChatEmptyState.js.map +1 -1
- package/dist/cjs/exported-related/chat-empty-state/props.js +6 -2
- package/dist/cjs/exported-related/chat-empty-state/props.js.map +1 -1
- package/dist/cjs/exported-related/chat-empty-state/styled.js +4 -1
- package/dist/cjs/exported-related/chat-empty-state/styled.js.map +1 -1
- package/dist/cjs/exported-related/chat-sidebar/SideBarChat.js +33 -21
- package/dist/cjs/exported-related/chat-sidebar/SideBarChat.js.map +2 -2
- package/dist/cjs/exported-related/chat-sidebar/index.js +4 -1
- package/dist/cjs/exported-related/chat-sidebar/index.js.map +1 -1
- package/dist/cjs/exported-related/chat-sidebar/props.js +8 -3
- package/dist/cjs/exported-related/chat-sidebar/props.js.map +1 -1
- package/dist/cjs/exported-related/chat-sidebar/sidebar-button/SidebarButton.js +20 -10
- package/dist/cjs/exported-related/chat-sidebar/sidebar-button/SidebarButton.js.map +2 -2
- package/dist/cjs/exported-related/chat-sidebar/sidebar-button/index.js +4 -1
- package/dist/cjs/exported-related/chat-sidebar/sidebar-button/index.js.map +1 -1
- package/dist/cjs/exported-related/chat-sidebar/sidebar-button/props.js +4 -1
- package/dist/cjs/exported-related/chat-sidebar/sidebar-button/props.js.map +1 -1
- package/dist/cjs/exported-related/chat-sidebar/sidebar-button/styled.js +4 -1
- package/dist/cjs/exported-related/chat-sidebar/sidebar-button/styled.js.map +1 -1
- package/dist/cjs/exported-related/chat-sidebar/styled.js +4 -1
- package/dist/cjs/exported-related/chat-sidebar/styled.js.map +1 -1
- package/dist/cjs/exported-related/floating-button/FloatingButton.js +11 -7
- package/dist/cjs/exported-related/floating-button/FloatingButton.js.map +1 -1
- package/dist/cjs/exported-related/floating-button/index.js +4 -1
- package/dist/cjs/exported-related/floating-button/index.js.map +1 -1
- package/dist/cjs/exported-related/floating-button/props.js +4 -1
- package/dist/cjs/exported-related/floating-button/props.js.map +1 -1
- package/dist/cjs/exported-related/floating-button/styled.js +4 -1
- package/dist/cjs/exported-related/floating-button/styled.js.map +1 -1
- package/dist/cjs/exported-related/floating-container/styled.js +4 -1
- package/dist/cjs/exported-related/floating-container/styled.js.map +1 -1
- package/dist/cjs/exported-related/grid-influencer/InfluencerContainer.js +17 -6
- package/dist/cjs/exported-related/grid-influencer/InfluencerContainer.js.map +2 -2
- package/dist/cjs/exported-related/grid-influencer/styled.js +4 -1
- package/dist/cjs/exported-related/grid-influencer/styled.js.map +1 -1
- package/dist/cjs/exported-related/index.js +4 -1
- package/dist/cjs/exported-related/index.js.map +1 -1
- package/dist/cjs/exported-related/message-delimiter/MessageDelimiter.js +18 -9
- package/dist/cjs/exported-related/message-delimiter/MessageDelimiter.js.map +1 -1
- package/dist/cjs/exported-related/message-delimiter/index.js +4 -1
- package/dist/cjs/exported-related/message-delimiter/index.js.map +1 -1
- package/dist/cjs/exported-related/message-delimiter/props.js +7 -2
- package/dist/cjs/exported-related/message-delimiter/props.js.map +1 -1
- package/dist/cjs/exported-related/message-delimiter/styled.js +4 -1
- package/dist/cjs/exported-related/message-delimiter/styled.js.map +1 -1
- package/dist/cjs/exported-related/system-message/SystemMessage.js +28 -13
- package/dist/cjs/exported-related/system-message/SystemMessage.js.map +1 -1
- package/dist/cjs/exported-related/system-message/index.js +4 -1
- package/dist/cjs/exported-related/system-message/index.js.map +1 -1
- package/dist/cjs/exported-related/system-message/props.js +4 -1
- package/dist/cjs/exported-related/system-message/props.js.map +1 -1
- package/dist/cjs/exported-related/system-message/style.js +4 -1
- package/dist/cjs/exported-related/system-message/style.js.map +1 -1
- package/dist/cjs/exported-related/tile-button/TileButton.js +97 -64
- package/dist/cjs/exported-related/tile-button/TileButton.js.map +2 -2
- package/dist/cjs/exported-related/tile-button/index.js +4 -1
- package/dist/cjs/exported-related/tile-button/index.js.map +1 -1
- package/dist/cjs/exported-related/tile-button/props.js +7 -2
- package/dist/cjs/exported-related/tile-button/props.js.map +1 -1
- package/dist/cjs/exported-related/tile-button/styled.js +4 -1
- package/dist/cjs/exported-related/tile-button/styled.js.map +1 -1
- package/dist/cjs/index.js +4 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/parts/chat-composer/ChatContainerComposer.js +95 -64
- package/dist/cjs/parts/chat-composer/ChatContainerComposer.js.map +2 -2
- package/dist/cjs/parts/chat-composer/index.js +4 -1
- package/dist/cjs/parts/chat-composer/index.js.map +1 -1
- package/dist/cjs/parts/chat-composer/styled.js +4 -1
- package/dist/cjs/parts/chat-composer/styled.js.map +1 -1
- package/dist/cjs/parts/chat-container/ChatContainer.js +98 -75
- package/dist/cjs/parts/chat-container/ChatContainer.js.map +2 -2
- package/dist/cjs/parts/chat-container/styled.js +4 -1
- package/dist/cjs/parts/chat-container/styled.js.map +2 -2
- package/dist/cjs/parts/chat-container-messages-list/ChatContainerMessagesList.js +89 -56
- package/dist/cjs/parts/chat-container-messages-list/ChatContainerMessagesList.js.map +2 -2
- package/dist/cjs/parts/chat-container-messages-list/index.js +4 -1
- package/dist/cjs/parts/chat-container-messages-list/index.js.map +1 -1
- package/dist/cjs/parts/chat-container-messages-list/styled.js +4 -1
- package/dist/cjs/parts/chat-container-messages-list/styled.js.map +1 -1
- package/dist/cjs/parts/chat-container-messages-list/useActionRef.js +4 -1
- package/dist/cjs/parts/chat-container-messages-list/useActionRef.js.map +2 -2
- package/dist/cjs/parts/chat-container-messages-list/useChatContainerMessageList.js +15 -9
- package/dist/cjs/parts/chat-container-messages-list/useChatContainerMessageList.js.map +2 -2
- package/dist/cjs/parts/chat-container-messages-list/useFocusAndScrollHelpers.js +53 -38
- package/dist/cjs/parts/chat-container-messages-list/useFocusAndScrollHelpers.js.map +2 -2
- package/dist/cjs/parts/chat-container-messages-list/useGetNewMessages.js +4 -1
- package/dist/cjs/parts/chat-container-messages-list/useGetNewMessages.js.map +1 -1
- package/dist/cjs/parts/chat-container-messages-list/useGlobalEventListener.js +4 -1
- package/dist/cjs/parts/chat-container-messages-list/useGlobalEventListener.js.map +2 -2
- package/dist/cjs/parts/chat-container-messages-list/useKeyboard.js +95 -86
- package/dist/cjs/parts/chat-container-messages-list/useKeyboard.js.map +2 -2
- package/dist/cjs/parts/index.js +4 -1
- package/dist/cjs/parts/index.js.map +1 -1
- package/dist/cjs/react-desc-prop-types.js +35 -14
- package/dist/cjs/react-desc-prop-types.js.map +1 -1
- package/dist/cjs/styled.js +4 -1
- package/dist/cjs/styled.js.map +1 -1
- package/dist/cjs/tests/utils.js +4 -1
- package/dist/cjs/tests/utils.js.map +1 -1
- package/dist/esm/ChatDataTestids.js.map +1 -1
- package/dist/esm/exported-related/bubble/ChatBubble.js +63 -33
- package/dist/esm/exported-related/bubble/ChatBubble.js.map +2 -2
- package/dist/esm/exported-related/bubble/ChatBubbleArrow.js +83 -60
- package/dist/esm/exported-related/bubble/ChatBubbleArrow.js.map +1 -1
- package/dist/esm/exported-related/bubble/index.js.map +1 -1
- package/dist/esm/exported-related/bubble/props.js.map +1 -1
- package/dist/esm/exported-related/bubble/styled.js.map +1 -1
- package/dist/esm/exported-related/chat-card/ChatCard.js +28 -14
- package/dist/esm/exported-related/chat-card/ChatCard.js.map +1 -1
- package/dist/esm/exported-related/chat-card/index.js.map +1 -1
- package/dist/esm/exported-related/chat-card/props.js +2 -1
- package/dist/esm/exported-related/chat-card/props.js.map +1 -1
- package/dist/esm/exported-related/chat-card/styled.js.map +1 -1
- package/dist/esm/exported-related/chat-container-header/ChatContainerHeader.js +20 -13
- package/dist/esm/exported-related/chat-container-header/ChatContainerHeader.js.map +2 -2
- package/dist/esm/exported-related/chat-container-header/props.js.map +1 -1
- package/dist/esm/exported-related/chat-container-header/styled.js.map +1 -1
- package/dist/esm/exported-related/chat-empty-state/ChatEmptyState.js +35 -20
- package/dist/esm/exported-related/chat-empty-state/ChatEmptyState.js.map +1 -1
- package/dist/esm/exported-related/chat-empty-state/props.js +2 -1
- package/dist/esm/exported-related/chat-empty-state/props.js.map +1 -1
- package/dist/esm/exported-related/chat-empty-state/styled.js.map +1 -1
- package/dist/esm/exported-related/chat-sidebar/SideBarChat.js +29 -20
- package/dist/esm/exported-related/chat-sidebar/SideBarChat.js.map +2 -2
- package/dist/esm/exported-related/chat-sidebar/index.js.map +1 -1
- package/dist/esm/exported-related/chat-sidebar/props.js +4 -2
- package/dist/esm/exported-related/chat-sidebar/props.js.map +1 -1
- package/dist/esm/exported-related/chat-sidebar/sidebar-button/SidebarButton.js +16 -9
- package/dist/esm/exported-related/chat-sidebar/sidebar-button/SidebarButton.js.map +2 -2
- package/dist/esm/exported-related/chat-sidebar/sidebar-button/index.js.map +1 -1
- package/dist/esm/exported-related/chat-sidebar/sidebar-button/props.js.map +1 -1
- package/dist/esm/exported-related/chat-sidebar/sidebar-button/styled.js.map +1 -1
- package/dist/esm/exported-related/chat-sidebar/styled.js.map +1 -1
- package/dist/esm/exported-related/floating-button/FloatingButton.js +7 -6
- package/dist/esm/exported-related/floating-button/FloatingButton.js.map +1 -1
- package/dist/esm/exported-related/floating-button/index.js.map +1 -1
- package/dist/esm/exported-related/floating-button/props.js.map +1 -1
- package/dist/esm/exported-related/floating-button/styled.js.map +1 -1
- package/dist/esm/exported-related/floating-container/styled.js.map +1 -1
- package/dist/esm/exported-related/grid-influencer/InfluencerContainer.js +13 -5
- package/dist/esm/exported-related/grid-influencer/InfluencerContainer.js.map +2 -2
- package/dist/esm/exported-related/grid-influencer/styled.js.map +1 -1
- package/dist/esm/exported-related/index.js.map +1 -1
- package/dist/esm/exported-related/message-delimiter/MessageDelimiter.js +14 -8
- package/dist/esm/exported-related/message-delimiter/MessageDelimiter.js.map +1 -1
- package/dist/esm/exported-related/message-delimiter/index.js.map +1 -1
- package/dist/esm/exported-related/message-delimiter/props.js +3 -1
- package/dist/esm/exported-related/message-delimiter/props.js.map +1 -1
- package/dist/esm/exported-related/message-delimiter/styled.js.map +1 -1
- package/dist/esm/exported-related/system-message/SystemMessage.js +24 -12
- package/dist/esm/exported-related/system-message/SystemMessage.js.map +1 -1
- package/dist/esm/exported-related/system-message/index.js.map +1 -1
- package/dist/esm/exported-related/system-message/props.js.map +1 -1
- package/dist/esm/exported-related/system-message/style.js.map +1 -1
- package/dist/esm/exported-related/tile-button/TileButton.js +93 -63
- package/dist/esm/exported-related/tile-button/TileButton.js.map +2 -2
- package/dist/esm/exported-related/tile-button/index.js.map +1 -1
- package/dist/esm/exported-related/tile-button/props.js +3 -1
- package/dist/esm/exported-related/tile-button/props.js.map +1 -1
- package/dist/esm/exported-related/tile-button/styled.js.map +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/parts/chat-composer/ChatContainerComposer.js +91 -63
- package/dist/esm/parts/chat-composer/ChatContainerComposer.js.map +2 -2
- package/dist/esm/parts/chat-composer/index.js.map +1 -1
- package/dist/esm/parts/chat-composer/styled.js.map +1 -1
- package/dist/esm/parts/chat-container/ChatContainer.js +94 -74
- package/dist/esm/parts/chat-container/ChatContainer.js.map +2 -2
- package/dist/esm/parts/chat-container/styled.js.map +1 -1
- package/dist/esm/parts/chat-container-messages-list/ChatContainerMessagesList.js +85 -55
- package/dist/esm/parts/chat-container-messages-list/ChatContainerMessagesList.js.map +2 -2
- package/dist/esm/parts/chat-container-messages-list/index.js.map +1 -1
- package/dist/esm/parts/chat-container-messages-list/styled.js.map +1 -1
- package/dist/esm/parts/chat-container-messages-list/useActionRef.js.map +2 -2
- package/dist/esm/parts/chat-container-messages-list/useChatContainerMessageList.js +11 -8
- package/dist/esm/parts/chat-container-messages-list/useChatContainerMessageList.js.map +2 -2
- package/dist/esm/parts/chat-container-messages-list/useFocusAndScrollHelpers.js +49 -37
- package/dist/esm/parts/chat-container-messages-list/useFocusAndScrollHelpers.js.map +2 -2
- package/dist/esm/parts/chat-container-messages-list/useGetNewMessages.js.map +1 -1
- package/dist/esm/parts/chat-container-messages-list/useGlobalEventListener.js.map +2 -2
- package/dist/esm/parts/chat-container-messages-list/useKeyboard.js +91 -85
- package/dist/esm/parts/chat-container-messages-list/useKeyboard.js.map +2 -2
- package/dist/esm/parts/index.js.map +1 -1
- package/dist/esm/react-desc-prop-types.js +31 -13
- package/dist/esm/react-desc-prop-types.js.map +1 -1
- package/dist/esm/styled.js.map +1 -1
- package/dist/esm/tests/utils.js.map +1 -1
- package/package.json +10 -10
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var styled_exports = {};
|
|
23
26
|
__export(styled_exports, {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/exported-related/chat-card/styled.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\n\nexport const Wrapper = styled(Grid)`\n min-width: 248px;\n border: 1px;\n border-bottom: 1px solid #ccc;\n padding: 12px 12px;\n`;\n\nexport const MainContent = styled.div``;\n\nexport const Title = styled.p`\n font-size: 16px;\n font-weight: 600;\n margin: 0;\n`;\n\nexport const Content = styled.p`\n font-size: 12px;\n font-weight: 400;\n line-height: 1;\n margin: 0;\n`;\n\nexport const Time = styled.p`\n font-size: 12px;\n font-weight: 100;\n margin: 0;\n margin-top: 8px;\n font-weight: ${(props) => props.theme.fontWeights.regular};\n color: ${(props) => props.theme.colors.neutral['500']};\n`;\n\nexport const RightAddon = styled.div`\n height: fit-content;\n margin-left: 12px;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,qBAAqB;AAEd,MAAM,cAAU,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAO3B,MAAM,cAAc,wBAAO;AAE3B,MAAM,QAAQ,wBAAO;AAAA;AAAA;AAAA;AAAA;AAMrB,MAAM,UAAU,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOvB,MAAM,OAAO,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA,iBAKV,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAG1C,MAAM,aAAa,wBAAO;AAAA;AAAA;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var ChatContainerHeader_exports = {};
|
|
23
26
|
__export(ChatContainerHeader_exports, {
|
|
@@ -26,6 +29,7 @@ __export(ChatContainerHeader_exports, {
|
|
|
26
29
|
});
|
|
27
30
|
module.exports = __toCommonJS(ChatContainerHeader_exports);
|
|
28
31
|
var React = __toESM(require("react"));
|
|
32
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
29
33
|
var import_react = __toESM(require("react"));
|
|
30
34
|
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
31
35
|
var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
|
|
@@ -36,22 +40,28 @@ const ChatContainerHeader = (props) => {
|
|
|
36
40
|
(0, import_ds_utilities.useValidateTypescriptPropTypes)(propsWithDefault, import_props.propTypes);
|
|
37
41
|
const globalsAttr = (0, import_ds_utilities.useGetGlobalAttributes)(propsWithDefault);
|
|
38
42
|
const { title, children } = propsWithDefault;
|
|
39
|
-
return /* @__PURE__ */
|
|
43
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledChatContainerContentHeader, {
|
|
40
44
|
alignItems: "center",
|
|
41
45
|
cols: ["minmax(calc(100% - 64px), 1fr)", children ? "auto" : "0px"],
|
|
42
46
|
role: "heading",
|
|
43
|
-
...globalsAttr
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
47
|
+
...globalsAttr,
|
|
48
|
+
children: [
|
|
49
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledChatContainerContentHeaderLabel, {
|
|
50
|
+
"data-testid": "chat-container-header-title",
|
|
51
|
+
pl: "xxs",
|
|
52
|
+
pr: "xxs",
|
|
53
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_truncated_tooltip_text.SimpleTruncatedTooltipText, {
|
|
54
|
+
value: title
|
|
55
|
+
})
|
|
56
|
+
}),
|
|
57
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledChatContainerContentHeaderActions, {
|
|
58
|
+
cols: import_react.default.Children.toArray(children).filter(Boolean).map(() => "32px"),
|
|
59
|
+
justifyContent: "flex-end",
|
|
60
|
+
"data-testid": "chat-container-header-children",
|
|
61
|
+
children
|
|
62
|
+
})
|
|
63
|
+
]
|
|
64
|
+
});
|
|
55
65
|
};
|
|
56
66
|
ChatContainerHeader.propTypes = import_props.propTypes;
|
|
57
67
|
ChatContainerHeader.displayName = "ChatContainerHeader";
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/exported-related/chat-container-header/ChatContainerHeader.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React, { WeakValidationMap } from 'react';\nimport {\n describe,\n useValidateTypescriptPropTypes,\n useMemoMergePropsWithDefault,\n useGetGlobalAttributes,\n} from '@elliemae/ds-utilities';\n\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport {\n StyledChatContainerContentHeader,\n StyledChatContainerContentHeaderLabel,\n StyledChatContainerContentHeaderActions,\n} from './styled';\nimport { defaultProps, propTypes, HeaderProps } from './props';\n\nconst ChatContainerHeader: React.ComponentType<HeaderProps> = (props) => {\n const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n useValidateTypescriptPropTypes(propsWithDefault, propTypes);\n\n const globalsAttr = useGetGlobalAttributes(propsWithDefault);\n\n const { title, children } = propsWithDefault;\n\n return (\n <StyledChatContainerContentHeader\n alignItems=\"center\"\n cols={['minmax(calc(100% - 64px), 1fr)', children ? 'auto' : '0px']}\n role=\"heading\"\n {...globalsAttr}\n >\n <StyledChatContainerContentHeaderLabel data-testid=\"chat-container-header-title\" pl=\"xxs\" pr=\"xxs\">\n <SimpleTruncatedTooltipText value={title} />\n </StyledChatContainerContentHeaderLabel>\n <StyledChatContainerContentHeaderActions\n cols={React.Children.toArray(children)\n .filter(Boolean)\n .map(() => '32px')}\n justifyContent=\"flex-end\"\n data-testid=\"chat-container-header-children\"\n >\n {children}\n </StyledChatContainerContentHeaderActions>\n </StyledChatContainerContentHeader>\n );\n};\n\nChatContainerHeader.propTypes = propTypes as WeakValidationMap<unknown>;\nChatContainerHeader.displayName = 'ChatContainerHeader';\nconst ChatContainerHeaderWithSchema = describe(ChatContainerHeader);\nChatContainerHeaderWithSchema.propTypes = propTypes as WeakValidationMap<unknown>;\n\nexport { ChatContainerHeader, ChatContainerHeaderWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAyC;AACzC,0BAKO;AAEP,uCAA2C;AAC3C,oBAIO;AACP,mBAAqD;AAErD,MAAM,sBAAwD,CAAC,UAAU;AACvE,QAAM,uBAAmB,kDAA6B,OAAO,yBAAY;AACzE,0DAA+B,kBAAkB,sBAAS;AAE1D,QAAM,kBAAc,4CAAuB,gBAAgB;AAE3D,QAAM,EAAE,OAAO,SAAS,IAAI;AAE5B,SACE,6CAAC;AAAA,IACC,YAAW;AAAA,IACX,MAAM,CAAC,kCAAkC,WAAW,SAAS,KAAK;AAAA,IAClE,MAAK;AAAA,IACJ,GAAG;AAAA,IAEJ;AAAA,kDAAC;AAAA,QAAsC,eAAY;AAAA,QAA8B,IAAG;AAAA,QAAM,IAAG;AAAA,QAC3F,sDAAC;AAAA,UAA2B,OAAO;AAAA,SAAO;AAAA,OAC5C;AAAA,MACA,4CAAC;AAAA,QACC,MAAM,aAAAA,QAAM,SAAS,QAAQ,QAAQ,EAClC,OAAO,OAAO,EACd,IAAI,MAAM,MAAM;AAAA,QACnB,gBAAe;AAAA,QACf,eAAY;AAAA,QAEX;AAAA,OACH;AAAA;AAAA,GACF;AAEJ;AAEA,oBAAoB,YAAY;AAChC,oBAAoB,cAAc;AAClC,MAAM,oCAAgC,8BAAS,mBAAmB;AAClE,8BAA8B,YAAY;",
|
|
6
|
+
"names": ["React"]
|
|
7
7
|
}
|
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var props_exports = {};
|
|
23
26
|
__export(props_exports, {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/exported-related/chat-container-header/props.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\nimport { PropTypes } from '@elliemae/ds-utilities';\n\nexport const defaultProps: HeaderProps = {\n title: '',\n};\n\nexport const propTypes = {\n title: PropTypes.string.isRequired.description(`Card's title`),\n children: PropTypes.node.description('Childrens'),\n};\n\nexport interface HeaderProps {\n title: string;\n children?: React.ReactChild;\n}\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,0BAA0B;AAEnB,MAAM,eAA4B;AAAA,EACvC,OAAO;AACT;AAEO,MAAM,YAAY;AAAA,EACvB,OAAO,8BAAU,OAAO,WAAW,YAAY,cAAc;AAAA,EAC7D,UAAU,8BAAU,KAAK,YAAY,WAAW;AAClD;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var styled_exports = {};
|
|
23
26
|
__export(styled_exports, {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/exported-related/chat-container-header/styled.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\n\nexport const StyledChatContainerContentHeaderActions = styled(Grid)`\n max-width: 80px;\n`;\n\nexport const StyledChatContainerContentHeader = styled(Grid)`\n width: 100%;\n min-height: 48px;\n border-bottom: 1px solid ${(props) => props.theme.colors.neutral['200']};\n background: ${(props) => props.theme.colors.neutral['050']};\n ${StyledChatContainerContentHeaderActions} {\n & button {\n background: transparent;\n }\n }\n`;\n\nexport const StyledChatContainerContentHeaderLabel = styled(Grid)`\n justify-content: center;\n align-items: center;\n font-weight: bold;\n font-size: 18px;\n color: ${(props) => props.theme.colors.neutral['700']};\n line-height: 1.6;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,qBAAqB;AAEd,MAAM,8CAA0C,yBAAO,mBAAI;AAAA;AAAA;AAI3D,MAAM,uCAAmC,yBAAO,mBAAI;AAAA;AAAA;AAAA,6BAG9B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,gBACnD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,IAClD;AAAA;AAAA;AAAA;AAAA;AAAA;AAOG,MAAM,4CAAwC,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAAA,WAKrD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var ChatEmptyState_exports = {};
|
|
23
26
|
__export(ChatEmptyState_exports, {
|
|
@@ -26,7 +29,8 @@ __export(ChatEmptyState_exports, {
|
|
|
26
29
|
});
|
|
27
30
|
module.exports = __toCommonJS(ChatEmptyState_exports);
|
|
28
31
|
var React = __toESM(require("react"));
|
|
29
|
-
var
|
|
32
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
33
|
+
var import_react = require("react");
|
|
30
34
|
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
31
35
|
var import_ds_grid = require("@elliemae/ds-grid");
|
|
32
36
|
var import_ds_icons = require("@elliemae/ds-icons");
|
|
@@ -36,26 +40,40 @@ const ChatEmptyState = (props) => {
|
|
|
36
40
|
const propsWithDefault = (0, import_ds_utilities.useMemoMergePropsWithDefault)(props, import_props.defaultProps);
|
|
37
41
|
(0, import_ds_utilities.useValidateTypescriptPropTypes)(propsWithDefault, import_props.emptyStateProps);
|
|
38
42
|
const { label, action } = propsWithDefault;
|
|
39
|
-
const MainContent = (0, import_react.useMemo)(
|
|
43
|
+
const MainContent = (0, import_react.useMemo)(
|
|
44
|
+
() => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
|
|
45
|
+
alignItems: "center",
|
|
46
|
+
justifyContent: "center",
|
|
47
|
+
children: [
|
|
48
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
|
|
49
|
+
alignItems: "center",
|
|
50
|
+
justifyContent: "center",
|
|
51
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.Communications, {
|
|
52
|
+
size: "xxl",
|
|
53
|
+
color: ["neutral", 400]
|
|
54
|
+
})
|
|
55
|
+
}),
|
|
56
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
|
|
57
|
+
alignItems: "center",
|
|
58
|
+
justifyContent: "center",
|
|
59
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.MessageWrapper, {
|
|
60
|
+
children: label
|
|
61
|
+
})
|
|
62
|
+
}),
|
|
63
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
|
|
64
|
+
alignItems: "center",
|
|
65
|
+
justifyContent: "center",
|
|
66
|
+
children: action
|
|
67
|
+
})
|
|
68
|
+
]
|
|
69
|
+
}),
|
|
70
|
+
[label, action]
|
|
71
|
+
);
|
|
72
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.ChatEmptyStateWrapper, {
|
|
40
73
|
alignItems: "center",
|
|
41
|
-
justifyContent: "center"
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
justifyContent: "center"
|
|
45
|
-
}, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.Communications, {
|
|
46
|
-
size: "xxl",
|
|
47
|
-
color: ["neutral", 400]
|
|
48
|
-
})), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
|
|
49
|
-
alignItems: "center",
|
|
50
|
-
justifyContent: "center"
|
|
51
|
-
}, /* @__PURE__ */ import_react.default.createElement(import_styled.MessageWrapper, null, label)), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
|
|
52
|
-
alignItems: "center",
|
|
53
|
-
justifyContent: "center"
|
|
54
|
-
}, action)), [label, action]);
|
|
55
|
-
return /* @__PURE__ */ import_react.default.createElement(import_styled.ChatEmptyStateWrapper, {
|
|
56
|
-
alignItems: "center",
|
|
57
|
-
justifyContent: "center"
|
|
58
|
-
}, MainContent);
|
|
74
|
+
justifyContent: "center",
|
|
75
|
+
children: MainContent
|
|
76
|
+
});
|
|
59
77
|
};
|
|
60
78
|
ChatEmptyState.propTypes = import_props.emptyStateProps;
|
|
61
79
|
ChatEmptyState.displayName = "ChatEmptyState";
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/exported-related/chat-empty-state/ChatEmptyState.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React, { useMemo, WeakValidationMap } from 'react';\nimport { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\nimport { Grid } from '@elliemae/ds-grid';\nimport { Communications } from '@elliemae/ds-icons';\nimport { ChatEmptyStateProps, emptyStateProps, defaultProps } from './props';\nimport { ChatEmptyStateWrapper, MessageWrapper } from './styled';\n\nconst ChatEmptyState: React.ComponentType<ChatEmptyStateProps> = (props) => {\n const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n useValidateTypescriptPropTypes(propsWithDefault, emptyStateProps);\n\n const { label, action } = propsWithDefault;\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 as WeakValidationMap<unknown>;\nChatEmptyState.displayName = 'ChatEmptyState';\nconst ChatEmptyStateWithSchema = describe(ChatEmptyState);\nChatEmptyStateWithSchema.propTypes = emptyStateProps as WeakValidationMap<unknown>;\n\nexport { ChatEmptyState, ChatEmptyStateWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAkD;AAClD,0BAAuF;AACvF,qBAAqB;AACrB,sBAA+B;AAC/B,mBAAmE;AACnE,oBAAsD;AAEtD,MAAM,iBAA2D,CAAC,UAAU;AAC1E,QAAM,uBAAmB,kDAA6B,OAAO,yBAAY;AACzE,0DAA+B,kBAAkB,4BAAe;AAEhE,QAAM,EAAE,OAAO,OAAO,IAAI;AAC1B,QAAM,kBAAc;AAAA,IAClB,MACE,6CAAC;AAAA,MAAK,YAAW;AAAA,MAAS,gBAAe;AAAA,MACvC;AAAA,oDAAC;AAAA,UAAK,YAAW;AAAA,UAAS,gBAAe;AAAA,UACvC,sDAAC;AAAA,YAAe,MAAK;AAAA,YAAM,OAAO,CAAC,WAAW,GAAG;AAAA,WAAG;AAAA,SACtD;AAAA,QACA,4CAAC;AAAA,UAAK,YAAW;AAAA,UAAS,gBAAe;AAAA,UACvC,sDAAC;AAAA,YAAgB;AAAA,WAAM;AAAA,SACzB;AAAA,QACA,4CAAC;AAAA,UAAK,YAAW;AAAA,UAAS,gBAAe;AAAA,UACtC;AAAA,SACH;AAAA;AAAA,KACF;AAAA,IAEF,CAAC,OAAO,MAAM;AAAA,EAChB;AACA,SACE,4CAAC;AAAA,IAAsB,YAAW;AAAA,IAAS,gBAAe;AAAA,IACvD;AAAA,GACH;AAEJ;AAEA,eAAe,YAAY;AAC3B,eAAe,cAAc;AAC7B,MAAM,+BAA2B,8BAAS,cAAc;AACxD,yBAAyB,YAAY;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var props_exports = {};
|
|
23
26
|
__export(props_exports, {
|
|
@@ -26,10 +29,11 @@ __export(props_exports, {
|
|
|
26
29
|
});
|
|
27
30
|
module.exports = __toCommonJS(props_exports);
|
|
28
31
|
var React = __toESM(require("react"));
|
|
32
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
29
33
|
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
30
34
|
const defaultProps = {
|
|
31
35
|
label: "No Messages Yet",
|
|
32
|
-
action: /* @__PURE__ */
|
|
36
|
+
action: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {})
|
|
33
37
|
};
|
|
34
38
|
const emptyStateProps = {
|
|
35
39
|
label: import_ds_utilities.PropTypes.string.description("No Message to show text helper").defaultValue(defaultProps.label),
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/exported-related/chat-empty-state/props.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import { PropTypes } from '@elliemae/ds-utilities';\n\nexport interface ChatEmptyStateProps {\n label: string;\n action: JSX.Element;\n}\n\nexport const defaultProps: ChatEmptyStateProps = {\n label: 'No Messages Yet',\n action: <></>,\n};\n\nexport const emptyStateProps = {\n label: PropTypes.string.description('No Message to show text helper').defaultValue(defaultProps.label),\n action: PropTypes.node.description('action element').defaultValue(defaultProps.action),\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,0BAA0B;AAOnB,MAAM,eAAoC;AAAA,EAC/C,OAAO;AAAA,EACP,QAAQ,2EAAE;AACZ;AAEO,MAAM,kBAAkB;AAAA,EAC7B,OAAO,8BAAU,OAAO,YAAY,gCAAgC,EAAE,aAAa,aAAa,KAAK;AAAA,EACrG,QAAQ,8BAAU,KAAK,YAAY,gBAAgB,EAAE,aAAa,aAAa,MAAM;AACvF;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var styled_exports = {};
|
|
23
26
|
__export(styled_exports, {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/exported-related/chat-empty-state/styled.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\n\nexport const CONTAINER_WIDTH = 300;\n\nexport const ChatEmptyStateWrapper = styled(Grid)`\n height: 100%;\n overflow: hidden;\n`;\n\nexport const MessageWrapper = styled.p`\n font-size: 18px;\n margin-bottom: 0px;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,qBAAqB;AAEd,MAAM,kBAAkB;AAExB,MAAM,4BAAwB,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAKzC,MAAM,iBAAiB,wBAAO;AAAA;AAAA;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var SideBarChat_exports = {};
|
|
23
26
|
__export(SideBarChat_exports, {
|
|
@@ -26,6 +29,7 @@ __export(SideBarChat_exports, {
|
|
|
26
29
|
});
|
|
27
30
|
module.exports = __toCommonJS(SideBarChat_exports);
|
|
28
31
|
var React = __toESM(require("react"));
|
|
32
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
29
33
|
var import_react = __toESM(require("react"));
|
|
30
34
|
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
31
35
|
var import_ds_icons = require("@elliemae/ds-icons");
|
|
@@ -38,7 +42,7 @@ const FooterChat = ({
|
|
|
38
42
|
onFooterClose,
|
|
39
43
|
onFooterExpand,
|
|
40
44
|
footerButtonExtraProps
|
|
41
|
-
}) => /* @__PURE__ */
|
|
45
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SidebarButton.SidebarButton, {
|
|
42
46
|
dsId: "sidebar_footer",
|
|
43
47
|
Icon: !expanded ? import_ds_icons.MenuCollapse : import_ds_icons.MenuExpand,
|
|
44
48
|
onClick: expanded ? onFooterClose : onFooterExpand,
|
|
@@ -60,31 +64,39 @@ const SideBarChat = (props) => {
|
|
|
60
64
|
actionRef
|
|
61
65
|
} = propsWithDefault;
|
|
62
66
|
const { current: listRef } = import_react.default.useRef({});
|
|
63
|
-
const registerReference = import_react.default.useCallback(
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
+
const registerReference = import_react.default.useCallback(
|
|
68
|
+
(ref) => {
|
|
69
|
+
if (ref)
|
|
70
|
+
listRef[ref.dataset.key] = ref;
|
|
71
|
+
},
|
|
72
|
+
[listRef]
|
|
73
|
+
);
|
|
67
74
|
import_react.default.useEffect(() => {
|
|
68
75
|
if (actionRef.current?.listRef) {
|
|
69
76
|
actionRef.current.listRef = listRef;
|
|
70
77
|
}
|
|
71
78
|
}, [sidebarItems, expanded, actionRef, listRef]);
|
|
72
|
-
return /* @__PURE__ */
|
|
79
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledSideBarContainer, {
|
|
73
80
|
rows: [1, "auto"],
|
|
74
|
-
ref: listRef
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
81
|
+
ref: listRef,
|
|
82
|
+
children: [
|
|
83
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledSideBarButtonsContainer, {
|
|
84
|
+
children: sidebarItems.map((p) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tile_button.TileButton, {
|
|
85
|
+
innerRef: registerReference,
|
|
86
|
+
...p,
|
|
87
|
+
selected: selectedItem === p.dsId,
|
|
88
|
+
tooltipPlacement,
|
|
89
|
+
disableTooltip: enableTooltipWhenIsClosed ? false : !expanded
|
|
90
|
+
}, p.dsId))
|
|
91
|
+
}),
|
|
92
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FooterChat, {
|
|
93
|
+
expanded,
|
|
94
|
+
onFooterClose,
|
|
95
|
+
onFooterExpand,
|
|
96
|
+
footerButtonExtraProps
|
|
97
|
+
})
|
|
98
|
+
]
|
|
99
|
+
});
|
|
88
100
|
};
|
|
89
101
|
SideBarChat.propTypes = import_props.chatSidebarProps;
|
|
90
102
|
SideBarChat.displayName = "SideBarChat";
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/exported-related/chat-sidebar/SideBarChat.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React, { WeakValidationMap } from 'react';\nimport { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\nimport { MenuCollapse, MenuExpand } from '@elliemae/ds-icons';\nimport { StyledSideBarContainer, StyledSideBarButtonsContainer } from './styled';\nimport { TileButton } from '../tile-button';\nimport { SidebarButton } from './sidebar-button/SidebarButton';\nimport { ChatSidebarProps, defaultProps, chatSidebarProps } from './props';\n\nconst FooterChat = ({\n expanded,\n onFooterClose,\n onFooterExpand,\n footerButtonExtraProps,\n}: Pick<ChatSidebarProps, 'expanded' | 'onFooterClose' | 'onFooterExpand' | 'footerButtonExtraProps'>) => (\n <SidebarButton\n dsId=\"sidebar_footer\"\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: React.ComponentType<ChatSidebarProps> = (props) => {\n const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n useValidateTypescriptPropTypes(propsWithDefault, chatSidebarProps);\n\n const {\n sidebarItems,\n expanded,\n onFooterClose,\n onFooterExpand,\n selectedItem,\n footerButtonExtraProps,\n tooltipPlacement,\n enableTooltipWhenIsClosed,\n actionRef,\n } = propsWithDefault;\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 as WeakValidationMap<unknown>;\nSideBarChat.displayName = 'SideBarChat';\nconst SideBarChatWithSchema = describe(SideBarChat);\nSideBarChatWithSchema.propTypes = chatSidebarProps as WeakValidationMap<unknown>;\n\nexport { SideBarChat, SideBarChatWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAyC;AACzC,0BAAuF;AACvF,sBAAyC;AACzC,oBAAsE;AACtE,yBAA2B;AAC3B,2BAA8B;AAC9B,mBAAiE;AAEjE,MAAM,aAAa,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE,4CAAC;AAAA,EACC,MAAK;AAAA,EACL,MAAM,CAAC,WAAW,+BAAe;AAAA,EACjC,SAAS,WAAW,gBAAgB;AAAA,EACpC,gBAAc;AAAA,EACd,cAAY,uBAAuB;AAAA,CACrC;AAGF,MAAM,cAAqD,CAAC,UAAU;AACpE,QAAM,uBAAmB,kDAA6B,OAAO,yBAAY;AACzE,0DAA+B,kBAAkB,6BAAgB;AAEjE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,EAAE,SAAS,QAAQ,IAAI,aAAAA,QAAM,OAAO,CAAC,CAAC;AAC5C,QAAM,oBAAoB,aAAAA,QAAM;AAAA,IAC9B,CAAC,QAAqB;AACpB,UAAI;AAAK,gBAAQ,IAAI,QAAQ,OAAO;AAAA,IACtC;AAAA,IACA,CAAC,OAAO;AAAA,EACV;AACA,eAAAA,QAAM,UAAU,MAAM;AACpB,QAAI,UAAU,SAAS,SAAS;AAC9B,gBAAU,QAAQ,UAAU;AAAA,IAC9B;AAAA,EACF,GAAG,CAAC,cAAc,UAAU,WAAW,OAAO,CAAC;AAE/C,SACE,6CAAC;AAAA,IAAuB,MAAM,CAAC,GAAG,MAAM;AAAA,IAAG,KAAK;AAAA,IAC9C;AAAA,kDAAC;AAAA,QACE,uBAAa,IAAI,CAAC,MACjB,4CAAC;AAAA,UAEC,UAAU;AAAA,UACT,GAAG;AAAA,UACJ,UAAU,iBAAiB,EAAE;AAAA,UAC7B;AAAA,UACA,gBAAgB,4BAA4B,QAAQ,CAAC;AAAA,WALhD,EAAE,IAMT,CACD;AAAA,OACH;AAAA,MACA,4CAAC;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,4BAAwB,8BAAS,WAAW;AAClD,sBAAsB,YAAY;",
|
|
6
|
+
"names": ["React"]
|
|
7
7
|
}
|
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var chat_sidebar_exports = {};
|
|
23
26
|
__export(chat_sidebar_exports, {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/exported-related/chat-sidebar/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["export { SideBarChat, SideBarChatWithSchema } from './SideBarChat';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,yBAAmD;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var props_exports = {};
|
|
23
26
|
__export(props_exports, {
|
|
@@ -66,10 +69,12 @@ const chatSidebarProps = {
|
|
|
66
69
|
onHeaderExpand: import_ds_utilities.PropTypes.func.description("The function to call when the chat is opened via the header").defaultValue(defaultProps.onHeaderExpand),
|
|
67
70
|
onHeaderClose: import_ds_utilities.PropTypes.func.description("The function to call when the chat is closed via the header").defaultValue(defaultProps.onHeaderClose),
|
|
68
71
|
footerButtonExtraProps: import_ds_utilities.PropTypes.object.description("Expand/collapse footer button extra props").defaultValue(defaultProps.footerButtonExtraProps),
|
|
69
|
-
actionRef: import_ds_utilities.PropTypes.object.description(
|
|
72
|
+
actionRef: import_ds_utilities.PropTypes.object.description(
|
|
73
|
+
`Action ref for sidebar
|
|
70
74
|
{
|
|
71
75
|
listRef: references to Tiles
|
|
72
76
|
}
|
|
73
|
-
`
|
|
77
|
+
`
|
|
78
|
+
).defaultValue(defaultProps.actionRef)
|
|
74
79
|
};
|
|
75
80
|
//# sourceMappingURL=props.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/exported-related/chat-sidebar/props.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import { createRef } from 'react';\nimport { PropTypes } from '@elliemae/ds-utilities';\nimport { noop } from 'lodash';\nimport { TileButtonProps } from '../tile-button/props';\n\nexport interface ChatSidebarProps {\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, 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 enableTooltipWhenIsClosed: boolean;\n actionRef: React.RefObject<HTMLElement>;\n}\n\nexport const defaultProps: ChatSidebarProps = {\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: createRef(),\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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA0B;AAC1B,0BAA0B;AAC1B,oBAAqB;AA6Bd,MAAM,eAAiC;AAAA,EAC5C,UAAU;AAAA,EACV,cAAc;AAAA,EACd,cAAc,CAAC;AAAA,EACf,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,wBAAwB,EAAE,cAAc,4BAA4B;AAAA,EACpE,kBAAkB;AAAA,EAClB,2BAA2B;AAAA,EAC3B,eAAW,wBAAU;AACvB;AAEO,MAAM,mBAAmB;AAAA,EAC9B,cAAc,8BAAU,QAAQ,8BAAU,MAAM,EAC7C,YAAY,yFAAyF,EACrG,aAAa,aAAa,YAAY;AAAA,EACzC,UAAU,8BAAU,KACjB,YAAY,gDAAgD,EAC5D,aAAa,aAAa,QAAQ;AAAA,EACrC,cAAc,8BAAU,OACrB,YAAY,+CAA+C,EAC3D,aAAa,aAAa,YAAY;AAAA,EACzC,kBAAkB,8BAAU,MAAM;AAAA,IAChC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC,EACE,YAAY,+DAA+D,EAC3E,aAAa,SAAS;AAAA,EACzB,2BAA2B,8BAAU,KAClC,YAAY,+BAA+B,EAC3C,aAAa,aAAa,cAAc;AAAA,EAC3C,gBAAgB,8BAAU,KACvB,YAAY,6DAA6D,EACzE,aAAa,aAAa,cAAc;AAAA,EAC3C,eAAe,8BAAU,KACtB,YAAY,6DAA6D,EACzE,aAAa,aAAa,aAAa;AAAA,EAC1C,gBAAgB,8BAAU,KACvB,YAAY,6DAA6D,EACzE,aAAa,aAAa,cAAc;AAAA,EAC3C,eAAe,8BAAU,KACtB,YAAY,6DAA6D,EACzE,aAAa,aAAa,aAAa;AAAA,EAC1C,wBAAwB,8BAAU,OAC/B,YAAY,2CAA2C,EACvD,aAAa,aAAa,sBAAsB;AAAA,EACnD,WAAW,8BAAU,OAClB;AAAA,IACC;AAAA;AAAA;AAAA;AAAA;AAAA,EAKF,EACC,aAAa,aAAa,SAAS;AACxC;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var SidebarButton_exports = {};
|
|
23
26
|
__export(SidebarButton_exports, {
|
|
@@ -25,6 +28,7 @@ __export(SidebarButton_exports, {
|
|
|
25
28
|
});
|
|
26
29
|
module.exports = __toCommonJS(SidebarButton_exports);
|
|
27
30
|
var React = __toESM(require("react"));
|
|
31
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
28
32
|
var import_react = __toESM(require("react"));
|
|
29
33
|
var import_styled = require("./styled");
|
|
30
34
|
var import_props = require("./props");
|
|
@@ -33,17 +37,23 @@ const SidebarButton = ({ label, dsId, onClick, Icon, ...rest }) => {
|
|
|
33
37
|
if (dsId)
|
|
34
38
|
onClick(dsId);
|
|
35
39
|
}, [onClick, dsId]);
|
|
36
|
-
return /* @__PURE__ */
|
|
37
|
-
key: dsId,
|
|
40
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledSidebarButton, {
|
|
38
41
|
"data-testid": `sidebar-button-${dsId}`,
|
|
39
42
|
onClick: handleClick,
|
|
40
|
-
...rest
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
43
|
+
...rest,
|
|
44
|
+
children: [
|
|
45
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledSidebarButtonIcon, {
|
|
46
|
+
alignItems: "center",
|
|
47
|
+
justifyContent: "center",
|
|
48
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {
|
|
49
|
+
size: "m"
|
|
50
|
+
})
|
|
51
|
+
}),
|
|
52
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledSidebarButtonLabel, {
|
|
53
|
+
children: label
|
|
54
|
+
})
|
|
55
|
+
]
|
|
56
|
+
}, dsId);
|
|
47
57
|
};
|
|
48
58
|
SidebarButton.propTypes = import_props.propsSidebarButton;
|
|
49
59
|
SidebarButton.defaultProps = import_props.defaultSidebarButton;
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../src/exported-related/chat-sidebar/sidebar-button/SidebarButton.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"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 if (dsId) 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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAkB;AAClB,oBAAuF;AACvF,mBAA6E;AAEtE,MAAM,gBAAgB,CAAC,EAAE,OAAO,MAAM,SAAS,SAAS,KAAK,MAAuC;AACzG,QAAM,cAAc,aAAAA,QAAM,YAAY,MAAM;AAC1C,QAAI;AAAM,cAAQ,IAAI;AAAA,EACxB,GAAG,CAAC,SAAS,IAAI,CAAC;AAElB,SACE,6CAAC;AAAA,IAA+B,eAAa,kBAAkB;AAAA,IAAQ,SAAS;AAAA,IAAc,GAAG;AAAA,IAC/F;AAAA,kDAAC;AAAA,QAAwB,YAAW;AAAA,QAAS,gBAAe;AAAA,QAC1D,sDAAC;AAAA,UAAK,MAAK;AAAA,SAAI;AAAA,OACjB;AAAA,MACC,SAAS,4CAAC;AAAA,QAA0B;AAAA,OAAM;AAAA;AAAA,KAJnB,IAK1B;AAEJ;AAEA,cAAc,YAAY;AAC1B,cAAc,eAAe;",
|
|
6
|
+
"names": ["React"]
|
|
7
7
|
}
|
|
@@ -13,6 +13,9 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
13
13
|
}
|
|
14
14
|
return to;
|
|
15
15
|
};
|
|
16
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
16
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
17
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
18
|
+
mod
|
|
19
|
+
));
|
|
17
20
|
var React = __toESM(require("react"));
|
|
18
21
|
//# sourceMappingURL=index.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;AAAA,YAAuB;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var props_exports = {};
|
|
23
26
|
__export(props_exports, {
|