npm - quickblox-react-ui-kit - Versions diffs - 0.2.8 → 0.3.0-beta.2 - Mend

quickblox-react-ui-kit 0.2.8 → 0.3.0-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 (1081) hide show

package/storybook-static/Presentation-ui-components-Avatar-avatar-stories.2fb23ae6.iframe.bundle.js ADDED Viewed

@@ -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:"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){}}}]);

package/storybook-static/Presentation-ui-components-Badge-Badge-stories.fea53429.iframe.bundle.js ADDED Viewed

@@ -0,0 +1,14 @@
+(self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[181],{"./src/Presentation/ui-components/Badge/Badge.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{BadgeCount:()=>BadgeCount,BadgeDefault:()=>BadgeDefault,BadgeMute:()=>BadgeMute,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});let __WEBPACK_DEFAULT_EXPORT__={title:"Badge",component:__webpack_require__("./src/Presentation/ui-components/Badge/Badge.tsx").Z,tags:["autodocs"],parameters:{layout:"centered"},args:{count:0,limit:99,mute:!1,classNames:""},argTypes:{count:{table:{defaultValue:{summary:0}},description:"Number of unread messages"},limit:{table:{defaultValue:{summary:99}},description:"Limt of message count"},mute:{table:{defaultValue:{summary:"boolean"}},description:"Display type Badge"},classNames:{table:{type:{summary:"string"}},description:"Additional classes"}}},BadgeDefault={},BadgeCount={args:{count:9}},BadgeMute={args:{limit:99,count:120,mute:!0}};BadgeDefault.parameters={...BadgeDefault.parameters,docs:{...BadgeDefault.parameters?.docs,source:{originalSource:"{}",...BadgeDefault.parameters?.docs?.source}}},BadgeCount.parameters={...BadgeCount.parameters,docs:{...BadgeCount.parameters?.docs,source:{originalSource:"{\n  args: {\n    count: 9\n  }\n}",...BadgeCount.parameters?.docs?.source}}},BadgeMute.parameters={...BadgeMute.parameters,docs:{...BadgeMute.parameters?.docs,source:{originalSource:"{\n  args: {\n    limit: 99,\n    count: 120,\n    mute: true\n  }\n}",...BadgeMute.parameters?.docs?.source}}};let __namedExportsOrder=["BadgeDefault","BadgeCount","BadgeMute"]},"./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__;/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/!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";/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),m=(Symbol.for("react.fragment"),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.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")}}]);
+//# sourceMappingURL=Presentation-ui-components-Badge-Badge-stories.fea53429.iframe.bundle.js.map

package/storybook-static/Presentation-ui-components-Badge-Badge-stories.fea53429.iframe.bundle.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Presentation-ui-components-Badge-Badge-stories.fea53429.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":""}

package/storybook-static/Presentation-ui-components-Button-Button-stories.f6c6437b.iframe.bundle.js ADDED Viewed

@@ -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:"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){}}}]);

package/storybook-static/Presentation-ui-components-DialogBanner-DialogBanner-stories.6b2a3f72.iframe.bundle.js ADDED Viewed

