quickblox-react-ui-kit 0.4.6-beta.4 → 0.4.7

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 (177) hide show
  1. package/dist/CommonTypes/CommonTypes.d.ts +12 -0
  2. package/dist/Data/source/remote/RemoteDataSource.d.ts +5 -0
  3. package/dist/Presentation/Views/Dialog/ForwardMessageFlow/DialogsWithSearch/DialogListItem/DialogListItem.d.ts +1 -1
  4. package/dist/Presentation/Views/Flow/CreateDialog/CreateDialog.d.ts +1 -0
  5. package/dist/Presentation/ui-components/DialogItemPreview/DialogItemPreview.d.ts +3 -3
  6. package/dist/Presentation/ui-components/Header/Header.d.ts +1 -1
  7. package/dist/index-ui.d.ts +47 -3
  8. package/dist/index-ui.js +25470 -17586
  9. package/dist/index-ui.js.map +1 -1
  10. package/global.d.ts +3 -202
  11. package/package.json +1 -1
  12. package/src/App.scss +5 -0
  13. package/src/App.tsx +58 -33
  14. package/src/CommonTypes/CommonTypes.ts +13 -0
  15. package/src/Data/DefaultConfigurations.ts +4 -0
  16. package/src/Data/source/remote/RemoteDataSource.ts +210 -148
  17. package/src/Domain/use_cases/CreateDialogUseCase.ts +0 -1
  18. package/src/Domain/use_cases/ForwardMessagesUseCase.ts +0 -1
  19. package/src/Domain/use_cases/GetAllDialogsUseCase.ts +0 -1
  20. package/src/Domain/use_cases/GetAllDialogsUseCaseWithMock.ts +0 -2
  21. package/src/Domain/use_cases/GetAllMessagesForDialog.ts +0 -1
  22. package/src/Domain/use_cases/GetAllUsersUseCase.ts +0 -1
  23. package/src/Domain/use_cases/GetDialogByIdUseCase.ts +0 -2
  24. package/src/Domain/use_cases/GetUsersByIdsUseCase.ts +0 -1
  25. package/src/Domain/use_cases/LeaveDialogUseCase.ts +0 -1
  26. package/src/Domain/use_cases/RemoveUsersFromTheDialogUseCase.ts +0 -1
  27. package/src/Domain/use_cases/ReplyMessagesUseCase.ts +0 -2
  28. package/src/Domain/use_cases/SendTextMessageUseCase.ts +0 -3
  29. package/src/Domain/use_cases/SubscribeToDialogEventsUseCase.ts +0 -26
  30. package/src/Domain/use_cases/SubscribeToDialogsUpdatesUseCase.ts +0 -1
  31. package/src/Domain/use_cases/SyncDialogsUseCase.ts +1 -2
  32. package/src/Domain/use_cases/UpdateCurrentDialogInDataSourceUseCase.ts +0 -2
  33. package/src/Domain/use_cases/UpdateDialogUseCase.ts +0 -2
  34. package/src/Domain/use_cases/UploadFileUseCase.ts +0 -2
  35. package/src/Domain/use_cases/UserTypingMessageUseCase.ts +0 -2
  36. package/src/Domain/use_cases/ai/AIAnswerAssistUseCase.ts +0 -2
  37. package/src/Domain/use_cases/ai/AIAnswerAssistWithProxyUseCase.ts +0 -3
  38. package/src/Domain/use_cases/ai/AIAnswerAssistWithSDKUseCase.ts +0 -2
  39. package/src/Domain/use_cases/ai/AIRephraseUseCase.ts +0 -3
  40. package/src/Domain/use_cases/ai/AIRephraseWithProxyUseCase.ts +0 -3
  41. package/src/Domain/use_cases/ai/AITranslateUseCase.ts +0 -2
  42. package/src/Domain/use_cases/ai/AITranslateWithProxyUseCase.ts +0 -3
  43. package/src/Domain/use_cases/ai/AITranslateWithSDKUseCase.ts +0 -3
  44. package/src/Domain/use_cases/base/Subscribable/SubscriptionPerformer.ts +0 -1
  45. package/src/Presentation/Views/Dialog/AIWidgets/AIRephraseWidget/AIRephraseWidget.tsx +1 -1
  46. package/src/Presentation/Views/Dialog/AIWidgets/AIWidgetActions/AIWidgetActions.scss +12 -6
  47. package/src/Presentation/Views/Dialog/AIWidgets/AIWidgetActions/AIWidgetActions.tsx +4 -2
  48. package/src/Presentation/Views/Dialog/Dialog.scss +7 -1
  49. package/src/Presentation/Views/Dialog/ForwardMessageFlow/DialogsWithSearch/DialogListItem/DialogListItem.scss +17 -29
  50. package/src/Presentation/Views/Dialog/ForwardMessageFlow/DialogsWithSearch/DialogListItem/DialogListItem.tsx +8 -13
  51. package/src/Presentation/Views/Dialog/ForwardMessageFlow/ForwardMessageFlow.scss +9 -9
  52. package/src/Presentation/Views/Dialog/ForwardMessageFlow/InputForForwarding/InputForForwarding.scss +11 -0
  53. package/src/Presentation/Views/Dialog/MessageContextMenu/MessageContextMenu.tsx +3 -2
  54. package/src/Presentation/Views/Dialog/useDialogViewModel.ts +10 -21
  55. package/src/Presentation/Views/DialogInfo/DialogInfo.scss +19 -25
  56. package/src/Presentation/Views/DialogInfo/DialogInfo.tsx +2 -2
  57. package/src/Presentation/Views/DialogInfo/DialogMemberButton/DialogMembersButton.scss +0 -17
  58. package/src/Presentation/Views/DialogInfo/MembersList/MembersList.scss +9 -1
  59. package/src/Presentation/Views/DialogInfo/UsersList/SingleUser/SingleUser.scss +0 -1
  60. package/src/Presentation/Views/DialogInfo/UsersList/useUsersListViewModel.ts +2 -4
  61. package/src/Presentation/Views/DialogList/useDialogListViewModel.ts +0 -1
  62. package/src/Presentation/Views/EditDialog/EditDialog.scss +1 -38
  63. package/src/Presentation/Views/Flow/CreateDialog/CreateDialog.scss +17 -42
  64. package/src/Presentation/Views/Flow/CreateDialog/CreateDialog.tsx +45 -39
  65. package/src/Presentation/Views/Flow/CreateDialogFlow/CreateNewDialogFlow.tsx +6 -2
  66. package/src/Presentation/Views/InviteMembers/InviteMembers.scss +4 -33
  67. package/src/Presentation/Views/InviteMembers/InviteMembers.tsx +23 -4
  68. package/src/Presentation/Views/PreviewDialog/PreviewDialog.scss +8 -0
  69. package/src/Presentation/Views/PreviewDialog/PreviewDialog.tsx +8 -5
  70. package/src/Presentation/components/UI/Buttons/MainButton/MainButton.css +5 -10
  71. package/src/Presentation/components/UI/Placeholders/ErrorComponent/ErrorComponent.scss +0 -5
  72. package/src/Presentation/components/containers/ColumnContainer/ColumnContainer.scss +1 -10
  73. package/src/Presentation/layouts/TestStage/LoginView/Login.scss +6 -3
  74. package/src/Presentation/providers/QuickBloxUIKitProvider/QuickBloxUIKitProvider.tsx +1 -33
  75. package/src/Presentation/themes/styles/_theme_colors_scheme.scss +1 -1
  76. package/src/Presentation/themes/styles/_theme_dark.scss +5 -4
  77. package/src/Presentation/themes/styles/_theme_light.scss +3 -2
  78. package/src/Presentation/ui-components/Avatar/Avatar.scss +8 -5
  79. package/src/Presentation/ui-components/Avatar/Avatar.tsx +2 -1
  80. package/src/Presentation/ui-components/Badge/Badge.tsx +1 -0
  81. package/src/Presentation/ui-components/Button/Button.scss +5 -6
  82. package/src/Presentation/ui-components/Button/Button.tsx +7 -2
  83. package/src/Presentation/ui-components/CheckBox/CheckBox.scss +23 -0
  84. package/src/Presentation/ui-components/CheckBox/CheckBox.tsx +19 -7
  85. package/src/Presentation/ui-components/DialogBanner/DialogBanner.tsx +1 -0
  86. package/src/Presentation/ui-components/DialogItemPreview/DialogItemPreview.scss +3 -3
  87. package/src/Presentation/ui-components/DialogItemPreview/DialogItemPreview.tsx +3 -3
  88. package/src/Presentation/ui-components/DialogWindow/DialogWindow.scss +7 -4
  89. package/src/Presentation/ui-components/DialogWindow/DialogWindow.tsx +1 -1
  90. package/src/Presentation/ui-components/Dropdown/Dropdown.tsx +1 -1
  91. package/src/Presentation/ui-components/Dropdown/DropdownOption.tsx +2 -1
  92. package/src/Presentation/ui-components/Header/Header.scss +9 -2
  93. package/src/Presentation/ui-components/Header/Header.tsx +1 -1
  94. package/src/Presentation/ui-components/Loader/Loader.tsx +1 -0
  95. package/src/Presentation/ui-components/Message/Bubble/AudioBubble/AudioBubble.scss +1 -0
  96. package/src/Presentation/ui-components/Message/Bubble/FileBubble/FileBubble.tsx +1 -0
  97. package/src/Presentation/ui-components/Message/Bubble/ImageBubble/ImageBubble.tsx +1 -0
  98. package/src/Presentation/ui-components/Message/Bubble/TextBubble/TextBubble.scss +13 -3
  99. package/src/Presentation/ui-components/Message/Bubble/TextBubble/TextBubble.tsx +1 -0
  100. package/src/Presentation/ui-components/Message/Bubble/VideoBubble/VideoBubble.tsx +1 -0
  101. package/src/Presentation/ui-components/Message/FileUrl/FileUrl.scss +0 -3
  102. package/src/Presentation/ui-components/Message/FileUrl/FileUrl.tsx +1 -0
  103. package/src/Presentation/ui-components/Message/Message.scss +5 -1
  104. package/src/Presentation/ui-components/MessageInput/MessageInput.scss +5 -1
  105. package/src/Presentation/ui-components/MessageInput/MessageInput.tsx +1 -1
  106. package/src/Presentation/ui-components/MessageInput/VoiceRecordingProgress/VoiceRecordingProgress.tsx +1 -1
  107. package/src/Presentation/ui-components/MessageSeparator/MessageSeparator.scss +13 -13
  108. package/src/Presentation/ui-components/Placeholder/Placeholder.scss +5 -0
  109. package/src/Presentation/ui-components/Placeholder/Placeholder.tsx +1 -1
  110. package/src/Presentation/ui-components/PreviewFileMessage/PreviewFileMessage.scss +4 -1
  111. package/src/Presentation/ui-components/PreviewFileMessage/PreviewFileMessage.tsx +1 -0
  112. package/src/Presentation/ui-components/SettingsItem/SettingsItem.scss +5 -1
  113. package/src/Presentation/ui-components/SettingsItem/SettingsItem.tsx +1 -1
  114. package/src/Presentation/ui-components/TextField/TextField.scss +5 -3
  115. package/src/Presentation/ui-components/Toast/Toast.scss +3 -3
  116. package/src/Presentation/ui-components/Toast/ToastProvider.tsx +2 -2
  117. package/src/Presentation/ui-components/UserListItem/UserListItem.scss +11 -3
  118. package/src/Presentation/ui-components/UserListItem/UserListItem.tsx +1 -0
  119. package/src/QBconfig.ts +2 -0
  120. package/src/hooks/useQuickBloxUIKit.ts +101 -18
  121. package/src/index-ui.ts +111 -18
  122. package/src/qb-api-calls/index.ts +52 -3
  123. package/storybook-static/{217.3c66ff1e.iframe.bundle.js → 217.07d5c7a3.iframe.bundle.js} +3 -3
  124. package/storybook-static/{217.3c66ff1e.iframe.bundle.js.map → 217.07d5c7a3.iframe.bundle.js.map} +1 -1
  125. package/storybook-static/735.6ee62079.iframe.bundle.js +2 -0
  126. package/storybook-static/{844.6041e1a5.iframe.bundle.js → 844.e8bfd664.iframe.bundle.js} +3 -3
  127. package/storybook-static/{844.6041e1a5.iframe.bundle.js.map → 844.e8bfd664.iframe.bundle.js.map} +1 -1
  128. package/storybook-static/{961.c94da456.iframe.bundle.js → 961.d47fc2bc.iframe.bundle.js} +2 -2
  129. package/storybook-static/Presentation-ui-components-Avatar-avatar-stories.a5ba7608.iframe.bundle.js +2 -0
  130. package/storybook-static/Presentation-ui-components-Badge-Badge-stories.c8824861.iframe.bundle.js +2 -0
  131. package/storybook-static/Presentation-ui-components-Button-Button-stories.fa2aa72c.iframe.bundle.js +2 -0
  132. package/storybook-static/Presentation-ui-components-DialogItemPreview-DialogItemPreview-stories.b6998344.iframe.bundle.js +2 -0
  133. package/storybook-static/Presentation-ui-components-DialogWindow-DialogWindow-stories.a724643f.iframe.bundle.js +2 -0
  134. package/storybook-static/Presentation-ui-components-Dropdown-Dropdown-stories.a03feb06.iframe.bundle.js +2 -0
  135. package/storybook-static/Presentation-ui-components-Header-Header-stories.978f0af5.iframe.bundle.js +2 -0
  136. package/storybook-static/Presentation-ui-components-Loader-Loader-stories.4e80520d.iframe.bundle.js +2 -0
  137. package/storybook-static/Presentation-ui-components-Message-Message-stories.213a90f6.iframe.bundle.js +2 -0
  138. package/storybook-static/Presentation-ui-components-MessageInput-MessageInput-stories.be8aa2d9.iframe.bundle.js +1 -0
  139. package/storybook-static/Presentation-ui-components-SettingsItem-SettingsItem-stories.e7f5a274.iframe.bundle.js +2 -0
  140. package/storybook-static/Presentation-ui-components-TextField-TextField-stories.969cfe2e.iframe.bundle.js +2 -0
  141. package/storybook-static/Presentation-ui-components-Toast-Toast-stories.4f00432b.iframe.bundle.js +1 -0
  142. package/storybook-static/Presentation-ui-components-UserListItem-UserListItem-stories.1713eab7.iframe.bundle.js +2 -0
  143. package/storybook-static/iframe.html +2 -2
  144. package/storybook-static/project.json +1 -1
  145. package/storybook-static/{runtime~main.5a7ba727.iframe.bundle.js → runtime~main.17766d00.iframe.bundle.js} +1 -1
  146. package/storybook-static/sb-manager/globals-runtime.js +1 -1
  147. package/storybook-static/735.82f96f8a.iframe.bundle.js +0 -2
  148. package/storybook-static/Presentation-ui-components-Avatar-avatar-stories.b363e9a1.iframe.bundle.js +0 -2
  149. package/storybook-static/Presentation-ui-components-Badge-Badge-stories.85dd97b0.iframe.bundle.js +0 -2
  150. package/storybook-static/Presentation-ui-components-Button-Button-stories.1e4ae2b4.iframe.bundle.js +0 -2
  151. package/storybook-static/Presentation-ui-components-DialogItemPreview-DialogItemPreview-stories.4e25a94d.iframe.bundle.js +0 -2
  152. package/storybook-static/Presentation-ui-components-DialogWindow-DialogWindow-stories.e22e8be5.iframe.bundle.js +0 -2
  153. package/storybook-static/Presentation-ui-components-Dropdown-Dropdown-stories.8321872b.iframe.bundle.js +0 -2
  154. package/storybook-static/Presentation-ui-components-Header-Header-stories.1cff200a.iframe.bundle.js +0 -2
  155. package/storybook-static/Presentation-ui-components-Loader-Loader-stories.7391dde4.iframe.bundle.js +0 -2
  156. package/storybook-static/Presentation-ui-components-Message-Message-stories.49f0dbbf.iframe.bundle.js +0 -2
  157. package/storybook-static/Presentation-ui-components-MessageInput-MessageInput-stories.4aa88de3.iframe.bundle.js +0 -1
  158. package/storybook-static/Presentation-ui-components-SettingsItem-SettingsItem-stories.d74853ab.iframe.bundle.js +0 -2
  159. package/storybook-static/Presentation-ui-components-TextField-TextField-stories.19812f7d.iframe.bundle.js +0 -2
  160. package/storybook-static/Presentation-ui-components-Toast-Toast-stories.5e19f10e.iframe.bundle.js +0 -1
  161. package/storybook-static/Presentation-ui-components-UserListItem-UserListItem-stories.d2f60e13.iframe.bundle.js +0 -2
  162. /package/storybook-static/{217.3c66ff1e.iframe.bundle.js.LICENSE.txt → 217.07d5c7a3.iframe.bundle.js.LICENSE.txt} +0 -0
  163. /package/storybook-static/{735.82f96f8a.iframe.bundle.js.LICENSE.txt → 735.6ee62079.iframe.bundle.js.LICENSE.txt} +0 -0
  164. /package/storybook-static/{844.6041e1a5.iframe.bundle.js.LICENSE.txt → 844.e8bfd664.iframe.bundle.js.LICENSE.txt} +0 -0
  165. /package/storybook-static/{961.c94da456.iframe.bundle.js.LICENSE.txt → 961.d47fc2bc.iframe.bundle.js.LICENSE.txt} +0 -0
  166. /package/storybook-static/{Presentation-ui-components-Avatar-avatar-stories.b363e9a1.iframe.bundle.js.LICENSE.txt → Presentation-ui-components-Avatar-avatar-stories.a5ba7608.iframe.bundle.js.LICENSE.txt} +0 -0
  167. /package/storybook-static/{Presentation-ui-components-Badge-Badge-stories.85dd97b0.iframe.bundle.js.LICENSE.txt → Presentation-ui-components-Badge-Badge-stories.c8824861.iframe.bundle.js.LICENSE.txt} +0 -0
  168. /package/storybook-static/{Presentation-ui-components-Button-Button-stories.1e4ae2b4.iframe.bundle.js.LICENSE.txt → Presentation-ui-components-Button-Button-stories.fa2aa72c.iframe.bundle.js.LICENSE.txt} +0 -0
  169. /package/storybook-static/{Presentation-ui-components-DialogItemPreview-DialogItemPreview-stories.4e25a94d.iframe.bundle.js.LICENSE.txt → Presentation-ui-components-DialogItemPreview-DialogItemPreview-stories.b6998344.iframe.bundle.js.LICENSE.txt} +0 -0
  170. /package/storybook-static/{Presentation-ui-components-DialogWindow-DialogWindow-stories.e22e8be5.iframe.bundle.js.LICENSE.txt → Presentation-ui-components-DialogWindow-DialogWindow-stories.a724643f.iframe.bundle.js.LICENSE.txt} +0 -0
  171. /package/storybook-static/{Presentation-ui-components-Dropdown-Dropdown-stories.8321872b.iframe.bundle.js.LICENSE.txt → Presentation-ui-components-Dropdown-Dropdown-stories.a03feb06.iframe.bundle.js.LICENSE.txt} +0 -0
  172. /package/storybook-static/{Presentation-ui-components-Header-Header-stories.1cff200a.iframe.bundle.js.LICENSE.txt → Presentation-ui-components-Header-Header-stories.978f0af5.iframe.bundle.js.LICENSE.txt} +0 -0
  173. /package/storybook-static/{Presentation-ui-components-Loader-Loader-stories.7391dde4.iframe.bundle.js.LICENSE.txt → Presentation-ui-components-Loader-Loader-stories.4e80520d.iframe.bundle.js.LICENSE.txt} +0 -0
  174. /package/storybook-static/{Presentation-ui-components-Message-Message-stories.49f0dbbf.iframe.bundle.js.LICENSE.txt → Presentation-ui-components-Message-Message-stories.213a90f6.iframe.bundle.js.LICENSE.txt} +0 -0
  175. /package/storybook-static/{Presentation-ui-components-SettingsItem-SettingsItem-stories.d74853ab.iframe.bundle.js.LICENSE.txt → Presentation-ui-components-SettingsItem-SettingsItem-stories.e7f5a274.iframe.bundle.js.LICENSE.txt} +0 -0
  176. /package/storybook-static/{Presentation-ui-components-TextField-TextField-stories.19812f7d.iframe.bundle.js.LICENSE.txt → Presentation-ui-components-TextField-TextField-stories.969cfe2e.iframe.bundle.js.LICENSE.txt} +0 -0
  177. /package/storybook-static/{Presentation-ui-components-UserListItem-UserListItem-stories.d2f60e13.iframe.bundle.js.LICENSE.txt → Presentation-ui-components-UserListItem-UserListItem-stories.1713eab7.iframe.bundle.js.LICENSE.txt} +0 -0
