@ynput/ayon-frontend-shared 0.2.22 → 0.2.24

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

@@ -0,0 +1,332 @@
+import { j as jsxRuntimeExports } from "../../../../_virtual/jsx-runtime.es.js";
+import { useState, useRef, useMemo, useEffect, Fragment } from "react";
+import { AddLinksContainer, SubHeader, SearchButtons, Search, SearchInput, PickerButton, SearchItems, SearchItem, Error } from "./LinksManager.styled.es.js";
+import { Icon } from "@ynput/ayon-react-components";
+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 { useGetSearchedEntitiesLinksInfiniteQuery } from "../../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 { useGetProjectQuery } from "../../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 useKeyboardNavigation from "./hooks/useKeyboardNavigation.es.js";
+import SearchingLoadingItems from "./SearchingLoadingItems.es.js";
+import productTypes from "../../util/productTypes.es.js";
+import "lodash";
+import "react-toastify";
+import "uuid";
+import "../../util/pubsub.es.js";
+import "../../containers/ContextMenu/ContextMenuContext.es.js";
+/* empty css                                               */
+import "clsx";
+import "react-dom";
+import "../../containers/Feed/context/FeedContext.es.js";
+import "../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
+import "../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
+import "../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js";
+import "../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.es.js";
+import "react-markdown";
+import "remark-emoji";
+import "remark-gfm";
+import "remark-directive";
+import "remark-directive-rehype";
+import "../../containers/Feed/components/CommentInput/CommentInput.es.js";
+import "../../containers/Feed/components/ReactionContainer/Reactions.styled.es.js";
+import "../../containers/Feed/components/FilesGrid/FilesGrid.styled.es.js";
+import "../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.es.js";
+import "../../context/RemoteModulesContext.es.js";
+import "../../context/DetailsPanelContext.es.js";
+import "../../context/ThumbnailUploaderContext.es.js";
+import "../../context/SettingsPanelContext.es.js";
+import "../../context/pip/PiPProvider.es.js";
+import "../../context/pip/PiPWrapper.es.js";
+import "../../context/AddonProjectContext.es.js";
+import "../../context/AddonContext.es.js";
+import "../../context/PowerpackContext.es.js";
+import "../../containers/Feed/components/CommentInput/quillToMarkdown.es.js";
+import "../../containers/Feed/components/ActivityComment/ActivityComment.styled.es.js";
+import "../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
+import "../../containers/Feed/components/ActivityReference/ActivityReference.styled.es.js";
+import "react-router-dom";
+import "../../containers/Feed/components/ActivityStatus/ActivityStatus.es.js";
+import "../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
+import "../../containers/Feed/components/ActivityDate.es.js";
+import "../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.es.js";
+import "../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
+import "../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
+import "../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
+import "../../containers/Feed/Feed.styled.es.js";
+import "date-fns";
+import "../EmptyPlaceholder/EmptyPlaceholder.es.js";
+import "../EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
+import "../../containers/ProjectTreeTable/ProjectTreeTable.es.js";
+import "../../containers/ProjectTreeTable/context/CellEditingContext.es.js";
+import { getEntityIcon } from "../../containers/ProjectTreeTable/utils/linksToTableData.es.js";
+import "../../containers/ProjectTreeTable/context/SelectionCellsContext.es.js";
+import "../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
+import "../../containers/ProjectTreeTable/context/ProjectTableContext.es.js";
+import "../../containers/ProjectTreeTable/context/ClipboardContext.es.js";
+import "@tanstack/react-table";
+import "../../containers/ProjectTreeTable/context/ColumnSettingsContext.es.js";
+import "../../containers/ProjectTreeTable/context/SelectedRowsContext.es.js";
+import "../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
+import "../../../../_virtual/runtime.es.js";
+import "../../../../_virtual/semver.es.js";
+import "react-redux";
+import "custom-protocol-check";
+import "../../containers/ProjectTreeTable/components/GroupSettingsFallback.es.js";
+import "../../containers/ProjectTreeTable/context/ProjectDataContext.es.js";
+import "../../containers/ProjectTreeTable/widgets/CollapsedWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/DateWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/EnumWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/TextWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/BooleanWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/CellWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/EntityNameWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/ThumbnailWidget.es.js";
+import "../ThumbnailSimple/ThumbnailSimple.es.js";
+import "@dnd-kit/core";
+import "@dnd-kit/sortable";
+import "../ReviewablesList/ReviewablesList.styled.es.js";
+import "../ReviewablesList/ReviewablesUpload.styled.es.js";
+import "axios";
+import "../ReviewableCard/ReviewableCard.es.js";
+import "../ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
+import "../FileThumbnail/FileThumbnail.es.js";
+import "../Thumbnail/Thumbnail.styled.es.js";
+import "../Thumbnail/StackedThumbnails.es.js";
+import "../EntityPanelUploader/EntityPanelUploader.styled.es.js";
+import "../SimpleFormDialog/SimpleFormDialog.es.js";
+import "../EntityPath/EntityPath.styled.es.js";
+import "../EntityPath/SegmentProvider.es.js";
+import "../DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
+import "../Watchers/Watchers.es.js";
+import "../ProjectTableSettings/ProjectTableSettings.es.js";
+import "../Powerpack/PowerpackButton.es.js";
+import "../Powerpack/PricingLink.es.js";
+import "../Powerpack/PowerpackDialog.styled.es.js";
+import "../Powerpack/CTAButton.es.js";
+import "../SettingsPanel/SettingsPanel.es.js";
+import "../SettingsPanel/SettingsPanelItemTemplate.es.js";
+import "../AttributeEditor/components/MinMaxField.es.js";
+import "../EnumEditor/EnumEditor.styled.es.js";
+import "../SearchFilter/filterDates.es.js";
+import "../Badge/Badge.es.js";
+import "../VersionUploader/components/UploadVersionDialog.es.js";
+import "../VersionUploader/context/VersionUploadContext.es.js";
+import "../Feedback/FeedbackContext.es.js";
+import "../Feedback/SupportBubble.es.js";
+import "../Chips/Chips.es.js";
+import "../../containers/EntityPickerDialog/EntityPickerDialog.es.js";
+import "./LinksManagerDialog.es.js";
+import "../../containers/ProjectTreeTable/ProjectTreeTable.styled.es.js";
+import "../../containers/ProjectTreeTable/components/SelectionCell.es.js";
+import "../../containers/ProjectTreeTable/components/RowSelectionHeader.es.js";
+import "../../containers/ProjectTreeTable/widgets/LoadMoreWidget.es.js";
+import "../../containers/DetailsPanel/DetailsPanel.styled.es.js";
+import "../../containers/DetailsPanel/FeedFilters/FeedFilters.styled.es.js";
+import "../../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
+import "../PlayableIcon/PlayableIcon.es.js";
+import "../../containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.es.js";
+import "../../containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
+import "../../containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
+import "../../containers/Actions/Actions.styled.es.js";
+import "../../containers/Actions/ActionsDropdown/ActionsDropdown.es.js";
+import "../../containers/Actions/ActionIcon.es.js";
+import "../../containers/Views/context/ViewsContext.es.js";
+import "../../containers/Views/Views.styled.es.js";
+import "../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
+import "../../containers/Views/ViewsMenu/ViewsMenu.es.js";
+const AddNewLinks = ({
+  projectName,
+  targetEntityType,
+  onClose,
+  onSearchTypeChange,
+  onAdd
+}) => {
+  const [search, setSearch] = useState("");
+  const searchInputRef = useRef(null);
+  const { data: project } = useGetProjectQuery({ projectName });
+  const anatomyForIcons = {
+    folderTypes: (project == null ? void 0 : project.folderTypes) || [],
+    taskTypes: (project == null ? void 0 : project.taskTypes) || [],
+    productTypes: Object.values(productTypes)
+  };
+  const {
+    data: searchData,
+    error,
+    isLoading,
+    hasNextPage,
+    isFetchingNextPage,
+    fetchNextPage
+  } = useGetSearchedEntitiesLinksInfiniteQuery(
+    {
+      projectName,
+      entityType: targetEntityType,
+      search
+    },
+    { skip: !search }
+  );
+  const entities = useMemo(() => {
+    return (searchData == null ? void 0 : searchData.pages.flatMap((page) => page.entities)) || [];
+  }, [searchData]);
+  const handleSelectEntity = (entity) => {
+    console.log(`Add ${entity.name}`);
+    onAdd == null ? void 0 : onAdd(entity.id);
+    setSearch("");
+  };
+  const handleClose = () => {
+    onClose == null ? void 0 : onClose();
+  };
+  const { containerRef, getItemProps } = useKeyboardNavigation({
+    entities,
+    onSelect: handleSelectEntity,
+    onClose: handleClose,
+    isActive: Boolean(search && entities.length > 0),
+    hasNextPage,
+    isFetchingNextPage,
+    fetchNextPage
+  });
+  useEffect(() => {
+    const timeout = setTimeout(() => {
+      if (searchInputRef.current) {
+        searchInputRef.current.focus();
+      }
+    }, 0);
+    return () => clearTimeout(timeout);
+  }, [searchData, search]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(AddLinksContainer, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(SubHeader, { children: "Add new link" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(SearchButtons, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Search, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon: "search", className: "input-search" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          SearchInput,
+          {
+            ref: searchInputRef,
+            value: search,
+            onChange: (e) => setSearch(e.target.value),
+            placeholder: `Search ${targetEntityType}s...`,
+            id: `search-${targetEntityType}`,
+            autoFocus: true,
+            autoComplete: "off"
+          }
+        )
+      ] }),
+      !search && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        PickerButton,
+        {
+          label: `Pick ${targetEntityType}s`,
+          icon: "table_rows",
+          onClick: () => onSearchTypeChange("picker")
+        }
+      )
+    ] }),
+    search && searchData && /* @__PURE__ */ jsxRuntimeExports.jsxs(SearchItems, { ref: containerRef, children: [
+      searchData == null ? void 0 : searchData.pages.map(
+        (page, pageIndex) => page.entities.map((entity, entityIndex) => {
+          var _a;
+          const flatIndex = searchData.pages.slice(0, pageIndex).reduce((acc, p) => acc + p.entities.length, 0) + entityIndex;
+          return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            SearchItem,
+            {
+              onClick: () => handleSelectEntity(entity),
+              tabIndex: 0,
+              ...getItemProps(flatIndex),
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon: getEntityIcon(entity.entityType, entity.subType, anatomyForIcons) }),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "label", children: [
+                  (_a = entity.parents) == null ? void 0 : _a.map((part, index) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: part }, index + "-path"),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "/" }, index + "-separator")
+                  ] }, index)),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: entity.label || entity.name })
+                ] }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "type", children: entity.subType || entity.entityType })
+              ]
+            },
+            entity.id
+          );
+        })
+      ),
+      (isLoading || isFetchingNextPage || hasNextPage) && /* @__PURE__ */ jsxRuntimeExports.jsx(SearchingLoadingItems, {})
+    ] }),
+    !isLoading && error && /* @__PURE__ */ jsxRuntimeExports.jsx(Error, { children: error.message })
+  ] });
+};
+export {
+  AddNewLinks as default
+};
+//# sourceMappingURL=AddNewLinks.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AddNewLinks.es.js","sources":["../../../../../src/components/LinksManager/AddNewLinks.tsx"],"sourcesContent":["import { FC, useState, useMemo, useRef, useEffect, Fragment } from 'react'\nimport * as Styled from './LinksManager.styled'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { useGetProjectQuery, useGetSearchedEntitiesLinksInfiniteQuery } from '@shared/api'\nimport useKeyboardNavigation from './hooks/useKeyboardNavigation'\nimport SearchingLoadingItems from './SearchingLoadingItems'\nimport { upperFirst } from 'lodash'\nimport { productTypes } from '@shared/util'\nimport { getEntityIcon } from '@shared/containers'\n\nexport type LinkSearchType = 'search' | 'picker' | null\n\ninterface AddNewLinksProps {\n  targetEntityType: string\n  projectName: string\n  onClose?: () => void\n  onSearchTypeChange: (type: LinkSearchType) => void //  used to handle search type changes\n  onAdd?: (targetEntityId: string, linkType?: string) => void\n}\n\nconst AddNewLinks: FC<AddNewLinksProps> = ({\n  projectName,\n  targetEntityType,\n  onClose,\n  onSearchTypeChange,\n  onAdd,\n}) => {\n  const [search, setSearch] = useState('')\n  const searchInputRef = useRef<HTMLInputElement>(null)\n\n  // TODO: replace with project context\n  const { data: project } = useGetProjectQuery({ projectName })\n  const anatomyForIcons = {\n    folderTypes: project?.folderTypes || [],\n    taskTypes: project?.taskTypes || [],\n    productTypes: Object.values(productTypes),\n  }\n\n  const {\n    data: searchData,\n    error,\n    isLoading,\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n  } = useGetSearchedEntitiesLinksInfiniteQuery(\n    {\n      projectName,\n      entityType: targetEntityType,\n      search,\n    },\n    { skip: !search },\n  )\n\n  // Flatten all entities from all pages\n  const entities = useMemo(() => {\n    return searchData?.pages.flatMap((page) => page.entities) || []\n  }, [searchData])\n\n  const handleSelectEntity = (entity: any) => {\n    console.log(`Add ${entity.name}`)\n    onAdd?.(entity.id)\n    // Clear search after adding\n    setSearch('')\n  }\n\n  const handleClose = () => {\n    onClose?.()\n  }\n\n  const { containerRef, getItemProps } = useKeyboardNavigation({\n    entities,\n    onSelect: handleSelectEntity,\n    onClose: handleClose,\n    isActive: Boolean(search && entities.length > 0),\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n  })\n\n  // Force focus the search input on mount and when searchData or search changes\n  useEffect(() => {\n    // Use setTimeout to ensure focus after render\n    const timeout = setTimeout(() => {\n      if (searchInputRef.current) {\n        searchInputRef.current.focus()\n      }\n    }, 0)\n    return () => clearTimeout(timeout)\n  }, [searchData, search])\n\n  return (\n    <Styled.AddLinksContainer>\n      <Styled.SubHeader>Add new link</Styled.SubHeader>\n      <Styled.SearchButtons>\n        <Styled.Search>\n          <Icon icon={'search'} className=\"input-search\" />\n          <Styled.SearchInput\n            ref={searchInputRef}\n            value={search}\n            onChange={(e) => setSearch(e.target.value)}\n            placeholder={`Search ${targetEntityType}s...`}\n            id={`search-${targetEntityType}`}\n            autoFocus\n            autoComplete=\"off\"\n          />\n        </Styled.Search>\n\n        {!search && (\n          <Styled.PickerButton\n            label={`Pick ${targetEntityType}s`}\n            icon=\"table_rows\"\n            onClick={() => onSearchTypeChange('picker')}\n          />\n        )}\n      </Styled.SearchButtons>\n\n      {search && searchData && (\n        <Styled.SearchItems ref={containerRef}>\n          {searchData?.pages.map((page, pageIndex) =>\n            page.entities.map((entity, entityIndex) => {\n              const flatIndex =\n                searchData.pages\n                  .slice(0, pageIndex)\n                  .reduce((acc, p) => acc + p.entities.length, 0) + entityIndex\n              return (\n                <Styled.SearchItem\n                  key={entity.id}\n                  onClick={() => handleSelectEntity(entity)}\n                  tabIndex={0}\n                  {...getItemProps(flatIndex)}\n                >\n                  <Icon icon={getEntityIcon(entity.entityType, entity.subType, anatomyForIcons)} />\n                  <span className=\"label\">\n                    {entity.parents?.map((part, index) => (\n                      <Fragment key={index}>\n                        <span key={index + '-path'}>{part}</span>\n                        <span key={index + '-separator'}>/</span>\n                      </Fragment>\n                    ))}\n                    <strong>{entity.label || entity.name}</strong>\n                  </span>\n                  <span className=\"type\">{entity.subType || entity.entityType}</span>\n                </Styled.SearchItem>\n              )\n            }),\n          )}\n          {(isLoading || isFetchingNextPage || hasNextPage) && <SearchingLoadingItems />}\n        </Styled.SearchItems>\n      )}\n      {!isLoading && error && <Styled.Error>{error.message}</Styled.Error>}\n    </Styled.AddLinksContainer>\n  )\n}\n\nexport default AddNewLinks\n"],"names":["jsxs","Styled.AddLinksContainer","jsx","Styled.SubHeader","Styled.SearchButtons","Styled.Search","Styled.SearchInput","Styled.PickerButton","Styled.SearchItems","Styled.SearchItem","Styled.Error"],"mappings":"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"}

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

