@elliemae/ds-chat 2.3.0-alpha.9 → 2.3.0-next.11

package/dist/esm/parts/tile-button/styled.js

@@ -1,218 +0,0 @@
-import * as React from "react";
-import styled from "styled-components";
-import { css } from "@elliemae/ds-system";
-import { Grid } from "@elliemae/ds-grid";
-const MIN_WIDTH_SIDEBAR = 48;
-const BUTTON_SIDEBAR_HEIGHT = 48;
-const StyledWrapperLeftBorder = styled(Grid)`
-  height: 100%;
-  width: 4px;
-  position: absolute;
-  top: 0;
-  left: 0;
-`;
-const StyledStatusBadge = styled.div`
-  height: 8px;
-  width: 8px;
-  position: absolute;
-  top: 0;
-  background: ${(props) => {
-  switch (props.badgeColor) {
-    case "blue":
-      return props.theme.colors.brand[600];
-    case "green":
-      return props.theme.colors.success[900];
-    default:
-      return props.theme.colors.brand[600];
-  }
-}};
-  ${(props) => {
-  switch (props.badgePosition) {
-    case "left":
-      return "left: -4px;";
-    case "right":
-      return "right: -4px;";
-    default:
-      return "left: -4px;";
-  }
-}};
-  border-radius: 50%;
-  box-sizing: content-box;
-`;
-const StyledWrapperCentralContent = styled(Grid)`
-  width: 24px;
-  height: 40px;
-`;
-const StyledTileButtonIcon = styled(Grid)`
-  position: relative;
-  height: 24px;
-  width: 24px;
-  svg {
-    fill: ${(props) => props.theme.colors.neutral[500]};
-  }
-
-  &:focus {
-    svg {
-      fill: ${(props) => props.theme.colors.brand[800]};
-    }
-  }
-`;
-const StyledTileButtonLabel = styled.div`
-  width: 24px;
-  height: ${(props) => props.theme.space.xs};
-  text-transform: uppercase;
-  overflow: hidden;
-  text-align: center;
-  font-size: 13px;
-  color: ${(props) => props.theme.colors.neutral[600]};
-  line-height: 17px;
-`;
-const CloseButton = styled.button`
-  outline: none;
-  background: none;
-  height: 9px;
-  width: 9px;
-  position: absolute;
-  top: 1px;
-  right: 1px;
-  overflow: hidden;
-  padding: 0;
-  border: none;
-  span {
-    position: absolute;
-    left: -3px;
-    top: -4px;
-  }
-
-  &:focus,
-  &:hover {
-    svg {
-      fill: ${(props) => props.theme.colors.brand[600]};
-    }
-    &:after {
-      display: block;
-      content: '';
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      border: solid 1px ${(props) => props.theme.colors.brand[600]};
-      border-radius: 2px;
-    }
-  }
-  cursor: pointer;
-`;
-const StyledTooltipV3ButtonWrapper = styled.div`
-  height: ${BUTTON_SIDEBAR_HEIGHT}px;
-  width: ${MIN_WIDTH_SIDEBAR}px;
-`;
-const StyledTileButton = styled.button`
-  outline: none;
-  background: transparent;
-  height: ${BUTTON_SIDEBAR_HEIGHT}px;
-  width: ${MIN_WIDTH_SIDEBAR}px;
-  position: relative;
-  padding: 0;
-  border: none;
-  cursor: pointer;
-  border-bottom: ${(props) => props.isHeader ? `1px solid  ${props.theme.colors.neutral["200"]}` : "none"};
-  &:focus,
-  &:hover,
-  &:active,
-  &:disabled {
-    background: ${(props) => props.theme.colors.neutral["080"]};
-    & ${StyledStatusBadge} {
-      border: 2px solid ${(props) => props.theme.colors.neutral["080"]};
-      margin-top: -2px;
-      ${(props) => {
-  switch (props.badgePosition) {
-    case "left":
-      return "margin-left: -2px;";
-    case "right":
-      return "margin-right: -2px;";
-    default:
-      return "margin-left: -2px;";
-  }
-}};
-    }
-  }
-
-  &:focus,
-  &:hover {
-    & ${StyledWrapperLeftBorder} {
-      background: ${(props) => props.theme.colors.brand[800]};
-    }
-    & ${StyledTileButtonLabel} {
-      color: ${(props) => props.theme.colors.neutral[600]};
-    }
-
-    & svg {
-      fill: ${(props) => props.theme.colors.brand[800]};
-    }
-  }
-
-  &:active:not(:disabled) {
-    background: ${(props) => props.theme.colors.neutral["050"]};
-    & ${StyledWrapperLeftBorder} {
-      background: ${(props) => props.theme.colors.brand[600]};
-    }
-    & ${StyledTileButtonLabel} {
-      color: ${(props) => props.theme.colors.neutral[600]};
-      font-weight: 600;
-    }
-    & svg {
-      fill: ${(props) => props.theme.colors.brand[600]};
-    }
-    & ${StyledStatusBadge} {
-      border: 2px solid ${(props) => props.theme.colors.neutral["050"]};
-    }
-  }
-
-  &:disabled {
-    background: ${(props) => props.theme.colors.neutral["080"]};
-    ${StyledWrapperLeftBorder} {
-      background: ${(props) => props.theme.colors.neutral["400"]};
-    }
-    & ${StyledStatusBadge} {
-      background: ${(props) => props.theme.colors.neutral["500"]};
-      border: 2px solid ${(props) => props.theme.colors.neutral["080"]};
-    }
-    ${StyledTileButtonIcon} {
-      svg {
-        fill: ${(props) => props.theme.colors.neutral[400]};
-      }
-    }
-    ${StyledTileButtonLabel} {
-      color: ${(props) => props.theme.colors.neutral[400]};
-    }
-  }
-
-  ${(props) => {
-  if (props.selected) {
-    return css`
-        & ${StyledWrapperLeftBorder} {
-          background: ${(nestedProps) => nestedProps.theme.colors.brand[600]};
-        }
-      `;
-  }
-  return "";
-}}
-`;
-const StyledWrapper = styled(Grid)`
-  height: 100%;
-  width: 100%;
-  position: relative;
-`;
-export {
-  CloseButton,
-  StyledStatusBadge,
-  StyledTileButton,
-  StyledTileButtonIcon,
-  StyledTileButtonLabel,
-  StyledTooltipV3ButtonWrapper,
-  StyledWrapper,
-  StyledWrapperCentralContent,
-  StyledWrapperLeftBorder
-};
-//# sourceMappingURL=styled.js.map

