@ynput/ayon-frontend-shared 0.2.6 → 0.2.9

package/dist/shared/src/containers/ProjectTreeTable/utils/clientFilterToQueryFilter.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"clientFilterToQueryFilter.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/utils/clientFilterToQueryFilter.ts"],"sourcesContent":["import { FILTER_SEPARATOR, getFilterFromId } from '@ynput/ayon-react-components'\nimport { QueryCondition, QueryFilter } from '../types/operations'\n\n// New type that cherry picks only the needed fields from Filter\nexport type FilterForQuery = {\n  id: string\n  values?: { id: string; values?: { id: string }[] }[]\n  type?: string\n  singleSelect?: boolean\n  inverted?: boolean\n  operator?: string\n}\n\nconst NO_DATE = 'no_date'\nexport const clientFilterToQueryFilter = (filters: FilterForQuery[]): QueryFilter => {\n  // If there are no filters, return an empty filter\n  if (!filters || filters.length === 0) {\n    return {}\n  }\n\n  // Process each filter as its own condition\n  const conditions: (QueryCondition | QueryFilter)[] = filters\n    .filter((f) => !!f.values?.length)\n    .filter((f) => !f.id.includes('text')) // remove text search filters as they are handled separately\n    .filter((f) => f.id !== 'hierarchy') // remove hierarchy filter as it is handled separately\n    .flatMap((filter) => convertFilterToCondition(filter))\n\n  // Return the QueryFilter with all conditions combined with AND\n  return {\n    conditions,\n    operator: 'and',\n  }\n}\n\n// Helper function to convert a single Filter to a QueryCondition\nconst convertFilterToCondition = (filter: FilterForQuery): QueryCondition => {\n  // Extract key from filter ID (split by underscore if needed)\n  const key = getFilterFromId(filter.id)\n\n  // Handle values based on filter type\n  let value: QueryCondition['value']\n\n  // there is any value\n  const hasSomeValue =\n    Array.isArray(filter.values) && filter.values.map((v) => v.id)?.includes('hasValue')\n  const hasNoValue =\n    Array.isArray(filter.values) && filter.values.map((v) => v.id)?.includes('noValue')\n\n  if (filter.values && filter.values.length > 0) {\n    if (filter.singleSelect) {\n      // @ts-expect-error\n      value = convertValueByType(filter.values[0].id, filter.type)\n    } else {\n      // @ts-expect-error\n      value = filter.values.map((v) => convertValueByType(v.id, filter.type))\n    }\n  }\n\n  // Determine if this is likely a list field based on filter type\n  const isListField =\n    filter.type?.startsWith('list_of_') || key.includes('tags') || key.includes('assignees')\n  const isDateField = filter.type === 'datetime'\n  const isBooleanField = filter.type === 'boolean'\n\n  // Determine the appropriate operator based on filter properties and type\n  let operator: QueryCondition['operator'] = 'eq'\n\n  // Handling NULL values\n  if (value === undefined) {\n    operator = filter.inverted ? 'notnull' : 'isnull'\n    return { key, operator }\n  }\n\n  // Handle different filter types\n  if (hasSomeValue) {\n    // we set the value to the empty state and then say it should not be that\n    value = isListField ? [] : undefined\n    operator = isListField\n      ? filter.inverted\n        ? 'eq'\n        : 'ne'\n      : filter.inverted\n      ? 'isnull'\n      : 'notnull'\n  } else if (hasNoValue) {\n    // we set the value to the empty state and then say it should be that\n    value = isListField ? [] : undefined\n    operator = isListField\n      ? filter.inverted\n        ? 'ne'\n        : 'eq'\n      : filter.inverted\n      ? 'notnull'\n      : 'isnull'\n  } else if (isListField) {\n    if (filter.inverted) {\n      operator = filter.operator === 'AND' ? 'excludesall' : 'excludesany'\n    } else {\n      operator = filter.operator === 'AND' ? 'includesall' : 'includesany'\n    }\n  } else if (isDateField) {\n    // For date filters, we need to return a complete query filter with conditions\n    if (filter.values && filter.values.length > 0) {\n      // Create a flat list of all date conditions from all filter values\n      const dateConditions: QueryCondition[] = filter.values.flatMap(\n        (filterValue: FilterForQuery) => {\n          const conditions: QueryCondition[] = []\n          const dateValues = filterValue.values\n\n          // First value is greater than (start date)\n          if (dateValues?.[0] !== undefined && dateValues?.[0].id !== NO_DATE) {\n            conditions.push({\n              key,\n              operator: filter.inverted ? 'lte' : 'gte',\n              value: dateValues[0].id,\n            })\n          }\n\n          // Second value is less than (end date)\n          if (dateValues?.[1] !== undefined && dateValues?.[1].id !== NO_DATE) {\n            conditions.push({\n              key,\n              operator: filter.inverted ? 'gte' : 'lte',\n              value: dateValues[1].id,\n            })\n          }\n\n          return conditions\n        },\n      )\n\n      // If we have date conditions, return them as a nested filter instead of continuing\n      if (dateConditions.length > 0) {\n        // @ts-expect-error\n        return {\n          conditions: dateConditions,\n          operator: filter.inverted ? 'or' : 'and',\n        } as QueryFilter\n      }\n    }\n\n    // If no date conditions were created, fall back to a basic equality check\n    operator = filter.inverted ? 'ne' : 'eq'\n  } else if (isBooleanField) {\n    operator = filter.inverted ? 'ne' : 'eq'\n  } else {\n    // DEFAULT for other scalar fields\n    operator = filter.inverted ? 'notin' : 'in'\n  }\n\n  return { key, value, operator }\n}\n\n// Helper function to convert values based on the filter type\nconst convertValueByType = (value: string, type?: string): string | number | boolean => {\n  if (!type) return value\n\n  switch (type) {\n    case 'integer':\n      return parseInt(value, 10)\n    case 'float':\n      return parseFloat(value)\n    case 'boolean':\n      return value.toLowerCase() === 'true'\n    default:\n      return value\n  }\n}\n\nexport default clientFilterToQueryFilter\n"],"names":["getFilterFromId"],"mappings":"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"}
+{"version":3,"file":"clientFilterToQueryFilter.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/utils/clientFilterToQueryFilter.ts"],"sourcesContent":["import { FILTER_SEPARATOR, getFilterFromId } from '@ynput/ayon-react-components'\nimport { QueryCondition, QueryFilter } from '../types/operations'\nconst NO_DATE = 'no-date'\n\n// New type that cherry picks only the needed fields from Filter\nexport type FilterForQuery = {\n  id: string\n  values?: { id: string; values?: { id: string }[] }[]\n  type?: string\n  singleSelect?: boolean\n  inverted?: boolean\n  operator?: string\n}\n\nexport const clientFilterToQueryFilter = (filters: FilterForQuery[]): QueryFilter => {\n  // If there are no filters, return an empty filter\n  if (!filters || filters.length === 0) {\n    return {}\n  }\n\n  // Process each filter as its own condition\n  const conditions: (QueryCondition | QueryFilter)[] = filters\n    .filter((f) => !!f.values?.length)\n    .filter((f) => !f.id.includes('text')) // remove text search filters as they are handled separately\n    .filter((f) => f.id !== 'hierarchy') // remove hierarchy filter as it is handled separately\n    .flatMap((filter) => convertFilterToCondition(filter))\n\n  // Return the QueryFilter with all conditions combined with AND\n  return {\n    conditions,\n    operator: 'and',\n  }\n}\n\n// Helper function to convert a single Filter to a QueryCondition\nconst convertFilterToCondition = (filter: FilterForQuery): QueryCondition => {\n  // Extract key from filter ID (split by underscore if needed)\n  const key = getFilterFromId(filter.id)\n\n  // Handle values based on filter type\n  let value: QueryCondition['value']\n\n  // there is any value\n  const hasSomeValue =\n    Array.isArray(filter.values) && filter.values.map((v) => v.id)?.includes('hasValue')\n  const hasNoValue =\n    Array.isArray(filter.values) && filter.values.map((v) => v.id)?.includes('noValue')\n\n  if (filter.values && filter.values.length > 0) {\n    if (filter.singleSelect) {\n      // @ts-expect-error\n      value = convertValueByType(filter.values[0].id, filter.type)\n    } else {\n      // @ts-expect-error\n      value = filter.values.map((v) => convertValueByType(v.id, filter.type))\n    }\n  }\n\n  // Determine if this is likely a list field based on filter type\n  const isListField =\n    filter.type?.startsWith('list_of_') || key.includes('tags') || key.includes('assignees')\n  const isDateField = filter.type === 'datetime'\n  const isBooleanField = filter.type === 'boolean'\n\n  // Determine the appropriate operator based on filter properties and type\n  let operator: QueryCondition['operator'] = 'eq'\n\n  // Handling NULL values\n  if (value === undefined) {\n    operator = filter.inverted ? 'notnull' : 'isnull'\n    return { key, operator }\n  }\n\n  // Handle different filter types\n  if (hasSomeValue) {\n    // we set the value to the empty state and then say it should not be that\n    value = isListField ? [] : undefined\n    operator = isListField\n      ? filter.inverted\n        ? 'eq'\n        : 'ne'\n      : filter.inverted\n      ? 'isnull'\n      : 'notnull'\n  } else if (hasNoValue) {\n    // we set the value to the empty state and then say it should be that\n    value = isListField ? [] : undefined\n    operator = isListField\n      ? filter.inverted\n        ? 'ne'\n        : 'eq'\n      : filter.inverted\n      ? 'notnull'\n      : 'isnull'\n  } else if (isListField) {\n    if (filter.inverted) {\n      operator = filter.operator === 'AND' ? 'excludesall' : 'excludesany'\n    } else {\n      operator = filter.operator === 'AND' ? 'includesall' : 'includesany'\n    }\n  } else if (isDateField) {\n    // For date filters, we need to return a complete query filter with conditions\n    if (filter.values && filter.values.length > 0) {\n      // Create a flat list of all date conditions from all filter values\n      const dateConditions: QueryCondition[] = filter.values.flatMap(\n        (filterValue: FilterForQuery) => {\n          const conditions: QueryCondition[] = []\n          const dateValues = filterValue.values\n\n          // First value is greater than (start date)\n          if (dateValues?.[0] !== undefined && dateValues?.[0].id !== NO_DATE) {\n            conditions.push({\n              key,\n              operator: filter.inverted ? 'lte' : 'gte',\n              value: dateValues[0].id,\n            })\n          }\n\n          // Second value is less than (end date)\n          if (dateValues?.[1] !== undefined && dateValues?.[1].id !== NO_DATE) {\n            conditions.push({\n              key,\n              operator: filter.inverted ? 'gte' : 'lte',\n              value: dateValues[1].id,\n            })\n          }\n\n          return conditions\n        },\n      )\n\n      // If we have date conditions, return them as a nested filter instead of continuing\n      if (dateConditions.length > 0) {\n        // @ts-expect-error\n        return {\n          conditions: dateConditions,\n          operator: filter.inverted ? 'or' : 'and',\n        } as QueryFilter\n      }\n    }\n\n    // If no date conditions were created, fall back to a basic equality check\n    operator = filter.inverted ? 'ne' : 'eq'\n  } else if (isBooleanField) {\n    operator = filter.inverted ? 'ne' : 'eq'\n  } else {\n    // DEFAULT for other scalar fields\n    operator = filter.inverted ? 'notin' : 'in'\n  }\n\n  return { key, value, operator }\n}\n\n// Helper function to convert values based on the filter type\nconst convertValueByType = (value: string, type?: string): string | number | boolean => {\n  if (!type) return value\n\n  switch (type) {\n    case 'integer':\n      return parseInt(value, 10)\n    case 'float':\n      return parseFloat(value)\n    case 'boolean':\n      return value.toLowerCase() === 'true'\n    default:\n      return value\n  }\n}\n\nexport default clientFilterToQueryFilter\n"],"names":["getFilterFromId"],"mappings":"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"}

