@ynput/ayon-frontend-shared 0.2.23 → 0.2.24

package/dist/shared/src/containers/ProjectTreeTable/widgets/LinksWidget.cjs.js

@@ -0,0 +1,299 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../../../../_virtual/jsx-runtime.cjs.js");
+require("@ynput/ayon-react-components");
+require("clsx");
+require("../../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");
+require("../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");
+require("../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");
+require("react-toastify");
+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");
+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");
+require("react");
+require("@dnd-kit/core");
+require("@dnd-kit/sortable");
+require("../../../components/ReviewablesList/ReviewablesList.styled.cjs.js");
+require("../../ContextMenu/ContextMenuContext.cjs.js");
+;/* empty css                                      */
+require("lodash");
+require("uuid");
+require("../../../util/pubsub.cjs.js");
+require("../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");
+require("axios");
+require("../../../context/RemoteModulesContext.cjs.js");
+require("../../../context/DetailsPanelContext.cjs.js");
+require("../../../context/ThumbnailUploaderContext.cjs.js");
+require("../../../context/SettingsPanelContext.cjs.js");
+require("../../../context/pip/PiPProvider.cjs.js");
+const ReactDOM = require("react-dom");
+require("../../../context/pip/PiPWrapper.cjs.js");
+require("../../../context/AddonProjectContext.cjs.js");
+require("../../../context/AddonContext.cjs.js");
+require("../../../context/PowerpackContext.cjs.js");
+require("../../../components/ReviewableCard/ReviewableCard.cjs.js");
+require("../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");
+require("../../../components/FileThumbnail/FileThumbnail.cjs.js");
+require("../../../components/Thumbnail/Thumbnail.styled.cjs.js");
+require("../../../components/Thumbnail/StackedThumbnails.cjs.js");
+require("../../Feed/context/FeedContext.cjs.js");
+require("../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");
+require("../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");
+require("../../Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");
+require("../../Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");
+require("react-markdown");
+require("remark-emoji");
+require("remark-gfm");
+require("remark-directive");
+require("remark-directive-rehype");
+require("../../Feed/components/CommentInput/CommentInput.cjs.js");
+require("../../Feed/components/ReactionContainer/Reactions.styled.cjs.js");
+require("../../Feed/components/FilesGrid/FilesGrid.styled.cjs.js");
+require("../../Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");
+require("../../Feed/components/CommentInput/quillToMarkdown.cjs.js");
+require("../../Feed/components/ActivityComment/ActivityComment.styled.cjs.js");
+require("../../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");
+require("../../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");
+require("react-router-dom");
+require("../../Feed/components/ActivityStatus/ActivityStatus.cjs.js");
+require("../../Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");
+require("../../Feed/components/ActivityDate.cjs.js");
+require("../../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");
+require("../../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");
+require("../../Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");
+require("../../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");
+require("../../Feed/Feed.styled.cjs.js");
+require("date-fns");
+require("../ProjectTreeTable.cjs.js");
+require("../context/CellEditingContext.cjs.js");
+require("@tanstack/react-table");
+require("./CollapsedWidget.cjs.js");
+require("./DateWidget.cjs.js");
+require("./EnumWidget.cjs.js");
+require("./TextWidget.cjs.js");
+require("./BooleanWidget.cjs.js");
+const CellWidget = require("./CellWidget.cjs.js");
+require("./EntityNameWidget.cjs.js");
+require("./GroupHeaderWidget.cjs.js");
+require("./ThumbnailWidget.cjs.js");
+const LinksManagerDialog = require("../../../components/LinksManager/LinksManagerDialog.cjs.js");
+const DetailsPanelEntityContext = require("../context/DetailsPanelEntityContext.cjs.js");
+const SelectedRowsContext = require("../context/SelectedRowsContext.cjs.js");
+require("../ProjectTreeTable.styled.cjs.js");
+require("../components/SelectionCell.cjs.js");
+require("../components/RowSelectionHeader.cjs.js");
+require("../context/SelectionCellsContext.cjs.js");
+require("./LoadMoreWidget.cjs.js");
+require("../context/ProjectTableQueriesContext.cjs.js");
+require("../context/ProjectTableContext.cjs.js");
+require("../context/ClipboardContext.cjs.js");
+require("../context/ColumnSettingsContext.cjs.js");
+require("../../../../../_virtual/runtime.cjs.js");
+require("../../../../../_virtual/semver.cjs.js");
+require("react-redux");
+require("custom-protocol-check");
+require("../components/GroupSettingsFallback.cjs.js");
+require("../context/ProjectDataContext.cjs.js");
+require("../../DetailsPanel/DetailsPanel.styled.cjs.js");
+require("../../DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");
+require("../../DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");
+require("../../../components/PlayableIcon/PlayableIcon.cjs.js");
+require("../../DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");
+require("../../DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");
+require("../../DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");
+require("../../Actions/Actions.styled.cjs.js");
+require("../../Actions/ActionsDropdown/ActionsDropdown.cjs.js");
+require("../../Actions/ActionIcon.cjs.js");
+require("../../Views/context/ViewsContext.cjs.js");
+require("../../Views/Views.styled.cjs.js");
+require("../../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");
+require("../../Views/ViewsMenu/ViewsMenu.cjs.js");
+require("../../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");
+require("../../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");
+require("../../../components/EntityPath/EntityPath.styled.cjs.js");
+require("../../../components/EntityPath/SegmentProvider.cjs.js");
+require("../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");
+require("../../../components/Watchers/Watchers.cjs.js");
+require("../../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");
+require("../../../components/Powerpack/PowerpackButton.cjs.js");
+require("../../../components/Powerpack/PricingLink.cjs.js");
+require("../../../components/Powerpack/PowerpackDialog.styled.cjs.js");
+require("../../../components/Powerpack/CTAButton.cjs.js");
+require("../../../components/SettingsPanel/SettingsPanel.cjs.js");
+require("../../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");
+require("../../../components/AttributeEditor/components/MinMaxField.cjs.js");
+require("../../../components/EnumEditor/EnumEditor.styled.cjs.js");
+require("../../../components/SearchFilter/filterDates.cjs.js");
+require("../../../components/Badge/Badge.cjs.js");
+require("../../../components/VersionUploader/components/UploadVersionDialog.cjs.js");
+require("../../../components/VersionUploader/context/VersionUploadContext.cjs.js");
+require("../../../components/Feedback/FeedbackContext.cjs.js");
+require("../../../components/Feedback/SupportBubble.cjs.js");
+const Chips = require("../../../components/Chips/Chips.cjs.js");
+require("../../../components/LinksManager/LinksManager.styled.cjs.js");
+require("../../EntityPickerDialog/EntityPickerDialog.cjs.js");
+const isLinkEditable = (direction, linkType, entityType) => {
+  const linkTypeParts = linkType.split("|");
+  const [_name, outType, inType] = linkTypeParts;
+  if (direction === "in") {
+    return entityType === inType;
+  } else {
+    return entityType === outType;
+  }
+};
+const LinksWidget = ({
+  value,
+  isEditing,
+  cellId,
+  projectName,
+  disabled,
+  folderId,
+  onChange: _onChange,
+  // not used in this widget
+  onCancelEdit
+}) => {
+  var _a;
+  let setSelectedEntity;
+  let clearRowsSelection;
+  const selectedEntityIds = [];
+  try {
+    const entityContext = DetailsPanelEntityContext.useDetailsPanelEntityContext();
+    setSelectedEntity = entityContext.setSelectedEntity;
+    if (entityContext.selectedEntity) {
+      selectedEntityIds.push(entityContext.selectedEntity.entityId);
+    }
+  } catch {
+  }
+  try {
+    const rowsContext = SelectedRowsContext.useSelectedRowsContext();
+    clearRowsSelection = rowsContext.clearRowsSelection;
+  } catch {
+  }
+  const handleEntityClick = (entityId, entityType) => {
+    if (clearRowsSelection) {
+      clearRowsSelection();
+    }
+    if (setSelectedEntity) {
+      setSelectedEntity({
+        entityId,
+        entityType
+      });
+    } else {
+      console.log("Entity clicked:", entityId, entityType);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+      Chips.Chips,
+      {
+        values: ((_a = value == null ? void 0 : value.links) == null ? void 0 : _a.map((v) => ({
+          label: v.label,
+          tooltip: v.parents.join("/") + "/" + v.label
+        }))) || [],
+        pt: { chip: { className: CellWidget.EDIT_TRIGGER_CLASS } },
+        disabled
+      }
+    ),
+    isEditing && value && ReactDOM.createPortal(
+      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+        LinksManagerDialog.LinksManagerDialog,
+        {
+          isEditing,
+          anchorId: cellId,
+          projectName,
+          linkTypeLabel: value.link.label || "",
+          links: value.links,
+          direction: value.direction,
+          entityId: value.entityId,
+          entityType: value.entityType,
+          targetEntityType: value.link.targetEntityType,
+          linkType: value.link.linkType,
+          selectedEntityIds,
+          onClose: onCancelEdit,
+          onEntityClick: handleEntityClick,
+          disabled,
+          folderId
+        }
+      ),
+      document.body
+    )
+  ] });
+};
+exports.LinksWidget = LinksWidget;
+exports.isLinkEditable = isLinkEditable;
+//# sourceMappingURL=LinksWidget.cjs.js.map

