@diplodoc/components 5.16.2 → 5.17.2

package/package.json

@@ -3,7 +3,7 @@
   "description": "React components for drawing Diplodoc documentation",
   "author": "YFM Team <yfm-team@yandex.ru>",
   "license": "MIT",
-  "version": "5.16.2",
+  "version": "5.17.2",
   "repository": {
     "type": "git",
     "url": "git@github.com:diplodoc-platform/components.git"
@@ -50,7 +50,7 @@
   "scripts": {
     "deps:install": "npm ci",
     "deps:truncate": "npm prune --production",
-    "typecheck": "tsc -p . --noEmit",
+    "typecheck": "tsc -b --noEmit",
     "test": "exit 0",
     "playwright": "playwright test --config=playwright/playwright.config.ts",
     "playwright:update": "npm run playwright -- -u",
@@ -58,22 +58,20 @@
     "playwright:docker:update": "./playwright/playwright-docker.sh npm run playwright:update --",
     "playwright:docker:clear-cache": "./playwright/playwright-docker.sh clear-cache",
     "playwright:docker:windows": "./playwright/playwright-docker-windows.sh",
-    "dev": "run-s build _dev:watch",
-    "_dev:watch": "run-p _build:watch _storybook:watch",
+    "dev": "node esbuild/build.js --watch",
     "build:clean": "rm -rf build",
     "build:compile": "node esbuild/build.js",
     "_build:declarations:esm": "tsc --emitDeclarationOnly -p tsconfig.esm.json",
     "_build:declarations:cjs": "tsc --emitDeclarationOnly -p tsconfig.cjs.json",
     "build": "run-s build:clean build:compile _build:declarations:*",
-    "_build:watch": "node esbuild/build.js --watch",
-    "_storybook:watch": "cd demo && npm run storybook",
     "prepublishOnly": "npm run lint && npm run test && npm run build",
-    "postinstall": "cd demo && npm i || true",
     "lint": "lint",
     "lint:fix": "lint fix",
     "pre-commit": "lint-staged",
     "prepare": "husky || true",
-    "lock": "npm install --no-workspaces --package-lock-only --ignore-scripts"
+    "lock": "npm install --no-workspaces --package-lock-only --ignore-scripts",
+    "storybook:start": "storybook dev -p 6006",
+    "storybook:build": "storybook build"
   },
   "dependencies": {
     "@diplodoc/themes": "^1.2.0",
@@ -82,7 +80,6 @@
     "@gravity-ui/navigation": "^6.1.2",
     "@gravity-ui/page-constructor": "^8.11.0",
     "@gravity-ui/uikit": "^7.26.0",
-    "@popperjs/core": "^2.11.2",
     "bem-cn-lite": "4.1.0",
     "clsx": "^2.1.1",
     "hoist-non-react-statics": "^3.3.2",
@@ -95,39 +92,39 @@
     "react-helmet": "^6.1.0",
     "react-hotkeys-hook": "^4.6.1",
     "react-i18next": "^15.4.0",
-    "react-popper": "^2.3.0",
-    "react-recompose": "^0.33.0",
     "react-transition-group": "^4.4.5",
-    "scroll-into-view-if-needed": "^3.1.0",
     "url": "^0.11.1"
   },
   "peerDependencies": {
-    "react": ">=16.8.0 || >=17.0.0 || >=18.0.0 || >=19.0.0",
-    "react-dom": ">=16.8.0 || >=17.0.0 || >=18.0.0 || >=19.0.0"
+    "react": ">=16.14.0 || >=17.0.0 || >=18.0.0 || >=19.0.0",
+    "react-dom": ">=16.14.0 || >=17.0.0 || >=18.0.0 || >=19.0.0"
   },
   "devDependencies": {
     "@diplodoc/infra": "2.2.1",
+    "@diplodoc/transform": "^4.77.5",
     "@playwright/test": "^1.60.0",
+    "@storybook/react-vite": "^10.4.6",
     "@types/hoist-non-react-statics": "^3.3.6",
     "@types/langs": "^2.0.1",
     "@types/lodash": "4.14.179",
-    "@types/node": "^22.19.7",
-    "@types/react": "^18.2.21",
-    "@types/react-dom": "^18.2.7",
+    "@types/node": "^24.13.3",
+    "@types/react": "^19.2.17",
+    "@types/react-dom": "^19.2.3",
     "@types/react-gtm-module": "^2.0.3",
     "@types/react-helmet": "^6.1.11",
-    "@types/react-recompose": "^0.33.6",
     "@types/react-transition-group": "^4.4.10",
     "autoprefixer": "^10.4.15",
     "esbuild-sass-plugin": "^3.3.1",
     "npm-run-all": "^4.1.5",
     "postcss": "^8.4.28",
     "postcss-preset-env": "^9.1.2",
-    "prop-types": "^15.8.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
     "sass": "^1.80.6",
-    "typescript": "^5.2.2"
+    "storybook": "^10.4.6",
+    "typescript": "^5.2.2",
+    "vite": "^8.1.4",
+    "vite-plugin-svgr": "^5.2.0"
   },
   "keywords": [
     "markdown",
@@ -139,5 +136,8 @@
     "tools",
     "components",
     "diplodoc"
-  ]
+  ],
+  "overrides": {
+    "@babel/core": "^7.29.0"
+  }
 }

