@homecode/ui 5.1.9 → 5.1.10

package/dist/esm/src/components/Expand/Expand.js

@@ -1,2 +1,24 @@
-import{jsxs,jsx}from"react/jsx-runtime";import{useState,useCallback,useEffect}from"react";import cn from"classnames";import{Button}from"../Button/Button.js";import{Icon}from"../Icon/Icon.js";import S from"./Expand.styl.js";function Expand(e){const{className:s,size:t="m",header:n,headerClassName:a,content:o,contentProps:r={},isOpen:c=!1,onChange:i}=e,[m,l]=useState(c);e=useCallback(()=>{var e=!m;l(e),i?.(e)},[m]);return useEffect(()=>{l(c)},[c]),jsxs("div",{className:cn(S.root,m&&S.isOpen,s),children:[jsxs(Button,{variant:"clear",className:cn(S.header,a),size:t,onClick:e,children:[n," ",jsx(Icon,{type:"chevronRight",size:t,className:S.headerIcon})]}),m&&(o?.(r)||jsx("div",{...r,children:o}))]})}export{Expand};
-//# sourceMappingURL=Expand.js.map
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useCallback, useEffect } from 'react';
+import cn from 'classnames';
+import { Button } from '../Button/Button.js';
+import { Icon } from '../Icon/Icon.js';
+import S from './Expand.styl.js';
+
+function Expand(props) {
+    const { className, size = 'm', header, headerClassName, content, contentProps = {}, isOpen: initialOpen = false, onChange, } = props;
+    const [isOpen, setIsOpen] = useState(initialOpen);
+    const onHeaderClick = useCallback(() => {
+        const value = !isOpen;
+        setIsOpen(value);
+        onChange?.(value);
+    }, [isOpen]);
+    useEffect(() => {
+        setIsOpen(initialOpen);
+    }, [initialOpen]);
+    return (jsxs("div", { className: cn(S.root, isOpen && S.isOpen, className), children: [jsxs(Button, { variant: "clear", className: cn(S.header, headerClassName), size: size, onClick: onHeaderClick, children: [header, "\u00A0", jsx(Icon, { type: "chevronRight", size: size, className: S.headerIcon })] }), isOpen &&
+                // @ts-ignore
+                (content?.(contentProps) || jsx("div", { ...contentProps, children: content }))] }));
+}
+
+export { Expand };

package/dist/esm/src/components/Expand/Expand.styl.js

@@ -1,2 +1,7 @@
-import styleInject from"../../../node_modules/style-inject/dist/style-inject.es.js";var css_248z=".Expand_root__zxSvx{display:flex;flex-direction:column}.Expand_root__zxSvx+.Expand_root__zxSvx{margin-top:var(--p-3)}.Expand_header__LxAel{justify-content:space-between}.Expand_headerIcon__CXlwY{transition:transform .2s ease-out}.Expand_isOpen__k6lyZ .Expand_header__LxAel{background-color:var(--active-color-alpha-500)}.Expand_isOpen__k6lyZ .Expand_headerIcon__CXlwY{transform:rotate(90deg)}",S={root:"Expand_root__zxSvx",header:"Expand_header__LxAel",headerIcon:"Expand_headerIcon__CXlwY",isOpen:"Expand_isOpen__k6lyZ"};styleInject(css_248z);export{S as default};
-//# sourceMappingURL=Expand.styl.js.map
+import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".Expand_root__zxSvx{display:flex;flex-direction:column}.Expand_root__zxSvx+.Expand_root__zxSvx{margin-top:var(--p-3)}.Expand_header__LxAel{justify-content:space-between}.Expand_headerIcon__CXlwY{transition:transform .2s ease-out}.Expand_isOpen__k6lyZ .Expand_header__LxAel{background-color:var(--active-color-alpha-500)}.Expand_isOpen__k6lyZ .Expand_headerIcon__CXlwY{transform:rotate(90deg)}";
+var S = {"root":"Expand_root__zxSvx","header":"Expand_header__LxAel","headerIcon":"Expand_headerIcon__CXlwY","isOpen":"Expand_isOpen__k6lyZ"};
+styleInject(css_248z);
+
+export { S as default };

package/dist/esm/src/components/Flex/Flex.js