@@ -0,0 +1,125 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../../../_virtual/jsx-runtime.cjs.js");
+const React = require("react");
+const ayonReactComponents = require("@ynput/ayon-react-components");
+require("lodash");
+require("react-toastify");
+const getEntityTypeIcon = require("../../util/getEntityTypeIcon.cjs.js");
+require("uuid");
+require("../../util/pubsub.cjs.js");
+require("../../api/base/client.cjs.js");
+require("../../api/generated/graphql.cjs.js");
+require("../../api/generated/graphqlLinks.cjs.js");
+require("../../api/generated/access.cjs.js");
+require("../../api/generated/actions.cjs.js");
+require("../../api/generated/activityFeed.cjs.js");
+require("../../api/generated/addons.cjs.js");
+require("../../api/generated/anatomy.cjs.js");
+require("../../api/generated/attributes.cjs.js");
+require("../../api/generated/authentication.cjs.js");
+require("../../api/generated/bundles.cjs.js");
+require("../../api/generated/configuration.cjs.js");
+require("../../api/generated/desktop.cjs.js");
+require("../../api/generated/entityLists.cjs.js");
+require("../../api/generated/events.cjs.js");
+require("../../api/generated/files.cjs.js");
+require("../../api/generated/folders.cjs.js");
+require("../../api/generated/inbox.cjs.js");
+require("../../api/generated/links.cjs.js");
+require("../../api/generated/market.cjs.js");
+require("../../api/generated/onboarding.cjs.js");
+require("../../api/generated/operations.cjs.js");
+require("../../api/generated/products.cjs.js");
+require("../../api/generated/projectDashboard.cjs.js");
+require("../../api/generated/projects.cjs.js");
+require("../../api/generated/reviewables.cjs.js");
+require("../../api/generated/services.cjs.js");
+require("../../api/generated/system.cjs.js");
+require("../../api/generated/tasks.cjs.js");
+require("../../api/generated/teams.cjs.js");
+require("../../api/generated/thumbnails.cjs.js");
+require("../../api/generated/uRIs.cjs.js");
+require("../../api/generated/users.cjs.js");
+require("../../api/generated/versions.cjs.js");
+require("../../api/generated/workfiles.cjs.js");
+require("../../api/generated/ynputCloud.cjs.js");
+require("../../api/generated/grouping.cjs.js");
+require("../../api/generated/views.cjs.js");
+require("../../api/queries/actions/getActions.cjs.js");
+require("../../api/queries/activities/getActivities.cjs.js");
+require("../../api/queries/activities/updateActivities.cjs.js");
+require("../../api/queries/activities/updateReaction.cjs.js");
+require("../../api/queries/activities/getMentions.cjs.js");
+require("../../api/queries/addons/getAddons.cjs.js");
+require("../../api/queries/addons/updateAddons.cjs.js");
+require("../../api/queries/attributes/getAttributes.cjs.js");
+require("../../api/queries/attributes/updateAttributes.cjs.js");
+require("../../api/queries/authentication/getAuthentication.cjs.js");
+require("../../api/queries/cloud/cloud.cjs.js");
+require("../../api/queries/entities/getEntity.cjs.js");
+require("../../api/queries/entities/getEntityPanel.cjs.js");
+const transformDetailsPanelData = require("../../api/queries/entities/transformDetailsPanelData.cjs.js");
+require("../../api/queries/entities/updateEntity.cjs.js");
+require("../../api/queries/entityLists/getLists.cjs.js");
+require("../../api/queries/entityLists/updateLists.cjs.js");
+require("../../api/queries/entityLists/getListsAttributes.cjs.js");
+require("../../api/queries/entityLists/updateListsAttributes.cjs.js");
+require("../../api/queries/folders/getFolders.cjs.js");
+require("../../api/queries/grouping/getGrouping.cjs.js");
+require("../../api/queries/links/updateLinks.cjs.js");
+require("../../api/queries/links/getLinks.cjs.js");
+require("../../api/queries/links/getEntityLinks.cjs.js");
+require("../../api/queries/overview/getOverview.cjs.js");
+require("../../api/queries/overview/updateOverview.cjs.js");
+require("../../api/queries/permissions/getPermissions.cjs.js");
+require("../../api/queries/products/createProduct.cjs.js");
+require("../../api/queries/project/getProject.cjs.js");
+require("../../api/queries/project/updateProject.cjs.js");
+require("../../api/queries/review/getReview.cjs.js");
+require("../../api/queries/review/updateReview.cjs.js");
+require("../../api/queries/share/share.cjs.js");
+require("../../api/queries/system/getSystem.cjs.js");
+require("../../api/queries/userDashboard/getUserDashboard.cjs.js");
+require("../../api/queries/users/getUsers.cjs.js");
+require("../../api/queries/users/updateUsers.cjs.js");
+require("../../api/queries/versions/updateVersions.cjs.js");
+require("../../api/queries/views/getViews.cjs.js");
+require("../../api/queries/views/updateViews.cjs.js");
+require("../../api/queries/watchers/getWatchers.cjs.js");
+const LinksManager_styled = require("./LinksManager.styled.cjs.js");
+const clsx = require("clsx");
+const LinkManagerItem = ({
+  link,
+  isSelected = false,
+  onEntityClick,
+  onRemove
+}) => {
+  var _a;
+  const entityTypeSupported = transformDetailsPanelData.detailsPanelEntityTypes.includes(link.entityType);
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+    LinksManager_styled.LinkItem,
+    {
+      onClick: () => entityTypeSupported && (onEntityClick == null ? void 0 : onEntityClick(link.entityId, link.entityType)),
+      "data-tooltip": link.parents.join("/") + "/" + link.label,
+      className: clsx({
+        clickable: entityTypeSupported,
+        selected: isSelected
+      }),
+      children: [
+        link.icon ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ayonReactComponents.Icon, { icon: link.icon }) : /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ayonReactComponents.Icon, { icon: getEntityTypeIcon.getEntityTypeIcon(link.entityType) }),
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("span", { className: "title", children: [
+          (_a = link.parents) == null ? void 0 : _a.map((part, index) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(React.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { children: part }, index + "-path"),
+            /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { children: "/" }, index + "-separator")
+          ] }, index)),
+          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { className: "label", children: link.label })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ayonReactComponents.Button, { icon: "close", variant: "text", className: "remove", onClick: (e) => onRemove(e, link) })
+      ]
+    },
+    link.linkId
+  );
+};
+exports.LinkManagerItem = LinkManagerItem;
+//# sourceMappingURL=LinkManagerItem.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LinkManagerItem.cjs.js","sources":["../../../../../src/components/LinksManager/LinkManagerItem.tsx"],"sourcesContent":["import { FC, Fragment } from 'react'\nimport { Button, Icon } from '@ynput/ayon-react-components'\nimport { getEntityTypeIcon } from '@shared/util'\nimport { detailsPanelEntityTypes } from '@shared/api'\nimport * as Styled from './LinksManager.styled'\nimport { LinkEntity } from './LinksManager'\nimport clsx from 'clsx'\n\nexport interface LinkManagerItemProps {\n  link: LinkEntity\n  isSelected?: boolean\n  onEntityClick?: (entityId: string, entityType: string) => void\n  onRemove: (e: React.MouseEvent<HTMLButtonElement>, link: LinkEntity) => void\n}\n\nexport const LinkManagerItem: FC<LinkManagerItemProps> = ({\n  link,\n  isSelected = false,\n  onEntityClick,\n  onRemove,\n}) => {\n  const entityTypeSupported = detailsPanelEntityTypes.includes(link.entityType as any)\n\n  return (\n    <Styled.LinkItem\n      key={link.linkId}\n      onClick={() => entityTypeSupported && onEntityClick?.(link.entityId, link.entityType)}\n      data-tooltip={link.parents.join('/') + '/' + link.label}\n      className={clsx({\n        clickable: entityTypeSupported,\n        selected: isSelected,\n      })}\n    >\n      {link.icon ? <Icon icon={link.icon} /> : <Icon icon={getEntityTypeIcon(link.entityType)} />}\n\n      <span className=\"title\">\n        {link.parents?.map((part, index) => (\n          <Fragment key={index}>\n            <span key={index + '-path'}>{part}</span>\n            <span key={index + '-separator'}>/</span>\n          </Fragment>\n        ))}\n        <span className=\"label\">{link.label}</span>\n      </span>\n      <Button icon={'close'} variant=\"text\" className=\"remove\" onClick={(e) => onRemove(e, link)} />\n    </Styled.LinkItem>\n  )\n}\n"],"names":["detailsPanelEntityTypes","jsxs","Styled.LinkItem","jsx","Icon","getEntityTypeIcon","Fragment","Button"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeO,MAAM,kBAA4C,CAAC;AAAA,EACxD;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AACF,MAAM;;AACJ,QAAM,sBAAsBA,0BAAA,wBAAwB,SAAS,KAAK,UAAiB;AAGjF,SAAAC,2BAAA,kBAAA;AAAA,IAACC,oBAAO;AAAA,IAAP;AAAA,MAEC,SAAS,MAAM,wBAAuB,+CAAgB,KAAK,UAAU,KAAK;AAAA,MAC1E,gBAAc,KAAK,QAAQ,KAAK,GAAG,IAAI,MAAM,KAAK;AAAA,MAClD,WAAW,KAAK;AAAA,QACd,WAAW;AAAA,QACX,UAAU;AAAA,MAAA,CACX;AAAA,MAEA,UAAA;AAAA,QAAA,KAAK,OAAOC,2BAAA,kBAAA,IAACC,oBAAK,MAAA,EAAA,MAAM,KAAK,KAAA,CAAM,IAAKD,2BAAA,kBAAA,IAACC,oBAAK,MAAA,EAAA,MAAMC,kBAAkB,kBAAA,KAAK,UAAU,GAAG;AAAA,QAEzFJ,2BAAAA,kBAAAA,KAAC,QAAK,EAAA,WAAU,SACb,UAAA;AAAA,WAAA,UAAK,YAAL,mBAAc,IAAI,CAAC,MAAM,4DACvBK,gBACC,EAAA,UAAA;AAAA,YAACH,2BAAA,kBAAA,IAAA,QAAA,EAA4B,UAAlB,KAAA,GAAA,QAAQ,OAAe;AAAA,YACjCA,2BAAA,kBAAA,IAAA,QAAA,EAAgC,UAAtB,IAAA,GAAA,QAAQ,YAAe;AAAA,UAAA,EAAA,GAFrB,KAGf;AAAA,UAEDA,2BAAA,kBAAA,IAAA,QAAA,EAAK,WAAU,SAAS,eAAK,MAAM,CAAA;AAAA,QAAA,GACtC;AAAA,QACCA,2BAAA,kBAAA,IAAAI,oBAAA,QAAA,EAAO,MAAM,SAAS,SAAQ,QAAO,WAAU,UAAS,SAAS,CAAC,MAAM,SAAS,GAAG,IAAI,EAAG,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAnBvF,KAAK;AAAA,EAoBZ;AAEJ;;"}

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