package/build/cjs/components/ContributorAvatars/__tests__/ContributorAvatars.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/cjs/components/Control/__tests__/Control.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/cjs/components/Controls/__tests__/Controls.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/cjs/components/DocLeadingPage/__tests__/DocLeadingPage.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/cjs/components/DocPage/__tests__/DocPage.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/cjs/components/ErrorPage/__tests__/ErrorPage.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/cjs/components/Feedback/__tests__/Feedback.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/cjs/components/Feedback/__tests__/FeedbackControls.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/cjs/components/MiniToc/__tests__/MiniToc.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/cjs/components/SearchSuggest/__tests__/SearchSuggest.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/cjs/components/SearchSuggest/__tests__/SearchSuggestWithAi.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/cjs/components/Subscribe/__tests__/Subscribe.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/cjs/components/Toc/__tests__/Toc.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/cjs/components/TocLable/__tests__/TocLabel.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/cjs/components/navigation/CustomFooter/__tests__/CustomFooter.spec.d.ts

@@ -1 +0,0 @@
-export {};

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

@@ -1,33 +0,0 @@
-import type popper from '@popperjs/core';
-import type { Modifier } from 'react-popper';
-import React from 'react';
-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

@@ -1,93 +0,0 @@
-"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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/hooks/usePopper.ts"],
-  "sourcesContent": ["import type popper from '@popperjs/core';\nimport type {Modifier} from 'react-popper';\n\nimport React from 'react';\nimport {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;AAGA,mBAAkB;AAClB,0BAA0C;AAanC,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/esm/components/ContributorAvatars/__tests__/ContributorAvatars.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/esm/components/Control/__tests__/Control.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/esm/components/Controls/__tests__/Controls.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/esm/components/DocLeadingPage/__tests__/DocLeadingPage.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/esm/components/DocPage/__tests__/DocPage.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/esm/components/ErrorPage/__tests__/ErrorPage.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/esm/components/Feedback/__tests__/Feedback.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/esm/components/Feedback/__tests__/FeedbackControls.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/esm/components/MiniToc/__tests__/MiniToc.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/esm/components/SearchSuggest/__tests__/SearchSuggest.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/esm/components/SearchSuggest/__tests__/SearchSuggestWithAi.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/esm/components/Subscribe/__tests__/Subscribe.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/esm/components/Toc/__tests__/Toc.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/esm/components/TocLable/__tests__/TocLabel.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/build/esm/components/navigation/CustomFooter/__tests__/CustomFooter.spec.d.ts

@@ -1 +0,0 @@
-export {};

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

@@ -1,33 +0,0 @@
-import type popper from '@popperjs/core';
-import type { Modifier } from 'react-popper';
-import React from 'react';
-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/esm/hooks/usePopper.js

@@ -1,62 +0,0 @@
-// src/hooks/usePopper.ts
-import React from "react";
-import { usePopper as useReactPopper } from "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] = React.useState(null);
-  const [arrowElement, setArrowElement] = React.useState(null);
-  const placements = Array.isArray(placement) ? placement : [placement];
-  const { attributes, styles } = useReactPopper(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
-  };
-}
-export {
-  PopperPosition,
-  usePopper
-};
-//# sourceMappingURL=usePopper.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/hooks/usePopper.ts"],
-  "sourcesContent": ["import type popper from '@popperjs/core';\nimport type {Modifier} from 'react-popper';\n\nimport React from 'react';\nimport {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": ";AAGA,OAAO,WAAW;AAClB,SAAQ,aAAa,sBAAqB;AAanC,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,MAAM,SAAgC,IAAI;AACpF,QAAM,CAAC,cAAc,eAAe,IAAI,MAAM,SAAgC,IAAI;AAClF,QAAM,aAAa,MAAM,QAAQ,SAAS,IAAI,YAAY,CAAC,SAAS;AAEpE,QAAM,EAAC,YAAY,OAAM,IAAI,eAAe,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"]
-}