package/dist/esm/parts/tile-button/styled.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/tile-button/styled.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable indent */\n/* eslint-disable max-lines */\nimport styled from 'styled-components';\nimport { css } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { TileButtonProps } from './props';\nconst MIN_WIDTH_SIDEBAR = 48;\nconst BUTTON_SIDEBAR_HEIGHT = 48;\n\n// Buttons\nexport const StyledWrapperLeftBorder = styled(Grid)`\n  height: 100%;\n  width: 4px;\n  position: absolute;\n  top: 0;\n  left: 0;\n`;\n\nexport const StyledStatusBadge = styled.div<Partial<TileButtonProps>>`\n  height: 8px;\n  width: 8px;\n  position: absolute;\n  top: 0;\n  background: ${(props) => {\n    switch (props.badgeColor) {\n      case 'blue':\n        return props.theme.colors.brand[600];\n      case 'green':\n        return props.theme.colors.success[900];\n      default:\n        return props.theme.colors.brand[600];\n    }\n  }};\n  ${(props) => {\n    switch (props.badgePosition) {\n      case 'left':\n        return 'left: -4px;';\n      case 'right':\n        return 'right: -4px;';\n      default:\n        return 'left: -4px;';\n    }\n  }};\n  border-radius: 50%;\n  box-sizing: content-box;\n`;\n\nexport const StyledWrapperCentralContent = styled(Grid)`\n  width: 24px;\n  height: 40px;\n`;\n\nexport const StyledTileButtonIcon = styled(Grid)`\n  position: relative;\n  height: 24px;\n  width: 24px;\n  svg {\n    fill: ${(props) => props.theme.colors.neutral[500]};\n  }\n\n  &:focus {\n    svg {\n      fill: ${(props) => props.theme.colors.brand[800]};\n    }\n  }\n`;\n\nexport const StyledTileButtonLabel = styled.div`\n  width: 24px;\n  height: ${(props) => props.theme.space.xs};\n  text-transform: uppercase;\n  overflow: hidden;\n  text-align: center;\n  font-size: 13px;\n  color: ${(props) => props.theme.colors.neutral[600]};\n  line-height: 17px;\n`;\n\nexport const CloseButton = styled.button<any>`\n  outline: none;\n  background: none;\n  height: 9px;\n  width: 9px;\n  position: absolute;\n  top: 1px;\n  right: 1px;\n  overflow: hidden;\n  padding: 0;\n  border: none;\n  span {\n    position: absolute;\n    left: -3px;\n    top: -4px;\n  }\n\n  &:focus,\n  &:hover {\n    svg {\n      fill: ${(props) => props.theme.colors.brand[600]};\n    }\n    &:after {\n      display: block;\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      border: solid 1px ${(props) => props.theme.colors.brand[600]};\n      border-radius: 2px;\n    }\n  }\n  cursor: pointer;\n`;\n\n// MAIN WRAPPER\nexport const StyledTooltipV3ButtonWrapper = styled.div`\n  height: ${BUTTON_SIDEBAR_HEIGHT}px;\n  width: ${MIN_WIDTH_SIDEBAR}px;\n`;\nexport const StyledTileButton = styled.button<Partial<TileButtonProps>>`\n  outline: none;\n  background: transparent;\n  height: ${BUTTON_SIDEBAR_HEIGHT}px;\n  width: ${MIN_WIDTH_SIDEBAR}px;\n  position: relative;\n  padding: 0;\n  border: none;\n  cursor: pointer;\n  border-bottom: ${(props) => (props.isHeader ? `1px solid  ${props.theme.colors.neutral['200']}` : 'none')};\n  &:focus,\n  &:hover,\n  &:active,\n  &:disabled {\n    background: ${(props) => props.theme.colors.neutral['080']};\n    & ${StyledStatusBadge} {\n      border: 2px solid ${(props) => props.theme.colors.neutral['080']};\n      margin-top: -2px;\n      ${(props) => {\n        switch (props.badgePosition) {\n          case 'left':\n            return 'margin-left: -2px;';\n          case 'right':\n            return 'margin-right: -2px;';\n          default:\n            return 'margin-left: -2px;';\n        }\n      }};\n    }\n  }\n\n  &:focus,\n  &:hover {\n    & ${StyledWrapperLeftBorder} {\n      background: ${(props) => props.theme.colors.brand[800]};\n    }\n    & ${StyledTileButtonLabel} {\n      color: ${(props) => props.theme.colors.neutral[600]};\n    }\n\n    & svg {\n      fill: ${(props) => props.theme.colors.brand[800]};\n    }\n  }\n\n  &:active:not(:disabled) {\n    background: ${(props) => props.theme.colors.neutral['050']};\n    & ${StyledWrapperLeftBorder} {\n      background: ${(props) => props.theme.colors.brand[600]};\n    }\n    & ${StyledTileButtonLabel} {\n      color: ${(props) => props.theme.colors.neutral[600]};\n      font-weight: 600;\n    }\n    & svg {\n      fill: ${(props) => props.theme.colors.brand[600]};\n    }\n    & ${StyledStatusBadge} {\n      border: 2px solid ${(props) => props.theme.colors.neutral['050']};\n    }\n  }\n\n  &:disabled {\n    background: ${(props) => props.theme.colors.neutral['080']};\n    ${StyledWrapperLeftBorder} {\n      background: ${(props) => props.theme.colors.neutral['400']};\n    }\n    & ${StyledStatusBadge} {\n      background: ${(props) => props.theme.colors.neutral['500']};\n      border: 2px solid ${(props) => props.theme.colors.neutral['080']};\n    }\n    ${StyledTileButtonIcon} {\n      svg {\n        fill: ${(props) => props.theme.colors.neutral[400]};\n      }\n    }\n    ${StyledTileButtonLabel} {\n      color: ${(props) => props.theme.colors.neutral[400]};\n    }\n  }\n\n  ${(props) => {\n    if (props.selected) {\n      return css`\n        & ${StyledWrapperLeftBorder} {\n          background: ${(nestedProps) => nestedProps.theme.colors.brand[600]};\n        }\n      `;\n    }\n    return '';\n  }}\n`;\n\nexport const StyledWrapper = styled(Grid)`\n  height: 100%;\n  width: 100%;\n  position: relative;\n`;\n"],
-  "mappings": "AAAA;ACEA;AACA;AACA;AAEA,MAAM,oBAAoB;AAC1B,MAAM,wBAAwB;AAGvB,MAAM,0BAA0B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQvC,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,gBAKxB,CAAC,UAAU;AACvB,UAAQ,MAAM;AAAA,SACP;AACH,aAAO,MAAM,MAAM,OAAO,MAAM;AAAA,SAC7B;AACH,aAAO,MAAM,MAAM,OAAO,QAAQ;AAAA;AAElC,aAAO,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA,IAGpC,CAAC,UAAU;AACX,UAAQ,MAAM;AAAA,SACP;AACH,aAAO;AAAA,SACJ;AACH,aAAO;AAAA;AAEP,aAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOR,MAAM,8BAA8B,OAAO;AAAA;AAAA;AAAA;AAK3C,MAAM,uBAAuB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,YAK/B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,cAKpC,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAK3C,MAAM,wBAAwB,OAAO;AAAA;AAAA,YAEhC,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,WAK9B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAI1C,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAoBpB,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAUxB,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAQvD,MAAM,+BAA+B,OAAO;AAAA,YACvC;AAAA,WACD;AAAA;AAEJ,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA,YAG3B;AAAA,WACD;AAAA;AAAA;AAAA;AAAA;AAAA,mBAKQ,CAAC,UAAW,MAAM,WAAW,cAAc,MAAM,MAAM,OAAO,QAAQ,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKlF,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,QAChD;AAAA,0BACkB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,QAExD,CAAC,UAAU;AACX,UAAQ,MAAM;AAAA,SACP;AACH,aAAO;AAAA,SACJ;AACH,aAAO;AAAA;AAEP,aAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAQX;AAAA,oBACY,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA,QAEhD;AAAA,eACO,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA,cAIvC,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKhC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,QAChD;AAAA,oBACY,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA,QAEhD;AAAA,eACO,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA,cAIvC,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA,QAE1C;AAAA,0BACkB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,kBAK9C,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,MAClD;AAAA,oBACc,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,QAElD;AAAA,oBACY,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,0BAChC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,MAE1D;AAAA;AAAA,gBAEU,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,MAGhD;AAAA,eACS,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA,IAIjD,CAAC,UAAU;AACX,MAAI,MAAM,UAAU;AAClB,WAAO;AAAA,YACD;AAAA,wBACY,CAAC,gBAAgB,YAAY,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAIpE,SAAO;AAAA;AAAA;AAIJ,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/prop-types.js

