@prom-ui/core 0.0.110 → 0.0.120

package/InputField/cjs/index.development.v2.js

@@ -0,0 +1,411 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var classNames = require('classnames');
+var Input = require('@prom-ui/core/Input');
+var Button = require('@prom-ui/core/Button');
+var Icon = require('@prom-ui/core/Icon');
+var EyeOpen = require('@prom-ui/icons/EyeOpen');
+var EyeClose = require('@prom-ui/icons/EyeClose');
+var Spinner = require('@prom-ui/core/Spinner');
+var Ok = require('@prom-ui/icons/Ok');
+var Cancel = require('@prom-ui/icons/Cancel');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n["default"] = e;
+    return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+var __assign = function() {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+var AfterTogglePassword = function (_a) {
+  var inputType = _a.inputType,
+      onChange = _a.onChange;
+
+  if (inputType === 'text') {
+    return React__namespace.createElement(Button.Button, {
+      type: 'button',
+      "button-height": '1-1',
+      "button-width": '1-1',
+      "button-padding": 'none',
+      onClick: function () {
+        return onChange('password');
+      },
+      title: '\u0421\u043A\u0440\u044B\u0442\u044C \u043F\u0430\u0440\u043E\u043B\u044C',
+      tabIndex: -1,
+      "data-qaid": 'inputFieldHidePassword',
+      "data-testid": 'inputFieldHidePassword'
+    }, React__namespace.createElement(Icon.Icon, {
+      "icon-as": EyeOpen.SvgEyeOpen,
+      "icon-color": 'black-700',
+      "icon-events": 'none',
+      style: {
+        width: 16,
+        height: 16
+      }
+    }));
+  }
+
+  return React__namespace.createElement(Button.Button, {
+    type: 'button',
+    "button-height": '1-1',
+    "button-width": '1-1',
+    "button-padding": 'none',
+    onClick: function () {
+      return onChange('text');
+    },
+    title: '\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u043F\u0430\u0440\u043E\u043B\u044C',
+    tabIndex: -1,
+    "data-qaid": 'inputFieldShowPassword',
+    "data-testid": 'inputFieldShowPassword'
+  }, React__namespace.createElement(Icon.Icon, {
+    "icon-as": EyeClose.SvgEyeClose,
+    "icon-color": 'black-600',
+    "icon-events": 'none',
+    style: {
+      width: 16,
+      height: 16
+    }
+  }));
+};
+
+var AfterLoading = function () {
+  return React__namespace.createElement(Spinner.Spinner, {
+    "spinner-color": 'violet-500',
+    width: 16,
+    height: 16,
+    "data-qaid": 'inputFieldLoading',
+    "data-testid": 'inputFieldLoading'
+  });
+};
+
+var AfterCorrectValue = function () {
+  return React__namespace.createElement(Icon.Icon, {
+    "icon-as": Ok.SvgOk,
+    "icon-color": 'green-800',
+    "icon-events": 'none',
+    "data-qaid": 'inputFieldCorrectValue',
+    "data-testid": 'inputFieldCorrectValue',
+    style: {
+      width: 16,
+      height: 16
+    }
+  });
+};
+
+var AfterClearValue = function (props) {
+  return React__namespace.createElement(Button.Button, __assign({
+    type: 'button',
+    "button-height": '1-1',
+    "button-width": '1-1',
+    "button-padding": 'none',
+    title: '\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C',
+    tabIndex: -1,
+    "data-qaid": 'inputFieldClearValue',
+    "data-testid": 'inputFieldClearValue'
+  }, props), React__namespace.createElement(Icon.Icon, {
+    "icon-as": Cancel.SvgCancel,
+    "icon-color": 'black-600',
+    "icon-events": 'none',
+    style: {
+      width: 16,
+      height: 16
+    }
+  }));
+};
+
+function resolveOnChange(target, e, onChange, targetValue) {
+  if (!onChange) {
+    return;
+  }
+
+  var event = e;
+
+  if (e.type === 'click') {
+    // Clone a new target for event.
+    // Avoid the following usage, the setQuery method gets the original value.
+    //
+    // const [query, setQuery] = React.useState('');
+    // <InputField
+    //     value={query}
+    //     onChange={(e)=> {
+    //         setQuery((prevStatus) => e.target.value);
+    //     }}
+    // />
+    var currentTarget = target.cloneNode(true); // Click clear button
+
+    event = Object.create(e, {
+      target: {
+        value: currentTarget
+      },
+      currentTarget: {
+        value: currentTarget
+      }
+    });
+    currentTarget.value = '';
+    onChange(event);
+    return;
+  } // Trigger by composition event, this means we need force change the input value
+
+
+  if (targetValue !== undefined) {
+    event = Object.create(e, {
+      target: {
+        value: target
+      },
+      currentTarget: {
+        value: target
+      }
+    });
+    target.value = targetValue;
+    onChange(event);
+    return;
+  }
+
+  onChange(event);
+}
+function valueToString(value) {
+  if (Number.isInteger(value)) {
+    return "".concat(value);
+  }
+
+  if (!value) {
+    return '';
+  }
+
+  return "".concat(value);
+}
+function isNotEmptyArray(arr) {
+  return Array.isArray(arr) && arr.length > 0;
+}
+function getIsValueEmpty(value) {
+  return valueToString(value).length <= 0;
+}
+var useForwardRef = function (ref, initialValue) {
+  if (initialValue === void 0) {
+    initialValue = null;
+  }
+
+  var targetRef = React__namespace.useRef(initialValue);
+  React__namespace.useEffect(function () {
+    if (!ref) return;
+
+    if (typeof ref === 'function') {
+      ref(targetRef.current);
+    } else {
+      ref.current = targetRef.current;
+    }
+  }, [ref]);
+  return targetRef;
+};
+
+var css = {"root":"InputField__root___EVTeN","input":"InputField__input___rfpBC","beforeAndAfter":"InputField__beforeAndAfter___oqO-V","before":"InputField__before___GeS6- InputField__beforeAndAfter___oqO-V","after":"InputField__after___Cl38- InputField__beforeAndAfter___oqO-V","error":"InputField__error___hSs8w"};
+
+var InputField = React__namespace.forwardRef(function (_a, ref) {
+  var addonBefore = _a.addonBefore,
+      addonAfter = _a.addonAfter,
+      _b = _a.addonBeforeWidth,
+      addonBeforeWidth = _b === void 0 ? 40 : _b,
+      _c = _a.addonAfterWidth,
+      addonAfterWidth = _c === void 0 ? 40 : _c,
+      _d = _a.error,
+      error = _d === void 0 ? false : _d,
+      props = __rest(_a, ["addonBefore", "addonAfter", "addonBeforeWidth", "addonAfterWidth", "error"]);
+
+  var isMounted = React__namespace.useRef(false);
+  var isSkipOnFocus = React__namespace.useRef(false);
+  var isSkipOnBlur = React__namespace.useRef(false);
+  var inputRef = useForwardRef(ref, null);
+
+  var _e = React__namespace.useState(props.type),
+      localType = _e[0],
+      setLocalType = _e[1];
+
+  var _f = React__namespace.useState(getIsValueEmpty(props.value || props.defaultValue)),
+      isValueEmpty = _f[0],
+      setIsValueEmpty = _f[1];
+
+  React__namespace.useEffect(function () {
+    if (isMounted.current) {
+      var nextIsValueEmpty = getIsValueEmpty(props.value);
+
+      if (nextIsValueEmpty !== isValueEmpty) {
+        setIsValueEmpty(nextIsValueEmpty);
+      }
+    } else {
+      isMounted.current = true;
+    }
+  }, [props.value]);
+  var currentAddonAfter = null;
+
+  if (props.type === 'password' && addonAfter === 'togglePassword') {
+    currentAddonAfter = React__namespace.createElement(AfterTogglePassword, {
+      inputType: localType,
+      onChange: function (type) {
+        return setLocalType(type);
+      }
+    });
+  } else if (addonAfter === 'clearValue') {
+    currentAddonAfter = isValueEmpty ? null : React__namespace.createElement(AfterClearValue, {
+      onClick: function (e) {
+        var _a;
+
+        if (!getIsValueEmpty(props.value) && !props.onChange) {
+          (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+          return;
+        }
+
+        if (inputRef.current) {
+          setIsValueEmpty(true);
+          inputRef.current.focus();
+          resolveOnChange(inputRef.current, e, props.onChange);
+
+          if (getIsValueEmpty(props.value)) {
+            inputRef.current.value = '';
+          }
+        }
+      },
+      onMouseEnter: function () {
+        isSkipOnFocus.current = true;
+        isSkipOnBlur.current = true;
+      },
+      onTouchStart: function () {
+        isSkipOnFocus.current = true;
+        isSkipOnBlur.current = true;
+      },
+      onMouseLeave: function () {
+        isSkipOnFocus.current = false;
+        isSkipOnBlur.current = false;
+      },
+      onTouchEnd: function () {
+        isSkipOnFocus.current = false;
+        isSkipOnBlur.current = false;
+      }
+    });
+  } else if (addonAfter === 'correctValue') {
+    currentAddonAfter = React__namespace.createElement(AfterCorrectValue, null);
+  } else if (addonAfter === 'loading') {
+    currentAddonAfter = React__namespace.createElement(AfterLoading, null);
+  } else {
+    currentAddonAfter = addonAfter;
+  }
+
+  var isBefore = !!addonBefore;
+  var isAfter = !!currentAddonAfter;
+  var isError = isNotEmptyArray(error) || !!error;
+  return React__namespace.createElement(React__namespace.Fragment, null, React__namespace.createElement("div", {
+    className: classNames__default["default"](css.root, props.className),
+    style: props.style
+  }, React__namespace.createElement(Input.Input, __assign({
+    ref: inputRef,
+    "input-theme": isError ? 'red' : 'white',
+    "data-qaid": 'inputField',
+    "data-testid": 'inputField'
+  }, props, {
+    style: {
+      paddingLeft: isBefore ? addonBeforeWidth : undefined,
+      paddingRight: isAfter ? addonAfterWidth : undefined
+    },
+    className: css.input,
+    type: localType,
+    onFocus: function (e) {
+      if (!isSkipOnFocus.current && props.onFocus) {
+        props.onFocus(e);
+      }
+
+      isSkipOnFocus.current = false;
+    },
+    onBlur: function (e) {
+      if (!isSkipOnBlur.current && props.onBlur) {
+        props.onBlur(e);
+      }
+
+      isSkipOnBlur.current = false;
+    },
+    onChange: function (e) {
+      setIsValueEmpty(getIsValueEmpty(e.target.value));
+      resolveOnChange(e.currentTarget, e, props.onChange);
+    }
+  })), isBefore && React__namespace.createElement("div", {
+    className: css.before,
+    style: {
+      width: addonBeforeWidth
+    }
+  }, addonBefore), isAfter && React__namespace.createElement("div", {
+    className: css.after,
+    style: {
+      width: addonAfterWidth
+    }
+  }, currentAddonAfter)), isError && (Array.isArray(error) ? error.map(function (errorItem) {
+    return React__namespace.createElement("div", {
+      className: css.error,
+      key: errorItem,
+      "data-qaid": 'inputFieldError',
+      "data-testid": 'inputFieldError'
+    }, errorItem);
+  }) : error === true ? null : React__namespace.createElement("div", {
+    className: css.error,
+    "data-qaid": 'inputFieldError',
+    "data-testid": 'inputFieldError'
+  }, error)));
+});
+
+exports.InputField = InputField;
+
+require('./style.development.v2.css');

package/InputField/cjs/index.production.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("classnames"),n=require("@prom-ui/core/Input"),r=require("@prom-ui/core/Button"),o=require("@prom-ui/core/Icon"),i=require("@prom-ui/icons/EyeOpen"),u=require("@prom-ui/icons/EyeClose"),a=require("@prom-ui/core/Spinner"),c=require("@prom-ui/icons/Ok"),l=require("@prom-ui/icons/Cancel");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var f=s(e),p=d(t),v=function(){return v=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},v.apply(this,arguments)};var h=function(e){var t=e.inputType,n=e.onChange;return"text"===t?f.createElement(r.Button,{type:"button","button-height":"1-1","button-width":"1-1","button-padding":"none",onClick:function(){return n("password")},title:"Скрыть пароль",tabIndex:-1,"data-qaid":"inputFieldHidePassword","data-testid":"inputFieldHidePassword"},f.createElement(o.Icon,{"icon-as":i.SvgEyeOpen,"icon-color":"black-700","icon-events":"none",style:{width:16,height:16}})):f.createElement(r.Button,{type:"button","button-height":"1-1","button-width":"1-1","button-padding":"none",onClick:function(){return n("text")},title:"Показать пароль",tabIndex:-1,"data-qaid":"inputFieldShowPassword","data-testid":"inputFieldShowPassword"},f.createElement(o.Icon,{"icon-as":u.SvgEyeClose,"icon-color":"black-600","icon-events":"none",style:{width:16,height:16}}))},g=function(){return f.createElement(a.Spinner,{"spinner-color":"violet-500",width:16,height:16,"data-qaid":"inputFieldLoading","data-testid":"inputFieldLoading"})},y=function(){return f.createElement(o.Icon,{"icon-as":c.SvgOk,"icon-color":"green-800","icon-events":"none","data-qaid":"inputFieldCorrectValue","data-testid":"inputFieldCorrectValue",style:{width:16,height:16}})},m=function(e){return f.createElement(r.Button,v({type:"button","button-height":"1-1","button-width":"1-1","button-padding":"none",title:"Очистить",tabIndex:-1,"data-qaid":"inputFieldClearValue","data-testid":"inputFieldClearValue"},e),f.createElement(o.Icon,{"icon-as":l.SvgCancel,"icon-color":"black-600","icon-events":"none",style:{width:16,height:16}}))};function b(e,t,n,r){if(n){var o=t;if("click"===t.type){var i=e.cloneNode(!0);return o=Object.create(t,{target:{value:i},currentTarget:{value:i}}),i.value="",void n(o)}if(void 0!==r)return o=Object.create(t,{target:{value:e},currentTarget:{value:e}}),e.value=r,void n(o);n(o)}}function E(e){return function(e){return Number.isInteger(e)||e?"".concat(e):""}(e).length<=0}var w="UnXum",O="_1Wl0O",q="-TbcG cUXq3",F="QmiGS cUXq3",C="_7Fcq2",j=f.forwardRef((function(e,t){var r=e.addonBefore,o=e.addonAfter,i=e.addonBeforeWidth,u=void 0===i?40:i,a=e.addonAfterWidth,c=void 0===a?40:a,l=e.error,d=void 0!==l&&l,s=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["addonBefore","addonAfter","addonBeforeWidth","addonAfterWidth","error"]),j=f.useRef(!1),S=f.useRef(!1),I=f.useRef(!1),P=function(e,t){void 0===t&&(t=null);var n=f.useRef(t);return f.useEffect((function(){e&&("function"==typeof e?e(n.current):e.current=n.current)}),[e]),n}(t,null),k=f.useState(s.type),B=k[0],x=k[1],N=f.useState(E(s.value||s.defaultValue)),A=N[0],T=N[1];f.useEffect((function(){if(j.current){var e=E(s.value);e!==A&&T(e)}else j.current=!0}),[s.value]);var V=null;V="password"===s.type&&"togglePassword"===o?f.createElement(h,{inputType:B,onChange:function(e){return x(e)}}):"clearValue"===o?A?null:f.createElement(m,{onClick:function(e){var t;E(s.value)||s.onChange?P.current&&(T(!0),P.current.focus(),b(P.current,e,s.onChange),E(s.value)&&(P.current.value="")):null===(t=P.current)||void 0===t||t.focus()},onMouseEnter:function(){S.current=!0,I.current=!0},onTouchStart:function(){S.current=!0,I.current=!0},onMouseLeave:function(){S.current=!1,I.current=!1},onTouchEnd:function(){S.current=!1,I.current=!1}}):"correctValue"===o?f.createElement(y,null):"loading"===o?f.createElement(g,null):o;var R,_=!!r,W=!!V,L=(R=d,Array.isArray(R)&&R.length>0||!!d);return f.createElement(f.Fragment,null,f.createElement("div",{className:p.default(w,s.className),style:s.style},f.createElement(n.Input,v({ref:P,"input-theme":L?"red":"white","data-qaid":"inputField","data-testid":"inputField"},s,{style:{paddingLeft:_?u:void 0,paddingRight:W?c:void 0},className:O,type:B,onFocus:function(e){!S.current&&s.onFocus&&s.onFocus(e),S.current=!1},onBlur:function(e){!I.current&&s.onBlur&&s.onBlur(e),I.current=!1},onChange:function(e){T(E(e.target.value)),b(e.currentTarget,e,s.onChange)}})),_&&f.createElement("div",{className:q,style:{width:u}},r),W&&f.createElement("div",{className:F,style:{width:c}},V)),L&&(Array.isArray(d)?d.map((function(e){return f.createElement("div",{className:C,key:e,"data-qaid":"inputFieldError","data-testid":"inputFieldError"},e)})):!0===d?null:f.createElement("div",{className:C,"data-qaid":"inputFieldError","data-testid":"inputFieldError"},d)))}));exports.InputField=j,require("./style.production.css");

