@elliemae/ds-chat 2.2.0-next.4 → 2.3.0-alpha.2

package/esm/parts/chat-container/props.js

@@ -1,44 +1,65 @@
-import { PropTypes } from 'react-desc';
-import { noop } from 'lodash';
-import { BANNER_TYPES } from '@elliemae/ds-banner';
-import { defaultProps as defaultProps$1 } from '../chat-container-messages-list/props.js';
-import { defaultComposerPros } from '../chat-composer/props.js';
-
+import * as React from "react";
+import { PropTypes } from "react-desc";
+import { noop } from "lodash";
+import { BANNER_TYPES } from "@elliemae/ds-banner";
+import {
+  defaultProps as defaultListProps
+} from "../chat-container-messages-list/props";
+import { defaultComposerPros } from "../chat-composer/props";
 const defaultProps = {
-  messagesListProps: defaultProps$1,
+  messagesListProps: defaultListProps,
   composerProps: defaultComposerPros,
-  actionRef: undefined,
+  actionRef: void 0,
   autoScroll: false,
-  device: 'desktop',
-  isLoading: undefined,
-  hasMoreItems: undefined,
+  device: "desktop",
+  isLoading: void 0,
+  hasMoreItems: void 0,
   getMoreMessages: noop,
-  bannerPosition: undefined,
+  bannerPosition: void 0,
   bannerProps: {
     type: BANNER_TYPES.INFO,
-    label: 'Unread Messages',
-    viewLabel: 'View',
+    label: "Unread Messages",
+    viewLabel: "View",
     onView: noop,
     onClose: noop
   },
-  sendingMessages: undefined,
-  sendingText: 'Sending',
-  ariaLabel: 'Chat window'
+  sendingMessages: void 0,
+  sendingText: "Sending",
+  ariaLabel: "Chat window"
 };
 const containerProps = {
   messagesListProps: PropTypes.object.description('ChatMessageList props "messages" / "onScrollEnds"').defaultValue(defaultProps.messagesListProps),
-  composerProps: PropTypes.object.description('Composer configuration').defaultValue(defaultProps.composerProps),
-  autoScroll: PropTypes.bool.description('Auto scroll to bottom on resize').defaultValue(defaultProps.autoScroll),
-  device: PropTypes.string.description('Option to render mobile or desktop style composer').defaultValue(defaultProps.device),
-  isLoading: PropTypes.oneOf(['top', 'bottom', undefined]).description('Show Loading messages indicator at the `top` or `bottom` of the container'),
-  hasMoreItems: PropTypes.oneOf(['top', 'bottom', undefined]).description('Show Load More button at the `top` or `bottom` of the container'),
-  getMoreMessages: PropTypes.func.description('Called when the user clicks on load more').defaultValue(defaultProps.getMoreMessages),
-  bannerPosition: PropTypes.oneOf(['top', 'bottom', undefined]).description('Show Loading messages indicator at the `top` or `bottom` of the container'),
-  bannerProps: PropTypes.object.description("Banner configuration:\n  label: string;\n  viewLabel: string;\n  type: BANNER_TYPES;\n  onView: () => void;\n  onClose: () => void;\n  ").defaultValue(defaultProps.bannerProps),
-  sendingMessages: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.arrayOf(PropTypes.number)]).description('Array of ids of sending messages').defaultValue(defaultProps.sendingMessages),
-  sendingText: PropTypes.string.description('Label description for messages in sending status').defaultValue(defaultProps.sendingText),
-  actionRef: PropTypes.object.description("Reference: \n        { \n          scrollToIndex: (n: number) => void,\n          getMessagesInView: () => number[],\n          focusToIndex: (n: number) => void,\n          focusToList: () => void,\n          focusToComposer: () => void,\n          focusToSend: () => void,\n        }\n        \n      ").defaultValue(defaultProps.actionRef),
-  ariaLabel: PropTypes.string.description('Aria Label description for chat container').defaultValue(defaultProps.ariaLabel)
+  composerProps: PropTypes.object.description("Composer configuration").defaultValue(defaultProps.composerProps),
+  autoScroll: PropTypes.bool.description("Auto scroll to bottom on resize").defaultValue(defaultProps.autoScroll),
+  device: PropTypes.string.description("Option to render mobile or desktop style composer").defaultValue(defaultProps.device),
+  isLoading: PropTypes.oneOf(["top", "bottom", void 0]).description("Show Loading messages indicator at the `top` or `bottom` of the container"),
+  hasMoreItems: PropTypes.oneOf(["top", "bottom", void 0]).description("Show Load More button at the `top` or `bottom` of the container"),
+  getMoreMessages: PropTypes.func.description("Called when the user clicks on load more").defaultValue(defaultProps.getMoreMessages),
+  bannerPosition: PropTypes.oneOf(["top", "bottom", void 0]).description("Show Loading messages indicator at the `top` or `bottom` of the container"),
+  bannerProps: PropTypes.object.description(`Banner configuration:
+  label: string;
+  viewLabel: string;
+  type: BANNER_TYPES;
+  onView: () => void;
+  onClose: () => void;
+  `).defaultValue(defaultProps.bannerProps),
+  sendingMessages: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.arrayOf(PropTypes.number)]).description("Array of ids of sending messages").defaultValue(defaultProps.sendingMessages),
+  sendingText: PropTypes.string.description("Label description for messages in sending status").defaultValue(defaultProps.sendingText),
+  actionRef: PropTypes.object.description(`Reference: 
+        { 
+          scrollToIndex: (n: number) => void,
+          getMessagesInView: () => number[],
+          focusToIndex: (n: number) => void,
+          focusToList: () => void,
+          focusToComposer: () => void,
+          focusToSend: () => void,
+        }
+        
+      `).defaultValue(defaultProps.actionRef),
+  ariaLabel: PropTypes.string.description("Aria Label description for chat container").defaultValue(defaultProps.ariaLabel)
 };
