@elliemae/ds-chat 1.53.4-rc.3 → 1.53.5

package/cjs/parts/chat-empty-state/config/useValidateProps.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var dsPropsHelpers = require('@elliemae/ds-props-helpers');
+
+var useValidateProps = function useValidateProps(props, schema) {
+  dsPropsHelpers.useValidatePropTypes(props, schema);
+};
+
+exports.useValidateProps = useValidateProps;
+//# sourceMappingURL=useValidateProps.js.map

package/cjs/parts/chat-empty-state/config/useValidateProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/chat-empty-state/config/useValidateProps.tsx"],"sourcesContent":["import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { ChatEmptyStateProps } from '../props';\n\nexport const useValidateProps = (props: ChatEmptyStateProps, schema: unknown): void => {\n  useValidatePropTypes(props, schema);\n};\n"],"names":["useValidateProps","props","schema","useValidatePropTypes"],"mappings":";;;;;;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAA6BC,MAA7B,EAAuD;AACrFC,EAAAA,mCAAoB,CAACF,KAAD,EAAQC,MAAR,CAApB;AACD;;;;"}

package/cjs/parts/chat-empty-state/props.js

@@ -9,7 +9,8 @@ var defaultProps = {
   action: null
 };
 var emptyStateProps = {
-  label: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.string).description('No Message to show text helper').defaultValue(defaultProps.label)
+  label: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.string).description('No Message to show text helper').defaultValue(defaultProps.label),
+  action: reactDesc.PropTypes.node.description('action element').defaultValue(defaultProps.action)
 };
 
 exports.defaultProps = defaultProps;

package/cjs/parts/chat-empty-state/props.js.map

@@ -1 +1 @@
-{"version":3,"file":"props.js","sources":["../../../../src/parts/chat-empty-state/props.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport interface ChatEmptyStateProps {\n  label: string;\n  action: React.FC;\n}\n\nexport const defaultProps: ChatEmptyStateProps = {\n  label: 'No Messages Yet',\n  action: null,\n};\n\nexport const emptyStateProps = {\n  label: PropTypes.arrayOf(PropTypes.string)\n    .description('No Message to show text helper')\n    .defaultValue(defaultProps.label),\n};\n"],"names":["defaultProps","label","action","emptyStateProps","PropTypes","arrayOf","string","description","defaultValue"],"mappings":";;;;;;IAOaA,YAAiC,GAAG;AAC/CC,EAAAA,KAAK,EAAE,iBADwC;AAE/CC,EAAAA,MAAM,EAAE;AAFuC;IAKpCC,eAAe,GAAG;AAC7BF,EAAAA,KAAK,EAAEG,mBAAS,CAACC,OAAV,CAAkBD,mBAAS,CAACE,MAA5B,EACJC,WADI,CACQ,gCADR,EAEJC,YAFI,CAESR,YAAY,CAACC,KAFtB;AADsB;;;;;"}
+{"version":3,"file":"props.js","sources":["../../../../src/parts/chat-empty-state/props.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport interface ChatEmptyStateProps {\n  label: string;\n  action: React.FC;\n}\n\nexport const defaultProps: ChatEmptyStateProps = {\n  label: 'No Messages Yet',\n  action: null,\n};\n\nexport const emptyStateProps = {\n  label: PropTypes.arrayOf(PropTypes.string)\n    .description('No Message to show text helper')\n    .defaultValue(defaultProps.label),\n  action: PropTypes.node.description('action element').defaultValue(defaultProps.action),\n};\n"],"names":["defaultProps","label","action","emptyStateProps","PropTypes","arrayOf","string","description","defaultValue","node"],"mappings":";;;;;;IAOaA,YAAiC,GAAG;AAC/CC,EAAAA,KAAK,EAAE,iBADwC;AAE/CC,EAAAA,MAAM,EAAE;AAFuC;IAKpCC,eAAe,GAAG;AAC7BF,EAAAA,KAAK,EAAEG,mBAAS,CAACC,OAAV,CAAkBD,mBAAS,CAACE,MAA5B,EACJC,WADI,CACQ,gCADR,EAEJC,YAFI,CAESR,YAAY,CAACC,KAFtB,CADsB;AAI7BC,EAAAA,MAAM,EAAEE,mBAAS,CAACK,IAAV,CAAeF,WAAf,CAA2B,gBAA3B,EAA6CC,YAA7C,CAA0DR,YAAY,CAACE,MAAvE;AAJqB;;;;;"}

package/cjs/parts/chat-sidebar/SideBarChat.js

@@ -11,6 +11,7 @@ var parts_chatSidebar_styled = require('./styled.js');
 var parts_tileButton_TileButton = require('../tile-button/TileButton.js');
 var parts_sidebarButton_SidebarButton = require('../sidebar-button/SidebarButton.js');
 var parts_chatSidebar_props = require('./props.js');
+var parts_chatSidebar_config_useValidateProps = require('./config/useValidateProps.js');
 require('styled-components');
 require('@elliemae/ds-grid');
 require('../../styled.js');
@@ -18,12 +19,14 @@ require('@elliemae/ds-tooltip');
 require('@elliemae/ds-icons/CloseXsmall');
 require('../tile-button/styled.js');
 require('../tile-button/props.js');
-require('prop-types');
 require('lodash');
 require('@elliemae/ds-icons/Comments');
+require('../tile-button/config/useValidateProps.js');
+require('@elliemae/ds-props-helpers');
 require('@babel/runtime/helpers/objectWithoutProperties');
 require('../sidebar-button/styled.js');
 require('../sidebar-button/props.js');
+require('prop-types');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -47,13 +50,14 @@ var FooterChat = function FooterChat(_ref) {
   });
 };
 