@@ -1,2 +1,2 @@
1
- /*! For license information please see 961.c94da456.iframe.bundle.js.LICENSE.txt */
2
- "use strict";(self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[961],{"./node_modules/react-dom/cjs/react-dom.production.js":(__unused_webpack_module,exports,__webpack_require__)=>{var React=__webpack_require__("./node_modules/react/index.js");function formatProdErrorMessage(code){var url="https://react.dev/errors/"+code;if(1<arguments.length){url+="?args[]="+encodeURIComponent(arguments[1]);for(var i=2;i<arguments.length;i++)url+="&args[]="+encodeURIComponent(arguments[i])}return"Minified React error #"+code+"; visit "+url+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}function noop(){}var Internals={d:{f:noop,r:function(){throw Error(formatProdErrorMessage(522))},D:noop,C:noop,L:noop,m:noop,X:noop,S:noop,M:noop},p:0,findDOMNode:null},REACT_PORTAL_TYPE=Symbol.for("react.portal");var ReactSharedInternals=React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;function getCrossOriginStringAs(as,input){return"font"===as?"":"string"==typeof input?"use-credentials"===input?input:"":void 0}exports.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=Internals,exports.createPortal=function(children,container){var key=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!container||1!==container.nodeType&&9!==container.nodeType&&11!==container.nodeType)throw Error(formatProdErrorMessage(299));return function createPortal$1(children,containerInfo,implementation){var key=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:REACT_PORTAL_TYPE,key:null==key?null:""+key,children,containerInfo,implementation}}(children,container,null,key)},exports.flushSync=function(fn){var previousTransition=ReactSharedInternals.T,previousUpdatePriority=Internals.p;try{if(ReactSharedInternals.T=null,Internals.p=2,fn)return fn()}finally{ReactSharedInternals.T=previousTransition,Internals.p=previousUpdatePriority,Internals.d.f()}},exports.preconnect=function(href,options){"string"==typeof href&&(options?options="string"==typeof(options=options.crossOrigin)?"use-credentials"===options?options:"":void 0:options=null,Internals.d.C(href,options))},exports.prefetchDNS=function(href){"string"==typeof href&&Internals.d.D(href)},exports.preinit=function(href,options){if("string"==typeof href&&options&&"string"==typeof options.as){var as=options.as,crossOrigin=getCrossOriginStringAs(as,options.crossOrigin),integrity="string"==typeof options.integrity?options.integrity:void 0,fetchPriority="string"==typeof options.fetchPriority?options.fetchPriority:void 0;"style"===as?Internals.d.S(href,"string"==typeof options.precedence?options.precedence:void 0,{crossOrigin,integrity,fetchPriority}):"script"===as&&Internals.d.X(href,{crossOrigin,integrity,fetchPriority,nonce:"string"==typeof options.nonce?options.nonce:void 0})}},exports.preinitModule=function(href,options){if("string"==typeof href)if("object"==typeof options&&null!==options){if(null==options.as||"script"===options.as){var crossOrigin=getCrossOriginStringAs(options.as,options.crossOrigin);Internals.d.M(href,{crossOrigin,integrity:"string"==typeof options.integrity?options.integrity:void 0,nonce:"string"==typeof options.nonce?options.nonce:void 0})}}else null==options&&Internals.d.M(href)},exports.preload=function(href,options){if("string"==typeof href&&"object"==typeof options&&null!==options&&"string"==typeof options.as){var as=options.as,crossOrigin=getCrossOriginStringAs(as,options.crossOrigin);Internals.d.L(href,as,{crossOrigin,integrity:"string"==typeof options.integrity?options.integrity:void 0,nonce:"string"==typeof options.nonce?options.nonce:void 0,type:"string"==typeof options.type?options.type:void 0,fetchPriority:"string"==typeof options.fetchPriority?options.fetchPriority:void 0,referrerPolicy:"string"==typeof options.referrerPolicy?options.referrerPolicy:void 0,imageSrcSet:"string"==typeof options.imageSrcSet?options.imageSrcSet:void 0,imageSizes:"string"==typeof options.imageSizes?options.imageSizes:void 0,media:"string"==typeof options.media?options.media:void 0})}},exports.preloadModule=function(href,options){if("string"==typeof href)if(options){var crossOrigin=getCrossOriginStringAs(options.as,options.crossOrigin);Internals.d.m(href,{as:"string"==typeof options.as&&"script"!==options.as?options.as:void 0,crossOrigin,integrity:"string"==typeof options.integrity?options.integrity:void 0})}else Internals.d.m(href)},exports.requestFormReset=function(form){Internals.d.r(form)},exports.unstable_batchedUpdates=function(fn,a){return fn(a)},exports.useFormState=function(action,initialState,permalink){return ReactSharedInternals.H.useFormState(action,initialState,permalink)},exports.useFormStatus=function(){return ReactSharedInternals.H.useHostTransitionStatus()},exports.version="19.0.0"},"./node_modules/react-dom/index.js":(module,__unused_webpack_exports,__webpack_require__)=>{!function checkDCE(){if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE)try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(checkDCE)}catch(err){console.error(err)}}(),module.exports=__webpack_require__("./node_modules/react-dom/cjs/react-dom.production.js")}}]);
1
+ /*! For license information please see 961.d47fc2bc.iframe.bundle.js.LICENSE.txt */
2
+ "use strict";(self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[961],{"./node_modules/react-dom/cjs/react-dom.production.js":(__unused_webpack_module,exports,__webpack_require__)=>{var React=__webpack_require__("./node_modules/react/index.js");function formatProdErrorMessage(code){var url="https://react.dev/errors/"+code;if(1<arguments.length){url+="?args[]="+encodeURIComponent(arguments[1]);for(var i=2;i<arguments.length;i++)url+="&args[]="+encodeURIComponent(arguments[i])}return"Minified React error #"+code+"; visit "+url+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}function noop(){}var Internals={d:{f:noop,r:function(){throw Error(formatProdErrorMessage(522))},D:noop,C:noop,L:noop,m:noop,X:noop,S:noop,M:noop},p:0,findDOMNode:null},REACT_PORTAL_TYPE=Symbol.for("react.portal");var ReactSharedInternals=React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;function getCrossOriginStringAs(as,input){return"font"===as?"":"string"==typeof input?"use-credentials"===input?input:"":void 0}exports.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=Internals,exports.createPortal=function(children,container){var key=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!container||1!==container.nodeType&&9!==container.nodeType&&11!==container.nodeType)throw Error(formatProdErrorMessage(299));return function createPortal$1(children,containerInfo,implementation){var key=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:REACT_PORTAL_TYPE,key:null==key?null:""+key,children,containerInfo,implementation}}(children,container,null,key)},exports.flushSync=function(fn){var previousTransition=ReactSharedInternals.T,previousUpdatePriority=Internals.p;try{if(ReactSharedInternals.T=null,Internals.p=2,fn)return fn()}finally{ReactSharedInternals.T=previousTransition,Internals.p=previousUpdatePriority,Internals.d.f()}},exports.preconnect=function(href,options){"string"==typeof href&&(options?options="string"==typeof(options=options.crossOrigin)?"use-credentials"===options?options:"":void 0:options=null,Internals.d.C(href,options))},exports.prefetchDNS=function(href){"string"==typeof href&&Internals.d.D(href)},exports.preinit=function(href,options){if("string"==typeof href&&options&&"string"==typeof options.as){var as=options.as,crossOrigin=getCrossOriginStringAs(as,options.crossOrigin),integrity="string"==typeof options.integrity?options.integrity:void 0,fetchPriority="string"==typeof options.fetchPriority?options.fetchPriority:void 0;"style"===as?Internals.d.S(href,"string"==typeof options.precedence?options.precedence:void 0,{crossOrigin,integrity,fetchPriority}):"script"===as&&Internals.d.X(href,{crossOrigin,integrity,fetchPriority,nonce:"string"==typeof options.nonce?options.nonce:void 0})}},exports.preinitModule=function(href,options){if("string"==typeof href)if("object"==typeof options&&null!==options){if(null==options.as||"script"===options.as){var crossOrigin=getCrossOriginStringAs(options.as,options.crossOrigin);Internals.d.M(href,{crossOrigin,integrity:"string"==typeof options.integrity?options.integrity:void 0,nonce:"string"==typeof options.nonce?options.nonce:void 0})}}else null==options&&Internals.d.M(href)},exports.preload=function(href,options){if("string"==typeof href&&"object"==typeof options&&null!==options&&"string"==typeof options.as){var as=options.as,crossOrigin=getCrossOriginStringAs(as,options.crossOrigin);Internals.d.L(href,as,{crossOrigin,integrity:"string"==typeof options.integrity?options.integrity:void 0,nonce:"string"==typeof options.nonce?options.nonce:void 0,type:"string"==typeof options.type?options.type:void 0,fetchPriority:"string"==typeof options.fetchPriority?options.fetchPriority:void 0,referrerPolicy:"string"==typeof options.referrerPolicy?options.referrerPolicy:void 0,imageSrcSet:"string"==typeof options.imageSrcSet?options.imageSrcSet:void 0,imageSizes:"string"==typeof options.imageSizes?options.imageSizes:void 0,media:"string"==typeof options.media?options.media:void 0})}},exports.preloadModule=function(href,options){if("string"==typeof href)if(options){var crossOrigin=getCrossOriginStringAs(options.as,options.crossOrigin);Internals.d.m(href,{as:"string"==typeof options.as&&"script"!==options.as?options.as:void 0,crossOrigin,integrity:"string"==typeof options.integrity?options.integrity:void 0})}else Internals.d.m(href)},exports.requestFormReset=function(form){Internals.d.r(form)},exports.unstable_batchedUpdates=function(fn,a){return fn(a)},exports.useFormState=function(action,initialState,permalink){return ReactSharedInternals.H.useFormState(action,initialState,permalink)},exports.useFormStatus=function(){return ReactSharedInternals.H.useHostTransitionStatus()},exports.version="19.1.0"},"./node_modules/react-dom/index.js":(module,__unused_webpack_exports,__webpack_require__)=>{!function checkDCE(){if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE)try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(checkDCE)}catch(err){console.error(err)}}(),module.exports=__webpack_require__("./node_modules/react-dom/cjs/react-dom.production.js")}}]);
@@ -0,0 +1,2 @@
1
+ /*! For license information please see Presentation-ui-components-Avatar-avatar-stories.a5ba7608.iframe.bundle.js.LICENSE.txt */
2
+ (self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[155],{"./node_modules/classnames/index.js":(module,exports)=>{var __WEBPACK_AMD_DEFINE_RESULT__;!function(){"use strict";var hasOwn={}.hasOwnProperty;function classNames(){for(var classes="",i=0;i<arguments.length;i++){var arg=arguments[i];arg&&(classes=appendClass(classes,parseValue(arg)))}return classes}function parseValue(arg){if("string"==typeof arg||"number"==typeof arg)return arg;if("object"!=typeof arg)return"";if(Array.isArray(arg))return classNames.apply(null,arg);if(arg.toString!==Object.prototype.toString&&!arg.toString.toString().includes("[native code]"))return arg.toString();var classes="";for(var key in arg)hasOwn.call(arg,key)&&arg[key]&&(classes=appendClass(classes,key));return classes}function appendClass(value,newClass){return newClass?value?value+" "+newClass:value+newClass:value}module.exports?(classNames.default=classNames,module.exports=classNames):void 0===(__WEBPACK_AMD_DEFINE_RESULT__=function(){return classNames}.apply(exports,[]))||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)}()},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Avatar/Avatar.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".qb-avatar{display:flex;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;background-color:var(--disabled-elements);color:var(--secondary-text)}.qb-avatar,.qb-avatar *{box-sizing:border-box}.qb-avatar svg{height:26px;width:26px;fill:var(--tertiary-elements)}.qb-avatar__image{object-fit:cover;width:100%;height:100%}.qb-avatar--xs{width:32px;height:32px}.qb-avatar--sm{width:36px;height:36px}.qb-avatar--md{width:40px;height:40px}.qb-avatar--lg{width:56px;height:56px}.qb-avatar--lg svg{height:33px;width:33px}.qb-avatar--xl{width:64px;height:64px}.qb-avatar--xxl{width:80px;height:80px}","",{version:3,sources:["webpack://./src/Presentation/ui-components/Avatar/Avatar.scss","webpack://./src/Presentation/themes/styles/_mixins.scss"],names:[],mappings:"AAEA,WACE,YAAA,CACA,aAAA,CACA,kBAAA,CACA,sBAAA,CAEA,eAAA,CACA,iBAAA,CACA,yCAAA,CACA,2BAAA,CCVA,wBAEE,qBAAA,CDYF,eACE,WAAA,CACA,UAAA,CACA,6BAAA,CAGF,kBACE,gBAAA,CACA,UAAA,CACA,WAAA,CAGF,eACE,UAAA,CACA,WAAA,CAGF,eACE,UAAA,CACA,WAAA,CAGF,eACE,UAAA,CACA,WAAA,CAGF,eACE,UAAA,CACA,WAAA,CAEA,mBACE,WAAA,CACA,UAAA,CAIJ,eACE,UAAA,CACA,WAAA,CAGF,gBACE,UAAA,CACA,WAAA",sourcesContent:["@use '../../themes/styles/mixins' as *;\n\n.qb-avatar {\n display: flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n\n overflow: hidden;\n border-radius: 50%;\n background-color: var(--disabled-elements);\n color: var(--secondary-text);\n\n @include applyBorderBox;\n\n svg {\n height: 26px;\n width: 26px;\n fill: var(--tertiary-elements);\n }\n\n &__image {\n object-fit: cover;\n width: 100%;\n height: 100%;\n }\n\n &--xs {\n width: 32px;\n height: 32px;\n }\n\n &--sm {\n width: 36px;\n height: 36px;\n }\n\n &--md {\n width: 40px;\n height: 40px;\n }\n\n &--lg {\n width: 56px;\n height: 56px;\n\n svg {\n height: 33px;\n width: 33px;\n }\n }\n\n &--xl {\n width: 64px;\n height: 64px;\n }\n\n &--xxl {\n width: 80px;\n height: 80px;\n }\n}\n","@mixin applyBorderBox {\n &,\n * {\n box-sizing: border-box;\n }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./src/Presentation/ui-components/Avatar/Avatar.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Avatar_Avatar_Avatar});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Avatar=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Avatar/Avatar.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Avatar.A,options);Avatar.A&&Avatar.A.locals&&Avatar.A.locals;function Avatar_Avatar_Avatar(_ref){let{icon=react.createElement(icons.Uh,null),size="md",className,src}=_ref;return src?react.createElement("div",{className:classnames_default()("qb-avatar",`qb-avatar--${size}`,className)},react.createElement("img",{src,className:"qb-avatar__image",alt:"Avatar"})):react.createElement("div",{className:classnames_default()("qb-avatar",`qb-avatar--${size}`,className)},icon)}Avatar_Avatar_Avatar.__docgenInfo={description:"",methods:[],displayName:"Avatar",props:{size:{required:!1,tsType:{name:"union",raw:"'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'",elements:[{name:"literal",value:"'xs'"},{name:"literal",value:"'sm'"},{name:"literal",value:"'md'"},{name:"literal",value:"'lg'"},{name:"literal",value:"'xl'"},{name:"literal",value:"'xxl'"}]},description:"",defaultValue:{value:"'md'",computed:!1}},icon:{required:!1,tsType:{name:"ReactElement"},description:"",defaultValue:{value:"<UserSvg />",computed:!1}},className:{required:!1,tsType:{name:"string"},description:""},src:{required:!1,tsType:{name:"string"},description:""}}}},"./src/Presentation/ui-components/Avatar/avatar.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AvatarDefault:()=>AvatarDefault,AvatarIcon:()=>AvatarIcon,AvatarImage:()=>AvatarImage,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_icons__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/Presentation/icons/index.ts");const __WEBPACK_DEFAULT_EXPORT__={title:"@quickblox-react-ui-kit/Presentation/ui-components/Avatar",component:__webpack_require__("./src/Presentation/ui-components/Avatar/Avatar.tsx").A,tags:["autodocs"],parameters:{layout:"centered"},args:{size:"md"},argTypes:{icon:{type:"function",options:["User","Group","Conference","Public"],control:"select",mapping:{User:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_1__.Uh,null),Group:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_1__.C_,null),Conference:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_1__.os,null),Public:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_1__.vq,null)},table:{type:{summary:"svg"}},description:"Format plug svg"},size:{options:["xs","sm","md","lg","xl","xxl"],control:{type:"select"},table:{defaultValue:{summary:"md"},type:{summary:"string"}},description:"Size"},src:{table:{type:{summary:"url"}},description:"Avatar image source"},className:{table:{type:{summary:"string"}},description:"Additional classes"}}},AvatarDefault={},AvatarIcon={args:{icon:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_1__.Uh,null)}},AvatarImage={args:{src:"https://quickblox.com/wp-content/themes/QuickbloxTheme2021/img/chat-messaging.svg"}},__namedExportsOrder=["AvatarDefault","AvatarIcon","AvatarImage"];AvatarDefault.parameters={...AvatarDefault.parameters,docs:{...AvatarDefault.parameters?.docs,source:{originalSource:"{}",...AvatarDefault.parameters?.docs?.source}}},AvatarIcon.parameters={...AvatarIcon.parameters,docs:{...AvatarIcon.parameters?.docs,source:{originalSource:"{\n args: {\n icon: <UserSvg />\n }\n}",...AvatarIcon.parameters?.docs?.source}}},AvatarImage.parameters={...AvatarImage.parameters,docs:{...AvatarImage.parameters?.docs,source:{originalSource:"{\n args: {\n src: 'https://quickblox.com/wp-content/themes/QuickbloxTheme2021/img/chat-messaging.svg'\n // src: 'https://cdn-ikpjoif.nitrocdn.com/WZsqFPiehrtwFaaeJNQAQZrkRMgaTuyL/assets/images/optimized/rev-83f47e6/quickblox.com/wp-content/themes/QuickbloxTheme2021/img/custom-white-label-solution.jpg',\n }\n}",...AvatarImage.parameters?.docs?.source}}}}}]);
@@ -0,0 +1,2 @@
1
+ /*! For license information please see Presentation-ui-components-Badge-Badge-stories.c8824861.iframe.bundle.js.LICENSE.txt */
2
+ (self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[751],{"./node_modules/classnames/index.js":(module,exports)=>{var __WEBPACK_AMD_DEFINE_RESULT__;!function(){"use strict";var hasOwn={}.hasOwnProperty;function classNames(){for(var classes="",i=0;i<arguments.length;i++){var arg=arguments[i];arg&&(classes=appendClass(classes,parseValue(arg)))}return classes}function parseValue(arg){if("string"==typeof arg||"number"==typeof arg)return arg;if("object"!=typeof arg)return"";if(Array.isArray(arg))return classNames.apply(null,arg);if(arg.toString!==Object.prototype.toString&&!arg.toString.toString().includes("[native code]"))return arg.toString();var classes="";for(var key in arg)hasOwn.call(arg,key)&&arg[key]&&(classes=appendClass(classes,key));return classes}function appendClass(value,newClass){return newClass?value?value+" "+newClass:value+newClass:value}module.exports?(classNames.default=classNames,module.exports=classNames):void 0===(__WEBPACK_AMD_DEFINE_RESULT__=function(){return classNames}.apply(exports,[]))||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)}()},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Badge/Badge.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'.qb-badge{display:flex;justify-content:center;align-items:center;height:20px;border-radius:30px;padding:2px 6px;font-family:"Roboto";font-weight:500;font-size:12px;line-height:16px;letter-spacing:.5px;background-color:var(--main-elements);color:var(--secondary-background)}.qb-badge--mute{background-color:var(--disabled-elements);color:var(--secondary-background)}',"",{version:3,sources:["webpack://./src/Presentation/ui-components/Badge/Badge.scss"],names:[],mappings:"AAAA,UACE,YAAA,CACA,sBAAA,CACA,kBAAA,CAEA,WAAA,CACA,kBAAA,CACA,eAAA,CAEA,oBAAA,CACA,eAAA,CACA,cAAA,CACA,gBAAA,CACA,mBAAA,CAEA,qCAAA,CACA,iCAAA,CAEA,gBACE,yCAAA,CACA,iCAAA",sourcesContent:[".qb-badge {\n display: flex;\n justify-content: center;\n align-items: center;\n\n height: 20px;\n border-radius: 30px;\n padding: 2px 6px;\n\n font-family: 'Roboto';\n font-weight: 500;\n font-size: 12px;\n line-height: 16px;\n letter-spacing: 0.5px;\n\n background-color: var(--main-elements);\n color: var(--secondary-background);\n\n &--mute {\n background-color: var(--disabled-elements);\n color: var(--secondary-background);\n }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./src/Presentation/ui-components/Badge/Badge.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{BadgeCount:()=>BadgeCount,BadgeDefault:()=>BadgeDefault,BadgeMute:()=>BadgeMute,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={title:"@quickblox-react-ui-kit/Presentation/ui-components/Badge",component:__webpack_require__("./src/Presentation/ui-components/Badge/Badge.tsx").A,tags:["autodocs"],parameters:{layout:"centered"},args:{count:0,limit:99,mute:!1,classNames:""},argTypes:{count:{table:{defaultValue:{summary:"0"}},description:"Number of unread messages"},limit:{table:{defaultValue:{summary:"99"}},description:"Limt of message count"},mute:{table:{defaultValue:{summary:"boolean"}},description:"Display type Badge"},classNames:{table:{type:{summary:"string"}},description:"Additional classes"}}},BadgeDefault={},BadgeCount={args:{count:9}},BadgeMute={args:{limit:99,count:120,mute:!0}},__namedExportsOrder=["BadgeDefault","BadgeCount","BadgeMute"];BadgeDefault.parameters={...BadgeDefault.parameters,docs:{...BadgeDefault.parameters?.docs,source:{originalSource:"{}",...BadgeDefault.parameters?.docs?.source}}},BadgeCount.parameters={...BadgeCount.parameters,docs:{...BadgeCount.parameters?.docs,source:{originalSource:"{\n args: {\n count: 9\n }\n}",...BadgeCount.parameters?.docs?.source}}},BadgeMute.parameters={...BadgeMute.parameters,docs:{...BadgeMute.parameters?.docs,source:{originalSource:"{\n args: {\n limit: 99,\n count: 120,\n mute: true\n }\n}",...BadgeMute.parameters?.docs?.source}}}},"./src/Presentation/ui-components/Badge/Badge.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Badge_Badge_Badge});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Badge=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Badge/Badge.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Badge.A,options);Badge.A&&Badge.A.locals&&Badge.A.locals;function Badge_Badge_Badge(_ref){let{count,limit,mute=!1,classNames}=_ref;return react.createElement("div",{className:classnames_default()("qb-badge",{"qb-badge--mute":mute},classNames)},limit&&count>limit?`${limit}+`:count)}Badge_Badge_Badge.__docgenInfo={description:"",methods:[],displayName:"Badge",props:{count:{required:!0,tsType:{name:"number"},description:""},limit:{required:!1,tsType:{name:"number"},description:""},mute:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},classNames:{required:!1,tsType:{name:"string"},description:""}}}}}]);
@@ -0,0 +1,2 @@
1
+ /*! For license information please see Presentation-ui-components-Button-Button-stories.fa2aa72c.iframe.bundle.js.LICENSE.txt */
2
+ (self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[349],{"./node_modules/classnames/index.js":(module,exports)=>{var __WEBPACK_AMD_DEFINE_RESULT__;!function(){"use strict";var hasOwn={}.hasOwnProperty;function classNames(){for(var classes="",i=0;i<arguments.length;i++){var arg=arguments[i];arg&&(classes=appendClass(classes,parseValue(arg)))}return classes}function parseValue(arg){if("string"==typeof arg||"number"==typeof arg)return arg;if("object"!=typeof arg)return"";if(Array.isArray(arg))return classNames.apply(null,arg);if(arg.toString!==Object.prototype.toString&&!arg.toString.toString().includes("[native code]"))return arg.toString();var classes="";for(var key in arg)hasOwn.call(arg,key)&&arg[key]&&(classes=appendClass(classes,key));return classes}function appendClass(value,newClass){return newClass?value?value+" "+newClass:value+newClass:value}module.exports?(classNames.default=classNames,module.exports=classNames):void 0===(__WEBPACK_AMD_DEFINE_RESULT__=function(){return classNames}.apply(exports,[]))||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)}()},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Button/Button.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".qb-button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 16px;height:32px;border-radius:4px;flex:none;order:1;flex-grow:0;font-style:normal;font-weight:500;font-size:14px;line-height:16px;letter-spacing:.4px;cursor:pointer;border:none;outline:none}.qb-button,.qb-button *{box-sizing:border-box}.qb-button--default{color:var(--system);background-color:var(--main-elements)}.qb-button--default:hover{background-color:var(--color-default-hover)}.qb-button--default:focus{outline:2px solid var(--color-background-info)}.qb-button--default:active{background-color:var(--color-default-hover);color:var(--color-background-info)}.qb-button--default.qb-button--disabled{cursor:not-allowed;background-color:var(--disabled-elements);color:var(--secondary-text)}.qb-button--outlined{background-color:inherit;border:1px solid var(--main-text);color:var(--main-text)}.qb-button--outlined:hover{background-color:var(--outgoing-background)}.qb-button--outlined:focus{border:2px solid var(--color-background-info)}.qb-button--outlined:active{border:1px solid var(--main-elements);color:var(--main-elements)}.qb-button--outlined.qb-button--disabled{cursor:not-allowed;border:1px solid var(--disabled-elements);color:var(--disabled-elements)}.qb-button--danger{background-color:var(--error);color:var(--system)}.qb-button--danger:focus{outline:2px solid var(--error-secondary)}.qb-button--danger:active{color:var(--error-secondary)}.qb-button--danger.qb-button--disabled{cursor:not-allowed;background-color:var(--disabled-elements);color:var(--secondary-text)}.qb-button--text{background-color:inherit;color:var(--main-elements)}.qb-button--text:focus{outline:2px solid var(--color-background-info)}.qb-button--text:active{color:var(--color-default-hover)}.qb-button--text.qb-button--disabled{cursor:not-allowed;color:var(--disabled-elements)}.qb-button__loader--default{fill:var(--secondary-background)}.qb-button__loader--outlined{fill:var(--main-elements)}.qb-button__loader--danger{fill:var(--secondary-background)}.qb-button__loader--text{fill:var(--disabled-elements)}","",{version:3,sources:["webpack://./src/Presentation/ui-components/Button/Button.scss","webpack://./src/Presentation/themes/styles/_mixins.scss"],names:[],mappings:"AAEA,WACE,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,kBAAA,CACA,gBAAA,CAEA,WAAA,CAEA,iBAAA,CAEA,SAAA,CACA,OAAA,CACA,WAAA,CAEA,iBAAA,CACA,eAAA,CACA,cAAA,CACA,gBAAA,CACA,mBAAA,CAEA,cAAA,CACA,WAAA,CACA,YAAA,CCxBA,wBAEE,qBAAA,CDyBF,oBACE,mBAAA,CACA,qCAAA,CAEA,0BACE,2CAAA,CAGF,0BACE,8CAAA,CAGF,2BACE,2CAAA,CACA,kCAAA,CAGF,wCACE,kBAAA,CACA,yCAAA,CACA,2BAAA,CAIJ,qBACE,wBAAA,CACA,iCAAA,CACA,sBAAA,CAEA,2BACE,2CAAA,CAGF,2BACE,6CAAA,CAGF,4BACE,qCAAA,CACA,0BAAA,CAGF,yCACE,kBAAA,CACA,yCAAA,CACA,8BAAA,CAIJ,mBACE,6BAAA,CACA,mBAAA,CAEA,yBACE,wCAAA,CAGF,0BACE,4BAAA,CAGF,uCACE,kBAAA,CACA,yCAAA,CACA,2BAAA,CAIJ,iBACE,wBAAA,CACA,0BAAA,CAEA,uBACE,8CAAA,CAGF,wBACE,gCAAA,CAGF,qCACE,kBAAA,CACA,8BAAA,CAKF,4BACE,gCAAA,CAGF,6BACE,yBAAA,CAGF,2BACE,gCAAA,CAGF,yBACE,6BAAA",sourcesContent:["@use '../../themes/styles/mixins' as *;\n\n.qb-button {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 8px 16px;\n\n height: 32px;\n\n border-radius: 4px;\n\n flex: none;\n order: 1;\n flex-grow: 0;\n\n font-style: normal;\n font-weight: 500;\n font-size: 14px;\n line-height: 16px;\n letter-spacing: 0.4px;\n\n cursor: pointer;\n border: none;\n outline: none;\n @include applyBorderBox;\n\n &--default {\n color: var(--system);\n background-color: var(--main-elements);\n\n &:hover {\n background-color: var(--color-default-hover);\n }\n\n &:focus {\n outline: 2px solid var(--color-background-info);\n }\n\n &:active {\n background-color: var(--color-default-hover);\n color: var(--color-background-info);\n }\n\n &.qb-button--disabled {\n cursor: not-allowed;\n background-color: var(--disabled-elements);\n color: var(--secondary-text);\n }\n }\n\n &--outlined {\n background-color: inherit;\n border: 1px solid var(--main-text);\n color: var(--main-text);\n\n &:hover {\n background-color: var(--outgoing-background);\n }\n\n &:focus {\n border: 2px solid var(--color-background-info);\n }\n\n &:active {\n border: 1px solid var(--main-elements);\n color: var(--main-elements);\n }\n\n &.qb-button--disabled {\n cursor: not-allowed;\n border: 1px solid var(--disabled-elements);\n color: var(--disabled-elements);\n }\n }\n\n &--danger {\n background-color: var(--error);\n color: var(--system);\n\n &:focus {\n outline: 2px solid var(--error-secondary);\n }\n\n &:active {\n color: var(--error-secondary);\n }\n\n &.qb-button--disabled {\n cursor: not-allowed;\n background-color: var(--disabled-elements);\n color: var(--secondary-text);\n }\n }\n\n &--text {\n background-color: inherit;\n color: var(--main-elements);\n\n &:focus {\n outline: 2px solid var(--color-background-info);\n }\n\n &:active {\n color: var(--color-default-hover);\n }\n\n &.qb-button--disabled {\n cursor: not-allowed;\n color: var(--disabled-elements);\n }\n }\n\n &__loader {\n &--default {\n fill: var(--secondary-background);\n }\n\n &--outlined {\n fill: var(--main-elements);\n }\n\n &--danger {\n fill: var(--secondary-background);\n }\n\n &--text {\n fill: var(--disabled-elements);\n }\n }\n}\n","@mixin applyBorderBox {\n &,\n * {\n box-sizing: border-box;\n }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Loader/Loader.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".qb-loader--sm{width:24px;height:24px}.qb-loader--md{width:48px;height:48px}.qb-loader--lg{width:52px;height:52px}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.qb-loader{animation:rotate 1s infinite linear}","",{version:3,sources:["webpack://./src/Presentation/ui-components/Loader/Loader.scss"],names:[],mappings:"AACE,eACE,UAAA,CACA,WAAA,CAGF,eACE,UAAA,CACA,WAAA,CAGF,eACE,UAAA,CACA,WAAA,CAGF,kBACE,KACE,sBAAA,CAEF,GACE,wBAAA,CAAA,CAIJ,WACE,mCAAA",sourcesContent:[".qb-loader {\n &--sm {\n width: 24px;\n height: 24px;\n }\n\n &--md {\n width: 48px;\n height: 48px;\n }\n\n &--lg {\n width: 52px;\n height: 52px;\n }\n\n @keyframes rotate {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n }\n\n & {\n animation: rotate 1s infinite linear;\n }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./src/Presentation/ui-components/Button/Button.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ButtonDanger:()=>ButtonDanger,ButtonDefault:()=>ButtonDefault,ButtonOutline:()=>ButtonOutline,ButtonText:()=>ButtonText,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={title:"@quickblox-react-ui-kit/Presentation/ui-components/Button",component:__webpack_require__("./src/Presentation/ui-components/Button/Button.tsx").A,tags:["autodocs"],parameters:{layout:"centered"},args:{disabled:!1,loading:!1,className:"",children:"Button"},argTypes:{variant:{options:["default","outlined","danger","text"],control:{type:"select"},table:{defaultValue:{summary:"'default'"},type:{summary:"string"}},description:"Button style"},disabled:{table:{defaultValue:{summary:"false"},type:{summary:"boolean"}},description:"Active"},loading:{table:{defaultValue:{summary:"false"},type:{summary:"boolean"}},description:"Loading"},className:{table:{defaultValue:{summary:"string"},type:{summary:"string"}},description:"Additional classes"},children:{table:{defaultValue:{summary:void 0},type:{summary:"ReactElement | string | number"}},description:"Primary content"}}},ButtonDefault={},ButtonOutline={args:{variant:"outlined",children:"Button"}},ButtonDanger={args:{variant:"danger",children:"Button"}},ButtonText={args:{variant:"text",children:"Button"}},__namedExportsOrder=["ButtonDefault","ButtonOutline","ButtonDanger","ButtonText"];ButtonDefault.parameters={...ButtonDefault.parameters,docs:{...ButtonDefault.parameters?.docs,source:{originalSource:"{}",...ButtonDefault.parameters?.docs?.source}}},ButtonOutline.parameters={...ButtonOutline.parameters,docs:{...ButtonOutline.parameters?.docs,source:{originalSource:"{\n args: {\n variant: 'outlined',\n children: 'Button'\n }\n}",...ButtonOutline.parameters?.docs?.source}}},ButtonDanger.parameters={...ButtonDanger.parameters,docs:{...ButtonDanger.parameters?.docs,source:{originalSource:"{\n args: {\n variant: 'danger',\n children: 'Button'\n }\n}",...ButtonDanger.parameters?.docs?.source}}},ButtonText.parameters={...ButtonText.parameters,docs:{...ButtonText.parameters?.docs,source:{originalSource:"{\n args: {\n variant: 'text',\n children: 'Button'\n }\n}",...ButtonText.parameters?.docs?.source}}}},"./src/Presentation/ui-components/Button/Button.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Button_Button_Button});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),Loader=__webpack_require__("./src/Presentation/ui-components/Loader/Loader.tsx"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Button=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Button/Button.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Button.A,options);Button.A&&Button.A.locals&&Button.A.locals;function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function Button_Button_Button(_ref){let{variant="default",className,disabled=!1,loading=!1,children,...rest}=_ref;return react.createElement("button",_extends({className:classnames_default()("qb-button",`qb-button--${variant}`,{"qb-button--disabled":disabled},className),disabled:disabled||loading},rest),loading&&!disabled?react.createElement(Loader.A,{className:classnames_default()("qb-button__loader",`qb-button__loader--${variant}`)}):children)}Button_Button_Button.__docgenInfo={description:"",methods:[],displayName:"Button",props:{variant:{required:!1,tsType:{name:"union",raw:"'default' | 'outlined' | 'danger' | 'text'",elements:[{name:"literal",value:"'default'"},{name:"literal",value:"'outlined'"},{name:"literal",value:"'danger'"},{name:"literal",value:"'text'"}]},description:"",defaultValue:{value:"'default'",computed:!1}},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},loading:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},className:{required:!1,tsType:{name:"string"},description:""},children:{required:!1,tsType:{name:"union",raw:"ReactElement | string | number",elements:[{name:"ReactElement"},{name:"string"},{name:"number"}]},description:""}},composes:["HTMLButtonProps"]}},"./src/Presentation/ui-components/Loader/Loader.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Loader_Loader_Loader});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Loader=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Loader/Loader.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Loader.A,options);Loader.A&&Loader.A.locals&&Loader.A.locals;function Loader_Loader_Loader(_ref){let{className,size="md"}=_ref;return react.createElement(icons.iO,{className:classnames_default()("qb-loader",size&&`qb-loader--${size}`,className)})}Loader_Loader_Loader.__docgenInfo={description:"",methods:[],displayName:"Loader",props:{size:{required:!1,tsType:{name:"union",raw:"'sm' | 'md' | 'lg'",elements:[{name:"literal",value:"'sm'"},{name:"literal",value:"'md'"},{name:"literal",value:"'lg'"}]},description:"",defaultValue:{value:"'md'",computed:!1}},className:{required:!1,tsType:{name:"string"},description:""}}}}}]);
@@ -0,0 +1,2 @@
1
+ /*! For license information please see Presentation-ui-components-DialogItemPreview-DialogItemPreview-stories.b6998344.iframe.bundle.js.LICENSE.txt */
2
+ (self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[275],{"./node_modules/@storybook/addon-viewport/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Lq:()=>INITIAL_VIEWPORTS});__webpack_require__("storybook/internal/preview-api");var __defProp=Object.defineProperty,preview_exports={};((target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})})(preview_exports,{initialGlobals:()=>initialGlobals});var PARAM_KEY="viewport",modern={[PARAM_KEY]:{value:void 0,isRotated:!1}},initialGlobals=globalThis.FEATURES?.viewportStoryGlobals?modern:{viewport:"reset",viewportRotated:!1},INITIAL_VIEWPORTS={iphone5:{name:"iPhone 5",styles:{height:"568px",width:"320px"},type:"mobile"},iphone6:{name:"iPhone 6",styles:{height:"667px",width:"375px"},type:"mobile"},iphone6p:{name:"iPhone 6 Plus",styles:{height:"736px",width:"414px"},type:"mobile"},iphone8p:{name:"iPhone 8 Plus",styles:{height:"736px",width:"414px"},type:"mobile"},iphonex:{name:"iPhone X",styles:{height:"812px",width:"375px"},type:"mobile"},iphonexr:{name:"iPhone XR",styles:{height:"896px",width:"414px"},type:"mobile"},iphonexsmax:{name:"iPhone XS Max",styles:{height:"896px",width:"414px"},type:"mobile"},iphonese2:{name:"iPhone SE (2nd generation)",styles:{height:"667px",width:"375px"},type:"mobile"},iphone12mini:{name:"iPhone 12 mini",styles:{height:"812px",width:"375px"},type:"mobile"},iphone12:{name:"iPhone 12",styles:{height:"844px",width:"390px"},type:"mobile"},iphone12promax:{name:"iPhone 12 Pro Max",styles:{height:"926px",width:"428px"},type:"mobile"},iphoneSE3:{name:"iPhone SE 3rd generation",styles:{height:"667px",width:"375px"},type:"mobile"},iphone13:{name:"iPhone 13",styles:{height:"844px",width:"390px"},type:"mobile"},iphone13pro:{name:"iPhone 13 Pro",styles:{height:"844px",width:"390px"},type:"mobile"},iphone13promax:{name:"iPhone 13 Pro Max",styles:{height:"926px",width:"428px"},type:"mobile"},iphone14:{name:"iPhone 14",styles:{height:"844px",width:"390px"},type:"mobile"},iphone14pro:{name:"iPhone 14 Pro",styles:{height:"852px",width:"393px"},type:"mobile"},iphone14promax:{name:"iPhone 14 Pro Max",styles:{height:"932px",width:"430px"},type:"mobile"},ipad:{name:"iPad",styles:{height:"1024px",width:"768px"},type:"tablet"},ipad10p:{name:"iPad Pro 10.5-in",styles:{height:"1112px",width:"834px"},type:"tablet"},ipad11p:{name:"iPad Pro 11-in",styles:{height:"1194px",width:"834px"},type:"tablet"},ipad12p:{name:"iPad Pro 12.9-in",styles:{height:"1366px",width:"1024px"},type:"tablet"},galaxys5:{name:"Galaxy S5",styles:{height:"640px",width:"360px"},type:"mobile"},galaxys9:{name:"Galaxy S9",styles:{height:"740px",width:"360px"},type:"mobile"},nexus5x:{name:"Nexus 5X",styles:{height:"660px",width:"412px"},type:"mobile"},nexus6p:{name:"Nexus 6P",styles:{height:"732px",width:"412px"},type:"mobile"},pixel:{name:"Pixel",styles:{height:"960px",width:"540px"},type:"mobile"},pixelxl:{name:"Pixel XL",styles:{height:"1280px",width:"720px"},type:"mobile"}}},"./node_modules/classnames/index.js":(module,exports)=>{var __WEBPACK_AMD_DEFINE_RESULT__;!function(){"use strict";var hasOwn={}.hasOwnProperty;function classNames(){for(var classes="",i=0;i<arguments.length;i++){var arg=arguments[i];arg&&(classes=appendClass(classes,parseValue(arg)))}return classes}function parseValue(arg){if("string"==typeof arg||"number"==typeof arg)return arg;if("object"!=typeof arg)return"";if(Array.isArray(arg))return classNames.apply(null,arg);if(arg.toString!==Object.prototype.toString&&!arg.toString.toString().includes("[native code]"))return arg.toString();var classes="";for(var key in arg)hasOwn.call(arg,key)&&arg[key]&&(classes=appendClass(classes,key));return classes}function appendClass(value,newClass){return newClass?value?value+" "+newClass:value+newClass:value}module.exports?(classNames.default=classNames,module.exports=classNames):void 0===(__WEBPACK_AMD_DEFINE_RESULT__=function(){return classNames}.apply(exports,[]))||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)}()},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Avatar/Avatar.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".qb-avatar{display:flex;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;background-color:var(--disabled-elements);color:var(--secondary-text)}.qb-avatar,.qb-avatar *{box-sizing:border-box}.qb-avatar svg{height:26px;width:26px;fill:var(--tertiary-elements)}.qb-avatar__image{object-fit:cover;width:100%;height:100%}.qb-avatar--xs{width:32px;height:32px}.qb-avatar--sm{width:36px;height:36px}.qb-avatar--md{width:40px;height:40px}.qb-avatar--lg{width:56px;height:56px}.qb-avatar--lg svg{height:33px;width:33px}.qb-avatar--xl{width:64px;height:64px}.qb-avatar--xxl{width:80px;height:80px}","",{version:3,sources:["webpack://./src/Presentation/ui-components/Avatar/Avatar.scss","webpack://./src/Presentation/themes/styles/_mixins.scss"],names:[],mappings:"AAEA,WACE,YAAA,CACA,aAAA,CACA,kBAAA,CACA,sBAAA,CAEA,eAAA,CACA,iBAAA,CACA,yCAAA,CACA,2BAAA,CCVA,wBAEE,qBAAA,CDYF,eACE,WAAA,CACA,UAAA,CACA,6BAAA,CAGF,kBACE,gBAAA,CACA,UAAA,CACA,WAAA,CAGF,eACE,UAAA,CACA,WAAA,CAGF,eACE,UAAA,CACA,WAAA,CAGF,eACE,UAAA,CACA,WAAA,CAGF,eACE,UAAA,CACA,WAAA,CAEA,mBACE,WAAA,CACA,UAAA,CAIJ,eACE,UAAA,CACA,WAAA,CAGF,gBACE,UAAA,CACA,WAAA",sourcesContent:["@use '../../themes/styles/mixins' as *;\n\n.qb-avatar {\n display: flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n\n overflow: hidden;\n border-radius: 50%;\n background-color: var(--disabled-elements);\n color: var(--secondary-text);\n\n @include applyBorderBox;\n\n svg {\n height: 26px;\n width: 26px;\n fill: var(--tertiary-elements);\n }\n\n &__image {\n object-fit: cover;\n width: 100%;\n height: 100%;\n }\n\n &--xs {\n width: 32px;\n height: 32px;\n }\n\n &--sm {\n width: 36px;\n height: 36px;\n }\n\n &--md {\n width: 40px;\n height: 40px;\n }\n\n &--lg {\n width: 56px;\n height: 56px;\n\n svg {\n height: 33px;\n width: 33px;\n }\n }\n\n &--xl {\n width: 64px;\n height: 64px;\n }\n\n &--xxl {\n width: 80px;\n height: 80px;\n }\n}\n","@mixin applyBorderBox {\n &,\n * {\n box-sizing: border-box;\n }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Badge/Badge.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'.qb-badge{display:flex;justify-content:center;align-items:center;height:20px;border-radius:30px;padding:2px 6px;font-family:"Roboto";font-weight:500;font-size:12px;line-height:16px;letter-spacing:.5px;background-color:var(--main-elements);color:var(--secondary-background)}.qb-badge--mute{background-color:var(--disabled-elements);color:var(--secondary-background)}',"",{version:3,sources:["webpack://./src/Presentation/ui-components/Badge/Badge.scss"],names:[],mappings:"AAAA,UACE,YAAA,CACA,sBAAA,CACA,kBAAA,CAEA,WAAA,CACA,kBAAA,CACA,eAAA,CAEA,oBAAA,CACA,eAAA,CACA,cAAA,CACA,gBAAA,CACA,mBAAA,CAEA,qCAAA,CACA,iCAAA,CAEA,gBACE,yCAAA,CACA,iCAAA",sourcesContent:[".qb-badge {\n display: flex;\n justify-content: center;\n align-items: center;\n\n height: 20px;\n border-radius: 30px;\n padding: 2px 6px;\n\n font-family: 'Roboto';\n font-weight: 500;\n font-size: 12px;\n line-height: 16px;\n letter-spacing: 0.5px;\n\n background-color: var(--main-elements);\n color: var(--secondary-background);\n\n &--mute {\n background-color: var(--disabled-elements);\n color: var(--secondary-background);\n }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/DialogItemPreview/DialogItemPreview.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".dialog-item-preview{display:flex;align-items:center;padding:8px 16px;gap:16px}.dialog-item-preview,.dialog-item-preview *{box-sizing:border-box}.dialog-item-preview:hover{background:var(--divider)}.dialog-item-preview--active{box-shadow:4px 0px 0px 0px var(--primary) inset;background:var(--divider)}.dialog-item-preview__content{width:calc(100% - 72px);display:flex;flex-direction:column;gap:2px}.dialog-item-preview__content-top{display:flex;justify-content:space-between}.dialog-item-preview__content-top-title{font:var(--label-label-medium);color:var(--main-text, #0b1b0f);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dialog-item-preview__content-top-date{color:var(--tertiary-elements, #636d78);font:var(--label-label-small)}.dialog-item-preview__content-bottom{display:flex;justify-content:space-between;gap:5px;height:32px}.dialog-item-preview__content-bottom-message{color:var(--secondary-text, #636d78);text-align:left;font:var(--body-body-small);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.dialog-item-preview__content-bottom-controls{display:flex;align-items:center;gap:5px}.dialog-item-preview__content-bottom-controls-menu{width:24px;height:24px}","",{version:3,sources:["webpack://./src/Presentation/ui-components/DialogItemPreview/DialogItemPreview.scss","webpack://./src/Presentation/themes/styles/_mixins.scss"],names:[],mappings:"AAEA,qBACE,YAAA,CACA,kBAAA,CACA,gBAAA,CACA,QAAA,CCLA,4CAEE,qBAAA,CDOF,2BACE,yBAAA,CAGF,6BACE,+CAAA,CACA,yBAAA,CAGF,8BACE,uBAAA,CACA,YAAA,CACA,qBAAA,CACA,OAAA,CAEA,kCACE,YAAA,CACA,6BAAA,CAEA,wCACE,8BAAA,CACA,+BAAA,CACA,eAAA,CACA,kBAAA,CACA,sBAAA,CAGF,uCACE,uCAAA,CACA,6BAAA,CAIJ,qCACE,YAAA,CACA,6BAAA,CACA,OAAA,CACA,WAAA,CAEA,6CACE,oCAAA,CACA,eAAA,CACA,2BAAA,CACA,eAAA,CACA,mBAAA,CACA,oBAAA,CACA,2BAAA,CAGF,8CACE,YAAA,CACA,kBAAA,CACA,OAAA,CAEA,mDACE,UAAA,CACA,WAAA",sourcesContent:["@use '../../themes/styles/mixins' as *;\n\n.dialog-item-preview {\n display: flex;\n align-items: center;\n padding: 8px 16px;\n gap: 16px;\n\n @include applyBorderBox; // Переместил после основных свойств\n\n &:hover {\n background: var(--divider);\n }\n\n &--active {\n box-shadow: 4px 0px 0px 0px var(--primary) inset;\n background: var(--divider);\n }\n\n &__content {\n width: calc(100% - 72px);\n display: flex;\n flex-direction: column;\n gap: 2px;\n\n &-top {\n display: flex;\n justify-content: space-between;\n\n &-title {\n font: var(--label-label-medium);\n color: var(--main-text, #0b1b0f);\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n &-date {\n color: var(--tertiary-elements, #636d78);\n font: var(--label-label-small);\n }\n }\n\n &-bottom {\n display: flex;\n justify-content: space-between;\n gap: 5px;\n height: 32px;\n\n &-message {\n color: var(--secondary-text, #636d78);\n text-align: left;\n font: var(--body-body-small);\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n }\n\n &-controls {\n display: flex;\n align-items: center;\n gap: 5px;\n\n &-menu {\n width: 24px;\n height: 24px;\n }\n }\n }\n }\n}\n","@mixin applyBorderBox {\n &,\n * {\n box-sizing: border-box;\n }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Dropdown/Dropdown.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'.qb-dropdown{width:100%;height:100%;position:relative}.qb-dropdown,.qb-dropdown *{box-sizing:border-box}.qb-dropdown__toggle{width:100%;height:100%;background:none;border:none;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;margin:0;cursor:pointer;outline:none}.qb-dropdown__menu{background-color:var(--main-background);box-shadow:0 3px 5px 0 rgba(0,0,0,.04),0 3px 14px 0 rgba(0,0,0,.08);border-radius:4px;padding:8px 0px;margin:0;z-index:100;position:absolute;overflow:hidden;list-style-type:none;display:none}.qb-dropdown__menu--topRight{bottom:100%}.qb-dropdown__menu--left{top:50%;transform:translateY(-50%);right:100%}.qb-dropdown__menu--opened{display:block}.qb-dropdown__option{display:flex;justify-content:space-between;align-items:center;font-family:"Roboto";font-weight:400;font-size:14px;line-height:20px;letter-spacing:.25px;height:32px;width:135px;padding:4px 16px;cursor:pointer}.qb-dropdown__option--disabled{color:var(--caption)}.qb-dropdown__label{width:100%;display:flex;align-items:center;gap:3px}',"",{version:3,sources:["webpack://./src/Presentation/ui-components/Dropdown/Dropdown.scss","webpack://./src/Presentation/themes/styles/_mixins.scss"],names:[],mappings:"AAEA,aACE,UAAA,CACA,WAAA,CACA,iBAAA,CCJA,4BAEE,qBAAA,CDMF,qBACE,UAAA,CACA,WAAA,CACA,eAAA,CACA,WAAA,CACA,aAAA,CACA,YAAA,CACA,kBAAA,CACA,gBAAA,CACA,SAAA,CACA,QAAA,CACA,cAAA,CACA,YAAA,CAGF,mBACE,uCAAA,CACA,mEAAA,CAEA,iBAAA,CAEA,eAAA,CACA,QAAA,CACA,WAAA,CACA,iBAAA,CACA,eAAA,CACA,oBAAA,CACA,YAAA,CAEA,6BACE,WAAA,CAGF,yBACE,OAAA,CACA,0BAAA,CACA,UAAA,CAGF,2BACE,aAAA,CAIJ,qBACE,YAAA,CACA,6BAAA,CACA,kBAAA,CAEA,oBAAA,CACA,eAAA,CACA,cAAA,CACA,gBAAA,CACA,oBAAA,CAEA,WAAA,CACA,WAAA,CACA,gBAAA,CAEA,cAAA,CAEA,+BACE,oBAAA,CAIJ,oBACE,UAAA,CACA,YAAA,CACA,kBAAA,CACA,OAAA",sourcesContent:["@use '../../themes/styles/mixins' as *;\n\n.qb-dropdown {\n width: 100%;\n height: 100%;\n position: relative;\n\n @include applyBorderBox;\n\n &__toggle {\n width: 100%;\n height: 100%;\n background: none;\n border: none;\n color: inherit;\n font: inherit;\n line-height: normal;\n overflow: visible;\n padding: 0;\n margin: 0;\n cursor: pointer;\n outline: none;\n }\n\n &__menu {\n background-color: var(--main-background);\n box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.04),\n 0 3px 14px 0 rgba(0, 0, 0, 0.08);\n border-radius: 4px;\n\n padding: 8px 0px;\n margin: 0;\n z-index: 100;\n position: absolute;\n overflow: hidden;\n list-style-type: none;\n display: none;\n\n &--topRight {\n bottom: 100%;\n }\n\n &--left {\n top: 50%;\n transform: translateY(-50%);\n right: 100%;\n }\n\n &--opened {\n display: block;\n }\n }\n\n &__option {\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n font-family: 'Roboto';\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n letter-spacing: 0.25px;\n\n height: 32px;\n width: 135px;\n padding: 4px 16px;\n\n cursor: pointer;\n\n &--disabled {\n color: var(--caption);\n }\n }\n\n &__label {\n width: 100%;\n display: flex;\n align-items: center;\n gap: 3px;\n }\n}\n","@mixin applyBorderBox {\n &,\n * {\n box-sizing: border-box;\n }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/PreviewFileMessage/PreviewFileMessage.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'.preview-file-message{display:flex;gap:8px;align-items:center}.preview-file-message__image{object-fit:cover;display:flex;width:32px;height:32px;background:var(--incoming-background, #e4e6e8);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center}.preview-file-message__icon{fill:var(--caption);width:16px;height:16px}.preview-file-message__name{color:var(--secondary-text);text-align:left;font:400 12px/16px "Roboto",sans-serif;letter-spacing:.4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}',"",{version:3,sources:["webpack://./src/Presentation/ui-components/PreviewFileMessage/PreviewFileMessage.scss"],names:[],mappings:"AAAA,sBACE,YAAA,CACA,OAAA,CACA,kBAAA,CAEA,6BACE,gBAAA,CACA,YAAA,CACA,UAAA,CACA,WAAA,CACA,8CAAA,CACA,iBAAA,CACA,aAAA,CACA,sBAAA,CACA,kBAAA,CAGF,4BACE,mBAAA,CACA,UAAA,CACA,WAAA,CAGF,4BACE,2BAAA,CACA,eAAA,CACA,sCAAA,CACA,mBAAA,CACA,eAAA,CACA,kBAAA,CACA,sBAAA",sourcesContent:['.preview-file-message {\n display: flex;\n gap: 8px;\n align-items: center;\n\n &__image {\n object-fit: cover;\n display: flex;\n width: 32px;\n height: 32px;\n background: var(--incoming-background, #e4e6e8);\n border-radius: 8px;\n flex-shrink: 0;\n justify-content: center;\n align-items: center;\n }\n\n &__icon {\n fill: var(--caption);\n width: 16px;\n height: 16px;\n }\n\n &__name {\n color: var(--secondary-text);\n text-align: left;\n font: 400 12px/16px "Roboto", sans-serif;\n letter-spacing: 0.4px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n}\n'],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./src/Presentation/ui-components/Avatar/Avatar.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Avatar_Avatar_Avatar});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Avatar=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Avatar/Avatar.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Avatar.A,options);Avatar.A&&Avatar.A.locals&&Avatar.A.locals;function Avatar_Avatar_Avatar(_ref){let{icon=react.createElement(icons.Uh,null),size="md",className,src}=_ref;return src?react.createElement("div",{className:classnames_default()("qb-avatar",`qb-avatar--${size}`,className)},react.createElement("img",{src,className:"qb-avatar__image",alt:"Avatar"})):react.createElement("div",{className:classnames_default()("qb-avatar",`qb-avatar--${size}`,className)},icon)}Avatar_Avatar_Avatar.__docgenInfo={description:"",methods:[],displayName:"Avatar",props:{size:{required:!1,tsType:{name:"union",raw:"'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'",elements:[{name:"literal",value:"'xs'"},{name:"literal",value:"'sm'"},{name:"literal",value:"'md'"},{name:"literal",value:"'lg'"},{name:"literal",value:"'xl'"},{name:"literal",value:"'xxl'"}]},description:"",defaultValue:{value:"'md'",computed:!1}},icon:{required:!1,tsType:{name:"ReactElement"},description:"",defaultValue:{value:"<UserSvg />",computed:!1}},className:{required:!1,tsType:{name:"string"},description:""},src:{required:!1,tsType:{name:"string"},description:""}}}},"./src/Presentation/ui-components/Badge/Badge.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Badge_Badge_Badge});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Badge=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Badge/Badge.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Badge.A,options);Badge.A&&Badge.A.locals&&Badge.A.locals;function Badge_Badge_Badge(_ref){let{count,limit,mute=!1,classNames}=_ref;return react.createElement("div",{className:classnames_default()("qb-badge",{"qb-badge--mute":mute},classNames)},limit&&count>limit?`${limit}+`:count)}Badge_Badge_Badge.__docgenInfo={description:"",methods:[],displayName:"Badge",props:{count:{required:!0,tsType:{name:"number"},description:""},limit:{required:!1,tsType:{name:"number"},description:""},mute:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},classNames:{required:!1,tsType:{name:"string"},description:""}}}},"./src/Presentation/ui-components/DialogItemPreview/DialogItemPreview.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DialogItemPreviewDefault:()=>DialogItemPreviewDefault,DialogItemPreviewFullScreen:()=>DialogItemPreviewFullScreen,DialogItemPreviewMobileScreen:()=>DialogItemPreviewMobileScreen,DialogItemPreviewMobileScreenIPad:()=>DialogItemPreviewMobileScreenIPad,__namedExportsOrder:()=>__namedExportsOrder,default:()=>DialogItemPreview_stories});var react=__webpack_require__("./node_modules/react/index.js"),dist=__webpack_require__("./node_modules/@storybook/addon-viewport/dist/index.mjs"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),DialogItemPreview=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/DialogItemPreview/DialogItemPreview.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(DialogItemPreview.A,options);DialogItemPreview.A&&DialogItemPreview.A.locals&&DialogItemPreview.A.locals;const DialogItemPreview_DialogItemPreview_DialogItemPreview=_ref=>{let{avatar,title,date,active,lastMessage,badge,contextMenu,onClick,className}=_ref;return react.createElement("div",{className:classnames_default()("dialog-item-preview",{"dialog-item-preview--active":active},className),onClick},avatar,react.createElement("div",{className:"dialog-item-preview__content"},react.createElement("div",{className:"dialog-item-preview__content-top"},react.createElement("span",{className:"dialog-item-preview__content-top-title"},title),date&&react.createElement("span",{className:"dialog-item-preview__content-top-date"},date)),react.createElement("div",{className:"dialog-item-preview__content-bottom"},react.createElement("div",{className:"dialog-item-preview__content-bottom-message"},lastMessage),react.createElement("div",{onClick:event=>event.stopPropagation(),className:"dialog-item-preview__content-bottom-controls"},badge,contextMenu&&react.createElement("div",{className:"dialog-item-preview__content-bottom-controls-menu"},contextMenu)))))},ui_components_DialogItemPreview_DialogItemPreview=DialogItemPreview_DialogItemPreview_DialogItemPreview;DialogItemPreview_DialogItemPreview_DialogItemPreview.__docgenInfo={description:"",methods:[],displayName:"DialogItemPreview",props:{avatar:{required:!1,tsType:{name:"ReactElement"},description:""},title:{required:!1,tsType:{name:"string"},description:""},active:{required:!1,tsType:{name:"boolean"},description:""},date:{required:!1,tsType:{name:"string"},description:""},lastMessage:{required:!1,tsType:{name:"union",raw:"ReactElement | string",elements:[{name:"ReactElement"},{name:"string"}]},description:""},badge:{required:!1,tsType:{name:"ReactElement"},description:""},contextMenu:{required:!1,tsType:{name:"ReactElement"},description:""},onClick:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},className:{required:!1,tsType:{name:"string"},description:""}}};var Badge=__webpack_require__("./src/Presentation/ui-components/Badge/Badge.tsx"),Avatar=__webpack_require__("./src/Presentation/ui-components/Avatar/Avatar.tsx"),icons=__webpack_require__("./src/Presentation/icons/index.ts"),PreviewFileMessage=__webpack_require__("./src/Presentation/ui-components/PreviewFileMessage/PreviewFileMessage.tsx"),Dropdown=__webpack_require__("./src/Presentation/ui-components/Dropdown/Dropdown.tsx");const DialogItemPreview_stories={title:"@quickblox-react-ui-kit/Presentation/ui-components/DialogItemPreview",tags:["autodocs"],component:ui_components_DialogItemPreview_DialogItemPreview,decorators:[],parameters:{viewport:{viewports:dist.Lq}},argTypes:{avatar:{description:"Avatar or Icon",control:"select",options:["User","Group","Conference","Public","Photo"],mapping:{User:react.createElement(Avatar.A,{size:"lg",icon:react.createElement(icons.Uh,null)}),Group:react.createElement(Avatar.A,{size:"lg",icon:react.createElement(icons.C_,null)}),Conference:react.createElement(Avatar.A,{size:"lg",icon:react.createElement(icons.os,null)}),Public:react.createElement(Avatar.A,{size:"lg",icon:react.createElement(icons.vq,null)}),Photo:react.createElement(Avatar.A,{size:"lg",src:"https://quickblox.com/wp-content/themes/QuickbloxTheme2021/img/chat-messaging.svg"})}},lastMessage:{description:"Last message by type",control:"select",options:["ShortText","LongText","Image","File","None"],mapping:{ShortText:"Hello, world!How are you?",LongText:"Hello, dear Mr. User. Thank you for choosing us. I'm here to assist with your order's delivery. Please provide your preferred address and any specific instructions. We offer standard, express, and same-day delivery in select areas. Let us know your convenience, and we'll ensure a smooth process.",Image:react.createElement(PreviewFileMessage.A,{name:"My avatar.png",src:"https://quickblox.com/wp-content/themes/QuickbloxTheme2021/img/chat-messaging.svg"}),File:react.createElement(PreviewFileMessage.A,{name:"My Document.txt"}),None:void 0}},badge:{description:"Badge",control:"select",options:["Default","OverCount","None"],mapping:{Default:react.createElement(Badge.A,{count:5}),OverCount:react.createElement(Badge.A,{count:15,limit:9}),None:void 0}},active:{table:{defaultValue:{summary:"false"},type:{summary:"boolean"}},description:"Active"},contextMenu:{description:"Context action icon",control:"select",options:["Default","Leave","None"],mapping:{Default:react.createElement(icons.ur,null),Leave:react.createElement(Dropdown.A,{placement:"left",options:[{value:"Leave",label:"Leave"}],onSelect:value=>{console.log(value)}},react.createElement(icons.ur,null)),None:void 0}}}},DialogItemPreviewDefault={name:"DialogItemPreview Default",args:{title:"Name",avatar:react.createElement(Avatar.A,{size:"lg",icon:react.createElement(icons.Uh,null)})},render:args=>(args.date=args.date?new Date(args.date).toLocaleDateString():(new Date).toLocaleDateString(),react.createElement(ui_components_DialogItemPreview_DialogItemPreview,args))},DialogItemPreviewFullScreen={name:"DialogItemPreview FullScreen",args:{title:"Name",avatar:react.createElement(Avatar.A,{size:"lg",icon:react.createElement(icons.Uh,null)}),lastMessage:"Hello, dear Mr. User. Thank you for choosing us. I'm here to assist with your order's delivery. Please provide your preferred address and any specific instructions. We offer standard, express, and same-day delivery in select areas. Let us know your convenience, and we'll ensure a smooth process.",badge:react.createElement(Badge.A,{count:5}),contextMenu:react.createElement(icons.ur,null)},parameters:{viewport:{defaultViewport:"responsive"}},render:args=>(args.date=(new Date).toLocaleDateString(),react.createElement(ui_components_DialogItemPreview_DialogItemPreview,args))},DialogItemPreviewMobileScreen={name:"DialogItemPreview MobileScreen",args:{title:"Name",avatar:react.createElement(Avatar.A,{size:"lg",icon:react.createElement(icons.Uh,null)}),lastMessage:"Hello, dear Mr. User. Thank you for choosing us. I'm here to assist with your order's delivery. Please provide your preferred address and any specific instructions. We offer standard, express, and same-day delivery in select areas. Let us know your convenience, and we'll ensure a smooth process.",badge:react.createElement(Badge.A,{count:5}),contextMenu:react.createElement(icons.ur,null)},parameters:{viewport:{defaultViewport:"iphonese2"}},render:args=>(args.date=args.date?new Date(args.date).toLocaleDateString():(new Date).toLocaleDateString(),react.createElement(ui_components_DialogItemPreview_DialogItemPreview,args))},DialogItemPreviewMobileScreenIPad={name:"DialogItemPreview MobileScreen IPad",args:{title:"Name",avatar:react.createElement(Avatar.A,{size:"lg",icon:react.createElement(icons.Uh,null)}),lastMessage:"Hello, dear Mr. User. Thank you for choosing us. I'm here to assist with your order's delivery. Please provide your preferred address and any specific instructions. We offer standard, express, and same-day delivery in select areas. Let us know your convenience, and we'll ensure a smooth process.",badge:react.createElement(Badge.A,{count:5}),contextMenu:react.createElement(icons.ur,null)},parameters:{viewport:{defaultViewport:"ipad"}},render:args=>(args.date=args.date?new Date(args.date).toLocaleDateString():(new Date).toLocaleDateString(),react.createElement(ui_components_DialogItemPreview_DialogItemPreview,args))},__namedExportsOrder=["DialogItemPreviewDefault","DialogItemPreviewFullScreen","DialogItemPreviewMobileScreen","DialogItemPreviewMobileScreenIPad"];DialogItemPreviewDefault.parameters={...DialogItemPreviewDefault.parameters,docs:{...DialogItemPreviewDefault.parameters?.docs,source:{originalSource:"{\n name: 'DialogItemPreview Default',\n args: {\n title: 'Name',\n avatar: <Avatar size=\"lg\" icon={<UserSvg />} />\n },\n render: args => {\n // eslint-disable-next-line no-param-reassign\n args.date = args.date ? new Date(args.date!).toLocaleDateString() : new Date().toLocaleDateString();\n return <DialogItemPreview {...args} />;\n }\n}",...DialogItemPreviewDefault.parameters?.docs?.source}}},DialogItemPreviewFullScreen.parameters={...DialogItemPreviewFullScreen.parameters,docs:{...DialogItemPreviewFullScreen.parameters?.docs,source:{originalSource:"{\n name: 'DialogItemPreview FullScreen',\n args: {\n title: 'Name',\n avatar: <Avatar size=\"lg\" icon={<UserSvg />} />,\n lastMessage: \"Hello, dear Mr. User. Thank you for choosing us. I'm here to assist with your order's delivery. Please provide your preferred address and any specific instructions. We offer standard, express, and same-day delivery in select areas. Let us know your convenience, and we'll ensure a smooth process.\",\n badge: <Badge count={5} />,\n contextMenu: <MoreSvg />\n },\n parameters: {\n viewport: {\n defaultViewport: 'responsive'\n }\n },\n render: args => {\n // eslint-disable-next-line no-param-reassign\n args.date = new Date().toLocaleDateString();\n return <DialogItemPreview {...args} />;\n }\n}",...DialogItemPreviewFullScreen.parameters?.docs?.source}}},DialogItemPreviewMobileScreen.parameters={...DialogItemPreviewMobileScreen.parameters,docs:{...DialogItemPreviewMobileScreen.parameters?.docs,source:{originalSource:"{\n name: 'DialogItemPreview MobileScreen',\n args: {\n title: 'Name',\n avatar: <Avatar size=\"lg\" icon={<UserSvg />} />,\n lastMessage: \"Hello, dear Mr. User. Thank you for choosing us. I'm here to assist with your order's delivery. Please provide your preferred address and any specific instructions. We offer standard, express, and same-day delivery in select areas. Let us know your convenience, and we'll ensure a smooth process.\",\n badge: <Badge count={5} />,\n contextMenu: <MoreSvg />\n },\n parameters: {\n viewport: {\n defaultViewport: 'iphonese2'\n }\n },\n render: args => {\n // eslint-disable-next-line no-param-reassign\n args.date = args.date ? new Date(args.date!).toLocaleDateString() : new Date().toLocaleDateString();\n return <DialogItemPreview {...args} />;\n }\n}",...DialogItemPreviewMobileScreen.parameters?.docs?.source}}},DialogItemPreviewMobileScreenIPad.parameters={...DialogItemPreviewMobileScreenIPad.parameters,docs:{...DialogItemPreviewMobileScreenIPad.parameters?.docs,source:{originalSource:"{\n name: 'DialogItemPreview MobileScreen IPad',\n args: {\n title: 'Name',\n avatar: <Avatar size=\"lg\" icon={<UserSvg />} />,\n lastMessage: \"Hello, dear Mr. User. Thank you for choosing us. I'm here to assist with your order's delivery. Please provide your preferred address and any specific instructions. We offer standard, express, and same-day delivery in select areas. Let us know your convenience, and we'll ensure a smooth process.\",\n badge: <Badge count={5} />,\n contextMenu: <MoreSvg />\n },\n parameters: {\n viewport: {\n defaultViewport: 'ipad'\n }\n },\n render: args => {\n // eslint-disable-next-line no-param-reassign\n args.date = args.date ? new Date(args.date!).toLocaleDateString() : new Date().toLocaleDateString();\n return <DialogItemPreview {...args} />;\n }\n}",...DialogItemPreviewMobileScreenIPad.parameters?.docs?.source}}}},"./src/Presentation/ui-components/Dropdown/Dropdown.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Dropdown_Dropdown_Dropdown});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames);function DropdownOption(_ref){let{label,value,disabled,leftIcon,rightIcon,onSelect}=_ref;return react.createElement("li",{className:classnames_default()("qb-dropdown__option",{"qb-dropdown__option--disabled":disabled}),onClick:()=>!disabled&&onSelect(value)},react.createElement("span",{className:"qb-dropdown__label"},leftIcon,label),rightIcon)}DropdownOption.__docgenInfo={description:"",methods:[],displayName:"DropdownOption",props:{value:{required:!0,tsType:{name:"string"},description:""},label:{required:!0,tsType:{name:"string"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},leftIcon:{required:!1,tsType:{name:"ReactElement"},description:""},rightIcon:{required:!1,tsType:{name:"ReactElement"},description:""},onSelect:{required:!0,tsType:{name:"signature",type:"function",raw:"(value: string) => void",signature:{arguments:[{type:{name:"string"},name:"value"}],return:{name:"void"}}},description:""}}};var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Dropdown=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Dropdown/Dropdown.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Dropdown.A,options);Dropdown.A&&Dropdown.A.locals&&Dropdown.A.locals;function Dropdown_Dropdown_Dropdown(_ref){let{options,disabled=!1,onSelect,className,children,placement="bottomRight"}=_ref;const[isOpen,setIsOpen]=(0,react.useState)(!1),dropdownRef=(0,react.useRef)(null),handleSelect=value=>{onSelect(value),setIsOpen(!1)};return(0,react.useEffect)((()=>{const handleBlur=e=>{dropdownRef.current&&e.target instanceof Node&&!dropdownRef.current.contains(e.target)&&setIsOpen(!1)};return isOpen&&document.addEventListener("click",handleBlur,{capture:!0}),()=>document.removeEventListener("click",handleBlur)}),[isOpen]),react.createElement("div",{ref:dropdownRef,className:classnames_default()("qb-dropdown",className)},react.createElement("button",{type:"button",className:"qb-dropdown__toggle",onClick:e=>{e.stopPropagation(),setIsOpen((state=>!state))}},children),react.createElement("ul",{className:classnames_default()("qb-dropdown__menu",`qb-dropdown__menu--${placement}`,{"qb-dropdown__menu--opened":isOpen})},options.map((_ref2=>{let{label,value,leftIcon,rightIcon}=_ref2;return react.createElement(DropdownOption,{label,value,disabled,onSelect:handleSelect,leftIcon,rightIcon,key:value})}))))}Dropdown_Dropdown_Dropdown.__docgenInfo={description:"",methods:[],displayName:"Dropdown",props:{options:{required:!0,tsType:{name:"Array",elements:[{name:"Option"}],raw:"Option[]"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},children:{required:!1,tsType:{name:"union",raw:"ReactElement | string | number",elements:[{name:"ReactElement"},{name:"string"},{name:"number"}]},description:""},onSelect:{required:!0,tsType:{name:"signature",type:"function",raw:"(value: string) => void",signature:{arguments:[{type:{name:"string"},name:"value"}],return:{name:"void"}}},description:""},className:{required:!1,tsType:{name:"string"},description:""},placement:{required:!1,tsType:{name:"union",raw:"'topRight' | 'bottomRight' | 'left'",elements:[{name:"literal",value:"'topRight'"},{name:"literal",value:"'bottomRight'"},{name:"literal",value:"'left'"}]},description:"",defaultValue:{value:"'bottomRight'",computed:!1}}}}},"./src/Presentation/ui-components/PreviewFileMessage/PreviewFileMessage.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>PreviewFileMessage_PreviewFileMessage_PreviewFileMessage});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),PreviewFileMessage=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/PreviewFileMessage/PreviewFileMessage.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(PreviewFileMessage.A,options);PreviewFileMessage.A&&PreviewFileMessage.A.locals&&PreviewFileMessage.A.locals;const iconDictionary={document:icons.jw,audio:icons.Lg,video:icons.BR};function PreviewFileMessage_PreviewFileMessage_PreviewFileMessage(_ref){let{type="document",name,src,className}=_ref;const Icon=iconDictionary[type];return react.createElement("div",{className:classnames_default()("preview-file-message",className)},src?react.createElement("img",{src,alt:"",className:"preview-file-message__image"}):react.createElement("span",{className:"preview-file-message__image"},react.createElement(Icon,{className:"preview-file-message__icon"})),react.createElement("span",{className:"preview-file-message__name"},name))}PreviewFileMessage_PreviewFileMessage_PreviewFileMessage.__docgenInfo={description:"",methods:[],displayName:"PreviewFileMessage",props:{type:{required:!1,tsType:{name:"union",raw:"'document' | 'audio' | 'video'",elements:[{name:"literal",value:"'document'"},{name:"literal",value:"'audio'"},{name:"literal",value:"'video'"}]},description:"",defaultValue:{value:"'document'",computed:!1}},name:{required:!0,tsType:{name:"string"},description:""},src:{required:!1,tsType:{name:"string"},description:""},className:{required:!1,tsType:{name:"string"},description:""}}}}}]);
@@ -0,0 +1,2 @@
1
+ /*! For license information please see Presentation-ui-components-DialogWindow-DialogWindow-stories.a724643f.iframe.bundle.js.LICENSE.txt */
2
+ (self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[409,961],{"./node_modules/classnames/index.js":(module,exports)=>{var __WEBPACK_AMD_DEFINE_RESULT__;!function(){"use strict";var hasOwn={}.hasOwnProperty;function classNames(){for(var classes="",i=0;i<arguments.length;i++){var arg=arguments[i];arg&&(classes=appendClass(classes,parseValue(arg)))}return classes}function parseValue(arg){if("string"==typeof arg||"number"==typeof arg)return arg;if("object"!=typeof arg)return"";if(Array.isArray(arg))return classNames.apply(null,arg);if(arg.toString!==Object.prototype.toString&&!arg.toString.toString().includes("[native code]"))return arg.toString();var classes="";for(var key in arg)hasOwn.call(arg,key)&&arg[key]&&(classes=appendClass(classes,key));return classes}function appendClass(value,newClass){return newClass?value?value+" "+newClass:value+newClass:value}module.exports?(classNames.default=classNames,module.exports=classNames):void 0===(__WEBPACK_AMD_DEFINE_RESULT__=function(){return classNames}.apply(exports,[]))||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)}()},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Button/Button.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".qb-button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 16px;height:32px;border-radius:4px;flex:none;order:1;flex-grow:0;font-style:normal;font-weight:500;font-size:14px;line-height:16px;letter-spacing:.4px;cursor:pointer;border:none;outline:none}.qb-button,.qb-button *{box-sizing:border-box}.qb-button--default{color:var(--system);background-color:var(--main-elements)}.qb-button--default:hover{background-color:var(--color-default-hover)}.qb-button--default:focus{outline:2px solid var(--color-background-info)}.qb-button--default:active{background-color:var(--color-default-hover);color:var(--color-background-info)}.qb-button--default.qb-button--disabled{cursor:not-allowed;background-color:var(--disabled-elements);color:var(--secondary-text)}.qb-button--outlined{background-color:inherit;border:1px solid var(--main-text);color:var(--main-text)}.qb-button--outlined:hover{background-color:var(--outgoing-background)}.qb-button--outlined:focus{border:2px solid var(--color-background-info)}.qb-button--outlined:active{border:1px solid var(--main-elements);color:var(--main-elements)}.qb-button--outlined.qb-button--disabled{cursor:not-allowed;border:1px solid var(--disabled-elements);color:var(--disabled-elements)}.qb-button--danger{background-color:var(--error);color:var(--system)}.qb-button--danger:focus{outline:2px solid var(--error-secondary)}.qb-button--danger:active{color:var(--error-secondary)}.qb-button--danger.qb-button--disabled{cursor:not-allowed;background-color:var(--disabled-elements);color:var(--secondary-text)}.qb-button--text{background-color:inherit;color:var(--main-elements)}.qb-button--text:focus{outline:2px solid var(--color-background-info)}.qb-button--text:active{color:var(--color-default-hover)}.qb-button--text.qb-button--disabled{cursor:not-allowed;color:var(--disabled-elements)}.qb-button__loader--default{fill:var(--secondary-background)}.qb-button__loader--outlined{fill:var(--main-elements)}.qb-button__loader--danger{fill:var(--secondary-background)}.qb-button__loader--text{fill:var(--disabled-elements)}","",{version:3,sources:["webpack://./src/Presentation/ui-components/Button/Button.scss","webpack://./src/Presentation/themes/styles/_mixins.scss"],names:[],mappings:"AAEA,WACE,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,kBAAA,CACA,gBAAA,CAEA,WAAA,CAEA,iBAAA,CAEA,SAAA,CACA,OAAA,CACA,WAAA,CAEA,iBAAA,CACA,eAAA,CACA,cAAA,CACA,gBAAA,CACA,mBAAA,CAEA,cAAA,CACA,WAAA,CACA,YAAA,CCxBA,wBAEE,qBAAA,CDyBF,oBACE,mBAAA,CACA,qCAAA,CAEA,0BACE,2CAAA,CAGF,0BACE,8CAAA,CAGF,2BACE,2CAAA,CACA,kCAAA,CAGF,wCACE,kBAAA,CACA,yCAAA,CACA,2BAAA,CAIJ,qBACE,wBAAA,CACA,iCAAA,CACA,sBAAA,CAEA,2BACE,2CAAA,CAGF,2BACE,6CAAA,CAGF,4BACE,qCAAA,CACA,0BAAA,CAGF,yCACE,kBAAA,CACA,yCAAA,CACA,8BAAA,CAIJ,mBACE,6BAAA,CACA,mBAAA,CAEA,yBACE,wCAAA,CAGF,0BACE,4BAAA,CAGF,uCACE,kBAAA,CACA,yCAAA,CACA,2BAAA,CAIJ,iBACE,wBAAA,CACA,0BAAA,CAEA,uBACE,8CAAA,CAGF,wBACE,gCAAA,CAGF,qCACE,kBAAA,CACA,8BAAA,CAKF,4BACE,gCAAA,CAGF,6BACE,yBAAA,CAGF,2BACE,gCAAA,CAGF,yBACE,6BAAA",sourcesContent:["@use '../../themes/styles/mixins' as *;\n\n.qb-button {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 8px 16px;\n\n height: 32px;\n\n border-radius: 4px;\n\n flex: none;\n order: 1;\n flex-grow: 0;\n\n font-style: normal;\n font-weight: 500;\n font-size: 14px;\n line-height: 16px;\n letter-spacing: 0.4px;\n\n cursor: pointer;\n border: none;\n outline: none;\n @include applyBorderBox;\n\n &--default {\n color: var(--system);\n background-color: var(--main-elements);\n\n &:hover {\n background-color: var(--color-default-hover);\n }\n\n &:focus {\n outline: 2px solid var(--color-background-info);\n }\n\n &:active {\n background-color: var(--color-default-hover);\n color: var(--color-background-info);\n }\n\n &.qb-button--disabled {\n cursor: not-allowed;\n background-color: var(--disabled-elements);\n color: var(--secondary-text);\n }\n }\n\n &--outlined {\n background-color: inherit;\n border: 1px solid var(--main-text);\n color: var(--main-text);\n\n &:hover {\n background-color: var(--outgoing-background);\n }\n\n &:focus {\n border: 2px solid var(--color-background-info);\n }\n\n &:active {\n border: 1px solid var(--main-elements);\n color: var(--main-elements);\n }\n\n &.qb-button--disabled {\n cursor: not-allowed;\n border: 1px solid var(--disabled-elements);\n color: var(--disabled-elements);\n }\n }\n\n &--danger {\n background-color: var(--error);\n color: var(--system);\n\n &:focus {\n outline: 2px solid var(--error-secondary);\n }\n\n &:active {\n color: var(--error-secondary);\n }\n\n &.qb-button--disabled {\n cursor: not-allowed;\n background-color: var(--disabled-elements);\n color: var(--secondary-text);\n }\n }\n\n &--text {\n background-color: inherit;\n color: var(--main-elements);\n\n &:focus {\n outline: 2px solid var(--color-background-info);\n }\n\n &:active {\n color: var(--color-default-hover);\n }\n\n &.qb-button--disabled {\n cursor: not-allowed;\n color: var(--disabled-elements);\n }\n }\n\n &__loader {\n &--default {\n fill: var(--secondary-background);\n }\n\n &--outlined {\n fill: var(--main-elements);\n }\n\n &--danger {\n fill: var(--secondary-background);\n }\n\n &--text {\n fill: var(--disabled-elements);\n }\n }\n}\n","@mixin applyBorderBox {\n &,\n * {\n box-sizing: border-box;\n }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/DialogWindow/DialogWindow.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".dialog-window{left:0;top:0;width:100%;height:100%;z-index:100;position:fixed;background-color:var(--color-background-modal)}.dialog-window,.dialog-window *{box-sizing:border-box}.dialog-window--disable{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:100;display:block}.dialog-window__content{width:380px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);padding:24px;border-radius:4px;background-color:var(--main-background);box-shadow:0 9px 15px 0 rgba(0,0,0,.04),0 9px 46px 0 rgba(0,0,0,.08)}@media(max-width: 767px){.dialog-window__content{width:300px}}.dialog-window__header{margin-bottom:28px;padding:0px !important}.dialog-window__header svg{fill:var(--main-text)}.dialog-window__close{width:24px;height:24px;fill:var(--main-text);cursor:pointer}","",{version:3,sources:["webpack://./src/Presentation/ui-components/DialogWindow/DialogWindow.scss","webpack://./src/Presentation/themes/styles/_mixins.scss"],names:[],mappings:"AAEA,eACE,MAAA,CACA,KAAA,CACA,UAAA,CACA,WAAA,CACA,WAAA,CACA,cAAA,CACA,8CAAA,CCRA,gCAEE,qBAAA,CDUF,wBACE,iBAAA,CACA,KAAA,CACA,MAAA,CACA,UAAA,CACA,WAAA,CACA,+BAAA,CACA,WAAA,CACA,aAAA,CAGF,wBACE,WAAA,CACA,iBAAA,CAEA,OAAA,CACA,QAAA,CACA,+BAAA,CAEA,YAAA,CACA,iBAAA,CACA,uCAAA,CACA,oEAAA,CAGA,yBAdF,wBAeI,WAAA,CAAA,CAIJ,uBACE,kBAAA,CACA,sBAAA,CAEA,2BACE,qBAAA,CAIJ,sBACE,UAAA,CACA,WAAA,CACA,qBAAA,CACA,cAAA",sourcesContent:["@use '../../themes/styles/mixins' as *;\n\n.dialog-window {\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n z-index: 100;\n position: fixed;\n background-color: var(--color-background-modal);\n\n @include applyBorderBox;\n\n &--disable {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.5);\n z-index: 100;\n display: block;\n }\n\n &__content {\n width: 380px;\n position: absolute;\n\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n\n padding: 24px;\n border-radius: 4px;\n background-color: var(--main-background);\n box-shadow: 0 9px 15px 0 rgba(0, 0, 0, 0.04),\n 0 9px 46px 0 rgba(0, 0, 0, 0.08);\n\n @media (max-width: 767px) {\n width: 300px;\n }\n }\n\n &__header {\n margin-bottom: 28px;\n padding: 0px !important;\n\n svg {\n fill: var(--main-text);\n }\n }\n\n &__close {\n width: 24px;\n height: 24px;\n fill: var(--main-text);\n cursor: pointer;\n }\n}\n","@mixin applyBorderBox {\n &,\n * {\n box-sizing: border-box;\n }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Header/Header.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".dialog-header{width:100%;padding:12px 16px 12px 20px;display:flex;align-items:center;gap:33px}.dialog-header,.dialog-header *{box-sizing:border-box}.dialog-header__icon{cursor:pointer;width:24px;height:24px;flex-shrink:0}.dialog-header__icon svg{width:24px;height:24px;fill:var(--main-elements)}.dialog-header__back{color:var(--main-text);fill:var(--main-text)}.dialog-header__body{width:100%;display:flex;gap:33px;align-items:center;justify-content:space-between;overflow:hidden}.dialog-header__body-left{display:flex;align-items:center;justify-content:flex-start;gap:8px;overflow:hidden}.dialog-header__body-right{height:24px;display:flex;align-items:center;gap:16px}.dialog-header__title{color:var(--main-text, #0b1b0f);text-align:left;font:var(--title-title-large);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dialog-header__line{border-style:solid;border-color:var(--color-divider, #e7efff);border-width:0 0 1px 0}@media only screen and (max-width: var(--min-width-screen-desktop)){.dialog-header__body-left{gap:3px}}@media only screen and (min-width: 981px){.dialog-header__back{display:none}}","",{version:3,sources:["webpack://./src/Presentation/ui-components/Header/Header.scss","webpack://./src/Presentation/themes/styles/_mixins.scss"],names:[],mappings:"AAEA,eACE,UAAA,CACA,2BAAA,CACA,YAAA,CACA,kBAAA,CACA,QAAA,CCNA,gCAEE,qBAAA,CDQF,qBACE,cAAA,CACA,UAAA,CACA,WAAA,CACA,aAAA,CAEA,yBACE,UAAA,CACA,WAAA,CACA,yBAAA,CAIJ,qBACE,sBAAA,CACA,qBAAA,CAGF,qBACE,UAAA,CACA,YAAA,CACA,QAAA,CACA,kBAAA,CACA,6BAAA,CACA,eAAA,CAEA,0BACE,YAAA,CACA,kBAAA,CACA,0BAAA,CACA,OAAA,CACA,eAAA,CAGF,2BACE,WAAA,CACA,YAAA,CACA,kBAAA,CACA,QAAA,CAIJ,sBACE,+BAAA,CACA,eAAA,CACA,6BAAA,CACA,eAAA,CACA,kBAAA,CACA,sBAAA,CAGF,qBACE,kBAAA,CACA,0CAAA,CACA,sBAAA,CAIJ,oEACE,0BACE,OAAA,CAAA,CAGJ,0CACE,qBACE,YAAA,CAAA",sourcesContent:["@use '../../themes/styles/mixins' as *;\n\n.dialog-header {\n width: 100%;\n padding: 12px 16px 12px 20px;\n display: flex;\n align-items: center;\n gap: 33px;\n\n @include applyBorderBox;\n\n &__icon {\n cursor: pointer;\n width: 24px;\n height: 24px;\n flex-shrink: 0;\n\n svg {\n width: 24px;\n height: 24px;\n fill: var(--main-elements);\n }\n }\n\n &__back {\n color: var(--main-text);\n fill: var(--main-text);\n }\n\n &__body {\n width: 100%;\n display: flex;\n gap: 33px;\n align-items: center;\n justify-content: space-between;\n overflow: hidden;\n\n &-left {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: 8px;\n overflow: hidden;\n }\n\n &-right {\n height: 24px;\n display: flex;\n align-items: center;\n gap: 16px;\n }\n }\n\n &__title {\n color: var(--main-text, #0b1b0f);\n text-align: left;\n font: var(--title-title-large);\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n &__line {\n border-style: solid;\n border-color: var(--color-divider, #e7efff);\n border-width: 0 0 1px 0;\n }\n}\n\n@media only screen and (max-width: var(--min-width-screen-desktop)) {\n .dialog-header__body-left {\n gap: 3px;\n }\n}\n@media only screen and (min-width: 981px) {\n .dialog-header__back {\n display: none;\n }\n}\n","@mixin applyBorderBox {\n &,\n * {\n box-sizing: border-box;\n }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Loader/Loader.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".qb-loader--sm{width:24px;height:24px}.qb-loader--md{width:48px;height:48px}.qb-loader--lg{width:52px;height:52px}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.qb-loader{animation:rotate 1s infinite linear}","",{version:3,sources:["webpack://./src/Presentation/ui-components/Loader/Loader.scss"],names:[],mappings:"AACE,eACE,UAAA,CACA,WAAA,CAGF,eACE,UAAA,CACA,WAAA,CAGF,eACE,UAAA,CACA,WAAA,CAGF,kBACE,KACE,sBAAA,CAEF,GACE,wBAAA,CAAA,CAIJ,WACE,mCAAA",sourcesContent:[".qb-loader {\n &--sm {\n width: 24px;\n height: 24px;\n }\n\n &--md {\n width: 48px;\n height: 48px;\n }\n\n &--lg {\n width: 52px;\n height: 52px;\n }\n\n @keyframes rotate {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n }\n\n & {\n animation: rotate 1s infinite linear;\n }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/react-dom/cjs/react-dom.production.js":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var React=__webpack_require__("./node_modules/react/index.js");function formatProdErrorMessage(code){var url="https://react.dev/errors/"+code;if(1<arguments.length){url+="?args[]="+encodeURIComponent(arguments[1]);for(var i=2;i<arguments.length;i++)url+="&args[]="+encodeURIComponent(arguments[i])}return"Minified React error #"+code+"; visit "+url+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}function noop(){}var Internals={d:{f:noop,r:function(){throw Error(formatProdErrorMessage(522))},D:noop,C:noop,L:noop,m:noop,X:noop,S:noop,M:noop},p:0,findDOMNode:null},REACT_PORTAL_TYPE=Symbol.for("react.portal");var ReactSharedInternals=React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;function getCrossOriginStringAs(as,input){return"font"===as?"":"string"==typeof input?"use-credentials"===input?input:"":void 0}exports.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=Internals,exports.createPortal=function(children,container){var key=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!container||1!==container.nodeType&&9!==container.nodeType&&11!==container.nodeType)throw Error(formatProdErrorMessage(299));return function createPortal$1(children,containerInfo,implementation){var key=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:REACT_PORTAL_TYPE,key:null==key?null:""+key,children,containerInfo,implementation}}(children,container,null,key)},exports.flushSync=function(fn){var previousTransition=ReactSharedInternals.T,previousUpdatePriority=Internals.p;try{if(ReactSharedInternals.T=null,Internals.p=2,fn)return fn()}finally{ReactSharedInternals.T=previousTransition,Internals.p=previousUpdatePriority,Internals.d.f()}},exports.preconnect=function(href,options){"string"==typeof href&&(options?options="string"==typeof(options=options.crossOrigin)?"use-credentials"===options?options:"":void 0:options=null,Internals.d.C(href,options))},exports.prefetchDNS=function(href){"string"==typeof href&&Internals.d.D(href)},exports.preinit=function(href,options){if("string"==typeof href&&options&&"string"==typeof options.as){var as=options.as,crossOrigin=getCrossOriginStringAs(as,options.crossOrigin),integrity="string"==typeof options.integrity?options.integrity:void 0,fetchPriority="string"==typeof options.fetchPriority?options.fetchPriority:void 0;"style"===as?Internals.d.S(href,"string"==typeof options.precedence?options.precedence:void 0,{crossOrigin,integrity,fetchPriority}):"script"===as&&Internals.d.X(href,{crossOrigin,integrity,fetchPriority,nonce:"string"==typeof options.nonce?options.nonce:void 0})}},exports.preinitModule=function(href,options){if("string"==typeof href)if("object"==typeof options&&null!==options){if(null==options.as||"script"===options.as){var crossOrigin=getCrossOriginStringAs(options.as,options.crossOrigin);Internals.d.M(href,{crossOrigin,integrity:"string"==typeof options.integrity?options.integrity:void 0,nonce:"string"==typeof options.nonce?options.nonce:void 0})}}else null==options&&Internals.d.M(href)},exports.preload=function(href,options){if("string"==typeof href&&"object"==typeof options&&null!==options&&"string"==typeof options.as){var as=options.as,crossOrigin=getCrossOriginStringAs(as,options.crossOrigin);Internals.d.L(href,as,{crossOrigin,integrity:"string"==typeof options.integrity?options.integrity:void 0,nonce:"string"==typeof options.nonce?options.nonce:void 0,type:"string"==typeof options.type?options.type:void 0,fetchPriority:"string"==typeof options.fetchPriority?options.fetchPriority:void 0,referrerPolicy:"string"==typeof options.referrerPolicy?options.referrerPolicy:void 0,imageSrcSet:"string"==typeof options.imageSrcSet?options.imageSrcSet:void 0,imageSizes:"string"==typeof options.imageSizes?options.imageSizes:void 0,media:"string"==typeof options.media?options.media:void 0})}},exports.preloadModule=function(href,options){if("string"==typeof href)if(options){var crossOrigin=getCrossOriginStringAs(options.as,options.crossOrigin);Internals.d.m(href,{as:"string"==typeof options.as&&"script"!==options.as?options.as:void 0,crossOrigin,integrity:"string"==typeof options.integrity?options.integrity:void 0})}else Internals.d.m(href)},exports.requestFormReset=function(form){Internals.d.r(form)},exports.unstable_batchedUpdates=function(fn,a){return fn(a)},exports.useFormState=function(action,initialState,permalink){return ReactSharedInternals.H.useFormState(action,initialState,permalink)},exports.useFormStatus=function(){return ReactSharedInternals.H.useHostTransitionStatus()},exports.version="19.1.0"},"./node_modules/react-dom/index.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";!function checkDCE(){if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE)try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(checkDCE)}catch(err){console.error(err)}}(),module.exports=__webpack_require__("./node_modules/react-dom/cjs/react-dom.production.js")},"./src/Presentation/ui-components/Button/Button.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Button_Button_Button});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),Loader=__webpack_require__("./src/Presentation/ui-components/Loader/Loader.tsx"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Button=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Button/Button.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Button.A,options);Button.A&&Button.A.locals&&Button.A.locals;function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function Button_Button_Button(_ref){let{variant="default",className,disabled=!1,loading=!1,children,...rest}=_ref;return react.createElement("button",_extends({className:classnames_default()("qb-button",`qb-button--${variant}`,{"qb-button--disabled":disabled},className),disabled:disabled||loading},rest),loading&&!disabled?react.createElement(Loader.A,{className:classnames_default()("qb-button__loader",`qb-button__loader--${variant}`)}):children)}Button_Button_Button.__docgenInfo={description:"",methods:[],displayName:"Button",props:{variant:{required:!1,tsType:{name:"union",raw:"'default' | 'outlined' | 'danger' | 'text'",elements:[{name:"literal",value:"'default'"},{name:"literal",value:"'outlined'"},{name:"literal",value:"'danger'"},{name:"literal",value:"'text'"}]},description:"",defaultValue:{value:"'default'",computed:!1}},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},loading:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},className:{required:!1,tsType:{name:"string"},description:""},children:{required:!1,tsType:{name:"union",raw:"ReactElement | string | number",elements:[{name:"ReactElement"},{name:"string"},{name:"number"}]},description:""}},composes:["HTMLButtonProps"]}},"./src/Presentation/ui-components/DialogWindow/DialogWindow.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DialogWindowDefault:()=>DialogWindowDefault,__namedExportsOrder:()=>__namedExportsOrder,default:()=>DialogWindow_stories});var react=__webpack_require__("./node_modules/react/index.js"),react_dom=__webpack_require__("./node_modules/react-dom/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),Header=__webpack_require__("./src/Presentation/ui-components/Header/Header.tsx"),icons=__webpack_require__("./src/Presentation/icons/index.ts"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),DialogWindow=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/DialogWindow/DialogWindow.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(DialogWindow.A,options);DialogWindow.A&&DialogWindow.A.locals&&DialogWindow.A.locals;function DialogWindow_DialogWindow_DialogWindow(_ref){let{children,onClose,open=!1,title,className,disableActions=!1}=_ref;return open?(0,react_dom.createPortal)(react.createElement("div",{className:classnames_default()("dialog-window",className)},react.createElement("div",{className:classnames_default()("",{"dialog-window--disable":disableActions})}),react.createElement("div",{className:"dialog-window__content"},react.createElement(Header.A,{className:"dialog-window__header",title},react.createElement(icons.X6,{onClick:onClose,className:"dialog-window__close"})),children)),document.body):null}var Button=__webpack_require__("./src/Presentation/ui-components/Button/Button.tsx");const DialogWindow_stories={title:"@quickblox-react-ui-kit/Presentation/ui-components/DialogWindow",component:DialogWindow_DialogWindow_DialogWindow,tags:["autodocs"],parameters:{layout:"centered"},args:{children:void 0,open:!1,title:"",className:"",onClose:void 0},argTypes:{title:{table:{defaultValue:{summary:""},type:{summary:"string"}},description:"Title for modal window"},children:{table:{defaultValue:{summary:"ReactNode"},type:{summary:"ReactElement | ReactElement[]"}},description:"Primary content"},open:{table:{defaultValue:{summary:"false"},type:{summary:"boolean"}},description:"Open modal window"},className:{table:{defaultValue:{summary:"string"},type:{summary:"string"}},description:"Additional classes"},onClose:{table:{type:{summary:"VoidFunction"}},description:"closes the modal window"},disableActions:{table:{defaultValue:{summary:"false"},type:{summary:"boolean"}}}}};function DialogWindowExample(){const[isOpen,setIsOpen]=(0,react.useState)(!1),handleOnChange=()=>{setIsOpen((state=>!state))};return react.createElement("div",null,react.createElement(Button.A,{onClick:handleOnChange,type:"button"},"Button"),react.createElement(DialogWindow_DialogWindow_DialogWindow,{open:isOpen,title:"Headline",onClose:handleOnChange},react.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"flex-end",marginTop:"48px",gap:"8px"}},react.createElement(Button.A,{variant:"outlined",onClick:handleOnChange},"Button"),react.createElement(Button.A,{variant:"danger",onClick:handleOnChange},"Button"))))}const DialogWindowDefault={name:"DialogWindow Default",render:()=>react.createElement(DialogWindowExample,null)},__namedExportsOrder=["DialogWindowDefault"];DialogWindowDefault.parameters={...DialogWindowDefault.parameters,docs:{...DialogWindowDefault.parameters?.docs,source:{originalSource:"{\n name: 'DialogWindow Default',\n render: () => <DialogWindowExample />\n}",...DialogWindowDefault.parameters?.docs?.source}}}},"./src/Presentation/ui-components/Header/Header.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>ui_components_Header_Header});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Header=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Header/Header.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Header.A,options);Header.A&&Header.A.locals&&Header.A.locals;const Header_Header_Header=_ref=>{let{title,avatar,badge,children,onGoBack,className}=_ref;return react.createElement("div",{className:classnames_default()("dialog-header",className)},onGoBack&&react.createElement(icons.oV,{className:"dialog-header__icon dialog-header__back",onClick:onGoBack}),react.createElement("div",{className:"dialog-header__body"},react.createElement("div",{className:"dialog-header__body-left"},avatar,react.createElement("span",{className:"dialog-header__title"},title),badge),children&&react.createElement("div",{className:"dialog-header__body-right"},react.Children.map(children,(child=>react.createElement("span",{className:"dialog-header__icon"},child))))))},ui_components_Header_Header=Header_Header_Header;Header_Header_Header.__docgenInfo={description:"",methods:[],displayName:"Header",props:{title:{required:!0,tsType:{name:"string"},description:""},avatar:{required:!1,tsType:{name:"ReactElement"},description:""},badge:{required:!1,tsType:{name:"ReactElement"},description:""},children:{required:!1,tsType:{name:"union",raw:"ReactElement | ReactElement[]",elements:[{name:"ReactElement"},{name:"Array",elements:[{name:"ReactElement"}],raw:"ReactElement[]"}]},description:""},onGoBack:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},className:{required:!1,tsType:{name:"string"},description:""}}}},"./src/Presentation/ui-components/Loader/Loader.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Loader_Loader_Loader});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Loader=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Loader/Loader.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Loader.A,options);Loader.A&&Loader.A.locals&&Loader.A.locals;function Loader_Loader_Loader(_ref){let{className,size="md"}=_ref;return react.createElement(icons.iO,{className:classnames_default()("qb-loader",size&&`qb-loader--${size}`,className)})}Loader_Loader_Loader.__docgenInfo={description:"",methods:[],displayName:"Loader",props:{size:{required:!1,tsType:{name:"union",raw:"'sm' | 'md' | 'lg'",elements:[{name:"literal",value:"'sm'"},{name:"literal",value:"'md'"},{name:"literal",value:"'lg'"}]},description:"",defaultValue:{value:"'md'",computed:!1}},className:{required:!1,tsType:{name:"string"},description:""}}}}}]);
@@ -0,0 +1,2 @@
1
+ /*! For license information please see Presentation-ui-components-Dropdown-Dropdown-stories.a03feb06.iframe.bundle.js.LICENSE.txt */
2
+ (self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[107],{"./node_modules/classnames/index.js":(module,exports)=>{var __WEBPACK_AMD_DEFINE_RESULT__;!function(){"use strict";var hasOwn={}.hasOwnProperty;function classNames(){for(var classes="",i=0;i<arguments.length;i++){var arg=arguments[i];arg&&(classes=appendClass(classes,parseValue(arg)))}return classes}function parseValue(arg){if("string"==typeof arg||"number"==typeof arg)return arg;if("object"!=typeof arg)return"";if(Array.isArray(arg))return classNames.apply(null,arg);if(arg.toString!==Object.prototype.toString&&!arg.toString.toString().includes("[native code]"))return arg.toString();var classes="";for(var key in arg)hasOwn.call(arg,key)&&arg[key]&&(classes=appendClass(classes,key));return classes}function appendClass(value,newClass){return newClass?value?value+" "+newClass:value+newClass:value}module.exports?(classNames.default=classNames,module.exports=classNames):void 0===(__WEBPACK_AMD_DEFINE_RESULT__=function(){return classNames}.apply(exports,[]))||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)}()},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Button/Button.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".qb-button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 16px;height:32px;border-radius:4px;flex:none;order:1;flex-grow:0;font-style:normal;font-weight:500;font-size:14px;line-height:16px;letter-spacing:.4px;cursor:pointer;border:none;outline:none}.qb-button,.qb-button *{box-sizing:border-box}.qb-button--default{color:var(--system);background-color:var(--main-elements)}.qb-button--default:hover{background-color:var(--color-default-hover)}.qb-button--default:focus{outline:2px solid var(--color-background-info)}.qb-button--default:active{background-color:var(--color-default-hover);color:var(--color-background-info)}.qb-button--default.qb-button--disabled{cursor:not-allowed;background-color:var(--disabled-elements);color:var(--secondary-text)}.qb-button--outlined{background-color:inherit;border:1px solid var(--main-text);color:var(--main-text)}.qb-button--outlined:hover{background-color:var(--outgoing-background)}.qb-button--outlined:focus{border:2px solid var(--color-background-info)}.qb-button--outlined:active{border:1px solid var(--main-elements);color:var(--main-elements)}.qb-button--outlined.qb-button--disabled{cursor:not-allowed;border:1px solid var(--disabled-elements);color:var(--disabled-elements)}.qb-button--danger{background-color:var(--error);color:var(--system)}.qb-button--danger:focus{outline:2px solid var(--error-secondary)}.qb-button--danger:active{color:var(--error-secondary)}.qb-button--danger.qb-button--disabled{cursor:not-allowed;background-color:var(--disabled-elements);color:var(--secondary-text)}.qb-button--text{background-color:inherit;color:var(--main-elements)}.qb-button--text:focus{outline:2px solid var(--color-background-info)}.qb-button--text:active{color:var(--color-default-hover)}.qb-button--text.qb-button--disabled{cursor:not-allowed;color:var(--disabled-elements)}.qb-button__loader--default{fill:var(--secondary-background)}.qb-button__loader--outlined{fill:var(--main-elements)}.qb-button__loader--danger{fill:var(--secondary-background)}.qb-button__loader--text{fill:var(--disabled-elements)}","",{version:3,sources:["webpack://./src/Presentation/ui-components/Button/Button.scss","webpack://./src/Presentation/themes/styles/_mixins.scss"],names:[],mappings:"AAEA,WACE,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,kBAAA,CACA,gBAAA,CAEA,WAAA,CAEA,iBAAA,CAEA,SAAA,CACA,OAAA,CACA,WAAA,CAEA,iBAAA,CACA,eAAA,CACA,cAAA,CACA,gBAAA,CACA,mBAAA,CAEA,cAAA,CACA,WAAA,CACA,YAAA,CCxBA,wBAEE,qBAAA,CDyBF,oBACE,mBAAA,CACA,qCAAA,CAEA,0BACE,2CAAA,CAGF,0BACE,8CAAA,CAGF,2BACE,2CAAA,CACA,kCAAA,CAGF,wCACE,kBAAA,CACA,yCAAA,CACA,2BAAA,CAIJ,qBACE,wBAAA,CACA,iCAAA,CACA,sBAAA,CAEA,2BACE,2CAAA,CAGF,2BACE,6CAAA,CAGF,4BACE,qCAAA,CACA,0BAAA,CAGF,yCACE,kBAAA,CACA,yCAAA,CACA,8BAAA,CAIJ,mBACE,6BAAA,CACA,mBAAA,CAEA,yBACE,wCAAA,CAGF,0BACE,4BAAA,CAGF,uCACE,kBAAA,CACA,yCAAA,CACA,2BAAA,CAIJ,iBACE,wBAAA,CACA,0BAAA,CAEA,uBACE,8CAAA,CAGF,wBACE,gCAAA,CAGF,qCACE,kBAAA,CACA,8BAAA,CAKF,4BACE,gCAAA,CAGF,6BACE,yBAAA,CAGF,2BACE,gCAAA,CAGF,yBACE,6BAAA",sourcesContent:["@use '../../themes/styles/mixins' as *;\n\n.qb-button {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 8px 16px;\n\n height: 32px;\n\n border-radius: 4px;\n\n flex: none;\n order: 1;\n flex-grow: 0;\n\n font-style: normal;\n font-weight: 500;\n font-size: 14px;\n line-height: 16px;\n letter-spacing: 0.4px;\n\n cursor: pointer;\n border: none;\n outline: none;\n @include applyBorderBox;\n\n &--default {\n color: var(--system);\n background-color: var(--main-elements);\n\n &:hover {\n background-color: var(--color-default-hover);\n }\n\n &:focus {\n outline: 2px solid var(--color-background-info);\n }\n\n &:active {\n background-color: var(--color-default-hover);\n color: var(--color-background-info);\n }\n\n &.qb-button--disabled {\n cursor: not-allowed;\n background-color: var(--disabled-elements);\n color: var(--secondary-text);\n }\n }\n\n &--outlined {\n background-color: inherit;\n border: 1px solid var(--main-text);\n color: var(--main-text);\n\n &:hover {\n background-color: var(--outgoing-background);\n }\n\n &:focus {\n border: 2px solid var(--color-background-info);\n }\n\n &:active {\n border: 1px solid var(--main-elements);\n color: var(--main-elements);\n }\n\n &.qb-button--disabled {\n cursor: not-allowed;\n border: 1px solid var(--disabled-elements);\n color: var(--disabled-elements);\n }\n }\n\n &--danger {\n background-color: var(--error);\n color: var(--system);\n\n &:focus {\n outline: 2px solid var(--error-secondary);\n }\n\n &:active {\n color: var(--error-secondary);\n }\n\n &.qb-button--disabled {\n cursor: not-allowed;\n background-color: var(--disabled-elements);\n color: var(--secondary-text);\n }\n }\n\n &--text {\n background-color: inherit;\n color: var(--main-elements);\n\n &:focus {\n outline: 2px solid var(--color-background-info);\n }\n\n &:active {\n color: var(--color-default-hover);\n }\n\n &.qb-button--disabled {\n cursor: not-allowed;\n color: var(--disabled-elements);\n }\n }\n\n &__loader {\n &--default {\n fill: var(--secondary-background);\n }\n\n &--outlined {\n fill: var(--main-elements);\n }\n\n &--danger {\n fill: var(--secondary-background);\n }\n\n &--text {\n fill: var(--disabled-elements);\n }\n }\n}\n","@mixin applyBorderBox {\n &,\n * {\n box-sizing: border-box;\n }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Dropdown/Dropdown.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'.qb-dropdown{width:100%;height:100%;position:relative}.qb-dropdown,.qb-dropdown *{box-sizing:border-box}.qb-dropdown__toggle{width:100%;height:100%;background:none;border:none;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;margin:0;cursor:pointer;outline:none}.qb-dropdown__menu{background-color:var(--main-background);box-shadow:0 3px 5px 0 rgba(0,0,0,.04),0 3px 14px 0 rgba(0,0,0,.08);border-radius:4px;padding:8px 0px;margin:0;z-index:100;position:absolute;overflow:hidden;list-style-type:none;display:none}.qb-dropdown__menu--topRight{bottom:100%}.qb-dropdown__menu--left{top:50%;transform:translateY(-50%);right:100%}.qb-dropdown__menu--opened{display:block}.qb-dropdown__option{display:flex;justify-content:space-between;align-items:center;font-family:"Roboto";font-weight:400;font-size:14px;line-height:20px;letter-spacing:.25px;height:32px;width:135px;padding:4px 16px;cursor:pointer}.qb-dropdown__option--disabled{color:var(--caption)}.qb-dropdown__label{width:100%;display:flex;align-items:center;gap:3px}',"",{version:3,sources:["webpack://./src/Presentation/ui-components/Dropdown/Dropdown.scss","webpack://./src/Presentation/themes/styles/_mixins.scss"],names:[],mappings:"AAEA,aACE,UAAA,CACA,WAAA,CACA,iBAAA,CCJA,4BAEE,qBAAA,CDMF,qBACE,UAAA,CACA,WAAA,CACA,eAAA,CACA,WAAA,CACA,aAAA,CACA,YAAA,CACA,kBAAA,CACA,gBAAA,CACA,SAAA,CACA,QAAA,CACA,cAAA,CACA,YAAA,CAGF,mBACE,uCAAA,CACA,mEAAA,CAEA,iBAAA,CAEA,eAAA,CACA,QAAA,CACA,WAAA,CACA,iBAAA,CACA,eAAA,CACA,oBAAA,CACA,YAAA,CAEA,6BACE,WAAA,CAGF,yBACE,OAAA,CACA,0BAAA,CACA,UAAA,CAGF,2BACE,aAAA,CAIJ,qBACE,YAAA,CACA,6BAAA,CACA,kBAAA,CAEA,oBAAA,CACA,eAAA,CACA,cAAA,CACA,gBAAA,CACA,oBAAA,CAEA,WAAA,CACA,WAAA,CACA,gBAAA,CAEA,cAAA,CAEA,+BACE,oBAAA,CAIJ,oBACE,UAAA,CACA,YAAA,CACA,kBAAA,CACA,OAAA",sourcesContent:["@use '../../themes/styles/mixins' as *;\n\n.qb-dropdown {\n width: 100%;\n height: 100%;\n position: relative;\n\n @include applyBorderBox;\n\n &__toggle {\n width: 100%;\n height: 100%;\n background: none;\n border: none;\n color: inherit;\n font: inherit;\n line-height: normal;\n overflow: visible;\n padding: 0;\n margin: 0;\n cursor: pointer;\n outline: none;\n }\n\n &__menu {\n background-color: var(--main-background);\n box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.04),\n 0 3px 14px 0 rgba(0, 0, 0, 0.08);\n border-radius: 4px;\n\n padding: 8px 0px;\n margin: 0;\n z-index: 100;\n position: absolute;\n overflow: hidden;\n list-style-type: none;\n display: none;\n\n &--topRight {\n bottom: 100%;\n }\n\n &--left {\n top: 50%;\n transform: translateY(-50%);\n right: 100%;\n }\n\n &--opened {\n display: block;\n }\n }\n\n &__option {\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n font-family: 'Roboto';\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n letter-spacing: 0.25px;\n\n height: 32px;\n width: 135px;\n padding: 4px 16px;\n\n cursor: pointer;\n\n &--disabled {\n color: var(--caption);\n }\n }\n\n &__label {\n width: 100%;\n display: flex;\n align-items: center;\n gap: 3px;\n }\n}\n","@mixin applyBorderBox {\n &,\n * {\n box-sizing: border-box;\n }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Loader/Loader.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".qb-loader--sm{width:24px;height:24px}.qb-loader--md{width:48px;height:48px}.qb-loader--lg{width:52px;height:52px}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.qb-loader{animation:rotate 1s infinite linear}","",{version:3,sources:["webpack://./src/Presentation/ui-components/Loader/Loader.scss"],names:[],mappings:"AACE,eACE,UAAA,CACA,WAAA,CAGF,eACE,UAAA,CACA,WAAA,CAGF,eACE,UAAA,CACA,WAAA,CAGF,kBACE,KACE,sBAAA,CAEF,GACE,wBAAA,CAAA,CAIJ,WACE,mCAAA",sourcesContent:[".qb-loader {\n &--sm {\n width: 24px;\n height: 24px;\n }\n\n &--md {\n width: 48px;\n height: 48px;\n }\n\n &--lg {\n width: 52px;\n height: 52px;\n }\n\n @keyframes rotate {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n }\n\n & {\n animation: rotate 1s infinite linear;\n }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./src/Presentation/ui-components/Button/Button.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Button_Button_Button});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),Loader=__webpack_require__("./src/Presentation/ui-components/Loader/Loader.tsx"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Button=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Button/Button.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Button.A,options);Button.A&&Button.A.locals&&Button.A.locals;function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function Button_Button_Button(_ref){let{variant="default",className,disabled=!1,loading=!1,children,...rest}=_ref;return react.createElement("button",_extends({className:classnames_default()("qb-button",`qb-button--${variant}`,{"qb-button--disabled":disabled},className),disabled:disabled||loading},rest),loading&&!disabled?react.createElement(Loader.A,{className:classnames_default()("qb-button__loader",`qb-button__loader--${variant}`)}):children)}Button_Button_Button.__docgenInfo={description:"",methods:[],displayName:"Button",props:{variant:{required:!1,tsType:{name:"union",raw:"'default' | 'outlined' | 'danger' | 'text'",elements:[{name:"literal",value:"'default'"},{name:"literal",value:"'outlined'"},{name:"literal",value:"'danger'"},{name:"literal",value:"'text'"}]},description:"",defaultValue:{value:"'default'",computed:!1}},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},loading:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},className:{required:!1,tsType:{name:"string"},description:""},children:{required:!1,tsType:{name:"union",raw:"ReactElement | string | number",elements:[{name:"ReactElement"},{name:"string"},{name:"number"}]},description:""}},composes:["HTMLButtonProps"]}},"./src/Presentation/ui-components/Dropdown/Dropdown.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DropdownDefault:()=>DropdownDefault,DropdownLeftIcon:()=>DropdownLeftIcon,DropdownRightIcon:()=>DropdownRightIcon,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_icons__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/Presentation/icons/index.ts"),_Dropdown__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/Presentation/ui-components/Dropdown/Dropdown.tsx"),_Button_Button__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/Presentation/ui-components/Button/Button.tsx");const __WEBPACK_DEFAULT_EXPORT__={title:"@quickblox-react-ui-kit/Presentation/ui-components/Dropdown",component:_Dropdown__WEBPACK_IMPORTED_MODULE_2__.A,tags:["autodocs"],parameters:{layout:"centered"},args:{disabled:!1,options:[{value:"",label:"",leftIcon:void 0,rightIcon:void 0}],className:""},argTypes:{children:{control:!1,table:{defaultValue:{summary:void 0},type:{summary:"ReactElement | string | number"}},description:"Primary content"},placement:{table:{defaultValue:{summary:"bottomRight"},type:{summary:"topRight | bottomRight | left"}},description:"The property that will determine where the Dropdown will appear"},className:{table:{type:{summary:"string"}},description:"Additional classes"},onSelect:{table:{type:{summary:"function"}},description:"Dropdown option selection function"},disabled:{table:{defaultValue:{summary:"false"},type:{summary:"boolean"}},description:"Active"},options:{table:{defaultValue:{summary:"array",detail:'[{ value: "", label: "" }]'},type:{summary:"object",detail:"\n{\n value: string; \n label: string; \n leftIcon?: ReactElement; \n rightIcon?: ReactElement; \n} "}},description:"A set of options that can be passed to the dropdown"}}},DropdownDefault={args:{children:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_3__.A,null,"Button"),disabled:!1,options:[{value:"Text 1",label:"Text 1"},{value:"Text 2",label:"Text 2"},{value:"Text 3",label:"Text 3"}]}},DropdownRightIcon={args:{children:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_3__.A,null,"Button"),disable:!1,options:[{value:"Text 1",label:"Text 1",rightIcon:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_1__.gI,{style:{width:"18px",height:"18px"}})},{value:"Text 2",label:"Text 2",rightIcon:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_1__.gI,{style:{width:"18px",height:"18px"}})},{value:"Text 3",label:"Text 3",rightIcon:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_1__.gI,{style:{width:"18px",height:"18px"}})}]}},DropdownLeftIcon={args:{children:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button_Button__WEBPACK_IMPORTED_MODULE_3__.A,null,"Button"),disable:!1,options:[{value:"Text 1",label:"Text 1",leftIcon:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_1__.WA,{style:{width:"18px",height:"18px"}})},{value:"Text 2",label:"Text 2",leftIcon:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_1__.WA,{style:{width:"18px",height:"18px"}})},{value:"Text 3",label:"Text 3",leftIcon:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_1__.WA,{style:{width:"18px",height:"18px"}})}]}},__namedExportsOrder=["DropdownDefault","DropdownRightIcon","DropdownLeftIcon"];DropdownDefault.parameters={...DropdownDefault.parameters,docs:{...DropdownDefault.parameters?.docs,source:{originalSource:"{\n args: {\n children: <Button>Button</Button>,\n disabled: false,\n options: [{\n value: 'Text 1',\n label: 'Text 1'\n }, {\n value: 'Text 2',\n label: 'Text 2'\n }, {\n value: 'Text 3',\n label: 'Text 3'\n }]\n }\n}",...DropdownDefault.parameters?.docs?.source}}},DropdownRightIcon.parameters={...DropdownRightIcon.parameters,docs:{...DropdownRightIcon.parameters?.docs,source:{originalSource:"{\n args: {\n children: <Button>Button</Button>,\n disable: false,\n options: [{\n value: 'Text 1',\n label: 'Text 1',\n rightIcon: <NextSVG style={{\n width: '18px',\n height: '18px'\n }} />\n }, {\n value: 'Text 2',\n label: 'Text 2',\n rightIcon: <NextSVG style={{\n width: '18px',\n height: '18px'\n }} />\n }, {\n value: 'Text 3',\n label: 'Text 3',\n rightIcon: <NextSVG style={{\n width: '18px',\n height: '18px'\n }} />\n }]\n }\n}",...DropdownRightIcon.parameters?.docs?.source}}},DropdownLeftIcon.parameters={...DropdownLeftIcon.parameters,docs:{...DropdownLeftIcon.parameters?.docs,source:{originalSource:"{\n args: {\n children: <Button>Button</Button>,\n disable: false,\n options: [{\n value: 'Text 1',\n label: 'Text 1',\n leftIcon: <LocationSvg style={{\n width: '18px',\n height: '18px'\n }} />\n }, {\n value: 'Text 2',\n label: 'Text 2',\n leftIcon: <LocationSvg style={{\n width: '18px',\n height: '18px'\n }} />\n }, {\n value: 'Text 3',\n label: 'Text 3',\n leftIcon: <LocationSvg style={{\n width: '18px',\n height: '18px'\n }} />\n }]\n }\n}",...DropdownLeftIcon.parameters?.docs?.source}}}},"./src/Presentation/ui-components/Dropdown/Dropdown.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Dropdown_Dropdown_Dropdown});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames);function DropdownOption(_ref){let{label,value,disabled,leftIcon,rightIcon,onSelect}=_ref;return react.createElement("li",{className:classnames_default()("qb-dropdown__option",{"qb-dropdown__option--disabled":disabled}),onClick:()=>!disabled&&onSelect(value)},react.createElement("span",{className:"qb-dropdown__label"},leftIcon,label),rightIcon)}DropdownOption.__docgenInfo={description:"",methods:[],displayName:"DropdownOption",props:{value:{required:!0,tsType:{name:"string"},description:""},label:{required:!0,tsType:{name:"string"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},leftIcon:{required:!1,tsType:{name:"ReactElement"},description:""},rightIcon:{required:!1,tsType:{name:"ReactElement"},description:""},onSelect:{required:!0,tsType:{name:"signature",type:"function",raw:"(value: string) => void",signature:{arguments:[{type:{name:"string"},name:"value"}],return:{name:"void"}}},description:""}}};var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Dropdown=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Dropdown/Dropdown.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Dropdown.A,options);Dropdown.A&&Dropdown.A.locals&&Dropdown.A.locals;function Dropdown_Dropdown_Dropdown(_ref){let{options,disabled=!1,onSelect,className,children,placement="bottomRight"}=_ref;const[isOpen,setIsOpen]=(0,react.useState)(!1),dropdownRef=(0,react.useRef)(null),handleSelect=value=>{onSelect(value),setIsOpen(!1)};return(0,react.useEffect)((()=>{const handleBlur=e=>{dropdownRef.current&&e.target instanceof Node&&!dropdownRef.current.contains(e.target)&&setIsOpen(!1)};return isOpen&&document.addEventListener("click",handleBlur,{capture:!0}),()=>document.removeEventListener("click",handleBlur)}),[isOpen]),react.createElement("div",{ref:dropdownRef,className:classnames_default()("qb-dropdown",className)},react.createElement("button",{type:"button",className:"qb-dropdown__toggle",onClick:e=>{e.stopPropagation(),setIsOpen((state=>!state))}},children),react.createElement("ul",{className:classnames_default()("qb-dropdown__menu",`qb-dropdown__menu--${placement}`,{"qb-dropdown__menu--opened":isOpen})},options.map((_ref2=>{let{label,value,leftIcon,rightIcon}=_ref2;return react.createElement(DropdownOption,{label,value,disabled,onSelect:handleSelect,leftIcon,rightIcon,key:value})}))))}Dropdown_Dropdown_Dropdown.__docgenInfo={description:"",methods:[],displayName:"Dropdown",props:{options:{required:!0,tsType:{name:"Array",elements:[{name:"Option"}],raw:"Option[]"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},children:{required:!1,tsType:{name:"union",raw:"ReactElement | string | number",elements:[{name:"ReactElement"},{name:"string"},{name:"number"}]},description:""},onSelect:{required:!0,tsType:{name:"signature",type:"function",raw:"(value: string) => void",signature:{arguments:[{type:{name:"string"},name:"value"}],return:{name:"void"}}},description:""},className:{required:!1,tsType:{name:"string"},description:""},placement:{required:!1,tsType:{name:"union",raw:"'topRight' | 'bottomRight' | 'left'",elements:[{name:"literal",value:"'topRight'"},{name:"literal",value:"'bottomRight'"},{name:"literal",value:"'left'"}]},description:"",defaultValue:{value:"'bottomRight'",computed:!1}}}}},"./src/Presentation/ui-components/Loader/Loader.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Loader_Loader_Loader});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Loader=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Loader/Loader.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Loader.A,options);Loader.A&&Loader.A.locals&&Loader.A.locals;function Loader_Loader_Loader(_ref){let{className,size="md"}=_ref;return react.createElement(icons.iO,{className:classnames_default()("qb-loader",size&&`qb-loader--${size}`,className)})}Loader_Loader_Loader.__docgenInfo={description:"",methods:[],displayName:"Loader",props:{size:{required:!1,tsType:{name:"union",raw:"'sm' | 'md' | 'lg'",elements:[{name:"literal",value:"'sm'"},{name:"literal",value:"'md'"},{name:"literal",value:"'lg'"}]},description:"",defaultValue:{value:"'md'",computed:!1}},className:{required:!1,tsType:{name:"string"},description:""}}}}}]);
@@ -0,0 +1,2 @@
1
+ /*! For license information please see Presentation-ui-components-Header-Header-stories.978f0af5.iframe.bundle.js.LICENSE.txt */
2
+ (self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[395],{"./node_modules/@storybook/addon-viewport/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Lq:()=>INITIAL_VIEWPORTS});__webpack_require__("storybook/internal/preview-api");var __defProp=Object.defineProperty,preview_exports={};((target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})})(preview_exports,{initialGlobals:()=>initialGlobals});var PARAM_KEY="viewport",modern={[PARAM_KEY]:{value:void 0,isRotated:!1}},initialGlobals=globalThis.FEATURES?.viewportStoryGlobals?modern:{viewport:"reset",viewportRotated:!1},INITIAL_VIEWPORTS={iphone5:{name:"iPhone 5",styles:{height:"568px",width:"320px"},type:"mobile"},iphone6:{name:"iPhone 6",styles:{height:"667px",width:"375px"},type:"mobile"},iphone6p:{name:"iPhone 6 Plus",styles:{height:"736px",width:"414px"},type:"mobile"},iphone8p:{name:"iPhone 8 Plus",styles:{height:"736px",width:"414px"},type:"mobile"},iphonex:{name:"iPhone X",styles:{height:"812px",width:"375px"},type:"mobile"},iphonexr:{name:"iPhone XR",styles:{height:"896px",width:"414px"},type:"mobile"},iphonexsmax:{name:"iPhone XS Max",styles:{height:"896px",width:"414px"},type:"mobile"},iphonese2:{name:"iPhone SE (2nd generation)",styles:{height:"667px",width:"375px"},type:"mobile"},iphone12mini:{name:"iPhone 12 mini",styles:{height:"812px",width:"375px"},type:"mobile"},iphone12:{name:"iPhone 12",styles:{height:"844px",width:"390px"},type:"mobile"},iphone12promax:{name:"iPhone 12 Pro Max",styles:{height:"926px",width:"428px"},type:"mobile"},iphoneSE3:{name:"iPhone SE 3rd generation",styles:{height:"667px",width:"375px"},type:"mobile"},iphone13:{name:"iPhone 13",styles:{height:"844px",width:"390px"},type:"mobile"},iphone13pro:{name:"iPhone 13 Pro",styles:{height:"844px",width:"390px"},type:"mobile"},iphone13promax:{name:"iPhone 13 Pro Max",styles:{height:"926px",width:"428px"},type:"mobile"},iphone14:{name:"iPhone 14",styles:{height:"844px",width:"390px"},type:"mobile"},iphone14pro:{name:"iPhone 14 Pro",styles:{height:"852px",width:"393px"},type:"mobile"},iphone14promax:{name:"iPhone 14 Pro Max",styles:{height:"932px",width:"430px"},type:"mobile"},ipad:{name:"iPad",styles:{height:"1024px",width:"768px"},type:"tablet"},ipad10p:{name:"iPad Pro 10.5-in",styles:{height:"1112px",width:"834px"},type:"tablet"},ipad11p:{name:"iPad Pro 11-in",styles:{height:"1194px",width:"834px"},type:"tablet"},ipad12p:{name:"iPad Pro 12.9-in",styles:{height:"1366px",width:"1024px"},type:"tablet"},galaxys5:{name:"Galaxy S5",styles:{height:"640px",width:"360px"},type:"mobile"},galaxys9:{name:"Galaxy S9",styles:{height:"740px",width:"360px"},type:"mobile"},nexus5x:{name:"Nexus 5X",styles:{height:"660px",width:"412px"},type:"mobile"},nexus6p:{name:"Nexus 6P",styles:{height:"732px",width:"412px"},type:"mobile"},pixel:{name:"Pixel",styles:{height:"960px",width:"540px"},type:"mobile"},pixelxl:{name:"Pixel XL",styles:{height:"1280px",width:"720px"},type:"mobile"}}},"./node_modules/classnames/index.js":(module,exports)=>{var __WEBPACK_AMD_DEFINE_RESULT__;!function(){"use strict";var hasOwn={}.hasOwnProperty;function classNames(){for(var classes="",i=0;i<arguments.length;i++){var arg=arguments[i];arg&&(classes=appendClass(classes,parseValue(arg)))}return classes}function parseValue(arg){if("string"==typeof arg||"number"==typeof arg)return arg;if("object"!=typeof arg)return"";if(Array.isArray(arg))return classNames.apply(null,arg);if(arg.toString!==Object.prototype.toString&&!arg.toString.toString().includes("[native code]"))return arg.toString();var classes="";for(var key in arg)hasOwn.call(arg,key)&&arg[key]&&(classes=appendClass(classes,key));return classes}function appendClass(value,newClass){return newClass?value?value+" "+newClass:value+newClass:value}module.exports?(classNames.default=classNames,module.exports=classNames):void 0===(__WEBPACK_AMD_DEFINE_RESULT__=function(){return classNames}.apply(exports,[]))||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)}()},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Avatar/Avatar.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".qb-avatar{display:flex;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;background-color:var(--disabled-elements);color:var(--secondary-text)}.qb-avatar,.qb-avatar *{box-sizing:border-box}.qb-avatar svg{height:26px;width:26px;fill:var(--tertiary-elements)}.qb-avatar__image{object-fit:cover;width:100%;height:100%}.qb-avatar--xs{width:32px;height:32px}.qb-avatar--sm{width:36px;height:36px}.qb-avatar--md{width:40px;height:40px}.qb-avatar--lg{width:56px;height:56px}.qb-avatar--lg svg{height:33px;width:33px}.qb-avatar--xl{width:64px;height:64px}.qb-avatar--xxl{width:80px;height:80px}","",{version:3,sources:["webpack://./src/Presentation/ui-components/Avatar/Avatar.scss","webpack://./src/Presentation/themes/styles/_mixins.scss"],names:[],mappings:"AAEA,WACE,YAAA,CACA,aAAA,CACA,kBAAA,CACA,sBAAA,CAEA,eAAA,CACA,iBAAA,CACA,yCAAA,CACA,2BAAA,CCVA,wBAEE,qBAAA,CDYF,eACE,WAAA,CACA,UAAA,CACA,6BAAA,CAGF,kBACE,gBAAA,CACA,UAAA,CACA,WAAA,CAGF,eACE,UAAA,CACA,WAAA,CAGF,eACE,UAAA,CACA,WAAA,CAGF,eACE,UAAA,CACA,WAAA,CAGF,eACE,UAAA,CACA,WAAA,CAEA,mBACE,WAAA,CACA,UAAA,CAIJ,eACE,UAAA,CACA,WAAA,CAGF,gBACE,UAAA,CACA,WAAA",sourcesContent:["@use '../../themes/styles/mixins' as *;\n\n.qb-avatar {\n display: flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n\n overflow: hidden;\n border-radius: 50%;\n background-color: var(--disabled-elements);\n color: var(--secondary-text);\n\n @include applyBorderBox;\n\n svg {\n height: 26px;\n width: 26px;\n fill: var(--tertiary-elements);\n }\n\n &__image {\n object-fit: cover;\n width: 100%;\n height: 100%;\n }\n\n &--xs {\n width: 32px;\n height: 32px;\n }\n\n &--sm {\n width: 36px;\n height: 36px;\n }\n\n &--md {\n width: 40px;\n height: 40px;\n }\n\n &--lg {\n width: 56px;\n height: 56px;\n\n svg {\n height: 33px;\n width: 33px;\n }\n }\n\n &--xl {\n width: 64px;\n height: 64px;\n }\n\n &--xxl {\n width: 80px;\n height: 80px;\n }\n}\n","@mixin applyBorderBox {\n &,\n * {\n box-sizing: border-box;\n }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Header/Header.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".dialog-header{width:100%;padding:12px 16px 12px 20px;display:flex;align-items:center;gap:33px}.dialog-header,.dialog-header *{box-sizing:border-box}.dialog-header__icon{cursor:pointer;width:24px;height:24px;flex-shrink:0}.dialog-header__icon svg{width:24px;height:24px;fill:var(--main-elements)}.dialog-header__back{color:var(--main-text);fill:var(--main-text)}.dialog-header__body{width:100%;display:flex;gap:33px;align-items:center;justify-content:space-between;overflow:hidden}.dialog-header__body-left{display:flex;align-items:center;justify-content:flex-start;gap:8px;overflow:hidden}.dialog-header__body-right{height:24px;display:flex;align-items:center;gap:16px}.dialog-header__title{color:var(--main-text, #0b1b0f);text-align:left;font:var(--title-title-large);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dialog-header__line{border-style:solid;border-color:var(--color-divider, #e7efff);border-width:0 0 1px 0}@media only screen and (max-width: var(--min-width-screen-desktop)){.dialog-header__body-left{gap:3px}}@media only screen and (min-width: 981px){.dialog-header__back{display:none}}","",{version:3,sources:["webpack://./src/Presentation/ui-components/Header/Header.scss","webpack://./src/Presentation/themes/styles/_mixins.scss"],names:[],mappings:"AAEA,eACE,UAAA,CACA,2BAAA,CACA,YAAA,CACA,kBAAA,CACA,QAAA,CCNA,gCAEE,qBAAA,CDQF,qBACE,cAAA,CACA,UAAA,CACA,WAAA,CACA,aAAA,CAEA,yBACE,UAAA,CACA,WAAA,CACA,yBAAA,CAIJ,qBACE,sBAAA,CACA,qBAAA,CAGF,qBACE,UAAA,CACA,YAAA,CACA,QAAA,CACA,kBAAA,CACA,6BAAA,CACA,eAAA,CAEA,0BACE,YAAA,CACA,kBAAA,CACA,0BAAA,CACA,OAAA,CACA,eAAA,CAGF,2BACE,WAAA,CACA,YAAA,CACA,kBAAA,CACA,QAAA,CAIJ,sBACE,+BAAA,CACA,eAAA,CACA,6BAAA,CACA,eAAA,CACA,kBAAA,CACA,sBAAA,CAGF,qBACE,kBAAA,CACA,0CAAA,CACA,sBAAA,CAIJ,oEACE,0BACE,OAAA,CAAA,CAGJ,0CACE,qBACE,YAAA,CAAA",sourcesContent:["@use '../../themes/styles/mixins' as *;\n\n.dialog-header {\n width: 100%;\n padding: 12px 16px 12px 20px;\n display: flex;\n align-items: center;\n gap: 33px;\n\n @include applyBorderBox;\n\n &__icon {\n cursor: pointer;\n width: 24px;\n height: 24px;\n flex-shrink: 0;\n\n svg {\n width: 24px;\n height: 24px;\n fill: var(--main-elements);\n }\n }\n\n &__back {\n color: var(--main-text);\n fill: var(--main-text);\n }\n\n &__body {\n width: 100%;\n display: flex;\n gap: 33px;\n align-items: center;\n justify-content: space-between;\n overflow: hidden;\n\n &-left {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: 8px;\n overflow: hidden;\n }\n\n &-right {\n height: 24px;\n display: flex;\n align-items: center;\n gap: 16px;\n }\n }\n\n &__title {\n color: var(--main-text, #0b1b0f);\n text-align: left;\n font: var(--title-title-large);\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n &__line {\n border-style: solid;\n border-color: var(--color-divider, #e7efff);\n border-width: 0 0 1px 0;\n }\n}\n\n@media only screen and (max-width: var(--min-width-screen-desktop)) {\n .dialog-header__body-left {\n gap: 3px;\n }\n}\n@media only screen and (min-width: 981px) {\n .dialog-header__back {\n display: none;\n }\n}\n","@mixin applyBorderBox {\n &,\n * {\n box-sizing: border-box;\n }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./src/Presentation/ui-components/Avatar/Avatar.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Avatar_Avatar_Avatar});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Avatar=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Avatar/Avatar.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Avatar.A,options);Avatar.A&&Avatar.A.locals&&Avatar.A.locals;function Avatar_Avatar_Avatar(_ref){let{icon=react.createElement(icons.Uh,null),size="md",className,src}=_ref;return src?react.createElement("div",{className:classnames_default()("qb-avatar",`qb-avatar--${size}`,className)},react.createElement("img",{src,className:"qb-avatar__image",alt:"Avatar"})):react.createElement("div",{className:classnames_default()("qb-avatar",`qb-avatar--${size}`,className)},icon)}Avatar_Avatar_Avatar.__docgenInfo={description:"",methods:[],displayName:"Avatar",props:{size:{required:!1,tsType:{name:"union",raw:"'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'",elements:[{name:"literal",value:"'xs'"},{name:"literal",value:"'sm'"},{name:"literal",value:"'md'"},{name:"literal",value:"'lg'"},{name:"literal",value:"'xl'"},{name:"literal",value:"'xxl'"}]},description:"",defaultValue:{value:"'md'",computed:!1}},icon:{required:!1,tsType:{name:"ReactElement"},description:"",defaultValue:{value:"<UserSvg />",computed:!1}},className:{required:!1,tsType:{name:"string"},description:""},src:{required:!1,tsType:{name:"string"},description:""}}}},"./src/Presentation/ui-components/Header/Header.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{HeaderDefault:()=>HeaderDefault,HeaderWithAvatar:()=>HeaderWithAvatar,HeaderWithAvatarAndBack:()=>HeaderWithAvatarAndBack,HeaderWithOneChildrenIcon:()=>HeaderWithOneChildrenIcon,HeaderWithTwoChildrenIcon:()=>HeaderWithTwoChildrenIcon,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_addon_viewport__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-viewport/dist/index.mjs"),_Header__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/Presentation/ui-components/Header/Header.tsx"),_icons__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/Presentation/icons/index.ts"),_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/Presentation/ui-components/Avatar/Avatar.tsx");const __WEBPACK_DEFAULT_EXPORT__={title:"@quickblox-react-ui-kit/Presentation/ui-components/Header",component:_Header__WEBPACK_IMPORTED_MODULE_2__.A,tags:["autodocs"],parameters:{viewport:{viewports:_storybook_addon_viewport__WEBPACK_IMPORTED_MODULE_1__.Lq}},argTypes:{title:{control:{type:"text"},description:"Dialog title"},avatar:{description:"Avatar or Icon",type:"function",options:["None","User","Group","Public","Photo"],control:"select",mapping:{None:void 0,User:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_4__.A,{icon:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_3__.Uh,null)}),Group:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_4__.A,{icon:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_3__.C_,null)}),Public:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_4__.A,{icon:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_3__.vq,null)}),Photo:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_4__.A,{src:"https://quickblox.com/wp-content/themes/QuickbloxTheme2021/img/chat-messaging.svg"})}},badge:{control:!1,description:"Badge or dialog status"},children:{type:"function",options:["None","SingleIcon","MultiplyIcons","Close"],control:"select",mapping:{None:void 0,SingleIcon:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_3__.vT,null),MultiplyIcons:[react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_3__.p8,null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_3__.Vp,null)],Close:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_3__.X6,null)},table:{type:{summary:"svg"}},description:"Additional content: list of icons"},onGoBack:{action:"clicked back button"},classNames:{table:{type:{summary:"string"}},description:"Additional classes"}}},HeaderDefault={args:{title:"Default Dialog desktop"},parameters:{layout:"centered"}},HeaderWithAvatar={args:{title:"Default Dialog desktop",avatar:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_4__.A,{icon:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_3__.Uh,null)})},parameters:{layout:"centered"}},HeaderWithAvatarAndBack={args:{title:"Default Dialog mobile",avatar:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_4__.A,{icon:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_3__.Uh,null)}),onGoBack:()=>{window.alert("onGoBack")}},parameters:{viewport:{defaultViewport:"iphonese2"}}},HeaderWithOneChildrenIcon={args:{title:"Default Dialog desktop",avatar:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_4__.A,{icon:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_3__.Uh,null)}),children:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_3__.X6,null),onGoBack:void 0},parameters:{layout:"centered"}},HeaderWithTwoChildrenIcon={args:{title:"Default Dialog desktop",avatar:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_4__.A,{icon:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_3__.Uh,null)}),children:[react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_3__.p8,null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_3__.Vp,null)],onGoBack:void 0},parameters:{layout:"centered"}},__namedExportsOrder=["HeaderDefault","HeaderWithAvatar","HeaderWithAvatarAndBack","HeaderWithOneChildrenIcon","HeaderWithTwoChildrenIcon"];HeaderDefault.parameters={...HeaderDefault.parameters,docs:{...HeaderDefault.parameters?.docs,source:{originalSource:"{\n args: {\n title: 'Default Dialog desktop'\n },\n parameters: {\n layout: 'centered'\n }\n}",...HeaderDefault.parameters?.docs?.source}}},HeaderWithAvatar.parameters={...HeaderWithAvatar.parameters,docs:{...HeaderWithAvatar.parameters?.docs,source:{originalSource:"{\n args: {\n title: 'Default Dialog desktop',\n avatar: <Avatar icon={<UserSvg />} />\n },\n parameters: {\n layout: 'centered'\n }\n}",...HeaderWithAvatar.parameters?.docs?.source}}},HeaderWithAvatarAndBack.parameters={...HeaderWithAvatarAndBack.parameters,docs:{...HeaderWithAvatarAndBack.parameters?.docs,source:{originalSource:"{\n args: {\n title: 'Default Dialog mobile',\n avatar: <Avatar icon={<UserSvg />} />,\n onGoBack: () => {\n window.alert('onGoBack');\n }\n },\n parameters: {\n viewport: {\n defaultViewport: 'iphonese2'\n }\n }\n}",...HeaderWithAvatarAndBack.parameters?.docs?.source}}},HeaderWithOneChildrenIcon.parameters={...HeaderWithOneChildrenIcon.parameters,docs:{...HeaderWithOneChildrenIcon.parameters?.docs,source:{originalSource:"{\n args: {\n title: 'Default Dialog desktop',\n avatar: <Avatar icon={<UserSvg />} />,\n children: <CloseSvg />,\n onGoBack: undefined\n },\n parameters: {\n layout: 'centered'\n }\n}",...HeaderWithOneChildrenIcon.parameters?.docs?.source}}},HeaderWithTwoChildrenIcon.parameters={...HeaderWithTwoChildrenIcon.parameters,docs:{...HeaderWithTwoChildrenIcon.parameters?.docs,source:{originalSource:"{\n args: {\n title: 'Default Dialog desktop',\n avatar: <Avatar icon={<UserSvg />} />,\n children: [<SearchSvg />, <NewChatSvg />],\n onGoBack: undefined\n },\n parameters: {\n layout: 'centered'\n }\n}",...HeaderWithTwoChildrenIcon.parameters?.docs?.source}}}},"./src/Presentation/ui-components/Header/Header.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>ui_components_Header_Header});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Header=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Header/Header.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Header.A,options);Header.A&&Header.A.locals&&Header.A.locals;const Header_Header_Header=_ref=>{let{title,avatar,badge,children,onGoBack,className}=_ref;return react.createElement("div",{className:classnames_default()("dialog-header",className)},onGoBack&&react.createElement(icons.oV,{className:"dialog-header__icon dialog-header__back",onClick:onGoBack}),react.createElement("div",{className:"dialog-header__body"},react.createElement("div",{className:"dialog-header__body-left"},avatar,react.createElement("span",{className:"dialog-header__title"},title),badge),children&&react.createElement("div",{className:"dialog-header__body-right"},react.Children.map(children,(child=>react.createElement("span",{className:"dialog-header__icon"},child))))))},ui_components_Header_Header=Header_Header_Header;Header_Header_Header.__docgenInfo={description:"",methods:[],displayName:"Header",props:{title:{required:!0,tsType:{name:"string"},description:""},avatar:{required:!1,tsType:{name:"ReactElement"},description:""},badge:{required:!1,tsType:{name:"ReactElement"},description:""},children:{required:!1,tsType:{name:"union",raw:"ReactElement | ReactElement[]",elements:[{name:"ReactElement"},{name:"Array",elements:[{name:"ReactElement"}],raw:"ReactElement[]"}]},description:""},onGoBack:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},className:{required:!1,tsType:{name:"string"},description:""}}}}}]);
@@ -0,0 +1,2 @@
1
+ /*! For license information please see Presentation-ui-components-Loader-Loader-stories.4e80520d.iframe.bundle.js.LICENSE.txt */
2
+ (self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[43],{"./node_modules/classnames/index.js":(module,exports)=>{var __WEBPACK_AMD_DEFINE_RESULT__;!function(){"use strict";var hasOwn={}.hasOwnProperty;function classNames(){for(var classes="",i=0;i<arguments.length;i++){var arg=arguments[i];arg&&(classes=appendClass(classes,parseValue(arg)))}return classes}function parseValue(arg){if("string"==typeof arg||"number"==typeof arg)return arg;if("object"!=typeof arg)return"";if(Array.isArray(arg))return classNames.apply(null,arg);if(arg.toString!==Object.prototype.toString&&!arg.toString.toString().includes("[native code]"))return arg.toString();var classes="";for(var key in arg)hasOwn.call(arg,key)&&arg[key]&&(classes=appendClass(classes,key));return classes}function appendClass(value,newClass){return newClass?value?value+" "+newClass:value+newClass:value}module.exports?(classNames.default=classNames,module.exports=classNames):void 0===(__WEBPACK_AMD_DEFINE_RESULT__=function(){return classNames}.apply(exports,[]))||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)}()},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Loader/Loader.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".qb-loader--sm{width:24px;height:24px}.qb-loader--md{width:48px;height:48px}.qb-loader--lg{width:52px;height:52px}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.qb-loader{animation:rotate 1s infinite linear}","",{version:3,sources:["webpack://./src/Presentation/ui-components/Loader/Loader.scss"],names:[],mappings:"AACE,eACE,UAAA,CACA,WAAA,CAGF,eACE,UAAA,CACA,WAAA,CAGF,eACE,UAAA,CACA,WAAA,CAGF,kBACE,KACE,sBAAA,CAEF,GACE,wBAAA,CAAA,CAIJ,WACE,mCAAA",sourcesContent:[".qb-loader {\n &--sm {\n width: 24px;\n height: 24px;\n }\n\n &--md {\n width: 48px;\n height: 48px;\n }\n\n &--lg {\n width: 52px;\n height: 52px;\n }\n\n @keyframes rotate {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n }\n\n & {\n animation: rotate 1s infinite linear;\n }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./src/Presentation/ui-components/Loader/Loader.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{LoaderDefault:()=>LoaderDefault,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={title:"@quickblox-react-ui-kit/Presentation/ui-components/Loader",component:__webpack_require__("./src/Presentation/ui-components/Loader/Loader.tsx").A,tags:["autodocs"],parameters:{layout:"centered"},args:{className:""},argTypes:{size:{options:["sm","md","lg"],control:{type:"select"},table:{defaultValue:{summary:"md"},type:{summary:"string"}},description:"Size"},className:{table:{defaultValue:{summary:"string"},type:{summary:"string"}},description:"Additional classes"}}},LoaderDefault={},__namedExportsOrder=["LoaderDefault"];LoaderDefault.parameters={...LoaderDefault.parameters,docs:{...LoaderDefault.parameters?.docs,source:{originalSource:"{}",...LoaderDefault.parameters?.docs?.source}}}},"./src/Presentation/ui-components/Loader/Loader.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Loader_Loader_Loader});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Loader=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Loader/Loader.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Loader.A,options);Loader.A&&Loader.A.locals&&Loader.A.locals;function Loader_Loader_Loader(_ref){let{className,size="md"}=_ref;return react.createElement(icons.iO,{className:classnames_default()("qb-loader",size&&`qb-loader--${size}`,className)})}Loader_Loader_Loader.__docgenInfo={description:"",methods:[],displayName:"Loader",props:{size:{required:!1,tsType:{name:"union",raw:"'sm' | 'md' | 'lg'",elements:[{name:"literal",value:"'sm'"},{name:"literal",value:"'md'"},{name:"literal",value:"'lg'"}]},description:"",defaultValue:{value:"'md'",computed:!1}},className:{required:!1,tsType:{name:"string"},description:""}}}}}]);