@vkontakte/vkui 4.27.2 → 4.29.0

package/dist/cjs/components/WriteBarIcon/WriteBarIcon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/WriteBarIcon/WriteBarIcon.tsx"],"names":["warn","IS_DEV","process","env","NODE_ENV","WriteBarIcon","mode","children","count","restProps","platform","icon","ariaLabel","undefined","IOS"],"mappings":";;;;;;;;;;;;;;;;;AACA;;AAQA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;AAoBA,IAAMA,IAAI,GAAG,wBAAS,cAAT,CAAb;AACA,IAAMC,MAAM,GAAGC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAxC;;AAEO,IAAMC,YAAyC,GAAG,SAA5CA,YAA4C,OAKhC;AAAA,MAJvBC,IAIuB,QAJvBA,IAIuB;AAAA,MAHvBC,QAGuB,QAHvBA,QAGuB;AAAA,MAFvBC,KAEuB,QAFvBA,KAEuB;AAAA,MADpBC,SACoB;AACvB,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,MAAIC,IAAJ;AACA,MAAIC,SAA6B,GAAGC,SAApC;;AAEA,UAAQP,IAAR;AACE,SAAK,QAAL;AACEK,MAAAA,IAAI,GACFD,QAAQ,KAAKI,aAAb,GAAmB,qCAAC,6BAAD,OAAnB,GAAgD,qCAAC,0BAAD,OADlD;AAEAF,MAAAA,SAAS,GAAG,iBAAZ;AACA;;AAEF,SAAK,MAAL;AACED,MAAAA,IAAI,GAAGD,QAAQ,KAAKI,aAAb,GAAmB,qCAAC,yBAAD,OAAnB,GAA4C,qCAAC,iBAAD,OAAnD;AACAF,MAAAA,SAAS,GAAG,WAAZ;AACA;;AAEF,SAAK,MAAL;AACED,MAAAA,IAAI,GACFD,QAAQ,KAAKI,aAAb,GACE,qCAAC,yBAAD,OADF,GAGE,qCAAC,+BAAD,OAJJ;AAMAF,MAAAA,SAAS,GAAG,QAAZ;AACA;;AAEF;AACE;AAvBJ;;AA0BA,MAAIX,MAAM,IAAI,CAACQ,SAAS,CAAC,YAAD,CAApB,IAAsC,CAACG,SAA3C,EAAsD;AACpDZ,IAAAA,IAAI,CACF,sGADE,CAAJ;AAGD;;AAED,SACE,qCAAC,iBAAD;AACE,kBAAYY;AADd,KAEMH,SAFN;AAGE,IAAA,SAAS,EAAC,QAHZ;AAIE,IAAA,QAAQ,EAAE,KAJZ;AAKE,IAAA,UAAU,EAAC,sBALb;AAME,IAAA,SAAS,EAAE,6BAAW,gCAAa,cAAb,EAA6BC,QAA7B,CAAX,4DACSJ,IADT,GACkB,CAAC,CAACA,IADpB;AANb,MAUE;AAAM,IAAA,SAAS,EAAC;AAAhB,KACGK,IAAI,IAAIJ,QADX,EAEG,yBAAaC,KAAb,KACC,qCAAC,gBAAD;AAAS,IAAA,SAAS,EAAC,uBAAnB;AAA2C,IAAA,IAAI,EAAC;AAAhD,KACGA,KADH,CAHJ,CAVF,CADF;AAqBD,CAhEM","sourcesContent":["import * as React from \"react\";\nimport {\n  Icon24Send,\n  Icon28AddCircleOutline,\n  Icon28AttachOutline,\n  Icon28CheckCircleOutline,\n  Icon48WritebarDone,\n  Icon48WritebarSend,\n} from \"@vkontakte/icons\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { IOS } from \"../../lib/platform\";\nimport Counter from \"../Counter/Counter\";\nimport Tappable from \"../Tappable/Tappable\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport \"./WriteBarIcon.css\";\n\nexport interface WriteBarIconProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * Предустановленные типы кнопок в WriteBar для отрисовки иконки в зависимости от платформы.\n   * Если передать валидное значение для этого свойства, `children` игнорируется.\n   *\n   * - `attach` – иконка прикрепления.\n   * - `send` – иконка отправки.\n   * - `done` – иконка отправки в режиме редактирования.\n   */\n  mode?: \"attach\" | \"send\" | \"done\";\n  /**\n   * Значение счётчика для кнопки. Например, для количества прикреплённых файлов.\n   */\n  count?: number;\n}\n\nconst warn = warnOnce(\"WriteBarIcon\");\nconst IS_DEV = process.env.NODE_ENV === \"development\";\n\nexport const WriteBarIcon: React.FC<WriteBarIconProps> = ({\n  mode,\n  children,\n  count,\n  ...restProps\n}: WriteBarIconProps) => {\n  const platform = usePlatform();\n\n  let icon: React.ReactNode;\n  let ariaLabel: string | undefined = undefined;\n\n  switch (mode) {\n    case \"attach\":\n      icon =\n        platform === IOS ? <Icon28AddCircleOutline /> : <Icon28AttachOutline />;\n      ariaLabel = \"Прикрепить файл\";\n      break;\n\n    case \"send\":\n      icon = platform === IOS ? <Icon48WritebarSend /> : <Icon24Send />;\n      ariaLabel = \"Отправить\";\n      break;\n\n    case \"done\":\n      icon =\n        platform === IOS ? (\n          <Icon48WritebarDone />\n        ) : (\n          <Icon28CheckCircleOutline />\n        );\n      ariaLabel = \"Готово\";\n      break;\n\n    default:\n      break;\n  }\n\n  if (IS_DEV && !restProps[\"aria-label\"] && !ariaLabel) {\n    warn(\n      \"[WriteBarIcon/a11y] У WriteBarIcon нет aria-label. Кнопка будет недоступной для части пользователей.\"\n    );\n  }\n\n  return (\n    <Tappable\n      aria-label={ariaLabel}\n      {...restProps}\n      Component=\"button\"\n      hasHover={false}\n      activeMode=\"WriteBarIcon__active\"\n      vkuiClass={classNames(getClassName(\"WriteBarIcon\", platform), {\n        [`WriteBarIcon--${mode}`]: !!mode,\n      })}\n    >\n      <span vkuiClass=\"WriteBarIcon__in\">\n        {icon || children}\n        {hasReactNode(count) && (\n          <Counter vkuiClass=\"WriteBarIcon__counter\" size=\"s\">\n            {count}\n          </Counter>\n        )}\n      </span>\n    </Tappable>\n  );\n};\n"],"file":"WriteBarIcon.js"}
+{"version":3,"sources":["../../../../src/components/WriteBarIcon/WriteBarIcon.tsx"],"names":["warn","IS_DEV","process","env","NODE_ENV","WriteBarIcon","mode","children","count","restProps","platform","icon","ariaLabel","undefined","IOS"],"mappings":";;;;;;;;;;;;;;;;;AACA;;AAQA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;AAoBA,IAAMA,IAAI,GAAG,wBAAS,cAAT,CAAb;AACA,IAAMC,MAAM,GAAGC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAxC;;AAEO,IAAMC,YAAyC,GAAG,SAA5CA,YAA4C,OAKhC;AAAA,MAJvBC,IAIuB,QAJvBA,IAIuB;AAAA,MAHvBC,QAGuB,QAHvBA,QAGuB;AAAA,MAFvBC,KAEuB,QAFvBA,KAEuB;AAAA,MADpBC,SACoB;AACvB,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,MAAIC,IAAJ;AACA,MAAIC,SAA6B,GAAGC,SAApC;;AAEA,UAAQP,IAAR;AACE,SAAK,QAAL;AACEK,MAAAA,IAAI,GACFD,QAAQ,KAAKI,aAAb,GAAmB,qCAAC,6BAAD,OAAnB,GAAgD,qCAAC,0BAAD,OADlD;AAEAF,MAAAA,SAAS,GAAG,iBAAZ;AACA;;AAEF,SAAK,MAAL;AACED,MAAAA,IAAI,GAAGD,QAAQ,KAAKI,aAAb,GAAmB,qCAAC,yBAAD,OAAnB,GAA4C,qCAAC,iBAAD,OAAnD;AACAF,MAAAA,SAAS,GAAG,WAAZ;AACA;;AAEF,SAAK,MAAL;AACED,MAAAA,IAAI,GACFD,QAAQ,KAAKI,aAAb,GACE,qCAAC,yBAAD,OADF,GAGE,qCAAC,+BAAD,OAJJ;AAMAF,MAAAA,SAAS,GAAG,QAAZ;AACA;;AAEF;AACE;AAvBJ;;AA0BA,MAAIX,MAAM,IAAI,CAACQ,SAAS,CAAC,YAAD,CAApB,IAAsC,CAACG,SAA3C,EAAsD;AACpDZ,IAAAA,IAAI,CACF,wFADE,EAEF,OAFE,CAAJ;AAID;;AAED,SACE,qCAAC,iBAAD;AACE,kBAAYY;AADd,KAEMH,SAFN;AAGE,IAAA,SAAS,EAAC,QAHZ;AAIE,IAAA,QAAQ,EAAE,KAJZ;AAKE,IAAA,UAAU,EAAC,sBALb,CAME;AANF;AAOE,IAAA,SAAS,EAAE,6BAAW,gCAAa,cAAb,EAA6BC,QAA7B,CAAX,4DACSJ,IADT,GACkB,CAAC,CAACA,IADpB;AAPb,MAWE;AAAM,IAAA,SAAS,EAAC;AAAhB,KACGK,IAAI,IAAIJ,QADX,EAEG,yBAAaC,KAAb,KACC,qCAAC,gBAAD;AAAS,IAAA,SAAS,EAAC,uBAAnB;AAA2C,IAAA,IAAI,EAAC;AAAhD,KACGA,KADH,CAHJ,CAXF,CADF;AAsBD,CAlEM","sourcesContent":["import * as React from \"react\";\nimport {\n  Icon24Send,\n  Icon28AddCircleOutline,\n  Icon28AttachOutline,\n  Icon28CheckCircleOutline,\n  Icon48WritebarDone,\n  Icon48WritebarSend,\n} from \"@vkontakte/icons\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { IOS } from \"../../lib/platform\";\nimport Counter from \"../Counter/Counter\";\nimport Tappable from \"../Tappable/Tappable\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport \"./WriteBarIcon.css\";\n\nexport interface WriteBarIconProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * Предустановленные типы кнопок в WriteBar для отрисовки иконки в зависимости от платформы.\n   * Если передать валидное значение для этого свойства, `children` игнорируется.\n   *\n   * - `attach` – иконка прикрепления.\n   * - `send` – иконка отправки.\n   * - `done` – иконка отправки в режиме редактирования.\n   */\n  mode?: \"attach\" | \"send\" | \"done\";\n  /**\n   * Значение счётчика для кнопки. Например, для количества прикреплённых файлов.\n   */\n  count?: number;\n}\n\nconst warn = warnOnce(\"WriteBarIcon\");\nconst IS_DEV = process.env.NODE_ENV === \"development\";\n\nexport const WriteBarIcon: React.FC<WriteBarIconProps> = ({\n  mode,\n  children,\n  count,\n  ...restProps\n}: WriteBarIconProps) => {\n  const platform = usePlatform();\n\n  let icon: React.ReactNode;\n  let ariaLabel: string | undefined = undefined;\n\n  switch (mode) {\n    case \"attach\":\n      icon =\n        platform === IOS ? <Icon28AddCircleOutline /> : <Icon28AttachOutline />;\n      ariaLabel = \"Прикрепить файл\";\n      break;\n\n    case \"send\":\n      icon = platform === IOS ? <Icon48WritebarSend /> : <Icon24Send />;\n      ariaLabel = \"Отправить\";\n      break;\n\n    case \"done\":\n      icon =\n        platform === IOS ? (\n          <Icon48WritebarDone />\n        ) : (\n          <Icon28CheckCircleOutline />\n        );\n      ariaLabel = \"Готово\";\n      break;\n\n    default:\n      break;\n  }\n\n  if (IS_DEV && !restProps[\"aria-label\"] && !ariaLabel) {\n    warn(\n      \"a11y: У WriteBarIcon нет aria-label. Кнопка будет недоступной для части пользователей.\",\n      \"error\"\n    );\n  }\n\n  return (\n    <Tappable\n      aria-label={ariaLabel}\n      {...restProps}\n      Component=\"button\"\n      hasHover={false}\n      activeMode=\"WriteBarIcon__active\"\n      // eslint-disable-next-line vkui/no-object-expression-in-arguments\n      vkuiClass={classNames(getClassName(\"WriteBarIcon\", platform), {\n        [`WriteBarIcon--${mode}`]: !!mode,\n      })}\n    >\n      <span vkuiClass=\"WriteBarIcon__in\">\n        {icon || children}\n        {hasReactNode(count) && (\n          <Counter vkuiClass=\"WriteBarIcon__counter\" size=\"s\">\n            {count}\n          </Counter>\n        )}\n      </span>\n    </Tappable>\n  );\n};\n"],"file":"WriteBarIcon.js"}

