@elliemae/ds-chat 3.1.0-next.1 → 3.1.0-next.4
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/exported-related/bubble/styled.js +10 -10
- package/dist/cjs/exported-related/bubble/styled.js.map +2 -2
- package/dist/cjs/exported-related/chat-card/styled.js +7 -7
- package/dist/cjs/exported-related/chat-card/styled.js.map +2 -2
- package/dist/cjs/exported-related/chat-container-header/styled.js +4 -4
- package/dist/cjs/exported-related/chat-container-header/styled.js.map +2 -2
- package/dist/cjs/exported-related/chat-empty-state/styled.js +3 -3
- package/dist/cjs/exported-related/chat-empty-state/styled.js.map +2 -2
- package/dist/cjs/exported-related/chat-sidebar/props.js +12 -12
- package/dist/cjs/exported-related/chat-sidebar/props.js.map +2 -2
- package/dist/cjs/exported-related/chat-sidebar/sidebar-button/styled.js +4 -4
- package/dist/cjs/exported-related/chat-sidebar/sidebar-button/styled.js.map +2 -2
- package/dist/cjs/exported-related/chat-sidebar/styled.js +3 -3
- package/dist/cjs/exported-related/chat-sidebar/styled.js.map +2 -2
- package/dist/cjs/exported-related/floating-button/props.js +4 -4
- package/dist/cjs/exported-related/floating-button/props.js.map +2 -2
- package/dist/cjs/exported-related/floating-button/styled.js +2 -2
- package/dist/cjs/exported-related/floating-button/styled.js.map +2 -2
- package/dist/cjs/exported-related/floating-container/styled.js +2 -2
- package/dist/cjs/exported-related/floating-container/styled.js.map +2 -2
- package/dist/cjs/exported-related/grid-influencer/styled.js +3 -3
- package/dist/cjs/exported-related/grid-influencer/styled.js.map +2 -2
- package/dist/cjs/exported-related/message-delimiter/styled.js +4 -4
- package/dist/cjs/exported-related/message-delimiter/styled.js.map +2 -2
- package/dist/cjs/exported-related/system-message/props.js +4 -4
- package/dist/cjs/exported-related/system-message/props.js.map +2 -2
- package/dist/cjs/exported-related/system-message/style.js +6 -6
- package/dist/cjs/exported-related/system-message/style.js.map +2 -2
- package/dist/cjs/exported-related/tile-button/styled.js +9 -10
- package/dist/cjs/exported-related/tile-button/styled.js.map +2 -2
- package/dist/cjs/parts/chat-composer/styled.js +6 -6
- package/dist/cjs/parts/chat-composer/styled.js.map +2 -2
- package/dist/cjs/parts/chat-container/styled.js +4 -4
- package/dist/cjs/parts/chat-container/styled.js.map +2 -2
- package/dist/cjs/parts/chat-container-messages-list/styled.js +8 -8
- package/dist/cjs/parts/chat-container-messages-list/styled.js.map +2 -2
- package/dist/esm/exported-related/bubble/styled.js +1 -1
- package/dist/esm/exported-related/bubble/styled.js.map +1 -1
- package/dist/esm/exported-related/chat-card/styled.js +1 -1
- package/dist/esm/exported-related/chat-card/styled.js.map +1 -1
- package/dist/esm/exported-related/chat-container-header/styled.js +1 -1
- package/dist/esm/exported-related/chat-container-header/styled.js.map +1 -1
- package/dist/esm/exported-related/chat-empty-state/styled.js +1 -1
- package/dist/esm/exported-related/chat-empty-state/styled.js.map +1 -1
- package/dist/esm/exported-related/chat-sidebar/props.js +1 -1
- package/dist/esm/exported-related/chat-sidebar/props.js.map +1 -1
- package/dist/esm/exported-related/chat-sidebar/sidebar-button/styled.js +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 +1 -1
- package/dist/esm/exported-related/chat-sidebar/styled.js.map +1 -1
- package/dist/esm/exported-related/floating-button/props.js +1 -1
- package/dist/esm/exported-related/floating-button/props.js.map +1 -1
- package/dist/esm/exported-related/floating-button/styled.js +1 -1
- package/dist/esm/exported-related/floating-button/styled.js.map +1 -1
- package/dist/esm/exported-related/floating-container/styled.js +1 -1
- package/dist/esm/exported-related/floating-container/styled.js.map +1 -1
- package/dist/esm/exported-related/grid-influencer/styled.js +1 -1
- package/dist/esm/exported-related/grid-influencer/styled.js.map +1 -1
- package/dist/esm/exported-related/message-delimiter/styled.js +1 -1
- package/dist/esm/exported-related/message-delimiter/styled.js.map +1 -1
- package/dist/esm/exported-related/system-message/props.js +1 -1
- package/dist/esm/exported-related/system-message/props.js.map +1 -1
- package/dist/esm/exported-related/system-message/style.js +1 -1
- package/dist/esm/exported-related/system-message/style.js.map +1 -1
- package/dist/esm/exported-related/tile-button/styled.js +1 -2
- package/dist/esm/exported-related/tile-button/styled.js.map +2 -2
- package/dist/esm/parts/chat-composer/styled.js +1 -1
- package/dist/esm/parts/chat-composer/styled.js.map +1 -1
- package/dist/esm/parts/chat-container/styled.js +1 -1
- package/dist/esm/parts/chat-container/styled.js.map +1 -1
- package/dist/esm/parts/chat-container-messages-list/styled.js +1 -1
- package/dist/esm/parts/chat-container-messages-list/styled.js.map +1 -1
- package/package.json +19 -20
|
@@ -32,36 +32,36 @@ __export(styled_exports, {
|
|
|
32
32
|
});
|
|
33
33
|
module.exports = __toCommonJS(styled_exports);
|
|
34
34
|
var React = __toESM(require("react"));
|
|
35
|
-
var
|
|
35
|
+
var import_ds_system = require("@elliemae/ds-system");
|
|
36
36
|
var import_ds_grid = require("@elliemae/ds-grid");
|
|
37
37
|
var import_props = require("./props");
|
|
38
|
-
const StyledWrapper =
|
|
38
|
+
const StyledWrapper = import_ds_system.styled.div`
|
|
39
39
|
min-width: 224px;
|
|
40
40
|
border-radius: 10px;
|
|
41
41
|
`;
|
|
42
|
-
const StyledTitleBubble = (0,
|
|
42
|
+
const StyledTitleBubble = (0, import_ds_system.styled)(import_ds_grid.Grid)`
|
|
43
43
|
padding-top: 6px;
|
|
44
44
|
padding-left: 10px;
|
|
45
45
|
padding-right: 10px;
|
|
46
46
|
padding-bottom: 4px;
|
|
47
47
|
`;
|
|
48
|
-
const StyledTitleLeftBubble = (0,
|
|
48
|
+
const StyledTitleLeftBubble = (0, import_ds_system.styled)(import_ds_grid.Grid)`
|
|
49
49
|
font-size: 13px;
|
|
50
50
|
font-weight: 600;
|
|
51
51
|
`;
|
|
52
|
-
const StyledTitleRightBubble = (0,
|
|
52
|
+
const StyledTitleRightBubble = (0, import_ds_system.styled)(import_ds_grid.Grid)`
|
|
53
53
|
font-size: 13px;
|
|
54
54
|
font-weight: 400;
|
|
55
55
|
color: ${(props) => props.type === import_props.BUBBLE_TYPES.SENDER ? "#FFF" : "#657489"};
|
|
56
56
|
`;
|
|
57
|
-
const StyleBodyWrapper =
|
|
57
|
+
const StyleBodyWrapper = import_ds_system.styled.div`
|
|
58
58
|
font-size: 13px;
|
|
59
59
|
font-weight: 400;
|
|
60
60
|
line-height: 15px;
|
|
61
61
|
min-height: 18px;
|
|
62
62
|
padding: 0px 10px 8px 10px;
|
|
63
63
|
`;
|
|
64
|
-
const StyleErrorMessage =
|
|
64
|
+
const StyleErrorMessage = import_ds_system.styled.div`
|
|
65
65
|
font-size: 12px;
|
|
66
66
|
font-weight: 400;
|
|
67
67
|
padding-top: ${(props) => props.theme.space.xxxs};
|
|
@@ -81,7 +81,7 @@ const StyleErrorMessage = import_styled_components.default.div`
|
|
|
81
81
|
margin-left: 8px;
|
|
82
82
|
}
|
|
83
83
|
`;
|
|
84
|
-
const StyleHelpMessage = (0,
|
|
84
|
+
const StyleHelpMessage = (0, import_ds_system.styled)(StyleErrorMessage)`
|
|
85
85
|
font-size: 12px;
|
|
86
86
|
line-height: 15px;
|
|
87
87
|
color: ${(props) => props.theme.colors.neutral[500]};
|
|
@@ -93,14 +93,14 @@ const StyleHelpMessage = (0, import_styled_components.default)(StyleErrorMessage
|
|
|
93
93
|
color: ${(props) => props.theme.colors.danger[500]};
|
|
94
94
|
}
|
|
95
95
|
`;
|
|
96
|
-
const StyledBubbleArrow =
|
|
96
|
+
const StyledBubbleArrow = import_ds_system.styled.div`
|
|
97
97
|
display: block;
|
|
98
98
|
content: '';
|
|
99
99
|
position: absolute;
|
|
100
100
|
bottom: 10px;
|
|
101
101
|
height: 15px;
|
|
102
102
|
`;
|
|
103
|
-
const StyledColoredBubble =
|
|
103
|
+
const StyledColoredBubble = import_ds_system.styled.div`
|
|
104
104
|
min-width: 224px;
|
|
105
105
|
border-radius: 10px;
|
|
106
106
|
position: relative;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/exported-related/bubble/styled.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable max-lines */\nimport styled from '
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB
|
|
4
|
+
"sourcesContent": ["/* eslint-disable max-lines */\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { BUBBLE_TYPES } from './props';\n\n// Bubble WRAPPER\nexport const StyledWrapper = styled.div`\n min-width: 224px;\n border-radius: 10px;\n`;\n\n// Bubble HEADER\nexport const StyledTitleBubble = styled(Grid)`\n padding-top: 6px;\n padding-left: 10px;\n padding-right: 10px;\n padding-bottom: 4px;\n`;\n\nexport const StyledTitleLeftBubble = styled(Grid)`\n font-size: 13px;\n font-weight: 600;\n`;\nexport const StyledTitleRightBubble = styled(Grid)<{ type: string }>`\n font-size: 13px;\n font-weight: 400;\n color: ${(props) => (props.type === BUBBLE_TYPES.SENDER ? '#FFF' : '#657489')};\n`;\n\nexport const StyleBodyWrapper = styled.div`\n font-size: 13px;\n font-weight: 400;\n line-height: 15px;\n min-height: 18px;\n padding: 0px 10px 8px 10px;\n`;\n\nexport const StyleErrorMessage = styled.div`\n font-size: 12px;\n font-weight: 400;\n padding-top: ${(props) => props.theme.space.xxxs};\n color: ${(props) => props.theme.colors.danger[900]};\n align-items: flex-end;\n justify-content: center;\n text-align: right;\n line-height: 15px;\n svg {\n fill: ${(props) => props.theme.colors.danger[900]};\n }\n a {\n font-size: 12px;\n color: ${(props) => props.theme.colors.danger[900]};\n }\n .em-ds-icon {\n margin-left: 8px;\n }\n`;\n\nexport const StyleHelpMessage = styled(StyleErrorMessage)`\n font-size: 12px;\n line-height: 15px;\n color: ${(props) => props.theme.colors.neutral[500]};\n svg {\n fill: ${(props) => props.theme.colors.danger[500]};\n }\n a {\n font-size: 12px;\n color: ${(props) => props.theme.colors.danger[500]};\n }\n`;\n\n// bubble sender/ recipient\nexport const StyledBubbleArrow = styled.div`\n display: block;\n content: '';\n position: absolute;\n bottom: 10px;\n height: 15px;\n`;\n\nexport const StyledColoredBubble = styled.div<{ type: string }>`\n min-width: 224px;\n border-radius: 10px;\n position: relative;\n\n ${(props) =>\n props.type === BUBBLE_TYPES.SENDER\n ? `\n border: 1px solid ${props.theme.colors.brand['700']};\n background: ${props.theme.colors.brand[600]};\n color: ${props.theme.colors.neutral['000']};\n ${StyledBubbleArrow}{ \n right: -9px;\n bottom: 6px;\n svg{\n fill: ${props.theme.colors.brand[600]};\n }\n }\n\n a {\n color: #FFF;\n }\n\n `\n : `\n box-shadow: 0 1px 3px 0 rgba(53,60,70,0.80);\n background: ${props.theme.colors.neutral['000']};\n color: ${props.theme.colors.neutral[700]};\n\n ${StyledBubbleArrow}{ \n left: -11px;\n bottom: 6px;\n svg{\n fill: ${props.theme.colors.neutral['000']};\n }\n }\n\n `}\n`;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,uBAAuB;AACvB,qBAAqB;AACrB,mBAA6B;AAGtB,MAAM,gBAAgB,wBAAO;AAAA;AAAA;AAAA;AAM7B,MAAM,oBAAoB,6BAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAOrC,MAAM,wBAAwB,6BAAO,mBAAI;AAAA;AAAA;AAAA;AAIzC,MAAM,yBAAyB,6BAAO,mBAAI;AAAA;AAAA;AAAA,WAGtC,CAAC,UAAW,MAAM,SAAS,0BAAa,SAAS,SAAS;AAAA;AAG9D,MAAM,mBAAmB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQhC,MAAM,oBAAoB,wBAAO;AAAA;AAAA;AAAA,iBAGvB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,WACnC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAMpC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA,aAIpC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAO3C,MAAM,mBAAmB,6BAAO,iBAAiB;AAAA;AAAA;AAAA,WAG7C,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,YAErC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA,aAIpC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO;AAAA;AAAA;AAK3C,MAAM,oBAAoB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQjC,MAAM,sBAAsB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKtC,CAAC,UACD,MAAM,SAAS,0BAAa,SACxB;AAAA,4BACoB,MAAM,MAAM,OAAO,MAAM;AAAA,sBAC/B,MAAM,MAAM,OAAO,MAAM;AAAA,iBAC9B,MAAM,MAAM,OAAO,QAAQ;AAAA,UAClC;AAAA;AAAA;AAAA;AAAA,wBAIc,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QASzC;AAAA;AAAA,sBAEc,MAAM,MAAM,OAAO,QAAQ;AAAA,iBAChC,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,UAElC;AAAA;AAAA;AAAA;AAAA,wBAIc,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -29,27 +29,27 @@ __export(styled_exports, {
|
|
|
29
29
|
});
|
|
30
30
|
module.exports = __toCommonJS(styled_exports);
|
|
31
31
|
var React = __toESM(require("react"));
|
|
32
|
-
var
|
|
32
|
+
var import_ds_system = require("@elliemae/ds-system");
|
|
33
33
|
var import_ds_grid = require("@elliemae/ds-grid");
|
|
34
|
-
const Wrapper = (0,
|
|
34
|
+
const Wrapper = (0, import_ds_system.styled)(import_ds_grid.Grid)`
|
|
35
35
|
min-width: 248px;
|
|
36
36
|
border: 1px;
|
|
37
37
|
border-bottom: 1px solid #ccc;
|
|
38
38
|
padding: 12px 12px;
|
|
39
39
|
`;
|
|
40
|
-
const MainContent =
|
|
41
|
-
const Title =
|
|
40
|
+
const MainContent = import_ds_system.styled.div``;
|
|
41
|
+
const Title = import_ds_system.styled.p`
|
|
42
42
|
font-size: 16px;
|
|
43
43
|
font-weight: 600;
|
|
44
44
|
margin: 0;
|
|
45
45
|
`;
|
|
46
|
-
const Content =
|
|
46
|
+
const Content = import_ds_system.styled.p`
|
|
47
47
|
font-size: 12px;
|
|
48
48
|
font-weight: 400;
|
|
49
49
|
line-height: 1;
|
|
50
50
|
margin: 0;
|
|
51
51
|
`;
|
|
52
|
-
const Time =
|
|
52
|
+
const Time = import_ds_system.styled.p`
|
|
53
53
|
font-size: 12px;
|
|
54
54
|
font-weight: 100;
|
|
55
55
|
margin: 0;
|
|
@@ -57,7 +57,7 @@ const Time = import_styled_components.default.p`
|
|
|
57
57
|
font-weight: ${(props) => props.theme.fontWeights.regular};
|
|
58
58
|
color: ${(props) => props.theme.colors.neutral["500"]};
|
|
59
59
|
`;
|
|
60
|
-
const RightAddon =
|
|
60
|
+
const RightAddon = import_ds_system.styled.div`
|
|
61
61
|
height: fit-content;
|
|
62
62
|
margin-left: 12px;
|
|
63
63
|
`;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/exported-related/chat-card/styled.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import styled from '
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB
|
|
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": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,qBAAqB;AAEd,MAAM,UAAU,6BAAO,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
|
}
|
|
@@ -26,12 +26,12 @@ __export(styled_exports, {
|
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(styled_exports);
|
|
28
28
|
var React = __toESM(require("react"));
|
|
29
|
-
var
|
|
29
|
+
var import_ds_system = require("@elliemae/ds-system");
|
|
30
30
|
var import_ds_grid = require("@elliemae/ds-grid");
|
|
31
|
-
const StyledChatContainerContentHeaderActions = (0,
|
|
31
|
+
const StyledChatContainerContentHeaderActions = (0, import_ds_system.styled)(import_ds_grid.Grid)`
|
|
32
32
|
max-width: 80px;
|
|
33
33
|
`;
|
|
34
|
-
const StyledChatContainerContentHeader = (0,
|
|
34
|
+
const StyledChatContainerContentHeader = (0, import_ds_system.styled)(import_ds_grid.Grid)`
|
|
35
35
|
width: 100%;
|
|
36
36
|
min-height: 48px;
|
|
37
37
|
border-bottom: 1px solid ${(props) => props.theme.colors.neutral["200"]};
|
|
@@ -42,7 +42,7 @@ const StyledChatContainerContentHeader = (0, import_styled_components.default)(i
|
|
|
42
42
|
}
|
|
43
43
|
}
|
|
44
44
|
`;
|
|
45
|
-
const StyledChatContainerContentHeaderLabel = (0,
|
|
45
|
+
const StyledChatContainerContentHeaderLabel = (0, import_ds_system.styled)(import_ds_grid.Grid)`
|
|
46
46
|
justify-content: center;
|
|
47
47
|
align-items: center;
|
|
48
48
|
font-weight: bold;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/exported-related/chat-container-header/styled.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import styled from '
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB
|
|
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": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,qBAAqB;AAEd,MAAM,0CAA0C,6BAAO,mBAAI;AAAA;AAAA;AAI3D,MAAM,mCAAmC,6BAAO,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,wCAAwC,6BAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAAA,WAKrD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -26,16 +26,16 @@ __export(styled_exports, {
|
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(styled_exports);
|
|
28
28
|
var React = __toESM(require("react"));
|
|
29
|
-
var
|
|
29
|
+
var import_ds_system = require("@elliemae/ds-system");
|
|
30
30
|
var import_ds_grid = require("@elliemae/ds-grid");
|
|
31
31
|
const CONTAINER_WIDTH = 300;
|
|
32
|
-
const ChatEmptyStateWrapper = (0,
|
|
32
|
+
const ChatEmptyStateWrapper = (0, import_ds_system.styled)(import_ds_grid.Grid)`
|
|
33
33
|
height: 100%;
|
|
34
34
|
min-width: ${CONTAINER_WIDTH}px;
|
|
35
35
|
overflow: hidden;
|
|
36
36
|
background: ${(props) => props.theme.colors.neutral["050"]};
|
|
37
37
|
`;
|
|
38
|
-
const MessageWrapper =
|
|
38
|
+
const MessageWrapper = import_ds_system.styled.p`
|
|
39
39
|
font-size: 18px;
|
|
40
40
|
`;
|
|
41
41
|
//# sourceMappingURL=styled.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/exported-related/chat-empty-state/styled.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import styled from '
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB
|
|
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 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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,qBAAqB;AAEd,MAAM,kBAAkB;AAExB,MAAM,wBAAwB,6BAAO,mBAAI;AAAA;AAAA,eAEjC;AAAA;AAAA,gBAEC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAG/C,MAAM,iBAAiB,wBAAO;AAAA;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -26,7 +26,7 @@ __export(props_exports, {
|
|
|
26
26
|
module.exports = __toCommonJS(props_exports);
|
|
27
27
|
var React = __toESM(require("react"));
|
|
28
28
|
var import_react = require("react");
|
|
29
|
-
var
|
|
29
|
+
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
30
30
|
var import_lodash = require("lodash");
|
|
31
31
|
const defaultProps = {
|
|
32
32
|
expanded: false,
|
|
@@ -42,10 +42,10 @@ const defaultProps = {
|
|
|
42
42
|
actionRef: (0, import_react.createRef)()
|
|
43
43
|
};
|
|
44
44
|
const chatSidebarProps = {
|
|
45
|
-
sidebarItems:
|
|
46
|
-
expanded:
|
|
47
|
-
selectedItem:
|
|
48
|
-
tooltipPlacement:
|
|
45
|
+
sidebarItems: import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.object).description("The array of out-of-the-box items you want to render inside the sidebar nav of the chat").defaultValue(defaultProps.sidebarItems),
|
|
46
|
+
expanded: import_ds_utilities.PropTypes.bool.description("Whether to show the chat expanded or collapsed").defaultValue(defaultProps.expanded),
|
|
47
|
+
selectedItem: import_ds_utilities.PropTypes.string.description("The id of the chat item you want to be opened").defaultValue(defaultProps.selectedItem),
|
|
48
|
+
tooltipPlacement: import_ds_utilities.PropTypes.oneOf([
|
|
49
49
|
"top-start",
|
|
50
50
|
"top",
|
|
51
51
|
"top-end",
|
|
@@ -59,13 +59,13 @@ const chatSidebarProps = {
|
|
|
59
59
|
"left",
|
|
60
60
|
"left-start"
|
|
61
61
|
]).description("start placement preferences, as per popperjs placement option").defaultValue("'right'"),
|
|
62
|
-
enableTooltipWhenIsClosed:
|
|
63
|
-
onFooterExpand:
|
|
64
|
-
onFooterClose:
|
|
65
|
-
onHeaderExpand:
|
|
66
|
-
onHeaderClose:
|
|
67
|
-
footerButtonExtraProps:
|
|
68
|
-
actionRef:
|
|
62
|
+
enableTooltipWhenIsClosed: import_ds_utilities.PropTypes.bool.description("Enable tooltip when is closed").defaultValue(defaultProps.onFooterExpand),
|
|
63
|
+
onFooterExpand: import_ds_utilities.PropTypes.func.description("The function to call when the chat is opened via the footer").defaultValue(defaultProps.onFooterExpand),
|
|
64
|
+
onFooterClose: import_ds_utilities.PropTypes.func.description("The function to call when the chat is closed via the footer").defaultValue(defaultProps.onFooterClose),
|
|
65
|
+
onHeaderExpand: import_ds_utilities.PropTypes.func.description("The function to call when the chat is opened via the header").defaultValue(defaultProps.onHeaderExpand),
|
|
66
|
+
onHeaderClose: import_ds_utilities.PropTypes.func.description("The function to call when the chat is closed via the header").defaultValue(defaultProps.onHeaderClose),
|
|
67
|
+
footerButtonExtraProps: import_ds_utilities.PropTypes.object.description("Expand/collapse footer button extra props").defaultValue(defaultProps.footerButtonExtraProps),
|
|
68
|
+
actionRef: import_ds_utilities.PropTypes.object.description(`Action ref for sidebar
|
|
69
69
|
{
|
|
70
70
|
listRef: references to Tiles
|
|
71
71
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/exported-related/chat-sidebar/props.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import { createRef } from 'react';\nimport { PropTypes } from '
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA0B;AAC1B,
|
|
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": ";;;;;;;;;;;;;;;;;;;;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,WAAW,4BAAU;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,YACC;AAAA;AAAA;AAAA;AAAA,GAKF,EACC,aAAa,aAAa,SAAS;AACxC;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -26,10 +26,10 @@ __export(styled_exports, {
|
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(styled_exports);
|
|
28
28
|
var React = __toESM(require("react"));
|
|
29
|
-
var
|
|
29
|
+
var import_ds_system = require("@elliemae/ds-system");
|
|
30
30
|
var import_ds_grid = require("@elliemae/ds-grid");
|
|
31
31
|
var import_styled = require("../../../styled");
|
|
32
|
-
const StyledSidebarButton =
|
|
32
|
+
const StyledSidebarButton = import_ds_system.styled.button`
|
|
33
33
|
display: flex;
|
|
34
34
|
align-items: center;
|
|
35
35
|
justify-content: center;
|
|
@@ -50,10 +50,10 @@ const StyledSidebarButton = import_styled_components.default.button`
|
|
|
50
50
|
fill: ${(props) => props.theme.colors.neutral[500]};
|
|
51
51
|
}
|
|
52
52
|
`;
|
|
53
|
-
const StyledSidebarButtonIcon = (0,
|
|
53
|
+
const StyledSidebarButtonIcon = (0, import_ds_system.styled)(import_ds_grid.Grid)`
|
|
54
54
|
position: relative;
|
|
55
55
|
`;
|
|
56
|
-
const StyledSidebarButtonLabel =
|
|
56
|
+
const StyledSidebarButtonLabel = import_ds_system.styled.div`
|
|
57
57
|
width: 30px;
|
|
58
58
|
text-transform: uppercase;
|
|
59
59
|
overflow: hidden;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../src/exported-related/chat-sidebar/sidebar-button/styled.ts", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import styled from '
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB
|
|
4
|
+
"sourcesContent": ["import { styled } from '@elliemae/ds-system';\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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,qBAAqB;AACrB,oBAAyD;AAGlD,MAAM,sBAAsB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA,YAK9B;AAAA,WACD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAMO,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,6BAG3B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,YAGvD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAI3C,MAAM,0BAA0B,6BAAO,mBAAI;AAAA;AAAA;AAI3C,MAAM,2BAA2B,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -25,17 +25,17 @@ __export(styled_exports, {
|
|
|
25
25
|
});
|
|
26
26
|
module.exports = __toCommonJS(styled_exports);
|
|
27
27
|
var React = __toESM(require("react"));
|
|
28
|
-
var
|
|
28
|
+
var import_ds_system = require("@elliemae/ds-system");
|
|
29
29
|
var import_ds_grid = require("@elliemae/ds-grid");
|
|
30
30
|
var import_styled = require("../../styled");
|
|
31
|
-
const StyledSideBarContainer = (0,
|
|
31
|
+
const StyledSideBarContainer = (0, import_ds_system.styled)(import_ds_grid.Grid)`
|
|
32
32
|
height: 100%;
|
|
33
33
|
width: ${import_styled.MIN_WIDTH_SIDEBAR}px;
|
|
34
34
|
background: ${(props) => props.theme.colors.neutral["050"]};
|
|
35
35
|
border-right: 1px solid ${(props) => props.theme.colors.neutral["100"]};
|
|
36
36
|
overflow: hidden;
|
|
37
37
|
`;
|
|
38
|
-
const StyledSideBarButtonsContainer = (0,
|
|
38
|
+
const StyledSideBarButtonsContainer = (0, import_ds_system.styled)(import_ds_grid.Grid)`
|
|
39
39
|
overflow-y: auto;
|
|
40
40
|
align-items: flex-start;
|
|
41
41
|
justify-content: flex-start;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/exported-related/chat-sidebar/styled.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import styled from '
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB
|
|
4
|
+
"sourcesContent": ["import { styled } from '@elliemae/ds-system';\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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,qBAAqB;AACrB,oBAAyD;AAGlD,MAAM,yBAAyB,6BAAO,mBAAI;AAAA;AAAA,WAEtC;AAAA,gBACK,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,4BAC1B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAI3D,MAAM,gCAAgC,6BAAO,mBAAI;AAAA;AAAA;AAAA;AAAA,0CAId;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -25,7 +25,7 @@ __export(props_exports, {
|
|
|
25
25
|
});
|
|
26
26
|
module.exports = __toCommonJS(props_exports);
|
|
27
27
|
var React = __toESM(require("react"));
|
|
28
|
-
var
|
|
28
|
+
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
29
29
|
var import_lodash = require("lodash");
|
|
30
30
|
const defaultFloatingButton = {
|
|
31
31
|
onClick: import_lodash.noop,
|
|
@@ -33,8 +33,8 @@ const defaultFloatingButton = {
|
|
|
33
33
|
innerRef: null
|
|
34
34
|
};
|
|
35
35
|
const propsFloatingButton = {
|
|
36
|
-
onClick:
|
|
37
|
-
onFocus:
|
|
38
|
-
innerRef:
|
|
36
|
+
onClick: import_ds_utilities.PropTypes.func.description("The function to call when the chat is opened via the footer").defaultValue(defaultFloatingButton.onClick),
|
|
37
|
+
onFocus: import_ds_utilities.PropTypes.func.description("The function to call when button is being focused").defaultValue(defaultFloatingButton.onFocus),
|
|
38
|
+
innerRef: import_ds_utilities.PropTypes.object.description("Ref to the component container").defaultValue(null)
|
|
39
39
|
};
|
|
40
40
|
//# sourceMappingURL=props.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/exported-related/floating-button/props.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import { PropTypes } from '
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,
|
|
4
|
+
"sourcesContent": ["import { PropTypes } from '@elliemae/ds-utilities';\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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA0B;AAC1B,oBAAqB;AASd,MAAM,wBAA6C;AAAA,EACxD,SAAS;AAAA,EACT,SAAS;AAAA,EACT,UAAU;AACZ;AAEO,MAAM,sBAAsB;AAAA,EACjC,SAAS,8BAAU,KAChB,YAAY,6DAA6D,EACzE,aAAa,sBAAsB,OAAO;AAAA,EAC7C,SAAS,8BAAU,KAChB,YAAY,mDAAmD,EAC/D,aAAa,sBAAsB,OAAO;AAAA,EAC7C,UAAU,8BAAU,OAAO,YAAY,gCAAgC,EAAE,aAAa,IAAI;AAC5F;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -24,12 +24,12 @@ __export(styled_exports, {
|
|
|
24
24
|
});
|
|
25
25
|
module.exports = __toCommonJS(styled_exports);
|
|
26
26
|
var React = __toESM(require("react"));
|
|
27
|
-
var
|
|
27
|
+
var import_ds_system = require("@elliemae/ds-system");
|
|
28
28
|
const BUTTON_FLOATING = 56;
|
|
29
29
|
const BOX_SHADOW = "0 5px 8px 0 rgba(53,60,70,0.55)";
|
|
30
30
|
const BOX_SHADOW_FLOATING = "0 5px 8px 0 rgba(53,60,70,0.35)";
|
|
31
31
|
const BOX_SHADOW_INSET = `inset 100px 3px 4px 0 rgba(53,60,70,0.50)`;
|
|
32
|
-
const StyledFloatingButton =
|
|
32
|
+
const StyledFloatingButton = import_ds_system.styled.button`
|
|
33
33
|
outline: none;
|
|
34
34
|
cursor: pointer;
|
|
35
35
|
height: ${BUTTON_FLOATING}px;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/exported-related/floating-button/styled.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import styled from '
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB
|
|
4
|
+
"sourcesContent": ["import { styled } from '@elliemae/ds-system';\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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AAEvB,MAAM,kBAAkB;AACxB,MAAM,aAAa;AACnB,MAAM,sBAAsB;AAC5B,MAAM,mBAAmB;AAElB,MAAM,uBAAuB,wBAAO;AAAA;AAAA;AAAA,YAG/B;AAAA,WACD;AAAA;AAAA,gBAEK,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA,gBAEpC;AAAA;AAAA,kBAEE,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA,wBAG9B,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA,kCAC1B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,QAChE;AAAA;AAAA;AAAA,kBAGU,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA,iCACrB;AAAA;AAAA;AAAA,YAGrB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -24,10 +24,10 @@ __export(styled_exports, {
|
|
|
24
24
|
});
|
|
25
25
|
module.exports = __toCommonJS(styled_exports);
|
|
26
26
|
var React = __toESM(require("react"));
|
|
27
|
-
var
|
|
27
|
+
var import_ds_system = require("@elliemae/ds-system");
|
|
28
28
|
var import_ds_grid = require("@elliemae/ds-grid");
|
|
29
29
|
var import_styled = require("../../styled");
|
|
30
|
-
const StyledFloatingContainer = (0,
|
|
30
|
+
const StyledFloatingContainer = (0, import_ds_system.styled)(import_ds_grid.Grid)`
|
|
31
31
|
position: fixed;
|
|
32
32
|
bottom: 24px;
|
|
33
33
|
right: 24px;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/exported-related/floating-container/styled.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import styled from '
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB
|
|
4
|
+
"sourcesContent": ["import { styled } from '@elliemae/ds-system';\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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,qBAAqB;AACrB,oBAA2B;AAGpB,MAAM,0BAA0B,6BAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAMlC;AAAA,gBACA,CAAC,gBAAgB,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -25,10 +25,10 @@ __export(styled_exports, {
|
|
|
25
25
|
});
|
|
26
26
|
module.exports = __toCommonJS(styled_exports);
|
|
27
27
|
var React = __toESM(require("react"));
|
|
28
|
-
var
|
|
28
|
+
var import_ds_system = require("@elliemae/ds-system");
|
|
29
29
|
var import_ds_grid = require("@elliemae/ds-grid");
|
|
30
30
|
var import_styled = require("../../styled");
|
|
31
|
-
const StyledChatContainer = (0,
|
|
31
|
+
const StyledChatContainer = (0, import_ds_system.styled)(import_ds_grid.Grid)`
|
|
32
32
|
height: 100%;
|
|
33
33
|
width: ${(props) => props.expanded ? `${props.expandedWidth}px` : `${import_styled.MIN_WIDTH_SIDEBAR}px`};
|
|
34
34
|
background: ${(props) => props.theme.colors.neutral["050"]};
|
|
@@ -36,7 +36,7 @@ const StyledChatContainer = (0, import_styled_components.default)(import_ds_grid
|
|
|
36
36
|
transition: width ${(props) => props.expanded ? "ease-out" : "ease-in"}
|
|
37
37
|
350ms;
|
|
38
38
|
`;
|
|
39
|
-
const StyledChatContainerContent = (0,
|
|
39
|
+
const StyledChatContainerContent = (0, import_ds_system.styled)(import_ds_grid.Grid)`
|
|
40
40
|
height: 100%;
|
|
41
41
|
overflow: hidden;
|
|
42
42
|
background: ${(props) => props.theme.colors.neutral["050"]};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/exported-related/grid-influencer/styled.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import styled from '
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB
|
|
4
|
+
"sourcesContent": ["import { styled } from '@elliemae/ds-system';\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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,qBAAqB;AACrB,oBAAkC;AAE3B,MAAM,sBAAsB,6BAAO,mBAAI;AAAA;AAAA,WAEnC,CAAC,UACR,MAAM,WAAW,GAAG,MAAM,oBAAoB,GAAG;AAAA,gBACrC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,2BAC3B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,sBAC3C,CAAC,UAAW,MAAM,WAAW,aAAa;AAAA;AAAA;AAIzD,MAAM,6BAA6B,6BAAO,mBAAI;AAAA;AAAA;AAAA,gBAGrC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,IAClD,CAAC,UACD,MAAM,WACF;AAAA,WACG,MAAM;AAAA,IAET;AAAA,WACG,MAAM,gBAAgB;AAAA;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -27,17 +27,17 @@ __export(styled_exports, {
|
|
|
27
27
|
module.exports = __toCommonJS(styled_exports);
|
|
28
28
|
var React = __toESM(require("react"));
|
|
29
29
|
var import_ds_grid = require("@elliemae/ds-grid");
|
|
30
|
-
var
|
|
31
|
-
const Wrapper = (0,
|
|
30
|
+
var import_ds_system = require("@elliemae/ds-system");
|
|
31
|
+
const Wrapper = (0, import_ds_system.styled)(import_ds_grid.Grid)`
|
|
32
32
|
align-items: center;
|
|
33
33
|
justify-content: center;
|
|
34
34
|
width: 100%;
|
|
35
35
|
min-height: 8px;
|
|
36
36
|
`;
|
|
37
|
-
const Line =
|
|
37
|
+
const Line = import_ds_system.styled.span`
|
|
38
38
|
border-top: 1px solid ${(props) => props.theme.colors.neutral["400"]};
|
|
39
39
|
`;
|
|
40
|
-
const Text =
|
|
40
|
+
const Text = import_ds_system.styled.p`
|
|
41
41
|
color: ${(props) => props.theme.colors.neutral["600"]};
|
|
42
42
|
font-size: ${(props) => props.size === "s" ? "12px" : "14px"};
|
|
43
43
|
font-weight: ${(props) => props.theme.fontWeights.semibold};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/exported-related/message-delimiter/styled.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import { Grid } from '@elliemae/ds-grid';\nimport styled from '
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,qBAAqB;AACrB
|
|
4
|
+
"sourcesContent": ["import { Grid } from '@elliemae/ds-grid';\nimport { styled } from '@elliemae/ds-system';\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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,qBAAqB;AACrB,uBAAuB;AAGvB,MAAM,UAAU,6BAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAO3B,MAAM,OAAO,wBAAO;AAAA,0BACM,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAGhE,MAAM,OAAO,wBAAO;AAAA,WACT,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,eAClC,CAAC,UAAW,MAAM,SAAS,MAAM,SAAS;AAAA,iBACxC,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,YACxC,CAAC,UACT,OAAO,MAAM,mBAAmB,WAAW,GAAG,MAAM,yBAAyB,GAAG,MAAM;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -25,15 +25,15 @@ __export(props_exports, {
|
|
|
25
25
|
});
|
|
26
26
|
module.exports = __toCommonJS(props_exports);
|
|
27
27
|
var React = __toESM(require("react"));
|
|
28
|
-
var
|
|
28
|
+
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
29
29
|
const defaultProps = {
|
|
30
30
|
title: "System Message",
|
|
31
31
|
time: "",
|
|
32
32
|
body: ""
|
|
33
33
|
};
|
|
34
34
|
const systemMessageProps = {
|
|
35
|
-
title:
|
|
36
|
-
time:
|
|
37
|
-
body:
|
|
35
|
+
title: import_ds_utilities.PropTypes.string.isRequired.description("Message title").defaultValue("System Message"),
|
|
36
|
+
time: import_ds_utilities.PropTypes.string.description("data of the message, ie: hour"),
|
|
37
|
+
body: import_ds_utilities.PropTypes.string.isRequired.description("message")
|
|
38
38
|
};
|
|
39
39
|
//# sourceMappingURL=props.js.map
|