-var SideBarChat = function SideBarChat(_ref2) {
-  var sidebarItems = _ref2.sidebarItems,
-      expanded = _ref2.expanded,
-      onFooterClose = _ref2.onFooterClose,
-      onFooterExpand = _ref2.onFooterExpand,
-      selectedItem = _ref2.selectedItem,
-      footerButtonExtraProps = _ref2.footerButtonExtraProps;
+var SideBarChat = function SideBarChat(props) {
+  parts_chatSidebar_config_useValidateProps.useValidateProps(props, SideBarChatWithSchema.toJSON());
+  var sidebarItems = props.sidebarItems,
+      expanded = props.expanded,
+      onFooterClose = props.onFooterClose,
+      onFooterExpand = props.onFooterExpand,
+      selectedItem = props.selectedItem,
+      footerButtonExtraProps = props.footerButtonExtraProps;
   return /*#__PURE__*/React__default['default'].createElement(parts_chatSidebar_styled.StyledSideBarContainer, {
     rows: [1, 'auto']
   }, /*#__PURE__*/React__default['default'].createElement(parts_chatSidebar_styled.StyledSideBarButtonsContainer, null, sidebarItems.map(function (p) {

package/cjs/parts/chat-sidebar/SideBarChat.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideBarChat.js","sources":["../../../../src/parts/chat-sidebar/SideBarChat.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport MenuExpand from '@elliemae/ds-icons/MenuExpand';\nimport MenuCollapse from '@elliemae/ds-icons/MenuCollapse';\nimport {\n  StyledSideBarContainer,\n  StyledSideBarButtonsContainer,\n} from './styled';\nimport { TileButton } from '../tile-button';\nimport { SidebarButton } from '../sidebar-button/SidebarButton';\nimport { CharSidebarProps, defaultProps, chatSidebarProps } from './props';\n\nconst FooterChat = ({\n  expanded,\n  onFooterClose,\n  onFooterExpand,\n  footerButtonExtraProps,\n}: Pick<CharSidebarProps, 'expanded' | 'onFooterClose' | 'onFooterExpand' | 'footerButtonExtraProps'>) => (\n  <SidebarButton\n    dsId=\"sidebar_footer\"\n    label={null}\n    Icon={!expanded ? MenuCollapse : MenuExpand}\n    onClick={expanded ? onFooterClose : onFooterExpand}\n    aria-pressed={expanded}\n    aria-label={footerButtonExtraProps['aria-label']}\n  />\n);\n\nconst SideBarChat = ({\n  sidebarItems,\n  expanded,\n  onFooterClose,\n  onFooterExpand,\n  selectedItem,\n  footerButtonExtraProps,\n}: CharSidebarProps): JSX.Element => (\n  <StyledSideBarContainer rows={[1, 'auto']}>\n    <StyledSideBarButtonsContainer>\n      {sidebarItems.map((p) => (\n        <TileButton {...p} selected={selectedItem === p.dsId} />\n      ))}\n    </StyledSideBarButtonsContainer>\n    <FooterChat\n      expanded={expanded}\n      onFooterClose={onFooterClose}\n      onFooterExpand={onFooterExpand}\n      footerButtonExtraProps={footerButtonExtraProps}\n    />\n  </StyledSideBarContainer>\n);\n\nSideBarChat.propTypes = chatSidebarProps;\nSideBarChat.defaultProps = defaultProps;\nconst SideBarChatWithSchema = describe(SideBarChat);\nSideBarChatWithSchema.propTypes = chatSidebarProps;\n\nexport { SideBarChat, SideBarChatWithSchema };\n"],"names":["FooterChat","expanded","onFooterClose","onFooterExpand","footerButtonExtraProps","React","SidebarButton","MenuCollapse","MenuExpand","SideBarChat","sidebarItems","selectedItem","StyledSideBarContainer","StyledSideBarButtonsContainer","map","p","TileButton","dsId","propTypes","chatSidebarProps","defaultProps","SideBarChatWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,IAAMA,UAAU,GAAG,SAAbA,UAAa;AAAA,MACjBC,QADiB,QACjBA,QADiB;AAAA,MAEjBC,aAFiB,QAEjBA,aAFiB;AAAA,MAGjBC,cAHiB,QAGjBA,cAHiB;AAAA,MAIjBC,sBAJiB,QAIjBA,sBAJiB;AAAA,sBAMjBC,wCAACC,+CAAD;AACE,IAAA,IAAI,EAAC,gBADP;AAEE,IAAA,KAAK,EAAE,IAFT;AAGE,IAAA,IAAI,EAAE,CAACL,QAAD,GAAYM,gCAAZ,GAA2BC,8BAHnC;AAIE,IAAA,OAAO,EAAEP,QAAQ,GAAGC,aAAH,GAAmBC,cAJtC;AAKE,oBAAcF,QALhB;AAME,kBAAYG,sBAAsB,CAAC,YAAD;AANpC,IANiB;AAAA,CAAnB;;IAgBMK,WAAW,GAAG,SAAdA,WAAc;AAAA,MAClBC,YADkB,SAClBA,YADkB;AAAA,MAElBT,QAFkB,SAElBA,QAFkB;AAAA,MAGlBC,aAHkB,SAGlBA,aAHkB;AAAA,MAIlBC,cAJkB,SAIlBA,cAJkB;AAAA,MAKlBQ,YALkB,SAKlBA,YALkB;AAAA,MAMlBP,sBANkB,SAMlBA,sBANkB;AAAA,sBAQlBC,wCAACO,+CAAD;AAAwB,IAAA,IAAI,EAAE,CAAC,CAAD,EAAI,MAAJ;AAA9B,kBACEP,wCAACQ,sDAAD,QACGH,YAAY,CAACI,GAAb,CAAiB,UAACC,CAAD;AAAA,wBAChBV,wCAACW,sCAAD,mCAAgBD,CAAhB;AAAmB,MAAA,QAAQ,EAAEJ,YAAY,KAAKI,CAAC,CAACE;AAAhD,OADgB;AAAA,GAAjB,CADH,CADF,eAMEZ,wCAAC,UAAD;AACE,IAAA,QAAQ,EAAEJ,QADZ;AAEE,IAAA,aAAa,EAAEC,aAFjB;AAGE,IAAA,cAAc,EAAEC,cAHlB;AAIE,IAAA,sBAAsB,EAAEC;AAJ1B,IANF,CARkB;AAAA;;AAuBpBK,WAAW,CAACS,SAAZ,GAAwBC,wCAAxB;AACAV,WAAW,CAACW,YAAZ,GAA2BA,oCAA3B;IACMC,qBAAqB,GAAGC,kBAAQ,CAACb,WAAD;AACtCY,qBAAqB,CAACH,SAAtB,GAAkCC,wCAAlC;;;;;"}
+{"version":3,"file":"SideBarChat.js","sources":["../../../../src/parts/chat-sidebar/SideBarChat.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport MenuExpand from '@elliemae/ds-icons/MenuExpand';\nimport MenuCollapse from '@elliemae/ds-icons/MenuCollapse';\nimport { StyledSideBarContainer, StyledSideBarButtonsContainer } from './styled';\nimport { TileButton } from '../tile-button';\nimport { SidebarButton } from '../sidebar-button/SidebarButton';\nimport { CharSidebarProps, defaultProps, chatSidebarProps } from './props';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst FooterChat = ({\n  expanded,\n  onFooterClose,\n  onFooterExpand,\n  footerButtonExtraProps,\n}: Pick<CharSidebarProps, 'expanded' | 'onFooterClose' | 'onFooterExpand' | 'footerButtonExtraProps'>) => (\n  <SidebarButton\n    dsId=\"sidebar_footer\"\n    label={null}\n    Icon={!expanded ? MenuCollapse : MenuExpand}\n    onClick={expanded ? onFooterClose : onFooterExpand}\n    aria-pressed={expanded}\n    aria-label={footerButtonExtraProps['aria-label']}\n  />\n);\n\nconst SideBarChat = (props: CharSidebarProps): JSX.Element => {\n  useValidateProps(props, SideBarChatWithSchema.toJSON());\n  const { sidebarItems, expanded, onFooterClose, onFooterExpand, selectedItem, footerButtonExtraProps } = props;\n  return (\n    <StyledSideBarContainer rows={[1, 'auto']}>\n      <StyledSideBarButtonsContainer>\n        {sidebarItems.map((p) => (\n          <TileButton {...p} selected={selectedItem === p.dsId} />\n        ))}\n      </StyledSideBarButtonsContainer>\n      <FooterChat\n        expanded={expanded}\n        onFooterClose={onFooterClose}\n        onFooterExpand={onFooterExpand}\n        footerButtonExtraProps={footerButtonExtraProps}\n      />\n    </StyledSideBarContainer>\n  );\n};\n\nSideBarChat.propTypes = chatSidebarProps;\nSideBarChat.defaultProps = defaultProps;\nconst SideBarChatWithSchema = describe(SideBarChat);\nSideBarChatWithSchema.propTypes = chatSidebarProps;\n\nexport { SideBarChat, SideBarChatWithSchema };\n"],"names":["FooterChat","expanded","onFooterClose","onFooterExpand","footerButtonExtraProps","React","SidebarButton","MenuCollapse","MenuExpand","SideBarChat","props","useValidateProps","SideBarChatWithSchema","toJSON","sidebarItems","selectedItem","StyledSideBarContainer","StyledSideBarButtonsContainer","map","p","TileButton","dsId","propTypes","chatSidebarProps","defaultProps","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAMA,UAAU,GAAG,SAAbA,UAAa;AAAA,MACjBC,QADiB,QACjBA,QADiB;AAAA,MAEjBC,aAFiB,QAEjBA,aAFiB;AAAA,MAGjBC,cAHiB,QAGjBA,cAHiB;AAAA,MAIjBC,sBAJiB,QAIjBA,sBAJiB;AAAA,sBAMjBC,wCAACC,+CAAD;AACE,IAAA,IAAI,EAAC,gBADP;AAEE,IAAA,KAAK,EAAE,IAFT;AAGE,IAAA,IAAI,EAAE,CAACL,QAAD,GAAYM,gCAAZ,GAA2BC,8BAHnC;AAIE,IAAA,OAAO,EAAEP,QAAQ,GAAGC,aAAH,GAAmBC,cAJtC;AAKE,oBAAcF,QALhB;AAME,kBAAYG,sBAAsB,CAAC,YAAD;AANpC,IANiB;AAAA,CAAnB;;IAgBMK,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAA0C;AAC5DC,EAAAA,0DAAgB,CAACD,KAAD,EAAQE,qBAAqB,CAACC,MAAtB,EAAR,CAAhB;AACA,MAAQC,YAAR,GAAwGJ,KAAxG,CAAQI,YAAR;AAAA,MAAsBb,QAAtB,GAAwGS,KAAxG,CAAsBT,QAAtB;AAAA,MAAgCC,aAAhC,GAAwGQ,KAAxG,CAAgCR,aAAhC;AAAA,MAA+CC,cAA/C,GAAwGO,KAAxG,CAA+CP,cAA/C;AAAA,MAA+DY,YAA/D,GAAwGL,KAAxG,CAA+DK,YAA/D;AAAA,MAA6EX,sBAA7E,GAAwGM,KAAxG,CAA6EN,sBAA7E;AACA,sBACEC,wCAACW,+CAAD;AAAwB,IAAA,IAAI,EAAE,CAAC,CAAD,EAAI,MAAJ;AAA9B,kBACEX,wCAACY,sDAAD,QACGH,YAAY,CAACI,GAAb,CAAiB,UAACC,CAAD;AAAA,wBAChBd,wCAACe,sCAAD,mCAAgBD,CAAhB;AAAmB,MAAA,QAAQ,EAAEJ,YAAY,KAAKI,CAAC,CAACE;AAAhD,OADgB;AAAA,GAAjB,CADH,CADF,eAMEhB,wCAAC,UAAD;AACE,IAAA,QAAQ,EAAEJ,QADZ;AAEE,IAAA,aAAa,EAAEC,aAFjB;AAGE,IAAA,cAAc,EAAEC,cAHlB;AAIE,IAAA,sBAAsB,EAAEC;AAJ1B,IANF,CADF;AAeD;;AAEDK,WAAW,CAACa,SAAZ,GAAwBC,wCAAxB;AACAd,WAAW,CAACe,YAAZ,GAA2BA,oCAA3B;IACMZ,qBAAqB,GAAGa,kBAAQ,CAAChB,WAAD;AACtCG,qBAAqB,CAACU,SAAtB,GAAkCC,wCAAlC;;;;;"}

package/cjs/parts/chat-sidebar/config/useValidateProps.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var dsPropsHelpers = require('@elliemae/ds-props-helpers');
+
+var useValidateProps = function useValidateProps(props, schema) {
+  dsPropsHelpers.useValidatePropTypes(props, schema);
+};
+
+exports.useValidateProps = useValidateProps;
+//# sourceMappingURL=useValidateProps.js.map

package/cjs/parts/chat-sidebar/config/useValidateProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/chat-sidebar/config/useValidateProps.tsx"],"sourcesContent":["import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { CharSidebarProps } from '../props';\n\nexport const useValidateProps = (props: CharSidebarProps, schema: unknown): void => {\n  useValidatePropTypes(props, schema);\n};\n"],"names":["useValidateProps","props","schema","useValidatePropTypes"],"mappings":";;;;;;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAA0BC,MAA1B,EAAoD;AAClFC,EAAAA,mCAAoB,CAACF,KAAD,EAAQC,MAAR,CAApB;AACD;;;;"}

package/cjs/parts/chat-sidebar/index.js

@@ -17,14 +17,17 @@ require('@elliemae/ds-tooltip');
 require('@elliemae/ds-icons/CloseXsmall');
 require('../tile-button/styled.js');
 require('../tile-button/props.js');
-require('prop-types');
 require('lodash');
 require('@elliemae/ds-icons/Comments');
+require('../tile-button/config/useValidateProps.js');
+require('@elliemae/ds-props-helpers');
 require('../sidebar-button/SidebarButton.js');
 require('@babel/runtime/helpers/objectWithoutProperties');
 require('../sidebar-button/styled.js');
 require('../sidebar-button/props.js');
+require('prop-types');
 require('./props.js');
+require('./config/useValidateProps.js');
 
 
 

package/cjs/parts/chat-sidebar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/parts/floating-button/FloatingButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingButton.js","sources":["../../../../src/parts/floating-button/FloatingButton.tsx"],"sourcesContent":["import React from 'react';\nimport Comments from '@elliemae/ds-icons/Comments';\nimport { StyledFloatingButton } from './styled';\nimport {\n  defaultFloatingButton,\n  propsFloatingButton,\n  FloatingButtonProps,\n} from './props';\n\nexport const FloatingButton = ({\n  onClick,\n}: FloatingButtonProps): JSX.Element => (\n  <StyledFloatingButton data-testid=\"chat-floating-button\" onClick={onClick}>\n    <Comments size=\"l\" />\n  </StyledFloatingButton>\n);\n\nFloatingButton.propTypes = propsFloatingButton;\nFloatingButton.defaultProps = defaultFloatingButton;\n"],"names":["FloatingButton","onClick","React","StyledFloatingButton","Comments","propTypes","propsFloatingButton","defaultProps","defaultFloatingButton"],"mappings":";;;;;;;;;;;;;;;;;IASaA,cAAc,GAAG,SAAjBA,cAAiB;AAAA,MAC5BC,OAD4B,QAC5BA,OAD4B;AAAA,sBAG5BC,wCAACC,gDAAD;AAAsB,mBAAY,sBAAlC;AAAyD,IAAA,OAAO,EAAEF;AAAlE,kBACEC,wCAACE,4BAAD;AAAU,IAAA,IAAI,EAAC;AAAf,IADF,CAH4B;AAAA;AAQ9BJ,cAAc,CAACK,SAAf,GAA2BC,8CAA3B;AACAN,cAAc,CAACO,YAAf,GAA8BC,gDAA9B;;;;"}
+{"version":3,"file":"FloatingButton.js","sources":["../../../../src/parts/floating-button/FloatingButton.tsx"],"sourcesContent":["import React from 'react';\nimport Comments from '@elliemae/ds-icons/Comments';\nimport { StyledFloatingButton } from './styled';\nimport { defaultFloatingButton, propsFloatingButton, FloatingButtonProps } from './props';\n\nexport const FloatingButton = ({ onClick }: FloatingButtonProps): JSX.Element => (\n  <StyledFloatingButton data-testid=\"chat-floating-button\" onClick={onClick}>\n    <Comments size=\"l\" />\n  </StyledFloatingButton>\n);\n\nFloatingButton.propTypes = propsFloatingButton;\nFloatingButton.defaultProps = defaultFloatingButton;\n"],"names":["FloatingButton","onClick","React","StyledFloatingButton","Comments","propTypes","propsFloatingButton","defaultProps","defaultFloatingButton"],"mappings":";;;;;;;;;;;;;;;;;IAKaA,cAAc,GAAG,SAAjBA,cAAiB;AAAA,MAAGC,OAAH,QAAGA,OAAH;AAAA,sBAC5BC,wCAACC,gDAAD;AAAsB,mBAAY,sBAAlC;AAAyD,IAAA,OAAO,EAAEF;AAAlE,kBACEC,wCAACE,4BAAD;AAAU,IAAA,IAAI,EAAC;AAAf,IADF,CAD4B;AAAA;AAM9BJ,cAAc,CAACK,SAAf,GAA2BC,8CAA3B;AACAN,cAAc,CAACO,YAAf,GAA8BC,gDAA9B;;;;"}

package/cjs/parts/grid-influencer/InfluencerContainer.js

@@ -20,6 +20,8 @@ require('@babel/runtime/helpers/slicedToArray');
 require('@elliemae/ds-icons/PaperAirplane');
 require('../chat-composer/styled.js');
 require('@elliemae/ds-button');
+require('../chat-composer/config/useValidateProps.js');
+require('@elliemae/ds-props-helpers');
 require('../chat-composer/props.js');
 require('../chat-container-messages-list/ChatContainerMessagesList.js');
 require('react-virtual');
@@ -29,17 +31,22 @@ require('@elliemae/ds-icons/WarningCircleFill');
 require('../bubble/styled.js');
 require('../bubble/props.js');
 require('prop-types');
+require('../bubble/config/useValidateProps.js');
 require('../bubble/ChatBubbleArrow.js');
 require('../message-delimiter/MessageDelimiter.js');
 require('../message-delimiter/styled.js');
 require('../message-delimiter/props.js');
+require('../message-delimiter/config/useValidateProps.js');
 require('../system-message/SystemMessage.js');
 require('../system-message/style.js');
 require('../system-message/props.js');
+require('../system-message/config/useValidateProps.js');
 require('../chat-container-messages-list/styled.js');
 require('../chat-container-messages-list/props.js');
+require('../chat-container-messages-list/config/useValidateProps.js');
 require('../chat-container/props.js');
 require('../chat-container/styled.js');
+require('../chat-container/config/useValidateProps.js');
 require('@elliemae/ds-icons/MenuExpand');
 require('@elliemae/ds-icons/MenuCollapse');
 require('../chat-sidebar/styled.js');
@@ -49,11 +56,13 @@ require('@elliemae/ds-icons/CloseXsmall');
 require('../tile-button/styled.js');
 require('../tile-button/props.js');
 require('@elliemae/ds-icons/Comments');
+require('../tile-button/config/useValidateProps.js');
 require('../sidebar-button/SidebarButton.js');
 require('@babel/runtime/helpers/objectWithoutProperties');
 require('../sidebar-button/styled.js');
 require('../sidebar-button/props.js');
 require('../chat-sidebar/props.js');
+require('../chat-sidebar/config/useValidateProps.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/parts/grid-influencer/InfluencerContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfluencerContainer.js","sources":["../../../../src/parts/grid-influencer/InfluencerContainer.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { StyledChatContainer } from './styled';\nimport { ChatContainer } from '../chat-container/ChatContainer';\nimport { SideBarChat } from '../chat-sidebar/SideBarChat';\n\nexport const InfluencerContainer: React.ComponentType<any> = (props) =>\n  React.useMemo(\n    () =>\n      props.floating ? null : (\n        <StyledChatContainer\n          cols={['auto', props.expanded ? 1 : '0px']}\n          expanded={props.expanded}\n          expandedWidth={props.expandedWidth}\n        >\n          <SideBarChat />\n          {props.expanded ? <ChatContainer /> : <div />}\n        </StyledChatContainer>\n      ),\n    [props.floating, props.expanded, props.expandedWidth],\n  );\n"],"names":["InfluencerContainer","props","React","useMemo","floating","StyledChatContainer","expanded","expandedWidth","SideBarChat","ChatContainer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;IAMaA,mBAA6C,GAAG,SAAhDA,mBAAgD,CAACC,KAAD;AAAA,SAC3DC,yBAAK,CAACC,OAAN,CACE;AAAA,WACEF,KAAK,CAACG,QAAN,GAAiB,IAAjB,gBACEF,wCAACG,+CAAD;AACE,MAAA,IAAI,EAAE,CAAC,MAAD,EAASJ,KAAK,CAACK,QAAN,GAAiB,CAAjB,GAAqB,KAA9B,CADR;AAEE,MAAA,QAAQ,EAAEL,KAAK,CAACK,QAFlB;AAGE,MAAA,aAAa,EAAEL,KAAK,CAACM;AAHvB,oBAKEL,wCAACM,yCAAD,OALF,EAMGP,KAAK,CAACK,QAAN,gBAAiBJ,wCAACO,+CAAD,OAAjB,gBAAqCP,oDANxC,CAFJ;AAAA,GADF,EAYE,CAACD,KAAK,CAACG,QAAP,EAAiBH,KAAK,CAACK,QAAvB,EAAiCL,KAAK,CAACM,aAAvC,CAZF,CAD2D;AAAA;;;;"}
+{"version":3,"file":"InfluencerContainer.js","sources":["../../../../src/parts/grid-influencer/InfluencerContainer.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { StyledChatContainer } from './styled';\nimport { ChatContainer } from '../chat-container/ChatContainer';\nimport { SideBarChat } from '../chat-sidebar/SideBarChat';\n\nexport const InfluencerContainer: React.ComponentType<any> = (props) =>\n  React.useMemo(\n    () =>\n      props.floating ? null : (\n        <StyledChatContainer\n          cols={['auto', props.expanded ? 1 : '0px']}\n          expanded={props.expanded}\n          expandedWidth={props.expandedWidth}\n        >\n          <SideBarChat />\n          {props.expanded ? <ChatContainer /> : <div />}\n        </StyledChatContainer>\n      ),\n    [props.floating, props.expanded, props.expandedWidth],\n  );\n"],"names":["InfluencerContainer","props","React","useMemo","floating","StyledChatContainer","expanded","expandedWidth","SideBarChat","ChatContainer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;IAMaA,mBAA6C,GAAG,SAAhDA,mBAAgD,CAACC,KAAD;AAAA,SAC3DC,yBAAK,CAACC,OAAN,CACE;AAAA,WACEF,KAAK,CAACG,QAAN,GAAiB,IAAjB,gBACEF,wCAACG,+CAAD;AACE,MAAA,IAAI,EAAE,CAAC,MAAD,EAASJ,KAAK,CAACK,QAAN,GAAiB,CAAjB,GAAqB,KAA9B,CADR;AAEE,MAAA,QAAQ,EAAEL,KAAK,CAACK,QAFlB;AAGE,MAAA,aAAa,EAAEL,KAAK,CAACM;AAHvB,oBAKEL,wCAACM,yCAAD,OALF,EAMGP,KAAK,CAACK,QAAN,gBAAiBJ,wCAACO,+CAAD,OAAjB,gBAAqCP,oDANxC,CAFJ;AAAA,GADF,EAYE,CAACD,KAAK,CAACG,QAAP,EAAiBH,KAAK,CAACK,QAAvB,EAAiCL,KAAK,CAACM,aAAvC,CAZF,CAD2D;AAAA;;;;"}

package/cjs/parts/message-delimiter/MessageDelimiter.js

@@ -6,18 +6,21 @@ var React = require('react');
 var reactDesc = require('react-desc');
 var parts_messageDelimiter_styled = require('./styled.js');
 var parts_messageDelimiter_props = require('./props.js');
+var parts_messageDelimiter_config_useValidateProps = require('./config/useValidateProps.js');
 require('@elliemae/ds-grid');
 require('styled-components');
+require('@elliemae/ds-props-helpers');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var MessageDelimiter = function MessageDelimiter(_ref) {
-  var title = _ref.title,
-      size = _ref.size,
-      extraProps = _ref.extraProps,
-      verticalMargin = _ref.verticalMargin;
+var MessageDelimiter = function MessageDelimiter(props) {
+  parts_messageDelimiter_config_useValidateProps.useValidateProps(props, MessageDelimiterWithSchema.toJSON());
+  var title = props.title,
+      size = props.size,
+      extraProps = props.extraProps,
+      verticalMargin = props.verticalMargin;
   return /*#__PURE__*/React__default['default'].createElement(parts_messageDelimiter_styled.Wrapper, {
     cols: ['1fr', 'auto', '1fr']
   }, /*#__PURE__*/React__default['default'].createElement(parts_messageDelimiter_styled.Line, null), /*#__PURE__*/React__default['default'].createElement(parts_messageDelimiter_styled.Text, {

package/cjs/parts/message-delimiter/MessageDelimiter.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageDelimiter.js","sources":["../../../../src/parts/message-delimiter/MessageDelimiter.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { Wrapper, Line, Text } from './styled';\nimport { defaultProps, messageDelimiterProps, MessageDelimiterProps } from './props';\n\nconst MessageDelimiter = ({ title, size, extraProps, verticalMargin }: MessageDelimiterProps): JSX.Element => (\n  <Wrapper cols={['1fr', 'auto', '1fr']}>\n    <Line />\n    <Text size={size} verticalMargin={verticalMargin} data-testid={extraProps['data-testid']}>\n      {title}\n    </Text>\n    <Line />\n  </Wrapper>\n);\n\nMessageDelimiter.defaultProps = defaultProps;\nMessageDelimiter.propTypes = messageDelimiterProps;\nconst MessageDelimiterWithSchema = describe(MessageDelimiter);\nMessageDelimiterWithSchema.propTypes = messageDelimiterProps;\n\nexport { MessageDelimiter, MessageDelimiterWithSchema };\n"],"names":["MessageDelimiter","title","size","extraProps","verticalMargin","React","Wrapper","Line","Text","defaultProps","propTypes","messageDelimiterProps","MessageDelimiterWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;IAKMA,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,MAAUC,IAAV,QAAUA,IAAV;AAAA,MAAgBC,UAAhB,QAAgBA,UAAhB;AAAA,MAA4BC,cAA5B,QAA4BA,cAA5B;AAAA,sBACvBC,wCAACC,qCAAD;AAAS,IAAA,IAAI,EAAE,CAAC,KAAD,EAAQ,MAAR,EAAgB,KAAhB;AAAf,kBACED,wCAACE,kCAAD,OADF,eAEEF,wCAACG,kCAAD;AAAM,IAAA,IAAI,EAAEN,IAAZ;AAAkB,IAAA,cAAc,EAAEE,cAAlC;AAAkD,mBAAaD,UAAU,CAAC,aAAD;AAAzE,KACGF,KADH,CAFF,eAKEI,wCAACE,kCAAD,OALF,CADuB;AAAA;;AAUzBP,gBAAgB,CAACS,YAAjB,GAAgCA,yCAAhC;AACAT,gBAAgB,CAACU,SAAjB,GAA6BC,kDAA7B;IACMC,0BAA0B,GAAGC,kBAAQ,CAACb,gBAAD;AAC3CY,0BAA0B,CAACF,SAA3B,GAAuCC,kDAAvC;;;;;"}
+{"version":3,"file":"MessageDelimiter.js","sources":["../../../../src/parts/message-delimiter/MessageDelimiter.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { Wrapper, Line, Text } from './styled';\nimport { defaultProps, messageDelimiterProps, MessageDelimiterProps } from './props';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst MessageDelimiter = (props: MessageDelimiterProps): JSX.Element => {\n  useValidateProps(props, MessageDelimiterWithSchema.toJSON());\n  const { title, size, extraProps, verticalMargin } = props;\n  return (\n    <Wrapper cols={['1fr', 'auto', '1fr']}>\n      <Line />\n      <Text size={size} verticalMargin={verticalMargin} data-testid={extraProps['data-testid']}>\n        {title}\n      </Text>\n      <Line />\n    </Wrapper>\n  );\n};\n\nMessageDelimiter.defaultProps = defaultProps;\nMessageDelimiter.propTypes = messageDelimiterProps;\nconst MessageDelimiterWithSchema = describe(MessageDelimiter);\nMessageDelimiterWithSchema.propTypes = messageDelimiterProps;\n\nexport { MessageDelimiter, MessageDelimiterWithSchema };\n"],"names":["MessageDelimiter","props","useValidateProps","MessageDelimiterWithSchema","toJSON","title","size","extraProps","verticalMargin","React","Wrapper","Line","Text","defaultProps","propTypes","messageDelimiterProps","describe"],"mappings":";;;;;;;;;;;;;;;;;IAMMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAA+C;AACtEC,EAAAA,+DAAgB,CAACD,KAAD,EAAQE,0BAA0B,CAACC,MAA3B,EAAR,CAAhB;AACA,MAAQC,KAAR,GAAoDJ,KAApD,CAAQI,KAAR;AAAA,MAAeC,IAAf,GAAoDL,KAApD,CAAeK,IAAf;AAAA,MAAqBC,UAArB,GAAoDN,KAApD,CAAqBM,UAArB;AAAA,MAAiCC,cAAjC,GAAoDP,KAApD,CAAiCO,cAAjC;AACA,sBACEC,wCAACC,qCAAD;AAAS,IAAA,IAAI,EAAE,CAAC,KAAD,EAAQ,MAAR,EAAgB,KAAhB;AAAf,kBACED,wCAACE,kCAAD,OADF,eAEEF,wCAACG,kCAAD;AAAM,IAAA,IAAI,EAAEN,IAAZ;AAAkB,IAAA,cAAc,EAAEE,cAAlC;AAAkD,mBAAaD,UAAU,CAAC,aAAD;AAAzE,KACGF,KADH,CAFF,eAKEI,wCAACE,kCAAD,OALF,CADF;AASD;;AAEDX,gBAAgB,CAACa,YAAjB,GAAgCA,yCAAhC;AACAb,gBAAgB,CAACc,SAAjB,GAA6BC,kDAA7B;IACMZ,0BAA0B,GAAGa,kBAAQ,CAAChB,gBAAD;AAC3CG,0BAA0B,CAACW,SAA3B,GAAuCC,kDAAvC;;;;;"}

package/cjs/parts/message-delimiter/config/useValidateProps.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var dsPropsHelpers = require('@elliemae/ds-props-helpers');
+
+var useValidateProps = function useValidateProps(props, schema) {
+  dsPropsHelpers.useValidatePropTypes(props, schema);
+};
+
+exports.useValidateProps = useValidateProps;
+//# sourceMappingURL=useValidateProps.js.map

package/cjs/parts/message-delimiter/config/useValidateProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/message-delimiter/config/useValidateProps.tsx"],"sourcesContent":["import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { MessageDelimiterProps } from '../props';\n\nexport const useValidateProps = (props: MessageDelimiterProps, schema: unknown): void => {\n  useValidatePropTypes(props, schema);\n};\n"],"names":["useValidateProps","props","schema","useValidatePropTypes"],"mappings":";;;;;;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAA+BC,MAA/B,EAAyD;AACvFC,EAAAA,mCAAoB,CAACF,KAAD,EAAQC,MAAR,CAApB;AACD;;;;"}

package/cjs/parts/message-delimiter/index.js

@@ -9,6 +9,8 @@ require('./styled.js');
 require('@elliemae/ds-grid');
 require('styled-components');
 require('./props.js');
+require('./config/useValidateProps.js');
+require('@elliemae/ds-props-helpers');
 
 
 

package/cjs/parts/message-delimiter/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}

package/cjs/parts/message-delimiter/props.js

@@ -16,7 +16,7 @@ var messageDelimiterProps = {
   title: reactDesc.PropTypes.string.isRequired.description('Text to display in the delimiter'),
   size: reactDesc.PropTypes.oneOf(['s', 'l']).description('size of the delimiter').defaultValue('s'),
   extraProps: reactDesc.PropTypes.object.description('extra props for delimiter'),
-  verticalMargin: reactDesc.PropTypes.string.description('Configurable css vertical margin property for flexibilty')
+  verticalMargin: reactDesc.PropTypes.oneOf(['string', 'number']).description('Configurable css vertical margin property for flexibilty')
 };
 
 exports.defaultProps = defaultProps;

package/cjs/parts/message-delimiter/props.js.map

@@ -1 +1 @@
-{"version":3,"file":"props.js","sources":["../../../../src/parts/message-delimiter/props.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport interface MessageDelimiterProps {\n  title: string;\n  size?: 's' | 'l';\n  verticalMargin?: number | string;\n  extraProps?: {};\n}\n\nexport const defaultProps: MessageDelimiterProps = {\n  title: '',\n  size: 's',\n  verticalMargin: '0px',\n  extraProps: { 'data-testid': 'chat-message-delimiter-title' },\n};\n\nexport const messageDelimiterProps = {\n  title: PropTypes.string.isRequired.description('Text to display in the delimiter'),\n  size: PropTypes.oneOf(['s', 'l']).description('size of the delimiter').defaultValue('s'),\n  extraProps: PropTypes.object.description('extra props for delimiter'),\n  verticalMargin: PropTypes.string.description('Configurable css vertical margin property for flexibilty'),\n};\n"],"names":["defaultProps","title","size","verticalMargin","extraProps","messageDelimiterProps","PropTypes","string","isRequired","description","oneOf","defaultValue","object"],"mappings":";;;;;;IASaA,YAAmC,GAAG;AACjDC,EAAAA,KAAK,EAAE,EAD0C;AAEjDC,EAAAA,IAAI,EAAE,GAF2C;AAGjDC,EAAAA,cAAc,EAAE,KAHiC;AAIjDC,EAAAA,UAAU,EAAE;AAAE,mBAAe;AAAjB;AAJqC;IAOtCC,qBAAqB,GAAG;AACnCJ,EAAAA,KAAK,EAAEK,mBAAS,CAACC,MAAV,CAAiBC,UAAjB,CAA4BC,WAA5B,CAAwC,kCAAxC,CAD4B;AAEnCP,EAAAA,IAAI,EAAEI,mBAAS,CAACI,KAAV,CAAgB,CAAC,GAAD,EAAM,GAAN,CAAhB,EAA4BD,WAA5B,CAAwC,uBAAxC,EAAiEE,YAAjE,CAA8E,GAA9E,CAF6B;AAGnCP,EAAAA,UAAU,EAAEE,mBAAS,CAACM,MAAV,CAAiBH,WAAjB,CAA6B,2BAA7B,CAHuB;AAInCN,EAAAA,cAAc,EAAEG,mBAAS,CAACC,MAAV,CAAiBE,WAAjB,CAA6B,0DAA7B;AAJmB;;;;;"}
+{"version":3,"file":"props.js","sources":["../../../../src/parts/message-delimiter/props.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport interface MessageDelimiterProps {\n  title: string;\n  size?: 's' | 'l';\n  verticalMargin?: number | string;\n  extraProps?: {};\n}\n\nexport const defaultProps: MessageDelimiterProps = {\n  title: '',\n  size: 's',\n  verticalMargin: '0px',\n  extraProps: { 'data-testid': 'chat-message-delimiter-title' },\n};\n\nexport const messageDelimiterProps = {\n  title: PropTypes.string.isRequired.description('Text to display in the delimiter'),\n  size: PropTypes.oneOf(['s', 'l']).description('size of the delimiter').defaultValue('s'),\n  extraProps: PropTypes.object.description('extra props for delimiter'),\n  verticalMargin: PropTypes.oneOf(['string', 'number']).description(\n    'Configurable css vertical margin property for flexibilty',\n  ),\n};\n"],"names":["defaultProps","title","size","verticalMargin","extraProps","messageDelimiterProps","PropTypes","string","isRequired","description","oneOf","defaultValue","object"],"mappings":";;;;;;IASaA,YAAmC,GAAG;AACjDC,EAAAA,KAAK,EAAE,EAD0C;AAEjDC,EAAAA,IAAI,EAAE,GAF2C;AAGjDC,EAAAA,cAAc,EAAE,KAHiC;AAIjDC,EAAAA,UAAU,EAAE;AAAE,mBAAe;AAAjB;AAJqC;IAOtCC,qBAAqB,GAAG;AACnCJ,EAAAA,KAAK,EAAEK,mBAAS,CAACC,MAAV,CAAiBC,UAAjB,CAA4BC,WAA5B,CAAwC,kCAAxC,CAD4B;AAEnCP,EAAAA,IAAI,EAAEI,mBAAS,CAACI,KAAV,CAAgB,CAAC,GAAD,EAAM,GAAN,CAAhB,EAA4BD,WAA5B,CAAwC,uBAAxC,EAAiEE,YAAjE,CAA8E,GAA9E,CAF6B;AAGnCP,EAAAA,UAAU,EAAEE,mBAAS,CAACM,MAAV,CAAiBH,WAAjB,CAA6B,2BAA7B,CAHuB;AAInCN,EAAAA,cAAc,EAAEG,mBAAS,CAACI,KAAV,CAAgB,CAAC,QAAD,EAAW,QAAX,CAAhB,EAAsCD,WAAtC,CACd,0DADc;AAJmB;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarButton.js","sources":["../../../../src/parts/sidebar-button/SidebarButton.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  StyledSidebarButton,\n  StyledSidebarButtonLabel,\n  StyledSidebarButtonIcon,\n} from './styled';\nimport {\n  propsSidebarButton,\n  defaultSidebarButton,\n  SidebarButtonProps,\n} from './props';\n\nexport const SidebarButton = ({\n  label,\n  dsId,\n  onClick,\n  Icon,\n  ...rest\n}: SidebarButtonProps): JSX.Element => {\n  const handleClick = React.useCallback(() => {\n    onClick(dsId);\n  }, [onClick, dsId]);\n\n  return (\n    <StyledSidebarButton\n      key={dsId}\n      data-testid={`sidebar-button-${dsId}`}\n      onClick={handleClick}\n      {...rest}\n    >\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"],"names":["SidebarButton","label","dsId","onClick","Icon","rest","handleClick","React","useCallback","StyledSidebarButton","StyledSidebarButtonIcon","StyledSidebarButtonLabel","propTypes","propsSidebarButton","defaultProps","defaultSidebarButton"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;IAYaA,aAAa,GAAG,SAAhBA,aAAgB,OAMU;AAAA,MALrCC,KAKqC,QALrCA,KAKqC;AAAA,MAJrCC,IAIqC,QAJrCA,IAIqC;AAAA,MAHrCC,OAGqC,QAHrCA,OAGqC;AAAA,MAFrCC,IAEqC,QAFrCA,IAEqC;AAAA,MADlCC,IACkC;;AACrC,MAAMC,WAAW,GAAGC,yBAAK,CAACC,WAAN,CAAkB,YAAM;AAC1CL,IAAAA,OAAO,CAACD,IAAD,CAAP;AACD,GAFmB,EAEjB,CAACC,OAAD,EAAUD,IAAV,CAFiB,CAApB;AAIA,sBACEK,wCAACE,8CAAD;AACE,IAAA,GAAG,EAAEP,IADP;AAEE,4CAA+BA,IAA/B,CAFF;AAGE,IAAA,OAAO,EAAEI;AAHX,KAIMD,IAJN,gBAMEE,wCAACG,kDAAD;AAAyB,IAAA,UAAU,EAAC,QAApC;AAA6C,IAAA,cAAc,EAAC;AAA5D,kBACEH,wCAAC,IAAD;AAAM,IAAA,IAAI,EAAC;AAAX,IADF,CANF,EASGN,KAAK,iBAAIM,wCAACI,mDAAD,QAA2BV,KAA3B,CATZ,CADF;AAaD;AAEDD,aAAa,CAACY,SAAd,GAA0BC,4CAA1B;AACAb,aAAa,CAACc,YAAd,GAA6BC,8CAA7B;;;;"}
+{"version":3,"file":"SidebarButton.js","sources":["../../../../src/parts/sidebar-button/SidebarButton.tsx"],"sourcesContent":["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"],"names":["SidebarButton","label","dsId","onClick","Icon","rest","handleClick","React","useCallback","StyledSidebarButton","StyledSidebarButtonIcon","StyledSidebarButtonLabel","propTypes","propsSidebarButton","defaultProps","defaultSidebarButton"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;IAIaA,aAAa,GAAG,SAAhBA,aAAgB,OAA8E;AAAA,MAA3EC,KAA2E,QAA3EA,KAA2E;AAAA,MAApEC,IAAoE,QAApEA,IAAoE;AAAA,MAA9DC,OAA8D,QAA9DA,OAA8D;AAAA,MAArDC,IAAqD,QAArDA,IAAqD;AAAA,MAA5CC,IAA4C;;AACzG,MAAMC,WAAW,GAAGC,yBAAK,CAACC,WAAN,CAAkB,YAAM;AAC1CL,IAAAA,OAAO,CAACD,IAAD,CAAP;AACD,GAFmB,EAEjB,CAACC,OAAD,EAAUD,IAAV,CAFiB,CAApB;AAIA,sBACEK,wCAACE,8CAAD;AAAqB,IAAA,GAAG,EAAEP,IAA1B;AAAgC,4CAA+BA,IAA/B,CAAhC;AAAuE,IAAA,OAAO,EAAEI;AAAhF,KAAiGD,IAAjG,gBACEE,wCAACG,kDAAD;AAAyB,IAAA,UAAU,EAAC,QAApC;AAA6C,IAAA,cAAc,EAAC;AAA5D,kBACEH,wCAAC,IAAD;AAAM,IAAA,IAAI,EAAC;AAAX,IADF,CADF,EAIGN,KAAK,iBAAIM,wCAACI,mDAAD,QAA2BV,KAA3B,CAJZ,CADF;AAQD;AAEDD,aAAa,CAACY,SAAd,GAA0BC,4CAA1B;AACAb,aAAa,CAACc,YAAd,GAA6BC,8CAA7B;;;;"}

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

@@ -12,10 +12,12 @@ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 var StyledSidebarButton = /*#__PURE__*/styled__default['default'].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 ", ";"], styled$1.BUTTON_SIDEBAR_HEIGHT, styled$1.MIN_WIDTH_SIDEBAR, function (props) {
+})(["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:", ";}"], styled$1.BUTTON_SIDEBAR_HEIGHT, styled$1.MIN_WIDTH_SIDEBAR, function (props) {
   return props.theme.colors.neutral['080'];
 }, function (props) {
   return props.theme.colors.neutral['200'];
+}, function (props) {
+  return props.theme.colors.neutral[500];
 });
 var StyledSidebarButtonIcon = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
   componentId: "sc-6ygly3-1"

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/parts/sidebar-button/styled.ts"],"sourcesContent":["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\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"],"names":["StyledSidebarButton","styled","button","BUTTON_SIDEBAR_HEIGHT","MIN_WIDTH_SIDEBAR","props","theme","colors","neutral","StyledSidebarButtonIcon","Grid","StyledSidebarButtonLabel","div"],"mappings":";;;;;;;;;;;;IAKaA,mBAAmB,gBAAGC,0BAAM,CAACC,MAAV;AAAA;AAAA,uOAKpBC,8BALoB,EAMrBC,0BANqB,EAYd,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAZc,EAeH,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAfG;IAkBnBC,uBAAuB,gBAAGR,0BAAM,CAACS,WAAD,CAAT;AAAA;AAAA;IAIvBC,wBAAwB,gBAAGV,0BAAM,CAACW,GAAV;AAAA;AAAA;;;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../../src/parts/sidebar-button/styled.ts"],"sourcesContent":["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"],"names":["StyledSidebarButton","styled","button","BUTTON_SIDEBAR_HEIGHT","MIN_WIDTH_SIDEBAR","props","theme","colors","neutral","StyledSidebarButtonIcon","Grid","StyledSidebarButtonLabel","div"],"mappings":";;;;;;;;;;;;IAKaA,mBAAmB,gBAAGC,0BAAM,CAACC,MAAV;AAAA;AAAA,sPAKpBC,8BALoB,EAMrBC,0BANqB,EAYd,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAZc,EAeH,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAfG,EAkBpB,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAlBoB;IAsBnBC,uBAAuB,gBAAGR,0BAAM,CAACS,WAAD,CAAT;AAAA;AAAA;IAIvBC,wBAAwB,gBAAGV,0BAAM,CAACW,GAAV;AAAA;AAAA;;;;;;"}

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

@@ -6,17 +6,20 @@ var React = require('react');
 var reactDesc = require('react-desc');
 var parts_systemMessage_style = require('./style.js');
 var parts_systemMessage_props = require('./props.js');
+var parts_systemMessage_config_useValidateProps = require('./config/useValidateProps.js');
 require('styled-components');
 require('@elliemae/ds-grid');
+require('@elliemae/ds-props-helpers');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var SystemMessage = function SystemMessage(_ref) {
-  var title = _ref.title,
-      time = _ref.time,
-      body = _ref.body;
+var SystemMessage = function SystemMessage(props) {
+  parts_systemMessage_config_useValidateProps.useValidateProps(props, SystemMessageWithSchema.toJSON());
+  var title = props.title,
+      time = props.time,
+      body = props.body;
   return /*#__PURE__*/React__default['default'].createElement(parts_systemMessage_style.Wrapper, {
     rows: ['auto', 'auto']
   }, /*#__PURE__*/React__default['default'].createElement(parts_systemMessage_style.Header, {

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

@@ -1 +1 @@
-{"version":3,"file":"SystemMessage.js","sources":["../../../../src/parts/system-message/SystemMessage.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { Wrapper, Header, Title, Time, Message } from './style';\nimport { SystemMessageProps, systemMessageProps, defaultProps } from './props';\n\nconst SystemMessage = ({\n  title,\n  time,\n  body,\n}: SystemMessageProps): JSX.Element => (\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\nSystemMessage.defaultProps = defaultProps;\nSystemMessage.propTypes = systemMessageProps;\nconst SystemMessageWithSchema = describe(SystemMessage);\nSystemMessageWithSchema.propTypes = systemMessageProps;\n\nexport { SystemMessage, SystemMessageWithSchema };\n"],"names":["SystemMessage","title","time","body","React","Wrapper","Header","Title","Time","Message","defaultProps","propTypes","systemMessageProps","SystemMessageWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;IAKMA,aAAa,GAAG,SAAhBA,aAAgB;AAAA,MACpBC,KADoB,QACpBA,KADoB;AAAA,MAEpBC,IAFoB,QAEpBA,IAFoB;AAAA,MAGpBC,IAHoB,QAGpBA,IAHoB;AAAA,sBAKpBC,wCAACC,iCAAD;AAAS,IAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT;AAAf,kBACED,wCAACE,gCAAD;AAAQ,IAAA,IAAI,EAAE,CAAC,KAAD,EAAQ,MAAR,EAAgB,KAAhB;AAAd,kBACEF,qDADF,eAEEA,wCAACG,+BAAD;AAAO,mBAAY;AAAnB,KAAgDN,KAAhD,CAFF,eAGEG,wCAACI,8BAAD;AAAM,mBAAY;AAAlB,KAA8CN,IAA9C,CAHF,CADF,eAMEE,wCAACK,iCAAD;AAAS,mBAAY;AAArB,KAAiDN,IAAjD,CANF,CALoB;AAAA;;AAetBH,aAAa,CAACU,YAAd,GAA6BA,sCAA7B;AACAV,aAAa,CAACW,SAAd,GAA0BC,4CAA1B;IACMC,uBAAuB,GAAGC,kBAAQ,CAACd,aAAD;AACxCa,uBAAuB,CAACF,SAAxB,GAAoCC,4CAApC;;;;;"}
+{"version":3,"file":"SystemMessage.js","sources":["../../../../src/parts/system-message/SystemMessage.tsx"],"sourcesContent":["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"],"names":["SystemMessage","props","useValidateProps","SystemMessageWithSchema","toJSON","title","time","body","React","Wrapper","Header","Title","Time","Message","defaultProps","propTypes","systemMessageProps","describe"],"mappings":";;;;;;;;;;;;;;;;;IAMMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAA4C;AAChEC,EAAAA,4DAAgB,CAACD,KAAD,EAAQE,uBAAuB,CAACC,MAAxB,EAAR,CAAhB;AACA,MAAQC,KAAR,GAA8BJ,KAA9B,CAAQI,KAAR;AAAA,MAAeC,IAAf,GAA8BL,KAA9B,CAAeK,IAAf;AAAA,MAAqBC,IAArB,GAA8BN,KAA9B,CAAqBM,IAArB;AACA,sBACEC,wCAACC,iCAAD;AAAS,IAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT;AAAf,kBACED,wCAACE,gCAAD;AAAQ,IAAA,IAAI,EAAE,CAAC,KAAD,EAAQ,MAAR,EAAgB,KAAhB;AAAd,kBACEF,qDADF,eAEEA,wCAACG,+BAAD;AAAO,mBAAY;AAAnB,KAAgDN,KAAhD,CAFF,eAGEG,wCAACI,8BAAD;AAAM,mBAAY;AAAlB,KAA8CN,IAA9C,CAHF,CADF,eAMEE,wCAACK,iCAAD;AAAS,mBAAY;AAArB,KAAiDN,IAAjD,CANF,CADF;AAUD;;AAEDP,aAAa,CAACc,YAAd,GAA6BA,sCAA7B;AACAd,aAAa,CAACe,SAAd,GAA0BC,4CAA1B;IACMb,uBAAuB,GAAGc,kBAAQ,CAACjB,aAAD;AACxCG,uBAAuB,CAACY,SAAxB,GAAoCC,4CAApC;;;;;"}

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

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var dsPropsHelpers = require('@elliemae/ds-props-helpers');
+
+var useValidateProps = function useValidateProps(props, schema) {
+  dsPropsHelpers.useValidatePropTypes(props, schema);
+};
+
+exports.useValidateProps = useValidateProps;
+//# sourceMappingURL=useValidateProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/system-message/config/useValidateProps.tsx"],"sourcesContent":["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"],"names":["useValidateProps","props","schema","useValidatePropTypes"],"mappings":";;;;;;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAA4BC,MAA5B,EAAsD;AACpFC,EAAAA,mCAAoB,CAACF,KAAD,EAAQC,MAAR,CAApB;AACD;;;;"}

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

@@ -9,6 +9,8 @@ require('./style.js');
 require('styled-components');
 require('@elliemae/ds-grid');
 require('./props.js');
+require('./config/useValidateProps.js');
+require('@elliemae/ds-props-helpers');
 
 
 

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}

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

@@ -9,10 +9,11 @@ var dsGrid = require('@elliemae/ds-grid');
 var CloseXsmall = require('@elliemae/ds-icons/CloseXsmall');
 var parts_tileButton_styled = require('./styled.js');
 var parts_tileButton_props = require('./props.js');
+var parts_tileButton_config_useValidateProps = require('./config/useValidateProps.js');
 require('styled-components');
-require('prop-types');
 require('lodash');
 require('@elliemae/ds-icons/Comments');
+require('@elliemae/ds-props-helpers');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -21,6 +22,7 @@ var DSTooltip__default = /*#__PURE__*/_interopDefaultLegacy(DSTooltip);
 var CloseXsmall__default = /*#__PURE__*/_interopDefaultLegacy(CloseXsmall);
 
 var TileButton = function TileButton(props) {
+  parts_tileButton_config_useValidateProps.useValidateProps(props, TileButtonWithSchema.toJSON());
   var label = props.label,
       title = props.title,
       dsId = props.dsId,

package/cjs/parts/tile-button/TileButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"TileButton.js","sources":["../../../../src/parts/tile-button/TileButton.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport DSTooltip from '@elliemae/ds-tooltip';\nimport { Grid } from '@elliemae/ds-grid';\nimport CloseXsmall from '@elliemae/ds-icons/CloseXsmall';\nimport {\n  StyledTileButton,\n  StyledTileButtonIcon,\n  StyledTileButtonLabel,\n  StyledWrapper,\n  StyledWrapperLeftBorder,\n  StyledStatusBadge,\n  StyledWrapperCentralContent,\n  CloseButton,\n} from './styled';\nimport { propsTileButton, defaultTileButton, TileButtonProps } from './props';\n\nconst TileButton = (props: TileButtonProps): JSX.Element => {\n  const {\n    label,\n    title,\n    dsId,\n    onClick,\n    onFocus,\n    onBlur,\n    Icon,\n    showClose,\n    onClose,\n    badge,\n    badgeColor,\n    badgePosition,\n    disabled,\n    selected,\n    isHeader,\n    ariaLabel,\n  } = props;\n  const handleClick = React.useCallback(() => {\n    onClick(dsId, title);\n  }, [dsId, onClick, title]);\n\n  const MainContent = React.useMemo(\n    () => (\n      <StyledWrapperCentralContent alignItems={isHeader ? 'center' : undefined}>\n        <Grid width=\"100%\" alignItems=\"center\" justifyContent=\"center\">\n          <StyledTileButtonIcon alignItems=\"center\" justifyContent=\"center\">\n            <Icon size=\"m\" />\n            {badge ? <StyledStatusBadge badgeColor={badgeColor} badgePosition={badgePosition} /> : null}\n          </StyledTileButtonIcon>\n        </Grid>\n        {!isHeader ? (\n          <Grid width=\"100%\" justifyContent=\"center\">\n            {label ? <StyledTileButtonLabel>{label}</StyledTileButtonLabel> : null}\n          </Grid>\n        ) : null}\n      </StyledWrapperCentralContent>\n    ),\n    [isHeader, Icon, badge, badgeColor, badgePosition, label],\n  );\n\n  return (\n    <StyledTileButton\n      key={dsId}\n      isHeader={isHeader}\n      value={dsId}\n      data-testid={`tile-button-${dsId}`}\n      onClick={handleClick}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      disabled={disabled}\n      selected={selected}\n      badgeColor={badgeColor}\n      badgePosition={badgePosition}\n      aria-pressed={selected}\n      aria-label={ariaLabel}\n    >\n      <StyledWrapper alignItems=\"center\" justifyContent=\"center\">\n        {title ? (\n          <DSTooltip\n            containerProps={{\n              id: `ds-chat-tile-tooltip-button-${dsId}`,\n              'data-testid': `ds-chat-tile-tooltip-button-${dsId}`,\n            }}\n            interactionType=\"hover\"\n            title={title}\n            triggerComponent={<span>{MainContent}</span>}\n            placement=\"bottom\"\n          />\n        ) : (\n          MainContent\n        )}\n        <StyledWrapperLeftBorder />\n        {showClose && !disabled ? (\n          <CloseButton onClick={onClose} value={dsId}>\n            <CloseXsmall />\n          </CloseButton>\n        ) : null}\n      </StyledWrapper>\n    </StyledTileButton>\n  );\n};\n\nTileButton.propTypes = propsTileButton;\nTileButton.defaultProps = defaultTileButton;\n\nconst TileButtonWithSchema = describe(TileButton);\nTileButtonWithSchema.propTypes = propsTileButton;\n\nexport { TileButton, TileButtonWithSchema };\n"],"names":["TileButton","props","label","title","dsId","onClick","onFocus","onBlur","Icon","showClose","onClose","badge","badgeColor","badgePosition","disabled","selected","isHeader","ariaLabel","handleClick","React","useCallback","MainContent","useMemo","StyledWrapperCentralContent","undefined","Grid","StyledTileButtonIcon","StyledStatusBadge","StyledTileButtonLabel","StyledTileButton","StyledWrapper","DSTooltip","id","StyledWrapperLeftBorder","CloseButton","CloseXsmall","propTypes","propsTileButton","defaultProps","defaultTileButton","TileButtonWithSchema","describe"],"mappings":"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"}
+{"version":3,"file":"TileButton.js","sources":["../../../../src/parts/tile-button/TileButton.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport DSTooltip from '@elliemae/ds-tooltip';\nimport { Grid } from '@elliemae/ds-grid';\nimport CloseXsmall from '@elliemae/ds-icons/CloseXsmall';\nimport {\n  StyledTileButton,\n  StyledTileButtonIcon,\n  StyledTileButtonLabel,\n  StyledWrapper,\n  StyledWrapperLeftBorder,\n  StyledStatusBadge,\n  StyledWrapperCentralContent,\n  CloseButton,\n} from './styled';\nimport { propsTileButton, defaultTileButton, TileButtonProps } from './props';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst TileButton = (props: TileButtonProps): JSX.Element => {\n  useValidateProps(props, TileButtonWithSchema.toJSON());\n\n  const {\n    label,\n    title,\n    dsId,\n    onClick,\n    onFocus,\n    onBlur,\n    Icon,\n    showClose,\n    onClose,\n    badge,\n    badgeColor,\n    badgePosition,\n    disabled,\n    selected,\n    isHeader,\n    ariaLabel,\n  } = props;\n  const handleClick = React.useCallback(() => {\n    onClick(dsId, title);\n  }, [dsId, onClick, title]);\n\n  const MainContent = React.useMemo(\n    () => (\n      <StyledWrapperCentralContent alignItems={isHeader ? 'center' : undefined}>\n        <Grid width=\"100%\" alignItems=\"center\" justifyContent=\"center\">\n          <StyledTileButtonIcon alignItems=\"center\" justifyContent=\"center\">\n            <Icon size=\"m\" />\n            {badge ? <StyledStatusBadge badgeColor={badgeColor} badgePosition={badgePosition} /> : null}\n          </StyledTileButtonIcon>\n        </Grid>\n        {!isHeader ? (\n          <Grid width=\"100%\" justifyContent=\"center\">\n            {label ? <StyledTileButtonLabel>{label}</StyledTileButtonLabel> : null}\n          </Grid>\n        ) : null}\n      </StyledWrapperCentralContent>\n    ),\n    [isHeader, Icon, badge, badgeColor, badgePosition, label],\n  );\n\n  return (\n    <StyledTileButton\n      key={dsId}\n      isHeader={isHeader}\n      value={dsId}\n      data-testid={`tile-button-${dsId}`}\n      onClick={handleClick}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      disabled={disabled}\n      selected={selected}\n      badgeColor={badgeColor}\n      badgePosition={badgePosition}\n      aria-pressed={selected}\n      aria-label={ariaLabel}\n    >\n      <StyledWrapper alignItems=\"center\" justifyContent=\"center\">\n        {title ? (\n          <DSTooltip\n            containerProps={{\n              id: `ds-chat-tile-tooltip-button-${dsId}`,\n              'data-testid': `ds-chat-tile-tooltip-button-${dsId}`,\n            }}\n            interactionType=\"hover\"\n            title={title}\n            triggerComponent={<span>{MainContent}</span>}\n            placement=\"bottom\"\n          />\n        ) : (\n          MainContent\n        )}\n        <StyledWrapperLeftBorder />\n        {showClose && !disabled ? (\n          <CloseButton onClick={onClose} value={dsId}>\n            <CloseXsmall />\n          </CloseButton>\n        ) : null}\n      </StyledWrapper>\n    </StyledTileButton>\n  );\n};\n\nTileButton.propTypes = propsTileButton;\nTileButton.defaultProps = defaultTileButton;\n\nconst TileButtonWithSchema = describe(TileButton);\nTileButtonWithSchema.propTypes = propsTileButton;\n\nexport { TileButton, TileButtonWithSchema };\n"],"names":["TileButton","props","useValidateProps","TileButtonWithSchema","toJSON","label","title","dsId","onClick","onFocus","onBlur","Icon","showClose","onClose","badge","badgeColor","badgePosition","disabled","selected","isHeader","ariaLabel","handleClick","React","useCallback","MainContent","useMemo","StyledWrapperCentralContent","undefined","Grid","StyledTileButtonIcon","StyledStatusBadge","StyledTileButtonLabel","StyledTileButton","StyledWrapper","DSTooltip","id","StyledWrapperLeftBorder","CloseButton","CloseXsmall","propTypes","propsTileButton","defaultProps","defaultTileButton","describe"],"mappings":"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"}

package/cjs/parts/tile-button/config/useValidateProps.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var dsPropsHelpers = require('@elliemae/ds-props-helpers');
+
+var useValidateProps = function useValidateProps(props, schema) {
+  dsPropsHelpers.useValidatePropTypes(props, schema);
+};
+
+exports.useValidateProps = useValidateProps;
+//# sourceMappingURL=useValidateProps.js.map

package/cjs/parts/tile-button/config/useValidateProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useValidateProps.js","sources":["../../../../../src/parts/tile-button/config/useValidateProps.tsx"],"sourcesContent":["import { useValidatePropTypes } from '@elliemae/ds-props-helpers';\nimport { TileButtonProps } from '../props';\n\nexport const useValidateProps = (props: TileButtonProps, schema: unknown): void => {\n  useValidatePropTypes(props, schema);\n};\n"],"names":["useValidateProps","props","schema","useValidatePropTypes"],"mappings":";;;;;;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAyBC,MAAzB,EAAmD;AACjFC,EAAAA,mCAAoB,CAACF,KAAD,EAAQC,MAAR,CAApB;AACD;;;;"}

package/cjs/parts/tile-button/index.js

@@ -11,9 +11,10 @@ require('@elliemae/ds-icons/CloseXsmall');
 require('./styled.js');
 require('styled-components');
 require('./props.js');
-require('prop-types');
 require('lodash');
 require('@elliemae/ds-icons/Comments');
+require('./config/useValidateProps.js');
+require('@elliemae/ds-props-helpers');
 
 
 

package/cjs/parts/tile-button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}

package/cjs/parts/tile-button/props.js

@@ -2,14 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var propsTypes = require('prop-types');
 var reactDesc = require('react-desc');
 var lodash = require('lodash');
 var Comments = require('@elliemae/ds-icons/Comments');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var propsTypes__default = /*#__PURE__*/_interopDefaultLegacy(propsTypes);
 var Comments__default = /*#__PURE__*/_interopDefaultLegacy(Comments);
 
 var defaultTileButton = {
@@ -31,8 +29,8 @@ var defaultTileButton = {
   ariaLabel: 'Tile button'
 };
 var propsTileButton = {
-  Icon: reactDesc.PropTypes.element.description('Icon component').defaultValue(defaultTileButton.Icon),
-  dsId: reactDesc.PropTypes.oneOfType([propsTypes__default['default'].number, propsTypes__default['default'].string]).description('Unique id for the button').defaultValue(defaultTileButton.dsId),
+  Icon: reactDesc.PropTypes.func.description('Icon component').defaultValue(defaultTileButton.Icon),
+  dsId: reactDesc.PropTypes.oneOf(['number', 'string']).description('Unique id for the button').defaultValue(defaultTileButton.dsId),
   label: reactDesc.PropTypes.string.description('It will display under the icon').defaultValue(defaultTileButton.label),
   title: reactDesc.PropTypes.string.description('Tooltip').defaultValue(defaultTileButton.title),
   onClick: reactDesc.PropTypes.func.description('The function to call when is clicked').defaultValue(defaultTileButton.onClick),
@@ -42,7 +40,7 @@ var propsTileButton = {
   showClose: reactDesc.PropTypes.bool.description('It will display the X').defaultValue(defaultTileButton.showClose),
   badge: reactDesc.PropTypes.bool.description('It will display the badge').defaultValue(defaultTileButton.badge),
   badgeColor: reactDesc.PropTypes.oneOf(['blue', 'green']).description('Color badge: blue or green').defaultValue(defaultTileButton.badgeColor),
-  badgePosition: reactDesc.PropTypes.oneOf(['blue', 'green']).description('Color badge: blue or green').defaultValue(defaultTileButton.badgePosition),
+  badgePosition: reactDesc.PropTypes.oneOf(['left', 'right']).description('Color badge: blue or green').defaultValue(defaultTileButton.badgePosition),
   disabled: reactDesc.PropTypes.bool.description('It will disabled the button').defaultValue(defaultTileButton.disabled),
   selected: reactDesc.PropTypes.bool.description('Indicate that the button is selected').defaultValue(defaultTileButton.disabled),
   isHeader: reactDesc.PropTypes.bool.description("It won't render the label").defaultValue(defaultTileButton.disabled),

package/cjs/parts/tile-button/props.js.map

@@ -1 +1 @@
-{"version":3,"file":"props.js","sources":["../../../../src/parts/tile-button/props.ts"],"sourcesContent":["import React from 'react';\nimport propsTypes from 'prop-types';\nimport { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport Comments from '@elliemae/ds-icons/Comments';\n\nexport interface TileButtonProps {\n  Icon: React.FC<{ size: string }>;\n  dsId: string | number;\n  label: string;\n  onClick?: (dsId: string | number, label: string) => void;\n  onBlur?: (e) => void;\n  onFocus?: (e) => void;\n  title: string;\n  showClose: boolean;\n  onClose?: (dsId: string | number) => void;\n  badge: boolean;\n  badgeColor: 'blue' | 'green';\n  badgePosition: 'left' | 'right';\n  disabled: boolean;\n  selected: boolean;\n  isHeader: boolean;\n  ariaLabel: string;\n}\n\nexport const defaultTileButton: TileButtonProps = {\n  Icon: Comments,\n  dsId: undefined,\n  label: '',\n  onClick: noop,\n  onBlur: noop,\n  onFocus: noop,\n  title: '',\n  onClose: noop,\n  showClose: false,\n  badge: false,\n  badgeColor: 'blue',\n  badgePosition: 'left',\n  disabled: false,\n  selected: false,\n  isHeader: false,\n  ariaLabel: 'Tile button',\n};\n\nexport const propsTileButton = {\n  Icon: PropTypes.element\n    .description('Icon component')\n    .defaultValue(defaultTileButton.Icon),\n  dsId: PropTypes.oneOfType([propsTypes.number, propsTypes.string])\n    .description('Unique id for the button')\n    .defaultValue(defaultTileButton.dsId),\n  label: PropTypes.string\n    .description('It will display under the icon')\n    .defaultValue(defaultTileButton.label),\n  title: PropTypes.string\n    .description('Tooltip')\n    .defaultValue(defaultTileButton.title),\n  onClick: PropTypes.func\n    .description('The function to call when is clicked')\n    .defaultValue(defaultTileButton.onClick),\n  onFocus: PropTypes.func\n    .description('The function to call when is focused')\n    .defaultValue(defaultTileButton.onFocus),\n  onBlur: PropTypes.func\n    .description('The function to call when is on blur')\n    .defaultValue(defaultTileButton.onBlur),\n  onClose: PropTypes.func\n    .description('The function to call when the X is Clicked')\n    .defaultValue(defaultTileButton.onClose),\n  showClose: PropTypes.bool\n    .description('It will display the X')\n    .defaultValue(defaultTileButton.showClose),\n  badge: PropTypes.bool\n    .description('It will display the badge')\n    .defaultValue(defaultTileButton.badge),\n  badgeColor: PropTypes.oneOf(['blue', 'green'])\n    .description('Color badge: blue or green')\n    .defaultValue(defaultTileButton.badgeColor),\n  badgePosition: PropTypes.oneOf(['blue', 'green'])\n    .description('Color badge: blue or green')\n    .defaultValue(defaultTileButton.badgePosition),\n  disabled: PropTypes.bool\n    .description('It will disabled the button')\n    .defaultValue(defaultTileButton.disabled),\n  selected: PropTypes.bool\n    .description('Indicate that the button is selected')\n    .defaultValue(defaultTileButton.disabled),\n  isHeader: PropTypes.bool\n    .description(\"It won't render the label\")\n    .defaultValue(defaultTileButton.disabled),\n  ariaLabel: PropTypes.string\n    .description('aria-label attribute')\n    .defaultValue(defaultTileButton.ariaLabel),\n};\n"],"names":["defaultTileButton","Icon","Comments","dsId","undefined","label","onClick","noop","onBlur","onFocus","title","onClose","showClose","badge","badgeColor","badgePosition","disabled","selected","isHeader","ariaLabel","propsTileButton","PropTypes","element","description","defaultValue","oneOfType","propsTypes","number","string","func","bool","oneOf"],"mappings":"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"}
+{"version":3,"file":"props.js","sources":["../../../../src/parts/tile-button/props.ts"],"sourcesContent":["import React from 'react';\nimport propsTypes from 'prop-types';\nimport { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport Comments from '@elliemae/ds-icons/Comments';\n\nexport interface TileButtonProps {\n  Icon: React.FC<{ size: string }>;\n  dsId: string | number;\n  label: string;\n  onClick?: (dsId: string | number, label: string) => void;\n  onBlur?: (e) => void;\n  onFocus?: (e) => void;\n  title: string;\n  showClose: boolean;\n  onClose?: (dsId: string | number) => void;\n  badge: boolean;\n  badgeColor: 'blue' | 'green';\n  badgePosition: 'left' | 'right';\n  disabled: boolean;\n  selected: boolean;\n  isHeader: boolean;\n  ariaLabel: string;\n}\n\nexport const defaultTileButton: TileButtonProps = {\n  Icon: Comments,\n  dsId: undefined,\n  label: '',\n  onClick: noop,\n  onBlur: noop,\n  onFocus: noop,\n  title: '',\n  onClose: noop,\n  showClose: false,\n  badge: false,\n  badgeColor: 'blue',\n  badgePosition: 'left',\n  disabled: false,\n  selected: false,\n  isHeader: false,\n  ariaLabel: 'Tile button',\n};\n\nexport const propsTileButton = {\n  Icon: PropTypes.func.description('Icon component').defaultValue(defaultTileButton.Icon),\n  dsId: PropTypes.oneOf(['number', 'string'])\n    .description('Unique id for the button')\n    .defaultValue(defaultTileButton.dsId),\n  label: PropTypes.string.description('It will display under the icon').defaultValue(defaultTileButton.label),\n  title: PropTypes.string.description('Tooltip').defaultValue(defaultTileButton.title),\n  onClick: PropTypes.func.description('The function to call when is clicked').defaultValue(defaultTileButton.onClick),\n  onFocus: PropTypes.func.description('The function to call when is focused').defaultValue(defaultTileButton.onFocus),\n  onBlur: PropTypes.func.description('The function to call when is on blur').defaultValue(defaultTileButton.onBlur),\n  onClose: PropTypes.func\n    .description('The function to call when the X is Clicked')\n    .defaultValue(defaultTileButton.onClose),\n  showClose: PropTypes.bool.description('It will display the X').defaultValue(defaultTileButton.showClose),\n  badge: PropTypes.bool.description('It will display the badge').defaultValue(defaultTileButton.badge),\n  badgeColor: PropTypes.oneOf(['blue', 'green'])\n    .description('Color badge: blue or green')\n    .defaultValue(defaultTileButton.badgeColor),\n  badgePosition: PropTypes.oneOf(['left', 'right'])\n    .description('Color badge: blue or green')\n    .defaultValue(defaultTileButton.badgePosition),\n  disabled: PropTypes.bool.description('It will disabled the button').defaultValue(defaultTileButton.disabled),\n  selected: PropTypes.bool.description('Indicate that the button is selected').defaultValue(defaultTileButton.disabled),\n  isHeader: PropTypes.bool.description(\"It won't render the label\").defaultValue(defaultTileButton.disabled),\n  ariaLabel: PropTypes.string.description('aria-label attribute').defaultValue(defaultTileButton.ariaLabel),\n};\n"],"names":["defaultTileButton","Icon","Comments","dsId","undefined","label","onClick","noop","onBlur","onFocus","title","onClose","showClose","badge","badgeColor","badgePosition","disabled","selected","isHeader","ariaLabel","propsTileButton","PropTypes","func","description","defaultValue","oneOf","string","bool"],"mappings":"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"}

package/cjs/parts/tile-button/styled.js

@@ -46,7 +46,11 @@ var StyledWrapperCentralContent = /*#__PURE__*/styled__default['default'](dsGrid
 })(["width:24px;height:40px;"]);
 var StyledTileButtonIcon = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
   componentId: "sc-1ebp1zs-3"
-})(["position:relative;height:24px;width:24px;}"]);
+})(["position:relative;height:24px;width:24px;svg{fill:", ";}&:focus{svg{fill:", ";}}"], function (props) {
+  return props.theme.colors.neutral[500];
+}, function (props) {
+  return props.theme.colors.brand[800];
+});
 var StyledTileButtonLabel = /*#__PURE__*/styled__default['default'].div.withConfig({
   componentId: "sc-1ebp1zs-4"
 })(["width:24px;height:", ";text-transform:uppercase;overflow:hidden;text-align:center;font-size:13px;color:", ";line-height:17px;"], function (props) {
@@ -64,7 +68,7 @@ var CloseButton = /*#__PURE__*/styled__default['default'].button.withConfig({
 
 var StyledTileButton = /*#__PURE__*/styled__default['default'].button.withConfig({
   componentId: "sc-1ebp1zs-6"
-})(["outline:none;background:transparent;height:", "px;width:", "px;position:relative;padding:0;border:none;cursor:pointer;border-bottom:", ";&:focus,&:hover,&:active,&:disabled{background:", ";& ", "{border:2px solid ", ";margin-top:-2px;", ";}}&:focus,&:hover{& ", "{background:", ";}& ", "{color:", ";}}&:active:not(:disabled){background:", ";& ", "{background:", ";}& ", "{color:", ";font-weight:600;}& svg{fill:", ";}& ", "{border:2px solid ", ";}}&:disabled{background:", ";", "{background:", ";}& ", "{background:", ";border:2px solid ", ";}", "{svg{fill:", ";}}", "{color:", ";}}", ""], BUTTON_SIDEBAR_HEIGHT, MIN_WIDTH_SIDEBAR, function (props) {
+})(["outline:none;background:transparent;height:", "px;width:", "px;position:relative;padding:0;border:none;cursor:pointer;border-bottom:", ";&:focus,&:hover,&:active,&:disabled{background:", ";& ", "{border:2px solid ", ";margin-top:-2px;", ";}}&:focus,&:hover{& ", "{background:", ";}& ", "{color:", ";}& svg{fill:", ";}}&:active:not(:disabled){background:", ";& ", "{background:", ";}& ", "{color:", ";font-weight:600;}& svg{fill:", ";}& ", "{border:2px solid ", ";}}&:disabled{background:", ";", "{background:", ";}& ", "{background:", ";border:2px solid ", ";}", "{svg{fill:", ";}}", "{color:", ";}}", ""], BUTTON_SIDEBAR_HEIGHT, MIN_WIDTH_SIDEBAR, function (props) {
   return props.isHeader ? "1px solid  ".concat(props.theme.colors.neutral['200']) : 'none';
 }, function (props) {
   return props.theme.colors.neutral['080'];
@@ -85,6 +89,8 @@ var StyledTileButton = /*#__PURE__*/styled__default['default'].button.withConfig
   return props.theme.colors.brand[800];
 }, StyledTileButtonLabel, function (props) {
   return props.theme.colors.neutral[600];
+}, function (props) {
+  return props.theme.colors.brand[800];
 }, function (props) {
   return props.theme.colors.neutral['050'];
 }, StyledWrapperLeftBorder, function (props) {
@@ -118,9 +124,7 @@ var StyledTileButton = /*#__PURE__*/styled__default['default'].button.withConfig
 });
 var StyledWrapper = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
   componentId: "sc-1ebp1zs-7"
-})(["height:100%;width:100%;position:relative;&:hover{svg{fill:", ";}}"], function (props) {
-  return props.theme.colors.brand[800];
-});
+})(["height:100%;width:100%;position:relative;"]);
 
 exports.CloseButton = CloseButton;
 exports.StyledStatusBadge = StyledStatusBadge;