package/dist/cjs/helpers/scheme.js

@@ -52,12 +52,12 @@ function normalizeScheme(_ref) {
   }
 
   if (scheme === Scheme.VKCOM) {
-    process.env.NODE_ENV === "development" && warn("\u0421\u0445\u0435\u043C\u0430 \"".concat(Scheme.VKCOM, "\" \u0443\u0441\u0442\u0430\u0440\u0435\u043B\u0430 \u0438 \u0431\u0443\u0434\u0435\u0442 \u0443\u0434\u0430\u043B\u0435\u043D\u0430 5.0.0. \u0412\u043C\u0435\u0441\u0442\u043E \u043D\u0435\u0451 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435 \"").concat(Scheme.VKCOM_LIGHT, "\""));
+    process.env.NODE_ENV === "development" && warn("\u0421\u0445\u0435\u043C\u0430 \"".concat(Scheme.VKCOM, "\" \u0443\u0441\u0442\u0430\u0440\u0435\u043B\u0430 \u0438 \u0431\u0443\u0434\u0435\u0442 \u0443\u0434\u0430\u043B\u0435\u043D\u0430 \u0432 v5.0.0. \u0412\u043C\u0435\u0441\u0442\u043E \u043D\u0435\u0451 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435 \"").concat(Scheme.VKCOM_LIGHT, "\""));
     return Scheme.VKCOM_LIGHT;
   }
 
   if (platform === _platform.VKCOM && (scheme === Scheme.BRIGHT_LIGHT || scheme === Scheme.SPACE_GRAY)) {
-    process.env.NODE_ENV === "development" && warn("\u041F\u043B\u0430\u0442\u0444\u043E\u0440\u043C\u0430 \"vkcom\" \u0438 \u0441\u0445\u0435\u043C\u0430 \"".concat(scheme, "\" \u043D\u0435\u0441\u043E\u0432\u043C\u0435\u0441\u0442\u0438\u043C\u044B. \u0421 \u044D\u0442\u043E\u0439 \u043F\u043B\u0430\u0442\u0444\u043E\u0440\u043C\u043E\u0439 \u043C\u043E\u0436\u043D\u043E \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C \u0441\u0445\u0435\u043C\u044B \"").concat(Scheme.VKCOM_LIGHT, "\" \u0438\u043B\u0438 \"").concat(Scheme.VKCOM_DARK, "\""));
+    process.env.NODE_ENV === "development" && warn("\u041F\u043B\u0430\u0442\u0444\u043E\u0440\u043C\u0430 \"vkcom\" \u0438 \u0441\u0445\u0435\u043C\u0430 \"".concat(scheme, "\" \u043D\u0435\u0441\u043E\u0432\u043C\u0435\u0441\u0442\u0438\u043C\u044B. \u0421 \u044D\u0442\u043E\u0439 \u043F\u043B\u0430\u0442\u0444\u043E\u0440\u043C\u043E\u0439 \u043C\u043E\u0436\u043D\u043E \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C \u0441\u0445\u0435\u043C\u044B \"").concat(Scheme.VKCOM_LIGHT, "\" \u0438\u043B\u0438 \"").concat(Scheme.VKCOM_DARK, "\""), "error");
     return Scheme.VKCOM_LIGHT;
   }
 