package/InputField/cjs/index.production.v2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("classnames"),n=require("@prom-ui/core/Input"),r=require("@prom-ui/core/Button"),o=require("@prom-ui/core/Icon"),i=require("@prom-ui/icons/EyeOpen"),u=require("@prom-ui/icons/EyeClose"),a=require("@prom-ui/core/Spinner"),c=require("@prom-ui/icons/Ok"),l=require("@prom-ui/icons/Cancel");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var f=s(e),p=d(t),v=function(){return v=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},v.apply(this,arguments)};var h=function(e){var t=e.inputType,n=e.onChange;return"text"===t?f.createElement(r.Button,{type:"button","button-height":"1-1","button-width":"1-1","button-padding":"none",onClick:function(){return n("password")},title:"Скрыть пароль",tabIndex:-1,"data-qaid":"inputFieldHidePassword","data-testid":"inputFieldHidePassword"},f.createElement(o.Icon,{"icon-as":i.SvgEyeOpen,"icon-color":"black-700","icon-events":"none",style:{width:16,height:16}})):f.createElement(r.Button,{type:"button","button-height":"1-1","button-width":"1-1","button-padding":"none",onClick:function(){return n("text")},title:"Показать пароль",tabIndex:-1,"data-qaid":"inputFieldShowPassword","data-testid":"inputFieldShowPassword"},f.createElement(o.Icon,{"icon-as":u.SvgEyeClose,"icon-color":"black-600","icon-events":"none",style:{width:16,height:16}}))},g=function(){return f.createElement(a.Spinner,{"spinner-color":"violet-500",width:16,height:16,"data-qaid":"inputFieldLoading","data-testid":"inputFieldLoading"})},y=function(){return f.createElement(o.Icon,{"icon-as":c.SvgOk,"icon-color":"green-800","icon-events":"none","data-qaid":"inputFieldCorrectValue","data-testid":"inputFieldCorrectValue",style:{width:16,height:16}})},m=function(e){return f.createElement(r.Button,v({type:"button","button-height":"1-1","button-width":"1-1","button-padding":"none",title:"Очистить",tabIndex:-1,"data-qaid":"inputFieldClearValue","data-testid":"inputFieldClearValue"},e),f.createElement(o.Icon,{"icon-as":l.SvgCancel,"icon-color":"black-600","icon-events":"none",style:{width:16,height:16}}))};function b(e,t,n,r){if(n){var o=t;if("click"===t.type){var i=e.cloneNode(!0);return o=Object.create(t,{target:{value:i},currentTarget:{value:i}}),i.value="",void n(o)}if(void 0!==r)return o=Object.create(t,{target:{value:e},currentTarget:{value:e}}),e.value=r,void n(o);n(o)}}function E(e){return function(e){return Number.isInteger(e)||e?"".concat(e):""}(e).length<=0}var w="EVTeN",O="rfpBC",q="GeS6- oqO-V",F="Cl38- oqO-V",C="hSs8w",j=f.forwardRef((function(e,t){var r=e.addonBefore,o=e.addonAfter,i=e.addonBeforeWidth,u=void 0===i?40:i,a=e.addonAfterWidth,c=void 0===a?40:a,l=e.error,d=void 0!==l&&l,s=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["addonBefore","addonAfter","addonBeforeWidth","addonAfterWidth","error"]),j=f.useRef(!1),S=f.useRef(!1),I=f.useRef(!1),B=function(e,t){void 0===t&&(t=null);var n=f.useRef(t);return f.useEffect((function(){e&&("function"==typeof e?e(n.current):e.current=n.current)}),[e]),n}(t,null),P=f.useState(s.type),k=P[0],N=P[1],V=f.useState(E(s.value||s.defaultValue)),x=V[0],A=V[1];f.useEffect((function(){if(j.current){var e=E(s.value);e!==x&&A(e)}else j.current=!0}),[s.value]);var T=null;T="password"===s.type&&"togglePassword"===o?f.createElement(h,{inputType:k,onChange:function(e){return N(e)}}):"clearValue"===o?x?null:f.createElement(m,{onClick:function(e){var t;E(s.value)||s.onChange?B.current&&(A(!0),B.current.focus(),b(B.current,e,s.onChange),E(s.value)&&(B.current.value="")):null===(t=B.current)||void 0===t||t.focus()},onMouseEnter:function(){S.current=!0,I.current=!0},onTouchStart:function(){S.current=!0,I.current=!0},onMouseLeave:function(){S.current=!1,I.current=!1},onTouchEnd:function(){S.current=!1,I.current=!1}}):"correctValue"===o?f.createElement(y,null):"loading"===o?f.createElement(g,null):o;var R,L=!!r,M=!!T,W=(R=d,Array.isArray(R)&&R.length>0||!!d);return f.createElement(f.Fragment,null,f.createElement("div",{className:p.default(w,s.className),style:s.style},f.createElement(n.Input,v({ref:B,"input-theme":W?"red":"white","data-qaid":"inputField","data-testid":"inputField"},s,{style:{paddingLeft:L?u:void 0,paddingRight:M?c:void 0},className:O,type:k,onFocus:function(e){!S.current&&s.onFocus&&s.onFocus(e),S.current=!1},onBlur:function(e){!I.current&&s.onBlur&&s.onBlur(e),I.current=!1},onChange:function(e){A(E(e.target.value)),b(e.currentTarget,e,s.onChange)}})),L&&f.createElement("div",{className:q,style:{width:u}},r),M&&f.createElement("div",{className:F,style:{width:c}},T)),W&&(Array.isArray(d)?d.map((function(e){return f.createElement("div",{className:C,key:e,"data-qaid":"inputFieldError","data-testid":"inputFieldError"},e)})):!0===d?null:f.createElement("div",{className:C,"data-qaid":"inputFieldError","data-testid":"inputFieldError"},d)))}));exports.InputField=j,require("./style.production.v2.css");

