kui-complex 0.0.98 → 0.0.100

package/cjs/index.js

@@ -10,6 +10,7 @@ var react = require('@emotion/react');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var kuiBasic = require('kui-basic');
+var kuiUtils = require('kui-utils');
 var classNames = require('classnames');
 var luxon = require('luxon');
 var kuiIcon = require('kui-icon');
@@ -190,34 +191,13 @@ var StyledButton$1 = styled__default["default"](kuiBasic.Button)(templateObject_
 var inactiveStyles = react.css(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n  p {\n    color: ", ";\n  }\n"], ["\n  p {\n    color: ", ";\n  }\n"])), kuiBasic.theme.palette.grey.seventy);
 var templateObject_1$F, templateObject_2$p;
 
-var updateQueryParams = function (newLink) {
-    var searchQuery = new URLSearchParams(window.location.search);
-    var hrefLinkParams = newLink.split(/\?|&/);
-    var hrefParams = Object.fromEntries(new URLSearchParams(hrefLinkParams.slice(1).join("&")).entries());
-    var searchParams = Object.fromEntries(searchQuery.entries());
-    var route = hrefLinkParams[0];
-    Object.keys(searchParams).forEach(function (key, index) {
-        if (key in hrefParams) {
-            searchParams[key] = hrefParams[key];
-            delete hrefParams[key];
-        }
-        if (key !== "id") {
-            route += "".concat(index === 0 ? "?" : "&").concat(key, "=").concat(searchParams[key]);
-        }
-    });
-    Object.keys(hrefParams).forEach(function (key) {
-        route += "&".concat(key, "=").concat(hrefParams[key]);
-    });
-    window.history.pushState({ route: route }, "", route);
-};
-
 var ButtonsPanel = React.forwardRef(function (_a, ref) {
     var tabs = _a.tabs, tabPanels = _a.tabPanels, paths = _a.paths, activeTab = _a.activeTab, isSticky = _a.isSticky, onChange = _a.onChange, startComponent = _a.startComponent, endComponent = _a.endComponent, otherProps = __rest(_a, ["tabs", "tabPanels", "paths", "activeTab", "isSticky", "onChange", "startComponent", "endComponent"]);
     var _b = React__namespace.useState(Number(activeTab)), value = _b[0], setValue = _b[1];
     var handleChange = function (newValue) {
         setValue(newValue);
         if (paths && paths.length)
-            updateQueryParams(paths[newValue]);
+            kuiUtils.updateQueryParams(paths[newValue]);
         if (onChange)
             onChange(newValue);
     };
@@ -313,37 +293,12 @@ var OptionWrapper = styled__default["default"].div(templateObject_1$C || (templa
 var StyledDropdown$1 = styled__default["default"](InputDropdown)(templateObject_2$m || (templateObject_2$m = __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$C, templateObject_2$m;
 
-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__namespace.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 = React.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"]);
     var _c = React.useState(false), isDropdownOpen = _c[0], setIsDropdownOpen = _c[1];
     var inputRef = React.useRef(null);
-    var forwardedRef = useForkRef(inputRef, ref);
+    var forwardedRef = kuiUtils.useForkRef(inputRef, ref);
     var handleOpenDropdown = function () {
         var _a, _b, _c, _d;
         if ((_b = (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.parentElement) {
@@ -659,21 +614,6 @@ var getFormError = function (name, form) {
     return fieldError === null || fieldError === void 0 ? void 0 : fieldError.message;
 };
 
-var phoneRegExp = /^((\\+[1-9]{1,4}[ \\-]*)|(\\([0-9]{2,3}\\)[ \\-]*)|([0-9]{2,4})[ \\-]*)*?[0-9]{3,4}?[ \\-]*[0-9]{3,4}?$/;
-var isValidWithMaskExp = /^[^_]+$/;
-var dateRegExp = /(0[1-9]|[12][0-9]|3[01])[- /.](0[1-9]|1[012])[- /.](19|20)\d\d/;
-var monthYearRegExp = /(0[1-9]|1[012])[- /.](19|20)\d\d/;
-var emailRegExp = /^[-\w.]+@([A-z0-9][-A-z0-9]+\.)+[A-z]{2,4}$/;
-var carNumberRegExp = /^([А-Яа-я]{1}[0-9]{3}[А-Яа-я]{2}\s{0,1}[0-9]{2,3})?$/;
-var innRegExp = /^(([0-9]{12})|([0-9]{10}))?$/;
-var corrAccountRegExp = /^(301[0-9]{17})?$/;
-var accountRegExp = /^408([0-9]{17})?$/;
-var bicRegExp = /^([0-9]{9})?$/;
-var swiftRegExp = /^([A-Za-z]{6}\w{2}\d{0,3})?$/;
-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 InputPassword = React.forwardRef(function (props, ref) {
     var _a = React.useState(false), showPassword = _a[0], setShowPassword = _a[1];
     var _b = React.useState(null), strength = _b[0], setStrength = _b[1];
@@ -685,13 +625,13 @@ var InputPassword = React.forwardRef(function (props, ref) {
             setStrength(null);
             return;
         }
-        if (strongPasswordRegExp.test(value)) {
+        if (kuiUtils.strongPasswordRegExp.test(value)) {
             setStrength("hard");
         }
-        else if (mediumPasswordRegExp.test(value)) {
+        else if (kuiUtils.mediumPasswordRegExp.test(value)) {
             setStrength("medium");
         }
-        else if (simplePasswordRegExp.test(value)) {
+        else if (kuiUtils.simplePasswordRegExp.test(value)) {
             setStrength("simple");
         }
         else {
@@ -719,18 +659,6 @@ var InputWrapper$1 = styled__default["default"].div(templateObject_1$o || (templ
 var TextAreaWrapper = styled__default["default"].div(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n  @media (min-width: 901px) {\n    display: none;\n  }\n"], ["\n  @media (min-width: 901px) {\n    display: none;\n  }\n"])));
 var templateObject_1$o, templateObject_2$g;
 
-var useToggle = function (isModalOpen) {
-    if (isModalOpen === void 0) { isModalOpen = false; }
-    var _a = React.useState(isModalOpen), isOpen = _a[0], setIsOpen = _a[1];
-    var handleClose = function () {
-        setIsOpen(false);
-    };
-    var handleOpen = function () {
-        setIsOpen(true);
-    };
-    return [isOpen, handleOpen, handleClose];
-};
-
 var ModalFooter = React.forwardRef(function (_a, ref) {
     var label = _a.label, button = _a.button, otherProps = __rest(_a, ["label", "button"]);
     return (jsxRuntime.jsxs(StyledFooter, __assign({ ref: ref }, { children: [jsxRuntime.jsx(kuiBasic.Divider, {}), jsxRuntime.jsx(ButtonWrapper$1, { children: button || (jsxRuntime.jsx(ButtonStyled, __assign({ fullWidth: true, size: "s", endIcon: jsxRuntime.jsx(kuiIcon.CheckIcon, {}) }, otherProps, { children: label }))) })] })));
@@ -762,7 +690,7 @@ var InputWithDatePicker = React.forwardRef(function (_a, ref) {
     var error = (_b = fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
     var formattedValue = field.value ? field.value.toFormat("dd.MM.yyyy") : "";
     var formattedDate = field.value ? field.value.toJSDate() : null;
-    var _d = useToggle(), isModalOpen = _d[0], handleModalOpen = _d[1], handleModalClose = _d[2];
+    var _d = kuiUtils.useToggle(), isModalOpen = _d[0], handleModalOpen = _d[1], handleModalClose = _d[2];
     var _e = React.useState(formattedDate), date = _e[0], setDate = _e[1];
     var _f = React.useState(formattedValue), value = _f[0], setValue = _f[1];
     var yearList = generateYearRange(yearParams === null || yearParams === void 0 ? void 0 : yearParams.min, yearParams === null || yearParams === void 0 ? void 0 : yearParams.max);
@@ -777,7 +705,7 @@ var InputWithDatePicker = React.forwardRef(function (_a, ref) {
     var handleChange = function (e) {
         var targetValue = e.target.value;
         setValue(targetValue);
-        if (targetValue.length !== 0 && isValidWithMaskExp.test(targetValue)) {
+        if (targetValue.length !== 0 && kuiUtils.isValidWithMaskExp.test(targetValue)) {
             var targetDate = luxon.DateTime.fromFormat(targetValue, "dd.MM.yyyy");
             setDate(targetDate.toJSDate());
             field === null || field === void 0 ? void 0 : field.onChange({ target: { value: targetDate, name: name }, type: "change" });
@@ -807,7 +735,7 @@ var InputWithDatePicker = React.forwardRef(function (_a, ref) {
     var handleDateChange = function (newDate) {
         setDate(newDate);
     };
-    var forwardedRef = useForkRef(ref, field.ref);
+    var forwardedRef = kuiUtils.useForkRef(ref, field.ref);
     return (jsxRuntime$1.jsxs(jsxRuntime$1.Fragment, { children: [jsxRuntime$1.jsx(InputForDatepicker, __assign({ mask: "00.00.0000", name: name, handleClick: handleModalOpen, value: formattedValue || value, onChange: handleChange, disabled: disabled, message: error, ref: forwardedRef }, props)), jsxRuntime$1.jsxs(StyledModal, __assign({ title: title, description: description, isOpen: isModalOpen, handleClose: handleModalClose, alignTitle: alignTitle }, { children: [jsxRuntime$1.jsx(ContentWrapper$2, { children: jsxRuntime$1.jsx(DatePicker__default["default"], __assign({ inline: true, selected: date || formattedDate, onChange: handleDateChange, calendarContainer: StyledCalendarStandardContainer, renderCustomHeader: function (headProps) { return (jsxRuntime$1.jsx(CalendarHeaderWithSelect, __assign({ yearOptions: yearList, max: max, min: min }, headProps))); }, renderDayContents: function (day) { return (jsxRuntime$1.jsx(DayContent, { children: day })); }, maxDate: max === null || max === void 0 ? void 0 : max.toJSDate(), minDate: min === null || min === void 0 ? void 0 : min.toJSDate() }, datePickerProps)) }), jsxRuntime$1.jsx(ModalFooter, { fullWidth: true, disabled: !formattedDate && !date, onClick: acceptWithDateSelected, label: footerLabel })] }))] }));
 });
 InputWithDatePicker.defaultProps = {
@@ -857,7 +785,7 @@ var MobileInputWithMonthPicker = React.forwardRef(function (_a, ref) {
         control: form.control,
     }), field = _c.field, fieldState = _c.fieldState;
     var error = (_b = fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
-    var _d = useToggle(), isModalOpen = _d[0], handleModalOpen = _d[1], handleModalClose = _d[2];
+    var _d = kuiUtils.useToggle(), isModalOpen = _d[0], handleModalOpen = _d[1], handleModalClose = _d[2];
     var _e = React.useState(field.value
         ? luxon.DateTime.fromJSDate(new Date(String(field.value))).toFormat("MM.yyyy")
         : null), value = _e[0], setValue = _e[1];
@@ -865,7 +793,7 @@ var MobileInputWithMonthPicker = React.forwardRef(function (_a, ref) {
     var handleChange = function (e) {
         var targetValue = e.target.value;
         setValue(targetValue);
-        if (targetValue.length !== 0 && isValidWithMaskExp.test(targetValue)) {
+        if (targetValue.length !== 0 && kuiUtils.isValidWithMaskExp.test(targetValue)) {
             var jsDate = luxon.DateTime.fromFormat(targetValue, "MM.yyyy").toJSDate();
             setDate(jsDate);
             field === null || field === void 0 ? void 0 : field.onChange({ target: { value: jsDate, name: name }, type: "change" });
@@ -909,23 +837,9 @@ var Wrapper = styled__default["default"].div(templateObject_1$k || (templateObje
 var SlideWrapper = styled__default["default"].div(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n  width: max-content !important;\n  &:first-of-type {\n    padding-left: 16px;\n  }\n"], ["\n  width: max-content !important;\n  &:first-of-type {\n    padding-left: 16px;\n  }\n"])));
 var templateObject_1$k, templateObject_2$c;
 
-var useWindowWidth = function (time) {
-    if (time === void 0) { time = 10; }
-    var _a = React.useState(0), width = _a[0], setWidth = _a[1];
-    React.useEffect(function () {
-        setWidth(window.innerWidth);
-        var handleResize = ___default["default"].debounce(function () {
-            setWidth(window.innerWidth);
-        }, time);
-        window.addEventListener("resize", handleResize);
-        return function () { return window.removeEventListener("resize", handleResize); };
-    }, []);
-    return width;
-};
-
 var MenuPanel = React.forwardRef(function (_a, ref) {
     var tabs = _a.tabs, tabPanels = _a.tabPanels, paths = _a.paths, activeTab = _a.activeTab, variant = _a.variant;
-    var width = useWindowWidth();
+    var width = kuiUtils.useWindowWidth();
     var _b = React__namespace.useState(activeTab), value = _b[0], setValue = _b[1];
     var _c = React__namespace.useState(false), isScrolling = _c[0], setIsScrolling = _c[1];
     var navigate = reactRouterDom.useNavigate();
@@ -1002,7 +916,7 @@ var InputPhoneWithForm = React.forwardRef(function (props, ref) {
             other.onChange(e);
         }
     };
-    var forwardedRef = useForkRef(ref, phoneRegister.field.ref);
+    var forwardedRef = kuiUtils.useForkRef(ref, phoneRegister.field.ref);
     return (jsxRuntime.jsx(kuiBasic.InputWithCountryDropdown, __assign({ message: errorMessage, 
         // @ts-ignore
         hiddenInputProps: __assign(__assign({}, codeRegister.field), hiddenInputProps), onSelectCountry: handleCountryChange }, phoneRegister.field, other, { onChange: handleChange, ref: forwardedRef, autoComplete: "false" })));
@@ -1400,7 +1314,7 @@ var templateObject_1$9, templateObject_2$6;
 
 function CreatingEntityFromDropdown(_a) {
     var creatingLabel = _a.creatingLabel, renderCreatingModal = _a.renderCreatingModal;
-    var _b = useToggle(), isModalOpen = _b[0], handleModalOpen = _b[1], handleModalClose = _b[2];
+    var _b = kuiUtils.useToggle(), isModalOpen = _b[0], handleModalOpen = _b[1], handleModalClose = _b[2];
     if (!creatingLabel || !renderCreatingModal) {
         return null;
     }
@@ -1476,7 +1390,7 @@ function InputWithAutocomplete(_a) {
         }
         handleOpenDropdown();
     };
-    var forwardRef = useForkRef(inputRef, inputRefProps);
+    var forwardRef = kuiUtils.useForkRef(inputRef, inputRefProps);
     return (jsxRuntime$1.jsxs(StyledWrapper$3, { children: [isLabelLoading && (jsxRuntime$1.jsx(StyledLoadingWrapper, { children: jsxRuntime$1.jsx(Loading, { height: "100%" }) })), jsxRuntime$1.jsx(StyledInput$2, __assign({ form: form, onInput: handleSearch, onFocus: handleOpenDropdown, name: name, disabled: disabled, ref: forwardRef, isDropdownOpen: isOpenDropdown }, inputProps, { endIcon: !disabled && (jsxRuntime$1.jsxs(kuiBasic.Grid, __assign({ container: true, alignItems: "center" }, { children: [jsxRuntime$1.jsx(kuiBasic.Box, __assign({ mr: 2 }, { children: endComponent })), inputProps.endIcon ||
                             (!disabled && (jsxRuntime$1.jsx(kuiIcon.HalfArrowIcon, { width: 12, height: 13, css: [
                                     { transition: "all linear .2s" },
@@ -1509,7 +1423,7 @@ function Link(props) {
         e.preventDefault();
         if (href) {
             if (withoutRoute)
-                updateQueryParams(href);
+                kuiUtils.updateQueryParams(href);
             else if (openInNewWindow)
                 window.open(href, "_blank");
             else
@@ -1967,24 +1881,11 @@ exports.TableHeadCell = TableHeadCell;
 exports.TableRow = TableRow;
 exports.Tooltip = Tooltip;
 exports.UndefinedAvatar = UndefinedAvatar;
-exports.accountRegExp = accountRegExp;
-exports.bicRegExp = bicRegExp;
-exports.carNumberRegExp = carNumberRegExp;
-exports.corrAccountRegExp = corrAccountRegExp;
-exports.dateRegExp = dateRegExp;
-exports.emailRegExp = emailRegExp;
 exports.getFormError = getFormError;
 exports.getFormValue = getFormValue;
 exports.getVisibility = getVisibility;
 exports.getVisibilitySettings = getVisibilitySettings;
-exports.innRegExp = innRegExp;
-exports.isValidWithMaskExp = isValidWithMaskExp;
-exports.mediumPasswordRegExp = mediumPasswordRegExp;
-exports.monthYearRegExp = monthYearRegExp;
-exports.phoneRegExp = phoneRegExp;
 exports.setSettings = setSettings;
-exports.simplePasswordRegExp = simplePasswordRegExp;
-exports.strongPasswordRegExp = strongPasswordRegExp;
-exports.swiftRegExp = swiftRegExp;
+exports.shortMonths = shortMonths;
 exports.useAddressAutocomplete = useAddressAutocomplete;
 //# sourceMappingURL=index.js.map