@elliemae/ds-chat 2.2.0 → 2.3.0-alpha.3

package/esm/parts/sidebar-button/SidebarButton.js

@@ -1,45 +1,26 @@
-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.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import React from 'react';
-import { StyledSidebarButton, StyledSidebarButtonIcon, StyledSidebarButtonLabel } from './styled.js';
-import { defaultSidebarButton } from './props.js';
-import { jsxs } from 'react/jsx-runtime';
-
-const _excluded = ["label", "dsId", "onClick", "Icon"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const SidebarButton = _ref => {
-  let {
-    label,
-    dsId,
-    onClick,
-    Icon
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  const handleClick = React.useCallback(() => {
+import * as React from "react";
+import React2 from "react";
+import { StyledSidebarButton, StyledSidebarButtonLabel, StyledSidebarButtonIcon } from "./styled";
+import { propsSidebarButton, defaultSidebarButton } from "./props";
+const SidebarButton = ({ label, dsId, onClick, Icon, ...rest }) => {
+  const handleClick = React2.useCallback(() => {
     onClick(dsId);
   }, [onClick, dsId]);
-  return /*#__PURE__*/jsxs(StyledSidebarButton, _objectSpread(_objectSpread({
-    "data-testid": "sidebar-button-".concat(dsId),
-    onClick: handleClick
-  }, rest), {}, {
-    children: [/*#__PURE__*/_jsx(StyledSidebarButtonIcon, {
-      alignItems: "center",
-      justifyContent: "center"
-    }, void 0, /*#__PURE__*/_jsx(Icon, {
-      size: "m"
-    })), label && /*#__PURE__*/_jsx(StyledSidebarButtonLabel, {}, void 0, label)]
-  }), dsId);
+  return /* @__PURE__ */ React2.createElement(StyledSidebarButton, {
+    key: dsId,
+    "data-testid": `sidebar-button-${dsId}`,
+    onClick: handleClick,
+    ...rest
+  }, /* @__PURE__ */ React2.createElement(StyledSidebarButtonIcon, {
+    alignItems: "center",
+    justifyContent: "center"
+  }, /* @__PURE__ */ React2.createElement(Icon, {
+    size: "m"
+  })), label && /* @__PURE__ */ React2.createElement(StyledSidebarButtonLabel, null, label));
 };
+SidebarButton.propTypes = propsSidebarButton;
 SidebarButton.defaultProps = defaultSidebarButton;
-
-export { SidebarButton };
+export {
+  SidebarButton
+};
+//# sourceMappingURL=SidebarButton.js.map

package/esm/parts/sidebar-button/SidebarButton.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/sidebar-button/SidebarButton.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { StyledSidebarButton, StyledSidebarButtonLabel, StyledSidebarButtonIcon } from './styled';\nimport { propsSidebarButton, defaultSidebarButton, SidebarButtonProps } from './props';\n\nexport const SidebarButton = ({ label, dsId, onClick, Icon, ...rest }: SidebarButtonProps): JSX.Element => {\n  const handleClick = React.useCallback(() => {\n    onClick(dsId);\n  }, [onClick, dsId]);\n\n  return (\n    <StyledSidebarButton key={dsId} data-testid={`sidebar-button-${dsId}`} onClick={handleClick} {...rest}>\n      <StyledSidebarButtonIcon alignItems=\"center\" justifyContent=\"center\">\n        <Icon size=\"m\" />\n      </StyledSidebarButtonIcon>\n      {label && <StyledSidebarButtonLabel>{label}</StyledSidebarButtonLabel>}\n    </StyledSidebarButton>\n  );\n};\n\nSidebarButton.propTypes = propsSidebarButton;\nSidebarButton.defaultProps = defaultSidebarButton;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,gBAAgB,CAAC,EAAE,OAAO,MAAM,SAAS,SAAS,WAA4C;AACzG,QAAM,cAAc,OAAM,YAAY,MAAM;AAC1C,YAAQ;AAAA,KACP,CAAC,SAAS;AAEb,SACE,qCAAC,qBAAD;AAAA,IAAqB,KAAK;AAAA,IAAM,eAAa,kBAAkB;AAAA,IAAQ,SAAS;AAAA,OAAiB;AAAA,KAC/F,qCAAC,yBAAD;AAAA,IAAyB,YAAW;AAAA,IAAS,gBAAe;AAAA,KAC1D,qCAAC,MAAD;AAAA,IAAM,MAAK;AAAA,OAEZ,SAAS,qCAAC,0BAAD,MAA2B;AAAA;AAK3C,cAAc,YAAY;AAC1B,cAAc,eAAe;",
+  "names": []
+}

package/esm/parts/sidebar-button/index.js

@@ -1 +1,2 @@
-
+import * as React from "react";
+//# sourceMappingURL=index.js.map

package/esm/parts/sidebar-button/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
+  "mappings": "AAAA;",
+  "names": []
+}

package/esm/parts/sidebar-button/props.js

@@ -1,21 +1,24 @@
-import propsTypes from 'prop-types';
-import { PropTypes } from 'react-desc';
-import { noop } from 'lodash';
-import { Comments } from '@elliemae/ds-icons';
-
+import * as React from "react";
+import propsTypes from "prop-types";
+import { PropTypes } from "react-desc";
+import { noop } from "lodash";
+import { Comments } from "@elliemae/ds-icons";
 const defaultSidebarButton = {
   Icon: Comments,
-  dsId: undefined,
-  label: '',
+  dsId: void 0,
+  label: "",
   onClick: noop,
-  title: ''
+  title: ""
 };
 const propsSidebarButton = {
-  Icon: PropTypes.element.description('Icon component').defaultValue(defaultSidebarButton.Icon),
-  dsId: PropTypes.oneOfType([propsTypes.number, propsTypes.string]).description('Unique id for the button').defaultValue(defaultSidebarButton.dsId),
-  label: PropTypes.string.description('It will display under the icon').defaultValue(defaultSidebarButton.label),
-  title: PropTypes.string.description('Tooltip').defaultValue(defaultSidebarButton.title),
-  onClick: PropTypes.func.description('The function to call when the is clicked').defaultValue(defaultSidebarButton.onClick)
+  Icon: PropTypes.element.description("Icon component").defaultValue(defaultSidebarButton.Icon),
+  dsId: PropTypes.oneOfType([propsTypes.number, propsTypes.string]).description("Unique id for the button").defaultValue(defaultSidebarButton.dsId),
+  label: PropTypes.string.description("It will display under the icon").defaultValue(defaultSidebarButton.label),
+  title: PropTypes.string.description("Tooltip").defaultValue(defaultSidebarButton.title),
+  onClick: PropTypes.func.description("The function to call when the is clicked").defaultValue(defaultSidebarButton.onClick)
 };
-
-export { defaultSidebarButton, propsSidebarButton };
+export {
+  defaultSidebarButton,
+  propsSidebarButton
+};
+//# sourceMappingURL=props.js.map

package/esm/parts/sidebar-button/props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/sidebar-button/props.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport propsTypes from 'prop-types';\nimport { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport { Comments } from '@elliemae/ds-icons';\n\nexport interface SidebarButtonProps {\n  Icon: React.FC<{ size: string }>;\n  dsId: string | number;\n  label: string;\n  onClick?: (dsId: string | number) => void;\n  title: string;\n}\n\nexport const defaultSidebarButton: SidebarButtonProps = {\n  Icon: Comments,\n  dsId: undefined,\n  label: '',\n  onClick: noop,\n  title: '',\n};\n\nexport const propsSidebarButton = {\n  Icon: PropTypes.element.description('Icon component').defaultValue(defaultSidebarButton.Icon),\n  dsId: PropTypes.oneOfType([propsTypes.number, propsTypes.string])\n    .description('Unique id for the button')\n    .defaultValue(defaultSidebarButton.dsId),\n  label: PropTypes.string.description('It will display under the icon').defaultValue(defaultSidebarButton.label),\n  title: PropTypes.string.description('Tooltip').defaultValue(defaultSidebarButton.title),\n  onClick: PropTypes.func\n    .description('The function to call when the is clicked')\n    .defaultValue(defaultSidebarButton.onClick),\n};\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AAUO,MAAM,uBAA2C;AAAA,EACtD,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA;AAGF,MAAM,qBAAqB;AAAA,EAChC,MAAM,UAAU,QAAQ,YAAY,kBAAkB,aAAa,qBAAqB;AAAA,EACxF,MAAM,UAAU,UAAU,CAAC,WAAW,QAAQ,WAAW,SACtD,YAAY,4BACZ,aAAa,qBAAqB;AAAA,EACrC,OAAO,UAAU,OAAO,YAAY,kCAAkC,aAAa,qBAAqB;AAAA,EACxG,OAAO,UAAU,OAAO,YAAY,WAAW,aAAa,qBAAqB;AAAA,EACjF,SAAS,UAAU,KAChB,YAAY,4CACZ,aAAa,qBAAqB;AAAA;",
+  "names": []
+}

package/esm/parts/sidebar-button/styled.js

@@ -1,15 +1,40 @@
-import styled from 'styled-components';
-import { Grid } from '@elliemae/ds-grid';
-import { BUTTON_SIDEBAR_HEIGHT, MIN_WIDTH_SIDEBAR } from '../../styled.js';
+import * as React from "react";
+import styled from "styled-components";
+import { Grid } from "@elliemae/ds-grid";
+import { BUTTON_SIDEBAR_HEIGHT, MIN_WIDTH_SIDEBAR } from "../../styled";
+const StyledSidebarButton = styled.button`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  outline: none;
+  height: ${BUTTON_SIDEBAR_HEIGHT}px;
+  width: ${MIN_WIDTH_SIDEBAR}px;
+  position: relative;
+  border: 0;
+  background: transparent;
+  &:focus,
+  &:hover {
+    background: ${(props) => props.theme.colors.neutral["080"]};
+  }
+  cursor: pointer;
+  border-bottom: 1px solid ${(props) => props.theme.colors.neutral["200"]};
 
-const StyledSidebarButton = /*#__PURE__*/styled.button.withConfig({
-  componentId: "sc-6ygly3-0"
-})(["display:flex;align-items:center;justify-content:center;outline:none;height:", "px;width:", "px;position:relative;border:0;background:transparent;&:focus,&:hover{background:", ";}cursor:pointer;border-bottom:1px solid ", ";svg{fill:", ";}"], BUTTON_SIDEBAR_HEIGHT, MIN_WIDTH_SIDEBAR, props => props.theme.colors.neutral['080'], props => props.theme.colors.neutral['200'], props => props.theme.colors.neutral[500]);
-const StyledSidebarButtonIcon = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-6ygly3-1"
-})(["position:relative;"]);
-const StyledSidebarButtonLabel = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-6ygly3-2"
-})(["width:30px;text-transform:uppercase;overflow:hidden;text-align:center;"]);
-
-export { StyledSidebarButton, StyledSidebarButtonIcon, StyledSidebarButtonLabel };
+  svg {
+    fill: ${(props) => props.theme.colors.neutral[500]};
+  }
+`;
+const StyledSidebarButtonIcon = styled(Grid)`
+  position: relative;
+`;
+const StyledSidebarButtonLabel = styled.div`
+  width: 30px;
+  text-transform: uppercase;
+  overflow: hidden;
+  text-align: center;
+`;
+export {
+  StyledSidebarButton,
+  StyledSidebarButtonIcon,
+  StyledSidebarButtonLabel
+};
+//# sourceMappingURL=styled.js.map

package/esm/parts/sidebar-button/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/sidebar-button/styled.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { BUTTON_SIDEBAR_HEIGHT, MIN_WIDTH_SIDEBAR } from '../../styled';\n\n// Buttons\nexport const StyledSidebarButton = styled.button`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  outline: none;\n  height: ${BUTTON_SIDEBAR_HEIGHT}px;\n  width: ${MIN_WIDTH_SIDEBAR}px;\n  position: relative;\n  border: 0;\n  background: transparent;\n  &:focus,\n  &:hover {\n    background: ${(props) => props.theme.colors.neutral['080']};\n  }\n  cursor: pointer;\n  border-bottom: 1px solid ${(props) => props.theme.colors.neutral['200']};\n\n  svg {\n    fill: ${(props) => props.theme.colors.neutral[500]};\n  }\n`;\n\nexport const StyledSidebarButtonIcon = styled(Grid)`\n  position: relative;\n`;\n\nexport const StyledSidebarButtonLabel = styled.div`\n  width: 30px;\n  text-transform: uppercase;\n  overflow: hidden;\n  text-align: center;\n`;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAGO,MAAM,sBAAsB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,YAK9B;AAAA,WACD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAMO,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,6BAG3B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,YAGvD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAI3C,MAAM,0BAA0B,OAAO;AAAA;AAAA;AAIvC,MAAM,2BAA2B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/esm/parts/system-message/SystemMessage.js

@@ -1,35 +1,30 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.url.to-json.js';
-import 'react';
-import { describe } from 'react-desc';
-import { Wrapper, Header, Title, Time, Message } from './style.js';
-import { systemMessageProps, defaultProps } from './props.js';
-import { useValidateProps } from './config/useValidateProps.js';
-
-var _span;
-
-const SystemMessage = props => {
+import * as React from "react";
+import React2 from "react";
+import { describe } from "react-desc";
+import { Wrapper, Header, Title, Time, Message } from "./style";
+import { systemMessageProps, defaultProps } from "./props";
+import { useValidateProps } from "./config/useValidateProps";
+const SystemMessage = (props) => {
   useValidateProps(props, SystemMessageWithSchema.toJSON());
-  const {
-    title,
-    time,
-    body
-  } = props;
-  return /*#__PURE__*/_jsx(Wrapper, {
-    rows: ['auto', 'auto']
-  }, void 0, /*#__PURE__*/_jsx(Header, {
-    cols: ['1fr', 'auto', '1fr']
-  }, void 0, _span || (_span = /*#__PURE__*/_jsx("span", {})), /*#__PURE__*/_jsx(Title, {
+  const { title, time, body } = props;
+  return /* @__PURE__ */ React2.createElement(Wrapper, {
+    rows: ["auto", "auto"]
+  }, /* @__PURE__ */ React2.createElement(Header, {
+    cols: ["1fr", "auto", "1fr"]
+  }, /* @__PURE__ */ React2.createElement("span", null), /* @__PURE__ */ React2.createElement(Title, {
     "data-testid": "chat-system-message-title"
-  }, void 0, title), /*#__PURE__*/_jsx(Time, {
+  }, title), /* @__PURE__ */ React2.createElement(Time, {
     "data-testid": "chat-system-message-time"
-  }, void 0, time)), /*#__PURE__*/_jsx(Message, {
+  }, time)), /* @__PURE__ */ React2.createElement(Message, {
     "data-testid": "chat-system-message-body"
-  }, void 0, body));
+  }, body));
 };
-
 SystemMessage.defaultProps = defaultProps;
+SystemMessage.propTypes = systemMessageProps;
 const SystemMessageWithSchema = describe(SystemMessage);
 SystemMessageWithSchema.propTypes = systemMessageProps;
-
-export { SystemMessage, SystemMessageWithSchema };
+export {
+  SystemMessage,
+  SystemMessageWithSchema
+};
+//# sourceMappingURL=SystemMessage.js.map

package/esm/parts/system-message/SystemMessage.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/system-message/SystemMessage.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from 'react-desc';\nimport { Wrapper, Header, Title, Time, Message } from './style';\nimport { SystemMessageProps, systemMessageProps, defaultProps } from './props';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst SystemMessage = (props: SystemMessageProps): JSX.Element => {\n  useValidateProps(props, SystemMessageWithSchema.toJSON());\n  const { title, time, body } = props;\n  return (\n    <Wrapper rows={['auto', 'auto']}>\n      <Header cols={['1fr', 'auto', '1fr']}>\n        <span />\n        <Title data-testid=\"chat-system-message-title\">{title}</Title>\n        <Time data-testid=\"chat-system-message-time\">{time}</Time>\n      </Header>\n      <Message data-testid=\"chat-system-message-body\">{body}</Message>\n    </Wrapper>\n  );\n};\n\nSystemMessage.defaultProps = defaultProps;\nSystemMessage.propTypes = systemMessageProps;\nconst SystemMessageWithSchema = describe(SystemMessage);\nSystemMessageWithSchema.propTypes = systemMessageProps;\n\nexport { SystemMessage, SystemMessageWithSchema };\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,gBAAgB,CAAC,UAA2C;AAChE,mBAAiB,OAAO,wBAAwB;AAChD,QAAM,EAAE,OAAO,MAAM,SAAS;AAC9B,SACE,qCAAC,SAAD;AAAA,IAAS,MAAM,CAAC,QAAQ;AAAA,KACtB,qCAAC,QAAD;AAAA,IAAQ,MAAM,CAAC,OAAO,QAAQ;AAAA,KAC5B,qCAAC,QAAD,OACA,qCAAC,OAAD;AAAA,IAAO,eAAY;AAAA,KAA6B,QAChD,qCAAC,MAAD;AAAA,IAAM,eAAY;AAAA,KAA4B,QAEhD,qCAAC,SAAD;AAAA,IAAS,eAAY;AAAA,KAA4B;AAAA;AAKvD,cAAc,eAAe;AAC7B,cAAc,YAAY;AAC1B,MAAM,0BAA0B,SAAS;AACzC,wBAAwB,YAAY;",
+  "names": []
+}

package/esm/parts/system-message/config/useValidateProps.js

@@ -1,7 +1,9 @@
-import { useValidatePropTypes } from '@elliemae/ds-props-helpers';
-
+import * as React from "react";
+import { useValidatePropTypes } from "@elliemae/ds-props-helpers";
 const useValidateProps = (props, schema) => {
   useValidatePropTypes(props, schema);
 };
-
-export { useValidateProps };
+export {
+  useValidateProps
+};
+//# sourceMappingURL=useValidateProps.js.map

package/esm/parts/system-message/config/useValidateProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/system-message/config/useValidateProps.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { SystemMessageProps } from '../props';\n\nexport const useValidateProps = (props: SystemMessageProps, schema: unknown): void => {\n  useValidatePropTypes(props, schema);\n};\n"],
+  "mappings": "AAAA;ACAA;AAGO,MAAM,mBAAmB,CAAC,OAA2B,WAA0B;AACpF,uBAAqB,OAAO;AAAA;",
+  "names": []
+}

package/esm/parts/system-message/index.js

@@ -1 +1,7 @@
-export { SystemMessage, SystemMessageWithSchema } from './SystemMessage.js';
+import * as React from "react";
+import { SystemMessage, SystemMessageWithSchema } from "./SystemMessage";
+export {
+  SystemMessage,
+  SystemMessageWithSchema
+};
+//# sourceMappingURL=index.js.map

package/esm/parts/system-message/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/system-message/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { SystemMessage, SystemMessageWithSchema } from './SystemMessage';\n"],
+  "mappings": "AAAA;ACAA;",
+  "names": []
+}

package/esm/parts/system-message/props.js

@@ -1,14 +1,17 @@
-import { PropTypes } from 'react-desc';
-
+import * as React from "react";
+import { PropTypes } from "react-desc";
 const defaultProps = {
-  title: 'System Message',
-  time: '',
-  body: ''
+  title: "System Message",
+  time: "",
+  body: ""
 };
 const systemMessageProps = {
-  title: PropTypes.string.isRequired.description('Message title').defaultValue('System Message'),
-  time: PropTypes.string.description('data of the message, ie: hour'),
-  body: PropTypes.string.isRequired.description('message')
+  title: PropTypes.string.isRequired.description("Message title").defaultValue("System Message"),
+  time: PropTypes.string.description("data of the message, ie: hour"),
+  body: PropTypes.string.isRequired.description("message")
 };
-
-export { defaultProps, systemMessageProps };
+export {
+  defaultProps,
+  systemMessageProps
+};
+//# sourceMappingURL=props.js.map

package/esm/parts/system-message/props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/system-message/props.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\n\nexport interface SystemMessageProps {\n  title: string;\n  time: string;\n  body: string;\n}\n\nexport const defaultProps: SystemMessageProps = {\n  title: 'System Message',\n  time: '',\n  body: '',\n};\n\nexport const systemMessageProps = {\n  title: PropTypes.string.isRequired\n    .description('Message title')\n    .defaultValue('System Message'),\n  time: PropTypes.string.description('data of the message, ie: hour'),\n  body: PropTypes.string.isRequired.description('message'),\n};\n"],
+  "mappings": "AAAA;ACAA;AAQO,MAAM,eAAmC;AAAA,EAC9C,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA;AAGD,MAAM,qBAAqB;AAAA,EAChC,OAAO,UAAU,OAAO,WACrB,YAAY,iBACZ,aAAa;AAAA,EAChB,MAAM,UAAU,OAAO,YAAY;AAAA,EACnC,MAAM,UAAU,OAAO,WAAW,YAAY;AAAA;",
+  "names": []
+}

package/esm/parts/system-message/style.js

@@ -1,20 +1,46 @@
-import styled from 'styled-components';
-import { Grid } from '@elliemae/ds-grid';
-
-const Wrapper = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-80w41d-0"
-})(["align-items:center;justify-content:center;max-width:100%;padding:0 8px 8px;border:1px solid ", ";border-radius:10px;background-color:", ";box-shadow:none;"], props => props.theme.colors.neutral['100'], props => props.theme.colors.neutral['080']);
-const Header = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-80w41d-1"
-})(["align-items:center;height:36px;"]);
-const Title = /*#__PURE__*/styled.p.withConfig({
-  componentId: "sc-80w41d-2"
-})(["font-size:14px;font-weight:", ";color:", ";margin:0;"], props => props.theme.fontWeights.semibold, props => props.theme.colors.neutral['700']);
-const Time = /*#__PURE__*/styled.p.withConfig({
-  componentId: "sc-80w41d-3"
-})(["font-size:12px;font-weight:", ";color:", ";margin:0;text-align:right;"], props => props.theme.fontWeights.regular, props => props.theme.colors.neutral['700']);
-const Message = /*#__PURE__*/styled.p.withConfig({
-  componentId: "sc-80w41d-4"
-})(["font-size:13px;font-weight:", ";color:", ";min-height:32px;text-align:center;margin:0;"], props => props.theme.fontWeights.regular, props => props.theme.colors.neutral['700']);
-
-export { Header, Message, Time, Title, Wrapper };
+import * as React from "react";
+import styled from "styled-components";
+import { Grid } from "@elliemae/ds-grid";
+const Wrapper = styled(Grid)`
+  align-items: center;
+  justify-content: center;
+  max-width: 100%;
+  padding: 0 8px 8px;
+  border: 1px solid ${(props) => props.theme.colors.neutral["100"]};
+  border-radius: 10px;
+  background-color: ${(props) => props.theme.colors.neutral["080"]};
+  box-shadow: none;
+`;
+const Header = styled(Grid)`
+  align-items: center;
+  height: 36px;
+`;
+const Title = styled.p`
+  font-size: 14px;
+  font-weight: ${(props) => props.theme.fontWeights.semibold};
+  color: ${(props) => props.theme.colors.neutral["700"]};
+  margin: 0;
+`;
+const Time = styled.p`
+  font-size: 12px;
+  font-weight: ${(props) => props.theme.fontWeights.regular};
+  color: ${(props) => props.theme.colors.neutral["700"]};
+  margin: 0;
+  text-align: right;
+`;
+const Message = styled.p`
+  font-size: 13px;
+  font-weight: ${(props) => props.theme.fontWeights.regular};
+  color: ${(props) => props.theme.colors.neutral["700"]};
+  min-height: 32px;
+  text-align: center;
+  margin: 0;
+`;
+export {
+  Header,
+  Message,
+  Time,
+  Title,
+  Wrapper
+};
+//# sourceMappingURL=style.js.map