@@ -1,2 +1,24 @@
-import{jsx}from"react/jsx-runtime";import S from"./Flex.styl.js";const Flex=({children:e,justifyContent:l,alignItems:i,flexDirection:t,flexWrap:r,flexGrow:x,flexShrink:f,flexBasis:o,flex:s,order:n,alignSelf:a,flexFlow:h,width:m,height:c})=>jsx("div",{className:S.root,style:{justifyContent:l,alignItems:i,flexDirection:t,flexWrap:r,flexGrow:x,flexShrink:f,flexBasis:o,flex:s,order:n,alignSelf:a,flexFlow:h,width:m,height:c},children:e});export{Flex};
-//# sourceMappingURL=Flex.js.map
+import { jsx } from 'react/jsx-runtime';
+import S from './Flex.styl.js';
+
+const Flex = ({ children, justifyContent, alignItems, flexDirection, flexWrap, flexGrow, flexShrink, flexBasis, flex, order, alignSelf, flexFlow, width, height, ...props }) => {
+    return (jsx("div", { className: S.root, 
+        // {...props}
+        style: {
+            justifyContent,
+            alignItems,
+            flexDirection,
+            flexWrap,
+            flexGrow,
+            flexShrink,
+            flexBasis,
+            flex,
+            order,
+            alignSelf,
+            flexFlow,
+            width,
+            height,
+        }, children: children }));
+};
+
+export { Flex };

package/dist/esm/src/components/Flex/Flex.styl.js

@@ -1,2 +1,7 @@
-import styleInject from"../../../node_modules/style-inject/dist/style-inject.es.js";var css_248z=".Flex_root__1yZ2z{display:flex}",S={root:"Flex_root__1yZ2z"};styleInject(css_248z);export{S as default};
-//# sourceMappingURL=Flex.styl.js.map
+import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".Flex_root__1yZ2z{display:flex}";
+var S = {"root":"Flex_root__1yZ2z"};
+styleInject(css_248z);
+
+export { S as default };

package/dist/esm/src/components/Form/Form.helpers.js

@@ -1,2 +1,42 @@
-import compare from"compareq";import{clone}from"../../tools/object.js";function patchWithCustomMessages(e,r){return e.reduce((e,{field:t,...o})=>{var n=r[t]?.message??r[t]?.messages?.[o.type];return n&&(o.message=n),{...e,[t]:o}},{})}function dropFocusFromSubmit(){document.querySelector("button[type=submit]:focus")?.blur()}function getInitialTouched(e){return Object.keys(e).reduce((e,t)=>({...e,[t]:!1}),{})}function getChanged(e,t){const n=e||t;return Object.entries(t).reduce((e,[t,o])=>compare(n[t],o)?e:{...e,[t]:!0},{})}function getVal(e,t,o){return void 0!==t?t:e?.target?e.target[o]:e}function cloneValue(e){return"object"==typeof e&&null!==e?e?._isAMomentObject?e.clone():clone(e):e}function cloneValues(e){return Object.entries(e).reduce((e,[t,o])=>({...e,[t]:cloneValue(o)}),{})}export{cloneValues,dropFocusFromSubmit,getChanged,getInitialTouched,getVal,patchWithCustomMessages};
-//# sourceMappingURL=Form.helpers.js.map
+import compare from 'compareq';
+import { clone } from '../../tools/object.js';
+
+function patchWithCustomMessages(checkRes, validationSchema) {
+    return checkRes.reduce((acc, { field, ...rest }) => {
+        const customMessage = validationSchema[field]?.message ??
+            validationSchema[field]?.messages?.[rest.type];
+        if (customMessage)
+            rest.message = customMessage;
+        return { ...acc, [field]: rest };
+    }, {});
+}
+function dropFocusFromSubmit() {
+    const focusedSubmit = document.querySelector('button[type=submit]:focus');
+    focusedSubmit?.blur(); // eslint-disable-line
+}
+function getInitialTouched(initialValues) {
+    return Object.keys(initialValues).reduce((acc, name) => ({ ...acc, [name]: false }), {});
+}
+function getChanged(_defaultValues, values) {
+    const defaultValues = _defaultValues || values;
+    return Object.entries(values).reduce((acc, [field, val]) => compare(defaultValues[field], val) ? acc : { ...acc, [field]: true }, {});
+}
+function getVal(e, val, valField) {
+    if (val !== undefined)
+        return val;
+    return e?.target ? e.target[valField] : e;
+}
+function cloneValue(val) {
+    if (typeof val === 'object' && val !== null) {
+        // date
+        if (val?._isAMomentObject)
+            return val.clone();
+        return clone(val);
+    }
+    return val;
+}
+function cloneValues(values) {
+    return Object.entries(values).reduce((acc, [name, val]) => ({ ...acc, [name]: cloneValue(val) }), {});
+}
+
+export { cloneValues, dropFocusFromSubmit, getChanged, getInitialTouched, getVal, patchWithCustomMessages };