@@ -0,0 +1,10 @@
+"use strict";(self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[944],{"./src/Presentation/ui-components/DialogBanner/DialogBanner.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DialogBannerDefault:()=>DialogBannerDefault,__namedExportsOrder:()=>__namedExportsOrder,default:()=>DialogBanner_stories});var down=__webpack_require__("./src/Presentation/icons/navigation/down.svg"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function ui_components_DialogBanner_DialogBanner(_ref){let{text,onClick}=_ref;return(0,jsx_runtime.jsxs)("div",{className:"dialog-banner",children:[(0,jsx_runtime.jsx)("span",{className:"dialog-banner__text",children:text}),(0,jsx_runtime.jsx)(down.r,{className:"dialog-banner__navigation-icon",onClick:onClick})]})}try{DialogBanner.displayName="DialogBanner",DialogBanner.__docgenInfo={description:"",displayName:"DialogBanner",props:{text:{defaultValue:null,description:"",name:"text",required:!0,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/DialogBanner/DialogBanner.tsx#DialogBanner"]={docgenInfo:DialogBanner.__docgenInfo,name:"DialogBanner",path:"src/Presentation/ui-components/DialogBanner/DialogBanner.tsx#DialogBanner"})}catch(__react_docgen_typescript_loader_error){}let DialogBanner_stories={title:"DialogBanner",component:ui_components_DialogBanner_DialogBanner,tags:["autodocs"],parameters:{layout:"centered"},args:{text:""},argTypes:{text:{table:{defaultValue:{summary:""}},description:"Text content"},onClick:{description:"click function",table:{type:{summary:"function"}}}}},DialogBannerDefault={args:{text:"3 new messages"}};DialogBannerDefault.parameters={...DialogBannerDefault.parameters,docs:{...DialogBannerDefault.parameters?.docs,source:{originalSource:"{\n  args: {\n    text: '3 new messages'\n  }\n}",...DialogBannerDefault.parameters?.docs?.source}}};let __namedExportsOrder=["DialogBannerDefault"]},"./src/Presentation/icons/navigation/down.svg":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{r:()=>ForwardRef});var _path,react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function _extends(){return(_extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target}).apply(this,arguments)}function SvgDown(_ref,svgRef){let{title,titleId,...props}=_ref;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg",_extends({viewBox:"0 0 44 44",xmlns:"http://www.w3.org/2000/svg",ref:svgRef,"aria-labelledby":titleId},props),title?react__WEBPACK_IMPORTED_MODULE_0__.createElement("title",{id:titleId},title):null,_path||(_path=react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"M30.415 16.2075L22 24.6042L13.585 16.2075L11 18.7925L22 29.7925L33 18.7925L30.415 16.2075Z"})))}let ForwardRef=react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(SvgDown);__webpack_require__.p},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),m=(Symbol.for("react.fragment"),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.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
+//# sourceMappingURL=Presentation-ui-components-DialogBanner-DialogBanner-stories.6b2a3f72.iframe.bundle.js.map

package/storybook-static/Presentation-ui-components-DialogBanner-DialogBanner-stories.6b2a3f72.iframe.bundle.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Presentation-ui-components-DialogBanner-DialogBanner-stories.6b2a3f72.iframe.bundle.js","mappings":";;;;;;;;AAQA","sources":["webpack://quickblox-react-ui-kit/./node_modules/react/cjs/react-jsx-runtime.production.min.js"],"sourcesContent":["/**\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":""}

package/storybook-static/Presentation-ui-components-DialogItemPreview-DialogItemPreview-stories.f1cb9d40.iframe.bundle.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";(self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[794],{"./node_modules/@storybook/addon-viewport/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{p:()=>INITIAL_VIEWPORTS});var INITIAL_VIEWPORTS={iphone5:{name:"iPhone 5",styles:{height:"568px",width:"320px"},type:"mobile"},iphone6:{name:"iPhone 6",styles:{height:"667px",width:"375px"},type:"mobile"},iphone6p:{name:"iPhone 6 Plus",styles:{height:"736px",width:"414px"},type:"mobile"},iphone8p:{name:"iPhone 8 Plus",styles:{height:"736px",width:"414px"},type:"mobile"},iphonex:{name:"iPhone X",styles:{height:"812px",width:"375px"},type:"mobile"},iphonexr:{name:"iPhone XR",styles:{height:"896px",width:"414px"},type:"mobile"},iphonexsmax:{name:"iPhone XS Max",styles:{height:"896px",width:"414px"},type:"mobile"},iphonese2:{name:"iPhone SE (2nd generation)",styles:{height:"667px",width:"375px"},type:"mobile"},iphone12mini:{name:"iPhone 12 mini",styles:{height:"812px",width:"375px"},type:"mobile"},iphone12:{name:"iPhone 12",styles:{height:"844px",width:"390px"},type:"mobile"},iphone12promax:{name:"iPhone 12 Pro Max",styles:{height:"926px",width:"428px"},type:"mobile"},iphoneSE3:{name:"iPhone SE 3rd generation",styles:{height:"667px",width:"375px"},type:"mobile"},iphone13:{name:"iPhone 13",styles:{height:"844px",width:"390px"},type:"mobile"},iphone13pro:{name:"iPhone 13 Pro",styles:{height:"844px",width:"390px"},type:"mobile"},iphone13promax:{name:"iPhone 13 Pro Max",styles:{height:"926px",width:"428px"},type:"mobile"},iphone14:{name:"iPhone 14",styles:{height:"844px",width:"390px"},type:"mobile"},iphone14pro:{name:"iPhone 14 Pro",styles:{height:"852px",width:"393px"},type:"mobile"},iphone14promax:{name:"iPhone 14 Pro Max",styles:{height:"932px",width:"430px"},type:"mobile"},ipad:{name:"iPad",styles:{height:"1024px",width:"768px"},type:"tablet"},ipad10p:{name:"iPad Pro 10.5-in",styles:{height:"1112px",width:"834px"},type:"tablet"},ipad11p:{name:"iPad Pro 11-in",styles:{height:"1194px",width:"834px"},type:"tablet"},ipad12p:{name:"iPad Pro 12.9-in",styles:{height:"1366px",width:"1024px"},type:"tablet"},galaxys5:{name:"Galaxy S5",styles:{height:"640px",width:"360px"},type:"mobile"},galaxys9:{name:"Galaxy S9",styles:{height:"740px",width:"360px"},type:"mobile"},nexus5x:{name:"Nexus 5X",styles:{height:"660px",width:"412px"},type:"mobile"},nexus6p:{name:"Nexus 6P",styles:{height:"732px",width:"412px"},type:"mobile"},pixel:{name:"Pixel",styles:{height:"960px",width:"540px"},type:"mobile"},pixelxl:{name:"Pixel XL",styles:{height:"1280px",width:"720px"},type:"mobile"}}},"./src/Presentation/ui-components/DialogItemPreview/DialogItemPreview.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DialogItemPreviewDefault:()=>DialogItemPreviewDefault,DialogItemPreviewFullScreen:()=>DialogItemPreviewFullScreen,DialogItemPreviewMobileScreen:()=>DialogItemPreviewMobileScreen,DialogItemPreviewMobileScreenIPad:()=>DialogItemPreviewMobileScreenIPad,__namedExportsOrder:()=>__namedExportsOrder,default:()=>DialogItemPreview_stories});var dist=__webpack_require__("./node_modules/@storybook/addon-viewport/dist/index.mjs"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");let DialogItemPreview_DialogItemPreview=_ref=>{let{avatar,title,date,active,lastMessage,badge,contextMenu,onClick,className}=_ref;return(0,jsx_runtime.jsxs)("div",{className:classnames_default()("dialog-item-preview",{"dialog-item-preview--active":active},className),onClick:onClick,children:[avatar,(0,jsx_runtime.jsxs)("div",{className:"dialog-item-preview__content",children:[(0,jsx_runtime.jsxs)("div",{className:"dialog-item-preview__content-top",children:[(0,jsx_runtime.jsx)("span",{className:"dialog-item-preview__content-top-title",children:title}),date&&(0,jsx_runtime.jsx)("span",{className:"dialog-item-preview__content-top-date",children:date})]}),(0,jsx_runtime.jsxs)("div",{className:"dialog-item-preview__content-bottom",children:[(0,jsx_runtime.jsx)("div",{className:"dialog-item-preview__content-bottom-message",children:lastMessage}),(0,jsx_runtime.jsxs)("div",{className:"dialog-item-preview__content-bottom-controls",children:[badge,contextMenu&&(0,jsx_runtime.jsx)("div",{className:"dialog-item-preview__content-bottom-controls-menu",children:contextMenu})]})]})]})]})};try{DialogItemPreview_DialogItemPreview.displayName="DialogItemPreview",DialogItemPreview_DialogItemPreview.__docgenInfo={description:"",displayName:"DialogItemPreview",props:{avatar:{defaultValue:null,description:"",name:"avatar",required:!0,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},active:{defaultValue:null,description:"",name:"active",required:!1,type:{name:"boolean"}},date:{defaultValue:null,description:"",name:"date",required:!1,type:{name:"string"}},lastMessage:{defaultValue:null,description:"",name:"lastMessage",required:!1,type:{name:"string | ReactElement<any, string | JSXElementConstructor<any>>"}},badge:{defaultValue:null,description:"",name:"badge",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},contextMenu:{defaultValue:null,description:"",name:"contextMenu",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"FunctionTypeVoidToVoid"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/DialogItemPreview/DialogItemPreview.tsx#DialogItemPreview"]={docgenInfo:DialogItemPreview_DialogItemPreview.__docgenInfo,name:"DialogItemPreview",path:"src/Presentation/ui-components/DialogItemPreview/DialogItemPreview.tsx#DialogItemPreview"})}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"),icons=__webpack_require__("./src/Presentation/icons/index.ts"),PreviewFileMessage=__webpack_require__("./src/Presentation/ui-components/PreviewFileMessage/PreviewFileMessage.tsx"),Dropdown=__webpack_require__("./src/Presentation/ui-components/Dropdown/Dropdown.tsx");let DialogItemPreview_stories={title:"DialogItemPreview",tags:["autodocs"],component:DialogItemPreview_DialogItemPreview,decorators:[],parameters:{viewport:{viewports:dist.p}},argTypes:{avatar:{description:"Avatar or Icon",control:"select",options:["User","Group","Conference","Public","Photo"],mapping:{User:(0,jsx_runtime.jsx)(Avatar.Z,{size:"lg",icon:(0,jsx_runtime.jsx)(icons.vw,{})}),Group:(0,jsx_runtime.jsx)(Avatar.Z,{size:"lg",icon:(0,jsx_runtime.jsx)(icons.Av,{})}),Conference:(0,jsx_runtime.jsx)(Avatar.Z,{size:"lg",icon:(0,jsx_runtime.jsx)(icons.pP,{})}),Public:(0,jsx_runtime.jsx)(Avatar.Z,{size:"lg",icon:(0,jsx_runtime.jsx)(icons.UZ,{})}),Photo:(0,jsx_runtime.jsx)(Avatar.Z,{size:"lg",src:"https://quickblox.com/wp-content/themes/QuickbloxTheme2021/img/chat-messaging.svg"})}},lastMessage:{description:"Last message by type",control:"select",options:["ShortText","LongText","Image","File","None"],mapping:{ShortText:"Hello, world!How are you?",LongText:"Hello, dear Mr. User. Thank you for choosing us. I'm here to assist with your order's delivery. Please provide your preferred address and any specific instructions. We offer standard, express, and same-day delivery in select areas. Let us know your convenience, and we'll ensure a smooth process.",Image:(0,jsx_runtime.jsx)(PreviewFileMessage.Z,{name:"My avatar.png",src:"https://quickblox.com/wp-content/themes/QuickbloxTheme2021/img/chat-messaging.svg"}),File:(0,jsx_runtime.jsx)(PreviewFileMessage.Z,{name:"My Document.txt"}),None:void 0}},badge:{description:"Badge",control:"select",options:["Default","OverCount","None"],mapping:{Default:(0,jsx_runtime.jsx)(Badge.Z,{count:5}),OverCount:(0,jsx_runtime.jsx)(Badge.Z,{count:15,limit:9}),None:void 0}},active:{table:{defaultValue:{summary:!1},type:{summary:"boolean"}},description:"Active"},contextMenu:{description:"Context action icon",control:"select",options:["Default","Leave","None"],mapping:{Default:(0,jsx_runtime.jsx)(icons.Qf,{}),Leave:(0,jsx_runtime.jsx)(Dropdown.Z,{placement:"left",options:[{value:"Leave",label:"Leave"}],onSelect:value=>{console.log(value)},children:(0,jsx_runtime.jsx)(icons.Qf,{})}),None:void 0}}}},DialogItemPreviewDefault={args:{title:"Name",avatar:(0,jsx_runtime.jsx)(Avatar.Z,{size:"lg",icon:(0,jsx_runtime.jsx)(icons.vw,{})})}},DialogItemPreviewFullScreen={args:{title:"Name",avatar:(0,jsx_runtime.jsx)(Avatar.Z,{size:"lg",icon:(0,jsx_runtime.jsx)(icons.vw,{})}),lastMessage:"Hello, dear Mr. User. Thank you for choosing us. I'm here to assist with your order's delivery. Please provide your preferred address and any specific instructions. We offer standard, express, and same-day delivery in select areas. Let us know your convenience, and we'll ensure a smooth process.",badge:(0,jsx_runtime.jsx)(Badge.Z,{count:5}),contextMenu:(0,jsx_runtime.jsx)(icons.Qf,{})},parameters:{viewport:{defaultViewport:"responsive"}}},DialogItemPreviewMobileScreen={args:{title:"Name",avatar:(0,jsx_runtime.jsx)(Avatar.Z,{size:"lg",icon:(0,jsx_runtime.jsx)(icons.vw,{})}),lastMessage:"Hello, dear Mr. User. Thank you for choosing us. I'm here to assist with your order's delivery. Please provide your preferred address and any specific instructions. We offer standard, express, and same-day delivery in select areas. Let us know your convenience, and we'll ensure a smooth process.",badge:(0,jsx_runtime.jsx)(Badge.Z,{count:5}),contextMenu:(0,jsx_runtime.jsx)(icons.Qf,{})},parameters:{viewport:{defaultViewport:"iphonese2"}}},DialogItemPreviewMobileScreenIPad={args:{title:"Name",avatar:(0,jsx_runtime.jsx)(Avatar.Z,{size:"lg",icon:(0,jsx_runtime.jsx)(icons.vw,{})}),lastMessage:"Hello, dear Mr. User. Thank you for choosing us. I'm here to assist with your order's delivery. Please provide your preferred address and any specific instructions. We offer standard, express, and same-day delivery in select areas. Let us know your convenience, and we'll ensure a smooth process.",badge:(0,jsx_runtime.jsx)(Badge.Z,{count:5}),contextMenu:(0,jsx_runtime.jsx)(icons.Qf,{})},parameters:{viewport:{defaultViewport:"ipad"}}};DialogItemPreviewDefault.parameters={...DialogItemPreviewDefault.parameters,docs:{...DialogItemPreviewDefault.parameters?.docs,source:{originalSource:"{\n args: {\n title: 'Name',\n avatar: <Avatar size=\"lg\" icon={<UserSvg />} />\n }\n}",...DialogItemPreviewDefault.parameters?.docs?.source}}},DialogItemPreviewFullScreen.parameters={...DialogItemPreviewFullScreen.parameters,docs:{...DialogItemPreviewFullScreen.parameters?.docs,source:{originalSource:"{\n args: {\n title: 'Name',\n avatar: <Avatar size=\"lg\" icon={<UserSvg />} />,\n lastMessage: \"Hello, dear Mr. User. Thank you for choosing us. I'm here to assist with your order's delivery. Please provide your preferred address and any specific instructions. We offer standard, express, and same-day delivery in select areas. Let us know your convenience, and we'll ensure a smooth process.\",\n badge: <Badge count={5} />,\n contextMenu: <MoreSvg />\n },\n parameters: {\n viewport: {\n defaultViewport: 'responsive'\n }\n }\n}",...DialogItemPreviewFullScreen.parameters?.docs?.source}}},DialogItemPreviewMobileScreen.parameters={...DialogItemPreviewMobileScreen.parameters,docs:{...DialogItemPreviewMobileScreen.parameters?.docs,source:{originalSource:"{\n args: {\n title: 'Name',\n avatar: <Avatar size=\"lg\" icon={<UserSvg />} />,\n lastMessage: \"Hello, dear Mr. User. Thank you for choosing us. I'm here to assist with your order's delivery. Please provide your preferred address and any specific instructions. We offer standard, express, and same-day delivery in select areas. Let us know your convenience, and we'll ensure a smooth process.\",\n badge: <Badge count={5} />,\n contextMenu: <MoreSvg />\n },\n parameters: {\n viewport: {\n defaultViewport: 'iphonese2'\n }\n }\n}",...DialogItemPreviewMobileScreen.parameters?.docs?.source}}},DialogItemPreviewMobileScreenIPad.parameters={...DialogItemPreviewMobileScreenIPad.parameters,docs:{...DialogItemPreviewMobileScreenIPad.parameters?.docs,source:{originalSource:"{\n args: {\n title: 'Name',\n avatar: <Avatar size=\"lg\" icon={<UserSvg />} />,\n lastMessage: \"Hello, dear Mr. User. Thank you for choosing us. I'm here to assist with your order's delivery. Please provide your preferred address and any specific instructions. We offer standard, express, and same-day delivery in select areas. Let us know your convenience, and we'll ensure a smooth process.\",\n badge: <Badge count={5} />,\n contextMenu: <MoreSvg />\n },\n parameters: {\n viewport: {\n defaultViewport: 'ipad'\n }\n }\n}",...DialogItemPreviewMobileScreenIPad.parameters?.docs?.source}}};let __namedExportsOrder=["DialogItemPreviewDefault","DialogItemPreviewFullScreen","DialogItemPreviewMobileScreen","DialogItemPreviewMobileScreenIPad"]},"./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/Badge/Badge.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__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){}},"./src/Presentation/ui-components/Dropdown/Dropdown.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>Dropdown_Dropdown});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function DropdownOption(_ref){let{label,value,leftIcon,rightIcon,onSelect}=_ref;return(0,jsx_runtime.jsxs)("li",{className:"dropdown__option",onClick:()=>onSelect(value),children:[(0,jsx_runtime.jsxs)("span",{className:"dropdown__label",children:[leftIcon,label]}),rightIcon]})}try{DropdownOption.displayName="DropdownOption",DropdownOption.__docgenInfo={description:"",displayName:"DropdownOption",props:{onSelect:{defaultValue:null,description:"",name:"onSelect",required:!0,type:{name:"(value: string) => void"}},value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}},leftIcon:{defaultValue:null,description:"",name:"leftIcon",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},rightIcon:{defaultValue:null,description:"",name:"rightIcon",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Dropdown/DropdownOption.tsx#DropdownOption"]={docgenInfo:DropdownOption.__docgenInfo,name:"DropdownOption",path:"src/Presentation/ui-components/Dropdown/DropdownOption.tsx#DropdownOption"})}catch(__react_docgen_typescript_loader_error){}function Dropdown_Dropdown(_ref){let{options,disabled=!1,onSelect,className,children,placement="bottomRight"}=_ref,[isOpen,setIsOpen]=(0,react.useState)(!1),dropdownRef=(0,react.useRef)(null),handleSelect=value=>{onSelect(value),setIsOpen(!1)};return(0,react.useEffect)(()=>{let handleBlur=e=>{dropdownRef.current&&e.target instanceof Node&&!dropdownRef.current.contains(e.target)&&setIsOpen(!1)};return isOpen&&document.addEventListener("click",handleBlur),()=>document.removeEventListener("click",handleBlur)},[isOpen]),(0,jsx_runtime.jsxs)("div",{ref:dropdownRef,className:classnames_default()("dropdown",className),children:[(0,jsx_runtime.jsx)("button",{type:"button",disabled:disabled,className:"dropdown__toggle",onClick:e=>{e.stopPropagation(),setIsOpen(state=>!state)},children:children}),(0,jsx_runtime.jsx)("ul",{className:classnames_default()("dropdown__menu","dropdown__menu--".concat(placement),{"dropdown__menu--opened":isOpen}),children:options.map(_ref2=>{let{label,value,leftIcon,rightIcon}=_ref2;return(0,jsx_runtime.jsx)(DropdownOption,{label:label,value:value,onSelect:handleSelect,leftIcon:leftIcon,rightIcon:rightIcon},value)})})]})}try{Dropdown_Dropdown.displayName="Dropdown",Dropdown_Dropdown.__docgenInfo={description:"",displayName:"Dropdown",props:{options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"Option[]"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},onSelect:{defaultValue:null,description:"",name:"onSelect",required:!0,type:{name:"(value: string) => void"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},placement:{defaultValue:{value:"bottomRight"},description:"",name:"placement",required:!1,type:{name:"enum",value:[{value:'"topRight"'},{value:'"bottomRight"'},{value:'"left"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Dropdown/Dropdown.tsx#Dropdown"]={docgenInfo:Dropdown_Dropdown.__docgenInfo,name:"Dropdown",path:"src/Presentation/ui-components/Dropdown/Dropdown.tsx#Dropdown"})}catch(__react_docgen_typescript_loader_error){}},"./src/Presentation/ui-components/PreviewFileMessage/PreviewFileMessage.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>PreviewFileMessage_PreviewFileMessage});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");let iconDictionary={document:icons.K,audio:icons.rR,video:icons.BA};function PreviewFileMessage_PreviewFileMessage(_ref){let{type="document",name,src,className}=_ref,Icon=iconDictionary[type];return(0,jsx_runtime.jsxs)("div",{className:classnames_default()("preview-file-message",className),children:[src?(0,jsx_runtime.jsx)("img",{src:src,alt:"",className:"preview-file-message__image"}):(0,jsx_runtime.jsx)("span",{className:"preview-file-message__image",children:(0,jsx_runtime.jsx)(Icon,{className:"preview-file-message__icon"})}),(0,jsx_runtime.jsx)("span",{className:"preview-file-message__name",children:name})]})}try{PreviewFileMessage_PreviewFileMessage.displayName="PreviewFileMessage",PreviewFileMessage_PreviewFileMessage.__docgenInfo={description:"",displayName:"PreviewFileMessage",props:{type:{defaultValue:{value:"document"},description:"",name:"type",required:!1,type:{name:"enum",value:[{value:'"document"'},{value:'"audio"'},{value:'"video"'}]}},name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},src:{defaultValue:null,description:"",name:"src",required:!1,type:{name:"string"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/PreviewFileMessage/PreviewFileMessage.tsx#PreviewFileMessage"]={docgenInfo:PreviewFileMessage_PreviewFileMessage.__docgenInfo,name:"PreviewFileMessage",path:"src/Presentation/ui-components/PreviewFileMessage/PreviewFileMessage.tsx#PreviewFileMessage"})}catch(__react_docgen_typescript_loader_error){}}}]);

package/storybook-static/Presentation-ui-components-DialogWindow-DialogWindow-stories.0ad17c54.iframe.bundle.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";(self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[665],{"./src/Presentation/ui-components/DialogWindow/DialogWindow.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DialogWindowDefault:()=>DialogWindowDefault,__namedExportsOrder:()=>__namedExportsOrder,default:()=>DialogWindow_stories});var react=__webpack_require__("./node_modules/react/index.js"),react_dom=__webpack_require__("./node_modules/react-dom/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),Header=__webpack_require__("./src/Presentation/ui-components/Header/Header.tsx"),icons=__webpack_require__("./src/Presentation/icons/index.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function DialogWindow_DialogWindow(_ref){let{children,onClose,open=!1,title,className}=_ref;return open?(0,react_dom.createPortal)((0,jsx_runtime.jsx)("div",{className:classnames_default()("dialog-window",className),children:(0,jsx_runtime.jsxs)("div",{className:"dialog-window__content",children:[(0,jsx_runtime.jsx)(Header.Z,{className:"dialog-window__header",onGoBack:onClose,title:title,children:(0,jsx_runtime.jsx)(icons.sZ,{onClick:onClose,className:"dialog-window__close"})}),children]})}),document.body):null}try{DialogWindow_DialogWindow.displayName="DialogWindow",DialogWindow_DialogWindow.__docgenInfo={description:"",displayName:"DialogWindow",props:{open:{defaultValue:{value:"false"},description:"",name:"open",required:!1,type:{name:"boolean"}},title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},onClose:{defaultValue:null,description:"",name:"onClose",required:!1,type:{name:"VoidFunction"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/DialogWindow/DialogWindow.tsx#DialogWindow"]={docgenInfo:DialogWindow_DialogWindow.__docgenInfo,name:"DialogWindow",path:"src/Presentation/ui-components/DialogWindow/DialogWindow.tsx#DialogWindow"})}catch(__react_docgen_typescript_loader_error){}var Button=__webpack_require__("./src/Presentation/ui-components/Button/Button.tsx");let DialogWindow_stories={title:"Dialog Window",component:DialogWindow_DialogWindow,tags:["autodocs"],parameters:{layout:"centered"},args:{children:void 0,open:!1,title:"",className:"",onClose:void 0},argTypes:{title:{table:{defaultValue:{summary:""},type:{summary:"string"}},description:"Title for modal window"},children:{table:{defaultValue:{summary:"ReactNode"},type:{summary:"ReactElement | ReactElement[]"}},description:"Primary content"},open:{table:{defaultValue:{summary:!1},type:{summary:"boolean"}},description:"Open modal window"},className:{table:{defaultValue:{summary:"string"},type:{summary:"string"}},description:"Additional classes"},onClose:{table:{type:{summary:"VoidFunction"}},description:"closes the modal window"}}};function DialogWindowExample(){let[isOpen,setIsOpen]=(0,react.useState)(!1),handleOnChange=()=>{setIsOpen(state=>!state)};return(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)(Button.Z,{onClick:handleOnChange,type:"button",children:"Button"}),(0,jsx_runtime.jsx)(DialogWindow_DialogWindow,{open:isOpen,title:"Headline",onClose:handleOnChange,children:(0,jsx_runtime.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"flex-end",marginTop:"48px",gap:"8px"},children:[(0,jsx_runtime.jsx)(Button.Z,{variant:"outlined",onClick:handleOnChange,children:"Button"}),(0,jsx_runtime.jsx)(Button.Z,{variant:"danger",onClick:handleOnChange,children:"Button"})]})})]})}let DialogWindowDefault={render:()=>(0,jsx_runtime.jsx)(DialogWindowExample,{})};DialogWindowDefault.parameters={...DialogWindowDefault.parameters,docs:{...DialogWindowDefault.parameters?.docs,source:{originalSource:"{\n render: () => <DialogWindowExample />\n}",...DialogWindowDefault.parameters?.docs?.source}}};let __namedExportsOrder=["DialogWindowDefault"]},"./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/Header/Header.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>ui_components_Header_Header});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");let Header_Header=_ref=>{let{title,avatar,badge,children,onGoBack,className}=_ref;return(0,jsx_runtime.jsxs)("div",{className:classnames_default()("dialog-header",className),children:[onGoBack&&(0,jsx_runtime.jsx)(icons.Hg,{className:"dialog-header__icon dialog-header__back",onClick:onGoBack}),(0,jsx_runtime.jsxs)("div",{className:"dialog-header__body",children:[(0,jsx_runtime.jsxs)("div",{className:"dialog-header__body-left",children:[avatar,(0,jsx_runtime.jsx)("span",{className:"dialog-header__title",children:title}),badge]}),children&&(0,jsx_runtime.jsx)("div",{className:"dialog-header__body-right",children:react.Children.map(children,child=>(0,jsx_runtime.jsx)("span",{className:"dialog-header__icon",children:child}))})]})]})},ui_components_Header_Header=Header_Header;try{Header_Header.displayName="Header",Header_Header.__docgenInfo={description:"",displayName:"Header",props:{title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},avatar:{defaultValue:null,description:"",name:"avatar",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},badge:{defaultValue:null,description:"",name:"badge",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},onGoBack:{defaultValue:null,description:"",name:"onGoBack",required:!1,type:{name:"FunctionTypeVoidToVoid"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Header/Header.tsx#Header"]={docgenInfo:Header_Header.__docgenInfo,name:"Header",path:"src/Presentation/ui-components/Header/Header.tsx#Header"})}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){}}}]);

package/storybook-static/Presentation-ui-components-Dropdown-Dropdown-stories.3b620239.iframe.bundle.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";(self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[148],{"./src/Presentation/ui-components/Dropdown/Dropdown.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DropdownDefault:()=>DropdownDefault,DropdownLeftIcon:()=>DropdownLeftIcon,DropdownRightIcon:()=>DropdownRightIcon,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _icons__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/Presentation/icons/index.ts"),_Dropdown__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/Presentation/ui-components/Dropdown/Dropdown.tsx"),_Button_Button__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/Presentation/ui-components/Button/Button.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");let __WEBPACK_DEFAULT_EXPORT__={title:"Dropdown",component:_Dropdown__WEBPACK_IMPORTED_MODULE_1__.Z,tags:["autodocs"],parameters:{layout:"centered"},args:{disabled:!1,options:[{value:"",label:"",leftIcon:void 0,rightIcon:void 0}],className:""},argTypes:{children:{table:{defaultValue:{summary:null},type:{summary:"ReactElement | string | number"}},description:"Primary content"},placement:{table:{defaultValue:{summary:"bottomRight"},type:{summary:"topRight | bottomRight | left"}},description:"The property that will determine where the Dropdown will appear"},className:{table:{type:{summary:"string"}},description:"Additional classes"},onSelect:{table:{type:{summary:"function"}},description:"Dropdown option selection function"},disabled:{table:{defaultValue:{summary:!1},type:{summary:"boolean"}},description:"Active"},options:{table:{defaultValue:{summary:"array",detail:'[{ value: "", label: "" }]'},type:{summary:"object",detail:"\n{\n value: string; \n label: string; \n leftIcon?: ReactElement; \n rightIcon?: ReactElement; \n} "}},description:"A set of options that can be passed to the dropdown"}}},DropdownDefault={args:{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Button_Button__WEBPACK_IMPORTED_MODULE_2__.Z,{children:"Button"}),disabled:!1,options:[{value:"Text 1",label:"Text 1"},{value:"Text 2",label:"Text 2"},{value:"Text 3",label:"Text 3"}]}},DropdownRightIcon={args:{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Button_Button__WEBPACK_IMPORTED_MODULE_2__.Z,{children:"Button"}),disable:!1,options:[{value:"Text 1",label:"Text 1",rightIcon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_0__.wh,{style:{width:"18px",height:"18px"}})},{value:"Text 2",label:"Text 2",rightIcon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_0__.wh,{style:{width:"18px",height:"18px"}})},{value:"Text 3",label:"Text 3",rightIcon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_0__.wh,{style:{width:"18px",height:"18px"}})}]}},DropdownLeftIcon={args:{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Button_Button__WEBPACK_IMPORTED_MODULE_2__.Z,{children:"Button"}),disable:!1,options:[{value:"Text 1",label:"Text 1",leftIcon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_0__.iO,{style:{width:"18px",height:"18px"}})},{value:"Text 2",label:"Text 2",leftIcon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_0__.iO,{style:{width:"18px",height:"18px"}})},{value:"Text 3",label:"Text 3",leftIcon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_0__.iO,{style:{width:"18px",height:"18px"}})}]}};DropdownDefault.parameters={...DropdownDefault.parameters,docs:{...DropdownDefault.parameters?.docs,source:{originalSource:"{\n args: {\n children: <Button>Button</Button>,\n disabled: false,\n options: [{\n value: 'Text 1',\n label: 'Text 1'\n }, {\n value: 'Text 2',\n label: 'Text 2'\n }, {\n value: 'Text 3',\n label: 'Text 3'\n }]\n }\n}",...DropdownDefault.parameters?.docs?.source}}},DropdownRightIcon.parameters={...DropdownRightIcon.parameters,docs:{...DropdownRightIcon.parameters?.docs,source:{originalSource:"{\n args: {\n children: <Button>Button</Button>,\n disable: false,\n options: [{\n value: 'Text 1',\n label: 'Text 1',\n rightIcon: <NextSVG style={{\n width: '18px',\n height: '18px'\n }} />\n }, {\n value: 'Text 2',\n label: 'Text 2',\n rightIcon: <NextSVG style={{\n width: '18px',\n height: '18px'\n }} />\n }, {\n value: 'Text 3',\n label: 'Text 3',\n rightIcon: <NextSVG style={{\n width: '18px',\n height: '18px'\n }} />\n }]\n }\n}",...DropdownRightIcon.parameters?.docs?.source}}},DropdownLeftIcon.parameters={...DropdownLeftIcon.parameters,docs:{...DropdownLeftIcon.parameters?.docs,source:{originalSource:"{\n args: {\n children: <Button>Button</Button>,\n disable: false,\n options: [{\n value: 'Text 1',\n label: 'Text 1',\n leftIcon: <LocationSvg style={{\n width: '18px',\n height: '18px'\n }} />\n }, {\n value: 'Text 2',\n label: 'Text 2',\n leftIcon: <LocationSvg style={{\n width: '18px',\n height: '18px'\n }} />\n }, {\n value: 'Text 3',\n label: 'Text 3',\n leftIcon: <LocationSvg style={{\n width: '18px',\n height: '18px'\n }} />\n }]\n }\n}",...DropdownLeftIcon.parameters?.docs?.source}}};let __namedExportsOrder=["DropdownDefault","DropdownRightIcon","DropdownLeftIcon"]},"./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/Dropdown/Dropdown.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>Dropdown_Dropdown});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function DropdownOption(_ref){let{label,value,leftIcon,rightIcon,onSelect}=_ref;return(0,jsx_runtime.jsxs)("li",{className:"dropdown__option",onClick:()=>onSelect(value),children:[(0,jsx_runtime.jsxs)("span",{className:"dropdown__label",children:[leftIcon,label]}),rightIcon]})}try{DropdownOption.displayName="DropdownOption",DropdownOption.__docgenInfo={description:"",displayName:"DropdownOption",props:{onSelect:{defaultValue:null,description:"",name:"onSelect",required:!0,type:{name:"(value: string) => void"}},value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}},leftIcon:{defaultValue:null,description:"",name:"leftIcon",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},rightIcon:{defaultValue:null,description:"",name:"rightIcon",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Dropdown/DropdownOption.tsx#DropdownOption"]={docgenInfo:DropdownOption.__docgenInfo,name:"DropdownOption",path:"src/Presentation/ui-components/Dropdown/DropdownOption.tsx#DropdownOption"})}catch(__react_docgen_typescript_loader_error){}function Dropdown_Dropdown(_ref){let{options,disabled=!1,onSelect,className,children,placement="bottomRight"}=_ref,[isOpen,setIsOpen]=(0,react.useState)(!1),dropdownRef=(0,react.useRef)(null),handleSelect=value=>{onSelect(value),setIsOpen(!1)};return(0,react.useEffect)(()=>{let handleBlur=e=>{dropdownRef.current&&e.target instanceof Node&&!dropdownRef.current.contains(e.target)&&setIsOpen(!1)};return isOpen&&document.addEventListener("click",handleBlur),()=>document.removeEventListener("click",handleBlur)},[isOpen]),(0,jsx_runtime.jsxs)("div",{ref:dropdownRef,className:classnames_default()("dropdown",className),children:[(0,jsx_runtime.jsx)("button",{type:"button",disabled:disabled,className:"dropdown__toggle",onClick:e=>{e.stopPropagation(),setIsOpen(state=>!state)},children:children}),(0,jsx_runtime.jsx)("ul",{className:classnames_default()("dropdown__menu","dropdown__menu--".concat(placement),{"dropdown__menu--opened":isOpen}),children:options.map(_ref2=>{let{label,value,leftIcon,rightIcon}=_ref2;return(0,jsx_runtime.jsx)(DropdownOption,{label:label,value:value,onSelect:handleSelect,leftIcon:leftIcon,rightIcon:rightIcon},value)})})]})}try{Dropdown_Dropdown.displayName="Dropdown",Dropdown_Dropdown.__docgenInfo={description:"",displayName:"Dropdown",props:{options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"Option[]"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},onSelect:{defaultValue:null,description:"",name:"onSelect",required:!0,type:{name:"(value: string) => void"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},placement:{defaultValue:{value:"bottomRight"},description:"",name:"placement",required:!1,type:{name:"enum",value:[{value:'"topRight"'},{value:'"bottomRight"'},{value:'"left"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Dropdown/Dropdown.tsx#Dropdown"]={docgenInfo:Dropdown_Dropdown.__docgenInfo,name:"Dropdown",path:"src/Presentation/ui-components/Dropdown/Dropdown.tsx#Dropdown"})}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){}}}]);

package/storybook-static/Presentation-ui-components-Header-Header-stories.45503161.iframe.bundle.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";(self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[752],{"./node_modules/@storybook/addon-viewport/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{p:()=>INITIAL_VIEWPORTS});var INITIAL_VIEWPORTS={iphone5:{name:"iPhone 5",styles:{height:"568px",width:"320px"},type:"mobile"},iphone6:{name:"iPhone 6",styles:{height:"667px",width:"375px"},type:"mobile"},iphone6p:{name:"iPhone 6 Plus",styles:{height:"736px",width:"414px"},type:"mobile"},iphone8p:{name:"iPhone 8 Plus",styles:{height:"736px",width:"414px"},type:"mobile"},iphonex:{name:"iPhone X",styles:{height:"812px",width:"375px"},type:"mobile"},iphonexr:{name:"iPhone XR",styles:{height:"896px",width:"414px"},type:"mobile"},iphonexsmax:{name:"iPhone XS Max",styles:{height:"896px",width:"414px"},type:"mobile"},iphonese2:{name:"iPhone SE (2nd generation)",styles:{height:"667px",width:"375px"},type:"mobile"},iphone12mini:{name:"iPhone 12 mini",styles:{height:"812px",width:"375px"},type:"mobile"},iphone12:{name:"iPhone 12",styles:{height:"844px",width:"390px"},type:"mobile"},iphone12promax:{name:"iPhone 12 Pro Max",styles:{height:"926px",width:"428px"},type:"mobile"},iphoneSE3:{name:"iPhone SE 3rd generation",styles:{height:"667px",width:"375px"},type:"mobile"},iphone13:{name:"iPhone 13",styles:{height:"844px",width:"390px"},type:"mobile"},iphone13pro:{name:"iPhone 13 Pro",styles:{height:"844px",width:"390px"},type:"mobile"},iphone13promax:{name:"iPhone 13 Pro Max",styles:{height:"926px",width:"428px"},type:"mobile"},iphone14:{name:"iPhone 14",styles:{height:"844px",width:"390px"},type:"mobile"},iphone14pro:{name:"iPhone 14 Pro",styles:{height:"852px",width:"393px"},type:"mobile"},iphone14promax:{name:"iPhone 14 Pro Max",styles:{height:"932px",width:"430px"},type:"mobile"},ipad:{name:"iPad",styles:{height:"1024px",width:"768px"},type:"tablet"},ipad10p:{name:"iPad Pro 10.5-in",styles:{height:"1112px",width:"834px"},type:"tablet"},ipad11p:{name:"iPad Pro 11-in",styles:{height:"1194px",width:"834px"},type:"tablet"},ipad12p:{name:"iPad Pro 12.9-in",styles:{height:"1366px",width:"1024px"},type:"tablet"},galaxys5:{name:"Galaxy S5",styles:{height:"640px",width:"360px"},type:"mobile"},galaxys9:{name:"Galaxy S9",styles:{height:"740px",width:"360px"},type:"mobile"},nexus5x:{name:"Nexus 5X",styles:{height:"660px",width:"412px"},type:"mobile"},nexus6p:{name:"Nexus 6P",styles:{height:"732px",width:"412px"},type:"mobile"},pixel:{name:"Pixel",styles:{height:"960px",width:"540px"},type:"mobile"},pixelxl:{name:"Pixel XL",styles:{height:"1280px",width:"720px"},type:"mobile"}}},"./src/Presentation/ui-components/Header/Header.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{HeaderDefault:()=>HeaderDefault,HeaderWithAvatar:()=>HeaderWithAvatar,HeaderWithAvatarAndBack:()=>HeaderWithAvatarAndBack,HeaderWithOneChildrenIcon:()=>HeaderWithOneChildrenIcon,HeaderWithTwoChildrenIcon:()=>HeaderWithTwoChildrenIcon,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _storybook_addon_viewport__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/addon-viewport/dist/index.mjs"),_Header__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/Presentation/ui-components/Header/Header.tsx"),_icons__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/Presentation/icons/index.ts"),_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/Presentation/ui-components/Avatar/Avatar.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js");let __WEBPACK_DEFAULT_EXPORT__={title:"Header",component:_Header__WEBPACK_IMPORTED_MODULE_1__.Z,tags:["autodocs"],parameters:{viewport:{viewports:_storybook_addon_viewport__WEBPACK_IMPORTED_MODULE_0__.p}},argTypes:{title:{control:{type:"text"},description:"Dialog title"},avatar:{description:"Avatar or Icon",type:"function",options:["None","User","Group","Public","Photo"],control:"select",mapping:{None:void 0,User:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_3__.Z,{icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_2__.vw,{})}),Group:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_3__.Z,{icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_2__.Av,{})}),Public:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_3__.Z,{icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_2__.UZ,{})}),Photo:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_3__.Z,{src:"https://quickblox.com/wp-content/themes/QuickbloxTheme2021/img/chat-messaging.svg"})}},badge:{description:"Badge or dialog status"},children:{type:"function",options:["None","SingleIcon","MultiplyIcons","Close"],control:"select",mapping:{None:void 0,SingleIcon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_2__.VY,{}),MultiplyIcons:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_2__.K1,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_2__.Xg,{})],Close:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_2__.sZ,{})},table:{type:{summary:"svg"}},description:"Additional content: list of icons"},onGoBack:{action:"clicked back button"},classNames:{table:{type:{summary:"string"}},description:"Additional classes"}}},HeaderDefault={args:{title:"Default Dialog desktop"},parameters:{layout:"centered"}},HeaderWithAvatar={args:{title:"Default Dialog desktop",avatar:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_3__.Z,{icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_2__.vw,{})})},parameters:{layout:"centered"}},HeaderWithAvatarAndBack={args:{title:"Default Dialog mobile",avatar:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_3__.Z,{icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_2__.vw,{})}),onGoBack:()=>{window.alert("onGoBack")}},parameters:{viewport:{defaultViewport:"iphonese2"}}},HeaderWithOneChildrenIcon={args:{title:"Default Dialog desktop",avatar:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_3__.Z,{icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_2__.vw,{})}),children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_2__.sZ,{}),onGoBack:void 0},parameters:{layout:"centered"}},HeaderWithTwoChildrenIcon={args:{title:"Default Dialog desktop",avatar:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_3__.Z,{icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_2__.vw,{})}),children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_2__.K1,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_2__.Xg,{})],onGoBack:void 0},parameters:{layout:"centered"}};HeaderDefault.parameters={...HeaderDefault.parameters,docs:{...HeaderDefault.parameters?.docs,source:{originalSource:"{\n args: {\n title: 'Default Dialog desktop'\n },\n parameters: {\n layout: 'centered'\n }\n}",...HeaderDefault.parameters?.docs?.source}}},HeaderWithAvatar.parameters={...HeaderWithAvatar.parameters,docs:{...HeaderWithAvatar.parameters?.docs,source:{originalSource:"{\n args: {\n title: 'Default Dialog desktop',\n avatar: <Avatar icon={<UserSvg />} />\n },\n parameters: {\n layout: 'centered'\n }\n}",...HeaderWithAvatar.parameters?.docs?.source}}},HeaderWithAvatarAndBack.parameters={...HeaderWithAvatarAndBack.parameters,docs:{...HeaderWithAvatarAndBack.parameters?.docs,source:{originalSource:"{\n args: {\n title: 'Default Dialog mobile',\n avatar: <Avatar icon={<UserSvg />} />,\n onGoBack: () => {\n window.alert('onGoBack');\n }\n },\n parameters: {\n viewport: {\n defaultViewport: 'iphonese2'\n }\n }\n}",...HeaderWithAvatarAndBack.parameters?.docs?.source}}},HeaderWithOneChildrenIcon.parameters={...HeaderWithOneChildrenIcon.parameters,docs:{...HeaderWithOneChildrenIcon.parameters?.docs,source:{originalSource:"{\n args: {\n title: 'Default Dialog desktop',\n avatar: <Avatar icon={<UserSvg />} />,\n children: <CloseSvg />,\n onGoBack: undefined\n },\n parameters: {\n layout: 'centered'\n }\n}",...HeaderWithOneChildrenIcon.parameters?.docs?.source}}},HeaderWithTwoChildrenIcon.parameters={...HeaderWithTwoChildrenIcon.parameters,docs:{...HeaderWithTwoChildrenIcon.parameters?.docs,source:{originalSource:"{\n args: {\n title: 'Default Dialog desktop',\n avatar: <Avatar icon={<UserSvg />} />,\n children: [<SearchSvg />, <NewChatSvg />],\n onGoBack: undefined\n },\n parameters: {\n layout: 'centered'\n }\n}",...HeaderWithTwoChildrenIcon.parameters?.docs?.source}}};let __namedExportsOrder=["HeaderDefault","HeaderWithAvatar","HeaderWithAvatarAndBack","HeaderWithOneChildrenIcon","HeaderWithTwoChildrenIcon"]},"./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/Header/Header.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>ui_components_Header_Header});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");let Header_Header=_ref=>{let{title,avatar,badge,children,onGoBack,className}=_ref;return(0,jsx_runtime.jsxs)("div",{className:classnames_default()("dialog-header",className),children:[onGoBack&&(0,jsx_runtime.jsx)(icons.Hg,{className:"dialog-header__icon dialog-header__back",onClick:onGoBack}),(0,jsx_runtime.jsxs)("div",{className:"dialog-header__body",children:[(0,jsx_runtime.jsxs)("div",{className:"dialog-header__body-left",children:[avatar,(0,jsx_runtime.jsx)("span",{className:"dialog-header__title",children:title}),badge]}),children&&(0,jsx_runtime.jsx)("div",{className:"dialog-header__body-right",children:react.Children.map(children,child=>(0,jsx_runtime.jsx)("span",{className:"dialog-header__icon",children:child}))})]})]})},ui_components_Header_Header=Header_Header;try{Header_Header.displayName="Header",Header_Header.__docgenInfo={description:"",displayName:"Header",props:{title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},avatar:{defaultValue:null,description:"",name:"avatar",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},badge:{defaultValue:null,description:"",name:"badge",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},onGoBack:{defaultValue:null,description:"",name:"onGoBack",required:!1,type:{name:"FunctionTypeVoidToVoid"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Header/Header.tsx#Header"]={docgenInfo:Header_Header.__docgenInfo,name:"Header",path:"src/Presentation/ui-components/Header/Header.tsx#Header"})}catch(__react_docgen_typescript_loader_error){}}}]);

package/storybook-static/Presentation-ui-components-Loader-Loader-stories.8b53bb33.iframe.bundle.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";(self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[356],{"./src/Presentation/ui-components/Loader/Loader.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{LoaderDefault:()=>LoaderDefault,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});let __WEBPACK_DEFAULT_EXPORT__={title:"Loader",component:__webpack_require__("./src/Presentation/ui-components/Loader/Loader.tsx").Z,tags:["autodocs"],parameters:{layout:"centered"},args:{className:""},argTypes:{size:{options:["sm","md","lg"],control:{type:"select"},table:{defaultValue:{summary:"md"},type:{summary:"string"}},description:"Size"},className:{table:{defaultValue:{summary:"string"},type:{summary:"string"}},description:"Additional classes"}}},LoaderDefault={};LoaderDefault.parameters={...LoaderDefault.parameters,docs:{...LoaderDefault.parameters?.docs,source:{originalSource:"{}",...LoaderDefault.parameters?.docs?.source}}};let __namedExportsOrder=["LoaderDefault"]},"./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){}}}]);

