@ynput/ayon-frontend-shared 0.2.22 → 0.2.24

package/dist/shared/src/components/LinksManager/LinksManagerDialog.es.js

@@ -0,0 +1,229 @@
+import { j as jsxRuntimeExports } from "../../../../_virtual/jsx-runtime.es.js";
+import { useRef, useState, useLayoutEffect } from "react";
+import styled from "styled-components";
+import { LinksManager } from "./LinksManager.es.js";
+import "@ynput/ayon-react-components";
+import "lodash";
+import "react-toastify";
+import "uuid";
+import "../../util/pubsub.es.js";
+import "../../api/base/client.es.js";
+import "../../api/generated/graphql.es.js";
+import "../../api/generated/graphqlLinks.es.js";
+import "../../api/generated/access.es.js";
+import "../../api/generated/actions.es.js";
+import "../../api/generated/activityFeed.es.js";
+import "../../api/generated/addons.es.js";
+import "../../api/generated/anatomy.es.js";
+import "../../api/generated/attributes.es.js";
+import "../../api/generated/authentication.es.js";
+import "../../api/generated/bundles.es.js";
+import "../../api/generated/configuration.es.js";
+import "../../api/generated/desktop.es.js";
+import "../../api/generated/entityLists.es.js";
+import "../../api/generated/events.es.js";
+import "../../api/generated/files.es.js";
+import "../../api/generated/folders.es.js";
+import "../../api/generated/inbox.es.js";
+import "../../api/generated/links.es.js";
+import "../../api/generated/market.es.js";
+import "../../api/generated/onboarding.es.js";
+import "../../api/generated/operations.es.js";
+import "../../api/generated/products.es.js";
+import "../../api/generated/projectDashboard.es.js";
+import "../../api/generated/projects.es.js";
+import "../../api/generated/reviewables.es.js";
+import "../../api/generated/services.es.js";
+import "../../api/generated/system.es.js";
+import "../../api/generated/tasks.es.js";
+import "../../api/generated/teams.es.js";
+import "../../api/generated/thumbnails.es.js";
+import "../../api/generated/uRIs.es.js";
+import "../../api/generated/users.es.js";
+import "../../api/generated/versions.es.js";
+import "../../api/generated/workfiles.es.js";
+import "../../api/generated/ynputCloud.es.js";
+import "../../api/generated/grouping.es.js";
+import "../../api/generated/views.es.js";
+import "../../api/queries/actions/getActions.es.js";
+import "../../api/queries/activities/getActivities.es.js";
+import "../../api/queries/activities/updateActivities.es.js";
+import "../../api/queries/activities/updateReaction.es.js";
+import "../../api/queries/activities/getMentions.es.js";
+import "../../api/queries/addons/getAddons.es.js";
+import "../../api/queries/addons/updateAddons.es.js";
+import "../../api/queries/attributes/getAttributes.es.js";
+import "../../api/queries/attributes/updateAttributes.es.js";
+import "../../api/queries/authentication/getAuthentication.es.js";
+import "../../api/queries/cloud/cloud.es.js";
+import "../../api/queries/entities/getEntity.es.js";
+import "../../api/queries/entities/getEntityPanel.es.js";
+import "../../api/queries/entities/updateEntity.es.js";
+import "../../api/queries/entityLists/getLists.es.js";
+import "../../api/queries/entityLists/updateLists.es.js";
+import "../../api/queries/entityLists/getListsAttributes.es.js";
+import "../../api/queries/entityLists/updateListsAttributes.es.js";
+import "../../api/queries/folders/getFolders.es.js";
+import "../../api/queries/grouping/getGrouping.es.js";
+import "../../api/queries/links/updateLinks.es.js";
+import "../../api/queries/links/getLinks.es.js";
+import "../../api/queries/links/getEntityLinks.es.js";
+import "../../api/queries/overview/getOverview.es.js";
+import "../../api/queries/overview/updateOverview.es.js";
+import "../../api/queries/permissions/getPermissions.es.js";
+import "../../api/queries/products/createProduct.es.js";
+import "../../api/queries/project/getProject.es.js";
+import "../../api/queries/project/updateProject.es.js";
+import "../../api/queries/review/getReview.es.js";
+import "../../api/queries/review/updateReview.es.js";
+import "../../api/queries/share/share.es.js";
+import "../../api/queries/system/getSystem.es.js";
+import "../../api/queries/userDashboard/getUserDashboard.es.js";
+import "../../api/queries/users/getUsers.es.js";
+import "../../api/queries/users/updateUsers.es.js";
+import "../../api/queries/versions/updateVersions.es.js";
+import "../../api/queries/views/getViews.es.js";
+import "../../api/queries/views/updateViews.es.js";
+import "../../api/queries/watchers/getWatchers.es.js";
+import { Container } from "./LinksManager.styled.es.js";
+import "clsx";
+const StyledPopUp = styled.div`
+  position: fixed;
+  z-index: 310;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+`;
+const LinksManagerDialog = ({
+  disabled,
+  isEditing,
+  anchorId,
+  onClose,
+  ...props
+}) => {
+  const popupRef = useRef(null);
+  const [position, setPosition] = useState(null);
+  const [maxWidth, setMaxWidth] = useState(void 0);
+  const [maxHeight, setMaxHeight] = useState(void 0);
+  const anchorElement = document.getElementById(anchorId);
+  const tableContainer = anchorElement == null ? void 0 : anchorElement.closest(".table-container");
+  const updatePosition = () => {
+    if (!isEditing) return;
+    if (!anchorElement || !tableContainer) {
+      setPosition({
+        top: window.innerHeight / 2,
+        left: window.innerWidth / 2,
+        showAbove: false
+      });
+      setMaxWidth(void 0);
+      setMaxHeight(void 0);
+      return;
+    }
+    const cellRect = anchorElement.getBoundingClientRect();
+    const containerRect = tableContainer.getBoundingClientRect();
+    const containerRight = containerRect.right;
+    const containerToRightOfScreen = window.innerWidth - containerRect.right;
+    const screenPadding = 24;
+    const minHeightThreshold = 250;
+    const minWidthThreshold = 400;
+    const maxMaxHeight = 600;
+    const screenWidth = window.innerWidth;
+    const screenHeight = window.innerHeight;
+    const spaceToRight = containerRight - cellRect.left;
+    let position2 = {};
+    let dialogWidth = minWidthThreshold;
+    if (spaceToRight < minWidthThreshold) {
+      const spaceToLeft = cellRect.right - screenPadding;
+      if (spaceToLeft >= minWidthThreshold) {
+        position2.right = Math.max(
+          screenWidth - cellRect.right,
+          screenPadding + containerToRightOfScreen
+        );
+      } else {
+        position2.left = screenPadding;
+        dialogWidth = screenWidth - 2 * screenPadding;
+      }
+    } else {
+      position2.left = cellRect.left;
+      dialogWidth = Math.max(minWidthThreshold, spaceToRight);
+    }
+    setMaxWidth(dialogWidth);
+    const spaceBelow = screenHeight - cellRect.bottom - screenPadding;
+    const spaceAbove = cellRect.top - screenPadding;
+    let top;
+    let showAbove = false;
+    let availableHeight;
+    if (spaceBelow < minHeightThreshold && spaceAbove > spaceBelow) {
+      showAbove = true;
+      top = cellRect.top - 4;
+      availableHeight = spaceAbove - 4;
+    } else {
+      top = cellRect.bottom + 4;
+      availableHeight = spaceBelow - 4;
+    }
+    setMaxHeight(Math.min(Math.max(200, availableHeight), maxMaxHeight));
+    setPosition({
+      top,
+      ...position2,
+      showAbove
+    });
+  };
+  useLayoutEffect(() => {
+    updatePosition();
+  }, [isEditing, anchorElement]);
+  useLayoutEffect(() => {
+    if (tableContainer) {
+      const resizeObserver = new ResizeObserver(() => {
+        updatePosition();
+      });
+      resizeObserver.observe(tableContainer);
+      return () => resizeObserver.disconnect();
+    }
+  }, [tableContainer, anchorElement]);
+  useLayoutEffect(() => {
+    const handleClickOutside = (event) => {
+      if (popupRef.current && !popupRef.current.contains(event.target) && anchorElement && !anchorElement.contains(event.target) && // check we are not clicking inside the EntityPickerDialog
+      !event.target.closest(".entity-picker-dialog") && // check we are not clicking on the dialog backdrop
+      !event.target.querySelector(".entity-picker-dialog")) {
+        onClose == null ? void 0 : onClose();
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [onClose, anchorElement]);
+  if (!isEditing) return null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    StyledPopUp,
+    {
+      ref: popupRef,
+      style: {
+        top: position == null ? void 0 : position.top,
+        left: position == null ? void 0 : position.left,
+        right: position == null ? void 0 : position.right,
+        ...(position == null ? void 0 : position.showAbove) && { transform: "translateY(-100%)" },
+        visibility: position ? "visible" : "hidden",
+        maxWidth: maxWidth ? `${maxWidth}px` : "none",
+        maxHeight: maxHeight ? `${maxHeight}px` : "none"
+      },
+      className: "links-widget-popup",
+      onKeyDown: (e) => {
+        if (e.key === "Escape") {
+          onClose == null ? void 0 : onClose();
+        }
+      },
+      children: disabled ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Container,
+        {
+          style: { color: "var(--md-sys-color-outline)" },
+          children: `${props.linkTypeLabel} ${props.direction} link is not of type ${props.entityType}`
+        }
+      ) : /* @__PURE__ */ jsxRuntimeExports.jsx(LinksManager, { ...props, onClose })
+    }
+  );
+};
+export {
+  LinksManagerDialog
+};
+//# sourceMappingURL=LinksManagerDialog.es.js.map

package/dist/shared/src/components/LinksManager/LinksManagerDialog.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinksManagerDialog.es.js","sources":["../../../../../src/components/LinksManager/LinksManagerDialog.tsx"],"sourcesContent":["import { FC, useRef, useLayoutEffect, useState } from 'react'\nimport styled from 'styled-components'\nimport { LinksManager, LinksManagerProps } from '.'\nimport { Container } from './LinksManager.styled'\n\nconst StyledPopUp = styled.div`\n  position: fixed;\n  z-index: 310;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n`\n\ntype Position = {\n  top: number\n  left?: number\n  right?: number\n  showAbove?: boolean\n}\n\nexport interface LinksManagerDialogProps extends LinksManagerProps {\n  disabled?: boolean\n  isEditing: boolean\n  anchorId: string\n  onClose?: () => void\n}\n\nexport const LinksManagerDialog: FC<LinksManagerDialogProps> = ({\n  disabled,\n  isEditing,\n  anchorId,\n  onClose,\n  ...props\n}) => {\n  const popupRef = useRef<HTMLDivElement>(null)\n\n  const [position, setPosition] = useState<Position | null>(null)\n  const [maxWidth, setMaxWidth] = useState<number | undefined>(undefined)\n  const [maxHeight, setMaxHeight] = useState<number | undefined>(undefined)\n\n  // get the cell element based on the cellId\n  const anchorElement = document.getElementById(anchorId)\n  const tableContainer = anchorElement?.closest('.table-container')\n\n  const updatePosition = () => {\n    if (!isEditing) return\n\n    if (!anchorElement || !tableContainer) {\n      // if the anchor element is not found, position in the center of the screen\n      setPosition({\n        top: window.innerHeight / 2,\n        left: window.innerWidth / 2,\n        showAbove: false,\n      })\n      setMaxWidth(undefined)\n      setMaxHeight(undefined)\n      return\n    }\n\n    const cellRect = anchorElement.getBoundingClientRect()\n\n    const containerRect = tableContainer.getBoundingClientRect()\n    const containerRight = containerRect.right\n    const containerToRightOfScreen = window.innerWidth - containerRect.right\n\n    const screenPadding = 24\n    const minHeightThreshold = 250\n    const minWidthThreshold = 400\n    const maxMaxHeight = 600\n    const screenWidth = window.innerWidth\n    const screenHeight = window.innerHeight\n\n    // Check if we have enough space to the right of the cell\n    const spaceToRight = containerRight - cellRect.left\n    let position: { left?: number; right?: number } = {}\n    let dialogWidth = minWidthThreshold\n\n    if (spaceToRight < minWidthThreshold) {\n      // Not enough space to the right, anchor to the right side of the cell\n      const spaceToLeft = cellRect.right - screenPadding\n      if (spaceToLeft >= minWidthThreshold) {\n        // Anchor to the right side of the cell\n        position.right = Math.max(\n          screenWidth - cellRect.right,\n          screenPadding + containerToRightOfScreen,\n        )\n      } else {\n        // Not enough space on either side, center and use available width\n        position.left = screenPadding\n        dialogWidth = screenWidth - 2 * screenPadding\n      }\n    } else {\n      // Enough space to the right, position normally\n      position.left = cellRect.left\n      dialogWidth = Math.max(minWidthThreshold, spaceToRight)\n    }\n\n    setMaxWidth(dialogWidth)\n\n    const spaceBelow = screenHeight - cellRect.bottom - screenPadding\n    const spaceAbove = cellRect.top - screenPadding\n    let top: number\n    let showAbove = false\n    let availableHeight: number\n\n    if (spaceBelow < minHeightThreshold && spaceAbove > spaceBelow) {\n      showAbove = true\n      top = cellRect.top - 4\n      availableHeight = spaceAbove - 4\n    } else {\n      top = cellRect.bottom + 4\n      availableHeight = spaceBelow - 4\n    }\n\n    // Set max height to prevent dialog from going off screen\n    setMaxHeight(Math.min(Math.max(200, availableHeight), maxMaxHeight)) // Minimum 200px height\n\n    setPosition({\n      top,\n      ...position,\n      showAbove,\n    })\n  }\n\n  useLayoutEffect(() => {\n    updatePosition()\n  }, [isEditing, anchorElement])\n\n  // watch for when the tableContainer width changes\n  useLayoutEffect(() => {\n    if (tableContainer) {\n      const resizeObserver = new ResizeObserver(() => {\n        updatePosition()\n      })\n      resizeObserver.observe(tableContainer)\n      return () => resizeObserver.disconnect()\n    }\n  }, [tableContainer, anchorElement])\n\n  // close the dialog when clicking outside of it\n  useLayoutEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        popupRef.current &&\n        !popupRef.current.contains(event.target as Node) &&\n        anchorElement &&\n        !anchorElement.contains(event.target as Node) &&\n        // check we are not clicking inside the EntityPickerDialog\n        !(event.target as HTMLElement).closest('.entity-picker-dialog') &&\n        // check we are not clicking on the dialog backdrop\n        !(event.target as HTMLElement).querySelector('.entity-picker-dialog')\n      ) {\n        onClose?.()\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside)\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [onClose, anchorElement])\n\n  if (!isEditing) return null\n  return (\n    <StyledPopUp\n      ref={popupRef}\n      style={{\n        top: position?.top,\n        left: position?.left,\n        right: position?.right,\n        ...(position?.showAbove && { transform: 'translateY(-100%)' }),\n        visibility: position ? 'visible' : 'hidden',\n        maxWidth: maxWidth ? `${maxWidth}px` : 'none',\n        maxHeight: maxHeight ? `${maxHeight}px` : 'none',\n      }}\n      className=\"links-widget-popup\"\n      onKeyDown={(e) => {\n        if (e.key === 'Escape') {\n          onClose?.()\n        }\n      }}\n    >\n      {disabled ? (\n        <Container\n          style={{ color: 'var(--md-sys-color-outline)' }}\n        >{`${props.linkTypeLabel} ${props.direction} link is not of type ${props.entityType}`}</Container>\n      ) : (\n        <LinksManager {...props} onClose={onClose} />\n      )}\n    </StyledPopUp>\n  )\n}\n"],"names":["position","jsx"],"mappings":"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"}

package/dist/shared/src/components/LinksManager/SearchingLoadingItems.cjs.js

@@ -0,0 +1,12 @@
+"use strict";
+const jsxRuntime = require("../../../../_virtual/jsx-runtime.cjs.js");
+const LinksManager_styled = require("./LinksManager.styled.cjs.js");
+const SearchingLoadingItems = ({}) => {
+  return Array.from({ length: 3 }, (_, index) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(LinksManager_styled.SearchItem, { className: "loading", children: [
+    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: "icon", children: "•" }),
+    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: "label", children: "Loading..." }),
+    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: "type", children: "•" })
+  ] }, `loading-${index}`));
+};
+module.exports = SearchingLoadingItems;
+//# sourceMappingURL=SearchingLoadingItems.cjs.js.map