package/esm/parts/system-message/style.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/system-message/style.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst Wrapper = styled(Grid)`\n  align-items: center;\n  justify-content: center;\n  max-width: 100%;\n  padding: 0 8px 8px;\n  border: 1px solid ${(props) => props.theme.colors.neutral['100']};\n  border-radius: 10px;\n  background-color: ${(props) => props.theme.colors.neutral['080']};\n  box-shadow: none;\n`;\n\nconst Header = styled(Grid)`\n  align-items: center;\n  height: 36px;\n`;\n\nconst Title = styled.p<any>`\n  font-size: 14px;\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  color: ${(props) => props.theme.colors.neutral['700']};\n  margin: 0;\n`;\n\nconst Time = styled.p<any>`\n  font-size: 12px;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  color: ${(props) => props.theme.colors.neutral['700']};\n  margin: 0;\n  text-align: right;\n`;\n\nconst Message = styled.p<any>`\n  font-size: 13px;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  color: ${(props) => props.theme.colors.neutral['700']};\n  min-height: 32px;\n  text-align: center;\n  margin: 0;\n`;\n\nexport { Wrapper, Header, Title, Time, Message };\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,sBAKD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,sBAEtC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAI5D,MAAM,SAAS,OAAO;AAAA;AAAA;AAAA;AAKtB,MAAM,QAAQ,OAAO;AAAA;AAAA,iBAEJ,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAIjD,MAAM,OAAO,OAAO;AAAA;AAAA,iBAEH,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAKjD,MAAM,UAAU,OAAO;AAAA;AAAA,iBAEN,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/esm/parts/tile-button/TileButton.js