package/dist/cjs/helpers/scheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/helpers/scheme.ts"],"names":["Scheme","Appearance","warn","normalizeScheme","platform","scheme","appearance","VKCOM","process","env","NODE_ENV","VKCOM_LIGHT","BRIGHT_LIGHT","SPACE_GRAY","VKCOM_DARK","DEPRECATED_CLIENT_LIGHT","DEPRECATED_CLIENT_DARK"],"mappings":";;;;;;;;AACA;;AACA;;AACA;;IAEYA,M;;;WAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;GAAAA,M,sBAAAA,M;;IA8BAC,U;;;WAAAA,U;AAAAA,EAAAA,U;AAAAA,EAAAA,U;GAAAA,U,0BAAAA,U;;AAKZ,IAAMC,IAAI,GAAG,wBAAS,QAAT,CAAb;;AAQO,SAASC,eAAT,OAIsC;AAAA,MAH3CC,QAG2C,QAH3CA,QAG2C;AAAA,MAF3CC,MAE2C,QAF3CA,MAE2C;AAAA,MAD3CC,UAC2C,QAD3CA,UAC2C;;AAC3C,MAAIA,UAAJ,EAAgB;AACd,WAAO,0BAAU;AAAEF,MAAAA,QAAQ,EAARA,QAAF;AAAYE,MAAAA,UAAU,EAAVA;AAAZ,KAAV,CAAP;AACD;;AAED,MAAID,MAAM,KAAK,SAAf,EAA0B;AACxB,WAAOA,MAAP;AACD;;AACD,MAAIA,MAAM,KAAKL,MAAM,CAACO,KAAtB,EAA6B;AAC3BC,IAAAA,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACER,IAAI,4CACQF,MAAM,CAACO,KADf,sRACiFP,MAAM,CAACW,WADxF,QADN;AAIA,WAAOX,MAAM,CAACW,WAAd;AACD;;AACD,MACEP,QAAQ,KAAKG,eAAb,KACCF,MAAM,KAAKL,MAAM,CAACY,YAAlB,IAAkCP,MAAM,KAAKL,MAAM,CAACa,UADrD,CADF,EAGE;AACAL,IAAAA,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACER,IAAI,oHAC4BG,MAD5B,gUACiGL,MAAM,CAACW,WADxG,qCAC6HX,MAAM,CAACc,UADpI,QADN;AAIA,WAAOd,MAAM,CAACW,WAAd;AACD;;AACD,UAAQN,MAAR;AACE,SAAKL,MAAM,CAACe,uBAAZ;AACE,aAAOf,MAAM,CAACY,YAAd;;AACF,SAAKZ,MAAM,CAACgB,sBAAZ;AACE,aAAOhB,MAAM,CAACa,UAAd;;AACF;AACE,aAAOR,MAAP;AANJ;AAQD","sourcesContent":["import { AppearanceSchemeType, AppearanceType } from \"@vkontakte/vk-bridge\";\nimport { PlatformType, VKCOM } from \"../lib/platform\";\nimport { warnOnce } from \"../lib/warnOnce\";\nimport { getScheme } from \"./getScheme\";\n\nexport enum Scheme {\n  /**\n   * @deprecated будет удалено в 5.0.0\n   * версия оставлена для совместимости со старыми версиями клиентов\n   */\n  DEPRECATED_CLIENT_LIGHT = \"client_light\",\n  /**\n   * @deprecated будет удалено в 5.0.0\n   * версия оставлена для совместимости со старыми версиями клиентов\n   */\n  DEPRECATED_CLIENT_DARK = \"client_dark\",\n  /**\n   * @deprecated будет удалено в 5.0.0\n   * версия оставлена для совместимости с vkcom, когда там была только одна схема\n   */\n  VKCOM = \"vkcom\",\n\n  BRIGHT_LIGHT = \"bright_light\",\n  SPACE_GRAY = \"space_gray\",\n  VKCOM_LIGHT = \"vkcom_light\",\n  VKCOM_DARK = \"vkcom_dark\",\n}\n\nexport type AppearanceScheme =\n  | AppearanceSchemeType\n  | Scheme.VKCOM\n  | Scheme.VKCOM_DARK\n  | Scheme.VKCOM_LIGHT\n  | \"inherit\";\n\nexport enum Appearance {\n  DARK = \"dark\",\n  LIGHT = \"light\",\n}\n\nconst warn = warnOnce(\"scheme\");\n\nexport interface NormalizeSchemeProps {\n  platform: PlatformType;\n  scheme?: AppearanceScheme;\n  appearance?: AppearanceType;\n}\n\nexport function normalizeScheme({\n  platform,\n  scheme,\n  appearance,\n}: NormalizeSchemeProps): Scheme | \"inherit\" {\n  if (appearance) {\n    return getScheme({ platform, appearance });\n  }\n\n  if (scheme === \"inherit\") {\n    return scheme;\n  }\n  if (scheme === Scheme.VKCOM) {\n    process.env.NODE_ENV === \"development\" &&\n      warn(\n        `Схема \"${Scheme.VKCOM}\" устарела и будет удалена 5.0.0. Вместо неё используйте \"${Scheme.VKCOM_LIGHT}\"`\n      );\n    return Scheme.VKCOM_LIGHT;\n  }\n  if (\n    platform === VKCOM &&\n    (scheme === Scheme.BRIGHT_LIGHT || scheme === Scheme.SPACE_GRAY)\n  ) {\n    process.env.NODE_ENV === \"development\" &&\n      warn(\n        `Платформа \"vkcom\" и схема \"${scheme}\" несовместимы. С этой платформой можно использовать схемы \"${Scheme.VKCOM_LIGHT}\" или \"${Scheme.VKCOM_DARK}\"`\n      );\n    return Scheme.VKCOM_LIGHT;\n  }\n  switch (scheme) {\n    case Scheme.DEPRECATED_CLIENT_LIGHT:\n      return Scheme.BRIGHT_LIGHT;\n    case Scheme.DEPRECATED_CLIENT_DARK:\n      return Scheme.SPACE_GRAY;\n    default:\n      return scheme as Scheme;\n  }\n}\n"],"file":"scheme.js"}
+{"version":3,"sources":["../../../src/helpers/scheme.ts"],"names":["Scheme","Appearance","warn","normalizeScheme","platform","scheme","appearance","VKCOM","process","env","NODE_ENV","VKCOM_LIGHT","BRIGHT_LIGHT","SPACE_GRAY","VKCOM_DARK","DEPRECATED_CLIENT_LIGHT","DEPRECATED_CLIENT_DARK"],"mappings":";;;;;;;;AACA;;AACA;;AACA;;IAEYA,M;;;WAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;GAAAA,M,sBAAAA,M;;IA8BAC,U;;;WAAAA,U;AAAAA,EAAAA,U;AAAAA,EAAAA,U;GAAAA,U,0BAAAA,U;;AAKZ,IAAMC,IAAI,GAAG,wBAAS,QAAT,CAAb;;AAQO,SAASC,eAAT,OAIsC;AAAA,MAH3CC,QAG2C,QAH3CA,QAG2C;AAAA,MAF3CC,MAE2C,QAF3CA,MAE2C;AAAA,MAD3CC,UAC2C,QAD3CA,UAC2C;;AAC3C,MAAIA,UAAJ,EAAgB;AACd,WAAO,0BAAU;AAAEF,MAAAA,QAAQ,EAARA,QAAF;AAAYE,MAAAA,UAAU,EAAVA;AAAZ,KAAV,CAAP;AACD;;AAED,MAAID,MAAM,KAAK,SAAf,EAA0B;AACxB,WAAOA,MAAP;AACD;;AACD,MAAIA,MAAM,KAAKL,MAAM,CAACO,KAAtB,EAA6B;AAC3BC,IAAAA,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACER,IAAI,4CACQF,MAAM,CAACO,KADf,8RACoFP,MAAM,CAACW,WAD3F,QADN;AAIA,WAAOX,MAAM,CAACW,WAAd;AACD;;AACD,MACEP,QAAQ,KAAKG,eAAb,KACCF,MAAM,KAAKL,MAAM,CAACY,YAAlB,IAAkCP,MAAM,KAAKL,MAAM,CAACa,UADrD,CADF,EAGE;AACAL,IAAAA,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACER,IAAI,oHAC4BG,MAD5B,gUACiGL,MAAM,CAACW,WADxG,qCAC6HX,MAAM,CAACc,UADpI,SAEF,OAFE,CADN;AAKA,WAAOd,MAAM,CAACW,WAAd;AACD;;AACD,UAAQN,MAAR;AACE,SAAKL,MAAM,CAACe,uBAAZ;AACE,aAAOf,MAAM,CAACY,YAAd;;AACF,SAAKZ,MAAM,CAACgB,sBAAZ;AACE,aAAOhB,MAAM,CAACa,UAAd;;AACF;AACE,aAAOR,MAAP;AANJ;AAQD","sourcesContent":["import { AppearanceSchemeType, AppearanceType } from \"@vkontakte/vk-bridge\";\nimport { PlatformType, VKCOM } from \"../lib/platform\";\nimport { warnOnce } from \"../lib/warnOnce\";\nimport { getScheme } from \"./getScheme\";\n\nexport enum Scheme {\n  /**\n   * @deprecated будет удалено в 5.0.0\n   * версия оставлена для совместимости со старыми версиями клиентов\n   */\n  DEPRECATED_CLIENT_LIGHT = \"client_light\",\n  /**\n   * @deprecated будет удалено в 5.0.0\n   * версия оставлена для совместимости со старыми версиями клиентов\n   */\n  DEPRECATED_CLIENT_DARK = \"client_dark\",\n  /**\n   * @deprecated будет удалено в 5.0.0\n   * версия оставлена для совместимости с vkcom, когда там была только одна схема\n   */\n  VKCOM = \"vkcom\",\n\n  BRIGHT_LIGHT = \"bright_light\",\n  SPACE_GRAY = \"space_gray\",\n  VKCOM_LIGHT = \"vkcom_light\",\n  VKCOM_DARK = \"vkcom_dark\",\n}\n\nexport type AppearanceScheme =\n  | AppearanceSchemeType\n  | Scheme.VKCOM\n  | Scheme.VKCOM_DARK\n  | Scheme.VKCOM_LIGHT\n  | \"inherit\";\n\nexport enum Appearance {\n  DARK = \"dark\",\n  LIGHT = \"light\",\n}\n\nconst warn = warnOnce(\"scheme\");\n\nexport interface NormalizeSchemeProps {\n  platform: PlatformType;\n  scheme?: AppearanceScheme;\n  appearance?: AppearanceType;\n}\n\nexport function normalizeScheme({\n  platform,\n  scheme,\n  appearance,\n}: NormalizeSchemeProps): Scheme | \"inherit\" {\n  if (appearance) {\n    return getScheme({ platform, appearance });\n  }\n\n  if (scheme === \"inherit\") {\n    return scheme;\n  }\n  if (scheme === Scheme.VKCOM) {\n    process.env.NODE_ENV === \"development\" &&\n      warn(\n        `Схема \"${Scheme.VKCOM}\" устарела и будет удалена в v5.0.0. Вместо неё используйте \"${Scheme.VKCOM_LIGHT}\"`\n      );\n    return Scheme.VKCOM_LIGHT;\n  }\n  if (\n    platform === VKCOM &&\n    (scheme === Scheme.BRIGHT_LIGHT || scheme === Scheme.SPACE_GRAY)\n  ) {\n    process.env.NODE_ENV === \"development\" &&\n      warn(\n        `Платформа \"vkcom\" и схема \"${scheme}\" несовместимы. С этой платформой можно использовать схемы \"${Scheme.VKCOM_LIGHT}\" или \"${Scheme.VKCOM_DARK}\"`,\n        \"error\"\n      );\n    return Scheme.VKCOM_LIGHT;\n  }\n  switch (scheme) {\n    case Scheme.DEPRECATED_CLIENT_LIGHT:\n      return Scheme.BRIGHT_LIGHT;\n    case Scheme.DEPRECATED_CLIENT_DARK:\n      return Scheme.SPACE_GRAY;\n    default:\n      return scheme as Scheme;\n  }\n}\n"],"file":"scheme.js"}

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

@@ -0,0 +1,6 @@
+export declare const useBooleanState: (defaultValue?: boolean) => {
+    value: boolean;
+    setTrue: () => void;
+    setFalse: () => void;
+    toggle: () => void;
+};

