quickblox-react-ui-kit 0.4.5 → 0.4.6-beta.2

package/storybook-static/Presentation-ui-components-Toast-Toast-stories.24db9b3e.iframe.bundle.js

@@ -1,14 +0,0 @@
-(self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[47],{"./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];arg&&(classes=appendClass(classes,parseValue(arg)))}return classes}function parseValue(arg){if("string"==typeof arg||"number"==typeof arg)return arg;if("object"!=typeof arg)return"";if(Array.isArray(arg))return classNames.apply(null,arg);if(arg.toString!==Object.prototype.toString&&!arg.toString.toString().includes("[native code]"))return arg.toString();var classes="";for(var key in arg)hasOwn.call(arg,key)&&arg[key]&&(classes=appendClass(classes,key));return classes}function appendClass(value,newClass){return newClass?value?value+" "+newClass:value+newClass:value}module.exports?(classNames.default=classNames,module.exports=classNames):void 0!==(__WEBPACK_AMD_DEFINE_RESULT__=(function(){return classNames}).apply(exports,[]))&&(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)}()},"./node_modules/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"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")},"./src/Presentation/ui-components/Button/Button.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>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--${variant}`,{"button--disabled":disabled},className),disabled:disabled||loading,...rest,children:loading&&!disabled?(0,jsx_runtime.jsx)(Loader.A,{className:classnames_default()("button__loader",`button__loader--${variant}`)}):children})}try{Button_Button.displayName="Button",Button_Button.__docgenInfo={description:"",displayName:"Button",props:{variant:{defaultValue:{value:"default"},description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"text"'},{value:'"default"'},{value:'"outlined"'},{value:'"danger"'}]}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},loading:{defaultValue:{value:"false"},description:"",name:"loading",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Button/Button.tsx#Button"]={docgenInfo:Button_Button.__docgenInfo,name:"Button",path:"src/Presentation/ui-components/Button/Button.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}},"./src/Presentation/ui-components/Loader/Loader.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>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.iO,{className:classnames_default()("loader",size&&`loader--${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){}},"./src/Presentation/ui-components/Toast/Toast.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ToastDefault:()=>ToastDefault,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Toast_stories});var react=__webpack_require__("./node_modules/react/index.js");function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e){if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f)}else for(f in e)e[f]&&(n&&(n+=" "),n+=f)}return n}let dist_clsx=function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n},c=e=>"number"==typeof e&&!isNaN(e),d=e=>"string"==typeof e,u=e=>"function"==typeof e,p=e=>d(e)||u(e)?e:null,m=e=>(0,react.isValidElement)(e)||d(e)||u(e)||c(e);function f(e,t,n){void 0===n&&(n=300);let{scrollHeight:o,style:s}=e;requestAnimationFrame(()=>{s.minHeight="initial",s.height=o+"px",s.transition=`all ${n}ms`,requestAnimationFrame(()=>{s.height="0",s.padding="0",s.margin="0",setTimeout(t,n)})})}function g(t){let{enter:a,exit:r,appendPosition:i=!1,collapse:l=!0,collapseDuration:c=300}=t;return function(t){let{children:d,position:u,preventExitTransition:p,done:m,nodeRef:g,isIn:y,playToast:v}=t,h=i?`${a}--${u}`:a,T=i?`${r}--${u}`:r,E=(0,react.useRef)(0);return(0,react.useLayoutEffect)(()=>{let e=g.current,t=h.split(" "),n=o=>{o.target===g.current&&(v(),e.removeEventListener("animationend",n),e.removeEventListener("animationcancel",n),0===E.current&&"animationcancel"!==o.type&&e.classList.remove(...t))};e.classList.add(...t),e.addEventListener("animationend",n),e.addEventListener("animationcancel",n)},[]),(0,react.useEffect)(()=>{let e=g.current,t=()=>{e.removeEventListener("animationend",t),l?f(e,m,c):m()};y||(p?t():(E.current=1,e.className+=` ${T}`,e.addEventListener("animationend",t)))},[y]),react.createElement(react.Fragment,null,d)}}function y(e,t){return null!=e?{content:e.content,containerId:e.props.containerId,id:e.props.toastId,theme:e.props.theme,type:e.props.type,data:e.props.data||{},isLoading:e.props.isLoading,icon:e.props.icon,status:t}:{}}let v=new Map,h=[],T=new Set,E=e=>T.forEach(t=>t(e)),b=()=>v.size>0;function I(e,t){var n;if(t)return!(null==(n=v.get(t))||!n.isToastActive(e));let o=!1;return v.forEach(t=>{t.isToastActive(e)&&(o=!0)}),o}function _(e,t){m(e)&&(b()||h.push({content:e,options:t}),v.forEach(n=>{n.buildToast(e,t)}))}function C(e,t){v.forEach(n=>{null!=t&&null!=t&&t.containerId?(null==t?void 0:t.containerId)===n.id&&n.toggle(e,null==t?void 0:t.id):n.toggle(e,null==t?void 0:t.id)})}function L(e){let{subscribe:o,getSnapshot:s,setProps:i}=(0,react.useRef)(function(e){let n=e.containerId||1;return{subscribe(o){let s=function(e,n,o){let s=1,r=0,i=[],l=[],f=[],g=n,v=new Map,h=new Set,T=()=>{f=Array.from(v.values()),h.forEach(e=>e())},E=e=>{l=null==e?[]:l.filter(t=>t!==e),T()},b=e=>{let{toastId:n,onOpen:s,updateId:a,children:r}=e.props,i=null==a;e.staleId&&v.delete(e.staleId),v.set(n,e),l=[...l,e.props.toastId].filter(t=>t!==e.staleId),T(),o(y(e,i?"added":"updated")),i&&u(s)&&s((0,react.isValidElement)(r)&&r.props)};return{id:e,props:g,observe:e=>(h.add(e),()=>h.delete(e)),toggle:(e,t)=>{v.forEach(n=>{null!=t&&t!==n.props.toastId||u(n.toggle)&&n.toggle(e)})},removeToast:E,toasts:v,clearQueue:()=>{r-=i.length,i=[]},buildToast:(n,l)=>{var w,k;if((t=>{let{containerId:n,toastId:o,updateId:s}=t,r=v.has(o)&&null==s;return(n?n!==e:1!==e)||r})(l))return;let{toastId:f,updateId:h,data:I,staleId:_,delay:C}=l,L=()=>{E(f)},N=null==h;N&&r++;let $={...g,style:g.toastStyle,key:s++,...Object.fromEntries(Object.entries(l).filter(e=>{let[t,n]=e;return null!=n})),toastId:f,updateId:h,data:I,closeToast:L,isIn:!1,className:p(l.className||g.toastClassName),bodyClassName:p(l.bodyClassName||g.bodyClassName),progressClassName:p(l.progressClassName||g.progressClassName),autoClose:!l.isLoading&&(w=l.autoClose,k=g.autoClose,!1===w||c(w)&&w>0?w:k),deleteToast(){let e=v.get(f),{onClose:n,children:s}=e.props;u(n)&&n((0,react.isValidElement)(s)&&s.props),o(y(e,"removed")),v.delete(f),--r<0&&(r=0),i.length>0?b(i.shift()):T()}};$.closeButton=g.closeButton,!1===l.closeButton||m(l.closeButton)?$.closeButton=l.closeButton:!0===l.closeButton&&($.closeButton=!m(g.closeButton)||g.closeButton);let P=n;(0,react.isValidElement)(n)&&!d(n.type)?P=(0,react.cloneElement)(n,{closeToast:L,toastProps:$,data:I}):u(n)&&(P=n({closeToast:L,toastProps:$,data:I}));let M={content:P,props:$,staleId:_};g.limit&&g.limit>0&&r>g.limit&&N?i.push(M):c(C)?setTimeout(()=>{b(M)},C):b(M)},setProps(e){g=e},setToggle:(e,t)=>{v.get(e).toggle=t},isToastActive:e=>l.some(t=>t===e),getSnapshot:()=>f}}(n,e,E);v.set(n,s);let r=s.observe(o);return h.forEach(e=>_(e.content,e.options)),h=[],()=>{r(),v.delete(n)}},setProps(e){var t;null==(t=v.get(n))||t.setProps(e)},getSnapshot(){var e;return null==(e=v.get(n))?void 0:e.getSnapshot()}}}(e)).current;i(e);let l=(0,react.useSyncExternalStore)(o,s,s);return{getToastToRender:function(t){if(!l)return[];let n=new Map;return e.newestOnTop&&l.reverse(),l.forEach(e=>{let{position:t}=e.props;n.has(t)||n.set(t,[]),n.get(t).push(e)}),Array.from(n,e=>t(e[0],e[1]))},isToastActive:I,count:null==l?void 0:l.length}}function N(e){var g,y;let[t,o]=(0,react.useState)(!1),[a,r]=(0,react.useState)(!1),l=(0,react.useRef)(null),c=(0,react.useRef)({start:0,delta:0,removalDistance:0,canCloseOnClick:!0,canDrag:!1,didMove:!1}).current,{autoClose:d,pauseOnHover:u,closeToast:p,onClick:m,closeOnClick:f}=e;function h(){o(!0)}function T(){o(!1)}function E(n){let o=l.current;c.canDrag&&o&&(c.didMove=!0,t&&T(),c.delta="x"===e.draggableDirection?n.clientX-c.start:n.clientY-c.start,c.start!==n.clientX&&(c.canCloseOnClick=!1),o.style.transform=`translate3d(${"x"===e.draggableDirection?`${c.delta}px, var(--y)`:`0, calc(${c.delta}px + var(--y))`},0)`,o.style.opacity=""+(1-Math.abs(c.delta/c.removalDistance)))}function b(){document.removeEventListener("pointermove",E),document.removeEventListener("pointerup",b);let t=l.current;if(c.canDrag&&c.didMove&&t){if(c.canDrag=!1,Math.abs(c.delta)>c.removalDistance)return r(!0),e.closeToast(),void e.collapseAll();t.style.transition="transform 0.2s, opacity 0.2s",t.style.removeProperty("transform"),t.style.removeProperty("opacity")}}null==(y=v.get((g={id:e.toastId,containerId:e.containerId,fn:o}).containerId||1))||y.setToggle(g.id,g.fn),(0,react.useEffect)(()=>{if(e.pauseOnFocusLoss)return document.hasFocus()||T(),window.addEventListener("focus",h),window.addEventListener("blur",T),()=>{window.removeEventListener("focus",h),window.removeEventListener("blur",T)}},[e.pauseOnFocusLoss]);let I={onPointerDown:function(t){if(!0===e.draggable||e.draggable===t.pointerType){c.didMove=!1,document.addEventListener("pointermove",E),document.addEventListener("pointerup",b);let n=l.current;c.canCloseOnClick=!0,c.canDrag=!0,n.style.transition="none","x"===e.draggableDirection?(c.start=t.clientX,c.removalDistance=n.offsetWidth*(e.draggablePercent/100)):(c.start=t.clientY,c.removalDistance=n.offsetHeight*(80===e.draggablePercent?1.5*e.draggablePercent:e.draggablePercent)/100)}},onPointerUp:function(t){let{top:n,bottom:o,left:s,right:a}=l.current.getBoundingClientRect();"touchend"!==t.nativeEvent.type&&e.pauseOnHover&&t.clientX>=s&&t.clientX<=a&&t.clientY>=n&&t.clientY<=o?T():h()}};return d&&u&&(I.onMouseEnter=T,e.stacked||(I.onMouseLeave=h)),f&&(I.onClick=e=>{m&&m(e),c.canCloseOnClick&&p()}),{playToast:h,pauseToast:T,isRunning:t,preventExitTransition:a,toastRef:l,eventHandlers:I}}function $(t){let{delay:n,isRunning:o,closeToast:s,type:a="default",hide:r,className:i,style:c,controlledProgress:d,progress:p,rtl:m,isIn:f,theme:g}=t,y=r||d&&0===p,v={...c,animationDuration:`${n}ms`,animationPlayState:o?"running":"paused"};d&&(v.transform=`scaleX(${p})`);let h=dist_clsx("Toastify__progress-bar",d?"Toastify__progress-bar--controlled":"Toastify__progress-bar--animated",`Toastify__progress-bar-theme--${g}`,`Toastify__progress-bar--${a}`,{"Toastify__progress-bar--rtl":m}),T=u(i)?i({rtl:m,type:a,defaultClassName:h}):dist_clsx(h,i);return react.createElement("div",{className:"Toastify__progress-bar--wrp","data-hidden":y},react.createElement("div",{className:`Toastify__progress-bar--bg Toastify__progress-bar-theme--${g} Toastify__progress-bar--${a}`}),react.createElement("div",{role:"progressbar","aria-hidden":y?"true":"false","aria-label":"notification timer",className:T,style:v,[d&&p>=1?"onTransitionEnd":"onAnimationEnd"]:d&&p<1?null:()=>{f&&s()}}))}let w=1,k=()=>""+w++;function P(e){return e&&(d(e.toastId)||c(e.toastId))?e.toastId:k()}function M(e,t){return _(e,t),t.toastId}function x(e,t){return{...t,type:t&&t.type||e,toastId:P(t)}}function A(e){return(t,n)=>M(t,x(e,n))}function B(e,t){return M(e,x("default",t))}B.loading=(e,t)=>M(e,x("default",{isLoading:!0,autoClose:!1,closeOnClick:!1,closeButton:!1,draggable:!1,...t})),B.promise=function(e,t,n){let o,{pending:s,error:a,success:r}=t;s&&(o=d(s)?B.loading(s,n):B.loading(s.render,{...n,...s}));let i={isLoading:null,autoClose:null,closeOnClick:null,closeButton:null,draggable:null},l=(e,t,s)=>{if(null==t)return void B.dismiss(o);let a={type:e,...i,...n,data:s},r=d(t)?{render:t}:t;return o?B.update(o,{...a,...r}):B(r.render,{...a,...r}),s},c=u(e)?e():e;return c.then(e=>l("success",r,e)).catch(e=>l("error",a,e)),c},B.success=A("success"),B.info=A("info"),B.error=A("error"),B.warning=A("warning"),B.warn=B.warning,B.dark=(e,t)=>M(e,x("default",{theme:"dark",...t})),B.dismiss=function(e){!function(e){var t;if(b()){if(null==e||d(t=e)||c(t))v.forEach(t=>{t.removeToast(e)});else if(e&&("containerId"in e||"id"in e)){let t=v.get(e.containerId);t?t.removeToast(e.id):v.forEach(t=>{t.removeToast(e.id)})}}else h=h.filter(t=>null!=e&&t.options.toastId!==e)}(e)},B.clearWaitingQueue=function(e){void 0===e&&(e={}),v.forEach(t=>{!t.props.limit||e.containerId&&t.id!==e.containerId||t.clearQueue()})},B.isActive=I,B.update=function(e,t){void 0===t&&(t={});let n=((e,t)=>{var n;let{containerId:o}=t;return null==(n=v.get(o||1))?void 0:n.toasts.get(e)})(e,t);if(n){let{props:o,content:s}=n,a={delay:100,...o,...t,toastId:t.toastId||e,updateId:k()};a.toastId!==e&&(a.staleId=e);let r=a.render||s;delete a.render,M(r,a)}},B.done=e=>{B.update(e,{progress:1})},B.onChange=function(e){return T.add(e),()=>{T.delete(e)}},B.play=e=>C(!0,e),B.pause=e=>C(!1,e);let O="undefined"!=typeof window?react.useLayoutEffect:react.useEffect,D=t=>{let{theme:n,type:o,isLoading:s,...a}=t;return react.createElement("svg",{viewBox:"0 0 24 24",width:"100%",height:"100%",fill:"colored"===n?"currentColor":`var(--toastify-icon-color-${o})`,...a})},z={info:function(t){return react.createElement(D,{...t},react.createElement("path",{d:"M12 0a12 12 0 1012 12A12.013 12.013 0 0012 0zm.25 5a1.5 1.5 0 11-1.5 1.5 1.5 1.5 0 011.5-1.5zm2.25 13.5h-4a1 1 0 010-2h.75a.25.25 0 00.25-.25v-4.5a.25.25 0 00-.25-.25h-.75a1 1 0 010-2h1a2 2 0 012 2v4.75a.25.25 0 00.25.25h.75a1 1 0 110 2z"}))},warning:function(t){return react.createElement(D,{...t},react.createElement("path",{d:"M23.32 17.191L15.438 2.184C14.728.833 13.416 0 11.996 0c-1.42 0-2.733.833-3.443 2.184L.533 17.448a4.744 4.744 0 000 4.368C1.243 23.167 2.555 24 3.975 24h16.05C22.22 24 24 22.044 24 19.632c0-.904-.251-1.746-.68-2.44zm-9.622 1.46c0 1.033-.724 1.823-1.698 1.823s-1.698-.79-1.698-1.822v-.043c0-1.028.724-1.822 1.698-1.822s1.698.79 1.698 1.822v.043zm.039-12.285l-.84 8.06c-.057.581-.408.943-.897.943-.49 0-.84-.367-.896-.942l-.84-8.065c-.057-.624.25-1.095.779-1.095h1.91c.528.005.84.476.784 1.1z"}))},success:function(t){return react.createElement(D,{...t},react.createElement("path",{d:"M12 0a12 12 0 1012 12A12.014 12.014 0 0012 0zm6.927 8.2l-6.845 9.289a1.011 1.011 0 01-1.43.188l-4.888-3.908a1 1 0 111.25-1.562l4.076 3.261 6.227-8.451a1 1 0 111.61 1.183z"}))},error:function(t){return react.createElement(D,{...t},react.createElement("path",{d:"M11.983 0a12.206 12.206 0 00-8.51 3.653A11.8 11.8 0 000 12.207 11.779 11.779 0 0011.8 24h.214A12.111 12.111 0 0024 11.791 11.766 11.766 0 0011.983 0zM10.5 16.542a1.476 1.476 0 011.449-1.53h.027a1.527 1.527 0 011.523 1.47 1.475 1.475 0 01-1.449 1.53h-.027a1.529 1.529 0 01-1.523-1.47zM11 12.5v-6a1 1 0 012 0v6a1 1 0 11-2 0z"}))},spinner:function(){return react.createElement("div",{className:"Toastify__spinner"})}},R=n=>{let{isRunning:o,preventExitTransition:s,toastRef:r,eventHandlers:i,playToast:c}=N(n),{closeButton:d,children:p,autoClose:m,onClick:f,type:g,hideProgressBar:y,closeToast:v,transition:h,position:T,className:E,style:b,bodyClassName:I,bodyStyle:_,progressClassName:C,progressStyle:L,updateId:w,role:k,progress:P,rtl:M,toastId:x,deleteToast:A,isIn:B,isLoading:O,closeOnClick:D,theme:R}=n,S=dist_clsx("Toastify__toast",`Toastify__toast-theme--${R}`,`Toastify__toast--${g}`,{"Toastify__toast--rtl":M},{"Toastify__toast--close-on-click":D}),H=u(E)?E({rtl:M,position:T,type:g,defaultClassName:S}):dist_clsx(S,E),F=function(e){let{theme:n,type:o,isLoading:s,icon:r}=e,i=null,l={theme:n,type:o};return!1===r||(u(r)?i=r({...l,isLoading:s}):(0,react.isValidElement)(r)?i=(0,react.cloneElement)(r,l):s?i=z.spinner():o in z&&(i=z[o](l))),i}(n),X=!!P||!m,Y={closeToast:v,type:g,theme:R},q=null;return!1===d||(q=u(d)?d(Y):(0,react.isValidElement)(d)?(0,react.cloneElement)(d,Y):function(t){let{closeToast:n,theme:o,ariaLabel:s="close"}=t;return react.createElement("button",{className:`Toastify__close-button Toastify__close-button--${o}`,type:"button",onClick:e=>{e.stopPropagation(),n(e)},"aria-label":s},react.createElement("svg",{"aria-hidden":"true",viewBox:"0 0 14 16"},react.createElement("path",{fillRule:"evenodd",d:"M7.71 8.23l3.75 3.75-1.48 1.48-3.75-3.75-3.75 3.75L1 11.98l3.75-3.75L1 4.48 2.48 3l3.75 3.75L9.98 3l1.48 1.48-3.75 3.75z"})))}(Y)),react.createElement(h,{isIn:B,done:A,position:T,preventExitTransition:s,nodeRef:r,playToast:c},react.createElement("div",{id:x,onClick:f,"data-in":B,className:H,...i,style:b,ref:r},react.createElement("div",{...B&&{role:k},className:u(I)?I({type:g}):dist_clsx("Toastify__toast-body",I),style:_},null!=F&&react.createElement("div",{className:dist_clsx("Toastify__toast-icon",{"Toastify--animate-icon Toastify__zoom-enter":!O})},F),react.createElement("div",null,p)),q,react.createElement($,{...w&&!X?{key:`pb-${w}`}:{},rtl:M,theme:R,delay:m,isRunning:o,isIn:B,closeToast:v,hide:y,type:g,style:L,className:C,controlledProgress:X,progress:P||0})))},S=function(e,t){return void 0===t&&(t=!1),{enter:`Toastify--animate Toastify__${e}-enter`,exit:`Toastify--animate Toastify__${e}-exit`,appendPosition:t}},H=g(S("bounce",!0)),q=(g(S("slide",!0)),g(S("zoom")),g(S("flip")),{position:"top-right",transition:H,autoClose:5e3,closeButton:!0,pauseOnHover:!0,pauseOnFocusLoss:!0,draggable:"touch",draggablePercent:80,draggableDirection:"x",role:"alert",theme:"light"});function Q(t){let o={...q,...t},s=t.stacked,[a,r]=(0,react.useState)(!0),c=(0,react.useRef)(null),{getToastToRender:d,isToastActive:m,count:f}=L(o),{className:g,style:y,rtl:v,containerId:h}=o;function T(e){let t=dist_clsx("Toastify__toast-container",`Toastify__toast-container--${e}`,{"Toastify__toast-container--rtl":v});return u(g)?g({position:e,rtl:v,defaultClassName:t}):dist_clsx(t,p(g))}function E(){s&&(r(!0),B.play())}return O(()=>{if(s){var e;let t=c.current.querySelectorAll('[data-in="true"]'),s=null==(e=o.position)?void 0:e.includes("top"),r=0,i=0;Array.from(t).reverse().forEach((e,t)=>{e.classList.add("Toastify__toast--stacked"),t>0&&(e.dataset.collapsed=`${a}`),e.dataset.pos||(e.dataset.pos=s?"top":"bot");let l=r*(a?.2:1)+(a?0:12*t);e.style.setProperty("--y",`${s?l:-1*l}px`),e.style.setProperty("--g","12"),e.style.setProperty("--s",""+(1-(a?i:0))),r+=e.offsetHeight,i+=.025})}},[a,f,s]),react.createElement("div",{ref:c,className:"Toastify",id:h,onMouseEnter:()=>{s&&(r(!1),B.pause())},onMouseLeave:E},d((t,n)=>{let o=n.length?{...y}:{...y,pointerEvents:"none"};return react.createElement("div",{className:T(t),style:o,key:`container-${t}`},n.map(t=>{let{content:n,props:o}=t;return react.createElement(R,{...o,stacked:s,collapseAll:E,isIn:m(o.toastId,o.containerId),style:o.style,key:`toast-${o.key}`},n)}))}))}var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");let ToastContext=(0,react.createContext)(void 0);function ToastProvider(_ref){let{children}=_ref;return(0,jsx_runtime.jsxs)(ToastContext.Provider,{value:void 0,children:[(0,jsx_runtime.jsx)(Q,{className:"container",position:"top-center",autoClose:3e3,bodyClassName:"toast__body",toastClassName:"toast",pauseOnHover:!1,closeButton:!1,hideProgressBar:!0}),children]})}try{ToastProvider.displayName="ToastProvider",ToastProvider.__docgenInfo={description:"",displayName:"ToastProvider",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Toast/ToastProvider.tsx#ToastProvider"]={docgenInfo:ToastProvider.__docgenInfo,name:"ToastProvider",path:"src/Presentation/ui-components/Toast/ToastProvider.tsx#ToastProvider"})}catch(__react_docgen_typescript_loader_error){}var Button=__webpack_require__("./src/Presentation/ui-components/Button/Button.tsx");let Toast_stories={title:"@quickblox-react-ui-kit/Presentation/ui-components/Toast",component:ToastProvider,tags:["autodocs"],parameters:{layout:"centered"},args:{children:void 0},argTypes:{children:{table:{defaultValue:{summary:"ReactNode"},type:{summary:"ReactNode"}},description:"Children"}}};function ToastExample(){return(0,jsx_runtime.jsx)(ToastProvider,{children:(0,jsx_runtime.jsx)(Button.A,{onClick:()=>{B("Toast message",{position:"top-center",autoClose:5e3})},children:"Children"})})}let ToastDefault={render:()=>(0,jsx_runtime.jsx)(ToastExample,{})};ToastDefault.parameters={...ToastDefault.parameters,docs:{...ToastDefault.parameters?.docs,source:{originalSource:"{\n  render: () => <ToastExample />\n}",...ToastDefault.parameters?.docs?.source}}};let __namedExportsOrder=["ToastDefault"]}}]);
-//# sourceMappingURL=Presentation-ui-components-Toast-Toast-stories.24db9b3e.iframe.bundle.js.map

package/storybook-static/Presentation-ui-components-Toast-Toast-stories.24db9b3e.iframe.bundle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Presentation-ui-components-Toast-Toast-stories.24db9b3e.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\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) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\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-UserListItem-UserListItem-stories.04902be9.iframe.bundle.js

@@ -1,14 +0,0 @@
-(self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[585],{"./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];arg&&(classes=appendClass(classes,parseValue(arg)))}return classes}function parseValue(arg){if("string"==typeof arg||"number"==typeof arg)return arg;if("object"!=typeof arg)return"";if(Array.isArray(arg))return classNames.apply(null,arg);if(arg.toString!==Object.prototype.toString&&!arg.toString.toString().includes("[native code]"))return arg.toString();var classes="";for(var key in arg)hasOwn.call(arg,key)&&arg[key]&&(classes=appendClass(classes,key));return classes}function appendClass(value,newClass){return newClass?value?value+" "+newClass:value+newClass:value}module.exports?(classNames.default=classNames,module.exports=classNames):void 0!==(__WEBPACK_AMD_DEFINE_RESULT__=(function(){return classNames}).apply(exports,[]))&&(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)}()},"./node_modules/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"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")},"./src/Presentation/ui-components/Avatar/Avatar.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>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.Uh,{}),size="md",className,src}=_ref;return src?(0,jsx_runtime.jsx)("div",{className:classnames_default()("avatar",`avatar--${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--${size}`,className),children:icon})}try{Avatar_Avatar.displayName="Avatar",Avatar_Avatar.__docgenInfo={description:"",displayName:"Avatar",props:{size:{defaultValue:{value:"md"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"sm"'},{value:'"md"'},{value:'"lg"'},{value:'"xl"'},{value:'"xxl"'}]}},icon:{defaultValue:{value:"<UserSvg />"},description:"",name:"icon",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},src:{defaultValue:null,description:"",name:"src",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Avatar/Avatar.tsx#Avatar"]={docgenInfo:Avatar_Avatar.__docgenInfo,name:"Avatar",path:"src/Presentation/ui-components/Avatar/Avatar.tsx#Avatar"})}catch(__react_docgen_typescript_loader_error){}},"./src/Presentation/ui-components/CheckBox/CheckBox.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>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){}},"./src/Presentation/ui-components/UserListItem/UserListItem.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{UserList:()=>UserList,UserListItemDefault:()=>UserListItemDefault,__namedExportsOrder:()=>__namedExportsOrder,default:()=>UserListItem_stories});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),Avatar=__webpack_require__("./src/Presentation/ui-components/Avatar/Avatar.tsx"),CheckBox=__webpack_require__("./src/Presentation/ui-components/CheckBox/CheckBox.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function UserListItem_UserListItem(_ref){let{avatarUrl,userName,checked=!1,disabled=!1,onChange,className}=_ref;return(0,jsx_runtime.jsxs)("div",{className:classnames_default()("user-list-item",{"user-list-item--disabled":disabled},className),children:[(0,jsx_runtime.jsxs)("div",{className:"user-list-item__avatar",children:[(0,jsx_runtime.jsx)(Avatar.A,{src:avatarUrl}),(0,jsx_runtime.jsx)("span",{className:"user-list-item__name",children:userName})]}),onChange&&(0,jsx_runtime.jsx)(CheckBox.A,{onChange:onChange,disabled:disabled,checked:checked})]})}try{UserListItem_UserListItem.displayName="UserListItem",UserListItem_UserListItem.__docgenInfo={description:"",displayName:"UserListItem",props:{userName:{defaultValue:null,description:"",name:"userName",required:!0,type:{name:"string"}},avatarUrl:{defaultValue:null,description:"",name:"avatarUrl",required:!1,type:{name:"string"}},checked:{defaultValue:{value:"false"},description:"",name:"checked",required:!1,type:{name:"boolean"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((checked: boolean) => void)"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/UserListItem/UserListItem.tsx#UserListItem"]={docgenInfo:UserListItem_UserListItem.__docgenInfo,name:"UserListItem",path:"src/Presentation/ui-components/UserListItem/UserListItem.tsx#UserListItem"})}catch(__react_docgen_typescript_loader_error){}var icons=__webpack_require__("./src/Presentation/icons/index.ts");function LoaderComponent_LoaderComponent(){let theme=arguments.length>0&&void 0!==arguments[0]?arguments[0]:void 0,loaderStyles=theme?{animation:"spin 1s linear infinite",svg:{path:{fill:null!=theme&&theme.color?null==theme?void 0:theme.color:""}},minWidth:null==theme?void 0:theme.width,minHeight:null==theme?void 0:theme.height,Loader:{fill:null!=theme&&theme.color?null==theme?void 0:theme.color:""},fill:null!=theme&&theme.color?null==theme?void 0:theme.color:""}:{},loaderClasses=[theme&&Object.keys(theme).length>0?"":"loader"].join(" ");return(0,jsx_runtime.jsx)("div",{style:loaderStyles,className:loaderClasses,children:(0,jsx_runtime.jsx)(icons.iO,{className:"loader"})})}try{LoaderComponent_LoaderComponent.displayName="LoaderComponent",LoaderComponent_LoaderComponent.__docgenInfo={description:"",displayName:"LoaderComponent",props:{color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"string"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"string"}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"string"}},applyZoom:{defaultValue:null,description:"",name:"applyZoom",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/components/UI/Placeholders/LoaderComponent/LoaderComponent.tsx#LoaderComponent"]={docgenInfo:LoaderComponent_LoaderComponent.__docgenInfo,name:"LoaderComponent",path:"src/Presentation/components/UI/Placeholders/LoaderComponent/LoaderComponent.tsx#LoaderComponent"})}catch(__react_docgen_typescript_loader_error){}function ScrollableContainer_ScrollableContainer(props){let{className,rootStyles,mainContainerStyles,data,ListEmptyComponent,onEndReached,onEndReachedThreshold,refreshing,autoScrollToBottom,renderItem}=props,container=(0,react.useRef)(null),messageEndRef=(0,react.useRef)(null),scrollToBottom=()=>{var _messageEndRef$curren;console.log("call scrollToBottom start"),autoScrollToBottom&&(null===(_messageEndRef$curren=messageEndRef.current)||void 0===_messageEndRef$curren||_messageEndRef$curren.scrollIntoView({behavior:"smooth"}))};return(0,react.useEffect)(()=>{console.log("useEffect []"),autoScrollToBottom&&scrollToBottom()},[]),(0,react.useEffect)(()=>{console.log("useEffect messages"),autoScrollToBottom&&scrollToBottom()},[data.length]),console.log("çount items to scroll:",data.length),console.log("data to scrolling: ",JSON.stringify(data)),(0,jsx_runtime.jsxs)("div",{style:rootStyles,className:classnames_default()("list",className),children:[refreshing&&(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsx)(LoaderComponent_LoaderComponent,{width:"44",height:"44",color:"var(--color-background-info)"})}),data&&data.length?(0,jsx_runtime.jsxs)("div",{style:mainContainerStyles,className:"list-content",onScroll:()=>{if(console.log("call scrollHandler"),container.current){let{scrollHeight,clientHeight,scrollTop}=container.current,scrollOffset=(scrollTop+clientHeight)/scrollHeight,endReached=!1;"number"==typeof onEndReachedThreshold?scrollOffset>=onEndReachedThreshold&&(endReached=!0):scrollOffset>=.99&&(endReached=!0),endReached&&onEndReached&&onEndReached()}},ref:container,children:[data.map((it,index)=>renderItem(it,index)),(0,jsx_runtime.jsx)("div",{style:{float:"left",clear:"both"},ref:messageEndRef})]}):!refreshing&&ListEmptyComponent&&(0,jsx_runtime.jsx)(ListEmptyComponent,{})]})}try{ScrollableContainer_ScrollableContainer.displayName="ScrollableContainer",ScrollableContainer_ScrollableContainer.__docgenInfo={description:"",displayName:"ScrollableContainer",props:{className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},rootStyles:{defaultValue:null,description:"",name:"rootStyles",required:!1,type:{name:"CSSProperties"}},mainContainerStyles:{defaultValue:null,description:"",name:"mainContainerStyles",required:!1,type:{name:"CSSProperties"}},data:{defaultValue:null,description:"",name:"data",required:!0,type:{name:"T[]"}},ListEmptyComponent:{defaultValue:null,description:"",name:"ListEmptyComponent",required:!1,type:{name:"ComponentClass<{}, any> | FunctionComponent<{}>"}},onEndReached:{defaultValue:null,description:"",name:"onEndReached",required:!1,type:{name:"VoidFunction"}},onEndReachedThreshold:{defaultValue:null,description:"",name:"onEndReachedThreshold",required:!1,type:{name:"number"}},refreshing:{defaultValue:null,description:"",name:"refreshing",required:!1,type:{name:"boolean"}},autoScrollToBottom:{defaultValue:null,description:"",name:"autoScrollToBottom",required:!1,type:{name:"boolean"}},renderItem:{defaultValue:null,description:"",name:"renderItem",required:!0,type:{name:"(item: T, index: number) => ReactElement<any, string | JSXElementConstructor<any>> | null"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/components/containers/ScrollableContainer/ScrollableContainer.tsx#ScrollableContainer"]={docgenInfo:ScrollableContainer_ScrollableContainer.__docgenInfo,name:"ScrollableContainer",path:"src/Presentation/components/containers/ScrollableContainer/ScrollableContainer.tsx#ScrollableContainer"})}catch(__react_docgen_typescript_loader_error){}let UserListItem_stories={title:"@quickblox-react-ui-kit/Presentation/ui-components/UserListItem",component:UserListItem_UserListItem,tags:["autodocs"],parameters:{layout:"centered"},args:{className:"",disabled:!1,checked:!1,userName:"",avatarUrl:""},argTypes:{avatarUrl:{table:{type:{summary:"url"}},description:"Avatar image source"},userName:{table:{type:{summary:"string"},defaultValue:{summary:""}},description:"User name"},disabled:{table:{type:{summary:"boolean"},defaultValue:{summary:!1}},description:"Active"},checked:{table:{type:{summary:"boolean"},defaultValue:{summary:!1}},description:"Checkbox"},onChange:{table:{defaultValue:{summary:"(checked: boolean) => void"},type:{summary:"function"}},description:"Checkbox control"},className:{table:{defaultValue:{summary:"string"},type:{summary:"string"}},description:"Additional classes"}}};function UserListExample(){let[users,setUser]=(0,react.useState)([{name:"User 1",id:0,checked:!0},{name:"User 2",id:1,checked:!1},{name:"User 3",id:2,checked:!1},{name:"User 4",id:3,checked:!0},{name:"User 5",id:4,checked:!0}]);return(0,jsx_runtime.jsx)(ScrollableContainer_ScrollableContainer,{data:users,renderItem:user=>(0,jsx_runtime.jsx)(UserListItem_UserListItem,{userName:user.name,checked:user.checked,onChange:value=>{setUser(prevUsers=>prevUsers.map(prevUser=>prevUser.id===user.id?{...prevUser,checked:value}:prevUser))}}),onEndReachedThreshold:.8,refreshing:!1})}let UserListItemDefault={name:"UserListItem Default",args:{userName:"User name"}},UserList={name:"UserListItem Multiple",render:()=>(0,jsx_runtime.jsx)(UserListExample,{})};UserListItemDefault.parameters={...UserListItemDefault.parameters,docs:{...UserListItemDefault.parameters?.docs,source:{originalSource:"{\n  name: 'UserListItem Default',\n  args: {\n    userName: 'User name'\n  }\n}",...UserListItemDefault.parameters?.docs?.source}}},UserList.parameters={...UserList.parameters,docs:{...UserList.parameters?.docs,source:{originalSource:"{\n  name: 'UserListItem Multiple',\n  render: () => <UserListExample />\n}",...UserList.parameters?.docs?.source}}};let __namedExportsOrder=["UserListItemDefault","UserList"]}}]);
-//# sourceMappingURL=Presentation-ui-components-UserListItem-UserListItem-stories.04902be9.iframe.bundle.js.map

package/storybook-static/Presentation-ui-components-UserListItem-UserListItem-stories.04902be9.iframe.bundle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Presentation-ui-components-UserListItem-UserListItem-stories.04902be9.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\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) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\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/docs-Introduction-mdx.4b40f479.iframe.bundle.js

@@ -1,10 +0,0 @@
-(self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[485],{"./node_modules/@mdx-js/react/lib/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{BN:()=>MDXContext,RP:()=>useMDXComponents,gz:()=>withMDXComponents,xA:()=>MDXProvider});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");let MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return boundMDXComponent;function boundMDXComponent(props){let allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents})}}function useMDXComponents(components){let contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo(()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components},[contextComponents,components])}let emptyObject={};function MDXProvider({components,children,disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./node_modules/memoizerific sync recursive":module=>{function webpackEmptyContext(req){var e=Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}webpackEmptyContext.keys=()=>[],webpackEmptyContext.resolve=webpackEmptyContext,webpackEmptyContext.id="./node_modules/memoizerific sync recursive",module.exports=webpackEmptyContext},"./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"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")},"./src/docs/Introduction.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__}),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_Users_artemkoltunov_Desktop_01_react_ui_kit_private_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@mdx-js/react/lib/index.js"),_storybook_blocks__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs");function _createMdxContent(props){let _components=Object.assign({h1:"h1",a:"a",p:"p",h3:"h3",pre:"pre",code:"code",h4:"h4",blockquote:"blockquote",strong:"strong",ul:"ul",li:"li",ol:"ol"},(0,_Users_artemkoltunov_Desktop_01_react_ui_kit_private_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_2__.RP)(),props.components);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_storybook_blocks__WEBPACK_IMPORTED_MODULE_3__.W8,{title:"📕 Documentation/Introduction"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.h1,{id:"introduction",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.a,{href:"https://docs.quickblox.com/docs/react-uikit-send-your-first-message#importing-dependencies-in-the-project",target:"_blank",rel:"nofollow noopener noreferrer",children:"Introduction"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"The QuickBlox UIKit for React comprises a collection of pre-assembled UI components that enable effortless creation of an in-app chat equipped with all the necessary messaging functionalities. Our development kit encompasses light and dark themes, colors, and various other features. These components can be personalized to fashion an engaging messaging interface that reflects your brand's distinct identity."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"The QuickBlox UIKit fully supports both private and group dialogs. To initiate the process of sending a message from the ground up using Java or Kotlin, please refer to the instructions provided in the guide below."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.h3,{id:"installation",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.a,{href:"https://docs.quickblox.com/docs/react-uikit-send-your-first-message#step2-adding-dependencies-to-a-react-project",target:"_blank",rel:"nofollow noopener noreferrer",children:"Installation"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"To successfully integrate QuickBlox functionality into your React project, you need to add two main dependencies: quickblox and quickblox-react-ui-kit. By following the documentation, you can easily add these packages to your project."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{className:"language-bash",children:"npm install quickblox --save\n"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{className:"language-bash",children:"npm install quickblox-react-ui-kit --save\n"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.h4,{id:"importing-dependencies-in-the-project",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.a,{href:"https://docs.quickblox.com/docs/react-uikit-send-your-first-message#importing-dependencies-in-the-project",target:"_blank",rel:"nofollow noopener noreferrer",children:"Importing Dependencies in the Project"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"Open the file where you want to use QuickBlox functionality, such as App.tsx\nAdd the following lines at the beginning of the file to import the dependencies:"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_components.blockquote,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.strong,{children:"Note: We are using // @ts-ignor in TypeScript because QuickBlox SDK doesn't share types."})}),"\n"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{className:"language-ts",children:"// @ts-ignore\nimport * as QB from 'quickblox/quickblox';\nimport 'quickblox-react-ui-kit';\n"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.h3,{id:"adding-qbconfigts-file-to-your-react-application",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.a,{href:"https://docs.quickblox.com/docs/react-uikit-send-your-first-message#step-3-adding-qbconfigts-file-to-your-react-application",target:"_blank",rel:"nofollow noopener noreferrer",children:"Adding QBconfig.ts File to Your React Application"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"To ensure proper configuration and functionality of the QuickBlox UIKit in your React application, it is essential to add a QBconfig.ts file to the src folder. This file allows you to define the necessary parameters for the QuickBlox UIKit.\nThe QBconfig.ts file contains various configuration settings that determine how the QuickBlox UIKit interacts with the QuickBlox JavaScript SDK and the backend services. These settings include:"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"appId: This parameter represents the unique identifier assigned to your QuickBlox application. It helps establish a connection between the frontend and backend components.\nauthKey and authSecret: These parameters are used for authentication purposes. They ensure secure communication between your application and the QuickBlox backend.\naccountKey: This parameter identifies your QuickBlox account and provides access to the associated services.\napiEndpoint and chatEndpoint: These parameters define the API and chat endpoints provided by QuickBlox. They specify the URLs to which the QuickBlox UIKit will send requests for various functionalities."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{className:"language-ts",children:"export const QBConfig = {\n  credentials: {\n    appId: YOUR_APP_ID_FROM_ADMIN_PANEL,\n    accountKey: 'YOUR_ACCOUNT_KEY_FROM_ADMIN_PANEL',\n    authKey: 'YOUR_AUTH_KEY_FROM_ADMIN_PANEL',\n    authSecret: 'YOUR_AUTH_SECRET_FROM_ADMIN_PANEL',\n    sessionToken: '',\n  },\n  appConfig: {\n    chatProtocol: {\n      Active: 2,\n    },\n    debug: false,\n    endpoints: {\n      apiEndpoint: 'https://api.quickblox.com',\n      chatEndpoint: 'chat.quickblox.com',\n    },\n    on: {\n      async sessionExpired(handleResponse: any, retry: any) {\n        console.log(`Test sessionExpired… ${handleResponse} ${retry}`);\n      },\n    },\n    streamManagement: {\n      Enable: true,\n    },\n  },\n};\n"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"In this example, make sure to replace the placeholder values (YOUR_APP_ID_FROM_ADMIN_PANEL, YOUR_ACCOUNT_KEY_FROM_ADMIN_PANEL, YOUR_AUTH_KEY_FROM_ADMIN_PANEL, YOUR_AUTH_SECRET_FROM_ADMIN_PANEL) with the actual values obtained from your QuickBlox application.\nBy adding the QBconfig.ts file to your React application, you ensure that the QuickBlox UIKit is properly configured and can interact seamlessly with the QuickBlox backend services."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_components.blockquote,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.strong,{children:"Note: If you initialize your SDK using a session token, you need to not only fill the sessionToken field in QBConfig but also fill other properties in the same way as when using the initWithAppId method. See the link initialize QuickBlox SDK without Authorization Key and Secret."})}),"\n"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"Now we can add dependecies in our code. (Open your App.tsx and add that lines.)"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{className:"language-ts",children:"import * as QB from 'quickblox/quickblox';\nimport 'quickblox-react-ui-kit';\nimport { QBConfig } from './QBconfig'; // this line is new\n"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.h3,{id:"updating-the-project-structure-according-to-your-needs",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.a,{href:"https://docs.quickblox.com/docs/react-uikit-send-your-first-message#step-4-updating-the-project-structure-according-to-your-needs",target:"_blank",rel:"nofollow noopener noreferrer",children:"Updating the project structure according to your needs"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:'In order to enhance the organization and maintainability of your project, it is recommended to make changes to the structure of the App.tsx in the src folder.\nYou need to add a constant called "currentUser" inside the App() function in the App.tsx file, which describes your user registered in the admin panel, and configure the QuickBloxUIKitProvider. Additionally, import the necessary entities from quickblox-react-ui-kit.\nAs a result, you should have the code like code below:'}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{className:"language-ts",children:"import React from 'react';\nimport type { QBSession, QBUser } from 'quickblox/quickblox';\nimport {\n  QuickBloxUIKitProvider,\n  QuickBloxUIKitDesktopLayout,\n} from 'quickblox-react-ui-kit';\nimport { QBConfig } from '../../configs/QBconfig';\nimport Header from '../../components/Header';\nimport SettingModal from '../../components/modals/SettingModal';\nimport LogoutModal from '../../components/modals/LogoutModal';\n\ninterface AppProps {\n  session: QBSession;\n  logout: VoidFunction;\n}\n\nconst App = (props: AppProps) => {\n  const { session, logout } = props;\n  const [user, setUser] = useState<QBUser | null>(null);\n\n  return (\n    <QuickBloxUIKitProvider\n      maxFileSize={100 * 1000000}\n      accountData={{ ...QBConfig.credentials, sessionToken: session.token }}\n      qbConfig={{ ...QBConfig }}\n    >\n      <Header\n        avatarUrl={avatarUrl}\n        options={options}\n        handleChange={handleChange}\n        user={user}\n        regex={regex}\n      />\n      <QuickBloxUIKitDesktopLayout uikitHeightOffset={'40px'} />\n      <SettingModal\n        user={user}\n        avatarUrl={avatarUrl}\n        selectedValue={selectedValue}\n        setSelectedValue={setSelectedValue}\n        regex={regex}\n        setUser={setUser}\n      />\n      <LogoutModal\n        selectedValue={selectedValue}\n        setSelectedValue={setSelectedValue}\n        handleLogout={logout}\n      />\n    </QuickBloxUIKitProvider>\n  );\n};\n\nexport default App;\n"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"QuickBloxUIKitProvider can accept up to three parameters:"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_components.ul,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.li,{children:"maxFileSize - controls the maximum size of uploaded files."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.li,{children:"accountData - information about the application's account data."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.li,{children:"loginData - information about the logged-in user."}),"\n"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"Let's add the QuickBlox UIKit chat layer - QuickBloxUIKitDesktopLayout - to the markup of the main component of the application."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"If we do not specify a sessionToken in accountData, it means that the login and session start process occurs within our application. In this case, it is necessary to perform the following fifth step in our instruction.\nHowever, if the session start and application login process is already performed in another application, such as on a server, and we already have a ready sessionToken, then we can skip the next step."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.h3,{id:"configure-quickbloxuikitprovider",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.a,{href:"https://docs.quickblox.com/docs/react-uikit-send-your-first-message#step-5-configure-quickbloxuikitprovider",target:"_blank",rel:"nofollow noopener noreferrer",children:"Configure QuickBloxUIKitProvider"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"To configure QuickBloxUIKitProvider and use QuickBloxUIKit in your application, follow these steps:\nInitialize DataContext:"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_components.ol,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.li,{children:"To work with QuickBlox, it is necessary to initialize the UI Kit react DataContext. It contains important data and settings for using QuickBloxSDK. The DataContext connects various components of the application and provides them access to shared data."}),"\n"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{className:"language-ts",children:"const qbUIKitContext: QBDataContextType = React.useContext(qbDataContext);\n\nconst [isUserAuthorized, setUserAuthorized] = React.useState(false);\nconst [isSDKInitialized, setSDKInitialized] = React.useState(false);\n\nconst prepareSDK = async (): Promise<void> => {\n  // check if we have installed SDK\n  if ((window as any).QB === undefined) {\n    if (QB !== undefined) {\n      (window as any).QB = QB;\n    } else {\n      let QBLib = require('quickblox/quickblox.min');\n      (window as any).QB = QBLib;\n    }\n  }\n\n  const APPLICATION_ID = QBConfig.credentials.appId;\n  const AUTH_KEY = QBConfig.credentials.authKey;\n  const AUTH_SECRET = QBConfig.credentials.authSecret;\n  const ACCOUNT_KEY = QBConfig.credentials.accountKey;\n  const CONFIG = QBConfig.appConfig;\n\n  QB.init(APPLICATION_ID, AUTH_KEY, AUTH_SECRET, ACCOUNT_KEY, CONFIG);\n};\n"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_components.ol,{start:"2",children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.li,{children:"We need to add user authentication, so to do this, we will introduce two states and use the useEffect hook:"}),"\n"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{className:"language-ts",children:"const [authorized, setAuthorized] = React.useState(false);\nconst [initedSDK, setInitedSDK] = React.useState(false);\n\n......\n\n useEffect(() => {\n    if (!isSDKInitialized) {\n      prepareSDK().then(result => {\n\n        QB.createSession(currentUser, async function (errorCreateSession: any, session: any) {\n          if (errorCreateSession) {\n            console.log('Create User Session has error:', JSON.stringify(errorCreateSession));\n          } else {\n            const userId: number = session.user_id;\n            const password: string = session.token;\n            const paramsConnect = { userId, password };\n\n            QB.chat.connect(paramsConnect, async function (errorConnect: any, resultConnect: any) {\n              if (errorConnect) {\n                console.log('Can not connect to chat server: ', errorConnect);\n              } else {\n                const authData: AuthorizationData = {\n                  userId: userId,\n                  password: password,\n                  userName: currentUser.login,\n                  sessionToken: session.token\n                };\n                await qbUIKitContext.authorize(authData);\n                setSDKInitialized(true);\n                setUserAuthorized(true);\n              }\n            });\n          }\n        });\n      }).catch(\n          e => {\n            console.log('init SDK has error: ', e)\n          });\n    }\n  }, []);\n\n  ......\n"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"After implementing all the steps, your App.tsx file should look like this. You can compare it this your code or copy it instead of."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{className:"language-ts",children:"import React, { useEffect } from 'react';\n\n// @ts-ignore\nimport * as QB from 'quickblox/quickblox';\nimport {\n  QuickBloxUIKitProvider,\n  qbDataContext,\n  QuickBloxUIKitDesktopLayout,\n  LoginData,\n  AuthorizationData,\n  QBDataContextType,\n} from 'quickblox-react-ui-kit';\nimport { QBConfig } from './QBconfig';\nimport './App.css';\n\nfunction App() {\n  const currentUser: LoginData = {\n    login: '',\n    password: '',\n  };\n\n  const qbUIKitContext: QBDataContextType = React.useContext(qbDataContext);\n\n  const [isUserAuthorized, setUserAuthorized] = React.useState(false);\n  const [isSDKInitialized, setSDKInitialized] = React.useState(false);\n\n  const prepareSDK = async (): Promise<void> => {\n    // check if we have installed SDK\n    if ((window as any).QB === undefined) {\n      if (QB !== undefined) {\n        (window as any).QB = QB;\n      } else {\n        let QBLib = require('quickblox/quickblox.min');\n        (window as any).QB = QBLib;\n      }\n    }\n\n    const APPLICATION_ID = QBConfig.credentials.appId;\n    const AUTH_KEY = QBConfig.credentials.authKey;\n    const AUTH_SECRET = QBConfig.credentials.authSecret;\n    const ACCOUNT_KEY = QBConfig.credentials.accountKey;\n    const CONFIG = QBConfig.appConfig;\n\n    QB.init(APPLICATION_ID, AUTH_KEY, AUTH_SECRET, ACCOUNT_KEY, CONFIG);\n  };\n\n  useEffect(() => {\n    if (!isSDKInitialized) {\n      prepareSDK()\n        .then((result) => {\n          QB.createSession(\n            currentUser,\n            async function (errorCreateSession: any, session: any) {\n              if (errorCreateSession) {\n                console.log(\n                  'Create User Session has error:',\n                  JSON.stringify(errorCreateSession),\n                );\n              } else {\n                const userId: number = session.user_id;\n                const password: string = session.token;\n                const paramsConnect = { userId, password };\n\n                QB.chat.connect(\n                  paramsConnect,\n                  async function (errorConnect: any, resultConnect: any) {\n                    if (errorConnect) {\n                      console.log(\n                        'Can not connect to chat server: ',\n                        errorConnect,\n                      );\n                    } else {\n                      const authData: AuthorizationData = {\n                        userId: userId,\n                        password: password,\n                        userName: currentUser.login,\n                        sessionToken: session.token,\n                      };\n                      await qbUIKitContext.authorize(authData);\n                      setSDKInitialized(true);\n                      setUserAuthorized(true);\n                    }\n                  },\n                );\n              }\n            },\n          );\n        })\n        .catch((e) => {\n          console.log('init SDK has error: ', e);\n        });\n    }\n  }, []);\n\n  return (\n    <div>\n      <QuickBloxUIKitProvider\n        maxFileSize={100 * 1000000}\n        accountData={{ ...QBConfig.credentials }}\n        loginData={{\n          login: currentUser.login,\n          password: currentUser.password,\n        }}\n      >\n        <div className=\"App\">\n          {\n            // React states indicating the ability to render UI\n            isSDKInitialized && isUserAuthorized ? (\n              <QuickBloxUIKitDesktopLayout />\n            ) : (\n              <div>wait while SDK is initializing...</div>\n            )\n          }\n        </div>\n      </QuickBloxUIKitProvider>\n    </div>\n  );\n}\n\nexport default App;\n"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"You should run the application using the command:"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{className:"language-bash",children:"npm start\n"})})]})}let __WEBPACK_DEFAULT_EXPORT__=function MDXContent(props={}){let{wrapper:MDXLayout}=Object.assign({},(0,_Users_artemkoltunov_Desktop_01_react_ui_kit_private_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_2__.RP)(),props.components);return MDXLayout?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(MDXLayout,Object.assign({},props,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_createMdxContent,props)})):_createMdxContent(props)}}}]);
-//# sourceMappingURL=docs-Introduction-mdx.4b40f479.iframe.bundle.js.map

package/storybook-static/docs-Introduction-mdx.4b40f479.iframe.bundle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"docs-Introduction-mdx.4b40f479.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/docs-Styling-mdx.55077e67.iframe.bundle.js

@@ -1,10 +0,0 @@
-(self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[234],{"./node_modules/@mdx-js/react/lib/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{BN:()=>MDXContext,RP:()=>useMDXComponents,gz:()=>withMDXComponents,xA:()=>MDXProvider});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");let MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({});function withMDXComponents(Component){return boundMDXComponent;function boundMDXComponent(props){let allComponents=useMDXComponents(props.components);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component,{...props,allComponents})}}function useMDXComponents(components){let contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo(()=>"function"==typeof components?components(contextComponents):{...contextComponents,...components},[contextComponents,components])}let emptyObject={};function MDXProvider({components,children,disableParentContext}){let allComponents;return allComponents=disableParentContext?"function"==typeof components?components({}):components||emptyObject:useMDXComponents(components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},children)}},"./node_modules/memoizerific sync recursive":module=>{function webpackEmptyContext(req){var e=Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}webpackEmptyContext.keys=()=>[],webpackEmptyContext.resolve=webpackEmptyContext,webpackEmptyContext.id="./node_modules/memoizerific sync recursive",module.exports=webpackEmptyContext},"./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"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")},"./src/docs/Styling.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__}),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_Users_artemkoltunov_Desktop_01_react_ui_kit_private_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@mdx-js/react/lib/index.js"),_storybook_blocks__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs");function _createMdxContent(props){let _components=Object.assign({h1:"h1",a:"a",p:"p",h2:"h2",img:"img",pre:"pre",code:"code",ul:"ul",li:"li"},(0,_Users_artemkoltunov_Desktop_01_react_ui_kit_private_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_2__.RP)(),props.components);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_storybook_blocks__WEBPACK_IMPORTED_MODULE_3__.W8,{title:"📕 Documentation/Styling"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.h1,{id:"customization",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.a,{href:"https://docs.quickblox.com/docs/react-uikit-customization",target:"_blank",rel:"nofollow noopener noreferrer",children:"Customization"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"The QuickBlox UIKit for React allows you to create your own unique view of the UIKit."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.h2,{id:"default-themes",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.a,{href:"https://docs.quickblox.com/docs/react-uikit-customization#default-themes",target:"_blank",rel:"nofollow noopener noreferrer",children:"Default themes"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"The QuickBlox UIKit for React has 2 built in themes: Dark and Light."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.h2,{id:"color-theme",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.a,{href:"",children:"Color Theme"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.img,{src:"https://files.readme.io/393b8d6-ColorTheme.png",alt:"Image"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"Default theme for UIKit is Light.\nTo set theme you need to set value 'dark' to key data-theme in global styles (html[data-theme=\"dark”]).\nFor example, you can use pure JavaScript:"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{className:"language-js",children:"document.documentElement.setAttribute('data-theme', 'dark');\n"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.h2,{id:"use-your-own-theme",children:"Use your own theme"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"There are two options how you can create your own theme:"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_components.ul,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.li,{children:"Customize current theme using css"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.li,{children:"Create your own theme to customize selected components"}),"\n"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"To customize the current theme you just need to set the new colors in css variables."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"Or you can create your own theme. To do this you need to create a new class that implements the UiKitTheme interface."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"To use your own theme using css you need to create _theme_colors_scheme.scss and set colors"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{className:"language-scss",children:"$background-overlay-light: rgba(19, 29, 40, 0.8);\n$background-overlay-dark: rgba(144, 151, 159, 0.8);\n$primary-50: #e7efff;\n$primary-100: #c4d7fe;\n$primary-200: #9cbcfe;\n$primary-300: #74a1fd;\n$primary-400: #578cfc;\n$primary-500: #3978fc;\n$primary-600: #3370fc;\n$primary-700: #2c65fb;\n$primary-800: #245bfb;\n$primary-900: #1748fa;\n$primary-a-100: #ffffff;\n$primary-a-200: #f7f9ff;\n$primary-a-400: #c4cfff;\n$primary-a-700: #abbaff;\n$secondary-50: #e4e6e8;\n$secondary-100: #bcc1c5;\n$secondary-200: #90979f;\n$secondary-300: #636d78;\n$secondary-400: #414e5b;\n$secondary-500: #202f3e;\n$secondary-600: #1c2a38;\n$secondary-700: #182330;\n$secondary-800: #131d28;\n$secondary-900: #0b121b;\n$secondary-a-100: #74a1fd;\n$secondary-a-200: #3978fc;\n$secondary-a-400: #245bfb;\n$secondary-a-700: #0050dc;\n$system-green-100: #c8f1d6;\n$system-green-200: #a4e7bb;\n$system-green-300: #80dda0;\n$system-green-400: #64d68b;\n$system-green-500: #49cf77;\n$error-100: #ffc4c1;\n$error-200: #ff9d98;\n$error-300: #ff766e;\n$error-400: #ff584f;\n$error-500: #ff3b30;\n$information: #fdb0ff;\n$highlight: #fffdc1;\n"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"To use your own new theme colors create _theme_dark.scss and _theme_light.scss files and set color variable."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{className:"language-scss",children:"// _theme_dark.scss:\n\nhtml[data-theme='dark'] {\n  --color-background-info: #{$primary-500};\n  --tertiary-elements: #{$background-overlay-dark};\n  --main-elements: #{$primary-300};\n  --secondary-elements: #{$primary-a-100};\n  --input-elements: #{$secondary-200};\n  --disabled-elements: #{$secondary-300};\n  --field-border: #{$secondary-200};\n  --main-text: #{$primary-a-100};\n  --secondary-text: #{$secondary-200};\n  --caption: #{$secondary-100};\n  --main-background: #{$secondary-500};\n  --secondary-background: #{$secondary-800};\n  --incoming-background: #{$secondary-400};\n  --outgoing-background: #{$primary-500};\n  --dropdown-background: #{$secondary-400};\n  --chat-input: #{$secondary-800};\n  --divider: #{$secondary-400};\n  --error: #{$error-300};\n  --hightlight: #{$highlight};\n}\n\n// _theme_light.scss:\n:root {\n  --color-background-info: #{$primary-100};\n  --tertiary-elements: #{$secondary-300};\n  --main-elements: #{$primary-500};\n  --secondary-elements: #{$secondary-500};\n  --input-elements: #{$secondary-500};\n  --disabled-elements: #{$secondary-100};\n  --field-border: #{$secondary-200};\n  --main-text: #{$secondary-900};\n  --secondary-text: #{$secondary-300};\n  --caption: #{$secondary-200};\n  --main-background: #{$primary-a-100};\n  --secondary-background: #{$primary-a-100};\n  --secondary-background-modal: #{$background-overlay-light};\n  --incoming-background: #{$secondary-50};\n  --outgoing-background: #{$primary-50};\n  --dropdown-background: #{$primary-a-100};\n  --chat-input: #{$primary-a-200};\n  --divider: #{$primary-50};\n  --error: #{$error-500};\n  --hightlight: #{$highlight};\n}\n"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"To create your own theme to customize selected components you need to create a new class that implements the UiKitTheme interface."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{className:"language-ts",children:"//DefaultTheme implements UiKitTheme\nexport default class CustomTheme extends DefaultTheme {\n  divider = (): string => 'var(--divider)';\n  mainText = (): string => '#FFFFFF';\n  fontFamily = (): string => 'Roboto';\n  /*\n  The DefaultTheme contains other theme methods :\n  caption = (): string => 'var(--caption)';\n  chatInput = (): string => 'var(--chat-input)';\n  disabledElements = (): string => 'var(--disabled-elements)';\n  dropdownBackground = (): string => 'var(--dropdown-background)';\n  error = (): string => 'var(--error)';\n  fieldBorder = (): string => 'var(--field-border)';\n  hightlight = (): string => 'var(--hightlight)';\n  incomingBackground = (): string => 'var(--incoming-background)';\n  inputElements = (): string => 'var(--input-elements)';\n  mainBackground = (): string => 'var(--main-background)';\n  mainElements = (): string => 'var(--main-elements)';\n  outgoingBackground = (): string => 'var(--outgoing-background)';\n  secondaryBackground = (): string => 'var(--secondary-background)';\n  secondaryElements = (): string => 'var(--secondary-elements)';\n  secondaryText = (): string => 'var(--secondary-text)';\n  */\n}\n"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"and specify selected components:"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_components.ul,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.li,{children:"desktop layout container"}),"\n"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{className:"language-ts",children:"<QuickBloxUIKitDesktopLayout theme={new CustomTheme()}>\n"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.h1,{id:"custom-styling",children:"Custom styling"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"We have developed our components with the ability to be customized to individual needs, so each component accepts a prop called className, allowing the user to apply their own styles to the component."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{className:"language-ts",children:"import { Button } from '../../ui-components';\nimport './style.scss';\n\n<Button className=\"button\">Button</Button>;\n"})})]})}let __WEBPACK_DEFAULT_EXPORT__=function MDXContent(props={}){let{wrapper:MDXLayout}=Object.assign({},(0,_Users_artemkoltunov_Desktop_01_react_ui_kit_private_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_2__.RP)(),props.components);return MDXLayout?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(MDXLayout,Object.assign({},props,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_createMdxContent,props)})):_createMdxContent(props)}}}]);
-//# sourceMappingURL=docs-Styling-mdx.55077e67.iframe.bundle.js.map

package/storybook-static/docs-Styling-mdx.55077e67.iframe.bundle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"docs-Styling-mdx.55077e67.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/main.c0c1b229.iframe.bundle.js

@@ -1 +0,0 @@
-(self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[792],{"./.storybook/preview.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>_storybook_preview});let _storybook_preview={parameters:{actions:{argTypesRegex:"^on[A-Z].*"},controls:{matchers:{color:/(background|color)$/i,date:/Date$/i}}}}},"./node_modules/@storybook/addon-interactions/dist sync recursive":module=>{function webpackEmptyContext(req){var e=Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}webpackEmptyContext.keys=()=>[],webpackEmptyContext.resolve=webpackEmptyContext,webpackEmptyContext.id="./node_modules/@storybook/addon-interactions/dist sync recursive",module.exports=webpackEmptyContext},"./src lazy recursive ^\\.\\/.*$ include: (?:\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.mdx)$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./docs/Introduction.mdx":["./src/docs/Introduction.mdx",457,485],"./docs/Styling.mdx":["./src/docs/Styling.mdx",457,234]};function webpackAsyncContext(req){if(!__webpack_require__.o(map,req))return Promise.resolve().then(()=>{var e=Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e});var ids=map[req],id=ids[0];return Promise.all(ids.slice(1).map(__webpack_require__.e)).then(()=>__webpack_require__(id))}webpackAsyncContext.keys=()=>Object.keys(map),webpackAsyncContext.id="./src lazy recursive ^\\.\\/.*$ include: (?:\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.mdx)$",module.exports=webpackAsyncContext},"./src lazy recursive ^\\.\\/.*$ include: (?:\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cmjs%7Cts%7Ctsx))$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./Presentation/ui-components/Avatar/avatar.stories":["./src/Presentation/ui-components/Avatar/avatar.stories.tsx",305,155],"./Presentation/ui-components/Avatar/avatar.stories.tsx":["./src/Presentation/ui-components/Avatar/avatar.stories.tsx",305,155],"./Presentation/ui-components/Badge/Badge.stories":["./src/Presentation/ui-components/Badge/Badge.stories.ts",751],"./Presentation/ui-components/Badge/Badge.stories.ts":["./src/Presentation/ui-components/Badge/Badge.stories.ts",751],"./Presentation/ui-components/Button/Button.stories":["./src/Presentation/ui-components/Button/Button.stories.ts",305,349],"./Presentation/ui-components/Button/Button.stories.ts":["./src/Presentation/ui-components/Button/Button.stories.ts",305,349],"./Presentation/ui-components/DialogBanner/DialogBanner.stories":["./src/Presentation/ui-components/DialogBanner/DialogBanner.stories.ts",801],"./Presentation/ui-components/DialogBanner/DialogBanner.stories.ts":["./src/Presentation/ui-components/DialogBanner/DialogBanner.stories.ts",801],"./Presentation/ui-components/DialogItemPreview/DialogItemPreview.stories":["./src/Presentation/ui-components/DialogItemPreview/DialogItemPreview.stories.tsx",305,275],"./Presentation/ui-components/DialogItemPreview/DialogItemPreview.stories.tsx":["./src/Presentation/ui-components/DialogItemPreview/DialogItemPreview.stories.tsx",305,275],"./Presentation/ui-components/DialogWindow/DialogWindow.stories":["./src/Presentation/ui-components/DialogWindow/DialogWindow.stories.tsx",305,409],"./Presentation/ui-components/DialogWindow/DialogWindow.stories.tsx":["./src/Presentation/ui-components/DialogWindow/DialogWindow.stories.tsx",305,409],"./Presentation/ui-components/Dropdown/Dropdown.stories":["./src/Presentation/ui-components/Dropdown/Dropdown.stories.tsx",305,107],"./Presentation/ui-components/Dropdown/Dropdown.stories.tsx":["./src/Presentation/ui-components/Dropdown/Dropdown.stories.tsx",305,107],"./Presentation/ui-components/Header/Header.stories":["./src/Presentation/ui-components/Header/Header.stories.tsx",305,395],"./Presentation/ui-components/Header/Header.stories.tsx":["./src/Presentation/ui-components/Header/Header.stories.tsx",305,395],"./Presentation/ui-components/Loader/Loader.stories":["./src/Presentation/ui-components/Loader/Loader.stories.ts",305,43],"./Presentation/ui-components/Loader/Loader.stories.ts":["./src/Presentation/ui-components/Loader/Loader.stories.ts",305,43],"./Presentation/ui-components/Message/Message.stories":["./src/Presentation/ui-components/Message/Message.stories.tsx",305,515],"./Presentation/ui-components/Message/Message.stories.tsx":["./src/Presentation/ui-components/Message/Message.stories.tsx",305,515],"./Presentation/ui-components/MessageInput/MessageInput.stories":["./src/Presentation/ui-components/MessageInput/MessageInput.stories.tsx",994,305,491],"./Presentation/ui-components/MessageInput/MessageInput.stories.tsx":["./src/Presentation/ui-components/MessageInput/MessageInput.stories.tsx",994,305,491],"./Presentation/ui-components/MessageSeparator/MessageSeparator.stories":["./src/Presentation/ui-components/MessageSeparator/MessageSeparator.stories.ts",117],"./Presentation/ui-components/MessageSeparator/MessageSeparator.stories.ts":["./src/Presentation/ui-components/MessageSeparator/MessageSeparator.stories.ts",117],"./Presentation/ui-components/Placeholder/Placeholder.stories":["./src/Presentation/ui-components/Placeholder/Placeholder.stories.tsx",305,723],"./Presentation/ui-components/Placeholder/Placeholder.stories.tsx":["./src/Presentation/ui-components/Placeholder/Placeholder.stories.tsx",305,723],"./Presentation/ui-components/PreviewFileMessage/PreviewFileMessage.stories":["./src/Presentation/ui-components/PreviewFileMessage/PreviewFileMessage.stories.ts",305,731],"./Presentation/ui-components/PreviewFileMessage/PreviewFileMessage.stories.ts":["./src/Presentation/ui-components/PreviewFileMessage/PreviewFileMessage.stories.ts",305,731],"./Presentation/ui-components/SettingsItem/SettingsItem.stories":["./src/Presentation/ui-components/SettingsItem/SettingsItem.stories.tsx",305,853],"./Presentation/ui-components/SettingsItem/SettingsItem.stories.tsx":["./src/Presentation/ui-components/SettingsItem/SettingsItem.stories.tsx",305,853],"./Presentation/ui-components/TextField/TextField.stories":["./src/Presentation/ui-components/TextField/TextField.stories.ts",305,555],"./Presentation/ui-components/TextField/TextField.stories.ts":["./src/Presentation/ui-components/TextField/TextField.stories.ts",305,555],"./Presentation/ui-components/Toast/Toast.stories":["./src/Presentation/ui-components/Toast/Toast.stories.tsx",305,47],"./Presentation/ui-components/Toast/Toast.stories.tsx":["./src/Presentation/ui-components/Toast/Toast.stories.tsx",305,47],"./Presentation/ui-components/UserListItem/UserListItem.stories":["./src/Presentation/ui-components/UserListItem/UserListItem.stories.tsx",305,585],"./Presentation/ui-components/UserListItem/UserListItem.stories.tsx":["./src/Presentation/ui-components/UserListItem/UserListItem.stories.tsx",305,585]};function webpackAsyncContext(req){if(!__webpack_require__.o(map,req))return Promise.resolve().then(()=>{var e=Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e});var ids=map[req],id=ids[0];return Promise.all(ids.slice(1).map(__webpack_require__.e)).then(()=>__webpack_require__(id))}webpackAsyncContext.keys=()=>Object.keys(map),webpackAsyncContext.id="./src lazy recursive ^\\.\\/.*$ include: (?:\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cmjs%7Cts%7Ctsx))$",module.exports=webpackAsyncContext},"./storybook-config-entry.js":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var external_STORYBOOK_MODULE_GLOBAL_=__webpack_require__("@storybook/global"),external_STORYBOOK_MODULE_PREVIEW_API_=__webpack_require__("@storybook/preview-api"),external_STORYBOOK_MODULE_CHANNELS_=__webpack_require__("@storybook/channels");let pipeline=x=>x(),importers=[async path=>{if(!/^\.[\\/](?:src(?:\/(?!\.)(?:(?:(?!(?:^|\/)\.).)*?)\/|\/|$)(?!\.)(?=.)[^/]*?\.mdx)$/.exec(path))return;let pathRemainder=path.substring(6);return __webpack_require__("./src lazy recursive ^\\.\\/.*$ include: (?:\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.mdx)$")("./"+pathRemainder)},async path=>{if(!/^\.[\\/](?:src(?:\/(?!\.)(?:(?:(?!(?:^|\/)\.).)*?)\/|\/|$)(?!\.)(?=.)[^/]*?\.stories\.(js|jsx|mjs|ts|tsx))$/.exec(path))return;let pathRemainder=path.substring(6);return __webpack_require__("./src lazy recursive ^\\.\\/.*$ include: (?:\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cmjs%7Cts%7Ctsx))$")("./"+pathRemainder)}];async function importFn(path){for(let i=0;i<importers.length;i++){let moduleExports=await pipeline(()=>importers[i](path));if(moduleExports)return moduleExports}}let channel=(0,external_STORYBOOK_MODULE_CHANNELS_.createBrowserChannel)({page:"preview"});external_STORYBOOK_MODULE_PREVIEW_API_.addons.setChannel(channel),"DEVELOPMENT"===external_STORYBOOK_MODULE_GLOBAL_.global.CONFIG_TYPE&&(window.__STORYBOOK_SERVER_CHANNEL__=channel);let preview=new external_STORYBOOK_MODULE_PREVIEW_API_.PreviewWeb;window.__STORYBOOK_PREVIEW__=preview,window.__STORYBOOK_STORY_STORE__=preview.storyStore,window.__STORYBOOK_ADDONS_CHANNEL__=channel,window.__STORYBOOK_CLIENT_API__=new external_STORYBOOK_MODULE_PREVIEW_API_.ClientApi({storyStore:preview.storyStore}),preview.initialize({importFn:importFn,getProjectAnnotations:()=>(0,external_STORYBOOK_MODULE_PREVIEW_API_.composeConfigs)([__webpack_require__("./node_modules/@storybook/react/dist/entry-preview.mjs"),__webpack_require__("./node_modules/@storybook/react/dist/entry-preview-docs.mjs"),__webpack_require__("./node_modules/@storybook/addon-links/dist/preview.js"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/docs/preview.js"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/actions/preview.js"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/backgrounds/preview.js"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/measure/preview.js"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/outline/preview.js"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/highlight/preview.js"),__webpack_require__("./node_modules/@storybook/addon-interactions/dist/preview.js"),__webpack_require__("./.storybook/preview.ts")])})},"@storybook/channels":module=>{"use strict";module.exports=__STORYBOOK_MODULE_CHANNELS__},"@storybook/client-logger":module=>{"use strict";module.exports=__STORYBOOK_MODULE_CLIENT_LOGGER__},"@storybook/core-events":module=>{"use strict";module.exports=__STORYBOOK_MODULE_CORE_EVENTS__},"@storybook/global":module=>{"use strict";module.exports=__STORYBOOK_MODULE_GLOBAL__},"@storybook/preview-api":module=>{"use strict";module.exports=__STORYBOOK_MODULE_PREVIEW_API__}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[208],()=>__webpack_exec__("./storybook-config-entry.js")),__webpack_require__.O()}]);

package/storybook-static/manifest.json

@@ -1,25 +0,0 @@
-{
-  "short_name": "React App",
-  "name": "Create React App Sample",
-  "icons": [
-    {
-      "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    },
-    {
-      "src": "logo192.png",
-      "type": "image/png",
-      "sizes": "192x192"
-    },
-    {
-      "src": "logo512.png",
-      "type": "image/png",
-      "sizes": "512x512"
-    }
-  ],
-  "start_url": ".",
-  "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
-}

package/storybook-static/robots.txt

@@ -1,3 +0,0 @@
-# https://www.robotstxt.org/robotstxt.html
-User-agent: *
-Disallow:

package/storybook-static/runtime~main.94227b12.iframe.bundle.js

@@ -1 +0,0 @@
-(()=>{"use strict";var __webpack_modules__={},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(void 0!==cachedModule)return cachedModule.exports;var module=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.loaded=!0,module.exports}__webpack_require__.m=__webpack_modules__,__webpack_require__.amdO={},(()=>{var deferred=[];__webpack_require__.O=(result,chunkIds,fn,priority)=>{if(chunkIds){priority=priority||0;for(var i=deferred.length;i>0&&deferred[i-1][2]>priority;i--)deferred[i]=deferred[i-1];deferred[i]=[chunkIds,fn,priority];return}for(var notFulfilled=1/0,i=0;i<deferred.length;i++){for(var chunkIds=deferred[i][0],fn=deferred[i][1],priority=deferred[i][2],fulfilled=!0,j=0;j<chunkIds.length;j++)(!1&priority||notFulfilled>=priority)&&Object.keys(__webpack_require__.O).every(key=>__webpack_require__.O[key](chunkIds[j]))?chunkIds.splice(j--,1):(fulfilled=!1,priority<notFulfilled&&(notFulfilled=priority));if(fulfilled){deferred.splice(i--,1);var r=fn();void 0!==r&&(result=r)}}return result}})(),__webpack_require__.n=module=>{var getter=module&&module.__esModule?()=>module.default:()=>module;return __webpack_require__.d(getter,{a:getter}),getter},(()=>{var leafPrototypes,getProto=Object.getPrototypeOf?obj=>Object.getPrototypeOf(obj):obj=>obj.__proto__;__webpack_require__.t=function(value,mode){if(1&mode&&(value=this(value)),8&mode||"object"==typeof value&&value&&(4&mode&&value.__esModule||16&mode&&"function"==typeof value.then))return value;var ns=Object.create(null);__webpack_require__.r(ns);var def={};leafPrototypes=leafPrototypes||[null,getProto({}),getProto([]),getProto(getProto)];for(var current=2&mode&&value;"object"==typeof current&&!~leafPrototypes.indexOf(current);current=getProto(current))Object.getOwnPropertyNames(current).forEach(key=>def[key]=()=>value[key]);return def.default=()=>value,__webpack_require__.d(ns,def),ns}})(),__webpack_require__.d=(exports,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.f={},__webpack_require__.e=chunkId=>Promise.all(Object.keys(__webpack_require__.f).reduce((promises,key)=>(__webpack_require__.f[key](chunkId,promises),promises),[])),__webpack_require__.u=chunkId=>""+(({43:"Presentation-ui-components-Loader-Loader-stories",47:"Presentation-ui-components-Toast-Toast-stories",107:"Presentation-ui-components-Dropdown-Dropdown-stories",117:"Presentation-ui-components-MessageSeparator-MessageSeparator-stories",155:"Presentation-ui-components-Avatar-avatar-stories",234:"docs-Styling-mdx",275:"Presentation-ui-components-DialogItemPreview-DialogItemPreview-stories",349:"Presentation-ui-components-Button-Button-stories",395:"Presentation-ui-components-Header-Header-stories",409:"Presentation-ui-components-DialogWindow-DialogWindow-stories",485:"docs-Introduction-mdx",491:"Presentation-ui-components-MessageInput-MessageInput-stories",515:"Presentation-ui-components-Message-Message-stories",555:"Presentation-ui-components-TextField-TextField-stories",585:"Presentation-ui-components-UserListItem-UserListItem-stories",723:"Presentation-ui-components-Placeholder-Placeholder-stories",731:"Presentation-ui-components-PreviewFileMessage-PreviewFileMessage-stories",751:"Presentation-ui-components-Badge-Badge-stories",801:"Presentation-ui-components-DialogBanner-DialogBanner-stories",853:"Presentation-ui-components-SettingsItem-SettingsItem-stories"})[chunkId]||chunkId)+"."+({43:"8eb761ce",47:"24db9b3e",71:"badb5d90",107:"68f79f53",117:"419df5dd",155:"f12c0e50",234:"55077e67",275:"053f39b6",294:"3eb6fe57",305:"8c6a9b9c",349:"0a264f7c",395:"e2972795",409:"8d572e56",421:"0bbb0e61",457:"6ff065bd",485:"4b40f479",491:"e55416f1",503:"769aa420",515:"b5b1775d",555:"30586294",585:"04902be9",647:"be358768",723:"c17043ac",731:"3fd8b734",751:"848c045d",801:"e500567e",853:"c943f648",857:"fdf27d25",994:"d260ec82"})[chunkId]+".iframe.bundle.js",__webpack_require__.miniCssF=chunkId=>"static/css/"+({43:"Presentation-ui-components-Loader-Loader-stories",47:"Presentation-ui-components-Toast-Toast-stories",107:"Presentation-ui-components-Dropdown-Dropdown-stories",117:"Presentation-ui-components-MessageSeparator-MessageSeparator-stories",155:"Presentation-ui-components-Avatar-avatar-stories",275:"Presentation-ui-components-DialogItemPreview-DialogItemPreview-stories",349:"Presentation-ui-components-Button-Button-stories",395:"Presentation-ui-components-Header-Header-stories",409:"Presentation-ui-components-DialogWindow-DialogWindow-stories",491:"Presentation-ui-components-MessageInput-MessageInput-stories",515:"Presentation-ui-components-Message-Message-stories",555:"Presentation-ui-components-TextField-TextField-stories",585:"Presentation-ui-components-UserListItem-UserListItem-stories",723:"Presentation-ui-components-Placeholder-Placeholder-stories",731:"Presentation-ui-components-PreviewFileMessage-PreviewFileMessage-stories",751:"Presentation-ui-components-Badge-Badge-stories",801:"Presentation-ui-components-DialogBanner-DialogBanner-stories",853:"Presentation-ui-components-SettingsItem-SettingsItem-stories"})[chunkId]+"."+({43:"dab34da1",47:"a5b284f4",107:"e37f549d",117:"34aa36b2",155:"7b228eb0",275:"6d563072",349:"1b6e1c55",395:"fb1001e7",409:"4f813450",491:"7eb916fc",515:"aca0e085",555:"412027f8",585:"655aa6c1",723:"cb7fb80a",731:"31cd021e",751:"7b8317f8",801:"bd07fad3",853:"b67b748b"})[chunkId]+".chunk.css",__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),(()=>{var inProgress={},dataWebpackPrefix="quickblox-react-ui-kit:";__webpack_require__.l=(url,done,key,chunkId)=>{if(inProgress[url]){inProgress[url].push(done);return}if(void 0!==key)for(var script,needAttach,scripts=document.getElementsByTagName("script"),i=0;i<scripts.length;i++){var s=scripts[i];if(s.getAttribute("src")==url||s.getAttribute("data-webpack")==dataWebpackPrefix+key){script=s;break}}script||(needAttach=!0,(script=document.createElement("script")).charset="utf-8",script.timeout=120,__webpack_require__.nc&&script.setAttribute("nonce",__webpack_require__.nc),script.setAttribute("data-webpack",dataWebpackPrefix+key),script.src=url),inProgress[url]=[done];var onScriptComplete=(prev,event)=>{script.onerror=script.onload=null,clearTimeout(timeout);var doneFns=inProgress[url];if(delete inProgress[url],script.parentNode&&script.parentNode.removeChild(script),doneFns&&doneFns.forEach(fn=>fn(event)),prev)return prev(event)},timeout=setTimeout(onScriptComplete.bind(null,void 0,{type:"timeout",target:script}),12e4);script.onerror=onScriptComplete.bind(null,script.onerror),script.onload=onScriptComplete.bind(null,script.onload),needAttach&&document.head.appendChild(script)}})(),__webpack_require__.r=exports=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.nmd=module=>(module.paths=[],module.children||(module.children=[]),module),__webpack_require__.p="",(()=>{if("undefined"!=typeof document){var createStylesheet=(chunkId,fullhref,oldTag,resolve,reject)=>{var linkTag=document.createElement("link");return linkTag.rel="stylesheet",linkTag.type="text/css",__webpack_require__.nc&&(linkTag.nonce=__webpack_require__.nc),linkTag.onerror=linkTag.onload=event=>{if(linkTag.onerror=linkTag.onload=null,"load"===event.type)resolve();else{var errorType=event&&event.type,realHref=event&&event.target&&event.target.href||fullhref,err=Error("Loading CSS chunk "+chunkId+" failed.\n("+errorType+": "+realHref+")");err.name="ChunkLoadError",err.code="CSS_CHUNK_LOAD_FAILED",err.type=errorType,err.request=realHref,linkTag.parentNode&&linkTag.parentNode.removeChild(linkTag),reject(err)}},linkTag.href=fullhref,oldTag?oldTag.parentNode.insertBefore(linkTag,oldTag.nextSibling):document.head.appendChild(linkTag),linkTag},findStylesheet=(href,fullhref)=>{for(var existingLinkTags=document.getElementsByTagName("link"),i=0;i<existingLinkTags.length;i++){var tag=existingLinkTags[i],dataHref=tag.getAttribute("data-href")||tag.getAttribute("href");if("stylesheet"===tag.rel&&(dataHref===href||dataHref===fullhref))return tag}for(var existingStyleTags=document.getElementsByTagName("style"),i=0;i<existingStyleTags.length;i++){var tag=existingStyleTags[i],dataHref=tag.getAttribute("data-href");if(dataHref===href||dataHref===fullhref)return tag}},loadStylesheet=chunkId=>new Promise((resolve,reject)=>{var href=__webpack_require__.miniCssF(chunkId),fullhref=__webpack_require__.p+href;if(findStylesheet(href,fullhref))return resolve();createStylesheet(chunkId,fullhref,null,resolve,reject)}),installedCssChunks={354:0};__webpack_require__.f.miniCss=(chunkId,promises)=>{installedCssChunks[chunkId]?promises.push(installedCssChunks[chunkId]):0!==installedCssChunks[chunkId]&&({43:1,47:1,107:1,117:1,155:1,275:1,349:1,395:1,409:1,491:1,515:1,555:1,585:1,723:1,731:1,751:1,801:1,853:1})[chunkId]&&promises.push(installedCssChunks[chunkId]=loadStylesheet(chunkId).then(()=>{installedCssChunks[chunkId]=0},e=>{throw delete installedCssChunks[chunkId],e}))}}})(),(()=>{var installedChunks={354:0};__webpack_require__.f.j=(chunkId,promises)=>{var installedChunkData=__webpack_require__.o(installedChunks,chunkId)?installedChunks[chunkId]:void 0;if(0!==installedChunkData){if(installedChunkData)promises.push(installedChunkData[2]);else if(354!=chunkId){var promise=new Promise((resolve,reject)=>installedChunkData=installedChunks[chunkId]=[resolve,reject]);promises.push(installedChunkData[2]=promise);var url=__webpack_require__.p+__webpack_require__.u(chunkId),error=Error();__webpack_require__.l(url,event=>{if(__webpack_require__.o(installedChunks,chunkId)&&(0!==(installedChunkData=installedChunks[chunkId])&&(installedChunks[chunkId]=void 0),installedChunkData)){var errorType=event&&("load"===event.type?"missing":event.type),realSrc=event&&event.target&&event.target.src;error.message="Loading chunk "+chunkId+" failed.\n("+errorType+": "+realSrc+")",error.name="ChunkLoadError",error.type=errorType,error.request=realSrc,installedChunkData[1](error)}},"chunk-"+chunkId,chunkId)}else installedChunks[chunkId]=0}},__webpack_require__.O.j=chunkId=>0===installedChunks[chunkId];var webpackJsonpCallback=(parentChunkLoadingFunction,data)=>{var moduleId,chunkId,chunkIds=data[0],moreModules=data[1],runtime=data[2],i=0;if(chunkIds.some(id=>0!==installedChunks[id])){for(moduleId in moreModules)__webpack_require__.o(moreModules,moduleId)&&(__webpack_require__.m[moduleId]=moreModules[moduleId]);if(runtime)var result=runtime(__webpack_require__)}for(parentChunkLoadingFunction&&parentChunkLoadingFunction(data);i<chunkIds.length;i++)chunkId=chunkIds[i],__webpack_require__.o(installedChunks,chunkId)&&installedChunks[chunkId]&&installedChunks[chunkId][0](),installedChunks[chunkId]=0;return __webpack_require__.O(result)},chunkLoadingGlobal=self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[];chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null,0)),chunkLoadingGlobal.push=webpackJsonpCallback.bind(null,chunkLoadingGlobal.push.bind(chunkLoadingGlobal))})(),__webpack_require__.nc=void 0})();

package/storybook-static/sb-addons/essentials-actions-2/manager-bundle.js

@@ -1,3 +0,0 @@
-try{
-(()=>{var o=__REACT__,{Children:Te,Component:ve,Fragment:_e,Profiler:Vr,PureComponent:$r,StrictMode:Yr,Suspense:Jr,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:qr,cloneElement:Xr,createContext:Z,createElement:Zr,createFactory:Kr,createRef:Qr,forwardRef:en,isValidElement:tn,lazy:rn,memo:j,useCallback:N,useContext:K,useDebugValue:nn,useEffect:an,useImperativeHandle:on,useLayoutEffect:Ae,useMemo:Se,useReducer:sn,useRef:ln,useState:U,version:un}=__REACT__;var mn=__STORYBOOK_API__,{ActiveTabs:gn,Consumer:bn,ManagerContext:hn,Provider:En,addons:Q,combineParameters:yn,controlOrMetaKey:On,controlOrMetaSymbol:Tn,eventMatchesShortcut:vn,eventToShortcut:_n,isMacLike:An,isShortcutTaken:Sn,keyToSymbol:Rn,merge:Cn,mockChannel:wn,optionOrAltSymbol:xn,shortcutMatchesShortcut:Nn,shortcutToHumanString:Ln,types:Re,useAddonState:Ce,useArgTypes:In,useArgs:Dn,useChannel:we,useGlobalTypes:Mn,useGlobals:Bn,useParameter:Pn,useSharedState:Fn,useStoryPrepared:zn,useStorybookApi:Hn,useStorybookState:jn}=__STORYBOOK_API__;var Vn=__STORYBOOK_CORE_EVENTS__,{CHANNEL_CREATED:$n,CONFIG_ERROR:Yn,CURRENT_STORY_WAS_SET:Jn,DOCS_PREPARED:qn,DOCS_RENDERED:Xn,FORCE_REMOUNT:Zn,FORCE_RE_RENDER:Kn,GLOBALS_UPDATED:Qn,IGNORED_EXCEPTION:ea,NAVIGATE_URL:ta,PLAY_FUNCTION_THREW_EXCEPTION:ra,PRELOAD_ENTRIES:na,PREVIEW_BUILDER_PROGRESS:aa,PREVIEW_KEYDOWN:oa,REGISTER_SUBSCRIPTION:ia,REQUEST_WHATS_NEW_DATA:sa,RESET_STORY_ARGS:la,RESULT_WHATS_NEW_DATA:ua,SELECT_STORY:ca,SET_CONFIG:pa,SET_CURRENT_STORY:fa,SET_GLOBALS:da,SET_INDEX:ma,SET_STORIES:ga,SET_WHATS_NEW_CACHE:ba,SHARED_STATE_CHANGED:ha,SHARED_STATE_SET:Ea,STORIES_COLLAPSE_ALL:ya,STORIES_EXPAND_ALL:Oa,STORY_ARGS_UPDATED:Ta,STORY_CHANGED:k,STORY_ERRORED:va,STORY_INDEX_INVALIDATED:_a,STORY_MISSING:Aa,STORY_PREPARED:Sa,STORY_RENDERED:Ra,STORY_RENDER_PHASE_CHANGED:Ca,STORY_SPECIFIED:wa,STORY_THREW_EXCEPTION:xa,STORY_UNCHANGED:Na,TELEMETRY_ERROR:La,TOGGLE_WHATS_NEW_NOTIFICATIONS:Ia,UPDATE_GLOBALS:Da,UPDATE_QUERY_PARAMS:Ma,UPDATE_STORY_ARGS:Ba}=__STORYBOOK_CORE_EVENTS__;var ja=__STORYBOOK_COMPONENTS__,{A:Ua,ActionBar:xe,AddonPanel:ka,Badge:Ne,Bar:Ga,Blockquote:Wa,Button:Va,ClipboardCode:$a,Code:Ya,DL:Ja,Div:qa,DocumentWrapper:Xa,ErrorFormatter:Za,FlexBar:Ka,Form:Qa,H1:eo,H2:to,H3:ro,H4:no,H5:ao,H6:oo,HR:io,IconButton:so,IconButtonSkeleton:lo,Icons:uo,Img:co,LI:po,Link:fo,ListItem:mo,Loader:go,OL:bo,P:ho,Placeholder:Eo,Pre:yo,ResetWrapper:Oo,ScrollArea:Le,Separator:To,Spaced:Ie,Span:vo,StorybookIcon:_o,StorybookLogo:Ao,Symbols:So,SyntaxHighlighter:Ro,TT:Co,TabBar:wo,TabButton:xo,TabWrapper:No,Table:Lo,Tabs:Io,TabsState:Do,TooltipLinkList:Mo,TooltipMessage:Bo,TooltipNote:Po,UL:Fo,WithTooltip:zo,WithTooltipPure:Ho,Zoom:jo,codeCommon:Uo,components:ko,createCopyToClipboardFunction:Go,getStoryHref:Wo,icons:Vo,interleaveSeparators:$o,nameSpaceClassNames:Yo,resetComponents:Jo,withReset:qo}=__STORYBOOK_COMPONENTS__;var De=Object.prototype.hasOwnProperty;function Me(e,t,r){for(r of e.keys())if(L(r,t))return r}function L(e,t){var r,n,a;if(e===t)return!0;if(e&&t&&(r=e.constructor)===t.constructor){if(r===Date)return e.getTime()===t.getTime();if(r===RegExp)return e.toString()===t.toString();if(r===Array){if((n=e.length)===t.length)for(;n--&&L(e[n],t[n]););return n===-1}if(r===Set){if(e.size!==t.size)return!1;for(n of e)if(a=n,a&&typeof a=="object"&&(a=Me(t,a),!a)||!t.has(a))return!1;return!0}if(r===Map){if(e.size!==t.size)return!1;for(n of e)if(a=n[0],a&&typeof a=="object"&&(a=Me(t,a),!a)||!L(n[1],t.get(a)))return!1;return!0}if(r===ArrayBuffer)e=new Uint8Array(e),t=new Uint8Array(t);else if(r===DataView){if((n=e.byteLength)===t.byteLength)for(;n--&&e.getInt8(n)===t.getInt8(n););return n===-1}if(ArrayBuffer.isView(e)){if((n=e.byteLength)===t.byteLength)for(;n--&&e[n]===t[n];);return n===-1}if(!r||typeof e=="object"){n=0;for(r in e)if(De.call(e,r)&&++n&&!De.call(t,r)||!(r in t)||!L(e[r],t[r]))return!1;return Object.keys(t).length===n}}return e!==e&&t!==t}var ai=__STORYBOOK_THEMING__,{CacheProvider:oi,ClassNames:ii,Global:si,ThemeProvider:li,background:ui,color:ci,convert:pi,create:fi,createCache:di,createGlobal:mi,createReset:gi,css:bi,darken:hi,ensure:Ei,ignoreSsrWarning:yi,isPropValid:Oi,jsx:Ti,keyframes:vi,lighten:_i,styled:P,themes:Ai,typography:Si,useTheme:Ri,withTheme:Be}=__STORYBOOK_THEMING__;function T(){return T=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},T.apply(null,arguments)}function Pe(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function S(e,t){return S=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,n){return r.__proto__=n,r},S(e,t)}function Fe(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,S(e,t)}function G(e){return G=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},G(e)}function ze(e){try{return Function.toString.call(e).indexOf("[native code]")!==-1}catch{return typeof e=="function"}}function ee(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch{}return(ee=function(){return!!e})()}function He(e,t,r){if(ee())return Reflect.construct.apply(null,arguments);var n=[null];n.push.apply(n,t);var a=new(e.bind.apply(e,n));return r&&S(a,r.prototype),a}function W(e){var t=typeof Map=="function"?new Map:void 0;return W=function(n){if(n===null||!ze(n))return n;if(typeof n!="function")throw new TypeError("Super expression must either be null or a function");if(t!==void 0){if(t.has(n))return t.get(n);t.set(n,a)}function a(){return He(n,arguments,G(this).constructor)}return a.prototype=Object.create(n.prototype,{constructor:{value:a,enumerable:!1,writable:!0,configurable:!0}}),S(a,n)},W(e)}var v=function(e){Fe(t,e);function t(r){var n;if(!0)n=e.call(this,"An error occurred. See https://github.com/styled-components/polished/blob/main/src/internalHelpers/errors.md#"+r+" for more information.")||this;else for(var a,i,s;s<a;s++);return Pe(n)}return t}(W(Error));function je(e,t){return e.substr(-t.length)===t}var st=/^([+-]?(?:\d+|\d*\.\d+))([a-z]*|%)$/;function Ue(e){if(typeof e!="string")return e;var t=e.match(st);return t?parseFloat(e):e}var lt=function(t){return function(r,n){n===void 0&&(n="16px");var a=r,i=n;if(typeof r=="string"){if(!je(r,"px"))throw new v(69,t,r);a=Ue(r)}if(typeof n=="string"){if(!je(n,"px"))throw new v(70,t,n);i=Ue(n)}if(typeof a=="string")throw new v(71,r,t);if(typeof i=="string")throw new v(72,n,t);return""+a/i+t}},Ge=lt,Ns=Ge("em");var Ls=Ge("rem");function te(e){return Math.round(e*255)}function ut(e,t,r){return te(e)+","+te(t)+","+te(r)}function F(e,t,r,n){if(n===void 0&&(n=ut),t===0)return n(r,r,r);var a=(e%360+360)%360/60,i=(1-Math.abs(2*r-1))*t,s=i*(1-Math.abs(a%2-1)),l=0,u=0,c=0;a>=0&&a<1?(l=i,u=s):a>=1&&a<2?(l=s,u=i):a>=2&&a<3?(u=i,c=s):a>=3&&a<4?(u=s,c=i):a>=4&&a<5?(l=s,c=i):a>=5&&a<6&&(l=i,c=s);var p=r-i/2,d=l+p,f=u+p,E=c+p;return n(d,f,E)}var ke={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"639",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};function ct(e){if(typeof e!="string")return e;var t=e.toLowerCase();return ke[t]?"#"+ke[t]:e}var pt=/^#[a-fA-F0-9]{6}$/,ft=/^#[a-fA-F0-9]{8}$/,dt=/^#[a-fA-F0-9]{3}$/,mt=/^#[a-fA-F0-9]{4}$/,re=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,gt=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,bt=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,ht=/^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;function I(e){if(typeof e!="string")throw new v(3);var t=ct(e);if(t.match(pt))return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16)};if(t.match(ft)){var r=parseFloat((parseInt(""+t[7]+t[8],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16),alpha:r}}if(t.match(dt))return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16)};if(t.match(mt)){var n=parseFloat((parseInt(""+t[4]+t[4],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16),alpha:n}}var a=re.exec(t);if(a)return{red:parseInt(""+a[1],10),green:parseInt(""+a[2],10),blue:parseInt(""+a[3],10)};var i=gt.exec(t.substring(0,50));if(i)return{red:parseInt(""+i[1],10),green:parseInt(""+i[2],10),blue:parseInt(""+i[3],10),alpha:parseFloat(""+i[4])>1?parseFloat(""+i[4])/100:parseFloat(""+i[4])};var s=bt.exec(t);if(s){var l=parseInt(""+s[1],10),u=parseInt(""+s[2],10)/100,c=parseInt(""+s[3],10)/100,p="rgb("+F(l,u,c)+")",d=re.exec(p);if(!d)throw new v(4,t,p);return{red:parseInt(""+d[1],10),green:parseInt(""+d[2],10),blue:parseInt(""+d[3],10)}}var f=ht.exec(t.substring(0,50));if(f){var E=parseInt(""+f[1],10),m=parseInt(""+f[2],10)/100,y=parseInt(""+f[3],10)/100,O="rgb("+F(E,m,y)+")",x=re.exec(O);if(!x)throw new v(4,t,O);return{red:parseInt(""+x[1],10),green:parseInt(""+x[2],10),blue:parseInt(""+x[3],10),alpha:parseFloat(""+f[4])>1?parseFloat(""+f[4])/100:parseFloat(""+f[4])}}throw new v(5)}function Et(e){var t=e.red/255,r=e.green/255,n=e.blue/255,a=Math.max(t,r,n),i=Math.min(t,r,n),s=(a+i)/2;if(a===i)return e.alpha!==void 0?{hue:0,saturation:0,lightness:s,alpha:e.alpha}:{hue:0,saturation:0,lightness:s};var l,u=a-i,c=s>.5?u/(2-a-i):u/(a+i);switch(a){case t:l=(r-n)/u+(r<n?6:0);break;case r:l=(n-t)/u+2;break;default:l=(t-r)/u+4;break}return l*=60,e.alpha!==void 0?{hue:l,saturation:c,lightness:s,alpha:e.alpha}:{hue:l,saturation:c,lightness:s}}function R(e){return Et(I(e))}var yt=function(t){return t.length===7&&t[1]===t[2]&&t[3]===t[4]&&t[5]===t[6]?"#"+t[1]+t[3]+t[5]:t},ae=yt;function w(e){var t=e.toString(16);return t.length===1?"0"+t:t}function ne(e){return w(Math.round(e*255))}function Ot(e,t,r){return ae("#"+ne(e)+ne(t)+ne(r))}function V(e,t,r){return F(e,t,r,Ot)}function Tt(e,t,r){if(typeof e=="number"&&typeof t=="number"&&typeof r=="number")return V(e,t,r);if(typeof e=="object"&&t===void 0&&r===void 0)return V(e.hue,e.saturation,e.lightness);throw new v(1)}function vt(e,t,r,n){if(typeof e=="number"&&typeof t=="number"&&typeof r=="number"&&typeof n=="number")return n>=1?V(e,t,r):"rgba("+F(e,t,r)+","+n+")";if(typeof e=="object"&&t===void 0&&r===void 0&&n===void 0)return e.alpha>=1?V(e.hue,e.saturation,e.lightness):"rgba("+F(e.hue,e.saturation,e.lightness)+","+e.alpha+")";throw new v(2)}function oe(e,t,r){if(typeof e=="number"&&typeof t=="number"&&typeof r=="number")return ae("#"+w(e)+w(t)+w(r));if(typeof e=="object"&&t===void 0&&r===void 0)return ae("#"+w(e.red)+w(e.green)+w(e.blue));throw new v(6)}function $(e,t,r,n){if(typeof e=="string"&&typeof t=="number"){var a=I(e);return"rgba("+a.red+","+a.green+","+a.blue+","+t+")"}else{if(typeof e=="number"&&typeof t=="number"&&typeof r=="number"&&typeof n=="number")return n>=1?oe(e,t,r):"rgba("+e+","+t+","+r+","+n+")";if(typeof e=="object"&&t===void 0&&r===void 0&&n===void 0)return e.alpha>=1?oe(e.red,e.green,e.blue):"rgba("+e.red+","+e.green+","+e.blue+","+e.alpha+")"}throw new v(7)}var _t=function(t){return typeof t.red=="number"&&typeof t.green=="number"&&typeof t.blue=="number"&&(typeof t.alpha!="number"||typeof t.alpha>"u")},At=function(t){return typeof t.red=="number"&&typeof t.green=="number"&&typeof t.blue=="number"&&typeof t.alpha=="number"},St=function(t){return typeof t.hue=="number"&&typeof t.saturation=="number"&&typeof t.lightness=="number"&&(typeof t.alpha!="number"||typeof t.alpha>"u")},Rt=function(t){return typeof t.hue=="number"&&typeof t.saturation=="number"&&typeof t.lightness=="number"&&typeof t.alpha=="number"};function C(e){if(typeof e!="object")throw new v(8);if(At(e))return $(e);if(_t(e))return oe(e);if(Rt(e))return vt(e);if(St(e))return Tt(e);throw new v(8)}function We(e,t,r){return function(){var a=r.concat(Array.prototype.slice.call(arguments));return a.length>=t?e.apply(this,a):We(e,t,a)}}function _(e){return We(e,e.length,[])}function Ct(e,t){if(t==="transparent")return t;var r=R(t);return C(T({},r,{hue:r.hue+parseFloat(e)}))}var Is=_(Ct);function D(e,t,r){return Math.max(e,Math.min(t,r))}function wt(e,t){if(t==="transparent")return t;var r=R(t);return C(T({},r,{lightness:D(0,1,r.lightness-parseFloat(e))}))}var Ds=_(wt);function xt(e,t){if(t==="transparent")return t;var r=R(t);return C(T({},r,{saturation:D(0,1,r.saturation-parseFloat(e))}))}var Ms=_(xt);function Nt(e,t){if(t==="transparent")return t;var r=R(t);return C(T({},r,{lightness:D(0,1,r.lightness+parseFloat(e))}))}var Bs=_(Nt);function Lt(e,t,r){if(t==="transparent")return r;if(r==="transparent")return t;if(e===0)return r;var n=I(t),a=T({},n,{alpha:typeof n.alpha=="number"?n.alpha:1}),i=I(r),s=T({},i,{alpha:typeof i.alpha=="number"?i.alpha:1}),l=a.alpha-s.alpha,u=parseFloat(e)*2-1,c=u*l===-1?u:u+l,p=1+u*l,d=(c/p+1)/2,f=1-d,E={red:Math.floor(a.red*d+s.red*f),green:Math.floor(a.green*d+s.green*f),blue:Math.floor(a.blue*d+s.blue*f),alpha:a.alpha*parseFloat(e)+s.alpha*(1-parseFloat(e))};return $(E)}var It=_(Lt),Ve=It;function Dt(e,t){if(t==="transparent")return t;var r=I(t),n=typeof r.alpha=="number"?r.alpha:1,a=T({},r,{alpha:D(0,1,(n*100+parseFloat(e)*100)/100)});return $(a)}var Mt=_(Dt),$e=Mt;function Bt(e,t){if(t==="transparent")return t;var r=R(t);return C(T({},r,{saturation:D(0,1,r.saturation+parseFloat(e))}))}var Ps=_(Bt);function Pt(e,t){return t==="transparent"?t:C(T({},R(t),{hue:parseFloat(e)}))}var Fs=_(Pt);function Ft(e,t){return t==="transparent"?t:C(T({},R(t),{lightness:parseFloat(e)}))}var zs=_(Ft);function zt(e,t){return t==="transparent"?t:C(T({},R(t),{saturation:parseFloat(e)}))}var Hs=_(zt);function Ht(e,t){return t==="transparent"?t:Ve(parseFloat(e),"rgb(0, 0, 0)",t)}var js=_(Ht);function jt(e,t){return t==="transparent"?t:Ve(parseFloat(e),"rgb(255, 255, 255)",t)}var Us=_(jt);function Ut(e,t){if(t==="transparent")return t;var r=I(t),n=typeof r.alpha=="number"?r.alpha:1,a=T({},r,{alpha:D(0,1,+(n*100-parseFloat(e)*100).toFixed(2)/100)});return $(a)}var ks=_(Ut);var kt=Object.create,pe=Object.defineProperty,Gt=Object.getOwnPropertyDescriptor,Ze=Object.getOwnPropertyNames,Wt=Object.getPrototypeOf,Vt=Object.prototype.hasOwnProperty,fe=(e,t)=>function(){return t||(0,e[Ze(e)[0]])((t={exports:{}}).exports,t),t.exports},$t=(e,t)=>{for(var r in t)pe(e,r,{get:t[r],enumerable:!0})},Yt=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of Ze(t))!Vt.call(e,a)&&a!==r&&pe(e,a,{get:()=>t[a],enumerable:!(n=Gt(t,a))||n.enumerable});return e},Jt=(e,t,r)=>(r=e!=null?kt(Wt(e)):{},Yt(t||!e||!e.__esModule?pe(r,"default",{value:e,enumerable:!0}):r,e)),qt=fe({"node_modules/is-object/index.js"(e,t){t.exports=function(r){return typeof r=="object"&&r!==null}}}),Xt=fe({"node_modules/is-window/index.js"(e,t){t.exports=function(r){if(r==null)return!1;var n=Object(r);return n===n.window}}}),Zt=fe({"node_modules/is-dom/index.js"(e,t){var r=qt(),n=Xt();function a(i){return!r(i)||!n(window)||typeof window.Node!="function"?!1:typeof i.nodeType=="number"&&typeof i.nodeName=="string"}t.exports=a}}),q={};$t(q,{chromeDark:()=>Kt,chromeLight:()=>Qt});var Kt={BASE_FONT_FAMILY:"Menlo, monospace",BASE_FONT_SIZE:"11px",BASE_LINE_HEIGHT:1.2,BASE_BACKGROUND_COLOR:"rgb(36, 36, 36)",BASE_COLOR:"rgb(213, 213, 213)",OBJECT_PREVIEW_ARRAY_MAX_PROPERTIES:10,OBJECT_PREVIEW_OBJECT_MAX_PROPERTIES:5,OBJECT_NAME_COLOR:"rgb(227, 110, 236)",OBJECT_VALUE_NULL_COLOR:"rgb(127, 127, 127)",OBJECT_VALUE_UNDEFINED_COLOR:"rgb(127, 127, 127)",OBJECT_VALUE_REGEXP_COLOR:"rgb(233, 63, 59)",OBJECT_VALUE_STRING_COLOR:"rgb(233, 63, 59)",OBJECT_VALUE_SYMBOL_COLOR:"rgb(233, 63, 59)",OBJECT_VALUE_NUMBER_COLOR:"hsl(252, 100%, 75%)",OBJECT_VALUE_BOOLEAN_COLOR:"hsl(252, 100%, 75%)",OBJECT_VALUE_FUNCTION_PREFIX_COLOR:"rgb(85, 106, 242)",HTML_TAG_COLOR:"rgb(93, 176, 215)",HTML_TAGNAME_COLOR:"rgb(93, 176, 215)",HTML_TAGNAME_TEXT_TRANSFORM:"lowercase",HTML_ATTRIBUTE_NAME_COLOR:"rgb(155, 187, 220)",HTML_ATTRIBUTE_VALUE_COLOR:"rgb(242, 151, 102)",HTML_COMMENT_COLOR:"rgb(137, 137, 137)",HTML_DOCTYPE_COLOR:"rgb(192, 192, 192)",ARROW_COLOR:"rgb(145, 145, 145)",ARROW_MARGIN_RIGHT:3,ARROW_FONT_SIZE:12,ARROW_ANIMATION_DURATION:"0",TREENODE_FONT_FAMILY:"Menlo, monospace",TREENODE_FONT_SIZE:"11px",TREENODE_LINE_HEIGHT:1.2,TREENODE_PADDING_LEFT:12,TABLE_BORDER_COLOR:"rgb(85, 85, 85)",TABLE_TH_BACKGROUND_COLOR:"rgb(44, 44, 44)",TABLE_TH_HOVER_COLOR:"rgb(48, 48, 48)",TABLE_SORT_ICON_COLOR:"black",TABLE_DATA_BACKGROUND_IMAGE:"linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 50%, rgba(51, 139, 255, 0.0980392) 50%, rgba(51, 139, 255, 0.0980392))",TABLE_DATA_BACKGROUND_SIZE:"128px 32px"},Qt={BASE_FONT_FAMILY:"Menlo, monospace",BASE_FONT_SIZE:"11px",BASE_LINE_HEIGHT:1.2,BASE_BACKGROUND_COLOR:"white",BASE_COLOR:"black",OBJECT_PREVIEW_ARRAY_MAX_PROPERTIES:10,OBJECT_PREVIEW_OBJECT_MAX_PROPERTIES:5,OBJECT_NAME_COLOR:"rgb(136, 19, 145)",OBJECT_VALUE_NULL_COLOR:"rgb(128, 128, 128)",OBJECT_VALUE_UNDEFINED_COLOR:"rgb(128, 128, 128)",OBJECT_VALUE_REGEXP_COLOR:"rgb(196, 26, 22)",OBJECT_VALUE_STRING_COLOR:"rgb(196, 26, 22)",OBJECT_VALUE_SYMBOL_COLOR:"rgb(196, 26, 22)",OBJECT_VALUE_NUMBER_COLOR:"rgb(28, 0, 207)",OBJECT_VALUE_BOOLEAN_COLOR:"rgb(28, 0, 207)",OBJECT_VALUE_FUNCTION_PREFIX_COLOR:"rgb(13, 34, 170)",HTML_TAG_COLOR:"rgb(168, 148, 166)",HTML_TAGNAME_COLOR:"rgb(136, 18, 128)",HTML_TAGNAME_TEXT_TRANSFORM:"lowercase",HTML_ATTRIBUTE_NAME_COLOR:"rgb(153, 69, 0)",HTML_ATTRIBUTE_VALUE_COLOR:"rgb(26, 26, 166)",HTML_COMMENT_COLOR:"rgb(35, 110, 37)",HTML_DOCTYPE_COLOR:"rgb(192, 192, 192)",ARROW_COLOR:"#6e6e6e",ARROW_MARGIN_RIGHT:3,ARROW_FONT_SIZE:12,ARROW_ANIMATION_DURATION:"0",TREENODE_FONT_FAMILY:"Menlo, monospace",TREENODE_FONT_SIZE:"11px",TREENODE_LINE_HEIGHT:1.2,TREENODE_PADDING_LEFT:12,TABLE_BORDER_COLOR:"#aaa",TABLE_TH_BACKGROUND_COLOR:"#eee",TABLE_TH_HOVER_COLOR:"hsla(0, 0%, 90%, 1)",TABLE_SORT_ICON_COLOR:"#6e6e6e",TABLE_DATA_BACKGROUND_IMAGE:"linear-gradient(to bottom, white, white 50%, rgb(234, 243, 255) 50%, rgb(234, 243, 255))",TABLE_DATA_BACKGROUND_SIZE:"128px 32px"},Ke=Z([{},()=>{}]),ie={WebkitTouchCallout:"none",WebkitUserSelect:"none",KhtmlUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",OUserSelect:"none",userSelect:"none"},Y=e=>({DOMNodePreview:{htmlOpenTag:{base:{color:e.HTML_TAG_COLOR},tagName:{color:e.HTML_TAGNAME_COLOR,textTransform:e.HTML_TAGNAME_TEXT_TRANSFORM},htmlAttributeName:{color:e.HTML_ATTRIBUTE_NAME_COLOR},htmlAttributeValue:{color:e.HTML_ATTRIBUTE_VALUE_COLOR}},htmlCloseTag:{base:{color:e.HTML_TAG_COLOR},offsetLeft:{marginLeft:-e.TREENODE_PADDING_LEFT},tagName:{color:e.HTML_TAGNAME_COLOR,textTransform:e.HTML_TAGNAME_TEXT_TRANSFORM}},htmlComment:{color:e.HTML_COMMENT_COLOR},htmlDoctype:{color:e.HTML_DOCTYPE_COLOR}},ObjectPreview:{objectDescription:{fontStyle:"italic"},preview:{fontStyle:"italic"},arrayMaxProperties:e.OBJECT_PREVIEW_ARRAY_MAX_PROPERTIES,objectMaxProperties:e.OBJECT_PREVIEW_OBJECT_MAX_PROPERTIES},ObjectName:{base:{color:e.OBJECT_NAME_COLOR},dimmed:{opacity:.6}},ObjectValue:{objectValueNull:{color:e.OBJECT_VALUE_NULL_COLOR},objectValueUndefined:{color:e.OBJECT_VALUE_UNDEFINED_COLOR},objectValueRegExp:{color:e.OBJECT_VALUE_REGEXP_COLOR},objectValueString:{color:e.OBJECT_VALUE_STRING_COLOR},objectValueSymbol:{color:e.OBJECT_VALUE_SYMBOL_COLOR},objectValueNumber:{color:e.OBJECT_VALUE_NUMBER_COLOR},objectValueBoolean:{color:e.OBJECT_VALUE_BOOLEAN_COLOR},objectValueFunctionPrefix:{color:e.OBJECT_VALUE_FUNCTION_PREFIX_COLOR,fontStyle:"italic"},objectValueFunctionName:{fontStyle:"italic"}},TreeView:{treeViewOutline:{padding:0,margin:0,listStyleType:"none"}},TreeNode:{treeNodeBase:{color:e.BASE_COLOR,backgroundColor:e.BASE_BACKGROUND_COLOR,lineHeight:e.TREENODE_LINE_HEIGHT,cursor:"default",boxSizing:"border-box",listStyle:"none",fontFamily:e.TREENODE_FONT_FAMILY,fontSize:e.TREENODE_FONT_SIZE},treeNodePreviewContainer:{},treeNodePlaceholder:{whiteSpace:"pre",fontSize:e.ARROW_FONT_SIZE,marginRight:e.ARROW_MARGIN_RIGHT,...ie},treeNodeArrow:{base:{color:e.ARROW_COLOR,display:"inline-block",fontSize:e.ARROW_FONT_SIZE,marginRight:e.ARROW_MARGIN_RIGHT,...parseFloat(e.ARROW_ANIMATION_DURATION)>0?{transition:`transform ${e.ARROW_ANIMATION_DURATION} ease 0s`}:{},...ie},expanded:{WebkitTransform:"rotateZ(90deg)",MozTransform:"rotateZ(90deg)",transform:"rotateZ(90deg)"},collapsed:{WebkitTransform:"rotateZ(0deg)",MozTransform:"rotateZ(0deg)",transform:"rotateZ(0deg)"}},treeNodeChildNodesContainer:{margin:0,paddingLeft:e.TREENODE_PADDING_LEFT}},TableInspector:{base:{color:e.BASE_COLOR,position:"relative",border:`1px solid ${e.TABLE_BORDER_COLOR}`,fontFamily:e.BASE_FONT_FAMILY,fontSize:e.BASE_FONT_SIZE,lineHeight:"120%",boxSizing:"border-box",cursor:"default"}},TableInspectorHeaderContainer:{base:{top:0,height:"17px",left:0,right:0,overflowX:"hidden"},table:{tableLayout:"fixed",borderSpacing:0,borderCollapse:"separate",height:"100%",width:"100%",margin:0}},TableInspectorDataContainer:{tr:{display:"table-row"},td:{boxSizing:"border-box",border:"none",height:"16px",verticalAlign:"top",padding:"1px 4px",WebkitUserSelect:"text",whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden",lineHeight:"14px"},div:{position:"static",top:"17px",bottom:0,overflowY:"overlay",transform:"translateZ(0)",left:0,right:0,overflowX:"hidden"},table:{positon:"static",left:0,top:0,right:0,bottom:0,borderTop:"0 none transparent",margin:0,backgroundImage:e.TABLE_DATA_BACKGROUND_IMAGE,backgroundSize:e.TABLE_DATA_BACKGROUND_SIZE,tableLayout:"fixed",borderSpacing:0,borderCollapse:"separate",width:"100%",fontSize:e.BASE_FONT_SIZE,lineHeight:"120%"}},TableInspectorTH:{base:{position:"relative",height:"auto",textAlign:"left",backgroundColor:e.TABLE_TH_BACKGROUND_COLOR,borderBottom:`1px solid ${e.TABLE_BORDER_COLOR}`,fontWeight:"normal",verticalAlign:"middle",padding:"0 4px",whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden",lineHeight:"14px",":hover":{backgroundColor:e.TABLE_TH_HOVER_COLOR}},div:{whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden",fontSize:e.BASE_FONT_SIZE,lineHeight:"120%"}},TableInspectorLeftBorder:{none:{borderLeft:"none"},solid:{borderLeft:`1px solid ${e.TABLE_BORDER_COLOR}`}},TableInspectorSortIcon:{display:"block",marginRight:3,width:8,height:7,marginTop:-7,color:e.TABLE_SORT_ICON_COLOR,fontSize:12,...ie}}),se="chromeLight",Qe=Z(Y(q[se])),A=e=>K(Qe)[e],de=e=>({theme:t=se,...r})=>{let n=Se(()=>{switch(Object.prototype.toString.call(t)){case"[object String]":return Y(q[t]);case"[object Object]":return Y(t);default:return Y(q[se])}},[t]);return o.createElement(Qe.Provider,{value:n},o.createElement(e,{...r}))},er=({expanded:e,styles:t})=>o.createElement("span",{style:{...t.base,...e?t.expanded:t.collapsed}},"\u25B6"),tr=j(e=>{e={expanded:!0,nodeRenderer:({name:p})=>o.createElement("span",null,p),onClick:()=>{},shouldShowArrow:!1,shouldShowPlaceholder:!0,...e};let{expanded:t,onClick:r,children:n,nodeRenderer:a,title:i,shouldShowArrow:s,shouldShowPlaceholder:l}=e,u=A("TreeNode"),c=a;return o.createElement("li",{"aria-expanded":t,role:"treeitem",style:u.treeNodeBase,title:i},o.createElement("div",{style:u.treeNodePreviewContainer,onClick:r},s||Te.count(n)>0?o.createElement(er,{expanded:t,styles:u.treeNodeArrow}):l&&o.createElement("span",{style:u.treeNodePlaceholder},"\xA0"),o.createElement(c,{...e})),o.createElement("ol",{role:"group",style:u.treeNodeChildNodesContainer},t?n:void 0))}),X="$",Ye="*";function J(e,t){return!t(e).next().done}var rr=e=>Array.from({length:e},(t,r)=>[X].concat(Array.from({length:r},()=>"*")).join(".")),nr=(e,t,r,n,a)=>{let i=[].concat(rr(n)).concat(r).filter(l=>typeof l=="string"),s=[];return i.forEach(l=>{let u=l.split("."),c=(p,d,f)=>{if(f===u.length){s.push(d);return}let E=u[f];if(f===0)J(p,t)&&(E===X||E===Ye)&&c(p,X,f+1);else if(E===Ye)for(let{name:m,data:y}of t(p))J(y,t)&&c(y,`${d}.${m}`,f+1);else{let m=p[E];J(m,t)&&c(m,`${d}.${E}`,f+1)}};c(e,"",0)}),s.reduce((l,u)=>(l[u]=!0,l),{...a})},et=j(e=>{let{data:t,dataIterator:r,path:n,depth:a,nodeRenderer:i}=e,[s,l]=K(Ke),u=J(t,r),c=!!s[n],p=N(()=>u&&l(d=>({...d,[n]:!c})),[u,l,n,c]);return o.createElement(tr,{expanded:c,onClick:p,shouldShowArrow:u,shouldShowPlaceholder:a>0,nodeRenderer:i,...e},c?[...r(t)].map(({name:d,data:f,...E})=>o.createElement(et,{name:d,data:f,depth:a+1,path:`${n}.${d}`,key:d,dataIterator:r,nodeRenderer:i,...E})):null)}),tt=j(({name:e,data:t,dataIterator:r,nodeRenderer:n,expandPaths:a,expandLevel:i})=>{let s=A("TreeView"),l=U({}),[,u]=l;return Ae(()=>u(c=>nr(t,r,a,i,c)),[t,r,a,i]),o.createElement(Ke.Provider,{value:l},o.createElement("ol",{role:"tree",style:s.treeViewOutline},o.createElement(et,{name:e,data:t,dataIterator:r,depth:0,path:X,nodeRenderer:n})))}),me=({name:e,dimmed:t=!1,styles:r={}})=>{let n=A("ObjectName"),a={...n.base,...t?n.dimmed:{},...r};return o.createElement("span",{style:a},e)},z=({object:e,styles:t})=>{let r=A("ObjectValue"),n=a=>({...r[a],...t});switch(typeof e){case"bigint":return o.createElement("span",{style:n("objectValueNumber")},String(e),"n");case"number":return o.createElement("span",{style:n("objectValueNumber")},String(e));case"string":return o.createElement("span",{style:n("objectValueString")},'"',e,'"');case"boolean":return o.createElement("span",{style:n("objectValueBoolean")},String(e));case"undefined":return o.createElement("span",{style:n("objectValueUndefined")},"undefined");case"object":return e===null?o.createElement("span",{style:n("objectValueNull")},"null"):e instanceof Date?o.createElement("span",null,e.toString()):e instanceof RegExp?o.createElement("span",{style:n("objectValueRegExp")},e.toString()):Array.isArray(e)?o.createElement("span",null,`Array(${e.length})`):e.constructor?typeof e.constructor.isBuffer=="function"&&e.constructor.isBuffer(e)?o.createElement("span",null,`Buffer[${e.length}]`):o.createElement("span",null,e.constructor.name):o.createElement("span",null,"Object");case"function":return o.createElement("span",null,o.createElement("span",{style:n("objectValueFunctionPrefix")},"\u0192\xA0"),o.createElement("span",{style:n("objectValueFunctionName")},e.name,"()"));case"symbol":return o.createElement("span",{style:n("objectValueSymbol")},e.toString());default:return o.createElement("span",null)}},rt=Object.prototype.hasOwnProperty,ar=Object.prototype.propertyIsEnumerable;function le(e,t){let r=Object.getOwnPropertyDescriptor(e,t);if(r.get)try{return r.get()}catch{return r.get}return e[t]}function Je(e,t){return e.length===0?[]:e.slice(1).reduce((r,n)=>r.concat([t,n]),[e[0]])}var ue=({data:e})=>{let t=A("ObjectPreview"),r=e;if(typeof r!="object"||r===null||r instanceof Date||r instanceof RegExp)return o.createElement(z,{object:r});if(Array.isArray(r)){let n=t.arrayMaxProperties,a=r.slice(0,n).map((s,l)=>o.createElement(z,{key:l,object:s}));r.length>n&&a.push(o.createElement("span",{key:"ellipsis"},"\u2026"));let i=r.length;return o.createElement(o.Fragment,null,o.createElement("span",{style:t.objectDescription},i===0?"":`(${i})\xA0`),o.createElement("span",{style:t.preview},"[",Je(a,", "),"]"))}else{let n=t.objectMaxProperties,a=[];for(let s in r)if(rt.call(r,s)){let l;a.length===n-1&&Object.keys(r).length>n&&(l=o.createElement("span",{key:"ellipsis"},"\u2026"));let u=le(r,s);if(a.push(o.createElement("span",{key:s},o.createElement(me,{name:s||'""'}),":\xA0",o.createElement(z,{object:u}),l)),l)break}let i=r.constructor?r.constructor.name:"Object";return o.createElement(o.Fragment,null,o.createElement("span",{style:t.objectDescription},i==="Object"?"":`${i} `),o.createElement("span",{style:t.preview},"{",Je(a,", "),"}"))}},or=({name:e,data:t})=>typeof e=="string"?o.createElement("span",null,o.createElement(me,{name:e}),o.createElement("span",null,": "),o.createElement(ue,{data:t})):o.createElement(ue,{data:t}),ir=({name:e,data:t,isNonenumerable:r=!1})=>{let n=t;return o.createElement("span",null,typeof e=="string"?o.createElement(me,{name:e,dimmed:r}):o.createElement(ue,{data:e}),o.createElement("span",null,": "),o.createElement(z,{object:n}))},sr=(e,t)=>function*(r){if(!(typeof r=="object"&&r!==null||typeof r=="function"))return;let n=Array.isArray(r);if(!n&&r[Symbol.iterator]){let a=0;for(let i of r){if(Array.isArray(i)&&i.length===2){let[s,l]=i;yield{name:s,data:l}}else yield{name:a.toString(),data:i};a++}}else{let a=Object.getOwnPropertyNames(r);t===!0&&!n?a.sort():typeof t=="function"&&a.sort(t);for(let i of a)if(ar.call(r,i)){let s=le(r,i);yield{name:i||'""',data:s}}else if(e){let s;try{s=le(r,i)}catch{}s!==void 0&&(yield{name:i,data:s,isNonenumerable:!0})}e&&r!==Object.prototype&&(yield{name:"__proto__",data:Object.getPrototypeOf(r),isNonenumerable:!0})}},lr=({depth:e,name:t,data:r,isNonenumerable:n})=>e===0?o.createElement(or,{name:t,data:r}):o.createElement(ir,{name:t,data:r,isNonenumerable:n}),ur=({showNonenumerable:e=!1,sortObjectKeys:t,nodeRenderer:r,...n})=>{let a=sr(e,t),i=r||lr;return o.createElement(tt,{nodeRenderer:i,dataIterator:a,...n})},cr=de(ur);function pr(e){if(typeof e=="object"){let t=[];if(Array.isArray(e)){let n=e.length;t=[...Array(n).keys()]}else e!==null&&(t=Object.keys(e));let r=t.reduce((n,a)=>{let i=e[a];return typeof i=="object"&&i!==null&&Object.keys(i).reduce((s,l)=>(s.includes(l)||s.push(l),s),n),n},[]);return{rowHeaders:t,colHeaders:r}}}var fr=({rows:e,columns:t,rowsData:r})=>{let n=A("TableInspectorDataContainer"),a=A("TableInspectorLeftBorder");return o.createElement("div",{style:n.div},o.createElement("table",{style:n.table},o.createElement("colgroup",null),o.createElement("tbody",null,e.map((i,s)=>o.createElement("tr",{key:i,style:n.tr},o.createElement("td",{style:{...n.td,...a.none}},i),t.map(l=>{let u=r[s];return typeof u=="object"&&u!==null&&rt.call(u,l)?o.createElement("td",{key:l,style:{...n.td,...a.solid}},o.createElement(z,{object:u[l]})):o.createElement("td",{key:l,style:{...n.td,...a.solid}})}))))))},dr=e=>o.createElement("div",{style:{position:"absolute",top:1,right:0,bottom:1,display:"flex",alignItems:"center"}},e.children),mr=({sortAscending:e})=>{let t=A("TableInspectorSortIcon"),r=e?"\u25B2":"\u25BC";return o.createElement("div",{style:t},r)},qe=({sortAscending:e=!1,sorted:t=!1,onClick:r=void 0,borderStyle:n={},children:a,...i})=>{let s=A("TableInspectorTH"),[l,u]=U(!1),c=N(()=>u(!0),[]),p=N(()=>u(!1),[]);return o.createElement("th",{...i,style:{...s.base,...n,...l?s.base[":hover"]:{}},onMouseEnter:c,onMouseLeave:p,onClick:r},o.createElement("div",{style:s.div},a),t&&o.createElement(dr,null,o.createElement(mr,{sortAscending:e})))},gr=({indexColumnText:e="(index)",columns:t=[],sorted:r,sortIndexColumn:n,sortColumn:a,sortAscending:i,onTHClick:s,onIndexTHClick:l})=>{let u=A("TableInspectorHeaderContainer"),c=A("TableInspectorLeftBorder");return o.createElement("div",{style:u.base},o.createElement("table",{style:u.table},o.createElement("tbody",null,o.createElement("tr",null,o.createElement(qe,{borderStyle:c.none,sorted:r&&n,sortAscending:i,onClick:l},e),t.map(p=>o.createElement(qe,{borderStyle:c.solid,key:p,sorted:r&&a===p,sortAscending:i,onClick:s.bind(null,p)},p))))))},br=({data:e,columns:t})=>{let r=A("TableInspector"),[{sorted:n,sortIndexColumn:a,sortColumn:i,sortAscending:s},l]=U({sorted:!1,sortIndexColumn:!1,sortColumn:void 0,sortAscending:!1}),u=N(()=>{l(({sortIndexColumn:m,sortAscending:y})=>({sorted:!0,sortIndexColumn:!0,sortColumn:void 0,sortAscending:m?!y:!0}))},[]),c=N(m=>{l(({sortColumn:y,sortAscending:O})=>({sorted:!0,sortIndexColumn:!1,sortColumn:m,sortAscending:m===y?!O:!0}))},[]);if(typeof e!="object"||e===null)return o.createElement("div",null);let{rowHeaders:p,colHeaders:d}=pr(e);t!==void 0&&(d=t);let f=p.map(m=>e[m]),E;if(i!==void 0?E=f.map((m,y)=>typeof m=="object"&&m!==null?[m[i],y]:[void 0,y]):a&&(E=p.map((m,y)=>[p[y],y])),E!==void 0){let m=(O,x)=>(ot,it)=>{let ge=O(ot),be=O(it),he=typeof ge,Ee=typeof be,ye=(B,Oe)=>B<Oe?-1:B>Oe?1:0,M;if(he===Ee)M=ye(ge,be);else{let B={string:0,number:1,object:2,symbol:3,boolean:4,undefined:5,function:6};M=ye(B[he],B[Ee])}return x||(M=-M),M},y=E.sort(m(O=>O[0],s)).map(O=>O[1]);p=y.map(O=>p[O]),f=y.map(O=>f[O])}return o.createElement("div",{style:r.base},o.createElement(gr,{columns:d,sorted:n,sortIndexColumn:a,sortColumn:i,sortAscending:s,onTHClick:c,onIndexTHClick:u}),o.createElement(fr,{rows:p,columns:d,rowsData:f}))},hr=de(br),Er=80,nt=e=>e.childNodes.length===0||e.childNodes.length===1&&e.childNodes[0].nodeType===Node.TEXT_NODE&&e.textContent.length<Er,yr=({tagName:e,attributes:t,styles:r})=>o.createElement("span",{style:r.base},"<",o.createElement("span",{style:r.tagName},e),(()=>{if(t){let n=[];for(let a=0;a<t.length;a++){let i=t[a];n.push(o.createElement("span",{key:a}," ",o.createElement("span",{style:r.htmlAttributeName},i.name),'="',o.createElement("span",{style:r.htmlAttributeValue},i.value),'"'))}return n}})(),">"),Xe=({tagName:e,isChildNode:t=!1,styles:r})=>o.createElement("span",{style:Object.assign({},r.base,t&&r.offsetLeft)},"</",o.createElement("span",{style:r.tagName},e),">"),Or={1:"ELEMENT_NODE",3:"TEXT_NODE",7:"PROCESSING_INSTRUCTION_NODE",8:"COMMENT_NODE",9:"DOCUMENT_NODE",10:"DOCUMENT_TYPE_NODE",11:"DOCUMENT_FRAGMENT_NODE"},Tr=({isCloseTag:e,data:t,expanded:r})=>{let n=A("DOMNodePreview");if(e)return o.createElement(Xe,{styles:n.htmlCloseTag,isChildNode:!0,tagName:t.tagName});switch(t.nodeType){case Node.ELEMENT_NODE:return o.createElement("span",null,o.createElement(yr,{tagName:t.tagName,attributes:t.attributes,styles:n.htmlOpenTag}),nt(t)?t.textContent:!r&&"\u2026",!r&&o.createElement(Xe,{tagName:t.tagName,styles:n.htmlCloseTag}));case Node.TEXT_NODE:return o.createElement("span",null,t.textContent);case Node.CDATA_SECTION_NODE:return o.createElement("span",null,"<![CDATA["+t.textContent+"]]>");case Node.COMMENT_NODE:return o.createElement("span",{style:n.htmlComment},"<!--",t.textContent,"-->");case Node.PROCESSING_INSTRUCTION_NODE:return o.createElement("span",null,t.nodeName);case Node.DOCUMENT_TYPE_NODE:return o.createElement("span",{style:n.htmlDoctype},"<!DOCTYPE ",t.name,t.publicId?` PUBLIC "${t.publicId}"`:"",!t.publicId&&t.systemId?" SYSTEM":"",t.systemId?` "${t.systemId}"`:"",">");case Node.DOCUMENT_NODE:return o.createElement("span",null,t.nodeName);case Node.DOCUMENT_FRAGMENT_NODE:return o.createElement("span",null,t.nodeName);default:return o.createElement("span",null,Or[t.nodeType])}},vr=function*(e){if(e&&e.childNodes){if(nt(e))return;for(let t=0;t<e.childNodes.length;t++){let r=e.childNodes[t];r.nodeType===Node.TEXT_NODE&&r.textContent.trim().length===0||(yield{name:`${r.tagName}[${t}]`,data:r})}e.tagName&&(yield{name:"CLOSE_TAG",data:{tagName:e.tagName},isCloseTag:!0})}},_r=e=>o.createElement(tt,{nodeRenderer:Tr,dataIterator:vr,...e}),Ar=de(_r),Sr=Jt(Zt()),Rr=({table:e=!1,data:t,...r})=>e?o.createElement(hr,{data:t,...r}):(0,Sr.default)(t)?o.createElement(Ar,{data:t,...r}):o.createElement(cr,{data:t,...r}),Cr=P.div({display:"flex",padding:0,borderLeft:"5px solid transparent",borderBottom:"1px solid transparent",transition:"all 0.1s",alignItems:"flex-start",whiteSpace:"pre"}),wr=P.div(({theme:e})=>({backgroundColor:$e(.5,e.appBorderColor),color:e.color.inverseText,fontSize:e.typography.size.s1,fontWeight:e.typography.weight.bold,lineHeight:1,padding:"1px 5px",borderRadius:20,margin:"2px 0px"})),xr=P.div({flex:1,padding:"0 0 0 5px"}),Nr=({children:e,className:t})=>o.createElement(Le,{horizontal:!0,vertical:!0,className:t},e),Lr=P(Nr)({margin:0,padding:"10px 5px 20px"}),Ir=Be(({theme:e,...t})=>o.createElement(Rr,{theme:e.addonActionsTheme||"chromeLight",table:!1,...t})),Dr=({actions:e,onClear:t})=>o.createElement(_e,null,o.createElement(Lr,null,e.map(r=>o.createElement(Cr,{key:r.id},r.count>1&&o.createElement(wr,null,r.count),o.createElement(xr,null,o.createElement(Ir,{sortObjectKeys:!0,showNonenumerable:!1,name:r.data.name,data:r.data.args||r.data}))))),o.createElement(xe,{actionItems:[{title:"Clear",onClick:t}]})),Mr="actions",H="storybook/actions",Br=`${H}/panel`,ce=`${H}/action-event`,at=`${H}/action-clear`,Pr=(e,t)=>{try{return L(e,t)}catch{return!1}},Fr=class extends ve{constructor(e){super(e),this.handleStoryChange=()=>{let{actions:t}=this.state;t.length>0&&t[0].options.clearOnStoryChange&&this.clearActions()},this.addAction=t=>{this.setState(r=>{let n=[...r.actions],a=n.length&&n[0];return a&&Pr(a.data,t.data)?a.count++:(t.count=1,n.unshift(t)),{actions:n.slice(0,t.options.limit)}})},this.clearActions=()=>{let{api:t}=this.props;t.emit(at),this.setState({actions:[]})},this.mounted=!1,this.state={actions:[]}}componentDidMount(){this.mounted=!0;let{api:e}=this.props;e.on(ce,this.addAction),e.on(k,this.handleStoryChange)}componentWillUnmount(){this.mounted=!1;let{api:e}=this.props;e.off(k,this.handleStoryChange),e.off(ce,this.addAction)}render(){let{actions:e=[]}=this.state,{active:t}=this.props,r={actions:e,onClear:this.clearActions};return t?o.createElement(Dr,{...r}):null}};function zr(){let[{count:e},t]=Ce(H,{count:0});return we({[ce]:()=>{t(r=>({...r,count:r.count+1}))},[k]:()=>{t(r=>({...r,count:0}))},[at]:()=>{t(r=>({...r,count:0}))}}),o.createElement("div",null,o.createElement(Ie,{col:1},o.createElement("span",{style:{display:"inline-block",verticalAlign:"middle"}},"Actions"),e===0?"":o.createElement(Ne,{status:"neutral"},e)))}Q.register(H,e=>{Q.add(Br,{title:zr,type:Re.PANEL,render:({active:t})=>o.createElement(Fr,{api:e,active:!!t}),paramKey:Mr})});})();
-}catch(e){ console.error("[Storybook] One of your manager-entries failed: " + import.meta.url, e); }

package/storybook-static/sb-addons/essentials-backgrounds-3/manager-bundle.js

@@ -1,12 +0,0 @@
-try{
-(()=>{var te=Object.create;var F=Object.defineProperty;var re=Object.getOwnPropertyDescriptor;var ne=Object.getOwnPropertyNames;var oe=Object.getPrototypeOf,ie=Object.prototype.hasOwnProperty;var x=(e=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(e,{get:(t,s)=>(typeof require<"u"?require:t)[s]}):e)(function(e){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')});var B=(e,t)=>()=>(e&&(t=e(e=0)),t);var ae=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports);var se=(e,t,s,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of ne(t))!ie.call(e,i)&&i!==s&&F(e,i,{get:()=>t[i],enumerable:!(o=re(t,i))||o.enumerable});return e};var le=(e,t,s)=>(s=e!=null?te(oe(e)):{},se(t||!e||!e.__esModule?F(s,"default",{value:e,enumerable:!0}):s,e));var d=B(()=>{});var m=B(()=>{});var p=B(()=>{});var j=ae(($,G)=>{d();m();p();(function(e){if(typeof $=="object"&&typeof G<"u")G.exports=e();else if(typeof define=="function"&&define.amd)define([],e);else{var t;typeof window<"u"||typeof window<"u"?t=window:typeof self<"u"?t=self:t=this,t.memoizerific=e()}})(function(){var e,t,s;return function o(i,g,l){function n(a,h){if(!g[a]){if(!i[a]){var c=typeof x=="function"&&x;if(!h&&c)return c(a,!0);if(r)return r(a,!0);var y=new Error("Cannot find module '"+a+"'");throw y.code="MODULE_NOT_FOUND",y}var f=g[a]={exports:{}};i[a][0].call(f.exports,function(b){var _=i[a][1][b];return n(_||b)},f,f.exports,o,i,g,l)}return g[a].exports}for(var r=typeof x=="function"&&x,u=0;u<l.length;u++)n(l[u]);return n}({1:[function(o,i,g){i.exports=function(l){if(typeof Map!="function"||l){var n=o("./similar");return new n}else return new Map}},{"./similar":2}],2:[function(o,i,g){function l(){return this.list=[],this.lastItem=void 0,this.size=0,this}l.prototype.get=function(n){var r;if(this.lastItem&&this.isEqual(this.lastItem.key,n))return this.lastItem.val;if(r=this.indexOf(n),r>=0)return this.lastItem=this.list[r],this.list[r].val},l.prototype.set=function(n,r){var u;return this.lastItem&&this.isEqual(this.lastItem.key,n)?(this.lastItem.val=r,this):(u=this.indexOf(n),u>=0?(this.lastItem=this.list[u],this.list[u].val=r,this):(this.lastItem={key:n,val:r},this.list.push(this.lastItem),this.size++,this))},l.prototype.delete=function(n){var r;if(this.lastItem&&this.isEqual(this.lastItem.key,n)&&(this.lastItem=void 0),r=this.indexOf(n),r>=0)return this.size--,this.list.splice(r,1)[0]},l.prototype.has=function(n){var r;return this.lastItem&&this.isEqual(this.lastItem.key,n)?!0:(r=this.indexOf(n),r>=0?(this.lastItem=this.list[r],!0):!1)},l.prototype.forEach=function(n,r){var u;for(u=0;u<this.size;u++)n.call(r||this,this.list[u].val,this.list[u].key,this)},l.prototype.indexOf=function(n){var r;for(r=0;r<this.size;r++)if(this.isEqual(this.list[r].key,n))return r;return-1},l.prototype.isEqual=function(n,r){return n===r||n!==n&&r!==r},i.exports=l},{}],3:[function(o,i,g){var l=o("map-or-similar");i.exports=function(a){var h=new l(!1),c=[];return function(y){var f=function(){var b=h,_,A,k=arguments.length-1,R=Array(k+1),C=!0,I;if((f.numArgs||f.numArgs===0)&&f.numArgs!==k+1)throw new Error("Memoizerific functions should always be called with the same number of arguments");for(I=0;I<k;I++){if(R[I]={cacheItem:b,arg:arguments[I]},b.has(arguments[I])){b=b.get(arguments[I]);continue}C=!1,_=new l(!1),b.set(arguments[I],_),b=_}return C&&(b.has(arguments[k])?A=b.get(arguments[k]):C=!1),C||(A=y.apply(null,arguments),b.set(arguments[k],A)),a>0&&(R[k]={cacheItem:b,arg:arguments[k]},C?n(c,R):c.push(R),c.length>a&&r(c.shift())),f.wasMemoized=C,f.numArgs=k+1,A};return f.limit=a,f.wasMemoized=!1,f.cache=h,f.lru=c,f}};function n(a,h){var c=a.length,y=h.length,f,b,_;for(b=0;b<c;b++){for(f=!0,_=0;_<y;_++)if(!u(a[b][_].arg,h[_].arg)){f=!1;break}if(f)break}a.push(a.splice(b,1)[0])}function r(a){var h=a.length,c=a[h-1],y,f;for(c.cacheItem.delete(c.arg),f=h-2;f>=0&&(c=a[f],y=c.cacheItem.get(c.arg),!y||!y.size);f--)c.cacheItem.delete(c.arg)}function u(a,h){return a===h||a!==a&&h!==h}},{"map-or-similar":1}]},{},[3])(3)})});d();m();p();d();m();p();d();m();p();d();m();p();var v=__REACT__,{Children:Te,Component:Se,Fragment:w,Profiler:ke,PureComponent:Ie,StrictMode:Ee,Suspense:Ce,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:xe,cloneElement:Ae,createContext:Re,createElement:Be,createFactory:we,createRef:Le,forwardRef:Me,isValidElement:Pe,lazy:Ne,memo:L,useCallback:K,useContext:Ge,useDebugValue:ze,useEffect:De,useImperativeHandle:qe,useLayoutEffect:He,useMemo:Y,useReducer:Fe,useRef:Ke,useState:W,version:Ye}=__REACT__;d();m();p();var Ve=__STORYBOOK_API__,{ActiveTabs:Ze,Consumer:Je,ManagerContext:Qe,Provider:Xe,addons:M,combineParameters:et,controlOrMetaKey:tt,controlOrMetaSymbol:rt,eventMatchesShortcut:nt,eventToShortcut:ot,isMacLike:it,isShortcutTaken:at,keyToSymbol:st,merge:lt,mockChannel:ut,optionOrAltSymbol:ct,shortcutMatchesShortcut:ft,shortcutToHumanString:dt,types:U,useAddonState:mt,useArgTypes:pt,useArgs:ht,useChannel:gt,useGlobalTypes:bt,useGlobals:P,useParameter:N,useSharedState:yt,useStoryPrepared:_t,useStorybookApi:vt,useStorybookState:Ot}=__STORYBOOK_API__;var H=le(j());d();m();p();var Rt=__STORYBOOK_CLIENT_LOGGER__,{deprecate:Bt,logger:z,once:wt,pretty:Lt}=__STORYBOOK_CLIENT_LOGGER__;d();m();p();var zt=__STORYBOOK_COMPONENTS__,{A:Dt,ActionBar:qt,AddonPanel:Ht,Badge:Ft,Bar:Kt,Blockquote:Yt,Button:Wt,ClipboardCode:Ut,Code:$t,DL:jt,Div:Vt,DocumentWrapper:Zt,ErrorFormatter:Jt,FlexBar:Qt,Form:Xt,H1:er,H2:tr,H3:rr,H4:nr,H5:or,H6:ir,HR:ar,IconButton:D,IconButtonSkeleton:sr,Icons:q,Img:lr,LI:ur,Link:cr,ListItem:fr,Loader:dr,OL:mr,P:pr,Placeholder:hr,Pre:gr,ResetWrapper:br,ScrollArea:yr,Separator:_r,Spaced:vr,Span:Or,StorybookIcon:Tr,StorybookLogo:Sr,Symbols:kr,SyntaxHighlighter:Ir,TT:Er,TabBar:Cr,TabButton:xr,TabWrapper:Ar,Table:Rr,Tabs:Br,TabsState:wr,TooltipLinkList:V,TooltipMessage:Lr,TooltipNote:Mr,UL:Pr,WithTooltip:Z,WithTooltipPure:Nr,Zoom:Gr,codeCommon:zr,components:Dr,createCopyToClipboardFunction:qr,getStoryHref:Hr,icons:Fr,interleaveSeparators:Kr,nameSpaceClassNames:Yr,resetComponents:Wr,withReset:Ur}=__STORYBOOK_COMPONENTS__;d();m();p();var Jr=__STORYBOOK_THEMING__,{CacheProvider:Qr,ClassNames:Xr,Global:en,ThemeProvider:tn,background:rn,color:nn,convert:on,create:an,createCache:sn,createGlobal:ln,createReset:un,css:cn,darken:fn,ensure:dn,ignoreSsrWarning:mn,isPropValid:pn,jsx:hn,keyframes:gn,lighten:bn,styled:J,themes:yn,typography:_n,useTheme:vn,withTheme:On}=__STORYBOOK_THEMING__;d();m();p();var En=(()=>{let e;return typeof window<"u"?e=window:typeof globalThis<"u"?e=globalThis:typeof window<"u"?e=window:typeof self<"u"?e=self:e={},e})();d();m();p();function Q(e){for(var t=[],s=1;s<arguments.length;s++)t[s-1]=arguments[s];var o=Array.from(typeof e=="string"?[e]:e);o[o.length-1]=o[o.length-1].replace(/\r?\n([\t ]*)$/,"");var i=o.reduce(function(n,r){var u=r.match(/\n([\t ]+|(?!\s).)/g);return u?n.concat(u.map(function(a){var h,c;return(c=(h=a.match(/[\t ]/g))===null||h===void 0?void 0:h.length)!==null&&c!==void 0?c:0})):n},[]);if(i.length){var g=new RegExp(`
-[	 ]{`+Math.min.apply(Math,i)+"}","g");o=o.map(function(n){return n.replace(g,`
-`)})}o[0]=o[0].replace(/^\r?\n/,"");var l=o[0];return t.forEach(function(n,r){var u=l.match(/(?:^|\n)( *)$/),a=u?u[1]:"",h=n;typeof n=="string"&&n.includes(`
-`)&&(h=String(n).split(`
-`).map(function(c,y){return y===0?c:""+a+c}).join(`
-`)),l+=h+o[r+1]}),l}var X="storybook/background",E="backgrounds",ue=J.span(({background:e})=>({borderRadius:"1rem",display:"block",height:"1rem",width:"1rem",background:e}),({theme:e})=>({boxShadow:`${e.appBorderColor} 0 0 0 1px inset`})),ce=(e,t=[],s)=>{if(e==="transparent")return"transparent";if(t.find(i=>i.value===e))return e;let o=t.find(i=>i.name===s);if(o)return o.value;if(s){let i=t.map(g=>g.name).join(", ");z.warn(Q`
-        Backgrounds Addon: could not find the default color "${s}".
-        These are the available colors for your story based on your configuration:
-        ${i}.
-      `)}return"transparent"},ee=(0,H.default)(1e3)((e,t,s,o,i,g)=>({id:e||t,title:t,onClick:()=>{i({selected:s,name:t})},value:s,right:o?v.createElement(ue,{background:s}):void 0,active:g})),fe=(0,H.default)(10)((e,t,s)=>{let o=e.map(({name:i,value:g})=>ee(null,i,g,!0,s,g===t));return t!=="transparent"?[ee("reset","Clear background","transparent",null,s,!1),...o]:o}),de={default:null,disable:!0,values:[]},me=L(function(){let e=N(E,de),[t,s]=W(!1),[o,i]=P(),g=o[E]?.value,l=Y(()=>ce(g,e.values,e.default),[e,g]);Array.isArray(e)&&z.warn("Addon Backgrounds api has changed in Storybook 6.0. Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md");let n=K(r=>{i({[E]:{...o[E],value:r}})},[e,o,i]);return e.disable?null:v.createElement(w,null,v.createElement(Z,{placement:"top",closeOnOutsideClick:!0,tooltip:({onHide:r})=>v.createElement(V,{links:fe(e.values,l,({selected:u})=>{l!==u&&n(u),r()})}),onVisibleChange:s},v.createElement(D,{key:"background",title:"Change the background of the preview",active:l!=="transparent"||t},v.createElement(q,{icon:"photo"}))))}),pe=L(function(){let[e,t]=P(),{grid:s}=N(E,{grid:{disable:!1}});if(s?.disable)return null;let o=e[E]?.grid||!1;return v.createElement(D,{key:"background",active:o,title:"Apply a grid to the preview",onClick:()=>t({[E]:{...e[E],grid:!o}})},v.createElement(q,{icon:"grid"}))});M.register(X,()=>{M.add(X,{title:"Backgrounds",type:U.TOOL,match:({viewMode:e})=>!!(e&&e.match(/^(story|docs)$/)),render:()=>v.createElement(w,null,v.createElement(me,null),v.createElement(pe,null))})});})();
-}catch(e){ console.error("[Storybook] One of your manager-entries failed: " + import.meta.url, e); }