ecomlab-components-next 0.1.88 → 0.1.89
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.
|
@@ -1,15 +1,19 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
'use client';
|
|
2
3
|
|
|
4
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
|
4
6
|
value: true
|
|
5
7
|
});
|
|
6
8
|
exports["default"] = void 0;
|
|
7
|
-
var _react = require("react");
|
|
9
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
10
|
var _imask = _interopRequireDefault(require("imask"));
|
|
9
11
|
var _libphonenumberJs = require("libphonenumber-js");
|
|
10
12
|
require("./InputDinamycPlaceholder.scss");
|
|
11
13
|
var _excluded = ["tooltip", "tooltipStatic", "rows", "changeValue", "setChangeValue", "classname", "placeholder", "type", "onChange", "passwordTooltip", "err", "textErr", "infoHeader", "info", "autoComplete", "disabled", "showClearIndicator", "multiline", "maxLength", "autoFocus", "variant", "size", "maxlength", "required", "onBlur", "mask", "readOnly", "countrySelect"];
|
|
12
14
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
15
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
16
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
13
17
|
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
14
18
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
15
19
|
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
@@ -150,13 +154,13 @@ var InputDinamycPlaceholder = function InputDinamycPlaceholder(_ref) {
|
|
|
150
154
|
(0, _react.useEffect)(function () {
|
|
151
155
|
setValueInside(changeValue || '');
|
|
152
156
|
}, [changeValue]);
|
|
153
|
-
return /*#__PURE__*/
|
|
157
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
154
158
|
className: "input-dinamyc-placeholder",
|
|
155
159
|
style: {
|
|
156
160
|
width: '100%',
|
|
157
161
|
marginBottom: tooltip ? '24px' : ''
|
|
158
162
|
}
|
|
159
|
-
}, countrySelect && /*#__PURE__*/
|
|
163
|
+
}, countrySelect && /*#__PURE__*/_react["default"].createElement("select", {
|
|
160
164
|
value: country,
|
|
161
165
|
onChange: handleCountryChange,
|
|
162
166
|
style: {
|
|
@@ -167,13 +171,13 @@ var InputDinamycPlaceholder = function InputDinamycPlaceholder(_ref) {
|
|
|
167
171
|
marginBottom: '12px'
|
|
168
172
|
}
|
|
169
173
|
}, countries.map(function (countryCode) {
|
|
170
|
-
return /*#__PURE__*/
|
|
174
|
+
return /*#__PURE__*/_react["default"].createElement("option", {
|
|
171
175
|
key: countryCode,
|
|
172
176
|
value: countryCode
|
|
173
177
|
}, getCountryName(countryCode), " (+", (0, _libphonenumberJs.getCountryCallingCode)(countryCode), ")");
|
|
174
|
-
})), /*#__PURE__*/
|
|
178
|
+
})), /*#__PURE__*/_react["default"].createElement("div", {
|
|
175
179
|
className: "".concat(err ? 'input-box__err' : 'input-box', " ").concat(size === 's' ? 'size-s' : 'size-l', " ").concat(disabled ? 'input-box_disabled' : '')
|
|
176
|
-
}, /*#__PURE__*/
|
|
180
|
+
}, /*#__PURE__*/_react["default"].createElement("input", {
|
|
177
181
|
ref: inputRef,
|
|
178
182
|
className: "input-dynamic",
|
|
179
183
|
maxLength: maxlength,
|
|
@@ -201,46 +205,46 @@ var InputDinamycPlaceholder = function InputDinamycPlaceholder(_ref) {
|
|
|
201
205
|
disabled: disabled,
|
|
202
206
|
required: required,
|
|
203
207
|
size: size
|
|
204
|
-
}), placeholder && /*#__PURE__*/
|
|
208
|
+
}), placeholder && /*#__PURE__*/_react["default"].createElement("div", {
|
|
205
209
|
className: valueInside.length > 0 || isFocus ? 'placeholder-dinamyc_min-blue' : 'placeholder-dinamyc'
|
|
206
|
-
}, /*#__PURE__*/
|
|
210
|
+
}, /*#__PURE__*/_react["default"].createElement("label", null, placeholder, required && /*#__PURE__*/_react["default"].createElement("span", {
|
|
207
211
|
style: {
|
|
208
212
|
color: 'red'
|
|
209
213
|
}
|
|
210
|
-
}, " *"))), /*#__PURE__*/
|
|
214
|
+
}, " *"))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
211
215
|
className: "input-box__clean-value"
|
|
212
|
-
}, showClearIndicator && (valueInside === null || valueInside === void 0 ? void 0 : valueInside.length) > 0 && /*#__PURE__*/
|
|
216
|
+
}, showClearIndicator && (valueInside === null || valueInside === void 0 ? void 0 : valueInside.length) > 0 && /*#__PURE__*/_react["default"].createElement("button", {
|
|
213
217
|
className: "btn__clean",
|
|
214
218
|
onClick: function onClick() {
|
|
215
219
|
return setValueInside('');
|
|
216
220
|
}
|
|
217
|
-
}), type === 'password' && /*#__PURE__*/
|
|
221
|
+
}), type === 'password' && /*#__PURE__*/_react["default"].createElement("button", {
|
|
218
222
|
className: "btn__".concat(hidePassword ? 'show' : 'hide'),
|
|
219
223
|
onClick: function onClick() {
|
|
220
224
|
return setHidePassword(!hidePassword);
|
|
221
225
|
}
|
|
222
|
-
}), info && !err && showInfo && /*#__PURE__*/
|
|
226
|
+
}), info && !err && showInfo && /*#__PURE__*/_react["default"].createElement("div", {
|
|
223
227
|
className: "input-box__info"
|
|
224
|
-
}, /*#__PURE__*/
|
|
228
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
225
229
|
className: "tooltip-box"
|
|
226
|
-
}, /*#__PURE__*/
|
|
230
|
+
}, /*#__PURE__*/_react["default"].createElement("button", {
|
|
227
231
|
className: "btn__info",
|
|
228
232
|
disabled: true
|
|
229
|
-
}), /*#__PURE__*/
|
|
233
|
+
}), /*#__PURE__*/_react["default"].createElement("div", {
|
|
230
234
|
className: "tooltip"
|
|
231
|
-
}, /*#__PURE__*/
|
|
235
|
+
}, /*#__PURE__*/_react["default"].createElement("h6", {
|
|
232
236
|
className: "title"
|
|
233
|
-
}, infoHeader), /*#__PURE__*/
|
|
237
|
+
}, infoHeader), /*#__PURE__*/_react["default"].createElement("p", {
|
|
234
238
|
className: "text"
|
|
235
|
-
}, info))))), err ? /*#__PURE__*/
|
|
239
|
+
}, info))))), err ? /*#__PURE__*/_react["default"].createElement("div", {
|
|
236
240
|
className: "err"
|
|
237
|
-
}, /*#__PURE__*/
|
|
241
|
+
}, /*#__PURE__*/_react["default"].createElement("p", {
|
|
238
242
|
className: "text_red"
|
|
239
|
-
}, textErr)) : /*#__PURE__*/
|
|
243
|
+
}, textErr)) : /*#__PURE__*/_react["default"].createElement("div", {
|
|
240
244
|
className: "err"
|
|
241
|
-
}, /*#__PURE__*/
|
|
245
|
+
}, /*#__PURE__*/_react["default"].createElement("p", {
|
|
242
246
|
className: "text_tooltip"
|
|
243
|
-
}, tooltip))), tooltipStatic && /*#__PURE__*/
|
|
247
|
+
}, tooltip))), tooltipStatic && /*#__PURE__*/_react["default"].createElement("p", {
|
|
244
248
|
className: "text_tooltip-mui"
|
|
245
249
|
}, tooltipStatic));
|
|
246
250
|
};
|