package/dist/esm/src/components/Form/Form.js

@@ -1,2 +1,272 @@
-import{jsx,jsxs}from"react/jsx-runtime";import{useRef,useState,useCallback,useEffect}from"react";import cn from"classnames";import compare from"compareq";import{Input}from"../Input/Input.js";import S from"./Form.styl.js";import{cloneValues,getInitialTouched,getChanged,patchWithCustomMessages,dropFocusFromSubmit,getVal}from"./Form.helpers.js";import{Validator}from"./Validator.js";import"../Spinner/Spinner.styl.js";import"../Button/Button.styl.js";import"./SubmitButtons/SubmitButtons.styl.js";const Field=function(e){const{value:r,error:t,markEdited:n,isChanged:a,isTouched:s,clearMargins:u,component:c=Input,className:o,onChange:l,onBlur:i,handleChange:d,handleBlur:m,children:f,disableErrorReporting:h,...p}=e,{name:g,isHidden:b}=p,j="boolean"==typeof r?"checked":"value";e=cn(o,S.field,b&&S.hidden,u&&S.clearMargins,n&&a&&S.changed);return Object.assign(p,{name:g,[j]:r,onChange:function(e,r){r=getVal(e,r,j),l&&!1===l(e,r)||d(g,r)},onBlur:function(e){i&&!1===i(e)||m(g)},error:h?void 0:s&&t?.message}),jsxs("div",{className:e,children:[jsx(c,{...p}),f]})};function Form(t){const{className:L,children:W,initialValues:a={},validationSchema:e,defaultDisabled:w={},defaultValues:H,markEdited:z,disableErrorReporting:A,onInit:r,onChange:n,onSubmit:s,...G}=t,c=useRef(e),u=useRef({}),o=(e=t)=>{var{defaultValues:e,initialValues:r}=e;return e||cloneValues(r)},[l,J]=(u.current=o(),useState(()=>cloneValues(a))),[i,K]=useState(()=>getInitialTouched(a)),[d,P]=useState({}),[m,Q]=useState(()=>({...w})),[f,h]=useState(!1),[U,p]=useState(!1),[X,Y]=useState(!0),[g,Z]=useState({}),[$,_]=useState(()=>0===Object.keys(getChanged(u.current,a)).length),b=useRef(l),j=useRef(d),v=useRef(i),C=useRef(g);var k=useRef(n);const V=useRef(null),y=useRef(null),R=e=>{J(e),b.current=e},E=(e,r)=>{R({...b.current,[e]:r})},ee=e=>{Z(e),C.current=e},F=e=>{K(e),v.current=e},re=(e,r)=>{F({...v.current,[e]:r})},x=e=>{P(e),j.current=e},B=(k.current=n,()=>{var e=0<Object.keys(j.current).length;p(e)}),O=()=>{var e=getChanged(u.current,b.current);_(0===Object.keys(e).length)},te=useCallback((s=b.current,u=m)=>{var e,r;return c.current&&(e=Object.entries(c.current).reduce((e,[r,{...t}])=>{const{type:n,check:a}=t;return u[r]?e:("custom"===n&&(t.check=function(...e){return a.call(this,...e,s)}),{...e,[r]:t})},{}),"object"==typeof(r=Validator.validate(s,e)))?patchWithCustomMessages(r,e):{}},[l,m]),I=useCallback(()=>{var e=te(),r=0===Object.keys(e).length;ee(e),Y(r)},[te]),D=useCallback((e,r)=>{var t={...j.current};compare(r,a[e])?delete t[e]:t[e]=!0,x(t),B(),O()},[a]),M=(n=a)=>{var e=Object.entries(l).reduce((e,[r,t])=>compare(n[r],t)?e:{...e,[r]:!0},{});x(e),B(),O()};var k=useCallback((r,t)=>{Q(e=>{e={...e};return"object"==typeof r?Object.assign(e,r):t?e[r]=!0:delete e[r],e})},[]),ne=useCallback(()=>{R(cloneValues(a)),F({}),x({}),B(),O(),I()},[a]),N=useCallback((e,r)=>{var t;b.current[e]!==r&&(t={...b.current,[e]:r},n?.(t),t=!compare(r,a[e]),E(e,r),re(e,t),D(e,r),I())},[D,I,a,n]),T=useCallback(e=>{re(e,!0)},[]),N=(V.current=N,y.current=T,async e=>{e?.preventDefault(),dropFocusFromSubmit(),s&&(h(!0),await s({...l}),h(!1))}),T=useRef(e=>{var{name:r,disableErrorReporting:t}=e,e={...e,value:b.current[r],error:C.current[r],markEdited:z,isChanged:j.current[r],isTouched:v.current[r],handleChange:(...e)=>V.current(...e),handleBlur:(...e)=>y.current(...e),disableErrorReporting:t??A};return!1===c.current?.[r]?.empty&&(e.required=!0),jsx(Field,{...e})});const q={values:l,touched:i,changed:d,disabled:m,isLoading:f,isDirty:U,isValid:X,isEmpty:$,errors:g,Field:T.current,setValue:(e,r)=>{E(e,r),D(e,r),I()},setValues:e=>{e={...b.current,...e};return R(e),M(),I(),l},setDisabled:k,resetErrors:()=>ee({}),reset:ne,submit:N};useEffect(()=>{c.current=e,I()},[e]),useEffect(()=>{u.current=o(),M(a)},[H]),useEffect(()=>{R(cloneValues(a)),F({}),x({}),p(!1),O(),I(),r&&r(q)},[a]),useEffect(()=>{M(),I(),r&&r(q)},[]);T=cn(S.root,L,f&&S.isLoading);return jsx("form",{className:T,...G,onSubmit:N,children:W(q)})}export{Form};
-//# sourceMappingURL=Form.js.map
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useRef, useState, useCallback, useEffect } from 'react';
+import cn from 'classnames';
+import compare from 'compareq';
+import { Input } from '../Input/Input.js';
+import S from './Form.styl.js';
+import { cloneValues, getInitialTouched, getChanged, patchWithCustomMessages, dropFocusFromSubmit, getVal } from './Form.helpers.js';
+import { Validator } from './Validator.js';
+import '../Spinner/Spinner.styl.js';
+import '../Button/Button.styl.js';
+import './SubmitButtons/SubmitButtons.styl.js';
+
+const Field = function Field(props) {
+    const { value, error, markEdited, isChanged, isTouched, clearMargins, component: Control = Input, className, onChange, onBlur, handleChange, handleBlur, children, disableErrorReporting, ...controlProps } = props;
+    const { name, isHidden } = controlProps;
+    const valField = typeof value === 'boolean' ? 'checked' : 'value';
+    const classes = cn(className, S.field, isHidden && S.hidden, clearMargins && S.clearMargins, markEdited && isChanged && S.changed);
+    function handleFieldChange(e, val) {
+        const v = getVal(e, val, valField);
+        if (onChange && onChange(e, v) === false)
+            return;
+        handleChange(name, v);
+    }
+    function handleFieldBlur(e) {
+        if (onBlur && onBlur(e) === false)
+            return;
+        handleBlur(name);
+    }
+    Object.assign(controlProps, {
+        name,
+        [valField]: value,
+        onChange: handleFieldChange,
+        onBlur: handleFieldBlur,
+        error: disableErrorReporting ? undefined : isTouched && error?.message,
+    });
+    return (jsxs("div", { className: classes, children: [jsx(Control, { ...controlProps }), children] }));
+};
+function Form(props) {
+    const { className, children, initialValues = {}, validationSchema, defaultDisabled = {}, defaultValues, markEdited, disableErrorReporting, onInit, onChange, onSubmit, ...restProps } = props;
+    const validationSchemaRef = useRef(validationSchema);
+    const defaultValuesRef = useRef({});
+    // Update default values helper
+    const updateDefaultValues = (propsToUse = props) => {
+        const { defaultValues: dv, initialValues: iv } = propsToUse;
+        return dv || cloneValues(iv);
+    };
+    // Initialize default values
+    defaultValuesRef.current = updateDefaultValues();
+    // Separate states
+    const [values, _setValues] = useState(() => cloneValues(initialValues));
+    const [touched, _setTouched] = useState(() => getInitialTouched(initialValues));
+    const [changed, _setChanged] = useState({});
+    const [disabled, setDisabled] = useState(() => ({ ...defaultDisabled }));
+    const [isLoading, setIsLoading] = useState(false);
+    const [isDirty, setIsDirty] = useState(false);
+    const [isValid, setIsValid] = useState(true);
+    const [errors, _setErrors] = useState({});
+    const [isEmpty, setIsEmpty] = useState(() => Object.keys(getChanged(defaultValuesRef.current, initialValues))
+        .length === 0);
+    // Refs for stable handlers
+    const valuesRef = useRef(values);
+    const changedRef = useRef(changed);
+    const touchedRef = useRef(touched);
+    const errorsRef = useRef(errors);
+    const onChangeRef = useRef(onChange);
+    const onChangeHandlerRef = useRef(null); // Add this
+    const onBlurHandlerRef = useRef(null); // Add this
+    const setValues = (newValues) => {
+        _setValues(newValues);
+        valuesRef.current = newValues;
+    };
+    const setValue = (field, val) => {
+        setValues({ ...valuesRef.current, [field]: val });
+    };
+    const setErrors = (newErrors) => {
+        _setErrors(newErrors);
+        errorsRef.current = newErrors;
+    };
+    const setTouched = (newTouched) => {
+        _setTouched(newTouched);
+        touchedRef.current = newTouched;
+    };
+    const setFieldTouched = (field, isTouched) => {
+        setTouched({ ...touchedRef.current, [field]: isTouched });
+    };
+    const setChanged = (newChanged) => {
+        _setChanged(newChanged);
+        changedRef.current = newChanged;
+    };
+    // Update refs
+    onChangeRef.current = onChange;
+    const updateIsDirty = () => {
+        const newIsDirty = Object.keys(changedRef.current).length > 0;
+        setIsDirty(newIsDirty);
+    };
+    const updateIsEmpty = () => {
+        const newNotEmpty = getChanged(defaultValuesRef.current, valuesRef.current);
+        setIsEmpty(Object.keys(newNotEmpty).length === 0);
+    };
+    // Validation functions
+    const getValidationErrors = useCallback((valuesData = valuesRef.current, disabledData = disabled) => {
+        if (!validationSchemaRef.current)
+            return {};
+        const schema = Object.entries(validationSchemaRef.current).reduce((acc, [field, { ...rule }]) => {
+            const { type, check } = rule;
+            if (disabledData[field])
+                return acc;
+            if (type === 'custom') {
+                rule.check = function checkWrap(...args) {
+                    return check.call(this, ...args, valuesData);
+                };
+            }
+            return { ...acc, [field]: rule };
+        }, {});
+        const res = Validator.validate(valuesData, schema);
+        if (typeof res === 'object')
+            return patchWithCustomMessages(res, schema);
+        return {};
+    }, [values, disabled]);
+    const validate = useCallback(() => {
+        const newErrors = getValidationErrors();
+        const newIsValid = Object.keys(newErrors).length === 0;
+        setErrors(newErrors);
+        setIsValid(newIsValid);
+    }, [getValidationErrors]);
+    const calcChanged = useCallback((field, val) => {
+        const newChanged = { ...changedRef.current };
+        if (compare(val, initialValues[field])) {
+            delete newChanged[field];
+        }
+        else {
+            newChanged[field] = true;
+        }
+        setChanged(newChanged);
+        updateIsDirty();
+        updateIsEmpty();
+    }, [initialValues]);
+    const calcChangedAll = (initValues = initialValues) => {
+        const newChanged = Object.entries(values).reduce((acc, [field, val]) => compare(initValues[field], val) ? acc : { ...acc, [field]: true }, {});
+        setChanged(newChanged);
+        updateIsDirty();
+        updateIsEmpty();
+    };
+    // Form API methods
+    const setValueAPI = (field, val) => {
+        setValue(field, val);
+        calcChanged(field, val);
+        validate();
+    };
+    const setValuesAPI = vals => {
+        const newValues = { ...valuesRef.current, ...vals };
+        setValues(newValues);
+        calcChangedAll();
+        validate();
+        return values;
+    };
+    const setDisabledAPI = useCallback((name, isDisabledFlag) => {
+        setDisabled(prev => {
+            const newDisabled = { ...prev };
+            if (typeof name === 'object') {
+                Object.assign(newDisabled, name);
+            }
+            else if (isDisabledFlag) {
+                newDisabled[name] = true;
+            }
+            else {
+                delete newDisabled[name];
+            }
+            return newDisabled;
+        });
+    }, []);
+    const reset = useCallback(() => {
+        setValues(cloneValues(initialValues));
+        setTouched({});
+        setChanged({});
+        updateIsDirty();
+        updateIsEmpty();
+        validate();
+    }, [initialValues]);
+    // Event handlers - memoized to prevent field recreation
+    const onChangeHandler = useCallback((field, val) => {
+        if (valuesRef.current[field] === val)
+            return;
+        const newValues = { ...valuesRef.current, [field]: val };
+        onChange?.(newValues);
+        const isTouched = !compare(val, initialValues[field]);
+        setValue(field, val);
+        setFieldTouched(field, isTouched);
+        calcChanged(field, val);
+        validate();
+    }, [calcChanged, validate, initialValues, onChange]);
+    const onBlurHandler = useCallback((name) => {
+        setFieldTouched(name, true);
+    }, []);
+    // Update refs to always point to latest handlers
+    onChangeHandlerRef.current = onChangeHandler;
+    onBlurHandlerRef.current = onBlurHandler;
+    const onSubmitHandler = async (e) => {
+        e?.preventDefault();
+        dropFocusFromSubmit();
+        if (!onSubmit)
+            return;
+        setIsLoading(true);
+        await onSubmit({ ...values });
+        setIsLoading(false);
+    };
+    const FieldComponent = useRef((fieldProps) => {
+        const { name, disableErrorReporting: fieldDisableErrorReporting } = fieldProps;
+        const fullProps = {
+            ...fieldProps,
+            value: valuesRef.current[name],
+            error: errorsRef.current[name],
+            markEdited,
+            isChanged: changedRef.current[name],
+            isTouched: touchedRef.current[name],
+            handleChange: (...args) => onChangeHandlerRef.current(...args),
+            handleBlur: (...args) => onBlurHandlerRef.current(...args),
+            disableErrorReporting: fieldDisableErrorReporting ?? disableErrorReporting,
+        };
+        if (validationSchemaRef.current?.[name]?.empty === false) {
+            fullProps.required = true;
+        }
+        return jsx(Field, { ...fullProps });
+    });
+    const formAPI = {
+        values,
+        touched,
+        changed,
+        disabled,
+        isLoading,
+        isDirty,
+        isValid,
+        isEmpty,
+        errors,
+        Field: FieldComponent.current,
+        setValue: setValueAPI,
+        setValues: setValuesAPI,
+        setDisabled: setDisabledAPI,
+        resetErrors: () => setErrors({}),
+        reset,
+        submit: onSubmitHandler,
+    };
+    // Effects
+    useEffect(() => {
+        validationSchemaRef.current = validationSchema;
+        validate();
+    }, [validationSchema]);
+    useEffect(() => {
+        defaultValuesRef.current = updateDefaultValues();
+        calcChangedAll(initialValues);
+    }, [defaultValues]);
+    useEffect(() => {
+        setValues(cloneValues(initialValues));
+        setTouched({});
+        setChanged({});
+        setIsDirty(false);
+        updateIsEmpty();
+        validate();
+        if (onInit)
+            onInit(formAPI);
+    }, [initialValues]);
+    useEffect(() => {
+        calcChangedAll();
+        validate();
+        if (onInit)
+            onInit(formAPI);
+    }, []);
+    const classes = cn(S.root, className, isLoading && S.isLoading);
+    return (jsx("form", { className: classes, ...restProps, onSubmit: onSubmitHandler, children: children(formAPI) }));
+}
+
+export { Form };