@@ -1,31 +0,0 @@
-import * as React from "react";
-import { PropTypes } from "react-desc";
-import { noop } from "lodash";
-const defaultProps = {
-  expanded: false,
-  expandedWidth: 348,
-  openedItem: void 0,
-  onFooterExpand: noop,
-  onFooterClose: noop,
-  floating: false,
-  onHeaderExpand: noop,
-  onHeaderClose: noop,
-  title: "Header Title"
-};
-const chatProps = {
-  containerProps: PropTypes.shape({}).defaultValue({}),
-  expanded: PropTypes.bool.description("Whether to show the chat expanded or collapsed").defaultValue(defaultProps.expanded),
-  expandedWidth: PropTypes.number.description("Total width attached to the expanded Chat").defaultValue(defaultProps.expandedWidth),
-  openedItem: PropTypes.string.description("The id of the chat item you want to be opened").defaultValue(defaultProps.openedItem),
-  messages: PropTypes.arrayOf(PropTypes.object).description("The array of out-of-the-box items you want to render inside the container list of the chat").defaultValue(defaultProps.openedItem),
-  onFooterExpand: PropTypes.func.description("The function to call when the chat is opened via the footer").defaultValue(defaultProps.onFooterExpand),
-  onFooterClose: PropTypes.func.description("The function to call when the chat is closed via the footer").defaultValue(defaultProps.onFooterClose),
-  onHeaderExpand: PropTypes.func.description("The function to call when the chat is opened via the header").defaultValue(defaultProps.onHeaderExpand),
-  onHeaderClose: PropTypes.func.description("The function to call when the chat is closed via the header").defaultValue(defaultProps.onHeaderClose),
-  floating: PropTypes.bool.description("Whether to show the chat as floating chat or not").defaultValue(defaultProps.floating)
-};
-export {
-  chatProps,
-  defaultProps
-};
-//# sourceMappingURL=prop-types.js.map

