@alphakits/ui 1.31.4 → 2.0.0

package/dist/grid/index.d.ts

@@ -1 +1 @@
-export * from "./component";
+export * from './component';

package/dist/grid/index.js

@@ -1 +1,5 @@
-export{Grid}from"./component.js";import"./col/component.js";import"tslib";import"react";import"classnames";import"./utils/index.js";import"../gutters.module-e2c68a2e.js";import"./row/component.js";
+import { Grid as d } from "./component.js";
+export {
+  d as Grid
+};
+//# sourceMappingURL=index.js.map

package/dist/grid/index.js.map

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

package/dist/grid/row/component.d.ts

@@ -1,14 +1,41 @@
-/// <reference types="react" />
-import React from 'react';
-import { ResponsivePropertyType } from "../typings";
-type RowProps = {
+import { default as React } from 'react';
+import { ResponsivePropertyType } from '../typings';
+export declare type RowProps = {
+    /**
+     * Дополнительный класс
+     */
     className?: string;
+    /**
+     * Горизонтальный отступ между колонками.
+     * Возможные значения: `[0, 8, 16, 24]`
+     * или `{ mobile: [0..24], tablet: [0..24], desktop: [0..24] }`
+     * или `{ mobile: { s: [0..24], m: [0..24], l: [0..24] },
+     * tablet: { s: [0..24], m: [0..24] },
+     * desktop: { s: [0..24], m: [0..24], l: [0..24], xl: [0..24] } }`.
+     */
     gutter?: ResponsivePropertyType;
+    /**
+     * Управление выравниванием колонок по вертикальной оси
+     */
     align?: 'top' | 'middle' | 'bottom';
+    /**
+     * Управление выравниванием колонок по горизонтальной оси
+     */
     justify?: 'left' | 'center' | 'right' | 'around' | 'between';
+    /**
+     * Html тег компонента.
+     * Из-за <a href="https://github.com/philipwalton/flexbugs#flexbug-9" target="_blank">ограничений и багов</a>,
+     * существующих во флексбоксах, невозможно использовать
+     * некоторые элементы HTML как flex-контейнеры.
+     */
     tag?: keyof JSX.IntrinsicElements;
+    /**
+     * Контент
+     */
     children?: React.ReactNode;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
     dataTestId?: string;
 };
-declare const Row: React.FC<RowProps>;
-export { RowProps, Row };
+export declare const Row: React.FC<RowProps>;

package/dist/grid/row/component.js

@@ -1 +1,43 @@
-import{__spreadArray as e}from"tslib";import t,{useMemo as o}from"react";import d from"classnames";import{createClassNames as m}from"../utils/index.js";import{g as n}from"../../gutters.module-e2c68a2e.js";var i={component:"index-module_component__2X6Ca",top:"index-module_top__3KNq1",middle:"index-module_middle__1D05u",bottom:"index-module_bottom__DcD7P",left:"index-module_left__3cmBO",center:"index-module_center__njMLy",right:"index-module_right__1KVdE",around:"index-module_around__jIXJN",between:"index-module_between__xSGsv"},r=function(r){var _=r.tag,l=void 0===_?"div":_,a=r.className,u=r.gutter,s=void 0===u?{mobile:{s:16},desktop:{m:24}}:u,c=r.align,p=r.justify,x=void 0===p?"between":p,f=r.children,g=r.dataTestId,v=o((function(){return m({gutter:s},n)}),[s]);return t.createElement(l,{className:d.apply(void 0,e(e([n.row,i.component,c&&i[c],i[x]],v),[a])),"data-test-id":g},f)};export{r as Row};
+import { jsx as f } from "react/jsx-runtime";
+import { useMemo as n } from "react";
+import l from "classnames";
+import { createClassNames as d } from "../utils/index.js";
+import s from "../gutters.module.css.js";
+import o from "./index.module.css.js";
+const j = ({
+  tag: e = "div",
+  className: r,
+  gutter: t = {
+    mobile: {
+      s: 16
+    },
+    desktop: {
+      m: 24
+    }
+  },
+  align: m,
+  justify: a = "between",
+  children: p,
+  dataTestId: i
+}) => {
+  const c = n(() => d({ gutter: t }, s), [t]);
+  return /* @__PURE__ */ f(
+    e,
+    {
+      className: l(
+        s.row,
+        o.component,
+        m && o[m],
+        o[a],
+        ...c,
+        r
+      ),
+      "data-test-id": i,
+      children: p
+    }
+  );
+};
+export {
+  j as Row
+};
+//# sourceMappingURL=component.js.map

package/dist/grid/row/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../src/grid/row/component.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport cn from 'classnames';\n\nimport { ResponsivePropertyType } from '../typings';\nimport { createClassNames } from '../utils';\n\nimport guttersStyles from '../gutters.module.css';\nimport styles from './index.module.css';\n\nexport type RowProps = {\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Горизонтальный отступ между колонками.\n     * Возможные значения: `[0, 8, 16, 24]`\n     * или `{ mobile: [0..24], tablet: [0..24], desktop: [0..24] }`\n     * или `{ mobile: { s: [0..24], m: [0..24], l: [0..24] },\n     * tablet: { s: [0..24], m: [0..24] },\n     * desktop: { s: [0..24], m: [0..24], l: [0..24], xl: [0..24] } }`.\n     */\n    gutter?: ResponsivePropertyType;\n\n    /**\n     * Управление выравниванием колонок по вертикальной оси\n     */\n    align?: 'top' | 'middle' | 'bottom';\n\n    /**\n     * Управление выравниванием колонок по горизонтальной оси\n     */\n    justify?: 'left' | 'center' | 'right' | 'around' | 'between';\n\n    /**\n     * Html тег компонента.\n     * Из-за <a href=\"https://github.com/philipwalton/flexbugs#flexbug-9\" target=\"_blank\">ограничений и багов</a>,\n     * существующих во флексбоксах, невозможно использовать\n     * некоторые элементы HTML как flex-контейнеры.\n     */\n    tag?: keyof JSX.IntrinsicElements;\n\n    /**\n     * Контент\n     */\n    children?: React.ReactNode;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n};\n\nexport const Row: React.FC<RowProps> = ({\n    tag: Component = 'div',\n    className,\n    gutter = {\n        mobile: {\n            s: 16,\n        },\n        desktop: {\n            m: 24,\n        },\n    },\n    align,\n    justify = 'between',\n    children,\n    dataTestId,\n}) => {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const classNames = useMemo(() => createClassNames({ gutter }, guttersStyles as any), [gutter]);\n\n    return (\n        <Component\n            className={cn(\n                guttersStyles.row,\n                styles.component,\n                align && styles[align],\n                styles[justify],\n                ...classNames,\n                className,\n            )}\n            data-test-id={dataTestId}\n        >\n            {children}\n        </Component>\n    );\n};\n"],"names":["Row","Component","className","gutter","align","justify","children","dataTestId","classNames","useMemo","createClassNames","guttersStyles","jsx","cn","styles"],"mappings":";;;;;;AAsDO,MAAMA,IAA0B,CAAC;AAAA,EACpC,KAAKC,IAAY;AAAA,EACjB,WAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,IACL,QAAQ;AAAA,MACJ,GAAG;AAAA,IAAA;AAAA,IAEP,SAAS;AAAA,MACL,GAAG;AAAA,IAAA;AAAA,EACP;AAAA,EAEJ,OAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,UAAAC;AAAA,EACA,YAAAC;AACJ,MAAM;AAEF,QAAMC,IAAaC,EAAQ,MAAMC,EAAiB,EAAE,QAAAP,EAAA,GAAUQ,CAAoB,GAAG,CAACR,CAAM,CAAC;AAE7F,SACI,gBAAAS;AAAA,IAACX;AAAA,IAAA;AAAA,MACG,WAAWY;AAAA,QACPF,EAAc;AAAA,QACdG,EAAO;AAAA,QACPV,KAASU,EAAOV,CAAK;AAAA,QACrBU,EAAOT,CAAO;AAAA,QACd,GAAGG;AAAA,QACHN;AAAA,MAAA;AAAA,MAEJ,gBAAcK;AAAA,MAEb,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/dist/grid/row/index.d.ts

@@ -1 +1 @@
-export * from "./component";
+export * from './component';

package/dist/grid/row/index.js

@@ -1 +1,5 @@
-export{Row}from"./component.js";import"tslib";import"react";import"classnames";import"../utils/index.js";import"../../gutters.module-e2c68a2e.js";
+import { Row as e } from "./component.js";
+export {
+  e as Row
+};
+//# sourceMappingURL=index.js.map

package/dist/grid/row/index.js.map

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

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

@@ -0,0 +1 @@
+.index-module_component__gn33Q{display:flex;flex-direction:row;flex-wrap:wrap;margin:0 auto;box-sizing:border-box}.index-module_top__Lj9mp{align-items:flex-start}.index-module_middle__3C5H0{align-items:center}.index-module_bottom__JyuOc{align-items:flex-end}.index-module_left__bQemy{justify-content:flex-start}.index-module_center__NnZcy{justify-content:center}.index-module_right__8RTXK{justify-content:flex-end}.index-module_around__jRzq9{justify-content:space-around}.index-module_between__jGZhu{justify-content:space-between}

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

@@ -0,0 +1,25 @@
+import './index.module.css';
+const e = "index-module_component__gn33Q", o = "index-module_top__Lj9mp", t = "index-module_middle__3C5H0", n = "index-module_bottom__JyuOc", d = "index-module_left__bQemy", _ = "index-module_center__NnZcy", m = "index-module_right__8RTXK", c = "index-module_around__jRzq9", l = "index-module_between__jGZhu", i = {
+  component: e,
+  top: o,
+  middle: t,
+  bottom: n,
+  left: d,
+  center: _,
+  right: m,
+  around: c,
+  between: l
+};
+export {
+  c as around,
+  l as between,
+  n as bottom,
+  _ as center,
+  e as component,
+  i as default,
+  d as left,
+  t as middle,
+  m as right,
+  o as top
+};
+//# sourceMappingURL=index.module.css.js.map

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

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

package/dist/grid/typings.d.ts

@@ -1,16 +1,15 @@
-type BreakpointObjectType = {
+export declare type BreakpointObjectType = {
     s?: string | number;
     m?: string | number;
     l?: string | number;
     xl?: string | number;
 };
-type BreakpointObjectKeysType = keyof BreakpointObjectType;
-type BreakpointType = string | number | BreakpointObjectType;
-type BreakpointsType = {
+export declare type BreakpointObjectKeysType = keyof BreakpointObjectType;
+export declare type BreakpointType = string | number | BreakpointObjectType;
+export declare type BreakpointsType = {
     mobile?: BreakpointType;
     tablet?: BreakpointType;
     desktop?: BreakpointType;
 };
-type BreakpointsKeysType = keyof BreakpointsType;
-type ResponsivePropertyType = string | number | BreakpointsType;
-export { BreakpointObjectType, BreakpointObjectKeysType, BreakpointType, BreakpointsType, BreakpointsKeysType, ResponsivePropertyType };
+export declare type BreakpointsKeysType = keyof BreakpointsType;
+export declare type ResponsivePropertyType = string | number | BreakpointsType;

package/dist/grid/typings.js

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

package/dist/grid/typings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typings.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/grid/utils/index.d.ts

@@ -1,3 +1,2 @@
-import { ResponsivePropertyType } from "../typings";
-declare function createClassNames(props: Record<string, ResponsivePropertyType | undefined>, styles: Record<string, string>): string[];
-export { createClassNames };
+import { ResponsivePropertyType } from '../typings';
+export declare function createClassNames(props: Record<string, ResponsivePropertyType | undefined>, styles: Record<string, string>): string[];

package/dist/grid/utils/index.js

@@ -1 +1,31 @@
-function e(e,t){var c=[];return Object.keys(e).forEach((function(o){var f=e[o];f&&("object"==typeof f?Object.keys(f).forEach((function(e){if(null!==f[e])if("object"==typeof f[e]){var n=f[e];Object.keys(n).forEach((function(f){var r=n[f];null!==r&&c.push(t[o+"-"+e+"-"+f+"-"+r])}))}else{var r=f[e];c.push(t[o+"-"+e+"-"+r])}})):c.push(t[o+"-"+f]))})),c}export{e as createClassNames};
+function l(f, s) {
+  const t = [];
+  return Object.keys(f).forEach((u) => {
+    const c = f[u];
+    if (c) {
+      if (typeof c != "object") {
+        t.push(s[`${u}-${c}`]);
+        return;
+      }
+      Object.keys(c).forEach((e) => {
+        if (c[e] !== null)
+          if (typeof c[e] == "object") {
+            const r = c[e];
+            Object.keys(r).forEach(
+              (o) => {
+                const $ = r[o];
+                $ !== null && t.push(s[`${u}-${e}-${o}-${$}`]);
+              }
+            );
+          } else {
+            const r = c[e];
+            t.push(s[`${u}-${e}-${r}`]);
+          }
+      });
+    }
+  }), t;
+}
+export {
+  l as createClassNames
+};
+//# sourceMappingURL=index.js.map

package/dist/grid/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/grid/utils/index.ts"],"sourcesContent":["import {\n    BreakpointObjectKeysType,\n    BreakpointsKeysType,\n    BreakpointObjectType,\n    ResponsivePropertyType,\n} from '../typings';\n\nexport function createClassNames(\n    props: Record<string, ResponsivePropertyType | undefined>,\n    styles: Record<string, string>,\n) {\n    const classNames: string[] = [];\n    // console.log(props, styles)\n    Object.keys(props).forEach((name) => {\n        const prop = props[name];\n\n        if (!prop) {\n            return;\n        }\n        if (typeof prop !== 'object') {\n            classNames.push(styles[`${name}-${prop}`]);\n            return;\n        }\n        (Object.keys(prop) as BreakpointsKeysType[]).forEach((breakpoint) => {\n            if (prop[breakpoint] === null) {\n                return;\n            }\n            if (typeof prop[breakpoint] === 'object') {\n                const propBreakpointObject = prop[breakpoint] as BreakpointObjectType;\n                (Object.keys(propBreakpointObject) as BreakpointObjectKeysType[]).forEach(\n                    (size) => {\n                        const value = propBreakpointObject[size];\n                        if (value === null) {\n                            return;\n                        }\n                        classNames.push(styles[`${name}-${breakpoint}-${size}-${value}`]);\n                    },\n                );\n            } else {\n                const value = prop[breakpoint];\n                classNames.push(styles[`${name}-${breakpoint}-${value}`]);\n            }\n        });\n    });\n\n    return classNames;\n}\n"],"names":["createClassNames","props","styles","classNames","name","prop","breakpoint","propBreakpointObject","size","value"],"mappings":"AAOO,SAASA,EACZC,GACAC,GACF;AACE,QAAMC,IAAuB,CAAA;AAE7B,gBAAO,KAAKF,CAAK,EAAE,QAAQ,CAACG,MAAS;AACjC,UAAMC,IAAOJ,EAAMG,CAAI;AAEvB,QAAKC,GAGL;AAAA,UAAI,OAAOA,KAAS,UAAU;AAC1B,QAAAF,EAAW,KAAKD,EAAO,GAAGE,CAAI,IAAIC,CAAI,EAAE,CAAC;AACzC;AAAA,MACJ;AACC,aAAO,KAAKA,CAAI,EAA4B,QAAQ,CAACC,MAAe;AACjE,YAAID,EAAKC,CAAU,MAAM;AAGzB,cAAI,OAAOD,EAAKC,CAAU,KAAM,UAAU;AACtC,kBAAMC,IAAuBF,EAAKC,CAAU;AAC3C,mBAAO,KAAKC,CAAoB,EAAiC;AAAA,cAC9D,CAACC,MAAS;AACN,sBAAMC,IAAQF,EAAqBC,CAAI;AACvC,gBAAIC,MAAU,QAGdN,EAAW,KAAKD,EAAO,GAAGE,CAAI,IAAIE,CAAU,IAAIE,CAAI,IAAIC,CAAK,EAAE,CAAC;AAAA,cACpE;AAAA,YAAA;AAAA,UAER,OAAO;AACH,kBAAMA,IAAQJ,EAAKC,CAAU;AAC7B,YAAAH,EAAW,KAAKD,EAAO,GAAGE,CAAI,IAAIE,CAAU,IAAIG,CAAK,EAAE,CAAC;AAAA,UAC5D;AAAA,MACJ,CAAC;AAAA;AAAA,EACL,CAAC,GAEMN;AACX;"}

package/dist/header-search/component.d.ts

@@ -1,10 +1,8 @@
-/// <reference types="react" />
-import React from 'react';
-type Props = {
+import { default as React } from 'react';
+export declare type Props = {
     placeholder: string;
     value?: string;
     onChange: (value: string) => void;
     onClear: () => void;
 };
-declare const HeaderSearch: React.FC<Props>;
-export { Props, HeaderSearch };
+export declare const HeaderSearch: React.FC<Props>;

package/dist/header-search/component.js

@@ -1 +1,36 @@
-import e from"react";import t from"@alphakits/icons/dist/CloseS";import o from"@alphakits/icons/dist/SearchM";import{Button as n}from"../button/component.js";import"tslib";import"react-merge-refs";import"classnames";import"../hooks/useFocus/index.js";import"../loader/component.js";var r="index-module_input__ysk2B",l="index-module_input_clear_btn__flCbF",a=function(a){var i=a.value,m=a.placeholder,s=a.onChange,c=a.onClear;return e.createElement("div",{className:r},e.createElement(o,null),e.createElement("input",{autoComplete:"none",value:i,onChange:function(e){return s(e.target.value)},placeholder:m,type:"text"}),!!(null==i?void 0:i.length)&&e.createElement(n,{className:l,leftAddons:e.createElement(t,null),view:"ghost",onClick:function(){return c()}}))};export{a as HeaderSearch};
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import p from "@alphakits/icons/dist/CloseS";
+import c from "@alphakits/icons/dist/SearchM";
+import { Button as a } from "../button/component.js";
+import e from "./index.module.css.js";
+const x = ({
+  value: t,
+  placeholder: r,
+  onChange: n,
+  onClear: m
+}) => /* @__PURE__ */ i("div", { className: e.input, children: [
+  /* @__PURE__ */ o(c, {}),
+  /* @__PURE__ */ o(
+    "input",
+    {
+      autoComplete: "none",
+      value: t,
+      onChange: (s) => n(s.target.value),
+      placeholder: r,
+      type: "text"
+    }
+  ),
+  !!(t != null && t.length) && /* @__PURE__ */ o(
+    a,
+    {
+      className: e.input_clear_btn,
+      leftAddons: /* @__PURE__ */ o(p, {}),
+      view: "ghost",
+      onClick: () => m()
+    }
+  )
+] });
+export {
+  x as HeaderSearch
+};
+//# sourceMappingURL=component.js.map

package/dist/header-search/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/header-search/component.tsx"],"sourcesContent":["import React from 'react';\nimport CloseS from '@alphakits/icons/dist/CloseS';\nimport SearchM from '@alphakits/icons/dist/SearchM';\n\nimport { Button } from '../button';\n\nimport styles from './index.module.css';\n\nexport type Props = {\n    placeholder: string;\n    value?: string;\n    onChange: (value: string) => void;\n    onClear: () => void;\n};\n\nexport const HeaderSearch: React.FC<Props> = ({\n    value, placeholder, onChange, onClear,\n}) => (\n    <div className={ styles.input }>\n\n        <SearchM />\n\n        <input\n            autoComplete=\"none\"\n            value={ value }\n            onChange={ (e) => onChange(e.target.value) }\n            placeholder={ placeholder }\n            type=\"text\"\n        />\n\n        { !!value?.length && (\n            <Button\n                className={ styles.input_clear_btn }\n                leftAddons={ <CloseS /> }\n                view=\"ghost\"\n                onClick={ () => onClear() }\n            />\n        ) }\n    </div>\n);\n"],"names":["HeaderSearch","value","placeholder","onChange","onClear","jsxs","styles","jsx","SearchM","e","Button","CloseS"],"mappings":";;;;;AAeO,MAAMA,IAAgC,CAAC;AAAA,EAC1C,OAAAC;AAAA,EAAO,aAAAC;AAAA,EAAa,UAAAC;AAAA,EAAU,SAAAC;AAClC,MACI,gBAAAC,EAAC,OAAA,EAAI,WAAYC,EAAO,OAEpB,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAQ;AAAA,EAET,gBAAAD;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAa;AAAA,MACb,OAAAN;AAAA,MACA,UAAW,CAACQ,MAAMN,EAASM,EAAE,OAAO,KAAK;AAAA,MACzC,aAAAP;AAAA,MACA,MAAK;AAAA,IAAA;AAAA,EAAA;AAAA,EAGP,CAAC,EAACD,KAAA,QAAAA,EAAO,WACP,gBAAAM;AAAA,IAACG;AAAA,IAAA;AAAA,MACG,WAAYJ,EAAO;AAAA,MACnB,8BAAcK,GAAA,EAAO;AAAA,MACrB,MAAK;AAAA,MACL,SAAU,MAAMP,EAAA;AAAA,IAAQ;AAAA,EAAA;AAC5B,EAAA,CAER;"}

package/dist/header-search/index.d.ts

@@ -1 +1 @@
-export * from "./component";
+export * from './component';

package/dist/header-search/index.js

@@ -1 +1,5 @@
-export{HeaderSearch}from"./component.js";import"react";import"@alphakits/icons/dist/CloseS";import"@alphakits/icons/dist/SearchM";import"../button/component.js";import"tslib";import"react-merge-refs";import"classnames";import"../hooks/useFocus/index.js";import"../loader/component.js";
+import { HeaderSearch as a } from "./component.js";
+export {
+  a as HeaderSearch
+};
+//# sourceMappingURL=index.js.map

package/dist/header-search/index.js.map

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

package/dist/header-search/index.module.css

@@ -0,0 +1 @@
+.index-module_input__GzLWi{display:flex;align-items:center;position:relative;width:328px}.index-module_input__GzLWi input{border:none;outline:none;padding-left:32px;height:32px;width:100%;background:transparent;color:var(--color-text-primary)}.index-module_input__GzLWi input::placeholder{font-size:12px;font-weight:500;color:var(--color-graphic-thirdly)}.index-module_input__GzLWi svg{position:absolute;pointer-events:none;color:var(--color-graphic-thirdly)}.index-module_input__GzLWi::placeholder{color:var(--color-graphic-thirdly);opacity:1}.index-module_input__GzLWi::-ms-input-placeholder{color:var(--color-graphic-thirdly)}.index-module_input_clear_btn__5EYN-{position:absolute;right:24px;width:24px!important;height:24px!important}

package/dist/header-search/index.module.css.js

@@ -0,0 +1,11 @@
+import './index.module.css';
+const t = "index-module_input__GzLWi", n = "index-module_input_clear_btn__5EYN-", _ = {
+  input: t,
+  input_clear_btn: n
+};
+export {
+  _ as default,
+  t as input,
+  n as input_clear_btn
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/header-search/index.module.css.js.map

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

package/dist/hooks/index.d.ts

@@ -1,5 +1,5 @@
-export * from "./useClickOutside/index";
-export * from "./useFocus/index";
-export * from "./usePrevious/index";
-export * from "./use-crud-form-requests/index";
-export * from "./use-get-one/index";
+export * from './useClickOutside';
+export * from './useFocus';
+export * from './usePrevious';
+export * from './use-crud-form-requests';
+export * from './use-get-one';

package/dist/hooks/index.js

@@ -1 +1,13 @@
-export{useClickOutside}from"./useClickOutside/index.js";export{useFocus}from"./useFocus/index.js";export{usePrevious}from"./usePrevious/index.js";export{useCrudFormRequests}from"./use-crud-form-requests/index.js";export{useGetOne}from"./use-get-one/index.js";import"react";import"tslib";import"../utils/get-service-error/index.js";import"../utils/get-service-error/is-axios-error.js";import"../utils/get-service-error/is-network-error.js";import"../utils/show-toast/index.js";import"../toast-notifier/component.js";import"react-dom";import"classnames";import"../toast-plate/component.js";import"@alphakits/icons/dist/AlertCircleM";import"@alphakits/icons/dist/CheckmarkCircleM";import"@alphakits/icons/dist/ClockCircleM";import"@alphakits/icons/dist/CloseS";import"../button/component.js";import"react-merge-refs";import"../loader/component.js";import"../toast-notifier/use-timer.js";
+import { useClickOutside as r } from "./useClickOutside/index.js";
+import { useFocus as u } from "./useFocus/index.js";
+import { usePrevious as m } from "./usePrevious/index.js";
+import { useCrudFormRequests as p } from "./use-crud-form-requests/index.js";
+import { useGetOne as i } from "./use-get-one/index.js";
+export {
+  r as useClickOutside,
+  p as useCrudFormRequests,
+  u as useFocus,
+  i as useGetOne,
+  m as usePrevious
+};
+//# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

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

package/dist/hooks/use-crud-form-requests/index.d.ts

@@ -1,5 +1,5 @@
-import { ApiMethodDeclaration, ExtendServiceParams, MakeServiceFromServiceDeclaration } from "../../typings/api";
-type Props<D, S> = {
+import { ApiMethodDeclaration, ExtendServiceParams, MakeServiceFromServiceDeclaration } from '../../typings/api';
+declare type Props<D, S> = {
     recordId?: number;
     saveRequest: MakeServiceFromServiceDeclaration<ExtendServiceParams<ApiMethodDeclaration<unknown, S>>>;
     removeRequest?: MakeServiceFromServiceDeclaration<ExtendServiceParams<ApiMethodDeclaration<number, D>>>;
@@ -7,11 +7,11 @@ type Props<D, S> = {
     removeCallback?: (deletedRecord: D) => void;
     close: () => void;
 };
-declare const useCrudFormRequests: <D, S>({ recordId, saveRequest, removeRequest, saveCallback, removeCallback, close, }: Props<D, S>) => {
+export declare const useCrudFormRequests: <D, S>({ recordId, saveRequest, removeRequest, saveCallback, removeCallback, close, }: Props<D, S>) => {
     save: (values: unknown) => Promise<void>;
     remove: () => Promise<void>;
     error: string | null;
     removing: boolean;
     updating: boolean;
 };
-export { useCrudFormRequests };
+export {};

package/dist/hooks/use-crud-form-requests/index.js

@@ -1 +1,37 @@
-import{__awaiter as t,__generator as r}from"tslib";import{useState as o}from"react";import{getServiceError as i}from"../../utils/get-service-error/index.js";import{showSuccess as e}from"../../utils/show-toast/index.js";import"../../utils/get-service-error/is-axios-error.js";import"../../utils/get-service-error/is-network-error.js";import"../../toast-notifier/component.js";import"react-dom";import"classnames";import"../../toast-plate/component.js";import"@alphakits/icons/dist/AlertCircleM";import"@alphakits/icons/dist/CheckmarkCircleM";import"@alphakits/icons/dist/ClockCircleM";import"@alphakits/icons/dist/CloseS";import"../../button/component.js";import"react-merge-refs";import"../useFocus/index.js";import"../../loader/component.js";import"../../toast-notifier/use-timer.js";var n=function(n){var s=n.recordId,a=n.saveRequest,c=n.removeRequest,m=n.saveCallback,u=n.removeCallback,p=n.close,l=void 0===p?function(){}:p,d=o(!1),v=d[0],f=d[1],h=o(!1),j=h[0],k=h[1],C=o(null),g=C[0],x=C[1],b=function(t){f(!1),k(!1),x(i(t).message)};return{save:function(o){return t(void 0,void 0,void 0,(function(){var t;return r(this,(function(r){return f(!0),t={data:o},s&&(t.id=s),a(t).then((function(t){var r=t.data;l(),null==m||m(r),e("","Saved"),f(!1)})).catch(b),[2]}))}))},remove:function(){return t(void 0,void 0,void 0,(function(){return r(this,(function(t){return s&&c?(k(!0),c(s).then((function(t){var r=t.data;k(!1),l(),null==u||u(r),e("","Removed")})).catch(b),[2]):[2]}))}))},error:g,removing:j,updating:v}};export{n as useCrudFormRequests};
+import { useState as f } from "react";
+import { getServiceError as R } from "../../utils/get-service-error/index.js";
+import { showSuccess as c } from "../../utils/show-toast/index.js";
+const j = ({
+  recordId: s,
+  saveRequest: g,
+  removeRequest: i,
+  saveCallback: r,
+  removeCallback: e,
+  close: u = () => {
+  }
+}) => {
+  const [h, n] = f(!1), [S, o] = f(!1), [a, y] = f(null), m = (t) => {
+    n(!1), o(!1), y(R(t).message);
+  };
+  return {
+    save: async (t) => {
+      n(!0);
+      const p = { data: t };
+      s && (p.id = s), g(p).then(({ data: E }) => {
+        u(), r == null || r(E), c("", "Saved"), n(!1);
+      }).catch(m);
+    },
+    remove: async () => {
+      !s || !i || (o(!0), i(s).then(({ data: t }) => {
+        o(!1), u(), e == null || e(t), c("", "Removed");
+      }).catch(m));
+    },
+    error: a,
+    removing: S,
+    updating: h
+  };
+};
+export {
+  j as useCrudFormRequests
+};
+//# sourceMappingURL=index.js.map

package/dist/hooks/use-crud-form-requests/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/hooks/use-crud-form-requests/index.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport { ApiMethodDeclaration, ExtendServiceParams, MakeServiceFromServiceDeclaration } from '../../typings/api';\nimport { getServiceError } from '../../utils/get-service-error';\nimport { showSuccess } from '../../utils/show-toast';\n\ntype Props<D, S> = {\n    recordId?: number;\n    saveRequest: MakeServiceFromServiceDeclaration<ExtendServiceParams<ApiMethodDeclaration<unknown, S>>>;\n    removeRequest?: MakeServiceFromServiceDeclaration<ExtendServiceParams<ApiMethodDeclaration<number, D>>>;\n    saveCallback?: (savedRecord: S) => void;\n    removeCallback?: (deletedRecord: D) => void;\n    close: () => void;\n};\n\nexport const useCrudFormRequests = <D, S>({\n    recordId,\n    saveRequest,\n    removeRequest,\n    saveCallback,\n    removeCallback,\n    close = () => {},\n}: Props<D, S>) => {\n    const [updating, setUpdating] = useState(false);\n    const [removing, setRemoving] = useState(false);\n    const [error, setError] = useState<string | null>(null);\n\n    const errorCallback = (err: unknown) => {\n        setUpdating(false);\n        setRemoving(false);\n        setError(getServiceError(err).message);\n    };\n\n    const save = async (values: unknown) => {\n        setUpdating(true);\n\n        const params = { data: values } as any;\n\n        if (recordId) params.id = recordId;\n\n        saveRequest(params)\n            .then(({ data }) => {\n                close();\n                saveCallback?.(data);\n                showSuccess('', 'Saved');\n                setUpdating(false);\n            }).catch(errorCallback);\n    };\n\n    const remove = async () => {\n        if (!recordId || !removeRequest) return;\n\n        setRemoving(true);\n\n        removeRequest(recordId)\n            .then(({ data }) => {\n                setRemoving(false);\n                close();\n                removeCallback?.(data);\n                showSuccess('', 'Removed');\n            }).catch(errorCallback);\n    };\n\n    return {\n        save,\n        remove,\n        error,\n        removing,\n        updating,\n    };\n};\n"],"names":["useCrudFormRequests","recordId","saveRequest","removeRequest","saveCallback","removeCallback","close","updating","setUpdating","useState","removing","setRemoving","error","setError","errorCallback","err","getServiceError","values","params","data","showSuccess"],"mappings":";;;AAeO,MAAMA,IAAsB,CAAO;AAAA,EACtC,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC,IAAQ,MAAM;AAAA,EAAC;AACnB,MAAmB;AACf,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK,GACxC,CAACC,GAAUC,CAAW,IAAIF,EAAS,EAAK,GACxC,CAACG,GAAOC,CAAQ,IAAIJ,EAAwB,IAAI,GAEhDK,IAAgB,CAACC,MAAiB;AACpC,IAAAP,EAAY,EAAK,GACjBG,EAAY,EAAK,GACjBE,EAASG,EAAgBD,CAAG,EAAE,OAAO;AAAA,EACzC;AAgCA,SAAO;AAAA,IACH,MA/BS,OAAOE,MAAoB;AACpC,MAAAT,EAAY,EAAI;AAEhB,YAAMU,IAAS,EAAE,MAAMD,EAAA;AAEvB,MAAIhB,QAAiB,KAAKA,IAE1BC,EAAYgB,CAAM,EACb,KAAK,CAAC,EAAE,MAAAC,QAAW;AAChB,QAAAb,EAAA,GACAF,KAAA,QAAAA,EAAee,IACfC,EAAY,IAAI,OAAO,GACvBZ,EAAY,EAAK;AAAA,MACrB,CAAC,EAAE,MAAMM,CAAa;AAAA,IAC9B;AAAA,IAkBI,QAhBW,YAAY;AACvB,MAAI,CAACb,KAAY,CAACE,MAElBQ,EAAY,EAAI,GAEhBR,EAAcF,CAAQ,EACjB,KAAK,CAAC,EAAE,MAAAkB,QAAW;AAChB,QAAAR,EAAY,EAAK,GACjBL,EAAA,GACAD,KAAA,QAAAA,EAAiBc,IACjBC,EAAY,IAAI,SAAS;AAAA,MAC7B,CAAC,EAAE,MAAMN,CAAa;AAAA,IAC9B;AAAA,IAKI,OAAAF;AAAA,IACA,UAAAF;AAAA,IACA,UAAAH;AAAA,EAAA;AAER;"}

package/dist/hooks/use-get-one/index.d.ts

@@ -1,8 +1,7 @@
-import { ApiMethodDeclaration, ExtendServiceParams, MakeServiceFromServiceDeclaration } from "../../typings/api";
-declare const useGetOne: <T>(id: number, promise: MakeServiceFromServiceDeclaration<ExtendServiceParams<ApiMethodDeclaration<number, T>>>) => {
+import { ApiMethodDeclaration, ExtendServiceParams, MakeServiceFromServiceDeclaration } from '../../typings/api';
+export declare const useGetOne: <T>(id: number, promise: MakeServiceFromServiceDeclaration<ExtendServiceParams<ApiMethodDeclaration<number, T>>>) => {
     record: T;
     loading: boolean;
     error: string | null;
     request: () => Promise<void>;
 };
-export { useGetOne };

package/dist/hooks/use-get-one/index.js

@@ -1 +1,27 @@
-import{__awaiter as r,__generator as e}from"tslib";import{useState as t,useEffect as s}from"react";import{getServiceError as i}from"../../utils/get-service-error/index.js";import"../../utils/get-service-error/is-axios-error.js";import"../../utils/get-service-error/is-network-error.js";var o=function(o,n){var u=t(!!o),a=u[0],c=u[1],l=t({}),m=l[0],v=l[1],f=t(null),d=f[0],p=f[1],g=function(){return r(void 0,void 0,void 0,(function(){var r,t;return e(this,(function(e){switch(e.label){case 0:c(!0),p(null),e.label=1;case 1:return e.trys.push([1,3,4,5]),[4,n(o)];case 2:return r=e.sent().data,v(r),[3,5];case 3:return t=e.sent(),p(i(t).message),[3,5];case 4:return c(!1),[7];case 5:return[2]}}))}))};return s((function(){o&&g()}),[]),{record:m,loading:a,error:d,request:g}};export{o as useGetOne};
+import { useState as t, useEffect as i } from "react";
+import { getServiceError as m } from "../../utils/get-service-error/index.js";
+const p = (e, c) => {
+  const [a, o] = t(!!e), [l, u] = t({}), [f, s] = t(null), n = async () => {
+    o(!0), s(null);
+    try {
+      const { data: r } = await c(e);
+      u(r);
+    } catch (r) {
+      s(m(r).message);
+    } finally {
+      o(!1);
+    }
+  };
+  return i(() => {
+    e && n();
+  }, []), {
+    record: l,
+    loading: a,
+    error: f,
+    request: n
+  };
+};
+export {
+  p as useGetOne
+};
+//# sourceMappingURL=index.js.map

package/dist/hooks/use-get-one/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/hooks/use-get-one/index.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { ApiMethodDeclaration, ExtendServiceParams, MakeServiceFromServiceDeclaration } from '../../typings/api';\nimport { getServiceError } from '../../utils/get-service-error';\n\nexport const useGetOne = <T>(\n    id: number,\n    promise: MakeServiceFromServiceDeclaration<ExtendServiceParams<ApiMethodDeclaration<number, T>>>,\n) => {\n    const [loading, setLoading] = useState(!!id);\n    const [record, setRecord] = useState<T>({} as T);\n    const [error, setError] = useState<string | null>(null);\n\n    const request = async () => {\n        setLoading(true);\n        setError(null);\n\n        try {\n            const { data } = await promise(id);\n\n            setRecord(data);\n        } catch (err) {\n            setError(getServiceError(err).message);\n        } finally {\n            setLoading(false);\n        }\n    };\n\n    useEffect(() => {\n        if (id) request();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    return {\n        record, loading, error, request,\n    };\n};\n"],"names":["useGetOne","id","promise","loading","setLoading","useState","record","setRecord","error","setError","request","data","err","getServiceError","useEffect"],"mappings":";;AAKO,MAAMA,IAAY,CACrBC,GACAC,MACC;AACD,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,CAAC,CAACJ,CAAE,GACrC,CAACK,GAAQC,CAAS,IAAIF,EAAY,CAAA,CAAO,GACzC,CAACG,GAAOC,CAAQ,IAAIJ,EAAwB,IAAI,GAEhDK,IAAU,YAAY;AACxB,IAAAN,EAAW,EAAI,GACfK,EAAS,IAAI;AAEb,QAAI;AACA,YAAM,EAAE,MAAAE,EAAA,IAAS,MAAMT,EAAQD,CAAE;AAEjC,MAAAM,EAAUI,CAAI;AAAA,IAClB,SAASC,GAAK;AACV,MAAAH,EAASI,EAAgBD,CAAG,EAAE,OAAO;AAAA,IACzC,UAAA;AACI,MAAAR,EAAW,EAAK;AAAA,IACpB;AAAA,EACJ;AAEA,SAAAU,EAAU,MAAM;AACZ,IAAIb,KAAIS,EAAA;AAAA,EAEZ,GAAG,CAAA,CAAE,GAEE;AAAA,IACH,QAAAJ;AAAA,IAAQ,SAAAH;AAAA,IAAS,OAAAK;AAAA,IAAO,SAAAE;AAAA,EAAA;AAEhC;"}

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

@@ -1,4 +1,2 @@
-/// <reference types="react" />
-import React from 'react';
-declare function useClickOutside(ref: React.RefObject<HTMLElement>, cb: (e: React.MouseEvent | React.TouchEvent) => void, excludedRefs?: React.RefObject<HTMLElement>[]): void;
-export { useClickOutside };
+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;

package/dist/hooks/useClickOutside/index.js

@@ -1 +1,18 @@
-import t from"react";function n(n,e,r){t.useEffect((function(){var t=function(t){!n.current||n.current.contains(t.target)||(null==r?void 0:r.every((function(n){var e;return null===(e=null==n?void 0:n.current)||void 0===e?void 0:e.contains(t.target)})))||e(t)};return document.addEventListener("mousedown",t),document.addEventListener("touchstart",t),function(){document.removeEventListener("mousedown",t),document.removeEventListener("touchstart",t)}}),[n,e,r])}export{n as useClickOutside};
+import s from "react";
+function c(r, a, t) {
+  s.useEffect(() => {
+    const n = (o) => {
+      !r.current || r.current.contains(o.target) || t != null && t.every((i) => {
+        var m;
+        return (m = i == null ? void 0 : i.current) == null ? void 0 : m.contains(o.target);
+      }) || a(o);
+    };
+    return document.addEventListener("mousedown", n), document.addEventListener("touchstart", n), () => {
+      document.removeEventListener("mousedown", n), document.removeEventListener("touchstart", n);
+    };
+  }, [r, a, t]);
+}
+export {
+  c as useClickOutside
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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;"}

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

@@ -1,5 +1,9 @@
-/// <reference types="react" />
-import React from 'react';
-type InputMethod = 'keyboard' | 'mouse';
-declare function useFocus<T extends HTMLElement>(ref: React.MutableRefObject<T> | React.RefObject<T>, inputMethod?: InputMethod): [boolean];
-export { InputMethod, useFocus };
+import { default as React } from 'react';
+export declare type InputMethod = 'keyboard' | 'mouse';
+/**
+ * Хук устанавливает обработчик события на focusin и focusout
+ * по конкретному типу события
+ * @param node Элемент на котором установится обработчик (default = document)
+ * @param inputMethod Если параметр не задан, установит обработчик по любому событию фокуса
+ */
+export declare function useFocus<T extends HTMLElement>(ref: React.MutableRefObject<T> | React.RefObject<T>, inputMethod?: InputMethod): [boolean];

package/dist/hooks/useFocus/index.js

@@ -1 +1,31 @@
-import e from"react";var n;function t(e){"Tab"===e.key&&(n="keyboard")}function o(){n="mouse"}function u(){n="mouse"}function r(){document.addEventListener("keydown",t),document.addEventListener("mousedown",o),document.addEventListener("touchstart",u)}function c(t,o){var u=e.useState(!1),c=u[0],s=u[1],i=e.useCallback((function(){o&&o!==n||s(!0)}),[o]),f=e.useCallback((function(){s(!1)}),[]);return e.useEffect((function(){var e=t.current;return e&&(e.addEventListener("focusin",i),e.addEventListener("focusout",f)),function(){e&&(e.removeEventListener("focusin",i),e.removeEventListener("focusout",f))}}),[f,i,t]),e.useEffect(r,[]),[c]}export{c as useFocus};
+import n from "react";
+let o;
+function d(t) {
+  t.key === "Tab" && (o = "keyboard");
+}
+function f() {
+  o = "mouse";
+}
+function i() {
+  o = "mouse";
+}
+function l() {
+  document.addEventListener("keydown", d), document.addEventListener("mousedown", f), document.addEventListener("touchstart", i);
+}
+function v(t, s) {
+  const [r, a] = n.useState(!1), u = n.useCallback(() => {
+    (!s || s === o) && a(!0);
+  }, [s]), c = n.useCallback(() => {
+    a(!1);
+  }, []);
+  return n.useEffect(() => {
+    const e = t.current;
+    return e && (e.addEventListener("focusin", u), e.addEventListener("focusout", c)), () => {
+      e && (e.removeEventListener("focusin", u), e.removeEventListener("focusout", c));
+    };
+  }, [c, u, t]), n.useEffect(l, []), [r];
+}
+export {
+  v as useFocus
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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;"}

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

@@ -1,2 +1 @@
-declare function usePrevious<T>(value: T): T | undefined;
-export { usePrevious };
+export declare function usePrevious<T>(value: T): T | undefined;