-
-export { containerProps, defaultProps };
+export {
+  containerProps,
+  defaultProps
+};
+//# sourceMappingURL=props.js.map

package/esm/parts/chat-container/props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/chat-container/props.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport { BANNER_TYPES } from '@elliemae/ds-banner';\nimport {\n  ChatContainerMessagesListProps,\n  defaultProps as defaultListProps,\n} from '../chat-container-messages-list/props';\nimport { defaultComposerPros, ChatComposerProps } from '../chat-composer/props';\n\ninterface ChatBannerProps {\n  label: string;\n  viewLabel: string;\n  type?: BANNER_TYPES;\n  onView: () => void;\n  onClose: () => void;\n}\nexport interface ChatContainerProps {\n  messagesListProps: Pick<ChatContainerMessagesListProps, 'messages' | 'onScrollEnds'>;\n  composerProps: ChatComposerProps;\n  actionRef: PropTypes.func;\n  autoScroll: boolean;\n  device: 'desktop' | 'mobile';\n  isLoading?: 'top' | 'bottom';\n  hasMoreItems?: 'top' | 'bottom';\n  getMoreMessages: PropTypes.func;\n  bannerPosition?: 'top' | 'bottom';\n  bannerProps?: ChatBannerProps;\n  sendingMessages?: string[] | number[];\n  sendingText: string;\n  ariaLabel: string;\n}\n\nexport const defaultProps: ChatContainerProps = {\n  messagesListProps: defaultListProps,\n  composerProps: defaultComposerPros,\n  actionRef: undefined,\n  autoScroll: false,\n  device: 'desktop',\n  isLoading: undefined,\n  hasMoreItems: undefined,\n  getMoreMessages: noop,\n  bannerPosition: undefined,\n  bannerProps: {\n    type: BANNER_TYPES.INFO,\n    label: 'Unread Messages',\n    viewLabel: 'View',\n    onView: noop,\n    onClose: noop,\n  },\n  sendingMessages: undefined,\n  sendingText: 'Sending',\n  ariaLabel: 'Chat window',\n};\n\nexport const containerProps = {\n  messagesListProps: PropTypes.object\n    .description('ChatMessageList props \"messages\" / \"onScrollEnds\"')\n    .defaultValue(defaultProps.messagesListProps),\n  composerProps: PropTypes.object.description('Composer configuration').defaultValue(defaultProps.composerProps),\n  autoScroll: PropTypes.bool.description('Auto scroll to bottom on resize').defaultValue(defaultProps.autoScroll),\n  device: PropTypes.string\n    .description('Option to render mobile or desktop style composer')\n    .defaultValue(defaultProps.device),\n  isLoading: PropTypes.oneOf(['top', 'bottom', undefined]).description(\n    'Show Loading messages indicator at the `top` or `bottom` of the container',\n  ),\n  hasMoreItems: PropTypes.oneOf(['top', 'bottom', undefined]).description(\n    'Show Load More button at the `top` or `bottom` of the container',\n  ),\n  getMoreMessages: PropTypes.func\n    .description('Called when the user clicks on load more')\n    .defaultValue(defaultProps.getMoreMessages),\n  bannerPosition: PropTypes.oneOf(['top', 'bottom', undefined]).description(\n    'Show Loading messages indicator at the `top` or `bottom` of the container',\n  ),\n  bannerProps: PropTypes.object\n    .description(\n      `Banner configuration:\n  label: string;\n  viewLabel: string;\n  type: BANNER_TYPES;\n  onView: () => void;\n  onClose: () => void;\n  `,\n    )\n    .defaultValue(defaultProps.bannerProps),\n  sendingMessages: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.arrayOf(PropTypes.number)])\n    .description('Array of ids of sending messages')\n    .defaultValue(defaultProps.sendingMessages),\n  sendingText: PropTypes.string\n    .description('Label description for messages in sending status')\n    .defaultValue(defaultProps.sendingText),\n  actionRef: PropTypes.object\n    .description(\n      `Reference: \n        { \n          scrollToIndex: (n: number) => void,\n          getMessagesInView: () => number[],\n          focusToIndex: (n: number) => void,\n          focusToList: () => void,\n          focusToComposer: () => void,\n          focusToSend: () => void,\n        }\n        \n      `,\n    )\n    .defaultValue(defaultProps.actionRef),\n  ariaLabel: PropTypes.string\n    .description('Aria Label description for chat container')\n    .defaultValue(defaultProps.ariaLabel),\n};\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAAA;AAAA;AAIA;AAyBO,MAAM,eAAmC;AAAA,EAC9C,mBAAmB;AAAA,EACnB,eAAe;AAAA,EACf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,aAAa;AAAA,IACX,MAAM,aAAa;AAAA,IACnB,OAAO;AAAA,IACP,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAAS;AAAA;AAAA,EAEX,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,WAAW;AAAA;AAGN,MAAM,iBAAiB;AAAA,EAC5B,mBAAmB,UAAU,OAC1B,YAAY,qDACZ,aAAa,aAAa;AAAA,EAC7B,eAAe,UAAU,OAAO,YAAY,0BAA0B,aAAa,aAAa;AAAA,EAChG,YAAY,UAAU,KAAK,YAAY,mCAAmC,aAAa,aAAa;AAAA,EACpG,QAAQ,UAAU,OACf,YAAY,qDACZ,aAAa,aAAa;AAAA,EAC7B,WAAW,UAAU,MAAM,CAAC,OAAO,UAAU,SAAY,YACvD;AAAA,EAEF,cAAc,UAAU,MAAM,CAAC,OAAO,UAAU,SAAY,YAC1D;AAAA,EAEF,iBAAiB,UAAU,KACxB,YAAY,4CACZ,aAAa,aAAa;AAAA,EAC7B,gBAAgB,UAAU,MAAM,CAAC,OAAO,UAAU,SAAY,YAC5D;AAAA,EAEF,aAAa,UAAU,OACpB,YACC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAQD,aAAa,aAAa;AAAA,EAC7B,iBAAiB,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,SAAS,UAAU,QAAQ,UAAU,UACpG,YAAY,oCACZ,aAAa,aAAa;AAAA,EAC7B,aAAa,UAAU,OACpB,YAAY,oDACZ,aAAa,aAAa;AAAA,EAC7B,WAAW,UAAU,OAClB,YACC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAYD,aAAa,aAAa;AAAA,EAC7B,WAAW,UAAU,OAClB,YAAY,6CACZ,aAAa,aAAa;AAAA;",
+  "names": []
+}