package/dist/shared/src/containers/ProjectTreeTable/utils/clientFilterToQueryFilter.es.js

@@ -1,5 +1,5 @@
 import { getFilterFromId } from "@ynput/ayon-react-components";
-const NO_DATE = "no_date";
+const NO_DATE = "no-date";
 const clientFilterToQueryFilter = (filters) => {
   if (!filters || filters.length === 0) {
     return {};

package/dist/shared/src/containers/ProjectTreeTable/utils/clientFilterToQueryFilter.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"clientFilterToQueryFilter.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/utils/clientFilterToQueryFilter.ts"],"sourcesContent":["import { FILTER_SEPARATOR, getFilterFromId } from '@ynput/ayon-react-components'\nimport { QueryCondition, QueryFilter } from '../types/operations'\n\n// New type that cherry picks only the needed fields from Filter\nexport type FilterForQuery = {\n  id: string\n  values?: { id: string; values?: { id: string }[] }[]\n  type?: string\n  singleSelect?: boolean\n  inverted?: boolean\n  operator?: string\n}\n\nconst NO_DATE = 'no_date'\nexport const clientFilterToQueryFilter = (filters: FilterForQuery[]): QueryFilter => {\n  // If there are no filters, return an empty filter\n  if (!filters || filters.length === 0) {\n    return {}\n  }\n\n  // Process each filter as its own condition\n  const conditions: (QueryCondition | QueryFilter)[] = filters\n    .filter((f) => !!f.values?.length)\n    .filter((f) => !f.id.includes('text')) // remove text search filters as they are handled separately\n    .filter((f) => f.id !== 'hierarchy') // remove hierarchy filter as it is handled separately\n    .flatMap((filter) => convertFilterToCondition(filter))\n\n  // Return the QueryFilter with all conditions combined with AND\n  return {\n    conditions,\n    operator: 'and',\n  }\n}\n\n// Helper function to convert a single Filter to a QueryCondition\nconst convertFilterToCondition = (filter: FilterForQuery): QueryCondition => {\n  // Extract key from filter ID (split by underscore if needed)\n  const key = getFilterFromId(filter.id)\n\n  // Handle values based on filter type\n  let value: QueryCondition['value']\n\n  // there is any value\n  const hasSomeValue =\n    Array.isArray(filter.values) && filter.values.map((v) => v.id)?.includes('hasValue')\n  const hasNoValue =\n    Array.isArray(filter.values) && filter.values.map((v) => v.id)?.includes('noValue')\n\n  if (filter.values && filter.values.length > 0) {\n    if (filter.singleSelect) {\n      // @ts-expect-error\n      value = convertValueByType(filter.values[0].id, filter.type)\n    } else {\n      // @ts-expect-error\n      value = filter.values.map((v) => convertValueByType(v.id, filter.type))\n    }\n  }\n\n  // Determine if this is likely a list field based on filter type\n  const isListField =\n    filter.type?.startsWith('list_of_') || key.includes('tags') || key.includes('assignees')\n  const isDateField = filter.type === 'datetime'\n  const isBooleanField = filter.type === 'boolean'\n\n  // Determine the appropriate operator based on filter properties and type\n  let operator: QueryCondition['operator'] = 'eq'\n\n  // Handling NULL values\n  if (value === undefined) {\n    operator = filter.inverted ? 'notnull' : 'isnull'\n    return { key, operator }\n  }\n\n  // Handle different filter types\n  if (hasSomeValue) {\n    // we set the value to the empty state and then say it should not be that\n    value = isListField ? [] : undefined\n    operator = isListField\n      ? filter.inverted\n        ? 'eq'\n        : 'ne'\n      : filter.inverted\n      ? 'isnull'\n      : 'notnull'\n  } else if (hasNoValue) {\n    // we set the value to the empty state and then say it should be that\n    value = isListField ? [] : undefined\n    operator = isListField\n      ? filter.inverted\n        ? 'ne'\n        : 'eq'\n      : filter.inverted\n      ? 'notnull'\n      : 'isnull'\n  } else if (isListField) {\n    if (filter.inverted) {\n      operator = filter.operator === 'AND' ? 'excludesall' : 'excludesany'\n    } else {\n      operator = filter.operator === 'AND' ? 'includesall' : 'includesany'\n    }\n  } else if (isDateField) {\n    // For date filters, we need to return a complete query filter with conditions\n    if (filter.values && filter.values.length > 0) {\n      // Create a flat list of all date conditions from all filter values\n      const dateConditions: QueryCondition[] = filter.values.flatMap(\n        (filterValue: FilterForQuery) => {\n          const conditions: QueryCondition[] = []\n          const dateValues = filterValue.values\n\n          // First value is greater than (start date)\n          if (dateValues?.[0] !== undefined && dateValues?.[0].id !== NO_DATE) {\n            conditions.push({\n              key,\n              operator: filter.inverted ? 'lte' : 'gte',\n              value: dateValues[0].id,\n            })\n          }\n\n          // Second value is less than (end date)\n          if (dateValues?.[1] !== undefined && dateValues?.[1].id !== NO_DATE) {\n            conditions.push({\n              key,\n              operator: filter.inverted ? 'gte' : 'lte',\n              value: dateValues[1].id,\n            })\n          }\n\n          return conditions\n        },\n      )\n\n      // If we have date conditions, return them as a nested filter instead of continuing\n      if (dateConditions.length > 0) {\n        // @ts-expect-error\n        return {\n          conditions: dateConditions,\n          operator: filter.inverted ? 'or' : 'and',\n        } as QueryFilter\n      }\n    }\n\n    // If no date conditions were created, fall back to a basic equality check\n    operator = filter.inverted ? 'ne' : 'eq'\n  } else if (isBooleanField) {\n    operator = filter.inverted ? 'ne' : 'eq'\n  } else {\n    // DEFAULT for other scalar fields\n    operator = filter.inverted ? 'notin' : 'in'\n  }\n\n  return { key, value, operator }\n}\n\n// Helper function to convert values based on the filter type\nconst convertValueByType = (value: string, type?: string): string | number | boolean => {\n  if (!type) return value\n\n  switch (type) {\n    case 'integer':\n      return parseInt(value, 10)\n    case 'float':\n      return parseFloat(value)\n    case 'boolean':\n      return value.toLowerCase() === 'true'\n    default:\n      return value\n  }\n}\n\nexport default clientFilterToQueryFilter\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"clientFilterToQueryFilter.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/utils/clientFilterToQueryFilter.ts"],"sourcesContent":["import { FILTER_SEPARATOR, getFilterFromId } from '@ynput/ayon-react-components'\nimport { QueryCondition, QueryFilter } from '../types/operations'\nconst NO_DATE = 'no-date'\n\n// New type that cherry picks only the needed fields from Filter\nexport type FilterForQuery = {\n  id: string\n  values?: { id: string; values?: { id: string }[] }[]\n  type?: string\n  singleSelect?: boolean\n  inverted?: boolean\n  operator?: string\n}\n\nexport const clientFilterToQueryFilter = (filters: FilterForQuery[]): QueryFilter => {\n  // If there are no filters, return an empty filter\n  if (!filters || filters.length === 0) {\n    return {}\n  }\n\n  // Process each filter as its own condition\n  const conditions: (QueryCondition | QueryFilter)[] = filters\n    .filter((f) => !!f.values?.length)\n    .filter((f) => !f.id.includes('text')) // remove text search filters as they are handled separately\n    .filter((f) => f.id !== 'hierarchy') // remove hierarchy filter as it is handled separately\n    .flatMap((filter) => convertFilterToCondition(filter))\n\n  // Return the QueryFilter with all conditions combined with AND\n  return {\n    conditions,\n    operator: 'and',\n  }\n}\n\n// Helper function to convert a single Filter to a QueryCondition\nconst convertFilterToCondition = (filter: FilterForQuery): QueryCondition => {\n  // Extract key from filter ID (split by underscore if needed)\n  const key = getFilterFromId(filter.id)\n\n  // Handle values based on filter type\n  let value: QueryCondition['value']\n\n  // there is any value\n  const hasSomeValue =\n    Array.isArray(filter.values) && filter.values.map((v) => v.id)?.includes('hasValue')\n  const hasNoValue =\n    Array.isArray(filter.values) && filter.values.map((v) => v.id)?.includes('noValue')\n\n  if (filter.values && filter.values.length > 0) {\n    if (filter.singleSelect) {\n      // @ts-expect-error\n      value = convertValueByType(filter.values[0].id, filter.type)\n    } else {\n      // @ts-expect-error\n      value = filter.values.map((v) => convertValueByType(v.id, filter.type))\n    }\n  }\n\n  // Determine if this is likely a list field based on filter type\n  const isListField =\n    filter.type?.startsWith('list_of_') || key.includes('tags') || key.includes('assignees')\n  const isDateField = filter.type === 'datetime'\n  const isBooleanField = filter.type === 'boolean'\n\n  // Determine the appropriate operator based on filter properties and type\n  let operator: QueryCondition['operator'] = 'eq'\n\n  // Handling NULL values\n  if (value === undefined) {\n    operator = filter.inverted ? 'notnull' : 'isnull'\n    return { key, operator }\n  }\n\n  // Handle different filter types\n  if (hasSomeValue) {\n    // we set the value to the empty state and then say it should not be that\n    value = isListField ? [] : undefined\n    operator = isListField\n      ? filter.inverted\n        ? 'eq'\n        : 'ne'\n      : filter.inverted\n      ? 'isnull'\n      : 'notnull'\n  } else if (hasNoValue) {\n    // we set the value to the empty state and then say it should be that\n    value = isListField ? [] : undefined\n    operator = isListField\n      ? filter.inverted\n        ? 'ne'\n        : 'eq'\n      : filter.inverted\n      ? 'notnull'\n      : 'isnull'\n  } else if (isListField) {\n    if (filter.inverted) {\n      operator = filter.operator === 'AND' ? 'excludesall' : 'excludesany'\n    } else {\n      operator = filter.operator === 'AND' ? 'includesall' : 'includesany'\n    }\n  } else if (isDateField) {\n    // For date filters, we need to return a complete query filter with conditions\n    if (filter.values && filter.values.length > 0) {\n      // Create a flat list of all date conditions from all filter values\n      const dateConditions: QueryCondition[] = filter.values.flatMap(\n        (filterValue: FilterForQuery) => {\n          const conditions: QueryCondition[] = []\n          const dateValues = filterValue.values\n\n          // First value is greater than (start date)\n          if (dateValues?.[0] !== undefined && dateValues?.[0].id !== NO_DATE) {\n            conditions.push({\n              key,\n              operator: filter.inverted ? 'lte' : 'gte',\n              value: dateValues[0].id,\n            })\n          }\n\n          // Second value is less than (end date)\n          if (dateValues?.[1] !== undefined && dateValues?.[1].id !== NO_DATE) {\n            conditions.push({\n              key,\n              operator: filter.inverted ? 'gte' : 'lte',\n              value: dateValues[1].id,\n            })\n          }\n\n          return conditions\n        },\n      )\n\n      // If we have date conditions, return them as a nested filter instead of continuing\n      if (dateConditions.length > 0) {\n        // @ts-expect-error\n        return {\n          conditions: dateConditions,\n          operator: filter.inverted ? 'or' : 'and',\n        } as QueryFilter\n      }\n    }\n\n    // If no date conditions were created, fall back to a basic equality check\n    operator = filter.inverted ? 'ne' : 'eq'\n  } else if (isBooleanField) {\n    operator = filter.inverted ? 'ne' : 'eq'\n  } else {\n    // DEFAULT for other scalar fields\n    operator = filter.inverted ? 'notin' : 'in'\n  }\n\n  return { key, value, operator }\n}\n\n// Helper function to convert values based on the filter type\nconst convertValueByType = (value: string, type?: string): string | number | boolean => {\n  if (!type) return value\n\n  switch (type) {\n    case 'integer':\n      return parseInt(value, 10)\n    case 'float':\n      return parseFloat(value)\n    case 'boolean':\n      return value.toLowerCase() === 'true'\n    default:\n      return value\n  }\n}\n\nexport default clientFilterToQueryFilter\n"],"names":[],"mappings":"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"}

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

@@ -39,11 +39,12 @@ const ThumbnailWidgetWrapper = ({
   entityType,
   entityId,
   updatedAt,
-  icon
+  icon,
+  ...props
 }) => {
   const valid = projectName && entityType && entityId && updatedAt;
   const url = projectName && `/api/projects/${projectName}/${entityType}s/${entityId}/thumbnail?updatedAt=${updatedAt}`;
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Wrapper, { className: "thumbnail-widget", children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(Inner, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Wrapper, { className: "thumbnail-widget", children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(Inner, { ...props, children: [
     icon && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(StyledIcon, { icon }),
     valid && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Image, { src: url })
   ] }) }, url);

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

@@ -1 +1 @@
-{"version":3,"file":"ThumbnailWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/ThumbnailWidget.tsx"],"sourcesContent":["import { Icon } from '@ynput/ayon-react-components'\nimport { FC, memo } from 'react'\nimport styled from 'styled-components'\n\nconst Wrapper = styled.div`\n  position: absolute;\n  inset: 0;\n  padding: 4px;\n`\n\nconst Inner = styled.div`\n  position: relative;\n  max-height: 100%;\n  height: auto;\n  width: 100%;\n  aspect-ratio: 1.77;\n\n  background-color: var(--md-sys-color-surface-container-lowest);\n  border-radius: 2px;\n  overflow: hidden;\n`\n\nconst Image = styled.img`\n  position: relative;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  z-index: 20;\n`\n\nconst StyledIcon = styled(Icon)`\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  z-index: 10;\n`\n\ninterface ThumbnailWidgetProps {\n  projectName: string\n  entityType: string\n  entityId: string\n  updatedAt?: string\n  icon?: string | null\n}\n\nconst ThumbnailWidgetWrapper: FC<ThumbnailWidgetProps> = ({\n  projectName,\n  entityType,\n  entityId,\n  updatedAt,\n  icon,\n}) => {\n  const valid = projectName && entityType && entityId && updatedAt\n  const url =\n    projectName &&\n    `/api/projects/${projectName}/${entityType}s/${entityId}/thumbnail?updatedAt=${updatedAt}`\n\n  return (\n    <Wrapper className=\"thumbnail-widget\" key={url}>\n      <Inner>\n        {icon && <StyledIcon icon={icon} />}\n        {valid && <Image src={url} />}\n      </Inner>\n    </Wrapper>\n  )\n}\n\nexport const ThumbnailWidget = memo(ThumbnailWidgetWrapper)\n"],"names":["Icon","jsx","memo"],"mappings":";;;;;;AAIA,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA;AAMvB,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYrB,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQrB,MAAM,aAAa,OAAOA,wBAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgB9B,MAAM,yBAAmD,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA,QAAQ,eAAe,cAAc,YAAY;AACjD,QAAA,MACJ,eACA,iBAAiB,WAAW,IAAI,UAAU,KAAK,QAAQ,wBAAwB,SAAS;AAE1F,SACGC,2BAAA,kBAAA,IAAA,SAAA,EAAQ,WAAU,oBACjB,4DAAC,OACE,EAAA,UAAA;AAAA,IAAQ,QAAAA,2BAAA,kBAAA,IAAC,cAAW,KAAY,CAAA;AAAA,IAChC,SAASA,2BAAAA,kBAAAA,IAAC,OAAM,EAAA,KAAK,IAAK,CAAA;AAAA,EAAA,EAC7B,CAAA,KAJyC,GAK3C;AAEJ;AAEa,MAAA,kBAAkBC,WAAK,sBAAsB;;"}
+{"version":3,"file":"ThumbnailWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/ThumbnailWidget.tsx"],"sourcesContent":["import { Icon } from '@ynput/ayon-react-components'\nimport { FC, memo } from 'react'\nimport styled from 'styled-components'\n\nconst Wrapper = styled.div`\n  position: absolute;\n  inset: 0;\n  padding: 4px;\n`\n\nconst Inner = styled.div`\n  position: relative;\n  max-height: 100%;\n  height: auto;\n  width: 100%;\n  aspect-ratio: 1.77;\n\n  background-color: var(--md-sys-color-surface-container-lowest);\n  border-radius: 2px;\n  overflow: hidden;\n`\n\nconst Image = styled.img`\n  position: relative;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  z-index: 20;\n`\n\nconst StyledIcon = styled(Icon)`\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  z-index: 10;\n`\n\ninterface ThumbnailWidgetProps extends React.HTMLAttributes<HTMLDivElement> {\n  projectName: string\n  entityType: string\n  entityId: string\n  updatedAt?: string\n  icon?: string | null\n}\n\nconst ThumbnailWidgetWrapper: FC<ThumbnailWidgetProps> = ({\n  projectName,\n  entityType,\n  entityId,\n  updatedAt,\n  icon,\n  ...props\n}) => {\n  const valid = projectName && entityType && entityId && updatedAt\n  const url =\n    projectName &&\n    `/api/projects/${projectName}/${entityType}s/${entityId}/thumbnail?updatedAt=${updatedAt}`\n\n  return (\n    <Wrapper className=\"thumbnail-widget\" key={url}>\n      <Inner {...props}>\n        {icon && <StyledIcon icon={icon} />}\n        {valid && <Image src={url} />}\n      </Inner>\n    </Wrapper>\n  )\n}\n\nexport const ThumbnailWidget = memo(ThumbnailWidgetWrapper)\n"],"names":["Icon","jsxs","jsx","memo"],"mappings":";;;;;;AAIA,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA;AAMvB,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYrB,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQrB,MAAM,aAAa,OAAOA,wBAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgB9B,MAAM,yBAAmD,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,QAAQ,eAAe,cAAc,YAAY;AACjD,QAAA,MACJ,eACA,iBAAiB,WAAW,IAAI,UAAU,KAAK,QAAQ,wBAAwB,SAAS;AAE1F,0DACG,SAAQ,EAAA,WAAU,oBACjB,UAACC,2BAAAA,kBAAAA,KAAA,OAAA,EAAO,GAAG,OACR,UAAA;AAAA,IAAQ,QAAAC,2BAAA,kBAAA,IAAC,cAAW,KAAY,CAAA;AAAA,IAChC,SAASA,2BAAAA,kBAAAA,IAAC,OAAM,EAAA,KAAK,IAAK,CAAA;AAAA,EAAA,EAC7B,CAAA,KAJyC,GAK3C;AAEJ;AAEa,MAAA,kBAAkBC,WAAK,sBAAsB;;"}

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

@@ -37,11 +37,12 @@ const ThumbnailWidgetWrapper = ({
   entityType,
   entityId,
   updatedAt,
-  icon
+  icon,
+  ...props
 }) => {
   const valid = projectName && entityType && entityId && updatedAt;
   const url = projectName && `/api/projects/${projectName}/${entityType}s/${entityId}/thumbnail?updatedAt=${updatedAt}`;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Wrapper, { className: "thumbnail-widget", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Inner, { children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Wrapper, { className: "thumbnail-widget", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Inner, { ...props, children: [
     icon && /* @__PURE__ */ jsxRuntimeExports.jsx(StyledIcon, { icon }),
     valid && /* @__PURE__ */ jsxRuntimeExports.jsx(Image, { src: url })
   ] }) }, url);

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

@@ -1 +1 @@
-{"version":3,"file":"ThumbnailWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/ThumbnailWidget.tsx"],"sourcesContent":["import { Icon } from '@ynput/ayon-react-components'\nimport { FC, memo } from 'react'\nimport styled from 'styled-components'\n\nconst Wrapper = styled.div`\n  position: absolute;\n  inset: 0;\n  padding: 4px;\n`\n\nconst Inner = styled.div`\n  position: relative;\n  max-height: 100%;\n  height: auto;\n  width: 100%;\n  aspect-ratio: 1.77;\n\n  background-color: var(--md-sys-color-surface-container-lowest);\n  border-radius: 2px;\n  overflow: hidden;\n`\n\nconst Image = styled.img`\n  position: relative;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  z-index: 20;\n`\n\nconst StyledIcon = styled(Icon)`\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  z-index: 10;\n`\n\ninterface ThumbnailWidgetProps {\n  projectName: string\n  entityType: string\n  entityId: string\n  updatedAt?: string\n  icon?: string | null\n}\n\nconst ThumbnailWidgetWrapper: FC<ThumbnailWidgetProps> = ({\n  projectName,\n  entityType,\n  entityId,\n  updatedAt,\n  icon,\n}) => {\n  const valid = projectName && entityType && entityId && updatedAt\n  const url =\n    projectName &&\n    `/api/projects/${projectName}/${entityType}s/${entityId}/thumbnail?updatedAt=${updatedAt}`\n\n  return (\n    <Wrapper className=\"thumbnail-widget\" key={url}>\n      <Inner>\n        {icon && <StyledIcon icon={icon} />}\n        {valid && <Image src={url} />}\n      </Inner>\n    </Wrapper>\n  )\n}\n\nexport const ThumbnailWidget = memo(ThumbnailWidgetWrapper)\n"],"names":["jsx"],"mappings":";;;;AAIA,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA;AAMvB,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYrB,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQrB,MAAM,aAAa,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgB9B,MAAM,yBAAmD,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA,QAAQ,eAAe,cAAc,YAAY;AACjD,QAAA,MACJ,eACA,iBAAiB,WAAW,IAAI,UAAU,KAAK,QAAQ,wBAAwB,SAAS;AAE1F,SACGA,kCAAA,IAAA,SAAA,EAAQ,WAAU,oBACjB,iDAAC,OACE,EAAA,UAAA;AAAA,IAAQ,QAAAA,kCAAA,IAAC,cAAW,KAAY,CAAA;AAAA,IAChC,SAASA,kCAAAA,IAAC,OAAM,EAAA,KAAK,IAAK,CAAA;AAAA,EAAA,EAC7B,CAAA,KAJyC,GAK3C;AAEJ;AAEa,MAAA,kBAAkB,KAAK,sBAAsB;"}
+{"version":3,"file":"ThumbnailWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/ThumbnailWidget.tsx"],"sourcesContent":["import { Icon } from '@ynput/ayon-react-components'\nimport { FC, memo } from 'react'\nimport styled from 'styled-components'\n\nconst Wrapper = styled.div`\n  position: absolute;\n  inset: 0;\n  padding: 4px;\n`\n\nconst Inner = styled.div`\n  position: relative;\n  max-height: 100%;\n  height: auto;\n  width: 100%;\n  aspect-ratio: 1.77;\n\n  background-color: var(--md-sys-color-surface-container-lowest);\n  border-radius: 2px;\n  overflow: hidden;\n`\n\nconst Image = styled.img`\n  position: relative;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  z-index: 20;\n`\n\nconst StyledIcon = styled(Icon)`\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  z-index: 10;\n`\n\ninterface ThumbnailWidgetProps extends React.HTMLAttributes<HTMLDivElement> {\n  projectName: string\n  entityType: string\n  entityId: string\n  updatedAt?: string\n  icon?: string | null\n}\n\nconst ThumbnailWidgetWrapper: FC<ThumbnailWidgetProps> = ({\n  projectName,\n  entityType,\n  entityId,\n  updatedAt,\n  icon,\n  ...props\n}) => {\n  const valid = projectName && entityType && entityId && updatedAt\n  const url =\n    projectName &&\n    `/api/projects/${projectName}/${entityType}s/${entityId}/thumbnail?updatedAt=${updatedAt}`\n\n  return (\n    <Wrapper className=\"thumbnail-widget\" key={url}>\n      <Inner {...props}>\n        {icon && <StyledIcon icon={icon} />}\n        {valid && <Image src={url} />}\n      </Inner>\n    </Wrapper>\n  )\n}\n\nexport const ThumbnailWidget = memo(ThumbnailWidgetWrapper)\n"],"names":["jsxs","jsx"],"mappings":";;;;AAIA,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA;AAMvB,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYrB,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQrB,MAAM,aAAa,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgB9B,MAAM,yBAAmD,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,QAAQ,eAAe,cAAc,YAAY;AACjD,QAAA,MACJ,eACA,iBAAiB,WAAW,IAAI,UAAU,KAAK,QAAQ,wBAAwB,SAAS;AAE1F,+CACG,SAAQ,EAAA,WAAU,oBACjB,UAACA,kCAAAA,KAAA,OAAA,EAAO,GAAG,OACR,UAAA;AAAA,IAAQ,QAAAC,kCAAA,IAAC,cAAW,KAAY,CAAA;AAAA,IAChC,SAASA,kCAAAA,IAAC,OAAM,EAAA,KAAK,IAAK,CAAA;AAAA,EAAA,EAC7B,CAAA,KAJyC,GAK3C;AAEJ;AAEa,MAAA,kBAAkB,KAAK,sBAAsB;"}

