kui-complex 0.0.98 → 0.0.100

package/index.d.ts

@@ -460,6 +460,11 @@ declare type KUIComplexSettings = {
 };
 declare const setSettings: (newSettings: KUIComplexSettings) => void;
 
+declare const getFormValue: <T extends object>(name?: string | undefined, form?: UseFormReturn<T, any, undefined> | null | undefined) => react_hook_form.FieldValues | undefined;
+declare const getFormError: <T extends object>(name?: string | undefined, form?: UseFormReturn<T, any, undefined> | null | undefined) => string | undefined;
+
+declare const shortMonths: string[];
+
 declare type VisibilitySettings = {
     tenant: boolean;
     landlord: boolean;
@@ -471,22 +476,4 @@ declare const getVisibilitySettings: (visibility?: DocumentVisibilityVariants |
     landlord: boolean;
 };
 
-declare const getFormValue: <T extends object>(name?: string | undefined, form?: UseFormReturn<T, any, undefined> | null | undefined) => react_hook_form.FieldValues | undefined;
-declare const getFormError: <T extends object>(name?: string | undefined, form?: UseFormReturn<T, any, undefined> | null | undefined) => string | undefined;
-
-declare const phoneRegExp: RegExp;
-declare const isValidWithMaskExp: RegExp;
-declare const dateRegExp: RegExp;
-declare const monthYearRegExp: RegExp;
-declare const emailRegExp: RegExp;
-declare const carNumberRegExp: RegExp;
-declare const innRegExp: RegExp;
-declare const corrAccountRegExp: RegExp;
-declare const accountRegExp: RegExp;
-declare const bicRegExp: RegExp;
-declare const swiftRegExp: RegExp;
-declare const simplePasswordRegExp: RegExp;
-declare const mediumPasswordRegExp: RegExp;
-declare const strongPasswordRegExp: RegExp;
-
-export { AutocompleteOption, Avatar, ButtonSelect, ButtonTab, ButtonsPanel, CalendarHeaderWithSelect, CalendarStandardContainer, CalendarStandardHeader, CheckboxGroupWithTitle, CheckboxWithController, DependentInput, DesktopInputWithMonthPicker, DesktopMenuPanel, DocumentVisibilityVariants, InputDropdown, InputFile, InputForDatepicker, InputMultiSelect, InputPassword, InputPhoneWithForm, InputSelect, InputSelectDropdown, InputSelectWithController, InputTextAreaMobile, InputWithAddressAutocomplete, InputWithAutocomplete, InputWithController, InputWithDatePicker, InputWithMask, InputWithMonthPicker, Loading, MapWrapper, MenuItem, MenuPanel, MobileInputWithMonthPicker, MobileMenuPanel, MonthPickerContainer, MonthPickerHeader, PassportStrengthBar, RadioButtons, RadioButtonsWithController, RadioGroupWithLabel, SelectMonth, SelectYear, Switch, Table, TableCell, TableHeadCell, TableRow, Tooltip, UndefinedAvatar, VisibilitySettings, accountRegExp, bicRegExp, carNumberRegExp, corrAccountRegExp, dateRegExp, emailRegExp, getFormError, getFormValue, getVisibility, getVisibilitySettings, innRegExp, isValidWithMaskExp, mediumPasswordRegExp, monthYearRegExp, phoneRegExp, setSettings, simplePasswordRegExp, strongPasswordRegExp, swiftRegExp, useAddressAutocomplete };
+export { AutocompleteOption, Avatar, ButtonSelect, ButtonTab, ButtonsPanel, CalendarHeaderWithSelect, CalendarStandardContainer, CalendarStandardHeader, CheckboxGroupWithTitle, CheckboxWithController, DependentInput, DesktopInputWithMonthPicker, DesktopMenuPanel, DocumentVisibilityVariants, InputDropdown, InputFile, InputForDatepicker, InputMultiSelect, InputPassword, InputPhoneWithForm, InputSelect, InputSelectDropdown, InputSelectWithController, InputTextAreaMobile, InputWithAddressAutocomplete, InputWithAutocomplete, InputWithController, InputWithDatePicker, InputWithMask, InputWithMonthPicker, Loading, MapWrapper, MenuItem, MenuPanel, MobileInputWithMonthPicker, MobileMenuPanel, MonthPickerContainer, MonthPickerHeader, PassportStrengthBar, RadioButtons, RadioButtonsWithController, RadioGroupWithLabel, SelectMonth, SelectYear, Switch, Table, TableCell, TableHeadCell, TableRow, Tooltip, UndefinedAvatar, VisibilitySettings, getFormError, getFormValue, getVisibility, getVisibilitySettings, setSettings, shortMonths, useAddressAutocomplete };

package/index.js

@@ -7,6 +7,7 @@ import * as React from 'react';
 import { forwardRef, useEffect, useState, useRef } from 'react';
 import { jsx, jsxs as jsxs$1, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import { Caption, theme, Button, Grid, Container, InputWithAdornments, Heading, InputWithMask as InputWithMask$1, IconButton, LinearProgress, Divider, Modal, Switch as Switch$1, InputWithCountryDropdown, Checkbox, Radio, InputMessage, CircularProgress, Box } from 'kui-basic';
+import { updateQueryParams, useForkRef, strongPasswordRegExp, mediumPasswordRegExp, simplePasswordRegExp, useToggle, isValidWithMaskExp, useWindowWidth } from 'kui-utils';
 import classNames from 'classnames';
 import { DateTime } from 'luxon';
 import { HalfArrowIcon, PrevArrowIcon, NextArrowIcon, CalendarIcon, ArrowBackIcon, ArrowNextIcon, ClosedEyeIcon, OpenEyeIcon, CheckIcon, PlusIcon, FileIcon, EditIcon, TrashIcon } from 'kui-icon';
@@ -158,27 +159,6 @@ var StyledButton$1 = styled(Button)(templateObject_1$F || (templateObject_1$F =
 var inactiveStyles = css(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n  p {\n    color: ", ";\n  }\n"], ["\n  p {\n    color: ", ";\n  }\n"])), 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 = 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.useState(Number(activeTab)), value = _b[0], setValue = _b[1];
@@ -281,31 +261,6 @@ var OptionWrapper = styled.div(templateObject_1$C || (templateObject_1$C = __mak
 var StyledDropdown$1 = styled(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.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"]);
@@ -627,21 +582,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 = forwardRef(function (props, ref) {
     var _a = useState(false), showPassword = _a[0], setShowPassword = _a[1];
     var _b = useState(null), strength = _b[0], setStrength = _b[1];
@@ -687,18 +627,6 @@ var InputWrapper$1 = styled.div(templateObject_1$o || (templateObject_1$o = __ma
 var TextAreaWrapper = styled.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 = useState(isModalOpen), isOpen = _a[0], setIsOpen = _a[1];
-    var handleClose = function () {
-        setIsOpen(false);
-    };
-    var handleOpen = function () {
-        setIsOpen(true);
-    };
-    return [isOpen, handleOpen, handleClose];
-};
-
 var ModalFooter = forwardRef(function (_a, ref) {
     var label = _a.label, button = _a.button, otherProps = __rest(_a, ["label", "button"]);
     return (jsxs$1(StyledFooter, __assign({ ref: ref }, { children: [jsx(Divider, {}), jsx(ButtonWrapper$1, { children: button || (jsx(ButtonStyled, __assign({ fullWidth: true, size: "s", endIcon: jsx(CheckIcon, {}) }, otherProps, { children: label }))) })] })));
@@ -877,20 +805,6 @@ var Wrapper = styled.div(templateObject_1$k || (templateObject_1$k = __makeTempl
 var SlideWrapper = styled.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 = useState(0), width = _a[0], setWidth = _a[1];
-    useEffect(function () {
-        setWidth(window.innerWidth);
-        var handleResize = _.debounce(function () {
-            setWidth(window.innerWidth);
-        }, time);
-        window.addEventListener("resize", handleResize);
-        return function () { return window.removeEventListener("resize", handleResize); };
-    }, []);
-    return width;
-};
-
 var MenuPanel = forwardRef(function (_a, ref) {
     var tabs = _a.tabs, tabPanels = _a.tabPanels, paths = _a.paths, activeTab = _a.activeTab, variant = _a.variant;
     var width = useWindowWidth();
@@ -1885,5 +1799,5 @@ var getVisibilitySettings = function (visibility) {
     }
 };
 
-export { AutocompleteOption, Avatar, ButtonSelect, ButtonTab, ButtonsPanel, CalendarHeaderWithSelect, CalendarStandardContainer, CalendarStandardHeader, CheckboxGroupWithTitle, CheckboxWithController, DependentInput, DesktopInputWithMonthPicker, DesktopMenuPanel, InputDropdown, InputFile, InputForDatepicker, InputMultiSelect, InputPassword, InputPhoneWithForm, InputSelect, InputSelectDropdown, InputSelectWithController, InputTextAreaMobile, InputWithAddressAutocomplete, InputWithAutocomplete, InputWithController, InputWithDatePicker, InputWithMask, InputWithMonthPicker, Loading, MapWrapper, MenuItem, MenuPanel, MobileInputWithMonthPicker, MobileMenuPanel, MonthPickerContainer, MonthPickerHeader, PassportStrengthBar, RadioButtons, RadioButtonsWithController, RadioGroupWithLabel, SelectMonth, SelectYear, Switch, Table, TableCell, TableHeadCell, TableRow, Tooltip, UndefinedAvatar, accountRegExp, bicRegExp, carNumberRegExp, corrAccountRegExp, dateRegExp, emailRegExp, getFormError, getFormValue, getVisibility, getVisibilitySettings, innRegExp, isValidWithMaskExp, mediumPasswordRegExp, monthYearRegExp, phoneRegExp, setSettings, simplePasswordRegExp, strongPasswordRegExp, swiftRegExp, useAddressAutocomplete };
+export { AutocompleteOption, Avatar, ButtonSelect, ButtonTab, ButtonsPanel, CalendarHeaderWithSelect, CalendarStandardContainer, CalendarStandardHeader, CheckboxGroupWithTitle, CheckboxWithController, DependentInput, DesktopInputWithMonthPicker, DesktopMenuPanel, InputDropdown, InputFile, InputForDatepicker, InputMultiSelect, InputPassword, InputPhoneWithForm, InputSelect, InputSelectDropdown, InputSelectWithController, InputTextAreaMobile, InputWithAddressAutocomplete, InputWithAutocomplete, InputWithController, InputWithDatePicker, InputWithMask, InputWithMonthPicker, Loading, MapWrapper, MenuItem, MenuPanel, MobileInputWithMonthPicker, MobileMenuPanel, MonthPickerContainer, MonthPickerHeader, PassportStrengthBar, RadioButtons, RadioButtonsWithController, RadioGroupWithLabel, SelectMonth, SelectYear, Switch, Table, TableCell, TableHeadCell, TableRow, Tooltip, UndefinedAvatar, getFormError, getFormValue, getVisibility, getVisibilitySettings, setSettings, shortMonths, useAddressAutocomplete };
 //# sourceMappingURL=index.js.map