package/InputField/cjs/style.development.css

@@ -0,0 +1 @@
+.InputField__root___UnXum{position:relative}.InputField__input___1Wl0O[type=search]::-ms-clear,.InputField__input___1Wl0O[type=search]::-ms-reveal{display:none;width:0;height:0}.InputField__input___1Wl0O[type=search]::-webkit-search-decoration,.InputField__input___1Wl0O[type=search]::-webkit-search-cancel-button,.InputField__input___1Wl0O[type=search]::-webkit-search-results-button,.InputField__input___1Wl0O[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none;display:none}.InputField__beforeAndAfter___cUXq3{position:absolute;top:0;height:100%;display:flex;align-items:center;justify-content:center}.InputField__before___-TbcG{left:0}.InputField__after___QmiGS{right:0}.InputField__error___7Fcq2{margin-top:var(--pds-spacing-xxs);color:var(--red-900)}.InputField__error___7Fcq2+.InputField__error___7Fcq2{margin-top:calc(var(--pds-spacing-xxs)/2)}

package/InputField/cjs/style.development.v2.css

@@ -0,0 +1 @@
+.InputField__root___EVTeN{position:relative}.InputField__input___rfpBC[type=search]::-ms-clear,.InputField__input___rfpBC[type=search]::-ms-reveal{display:none;width:0;height:0}.InputField__input___rfpBC[type=search]::-webkit-search-decoration,.InputField__input___rfpBC[type=search]::-webkit-search-cancel-button,.InputField__input___rfpBC[type=search]::-webkit-search-results-button,.InputField__input___rfpBC[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none;display:none}.InputField__beforeAndAfter___oqO-V{position:absolute;top:0;height:100%;display:flex;align-items:center;justify-content:center}.InputField__before___GeS6-{left:0}.InputField__after___Cl38-{right:0}.InputField__error___hSs8w{margin-top:var(--pds-spacing-xxs);color:var(--red-900)}.InputField__error___hSs8w+.InputField__error___hSs8w{margin-top:calc(var(--pds-spacing-xxs)/2)}

