quickblox-react-ui-kit 0.3.0 → 0.3.1-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (115) hide show
  1. package/dist/CommonTypes/CommonTypes.d.ts +142 -0
  2. package/dist/CommonTypes/FunctionResult.d.ts +0 -54
  3. package/dist/Data/DefaultConfigurations.d.ts +2 -2
  4. package/dist/Data/Stubs.d.ts +6 -5
  5. package/dist/Data/dto/dialog/LocalDialogDTO.d.ts +1 -1
  6. package/dist/Data/dto/dialog/RemoteDialogDTO.d.ts +2 -2
  7. package/dist/Data/dto/user/LocalUserDTO.d.ts +1 -1
  8. package/dist/Data/dto/user/RemoteUserDTO.d.ts +1 -1
  9. package/dist/Data/source/remote/Mapper/MessageDTOMapper.d.ts +1 -0
  10. package/dist/Data/source/remote/RemoteDataSource.d.ts +1 -1
  11. package/dist/Domain/entity/LastMessageEntity.d.ts +1 -1
  12. package/dist/Domain/entity/UserEntity.d.ts +1 -1
  13. package/dist/Presentation/providers/QuickBloxUIKitProvider/QuickBloxUIKitProvider.d.ts +3 -1
  14. package/dist/Presentation/ui-components/TextField/TextField.d.ts +2 -2
  15. package/dist/QBconfig.d.ts +2 -76
  16. package/dist/index-ui.js +767 -787
  17. package/dist/index-ui.js.map +1 -1
  18. package/dist/qb-api-calls/index.d.ts +14 -12
  19. package/dist/utils/formatFileSize.d.ts +1 -0
  20. package/dist/utils/parse.d.ts +1 -0
  21. package/global.d.ts +158 -2835
  22. package/package.json +3 -1
  23. package/src/App.tsx +3 -2
  24. package/src/CommonTypes/CommonTypes.ts +229 -0
  25. package/src/CommonTypes/FunctionResult.ts +0 -59
  26. package/src/Data/Creator.ts +1 -0
  27. package/src/Data/DefaultConfigurations.ts +6 -2
  28. package/src/Data/Stubs.ts +47 -47
  29. package/src/Data/dto/dialog/LocalDialogDTO.ts +2 -2
  30. package/src/Data/dto/dialog/RemoteDialogDTO.ts +4 -4
  31. package/src/Data/dto/user/LocalUserDTO.ts +2 -2
  32. package/src/Data/dto/user/RemoteUserDTO.ts +2 -2
  33. package/src/Data/mapper/DialogLocalDTOMapper.ts +4 -10
  34. package/src/Data/mapper/DialogRemoteDTOMapper.ts +11 -22
  35. package/src/Data/mapper/UserLocalDTOMapper.ts +2 -2
  36. package/src/Data/mapper/UserRemoteDTOMapper.ts +2 -2
  37. package/src/Data/repository/ConnectionRepository.ts +1 -0
  38. package/src/Data/repository/UsersRepository.ts +1 -1
  39. package/src/Data/source/local/ChatLocalStorageDataSource.ts +14 -14
  40. package/src/Data/source/remote/Mapper/DialogDTOMapper.ts +70 -52
  41. package/src/Data/source/remote/Mapper/FileDTOMapper.ts +4 -0
  42. package/src/Data/source/remote/Mapper/MessageDTOMapper.ts +1 -0
  43. package/src/Data/source/remote/Mapper/UserDTOMapper.ts +1 -0
  44. package/src/Data/source/remote/RemoteDataSource.ts +76 -12
  45. package/src/Domain/entity/LastMessageEntity.ts +1 -1
  46. package/src/Domain/entity/UserEntity.ts +1 -1
  47. package/src/Presentation/Views/Dialog/MessageItem/MessageItem.tsx +2 -2
  48. package/src/Presentation/Views/Dialog/useDialogViewModel.ts +44 -150
  49. package/src/Presentation/Views/DialogInfo/DialogInfo.tsx +2 -1
  50. package/src/Presentation/Views/DialogList/DialogList.tsx +65 -2
  51. package/src/Presentation/Views/DialogList/useDialogListViewModel.ts +3 -0
  52. package/src/Presentation/Views/EditDialog/EditDialog.tsx +4 -3
  53. package/src/Presentation/Views/InviteMembers/InviteMembers.tsx +9 -1
  54. package/src/Presentation/Views/InviteMembers/useInviteMembersViewModel.ts +11 -1
  55. package/src/Presentation/Views/PreviewDialog/PreviewDialog.tsx +1 -0
  56. package/src/Presentation/layouts/Desktop/QuickBloxUIKitDesktopLayout.tsx +9 -41
  57. package/src/Presentation/layouts/TestStage/LoginView/Login.tsx +7 -11
  58. package/src/Presentation/providers/QuickBloxUIKitProvider/QuickBloxUIKitProvider.tsx +30 -2
  59. package/src/Presentation/ui-components/SettingsItem/SettingsItem.stories.tsx +1 -0
  60. package/src/Presentation/ui-components/TextField/TextField.tsx +58 -48
  61. package/src/QBconfig.ts +13 -11
  62. package/src/qb-api-calls/index.ts +44 -14
  63. package/src/utils/formatFileSize.ts +8 -0
  64. package/src/utils/parse.ts +2 -0
  65. package/storybook-static/703.2cbec951.iframe.bundle.js +33 -0
  66. package/storybook-static/703.2cbec951.iframe.bundle.js.map +1 -0
  67. package/storybook-static/{758.53b4954a.iframe.bundle.js → 938.56e9d83c.iframe.bundle.js} +1 -14
  68. package/storybook-static/Presentation-ui-components-Avatar-avatar-stories.1b74ae55.iframe.bundle.js +14 -0
  69. package/storybook-static/Presentation-ui-components-Avatar-avatar-stories.1b74ae55.iframe.bundle.js.map +1 -0
  70. package/storybook-static/Presentation-ui-components-Button-Button-stories.84103f20.iframe.bundle.js +14 -0
  71. package/storybook-static/Presentation-ui-components-Button-Button-stories.84103f20.iframe.bundle.js.map +1 -0
  72. package/storybook-static/Presentation-ui-components-DialogItemPreview-DialogItemPreview-stories.bf9005d3.iframe.bundle.js +14 -0
  73. package/storybook-static/Presentation-ui-components-DialogItemPreview-DialogItemPreview-stories.bf9005d3.iframe.bundle.js.map +1 -0
  74. package/storybook-static/Presentation-ui-components-DialogWindow-DialogWindow-stories.f81a8e38.iframe.bundle.js +14 -0
  75. package/storybook-static/Presentation-ui-components-DialogWindow-DialogWindow-stories.f81a8e38.iframe.bundle.js.map +1 -0
  76. package/storybook-static/Presentation-ui-components-Dropdown-Dropdown-stories.141a3ae7.iframe.bundle.js +14 -0
  77. package/storybook-static/Presentation-ui-components-Dropdown-Dropdown-stories.141a3ae7.iframe.bundle.js.map +1 -0
  78. package/storybook-static/Presentation-ui-components-Header-Header-stories.9f45c30e.iframe.bundle.js +14 -0
  79. package/storybook-static/Presentation-ui-components-Header-Header-stories.9f45c30e.iframe.bundle.js.map +1 -0
  80. package/storybook-static/Presentation-ui-components-Loader-Loader-stories.af01e15d.iframe.bundle.js +14 -0
  81. package/storybook-static/Presentation-ui-components-Loader-Loader-stories.af01e15d.iframe.bundle.js.map +1 -0
  82. package/storybook-static/Presentation-ui-components-Message-Message-stories.264d251d.iframe.bundle.js +14 -0
  83. package/storybook-static/Presentation-ui-components-Message-Message-stories.264d251d.iframe.bundle.js.map +1 -0
  84. package/storybook-static/Presentation-ui-components-MessageInput-MessageInput-stories.bf8a24d1.iframe.bundle.js +1 -0
  85. package/storybook-static/{Presentation-ui-components-Placeholder-Placeholder-stories.871f508c.iframe.bundle.js → Presentation-ui-components-Placeholder-Placeholder-stories.97287936.iframe.bundle.js} +14 -1
  86. package/storybook-static/Presentation-ui-components-Placeholder-Placeholder-stories.97287936.iframe.bundle.js.map +1 -0
  87. package/storybook-static/Presentation-ui-components-PreviewFileMessage-PreviewFileMessage-stories.a9f5cd67.iframe.bundle.js +14 -0
  88. package/storybook-static/Presentation-ui-components-PreviewFileMessage-PreviewFileMessage-stories.a9f5cd67.iframe.bundle.js.map +1 -0
  89. package/storybook-static/Presentation-ui-components-SettingsItem-SettingsItem-stories.429a72d5.iframe.bundle.js +14 -0
  90. package/storybook-static/Presentation-ui-components-SettingsItem-SettingsItem-stories.429a72d5.iframe.bundle.js.map +1 -0
  91. package/storybook-static/Presentation-ui-components-TextField-TextField-stories.fd8caf6c.iframe.bundle.js +14 -0
  92. package/storybook-static/Presentation-ui-components-TextField-TextField-stories.fd8caf6c.iframe.bundle.js.map +1 -0
  93. package/storybook-static/{Presentation-ui-components-Toast-Toast-stories.55e63162.iframe.bundle.js → Presentation-ui-components-Toast-Toast-stories.b903385b.iframe.bundle.js} +14 -1
  94. package/storybook-static/Presentation-ui-components-Toast-Toast-stories.b903385b.iframe.bundle.js.map +1 -0
  95. package/storybook-static/{Presentation-ui-components-UserListItem-UserListItem-stories.04d3eefe.iframe.bundle.js → Presentation-ui-components-UserListItem-UserListItem-stories.8781472b.iframe.bundle.js} +14 -1
  96. package/storybook-static/Presentation-ui-components-UserListItem-UserListItem-stories.8781472b.iframe.bundle.js.map +1 -0
  97. package/storybook-static/iframe.html +2 -2
  98. package/storybook-static/{main.597d432b.iframe.bundle.js → main.2f6d7582.iframe.bundle.js} +1 -1
  99. package/storybook-static/project.json +1 -1
  100. package/storybook-static/runtime~main.af13ca55.iframe.bundle.js +1 -0
  101. package/webpack.config.js +2 -1
  102. package/storybook-static/758.53b4954a.iframe.bundle.js.map +0 -1
  103. package/storybook-static/Presentation-ui-components-Avatar-avatar-stories.cf806856.iframe.bundle.js +0 -1
  104. package/storybook-static/Presentation-ui-components-Button-Button-stories.4fac7996.iframe.bundle.js +0 -1
  105. package/storybook-static/Presentation-ui-components-DialogItemPreview-DialogItemPreview-stories.6665bbfb.iframe.bundle.js +0 -1
  106. package/storybook-static/Presentation-ui-components-DialogWindow-DialogWindow-stories.cf340397.iframe.bundle.js +0 -1
  107. package/storybook-static/Presentation-ui-components-Dropdown-Dropdown-stories.b32a1e17.iframe.bundle.js +0 -1
  108. package/storybook-static/Presentation-ui-components-Header-Header-stories.073c4507.iframe.bundle.js +0 -1
  109. package/storybook-static/Presentation-ui-components-Loader-Loader-stories.9bf3fb63.iframe.bundle.js +0 -1
  110. package/storybook-static/Presentation-ui-components-Message-Message-stories.343dfae0.iframe.bundle.js +0 -1
  111. package/storybook-static/Presentation-ui-components-MessageInput-MessageInput-stories.c2ead6a5.iframe.bundle.js +0 -1
  112. package/storybook-static/Presentation-ui-components-PreviewFileMessage-PreviewFileMessage-stories.527e000e.iframe.bundle.js +0 -1
  113. package/storybook-static/Presentation-ui-components-SettingsItem-SettingsItem-stories.2ff75703.iframe.bundle.js +0 -1
  114. package/storybook-static/Presentation-ui-components-TextField-TextField-stories.4a2eef3e.iframe.bundle.js +0 -1
  115. package/storybook-static/runtime~main.7ee2126e.iframe.bundle.js +0 -1