package/dist/esm/prop-types.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/prop-types.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport { ChatProps } from './index.d';\n\nexport const defaultProps: ChatProps = {\n  expanded: false,\n  expandedWidth: 348,\n  openedItem: undefined,\n  onFooterExpand: noop,\n  onFooterClose: noop,\n  floating: false,\n  onHeaderExpand: noop,\n  onHeaderClose: noop,\n  title: 'Header Title',\n};\n\nexport const chatProps = {\n  containerProps: PropTypes.shape({}).defaultValue({}),\n  expanded: PropTypes.bool\n    .description('Whether to show the chat expanded or collapsed')\n    .defaultValue(defaultProps.expanded),\n  expandedWidth: PropTypes.number\n    .description('Total width attached to the expanded Chat')\n    .defaultValue(defaultProps.expandedWidth),\n  openedItem: PropTypes.string\n    .description('The id of the chat item you want to be opened')\n    .defaultValue(defaultProps.openedItem),\n  messages: PropTypes.arrayOf(PropTypes.object)\n    .description(\n      'The array of out-of-the-box items you want to render inside the container list of the chat',\n    )\n    .defaultValue(defaultProps.openedItem),\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  floating: PropTypes.bool\n    .description('Whether to show the chat as floating chat or not')\n    .defaultValue(defaultProps.floating),\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AAGO,MAAM,eAA0B;AAAA,EACrC,UAAU;AAAA,EACV,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,OAAO;AAAA;AAGF,MAAM,YAAY;AAAA,EACvB,gBAAgB,UAAU,MAAM,IAAI,aAAa;AAAA,EACjD,UAAU,UAAU,KACjB,YAAY,kDACZ,aAAa,aAAa;AAAA,EAC7B,eAAe,UAAU,OACtB,YAAY,6CACZ,aAAa,aAAa;AAAA,EAC7B,YAAY,UAAU,OACnB,YAAY,iDACZ,aAAa,aAAa;AAAA,EAC7B,UAAU,UAAU,QAAQ,UAAU,QACnC,YACC,8FAED,aAAa,aAAa;AAAA,EAC7B,gBAAgB,UAAU,KACvB,YAAY,+DACZ,aAAa,aAAa;AAAA,EAC7B,eAAe,UAAU,KACtB,YAAY,+DACZ,aAAa,aAAa;AAAA,EAC7B,gBAAgB,UAAU,KACvB,YAAY,+DACZ,aAAa,aAAa;AAAA,EAC7B,eAAe,UAAU,KACtB,YAAY,+DACZ,aAAa,aAAa;AAAA,EAC7B,UAAU,UAAU,KACjB,YAAY,oDACZ,aAAa,aAAa;AAAA;",
-  "names": []
-}