package/storybook-static/Presentation-ui-components-Message-Message-stories.63bec01b.iframe.bundle.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";(self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[687],{"./node_modules/@storybook/addon-viewport/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{p:()=>INITIAL_VIEWPORTS});var INITIAL_VIEWPORTS={iphone5:{name:"iPhone 5",styles:{height:"568px",width:"320px"},type:"mobile"},iphone6:{name:"iPhone 6",styles:{height:"667px",width:"375px"},type:"mobile"},iphone6p:{name:"iPhone 6 Plus",styles:{height:"736px",width:"414px"},type:"mobile"},iphone8p:{name:"iPhone 8 Plus",styles:{height:"736px",width:"414px"},type:"mobile"},iphonex:{name:"iPhone X",styles:{height:"812px",width:"375px"},type:"mobile"},iphonexr:{name:"iPhone XR",styles:{height:"896px",width:"414px"},type:"mobile"},iphonexsmax:{name:"iPhone XS Max",styles:{height:"896px",width:"414px"},type:"mobile"},iphonese2:{name:"iPhone SE (2nd generation)",styles:{height:"667px",width:"375px"},type:"mobile"},iphone12mini:{name:"iPhone 12 mini",styles:{height:"812px",width:"375px"},type:"mobile"},iphone12:{name:"iPhone 12",styles:{height:"844px",width:"390px"},type:"mobile"},iphone12promax:{name:"iPhone 12 Pro Max",styles:{height:"926px",width:"428px"},type:"mobile"},iphoneSE3:{name:"iPhone SE 3rd generation",styles:{height:"667px",width:"375px"},type:"mobile"},iphone13:{name:"iPhone 13",styles:{height:"844px",width:"390px"},type:"mobile"},iphone13pro:{name:"iPhone 13 Pro",styles:{height:"844px",width:"390px"},type:"mobile"},iphone13promax:{name:"iPhone 13 Pro Max",styles:{height:"926px",width:"428px"},type:"mobile"},iphone14:{name:"iPhone 14",styles:{height:"844px",width:"390px"},type:"mobile"},iphone14pro:{name:"iPhone 14 Pro",styles:{height:"852px",width:"393px"},type:"mobile"},iphone14promax:{name:"iPhone 14 Pro Max",styles:{height:"932px",width:"430px"},type:"mobile"},ipad:{name:"iPad",styles:{height:"1024px",width:"768px"},type:"tablet"},ipad10p:{name:"iPad Pro 10.5-in",styles:{height:"1112px",width:"834px"},type:"tablet"},ipad11p:{name:"iPad Pro 11-in",styles:{height:"1194px",width:"834px"},type:"tablet"},ipad12p:{name:"iPad Pro 12.9-in",styles:{height:"1366px",width:"1024px"},type:"tablet"},galaxys5:{name:"Galaxy S5",styles:{height:"640px",width:"360px"},type:"mobile"},galaxys9:{name:"Galaxy S9",styles:{height:"740px",width:"360px"},type:"mobile"},nexus5x:{name:"Nexus 5X",styles:{height:"660px",width:"412px"},type:"mobile"},nexus6p:{name:"Nexus 6P",styles:{height:"732px",width:"412px"},type:"mobile"},pixel:{name:"Pixel",styles:{height:"960px",width:"540px"},type:"mobile"},pixelxl:{name:"Pixel XL",styles:{height:"1280px",width:"720px"},type:"mobile"}}},"./src/Presentation/ui-components/Message/Message.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{MessageFile:()=>MessageFile,MessageImage:()=>MessageImage,MessageText:()=>MessageText,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Message_stories});var react=__webpack_require__("./node_modules/react/index.js"),dist=__webpack_require__("./node_modules/@storybook/addon-viewport/dist/index.mjs"),Avatar=__webpack_require__("./src/Presentation/ui-components/Avatar/Avatar.tsx"),CheckBox=__webpack_require__("./src/Presentation/ui-components/CheckBox/CheckBox.tsx"),forward_filled=__webpack_require__("./src/Presentation/icons/actions/forward-filled.svg"),reply_filled=__webpack_require__("./src/Presentation/icons/actions/reply-filled.svg"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");let subtypeIconDictionary={forward:forward_filled.r,reply:reply_filled.r},renderSubtype=subtype=>{let SubTypeIcon=subtypeIconDictionary[subtype];return(0,jsx_runtime.jsx)(SubTypeIcon,{className:"message-caption__forward-reply--".concat(subtype)})};function MessageCaption_MessageCaption(_ref){let{type,subtype,userName}=_ref;return(0,jsx_runtime.jsxs)("div",{className:"message-caption__user__caption",children:[(0,jsx_runtime.jsxs)("div",{className:"message-caption__forward-reply",children:[subtype&&renderSubtype(subtype),(0,jsx_runtime.jsxs)("span",{className:"message-caption__forward-reply__from",children:["forward"===subtype&&"Forwarded from ","reply"===subtype&&"Replied to "]})]}),("incoming"===type||"reply"===subtype||"forward"===subtype)&&(0,jsx_runtime.jsx)("div",{className:"message-caption__user__caption__name",children:userName})]})}try{MessageCaption_MessageCaption.displayName="MessageCaption",MessageCaption_MessageCaption.__docgenInfo={description:"",displayName:"MessageCaption",props:{type:{defaultValue:null,description:"",name:"type",required:!0,type:{name:"enum",value:[{value:'"outgoing"'},{value:'"incoming"'}]}},subtype:{defaultValue:null,description:"",name:"subtype",required:!1,type:{name:"enum",value:[{value:'"reply"'},{value:'"forward"'}]}},userName:{defaultValue:null,description:"",name:"userName",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Message/MessageCaption/MessageCaption.tsx#MessageCaption"]={docgenInfo:MessageCaption_MessageCaption.__docgenInfo,name:"MessageCaption",path:"src/Presentation/ui-components/Message/MessageCaption/MessageCaption.tsx#MessageCaption"})}catch(__react_docgen_typescript_loader_error){}var sent=__webpack_require__("./src/Presentation/icons/status/sent.svg"),viewed_delivered=__webpack_require__("./src/Presentation/icons/status/viewed-delivered.svg"),error=__webpack_require__("./src/Presentation/icons/status/error.svg");let statusIconDictionary={sent:sent.r,delivered:viewed_delivered.r,viewed:viewed_delivered.r,error:error.r};function TimeAndStatus_TimeAndStatus(_ref){let{status,time}=_ref,StatusIcon=statusIconDictionary[status];return(0,jsx_runtime.jsxs)("div",{className:"time-status__caption",children:[status&&(0,jsx_runtime.jsx)("div",{className:"time-status__caption__status",children:(0,jsx_runtime.jsx)(StatusIcon,{className:"status-message--".concat(status)})}),(0,jsx_runtime.jsx)("div",{className:"time-status__time",children:time})]})}try{TimeAndStatus_TimeAndStatus.displayName="TimeAndStatus",TimeAndStatus_TimeAndStatus.__docgenInfo={description:"",displayName:"TimeAndStatus",props:{status:{defaultValue:null,description:"",name:"status",required:!1,type:{name:"enum",value:[{value:'"sent"'},{value:'"delivered"'},{value:'"viewed"'},{value:'"error"'}]}},time:{defaultValue:null,description:"",name:"time",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Message/TimeAndStatus/TimeAndStatus.tsx#TimeAndStatus"]={docgenInfo:TimeAndStatus_TimeAndStatus.__docgenInfo,name:"TimeAndStatus",path:"src/Presentation/ui-components/Message/TimeAndStatus/TimeAndStatus.tsx#TimeAndStatus"})}catch(__react_docgen_typescript_loader_error){}function Message_Message(_ref){let{userName,avatar=(0,jsx_runtime.jsx)(Avatar.Z,{}),time,type,status,subtype,enableSelect=!1,isSelect=!1,disabled=!1,onSelect,bottomPart,additionalPart,children}=_ref;return(0,jsx_runtime.jsxs)("div",{className:"message-item",children:[enableSelect&&(0,jsx_runtime.jsx)(CheckBox.Z,{disabled:disabled,checked:isSelect,onChange:onSelect}),"outgoing"===type?(0,jsx_runtime.jsx)("div",{className:"message-item__right",children:(0,jsx_runtime.jsxs)("div",{className:"message-item__outgoing",children:[(0,jsx_runtime.jsx)(TimeAndStatus_TimeAndStatus,{status:status,time:time}),additionalPart,(0,jsx_runtime.jsxs)("div",{className:"message-item__outgoing__chat",children:[(0,jsx_runtime.jsx)(MessageCaption_MessageCaption,{type:type,subtype:subtype,userName:userName}),children]})]})}):(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsxs)("div",{className:"message-item__incoming-mes",children:[avatar,(0,jsx_runtime.jsxs)("div",{className:"message-item__incoming",children:[(0,jsx_runtime.jsx)(MessageCaption_MessageCaption,{type:type,subtype:subtype,userName:userName}),(0,jsx_runtime.jsxs)("div",{className:"message-item__incoming__chat",children:[(0,jsx_runtime.jsxs)("div",{className:"message-item__incoming__chat__bubble",children:[children,bottomPart]}),additionalPart,(0,jsx_runtime.jsx)(TimeAndStatus_TimeAndStatus,{time:time})]})]})]})})]})}try{Message_Message.displayName="Message",Message_Message.__docgenInfo={description:"",displayName:"Message",props:{userName:{defaultValue:null,description:"",name:"userName",required:!0,type:{name:"string"}},avatar:{defaultValue:{value:"<Avatar />"},description:"",name:"avatar",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},time:{defaultValue:null,description:"",name:"time",required:!0,type:{name:"string"}},type:{defaultValue:null,description:"",name:"type",required:!0,type:{name:"enum",value:[{value:'"outgoing"'},{value:'"incoming"'}]}},subtype:{defaultValue:null,description:"",name:"subtype",required:!1,type:{name:"enum",value:[{value:'"reply"'},{value:'"forward"'}]}},status:{defaultValue:null,description:"",name:"status",required:!1,type:{name:"enum",value:[{value:'"sent"'},{value:'"delivered"'},{value:'"viewed"'},{value:'"error"'}]}},enableSelect:{defaultValue:{value:"false"},description:"",name:"enableSelect",required:!1,type:{name:"boolean"}},isSelect:{defaultValue:{value:"false"},description:"",name:"isSelect",required:!1,type:{name:"boolean"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},onSelect:{defaultValue:null,description:"",name:"onSelect",required:!1,type:{name:"((isSelected: boolean) => void)"}},bottomPart:{defaultValue:null,description:"",name:"bottomPart",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},additionalPart:{defaultValue:null,description:"",name:"additionalPart",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Message/Message.tsx#Message"]={docgenInfo:Message_Message.__docgenInfo,name:"Message",path:"src/Presentation/ui-components/Message/Message.tsx#Message"})}catch(__react_docgen_typescript_loader_error){}let pattern=/(https?:\/\/)?([\p{L}\p{N}_-]+(?:(?:\.[\p{L}\p{N}_-]+)+)[\p{L}\p{N}.,@?^=%&:/~+#-]*[\p{L}\p{N}@?^=%&/~+#-])/gu;function removeLastPunctuation(str){if(str.length>0){let lastChar=str.charAt(str.length-1);if(/[!;%:?*_.,:-]/.test(lastChar)||/[.,]/.test(lastChar))return str.slice(0,-1)}return str}let isURL=str=>{let regex=new RegExp(pattern);return regex.test(str)||regex.test(removeLastPunctuation(str))},getURIParts=url=>{let matches=url.match(/^(\w+?:\/\/)?([\w-\\.]+(?=\/?))?:?(\d*)?([^:]*)/);return{scheme:matches?matches[1]:void 0,host:matches?matches[2]:"",port:matches?matches[3]:void 0,pathname:matches?matches[4]:""}},getRuleUrl=url=>{let uriParts=getURIParts(url),result=url;return void 0===uriParts.scheme&&(result="http://".concat(url)),result},messageHasUrls=message=>{let result=0;return message.split(/\n| /).forEach(s=>{(s.match(pattern)||removeLastPunctuation(s).match(pattern))&&(result+=1)}),result>0},HighLightLink_HighLightLink=_ref=>{let{messageText}=_ref,elements=messageText.split(/\n| /).map((item,index)=>isURL(item)?(0,jsx_runtime.jsx)("div",{className:"message-urls",children:(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)("a",{href:"".concat(getRuleUrl(item)),target:"_blank",rel:"noreferrer",children:item},index)," "]})}):(0,jsx_runtime.jsxs)("span",{children:[item," "]}));return(0,jsx_runtime.jsx)("div",{children:elements})};try{isURL.displayName="isURL",isURL.__docgenInfo={description:"",displayName:"isURL",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/Views/Dialog/Message/HighLightLink/HighLightLink.tsx#isURL"]={docgenInfo:isURL.__docgenInfo,name:"isURL",path:"src/Presentation/Views/Dialog/Message/HighLightLink/HighLightLink.tsx#isURL"})}catch(__react_docgen_typescript_loader_error){}try{messageHasUrls.displayName="messageHasUrls",messageHasUrls.__docgenInfo={description:"",displayName:"messageHasUrls",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/Views/Dialog/Message/HighLightLink/HighLightLink.tsx#messageHasUrls"]={docgenInfo:messageHasUrls.__docgenInfo,name:"messageHasUrls",path:"src/Presentation/Views/Dialog/Message/HighLightLink/HighLightLink.tsx#messageHasUrls"})}catch(__react_docgen_typescript_loader_error){}try{HighLightLink_HighLightLink.displayName="HighLightLink",HighLightLink_HighLightLink.__docgenInfo={description:"",displayName:"HighLightLink",props:{messageText:{defaultValue:null,description:"",name:"messageText",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/Views/Dialog/Message/HighLightLink/HighLightLink.tsx#HighLightLink"]={docgenInfo:HighLightLink_HighLightLink.__docgenInfo,name:"HighLightLink",path:"src/Presentation/Views/Dialog/Message/HighLightLink/HighLightLink.tsx#HighLightLink"})}catch(__react_docgen_typescript_loader_error){}function TextBubble_TextBubble(_ref){let{text,type}=_ref;return(0,jsx_runtime.jsx)("div",{className:"text-bubble-background__".concat(type),children:(0,jsx_runtime.jsx)("div",{className:"bubble-content-text",children:messageHasUrls(text)?(0,jsx_runtime.jsx)(HighLightLink_HighLightLink,{messageText:text}):text})})}try{TextBubble_TextBubble.displayName="TextBubble",TextBubble_TextBubble.__docgenInfo={description:"",displayName:"TextBubble",props:{text:{defaultValue:null,description:"",name:"text",required:!0,type:{name:"string"}},type:{defaultValue:null,description:"",name:"type",required:!0,type:{name:"enum",value:[{value:'"outgoing"'},{value:'"incoming"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Message/Bubble/TextBubble/TextBubble.tsx#TextBubble"]={docgenInfo:TextBubble_TextBubble.__docgenInfo,name:"TextBubble",path:"src/Presentation/ui-components/Message/Bubble/TextBubble/TextBubble.tsx#TextBubble"})}catch(__react_docgen_typescript_loader_error){}var file=__webpack_require__("./src/Presentation/icons/media/file.svg");let trimFileName=fileName=>fileName.length>10?"".concat(fileName.substring(0,9),"... .").concat(fileName.slice((Math.max(0,fileName.lastIndexOf("."))||1/0)+1)):fileName;function FileUrl_FileUrl(_ref){let{title,href}=_ref;return(0,jsx_runtime.jsxs)("div",{className:"file-attachment",children:[(0,jsx_runtime.jsxs)("div",{className:"file-attachment__placeholder",children:[(0,jsx_runtime.jsx)("div",{className:"file-attachment__placeholder__bg"}),href?(0,jsx_runtime.jsx)("a",{href:href,target:"_blank",download:!0,rel:"noreferrer",className:"file-attachment__placeholder__bg__icon",children:(0,jsx_runtime.jsx)(file.r,{className:"message-icon-file"})}):(0,jsx_runtime.jsx)("div",{className:"file-attachment__placeholder__bg__icon",children:(0,jsx_runtime.jsx)(file.r,{className:"message-icon-file"})})]}),(0,jsx_runtime.jsx)("div",{className:"file-attachment__file-name",children:trimFileName(title)})]})}try{FileUrl_FileUrl.displayName="FileUrl",FileUrl_FileUrl.__docgenInfo={description:"",displayName:"FileUrl",props:{title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Message/FileUrl/FileUrl.tsx#FileUrl"]={docgenInfo:FileUrl_FileUrl.__docgenInfo,name:"FileUrl",path:"src/Presentation/ui-components/Message/FileUrl/FileUrl.tsx#FileUrl"})}catch(__react_docgen_typescript_loader_error){}function FileBubble_FileBubble(_ref){let{type,title,href}=_ref;return(0,jsx_runtime.jsx)("div",{className:"file-bubble-background__".concat(type),children:(0,jsx_runtime.jsx)(FileUrl_FileUrl,{title:title,href:href})})}try{FileBubble_FileBubble.displayName="FileBubble",FileBubble_FileBubble.__docgenInfo={description:"",displayName:"FileBubble",props:{type:{defaultValue:null,description:"",name:"type",required:!0,type:{name:"enum",value:[{value:'"outgoing"'},{value:'"incoming"'}]}},title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Message/Bubble/FileBubble/FileBubble.tsx#FileBubble"]={docgenInfo:FileBubble_FileBubble.__docgenInfo,name:"FileBubble",path:"src/Presentation/ui-components/Message/Bubble/FileBubble/FileBubble.tsx#FileBubble"})}catch(__react_docgen_typescript_loader_error){}function ImageBubble_ImageBubble(_ref){let{title,href}=_ref;return(0,jsx_runtime.jsx)("a",{href:href,download:"file",target:"_blank",rel:"noreferrer",className:"message-attachment-image",children:(0,jsx_runtime.jsx)("img",{className:"message-attachment-image-body",src:href,alt:title||"attached image"},href)})}try{ImageBubble_ImageBubble.displayName="ImageBubble",ImageBubble_ImageBubble.__docgenInfo={description:"",displayName:"ImageBubble",props:{title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Message/Bubble/ImageBubble/ImageBubble.tsx#ImageBubble"]={docgenInfo:ImageBubble_ImageBubble.__docgenInfo,name:"ImageBubble",path:"src/Presentation/ui-components/Message/Bubble/ImageBubble/ImageBubble.tsx#ImageBubble"})}catch(__react_docgen_typescript_loader_error){}var play=__webpack_require__("./src/Presentation/icons/toggle/play.svg"),pause=__webpack_require__("./src/Presentation/icons/toggle/pause.svg");function AudioBubble_AudioBubble(_ref){let{type,title,href,fileUid,audioFileType}=_ref,[isPlaying,setIsPlaying]=(0,react.useState)(!1),audioRef=(0,react.useRef)(null),[secondsElapsed,setSecondsElapsed]=(0,react.useState)(0),handleAudioEnd=()=>{setIsPlaying(!1)};(0,react.useEffect)(()=>{let audio=audioRef.current;if(audio)return audio.addEventListener("ended",handleAudioEnd),()=>{audio.removeEventListener("ended",handleAudioEnd)}},[]),(0,react.useEffect)(()=>{let intervalId;return isPlaying&&(intervalId=setInterval(()=>{setSecondsElapsed(prevSeconds=>prevSeconds+1)},100)),()=>{clearInterval(intervalId)}},[isPlaying]);let generateUniqueNumbers=(inputString,count)=>{let uniqueNumbers=[];for(let i=0;i<count;i+=1)uniqueNumbers.push(Math.abs(inputString.charCodeAt(i)%11)+2);return uniqueNumbers};return(0,jsx_runtime.jsxs)("div",{className:"audio-bubble-background__".concat(type),children:[(0,jsx_runtime.jsxs)("audio",{ref:audioRef,className:"audio-body",preload:"auto",children:[(0,jsx_runtime.jsx)("source",{src:href,type:audioFileType}),(0,jsx_runtime.jsx)("source",{src:href,type:"audio/mpeg"}),(0,jsx_runtime.jsx)("source",{src:href,type:"audio/ogg"}),"Your browser does not support the audio element."]}),(0,jsx_runtime.jsxs)("div",{className:"audio-player",children:[(0,jsx_runtime.jsx)("div",{className:"audio-body__controls",onClick:()=>{let audio=audioRef.current;audio?(isPlaying?audio.pause():audio.play(),setIsPlaying(!isPlaying)):console.error("Audio element not found")},children:isPlaying?(0,jsx_runtime.jsx)(pause.r,{className:"audio-body__controls--color"}):(0,jsx_runtime.jsx)(play.r,{className:"audio-body__controls--color"})}),(0,jsx_runtime.jsx)("div",{className:"equalizer",children:isPlaying?(()=>{let divElements=[];for(let i=0;i<30;i+=1){let randomHeight=Math.floor(12*Math.random())+1,divStyle={height:"".concat(randomHeight,"px")};divElements.push((0,jsx_runtime.jsx)("div",{className:"equalizer__rectangle",style:divStyle},i))}return divElements})():(uid=>{let divElements=[],nums=generateUniqueNumbers(uid,30);for(let i=0;i<30;i+=1){let divStyle={height:"".concat(nums[i],"px")};divElements.push((0,jsx_runtime.jsx)("div",{className:"equalizer__rectangle",style:divStyle},i))}return divElements})(fileUid)})]})]})}try{AudioBubble_AudioBubble.displayName="AudioBubble",AudioBubble_AudioBubble.__docgenInfo={description:"",displayName:"AudioBubble",props:{type:{defaultValue:null,description:"",name:"type",required:!0,type:{name:"enum",value:[{value:'"outgoing"'},{value:'"incoming"'}]}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"string"}},fileUid:{defaultValue:null,description:"",name:"fileUid",required:!1,type:{name:"string"}},audioFileType:{defaultValue:null,description:"",name:"audioFileType",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Message/Bubble/AudioBubble/AudioBubble.tsx#AudioBubble"]={docgenInfo:AudioBubble_AudioBubble.__docgenInfo,name:"AudioBubble",path:"src/Presentation/ui-components/Message/Bubble/AudioBubble/AudioBubble.tsx#AudioBubble"})}catch(__react_docgen_typescript_loader_error){}function VideoBubble_VideoBubble(_ref){let{title,href,className}=_ref;return(0,jsx_runtime.jsx)("div",{className:className,children:(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)("div",{className:"message-attachment-video",children:(0,jsx_runtime.jsx)("video",{className:"message-attachment-video-body",controls:!0,playsInline:!0,src:href,children:(0,jsx_runtime.jsx)("a",{href:href,download:!0,children:"Download"})},title)}),(0,jsx_runtime.jsx)("a",{href:href,download:!0,children:"Download"})]})})}try{VideoBubble_VideoBubble.displayName="VideoBubble",VideoBubble_VideoBubble.__docgenInfo={description:"",displayName:"VideoBubble",props:{title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"string"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Message/Bubble/VideoBubble/VideoBubble.tsx#VideoBubble"]={docgenInfo:VideoBubble_VideoBubble.__docgenInfo,name:"VideoBubble",path:"src/Presentation/ui-components/Message/Bubble/VideoBubble/VideoBubble.tsx#VideoBubble"})}catch(__react_docgen_typescript_loader_error){}function createBubbleByType(type,children){let isTextBubbleType=(null==children?void 0:children.type)===TextBubble_TextBubble,isFileBubbleType=(null==children?void 0:children.type)===FileBubble_FileBubble,isImageBubbleType=(null==children?void 0:children.type)===ImageBubble_ImageBubble,isAudioBubbleType=(null==children?void 0:children.type)===AudioBubble_AudioBubble,isVideoBubbleType=(null==children?void 0:children.type)===VideoBubble_VideoBubble;return isTextBubbleType?(0,jsx_runtime.jsx)(TextBubble_TextBubble,{text:"The QuickBlox UIKit for React is a comprehensive user interface kit specifically designed for building chat applications. It provides a collection of pre-built components, modules, and utilities that simplify the process of creating chat applications.",type:type}):isFileBubbleType?(0,jsx_runtime.jsx)(FileBubble_FileBubble,{title:"00b5563-small-qb-logo-docs-white-9px.png",href:"https://files.readme.io/00b5563-small-qb-logo-docs-white-9px.png",type:type}):isImageBubbleType?(0,jsx_runtime.jsx)(ImageBubble_ImageBubble,{title:"QuickBlox",href:"https://files.readme.io/00b5563-small-qb-logo-docs-white-9px.png"}):isAudioBubbleType?(0,jsx_runtime.jsx)(AudioBubble_AudioBubble,{title:"1.mp3",href:"//samplelib.com/lib/preview/mp3/sample-3s.mp3",audioFileType:"mp3",fileUid:"12345678901234544",type:type}):isVideoBubbleType?(0,jsx_runtime.jsx)(VideoBubble_VideoBubble,{title:"QuickBlox",href:"https://www.youtube.com/watch?v=0QFqNjhP-wM"}):void 0}function getChildrenByType(type,children){if(("incoming"===type||"outgoing"===type)&&children)return createBubbleByType(type,children)}let Message_stories={title:"Message",component:Message_Message,decorators:[(StoryFn,context)=>{let{type,children}=context.args,modifiedArgs={...context.args,children:getChildrenByType(type,children)};return(0,jsx_runtime.jsx)(StoryFn,{...context,args:modifiedArgs})}],parameters:{viewport:{viewports:dist.p}},args:{userName:"Nate",time:"16:58",type:"incoming",status:void 0,enableSelect:!0,isSelect:!1,disabled:!1},argTypes:{type:{control:"radio",options:["incoming","outgoing"]},children:{description:"Message bubble",control:"select",options:["TextMessage","FileMessage","ImageMessage","AudioMessage","VideoMessage"],mapping:{TextMessage:(0,jsx_runtime.jsx)(TextBubble_TextBubble,{text:"The QuickBlox UIKit for React is a comprehensive user interface kit specifically designed for building chat applications. It provides a collection of pre-built components, modules, and utilities that simplify the process of creating chat applications.",type:"incoming"}),FileMessage:(0,jsx_runtime.jsx)(FileBubble_FileBubble,{title:"00b5563-small-qb-logo-docs-white-9px.png",href:"https://files.readme.io/00b5563-small-qb-logo-docs-white-9px.png",type:"incoming"}),ImageMessage:(0,jsx_runtime.jsx)(ImageBubble_ImageBubble,{title:"QuickBlox",href:"https://files.readme.io/00b5563-small-qb-logo-docs-white-9px.png"}),AudioMessage:(0,jsx_runtime.jsx)(AudioBubble_AudioBubble,{title:"1.mp3",href:"//samplelib.com/lib/preview/mp3/sample-3s.mp3",audioFileType:"mp3",fileUid:"12345678901234544",type:"incoming"}),VideoMessage:(0,jsx_runtime.jsx)(VideoBubble_VideoBubble,{title:"QuickBlox",href:"https://www.youtube.com/watch?v=0QFqNjhP-wM"})}}}},MessageText={args:{children:(0,jsx_runtime.jsx)(TextBubble_TextBubble,{text:"Test Message",type:"incoming"})}},MessageImage={args:{children:(0,jsx_runtime.jsx)(ImageBubble_ImageBubble,{title:"QuickBlox",href:"https://files.readme.io/0a66fe7-SreenModulesDialogList.png"})}},MessageFile={args:{children:(0,jsx_runtime.jsx)(FileBubble_FileBubble,{type:"incoming",title:"QuickBlox",href:"https://raw.githubusercontent.com/QuickBlox/react-ui-kit/main/README.md"})}};MessageText.parameters={...MessageText.parameters,docs:{...MessageText.parameters?.docs,source:{originalSource:'{\n args: {\n children: <TextBubble text="Test Message" type="incoming" />\n }\n}',...MessageText.parameters?.docs?.source}}},MessageImage.parameters={...MessageImage.parameters,docs:{...MessageImage.parameters?.docs,source:{originalSource:'{\n args: {\n children: <ImageBubble title="QuickBlox" href="https://files.readme.io/0a66fe7-SreenModulesDialogList.png" />\n }\n}',...MessageImage.parameters?.docs?.source}}},MessageFile.parameters={...MessageFile.parameters,docs:{...MessageFile.parameters?.docs,source:{originalSource:'{\n args: {\n children: <FileBubble type="incoming" title="QuickBlox" href="https://raw.githubusercontent.com/QuickBlox/react-ui-kit/main/README.md" />\n }\n}',...MessageFile.parameters?.docs?.source}}};let __namedExportsOrder=["MessageText","MessageImage","MessageFile"]},"./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){}}}]);