package/dist/cjs/hooks/useBooleanState.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useBooleanState = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var useBooleanState = function useBooleanState() {
+  var defaultValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+
+  var _React$useState = React.useState(defaultValue),
+      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+      value = _React$useState2[0],
+      setValue = _React$useState2[1];
+
+  var setTrue = React.useCallback(function () {
+    setValue(true);
+  }, []);
+  var setFalse = React.useCallback(function () {
+    setValue(false);
+  }, []);
+  var toggle = React.useCallback(function () {
+    setValue(!value);
+  }, [value]);
+  return {
+    value: value,
+    setTrue: setTrue,
+    setFalse: setFalse,
+    toggle: toggle
+  };
+};
+
+exports.useBooleanState = useBooleanState;
+//# sourceMappingURL=useBooleanState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useBooleanState.ts"],"names":["useBooleanState","defaultValue","React","useState","value","setValue","setTrue","useCallback","setFalse","toggle"],"mappings":";;;;;;;;;;;;;AAAA;;AAEO,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,GAA0B;AAAA,MAAzBC,YAAyB,uEAAV,KAAU;;AACvD,wBAA0BC,KAAK,CAACC,QAAN,CAAeF,YAAf,CAA1B;AAAA;AAAA,MAAOG,KAAP;AAAA,MAAcC,QAAd;;AAEA,MAAMC,OAAO,GAAGJ,KAAK,CAACK,WAAN,CAAkB,YAAM;AACtCF,IAAAA,QAAQ,CAAC,IAAD,CAAR;AACD,GAFe,EAEb,EAFa,CAAhB;AAIA,MAAMG,QAAQ,GAAGN,KAAK,CAACK,WAAN,CAAkB,YAAM;AACvCF,IAAAA,QAAQ,CAAC,KAAD,CAAR;AACD,GAFgB,EAEd,EAFc,CAAjB;AAIA,MAAMI,MAAM,GAAGP,KAAK,CAACK,WAAN,CAAkB,YAAM;AACrCF,IAAAA,QAAQ,CAAC,CAACD,KAAF,CAAR;AACD,GAFc,EAEZ,CAACA,KAAD,CAFY,CAAf;AAIA,SAAO;AAAEA,IAAAA,KAAK,EAALA,KAAF;AAASE,IAAAA,OAAO,EAAPA,OAAT;AAAkBE,IAAAA,QAAQ,EAARA,QAAlB;AAA4BC,IAAAA,MAAM,EAANA;AAA5B,GAAP;AACD,CAhBM","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"],"file":"useBooleanState.js"}

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

@@ -0,0 +1,6 @@
+export interface BridgeAdaptivity {
+    type: "" | "force_mobile" | "force_mobile_compact" | "adaptive";
+    viewportWidth: number;
+    viewportHeight: number;
+}
+export declare function useBridgeAdaptivity(): BridgeAdaptivity;

package/dist/cjs/hooks/useBridgeAdaptivity.js

@@ -0,0 +1,85 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useBridgeAdaptivity = useBridgeAdaptivity;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _vkBridge = _interopRequireDefault(require("@vkontakte/vk-bridge"));
+
+var _useIsomorphicLayoutEffect = require("../lib/useIsomorphicLayoutEffect");
+
+var initialState = {
+  type: "",
+  viewportWidth: 0,
+  viewportHeight: 0
+};
+
+function resolveAdaptivity(e) {
+  var _e$detail = e.detail,
+      type = _e$detail.type,
+      data = _e$detail.data;
+
+  if (type !== "VKWebAppUpdateConfig" || !data) {
+    return null;
+  }
+
+  var adaptivity = data.adaptivity,
+      viewportWidth = data.viewport_width,
+      viewportHeight = data.viewport_height;
+  var bridgeAdaptivity = {
+    type: "",
+    viewportWidth: isFinite(viewportWidth) ? +viewportWidth : 0,
+    viewportHeight: isFinite(viewportHeight) ? +viewportHeight : 0
+  };
+
+  switch (adaptivity) {
+    case "force_mobile":
+    case "force_mobile_compact":
+    case "adaptive":
+      bridgeAdaptivity.type = adaptivity;
+  }
+
+  return bridgeAdaptivity;
+}
+
+_vkBridge.default.subscribe(function (e) {
+  var bridgeAdaptivity = resolveAdaptivity(e);
+
+  if (bridgeAdaptivity) {
+    initialState = bridgeAdaptivity;
+  }
+});
+
+function useBridgeAdaptivity() {
+  var _React$useState = React.useState(initialState),
+      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+      bridgeAdaptivity = _React$useState2[0],
+      setBridgeAdaptivity = _React$useState2[1];
+
+  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
+    function bridgeListener(e) {
+      var newBridgeAdaptivity = resolveAdaptivity(e);
+
+      if (newBridgeAdaptivity) {
+        setBridgeAdaptivity(newBridgeAdaptivity);
+      }
+    }
+
+    _vkBridge.default.subscribe(bridgeListener);
+
+    return function () {
+      _vkBridge.default.unsubscribe(bridgeListener);
+    };
+  }, []);
+  return bridgeAdaptivity;
+}
+//# sourceMappingURL=useBridgeAdaptivity.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useBridgeAdaptivity.ts"],"names":["initialState","type","viewportWidth","viewportHeight","resolveAdaptivity","e","detail","data","adaptivity","viewport_width","viewport_height","bridgeAdaptivity","isFinite","vkBridge","subscribe","useBridgeAdaptivity","React","useState","setBridgeAdaptivity","bridgeListener","newBridgeAdaptivity","unsubscribe"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAiBA,IAAIA,YAA8B,GAAG;AACnCC,EAAAA,IAAI,EAAE,EAD6B;AAEnCC,EAAAA,aAAa,EAAE,CAFoB;AAGnCC,EAAAA,cAAc,EAAE;AAHmB,CAArC;;AAMA,SAASC,iBAAT,CAA2BC,CAA3B,EAAoE;AAClE,kBAAuBA,CAAC,CAACC,MAAzB;AAAA,MAAQL,IAAR,aAAQA,IAAR;AAAA,MAAcM,IAAd,aAAcA,IAAd;;AAEA,MAAIN,IAAI,KAAK,sBAAT,IAAmC,CAACM,IAAxC,EAA8C;AAC5C,WAAO,IAAP;AACD;;AAED,MACEC,UADF,GAIID,IAJJ,CACEC,UADF;AAAA,MAEkBN,aAFlB,GAIIK,IAJJ,CAEEE,cAFF;AAAA,MAGmBN,cAHnB,GAIII,IAJJ,CAGEG,eAHF;AAMA,MAAMC,gBAAkC,GAAG;AACzCV,IAAAA,IAAI,EAAE,EADmC;AAEzCC,IAAAA,aAAa,EAAEU,QAAQ,CAACV,aAAD,CAAR,GAA0B,CAACA,aAA3B,GAA2C,CAFjB;AAGzCC,IAAAA,cAAc,EAAES,QAAQ,CAACT,cAAD,CAAR,GAA2B,CAACA,cAA5B,GAA6C;AAHpB,GAA3C;;AAMA,UAAQK,UAAR;AACE,SAAK,cAAL;AACA,SAAK,sBAAL;AACA,SAAK,UAAL;AACEG,MAAAA,gBAAgB,CAACV,IAAjB,GAAwBO,UAAxB;AAJJ;;AAOA,SAAOG,gBAAP;AACD;;AAEDE,kBAASC,SAAT,CAAmB,UAACT,CAAD,EAAoB;AACrC,MAAMM,gBAAgB,GAAGP,iBAAiB,CAACC,CAAD,CAA1C;;AAEA,MAAIM,gBAAJ,EAAsB;AACpBX,IAAAA,YAAY,GAAGW,gBAAf;AACD;AACF,CAND;;AAQO,SAASI,mBAAT,GAAiD;AACtD,wBACEC,KAAK,CAACC,QAAN,CAAiCjB,YAAjC,CADF;AAAA;AAAA,MAAOW,gBAAP;AAAA,MAAyBO,mBAAzB;;AAGA,4DAA0B,YAAM;AAC9B,aAASC,cAAT,CAAwBd,CAAxB,EAAwC;AACtC,UAAMe,mBAAmB,GAAGhB,iBAAiB,CAACC,CAAD,CAA7C;;AAEA,UAAIe,mBAAJ,EAAyB;AACvBF,QAAAA,mBAAmB,CAACE,mBAAD,CAAnB;AACD;AACF;;AAEDP,sBAASC,SAAT,CAAmBK,cAAnB;;AACA,WAAO,YAAM;AACXN,wBAASQ,WAAT,CAAqBF,cAArB;AACD,KAFD;AAGD,GAbD,EAaG,EAbH;AAeA,SAAOR,gBAAP;AACD","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"],"file":"useBridgeAdaptivity.js"}

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

@@ -0,0 +1,18 @@
+import * as React from "react";
+export interface UseCalendarDependencies {
+    value?: Array<Date | null> | Date;
+    disablePast?: boolean;
+    disableFuture?: boolean;
+    shouldDisableDate?(value: Date): boolean;
+}
+export declare function useCalendar({ value, disablePast, disableFuture, shouldDisableDate, }: UseCalendarDependencies): {
+    viewDate: Date;
+    setViewDate: React.Dispatch<React.SetStateAction<Date>>;
+    setPrevMonth: () => void;
+    setNextMonth: () => void;
+    focusedDay: Date | undefined;
+    setFocusedDay: React.Dispatch<React.SetStateAction<Date | undefined>>;
+    isDayFocused: (day: Date) => boolean;
+    isDayDisabled: (day: Date) => boolean;
+    resetSelectedDay: () => void;
+};

package/dist/cjs/hooks/useCalendar.js

