npm - @ynput/ayon-frontend-shared - Versions diffs - 0.2.28 → 0.2.29 - Mend

@ynput/ayon-frontend-shared 0.2.28 → 0.2.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (781) hide show

package/dist/shared/src/components/DetailsPanelAttributes/DetailsPanelAttributes.es.js DELETED Viewed

@@ -1,287 +0,0 @@
-import { j as x } from "../../../../_virtual/jsx-runtime.es.js";
-import { useState as N, useEffect as C, useMemo as P } from "react";
-import { Section as w } from "@ynput/ayon-react-components";
-import { upperFirst as G } from "lodash";
-import "react-toastify";
-import { getMixedState as Q } from "../../util/getMixedState.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 "../../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 { useGetProjectQuery as U } 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 { useGetSiteInfoQuery as _ } from "../../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 { DetailsPanelAttributesEditor as B } from "./DetailsPanelAttributesEditor.es.js";
-import "../../context/RemoteModulesContext.es.js";
-import "../../../../_virtual/runtime.es.js";
-import "../../../../_virtual/semver.es.js";
-import { useEntityUpdate as K } from "../../hooks/useEntityUpdate.es.js";
-import "react-redux";
-import "custom-protocol-check";
-const R = [
-  "id",
-  "name",
-  "label",
-  "entityType",
-  "taskType",
-  "folderType",
-  "productType",
-  "tags",
-  "status",
-  "updatedAt",
-  "createdAt",
-  "projectName",
-  "path"
-], W = [
-  "id",
-  "entityType",
-  "projectName",
-  "path",
-  "createdAt",
-  "updatedAt"
-], ve = ({
-  entities: l = [],
-  isLoading: c
-}) => {
-  const [u, A] = N([]), [e, T] = N(null), E = () => {
-    const i = {}, o = /* @__PURE__ */ new Set();
-    l.forEach((r) => {
-      var d, t, m;
-      const s = {
-        id: r.id,
-        name: r.name,
-        label: r.label,
-        entityType: r.entityType,
-        createdAt: r.createdAt,
-        updatedAt: r.updatedAt,
-        projectName: r.projectName,
-        status: r.status,
-        tags: r.tags || [],
-        path: r.path,
-        folderType: (d = r.folder) == null ? void 0 : d.folderType,
-        productType: (t = r.product) == null ? void 0 : t.productType,
-        taskType: (m = r.task) == null ? void 0 : m.taskType
-      };
-      Object.keys(s).forEach((p) => {
-        R.includes(p) && (i[p] = i[p] || [], i[p].push(s[p]));
-      }), r.attrib && Object.keys(r.attrib).forEach((p) => {
-        var F;
-        const n = `attrib.${p}`;
-        i[n] = i[n] || [], i[n].push((F = r.attrib) == null ? void 0 : F[p]);
-      });
-    });
-    const a = Object.entries(i).reduce((r, [s, d]) => {
-      const { value: t, isMixed: m } = Q(d);
-      return r[s] = t, m && o.add(s), r;
-    }, {});
-    T(a), A(Array.from(o));
-  };
-  C(() => {
-    c || l.length === 0 || E();
-  }, [l, c]);
-  const { data: O } = U(
-    { projectName: (e == null ? void 0 : e.projectName) || "" },
-    { skip: !(e != null && e.projectName) || u.includes("projectName") }
-  ), { folderTypes: f = [], taskTypes: y = [], statuses: b = [], tags: h = [] } = O || {}, { data: S } = _({ full: !0 }), { attributes: j = [] } = S || {}, v = P(() => {
-    const i = [
-      {
-        name: "name",
-        data: {
-          type: "string",
-          title: "Name",
-          description: "The name of the entity, used for identification in the pipeline"
-        }
-      },
-      {
-        name: "label",
-        data: {
-          type: "string",
-          title: "Label",
-          description: "Used as a nice visual label only"
-        }
-      },
-      {
-        name: "folderType",
-        hidden: (e == null ? void 0 : e.entityType) !== "folder",
-        data: {
-          type: "string",
-          title: "Folder Type",
-          description: "Type of the folder",
-          enum: f.map((t) => ({
-            value: t.name,
-            label: t.name,
-            icon: t.icon
-          }))
-        }
-      },
-      {
-        name: "taskType",
-        hidden: (e == null ? void 0 : e.entityType) !== "task",
-        data: {
-          type: "string",
-          title: "Task Type",
-          description: "Type of the task",
-          enum: y.map((t) => ({
-            value: t.name,
-            label: t.name,
-            icon: t.icon
-          }))
-        }
-      },
-      {
-        name: "status",
-        data: {
-          type: "string",
-          title: "Status",
-          description: "The state the entity is in, is it approved or in progress etc.",
-          enum: b.map((t) => ({
-            value: t.name,
-            label: t.name,
-            icon: t.icon,
-            color: t.color
-          }))
-        }
-      },
-      {
-        name: "tags",
-        data: {
-          type: "list_of_strings",
-          title: "Tags",
-          enum: h.map((t) => ({
-            value: t.name,
-            label: t.name,
-            color: t.color
-          }))
-        }
-      }
-    ], o = e != null && e.entityType ? j.filter((t) => {
-      var m;
-      return (m = t.scope) == null ? void 0 : m.includes(e.entityType);
-    }).map((t) => ({
-      name: "attrib." + t.name,
-      data: t.data
-    })) : [], a = W.map((t) => ({
-      name: t,
-      readonly: !0,
-      data: {
-        type: "string",
-        title: G(t)
-      }
-    })), r = [...i, ...o, ...a], s = ["path", "name"];
-    return [...r].sort((t, m) => {
-      const p = s.indexOf(t.name), n = s.indexOf(m.name);
-      return p === -1 && n === -1 ? 0 : p === -1 ? 1 : n === -1 ? -1 : p - n;
-    });
-  }, [j, f, y, b, h, e == null ? void 0 : e.entityType]);
-  let g = !1;
-  ["task", "folder"].includes((e == null ? void 0 : e.entityType) || "") && !u.includes("projectName") && (g = !0);
-  const I = (e == null ? void 0 : e.entityType) || "task";
-  e != null && e.projectName;
-  const { updateEntity: k } = K({
-    entities: l.map((i) => {
-      var o, a;
-      return {
-        id: i.id,
-        projectName: i.projectName || "",
-        folderId: (o = i.folder) == null ? void 0 : o.id,
-        users: ((a = i.task) == null ? void 0 : a.assignees) || []
-      };
-    }),
-    entityType: I
-  }), M = (i, o) => {
-    i.startsWith("attrib.") && (o = {
-      [i.replace("attrib.", "")]: o
-    }, i = "attrib"), console.log("handleChange", i, o), T((a) => ({
-      ...a,
-      [i]: o
-    })), k(i, o);
-  };
-  return /* @__PURE__ */ x.jsx(w, { style: { padding: 8, overflow: "hidden" }, children: /* @__PURE__ */ x.jsx(
-    B,
-    {
-      fields: v,
-      form: e || {},
-      mixedFields: u,
-      isLoading: c,
-      enableEditing: g,
-      onChange: M
-    }
-  ) });
-};
-export {
-  ve as DetailsPanelAttributes
-};
-//# sourceMappingURL=DetailsPanelAttributes.es.js.map