package/InputField/cjs/style.production.css

@@ -0,0 +1 @@
+.UnXum{position:relative}._1Wl0O[type=search]::-ms-clear,._1Wl0O[type=search]::-ms-reveal{display:none;width:0;height:0}._1Wl0O[type=search]::-webkit-search-decoration,._1Wl0O[type=search]::-webkit-search-cancel-button,._1Wl0O[type=search]::-webkit-search-results-button,._1Wl0O[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none;display:none}.cUXq3{position:absolute;top:0;height:100%;display:flex;align-items:center;justify-content:center}.-TbcG{left:0}.QmiGS{right:0}._7Fcq2{margin-top:var(--pds-spacing-xxs);color:var(--red-900)}._7Fcq2+._7Fcq2{margin-top:calc(var(--pds-spacing-xxs)/2)}

package/InputField/cjs/style.production.v2.css

@@ -0,0 +1 @@
+.EVTeN{position:relative}.rfpBC[type=search]::-ms-clear,.rfpBC[type=search]::-ms-reveal{display:none;width:0;height:0}.rfpBC[type=search]::-webkit-search-decoration,.rfpBC[type=search]::-webkit-search-cancel-button,.rfpBC[type=search]::-webkit-search-results-button,.rfpBC[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none;display:none}.oqO-V{position:absolute;top:0;height:100%;display:flex;align-items:center;justify-content:center}.GeS6-{left:0}.Cl38-{right:0}.hSs8w{margin-top:var(--pds-spacing-xxs);color:var(--red-900)}.hSs8w+.hSs8w{margin-top:calc(var(--pds-spacing-xxs)/2)}