package/dist/shared/src/containers/ProjectTreeTable/widgets/LinksWidget.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinksWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/LinksWidget.tsx"],"sourcesContent":["import { Chips, ChipValue, LinkEntity } from '@shared/components'\nimport { LinksManagerDialog } from '@shared/components/LinksManager/LinksManagerDialog'\nimport { FC } from 'react'\nimport { EDIT_TRIGGER_CLASS, WidgetBaseProps } from './CellWidget'\nimport { createPortal } from 'react-dom'\nimport { useDetailsPanelEntityContext } from '../context/DetailsPanelEntityContext'\nimport { useSelectedRowsContext } from '../context/SelectedRowsContext'\n\nexport const isLinkEditable = (\n  direction: 'in' | 'out',\n  linkType: string,\n  entityType: string,\n): boolean => {\n  const linkTypeParts = linkType.split('|')\n  const [_name, outType, inType] = linkTypeParts\n  if (direction === 'in') {\n    return entityType === inType\n  } else {\n    return entityType === outType\n  }\n}\n\nexport type LinkWidgetData = {\n  direction: 'in' | 'out'\n  entityId: string\n  entityType: string\n  link: {\n    linkType: string\n    label: string\n    targetEntityType: string\n  }\n  links: LinkEntity[]\n}\n\nexport interface LinksWidgetProps extends WidgetBaseProps {\n  value?: LinkWidgetData\n  projectName: string\n  cellId: string\n  disabled?: boolean\n  folderId?: string | null // the folder selected or the parent folder of the selected (used in EntityPickerDialog)\n}\n\nexport const LinksWidget: FC<LinksWidgetProps> = ({\n  value,\n  isEditing,\n  cellId,\n  projectName,\n  disabled,\n  folderId,\n  onChange: _onChange, // not used in this widget\n  onCancelEdit,\n}) => {\n  // Try to get the contexts, but they might not exist in all environments\n  let setSelectedEntity:\n    | ((entity: { entityId: string; entityType: 'folder' | 'task' }) => void)\n    | undefined\n  let clearRowsSelection: (() => void) | undefined\n\n  const selectedEntityIds: string[] = []\n  try {\n    const entityContext = useDetailsPanelEntityContext()\n    setSelectedEntity = entityContext.setSelectedEntity\n    if (entityContext.selectedEntity) {\n      selectedEntityIds.push(entityContext.selectedEntity.entityId)\n    }\n  } catch {\n    // Context not available\n  }\n\n  try {\n    const rowsContext = useSelectedRowsContext()\n    clearRowsSelection = rowsContext.clearRowsSelection\n  } catch {\n    // Context not available\n  }\n\n  const handleEntityClick = (entityId: string, entityType: string) => {\n    // Clear any row selection first if context is available\n    if (clearRowsSelection) {\n      clearRowsSelection()\n    }\n    // Set the selected entity if context is available\n    if (setSelectedEntity) {\n      setSelectedEntity({\n        entityId,\n        entityType: entityType as 'folder' | 'task',\n      })\n    } else {\n      // Fallback to console.log if contexts are not available\n      console.log('Entity clicked:', entityId, entityType)\n    }\n  }\n  return (\n    <>\n      <Chips\n        values={\n          value?.links?.map((v) => ({\n            label: v.label,\n            tooltip: v.parents.join('/') + '/' + v.label,\n          })) || []\n        }\n        pt={{ chip: { className: EDIT_TRIGGER_CLASS } }}\n        disabled={disabled}\n      />\n      {isEditing &&\n        value &&\n        createPortal(\n          <LinksManagerDialog\n            isEditing={isEditing}\n            anchorId={cellId}\n            projectName={projectName}\n            linkTypeLabel={value.link.label || ''}\n            links={value.links}\n            direction={value.direction}\n            entityId={value.entityId}\n            entityType={value.entityType}\n            targetEntityType={value.link.targetEntityType}\n            linkType={value.link.linkType}\n            selectedEntityIds={selectedEntityIds}\n            onClose={onCancelEdit}\n            onEntityClick={handleEntityClick}\n            disabled={disabled}\n            folderId={folderId}\n          />,\n          document.body,\n        )}\n    </>\n  )\n}\n"],"names":["useDetailsPanelEntityContext","useSelectedRowsContext","jsxs","Fragment","jsx","Chips","EDIT_TRIGGER_CLASS","createPortal","LinksManagerDialog"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQO,MAAM,iBAAiB,CAC5B,WACA,UACA,eACY;AACN,QAAA,gBAAgB,SAAS,MAAM,GAAG;AACxC,QAAM,CAAC,OAAO,SAAS,MAAM,IAAI;AACjC,MAAI,cAAc,MAAM;AACtB,WAAO,eAAe;AAAA,EAAA,OACjB;AACL,WAAO,eAAe;AAAA,EAAA;AAE1B;AAsBO,MAAM,cAAoC,CAAC;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA;AAAA,EACV;AACF,MAAM;;AAEA,MAAA;AAGA,MAAA;AAEJ,QAAM,oBAA8B,CAAC;AACjC,MAAA;AACF,UAAM,gBAAgBA,0BAAAA,6BAA6B;AACnD,wBAAoB,cAAc;AAClC,QAAI,cAAc,gBAAgB;AACd,wBAAA,KAAK,cAAc,eAAe,QAAQ;AAAA,IAAA;AAAA,EAC9D,QACM;AAAA,EAAA;AAIJ,MAAA;AACF,UAAM,cAAcC,oBAAAA,uBAAuB;AAC3C,yBAAqB,YAAY;AAAA,EAAA,QAC3B;AAAA,EAAA;AAIF,QAAA,oBAAoB,CAAC,UAAkB,eAAuB;AAElE,QAAI,oBAAoB;AACH,yBAAA;AAAA,IAAA;AAGrB,QAAI,mBAAmB;AACH,wBAAA;AAAA,QAChB;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IAAA,OACI;AAEG,cAAA,IAAI,mBAAmB,UAAU,UAAU;AAAA,IAAA;AAAA,EAEvD;AACA,SAEIC,2BAAA,kBAAA,KAAAC,uCAAA,EAAA,UAAA;AAAA,IAAAC,2BAAA,kBAAA;AAAA,MAACC,MAAA;AAAA,MAAA;AAAA,QACC,UACE,oCAAO,UAAP,mBAAc,IAAI,CAAC,OAAO;AAAA,UACxB,OAAO,EAAE;AAAA,UACT,SAAS,EAAE,QAAQ,KAAK,GAAG,IAAI,MAAM,EAAE;AAAA,QACzC,QAAO,CAAC;AAAA,QAEV,IAAI,EAAE,MAAM,EAAE,WAAWC,gCAAqB;AAAA,QAC9C;AAAA,MAAA;AAAA,IACF;AAAA,IACC,aACC,SACAC,SAAA;AAAA,MACEH,2BAAA,kBAAA;AAAA,QAACI,mBAAA;AAAA,QAAA;AAAA,UACC;AAAA,UACA,UAAU;AAAA,UACV;AAAA,UACA,eAAe,MAAM,KAAK,SAAS;AAAA,UACnC,OAAO,MAAM;AAAA,UACb,WAAW,MAAM;AAAA,UACjB,UAAU,MAAM;AAAA,UAChB,YAAY,MAAM;AAAA,UAClB,kBAAkB,MAAM,KAAK;AAAA,UAC7B,UAAU,MAAM,KAAK;AAAA,UACrB;AAAA,UACA,SAAS;AAAA,UACT,eAAe;AAAA,UACf;AAAA,UACA;AAAA,QAAA;AAAA,MACF;AAAA,MACA,SAAS;AAAA,IAAA;AAAA,EACX,GACJ;AAEJ;;;"}

package/dist/shared/src/containers/ProjectTreeTable/widgets/LinksWidget.es.js

@@ -0,0 +1,299 @@
+import { j as jsxRuntimeExports } from "../../../../../_virtual/jsx-runtime.es.js";
+import "@ynput/ayon-react-components";
+import "clsx";
+import "../../../components/ThumbnailSimple/ThumbnailSimple.es.js";
+import "../../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
+import "../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
+import "react-toastify";
+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 "react";
+import "@dnd-kit/core";
+import "@dnd-kit/sortable";
+import "../../../components/ReviewablesList/ReviewablesList.styled.es.js";
+import "../../ContextMenu/ContextMenuContext.es.js";
+/* empty css                                    */
+import "lodash";
+import "uuid";
+import "../../../util/pubsub.es.js";
+import "../../../components/ReviewablesList/ReviewablesUpload.styled.es.js";
+import "axios";
+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 { createPortal } from "react-dom";
+import "../../../context/pip/PiPWrapper.es.js";
+import "../../../context/AddonProjectContext.es.js";
+import "../../../context/AddonContext.es.js";
+import "../../../context/PowerpackContext.es.js";
+import "../../../components/ReviewableCard/ReviewableCard.es.js";
+import "../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
+import "../../../components/FileThumbnail/FileThumbnail.es.js";
+import "../../../components/Thumbnail/Thumbnail.styled.es.js";
+import "../../../components/Thumbnail/StackedThumbnails.es.js";
+import "../../Feed/context/FeedContext.es.js";
+import "../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
+import "../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
+import "../../Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js";
+import "../../Feed/components/FileUploadPreview/Mimes/TextMime.es.js";
+import "react-markdown";
+import "remark-emoji";
+import "remark-gfm";
+import "remark-directive";
+import "remark-directive-rehype";
+import "../../Feed/components/CommentInput/CommentInput.es.js";
+import "../../Feed/components/ReactionContainer/Reactions.styled.es.js";
+import "../../Feed/components/FilesGrid/FilesGrid.styled.es.js";
+import "../../Feed/components/FileUploadCard/FileUploadCard.styled.es.js";
+import "../../Feed/components/CommentInput/quillToMarkdown.es.js";
+import "../../Feed/components/ActivityComment/ActivityComment.styled.es.js";
+import "../../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
+import "../../Feed/components/ActivityReference/ActivityReference.styled.es.js";
+import "react-router-dom";
+import "../../Feed/components/ActivityStatus/ActivityStatus.es.js";
+import "../../Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
+import "../../Feed/components/ActivityDate.es.js";
+import "../../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.es.js";
+import "../../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
+import "../../Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
+import "../../Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
+import "../../Feed/Feed.styled.es.js";
+import "date-fns";
+import "../ProjectTreeTable.es.js";
+import "../context/CellEditingContext.es.js";
+import "@tanstack/react-table";
+import "./CollapsedWidget.es.js";
+import "./DateWidget.es.js";
+import "./EnumWidget.es.js";
+import "./TextWidget.es.js";
+import "./BooleanWidget.es.js";
+import { EDIT_TRIGGER_CLASS } from "./CellWidget.es.js";
+import "./EntityNameWidget.es.js";
+import "./GroupHeaderWidget.es.js";
+import "./ThumbnailWidget.es.js";
+import { LinksManagerDialog } from "../../../components/LinksManager/LinksManagerDialog.es.js";
+import { useDetailsPanelEntityContext } from "../context/DetailsPanelEntityContext.es.js";
+import { useSelectedRowsContext } from "../context/SelectedRowsContext.es.js";
+import "../ProjectTreeTable.styled.es.js";
+import "../components/SelectionCell.es.js";
+import "../components/RowSelectionHeader.es.js";
+import "../context/SelectionCellsContext.es.js";
+import "./LoadMoreWidget.es.js";
+import "../context/ProjectTableQueriesContext.es.js";
+import "../context/ProjectTableContext.es.js";
+import "../context/ClipboardContext.es.js";
+import "../context/ColumnSettingsContext.es.js";
+import "../../../../../_virtual/runtime.es.js";
+import "../../../../../_virtual/semver.es.js";
+import "react-redux";
+import "custom-protocol-check";
+import "../components/GroupSettingsFallback.es.js";
+import "../context/ProjectDataContext.es.js";
+import "../../DetailsPanel/DetailsPanel.styled.es.js";
+import "../../DetailsPanel/FeedFilters/FeedFilters.styled.es.js";
+import "../../DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
+import "../../../components/PlayableIcon/PlayableIcon.es.js";
+import "../../DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.es.js";
+import "../../DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
+import "../../DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
+import "../../Actions/Actions.styled.es.js";
+import "../../Actions/ActionsDropdown/ActionsDropdown.es.js";
+import "../../Actions/ActionIcon.es.js";
+import "../../Views/context/ViewsContext.es.js";
+import "../../Views/Views.styled.es.js";
+import "../../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
+import "../../Views/ViewsMenu/ViewsMenu.es.js";
+import "../../../components/EntityPanelUploader/EntityPanelUploader.styled.es.js";
+import "../../../components/SimpleFormDialog/SimpleFormDialog.es.js";
+import "../../../components/EntityPath/EntityPath.styled.es.js";
+import "../../../components/EntityPath/SegmentProvider.es.js";
+import "../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
+import "../../../components/Watchers/Watchers.es.js";
+import "../../../components/ProjectTableSettings/ProjectTableSettings.es.js";
+import "../../../components/Powerpack/PowerpackButton.es.js";
+import "../../../components/Powerpack/PricingLink.es.js";
+import "../../../components/Powerpack/PowerpackDialog.styled.es.js";
+import "../../../components/Powerpack/CTAButton.es.js";
+import "../../../components/SettingsPanel/SettingsPanel.es.js";
+import "../../../components/SettingsPanel/SettingsPanelItemTemplate.es.js";
+import "../../../components/AttributeEditor/components/MinMaxField.es.js";
+import "../../../components/EnumEditor/EnumEditor.styled.es.js";
+import "../../../components/SearchFilter/filterDates.es.js";
+import "../../../components/Badge/Badge.es.js";
+import "../../../components/VersionUploader/components/UploadVersionDialog.es.js";
+import "../../../components/VersionUploader/context/VersionUploadContext.es.js";
+import "../../../components/Feedback/FeedbackContext.es.js";
+import "../../../components/Feedback/SupportBubble.es.js";
+import { Chips } from "../../../components/Chips/Chips.es.js";
+import "../../../components/LinksManager/LinksManager.styled.es.js";
+import "../../EntityPickerDialog/EntityPickerDialog.es.js";
+const isLinkEditable = (direction, linkType, entityType) => {
+  const linkTypeParts = linkType.split("|");
+  const [_name, outType, inType] = linkTypeParts;
+  if (direction === "in") {
+    return entityType === inType;
+  } else {
+    return entityType === outType;
+  }
+};
+const LinksWidget = ({
+  value,
+  isEditing,
+  cellId,
+  projectName,
+  disabled,
+  folderId,
+  onChange: _onChange,
+  // not used in this widget
+  onCancelEdit
+}) => {
+  var _a;
+  let setSelectedEntity;
+  let clearRowsSelection;
+  const selectedEntityIds = [];
+  try {
+    const entityContext = useDetailsPanelEntityContext();
+    setSelectedEntity = entityContext.setSelectedEntity;
+    if (entityContext.selectedEntity) {
+      selectedEntityIds.push(entityContext.selectedEntity.entityId);
+    }
+  } catch {
+  }
+  try {
+    const rowsContext = useSelectedRowsContext();
+    clearRowsSelection = rowsContext.clearRowsSelection;
+  } catch {
+  }
+  const handleEntityClick = (entityId, entityType) => {
+    if (clearRowsSelection) {
+      clearRowsSelection();
+    }
+    if (setSelectedEntity) {
+      setSelectedEntity({
+        entityId,
+        entityType
+      });
+    } else {
+      console.log("Entity clicked:", entityId, entityType);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Chips,
+      {
+        values: ((_a = value == null ? void 0 : value.links) == null ? void 0 : _a.map((v) => ({
+          label: v.label,
+          tooltip: v.parents.join("/") + "/" + v.label
+        }))) || [],
+        pt: { chip: { className: EDIT_TRIGGER_CLASS } },
+        disabled
+      }
+    ),
+    isEditing && value && createPortal(
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        LinksManagerDialog,
+        {
+          isEditing,
+          anchorId: cellId,
+          projectName,
+          linkTypeLabel: value.link.label || "",
+          links: value.links,
+          direction: value.direction,
+          entityId: value.entityId,
+          entityType: value.entityType,
+          targetEntityType: value.link.targetEntityType,
+          linkType: value.link.linkType,
+          selectedEntityIds,
+          onClose: onCancelEdit,
+          onEntityClick: handleEntityClick,
+          disabled,
+          folderId
+        }
+      ),
+      document.body
+    )
+  ] });
+};
+export {
+  LinksWidget,
+  isLinkEditable
+};
+//# sourceMappingURL=LinksWidget.es.js.map

