@elliemae/ds-chat-container-header 3.12.0-rc.2 → 3.12.0-rc.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/ChatContainerHeader.js +32 -24
- package/dist/cjs/ChatContainerHeader.js.map +2 -2
- package/dist/cjs/DSChatContainerHeaderDefinitions.js +32 -0
- package/dist/cjs/DSChatContainerHeaderDefinitions.js.map +7 -0
- package/dist/esm/ChatContainerHeader.js +32 -24
- package/dist/esm/ChatContainerHeader.js.map +2 -2
- package/dist/esm/DSChatContainerHeaderDefinitions.js +6 -0
- package/dist/esm/DSChatContainerHeaderDefinitions.js.map +7 -0
- package/package.json +5 -5
|
@@ -36,35 +36,43 @@ var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-t
|
|
|
36
36
|
var import_styled = require("./styled");
|
|
37
37
|
var import_react_desc_prop_types = require("./react-desc-prop-types");
|
|
38
38
|
var import_ChatContainerHeaderDataTestIds = require("./ChatContainerHeaderDataTestIds");
|
|
39
|
+
var import_DSChatContainerHeaderDefinitions = require("./DSChatContainerHeaderDefinitions");
|
|
39
40
|
const ChatContainerHeader = (props) => {
|
|
40
|
-
(0, import_ds_utilities.useValidateTypescriptPropTypes)(props, import_react_desc_prop_types.propTypes);
|
|
41
|
+
(0, import_ds_utilities.useValidateTypescriptPropTypes)(props, import_react_desc_prop_types.propTypes, import_DSChatContainerHeaderDefinitions.DSChatContainerHeaderName);
|
|
41
42
|
const globalsAttr = (0, import_ds_utilities.useGetGlobalAttributes)(props);
|
|
42
43
|
const { title, children } = props;
|
|
43
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
44
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
45
|
+
import_styled.StyledChatContainerContentHeader,
|
|
46
|
+
{
|
|
47
|
+
alignItems: "center",
|
|
48
|
+
cols: ["minmax(calc(100% - 64px), 1fr)", children ? "auto" : "0px"],
|
|
49
|
+
role: "heading",
|
|
50
|
+
...globalsAttr,
|
|
51
|
+
children: [
|
|
52
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
53
|
+
import_styled.StyledChatContainerContentHeaderLabel,
|
|
54
|
+
{
|
|
55
|
+
"data-testid": import_ChatContainerHeaderDataTestIds.ChatContainerHeaderDataTestIds.HEADER_TITLE,
|
|
56
|
+
pl: "xxs",
|
|
57
|
+
pr: "xxs",
|
|
58
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_truncated_tooltip_text.SimpleTruncatedTooltipText, { value: title })
|
|
59
|
+
}
|
|
60
|
+
),
|
|
61
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
62
|
+
import_styled.StyledChatContainerContentHeaderActions,
|
|
63
|
+
{
|
|
64
|
+
cols: import_react.default.Children.toArray(children).filter(Boolean).map(() => "32px"),
|
|
65
|
+
justifyContent: "flex-end",
|
|
66
|
+
"data-testid": import_ChatContainerHeaderDataTestIds.ChatContainerHeaderDataTestIds.HEADER_CHILDREN,
|
|
67
|
+
children
|
|
68
|
+
}
|
|
69
|
+
)
|
|
70
|
+
]
|
|
71
|
+
}
|
|
72
|
+
);
|
|
65
73
|
};
|
|
66
74
|
ChatContainerHeader.propTypes = import_react_desc_prop_types.propTypes;
|
|
67
|
-
ChatContainerHeader.displayName =
|
|
75
|
+
ChatContainerHeader.displayName = import_DSChatContainerHeaderDefinitions.DSChatContainerHeaderName;
|
|
68
76
|
const ChatContainerHeaderWithSchema = (0, import_ds_utilities.describe)(ChatContainerHeader);
|
|
69
77
|
ChatContainerHeaderWithSchema.propTypes = import_react_desc_prop_types.propTypes;
|
|
70
78
|
//# sourceMappingURL=ChatContainerHeader.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ChatContainerHeader.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport { describe, useValidateTypescriptPropTypes, useGetGlobalAttributes } from '@elliemae/ds-utilities';\
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADsBnB;AArBJ,mBAAkB;AAClB,0BAAiF;
|
|
4
|
+
"sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport { describe, useValidateTypescriptPropTypes, useGetGlobalAttributes } from '@elliemae/ds-utilities';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport {\n StyledChatContainerContentHeader,\n StyledChatContainerContentHeaderLabel,\n StyledChatContainerContentHeaderActions,\n} from './styled';\nimport type { DSChatContainerHeaderT } from './react-desc-prop-types';\nimport { propTypes } from './react-desc-prop-types';\nimport { ChatContainerHeaderDataTestIds } from './ChatContainerHeaderDataTestIds';\nimport { DSChatContainerHeaderName } from './DSChatContainerHeaderDefinitions';\n\nconst ChatContainerHeader: React.ComponentType<DSChatContainerHeaderT.Props> = (props) => {\n useValidateTypescriptPropTypes(props, propTypes, DSChatContainerHeaderName);\n\n const globalsAttr = useGetGlobalAttributes(props);\n\n const { title, children } = props;\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\n data-testid={ChatContainerHeaderDataTestIds.HEADER_TITLE}\n pl=\"xxs\"\n pr=\"xxs\"\n >\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={ChatContainerHeaderDataTestIds.HEADER_CHILDREN}\n >\n {children}\n </StyledChatContainerContentHeaderActions>\n </StyledChatContainerContentHeader>\n );\n};\n\nChatContainerHeader.propTypes = propTypes as WeakValidationMap<unknown>;\nChatContainerHeader.displayName = DSChatContainerHeaderName;\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": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADsBnB;AArBJ,mBAAkB;AAClB,0BAAiF;AACjF,uCAA2C;AAC3C,oBAIO;AAEP,mCAA0B;AAC1B,4CAA+C;AAC/C,8CAA0C;AAE1C,MAAM,sBAAyE,CAAC,UAAU;AACxF,0DAA+B,OAAO,wCAAW,iEAAyB;AAE1E,QAAM,kBAAc,4CAAuB,KAAK;AAEhD,QAAM,EAAE,OAAO,SAAS,IAAI;AAE5B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAW;AAAA,MACX,MAAM,CAAC,kCAAkC,WAAW,SAAS,KAAK;AAAA,MAClE,MAAK;AAAA,MACJ,GAAG;AAAA,MAEJ;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,eAAa,qEAA+B;AAAA,YAC5C,IAAG;AAAA,YACH,IAAG;AAAA,YAEH,sDAAC,+DAA2B,OAAO,OAAO;AAAA;AAAA,QAC5C;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,aAAAA,QAAM,SAAS,QAAQ,QAAQ,EAClC,OAAO,OAAO,EACd,IAAI,MAAM,MAAM;AAAA,YACnB,gBAAe;AAAA,YACf,eAAa,qEAA+B;AAAA,YAE3C;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,oBAAoB,YAAY;AAChC,oBAAoB,cAAc;AAClC,MAAM,oCAAgC,8BAAS,mBAAmB;AAClE,8BAA8B,YAAY;",
|
|
6
6
|
"names": ["React"]
|
|
7
7
|
}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all)
|
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
+
};
|
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(from))
|
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
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
|
+
));
|
|
24
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
25
|
+
var DSChatContainerHeaderDefinitions_exports = {};
|
|
26
|
+
__export(DSChatContainerHeaderDefinitions_exports, {
|
|
27
|
+
DSChatContainerHeaderName: () => DSChatContainerHeaderName
|
|
28
|
+
});
|
|
29
|
+
module.exports = __toCommonJS(DSChatContainerHeaderDefinitions_exports);
|
|
30
|
+
var React = __toESM(require("react"));
|
|
31
|
+
const DSChatContainerHeaderName = "DSChatContainerHeader";
|
|
32
|
+
//# sourceMappingURL=DSChatContainerHeaderDefinitions.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/DSChatContainerHeaderDefinitions.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
+
"sourcesContent": ["export const DSChatContainerHeaderName = 'DSChatContainerHeader';", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,4BAA4B;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -10,35 +10,43 @@ import {
|
|
|
10
10
|
} from "./styled";
|
|
11
11
|
import { propTypes } from "./react-desc-prop-types";
|
|
12
12
|
import { ChatContainerHeaderDataTestIds } from "./ChatContainerHeaderDataTestIds";
|
|
13
|
+
import { DSChatContainerHeaderName } from "./DSChatContainerHeaderDefinitions";
|
|
13
14
|
const ChatContainerHeader = (props) => {
|
|
14
|
-
useValidateTypescriptPropTypes(props, propTypes);
|
|
15
|
+
useValidateTypescriptPropTypes(props, propTypes, DSChatContainerHeaderName);
|
|
15
16
|
const globalsAttr = useGetGlobalAttributes(props);
|
|
16
17
|
const { title, children } = props;
|
|
17
|
-
return /* @__PURE__ */ jsxs(
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
18
|
+
return /* @__PURE__ */ jsxs(
|
|
19
|
+
StyledChatContainerContentHeader,
|
|
20
|
+
{
|
|
21
|
+
alignItems: "center",
|
|
22
|
+
cols: ["minmax(calc(100% - 64px), 1fr)", children ? "auto" : "0px"],
|
|
23
|
+
role: "heading",
|
|
24
|
+
...globalsAttr,
|
|
25
|
+
children: [
|
|
26
|
+
/* @__PURE__ */ jsx(
|
|
27
|
+
StyledChatContainerContentHeaderLabel,
|
|
28
|
+
{
|
|
29
|
+
"data-testid": ChatContainerHeaderDataTestIds.HEADER_TITLE,
|
|
30
|
+
pl: "xxs",
|
|
31
|
+
pr: "xxs",
|
|
32
|
+
children: /* @__PURE__ */ jsx(SimpleTruncatedTooltipText, { value: title })
|
|
33
|
+
}
|
|
34
|
+
),
|
|
35
|
+
/* @__PURE__ */ jsx(
|
|
36
|
+
StyledChatContainerContentHeaderActions,
|
|
37
|
+
{
|
|
38
|
+
cols: React2.Children.toArray(children).filter(Boolean).map(() => "32px"),
|
|
39
|
+
justifyContent: "flex-end",
|
|
40
|
+
"data-testid": ChatContainerHeaderDataTestIds.HEADER_CHILDREN,
|
|
41
|
+
children
|
|
42
|
+
}
|
|
43
|
+
)
|
|
44
|
+
]
|
|
45
|
+
}
|
|
46
|
+
);
|
|
39
47
|
};
|
|
40
48
|
ChatContainerHeader.propTypes = propTypes;
|
|
41
|
-
ChatContainerHeader.displayName =
|
|
49
|
+
ChatContainerHeader.displayName = DSChatContainerHeaderName;
|
|
42
50
|
const ChatContainerHeaderWithSchema = describe(ChatContainerHeader);
|
|
43
51
|
ChatContainerHeaderWithSchema.propTypes = propTypes;
|
|
44
52
|
export {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ChatContainerHeader.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport { describe, useValidateTypescriptPropTypes, useGetGlobalAttributes } from '@elliemae/ds-utilities';\
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACsBnB,SAWI,KAXJ;AArBJ,OAAOA,YAAW;AAClB,SAAS,UAAU,gCAAgC,8BAA8B;
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport { describe, useValidateTypescriptPropTypes, useGetGlobalAttributes } from '@elliemae/ds-utilities';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport {\n StyledChatContainerContentHeader,\n StyledChatContainerContentHeaderLabel,\n StyledChatContainerContentHeaderActions,\n} from './styled';\nimport type { DSChatContainerHeaderT } from './react-desc-prop-types';\nimport { propTypes } from './react-desc-prop-types';\nimport { ChatContainerHeaderDataTestIds } from './ChatContainerHeaderDataTestIds';\nimport { DSChatContainerHeaderName } from './DSChatContainerHeaderDefinitions';\n\nconst ChatContainerHeader: React.ComponentType<DSChatContainerHeaderT.Props> = (props) => {\n useValidateTypescriptPropTypes(props, propTypes, DSChatContainerHeaderName);\n\n const globalsAttr = useGetGlobalAttributes(props);\n\n const { title, children } = props;\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\n data-testid={ChatContainerHeaderDataTestIds.HEADER_TITLE}\n pl=\"xxs\"\n pr=\"xxs\"\n >\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={ChatContainerHeaderDataTestIds.HEADER_CHILDREN}\n >\n {children}\n </StyledChatContainerContentHeaderActions>\n </StyledChatContainerContentHeader>\n );\n};\n\nChatContainerHeader.propTypes = propTypes as WeakValidationMap<unknown>;\nChatContainerHeader.displayName = DSChatContainerHeaderName;\nconst ChatContainerHeaderWithSchema = describe(ChatContainerHeader);\nChatContainerHeaderWithSchema.propTypes = propTypes as WeakValidationMap<unknown>;\n\nexport { ChatContainerHeader, ChatContainerHeaderWithSchema };\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACsBnB,SAWI,KAXJ;AArBJ,OAAOA,YAAW;AAClB,SAAS,UAAU,gCAAgC,8BAA8B;AACjF,SAAS,kCAAkC;AAC3C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,iBAAiB;AAC1B,SAAS,sCAAsC;AAC/C,SAAS,iCAAiC;AAE1C,MAAM,sBAAyE,CAAC,UAAU;AACxF,iCAA+B,OAAO,WAAW,yBAAyB;AAE1E,QAAM,cAAc,uBAAuB,KAAK;AAEhD,QAAM,EAAE,OAAO,SAAS,IAAI;AAE5B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAW;AAAA,MACX,MAAM,CAAC,kCAAkC,WAAW,SAAS,KAAK;AAAA,MAClE,MAAK;AAAA,MACJ,GAAG;AAAA,MAEJ;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,eAAa,+BAA+B;AAAA,YAC5C,IAAG;AAAA,YACH,IAAG;AAAA,YAEH,8BAAC,8BAA2B,OAAO,OAAO;AAAA;AAAA,QAC5C;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAMA,OAAM,SAAS,QAAQ,QAAQ,EAClC,OAAO,OAAO,EACd,IAAI,MAAM,MAAM;AAAA,YACnB,gBAAe;AAAA,YACf,eAAa,+BAA+B;AAAA,YAE3C;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,oBAAoB,YAAY;AAChC,oBAAoB,cAAc;AAClC,MAAM,gCAAgC,SAAS,mBAAmB;AAClE,8BAA8B,YAAY;",
|
|
6
6
|
"names": ["React"]
|
|
7
7
|
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSChatContainerHeaderDefinitions.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSChatContainerHeaderName = 'DSChatContainerHeader';"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,4BAA4B;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-chat-container-header",
|
|
3
|
-
"version": "3.12.0-rc.
|
|
3
|
+
"version": "3.12.0-rc.3",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Chat Container Header",
|
|
6
6
|
"files": [
|
|
@@ -47,10 +47,10 @@
|
|
|
47
47
|
"typeSafety": false
|
|
48
48
|
},
|
|
49
49
|
"dependencies": {
|
|
50
|
-
"@elliemae/ds-grid": "3.12.0-rc.
|
|
51
|
-
"@elliemae/ds-system": "3.12.0-rc.
|
|
52
|
-
"@elliemae/ds-truncated-tooltip-text": "3.12.0-rc.
|
|
53
|
-
"@elliemae/ds-utilities": "3.12.0-rc.
|
|
50
|
+
"@elliemae/ds-grid": "3.12.0-rc.3",
|
|
51
|
+
"@elliemae/ds-system": "3.12.0-rc.3",
|
|
52
|
+
"@elliemae/ds-truncated-tooltip-text": "3.12.0-rc.3",
|
|
53
|
+
"@elliemae/ds-utilities": "3.12.0-rc.3"
|
|
54
54
|
},
|
|
55
55
|
"devDependencies": {
|
|
56
56
|
"@testing-library/react": "~12.1.3",
|