@elliemae/ds-chat-container-header 3.54.0-rc.0 → 3.54.0
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.
|
@@ -47,7 +47,8 @@ const ChatContainerHeader = (props) => {
|
|
|
47
47
|
const globalProps = (0, import_lodash_es.omit)((0, import_ds_props_helpers.useGetGlobalAttributes)(props), [
|
|
48
48
|
"cols",
|
|
49
49
|
"rows",
|
|
50
|
-
"wrap"
|
|
50
|
+
"wrap",
|
|
51
|
+
"title"
|
|
51
52
|
]);
|
|
52
53
|
const { title, children } = props;
|
|
53
54
|
const cols = import_react.default.useMemo(
|
|
@@ -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 React from 'react';\nimport { omit } from 'lodash-es';\nimport { describe, useValidateTypescriptPropTypes, useGetGlobalAttributes } from '@elliemae/ds-props-helpers';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { type DSGridT } from '@elliemae/ds-grid';\nimport {\n StyledChatContainerContentHeader,\n StyledChatContainerContentHeaderLabel,\n StyledChatContainerContentHeaderActions,\n} from './styled.js';\nimport type { DSChatContainerHeaderT } from './react-desc-prop-types.js';\nimport { propTypes } from './react-desc-prop-types.js';\nimport { ChatContainerHeaderDataTestIds } from './ChatContainerHeaderDataTestIds.js';\nimport { DSChatContainerHeaderName } from './DSChatContainerHeaderDefinitions.js';\n\nconst ChatContainerHeader: React.ComponentType<DSChatContainerHeaderT.Props> = (props) => {\n useValidateTypescriptPropTypes(props, propTypes, DSChatContainerHeaderName);\n\n const globalProps = omit(useGetGlobalAttributes<DSChatContainerHeaderT.InternalProps>(props), [\n 'cols',\n 'rows',\n 'wrap',\n ]);\n const { title, children } = props;\n const cols = React.useMemo<DSGridT.Props['cols']>(\n () => ['minmax(calc(100% - 64px), 1fr)', children ? 'auto' : '0px'],\n [children],\n );\n\n return (\n <StyledChatContainerContentHeader alignItems=\"center\" cols={cols} role=\"heading\" aria-level={2} {...globalProps}>\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.displayName = DSChatContainerHeaderName;\nconst ChatContainerHeaderWithSchema = describe(ChatContainerHeader);\nChatContainerHeaderWithSchema.propTypes = propTypes;\n\nexport { ChatContainerHeader, ChatContainerHeaderWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport { omit } from 'lodash-es';\nimport { describe, useValidateTypescriptPropTypes, useGetGlobalAttributes } from '@elliemae/ds-props-helpers';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { type DSGridT } from '@elliemae/ds-grid';\nimport {\n StyledChatContainerContentHeader,\n StyledChatContainerContentHeaderLabel,\n StyledChatContainerContentHeaderActions,\n} from './styled.js';\nimport type { DSChatContainerHeaderT } from './react-desc-prop-types.js';\nimport { propTypes } from './react-desc-prop-types.js';\nimport { ChatContainerHeaderDataTestIds } from './ChatContainerHeaderDataTestIds.js';\nimport { DSChatContainerHeaderName } from './DSChatContainerHeaderDefinitions.js';\n\nconst ChatContainerHeader: React.ComponentType<DSChatContainerHeaderT.Props> = (props) => {\n useValidateTypescriptPropTypes(props, propTypes, DSChatContainerHeaderName);\n\n const globalProps = omit(useGetGlobalAttributes<DSChatContainerHeaderT.InternalProps>(props), [\n 'cols',\n 'rows',\n 'wrap',\n 'title',\n ]);\n const { title, children } = props;\n const cols = React.useMemo<DSGridT.Props['cols']>(\n () => ['minmax(calc(100% - 64px), 1fr)', children ? 'auto' : '0px'],\n [children],\n );\n\n return (\n <StyledChatContainerContentHeader alignItems=\"center\" cols={cols} role=\"heading\" aria-level={2} {...globalProps}>\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.displayName = DSChatContainerHeaderName;\nconst ChatContainerHeaderWithSchema = describe(ChatContainerHeader);\nChatContainerHeaderWithSchema.propTypes = propTypes;\n\nexport { ChatContainerHeader, ChatContainerHeaderWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD+BnB;AA/BJ,mBAAkB;AAClB,uBAAqB;AACrB,8BAAiF;AACjF,uCAA2C;AAE3C,oBAIO;AAEP,mCAA0B;AAC1B,4CAA+C;AAC/C,8CAA0C;AAE1C,MAAM,sBAAyE,CAAC,UAAU;AACxF,8DAA+B,OAAO,wCAAW,iEAAyB;AAE1E,QAAM,kBAAc,2BAAK,gDAA6D,KAAK,GAAG;AAAA,IAC5F;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,EAAE,OAAO,SAAS,IAAI;AAC5B,QAAM,OAAO,aAAAA,QAAM;AAAA,IACjB,MAAM,CAAC,kCAAkC,WAAW,SAAS,KAAK;AAAA,IAClE,CAAC,QAAQ;AAAA,EACX;AAEA,SACE,6CAAC,kDAAiC,YAAW,UAAS,MAAY,MAAK,WAAU,cAAY,GAAI,GAAG,aAClG;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,eAAa,qEAA+B;AAAA,QAC5C,IAAG;AAAA,QACH,IAAG;AAAA,QAEH,sDAAC,+DAA2B,OAAO,OAAO;AAAA;AAAA,IAC5C;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,aAAAA,QAAM,SAAS,QAAQ,QAAQ,EAClC,OAAO,OAAO,EACd,IAAI,MAAM,MAAM;AAAA,QACnB,gBAAe;AAAA,QACf,eAAa,qEAA+B;AAAA,QAE3C;AAAA;AAAA,IACH;AAAA,KACF;AAEJ;AAEA,oBAAoB,cAAc;AAClC,MAAM,oCAAgC,kCAAS,mBAAmB;AAClE,8BAA8B,YAAY;",
|
|
6
6
|
"names": ["React"]
|
|
7
7
|
}
|
|
@@ -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 React from 'react';\nimport { omit } from 'lodash-es';\nimport { describe, useValidateTypescriptPropTypes, useGetGlobalAttributes } from '@elliemae/ds-props-helpers';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { type DSGridT } from '@elliemae/ds-grid';\nimport {\n StyledChatContainerContentHeader,\n StyledChatContainerContentHeaderLabel,\n StyledChatContainerContentHeaderActions,\n} from './styled.js';\nimport type { DSChatContainerHeaderT } from './react-desc-prop-types.js';\nimport { propTypes } from './react-desc-prop-types.js';\nimport { ChatContainerHeaderDataTestIds } from './ChatContainerHeaderDataTestIds.js';\nimport { DSChatContainerHeaderName } from './DSChatContainerHeaderDefinitions.js';\n\nconst ChatContainerHeader: React.ComponentType<DSChatContainerHeaderT.Props> = (props) => {\n useValidateTypescriptPropTypes(props, propTypes, DSChatContainerHeaderName);\n\n const globalProps = omit(useGetGlobalAttributes<DSChatContainerHeaderT.InternalProps>(props), [\n 'cols',\n 'rows',\n 'wrap',\n ]);\n const { title, children } = props;\n const cols = React.useMemo<DSGridT.Props['cols']>(\n () => ['minmax(calc(100% - 64px), 1fr)', children ? 'auto' : '0px'],\n [children],\n );\n\n return (\n <StyledChatContainerContentHeader alignItems=\"center\" cols={cols} role=\"heading\" aria-level={2} {...globalProps}>\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.displayName = DSChatContainerHeaderName;\nconst ChatContainerHeaderWithSchema = describe(ChatContainerHeader);\nChatContainerHeaderWithSchema.propTypes = propTypes;\n\nexport { ChatContainerHeader, ChatContainerHeaderWithSchema };\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { omit } from 'lodash-es';\nimport { describe, useValidateTypescriptPropTypes, useGetGlobalAttributes } from '@elliemae/ds-props-helpers';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { type DSGridT } from '@elliemae/ds-grid';\nimport {\n StyledChatContainerContentHeader,\n StyledChatContainerContentHeaderLabel,\n StyledChatContainerContentHeaderActions,\n} from './styled.js';\nimport type { DSChatContainerHeaderT } from './react-desc-prop-types.js';\nimport { propTypes } from './react-desc-prop-types.js';\nimport { ChatContainerHeaderDataTestIds } from './ChatContainerHeaderDataTestIds.js';\nimport { DSChatContainerHeaderName } from './DSChatContainerHeaderDefinitions.js';\n\nconst ChatContainerHeader: React.ComponentType<DSChatContainerHeaderT.Props> = (props) => {\n useValidateTypescriptPropTypes(props, propTypes, DSChatContainerHeaderName);\n\n const globalProps = omit(useGetGlobalAttributes<DSChatContainerHeaderT.InternalProps>(props), [\n 'cols',\n 'rows',\n 'wrap',\n 'title',\n ]);\n const { title, children } = props;\n const cols = React.useMemo<DSGridT.Props['cols']>(\n () => ['minmax(calc(100% - 64px), 1fr)', children ? 'auto' : '0px'],\n [children],\n );\n\n return (\n <StyledChatContainerContentHeader alignItems=\"center\" cols={cols} role=\"heading\" aria-level={2} {...globalProps}>\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.displayName = DSChatContainerHeaderName;\nconst ChatContainerHeaderWithSchema = describe(ChatContainerHeader);\nChatContainerHeaderWithSchema.propTypes = propTypes;\n\nexport { ChatContainerHeader, ChatContainerHeaderWithSchema };\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;AC+BnB,SAMI,KANJ;AA/BJ,OAAOA,YAAW;AAClB,SAAS,YAAY;AACrB,SAAS,UAAU,gCAAgC,8BAA8B;AACjF,SAAS,kCAAkC;AAE3C;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,KAAK,uBAA6D,KAAK,GAAG;AAAA,IAC5F;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,EAAE,OAAO,SAAS,IAAI;AAC5B,QAAM,OAAOA,OAAM;AAAA,IACjB,MAAM,CAAC,kCAAkC,WAAW,SAAS,KAAK;AAAA,IAClE,CAAC,QAAQ;AAAA,EACX;AAEA,SACE,qBAAC,oCAAiC,YAAW,UAAS,MAAY,MAAK,WAAU,cAAY,GAAI,GAAG,aAClG;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,eAAa,+BAA+B;AAAA,QAC5C,IAAG;AAAA,QACH,IAAG;AAAA,QAEH,8BAAC,8BAA2B,OAAO,OAAO;AAAA;AAAA,IAC5C;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAMA,OAAM,SAAS,QAAQ,QAAQ,EAClC,OAAO,OAAO,EACd,IAAI,MAAM,MAAM;AAAA,QACnB,gBAAe;AAAA,QACf,eAAa,+BAA+B;AAAA,QAE3C;AAAA;AAAA,IACH;AAAA,KACF;AAEJ;AAEA,oBAAoB,cAAc;AAClC,MAAM,gCAAgC,SAAS,mBAAmB;AAClE,8BAA8B,YAAY;",
|
|
6
6
|
"names": ["React"]
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-chat-container-header",
|
|
3
|
-
"version": "3.54.0
|
|
3
|
+
"version": "3.54.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Chat Container Header",
|
|
6
6
|
"files": [
|
|
@@ -36,18 +36,18 @@
|
|
|
36
36
|
"typeSafety": true
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@elliemae/ds-grid": "3.54.0
|
|
40
|
-
"@elliemae/ds-props-helpers": "3.54.0
|
|
41
|
-
"@elliemae/ds-system": "3.54.0
|
|
42
|
-
"@elliemae/ds-truncated-tooltip-text": "3.54.0
|
|
39
|
+
"@elliemae/ds-grid": "3.54.0",
|
|
40
|
+
"@elliemae/ds-props-helpers": "3.54.0",
|
|
41
|
+
"@elliemae/ds-system": "3.54.0",
|
|
42
|
+
"@elliemae/ds-truncated-tooltip-text": "3.54.0"
|
|
43
43
|
},
|
|
44
44
|
"devDependencies": {
|
|
45
45
|
"@elliemae/pui-cli": "9.0.0-next.65",
|
|
46
46
|
"@types/react": "^18.0.0",
|
|
47
47
|
"jest": "~29.7.0",
|
|
48
48
|
"styled-components": "~5.3.9",
|
|
49
|
-
"@elliemae/ds-monorepo-devops": "3.54.0
|
|
50
|
-
"@elliemae/ds-test-utils": "3.54.0
|
|
49
|
+
"@elliemae/ds-monorepo-devops": "3.54.0",
|
|
50
|
+
"@elliemae/ds-test-utils": "3.54.0"
|
|
51
51
|
},
|
|
52
52
|
"peerDependencies": {
|
|
53
53
|
"lodash-es": "^4.17.21",
|