npm - quickblox-react-ui-kit - Versions diffs - 0.5.0-beta.6 → 0.5.0-beta.7 - Mend

quickblox-react-ui-kit 0.5.0-beta.6 → 0.5.0-beta.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/dist/index-ui.js CHANGED Viewed

@@ -58930,7 +58930,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.message-attachment-video-body{max-hei
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `.text-field,.text-field *{box-sizing:border-box}.text-field__label{font-weight:400;font-size:14px;line-height:20px;letter-spacing:.25px}.text-field__wrapper{display:flex;align-items:center;border-radius:4px;border:1px solid var(--tertiary-elements);margin-top:8px;padding:6px 8px}.text-field__wrapper:active{border:1px solid var(--main-elements)}.text-field__icon{margin-right:6px}.text-field__input{width:100%;border:none;outline:none;font-weight:400;font-size:16px;line-height:24px;letter-spacing:.15px;background:var(--main-background);color:var(--color-font)}.text-field__input:disabled{background-color:rgba(0,0,0,0);cursor:not-allowed;border:none;color:inherit}.text-field__input::placeholder{color:var(--secondary-text)}.text-field__reset{width:24px;height:24px;fill:var(--tertiary-elements);cursor:pointer}.text-field--disabled *,.text-field--disabled .text-field__label .text-field__reset{color:var(--disabled-elements);fill:var(--disabled-elements);cursor:not-allowed}.text-field--disabled .text-field__wrapper{background-color:var(--incoming-background);border:none}.text-field--disabled .text-field__wrapper:active{border:none}.text-field--disabled .text-field__input::placeholder{color:var(--disabled-elements)}.text-field__loader{fill:var(--color-icon)}`, ""]);
+___CSS_LOADER_EXPORT___.push([module.id, `.text-field,.text-field *{box-sizing:border-box}.text-field__label{font-weight:400;font-size:14px;line-height:20px;letter-spacing:.25px}.text-field__wrapper{display:flex;align-items:center;border-radius:4px;border:1px solid var(--tertiary-elements);margin-top:8px;padding:6px 8px}.text-field__wrapper:active{border:1px solid var(--main-elements)}.text-field__icon{margin-right:6px;padding:0;display:flex;align-items:center}.text-field__input{width:100%;border:none;outline:none;font-weight:400;font-size:16px;line-height:24px;letter-spacing:.15px;background:var(--main-background);color:var(--color-font)}.text-field__input:disabled{background-color:rgba(0,0,0,0);cursor:not-allowed;border:none;color:inherit}.text-field__input::placeholder{color:var(--secondary-text)}.text-field__reset{width:24px;height:24px;fill:var(--tertiary-elements);cursor:pointer}.text-field--disabled *,.text-field--disabled .text-field__label .text-field__reset{color:var(--disabled-elements);fill:var(--disabled-elements);cursor:not-allowed}.text-field--disabled .text-field__wrapper{background-color:var(--incoming-background);border:none}.text-field--disabled .text-field__wrapper:active{border:none}.text-field--disabled .text-field__input::placeholder{color:var(--disabled-elements)}.text-field__loader{fill:var(--color-icon)}`, ""]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "quickblox-react-ui-kit",
-  "version": "0.5.0-beta.6",
+  "version": "0.5.0-beta.7",
   "main": "dist/index-ui.js",
   "types": "dist/index-ui.d.ts",
   "license": "MIT",

package/src/Presentation/ui-components/TextField/TextField.scss CHANGED Viewed

@@ -27,6 +27,9 @@
   &__icon {
     margin-right: 6px;
+    padding: 0;
+    display: flex;
+    align-items: center;
   }
   &__input {

package/storybook-static/Presentation-ui-components-TextField-TextField-stories.19812f7d.iframe.bundle.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ /! For license information please see Presentation-ui-components-TextField-TextField-stories.19812f7d.iframe.bundle.js.LICENSE.txt /
2	+ (self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit\|\|[]).push([[555],{"./node_modules/classnames/index.js":(module,exports)=>{var __WEBPACK_AMD_DEFINE_RESULT__;!function(){"use strict";var hasOwn={}.hasOwnProperty;function classNames(){for(var classes="",i=0;i<arguments.length;i++){var arg=arguments[i];arg&&(classes=appendClass(classes,parseValue(arg)))}return classes}function parseValue(arg){if("string"==typeof arg\|\|"number"==typeof arg)return arg;if("object"!=typeof arg)return"";if(Array.isArray(arg))return classNames.apply(null,arg);if(arg.toString!==Object.prototype.toString&&!arg.toString.toString().includes("[native code]"))return arg.toString();var classes="";for(var key in arg)hasOwn.call(arg,key)&&arg[key]&&(classes=appendClass(classes,key));return classes}function appendClass(value,newClass){return newClass?value?value+" "+newClass:value+newClass:value}module.exports?(classNames.default=classNames,module.exports=classNames):void 0===(__WEBPACK_AMD_DEFINE_RESULT__=function(){return classNames}.apply(exports,[]))\|\|(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)}()},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Loader/Loader.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".loader--sm{width:24px;height:24px}.loader--md{width:48px;height:48px}.loader--lg{width:52px;height:52px}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.loader{animation:rotate 1s infinite linear}","",{version:3,sources:["webpack://./src/Presentation/ui-components/Loader/Loader.scss"],names:[],mappings:"AACE,YACE,UAAA,CACA,WAAA,CAGF,YACE,UAAA,CACA,WAAA,CAGF,YACE,UAAA,CACA,WAAA,CAGF,kBACE,KACE,sBAAA,CAEF,GACE,wBAAA,CAAA,CAIJ,QACE,mCAAA",sourcesContent:[".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/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/TextField/TextField.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,".text-field,.text-field {box-sizing:border-box}.text-field__label{font-weight:400;font-size:14px;line-height:20px;letter-spacing:.25px}.text-field__wrapper{display:flex;align-items:center;border-radius:4px;border:1px solid var(--tertiary-elements);margin-top:8px;padding:6px 8px}.text-field__wrapper:active{border:1px solid var(--main-elements)}.text-field__icon{margin-right:6px;padding:0;display:flex;align-items:center}.text-field__input{width:100%;border:none;outline:none;font-weight:400;font-size:16px;line-height:24px;letter-spacing:.15px;background:var(--main-background);color:var(--color-font)}.text-field__input:disabled{background-color:rgba(0,0,0,0);cursor:not-allowed;border:none;color:inherit}.text-field__input::placeholder{color:var(--secondary-text)}.text-field__reset{width:24px;height:24px;fill:var(--tertiary-elements);cursor:pointer}.text-field--disabled ,.text-field--disabled .text-field__label .text-field__reset{color:var(--disabled-elements);fill:var(--disabled-elements);cursor:not-allowed}.text-field--disabled .text-field__wrapper{background-color:var(--incoming-background);border:none}.text-field--disabled .text-field__wrapper:active{border:none}.text-field--disabled .text-field__input::placeholder{color:var(--disabled-elements)}.text-field__loader{fill:var(--color-icon)}","",{version:3,sources:["webpack://./src/Presentation/themes/styles/_mixins.scss","webpack://./src/Presentation/ui-components/TextField/TextField.scss"],names:[],mappings:"AACE,0BAEE,qBAAA,CCEF,mBACE,eAAA,CACA,cAAA,CACA,gBAAA,CACA,oBAAA,CAGF,qBAEE,YAAA,CACA,kBAAA,CAEA,iBAAA,CACA,yCAAA,CACA,cAAA,CACA,eAAA,CAEA,4BACE,qCAAA,CAIJ,kBACE,gBAAA,CACA,SAAA,CACA,YAAA,CACA,kBAAA,CAGF,mBACE,UAAA,CACA,WAAA,CACA,YAAA,CAEA,eAAA,CACA,cAAA,CACA,gBAAA,CACA,oBAAA,CACA,iCAAA,CACA,uBAAA,CAEA,4BACE,8BAAA,CACA,kBAAA,CACA,WAAA,CACA,aAAA,CAGF,gCACE,2BAAA,CAIJ,mBACE,UAAA,CACA,WAAA,CACA,6BAAA,CAEA,cAAA,CAGF,oFAEE,8BAAA,CACA,6BAAA,CAEA,kBAAA,CAGF,2CACE,2CAAA,CACA,WAAA,CAEA,kDACE,WAAA,CAKF,sDACE,8BAAA,CAIJ,oBACE,sBAAA",sourcesContent:["@mixin applyBorderBox {\n &,\n * {\n box-sizing: border-box;\n }\n}\n","@use '../../themes/styles/mixins' as ;\n\n.text-field {\n @include applyBorderBox;\n\n &__label {\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n letter-spacing: 0.25px;\n }\n\n &__wrapper {\n\n display: flex;\n align-items: center;\n\n border-radius: 4px;\n border: 1px solid var(--tertiary-elements);\n margin-top: 8px;\n padding: 6px 8px;\n\n &:active {\n border: 1px solid var(--main-elements);\n }\n }\n\n &__icon {\n margin-right: 6px;\n padding: 0;\n display: flex;\n align-items: center;\n }\n\n &__input {\n width: 100%;\n border: none;\n outline: none;\n\n font-weight: 400;\n font-size: 16px;\n line-height: 24px;\n letter-spacing: 0.15px;\n background: var(--main-background);\n color: var(--color-font);\n\n &:disabled {\n background-color: transparent;\n cursor: not-allowed;\n border: none;\n color: inherit;\n }\n\n &::placeholder {\n color: var(--secondary-text);\n }\n }\n\n &__reset {\n width: 24px;\n height: 24px;\n fill: var(--tertiary-elements);\n\n cursor: pointer;\n }\n\n &--disabled ,\n &--disabled &__label &__reset {\n color: var(--disabled-elements);\n fill: var(--disabled-elements);\n\n cursor: not-allowed;\n }\n\n &--disabled &__wrapper {\n background-color: var(--incoming-background);\n border: none;\n\n &:active {\n border: none;\n }\n }\n\n &--disabled &__input {\n &::placeholder {\n color: var(--disabled-elements);\n }\n }\n\n &__loader {\n fill: var(--color-icon);\n }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./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()("loader",size&&`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:""}}}},"./src/Presentation/ui-components/TextField/TextField.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{TextFieldDefault:()=>TextFieldDefault,TextFieldDisabled:()=>TextFieldDisabled,TextFieldReset:()=>TextFieldReset,__namedExportsOrder:()=>__namedExportsOrder,default:()=>TextField_stories});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),Loader=__webpack_require__("./src/Presentation/ui-components/Loader/Loader.tsx"),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),TextField=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/TextField/TextField.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()(TextField.A,options);TextField.A&&TextField.A.locals&&TextField.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)}const TextField_TextField_TextField=(0,react.forwardRef)((function TextField(_ref,ref){let{label,icon,loading=!1,disabled=!1,className,id,value,onChange,...inputProps}=_ref;const defaultId=(0,react.useId)();return react.createElement("div",{className:classnames_default()("text-field",{"text-field--disabled":disabled},className)},label&&react.createElement("label",{htmlFor:id\|\|defaultId,className:"text-field__label"},label),react.createElement("div",{className:"text-field__wrapper"},icon&&react.createElement("span",{className:"text-field__icon"},icon),react.createElement("input",_extends({},inputProps,{ref,disabled:loading\|\|disabled,className:"text-field__input",id:id\|\|defaultId,value,onChange:e=>onChange(e.currentTarget.value)})),!loading&&value&&react.createElement(icons.$j,{className:"text-field__reset",onClick:()=>onChange("")}),loading&&!disabled&&react.createElement(Loader.A,{size:"sm",className:"text-field__loader"})))})),ui_components_TextField_TextField=TextField_TextField_TextField;TextField_TextField_TextField.__docgenInfo={description:"",methods:[],displayName:"TextField",props:{label:{required:!1,tsType:{name:"string"},description:""},icon:{required:!1,tsType:{name:"ReactElement"},description:""},loading:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},id:{required:!1,tsType:{name:"string"},description:""},value:{required:!0,tsType:{name:"string"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(value: string) => void",signature:{arguments:[{type:{name:"string"},name:"value"}],return:{name:"void"}}},description:""},disabled:{defaultValue:{value:"false",computed:!1},required:!1}},composes:["Omit"]};const TextField_stories={title:"@quickblox-react-ui-kit/Presentation/ui-components/TextField",component:ui_components_TextField_TextField,tags:["autodocs"],parameters:{layout:"centered"},args:{label:"",disabled:!1,loading:!1,className:""},argTypes:{value:{table:{type:{summary:"function"}},description:"Value change function"},onChange:{table:{defaultValue:{summary:"''"},type:{summary:"string"}},description:"Text field label"},id:{table:{defaultValue:{summary:"''"},type:{summary:"string"}},description:"Custom id for text field"},label:{table:{defaultValue:{summary:"''"},type:{summary:"string"}},description:"Text field label"},icon:{control:!1,table:{type:{summary:"svg"}},description:"Format plug svg"},loading:{table:{defaultValue:{summary:"false"}},description:"Displays the load"},disabled:{table:{type:{summary:"boolean"},defaultValue:{summary:"false"}},description:"Active"},className:{table:{type:{summary:"string"}},description:"Additional classes"}}},TextFieldDefault={name:"TextField Default"},TextFieldDisabled={name:"TextField Disabled",args:{disabled:!0,label:"Text Label",placeholder:"Placeholder"}},TextFieldReset={name:"TextField Reset",args:{label:"Text Label",placeholder:"Placeholder",value:"Text"}},__namedExportsOrder=["TextFieldDefault","TextFieldDisabled","TextFieldReset"];TextFieldDefault.parameters={...TextFieldDefault.parameters,docs:{...TextFieldDefault.parameters?.docs,source:{originalSource:"{\n name: 'TextField Default'\n}",...TextFieldDefault.parameters?.docs?.source}}},TextFieldDisabled.parameters={...TextFieldDisabled.parameters,docs:{...TextFieldDisabled.parameters?.docs,source:{originalSource:"{\n name: 'TextField Disabled',\n args: {\n disabled: true,\n label: 'Text Label',\n placeholder: 'Placeholder'\n }\n}",...TextFieldDisabled.parameters?.docs?.source}}},TextFieldReset.parameters={...TextFieldReset.parameters,docs:{...TextFieldReset.parameters?.docs,source:{originalSource:"{\n name: 'TextField Reset',\n args: {\n label: 'Text Label',\n placeholder: 'Placeholder',\n value: 'Text'\n }\n}",...TextFieldReset.parameters?.docs?.source}}}}}]);

package/storybook-static/iframe.html CHANGED Viewed

@@ -504,7 +504,7 @@
             window['TAGS_OPTIONS'] = {"dev-only":{"excludeFromDocsStories":true},"docs-only":{"excludeFromSidebar":true},"test-only":{"excludeFromSidebar":true,"excludeFromDocsStories":true}};</script><script type="module">import './sb-preview/runtime.js';
-      import './runtime~main.7206f70b.iframe.bundle.js';
+      import './runtime~main.edd70ea8.iframe.bundle.js';
       import './756.92971caf.iframe.bundle.js';

package/storybook-static/project.json CHANGED Viewed

	@@ -1 +1 @@
1	- {"generatedAt":~~1742375368394~~,"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@testing-library/jest-dom":"6.6.3","@testing-library/react":"16.2.0","@testing-library/user-event":null,"@types/jest":"27.5.2"},"hasRouterPackage":true,"packageManager":{"type":"npm","version":"10.2.4"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-webpack5","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/react","portableStoriesFileCount":0,"applicationFileCount":2,"storybookVersion":"8.6.4","storybookVersionSpecifier":"^8.5.8","language":"typescript","storybookPackages":{"@storybook/blocks":{"version":"8.6.4"},"@storybook/react":{"version":"8.6.4"},"@storybook/react-webpack5":{"version":"8.6.4"},"@storybook/test":{"version":"8.6.4"},"eslint-plugin-storybook":{"version":"0.11.4"},"storybook":{"version":"8.6.4"}},"addons":{"@storybook/addon-webpack5-compiler-swc":{"version":"2.1.0"},"@storybook/addon-onboarding":{"version":"8.6.4"},"@storybook/addon-essentials":{"version":"8.6.4"},"@chromatic-com/storybook":{"version":"3.2.5"},"@storybook/addon-interactions":{"version":"8.6.4"}}}
1	+ {"generatedAt":1742383365412,"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@testing-library/jest-dom":"6.6.3","@testing-library/react":"16.2.0","@testing-library/user-event":null,"@types/jest":"27.5.2"},"hasRouterPackage":true,"packageManager":{"type":"npm","version":"10.2.4"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-webpack5","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/react","portableStoriesFileCount":0,"applicationFileCount":2,"storybookVersion":"8.6.4","storybookVersionSpecifier":"^8.5.8","language":"typescript","storybookPackages":{"@storybook/blocks":{"version":"8.6.4"},"@storybook/react":{"version":"8.6.4"},"@storybook/react-webpack5":{"version":"8.6.4"},"@storybook/test":{"version":"8.6.4"},"eslint-plugin-storybook":{"version":"0.11.4"},"storybook":{"version":"8.6.4"}},"addons":{"@storybook/addon-webpack5-compiler-swc":{"version":"2.1.0"},"@storybook/addon-onboarding":{"version":"8.6.4"},"@storybook/addon-essentials":{"version":"8.6.4"},"@chromatic-com/storybook":{"version":"3.2.5"},"@storybook/addon-interactions":{"version":"8.6.4"}}}

package/storybook-static/{runtime~main.7206f70b.iframe.bundle.js → runtime~main.edd70ea8.iframe.bundle.js} RENAMED Viewed

	@@ -1 +1 @@
1	- (()=>{"use strict";var deferred,leafPrototypes,getProto,inProgress,__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={},deferred=[],__webpack_require__.O=(result,chunkIds,fn,priority)=>{if(!chunkIds){var notFulfilled=1/0;for(i=0;i<deferred.length;i++){chunkIds=deferred[i][0],fn=deferred[i][1],priority=deferred[i][2];for(var 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}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]},__webpack_require__.n=module=>{var getter=module&&module.__esModule?()=>module.default:()=>module;return __webpack_require__.d(getter,{a:getter}),getter},getProto=Object.getPrototypeOf?obj=>Object.getPrototypeOf(obj):obj=>obj.__proto__,__webpack_require__.t=function(value,mode){if(1&mode&&(value=this(value)),8&mode)return value;if("object"==typeof value&&value){if(4&mode&&value.__esModule)return value;if(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:"7391dde4",47:"583afd65",107:"8321872b",117:"b927d1e1",155:"b363e9a1",167:"88fc69a9",234:"9f4235f1",275:"4e25a94d",294:"b81cdbca",349:"1e4ae2b4",363:"2cb21716",364:"988cd801",395:"1cff200a",409:"3aa6b2c3",485:"5addfa61",488:"3cd3942e",491:"4015ee79",515:"b63e0d9f",555:"~~db85d4ac~~",559:"9e64a6f5",585:"d2f60e13",723:"34dfadb1",731:"9b4eff15",735:"82f96f8a",751:"85dd97b0",801:"cd797979",844:"642791cb",853:"d74853ab",936:"8546c1d8",961:"c94da456"}[chunkId]+".iframe.bundle.js"),__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this\|\|new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.hmd=module=>((module=Object.create(module)).children\|\|(module.children=[]),Object.defineProperty(module,"exports",{enumerable:!0,set:()=>{throw new Error("ES Modules may not assign module.exports or exports.*, Use ESM export syntax, instead: "+module.id)}}),module),__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),inProgress={},__webpack_require__.l=(url,done,key,chunkId)=>{if(inProgress[url])inProgress[url].push(done);else{var script,needAttach;if(void 0!==key)for(var scripts=document.getElementsByTagName("script"),i=0;i<scripts.length;i++){var s=scripts[i];if(s.getAttribute("src")==url\|\|s.getAttribute("data-webpack")=="quickblox-react-ui-kit:"+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","quickblox-react-ui-kit:"+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__.p="",(()=>{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=new 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})();
1	+ (()=>{"use strict";var deferred,leafPrototypes,getProto,inProgress,__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={},deferred=[],__webpack_require__.O=(result,chunkIds,fn,priority)=>{if(!chunkIds){var notFulfilled=1/0;for(i=0;i<deferred.length;i++){chunkIds=deferred[i][0],fn=deferred[i][1],priority=deferred[i][2];for(var 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}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]},__webpack_require__.n=module=>{var getter=module&&module.__esModule?()=>module.default:()=>module;return __webpack_require__.d(getter,{a:getter}),getter},getProto=Object.getPrototypeOf?obj=>Object.getPrototypeOf(obj):obj=>obj.__proto__,__webpack_require__.t=function(value,mode){if(1&mode&&(value=this(value)),8&mode)return value;if("object"==typeof value&&value){if(4&mode&&value.__esModule)return value;if(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:"7391dde4",47:"583afd65",107:"8321872b",117:"b927d1e1",155:"b363e9a1",167:"88fc69a9",234:"9f4235f1",275:"4e25a94d",294:"b81cdbca",349:"1e4ae2b4",363:"2cb21716",364:"988cd801",395:"1cff200a",409:"3aa6b2c3",485:"5addfa61",488:"3cd3942e",491:"4015ee79",515:"b63e0d9f",555:"19812f7d",559:"9e64a6f5",585:"d2f60e13",723:"34dfadb1",731:"9b4eff15",735:"82f96f8a",751:"85dd97b0",801:"cd797979",844:"642791cb",853:"d74853ab",936:"8546c1d8",961:"c94da456"}[chunkId]+".iframe.bundle.js"),__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this\|\|new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.hmd=module=>((module=Object.create(module)).children\|\|(module.children=[]),Object.defineProperty(module,"exports",{enumerable:!0,set:()=>{throw new Error("ES Modules may not assign module.exports or exports.*, Use ESM export syntax, instead: "+module.id)}}),module),__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),inProgress={},__webpack_require__.l=(url,done,key,chunkId)=>{if(inProgress[url])inProgress[url].push(done);else{var script,needAttach;if(void 0!==key)for(var scripts=document.getElementsByTagName("script"),i=0;i<scripts.length;i++){var s=scripts[i];if(s.getAttribute("src")==url\|\|s.getAttribute("data-webpack")=="quickblox-react-ui-kit:"+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","quickblox-react-ui-kit:"+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__.p="",(()=>{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=new 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/Presentation-ui-components-TextField-TextField-stories.db85d4ac.iframe.bundle.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- /! For license information please see Presentation-ui-components-TextField-TextField-stories.db85d4ac.iframe.bundle.js.LICENSE.txt /
2	- (self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit\|\|[]).push([[555],{"./node_modules/classnames/index.js":(module,exports)=>{var __WEBPACK_AMD_DEFINE_RESULT__;!function(){"use strict";var hasOwn={}.hasOwnProperty;function classNames(){for(var classes="",i=0;i<arguments.length;i++){var arg=arguments[i];arg&&(classes=appendClass(classes,parseValue(arg)))}return classes}function parseValue(arg){if("string"==typeof arg\|\|"number"==typeof arg)return arg;if("object"!=typeof arg)return"";if(Array.isArray(arg))return classNames.apply(null,arg);if(arg.toString!==Object.prototype.toString&&!arg.toString.toString().includes("[native code]"))return arg.toString();var classes="";for(var key in arg)hasOwn.call(arg,key)&&arg[key]&&(classes=appendClass(classes,key));return classes}function appendClass(value,newClass){return newClass?value?value+" "+newClass:value+newClass:value}module.exports?(classNames.default=classNames,module.exports=classNames):void 0===(__WEBPACK_AMD_DEFINE_RESULT__=function(){return classNames}.apply(exports,[]))\|\|(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)}()},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/Loader/Loader.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".loader--sm{width:24px;height:24px}.loader--md{width:48px;height:48px}.loader--lg{width:52px;height:52px}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.loader{animation:rotate 1s infinite linear}","",{version:3,sources:["webpack://./src/Presentation/ui-components/Loader/Loader.scss"],names:[],mappings:"AACE,YACE,UAAA,CACA,WAAA,CAGF,YACE,UAAA,CACA,WAAA,CAGF,YACE,UAAA,CACA,WAAA,CAGF,kBACE,KACE,sBAAA,CAEF,GACE,wBAAA,CAAA,CAIJ,QACE,mCAAA",sourcesContent:[".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/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/TextField/TextField.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,".text-field,.text-field {box-sizing:border-box}.text-field__label{font-weight:400;font-size:14px;line-height:20px;letter-spacing:.25px}.text-field__wrapper{display:flex;align-items:center;border-radius:4px;border:1px solid var(--tertiary-elements);margin-top:8px;padding:6px 8px}.text-field__wrapper:active{border:1px solid var(--main-elements)}.text-field__icon{margin-right:6px}.text-field__input{width:100%;border:none;outline:none;font-weight:400;font-size:16px;line-height:24px;letter-spacing:.15px;background:var(--main-background);color:var(--color-font)}.text-field__input:disabled{background-color:rgba(0,0,0,0);cursor:not-allowed;border:none;color:inherit}.text-field__input::placeholder{color:var(--secondary-text)}.text-field__reset{width:24px;height:24px;fill:var(--tertiary-elements);cursor:pointer}.text-field--disabled ,.text-field--disabled .text-field__label .text-field__reset{color:var(--disabled-elements);fill:var(--disabled-elements);cursor:not-allowed}.text-field--disabled .text-field__wrapper{background-color:var(--incoming-background);border:none}.text-field--disabled .text-field__wrapper:active{border:none}.text-field--disabled .text-field__input::placeholder{color:var(--disabled-elements)}.text-field__loader{fill:var(--color-icon)}","",{version:3,sources:["webpack://./src/Presentation/themes/styles/_mixins.scss","webpack://./src/Presentation/ui-components/TextField/TextField.scss"],names:[],mappings:"AACE,0BAEE,qBAAA,CCEF,mBACE,eAAA,CACA,cAAA,CACA,gBAAA,CACA,oBAAA,CAGF,qBAEE,YAAA,CACA,kBAAA,CAEA,iBAAA,CACA,yCAAA,CACA,cAAA,CACA,eAAA,CAEA,4BACE,qCAAA,CAIJ,kBACE,gBAAA,CAGF,mBACE,UAAA,CACA,WAAA,CACA,YAAA,CAEA,eAAA,CACA,cAAA,CACA,gBAAA,CACA,oBAAA,CACA,iCAAA,CACA,uBAAA,CAEA,4BACE,8BAAA,CACA,kBAAA,CACA,WAAA,CACA,aAAA,CAGF,gCACE,2BAAA,CAIJ,mBACE,UAAA,CACA,WAAA,CACA,6BAAA,CAEA,cAAA,CAGF,oFAEE,8BAAA,CACA,6BAAA,CAEA,kBAAA,CAGF,2CACE,2CAAA,CACA,WAAA,CAEA,kDACE,WAAA,CAKF,sDACE,8BAAA,CAIJ,oBACE,sBAAA",sourcesContent:["@mixin applyBorderBox {\n &,\n * {\n box-sizing: border-box;\n }\n}\n","@use '../../themes/styles/mixins' as ;\n\n.text-field {\n @include applyBorderBox;\n\n &__label {\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n letter-spacing: 0.25px;\n }\n\n &__wrapper {\n\n display: flex;\n align-items: center;\n\n border-radius: 4px;\n border: 1px solid var(--tertiary-elements);\n margin-top: 8px;\n padding: 6px 8px;\n\n &:active {\n border: 1px solid var(--main-elements);\n }\n }\n\n &__icon {\n margin-right: 6px;\n }\n\n &__input {\n width: 100%;\n border: none;\n outline: none;\n\n font-weight: 400;\n font-size: 16px;\n line-height: 24px;\n letter-spacing: 0.15px;\n background: var(--main-background);\n color: var(--color-font);\n\n &:disabled {\n background-color: transparent;\n cursor: not-allowed;\n border: none;\n color: inherit;\n }\n\n &::placeholder {\n color: var(--secondary-text);\n }\n }\n\n &__reset {\n width: 24px;\n height: 24px;\n fill: var(--tertiary-elements);\n\n cursor: pointer;\n }\n\n &--disabled ,\n &--disabled &__label &__reset {\n color: var(--disabled-elements);\n fill: var(--disabled-elements);\n\n cursor: not-allowed;\n }\n\n &--disabled &__wrapper {\n background-color: var(--incoming-background);\n border: none;\n\n &:active {\n border: none;\n }\n }\n\n &--disabled &__input {\n &::placeholder {\n color: var(--disabled-elements);\n }\n }\n\n &__loader {\n fill: var(--color-icon);\n }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./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()("loader",size&&`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:""}}}},"./src/Presentation/ui-components/TextField/TextField.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{TextFieldDefault:()=>TextFieldDefault,TextFieldDisabled:()=>TextFieldDisabled,TextFieldReset:()=>TextFieldReset,__namedExportsOrder:()=>__namedExportsOrder,default:()=>TextField_stories});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),Loader=__webpack_require__("./src/Presentation/ui-components/Loader/Loader.tsx"),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),TextField=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/TextField/TextField.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()(TextField.A,options);TextField.A&&TextField.A.locals&&TextField.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)}const TextField_TextField_TextField=(0,react.forwardRef)((function TextField(_ref,ref){let{label,icon,loading=!1,disabled=!1,className,id,value,onChange,...inputProps}=_ref;const defaultId=(0,react.useId)();return react.createElement("div",{className:classnames_default()("text-field",{"text-field--disabled":disabled},className)},label&&react.createElement("label",{htmlFor:id\|\|defaultId,className:"text-field__label"},label),react.createElement("div",{className:"text-field__wrapper"},icon&&react.createElement("span",{className:"text-field__icon"},icon),react.createElement("input",_extends({},inputProps,{ref,disabled:loading\|\|disabled,className:"text-field__input",id:id\|\|defaultId,value,onChange:e=>onChange(e.currentTarget.value)})),!loading&&value&&react.createElement(icons.$j,{className:"text-field__reset",onClick:()=>onChange("")}),loading&&!disabled&&react.createElement(Loader.A,{size:"sm",className:"text-field__loader"})))})),ui_components_TextField_TextField=TextField_TextField_TextField;TextField_TextField_TextField.__docgenInfo={description:"",methods:[],displayName:"TextField",props:{label:{required:!1,tsType:{name:"string"},description:""},icon:{required:!1,tsType:{name:"ReactElement"},description:""},loading:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},id:{required:!1,tsType:{name:"string"},description:""},value:{required:!0,tsType:{name:"string"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(value: string) => void",signature:{arguments:[{type:{name:"string"},name:"value"}],return:{name:"void"}}},description:""},disabled:{defaultValue:{value:"false",computed:!1},required:!1}},composes:["Omit"]};const TextField_stories={title:"@quickblox-react-ui-kit/Presentation/ui-components/TextField",component:ui_components_TextField_TextField,tags:["autodocs"],parameters:{layout:"centered"},args:{label:"",disabled:!1,loading:!1,className:""},argTypes:{value:{table:{type:{summary:"function"}},description:"Value change function"},onChange:{table:{defaultValue:{summary:"''"},type:{summary:"string"}},description:"Text field label"},id:{table:{defaultValue:{summary:"''"},type:{summary:"string"}},description:"Custom id for text field"},label:{table:{defaultValue:{summary:"''"},type:{summary:"string"}},description:"Text field label"},icon:{control:!1,table:{type:{summary:"svg"}},description:"Format plug svg"},loading:{table:{defaultValue:{summary:"false"}},description:"Displays the load"},disabled:{table:{type:{summary:"boolean"},defaultValue:{summary:"false"}},description:"Active"},className:{table:{type:{summary:"string"}},description:"Additional classes"}}},TextFieldDefault={name:"TextField Default"},TextFieldDisabled={name:"TextField Disabled",args:{disabled:!0,label:"Text Label",placeholder:"Placeholder"}},TextFieldReset={name:"TextField Reset",args:{label:"Text Label",placeholder:"Placeholder",value:"Text"}},__namedExportsOrder=["TextFieldDefault","TextFieldDisabled","TextFieldReset"];TextFieldDefault.parameters={...TextFieldDefault.parameters,docs:{...TextFieldDefault.parameters?.docs,source:{originalSource:"{\n name: 'TextField Default'\n}",...TextFieldDefault.parameters?.docs?.source}}},TextFieldDisabled.parameters={...TextFieldDisabled.parameters,docs:{...TextFieldDisabled.parameters?.docs,source:{originalSource:"{\n name: 'TextField Disabled',\n args: {\n disabled: true,\n label: 'Text Label',\n placeholder: 'Placeholder'\n }\n}",...TextFieldDisabled.parameters?.docs?.source}}},TextFieldReset.parameters={...TextFieldReset.parameters,docs:{...TextFieldReset.parameters?.docs,source:{originalSource:"{\n name: 'TextField Reset',\n args: {\n label: 'Text Label',\n placeholder: 'Placeholder',\n value: 'Text'\n }\n}",...TextFieldReset.parameters?.docs?.source}}}}}]);

/package/storybook-static/{Presentation-ui-components-TextField-TextField-stories.db85d4ac.iframe.bundle.js.LICENSE.txt → Presentation-ui-components-TextField-TextField-stories.19812f7d.iframe.bundle.js.LICENSE.txt} RENAMED Viewed

File without changes