indicator-ui 0.0.42 → 0.0.44

package/dist/index.js

@@ -3178,7 +3178,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 // extracted by mini-css-extract-plugin
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"flexField":"InputField-module__flexField___aNE6o","inputField":"InputField-module__inputField___mzakH","placeholder":"InputField-module__placeholder___ybb3Y","icon":"InputField-module__icon___xR6jG","textSupport":"InputField-module__textSupport___njpRn","userPic":"InputField-module__userPic___OQ_q0","help":"InputField-module__help___uSjvq","dropdown":"InputField-module__dropdown___QQuFp","dropdownReverse":"InputField-module__dropdownReverse___Nfb9Z","button":"InputField-module__button___jm0td","red":"InputField-module__red___euINw","gray":"InputField-module__gray___GGFcb","pointer":"InputField-module__pointer___Ij_hP","focus":"InputField-module__focus___xpWhB","isError":"InputField-module__isError___x2fXo","disabled":"InputField-module__disabled___hH7HA","inputFieldWrapper":"InputField-module__inputFieldWrapper___ao9Rs","labelText":"InputField-module__labelText___Fxxc3","required":"InputField-module__required___p4MLk","hintText":"InputField-module__hintText___LC2Oq","hintError":"InputField-module__hintError___LrJWr","helperLink":"InputField-module__helperLink___A_6Ua","selectField":"InputField-module__selectField___ED0Q3","modalWindow":"InputField-module__modalWindow___JplNC","selectModalWindow":"InputField-module__selectModalWindow___Dg52i","selectFieldOptionsItem":"InputField-module__selectFieldOptionsItem___HBdJA","label":"InputField-module__label___Wlb6C","active":"InputField-module__active___RcF6w","switcherField":"InputField-module__switcherField___Qezr0","radioFieldItem":"InputField-module__radioFieldItem___c6OMz","checkbox":"InputField-module__checkbox___KcnRp","textareaField":"InputField-module__textareaField___iuYg7"});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"flexField":"InputField-module__flexField___aNE6o","inputField":"InputField-module__inputField___mzakH","placeholder":"InputField-module__placeholder___ybb3Y","icon":"InputField-module__icon___xR6jG","textSupport":"InputField-module__textSupport___njpRn","userPic":"InputField-module__userPic___OQ_q0","help":"InputField-module__help___uSjvq","dropdown":"InputField-module__dropdown___QQuFp","dropdownReverse":"InputField-module__dropdownReverse___Nfb9Z","button":"InputField-module__button___jm0td","red":"InputField-module__red___euINw","gray":"InputField-module__gray___GGFcb","pointer":"InputField-module__pointer___Ij_hP","focus":"InputField-module__focus___xpWhB","isError":"InputField-module__isError___x2fXo","disabled":"InputField-module__disabled___hH7HA","inputFieldWrapper":"InputField-module__inputFieldWrapper___ao9Rs","labelText":"InputField-module__labelText___Fxxc3","required":"InputField-module__required___p4MLk","hintText":"InputField-module__hintText___LC2Oq","hintError":"InputField-module__hintError___LrJWr","helperLink":"InputField-module__helperLink___A_6Ua","selectField":"InputField-module__selectField___ED0Q3","modalWindow":"InputField-module__modalWindow___JplNC","selectModalWindow":"InputField-module__selectModalWindow___Dg52i","selectFieldOptionsItem":"InputField-module__selectFieldOptionsItem___HBdJA","label":"InputField-module__label___Wlb6C","active":"InputField-module__active___RcF6w","switcherField":"InputField-module__switcherField___Qezr0","radioFieldItem":"InputField-module__radioFieldItem___c6OMz","checkbox":"InputField-module__checkbox___KcnRp","textareaField":"InputField-module__textareaField___iuYg7","offFocus":"InputField-module__offFocus___FeRXp"});
 
 /***/ }),
 
@@ -3242,7 +3242,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 // extracted by mini-css-extract-plugin
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"textareaField":"TextareaField-module__textareaField___Vcg4L","isError":"TextareaField-module__isError___VGTeU"});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"textareaField":"TextareaField-module__textareaField___Vcg4L","offFocus":"TextareaField-module__offFocus___HcAxy","isError":"TextareaField-module__isError___VGTeU"});
 
 /***/ }),
 