package/dist/shared/src/components/DetailsPanelAttributes/DetailsPanelAttributes.es.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"DetailsPanelAttributes.es.js","sources":["../../../../../src/components/DetailsPanelAttributes/DetailsPanelAttributes.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react'\nimport { Section } from '@ynput/ayon-react-components'\nimport { getMixedState } from '@shared/util'\nimport { useGetSiteInfoQuery, useGetProjectQuery } from '@shared/api'\nimport {\n DetailsPanelAttributesEditor,\n AttributeField,\n DetailsPanelAttributesEditorProps,\n} from './DetailsPanelAttributesEditor'\nimport { useEntityUpdate } from '@shared/hooks'\nimport { upperFirst } from 'lodash'\nimport type { DetailsPanelEntityData } from '@shared/api'\n\ntype EntityForm = {\n id: string\n name: string\n label: string | null | undefined\n entityType: 'folder' | 'task' | 'product' | 'version'\n taskType?: string\n folderType?: string\n productType?: string\n tags: string[]\n status: string\n updatedAt: string\n createdAt: string\n projectName: string\n path: string\n // attribs\n [key: string]: string | number | boolean | Date | any[] | Record<string, any> | undefined | null\n}\n\n// all fields in entity form are visible\nconst visibleFields: Array<keyof EntityForm> = [\n 'id',\n 'name',\n 'label',\n 'entityType',\n 'taskType',\n 'folderType',\n 'productType',\n 'tags',\n 'status',\n 'updatedAt',\n 'createdAt',\n 'projectName',\n 'path',\n]\n\nconst readOnlyFields: Array<keyof EntityForm> = [\n 'id',\n 'entityType',\n 'projectName',\n 'path',\n 'createdAt',\n 'updatedAt',\n]\n\nexport type DetailsPanelAttributesProps = {\n entities: DetailsPanelEntityData[]\n isLoading: boolean\n}\n\nexport const DetailsPanelAttributes = ({\n entities = [],\n isLoading,\n}: DetailsPanelAttributesProps) => {\n // form for project data\n const [mixedFields, setMixedFields] = useState<string[]>([])\n const [formData, setFormData] = useState<EntityForm | null>(null)\n\n const buildInitialForm = () => {\n // Group entity values by field name\n const valuesByField: Record<string, any[]> = {}\n // Track which fields have mixed values\n const mixedFieldsSet = new Set<string>()\n\n entities.forEach((entity) => {\n const mappedEntity: EntityForm = {\n id: entity.id,\n name: entity.name,\n label: entity.label,\n entityType: entity.entityType as 'folder' | 'task' | 'product' | 'version',\n createdAt: entity.createdAt,\n updatedAt: entity.updatedAt,\n projectName: entity.projectName,\n status: entity.status,\n tags: entity.tags || [],\n path: entity.path,\n folderType: entity.folder?.folderType,\n productType: entity.product?.productType,\n taskType: entity.task?.taskType,\n }\n\n // Process regular fields\n Object.keys(mappedEntity).forEach((key) => {\n if (visibleFields.includes(key as keyof EntityForm)) {\n valuesByField[key] = valuesByField[key] || []\n valuesByField[key].push((mappedEntity as any)[key])\n }\n })\n\n // Process attrib fields\n if (entity.attrib) {\n Object.keys(entity.attrib).forEach((key) => {\n const attribKey = `attrib.${key}`\n valuesByField[attribKey] = valuesByField[attribKey] || []\n valuesByField[attribKey].push(entity.attrib?.[key])\n })\n }\n })\n\n // Apply getMixedState to each field\n const formData = Object.entries(valuesByField).reduce((result, [key, values]) => {\n const { value, isMixed } = getMixedState(values)\n result[key] = value\n\n // Add to mixedFields if this field has mixed values\n if (isMixed) {\n mixedFieldsSet.add(key)\n }\n\n return result\n }, {} as Record<string, any>)\n\n setFormData(formData as EntityForm)\n // Update the mixedFields state with all fields that have mixed values\n setMixedFields(Array.from(mixedFieldsSet))\n }\n\n useEffect(() => {\n if (isLoading || entities.length === 0) return\n buildInitialForm()\n }, [entities, isLoading])\n\n const { data: projectData } = useGetProjectQuery(\n { projectName: formData?.projectName || '' },\n { skip: !formData?.projectName || mixedFields.includes('projectName') },\n )\n const { folderTypes = [], taskTypes = [], statuses = [], tags = [] } = projectData || {}\n\n const { data: info } = useGetSiteInfoQuery({ full: true })\n const { attributes = [] } = info || {}\n\n // build the fields array for defining the schema\n const fields: AttributeField[] = useMemo(() => {\n // Create custom fields as proper AttributeModel objects\n const customFieldsData: AttributeField[] = [\n {\n name: 'name',\n data: {\n type: 'string',\n title: 'Name',\n description: 'The name of the entity, used for identification in the pipeline',\n },\n },\n {\n name: 'label',\n data: {\n type: 'string',\n title: 'Label',\n description: 'Used as a nice visual label only',\n },\n },\n {\n name: 'folderType',\n hidden: formData?.entityType !== 'folder',\n data: {\n type: 'string',\n title: 'Folder Type',\n description: 'Type of the folder',\n enum: folderTypes.map((type) => ({\n value: type.name,\n label: type.name,\n icon: type.icon,\n })),\n },\n },\n {\n name: 'taskType',\n hidden: formData?.entityType !== 'task',\n data: {\n type: 'string',\n title: 'Task Type',\n description: 'Type of the task',\n enum: taskTypes.map((type) => ({\n value: type.name,\n label: type.name,\n icon: type.icon,\n })),\n },\n },\n {\n name: 'status',\n data: {\n type: 'string',\n title: 'Status',\n description: 'The state the entity is in, is it approved or in progress etc.',\n enum: statuses.map((status) => ({\n value: status.name,\n label: status.name,\n icon: status.icon,\n color: status.color,\n })),\n },\n },\n {\n name: 'tags',\n data: {\n type: 'list_of_strings',\n title: 'Tags',\n enum: tags.map((tag) => ({\n value: tag.name,\n label: tag.name,\n color: tag.color,\n })),\n },\n },\n ]\n\n // Filter API attributes based on entity type\n const apiAttributesData: AttributeField[] = formData?.entityType\n ? attributes\n .filter((attr) => attr.scope?.includes(formData.entityType))\n .map((attr) => ({\n name: 'attrib.' + attr.name,\n data: attr.data,\n }))\n : []\n\n const readOnlyFieldsData: AttributeField[] = readOnlyFields.map((field) => ({\n name: field as string,\n readonly: true,\n data: {\n type: 'string',\n title: upperFirst(field as string),\n },\n }))\n\n // Combine custom fields with API attributes\n const allFieldsData = [...customFieldsData, ...apiAttributesData, ...readOnlyFieldsData]\n const sortToTop = ['path', 'name']\n const sortedFieldsData = [...allFieldsData].sort((a, b) => {\n const aIndex = sortToTop.indexOf(a.name)\n const bIndex = sortToTop.indexOf(b.name)\n if (aIndex === -1 && bIndex === -1) return 0\n if (aIndex === -1) return 1\n if (bIndex === -1) return -1\n return aIndex - bIndex\n })\n\n return sortedFieldsData\n }, [attributes, folderTypes, taskTypes, statuses, tags, formData?.entityType])\n\n //\n let enableEditing = false\n if (\n ['task', 'folder'].includes(formData?.entityType || '') &&\n !mixedFields.includes('projectName')\n ) {\n enableEditing = true\n }\n\n const entityType = formData?.entityType || 'task'\n const projectName = formData?.projectName || ''\n\n // Setup entity update functionality\n const { updateEntity } = useEntityUpdate({\n entities: entities.map((entity) => ({\n id: entity.id,\n projectName: entity.projectName || '',\n folderId: entity.folder?.id,\n users: entity.task?.assignees || [],\n })),\n entityType,\n })\n\n const handleChange: DetailsPanelAttributesEditorProps['onChange'] = (key, value) => {\n if (key.startsWith('attrib.')) {\n value = {\n [key.replace('attrib.', '')]: value,\n }\n key = 'attrib'\n }\n\n console.log('handleChange', key, value)\n\n // update the form data\n // @ts-ignore\n setFormData((prev) => ({\n ...prev,\n [key]: value,\n }))\n\n // update the entity in database\n updateEntity(key, value)\n }\n\n return (\n <Section style={{ padding: 8, overflow: 'hidden' }}>\n <DetailsPanelAttributesEditor\n fields={fields}\n form={formData || {}}\n mixedFields={mixedFields}\n isLoading={isLoading}\n enableEditing={enableEditing}\n onChange={handleChange}\n />\n </Section>\n )\n}\n"],"names":["visibleFields","readOnlyFields","DetailsPanelAttributes","entities","isLoading","mixedFields","setMixedFields","useState","formData","setFormData","buildInitialForm","valuesByField","mixedFieldsSet","entity","mappedEntity","_a","_b","_c","key","attribKey","result","values","value","isMixed","getMixedState","useEffect","projectData","useGetProjectQuery","folderTypes","taskTypes","statuses","tags","info","useGetSiteInfoQuery","attributes","fields","useMemo","customFieldsData","type","status","tag","apiAttributesData","attr","readOnlyFieldsData","field","upperFirst","allFieldsData","sortToTop","a","b","aIndex","bIndex","enableEditing","entityType","updateEntity","useEntityUpdate","handleChange","prev","jsx","Section","DetailsPanelAttributesEditor"],"mappings":"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"}