package/esm/parts/chat-container/styled.js

@@ -1,18 +1,81 @@
-import styled from 'styled-components';
-import { Grid } from '@elliemae/ds-grid';
-import { StyledTitleLeftBubble, StyleBodyWrapper, StyledTitleRightBubble } from '../bubble/styled.js';
-import { StyledComposerInput } from '../chat-composer/styled.js';
-import { Wrapper, Title, Message, Time } from '../system-message/style.js';
-
+import * as React from "react";
+import styled from "styled-components";
+import { Grid } from "@elliemae/ds-grid";
+import { StyledTitleRightBubble, StyledTitleLeftBubble, StyleBodyWrapper } from "../bubble/styled";
+import { StyledComposerInput } from "../chat-composer/styled";
+import { Wrapper, Title, Time, Message } from "../system-message/style";
 const CONTAINER_WIDTH = 300;
-const StyledChatContainerContent = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-d732wo-0"
-})(["height:100%;min-width:", "px;overflow:hidden;background:", ";position:relative;"], CONTAINER_WIDTH, props => props.theme.colors.neutral['050']);
-const StyledIndicatorContainer = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-d732wo-1"
-})(["transition:0.4s ease-in-out;position:absolute;visibility:hidden;pointer-events:none;width:100%;padding:0 ", ";left:0;right:0;background:", ";", " ", " & div,a{font-size:13px;}"], props => !props.linear ? props.theme.space.xxs : 0, props => props.theme.colors.neutral['000'], props => props.isLoading === 'top' ? "\n  top: -41px;\n  transform: translate(0, 41px);\n  visibility: visible;\n  pointer-events: auto;\n  " : '', props => props.isLoading === 'bottom' ? "\n  bottom: -41px;\n  transform: translate(0, -41px);\n  visibility: visible;\n  pointer-events: auto;\n  " : '');
-const MobileStyledChatContainerContent = /*#__PURE__*/styled(StyledChatContainerContent).withConfig({
-  componentId: "sc-d732wo-2"
-})(["", ",", "{font-size:16px;}", "{font-size:13px;}", "{background-color:#fff;box-shadow:-0 1px 3px rgba(53,60,70,0.8);}", ",", "{font-size:16px;text-align:left;}", "{font-size:13px;}", "{font-size:16px;}", "{font-size:16px;}"], StyledTitleLeftBubble, StyleBodyWrapper, StyledTitleRightBubble, Wrapper, Title, Message, Time, StyledComposerInput, StyledIndicatorContainer);
+const StyledChatContainerContent = styled(Grid)`
+  height: 100%;
+  min-width: ${CONTAINER_WIDTH}px;
+  overflow: hidden;
+  background: ${(props) => props.theme.colors.neutral["050"]};
+  position: relative;
+`;
+const StyledIndicatorContainer = styled.div`
+  transition: 0.4s ease-in-out;
+  position: absolute;
+  visibility: hidden;
+  pointer-events: none;
+  width: 100%;
+  padding: 0 ${(props) => !props.linear ? props.theme.space.xxs : 0};
+  left: 0;
+  right: 0;
+  background: ${(props) => props.theme.colors.neutral["000"]};
+  ${(props) => props.isLoading === "top" ? `
+  top: -41px;
+  transform: translate(0, 41px);
+  visibility: visible;
+  pointer-events: auto;
+  ` : ""}
+  ${(props) => props.isLoading === "bottom" ? `
+  bottom: -41px;
+  transform: translate(0, -41px);
+  visibility: visible;
+  pointer-events: auto;
+  ` : ""}
+
+  & div,a {
+    font-size: 13px;
+  }
+`;
+const MobileStyledChatContainerContent = styled(StyledChatContainerContent)`
+  ${StyledTitleLeftBubble},
+  ${StyleBodyWrapper} {
+    font-size: 16px;
+  }
+
+  ${StyledTitleRightBubble} {
+    font-size: 13px;
+  }
+
+  ${Wrapper} {
+    background-color: #fff;
+    box-shadow: -0 1px 3px rgba(53, 60, 70, 0.8);
+  }
+
+  ${Title},
+  ${Message} {
+    font-size: 16px;
+    text-align: left;
+  }
+
+  ${Time} {
+    font-size: 13px;
+  }
+
+  ${StyledComposerInput} {
+    font-size: 16px;
+  }
 
-export { CONTAINER_WIDTH, MobileStyledChatContainerContent, StyledChatContainerContent, StyledIndicatorContainer };
+  ${StyledIndicatorContainer} {
+    font-size: 16px;
+  }
+`;
+export {
+  CONTAINER_WIDTH,
+  MobileStyledChatContainerContent,
+  StyledChatContainerContent,
+  StyledIndicatorContainer
+};
+//# sourceMappingURL=styled.js.map