@@ -0,0 +1,14 @@
1
+ (self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[231],{"./src/Presentation/ui-components/SettingsItem/SettingsItem.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{SettingsItemDefault:()=>SettingsItemDefault,SettingsItemMembers:()=>SettingsItemMembers,SettingsItemNotification:()=>SettingsItemNotification,__namedExportsOrder:()=>__namedExportsOrder,default:()=>SettingsItem_stories});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"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function SettingsItem_SettingsItem(_ref){let{icon,title,rightSection,children,className,onClick}=_ref,[isShow,setIsShow]=(0,react.useState)(!1);return(0,jsx_runtime.jsxs)("div",{onClick:onClick,className:classnames_default()("settings-item",className),children:[(0,jsx_runtime.jsxs)("div",{className:"settings-item__body",children:[(0,jsx_runtime.jsxs)("div",{className:"settings-item__left-section",children:[(0,jsx_runtime.jsx)("span",{className:"settings-item__icon",children:icon}),(0,jsx_runtime.jsx)("span",{className:"settings-item__title",children:title})]}),(0,jsx_runtime.jsxs)("div",{className:"settings-item__right-section",children:[rightSection,children&&(0,jsx_runtime.jsx)(icons.PB,{className:classnames_default()("settings-item__arrow",{"settings-item__arrow--opened":isShow}),onClick:()=>setIsShow(!isShow)})]})]}),children&&(0,jsx_runtime.jsx)("div",{className:classnames_default()("settings-item__children",{"settings-item__children--opened":isShow}),children:children})]})}try{SettingsItem_SettingsItem.displayName="SettingsItem",SettingsItem_SettingsItem.__docgenInfo={description:"",displayName:"SettingsItem",props:{icon:{defaultValue:null,description:"",name:"icon",required:!0,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},rightSection:{defaultValue:null,description:"",name:"rightSection",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>> | ReactElement<any, string | JSXElementConstructor<any>>[]"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"VoidFunction"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/SettingsItem/SettingsItem.tsx#SettingsItem"]={docgenInfo:SettingsItem_SettingsItem.__docgenInfo,name:"SettingsItem",path:"src/Presentation/ui-components/SettingsItem/SettingsItem.tsx#SettingsItem"})}catch(__react_docgen_typescript_loader_error){}var Badge=__webpack_require__("./src/Presentation/ui-components/Badge/Badge.tsx"),Avatar=__webpack_require__("./src/Presentation/ui-components/Avatar/Avatar.tsx");let SettingsItem_stories={title:"@quickblox-react-ui-kit/Presentation/ui-components/SettingsItem",component:SettingsItem_SettingsItem,tags:["autodocs"],parameters:{layout:"centered"},argTypes:{title:{table:{defaultValue:{summary:""},type:{summary:"string"}},description:"Name Setting item "},className:{table:{defaultValue:{summary:""},type:{summary:"string"}},description:"Additional classes"},icon:{control:!1,table:{defaultValue:{summary:"svg | ReactElement"},type:{summary:"svg | ReactElement"}},description:"Format plug svg or React element "},rightSection:{control:!1,table:{defaultValue:{summary:"ReactElement | ReactElement[]"},type:{summary:"ReactElement | ReactElement[]"}},description:"Elements for the right section"},onClick:{control:!1,table:{defaultValue:{summary:"VoidFunction"},type:{summary:"VoidFunction"}},description:"function onClick for icon"},children:{control:!1,table:{defaultValue:{summary:"ReactElement | ReactElement[]"},type:{summary:"ReactElement | ReactElement[]"}},description:"Elements that will be contained in the additional section"}}},SettingsItemDefault={name:"SettingsItem Default",args:{title:"Search in dialog",icon:(0,jsx_runtime.jsx)(icons.K1,{style:{fill:"#3978FC"}})}},SettingsItemNotification={name:"SettingsItem Notification",args:{title:"Notification",icon:(0,jsx_runtime.jsx)(icons.Dn,{style:{fill:"#3978FC"}}),rightSection:(0,jsx_runtime.jsx)(icons.sZ,{style:{cursor:"pointer"}})}},SettingsItemMembers={name:"SettingsItem Members",args:{title:"Notification",icon:(0,jsx_runtime.jsx)(icons.Av,{style:{fill:"#3978FC"}}),rightSection:(0,jsx_runtime.jsx)(Badge.Z,{count:10,limit:99,mute:!0}),children:(0,jsx_runtime.jsxs)("ul",{style:{listStyle:"none",overflow:"hidden",margin:"0",padding:"0"},children:[(0,jsx_runtime.jsxs)("li",{style:{display:"flex",alignItems:"center",padding:"8px 16px",gap:"16px"},children:[(0,jsx_runtime.jsx)(Avatar.Z,{size:"sm"})," Name"]}),(0,jsx_runtime.jsxs)("li",{style:{display:"flex",alignItems:"center",padding:"8px 16px",gap:"16px"},children:[(0,jsx_runtime.jsx)(Avatar.Z,{size:"sm"})," Name"]}),(0,jsx_runtime.jsxs)("li",{style:{display:"flex",alignItems:"center",padding:"8px 16px",gap:"16px"},children:[(0,jsx_runtime.jsx)(Avatar.Z,{size:"sm"})," Name"]}),(0,jsx_runtime.jsxs)("li",{style:{display:"flex",alignItems:"center",padding:"8px 16px",gap:"16px"},children:[(0,jsx_runtime.jsx)(Avatar.Z,{size:"sm"})," Name"]})]})}};SettingsItemDefault.parameters={...SettingsItemDefault.parameters,docs:{...SettingsItemDefault.parameters?.docs,source:{originalSource:"{\n name: 'SettingsItem Default',\n args: {\n title: 'Search in dialog',\n icon: <SearchSvg style={{\n fill: '#3978FC'\n }} />\n }\n}",...SettingsItemDefault.parameters?.docs?.source}}},SettingsItemNotification.parameters={...SettingsItemNotification.parameters,docs:{...SettingsItemNotification.parameters?.docs,source:{originalSource:"{\n name: 'SettingsItem Notification',\n args: {\n title: 'Notification',\n icon: <NotificationsSvg style={{\n fill: '#3978FC'\n }} />,\n rightSection: <CloseSvg style={{\n cursor: 'pointer'\n }} />\n }\n}",...SettingsItemNotification.parameters?.docs?.source}}},SettingsItemMembers.parameters={...SettingsItemMembers.parameters,docs:{...SettingsItemMembers.parameters?.docs,source:{originalSource:"{\n name: 'SettingsItem Members',\n args: {\n title: 'Notification',\n icon: <GroupChatSvg style={{\n fill: '#3978FC'\n }} />,\n rightSection: <Badge count={10} limit={99} mute />,\n children: <ul style={{\n listStyle: 'none',\n overflow: 'hidden',\n margin: '0',\n padding: '0'\n }}>\n <li style={{\n display: 'flex',\n alignItems: 'center',\n padding: '8px 16px',\n gap: '16px'\n }}>\n <Avatar size=\"sm\" /> Name\n </li>\n <li style={{\n display: 'flex',\n alignItems: 'center',\n padding: '8px 16px',\n gap: '16px'\n }}>\n <Avatar size=\"sm\" /> Name\n </li>\n <li style={{\n display: 'flex',\n alignItems: 'center',\n padding: '8px 16px',\n gap: '16px'\n }}>\n <Avatar size=\"sm\" /> Name\n </li>\n <li style={{\n display: 'flex',\n alignItems: 'center',\n padding: '8px 16px',\n gap: '16px'\n }}>\n <Avatar size=\"sm\" /> Name\n </li>\n </ul>\n }\n}",...SettingsItemMembers.parameters?.docs?.source}}};let __namedExportsOrder=["SettingsItemDefault","SettingsItemNotification","SettingsItemMembers"]},"./src/Presentation/ui-components/Avatar/Avatar.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>Avatar_Avatar});var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Avatar_Avatar(_ref){let{icon=(0,jsx_runtime.jsx)(icons.vw,{}),size="md",className,src}=_ref;return src?(0,jsx_runtime.jsx)("div",{className:classnames_default()("avatar","avatar--".concat(size),className),children:(0,jsx_runtime.jsx)("img",{src:src,className:"avatar__image",alt:"Avatar"})}):(0,jsx_runtime.jsx)("div",{className:classnames_default()("avatar","avatar--".concat(size),className),children:icon})}try{Avatar_Avatar.displayName="Avatar",Avatar_Avatar.__docgenInfo={description:"",displayName:"Avatar",props:{size:{defaultValue:{value:"md"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"sm"'},{value:'"md"'},{value:'"lg"'},{value:'"xl"'},{value:'"xxl"'}]}},icon:{defaultValue:{value:"<UserSvg />"},description:"",name:"icon",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},src:{defaultValue:null,description:"",name:"src",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Avatar/Avatar.tsx#Avatar"]={docgenInfo:Avatar_Avatar.__docgenInfo,name:"Avatar",path:"src/Presentation/ui-components/Avatar/Avatar.tsx#Avatar"})}catch(__react_docgen_typescript_loader_error){}},"./src/Presentation/ui-components/Badge/Badge.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>Badge_Badge});var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Badge_Badge(_ref){let{count,limit,mute=!1,classNames}=_ref;return(0,jsx_runtime.jsx)("div",{className:classnames_default()("badge",{"badge--mute":mute},classNames),children:limit&&count>limit?"".concat(limit,"+"):count})}try{Badge_Badge.displayName="Badge",Badge_Badge.__docgenInfo={description:"",displayName:"Badge",props:{count:{defaultValue:null,description:"",name:"count",required:!0,type:{name:"number"}},limit:{defaultValue:null,description:"",name:"limit",required:!1,type:{name:"number"}},mute:{defaultValue:{value:"false"},description:"",name:"mute",required:!1,type:{name:"boolean"}},classNames:{defaultValue:null,description:"",name:"classNames",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Badge/Badge.tsx#Badge"]={docgenInfo:Badge_Badge.__docgenInfo,name:"Badge",path:"src/Presentation/ui-components/Badge/Badge.tsx#Badge"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/classnames/index.js":(module,exports)=>{var __WEBPACK_AMD_DEFINE_RESULT__;/*!
2
+ Copyright (c) 2018 Jed Watson.
3
+ Licensed under the MIT License (MIT), see
4
+ http://jedwatson.github.io/classnames
5
+ */!function(){"use strict";var hasOwn={}.hasOwnProperty;function classNames(){for(var classes=[],i=0;i<arguments.length;i++){var arg=arguments[i];if(arg){var argType=typeof arg;if("string"===argType||"number"===argType)classes.push(arg);else if(Array.isArray(arg)){if(arg.length){var inner=classNames.apply(null,arg);inner&&classes.push(inner)}}else if("object"===argType){if(arg.toString!==Object.prototype.toString&&!arg.toString.toString().includes("[native code]")){classes.push(arg.toString());continue}for(var key in arg)hasOwn.call(arg,key)&&arg[key]&&classes.push(key)}}}return classes.join(" ")}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/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";/**
6
+ * @license React
7
+ * react-jsx-runtime.production.min.js
8
+ *
9
+ * Copyright (c) Facebook, Inc. and its affiliates.
10
+ *
11
+ * This source code is licensed under the MIT license found in the
12
+ * LICENSE file in the root directory of this source tree.
13
+ */var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
14
+ //# sourceMappingURL=Presentation-ui-components-SettingsItem-SettingsItem-stories.429a72d5.iframe.bundle.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Presentation-ui-components-SettingsItem-SettingsItem-stories.429a72d5.iframe.bundle.js","mappings":";;;;AAIA;;;;;;;;ACIA","sources":["webpack://quickblox-react-ui-kit/./node_modules/classnames/index.js","webpack://quickblox-react-ui-kit/./node_modules/react/cjs/react-jsx-runtime.production.min.js"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\tvar nativeCodeString = '[native code]';\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","/**\n * @license React\n * react-jsx-runtime.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';var f=require(\"react\"),k=Symbol.for(\"react.element\"),l=Symbol.for(\"react.fragment\"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};\nfunction q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=\"\"+g);void 0!==a.key&&(e=\"\"+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l;exports.jsx=q;exports.jsxs=q;\n"],"names":[],"sourceRoot":""}
@@ -0,0 +1,14 @@
1
+ (self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[909],{"./src/Presentation/ui-components/TextField/TextField.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{TextFieldDefault:()=>TextFieldDefault,TextFieldDisabled:()=>TextFieldDisabled,TextFieldReset:()=>TextFieldReset,__namedExportsOrder:()=>__namedExportsOrder,default:()=>TextField_stories});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"),Loader=__webpack_require__("./src/Presentation/ui-components/Loader/Loader.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");let TextField_TextField=(0,react.forwardRef)((_ref,ref)=>{let{label,icon,loading=!1,disabled=!1,className,id,value,onChange,...inputProps}=_ref,defaultId=(0,react.useId)();return(0,jsx_runtime.jsxs)("div",{className:classnames_default()("text-field",{"text-field--disabled":disabled},className),children:[label&&(0,jsx_runtime.jsx)("label",{htmlFor:id||defaultId,className:"text-field__label",children:label}),(0,jsx_runtime.jsxs)("div",{className:"text-field__wrapper",children:[icon&&(0,jsx_runtime.jsx)("span",{className:"text-field__icon",children:icon}),(0,jsx_runtime.jsx)("input",{...inputProps,ref:ref,disabled:loading||disabled,className:"text-field__input",id:id||defaultId,value:value,onChange:e=>onChange(e.currentTarget.value)}),!loading&&value&&(0,jsx_runtime.jsx)(icons.OE,{className:"text-field__reset",onClick:()=>onChange("")}),loading&&!disabled&&(0,jsx_runtime.jsx)(Loader.Z,{size:"sm",className:"text-field__loader"})]})]})});try{TextField_TextField.displayName="TextField",TextField_TextField.__docgenInfo={description:"",displayName:"TextField",props:{onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(value: string) => void"}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"string"}},loading:{defaultValue:{value:"false"},description:"",name:"loading",required:!1,type:{name:"boolean"}},label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/TextField/TextField.tsx#TextField"]={docgenInfo:TextField_TextField.__docgenInfo,name:"TextField",path:"src/Presentation/ui-components/TextField/TextField.tsx#TextField"})}catch(__react_docgen_typescript_loader_error){}let TextField_stories={title:"@quickblox-react-ui-kit/Presentation/ui-components/TextField",component:TextField_TextField,tags:["autodocs"],parameters:{layout:"centered"},args:{label:"",disabled:!1,loading:!1,className:""},argTypes:{value:{table:{type:{summary:"function"}},description:"Value change function"},onChange:{table:{defaultValue:{summary:"''"},type:{summary:"string"}},description:"Text field label"},id:{table:{defaultValue:{summary:"''"},type:{summary:"string"}},description:"Custom id for text field"},label:{table:{defaultValue:{summary:"''"},type:{summary:"string"}},description:"Text field label"},icon:{control:!1,table:{type:{summary:"svg"}},description:"Format plug svg"},loading:{table:{defaultValue:{summary:!1}},description:"Displays the load"},disabled:{table:{type:{summary:"boolean"},defaultValue:{summary:!1}},description:"Active"},className:{table:{type:{summary:"string"}},description:"Additional classes"}}},TextFieldDefault={name:"TextField Default"},TextFieldDisabled={name:"TextField Disabled",args:{disabled:!0,label:"Text Label",placeholder:"Placeholder"}},TextFieldReset={name:"TextField Reset",args:{label:"Text Label",placeholder:"Placeholder",value:"Text"}};TextFieldDefault.parameters={...TextFieldDefault.parameters,docs:{...TextFieldDefault.parameters?.docs,source:{originalSource:"{\n name: 'TextField Default'\n}",...TextFieldDefault.parameters?.docs?.source}}},TextFieldDisabled.parameters={...TextFieldDisabled.parameters,docs:{...TextFieldDisabled.parameters?.docs,source:{originalSource:"{\n name: 'TextField Disabled',\n args: {\n disabled: true,\n label: 'Text Label',\n placeholder: 'Placeholder'\n }\n}",...TextFieldDisabled.parameters?.docs?.source}}},TextFieldReset.parameters={...TextFieldReset.parameters,docs:{...TextFieldReset.parameters?.docs,source:{originalSource:"{\n name: 'TextField Reset',\n args: {\n label: 'Text Label',\n placeholder: 'Placeholder',\n value: 'Text'\n }\n}",...TextFieldReset.parameters?.docs?.source}}};let __namedExportsOrder=["TextFieldDefault","TextFieldDisabled","TextFieldReset"]},"./src/Presentation/ui-components/Loader/Loader.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>Loader_Loader});var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Loader_Loader(_ref){let{className,size="md"}=_ref;return(0,jsx_runtime.jsx)(icons.t$,{className:classnames_default()("loader",size&&"loader--".concat(size),className)})}try{Loader_Loader.displayName="Loader",Loader_Loader.__docgenInfo={description:"",displayName:"Loader",props:{size:{defaultValue:{value:"md"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"sm"'},{value:'"md"'},{value:'"lg"'}]}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Loader/Loader.tsx#Loader"]={docgenInfo:Loader_Loader.__docgenInfo,name:"Loader",path:"src/Presentation/ui-components/Loader/Loader.tsx#Loader"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/classnames/index.js":(module,exports)=>{var __WEBPACK_AMD_DEFINE_RESULT__;/*!
2
+ Copyright (c) 2018 Jed Watson.
3
+ Licensed under the MIT License (MIT), see
4
+ http://jedwatson.github.io/classnames
5
+ */!function(){"use strict";var hasOwn={}.hasOwnProperty;function classNames(){for(var classes=[],i=0;i<arguments.length;i++){var arg=arguments[i];if(arg){var argType=typeof arg;if("string"===argType||"number"===argType)classes.push(arg);else if(Array.isArray(arg)){if(arg.length){var inner=classNames.apply(null,arg);inner&&classes.push(inner)}}else if("object"===argType){if(arg.toString!==Object.prototype.toString&&!arg.toString.toString().includes("[native code]")){classes.push(arg.toString());continue}for(var key in arg)hasOwn.call(arg,key)&&arg[key]&&classes.push(key)}}}return classes.join(" ")}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/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";/**
6
+ * @license React
7
+ * react-jsx-runtime.production.min.js
8
+ *
9
+ * Copyright (c) Facebook, Inc. and its affiliates.
10
+ *
11
+ * This source code is licensed under the MIT license found in the
12
+ * LICENSE file in the root directory of this source tree.
13
+ */var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
14
+ //# sourceMappingURL=Presentation-ui-components-TextField-TextField-stories.fd8caf6c.iframe.bundle.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Presentation-ui-components-TextField-TextField-stories.fd8caf6c.iframe.bundle.js","mappings":";;;;AAIA;;;;;;;;ACIA","sources":["webpack://quickblox-react-ui-kit/./node_modules/classnames/index.js","webpack://quickblox-react-ui-kit/./node_modules/react/cjs/react-jsx-runtime.production.min.js"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\tvar nativeCodeString = '[native code]';\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","/**\n * @license React\n * react-jsx-runtime.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';var f=require(\"react\"),k=Symbol.for(\"react.element\"),l=Symbol.for(\"react.fragment\"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};\nfunction q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=\"\"+g);void 0!==a.key&&(e=\"\"+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l;exports.jsx=q;exports.jsxs=q;\n"],"names":[],"sourceRoot":""}
@@ -1 +1,14 @@
1
- "use strict";(self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[267],{"./src/Presentation/ui-components/Toast/Toast.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ToastDefault:()=>ToastDefault,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Toast_stories});var react=__webpack_require__("./node_modules/react/index.js");function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e){if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f)}else for(f in e)e[f]&&(n&&(n+=" "),n+=f)}return n}let dist_clsx=function(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n},c=e=>"number"==typeof e&&!isNaN(e),d=e=>"string"==typeof e,u=e=>"function"==typeof e,p=e=>d(e)||u(e)?e:null,m=e=>(0,react.isValidElement)(e)||d(e)||u(e)||c(e);function f(e,t,n){void 0===n&&(n=300);let{scrollHeight:o,style:s}=e;requestAnimationFrame(()=>{s.minHeight="initial",s.height=o+"px",s.transition=`all ${n}ms`,requestAnimationFrame(()=>{s.height="0",s.padding="0",s.margin="0",setTimeout(t,n)})})}function g(t){let{enter:a,exit:r,appendPosition:i=!1,collapse:l=!0,collapseDuration:c=300}=t;return function(t){let{children:d,position:u,preventExitTransition:p,done:m,nodeRef:g,isIn:y,playToast:v}=t,h=i?`${a}--${u}`:a,T=i?`${r}--${u}`:r,E=(0,react.useRef)(0);return(0,react.useLayoutEffect)(()=>{let e=g.current,t=h.split(" "),n=o=>{o.target===g.current&&(v(),e.removeEventListener("animationend",n),e.removeEventListener("animationcancel",n),0===E.current&&"animationcancel"!==o.type&&e.classList.remove(...t))};e.classList.add(...t),e.addEventListener("animationend",n),e.addEventListener("animationcancel",n)},[]),(0,react.useEffect)(()=>{let e=g.current,t=()=>{e.removeEventListener("animationend",t),l?f(e,m,c):m()};y||(p?t():(E.current=1,e.className+=` ${T}`,e.addEventListener("animationend",t)))},[y]),react.createElement(react.Fragment,null,d)}}function y(e,t){return null!=e?{content:e.content,containerId:e.props.containerId,id:e.props.toastId,theme:e.props.theme,type:e.props.type,data:e.props.data||{},isLoading:e.props.isLoading,icon:e.props.icon,status:t}:{}}let v=new Map,h=[],T=new Set,E=e=>T.forEach(t=>t(e)),b=()=>v.size>0;function I(e,t){var n;if(t)return!(null==(n=v.get(t))||!n.isToastActive(e));let o=!1;return v.forEach(t=>{t.isToastActive(e)&&(o=!0)}),o}function _(e,t){m(e)&&(b()||h.push({content:e,options:t}),v.forEach(n=>{n.buildToast(e,t)}))}function C(e,t){v.forEach(n=>{null!=t&&null!=t&&t.containerId?(null==t?void 0:t.containerId)===n.id&&n.toggle(e,null==t?void 0:t.id):n.toggle(e,null==t?void 0:t.id)})}function L(e){let{subscribe:o,getSnapshot:s,setProps:i}=(0,react.useRef)(function(e){let n=e.containerId||1;return{subscribe(o){let s=function(e,n,o){let s=1,r=0,i=[],l=[],f=[],g=n,v=new Map,h=new Set,T=()=>{f=Array.from(v.values()),h.forEach(e=>e())},E=e=>{l=null==e?[]:l.filter(t=>t!==e),T()},b=e=>{let{toastId:n,onOpen:s,updateId:a,children:r}=e.props,i=null==a;e.staleId&&v.delete(e.staleId),v.set(n,e),l=[...l,e.props.toastId].filter(t=>t!==e.staleId),T(),o(y(e,i?"added":"updated")),i&&u(s)&&s((0,react.isValidElement)(r)&&r.props)};return{id:e,props:g,observe:e=>(h.add(e),()=>h.delete(e)),toggle:(e,t)=>{v.forEach(n=>{null!=t&&t!==n.props.toastId||u(n.toggle)&&n.toggle(e)})},removeToast:E,toasts:v,clearQueue:()=>{r-=i.length,i=[]},buildToast:(n,l)=>{var w,k;if((t=>{let{containerId:n,toastId:o,updateId:s}=t,r=v.has(o)&&null==s;return(n?n!==e:1!==e)||r})(l))return;let{toastId:f,updateId:h,data:I,staleId:_,delay:C}=l,L=()=>{E(f)},N=null==h;N&&r++;let $={...g,style:g.toastStyle,key:s++,...Object.fromEntries(Object.entries(l).filter(e=>{let[t,n]=e;return null!=n})),toastId:f,updateId:h,data:I,closeToast:L,isIn:!1,className:p(l.className||g.toastClassName),bodyClassName:p(l.bodyClassName||g.bodyClassName),progressClassName:p(l.progressClassName||g.progressClassName),autoClose:!l.isLoading&&(w=l.autoClose,k=g.autoClose,!1===w||c(w)&&w>0?w:k),deleteToast(){let e=v.get(f),{onClose:n,children:s}=e.props;u(n)&&n((0,react.isValidElement)(s)&&s.props),o(y(e,"removed")),v.delete(f),--r<0&&(r=0),i.length>0?b(i.shift()):T()}};$.closeButton=g.closeButton,!1===l.closeButton||m(l.closeButton)?$.closeButton=l.closeButton:!0===l.closeButton&&($.closeButton=!m(g.closeButton)||g.closeButton);let P=n;(0,react.isValidElement)(n)&&!d(n.type)?P=(0,react.cloneElement)(n,{closeToast:L,toastProps:$,data:I}):u(n)&&(P=n({closeToast:L,toastProps:$,data:I}));let M={content:P,props:$,staleId:_};g.limit&&g.limit>0&&r>g.limit&&N?i.push(M):c(C)?setTimeout(()=>{b(M)},C):b(M)},setProps(e){g=e},setToggle:(e,t)=>{v.get(e).toggle=t},isToastActive:e=>l.some(t=>t===e),getSnapshot:()=>g.newestOnTop?f.reverse():f}}(n,e,E);v.set(n,s);let r=s.observe(o);return h.forEach(e=>_(e.content,e.options)),h=[],()=>{r(),v.delete(n)}},setProps(e){var t;null==(t=v.get(n))||t.setProps(e)},getSnapshot(){var e;return null==(e=v.get(n))?void 0:e.getSnapshot()}}}(e)).current;i(e);let l=(0,react.useSyncExternalStore)(o,s,s);return{getToastToRender:function(e){if(!l)return[];let t=new Map;return l.forEach(e=>{let{position:n}=e.props;t.has(n)||t.set(n,[]),t.get(n).push(e)}),Array.from(t,t=>e(t[0],t[1]))},isToastActive:I,count:null==l?void 0:l.length}}function N(e){var g,y;let[t,o]=(0,react.useState)(!1),[a,r]=(0,react.useState)(!1),l=(0,react.useRef)(null),c=(0,react.useRef)({start:0,delta:0,removalDistance:0,canCloseOnClick:!0,canDrag:!1,didMove:!1}).current,{autoClose:d,pauseOnHover:u,closeToast:p,onClick:m,closeOnClick:f}=e;function h(){o(!0)}function T(){o(!1)}function E(n){let o=l.current;c.canDrag&&o&&(c.didMove=!0,t&&T(),c.delta="x"===e.draggableDirection?n.clientX-c.start:n.clientY-c.start,c.start!==n.clientX&&(c.canCloseOnClick=!1),o.style.transform=`translate3d(${"x"===e.draggableDirection?`${c.delta}px, var(--y)`:`0, calc(${c.delta}px + var(--y))`},0)`,o.style.opacity=""+(1-Math.abs(c.delta/c.removalDistance)))}function b(){document.removeEventListener("pointermove",E),document.removeEventListener("pointerup",b);let t=l.current;if(c.canDrag&&c.didMove&&t){if(c.canDrag=!1,Math.abs(c.delta)>c.removalDistance)return r(!0),e.closeToast(),void e.collapseAll();t.style.transition="transform 0.2s, opacity 0.2s",t.style.removeProperty("transform"),t.style.removeProperty("opacity")}}null==(y=v.get((g={id:e.toastId,containerId:e.containerId,fn:o}).containerId||1))||y.setToggle(g.id,g.fn),(0,react.useEffect)(()=>{if(e.pauseOnFocusLoss)return document.hasFocus()||T(),window.addEventListener("focus",h),window.addEventListener("blur",T),()=>{window.removeEventListener("focus",h),window.removeEventListener("blur",T)}},[e.pauseOnFocusLoss]);let I={onPointerDown:function(t){if(!0===e.draggable||e.draggable===t.pointerType){c.didMove=!1,document.addEventListener("pointermove",E),document.addEventListener("pointerup",b);let n=l.current;c.canCloseOnClick=!0,c.canDrag=!0,n.style.transition="none","x"===e.draggableDirection?(c.start=t.clientX,c.removalDistance=n.offsetWidth*(e.draggablePercent/100)):(c.start=t.clientY,c.removalDistance=n.offsetHeight*(80===e.draggablePercent?1.5*e.draggablePercent:e.draggablePercent)/100)}},onPointerUp:function(t){let{top:n,bottom:o,left:s,right:a}=l.current.getBoundingClientRect();"touchend"!==t.nativeEvent.type&&e.pauseOnHover&&t.clientX>=s&&t.clientX<=a&&t.clientY>=n&&t.clientY<=o?T():h()}};return d&&u&&(I.onMouseEnter=T,e.stacked||(I.onMouseLeave=h)),f&&(I.onClick=e=>{m&&m(e),c.canCloseOnClick&&p()}),{playToast:h,pauseToast:T,isRunning:t,preventExitTransition:a,toastRef:l,eventHandlers:I}}function $(t){let{delay:n,isRunning:o,closeToast:s,type:a="default",hide:r,className:i,style:c,controlledProgress:d,progress:p,rtl:m,isIn:f,theme:g}=t,y=r||d&&0===p,v={...c,animationDuration:`${n}ms`,animationPlayState:o?"running":"paused"};d&&(v.transform=`scaleX(${p})`);let h=dist_clsx("Toastify__progress-bar",d?"Toastify__progress-bar--controlled":"Toastify__progress-bar--animated",`Toastify__progress-bar-theme--${g}`,`Toastify__progress-bar--${a}`,{"Toastify__progress-bar--rtl":m}),T=u(i)?i({rtl:m,type:a,defaultClassName:h}):dist_clsx(h,i);return react.createElement("div",{className:"Toastify__progress-bar--wrp","data-hidden":y},react.createElement("div",{className:`Toastify__progress-bar--bg Toastify__progress-bar-theme--${g} Toastify__progress-bar--${a}`}),react.createElement("div",{role:"progressbar","aria-hidden":y?"true":"false","aria-label":"notification timer",className:T,style:v,[d&&p>=1?"onTransitionEnd":"onAnimationEnd"]:d&&p<1?null:()=>{f&&s()}}))}let w=1,k=()=>""+w++;function P(e){return e&&(d(e.toastId)||c(e.toastId))?e.toastId:k()}function M(e,t){return _(e,t),t.toastId}function x(e,t){return{...t,type:t&&t.type||e,toastId:P(t)}}function A(e){return(t,n)=>M(t,x(e,n))}function B(e,t){return M(e,x("default",t))}B.loading=(e,t)=>M(e,x("default",{isLoading:!0,autoClose:!1,closeOnClick:!1,closeButton:!1,draggable:!1,...t})),B.promise=function(e,t,n){let o,{pending:s,error:a,success:r}=t;s&&(o=d(s)?B.loading(s,n):B.loading(s.render,{...n,...s}));let i={isLoading:null,autoClose:null,closeOnClick:null,closeButton:null,draggable:null},l=(e,t,s)=>{if(null==t)return void B.dismiss(o);let a={type:e,...i,...n,data:s},r=d(t)?{render:t}:t;return o?B.update(o,{...a,...r}):B(r.render,{...a,...r}),s},c=u(e)?e():e;return c.then(e=>l("success",r,e)).catch(e=>l("error",a,e)),c},B.success=A("success"),B.info=A("info"),B.error=A("error"),B.warning=A("warning"),B.warn=B.warning,B.dark=(e,t)=>M(e,x("default",{theme:"dark",...t})),B.dismiss=function(e){var t,n;b()?null==e||d(t=e)||c(t)?v.forEach(t=>{t.removeToast(e)}):e&&("containerId"in e||"id"in e)&&((null==(n=v.get(e.containerId))?void 0:n.removeToast(e.id))||v.forEach(t=>{t.removeToast(e.id)})):h=h.filter(t=>null!=e&&t.options.toastId!==e)},B.clearWaitingQueue=function(e){void 0===e&&(e={}),v.forEach(t=>{!t.props.limit||e.containerId&&t.id!==e.containerId||t.clearQueue()})},B.isActive=I,B.update=function(e,t){void 0===t&&(t={});let n=((e,t)=>{var n;let{containerId:o}=t;return null==(n=v.get(o||1))?void 0:n.toasts.get(e)})(e,t);if(n){let{props:o,content:s}=n,a={delay:100,...o,...t,toastId:t.toastId||e,updateId:k()};a.toastId!==e&&(a.staleId=e);let r=a.render||s;delete a.render,M(r,a)}},B.done=e=>{B.update(e,{progress:1})},B.onChange=function(e){return T.add(e),()=>{T.delete(e)}},B.play=e=>C(!0,e),B.pause=e=>C(!1,e);let O="undefined"!=typeof window?react.useLayoutEffect:react.useEffect,D=t=>{let{theme:n,type:o,isLoading:s,...a}=t;return react.createElement("svg",{viewBox:"0 0 24 24",width:"100%",height:"100%",fill:"colored"===n?"currentColor":`var(--toastify-icon-color-${o})`,...a})},z={info:function(t){return react.createElement(D,{...t},react.createElement("path",{d:"M12 0a12 12 0 1012 12A12.013 12.013 0 0012 0zm.25 5a1.5 1.5 0 11-1.5 1.5 1.5 1.5 0 011.5-1.5zm2.25 13.5h-4a1 1 0 010-2h.75a.25.25 0 00.25-.25v-4.5a.25.25 0 00-.25-.25h-.75a1 1 0 010-2h1a2 2 0 012 2v4.75a.25.25 0 00.25.25h.75a1 1 0 110 2z"}))},warning:function(t){return react.createElement(D,{...t},react.createElement("path",{d:"M23.32 17.191L15.438 2.184C14.728.833 13.416 0 11.996 0c-1.42 0-2.733.833-3.443 2.184L.533 17.448a4.744 4.744 0 000 4.368C1.243 23.167 2.555 24 3.975 24h16.05C22.22 24 24 22.044 24 19.632c0-.904-.251-1.746-.68-2.44zm-9.622 1.46c0 1.033-.724 1.823-1.698 1.823s-1.698-.79-1.698-1.822v-.043c0-1.028.724-1.822 1.698-1.822s1.698.79 1.698 1.822v.043zm.039-12.285l-.84 8.06c-.057.581-.408.943-.897.943-.49 0-.84-.367-.896-.942l-.84-8.065c-.057-.624.25-1.095.779-1.095h1.91c.528.005.84.476.784 1.1z"}))},success:function(t){return react.createElement(D,{...t},react.createElement("path",{d:"M12 0a12 12 0 1012 12A12.014 12.014 0 0012 0zm6.927 8.2l-6.845 9.289a1.011 1.011 0 01-1.43.188l-4.888-3.908a1 1 0 111.25-1.562l4.076 3.261 6.227-8.451a1 1 0 111.61 1.183z"}))},error:function(t){return react.createElement(D,{...t},react.createElement("path",{d:"M11.983 0a12.206 12.206 0 00-8.51 3.653A11.8 11.8 0 000 12.207 11.779 11.779 0 0011.8 24h.214A12.111 12.111 0 0024 11.791 11.766 11.766 0 0011.983 0zM10.5 16.542a1.476 1.476 0 011.449-1.53h.027a1.527 1.527 0 011.523 1.47 1.475 1.475 0 01-1.449 1.53h-.027a1.529 1.529 0 01-1.523-1.47zM11 12.5v-6a1 1 0 012 0v6a1 1 0 11-2 0z"}))},spinner:function(){return react.createElement("div",{className:"Toastify__spinner"})}},R=n=>{let{isRunning:o,preventExitTransition:s,toastRef:r,eventHandlers:i,playToast:c}=N(n),{closeButton:d,children:p,autoClose:m,onClick:f,type:g,hideProgressBar:y,closeToast:v,transition:h,position:T,className:E,style:b,bodyClassName:I,bodyStyle:_,progressClassName:C,progressStyle:L,updateId:w,role:k,progress:P,rtl:M,toastId:x,deleteToast:A,isIn:B,isLoading:O,closeOnClick:D,theme:R}=n,S=dist_clsx("Toastify__toast",`Toastify__toast-theme--${R}`,`Toastify__toast--${g}`,{"Toastify__toast--rtl":M},{"Toastify__toast--close-on-click":D}),H=u(E)?E({rtl:M,position:T,type:g,defaultClassName:S}):dist_clsx(S,E),F=function(e){let{theme:n,type:o,isLoading:s,icon:r}=e,i=null,l={theme:n,type:o};return!1===r||(u(r)?i=r({...l,isLoading:s}):(0,react.isValidElement)(r)?i=(0,react.cloneElement)(r,l):s?i=z.spinner():o in z&&(i=z[o](l))),i}(n),X=!!P||!m,Y={closeToast:v,type:g,theme:R},q=null;return!1===d||(q=u(d)?d(Y):(0,react.isValidElement)(d)?(0,react.cloneElement)(d,Y):function(t){let{closeToast:n,theme:o,ariaLabel:s="close"}=t;return react.createElement("button",{className:`Toastify__close-button Toastify__close-button--${o}`,type:"button",onClick:e=>{e.stopPropagation(),n(e)},"aria-label":s},react.createElement("svg",{"aria-hidden":"true",viewBox:"0 0 14 16"},react.createElement("path",{fillRule:"evenodd",d:"M7.71 8.23l3.75 3.75-1.48 1.48-3.75-3.75-3.75 3.75L1 11.98l3.75-3.75L1 4.48 2.48 3l3.75 3.75L9.98 3l1.48 1.48-3.75 3.75z"})))}(Y)),react.createElement(h,{isIn:B,done:A,position:T,preventExitTransition:s,nodeRef:r,playToast:c},react.createElement("div",{id:x,onClick:f,"data-in":B,className:H,...i,style:b,ref:r},react.createElement("div",{...B&&{role:k},className:u(I)?I({type:g}):dist_clsx("Toastify__toast-body",I),style:_},null!=F&&react.createElement("div",{className:dist_clsx("Toastify__toast-icon",{"Toastify--animate-icon Toastify__zoom-enter":!O})},F),react.createElement("div",null,p)),q,react.createElement($,{...w&&!X?{key:`pb-${w}`}:{},rtl:M,theme:R,delay:m,isRunning:o,isIn:B,closeToast:v,hide:y,type:g,style:L,className:C,controlledProgress:X,progress:P||0})))},S=function(e,t){return void 0===t&&(t=!1),{enter:`Toastify--animate Toastify__${e}-enter`,exit:`Toastify--animate Toastify__${e}-exit`,appendPosition:t}},H=g(S("bounce",!0)),q=(g(S("slide",!0)),g(S("zoom")),g(S("flip")),{position:"top-right",transition:H,autoClose:5e3,closeButton:!0,pauseOnHover:!0,pauseOnFocusLoss:!0,draggable:"touch",draggablePercent:80,draggableDirection:"x",role:"alert",theme:"light"});function Q(t){let o={...q,...t},s=t.stacked,[a,r]=(0,react.useState)(!0),c=(0,react.useRef)(null),{getToastToRender:d,isToastActive:m,count:f}=L(o),{className:g,style:y,rtl:v,containerId:h}=o;function T(e){let t=dist_clsx("Toastify__toast-container",`Toastify__toast-container--${e}`,{"Toastify__toast-container--rtl":v});return u(g)?g({position:e,rtl:v,defaultClassName:t}):dist_clsx(t,p(g))}function E(){s&&(r(!0),B.play())}return O(()=>{if(s){var e;let t=c.current.querySelectorAll('[data-in="true"]'),s=null==(e=o.position)?void 0:e.includes("top"),r=0,i=0;Array.from(t).reverse().forEach((e,t)=>{e.classList.add("Toastify__toast--stacked"),t>0&&(e.dataset.collapsed=`${a}`),e.dataset.pos||(e.dataset.pos=s?"top":"bot");let l=r*(a?.2:1)+(a?0:12*t);e.style.setProperty("--y",`${s?l:-1*l}px`),e.style.setProperty("--g","12"),e.style.setProperty("--s",""+(1-(a?i:0))),r+=e.offsetHeight,i+=.025})}},[a,f,s]),react.createElement("div",{ref:c,className:"Toastify",id:h,onMouseEnter:()=>{s&&(r(!1),B.pause())},onMouseLeave:E},d((t,n)=>{let o=n.length?{...y}:{...y,pointerEvents:"none"};return react.createElement("div",{className:T(t),style:o,key:`container-${t}`},n.map(t=>{let{content:n,props:o}=t;return react.createElement(R,{...o,stacked:s,collapseAll:E,isIn:m(o.toastId,o.containerId),style:o.style,key:`toast-${o.key}`},n)}))}))}var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");let ToastContext=(0,react.createContext)(void 0);function ToastProvider(_ref){let{children}=_ref;return(0,jsx_runtime.jsxs)(ToastContext.Provider,{value:void 0,children:[(0,jsx_runtime.jsx)(Q,{position:"top-center",autoClose:3e3,bodyClassName:"toast__body",toastClassName:"toast",pauseOnHover:!1,closeButton:!1,hideProgressBar:!0}),children]})}try{ToastProvider.displayName="ToastProvider",ToastProvider.__docgenInfo={description:"",displayName:"ToastProvider",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Toast/ToastProvider.tsx#ToastProvider"]={docgenInfo:ToastProvider.__docgenInfo,name:"ToastProvider",path:"src/Presentation/ui-components/Toast/ToastProvider.tsx#ToastProvider"})}catch(__react_docgen_typescript_loader_error){}var Button=__webpack_require__("./src/Presentation/ui-components/Button/Button.tsx");let Toast_stories={title:"@quickblox-react-ui-kit/Presentation/ui-components/Toast",component:ToastProvider,tags:["autodocs"],parameters:{layout:"centered"},args:{children:void 0},argTypes:{children:{table:{defaultValue:{summary:"ReactNode"},type:{summary:"ReactNode"}},description:"Children"}}};function ToastExample(){return(0,jsx_runtime.jsx)(ToastProvider,{children:(0,jsx_runtime.jsx)(Button.Z,{onClick:()=>{B("Toast message",{position:"top-center",autoClose:5e3})},children:"Children"})})}let ToastDefault={render:()=>(0,jsx_runtime.jsx)(ToastExample,{})};ToastDefault.parameters={...ToastDefault.parameters,docs:{...ToastDefault.parameters?.docs,source:{originalSource:"{\n render: () => <ToastExample />\n}",...ToastDefault.parameters?.docs?.source}}};let __namedExportsOrder=["ToastDefault"]},"./src/Presentation/ui-components/Button/Button.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>Button_Button});var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),Loader=__webpack_require__("./src/Presentation/ui-components/Loader/Loader.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Button_Button(_ref){let{variant="default",className,disabled=!1,loading=!1,children,...rest}=_ref;return(0,jsx_runtime.jsx)("button",{className:classnames_default()("button","button--".concat(variant),{"button--disabled":disabled},className),disabled:disabled||loading,...rest,children:loading&&!disabled?(0,jsx_runtime.jsx)(Loader.Z,{className:classnames_default()("button__loader","button__loader--".concat(variant))}):children})}try{Button_Button.displayName="Button",Button_Button.__docgenInfo={description:"",displayName:"Button",props:{variant:{defaultValue:{value:"default"},description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"text"'},{value:'"default"'},{value:'"outlined"'},{value:'"danger"'}]}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},loading:{defaultValue:{value:"false"},description:"",name:"loading",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Button/Button.tsx#Button"]={docgenInfo:Button_Button.__docgenInfo,name:"Button",path:"src/Presentation/ui-components/Button/Button.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}},"./src/Presentation/ui-components/Loader/Loader.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>Loader_Loader});var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Loader_Loader(_ref){let{className,size="md"}=_ref;return(0,jsx_runtime.jsx)(icons.t$,{className:classnames_default()("loader",size&&"loader--".concat(size),className)})}try{Loader_Loader.displayName="Loader",Loader_Loader.__docgenInfo={description:"",displayName:"Loader",props:{size:{defaultValue:{value:"md"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"sm"'},{value:'"md"'},{value:'"lg"'}]}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Loader/Loader.tsx#Loader"]={docgenInfo:Loader_Loader.__docgenInfo,name:"Loader",path:"src/Presentation/ui-components/Loader/Loader.tsx#Loader"})}catch(__react_docgen_typescript_loader_error){}}}]);
1
+ (self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[267],{"./src/Presentation/ui-components/Toast/Toast.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ToastDefault:()=>ToastDefault,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Toast_stories});var react=__webpack_require__("./node_modules/react/index.js");function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e){if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f)}else for(f in e)e[f]&&(n&&(n+=" "),n+=f)}return n}let dist_clsx=function(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n},c=e=>"number"==typeof e&&!isNaN(e),d=e=>"string"==typeof e,u=e=>"function"==typeof e,p=e=>d(e)||u(e)?e:null,m=e=>(0,react.isValidElement)(e)||d(e)||u(e)||c(e);function f(e,t,n){void 0===n&&(n=300);let{scrollHeight:o,style:s}=e;requestAnimationFrame(()=>{s.minHeight="initial",s.height=o+"px",s.transition=`all ${n}ms`,requestAnimationFrame(()=>{s.height="0",s.padding="0",s.margin="0",setTimeout(t,n)})})}function g(t){let{enter:a,exit:r,appendPosition:i=!1,collapse:l=!0,collapseDuration:c=300}=t;return function(t){let{children:d,position:u,preventExitTransition:p,done:m,nodeRef:g,isIn:y,playToast:v}=t,h=i?`${a}--${u}`:a,T=i?`${r}--${u}`:r,E=(0,react.useRef)(0);return(0,react.useLayoutEffect)(()=>{let e=g.current,t=h.split(" "),n=o=>{o.target===g.current&&(v(),e.removeEventListener("animationend",n),e.removeEventListener("animationcancel",n),0===E.current&&"animationcancel"!==o.type&&e.classList.remove(...t))};e.classList.add(...t),e.addEventListener("animationend",n),e.addEventListener("animationcancel",n)},[]),(0,react.useEffect)(()=>{let e=g.current,t=()=>{e.removeEventListener("animationend",t),l?f(e,m,c):m()};y||(p?t():(E.current=1,e.className+=` ${T}`,e.addEventListener("animationend",t)))},[y]),react.createElement(react.Fragment,null,d)}}function y(e,t){return null!=e?{content:e.content,containerId:e.props.containerId,id:e.props.toastId,theme:e.props.theme,type:e.props.type,data:e.props.data||{},isLoading:e.props.isLoading,icon:e.props.icon,status:t}:{}}let v=new Map,h=[],T=new Set,E=e=>T.forEach(t=>t(e)),b=()=>v.size>0;function I(e,t){var n;if(t)return!(null==(n=v.get(t))||!n.isToastActive(e));let o=!1;return v.forEach(t=>{t.isToastActive(e)&&(o=!0)}),o}function _(e,t){m(e)&&(b()||h.push({content:e,options:t}),v.forEach(n=>{n.buildToast(e,t)}))}function C(e,t){v.forEach(n=>{null!=t&&null!=t&&t.containerId?(null==t?void 0:t.containerId)===n.id&&n.toggle(e,null==t?void 0:t.id):n.toggle(e,null==t?void 0:t.id)})}function L(e){let{subscribe:o,getSnapshot:s,setProps:i}=(0,react.useRef)(function(e){let n=e.containerId||1;return{subscribe(o){let s=function(e,n,o){let s=1,r=0,i=[],l=[],f=[],g=n,v=new Map,h=new Set,T=()=>{f=Array.from(v.values()),h.forEach(e=>e())},E=e=>{l=null==e?[]:l.filter(t=>t!==e),T()},b=e=>{let{toastId:n,onOpen:s,updateId:a,children:r}=e.props,i=null==a;e.staleId&&v.delete(e.staleId),v.set(n,e),l=[...l,e.props.toastId].filter(t=>t!==e.staleId),T(),o(y(e,i?"added":"updated")),i&&u(s)&&s((0,react.isValidElement)(r)&&r.props)};return{id:e,props:g,observe:e=>(h.add(e),()=>h.delete(e)),toggle:(e,t)=>{v.forEach(n=>{null!=t&&t!==n.props.toastId||u(n.toggle)&&n.toggle(e)})},removeToast:E,toasts:v,clearQueue:()=>{r-=i.length,i=[]},buildToast:(n,l)=>{var w,k;if((t=>{let{containerId:n,toastId:o,updateId:s}=t,r=v.has(o)&&null==s;return(n?n!==e:1!==e)||r})(l))return;let{toastId:f,updateId:h,data:I,staleId:_,delay:C}=l,L=()=>{E(f)},N=null==h;N&&r++;let $={...g,style:g.toastStyle,key:s++,...Object.fromEntries(Object.entries(l).filter(e=>{let[t,n]=e;return null!=n})),toastId:f,updateId:h,data:I,closeToast:L,isIn:!1,className:p(l.className||g.toastClassName),bodyClassName:p(l.bodyClassName||g.bodyClassName),progressClassName:p(l.progressClassName||g.progressClassName),autoClose:!l.isLoading&&(w=l.autoClose,k=g.autoClose,!1===w||c(w)&&w>0?w:k),deleteToast(){let e=v.get(f),{onClose:n,children:s}=e.props;u(n)&&n((0,react.isValidElement)(s)&&s.props),o(y(e,"removed")),v.delete(f),--r<0&&(r=0),i.length>0?b(i.shift()):T()}};$.closeButton=g.closeButton,!1===l.closeButton||m(l.closeButton)?$.closeButton=l.closeButton:!0===l.closeButton&&($.closeButton=!m(g.closeButton)||g.closeButton);let P=n;(0,react.isValidElement)(n)&&!d(n.type)?P=(0,react.cloneElement)(n,{closeToast:L,toastProps:$,data:I}):u(n)&&(P=n({closeToast:L,toastProps:$,data:I}));let M={content:P,props:$,staleId:_};g.limit&&g.limit>0&&r>g.limit&&N?i.push(M):c(C)?setTimeout(()=>{b(M)},C):b(M)},setProps(e){g=e},setToggle:(e,t)=>{v.get(e).toggle=t},isToastActive:e=>l.some(t=>t===e),getSnapshot:()=>g.newestOnTop?f.reverse():f}}(n,e,E);v.set(n,s);let r=s.observe(o);return h.forEach(e=>_(e.content,e.options)),h=[],()=>{r(),v.delete(n)}},setProps(e){var t;null==(t=v.get(n))||t.setProps(e)},getSnapshot(){var e;return null==(e=v.get(n))?void 0:e.getSnapshot()}}}(e)).current;i(e);let l=(0,react.useSyncExternalStore)(o,s,s);return{getToastToRender:function(e){if(!l)return[];let t=new Map;return l.forEach(e=>{let{position:n}=e.props;t.has(n)||t.set(n,[]),t.get(n).push(e)}),Array.from(t,t=>e(t[0],t[1]))},isToastActive:I,count:null==l?void 0:l.length}}function N(e){var g,y;let[t,o]=(0,react.useState)(!1),[a,r]=(0,react.useState)(!1),l=(0,react.useRef)(null),c=(0,react.useRef)({start:0,delta:0,removalDistance:0,canCloseOnClick:!0,canDrag:!1,didMove:!1}).current,{autoClose:d,pauseOnHover:u,closeToast:p,onClick:m,closeOnClick:f}=e;function h(){o(!0)}function T(){o(!1)}function E(n){let o=l.current;c.canDrag&&o&&(c.didMove=!0,t&&T(),c.delta="x"===e.draggableDirection?n.clientX-c.start:n.clientY-c.start,c.start!==n.clientX&&(c.canCloseOnClick=!1),o.style.transform=`translate3d(${"x"===e.draggableDirection?`${c.delta}px, var(--y)`:`0, calc(${c.delta}px + var(--y))`},0)`,o.style.opacity=""+(1-Math.abs(c.delta/c.removalDistance)))}function b(){document.removeEventListener("pointermove",E),document.removeEventListener("pointerup",b);let t=l.current;if(c.canDrag&&c.didMove&&t){if(c.canDrag=!1,Math.abs(c.delta)>c.removalDistance)return r(!0),e.closeToast(),void e.collapseAll();t.style.transition="transform 0.2s, opacity 0.2s",t.style.removeProperty("transform"),t.style.removeProperty("opacity")}}null==(y=v.get((g={id:e.toastId,containerId:e.containerId,fn:o}).containerId||1))||y.setToggle(g.id,g.fn),(0,react.useEffect)(()=>{if(e.pauseOnFocusLoss)return document.hasFocus()||T(),window.addEventListener("focus",h),window.addEventListener("blur",T),()=>{window.removeEventListener("focus",h),window.removeEventListener("blur",T)}},[e.pauseOnFocusLoss]);let I={onPointerDown:function(t){if(!0===e.draggable||e.draggable===t.pointerType){c.didMove=!1,document.addEventListener("pointermove",E),document.addEventListener("pointerup",b);let n=l.current;c.canCloseOnClick=!0,c.canDrag=!0,n.style.transition="none","x"===e.draggableDirection?(c.start=t.clientX,c.removalDistance=n.offsetWidth*(e.draggablePercent/100)):(c.start=t.clientY,c.removalDistance=n.offsetHeight*(80===e.draggablePercent?1.5*e.draggablePercent:e.draggablePercent)/100)}},onPointerUp:function(t){let{top:n,bottom:o,left:s,right:a}=l.current.getBoundingClientRect();"touchend"!==t.nativeEvent.type&&e.pauseOnHover&&t.clientX>=s&&t.clientX<=a&&t.clientY>=n&&t.clientY<=o?T():h()}};return d&&u&&(I.onMouseEnter=T,e.stacked||(I.onMouseLeave=h)),f&&(I.onClick=e=>{m&&m(e),c.canCloseOnClick&&p()}),{playToast:h,pauseToast:T,isRunning:t,preventExitTransition:a,toastRef:l,eventHandlers:I}}function $(t){let{delay:n,isRunning:o,closeToast:s,type:a="default",hide:r,className:i,style:c,controlledProgress:d,progress:p,rtl:m,isIn:f,theme:g}=t,y=r||d&&0===p,v={...c,animationDuration:`${n}ms`,animationPlayState:o?"running":"paused"};d&&(v.transform=`scaleX(${p})`);let h=dist_clsx("Toastify__progress-bar",d?"Toastify__progress-bar--controlled":"Toastify__progress-bar--animated",`Toastify__progress-bar-theme--${g}`,`Toastify__progress-bar--${a}`,{"Toastify__progress-bar--rtl":m}),T=u(i)?i({rtl:m,type:a,defaultClassName:h}):dist_clsx(h,i);return react.createElement("div",{className:"Toastify__progress-bar--wrp","data-hidden":y},react.createElement("div",{className:`Toastify__progress-bar--bg Toastify__progress-bar-theme--${g} Toastify__progress-bar--${a}`}),react.createElement("div",{role:"progressbar","aria-hidden":y?"true":"false","aria-label":"notification timer",className:T,style:v,[d&&p>=1?"onTransitionEnd":"onAnimationEnd"]:d&&p<1?null:()=>{f&&s()}}))}let w=1,k=()=>""+w++;function P(e){return e&&(d(e.toastId)||c(e.toastId))?e.toastId:k()}function M(e,t){return _(e,t),t.toastId}function x(e,t){return{...t,type:t&&t.type||e,toastId:P(t)}}function A(e){return(t,n)=>M(t,x(e,n))}function B(e,t){return M(e,x("default",t))}B.loading=(e,t)=>M(e,x("default",{isLoading:!0,autoClose:!1,closeOnClick:!1,closeButton:!1,draggable:!1,...t})),B.promise=function(e,t,n){let o,{pending:s,error:a,success:r}=t;s&&(o=d(s)?B.loading(s,n):B.loading(s.render,{...n,...s}));let i={isLoading:null,autoClose:null,closeOnClick:null,closeButton:null,draggable:null},l=(e,t,s)=>{if(null==t)return void B.dismiss(o);let a={type:e,...i,...n,data:s},r=d(t)?{render:t}:t;return o?B.update(o,{...a,...r}):B(r.render,{...a,...r}),s},c=u(e)?e():e;return c.then(e=>l("success",r,e)).catch(e=>l("error",a,e)),c},B.success=A("success"),B.info=A("info"),B.error=A("error"),B.warning=A("warning"),B.warn=B.warning,B.dark=(e,t)=>M(e,x("default",{theme:"dark",...t})),B.dismiss=function(e){var t,n;b()?null==e||d(t=e)||c(t)?v.forEach(t=>{t.removeToast(e)}):e&&("containerId"in e||"id"in e)&&((null==(n=v.get(e.containerId))?void 0:n.removeToast(e.id))||v.forEach(t=>{t.removeToast(e.id)})):h=h.filter(t=>null!=e&&t.options.toastId!==e)},B.clearWaitingQueue=function(e){void 0===e&&(e={}),v.forEach(t=>{!t.props.limit||e.containerId&&t.id!==e.containerId||t.clearQueue()})},B.isActive=I,B.update=function(e,t){void 0===t&&(t={});let n=((e,t)=>{var n;let{containerId:o}=t;return null==(n=v.get(o||1))?void 0:n.toasts.get(e)})(e,t);if(n){let{props:o,content:s}=n,a={delay:100,...o,...t,toastId:t.toastId||e,updateId:k()};a.toastId!==e&&(a.staleId=e);let r=a.render||s;delete a.render,M(r,a)}},B.done=e=>{B.update(e,{progress:1})},B.onChange=function(e){return T.add(e),()=>{T.delete(e)}},B.play=e=>C(!0,e),B.pause=e=>C(!1,e);let O="undefined"!=typeof window?react.useLayoutEffect:react.useEffect,D=t=>{let{theme:n,type:o,isLoading:s,...a}=t;return react.createElement("svg",{viewBox:"0 0 24 24",width:"100%",height:"100%",fill:"colored"===n?"currentColor":`var(--toastify-icon-color-${o})`,...a})},z={info:function(t){return react.createElement(D,{...t},react.createElement("path",{d:"M12 0a12 12 0 1012 12A12.013 12.013 0 0012 0zm.25 5a1.5 1.5 0 11-1.5 1.5 1.5 1.5 0 011.5-1.5zm2.25 13.5h-4a1 1 0 010-2h.75a.25.25 0 00.25-.25v-4.5a.25.25 0 00-.25-.25h-.75a1 1 0 010-2h1a2 2 0 012 2v4.75a.25.25 0 00.25.25h.75a1 1 0 110 2z"}))},warning:function(t){return react.createElement(D,{...t},react.createElement("path",{d:"M23.32 17.191L15.438 2.184C14.728.833 13.416 0 11.996 0c-1.42 0-2.733.833-3.443 2.184L.533 17.448a4.744 4.744 0 000 4.368C1.243 23.167 2.555 24 3.975 24h16.05C22.22 24 24 22.044 24 19.632c0-.904-.251-1.746-.68-2.44zm-9.622 1.46c0 1.033-.724 1.823-1.698 1.823s-1.698-.79-1.698-1.822v-.043c0-1.028.724-1.822 1.698-1.822s1.698.79 1.698 1.822v.043zm.039-12.285l-.84 8.06c-.057.581-.408.943-.897.943-.49 0-.84-.367-.896-.942l-.84-8.065c-.057-.624.25-1.095.779-1.095h1.91c.528.005.84.476.784 1.1z"}))},success:function(t){return react.createElement(D,{...t},react.createElement("path",{d:"M12 0a12 12 0 1012 12A12.014 12.014 0 0012 0zm6.927 8.2l-6.845 9.289a1.011 1.011 0 01-1.43.188l-4.888-3.908a1 1 0 111.25-1.562l4.076 3.261 6.227-8.451a1 1 0 111.61 1.183z"}))},error:function(t){return react.createElement(D,{...t},react.createElement("path",{d:"M11.983 0a12.206 12.206 0 00-8.51 3.653A11.8 11.8 0 000 12.207 11.779 11.779 0 0011.8 24h.214A12.111 12.111 0 0024 11.791 11.766 11.766 0 0011.983 0zM10.5 16.542a1.476 1.476 0 011.449-1.53h.027a1.527 1.527 0 011.523 1.47 1.475 1.475 0 01-1.449 1.53h-.027a1.529 1.529 0 01-1.523-1.47zM11 12.5v-6a1 1 0 012 0v6a1 1 0 11-2 0z"}))},spinner:function(){return react.createElement("div",{className:"Toastify__spinner"})}},R=n=>{let{isRunning:o,preventExitTransition:s,toastRef:r,eventHandlers:i,playToast:c}=N(n),{closeButton:d,children:p,autoClose:m,onClick:f,type:g,hideProgressBar:y,closeToast:v,transition:h,position:T,className:E,style:b,bodyClassName:I,bodyStyle:_,progressClassName:C,progressStyle:L,updateId:w,role:k,progress:P,rtl:M,toastId:x,deleteToast:A,isIn:B,isLoading:O,closeOnClick:D,theme:R}=n,S=dist_clsx("Toastify__toast",`Toastify__toast-theme--${R}`,`Toastify__toast--${g}`,{"Toastify__toast--rtl":M},{"Toastify__toast--close-on-click":D}),H=u(E)?E({rtl:M,position:T,type:g,defaultClassName:S}):dist_clsx(S,E),F=function(e){let{theme:n,type:o,isLoading:s,icon:r}=e,i=null,l={theme:n,type:o};return!1===r||(u(r)?i=r({...l,isLoading:s}):(0,react.isValidElement)(r)?i=(0,react.cloneElement)(r,l):s?i=z.spinner():o in z&&(i=z[o](l))),i}(n),X=!!P||!m,Y={closeToast:v,type:g,theme:R},q=null;return!1===d||(q=u(d)?d(Y):(0,react.isValidElement)(d)?(0,react.cloneElement)(d,Y):function(t){let{closeToast:n,theme:o,ariaLabel:s="close"}=t;return react.createElement("button",{className:`Toastify__close-button Toastify__close-button--${o}`,type:"button",onClick:e=>{e.stopPropagation(),n(e)},"aria-label":s},react.createElement("svg",{"aria-hidden":"true",viewBox:"0 0 14 16"},react.createElement("path",{fillRule:"evenodd",d:"M7.71 8.23l3.75 3.75-1.48 1.48-3.75-3.75-3.75 3.75L1 11.98l3.75-3.75L1 4.48 2.48 3l3.75 3.75L9.98 3l1.48 1.48-3.75 3.75z"})))}(Y)),react.createElement(h,{isIn:B,done:A,position:T,preventExitTransition:s,nodeRef:r,playToast:c},react.createElement("div",{id:x,onClick:f,"data-in":B,className:H,...i,style:b,ref:r},react.createElement("div",{...B&&{role:k},className:u(I)?I({type:g}):dist_clsx("Toastify__toast-body",I),style:_},null!=F&&react.createElement("div",{className:dist_clsx("Toastify__toast-icon",{"Toastify--animate-icon Toastify__zoom-enter":!O})},F),react.createElement("div",null,p)),q,react.createElement($,{...w&&!X?{key:`pb-${w}`}:{},rtl:M,theme:R,delay:m,isRunning:o,isIn:B,closeToast:v,hide:y,type:g,style:L,className:C,controlledProgress:X,progress:P||0})))},S=function(e,t){return void 0===t&&(t=!1),{enter:`Toastify--animate Toastify__${e}-enter`,exit:`Toastify--animate Toastify__${e}-exit`,appendPosition:t}},H=g(S("bounce",!0)),q=(g(S("slide",!0)),g(S("zoom")),g(S("flip")),{position:"top-right",transition:H,autoClose:5e3,closeButton:!0,pauseOnHover:!0,pauseOnFocusLoss:!0,draggable:"touch",draggablePercent:80,draggableDirection:"x",role:"alert",theme:"light"});function Q(t){let o={...q,...t},s=t.stacked,[a,r]=(0,react.useState)(!0),c=(0,react.useRef)(null),{getToastToRender:d,isToastActive:m,count:f}=L(o),{className:g,style:y,rtl:v,containerId:h}=o;function T(e){let t=dist_clsx("Toastify__toast-container",`Toastify__toast-container--${e}`,{"Toastify__toast-container--rtl":v});return u(g)?g({position:e,rtl:v,defaultClassName:t}):dist_clsx(t,p(g))}function E(){s&&(r(!0),B.play())}return O(()=>{if(s){var e;let t=c.current.querySelectorAll('[data-in="true"]'),s=null==(e=o.position)?void 0:e.includes("top"),r=0,i=0;Array.from(t).reverse().forEach((e,t)=>{e.classList.add("Toastify__toast--stacked"),t>0&&(e.dataset.collapsed=`${a}`),e.dataset.pos||(e.dataset.pos=s?"top":"bot");let l=r*(a?.2:1)+(a?0:12*t);e.style.setProperty("--y",`${s?l:-1*l}px`),e.style.setProperty("--g","12"),e.style.setProperty("--s",""+(1-(a?i:0))),r+=e.offsetHeight,i+=.025})}},[a,f,s]),react.createElement("div",{ref:c,className:"Toastify",id:h,onMouseEnter:()=>{s&&(r(!1),B.pause())},onMouseLeave:E},d((t,n)=>{let o=n.length?{...y}:{...y,pointerEvents:"none"};return react.createElement("div",{className:T(t),style:o,key:`container-${t}`},n.map(t=>{let{content:n,props:o}=t;return react.createElement(R,{...o,stacked:s,collapseAll:E,isIn:m(o.toastId,o.containerId),style:o.style,key:`toast-${o.key}`},n)}))}))}var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");let ToastContext=(0,react.createContext)(void 0);function ToastProvider(_ref){let{children}=_ref;return(0,jsx_runtime.jsxs)(ToastContext.Provider,{value:void 0,children:[(0,jsx_runtime.jsx)(Q,{position:"top-center",autoClose:3e3,bodyClassName:"toast__body",toastClassName:"toast",pauseOnHover:!1,closeButton:!1,hideProgressBar:!0}),children]})}try{ToastProvider.displayName="ToastProvider",ToastProvider.__docgenInfo={description:"",displayName:"ToastProvider",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Toast/ToastProvider.tsx#ToastProvider"]={docgenInfo:ToastProvider.__docgenInfo,name:"ToastProvider",path:"src/Presentation/ui-components/Toast/ToastProvider.tsx#ToastProvider"})}catch(__react_docgen_typescript_loader_error){}var Button=__webpack_require__("./src/Presentation/ui-components/Button/Button.tsx");let Toast_stories={title:"@quickblox-react-ui-kit/Presentation/ui-components/Toast",component:ToastProvider,tags:["autodocs"],parameters:{layout:"centered"},args:{children:void 0},argTypes:{children:{table:{defaultValue:{summary:"ReactNode"},type:{summary:"ReactNode"}},description:"Children"}}};function ToastExample(){return(0,jsx_runtime.jsx)(ToastProvider,{children:(0,jsx_runtime.jsx)(Button.Z,{onClick:()=>{B("Toast message",{position:"top-center",autoClose:5e3})},children:"Children"})})}let ToastDefault={render:()=>(0,jsx_runtime.jsx)(ToastExample,{})};ToastDefault.parameters={...ToastDefault.parameters,docs:{...ToastDefault.parameters?.docs,source:{originalSource:"{\n render: () => <ToastExample />\n}",...ToastDefault.parameters?.docs?.source}}};let __namedExportsOrder=["ToastDefault"]},"./src/Presentation/ui-components/Button/Button.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>Button_Button});var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),Loader=__webpack_require__("./src/Presentation/ui-components/Loader/Loader.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Button_Button(_ref){let{variant="default",className,disabled=!1,loading=!1,children,...rest}=_ref;return(0,jsx_runtime.jsx)("button",{className:classnames_default()("button","button--".concat(variant),{"button--disabled":disabled},className),disabled:disabled||loading,...rest,children:loading&&!disabled?(0,jsx_runtime.jsx)(Loader.Z,{className:classnames_default()("button__loader","button__loader--".concat(variant))}):children})}try{Button_Button.displayName="Button",Button_Button.__docgenInfo={description:"",displayName:"Button",props:{variant:{defaultValue:{value:"default"},description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"text"'},{value:'"default"'},{value:'"outlined"'},{value:'"danger"'}]}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},loading:{defaultValue:{value:"false"},description:"",name:"loading",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Button/Button.tsx#Button"]={docgenInfo:Button_Button.__docgenInfo,name:"Button",path:"src/Presentation/ui-components/Button/Button.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}},"./src/Presentation/ui-components/Loader/Loader.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>Loader_Loader});var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Loader_Loader(_ref){let{className,size="md"}=_ref;return(0,jsx_runtime.jsx)(icons.t$,{className:classnames_default()("loader",size&&"loader--".concat(size),className)})}try{Loader_Loader.displayName="Loader",Loader_Loader.__docgenInfo={description:"",displayName:"Loader",props:{size:{defaultValue:{value:"md"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"sm"'},{value:'"md"'},{value:'"lg"'}]}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Loader/Loader.tsx#Loader"]={docgenInfo:Loader_Loader.__docgenInfo,name:"Loader",path:"src/Presentation/ui-components/Loader/Loader.tsx#Loader"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/classnames/index.js":(module,exports)=>{var __WEBPACK_AMD_DEFINE_RESULT__;/*!
2
+ Copyright (c) 2018 Jed Watson.
3
+ Licensed under the MIT License (MIT), see
4
+ http://jedwatson.github.io/classnames
5
+ */!function(){"use strict";var hasOwn={}.hasOwnProperty;function classNames(){for(var classes=[],i=0;i<arguments.length;i++){var arg=arguments[i];if(arg){var argType=typeof arg;if("string"===argType||"number"===argType)classes.push(arg);else if(Array.isArray(arg)){if(arg.length){var inner=classNames.apply(null,arg);inner&&classes.push(inner)}}else if("object"===argType){if(arg.toString!==Object.prototype.toString&&!arg.toString.toString().includes("[native code]")){classes.push(arg.toString());continue}for(var key in arg)hasOwn.call(arg,key)&&arg[key]&&classes.push(key)}}}return classes.join(" ")}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/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";/**
6
+ * @license React
7
+ * react-jsx-runtime.production.min.js
8
+ *
9
+ * Copyright (c) Facebook, Inc. and its affiliates.
10
+ *
11
+ * This source code is licensed under the MIT license found in the
12
+ * LICENSE file in the root directory of this source tree.
13
+ */var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
14
+ //# sourceMappingURL=Presentation-ui-components-Toast-Toast-stories.b903385b.iframe.bundle.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Presentation-ui-components-Toast-Toast-stories.b903385b.iframe.bundle.js","mappings":";;;;AAIA;;;;;;;;ACIA","sources":["webpack://quickblox-react-ui-kit/./node_modules/classnames/index.js","webpack://quickblox-react-ui-kit/./node_modules/react/cjs/react-jsx-runtime.production.min.js"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\tvar nativeCodeString = '[native code]';\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","/**\n * @license React\n * react-jsx-runtime.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';var f=require(\"react\"),k=Symbol.for(\"react.element\"),l=Symbol.for(\"react.fragment\"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};\nfunction q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=\"\"+g);void 0!==a.key&&(e=\"\"+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l;exports.jsx=q;exports.jsxs=q;\n"],"names":[],"sourceRoot":""}
@@ -1 +1,14 @@
1
- "use strict";(self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[968],{"./src/Presentation/ui-components/UserListItem/UserListItem.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{UserList:()=>UserList,UserListItemDefault:()=>UserListItemDefault,__namedExportsOrder:()=>__namedExportsOrder,default:()=>UserListItem_stories});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),Avatar=__webpack_require__("./src/Presentation/ui-components/Avatar/Avatar.tsx"),CheckBox=__webpack_require__("./src/Presentation/ui-components/CheckBox/CheckBox.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function UserListItem_UserListItem(_ref){let{avatarUrl,userName,checked=!1,disabled=!1,onChange,className}=_ref;return(0,jsx_runtime.jsxs)("div",{className:classnames_default()("user-list-item",{"user-list-item--disabled":disabled},className),children:[(0,jsx_runtime.jsxs)("div",{className:"user-list-item__avatar",children:[(0,jsx_runtime.jsx)(Avatar.Z,{src:avatarUrl}),(0,jsx_runtime.jsx)("span",{className:"user-list-item__name",children:userName})]}),onChange&&(0,jsx_runtime.jsx)(CheckBox.Z,{onChange:onChange,disabled:disabled,checked:checked})]})}try{UserListItem_UserListItem.displayName="UserListItem",UserListItem_UserListItem.__docgenInfo={description:"",displayName:"UserListItem",props:{userName:{defaultValue:null,description:"",name:"userName",required:!0,type:{name:"string"}},avatarUrl:{defaultValue:null,description:"",name:"avatarUrl",required:!1,type:{name:"string"}},checked:{defaultValue:{value:"false"},description:"",name:"checked",required:!1,type:{name:"boolean"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((checked: boolean) => void)"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/UserListItem/UserListItem.tsx#UserListItem"]={docgenInfo:UserListItem_UserListItem.__docgenInfo,name:"UserListItem",path:"src/Presentation/ui-components/UserListItem/UserListItem.tsx#UserListItem"})}catch(__react_docgen_typescript_loader_error){}var icons=__webpack_require__("./src/Presentation/icons/index.ts");function LoaderComponent_LoaderComponent(){let theme=arguments.length>0&&void 0!==arguments[0]?arguments[0]:void 0,loaderStyles=theme?{animation:"spin 1s linear infinite",svg:{path:{fill:null!=theme&&theme.color?null==theme?void 0:theme.color:""}},minWidth:null==theme?void 0:theme.width,minHeight:null==theme?void 0:theme.height,Loader:{fill:null!=theme&&theme.color?null==theme?void 0:theme.color:""},fill:null!=theme&&theme.color?null==theme?void 0:theme.color:""}:{},loaderClasses=[theme&&Object.keys(theme).length>0?"":"loader"].join(" ");return(0,jsx_runtime.jsx)("div",{style:loaderStyles,className:loaderClasses,children:(0,jsx_runtime.jsx)(icons.t$,{className:"loader"})})}try{LoaderComponent_LoaderComponent.displayName="LoaderComponent",LoaderComponent_LoaderComponent.__docgenInfo={description:"",displayName:"LoaderComponent",props:{color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"string"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"string"}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"string"}},applyZoom:{defaultValue:null,description:"",name:"applyZoom",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/components/UI/Placeholders/LoaderComponent/LoaderComponent.tsx#LoaderComponent"]={docgenInfo:LoaderComponent_LoaderComponent.__docgenInfo,name:"LoaderComponent",path:"src/Presentation/components/UI/Placeholders/LoaderComponent/LoaderComponent.tsx#LoaderComponent"})}catch(__react_docgen_typescript_loader_error){}function ScrollableContainer_ScrollableContainer(props){let{className,rootStyles,mainContainerStyles,data,ListEmptyComponent,onEndReached,onEndReachedThreshold,refreshing,autoScrollToBottom,renderItem}=props,container=(0,react.useRef)(null),messageEndRef=(0,react.useRef)(null),scrollToBottom=()=>{var _messageEndRef$curren;console.log("call scrollToBottom start"),autoScrollToBottom&&(null===(_messageEndRef$curren=messageEndRef.current)||void 0===_messageEndRef$curren||_messageEndRef$curren.scrollIntoView({behavior:"smooth"}))};return(0,react.useEffect)(()=>{console.log("useEffect []"),autoScrollToBottom&&scrollToBottom()},[]),(0,react.useEffect)(()=>{console.log("useEffect messages"),autoScrollToBottom&&scrollToBottom()},[data.length]),console.log("çount items to scroll:",data.length),console.log("data to scrolling: ",JSON.stringify(data)),(0,jsx_runtime.jsxs)("div",{style:rootStyles,className:classnames_default()("list",className),children:[refreshing&&(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsx)(LoaderComponent_LoaderComponent,{width:"44",height:"44",color:"var(--color-background-info)"})}),data&&data.length?(0,jsx_runtime.jsxs)("div",{style:mainContainerStyles,className:"list-content",onScroll:()=>{if(console.log("call scrollHandler"),container.current){let{scrollHeight,clientHeight,scrollTop}=container.current,scrollOffset=(scrollTop+clientHeight)/scrollHeight,endReached=!1;"number"==typeof onEndReachedThreshold?scrollOffset>=onEndReachedThreshold&&(endReached=!0):scrollOffset>=.99&&(endReached=!0),endReached&&onEndReached&&onEndReached()}},ref:container,children:[data.map((it,index)=>renderItem(it,index)),(0,jsx_runtime.jsx)("div",{style:{float:"left",clear:"both"},ref:messageEndRef})]}):!refreshing&&ListEmptyComponent&&(0,jsx_runtime.jsx)(ListEmptyComponent,{})]})}try{ScrollableContainer_ScrollableContainer.displayName="ScrollableContainer",ScrollableContainer_ScrollableContainer.__docgenInfo={description:"",displayName:"ScrollableContainer",props:{className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},rootStyles:{defaultValue:null,description:"",name:"rootStyles",required:!1,type:{name:"CSSProperties"}},mainContainerStyles:{defaultValue:null,description:"",name:"mainContainerStyles",required:!1,type:{name:"CSSProperties"}},data:{defaultValue:null,description:"",name:"data",required:!0,type:{name:"T[]"}},ListEmptyComponent:{defaultValue:null,description:"",name:"ListEmptyComponent",required:!1,type:{name:"ComponentClass<{}, any> | FunctionComponent<{}>"}},onEndReached:{defaultValue:null,description:"",name:"onEndReached",required:!1,type:{name:"VoidFunction"}},onEndReachedThreshold:{defaultValue:null,description:"",name:"onEndReachedThreshold",required:!1,type:{name:"number"}},refreshing:{defaultValue:null,description:"",name:"refreshing",required:!1,type:{name:"boolean"}},autoScrollToBottom:{defaultValue:null,description:"",name:"autoScrollToBottom",required:!1,type:{name:"boolean"}},renderItem:{defaultValue:null,description:"",name:"renderItem",required:!0,type:{name:"(item: T, index: number) => ReactElement<any, string | JSXElementConstructor<any>> | null"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/components/containers/ScrollableContainer/ScrollableContainer.tsx#ScrollableContainer"]={docgenInfo:ScrollableContainer_ScrollableContainer.__docgenInfo,name:"ScrollableContainer",path:"src/Presentation/components/containers/ScrollableContainer/ScrollableContainer.tsx#ScrollableContainer"})}catch(__react_docgen_typescript_loader_error){}let UserListItem_stories={title:"@quickblox-react-ui-kit/Presentation/ui-components/UserListItem",component:UserListItem_UserListItem,tags:["autodocs"],parameters:{layout:"centered"},args:{className:"",disabled:!1,checked:!1,userName:"",avatarUrl:""},argTypes:{avatarUrl:{table:{type:{summary:"url"}},description:"Avatar image source"},userName:{table:{type:{summary:"string"},defaultValue:{summary:""}},description:"User name"},disabled:{table:{type:{summary:"boolean"},defaultValue:{summary:!1}},description:"Active"},checked:{table:{type:{summary:"boolean"},defaultValue:{summary:!1}},description:"Checkbox"},onChange:{table:{defaultValue:{summary:"(checked: boolean) => void"},type:{summary:"function"}},description:"Checkbox control"},className:{table:{defaultValue:{summary:"string"},type:{summary:"string"}},description:"Additional classes"}}};function UserListExample(){let[users,setUser]=(0,react.useState)([{name:"User 1",id:0,checked:!0},{name:"User 2",id:1,checked:!1},{name:"User 3",id:2,checked:!1},{name:"User 4",id:3,checked:!0},{name:"User 5",id:4,checked:!0}]);return(0,jsx_runtime.jsx)(ScrollableContainer_ScrollableContainer,{data:users,renderItem:user=>(0,jsx_runtime.jsx)(UserListItem_UserListItem,{userName:user.name,checked:user.checked,onChange:value=>{setUser(prevUsers=>prevUsers.map(prevUser=>prevUser.id===user.id?{...prevUser,checked:value}:prevUser))}}),onEndReachedThreshold:.8,refreshing:!1})}let UserListItemDefault={name:"UserListItem Default",args:{userName:"User name"}},UserList={name:"UserListItem Multiple",render:()=>(0,jsx_runtime.jsx)(UserListExample,{})};UserListItemDefault.parameters={...UserListItemDefault.parameters,docs:{...UserListItemDefault.parameters?.docs,source:{originalSource:"{\n name: 'UserListItem Default',\n args: {\n userName: 'User name'\n }\n}",...UserListItemDefault.parameters?.docs?.source}}},UserList.parameters={...UserList.parameters,docs:{...UserList.parameters?.docs,source:{originalSource:"{\n name: 'UserListItem Multiple',\n render: () => <UserListExample />\n}",...UserList.parameters?.docs?.source}}};let __namedExportsOrder=["UserListItemDefault","UserList"]},"./src/Presentation/ui-components/Avatar/Avatar.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>Avatar_Avatar});var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Avatar_Avatar(_ref){let{icon=(0,jsx_runtime.jsx)(icons.vw,{}),size="md",className,src}=_ref;return src?(0,jsx_runtime.jsx)("div",{className:classnames_default()("avatar","avatar--".concat(size),className),children:(0,jsx_runtime.jsx)("img",{src:src,className:"avatar__image",alt:"Avatar"})}):(0,jsx_runtime.jsx)("div",{className:classnames_default()("avatar","avatar--".concat(size),className),children:icon})}try{Avatar_Avatar.displayName="Avatar",Avatar_Avatar.__docgenInfo={description:"",displayName:"Avatar",props:{size:{defaultValue:{value:"md"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"sm"'},{value:'"md"'},{value:'"lg"'},{value:'"xl"'},{value:'"xxl"'}]}},icon:{defaultValue:{value:"<UserSvg />"},description:"",name:"icon",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},src:{defaultValue:null,description:"",name:"src",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Avatar/Avatar.tsx#Avatar"]={docgenInfo:Avatar_Avatar.__docgenInfo,name:"Avatar",path:"src/Presentation/ui-components/Avatar/Avatar.tsx#Avatar"})}catch(__react_docgen_typescript_loader_error){}},"./src/Presentation/ui-components/CheckBox/CheckBox.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>CheckBox_CheckBox});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function CheckBox_CheckBox(_ref){let{disabled,checked,onChange}=_ref;return(0,jsx_runtime.jsx)("input",{className:"checkbox",type:"checkbox",checked:checked,disabled:disabled,onChange:()=>null==onChange?void 0:onChange(!checked)})}try{CheckBox_CheckBox.displayName="CheckBox",CheckBox_CheckBox.__docgenInfo={description:"",displayName:"CheckBox",props:{disabled:{defaultValue:null,description:"",name:"disabled",required:!0,type:{name:"boolean"}},checked:{defaultValue:null,description:"",name:"checked",required:!0,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((isSelected: boolean) => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/CheckBox/CheckBox.tsx#CheckBox"]={docgenInfo:CheckBox_CheckBox.__docgenInfo,name:"CheckBox",path:"src/Presentation/ui-components/CheckBox/CheckBox.tsx#CheckBox"})}catch(__react_docgen_typescript_loader_error){}}}]);
1
+ (self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[968],{"./src/Presentation/ui-components/UserListItem/UserListItem.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{UserList:()=>UserList,UserListItemDefault:()=>UserListItemDefault,__namedExportsOrder:()=>__namedExportsOrder,default:()=>UserListItem_stories});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),Avatar=__webpack_require__("./src/Presentation/ui-components/Avatar/Avatar.tsx"),CheckBox=__webpack_require__("./src/Presentation/ui-components/CheckBox/CheckBox.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function UserListItem_UserListItem(_ref){let{avatarUrl,userName,checked=!1,disabled=!1,onChange,className}=_ref;return(0,jsx_runtime.jsxs)("div",{className:classnames_default()("user-list-item",{"user-list-item--disabled":disabled},className),children:[(0,jsx_runtime.jsxs)("div",{className:"user-list-item__avatar",children:[(0,jsx_runtime.jsx)(Avatar.Z,{src:avatarUrl}),(0,jsx_runtime.jsx)("span",{className:"user-list-item__name",children:userName})]}),onChange&&(0,jsx_runtime.jsx)(CheckBox.Z,{onChange:onChange,disabled:disabled,checked:checked})]})}try{UserListItem_UserListItem.displayName="UserListItem",UserListItem_UserListItem.__docgenInfo={description:"",displayName:"UserListItem",props:{userName:{defaultValue:null,description:"",name:"userName",required:!0,type:{name:"string"}},avatarUrl:{defaultValue:null,description:"",name:"avatarUrl",required:!1,type:{name:"string"}},checked:{defaultValue:{value:"false"},description:"",name:"checked",required:!1,type:{name:"boolean"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((checked: boolean) => void)"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/UserListItem/UserListItem.tsx#UserListItem"]={docgenInfo:UserListItem_UserListItem.__docgenInfo,name:"UserListItem",path:"src/Presentation/ui-components/UserListItem/UserListItem.tsx#UserListItem"})}catch(__react_docgen_typescript_loader_error){}var icons=__webpack_require__("./src/Presentation/icons/index.ts");function LoaderComponent_LoaderComponent(){let theme=arguments.length>0&&void 0!==arguments[0]?arguments[0]:void 0,loaderStyles=theme?{animation:"spin 1s linear infinite",svg:{path:{fill:null!=theme&&theme.color?null==theme?void 0:theme.color:""}},minWidth:null==theme?void 0:theme.width,minHeight:null==theme?void 0:theme.height,Loader:{fill:null!=theme&&theme.color?null==theme?void 0:theme.color:""},fill:null!=theme&&theme.color?null==theme?void 0:theme.color:""}:{},loaderClasses=[theme&&Object.keys(theme).length>0?"":"loader"].join(" ");return(0,jsx_runtime.jsx)("div",{style:loaderStyles,className:loaderClasses,children:(0,jsx_runtime.jsx)(icons.t$,{className:"loader"})})}try{LoaderComponent_LoaderComponent.displayName="LoaderComponent",LoaderComponent_LoaderComponent.__docgenInfo={description:"",displayName:"LoaderComponent",props:{color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"string"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"string"}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"string"}},applyZoom:{defaultValue:null,description:"",name:"applyZoom",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/components/UI/Placeholders/LoaderComponent/LoaderComponent.tsx#LoaderComponent"]={docgenInfo:LoaderComponent_LoaderComponent.__docgenInfo,name:"LoaderComponent",path:"src/Presentation/components/UI/Placeholders/LoaderComponent/LoaderComponent.tsx#LoaderComponent"})}catch(__react_docgen_typescript_loader_error){}function ScrollableContainer_ScrollableContainer(props){let{className,rootStyles,mainContainerStyles,data,ListEmptyComponent,onEndReached,onEndReachedThreshold,refreshing,autoScrollToBottom,renderItem}=props,container=(0,react.useRef)(null),messageEndRef=(0,react.useRef)(null),scrollToBottom=()=>{var _messageEndRef$curren;console.log("call scrollToBottom start"),autoScrollToBottom&&(null===(_messageEndRef$curren=messageEndRef.current)||void 0===_messageEndRef$curren||_messageEndRef$curren.scrollIntoView({behavior:"smooth"}))};return(0,react.useEffect)(()=>{console.log("useEffect []"),autoScrollToBottom&&scrollToBottom()},[]),(0,react.useEffect)(()=>{console.log("useEffect messages"),autoScrollToBottom&&scrollToBottom()},[data.length]),console.log("çount items to scroll:",data.length),console.log("data to scrolling: ",JSON.stringify(data)),(0,jsx_runtime.jsxs)("div",{style:rootStyles,className:classnames_default()("list",className),children:[refreshing&&(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsx)(LoaderComponent_LoaderComponent,{width:"44",height:"44",color:"var(--color-background-info)"})}),data&&data.length?(0,jsx_runtime.jsxs)("div",{style:mainContainerStyles,className:"list-content",onScroll:()=>{if(console.log("call scrollHandler"),container.current){let{scrollHeight,clientHeight,scrollTop}=container.current,scrollOffset=(scrollTop+clientHeight)/scrollHeight,endReached=!1;"number"==typeof onEndReachedThreshold?scrollOffset>=onEndReachedThreshold&&(endReached=!0):scrollOffset>=.99&&(endReached=!0),endReached&&onEndReached&&onEndReached()}},ref:container,children:[data.map((it,index)=>renderItem(it,index)),(0,jsx_runtime.jsx)("div",{style:{float:"left",clear:"both"},ref:messageEndRef})]}):!refreshing&&ListEmptyComponent&&(0,jsx_runtime.jsx)(ListEmptyComponent,{})]})}try{ScrollableContainer_ScrollableContainer.displayName="ScrollableContainer",ScrollableContainer_ScrollableContainer.__docgenInfo={description:"",displayName:"ScrollableContainer",props:{className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},rootStyles:{defaultValue:null,description:"",name:"rootStyles",required:!1,type:{name:"CSSProperties"}},mainContainerStyles:{defaultValue:null,description:"",name:"mainContainerStyles",required:!1,type:{name:"CSSProperties"}},data:{defaultValue:null,description:"",name:"data",required:!0,type:{name:"T[]"}},ListEmptyComponent:{defaultValue:null,description:"",name:"ListEmptyComponent",required:!1,type:{name:"ComponentClass<{}, any> | FunctionComponent<{}>"}},onEndReached:{defaultValue:null,description:"",name:"onEndReached",required:!1,type:{name:"VoidFunction"}},onEndReachedThreshold:{defaultValue:null,description:"",name:"onEndReachedThreshold",required:!1,type:{name:"number"}},refreshing:{defaultValue:null,description:"",name:"refreshing",required:!1,type:{name:"boolean"}},autoScrollToBottom:{defaultValue:null,description:"",name:"autoScrollToBottom",required:!1,type:{name:"boolean"}},renderItem:{defaultValue:null,description:"",name:"renderItem",required:!0,type:{name:"(item: T, index: number) => ReactElement<any, string | JSXElementConstructor<any>> | null"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/components/containers/ScrollableContainer/ScrollableContainer.tsx#ScrollableContainer"]={docgenInfo:ScrollableContainer_ScrollableContainer.__docgenInfo,name:"ScrollableContainer",path:"src/Presentation/components/containers/ScrollableContainer/ScrollableContainer.tsx#ScrollableContainer"})}catch(__react_docgen_typescript_loader_error){}let UserListItem_stories={title:"@quickblox-react-ui-kit/Presentation/ui-components/UserListItem",component:UserListItem_UserListItem,tags:["autodocs"],parameters:{layout:"centered"},args:{className:"",disabled:!1,checked:!1,userName:"",avatarUrl:""},argTypes:{avatarUrl:{table:{type:{summary:"url"}},description:"Avatar image source"},userName:{table:{type:{summary:"string"},defaultValue:{summary:""}},description:"User name"},disabled:{table:{type:{summary:"boolean"},defaultValue:{summary:!1}},description:"Active"},checked:{table:{type:{summary:"boolean"},defaultValue:{summary:!1}},description:"Checkbox"},onChange:{table:{defaultValue:{summary:"(checked: boolean) => void"},type:{summary:"function"}},description:"Checkbox control"},className:{table:{defaultValue:{summary:"string"},type:{summary:"string"}},description:"Additional classes"}}};function UserListExample(){let[users,setUser]=(0,react.useState)([{name:"User 1",id:0,checked:!0},{name:"User 2",id:1,checked:!1},{name:"User 3",id:2,checked:!1},{name:"User 4",id:3,checked:!0},{name:"User 5",id:4,checked:!0}]);return(0,jsx_runtime.jsx)(ScrollableContainer_ScrollableContainer,{data:users,renderItem:user=>(0,jsx_runtime.jsx)(UserListItem_UserListItem,{userName:user.name,checked:user.checked,onChange:value=>{setUser(prevUsers=>prevUsers.map(prevUser=>prevUser.id===user.id?{...prevUser,checked:value}:prevUser))}}),onEndReachedThreshold:.8,refreshing:!1})}let UserListItemDefault={name:"UserListItem Default",args:{userName:"User name"}},UserList={name:"UserListItem Multiple",render:()=>(0,jsx_runtime.jsx)(UserListExample,{})};UserListItemDefault.parameters={...UserListItemDefault.parameters,docs:{...UserListItemDefault.parameters?.docs,source:{originalSource:"{\n name: 'UserListItem Default',\n args: {\n userName: 'User name'\n }\n}",...UserListItemDefault.parameters?.docs?.source}}},UserList.parameters={...UserList.parameters,docs:{...UserList.parameters?.docs,source:{originalSource:"{\n name: 'UserListItem Multiple',\n render: () => <UserListExample />\n}",...UserList.parameters?.docs?.source}}};let __namedExportsOrder=["UserListItemDefault","UserList"]},"./src/Presentation/ui-components/Avatar/Avatar.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>Avatar_Avatar});var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Avatar_Avatar(_ref){let{icon=(0,jsx_runtime.jsx)(icons.vw,{}),size="md",className,src}=_ref;return src?(0,jsx_runtime.jsx)("div",{className:classnames_default()("avatar","avatar--".concat(size),className),children:(0,jsx_runtime.jsx)("img",{src:src,className:"avatar__image",alt:"Avatar"})}):(0,jsx_runtime.jsx)("div",{className:classnames_default()("avatar","avatar--".concat(size),className),children:icon})}try{Avatar_Avatar.displayName="Avatar",Avatar_Avatar.__docgenInfo={description:"",displayName:"Avatar",props:{size:{defaultValue:{value:"md"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"sm"'},{value:'"md"'},{value:'"lg"'},{value:'"xl"'},{value:'"xxl"'}]}},icon:{defaultValue:{value:"<UserSvg />"},description:"",name:"icon",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},src:{defaultValue:null,description:"",name:"src",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Avatar/Avatar.tsx#Avatar"]={docgenInfo:Avatar_Avatar.__docgenInfo,name:"Avatar",path:"src/Presentation/ui-components/Avatar/Avatar.tsx#Avatar"})}catch(__react_docgen_typescript_loader_error){}},"./src/Presentation/ui-components/CheckBox/CheckBox.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>CheckBox_CheckBox});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function CheckBox_CheckBox(_ref){let{disabled,checked,onChange}=_ref;return(0,jsx_runtime.jsx)("input",{className:"checkbox",type:"checkbox",checked:checked,disabled:disabled,onChange:()=>null==onChange?void 0:onChange(!checked)})}try{CheckBox_CheckBox.displayName="CheckBox",CheckBox_CheckBox.__docgenInfo={description:"",displayName:"CheckBox",props:{disabled:{defaultValue:null,description:"",name:"disabled",required:!0,type:{name:"boolean"}},checked:{defaultValue:null,description:"",name:"checked",required:!0,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((isSelected: boolean) => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/CheckBox/CheckBox.tsx#CheckBox"]={docgenInfo:CheckBox_CheckBox.__docgenInfo,name:"CheckBox",path:"src/Presentation/ui-components/CheckBox/CheckBox.tsx#CheckBox"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/classnames/index.js":(module,exports)=>{var __WEBPACK_AMD_DEFINE_RESULT__;/*!
2
+ Copyright (c) 2018 Jed Watson.
3
+ Licensed under the MIT License (MIT), see
4
+ http://jedwatson.github.io/classnames
5
+ */!function(){"use strict";var hasOwn={}.hasOwnProperty;function classNames(){for(var classes=[],i=0;i<arguments.length;i++){var arg=arguments[i];if(arg){var argType=typeof arg;if("string"===argType||"number"===argType)classes.push(arg);else if(Array.isArray(arg)){if(arg.length){var inner=classNames.apply(null,arg);inner&&classes.push(inner)}}else if("object"===argType){if(arg.toString!==Object.prototype.toString&&!arg.toString.toString().includes("[native code]")){classes.push(arg.toString());continue}for(var key in arg)hasOwn.call(arg,key)&&arg[key]&&classes.push(key)}}}return classes.join(" ")}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/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";/**
6
+ * @license React
7
+ * react-jsx-runtime.production.min.js
8
+ *
9
+ * Copyright (c) Facebook, Inc. and its affiliates.
10
+ *
11
+ * This source code is licensed under the MIT license found in the
12
+ * LICENSE file in the root directory of this source tree.
13
+ */var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
14
+ //# sourceMappingURL=Presentation-ui-components-UserListItem-UserListItem-stories.8781472b.iframe.bundle.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Presentation-ui-components-UserListItem-UserListItem-stories.8781472b.iframe.bundle.js","mappings":";;;;AAIA;;;;;;;;ACIA","sources":["webpack://quickblox-react-ui-kit/./node_modules/classnames/index.js","webpack://quickblox-react-ui-kit/./node_modules/react/cjs/react-jsx-runtime.production.min.js"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\tvar nativeCodeString = '[native code]';\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","/**\n * @license React\n * react-jsx-runtime.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';var f=require(\"react\"),k=Symbol.for(\"react.element\"),l=Symbol.for(\"react.fragment\"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};\nfunction q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=\"\"+g);void 0!==a.key&&(e=\"\"+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l;exports.jsx=q;exports.jsxs=q;\n"],"names":[],"sourceRoot":""}
@@ -348,8 +348,8 @@
348
348
  window['DOCS_OPTIONS'] = {"defaultName":"Docs","autodocs":"tag"};</script><script type="module">import './sb-preview/runtime.js';
349
349
 
350
350
 
351
- import './runtime~main.7ee2126e.iframe.bundle.js';
351
+ import './runtime~main.af13ca55.iframe.bundle.js';
352
352
 
353
353
  import './926.f5308089.iframe.bundle.js';
354
354
 
355
- import './main.597d432b.iframe.bundle.js';</script></body></html>
355
+ import './main.2f6d7582.iframe.bundle.js';</script></body></html>
@@ -1 +1 @@
1
- (self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[179],{"./node_modules/@storybook/addon-interactions/dist sync recursive":module=>{function webpackEmptyContext(req){var e=Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}webpackEmptyContext.keys=()=>[],webpackEmptyContext.resolve=webpackEmptyContext,webpackEmptyContext.id="./node_modules/@storybook/addon-interactions/dist sync recursive",module.exports=webpackEmptyContext},"./storybook-config-entry.js":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var external_STORYBOOK_MODULE_GLOBAL_=__webpack_require__("@storybook/global"),external_STORYBOOK_MODULE_PREVIEW_API_=__webpack_require__("@storybook/preview-api"),external_STORYBOOK_MODULE_CHANNELS_=__webpack_require__("@storybook/channels");let pipeline=x=>x(),importers=[async path=>{if(!/^\.[\\/](?:src(?:\/(?!\.)(?:(?:(?!(?:^|\/)\.).)*?)\/|\/|$)(?!\.)(?=.)[^/]*?\.mdx)$/.exec(path))return;let pathRemainder=path.substring(6);return __webpack_require__("./src lazy recursive ^\\.\\/.*$ include: (?:\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.mdx)$")("./"+pathRemainder)},async path=>{if(!/^\.[\\/](?:src(?:\/(?!\.)(?:(?:(?!(?:^|\/)\.).)*?)\/|\/|$)(?!\.)(?=.)[^/]*?\.stories\.(js|jsx|mjs|ts|tsx))$/.exec(path))return;let pathRemainder=path.substring(6);return __webpack_require__("./src lazy recursive ^\\.\\/.*$ include: (?:\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cmjs%7Cts%7Ctsx))$")("./"+pathRemainder)}];async function importFn(path){for(let i=0;i<importers.length;i++){let moduleExports=await pipeline(()=>importers[i](path));if(moduleExports)return moduleExports}}let channel=(0,external_STORYBOOK_MODULE_CHANNELS_.createBrowserChannel)({page:"preview"});external_STORYBOOK_MODULE_PREVIEW_API_.addons.setChannel(channel),"DEVELOPMENT"===external_STORYBOOK_MODULE_GLOBAL_.global.CONFIG_TYPE&&(window.__STORYBOOK_SERVER_CHANNEL__=channel);let preview=new external_STORYBOOK_MODULE_PREVIEW_API_.PreviewWeb;window.__STORYBOOK_PREVIEW__=preview,window.__STORYBOOK_STORY_STORE__=preview.storyStore,window.__STORYBOOK_ADDONS_CHANNEL__=channel,window.__STORYBOOK_CLIENT_API__=new external_STORYBOOK_MODULE_PREVIEW_API_.ClientApi({storyStore:preview.storyStore}),preview.initialize({importFn:importFn,getProjectAnnotations:()=>(0,external_STORYBOOK_MODULE_PREVIEW_API_.composeConfigs)([__webpack_require__("./node_modules/@storybook/react/dist/entry-preview.mjs"),__webpack_require__("./node_modules/@storybook/react/dist/entry-preview-docs.mjs"),__webpack_require__("./node_modules/@storybook/addon-links/dist/preview.js"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/docs/preview.js"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/actions/preview.js"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/backgrounds/preview.js"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/measure/preview.js"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/outline/preview.js"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/highlight/preview.js"),__webpack_require__("./node_modules/@storybook/addon-interactions/dist/preview.js"),__webpack_require__("./.storybook/preview.ts")])})},"./.storybook/preview.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>_storybook_preview});let _storybook_preview={parameters:{actions:{argTypesRegex:"^on[A-Z].*"},controls:{matchers:{color:/(background|color)$/i,date:/Date$/i}}}}},"./src lazy recursive ^\\.\\/.*$ include: (?:\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.mdx)$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./docs/Introduction.mdx":["./src/docs/Introduction.mdx",768,715],"./docs/Styling.mdx":["./src/docs/Styling.mdx",768,229]};function webpackAsyncContext(req){if(!__webpack_require__.o(map,req))return Promise.resolve().then(()=>{var e=Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e});var ids=map[req],id=ids[0];return Promise.all(ids.slice(1).map(__webpack_require__.e)).then(()=>__webpack_require__(id))}webpackAsyncContext.keys=()=>Object.keys(map),webpackAsyncContext.id="./src lazy recursive ^\\.\\/.*$ include: (?:\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.mdx)$",module.exports=webpackAsyncContext},"./src lazy recursive ^\\.\\/.*$ include: (?:\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cmjs%7Cts%7Ctsx))$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./Presentation/ui-components/Avatar/avatar.stories":["./src/Presentation/ui-components/Avatar/avatar.stories.tsx",758,949],"./Presentation/ui-components/Avatar/avatar.stories.tsx":["./src/Presentation/ui-components/Avatar/avatar.stories.tsx",758,949],"./Presentation/ui-components/Badge/Badge.stories":["./src/Presentation/ui-components/Badge/Badge.stories.ts",181],"./Presentation/ui-components/Badge/Badge.stories.ts":["./src/Presentation/ui-components/Badge/Badge.stories.ts",181],"./Presentation/ui-components/Button/Button.stories":["./src/Presentation/ui-components/Button/Button.stories.ts",758,626],"./Presentation/ui-components/Button/Button.stories.ts":["./src/Presentation/ui-components/Button/Button.stories.ts",758,626],"./Presentation/ui-components/DialogBanner/DialogBanner.stories":["./src/Presentation/ui-components/DialogBanner/DialogBanner.stories.ts",944],"./Presentation/ui-components/DialogBanner/DialogBanner.stories.ts":["./src/Presentation/ui-components/DialogBanner/DialogBanner.stories.ts",944],"./Presentation/ui-components/DialogItemPreview/DialogItemPreview.stories":["./src/Presentation/ui-components/DialogItemPreview/DialogItemPreview.stories.tsx",758,794],"./Presentation/ui-components/DialogItemPreview/DialogItemPreview.stories.tsx":["./src/Presentation/ui-components/DialogItemPreview/DialogItemPreview.stories.tsx",758,794],"./Presentation/ui-components/DialogWindow/DialogWindow.stories":["./src/Presentation/ui-components/DialogWindow/DialogWindow.stories.tsx",758,665],"./Presentation/ui-components/DialogWindow/DialogWindow.stories.tsx":["./src/Presentation/ui-components/DialogWindow/DialogWindow.stories.tsx",758,665],"./Presentation/ui-components/Dropdown/Dropdown.stories":["./src/Presentation/ui-components/Dropdown/Dropdown.stories.tsx",758,148],"./Presentation/ui-components/Dropdown/Dropdown.stories.tsx":["./src/Presentation/ui-components/Dropdown/Dropdown.stories.tsx",758,148],"./Presentation/ui-components/Header/Header.stories":["./src/Presentation/ui-components/Header/Header.stories.tsx",758,752],"./Presentation/ui-components/Header/Header.stories.tsx":["./src/Presentation/ui-components/Header/Header.stories.tsx",758,752],"./Presentation/ui-components/Loader/Loader.stories":["./src/Presentation/ui-components/Loader/Loader.stories.ts",758,356],"./Presentation/ui-components/Loader/Loader.stories.ts":["./src/Presentation/ui-components/Loader/Loader.stories.ts",758,356],"./Presentation/ui-components/Message/Message.stories":["./src/Presentation/ui-components/Message/Message.stories.tsx",758,687],"./Presentation/ui-components/Message/Message.stories.tsx":["./src/Presentation/ui-components/Message/Message.stories.tsx",758,687],"./Presentation/ui-components/MessageInput/MessageInput.stories":["./src/Presentation/ui-components/MessageInput/MessageInput.stories.tsx",758,119],"./Presentation/ui-components/MessageInput/MessageInput.stories.tsx":["./src/Presentation/ui-components/MessageInput/MessageInput.stories.tsx",758,119],"./Presentation/ui-components/MessageSeparator/MessageSeparator.stories":["./src/Presentation/ui-components/MessageSeparator/MessageSeparator.stories.ts",658],"./Presentation/ui-components/MessageSeparator/MessageSeparator.stories.ts":["./src/Presentation/ui-components/MessageSeparator/MessageSeparator.stories.ts",658],"./Presentation/ui-components/Placeholder/Placeholder.stories":["./src/Presentation/ui-components/Placeholder/Placeholder.stories.tsx",758,874],"./Presentation/ui-components/Placeholder/Placeholder.stories.tsx":["./src/Presentation/ui-components/Placeholder/Placeholder.stories.tsx",758,874],"./Presentation/ui-components/PreviewFileMessage/PreviewFileMessage.stories":["./src/Presentation/ui-components/PreviewFileMessage/PreviewFileMessage.stories.ts",758,594],"./Presentation/ui-components/PreviewFileMessage/PreviewFileMessage.stories.ts":["./src/Presentation/ui-components/PreviewFileMessage/PreviewFileMessage.stories.ts",758,594],"./Presentation/ui-components/SettingsItem/SettingsItem.stories":["./src/Presentation/ui-components/SettingsItem/SettingsItem.stories.tsx",758,231],"./Presentation/ui-components/SettingsItem/SettingsItem.stories.tsx":["./src/Presentation/ui-components/SettingsItem/SettingsItem.stories.tsx",758,231],"./Presentation/ui-components/TextField/TextField.stories":["./src/Presentation/ui-components/TextField/TextField.stories.ts",758,909],"./Presentation/ui-components/TextField/TextField.stories.ts":["./src/Presentation/ui-components/TextField/TextField.stories.ts",758,909],"./Presentation/ui-components/Toast/Toast.stories":["./src/Presentation/ui-components/Toast/Toast.stories.tsx",758,267],"./Presentation/ui-components/Toast/Toast.stories.tsx":["./src/Presentation/ui-components/Toast/Toast.stories.tsx",758,267],"./Presentation/ui-components/UserListItem/UserListItem.stories":["./src/Presentation/ui-components/UserListItem/UserListItem.stories.tsx",758,968],"./Presentation/ui-components/UserListItem/UserListItem.stories.tsx":["./src/Presentation/ui-components/UserListItem/UserListItem.stories.tsx",758,968]};function webpackAsyncContext(req){if(!__webpack_require__.o(map,req))return Promise.resolve().then(()=>{var e=Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e});var ids=map[req],id=ids[0];return Promise.all(ids.slice(1).map(__webpack_require__.e)).then(()=>__webpack_require__(id))}webpackAsyncContext.keys=()=>Object.keys(map),webpackAsyncContext.id="./src lazy recursive ^\\.\\/.*$ include: (?:\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cmjs%7Cts%7Ctsx))$",module.exports=webpackAsyncContext},"@storybook/channels":module=>{"use strict";module.exports=__STORYBOOK_MODULE_CHANNELS__},"@storybook/client-logger":module=>{"use strict";module.exports=__STORYBOOK_MODULE_CLIENT_LOGGER__},"@storybook/core-events":module=>{"use strict";module.exports=__STORYBOOK_MODULE_CORE_EVENTS__},"@storybook/global":module=>{"use strict";module.exports=__STORYBOOK_MODULE_GLOBAL__},"@storybook/preview-api":module=>{"use strict";module.exports=__STORYBOOK_MODULE_PREVIEW_API__}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[926],()=>__webpack_exec__("./storybook-config-entry.js")),__webpack_require__.O()}]);
1
+ (self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[179],{"./node_modules/@storybook/addon-interactions/dist sync recursive":module=>{function webpackEmptyContext(req){var e=Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}webpackEmptyContext.keys=()=>[],webpackEmptyContext.resolve=webpackEmptyContext,webpackEmptyContext.id="./node_modules/@storybook/addon-interactions/dist sync recursive",module.exports=webpackEmptyContext},"./storybook-config-entry.js":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var external_STORYBOOK_MODULE_GLOBAL_=__webpack_require__("@storybook/global"),external_STORYBOOK_MODULE_PREVIEW_API_=__webpack_require__("@storybook/preview-api"),external_STORYBOOK_MODULE_CHANNELS_=__webpack_require__("@storybook/channels");let pipeline=x=>x(),importers=[async path=>{if(!/^\.[\\/](?:src(?:\/(?!\.)(?:(?:(?!(?:^|\/)\.).)*?)\/|\/|$)(?!\.)(?=.)[^/]*?\.mdx)$/.exec(path))return;let pathRemainder=path.substring(6);return __webpack_require__("./src lazy recursive ^\\.\\/.*$ include: (?:\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.mdx)$")("./"+pathRemainder)},async path=>{if(!/^\.[\\/](?:src(?:\/(?!\.)(?:(?:(?!(?:^|\/)\.).)*?)\/|\/|$)(?!\.)(?=.)[^/]*?\.stories\.(js|jsx|mjs|ts|tsx))$/.exec(path))return;let pathRemainder=path.substring(6);return __webpack_require__("./src lazy recursive ^\\.\\/.*$ include: (?:\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cmjs%7Cts%7Ctsx))$")("./"+pathRemainder)}];async function importFn(path){for(let i=0;i<importers.length;i++){let moduleExports=await pipeline(()=>importers[i](path));if(moduleExports)return moduleExports}}let channel=(0,external_STORYBOOK_MODULE_CHANNELS_.createBrowserChannel)({page:"preview"});external_STORYBOOK_MODULE_PREVIEW_API_.addons.setChannel(channel),"DEVELOPMENT"===external_STORYBOOK_MODULE_GLOBAL_.global.CONFIG_TYPE&&(window.__STORYBOOK_SERVER_CHANNEL__=channel);let preview=new external_STORYBOOK_MODULE_PREVIEW_API_.PreviewWeb;window.__STORYBOOK_PREVIEW__=preview,window.__STORYBOOK_STORY_STORE__=preview.storyStore,window.__STORYBOOK_ADDONS_CHANNEL__=channel,window.__STORYBOOK_CLIENT_API__=new external_STORYBOOK_MODULE_PREVIEW_API_.ClientApi({storyStore:preview.storyStore}),preview.initialize({importFn:importFn,getProjectAnnotations:()=>(0,external_STORYBOOK_MODULE_PREVIEW_API_.composeConfigs)([__webpack_require__("./node_modules/@storybook/react/dist/entry-preview.mjs"),__webpack_require__("./node_modules/@storybook/react/dist/entry-preview-docs.mjs"),__webpack_require__("./node_modules/@storybook/addon-links/dist/preview.js"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/docs/preview.js"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/actions/preview.js"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/backgrounds/preview.js"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/measure/preview.js"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/outline/preview.js"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/highlight/preview.js"),__webpack_require__("./node_modules/@storybook/addon-interactions/dist/preview.js"),__webpack_require__("./.storybook/preview.ts")])})},"./.storybook/preview.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>_storybook_preview});let _storybook_preview={parameters:{actions:{argTypesRegex:"^on[A-Z].*"},controls:{matchers:{color:/(background|color)$/i,date:/Date$/i}}}}},"./src lazy recursive ^\\.\\/.*$ include: (?:\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.mdx)$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./docs/Introduction.mdx":["./src/docs/Introduction.mdx",768,715],"./docs/Styling.mdx":["./src/docs/Styling.mdx",768,229]};function webpackAsyncContext(req){if(!__webpack_require__.o(map,req))return Promise.resolve().then(()=>{var e=Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e});var ids=map[req],id=ids[0];return Promise.all(ids.slice(1).map(__webpack_require__.e)).then(()=>__webpack_require__(id))}webpackAsyncContext.keys=()=>Object.keys(map),webpackAsyncContext.id="./src lazy recursive ^\\.\\/.*$ include: (?:\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.mdx)$",module.exports=webpackAsyncContext},"./src lazy recursive ^\\.\\/.*$ include: (?:\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cmjs%7Cts%7Ctsx))$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./Presentation/ui-components/Avatar/avatar.stories":["./src/Presentation/ui-components/Avatar/avatar.stories.tsx",938,949],"./Presentation/ui-components/Avatar/avatar.stories.tsx":["./src/Presentation/ui-components/Avatar/avatar.stories.tsx",938,949],"./Presentation/ui-components/Badge/Badge.stories":["./src/Presentation/ui-components/Badge/Badge.stories.ts",181],"./Presentation/ui-components/Badge/Badge.stories.ts":["./src/Presentation/ui-components/Badge/Badge.stories.ts",181],"./Presentation/ui-components/Button/Button.stories":["./src/Presentation/ui-components/Button/Button.stories.ts",938,626],"./Presentation/ui-components/Button/Button.stories.ts":["./src/Presentation/ui-components/Button/Button.stories.ts",938,626],"./Presentation/ui-components/DialogBanner/DialogBanner.stories":["./src/Presentation/ui-components/DialogBanner/DialogBanner.stories.ts",944],"./Presentation/ui-components/DialogBanner/DialogBanner.stories.ts":["./src/Presentation/ui-components/DialogBanner/DialogBanner.stories.ts",944],"./Presentation/ui-components/DialogItemPreview/DialogItemPreview.stories":["./src/Presentation/ui-components/DialogItemPreview/DialogItemPreview.stories.tsx",938,794],"./Presentation/ui-components/DialogItemPreview/DialogItemPreview.stories.tsx":["./src/Presentation/ui-components/DialogItemPreview/DialogItemPreview.stories.tsx",938,794],"./Presentation/ui-components/DialogWindow/DialogWindow.stories":["./src/Presentation/ui-components/DialogWindow/DialogWindow.stories.tsx",938,665],"./Presentation/ui-components/DialogWindow/DialogWindow.stories.tsx":["./src/Presentation/ui-components/DialogWindow/DialogWindow.stories.tsx",938,665],"./Presentation/ui-components/Dropdown/Dropdown.stories":["./src/Presentation/ui-components/Dropdown/Dropdown.stories.tsx",938,148],"./Presentation/ui-components/Dropdown/Dropdown.stories.tsx":["./src/Presentation/ui-components/Dropdown/Dropdown.stories.tsx",938,148],"./Presentation/ui-components/Header/Header.stories":["./src/Presentation/ui-components/Header/Header.stories.tsx",938,752],"./Presentation/ui-components/Header/Header.stories.tsx":["./src/Presentation/ui-components/Header/Header.stories.tsx",938,752],"./Presentation/ui-components/Loader/Loader.stories":["./src/Presentation/ui-components/Loader/Loader.stories.ts",938,356],"./Presentation/ui-components/Loader/Loader.stories.ts":["./src/Presentation/ui-components/Loader/Loader.stories.ts",938,356],"./Presentation/ui-components/Message/Message.stories":["./src/Presentation/ui-components/Message/Message.stories.tsx",938,687],"./Presentation/ui-components/Message/Message.stories.tsx":["./src/Presentation/ui-components/Message/Message.stories.tsx",938,687],"./Presentation/ui-components/MessageInput/MessageInput.stories":["./src/Presentation/ui-components/MessageInput/MessageInput.stories.tsx",703,938,119],"./Presentation/ui-components/MessageInput/MessageInput.stories.tsx":["./src/Presentation/ui-components/MessageInput/MessageInput.stories.tsx",703,938,119],"./Presentation/ui-components/MessageSeparator/MessageSeparator.stories":["./src/Presentation/ui-components/MessageSeparator/MessageSeparator.stories.ts",658],"./Presentation/ui-components/MessageSeparator/MessageSeparator.stories.ts":["./src/Presentation/ui-components/MessageSeparator/MessageSeparator.stories.ts",658],"./Presentation/ui-components/Placeholder/Placeholder.stories":["./src/Presentation/ui-components/Placeholder/Placeholder.stories.tsx",938,874],"./Presentation/ui-components/Placeholder/Placeholder.stories.tsx":["./src/Presentation/ui-components/Placeholder/Placeholder.stories.tsx",938,874],"./Presentation/ui-components/PreviewFileMessage/PreviewFileMessage.stories":["./src/Presentation/ui-components/PreviewFileMessage/PreviewFileMessage.stories.ts",938,594],"./Presentation/ui-components/PreviewFileMessage/PreviewFileMessage.stories.ts":["./src/Presentation/ui-components/PreviewFileMessage/PreviewFileMessage.stories.ts",938,594],"./Presentation/ui-components/SettingsItem/SettingsItem.stories":["./src/Presentation/ui-components/SettingsItem/SettingsItem.stories.tsx",938,231],"./Presentation/ui-components/SettingsItem/SettingsItem.stories.tsx":["./src/Presentation/ui-components/SettingsItem/SettingsItem.stories.tsx",938,231],"./Presentation/ui-components/TextField/TextField.stories":["./src/Presentation/ui-components/TextField/TextField.stories.ts",938,909],"./Presentation/ui-components/TextField/TextField.stories.ts":["./src/Presentation/ui-components/TextField/TextField.stories.ts",938,909],"./Presentation/ui-components/Toast/Toast.stories":["./src/Presentation/ui-components/Toast/Toast.stories.tsx",938,267],"./Presentation/ui-components/Toast/Toast.stories.tsx":["./src/Presentation/ui-components/Toast/Toast.stories.tsx",938,267],"./Presentation/ui-components/UserListItem/UserListItem.stories":["./src/Presentation/ui-components/UserListItem/UserListItem.stories.tsx",938,968],"./Presentation/ui-components/UserListItem/UserListItem.stories.tsx":["./src/Presentation/ui-components/UserListItem/UserListItem.stories.tsx",938,968]};function webpackAsyncContext(req){if(!__webpack_require__.o(map,req))return Promise.resolve().then(()=>{var e=Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e});var ids=map[req],id=ids[0];return Promise.all(ids.slice(1).map(__webpack_require__.e)).then(()=>__webpack_require__(id))}webpackAsyncContext.keys=()=>Object.keys(map),webpackAsyncContext.id="./src lazy recursive ^\\.\\/.*$ include: (?:\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cmjs%7Cts%7Ctsx))$",module.exports=webpackAsyncContext},"@storybook/channels":module=>{"use strict";module.exports=__STORYBOOK_MODULE_CHANNELS__},"@storybook/client-logger":module=>{"use strict";module.exports=__STORYBOOK_MODULE_CLIENT_LOGGER__},"@storybook/core-events":module=>{"use strict";module.exports=__STORYBOOK_MODULE_CORE_EVENTS__},"@storybook/global":module=>{"use strict";module.exports=__STORYBOOK_MODULE_GLOBAL__},"@storybook/preview-api":module=>{"use strict";module.exports=__STORYBOOK_MODULE_PREVIEW_API__}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[926],()=>__webpack_exec__("./storybook-config-entry.js")),__webpack_require__.O()}]);
@@ -1 +1 @@
1
- {"generatedAt":1711620304771,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":true,"refCount":0,"metaFramework":{"name":"CRA","packageName":"react-scripts","version":"5.0.1"},"packageManager":{"type":"npm","version":"10.2.4"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-webpack5","options":{"builder":{"useSWC":true}}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/react","storybookVersion":"7.6.12","storybookVersionSpecifier":"^7.6.12","language":"typescript","storybookPackages":{"@storybook/blocks":{"version":"7.6.12"},"@storybook/react":{"version":"7.6.12"},"@storybook/react-webpack5":{"version":"7.6.12"},"@storybook/test":{"version":"7.6.12"},"eslint-plugin-storybook":{"version":"0.6.15"},"storybook":{"version":"7.6.12"}},"addons":{"@storybook/addon-links":{"version":"7.6.12"},"@storybook/addon-essentials":{"version":"7.6.12"},"@storybook/preset-create-react-app":{"version":"7.6.12"},"@storybook/addon-onboarding":{"version":"1.0.11"},"@storybook/addon-interactions":{"version":"7.6.12"},"@storybook/addon-viewport":{"version":"7.6.16"}}}
1
+ {"generatedAt":1712728635580,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":true,"refCount":0,"metaFramework":{"name":"CRA","packageName":"react-scripts","version":"5.0.1"},"packageManager":{"type":"npm","version":"10.2.4"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-webpack5","options":{"builder":{"useSWC":true}}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/react","storybookVersion":"7.6.12","storybookVersionSpecifier":"^7.6.12","language":"typescript","storybookPackages":{"@storybook/blocks":{"version":"7.6.12"},"@storybook/react":{"version":"7.6.12"},"@storybook/react-webpack5":{"version":"7.6.12"},"@storybook/test":{"version":"7.6.12"},"eslint-plugin-storybook":{"version":"0.6.15"},"storybook":{"version":"7.6.12"}},"addons":{"@storybook/addon-links":{"version":"7.6.12"},"@storybook/addon-essentials":{"version":"7.6.12"},"@storybook/preset-create-react-app":{"version":"7.6.12"},"@storybook/addon-onboarding":{"version":"1.0.11"},"@storybook/addon-interactions":{"version":"7.6.12"},"@storybook/addon-viewport":{"version":"7.6.16"}}}
@@ -0,0 +1 @@
1
+ (()=>{"use strict";var __webpack_modules__={},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(void 0!==cachedModule)return cachedModule.exports;var module=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.loaded=!0,module.exports}__webpack_require__.m=__webpack_modules__,__webpack_require__.amdO={},(()=>{var deferred=[];__webpack_require__.O=(result,chunkIds,fn,priority)=>{if(chunkIds){priority=priority||0;for(var i=deferred.length;i>0&&deferred[i-1][2]>priority;i--)deferred[i]=deferred[i-1];deferred[i]=[chunkIds,fn,priority];return}for(var notFulfilled=1/0,i=0;i<deferred.length;i++){for(var chunkIds=deferred[i][0],fn=deferred[i][1],priority=deferred[i][2],fulfilled=!0,j=0;j<chunkIds.length;j++)notFulfilled>=priority&&Object.keys(__webpack_require__.O).every(key=>__webpack_require__.O[key](chunkIds[j]))?chunkIds.splice(j--,1):(fulfilled=!1,priority<notFulfilled&&(notFulfilled=priority));if(fulfilled){deferred.splice(i--,1);var r=fn();void 0!==r&&(result=r)}}return result}})(),__webpack_require__.n=module=>{var getter=module&&module.__esModule?()=>module.default:()=>module;return __webpack_require__.d(getter,{a:getter}),getter},(()=>{var leafPrototypes,getProto=Object.getPrototypeOf?obj=>Object.getPrototypeOf(obj):obj=>obj.__proto__;__webpack_require__.t=function(value,mode){if(1&mode&&(value=this(value)),8&mode||"object"==typeof value&&value&&(4&mode&&value.__esModule||16&mode&&"function"==typeof value.then))return value;var ns=Object.create(null);__webpack_require__.r(ns);var def={};leafPrototypes=leafPrototypes||[null,getProto({}),getProto([]),getProto(getProto)];for(var current=2&mode&&value;"object"==typeof current&&!~leafPrototypes.indexOf(current);current=getProto(current))Object.getOwnPropertyNames(current).forEach(key=>def[key]=()=>value[key]);return def.default=()=>value,__webpack_require__.d(ns,def),ns}})(),__webpack_require__.d=(exports,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.f={},__webpack_require__.e=chunkId=>Promise.all(Object.keys(__webpack_require__.f).reduce((promises,key)=>(__webpack_require__.f[key](chunkId,promises),promises),[])),__webpack_require__.u=chunkId=>""+(({119:"Presentation-ui-components-MessageInput-MessageInput-stories",148:"Presentation-ui-components-Dropdown-Dropdown-stories",181:"Presentation-ui-components-Badge-Badge-stories",229:"docs-Styling-mdx",231:"Presentation-ui-components-SettingsItem-SettingsItem-stories",267:"Presentation-ui-components-Toast-Toast-stories",356:"Presentation-ui-components-Loader-Loader-stories",594:"Presentation-ui-components-PreviewFileMessage-PreviewFileMessage-stories",626:"Presentation-ui-components-Button-Button-stories",658:"Presentation-ui-components-MessageSeparator-MessageSeparator-stories",665:"Presentation-ui-components-DialogWindow-DialogWindow-stories",687:"Presentation-ui-components-Message-Message-stories",715:"docs-Introduction-mdx",752:"Presentation-ui-components-Header-Header-stories",794:"Presentation-ui-components-DialogItemPreview-DialogItemPreview-stories",874:"Presentation-ui-components-Placeholder-Placeholder-stories",909:"Presentation-ui-components-TextField-TextField-stories",944:"Presentation-ui-components-DialogBanner-DialogBanner-stories",949:"Presentation-ui-components-Avatar-avatar-stories",968:"Presentation-ui-components-UserListItem-UserListItem-stories"})[chunkId]||chunkId)+"."+({119:"bf8a24d1",148:"141a3ae7",181:"9449e470",229:"1d6c1212",231:"429a72d5",267:"b903385b",356:"af01e15d",426:"be971fb5",433:"dffc897e",594:"a9f5cd67",603:"4cf0423b",607:"b04b9f0b",626:"84103f20",658:"a7d43c0b",665:"f81a8e38",687:"264d251d",703:"2cbec951",715:"bcb06844",729:"734b4ae4",752:"9f45c30e",768:"e44c05aa",794:"bf9005d3",797:"b3873e04",874:"97287936",909:"fd8caf6c",938:"56e9d83c",944:"fa91d2c7",949:"1b74ae55",968:"8781472b"})[chunkId]+".iframe.bundle.js",__webpack_require__.miniCssF=chunkId=>"static/css/"+({119:"Presentation-ui-components-MessageInput-MessageInput-stories",148:"Presentation-ui-components-Dropdown-Dropdown-stories",181:"Presentation-ui-components-Badge-Badge-stories",231:"Presentation-ui-components-SettingsItem-SettingsItem-stories",267:"Presentation-ui-components-Toast-Toast-stories",356:"Presentation-ui-components-Loader-Loader-stories",594:"Presentation-ui-components-PreviewFileMessage-PreviewFileMessage-stories",626:"Presentation-ui-components-Button-Button-stories",658:"Presentation-ui-components-MessageSeparator-MessageSeparator-stories",665:"Presentation-ui-components-DialogWindow-DialogWindow-stories",687:"Presentation-ui-components-Message-Message-stories",752:"Presentation-ui-components-Header-Header-stories",794:"Presentation-ui-components-DialogItemPreview-DialogItemPreview-stories",874:"Presentation-ui-components-Placeholder-Placeholder-stories",909:"Presentation-ui-components-TextField-TextField-stories",944:"Presentation-ui-components-DialogBanner-DialogBanner-stories",949:"Presentation-ui-components-Avatar-avatar-stories",968:"Presentation-ui-components-UserListItem-UserListItem-stories"})[chunkId]+"."+({119:"7eb916fc",148:"e37f549d",181:"7b8317f8",231:"7b98a5d4",267:"11d83296",356:"dab34da1",594:"015ac417",626:"1b6e1c55",658:"34aa36b2",665:"4f813450",687:"0e129b10",752:"cdc47631",794:"bee082ca",874:"cb7fb80a",909:"412027f8",944:"bd07fad3",949:"807573c8",968:"4d072348"})[chunkId]+".chunk.css",__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),(()=>{var inProgress={},dataWebpackPrefix="quickblox-react-ui-kit:";__webpack_require__.l=(url,done,key,chunkId)=>{if(inProgress[url]){inProgress[url].push(done);return}if(void 0!==key)for(var script,needAttach,scripts=document.getElementsByTagName("script"),i=0;i<scripts.length;i++){var s=scripts[i];if(s.getAttribute("src")==url||s.getAttribute("data-webpack")==dataWebpackPrefix+key){script=s;break}}script||(needAttach=!0,(script=document.createElement("script")).charset="utf-8",script.timeout=120,__webpack_require__.nc&&script.setAttribute("nonce",__webpack_require__.nc),script.setAttribute("data-webpack",dataWebpackPrefix+key),script.src=url),inProgress[url]=[done];var onScriptComplete=(prev,event)=>{script.onerror=script.onload=null,clearTimeout(timeout);var doneFns=inProgress[url];if(delete inProgress[url],script.parentNode&&script.parentNode.removeChild(script),doneFns&&doneFns.forEach(fn=>fn(event)),prev)return prev(event)},timeout=setTimeout(onScriptComplete.bind(null,void 0,{type:"timeout",target:script}),12e4);script.onerror=onScriptComplete.bind(null,script.onerror),script.onload=onScriptComplete.bind(null,script.onload),needAttach&&document.head.appendChild(script)}})(),__webpack_require__.r=exports=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.nmd=module=>(module.paths=[],module.children||(module.children=[]),module),__webpack_require__.p="",(()=>{if("undefined"!=typeof document){var createStylesheet=(chunkId,fullhref,oldTag,resolve,reject)=>{var linkTag=document.createElement("link");return linkTag.rel="stylesheet",linkTag.type="text/css",linkTag.onerror=linkTag.onload=event=>{if(linkTag.onerror=linkTag.onload=null,"load"===event.type)resolve();else{var errorType=event&&("load"===event.type?"missing":event.type),realHref=event&&event.target&&event.target.href||fullhref,err=Error("Loading CSS chunk "+chunkId+" failed.\n("+realHref+")");err.code="CSS_CHUNK_LOAD_FAILED",err.type=errorType,err.request=realHref,linkTag.parentNode.removeChild(linkTag),reject(err)}},linkTag.href=fullhref,oldTag?oldTag.parentNode.insertBefore(linkTag,oldTag.nextSibling):document.head.appendChild(linkTag),linkTag},findStylesheet=(href,fullhref)=>{for(var existingLinkTags=document.getElementsByTagName("link"),i=0;i<existingLinkTags.length;i++){var tag=existingLinkTags[i],dataHref=tag.getAttribute("data-href")||tag.getAttribute("href");if("stylesheet"===tag.rel&&(dataHref===href||dataHref===fullhref))return tag}for(var existingStyleTags=document.getElementsByTagName("style"),i=0;i<existingStyleTags.length;i++){var tag=existingStyleTags[i],dataHref=tag.getAttribute("data-href");if(dataHref===href||dataHref===fullhref)return tag}},loadStylesheet=chunkId=>new Promise((resolve,reject)=>{var href=__webpack_require__.miniCssF(chunkId),fullhref=__webpack_require__.p+href;if(findStylesheet(href,fullhref))return resolve();createStylesheet(chunkId,fullhref,null,resolve,reject)}),installedCssChunks={303:0};__webpack_require__.f.miniCss=(chunkId,promises)=>{installedCssChunks[chunkId]?promises.push(installedCssChunks[chunkId]):0!==installedCssChunks[chunkId]&&({119:1,148:1,181:1,231:1,267:1,356:1,594:1,626:1,658:1,665:1,687:1,752:1,794:1,874:1,909:1,944:1,949:1,968:1})[chunkId]&&promises.push(installedCssChunks[chunkId]=loadStylesheet(chunkId).then(()=>{installedCssChunks[chunkId]=0},e=>{throw delete installedCssChunks[chunkId],e}))}}})(),(()=>{var installedChunks={303:0};__webpack_require__.f.j=(chunkId,promises)=>{var installedChunkData=__webpack_require__.o(installedChunks,chunkId)?installedChunks[chunkId]:void 0;if(0!==installedChunkData){if(installedChunkData)promises.push(installedChunkData[2]);else if(303!=chunkId){var promise=new Promise((resolve,reject)=>installedChunkData=installedChunks[chunkId]=[resolve,reject]);promises.push(installedChunkData[2]=promise);var url=__webpack_require__.p+__webpack_require__.u(chunkId),error=Error();__webpack_require__.l(url,event=>{if(__webpack_require__.o(installedChunks,chunkId)&&(0!==(installedChunkData=installedChunks[chunkId])&&(installedChunks[chunkId]=void 0),installedChunkData)){var errorType=event&&("load"===event.type?"missing":event.type),realSrc=event&&event.target&&event.target.src;error.message="Loading chunk "+chunkId+" failed.\n("+errorType+": "+realSrc+")",error.name="ChunkLoadError",error.type=errorType,error.request=realSrc,installedChunkData[1](error)}},"chunk-"+chunkId,chunkId)}else installedChunks[chunkId]=0}},__webpack_require__.O.j=chunkId=>0===installedChunks[chunkId];var webpackJsonpCallback=(parentChunkLoadingFunction,data)=>{var moduleId,chunkId,chunkIds=data[0],moreModules=data[1],runtime=data[2],i=0;if(chunkIds.some(id=>0!==installedChunks[id])){for(moduleId in moreModules)__webpack_require__.o(moreModules,moduleId)&&(__webpack_require__.m[moduleId]=moreModules[moduleId]);if(runtime)var result=runtime(__webpack_require__)}for(parentChunkLoadingFunction&&parentChunkLoadingFunction(data);i<chunkIds.length;i++)chunkId=chunkIds[i],__webpack_require__.o(installedChunks,chunkId)&&installedChunks[chunkId]&&installedChunks[chunkId][0](),installedChunks[chunkId]=0;return __webpack_require__.O(result)},chunkLoadingGlobal=self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[];chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null,0)),chunkLoadingGlobal.push=webpackJsonpCallback.bind(null,chunkLoadingGlobal.push.bind(chunkLoadingGlobal))})(),__webpack_require__.nc=void 0})();
package/webpack.config.js CHANGED
@@ -14,11 +14,12 @@ module.exports = {
14
14
  clean: true
15
15
  },
16
16
  resolve: {
17
- extensions: ['.ts', '.tsx']
17
+ extensions: ['.ts', '.tsx'],
18
18
  },
19
19
  externals: {
20
20
  "react": "react",
21
21
  "react-dom": "react-dom",
22
+ "quickblox/quickblox": "quickblox/quickblox",
22
23
  },
23
24
  module: {
24
25
  rules: [
@@ -1 +0,0 @@
1
- {"version":3,"file":"758.53b4954a.iframe.bundle.js","mappings":";;;;AAIA;;;;;;;;ACIA","sources":["webpack://quickblox-react-ui-kit/./node_modules/classnames/index.js","webpack://quickblox-react-ui-kit/./node_modules/react/cjs/react-jsx-runtime.production.min.js"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\tvar nativeCodeString = '[native code]';\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","/**\n * @license React\n * react-jsx-runtime.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';var f=require(\"react\"),k=Symbol.for(\"react.element\"),l=Symbol.for(\"react.fragment\"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};\nfunction q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=\"\"+g);void 0!==a.key&&(e=\"\"+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l;exports.jsx=q;exports.jsxs=q;\n"],"names":[],"sourceRoot":""}
@@ -1 +0,0 @@
1
- "use strict";(self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[949],{"./src/Presentation/ui-components/Avatar/avatar.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AvatarDefault:()=>AvatarDefault,AvatarIcon:()=>AvatarIcon,AvatarImage:()=>AvatarImage,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _icons__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/Presentation/icons/index.ts"),_Avatar__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/Presentation/ui-components/Avatar/Avatar.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");let __WEBPACK_DEFAULT_EXPORT__={title:"@quickblox-react-ui-kit/Presentation/ui-components/Avatar",component:_Avatar__WEBPACK_IMPORTED_MODULE_1__.Z,tags:["autodocs"],parameters:{layout:"centered"},args:{size:"md"},argTypes:{icon:{type:"function",options:["User","Group","Conference","Public"],control:"select",mapping:{User:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_0__.vw,{}),Group:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_0__.Av,{}),Conference:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_0__.pP,{}),Public:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_0__.UZ,{})},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:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_0__.vw,{})}},AvatarImage={args:{src:"https://quickblox.com/wp-content/themes/QuickbloxTheme2021/img/chat-messaging.svg"}};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 }\n}",...AvatarImage.parameters?.docs?.source}}};let __namedExportsOrder=["AvatarDefault","AvatarIcon","AvatarImage"]},"./src/Presentation/ui-components/Avatar/Avatar.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>Avatar_Avatar});var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Avatar_Avatar(_ref){let{icon=(0,jsx_runtime.jsx)(icons.vw,{}),size="md",className,src}=_ref;return src?(0,jsx_runtime.jsx)("div",{className:classnames_default()("avatar","avatar--".concat(size),className),children:(0,jsx_runtime.jsx)("img",{src:src,className:"avatar__image",alt:"Avatar"})}):(0,jsx_runtime.jsx)("div",{className:classnames_default()("avatar","avatar--".concat(size),className),children:icon})}try{Avatar_Avatar.displayName="Avatar",Avatar_Avatar.__docgenInfo={description:"",displayName:"Avatar",props:{size:{defaultValue:{value:"md"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"sm"'},{value:'"md"'},{value:'"lg"'},{value:'"xl"'},{value:'"xxl"'}]}},icon:{defaultValue:{value:"<UserSvg />"},description:"",name:"icon",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},src:{defaultValue:null,description:"",name:"src",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Avatar/Avatar.tsx#Avatar"]={docgenInfo:Avatar_Avatar.__docgenInfo,name:"Avatar",path:"src/Presentation/ui-components/Avatar/Avatar.tsx#Avatar"})}catch(__react_docgen_typescript_loader_error){}}}]);
@@ -1 +0,0 @@
1
- "use strict";(self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[626],{"./src/Presentation/ui-components/Button/Button.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ButtonDanger:()=>ButtonDanger,ButtonDefault:()=>ButtonDefault,ButtonOutline:()=>ButtonOutline,ButtonText:()=>ButtonText,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});let __WEBPACK_DEFAULT_EXPORT__={title:"@quickblox-react-ui-kit/Presentation/ui-components/Button",component:__webpack_require__("./src/Presentation/ui-components/Button/Button.tsx").Z,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:!1},type:{summary:"boolean"}},description:"Active"},loading:{table:{defaultValue:{summary:!1},type:{summary:"boolean"}},description:"Loading"},className:{table:{defaultValue:{summary:"string"},type:{summary:"string"}},description:"Additional classes"},children:{table:{defaultValue:{summary:null},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"}};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}}};let __namedExportsOrder=["ButtonDefault","ButtonOutline","ButtonDanger","ButtonText"]},"./src/Presentation/ui-components/Button/Button.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>Button_Button});var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),Loader=__webpack_require__("./src/Presentation/ui-components/Loader/Loader.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Button_Button(_ref){let{variant="default",className,disabled=!1,loading=!1,children,...rest}=_ref;return(0,jsx_runtime.jsx)("button",{className:classnames_default()("button","button--".concat(variant),{"button--disabled":disabled},className),disabled:disabled||loading,...rest,children:loading&&!disabled?(0,jsx_runtime.jsx)(Loader.Z,{className:classnames_default()("button__loader","button__loader--".concat(variant))}):children})}try{Button_Button.displayName="Button",Button_Button.__docgenInfo={description:"",displayName:"Button",props:{variant:{defaultValue:{value:"default"},description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"text"'},{value:'"default"'},{value:'"outlined"'},{value:'"danger"'}]}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},loading:{defaultValue:{value:"false"},description:"",name:"loading",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Button/Button.tsx#Button"]={docgenInfo:Button_Button.__docgenInfo,name:"Button",path:"src/Presentation/ui-components/Button/Button.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}},"./src/Presentation/ui-components/Loader/Loader.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>Loader_Loader});var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Loader_Loader(_ref){let{className,size="md"}=_ref;return(0,jsx_runtime.jsx)(icons.t$,{className:classnames_default()("loader",size&&"loader--".concat(size),className)})}try{Loader_Loader.displayName="Loader",Loader_Loader.__docgenInfo={description:"",displayName:"Loader",props:{size:{defaultValue:{value:"md"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"sm"'},{value:'"md"'},{value:'"lg"'}]}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Loader/Loader.tsx#Loader"]={docgenInfo:Loader_Loader.__docgenInfo,name:"Loader",path:"src/Presentation/ui-components/Loader/Loader.tsx#Loader"})}catch(__react_docgen_typescript_loader_error){}}}]);