@@ -0,0 +1,78 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCalendar = useCalendar;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _date = require("../lib/date");
+
+function useCalendar(_ref) {
+  var _ref2;
+
+  var value = _ref.value,
+      disablePast = _ref.disablePast,
+      disableFuture = _ref.disableFuture,
+      shouldDisableDate = _ref.shouldDisableDate;
+
+  var _React$useState = React.useState((_ref2 = Array.isArray(value) ? value[0] : value) !== null && _ref2 !== void 0 ? _ref2 : new Date()),
+      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+      viewDate = _React$useState2[0],
+      setViewDate = _React$useState2[1];
+
+  var _React$useState3 = React.useState(),
+      _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
+      focusedDay = _React$useState4[0],
+      setFocusedDay = _React$useState4[1];
+
+  var setPrevMonth = React.useCallback(function () {
+    return setViewDate((0, _date.subMonths)(viewDate, 1));
+  }, [viewDate]);
+  var setNextMonth = React.useCallback(function () {
+    return setViewDate((0, _date.addMonths)(viewDate, 1));
+  }, [viewDate]);
+  var isDayFocused = React.useCallback(function (day) {
+    return Boolean(focusedDay && (0, _date.isSameDay)(day, focusedDay));
+  }, [focusedDay]);
+  var isDayDisabled = React.useCallback(function (day) {
+    var now = new Date();
+    var disabled = false;
+
+    if (disablePast) {
+      disabled = (0, _date.isBefore)((0, _date.endOfDay)(day), now);
+    }
+
+    if (disableFuture) {
+      disabled = (0, _date.isAfter)((0, _date.startOfDay)(day), now);
+    }
+
+    if (shouldDisableDate) {
+      disabled = shouldDisableDate(day);
+    }
+
+    return disabled;
+  }, [disableFuture, disablePast, shouldDisableDate]);
+  var resetSelectedDay = React.useCallback(function () {
+    setFocusedDay(undefined);
+  }, [setFocusedDay]);
+  return {
+    viewDate: viewDate,
+    setViewDate: setViewDate,
+    setPrevMonth: setPrevMonth,
+    setNextMonth: setNextMonth,
+    focusedDay: focusedDay,
+    setFocusedDay: setFocusedDay,
+    isDayFocused: isDayFocused,
+    isDayDisabled: isDayDisabled,
+    resetSelectedDay: resetSelectedDay
+  };
+}
+//# sourceMappingURL=useCalendar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useCalendar.ts"],"names":["useCalendar","value","disablePast","disableFuture","shouldDisableDate","React","useState","Array","isArray","Date","viewDate","setViewDate","focusedDay","setFocusedDay","setPrevMonth","useCallback","setNextMonth","isDayFocused","day","Boolean","isDayDisabled","now","disabled","resetSelectedDay","undefined"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAiBO,SAASA,WAAT,OAKqB;AAAA;;AAAA,MAJ1BC,KAI0B,QAJ1BA,KAI0B;AAAA,MAH1BC,WAG0B,QAH1BA,WAG0B;AAAA,MAF1BC,aAE0B,QAF1BA,aAE0B;AAAA,MAD1BC,iBAC0B,QAD1BA,iBAC0B;;AAC1B,wBAAgCC,KAAK,CAACC,QAAN,UAC7BC,KAAK,CAACC,OAAN,CAAcP,KAAd,IAAuBA,KAAK,CAAC,CAAD,CAA5B,GAAkCA,KADL,yCACe,IAAIQ,IAAJ,EADf,CAAhC;AAAA;AAAA,MAAOC,QAAP;AAAA,MAAiBC,WAAjB;;AAGA,yBAAoCN,KAAK,CAACC,QAAN,EAApC;AAAA;AAAA,MAAOM,UAAP;AAAA,MAAmBC,aAAnB;;AAEA,MAAMC,YAAY,GAAGT,KAAK,CAACU,WAAN,CACnB;AAAA,WAAMJ,WAAW,CAAC,qBAAUD,QAAV,EAAoB,CAApB,CAAD,CAAjB;AAAA,GADmB,EAEnB,CAACA,QAAD,CAFmB,CAArB;AAIA,MAAMM,YAAY,GAAGX,KAAK,CAACU,WAAN,CACnB;AAAA,WAAMJ,WAAW,CAAC,qBAAUD,QAAV,EAAoB,CAApB,CAAD,CAAjB;AAAA,GADmB,EAEnB,CAACA,QAAD,CAFmB,CAArB;AAKA,MAAMO,YAAY,GAAGZ,KAAK,CAACU,WAAN,CACnB,UAACG,GAAD;AAAA,WAAeC,OAAO,CAACP,UAAU,IAAI,qBAAUM,GAAV,EAAeN,UAAf,CAAf,CAAtB;AAAA,GADmB,EAEnB,CAACA,UAAD,CAFmB,CAArB;AAKA,MAAMQ,aAAa,GAAGf,KAAK,CAACU,WAAN,CACpB,UAACG,GAAD,EAAe;AACb,QAAMG,GAAG,GAAG,IAAIZ,IAAJ,EAAZ;AACA,QAAIa,QAAQ,GAAG,KAAf;;AACA,QAAIpB,WAAJ,EAAiB;AACfoB,MAAAA,QAAQ,GAAG,oBAAS,oBAASJ,GAAT,CAAT,EAAwBG,GAAxB,CAAX;AACD;;AACD,QAAIlB,aAAJ,EAAmB;AACjBmB,MAAAA,QAAQ,GAAG,mBAAQ,sBAAWJ,GAAX,CAAR,EAAyBG,GAAzB,CAAX;AACD;;AACD,QAAIjB,iBAAJ,EAAuB;AACrBkB,MAAAA,QAAQ,GAAGlB,iBAAiB,CAACc,GAAD,CAA5B;AACD;;AAED,WAAOI,QAAP;AACD,GAfmB,EAgBpB,CAACnB,aAAD,EAAgBD,WAAhB,EAA6BE,iBAA7B,CAhBoB,CAAtB;AAmBA,MAAMmB,gBAAgB,GAAGlB,KAAK,CAACU,WAAN,CAAkB,YAAM;AAC/CF,IAAAA,aAAa,CAACW,SAAD,CAAb;AACD,GAFwB,EAEtB,CAACX,aAAD,CAFsB,CAAzB;AAIA,SAAO;AACLH,IAAAA,QAAQ,EAARA,QADK;AAELC,IAAAA,WAAW,EAAXA,WAFK;AAGLG,IAAAA,YAAY,EAAZA,YAHK;AAILE,IAAAA,YAAY,EAAZA,YAJK;AAKLJ,IAAAA,UAAU,EAAVA,UALK;AAMLC,IAAAA,aAAa,EAAbA,aANK;AAOLI,IAAAA,YAAY,EAAZA,YAPK;AAQLG,IAAAA,aAAa,EAAbA,aARK;AASLG,IAAAA,gBAAgB,EAAhBA;AATK,GAAP;AAWD","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\";\n\nexport interface UseCalendarDependencies {\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}: 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    () => setViewDate(subMonths(viewDate, 1)),\n    [viewDate]\n  );\n  const setNextMonth = React.useCallback(\n    () => setViewDate(addMonths(viewDate, 1)),\n    [viewDate]\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,\n    setPrevMonth,\n    setNextMonth,\n    focusedDay,\n    setFocusedDay,\n    isDayFocused,\n    isDayDisabled,\n    resetSelectedDay,\n  };\n}\n"],"file":"useCalendar.js"}

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

@@ -0,0 +1,30 @@
+import * as React from "react";
+export interface UseDateInputDependencies<T, D> {
+    maxElement: number;
+    refs: Array<React.RefObject<T>>;
+    autoFocus?: boolean;
+    disabled?: boolean;
+    value?: D;
+    elementsConfig(index: number): {
+        length: number;
+        min: number;
+        max: number;
+    };
+    onInternalValueChange(value: string[]): void;
+    getInternalValue(value?: D | undefined): string[];
+    onChange?(value?: D | undefined): void;
+}
+export declare function useDateInput<T extends HTMLElement, D>({ maxElement, refs, autoFocus, disabled, elementsConfig, onChange, onInternalValueChange, getInternalValue, value, }: UseDateInputDependencies<T, D>): {
+    rootRef: React.RefObject<HTMLDivElement>;
+    calendarRef: React.RefObject<HTMLDivElement>;
+    open: boolean;
+    openCalendar: () => void;
+    closeCalendar: () => void;
+    internalValue: string[];
+    focusedElement: number | null;
+    setFocusedElement: React.Dispatch<React.SetStateAction<number | null>>;
+    handleKeyDown: (e: React.KeyboardEvent<HTMLSpanElement>) => void;
+    clear: () => void;
+    handleFieldEnter: () => void;
+    removeFocusFromField: () => void;
+};

package/dist/cjs/hooks/useDateInput.js