package/esm/parts/chat-container/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/chat-container/styled.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { StyledTitleRightBubble, StyledTitleLeftBubble, StyleBodyWrapper } from '../bubble/styled';\nimport { StyledComposerInput } from '../chat-composer/styled';\nimport { Wrapper, Title, Time, Message } from '../system-message/style';\nexport const CONTAINER_WIDTH = 300;\n\nexport const StyledChatContainerContent = styled(Grid)`\n  height: 100%;\n  min-width: ${CONTAINER_WIDTH}px;\n  overflow: hidden;\n  background: ${(props) => props.theme.colors.neutral['050']};\n  position: relative;\n`;\nexport const StyledIndicatorContainer = styled.div<{\n  isLoading?: 'top' | 'bottom';\n  linear?: boolean;\n}>`\n  transition: 0.4s ease-in-out;\n  position: absolute;\n  visibility: hidden;\n  pointer-events: none;\n  width: 100%;\n  padding: 0 ${(props) => (!props.linear ? props.theme.space.xxs : 0)};\n  left: 0;\n  right: 0;\n  background: ${(props) => props.theme.colors.neutral['000']};\n  ${(props) =>\n    props.isLoading === 'top'\n      ? `\n  top: -41px;\n  transform: translate(0, 41px);\n  visibility: visible;\n  pointer-events: auto;\n  `\n      : ''}\n  ${(props) =>\n    props.isLoading === 'bottom'\n      ? `\n  bottom: -41px;\n  transform: translate(0, -41px);\n  visibility: visible;\n  pointer-events: auto;\n  `\n      : ''}\n\n  & div,a {\n    font-size: 13px;\n  }\n`;\n\nexport const MobileStyledChatContainerContent = styled(StyledChatContainerContent)`\n  ${StyledTitleLeftBubble},\n  ${StyleBodyWrapper} {\n    font-size: 16px;\n  }\n\n  ${StyledTitleRightBubble} {\n    font-size: 13px;\n  }\n\n  ${Wrapper} {\n    background-color: #fff;\n    box-shadow: -0 1px 3px rgba(53, 60, 70, 0.8);\n  }\n\n  ${Title},\n  ${Message} {\n    font-size: 16px;\n    text-align: left;\n  }\n\n  ${Time} {\n    font-size: 13px;\n  }\n\n  ${StyledComposerInput} {\n    font-size: 16px;\n  }\n\n  ${StyledIndicatorContainer} {\n    font-size: 16px;\n  }\n`;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACO,MAAM,kBAAkB;AAExB,MAAM,6BAA6B,OAAO;AAAA;AAAA,eAElC;AAAA;AAAA,gBAEC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAG/C,MAAM,2BAA2B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAShC,CAAC,UAAW,CAAC,MAAM,SAAS,MAAM,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA,gBAGnD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,IAClD,CAAC,UACD,MAAM,cAAc,QAChB;AAAA;AAAA;AAAA;AAAA;AAAA,MAMA;AAAA,IACJ,CAAC,UACD,MAAM,cAAc,WAChB;AAAA;AAAA;AAAA;AAAA;AAAA,MAMA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOD,MAAM,mCAAmC,OAAO;AAAA,IACnD;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA;AAAA;AAAA;AAAA;AAAA,IAIA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA;AAAA;AAAA;AAAA;AAAA,IAIA;AAAA;AAAA;AAAA;AAAA,IAIA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/esm/parts/chat-container-header/ChatContainerHeader.js