package/dist/esm/styled.js

@@ -1,16 +0,0 @@
-import * as React from "react";
-const MIN_WIDTH_SIDEBAR = 48;
-const BUTTON_SIDEBAR_HEIGHT = 48;
-const BUTTON_FLOATING = 56;
-const BOX_SHADOW = "0 5px 8px 0 rgba(53,60,70,0.55)";
-const BOX_SHADOW_FLOATING = "0 5px 8px 0 rgba(53,60,70,0.35)";
-const BOX_SHADOW_INSET = `inset 100px 3px 4px 0 rgba(53,60,70,0.50)`;
-export {
-  BOX_SHADOW,
-  BOX_SHADOW_FLOATING,
-  BOX_SHADOW_INSET,
-  BUTTON_FLOATING,
-  BUTTON_SIDEBAR_HEIGHT,
-  MIN_WIDTH_SIDEBAR
-};
-//# sourceMappingURL=styled.js.map

package/dist/esm/styled.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const MIN_WIDTH_SIDEBAR = 48;\nexport const BUTTON_SIDEBAR_HEIGHT = 48;\nexport const BUTTON_FLOATING = 56;\nexport const BOX_SHADOW = '0 5px 8px 0 rgba(53,60,70,0.55)';\nexport const BOX_SHADOW_FLOATING = '0 5px 8px 0 rgba(53,60,70,0.35)';\nexport const BOX_SHADOW_INSET = `inset 100px 3px 4px 0 rgba(53,60,70,0.50)`;\n"],
-  "mappings": "AAAA;ACAO,MAAM,oBAAoB;AAC1B,MAAM,wBAAwB;AAC9B,MAAM,kBAAkB;AACxB,MAAM,aAAa;AACnB,MAAM,sBAAsB;AAC5B,MAAM,mBAAmB;",
-  "names": []
-}

