@vkontakte/vkui 4.36.1 → 4.37.1

package/dist/cjs/hooks/useGlobalEventListener.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useGlobalEventListener.ts"],"names":["useGlobalEventListener","element","event","cb","options","listener","add","remove","Boolean"],"mappings":";;;;;;;AAAA;;AACA;;AAgBO,SAASA,sBAAT,CAILC,OAJK,EAKLC,KALK,EAMLC,EANK,EAOLC,OAPK,EAQL;AACA,MAAMC,QAAQ,GAAG,wCAAiBH,KAAjB,EAAwBC,EAAxB,EAA4BC,OAA5B,CAAjB;AACA,4DAA0B,YAAM;AAC9B,QAAID,EAAE,IAAIF,OAAV,EAAmB;AACjBI,MAAAA,QAAQ,CAACC,GAAT,CAAaL,OAAb;AACD,KAFD,MAEO;AACLI,MAAAA,QAAQ,CAACE,MAAT;AACD;AACF,GAND,EAMG,CAACC,OAAO,CAACL,EAAD,CAAR,EAAcK,OAAO,CAACP,OAAD,CAArB,CANH;AAOD","sourcesContent":["import { useIsomorphicLayoutEffect } from \"../lib/useIsomorphicLayoutEffect\";\nimport { useEventListener } from \"./useEventListener\";\n\nexport function useGlobalEventListener<\n  K extends keyof GlobalEventHandlersEventMap\n>(\n  element: Document | HTMLElement | Window | null | undefined,\n  event: K,\n  cb: ((ev: GlobalEventHandlersEventMap[K]) => void) | null | false | undefined,\n  options?: AddEventListenerOptions\n): void;\nexport function useGlobalEventListener<E extends Event>(\n  element: Document | HTMLElement | Window | null | undefined,\n  event: string,\n  cb: ((ev: E) => void) | null | false | undefined,\n  options?: AddEventListenerOptions\n): void;\nexport function useGlobalEventListener<\n  K extends keyof GlobalEventHandlersEventMap,\n  E extends Event\n>(\n  element: Document | HTMLElement | Window | null | undefined,\n  event: K | string,\n  cb: ((ev: E) => void) | null | false | undefined,\n  options?: AddEventListenerOptions\n) {\n  const listener = useEventListener(event, cb, options);\n  useIsomorphicLayoutEffect(() => {\n    if (cb && element) {\n      listener.add(element);\n    } else {\n      listener.remove();\n    }\n  }, [Boolean(cb), Boolean(element)]);\n}\n"],"file":"useGlobalEventListener.js"}
+{"version":3,"file":"useGlobalEventListener.js","names":["useGlobalEventListener","element","event","cb","options","listener","useEventListener","useIsomorphicLayoutEffect","add","remove","Boolean"],"sources":["../../../src/hooks/useGlobalEventListener.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"../lib/useIsomorphicLayoutEffect\";\nimport { useEventListener } from \"./useEventListener\";\n\nexport function useGlobalEventListener<\n  K extends keyof GlobalEventHandlersEventMap\n>(\n  element: Document | HTMLElement | Window | null | undefined,\n  event: K,\n  cb: ((ev: GlobalEventHandlersEventMap[K]) => void) | null | false | undefined,\n  options?: AddEventListenerOptions\n): void;\nexport function useGlobalEventListener<E extends Event>(\n  element: Document | HTMLElement | Window | null | undefined,\n  event: string,\n  cb: ((ev: E) => void) | null | false | undefined,\n  options?: AddEventListenerOptions\n): void;\nexport function useGlobalEventListener<\n  K extends keyof GlobalEventHandlersEventMap,\n  E extends Event\n>(\n  element: Document | HTMLElement | Window | null | undefined,\n  event: K | string,\n  cb: ((ev: E) => void) | null | false | undefined,\n  options?: AddEventListenerOptions\n) {\n  const listener = useEventListener(event, cb, options);\n  useIsomorphicLayoutEffect(() => {\n    if (cb && element) {\n      listener.add(element);\n    } else {\n      listener.remove();\n    }\n  }, [Boolean(cb), Boolean(element)]);\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;AAgBO,SAASA,sBAAT,CAILC,OAJK,EAKLC,KALK,EAMLC,EANK,EAOLC,OAPK,EAQL;EACA,IAAMC,QAAQ,GAAG,IAAAC,kCAAA,EAAiBJ,KAAjB,EAAwBC,EAAxB,EAA4BC,OAA5B,CAAjB;EACA,IAAAG,oDAAA,EAA0B,YAAM;IAC9B,IAAIJ,EAAE,IAAIF,OAAV,EAAmB;MACjBI,QAAQ,CAACG,GAAT,CAAaP,OAAb;IACD,CAFD,MAEO;MACLI,QAAQ,CAACI,MAAT;IACD;EACF,CAND,EAMG,CAACC,OAAO,CAACP,EAAD,CAAR,EAAcO,OAAO,CAACT,OAAD,CAArB,CANH;AAOD"}

package/dist/cjs/hooks/useInsets.d.ts

@@ -0,0 +1,8 @@
+import { Insets as BridgeInsets } from "@vkontakte/vk-bridge";
+export interface Insets {
+    bottom: BridgeInsets["bottom"] | null;
+    top: BridgeInsets["top"] | null;
+    left: BridgeInsets["left"] | null;
+    right: BridgeInsets["right"] | null;
+}
+export declare function useInsets(): Insets;

package/dist/cjs/hooks/useInsets.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useInsets.ts"],"names":["initialState","bottom","top","left","right","resolveInsets","e","detail","type","data","insets","vkBridge","subscribe","useInsets","React","useState","setInsets","connectListener","unsubscribe"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AASA,IAAIA,YAAoB,GAAG;AACzBC,EAAAA,MAAM,EAAE,IADiB;AAEzBC,EAAAA,GAAG,EAAE,IAFoB;AAGzBC,EAAAA,IAAI,EAAE,IAHmB;AAIzBC,EAAAA,KAAK,EAAE;AAJkB,CAA3B;;AAgBA,SAASC,aAAT,CAAuBC,CAAvB,EAAsD;AACpD,kBAAuBA,CAAC,CAACC,MAAzB;AAAA,MAAQC,IAAR,aAAQA,IAAR;AAAA,MAAcC,IAAd,aAAcA,IAAd;;AACA,UAAQD,IAAR;AACE,SAAK,sBAAL;AACA,SAAK,sBAAL;AAA6B;AAC3B,UAAQE,MAAR,GAAmBD,IAAnB,CAAQC,MAAR;;AACA,UAAIA,MAAJ,EAAY;AACV,2EACKA,MADL;AAEET,UAAAA,MAAM,EAAES,MAAM,CAACT,MAAP,GAAgB,GAAhB,GAAsB,CAAtB,GAA0BS,MAAM,CAACT,MAF3C,CAEmD;;AAFnD;AAID;;AATL;;AAWA,SAAO,IAAP;AACD;;AAEDU,kBAASC,SAAT,CAAmB,UAACN,CAAD,EAAoB;AACrC,MAAMI,MAAM,GAAGL,aAAa,CAACC,CAAD,CAA5B;;AACA,MAAII,MAAJ,EAAY;AACVV,IAAAA,YAAY,GAAGU,MAAf;AACD;AACF,CALD;;AAOO,SAASG,SAAT,GAA6B;AAClC,wBAA4BC,KAAK,CAACC,QAAN,CAAuBf,YAAvB,CAA5B;AAAA;AAAA,MAAOU,MAAP;AAAA,MAAeM,SAAf;;AAEA,4DAA0B,YAAM;AAC9B,aAASC,eAAT,CAAyBX,CAAzB,EAAyC;AACvC,UAAMI,MAAM,GAAGL,aAAa,CAACC,CAAD,CAA5B;;AACA,UAAII,MAAJ,EAAY;AACVM,QAAAA,SAAS,CAACN,MAAD,CAAT;AACD;AACF;;AAEDC,sBAASC,SAAT,CAAmBK,eAAnB;;AACA,WAAO,YAAM;AACXN,wBAASO,WAAT,CAAqBD,eAArB;AACD,KAFD;AAGD,GAZD,EAYG,EAZH;AAcA,SAAOP,MAAP;AACD","sourcesContent":["import * as React from \"react\";\nimport vkBridge, { Insets as BridgeInsets } from \"@vkontakte/vk-bridge\";\nimport { useIsomorphicLayoutEffect } from \"../lib/useIsomorphicLayoutEffect\";\n\nexport interface Insets {\n  bottom: BridgeInsets[\"bottom\"] | null;\n  top: BridgeInsets[\"top\"] | null;\n  left: BridgeInsets[\"left\"] | null;\n  right: BridgeInsets[\"right\"] | null;\n}\n\nlet initialState: Insets = {\n  bottom: null,\n  top: null,\n  left: null,\n  right: null,\n};\n\ninterface BridgeEvent {\n  detail: {\n    type: string;\n    data: {\n      [index: string]: any;\n    };\n  };\n}\n\nfunction resolveInsets(e: BridgeEvent): Insets | null {\n  const { type, data } = e.detail;\n  switch (type) {\n    case \"VKWebAppUpdateConfig\":\n    case \"VKWebAppUpdateInsets\": // Устаревшее событие vk-bridge\n      const { insets } = data;\n      if (insets) {\n        return {\n          ...insets,\n          bottom: insets.bottom > 150 ? 0 : insets.bottom, // если больше 150 – значит открылась клава и она сама работает как инсет, то есть наш нужно занулить\n        };\n      }\n  }\n  return null;\n}\n\nvkBridge.subscribe((e: BridgeEvent) => {\n  const insets = resolveInsets(e);\n  if (insets) {\n    initialState = insets;\n  }\n});\n\nexport function useInsets(): Insets {\n  const [insets, setInsets] = React.useState<Insets>(initialState);\n\n  useIsomorphicLayoutEffect(() => {\n    function connectListener(e: BridgeEvent) {\n      const insets = resolveInsets(e);\n      if (insets) {\n        setInsets(insets);\n      }\n    }\n\n    vkBridge.subscribe(connectListener);\n    return () => {\n      vkBridge.unsubscribe(connectListener);\n    };\n  }, []);\n\n  return insets;\n}\n"],"file":"useInsets.js"}
+{"version":3,"file":"useInsets.js","names":["initialState","bottom","top","left","right","resolveInsets","e","detail","type","data","insets","vkBridge","subscribe","useInsets","React","useState","setInsets","useIsomorphicLayoutEffect","connectListener","unsubscribe"],"sources":["../../../src/hooks/useInsets.ts"],"sourcesContent":["import * as React from \"react\";\nimport vkBridge, { Insets as BridgeInsets } from \"@vkontakte/vk-bridge\";\nimport { useIsomorphicLayoutEffect } from \"../lib/useIsomorphicLayoutEffect\";\n\nexport interface Insets {\n  bottom: BridgeInsets[\"bottom\"] | null;\n  top: BridgeInsets[\"top\"] | null;\n  left: BridgeInsets[\"left\"] | null;\n  right: BridgeInsets[\"right\"] | null;\n}\n\nlet initialState: Insets = {\n  bottom: null,\n  top: null,\n  left: null,\n  right: null,\n};\n\ninterface BridgeEvent {\n  detail: {\n    type: string;\n    data: {\n      [index: string]: any;\n    };\n  };\n}\n\nfunction resolveInsets(e: BridgeEvent): Insets | null {\n  const { type, data } = e.detail;\n  switch (type) {\n    case \"VKWebAppUpdateConfig\":\n    case \"VKWebAppUpdateInsets\": // Устаревшее событие vk-bridge\n      const { insets } = data;\n      if (insets) {\n        return {\n          ...insets,\n          bottom: insets.bottom > 150 ? 0 : insets.bottom, // если больше 150 – значит открылась клава и она сама работает как инсет, то есть наш нужно занулить\n        };\n      }\n  }\n  return null;\n}\n\nvkBridge.subscribe((e: BridgeEvent) => {\n  const insets = resolveInsets(e);\n  if (insets) {\n    initialState = insets;\n  }\n});\n\nexport function useInsets(): Insets {\n  const [insets, setInsets] = React.useState<Insets>(initialState);\n\n  useIsomorphicLayoutEffect(() => {\n    function connectListener(e: BridgeEvent) {\n      const insets = resolveInsets(e);\n      if (insets) {\n        setInsets(insets);\n      }\n    }\n\n    vkBridge.subscribe(connectListener);\n    return () => {\n      vkBridge.unsubscribe(connectListener);\n    };\n  }, []);\n\n  return insets;\n}\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AASA,IAAIA,YAAoB,GAAG;EACzBC,MAAM,EAAE,IADiB;EAEzBC,GAAG,EAAE,IAFoB;EAGzBC,IAAI,EAAE,IAHmB;EAIzBC,KAAK,EAAE;AAJkB,CAA3B;;AAgBA,SAASC,aAAT,CAAuBC,CAAvB,EAAsD;EACpD,gBAAuBA,CAAC,CAACC,MAAzB;EAAA,IAAQC,IAAR,aAAQA,IAAR;EAAA,IAAcC,IAAd,aAAcA,IAAd;;EACA,QAAQD,IAAR;IACE,KAAK,sBAAL;IACA,KAAK,sBAAL;MAA6B;MAC3B,IAAQE,MAAR,GAAmBD,IAAnB,CAAQC,MAAR;;MACA,IAAIA,MAAJ,EAAY;QACV,mEACKA,MADL;UAEET,MAAM,EAAES,MAAM,CAACT,MAAP,GAAgB,GAAhB,GAAsB,CAAtB,GAA0BS,MAAM,CAACT,MAF3C,CAEmD;;QAFnD;MAID;;EATL;;EAWA,OAAO,IAAP;AACD;;AAEDU,iBAAA,CAASC,SAAT,CAAmB,UAACN,CAAD,EAAoB;EACrC,IAAMI,MAAM,GAAGL,aAAa,CAACC,CAAD,CAA5B;;EACA,IAAII,MAAJ,EAAY;IACVV,YAAY,GAAGU,MAAf;EACD;AACF,CALD;;AAOO,SAASG,SAAT,GAA6B;EAClC,sBAA4BC,KAAK,CAACC,QAAN,CAAuBf,YAAvB,CAA5B;EAAA;EAAA,IAAOU,MAAP;EAAA,IAAeM,SAAf;;EAEA,IAAAC,oDAAA,EAA0B,YAAM;IAC9B,SAASC,eAAT,CAAyBZ,CAAzB,EAAyC;MACvC,IAAMI,MAAM,GAAGL,aAAa,CAACC,CAAD,CAA5B;;MACA,IAAII,MAAJ,EAAY;QACVM,SAAS,CAACN,MAAD,CAAT;MACD;IACF;;IAEDC,iBAAA,CAASC,SAAT,CAAmBM,eAAnB;;IACA,OAAO,YAAM;MACXP,iBAAA,CAASQ,WAAT,CAAqBD,eAArB;IACD,CAFD;EAGD,CAZD,EAYG,EAZH;EAcA,OAAOR,MAAP;AACD"}

package/dist/cjs/hooks/useKeyboard.d.ts

@@ -0,0 +1,10 @@
+interface SoftwareKeyboardState {
+    isOpened: boolean;
+}
+/**
+ Проверяет, закрыла ли клавиатура часть экрана, 24% подошло к большинству устройств
+ Работает на iOS и Android, где софт-клавиатура ресайзит viewport в браузерах
+ */
+export declare function getPreciseKeyboardState(window: any): boolean;
+export declare function useKeyboard(): SoftwareKeyboardState;
+export {};

package/dist/cjs/hooks/useKeyboard.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useKeyboard.ts"],"names":["getPreciseKeyboardState","window","innerHeight","availHeight","screen","coveredViewportPercentage","Math","round","eventOptions","passive","capture","useKeyboard","document","React","useState","isOpened","setIsOpened","onFocus","useCallback","event","type","activeElement","tagName","useEffect"],"mappings":";;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAMA;AACA;AACA;AACA;AACO,SAASA,uBAAT,CAAiCC,MAAjC,EAAuD;AAC5D,MACEC,WADF,GAGID,MAHJ,CACEC,WADF;AAAA,MAEYC,WAFZ,GAGIF,MAHJ,CAEEG,MAFF,CAEYD,WAFZ;AAKA,MAAME,yBAAyB,GAAGC,IAAI,CAACC,KAAL,CAChC,CAAC,IAAIL,WAAW,GAAGC,WAAnB,IAAkC,GADF,CAAlC;AAGA,SAAOE,yBAAyB,GAAG,EAAnC;AACD;;AAED,IAAMG,YAAY,GAAG;AACnBC,EAAAA,OAAO,EAAE,IADU;AAEnBC,EAAAA,OAAO,EAAE;AAFU,CAArB;;AAKO,SAASC,WAAT,GAA8C;AAAA;;AACnD,gBAAqB,kBAArB;AAAA,MAAQC,QAAR,WAAQA,QAAR;;AAEA,wBAAgCC,KAAK,CAACC,QAAN,CAAe,KAAf,CAAhC;AAAA;AAAA,MAAOC,QAAP;AAAA,MAAiBC,WAAjB;;AAEA,MAAMC,OAAO,GAAGJ,KAAK,CAACK,WAAN,CACd,UAACC,KAAD,EAA8B;AAAA;;AAC5B,QAAMJ,QAAQ,GACZ,CAACI,KAAK,KAAK,IAAV,IAAkBA,KAAK,CAACC,IAAN,KAAe,SAAlC,MACC,CAAAR,QAAQ,SAAR,IAAAA,QAAQ,WAAR,qCAAAA,QAAQ,CAAES,aAAV,gFAAyBC,OAAzB,MAAqC,OAArC,IACC,CAAAV,QAAQ,SAAR,IAAAA,QAAQ,WAAR,sCAAAA,QAAQ,CAAES,aAAV,kFAAyBC,OAAzB,MAAqC,UAFvC,CADF;AAIAN,IAAAA,WAAW,CAACD,QAAD,CAAX;AACD,GAPa,EAQd,CAACH,QAAD,aAACA,QAAD,iDAACA,QAAQ,CAAES,aAAX,2DAAC,uBAAyBC,OAA1B,CARc,CAAhB;AAWA;AACF;AACA;AACA;;AACET,EAAAA,KAAK,CAACU,SAAN,CAAgB,YAAM;AACpBN,IAAAA,OAAO,CAAC,IAAD,CAAP;AACD,GAFD,EAEG,CAACA,OAAD,CAFH;AAIA,sDAAuBL,QAAvB,EAAiC,UAAjC,EAA6CK,OAA7C,EAAsDT,YAAtD;AACA,sDAAuBI,QAAvB,EAAiC,SAAjC,EAA4CK,OAA5C,EAAqDT,YAArD;AAEA,SAAO;AAAEO,IAAAA,QAAQ,EAARA;AAAF,GAAP;AACD","sourcesContent":["import * as React from \"react\";\nimport { useDOM } from \"../lib/dom\";\nimport { useGlobalEventListener } from \"./useGlobalEventListener\";\n\ninterface SoftwareKeyboardState {\n  isOpened: boolean;\n}\n\n/**\n Проверяет, закрыла ли клавиатура часть экрана, 24% подошло к большинству устройств\n Работает на iOS и Android, где софт-клавиатура ресайзит viewport в браузерах\n */\nexport function getPreciseKeyboardState(window: any): boolean {\n  const {\n    innerHeight,\n    screen: { availHeight },\n  } = window;\n\n  const coveredViewportPercentage = Math.round(\n    (1 - innerHeight / availHeight) * 100\n  );\n  return coveredViewportPercentage > 24;\n}\n\nconst eventOptions = {\n  passive: true,\n  capture: false,\n};\n\nexport function useKeyboard(): SoftwareKeyboardState {\n  const { document } = useDOM();\n\n  const [isOpened, setIsOpened] = React.useState(false);\n\n  const onFocus = React.useCallback(\n    (event: FocusEvent | true) => {\n      const isOpened =\n        (event === true || event.type === \"focusin\") &&\n        (document?.activeElement?.tagName === \"INPUT\" ||\n          document?.activeElement?.tagName === \"TEXTAREA\");\n      setIsOpened(isOpened);\n    },\n    [document?.activeElement?.tagName]\n  );\n\n  /**\n   У полей с autoFocus не отлавливаются события focus, для этого вызываем вручную,\n   чтобы иметь хоть какое-то понимание происходящего.\n   */\n  React.useEffect(() => {\n    onFocus(true);\n  }, [onFocus]);\n\n  useGlobalEventListener(document, \"focusout\", onFocus, eventOptions);\n  useGlobalEventListener(document, \"focusin\", onFocus, eventOptions);\n\n  return { isOpened };\n}\n"],"file":"useKeyboard.js"}
+{"version":3,"file":"useKeyboard.js","names":["getPreciseKeyboardState","window","innerHeight","availHeight","screen","coveredViewportPercentage","Math","round","eventOptions","passive","capture","useKeyboard","useDOM","document","React","useState","isOpened","setIsOpened","onFocus","useCallback","event","type","activeElement","tagName","useEffect","useGlobalEventListener"],"sources":["../../../src/hooks/useKeyboard.ts"],"sourcesContent":["import * as React from \"react\";\nimport { useDOM } from \"../lib/dom\";\nimport { useGlobalEventListener } from \"./useGlobalEventListener\";\n\ninterface SoftwareKeyboardState {\n  isOpened: boolean;\n}\n\n/**\n Проверяет, закрыла ли клавиатура часть экрана, 24% подошло к большинству устройств\n Работает на iOS и Android, где софт-клавиатура ресайзит viewport в браузерах\n */\nexport function getPreciseKeyboardState(window: any): boolean {\n  const {\n    innerHeight,\n    screen: { availHeight },\n  } = window;\n\n  const coveredViewportPercentage = Math.round(\n    (1 - innerHeight / availHeight) * 100\n  );\n  return coveredViewportPercentage > 24;\n}\n\nconst eventOptions = {\n  passive: true,\n  capture: false,\n};\n\nexport function useKeyboard(): SoftwareKeyboardState {\n  const { document } = useDOM();\n\n  const [isOpened, setIsOpened] = React.useState(false);\n\n  const onFocus = React.useCallback(\n    (event: FocusEvent | true) => {\n      const isOpened =\n        (event === true || event.type === \"focusin\") &&\n        (document?.activeElement?.tagName === \"INPUT\" ||\n          document?.activeElement?.tagName === \"TEXTAREA\");\n      setIsOpened(isOpened);\n    },\n    [document?.activeElement?.tagName]\n  );\n\n  /**\n   У полей с autoFocus не отлавливаются события focus, для этого вызываем вручную,\n   чтобы иметь хоть какое-то понимание происходящего.\n   */\n  React.useEffect(() => {\n    onFocus(true);\n  }, [onFocus]);\n\n  useGlobalEventListener(document, \"focusout\", onFocus, eventOptions);\n  useGlobalEventListener(document, \"focusin\", onFocus, eventOptions);\n\n  return { isOpened };\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAMA;AACA;AACA;AACA;AACO,SAASA,uBAAT,CAAiCC,MAAjC,EAAuD;EAC5D,IACEC,WADF,GAGID,MAHJ,CACEC,WADF;EAAA,IAEYC,WAFZ,GAGIF,MAHJ,CAEEG,MAFF,CAEYD,WAFZ;EAKA,IAAME,yBAAyB,GAAGC,IAAI,CAACC,KAAL,CAChC,CAAC,IAAIL,WAAW,GAAGC,WAAnB,IAAkC,GADF,CAAlC;EAGA,OAAOE,yBAAyB,GAAG,EAAnC;AACD;;AAED,IAAMG,YAAY,GAAG;EACnBC,OAAO,EAAE,IADU;EAEnBC,OAAO,EAAE;AAFU,CAArB;;AAKO,SAASC,WAAT,GAA8C;EAAA;;EACnD,cAAqB,IAAAC,WAAA,GAArB;EAAA,IAAQC,QAAR,WAAQA,QAAR;;EAEA,sBAAgCC,KAAK,CAACC,QAAN,CAAe,KAAf,CAAhC;EAAA;EAAA,IAAOC,QAAP;EAAA,IAAiBC,WAAjB;;EAEA,IAAMC,OAAO,GAAGJ,KAAK,CAACK,WAAN,CACd,UAACC,KAAD,EAA8B;IAAA;;IAC5B,IAAMJ,QAAQ,GACZ,CAACI,KAAK,KAAK,IAAV,IAAkBA,KAAK,CAACC,IAAN,KAAe,SAAlC,MACC,CAAAR,QAAQ,SAAR,IAAAA,QAAQ,WAAR,qCAAAA,QAAQ,CAAES,aAAV,gFAAyBC,OAAzB,MAAqC,OAArC,IACC,CAAAV,QAAQ,SAAR,IAAAA,QAAQ,WAAR,sCAAAA,QAAQ,CAAES,aAAV,kFAAyBC,OAAzB,MAAqC,UAFvC,CADF;IAIAN,WAAW,CAACD,QAAD,CAAX;EACD,CAPa,EAQd,CAACH,QAAD,aAACA,QAAD,iDAACA,QAAQ,CAAES,aAAX,2DAAC,uBAAyBC,OAA1B,CARc,CAAhB;EAWA;AACF;AACA;AACA;;EACET,KAAK,CAACU,SAAN,CAAgB,YAAM;IACpBN,OAAO,CAAC,IAAD,CAAP;EACD,CAFD,EAEG,CAACA,OAAD,CAFH;EAIA,IAAAO,8CAAA,EAAuBZ,QAAvB,EAAiC,UAAjC,EAA6CK,OAA7C,EAAsDV,YAAtD;EACA,IAAAiB,8CAAA,EAAuBZ,QAAvB,EAAiC,SAAjC,EAA4CK,OAA5C,EAAqDV,YAArD;EAEA,OAAO;IAAEQ,QAAQ,EAARA;EAAF,CAAP;AACD"}

package/dist/cjs/hooks/useKeyboardInputTracker.d.ts

@@ -0,0 +1,3 @@
+export declare const ENABLE_KEYBOARD_INPUT_EVENT_NAME = "enableKeyboardInput";
+export declare const DISABLE_KEYBOARD_INPUT_EVENT_NAME = "disableKeyboardInput";
+export declare function useKeyboardInputTracker(): boolean;

package/dist/cjs/hooks/useKeyboardInputTracker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useKeyboardInputTracker.ts"],"names":["ENABLE_KEYBOARD_INPUT_EVENT_NAME","DISABLE_KEYBOARD_INPUT_EVENT_NAME","useKeyboardInputTracker","document","React","useState","isKeyboardInputActive","toggleKeyboardInput","enableKeyboardInput","useCallback","handleKeydown","e","Keys","TAB","disableKeyboardInput","eventOptions","passive","capture"],"mappings":";;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEO,IAAMA,gCAAgC,GAAG,qBAAzC;;AACA,IAAMC,iCAAiC,GAAG,sBAA1C;;;AAEA,SAASC,uBAAT,GAA4C;AACjD,gBAAqB,kBAArB;AAAA,MAAQC,QAAR,WAAQA,QAAR;;AAEA,wBACEC,KAAK,CAACC,QAAN,CAAwB,KAAxB,CADF;AAAA;AAAA,MAAOC,qBAAP;AAAA,MAA8BC,mBAA9B;;AAGA,MAAMC,mBAAmB,GAAGJ,KAAK,CAACK,WAAN,CAAkB,YAAM;AAClDF,IAAAA,mBAAmB,CAAC,IAAD,CAAnB;AACD,GAF2B,EAEzB,EAFyB,CAA5B;AAIA,MAAMG,aAAa,GAAGN,KAAK,CAACK,WAAN,CACpB,UAACE,CAAD,EAAsB;AACpB,QAAI,+BAAWA,CAAX,MAAkBC,oBAAKC,GAA3B,EAAgC;AAC9BL,MAAAA,mBAAmB;AACpB;AACF,GALmB,EAMpB,CAACA,mBAAD,CANoB,CAAtB;AASA,MAAMM,oBAAoB,GAAGV,KAAK,CAACK,WAAN,CAAkB,YAAM;AACnDF,IAAAA,mBAAmB,CAAC,KAAD,CAAnB;AACD,GAF4B,EAE1B,EAF0B,CAA7B;AAIA,MAAMQ,YAAY,GAAG;AACnBC,IAAAA,OAAO,EAAE,IADU;AAEnBC,IAAAA,OAAO,EAAE;AAFU,GAArB;AAKA,sDAAuBd,QAAvB,EAAiC,SAAjC,EAA4CO,aAA5C,EAA2DK,YAA3D;AACA,sDACEZ,QADF,EAEE,WAFF,EAGEW,oBAHF,EAIEC,YAJF;AAMA,sDACEZ,QADF,EAEE,YAFF,EAGEW,oBAHF,EAIEC,YAJF;AAMA,sDACEZ,QADF,EAEEH,gCAFF,EAGEQ,mBAHF,EAIEO,YAJF;AAMA,sDACEZ,QADF,EAEEF,iCAFF,EAGEa,oBAHF,EAIEC,YAJF;AAOA,SAAOT,qBAAP;AACD","sourcesContent":["import * as React from \"react\";\nimport { Keys, pressedKey } from \"../lib/accessibility\";\nimport { useDOM } from \"../lib/dom\";\nimport { useGlobalEventListener } from \"./useGlobalEventListener\";\n\nexport const ENABLE_KEYBOARD_INPUT_EVENT_NAME = \"enableKeyboardInput\";\nexport const DISABLE_KEYBOARD_INPUT_EVENT_NAME = \"disableKeyboardInput\";\n\nexport function useKeyboardInputTracker(): boolean {\n  const { document } = useDOM();\n\n  const [isKeyboardInputActive, toggleKeyboardInput] =\n    React.useState<boolean>(false);\n\n  const enableKeyboardInput = React.useCallback(() => {\n    toggleKeyboardInput(true);\n  }, []);\n\n  const handleKeydown = React.useCallback(\n    (e: KeyboardEvent) => {\n      if (pressedKey(e) === Keys.TAB) {\n        enableKeyboardInput();\n      }\n    },\n    [enableKeyboardInput]\n  );\n\n  const disableKeyboardInput = React.useCallback(() => {\n    toggleKeyboardInput(false);\n  }, []);\n\n  const eventOptions = {\n    passive: true,\n    capture: true,\n  };\n\n  useGlobalEventListener(document, \"keydown\", handleKeydown, eventOptions);\n  useGlobalEventListener(\n    document,\n    \"mousedown\",\n    disableKeyboardInput,\n    eventOptions\n  );\n  useGlobalEventListener(\n    document,\n    \"touchstart\",\n    disableKeyboardInput,\n    eventOptions\n  );\n  useGlobalEventListener(\n    document,\n    ENABLE_KEYBOARD_INPUT_EVENT_NAME,\n    enableKeyboardInput,\n    eventOptions\n  );\n  useGlobalEventListener(\n    document,\n    DISABLE_KEYBOARD_INPUT_EVENT_NAME,\n    disableKeyboardInput,\n    eventOptions\n  );\n\n  return isKeyboardInputActive;\n}\n"],"file":"useKeyboardInputTracker.js"}
+{"version":3,"file":"useKeyboardInputTracker.js","names":["ENABLE_KEYBOARD_INPUT_EVENT_NAME","DISABLE_KEYBOARD_INPUT_EVENT_NAME","useKeyboardInputTracker","useDOM","document","React","useState","isKeyboardInputActive","toggleKeyboardInput","enableKeyboardInput","useCallback","handleKeydown","e","pressedKey","Keys","TAB","disableKeyboardInput","eventOptions","passive","capture","useGlobalEventListener"],"sources":["../../../src/hooks/useKeyboardInputTracker.ts"],"sourcesContent":["import * as React from \"react\";\nimport { Keys, pressedKey } from \"../lib/accessibility\";\nimport { useDOM } from \"../lib/dom\";\nimport { useGlobalEventListener } from \"./useGlobalEventListener\";\n\nexport const ENABLE_KEYBOARD_INPUT_EVENT_NAME = \"enableKeyboardInput\";\nexport const DISABLE_KEYBOARD_INPUT_EVENT_NAME = \"disableKeyboardInput\";\n\nexport function useKeyboardInputTracker(): boolean {\n  const { document } = useDOM();\n\n  const [isKeyboardInputActive, toggleKeyboardInput] =\n    React.useState<boolean>(false);\n\n  const enableKeyboardInput = React.useCallback(() => {\n    toggleKeyboardInput(true);\n  }, []);\n\n  const handleKeydown = React.useCallback(\n    (e: KeyboardEvent) => {\n      if (pressedKey(e) === Keys.TAB) {\n        enableKeyboardInput();\n      }\n    },\n    [enableKeyboardInput]\n  );\n\n  const disableKeyboardInput = React.useCallback(() => {\n    toggleKeyboardInput(false);\n  }, []);\n\n  const eventOptions = {\n    passive: true,\n    capture: true,\n  };\n\n  useGlobalEventListener(document, \"keydown\", handleKeydown, eventOptions);\n  useGlobalEventListener(\n    document,\n    \"mousedown\",\n    disableKeyboardInput,\n    eventOptions\n  );\n  useGlobalEventListener(\n    document,\n    \"touchstart\",\n    disableKeyboardInput,\n    eventOptions\n  );\n  useGlobalEventListener(\n    document,\n    ENABLE_KEYBOARD_INPUT_EVENT_NAME,\n    enableKeyboardInput,\n    eventOptions\n  );\n  useGlobalEventListener(\n    document,\n    DISABLE_KEYBOARD_INPUT_EVENT_NAME,\n    disableKeyboardInput,\n    eventOptions\n  );\n\n  return isKeyboardInputActive;\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEO,IAAMA,gCAAgC,GAAG,qBAAzC;;AACA,IAAMC,iCAAiC,GAAG,sBAA1C;;;AAEA,SAASC,uBAAT,GAA4C;EACjD,cAAqB,IAAAC,WAAA,GAArB;EAAA,IAAQC,QAAR,WAAQA,QAAR;;EAEA,sBACEC,KAAK,CAACC,QAAN,CAAwB,KAAxB,CADF;EAAA;EAAA,IAAOC,qBAAP;EAAA,IAA8BC,mBAA9B;;EAGA,IAAMC,mBAAmB,GAAGJ,KAAK,CAACK,WAAN,CAAkB,YAAM;IAClDF,mBAAmB,CAAC,IAAD,CAAnB;EACD,CAF2B,EAEzB,EAFyB,CAA5B;EAIA,IAAMG,aAAa,GAAGN,KAAK,CAACK,WAAN,CACpB,UAACE,CAAD,EAAsB;IACpB,IAAI,IAAAC,yBAAA,EAAWD,CAAX,MAAkBE,mBAAA,CAAKC,GAA3B,EAAgC;MAC9BN,mBAAmB;IACpB;EACF,CALmB,EAMpB,CAACA,mBAAD,CANoB,CAAtB;EASA,IAAMO,oBAAoB,GAAGX,KAAK,CAACK,WAAN,CAAkB,YAAM;IACnDF,mBAAmB,CAAC,KAAD,CAAnB;EACD,CAF4B,EAE1B,EAF0B,CAA7B;EAIA,IAAMS,YAAY,GAAG;IACnBC,OAAO,EAAE,IADU;IAEnBC,OAAO,EAAE;EAFU,CAArB;EAKA,IAAAC,8CAAA,EAAuBhB,QAAvB,EAAiC,SAAjC,EAA4CO,aAA5C,EAA2DM,YAA3D;EACA,IAAAG,8CAAA,EACEhB,QADF,EAEE,WAFF,EAGEY,oBAHF,EAIEC,YAJF;EAMA,IAAAG,8CAAA,EACEhB,QADF,EAEE,YAFF,EAGEY,oBAHF,EAIEC,YAJF;EAMA,IAAAG,8CAAA,EACEhB,QADF,EAEEJ,gCAFF,EAGES,mBAHF,EAIEQ,YAJF;EAMA,IAAAG,8CAAA,EACEhB,QADF,EAEEH,iCAFF,EAGEe,oBAHF,EAIEC,YAJF;EAOA,OAAOV,qBAAP;AACD"}

package/dist/cjs/hooks/useObjectMemo.d.ts

@@ -0,0 +1,2 @@
+export declare function objectEquals(o1: any, o2: any): boolean;
+export declare function useObjectMemo<T>(object: T): T;

package/dist/cjs/hooks/useObjectMemo.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useObjectMemo.ts"],"names":["objectEquals","o1","o2","Object","keys","length","every","k","useObjectMemo","object","cache","React","useRef","current"],"mappings":";;;;;;;;;;AAAA;;AAEO,SAASA,YAAT,CAAsBC,EAAtB,EAA+BC,EAA/B,EAAwC;AAC7C,SACEC,MAAM,CAACC,IAAP,CAAYH,EAAZ,EAAgBI,MAAhB,KAA2BF,MAAM,CAACC,IAAP,CAAYF,EAAZ,EAAgBG,MAA3C,IACAF,MAAM,CAACC,IAAP,CAAYH,EAAZ,EAAgBK,KAAhB,CAAsB,UAACC,CAAD;AAAA,WAAON,EAAE,CAACM,CAAD,CAAF,KAAUL,EAAE,CAACK,CAAD,CAAnB;AAAA,GAAtB,CAFF;AAID;;AAEM,SAASC,aAAT,CAA0BC,MAA1B,EAAwC;AAC7C,MAAMC,KAAK,GAAGC,KAAK,CAACC,MAAN,CAAaH,MAAb,CAAd;;AACA,MAAI,CAACT,YAAY,CAACU,KAAK,CAACG,OAAP,EAAgBJ,MAAhB,CAAjB,EAA0C;AACxCC,IAAAA,KAAK,CAACG,OAAN,GAAgBJ,MAAhB;AACD;;AACD,SAAOC,KAAK,CAACG,OAAb;AACD","sourcesContent":["import * as React from \"react\";\n\nexport function objectEquals(o1: any, o2: any) {\n  return (\n    Object.keys(o1).length === Object.keys(o2).length &&\n    Object.keys(o1).every((k) => o1[k] === o2[k])\n  );\n}\n\nexport function useObjectMemo<T>(object: T): T {\n  const cache = React.useRef(object);\n  if (!objectEquals(cache.current, object)) {\n    cache.current = object;\n  }\n  return cache.current;\n}\n"],"file":"useObjectMemo.js"}
+{"version":3,"file":"useObjectMemo.js","names":["objectEquals","o1","o2","Object","keys","length","every","k","useObjectMemo","object","cache","React","useRef","current"],"sources":["../../../src/hooks/useObjectMemo.ts"],"sourcesContent":["import * as React from \"react\";\n\nexport function objectEquals(o1: any, o2: any) {\n  return (\n    Object.keys(o1).length === Object.keys(o2).length &&\n    Object.keys(o1).every((k) => o1[k] === o2[k])\n  );\n}\n\nexport function useObjectMemo<T>(object: T): T {\n  const cache = React.useRef(object);\n  if (!objectEquals(cache.current, object)) {\n    cache.current = object;\n  }\n  return cache.current;\n}\n"],"mappings":";;;;;;;;;;AAAA;;AAEO,SAASA,YAAT,CAAsBC,EAAtB,EAA+BC,EAA/B,EAAwC;EAC7C,OACEC,MAAM,CAACC,IAAP,CAAYH,EAAZ,EAAgBI,MAAhB,KAA2BF,MAAM,CAACC,IAAP,CAAYF,EAAZ,EAAgBG,MAA3C,IACAF,MAAM,CAACC,IAAP,CAAYH,EAAZ,EAAgBK,KAAhB,CAAsB,UAACC,CAAD;IAAA,OAAON,EAAE,CAACM,CAAD,CAAF,KAAUL,EAAE,CAACK,CAAD,CAAnB;EAAA,CAAtB,CAFF;AAID;;AAEM,SAASC,aAAT,CAA0BC,MAA1B,EAAwC;EAC7C,IAAMC,KAAK,GAAGC,KAAK,CAACC,MAAN,CAAaH,MAAb,CAAd;;EACA,IAAI,CAACT,YAAY,CAACU,KAAK,CAACG,OAAP,EAAgBJ,MAAhB,CAAjB,EAA0C;IACxCC,KAAK,CAACG,OAAN,GAAgBJ,MAAhB;EACD;;EACD,OAAOC,KAAK,CAACG,OAAb;AACD"}