@@ -1,31 +1,32 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';
-import { StyledChatContainerContentHeader, StyledChatContainerContentHeaderLabel, StyledChatContainerContentHeaderActions } from './styled.js';
-import { validHeaderChilds } from './helpers.js';
-
-const ChatContainerHeader = props => {
-  const {
-    title,
-    floating,
-    children
-  } = props;
-  return /*#__PURE__*/_jsx(StyledChatContainerContentHeader, {
+import * as React from "react";
+import React2 from "react";
+import { SimpleTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
+import {
+  StyledChatContainerContentHeader,
+  StyledChatContainerContentHeaderLabel,
+  StyledChatContainerContentHeaderActions
+} from "./styled";
+import { validHeaderChilds } from "./helpers";
+const ChatContainerHeader = (props) => {
+  const { title, floating, children } = props;
+  return /* @__PURE__ */ React2.createElement(StyledChatContainerContentHeader, {
     alignItems: "center",
-    cols: ['minmax(calc(100% - 64px), 1fr)', children ? 'auto' : '0px'],
-    floating: floating,
+    cols: ["minmax(calc(100% - 64px), 1fr)", children ? "auto" : "0px"],
+    floating,
     role: "heading"
-  }, void 0, /*#__PURE__*/_jsx(StyledChatContainerContentHeaderLabel, {
+  }, /* @__PURE__ */ React2.createElement(StyledChatContainerContentHeaderLabel, {
     "data-testid": "chat-container-header-title",
     pl: "xxs",
     pr: "xxs"
-  }, void 0, /*#__PURE__*/_jsx(SimpleTruncatedTooltipText, {
+  }, /* @__PURE__ */ React2.createElement(SimpleTruncatedTooltipText, {
     value: title
-  })), /*#__PURE__*/_jsx(StyledChatContainerContentHeaderActions, {
+  })), /* @__PURE__ */ React2.createElement(StyledChatContainerContentHeaderActions, {
     cols: validHeaderChilds(children),
     justifyContent: "flex-end",
     "data-testid": "chat-container-header-children"
-  }, void 0, children));
+  }, children));
+};
+export {
+  ChatContainerHeader
 };
-
-export { ChatContainerHeader };
+//# sourceMappingURL=ChatContainerHeader.js.map

package/esm/parts/chat-container-header/ChatContainerHeader.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/chat-container-header/ChatContainerHeader.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport {\n  StyledChatContainerContentHeader,\n  StyledChatContainerContentHeaderLabel,\n  StyledChatContainerContentHeaderActions,\n} from './styled';\nimport { validHeaderChilds } from './helpers';\n\nexport const ChatContainerHeader: React.ComponentType = (props: any) => {\n  const { title, floating, children } = props;\n\n  return (\n    <StyledChatContainerContentHeader\n      alignItems=\"center\"\n      cols={['minmax(calc(100% - 64px), 1fr)', children ? 'auto' : '0px']}\n      floating={floating}\n      role=\"heading\"\n    >\n      <StyledChatContainerContentHeaderLabel data-testid=\"chat-container-header-title\" pl=\"xxs\" pr=\"xxs\">\n        <SimpleTruncatedTooltipText value={title} />\n      </StyledChatContainerContentHeaderLabel>\n      <StyledChatContainerContentHeaderActions\n        cols={validHeaderChilds(children)}\n        justifyContent=\"flex-end\"\n        data-testid=\"chat-container-header-children\"\n      >\n        {children}\n      </StyledChatContainerContentHeaderActions>\n    </StyledChatContainerContentHeader>\n  );\n};\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAKA;AAEO,MAAM,sBAA2C,CAAC,UAAe;AACtE,QAAM,EAAE,OAAO,UAAU,aAAa;AAEtC,SACE,qCAAC,kCAAD;AAAA,IACE,YAAW;AAAA,IACX,MAAM,CAAC,kCAAkC,WAAW,SAAS;AAAA,IAC7D;AAAA,IACA,MAAK;AAAA,KAEL,qCAAC,uCAAD;AAAA,IAAuC,eAAY;AAAA,IAA8B,IAAG;AAAA,IAAM,IAAG;AAAA,KAC3F,qCAAC,4BAAD;AAAA,IAA4B,OAAO;AAAA,OAErC,qCAAC,yCAAD;AAAA,IACE,MAAM,kBAAkB;AAAA,IACxB,gBAAe;AAAA,IACf,eAAY;AAAA,KAEX;AAAA;",
+  "names": []
+}

package/esm/parts/chat-container-header/helpers.js

@@ -1,23 +1,15 @@
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.constructor.js';
-import 'core-js/modules/esnext.async-iterator.to-array.js';
-import 'core-js/modules/esnext.iterator.to-array.js';
-import React from 'react';
-
-const validHeaderChilds = children => React.Children.toArray(children).filter(e => {
+import * as React from "react";
+import React2 from "react";
+const validHeaderChilds = (children) => React2.Children.toArray(children).filter((e) => {
   if (Array.isArray(e.props.children)) {
     return false;
   }
-
-  if (e.props.children === undefined && e.$$typeof.toString() === 'Symbol(react.element)') {
+  if (e.props.children === void 0 && e.$$typeof.toString() === "Symbol(react.element)") {
     return true;
   }
-
   return !!e.props.children;
-}).map(() => '32px');
-
-export { validHeaderChilds };
+}).map(() => "32px");
+export {
+  validHeaderChilds
+};
+//# sourceMappingURL=helpers.js.map

package/esm/parts/chat-container-header/helpers.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/chat-container-header/helpers.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\n\ninterface validParamT {\n  childs: React.ReactChild | React.ReactFragment | React.ReactPortal;\n}\n\nexport const validHeaderChilds = (children: validParamT): any =>\n  React.Children.toArray(children)\n    .filter((e) => {\n      if (Array.isArray(e.props.children)) {\n        return false;\n      }\n      if (e.props.children === undefined && e.$$typeof.toString() === 'Symbol(react.element)') {\n        return true;\n      }\n      return !!e.props.children;\n    })\n    .map(() => '32px');\n"],
+  "mappings": "AAAA;ACAA;AAMO,MAAM,oBAAoB,CAAC,aAChC,OAAM,SAAS,QAAQ,UACpB,OAAO,CAAC,MAAM;AACb,MAAI,MAAM,QAAQ,EAAE,MAAM,WAAW;AACnC,WAAO;AAAA;AAET,MAAI,EAAE,MAAM,aAAa,UAAa,EAAE,SAAS,eAAe,yBAAyB;AACvF,WAAO;AAAA;AAET,SAAO,CAAC,CAAC,EAAE,MAAM;AAAA,GAElB,IAAI,MAAM;",
+  "names": []
+}

package/esm/parts/chat-container-header/styled.js

@@ -1,14 +1,30 @@
-import styled from 'styled-components';
-import { Grid } from '@elliemae/ds-grid';
-
-const StyledChatContainerContentHeaderActions = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-jmynvr-0"
-})(["max-width:80px;"]);
-const StyledChatContainerContentHeader = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-jmynvr-1"
-})(["width:100%;min-height:48px;border-bottom:1px solid ", ";background:", ";", "{& button{background:transparent;}}"], props => props.theme.colors.neutral['200'], props => props.theme.colors.neutral['050'], StyledChatContainerContentHeaderActions);
-const StyledChatContainerContentHeaderLabel = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-jmynvr-2"
-})(["justify-content:center;align-items:center;font-weight:bold;font-size:18px;color:", ";"], props => props.theme.colors.neutral['700']);
-
-export { StyledChatContainerContentHeader, StyledChatContainerContentHeaderActions, StyledChatContainerContentHeaderLabel };
+import * as React from "react";
+import styled from "styled-components";
+import { Grid } from "@elliemae/ds-grid";
+const StyledChatContainerContentHeaderActions = styled(Grid)`
+  max-width: 80px;
+`;
+const StyledChatContainerContentHeader = styled(Grid)`
+  width: 100%;
+  min-height: 48px;
+  border-bottom: 1px solid ${(props) => props.theme.colors.neutral["200"]};
+  background: ${(props) => props.theme.colors.neutral["050"]};
+  ${StyledChatContainerContentHeaderActions} {
+    & button {
+      background: transparent;
+    }
+  }
+`;
+const StyledChatContainerContentHeaderLabel = styled(Grid)`
+  justify-content: center;
+  align-items: center;
+  font-weight: bold;
+  font-size: 18px;
+  color: ${(props) => props.theme.colors.neutral["700"]};
+`;
+export {
+  StyledChatContainerContentHeader,
+  StyledChatContainerContentHeaderActions,
+  StyledChatContainerContentHeaderLabel
+};
+//# sourceMappingURL=styled.js.map

package/esm/parts/chat-container-header/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/chat-container-header/styled.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\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`;\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEO,MAAM,0CAA0C,OAAO;AAAA;AAAA;AAIvD,MAAM,mCAAmC,OAAO;AAAA;AAAA;AAAA,6BAG1B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,gBACnD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,IAClD;AAAA;AAAA;AAAA;AAAA;AAAA;AAOG,MAAM,wCAAwC,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,WAKjD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;",
+  "names": []
+}