package/dist/esm/tests/utils.js

@@ -1,37 +0,0 @@
-import * as React from "react";
-import { BUBBLE_TYPES } from "@elliemae/ds-chat";
-const getRandomMessages = (q, key) => Array(q).fill().map((v, i) => {
-  if (i > 5 && i % 22 === 0) {
-    return {
-      dsId: `${i}`,
-      body: `This is a system message that notifies the user of some important things`,
-      type: BUBBLE_TYPES.SYSTEM,
-      title: "System Message",
-      time: "4:50 pm"
-    };
-  }
-  if (i > 5 && i % 16 === 0) {
-    return {
-      dsId: `${i}`,
-      type: BUBBLE_TYPES.DELIMITER,
-      title: "Mon, Apr 25, 12:43 PM",
-      extraProps: { "data-testid": "custom-data-testid" }
-    };
-  }
-  const isSender = i % 2 === 0;
-  const chatBubbleType = isSender ? BUBBLE_TYPES.SENDER : BUBBLE_TYPES.RECIPIENT;
-  const chatTitle = isSender ? "Robert Deniro" : "Al Pacino";
-  return {
-    dsId: `${i}`,
-    body: `Message text ${key} Message text ${i}`,
-    type: chatBubbleType,
-    title: chatTitle,
-    time: "4:50 pm",
-    helpMessage: isSender ? "Delivered" : null
-  };
-});
-const loadMsgs = (q) => getRandomMessages(q, "item_key");
-export {
-  loadMsgs
-};
-//# sourceMappingURL=utils.js.map

package/dist/esm/tests/utils.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/tests/utils.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { BUBBLE_TYPES } from '@elliemae/ds-chat';\n\nconst getRandomMessages = (q, key) =>\n  Array(q)\n    .fill()\n    .map((v, i) => {\n      if (i > 5 && i % 22 === 0) {\n        return {\n          dsId: `${i}`,\n          body: `This is a system message that notifies the user of some important things`,\n          type: BUBBLE_TYPES.SYSTEM,\n          title: 'System Message',\n          time: '4:50 pm',\n        };\n      }\n      if (i > 5 && i % 16 === 0) {\n        return {\n          dsId: `${i}`,\n          type: BUBBLE_TYPES.DELIMITER,\n          title: 'Mon, Apr 25, 12:43 PM',\n          extraProps: { 'data-testid': 'custom-data-testid' },\n        };\n      }\n      const isSender = i % 2 === 0;\n      const chatBubbleType = isSender ? BUBBLE_TYPES.SENDER : BUBBLE_TYPES.RECIPIENT;\n      const chatTitle = isSender ? 'Robert Deniro' : 'Al Pacino';\n      return {\n        dsId: `${i}`,\n        body: `Message text ${key} Message text ${i}`,\n        type: chatBubbleType,\n        title: chatTitle,\n        time: '4:50 pm',\n        helpMessage: isSender ? 'Delivered' : null,\n      };\n    });\n\nexport const loadMsgs = (q: number): unknown => getRandomMessages(q, 'item_key');\n"],
-  "mappings": "AAAA;ACAA;AAEA,MAAM,oBAAoB,CAAC,GAAG,QAC5B,MAAM,GACH,OACA,IAAI,CAAC,GAAG,MAAM;AACb,MAAI,IAAI,KAAK,IAAI,OAAO,GAAG;AACzB,WAAO;AAAA,MACL,MAAM,GAAG;AAAA,MACT,MAAM;AAAA,MACN,MAAM,aAAa;AAAA,MACnB,OAAO;AAAA,MACP,MAAM;AAAA;AAAA;AAGV,MAAI,IAAI,KAAK,IAAI,OAAO,GAAG;AACzB,WAAO;AAAA,MACL,MAAM,GAAG;AAAA,MACT,MAAM,aAAa;AAAA,MACnB,OAAO;AAAA,MACP,YAAY,EAAE,eAAe;AAAA;AAAA;AAGjC,QAAM,WAAW,IAAI,MAAM;AAC3B,QAAM,iBAAiB,WAAW,aAAa,SAAS,aAAa;AACrE,QAAM,YAAY,WAAW,kBAAkB;AAC/C,SAAO;AAAA,IACL,MAAM,GAAG;AAAA,IACT,MAAM,gBAAgB,oBAAoB;AAAA,IAC1C,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,IACN,aAAa,WAAW,cAAc;AAAA;AAAA;AAIvC,MAAM,WAAW,CAAC,MAAuB,kBAAkB,GAAG;",
-  "names": []
-}

