@alphakits/ui 2.0.12 → 2.1.0

package/dist/footer/index.module.css.js

@@ -1,29 +1,31 @@
 import './index.module.css';
-const t = "wrapper_Enjf", o = "row_wrapper_8067", c = "title_Tgf-", n = "block_rSzc", e = "link_Oe3C", l = "text_qVH7", s = "email_h6jh", r = "buttons_dZl8", p = "bottomBlock_fjWw", a = "contactBlock_kAr-", _ = "phone_yts-", k = {
+const t = "wrapper_Enjf", o = "row_wrapper_8067", c = "gridCol_l2Ph", n = "title_Tgf-", l = "block_rSzc", e = "link_Oe3C", r = "text_qVH7", s = "email_h6jh", p = "buttons_dZl8", _ = "bottomBlock_fjWw", a = "contactBlock_kAr-", k = "phone_yts-", i = {
   wrapper: t,
   row_wrapper: o,
-  title: c,
-  block: n,
+  gridCol: c,
+  title: n,
+  block: l,
   link: e,
-  text: l,
+  text: r,
   email: s,
-  buttons: r,
-  bottomBlock: p,
+  buttons: p,
+  bottomBlock: _,
   contactBlock: a,
-  phone: _
+  phone: k
 };
 export {
-  n as block,
-  p as bottomBlock,
-  r as buttons,
+  l as block,
+  _ as bottomBlock,
+  p as buttons,
   a as contactBlock,
-  k as default,
+  i as default,
   s as email,
+  c as gridCol,
   e as link,
-  _ as phone,
+  k as phone,
   o as row_wrapper,
-  l as text,
-  c as title,
+  r as text,
+  n as title,
   t as wrapper
 };
 //# sourceMappingURL=index.module.css.js.map

package/dist/footer/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
+{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/dist/form/component.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const Component: () => JSX.Element;
+import { default as React } from 'react';
+export declare const Component: () => React.JSX.Element;

package/dist/form/templates/base-form/index.d.ts

@@ -12,4 +12,4 @@ export type Props<T extends FormikValues> = {
     save: (values: any) => any;
     children: (props: FormikProps<FormikValues & T>) => React.ReactNode;
 };
-export declare function BaseForm<T extends FormikValues>({ loading, validate, customValidationFields, initialValues, enableReinitialize, save, children, t, }: PropsWithChildren<Props<T>>): JSX.Element;
+export declare function BaseForm<T extends FormikValues>({ loading, validate, customValidationFields, initialValues, enableReinitialize, save, children, t, }: PropsWithChildren<Props<T>>): React.JSX.Element;

package/dist/form/templates/rest-form/form.d.ts

@@ -1,5 +1,6 @@
+import { default as React } from 'react';
 import { FormikProps, FormikValues } from 'formik';
 import { Props } from '.';
 type FormProps<T extends FormikValues> = Props<T> & FormikProps<T>;
-export declare function Form<T extends FormikValues>({ recordId, title, subtitle, headerBottomAddons, initialValues, submitButtonText, customFooter, loading, updating, removing, customValidationFields, validate, save, remove, close, back, t, children, headerAddon, error, softError, ...formProps }: FormProps<T>): JSX.Element;
+export declare function Form<T extends FormikValues>({ recordId, title, subtitle, headerBottomAddons, initialValues, submitButtonText, customFooter, loading, updating, removing, customValidationFields, validate, save, remove, close, back, t, children, headerAddon, error, softError, ...formProps }: FormProps<T>): React.JSX.Element;
 export {};

package/dist/form/templates/rest-form/index.d.ts

@@ -1,4 +1,4 @@
-import { default as React, PropsWithChildren } from 'react';
+import { default as React } from 'react';
 import { FormikErrors, FormikProps, FormikValues } from 'formik';
 import { TFunction } from '../../../modal';
 export type Props<T extends FormikValues> = {
@@ -27,4 +27,4 @@ export type Props<T extends FormikValues> = {
     t: TFunction;
     headerAddon?: React.ReactNode;
 };
-export declare function RestForm<T extends FormikValues>({ enableReinitialize, ...props }: PropsWithChildren<Props<T>>): JSX.Element;
+export declare function RestForm<T extends FormikValues>({ enableReinitialize, ...props }: Props<T>): React.JSX.Element;

package/dist/form/templates/rest-form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/form/templates/rest-form/index.tsx"],"sourcesContent":["import React, {\n    PropsWithChildren,\n} from 'react';\nimport {\n    Formik, FormikErrors, FormikProps, FormikValues,\n} from 'formik';\n\nimport { TFunction } from '../../../modal';\n\nimport { Form } from './form';\n\nexport type Props<T extends FormikValues> = {\n    recordId?: number;\n\n    title: string;\n\n    subtitle?: string;\n\n    customFooter?: React.ReactNode;\n    enableReinitialize?: boolean;\n\n    headerBottomAddons?: React.ReactNode;\n\n    initialValues: T;\n\n    validate?: (values: T) => void | Record<string, unknown> | Promise<FormikErrors<T>>;\n\n    /** customValidationFields - значения полей которые необходимо валидировать */\n    customValidationFields?: Array<keyof T>;\n\n    /* Промис для основной кнопки \"сохранить\" */\n    save: (values: any) => any;\n\n    back?: () => void;\n\n    /* Промис для удаления записи */\n    remove?: () => any;\n\n    /* loading - показываем общий скелетон для формы */\n    loading?: boolean;\n\n    /* updating - показываем лоадинг для кнопки \"Сохранить\" */\n    updating?: boolean;\n\n    /* removing - показываем лоадинг для кнопки \"Удалить\" */\n    removing?: boolean;\n\n    /* Фатальная ошибка */\n    error?: string | null;\n\n    /* Ошибка, показывающася в алерте */\n    softError?: string | null;\n\n    /** Текст кнопки сохранить */\n    submitButtonText?: string;\n\n    children: (props: FormikProps<FormikValues & T>) => React.ReactNode;\n\n    close: () => void;\n\n    t: TFunction;\n\n    headerAddon?: React.ReactNode;\n};\n\nexport function RestForm<T extends FormikValues>({ enableReinitialize = true, ...props }: PropsWithChildren<Props<T>>) {\n    const {\n        loading, error, validate, customValidationFields, initialValues, save,\n    } = props;\n\n    if (error) return <div>Error </div>;\n\n    const customValidate = (fields: Array<keyof T>) => (values: T) =>\n        fields.reduce((acc, field) => {\n            const errors =\n                typeof values === 'object'\n                    ? (values as Record<keyof T, unknown>)\n                    : ({} as Record<keyof T, unknown>);\n\n            if (!errors[field]) acc[field] = props.t('validationErrors:Required');\n\n            return acc;\n        }, {} as Record<keyof T, unknown>);\n\n    const handleValidate = (validateFunc?: (values: T) => void, customFields?: Array<keyof T>) => {\n        if (validateFunc) return validateFunc;\n\n        if (customFields) return customValidate(customFields);\n\n        return undefined;\n    };\n\n    return (\n        <Formik\n            validate={ handleValidate(validate, customValidationFields) }\n            initialValues={ initialValues }\n            enableReinitialize={ enableReinitialize }\n            onSubmit={ save }\n        >\n            { (formikProps) => {\n                if (process.env.REACT_APP_STAGE !== 'prod') {\n                    console.debug({\n                        values: formikProps.values,\n                        errors: formikProps.errors,\n                    });\n                }\n\n                return (\n                <Form\n                    loading={ loading }\n                    { ...formikProps }\n                    { ...props }\n                />\n            ) }}\n        </Formik>\n    );\n}\n"],"names":["RestForm","enableReinitialize","props","loading","error","validate","customValidationFields","initialValues","save","jsx","customValidate","fields","values","acc","field","Formik","validateFunc","customFields","formikProps","Form"],"mappings":";;;AAiEO,SAASA,EAAiC,EAAE,oBAAAC,IAAqB,IAAM,GAAGC,KAAsC;AACnH,QAAM;AAAA,IACF,SAAAC;AAAA,IAAS,OAAAC;AAAA,IAAO,UAAAC;AAAA,IAAU,wBAAAC;AAAA,IAAwB,eAAAC;AAAA,IAAe,MAAAC;AAAA,EAAA,IACjEN;AAEJ,MAAIE,EAAO,QAAO,gBAAAK,EAAC,OAAA,EAAI,UAAA,UAAM;AAE7B,QAAMC,IAAiB,CAACC,MAA2B,CAACC,MAChDD,EAAO,OAAO,CAACE,GAAKC,QAEZ,OAAOF,KAAW,WACXA,IACA,CAAA,GAECE,CAAK,QAAOA,CAAK,IAAIZ,EAAM,EAAE,2BAA2B,IAE7DW,IACR,CAAA,CAA8B;AAUrC,SACI,gBAAAJ;AAAA,IAACM;AAAA,IAAA;AAAA,MACG,WAVe,CAACC,GAAoCC,MAAkC;AAC1F,YAAID,EAAc,QAAOA;AAEzB,YAAIC,EAAc,QAAOP,EAAeO,CAAY;AAAA,MAGxD,GAIkCZ,GAAUC,CAAsB;AAAA,MAC1D,eAAAC;AAAA,MACA,oBAAAN;AAAA,MACA,UAAWO;AAAA,MAET,WAACU,OACK,QAAQ,IAAI,oBAAoB,UAChC,QAAQ,MAAM;AAAA,QACV,QAAQA,EAAY;AAAA,QACpB,QAAQA,EAAY;AAAA,MAAA,CACvB,GAIL,gBAAAT;AAAA,QAACU;AAAA,QAAA;AAAA,UACG,SAAAhB;AAAA,UACE,GAAGe;AAAA,UACH,GAAGhB;AAAA,QAAA;AAAA,MAAA;AAAA,IAEX;AAAA,EAAA;AAGd;"}
+{"version":3,"file":"index.js","sources":["../../../../src/form/templates/rest-form/index.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    Formik, FormikErrors, FormikProps, FormikValues,\n} from 'formik';\n\nimport { TFunction } from '../../../modal';\n\nimport { Form } from './form';\n\nexport type Props<T extends FormikValues> = {\n    recordId?: number;\n\n    title: string;\n\n    subtitle?: string;\n\n    customFooter?: React.ReactNode;\n    enableReinitialize?: boolean;\n\n    headerBottomAddons?: React.ReactNode;\n\n    initialValues: T;\n\n    validate?: (values: T) => void | Record<string, unknown> | Promise<FormikErrors<T>>;\n\n    /** customValidationFields - значения полей которые необходимо валидировать */\n    customValidationFields?: Array<keyof T>;\n\n    /* Промис для основной кнопки \"сохранить\" */\n    save: (values: any) => any;\n\n    back?: () => void;\n\n    /* Промис для удаления записи */\n    remove?: () => any;\n\n    /* loading - показываем общий скелетон для формы */\n    loading?: boolean;\n\n    /* updating - показываем лоадинг для кнопки \"Сохранить\" */\n    updating?: boolean;\n\n    /* removing - показываем лоадинг для кнопки \"Удалить\" */\n    removing?: boolean;\n\n    /* Фатальная ошибка */\n    error?: string | null;\n\n    /* Ошибка, показывающася в алерте */\n    softError?: string | null;\n\n    /** Текст кнопки сохранить */\n    submitButtonText?: string;\n\n    children: (props: FormikProps<FormikValues & T>) => React.ReactNode;\n\n    close: () => void;\n\n    t: TFunction;\n\n    headerAddon?: React.ReactNode;\n};\n\nexport function RestForm<T extends FormikValues>({ enableReinitialize = true, ...props }: Props<T>) {\n    const {\n        loading, error, validate, customValidationFields, initialValues, save,\n    } = props;\n\n    if (error) return <div>Error </div>;\n\n    const customValidate = (fields: Array<keyof T>) => (values: T) =>\n        fields.reduce((acc, field) => {\n            const errors =\n                typeof values === 'object'\n                    ? (values as Record<keyof T, unknown>)\n                    : ({} as Record<keyof T, unknown>);\n\n            if (!errors[field]) acc[field] = props.t('validationErrors:Required');\n\n            return acc;\n        }, {} as Record<keyof T, unknown>);\n\n    const handleValidate = (validateFunc?: (values: T) => void, customFields?: Array<keyof T>) => {\n        if (validateFunc) return validateFunc;\n\n        if (customFields) return customValidate(customFields);\n\n        return undefined;\n    };\n\n    return (\n        <Formik\n            validate={ handleValidate(validate, customValidationFields) }\n            initialValues={ initialValues }\n            enableReinitialize={ enableReinitialize }\n            onSubmit={ save }\n        >\n            { (formikProps) => {\n                if (process.env.REACT_APP_STAGE !== 'prod') {\n                    console.debug({\n                        values: formikProps.values,\n                        errors: formikProps.errors,\n                    });\n                }\n\n                return (\n                <Form\n                    loading={ loading }\n                    { ...formikProps }\n                    { ...props }\n                />\n            ) }}\n        </Formik>\n    );\n}\n"],"names":["RestForm","enableReinitialize","props","loading","error","validate","customValidationFields","initialValues","save","jsx","customValidate","fields","values","acc","field","Formik","validateFunc","customFields","formikProps","Form"],"mappings":";;;AA+DO,SAASA,EAAiC,EAAE,oBAAAC,IAAqB,IAAM,GAAGC,KAAmB;AAChG,QAAM;AAAA,IACF,SAAAC;AAAA,IAAS,OAAAC;AAAA,IAAO,UAAAC;AAAA,IAAU,wBAAAC;AAAA,IAAwB,eAAAC;AAAA,IAAe,MAAAC;AAAA,EAAA,IACjEN;AAEJ,MAAIE,EAAO,QAAO,gBAAAK,EAAC,OAAA,EAAI,UAAA,UAAM;AAE7B,QAAMC,IAAiB,CAACC,MAA2B,CAACC,MAChDD,EAAO,OAAO,CAACE,GAAKC,QAEZ,OAAOF,KAAW,WACXA,IACA,CAAA,GAECE,CAAK,QAAOA,CAAK,IAAIZ,EAAM,EAAE,2BAA2B,IAE7DW,IACR,CAAA,CAA8B;AAUrC,SACI,gBAAAJ;AAAA,IAACM;AAAA,IAAA;AAAA,MACG,WAVe,CAACC,GAAoCC,MAAkC;AAC1F,YAAID,EAAc,QAAOA;AAEzB,YAAIC,EAAc,QAAOP,EAAeO,CAAY;AAAA,MAGxD,GAIkCZ,GAAUC,CAAsB;AAAA,MAC1D,eAAAC;AAAA,MACA,oBAAAN;AAAA,MACA,UAAWO;AAAA,MAET,WAACU,OACK,QAAQ,IAAI,oBAAoB,UAChC,QAAQ,MAAM;AAAA,QACV,QAAQA,EAAY;AAAA,QACpB,QAAQA,EAAY;AAAA,MAAA,CACvB,GAIL,gBAAAT;AAAA,QAACU;AAAA,QAAA;AAAA,UACG,SAAAhB;AAAA,UACE,GAAGe;AAAA,UACH,GAAGhB;AAAA,QAAA;AAAA,MAAA;AAAA,IAEX;AAAA,EAAA;AAGd;"}

package/dist/grid/component.d.ts

@@ -1,7 +1,22 @@
-import { FC } from 'react';
-import { ColProps } from './col';
-import { RowProps } from './row';
+import { default as React, ElementType } from 'react';
+export type ColProps = {
+    className?: string;
+    width?: number;
+    offset?: number;
+    tag?: ElementType;
+    children?: React.ReactNode;
+    dataTestId?: string;
+} & React.HTMLAttributes<HTMLElement>;
+export declare const Col: React.FC<ColProps>;
+export type RowProps = {
+    className?: string;
+    gutter?: number;
+    tag?: ElementType;
+    children?: React.ReactNode;
+    dataTestId?: string;
+} & React.HTMLAttributes<HTMLElement>;
+export declare const Row: React.FC<RowProps>;
 export declare const Grid: {
-    Row: FC<RowProps>;
-    Col: FC<ColProps>;
+    Row: React.FC<RowProps>;
+    Col: React.FC<ColProps>;
 };

package/dist/grid/component.js

@@ -1,10 +1,52 @@
-import { Col as o } from "./col/component.js";
-import { Row as r } from "./row/component.js";
-const i = {
-  Row: r,
-  Col: o
-};
+import { jsx as m } from "react/jsx-runtime";
+import d from "classnames";
+import p from "./index.module.css.js";
+const x = 12, i = (t) => `${t / x * 100}%`, g = ({
+  tag: t = "div",
+  className: e,
+  width: o,
+  offset: s,
+  children: l,
+  dataTestId: r,
+  style: n,
+  ...f
+}) => {
+  const c = { ...n };
+  if (o != null) {
+    const a = i(o);
+    c.flex = `0 0 ${a}`, c.maxWidth = a;
+  }
+  return s != null && (c.marginLeft = i(s)), /* @__PURE__ */ m(
+    t,
+    {
+      className: d(p.col, e),
+      style: c,
+      "data-test-id": r,
+      ...f,
+      children: l
+    }
+  );
+}, u = ({
+  tag: t = "div",
+  className: e,
+  gutter: o = 16,
+  children: s,
+  dataTestId: l,
+  style: r,
+  ...n
+}) => /* @__PURE__ */ m(
+  t,
+  {
+    className: d(p.row, e),
+    style: { "--gutter": `${o}px`, ...r },
+    "data-test-id": l,
+    ...n,
+    children: s
+  }
+), $ = { Row: u, Col: g };
 export {
-  i as Grid
+  g as Col,
+  $ as Grid,
+  u as Row
 };
 //# sourceMappingURL=component.js.map

package/dist/grid/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/grid/component.tsx"],"sourcesContent":["import { FC } from 'react';\n\nimport { Col, ColProps } from './col';\nimport { Row, RowProps } from './row';\n\nexport const Grid: {\n    Row: FC<RowProps>;\n    Col: FC<ColProps>;\n} = {\n    Row,\n    Col,\n};\n"],"names":["Grid","Row","Col"],"mappings":";;AAKO,MAAMA,IAGT;AAAA,EACA,KAAAC;AAAA,EACA,KAAAC;AACJ;"}
+{"version":3,"file":"component.js","sources":["../../src/grid/component.tsx"],"sourcesContent":["import React, { CSSProperties, ElementType } from 'react';\nimport cn from 'classnames';\n\nimport styles from './index.module.css';\n\nconst COL_COUNT = 12;\n\nconst toPercent = (n: number) => `${(n / COL_COUNT) * 100}%`;\n\nexport type ColProps = {\n    className?: string;\n    width?: number;\n    offset?: number;\n    tag?: ElementType;\n    children?: React.ReactNode;\n    dataTestId?: string;\n} & React.HTMLAttributes<HTMLElement>;\n\nexport const Col: React.FC<ColProps> = ({\n    tag: Tag = 'div',\n    className,\n    width,\n    offset,\n    children,\n    dataTestId,\n    style,\n    ...rest\n}) => {\n    const colStyle: CSSProperties = { ...style };\n\n    if (width != null) {\n        const pct = toPercent(width);\n        colStyle.flex = `0 0 ${pct}`;\n        colStyle.maxWidth = pct;\n    }\n\n    if (offset != null) {\n        colStyle.marginLeft = toPercent(offset);\n    }\n\n    return (\n        <Tag\n            className={ cn(styles.col, className) }\n            style={ colStyle }\n            data-test-id={ dataTestId }\n            { ...rest }\n        >\n            { children }\n        </Tag>\n    );\n};\n\nexport type RowProps = {\n    className?: string;\n    gutter?: number;\n    tag?: ElementType;\n    children?: React.ReactNode;\n    dataTestId?: string;\n} & React.HTMLAttributes<HTMLElement>;\n\nexport const Row: React.FC<RowProps> = ({\n    tag: Tag = 'div',\n    className,\n    gutter = 16,\n    children,\n    dataTestId,\n    style,\n    ...rest\n}) => (\n    <Tag\n        className={ cn(styles.row, className) }\n        style={ { '--gutter': `${gutter}px`, ...style } as CSSProperties }\n        data-test-id={ dataTestId }\n        { ...rest }\n    >\n        { children }\n    </Tag>\n);\n\nexport const Grid = { Row, Col };\n"],"names":["COL_COUNT","toPercent","n","Col","Tag","className","width","offset","children","dataTestId","style","rest","colStyle","pct","jsx","cn","styles","Row","gutter","Grid"],"mappings":";;;AAKA,MAAMA,IAAY,IAEZC,IAAY,CAACC,MAAc,GAAIA,IAAIF,IAAa,GAAG,KAW5CG,IAA0B,CAAC;AAAA,EACpC,KAAKC,IAAM;AAAA,EACX,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAA0B,EAAE,GAAGF,EAAA;AAErC,MAAIJ,KAAS,MAAM;AACf,UAAMO,IAAMZ,EAAUK,CAAK;AAC3B,IAAAM,EAAS,OAAO,OAAOC,CAAG,IAC1BD,EAAS,WAAWC;AAAA,EACxB;AAEA,SAAIN,KAAU,SACVK,EAAS,aAAaX,EAAUM,CAAM,IAItC,gBAAAO;AAAA,IAACV;AAAA,IAAA;AAAA,MACG,WAAYW,EAAGC,EAAO,KAAKX,CAAS;AAAA,MACpC,OAAQO;AAAA,MACR,gBAAeH;AAAA,MACb,GAAGE;AAAA,MAEH,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGd,GAUaS,IAA0B,CAAC;AAAA,EACpC,KAAKb,IAAM;AAAA,EACX,WAAAC;AAAA,EACA,QAAAa,IAAS;AAAA,EACT,UAAAV;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACP,MACI,gBAAAG;AAAA,EAACV;AAAA,EAAA;AAAA,IACG,WAAYW,EAAGC,EAAO,KAAKX,CAAS;AAAA,IACpC,OAAQ,EAAE,YAAY,GAAGa,CAAM,MAAM,GAAGR,EAAA;AAAA,IACxC,gBAAeD;AAAA,IACb,GAAGE;AAAA,IAEH,UAAAH;AAAA,EAAA;AACN,GAGSW,IAAO,EAAE,KAAAF,GAAK,KAAAd,EAAA;"}

package/dist/grid/index.js

@@ -1,5 +1,7 @@
-import { Grid as d } from "./component.js";
+import { Col as d, Grid as e, Row as f } from "./component.js";
 export {
-  d as Grid
+  d as Col,
+  e as Grid,
+  f as Row
 };
 //# sourceMappingURL=index.js.map

package/dist/grid/index.module.css

@@ -0,0 +1 @@
+.row_krN4{--gutter: 16px;display:flex;flex-wrap:wrap;box-sizing:border-box;margin-left:calc(var(--gutter) / -2);margin-right:calc(var(--gutter) / -2)}.col_Mng-{box-sizing:border-box;min-height:1px;max-width:100%;padding-left:calc(var(--gutter) / 2);padding-right:calc(var(--gutter) / 2)}

package/dist/grid/index.module.css.js

@@ -0,0 +1,11 @@
+import './index.module.css';
+const o = "row_krN4", c = "col_Mng-", s = {
+  row: o,
+  col: c
+};
+export {
+  c as col,
+  s as default,
+  o as row
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/grid/{row/index.module.css.js.map → index.module.css.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
+{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/hooks/useClickOutside/index.d.ts

@@ -1,2 +1,2 @@
 import { default as React } from 'react';
-export declare function useClickOutside(ref: React.RefObject<HTMLElement>, cb: (e: React.MouseEvent | React.TouchEvent) => void, excludedRefs?: React.RefObject<HTMLElement>[]): void;
+export declare function useClickOutside(ref: React.RefObject<HTMLElement | null>, cb: (e: React.MouseEvent | React.TouchEvent) => void, excludedRefs?: React.RefObject<HTMLElement | null>[]): void;

package/dist/hooks/useClickOutside/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/hooks/useClickOutside/index.tsx"],"sourcesContent":["import React from 'react';\n\nexport function useClickOutside(\n    ref: React.RefObject<HTMLElement>,\n    cb: (e: React.MouseEvent | React.TouchEvent) => void,\n    excludedRefs?: React.RefObject<HTMLElement>[]\n): void {\n    React.useEffect(() => {\n        const handler = (event: any) => {\n            if (!ref.current || ref.current.contains(event.target) || excludedRefs?.every((excludedRef) => excludedRef?.current?.contains(event.target))) {\n                return;\n            }\n\n            cb(event);\n        };\n\n        document.addEventListener('mousedown', handler);\n        document.addEventListener('touchstart', handler);\n\n        return () => {\n            document.removeEventListener('mousedown', handler);\n            document.removeEventListener('touchstart', handler);\n        };\n    }, [ref, cb, excludedRefs]);\n}\n"],"names":["useClickOutside","ref","cb","excludedRefs","React","handler","event","excludedRef","_a"],"mappings":";AAEO,SAASA,EACZC,GACAC,GACAC,GACI;AACJ,EAAAC,EAAM,UAAU,MAAM;AAClB,UAAMC,IAAU,CAACC,MAAe;AAC5B,MAAI,CAACL,EAAI,WAAWA,EAAI,QAAQ,SAASK,EAAM,MAAM,KAAKH,KAAA,QAAAA,EAAc,MAAM,CAACI;;AAAgB,gBAAAC,IAAAD,KAAA,gBAAAA,EAAa,YAAb,gBAAAC,EAAsB,SAASF,EAAM;AAAA,YAIpIJ,EAAGI,CAAK;AAAA,IACZ;AAEA,oBAAS,iBAAiB,aAAaD,CAAO,GAC9C,SAAS,iBAAiB,cAAcA,CAAO,GAExC,MAAM;AACT,eAAS,oBAAoB,aAAaA,CAAO,GACjD,SAAS,oBAAoB,cAAcA,CAAO;AAAA,IACtD;AAAA,EACJ,GAAG,CAACJ,GAAKC,GAAIC,CAAY,CAAC;AAC9B;"}
+{"version":3,"file":"index.js","sources":["../../../src/hooks/useClickOutside/index.tsx"],"sourcesContent":["import React from 'react';\n\nexport function useClickOutside(\n    ref: React.RefObject<HTMLElement | null>,\n    cb: (e: React.MouseEvent | React.TouchEvent) => void,\n    excludedRefs?: React.RefObject<HTMLElement | null>[],\n): void {\n    React.useEffect(() => {\n        const handler = (event: any) => {\n            if (!ref.current || ref.current.contains(event.target) || excludedRefs?.every((excludedRef) => excludedRef?.current?.contains(event.target))) {\n                return;\n            }\n\n            cb(event);\n        };\n\n        document.addEventListener('mousedown', handler);\n        document.addEventListener('touchstart', handler);\n\n        return () => {\n            document.removeEventListener('mousedown', handler);\n            document.removeEventListener('touchstart', handler);\n        };\n    }, [ref, cb, excludedRefs]);\n}\n"],"names":["useClickOutside","ref","cb","excludedRefs","React","handler","event","excludedRef","_a"],"mappings":";AAEO,SAASA,EACZC,GACAC,GACAC,GACI;AACJ,EAAAC,EAAM,UAAU,MAAM;AAClB,UAAMC,IAAU,CAACC,MAAe;AAC5B,MAAI,CAACL,EAAI,WAAWA,EAAI,QAAQ,SAASK,EAAM,MAAM,KAAKH,KAAA,QAAAA,EAAc,MAAM,CAACI;;AAAgB,gBAAAC,IAAAD,KAAA,gBAAAA,EAAa,YAAb,gBAAAC,EAAsB,SAASF,EAAM;AAAA,YAIpIJ,EAAGI,CAAK;AAAA,IACZ;AAEA,oBAAS,iBAAiB,aAAaD,CAAO,GAC9C,SAAS,iBAAiB,cAAcA,CAAO,GAExC,MAAM;AACT,eAAS,oBAAoB,aAAaA,CAAO,GACjD,SAAS,oBAAoB,cAAcA,CAAO;AAAA,IACtD;AAAA,EACJ,GAAG,CAACJ,GAAKC,GAAIC,CAAY,CAAC;AAC9B;"}

package/dist/hooks/useFocus/index.d.ts

@@ -6,4 +6,4 @@ export type InputMethod = 'keyboard' | 'mouse';
  * @param node Элемент на котором установится обработчик (default = document)
  * @param inputMethod Если параметр не задан, установит обработчик по любому событию фокуса
  */
-export declare function useFocus<T extends HTMLElement>(ref: React.MutableRefObject<T> | React.RefObject<T>, inputMethod?: InputMethod): [boolean];
+export declare function useFocus<T extends HTMLElement>(ref: React.RefObject<T | null>, inputMethod?: InputMethod): [boolean];

package/dist/hooks/useFocus/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/hooks/useFocus/index.ts"],"sourcesContent":["import React from 'react';\n\n// TODO: добавить touch метод\nexport type InputMethod = 'keyboard' | 'mouse';\n\nlet prevInputMethod: InputMethod;\n\nfunction handleKeyDown(event: KeyboardEvent) {\n    if (event.key === 'Tab') {\n        prevInputMethod = 'keyboard';\n    }\n}\n\nfunction handleMouseDown() {\n    prevInputMethod = 'mouse';\n}\n\nfunction handleTouchStart() {\n    prevInputMethod = 'mouse';\n}\n\n/**\n * Навешивает несколько глобальных обработчиков и отслеживает метод ввода - мышь или клавиатура.\n * Note: Повторный вызов функции не дублирует обработчики\n */\nfunction addGlobalListeners() {\n    document.addEventListener('keydown', handleKeyDown);\n    document.addEventListener('mousedown', handleMouseDown);\n    document.addEventListener('touchstart', handleTouchStart);\n}\n\n/**\n * Хук устанавливает обработчик события на focusin и focusout\n * по конкретному типу события\n * @param node Элемент на котором установится обработчик (default = document)\n * @param inputMethod Если параметр не задан, установит обработчик по любому событию фокуса\n */\nexport function useFocus<T extends HTMLElement>(\n    ref: React.MutableRefObject<T> | React.RefObject<T>,\n    inputMethod?: InputMethod,\n): [boolean] {\n    const [focus, setFocus] = React.useState(false);\n\n    const handleFocus = React.useCallback(() => {\n        if (!inputMethod || inputMethod === prevInputMethod) {\n            setFocus(true);\n        }\n    }, [inputMethod]);\n\n    const handleBlur = React.useCallback(() => {\n        setFocus(false);\n    }, []);\n\n    React.useEffect(() => {\n        const node = ref.current;\n\n        if (node) {\n            node.addEventListener('focusin', handleFocus);\n            node.addEventListener('focusout', handleBlur);\n        }\n\n        return () => {\n            if (node) {\n                node.removeEventListener('focusin', handleFocus);\n                node.removeEventListener('focusout', handleBlur);\n            }\n        };\n    }, [handleBlur, handleFocus, ref]);\n\n    React.useEffect(addGlobalListeners, []);\n\n    return [focus];\n}\n"],"names":["prevInputMethod","handleKeyDown","event","handleMouseDown","handleTouchStart","addGlobalListeners","useFocus","ref","inputMethod","focus","setFocus","React","handleFocus","handleBlur","node"],"mappings":";AAKA,IAAIA;AAEJ,SAASC,EAAcC,GAAsB;AACzC,EAAIA,EAAM,QAAQ,UACdF,IAAkB;AAE1B;AAEA,SAASG,IAAkB;AACvB,EAAAH,IAAkB;AACtB;AAEA,SAASI,IAAmB;AACxB,EAAAJ,IAAkB;AACtB;AAMA,SAASK,IAAqB;AAC1B,WAAS,iBAAiB,WAAWJ,CAAa,GAClD,SAAS,iBAAiB,aAAaE,CAAe,GACtD,SAAS,iBAAiB,cAAcC,CAAgB;AAC5D;AAQO,SAASE,EACZC,GACAC,GACS;AACT,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAM,SAAS,EAAK,GAExCC,IAAcD,EAAM,YAAY,MAAM;AACxC,KAAI,CAACH,KAAeA,MAAgBR,MAChCU,EAAS,EAAI;AAAA,EAErB,GAAG,CAACF,CAAW,CAAC,GAEVK,IAAaF,EAAM,YAAY,MAAM;AACvC,IAAAD,EAAS,EAAK;AAAA,EAClB,GAAG,CAAA,CAAE;AAEL,SAAAC,EAAM,UAAU,MAAM;AAClB,UAAMG,IAAOP,EAAI;AAEjB,WAAIO,MACAA,EAAK,iBAAiB,WAAWF,CAAW,GAC5CE,EAAK,iBAAiB,YAAYD,CAAU,IAGzC,MAAM;AACT,MAAIC,MACAA,EAAK,oBAAoB,WAAWF,CAAW,GAC/CE,EAAK,oBAAoB,YAAYD,CAAU;AAAA,IAEvD;AAAA,EACJ,GAAG,CAACA,GAAYD,GAAaL,CAAG,CAAC,GAEjCI,EAAM,UAAUN,GAAoB,EAAE,GAE/B,CAACI,CAAK;AACjB;"}
+{"version":3,"file":"index.js","sources":["../../../src/hooks/useFocus/index.ts"],"sourcesContent":["import React from 'react';\n\n// TODO: добавить touch метод\nexport type InputMethod = 'keyboard' | 'mouse';\n\nlet prevInputMethod: InputMethod;\n\nfunction handleKeyDown(event: KeyboardEvent) {\n    if (event.key === 'Tab') {\n        prevInputMethod = 'keyboard';\n    }\n}\n\nfunction handleMouseDown() {\n    prevInputMethod = 'mouse';\n}\n\nfunction handleTouchStart() {\n    prevInputMethod = 'mouse';\n}\n\n/**\n * Навешивает несколько глобальных обработчиков и отслеживает метод ввода - мышь или клавиатура.\n * Note: Повторный вызов функции не дублирует обработчики\n */\nfunction addGlobalListeners() {\n    document.addEventListener('keydown', handleKeyDown);\n    document.addEventListener('mousedown', handleMouseDown);\n    document.addEventListener('touchstart', handleTouchStart);\n}\n\n/**\n * Хук устанавливает обработчик события на focusin и focusout\n * по конкретному типу события\n * @param node Элемент на котором установится обработчик (default = document)\n * @param inputMethod Если параметр не задан, установит обработчик по любому событию фокуса\n */\nexport function useFocus<T extends HTMLElement>(\n    ref: React.RefObject<T | null>,\n    inputMethod?: InputMethod,\n): [boolean] {\n    const [focus, setFocus] = React.useState(false);\n\n    const handleFocus = React.useCallback(() => {\n        if (!inputMethod || inputMethod === prevInputMethod) {\n            setFocus(true);\n        }\n    }, [inputMethod]);\n\n    const handleBlur = React.useCallback(() => {\n        setFocus(false);\n    }, []);\n\n    React.useEffect(() => {\n        const node = ref.current;\n\n        if (node) {\n            node.addEventListener('focusin', handleFocus);\n            node.addEventListener('focusout', handleBlur);\n        }\n\n        return () => {\n            if (node) {\n                node.removeEventListener('focusin', handleFocus);\n                node.removeEventListener('focusout', handleBlur);\n            }\n        };\n    }, [handleBlur, handleFocus, ref]);\n\n    React.useEffect(addGlobalListeners, []);\n\n    return [focus];\n}\n"],"names":["prevInputMethod","handleKeyDown","event","handleMouseDown","handleTouchStart","addGlobalListeners","useFocus","ref","inputMethod","focus","setFocus","React","handleFocus","handleBlur","node"],"mappings":";AAKA,IAAIA;AAEJ,SAASC,EAAcC,GAAsB;AACzC,EAAIA,EAAM,QAAQ,UACdF,IAAkB;AAE1B;AAEA,SAASG,IAAkB;AACvB,EAAAH,IAAkB;AACtB;AAEA,SAASI,IAAmB;AACxB,EAAAJ,IAAkB;AACtB;AAMA,SAASK,IAAqB;AAC1B,WAAS,iBAAiB,WAAWJ,CAAa,GAClD,SAAS,iBAAiB,aAAaE,CAAe,GACtD,SAAS,iBAAiB,cAAcC,CAAgB;AAC5D;AAQO,SAASE,EACZC,GACAC,GACS;AACT,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAM,SAAS,EAAK,GAExCC,IAAcD,EAAM,YAAY,MAAM;AACxC,KAAI,CAACH,KAAeA,MAAgBR,MAChCU,EAAS,EAAI;AAAA,EAErB,GAAG,CAACF,CAAW,CAAC,GAEVK,IAAaF,EAAM,YAAY,MAAM;AACvC,IAAAD,EAAS,EAAK;AAAA,EAClB,GAAG,CAAA,CAAE;AAEL,SAAAC,EAAM,UAAU,MAAM;AAClB,UAAMG,IAAOP,EAAI;AAEjB,WAAIO,MACAA,EAAK,iBAAiB,WAAWF,CAAW,GAC5CE,EAAK,iBAAiB,YAAYD,CAAU,IAGzC,MAAM;AACT,MAAIC,MACAA,EAAK,oBAAoB,WAAWF,CAAW,GAC/CE,EAAK,oBAAoB,YAAYD,CAAU;AAAA,IAEvD;AAAA,EACJ,GAAG,CAACA,GAAYD,GAAaL,CAAG,CAAC,GAEjCI,EAAM,UAAUN,GAAoB,EAAE,GAE/B,CAACI,CAAK;AACjB;"}

package/dist/hooks/usePrevious/index.js

@@ -1,11 +1,11 @@
 import r from "react";
-function c(t) {
-  const e = r.useRef();
+function o(t) {
+  const e = r.useRef(void 0);
   return r.useEffect(() => {
     e.current = t;
   }), e.current;
 }
 export {
-  c as usePrevious
+  o as usePrevious
 };
 //# sourceMappingURL=index.js.map

package/dist/hooks/usePrevious/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/hooks/usePrevious/index.tsx"],"sourcesContent":["import React from 'react';\n\nexport function usePrevious<T>(value: T): T | undefined {\n    const ref = React.useRef<T>();\n\n    React.useEffect(() => {\n        ref.current = value;\n    });\n\n    return ref.current;\n}\n"],"names":["usePrevious","value","ref","React"],"mappings":";AAEO,SAASA,EAAeC,GAAyB;AACpD,QAAMC,IAAMC,EAAM,OAAA;AAElB,SAAAA,EAAM,UAAU,MAAM;AAClB,IAAAD,EAAI,UAAUD;AAAA,EAClB,CAAC,GAEMC,EAAI;AACf;"}
+{"version":3,"file":"index.js","sources":["../../../src/hooks/usePrevious/index.tsx"],"sourcesContent":["import React from 'react';\n\nexport function usePrevious<T>(value: T): T | undefined {\n    const ref = React.useRef<T | undefined>(undefined);\n\n    React.useEffect(() => {\n        ref.current = value;\n    });\n\n    return ref.current;\n}\n"],"names":["usePrevious","value","ref","React"],"mappings":";AAEO,SAASA,EAAeC,GAAyB;AACpD,QAAMC,IAAMC,EAAM,OAAsB,MAAS;AAEjD,SAAAA,EAAM,UAAU,MAAM;AAClB,IAAAD,EAAI,UAAUD;AAAA,EAClB,CAAC,GAEMC,EAAI;AACf;"}

package/dist/image/use-image-render-component.d.ts

@@ -8,4 +8,4 @@ export type UseImageRenderComponent = {
     icon?: React.ReactNode;
     color?: ImageProps['color'];
 };
-export declare const useImageRenderComponent: ({ src, size, color, alt, text, icon, }: UseImageRenderComponent) => {};
+export declare const useImageRenderComponent: ({ src, size, color, alt, text, icon, }: UseImageRenderComponent) => string | number | bigint | true | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element;

package/dist/image-gallery/component.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { default as React } from 'react';
 type Props = {
     initialSlide: number;
     photos: Array<{
@@ -7,5 +7,5 @@ type Props = {
     onClose: () => void;
     open: boolean;
 };
-export declare const ImageGallery: ({ onClose, initialSlide, photos, open, }: Props) => JSX.Element;
+export declare const ImageGallery: ({ onClose, initialSlide, photos, open, }: Props) => React.JSX.Element;
 export {};