package/dist/shared/src/containers/RepresentationsList/RepresentationsList.cjs.js

@@ -81,6 +81,7 @@ require("../../api/queries/userDashboard/getUserDashboard.cjs.js");
 require("../../api/queries/users/getUsers.cjs.js");
 require("../../api/queries/users/updateUsers.cjs.js");
 require("../../api/queries/watchers/getWatchers.cjs.js");
+require("../../api/queries/permissions/getPermissions.cjs.js");
 require("@dnd-kit/core");
 require("@dnd-kit/sortable");
 require("../../components/ReviewablesList/ReviewablesList.styled.cjs.js");
@@ -93,6 +94,8 @@ require("../../context/SettingsPanelContext.cjs.js");
 require("../../context/pip/PiPProvider.cjs.js");
 require("react-dom");
 require("../../context/pip/PiPWrapper.cjs.js");
+require("../../context/AddonProjectContext.cjs.js");
+require("../../context/AddonContext.cjs.js");
 require("../../components/ReviewableCard/ReviewableCard.cjs.js");
 require("../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");
 require("../../components/FileThumbnail/FileThumbnail.cjs.js");
@@ -135,6 +138,7 @@ require("../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");
 require("../ProjectTreeTable/context/CellEditingContext.cjs.js");
 require("../ProjectTreeTable/context/ClipboardContext.cjs.js");
 require("../ProjectTreeTable/context/ProjectTableSelectionContext.cjs.js");