@@ -0,0 +1,180 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDateInput = useDateInput;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _useBooleanState2 = require("./useBooleanState");
+
+var _useGlobalEventListener = require("./useGlobalEventListener");
+
+var _dom = require("../lib/dom");
+
+function useDateInput(_ref) {
+  var maxElement = _ref.maxElement,
+      refs = _ref.refs,
+      autoFocus = _ref.autoFocus,
+      disabled = _ref.disabled,
+      elementsConfig = _ref.elementsConfig,
+      onChange = _ref.onChange,
+      onInternalValueChange = _ref.onInternalValueChange,
+      getInternalValue = _ref.getInternalValue,
+      value = _ref.value;
+
+  var _useDOM = (0, _dom.useDOM)(),
+      document = _useDOM.document;
+
+  var _useBooleanState = (0, _useBooleanState2.useBooleanState)(false),
+      open = _useBooleanState.value,
+      openCalendar = _useBooleanState.setTrue,
+      closeCalendar = _useBooleanState.setFalse;
+
+  var rootRef = React.useRef(null);
+  var calendarRef = React.useRef(null);
+
+  var _React$useState = React.useState([]),
+      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+      internalValue = _React$useState2[0],
+      setInternalValue = _React$useState2[1];
+
+  var _React$useState3 = React.useState(null),
+      _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
+      focusedElement = _React$useState4[0],
+      setFocusedElement = _React$useState4[1];
+
+  var _useDOM2 = (0, _dom.useDOM)(),
+      window = _useDOM2.window;
+
+  var removeFocusFromField = React.useCallback(function () {
+    if (open) {
+      var _getSelection;
+
+      setFocusedElement(null);
+      closeCalendar();
+      (_getSelection = window.getSelection()) === null || _getSelection === void 0 ? void 0 : _getSelection.removeAllRanges();
+      setInternalValue(getInternalValue(value));
+    }
+  }, [closeCalendar, getInternalValue, open, value, window]);
+  var handleClickOutside = React.useCallback(function (e) {
+    var _rootRef$current, _calendarRef$current;
+
+    if (!((_rootRef$current = rootRef.current) !== null && _rootRef$current !== void 0 && _rootRef$current.contains(e.target)) && !((_calendarRef$current = calendarRef.current) !== null && _calendarRef$current !== void 0 && _calendarRef$current.contains(e.target))) {
+      removeFocusFromField();
+    }
+  }, [removeFocusFromField]);
+  var selectFirst = React.useCallback(function () {
+    setFocusedElement(0);
+  }, []);
+  (0, _useGlobalEventListener.useGlobalEventListener)(document, "click", handleClickOutside, {
+    capture: true
+  });
+  React.useEffect(function () {
+    setInternalValue(getInternalValue(value));
+  }, [getInternalValue, value]);
+  React.useEffect(function () {
+    if (autoFocus) {
+      selectFirst();
+    }
+  }, [autoFocus, selectFirst]);
+  React.useEffect(function () {
+    if (disabled || focusedElement === null) {
+      return;
+    }
+
+    var range = window.document.createRange();
+    var element = refs[focusedElement].current;
+
+    if (element) {
+      element.focus();
+      openCalendar();
+      range.selectNodeContents(element);
+      var selection = window.getSelection();
+      selection === null || selection === void 0 ? void 0 : selection.removeAllRanges();
+      selection === null || selection === void 0 ? void 0 : selection.addRange(range);
+    }
+  }, [disabled, focusedElement, openCalendar, refs, window]);
+  var clear = React.useCallback(function () {
+    onChange === null || onChange === void 0 ? void 0 : onChange(undefined);
+    selectFirst();
+  }, [onChange, selectFirst]);
+  var handleFieldEnter = React.useCallback(function () {
+    if (!open) {
+      selectFirst();
+    }
+  }, [open, selectFirst]);
+  var handleKeyDown = React.useCallback(function (e) {
+    if (focusedElement === null) {
+      return;
+    }
+
+    var _value = (0, _toConsumableArray2.default)(internalValue);
+
+    var config = elementsConfig(focusedElement);
+
+    if (/^\d+$/.test(e.key)) {
+      if (_value[focusedElement].length >= config.length) {
+        _value[focusedElement] = e.key;
+      } else {
+        _value[focusedElement] += e.key;
+
+        if (_value[focusedElement].length >= config.length && focusedElement < maxElement) {
+          setFocusedElement(focusedElement + 1);
+        }
+      }
+    } 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") {
+      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") {
+      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) {
+      removeFocusFromField();
+      return;
+    } 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") {
+      setFocusedElement(focusedElement >= maxElement ? 0 : focusedElement + 1);
+    } else if (e.key === "Delete" || e.key === "Del") {
+      _value[focusedElement] = "";
+    } else {
+      return;
+    }
+
+    e.preventDefault();
+    setInternalValue(_value);
+    onInternalValueChange(_value);
+  }, [elementsConfig, focusedElement, internalValue, maxElement, onInternalValueChange, removeFocusFromField]);
+  return {
+    rootRef: rootRef,
+    calendarRef: calendarRef,
+    open: open,
+    openCalendar: openCalendar,
+    closeCalendar: closeCalendar,
+    internalValue: internalValue,
+    focusedElement: focusedElement,
+    setFocusedElement: setFocusedElement,
+    handleKeyDown: handleKeyDown,
+    clear: clear,
+    handleFieldEnter: handleFieldEnter,
+    removeFocusFromField: removeFocusFromField
+  };
+}
+//# sourceMappingURL=useDateInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useDateInput.ts"],"names":["useDateInput","maxElement","refs","autoFocus","disabled","elementsConfig","onChange","onInternalValueChange","getInternalValue","value","document","open","openCalendar","setTrue","closeCalendar","setFalse","rootRef","React","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"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAkBO,SAASA,YAAT,OAU4B;AAAA,MATjCC,UASiC,QATjCA,UASiC;AAAA,MARjCC,IAQiC,QARjCA,IAQiC;AAAA,MAPjCC,SAOiC,QAPjCA,SAOiC;AAAA,MANjCC,QAMiC,QANjCA,QAMiC;AAAA,MALjCC,cAKiC,QALjCA,cAKiC;AAAA,MAJjCC,QAIiC,QAJjCA,QAIiC;AAAA,MAHjCC,qBAGiC,QAHjCA,qBAGiC;AAAA,MAFjCC,gBAEiC,QAFjCA,gBAEiC;AAAA,MADjCC,KACiC,QADjCA,KACiC;;AACjC,gBAAqB,kBAArB;AAAA,MAAQC,QAAR,WAAQA,QAAR;;AACA,yBAII,uCAAgB,KAAhB,CAJJ;AAAA,MACSC,IADT,oBACEF,KADF;AAAA,MAEWG,YAFX,oBAEEC,OAFF;AAAA,MAGYC,aAHZ,oBAGEC,QAHF;;AAKA,MAAMC,OAAO,GAAGC,KAAK,CAACC,MAAN,CAA6B,IAA7B,CAAhB;AACA,MAAMC,WAAW,GAAGF,KAAK,CAACC,MAAN,CAA6B,IAA7B,CAApB;;AACA,wBAA0CD,KAAK,CAACG,QAAN,CAAyB,EAAzB,CAA1C;AAAA;AAAA,MAAOC,aAAP;AAAA,MAAsBC,gBAAtB;;AACA,yBAA4CL,KAAK,CAACG,QAAN,CAC1C,IAD0C,CAA5C;AAAA;AAAA,MAAOG,cAAP;AAAA,MAAuBC,iBAAvB;;AAGA,iBAAmB,kBAAnB;AAAA,MAAQC,MAAR,YAAQA,MAAR;;AAEA,MAAMC,oBAAoB,GAAGT,KAAK,CAACU,WAAN,CAAkB,YAAM;AACnD,QAAIhB,IAAJ,EAAU;AAAA;;AACRa,MAAAA,iBAAiB,CAAC,IAAD,CAAjB;AACAV,MAAAA,aAAa;AACb,uBAAAW,MAAM,CAAEG,YAAR,kEAAwBC,eAAxB;AACAP,MAAAA,gBAAgB,CAACd,gBAAgB,CAACC,KAAD,CAAjB,CAAhB;AACD;AACF,GAP4B,EAO1B,CAACK,aAAD,EAAgBN,gBAAhB,EAAkCG,IAAlC,EAAwCF,KAAxC,EAA+CgB,MAA/C,CAP0B,CAA7B;AASA,MAAMK,kBAAkB,GAAGb,KAAK,CAACU,WAAN,CACzB,UAACI,CAAD,EAAmB;AAAA;;AACjB,QACE,sBAACf,OAAO,CAACgB,OAAT,6CAAC,iBAAiBC,QAAjB,CAA0BF,CAAC,CAACG,MAA5B,CAAD,KACA,0BAACf,WAAW,CAACa,OAAb,iDAAC,qBAAqBC,QAArB,CAA8BF,CAAC,CAACG,MAAhC,CAAD,CAFF,EAGE;AACAR,MAAAA,oBAAoB;AACrB;AACF,GARwB,EASzB,CAACA,oBAAD,CATyB,CAA3B;AAYA,MAAMS,WAAW,GAAGlB,KAAK,CAACU,WAAN,CAAkB,YAAM;AAC1CH,IAAAA,iBAAiB,CAAC,CAAD,CAAjB;AACD,GAFmB,EAEjB,EAFiB,CAApB;AAIA,sDAAuBd,QAAvB,EAAiC,OAAjC,EAA0CoB,kBAA1C,EAA8D;AAC5DM,IAAAA,OAAO,EAAE;AADmD,GAA9D;AAIAnB,EAAAA,KAAK,CAACoB,SAAN,CAAgB,YAAM;AACpBf,IAAAA,gBAAgB,CAACd,gBAAgB,CAACC,KAAD,CAAjB,CAAhB;AACD,GAFD,EAEG,CAACD,gBAAD,EAAmBC,KAAnB,CAFH;AAIAQ,EAAAA,KAAK,CAACoB,SAAN,CAAgB,YAAM;AACpB,QAAIlC,SAAJ,EAAe;AACbgC,MAAAA,WAAW;AACZ;AACF,GAJD,EAIG,CAAChC,SAAD,EAAYgC,WAAZ,CAJH;AAMAlB,EAAAA,KAAK,CAACoB,SAAN,CAAgB,YAAM;AACpB,QAAIjC,QAAQ,IAAImB,cAAc,KAAK,IAAnC,EAAyC;AACvC;AACD;;AAED,QAAMe,KAAK,GAAGb,MAAM,CAAEf,QAAR,CAAiB6B,WAAjB,EAAd;AAEA,QAAIC,OAAO,GAAGtC,IAAI,CAACqB,cAAD,CAAJ,CAAqBS,OAAnC;;AAEA,QAAIQ,OAAJ,EAAa;AACXA,MAAAA,OAAO,CAACC,KAAR;AACA7B,MAAAA,YAAY;AACZ0B,MAAAA,KAAK,CAACI,kBAAN,CAAyBF,OAAzB;AAEA,UAAMG,SAAS,GAAGlB,MAAM,CAAEG,YAAR,EAAlB;AACAe,MAAAA,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAEd,eAAX;AACAc,MAAAA,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAEC,QAAX,CAAoBN,KAApB;AACD;AACF,GAlBD,EAkBG,CAAClC,QAAD,EAAWmB,cAAX,EAA2BX,YAA3B,EAAyCV,IAAzC,EAA+CuB,MAA/C,CAlBH;AAoBA,MAAMoB,KAAK,GAAG5B,KAAK,CAACU,WAAN,CAAkB,YAAM;AACpCrB,IAAAA,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGwC,SAAH,CAAR;AACAX,IAAAA,WAAW;AACZ,GAHa,EAGX,CAAC7B,QAAD,EAAW6B,WAAX,CAHW,CAAd;AAKA,MAAMY,gBAAgB,GAAG9B,KAAK,CAACU,WAAN,CAAkB,YAAM;AAC/C,QAAI,CAAChB,IAAL,EAAW;AACTwB,MAAAA,WAAW;AACZ;AACF,GAJwB,EAItB,CAACxB,IAAD,EAAOwB,WAAP,CAJsB,CAAzB;AAMA,MAAMa,aAAa,GAAG/B,KAAK,CAACU,WAAN,CACpB,UAACI,CAAD,EAA6C;AAC3C,QAAIR,cAAc,KAAK,IAAvB,EAA6B;AAC3B;AACD;;AAED,QAAM0B,MAAM,oCAAO5B,aAAP,CAAZ;;AACA,QAAM6B,MAAM,GAAG7C,cAAc,CAACkB,cAAD,CAA7B;;AAEA,QAAI,QAAQ4B,IAAR,CAAapB,CAAC,CAACqB,GAAf,CAAJ,EAAyB;AACvB,UAAIH,MAAM,CAAC1B,cAAD,CAAN,CAAuB8B,MAAvB,IAAiCH,MAAM,CAACG,MAA5C,EAAoD;AAClDJ,QAAAA,MAAM,CAAC1B,cAAD,CAAN,GAAyBQ,CAAC,CAACqB,GAA3B;AACD,OAFD,MAEO;AACLH,QAAAA,MAAM,CAAC1B,cAAD,CAAN,IAA0BQ,CAAC,CAACqB,GAA5B;;AACA,YACEH,MAAM,CAAC1B,cAAD,CAAN,CAAuB8B,MAAvB,IAAiCH,MAAM,CAACG,MAAxC,IACA9B,cAAc,GAAGtB,UAFnB,EAGE;AACAuB,UAAAA,iBAAiB,CAACD,cAAc,GAAG,CAAlB,CAAjB;AACD;AACF;AACF,KAZD,MAYO,IAAIQ,CAAC,CAACqB,GAAF,KAAU,WAAd,EAA2B;AAChC,UAAI,CAACH,MAAM,CAAC1B,cAAD,CAAX,EAA6B;AAC3BC,QAAAA,iBAAiB,CACfD,cAAc,IAAI,CAAlB,GAAsBtB,UAAtB,GAAmCsB,cAAc,GAAG,CADrC,CAAjB;AAGD,OAJD,MAIO;AACL0B,QAAAA,MAAM,CAAC1B,cAAD,CAAN,GAAyB0B,MAAM,CAAC1B,cAAD,CAAN,CAAuB+B,KAAvB,CAA6B,CAA7B,EAAgC,CAAC,CAAjC,CAAzB;AACD;AACF,KARM,MAQA,IAAIvB,CAAC,CAACqB,GAAF,KAAU,WAAV,IAAyBrB,CAAC,CAACqB,GAAF,KAAU,MAAvC,EAA+C;AACpD,UAAIG,YAAY,GAAGC,MAAM,CAACP,MAAM,CAAC1B,cAAD,CAAP,CAAzB;AACA0B,MAAAA,MAAM,CAAC1B,cAAD,CAAN,GAAyBkC,MAAM,CAC7BF,YAAY,IAAIL,MAAM,CAACQ,GAAvB,GAA6BR,MAAM,CAACS,GAApC,GAA0CJ,YAAY,GAAG,CAD5B,CAAN,CAEvBK,QAFuB,CAEdV,MAAM,CAACG,MAFO,EAEC,GAFD,CAAzB;AAGD,KALM,MAKA,IAAItB,CAAC,CAACqB,GAAF,KAAU,SAAV,IAAuBrB,CAAC,CAACqB,GAAF,KAAU,IAArC,EAA2C;AAChD,UAAIG,aAAY,GAAGC,MAAM,CAACP,MAAM,CAAC1B,cAAD,CAAP,CAAzB;;AACA0B,MAAAA,MAAM,CAAC1B,cAAD,CAAN,GAAyBkC,MAAM,CAC7BF,aAAY,IAAIL,MAAM,CAACS,GAAvB,GAA6BT,MAAM,CAACQ,GAApC,GAA0CH,aAAY,GAAG,CAD5B,CAAN,CAEvBK,QAFuB,CAEdV,MAAM,CAACG,MAFO,EAEC,GAFD,CAAzB;AAGD,KALM,MAKA,IACLtB,CAAC,CAACqB,GAAF,KAAU,OAAV,IACCrB,CAAC,CAACqB,GAAF,KAAU,KAAV,IAAmB7B,cAAc,KAAKtB,UADvC,IAEC8B,CAAC,CAACqB,GAAF,KAAU,KAAV,IAAmBrB,CAAC,CAAC8B,QAArB,IAAiCtC,cAAc,KAAK,CAHhD,EAIL;AACAG,MAAAA,oBAAoB;AACpB;AACD,KAPM,MAOA,IACLK,CAAC,CAACqB,GAAF,KAAU,WAAV,IACArB,CAAC,CAACqB,GAAF,KAAU,MADV,IAECrB,CAAC,CAACqB,GAAF,KAAU,KAAV,IAAmBrB,CAAC,CAAC8B,QAHjB,EAIL;AACArC,MAAAA,iBAAiB,CACfD,cAAc,IAAI,CAAlB,GAAsBtB,UAAtB,GAAmCsB,cAAc,GAAG,CADrC,CAAjB;AAGD,KARM,MAQA,IACLQ,CAAC,CAACqB,GAAF,KAAU,YAAV,IACArB,CAAC,CAACqB,GAAF,KAAU,OADV,IAEArB,CAAC,CAACqB,GAAF,KAAU,KAHL,EAIL;AACA5B,MAAAA,iBAAiB,CACfD,cAAc,IAAItB,UAAlB,GAA+B,CAA/B,GAAmCsB,cAAc,GAAG,CADrC,CAAjB;AAGD,KARM,MAQA,IAAIQ,CAAC,CAACqB,GAAF,KAAU,QAAV,IAAsBrB,CAAC,CAACqB,GAAF,KAAU,KAApC,EAA2C;AAChDH,MAAAA,MAAM,CAAC1B,cAAD,CAAN,GAAyB,EAAzB;AACD,KAFM,MAEA;AACL;AACD;;AAEDQ,IAAAA,CAAC,CAAC+B,cAAF;AACAxC,IAAAA,gBAAgB,CAAC2B,MAAD,CAAhB;AACA1C,IAAAA,qBAAqB,CAAC0C,MAAD,CAArB;AACD,GAvEmB,EAwEpB,CACE5C,cADF,EAEEkB,cAFF,EAGEF,aAHF,EAIEpB,UAJF,EAKEM,qBALF,EAMEmB,oBANF,CAxEoB,CAAtB;AAkFA,SAAO;AACLV,IAAAA,OAAO,EAAPA,OADK;AAELG,IAAAA,WAAW,EAAXA,WAFK;AAGLR,IAAAA,IAAI,EAAJA,IAHK;AAILC,IAAAA,YAAY,EAAZA,YAJK;AAKLE,IAAAA,aAAa,EAAbA,aALK;AAMLO,IAAAA,aAAa,EAAbA,aANK;AAOLE,IAAAA,cAAc,EAAdA,cAPK;AAQLC,IAAAA,iBAAiB,EAAjBA,iBARK;AASLwB,IAAAA,aAAa,EAAbA,aATK;AAULH,IAAAA,KAAK,EAALA,KAVK;AAWLE,IAAAA,gBAAgB,EAAhBA,gBAXK;AAYLrB,IAAAA,oBAAoB,EAApBA;AAZK,GAAP;AAcD","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"],"file":"useDateInput.js"}

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

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

