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

@ynput/ayon-frontend-shared 0.2.28 → 0.2.30

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 (1093) hide show

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

@@ -1,46 +0,0 @@
-import { j as e } from "../../../../_virtual/jsx-runtime.es.js";
-import d from "clsx";
-import a from "styled-components";
-const n = a.div`
-  padding: var(--padding-l);
-  border-radius: var(--border-radius-xxl);
-  border: 1px solid var(--md-sys-color-outline-variant);
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-  h3 {
-    margin: 0;
-    padding: 4px 0;
-  }
-`, t = a.div`
-  display: flex;
-  .label {
-    width: 130px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    color: var(--md-sys-color-outline);
-    display: block;
-  }
-  .value {
-    flex: 1;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-`, m = ({ data: i, title: l, isLoading: s }) => /* @__PURE__ */ e.jsxs(n, { children: [
-  l && /* @__PURE__ */ e.jsx("h3", { children: l }),
-  Object.entries(i).map(([r, o]) => /* @__PURE__ */ e.jsxs(t, { className: d({ loading: s }), children: [
-    /* @__PURE__ */ e.jsx("label", { className: "label", children: r }),
-    /* @__PURE__ */ e.jsx("span", { className: "value", children: String(o) })
-  ] }, r))
-] });
-export {
-  m as DetailsMetaData
-};
-//# sourceMappingURL=DetailsMetaData.es.js.map

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

@@ -1 +0,0 @@

- {"version":3,"file":"DetailsMetaData.es.js","sources":["../../../../../src/components/DetailsMetaData/DetailsMetaData.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport { FC } from 'react'\nimport styled from 'styled-components'\n\nconst Container = styled.div`\n padding: var(--padding-l);\n border-radius: var(--border-radius-xxl);\n border: 1px solid var(--md-sys-color-outline-variant);\n\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 16px;\n\n h3 {\n margin: 0;\n padding: 4px 0;\n }\n`\n\nconst Row = styled.div`\n display: flex;\n\n .label {\n width: 130px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: var(--md-sys-color-outline);\n display: block;\n }\n\n .value {\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n`\n\ninterface DetailsMetaDataProps {\n data: Record<string, any>\n title?: string\n isLoading?: boolean\n}\n\nexport const DetailsMetaData: FC<DetailsMetaDataProps> = ({ data, title, isLoading }) => {\n return (\n <Container>\n {title && <h3>{title}</h3>}\n {Object.entries(data).map(([key, value]) => (\n <Row key={key} className={clsx({ loading: isLoading })}>\n <label className=\"label\">{key}</label>\n <span className={'value'}>{String(value)}</span>\n </Row>\n ))}\n </Container>\n )\n}\n"],"names":["Container","styled","Row","DetailsMetaData","data","title","isLoading","jsx","key","value","jsxs","clsx"],"mappings":";;;AAIA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAgBnBC,IAAMD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA0BNE,IAA4C,CAAC,EAAE,MAAAC,GAAM,OAAAC,GAAO,WAAAC,+BAEpEN,GACE,EAAA,UAAA;AAAA,EAASK,KAAAE,gBAAAA,EAAAA,IAAC,QAAI,UAAMF,EAAA,CAAA;AAAA,EACpB,OAAO,QAAQD,CAAI,EAAE,IAAI,CAAC,CAACI,GAAKC,CAAK,MACpCC,gBAAAA,EAAA,KAACR,KAAc,WAAWS,EAAK,EAAE,SAASL,EAAA,CAAW,GACnD,UAAA;AAAA,IAACC,gBAAAA,EAAA,IAAA,SAAA,EAAM,WAAU,SAAS,UAAIC,GAAA;AAAA,0BAC7B,QAAK,EAAA,WAAW,SAAU,UAAA,OAAOC,CAAK,EAAE,CAAA;AAAA,EAAA,EAAA,GAFjCD,CAGV,CACD;AAAA,GACH;"}