+require("../ProjectTreeTable/context/ProjectDataContext.cjs.js");
 require("@tanstack/react-table");
 require("../ProjectTreeTable/widgets/CollapsedWidget.cjs.js");
 require("../ProjectTreeTable/widgets/DateWidget.cjs.js");

package/dist/shared/src/containers/RepresentationsList/RepresentationsList.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"RepresentationsList.cjs.js","sources":["../../../../../src/containers/RepresentationsList/RepresentationsList.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { TablePanel } from '@ynput/ayon-react-components'\n\nimport { TreeTable } from 'primereact/treetable'\nimport { Column } from 'primereact/column'\n\nimport { groupResult } from '@shared/util'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu'\nimport { DetailsDialog } from '@shared/components'\nimport versionsToRepresentations from './versionsToRepresentations'\nimport { DetailsPanelEntityData } from '@shared/api'\n\nconst columns = [\n  {\n    field: 'name',\n    header: 'Name',\n    width: 90,\n    expander: true,\n  },\n  {\n    field: 'folderName',\n    header: 'Folder',\n    width: 130,\n  },\n  {\n    field: 'productName',\n    header: 'Product',\n    width: 130,\n  },\n  {\n    field: 'Product type',\n    header: 'productType',\n    width: 110,\n  },\n]\n\ntype Props = {\n  entities: DetailsPanelEntityData[]\n}\n\nexport const RepresentationsList = ({ entities = [] }: Props) => {\n  // merge all entities data into one array of entities\n  const representations = useMemo(() => versionsToRepresentations(entities) || [], [entities])\n\n  const [showDetail, setShowDetail] = useState<false | string>(false)\n  const showDetailProjectName = representations.find((rep) => rep.id === showDetail)?.projectName\n\n  const [selected, setSelected] = useState<string[]>([])\n\n  const data = useMemo(() => {\n    // @ts-expect-error - groupResult is not typed\n    return groupResult(representations, 'name')\n  }, [representations])\n\n  const onRepSelectionChange = (entityId: string) => {\n    // set focused state\n    setSelected([entityId])\n  }\n\n  const onRowClick = (e: any) => {\n    onRepSelectionChange(e.node.data.id)\n  }\n\n  const ctxMenuItems = (id: string) => [\n    {\n      label: 'Representation detail',\n      command: () => setShowDetail(id),\n      icon: 'database',\n    },\n  ]\n\n  const [ctxMenuShow] = useCreateContextMenu([])\n\n  const handleContextMenu = (e: any) => {\n    const id = e.node.data.id\n\n    if (id) {\n      // update focused representations\n      onRepSelectionChange(id)\n      // open context menu\n      ctxMenuShow(e.originalEvent, ctxMenuItems(id))\n    }\n  }\n\n  return (\n    <>\n      <TablePanel>\n        <TreeTable\n          scrollable\n          scrollHeight=\"100%\"\n          value={data}\n          emptyMessage=\"No representation found\"\n          selectionMode=\"single\"\n          selectionKeys={selected[0]}\n          onRowClick={onRowClick}\n          onContextMenu={handleContextMenu}\n        >\n          {columns.map((col) => {\n            return (\n              <Column\n                key={col.field}\n                field={col.field}\n                header={col.header}\n                expander={col.expander}\n                style={{ width: col.width }}\n              />\n            )\n          })}\n        </TreeTable>\n      </TablePanel>\n\n      {showDetail && (\n        <DetailsDialog\n          projectName={showDetailProjectName}\n          entityType={'representation'}\n          entityIds={[showDetail]}\n          visible={!!showDetail}\n          onHide={() => setShowDetail(false)}\n        />\n      )}\n    </>\n  )\n}\n"],"names":["useMemo","useState","groupResult","useCreateContextMenu","jsxs","Fragment","jsx","TablePanel","TreeTable","Column","DetailsDialog"],"mappings":"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"}
+{"version":3,"file":"RepresentationsList.cjs.js","sources":["../../../../../src/containers/RepresentationsList/RepresentationsList.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { TablePanel } from '@ynput/ayon-react-components'\n\nimport { TreeTable } from 'primereact/treetable'\nimport { Column } from 'primereact/column'\n\nimport { groupResult } from '@shared/util'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu'\nimport { DetailsDialog } from '@shared/components'\nimport versionsToRepresentations from './versionsToRepresentations'\nimport { DetailsPanelEntityData } from '@shared/api'\n\nconst columns = [\n  {\n    field: 'name',\n    header: 'Name',\n    width: 90,\n    expander: true,\n  },\n  {\n    field: 'folderName',\n    header: 'Folder',\n    width: 130,\n  },\n  {\n    field: 'productName',\n    header: 'Product',\n    width: 130,\n  },\n  {\n    field: 'Product type',\n    header: 'productType',\n    width: 110,\n  },\n]\n\ntype Props = {\n  entities: DetailsPanelEntityData[]\n}\n\nexport const RepresentationsList = ({ entities = [] }: Props) => {\n  // merge all entities data into one array of entities\n  const representations = useMemo(() => versionsToRepresentations(entities) || [], [entities])\n\n  const [showDetail, setShowDetail] = useState<false | string>(false)\n  const showDetailProjectName = representations.find((rep) => rep.id === showDetail)?.projectName\n\n  const [selected, setSelected] = useState<string[]>([])\n\n  const data = useMemo(() => {\n    // @ts-expect-error - groupResult is not typed\n    return groupResult(representations, 'name')\n  }, [representations])\n\n  const onRepSelectionChange = (entityId: string) => {\n    // set focused state\n    setSelected([entityId])\n  }\n\n  const onRowClick = (e: any) => {\n    onRepSelectionChange(e.node.data.id)\n  }\n\n  const ctxMenuItems = (id: string) => [\n    {\n      label: 'Representation detail',\n      command: () => setShowDetail(id),\n      icon: 'database',\n    },\n  ]\n\n  const [ctxMenuShow] = useCreateContextMenu([])\n\n  const handleContextMenu = (e: any) => {\n    const id = e.node.data.id\n\n    if (id) {\n      // update focused representations\n      onRepSelectionChange(id)\n      // open context menu\n      ctxMenuShow(e.originalEvent, ctxMenuItems(id))\n    }\n  }\n\n  return (\n    <>\n      <TablePanel>\n        <TreeTable\n          scrollable\n          scrollHeight=\"100%\"\n          value={data}\n          emptyMessage=\"No representation found\"\n          selectionMode=\"single\"\n          selectionKeys={selected[0]}\n          onRowClick={onRowClick}\n          onContextMenu={handleContextMenu}\n        >\n          {columns.map((col) => {\n            return (\n              <Column\n                key={col.field}\n                field={col.field}\n                header={col.header}\n                expander={col.expander}\n                style={{ width: col.width }}\n              />\n            )\n          })}\n        </TreeTable>\n      </TablePanel>\n\n      {showDetail && (\n        <DetailsDialog\n          projectName={showDetailProjectName}\n          entityType={'representation'}\n          entityIds={[showDetail]}\n          visible={!!showDetail}\n          onHide={() => setShowDetail(false)}\n        />\n      )}\n    </>\n  )\n}\n"],"names":["useMemo","useState","groupResult","useCreateContextMenu","jsxs","Fragment","jsx","TablePanel","TreeTable","Column","DetailsDialog"],"mappings":"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"}

package/dist/shared/src/containers/RepresentationsList/RepresentationsList.es.js

@@ -79,6 +79,7 @@ import "../../api/queries/userDashboard/getUserDashboard.es.js";
 import "../../api/queries/users/getUsers.es.js";
 import "../../api/queries/users/updateUsers.es.js";
 import "../../api/queries/watchers/getWatchers.es.js";
+import "../../api/queries/permissions/getPermissions.es.js";
 import "@dnd-kit/core";
 import "@dnd-kit/sortable";
 import "../../components/ReviewablesList/ReviewablesList.styled.es.js";
@@ -91,6 +92,8 @@ import "../../context/SettingsPanelContext.es.js";
 import "../../context/pip/PiPProvider.es.js";
 import "react-dom";
 import "../../context/pip/PiPWrapper.es.js";
+import "../../context/AddonProjectContext.es.js";
+import "../../context/AddonContext.es.js";
 import "../../components/ReviewableCard/ReviewableCard.es.js";
 import "../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
 import "../../components/FileThumbnail/FileThumbnail.es.js";
@@ -133,6 +136,7 @@ import "../ProjectTreeTable/context/ColumnSettingsContext.es.js";
 import "../ProjectTreeTable/context/CellEditingContext.es.js";
 import "../ProjectTreeTable/context/ClipboardContext.es.js";
 import "../ProjectTreeTable/context/ProjectTableSelectionContext.es.js";
+import "../ProjectTreeTable/context/ProjectDataContext.es.js";
 import "@tanstack/react-table";
 import "../ProjectTreeTable/widgets/CollapsedWidget.es.js";
 import "../ProjectTreeTable/widgets/DateWidget.es.js";

