@vkontakte/vkui 5.0.2 → 5.1.0

package/dist/hooks/useAutoDetectAppearance.d.ts

@@ -1,2 +1,2 @@
-import { AppearanceType } from "@vkontakte/vk-bridge";
+import { AppearanceType } from '@vkontakte/vk-bridge';
 export declare const useAutoDetectAppearance: (appearanceProp?: AppearanceType, onDetectAppearanceByBridge?: () => void) => AppearanceType;

package/dist/hooks/useAutoDetectAppearance.js

@@ -1,11 +1,12 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import * as React from "react";
-import vkBridge from "@vkontakte/vk-bridge";
-import { useDOM } from "../lib/dom";
-import { noop } from "../lib/utils";
-import { resolveAppearance } from "../helpers/appearance";
+import * as React from 'react';
+import vkBridge from '@vkontakte/vk-bridge';
+import { useDOM } from '../lib/dom';
+import { noop } from '@vkontakte/vkjs';
+import { resolveAppearance } from '../helpers/appearance';
+import { matchMediaListAddListener, matchMediaListRemoveListener } from '../lib/matchMedia';
 var initialAppearance = null;
-vkBridge.send("VKWebAppGetConfig").then(function (data) {
+vkBridge.send('VKWebAppGetConfig').then(function (data) {
   initialAppearance = resolveAppearance(data);
 }).catch(console.error);
 function autoDetectAppearanceByBridge(setAppearance, onDetectAppearanceByBridge) {
@@ -13,7 +14,7 @@ function autoDetectAppearanceByBridge(setAppearance, onDetectAppearanceByBridge)
     var _e$detail = e.detail,
       type = _e$detail.type,
       data = _e$detail.data;
-    if (type !== "VKWebAppUpdateConfig") {
+    if (type !== 'VKWebAppUpdateConfig') {
       return;
     }
     initialAppearance = resolveAppearance(data);
@@ -28,18 +29,18 @@ function autoDetectAppearanceByBridge(setAppearance, onDetectAppearanceByBridge)
   };
 }
 function autoDetectAppearance(window, setAppearance) {
-  var mediaQuery = window && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)");
+  var mediaQuery = window && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)');
   if (mediaQuery === undefined) {
     return noop;
   }
   var check = function check(event) {
     // eslint-disable-next-line no-restricted-properties
-    setAppearance(event.matches ? "dark" : "light");
+    setAppearance(event.matches ? 'dark' : 'light');
   };
   check(mediaQuery);
-  mediaQuery.addEventListener("change", check);
+  matchMediaListAddListener(mediaQuery, check);
   return function () {
-    return mediaQuery.removeEventListener("change", check);
+    return matchMediaListRemoveListener(mediaQuery, check);
   };
 }
 export var useAutoDetectAppearance = function useAutoDetectAppearance(appearanceProp, onDetectAppearanceByBridge) {
@@ -57,10 +58,10 @@ export var useAutoDetectAppearance = function useAutoDetectAppearance(appearance
         onceDetectAppearanceByBridge.current();
         return initialAppearance;
       }
-      var mediaQuery = window && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)");
+      var mediaQuery = window && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)');
 
       // eslint-disable-next-line no-restricted-properties
-      return mediaQuery !== null && mediaQuery !== void 0 && mediaQuery.matches ? "dark" : "light";
+      return mediaQuery !== null && mediaQuery !== void 0 && mediaQuery.matches ? 'dark' : 'light';
     }),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     appearance = _React$useState2[0],

package/dist/hooks/useAutoDetectAppearance.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAutoDetectAppearance.js","names":["React","vkBridge","useDOM","noop","resolveAppearance","initialAppearance","send","then","data","catch","console","error","autoDetectAppearanceByBridge","setAppearance","onDetectAppearanceByBridge","bridgeListener","e","detail","type","subscribe","unsubscribe","autoDetectAppearance","window","mediaQuery","matchMedia","undefined","check","event","matches","addEventListener","removeEventListener","useAutoDetectAppearance","appearanceProp","onceDetectAppearanceByBridge","useRef","current","useState","appearance","useEffect","isEmbedded"],"sources":["../../src/hooks/useAutoDetectAppearance.tsx"],"sourcesContent":["import * as React from \"react\";\nimport vkBridge, {\n  AnyReceiveMethodName,\n  AppearanceType,\n  VKBridgeEvent,\n} from \"@vkontakte/vk-bridge\";\nimport { useDOM } from \"../lib/dom\";\nimport { noop } from \"../lib/utils\";\nimport { resolveAppearance, VKBridgeConfigData } from \"../helpers/appearance\";\n\nlet initialAppearance: AppearanceType | null = null;\n\nvkBridge\n  .send(\"VKWebAppGetConfig\")\n  .then((data) => {\n    initialAppearance = resolveAppearance(data);\n  })\n  .catch(console.error);\n\nfunction autoDetectAppearanceByBridge(\n  setAppearance: (value: AppearanceType) => void,\n  onDetectAppearanceByBridge: () => void\n) {\n  function bridgeListener(e: VKBridgeEvent<AnyReceiveMethodName>) {\n    const { type, data } = e.detail;\n\n    if (type !== \"VKWebAppUpdateConfig\") {\n      return;\n    }\n\n    initialAppearance = resolveAppearance(data as VKBridgeConfigData);\n\n    if (initialAppearance) {\n      onDetectAppearanceByBridge();\n      setAppearance(initialAppearance);\n    }\n  }\n\n  vkBridge.subscribe(bridgeListener);\n\n  return () => vkBridge.unsubscribe(bridgeListener);\n}\n\nfunction autoDetectAppearance(\n  window: Window | undefined,\n  setAppearance: (value: AppearanceType) => void\n): () => void {\n  const mediaQuery =\n    window &&\n    window.matchMedia &&\n    window.matchMedia(\"(prefers-color-scheme: dark)\");\n\n  if (mediaQuery === undefined) {\n    return noop;\n  }\n\n  const check = (event: MediaQueryList | MediaQueryListEvent) => {\n    // eslint-disable-next-line no-restricted-properties\n    setAppearance(event.matches ? \"dark\" : \"light\");\n  };\n\n  check(mediaQuery);\n  mediaQuery.addEventListener(\"change\", check);\n\n  return () => mediaQuery.removeEventListener(\"change\", check);\n}\n\nexport const useAutoDetectAppearance = (\n  appearanceProp?: AppearanceType,\n  onDetectAppearanceByBridge?: () => void\n): AppearanceType => {\n  const { window } = useDOM();\n  const onceDetectAppearanceByBridge = React.useRef(() => {\n    onDetectAppearanceByBridge && onDetectAppearanceByBridge();\n    onceDetectAppearanceByBridge.current = noop;\n  });\n\n  const [appearance, setAppearance] = React.useState<AppearanceType>(() => {\n    if (appearanceProp) {\n      return appearanceProp;\n    }\n\n    if (initialAppearance) {\n      onceDetectAppearanceByBridge.current();\n      return initialAppearance;\n    }\n\n    const mediaQuery =\n      window &&\n      window.matchMedia &&\n      window.matchMedia(\"(prefers-color-scheme: dark)\");\n\n    // eslint-disable-next-line no-restricted-properties\n    return mediaQuery?.matches ? \"dark\" : \"light\";\n  });\n\n  React.useEffect(() => {\n    if (appearanceProp) {\n      setAppearance(appearanceProp);\n      return noop;\n    }\n\n    if (vkBridge.isEmbedded()) {\n      return autoDetectAppearanceByBridge(\n        setAppearance,\n        onceDetectAppearanceByBridge.current\n      );\n    }\n\n    return autoDetectAppearance(window, setAppearance);\n  }, [window, appearanceProp]);\n\n  return appearance;\n};\n"],"mappings":"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"}
+{"version":3,"file":"useAutoDetectAppearance.js","names":["React","vkBridge","useDOM","noop","resolveAppearance","matchMediaListAddListener","matchMediaListRemoveListener","initialAppearance","send","then","data","catch","console","error","autoDetectAppearanceByBridge","setAppearance","onDetectAppearanceByBridge","bridgeListener","e","detail","type","subscribe","unsubscribe","autoDetectAppearance","window","mediaQuery","matchMedia","undefined","check","event","matches","useAutoDetectAppearance","appearanceProp","onceDetectAppearanceByBridge","useRef","current","useState","appearance","useEffect","isEmbedded"],"sources":["../../src/hooks/useAutoDetectAppearance.tsx"],"sourcesContent":["import * as React from 'react';\nimport vkBridge, {\n  AnyReceiveMethodName,\n  AppearanceType,\n  VKBridgeEvent,\n} from '@vkontakte/vk-bridge';\nimport { useDOM } from '../lib/dom';\nimport { noop } from '@vkontakte/vkjs';\nimport { resolveAppearance, VKBridgeConfigData } from '../helpers/appearance';\nimport { matchMediaListAddListener, matchMediaListRemoveListener } from '../lib/matchMedia';\n\nlet initialAppearance: AppearanceType | null = null;\n\nvkBridge\n  .send('VKWebAppGetConfig')\n  .then((data) => {\n    initialAppearance = resolveAppearance(data);\n  })\n  .catch(console.error);\n\nfunction autoDetectAppearanceByBridge(\n  setAppearance: (value: AppearanceType) => void,\n  onDetectAppearanceByBridge: () => void,\n) {\n  function bridgeListener(e: VKBridgeEvent<AnyReceiveMethodName>) {\n    const { type, data } = e.detail;\n\n    if (type !== 'VKWebAppUpdateConfig') {\n      return;\n    }\n\n    initialAppearance = resolveAppearance(data as VKBridgeConfigData);\n\n    if (initialAppearance) {\n      onDetectAppearanceByBridge();\n      setAppearance(initialAppearance);\n    }\n  }\n\n  vkBridge.subscribe(bridgeListener);\n\n  return () => vkBridge.unsubscribe(bridgeListener);\n}\n\nfunction autoDetectAppearance(\n  window: Window | undefined,\n  setAppearance: (value: AppearanceType) => void,\n): () => void {\n  const mediaQuery =\n    window && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)');\n\n  if (mediaQuery === undefined) {\n    return noop;\n  }\n\n  const check = (event: MediaQueryList | MediaQueryListEvent) => {\n    // eslint-disable-next-line no-restricted-properties\n    setAppearance(event.matches ? 'dark' : 'light');\n  };\n\n  check(mediaQuery);\n  matchMediaListAddListener(mediaQuery, check);\n\n  return () => matchMediaListRemoveListener(mediaQuery, check);\n}\n\nexport const useAutoDetectAppearance = (\n  appearanceProp?: AppearanceType,\n  onDetectAppearanceByBridge?: () => void,\n): AppearanceType => {\n  const { window } = useDOM();\n  const onceDetectAppearanceByBridge = React.useRef(() => {\n    onDetectAppearanceByBridge && onDetectAppearanceByBridge();\n    onceDetectAppearanceByBridge.current = noop;\n  });\n\n  const [appearance, setAppearance] = React.useState<AppearanceType>(() => {\n    if (appearanceProp) {\n      return appearanceProp;\n    }\n\n    if (initialAppearance) {\n      onceDetectAppearanceByBridge.current();\n      return initialAppearance;\n    }\n\n    const mediaQuery =\n      window && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)');\n\n    // eslint-disable-next-line no-restricted-properties\n    return mediaQuery?.matches ? 'dark' : 'light';\n  });\n\n  React.useEffect(() => {\n    if (appearanceProp) {\n      setAppearance(appearanceProp);\n      return noop;\n    }\n\n    if (vkBridge.isEmbedded()) {\n      return autoDetectAppearanceByBridge(setAppearance, onceDetectAppearanceByBridge.current);\n    }\n\n    return autoDetectAppearance(window, setAppearance);\n  }, [window, appearanceProp]);\n\n  return appearance;\n};\n"],"mappings":"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"}