package/dist/esm/src/components/Form/Form.styl.js

@@ -1,2 +1,7 @@
-import styleInject from"../../../node_modules/style-inject/dist/style-inject.es.js";var css_248z='.Form_root__EzxOr{margin:0 auto;max-width:100%;width:100%}.Form_isLoading__D1sPp{opacity:.8;pointer-events:none;transition:opacity .2s ease-out}.Form_field__S50yT{position:relative}.Form_field__S50yT+.Form_field__S50yT{margin-top:10px}.Form_field__S50yT+.Form_field__S50yT.Form_clearMargins__-KvTS{margin-top:0}.Form_field__S50yT.Form_changed__j-elu:after{background-color:$primaryColor;border-radius:50%;box-shadow:0 0 0 1px hsla(0,0%,100%,.8);content:"";height:6px;pointer-events:none;position:absolute;right:-2px;top:-2px;width:6px;z-index:1}.Form_hidden__MId3H{display:none}.Form_error__J7BaB{color:#e91b20;font-size:80%;margin:5px}',S={root:"Form_root__EzxOr",isLoading:"Form_isLoading__D1sPp",field:"Form_field__S50yT",clearMargins:"Form_clearMargins__-KvTS",changed:"Form_changed__j-elu",hidden:"Form_hidden__MId3H",error:"Form_error__J7BaB"};styleInject(css_248z);export{S as default};
-//# sourceMappingURL=Form.styl.js.map
+import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".Form_root__EzxOr{margin:0 auto;max-width:100%;width:100%}.Form_isLoading__D1sPp{opacity:.8;pointer-events:none;transition:opacity .2s ease-out}.Form_field__S50yT{position:relative}.Form_field__S50yT+.Form_field__S50yT{margin-top:10px}.Form_field__S50yT+.Form_field__S50yT.Form_clearMargins__-KvTS{margin-top:0}.Form_field__S50yT.Form_changed__j-elu:after{background-color:$primaryColor;border-radius:50%;box-shadow:0 0 0 1px hsla(0,0%,100%,.8);content:\"\";height:6px;pointer-events:none;position:absolute;right:-2px;top:-2px;width:6px;z-index:1}.Form_hidden__MId3H{display:none}.Form_error__J7BaB{color:#e91b20;font-size:80%;margin:5px}";
+var S = {"root":"Form_root__EzxOr","isLoading":"Form_isLoading__D1sPp","field":"Form_field__S50yT","clearMargins":"Form_clearMargins__-KvTS","changed":"Form_changed__j-elu","hidden":"Form_hidden__MId3H","error":"Form_error__J7BaB"};
+styleInject(css_248z);
+
+export { S as default };