package/dist/cjs/hooks/useOrientationChange.d.ts

@@ -0,0 +1,7 @@
+declare type Orientation = "portrait" | "landscape";
+/**
+ * Возвращает текущую ориентация экрана на человеческом языке.
+ * Обновляется при изменении ориентации.
+ */
+export declare function useOrientationChange(): Orientation;
+export {};

package/dist/cjs/hooks/useOrientationChange.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useOrientationChange.ts"],"names":["getOrientation","window","angle","Math","abs","screen","orientation","Number","useOrientationChange","React","useState","setOrientation"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAIA;AACA;AACA;AACA;AACA,SAASA,cAAT,CAAwBC,MAAxB,EAAiE;AAAA;;AAC/D,MAAI,CAACA,MAAL,EAAa;AACX,WAAO,UAAP;AACD;;AAED,MAAMC,KAAK,GAAGC,IAAI,CAACC,GAAL,EACZ;AADY,6CAEZH,MAAM,CAACI,MAFK,6EAEZ,eAAeC,WAFH,2DAEZ,uBAA4BJ,KAFhB,yEAEyBK,MAAM,CAACN,MAAM,CAACK,WAAR,CAF/B,CAAd;AAKA,SAAOJ,KAAK,KAAK,EAAV,GAAe,WAAf,GAA6B,UAApC;AACD;AAED;AACA;AACA;AACA;;;AACO,SAASM,oBAAT,GAA6C;AAClD,gBAAmB,kBAAnB;AAAA,MAAQP,MAAR,WAAQA,MAAR;;AAEA,wBAAsCQ,KAAK,CAACC,QAAN,CAAe;AAAA,WACnDV,cAAc,CAACC,MAAD,CADqC;AAAA,GAAf,CAAtC;AAAA;AAAA,MAAOK,WAAP;AAAA,MAAoBK,cAApB;;AAIA,sDAAuBV,MAAvB,EAA+B,mBAA/B,EAAoD;AAAA,WAClDU,cAAc,CAACX,cAAc,CAACC,MAAD,CAAf,CADoC;AAAA,GAApD;AAIA,SAAOK,WAAP;AACD","sourcesContent":["import * as React from \"react\";\nimport { useDOM } from \"../lib/dom\";\nimport { useGlobalEventListener } from \"./useGlobalEventListener\";\n\ntype Orientation = \"portrait\" | \"landscape\";\n\n/**\n * Возвращает текущую ориентация экрана на человеческом языке.\n * Учитывает особенности API на разных платформах.\n */\nfunction getOrientation(window: Window | undefined): Orientation {\n  if (!window) {\n    return \"portrait\";\n  }\n\n  const angle = Math.abs(\n    // eslint-disable-next-line compat/compat\n    window.screen?.orientation?.angle ?? Number(window.orientation)\n  );\n\n  return angle === 90 ? \"landscape\" : \"portrait\";\n}\n\n/**\n * Возвращает текущую ориентация экрана на человеческом языке.\n * Обновляется при изменении ориентации.\n */\nexport function useOrientationChange(): Orientation {\n  const { window } = useDOM();\n\n  const [orientation, setOrientation] = React.useState(() =>\n    getOrientation(window)\n  );\n\n  useGlobalEventListener(window, \"orientationchange\", () =>\n    setOrientation(getOrientation(window))\n  );\n\n  return orientation;\n}\n"],"file":"useOrientationChange.js"}
+{"version":3,"file":"useOrientationChange.js","names":["getOrientation","window","angle","Math","abs","screen","orientation","Number","useOrientationChange","useDOM","React","useState","setOrientation","useGlobalEventListener"],"sources":["../../../src/hooks/useOrientationChange.ts"],"sourcesContent":["import * as React from \"react\";\nimport { useDOM } from \"../lib/dom\";\nimport { useGlobalEventListener } from \"./useGlobalEventListener\";\n\ntype Orientation = \"portrait\" | \"landscape\";\n\n/**\n * Возвращает текущую ориентация экрана на человеческом языке.\n * Учитывает особенности API на разных платформах.\n */\nfunction getOrientation(window: Window | undefined): Orientation {\n  if (!window) {\n    return \"portrait\";\n  }\n\n  const angle = Math.abs(\n    // eslint-disable-next-line compat/compat\n    window.screen?.orientation?.angle ?? Number(window.orientation)\n  );\n\n  return angle === 90 ? \"landscape\" : \"portrait\";\n}\n\n/**\n * Возвращает текущую ориентация экрана на человеческом языке.\n * Обновляется при изменении ориентации.\n */\nexport function useOrientationChange(): Orientation {\n  const { window } = useDOM();\n\n  const [orientation, setOrientation] = React.useState(() =>\n    getOrientation(window)\n  );\n\n  useGlobalEventListener(window, \"orientationchange\", () =>\n    setOrientation(getOrientation(window))\n  );\n\n  return orientation;\n}\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAIA;AACA;AACA;AACA;AACA,SAASA,cAAT,CAAwBC,MAAxB,EAAiE;EAAA;;EAC/D,IAAI,CAACA,MAAL,EAAa;IACX,OAAO,UAAP;EACD;;EAED,IAAMC,KAAK,GAAGC,IAAI,CAACC,GAAL,EACZ;EADY,2CAEZH,MAAM,CAACI,MAFK,6EAEZ,eAAeC,WAFH,2DAEZ,uBAA4BJ,KAFhB,yEAEyBK,MAAM,CAACN,MAAM,CAACK,WAAR,CAF/B,CAAd;EAKA,OAAOJ,KAAK,KAAK,EAAV,GAAe,WAAf,GAA6B,UAApC;AACD;AAED;AACA;AACA;AACA;;;AACO,SAASM,oBAAT,GAA6C;EAClD,cAAmB,IAAAC,WAAA,GAAnB;EAAA,IAAQR,MAAR,WAAQA,MAAR;;EAEA,sBAAsCS,KAAK,CAACC,QAAN,CAAe;IAAA,OACnDX,cAAc,CAACC,MAAD,CADqC;EAAA,CAAf,CAAtC;EAAA;EAAA,IAAOK,WAAP;EAAA,IAAoBM,cAApB;;EAIA,IAAAC,8CAAA,EAAuBZ,MAAvB,EAA+B,mBAA/B,EAAoD;IAAA,OAClDW,cAAc,CAACZ,cAAc,CAACC,MAAD,CAAf,CADoC;EAAA,CAApD;EAIA,OAAOK,WAAP;AACD"}

package/dist/cjs/hooks/usePagination.d.ts

@@ -0,0 +1,34 @@
+interface UsePaginationProps {
+    /**
+     * Текущая страница.
+     */
+    currentPage?: number;
+    /**
+     * Кол-во всегда видимых страниц по краям текущей страницы.
+     */
+    siblingCount?: number;
+    /**
+     * Кол-во всегда видимых страниц в начале и в конце.
+     */
+    boundaryCount?: number;
+    /**
+     * Общее кол-во страниц.
+     */
+    totalPages?: number;
+}
+export declare type PaginationPageType = "start-ellipsis" | "end-ellipsis" | number;
+export declare type UsePaginationResult = PaginationPageType[];
+/**
+ * Хук позаимствован у @mui с некоторыми изменениями.
+ *  [usePagination.js](https://github.com/mui/material-ui/blob/master/packages/mui-material/src/usePagination/usePagination.js).
+ *
+ * Примеры вывода:
+ *           v
+ * [1, 2, 3, 4, 5, 'end-ellipsis', 10]
+ *                          v
+ * [1, 'start-ellipsis', 4, 5, 6, 'end-ellipsis', 10]
+ *                          v
+ * [1, 'start-ellipsis', 6, 7, 8, 9, 10]
+ */
+export declare const usePagination: ({ currentPage, siblingCount, boundaryCount, totalPages: endPage, }?: UsePaginationProps) => UsePaginationResult;
+export {};

package/dist/cjs/hooks/usePagination.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/usePagination.ts"],"names":["usePagination","currentPage","siblingCount","boundaryCount","totalPages","endPage","React","useMemo","range","from","to","step","i","push","startPages","Math","min","endPages","max","lowerBoundaryWhenCurrentPageHigh","siblingsStart","upperBoundaryWhenCurrentPageLow","siblingsEnd","length","pages"],"mappings":";;;;;;;;;;;;;AAAA;;AAyBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB;AAAA,iFAKL,EALK;AAAA,8BAC3BC,WAD2B;AAAA,MAC3BA,WAD2B,iCACb,CADa;AAAA,+BAE3BC,YAF2B;AAAA,MAE3BA,YAF2B,kCAEZ,CAFY;AAAA,gCAG3BC,aAH2B;AAAA,MAG3BA,aAH2B,mCAGX,CAHW;AAAA,6BAI3BC,UAJ2B;AAAA,MAIfC,OAJe,gCAIL,CAJK;;AAAA,SAM3BC,KAAK,CAACC,OAAN,CAAc,YAAM;AAClB,QAAMC,KAAK,GAAG,eAACC,IAAD,EAAeC,EAAf,EAAwC;AAAA,UAAbC,IAAa,uEAAN,CAAM;AACpD,UAAMH,KAAK,GAAG,EAAd;AACA,UAAII,CAAC,GAAGH,IAAR;;AAEA,aAAOG,CAAC,IAAIF,EAAZ,EAAgB;AACdF,QAAAA,KAAK,CAACK,IAAN,CAAWD,CAAX;AACAA,QAAAA,CAAC,IAAID,IAAL;AACD;;AAED,aAAOH,KAAP;AACD,KAVD;;AAYA,QAAMM,UAAU,GAAGN,KAAK,CAAC,CAAD,EAAIO,IAAI,CAACC,GAAL,CAASb,aAAT,EAAwBE,OAAxB,CAAJ,CAAxB;AACA,QAAMY,QAAQ,GAAGT,KAAK,CACpBO,IAAI,CAACG,GAAL,CAASb,OAAO,GAAGF,aAAV,GAA0B,CAAnC,EAAsCA,aAAa,GAAG,CAAtD,CADoB,EAEpBE,OAFoB,CAAtB;AAKA,QAAMc,gCAAgC,GACpCd,OAAO,GAAGF,aAAV,GAA0B,CAA1B,GAA8B,IAAID,YADpC;AAEA,QAAMkB,aAAa,GAAGL,IAAI,CAACG,GAAL,CACpBH,IAAI,CAACC,GAAL,CAASf,WAAW,GAAGC,YAAvB,EAAqCiB,gCAArC,CADoB,EAEpBhB,aAAa,GAAG,CAFI,CAAtB;AAKA,QAAMkB,+BAA+B,GACnClB,aAAa,GAAG,CAAhB,GAAoB,IAAID,YAD1B;AAEA,QAAMoB,WAAW,GAAGP,IAAI,CAACC,GAAL,CAClBD,IAAI,CAACG,GAAL,CAASjB,WAAW,GAAGC,YAAvB,EAAqCmB,+BAArC,CADkB,EAElBJ,QAAQ,CAACM,MAAT,GAAkB,CAAlB,GAAsBN,QAAQ,CAAC,CAAD,CAAR,GAAc,CAApC,GAAwCZ,OAAO,GAAG,CAFhC,CAApB;AAKA,QAAMmB,KAA0B,GAAGV,UAAnC;;AAEA,QAAIM,aAAa,GAAGjB,aAAa,GAAG,CAApC,EAAuC;AACrCqB,MAAAA,KAAK,CAACX,IAAN,CAAW,gBAAX;AACD,KAFD,MAEO,IAAIV,aAAa,GAAG,CAAhB,GAAoBE,OAAO,GAAGF,aAAlC,EAAiD;AACtDqB,MAAAA,KAAK,CAACX,IAAN,CAAWV,aAAa,GAAG,CAA3B;AACD;;AAEDqB,IAAAA,KAAK,CAACX,IAAN,OAAAW,KAAK,mCAAShB,KAAK,CAACY,aAAD,EAAgBE,WAAhB,CAAd,EAAL;;AAEA,QAAIA,WAAW,GAAGjB,OAAO,GAAGF,aAAV,GAA0B,CAA5C,EAA+C;AAC7CqB,MAAAA,KAAK,CAACX,IAAN,CAAW,cAAX;AACD,KAFD,MAEO,IAAIR,OAAO,GAAGF,aAAV,GAA0BA,aAA9B,EAA6C;AAClDqB,MAAAA,KAAK,CAACX,IAAN,CAAWR,OAAO,GAAGF,aAArB;AACD;;AAEDqB,IAAAA,KAAK,CAACX,IAAN,OAAAW,KAAK,mCAASP,QAAT,EAAL;AAEA,WAAOO,KAAP;AACD,GApDD,EAoDG,CAACvB,WAAD,EAAcI,OAAd,EAAuBH,YAAvB,EAAqCC,aAArC,CApDH,CAN2B;AAAA,CAAtB","sourcesContent":["import * as React from \"react\";\n\ninterface UsePaginationProps {\n  /**\n   * Текущая страница.\n   */\n  currentPage?: number;\n  /**\n   * Кол-во всегда видимых страниц по краям текущей страницы.\n   */\n  siblingCount?: number;\n  /**\n   * Кол-во всегда видимых страниц в начале и в конце.\n   */\n  boundaryCount?: number;\n  /**\n   * Общее кол-во страниц.\n   */\n  totalPages?: number;\n}\n\nexport type PaginationPageType = \"start-ellipsis\" | \"end-ellipsis\" | number;\n\nexport type UsePaginationResult = PaginationPageType[];\n\n/**\n * Хук позаимствован у @mui с некоторыми изменениями.\n *  [usePagination.js](https://github.com/mui/material-ui/blob/master/packages/mui-material/src/usePagination/usePagination.js).\n *\n * Примеры вывода:\n *           v\n * [1, 2, 3, 4, 5, 'end-ellipsis', 10]\n *                          v\n * [1, 'start-ellipsis', 4, 5, 6, 'end-ellipsis', 10]\n *                          v\n * [1, 'start-ellipsis', 6, 7, 8, 9, 10]\n */\nexport const usePagination = ({\n  currentPage = 1,\n  siblingCount = 1,\n  boundaryCount = 1,\n  totalPages: endPage = 1,\n}: UsePaginationProps = {}): UsePaginationResult =>\n  React.useMemo(() => {\n    const range = (from: number, to: number, step = 1) => {\n      const range = [];\n      let i = from;\n\n      while (i <= to) {\n        range.push(i);\n        i += step;\n      }\n\n      return range;\n    };\n\n    const startPages = range(1, Math.min(boundaryCount, endPage));\n    const endPages = range(\n      Math.max(endPage - boundaryCount + 1, boundaryCount + 1),\n      endPage\n    );\n\n    const lowerBoundaryWhenCurrentPageHigh =\n      endPage - boundaryCount - 1 - 2 * siblingCount;\n    const siblingsStart = Math.max(\n      Math.min(currentPage - siblingCount, lowerBoundaryWhenCurrentPageHigh),\n      boundaryCount + 2\n    );\n\n    const upperBoundaryWhenCurrentPageLow =\n      boundaryCount + 2 + 2 * siblingCount;\n    const siblingsEnd = Math.min(\n      Math.max(currentPage + siblingCount, upperBoundaryWhenCurrentPageLow),\n      endPages.length > 0 ? endPages[0] - 2 : endPage - 1\n    );\n\n    const pages: UsePaginationResult = startPages;\n\n    if (siblingsStart > boundaryCount + 2) {\n      pages.push(\"start-ellipsis\");\n    } else if (boundaryCount + 1 < endPage - boundaryCount) {\n      pages.push(boundaryCount + 1);\n    }\n\n    pages.push(...range(siblingsStart, siblingsEnd));\n\n    if (siblingsEnd < endPage - boundaryCount - 1) {\n      pages.push(\"end-ellipsis\");\n    } else if (endPage - boundaryCount > boundaryCount) {\n      pages.push(endPage - boundaryCount);\n    }\n\n    pages.push(...endPages);\n\n    return pages;\n  }, [currentPage, endPage, siblingCount, boundaryCount]);\n"],"file":"usePagination.js"}
+{"version":3,"file":"usePagination.js","names":["usePagination","currentPage","siblingCount","boundaryCount","totalPages","endPage","React","useMemo","range","from","to","step","i","push","startPages","Math","min","endPages","max","lowerBoundaryWhenCurrentPageHigh","siblingsStart","upperBoundaryWhenCurrentPageLow","siblingsEnd","length","pages"],"sources":["../../../src/hooks/usePagination.ts"],"sourcesContent":["import * as React from \"react\";\n\ninterface UsePaginationProps {\n  /**\n   * Текущая страница.\n   */\n  currentPage?: number;\n  /**\n   * Кол-во всегда видимых страниц по краям текущей страницы.\n   */\n  siblingCount?: number;\n  /**\n   * Кол-во всегда видимых страниц в начале и в конце.\n   */\n  boundaryCount?: number;\n  /**\n   * Общее кол-во страниц.\n   */\n  totalPages?: number;\n}\n\nexport type PaginationPageType = \"start-ellipsis\" | \"end-ellipsis\" | number;\n\nexport type UsePaginationResult = PaginationPageType[];\n\n/**\n * Хук позаимствован у @mui с некоторыми изменениями.\n *  [usePagination.js](https://github.com/mui/material-ui/blob/master/packages/mui-material/src/usePagination/usePagination.js).\n *\n * Примеры вывода:\n *           v\n * [1, 2, 3, 4, 5, 'end-ellipsis', 10]\n *                          v\n * [1, 'start-ellipsis', 4, 5, 6, 'end-ellipsis', 10]\n *                          v\n * [1, 'start-ellipsis', 6, 7, 8, 9, 10]\n */\nexport const usePagination = ({\n  currentPage = 1,\n  siblingCount = 1,\n  boundaryCount = 1,\n  totalPages: endPage = 1,\n}: UsePaginationProps = {}): UsePaginationResult =>\n  React.useMemo(() => {\n    const range = (from: number, to: number, step = 1) => {\n      const range = [];\n      let i = from;\n\n      while (i <= to) {\n        range.push(i);\n        i += step;\n      }\n\n      return range;\n    };\n\n    const startPages = range(1, Math.min(boundaryCount, endPage));\n    const endPages = range(\n      Math.max(endPage - boundaryCount + 1, boundaryCount + 1),\n      endPage\n    );\n\n    const lowerBoundaryWhenCurrentPageHigh =\n      endPage - boundaryCount - 1 - 2 * siblingCount;\n    const siblingsStart = Math.max(\n      Math.min(currentPage - siblingCount, lowerBoundaryWhenCurrentPageHigh),\n      boundaryCount + 2\n    );\n\n    const upperBoundaryWhenCurrentPageLow =\n      boundaryCount + 2 + 2 * siblingCount;\n    const siblingsEnd = Math.min(\n      Math.max(currentPage + siblingCount, upperBoundaryWhenCurrentPageLow),\n      endPages.length > 0 ? endPages[0] - 2 : endPage - 1\n    );\n\n    const pages: UsePaginationResult = startPages;\n\n    if (siblingsStart > boundaryCount + 2) {\n      pages.push(\"start-ellipsis\");\n    } else if (boundaryCount + 1 < endPage - boundaryCount) {\n      pages.push(boundaryCount + 1);\n    }\n\n    pages.push(...range(siblingsStart, siblingsEnd));\n\n    if (siblingsEnd < endPage - boundaryCount - 1) {\n      pages.push(\"end-ellipsis\");\n    } else if (endPage - boundaryCount > boundaryCount) {\n      pages.push(endPage - boundaryCount);\n    }\n\n    pages.push(...endPages);\n\n    return pages;\n  }, [currentPage, endPage, siblingCount, boundaryCount]);\n"],"mappings":";;;;;;;;;;;;;AAAA;;AAyBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB;EAAA,+EAKL,EALK;EAAA,4BAC3BC,WAD2B;EAAA,IAC3BA,WAD2B,iCACb,CADa;EAAA,6BAE3BC,YAF2B;EAAA,IAE3BA,YAF2B,kCAEZ,CAFY;EAAA,8BAG3BC,aAH2B;EAAA,IAG3BA,aAH2B,mCAGX,CAHW;EAAA,2BAI3BC,UAJ2B;EAAA,IAIfC,OAJe,gCAIL,CAJK;;EAAA,OAM3BC,KAAK,CAACC,OAAN,CAAc,YAAM;IAClB,IAAMC,KAAK,GAAG,eAACC,IAAD,EAAeC,EAAf,EAAwC;MAAA,IAAbC,IAAa,uEAAN,CAAM;MACpD,IAAMH,KAAK,GAAG,EAAd;MACA,IAAII,CAAC,GAAGH,IAAR;;MAEA,OAAOG,CAAC,IAAIF,EAAZ,EAAgB;QACdF,KAAK,CAACK,IAAN,CAAWD,CAAX;QACAA,CAAC,IAAID,IAAL;MACD;;MAED,OAAOH,KAAP;IACD,CAVD;;IAYA,IAAMM,UAAU,GAAGN,KAAK,CAAC,CAAD,EAAIO,IAAI,CAACC,GAAL,CAASb,aAAT,EAAwBE,OAAxB,CAAJ,CAAxB;IACA,IAAMY,QAAQ,GAAGT,KAAK,CACpBO,IAAI,CAACG,GAAL,CAASb,OAAO,GAAGF,aAAV,GAA0B,CAAnC,EAAsCA,aAAa,GAAG,CAAtD,CADoB,EAEpBE,OAFoB,CAAtB;IAKA,IAAMc,gCAAgC,GACpCd,OAAO,GAAGF,aAAV,GAA0B,CAA1B,GAA8B,IAAID,YADpC;IAEA,IAAMkB,aAAa,GAAGL,IAAI,CAACG,GAAL,CACpBH,IAAI,CAACC,GAAL,CAASf,WAAW,GAAGC,YAAvB,EAAqCiB,gCAArC,CADoB,EAEpBhB,aAAa,GAAG,CAFI,CAAtB;IAKA,IAAMkB,+BAA+B,GACnClB,aAAa,GAAG,CAAhB,GAAoB,IAAID,YAD1B;IAEA,IAAMoB,WAAW,GAAGP,IAAI,CAACC,GAAL,CAClBD,IAAI,CAACG,GAAL,CAASjB,WAAW,GAAGC,YAAvB,EAAqCmB,+BAArC,CADkB,EAElBJ,QAAQ,CAACM,MAAT,GAAkB,CAAlB,GAAsBN,QAAQ,CAAC,CAAD,CAAR,GAAc,CAApC,GAAwCZ,OAAO,GAAG,CAFhC,CAApB;IAKA,IAAMmB,KAA0B,GAAGV,UAAnC;;IAEA,IAAIM,aAAa,GAAGjB,aAAa,GAAG,CAApC,EAAuC;MACrCqB,KAAK,CAACX,IAAN,CAAW,gBAAX;IACD,CAFD,MAEO,IAAIV,aAAa,GAAG,CAAhB,GAAoBE,OAAO,GAAGF,aAAlC,EAAiD;MACtDqB,KAAK,CAACX,IAAN,CAAWV,aAAa,GAAG,CAA3B;IACD;;IAEDqB,KAAK,CAACX,IAAN,OAAAW,KAAK,mCAAShB,KAAK,CAACY,aAAD,EAAgBE,WAAhB,CAAd,EAAL;;IAEA,IAAIA,WAAW,GAAGjB,OAAO,GAAGF,aAAV,GAA0B,CAA5C,EAA+C;MAC7CqB,KAAK,CAACX,IAAN,CAAW,cAAX;IACD,CAFD,MAEO,IAAIR,OAAO,GAAGF,aAAV,GAA0BA,aAA9B,EAA6C;MAClDqB,KAAK,CAACX,IAAN,CAAWR,OAAO,GAAGF,aAArB;IACD;;IAEDqB,KAAK,CAACX,IAAN,OAAAW,KAAK,mCAASP,QAAT,EAAL;IAEA,OAAOO,KAAP;EACD,CApDD,EAoDG,CAACvB,WAAD,EAAcI,OAAd,EAAuBH,YAAvB,EAAqCC,aAArC,CApDH,CAN2B;AAAA,CAAtB"}