package/dist/shared/src/containers/ProjectTreeTable/widgets/LinksWidget.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinksWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/LinksWidget.tsx"],"sourcesContent":["import { Chips, ChipValue, LinkEntity } from '@shared/components'\nimport { LinksManagerDialog } from '@shared/components/LinksManager/LinksManagerDialog'\nimport { FC } from 'react'\nimport { EDIT_TRIGGER_CLASS, WidgetBaseProps } from './CellWidget'\nimport { createPortal } from 'react-dom'\nimport { useDetailsPanelEntityContext } from '../context/DetailsPanelEntityContext'\nimport { useSelectedRowsContext } from '../context/SelectedRowsContext'\n\nexport const isLinkEditable = (\n  direction: 'in' | 'out',\n  linkType: string,\n  entityType: string,\n): boolean => {\n  const linkTypeParts = linkType.split('|')\n  const [_name, outType, inType] = linkTypeParts\n  if (direction === 'in') {\n    return entityType === inType\n  } else {\n    return entityType === outType\n  }\n}\n\nexport type LinkWidgetData = {\n  direction: 'in' | 'out'\n  entityId: string\n  entityType: string\n  link: {\n    linkType: string\n    label: string\n    targetEntityType: string\n  }\n  links: LinkEntity[]\n}\n\nexport interface LinksWidgetProps extends WidgetBaseProps {\n  value?: LinkWidgetData\n  projectName: string\n  cellId: string\n  disabled?: boolean\n  folderId?: string | null // the folder selected or the parent folder of the selected (used in EntityPickerDialog)\n}\n\nexport const LinksWidget: FC<LinksWidgetProps> = ({\n  value,\n  isEditing,\n  cellId,\n  projectName,\n  disabled,\n  folderId,\n  onChange: _onChange, // not used in this widget\n  onCancelEdit,\n}) => {\n  // Try to get the contexts, but they might not exist in all environments\n  let setSelectedEntity:\n    | ((entity: { entityId: string; entityType: 'folder' | 'task' }) => void)\n    | undefined\n  let clearRowsSelection: (() => void) | undefined\n\n  const selectedEntityIds: string[] = []\n  try {\n    const entityContext = useDetailsPanelEntityContext()\n    setSelectedEntity = entityContext.setSelectedEntity\n    if (entityContext.selectedEntity) {\n      selectedEntityIds.push(entityContext.selectedEntity.entityId)\n    }\n  } catch {\n    // Context not available\n  }\n\n  try {\n    const rowsContext = useSelectedRowsContext()\n    clearRowsSelection = rowsContext.clearRowsSelection\n  } catch {\n    // Context not available\n  }\n\n  const handleEntityClick = (entityId: string, entityType: string) => {\n    // Clear any row selection first if context is available\n    if (clearRowsSelection) {\n      clearRowsSelection()\n    }\n    // Set the selected entity if context is available\n    if (setSelectedEntity) {\n      setSelectedEntity({\n        entityId,\n        entityType: entityType as 'folder' | 'task',\n      })\n    } else {\n      // Fallback to console.log if contexts are not available\n      console.log('Entity clicked:', entityId, entityType)\n    }\n  }\n  return (\n    <>\n      <Chips\n        values={\n          value?.links?.map((v) => ({\n            label: v.label,\n            tooltip: v.parents.join('/') + '/' + v.label,\n          })) || []\n        }\n        pt={{ chip: { className: EDIT_TRIGGER_CLASS } }}\n        disabled={disabled}\n      />\n      {isEditing &&\n        value &&\n        createPortal(\n          <LinksManagerDialog\n            isEditing={isEditing}\n            anchorId={cellId}\n            projectName={projectName}\n            linkTypeLabel={value.link.label || ''}\n            links={value.links}\n            direction={value.direction}\n            entityId={value.entityId}\n            entityType={value.entityType}\n            targetEntityType={value.link.targetEntityType}\n            linkType={value.link.linkType}\n            selectedEntityIds={selectedEntityIds}\n            onClose={onCancelEdit}\n            onEntityClick={handleEntityClick}\n            disabled={disabled}\n            folderId={folderId}\n          />,\n          document.body,\n        )}\n    </>\n  )\n}\n"],"names":["jsxs","Fragment","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQO,MAAM,iBAAiB,CAC5B,WACA,UACA,eACY;AACN,QAAA,gBAAgB,SAAS,MAAM,GAAG;AACxC,QAAM,CAAC,OAAO,SAAS,MAAM,IAAI;AACjC,MAAI,cAAc,MAAM;AACtB,WAAO,eAAe;AAAA,EAAA,OACjB;AACL,WAAO,eAAe;AAAA,EAAA;AAE1B;AAsBO,MAAM,cAAoC,CAAC;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA;AAAA,EACV;AACF,MAAM;;AAEA,MAAA;AAGA,MAAA;AAEJ,QAAM,oBAA8B,CAAC;AACjC,MAAA;AACF,UAAM,gBAAgB,6BAA6B;AACnD,wBAAoB,cAAc;AAClC,QAAI,cAAc,gBAAgB;AACd,wBAAA,KAAK,cAAc,eAAe,QAAQ;AAAA,IAAA;AAAA,EAC9D,QACM;AAAA,EAAA;AAIJ,MAAA;AACF,UAAM,cAAc,uBAAuB;AAC3C,yBAAqB,YAAY;AAAA,EAAA,QAC3B;AAAA,EAAA;AAIF,QAAA,oBAAoB,CAAC,UAAkB,eAAuB;AAElE,QAAI,oBAAoB;AACH,yBAAA;AAAA,IAAA;AAGrB,QAAI,mBAAmB;AACH,wBAAA;AAAA,QAChB;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IAAA,OACI;AAEG,cAAA,IAAI,mBAAmB,UAAU,UAAU;AAAA,IAAA;AAAA,EAEvD;AACA,SAEIA,kCAAA,KAAAC,4BAAA,EAAA,UAAA;AAAA,IAAAC,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UACE,oCAAO,UAAP,mBAAc,IAAI,CAAC,OAAO;AAAA,UACxB,OAAO,EAAE;AAAA,UACT,SAAS,EAAE,QAAQ,KAAK,GAAG,IAAI,MAAM,EAAE;AAAA,QACzC,QAAO,CAAC;AAAA,QAEV,IAAI,EAAE,MAAM,EAAE,WAAW,qBAAqB;AAAA,QAC9C;AAAA,MAAA;AAAA,IACF;AAAA,IACC,aACC,SACA;AAAA,MACEA,kCAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,UAAU;AAAA,UACV;AAAA,UACA,eAAe,MAAM,KAAK,SAAS;AAAA,UACnC,OAAO,MAAM;AAAA,UACb,WAAW,MAAM;AAAA,UACjB,UAAU,MAAM;AAAA,UAChB,YAAY,MAAM;AAAA,UAClB,kBAAkB,MAAM,KAAK;AAAA,UAC7B,UAAU,MAAM,KAAK;AAAA,UACrB;AAAA,UACA,SAAS;AAAA,UACT,eAAe;AAAA,UACf;AAAA,UACA;AAAA,QAAA;AAAA,MACF;AAAA,MACA,SAAS;AAAA,IAAA;AAAA,EACX,GACJ;AAEJ;"}