package/dist/shared/src/components/LinksManager/SearchingLoadingItems.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchingLoadingItems.cjs.js","sources":["../../../../../src/components/LinksManager/SearchingLoadingItems.tsx"],"sourcesContent":["import { FC } from 'react'\nimport * as Styled from './LinksManager.styled'\n\ninterface SearchingLoadingItemsProps {}\n\nconst SearchingLoadingItems: FC<SearchingLoadingItemsProps> = ({}) => {\n  return Array.from({ length: 3 }, (_, index) => (\n    <Styled.SearchItem key={`loading-${index}`} className=\"loading\">\n      <div className=\"icon\">•</div>\n      <div className=\"label\">Loading...</div>\n      <div className=\"type\">•</div>\n    </Styled.SearchItem>\n  ))\n}\n\nexport default SearchingLoadingItems\n"],"names":["jsxs","Styled.SearchItem","jsx"],"mappings":";;;AAKM,MAAA,wBAAwD,CAAC,CAAA,MAAO;AACpE,SAAO,MAAM,KAAK,EAAE,QAAQ,EAAK,GAAA,CAAC,GAAG,UAClCA,2BAAA,kBAAA,KAAAC,oBAAA,YAAA,EAA2C,WAAU,WACpD,UAAA;AAAA,IAACC,2BAAA,kBAAA,IAAA,OAAA,EAAI,WAAU,QAAO,UAAC,KAAA;AAAA,IACtBA,2BAAA,kBAAA,IAAA,OAAA,EAAI,WAAU,SAAQ,UAAU,cAAA;AAAA,IAChCA,2BAAA,kBAAA,IAAA,OAAA,EAAI,WAAU,QAAO,UAAC,IAAA,CAAA;AAAA,EAHD,EAAA,GAAA,WAAW,KAAK,EAIxC,CACD;AACH;;"}

package/dist/shared/src/components/LinksManager/SearchingLoadingItems.es.js

@@ -0,0 +1,13 @@
+import { j as jsxRuntimeExports } from "../../../../_virtual/jsx-runtime.es.js";
+import { SearchItem } from "./LinksManager.styled.es.js";
+const SearchingLoadingItems = ({}) => {
+  return Array.from({ length: 3 }, (_, index) => /* @__PURE__ */ jsxRuntimeExports.jsxs(SearchItem, { className: "loading", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "icon", children: "•" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "label", children: "Loading..." }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "type", children: "•" })
+  ] }, `loading-${index}`));
+};
+export {
+  SearchingLoadingItems as default
+};
+//# sourceMappingURL=SearchingLoadingItems.es.js.map