package/dist/shared/src/components/LinksManager/LinksManagerDialog.cjs.js DELETED Viewed

@@ -1,8 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("../../../../_virtual/jsx-runtime.cjs.js"),n=require("react"),$=require("styled-components"),A=require("./LinksManager.cjs.js");require("@ynput/ayon-react-components");require("lodash");require("react-toastify");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");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 B=require("./LinksManager.styled.cjs.js");require("clsx");const z=$.div`
-  position: fixed;
-  z-index: 310;
-  overflow: hidden;
-  display: flex;
-  flex-direction: column;
-`,D=({disabled:T,isEditing:l,anchorId:W,onClose:t,...s})=>{const d=n.useRef(null),[r,y]=n.useState(null),[p,w]=n.useState(void 0),[v,b]=n.useState(void 0),i=document.getElementById(W),o=i==null?void 0:i.closest(".table-container"),R=()=>{if(!l)return;if(!i||!o){y({top:window.innerHeight/2,left:window.innerWidth/2,showAbove:!1}),w(void 0),b(void 0);return}const e=i.getBoundingClientRect(),u=o.getBoundingClientRect(),j=u.right,S=window.innerWidth-u.right,q=24,E=250,c=400,O=600,L=window.innerWidth,P=window.innerHeight,M=j-e.left;let a={},h=c;M<c?e.right-q>=c?a.right=Math.max(L-e.right,q+S):(a.left=q,h=L-2*q):(a.left=e.left,h=Math.max(c,M)),w(h);const g=P-e.bottom-q,k=e.top-q;let f,H=!1,m;g<E&&k>g?(H=!0,f=e.top-4,m=k-4):(f=e.bottom+4,m=g-4),b(Math.min(Math.max(200,m),O)),y({top:f,...a,showAbove:H})};return n.useLayoutEffect(()=>{R()},[l,i]),n.useLayoutEffect(()=>{if(o){const e=new ResizeObserver(()=>{R()});return e.observe(o),()=>e.disconnect()}},[o,i]),n.useLayoutEffect(()=>{const e=u=>{d.current&&!d.current.contains(u.target)&&i&&!i.contains(u.target)&&!u.target.closest(".entity-picker-dialog")&&!u.target.querySelector(".entity-picker-dialog")&&(t==null||t())};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[t,i]),l?x.jsxRuntimeExports.jsx(z,{ref:d,style:{top:r==null?void 0:r.top,left:r==null?void 0:r.left,right:r==null?void 0:r.right,...(r==null?void 0:r.showAbove)&&{transform:"translateY(-100%)"},visibility:r?"visible":"hidden",maxWidth:p?`${p}px`:"none",maxHeight:v?`${v}px`:"none"},className:"links-widget-popup",onKeyDown:e=>{e.key==="Escape"&&(t==null||t())},children:T?x.jsxRuntimeExports.jsx(B.Container,{style:{color:"var(--md-sys-color-outline)"},children:`${s.linkTypeLabel} ${s.direction} link is not of type ${s.entityType}`}):x.jsxRuntimeExports.jsx(A.LinksManager,{...s,onClose:t})}):null};exports.LinksManagerDialog=D;
-//# sourceMappingURL=LinksManagerDialog.cjs.js.map

package/dist/shared/src/components/LinksManager/LinksManagerDialog.cjs.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"LinksManagerDialog.cjs.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":["StyledPopUp","styled","LinksManagerDialog","disabled","isEditing","anchorId","onClose","props","popupRef","useRef","position","setPosition","useState","maxWidth","setMaxWidth","maxHeight","setMaxHeight","anchorElement","tableContainer","updatePosition","cellRect","containerRect","containerRight","containerToRightOfScreen","screenPadding","minHeightThreshold","minWidthThreshold","maxMaxHeight","screenWidth","screenHeight","spaceToRight","dialogWidth","spaceBelow","spaceAbove","top","showAbove","availableHeight","useLayoutEffect","resizeObserver","handleClickOutside","event","jsx","Container","LinksManager"],"mappings":"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"}

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

@@ -1 +0,0 @@

- {"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":["StyledPopUp","styled","LinksManagerDialog","disabled","isEditing","anchorId","onClose","props","popupRef","useRef","position","setPosition","useState","maxWidth","setMaxWidth","maxHeight","setMaxHeight","anchorElement","tableContainer","updatePosition","cellRect","containerRect","containerRight","containerToRightOfScreen","screenPadding","minHeightThreshold","minWidthThreshold","maxMaxHeight","screenWidth","screenHeight","spaceToRight","dialogWidth","spaceBelow","spaceAbove","top","showAbove","availableHeight","useLayoutEffect","resizeObserver","handleClickOutside","event","jsx","e","Container","LinksManager"],"mappings":"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"}

package/dist/shared/src/components/ListAttributeForm/ListAttributeForm.cjs.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F=require("../../../../_virtual/jsx-runtime.cjs.js"),o=require("react");require("@ynput/ayon-react-components");require("lodash");const h=require("react-toastify");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");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");const L=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");const P=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 A=require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");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("../../context/MoveEntityContext.cjs.js");require("react-redux");require("custom-protocol-check");const g=u=>u.startsWith("data."),m=u=>u.replace("data.",""),C=u=>u.filter(e=>g(e.name)).map(e=>m(e.name)),v=({projectName:u,list:e,isLoading:f,categoryEnum:l=[]})=>{const[y,d]=o.useState({label:"",tags:[],active:!1}),{data:q}=P.useGetProjectQuery({projectName:u}),s=o.useMemo(()=>{var i;return[{name:"label",data:{type:"string",title:"Label"}},{name:"tags",data:{type:"list_of_strings",title:"Tags",enum:(i=q==null?void 0:q.tags)==null?void 0:i.map(t=>({value:t.name,label:t.name,color:t.color})),enableCustomValues:!0,enableSearch:!0}},{name:"active",data:{type:"boolean",title:"Active"}},{name:"data.category",data:{type:"string",title:"Category",enum:l},enableCustomValues:!0,enableSearch:!0,allowNone:!0}]},[q==null?void 0:q.tags,l]);o.useEffect(()=>{if(e){const i=e.data\|\|{},n=C(s).reduce((r,a)=>{const c=`data.${a}`,D=i[a];return r[c]=D\|\|"",r},{});d({label:(e==null?void 0:e.label)\|\|"",tags:(e==null?void 0:e.tags)\|\|[],active:(e==null?void 0:e.active)??!1,...n})}},[e,s]);const[b]=L.useUpdateEntityListMutation(),p=o.useCallback(async(i,t)=>{if(!(e!=null&&e.id))return console.warn("No list ID provided");let n;if(g(i)){const r=m(i),a=e.data\|\|{};t===""&&r==="category"?n={data:{...a,[r]:null}}:n={data:{...a,[r]:t}},d(c=>({...c,[i]:t}))}else{const r={[i]:t};n=r,d(a=>({...a,...r}))}try{await b({listId:e.id,projectName:u,entityListPatchModel:n})}catch(r){console.error(r),h.toast.error("Failed to update list attribute: ",r.data.detail)}},[e==null?void 0:e.id,e==null?void 0:e.data,u,b]);return F.jsxRuntimeExports.jsx(A.DetailsPanelAttributesEditor,{enableEditing:!0,fields:s,form:y,isLoading:f,onChange:p,title:"Attributes"})};exports.ListAttributeForm=v;
2	- //# sourceMappingURL=ListAttributeForm.cjs.js.map

package/dist/shared/src/components/ListAttributeForm/ListAttributeForm.cjs.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"ListAttributeForm.cjs.js","sources":["../../../../../src/components/ListAttributeForm/ListAttributeForm.tsx"],"sourcesContent":["import { FC, useCallback, useEffect, useState, useMemo } from 'react'\nimport { AttributeField, DetailsPanelAttributesEditor } from '../DetailsPanelAttributes'\nimport { EntityListModel, useGetProjectQuery, useUpdateEntityListMutation } from '@shared/api'\nimport { toast } from 'react-toastify'\n\ninterface ListAttributeFormProps {\n projectName: string\n list?: EntityListModel\n isLoading?: boolean\n categoryEnum?: Array<{ value: string; label: string }>\n}\n\n// explicit type for the form state\ntype FormValue = string | number | boolean | any[] | Record<string, any> | Date | null | undefined\n\ninterface ListFormData {\n label: string\n tags: string[]\n active: boolean\n // index signature so the object is compatible with DetailsPanelAttributesEditor expected form shape\n [key: string]: FormValue\n}\n\n// Helper function to check if a field should be stored in data\nconst isDataField = (fieldName: string): boolean => {\n return fieldName.startsWith('data.')\n}\n\n// Helper function to extract data field name\nconst getDataFieldName = (fieldName: string): string => {\n return fieldName.replace('data.', '')\n}\n\n// Helper function to get all data field names from field definitions\nconst getDefinedDataFields = (fields: AttributeField[]): string[] => {\n return fields\n .filter((field) => isDataField(field.name))\n .map((field) => getDataFieldName(field.name))\n}\n\nexport const ListAttributeForm: FC<ListAttributeFormProps> = ({\n projectName,\n list,\n isLoading,\n categoryEnum = [],\n}) => {\n const [form, setForm] = useState<ListFormData>({\n label: '',\n tags: [],\n active: false,\n })\n\n const { data: project } = useGetProjectQuery({ projectName })\n\n const fields: AttributeField[] = useMemo(\n () => [\n { name: 'label', data: { type: 'string', title: 'Label' } },\n {\n name: 'tags',\n data: {\n type: 'list_of_strings',\n title: 'Tags',\n enum: project?.tags?.map((t) => ({ value: t.name, label: t.name, color: t.color })),\n enableCustomValues: true,\n enableSearch: true,\n },\n },\n { name: 'active', data: { type: 'boolean', title: 'Active' } },\n {\n name: 'data.category',\n data: {\n type: 'string',\n title: 'Category',\n enum: categoryEnum,\n },\n enableCustomValues: true,\n enableSearch: true,\n allowNone: true,\n },\n ],\n [project?.tags, categoryEnum],\n )\n\n useEffect(() => {\n if (list) {\n const parsedData = list.data || {}\n\n // Get only the data fields that are defined in the fields array\n const definedDataFields = getDefinedDataFields(fields)\n const dataFieldValues = definedDataFields.reduce((acc, dataFieldName) => {\n const fieldKey = `data.${dataFieldName}`\n const fieldValue = (parsedData as Record<string, any>)[dataFieldName]\n // Default to empty string for all data fields\n acc[fieldKey] = fieldValue || ''\n return acc\n }, {} as Record<string, any>)\n\n setForm({\n label: list?.label || '',\n tags: list?.tags || [],\n active: list?.active ?? false,\n ...dataFieldValues,\n })\n }\n }, [list, fields])\n\n const [updateList] = useUpdateEntityListMutation()\n\n const handleChange = useCallback(\n async (key: string, value: any) => {\n if (!list?.id) return console.warn('No list ID provided')\n\n let updatePayload: any\n\n if (isDataField(key)) {\n // For data fields, we need to update the nested data structure\n const dataFieldName = getDataFieldName(key)\n const currentData = list.data || {}\n\n // If the value is empty string for category, set it to null to clear it\n if (value === '' && dataFieldName === 'category') {\n updatePayload = {\n data: {\n ...currentData,\n [dataFieldName]: null,\n },\n }\n } else {\n updatePayload = {\n data: {\n ...currentData,\n [dataFieldName]: value,\n },\n }\n }\n\n // Update local form state\n setForm((prev) => ({ ...prev, [key]: value }))\n } else {\n // For other fields, update normally\n const newValue = { [key]: value }\n updatePayload = newValue\n // Update local form state\n setForm((prev) => ({ ...prev, ...newValue }))\n }\n\n // update the list in the database in the background\n try {\n await updateList({\n listId: list.id,\n projectName,\n entityListPatchModel: updatePayload,\n })\n } catch (error: any) {\n console.error(error)\n toast.error('Failed to update list attribute: ', error.data.detail)\n }\n },\n [list?.id, list?.data, projectName, updateList],\n )\n\n return (\n <DetailsPanelAttributesEditor\n enableEditing\n fields={fields}\n form={form}\n isLoading={isLoading}\n onChange={handleChange}\n title=\"Attributes\"\n />\n )\n}\n"],"names":["isDataField","fieldName","getDataFieldName","getDefinedDataFields","fields","field","ListAttributeForm","projectName","list","isLoading","categoryEnum","form","setForm","useState","project","useGetProjectQuery","useMemo","_a","useEffect","parsedData","dataFieldValues","acc","dataFieldName","fieldKey","fieldValue","updateList","useUpdateEntityListMutation","handleChange","useCallback","key","value","updatePayload","currentData","prev","newValue","error","toast","jsx","DetailsPanelAttributesEditor"],"mappings":"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"}

package/dist/shared/src/components/ListAttributeForm/ListAttributeForm.es.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"ListAttributeForm.es.js","sources":["../../../../../src/components/ListAttributeForm/ListAttributeForm.tsx"],"sourcesContent":["import { FC, useCallback, useEffect, useState, useMemo } from 'react'\nimport { AttributeField, DetailsPanelAttributesEditor } from '../DetailsPanelAttributes'\nimport { EntityListModel, useGetProjectQuery, useUpdateEntityListMutation } from '@shared/api'\nimport { toast } from 'react-toastify'\n\ninterface ListAttributeFormProps {\n projectName: string\n list?: EntityListModel\n isLoading?: boolean\n categoryEnum?: Array<{ value: string; label: string }>\n}\n\n// explicit type for the form state\ntype FormValue = string | number | boolean | any[] | Record<string, any> | Date | null | undefined\n\ninterface ListFormData {\n label: string\n tags: string[]\n active: boolean\n // index signature so the object is compatible with DetailsPanelAttributesEditor expected form shape\n [key: string]: FormValue\n}\n\n// Helper function to check if a field should be stored in data\nconst isDataField = (fieldName: string): boolean => {\n return fieldName.startsWith('data.')\n}\n\n// Helper function to extract data field name\nconst getDataFieldName = (fieldName: string): string => {\n return fieldName.replace('data.', '')\n}\n\n// Helper function to get all data field names from field definitions\nconst getDefinedDataFields = (fields: AttributeField[]): string[] => {\n return fields\n .filter((field) => isDataField(field.name))\n .map((field) => getDataFieldName(field.name))\n}\n\nexport const ListAttributeForm: FC<ListAttributeFormProps> = ({\n projectName,\n list,\n isLoading,\n categoryEnum = [],\n}) => {\n const [form, setForm] = useState<ListFormData>({\n label: '',\n tags: [],\n active: false,\n })\n\n const { data: project } = useGetProjectQuery({ projectName })\n\n const fields: AttributeField[] = useMemo(\n () => [\n { name: 'label', data: { type: 'string', title: 'Label' } },\n {\n name: 'tags',\n data: {\n type: 'list_of_strings',\n title: 'Tags',\n enum: project?.tags?.map((t) => ({ value: t.name, label: t.name, color: t.color })),\n enableCustomValues: true,\n enableSearch: true,\n },\n },\n { name: 'active', data: { type: 'boolean', title: 'Active' } },\n {\n name: 'data.category',\n data: {\n type: 'string',\n title: 'Category',\n enum: categoryEnum,\n },\n enableCustomValues: true,\n enableSearch: true,\n allowNone: true,\n },\n ],\n [project?.tags, categoryEnum],\n )\n\n useEffect(() => {\n if (list) {\n const parsedData = list.data || {}\n\n // Get only the data fields that are defined in the fields array\n const definedDataFields = getDefinedDataFields(fields)\n const dataFieldValues = definedDataFields.reduce((acc, dataFieldName) => {\n const fieldKey = `data.${dataFieldName}`\n const fieldValue = (parsedData as Record<string, any>)[dataFieldName]\n // Default to empty string for all data fields\n acc[fieldKey] = fieldValue || ''\n return acc\n }, {} as Record<string, any>)\n\n setForm({\n label: list?.label || '',\n tags: list?.tags || [],\n active: list?.active ?? false,\n ...dataFieldValues,\n })\n }\n }, [list, fields])\n\n const [updateList] = useUpdateEntityListMutation()\n\n const handleChange = useCallback(\n async (key: string, value: any) => {\n if (!list?.id) return console.warn('No list ID provided')\n\n let updatePayload: any\n\n if (isDataField(key)) {\n // For data fields, we need to update the nested data structure\n const dataFieldName = getDataFieldName(key)\n const currentData = list.data || {}\n\n // If the value is empty string for category, set it to null to clear it\n if (value === '' && dataFieldName === 'category') {\n updatePayload = {\n data: {\n ...currentData,\n [dataFieldName]: null,\n },\n }\n } else {\n updatePayload = {\n data: {\n ...currentData,\n [dataFieldName]: value,\n },\n }\n }\n\n // Update local form state\n setForm((prev) => ({ ...prev, [key]: value }))\n } else {\n // For other fields, update normally\n const newValue = { [key]: value }\n updatePayload = newValue\n // Update local form state\n setForm((prev) => ({ ...prev, ...newValue }))\n }\n\n // update the list in the database in the background\n try {\n await updateList({\n listId: list.id,\n projectName,\n entityListPatchModel: updatePayload,\n })\n } catch (error: any) {\n console.error(error)\n toast.error('Failed to update list attribute: ', error.data.detail)\n }\n },\n [list?.id, list?.data, projectName, updateList],\n )\n\n return (\n <DetailsPanelAttributesEditor\n enableEditing\n fields={fields}\n form={form}\n isLoading={isLoading}\n onChange={handleChange}\n title=\"Attributes\"\n />\n )\n}\n"],"names":["isDataField","fieldName","getDataFieldName","getDefinedDataFields","fields","field","ListAttributeForm","projectName","list","isLoading","categoryEnum","form","setForm","useState","project","useGetProjectQuery","useMemo","_a","t","useEffect","parsedData","dataFieldValues","acc","dataFieldName","fieldKey","fieldValue","updateList","useUpdateEntityListMutation","handleChange","useCallback","key","value","updatePayload","currentData","prev","newValue","error","toast","jsx","DetailsPanelAttributesEditor"],"mappings":"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"}

package/dist/shared/src/components/ListMetaData/ListMetaData.cjs.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../_virtual/jsx-runtime.cjs.js"),r=require("date-fns"),p=require("../DetailsMetaData/DetailsMetaData.cjs.js"),u=({list:e,isLoading:n})=>{var d;const a={...(e==null?void 0:e.data)\|\|{}};delete a.category;const o={Id:e==null?void 0:e.id,"Entity type":e==null?void 0:e.entityType,"List type":e==null?void 0:e.entityListType,"Items count":(d=e==null?void 0:e.items)==null?void 0:d.length,Owner:e==null?void 0:e.owner,"Created at":(e==null?void 0:e.createdAt)&&r.format(new Date(e==null?void 0:e.createdAt),"PPpp"),"Created by":e==null?void 0:e.createdBy,"Updated at":(e==null?void 0:e.updatedAt)&&r.format(new Date(e==null?void 0:e.updatedAt),"PPpp"),"Last updated by":e==null?void 0:e.updatedBy,...a};return t.jsxRuntimeExports.jsx(p.DetailsMetaData,{data:o,isLoading:n,title:"Details"})};exports.ListMetaData=u;
2	- //# sourceMappingURL=ListMetaData.cjs.js.map

package/dist/shared/src/components/ListMetaData/ListMetaData.cjs.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"ListMetaData.cjs.js","sources":["../../../../../src/components/ListMetaData/ListMetaData.tsx"],"sourcesContent":["// displays the meta data for a list\n\nimport { EntityListModel } from '@shared/api'\nimport { format } from 'date-fns'\nimport { FC } from 'react'\nimport { DetailsMetaData } from '../DetailsMetaData'\n\ninterface ListMetaDataProps {\n list?: EntityListModel\n isLoading?: boolean\n}\n\nexport const ListMetaData: FC<ListMetaDataProps> = ({ list, isLoading }) => {\n const listData = { ...(list?.data || {}) }\n // remove category from the meta data\n delete listData.category\n\n const metaData = {\n Id: list?.id,\n 'Entity type': list?.entityType,\n 'List type': list?.entityListType,\n 'Items count': list?.items?.length,\n Owner: list?.owner,\n 'Created at': list?.createdAt && format(new Date(list?.createdAt), 'PPpp'),\n 'Created by': list?.createdBy,\n 'Updated at': list?.updatedAt && format(new Date(list?.updatedAt), 'PPpp'),\n 'Last updated by': list?.updatedBy,\n ...listData,\n }\n\n return <DetailsMetaData data={metaData} isLoading={isLoading} title={'Details'} />\n}\n"],"names":["ListMetaData","list","isLoading","listData","metaData","_a","format","DetailsMetaData"],"mappings":"wNAYaA,EAAsC,CAAC,CAAE,KAAAC,EAAM,UAAAC,KAAgB,OAC1E,MAAMC,EAAW,CAAE,IAAIF,GAAA,YAAAA,EAAM,OAAQ,CAAA,CAAI,EAEzC,OAAOE,EAAS,SAEhB,MAAMC,EAAW,CACf,GAAIH,GAAA,YAAAA,EAAM,GACV,cAAeA,GAAA,YAAAA,EAAM,WACrB,YAAaA,GAAA,YAAAA,EAAM,eACnB,eAAeI,EAAAJ,GAAA,YAAAA,EAAM,QAAN,YAAAI,EAAa,OAC5B,MAAOJ,GAAA,YAAAA,EAAM,MACb,cAAcA,GAAA,YAAAA,EAAM,YAAaK,EAAA,OAAO,IAAI,KAAKL,GAAA,YAAAA,EAAM,SAAS,EAAG,MAAM,EACzE,aAAcA,GAAA,YAAAA,EAAM,UACpB,cAAcA,GAAA,YAAAA,EAAM,YAAaK,EAAA,OAAO,IAAI,KAAKL,GAAA,YAAAA,EAAM,SAAS,EAAG,MAAM,EACzE,kBAAmBA,GAAA,YAAAA,EAAM,UACzB,GAAGE,CACL,EAEA,+BAAQI,EAAgB,gBAAA,CAAA,KAAMH,EAAU,UAAAF,EAAsB,MAAO,UAAW,CAClF"}

package/dist/shared/src/components/ListMetaData/ListMetaData.es.js DELETED Viewed

@@ -1,25 +0,0 @@
-import { j as n } from "../../../../_virtual/jsx-runtime.es.js";
-import { format as r } from "date-fns";
-import { DetailsMetaData as y } from "../DetailsMetaData/DetailsMetaData.es.js";
-const u = ({ list: e, isLoading: p }) => {
-  var d;
-  const a = { ...(e == null ? void 0 : e.data) || {} };
-  delete a.category;
-  const o = {
-    Id: e == null ? void 0 : e.id,
-    "Entity type": e == null ? void 0 : e.entityType,
-    "List type": e == null ? void 0 : e.entityListType,
-    "Items count": (d = e == null ? void 0 : e.items) == null ? void 0 : d.length,
-    Owner: e == null ? void 0 : e.owner,
-    "Created at": (e == null ? void 0 : e.createdAt) && r(new Date(e == null ? void 0 : e.createdAt), "PPpp"),
-    "Created by": e == null ? void 0 : e.createdBy,
-    "Updated at": (e == null ? void 0 : e.updatedAt) && r(new Date(e == null ? void 0 : e.updatedAt), "PPpp"),
-    "Last updated by": e == null ? void 0 : e.updatedBy,
-    ...a
-  };
-  return /* @__PURE__ */ n.jsx(y, { data: o, isLoading: p, title: "Details" });
-};
-export {
-  u as ListMetaData
-};
-//# sourceMappingURL=ListMetaData.es.js.map

package/dist/shared/src/components/ListMetaData/ListMetaData.es.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"ListMetaData.es.js","sources":["../../../../../src/components/ListMetaData/ListMetaData.tsx"],"sourcesContent":["// displays the meta data for a list\n\nimport { EntityListModel } from '@shared/api'\nimport { format } from 'date-fns'\nimport { FC } from 'react'\nimport { DetailsMetaData } from '../DetailsMetaData'\n\ninterface ListMetaDataProps {\n list?: EntityListModel\n isLoading?: boolean\n}\n\nexport const ListMetaData: FC<ListMetaDataProps> = ({ list, isLoading }) => {\n const listData = { ...(list?.data || {}) }\n // remove category from the meta data\n delete listData.category\n\n const metaData = {\n Id: list?.id,\n 'Entity type': list?.entityType,\n 'List type': list?.entityListType,\n 'Items count': list?.items?.length,\n Owner: list?.owner,\n 'Created at': list?.createdAt && format(new Date(list?.createdAt), 'PPpp'),\n 'Created by': list?.createdBy,\n 'Updated at': list?.updatedAt && format(new Date(list?.updatedAt), 'PPpp'),\n 'Last updated by': list?.updatedBy,\n ...listData,\n }\n\n return <DetailsMetaData data={metaData} isLoading={isLoading} title={'Details'} />\n}\n"],"names":["ListMetaData","list","isLoading","listData","metaData","_a","format","DetailsMetaData"],"mappings":";;;AAYO,MAAMA,IAAsC,CAAC,EAAE,MAAAC,GAAM,WAAAC,QAAgB;;AAC1E,QAAMC,IAAW,EAAE,IAAIF,KAAA,gBAAAA,EAAM,SAAQ,CAAA,EAAI;AAEzC,SAAOE,EAAS;AAEhB,QAAMC,IAAW;AAAA,IACf,IAAIH,KAAA,gBAAAA,EAAM;AAAA,IACV,eAAeA,KAAA,gBAAAA,EAAM;AAAA,IACrB,aAAaA,KAAA,gBAAAA,EAAM;AAAA,IACnB,gBAAeI,IAAAJ,KAAA,gBAAAA,EAAM,UAAN,gBAAAI,EAAa;AAAA,IAC5B,OAAOJ,KAAA,gBAAAA,EAAM;AAAA,IACb,eAAcA,KAAA,gBAAAA,EAAM,cAAaK,EAAO,IAAI,KAAKL,KAAA,gBAAAA,EAAM,SAAS,GAAG,MAAM;AAAA,IACzE,cAAcA,KAAA,gBAAAA,EAAM;AAAA,IACpB,eAAcA,KAAA,gBAAAA,EAAM,cAAaK,EAAO,IAAI,KAAKL,KAAA,gBAAAA,EAAM,SAAS,GAAG,MAAM;AAAA,IACzE,mBAAmBA,KAAA,gBAAAA,EAAM;AAAA,IACzB,GAAGE;AAAA,EACL;AAEA,+BAAQI,GAAgB,EAAA,MAAMH,GAAU,WAAAF,GAAsB,OAAO,WAAW;AAClF;"}

package/dist/shared/src/components/Powerpack/RequiredPowerpackVersion.cjs.js DELETED Viewed

@@ -1,9 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.cjs.js"),t=require("@ynput/ayon-react-components"),n=require("react"),i=require("react-router-dom"),a=require("styled-components"),c=a.div`
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  border-radius: var(--border-radius-l);
-  background-color: var(--md-sys-color-secondary-container);
-  padding: var(--padding-m);
-`,d=n.forwardRef(({requiredVersion:r,...o},s)=>r?e.jsxRuntimeExports.jsxs(c,{...o,ref:s,children:[e.jsxRuntimeExports.jsx("span",{children:`Power Features version ${r} is required to use this feature.`}),e.jsxRuntimeExports.jsx(i.Link,{to:"/market?selected=powerpack",children:e.jsxRuntimeExports.jsxs(t.Button,{variant:"tertiary",children:["Update Power Features ",e.jsxRuntimeExports.jsx(t.Icon,{icon:"arrow_right_alt"})]})})]}):"Required Powerpack version installed already.");exports.RequiredPowerpackVersion=d;
-//# sourceMappingURL=RequiredPowerpackVersion.cjs.js.map

package/dist/shared/src/components/Powerpack/RequiredPowerpackVersion.cjs.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"RequiredPowerpackVersion.cjs.js","sources":["../../../../../src/components/Powerpack/RequiredPowerpackVersion.tsx"],"sourcesContent":["import { Button, Icon } from '@ynput/ayon-react-components'\nimport { forwardRef } from 'react'\nimport { Link } from 'react-router-dom'\nimport styled from 'styled-components'\n\nconst StyledContainer = styled.div`\n display: flex;\n flex-direction: column;\n gap: 8px;\n border-radius: var(--border-radius-l);\n background-color: var(--md-sys-color-secondary-container);\n padding: var(--padding-m);\n`\n\ninterface RequiredPowerpackVersionProps extends React.HTMLAttributes<HTMLDivElement> {\n requiredVersion: string | undefined | null\n}\n\nexport const RequiredPowerpackVersion = forwardRef<HTMLDivElement, RequiredPowerpackVersionProps>(\n ({ requiredVersion, ...props }, ref) => {\n if (!requiredVersion) return 'Required Powerpack version installed already.'\n return (\n <StyledContainer {...props} ref={ref}>\n <span>{`Power Features version ${requiredVersion} is required to use this feature.`}</span>\n <Link to={`/market?selected=powerpack`}>\n <Button variant=\"tertiary\">\n Update Power Features <Icon icon=\"arrow_right_alt\" />\n </Button>\n </Link>\n </StyledContainer>\n )\n },\n)\n"],"names":["StyledContainer","styled","RequiredPowerpackVersion","forwardRef","requiredVersion","props","ref","jsxs","jsx","Link","Button","Icon"],"mappings":"qQAKMA,EAAkBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAalBC,EAA2BC,EAAA,WACtC,CAAC,CAAE,gBAAAC,EAAiB,GAAGC,CAAA,EAASC,IACzBF,EAEFG,EAAAA,kBAAAA,KAAAP,EAAA,CAAiB,GAAGK,EAAO,IAAAC,EAC1B,SAAA,CAACE,EAAA,kBAAA,IAAA,OAAA,CAAM,SAA0B,0BAAAJ,CAAe,oCAAoC,0BACnFK,EAAK,KAAA,CAAA,GAAI,6BACR,SAACF,EAAAA,kBAAAA,KAAAG,EAAAA,OAAA,CAAO,QAAQ,WAAW,SAAA,CAAA,yBACHF,EAAAA,kBAAAA,IAACG,EAAK,KAAA,CAAA,KAAK,iBAAkB,CAAA,CAAA,CAAA,CACrD,CACF,CAAA,CAAA,EACF,EAT2B,+CAYjC"}

package/dist/shared/src/components/Powerpack/RequiredPowerpackVersion.es.js DELETED Viewed

@@ -1,25 +0,0 @@
-import { j as r } from "../../../../_virtual/jsx-runtime.es.js";
-import { Button as i, Icon as a } from "@ynput/ayon-react-components";
-import { forwardRef as s } from "react";
-import { Link as n } from "react-router-dom";
-import d from "styled-components";
-const c = d.div`
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  border-radius: var(--border-radius-l);
-  background-color: var(--md-sys-color-secondary-container);
-  padding: var(--padding-m);
-`, x = s(
-  ({ requiredVersion: e, ...o }, t) => e ? /* @__PURE__ */ r.jsxs(c, { ...o, ref: t, children: [
-    /* @__PURE__ */ r.jsx("span", { children: `Power Features version ${e} is required to use this feature.` }),
-    /* @__PURE__ */ r.jsx(n, { to: "/market?selected=powerpack", children: /* @__PURE__ */ r.jsxs(i, { variant: "tertiary", children: [
-      "Update Power Features ",
-      /* @__PURE__ */ r.jsx(a, { icon: "arrow_right_alt" })
-    ] }) })
-  ] }) : "Required Powerpack version installed already."
-);
-export {
-  x as RequiredPowerpackVersion
-};
-//# sourceMappingURL=RequiredPowerpackVersion.es.js.map

package/dist/shared/src/components/Powerpack/RequiredPowerpackVersion.es.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"RequiredPowerpackVersion.es.js","sources":["../../../../../src/components/Powerpack/RequiredPowerpackVersion.tsx"],"sourcesContent":["import { Button, Icon } from '@ynput/ayon-react-components'\nimport { forwardRef } from 'react'\nimport { Link } from 'react-router-dom'\nimport styled from 'styled-components'\n\nconst StyledContainer = styled.div`\n display: flex;\n flex-direction: column;\n gap: 8px;\n border-radius: var(--border-radius-l);\n background-color: var(--md-sys-color-secondary-container);\n padding: var(--padding-m);\n`\n\ninterface RequiredPowerpackVersionProps extends React.HTMLAttributes<HTMLDivElement> {\n requiredVersion: string | undefined | null\n}\n\nexport const RequiredPowerpackVersion = forwardRef<HTMLDivElement, RequiredPowerpackVersionProps>(\n ({ requiredVersion, ...props }, ref) => {\n if (!requiredVersion) return 'Required Powerpack version installed already.'\n return (\n <StyledContainer {...props} ref={ref}>\n <span>{`Power Features version ${requiredVersion} is required to use this feature.`}</span>\n <Link to={`/market?selected=powerpack`}>\n <Button variant=\"tertiary\">\n Update Power Features <Icon icon=\"arrow_right_alt\" />\n </Button>\n </Link>\n </StyledContainer>\n )\n },\n)\n"],"names":["StyledContainer","styled","RequiredPowerpackVersion","forwardRef","requiredVersion","props","ref","jsxs","jsx","Link","Button","Icon"],"mappings":";;;;;AAKA,MAAMA,IAAkBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAalBC,IAA2BC;AAAA,EACtC,CAAC,EAAE,iBAAAC,GAAiB,GAAGC,EAAA,GAASC,MACzBF,IAEFG,gBAAAA,EAAAA,KAAAP,GAAA,EAAiB,GAAGK,GAAO,KAAAC,GAC1B,UAAA;AAAA,IAACE,gBAAAA,EAAA,IAAA,QAAA,EAAM,UAA0B,0BAAAJ,CAAe,qCAAoC;AAAA,0BACnFK,GAAK,EAAA,IAAI,8BACR,UAACF,gBAAAA,EAAAA,KAAAG,GAAA,EAAO,SAAQ,YAAW,UAAA;AAAA,MAAA;AAAA,MACHF,gBAAAA,EAAAA,IAACG,GAAK,EAAA,MAAK,kBAAkB,CAAA;AAAA,IAAA,EAAA,CACrD,EACF,CAAA;AAAA,EAAA,GACF,IAT2B;AAYjC;"}

package/dist/shared/src/components/ShareOptionIcon/ShareOptionIcon.cjs.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../../../_virtual/jsx-runtime.cjs.js"),t=require("@ynput/ayon-react-components"),u=require("../UserImage/UserImage.cjs.js"),r="__everyone__",n=({shareType:o,name:s,label:i})=>o==="user"?e.jsxRuntimeExports.jsx(u.UserImage,{name:s,fullName:i,size:24}):o==="group"?e.jsxRuntimeExports.jsx(t.Icon,{icon:"shield_person","data-tooltip":"Access group","data-tooltip-delay":0}):o==="team"?e.jsxRuntimeExports.jsx(t.Icon,{icon:"groups","data-tooltip":"Team","data-tooltip-delay":0}):s===r?e.jsxRuntimeExports.jsx(t.Icon,{icon:"groups","data-tooltip":"Everyone with access to the project the view is in","data-tooltip-delay":0}):e.jsxRuntimeExports.jsx(t.Icon,{icon:"person"});exports.EVERYONE_GROUP_KEY=r;exports.ShareOptionIcon=n;exports.default=n;
2	- //# sourceMappingURL=ShareOptionIcon.cjs.js.map

package/dist/shared/src/components/ShareOptionIcon/ShareOptionIcon.cjs.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"ShareOptionIcon.cjs.js","sources":["../../../../../src/components/ShareOptionIcon/ShareOptionIcon.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { UserImage } from '../UserImage'\nexport const EVERYONE_GROUP_KEY = '__everyone__' as const\n\nexport interface ShareOptionIconProps {\n shareType?: string\n name: string\n label?: string\n icon?: string // For backwards compatibility (explicit icon override)\n}\n\nexport const ShareOptionIcon: FC<ShareOptionIconProps> = ({ shareType, name, label }) => {\n // Use shareType-based logic\n if (shareType === 'user') {\n return <UserImage name={name} fullName={label} size={24} />\n } else if (shareType === 'group') {\n return <Icon icon=\"shield_person\" data-tooltip={'Access group'} data-tooltip-delay={0} />\n } else if (shareType === 'team') {\n return <Icon icon=\"groups\" data-tooltip={'Team'} data-tooltip-delay={0} />\n } else if (name === EVERYONE_GROUP_KEY) {\n return (\n <Icon\n icon=\"groups\"\n data-tooltip={'Everyone with access to the project the view is in'}\n data-tooltip-delay={0}\n />\n )\n }\n\n // Default fallback to UserImage\n return <Icon icon=\"person\" />\n}\n\nexport default ShareOptionIcon\n"],"names":["EVERYONE_GROUP_KEY","ShareOptionIcon","shareType","name","label","UserImage","Icon","jsx"],"mappings":"4PAGaA,EAAqB,eASrBC,EAA4C,CAAC,CAAE,UAAAC,EAAW,KAAAC,EAAM,MAAAC,KAEvEF,IAAc,+BACRG,EAAU,UAAA,CAAA,KAAAF,EAAY,SAAUC,EAAO,KAAM,GAAI,EAChDF,IAAc,gCACfI,OAAK,CAAA,KAAK,gBAAgB,eAAc,eAAgB,qBAAoB,EAAG,EAC9EJ,IAAc,+BACfI,OAAK,CAAA,KAAK,SAAS,eAAc,OAAQ,qBAAoB,EAAG,EAC/DH,IAASH,EAEhBO,EAAA,kBAAA,IAACD,EAAA,KAAA,CACC,KAAK,SACL,eAAc,qDACd,qBAAoB,CAAA,CACtB,EAKGC,EAAA,kBAAA,IAACD,EAAK,KAAA,CAAA,KAAK,QAAS,CAAA"}

package/dist/shared/src/components/ShareOptionIcon/ShareOptionIcon.es.js DELETED Viewed

@@ -1,17 +0,0 @@
-import { j as o } from "../../../../_virtual/jsx-runtime.es.js";
-import { Icon as t } from "@ynput/ayon-react-components";
-import { UserImage as s } from "../UserImage/UserImage.es.js";
-const a = "__everyone__", c = ({ shareType: e, name: r, label: i }) => e === "user" ? /* @__PURE__ */ o.jsx(s, { name: r, fullName: i, size: 24 }) : e === "group" ? /* @__PURE__ */ o.jsx(t, { icon: "shield_person", "data-tooltip": "Access group", "data-tooltip-delay": 0 }) : e === "team" ? /* @__PURE__ */ o.jsx(t, { icon: "groups", "data-tooltip": "Team", "data-tooltip-delay": 0 }) : r === a ? /* @__PURE__ */ o.jsx(
-  t,
-  {
-    icon: "groups",
-    "data-tooltip": "Everyone with access to the project the view is in",
-    "data-tooltip-delay": 0
-  }
-) : /* @__PURE__ */ o.jsx(t, { icon: "person" });
-export {
-  a as EVERYONE_GROUP_KEY,
-  c as ShareOptionIcon,
-  c as default
-};
-//# sourceMappingURL=ShareOptionIcon.es.js.map