package/dist/shared/src/containers/RepresentationsList/RepresentationsList.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"RepresentationsList.es.js","sources":["../../../../../src/containers/RepresentationsList/RepresentationsList.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { TablePanel } from '@ynput/ayon-react-components'\n\nimport { TreeTable } from 'primereact/treetable'\nimport { Column } from 'primereact/column'\n\nimport { groupResult } from '@shared/util'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu'\nimport { DetailsDialog } from '@shared/components'\nimport versionsToRepresentations from './versionsToRepresentations'\nimport { DetailsPanelEntityData } from '@shared/api'\n\nconst columns = [\n  {\n    field: 'name',\n    header: 'Name',\n    width: 90,\n    expander: true,\n  },\n  {\n    field: 'folderName',\n    header: 'Folder',\n    width: 130,\n  },\n  {\n    field: 'productName',\n    header: 'Product',\n    width: 130,\n  },\n  {\n    field: 'Product type',\n    header: 'productType',\n    width: 110,\n  },\n]\n\ntype Props = {\n  entities: DetailsPanelEntityData[]\n}\n\nexport const RepresentationsList = ({ entities = [] }: Props) => {\n  // merge all entities data into one array of entities\n  const representations = useMemo(() => versionsToRepresentations(entities) || [], [entities])\n\n  const [showDetail, setShowDetail] = useState<false | string>(false)\n  const showDetailProjectName = representations.find((rep) => rep.id === showDetail)?.projectName\n\n  const [selected, setSelected] = useState<string[]>([])\n\n  const data = useMemo(() => {\n    // @ts-expect-error - groupResult is not typed\n    return groupResult(representations, 'name')\n  }, [representations])\n\n  const onRepSelectionChange = (entityId: string) => {\n    // set focused state\n    setSelected([entityId])\n  }\n\n  const onRowClick = (e: any) => {\n    onRepSelectionChange(e.node.data.id)\n  }\n\n  const ctxMenuItems = (id: string) => [\n    {\n      label: 'Representation detail',\n      command: () => setShowDetail(id),\n      icon: 'database',\n    },\n  ]\n\n  const [ctxMenuShow] = useCreateContextMenu([])\n\n  const handleContextMenu = (e: any) => {\n    const id = e.node.data.id\n\n    if (id) {\n      // update focused representations\n      onRepSelectionChange(id)\n      // open context menu\n      ctxMenuShow(e.originalEvent, ctxMenuItems(id))\n    }\n  }\n\n  return (\n    <>\n      <TablePanel>\n        <TreeTable\n          scrollable\n          scrollHeight=\"100%\"\n          value={data}\n          emptyMessage=\"No representation found\"\n          selectionMode=\"single\"\n          selectionKeys={selected[0]}\n          onRowClick={onRowClick}\n          onContextMenu={handleContextMenu}\n        >\n          {columns.map((col) => {\n            return (\n              <Column\n                key={col.field}\n                field={col.field}\n                header={col.header}\n                expander={col.expander}\n                style={{ width: col.width }}\n              />\n            )\n          })}\n        </TreeTable>\n      </TablePanel>\n\n      {showDetail && (\n        <DetailsDialog\n          projectName={showDetailProjectName}\n          entityType={'representation'}\n          entityIds={[showDetail]}\n          visible={!!showDetail}\n          onHide={() => setShowDetail(false)}\n        />\n      )}\n    </>\n  )\n}\n"],"names":["jsxs","Fragment","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,UAAU;AAAA,EACd;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,EAAA;AAEX;AAMO,MAAM,sBAAsB,CAAC,EAAE,WAAW,CAAA,QAAgB;;AAEzD,QAAA,kBAAkB,QAAQ,MAAM,0BAA0B,QAAQ,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC;AAE3F,QAAM,CAAC,YAAY,aAAa,IAAI,SAAyB,KAAK;AAC5D,QAAA,yBAAwB,qBAAgB,KAAK,CAAC,QAAQ,IAAI,OAAO,UAAU,MAAnD,mBAAsD;AAEpF,QAAM,CAAC,UAAU,WAAW,IAAI,SAAmB,CAAA,CAAE;AAE/C,QAAA,OAAO,QAAQ,MAAM;AAElB,WAAA,YAAY,iBAAiB,MAAM;AAAA,EAAA,GACzC,CAAC,eAAe,CAAC;AAEd,QAAA,uBAAuB,CAAC,aAAqB;AAErC,gBAAA,CAAC,QAAQ,CAAC;AAAA,EACxB;AAEM,QAAA,aAAa,CAAC,MAAW;AACR,yBAAA,EAAE,KAAK,KAAK,EAAE;AAAA,EACrC;AAEM,QAAA,eAAe,CAAC,OAAe;AAAA,IACnC;AAAA,MACE,OAAO;AAAA,MACP,SAAS,MAAM,cAAc,EAAE;AAAA,MAC/B,MAAM;AAAA,IAAA;AAAA,EAEV;AAEA,QAAM,CAAC,WAAW,IAAI,qBAAqB,EAAE;AAEvC,QAAA,oBAAoB,CAAC,MAAW;AAC9B,UAAA,KAAK,EAAE,KAAK,KAAK;AAEvB,QAAI,IAAI;AAEN,2BAAqB,EAAE;AAEvB,kBAAY,EAAE,eAAe,aAAa,EAAE,CAAC;AAAA,IAAA;AAAA,EAEjD;AAEA,SAEIA,kCAAA,KAAAC,4BAAA,EAAA,UAAA;AAAA,IAAAC,sCAAC,YACC,EAAA,UAAAA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,YAAU;AAAA,QACV,cAAa;AAAA,QACb,OAAO;AAAA,QACP,cAAa;AAAA,QACb,eAAc;AAAA,QACd,eAAe,SAAS,CAAC;AAAA,QACzB;AAAA,QACA,eAAe;AAAA,QAEd,UAAA,QAAQ,IAAI,CAAC,QAAQ;AAElB,iBAAAA,kCAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cAEC,OAAO,IAAI;AAAA,cACX,QAAQ,IAAI;AAAA,cACZ,UAAU,IAAI;AAAA,cACd,OAAO,EAAE,OAAO,IAAI,MAAM;AAAA,YAAA;AAAA,YAJrB,IAAI;AAAA,UAKX;AAAA,QAEH,CAAA;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,IAEC,cACCA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,WAAW,CAAC,UAAU;AAAA,QACtB,SAAS,CAAC,CAAC;AAAA,QACX,QAAQ,MAAM,cAAc,KAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACnC,GAEJ;AAEJ;"}
+{"version":3,"file":"RepresentationsList.es.js","sources":["../../../../../src/containers/RepresentationsList/RepresentationsList.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { TablePanel } from '@ynput/ayon-react-components'\n\nimport { TreeTable } from 'primereact/treetable'\nimport { Column } from 'primereact/column'\n\nimport { groupResult } from '@shared/util'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu'\nimport { DetailsDialog } from '@shared/components'\nimport versionsToRepresentations from './versionsToRepresentations'\nimport { DetailsPanelEntityData } from '@shared/api'\n\nconst columns = [\n  {\n    field: 'name',\n    header: 'Name',\n    width: 90,\n    expander: true,\n  },\n  {\n    field: 'folderName',\n    header: 'Folder',\n    width: 130,\n  },\n  {\n    field: 'productName',\n    header: 'Product',\n    width: 130,\n  },\n  {\n    field: 'Product type',\n    header: 'productType',\n    width: 110,\n  },\n]\n\ntype Props = {\n  entities: DetailsPanelEntityData[]\n}\n\nexport const RepresentationsList = ({ entities = [] }: Props) => {\n  // merge all entities data into one array of entities\n  const representations = useMemo(() => versionsToRepresentations(entities) || [], [entities])\n\n  const [showDetail, setShowDetail] = useState<false | string>(false)\n  const showDetailProjectName = representations.find((rep) => rep.id === showDetail)?.projectName\n\n  const [selected, setSelected] = useState<string[]>([])\n\n  const data = useMemo(() => {\n    // @ts-expect-error - groupResult is not typed\n    return groupResult(representations, 'name')\n  }, [representations])\n\n  const onRepSelectionChange = (entityId: string) => {\n    // set focused state\n    setSelected([entityId])\n  }\n\n  const onRowClick = (e: any) => {\n    onRepSelectionChange(e.node.data.id)\n  }\n\n  const ctxMenuItems = (id: string) => [\n    {\n      label: 'Representation detail',\n      command: () => setShowDetail(id),\n      icon: 'database',\n    },\n  ]\n\n  const [ctxMenuShow] = useCreateContextMenu([])\n\n  const handleContextMenu = (e: any) => {\n    const id = e.node.data.id\n\n    if (id) {\n      // update focused representations\n      onRepSelectionChange(id)\n      // open context menu\n      ctxMenuShow(e.originalEvent, ctxMenuItems(id))\n    }\n  }\n\n  return (\n    <>\n      <TablePanel>\n        <TreeTable\n          scrollable\n          scrollHeight=\"100%\"\n          value={data}\n          emptyMessage=\"No representation found\"\n          selectionMode=\"single\"\n          selectionKeys={selected[0]}\n          onRowClick={onRowClick}\n          onContextMenu={handleContextMenu}\n        >\n          {columns.map((col) => {\n            return (\n              <Column\n                key={col.field}\n                field={col.field}\n                header={col.header}\n                expander={col.expander}\n                style={{ width: col.width }}\n              />\n            )\n          })}\n        </TreeTable>\n      </TablePanel>\n\n      {showDetail && (\n        <DetailsDialog\n          projectName={showDetailProjectName}\n          entityType={'representation'}\n          entityIds={[showDetail]}\n          visible={!!showDetail}\n          onHide={() => setShowDetail(false)}\n        />\n      )}\n    </>\n  )\n}\n"],"names":["jsxs","Fragment","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,UAAU;AAAA,EACd;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,EAAA;AAEX;AAMO,MAAM,sBAAsB,CAAC,EAAE,WAAW,CAAA,QAAgB;;AAEzD,QAAA,kBAAkB,QAAQ,MAAM,0BAA0B,QAAQ,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC;AAE3F,QAAM,CAAC,YAAY,aAAa,IAAI,SAAyB,KAAK;AAC5D,QAAA,yBAAwB,qBAAgB,KAAK,CAAC,QAAQ,IAAI,OAAO,UAAU,MAAnD,mBAAsD;AAEpF,QAAM,CAAC,UAAU,WAAW,IAAI,SAAmB,CAAA,CAAE;AAE/C,QAAA,OAAO,QAAQ,MAAM;AAElB,WAAA,YAAY,iBAAiB,MAAM;AAAA,EAAA,GACzC,CAAC,eAAe,CAAC;AAEd,QAAA,uBAAuB,CAAC,aAAqB;AAErC,gBAAA,CAAC,QAAQ,CAAC;AAAA,EACxB;AAEM,QAAA,aAAa,CAAC,MAAW;AACR,yBAAA,EAAE,KAAK,KAAK,EAAE;AAAA,EACrC;AAEM,QAAA,eAAe,CAAC,OAAe;AAAA,IACnC;AAAA,MACE,OAAO;AAAA,MACP,SAAS,MAAM,cAAc,EAAE;AAAA,MAC/B,MAAM;AAAA,IAAA;AAAA,EAEV;AAEA,QAAM,CAAC,WAAW,IAAI,qBAAqB,EAAE;AAEvC,QAAA,oBAAoB,CAAC,MAAW;AAC9B,UAAA,KAAK,EAAE,KAAK,KAAK;AAEvB,QAAI,IAAI;AAEN,2BAAqB,EAAE;AAEvB,kBAAY,EAAE,eAAe,aAAa,EAAE,CAAC;AAAA,IAAA;AAAA,EAEjD;AAEA,SAEIA,kCAAA,KAAAC,4BAAA,EAAA,UAAA;AAAA,IAAAC,sCAAC,YACC,EAAA,UAAAA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,YAAU;AAAA,QACV,cAAa;AAAA,QACb,OAAO;AAAA,QACP,cAAa;AAAA,QACb,eAAc;AAAA,QACd,eAAe,SAAS,CAAC;AAAA,QACzB;AAAA,QACA,eAAe;AAAA,QAEd,UAAA,QAAQ,IAAI,CAAC,QAAQ;AAElB,iBAAAA,kCAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cAEC,OAAO,IAAI;AAAA,cACX,QAAQ,IAAI;AAAA,cACZ,UAAU,IAAI;AAAA,cACd,OAAO,EAAE,OAAO,IAAI,MAAM;AAAA,YAAA;AAAA,YAJrB,IAAI;AAAA,UAKX;AAAA,QAEH,CAAA;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,IAEC,cACCA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,WAAW,CAAC,UAAU;AAAA,QACtB,SAAS,CAAC,CAAC;AAAA,QACX,QAAQ,MAAM,cAAc,KAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACnC,GAEJ;AAEJ;"}

package/dist/shared/src/context/AddonContext.cjs.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../../_virtual/jsx-runtime.cjs.js");
+const React = require("react");
+const AddonContext = React.createContext(void 0);
+const AddonProvider = ({ children, ...props }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(AddonContext.Provider, { value: { ...props }, children });
+};
+const useAddonContext = () => {
+  const context = React.useContext(AddonContext);
+  if (!context) {
+    throw new Error("useAddonContext must be used within a AddonContext");
+  }
+  return context;
+};
+exports.AddonProvider = AddonProvider;
+exports.useAddonContext = useAddonContext;
+//# sourceMappingURL=AddonContext.cjs.js.map

package/dist/shared/src/context/AddonContext.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddonContext.cjs.js","sources":["../../../../src/context/AddonContext.tsx"],"sourcesContent":["import { createContext, FC, useContext } from 'react'\nimport { RouterTypes } from './AddonProjectContext'\n\nexport type RemoteAddonComponent = FC<RemoteAddonProps>\nexport type RemoteAddon = {\n  id: string\n  component: RemoteAddonComponent\n  path: string\n}\n\nexport interface RemoteAddonProps {\n  router: RouterTypes\n}\n\n// types for props passed to the provider\nexport interface AddonContextProps extends RemoteAddonProps {\n  children: React.ReactNode\n}\n\n// types returned by context\nexport interface AddonContextType extends RemoteAddonProps {}\n\nconst AddonContext = createContext<AddonContextType | undefined>(undefined)\n\nexport const AddonProvider = ({ children, ...props }: AddonContextProps) => {\n  return <AddonContext.Provider value={{ ...props }}>{children}</AddonContext.Provider>\n}\n\nexport const useAddonContext = () => {\n  const context = useContext(AddonContext)\n  if (!context) {\n    throw new Error('useAddonContext must be used within a AddonContext')\n  }\n  return context\n}\n"],"names":["createContext","jsx","useContext"],"mappings":";;;;AAsBA,MAAM,eAAeA,oBAA4C,MAAS;AAEnE,MAAM,gBAAgB,CAAC,EAAE,UAAU,GAAG,YAA+B;AACnE,SAAAC,2BAAA,kBAAA,IAAC,aAAa,UAAb,EAAsB,OAAO,EAAE,GAAG,SAAU,UAAS;AAC/D;AAEO,MAAM,kBAAkB,MAAM;AAC7B,QAAA,UAAUC,iBAAW,YAAY;AACvC,MAAI,CAAC,SAAS;AACN,UAAA,IAAI,MAAM,oDAAoD;AAAA,EAAA;AAE/D,SAAA;AACT;;;"}

package/dist/shared/src/context/AddonContext.es.js

@@ -0,0 +1,18 @@
+import { j as jsxRuntimeExports } from "../../../_virtual/jsx-runtime.es.js";
+import { createContext, useContext } from "react";
+const AddonContext = createContext(void 0);
+const AddonProvider = ({ children, ...props }) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(AddonContext.Provider, { value: { ...props }, children });
+};
+const useAddonContext = () => {
+  const context = useContext(AddonContext);
+  if (!context) {
+    throw new Error("useAddonContext must be used within a AddonContext");
+  }
+  return context;
+};
+export {
+  AddonProvider,
+  useAddonContext
+};
+//# sourceMappingURL=AddonContext.es.js.map

