kui-complex 0.0.98 → 0.0.100

package/TestForm/index.js

@@ -2,12 +2,12 @@ import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import { Controller, useController, useForm } from 'react-hook-form';
 import * as yup from 'yup';
 import { yupResolver } from '@hookform/resolvers/yup';
-import * as React from 'react';
 import { forwardRef, useState, useRef, useEffect } from 'react';
 import { InputWithAdornments, Grid, theme, Caption, InputWithMask as InputWithMask$1, Divider, Button, Modal, IconButton, InputWithCountryDropdown, Switch as Switch$1, LinearProgress } from 'kui-basic';
 import { jsxs as jsxs$1, jsx as jsx$1, Fragment } from '@emotion/react/jsx-runtime';
 import styled from '@emotion/styled';
 import { HalfArrowIcon, CalendarIcon, CheckIcon, ArrowBackIcon, ArrowNextIcon, ClosedEyeIcon, OpenEyeIcon } from 'kui-icon';
+import { useForkRef, useToggle, isValidWithMaskExp, strongPasswordRegExp, mediumPasswordRegExp, simplePasswordRegExp } from 'kui-utils';
 import DatePicker from 'react-datepicker';
 import { DateTime } from 'luxon';
 import _ from 'lodash';
@@ -159,31 +159,6 @@ var OptionWrapper = styled.div(templateObject_1$d || (templateObject_1$d = __mak
 var StyledDropdown = styled(InputDropdown)(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject(["\n  .KUI-InputDropdown_scroll {\n    max-height: 142px;\n    padding: 0 4px;\n  }\n"], ["\n  .KUI-InputDropdown_scroll {\n    max-height: 142px;\n    padding: 0 4px;\n  }\n"])));
 var templateObject_1$d, templateObject_2$6;
 
-function setRef(ref, value) {
-    if (typeof ref === "function") {
-        ref(value);
-    }
-    else if (ref) {
-        ref.current = value;
-    }
-}
-function useForkRef() {
-    var refs = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        refs[_i] = arguments[_i];
-    }
-    return React.useMemo(function () {
-        if (refs.every(function (ref) { return ref == null; })) {
-            return null;
-        }
-        return function (instance) {
-            refs.forEach(function (ref) {
-                setRef(ref, instance);
-            });
-        };
-    }, refs);
-}
-
 var InputSelectBase = forwardRef(function (_a, ref) {
     var _b;
     var options = _a.options, name = _a.name, disabled = _a.disabled, handleChange = _a.handleChange, iconProps = _a.iconProps, renderOption = _a.renderOption, selectedLabel = _a.selectedLabel, selectedValue = _a.selectedValue, error = _a.error, inputProps = __rest(_a, ["options", "name", "disabled", "handleChange", "iconProps", "renderOption", "selectedLabel", "selectedValue", "error"]);
@@ -263,23 +238,6 @@ var InputForDatepicker = forwardRef(function (props, ref) {
 var IconWrapper = styled.div(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  z-index: 1;\n"], ["\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  z-index: 1;\n"])));
 var templateObject_1$a;
 
-var useToggle = function (isModalOpen) {
-    if (isModalOpen === void 0) { isModalOpen = false; }
-    var _a = useState(isModalOpen), isOpen = _a[0], setIsOpen = _a[1];
-    var handleClose = function () {
-        setIsOpen(false);
-    };
-    var handleOpen = function () {
-        setIsOpen(true);
-    };
-    return [isOpen, handleOpen, handleClose];
-};
-
-var isValidWithMaskExp = /^[^_]+$/;
-var simplePasswordRegExp = /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[!@#$%^&*]).{10,}$/;
-var mediumPasswordRegExp = /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[!@#$%^&*]).{12,}$/;
-var strongPasswordRegExp = /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[!@#$%^&*]).{14,}$/;
-
 var checkDisabled$1 = function (year, min, max) {
     return (min && year <= min) || (max && year >= max);
 };