package/dist/esm/src/components/Form/Form.types.js

@@ -1,2 +1 @@
 
-//# sourceMappingURL=Form.types.js.map

package/dist/esm/src/components/Form/SubmitButtons/SubmitButtons.js

@@ -1,2 +1,8 @@
-import{jsx}from"react/jsx-runtime";import cn from"classnames";import{Button}from"../../Button/Button.js";import S from"./SubmitButtons.styl.js";const SubmitButtons=({buttons:t,className:s,...o})=>jsx("div",{className:cn(S.root,s),...o,children:t.map(t=>jsx(Button,{className:cn(S.item,t.className),...t}))});export{SubmitButtons};
-//# sourceMappingURL=SubmitButtons.js.map
+import { jsx } from 'react/jsx-runtime';
+import cn from 'classnames';
+import { Button } from '../../Button/Button.js';
+import S from './SubmitButtons.styl.js';
+
+const SubmitButtons = ({ buttons, className, ...props }) => (jsx("div", { className: cn(S.root, className), ...props, children: buttons.map(buttonProps => (jsx(Button, { className: cn(S.item, buttonProps.className), ...buttonProps }))) }));
+
+export { SubmitButtons };

package/dist/esm/src/components/Form/SubmitButtons/SubmitButtons.styl.js

@@ -1,2 +1,7 @@
-import styleInject from"../../../../node_modules/style-inject/dist/style-inject.es.js";var css_248z=".SubmitButtons_root__sXP-n{display:flex;justify-content:flex-end;margin-top:15px}.SubmitButtons_item__f0l6w+.SubmitButtons_item__f0l6w{margin-left:10px}",S={root:"SubmitButtons_root__sXP-n",item:"SubmitButtons_item__f0l6w"};styleInject(css_248z);export{S as default};
-//# sourceMappingURL=SubmitButtons.styl.js.map
+import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".SubmitButtons_root__sXP-n{display:flex;justify-content:flex-end;margin-top:15px}.SubmitButtons_item__f0l6w+.SubmitButtons_item__f0l6w{margin-left:10px}";
+var S = {"root":"SubmitButtons_root__sXP-n","item":"SubmitButtons_item__f0l6w"};
+styleInject(css_248z);
+
+export { S as default };