@@ -8726,7 +8726,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-const FlexField = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(({ value, type, onChange, onFocus, onBlur, onClick, mask = /.*/, required = false, disabled = false, isError = false, placeholder, notInput = false, icon, help, dropdown, userPic, textSupport, dropdownState = false, button, buttonState = 'gray', onButtonClick, className = _styles__WEBPACK_IMPORTED_MODULE_5__.FlexFieldStyle, }, ref) => {
+const FlexField = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(({ value, type, onChange, onFocus, onBlur, onClick, mask = /.*/, required = false, disabled = false, isError = false, placeholder, notInput = false, icon, help, dropdown, userPic, textSupport, dropdownState = false, offFocus = false, button, buttonState = 'gray', onButtonClick, className = _styles__WEBPACK_IMPORTED_MODULE_5__.FlexFieldStyle, }, ref) => {
     const [isFocus, setIsFocus] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
     const handleChange = (newValue) => {
         onChange && onChange(newValue);
@@ -8807,7 +8807,7 @@ const FlexField = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(({ value, ty
     return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { ref: ref, onClick: onClick, className: (0,clsx__WEBPACK_IMPORTED_MODULE_3__["default"])(className?.flexField, {
             [className?.isError]: isError,
             [className?.disabled]: disabled,
-            [className?.focus]: isFocus,
+            [className?.focus]: isFocus && !offFocus,
             [className?.pointer]: !!onClick,
         }), children: [getIcon(), getTextSupport(), getUserPic(), getInput(), getHelp(), getDropdown(), getButton()] }));
 });
@@ -9795,13 +9795,14 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-function TextareaField({ value, name, placeholder, onChange, required = false, disabled = false, isError = false, className = _styles__WEBPACK_IMPORTED_MODULE_2__.TextareaFieldStyle, }) {
+function TextareaField({ value, name, placeholder, onChange, required = false, disabled = false, isError = false, offFocus = false, className = _styles__WEBPACK_IMPORTED_MODULE_2__.TextareaFieldStyle, }) {
     const handleOnChange = (e) => {
         e.preventDefault();
         onChange && onChange(e.target.value);
     };
     return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("textarea", { name: name, placeholder: placeholder, value: value || '', onChange: handleOnChange, required: required, disabled: disabled, className: (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])(className?.textareaField, {
             [className?.isError]: isError,
+            [className?.offFocus]: offFocus,
         }) }));
 }
 
@@ -10135,7 +10136,7 @@ function SlideTransition({ children, animation, additionStyles, animationOptions
         const animateConfig = getConfig('exit-down');
         animateDropWrapperRef.current.animate([
             { transform: 'scaleY(1)', transformOrigin: 'bottom' },
-            { transform: 'scaleY(0)', transformOrigin: 'bottom' },
+            { transform: 'scaleY(0)', transformOrigin: 'bottom', display: 'none' },
         ], animateConfig);
         mainRef.current.animate([
             { transform: 'translateY(0)' },
@@ -10147,7 +10148,7 @@ function SlideTransition({ children, animation, additionStyles, animationOptions
         const animateConfig = getConfig('exit-up');
         animateDropWrapperRef.current.animate([
             { height: `${mainHeight}px` },
-            { height: `0` },
+            { height: `0`, display: 'none' },
         ], animateConfig);
         mainRef.current.animate([
             { transform: 'translateY(0)' },
@@ -10157,7 +10158,7 @@ function SlideTransition({ children, animation, additionStyles, animationOptions
     const animateEnterDown = () => {
         const animateConfig = getConfig('exit-down');
         animateDropWrapperRef.current.animate([
-            { transform: 'scaleY(0)', transformOrigin: 'bottom' },
+            { transform: 'scaleY(0)', transformOrigin: 'bottom', display: 'block' },
             { transform: 'scaleY(1)', transformOrigin: 'bottom' },
         ], animateConfig);
         mainRef.current.animate([
@@ -10169,7 +10170,7 @@ function SlideTransition({ children, animation, additionStyles, animationOptions
         const mainHeight = mainRef.current.clientHeight;
         const animateConfig = getConfig('exit-up');
         animateDropWrapperRef.current.animate([
-            { height: `0` },
+            { height: `0`, display: 'block' },
             { height: `${mainHeight}px` },
         ], animateConfig);
         mainRef.current.animate([