@@ -0,0 +1,125 @@
+import { j as jsxRuntimeExports } from "../../../../_virtual/jsx-runtime.es.js";
+import { Fragment } from "react";
+import { Icon, Button } from "@ynput/ayon-react-components";
+import "lodash";
+import "react-toastify";
+import { getEntityTypeIcon } from "../../util/getEntityTypeIcon.es.js";
+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 { detailsPanelEntityTypes } from "../../api/queries/entities/transformDetailsPanelData.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 { LinkItem } from "./LinksManager.styled.es.js";
+import clsx from "clsx";
+const LinkManagerItem = ({
+  link,
+  isSelected = false,
+  onEntityClick,
+  onRemove
+}) => {
+  var _a;
+  const entityTypeSupported = detailsPanelEntityTypes.includes(link.entityType);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    LinkItem,
+    {
+      onClick: () => entityTypeSupported && (onEntityClick == null ? void 0 : onEntityClick(link.entityId, link.entityType)),
+      "data-tooltip": link.parents.join("/") + "/" + link.label,
+      className: clsx({
+        clickable: entityTypeSupported,
+        selected: isSelected
+      }),
+      children: [
+        link.icon ? /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon: link.icon }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon: getEntityTypeIcon(link.entityType) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "title", children: [
+          (_a = link.parents) == null ? void 0 : _a.map((part, index) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: part }, index + "-path"),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "/" }, index + "-separator")
+          ] }, index)),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "label", children: link.label })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { icon: "close", variant: "text", className: "remove", onClick: (e) => onRemove(e, link) })
+      ]
+    },
+    link.linkId
+  );
+};
+export {
+  LinkManagerItem
+};
+//# sourceMappingURL=LinkManagerItem.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LinkManagerItem.es.js","sources":["../../../../../src/components/LinksManager/LinkManagerItem.tsx"],"sourcesContent":["import { FC, Fragment } from 'react'\nimport { Button, Icon } from '@ynput/ayon-react-components'\nimport { getEntityTypeIcon } from '@shared/util'\nimport { detailsPanelEntityTypes } from '@shared/api'\nimport * as Styled from './LinksManager.styled'\nimport { LinkEntity } from './LinksManager'\nimport clsx from 'clsx'\n\nexport interface LinkManagerItemProps {\n  link: LinkEntity\n  isSelected?: boolean\n  onEntityClick?: (entityId: string, entityType: string) => void\n  onRemove: (e: React.MouseEvent<HTMLButtonElement>, link: LinkEntity) => void\n}\n\nexport const LinkManagerItem: FC<LinkManagerItemProps> = ({\n  link,\n  isSelected = false,\n  onEntityClick,\n  onRemove,\n}) => {\n  const entityTypeSupported = detailsPanelEntityTypes.includes(link.entityType as any)\n\n  return (\n    <Styled.LinkItem\n      key={link.linkId}\n      onClick={() => entityTypeSupported && onEntityClick?.(link.entityId, link.entityType)}\n      data-tooltip={link.parents.join('/') + '/' + link.label}\n      className={clsx({\n        clickable: entityTypeSupported,\n        selected: isSelected,\n      })}\n    >\n      {link.icon ? <Icon icon={link.icon} /> : <Icon icon={getEntityTypeIcon(link.entityType)} />}\n\n      <span className=\"title\">\n        {link.parents?.map((part, index) => (\n          <Fragment key={index}>\n            <span key={index + '-path'}>{part}</span>\n            <span key={index + '-separator'}>/</span>\n          </Fragment>\n        ))}\n        <span className=\"label\">{link.label}</span>\n      </span>\n      <Button icon={'close'} variant=\"text\" className=\"remove\" onClick={(e) => onRemove(e, link)} />\n    </Styled.LinkItem>\n  )\n}\n"],"names":["jsxs","Styled.LinkItem","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeO,MAAM,kBAA4C,CAAC;AAAA,EACxD;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AACF,MAAM;;AACJ,QAAM,sBAAsB,wBAAwB,SAAS,KAAK,UAAiB;AAGjF,SAAAA,kCAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MAEC,SAAS,MAAM,wBAAuB,+CAAgB,KAAK,UAAU,KAAK;AAAA,MAC1E,gBAAc,KAAK,QAAQ,KAAK,GAAG,IAAI,MAAM,KAAK;AAAA,MAClD,WAAW,KAAK;AAAA,QACd,WAAW;AAAA,QACX,UAAU;AAAA,MAAA,CACX;AAAA,MAEA,UAAA;AAAA,QAAA,KAAK,OAAOC,kCAAA,IAAC,MAAK,EAAA,MAAM,KAAK,KAAA,CAAM,IAAKA,kCAAA,IAAC,MAAK,EAAA,MAAM,kBAAkB,KAAK,UAAU,GAAG;AAAA,QAEzFF,kCAAAA,KAAC,QAAK,EAAA,WAAU,SACb,UAAA;AAAA,WAAA,UAAK,YAAL,mBAAc,IAAI,CAAC,MAAM,iDACvB,UACC,EAAA,UAAA;AAAA,YAACE,kCAAA,IAAA,QAAA,EAA4B,UAAlB,KAAA,GAAA,QAAQ,OAAe;AAAA,YACjCA,kCAAA,IAAA,QAAA,EAAgC,UAAtB,IAAA,GAAA,QAAQ,YAAe;AAAA,UAAA,EAAA,GAFrB,KAGf;AAAA,UAEDA,kCAAA,IAAA,QAAA,EAAK,WAAU,SAAS,eAAK,MAAM,CAAA;AAAA,QAAA,GACtC;AAAA,QACCA,kCAAA,IAAA,QAAA,EAAO,MAAM,SAAS,SAAQ,QAAO,WAAU,UAAS,SAAS,CAAC,MAAM,SAAS,GAAG,IAAI,EAAG,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAnBvF,KAAK;AAAA,EAoBZ;AAEJ;"}