package/dist/shared/src/components/LinksManager/SearchingLoadingItems.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchingLoadingItems.es.js","sources":["../../../../../src/components/LinksManager/SearchingLoadingItems.tsx"],"sourcesContent":["import { FC } from 'react'\nimport * as Styled from './LinksManager.styled'\n\ninterface SearchingLoadingItemsProps {}\n\nconst SearchingLoadingItems: FC<SearchingLoadingItemsProps> = ({}) => {\n  return Array.from({ length: 3 }, (_, index) => (\n    <Styled.SearchItem key={`loading-${index}`} className=\"loading\">\n      <div className=\"icon\">•</div>\n      <div className=\"label\">Loading...</div>\n      <div className=\"type\">•</div>\n    </Styled.SearchItem>\n  ))\n}\n\nexport default SearchingLoadingItems\n"],"names":["jsxs","Styled.SearchItem","jsx"],"mappings":";;AAKM,MAAA,wBAAwD,CAAC,CAAA,MAAO;AACpE,SAAO,MAAM,KAAK,EAAE,QAAQ,EAAK,GAAA,CAAC,GAAG,UAClCA,kCAAA,KAAAC,YAAA,EAA2C,WAAU,WACpD,UAAA;AAAA,IAACC,kCAAA,IAAA,OAAA,EAAI,WAAU,QAAO,UAAC,KAAA;AAAA,IACtBA,kCAAA,IAAA,OAAA,EAAI,WAAU,SAAQ,UAAU,cAAA;AAAA,IAChCA,kCAAA,IAAA,OAAA,EAAI,WAAU,QAAO,UAAC,IAAA,CAAA;AAAA,EAHD,EAAA,GAAA,WAAW,KAAK,EAIxC,CACD;AACH;"}

package/dist/shared/src/components/LinksManager/hooks/useKeyboardNavigation.cjs.js

@@ -0,0 +1,103 @@
+"use strict";
+const React = require("react");
+const useKeyboardNavigation = ({
+  entities,
+  onSelect,
+  onClose,
+  isActive,
+  hasNextPage = false,
+  isFetchingNextPage = false,
+  fetchNextPage
+}) => {
+  const [selectedIndex, setSelectedIndex] = React.useState(-1);
+  const containerRef = React.useRef(null);
+  React.useEffect(() => {
+    setSelectedIndex(-1);
+  }, [entities]);
+  React.useEffect(() => {
+    if (selectedIndex >= entities.length - 3 && // When within 3 items of the end
+    hasNextPage && !isFetchingNextPage && fetchNextPage) {
+      fetchNextPage();
+    }
+  }, [selectedIndex, entities.length, hasNextPage, isFetchingNextPage, fetchNextPage]);
+  React.useEffect(() => {
+    if (selectedIndex >= 0 && containerRef.current) {
+      const selectedElement = containerRef.current.querySelector(
+        `[data-index="${selectedIndex}"]`
+      );
+      if (selectedElement) {
+        selectedElement.scrollIntoView({
+          block: "nearest",
+          behavior: "smooth"
+        });
+      }
+    }
+  }, [selectedIndex]);
+  const handleKeyDown = React.useCallback(
+    (event) => {
+      if (!isActive) return;
+      const totalItems = entities.length + (hasNextPage ? 3 : 0);
+      if (totalItems === 0) return;
+      switch (event.key) {
+        case "ArrowDown":
+          event.preventDefault();
+          setSelectedIndex((prev) => {
+            const nextIndex = prev < totalItems - 1 ? prev + 1 : 0;
+            if (nextIndex >= entities.length) {
+              return 0;
+            }
+            return nextIndex;
+          });
+          break;
+        case "ArrowUp":
+          event.preventDefault();
+          setSelectedIndex((prev) => {
+            const nextIndex = prev > 0 ? prev - 1 : totalItems - 1;
+            if (nextIndex >= entities.length) {
+              return entities.length - 1;
+            }
+            return nextIndex;
+          });
+          break;
+        case "Enter":
+          event.preventDefault();
+          if (selectedIndex >= 0 && selectedIndex < entities.length) {
+            onSelect(entities[selectedIndex]);
+          }
+          break;
+        case "Escape":
+          event.preventDefault();
+          onClose();
+          break;
+      }
+    },
+    [isActive, entities, selectedIndex, onSelect, onClose, hasNextPage]
+  );
+  React.useEffect(() => {
+    if (isActive) {
+      document.addEventListener("keydown", handleKeyDown);
+      return () => {
+        document.removeEventListener("keydown", handleKeyDown);
+      };
+    }
+  }, [isActive, handleKeyDown]);
+  const getItemProps = React.useCallback(
+    (index) => ({
+      "data-index": index,
+      className: selectedIndex === index ? "selected" : "",
+      onMouseEnter: () => {
+        if (index < entities.length) {
+          setSelectedIndex(index);
+        }
+      }
+    }),
+    [selectedIndex, entities.length]
+  );
+  return {
+    selectedIndex,
+    containerRef,
+    getItemProps
+  };
+};
+module.exports = useKeyboardNavigation;
+//# sourceMappingURL=useKeyboardNavigation.cjs.js.map

package/dist/shared/src/components/LinksManager/hooks/useKeyboardNavigation.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardNavigation.cjs.js","sources":["../../../../../../src/components/LinksManager/hooks/useKeyboardNavigation.ts"],"sourcesContent":["import { useEffect, useRef, useState, useCallback } from 'react'\n\ninterface Entity {\n  id: string\n  name: string\n  [key: string]: any\n}\n\ninterface UseKeyboardNavigationProps {\n  entities: Entity[]\n  onSelect: (entity: Entity) => void\n  onClose: () => void\n  isActive: boolean\n  hasNextPage?: boolean\n  isFetchingNextPage?: boolean\n  fetchNextPage?: () => void\n}\n\nconst useKeyboardNavigation = ({\n  entities,\n  onSelect,\n  onClose,\n  isActive,\n  hasNextPage = false,\n  isFetchingNextPage = false,\n  fetchNextPage,\n}: UseKeyboardNavigationProps) => {\n  const [selectedIndex, setSelectedIndex] = useState(-1)\n  const containerRef = useRef<HTMLUListElement>(null)\n\n  // Reset selection when entities change\n  useEffect(() => {\n    setSelectedIndex(-1)\n  }, [entities])\n\n  // Check if we need to fetch more data when navigating near the end\n  useEffect(() => {\n    if (\n      selectedIndex >= entities.length - 3 && // When within 3 items of the end\n      hasNextPage &&\n      !isFetchingNextPage &&\n      fetchNextPage\n    ) {\n      fetchNextPage()\n    }\n  }, [selectedIndex, entities.length, hasNextPage, isFetchingNextPage, fetchNextPage])\n\n  // Scroll selected item into view\n  useEffect(() => {\n    if (selectedIndex >= 0 && containerRef.current) {\n      const selectedElement = containerRef.current.querySelector(\n        `[data-index=\"${selectedIndex}\"]`,\n      ) as HTMLElement\n      if (selectedElement) {\n        selectedElement.scrollIntoView({\n          block: 'nearest',\n          behavior: 'smooth',\n        })\n      }\n    }\n  }, [selectedIndex])\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (!isActive) return\n\n      // Calculate total items including loading placeholders\n      const totalItems = entities.length + (hasNextPage ? 3 : 0) // Show 3 loading placeholders\n\n      if (totalItems === 0) return\n\n      switch (event.key) {\n        case 'ArrowDown':\n          event.preventDefault()\n          setSelectedIndex((prev) => {\n            const nextIndex = prev < totalItems - 1 ? prev + 1 : 0\n            // Don't select loading placeholders\n            if (nextIndex >= entities.length) {\n              return 0 // Wrap to beginning\n            }\n            return nextIndex\n          })\n          break\n        case 'ArrowUp':\n          event.preventDefault()\n          setSelectedIndex((prev) => {\n            const nextIndex = prev > 0 ? prev - 1 : totalItems - 1\n            // Don't select loading placeholders\n            if (nextIndex >= entities.length) {\n              return entities.length - 1 // Go to last real item\n            }\n            return nextIndex\n          })\n          break\n        case 'Enter':\n          event.preventDefault()\n          if (selectedIndex >= 0 && selectedIndex < entities.length) {\n            onSelect(entities[selectedIndex])\n          }\n          break\n        case 'Escape':\n          event.preventDefault()\n          onClose()\n          break\n      }\n    },\n    [isActive, entities, selectedIndex, onSelect, onClose, hasNextPage],\n  )\n\n  useEffect(() => {\n    if (isActive) {\n      document.addEventListener('keydown', handleKeyDown)\n      return () => {\n        document.removeEventListener('keydown', handleKeyDown)\n      }\n    }\n  }, [isActive, handleKeyDown])\n\n  const getItemProps = useCallback(\n    (index: number) => ({\n      'data-index': index,\n      className: selectedIndex === index ? 'selected' : '',\n      onMouseEnter: () => {\n        // Only update selection for real items, not loading placeholders\n        if (index < entities.length) {\n          setSelectedIndex(index)\n        }\n      },\n    }),\n    [selectedIndex, entities.length],\n  )\n\n  return {\n    selectedIndex,\n    containerRef,\n    getItemProps,\n  }\n}\n\nexport default useKeyboardNavigation\n"],"names":["useState","useRef","useEffect","useCallback"],"mappings":";;AAkBA,MAAM,wBAAwB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,qBAAqB;AAAA,EACrB;AACF,MAAkC;AAChC,QAAM,CAAC,eAAe,gBAAgB,IAAIA,MAAAA,SAAS,EAAE;AAC/C,QAAA,eAAeC,aAAyB,IAAI;AAGlDC,QAAAA,UAAU,MAAM;AACd,qBAAiB,EAAE;AAAA,EAAA,GAClB,CAAC,QAAQ,CAAC;AAGbA,QAAAA,UAAU,MAAM;AAEZ,QAAA,iBAAiB,SAAS,SAAS;AAAA,IACnC,eACA,CAAC,sBACD,eACA;AACc,oBAAA;AAAA,IAAA;AAAA,EAChB,GACC,CAAC,eAAe,SAAS,QAAQ,aAAa,oBAAoB,aAAa,CAAC;AAGnFA,QAAAA,UAAU,MAAM;AACV,QAAA,iBAAiB,KAAK,aAAa,SAAS;AACxC,YAAA,kBAAkB,aAAa,QAAQ;AAAA,QAC3C,gBAAgB,aAAa;AAAA,MAC/B;AACA,UAAI,iBAAiB;AACnB,wBAAgB,eAAe;AAAA,UAC7B,OAAO;AAAA,UACP,UAAU;AAAA,QAAA,CACX;AAAA,MAAA;AAAA,IACH;AAAA,EACF,GACC,CAAC,aAAa,CAAC;AAElB,QAAM,gBAAgBC,MAAA;AAAA,IACpB,CAAC,UAAyB;AACxB,UAAI,CAAC,SAAU;AAGf,YAAM,aAAa,SAAS,UAAU,cAAc,IAAI;AAExD,UAAI,eAAe,EAAG;AAEtB,cAAQ,MAAM,KAAK;AAAA,QACjB,KAAK;AACH,gBAAM,eAAe;AACrB,2BAAiB,CAAC,SAAS;AACzB,kBAAM,YAAY,OAAO,aAAa,IAAI,OAAO,IAAI;AAEjD,gBAAA,aAAa,SAAS,QAAQ;AACzB,qBAAA;AAAA,YAAA;AAEF,mBAAA;AAAA,UAAA,CACR;AACD;AAAA,QACF,KAAK;AACH,gBAAM,eAAe;AACrB,2BAAiB,CAAC,SAAS;AACzB,kBAAM,YAAY,OAAO,IAAI,OAAO,IAAI,aAAa;AAEjD,gBAAA,aAAa,SAAS,QAAQ;AAChC,qBAAO,SAAS,SAAS;AAAA,YAAA;AAEpB,mBAAA;AAAA,UAAA,CACR;AACD;AAAA,QACF,KAAK;AACH,gBAAM,eAAe;AACrB,cAAI,iBAAiB,KAAK,gBAAgB,SAAS,QAAQ;AAChD,qBAAA,SAAS,aAAa,CAAC;AAAA,UAAA;AAElC;AAAA,QACF,KAAK;AACH,gBAAM,eAAe;AACb,kBAAA;AACR;AAAA,MAAA;AAAA,IAEN;AAAA,IACA,CAAC,UAAU,UAAU,eAAe,UAAU,SAAS,WAAW;AAAA,EACpE;AAEAD,QAAAA,UAAU,MAAM;AACd,QAAI,UAAU;AACH,eAAA,iBAAiB,WAAW,aAAa;AAClD,aAAO,MAAM;AACF,iBAAA,oBAAoB,WAAW,aAAa;AAAA,MACvD;AAAA,IAAA;AAAA,EACF,GACC,CAAC,UAAU,aAAa,CAAC;AAE5B,QAAM,eAAeC,MAAA;AAAA,IACnB,CAAC,WAAmB;AAAA,MAClB,cAAc;AAAA,MACd,WAAW,kBAAkB,QAAQ,aAAa;AAAA,MAClD,cAAc,MAAM;AAEd,YAAA,QAAQ,SAAS,QAAQ;AAC3B,2BAAiB,KAAK;AAAA,QAAA;AAAA,MACxB;AAAA,IACF;AAAA,IAEF,CAAC,eAAe,SAAS,MAAM;AAAA,EACjC;AAEO,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;;"}

package/dist/shared/src/components/LinksManager/hooks/useKeyboardNavigation.es.js

@@ -0,0 +1,104 @@
+import { useState, useRef, useEffect, useCallback } from "react";
+const useKeyboardNavigation = ({
+  entities,
+  onSelect,
+  onClose,
+  isActive,
+  hasNextPage = false,
+  isFetchingNextPage = false,
+  fetchNextPage
+}) => {
+  const [selectedIndex, setSelectedIndex] = useState(-1);
+  const containerRef = useRef(null);
+  useEffect(() => {
+    setSelectedIndex(-1);
+  }, [entities]);
+  useEffect(() => {
+    if (selectedIndex >= entities.length - 3 && // When within 3 items of the end
+    hasNextPage && !isFetchingNextPage && fetchNextPage) {
+      fetchNextPage();
+    }
+  }, [selectedIndex, entities.length, hasNextPage, isFetchingNextPage, fetchNextPage]);
+  useEffect(() => {
+    if (selectedIndex >= 0 && containerRef.current) {
+      const selectedElement = containerRef.current.querySelector(
+        `[data-index="${selectedIndex}"]`
+      );
+      if (selectedElement) {
+        selectedElement.scrollIntoView({
+          block: "nearest",
+          behavior: "smooth"
+        });
+      }
+    }
+  }, [selectedIndex]);
+  const handleKeyDown = useCallback(
+    (event) => {
+      if (!isActive) return;
+      const totalItems = entities.length + (hasNextPage ? 3 : 0);
+      if (totalItems === 0) return;
+      switch (event.key) {
+        case "ArrowDown":
+          event.preventDefault();
+          setSelectedIndex((prev) => {
+            const nextIndex = prev < totalItems - 1 ? prev + 1 : 0;
+            if (nextIndex >= entities.length) {
+              return 0;
+            }
+            return nextIndex;
+          });
+          break;
+        case "ArrowUp":
+          event.preventDefault();
+          setSelectedIndex((prev) => {
+            const nextIndex = prev > 0 ? prev - 1 : totalItems - 1;
+            if (nextIndex >= entities.length) {
+              return entities.length - 1;
+            }
+            return nextIndex;
+          });
+          break;
+        case "Enter":
+          event.preventDefault();
+          if (selectedIndex >= 0 && selectedIndex < entities.length) {
+            onSelect(entities[selectedIndex]);
+          }
+          break;
+        case "Escape":
+          event.preventDefault();
+          onClose();
+          break;
+      }
+    },
+    [isActive, entities, selectedIndex, onSelect, onClose, hasNextPage]
+  );
+  useEffect(() => {
+    if (isActive) {
+      document.addEventListener("keydown", handleKeyDown);
+      return () => {
+        document.removeEventListener("keydown", handleKeyDown);
+      };
+    }
+  }, [isActive, handleKeyDown]);
+  const getItemProps = useCallback(
+    (index) => ({
+      "data-index": index,
+      className: selectedIndex === index ? "selected" : "",
+      onMouseEnter: () => {
+        if (index < entities.length) {
+          setSelectedIndex(index);
+        }
+      }
+    }),
+    [selectedIndex, entities.length]
+  );
+  return {
+    selectedIndex,
+    containerRef,
+    getItemProps
+  };
+};
+export {
+  useKeyboardNavigation as default
+};
+//# sourceMappingURL=useKeyboardNavigation.es.js.map

package/dist/shared/src/components/LinksManager/hooks/useKeyboardNavigation.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardNavigation.es.js","sources":["../../../../../../src/components/LinksManager/hooks/useKeyboardNavigation.ts"],"sourcesContent":["import { useEffect, useRef, useState, useCallback } from 'react'\n\ninterface Entity {\n  id: string\n  name: string\n  [key: string]: any\n}\n\ninterface UseKeyboardNavigationProps {\n  entities: Entity[]\n  onSelect: (entity: Entity) => void\n  onClose: () => void\n  isActive: boolean\n  hasNextPage?: boolean\n  isFetchingNextPage?: boolean\n  fetchNextPage?: () => void\n}\n\nconst useKeyboardNavigation = ({\n  entities,\n  onSelect,\n  onClose,\n  isActive,\n  hasNextPage = false,\n  isFetchingNextPage = false,\n  fetchNextPage,\n}: UseKeyboardNavigationProps) => {\n  const [selectedIndex, setSelectedIndex] = useState(-1)\n  const containerRef = useRef<HTMLUListElement>(null)\n\n  // Reset selection when entities change\n  useEffect(() => {\n    setSelectedIndex(-1)\n  }, [entities])\n\n  // Check if we need to fetch more data when navigating near the end\n  useEffect(() => {\n    if (\n      selectedIndex >= entities.length - 3 && // When within 3 items of the end\n      hasNextPage &&\n      !isFetchingNextPage &&\n      fetchNextPage\n    ) {\n      fetchNextPage()\n    }\n  }, [selectedIndex, entities.length, hasNextPage, isFetchingNextPage, fetchNextPage])\n\n  // Scroll selected item into view\n  useEffect(() => {\n    if (selectedIndex >= 0 && containerRef.current) {\n      const selectedElement = containerRef.current.querySelector(\n        `[data-index=\"${selectedIndex}\"]`,\n      ) as HTMLElement\n      if (selectedElement) {\n        selectedElement.scrollIntoView({\n          block: 'nearest',\n          behavior: 'smooth',\n        })\n      }\n    }\n  }, [selectedIndex])\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (!isActive) return\n\n      // Calculate total items including loading placeholders\n      const totalItems = entities.length + (hasNextPage ? 3 : 0) // Show 3 loading placeholders\n\n      if (totalItems === 0) return\n\n      switch (event.key) {\n        case 'ArrowDown':\n          event.preventDefault()\n          setSelectedIndex((prev) => {\n            const nextIndex = prev < totalItems - 1 ? prev + 1 : 0\n            // Don't select loading placeholders\n            if (nextIndex >= entities.length) {\n              return 0 // Wrap to beginning\n            }\n            return nextIndex\n          })\n          break\n        case 'ArrowUp':\n          event.preventDefault()\n          setSelectedIndex((prev) => {\n            const nextIndex = prev > 0 ? prev - 1 : totalItems - 1\n            // Don't select loading placeholders\n            if (nextIndex >= entities.length) {\n              return entities.length - 1 // Go to last real item\n            }\n            return nextIndex\n          })\n          break\n        case 'Enter':\n          event.preventDefault()\n          if (selectedIndex >= 0 && selectedIndex < entities.length) {\n            onSelect(entities[selectedIndex])\n          }\n          break\n        case 'Escape':\n          event.preventDefault()\n          onClose()\n          break\n      }\n    },\n    [isActive, entities, selectedIndex, onSelect, onClose, hasNextPage],\n  )\n\n  useEffect(() => {\n    if (isActive) {\n      document.addEventListener('keydown', handleKeyDown)\n      return () => {\n        document.removeEventListener('keydown', handleKeyDown)\n      }\n    }\n  }, [isActive, handleKeyDown])\n\n  const getItemProps = useCallback(\n    (index: number) => ({\n      'data-index': index,\n      className: selectedIndex === index ? 'selected' : '',\n      onMouseEnter: () => {\n        // Only update selection for real items, not loading placeholders\n        if (index < entities.length) {\n          setSelectedIndex(index)\n        }\n      },\n    }),\n    [selectedIndex, entities.length],\n  )\n\n  return {\n    selectedIndex,\n    containerRef,\n    getItemProps,\n  }\n}\n\nexport default useKeyboardNavigation\n"],"names":[],"mappings":";AAkBA,MAAM,wBAAwB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,qBAAqB;AAAA,EACrB;AACF,MAAkC;AAChC,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,EAAE;AAC/C,QAAA,eAAe,OAAyB,IAAI;AAGlD,YAAU,MAAM;AACd,qBAAiB,EAAE;AAAA,EAAA,GAClB,CAAC,QAAQ,CAAC;AAGb,YAAU,MAAM;AAEZ,QAAA,iBAAiB,SAAS,SAAS;AAAA,IACnC,eACA,CAAC,sBACD,eACA;AACc,oBAAA;AAAA,IAAA;AAAA,EAChB,GACC,CAAC,eAAe,SAAS,QAAQ,aAAa,oBAAoB,aAAa,CAAC;AAGnF,YAAU,MAAM;AACV,QAAA,iBAAiB,KAAK,aAAa,SAAS;AACxC,YAAA,kBAAkB,aAAa,QAAQ;AAAA,QAC3C,gBAAgB,aAAa;AAAA,MAC/B;AACA,UAAI,iBAAiB;AACnB,wBAAgB,eAAe;AAAA,UAC7B,OAAO;AAAA,UACP,UAAU;AAAA,QAAA,CACX;AAAA,MAAA;AAAA,IACH;AAAA,EACF,GACC,CAAC,aAAa,CAAC;AAElB,QAAM,gBAAgB;AAAA,IACpB,CAAC,UAAyB;AACxB,UAAI,CAAC,SAAU;AAGf,YAAM,aAAa,SAAS,UAAU,cAAc,IAAI;AAExD,UAAI,eAAe,EAAG;AAEtB,cAAQ,MAAM,KAAK;AAAA,QACjB,KAAK;AACH,gBAAM,eAAe;AACrB,2BAAiB,CAAC,SAAS;AACzB,kBAAM,YAAY,OAAO,aAAa,IAAI,OAAO,IAAI;AAEjD,gBAAA,aAAa,SAAS,QAAQ;AACzB,qBAAA;AAAA,YAAA;AAEF,mBAAA;AAAA,UAAA,CACR;AACD;AAAA,QACF,KAAK;AACH,gBAAM,eAAe;AACrB,2BAAiB,CAAC,SAAS;AACzB,kBAAM,YAAY,OAAO,IAAI,OAAO,IAAI,aAAa;AAEjD,gBAAA,aAAa,SAAS,QAAQ;AAChC,qBAAO,SAAS,SAAS;AAAA,YAAA;AAEpB,mBAAA;AAAA,UAAA,CACR;AACD;AAAA,QACF,KAAK;AACH,gBAAM,eAAe;AACrB,cAAI,iBAAiB,KAAK,gBAAgB,SAAS,QAAQ;AAChD,qBAAA,SAAS,aAAa,CAAC;AAAA,UAAA;AAElC;AAAA,QACF,KAAK;AACH,gBAAM,eAAe;AACb,kBAAA;AACR;AAAA,MAAA;AAAA,IAEN;AAAA,IACA,CAAC,UAAU,UAAU,eAAe,UAAU,SAAS,WAAW;AAAA,EACpE;AAEA,YAAU,MAAM;AACd,QAAI,UAAU;AACH,eAAA,iBAAiB,WAAW,aAAa;AAClD,aAAO,MAAM;AACF,iBAAA,oBAAoB,WAAW,aAAa;AAAA,MACvD;AAAA,IAAA;AAAA,EACF,GACC,CAAC,UAAU,aAAa,CAAC;AAE5B,QAAM,eAAe;AAAA,IACnB,CAAC,WAAmB;AAAA,MAClB,cAAc;AAAA,MACd,WAAW,kBAAkB,QAAQ,aAAa;AAAA,MAClD,cAAc,MAAM;AAEd,YAAA,QAAQ,SAAS,QAAQ;AAC3B,2BAAiB,KAAK;AAAA,QAAA;AAAA,MACxB;AAAA,IACF;AAAA,IAEF,CAAC,eAAe,SAAS,MAAM;AAAA,EACjC;AAEO,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;"}