package/dist/shared/src/context/AddonContext.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddonContext.es.js","sources":["../../../../src/context/AddonContext.tsx"],"sourcesContent":["import { createContext, FC, useContext } from 'react'\nimport { RouterTypes } from './AddonProjectContext'\n\nexport type RemoteAddonComponent = FC<RemoteAddonProps>\nexport type RemoteAddon = {\n  id: string\n  component: RemoteAddonComponent\n  path: string\n}\n\nexport interface RemoteAddonProps {\n  router: RouterTypes\n}\n\n// types for props passed to the provider\nexport interface AddonContextProps extends RemoteAddonProps {\n  children: React.ReactNode\n}\n\n// types returned by context\nexport interface AddonContextType extends RemoteAddonProps {}\n\nconst AddonContext = createContext<AddonContextType | undefined>(undefined)\n\nexport const AddonProvider = ({ children, ...props }: AddonContextProps) => {\n  return <AddonContext.Provider value={{ ...props }}>{children}</AddonContext.Provider>\n}\n\nexport const useAddonContext = () => {\n  const context = useContext(AddonContext)\n  if (!context) {\n    throw new Error('useAddonContext must be used within a AddonContext')\n  }\n  return context\n}\n"],"names":["jsx"],"mappings":";;AAsBA,MAAM,eAAe,cAA4C,MAAS;AAEnE,MAAM,gBAAgB,CAAC,EAAE,UAAU,GAAG,YAA+B;AACnE,SAAAA,kCAAA,IAAC,aAAa,UAAb,EAAsB,OAAO,EAAE,GAAG,SAAU,UAAS;AAC/D;AAEO,MAAM,kBAAkB,MAAM;AAC7B,QAAA,UAAU,WAAW,YAAY;AACvC,MAAI,CAAC,SAAS;AACN,UAAA,IAAI,MAAM,oDAAoD;AAAA,EAAA;AAE/D,SAAA;AACT;"}

package/dist/shared/src/context/AddonProjectContext.cjs.js