package/dist/esm/src/components/Form/Validator.js

@@ -1,18 +1,36 @@
-import FastestValidator from"fastest-validator";const Validator=new FastestValidator({messages:{momentDate:"Invalid date",momentRange:"Invalid dates range"}});Validator.add("momentDate",function({messages:a}){return{source:`
+import FastestValidator from 'fastest-validator';
+
+const Validator = new FastestValidator({
+    messages: {
+        momentDate: 'Invalid date',
+        momentRange: 'Invalid dates range',
+    },
+});
+Validator.add('momentDate', function momentDate({ messages }) {
+    return {
+        source: `
       if (!value.isValid())
         // @ts-ignore
-        ${this.makeError({type:"momentDate",actual:"value",messages:a})}
+        ${this.makeError({ type: 'momentDate', actual: 'value', messages })}
 
       return value;
-    `}}),Validator.add("momentRange",function({messages:a}){return{source:`
+    `,
+    };
+});
+Validator.add('momentRange', function momentRange({ messages }) {
+    return {
+        source: `
       const isValid =
         value.startDate && value.startDate.isValid() &&
         value.endDate && value.endDate.isValid();
 
       if (!isValid)
         // @ts-ignore
-        ${this.makeError({type:"momentRange",actual:"value",messages:a})}
+        ${this.makeError({ type: 'momentRange', actual: 'value', messages })}
 
       return value;
-    `}});export{Validator};
-//# sourceMappingURL=Validator.js.map
+    `,
+    };
+});
+
+export { Validator };