package/InputField/index.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export declare type InputFieldProps = React.ComponentPropsWithRef<"input"> & {
+    /** Дополнение слева */
+    addonBefore?: React.ReactNode;
+    /** Дополнение справа */
+    addonAfter?: ('togglePassword' | 'clearValue' | 'correctValue' | 'loading') & React.ReactNode;
+    addonBeforeWidth?: string | number;
+    addonAfterWidth?: string | number;
+    /** Ошибка */
+    error?: boolean | string | string[];
+};
+export declare const InputField: React.ForwardRefExoticComponent<Pick<InputFieldProps, "key" | keyof React.InputHTMLAttributes<HTMLInputElement> | "addonBefore" | "addonAfter" | "addonBeforeWidth" | "addonAfterWidth" | "error"> & React.RefAttributes<HTMLInputElement>>;

package/InputField/index.js

@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === 'production') {
+    module.exports = require('./cjs/index.production.js');
+} else {
+    module.exports = require('./cjs/index.development.js');
+}

package/InputField/index.v2.js

@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === 'production') {
+    module.exports = require('./cjs/index.production.v2.js');
+} else {
+    module.exports = require('./cjs/index.development.v2.js');
+}

package/InputField/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "@prom-ui/core/InputField",
+  "version": "0.0.120",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "sideEffects": [
+    "*.css"
+  ],
+  "dependencies": {
+    "classnames": "^2.3.1"
+  }
+}