@@ -1,20 +1,23 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.url.to-json.js';
-import React from 'react';
-import { describe } from 'react-desc';
-import { DSTooltipV3 } from '@elliemae/ds-tooltip';
-import { Grid } from '@elliemae/ds-grid';
-import { CloseXsmall } from '@elliemae/ds-icons';
-import { StyledWrapperCentralContent, StyledTileButtonIcon, StyledStatusBadge, StyledTileButtonLabel, StyledTileButton, StyledWrapper, StyledWrapperLeftBorder, CloseButton, StyledTooltipV3ButtonWrapper } from './styled.js';
-import { propsTileButton, defaultTileButton } from './props.js';
-import { useValidateProps } from './config/useValidateProps.js';
-import { jsx } from 'react/jsx-runtime';
-
-var _StyledWrapperLeftBor, _CloseXsmall;
-
-const TileButton = props => {
-  var _Icon, _StyledTileButtonLabe, _span;
-
+import * as React from "react";
+import React2 from "react";
+import { describe } from "react-desc";
+import { DSTooltipV3 } from "@elliemae/ds-tooltip";
+import { Grid } from "@elliemae/ds-grid";
+import { CloseXsmall } from "@elliemae/ds-icons";
+import {
+  StyledTooltipV3ButtonWrapper,
+  StyledTileButton,
+  StyledTileButtonIcon,
+  StyledTileButtonLabel,
+  StyledWrapper,
+  StyledWrapperLeftBorder,
+  StyledStatusBadge,
+  StyledWrapperCentralContent,
+  CloseButton
+} from "./styled";
+import { propsTileButton, defaultTileButton } from "./props";
+import { useValidateProps } from "./config/useValidateProps";
+const TileButton = (props) => {
   useValidateProps(props, TileButtonWithSchema.toJSON());
   const {
     label,
@@ -37,61 +40,79 @@ const TileButton = props => {
     disableTooltip,
     innerRef
   } = props;
-  const handleClick = React.useCallback(() => {
+  const handleClick = React2.useCallback(() => {
     onClick(dsId, title);
   }, [dsId, onClick, title]);
-  const MainContent = React.useMemo(() => /*#__PURE__*/_jsx(StyledWrapperCentralContent, {
-    alignItems: isHeader ? 'center' : undefined
-  }, void 0, /*#__PURE__*/_jsx(Grid, {
+  const MainContent = React2.useMemo(() => /* @__PURE__ */ React2.createElement(StyledWrapperCentralContent, {
+    alignItems: isHeader ? "center" : void 0
+  }, /* @__PURE__ */ React2.createElement(Grid, {
     width: "100%",
     alignItems: "center",
     justifyContent: "center"
-  }, void 0, /*#__PURE__*/_jsx(StyledTileButtonIcon, {
+  }, /* @__PURE__ */ React2.createElement(StyledTileButtonIcon, {
     alignItems: "center",
     justifyContent: "center"
-  }, void 0, _Icon || (_Icon = /*#__PURE__*/_jsx(Icon, {
+  }, /* @__PURE__ */ React2.createElement(Icon, {
     size: "m"
-  })), badge ? /*#__PURE__*/_jsx(StyledStatusBadge, {
-    badgeColor: badgeColor,
-    badgePosition: badgePosition,
-    "data-testid": "tile-badge-".concat(dsId)
-  }) : null)), !isHeader ? /*#__PURE__*/_jsx(Grid, {
+  }), badge ? /* @__PURE__ */ React2.createElement(StyledStatusBadge, {
+    badgeColor,
+    badgePosition,
+    "data-testid": `tile-badge-${dsId}`
+  }) : null)), !isHeader ? /* @__PURE__ */ React2.createElement(Grid, {
     width: "100%",
     justifyContent: "center"
-  }, void 0, label ? _StyledTileButtonLabe || (_StyledTileButtonLabe = /*#__PURE__*/_jsx(StyledTileButtonLabel, {}, void 0, label)) : null) : null), [isHeader, Icon, badge, badgeColor, badgePosition, label]);
-  const Btn = React.useMemo(() => /*#__PURE__*/jsx(StyledTileButton, {
-    isHeader: isHeader,
+  }, label ? /* @__PURE__ */ React2.createElement(StyledTileButtonLabel, null, label) : null) : null), [isHeader, Icon, badge, badgeColor, badgePosition, label]);
+  const Btn = React2.useMemo(() => /* @__PURE__ */ React2.createElement(StyledTileButton, {
+    key: dsId,
+    isHeader,
     value: dsId,
-    "data-testid": "tile-button-".concat(dsId),
+    "data-testid": `tile-button-${dsId}`,
     "data-key": dsId,
     onClick: handleClick,
-    onFocus: onFocus,
-    onBlur: onBlur,
-    disabled: disabled,
-    selected: selected,
-    badgeColor: badgeColor,
-    badgePosition: badgePosition,
+    onFocus,
+    onBlur,
+    disabled,
+    selected,
+    badgeColor,
+    badgePosition,
     "aria-pressed": selected,
     "aria-label": ariaLabel,
-    ref: innerRef,
-    children: /*#__PURE__*/_jsx(StyledWrapper, {
-      alignItems: "center",
-      justifyContent: "center"
-    }, void 0, _span || (_span = /*#__PURE__*/_jsx("span", {}, void 0, MainContent)), _StyledWrapperLeftBor || (_StyledWrapperLeftBor = /*#__PURE__*/_jsx(StyledWrapperLeftBorder, {})), showClose && !disabled ? /*#__PURE__*/_jsx(CloseButton, {
-      onClick: onClose,
-      value: dsId,
-      "data-testid": "tile-close-btn-".concat(dsId)
-    }, void 0, _CloseXsmall || (_CloseXsmall = /*#__PURE__*/_jsx(CloseXsmall, {}))) : null)
-  }, dsId), [MainContent, ariaLabel, badgeColor, badgePosition, disabled, dsId, handleClick, isHeader, onBlur, onClose, onFocus, selected, showClose, innerRef]);
-  return title && !disableTooltip ? /*#__PURE__*/_jsx(StyledTooltipV3ButtonWrapper, {}, void 0, /*#__PURE__*/_jsx(DSTooltipV3, {
-    id: "ds-chat-tile-tooltip-button-".concat(dsId),
+    ref: innerRef
+  }, /* @__PURE__ */ React2.createElement(StyledWrapper, {
+    alignItems: "center",
+    justifyContent: "center"
+  }, /* @__PURE__ */ React2.createElement("span", null, MainContent), /* @__PURE__ */ React2.createElement(StyledWrapperLeftBorder, null), showClose && !disabled ? /* @__PURE__ */ React2.createElement(CloseButton, {
+    onClick: onClose,
+    value: dsId,
+    "data-testid": `tile-close-btn-${dsId}`
+  }, /* @__PURE__ */ React2.createElement(CloseXsmall, null)) : null)), [
+    MainContent,
+    ariaLabel,
+    badgeColor,
+    badgePosition,
+    disabled,
+    dsId,
+    handleClick,
+    isHeader,
+    onBlur,
+    onClose,
+    onFocus,
+    selected,
+    showClose,
+    innerRef
+  ]);
+  return title && !disableTooltip ? /* @__PURE__ */ React2.createElement(StyledTooltipV3ButtonWrapper, null, /* @__PURE__ */ React2.createElement(DSTooltipV3, {
+    id: `ds-chat-tile-tooltip-button-${dsId}`,
     text: title,
     startPlacementPreference: tooltipPlacement
-  }, void 0, Btn)) : Btn;
+  }, Btn)) : Btn;
 };
-
+TileButton.propTypes = propsTileButton;
 TileButton.defaultProps = defaultTileButton;
 const TileButtonWithSchema = describe(TileButton);
 TileButtonWithSchema.propTypes = propsTileButton;
-
-export { TileButton, TileButtonWithSchema };
+export {
+  TileButton,
+  TileButtonWithSchema
+};
+//# sourceMappingURL=TileButton.js.map