package/dist/types/index.d.d.ts

@@ -1,37 +0,0 @@
-import React from 'react';
-import { VirtualItem } from 'react-virtual';
-export declare type TypescriptVirtualListHelpers = {
-    virtualItems: VirtualItem[];
-    totalSize: number;
-    scrollToOffset: (index: number, options?: {
-        align: 'start' | 'center' | 'end' | 'auto';
-    }) => void;
-    scrollToIndex: (index: number, options?: {
-        align: 'start' | 'center' | 'end' | 'auto';
-    }) => void;
-    measure: () => void;
-} | null;
-export interface ChatProps {
-    expanded: boolean;
-    expandedWidth: number;
-    openedItem?: string | number;
-    onFooterExpand: () => void;
-    onFooterClose: () => void;
-    onHeaderExpand: () => void;
-    onHeaderClose: () => void;
-    floating?: boolean;
-    title: string;
-}
-export interface UseChatConfig {
-    props: ChatProps;
-}
-export interface UseChatAPI {
-    props: ChatProps;
-    virtualListHelpers: TypescriptVirtualListHelpers;
-    virtualListRef: React.RefObject<HTMLElement>;
-}
-export interface HeaderContainerListProps extends Pick<ChatProps, 'expanded' | 'onHeaderClose' | 'onHeaderExpand' | 'floating'> {
-    title: string;
-}
-export interface ComposerContainerProps extends Pick<ChatProps, 'floating'> {
-}

package/dist/types/index.d.ts

@@ -1,13 +0,0 @@
-export { ChatBubble, ChatBubbleWithSchema, BUBBLE_TYPES } from './parts/bubble';
-export { FloatingButton } from './parts/floating-button';
-export { StyledFloatingContainer } from './parts/floating-container/styled';
-export { ChatContainerHeader } from './parts/chat-container-header/ChatContainerHeader';
-export { ChatEmptyState } from './parts/chat-empty-state/ChatEmptyState';
-export { ChatContainerMessagesList, ChatContainerMessagesListWithSchema } from './parts/chat-container-messages-list';
-export { ChatComposer, ChatComposerWithSchema } from './parts/chat-composer/ChatContainerComposer';
-export { SideBarChat, SideBarChatWithSchema } from './parts/chat-sidebar';
-export { ChatContainer, ChatContainerWithSchema } from './parts/chat-container';
-export { TileButton, TileButtonWithSchema } from './parts/tile-button';
-export { MessageDelimiter, MessageDelimiterWithSchema } from './parts/message-delimiter';
-export { SystemMessage, SystemMessageWithSchema } from './parts/system-message';
-export { ChatCard, ChatCardWithSchema } from './parts/chat-card';

package/dist/types/parts/bubble/ChatBubble.d.ts

@@ -1,30 +0,0 @@
-/// <reference path="../../../../../../shared/typings/react-desc.d.ts" />
-/// <reference types="react" />
-import { BubbleProps } from './props';
-declare const ChatBubble: {
-    (props: BubbleProps): JSX.Element;
-    propTypes: {
-        dsId: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        type: any;
-        title: any;
-        time: any;
-        body: any;
-        onClick: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        errorMessage: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        helpMessage: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-    };
-};
-declare const ChatBubbleWithSchema: {
-    (props?: unknown): JSX.Element;
-    propTypes: unknown;
-    toTypescript: () => import("react-desc").TypescriptSchema;
-};
-export { ChatBubble, ChatBubbleWithSchema };

package/dist/types/parts/bubble/config/useValidateProps.d.ts