package/dist/cjs/hooks/usePatchChildrenRef.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+declare type ChildrenElement<T> = React.ReactElement<{
+    getRootRef?: React.Ref<T>;
+}>;
+export declare const usePatchChildrenRef: <T = HTMLElement>(children?: ChildrenElement<T> | undefined) => [React.MutableRefObject<T | null>, ChildrenElement<T> | undefined];
+export {};

package/dist/cjs/hooks/usePatchChildrenRef.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/usePatchChildrenRef.ts"],"names":["isDOMTypeElement","element","type","warn","usePatchChildrenRef","children","childRef","React","isValidElement","ref","props","getRootRef","patchedRef","useEffect","current","process","env","NODE_ENV","cloneElement"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAIA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CACvBC,OADuB,EAEmB;AAC1C,SAAO,OAAOA,OAAO,CAACC,IAAf,KAAwB,QAA/B;AACD,CAJD;;AAMA,IAAMC,IAAI,GAAG,wBAAS,qBAAT,CAAb;;AACO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CACjCC,QADiC,EAEsC;AACvE,MAAMC,QAAQ,GACZ,aAAAC,KAAK,CAACC,cAAN,CAAqBH,QAArB,MACCL,gBAAgB,CAACK,QAAD,CAAhB,GACIA,QAAQ,CAACI,GADb,GAEGJ,QAAQ,CAACK,KAAT,CAAeC,UAHnB,CADF;AAKA,MAAMC,UAAU,GAAG,gCAAgBN,QAAhB,CAAnB;AACAC,EAAAA,KAAK,CAACM,SAAN,CAAgB,YAAM;AACpB,QAAI,CAACD,UAAU,CAACE,OAAZ,IAAuBC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAApD,EAAmE;AACjEd,MAAAA,IAAI,CACF,0JADE,EAEF,OAFE,CAAJ;AAID;AACF,GAPD,EAOG,CAACE,QAAD,aAACA,QAAD,uBAACA,QAAQ,CAAEH,IAAX,EAAiBU,UAAjB,CAPH;AAQA,SAAO,CACLA,UADK,EAEL,aAAAL,KAAK,CAACC,cAAN,CAAqBH,QAArB,iBACIE,KAAK,CAACW,YAAN,CAAmBb,QAAnB,oCACGL,gBAAgB,CAACK,QAAD,CAAhB,GAA6B,KAA7B,GAAqC,YADxC,EACuDO,UADvD,EADJ,GAIIP,QANC,CAAP;AAQD,CAzBM","sourcesContent":["import * as React from \"react\";\nimport { useExternRef } from \"./useExternRef\";\nimport { warnOnce } from \"../lib/warnOnce\";\n\ntype ChildrenElement<T> = React.ReactElement<{ getRootRef?: React.Ref<T> }>;\n\nconst isDOMTypeElement = (\n  element: React.ReactElement\n): element is React.DOMElement<any, any> => {\n  return typeof element.type === \"string\";\n};\n\nconst warn = warnOnce(\"usePatchChildrenRef\");\nexport const usePatchChildrenRef = <T = HTMLElement>(\n  children?: ChildrenElement<T>\n): [React.MutableRefObject<T | null>, ChildrenElement<T> | undefined] => {\n  const childRef =\n    React.isValidElement(children) &&\n    (isDOMTypeElement(children)\n      ? (children.ref as React.Ref<T>)\n      : children.props.getRootRef);\n  const patchedRef = useExternRef<T>(childRef);\n  React.useEffect(() => {\n    if (!patchedRef.current && process.env.NODE_ENV === \"development\") {\n      warn(\n        \"Кажется, в children передан компонент, который не поддерживает свойство getRootRef. Мы не можем получить ссылку на корневой dom-элемент этого компонента\",\n        \"error\"\n      );\n    }\n  }, [children?.type, patchedRef]);\n  return [\n    patchedRef,\n    React.isValidElement(children)\n      ? React.cloneElement(children, {\n          [isDOMTypeElement(children) ? \"ref\" : \"getRootRef\"]: patchedRef,\n        })\n      : children,\n  ];\n};\n"],"file":"usePatchChildrenRef.js"}
+{"version":3,"file":"usePatchChildrenRef.js","names":["isDOMTypeElement","element","type","warn","warnOnce","usePatchChildrenRef","children","childRef","React","isValidElement","ref","props","getRootRef","patchedRef","useExternRef","useEffect","current","process","env","NODE_ENV","cloneElement"],"sources":["../../../src/hooks/usePatchChildrenRef.ts"],"sourcesContent":["import * as React from \"react\";\nimport { useExternRef } from \"./useExternRef\";\nimport { warnOnce } from \"../lib/warnOnce\";\n\ntype ChildrenElement<T> = React.ReactElement<{ getRootRef?: React.Ref<T> }>;\n\nconst isDOMTypeElement = (\n  element: React.ReactElement\n): element is React.DOMElement<any, any> => {\n  return typeof element.type === \"string\";\n};\n\nconst warn = warnOnce(\"usePatchChildrenRef\");\nexport const usePatchChildrenRef = <T = HTMLElement>(\n  children?: ChildrenElement<T>\n): [React.MutableRefObject<T | null>, ChildrenElement<T> | undefined] => {\n  const childRef =\n    React.isValidElement(children) &&\n    (isDOMTypeElement(children)\n      ? (children.ref as React.Ref<T>)\n      : children.props.getRootRef);\n  const patchedRef = useExternRef<T>(childRef);\n  React.useEffect(() => {\n    if (!patchedRef.current && process.env.NODE_ENV === \"development\") {\n      warn(\n        \"Кажется, в children передан компонент, который не поддерживает свойство getRootRef. Мы не можем получить ссылку на корневой dom-элемент этого компонента\",\n        \"error\"\n      );\n    }\n  }, [children?.type, patchedRef]);\n  return [\n    patchedRef,\n    React.isValidElement(children)\n      ? React.cloneElement(children, {\n          [isDOMTypeElement(children) ? \"ref\" : \"getRootRef\"]: patchedRef,\n        })\n      : children,\n  ];\n};\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAIA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CACvBC,OADuB,EAEmB;EAC1C,OAAO,OAAOA,OAAO,CAACC,IAAf,KAAwB,QAA/B;AACD,CAJD;;AAMA,IAAMC,IAAI,GAAG,IAAAC,kBAAA,EAAS,qBAAT,CAAb;;AACO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CACjCC,QADiC,EAEsC;EACvE,IAAMC,QAAQ,GACZ,aAAAC,KAAK,CAACC,cAAN,CAAqBH,QAArB,MACCN,gBAAgB,CAACM,QAAD,CAAhB,GACIA,QAAQ,CAACI,GADb,GAEGJ,QAAQ,CAACK,KAAT,CAAeC,UAHnB,CADF;EAKA,IAAMC,UAAU,GAAG,IAAAC,0BAAA,EAAgBP,QAAhB,CAAnB;EACAC,KAAK,CAACO,SAAN,CAAgB,YAAM;IACpB,IAAI,CAACF,UAAU,CAACG,OAAZ,IAAuBC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAApD,EAAmE;MACjEhB,IAAI,CACF,0JADE,EAEF,OAFE,CAAJ;IAID;EACF,CAPD,EAOG,CAACG,QAAD,aAACA,QAAD,uBAACA,QAAQ,CAAEJ,IAAX,EAAiBW,UAAjB,CAPH;EAQA,OAAO,CACLA,UADK,EAEL,aAAAL,KAAK,CAACC,cAAN,CAAqBH,QAArB,iBACIE,KAAK,CAACY,YAAN,CAAmBd,QAAnB,oCACGN,gBAAgB,CAACM,QAAD,CAAhB,GAA6B,KAA7B,GAAqC,YADxC,EACuDO,UADvD,EADJ,GAIIP,QANC,CAAP;AAQD,CAzBM"}

package/dist/cjs/hooks/usePlatform.d.ts

@@ -0,0 +1,2 @@
+import { PlatformType } from "../lib/platform";
+export declare function usePlatform(): PlatformType;

package/dist/cjs/hooks/usePlatform.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/usePlatform.ts"],"names":["usePlatform","ssrContext","React","useContext","SSRContext","ConfigProviderContext","platform"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;AAEO,SAASA,WAAT,GAAqC;AAC1C,MAAMC,UAAU,GAAGC,KAAK,CAACC,UAAN,CAAiBC,eAAjB,CAAnB;;AACA,0BAAqBF,KAAK,CAACC,UAAN,CAAiBE,4CAAjB,CAArB;AAAA,MAAQC,QAAR,qBAAQA,QAAR;;AACA,SAAOL,UAAU,CAACK,QAAX,IAAuBA,QAA9B;AACD","sourcesContent":["import * as React from \"react\";\nimport { PlatformType } from \"../lib/platform\";\nimport { SSRContext } from \"../lib/SSR\";\nimport { ConfigProviderContext } from \"../components/ConfigProvider/ConfigProviderContext\";\n\nexport function usePlatform(): PlatformType {\n  const ssrContext = React.useContext(SSRContext);\n  const { platform } = React.useContext(ConfigProviderContext);\n  return ssrContext.platform || platform;\n}\n"],"file":"usePlatform.js"}
+{"version":3,"file":"usePlatform.js","names":["usePlatform","ssrContext","React","useContext","SSRContext","ConfigProviderContext","platform"],"sources":["../../../src/hooks/usePlatform.ts"],"sourcesContent":["import * as React from \"react\";\nimport { PlatformType } from \"../lib/platform\";\nimport { SSRContext } from \"../lib/SSR\";\nimport { ConfigProviderContext } from \"../components/ConfigProvider/ConfigProviderContext\";\n\nexport function usePlatform(): PlatformType {\n  const ssrContext = React.useContext(SSRContext);\n  const { platform } = React.useContext(ConfigProviderContext);\n  return ssrContext.platform || platform;\n}\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;AAEO,SAASA,WAAT,GAAqC;EAC1C,IAAMC,UAAU,GAAGC,KAAK,CAACC,UAAN,CAAiBC,eAAjB,CAAnB;;EACA,wBAAqBF,KAAK,CAACC,UAAN,CAAiBE,4CAAjB,CAArB;EAAA,IAAQC,QAAR,qBAAQA,QAAR;;EACA,OAAOL,UAAU,CAACK,QAAX,IAAuBA,QAA9B;AACD"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/usePrevious.ts"],"names":["usePrevious","value","ref","React","useRef","useEffect","current"],"mappings":";;;;;;;;;AAAA;;AAEO,SAASA,WAAT,CAAwBC,KAAxB,EAAiD;AACtD,MAAMC,GAAG,GAAGC,KAAK,CAACC,MAAN,EAAZ;AAEAD,EAAAA,KAAK,CAACE,SAAN,CAAgB,YAAM;AACpBH,IAAAA,GAAG,CAACI,OAAJ,GAAcL,KAAd;AACD,GAFD;AAIA,SAAOC,GAAG,CAACI,OAAX;AACD","sourcesContent":["import * as React from \"react\";\n\nexport function usePrevious<T>(value: T): T | undefined {\n  const ref = React.useRef<T | undefined>();\n\n  React.useEffect(() => {\n    ref.current = value;\n  });\n\n  return ref.current;\n}\n"],"file":"usePrevious.js"}
+{"version":3,"file":"usePrevious.js","names":["usePrevious","value","ref","React","useRef","useEffect","current"],"sources":["../../../src/hooks/usePrevious.ts"],"sourcesContent":["import * as React from \"react\";\n\nexport function usePrevious<T>(value: T): T | undefined {\n  const ref = React.useRef<T | undefined>();\n\n  React.useEffect(() => {\n    ref.current = value;\n  });\n\n  return ref.current;\n}\n"],"mappings":";;;;;;;;;AAAA;;AAEO,SAASA,WAAT,CAAwBC,KAAxB,EAAiD;EACtD,IAAMC,GAAG,GAAGC,KAAK,CAACC,MAAN,EAAZ;EAEAD,KAAK,CAACE,SAAN,CAAgB,YAAM;IACpBH,GAAG,CAACI,OAAJ,GAAcL,KAAd;EACD,CAFD;EAIA,OAAOC,GAAG,CAACI,OAAX;AACD"}