package/dist/esm/src/components/Gallery/Dots/Dots.js

@@ -1,2 +1,9 @@
-import{jsx}from"react/jsx-runtime";import cn from"classnames";import S from"./Dots.styl.js";function Dots({index:t,count:s}){return jsx("div",{className:S.root,children:jsx("div",{className:S.inner,children:Array.from({length:s}).map((s,r)=>jsx("div",{className:cn(S.item,r===t&&S.active)},r))})})}export{Dots as default};
-//# sourceMappingURL=Dots.js.map
+import { jsx } from 'react/jsx-runtime';
+import cn from 'classnames';
+import S from './Dots.styl.js';
+
+function Dots({ index, count }) {
+    return (jsx("div", { className: S.root, children: jsx("div", { className: S.inner, children: Array.from({ length: count }).map((_, i) => (jsx("div", { className: cn(S.item, i === index && S.active) }, i))) }) }));
+}
+
+export { Dots as default };

package/dist/esm/src/components/Gallery/Dots/Dots.styl.js

@@ -1,2 +1,7 @@
-import styleInject from"../../../../node_modules/style-inject/dist/style-inject.es.js";var css_248z=".Dots_root__dTavT{bottom:1%;display:flex;justify-content:center;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);overflow:hidden;padding:0 10%;pointer-events:none;position:absolute;width:100%}.Dots_inner__0Nqa9{align-items:center;display:flex}.Dots_item__gEVuS{background-color:var(--accent-color-alpha-200);border-radius:50%;box-shadow:0 0 0 1px var(--decent-color-alpha-500);flex-shrink:0;height:8px;margin:3px;transition:.1s ease-out;transition-property:background-color,transform;width:8px}.Dots_item__gEVuS.Dots_active__gAUAj{background-color:var(--accent-color-alpha-500);transform:scale(1.2)}",S={root:"Dots_root__dTavT",inner:"Dots_inner__0Nqa9",item:"Dots_item__gEVuS",active:"Dots_active__gAUAj"};styleInject(css_248z);export{S as default};
-//# sourceMappingURL=Dots.styl.js.map
+import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".Dots_root__dTavT{bottom:1%;display:flex;justify-content:center;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);overflow:hidden;padding:0 10%;pointer-events:none;position:absolute;width:100%}.Dots_inner__0Nqa9{align-items:center;display:flex}.Dots_item__gEVuS{background-color:var(--accent-color-alpha-200);border-radius:50%;box-shadow:0 0 0 1px var(--decent-color-alpha-500);flex-shrink:0;height:8px;margin:3px;transition:.1s ease-out;transition-property:background-color,transform;width:8px}.Dots_item__gEVuS.Dots_active__gAUAj{background-color:var(--accent-color-alpha-500);transform:scale(1.2)}";
+var S = {"root":"Dots_root__dTavT","inner":"Dots_inner__0Nqa9","item":"Dots_item__gEVuS","active":"Dots_active__gAUAj"};
+styleInject(css_248z);
+
+export { S as default };