package/dist/shared/src/components/DetailsPanelAttributes/DetailsPanelAttributes.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"),p=require("react"),I=require("@ynput/ayon-react-components"),R=require("lodash");require("react-toastify");const k=require("../../util/getMixedState.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");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");const C=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");const U=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 w=require("./DetailsPanelAttributesEditor.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");const G=require("../../hooks/useEntityUpdate.cjs.js");require("react-redux");require("custom-protocol-check");const Q=["id","name","label","entityType","taskType","folderType","productType","tags","status","updatedAt","createdAt","projectName","path"],_=["id","entityType","projectName","path","createdAt","updatedAt"],B=({entities:l=[],isLoading:q})=>{const[m,A]=p.useState([]),[r,y]=p.useState(null),E=()=>{const t={},u=new Set;l.forEach(i=>{var c,e,a;const o={id:i.id,name:i.name,label:i.label,entityType:i.entityType,createdAt:i.createdAt,updatedAt:i.updatedAt,projectName:i.projectName,status:i.status,tags:i.tags\|\|[],path:i.path,folderType:(c=i.folder)==null?void 0:c.folderType,productType:(e=i.product)==null?void 0:e.productType,taskType:(a=i.task)==null?void 0:a.taskType};Object.keys(o).forEach(s=>{Q.includes(s)&&(t[s]=t[s]\|\|[],t[s].push(o[s]))}),i.attrib&&Object.keys(i.attrib).forEach(s=>{var x;const d=`attrib.${s}`;t[d]=t[d]\|\|[],t[d].push((x=i.attrib)==null?void 0:x[s])})});const n=Object.entries(t).reduce((i,[o,c])=>{const{value:e,isMixed:a}=k.getMixedState(c);return i[o]=e,a&&u.add(o),i},{});y(n),A(Array.from(u))};p.useEffect(()=>{q\|\|l.length===0\|\|E()},[l,q]);const{data:N}=C.useGetProjectQuery({projectName:(r==null?void 0:r.projectName)\|\|""},{skip:!(r!=null&&r.projectName)\|\|m.includes("projectName")}),{folderTypes:T=[],taskTypes:b=[],statuses:h=[],tags:f=[]}=N\|\|{},{data:S}=U.useGetSiteInfoQuery({full:!0}),{attributes:g=[]}=S\|\|{},O=p.useMemo(()=>{const t=[{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:(r==null?void 0:r.entityType)!=="folder",data:{type:"string",title:"Folder Type",description:"Type of the folder",enum:T.map(e=>({value:e.name,label:e.name,icon:e.icon}))}},{name:"taskType",hidden:(r==null?void 0:r.entityType)!=="task",data:{type:"string",title:"Task Type",description:"Type of the task",enum:b.map(e=>({value:e.name,label:e.name,icon:e.icon}))}},{name:"status",data:{type:"string",title:"Status",description:"The state the entity is in, is it approved or in progress etc.",enum:h.map(e=>({value:e.name,label:e.name,icon:e.icon,color:e.color}))}},{name:"tags",data:{type:"list_of_strings",title:"Tags",enum:f.map(e=>({value:e.name,label:e.name,color:e.color}))}}],u=r!=null&&r.entityType?g.filter(e=>{var a;return(a=e.scope)==null?void 0:a.includes(r.entityType)}).map(e=>({name:"attrib."+e.name,data:e.data})):[],n=_.map(e=>({name:e,readonly:!0,data:{type:"string",title:R.upperFirst(e)}})),i=[...t,...u,...n],o=["path","name"];return[...i].sort((e,a)=>{const s=o.indexOf(e.name),d=o.indexOf(a.name);return s===-1&&d===-1?0:s===-1?1:d===-1?-1:s-d})},[g,T,b,h,f,r==null?void 0:r.entityType]);let j=!1;["task","folder"].includes((r==null?void 0:r.entityType)\|\|"")&&!m.includes("projectName")&&(j=!0);const v=(r==null?void 0:r.entityType)\|\|"task";r!=null&&r.projectName;const{updateEntity:P}=G.useEntityUpdate({entities:l.map(t=>{var u,n;return{id:t.id,projectName:t.projectName\|\|"",folderId:(u=t.folder)==null?void 0:u.id,users:((n=t.task)==null?void 0:n.assignees)\|\|[]}}),entityType:v}),M=(t,u)=>{t.startsWith("attrib.")&&(u={[t.replace("attrib.","")]:u},t="attrib"),console.log("handleChange",t,u),y(n=>({...n,[t]:u})),P(t,u)};return F.jsxRuntimeExports.jsx(I.Section,{style:{padding:8,overflow:"hidden"},children:F.jsxRuntimeExports.jsx(w.DetailsPanelAttributesEditor,{fields:O,form:r\|\|{},mixedFields:m,isLoading:q,enableEditing:j,onChange:M})})};exports.DetailsPanelAttributes=B;
2	- //# sourceMappingURL=DetailsPanelAttributes.cjs.js.map

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

@@ -1 +0,0 @@

- {"version":3,"file":"DetailsPanelAttributes.cjs.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/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/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

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

@@ -1 +0,0 @@

- {"version":3,"file":"ShareOptionIcon.es.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":";;;AAGO,MAAMA,IAAqB,gBASrBC,IAA4C,CAAC,EAAE,WAAAC,GAAW,MAAAC,GAAM,OAAAC,QAEvEF,MAAc,+BACRG,GAAU,EAAA,MAAAF,GAAY,UAAUC,GAAO,MAAM,IAAI,IAChDF,MAAc,gCACfI,GAAK,EAAA,MAAK,iBAAgB,gBAAc,gBAAgB,sBAAoB,GAAG,IAC9EJ,MAAc,+BACfI,GAAK,EAAA,MAAK,UAAS,gBAAc,QAAQ,sBAAoB,GAAG,IAC/DH,MAASH,IAEhBO,gBAAAA,EAAA;AAAA,EAACD;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,gBAAc;AAAA,IACd,sBAAoB;AAAA,EAAA;AACtB,IAKGC,gBAAAA,EAAA,IAACD,GAAK,EAAA,MAAK,SAAS,CAAA;"}