quickblox-react-ui-kit 0.4.7-beta.2 → 0.4.8

package/storybook-static/Presentation-ui-components-DialogWindow-DialogWindow-stories.46997cb0.iframe.bundle.js

@@ -0,0 +1,2 @@
+/*! For license information please see Presentation-ui-components-DialogWindow-DialogWindow-stories.46997cb0.iframe.bundle.js.LICENSE.txt */
+(self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[409,961],{"./node_modules/classnames/index.js":(module,exports)=>{var __WEBPACK_AMD_DEFINE_RESULT__;!function(){"use strict";var hasOwn={}.hasOwnProperty;function classNames(){for(var classes="",i=0;i<arguments.length;i++){var arg=arguments[i];arg&&(classes=appendClass(classes,parseValue(arg)))}return classes}function parseValue(arg){if("string"==typeof arg||"number"==typeof arg)return arg;if("object"!=typeof arg)return"";if(Array.isArray(arg))return classNames.apply(null,arg);if(arg.toString!==Object.prototype.toString&&!arg.toString.toString().includes("[native code]"))return arg.toString();var classes="";for(var key in arg)hasOwn.call(arg,key)&&arg[key]&&(classes=appendClass(classes,key));return classes}function appendClass(value,newClass){return newClass?value?value+" "+newClass:value+newClass:value}module.exports?(classNames.default=classNames,module.exports=classNames):void 0===(__WEBPACK_AMD_DEFINE_RESULT__=function(){return classNames}.apply(exports,[]))||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)}()},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Button/Button.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".qb-button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 16px;height:32px;border-radius:4px;flex:none;order:1;flex-grow:0;font-style:normal;font-weight:500;font-size:14px;line-height:16px;letter-spacing:.4px;cursor:pointer;border:none;outline:none}.qb-button,.qb-button *{box-sizing:border-box}.qb-button--default{color:var(--system);background-color:var(--main-elements)}.qb-button--default:hover{background-color:var(--color-default-hover)}.qb-button--default:focus{outline:2px solid var(--color-background-info)}.qb-button--default:active{background-color:var(--color-default-hover);color:var(--color-background-info)}.qb-button--default.qb-button--disabled{cursor:not-allowed;background-color:var(--disabled-elements);color:var(--secondary-text)}.qb-button--outlined{background-color:inherit;border:1px solid var(--main-text);color:var(--main-text)}.qb-button--outlined:hover{background-color:var(--outgoing-background)}.qb-button--outlined:focus{border:2px solid var(--color-background-info)}.qb-button--outlined:active{border:1px solid var(--main-elements);color:var(--main-elements)}.qb-button--outlined.qb-button--disabled{cursor:not-allowed;border:1px solid var(--disabled-elements);color:var(--disabled-elements)}.qb-button--danger{background-color:var(--error);color:var(--system)}.qb-button--danger:focus{outline:2px solid var(--error-secondary)}.qb-button--danger:active{color:var(--error-secondary)}.qb-button--danger.qb-button--disabled{cursor:not-allowed;background-color:var(--disabled-elements);color:var(--secondary-text)}.qb-button--text{background-color:inherit;color:var(--main-elements)}.qb-button--text:focus{outline:2px solid var(--color-background-info)}.qb-button--text:active{color:var(--color-default-hover)}.qb-button--text.qb-button--disabled{cursor:not-allowed;color:var(--disabled-elements)}.qb-button__loader--default{fill:var(--secondary-background)}.qb-button__loader--outlined{fill:var(--main-elements)}.qb-button__loader--danger{fill:var(--secondary-background)}.qb-button__loader--text{fill:var(--disabled-elements)}","",{version:3,sources:["webpack://./src/Presentation/ui-components/Button/Button.scss","webpack://./src/Presentation/themes/styles/_mixins.scss"],names:[],mappings:"AAEA,WACE,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,kBAAA,CACA,gBAAA,CAEA,WAAA,CAEA,iBAAA,CAEA,SAAA,CACA,OAAA,CACA,WAAA,CAEA,iBAAA,CACA,eAAA,CACA,cAAA,CACA,gBAAA,CACA,mBAAA,CAEA,cAAA,CACA,WAAA,CACA,YAAA,CCxBA,wBAEE,qBAAA,CDyBF,oBACE,mBAAA,CACA,qCAAA,CAEA,0BACE,2CAAA,CAGF,0BACE,8CAAA,CAGF,2BACE,2CAAA,CACA,kCAAA,CAGF,wCACE,kBAAA,CACA,yCAAA,CACA,2BAAA,CAIJ,qBACE,wBAAA,CACA,iCAAA,CACA,sBAAA,CAEA,2BACE,2CAAA,CAGF,2BACE,6CAAA,CAGF,4BACE,qCAAA,CACA,0BAAA,CAGF,yCACE,kBAAA,CACA,yCAAA,CACA,8BAAA,CAIJ,mBACE,6BAAA,CACA,mBAAA,CAEA,yBACE,wCAAA,CAGF,0BACE,4BAAA,CAGF,uCACE,kBAAA,CACA,yCAAA,CACA,2BAAA,CAIJ,iBACE,wBAAA,CACA,0BAAA,CAEA,uBACE,8CAAA,CAGF,wBACE,gCAAA,CAGF,qCACE,kBAAA,CACA,8BAAA,CAKF,4BACE,gCAAA,CAGF,6BACE,yBAAA,CAGF,2BACE,gCAAA,CAGF,yBACE,6BAAA",sourcesContent:["@use '../../themes/styles/mixins' as *;\n\n.qb-button {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  padding: 8px 16px;\n\n  height: 32px;\n\n  border-radius: 4px;\n\n  flex: none;\n  order: 1;\n  flex-grow: 0;\n\n  font-style: normal;\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 16px;\n  letter-spacing: 0.4px;\n\n  cursor: pointer;\n  border: none;\n  outline: none;\n  @include applyBorderBox;\n\n  &--default {\n    color: var(--system);\n    background-color: var(--main-elements);\n\n    &:hover {\n      background-color: var(--color-default-hover);\n    }\n\n    &:focus {\n      outline: 2px solid var(--color-background-info);\n    }\n\n    &:active {\n      background-color: var(--color-default-hover);\n      color: var(--color-background-info);\n    }\n\n    &.qb-button--disabled {\n      cursor: not-allowed;\n      background-color: var(--disabled-elements);\n      color: var(--secondary-text);\n    }\n  }\n\n  &--outlined {\n    background-color: inherit;\n    border: 1px solid var(--main-text);\n    color: var(--main-text);\n\n    &:hover {\n      background-color: var(--outgoing-background);\n    }\n\n    &:focus {\n      border: 2px solid var(--color-background-info);\n    }\n\n    &:active {\n      border: 1px solid var(--main-elements);\n      color: var(--main-elements);\n    }\n\n    &.qb-button--disabled {\n      cursor: not-allowed;\n      border: 1px solid var(--disabled-elements);\n      color: var(--disabled-elements);\n    }\n  }\n\n  &--danger {\n    background-color: var(--error);\n    color: var(--system);\n\n    &:focus {\n      outline: 2px solid var(--error-secondary);\n    }\n\n    &:active {\n      color: var(--error-secondary);\n    }\n\n    &.qb-button--disabled {\n      cursor: not-allowed;\n      background-color: var(--disabled-elements);\n      color: var(--secondary-text);\n    }\n  }\n\n  &--text {\n    background-color: inherit;\n    color: var(--main-elements);\n\n    &:focus {\n      outline: 2px solid var(--color-background-info);\n    }\n\n    &:active {\n      color: var(--color-default-hover);\n    }\n\n    &.qb-button--disabled {\n      cursor: not-allowed;\n      color: var(--disabled-elements);\n    }\n  }\n\n  &__loader {\n    &--default {\n      fill: var(--secondary-background);\n    }\n\n    &--outlined {\n      fill: var(--main-elements);\n    }\n\n    &--danger {\n      fill: var(--secondary-background);\n    }\n\n    &--text {\n      fill: var(--disabled-elements);\n    }\n  }\n}\n","@mixin applyBorderBox {\n  &,\n  * {\n    box-sizing: border-box;\n  }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/DialogWindow/DialogWindow.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".dialog-window{left:0;top:0;width:100%;height:100%;z-index:100;position:fixed;background-color:var(--color-background-modal)}.dialog-window,.dialog-window *{box-sizing:border-box}.dialog-window--disable{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:100;display:block}.dialog-window__content{width:380px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);padding:24px;border-radius:4px;background-color:var(--main-background);box-shadow:0 9px 15px 0 rgba(0,0,0,.04),0 9px 46px 0 rgba(0,0,0,.08)}@media(max-width: 767px){.dialog-window__content{width:300px}}.dialog-window__header{margin-bottom:28px;padding:0px !important}.dialog-window__header svg{fill:var(--main-text)}.dialog-window__close{width:24px;height:24px;fill:var(--main-text);cursor:pointer}","",{version:3,sources:["webpack://./src/Presentation/ui-components/DialogWindow/DialogWindow.scss","webpack://./src/Presentation/themes/styles/_mixins.scss"],names:[],mappings:"AAEA,eACE,MAAA,CACA,KAAA,CACA,UAAA,CACA,WAAA,CACA,WAAA,CACA,cAAA,CACA,8CAAA,CCRA,gCAEE,qBAAA,CDUF,wBACE,iBAAA,CACA,KAAA,CACA,MAAA,CACA,UAAA,CACA,WAAA,CACA,+BAAA,CACA,WAAA,CACA,aAAA,CAGF,wBACE,WAAA,CACA,iBAAA,CAEA,OAAA,CACA,QAAA,CACA,+BAAA,CAEA,YAAA,CACA,iBAAA,CACA,uCAAA,CACA,oEAAA,CAGA,yBAdF,wBAeI,WAAA,CAAA,CAIJ,uBACE,kBAAA,CACA,sBAAA,CAEA,2BACE,qBAAA,CAIJ,sBACE,UAAA,CACA,WAAA,CACA,qBAAA,CACA,cAAA",sourcesContent:["@use '../../themes/styles/mixins' as *;\n\n.dialog-window {\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 100;\n  position: fixed;\n  background-color: var(--color-background-modal);\n\n  @include applyBorderBox;\n\n  &--disable {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.5);\n    z-index: 100;\n    display: block;\n  }\n\n  &__content {\n    width: 380px;\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n\n    padding: 24px;\n    border-radius: 4px;\n    background-color: var(--main-background);\n    box-shadow: 0 9px 15px 0 rgba(0, 0, 0, 0.04),\n    0 9px 46px 0 rgba(0, 0, 0, 0.08);\n\n    @media (max-width: 767px) {\n      width: 300px;\n    }\n  }\n\n  &__header {\n    margin-bottom: 28px;\n    padding: 0px !important;\n\n    svg {\n      fill: var(--main-text);\n    }\n  }\n\n  &__close {\n    width: 24px;\n    height: 24px;\n    fill: var(--main-text);\n    cursor: pointer;\n  }\n}\n","@mixin applyBorderBox {\n  &,\n  * {\n    box-sizing: border-box;\n  }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Header/Header.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".dialog-header{width:100%;padding:12px 16px 12px 20px;display:flex;align-items:center;gap:33px}.dialog-header,.dialog-header *{box-sizing:border-box}.dialog-header__icon{cursor:pointer;width:24px;height:24px;flex-shrink:0}.dialog-header__icon svg{width:24px;height:24px;fill:var(--main-elements)}.dialog-header__back{color:var(--main-text);fill:var(--main-text)}.dialog-header__body{width:100%;display:flex;gap:33px;align-items:center;justify-content:space-between;overflow:hidden}.dialog-header__body-left{display:flex;align-items:center;justify-content:flex-start;gap:8px;overflow:hidden}.dialog-header__body-right{height:24px;display:flex;align-items:center;gap:16px}.dialog-header__title{color:var(--main-text, #0b1b0f);text-align:left;font:var(--title-title-large);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dialog-header__line{border-style:solid;border-color:var(--color-divider, #e7efff);border-width:0 0 1px 0}@media only screen and (max-width: var(--min-width-screen-desktop)){.dialog-header__body-left{gap:3px}.dialog-header__body{width:unset}}@media only screen and (min-width: 981px){.dialog-header__back{display:none}}","",{version:3,sources:["webpack://./src/Presentation/ui-components/Header/Header.scss","webpack://./src/Presentation/themes/styles/_mixins.scss"],names:[],mappings:"AAEA,eACE,UAAA,CACA,2BAAA,CACA,YAAA,CACA,kBAAA,CACA,QAAA,CCNA,gCAEE,qBAAA,CDQF,qBACE,cAAA,CACA,UAAA,CACA,WAAA,CACA,aAAA,CAEA,yBACE,UAAA,CACA,WAAA,CACA,yBAAA,CAIJ,qBACE,sBAAA,CACA,qBAAA,CAGF,qBACE,UAAA,CACA,YAAA,CACA,QAAA,CACA,kBAAA,CACA,6BAAA,CACA,eAAA,CAEA,0BACE,YAAA,CACA,kBAAA,CACA,0BAAA,CACA,OAAA,CACA,eAAA,CAGF,2BACE,WAAA,CACA,YAAA,CACA,kBAAA,CACA,QAAA,CAIJ,sBACE,+BAAA,CACA,eAAA,CACA,6BAAA,CACA,eAAA,CACA,kBAAA,CACA,sBAAA,CAGF,qBACE,kBAAA,CACA,0CAAA,CACA,sBAAA,CAIJ,oEACE,0BACE,OAAA,CAIA,qBACE,WAAA,CAAA,CAKN,0CACE,qBACE,YAAA,CAAA",sourcesContent:["@use '../../themes/styles/mixins' as *;\n\n.dialog-header {\n  width: 100%;\n  padding: 12px 16px 12px 20px;\n  display: flex;\n  align-items: center;\n  gap: 33px;\n\n  @include applyBorderBox;\n\n  &__icon {\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n    flex-shrink: 0;\n\n    svg {\n      width: 24px;\n      height: 24px;\n      fill: var(--main-elements);\n    }\n  }\n\n  &__back {\n    color: var(--main-text);\n    fill: var(--main-text);\n  }\n\n  &__body {\n    width: 100%;\n    display: flex;\n    gap: 33px;\n    align-items: center;\n    justify-content: space-between;\n    overflow: hidden;\n\n    &-left {\n      display: flex;\n      align-items: center;\n      justify-content: flex-start;\n      gap: 8px;\n      overflow: hidden;\n    }\n\n    &-right {\n      height: 24px;\n      display: flex;\n      align-items: center;\n      gap: 16px;\n    }\n  }\n\n  &__title {\n    color: var(--main-text, #0b1b0f);\n    text-align: left;\n    font: var(--title-title-large);\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  &__line {\n    border-style: solid;\n    border-color: var(--color-divider, #e7efff);\n    border-width: 0 0 1px 0;\n  }\n}\n\n@media only screen and (max-width: var(--min-width-screen-desktop)) {\n  .dialog-header__body-left {\n    gap: 3px;\n  }\n\n  .dialog-header {\n    &__body {\n      width: unset;\n    }\n\n  }\n}\n@media only screen and (min-width: 981px) {\n  .dialog-header__back {\n    display: none;\n  }\n}\n","@mixin applyBorderBox {\n  &,\n  * {\n    box-sizing: border-box;\n  }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Loader/Loader.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".qb-loader--sm{width:24px;height:24px}.qb-loader--md{width:48px;height:48px}.qb-loader--lg{width:52px;height:52px}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.qb-loader{animation:rotate 1s infinite linear}","",{version:3,sources:["webpack://./src/Presentation/ui-components/Loader/Loader.scss"],names:[],mappings:"AACE,eACE,UAAA,CACA,WAAA,CAGF,eACE,UAAA,CACA,WAAA,CAGF,eACE,UAAA,CACA,WAAA,CAGF,kBACE,KACE,sBAAA,CAEF,GACE,wBAAA,CAAA,CAIJ,WACE,mCAAA",sourcesContent:[".qb-loader {\n  &--sm {\n    width: 24px;\n    height: 24px;\n  }\n\n  &--md {\n    width: 48px;\n    height: 48px;\n  }\n\n  &--lg {\n    width: 52px;\n    height: 52px;\n  }\n\n  @keyframes rotate {\n    from {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  & {\n    animation: rotate 1s infinite linear;\n  }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/react-dom/cjs/react-dom.production.js":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var React=__webpack_require__("./node_modules/react/index.js");function formatProdErrorMessage(code){var url="https://react.dev/errors/"+code;if(1<arguments.length){url+="?args[]="+encodeURIComponent(arguments[1]);for(var i=2;i<arguments.length;i++)url+="&args[]="+encodeURIComponent(arguments[i])}return"Minified React error #"+code+"; visit "+url+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}function noop(){}var Internals={d:{f:noop,r:function(){throw Error(formatProdErrorMessage(522))},D:noop,C:noop,L:noop,m:noop,X:noop,S:noop,M:noop},p:0,findDOMNode:null},REACT_PORTAL_TYPE=Symbol.for("react.portal");var ReactSharedInternals=React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;function getCrossOriginStringAs(as,input){return"font"===as?"":"string"==typeof input?"use-credentials"===input?input:"":void 0}exports.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=Internals,exports.createPortal=function(children,container){var key=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!container||1!==container.nodeType&&9!==container.nodeType&&11!==container.nodeType)throw Error(formatProdErrorMessage(299));return function createPortal$1(children,containerInfo,implementation){var key=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:REACT_PORTAL_TYPE,key:null==key?null:""+key,children,containerInfo,implementation}}(children,container,null,key)},exports.flushSync=function(fn){var previousTransition=ReactSharedInternals.T,previousUpdatePriority=Internals.p;try{if(ReactSharedInternals.T=null,Internals.p=2,fn)return fn()}finally{ReactSharedInternals.T=previousTransition,Internals.p=previousUpdatePriority,Internals.d.f()}},exports.preconnect=function(href,options){"string"==typeof href&&(options?options="string"==typeof(options=options.crossOrigin)?"use-credentials"===options?options:"":void 0:options=null,Internals.d.C(href,options))},exports.prefetchDNS=function(href){"string"==typeof href&&Internals.d.D(href)},exports.preinit=function(href,options){if("string"==typeof href&&options&&"string"==typeof options.as){var as=options.as,crossOrigin=getCrossOriginStringAs(as,options.crossOrigin),integrity="string"==typeof options.integrity?options.integrity:void 0,fetchPriority="string"==typeof options.fetchPriority?options.fetchPriority:void 0;"style"===as?Internals.d.S(href,"string"==typeof options.precedence?options.precedence:void 0,{crossOrigin,integrity,fetchPriority}):"script"===as&&Internals.d.X(href,{crossOrigin,integrity,fetchPriority,nonce:"string"==typeof options.nonce?options.nonce:void 0})}},exports.preinitModule=function(href,options){if("string"==typeof href)if("object"==typeof options&&null!==options){if(null==options.as||"script"===options.as){var crossOrigin=getCrossOriginStringAs(options.as,options.crossOrigin);Internals.d.M(href,{crossOrigin,integrity:"string"==typeof options.integrity?options.integrity:void 0,nonce:"string"==typeof options.nonce?options.nonce:void 0})}}else null==options&&Internals.d.M(href)},exports.preload=function(href,options){if("string"==typeof href&&"object"==typeof options&&null!==options&&"string"==typeof options.as){var as=options.as,crossOrigin=getCrossOriginStringAs(as,options.crossOrigin);Internals.d.L(href,as,{crossOrigin,integrity:"string"==typeof options.integrity?options.integrity:void 0,nonce:"string"==typeof options.nonce?options.nonce:void 0,type:"string"==typeof options.type?options.type:void 0,fetchPriority:"string"==typeof options.fetchPriority?options.fetchPriority:void 0,referrerPolicy:"string"==typeof options.referrerPolicy?options.referrerPolicy:void 0,imageSrcSet:"string"==typeof options.imageSrcSet?options.imageSrcSet:void 0,imageSizes:"string"==typeof options.imageSizes?options.imageSizes:void 0,media:"string"==typeof options.media?options.media:void 0})}},exports.preloadModule=function(href,options){if("string"==typeof href)if(options){var crossOrigin=getCrossOriginStringAs(options.as,options.crossOrigin);Internals.d.m(href,{as:"string"==typeof options.as&&"script"!==options.as?options.as:void 0,crossOrigin,integrity:"string"==typeof options.integrity?options.integrity:void 0})}else Internals.d.m(href)},exports.requestFormReset=function(form){Internals.d.r(form)},exports.unstable_batchedUpdates=function(fn,a){return fn(a)},exports.useFormState=function(action,initialState,permalink){return ReactSharedInternals.H.useFormState(action,initialState,permalink)},exports.useFormStatus=function(){return ReactSharedInternals.H.useHostTransitionStatus()},exports.version="19.1.0"},"./node_modules/react-dom/index.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";!function checkDCE(){if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE)try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(checkDCE)}catch(err){console.error(err)}}(),module.exports=__webpack_require__("./node_modules/react-dom/cjs/react-dom.production.js")},"./src/Presentation/ui-components/Button/Button.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Button_Button_Button});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),Loader=__webpack_require__("./src/Presentation/ui-components/Loader/Loader.tsx"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Button=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Button/Button.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Button.A,options);Button.A&&Button.A.locals&&Button.A.locals;function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function Button_Button_Button(_ref){let{variant="default",className,disabled=!1,loading=!1,children,...rest}=_ref;return react.createElement("button",_extends({className:classnames_default()("qb-button",`qb-button--${variant}`,{"qb-button--disabled":disabled},className),disabled:disabled||loading},rest),loading&&!disabled?react.createElement(Loader.A,{className:classnames_default()("qb-button__loader",`qb-button__loader--${variant}`)}):children)}Button_Button_Button.__docgenInfo={description:"",methods:[],displayName:"Button",props:{variant:{required:!1,tsType:{name:"union",raw:"'default' | 'outlined' | 'danger' | 'text'",elements:[{name:"literal",value:"'default'"},{name:"literal",value:"'outlined'"},{name:"literal",value:"'danger'"},{name:"literal",value:"'text'"}]},description:"",defaultValue:{value:"'default'",computed:!1}},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},loading:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},className:{required:!1,tsType:{name:"string"},description:""},children:{required:!1,tsType:{name:"union",raw:"ReactElement | string | number",elements:[{name:"ReactElement"},{name:"string"},{name:"number"}]},description:""}},composes:["HTMLButtonProps"]}},"./src/Presentation/ui-components/DialogWindow/DialogWindow.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DialogWindowDefault:()=>DialogWindowDefault,__namedExportsOrder:()=>__namedExportsOrder,default:()=>DialogWindow_stories});var react=__webpack_require__("./node_modules/react/index.js"),react_dom=__webpack_require__("./node_modules/react-dom/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),Header=__webpack_require__("./src/Presentation/ui-components/Header/Header.tsx"),icons=__webpack_require__("./src/Presentation/icons/index.ts"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),DialogWindow=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/DialogWindow/DialogWindow.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(DialogWindow.A,options);DialogWindow.A&&DialogWindow.A.locals&&DialogWindow.A.locals;function DialogWindow_DialogWindow_DialogWindow(_ref){let{children,onClose,open=!1,title,className,disableActions=!1}=_ref;return open?(0,react_dom.createPortal)(react.createElement("div",{className:classnames_default()("dialog-window",className)},react.createElement("div",{className:classnames_default()("",{"dialog-window--disable":disableActions})}),react.createElement("div",{className:"dialog-window__content"},react.createElement(Header.A,{className:"dialog-window__header",title},react.createElement(icons.X6,{onClick:onClose,className:"dialog-window__close"})),children)),document.body):null}var Button=__webpack_require__("./src/Presentation/ui-components/Button/Button.tsx");const DialogWindow_stories={title:"@quickblox-react-ui-kit/Presentation/ui-components/DialogWindow",component:DialogWindow_DialogWindow_DialogWindow,tags:["autodocs"],parameters:{layout:"centered"},args:{children:void 0,open:!1,title:"",className:"",onClose:void 0},argTypes:{title:{table:{defaultValue:{summary:""},type:{summary:"string"}},description:"Title for modal window"},children:{table:{defaultValue:{summary:"ReactNode"},type:{summary:"ReactElement | ReactElement[]"}},description:"Primary content"},open:{table:{defaultValue:{summary:"false"},type:{summary:"boolean"}},description:"Open modal window"},className:{table:{defaultValue:{summary:"string"},type:{summary:"string"}},description:"Additional classes"},onClose:{table:{type:{summary:"VoidFunction"}},description:"closes the modal window"},disableActions:{table:{defaultValue:{summary:"false"},type:{summary:"boolean"}}}}};function DialogWindowExample(){const[isOpen,setIsOpen]=(0,react.useState)(!1),handleOnChange=()=>{setIsOpen((state=>!state))};return react.createElement("div",null,react.createElement(Button.A,{onClick:handleOnChange,type:"button"},"Button"),react.createElement(DialogWindow_DialogWindow_DialogWindow,{open:isOpen,title:"Headline",onClose:handleOnChange},react.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"flex-end",marginTop:"48px",gap:"8px"}},react.createElement(Button.A,{variant:"outlined",onClick:handleOnChange},"Button"),react.createElement(Button.A,{variant:"danger",onClick:handleOnChange},"Button"))))}const DialogWindowDefault={name:"DialogWindow Default",render:()=>react.createElement(DialogWindowExample,null)},__namedExportsOrder=["DialogWindowDefault"];DialogWindowDefault.parameters={...DialogWindowDefault.parameters,docs:{...DialogWindowDefault.parameters?.docs,source:{originalSource:"{\n  name: 'DialogWindow Default',\n  render: () => <DialogWindowExample />\n}",...DialogWindowDefault.parameters?.docs?.source}}}},"./src/Presentation/ui-components/Header/Header.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>ui_components_Header_Header});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Header=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Header/Header.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Header.A,options);Header.A&&Header.A.locals&&Header.A.locals;const Header_Header_Header=_ref=>{let{title,avatar,badge,children,onGoBack,className}=_ref;return react.createElement("div",{className:classnames_default()("dialog-header",className)},onGoBack&&react.createElement(icons.oV,{className:"dialog-header__icon dialog-header__back",onClick:onGoBack}),react.createElement("div",{className:"dialog-header__body"},react.createElement("div",{className:"dialog-header__body-left"},avatar,react.createElement("span",{className:"dialog-header__title"},title),badge),children&&react.createElement("div",{className:"dialog-header__body-right"},react.Children.map(children,(child=>react.createElement("span",{className:"dialog-header__icon"},child))))))},ui_components_Header_Header=Header_Header_Header;Header_Header_Header.__docgenInfo={description:"",methods:[],displayName:"Header",props:{title:{required:!0,tsType:{name:"string"},description:""},avatar:{required:!1,tsType:{name:"ReactElement"},description:""},badge:{required:!1,tsType:{name:"ReactElement"},description:""},children:{required:!1,tsType:{name:"union",raw:"ReactElement | ReactElement[]",elements:[{name:"ReactElement"},{name:"Array",elements:[{name:"ReactElement"}],raw:"ReactElement[]"}]},description:""},onGoBack:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},className:{required:!1,tsType:{name:"string"},description:""}}}},"./src/Presentation/ui-components/Loader/Loader.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Loader_Loader_Loader});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Loader=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Loader/Loader.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Loader.A,options);Loader.A&&Loader.A.locals&&Loader.A.locals;function Loader_Loader_Loader(_ref){let{className,size="md"}=_ref;return react.createElement(icons.iO,{className:classnames_default()("qb-loader",size&&`qb-loader--${size}`,className)})}Loader_Loader_Loader.__docgenInfo={description:"",methods:[],displayName:"Loader",props:{size:{required:!1,tsType:{name:"union",raw:"'sm' | 'md' | 'lg'",elements:[{name:"literal",value:"'sm'"},{name:"literal",value:"'md'"},{name:"literal",value:"'lg'"}]},description:"",defaultValue:{value:"'md'",computed:!1}},className:{required:!1,tsType:{name:"string"},description:""}}}}}]);

package/storybook-static/Presentation-ui-components-Header-Header-stories.a4edfcc6.iframe.bundle.js

@@ -0,0 +1,2 @@
+/*! For license information please see Presentation-ui-components-Header-Header-stories.a4edfcc6.iframe.bundle.js.LICENSE.txt */
+(self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[395],{"./node_modules/@storybook/addon-viewport/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Lq:()=>INITIAL_VIEWPORTS});__webpack_require__("storybook/internal/preview-api");var __defProp=Object.defineProperty,preview_exports={};((target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})})(preview_exports,{initialGlobals:()=>initialGlobals});var PARAM_KEY="viewport",modern={[PARAM_KEY]:{value:void 0,isRotated:!1}},initialGlobals=globalThis.FEATURES?.viewportStoryGlobals?modern:{viewport:"reset",viewportRotated:!1},INITIAL_VIEWPORTS={iphone5:{name:"iPhone 5",styles:{height:"568px",width:"320px"},type:"mobile"},iphone6:{name:"iPhone 6",styles:{height:"667px",width:"375px"},type:"mobile"},iphone6p:{name:"iPhone 6 Plus",styles:{height:"736px",width:"414px"},type:"mobile"},iphone8p:{name:"iPhone 8 Plus",styles:{height:"736px",width:"414px"},type:"mobile"},iphonex:{name:"iPhone X",styles:{height:"812px",width:"375px"},type:"mobile"},iphonexr:{name:"iPhone XR",styles:{height:"896px",width:"414px"},type:"mobile"},iphonexsmax:{name:"iPhone XS Max",styles:{height:"896px",width:"414px"},type:"mobile"},iphonese2:{name:"iPhone SE (2nd generation)",styles:{height:"667px",width:"375px"},type:"mobile"},iphone12mini:{name:"iPhone 12 mini",styles:{height:"812px",width:"375px"},type:"mobile"},iphone12:{name:"iPhone 12",styles:{height:"844px",width:"390px"},type:"mobile"},iphone12promax:{name:"iPhone 12 Pro Max",styles:{height:"926px",width:"428px"},type:"mobile"},iphoneSE3:{name:"iPhone SE 3rd generation",styles:{height:"667px",width:"375px"},type:"mobile"},iphone13:{name:"iPhone 13",styles:{height:"844px",width:"390px"},type:"mobile"},iphone13pro:{name:"iPhone 13 Pro",styles:{height:"844px",width:"390px"},type:"mobile"},iphone13promax:{name:"iPhone 13 Pro Max",styles:{height:"926px",width:"428px"},type:"mobile"},iphone14:{name:"iPhone 14",styles:{height:"844px",width:"390px"},type:"mobile"},iphone14pro:{name:"iPhone 14 Pro",styles:{height:"852px",width:"393px"},type:"mobile"},iphone14promax:{name:"iPhone 14 Pro Max",styles:{height:"932px",width:"430px"},type:"mobile"},ipad:{name:"iPad",styles:{height:"1024px",width:"768px"},type:"tablet"},ipad10p:{name:"iPad Pro 10.5-in",styles:{height:"1112px",width:"834px"},type:"tablet"},ipad11p:{name:"iPad Pro 11-in",styles:{height:"1194px",width:"834px"},type:"tablet"},ipad12p:{name:"iPad Pro 12.9-in",styles:{height:"1366px",width:"1024px"},type:"tablet"},galaxys5:{name:"Galaxy S5",styles:{height:"640px",width:"360px"},type:"mobile"},galaxys9:{name:"Galaxy S9",styles:{height:"740px",width:"360px"},type:"mobile"},nexus5x:{name:"Nexus 5X",styles:{height:"660px",width:"412px"},type:"mobile"},nexus6p:{name:"Nexus 6P",styles:{height:"732px",width:"412px"},type:"mobile"},pixel:{name:"Pixel",styles:{height:"960px",width:"540px"},type:"mobile"},pixelxl:{name:"Pixel XL",styles:{height:"1280px",width:"720px"},type:"mobile"}}},"./node_modules/classnames/index.js":(module,exports)=>{var __WEBPACK_AMD_DEFINE_RESULT__;!function(){"use strict";var hasOwn={}.hasOwnProperty;function classNames(){for(var classes="",i=0;i<arguments.length;i++){var arg=arguments[i];arg&&(classes=appendClass(classes,parseValue(arg)))}return classes}function parseValue(arg){if("string"==typeof arg||"number"==typeof arg)return arg;if("object"!=typeof arg)return"";if(Array.isArray(arg))return classNames.apply(null,arg);if(arg.toString!==Object.prototype.toString&&!arg.toString.toString().includes("[native code]"))return arg.toString();var classes="";for(var key in arg)hasOwn.call(arg,key)&&arg[key]&&(classes=appendClass(classes,key));return classes}function appendClass(value,newClass){return newClass?value?value+" "+newClass:value+newClass:value}module.exports?(classNames.default=classNames,module.exports=classNames):void 0===(__WEBPACK_AMD_DEFINE_RESULT__=function(){return classNames}.apply(exports,[]))||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)}()},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Avatar/Avatar.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".qb-avatar{display:flex;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;background-color:var(--disabled-elements);color:var(--secondary-text)}.qb-avatar,.qb-avatar *{box-sizing:border-box}.qb-avatar svg{height:26px;width:26px;fill:var(--tertiary-elements)}.qb-avatar__image{object-fit:cover;width:100%;height:100%}.qb-avatar--xs{width:32px;height:32px}.qb-avatar--sm{width:36px;height:36px}.qb-avatar--md{width:40px;height:40px}.qb-avatar--lg{width:56px;height:56px}.qb-avatar--lg svg{height:33px;width:33px}.qb-avatar--xl{width:64px;height:64px}.qb-avatar--xxl{width:80px;height:80px}","",{version:3,sources:["webpack://./src/Presentation/ui-components/Avatar/Avatar.scss","webpack://./src/Presentation/themes/styles/_mixins.scss"],names:[],mappings:"AAEA,WACE,YAAA,CACA,aAAA,CACA,kBAAA,CACA,sBAAA,CAEA,eAAA,CACA,iBAAA,CACA,yCAAA,CACA,2BAAA,CCVA,wBAEE,qBAAA,CDYF,eACE,WAAA,CACA,UAAA,CACA,6BAAA,CAGF,kBACE,gBAAA,CACA,UAAA,CACA,WAAA,CAGF,eACE,UAAA,CACA,WAAA,CAGF,eACE,UAAA,CACA,WAAA,CAGF,eACE,UAAA,CACA,WAAA,CAGF,eACE,UAAA,CACA,WAAA,CAEA,mBACE,WAAA,CACA,UAAA,CAIJ,eACE,UAAA,CACA,WAAA,CAGF,gBACE,UAAA,CACA,WAAA",sourcesContent:["@use '../../themes/styles/mixins' as *;\n\n.qb-avatar {\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n\n  overflow: hidden;\n  border-radius: 50%;\n  background-color: var(--disabled-elements);\n  color: var(--secondary-text);\n\n  @include applyBorderBox;\n\n  svg {\n    height: 26px;\n    width: 26px;\n    fill: var(--tertiary-elements);\n  }\n\n  &__image {\n    object-fit: cover;\n    width: 100%;\n    height: 100%;\n  }\n\n  &--xs {\n    width: 32px;\n    height: 32px;\n  }\n\n  &--sm {\n    width: 36px;\n    height: 36px;\n  }\n\n  &--md {\n    width: 40px;\n    height: 40px;\n  }\n\n  &--lg {\n    width: 56px;\n    height: 56px;\n\n    svg {\n      height: 33px;\n      width: 33px;\n    }\n  }\n\n  &--xl {\n    width: 64px;\n    height: 64px;\n  }\n\n  &--xxl {\n    width: 80px;\n    height: 80px;\n  }\n}\n","@mixin applyBorderBox {\n  &,\n  * {\n    box-sizing: border-box;\n  }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Header/Header.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".dialog-header{width:100%;padding:12px 16px 12px 20px;display:flex;align-items:center;gap:33px}.dialog-header,.dialog-header *{box-sizing:border-box}.dialog-header__icon{cursor:pointer;width:24px;height:24px;flex-shrink:0}.dialog-header__icon svg{width:24px;height:24px;fill:var(--main-elements)}.dialog-header__back{color:var(--main-text);fill:var(--main-text)}.dialog-header__body{width:100%;display:flex;gap:33px;align-items:center;justify-content:space-between;overflow:hidden}.dialog-header__body-left{display:flex;align-items:center;justify-content:flex-start;gap:8px;overflow:hidden}.dialog-header__body-right{height:24px;display:flex;align-items:center;gap:16px}.dialog-header__title{color:var(--main-text, #0b1b0f);text-align:left;font:var(--title-title-large);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dialog-header__line{border-style:solid;border-color:var(--color-divider, #e7efff);border-width:0 0 1px 0}@media only screen and (max-width: var(--min-width-screen-desktop)){.dialog-header__body-left{gap:3px}.dialog-header__body{width:unset}}@media only screen and (min-width: 981px){.dialog-header__back{display:none}}","",{version:3,sources:["webpack://./src/Presentation/ui-components/Header/Header.scss","webpack://./src/Presentation/themes/styles/_mixins.scss"],names:[],mappings:"AAEA,eACE,UAAA,CACA,2BAAA,CACA,YAAA,CACA,kBAAA,CACA,QAAA,CCNA,gCAEE,qBAAA,CDQF,qBACE,cAAA,CACA,UAAA,CACA,WAAA,CACA,aAAA,CAEA,yBACE,UAAA,CACA,WAAA,CACA,yBAAA,CAIJ,qBACE,sBAAA,CACA,qBAAA,CAGF,qBACE,UAAA,CACA,YAAA,CACA,QAAA,CACA,kBAAA,CACA,6BAAA,CACA,eAAA,CAEA,0BACE,YAAA,CACA,kBAAA,CACA,0BAAA,CACA,OAAA,CACA,eAAA,CAGF,2BACE,WAAA,CACA,YAAA,CACA,kBAAA,CACA,QAAA,CAIJ,sBACE,+BAAA,CACA,eAAA,CACA,6BAAA,CACA,eAAA,CACA,kBAAA,CACA,sBAAA,CAGF,qBACE,kBAAA,CACA,0CAAA,CACA,sBAAA,CAIJ,oEACE,0BACE,OAAA,CAIA,qBACE,WAAA,CAAA,CAKN,0CACE,qBACE,YAAA,CAAA",sourcesContent:["@use '../../themes/styles/mixins' as *;\n\n.dialog-header {\n  width: 100%;\n  padding: 12px 16px 12px 20px;\n  display: flex;\n  align-items: center;\n  gap: 33px;\n\n  @include applyBorderBox;\n\n  &__icon {\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n    flex-shrink: 0;\n\n    svg {\n      width: 24px;\n      height: 24px;\n      fill: var(--main-elements);\n    }\n  }\n\n  &__back {\n    color: var(--main-text);\n    fill: var(--main-text);\n  }\n\n  &__body {\n    width: 100%;\n    display: flex;\n    gap: 33px;\n    align-items: center;\n    justify-content: space-between;\n    overflow: hidden;\n\n    &-left {\n      display: flex;\n      align-items: center;\n      justify-content: flex-start;\n      gap: 8px;\n      overflow: hidden;\n    }\n\n    &-right {\n      height: 24px;\n      display: flex;\n      align-items: center;\n      gap: 16px;\n    }\n  }\n\n  &__title {\n    color: var(--main-text, #0b1b0f);\n    text-align: left;\n    font: var(--title-title-large);\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  &__line {\n    border-style: solid;\n    border-color: var(--color-divider, #e7efff);\n    border-width: 0 0 1px 0;\n  }\n}\n\n@media only screen and (max-width: var(--min-width-screen-desktop)) {\n  .dialog-header__body-left {\n    gap: 3px;\n  }\n\n  .dialog-header {\n    &__body {\n      width: unset;\n    }\n\n  }\n}\n@media only screen and (min-width: 981px) {\n  .dialog-header__back {\n    display: none;\n  }\n}\n","@mixin applyBorderBox {\n  &,\n  * {\n    box-sizing: border-box;\n  }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./src/Presentation/ui-components/Avatar/Avatar.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>Avatar_Avatar_Avatar});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Avatar=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Avatar/Avatar.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Avatar.A,options);Avatar.A&&Avatar.A.locals&&Avatar.A.locals;function Avatar_Avatar_Avatar(_ref){let{icon=react.createElement(icons.Uh,null),size="md",className,src}=_ref;return src?react.createElement("div",{className:classnames_default()("qb-avatar",`qb-avatar--${size}`,className)},react.createElement("img",{src,className:"qb-avatar__image",alt:"Avatar"})):react.createElement("div",{className:classnames_default()("qb-avatar",`qb-avatar--${size}`,className)},icon)}Avatar_Avatar_Avatar.__docgenInfo={description:"",methods:[],displayName:"Avatar",props:{size:{required:!1,tsType:{name:"union",raw:"'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'",elements:[{name:"literal",value:"'xs'"},{name:"literal",value:"'sm'"},{name:"literal",value:"'md'"},{name:"literal",value:"'lg'"},{name:"literal",value:"'xl'"},{name:"literal",value:"'xxl'"}]},description:"",defaultValue:{value:"'md'",computed:!1}},icon:{required:!1,tsType:{name:"ReactElement"},description:"",defaultValue:{value:"<UserSvg />",computed:!1}},className:{required:!1,tsType:{name:"string"},description:""},src:{required:!1,tsType:{name:"string"},description:""}}}},"./src/Presentation/ui-components/Header/Header.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{HeaderDefault:()=>HeaderDefault,HeaderWithAvatar:()=>HeaderWithAvatar,HeaderWithAvatarAndBack:()=>HeaderWithAvatarAndBack,HeaderWithOneChildrenIcon:()=>HeaderWithOneChildrenIcon,HeaderWithTwoChildrenIcon:()=>HeaderWithTwoChildrenIcon,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_storybook_addon_viewport__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-viewport/dist/index.mjs"),_Header__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/Presentation/ui-components/Header/Header.tsx"),_icons__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/Presentation/icons/index.ts"),_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/Presentation/ui-components/Avatar/Avatar.tsx");const __WEBPACK_DEFAULT_EXPORT__={title:"@quickblox-react-ui-kit/Presentation/ui-components/Header",component:_Header__WEBPACK_IMPORTED_MODULE_2__.A,tags:["autodocs"],parameters:{viewport:{viewports:_storybook_addon_viewport__WEBPACK_IMPORTED_MODULE_1__.Lq}},argTypes:{title:{control:{type:"text"},description:"Dialog title"},avatar:{description:"Avatar or Icon",type:"function",options:["None","User","Group","Public","Photo"],control:"select",mapping:{None:void 0,User:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_4__.A,{icon:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_3__.Uh,null)}),Group:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_4__.A,{icon:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_3__.C_,null)}),Public:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_4__.A,{icon:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_3__.vq,null)}),Photo:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_4__.A,{src:"https://quickblox.com/wp-content/themes/QuickbloxTheme2021/img/chat-messaging.svg"})}},badge:{control:!1,description:"Badge or dialog status"},children:{type:"function",options:["None","SingleIcon","MultiplyIcons","Close"],control:"select",mapping:{None:void 0,SingleIcon:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_3__.vT,null),MultiplyIcons:[react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_3__.p8,null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_3__.Vp,null)],Close:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_3__.X6,null)},table:{type:{summary:"svg"}},description:"Additional content: list of icons"},onGoBack:{action:"clicked back button"},classNames:{table:{type:{summary:"string"}},description:"Additional classes"}}},HeaderDefault={args:{title:"Default Dialog desktop"},parameters:{layout:"centered"}},HeaderWithAvatar={args:{title:"Default Dialog desktop",avatar:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_4__.A,{icon:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_3__.Uh,null)})},parameters:{layout:"centered"}},HeaderWithAvatarAndBack={args:{title:"Default Dialog mobile",avatar:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_4__.A,{icon:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_3__.Uh,null)}),onGoBack:()=>{window.alert("onGoBack")}},parameters:{viewport:{defaultViewport:"iphonese2"}}},HeaderWithOneChildrenIcon={args:{title:"Default Dialog desktop",avatar:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_4__.A,{icon:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_3__.Uh,null)}),children:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_3__.X6,null),onGoBack:void 0},parameters:{layout:"centered"}},HeaderWithTwoChildrenIcon={args:{title:"Default Dialog desktop",avatar:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_4__.A,{icon:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_3__.Uh,null)}),children:[react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_3__.p8,null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_icons__WEBPACK_IMPORTED_MODULE_3__.Vp,null)],onGoBack:void 0},parameters:{layout:"centered"}},__namedExportsOrder=["HeaderDefault","HeaderWithAvatar","HeaderWithAvatarAndBack","HeaderWithOneChildrenIcon","HeaderWithTwoChildrenIcon"];HeaderDefault.parameters={...HeaderDefault.parameters,docs:{...HeaderDefault.parameters?.docs,source:{originalSource:"{\n  args: {\n    title: 'Default Dialog desktop'\n  },\n  parameters: {\n    layout: 'centered'\n  }\n}",...HeaderDefault.parameters?.docs?.source}}},HeaderWithAvatar.parameters={...HeaderWithAvatar.parameters,docs:{...HeaderWithAvatar.parameters?.docs,source:{originalSource:"{\n  args: {\n    title: 'Default Dialog desktop',\n    avatar: <Avatar icon={<UserSvg />} />\n  },\n  parameters: {\n    layout: 'centered'\n  }\n}",...HeaderWithAvatar.parameters?.docs?.source}}},HeaderWithAvatarAndBack.parameters={...HeaderWithAvatarAndBack.parameters,docs:{...HeaderWithAvatarAndBack.parameters?.docs,source:{originalSource:"{\n  args: {\n    title: 'Default Dialog mobile',\n    avatar: <Avatar icon={<UserSvg />} />,\n    onGoBack: () => {\n      window.alert('onGoBack');\n    }\n  },\n  parameters: {\n    viewport: {\n      defaultViewport: 'iphonese2'\n    }\n  }\n}",...HeaderWithAvatarAndBack.parameters?.docs?.source}}},HeaderWithOneChildrenIcon.parameters={...HeaderWithOneChildrenIcon.parameters,docs:{...HeaderWithOneChildrenIcon.parameters?.docs,source:{originalSource:"{\n  args: {\n    title: 'Default Dialog desktop',\n    avatar: <Avatar icon={<UserSvg />} />,\n    children: <CloseSvg />,\n    onGoBack: undefined\n  },\n  parameters: {\n    layout: 'centered'\n  }\n}",...HeaderWithOneChildrenIcon.parameters?.docs?.source}}},HeaderWithTwoChildrenIcon.parameters={...HeaderWithTwoChildrenIcon.parameters,docs:{...HeaderWithTwoChildrenIcon.parameters?.docs,source:{originalSource:"{\n  args: {\n    title: 'Default Dialog desktop',\n    avatar: <Avatar icon={<UserSvg />} />,\n    children: [<SearchSvg />, <NewChatSvg />],\n    onGoBack: undefined\n  },\n  parameters: {\n    layout: 'centered'\n  }\n}",...HeaderWithTwoChildrenIcon.parameters?.docs?.source}}}},"./src/Presentation/ui-components/Header/Header.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>ui_components_Header_Header});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Header=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Header/Header.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Header.A,options);Header.A&&Header.A.locals&&Header.A.locals;const Header_Header_Header=_ref=>{let{title,avatar,badge,children,onGoBack,className}=_ref;return react.createElement("div",{className:classnames_default()("dialog-header",className)},onGoBack&&react.createElement(icons.oV,{className:"dialog-header__icon dialog-header__back",onClick:onGoBack}),react.createElement("div",{className:"dialog-header__body"},react.createElement("div",{className:"dialog-header__body-left"},avatar,react.createElement("span",{className:"dialog-header__title"},title),badge),children&&react.createElement("div",{className:"dialog-header__body-right"},react.Children.map(children,(child=>react.createElement("span",{className:"dialog-header__icon"},child))))))},ui_components_Header_Header=Header_Header_Header;Header_Header_Header.__docgenInfo={description:"",methods:[],displayName:"Header",props:{title:{required:!0,tsType:{name:"string"},description:""},avatar:{required:!1,tsType:{name:"ReactElement"},description:""},badge:{required:!1,tsType:{name:"ReactElement"},description:""},children:{required:!1,tsType:{name:"union",raw:"ReactElement | ReactElement[]",elements:[{name:"ReactElement"},{name:"Array",elements:[{name:"ReactElement"}],raw:"ReactElement[]"}]},description:""},onGoBack:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},className:{required:!1,tsType:{name:"string"},description:""}}}}}]);