package/dist/cjs/hooks/useTimeout.d.ts

@@ -0,0 +1,4 @@
+export declare function useTimeout(cb: () => any, duration: number): {
+    set: (duration?: any) => void;
+    clear: () => void;
+};

package/dist/cjs/hooks/useTimeout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useTimeout.ts"],"names":["useTimeout","cb","duration","options","React","useRef","current","timeout","clear","useCallback","canUseDOM","clearTimeout","set","setTimeout"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEO,SAASA,UAAT,CAAoBC,EAApB,EAAmCC,QAAnC,EAAqD;AAC1D,MAAMC,OAAO,GAAGC,KAAK,CAACC,MAAN,CAAa;AAAEJ,IAAAA,EAAE,EAAFA,EAAF;AAAMC,IAAAA,QAAQ,EAARA;AAAN,GAAb,CAAhB;AACA,4DAA0B,YAAM;AAC9BC,IAAAA,OAAO,CAACG,OAAR,CAAgBL,EAAhB,GAAqBA,EAArB;AACAE,IAAAA,OAAO,CAACG,OAAR,CAAgBJ,QAAhB,GAA2BA,QAA3B;AACD,GAHD,EAGG,CAACD,EAAD,EAAKC,QAAL,CAHH;AAKA,MAAMK,OAAO,GAAGH,KAAK,CAACC,MAAN,EAAhB;AACA,MAAMG,KAAK,GAAGJ,KAAK,CAACK,WAAN,CAAkB,YAAM;AACpC,QAAIC,kBAAaH,OAAb,aAAaA,OAAb,eAAaA,OAAO,CAAED,OAA1B,EAAmC;AACjCK,MAAAA,YAAY,CAACJ,OAAO,CAACD,OAAT,CAAZ;AACD;AACF,GAJa,EAIX,EAJW,CAAd;AAKA,MAAMM,GAAG,GAAGR,KAAK,CAACK,WAAN,CACV,YAAyC;AAAA,QAAxCP,QAAwC,uEAA7BC,OAAO,CAACG,OAAR,CAAgBJ,QAAa;AACvCM,IAAAA,KAAK;;AACL,QAAIE,cAAJ,EAAe;AACbH,MAAAA,OAAO,CAACD,OAAR,GAAkBO,UAAU,CAAC,YAAM;AACjC,YAAQZ,EAAR,GAAeE,OAAO,CAACG,OAAvB,CAAQL,EAAR;AACA,eAAOA,EAAP,KAAc,UAAd,IAA4BA,EAAE,EAA9B;AACD,OAH2B,EAGzBC,QAHyB,CAA5B;AAID;AACF,GATS,EAUV,CAACM,KAAD,CAVU,CAAZ;AAYA,4DAA0B;AAAA,WAAMA,KAAN;AAAA,GAA1B,EAAuC,EAAvC;AAEA,SAAO;AAAEI,IAAAA,GAAG,EAAHA,GAAF;AAAOJ,IAAAA,KAAK,EAALA;AAAP,GAAP;AACD","sourcesContent":["import * as React from \"react\";\nimport { useIsomorphicLayoutEffect } from \"../lib/useIsomorphicLayoutEffect\";\nimport { canUseDOM } from \"../lib/dom\";\n\nexport function useTimeout(cb: () => any, duration: number) {\n  const options = React.useRef({ cb, duration });\n  useIsomorphicLayoutEffect(() => {\n    options.current.cb = cb;\n    options.current.duration = duration;\n  }, [cb, duration]);\n\n  const timeout = React.useRef<ReturnType<typeof setTimeout>>();\n  const clear = React.useCallback(() => {\n    if (canUseDOM && timeout?.current) {\n      clearTimeout(timeout.current);\n    }\n  }, []);\n  const set = React.useCallback(\n    (duration = options.current.duration) => {\n      clear();\n      if (canUseDOM) {\n        timeout.current = setTimeout(() => {\n          const { cb } = options.current;\n          typeof cb === \"function\" && cb();\n        }, duration);\n      }\n    },\n    [clear]\n  );\n  useIsomorphicLayoutEffect(() => clear, []);\n\n  return { set, clear };\n}\n"],"file":"useTimeout.js"}
+{"version":3,"file":"useTimeout.js","names":["useTimeout","cb","duration","options","React","useRef","useIsomorphicLayoutEffect","current","timeout","clear","useCallback","canUseDOM","clearTimeout","set","setTimeout"],"sources":["../../../src/hooks/useTimeout.ts"],"sourcesContent":["import * as React from \"react\";\nimport { useIsomorphicLayoutEffect } from \"../lib/useIsomorphicLayoutEffect\";\nimport { canUseDOM } from \"../lib/dom\";\n\nexport function useTimeout(cb: () => any, duration: number) {\n  const options = React.useRef({ cb, duration });\n  useIsomorphicLayoutEffect(() => {\n    options.current.cb = cb;\n    options.current.duration = duration;\n  }, [cb, duration]);\n\n  const timeout = React.useRef<ReturnType<typeof setTimeout>>();\n  const clear = React.useCallback(() => {\n    if (canUseDOM && timeout?.current) {\n      clearTimeout(timeout.current);\n    }\n  }, []);\n  const set = React.useCallback(\n    (duration = options.current.duration) => {\n      clear();\n      if (canUseDOM) {\n        timeout.current = setTimeout(() => {\n          const { cb } = options.current;\n          typeof cb === \"function\" && cb();\n        }, duration);\n      }\n    },\n    [clear]\n  );\n  useIsomorphicLayoutEffect(() => clear, []);\n\n  return { set, clear };\n}\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEO,SAASA,UAAT,CAAoBC,EAApB,EAAmCC,QAAnC,EAAqD;EAC1D,IAAMC,OAAO,GAAGC,KAAK,CAACC,MAAN,CAAa;IAAEJ,EAAE,EAAFA,EAAF;IAAMC,QAAQ,EAARA;EAAN,CAAb,CAAhB;EACA,IAAAI,oDAAA,EAA0B,YAAM;IAC9BH,OAAO,CAACI,OAAR,CAAgBN,EAAhB,GAAqBA,EAArB;IACAE,OAAO,CAACI,OAAR,CAAgBL,QAAhB,GAA2BA,QAA3B;EACD,CAHD,EAGG,CAACD,EAAD,EAAKC,QAAL,CAHH;EAKA,IAAMM,OAAO,GAAGJ,KAAK,CAACC,MAAN,EAAhB;EACA,IAAMI,KAAK,GAAGL,KAAK,CAACM,WAAN,CAAkB,YAAM;IACpC,IAAIC,cAAA,IAAaH,OAAb,aAAaA,OAAb,eAAaA,OAAO,CAAED,OAA1B,EAAmC;MACjCK,YAAY,CAACJ,OAAO,CAACD,OAAT,CAAZ;IACD;EACF,CAJa,EAIX,EAJW,CAAd;EAKA,IAAMM,GAAG,GAAGT,KAAK,CAACM,WAAN,CACV,YAAyC;IAAA,IAAxCR,QAAwC,uEAA7BC,OAAO,CAACI,OAAR,CAAgBL,QAAa;IACvCO,KAAK;;IACL,IAAIE,cAAJ,EAAe;MACbH,OAAO,CAACD,OAAR,GAAkBO,UAAU,CAAC,YAAM;QACjC,IAAQb,EAAR,GAAeE,OAAO,CAACI,OAAvB,CAAQN,EAAR;QACA,OAAOA,EAAP,KAAc,UAAd,IAA4BA,EAAE,EAA9B;MACD,CAH2B,EAGzBC,QAHyB,CAA5B;IAID;EACF,CATS,EAUV,CAACO,KAAD,CAVU,CAAZ;EAYA,IAAAH,oDAAA,EAA0B;IAAA,OAAMG,KAAN;EAAA,CAA1B,EAAuC,EAAvC;EAEA,OAAO;IAAEI,GAAG,EAAHA,GAAF;IAAOJ,KAAK,EAALA;EAAP,CAAP;AACD"}

package/dist/cjs/hooks/useWaitTransitionFinish.d.ts

@@ -0,0 +1,3 @@
+export declare const useWaitTransitionFinish: () => {
+    waitTransitionFinish: (element: HTMLElement | null, eventHandler: VoidFunction, durationFallback: number) => void;
+};

package/dist/cjs/hooks/useWaitTransitionFinish.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useWaitTransitionFinish.ts"],"names":["useWaitTransitionFinish","timeoutRef","React","useRef","document","waitTransitionFinish","useCallback","element","eventHandler","durationFallback","hidden","transitionEvent","supported","name","removeEventListener","addEventListener","current","clearTimeout","setTimeout"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEO,IAAMA,uBAAuB,GAAG,SAA1BA,uBAA0B,GAAM;AAC3C,MAAMC,UAAU,GAAGC,KAAK,CAACC,MAAN,CAAmD,IAAnD,CAAnB;;AACA,gBAAqB,kBAArB;AAAA,MAAQC,QAAR,WAAQA,QAAR;;AAEA,MAAMC,oBAAoB,GAAGH,KAAK,CAACI,WAAN,CAC3B,UACEC,OADF,EAEEC,YAFF,EAGEC,gBAHF,EAIK;AACH,QAAIF,OAAJ,EAAa;AACX,UACE,EAACH,QAAD,aAACA,QAAD,eAACA,QAAQ,CAAEM,MAAX,KACAC,+BAAgBC,SADhB,IAEAD,+BAAgBE,IAHlB,EAIE;AACAN,QAAAA,OAAO,CAACO,mBAAR,CAA4BH,+BAAgBE,IAA5C,EAAkDL,YAAlD;AACAD,QAAAA,OAAO,CAACQ,gBAAR,CAAyBJ,+BAAgBE,IAAzC,EAA+CL,YAA/C;AACD,OAPD,MAOO;AACL,YAAIP,UAAJ,aAAIA,UAAJ,eAAIA,UAAU,CAAEe,OAAhB,EAAyB;AACvBC,UAAAA,YAAY,CAAChB,UAAU,CAACe,OAAZ,CAAZ;AACD;;AACDf,QAAAA,UAAU,CAACe,OAAX,GAAqBE,UAAU,CAACV,YAAD,EAAeC,gBAAf,CAA/B;AACD;AACF;AACF,GArB0B,EAsB3B,CAACL,QAAD,EAAWH,UAAX,CAtB2B,CAA7B;AAyBA,SAAO;AACLI,IAAAA,oBAAoB,EAApBA;AADK,GAAP;AAGD,CAhCM","sourcesContent":["import * as React from \"react\";\nimport { useDOM } from \"../lib/dom\";\nimport { transitionEvent } from \"../lib/supportEvents\";\n\nexport const useWaitTransitionFinish = () => {\n  const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n  const { document } = useDOM();\n\n  const waitTransitionFinish = React.useCallback(\n    (\n      element: HTMLElement | null,\n      eventHandler: VoidFunction,\n      durationFallback: number\n    ) => {\n      if (element) {\n        if (\n          !document?.hidden &&\n          transitionEvent.supported &&\n          transitionEvent.name\n        ) {\n          element.removeEventListener(transitionEvent.name, eventHandler);\n          element.addEventListener(transitionEvent.name, eventHandler);\n        } else {\n          if (timeoutRef?.current) {\n            clearTimeout(timeoutRef.current);\n          }\n          timeoutRef.current = setTimeout(eventHandler, durationFallback);\n        }\n      }\n    },\n    [document, timeoutRef]\n  );\n\n  return {\n    waitTransitionFinish,\n  };\n};\n"],"file":"useWaitTransitionFinish.js"}
+{"version":3,"file":"useWaitTransitionFinish.js","names":["useWaitTransitionFinish","timeoutRef","React","useRef","useDOM","document","waitTransitionFinish","useCallback","element","eventHandler","durationFallback","hidden","transitionEvent","supported","name","removeEventListener","addEventListener","current","clearTimeout","setTimeout"],"sources":["../../../src/hooks/useWaitTransitionFinish.ts"],"sourcesContent":["import * as React from \"react\";\nimport { useDOM } from \"../lib/dom\";\nimport { transitionEvent } from \"../lib/supportEvents\";\n\nexport const useWaitTransitionFinish = () => {\n  const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n  const { document } = useDOM();\n\n  const waitTransitionFinish = React.useCallback(\n    (\n      element: HTMLElement | null,\n      eventHandler: VoidFunction,\n      durationFallback: number\n    ) => {\n      if (element) {\n        if (\n          !document?.hidden &&\n          transitionEvent.supported &&\n          transitionEvent.name\n        ) {\n          element.removeEventListener(transitionEvent.name, eventHandler);\n          element.addEventListener(transitionEvent.name, eventHandler);\n        } else {\n          if (timeoutRef?.current) {\n            clearTimeout(timeoutRef.current);\n          }\n          timeoutRef.current = setTimeout(eventHandler, durationFallback);\n        }\n      }\n    },\n    [document, timeoutRef]\n  );\n\n  return {\n    waitTransitionFinish,\n  };\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEO,IAAMA,uBAAuB,GAAG,SAA1BA,uBAA0B,GAAM;EAC3C,IAAMC,UAAU,GAAGC,KAAK,CAACC,MAAN,CAAmD,IAAnD,CAAnB;;EACA,cAAqB,IAAAC,WAAA,GAArB;EAAA,IAAQC,QAAR,WAAQA,QAAR;;EAEA,IAAMC,oBAAoB,GAAGJ,KAAK,CAACK,WAAN,CAC3B,UACEC,OADF,EAEEC,YAFF,EAGEC,gBAHF,EAIK;IACH,IAAIF,OAAJ,EAAa;MACX,IACE,EAACH,QAAD,aAACA,QAAD,eAACA,QAAQ,CAAEM,MAAX,KACAC,8BAAA,CAAgBC,SADhB,IAEAD,8BAAA,CAAgBE,IAHlB,EAIE;QACAN,OAAO,CAACO,mBAAR,CAA4BH,8BAAA,CAAgBE,IAA5C,EAAkDL,YAAlD;QACAD,OAAO,CAACQ,gBAAR,CAAyBJ,8BAAA,CAAgBE,IAAzC,EAA+CL,YAA/C;MACD,CAPD,MAOO;QACL,IAAIR,UAAJ,aAAIA,UAAJ,eAAIA,UAAU,CAAEgB,OAAhB,EAAyB;UACvBC,YAAY,CAACjB,UAAU,CAACgB,OAAZ,CAAZ;QACD;;QACDhB,UAAU,CAACgB,OAAX,GAAqBE,UAAU,CAACV,YAAD,EAAeC,gBAAf,CAA/B;MACD;IACF;EACF,CArB0B,EAsB3B,CAACL,QAAD,EAAWJ,UAAX,CAtB2B,CAA7B;EAyBA,OAAO;IACLK,oBAAoB,EAApBA;EADK,CAAP;AAGD,CAhCM"}