package/InputField/utils.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export declare function resolveOnChange<E extends HTMLInputElement | HTMLTextAreaElement>(target: E, e: React.ChangeEvent<E> | React.MouseEvent<HTMLElement, MouseEvent> | React.CompositionEvent<HTMLElement>, onChange?: (event: React.ChangeEvent<E>) => void, targetValue?: string): void;
+export declare function valueToString<T>(value?: T): string;
+export declare function isNotEmptyArray<T>(arr?: T | T[]): boolean;
+export declare function getIsValueEmpty<T>(value: T): boolean;
+export declare const useForwardRef: <T>(ref: React.ForwardedRef<T>, initialValue?: any) => React.MutableRefObject<T>;

package/KeyPress/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/KeyPress",
-  "version": "0.0.110",
+  "version": "0.0.120",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Line/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Line",
-  "version": "0.0.110",
+  "version": "0.0.120",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Link/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Link",
-  "version": "0.0.110",
+  "version": "0.0.120",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/List/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/List",
-  "version": "0.0.110",
+  "version": "0.0.120",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Media/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Media",
-  "version": "0.0.110",
+  "version": "0.0.120",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/OutsideClick/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/OutsideClick",
-  "version": "0.0.110",
+  "version": "0.0.120",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Overlay/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Overlay",
-  "version": "0.0.110",
+  "version": "0.0.120",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Picture/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Picture",
-  "version": "0.0.110",
+  "version": "0.0.120",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/PortableOverlay/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/PortableOverlay",
-  "version": "0.0.110",
+  "version": "0.0.120",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Portal/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Portal",
-  "version": "0.0.110",
+  "version": "0.0.120",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/QRCode/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/QRCode",
-  "version": "0.0.110",
+  "version": "0.0.120",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Rating/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Rating",
-  "version": "0.0.110",
+  "version": "0.0.120",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/SafeQuery/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/SafeQuery",
-  "version": "0.0.110",
+  "version": "0.0.120",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Scroll/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Scroll",
-  "version": "0.0.110",
+  "version": "0.0.120",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/ScrollControls/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/ScrollControls",
-  "version": "0.0.110",
+  "version": "0.0.120",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/SideOverlay/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/SideOverlay",
-  "version": "0.0.110",
+  "version": "0.0.120",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [