@diplodoc/components 3.0.0-alpha-1

package/build/cjs/config/index.js

@@ -0,0 +1,51 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/config/index.ts
+var config_exports = {};
+__export(config_exports, {
+  configure: () => configure,
+  getConfig: () => getConfig,
+  subscribeConfigure: () => subscribeConfigure
+});
+module.exports = __toCommonJS(config_exports);
+var import_models = require("../models");
+var import_i18n = require("./i18n");
+var subs = /* @__PURE__ */ new Set();
+var config = {
+  lang: import_models.Lang.En
+};
+var configure = (newConfig = {}) => {
+  config = Object.assign({}, config, newConfig);
+  (0, import_i18n.configureI18N)({
+    lang: config.lang,
+    loc: config.loc
+  });
+  subs.forEach((sub) => {
+    sub(config);
+  });
+};
+var subscribeConfigure = (sub) => {
+  subs.add(sub);
+  return () => {
+    subs.delete(sub);
+  };
+};
+var getConfig = () => config;
+//# sourceMappingURL=index.js.map

package/build/cjs/config/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/config/index.ts"],
+  "sourcesContent": ["import {Config, Lang} from '../models';\n\nimport {configureI18N} from './i18n';\n\ntype Subscriber = (config: Config) => void;\n\nconst subs: Set<Subscriber> = new Set();\n\nlet config: Config = {\n    lang: Lang.En,\n};\n\nexport const configure = (newConfig: Partial<Config> = {}) => {\n    config = Object.assign({}, config, newConfig);\n\n    configureI18N({\n        lang: config.lang,\n        loc: config.loc,\n    });\n\n    subs.forEach((sub) => {\n        sub(config);\n    });\n};\n\nexport const subscribeConfigure = (sub: Subscriber) => {\n    subs.add(sub);\n\n    return () => {\n        subs.delete(sub);\n    };\n};\n\nexport const getConfig = () => config;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA2B;AAE3B,kBAA4B;AAI5B,IAAM,OAAwB,oBAAI,IAAI;AAEtC,IAAI,SAAiB;AAAA,EACjB,MAAM,mBAAK;AACf;AAEO,IAAM,YAAY,CAAC,YAA6B,CAAC,MAAM;AAC1D,WAAS,OAAO,OAAO,CAAC,GAAG,QAAQ,SAAS;AAE5C,iCAAc;AAAA,IACV,MAAM,OAAO;AAAA,IACb,KAAK,OAAO;AAAA,EAChB,CAAC;AAED,OAAK,QAAQ,CAAC,QAAQ;AAClB,QAAI,MAAM;AAAA,EACd,CAAC;AACL;AAEO,IAAM,qBAAqB,CAAC,QAAoB;AACnD,OAAK,IAAI,GAAG;AAEZ,SAAO,MAAM;AACT,SAAK,OAAO,GAAG;AAAA,EACnB;AACJ;AAEO,IAAM,YAAY,MAAM;",
+  "names": []
+}

package/build/cjs/constants.d.ts

@@ -0,0 +1,19 @@
+import { Lang, TextSizes, Theme } from './models';
+export declare const DEFAULT_SETTINGS: {
+    fullScreen: boolean;
+    singlePage: boolean;
+    wideFormat: boolean;
+    showMiniToc: boolean;
+    bookmarkedPage: boolean;
+    lang: Lang;
+    theme: Theme;
+    textSize: TextSizes;
+    isLiked: boolean;
+    isDisliked: boolean;
+    isPinned: boolean;
+};
+export declare const ERROR_CODES: {
+    ACCESS_DENIED: number;
+    NOT_FOUND: number;
+    SERVER_ERROR: number;
+};

package/build/cjs/constants.js

@@ -0,0 +1,46 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/constants.ts
+var constants_exports = {};
+__export(constants_exports, {
+  DEFAULT_SETTINGS: () => DEFAULT_SETTINGS,
+  ERROR_CODES: () => ERROR_CODES
+});
+module.exports = __toCommonJS(constants_exports);
+var import_models = require("./models");
+var DEFAULT_SETTINGS = {
+  fullScreen: false,
+  singlePage: false,
+  wideFormat: false,
+  showMiniToc: true,
+  bookmarkedPage: false,
+  lang: import_models.Lang.En,
+  theme: import_models.Theme.Dark,
+  textSize: import_models.TextSizes.M,
+  isLiked: false,
+  isDisliked: false,
+  isPinned: false
+};
+var ERROR_CODES = {
+  ACCESS_DENIED: 403,
+  NOT_FOUND: 404,
+  SERVER_ERROR: 500
+};
+//# sourceMappingURL=constants.js.map

package/build/cjs/constants.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/constants.ts"],
+  "sourcesContent": ["import {Lang, TextSizes, Theme} from './models';\n\nexport const DEFAULT_SETTINGS = {\n    fullScreen: false,\n    singlePage: false,\n    wideFormat: false,\n    showMiniToc: true,\n    bookmarkedPage: false,\n    lang: Lang.En,\n    theme: Theme.Dark,\n    textSize: TextSizes.M,\n    isLiked: false,\n    isDisliked: false,\n    isPinned: false,\n};\n\nexport const ERROR_CODES = {\n    ACCESS_DENIED: 403,\n    NOT_FOUND: 404,\n    SERVER_ERROR: 500,\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAqC;AAE9B,IAAM,mBAAmB;AAAA,EAC5B,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,MAAM,mBAAK;AAAA,EACX,OAAO,oBAAM;AAAA,EACb,UAAU,wBAAU;AAAA,EACpB,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,UAAU;AACd;AAEO,IAAM,cAAc;AAAA,EACvB,eAAe;AAAA,EACf,WAAW;AAAA,EACX,cAAc;AAClB;",
+  "names": []
+}

package/build/cjs/hooks/index.d.ts

@@ -0,0 +1,4 @@
+export * from './usePopper';
+export * from './useTimer';
+export * from './useTranslation';
+export * from './usePopupState';

package/build/cjs/hooks/index.js

@@ -0,0 +1,24 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/index.ts
+var hooks_exports = {};
+module.exports = __toCommonJS(hooks_exports);
+__reExport(hooks_exports, require("./usePopper"), module.exports);
+__reExport(hooks_exports, require("./useTimer"), module.exports);
+__reExport(hooks_exports, require("./useTranslation"), module.exports);
+__reExport(hooks_exports, require("./usePopupState"), module.exports);
+//# sourceMappingURL=index.js.map

package/build/cjs/hooks/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/index.ts"],
+  "sourcesContent": ["export * from './usePopper';\nexport * from './useTimer';\nexport * from './useTranslation';\nexport * from './usePopupState';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,0BAAc,wBAAd;AACA,0BAAc,uBADd;AAEA,0BAAc,6BAFd;AAGA,0BAAc,4BAHd;",
+  "names": []
+}

package/build/cjs/hooks/usePopper.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import popper from '@popperjs/core';
+import { Modifier } from 'react-popper';
+export type PopperPlacement = popper.Placement | popper.Placement[];
+export type PopperOffset = [number, number];
+export type PopperModifiers = Modifier<unknown, Record<string, unknown>>[];
+export interface PopperProps {
+    anchor: HTMLElement | null;
+    placement?: PopperPlacement;
+    offset?: [number, number];
+    modifiers?: PopperModifiers;
+}
+export declare enum PopperPosition {
+    BOTTOM_START = "bottom-start",
+    BOTTOM = "bottom",
+    BOTTOM_END = "bottom-end",
+    TOP_START = "top-start",
+    TOP = "top",
+    TOP_END = "top-end",
+    RIGHT_START = "right-start",
+    RIGHT = "right",
+    RIGHT_END = "right-end",
+    LEFT_START = "left-start",
+    LEFT = "left",
+    LEFT_END = "left-end"
+}
+export interface PopoverHook {
+    attributes: Record<string, Record<string, string> | undefined>;
+    styles: Record<string, React.CSSProperties>;
+    setPopperRef: React.Dispatch<React.SetStateAction<HTMLDivElement | null>>;
+    setArrowRef: React.Dispatch<React.SetStateAction<HTMLDivElement | null>>;
+}
+export declare function usePopper(props: PopperProps): PopoverHook;

package/build/cjs/hooks/usePopper.js

@@ -0,0 +1,93 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/usePopper.ts
+var usePopper_exports = {};
+__export(usePopper_exports, {
+  PopperPosition: () => PopperPosition,
+  usePopper: () => usePopper
+});
+module.exports = __toCommonJS(usePopper_exports);
+var import_react = __toESM(require("react"));
+var import_react_popper = require("react-popper");
+var PopperPosition = /* @__PURE__ */ ((PopperPosition2) => {
+  PopperPosition2["BOTTOM_START"] = "bottom-start";
+  PopperPosition2["BOTTOM"] = "bottom";
+  PopperPosition2["BOTTOM_END"] = "bottom-end";
+  PopperPosition2["TOP_START"] = "top-start";
+  PopperPosition2["TOP"] = "top";
+  PopperPosition2["TOP_END"] = "top-end";
+  PopperPosition2["RIGHT_START"] = "right-start";
+  PopperPosition2["RIGHT"] = "right";
+  PopperPosition2["RIGHT_END"] = "right-end";
+  PopperPosition2["LEFT_START"] = "left-start";
+  PopperPosition2["LEFT"] = "left";
+  PopperPosition2["LEFT_END"] = "left-end";
+  return PopperPosition2;
+})(PopperPosition || {});
+var DEFAULT_PLACEMENT = Object.values(PopperPosition);
+function usePopper(props) {
+  const { anchor, placement = DEFAULT_PLACEMENT, offset, modifiers = [] } = props;
+  const [popperElement, setPopperElement] = import_react.default.useState(null);
+  const [arrowElement, setArrowElement] = import_react.default.useState(null);
+  const placements = Array.isArray(placement) ? placement : [placement];
+  const { attributes, styles } = (0, import_react_popper.usePopper)(anchor, popperElement, {
+    strategy: "fixed",
+    modifiers: [
+      { name: "arrow", options: { enabled: Boolean(arrowElement), element: arrowElement } },
+      { name: "offset", options: { offset } },
+      {
+        name: "flip",
+        options: {
+          fallbackPlacements: [
+            "bottom" /* BOTTOM */,
+            "right" /* RIGHT */,
+            "left" /* LEFT */,
+            "top" /* TOP */
+          ]
+        }
+      },
+      {
+        name: "computeStyles",
+        options: {
+          gpuAcceleration: false
+        }
+      },
+      ...modifiers
+    ],
+    placement: placements[0]
+  });
+  return {
+    attributes,
+    styles,
+    setPopperRef: setPopperElement,
+    setArrowRef: setArrowElement
+  };
+}
+//# sourceMappingURL=usePopper.js.map

package/build/cjs/hooks/usePopper.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/usePopper.ts"],
+  "sourcesContent": ["import React from 'react';\n\nimport popper from '@popperjs/core';\nimport {Modifier, usePopper as useReactPopper} from 'react-popper';\n\nexport type PopperPlacement = popper.Placement | popper.Placement[];\nexport type PopperOffset = [number, number];\nexport type PopperModifiers = Modifier<unknown, Record<string, unknown>>[];\n\nexport interface PopperProps {\n    anchor: HTMLElement | null;\n    placement?: PopperPlacement;\n    offset?: [number, number];\n    modifiers?: PopperModifiers;\n}\n\nexport enum PopperPosition {\n    BOTTOM_START = 'bottom-start',\n    BOTTOM = 'bottom',\n    BOTTOM_END = 'bottom-end',\n    TOP_START = 'top-start',\n    TOP = 'top',\n    TOP_END = 'top-end',\n    RIGHT_START = 'right-start',\n    RIGHT = 'right',\n    RIGHT_END = 'right-end',\n    LEFT_START = 'left-start',\n    LEFT = 'left',\n    LEFT_END = 'left-end',\n}\n\nconst DEFAULT_PLACEMENT: PopperPlacement = Object.values(PopperPosition);\n\nexport interface PopoverHook {\n    attributes: Record<string, Record<string, string> | undefined>;\n    styles: Record<string, React.CSSProperties>;\n    setPopperRef: React.Dispatch<React.SetStateAction<HTMLDivElement | null>>;\n    setArrowRef: React.Dispatch<React.SetStateAction<HTMLDivElement | null>>;\n}\n\nexport function usePopper(props: PopperProps): PopoverHook {\n    const {anchor, placement = DEFAULT_PLACEMENT, offset, modifiers = []} = props;\n\n    const [popperElement, setPopperElement] = React.useState<HTMLDivElement | null>(null);\n    const [arrowElement, setArrowElement] = React.useState<HTMLDivElement | null>(null);\n    const placements = Array.isArray(placement) ? placement : [placement];\n\n    const {attributes, styles} = useReactPopper(anchor, popperElement, {\n        strategy: 'fixed',\n        modifiers: [\n            {name: 'arrow', options: {enabled: Boolean(arrowElement), element: arrowElement}},\n            {name: 'offset', options: {offset}},\n            {\n                name: 'flip',\n                options: {\n                    fallbackPlacements: [\n                        PopperPosition.BOTTOM,\n                        PopperPosition.RIGHT,\n                        PopperPosition.LEFT,\n                        PopperPosition.TOP,\n                    ],\n                },\n            },\n            {\n                name: 'computeStyles',\n                options: {\n                    gpuAcceleration: false,\n                },\n            },\n            ...modifiers,\n        ],\n        placement: placements[0],\n    });\n\n    return {\n        attributes,\n        styles,\n        setPopperRef: setPopperElement,\n        setArrowRef: setArrowElement,\n    };\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAGlB,0BAAoD;AAa7C,IAAK,iBAAL,kBAAKA,oBAAL;AACH,EAAAA,gBAAA,kBAAe;AACf,EAAAA,gBAAA,YAAS;AACT,EAAAA,gBAAA,gBAAa;AACb,EAAAA,gBAAA,eAAY;AACZ,EAAAA,gBAAA,SAAM;AACN,EAAAA,gBAAA,aAAU;AACV,EAAAA,gBAAA,iBAAc;AACd,EAAAA,gBAAA,WAAQ;AACR,EAAAA,gBAAA,eAAY;AACZ,EAAAA,gBAAA,gBAAa;AACb,EAAAA,gBAAA,UAAO;AACP,EAAAA,gBAAA,cAAW;AAZH,SAAAA;AAAA,GAAA;AAeZ,IAAM,oBAAqC,OAAO,OAAO,cAAc;AAShE,SAAS,UAAU,OAAiC;AACvD,QAAM,EAAC,QAAQ,YAAY,mBAAmB,QAAQ,YAAY,CAAC,EAAC,IAAI;AAExE,QAAM,CAAC,eAAe,gBAAgB,IAAI,aAAAC,QAAM,SAAgC,IAAI;AACpF,QAAM,CAAC,cAAc,eAAe,IAAI,aAAAA,QAAM,SAAgC,IAAI;AAClF,QAAM,aAAa,MAAM,QAAQ,SAAS,IAAI,YAAY,CAAC,SAAS;AAEpE,QAAM,EAAC,YAAY,OAAM,QAAI,oBAAAC,WAAe,QAAQ,eAAe;AAAA,IAC/D,UAAU;AAAA,IACV,WAAW;AAAA,MACP,EAAC,MAAM,SAAS,SAAS,EAAC,SAAS,QAAQ,YAAY,GAAG,SAAS,aAAY,EAAC;AAAA,MAChF,EAAC,MAAM,UAAU,SAAS,EAAC,OAAM,EAAC;AAAA,MAClC;AAAA,QACI,MAAM;AAAA,QACN,SAAS;AAAA,UACL,oBAAoB;AAAA,YAChB;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACJ;AAAA,QACJ;AAAA,MACJ;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,SAAS;AAAA,UACL,iBAAiB;AAAA,QACrB;AAAA,MACJ;AAAA,MACA,GAAG;AAAA,IACP;AAAA,IACA,WAAW,WAAW,CAAC;AAAA,EAC3B,CAAC;AAED,SAAO;AAAA,IACH;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,aAAa;AAAA,EACjB;AACJ;",
+  "names": ["PopperPosition", "React", "useReactPopper"]
+}

package/build/cjs/hooks/usePopupState.d.ts

@@ -0,0 +1,8 @@
+export declare const usePopupState: ({ autoclose }?: {
+    autoclose?: number | undefined;
+}) => {
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+    readonly visible: boolean;
+};

package/build/cjs/hooks/usePopupState.js

@@ -0,0 +1,62 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/usePopupState.ts
+var usePopupState_exports = {};
+__export(usePopupState_exports, {
+  usePopupState: () => usePopupState
+});
+module.exports = __toCommonJS(usePopupState_exports);
+var import_react = require("react");
+var import_useTimer = require("./useTimer");
+var usePopupState = ({ autoclose = 0 } = {}) => {
+  const [visible, setVisible] = (0, import_react.useState)(false);
+  const [setTimer, clearTimer] = (0, import_useTimer.useTimer)(autoclose);
+  const close = (0, import_react.useCallback)(() => {
+    setVisible(false);
+    if (autoclose) {
+      clearTimer();
+    }
+  }, [autoclose, clearTimer, setVisible]);
+  const open = (0, import_react.useCallback)(() => {
+    setVisible(true);
+    if (autoclose) {
+      setTimer(close);
+    }
+  }, [autoclose, close, setTimer, setVisible]);
+  const toggle = (0, import_react.useCallback)(() => {
+    if (visible) {
+      close();
+    } else {
+      open();
+    }
+  }, [visible, close, open]);
+  return (0, import_react.useMemo)(
+    () => ({
+      open,
+      close,
+      toggle,
+      get visible() {
+        return visible;
+      }
+    }),
+    [visible, open, close, toggle]
+  );
+};
+//# sourceMappingURL=usePopupState.js.map

package/build/cjs/hooks/usePopupState.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/usePopupState.ts"],
+  "sourcesContent": ["import {useCallback, useMemo, useState} from 'react';\n\nimport {useTimer} from './useTimer';\n\nexport const usePopupState = ({autoclose = 0}: {autoclose?: number} = {}) => {\n    const [visible, setVisible] = useState(false);\n    const [setTimer, clearTimer] = useTimer(autoclose);\n\n    const close = useCallback(() => {\n        setVisible(false);\n\n        if (autoclose) {\n            clearTimer();\n        }\n    }, [autoclose, clearTimer, setVisible]);\n    const open = useCallback(() => {\n        setVisible(true);\n\n        if (autoclose) {\n            setTimer(close);\n        }\n    }, [autoclose, close, setTimer, setVisible]);\n    const toggle = useCallback(() => {\n        if (visible) {\n            close();\n        } else {\n            open();\n        }\n    }, [visible, close, open]);\n\n    return useMemo(\n        () => ({\n            open,\n            close,\n            toggle,\n            get visible() {\n                return visible;\n            },\n        }),\n        [visible, open, close, toggle],\n    );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA6C;AAE7C,sBAAuB;AAEhB,IAAM,gBAAgB,CAAC,EAAC,YAAY,EAAC,IAA0B,CAAC,MAAM;AACzE,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,KAAK;AAC5C,QAAM,CAAC,UAAU,UAAU,QAAI,0BAAS,SAAS;AAEjD,QAAM,YAAQ,0BAAY,MAAM;AAC5B,eAAW,KAAK;AAEhB,QAAI,WAAW;AACX,iBAAW;AAAA,IACf;AAAA,EACJ,GAAG,CAAC,WAAW,YAAY,UAAU,CAAC;AACtC,QAAM,WAAO,0BAAY,MAAM;AAC3B,eAAW,IAAI;AAEf,QAAI,WAAW;AACX,eAAS,KAAK;AAAA,IAClB;AAAA,EACJ,GAAG,CAAC,WAAW,OAAO,UAAU,UAAU,CAAC;AAC3C,QAAM,aAAS,0BAAY,MAAM;AAC7B,QAAI,SAAS;AACT,YAAM;AAAA,IACV,OAAO;AACH,WAAK;AAAA,IACT;AAAA,EACJ,GAAG,CAAC,SAAS,OAAO,IAAI,CAAC;AAEzB,aAAO;AAAA,IACH,OAAO;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,MACA,IAAI,UAAU;AACV,eAAO;AAAA,MACX;AAAA,IACJ;AAAA,IACA,CAAC,SAAS,MAAM,OAAO,MAAM;AAAA,EACjC;AACJ;",
+  "names": []
+}

package/build/cjs/hooks/useTimer.d.ts

@@ -0,0 +1 @@
+export declare function useTimer(timeout?: number): readonly [(callback: () => void) => void, () => void];

package/build/cjs/hooks/useTimer.js

@@ -0,0 +1,44 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/useTimer.ts
+var useTimer_exports = {};
+__export(useTimer_exports, {
+  useTimer: () => useTimer
+});
+module.exports = __toCommonJS(useTimer_exports);
+var import_react = require("react");
+function useTimer(timeout = 3e3) {
+  const timerId = (0, import_react.useRef)();
+  const clearTimer = (0, import_react.useCallback)(() => {
+    clearTimeout(timerId.current);
+    timerId.current = void 0;
+  }, []);
+  const setTimer = (0, import_react.useCallback)(
+    (callback) => {
+      timerId.current = setTimeout(() => {
+        clearTimer();
+        callback();
+      }, timeout);
+    },
+    [timeout, clearTimer]
+  );
+  return [setTimer, clearTimer];
+}
+//# sourceMappingURL=useTimer.js.map

package/build/cjs/hooks/useTimer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/useTimer.ts"],
+  "sourcesContent": ["import {useCallback, useRef} from 'react';\n\nexport function useTimer(timeout = 3000) {\n    const timerId = useRef<number | unknown>();\n\n    const clearTimer = useCallback(() => {\n        clearTimeout(timerId.current as number);\n        timerId.current = undefined;\n    }, []);\n\n    const setTimer = useCallback(\n        (callback: () => void) => {\n            timerId.current = setTimeout(() => {\n                clearTimer();\n                callback();\n            }, timeout);\n        },\n        [timeout, clearTimer],\n    );\n\n    return [setTimer, clearTimer] as const;\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAE3B,SAAS,SAAS,UAAU,KAAM;AACrC,QAAM,cAAU,qBAAyB;AAEzC,QAAM,iBAAa,0BAAY,MAAM;AACjC,iBAAa,QAAQ,OAAiB;AACtC,YAAQ,UAAU;AAAA,EACtB,GAAG,CAAC,CAAC;AAEL,QAAM,eAAW;AAAA,IACb,CAAC,aAAyB;AACtB,cAAQ,UAAU,WAAW,MAAM;AAC/B,mBAAW;AACX,iBAAS;AAAA,MACb,GAAG,OAAO;AAAA,IACd;AAAA,IACA,CAAC,SAAS,UAAU;AAAA,EACxB;AAEA,SAAO,CAAC,UAAU,UAAU;AAChC;",
+  "names": []
+}

package/build/cjs/hooks/useTranslation.d.ts

@@ -0,0 +1,2 @@
+import { useTranslation as useTranslationI18N } from 'react-i18next';
+export declare function useTranslation(...args: Parameters<typeof useTranslationI18N>): import("react-i18next").UseTranslationResponse<import("react-i18next").Namespace<string>, import("react-i18next").KeyPrefix<import("react-i18next").Namespace<string>>>;

package/build/cjs/hooks/useTranslation.js

@@ -0,0 +1,32 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/useTranslation.ts
+var useTranslation_exports = {};
+__export(useTranslation_exports, {
+  useTranslation: () => useTranslation
+});
+module.exports = __toCommonJS(useTranslation_exports);
+var import_react_i18next = require("react-i18next");
+var import_config = require("../config");
+function useTranslation(...args) {
+  (0, import_config.configure)();
+  return (0, import_react_i18next.useTranslation)(...args);
+}
+//# sourceMappingURL=useTranslation.js.map

package/build/cjs/hooks/useTranslation.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/useTranslation.ts"],
+  "sourcesContent": ["import {useTranslation as useTranslationI18N} from 'react-i18next';\n\nimport {configure} from '../config';\n\nexport function useTranslation(...args: Parameters<typeof useTranslationI18N>) {\n    configure();\n    return useTranslationI18N(...args);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAmD;AAEnD,oBAAwB;AAEjB,SAAS,kBAAkB,MAA6C;AAC3E,+BAAU;AACV,aAAO,qBAAAA,gBAAmB,GAAG,IAAI;AACrC;",
+  "names": ["useTranslationI18N"]
+}

package/build/cjs/i18n/en.js

@@ -0,0 +1,124 @@
+// src/i18n/en.json
+var controls = {
+  label_wide_format: "Wide format",
+  description_wide_format_enabled: "Enabled",
+  description_wide_format_disabled: "Disabled",
+  label_show_mini_toc: "Navigation for the article",
+  description_show_mini_toc: "Show navigation",
+  label_dark_theme: "Dark theme",
+  description_enabled_dark_theme: "Enabled",
+  description_disabled_dark_theme: "Disabled",
+  label_text_size: "Font size",
+  description_s_text_size: "Small",
+  description_m_text_size: "Default",
+  description_l_text_size: "Large",
+  "full-screen-text-enabled": "Exit from reading mode (Esc)",
+  "full-screen-text-disabled": "Reading mode",
+  "single-page-text-enabled": "Exit from single-page mode",
+  "single-page-text-disabled": "Single-page mode",
+  "pdf-text": "PDF",
+  "edit-text-github": "Edit on GitHub",
+  "edit-text-arcanum": "Edit on Arcanum",
+  "edit-text": "Edit",
+  "settings-text": "Settings",
+  "lang-text": "Language",
+  "like-text": "Helpful",
+  "dislike-text": "Not helpful",
+  "cancel-like-text": "It got worse",
+  "cancel-dislike-text": "It got better",
+  "feedback-success-title": "Thank you!",
+  "feedback-success-text": "Your answer will help make the documentation better",
+  "dislike-variants-title": "Tell us what's wrong with the article",
+  "subscribe-text": "Subscribe",
+  "subscribe-documentation-title": "Subscribe to documentation",
+  "unsubscribe-documentation-title": "Unsubscribe from documentation",
+  "subscribe-documentation-placeholder": "Enter your email",
+  "subscribe-page-title": "Subscribe to current page",
+  "unsubscribe-page-title": "Unsubscribe from page",
+  "email-text-invalid": "Invalid email address",
+  "email-request-fail": "Sorry, the subscription request failed, please try again later",
+  "verify-title": "Verify your email",
+  "verify-text": "Thanks for subscribing, your verification email has been sent. Please follow the link in email to complete your subscription.",
+  "send-action-text": "Send",
+  "skip-action-text": "Skip",
+  "feedback-comment-placeholder": "Additional information will be useful",
+  "lang-control-text-ru": "\u0420\u0443\u0441\u0441\u043A\u0438\u0439",
+  "lang-control-text-en": "English"
+};
+var mini_toc = {
+  title: "In this article"
+};
+var toc_nav_panel = {
+  hint_previous: "Previous",
+  hint_next: "Next"
+};
+var authors = {
+  title: "Written by"
+};
+var contributors = {
+  title: "improved by"
+};
+var feedback = {
+  "like-text": "Helpful",
+  "dislike-text": "Not helpful",
+  "cancel-like-text": "It got worse",
+  "cancel-dislike-text": "It got better",
+  "success-title": "Thank you!",
+  "success-text": "Your answer will help make the documentation better",
+  "dislike-variants-title": "Tell us what's wrong with the article",
+  "send-action-text": "Send",
+  "comment-placeholder": "Additional information will be useful",
+  "button-like-text": "Yes",
+  "button-dislike-text": "No",
+  "main-question": "Was the article helpful?"
+};
+var feedback_variants = {
+  "irrelevant-answer": "No answer to my question",
+  "useless-recs": "Recommendations didn't help",
+  "content-mismatch": "The content doesn't match the title",
+  other: "Other"
+};
+var search_bar = {
+  "search-query-label": "Found on request",
+  close: "Close",
+  prev: "Previous",
+  next: "Next"
+};
+var error = {
+  "label_meta-title-403": "No access",
+  "label_meta-title-404": "Page not found",
+  "label_meta-title-500": "An error occurred",
+  "label_title-code": "Error {{code}}",
+  "label_title-403_project": "No access to the project",
+  "label_title-403_page-group": "No access to the page",
+  "label_title-404": "Page doesn't exist",
+  "label_title-500": "The server could not load the page",
+  "label_description-1": "We are already working on this",
+  "label_description-link": "Refresh the page",
+  "label_description-2": ".",
+  "label_link-main": "Back to main page",
+  "label_link-access": "Request access"
+};
+var search = {
+  search_placeholder: "Search",
+  search_action: "Search",
+  "search_request-query": "Search results",
+  "search_not-found-title": "No results found for your request",
+  "search_not-found-text": "Please check the spelling or try another keywords.",
+  search_mark_like: "like",
+  search_mark_dislike: "dislike",
+  "search_mark-result-text": "Thank you for your rating!"
+};
+var en_default = {
+  controls,
+  "mini-toc": mini_toc,
+  "toc-nav-panel": toc_nav_panel,
+  authors,
+  contributors,
+  feedback,
+  "feedback-variants": feedback_variants,
+  "search-bar": search_bar,
+  error,
+  search
+};
+//# sourceMappingURL=en.js.map