@elliemae/ds-chat 1.61.12 → 1.61.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (115) hide show
  1. package/cjs/ChatDataTestids.js.map +1 -1
  2. package/cjs/parts/bubble/ChatBubble.js.map +1 -1
  3. package/cjs/parts/bubble/ChatBubbleArrow.js.map +1 -1
  4. package/cjs/parts/bubble/config/useValidateProps.js.map +1 -1
  5. package/cjs/parts/bubble/props.js.map +1 -1
  6. package/cjs/parts/bubble/styled.js.map +1 -1
  7. package/cjs/parts/chat-card/ChatCard.js.map +1 -1
  8. package/cjs/parts/chat-card/config/useValidateProps.js.map +1 -1
  9. package/cjs/parts/chat-card/props.js.map +1 -1
  10. package/cjs/parts/chat-card/styled.js.map +1 -1
  11. package/cjs/parts/chat-composer/ChatContainerComposer.js.map +1 -1
  12. package/cjs/parts/chat-composer/config/useValidateProps.js.map +1 -1
  13. package/cjs/parts/chat-composer/props.js.map +1 -1
  14. package/cjs/parts/chat-composer/styled.js.map +1 -1
  15. package/cjs/parts/chat-container/ChatContainer.js.map +1 -1
  16. package/cjs/parts/chat-container/config/useValidateProps.js.map +1 -1
  17. package/cjs/parts/chat-container/props.js.map +1 -1
  18. package/cjs/parts/chat-container/styled.js.map +1 -1
  19. package/cjs/parts/chat-container-header/ChatContainerHeader.js.map +1 -1
  20. package/cjs/parts/chat-container-header/helpers.js.map +1 -1
  21. package/cjs/parts/chat-container-header/styled.js.map +1 -1
  22. package/cjs/parts/chat-container-messages-list/ChatContainerMessagesList.js.map +1 -1
  23. package/cjs/parts/chat-container-messages-list/config/useValidateProps.js.map +1 -1
  24. package/cjs/parts/chat-container-messages-list/props.js.map +1 -1
  25. package/cjs/parts/chat-container-messages-list/styled.js.map +1 -1
  26. package/cjs/parts/chat-container-messages-list/useGetNewMessages.js.map +1 -1
  27. package/cjs/parts/chat-empty-state/ChatEmptyState.js.map +1 -1
  28. package/cjs/parts/chat-empty-state/config/useValidateProps.js.map +1 -1
  29. package/cjs/parts/chat-empty-state/props.js.map +1 -1
  30. package/cjs/parts/chat-empty-state/styled.js.map +1 -1
  31. package/cjs/parts/chat-sidebar/SideBarChat.js.map +1 -1
  32. package/cjs/parts/chat-sidebar/config/useValidateProps.js.map +1 -1
  33. package/cjs/parts/chat-sidebar/props.js.map +1 -1
  34. package/cjs/parts/chat-sidebar/styled.js.map +1 -1
  35. package/cjs/parts/floating-button/FloatingButton.js.map +1 -1
  36. package/cjs/parts/floating-button/props.js.map +1 -1
  37. package/cjs/parts/floating-button/styled.js.map +1 -1
  38. package/cjs/parts/floating-container/styled.js.map +1 -1
  39. package/cjs/parts/grid-influencer/InfluencerContainer.js.map +1 -1
  40. package/cjs/parts/grid-influencer/styled.js.map +1 -1
  41. package/cjs/parts/message-delimiter/MessageDelimiter.js.map +1 -1
  42. package/cjs/parts/message-delimiter/config/useValidateProps.js.map +1 -1
  43. package/cjs/parts/message-delimiter/props.js.map +1 -1
  44. package/cjs/parts/message-delimiter/styled.js.map +1 -1
  45. package/cjs/parts/sidebar-button/SidebarButton.js.map +1 -1
  46. package/cjs/parts/sidebar-button/props.js.map +1 -1
  47. package/cjs/parts/sidebar-button/styled.js.map +1 -1
  48. package/cjs/parts/system-message/SystemMessage.js.map +1 -1
  49. package/cjs/parts/system-message/config/useValidateProps.js.map +1 -1
  50. package/cjs/parts/system-message/props.js.map +1 -1
  51. package/cjs/parts/system-message/style.js.map +1 -1
  52. package/cjs/parts/tile-button/TileButton.js.map +1 -1
  53. package/cjs/parts/tile-button/config/useValidateProps.js.map +1 -1
  54. package/cjs/parts/tile-button/props.js.map +1 -1
  55. package/cjs/parts/tile-button/styled.js.map +1 -1
  56. package/cjs/prop-types.js.map +1 -1
  57. package/cjs/tests/utils.js.map +1 -1
  58. package/esm/ChatDataTestids.js.map +1 -1
  59. package/esm/parts/bubble/ChatBubble.js.map +1 -1
  60. package/esm/parts/bubble/ChatBubbleArrow.js.map +1 -1
  61. package/esm/parts/bubble/config/useValidateProps.js.map +1 -1
  62. package/esm/parts/bubble/props.js.map +1 -1
  63. package/esm/parts/bubble/styled.js.map +1 -1
  64. package/esm/parts/chat-card/ChatCard.js.map +1 -1
  65. package/esm/parts/chat-card/config/useValidateProps.js.map +1 -1
  66. package/esm/parts/chat-card/props.js.map +1 -1
  67. package/esm/parts/chat-card/styled.js.map +1 -1
  68. package/esm/parts/chat-composer/ChatContainerComposer.js.map +1 -1
  69. package/esm/parts/chat-composer/config/useValidateProps.js.map +1 -1
  70. package/esm/parts/chat-composer/props.js.map +1 -1
  71. package/esm/parts/chat-composer/styled.js.map +1 -1
  72. package/esm/parts/chat-container/ChatContainer.js.map +1 -1
  73. package/esm/parts/chat-container/config/useValidateProps.js.map +1 -1
  74. package/esm/parts/chat-container/props.js.map +1 -1
  75. package/esm/parts/chat-container/styled.js.map +1 -1
  76. package/esm/parts/chat-container-header/ChatContainerHeader.js.map +1 -1
  77. package/esm/parts/chat-container-header/helpers.js.map +1 -1
  78. package/esm/parts/chat-container-header/styled.js.map +1 -1
  79. package/esm/parts/chat-container-messages-list/ChatContainerMessagesList.js.map +1 -1
  80. package/esm/parts/chat-container-messages-list/config/useValidateProps.js.map +1 -1
  81. package/esm/parts/chat-container-messages-list/props.js.map +1 -1
  82. package/esm/parts/chat-container-messages-list/styled.js.map +1 -1
  83. package/esm/parts/chat-container-messages-list/useGetNewMessages.js.map +1 -1
  84. package/esm/parts/chat-empty-state/ChatEmptyState.js.map +1 -1
  85. package/esm/parts/chat-empty-state/config/useValidateProps.js.map +1 -1
  86. package/esm/parts/chat-empty-state/props.js.map +1 -1
  87. package/esm/parts/chat-empty-state/styled.js.map +1 -1
  88. package/esm/parts/chat-sidebar/SideBarChat.js.map +1 -1
  89. package/esm/parts/chat-sidebar/config/useValidateProps.js.map +1 -1
  90. package/esm/parts/chat-sidebar/props.js.map +1 -1
  91. package/esm/parts/chat-sidebar/styled.js.map +1 -1
  92. package/esm/parts/floating-button/FloatingButton.js.map +1 -1
  93. package/esm/parts/floating-button/props.js.map +1 -1
  94. package/esm/parts/floating-button/styled.js.map +1 -1
  95. package/esm/parts/floating-container/styled.js.map +1 -1
  96. package/esm/parts/grid-influencer/InfluencerContainer.js.map +1 -1
  97. package/esm/parts/grid-influencer/styled.js.map +1 -1
  98. package/esm/parts/message-delimiter/MessageDelimiter.js.map +1 -1
  99. package/esm/parts/message-delimiter/config/useValidateProps.js.map +1 -1
  100. package/esm/parts/message-delimiter/props.js.map +1 -1
  101. package/esm/parts/message-delimiter/styled.js.map +1 -1
  102. package/esm/parts/sidebar-button/SidebarButton.js.map +1 -1
  103. package/esm/parts/sidebar-button/props.js.map +1 -1
  104. package/esm/parts/sidebar-button/styled.js.map +1 -1
  105. package/esm/parts/system-message/SystemMessage.js.map +1 -1
  106. package/esm/parts/system-message/config/useValidateProps.js.map +1 -1
  107. package/esm/parts/system-message/props.js.map +1 -1
  108. package/esm/parts/system-message/style.js.map +1 -1
  109. package/esm/parts/tile-button/TileButton.js.map +1 -1
  110. package/esm/parts/tile-button/config/useValidateProps.js.map +1 -1
  111. package/esm/parts/tile-button/props.js.map +1 -1
  112. package/esm/parts/tile-button/styled.js.map +1 -1
  113. package/esm/prop-types.js.map +1 -1
  114. package/esm/tests/utils.js.map +1 -1
  115. package/package.json +9 -9