@@ -1,2 +0,0 @@
-import { BubbleProps } from '../props';
-export declare const useValidateProps: (props: BubbleProps, schema: unknown) => void;

package/dist/types/parts/chat-card/ChatCard.d.ts

@@ -1,33 +0,0 @@
-/// <reference path="../../../../../../shared/typings/react-desc.d.ts" />
-/// <reference types="react" />
-import { CardPropTypes } from './props';
-declare const ChatCard: {
-    (props: CardPropTypes): JSX.Element;
-    propTypes: {
-        title: any;
-        content: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        time: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        rightAddon: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-    };
-};
-declare const ChatCardWithSchema: {
-    (props?: unknown): JSX.Element;
-    propTypes: unknown;
-    toTypescript: () => import("react-desc").TypescriptSchema;
-};
-export { ChatCard, ChatCardWithSchema };

package/dist/types/parts/chat-card/config/useValidateProps.d.ts

@@ -1,2 +0,0 @@
-import { CardPropTypes } from '../props';
-export declare const useValidateProps: (props: CardPropTypes, schema: unknown) => void;

package/dist/types/parts/chat-card/props.d.ts

@@ -1,29 +0,0 @@
-/// <reference path="../../../../../../shared/typings/react-desc.d.ts" />
-/// <reference types="react" />
-export declare const propTypes: {
-    title: any;
-    content: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    time: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    rightAddon: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-};
-export interface CardPropTypes {
-    title: string;
-    content: string;
-    time: string;
-    rightAddon: JSX.Element;
-}

package/dist/types/parts/chat-composer/ChatContainerComposer.d.ts

@@ -1,57 +0,0 @@
-/// <reference path="../../../../../../shared/typings/react-desc.d.ts" />
-/// <reference types="react" />
-import { ChatComposerProps } from './props';
-declare const ChatComposer: {
-    (props: ChatComposerProps): JSX.Element;
-    propTypes: {
-        placeholder: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        inputValue: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        maxLengthMessage: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        onChange: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        onResize: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        onSend: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        onFocus: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        onBlur: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        onKeyDown: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        maxHeight: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        inputMaxLength: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        buttonDisabled: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        dataTestid: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        actionRef: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-    };
-    defaultProps: ChatComposerProps;
-};
-declare const ChatComposerWithSchema: {
-    (props?: unknown): JSX.Element;
-    propTypes: unknown;
-    toTypescript: () => import("react-desc").TypescriptSchema;
-};
-export { ChatComposer, ChatComposerWithSchema };

package/dist/types/parts/chat-composer/config/useValidateProps.d.ts

@@ -1,2 +0,0 @@
-import { ChatComposerProps } from '../props';
-export declare const useValidateProps: (props: ChatComposerProps, schema: unknown) => void;

package/dist/types/parts/chat-container/ChatContainer.d.ts

@@ -1,63 +0,0 @@
-/// <reference path="../../../../../../shared/typings/react-desc.d.ts" />
-/// <reference types="react" />
-import { ChatContainerProps } from './props';
-declare const ChatContainer: {
-    (props: ChatContainerProps): JSX.Element;
-    propTypes: {
-        messagesListProps: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        composerProps: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        autoScroll: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        device: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isLoading: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        hasMoreItems: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        getMoreMessages: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        bannerPosition: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        bannerProps: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        sendingMessages: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        sendingText: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        actionRef: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        ariaLabel: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-    };
-    defaultProps: ChatContainerProps;
-};
-declare const ChatContainerWithSchema: {
-    (props?: unknown): JSX.Element;
-    propTypes: unknown;
-    toTypescript: () => import("react-desc").TypescriptSchema;
-};
-export { ChatContainer, ChatContainerWithSchema };

package/dist/types/parts/chat-container/config/useValidateProps.d.ts

@@ -1,2 +0,0 @@
-import { ChatContainerProps } from '../props';
-export declare const useValidateProps: (props: ChatContainerProps, propTypes: unknown) => void;

package/dist/types/parts/chat-container/index.d.ts

@@ -1 +0,0 @@
-export { ChatContainer, ChatContainerWithSchema } from './ChatContainer';

package/dist/types/parts/chat-container-header/ChatContainerHeader.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const ChatContainerHeader: React.ComponentType;