package/dist/cjs/hooks/useKeyboard.js

@@ -19,7 +19,7 @@ var _dom = require("../lib/dom");
 var _useGlobalEventListener = require("./useGlobalEventListener");
 
 /**
- Проверяет, закрыла ли клавиатура часть экрана, 24% подошло к большиству устройств
+ Проверяет, закрыла ли клавиатура часть экрана, 24% подошло к большинству устройств
  Работает на iOS и Android, где софт-клавиатура ресайзит viewport в браузерах
  */
 function getPreciseKeyboardState(window) {

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","isPrecise","setIsPrecise","transitionalTimeout","useRef","onFocus","useCallback","event","current","clearTimeout","type","activeElement","tagName","setTimeout","useEffect"],"mappings":";;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAOA;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,gBAA6B,kBAA7B;AAAA,MAAQV,MAAR,WAAQA,MAAR;AAAA,MAAgBW,QAAhB,WAAgBA,QAAhB;;AAEA,wBAAgCC,KAAK,CAACC,QAAN,CAAe,KAAf,CAAhC;AAAA;AAAA,MAAOC,QAAP;AAAA,MAAiBC,WAAjB;;AACA,yBAAkCH,KAAK,CAACC,QAAN,CAAe,KAAf,CAAlC;AAAA;AAAA,MAAOG,SAAP;AAAA,MAAkBC,YAAlB;;AAEA,MAAMC,mBAAmB,GAAGN,KAAK,CAACO,MAAN,CAElB,IAFkB,CAA5B;AAIA,MAAMC,OAAO,GAAGR,KAAK,CAACS,WAAN,CACd,UAACC,KAAD,EAA8B;AAAA;;AAC5B,QAAIJ,mBAAmB,CAACK,OAAxB,EAAiC;AAC/BC,MAAAA,YAAY,CAACN,mBAAmB,CAACK,OAArB,CAAZ;AACD;;AAED,QAAMT,QAAQ,GACZ,CAACQ,KAAK,KAAK,IAAV,IAAkBA,KAAK,CAACG,IAAN,KAAe,SAAlC,MACC,CAAAd,QAAQ,SAAR,IAAAA,QAAQ,WAAR,qCAAAA,QAAQ,CAAEe,aAAV,gFAAyBC,OAAzB,MAAqC,OAArC,IACC,CAAAhB,QAAQ,SAAR,IAAAA,QAAQ,WAAR,sCAAAA,QAAQ,CAAEe,aAAV,kFAAyBC,OAAzB,MAAqC,UAFvC,CADF;AAIAZ,IAAAA,WAAW,CAACD,QAAD,CAAX;AACAG,IAAAA,YAAY,CAAC,KAAD,CAAZ,CAV4B,CAY5B;;AACAC,IAAAA,mBAAmB,CAACK,OAApB,GAA8BK,UAAU,CAAC,YAAM;AAC7Cb,MAAAA,WAAW,CAACD,QAAD,CAAX;AACAG,MAAAA,YAAY,CAAClB,uBAAuB,CAACC,MAAD,CAAxB,CAAZ;AACD,KAHuC,EAGrC,GAHqC,CAAxC;AAID,GAlBa,EAmBd,CAACW,QAAD,aAACA,QAAD,iDAACA,QAAQ,CAAEe,aAAX,2DAAC,uBAAyBC,OAA1B,EAAmC3B,MAAnC,CAnBc,CAAhB;AAsBA;AACF;AACA;AACA;;AACEY,EAAAA,KAAK,CAACiB,SAAN,CAAgB,YAAM;AACpBT,IAAAA,OAAO,CAAC,IAAD,CAAP;AACD,GAFD,EAEG,CAACA,OAAD,CAFH;AAIA,sDAAuBT,QAAvB,EAAiC,UAAjC,EAA6CS,OAA7C,EAAsDb,YAAtD;AACA,sDAAuBI,QAAvB,EAAiC,SAAjC,EAA4CS,OAA5C,EAAqDb,YAArD;AAEA,SAAO;AAAEO,IAAAA,QAAQ,EAARA,QAAF;AAAYE,IAAAA,SAAS,EAATA;AAAZ,GAAP;AACD","sourcesContent":["import * as React from \"react\";\nimport { useDOM } from \"../lib/dom\";\nimport { useGlobalEventListener } from \"./useGlobalEventListener\";\n\ninterface SoftwareKeyboardState {\n  isOpened: boolean;\n  isPrecise: 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 { window, document } = useDOM();\n\n  const [isOpened, setIsOpened] = React.useState(false);\n  const [isPrecise, setIsPrecise] = React.useState(false);\n\n  const transitionalTimeout = React.useRef<ReturnType<\n    typeof setTimeout\n  > | null>(null);\n\n  const onFocus = React.useCallback(\n    (event: FocusEvent | true) => {\n      if (transitionalTimeout.current) {\n        clearTimeout(transitionalTimeout.current);\n      }\n\n      const isOpened =\n        (event === true || event.type === \"focusin\") &&\n        (document?.activeElement?.tagName === \"INPUT\" ||\n          document?.activeElement?.tagName === \"TEXTAREA\");\n      setIsOpened(isOpened);\n      setIsPrecise(false);\n\n      // Ожидаем прохождение анимации раскрытия клавиатуры\n      transitionalTimeout.current = setTimeout(() => {\n        setIsOpened(isOpened);\n        setIsPrecise(getPreciseKeyboardState(window));\n      }, 300);\n    },\n    [document?.activeElement?.tagName, window]\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, isPrecise };\n}\n"],"file":"useKeyboard.js"}
+{"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","isPrecise","setIsPrecise","transitionalTimeout","useRef","onFocus","useCallback","event","current","clearTimeout","type","activeElement","tagName","setTimeout","useEffect"],"mappings":";;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAOA;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,gBAA6B,kBAA7B;AAAA,MAAQV,MAAR,WAAQA,MAAR;AAAA,MAAgBW,QAAhB,WAAgBA,QAAhB;;AAEA,wBAAgCC,KAAK,CAACC,QAAN,CAAe,KAAf,CAAhC;AAAA;AAAA,MAAOC,QAAP;AAAA,MAAiBC,WAAjB;;AACA,yBAAkCH,KAAK,CAACC,QAAN,CAAe,KAAf,CAAlC;AAAA;AAAA,MAAOG,SAAP;AAAA,MAAkBC,YAAlB;;AAEA,MAAMC,mBAAmB,GAAGN,KAAK,CAACO,MAAN,CAElB,IAFkB,CAA5B;AAIA,MAAMC,OAAO,GAAGR,KAAK,CAACS,WAAN,CACd,UAACC,KAAD,EAA8B;AAAA;;AAC5B,QAAIJ,mBAAmB,CAACK,OAAxB,EAAiC;AAC/BC,MAAAA,YAAY,CAACN,mBAAmB,CAACK,OAArB,CAAZ;AACD;;AAED,QAAMT,QAAQ,GACZ,CAACQ,KAAK,KAAK,IAAV,IAAkBA,KAAK,CAACG,IAAN,KAAe,SAAlC,MACC,CAAAd,QAAQ,SAAR,IAAAA,QAAQ,WAAR,qCAAAA,QAAQ,CAAEe,aAAV,gFAAyBC,OAAzB,MAAqC,OAArC,IACC,CAAAhB,QAAQ,SAAR,IAAAA,QAAQ,WAAR,sCAAAA,QAAQ,CAAEe,aAAV,kFAAyBC,OAAzB,MAAqC,UAFvC,CADF;AAIAZ,IAAAA,WAAW,CAACD,QAAD,CAAX;AACAG,IAAAA,YAAY,CAAC,KAAD,CAAZ,CAV4B,CAY5B;;AACAC,IAAAA,mBAAmB,CAACK,OAApB,GAA8BK,UAAU,CAAC,YAAM;AAC7Cb,MAAAA,WAAW,CAACD,QAAD,CAAX;AACAG,MAAAA,YAAY,CAAClB,uBAAuB,CAACC,MAAD,CAAxB,CAAZ;AACD,KAHuC,EAGrC,GAHqC,CAAxC;AAID,GAlBa,EAmBd,CAACW,QAAD,aAACA,QAAD,iDAACA,QAAQ,CAAEe,aAAX,2DAAC,uBAAyBC,OAA1B,EAAmC3B,MAAnC,CAnBc,CAAhB;AAsBA;AACF;AACA;AACA;;AACEY,EAAAA,KAAK,CAACiB,SAAN,CAAgB,YAAM;AACpBT,IAAAA,OAAO,CAAC,IAAD,CAAP;AACD,GAFD,EAEG,CAACA,OAAD,CAFH;AAIA,sDAAuBT,QAAvB,EAAiC,UAAjC,EAA6CS,OAA7C,EAAsDb,YAAtD;AACA,sDAAuBI,QAAvB,EAAiC,SAAjC,EAA4CS,OAA5C,EAAqDb,YAArD;AAEA,SAAO;AAAEO,IAAAA,QAAQ,EAARA,QAAF;AAAYE,IAAAA,SAAS,EAATA;AAAZ,GAAP;AACD","sourcesContent":["import * as React from \"react\";\nimport { useDOM } from \"../lib/dom\";\nimport { useGlobalEventListener } from \"./useGlobalEventListener\";\n\ninterface SoftwareKeyboardState {\n  isOpened: boolean;\n  isPrecise: 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 { window, document } = useDOM();\n\n  const [isOpened, setIsOpened] = React.useState(false);\n  const [isPrecise, setIsPrecise] = React.useState(false);\n\n  const transitionalTimeout = React.useRef<ReturnType<\n    typeof setTimeout\n  > | null>(null);\n\n  const onFocus = React.useCallback(\n    (event: FocusEvent | true) => {\n      if (transitionalTimeout.current) {\n        clearTimeout(transitionalTimeout.current);\n      }\n\n      const isOpened =\n        (event === true || event.type === \"focusin\") &&\n        (document?.activeElement?.tagName === \"INPUT\" ||\n          document?.activeElement?.tagName === \"TEXTAREA\");\n      setIsOpened(isOpened);\n      setIsPrecise(false);\n\n      // Ожидаем прохождение анимации раскрытия клавиатуры\n      transitionalTimeout.current = setTimeout(() => {\n        setIsOpened(isOpened);\n        setIsPrecise(getPreciseKeyboardState(window));\n      }, 300);\n    },\n    [document?.activeElement?.tagName, window]\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, isPrecise };\n}\n"],"file":"useKeyboard.js"}

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

@@ -1 +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;