@@ -1 +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';\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","defaultProps","propTypes","messageDelimiterProps","describe"],"mappings":";;;;;;;;;IAMMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAA+C;AACtEC,EAAAA,gBAAgB,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,sBACE,oBAAC,OAAD;AAAS,IAAA,IAAI,EAAE,CAAC,KAAD,EAAQ,MAAR,EAAgB,KAAhB;AAAf,kBACE,oBAAC,IAAD,OADF,eAEE,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAEF,IAAZ;AAAkB,IAAA,cAAc,EAAEE,cAAlC;AAAkD,mBAAaD,UAAU,CAAC,aAAD;AAAzE,KACGF,KADH,CAFF,eAKE,oBAAC,IAAD,OALF,CADF;AASD;;AAEDL,gBAAgB,CAACS,YAAjB,GAAgCA,YAAhC;AACAT,gBAAgB,CAACU,SAAjB,GAA6BC,qBAA7B;IACMR,0BAA0B,GAAGS,QAAQ,CAACZ,gBAAD;AAC3CG,0BAA0B,CAACO,SAA3B,GAAuCC,qBAAvC;;;;"}
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';\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","defaultProps","propTypes","messageDelimiterProps","describe"],"mappings":";;;;;;;;;IAMMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAA+C;EACtEC,gBAAgB,CAACD,KAAD,EAAQE,0BAA0B,CAACC,MAA3B,EAAR,CAAhB;EACA,IAAQC,KAAR,GAAoDJ,KAApD,CAAQI,KAAR;MAAeC,IAAf,GAAoDL,KAApD,CAAeK,IAAf;MAAqBC,UAArB,GAAoDN,KAApD,CAAqBM,UAArB;MAAiCC,cAAjC,GAAoDP,KAApD,CAAiCO,cAAjC;EACA,oBACE,oBAAC,OAAD;IAAS,IAAI,EAAE,CAAC,KAAD,EAAQ,MAAR,EAAgB,KAAhB;kBACb,oBAAC,IAAD,OADF,eAEE,oBAAC,IAAD;IAAM,IAAI,EAAEF,IAAZ;IAAkB,cAAc,EAAEE,cAAlC;IAAkD,eAAaD,UAAU,CAAC,aAAD;KACtEF,KADH,CAFF,eAKE,oBAAC,IAAD,OALF,CADF;AASD;;AAEDL,gBAAgB,CAACS,YAAjB,GAAgCA,YAAhC;AACAT,gBAAgB,CAACU,SAAjB,GAA6BC,qBAA7B;IACMR,0BAA0B,GAAGS,QAAQ,CAACZ,gBAAD;AAC3CG,0BAA0B,CAACO,SAA3B,GAAuCC,qBAAvC;;;;"}
@@ -1 +1 @@
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,oBAAoB,CAACF,KAAD,EAAQC,MAAR,CAApB;AACD;;;;"}
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;EACvFC,oBAAoB,CAACF,KAAD,EAAQC,MAAR,CAApB;AACD;;;;"}
@@ -1 +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.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,SAAS,CAACC,MAAV,CAAiBC,UAAjB,CAA4BC,WAA5B,CAAwC,kCAAxC,CAD4B;AAEnCP,EAAAA,IAAI,EAAEI,SAAS,CAACI,KAAV,CAAgB,CAAC,GAAD,EAAM,GAAN,CAAhB,EAA4BD,WAA5B,CAAwC,uBAAxC,EAAiEE,YAAjE,CAA8E,GAA9E,CAF6B;AAGnCP,EAAAA,UAAU,EAAEE,SAAS,CAACM,MAAV,CAAiBH,WAAjB,CAA6B,2BAA7B,CAHuB;AAInCN,EAAAA,cAAc,EAAEG,SAAS,CAACI,KAAV,CAAgB,CAAC,QAAD,EAAW,QAAX,CAAhB,EAAsCD,WAAtC,CACd,0DADc;AAJmB;;;;"}
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.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;EACjDC,KAAK,EAAE,EAD0C;EAEjDC,IAAI,EAAE,GAF2C;EAGjDC,cAAc,EAAE,KAHiC;EAIjDC,UAAU,EAAE;IAAE,eAAe;;AAJoB;IAOtCC,qBAAqB,GAAG;EACnCJ,KAAK,EAAEK,SAAS,CAACC,MAAV,CAAiBC,UAAjB,CAA4BC,WAA5B,CAAwC,kCAAxC,CAD4B;EAEnCP,IAAI,EAAEI,SAAS,CAACI,KAAV,CAAgB,CAAC,GAAD,EAAM,GAAN,CAAhB,EAA4BD,WAA5B,CAAwC,uBAAxC,EAAiEE,YAAjE,CAA8E,GAA9E,CAF6B;EAGnCP,UAAU,EAAEE,SAAS,CAACM,MAAV,CAAiBH,WAAjB,CAA6B,2BAA7B,CAHuB;EAInCN,cAAc,EAAEG,SAAS,CAACI,KAAV,CAAgB,CAAC,QAAD,EAAW,QAAX,CAAhB,EAAsCD,WAAtC,CACd,0DADc;AAJmB;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../src/parts/message-delimiter/styled.tsx"],"sourcesContent":["import { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\nimport { MessageDelimiterProps } from './props';\n\nconst Wrapper = styled(Grid)`\n align-items: center;\n justify-content: center;\n width: 100%;\n min-height: 8px;\n`;\n\nconst Line = styled.span`\n border-top: 1px solid ${(props) => props.theme.colors.neutral['400']};\n`;\n\nconst Text = styled.p<Pick<MessageDelimiterProps, 'size' | 'verticalMargin'>>`\n color: ${(props) => props.theme.colors.neutral['600']};\n font-size: ${(props) => (props.size === 's' ? '12px' : '14px')};\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n margin: ${(props) =>\n typeof props.verticalMargin === 'number' ? `${props.verticalMargin}px 8px` : `${props.verticalMargin} 8px`};\n`;\n\nexport { Wrapper, Line, Text };\n"],"names":["Wrapper","styled","Grid","Line","span","props","theme","colors","neutral","Text","p","size","fontWeights","semibold","verticalMargin"],"mappings":";;;IAIMA,OAAO,gBAAGC,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA;IAOPC,IAAI,gBAAGF,MAAM,CAACG,IAAV;AAAA;AAAA,mCACgB,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CADhB;IAIJC,IAAI,gBAAGR,MAAM,CAACS,CAAV;AAAA;AAAA,gEACC,UAACL,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CADD,EAEK,UAACH,KAAD;AAAA,SAAYA,KAAK,CAACM,IAAN,KAAe,GAAf,GAAqB,MAArB,GAA8B,MAA1C;AAAA,CAFL,EAGO,UAACN,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYM,WAAZ,CAAwBC,QAAnC;AAAA,CAHP,EAIE,UAACR,KAAD;AAAA,SACR,OAAOA,KAAK,CAACS,cAAb,KAAgC,QAAhC,aAA8CT,KAAK,CAACS,cAApD,wBAAgFT,KAAK,CAACS,cAAtF,SADQ;AAAA,CAJF;;;;"}
1
+ {"version":3,"file":"styled.js","sources":["../../../../src/parts/message-delimiter/styled.tsx"],"sourcesContent":["import { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\nimport { MessageDelimiterProps } from './props';\n\nconst Wrapper = styled(Grid)`\n align-items: center;\n justify-content: center;\n width: 100%;\n min-height: 8px;\n`;\n\nconst Line = styled.span`\n border-top: 1px solid ${(props) => props.theme.colors.neutral['400']};\n`;\n\nconst Text = styled.p<Pick<MessageDelimiterProps, 'size' | 'verticalMargin'>>`\n color: ${(props) => props.theme.colors.neutral['600']};\n font-size: ${(props) => (props.size === 's' ? '12px' : '14px')};\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n margin: ${(props) =>\n typeof props.verticalMargin === 'number' ? `${props.verticalMargin}px 8px` : `${props.verticalMargin} 8px`};\n`;\n\nexport { Wrapper, Line, Text };\n"],"names":["Wrapper","styled","Grid","Line","span","props","theme","colors","neutral","Text","p","size","fontWeights","semibold","verticalMargin"],"mappings":";;;IAIMA,OAAO,gBAAGC,MAAM,CAACC,IAAD,CAAT;EAAA;AAAA;IAOPC,IAAI,gBAAGF,MAAM,CAACG,IAAV;EAAA;AAAA,mCACgB,UAACC,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CADhB;IAIJC,IAAI,gBAAGR,MAAM,CAACS,CAAV;EAAA;AAAA,gEACC,UAACL,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CADD,EAEK,UAACH,KAAD;EAAA,OAAYA,KAAK,CAACM,IAAN,KAAe,GAAf,GAAqB,MAArB,GAA8B,MAA1C;AAAA,CAFL,EAGO,UAACN,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYM,WAAZ,CAAwBC,QAAnC;AAAA,CAHP,EAIE,UAACR,KAAD;EAAA,OACR,OAAOA,KAAK,CAACS,cAAb,KAAgC,QAAhC,aAA8CT,KAAK,CAACS,cAApD,wBAAgFT,KAAK,CAACS,cAAtF,SADQ;AAAA,CAJF;;;;"}
@@ -1 +1 @@
1
- {"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","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,KAAK,CAACC,WAAN,CAAkB,YAAM;AAC1CL,IAAAA,OAAO,CAACD,IAAD,CAAP;AACD,GAFmB,EAEjB,CAACC,OAAD,EAAUD,IAAV,CAFiB,CAApB;AAIA,sBACE,oBAAC,mBAAD;AAAqB,IAAA,GAAG,EAAEA,IAA1B;AAAgC,4CAA+BA,IAA/B,CAAhC;AAAuE,IAAA,OAAO,EAAEI;AAAhF,KAAiGD,IAAjG,gBACE,oBAAC,uBAAD;AAAyB,IAAA,UAAU,EAAC,QAApC;AAA6C,IAAA,cAAc,EAAC;AAA5D,kBACE,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAC;AAAX,IADF,CADF,EAIGJ,KAAK,iBAAI,oBAAC,wBAAD,QAA2BA,KAA3B,CAJZ,CADF;AAQD;AAEDD,aAAa,CAACS,SAAd,GAA0BC,kBAA1B;AACAV,aAAa,CAACW,YAAd,GAA6BC,oBAA7B;;;;"}
1
+ {"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","propTypes","propsSidebarButton","defaultProps","defaultSidebarButton"],"mappings":";;;;;;;;;;;;;;IAIaA,aAAa,GAAG,SAAhBA,aAAgB,OAA8E;EAAA,IAA3EC,KAA2E,QAA3EA,KAA2E;MAApEC,IAAoE,QAApEA,IAAoE;MAA9DC,OAA8D,QAA9DA,OAA8D;MAArDC,IAAqD,QAArDA,IAAqD;MAA5CC,IAA4C;;EACzG,IAAMC,WAAW,GAAGC,KAAK,CAACC,WAAN,CAAkB,YAAM;IAC1CL,OAAO,CAACD,IAAD,CAAP;GADkB,EAEjB,CAACC,OAAD,EAAUD,IAAV,CAFiB,CAApB;EAIA,oBACE,oBAAC,mBAAD;IAAqB,GAAG,EAAEA,IAA1B;IAAgC,wCAA+BA,IAA/B,CAAhC;IAAuE,OAAO,EAAEI;KAAiBD,IAAjG,gBACE,oBAAC,uBAAD;IAAyB,UAAU,EAAC,QAApC;IAA6C,cAAc,EAAC;kBAC1D,oBAAC,IAAD;IAAM,IAAI,EAAC;IADb,CADF,EAIGJ,KAAK,iBAAI,oBAAC,wBAAD,QAA2BA,KAA3B,CAJZ,CADF;AAQD;AAEDD,aAAa,CAACS,SAAd,GAA0BC,kBAA1B;AACAV,aAAa,CAACW,YAAd,GAA6BC,oBAA7B;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"props.js","sources":["../../../../src/parts/sidebar-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';\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"],"names":["defaultSidebarButton","Icon","Comments","dsId","undefined","label","onClick","noop","title","propsSidebarButton","PropTypes","element","description","defaultValue","oneOfType","propsTypes","number","string","func"],"mappings":";;;;;IAcaA,oBAAwC,GAAG;AACtDC,EAAAA,IAAI,EAAEC,QADgD;AAEtDC,EAAAA,IAAI,EAAEC,SAFgD;AAGtDC,EAAAA,KAAK,EAAE,EAH+C;AAItDC,EAAAA,OAAO,EAAEC,IAJ6C;AAKtDC,EAAAA,KAAK,EAAE;AAL+C;IAQ3CC,kBAAkB,GAAG;AAChCR,EAAAA,IAAI,EAAES,SAAS,CAACC,OAAV,CAAkBC,WAAlB,CAA8B,gBAA9B,EAAgDC,YAAhD,CAA6Db,oBAAoB,CAACC,IAAlF,CAD0B;AAEhCE,EAAAA,IAAI,EAAEO,SAAS,CAACI,SAAV,CAAoB,CAACC,UAAU,CAACC,MAAZ,EAAoBD,UAAU,CAACE,MAA/B,CAApB,EACHL,WADG,CACS,0BADT,EAEHC,YAFG,CAEUb,oBAAoB,CAACG,IAF/B,CAF0B;AAKhCE,EAAAA,KAAK,EAAEK,SAAS,CAACO,MAAV,CAAiBL,WAAjB,CAA6B,gCAA7B,EAA+DC,YAA/D,CAA4Eb,oBAAoB,CAACK,KAAjG,CALyB;AAMhCG,EAAAA,KAAK,EAAEE,SAAS,CAACO,MAAV,CAAiBL,WAAjB,CAA6B,SAA7B,EAAwCC,YAAxC,CAAqDb,oBAAoB,CAACQ,KAA1E,CANyB;AAOhCF,EAAAA,OAAO,EAAEI,SAAS,CAACQ,IAAV,CACNN,WADM,CACM,0CADN,EAENC,YAFM,CAEOb,oBAAoB,CAACM,OAF5B;AAPuB;;;;"}
1
+ {"version":3,"file":"props.js","sources":["../../../../src/parts/sidebar-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';\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"],"names":["defaultSidebarButton","Icon","Comments","dsId","undefined","label","onClick","noop","title","propsSidebarButton","PropTypes","element","description","defaultValue","oneOfType","propsTypes","number","string","func"],"mappings":";;;;;IAcaA,oBAAwC,GAAG;EACtDC,IAAI,EAAEC,QADgD;EAEtDC,IAAI,EAAEC,SAFgD;EAGtDC,KAAK,EAAE,EAH+C;EAItDC,OAAO,EAAEC,IAJ6C;EAKtDC,KAAK,EAAE;AAL+C;IAQ3CC,kBAAkB,GAAG;EAChCR,IAAI,EAAES,SAAS,CAACC,OAAV,CAAkBC,WAAlB,CAA8B,gBAA9B,EAAgDC,YAAhD,CAA6Db,oBAAoB,CAACC,IAAlF,CAD0B;EAEhCE,IAAI,EAAEO,SAAS,CAACI,SAAV,CAAoB,CAACC,UAAU,CAACC,MAAZ,EAAoBD,UAAU,CAACE,MAA/B,CAApB,EACHL,WADG,CACS,0BADT,EAEHC,YAFG,CAEUb,oBAAoB,CAACG,IAF/B,CAF0B;EAKhCE,KAAK,EAAEK,SAAS,CAACO,MAAV,CAAiBL,WAAjB,CAA6B,gCAA7B,EAA+DC,YAA/D,CAA4Eb,oBAAoB,CAACK,KAAjG,CALyB;EAMhCG,KAAK,EAAEE,SAAS,CAACO,MAAV,CAAiBL,WAAjB,CAA6B,SAA7B,EAAwCC,YAAxC,CAAqDb,oBAAoB,CAACQ,KAA1E,CANyB;EAOhCF,OAAO,EAAEI,SAAS,CAACQ,IAAV,CACNN,WADM,CACM,0CADN,EAENC,YAFM,CAEOb,oBAAoB,CAACM,OAF5B;AAPuB;;;;"}
@@ -1 +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 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,MAAM,CAACC,MAAV;AAAA;AAAA,sPAKpBC,qBALoB,EAMrBC,iBANqB,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,MAAM,CAACS,IAAD,CAAT;AAAA;AAAA;IAIvBC,wBAAwB,gBAAGV,MAAM,CAACW,GAAV;AAAA;AAAA;;;;"}
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 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,MAAM,CAACC,MAAV;EAAA;AAAA,sPAKpBC,qBALoB,EAMrBC,iBANqB,EAYd,UAACC,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAZc,EAeH,UAACH,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAfG,EAkBpB,UAACH,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAlBoB;IAsBnBC,uBAAuB,gBAAGR,MAAM,CAACS,IAAD,CAAT;EAAA;AAAA;IAIvBC,wBAAwB,gBAAGV,MAAM,CAACW,GAAV;EAAA;AAAA;;;;"}
@@ -1 +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';\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","defaultProps","propTypes","systemMessageProps","describe"],"mappings":";;;;;;;;;IAMMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAA4C;AAChEC,EAAAA,gBAAgB,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,sBACE,oBAAC,OAAD;AAAS,IAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT;AAAf,kBACE,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAE,CAAC,KAAD,EAAQ,MAAR,EAAgB,KAAhB;AAAd,kBACE,iCADF,eAEE,oBAAC,KAAD;AAAO,mBAAY;AAAnB,KAAgDF,KAAhD,CAFF,eAGE,oBAAC,IAAD;AAAM,mBAAY;AAAlB,KAA8CC,IAA9C,CAHF,CADF,eAME,oBAAC,OAAD;AAAS,mBAAY;AAArB,KAAiDC,IAAjD,CANF,CADF;AAUD;;AAEDP,aAAa,CAACQ,YAAd,GAA6BA,YAA7B;AACAR,aAAa,CAACS,SAAd,GAA0BC,kBAA1B;IACMP,uBAAuB,GAAGQ,QAAQ,CAACX,aAAD;AACxCG,uBAAuB,CAACM,SAAxB,GAAoCC,kBAApC;;;;"}
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';\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","defaultProps","propTypes","systemMessageProps","describe"],"mappings":";;;;;;;;;IAMMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAA4C;EAChEC,gBAAgB,CAACD,KAAD,EAAQE,uBAAuB,CAACC,MAAxB,EAAR,CAAhB;EACA,IAAQC,KAAR,GAA8BJ,KAA9B,CAAQI,KAAR;MAAeC,IAAf,GAA8BL,KAA9B,CAAeK,IAAf;MAAqBC,IAArB,GAA8BN,KAA9B,CAAqBM,IAArB;EACA,oBACE,oBAAC,OAAD;IAAS,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT;kBACb,oBAAC,MAAD;IAAQ,IAAI,EAAE,CAAC,KAAD,EAAQ,MAAR,EAAgB,KAAhB;kBACZ,iCADF,eAEE,oBAAC,KAAD;IAAO,eAAY;KAA6BF,KAAhD,CAFF,eAGE,oBAAC,IAAD;IAAM,eAAY;KAA4BC,IAA9C,CAHF,CADF,eAME,oBAAC,OAAD;IAAS,eAAY;KAA4BC,IAAjD,CANF,CADF;AAUD;;AAEDP,aAAa,CAACQ,YAAd,GAA6BA,YAA7B;AACAR,aAAa,CAACS,SAAd,GAA0BC,kBAA1B;IACMP,uBAAuB,GAAGQ,QAAQ,CAACX,aAAD;AACxCG,uBAAuB,CAACM,SAAxB,GAAoCC,kBAApC;;;;"}
@@ -1 +1 @@
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,oBAAoB,CAACF,KAAD,EAAQC,MAAR,CAApB;AACD;;;;"}
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;EACpFC,oBAAoB,CAACF,KAAD,EAAQC,MAAR,CAApB;AACD;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"props.js","sources":["../../../../src/parts/system-message/props.tsx"],"sourcesContent":["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"],"names":["defaultProps","title","time","body","systemMessageProps","PropTypes","string","isRequired","description","defaultValue"],"mappings":";;IAQaA,YAAgC,GAAG;AAC9CC,EAAAA,KAAK,EAAE,gBADuC;AAE9CC,EAAAA,IAAI,EAAE,EAFwC;AAG9CC,EAAAA,IAAI,EAAE;AAHwC;IAMnCC,kBAAkB,GAAG;AAChCH,EAAAA,KAAK,EAAEI,SAAS,CAACC,MAAV,CAAiBC,UAAjB,CACJC,WADI,CACQ,eADR,EAEJC,YAFI,CAES,gBAFT,CADyB;AAIhCP,EAAAA,IAAI,EAAEG,SAAS,CAACC,MAAV,CAAiBE,WAAjB,CAA6B,+BAA7B,CAJ0B;AAKhCL,EAAAA,IAAI,EAAEE,SAAS,CAACC,MAAV,CAAiBC,UAAjB,CAA4BC,WAA5B,CAAwC,SAAxC;AAL0B;;;;"}
1
+ {"version":3,"file":"props.js","sources":["../../../../src/parts/system-message/props.tsx"],"sourcesContent":["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"],"names":["defaultProps","title","time","body","systemMessageProps","PropTypes","string","isRequired","description","defaultValue"],"mappings":";;IAQaA,YAAgC,GAAG;EAC9CC,KAAK,EAAE,gBADuC;EAE9CC,IAAI,EAAE,EAFwC;EAG9CC,IAAI,EAAE;AAHwC;IAMnCC,kBAAkB,GAAG;EAChCH,KAAK,EAAEI,SAAS,CAACC,MAAV,CAAiBC,UAAjB,CACJC,WADI,CACQ,eADR,EAEJC,YAFI,CAES,gBAFT,CADyB;EAIhCP,IAAI,EAAEG,SAAS,CAACC,MAAV,CAAiBE,WAAjB,CAA6B,+BAA7B,CAJ0B;EAKhCL,IAAI,EAAEE,SAAS,CAACC,MAAV,CAAiBC,UAAjB,CAA4BC,WAA5B,CAAwC,SAAxC;AAL0B;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"style.js","sources":["../../../../src/parts/system-message/style.tsx"],"sourcesContent":["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"],"names":["Wrapper","styled","Grid","props","theme","colors","neutral","Header","Title","p","fontWeights","semibold","Time","regular","Message"],"mappings":";;;IAGMA,OAAO,gBAAGC,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA,mKAKS,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CALT,EAOS,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAPT;IAWPC,MAAM,gBAAGN,MAAM,CAACC,IAAD,CAAT;AAAA;AAAA;IAKNM,KAAK,gBAAGP,MAAM,CAACQ,CAAV;AAAA;AAAA,6DAEM,UAACN,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYM,WAAZ,CAAwBC,QAAnC;AAAA,CAFN,EAGA,UAACR,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAHA;IAOLM,IAAI,gBAAGX,MAAM,CAACQ,CAAV;AAAA;AAAA,8EAEO,UAACN,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYM,WAAZ,CAAwBG,OAAnC;AAAA,CAFP,EAGC,UAACV,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAHD;IAQJQ,OAAO,gBAAGb,MAAM,CAACQ,CAAV;AAAA;AAAA,+FAEI,UAACN,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYM,WAAZ,CAAwBG,OAAnC;AAAA,CAFJ,EAGF,UAACV,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAHE;;;;"}
1
+ {"version":3,"file":"style.js","sources":["../../../../src/parts/system-message/style.tsx"],"sourcesContent":["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"],"names":["Wrapper","styled","Grid","props","theme","colors","neutral","Header","Title","p","fontWeights","semibold","Time","regular","Message"],"mappings":";;;IAGMA,OAAO,gBAAGC,MAAM,CAACC,IAAD,CAAT;EAAA;AAAA,mKAKS,UAACC,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CALT,EAOS,UAACH,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAPT;IAWPC,MAAM,gBAAGN,MAAM,CAACC,IAAD,CAAT;EAAA;AAAA;IAKNM,KAAK,gBAAGP,MAAM,CAACQ,CAAV;EAAA;AAAA,6DAEM,UAACN,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYM,WAAZ,CAAwBC,QAAnC;AAAA,CAFN,EAGA,UAACR,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAHA;IAOLM,IAAI,gBAAGX,MAAM,CAACQ,CAAV;EAAA;AAAA,8EAEO,UAACN,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYM,WAAZ,CAAwBG,OAAnC;AAAA,CAFP,EAGC,UAACV,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAHD;IAQJQ,OAAO,gBAAGb,MAAM,CAACQ,CAAV;EAAA;AAAA,+FAEI,UAACN,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYM,WAAZ,CAAwBG,OAAnC;AAAA,CAFJ,EAGF,UAACV,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAHE;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"TileButton.js","sources":["../../../../src/parts/tile-button/TileButton.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe } from 'react-desc';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip';\nimport { Grid } from '@elliemae/ds-grid';\nimport { CloseXsmall } from '@elliemae/ds-icons';\nimport {\n StyledTooltipV3ButtonWrapper,\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 tooltipPlacement,\n disableTooltip,\n innerRef,\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 ? (\n <StyledStatusBadge\n badgeColor={badgeColor}\n badgePosition={badgePosition}\n data-testid={`tile-badge-${dsId}`}\n />\n ) : 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 const Btn = React.useMemo(\n () => (\n <StyledTileButton\n key={dsId}\n isHeader={isHeader}\n value={dsId}\n data-testid={`tile-button-${dsId}`}\n data-key={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 ref={innerRef}\n >\n <StyledWrapper alignItems=\"center\" justifyContent=\"center\">\n <span>{MainContent}</span>\n <StyledWrapperLeftBorder />\n {showClose && !disabled ? (\n <CloseButton onClick={onClose} value={dsId} data-testid={`tile-close-btn-${dsId}`}>\n <CloseXsmall />\n </CloseButton>\n ) : null}\n </StyledWrapper>\n </StyledTileButton>\n ),\n [\n MainContent,\n ariaLabel,\n badgeColor,\n badgePosition,\n disabled,\n dsId,\n handleClick,\n isHeader,\n onBlur,\n onClose,\n onFocus,\n selected,\n showClose,\n innerRef,\n ],\n );\n\n return title && !disableTooltip ? (\n <StyledTooltipV3ButtonWrapper>\n <DSTooltipV3 id={`ds-chat-tile-tooltip-button-${dsId}`} text={title} startPlacementPreference={tooltipPlacement}>\n {Btn}\n </DSTooltipV3>\n </StyledTooltipV3ButtonWrapper>\n ) : (\n Btn\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","tooltipPlacement","disableTooltip","innerRef","handleClick","React","useCallback","MainContent","useMemo","undefined","Btn","propTypes","propsTileButton","defaultProps","defaultTileButton","describe"],"mappings":"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"}
1
+ {"version":3,"file":"TileButton.js","sources":["../../../../src/parts/tile-button/TileButton.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe } from 'react-desc';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip';\nimport { Grid } from '@elliemae/ds-grid';\nimport { CloseXsmall } from '@elliemae/ds-icons';\nimport {\n StyledTooltipV3ButtonWrapper,\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 tooltipPlacement,\n disableTooltip,\n innerRef,\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 ? (\n <StyledStatusBadge\n badgeColor={badgeColor}\n badgePosition={badgePosition}\n data-testid={`tile-badge-${dsId}`}\n />\n ) : 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 const Btn = React.useMemo(\n () => (\n <StyledTileButton\n key={dsId}\n isHeader={isHeader}\n value={dsId}\n data-testid={`tile-button-${dsId}`}\n data-key={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 ref={innerRef}\n >\n <StyledWrapper alignItems=\"center\" justifyContent=\"center\">\n <span>{MainContent}</span>\n <StyledWrapperLeftBorder />\n {showClose && !disabled ? (\n <CloseButton onClick={onClose} value={dsId} data-testid={`tile-close-btn-${dsId}`}>\n <CloseXsmall />\n </CloseButton>\n ) : null}\n </StyledWrapper>\n </StyledTileButton>\n ),\n [\n MainContent,\n ariaLabel,\n badgeColor,\n badgePosition,\n disabled,\n dsId,\n handleClick,\n isHeader,\n onBlur,\n onClose,\n onFocus,\n selected,\n showClose,\n innerRef,\n ],\n );\n\n return title && !disableTooltip ? (\n <StyledTooltipV3ButtonWrapper>\n <DSTooltipV3 id={`ds-chat-tile-tooltip-button-${dsId}`} text={title} startPlacementPreference={tooltipPlacement}>\n {Btn}\n </DSTooltipV3>\n </StyledTooltipV3ButtonWrapper>\n ) : (\n Btn\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","tooltipPlacement","disableTooltip","innerRef","handleClick","React","useCallback","MainContent","useMemo","undefined","Btn","propTypes","propsTileButton","defaultProps","defaultTileButton","describe"],"mappings":"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"}
@@ -1 +1 @@
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,oBAAoB,CAACF,KAAD,EAAQC,MAAR,CAApB;AACD;;;;"}
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;EACjFC,oBAAoB,CAACF,KAAD,EAAQC,MAAR,CAApB;AACD;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"props.js","sources":["../../../../src/parts/tile-button/props.ts"],"sourcesContent":["import React from 'react';\nimport { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport { Comments } from '@elliemae/ds-icons';\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 tooltipPlacement:\n | 'top-start'\n | 'top'\n | 'top-end'\n | 'right-start'\n | 'right'\n | 'right-end'\n | 'bottom-end'\n | 'bottom'\n | 'bottom-start'\n | 'left-end'\n | 'left'\n | 'left-start';\n disableTooltip: boolean;\n innerRef?: React.MutableRefObject<HTMLButtonElement> | ((_ref: HTMLButtonElement) => void);\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 tooltipPlacement: 'right',\n disableTooltip: false,\n innerRef: noop,\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 tooltipPlacement: PropTypes.oneOf([\n 'top-start',\n 'top',\n 'top-end',\n 'right-start',\n 'right',\n 'right-end',\n 'bottom-end',\n 'bottom',\n 'bottom-start',\n 'left-end',\n 'left',\n 'left-start',\n ])\n .description('start placement preferences, as per popperjs placement option')\n .defaultValue(\"'right'\"),\n disableTooltip: PropTypes.bool.description('Disable tooltip option').defaultValue(defaultTileButton.disableTooltip),\n innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]).description(\n 'reference to the component',\n ),\n};\n"],"names":["defaultTileButton","Icon","Comments","dsId","undefined","label","onClick","noop","onBlur","onFocus","title","onClose","showClose","badge","badgeColor","badgePosition","disabled","selected","isHeader","ariaLabel","tooltipPlacement","disableTooltip","innerRef","propsTileButton","PropTypes","func","description","defaultValue","oneOf","string","bool","oneOfType","shape","current","any"],"mappings":"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"}
1
+ {"version":3,"file":"props.js","sources":["../../../../src/parts/tile-button/props.ts"],"sourcesContent":["import React from 'react';\nimport { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport { Comments } from '@elliemae/ds-icons';\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 tooltipPlacement:\n | 'top-start'\n | 'top'\n | 'top-end'\n | 'right-start'\n | 'right'\n | 'right-end'\n | 'bottom-end'\n | 'bottom'\n | 'bottom-start'\n | 'left-end'\n | 'left'\n | 'left-start';\n disableTooltip: boolean;\n innerRef?: React.MutableRefObject<HTMLButtonElement> | ((_ref: HTMLButtonElement) => void);\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 tooltipPlacement: 'right',\n disableTooltip: false,\n innerRef: noop,\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 tooltipPlacement: PropTypes.oneOf([\n 'top-start',\n 'top',\n 'top-end',\n 'right-start',\n 'right',\n 'right-end',\n 'bottom-end',\n 'bottom',\n 'bottom-start',\n 'left-end',\n 'left',\n 'left-start',\n ])\n .description('start placement preferences, as per popperjs placement option')\n .defaultValue(\"'right'\"),\n disableTooltip: PropTypes.bool.description('Disable tooltip option').defaultValue(defaultTileButton.disableTooltip),\n innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]).description(\n 'reference to the component',\n ),\n};\n"],"names":["defaultTileButton","Icon","Comments","dsId","undefined","label","onClick","noop","onBlur","onFocus","title","onClose","showClose","badge","badgeColor","badgePosition","disabled","selected","isHeader","ariaLabel","tooltipPlacement","disableTooltip","innerRef","propsTileButton","PropTypes","func","description","defaultValue","oneOf","string","bool","oneOfType","shape","current","any"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../src/parts/tile-button/styled.ts"],"sourcesContent":["/* eslint-disable indent */\n/* eslint-disable max-lines */\nimport styled, { css } from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { TileButtonProps } from './props';\nconst MIN_WIDTH_SIDEBAR = 48;\nconst BUTTON_SIDEBAR_HEIGHT = 48;\n\n// Buttons\nexport const StyledWrapperLeftBorder = styled(Grid)`\n height: 100%;\n width: 4px;\n position: absolute;\n top: 0;\n left: 0;\n`;\n\nexport const StyledStatusBadge = styled.div<Partial<TileButtonProps>>`\n height: 8px;\n width: 8px;\n position: absolute;\n top: 0;\n background: ${(props) => {\n switch (props.badgeColor) {\n case 'blue':\n return props.theme.colors.brand[600];\n case 'green':\n return props.theme.colors.success[900];\n default:\n return props.theme.colors.brand[600];\n }\n }};\n ${(props) => {\n switch (props.badgePosition) {\n case 'left':\n return 'left: -4px;';\n case 'right':\n return 'right: -4px;';\n default:\n return 'left: -4px;';\n }\n }};\n border-radius: 50%;\n box-sizing: content-box;\n`;\n\nexport const StyledWrapperCentralContent = styled(Grid)`\n width: 24px;\n height: 40px;\n`;\n\nexport const StyledTileButtonIcon = styled(Grid)`\n position: relative;\n height: 24px;\n width: 24px;\n svg {\n fill: ${(props) => props.theme.colors.neutral[500]};\n }\n\n &:focus {\n svg {\n fill: ${(props) => props.theme.colors.brand[800]};\n }\n }\n`;\n\nexport const StyledTileButtonLabel = styled.div`\n width: 24px;\n height: ${(props) => props.theme.space.xs};\n text-transform: uppercase;\n overflow: hidden;\n text-align: center;\n font-size: 13px;\n color: ${(props) => props.theme.colors.neutral[600]};\n line-height: 17px;\n`;\n\nexport const CloseButton = styled.button<any>`\n outline: none;\n background: none;\n height: 9px;\n width: 9px;\n position: absolute;\n top: 1px;\n right: 1px;\n overflow: hidden;\n padding: 0;\n border: none;\n span {\n position: absolute;\n left: -3px;\n top: -4px;\n }\n\n &:focus,\n &:hover {\n svg {\n fill: ${(props) => props.theme.colors.brand[600]};\n }\n &:after {\n display: block;\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: solid 1px ${(props) => props.theme.colors.brand[600]};\n border-radius: 2px;\n }\n }\n cursor: pointer;\n`;\n\n// MAIN WRAPPER\nexport const StyledTooltipV3ButtonWrapper = styled.div`\n height: ${BUTTON_SIDEBAR_HEIGHT}px;\n width: ${MIN_WIDTH_SIDEBAR}px;\n`;\nexport const StyledTileButton = styled.button<Partial<TileButtonProps>>`\n outline: none;\n background: transparent;\n height: ${BUTTON_SIDEBAR_HEIGHT}px;\n width: ${MIN_WIDTH_SIDEBAR}px;\n position: relative;\n padding: 0;\n border: none;\n cursor: pointer;\n border-bottom: ${(props) => (props.isHeader ? `1px solid ${props.theme.colors.neutral['200']}` : 'none')};\n &:focus,\n &:hover,\n &:active,\n &:disabled {\n background: ${(props) => props.theme.colors.neutral['080']};\n & ${StyledStatusBadge} {\n border: 2px solid ${(props) => props.theme.colors.neutral['080']};\n margin-top: -2px;\n ${(props) => {\n switch (props.badgePosition) {\n case 'left':\n return 'margin-left: -2px;';\n case 'right':\n return 'margin-right: -2px;';\n default:\n return 'margin-left: -2px;';\n }\n }};\n }\n }\n\n &:focus,\n &:hover {\n & ${StyledWrapperLeftBorder} {\n background: ${(props) => props.theme.colors.brand[800]};\n }\n & ${StyledTileButtonLabel} {\n color: ${(props) => props.theme.colors.neutral[600]};\n }\n\n & svg {\n fill: ${(props) => props.theme.colors.brand[800]};\n }\n }\n\n &:active:not(:disabled) {\n background: ${(props) => props.theme.colors.neutral['050']};\n & ${StyledWrapperLeftBorder} {\n background: ${(props) => props.theme.colors.brand[600]};\n }\n & ${StyledTileButtonLabel} {\n color: ${(props) => props.theme.colors.neutral[600]};\n font-weight: 600;\n }\n & svg {\n fill: ${(props) => props.theme.colors.brand[600]};\n }\n & ${StyledStatusBadge} {\n border: 2px solid ${(props) => props.theme.colors.neutral['050']};\n }\n }\n\n &:disabled {\n background: ${(props) => props.theme.colors.neutral['080']};\n ${StyledWrapperLeftBorder} {\n background: ${(props) => props.theme.colors.neutral['400']};\n }\n & ${StyledStatusBadge} {\n background: ${(props) => props.theme.colors.neutral['500']};\n border: 2px solid ${(props) => props.theme.colors.neutral['080']};\n }\n ${StyledTileButtonIcon} {\n svg {\n fill: ${(props) => props.theme.colors.neutral[400]};\n }\n }\n ${StyledTileButtonLabel} {\n color: ${(props) => props.theme.colors.neutral[400]};\n }\n }\n\n ${(props) => {\n if (props.selected) {\n return css`\n & ${StyledWrapperLeftBorder} {\n background: ${(nestedProps) => nestedProps.theme.colors.brand[600]};\n }\n `;\n }\n return '';\n }}\n`;\n\nexport const StyledWrapper = styled(Grid)`\n height: 100%;\n width: 100%;\n position: relative;\n`;\n"],"names":["MIN_WIDTH_SIDEBAR","BUTTON_SIDEBAR_HEIGHT","StyledWrapperLeftBorder","styled","Grid","StyledStatusBadge","div","props","badgeColor","theme","colors","brand","success","badgePosition","StyledWrapperCentralContent","StyledTileButtonIcon","neutral","StyledTileButtonLabel","space","xs","CloseButton","button","StyledTooltipV3ButtonWrapper","StyledTileButton","isHeader","selected","css","nestedProps","StyledWrapper"],"mappings":"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"}
1
+ {"version":3,"file":"styled.js","sources":["../../../../src/parts/tile-button/styled.ts"],"sourcesContent":["/* eslint-disable indent */\n/* eslint-disable max-lines */\nimport styled, { css } from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { TileButtonProps } from './props';\nconst MIN_WIDTH_SIDEBAR = 48;\nconst BUTTON_SIDEBAR_HEIGHT = 48;\n\n// Buttons\nexport const StyledWrapperLeftBorder = styled(Grid)`\n height: 100%;\n width: 4px;\n position: absolute;\n top: 0;\n left: 0;\n`;\n\nexport const StyledStatusBadge = styled.div<Partial<TileButtonProps>>`\n height: 8px;\n width: 8px;\n position: absolute;\n top: 0;\n background: ${(props) => {\n switch (props.badgeColor) {\n case 'blue':\n return props.theme.colors.brand[600];\n case 'green':\n return props.theme.colors.success[900];\n default:\n return props.theme.colors.brand[600];\n }\n }};\n ${(props) => {\n switch (props.badgePosition) {\n case 'left':\n return 'left: -4px;';\n case 'right':\n return 'right: -4px;';\n default:\n return 'left: -4px;';\n }\n }};\n border-radius: 50%;\n box-sizing: content-box;\n`;\n\nexport const StyledWrapperCentralContent = styled(Grid)`\n width: 24px;\n height: 40px;\n`;\n\nexport const StyledTileButtonIcon = styled(Grid)`\n position: relative;\n height: 24px;\n width: 24px;\n svg {\n fill: ${(props) => props.theme.colors.neutral[500]};\n }\n\n &:focus {\n svg {\n fill: ${(props) => props.theme.colors.brand[800]};\n }\n }\n`;\n\nexport const StyledTileButtonLabel = styled.div`\n width: 24px;\n height: ${(props) => props.theme.space.xs};\n text-transform: uppercase;\n overflow: hidden;\n text-align: center;\n font-size: 13px;\n color: ${(props) => props.theme.colors.neutral[600]};\n line-height: 17px;\n`;\n\nexport const CloseButton = styled.button<any>`\n outline: none;\n background: none;\n height: 9px;\n width: 9px;\n position: absolute;\n top: 1px;\n right: 1px;\n overflow: hidden;\n padding: 0;\n border: none;\n span {\n position: absolute;\n left: -3px;\n top: -4px;\n }\n\n &:focus,\n &:hover {\n svg {\n fill: ${(props) => props.theme.colors.brand[600]};\n }\n &:after {\n display: block;\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: solid 1px ${(props) => props.theme.colors.brand[600]};\n border-radius: 2px;\n }\n }\n cursor: pointer;\n`;\n\n// MAIN WRAPPER\nexport const StyledTooltipV3ButtonWrapper = styled.div`\n height: ${BUTTON_SIDEBAR_HEIGHT}px;\n width: ${MIN_WIDTH_SIDEBAR}px;\n`;\nexport const StyledTileButton = styled.button<Partial<TileButtonProps>>`\n outline: none;\n background: transparent;\n height: ${BUTTON_SIDEBAR_HEIGHT}px;\n width: ${MIN_WIDTH_SIDEBAR}px;\n position: relative;\n padding: 0;\n border: none;\n cursor: pointer;\n border-bottom: ${(props) => (props.isHeader ? `1px solid ${props.theme.colors.neutral['200']}` : 'none')};\n &:focus,\n &:hover,\n &:active,\n &:disabled {\n background: ${(props) => props.theme.colors.neutral['080']};\n & ${StyledStatusBadge} {\n border: 2px solid ${(props) => props.theme.colors.neutral['080']};\n margin-top: -2px;\n ${(props) => {\n switch (props.badgePosition) {\n case 'left':\n return 'margin-left: -2px;';\n case 'right':\n return 'margin-right: -2px;';\n default:\n return 'margin-left: -2px;';\n }\n }};\n }\n }\n\n &:focus,\n &:hover {\n & ${StyledWrapperLeftBorder} {\n background: ${(props) => props.theme.colors.brand[800]};\n }\n & ${StyledTileButtonLabel} {\n color: ${(props) => props.theme.colors.neutral[600]};\n }\n\n & svg {\n fill: ${(props) => props.theme.colors.brand[800]};\n }\n }\n\n &:active:not(:disabled) {\n background: ${(props) => props.theme.colors.neutral['050']};\n & ${StyledWrapperLeftBorder} {\n background: ${(props) => props.theme.colors.brand[600]};\n }\n & ${StyledTileButtonLabel} {\n color: ${(props) => props.theme.colors.neutral[600]};\n font-weight: 600;\n }\n & svg {\n fill: ${(props) => props.theme.colors.brand[600]};\n }\n & ${StyledStatusBadge} {\n border: 2px solid ${(props) => props.theme.colors.neutral['050']};\n }\n }\n\n &:disabled {\n background: ${(props) => props.theme.colors.neutral['080']};\n ${StyledWrapperLeftBorder} {\n background: ${(props) => props.theme.colors.neutral['400']};\n }\n & ${StyledStatusBadge} {\n background: ${(props) => props.theme.colors.neutral['500']};\n border: 2px solid ${(props) => props.theme.colors.neutral['080']};\n }\n ${StyledTileButtonIcon} {\n svg {\n fill: ${(props) => props.theme.colors.neutral[400]};\n }\n }\n ${StyledTileButtonLabel} {\n color: ${(props) => props.theme.colors.neutral[400]};\n }\n }\n\n ${(props) => {\n if (props.selected) {\n return css`\n & ${StyledWrapperLeftBorder} {\n background: ${(nestedProps) => nestedProps.theme.colors.brand[600]};\n }\n `;\n }\n return '';\n }}\n`;\n\nexport const StyledWrapper = styled(Grid)`\n height: 100%;\n width: 100%;\n position: relative;\n`;\n"],"names":["MIN_WIDTH_SIDEBAR","BUTTON_SIDEBAR_HEIGHT","StyledWrapperLeftBorder","styled","Grid","StyledStatusBadge","div","props","badgeColor","theme","colors","brand","success","badgePosition","StyledWrapperCentralContent","StyledTileButtonIcon","neutral","StyledTileButtonLabel","space","xs","CloseButton","button","StyledTooltipV3ButtonWrapper","StyledTileButton","isHeader","selected","css","nestedProps","StyledWrapper"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"prop-types.js","sources":["../../src/prop-types.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport { ChatProps } from './index.d';\n\nexport const defaultProps: ChatProps = {\n expanded: false,\n expandedWidth: 348,\n openedItem: undefined,\n onFooterExpand: noop,\n onFooterClose: noop,\n floating: false,\n onHeaderExpand: noop,\n onHeaderClose: noop,\n title: 'Header Title',\n};\n\nexport const chatProps = {\n containerProps: PropTypes.shape({}).defaultValue({}),\n expanded: PropTypes.bool\n .description('Whether to show the chat expanded or collapsed')\n .defaultValue(defaultProps.expanded),\n expandedWidth: PropTypes.number\n .description('Total width attached to the expanded Chat')\n .defaultValue(defaultProps.expandedWidth),\n openedItem: PropTypes.string\n .description('The id of the chat item you want to be opened')\n .defaultValue(defaultProps.openedItem),\n messages: PropTypes.arrayOf(PropTypes.object)\n .description(\n 'The array of out-of-the-box items you want to render inside the container list of the chat',\n )\n .defaultValue(defaultProps.openedItem),\n onFooterExpand: PropTypes.func\n .description('The function to call when the chat is opened via the footer')\n .defaultValue(defaultProps.onFooterExpand),\n onFooterClose: PropTypes.func\n .description('The function to call when the chat is closed via the footer')\n .defaultValue(defaultProps.onFooterClose),\n onHeaderExpand: PropTypes.func\n .description('The function to call when the chat is opened via the header')\n .defaultValue(defaultProps.onHeaderExpand),\n onHeaderClose: PropTypes.func\n .description('The function to call when the chat is closed via the header')\n .defaultValue(defaultProps.onHeaderClose),\n floating: PropTypes.bool\n .description('Whether to show the chat as floating chat or not')\n .defaultValue(defaultProps.floating),\n};\n"],"names":["defaultProps","expanded","expandedWidth","openedItem","undefined","onFooterExpand","noop","onFooterClose","floating","onHeaderExpand","onHeaderClose","title","chatProps","containerProps","PropTypes","shape","defaultValue","bool","description","number","string","messages","arrayOf","object","func"],"mappings":";;;IAIaA,YAAuB,GAAG;AACrCC,EAAAA,QAAQ,EAAE,KAD2B;AAErCC,EAAAA,aAAa,EAAE,GAFsB;AAGrCC,EAAAA,UAAU,EAAEC,SAHyB;AAIrCC,EAAAA,cAAc,EAAEC,IAJqB;AAKrCC,EAAAA,aAAa,EAAED,IALsB;AAMrCE,EAAAA,QAAQ,EAAE,KAN2B;AAOrCC,EAAAA,cAAc,EAAEH,IAPqB;AAQrCI,EAAAA,aAAa,EAAEJ,IARsB;AASrCK,EAAAA,KAAK,EAAE;AAT8B;IAY1BC,SAAS,GAAG;AACvBC,EAAAA,cAAc,EAAEC,SAAS,CAACC,KAAV,CAAgB,EAAhB,EAAoBC,YAApB,CAAiC,EAAjC,CADO;AAEvBf,EAAAA,QAAQ,EAAEa,SAAS,CAACG,IAAV,CACPC,WADO,CACK,gDADL,EAEPF,YAFO,CAEMhB,YAAY,CAACC,QAFnB,CAFa;AAKvBC,EAAAA,aAAa,EAAEY,SAAS,CAACK,MAAV,CACZD,WADY,CACA,2CADA,EAEZF,YAFY,CAEChB,YAAY,CAACE,aAFd,CALQ;AAQvBC,EAAAA,UAAU,EAAEW,SAAS,CAACM,MAAV,CACTF,WADS,CACG,+CADH,EAETF,YAFS,CAEIhB,YAAY,CAACG,UAFjB,CARW;AAWvBkB,EAAAA,QAAQ,EAAEP,SAAS,CAACQ,OAAV,CAAkBR,SAAS,CAACS,MAA5B,EACPL,WADO,CAEN,4FAFM,EAIPF,YAJO,CAIMhB,YAAY,CAACG,UAJnB,CAXa;AAgBvBE,EAAAA,cAAc,EAAES,SAAS,CAACU,IAAV,CACbN,WADa,CACD,6DADC,EAEbF,YAFa,CAEAhB,YAAY,CAACK,cAFb,CAhBO;AAmBvBE,EAAAA,aAAa,EAAEO,SAAS,CAACU,IAAV,CACZN,WADY,CACA,6DADA,EAEZF,YAFY,CAEChB,YAAY,CAACO,aAFd,CAnBQ;AAsBvBE,EAAAA,cAAc,EAAEK,SAAS,CAACU,IAAV,CACbN,WADa,CACD,6DADC,EAEbF,YAFa,CAEAhB,YAAY,CAACS,cAFb,CAtBO;AAyBvBC,EAAAA,aAAa,EAAEI,SAAS,CAACU,IAAV,CACZN,WADY,CACA,6DADA,EAEZF,YAFY,CAEChB,YAAY,CAACU,aAFd,CAzBQ;AA4BvBF,EAAAA,QAAQ,EAAEM,SAAS,CAACG,IAAV,CACPC,WADO,CACK,kDADL,EAEPF,YAFO,CAEMhB,YAAY,CAACQ,QAFnB;AA5Ba;;;;"}
1
+ {"version":3,"file":"prop-types.js","sources":["../../src/prop-types.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\nimport { noop } from 'lodash';\nimport { ChatProps } from './index.d';\n\nexport const defaultProps: ChatProps = {\n expanded: false,\n expandedWidth: 348,\n openedItem: undefined,\n onFooterExpand: noop,\n onFooterClose: noop,\n floating: false,\n onHeaderExpand: noop,\n onHeaderClose: noop,\n title: 'Header Title',\n};\n\nexport const chatProps = {\n containerProps: PropTypes.shape({}).defaultValue({}),\n expanded: PropTypes.bool\n .description('Whether to show the chat expanded or collapsed')\n .defaultValue(defaultProps.expanded),\n expandedWidth: PropTypes.number\n .description('Total width attached to the expanded Chat')\n .defaultValue(defaultProps.expandedWidth),\n openedItem: PropTypes.string\n .description('The id of the chat item you want to be opened')\n .defaultValue(defaultProps.openedItem),\n messages: PropTypes.arrayOf(PropTypes.object)\n .description(\n 'The array of out-of-the-box items you want to render inside the container list of the chat',\n )\n .defaultValue(defaultProps.openedItem),\n onFooterExpand: PropTypes.func\n .description('The function to call when the chat is opened via the footer')\n .defaultValue(defaultProps.onFooterExpand),\n onFooterClose: PropTypes.func\n .description('The function to call when the chat is closed via the footer')\n .defaultValue(defaultProps.onFooterClose),\n onHeaderExpand: PropTypes.func\n .description('The function to call when the chat is opened via the header')\n .defaultValue(defaultProps.onHeaderExpand),\n onHeaderClose: PropTypes.func\n .description('The function to call when the chat is closed via the header')\n .defaultValue(defaultProps.onHeaderClose),\n floating: PropTypes.bool\n .description('Whether to show the chat as floating chat or not')\n .defaultValue(defaultProps.floating),\n};\n"],"names":["defaultProps","expanded","expandedWidth","openedItem","undefined","onFooterExpand","noop","onFooterClose","floating","onHeaderExpand","onHeaderClose","title","chatProps","containerProps","PropTypes","shape","defaultValue","bool","description","number","string","messages","arrayOf","object","func"],"mappings":";;;IAIaA,YAAuB,GAAG;EACrCC,QAAQ,EAAE,KAD2B;EAErCC,aAAa,EAAE,GAFsB;EAGrCC,UAAU,EAAEC,SAHyB;EAIrCC,cAAc,EAAEC,IAJqB;EAKrCC,aAAa,EAAED,IALsB;EAMrCE,QAAQ,EAAE,KAN2B;EAOrCC,cAAc,EAAEH,IAPqB;EAQrCI,aAAa,EAAEJ,IARsB;EASrCK,KAAK,EAAE;AAT8B;IAY1BC,SAAS,GAAG;EACvBC,cAAc,EAAEC,SAAS,CAACC,KAAV,CAAgB,EAAhB,EAAoBC,YAApB,CAAiC,EAAjC,CADO;EAEvBf,QAAQ,EAAEa,SAAS,CAACG,IAAV,CACPC,WADO,CACK,gDADL,EAEPF,YAFO,CAEMhB,YAAY,CAACC,QAFnB,CAFa;EAKvBC,aAAa,EAAEY,SAAS,CAACK,MAAV,CACZD,WADY,CACA,2CADA,EAEZF,YAFY,CAEChB,YAAY,CAACE,aAFd,CALQ;EAQvBC,UAAU,EAAEW,SAAS,CAACM,MAAV,CACTF,WADS,CACG,+CADH,EAETF,YAFS,CAEIhB,YAAY,CAACG,UAFjB,CARW;EAWvBkB,QAAQ,EAAEP,SAAS,CAACQ,OAAV,CAAkBR,SAAS,CAACS,MAA5B,EACPL,WADO,CAEN,4FAFM,EAIPF,YAJO,CAIMhB,YAAY,CAACG,UAJnB,CAXa;EAgBvBE,cAAc,EAAES,SAAS,CAACU,IAAV,CACbN,WADa,CACD,6DADC,EAEbF,YAFa,CAEAhB,YAAY,CAACK,cAFb,CAhBO;EAmBvBE,aAAa,EAAEO,SAAS,CAACU,IAAV,CACZN,WADY,CACA,6DADA,EAEZF,YAFY,CAEChB,YAAY,CAACO,aAFd,CAnBQ;EAsBvBE,cAAc,EAAEK,SAAS,CAACU,IAAV,CACbN,WADa,CACD,6DADC,EAEbF,YAFa,CAEAhB,YAAY,CAACS,cAFb,CAtBO;EAyBvBC,aAAa,EAAEI,SAAS,CAACU,IAAV,CACZN,WADY,CACA,6DADA,EAEZF,YAFY,CAEChB,YAAY,CAACU,aAFd,CAzBQ;EA4BvBF,QAAQ,EAAEM,SAAS,CAACG,IAAV,CACPC,WADO,CACK,kDADL,EAEPF,YAFO,CAEMhB,YAAY,CAACQ,QAFnB;AA5Ba;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"utils.js","sources":["../../../src/tests/utils.tsx"],"sourcesContent":["import { BUBBLE_TYPES } from '@elliemae/ds-chat';\n\nconst getRandomMessages = (q, key) =>\n Array(q)\n .fill()\n .map((v, i) => {\n if (i > 5 && i % 22 === 0) {\n return {\n dsId: `${i}`,\n body: `This is a system message that notifies the user of some important things`,\n type: BUBBLE_TYPES.SYSTEM,\n title: 'System Message',\n time: '4:50 pm',\n };\n }\n if (i > 5 && i % 16 === 0) {\n return {\n dsId: `${i}`,\n type: BUBBLE_TYPES.DELIMITER,\n title: 'Mon, Apr 25, 12:43 PM',\n extraProps: { 'data-testid': 'custom-data-testid' },\n };\n }\n const isSender = i % 2 === 0;\n const chatBubbleType = isSender ? BUBBLE_TYPES.SENDER : BUBBLE_TYPES.RECIPIENT;\n const chatTitle = isSender ? 'Robert Deniro' : 'Al Pacino';\n return {\n dsId: `${i}`,\n body: `Message text ${key} Message text ${i}`,\n type: chatBubbleType,\n title: chatTitle,\n time: '4:50 pm',\n helpMessage: isSender ? 'Delivered' : null,\n };\n });\n\nexport const loadMsgs = (q: number): unknown => getRandomMessages(q, 'item_key');\n"],"names":["getRandomMessages","q","key","Array","fill","map","v","i","dsId","body","type","BUBBLE_TYPES","SYSTEM","title","time","DELIMITER","extraProps","isSender","chatBubbleType","SENDER","RECIPIENT","chatTitle","helpMessage","loadMsgs"],"mappings":";;AAEA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,CAAD,EAAIC,GAAJ;AAAA,SACxBC,KAAK,CAACF,CAAD,CAAL,CACGG,IADH,GAEGC,GAFH,CAEO,UAACC,CAAD,EAAIC,CAAJ,EAAU;AACb,QAAIA,CAAC,GAAG,CAAJ,IAASA,CAAC,GAAG,EAAJ,KAAW,CAAxB,EAA2B;AACzB,aAAO;AACLC,QAAAA,IAAI,YAAKD,CAAL,CADC;AAELE,QAAAA,IAAI,4EAFC;AAGLC,QAAAA,IAAI,EAAEC,YAAY,CAACC,MAHd;AAILC,QAAAA,KAAK,EAAE,gBAJF;AAKLC,QAAAA,IAAI,EAAE;AALD,OAAP;AAOD;;AACD,QAAIP,CAAC,GAAG,CAAJ,IAASA,CAAC,GAAG,EAAJ,KAAW,CAAxB,EAA2B;AACzB,aAAO;AACLC,QAAAA,IAAI,YAAKD,CAAL,CADC;AAELG,QAAAA,IAAI,EAAEC,YAAY,CAACI,SAFd;AAGLF,QAAAA,KAAK,EAAE,uBAHF;AAILG,QAAAA,UAAU,EAAE;AAAE,yBAAe;AAAjB;AAJP,OAAP;AAMD;;AACD,QAAMC,QAAQ,GAAGV,CAAC,GAAG,CAAJ,KAAU,CAA3B;AACA,QAAMW,cAAc,GAAGD,QAAQ,GAAGN,YAAY,CAACQ,MAAhB,GAAyBR,YAAY,CAACS,SAArE;AACA,QAAMC,SAAS,GAAGJ,QAAQ,GAAG,eAAH,GAAqB,WAA/C;AACA,WAAO;AACLT,MAAAA,IAAI,YAAKD,CAAL,CADC;AAELE,MAAAA,IAAI,yBAAkBP,GAAlB,2BAAsCK,CAAtC,CAFC;AAGLG,MAAAA,IAAI,EAAEQ,cAHD;AAILL,MAAAA,KAAK,EAAEQ,SAJF;AAKLP,MAAAA,IAAI,EAAE,SALD;AAMLQ,MAAAA,WAAW,EAAEL,QAAQ,GAAG,WAAH,GAAiB;AANjC,KAAP;AAQD,GA/BH,CADwB;AAAA,CAA1B;;IAkCaM,QAAQ,GAAG,SAAXA,QAAW,CAACtB,CAAD;AAAA,SAAwBD,iBAAiB,CAACC,CAAD,EAAI,UAAJ,CAAzC;AAAA;;;;"}
1
+ {"version":3,"file":"utils.js","sources":["../../../src/tests/utils.tsx"],"sourcesContent":["import { BUBBLE_TYPES } from '@elliemae/ds-chat';\n\nconst getRandomMessages = (q, key) =>\n Array(q)\n .fill()\n .map((v, i) => {\n if (i > 5 && i % 22 === 0) {\n return {\n dsId: `${i}`,\n body: `This is a system message that notifies the user of some important things`,\n type: BUBBLE_TYPES.SYSTEM,\n title: 'System Message',\n time: '4:50 pm',\n };\n }\n if (i > 5 && i % 16 === 0) {\n return {\n dsId: `${i}`,\n type: BUBBLE_TYPES.DELIMITER,\n title: 'Mon, Apr 25, 12:43 PM',\n extraProps: { 'data-testid': 'custom-data-testid' },\n };\n }\n const isSender = i % 2 === 0;\n const chatBubbleType = isSender ? BUBBLE_TYPES.SENDER : BUBBLE_TYPES.RECIPIENT;\n const chatTitle = isSender ? 'Robert Deniro' : 'Al Pacino';\n return {\n dsId: `${i}`,\n body: `Message text ${key} Message text ${i}`,\n type: chatBubbleType,\n title: chatTitle,\n time: '4:50 pm',\n helpMessage: isSender ? 'Delivered' : null,\n };\n });\n\nexport const loadMsgs = (q: number): unknown => getRandomMessages(q, 'item_key');\n"],"names":["getRandomMessages","q","key","Array","fill","map","v","i","dsId","body","type","BUBBLE_TYPES","SYSTEM","title","time","DELIMITER","extraProps","isSender","chatBubbleType","SENDER","RECIPIENT","chatTitle","helpMessage","loadMsgs"],"mappings":";;AAEA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,CAAD,EAAIC,GAAJ;EAAA,OACxBC,KAAK,CAACF,CAAD,CAAL,CACGG,IADH,GAEGC,GAFH,CAEO,UAACC,CAAD,EAAIC,CAAJ,EAAU;IACb,IAAIA,CAAC,GAAG,CAAJ,IAASA,CAAC,GAAG,EAAJ,KAAW,CAAxB,EAA2B;MACzB,OAAO;QACLC,IAAI,YAAKD,CAAL,CADC;QAELE,IAAI,4EAFC;QAGLC,IAAI,EAAEC,YAAY,CAACC,MAHd;QAILC,KAAK,EAAE,gBAJF;QAKLC,IAAI,EAAE;OALR;;;IAQF,IAAIP,CAAC,GAAG,CAAJ,IAASA,CAAC,GAAG,EAAJ,KAAW,CAAxB,EAA2B;MACzB,OAAO;QACLC,IAAI,YAAKD,CAAL,CADC;QAELG,IAAI,EAAEC,YAAY,CAACI,SAFd;QAGLF,KAAK,EAAE,uBAHF;QAILG,UAAU,EAAE;UAAE,eAAe;;OAJ/B;;;IAOF,IAAMC,QAAQ,GAAGV,CAAC,GAAG,CAAJ,KAAU,CAA3B;IACA,IAAMW,cAAc,GAAGD,QAAQ,GAAGN,YAAY,CAACQ,MAAhB,GAAyBR,YAAY,CAACS,SAArE;IACA,IAAMC,SAAS,GAAGJ,QAAQ,GAAG,eAAH,GAAqB,WAA/C;IACA,OAAO;MACLT,IAAI,YAAKD,CAAL,CADC;MAELE,IAAI,yBAAkBP,GAAlB,2BAAsCK,CAAtC,CAFC;MAGLG,IAAI,EAAEQ,cAHD;MAILL,KAAK,EAAEQ,SAJF;MAKLP,IAAI,EAAE,SALD;MAMLQ,WAAW,EAAEL,QAAQ,GAAG,WAAH,GAAiB;KANxC;GAvBJ,CADwB;AAAA,CAA1B;;IAkCaM,QAAQ,GAAG,SAAXA,QAAW,CAACtB,CAAD;EAAA,OAAwBD,iBAAiB,CAACC,CAAD,EAAI,UAAJ,CAAzC;AAAA;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-chat",
3
- "version": "1.61.12",
3
+ "version": "1.61.13",
4
4
  "license": "MIT",
5
5
  "description": "Ellie Mae - Dim Sum - Chat",
6
6
  "main": "cjs/index.js",
@@ -16,14 +16,14 @@
16
16
  "directory": "dist"
17
17
  },
18
18
  "dependencies": {
19
- "@elliemae/ds-banner": "1.61.12",
20
- "@elliemae/ds-basic": "1.61.12",
21
- "@elliemae/ds-button": "1.61.12",
22
- "@elliemae/ds-grid": "1.61.12",
23
- "@elliemae/ds-icons": "1.61.12",
24
- "@elliemae/ds-props-helpers": "1.61.12",
25
- "@elliemae/ds-tooltip": "1.61.12",
26
- "@elliemae/ds-truncated-tooltip-text": "1.61.12",
19
+ "@elliemae/ds-banner": "1.61.13",
20
+ "@elliemae/ds-basic": "1.61.13",
21
+ "@elliemae/ds-button": "1.61.13",
22
+ "@elliemae/ds-grid": "1.61.13",
23
+ "@elliemae/ds-icons": "1.61.13",
24
+ "@elliemae/ds-props-helpers": "1.61.13",
25
+ "@elliemae/ds-tooltip": "1.61.13",
26
+ "@elliemae/ds-truncated-tooltip-text": "1.61.13",
27
27
  "prop-types": "~15.7.2",
28
28
  "react-desc": "^4.1.2",
29
29
  "react-virtual": "^2.3.2"