ecomlab-components-next 0.1.211 → 0.1.213

package/dist/components/Article/FormBtn/ModalBitrixForm/ModalBitrixForm.js

@@ -179,15 +179,14 @@ var ModalBitrixForm = exports.ModalBitrixForm = function ModalBitrixForm(_ref) {
             return setInputValue(function (prev) {
               return _objectSpread(_objectSpread({}, prev), {}, _defineProperty({}, id, e));
             });
-          }
-          // countrySelect={inputType === 'tel'}
-          // countryDefault={'TH'}
-          ,
+          },
+          countrySelect: inputType === 'tel',
+          countryDefault: 'RU',
           autoComplete: false,
           err: err === null || err === void 0 ? void 0 : err[id],
           required: required,
           textErr: err === null || err === void 0 ? void 0 : err[id],
-          mask: '+{7} (000) 000-00-00'
+          mask: inputType === 'tel' ? '+{7} (000) 000-00-00' : ''
         });
       }
     })));
@@ -239,7 +238,7 @@ var ModalBitrixForm = exports.ModalBitrixForm = function ModalBitrixForm(_ref) {
     className: "modal-bitrix-form"
   }, successfulResponse && /*#__PURE__*/_react["default"].createElement("div", {
     className: "modal-bitrix-form__successful"
-  }, /*#__PURE__*/_react["default"].createElement("img", {
+  }, /*#__PURE__*/_react["default"].createElement(_image["default"], {
     className: "modal-bitrix-form__icon-done",
     alt: "icon",
     src: _done_icon["default"]

package/dist/components/Article/FormBtn/ModalBitrixForm/ModalBitrixFormStory.stories.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.ModalBitrixTeeeeeest = void 0;
+var _ModalBitrixForm = require("./ModalBitrixForm");
+// import { action } from '@storybook/addon-actions'
+
+var formStubTitle = 'Тестовая формаfffffffffff аааааааааааа ииииииииииииииииииии';
+var formStubSubTitle = 'Подзаголовок тестовой формы';
+var formStubBitrixToken = 'gAAAAABopIEPlTICTdgD52GgH_GRFS30Tou2Ok2ICeC3ECQ8_aSQMMjTqU0HS7y9krbifcKbXroyR0iMmN6UXq1KL4xP0UtjYg==';
+var urlFetch = "https://apps0.ecomru.ru:4447/api/crm/deals/create?step_id=167&token=".concat(formStubBitrixToken, "&author=546&responsible=546");
+var formStubData = [{
+  id: 'name',
+  placeholder: '',
+  hidden: true,
+  value: 'Лид клиент',
+  inputType: 'text',
+  type: 'input'
+}, {
+  id: 'f_61',
+  placeholder: 'Имя',
+  inputType: 'name',
+  required: true,
+  type: 'input'
+}, {
+  id: 'f_62',
+  placeholder: 'Email',
+  inputType: 'email',
+  type: 'input',
+  required: true
+}, {
+  id: 'f_63',
+  placeholder: 'Телефон',
+  inputType: 'tel',
+  type: 'input',
+  required: true
+}, {
+  id: 'f_64',
+  placeholder: 'Комментарий',
+  inputType: 'description',
+  type: 'textarea',
+  required: true
+}];
+var _default = exports["default"] = {
+  title: 'Components/ModalBitrixForm',
+  component: _ModalBitrixForm.ModalBitrixForm,
+  parameters: {
+    layout: 'centered'
+  },
+  tags: ['autodocs'],
+  args: {
+    // setIsModal: action('setIsOpen'),
+    inputArr: formStubData,
+    formTitle: formStubTitle,
+    bitrixToken: formStubBitrixToken,
+    subTitle: formStubSubTitle,
+    urlFetch: urlFetch
+  }
+};
+var ModalBitrixTeeeeeest = exports.ModalBitrixTeeeeeest = {
+  render: function render(args) {
+    return /*#__PURE__*/React.createElement(_ModalBitrixForm.ModalBitrixForm, args);
+  }
+};

package/dist/components/Inputs/InputDinamycPlaceholder/InputDinamycPlaceholder.js

@@ -115,7 +115,7 @@ var InputDinamycPlaceholder = function InputDinamycPlaceholder(_ref) {
     if (type === 'tel' && inputRef.current) {
       var code = (0, _libphonenumberJs.getCountryCallingCode)(newCountry);
       var newMask = {
-        mask: countryDefault == 'RU' ? "+".concat(code, " (000) 000-00-00") : "+".concat(code, " 000000000000")
+        mask: "+".concat(code, " (000) 000-00-00")
       }; // Пример маски для России
 
       if (maskRef.current) {
@@ -144,18 +144,17 @@ var InputDinamycPlaceholder = function InputDinamycPlaceholder(_ref) {
   (0, _react.useEffect)(function () {
     setValueInside(changeValue || '');
   }, [changeValue]);
-
-  // useEffect(() => {
-  //   if (type === 'tel' && inputRef.current) {
-  //     const code = getCountryCallingCode(country);
-  //     const maskOptions = { mask: `+${code} 000000000000` };
-  //     maskRef.current = IMask(inputRef.current, maskOptions);
-  //     maskRef.current.on('accept', () => {
-  //       setValueInside(maskRef.current.value);
-  //     });
-  //     return () => maskRef.current?.destroy();
-  //   }
-  // }, [type, country]);
+  (0, _react.useEffect)(function () {
+    if (type === 'tel' && inputRef.current) {
+      var maskOptions = {
+        mask: '+{7} (000) 000-00-00'
+      };
+      var _mask = (0, _imask["default"])(inputRef === null || inputRef === void 0 ? void 0 : inputRef.current, maskOptions);
+      return function () {
+        return _mask.destroy();
+      };
+    }
+  }, [type]);
 
   // Обновление значения из props
   (0, _react.useEffect)(function () {
@@ -173,19 +172,7 @@ var InputDinamycPlaceholder = function InputDinamycPlaceholder(_ref) {
       width: '100%',
       marginBottom: tooltip ? '24px' : ''
     }
-  }, countrySelect && /*#__PURE__*/_react["default"].createElement(_DownSelector["default"], {
-    options_prop: options_country,
-    state: selectedCountry,
-    setState: function setState(e) {
-      setSelectedCountry(e);
-      handleCountryChange(e);
-    },
-    width: "100%",
-    isClearable: false,
-    style: {
-      marginBottom: '12px'
-    }
-  }), /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(err ? 'input-box__err' : 'input-box', " ").concat(size === 's' ? 'size-s' : 'size-l', " ").concat(disabled ? 'input-box_disabled' : '')
   }, /*#__PURE__*/_react["default"].createElement("input", {
     ref: inputRef,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ecomlab-components-next",
-  "version": "0.1.211",
+  "version": "0.1.213",
   "description": "A set of common and reusable React components",
   "main": "dist/index.js",
   "files": [