@ynput/ayon-frontend-shared 0.2.22 → 0.2.24

package/dist/shared/src/components/SearchFilter/useBuildFilterOptions.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBuildFilterOptions.es.js","sources":["../../../../../src/components/SearchFilter/useBuildFilterOptions.tsx"],"sourcesContent":["import { getAttributeIcon, getEntityTypeIcon } from '@shared/util'\nimport {\n  useGetSiteInfoQuery,\n  useGetKanbanProjectUsersQuery,\n  useGetProjectsInfoQuery,\n} from '@shared/api'\nimport type {\n  GetProjectsInfoResponse,\n  FolderType,\n  Status,\n  Tag,\n  TaskType,\n  AttributeModel,\n  AttributeEnumItem,\n  AttributeData,\n} from '@shared/api'\nimport { productTypes } from '@shared/util'\nimport { ColumnOrderState } from '@tanstack/react-table'\nimport { Icon, Option } from '@ynput/ayon-react-components'\nimport { dateOptions } from './filterDates'\nimport { isEmpty } from 'lodash'\n\ntype Scope = 'folder' | 'product' | 'task' | 'user' | 'version'\nexport type FilterFieldType =\n  | 'folderType'\n  | 'taskType'\n  | 'productType'\n  | ('users' | 'assignees')\n  | 'attributes'\n  | 'status'\n  | 'tags'\ntype AttributeType =\n  | string\n  | number\n  | boolean\n  | Date\n  | string[]\n  | number[]\n  | any[]\n  | { [key: string]: any }\n\ntype AttributeDataValue = AttributeType | null | undefined\n\ntype FilterConfig = {\n  enableExcludes?: boolean\n  enableOperatorChange?: boolean\n  enableRelativeValues?: boolean\n  prefixes?: Partial<Record<FilterFieldType, string>> // strings that will be prepended to the id of the option\n  keys?: Partial<Record<FilterFieldType, string>> // replaces the default keys for the filter\n}\n\nexport type BuildFilterOptions = {\n  filterTypes: FilterFieldType[]\n  projectNames: string[]\n  scope: Scope\n  data: {\n    tags?: string[]\n    attributes?: Record<string, AttributeDataValue[]>\n    assignees?: string[]\n  }\n  columnOrder?: ColumnOrderState\n  config?: FilterConfig\n  power?: boolean\n}\n\nexport const useBuildFilterOptions = ({\n  filterTypes,\n  projectNames,\n  scope,\n  data,\n  config,\n  columnOrder = [],\n  power,\n}: BuildFilterOptions): Option[] => {\n  let options: Option[] = []\n\n  // QUERIES\n  //\n  //\n  const { data: projectsInfo = {} } = useGetProjectsInfoQuery(\n    {\n      projects: projectNames,\n    },\n    {\n      skip:\n        !projectNames?.length ||\n        !['entitySubType', 'status'].some((type) => filterTypes.includes(type as FilterFieldType)),\n    },\n  )\n\n  const { data: projectUsers = [] } = useGetKanbanProjectUsersQuery(\n    { projects: projectNames },\n    {\n      skip:\n        !projectNames?.length ||\n        (!filterTypes.includes('users') && !filterTypes.includes('assignees')),\n    },\n  )\n\n  const { data: info } = useGetSiteInfoQuery(\n    { full: true },\n    { skip: !filterTypes.includes('attributes') },\n  )\n  const { attributes = [] } = info || {}\n  //\n  //\n  // QUERIES\n\n  // ADD OPTIONS\n\n  // TASK TYPE\n  // add taskType option\n  if (filterTypes.includes('taskType') && scope !== 'user') {\n    const entitySubTypeOption = getOptionRoot('taskType', {\n      ...config,\n      enableOperatorChange: false,\n    })\n    if (entitySubTypeOption) {\n      // get all subTypes for the current scope (entityType)\n      let subTypes = getSubTypes(projectsInfo, 'task')\n\n      entitySubTypeOption.values?.push(...subTypes)\n\n      options.push(entitySubTypeOption)\n    }\n  }\n\n  // FOLDER TYPE\n  // add folderType option\n  if (filterTypes.includes('folderType') && scope !== 'user') {\n    const entitySubTypeOption = getOptionRoot('folderType', {\n      ...config,\n      enableOperatorChange: false,\n    })\n    if (entitySubTypeOption) {\n      // get all subTypes for the current scope (entityType)\n      let subTypes = getSubTypes(projectsInfo, 'folder')\n\n      entitySubTypeOption.values?.push(...subTypes)\n\n      options.push(entitySubTypeOption)\n    }\n  }\n\n  // PRODUCT TYPE\n  // add productType option\n  if (filterTypes.includes('productType') && scope !== 'user') {\n    const entitySubTypeOption = getOptionRoot('productType', {\n      ...config,\n      enableOperatorChange: false,\n    })\n    if (entitySubTypeOption) {\n      // get all subTypes for the current scope (entityType)\n      let subTypes = getSubTypes(projectsInfo, 'product')\n      entitySubTypeOption.values?.push(...subTypes)\n      options.push(entitySubTypeOption)\n    }\n  }\n\n  // STATUS\n  // add status option\n  if (filterTypes.includes('status')) {\n    const statusOption = getOptionRoot('status', { ...config, enableOperatorChange: false })\n\n    if (statusOption) {\n      Object.values(projectsInfo).forEach((project) => {\n        const statuses = project?.statuses || []\n        statuses.forEach((status: Status) => {\n          if (!statusOption.values?.some((value) => value.id === status.name)) {\n            statusOption.values?.push({\n              id: status.name,\n              label: status.name,\n              icon: status.icon,\n              color: status.color,\n            })\n          }\n        })\n      })\n\n      options.push(statusOption)\n    }\n  }\n\n  // ASSIGNEES\n  // add users/assignees option\n  if (filterTypes.includes('assignees')) {\n    const assigneesOption = getOptionRoot('assignees', config)\n\n    if (assigneesOption) {\n      // add every user for the projects (skip duplicates)\n      projectUsers.forEach((user) => {\n        if (!assigneesOption.values?.some((value) => value.id === user.name)) {\n          assigneesOption.values?.push({\n            id: user.name,\n            label: user.attrib.fullName || user.name,\n            img: `/api/users/${user.name}/avatar`,\n            icon: null,\n          })\n        }\n      })\n\n      // sort the assignees based on the number of times they appear in data.assignees\n      assigneesOption.values?.sort((a, b) => {\n        const aCount = data.assignees?.filter((assignee) => assignee === a.id).length || 0\n        const bCount = data.assignees?.filter((assignee) => assignee === b.id).length || 0\n        return bCount - aCount\n      })\n\n      options.push(assigneesOption)\n    }\n  }\n\n  // TAGS\n  // add tags options\n  if (filterTypes.includes('tags')) {\n    const tagsOption = getOptionRoot('tags', config)\n\n    if (tagsOption) {\n      // reduce projectsInfo to get all tags\n      const tagsAnatomy = new Map<string, Tag>()\n      Object.values(projectsInfo).forEach((project) => {\n        if (project?.tags) {\n          project.tags.forEach((tag) => {\n            if (!tagsAnatomy.has(tag.name)) {\n              tagsAnatomy.set(tag.name, tag)\n            }\n          })\n        }\n      })\n\n      // create options for each tag, finding color if in tagsAnatomy\n      const tagOptionValuesMap = new Map<string, Option & { count: number }>()\n      data.tags?.forEach((tag) => {\n        const existingTag = tagOptionValuesMap.get(tag)\n        if (existingTag) {\n          // increment count\n          existingTag.count++\n          return\n        } else {\n          // create new tag\n          const tagData = tagsAnatomy.get(tag)\n\n          tagOptionValuesMap.set(tag, {\n            id: tag,\n            type: 'string',\n            label: tag,\n            values: [],\n            color: tagData?.color || null,\n            count: 1,\n          })\n        }\n      })\n\n      // convert values map to array and sort based on count\n      const tagOptionValues = Array.from(tagOptionValuesMap.values()).sort(\n        (a, b) => b.count - a.count,\n      )\n\n      // add tag options to the tagsOption\n      tagsOption.values?.push(...tagOptionValues)\n\n      options.push(tagsOption)\n    }\n  }\n\n  // ATTRIBUTES\n  // dynamically add attributes options\n  if (filterTypes.includes('attributes')) {\n    const attributesByScope = attributes.filter((attribute) => attribute.scope?.includes(scope))\n    // if attributesData is provided, filter out attributes that are not in the attributesData\n    const attributesByValues = !isEmpty(data.attributes)\n      ? attributesByScope.filter((attribute) => data.attributes && data.attributes[attribute.name])\n      : attributesByScope\n\n    const attributesWithoutDates = config?.enableRelativeValues\n      ? attributesByValues\n      : attributesByValues.filter((attribute) => attribute.data.type !== 'datetime')\n\n    attributesWithoutDates.forEach((attribute) => {\n      const realData = data.attributes && data.attributes[attribute.name]\n      const enums = attribute.data.enum\n      const type = attribute.data.type\n\n      const isListOf = [\n        'list_of_strings',\n        'list_of_integers',\n        'list_of_any',\n        'list_of_submodels',\n      ].includes(type)\n      const isDate = type === 'datetime'\n      const enableOperatorChange = isListOf ? config?.enableOperatorChange : false\n      const enableRelativeValues = isListOf || isDate ? config?.enableRelativeValues : false\n      // for the attribute, get the option root\n      const option = getAttributeFieldOptionRoot(attribute, {\n        ...config,\n        allowsCustomValues: true,\n        enableOperatorChange: enableOperatorChange,\n        enableRelativeValues: enableRelativeValues,\n      })\n\n      const suggestValuesForTypes: AttributeData['type'][] = [\n        'string',\n        'integer',\n        'float',\n        'list_of_strings',\n        'list_of_integers',\n      ]\n\n      const optionValues: Option[] = []\n\n      // if the attribute type is in the suggestValuesForTypes, get the options based on real values\n      if (suggestValuesForTypes.includes(type)) {\n        const options = getAttributeOptions(realData, enums, type)\n        optionValues.push(...options)\n      }\n\n      // if the attribute type is boolean, add yes/no options\n      if (type === 'boolean') {\n        const options = [\n          {\n            id: 'true',\n            label: 'Yes',\n            values: [],\n            icon: 'radio_button_checked',\n          },\n          {\n            id: 'false',\n            label: 'No',\n            values: [],\n            icon: 'radio_button_unchecked',\n          },\n        ]\n        optionValues.push(...options)\n      }\n\n      // if the attribute type is datetime, add datetime options\n\n      if (isDate) {\n        optionValues.push(\n          ...dateOptions.map((o) => ({\n            ...o,\n            contentAfter: power ? undefined : <Icon icon=\"bolt\" />,\n          })),\n        )\n      }\n\n      // add option to the list of options\n      option.values?.push(...optionValues)\n\n      // add option to the list of options\n      options.push(option)\n    })\n  }\n\n  // order options by columnOrder\n  if (columnOrder) {\n    return sortOptionsBasedOnColumns(options, columnOrder)\n  } else return options\n}\n\n// HELPER FUNCTIONS\n//\n//\n//\n//\nconst getSubTypes = (projectsInfo: GetProjectsInfoResponse, type: Scope): Option[] => {\n  const options: Option[] = []\n  if (type === 'product') {\n    Object.values(productTypes).forEach(({ icon, name }) => {\n      options.push({\n        id: name,\n        type: 'string',\n        label: name,\n        icon: icon,\n        inverted: false,\n        values: [],\n        allowsCustomValues: false,\n      })\n    })\n  } else if (type === 'task') {\n    Object.values(projectsInfo).forEach((project) => {\n      // for each project, get all task types and add them to the options (if they don't already exist)\n      const taskTypes = project?.taskTypes || []\n      taskTypes.forEach((taskType: TaskType) => {\n        if (!options.some((option) => option.id === taskType.name)) {\n          options.push({\n            id: taskType.name,\n            type: 'string',\n            label: taskType.name,\n            icon: taskType.icon,\n            inverted: false,\n            values: [],\n            allowsCustomValues: false,\n          })\n        }\n      })\n    })\n  } else if (type === 'folder') {\n    Object.values(projectsInfo).forEach((project) => {\n      // for each project, get all folder types and add them to the options (if they don't already exist)\n      const folderTypes = project?.folderTypes || []\n      folderTypes.forEach((folderType: FolderType) => {\n        if (!options.some((option) => option.id === folderType.name)) {\n          options.push({\n            id: folderType.name,\n            type: 'string',\n            label: folderType.name,\n            icon: folderType.icon,\n            inverted: false,\n            values: [],\n            allowsCustomValues: false,\n          })\n        }\n      })\n    })\n  }\n\n  return options\n}\n\nconst getFormattedId = (base: string, fieldType: FilterFieldType, config?: FilterConfig) => {\n  const { prefixes, keys } = config || {}\n  if (keys && fieldType in keys) {\n    return `${keys[fieldType]}`\n  } else if (prefixes && fieldType in prefixes) {\n    return `${prefixes[fieldType]}${base}`\n  } else return base\n}\n\nconst getOptionRoot = (fieldType: FilterFieldType, config?: FilterConfig) => {\n  const getRootIdWithPrefix = (base: string) => getFormattedId(base, fieldType, config)\n\n  let rootOption: Option | null = null\n  switch (fieldType) {\n    case 'taskType':\n      rootOption = {\n        id: getRootIdWithPrefix(`taskType`),\n        type: 'string',\n        label: `Task Type`,\n        icon: getAttributeIcon('task'),\n        inverted: false,\n        operator: 'OR',\n        values: [],\n        allowsCustomValues: false,\n        allowHasValue: false,\n        allowNoValue: false,\n        allowExcludes: config?.enableExcludes,\n        operatorChangeable: false,\n      }\n      break\n    case 'folderType':\n      rootOption = {\n        id: getRootIdWithPrefix(`folderType`),\n        type: 'string',\n        label: `Folder Type`,\n        icon: getAttributeIcon('folder'),\n        inverted: false,\n        operator: 'OR',\n        values: [],\n        allowsCustomValues: false,\n        allowHasValue: false,\n        allowNoValue: false,\n        allowExcludes: config?.enableExcludes,\n        operatorChangeable: false,\n      }\n      break\n    case 'productType':\n      rootOption = {\n        id: getRootIdWithPrefix(`productType`),\n        type: 'string',\n        label: `Product Type`,\n        icon: getAttributeIcon('product'),\n        inverted: false,\n        operator: 'OR',\n        values: [],\n        allowsCustomValues: false,\n        allowHasValue: false,\n        allowNoValue: false,\n        allowExcludes: config?.enableExcludes,\n        operatorChangeable: false,\n      }\n      break\n    case 'status':\n      rootOption = {\n        id: getRootIdWithPrefix('status'),\n        type: 'string',\n        label: 'Status',\n        icon: getAttributeIcon('status'),\n        inverted: false,\n        operator: 'OR',\n        values: [],\n        allowsCustomValues: false,\n        allowHasValue: false,\n        allowNoValue: false,\n        allowExcludes: config?.enableExcludes,\n        operatorChangeable: false,\n      }\n      break\n    case 'assignees':\n      rootOption = {\n        id: getRootIdWithPrefix('assignees'),\n        type: 'list_of_strings',\n        label: 'Assignee',\n        icon: getAttributeIcon('assignees'),\n        inverted: false,\n        operator: 'OR',\n        values: [],\n        allowsCustomValues: false,\n        allowHasValue: config?.enableRelativeValues,\n        allowNoValue: config?.enableRelativeValues,\n        allowExcludes: config?.enableExcludes,\n        operatorChangeable: config?.enableOperatorChange,\n      }\n      break\n    case 'tags':\n      rootOption = {\n        id: getRootIdWithPrefix('tags'),\n        type: 'list_of_strings',\n        label: 'Tags',\n        icon: getAttributeIcon('tags'),\n        inverted: false,\n        operator: 'OR',\n        values: [],\n        allowsCustomValues: true,\n        allowHasValue: config?.enableRelativeValues,\n        allowNoValue: config?.enableRelativeValues,\n        allowExcludes: config?.enableExcludes,\n        operatorChangeable: config?.enableOperatorChange,\n      }\n      break\n    default:\n      break\n\n    // Note: attributes are handled separately\n  }\n\n  return rootOption\n}\n\nconst getAttributeFieldOptionRoot = (\n  attribute: AttributeModel,\n  config: FilterConfig & { allowsCustomValues: boolean },\n): Option => ({\n  id: getFormattedId(attribute.name, 'attributes', config),\n  type: attribute.data.type,\n  label: attribute.data.title || attribute.name,\n  operator: 'OR',\n  inverted: false,\n  values: [],\n  allowsCustomValues: config?.allowsCustomValues,\n  allowHasValue: config.enableRelativeValues,\n  allowNoValue: config.enableRelativeValues,\n  allowExcludes: config?.enableExcludes,\n  operatorChangeable: config?.enableOperatorChange,\n  icon: getAttributeIcon(attribute.name, attribute.data.type, !!attribute.data.enum?.length),\n  singleSelect: ['boolean', 'datetime'].includes(attribute.data.type),\n})\n\nconst getAttributeOptions = (\n  values?: AttributeDataValue[],\n  enums?: AttributeEnumItem[],\n  type?: AttributeData['type'],\n): Option[] => {\n  const enumOptions: Option[] = []\n  const options: (Option & { count: number })[] = []\n\n  // add the enum values first\n  if (enums) {\n    enums.forEach((enumItem) => {\n      enumOptions.push({\n        id: enumItem.value.toString(),\n        type: type,\n        label: enumItem.label,\n        values: [],\n        icon: enumItem.icon,\n        color: enumItem.color,\n      })\n    })\n  }\n\n  values?.forEach((value) => {\n    // no value? do nothing\n    if (!value) return\n\n    let text = ''\n\n    // convert value to text\n    switch (typeof value) {\n      case 'string':\n      case 'number':\n      case 'boolean':\n        text = value.toString()\n        break\n      case 'object':\n        if (Array.isArray(value)) {\n          text = value.join(', ')\n        } else {\n          text = JSON.stringify(value)\n        }\n        break\n      default:\n        break\n    }\n\n    // create id for text value\n    const id = text\n      .trim()\n      .toLowerCase()\n      .replace(/[^a-z0-9\\s]/g, '')\n      .replace(/\\s+/g, '-')\n\n    // check if the option already exists in enums\n    const existingOption = enumOptions?.find((enumItem) => enumItem.id === id)\n    if (existingOption) return\n\n    // check if options already has the value, if so, increment the count\n    const existingValue = options.find((option) => option.id === id)\n    if (existingValue) {\n      existingValue.count++\n      return\n    } else {\n      // add option\n      options.push({\n        id,\n        type: type,\n        label: text,\n        values: [],\n        count: 1,\n      })\n    }\n  })\n\n  // sort options based on count\n  options.sort((a, b) => b.count - a.count)\n\n  // enum options first, then the rest\n  return [...enumOptions, ...options]\n}\n\nconst sortOptionsBasedOnColumns = (options: Option[], columnOrder: ColumnOrderState) => {\n  const columnOrderWithSubTypes = columnOrder.flatMap((col) => {\n    if (col === 'subType') {\n      return ['taskType', 'folderType']\n    }\n    return col\n  })\n  return [...options].sort((a, b) => {\n    const aIndex = columnOrderWithSubTypes.indexOf(a.id.replace('.', '_'))\n    const bIndex = columnOrderWithSubTypes.indexOf(b.id.replace('.', '_'))\n\n    // If both options are in columnOrder, sort them based on their index in columnOrder\n    if (aIndex !== -1 && bIndex !== -1) {\n      return aIndex - bIndex\n    }\n\n    // If only one of the options is in columnOrder, sort the one in columnOrder first\n    if (aIndex !== -1) {\n      return -1\n    }\n    if (bIndex !== -1) {\n      return 1\n    }\n\n    // If neither option is in columnOrder, keep their original order\n    return 0\n  })\n}\n"],"names":["_a","_b","options","jsx"],"mappings":"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"}
+{"version":3,"file":"useBuildFilterOptions.es.js","sources":["../../../../../src/components/SearchFilter/useBuildFilterOptions.tsx"],"sourcesContent":["import { getAttributeIcon, getEntityTypeIcon } from '@shared/util'\nimport {\n  useGetSiteInfoQuery,\n  useGetKanbanProjectUsersQuery,\n  useGetProjectsInfoQuery,\n} from '@shared/api'\nimport type {\n  GetProjectsInfoResponse,\n  FolderType,\n  Status,\n  Tag,\n  TaskType,\n  AttributeModel,\n  AttributeEnumItem,\n  AttributeData,\n} from '@shared/api'\nimport { productTypes } from '@shared/util'\nimport { ColumnOrderState } from '@tanstack/react-table'\nimport { Icon, Option } from '@ynput/ayon-react-components'\nimport { dateOptions } from './filterDates'\nimport { isEmpty } from 'lodash'\n\ntype Scope = 'folder' | 'product' | 'task' | 'user' | 'version'\nexport type FilterFieldType =\n  | 'folderType'\n  | 'taskType'\n  | 'productType'\n  | ('users' | 'assignees')\n  | 'attributes'\n  | 'status'\n  | 'tags'\ntype AttributeType =\n  | string\n  | number\n  | boolean\n  | Date\n  | string[]\n  | number[]\n  | any[]\n  | { [key: string]: any }\n\ntype AttributeDataValue = AttributeType | null | undefined\n\ntype FilterConfig = {\n  enableExcludes?: boolean\n  enableOperatorChange?: boolean\n  enableRelativeValues?: boolean\n  prefixes?: Partial<Record<FilterFieldType, string>> // strings that will be prepended to the id of the option\n  keys?: Partial<Record<FilterFieldType, string>> // replaces the default keys for the filter\n}\n\nexport type BuildFilterOptions = {\n  filterTypes: FilterFieldType[]\n  projectNames: string[]\n  scope: Scope\n  data: {\n    tags?: string[]\n    attributes?: Record<string, AttributeDataValue[]>\n    assignees?: string[]\n  }\n  columnOrder?: ColumnOrderState\n  config?: FilterConfig\n  power?: boolean\n}\n\nexport const useBuildFilterOptions = ({\n  filterTypes,\n  projectNames,\n  scope,\n  data,\n  config,\n  columnOrder = [],\n  power,\n}: BuildFilterOptions): Option[] => {\n  let options: Option[] = []\n\n  // QUERIES\n  //\n  //\n  const { data: projectsInfo = {} } = useGetProjectsInfoQuery(\n    {\n      projects: projectNames,\n    },\n    {\n      skip:\n        !projectNames?.length ||\n        !['entitySubType', 'status'].some((type) => filterTypes.includes(type as FilterFieldType)),\n    },\n  )\n\n  const { data: projectUsers = [] } = useGetKanbanProjectUsersQuery(\n    { projects: projectNames },\n    {\n      skip:\n        !projectNames?.length ||\n        (!filterTypes.includes('users') && !filterTypes.includes('assignees')),\n    },\n  )\n\n  const { data: info } = useGetSiteInfoQuery(\n    { full: true },\n    { skip: !filterTypes.includes('attributes') },\n  )\n  const { attributes = [] } = info || {}\n  //\n  //\n  // QUERIES\n\n  // ADD OPTIONS\n\n  // TASK TYPE\n  // add taskType option\n  if (filterTypes.includes('taskType') && scope !== 'user') {\n    const entitySubTypeOption = getOptionRoot('taskType', {\n      ...config,\n      enableOperatorChange: false,\n    })\n    if (entitySubTypeOption) {\n      // get all subTypes for the current scope (entityType)\n      let subTypes = getSubTypes(projectsInfo, 'task')\n\n      entitySubTypeOption.values?.push(...subTypes)\n\n      options.push(entitySubTypeOption)\n    }\n  }\n\n  // FOLDER TYPE\n  // add folderType option\n  if (filterTypes.includes('folderType') && scope !== 'user') {\n    const entitySubTypeOption = getOptionRoot('folderType', {\n      ...config,\n      enableOperatorChange: false,\n    })\n    if (entitySubTypeOption) {\n      // get all subTypes for the current scope (entityType)\n      let subTypes = getSubTypes(projectsInfo, 'folder')\n\n      entitySubTypeOption.values?.push(...subTypes)\n\n      options.push(entitySubTypeOption)\n    }\n  }\n\n  // PRODUCT TYPE\n  // add productType option\n  if (filterTypes.includes('productType') && scope !== 'user') {\n    const entitySubTypeOption = getOptionRoot('productType', {\n      ...config,\n      enableOperatorChange: false,\n    })\n    if (entitySubTypeOption) {\n      // get all subTypes for the current scope (entityType)\n      let subTypes = getSubTypes(projectsInfo, 'product')\n      entitySubTypeOption.values?.push(...subTypes)\n      options.push(entitySubTypeOption)\n    }\n  }\n\n  // STATUS\n  // add status option\n  if (filterTypes.includes('status')) {\n    const statusOption = getOptionRoot('status', { ...config, enableOperatorChange: false })\n\n    if (statusOption) {\n      Object.values(projectsInfo).forEach((project) => {\n        const statuses = project?.statuses || []\n        statuses.forEach((status: Status) => {\n          if (!statusOption.values?.some((value) => value.id === status.name)) {\n            statusOption.values?.push({\n              id: status.name,\n              label: status.name,\n              icon: status.icon,\n              color: status.color,\n            })\n          }\n        })\n      })\n\n      options.push(statusOption)\n    }\n  }\n\n  // ASSIGNEES\n  // add users/assignees option\n  if (filterTypes.includes('assignees')) {\n    const assigneesOption = getOptionRoot('assignees', config)\n\n    if (assigneesOption) {\n      // add every user for the projects (skip duplicates)\n      projectUsers.forEach((user) => {\n        if (!assigneesOption.values?.some((value) => value.id === user.name)) {\n          assigneesOption.values?.push({\n            id: user.name,\n            label: user.attrib.fullName || user.name,\n            img: `/api/users/${user.name}/avatar`,\n            icon: null,\n          })\n        }\n      })\n\n      // sort the assignees based on the number of times they appear in data.assignees\n      assigneesOption.values?.sort((a, b) => {\n        const aCount = data.assignees?.filter((assignee) => assignee === a.id).length || 0\n        const bCount = data.assignees?.filter((assignee) => assignee === b.id).length || 0\n        return bCount - aCount\n      })\n\n      options.push(assigneesOption)\n    }\n  }\n\n  // TAGS\n  // add tags options\n  if (filterTypes.includes('tags')) {\n    const tagsOption = getOptionRoot('tags', config)\n\n    if (tagsOption) {\n      // reduce projectsInfo to get all tags\n      const tagsAnatomy = new Map<string, Tag>()\n      Object.values(projectsInfo).forEach((project) => {\n        if (project?.tags) {\n          project.tags.forEach((tag) => {\n            if (!tagsAnatomy.has(tag.name)) {\n              tagsAnatomy.set(tag.name, tag)\n            }\n          })\n        }\n      })\n\n      // create options for each tag, finding color if in tagsAnatomy\n      const tagOptionValuesMap = new Map<string, Option & { count: number }>()\n      data.tags?.forEach((tag) => {\n        const existingTag = tagOptionValuesMap.get(tag)\n        if (existingTag) {\n          // increment count\n          existingTag.count++\n          return\n        } else {\n          // create new tag\n          const tagData = tagsAnatomy.get(tag)\n\n          tagOptionValuesMap.set(tag, {\n            id: tag,\n            type: 'string',\n            label: tag,\n            values: [],\n            color: tagData?.color || null,\n            count: 1,\n          })\n        }\n      })\n\n      // convert values map to array and sort based on count\n      const tagOptionValues = Array.from(tagOptionValuesMap.values()).sort(\n        (a, b) => b.count - a.count,\n      )\n\n      // add tag options to the tagsOption\n      tagsOption.values?.push(...tagOptionValues)\n\n      options.push(tagsOption)\n    }\n  }\n\n  // ATTRIBUTES\n  // dynamically add attributes options\n  if (filterTypes.includes('attributes')) {\n    const attributesByScope = attributes.filter((attribute) => attribute.scope?.includes(scope))\n    // if attributesData is provided, filter out attributes that are not in the attributesData\n    const attributesByValues = !isEmpty(data.attributes)\n      ? attributesByScope.filter((attribute) => data.attributes && data.attributes[attribute.name])\n      : attributesByScope\n\n    const attributesWithoutDates = config?.enableRelativeValues\n      ? attributesByValues\n      : attributesByValues.filter((attribute) => attribute.data.type !== 'datetime')\n\n    attributesWithoutDates.forEach((attribute) => {\n      const realData = data.attributes && data.attributes[attribute.name]\n      const enums = attribute.data.enum\n      const type = attribute.data.type\n\n      const isListOf = [\n        'list_of_strings',\n        'list_of_integers',\n        'list_of_any',\n        'list_of_submodels',\n      ].includes(type)\n      const isDate = type === 'datetime'\n      const enableOperatorChange = isListOf ? config?.enableOperatorChange : false\n      const enableRelativeValues = isListOf || isDate ? config?.enableRelativeValues : false\n      // for the attribute, get the option root\n      const option = getAttributeFieldOptionRoot(attribute, {\n        ...config,\n        allowsCustomValues: true,\n        enableOperatorChange: enableOperatorChange,\n        enableRelativeValues: enableRelativeValues,\n      })\n\n      const suggestValuesForTypes: AttributeData['type'][] = [\n        'string',\n        'integer',\n        'float',\n        'list_of_strings',\n        'list_of_integers',\n      ]\n\n      const optionValues: Option[] = []\n\n      // if the attribute type is in the suggestValuesForTypes, get the options based on real values\n      if (suggestValuesForTypes.includes(type)) {\n        const options = getAttributeOptions(realData, enums, type)\n        optionValues.push(...options)\n      }\n\n      // if the attribute type is boolean, add yes/no options\n      if (type === 'boolean') {\n        const options = [\n          {\n            id: 'true',\n            label: 'Yes',\n            values: [],\n            icon: 'radio_button_checked',\n          },\n          {\n            id: 'false',\n            label: 'No',\n            values: [],\n            icon: 'radio_button_unchecked',\n          },\n        ]\n        optionValues.push(...options)\n      }\n\n      // if the attribute type is datetime, add datetime options\n\n      if (isDate) {\n        optionValues.push(\n          ...dateOptions.map((o) => ({\n            ...o,\n            contentAfter: power ? undefined : <Icon icon=\"bolt\" />,\n          })),\n        )\n      }\n\n      // add option to the list of options\n      option.values?.push(...optionValues)\n\n      // add option to the list of options\n      options.push(option)\n    })\n  }\n\n  // order options by columnOrder\n  if (columnOrder) {\n    return sortOptionsBasedOnColumns(options, columnOrder)\n  } else return options\n}\n\n// HELPER FUNCTIONS\n//\n//\n//\n//\nconst getSubTypes = (projectsInfo: GetProjectsInfoResponse, type: Scope): Option[] => {\n  const options: Option[] = []\n  if (type === 'product') {\n    Object.values(productTypes).forEach(({ icon, name }) => {\n      options.push({\n        id: name,\n        type: 'string',\n        label: name,\n        icon: icon,\n        inverted: false,\n        values: [],\n        allowsCustomValues: false,\n      })\n    })\n  } else if (type === 'task') {\n    Object.values(projectsInfo).forEach((project) => {\n      // for each project, get all task types and add them to the options (if they don't already exist)\n      const taskTypes = project?.taskTypes || []\n      taskTypes.forEach((taskType: TaskType) => {\n        if (!options.some((option) => option.id === taskType.name)) {\n          options.push({\n            id: taskType.name,\n            type: 'string',\n            label: taskType.name,\n            icon: taskType.icon,\n            inverted: false,\n            values: [],\n            allowsCustomValues: false,\n          })\n        }\n      })\n    })\n  } else if (type === 'folder') {\n    Object.values(projectsInfo).forEach((project) => {\n      // for each project, get all folder types and add them to the options (if they don't already exist)\n      const folderTypes = project?.folderTypes || []\n      folderTypes.forEach((folderType: FolderType) => {\n        if (!options.some((option) => option.id === folderType.name)) {\n          options.push({\n            id: folderType.name,\n            type: 'string',\n            label: folderType.name,\n            icon: folderType.icon,\n            inverted: false,\n            values: [],\n            allowsCustomValues: false,\n          })\n        }\n      })\n    })\n  }\n\n  return options\n}\n\nconst getFormattedId = (base: string, fieldType: FilterFieldType, config?: FilterConfig) => {\n  const { prefixes, keys } = config || {}\n  if (keys && fieldType in keys) {\n    return `${keys[fieldType]}`\n  } else if (prefixes && fieldType in prefixes) {\n    return `${prefixes[fieldType]}${base}`\n  } else return base\n}\n\nconst getOptionRoot = (fieldType: FilterFieldType, config?: FilterConfig) => {\n  const getRootIdWithPrefix = (base: string) => getFormattedId(base, fieldType, config)\n\n  let rootOption: Option | null = null\n  switch (fieldType) {\n    case 'taskType':\n      rootOption = {\n        id: getRootIdWithPrefix(`taskType`),\n        type: 'string',\n        label: `Task Type`,\n        icon: getAttributeIcon('task'),\n        inverted: false,\n        operator: 'OR',\n        values: [],\n        allowsCustomValues: false,\n        allowHasValue: false,\n        allowNoValue: false,\n        allowExcludes: config?.enableExcludes,\n        operatorChangeable: false,\n      }\n      break\n    case 'folderType':\n      rootOption = {\n        id: getRootIdWithPrefix(`folderType`),\n        type: 'string',\n        label: `Folder Type`,\n        icon: getAttributeIcon('folder'),\n        inverted: false,\n        operator: 'OR',\n        values: [],\n        allowsCustomValues: false,\n        allowHasValue: false,\n        allowNoValue: false,\n        allowExcludes: config?.enableExcludes,\n        operatorChangeable: false,\n      }\n      break\n    case 'productType':\n      rootOption = {\n        id: getRootIdWithPrefix(`productType`),\n        type: 'string',\n        label: `Product Type`,\n        icon: getAttributeIcon('product'),\n        inverted: false,\n        operator: 'OR',\n        values: [],\n        allowsCustomValues: false,\n        allowHasValue: false,\n        allowNoValue: false,\n        allowExcludes: config?.enableExcludes,\n        operatorChangeable: false,\n      }\n      break\n    case 'status':\n      rootOption = {\n        id: getRootIdWithPrefix('status'),\n        type: 'string',\n        label: 'Status',\n        icon: getAttributeIcon('status'),\n        inverted: false,\n        operator: 'OR',\n        values: [],\n        allowsCustomValues: false,\n        allowHasValue: false,\n        allowNoValue: false,\n        allowExcludes: config?.enableExcludes,\n        operatorChangeable: false,\n      }\n      break\n    case 'assignees':\n      rootOption = {\n        id: getRootIdWithPrefix('assignees'),\n        type: 'list_of_strings',\n        label: 'Assignee',\n        icon: getAttributeIcon('assignees'),\n        inverted: false,\n        operator: 'OR',\n        values: [],\n        allowsCustomValues: false,\n        allowHasValue: config?.enableRelativeValues,\n        allowNoValue: config?.enableRelativeValues,\n        allowExcludes: config?.enableExcludes,\n        operatorChangeable: config?.enableOperatorChange,\n      }\n      break\n    case 'tags':\n      rootOption = {\n        id: getRootIdWithPrefix('tags'),\n        type: 'list_of_strings',\n        label: 'Tags',\n        icon: getAttributeIcon('tags'),\n        inverted: false,\n        operator: 'OR',\n        values: [],\n        allowsCustomValues: true,\n        allowHasValue: config?.enableRelativeValues,\n        allowNoValue: config?.enableRelativeValues,\n        allowExcludes: config?.enableExcludes,\n        operatorChangeable: config?.enableOperatorChange,\n      }\n      break\n    default:\n      break\n\n    // Note: attributes are handled separately\n  }\n\n  return rootOption\n}\n\nconst getAttributeFieldOptionRoot = (\n  attribute: AttributeModel,\n  config: FilterConfig & { allowsCustomValues: boolean },\n): Option => ({\n  id: getFormattedId(attribute.name, 'attributes', config),\n  type: attribute.data.type,\n  label: attribute.data.title || attribute.name,\n  operator: 'OR',\n  inverted: false,\n  values: [],\n  allowsCustomValues: config?.allowsCustomValues,\n  allowHasValue: config.enableRelativeValues,\n  allowNoValue: config.enableRelativeValues,\n  allowExcludes: config?.enableExcludes,\n  operatorChangeable: config?.enableOperatorChange,\n  icon: getAttributeIcon(attribute.name, attribute.data.type, !!attribute.data.enum?.length),\n  singleSelect: ['boolean', 'datetime'].includes(attribute.data.type),\n})\n\nconst getAttributeOptions = (\n  values?: AttributeDataValue[],\n  enums?: AttributeEnumItem[],\n  type?: AttributeData['type'],\n): Option[] => {\n  const enumOptions: Option[] = []\n  const options: (Option & { count: number })[] = []\n\n  // add the enum values first\n  if (enums) {\n    enums.forEach((enumItem) => {\n      enumOptions.push({\n        id: enumItem.value.toString(),\n        type: type,\n        label: enumItem.label,\n        values: [],\n        icon: enumItem.icon,\n        color: enumItem.color,\n      })\n    })\n  }\n\n  values?.forEach((value) => {\n    // no value? do nothing\n    if (!value) return\n\n    let text = ''\n\n    // convert value to text\n    switch (typeof value) {\n      case 'string':\n      case 'number':\n      case 'boolean':\n        text = value.toString()\n        break\n      case 'object':\n        if (Array.isArray(value)) {\n          text = value.join(', ')\n        } else {\n          text = JSON.stringify(value)\n        }\n        break\n      default:\n        break\n    }\n\n    // create id for text value\n    const id = text\n      .trim()\n      .toLowerCase()\n      .replace(/[^a-z0-9\\s]/g, '')\n      .replace(/\\s+/g, '-')\n\n    // check if the option already exists in enums\n    const existingOption = enumOptions?.find((enumItem) => enumItem.id === id)\n    if (existingOption) return\n\n    // check if options already has the value, if so, increment the count\n    const existingValue = options.find((option) => option.id === id)\n    if (existingValue) {\n      existingValue.count++\n      return\n    } else {\n      // add option\n      options.push({\n        id,\n        type: type,\n        label: text,\n        values: [],\n        count: 1,\n      })\n    }\n  })\n\n  // sort options based on count\n  options.sort((a, b) => b.count - a.count)\n\n  // enum options first, then the rest\n  return [...enumOptions, ...options]\n}\n\nconst sortOptionsBasedOnColumns = (options: Option[], columnOrder: ColumnOrderState) => {\n  const columnOrderWithSubTypes = columnOrder.flatMap((col) => {\n    if (col === 'subType') {\n      return ['taskType', 'folderType']\n    }\n    return col\n  })\n  return [...options].sort((a, b) => {\n    const aIndex = columnOrderWithSubTypes.indexOf(a.id.replace('.', '_'))\n    const bIndex = columnOrderWithSubTypes.indexOf(b.id.replace('.', '_'))\n\n    // If both options are in columnOrder, sort them based on their index in columnOrder\n    if (aIndex !== -1 && bIndex !== -1) {\n      return aIndex - bIndex\n    }\n\n    // If only one of the options is in columnOrder, sort the one in columnOrder first\n    if (aIndex !== -1) {\n      return -1\n    }\n    if (bIndex !== -1) {\n      return 1\n    }\n\n    // If neither option is in columnOrder, keep their original order\n    return 0\n  })\n}\n"],"names":["_a","_b","options","jsx"],"mappings":"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"}

package/dist/shared/src/components/SimpleFormDialog/SimpleFormDialog.cjs.js

@@ -12,6 +12,7 @@ require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");
 require("react-toastify");
 require("../../api/base/client.cjs.js");
 require("../../api/generated/graphql.cjs.js");
+require("../../api/generated/graphqlLinks.cjs.js");
 require("../../api/generated/access.cjs.js");
 require("../../api/generated/actions.cjs.js");
 require("../../api/generated/activityFeed.cjs.js");
@@ -67,6 +68,9 @@ 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");
@@ -90,6 +94,7 @@ require("../ReviewablesList/ReviewablesList.styled.cjs.js");
 require("../../containers/ContextMenu/ContextMenuContext.cjs.js");
 ;/* empty css                                                 */
 require("lodash");
+require("uuid");
 require("../../util/pubsub.cjs.js");
 require("../ReviewablesList/ReviewablesUpload.styled.cjs.js");
 require("axios");
@@ -137,19 +142,7 @@ require("../../containers/Feed/Feed.styled.cjs.js");
 require("date-fns");
 require("../../containers/ProjectTreeTable/ProjectTreeTable.cjs.js");
 require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");
-require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");
 require("@tanstack/react-table");
-require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");
-require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");
-require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");
-require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");
-require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");
-require("../../../../_virtual/runtime.cjs.js");
-require("../../../../_virtual/semver.cjs.js");
-require("react-redux");
-require("custom-protocol-check");
-require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");
-require("../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");
 require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");
 require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");
 require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");
@@ -159,10 +152,24 @@ require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");
 require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");
 require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");
 require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");
+require("../LinksManager/LinksManagerDialog.cjs.js");
+require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");
+require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");
 require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");
 require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");
 require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");
+require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");
 require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");
+require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");
+require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");
+require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");
+require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");
+require("../../../../_virtual/runtime.cjs.js");
+require("../../../../_virtual/semver.cjs.js");
+require("react-redux");
+require("custom-protocol-check");
+require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");
+require("../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");
 require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");
 require("../../containers/DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");
 require("../../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");
@@ -197,6 +204,9 @@ require("../VersionUploader/components/UploadVersionDialog.cjs.js");
 require("../VersionUploader/context/VersionUploadContext.cjs.js");
 require("../Feedback/FeedbackContext.cjs.js");
 require("../Feedback/SupportBubble.cjs.js");
+require("../Chips/Chips.cjs.js");
+require("../LinksManager/LinksManager.styled.cjs.js");
+require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");
 const getDefaults = (fields, values) => {
   const defaults = {};
   fields.forEach((field) => {

package/dist/shared/src/components/SimpleFormDialog/SimpleFormDialog.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleFormDialog.cjs.js","sources":["../../../../../src/components/SimpleFormDialog/SimpleFormDialog.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport React, { useState, useEffect } from 'react'\nimport ReactMarkdown from 'react-markdown'\nimport {\n  Button,\n  Spacer,\n  Dialog,\n  FormLayout,\n  FormRow,\n  InputNumber,\n  InputText,\n  InputSwitch,\n  Dropdown,\n  DefaultItemTemplate,\n} from '@ynput/ayon-react-components'\nimport { Badge } from '@shared/components'\n\nimport type { FormSelectOption, SimpleFormField } from '@shared/api'\n\nexport type SimpleFormValue = string | number | boolean | string[] | null | undefined\nexport type SimpleFormValueDict = Record<string, SimpleFormValue>\n\nconst getDefaults = (fields: SimpleFormField[], values: SimpleFormValueDict) => {\n  const defaults: SimpleFormValueDict = {}\n  fields.forEach((field) => {\n    if (field.name in values) {\n      defaults[field.name] = values[field.name]\n    } else if (field.value) {\n      defaults[field.name] = field.value\n    } else if (field.type === 'boolean') {\n      defaults[field.name] = false\n    } else if (field.type === 'integer') {\n      defaults[field.name] = 0\n    } else if (field.type === 'float') {\n      defaults[field.name] = 0.0\n    } else if (field.type === 'text') {\n      defaults[field.name] = ''\n    } else if (field.type === 'multiselect') {\n      defaults[field.name] = []\n    }\n  })\n  return defaults\n}\n\nconst LabelContainer = styled.div`\n  &.normal {\n    // maybe something here\n  }\n\n  &.info,\n  &.warning,\n  &.error {\n    padding: 0.5rem;\n    text-align: center;\n    font-weight: bold;\n    margin: 1rem 0;\n  }\n\n  &.info {\n    background-color: var(--md-sys-color-on-secondary-dark);\n  }\n  &.warning {\n    background-color: var(--md-sys-color-warning-container-dark);\n  }\n  &.error {\n    background-color: var(--md-sys-color-on-error-dark);\n  }\n`\n\ntype FormLabelProps = {\n  field: SimpleFormField\n}\n\nconst FormLabel = ({ field }: FormLabelProps) => {\n  const text = typeof field.value === 'string' ? field.value : 'Invalid label value'\n\n  return (\n    <LabelContainer className={field.highlight || 'normal'}>\n      <ReactMarkdown>{text}</ReactMarkdown>\n    </LabelContainer>\n  )\n}\n\ntype FormFieldProps = {\n  field: SimpleFormField\n  value: SimpleFormValue\n  onChange: (value: SimpleFormValue) => void\n}\n\nconst DropdownItemTemplate = (option: FormSelectOption) => {\n  const endContent = (\n    <>\n      <div style={{ flex: 1 }} />\n      {option.badges && option.badges.map((badge, index) => <Badge key={index}>{badge}</Badge>)}\n    </>\n  )\n  return (\n    <DefaultItemTemplate\n      option={option}\n      dataKey={'value'}\n      labelKey={'label'}\n      value={[option.value]}\n      endContent={endContent}\n    />\n  )\n}\n\nconst FormField = ({ field, value, onChange }: FormFieldProps) => {\n  if (field.type === 'text') {\n    const parsedValue = typeof value === 'string' ? value : ''\n    return (\n      <InputText\n        value={parsedValue}\n        onChange={(e) => onChange(e.target.value)}\n        placeholder={field.placeholder || ''}\n      />\n    )\n  }\n  if (field.type === 'boolean') {\n    const parsedValue = typeof value === 'boolean' ? value : false\n\n    const handleCheckboxEvent = (\n      event: React.ChangeEvent<HTMLInputElement> | React.KeyboardEvent<HTMLInputElement>,\n    ) => {\n      if ('target' in event && 'checked' in event.target) {\n        onChange((event.target as HTMLInputElement).checked)\n      }\n    }\n\n    return <InputSwitch checked={parsedValue} onChange={handleCheckboxEvent} />\n  }\n  if (field.type === 'integer') {\n    const parsedValue = typeof value === 'number' ? value : 0\n    return (\n      <InputNumber\n        value={parsedValue}\n        onChange={(e) => onChange(parseInt(e.target.value))}\n        placeholder={field.placeholder || ''}\n      />\n    )\n  }\n  if (field.type === 'float') {\n    const parsedValue = typeof value === 'number' ? value : 0.0\n    return (\n      <InputNumber\n        type=\"number\"\n        value={parsedValue}\n        onChange={(e) => onChange(parseFloat(e.target.value))}\n        placeholder={field.placeholder || ''}\n      />\n    )\n  }\n\n  if (field.type === 'select') {\n    const parsedValue = typeof value === 'string' ? value : ''\n    return (\n      <Dropdown\n        widthExpand\n        options={field.options || []}\n        value={parsedValue ? [parsedValue] : []}\n        onSelectionChange={(e) => onChange(e[0])}\n        className={`form-field`}\n        multiSelect={false}\n        itemTemplate={DropdownItemTemplate}\n      />\n    )\n  } // Handle select\n\n  if (field.type === 'multiselect') {\n    const parsedValue = Array.isArray(value) ? value : []\n    return (\n      <Dropdown\n        widthExpand\n        options={field.options || []}\n        value={parsedValue}\n        onSelectionChange={(e) => onChange(e)}\n        className={`form-field`}\n        multiSelect={true}\n        itemTemplate={DropdownItemTemplate}\n      />\n    )\n  }\n}\n\nexport interface SimpleFormDialogProps {\n  title: string\n  fields: SimpleFormField[]\n  values?: SimpleFormValueDict\n  submitLabel?: string\n  cancelLabel?: string\n  submitIcon?: string\n  cancelIcon?: string\n  onClose: () => void\n  onSubmit: (values: SimpleFormValueDict) => void\n  isOpen: boolean\n}\n\nexport const SimpleFormDialog = ({\n  fields,\n  values,\n  onClose,\n  onSubmit,\n  isOpen,\n  title,\n  submitLabel,\n  cancelLabel,\n  submitIcon,\n  cancelIcon,\n}: SimpleFormDialogProps) => {\n  const [formData, setFormData] = useState<SimpleFormValueDict | null>(null)\n\n  useEffect(() => {\n    if (isOpen) {\n      const defaults = getDefaults(fields, values || {})\n      setFormData(defaults)\n    }\n  }, [isOpen, fields, values])\n\n  if (!isOpen) return null\n  if (!formData) return null\n\n  const footer = (\n    <div style={{ display: 'flex', flexDirection: 'row', gap: 8 }}>\n      <Spacer />\n      {cancelLabel && <Button onClick={() => onClose()} label={cancelLabel} icon={cancelIcon} />}\n      {submitLabel && (\n        <Button\n          onClick={() => onSubmit(formData)}\n          label={submitLabel}\n          icon={submitIcon}\n          variant=\"filled\"\n        />\n      )}\n    </div>\n  )\n\n  return (\n    <Dialog\n      isOpen={isOpen}\n      onClose={onClose}\n      header={title}\n      footer={footer}\n      style={{ minHeight: 500, minWidth: 600 }}\n    >\n      <FormLayout\n        style={{ width: '95%' }}\n        onKeyDown={(e) => {\n          e.stopPropagation()\n        }}\n      >\n        {fields.map((field: SimpleFormField) => {\n          if (field.type === 'label') {\n            return <FormLabel key={field.name} field={field} />\n          }\n\n          return (\n            <FormRow key={field.name} label={field.label || ''}>\n              <FormField\n                field={field}\n                value={formData[field.name]}\n                onChange={(value) => {\n                  setFormData((prev) => ({\n                    ...prev,\n                    [field.name]: value,\n                  }))\n                }}\n              />\n            </FormRow>\n          )\n        })}\n      </FormLayout>\n    </Dialog>\n  )\n}\n"],"names":["jsx","jsxs","Fragment","Badge","DefaultItemTemplate","InputText","InputSwitch","InputNumber","Dropdown","useState","useEffect","Spacer","Button","Dialog","FormLayout","FormRow"],"mappings":"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"}
+{"version":3,"file":"SimpleFormDialog.cjs.js","sources":["../../../../../src/components/SimpleFormDialog/SimpleFormDialog.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport React, { useState, useEffect } from 'react'\nimport ReactMarkdown from 'react-markdown'\nimport {\n  Button,\n  Spacer,\n  Dialog,\n  FormLayout,\n  FormRow,\n  InputNumber,\n  InputText,\n  InputSwitch,\n  Dropdown,\n  DefaultItemTemplate,\n} from '@ynput/ayon-react-components'\nimport { Badge } from '@shared/components'\n\nimport type { FormSelectOption, SimpleFormField } from '@shared/api'\n\nexport type SimpleFormValue = string | number | boolean | string[] | null | undefined\nexport type SimpleFormValueDict = Record<string, SimpleFormValue>\n\nconst getDefaults = (fields: SimpleFormField[], values: SimpleFormValueDict) => {\n  const defaults: SimpleFormValueDict = {}\n  fields.forEach((field) => {\n    if (field.name in values) {\n      defaults[field.name] = values[field.name]\n    } else if (field.value) {\n      defaults[field.name] = field.value\n    } else if (field.type === 'boolean') {\n      defaults[field.name] = false\n    } else if (field.type === 'integer') {\n      defaults[field.name] = 0\n    } else if (field.type === 'float') {\n      defaults[field.name] = 0.0\n    } else if (field.type === 'text') {\n      defaults[field.name] = ''\n    } else if (field.type === 'multiselect') {\n      defaults[field.name] = []\n    }\n  })\n  return defaults\n}\n\nconst LabelContainer = styled.div`\n  &.normal {\n    // maybe something here\n  }\n\n  &.info,\n  &.warning,\n  &.error {\n    padding: 0.5rem;\n    text-align: center;\n    font-weight: bold;\n    margin: 1rem 0;\n  }\n\n  &.info {\n    background-color: var(--md-sys-color-on-secondary-dark);\n  }\n  &.warning {\n    background-color: var(--md-sys-color-warning-container-dark);\n  }\n  &.error {\n    background-color: var(--md-sys-color-on-error-dark);\n  }\n`\n\ntype FormLabelProps = {\n  field: SimpleFormField\n}\n\nconst FormLabel = ({ field }: FormLabelProps) => {\n  const text = typeof field.value === 'string' ? field.value : 'Invalid label value'\n\n  return (\n    <LabelContainer className={field.highlight || 'normal'}>\n      <ReactMarkdown>{text}</ReactMarkdown>\n    </LabelContainer>\n  )\n}\n\ntype FormFieldProps = {\n  field: SimpleFormField\n  value: SimpleFormValue\n  onChange: (value: SimpleFormValue) => void\n}\n\nconst DropdownItemTemplate = (option: FormSelectOption) => {\n  const endContent = (\n    <>\n      <div style={{ flex: 1 }} />\n      {option.badges && option.badges.map((badge, index) => <Badge key={index}>{badge}</Badge>)}\n    </>\n  )\n  return (\n    <DefaultItemTemplate\n      option={option}\n      dataKey={'value'}\n      labelKey={'label'}\n      value={[option.value]}\n      endContent={endContent}\n    />\n  )\n}\n\nconst FormField = ({ field, value, onChange }: FormFieldProps) => {\n  if (field.type === 'text') {\n    const parsedValue = typeof value === 'string' ? value : ''\n    return (\n      <InputText\n        value={parsedValue}\n        onChange={(e) => onChange(e.target.value)}\n        placeholder={field.placeholder || ''}\n      />\n    )\n  }\n  if (field.type === 'boolean') {\n    const parsedValue = typeof value === 'boolean' ? value : false\n\n    const handleCheckboxEvent = (\n      event: React.ChangeEvent<HTMLInputElement> | React.KeyboardEvent<HTMLInputElement>,\n    ) => {\n      if ('target' in event && 'checked' in event.target) {\n        onChange((event.target as HTMLInputElement).checked)\n      }\n    }\n\n    return <InputSwitch checked={parsedValue} onChange={handleCheckboxEvent} />\n  }\n  if (field.type === 'integer') {\n    const parsedValue = typeof value === 'number' ? value : 0\n    return (\n      <InputNumber\n        value={parsedValue}\n        onChange={(e) => onChange(parseInt(e.target.value))}\n        placeholder={field.placeholder || ''}\n      />\n    )\n  }\n  if (field.type === 'float') {\n    const parsedValue = typeof value === 'number' ? value : 0.0\n    return (\n      <InputNumber\n        type=\"number\"\n        value={parsedValue}\n        onChange={(e) => onChange(parseFloat(e.target.value))}\n        placeholder={field.placeholder || ''}\n      />\n    )\n  }\n\n  if (field.type === 'select') {\n    const parsedValue = typeof value === 'string' ? value : ''\n    return (\n      <Dropdown\n        widthExpand\n        options={field.options || []}\n        value={parsedValue ? [parsedValue] : []}\n        onSelectionChange={(e) => onChange(e[0])}\n        className={`form-field`}\n        multiSelect={false}\n        itemTemplate={DropdownItemTemplate}\n      />\n    )\n  } // Handle select\n\n  if (field.type === 'multiselect') {\n    const parsedValue = Array.isArray(value) ? value : []\n    return (\n      <Dropdown\n        widthExpand\n        options={field.options || []}\n        value={parsedValue}\n        onSelectionChange={(e) => onChange(e)}\n        className={`form-field`}\n        multiSelect={true}\n        itemTemplate={DropdownItemTemplate}\n      />\n    )\n  }\n}\n\nexport interface SimpleFormDialogProps {\n  title: string\n  fields: SimpleFormField[]\n  values?: SimpleFormValueDict\n  submitLabel?: string\n  cancelLabel?: string\n  submitIcon?: string\n  cancelIcon?: string\n  onClose: () => void\n  onSubmit: (values: SimpleFormValueDict) => void\n  isOpen: boolean\n}\n\nexport const SimpleFormDialog = ({\n  fields,\n  values,\n  onClose,\n  onSubmit,\n  isOpen,\n  title,\n  submitLabel,\n  cancelLabel,\n  submitIcon,\n  cancelIcon,\n}: SimpleFormDialogProps) => {\n  const [formData, setFormData] = useState<SimpleFormValueDict | null>(null)\n\n  useEffect(() => {\n    if (isOpen) {\n      const defaults = getDefaults(fields, values || {})\n      setFormData(defaults)\n    }\n  }, [isOpen, fields, values])\n\n  if (!isOpen) return null\n  if (!formData) return null\n\n  const footer = (\n    <div style={{ display: 'flex', flexDirection: 'row', gap: 8 }}>\n      <Spacer />\n      {cancelLabel && <Button onClick={() => onClose()} label={cancelLabel} icon={cancelIcon} />}\n      {submitLabel && (\n        <Button\n          onClick={() => onSubmit(formData)}\n          label={submitLabel}\n          icon={submitIcon}\n          variant=\"filled\"\n        />\n      )}\n    </div>\n  )\n\n  return (\n    <Dialog\n      isOpen={isOpen}\n      onClose={onClose}\n      header={title}\n      footer={footer}\n      style={{ minHeight: 500, minWidth: 600 }}\n    >\n      <FormLayout\n        style={{ width: '95%' }}\n        onKeyDown={(e) => {\n          e.stopPropagation()\n        }}\n      >\n        {fields.map((field: SimpleFormField) => {\n          if (field.type === 'label') {\n            return <FormLabel key={field.name} field={field} />\n          }\n\n          return (\n            <FormRow key={field.name} label={field.label || ''}>\n              <FormField\n                field={field}\n                value={formData[field.name]}\n                onChange={(value) => {\n                  setFormData((prev) => ({\n                    ...prev,\n                    [field.name]: value,\n                  }))\n                }}\n              />\n            </FormRow>\n          )\n        })}\n      </FormLayout>\n    </Dialog>\n  )\n}\n"],"names":["jsx","jsxs","Fragment","Badge","DefaultItemTemplate","InputText","InputSwitch","InputNumber","Dropdown","useState","useEffect","Spacer","Button","Dialog","FormLayout","FormRow"],"mappings":"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"}

package/dist/shared/src/components/SimpleFormDialog/SimpleFormDialog.es.js

@@ -10,6 +10,7 @@ import "../EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
 import "react-toastify";
 import "../../api/base/client.es.js";
 import "../../api/generated/graphql.es.js";
+import "../../api/generated/graphqlLinks.es.js";
 import "../../api/generated/access.es.js";
 import "../../api/generated/actions.es.js";
 import "../../api/generated/activityFeed.es.js";
@@ -65,6 +66,9 @@ 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";
@@ -88,6 +92,7 @@ import "../ReviewablesList/ReviewablesList.styled.es.js";
 import "../../containers/ContextMenu/ContextMenuContext.es.js";
 /* empty css                                               */
 import "lodash";
+import "uuid";
 import "../../util/pubsub.es.js";
 import "../ReviewablesList/ReviewablesUpload.styled.es.js";
 import "axios";
@@ -135,19 +140,7 @@ import "../../containers/Feed/Feed.styled.es.js";
 import "date-fns";
 import "../../containers/ProjectTreeTable/ProjectTreeTable.es.js";
 import "../../containers/ProjectTreeTable/context/CellEditingContext.es.js";
-import "../../containers/ProjectTreeTable/context/ClipboardContext.es.js";
 import "@tanstack/react-table";
-import "../../containers/ProjectTreeTable/context/SelectionCellsContext.es.js";
-import "../../containers/ProjectTreeTable/context/ColumnSettingsContext.es.js";
-import "../../containers/ProjectTreeTable/context/ProjectTableContext.es.js";
-import "../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
-import "../../containers/ProjectTreeTable/context/SelectedRowsContext.es.js";
-import "../../../../_virtual/runtime.es.js";
-import "../../../../_virtual/semver.es.js";
-import "react-redux";
-import "custom-protocol-check";
-import "../../containers/ProjectTreeTable/components/GroupSettingsFallback.es.js";
-import "../../containers/ProjectTreeTable/context/ProjectDataContext.es.js";
 import "../../containers/ProjectTreeTable/widgets/CollapsedWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/DateWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/EnumWidget.es.js";
@@ -157,10 +150,24 @@ import "../../containers/ProjectTreeTable/widgets/CellWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/EntityNameWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/ThumbnailWidget.es.js";
+import "../LinksManager/LinksManagerDialog.es.js";
+import "../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
+import "../../containers/ProjectTreeTable/context/SelectedRowsContext.es.js";
 import "../../containers/ProjectTreeTable/ProjectTreeTable.styled.es.js";
 import "../../containers/ProjectTreeTable/components/SelectionCell.es.js";
 import "../../containers/ProjectTreeTable/components/RowSelectionHeader.es.js";
+import "../../containers/ProjectTreeTable/context/SelectionCellsContext.es.js";
 import "../../containers/ProjectTreeTable/widgets/LoadMoreWidget.es.js";
+import "../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
+import "../../containers/ProjectTreeTable/context/ProjectTableContext.es.js";
+import "../../containers/ProjectTreeTable/context/ClipboardContext.es.js";
+import "../../containers/ProjectTreeTable/context/ColumnSettingsContext.es.js";
+import "../../../../_virtual/runtime.es.js";
+import "../../../../_virtual/semver.es.js";
+import "react-redux";
+import "custom-protocol-check";
+import "../../containers/ProjectTreeTable/components/GroupSettingsFallback.es.js";
+import "../../containers/ProjectTreeTable/context/ProjectDataContext.es.js";
 import "../../containers/DetailsPanel/DetailsPanel.styled.es.js";
 import "../../containers/DetailsPanel/FeedFilters/FeedFilters.styled.es.js";
 import "../../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
@@ -195,6 +202,9 @@ import "../VersionUploader/components/UploadVersionDialog.es.js";
 import "../VersionUploader/context/VersionUploadContext.es.js";
 import "../Feedback/FeedbackContext.es.js";
 import "../Feedback/SupportBubble.es.js";
+import "../Chips/Chips.es.js";
+import "../LinksManager/LinksManager.styled.es.js";
+import "../../containers/EntityPickerDialog/EntityPickerDialog.es.js";
 const getDefaults = (fields, values) => {
   const defaults = {};
   fields.forEach((field) => {

package/dist/shared/src/components/SimpleFormDialog/SimpleFormDialog.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleFormDialog.es.js","sources":["../../../../../src/components/SimpleFormDialog/SimpleFormDialog.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport React, { useState, useEffect } from 'react'\nimport ReactMarkdown from 'react-markdown'\nimport {\n  Button,\n  Spacer,\n  Dialog,\n  FormLayout,\n  FormRow,\n  InputNumber,\n  InputText,\n  InputSwitch,\n  Dropdown,\n  DefaultItemTemplate,\n} from '@ynput/ayon-react-components'\nimport { Badge } from '@shared/components'\n\nimport type { FormSelectOption, SimpleFormField } from '@shared/api'\n\nexport type SimpleFormValue = string | number | boolean | string[] | null | undefined\nexport type SimpleFormValueDict = Record<string, SimpleFormValue>\n\nconst getDefaults = (fields: SimpleFormField[], values: SimpleFormValueDict) => {\n  const defaults: SimpleFormValueDict = {}\n  fields.forEach((field) => {\n    if (field.name in values) {\n      defaults[field.name] = values[field.name]\n    } else if (field.value) {\n      defaults[field.name] = field.value\n    } else if (field.type === 'boolean') {\n      defaults[field.name] = false\n    } else if (field.type === 'integer') {\n      defaults[field.name] = 0\n    } else if (field.type === 'float') {\n      defaults[field.name] = 0.0\n    } else if (field.type === 'text') {\n      defaults[field.name] = ''\n    } else if (field.type === 'multiselect') {\n      defaults[field.name] = []\n    }\n  })\n  return defaults\n}\n\nconst LabelContainer = styled.div`\n  &.normal {\n    // maybe something here\n  }\n\n  &.info,\n  &.warning,\n  &.error {\n    padding: 0.5rem;\n    text-align: center;\n    font-weight: bold;\n    margin: 1rem 0;\n  }\n\n  &.info {\n    background-color: var(--md-sys-color-on-secondary-dark);\n  }\n  &.warning {\n    background-color: var(--md-sys-color-warning-container-dark);\n  }\n  &.error {\n    background-color: var(--md-sys-color-on-error-dark);\n  }\n`\n\ntype FormLabelProps = {\n  field: SimpleFormField\n}\n\nconst FormLabel = ({ field }: FormLabelProps) => {\n  const text = typeof field.value === 'string' ? field.value : 'Invalid label value'\n\n  return (\n    <LabelContainer className={field.highlight || 'normal'}>\n      <ReactMarkdown>{text}</ReactMarkdown>\n    </LabelContainer>\n  )\n}\n\ntype FormFieldProps = {\n  field: SimpleFormField\n  value: SimpleFormValue\n  onChange: (value: SimpleFormValue) => void\n}\n\nconst DropdownItemTemplate = (option: FormSelectOption) => {\n  const endContent = (\n    <>\n      <div style={{ flex: 1 }} />\n      {option.badges && option.badges.map((badge, index) => <Badge key={index}>{badge}</Badge>)}\n    </>\n  )\n  return (\n    <DefaultItemTemplate\n      option={option}\n      dataKey={'value'}\n      labelKey={'label'}\n      value={[option.value]}\n      endContent={endContent}\n    />\n  )\n}\n\nconst FormField = ({ field, value, onChange }: FormFieldProps) => {\n  if (field.type === 'text') {\n    const parsedValue = typeof value === 'string' ? value : ''\n    return (\n      <InputText\n        value={parsedValue}\n        onChange={(e) => onChange(e.target.value)}\n        placeholder={field.placeholder || ''}\n      />\n    )\n  }\n  if (field.type === 'boolean') {\n    const parsedValue = typeof value === 'boolean' ? value : false\n\n    const handleCheckboxEvent = (\n      event: React.ChangeEvent<HTMLInputElement> | React.KeyboardEvent<HTMLInputElement>,\n    ) => {\n      if ('target' in event && 'checked' in event.target) {\n        onChange((event.target as HTMLInputElement).checked)\n      }\n    }\n\n    return <InputSwitch checked={parsedValue} onChange={handleCheckboxEvent} />\n  }\n  if (field.type === 'integer') {\n    const parsedValue = typeof value === 'number' ? value : 0\n    return (\n      <InputNumber\n        value={parsedValue}\n        onChange={(e) => onChange(parseInt(e.target.value))}\n        placeholder={field.placeholder || ''}\n      />\n    )\n  }\n  if (field.type === 'float') {\n    const parsedValue = typeof value === 'number' ? value : 0.0\n    return (\n      <InputNumber\n        type=\"number\"\n        value={parsedValue}\n        onChange={(e) => onChange(parseFloat(e.target.value))}\n        placeholder={field.placeholder || ''}\n      />\n    )\n  }\n\n  if (field.type === 'select') {\n    const parsedValue = typeof value === 'string' ? value : ''\n    return (\n      <Dropdown\n        widthExpand\n        options={field.options || []}\n        value={parsedValue ? [parsedValue] : []}\n        onSelectionChange={(e) => onChange(e[0])}\n        className={`form-field`}\n        multiSelect={false}\n        itemTemplate={DropdownItemTemplate}\n      />\n    )\n  } // Handle select\n\n  if (field.type === 'multiselect') {\n    const parsedValue = Array.isArray(value) ? value : []\n    return (\n      <Dropdown\n        widthExpand\n        options={field.options || []}\n        value={parsedValue}\n        onSelectionChange={(e) => onChange(e)}\n        className={`form-field`}\n        multiSelect={true}\n        itemTemplate={DropdownItemTemplate}\n      />\n    )\n  }\n}\n\nexport interface SimpleFormDialogProps {\n  title: string\n  fields: SimpleFormField[]\n  values?: SimpleFormValueDict\n  submitLabel?: string\n  cancelLabel?: string\n  submitIcon?: string\n  cancelIcon?: string\n  onClose: () => void\n  onSubmit: (values: SimpleFormValueDict) => void\n  isOpen: boolean\n}\n\nexport const SimpleFormDialog = ({\n  fields,\n  values,\n  onClose,\n  onSubmit,\n  isOpen,\n  title,\n  submitLabel,\n  cancelLabel,\n  submitIcon,\n  cancelIcon,\n}: SimpleFormDialogProps) => {\n  const [formData, setFormData] = useState<SimpleFormValueDict | null>(null)\n\n  useEffect(() => {\n    if (isOpen) {\n      const defaults = getDefaults(fields, values || {})\n      setFormData(defaults)\n    }\n  }, [isOpen, fields, values])\n\n  if (!isOpen) return null\n  if (!formData) return null\n\n  const footer = (\n    <div style={{ display: 'flex', flexDirection: 'row', gap: 8 }}>\n      <Spacer />\n      {cancelLabel && <Button onClick={() => onClose()} label={cancelLabel} icon={cancelIcon} />}\n      {submitLabel && (\n        <Button\n          onClick={() => onSubmit(formData)}\n          label={submitLabel}\n          icon={submitIcon}\n          variant=\"filled\"\n        />\n      )}\n    </div>\n  )\n\n  return (\n    <Dialog\n      isOpen={isOpen}\n      onClose={onClose}\n      header={title}\n      footer={footer}\n      style={{ minHeight: 500, minWidth: 600 }}\n    >\n      <FormLayout\n        style={{ width: '95%' }}\n        onKeyDown={(e) => {\n          e.stopPropagation()\n        }}\n      >\n        {fields.map((field: SimpleFormField) => {\n          if (field.type === 'label') {\n            return <FormLabel key={field.name} field={field} />\n          }\n\n          return (\n            <FormRow key={field.name} label={field.label || ''}>\n              <FormField\n                field={field}\n                value={formData[field.name]}\n                onChange={(value) => {\n                  setFormData((prev) => ({\n                    ...prev,\n                    [field.name]: value,\n                  }))\n                }}\n              />\n            </FormRow>\n          )\n        })}\n      </FormLayout>\n    </Dialog>\n  )\n}\n"],"names":["jsx","jsxs","Fragment"],"mappings":"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"}
+{"version":3,"file":"SimpleFormDialog.es.js","sources":["../../../../../src/components/SimpleFormDialog/SimpleFormDialog.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport React, { useState, useEffect } from 'react'\nimport ReactMarkdown from 'react-markdown'\nimport {\n  Button,\n  Spacer,\n  Dialog,\n  FormLayout,\n  FormRow,\n  InputNumber,\n  InputText,\n  InputSwitch,\n  Dropdown,\n  DefaultItemTemplate,\n} from '@ynput/ayon-react-components'\nimport { Badge } from '@shared/components'\n\nimport type { FormSelectOption, SimpleFormField } from '@shared/api'\n\nexport type SimpleFormValue = string | number | boolean | string[] | null | undefined\nexport type SimpleFormValueDict = Record<string, SimpleFormValue>\n\nconst getDefaults = (fields: SimpleFormField[], values: SimpleFormValueDict) => {\n  const defaults: SimpleFormValueDict = {}\n  fields.forEach((field) => {\n    if (field.name in values) {\n      defaults[field.name] = values[field.name]\n    } else if (field.value) {\n      defaults[field.name] = field.value\n    } else if (field.type === 'boolean') {\n      defaults[field.name] = false\n    } else if (field.type === 'integer') {\n      defaults[field.name] = 0\n    } else if (field.type === 'float') {\n      defaults[field.name] = 0.0\n    } else if (field.type === 'text') {\n      defaults[field.name] = ''\n    } else if (field.type === 'multiselect') {\n      defaults[field.name] = []\n    }\n  })\n  return defaults\n}\n\nconst LabelContainer = styled.div`\n  &.normal {\n    // maybe something here\n  }\n\n  &.info,\n  &.warning,\n  &.error {\n    padding: 0.5rem;\n    text-align: center;\n    font-weight: bold;\n    margin: 1rem 0;\n  }\n\n  &.info {\n    background-color: var(--md-sys-color-on-secondary-dark);\n  }\n  &.warning {\n    background-color: var(--md-sys-color-warning-container-dark);\n  }\n  &.error {\n    background-color: var(--md-sys-color-on-error-dark);\n  }\n`\n\ntype FormLabelProps = {\n  field: SimpleFormField\n}\n\nconst FormLabel = ({ field }: FormLabelProps) => {\n  const text = typeof field.value === 'string' ? field.value : 'Invalid label value'\n\n  return (\n    <LabelContainer className={field.highlight || 'normal'}>\n      <ReactMarkdown>{text}</ReactMarkdown>\n    </LabelContainer>\n  )\n}\n\ntype FormFieldProps = {\n  field: SimpleFormField\n  value: SimpleFormValue\n  onChange: (value: SimpleFormValue) => void\n}\n\nconst DropdownItemTemplate = (option: FormSelectOption) => {\n  const endContent = (\n    <>\n      <div style={{ flex: 1 }} />\n      {option.badges && option.badges.map((badge, index) => <Badge key={index}>{badge}</Badge>)}\n    </>\n  )\n  return (\n    <DefaultItemTemplate\n      option={option}\n      dataKey={'value'}\n      labelKey={'label'}\n      value={[option.value]}\n      endContent={endContent}\n    />\n  )\n}\n\nconst FormField = ({ field, value, onChange }: FormFieldProps) => {\n  if (field.type === 'text') {\n    const parsedValue = typeof value === 'string' ? value : ''\n    return (\n      <InputText\n        value={parsedValue}\n        onChange={(e) => onChange(e.target.value)}\n        placeholder={field.placeholder || ''}\n      />\n    )\n  }\n  if (field.type === 'boolean') {\n    const parsedValue = typeof value === 'boolean' ? value : false\n\n    const handleCheckboxEvent = (\n      event: React.ChangeEvent<HTMLInputElement> | React.KeyboardEvent<HTMLInputElement>,\n    ) => {\n      if ('target' in event && 'checked' in event.target) {\n        onChange((event.target as HTMLInputElement).checked)\n      }\n    }\n\n    return <InputSwitch checked={parsedValue} onChange={handleCheckboxEvent} />\n  }\n  if (field.type === 'integer') {\n    const parsedValue = typeof value === 'number' ? value : 0\n    return (\n      <InputNumber\n        value={parsedValue}\n        onChange={(e) => onChange(parseInt(e.target.value))}\n        placeholder={field.placeholder || ''}\n      />\n    )\n  }\n  if (field.type === 'float') {\n    const parsedValue = typeof value === 'number' ? value : 0.0\n    return (\n      <InputNumber\n        type=\"number\"\n        value={parsedValue}\n        onChange={(e) => onChange(parseFloat(e.target.value))}\n        placeholder={field.placeholder || ''}\n      />\n    )\n  }\n\n  if (field.type === 'select') {\n    const parsedValue = typeof value === 'string' ? value : ''\n    return (\n      <Dropdown\n        widthExpand\n        options={field.options || []}\n        value={parsedValue ? [parsedValue] : []}\n        onSelectionChange={(e) => onChange(e[0])}\n        className={`form-field`}\n        multiSelect={false}\n        itemTemplate={DropdownItemTemplate}\n      />\n    )\n  } // Handle select\n\n  if (field.type === 'multiselect') {\n    const parsedValue = Array.isArray(value) ? value : []\n    return (\n      <Dropdown\n        widthExpand\n        options={field.options || []}\n        value={parsedValue}\n        onSelectionChange={(e) => onChange(e)}\n        className={`form-field`}\n        multiSelect={true}\n        itemTemplate={DropdownItemTemplate}\n      />\n    )\n  }\n}\n\nexport interface SimpleFormDialogProps {\n  title: string\n  fields: SimpleFormField[]\n  values?: SimpleFormValueDict\n  submitLabel?: string\n  cancelLabel?: string\n  submitIcon?: string\n  cancelIcon?: string\n  onClose: () => void\n  onSubmit: (values: SimpleFormValueDict) => void\n  isOpen: boolean\n}\n\nexport const SimpleFormDialog = ({\n  fields,\n  values,\n  onClose,\n  onSubmit,\n  isOpen,\n  title,\n  submitLabel,\n  cancelLabel,\n  submitIcon,\n  cancelIcon,\n}: SimpleFormDialogProps) => {\n  const [formData, setFormData] = useState<SimpleFormValueDict | null>(null)\n\n  useEffect(() => {\n    if (isOpen) {\n      const defaults = getDefaults(fields, values || {})\n      setFormData(defaults)\n    }\n  }, [isOpen, fields, values])\n\n  if (!isOpen) return null\n  if (!formData) return null\n\n  const footer = (\n    <div style={{ display: 'flex', flexDirection: 'row', gap: 8 }}>\n      <Spacer />\n      {cancelLabel && <Button onClick={() => onClose()} label={cancelLabel} icon={cancelIcon} />}\n      {submitLabel && (\n        <Button\n          onClick={() => onSubmit(formData)}\n          label={submitLabel}\n          icon={submitIcon}\n          variant=\"filled\"\n        />\n      )}\n    </div>\n  )\n\n  return (\n    <Dialog\n      isOpen={isOpen}\n      onClose={onClose}\n      header={title}\n      footer={footer}\n      style={{ minHeight: 500, minWidth: 600 }}\n    >\n      <FormLayout\n        style={{ width: '95%' }}\n        onKeyDown={(e) => {\n          e.stopPropagation()\n        }}\n      >\n        {fields.map((field: SimpleFormField) => {\n          if (field.type === 'label') {\n            return <FormLabel key={field.name} field={field} />\n          }\n\n          return (\n            <FormRow key={field.name} label={field.label || ''}>\n              <FormField\n                field={field}\n                value={formData[field.name]}\n                onChange={(value) => {\n                  setFormData((prev) => ({\n                    ...prev,\n                    [field.name]: value,\n                  }))\n                }}\n              />\n            </FormRow>\n          )\n        })}\n      </FormLayout>\n    </Dialog>\n  )\n}\n"],"names":["jsx","jsxs","Fragment"],"mappings":"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"}

package/dist/shared/src/components/VersionUploader/components/UploadVersionForm.cjs.js

@@ -7,6 +7,7 @@ const ayonReactComponents = require("@ynput/ayon-react-components");
 const productTypes = require("../../../util/productTypes.cjs.js");
 require("lodash");
 require("react-toastify");
+require("uuid");
 require("../../../util/pubsub.cjs.js");
 require("clsx");
 require("../../ThumbnailSimple/ThumbnailSimple.cjs.js");
@@ -14,6 +15,7 @@ require("../../EmptyPlaceholder/EmptyPlaceholder.cjs.js");
 require("../../EmptyPlaceholder/EmptyPlaceholderFlex.styled.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");
@@ -69,6 +71,9 @@ 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");
@@ -138,19 +143,7 @@ require("../../../containers/Feed/Feed.styled.cjs.js");
 require("date-fns");
 require("../../../containers/ProjectTreeTable/ProjectTreeTable.cjs.js");
 require("../../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");
-require("../../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");
 require("@tanstack/react-table");
-require("../../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");
-require("../../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");
-require("../../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");
-require("../../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");
-require("../../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");
-require("../../../../../_virtual/runtime.cjs.js");
-require("../../../../../_virtual/semver.cjs.js");
-require("react-redux");
-require("custom-protocol-check");
-require("../../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");
-require("../../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");
 require("../../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");
 require("../../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");
 require("../../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");
@@ -160,10 +153,24 @@ require("../../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");
 require("../../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");
 require("../../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");
 require("../../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");
+require("../../LinksManager/LinksManagerDialog.cjs.js");
+require("../../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");
+require("../../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");
 require("../../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");
 require("../../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");
 require("../../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");
+require("../../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");
 require("../../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");
+require("../../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");
+require("../../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");
+require("../../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");
+require("../../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");
+require("../../../../../_virtual/runtime.cjs.js");
+require("../../../../../_virtual/semver.cjs.js");
+require("react-redux");
+require("custom-protocol-check");
+require("../../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");
+require("../../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");
 require("../../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");
 require("../../../containers/DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");
 require("../../../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");
@@ -199,6 +206,9 @@ require("./UploadVersionDialog.cjs.js");
 const VersionUploadContext = require("../context/VersionUploadContext.cjs.js");
 require("../../Feedback/FeedbackContext.cjs.js");
 require("../../Feedback/SupportBubble.cjs.js");
+require("../../Chips/Chips.cjs.js");
+require("../../LinksManager/LinksManager.styled.cjs.js");
+require("../../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");
 const StyledForm = styled.form`
   display: flex;
   flex-direction: column;

package/dist/shared/src/components/VersionUploader/components/UploadVersionForm.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadVersionForm.cjs.js","sources":["../../../../../../src/components/VersionUploader/components/UploadVersionForm.tsx"],"sourcesContent":["import { FC, FormEvent, useEffect, useRef } from 'react'\nimport styled from 'styled-components'\nimport { FormLayout, FormRow, InputText, InputNumber, Dropdown } from '@ynput/ayon-react-components'\nimport { productTypes } from '@shared/util'\nimport type { DropdownRef } from '@ynput/ayon-react-components'\nimport { ReviewableUpload } from '@shared/components'\nimport { useVersionUploadContext } from '../context/VersionUploadContext'\n\nconst StyledForm = styled.form`\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-large);\n  padding: var(--padding-m);\n  width: 100%;\n`\n\nconst StyledFormLayout = styled(FormLayout)`\n  width: 100%;\n  margin: auto;\n\n  & > div {\n    align-items: start;\n  }\n\n  input {\n    width: 100%;\n  }\n`\n\nconst RecommendationNote = styled.div`\n  font-size: var(--font-size-xs);\n  color: var(--md-sys-color-outline);\n  margin-top: var(--base-gap-small);\n  line-height: 1.3;\n`\n\nconst InlineButton = styled.button`\n  background: none;\n  border: none;\n  color: var(--md-sys-color-primary);\n  text-decoration: underline;\n  cursor: pointer;\n  padding: 0;\n  font-size: inherit;\n  font-family: inherit;\n\n  &:hover {\n    color: var(--md-sys-color-primary-dark);\n  }\n`\n\nconst StyledUpload = styled.div`\n  position: relative;\n  min-height: 80px;\n`\n\ntype FormData = {\n  version: number\n  name: string\n  productType: string\n}\n\ninterface UploadVersionFormProps {\n  formData: FormData\n  onChange: (key: keyof FormData, value: string | number) => void\n  onSubmit: (formData: FormData) => void\n  hidden?: (keyof FormData)[]\n  projectName: string\n  minVersion?: number\n  versionId?: string | null\n  productId?: string | null\n}\n\nexport const UploadVersionForm: FC<UploadVersionFormProps> = ({\n  formData,\n  onChange,\n  onSubmit,\n  hidden = [],\n  projectName,\n  minVersion = 1,\n  versionId,\n  productId,\n}) => {\n  const previousProductTypeRef = useRef<string>(formData.productType)\n  const dropdownRef = useRef<DropdownRef>(null)\n  const formRef = useRef<HTMLFormElement>(null)\n  const {\n    pendingFiles,\n    setPendingFiles,\n    onCloseVersionUpload,\n    extractAndSetVersionFromFiles,\n    dispatch,\n  } = useVersionUploadContext()\n\n  const productTypeOptions = Object.entries(productTypes).map(([key, value]) => ({\n    value: key,\n    label: value.name,\n    icon: value.icon,\n  }))\n\n  useEffect(() => {\n    // Check if the current name starts with the previous product type name\n    const previousProductType = previousProductTypeRef.current\n    const previousProductTypeName = productTypes[previousProductType]?.name || ''\n    const currentProductTypeName = productTypes[formData.productType]?.name || ''\n\n    // Only sync if the product type actually changed\n    if (formData.productType !== previousProductType && previousProductTypeName) {\n      // Check if the current name starts with the previous product type name\n      if (formData.name.startsWith(previousProductTypeName)) {\n        // Extract the suffix after the previous product type name\n        const suffix = formData.name.slice(previousProductTypeName.length)\n        // Create the new name with the current product type + suffix\n        const newName = currentProductTypeName + suffix\n        onChange('name', newName)\n      }\n    }\n\n    // Update the ref to the current product type\n    previousProductTypeRef.current = formData.productType\n  }, [formData.productType, formData.name, onChange])\n\n  const handleSubmit = (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    // @ts-expect-error - submitter is not defined in the type\n    const submitter = e.nativeEvent.submitter as HTMLButtonElement | null\n    // if the submitter is a button, check it's parent does not have the dropdown class\n    if (submitter && submitter.closest('.dropdown')) {\n      // if the submitter is a button inside a dropdown, do not submit the form\n      return\n    }\n\n    onSubmit(formData)\n  }\n\n  const handleVersionChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = parseInt(e.target.value, 10)\n    if (!isNaN(value)) {\n      onChange('version', value)\n    }\n  }\n\n  const handleNameChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    onChange('name', e.target.value)\n  }\n\n  const handleProductTypeChange = (value: string[]) => {\n    if (value.length > 0) {\n      onChange('productType', value[0])\n      //   focus the name input after changing product type\n    }\n  }\n\n  const handleApplyPrefix = () => {\n    const currentProductTypeName = productTypes[formData.productType]?.name || ''\n    const currentName = formData.name || ''\n\n    // Capitalize the first letter of the existing name for camelCase\n    const capitalizedName = currentName.charAt(0).toUpperCase() + currentName.slice(1)\n    const newName = currentProductTypeName + capitalizedName\n    onChange('name', newName)\n  }\n\n  const shouldShowRecommendation = () => {\n    const currentProductTypeName = productTypes[formData.productType]?.name || ''\n    return formData.name && !formData.name.startsWith(currentProductTypeName)\n  }\n\n  // Disable form fields if version has been created\n  const isFormSubmitted = Boolean(versionId)\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLFormElement>) => {\n    // Submit form on Cmd/Ctrl + Enter\n    if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) {\n      e.preventDefault()\n      onSubmit(formData)\n      return\n    }\n  }\n\n  return (\n    <StyledForm\n      id=\"upload-version-form\"\n      ref={formRef}\n      onSubmit={handleSubmit}\n      noValidate\n      onKeyDown={handleKeyDown}\n    >\n      <StyledFormLayout>\n        {!hidden.includes('productType') && (\n          <FormRow label=\"Product Type\">\n            <Dropdown\n              ref={dropdownRef}\n              options={productTypeOptions}\n              value={[formData.productType]}\n              onChange={handleProductTypeChange}\n              widthExpand\n              multiSelect={false}\n              aria-label=\"Product Type\"\n              search\n              disabled={isFormSubmitted}\n            />\n          </FormRow>\n        )}\n\n        {!hidden.includes('name') && (\n          <FormRow label=\"Product Name\">\n            <div>\n              <InputText\n                value={formData.name}\n                onChange={handleNameChange}\n                placeholder=\"Enter product name\"\n                minLength={1}\n                autoFocus\n                aria-label=\"Product Name\"\n                aria-describedby={shouldShowRecommendation() ? 'name-recommendation' : undefined}\n                disabled={isFormSubmitted}\n              />\n              {shouldShowRecommendation() && (\n                <RecommendationNote id=\"name-recommendation\">\n                  We recommend prefixing with \"{productTypes[formData.productType]?.name}\".{' '}\n                  <InlineButton type=\"button\" onClick={handleApplyPrefix}>\n                    Apply prefix\n                  </InlineButton>\n                </RecommendationNote>\n              )}\n            </div>\n          </FormRow>\n        )}\n\n        {!hidden.includes('version') && (\n          <FormRow label=\"Version\">\n            <InputNumber\n              value={formData.version}\n              onChange={handleVersionChange}\n              min={minVersion}\n              step={1}\n              aria-label=\"Version Number\"\n              autoFocus={hidden.includes('name')}\n              disabled={isFormSubmitted}\n            />\n          </FormRow>\n        )}\n      </StyledFormLayout>\n\n      <FormRow label=\"Reviewable files\" />\n      <StyledUpload>\n        <ReviewableUpload\n          projectName={projectName}\n          versionId={versionId}\n          productId={productId}\n          dispatch={dispatch}\n          pendingFiles={pendingFiles}\n          setPendingFiles={setPendingFiles}\n          onUpload={onCloseVersionUpload}\n          onFilesAdded={extractAndSetVersionFromFiles}\n          pt={{\n            upload: {\n              style: { minHeight: 80 },\n            },\n            dropzone: {\n              style: { inset: 0 },\n            },\n          }}\n        />\n      </StyledUpload>\n    </StyledForm>\n  )\n}\n"],"names":["FormLayout","useRef","useVersionUploadContext","useEffect","_a","jsxs","jsx","FormRow","Dropdown","InputText","InputNumber","ReviewableUpload"],"mappings":"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"}
+{"version":3,"file":"UploadVersionForm.cjs.js","sources":["../../../../../../src/components/VersionUploader/components/UploadVersionForm.tsx"],"sourcesContent":["import { FC, FormEvent, useEffect, useRef } from 'react'\nimport styled from 'styled-components'\nimport { FormLayout, FormRow, InputText, InputNumber, Dropdown } from '@ynput/ayon-react-components'\nimport { productTypes } from '@shared/util'\nimport type { DropdownRef } from '@ynput/ayon-react-components'\nimport { ReviewableUpload } from '@shared/components'\nimport { useVersionUploadContext } from '../context/VersionUploadContext'\n\nconst StyledForm = styled.form`\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-large);\n  padding: var(--padding-m);\n  width: 100%;\n`\n\nconst StyledFormLayout = styled(FormLayout)`\n  width: 100%;\n  margin: auto;\n\n  & > div {\n    align-items: start;\n  }\n\n  input {\n    width: 100%;\n  }\n`\n\nconst RecommendationNote = styled.div`\n  font-size: var(--font-size-xs);\n  color: var(--md-sys-color-outline);\n  margin-top: var(--base-gap-small);\n  line-height: 1.3;\n`\n\nconst InlineButton = styled.button`\n  background: none;\n  border: none;\n  color: var(--md-sys-color-primary);\n  text-decoration: underline;\n  cursor: pointer;\n  padding: 0;\n  font-size: inherit;\n  font-family: inherit;\n\n  &:hover {\n    color: var(--md-sys-color-primary-dark);\n  }\n`\n\nconst StyledUpload = styled.div`\n  position: relative;\n  min-height: 80px;\n`\n\ntype FormData = {\n  version: number\n  name: string\n  productType: string\n}\n\ninterface UploadVersionFormProps {\n  formData: FormData\n  onChange: (key: keyof FormData, value: string | number) => void\n  onSubmit: (formData: FormData) => void\n  hidden?: (keyof FormData)[]\n  projectName: string\n  minVersion?: number\n  versionId?: string | null\n  productId?: string | null\n}\n\nexport const UploadVersionForm: FC<UploadVersionFormProps> = ({\n  formData,\n  onChange,\n  onSubmit,\n  hidden = [],\n  projectName,\n  minVersion = 1,\n  versionId,\n  productId,\n}) => {\n  const previousProductTypeRef = useRef<string>(formData.productType)\n  const dropdownRef = useRef<DropdownRef>(null)\n  const formRef = useRef<HTMLFormElement>(null)\n  const {\n    pendingFiles,\n    setPendingFiles,\n    onCloseVersionUpload,\n    extractAndSetVersionFromFiles,\n    dispatch,\n  } = useVersionUploadContext()\n\n  const productTypeOptions = Object.entries(productTypes).map(([key, value]) => ({\n    value: key,\n    label: value.name,\n    icon: value.icon,\n  }))\n\n  useEffect(() => {\n    // Check if the current name starts with the previous product type name\n    const previousProductType = previousProductTypeRef.current\n    const previousProductTypeName = productTypes[previousProductType]?.name || ''\n    const currentProductTypeName = productTypes[formData.productType]?.name || ''\n\n    // Only sync if the product type actually changed\n    if (formData.productType !== previousProductType && previousProductTypeName) {\n      // Check if the current name starts with the previous product type name\n      if (formData.name.startsWith(previousProductTypeName)) {\n        // Extract the suffix after the previous product type name\n        const suffix = formData.name.slice(previousProductTypeName.length)\n        // Create the new name with the current product type + suffix\n        const newName = currentProductTypeName + suffix\n        onChange('name', newName)\n      }\n    }\n\n    // Update the ref to the current product type\n    previousProductTypeRef.current = formData.productType\n  }, [formData.productType, formData.name, onChange])\n\n  const handleSubmit = (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    // @ts-expect-error - submitter is not defined in the type\n    const submitter = e.nativeEvent.submitter as HTMLButtonElement | null\n    // if the submitter is a button, check it's parent does not have the dropdown class\n    if (submitter && submitter.closest('.dropdown')) {\n      // if the submitter is a button inside a dropdown, do not submit the form\n      return\n    }\n\n    onSubmit(formData)\n  }\n\n  const handleVersionChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = parseInt(e.target.value, 10)\n    if (!isNaN(value)) {\n      onChange('version', value)\n    }\n  }\n\n  const handleNameChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    onChange('name', e.target.value)\n  }\n\n  const handleProductTypeChange = (value: string[]) => {\n    if (value.length > 0) {\n      onChange('productType', value[0])\n      //   focus the name input after changing product type\n    }\n  }\n\n  const handleApplyPrefix = () => {\n    const currentProductTypeName = productTypes[formData.productType]?.name || ''\n    const currentName = formData.name || ''\n\n    // Capitalize the first letter of the existing name for camelCase\n    const capitalizedName = currentName.charAt(0).toUpperCase() + currentName.slice(1)\n    const newName = currentProductTypeName + capitalizedName\n    onChange('name', newName)\n  }\n\n  const shouldShowRecommendation = () => {\n    const currentProductTypeName = productTypes[formData.productType]?.name || ''\n    return formData.name && !formData.name.startsWith(currentProductTypeName)\n  }\n\n  // Disable form fields if version has been created\n  const isFormSubmitted = Boolean(versionId)\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLFormElement>) => {\n    // Submit form on Cmd/Ctrl + Enter\n    if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) {\n      e.preventDefault()\n      onSubmit(formData)\n      return\n    }\n  }\n\n  return (\n    <StyledForm\n      id=\"upload-version-form\"\n      ref={formRef}\n      onSubmit={handleSubmit}\n      noValidate\n      onKeyDown={handleKeyDown}\n    >\n      <StyledFormLayout>\n        {!hidden.includes('productType') && (\n          <FormRow label=\"Product Type\">\n            <Dropdown\n              ref={dropdownRef}\n              options={productTypeOptions}\n              value={[formData.productType]}\n              onChange={handleProductTypeChange}\n              widthExpand\n              multiSelect={false}\n              aria-label=\"Product Type\"\n              search\n              disabled={isFormSubmitted}\n            />\n          </FormRow>\n        )}\n\n        {!hidden.includes('name') && (\n          <FormRow label=\"Product Name\">\n            <div>\n              <InputText\n                value={formData.name}\n                onChange={handleNameChange}\n                placeholder=\"Enter product name\"\n                minLength={1}\n                autoFocus\n                aria-label=\"Product Name\"\n                aria-describedby={shouldShowRecommendation() ? 'name-recommendation' : undefined}\n                disabled={isFormSubmitted}\n              />\n              {shouldShowRecommendation() && (\n                <RecommendationNote id=\"name-recommendation\">\n                  We recommend prefixing with \"{productTypes[formData.productType]?.name}\".{' '}\n                  <InlineButton type=\"button\" onClick={handleApplyPrefix}>\n                    Apply prefix\n                  </InlineButton>\n                </RecommendationNote>\n              )}\n            </div>\n          </FormRow>\n        )}\n\n        {!hidden.includes('version') && (\n          <FormRow label=\"Version\">\n            <InputNumber\n              value={formData.version}\n              onChange={handleVersionChange}\n              min={minVersion}\n              step={1}\n              aria-label=\"Version Number\"\n              autoFocus={hidden.includes('name')}\n              disabled={isFormSubmitted}\n            />\n          </FormRow>\n        )}\n      </StyledFormLayout>\n\n      <FormRow label=\"Reviewable files\" />\n      <StyledUpload>\n        <ReviewableUpload\n          projectName={projectName}\n          versionId={versionId}\n          productId={productId}\n          dispatch={dispatch}\n          pendingFiles={pendingFiles}\n          setPendingFiles={setPendingFiles}\n          onUpload={onCloseVersionUpload}\n          onFilesAdded={extractAndSetVersionFromFiles}\n          pt={{\n            upload: {\n              style: { minHeight: 80 },\n            },\n            dropzone: {\n              style: { inset: 0 },\n            },\n          }}\n        />\n      </StyledUpload>\n    </StyledForm>\n  )\n}\n"],"names":["FormLayout","useRef","useVersionUploadContext","useEffect","_a","jsxs","jsx","FormRow","Dropdown","InputText","InputNumber","ReviewableUpload"],"mappings":"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"}