package/dist/hooks/useBooleanState.js

@@ -1,5 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import * as React from "react";
+import * as React from 'react';
 export var useBooleanState = function useBooleanState() {
   var defaultValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
   var _React$useState = React.useState(defaultValue),

package/dist/hooks/useBooleanState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBooleanState.js","names":["React","useBooleanState","defaultValue","useState","value","setValue","setTrue","useCallback","setFalse","toggle"],"sources":["../../src/hooks/useBooleanState.ts"],"sourcesContent":["import * as React from \"react\";\n\nexport const useBooleanState = (defaultValue = false) => {\n  const [value, setValue] = React.useState(defaultValue);\n\n  const setTrue = React.useCallback(() => {\n    setValue(true);\n  }, []);\n\n  const setFalse = React.useCallback(() => {\n    setValue(false);\n  }, []);\n\n  const toggle = React.useCallback(() => {\n    setValue(!value);\n  }, [value]);\n\n  return { value, setTrue, setFalse, toggle };\n};\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAe,GAA6B;EAAA,IAAzBC,YAAY,uEAAG,KAAK;EAClD,sBAA0BF,KAAK,CAACG,QAAQ,CAACD,YAAY,CAAC;IAAA;IAA/CE,KAAK;IAAEC,QAAQ;EAEtB,IAAMC,OAAO,GAAGN,KAAK,CAACO,WAAW,CAAC,YAAM;IACtCF,QAAQ,CAAC,IAAI,CAAC;EAChB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMG,QAAQ,GAAGR,KAAK,CAACO,WAAW,CAAC,YAAM;IACvCF,QAAQ,CAAC,KAAK,CAAC;EACjB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMI,MAAM,GAAGT,KAAK,CAACO,WAAW,CAAC,YAAM;IACrCF,QAAQ,CAAC,CAACD,KAAK,CAAC;EAClB,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,OAAO;IAAEA,KAAK,EAALA,KAAK;IAAEE,OAAO,EAAPA,OAAO;IAAEE,QAAQ,EAARA,QAAQ;IAAEC,MAAM,EAANA;EAAO,CAAC;AAC7C,CAAC"}
+{"version":3,"file":"useBooleanState.js","names":["React","useBooleanState","defaultValue","useState","value","setValue","setTrue","useCallback","setFalse","toggle"],"sources":["../../src/hooks/useBooleanState.ts"],"sourcesContent":["import * as React from 'react';\n\nexport const useBooleanState = (defaultValue = false) => {\n  const [value, setValue] = React.useState(defaultValue);\n\n  const setTrue = React.useCallback(() => {\n    setValue(true);\n  }, []);\n\n  const setFalse = React.useCallback(() => {\n    setValue(false);\n  }, []);\n\n  const toggle = React.useCallback(() => {\n    setValue(!value);\n  }, [value]);\n\n  return { value, setTrue, setFalse, toggle };\n};\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAe,GAA6B;EAAA,IAAzBC,YAAY,uEAAG,KAAK;EAClD,sBAA0BF,KAAK,CAACG,QAAQ,CAACD,YAAY,CAAC;IAAA;IAA/CE,KAAK;IAAEC,QAAQ;EAEtB,IAAMC,OAAO,GAAGN,KAAK,CAACO,WAAW,CAAC,YAAM;IACtCF,QAAQ,CAAC,IAAI,CAAC;EAChB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMG,QAAQ,GAAGR,KAAK,CAACO,WAAW,CAAC,YAAM;IACvCF,QAAQ,CAAC,KAAK,CAAC;EACjB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMI,MAAM,GAAGT,KAAK,CAACO,WAAW,CAAC,YAAM;IACrCF,QAAQ,CAAC,CAACD,KAAK,CAAC;EAClB,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,OAAO;IAAEA,KAAK,EAALA,KAAK;IAAEE,OAAO,EAAPA,OAAO;IAAEE,QAAQ,EAARA,QAAQ;IAAEC,MAAM,EAANA;EAAO,CAAC;AAC7C,CAAC"}

package/dist/hooks/useBridgeAdaptivity.d.ts

@@ -1,5 +1,5 @@
 export interface BridgeAdaptivity {
-    type: "" | "force_mobile" | "force_mobile_compact" | "adaptive";
+    type: '' | 'force_mobile' | 'force_mobile_compact' | 'adaptive';
     viewportWidth: number;
     viewportHeight: number;
 }

package/dist/hooks/useBridgeAdaptivity.js

@@ -1,9 +1,9 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import * as React from "react";
-import vkBridge from "@vkontakte/vk-bridge";
-import { useIsomorphicLayoutEffect } from "../lib/useIsomorphicLayoutEffect";
+import * as React from 'react';
+import vkBridge from '@vkontakte/vk-bridge';
+import { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';
 var initialState = {
-  type: "",
+  type: '',
   viewportWidth: 0,
   viewportHeight: 0
 };
@@ -11,21 +11,21 @@ function resolveAdaptivity(e) {
   var _e$detail = e.detail,
     type = _e$detail.type,
     data = _e$detail.data;
-  if (type !== "VKWebAppUpdateConfig" || !data) {
+  if (type !== 'VKWebAppUpdateConfig' || !data) {
     return null;
   }
   var adaptivity = data.adaptivity,
     viewportWidth = data.viewport_width,
     viewportHeight = data.viewport_height;
   var bridgeAdaptivity = {
-    type: "",
+    type: '',
     viewportWidth: isFinite(viewportWidth) ? +viewportWidth : 0,
     viewportHeight: isFinite(viewportHeight) ? +viewportHeight : 0
   };
   switch (adaptivity) {
-    case "force_mobile":
-    case "force_mobile_compact":
-    case "adaptive":
+    case 'force_mobile':
+    case 'force_mobile_compact':
+    case 'adaptive':
       bridgeAdaptivity.type = adaptivity;
   }
   return bridgeAdaptivity;

package/dist/hooks/useBridgeAdaptivity.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBridgeAdaptivity.js","names":["React","vkBridge","useIsomorphicLayoutEffect","initialState","type","viewportWidth","viewportHeight","resolveAdaptivity","e","detail","data","adaptivity","viewport_width","viewport_height","bridgeAdaptivity","isFinite","subscribe","useBridgeAdaptivity","useState","setBridgeAdaptivity","bridgeListener","newBridgeAdaptivity","unsubscribe"],"sources":["../../src/hooks/useBridgeAdaptivity.ts"],"sourcesContent":["import * as React from \"react\";\nimport vkBridge from \"@vkontakte/vk-bridge\";\nimport { useIsomorphicLayoutEffect } from \"../lib/useIsomorphicLayoutEffect\";\n\nexport interface BridgeAdaptivity {\n  type: \"\" | \"force_mobile\" | \"force_mobile_compact\" | \"adaptive\";\n  viewportWidth: number;\n  viewportHeight: number;\n}\n\ninterface BridgeEvent {\n  detail: {\n    type: string;\n    data: {\n      [index: string]: any;\n    };\n  };\n}\n\nlet initialState: BridgeAdaptivity = {\n  type: \"\",\n  viewportWidth: 0,\n  viewportHeight: 0,\n};\n\nfunction resolveAdaptivity(e: BridgeEvent): BridgeAdaptivity | null {\n  const { type, data } = e.detail;\n\n  if (type !== \"VKWebAppUpdateConfig\" || !data) {\n    return null;\n  }\n\n  const {\n    adaptivity,\n    viewport_width: viewportWidth,\n    viewport_height: viewportHeight,\n  } = data;\n\n  const bridgeAdaptivity: BridgeAdaptivity = {\n    type: \"\",\n    viewportWidth: isFinite(viewportWidth) ? +viewportWidth : 0,\n    viewportHeight: isFinite(viewportHeight) ? +viewportHeight : 0,\n  };\n\n  switch (adaptivity) {\n    case \"force_mobile\":\n    case \"force_mobile_compact\":\n    case \"adaptive\":\n      bridgeAdaptivity.type = adaptivity;\n  }\n\n  return bridgeAdaptivity;\n}\n\nvkBridge.subscribe((e: BridgeEvent) => {\n  const bridgeAdaptivity = resolveAdaptivity(e);\n\n  if (bridgeAdaptivity) {\n    initialState = bridgeAdaptivity;\n  }\n});\n\nexport function useBridgeAdaptivity(): BridgeAdaptivity {\n  const [bridgeAdaptivity, setBridgeAdaptivity] =\n    React.useState<BridgeAdaptivity>(initialState);\n\n  useIsomorphicLayoutEffect(() => {\n    function bridgeListener(e: BridgeEvent) {\n      const newBridgeAdaptivity = resolveAdaptivity(e);\n\n      if (newBridgeAdaptivity) {\n        setBridgeAdaptivity(newBridgeAdaptivity);\n      }\n    }\n\n    vkBridge.subscribe(bridgeListener);\n    return () => {\n      vkBridge.unsubscribe(bridgeListener);\n    };\n  }, []);\n\n  return bridgeAdaptivity;\n}\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,QAAQ,MAAM,sBAAsB;AAC3C,SAASC,yBAAyB,QAAQ,kCAAkC;AAiB5E,IAAIC,YAA8B,GAAG;EACnCC,IAAI,EAAE,EAAE;EACRC,aAAa,EAAE,CAAC;EAChBC,cAAc,EAAE;AAClB,CAAC;AAED,SAASC,iBAAiB,CAACC,CAAc,EAA2B;EAClE,gBAAuBA,CAAC,CAACC,MAAM;IAAvBL,IAAI,aAAJA,IAAI;IAAEM,IAAI,aAAJA,IAAI;EAElB,IAAIN,IAAI,KAAK,sBAAsB,IAAI,CAACM,IAAI,EAAE;IAC5C,OAAO,IAAI;EACb;EAEA,IACEC,UAAU,GAGRD,IAAI,CAHNC,UAAU;IACMN,aAAa,GAE3BK,IAAI,CAFNE,cAAc;IACGN,cAAc,GAC7BI,IAAI,CADNG,eAAe;EAGjB,IAAMC,gBAAkC,GAAG;IACzCV,IAAI,EAAE,EAAE;IACRC,aAAa,EAAEU,QAAQ,CAACV,aAAa,CAAC,GAAG,CAACA,aAAa,GAAG,CAAC;IAC3DC,cAAc,EAAES,QAAQ,CAACT,cAAc,CAAC,GAAG,CAACA,cAAc,GAAG;EAC/D,CAAC;EAED,QAAQK,UAAU;IAChB,KAAK,cAAc;IACnB,KAAK,sBAAsB;IAC3B,KAAK,UAAU;MACbG,gBAAgB,CAACV,IAAI,GAAGO,UAAU;EAAC;EAGvC,OAAOG,gBAAgB;AACzB;AAEAb,QAAQ,CAACe,SAAS,CAAC,UAACR,CAAc,EAAK;EACrC,IAAMM,gBAAgB,GAAGP,iBAAiB,CAACC,CAAC,CAAC;EAE7C,IAAIM,gBAAgB,EAAE;IACpBX,YAAY,GAAGW,gBAAgB;EACjC;AACF,CAAC,CAAC;AAEF,OAAO,SAASG,mBAAmB,GAAqB;EACtD,sBACEjB,KAAK,CAACkB,QAAQ,CAAmBf,YAAY,CAAC;IAAA;IADzCW,gBAAgB;IAAEK,mBAAmB;EAG5CjB,yBAAyB,CAAC,YAAM;IAC9B,SAASkB,cAAc,CAACZ,CAAc,EAAE;MACtC,IAAMa,mBAAmB,GAAGd,iBAAiB,CAACC,CAAC,CAAC;MAEhD,IAAIa,mBAAmB,EAAE;QACvBF,mBAAmB,CAACE,mBAAmB,CAAC;MAC1C;IACF;IAEApB,QAAQ,CAACe,SAAS,CAACI,cAAc,CAAC;IAClC,OAAO,YAAM;MACXnB,QAAQ,CAACqB,WAAW,CAACF,cAAc,CAAC;IACtC,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAON,gBAAgB;AACzB"}
+{"version":3,"file":"useBridgeAdaptivity.js","names":["React","vkBridge","useIsomorphicLayoutEffect","initialState","type","viewportWidth","viewportHeight","resolveAdaptivity","e","detail","data","adaptivity","viewport_width","viewport_height","bridgeAdaptivity","isFinite","subscribe","useBridgeAdaptivity","useState","setBridgeAdaptivity","bridgeListener","newBridgeAdaptivity","unsubscribe"],"sources":["../../src/hooks/useBridgeAdaptivity.ts"],"sourcesContent":["import * as React from 'react';\nimport vkBridge from '@vkontakte/vk-bridge';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nexport interface BridgeAdaptivity {\n  type: '' | 'force_mobile' | 'force_mobile_compact' | 'adaptive';\n  viewportWidth: number;\n  viewportHeight: number;\n}\n\ninterface BridgeEvent {\n  detail: {\n    type: string;\n    data: {\n      [index: string]: any;\n    };\n  };\n}\n\nlet initialState: BridgeAdaptivity = {\n  type: '',\n  viewportWidth: 0,\n  viewportHeight: 0,\n};\n\nfunction resolveAdaptivity(e: BridgeEvent): BridgeAdaptivity | null {\n  const { type, data } = e.detail;\n\n  if (type !== 'VKWebAppUpdateConfig' || !data) {\n    return null;\n  }\n\n  const { adaptivity, viewport_width: viewportWidth, viewport_height: viewportHeight } = data;\n\n  const bridgeAdaptivity: BridgeAdaptivity = {\n    type: '',\n    viewportWidth: isFinite(viewportWidth) ? +viewportWidth : 0,\n    viewportHeight: isFinite(viewportHeight) ? +viewportHeight : 0,\n  };\n\n  switch (adaptivity) {\n    case 'force_mobile':\n    case 'force_mobile_compact':\n    case 'adaptive':\n      bridgeAdaptivity.type = adaptivity;\n  }\n\n  return bridgeAdaptivity;\n}\n\nvkBridge.subscribe((e: BridgeEvent) => {\n  const bridgeAdaptivity = resolveAdaptivity(e);\n\n  if (bridgeAdaptivity) {\n    initialState = bridgeAdaptivity;\n  }\n});\n\nexport function useBridgeAdaptivity(): BridgeAdaptivity {\n  const [bridgeAdaptivity, setBridgeAdaptivity] = React.useState<BridgeAdaptivity>(initialState);\n\n  useIsomorphicLayoutEffect(() => {\n    function bridgeListener(e: BridgeEvent) {\n      const newBridgeAdaptivity = resolveAdaptivity(e);\n\n      if (newBridgeAdaptivity) {\n        setBridgeAdaptivity(newBridgeAdaptivity);\n      }\n    }\n\n    vkBridge.subscribe(bridgeListener);\n    return () => {\n      vkBridge.unsubscribe(bridgeListener);\n    };\n  }, []);\n\n  return bridgeAdaptivity;\n}\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,QAAQ,MAAM,sBAAsB;AAC3C,SAASC,yBAAyB,QAAQ,kCAAkC;AAiB5E,IAAIC,YAA8B,GAAG;EACnCC,IAAI,EAAE,EAAE;EACRC,aAAa,EAAE,CAAC;EAChBC,cAAc,EAAE;AAClB,CAAC;AAED,SAASC,iBAAiB,CAACC,CAAc,EAA2B;EAClE,gBAAuBA,CAAC,CAACC,MAAM;IAAvBL,IAAI,aAAJA,IAAI;IAAEM,IAAI,aAAJA,IAAI;EAElB,IAAIN,IAAI,KAAK,sBAAsB,IAAI,CAACM,IAAI,EAAE;IAC5C,OAAO,IAAI;EACb;EAEA,IAAQC,UAAU,GAAqED,IAAI,CAAnFC,UAAU;IAAkBN,aAAa,GAAsCK,IAAI,CAAvEE,cAAc;IAAkCN,cAAc,GAAKI,IAAI,CAAxCG,eAAe;EAElE,IAAMC,gBAAkC,GAAG;IACzCV,IAAI,EAAE,EAAE;IACRC,aAAa,EAAEU,QAAQ,CAACV,aAAa,CAAC,GAAG,CAACA,aAAa,GAAG,CAAC;IAC3DC,cAAc,EAAES,QAAQ,CAACT,cAAc,CAAC,GAAG,CAACA,cAAc,GAAG;EAC/D,CAAC;EAED,QAAQK,UAAU;IAChB,KAAK,cAAc;IACnB,KAAK,sBAAsB;IAC3B,KAAK,UAAU;MACbG,gBAAgB,CAACV,IAAI,GAAGO,UAAU;EAAC;EAGvC,OAAOG,gBAAgB;AACzB;AAEAb,QAAQ,CAACe,SAAS,CAAC,UAACR,CAAc,EAAK;EACrC,IAAMM,gBAAgB,GAAGP,iBAAiB,CAACC,CAAC,CAAC;EAE7C,IAAIM,gBAAgB,EAAE;IACpBX,YAAY,GAAGW,gBAAgB;EACjC;AACF,CAAC,CAAC;AAEF,OAAO,SAASG,mBAAmB,GAAqB;EACtD,sBAAgDjB,KAAK,CAACkB,QAAQ,CAAmBf,YAAY,CAAC;IAAA;IAAvFW,gBAAgB;IAAEK,mBAAmB;EAE5CjB,yBAAyB,CAAC,YAAM;IAC9B,SAASkB,cAAc,CAACZ,CAAc,EAAE;MACtC,IAAMa,mBAAmB,GAAGd,iBAAiB,CAACC,CAAC,CAAC;MAEhD,IAAIa,mBAAmB,EAAE;QACvBF,mBAAmB,CAACE,mBAAmB,CAAC;MAC1C;IACF;IAEApB,QAAQ,CAACe,SAAS,CAACI,cAAc,CAAC;IAClC,OAAO,YAAM;MACXnB,QAAQ,CAACqB,WAAW,CAACF,cAAc,CAAC;IACtC,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAON,gBAAgB;AACzB"}

package/dist/hooks/useCalendar.d.ts

@@ -1,6 +1,6 @@
-import * as React from "react";
-import { CalendarProps } from "../components/Calendar/Calendar";
-export interface UseCalendarDependencies extends Pick<CalendarProps, "onHeaderChange" | "onNextMonth" | "onPrevMonth"> {
+import * as React from 'react';
+import { CalendarProps } from '../components/Calendar/Calendar';
+export interface UseCalendarDependencies extends Pick<CalendarProps, 'onHeaderChange' | 'onNextMonth' | 'onPrevMonth'> {
     value?: Array<Date | null> | Date;
     disablePast?: boolean;
     disableFuture?: boolean;

package/dist/hooks/useCalendar.js

@@ -1,6 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import * as React from "react";
-import { subMonths, addMonths, isSameDay, isBefore, endOfDay, isAfter, startOfDay } from "../lib/date";
+import * as React from 'react';
+import { subMonths, addMonths, isSameDay, isBefore, endOfDay, isAfter, startOfDay } from '../lib/date';
 export function useCalendar(_ref) {
   var _ref2;
   var value = _ref.value,

package/dist/hooks/useCalendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCalendar.js","names":["React","subMonths","addMonths","isSameDay","isBefore","endOfDay","isAfter","startOfDay","useCalendar","value","disablePast","disableFuture","shouldDisableDate","onHeaderChange","onNextMonth","onPrevMonth","useState","Array","isArray","Date","viewDate","setViewDate","focusedDay","setFocusedDay","setPrevMonth","useCallback","setNextMonth","handleSetViewDate","isDayFocused","day","Boolean","isDayDisabled","now","disabled","resetSelectedDay","undefined"],"sources":["../../src/hooks/useCalendar.ts"],"sourcesContent":["import * as React from \"react\";\nimport {\n  subMonths,\n  addMonths,\n  isSameDay,\n  isBefore,\n  endOfDay,\n  isAfter,\n  startOfDay,\n} from \"../lib/date\";\nimport { CalendarProps } from \"../components/Calendar/Calendar\";\n\nexport interface UseCalendarDependencies\n  extends Pick<\n    CalendarProps,\n    \"onHeaderChange\" | \"onNextMonth\" | \"onPrevMonth\"\n  > {\n  value?: Array<Date | null> | Date;\n  disablePast?: boolean;\n  disableFuture?: boolean;\n  shouldDisableDate?(value: Date): boolean;\n}\n\nexport function useCalendar({\n  value,\n  disablePast,\n  disableFuture,\n  shouldDisableDate,\n  onHeaderChange,\n  onNextMonth,\n  onPrevMonth,\n}: UseCalendarDependencies) {\n  const [viewDate, setViewDate] = React.useState(\n    (Array.isArray(value) ? value[0] : value) ?? new Date()\n  );\n  const [focusedDay, setFocusedDay] = React.useState<Date>();\n\n  const setPrevMonth = React.useCallback(() => {\n    onPrevMonth?.();\n    setViewDate(subMonths(viewDate, 1));\n  }, [viewDate, onPrevMonth]);\n  const setNextMonth = React.useCallback(() => {\n    onNextMonth?.();\n    setViewDate(addMonths(viewDate, 1));\n  }, [viewDate, onNextMonth]);\n\n  const handleSetViewDate = React.useCallback(\n    (value: Date) => {\n      onHeaderChange?.(value);\n      setViewDate(value);\n    },\n    [onHeaderChange]\n  );\n\n  const isDayFocused = React.useCallback(\n    (day: Date) => Boolean(focusedDay && isSameDay(day, focusedDay)),\n    [focusedDay]\n  );\n\n  const isDayDisabled = React.useCallback(\n    (day: Date) => {\n      const now = new Date();\n      let disabled = false;\n      if (disablePast) {\n        disabled = isBefore(endOfDay(day), now);\n      }\n      if (disableFuture) {\n        disabled = isAfter(startOfDay(day), now);\n      }\n      if (shouldDisableDate) {\n        disabled = shouldDisableDate(day);\n      }\n\n      return disabled;\n    },\n    [disableFuture, disablePast, shouldDisableDate]\n  );\n\n  const resetSelectedDay = React.useCallback(() => {\n    setFocusedDay(undefined);\n  }, [setFocusedDay]);\n\n  return {\n    viewDate,\n    setViewDate: handleSetViewDate,\n    setPrevMonth,\n    setNextMonth,\n    focusedDay,\n    setFocusedDay,\n    isDayFocused,\n    isDayDisabled,\n    resetSelectedDay,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"useCalendar.js","names":["React","subMonths","addMonths","isSameDay","isBefore","endOfDay","isAfter","startOfDay","useCalendar","value","disablePast","disableFuture","shouldDisableDate","onHeaderChange","onNextMonth","onPrevMonth","useState","Array","isArray","Date","viewDate","setViewDate","focusedDay","setFocusedDay","setPrevMonth","useCallback","setNextMonth","handleSetViewDate","isDayFocused","day","Boolean","isDayDisabled","now","disabled","resetSelectedDay","undefined"],"sources":["../../src/hooks/useCalendar.ts"],"sourcesContent":["import * as React from 'react';\nimport {\n  subMonths,\n  addMonths,\n  isSameDay,\n  isBefore,\n  endOfDay,\n  isAfter,\n  startOfDay,\n} from '../lib/date';\nimport { CalendarProps } from '../components/Calendar/Calendar';\n\nexport interface UseCalendarDependencies\n  extends Pick<CalendarProps, 'onHeaderChange' | 'onNextMonth' | 'onPrevMonth'> {\n  value?: Array<Date | null> | Date;\n  disablePast?: boolean;\n  disableFuture?: boolean;\n  shouldDisableDate?(value: Date): boolean;\n}\n\nexport function useCalendar({\n  value,\n  disablePast,\n  disableFuture,\n  shouldDisableDate,\n  onHeaderChange,\n  onNextMonth,\n  onPrevMonth,\n}: UseCalendarDependencies) {\n  const [viewDate, setViewDate] = React.useState(\n    (Array.isArray(value) ? value[0] : value) ?? new Date(),\n  );\n  const [focusedDay, setFocusedDay] = React.useState<Date>();\n\n  const setPrevMonth = React.useCallback(() => {\n    onPrevMonth?.();\n    setViewDate(subMonths(viewDate, 1));\n  }, [viewDate, onPrevMonth]);\n  const setNextMonth = React.useCallback(() => {\n    onNextMonth?.();\n    setViewDate(addMonths(viewDate, 1));\n  }, [viewDate, onNextMonth]);\n\n  const handleSetViewDate = React.useCallback(\n    (value: Date) => {\n      onHeaderChange?.(value);\n      setViewDate(value);\n    },\n    [onHeaderChange],\n  );\n\n  const isDayFocused = React.useCallback(\n    (day: Date) => Boolean(focusedDay && isSameDay(day, focusedDay)),\n    [focusedDay],\n  );\n\n  const isDayDisabled = React.useCallback(\n    (day: Date) => {\n      const now = new Date();\n      let disabled = false;\n      if (disablePast) {\n        disabled = isBefore(endOfDay(day), now);\n      }\n      if (disableFuture) {\n        disabled = isAfter(startOfDay(day), now);\n      }\n      if (shouldDisableDate) {\n        disabled = shouldDisableDate(day);\n      }\n\n      return disabled;\n    },\n    [disableFuture, disablePast, shouldDisableDate],\n  );\n\n  const resetSelectedDay = React.useCallback(() => {\n    setFocusedDay(undefined);\n  }, [setFocusedDay]);\n\n  return {\n    viewDate,\n    setViewDate: handleSetViewDate,\n    setPrevMonth,\n    setNextMonth,\n    focusedDay,\n    setFocusedDay,\n    isDayFocused,\n    isDayDisabled,\n    resetSelectedDay,\n  };\n}\n"],"mappings":"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"}

package/dist/hooks/useChipsInput.d.ts

@@ -1,6 +1,6 @@
-import * as React from "react";
-import { ChipOption } from "../components/Chip/Chip";
-import { ChipsInputBaseProps } from "../components/ChipsInputBase/ChipsInputBase";
+import * as React from 'react';
+import { ChipOption } from '../components/Chip/Chip';
+import { ChipsInputBaseProps } from '../components/ChipsInputBase/ChipsInputBase';
 export declare const useChipsInput: <Option extends ChipOption>(props: Partial<ChipsInputBaseProps<Option>>) => {
     fieldValue: string | undefined;
     setFieldValue: React.Dispatch<React.SetStateAction<string | undefined>>;

package/dist/hooks/useChipsInput.js

@@ -1,5 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import * as React from "react";
+import * as React from 'react';
 export var useChipsInput = function useChipsInput(props) {
   var value = props.value,
     getOptionValue = props.getOptionValue,
@@ -15,10 +15,10 @@ export var useChipsInput = function useChipsInput(props) {
     selectedOptions = _React$useState4[0],
     setSelectedOptions = _React$useState4[1];
   var clearInput = React.useCallback(function () {
-    setFieldValue("");
+    setFieldValue('');
     onInputChange({
       target: {
-        value: ""
+        value: ''
       }
     });
   }, [onInputChange]);
@@ -58,7 +58,7 @@ export var useChipsInput = function useChipsInput(props) {
   React.useEffect(function () {
     setFieldValue(props.inputValue);
     return function () {
-      return setFieldValue("");
+      return setFieldValue('');
     };
   }, [props.inputValue]);
   return {

package/dist/hooks/useChipsInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"useChipsInput.js","names":["React","useChipsInput","props","value","getOptionValue","onChange","onInputChange","getNewOptionData","useState","inputValue","fieldValue","setFieldValue","selectedOptions","setSelectedOptions","clearInput","useCallback","target","handleInputChange","e","toggleOption","newOption","newSelectedOptions","filter","option","push","addOption","addOptionFromInput","trimmedValue","trim","undefined","removeOption","useEffect"],"sources":["../../src/hooks/useChipsInput.ts"],"sourcesContent":["import * as React from \"react\";\nimport { ChipOption } from \"../components/Chip/Chip\";\nimport { ChipsInputBaseProps } from \"../components/ChipsInputBase/ChipsInputBase\";\n\nexport const useChipsInput = <Option extends ChipOption>(\n  props: Partial<ChipsInputBaseProps<Option>>\n) => {\n  const { value, getOptionValue, onChange, onInputChange, getNewOptionData } =\n    props;\n\n  const [fieldValue, setFieldValue] = React.useState(props.inputValue);\n  const [selectedOptions, setSelectedOptions] = React.useState(value ?? []);\n\n  const clearInput = React.useCallback(() => {\n    setFieldValue(\"\");\n    onInputChange!({ target: { value: \"\" } } as any);\n  }, [onInputChange]);\n\n  const handleInputChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setFieldValue(e.target.value);\n      onInputChange!(e);\n    },\n    [onInputChange]\n  );\n\n  const toggleOption = React.useCallback(\n    (newOption: Option, value?: boolean) => {\n      const newSelectedOptions = selectedOptions.filter(\n        (option: Option) =>\n          getOptionValue!(newOption) !== getOptionValue!(option)\n      );\n\n      if (value === true) {\n        newSelectedOptions.push(newOption);\n      }\n\n      setSelectedOptions(newSelectedOptions);\n      onChange!(newSelectedOptions);\n    },\n    [selectedOptions, getOptionValue, onChange]\n  );\n\n  const addOption = React.useCallback(\n    (newOption: Option) => toggleOption(newOption, true),\n    [toggleOption]\n  );\n  const addOptionFromInput = React.useCallback(() => {\n    const trimmedValue = fieldValue?.trim();\n\n    if (trimmedValue) {\n      addOption(getNewOptionData!(undefined, trimmedValue));\n      clearInput();\n    }\n  }, [addOption, clearInput, getNewOptionData, fieldValue]);\n  const removeOption = React.useCallback(\n    (value) => {\n      toggleOption(getNewOptionData!(undefined, value as string), false);\n    },\n    [toggleOption, getNewOptionData]\n  );\n\n  React.useEffect(() => {\n    setSelectedOptions(value as Option[]);\n\n    return () => setSelectedOptions([]);\n  }, [props.value, value]);\n\n  React.useEffect(() => {\n    setFieldValue(props.inputValue);\n\n    return () => setFieldValue(\"\");\n  }, [props.inputValue]);\n\n  return {\n    fieldValue,\n    setFieldValue,\n    selectedOptions,\n    setSelectedOptions,\n    clearInput,\n    toggleOption,\n    addOption,\n    addOptionFromInput,\n    removeOption,\n    handleInputChange,\n  };\n};\n"],"mappings":"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"}
+{"version":3,"file":"useChipsInput.js","names":["React","useChipsInput","props","value","getOptionValue","onChange","onInputChange","getNewOptionData","useState","inputValue","fieldValue","setFieldValue","selectedOptions","setSelectedOptions","clearInput","useCallback","target","handleInputChange","e","toggleOption","newOption","newSelectedOptions","filter","option","push","addOption","addOptionFromInput","trimmedValue","trim","undefined","removeOption","useEffect"],"sources":["../../src/hooks/useChipsInput.ts"],"sourcesContent":["import * as React from 'react';\nimport { ChipOption } from '../components/Chip/Chip';\nimport { ChipsInputBaseProps } from '../components/ChipsInputBase/ChipsInputBase';\n\nexport const useChipsInput = <Option extends ChipOption>(\n  props: Partial<ChipsInputBaseProps<Option>>,\n) => {\n  const { value, getOptionValue, onChange, onInputChange, getNewOptionData } = props;\n\n  const [fieldValue, setFieldValue] = React.useState(props.inputValue);\n  const [selectedOptions, setSelectedOptions] = React.useState(value ?? []);\n\n  const clearInput = React.useCallback(() => {\n    setFieldValue('');\n    onInputChange!({ target: { value: '' } } as any);\n  }, [onInputChange]);\n\n  const handleInputChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setFieldValue(e.target.value);\n      onInputChange!(e);\n    },\n    [onInputChange],\n  );\n\n  const toggleOption = React.useCallback(\n    (newOption: Option, value?: boolean) => {\n      const newSelectedOptions = selectedOptions.filter(\n        (option: Option) => getOptionValue!(newOption) !== getOptionValue!(option),\n      );\n\n      if (value === true) {\n        newSelectedOptions.push(newOption);\n      }\n\n      setSelectedOptions(newSelectedOptions);\n      onChange!(newSelectedOptions);\n    },\n    [selectedOptions, getOptionValue, onChange],\n  );\n\n  const addOption = React.useCallback(\n    (newOption: Option) => toggleOption(newOption, true),\n    [toggleOption],\n  );\n  const addOptionFromInput = React.useCallback(() => {\n    const trimmedValue = fieldValue?.trim();\n\n    if (trimmedValue) {\n      addOption(getNewOptionData!(undefined, trimmedValue));\n      clearInput();\n    }\n  }, [addOption, clearInput, getNewOptionData, fieldValue]);\n  const removeOption = React.useCallback(\n    (value) => {\n      toggleOption(getNewOptionData!(undefined, value as string), false);\n    },\n    [toggleOption, getNewOptionData],\n  );\n\n  React.useEffect(() => {\n    setSelectedOptions(value as Option[]);\n\n    return () => setSelectedOptions([]);\n  }, [props.value, value]);\n\n  React.useEffect(() => {\n    setFieldValue(props.inputValue);\n\n    return () => setFieldValue('');\n  }, [props.inputValue]);\n\n  return {\n    fieldValue,\n    setFieldValue,\n    selectedOptions,\n    setSelectedOptions,\n    clearInput,\n    toggleOption,\n    addOption,\n    addOptionFromInput,\n    removeOption,\n    handleInputChange,\n  };\n};\n"],"mappings":"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"}

package/dist/hooks/useChipsSelect.d.ts

@@ -1,6 +1,6 @@
-import * as React from "react";
-import { ChipsSelectProps } from "../components/ChipsSelect/ChipsSelect";
-import { ChipOption } from "../components/Chip/Chip";
+import * as React from 'react';
+import { ChipsSelectProps } from '../components/ChipsSelect/ChipsSelect';
+import { ChipOption } from '../components/Chip/Chip';
 export declare const useChipsSelect: <Option extends ChipOption>(props: Partial<ChipsSelectProps<Option>>) => {
     fieldValue: string | undefined;
     handleInputChange: (e: React.ChangeEvent<HTMLInputElement> | undefined) => void;

package/dist/hooks/useChipsSelect.js

@@ -4,8 +4,8 @@ import _createForOfIteratorHelper from "@babel/runtime/helpers/createForOfIterat
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 var _excluded = ["fieldValue", "selectedOptions"];
-import * as React from "react";
-import { useChipsInput } from "./useChipsInput";
+import * as React from 'react';
+import { useChipsInput } from './useChipsInput';
 export var useChipsSelect = function useChipsSelect(props) {
   var options = props.options,
     filterFn = props.filterFn,

package/dist/hooks/useChipsSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"useChipsSelect.js","names":["React","useChipsInput","useChipsSelect","props","options","filterFn","getOptionLabel","getOptionValue","useState","opened","setOpened","focusedOptionIndex","setFocusedOptionIndex","focusedOption","setFocusedOption","fieldValue","selectedOptions","chipsInputState","handleInputChange","e","filteredOptions","useMemo","filter","option","length","filteredSet","Set","selected","map","item","includes","delete"],"sources":["../../src/hooks/useChipsSelect.ts"],"sourcesContent":["import * as React from \"react\";\nimport { useChipsInput } from \"./useChipsInput\";\nimport { ChipsSelectProps } from \"../components/ChipsSelect/ChipsSelect\";\nimport { ChipOption } from \"../components/Chip/Chip\";\n\nexport const useChipsSelect = <Option extends ChipOption>(\n  props: Partial<ChipsSelectProps<Option>>\n) => {\n  const { options, filterFn, getOptionLabel, getOptionValue } = props;\n\n  const [opened, setOpened] = React.useState(false);\n  const [focusedOptionIndex, setFocusedOptionIndex] = React.useState<\n    number | null\n  >(0);\n  const [focusedOption, setFocusedOption] = React.useState<Option | null>(null);\n\n  const { fieldValue, selectedOptions, ...chipsInputState } =\n    useChipsInput(props);\n\n  const handleInputChange = (\n    e: React.ChangeEvent<HTMLInputElement> | undefined\n  ) => {\n    if (!e) {\n      return;\n    }\n    chipsInputState.handleInputChange(e);\n\n    if (!opened) {\n      setOpened(true);\n      setFocusedOptionIndex(0);\n    }\n  };\n\n  let filteredOptions = React.useMemo(() => {\n    return filterFn\n      ? options!.filter((option) =>\n          filterFn(fieldValue, option, getOptionLabel)\n        )\n      : (options as Option[]);\n  }, [options, filterFn, fieldValue, getOptionLabel]);\n\n  filteredOptions = React.useMemo(() => {\n    if (!filteredOptions.length) {\n      return filteredOptions;\n    }\n\n    const filteredSet = new Set(filteredOptions);\n    const selected = selectedOptions.map((item) => getOptionValue!(item));\n\n    for (const item of filteredSet) {\n      if (selected.includes(getOptionValue!(item))) {\n        filteredSet.delete(item);\n      }\n    }\n\n    return [...filteredSet];\n  }, [filteredOptions, selectedOptions, getOptionValue]);\n\n  return {\n    ...chipsInputState,\n    fieldValue,\n    handleInputChange,\n    opened,\n    setOpened,\n    filteredOptions,\n    focusedOptionIndex,\n    setFocusedOptionIndex,\n    focusedOption,\n    setFocusedOption,\n    selectedOptions,\n  };\n};\n"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,aAAa,QAAQ,iBAAiB;AAI/C,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAc,CACzBC,KAAwC,EACrC;EACH,IAAQC,OAAO,GAA+CD,KAAK,CAA3DC,OAAO;IAAEC,QAAQ,GAAqCF,KAAK,CAAlDE,QAAQ;IAAEC,cAAc,GAAqBH,KAAK,CAAxCG,cAAc;IAAEC,cAAc,GAAKJ,KAAK,CAAxBI,cAAc;EAEzD,sBAA4BP,KAAK,CAACQ,QAAQ,CAAC,KAAK,CAAC;IAAA;IAA1CC,MAAM;IAAEC,SAAS;EACxB,uBAAoDV,KAAK,CAACQ,QAAQ,CAEhE,CAAC,CAAC;IAAA;IAFGG,kBAAkB;IAAEC,qBAAqB;EAGhD,uBAA0CZ,KAAK,CAACQ,QAAQ,CAAgB,IAAI,CAAC;IAAA;IAAtEK,aAAa;IAAEC,gBAAgB;EAEtC,qBACEb,aAAa,CAACE,KAAK,CAAC;IADdY,UAAU,kBAAVA,UAAU;IAAEC,eAAe,kBAAfA,eAAe;IAAKC,eAAe;EAGvD,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiB,CACrBC,CAAkD,EAC/C;IACH,IAAI,CAACA,CAAC,EAAE;MACN;IACF;IACAF,eAAe,CAACC,iBAAiB,CAACC,CAAC,CAAC;IAEpC,IAAI,CAACV,MAAM,EAAE;MACXC,SAAS,CAAC,IAAI,CAAC;MACfE,qBAAqB,CAAC,CAAC,CAAC;IAC1B;EACF,CAAC;EAED,IAAIQ,eAAe,GAAGpB,KAAK,CAACqB,OAAO,CAAC,YAAM;IACxC,OAAOhB,QAAQ,GACXD,OAAO,CAAEkB,MAAM,CAAC,UAACC,MAAM;MAAA,OACrBlB,QAAQ,CAACU,UAAU,EAAEQ,MAAM,EAAEjB,cAAc,CAAC;IAAA,EAC7C,GACAF,OAAoB;EAC3B,CAAC,EAAE,CAACA,OAAO,EAAEC,QAAQ,EAAEU,UAAU,EAAET,cAAc,CAAC,CAAC;EAEnDc,eAAe,GAAGpB,KAAK,CAACqB,OAAO,CAAC,YAAM;IACpC,IAAI,CAACD,eAAe,CAACI,MAAM,EAAE;MAC3B,OAAOJ,eAAe;IACxB;IAEA,IAAMK,WAAW,GAAG,IAAIC,GAAG,CAACN,eAAe,CAAC;IAC5C,IAAMO,QAAQ,GAAGX,eAAe,CAACY,GAAG,CAAC,UAACC,IAAI;MAAA,OAAKtB,cAAc,CAAEsB,IAAI,CAAC;IAAA,EAAC;IAAC,2CAEnDJ,WAAW;MAAA;IAAA;MAA9B,oDAAgC;QAAA,IAArBI,IAAI;QACb,IAAIF,QAAQ,CAACG,QAAQ,CAACvB,cAAc,CAAEsB,IAAI,CAAC,CAAC,EAAE;UAC5CJ,WAAW,CAACM,MAAM,CAACF,IAAI,CAAC;QAC1B;MACF;IAAC;MAAA;IAAA;MAAA;IAAA;IAED,0BAAWJ,WAAW;EACxB,CAAC,EAAE,CAACL,eAAe,EAAEJ,eAAe,EAAET,cAAc,CAAC,CAAC;EAEtD,uCACKU,eAAe;IAClBF,UAAU,EAAVA,UAAU;IACVG,iBAAiB,EAAjBA,iBAAiB;IACjBT,MAAM,EAANA,MAAM;IACNC,SAAS,EAATA,SAAS;IACTU,eAAe,EAAfA,eAAe;IACfT,kBAAkB,EAAlBA,kBAAkB;IAClBC,qBAAqB,EAArBA,qBAAqB;IACrBC,aAAa,EAAbA,aAAa;IACbC,gBAAgB,EAAhBA,gBAAgB;IAChBE,eAAe,EAAfA;EAAe;AAEnB,CAAC"}
+{"version":3,"file":"useChipsSelect.js","names":["React","useChipsInput","useChipsSelect","props","options","filterFn","getOptionLabel","getOptionValue","useState","opened","setOpened","focusedOptionIndex","setFocusedOptionIndex","focusedOption","setFocusedOption","fieldValue","selectedOptions","chipsInputState","handleInputChange","e","filteredOptions","useMemo","filter","option","length","filteredSet","Set","selected","map","item","includes","delete"],"sources":["../../src/hooks/useChipsSelect.ts"],"sourcesContent":["import * as React from 'react';\nimport { useChipsInput } from './useChipsInput';\nimport { ChipsSelectProps } from '../components/ChipsSelect/ChipsSelect';\nimport { ChipOption } from '../components/Chip/Chip';\n\nexport const useChipsSelect = <Option extends ChipOption>(\n  props: Partial<ChipsSelectProps<Option>>,\n) => {\n  const { options, filterFn, getOptionLabel, getOptionValue } = props;\n\n  const [opened, setOpened] = React.useState(false);\n  const [focusedOptionIndex, setFocusedOptionIndex] = React.useState<number | null>(0);\n  const [focusedOption, setFocusedOption] = React.useState<Option | null>(null);\n\n  const { fieldValue, selectedOptions, ...chipsInputState } = useChipsInput(props);\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement> | undefined) => {\n    if (!e) {\n      return;\n    }\n    chipsInputState.handleInputChange(e);\n\n    if (!opened) {\n      setOpened(true);\n      setFocusedOptionIndex(0);\n    }\n  };\n\n  let filteredOptions = React.useMemo(() => {\n    return filterFn\n      ? options!.filter((option) => filterFn(fieldValue, option, getOptionLabel))\n      : (options as Option[]);\n  }, [options, filterFn, fieldValue, getOptionLabel]);\n\n  filteredOptions = React.useMemo(() => {\n    if (!filteredOptions.length) {\n      return filteredOptions;\n    }\n\n    const filteredSet = new Set(filteredOptions);\n    const selected = selectedOptions.map((item) => getOptionValue!(item));\n\n    for (const item of filteredSet) {\n      if (selected.includes(getOptionValue!(item))) {\n        filteredSet.delete(item);\n      }\n    }\n\n    return [...filteredSet];\n  }, [filteredOptions, selectedOptions, getOptionValue]);\n\n  return {\n    ...chipsInputState,\n    fieldValue,\n    handleInputChange,\n    opened,\n    setOpened,\n    filteredOptions,\n    focusedOptionIndex,\n    setFocusedOptionIndex,\n    focusedOption,\n    setFocusedOption,\n    selectedOptions,\n  };\n};\n"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,aAAa,QAAQ,iBAAiB;AAI/C,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAc,CACzBC,KAAwC,EACrC;EACH,IAAQC,OAAO,GAA+CD,KAAK,CAA3DC,OAAO;IAAEC,QAAQ,GAAqCF,KAAK,CAAlDE,QAAQ;IAAEC,cAAc,GAAqBH,KAAK,CAAxCG,cAAc;IAAEC,cAAc,GAAKJ,KAAK,CAAxBI,cAAc;EAEzD,sBAA4BP,KAAK,CAACQ,QAAQ,CAAC,KAAK,CAAC;IAAA;IAA1CC,MAAM;IAAEC,SAAS;EACxB,uBAAoDV,KAAK,CAACQ,QAAQ,CAAgB,CAAC,CAAC;IAAA;IAA7EG,kBAAkB;IAAEC,qBAAqB;EAChD,uBAA0CZ,KAAK,CAACQ,QAAQ,CAAgB,IAAI,CAAC;IAAA;IAAtEK,aAAa;IAAEC,gBAAgB;EAEtC,qBAA4Db,aAAa,CAACE,KAAK,CAAC;IAAxEY,UAAU,kBAAVA,UAAU;IAAEC,eAAe,kBAAfA,eAAe;IAAKC,eAAe;EAEvD,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiB,CAAIC,CAAkD,EAAK;IAChF,IAAI,CAACA,CAAC,EAAE;MACN;IACF;IACAF,eAAe,CAACC,iBAAiB,CAACC,CAAC,CAAC;IAEpC,IAAI,CAACV,MAAM,EAAE;MACXC,SAAS,CAAC,IAAI,CAAC;MACfE,qBAAqB,CAAC,CAAC,CAAC;IAC1B;EACF,CAAC;EAED,IAAIQ,eAAe,GAAGpB,KAAK,CAACqB,OAAO,CAAC,YAAM;IACxC,OAAOhB,QAAQ,GACXD,OAAO,CAAEkB,MAAM,CAAC,UAACC,MAAM;MAAA,OAAKlB,QAAQ,CAACU,UAAU,EAAEQ,MAAM,EAAEjB,cAAc,CAAC;IAAA,EAAC,GACxEF,OAAoB;EAC3B,CAAC,EAAE,CAACA,OAAO,EAAEC,QAAQ,EAAEU,UAAU,EAAET,cAAc,CAAC,CAAC;EAEnDc,eAAe,GAAGpB,KAAK,CAACqB,OAAO,CAAC,YAAM;IACpC,IAAI,CAACD,eAAe,CAACI,MAAM,EAAE;MAC3B,OAAOJ,eAAe;IACxB;IAEA,IAAMK,WAAW,GAAG,IAAIC,GAAG,CAACN,eAAe,CAAC;IAC5C,IAAMO,QAAQ,GAAGX,eAAe,CAACY,GAAG,CAAC,UAACC,IAAI;MAAA,OAAKtB,cAAc,CAAEsB,IAAI,CAAC;IAAA,EAAC;IAAC,2CAEnDJ,WAAW;MAAA;IAAA;MAA9B,oDAAgC;QAAA,IAArBI,IAAI;QACb,IAAIF,QAAQ,CAACG,QAAQ,CAACvB,cAAc,CAAEsB,IAAI,CAAC,CAAC,EAAE;UAC5CJ,WAAW,CAACM,MAAM,CAACF,IAAI,CAAC;QAC1B;MACF;IAAC;MAAA;IAAA;MAAA;IAAA;IAED,0BAAWJ,WAAW;EACxB,CAAC,EAAE,CAACL,eAAe,EAAEJ,eAAe,EAAET,cAAc,CAAC,CAAC;EAEtD,uCACKU,eAAe;IAClBF,UAAU,EAAVA,UAAU;IACVG,iBAAiB,EAAjBA,iBAAiB;IACjBT,MAAM,EAANA,MAAM;IACNC,SAAS,EAATA,SAAS;IACTU,eAAe,EAAfA,eAAe;IACfT,kBAAkB,EAAlBA,kBAAkB;IAClBC,qBAAqB,EAArBA,qBAAqB;IACrBC,aAAa,EAAbA,aAAa;IACbC,gBAAgB,EAAhBA,gBAAgB;IAChBE,eAAe,EAAfA;EAAe;AAEnB,CAAC"}

package/dist/hooks/useDateInput.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from 'react';
 export interface UseDateInputDependencies<T, D> {
     maxElement: number;
     refs: Array<React.RefObject<T>>;

package/dist/hooks/useDateInput.js

@@ -1,9 +1,9 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import * as React from "react";
-import { useBooleanState } from "./useBooleanState";
-import { useGlobalEventListener } from "./useGlobalEventListener";
-import { useDOM } from "../lib/dom";
+import * as React from 'react';
+import { useBooleanState } from './useBooleanState';
+import { useGlobalEventListener } from './useGlobalEventListener';
+import { useDOM } from '../lib/dom';
 export function useDateInput(_ref) {
   var maxElement = _ref.maxElement,
     refs = _ref.refs,
@@ -50,7 +50,7 @@ export function useDateInput(_ref) {
   var selectFirst = React.useCallback(function () {
     setFocusedElement(0);
   }, []);
-  useGlobalEventListener(document, "click", handleClickOutside, {
+  useGlobalEventListener(document, 'click', handleClickOutside, {
     capture: true
   });
   React.useEffect(function () {
@@ -100,27 +100,27 @@ export function useDateInput(_ref) {
           setFocusedElement(focusedElement + 1);
         }
       }
-    } else if (e.key === "Backspace") {
+    } else if (e.key === 'Backspace') {
       if (!_value[focusedElement]) {
         setFocusedElement(focusedElement <= 0 ? maxElement : focusedElement - 1);
       } else {
         _value[focusedElement] = _value[focusedElement].slice(0, -1);
       }
-    } else if (e.key === "ArrowDown" || e.key === "Down") {
+    } else if (e.key === 'ArrowDown' || e.key === 'Down') {
       var currentValue = Number(_value[focusedElement]);
-      _value[focusedElement] = String(currentValue <= config.min ? config.max : currentValue - 1).padStart(config.length, "0");
-    } else if (e.key === "ArrowUp" || e.key === "Up") {
+      _value[focusedElement] = String(currentValue <= config.min ? config.max : currentValue - 1).padStart(config.length, '0');
+    } else if (e.key === 'ArrowUp' || e.key === 'Up') {
       var _currentValue = Number(_value[focusedElement]);
-      _value[focusedElement] = String(_currentValue >= config.max ? config.min : _currentValue + 1).padStart(config.length, "0");
-    } else if (e.key === "Enter" || e.key === "Tab" && focusedElement === maxElement || e.key === "Tab" && e.shiftKey && focusedElement === 0) {
+      _value[focusedElement] = String(_currentValue >= config.max ? config.min : _currentValue + 1).padStart(config.length, '0');
+    } else if (e.key === 'Enter' || e.key === 'Tab' && focusedElement === maxElement || e.key === 'Tab' && e.shiftKey && focusedElement === 0) {
       removeFocusFromField();
       return;
-    } else if (e.key === "ArrowLeft" || e.key === "Left" || e.key === "Tab" && e.shiftKey) {
+    } else if (e.key === 'ArrowLeft' || e.key === 'Left' || e.key === 'Tab' && e.shiftKey) {
       setFocusedElement(focusedElement <= 0 ? maxElement : focusedElement - 1);
-    } else if (e.key === "ArrowRight" || e.key === "Right" || e.key === "Tab") {
+    } else if (e.key === 'ArrowRight' || e.key === 'Right' || e.key === 'Tab') {
       setFocusedElement(focusedElement >= maxElement ? 0 : focusedElement + 1);
-    } else if (e.key === "Delete" || e.key === "Del") {
-      _value[focusedElement] = "";
+    } else if (e.key === 'Delete' || e.key === 'Del') {
+      _value[focusedElement] = '';
     } else {
       return;
     }

package/dist/hooks/useDateInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDateInput.js","names":["React","useBooleanState","useGlobalEventListener","useDOM","useDateInput","maxElement","refs","autoFocus","disabled","elementsConfig","onChange","onInternalValueChange","getInternalValue","value","document","open","openCalendar","setTrue","closeCalendar","setFalse","rootRef","useRef","calendarRef","useState","internalValue","setInternalValue","focusedElement","setFocusedElement","window","removeFocusFromField","useCallback","getSelection","removeAllRanges","handleClickOutside","e","current","contains","target","selectFirst","capture","useEffect","range","createRange","element","focus","selectNodeContents","selection","addRange","clear","undefined","handleFieldEnter","handleKeyDown","_value","config","test","key","length","slice","currentValue","Number","String","min","max","padStart","shiftKey","preventDefault"],"sources":["../../src/hooks/useDateInput.ts"],"sourcesContent":["import * as React from \"react\";\nimport { useBooleanState } from \"./useBooleanState\";\nimport { useGlobalEventListener } from \"./useGlobalEventListener\";\nimport { useDOM } from \"../lib/dom\";\n\nexport interface UseDateInputDependencies<T, D> {\n  maxElement: number;\n  refs: Array<React.RefObject<T>>;\n  autoFocus?: boolean;\n  disabled?: boolean;\n  value?: D;\n  elementsConfig(index: number): {\n    length: number;\n    min: number;\n    max: number;\n  };\n  onInternalValueChange(value: string[]): void;\n  getInternalValue(value?: D | undefined): string[];\n  onChange?(value?: D | undefined): void;\n}\n\nexport function useDateInput<T extends HTMLElement, D>({\n  maxElement,\n  refs,\n  autoFocus,\n  disabled,\n  elementsConfig,\n  onChange,\n  onInternalValueChange,\n  getInternalValue,\n  value,\n}: UseDateInputDependencies<T, D>) {\n  const { document } = useDOM();\n  const {\n    value: open,\n    setTrue: openCalendar,\n    setFalse: closeCalendar,\n  } = useBooleanState(false);\n  const rootRef = React.useRef<HTMLDivElement>(null);\n  const calendarRef = React.useRef<HTMLDivElement>(null);\n  const [internalValue, setInternalValue] = React.useState<string[]>([]);\n  const [focusedElement, setFocusedElement] = React.useState<number | null>(\n    null\n  );\n  const { window } = useDOM();\n\n  const removeFocusFromField = React.useCallback(() => {\n    if (open) {\n      setFocusedElement(null);\n      closeCalendar();\n      window!.getSelection()?.removeAllRanges();\n      setInternalValue(getInternalValue(value));\n    }\n  }, [closeCalendar, getInternalValue, open, value, window]);\n\n  const handleClickOutside = React.useCallback(\n    (e: MouseEvent) => {\n      if (\n        !rootRef.current?.contains(e.target as Node | null) &&\n        !calendarRef.current?.contains(e.target as Node | null)\n      ) {\n        removeFocusFromField();\n      }\n    },\n    [removeFocusFromField]\n  );\n\n  const selectFirst = React.useCallback(() => {\n    setFocusedElement(0);\n  }, []);\n\n  useGlobalEventListener(document, \"click\", handleClickOutside, {\n    capture: true,\n  });\n\n  React.useEffect(() => {\n    setInternalValue(getInternalValue(value));\n  }, [getInternalValue, value]);\n\n  React.useEffect(() => {\n    if (autoFocus) {\n      selectFirst();\n    }\n  }, [autoFocus, selectFirst]);\n\n  React.useEffect(() => {\n    if (disabled || focusedElement === null) {\n      return;\n    }\n\n    const range = window!.document.createRange();\n\n    let element = refs[focusedElement].current;\n\n    if (element) {\n      element.focus();\n      openCalendar();\n      range.selectNodeContents(element as Node);\n\n      const selection = window!.getSelection();\n      selection?.removeAllRanges();\n      selection?.addRange(range);\n    }\n  }, [disabled, focusedElement, openCalendar, refs, window]);\n\n  const clear = React.useCallback(() => {\n    onChange?.(undefined);\n    selectFirst();\n  }, [onChange, selectFirst]);\n\n  const handleFieldEnter = React.useCallback(() => {\n    if (!open) {\n      selectFirst();\n    }\n  }, [open, selectFirst]);\n\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent<HTMLSpanElement>) => {\n      if (focusedElement === null) {\n        return;\n      }\n\n      const _value = [...internalValue];\n      const config = elementsConfig(focusedElement);\n\n      if (/^\\d+$/.test(e.key)) {\n        if (_value[focusedElement].length >= config.length) {\n          _value[focusedElement] = e.key;\n        } else {\n          _value[focusedElement] += e.key;\n          if (\n            _value[focusedElement].length >= config.length &&\n            focusedElement < maxElement\n          ) {\n            setFocusedElement(focusedElement + 1);\n          }\n        }\n      } else if (e.key === \"Backspace\") {\n        if (!_value[focusedElement]) {\n          setFocusedElement(\n            focusedElement <= 0 ? maxElement : focusedElement - 1\n          );\n        } else {\n          _value[focusedElement] = _value[focusedElement].slice(0, -1);\n        }\n      } else if (e.key === \"ArrowDown\" || e.key === \"Down\") {\n        let currentValue = Number(_value[focusedElement]);\n        _value[focusedElement] = String(\n          currentValue <= config.min ? config.max : currentValue - 1\n        ).padStart(config.length, \"0\");\n      } else if (e.key === \"ArrowUp\" || e.key === \"Up\") {\n        let currentValue = Number(_value[focusedElement]);\n        _value[focusedElement] = String(\n          currentValue >= config.max ? config.min : currentValue + 1\n        ).padStart(config.length, \"0\");\n      } else if (\n        e.key === \"Enter\" ||\n        (e.key === \"Tab\" && focusedElement === maxElement) ||\n        (e.key === \"Tab\" && e.shiftKey && focusedElement === 0)\n      ) {\n        removeFocusFromField();\n        return;\n      } else if (\n        e.key === \"ArrowLeft\" ||\n        e.key === \"Left\" ||\n        (e.key === \"Tab\" && e.shiftKey)\n      ) {\n        setFocusedElement(\n          focusedElement <= 0 ? maxElement : focusedElement - 1\n        );\n      } else if (\n        e.key === \"ArrowRight\" ||\n        e.key === \"Right\" ||\n        e.key === \"Tab\"\n      ) {\n        setFocusedElement(\n          focusedElement >= maxElement ? 0 : focusedElement + 1\n        );\n      } else if (e.key === \"Delete\" || e.key === \"Del\") {\n        _value[focusedElement] = \"\";\n      } else {\n        return;\n      }\n\n      e.preventDefault();\n      setInternalValue(_value);\n      onInternalValueChange(_value);\n    },\n    [\n      elementsConfig,\n      focusedElement,\n      internalValue,\n      maxElement,\n      onInternalValueChange,\n      removeFocusFromField,\n    ]\n  );\n\n  return {\n    rootRef,\n    calendarRef,\n    open,\n    openCalendar,\n    closeCalendar,\n    internalValue,\n    focusedElement,\n    setFocusedElement,\n    handleKeyDown,\n    clear,\n    handleFieldEnter,\n    removeFocusFromField,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"useDateInput.js","names":["React","useBooleanState","useGlobalEventListener","useDOM","useDateInput","maxElement","refs","autoFocus","disabled","elementsConfig","onChange","onInternalValueChange","getInternalValue","value","document","open","openCalendar","setTrue","closeCalendar","setFalse","rootRef","useRef","calendarRef","useState","internalValue","setInternalValue","focusedElement","setFocusedElement","window","removeFocusFromField","useCallback","getSelection","removeAllRanges","handleClickOutside","e","current","contains","target","selectFirst","capture","useEffect","range","createRange","element","focus","selectNodeContents","selection","addRange","clear","undefined","handleFieldEnter","handleKeyDown","_value","config","test","key","length","slice","currentValue","Number","String","min","max","padStart","shiftKey","preventDefault"],"sources":["../../src/hooks/useDateInput.ts"],"sourcesContent":["import * as React from 'react';\nimport { useBooleanState } from './useBooleanState';\nimport { useGlobalEventListener } from './useGlobalEventListener';\nimport { useDOM } from '../lib/dom';\n\nexport interface UseDateInputDependencies<T, D> {\n  maxElement: number;\n  refs: Array<React.RefObject<T>>;\n  autoFocus?: boolean;\n  disabled?: boolean;\n  value?: D;\n  elementsConfig(index: number): {\n    length: number;\n    min: number;\n    max: number;\n  };\n  onInternalValueChange(value: string[]): void;\n  getInternalValue(value?: D | undefined): string[];\n  onChange?(value?: D | undefined): void;\n}\n\nexport function useDateInput<T extends HTMLElement, D>({\n  maxElement,\n  refs,\n  autoFocus,\n  disabled,\n  elementsConfig,\n  onChange,\n  onInternalValueChange,\n  getInternalValue,\n  value,\n}: UseDateInputDependencies<T, D>) {\n  const { document } = useDOM();\n  const { value: open, setTrue: openCalendar, setFalse: closeCalendar } = useBooleanState(false);\n  const rootRef = React.useRef<HTMLDivElement>(null);\n  const calendarRef = React.useRef<HTMLDivElement>(null);\n  const [internalValue, setInternalValue] = React.useState<string[]>([]);\n  const [focusedElement, setFocusedElement] = React.useState<number | null>(null);\n  const { window } = useDOM();\n\n  const removeFocusFromField = React.useCallback(() => {\n    if (open) {\n      setFocusedElement(null);\n      closeCalendar();\n      window!.getSelection()?.removeAllRanges();\n      setInternalValue(getInternalValue(value));\n    }\n  }, [closeCalendar, getInternalValue, open, value, window]);\n\n  const handleClickOutside = React.useCallback(\n    (e: MouseEvent) => {\n      if (\n        !rootRef.current?.contains(e.target as Node | null) &&\n        !calendarRef.current?.contains(e.target as Node | null)\n      ) {\n        removeFocusFromField();\n      }\n    },\n    [removeFocusFromField],\n  );\n\n  const selectFirst = React.useCallback(() => {\n    setFocusedElement(0);\n  }, []);\n\n  useGlobalEventListener(document, 'click', handleClickOutside, {\n    capture: true,\n  });\n\n  React.useEffect(() => {\n    setInternalValue(getInternalValue(value));\n  }, [getInternalValue, value]);\n\n  React.useEffect(() => {\n    if (autoFocus) {\n      selectFirst();\n    }\n  }, [autoFocus, selectFirst]);\n\n  React.useEffect(() => {\n    if (disabled || focusedElement === null) {\n      return;\n    }\n\n    const range = window!.document.createRange();\n\n    let element = refs[focusedElement].current;\n\n    if (element) {\n      element.focus();\n      openCalendar();\n      range.selectNodeContents(element as Node);\n\n      const selection = window!.getSelection();\n      selection?.removeAllRanges();\n      selection?.addRange(range);\n    }\n  }, [disabled, focusedElement, openCalendar, refs, window]);\n\n  const clear = React.useCallback(() => {\n    onChange?.(undefined);\n    selectFirst();\n  }, [onChange, selectFirst]);\n\n  const handleFieldEnter = React.useCallback(() => {\n    if (!open) {\n      selectFirst();\n    }\n  }, [open, selectFirst]);\n\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent<HTMLSpanElement>) => {\n      if (focusedElement === null) {\n        return;\n      }\n\n      const _value = [...internalValue];\n      const config = elementsConfig(focusedElement);\n\n      if (/^\\d+$/.test(e.key)) {\n        if (_value[focusedElement].length >= config.length) {\n          _value[focusedElement] = e.key;\n        } else {\n          _value[focusedElement] += e.key;\n          if (_value[focusedElement].length >= config.length && focusedElement < maxElement) {\n            setFocusedElement(focusedElement + 1);\n          }\n        }\n      } else if (e.key === 'Backspace') {\n        if (!_value[focusedElement]) {\n          setFocusedElement(focusedElement <= 0 ? maxElement : focusedElement - 1);\n        } else {\n          _value[focusedElement] = _value[focusedElement].slice(0, -1);\n        }\n      } else if (e.key === 'ArrowDown' || e.key === 'Down') {\n        let currentValue = Number(_value[focusedElement]);\n        _value[focusedElement] = String(\n          currentValue <= config.min ? config.max : currentValue - 1,\n        ).padStart(config.length, '0');\n      } else if (e.key === 'ArrowUp' || e.key === 'Up') {\n        let currentValue = Number(_value[focusedElement]);\n        _value[focusedElement] = String(\n          currentValue >= config.max ? config.min : currentValue + 1,\n        ).padStart(config.length, '0');\n      } else if (\n        e.key === 'Enter' ||\n        (e.key === 'Tab' && focusedElement === maxElement) ||\n        (e.key === 'Tab' && e.shiftKey && focusedElement === 0)\n      ) {\n        removeFocusFromField();\n        return;\n      } else if (e.key === 'ArrowLeft' || e.key === 'Left' || (e.key === 'Tab' && e.shiftKey)) {\n        setFocusedElement(focusedElement <= 0 ? maxElement : focusedElement - 1);\n      } else if (e.key === 'ArrowRight' || e.key === 'Right' || e.key === 'Tab') {\n        setFocusedElement(focusedElement >= maxElement ? 0 : focusedElement + 1);\n      } else if (e.key === 'Delete' || e.key === 'Del') {\n        _value[focusedElement] = '';\n      } else {\n        return;\n      }\n\n      e.preventDefault();\n      setInternalValue(_value);\n      onInternalValueChange(_value);\n    },\n    [\n      elementsConfig,\n      focusedElement,\n      internalValue,\n      maxElement,\n      onInternalValueChange,\n      removeFocusFromField,\n    ],\n  );\n\n  return {\n    rootRef,\n    calendarRef,\n    open,\n    openCalendar,\n    closeCalendar,\n    internalValue,\n    focusedElement,\n    setFocusedElement,\n    handleKeyDown,\n    clear,\n    handleFieldEnter,\n    removeFocusFromField,\n  };\n}\n"],"mappings":"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"}

package/dist/hooks/useEffectDev.d.ts

@@ -1,2 +1,2 @@
-import { useEffect } from "react";
+import { useEffect } from 'react';
 export declare const useEffectDev: typeof useEffect;

package/dist/hooks/useEffectDev.js

@@ -1,4 +1,4 @@
-import { useEffect } from "react";
-import { noop } from "../lib/utils";
-export var useEffectDev = process.env.NODE_ENV === "development" ? useEffect : noop;
+import { useEffect } from 'react';
+import { noop } from '@vkontakte/vkjs';
+export var useEffectDev = process.env.NODE_ENV === 'development' ? useEffect : noop;
 //# sourceMappingURL=useEffectDev.js.map

package/dist/hooks/useEffectDev.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEffectDev.js","names":["useEffect","noop","useEffectDev","process","env","NODE_ENV"],"sources":["../../src/hooks/useEffectDev.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport { noop } from \"../lib/utils\";\n\nexport const useEffectDev =\n  process.env.NODE_ENV === \"development\" ? useEffect : noop;\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,IAAI,QAAQ,cAAc;AAEnC,OAAO,IAAMC,YAAY,GACvBC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,GAAGL,SAAS,GAAGC,IAAI"}
+{"version":3,"file":"useEffectDev.js","names":["useEffect","noop","useEffectDev","process","env","NODE_ENV"],"sources":["../../src/hooks/useEffectDev.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport { noop } from '@vkontakte/vkjs';\n\nexport const useEffectDev = process.env.NODE_ENV === 'development' ? useEffect : noop;\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,IAAI,QAAQ,iBAAiB;AAEtC,OAAO,IAAMC,YAAY,GAAGC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,GAAGL,SAAS,GAAGC,IAAI"}

package/dist/hooks/useEnsuredControl.d.ts

@@ -1,7 +1,16 @@
-import * as React from "react";
-export declare function useEnsuredControl<V, E extends React.ChangeEvent<any>>(props: {
+import * as React from 'react';
+interface UseEnsuredControlProps<V, E extends React.ChangeEvent<any>> {
     value?: V;
     onChange?: (e: E) => any;
-}, options: {
     defaultValue: V;
-}): [V | undefined, (e: E) => any];
+    disabled?: boolean | undefined;
+}
+export declare function useEnsuredControl<V, E extends React.ChangeEvent<any>>({ onChange: onChangeProp, disabled, ...props }: UseEnsuredControlProps<V, E>): [V | undefined, (e: E) => any];
+interface UseCustomEnsuredControlProps<V> {
+    value?: V;
+    onChange?: (v: V) => any;
+    defaultValue: V;
+    disabled?: boolean | undefined;
+}
+export declare function useCustomEnsuredControl<V>({ disabled, onChange: onChangeProp, defaultValue, value, }: UseCustomEnsuredControlProps<V>): [V | undefined, (e: V) => any];
+export {};

package/dist/hooks/useEnsuredControl.js

@@ -1,15 +1,41 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import * as React from "react";
-export function useEnsuredControl(props, options) {
-  var isControlled = props.hasOwnProperty("value");
-  var _React$useState = React.useState(options.defaultValue),
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["onChange", "disabled"];
+import * as React from 'react';
+export function useEnsuredControl(_ref) {
+  var onChangeProp = _ref.onChange,
+    disabled = _ref.disabled,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useCustomEnsuredCont = useCustomEnsuredControl(props),
+    _useCustomEnsuredCont2 = _slicedToArray(_useCustomEnsuredCont, 2),
+    value = _useCustomEnsuredCont2[0],
+    onChangeValue = _useCustomEnsuredCont2[1];
+  var onChange = React.useCallback(function (e) {
+    if (disabled) {
+      return;
+    }
+    onChangeValue(e.target.value);
+    onChangeProp && onChangeProp(e);
+  }, [onChangeValue, onChangeProp, disabled]);
+  return [value, onChange];
+}
+export function useCustomEnsuredControl(_ref2) {
+  var disabled = _ref2.disabled,
+    onChangeProp = _ref2.onChange,
+    defaultValue = _ref2.defaultValue,
+    value = _ref2.value;
+  var isControlled = value !== undefined;
+  var _React$useState = React.useState(defaultValue),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     localValue = _React$useState2[0],
     setLocalValue = _React$useState2[1];
-  var onChange = React.useCallback(function (e) {
-    !isControlled && setLocalValue(e.target.value);
-    props.onChange && props.onChange(e);
-  }, [isControlled, props]);
-  return [isControlled ? props.value : localValue, onChange];
+  var onChange = React.useCallback(function (v) {
+    if (disabled) {
+      return;
+    }
+    !isControlled && setLocalValue(v);
+    onChangeProp && onChangeProp(v);
+  }, [disabled, isControlled, onChangeProp]);
+  return [isControlled ? value : localValue, onChange];
 }
 //# sourceMappingURL=useEnsuredControl.js.map