@@ -0,0 +1,91 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../../_virtual/jsx-runtime.cjs.js");
+require("../api/base/client.cjs.js");
+require("../api/generated/graphql.cjs.js");
+require("../api/generated/access.cjs.js");
+require("../api/generated/actions.cjs.js");
+require("../api/generated/activityFeed.cjs.js");
+require("../api/generated/addons.cjs.js");
+require("../api/generated/anatomy.cjs.js");
+require("../api/generated/attributes.cjs.js");
+require("../api/generated/authentication.cjs.js");
+require("../api/generated/bundles.cjs.js");
+require("../api/generated/configuration.cjs.js");
+require("../api/generated/desktop.cjs.js");
+require("../api/generated/entityLists.cjs.js");
+require("../api/generated/events.cjs.js");
+require("../api/generated/files.cjs.js");
+require("../api/generated/folders.cjs.js");
+require("../api/generated/inbox.cjs.js");
+require("../api/generated/links.cjs.js");
+require("../api/generated/market.cjs.js");
+require("../api/generated/onboarding.cjs.js");
+require("../api/generated/operations.cjs.js");
+require("../api/generated/products.cjs.js");
+require("../api/generated/projectDashboard.cjs.js");
+require("../api/generated/projects.cjs.js");
+require("../api/generated/reviewables.cjs.js");
+require("../api/generated/services.cjs.js");
+require("../api/generated/system.cjs.js");
+require("../api/generated/tasks.cjs.js");
+require("../api/generated/teams.cjs.js");
+require("../api/generated/thumbnails.cjs.js");
+require("../api/generated/uRIs.cjs.js");
+require("../api/generated/users.cjs.js");
+require("../api/generated/versions.cjs.js");
+require("../api/generated/workfiles.cjs.js");
+require("../api/generated/ynputCloud.cjs.js");
+require("../api/queries/actions/getActions.cjs.js");
+require("../api/queries/activities/getActivities.cjs.js");
+require("../api/queries/activities/updateActivities.cjs.js");
+require("../api/queries/activities/updateReaction.cjs.js");
+require("../api/queries/activities/getMentions.cjs.js");
+require("../api/queries/addons/getAddons.cjs.js");
+require("../api/queries/addons/updateAddons.cjs.js");
+require("../api/queries/attributes/getAttributes.cjs.js");
+require("../api/queries/attributes/updateAttributes.cjs.js");
+require("../api/queries/authentication/getAuthentication.cjs.js");
+require("../api/queries/entities/getEntity.cjs.js");
+require("../api/queries/entities/getEntityPanel.cjs.js");
+require("../api/queries/entities/updateEntity.cjs.js");
+require("../api/queries/entityLists/getLists.cjs.js");
+require("../api/queries/entityLists/updateLists.cjs.js");
+require("../api/queries/entityLists/getListsAttributes.cjs.js");
+require("../api/queries/entityLists/updateListsAttributes.cjs.js");
+require("../api/queries/folders/getFolders.cjs.js");
+require("../api/queries/overview/getOverview.cjs.js");
+require("../api/queries/overview/updateOverview.cjs.js");
+const getProject = require("../api/queries/project/getProject.cjs.js");
+require("../api/queries/project/updateProject.cjs.js");
+require("../api/queries/review/getReview.cjs.js");
+require("../api/queries/review/updateReview.cjs.js");
+require("../api/queries/system/getSystem.cjs.js");
+require("../api/queries/userDashboard/getUserDashboard.cjs.js");
+require("../api/queries/users/getUsers.cjs.js");
+require("../api/queries/users/updateUsers.cjs.js");
+require("../api/queries/watchers/getWatchers.cjs.js");
+require("../api/queries/permissions/getPermissions.cjs.js");
+const React = require("react");
+const AddonProjectContext = React.createContext(void 0);
+const AddonProjectProvider = ({
+  children,
+  projectName,
+  ...props
+}) => {
+  const { data: project } = getProject.useGetProjectQuery(
+    { projectName },
+    { skip: !projectName }
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(AddonProjectContext.Provider, { value: { ...props, projectName, project }, children });
+};
+const useAddonProjectContext = () => {
+  const context = React.useContext(AddonProjectContext);
+  if (!context) {
+    throw new Error("useAddonProjectContext must be used within a AddonProjectContext");
+  }
+  return context;
+};
+exports.AddonProjectProvider = AddonProjectProvider;
+exports.useAddonProjectContext = useAddonProjectContext;
+//# sourceMappingURL=AddonProjectContext.cjs.js.map

package/dist/shared/src/context/AddonProjectContext.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddonProjectContext.cjs.js","sources":["../../../../src/context/AddonProjectContext.tsx"],"sourcesContent":["import { ProjectModel, useGetProjectQuery } from '@shared/api'\nimport { createContext, FC, useContext } from 'react'\nimport router from 'react-router-dom'\n\nexport type RemoteAddonProjectComponent = FC<RemoteAddonProjectProps>\nexport type RemoteAddonProject = {\n  id: string\n  component: RemoteAddonProjectComponent\n  name: string\n  module: string\n}\n\nexport type RouterTypes = {\n  useParams: typeof router.useParams\n  useNavigate: typeof router.useNavigate\n  useLocation: typeof router.useLocation\n  useSearchParams: typeof router.useSearchParams\n}\n\nexport interface RemoteAddonProjectProps {\n  projectName: string\n  router: RouterTypes\n}\n\n// types for props passed to the provider\nexport interface AddonProjectContextProps extends RemoteAddonProjectProps {\n  children: React.ReactNode\n}\n\n// types returned by context\nexport interface AddonProjectContextType extends RemoteAddonProjectProps {\n  project: ProjectModel | undefined\n}\n\nconst AddonProjectContext = createContext<AddonProjectContextType | undefined>(undefined)\n\nexport const AddonProjectProvider = ({\n  children,\n  projectName,\n  ...props\n}: AddonProjectContextProps) => {\n  const { data: project } = useGetProjectQuery(\n    { projectName: projectName as string },\n    { skip: !projectName },\n  )\n  return (\n    <AddonProjectContext.Provider value={{ ...props, projectName, project }}>\n      {children}\n    </AddonProjectContext.Provider>\n  )\n}\n\nexport const useAddonProjectContext = () => {\n  const context = useContext(AddonProjectContext)\n  if (!context) {\n    throw new Error('useAddonProjectContext must be used within a AddonProjectContext')\n  }\n  return context\n}\n"],"names":["createContext","useGetProjectQuery","jsx","useContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,MAAM,sBAAsBA,oBAAmD,MAAS;AAEjF,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAgC;AACxB,QAAA,EAAE,MAAM,QAAA,IAAYC,WAAA;AAAA,IACxB,EAAE,YAAmC;AAAA,IACrC,EAAE,MAAM,CAAC,YAAY;AAAA,EACvB;AAEE,SAAAC,iDAAC,oBAAoB,UAApB,EAA6B,OAAO,EAAE,GAAG,OAAO,aAAa,QAAQ,GACnE,SACH,CAAA;AAEJ;AAEO,MAAM,yBAAyB,MAAM;AACpC,QAAA,UAAUC,iBAAW,mBAAmB;AAC9C,MAAI,CAAC,SAAS;AACN,UAAA,IAAI,MAAM,kEAAkE;AAAA,EAAA;AAE7E,SAAA;AACT;;;"}

package/dist/shared/src/context/AddonProjectContext.es.js

@@ -0,0 +1,91 @@
+import { j as jsxRuntimeExports } from "../../../_virtual/jsx-runtime.es.js";
+import "../api/base/client.es.js";
+import "../api/generated/graphql.es.js";
+import "../api/generated/access.es.js";
+import "../api/generated/actions.es.js";
+import "../api/generated/activityFeed.es.js";
+import "../api/generated/addons.es.js";
+import "../api/generated/anatomy.es.js";
+import "../api/generated/attributes.es.js";
+import "../api/generated/authentication.es.js";
+import "../api/generated/bundles.es.js";
+import "../api/generated/configuration.es.js";
+import "../api/generated/desktop.es.js";
+import "../api/generated/entityLists.es.js";
+import "../api/generated/events.es.js";
+import "../api/generated/files.es.js";
+import "../api/generated/folders.es.js";
+import "../api/generated/inbox.es.js";
+import "../api/generated/links.es.js";
+import "../api/generated/market.es.js";
+import "../api/generated/onboarding.es.js";
+import "../api/generated/operations.es.js";
+import "../api/generated/products.es.js";
+import "../api/generated/projectDashboard.es.js";
+import "../api/generated/projects.es.js";
+import "../api/generated/reviewables.es.js";
+import "../api/generated/services.es.js";
+import "../api/generated/system.es.js";
+import "../api/generated/tasks.es.js";
+import "../api/generated/teams.es.js";
+import "../api/generated/thumbnails.es.js";
+import "../api/generated/uRIs.es.js";
+import "../api/generated/users.es.js";
+import "../api/generated/versions.es.js";
+import "../api/generated/workfiles.es.js";
+import "../api/generated/ynputCloud.es.js";
+import "../api/queries/actions/getActions.es.js";
+import "../api/queries/activities/getActivities.es.js";
+import "../api/queries/activities/updateActivities.es.js";
+import "../api/queries/activities/updateReaction.es.js";
+import "../api/queries/activities/getMentions.es.js";
+import "../api/queries/addons/getAddons.es.js";
+import "../api/queries/addons/updateAddons.es.js";
+import "../api/queries/attributes/getAttributes.es.js";
+import "../api/queries/attributes/updateAttributes.es.js";
+import "../api/queries/authentication/getAuthentication.es.js";
+import "../api/queries/entities/getEntity.es.js";
+import "../api/queries/entities/getEntityPanel.es.js";
+import "../api/queries/entities/updateEntity.es.js";
+import "../api/queries/entityLists/getLists.es.js";
+import "../api/queries/entityLists/updateLists.es.js";
+import "../api/queries/entityLists/getListsAttributes.es.js";
+import "../api/queries/entityLists/updateListsAttributes.es.js";
+import "../api/queries/folders/getFolders.es.js";
+import "../api/queries/overview/getOverview.es.js";
+import "../api/queries/overview/updateOverview.es.js";
+import { useGetProjectQuery } from "../api/queries/project/getProject.es.js";
+import "../api/queries/project/updateProject.es.js";
+import "../api/queries/review/getReview.es.js";
+import "../api/queries/review/updateReview.es.js";
+import "../api/queries/system/getSystem.es.js";
+import "../api/queries/userDashboard/getUserDashboard.es.js";
+import "../api/queries/users/getUsers.es.js";
+import "../api/queries/users/updateUsers.es.js";
+import "../api/queries/watchers/getWatchers.es.js";
+import "../api/queries/permissions/getPermissions.es.js";
+import { createContext, useContext } from "react";
+const AddonProjectContext = createContext(void 0);
+const AddonProjectProvider = ({
+  children,
+  projectName,
+  ...props
+}) => {
+  const { data: project } = useGetProjectQuery(
+    { projectName },
+    { skip: !projectName }
+  );
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(AddonProjectContext.Provider, { value: { ...props, projectName, project }, children });
+};
+const useAddonProjectContext = () => {
+  const context = useContext(AddonProjectContext);
+  if (!context) {
+    throw new Error("useAddonProjectContext must be used within a AddonProjectContext");
+  }
+  return context;
+};
+export {
+  AddonProjectProvider,
+  useAddonProjectContext
+};
+//# sourceMappingURL=AddonProjectContext.es.js.map

package/dist/shared/src/context/AddonProjectContext.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddonProjectContext.es.js","sources":["../../../../src/context/AddonProjectContext.tsx"],"sourcesContent":["import { ProjectModel, useGetProjectQuery } from '@shared/api'\nimport { createContext, FC, useContext } from 'react'\nimport router from 'react-router-dom'\n\nexport type RemoteAddonProjectComponent = FC<RemoteAddonProjectProps>\nexport type RemoteAddonProject = {\n  id: string\n  component: RemoteAddonProjectComponent\n  name: string\n  module: string\n}\n\nexport type RouterTypes = {\n  useParams: typeof router.useParams\n  useNavigate: typeof router.useNavigate\n  useLocation: typeof router.useLocation\n  useSearchParams: typeof router.useSearchParams\n}\n\nexport interface RemoteAddonProjectProps {\n  projectName: string\n  router: RouterTypes\n}\n\n// types for props passed to the provider\nexport interface AddonProjectContextProps extends RemoteAddonProjectProps {\n  children: React.ReactNode\n}\n\n// types returned by context\nexport interface AddonProjectContextType extends RemoteAddonProjectProps {\n  project: ProjectModel | undefined\n}\n\nconst AddonProjectContext = createContext<AddonProjectContextType | undefined>(undefined)\n\nexport const AddonProjectProvider = ({\n  children,\n  projectName,\n  ...props\n}: AddonProjectContextProps) => {\n  const { data: project } = useGetProjectQuery(\n    { projectName: projectName as string },\n    { skip: !projectName },\n  )\n  return (\n    <AddonProjectContext.Provider value={{ ...props, projectName, project }}>\n      {children}\n    </AddonProjectContext.Provider>\n  )\n}\n\nexport const useAddonProjectContext = () => {\n  const context = useContext(AddonProjectContext)\n  if (!context) {\n    throw new Error('useAddonProjectContext must be used within a AddonProjectContext')\n  }\n  return context\n}\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,MAAM,sBAAsB,cAAmD,MAAS;AAEjF,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAgC;AACxB,QAAA,EAAE,MAAM,QAAA,IAAY;AAAA,IACxB,EAAE,YAAmC;AAAA,IACrC,EAAE,MAAM,CAAC,YAAY;AAAA,EACvB;AAEE,SAAAA,sCAAC,oBAAoB,UAApB,EAA6B,OAAO,EAAE,GAAG,OAAO,aAAa,QAAQ,GACnE,SACH,CAAA;AAEJ;AAEO,MAAM,yBAAyB,MAAM;AACpC,QAAA,UAAU,WAAW,mBAAmB;AAC9C,MAAI,CAAC,SAAS;AACN,UAAA,IAAI,MAAM,kEAAkE;AAAA,EAAA;AAE7E,SAAA;AACT;"}

package/dist/shared/src/context/DetailsPanelContext.cjs.js

@@ -70,6 +70,7 @@ require("../api/queries/userDashboard/getUserDashboard.cjs.js");
 require("../api/queries/users/getUsers.cjs.js");
 require("../api/queries/users/updateUsers.cjs.js");
 require("../api/queries/watchers/getWatchers.cjs.js");
+require("../api/queries/permissions/getPermissions.cjs.js");
 require("lodash");
 require("react-toastify");
 require("./ThumbnailUploaderContext.cjs.js");
@@ -77,7 +78,8 @@ require("./SettingsPanelContext.cjs.js");
 require("./pip/PiPProvider.cjs.js");
 require("react-dom");
 require("./pip/PiPWrapper.cjs.js");
-require("react-router-dom");
+require("./AddonProjectContext.cjs.js");
+require("./AddonContext.cjs.js");
 require("custom-protocol-check");
 const DetailsPanelContext = React.createContext(void 0);
 const DetailsPanelProvider = ({

package/dist/shared/src/context/DetailsPanelContext.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanelContext.cjs.js","sources":["../../../../src/context/DetailsPanelContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useCallback, ReactNode, useState } from 'react'\nimport { useLocalStorage } from '@shared/hooks'\nimport { DetailsPanelEntityType } from '@shared/api'\nimport type { UserModel } from '@shared/api'\n\nexport type FeedFilters = 'activity' | 'comments' | 'versions' | 'checklists'\n\nexport type DetailsPanelTab = FeedFilters | 'attribs' | 'files'\n\nexport type SlideOut = {\n  entityId: string\n  entityType: DetailsPanelEntityType\n  projectName: string\n}\n\nexport type DetailsPanelPip = {\n  entityType: DetailsPanelEntityType\n  entities: { id: string; projectName: string }[]\n  scope: string\n}\n\nexport interface OpenStateByScope {\n  [scope: string]: boolean\n}\n\n// Create a new interface for managing tab state by scope\nexport interface TabStateByScope {\n  [scope: string]: DetailsPanelTab\n}\n\n// these props get forwarded to the details panel value\n// it's mainly redux callbacks that cannot be used in shared library\nexport interface DetailsPanelContextProps {\n  dispatch?: any // this is a redux dispatch function and it's quite annoying we need to do this\n  user: UserModel\n  viewer?: {\n    reviewableIds: string[]\n    taskId?: string\n    folderId?: string\n  }\n  // redux callback actions\n  onOpenImage?: (args: any) => void\n  onGoToFrame?: (frame: number) => void\n  onOpenViewer?: (args: any) => void\n  onUpdateEntity?: (data: { operations: any[], entityType: string }) => void\n}\n\n// Interface for our simplified context\nexport interface DetailsPanelContextType extends DetailsPanelContextProps {\n  // Open state for the panel by scope\n  panelOpenByScope: OpenStateByScope\n  getOpenForScope: (scope: string) => boolean\n  setPanelOpen: (scope: string, isOpen: boolean) => void\n  setPanelOpenByScope: (newState: OpenStateByScope) => void\n\n  // Tab preferences by scope\n  tabsByScope: TabStateByScope\n  getTabForScope: (scope: string) => DetailsPanelTab\n  setTab: (scope: string, tab: DetailsPanelTab) => void\n\n  // Slide out state\n  slideOut: null | SlideOut\n  openSlideOut: (slideOut: SlideOut) => void\n  closeSlideOut: () => void\n\n  // Highlighted activities\n  highlightedActivities: string[]\n  setHighlightedActivities: (activities: string[]) => void\n\n  // PiP state\n  pip: DetailsPanelPip | null\n  openPip: (pip: DetailsPanelPip) => void\n  closePip: () => void\n}\n\n// Create the context\nconst DetailsPanelContext = createContext<DetailsPanelContextType | undefined>(undefined)\n\n// Provider component\nexport interface DetailsPanelProviderProps extends DetailsPanelContextProps {\n  children: ReactNode\n  defaultTab?: DetailsPanelTab\n}\n\nexport const DetailsPanelProvider: React.FC<DetailsPanelProviderProps> = ({\n  children,\n  defaultTab = 'activity',\n  ...forwardedProps\n}) => {\n  // keep track of the currently open panel by scope\n  const [panelOpenByScope, setPanelOpenByScope] = useState<OpenStateByScope>({})\n\n  //  get the current open state for a specific scope\n  const getOpenForScope = useCallback(\n    (scope: string): boolean => {\n      // Check if we have a saved preference for this scope\n      if (panelOpenByScope[scope]) {\n        return panelOpenByScope[scope]\n      }\n\n      // Fall back to default\n      return false\n    },\n    [panelOpenByScope],\n  )\n  // Set open state for a scope\n  const setPanelOpen = useCallback(\n    (scope: string, isOpen: boolean) => {\n      // Create a new state object based on current open state\n      const newState = { ...panelOpenByScope }\n      newState[scope] = isOpen\n\n      // Update the state with the new object\n      setPanelOpenByScope(newState)\n    },\n    [panelOpenByScope],\n  )\n\n  // Use localStorage to persist tab preferences by scope\n  const [tabsByScope, setTabsByScope] = useLocalStorage<TabStateByScope>(\n    'details/tabs-by-scope',\n    {},\n  )\n\n  // Get the current tab for a specific scope\n  const getTabForScope = useCallback(\n    (scope: string): DetailsPanelTab => {\n      // Check if we have a saved preference for this scope\n      if (tabsByScope[scope]) {\n        return tabsByScope[scope]\n      }\n\n      // Fall back to default\n      return defaultTab\n    },\n    [tabsByScope, defaultTab],\n  )\n\n  // Set tab for a scope\n  const setTab = useCallback(\n    (scope: string, tab: DetailsPanelTab) => {\n      // Create a new state object based on current tabsByScope\n      const newState = { ...tabsByScope }\n      newState[scope] = tab\n\n      // Update the state with the new object\n      setTabsByScope(newState)\n    },\n    [tabsByScope, setTabsByScope],\n  )\n\n  // is the slide out open?\n  const [slideOut, setSlideOut] = useState<null | SlideOut>(null)\n\n  // open the slide out\n  const openSlideOut = useCallback<DetailsPanelContextType['openSlideOut']>((params) => {\n    setSlideOut(params)\n  }, [])\n\n  // close the slide out\n  const closeSlideOut = useCallback(() => {\n    setSlideOut(null)\n    setHighlightedActivities([])\n  }, [])\n\n  const [pip, setPip] = useState<DetailsPanelPip | null>(null)\n\n  const openPip = useCallback((pip: DetailsPanelPip) => {\n    setPip(pip)\n  }, [])\n  const closePip = useCallback(() => {\n    setPip(null)\n  }, [])\n\n  const [highlightedActivities, setHighlightedActivities] = useState<string[]>([])\n\n  const value = {\n    // open state for the panel by scope\n    panelOpenByScope,\n    getOpenForScope,\n    setPanelOpen,\n    setPanelOpenByScope,\n    // tab preferences\n    tabsByScope,\n    getTabForScope,\n    setTab,\n    // slide out state\n    slideOut,\n    openSlideOut,\n    closeSlideOut,\n    // highlighted activities\n    highlightedActivities,\n    setHighlightedActivities,\n    // PiP state\n    pip,\n    openPip,\n    closePip,\n    ...forwardedProps,\n  }\n\n  return <DetailsPanelContext.Provider value={value}>{children}</DetailsPanelContext.Provider>\n}\n\n// Custom hook to use the details context\nexport const useDetailsPanelContext = (): DetailsPanelContextType => {\n  const context = useContext(DetailsPanelContext)\n  if (context === undefined) {\n    throw new Error('useDetailsPanel must be used within a DetailsProvider')\n  }\n  return context\n}\n\n// Add a specialized hook for using a panel in a specific scope\nexport const useScopedDetailsPanel = (scope: string) => {\n  const { getTabForScope, setTab, getOpenForScope, setPanelOpen } = useDetailsPanelContext()\n\n  return {\n    isOpen: getOpenForScope(scope),\n    setOpen: (isOpen: boolean) => setPanelOpen(scope, isOpen),\n    currentTab: getTabForScope(scope),\n    setTab: (tab: DetailsPanelTab) => setTab(scope, tab),\n    isFeed: ['activity', 'comments', 'versions', 'checklists'].includes(getTabForScope(scope)),\n  }\n}\n"],"names":["createContext","useState","useCallback","useLocalStorage","pip","jsx","useContext"],"mappings":"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"}
+{"version":3,"file":"DetailsPanelContext.cjs.js","sources":["../../../../src/context/DetailsPanelContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useCallback, ReactNode, useState } from 'react'\nimport { useLocalStorage } from '@shared/hooks'\nimport { DetailsPanelEntityType } from '@shared/api'\nimport type { UserModel } from '@shared/api'\nimport { useLocation, useNavigate, useParams } from 'react-router-dom'\nimport { useSearchParams } from 'react-router-dom'\n\nexport type FeedFilters = 'activity' | 'comments' | 'versions' | 'checklists'\n\nexport type DetailsPanelTab = FeedFilters | 'attribs' | 'files'\n\nexport type SlideOut = {\n  entityId: string\n  entityType: DetailsPanelEntityType\n  projectName: string\n}\n\nexport type DetailsPanelPip = {\n  entityType: DetailsPanelEntityType\n  entities: { id: string; projectName: string }[]\n  scope: string\n}\n\nexport interface OpenStateByScope {\n  [scope: string]: boolean\n}\n\n// Create a new interface for managing tab state by scope\nexport interface TabStateByScope {\n  [scope: string]: DetailsPanelTab\n}\n\n// these props get forwarded to the details panel value\n// it's mainly redux callbacks that cannot be used in shared library\nexport interface DetailsPanelContextProps {\n  dispatch?: any // this is a redux dispatch function and it's quite annoying we need to do this\n  user: UserModel\n  viewer?: {\n    reviewableIds: string[]\n    taskId?: string | null\n    folderId?: string | null\n  }\n  // redux callback actions\n  onOpenImage?: (args: any) => void\n  onGoToFrame?: (frame: number) => void\n  onOpenViewer?: (args: any) => void\n  onUpdateEntity?: (data: { operations: any[]; entityType: string }) => void\n  // route hooks\n  useParams: typeof useParams\n  useNavigate: typeof useNavigate\n  useLocation: typeof useLocation\n  useSearchParams: typeof useSearchParams\n}\n\n// Interface for our simplified context\nexport interface DetailsPanelContextType extends DetailsPanelContextProps {\n  // Open state for the panel by scope\n  panelOpenByScope: OpenStateByScope\n  getOpenForScope: (scope: string) => boolean\n  setPanelOpen: (scope: string, isOpen: boolean) => void\n  setPanelOpenByScope: (newState: OpenStateByScope) => void\n\n  // Tab preferences by scope\n  tabsByScope: TabStateByScope\n  getTabForScope: (scope: string) => DetailsPanelTab\n  setTab: (scope: string, tab: DetailsPanelTab) => void\n\n  // Slide out state\n  slideOut: null | SlideOut\n  openSlideOut: (slideOut: SlideOut) => void\n  closeSlideOut: () => void\n\n  // Highlighted activities\n  highlightedActivities: string[]\n  setHighlightedActivities: (activities: string[]) => void\n\n  // PiP state\n  pip: DetailsPanelPip | null\n  openPip: (pip: DetailsPanelPip) => void\n  closePip: () => void\n}\n\n// Create the context\nconst DetailsPanelContext = createContext<DetailsPanelContextType | undefined>(undefined)\n\n// Provider component\nexport interface DetailsPanelProviderProps extends DetailsPanelContextProps {\n  children: ReactNode\n  defaultTab?: DetailsPanelTab\n}\n\nexport const DetailsPanelProvider: React.FC<DetailsPanelProviderProps> = ({\n  children,\n  defaultTab = 'activity',\n  ...forwardedProps\n}) => {\n  // keep track of the currently open panel by scope\n  const [panelOpenByScope, setPanelOpenByScope] = useState<OpenStateByScope>({})\n\n  //  get the current open state for a specific scope\n  const getOpenForScope = useCallback(\n    (scope: string): boolean => {\n      // Check if we have a saved preference for this scope\n      if (panelOpenByScope[scope]) {\n        return panelOpenByScope[scope]\n      }\n\n      // Fall back to default\n      return false\n    },\n    [panelOpenByScope],\n  )\n  // Set open state for a scope\n  const setPanelOpen = useCallback(\n    (scope: string, isOpen: boolean) => {\n      // Create a new state object based on current open state\n      const newState = { ...panelOpenByScope }\n      newState[scope] = isOpen\n\n      // Update the state with the new object\n      setPanelOpenByScope(newState)\n    },\n    [panelOpenByScope],\n  )\n\n  // Use localStorage to persist tab preferences by scope\n  const [tabsByScope, setTabsByScope] = useLocalStorage<TabStateByScope>(\n    'details/tabs-by-scope',\n    {},\n  )\n\n  // Get the current tab for a specific scope\n  const getTabForScope = useCallback(\n    (scope: string): DetailsPanelTab => {\n      // Check if we have a saved preference for this scope\n      if (tabsByScope[scope]) {\n        return tabsByScope[scope]\n      }\n\n      // Fall back to default\n      return defaultTab\n    },\n    [tabsByScope, defaultTab],\n  )\n\n  // Set tab for a scope\n  const setTab = useCallback(\n    (scope: string, tab: DetailsPanelTab) => {\n      // Create a new state object based on current tabsByScope\n      const newState = { ...tabsByScope }\n      newState[scope] = tab\n\n      // Update the state with the new object\n      setTabsByScope(newState)\n    },\n    [tabsByScope, setTabsByScope],\n  )\n\n  // is the slide out open?\n  const [slideOut, setSlideOut] = useState<null | SlideOut>(null)\n\n  // open the slide out\n  const openSlideOut = useCallback<DetailsPanelContextType['openSlideOut']>((params) => {\n    setSlideOut(params)\n  }, [])\n\n  // close the slide out\n  const closeSlideOut = useCallback(() => {\n    setSlideOut(null)\n    setHighlightedActivities([])\n  }, [])\n\n  const [pip, setPip] = useState<DetailsPanelPip | null>(null)\n\n  const openPip = useCallback((pip: DetailsPanelPip) => {\n    setPip(pip)\n  }, [])\n  const closePip = useCallback(() => {\n    setPip(null)\n  }, [])\n\n  const [highlightedActivities, setHighlightedActivities] = useState<string[]>([])\n\n  const value = {\n    // open state for the panel by scope\n    panelOpenByScope,\n    getOpenForScope,\n    setPanelOpen,\n    setPanelOpenByScope,\n    // tab preferences\n    tabsByScope,\n    getTabForScope,\n    setTab,\n    // slide out state\n    slideOut,\n    openSlideOut,\n    closeSlideOut,\n    // highlighted activities\n    highlightedActivities,\n    setHighlightedActivities,\n    // PiP state\n    pip,\n    openPip,\n    closePip,\n    ...forwardedProps,\n  }\n\n  return <DetailsPanelContext.Provider value={value}>{children}</DetailsPanelContext.Provider>\n}\n\n// Custom hook to use the details context\nexport const useDetailsPanelContext = (): DetailsPanelContextType => {\n  const context = useContext(DetailsPanelContext)\n  if (context === undefined) {\n    throw new Error('useDetailsPanel must be used within a DetailsProvider')\n  }\n  return context\n}\n\n// Add a specialized hook for using a panel in a specific scope\nexport const useScopedDetailsPanel = (scope: string) => {\n  const { getTabForScope, setTab, getOpenForScope, setPanelOpen } = useDetailsPanelContext()\n\n  return {\n    isOpen: getOpenForScope(scope),\n    setOpen: (isOpen: boolean) => setPanelOpen(scope, isOpen),\n    currentTab: getTabForScope(scope),\n    setTab: (tab: DetailsPanelTab) => setTab(scope, tab),\n    isFeed: ['activity', 'comments', 'versions', 'checklists'].includes(getTabForScope(scope)),\n  }\n}\n"],"names":["createContext","useState","useCallback","useLocalStorage","pip","jsx","useContext"],"mappings":"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"}