@ynput/ayon-frontend-shared 0.2.14 → 0.2.16

package/dist/shared/src/components/SearchFilter/useBuildFilterOptions.cjs.js

@@ -4,7 +4,6 @@ const jsxRuntime = require("../../../../_virtual/jsx-runtime.cjs.js");
 const productTypes = require("../../util/productTypes.cjs.js");
 const lodash = require("lodash");
 require("react-toastify");
-const getEntityTypeIcon = require("../../util/getEntityTypeIcon.cjs.js");
 const getAttributeIcon = require("../../util/getAttributeIcon.cjs.js");
 require("../../util/pubsub.cjs.js");
 require("../../api/base/client.cjs.js");
@@ -42,6 +41,7 @@ require("../../api/generated/users.cjs.js");
 require("../../api/generated/versions.cjs.js");
 require("../../api/generated/workfiles.cjs.js");
 require("../../api/generated/ynputCloud.cjs.js");
+require("../../api/generated/grouping.cjs.js");
 require("../../api/queries/actions/getActions.cjs.js");
 require("../../api/queries/activities/getActivities.cjs.js");
 require("../../api/queries/activities/updateActivities.cjs.js");
@@ -72,6 +72,7 @@ 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("../../api/queries/grouping/getGrouping.cjs.js");
 const ayonReactComponents = require("@ynput/ayon-react-components");
 const filterDates = require("./filterDates.cjs.js");
 const useBuildFilterOptions = ({
@@ -358,7 +359,7 @@ const getOptionRoot = (fieldType, config) => {
         id: getRootIdWithPrefix(`taskType`),
         type: "string",
         label: `Task Type`,
-        icon: getEntityTypeIcon.getEntityTypeIcon("task"),
+        icon: getAttributeIcon.getAttributeIcon("task"),
         inverted: false,
         operator: "OR",
         values: [],
@@ -374,7 +375,7 @@ const getOptionRoot = (fieldType, config) => {
         id: getRootIdWithPrefix(`folderType`),
         type: "string",
         label: `Folder Type`,
-        icon: getEntityTypeIcon.getEntityTypeIcon("folder"),
+        icon: getAttributeIcon.getAttributeIcon("folder"),
         inverted: false,
         operator: "OR",
         values: [],
@@ -390,7 +391,7 @@ const getOptionRoot = (fieldType, config) => {
         id: getRootIdWithPrefix(`productType`),
         type: "string",
         label: `Product Type`,
-        icon: getEntityTypeIcon.getEntityTypeIcon("product"),
+        icon: getAttributeIcon.getAttributeIcon("product"),
         inverted: false,
         operator: "OR",
         values: [],
@@ -406,7 +407,7 @@ const getOptionRoot = (fieldType, config) => {
         id: getRootIdWithPrefix("status"),
         type: "string",
         label: "Status",
-        icon: "arrow_circle_right",
+        icon: getAttributeIcon.getAttributeIcon("status"),
         inverted: false,
         operator: "OR",
         values: [],
@@ -422,7 +423,7 @@ const getOptionRoot = (fieldType, config) => {
         id: getRootIdWithPrefix("assignees"),
         type: "list_of_strings",
         label: "Assignee",
-        icon: "person",
+        icon: getAttributeIcon.getAttributeIcon("assignees"),
         inverted: false,
         operator: "OR",
         values: [],
@@ -438,7 +439,7 @@ const getOptionRoot = (fieldType, config) => {
         id: getRootIdWithPrefix("tags"),
         type: "list_of_strings",
         label: "Tags",
-        icon: "local_offer",
+        icon: getAttributeIcon.getAttributeIcon("tags"),
         inverted: false,
         operator: "OR",
         values: [],

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

@@ -1 +1 @@
-{"version":3,"file":"useBuildFilterOptions.cjs.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: getEntityTypeIcon('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: getEntityTypeIcon('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: getEntityTypeIcon('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: 'arrow_circle_right',\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: 'person',\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: 'local_offer',\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":["useGetProjectsInfoQuery","useGetKanbanProjectUsersQuery","useGetSiteInfoQuery","_a","_b","isEmpty","options","dateOptions","jsx","Icon","getEntityTypeIcon","getAttributeIcon"],"mappings":"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"}
+{"version":3,"file":"useBuildFilterOptions.cjs.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":["useGetProjectsInfoQuery","useGetKanbanProjectUsersQuery","useGetSiteInfoQuery","_a","_b","isEmpty","options","dateOptions","jsx","Icon","getAttributeIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiEO,MAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc,CAAC;AAAA,EACf;AACF,MAAoC;;AAClC,MAAI,UAAoB,CAAC;AAKzB,QAAM,EAAE,MAAM,eAAe,CAAA,EAAO,IAAAA,iBAAA;AAAA,IAClC;AAAA,MACE,UAAU;AAAA,IACZ;AAAA,IACA;AAAA,MACE,MACE,EAAC,6CAAc,WACf,CAAC,CAAC,iBAAiB,QAAQ,EAAE,KAAK,CAAC,SAAS,YAAY,SAAS,IAAuB,CAAC;AAAA,IAAA;AAAA,EAE/F;AAEA,QAAM,EAAE,MAAM,eAAe,CAAA,EAAO,IAAAC,iBAAA;AAAA,IAClC,EAAE,UAAU,aAAa;AAAA,IACzB;AAAA,MACE,MACE,EAAC,6CAAc,WACd,CAAC,YAAY,SAAS,OAAO,KAAK,CAAC,YAAY,SAAS,WAAW;AAAA,IAAA;AAAA,EAE1E;AAEM,QAAA,EAAE,MAAM,KAAA,IAASC,UAAA;AAAA,IACrB,EAAE,MAAM,KAAK;AAAA,IACb,EAAE,MAAM,CAAC,YAAY,SAAS,YAAY,EAAE;AAAA,EAC9C;AACA,QAAM,EAAE,aAAa,GAAG,IAAI,QAAQ,CAAC;AASrC,MAAI,YAAY,SAAS,UAAU,KAAK,UAAU,QAAQ;AAClD,UAAA,sBAAsB,cAAc,YAAY;AAAA,MACpD,GAAG;AAAA,MACH,sBAAsB;AAAA,IAAA,CACvB;AACD,QAAI,qBAAqB;AAEnB,UAAA,WAAW,YAAY,cAAc,MAAM;AAE3B,gCAAA,WAAA,mBAAQ,KAAK,GAAG;AAEpC,cAAQ,KAAK,mBAAmB;AAAA,IAAA;AAAA,EAClC;AAKF,MAAI,YAAY,SAAS,YAAY,KAAK,UAAU,QAAQ;AACpD,UAAA,sBAAsB,cAAc,cAAc;AAAA,MACtD,GAAG;AAAA,MACH,sBAAsB;AAAA,IAAA,CACvB;AACD,QAAI,qBAAqB;AAEnB,UAAA,WAAW,YAAY,cAAc,QAAQ;AAE7B,gCAAA,WAAA,mBAAQ,KAAK,GAAG;AAEpC,cAAQ,KAAK,mBAAmB;AAAA,IAAA;AAAA,EAClC;AAKF,MAAI,YAAY,SAAS,aAAa,KAAK,UAAU,QAAQ;AACrD,UAAA,sBAAsB,cAAc,eAAe;AAAA,MACvD,GAAG;AAAA,MACH,sBAAsB;AAAA,IAAA,CACvB;AACD,QAAI,qBAAqB;AAEnB,UAAA,WAAW,YAAY,cAAc,SAAS;AAC9B,gCAAA,WAAA,mBAAQ,KAAK,GAAG;AACpC,cAAQ,KAAK,mBAAmB;AAAA,IAAA;AAAA,EAClC;AAKE,MAAA,YAAY,SAAS,QAAQ,GAAG;AAC5B,UAAA,eAAe,cAAc,UAAU,EAAE,GAAG,QAAQ,sBAAsB,OAAO;AAEvF,QAAI,cAAc;AAChB,aAAO,OAAO,YAAY,EAAE,QAAQ,CAAC,YAAY;AACzC,cAAA,YAAW,mCAAS,aAAY,CAAC;AAC9B,iBAAA,QAAQ,CAAC,WAAmB;;AAC/B,cAAA,GAACC,MAAA,aAAa,WAAb,gBAAAA,IAAqB,KAAK,CAAC,UAAU,MAAM,OAAO,OAAO,QAAO;AACnE,aAAAC,MAAA,aAAa,WAAb,gBAAAA,IAAqB,KAAK;AAAA,cACxB,IAAI,OAAO;AAAA,cACX,OAAO,OAAO;AAAA,cACd,MAAM,OAAO;AAAA,cACb,OAAO,OAAO;AAAA,YAAA;AAAA,UACf;AAAA,QACH,CACD;AAAA,MAAA,CACF;AAED,cAAQ,KAAK,YAAY;AAAA,IAAA;AAAA,EAC3B;AAKE,MAAA,YAAY,SAAS,WAAW,GAAG;AAC/B,UAAA,kBAAkB,cAAc,aAAa,MAAM;AAEzD,QAAI,iBAAiB;AAEN,mBAAA,QAAQ,CAAC,SAAS;;AACzB,YAAA,GAACD,MAAA,gBAAgB,WAAhB,gBAAAA,IAAwB,KAAK,CAAC,UAAU,MAAM,OAAO,KAAK,QAAO;AACpE,WAAAC,MAAA,gBAAgB,WAAhB,gBAAAA,IAAwB,KAAK;AAAA,YAC3B,IAAI,KAAK;AAAA,YACT,OAAO,KAAK,OAAO,YAAY,KAAK;AAAA,YACpC,KAAK,cAAc,KAAK,IAAI;AAAA,YAC5B,MAAM;AAAA,UAAA;AAAA,QACP;AAAA,MACH,CACD;AAGD,4BAAgB,WAAhB,mBAAwB,KAAK,CAAC,GAAG,MAAM;;AAC/B,cAAA,WAASD,MAAA,KAAK,cAAL,gBAAAA,IAAgB,OAAO,CAAC,aAAa,aAAa,EAAE,IAAI,WAAU;AAC3E,cAAA,WAASC,MAAA,KAAK,cAAL,gBAAAA,IAAgB,OAAO,CAAC,aAAa,aAAa,EAAE,IAAI,WAAU;AACjF,eAAO,SAAS;AAAA,MAAA;AAGlB,cAAQ,KAAK,eAAe;AAAA,IAAA;AAAA,EAC9B;AAKE,MAAA,YAAY,SAAS,MAAM,GAAG;AAC1B,UAAA,aAAa,cAAc,QAAQ,MAAM;AAE/C,QAAI,YAAY;AAER,YAAA,kCAAkB,IAAiB;AACzC,aAAO,OAAO,YAAY,EAAE,QAAQ,CAAC,YAAY;AAC/C,YAAI,mCAAS,MAAM;AACT,kBAAA,KAAK,QAAQ,CAAC,QAAQ;AAC5B,gBAAI,CAAC,YAAY,IAAI,IAAI,IAAI,GAAG;AAClB,0BAAA,IAAI,IAAI,MAAM,GAAG;AAAA,YAAA;AAAA,UAC/B,CACD;AAAA,QAAA;AAAA,MACH,CACD;AAGK,YAAA,yCAAyB,IAAwC;AAClE,iBAAA,SAAA,mBAAM,QAAQ,CAAC,QAAQ;AACpB,cAAA,cAAc,mBAAmB,IAAI,GAAG;AAC9C,YAAI,aAAa;AAEH,sBAAA;AACZ;AAAA,QAAA,OACK;AAEC,gBAAA,UAAU,YAAY,IAAI,GAAG;AAEnC,6BAAmB,IAAI,KAAK;AAAA,YAC1B,IAAI;AAAA,YACJ,MAAM;AAAA,YACN,OAAO;AAAA,YACP,QAAQ,CAAC;AAAA,YACT,QAAO,mCAAS,UAAS;AAAA,YACzB,OAAO;AAAA,UAAA,CACR;AAAA,QAAA;AAAA,MACH;AAIF,YAAM,kBAAkB,MAAM,KAAK,mBAAmB,OAAQ,CAAA,EAAE;AAAA,QAC9D,CAAC,GAAG,MAAM,EAAE,QAAQ,EAAE;AAAA,MACxB;AAGW,uBAAA,WAAA,mBAAQ,KAAK,GAAG;AAE3B,cAAQ,KAAK,UAAU;AAAA,IAAA;AAAA,EACzB;AAKE,MAAA,YAAY,SAAS,YAAY,GAAG;AAChC,UAAA,oBAAoB,WAAW,OAAO,CAAC,cAAc;;AAAA,cAAAD,MAAA,UAAU,UAAV,gBAAAA,IAAiB,SAAS;AAAA,KAAM;AAE3F,UAAM,qBAAqB,CAACE,eAAQ,KAAK,UAAU,IAC/C,kBAAkB,OAAO,CAAC,cAAc,KAAK,cAAc,KAAK,WAAW,UAAU,IAAI,CAAC,IAC1F;AAEE,UAAA,0BAAyB,iCAAQ,wBACnC,qBACA,mBAAmB,OAAO,CAAC,cAAc,UAAU,KAAK,SAAS,UAAU;AAExD,2BAAA,QAAQ,CAAC,cAAc;;AAC5C,YAAM,WAAW,KAAK,cAAc,KAAK,WAAW,UAAU,IAAI;AAC5D,YAAA,QAAQ,UAAU,KAAK;AACvB,YAAA,OAAO,UAAU,KAAK;AAE5B,YAAM,WAAW;AAAA,QACf;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA,EACA,SAAS,IAAI;AACf,YAAM,SAAS,SAAS;AAClB,YAAA,uBAAuB,WAAW,iCAAQ,uBAAuB;AACvE,YAAM,uBAAuB,YAAY,SAAS,iCAAQ,uBAAuB;AAE3E,YAAA,SAAS,4BAA4B,WAAW;AAAA,QACpD,GAAG;AAAA,QACH,oBAAoB;AAAA,QACpB;AAAA,QACA;AAAA,MAAA,CACD;AAED,YAAM,wBAAiD;AAAA,QACrD;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAEA,YAAM,eAAyB,CAAC;AAG5B,UAAA,sBAAsB,SAAS,IAAI,GAAG;AACxC,cAAMC,WAAU,oBAAoB,UAAU,OAAO,IAAI;AAC5C,qBAAA,KAAK,GAAGA,QAAO;AAAA,MAAA;AAI9B,UAAI,SAAS,WAAW;AACtB,cAAMA,WAAU;AAAA,UACd;AAAA,YACE,IAAI;AAAA,YACJ,OAAO;AAAA,YACP,QAAQ,CAAC;AAAA,YACT,MAAM;AAAA,UACR;AAAA,UACA;AAAA,YACE,IAAI;AAAA,YACJ,OAAO;AAAA,YACP,QAAQ,CAAC;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,QAEV;AACa,qBAAA,KAAK,GAAGA,QAAO;AAAA,MAAA;AAK9B,UAAI,QAAQ;AACG,qBAAA;AAAA,UACX,GAAGC,YAAA,YAAY,IAAI,CAAC,OAAO;AAAA,YACzB,GAAG;AAAA,YACH,cAAc,QAAQ,SAAaC,2BAAAA,kBAAAA,IAAAC,oBAAAA,MAAA,EAAK,MAAK,OAAO,CAAA;AAAA,UAAA,EACpD;AAAA,QACJ;AAAA,MAAA;AAIK,OAAAN,MAAA,OAAA,WAAA,gBAAAA,IAAQ,KAAK,GAAG;AAGvB,cAAQ,KAAK,MAAM;AAAA,IAAA,CACpB;AAAA,EAAA;AAIH,MAAI,aAAa;AACR,WAAA,0BAA0B,SAAS,WAAW;AAAA,QACzC,QAAA;AAChB;AAOA,MAAM,cAAc,CAAC,cAAuC,SAA0B;AACpF,QAAM,UAAoB,CAAC;AAC3B,MAAI,SAAS,WAAW;AACf,WAAA,OAAO,YAAY,EAAE,QAAQ,CAAC,EAAE,MAAM,WAAW;AACtD,cAAQ,KAAK;AAAA,QACX,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP;AAAA,QACA,UAAU;AAAA,QACV,QAAQ,CAAC;AAAA,QACT,oBAAoB;AAAA,MAAA,CACrB;AAAA,IAAA,CACF;AAAA,EAAA,WACQ,SAAS,QAAQ;AAC1B,WAAO,OAAO,YAAY,EAAE,QAAQ,CAAC,YAAY;AAEzC,YAAA,aAAY,mCAAS,cAAa,CAAC;AAC/B,gBAAA,QAAQ,CAAC,aAAuB;AACpC,YAAA,CAAC,QAAQ,KAAK,CAAC,WAAW,OAAO,OAAO,SAAS,IAAI,GAAG;AAC1D,kBAAQ,KAAK;AAAA,YACX,IAAI,SAAS;AAAA,YACb,MAAM;AAAA,YACN,OAAO,SAAS;AAAA,YAChB,MAAM,SAAS;AAAA,YACf,UAAU;AAAA,YACV,QAAQ,CAAC;AAAA,YACT,oBAAoB;AAAA,UAAA,CACrB;AAAA,QAAA;AAAA,MACH,CACD;AAAA,IAAA,CACF;AAAA,EAAA,WACQ,SAAS,UAAU;AAC5B,WAAO,OAAO,YAAY,EAAE,QAAQ,CAAC,YAAY;AAEzC,YAAA,eAAc,mCAAS,gBAAe,CAAC;AACjC,kBAAA,QAAQ,CAAC,eAA2B;AAC1C,YAAA,CAAC,QAAQ,KAAK,CAAC,WAAW,OAAO,OAAO,WAAW,IAAI,GAAG;AAC5D,kBAAQ,KAAK;AAAA,YACX,IAAI,WAAW;AAAA,YACf,MAAM;AAAA,YACN,OAAO,WAAW;AAAA,YAClB,MAAM,WAAW;AAAA,YACjB,UAAU;AAAA,YACV,QAAQ,CAAC;AAAA,YACT,oBAAoB;AAAA,UAAA,CACrB;AAAA,QAAA;AAAA,MACH,CACD;AAAA,IAAA,CACF;AAAA,EAAA;AAGI,SAAA;AACT;AAEA,MAAM,iBAAiB,CAAC,MAAc,WAA4B,WAA0B;AAC1F,QAAM,EAAE,UAAU,KAAK,IAAI,UAAU,CAAC;AAClC,MAAA,QAAQ,aAAa,MAAM;AACtB,WAAA,GAAG,KAAK,SAAS,CAAC;AAAA,EAAA,WAChB,YAAY,aAAa,UAAU;AAC5C,WAAO,GAAG,SAAS,SAAS,CAAC,GAAG,IAAI;AAAA,QACxB,QAAA;AAChB;AAEA,MAAM,gBAAgB,CAAC,WAA4B,WAA0B;AAC3E,QAAM,sBAAsB,CAAC,SAAiB,eAAe,MAAM,WAAW,MAAM;AAEpF,MAAI,aAA4B;AAChC,UAAQ,WAAW;AAAA,IACjB,KAAK;AACU,mBAAA;AAAA,QACX,IAAI,oBAAoB,UAAU;AAAA,QAClC,MAAM;AAAA,QACN,OAAO;AAAA,QACP,MAAMO,kCAAiB,MAAM;AAAA,QAC7B,UAAU;AAAA,QACV,UAAU;AAAA,QACV,QAAQ,CAAC;AAAA,QACT,oBAAoB;AAAA,QACpB,eAAe;AAAA,QACf,cAAc;AAAA,QACd,eAAe,iCAAQ;AAAA,QACvB,oBAAoB;AAAA,MACtB;AACA;AAAA,IACF,KAAK;AACU,mBAAA;AAAA,QACX,IAAI,oBAAoB,YAAY;AAAA,QACpC,MAAM;AAAA,QACN,OAAO;AAAA,QACP,MAAMA,kCAAiB,QAAQ;AAAA,QAC/B,UAAU;AAAA,QACV,UAAU;AAAA,QACV,QAAQ,CAAC;AAAA,QACT,oBAAoB;AAAA,QACpB,eAAe;AAAA,QACf,cAAc;AAAA,QACd,eAAe,iCAAQ;AAAA,QACvB,oBAAoB;AAAA,MACtB;AACA;AAAA,IACF,KAAK;AACU,mBAAA;AAAA,QACX,IAAI,oBAAoB,aAAa;AAAA,QACrC,MAAM;AAAA,QACN,OAAO;AAAA,QACP,MAAMA,kCAAiB,SAAS;AAAA,QAChC,UAAU;AAAA,QACV,UAAU;AAAA,QACV,QAAQ,CAAC;AAAA,QACT,oBAAoB;AAAA,QACpB,eAAe;AAAA,QACf,cAAc;AAAA,QACd,eAAe,iCAAQ;AAAA,QACvB,oBAAoB;AAAA,MACtB;AACA;AAAA,IACF,KAAK;AACU,mBAAA;AAAA,QACX,IAAI,oBAAoB,QAAQ;AAAA,QAChC,MAAM;AAAA,QACN,OAAO;AAAA,QACP,MAAMA,kCAAiB,QAAQ;AAAA,QAC/B,UAAU;AAAA,QACV,UAAU;AAAA,QACV,QAAQ,CAAC;AAAA,QACT,oBAAoB;AAAA,QACpB,eAAe;AAAA,QACf,cAAc;AAAA,QACd,eAAe,iCAAQ;AAAA,QACvB,oBAAoB;AAAA,MACtB;AACA;AAAA,IACF,KAAK;AACU,mBAAA;AAAA,QACX,IAAI,oBAAoB,WAAW;AAAA,QACnC,MAAM;AAAA,QACN,OAAO;AAAA,QACP,MAAMA,kCAAiB,WAAW;AAAA,QAClC,UAAU;AAAA,QACV,UAAU;AAAA,QACV,QAAQ,CAAC;AAAA,QACT,oBAAoB;AAAA,QACpB,eAAe,iCAAQ;AAAA,QACvB,cAAc,iCAAQ;AAAA,QACtB,eAAe,iCAAQ;AAAA,QACvB,oBAAoB,iCAAQ;AAAA,MAC9B;AACA;AAAA,IACF,KAAK;AACU,mBAAA;AAAA,QACX,IAAI,oBAAoB,MAAM;AAAA,QAC9B,MAAM;AAAA,QACN,OAAO;AAAA,QACP,MAAMA,kCAAiB,MAAM;AAAA,QAC7B,UAAU;AAAA,QACV,UAAU;AAAA,QACV,QAAQ,CAAC;AAAA,QACT,oBAAoB;AAAA,QACpB,eAAe,iCAAQ;AAAA,QACvB,cAAc,iCAAQ;AAAA,QACtB,eAAe,iCAAQ;AAAA,QACvB,oBAAoB,iCAAQ;AAAA,MAC9B;AACA;AAAA,EAEA;AAKG,SAAA;AACT;AAEA,MAAM,8BAA8B,CAClC,WACA,WACY;;AAAA;AAAA,IACZ,IAAI,eAAe,UAAU,MAAM,cAAc,MAAM;AAAA,IACvD,MAAM,UAAU,KAAK;AAAA,IACrB,OAAO,UAAU,KAAK,SAAS,UAAU;AAAA,IACzC,UAAU;AAAA,IACV,UAAU;AAAA,IACV,QAAQ,CAAC;AAAA,IACT,oBAAoB,iCAAQ;AAAA,IAC5B,eAAe,OAAO;AAAA,IACtB,cAAc,OAAO;AAAA,IACrB,eAAe,iCAAQ;AAAA,IACvB,oBAAoB,iCAAQ;AAAA,IAC5B,MAAMA,iBAAA,iBAAiB,UAAU,MAAM,UAAU,KAAK,MAAM,CAAC,GAAC,eAAU,KAAK,SAAf,mBAAqB,OAAM;AAAA,IACzF,cAAc,CAAC,WAAW,UAAU,EAAE,SAAS,UAAU,KAAK,IAAI;AAAA,EACpE;AAAA;AAEA,MAAM,sBAAsB,CAC1B,QACA,OACA,SACa;AACb,QAAM,cAAwB,CAAC;AAC/B,QAAM,UAA0C,CAAC;AAGjD,MAAI,OAAO;AACH,UAAA,QAAQ,CAAC,aAAa;AAC1B,kBAAY,KAAK;AAAA,QACf,IAAI,SAAS,MAAM,SAAS;AAAA,QAC5B;AAAA,QACA,OAAO,SAAS;AAAA,QAChB,QAAQ,CAAC;AAAA,QACT,MAAM,SAAS;AAAA,QACf,OAAO,SAAS;AAAA,MAAA,CACjB;AAAA,IAAA,CACF;AAAA,EAAA;AAGK,mCAAA,QAAQ,CAAC,UAAU;AAEzB,QAAI,CAAC,MAAO;AAEZ,QAAI,OAAO;AAGX,YAAQ,OAAO,OAAO;AAAA,MACpB,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,eAAO,MAAM,SAAS;AACtB;AAAA,MACF,KAAK;AACC,YAAA,MAAM,QAAQ,KAAK,GAAG;AACjB,iBAAA,MAAM,KAAK,IAAI;AAAA,QAAA,OACjB;AACE,iBAAA,KAAK,UAAU,KAAK;AAAA,QAAA;AAE7B;AAAA,IAEA;AAIJ,UAAM,KAAK,KACR,KAAK,EACL,YAAY,EACZ,QAAQ,gBAAgB,EAAE,EAC1B,QAAQ,QAAQ,GAAG;AAGtB,UAAM,iBAAiB,2CAAa,KAAK,CAAC,aAAa,SAAS,OAAO;AACvE,QAAI,eAAgB;AAGpB,UAAM,gBAAgB,QAAQ,KAAK,CAAC,WAAW,OAAO,OAAO,EAAE;AAC/D,QAAI,eAAe;AACH,oBAAA;AACd;AAAA,IAAA,OACK;AAEL,cAAQ,KAAK;AAAA,QACX;AAAA,QACA;AAAA,QACA,OAAO;AAAA,QACP,QAAQ,CAAC;AAAA,QACT,OAAO;AAAA,MAAA,CACR;AAAA,IAAA;AAAA,EACH;AAIF,UAAQ,KAAK,CAAC,GAAG,MAAM,EAAE,QAAQ,EAAE,KAAK;AAGxC,SAAO,CAAC,GAAG,aAAa,GAAG,OAAO;AACpC;AAEA,MAAM,4BAA4B,CAAC,SAAmB,gBAAkC;AACtF,QAAM,0BAA0B,YAAY,QAAQ,CAAC,QAAQ;AAC3D,QAAI,QAAQ,WAAW;AACd,aAAA,CAAC,YAAY,YAAY;AAAA,IAAA;AAE3B,WAAA;AAAA,EAAA,CACR;AACD,SAAO,CAAC,GAAG,OAAO,EAAE,KAAK,CAAC,GAAG,MAAM;AAC3B,UAAA,SAAS,wBAAwB,QAAQ,EAAE,GAAG,QAAQ,KAAK,GAAG,CAAC;AAC/D,UAAA,SAAS,wBAAwB,QAAQ,EAAE,GAAG,QAAQ,KAAK,GAAG,CAAC;AAGjE,QAAA,WAAW,MAAM,WAAW,IAAI;AAClC,aAAO,SAAS;AAAA,IAAA;AAIlB,QAAI,WAAW,IAAI;AACV,aAAA;AAAA,IAAA;AAET,QAAI,WAAW,IAAI;AACV,aAAA;AAAA,IAAA;AAIF,WAAA;AAAA,EAAA,CACR;AACH;;"}

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

@@ -2,7 +2,6 @@ import { j as jsxRuntimeExports } from "../../../../_virtual/jsx-runtime.es.js";
 import productTypes from "../../util/productTypes.es.js";
 import { isEmpty } from "lodash";
 import "react-toastify";
-import { getEntityTypeIcon } from "../../util/getEntityTypeIcon.es.js";
 import { getAttributeIcon } from "../../util/getAttributeIcon.es.js";
 import "../../util/pubsub.es.js";
 import "../../api/base/client.es.js";
@@ -40,6 +39,7 @@ import "../../api/generated/users.es.js";
 import "../../api/generated/versions.es.js";
 import "../../api/generated/workfiles.es.js";
 import "../../api/generated/ynputCloud.es.js";
+import "../../api/generated/grouping.es.js";
 import "../../api/queries/actions/getActions.es.js";
 import "../../api/queries/activities/getActivities.es.js";
 import "../../api/queries/activities/updateActivities.es.js";
@@ -70,6 +70,7 @@ 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 "../../api/queries/grouping/getGrouping.es.js";
 import { Icon } from "@ynput/ayon-react-components";
 import { dateOptions } from "./filterDates.es.js";
 const useBuildFilterOptions = ({
@@ -356,7 +357,7 @@ const getOptionRoot = (fieldType, config) => {
         id: getRootIdWithPrefix(`taskType`),
         type: "string",
         label: `Task Type`,
-        icon: getEntityTypeIcon("task"),
+        icon: getAttributeIcon("task"),
         inverted: false,
         operator: "OR",
         values: [],
@@ -372,7 +373,7 @@ const getOptionRoot = (fieldType, config) => {
         id: getRootIdWithPrefix(`folderType`),
         type: "string",
         label: `Folder Type`,
-        icon: getEntityTypeIcon("folder"),
+        icon: getAttributeIcon("folder"),
         inverted: false,
         operator: "OR",
         values: [],
@@ -388,7 +389,7 @@ const getOptionRoot = (fieldType, config) => {
         id: getRootIdWithPrefix(`productType`),
         type: "string",
         label: `Product Type`,
-        icon: getEntityTypeIcon("product"),
+        icon: getAttributeIcon("product"),
         inverted: false,
         operator: "OR",
         values: [],
@@ -404,7 +405,7 @@ const getOptionRoot = (fieldType, config) => {
         id: getRootIdWithPrefix("status"),
         type: "string",
         label: "Status",
-        icon: "arrow_circle_right",
+        icon: getAttributeIcon("status"),
         inverted: false,
         operator: "OR",
         values: [],
@@ -420,7 +421,7 @@ const getOptionRoot = (fieldType, config) => {
         id: getRootIdWithPrefix("assignees"),
         type: "list_of_strings",
         label: "Assignee",
-        icon: "person",
+        icon: getAttributeIcon("assignees"),
         inverted: false,
         operator: "OR",
         values: [],
@@ -436,7 +437,7 @@ const getOptionRoot = (fieldType, config) => {
         id: getRootIdWithPrefix("tags"),
         type: "list_of_strings",
         label: "Tags",
-        icon: "local_offer",
+        icon: getAttributeIcon("tags"),
         inverted: false,
         operator: "OR",
         values: [],

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: getEntityTypeIcon('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: getEntityTypeIcon('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: getEntityTypeIcon('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: 'arrow_circle_right',\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: 'person',\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: 'local_offer',\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/SettingsPanel/SettingsPanel.cjs.js

@@ -12,6 +12,7 @@ require("react-dom");
 require("../../context/pip/PiPWrapper.cjs.js");
 require("../../context/AddonProjectContext.cjs.js");
 require("../../context/AddonContext.cjs.js");
+require("../../context/PowerpackContext.cjs.js");
 const SidePanel = styled.div`
   height: 100%;
   overflow: hidden;
@@ -53,12 +54,14 @@ const SettingOption = styled(ayonReactComponents.Button)`
   text-align: left;
   display: flex;
   gap: var(--base-gap-small);
+  padding-right: var(--padding-s);
 
   .title {
     flex: 1;
   }
 
-  .preview {
+  .preview,
+  .arrow {
     color: var(--md-sys-color-outline);
   }
 `;
@@ -81,7 +84,8 @@ const SettingsPanel = ({ settings }) => {
             children: [
               setting2.icon && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ayonReactComponents.Icon, { icon: setting2.icon }),
               /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { className: "title", children: setting2.title }),
-              !!((_a = setting2.preview) == null ? void 0 : _a.toString()) && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { className: "preview", children: setting2.preview })
+              !!((_a = setting2.preview) == null ? void 0 : _a.toString()) && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { className: "preview", children: setting2.preview }),
+              /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ayonReactComponents.Icon, { icon: "chevron_right", className: "arrow" })
             ]
           },
           setting2.id

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

@@ -1 +1 @@
-{"version":3,"file":"SettingsPanel.cjs.js","sources":["../../../../../src/components/SettingsPanel/SettingsPanel.tsx"],"sourcesContent":["import { Button, Icon } from '@ynput/ayon-react-components'\nimport { FC, ReactNode } from 'react'\nimport styled from 'styled-components'\nimport { SettingField, useSettingsPanel } from '@shared/context'\n\n// Side panel styled components\nconst SidePanel = styled.div<{ open: boolean }>`\n  height: 100%;\n  overflow: hidden;\n  background-color: var(--md-sys-color-surface-container-low);\n  border-radius: 4px;\n  z-index: 10;\n  display: flex;\n  flex-direction: column;\n`\n\nconst PanelHeader = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  height: 34px;\n  padding: 0px 4px;\n  border-bottom: 1px solid var(--md-sys-color-outline-variant);\n\n  h3 {\n    margin-left: 4px;\n    padding: 0;\n  }\n`\n\nconst ToolButton = styled(Button)`\n  padding: 4px !important;\n`\n\nconst PanelTitle = styled.h3`\n  margin: 0;\n  flex: 1;\n`\n\nconst PanelContent = styled.div`\n  padding: 8px;\n  flex: 1;\n  overflow-y: auto;\n`\n\nexport const SettingOption = styled(Button)`\n  width: 100%;\n  justify-content: flex-start;\n  margin-bottom: 8px;\n  text-align: left;\n  display: flex;\n  gap: var(--base-gap-small);\n\n  .title {\n    flex: 1;\n  }\n\n  .preview {\n    color: var(--md-sys-color-outline);\n  }\n`\n\nexport interface SettingConfig {\n  id: SettingField\n  title: string\n  component: ReactNode\n  icon?: string\n  preview?: string | number\n}\n\nexport interface SettingsPanelProps {\n  settings: SettingConfig[]\n}\n\nexport const SettingsPanel: FC<SettingsPanelProps> = ({ settings }) => {\n  const { isPanelOpen, selectedSetting, closePanel, backToMainMenu, selectSetting } =\n    useSettingsPanel()\n\n  const getPanelTitle = () => {\n    if (!selectedSetting) return 'Settings'\n    const setting = settings.find((s) => s.id === selectedSetting)\n    return setting?.title || 'Settings'\n  }\n\n  const renderSettingContent = () => {\n    if (!selectedSetting) {\n      // Render main menu\n      return (\n        <>\n          {settings.map((setting) => (\n            <SettingOption\n              key={setting.id}\n              onClick={() => selectSetting(setting.id)}\n              variant=\"text\"\n            >\n              {setting.icon && <Icon icon={setting.icon} />}\n              <span className=\"title\">{setting.title}</span>\n              {!!setting.preview?.toString() && <span className=\"preview\">{setting.preview}</span>}\n            </SettingOption>\n          ))}\n        </>\n      )\n    }\n\n    const setting = settings.find((s) => s.id === selectedSetting)\n    return setting?.component\n  }\n\n  return (\n    <SidePanel open={isPanelOpen}>\n      <PanelHeader>\n        {selectedSetting && settings.length > 1 && (\n          <ToolButton variant=\"text\" icon=\"arrow_back\" onClick={backToMainMenu} />\n        )}\n        <PanelTitle>{getPanelTitle()}</PanelTitle>\n        <ToolButton variant=\"text\" icon=\"close\" onClick={closePanel} />\n      </PanelHeader>\n      <PanelContent>{renderSettingContent()}</PanelContent>\n    </SidePanel>\n  )\n}\n"],"names":["Button","useSettingsPanel","jsx","Fragment","setting","jsxs","Icon"],"mappings":";;;;;;;;;;;;;;AAMA,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUzB,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAc3B,MAAM,aAAa,OAAOA,0BAAM;AAAA;AAAA;AAIhC,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAK1B,MAAM,eAAe,OAAO;AAAA;AAAA;AAAA;AAAA;AAMf,MAAA,gBAAgB,OAAOA,0BAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6BnC,MAAM,gBAAwC,CAAC,EAAE,eAAe;AACrE,QAAM,EAAE,aAAa,iBAAiB,YAAY,gBAAgB,kBAChEC,sCAAiB;AAEnB,QAAM,gBAAgB,MAAM;AACtB,QAAA,CAAC,gBAAwB,QAAA;AAC7B,UAAM,UAAU,SAAS,KAAK,CAAC,MAAM,EAAE,OAAO,eAAe;AAC7D,YAAO,mCAAS,UAAS;AAAA,EAC3B;AAEA,QAAM,uBAAuB,MAAM;AACjC,QAAI,CAAC,iBAAiB;AAEpB,aAEKC,2BAAAA,kBAAAA,IAAAC,WAAAA,kBAAAA,UAAA,EAAA,UAAA,SAAS,IAAI,CAACC;;AACbC,0CAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,SAAS,MAAM,cAAcD,SAAQ,EAAE;AAAA,YACvC,SAAQ;AAAA,YAEP,UAAA;AAAA,cAAAA,SAAQ,QAAQF,iDAACI,oBAAAA,MAAK,EAAA,MAAMF,SAAQ,MAAM;AAAA,+DAC1C,QAAK,EAAA,WAAU,SAAS,UAAAA,SAAQ,OAAM;AAAA,cACtC,CAAC,GAACA,cAAQ,YAARA,mBAAiB,eAAeF,2BAAA,kBAAA,IAAA,QAAA,EAAK,WAAU,WAAW,UAAAE,SAAQ,QAAQ,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UANxEA,SAAQ;AAAA,QAQhB;AAAA,OAAA,GACH;AAAA,IAAA;AAIJ,UAAM,UAAU,SAAS,KAAK,CAAC,MAAM,EAAE,OAAO,eAAe;AAC7D,WAAO,mCAAS;AAAA,EAClB;AAGE,SAAAC,2BAAA,kBAAA,KAAC,WAAU,EAAA,MAAM,aACf,UAAA;AAAA,IAAAA,kDAAC,aACE,EAAA,UAAA;AAAA,MAAmB,mBAAA,SAAS,SAAS,KACnCH,2BAAA,kBAAA,IAAA,YAAA,EAAW,SAAQ,QAAO,MAAK,cAAa,SAAS,eAAgB,CAAA;AAAA,MAExEA,2BAAAA,kBAAAA,IAAC,YAAY,EAAA,UAAA,cAAgB,EAAA,CAAA;AAAA,uDAC5B,YAAW,EAAA,SAAQ,QAAO,MAAK,SAAQ,SAAS,WAAY,CAAA;AAAA,IAAA,GAC/D;AAAA,IACAA,2BAAAA,kBAAAA,IAAC,cAAc,EAAA,UAAA,qBAAA,EAAuB,CAAA;AAAA,EAAA,GACxC;AAEJ;;;"}
+{"version":3,"file":"SettingsPanel.cjs.js","sources":["../../../../../src/components/SettingsPanel/SettingsPanel.tsx"],"sourcesContent":["import { Button, Icon } from '@ynput/ayon-react-components'\nimport { FC, ReactNode } from 'react'\nimport styled from 'styled-components'\nimport { SettingField, useSettingsPanel } from '@shared/context'\n\n// Side panel styled components\nconst SidePanel = styled.div<{ open: boolean }>`\n  height: 100%;\n  overflow: hidden;\n  background-color: var(--md-sys-color-surface-container-low);\n  border-radius: 4px;\n  z-index: 10;\n  display: flex;\n  flex-direction: column;\n`\n\nconst PanelHeader = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  height: 34px;\n  padding: 0px 4px;\n  border-bottom: 1px solid var(--md-sys-color-outline-variant);\n\n  h3 {\n    margin-left: 4px;\n    padding: 0;\n  }\n`\n\nconst ToolButton = styled(Button)`\n  padding: 4px !important;\n`\n\nconst PanelTitle = styled.h3`\n  margin: 0;\n  flex: 1;\n`\n\nconst PanelContent = styled.div`\n  padding: 8px;\n  flex: 1;\n  overflow-y: auto;\n`\n\nexport const SettingOption = styled(Button)`\n  width: 100%;\n  justify-content: flex-start;\n  margin-bottom: 8px;\n  text-align: left;\n  display: flex;\n  gap: var(--base-gap-small);\n  padding-right: var(--padding-s);\n\n  .title {\n    flex: 1;\n  }\n\n  .preview,\n  .arrow {\n    color: var(--md-sys-color-outline);\n  }\n`\n\nexport interface SettingConfig {\n  id: SettingField\n  title: string\n  component: ReactNode\n  icon?: string\n  preview?: string | number\n}\n\nexport interface SettingsPanelProps {\n  settings: SettingConfig[]\n}\n\nexport const SettingsPanel: FC<SettingsPanelProps> = ({ settings }) => {\n  const { isPanelOpen, selectedSetting, closePanel, backToMainMenu, selectSetting } =\n    useSettingsPanel()\n\n  const getPanelTitle = () => {\n    if (!selectedSetting) return 'Settings'\n    const setting = settings.find((s) => s.id === selectedSetting)\n    return setting?.title || 'Settings'\n  }\n\n  const renderSettingContent = () => {\n    if (!selectedSetting) {\n      // Render main menu\n      return (\n        <>\n          {settings.map((setting) => (\n            <SettingOption\n              key={setting.id}\n              onClick={() => selectSetting(setting.id)}\n              variant=\"text\"\n            >\n              {setting.icon && <Icon icon={setting.icon} />}\n              <span className=\"title\">{setting.title}</span>\n              {!!setting.preview?.toString() && <span className=\"preview\">{setting.preview}</span>}\n              <Icon icon=\"chevron_right\" className=\"arrow\" />\n            </SettingOption>\n          ))}\n        </>\n      )\n    }\n\n    const setting = settings.find((s) => s.id === selectedSetting)\n    return setting?.component\n  }\n\n  return (\n    <SidePanel open={isPanelOpen}>\n      <PanelHeader>\n        {selectedSetting && settings.length > 1 && (\n          <ToolButton variant=\"text\" icon=\"arrow_back\" onClick={backToMainMenu} />\n        )}\n        <PanelTitle>{getPanelTitle()}</PanelTitle>\n        <ToolButton variant=\"text\" icon=\"close\" onClick={closePanel} />\n      </PanelHeader>\n      <PanelContent>{renderSettingContent()}</PanelContent>\n    </SidePanel>\n  )\n}\n"],"names":["Button","useSettingsPanel","jsx","Fragment","setting","jsxs","Icon"],"mappings":";;;;;;;;;;;;;;;AAMA,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUzB,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAc3B,MAAM,aAAa,OAAOA,0BAAM;AAAA;AAAA;AAIhC,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAK1B,MAAM,eAAe,OAAO;AAAA;AAAA;AAAA;AAAA;AAMf,MAAA,gBAAgB,OAAOA,0BAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+BnC,MAAM,gBAAwC,CAAC,EAAE,eAAe;AACrE,QAAM,EAAE,aAAa,iBAAiB,YAAY,gBAAgB,kBAChEC,sCAAiB;AAEnB,QAAM,gBAAgB,MAAM;AACtB,QAAA,CAAC,gBAAwB,QAAA;AAC7B,UAAM,UAAU,SAAS,KAAK,CAAC,MAAM,EAAE,OAAO,eAAe;AAC7D,YAAO,mCAAS,UAAS;AAAA,EAC3B;AAEA,QAAM,uBAAuB,MAAM;AACjC,QAAI,CAAC,iBAAiB;AAEpB,aAEKC,2BAAAA,kBAAAA,IAAAC,WAAAA,kBAAAA,UAAA,EAAA,UAAA,SAAS,IAAI,CAACC;;AACbC,0CAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,SAAS,MAAM,cAAcD,SAAQ,EAAE;AAAA,YACvC,SAAQ;AAAA,YAEP,UAAA;AAAA,cAAAA,SAAQ,QAAQF,iDAACI,oBAAAA,MAAK,EAAA,MAAMF,SAAQ,MAAM;AAAA,+DAC1C,QAAK,EAAA,WAAU,SAAS,UAAAA,SAAQ,OAAM;AAAA,cACtC,CAAC,GAACA,cAAQ,YAARA,mBAAiB,eAAeF,2BAAAA,kBAAAA,IAAA,QAAA,EAAK,WAAU,WAAW,UAAAE,SAAQ,QAAQ,CAAA;AAAA,cAC5EF,2BAAA,kBAAA,IAAAI,oBAAA,MAAA,EAAK,MAAK,iBAAgB,WAAU,QAAQ,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAPxCF,SAAQ;AAAA,QAShB;AAAA,OAAA,GACH;AAAA,IAAA;AAIJ,UAAM,UAAU,SAAS,KAAK,CAAC,MAAM,EAAE,OAAO,eAAe;AAC7D,WAAO,mCAAS;AAAA,EAClB;AAGE,SAAAC,2BAAA,kBAAA,KAAC,WAAU,EAAA,MAAM,aACf,UAAA;AAAA,IAAAA,kDAAC,aACE,EAAA,UAAA;AAAA,MAAmB,mBAAA,SAAS,SAAS,KACnCH,2BAAA,kBAAA,IAAA,YAAA,EAAW,SAAQ,QAAO,MAAK,cAAa,SAAS,eAAgB,CAAA;AAAA,MAExEA,2BAAAA,kBAAAA,IAAC,YAAY,EAAA,UAAA,cAAgB,EAAA,CAAA;AAAA,uDAC5B,YAAW,EAAA,SAAQ,QAAO,MAAK,SAAQ,SAAS,WAAY,CAAA;AAAA,IAAA,GAC/D;AAAA,IACAA,2BAAAA,kBAAAA,IAAC,cAAc,EAAA,UAAA,qBAAA,EAAuB,CAAA;AAAA,EAAA,GACxC;AAEJ;;;"}

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

@@ -10,6 +10,7 @@ import "react-dom";
 import "../../context/pip/PiPWrapper.es.js";
 import "../../context/AddonProjectContext.es.js";
 import "../../context/AddonContext.es.js";
+import "../../context/PowerpackContext.es.js";
 const SidePanel = styled.div`
   height: 100%;
   overflow: hidden;
@@ -51,12 +52,14 @@ const SettingOption = styled(Button)`
   text-align: left;
   display: flex;
   gap: var(--base-gap-small);
+  padding-right: var(--padding-s);
 
   .title {
     flex: 1;
   }
 
-  .preview {
+  .preview,
+  .arrow {
     color: var(--md-sys-color-outline);
   }
 `;
@@ -79,7 +82,8 @@ const SettingsPanel = ({ settings }) => {
             children: [
               setting2.icon && /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon: setting2.icon }),
               /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "title", children: setting2.title }),
-              !!((_a = setting2.preview) == null ? void 0 : _a.toString()) && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "preview", children: setting2.preview })
+              !!((_a = setting2.preview) == null ? void 0 : _a.toString()) && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "preview", children: setting2.preview }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon: "chevron_right", className: "arrow" })
             ]
           },
           setting2.id

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

@@ -1 +1 @@
-{"version":3,"file":"SettingsPanel.es.js","sources":["../../../../../src/components/SettingsPanel/SettingsPanel.tsx"],"sourcesContent":["import { Button, Icon } from '@ynput/ayon-react-components'\nimport { FC, ReactNode } from 'react'\nimport styled from 'styled-components'\nimport { SettingField, useSettingsPanel } from '@shared/context'\n\n// Side panel styled components\nconst SidePanel = styled.div<{ open: boolean }>`\n  height: 100%;\n  overflow: hidden;\n  background-color: var(--md-sys-color-surface-container-low);\n  border-radius: 4px;\n  z-index: 10;\n  display: flex;\n  flex-direction: column;\n`\n\nconst PanelHeader = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  height: 34px;\n  padding: 0px 4px;\n  border-bottom: 1px solid var(--md-sys-color-outline-variant);\n\n  h3 {\n    margin-left: 4px;\n    padding: 0;\n  }\n`\n\nconst ToolButton = styled(Button)`\n  padding: 4px !important;\n`\n\nconst PanelTitle = styled.h3`\n  margin: 0;\n  flex: 1;\n`\n\nconst PanelContent = styled.div`\n  padding: 8px;\n  flex: 1;\n  overflow-y: auto;\n`\n\nexport const SettingOption = styled(Button)`\n  width: 100%;\n  justify-content: flex-start;\n  margin-bottom: 8px;\n  text-align: left;\n  display: flex;\n  gap: var(--base-gap-small);\n\n  .title {\n    flex: 1;\n  }\n\n  .preview {\n    color: var(--md-sys-color-outline);\n  }\n`\n\nexport interface SettingConfig {\n  id: SettingField\n  title: string\n  component: ReactNode\n  icon?: string\n  preview?: string | number\n}\n\nexport interface SettingsPanelProps {\n  settings: SettingConfig[]\n}\n\nexport const SettingsPanel: FC<SettingsPanelProps> = ({ settings }) => {\n  const { isPanelOpen, selectedSetting, closePanel, backToMainMenu, selectSetting } =\n    useSettingsPanel()\n\n  const getPanelTitle = () => {\n    if (!selectedSetting) return 'Settings'\n    const setting = settings.find((s) => s.id === selectedSetting)\n    return setting?.title || 'Settings'\n  }\n\n  const renderSettingContent = () => {\n    if (!selectedSetting) {\n      // Render main menu\n      return (\n        <>\n          {settings.map((setting) => (\n            <SettingOption\n              key={setting.id}\n              onClick={() => selectSetting(setting.id)}\n              variant=\"text\"\n            >\n              {setting.icon && <Icon icon={setting.icon} />}\n              <span className=\"title\">{setting.title}</span>\n              {!!setting.preview?.toString() && <span className=\"preview\">{setting.preview}</span>}\n            </SettingOption>\n          ))}\n        </>\n      )\n    }\n\n    const setting = settings.find((s) => s.id === selectedSetting)\n    return setting?.component\n  }\n\n  return (\n    <SidePanel open={isPanelOpen}>\n      <PanelHeader>\n        {selectedSetting && settings.length > 1 && (\n          <ToolButton variant=\"text\" icon=\"arrow_back\" onClick={backToMainMenu} />\n        )}\n        <PanelTitle>{getPanelTitle()}</PanelTitle>\n        <ToolButton variant=\"text\" icon=\"close\" onClick={closePanel} />\n      </PanelHeader>\n      <PanelContent>{renderSettingContent()}</PanelContent>\n    </SidePanel>\n  )\n}\n"],"names":["jsx","Fragment","setting","jsxs"],"mappings":";;;;;;;;;;;;AAMA,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUzB,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAc3B,MAAM,aAAa,OAAO,MAAM;AAAA;AAAA;AAIhC,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAK1B,MAAM,eAAe,OAAO;AAAA;AAAA;AAAA;AAAA;AAMf,MAAA,gBAAgB,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6BnC,MAAM,gBAAwC,CAAC,EAAE,eAAe;AACrE,QAAM,EAAE,aAAa,iBAAiB,YAAY,gBAAgB,kBAChE,iBAAiB;AAEnB,QAAM,gBAAgB,MAAM;AACtB,QAAA,CAAC,gBAAwB,QAAA;AAC7B,UAAM,UAAU,SAAS,KAAK,CAAC,MAAM,EAAE,OAAO,eAAe;AAC7D,YAAO,mCAAS,UAAS;AAAA,EAC3B;AAEA,QAAM,uBAAuB,MAAM;AACjC,QAAI,CAAC,iBAAiB;AAEpB,aAEKA,kCAAAA,IAAAC,kBAAAA,UAAA,EAAA,UAAA,SAAS,IAAI,CAACC;;AACbC,iDAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,SAAS,MAAM,cAAcD,SAAQ,EAAE;AAAA,YACvC,SAAQ;AAAA,YAEP,UAAA;AAAA,cAAAA,SAAQ,QAAQF,sCAAC,MAAK,EAAA,MAAME,SAAQ,MAAM;AAAA,oDAC1C,QAAK,EAAA,WAAU,SAAS,UAAAA,SAAQ,OAAM;AAAA,cACtC,CAAC,GAACA,cAAQ,YAARA,mBAAiB,eAAeF,kCAAA,IAAA,QAAA,EAAK,WAAU,WAAW,UAAAE,SAAQ,QAAQ,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UANxEA,SAAQ;AAAA,QAQhB;AAAA,OAAA,GACH;AAAA,IAAA;AAIJ,UAAM,UAAU,SAAS,KAAK,CAAC,MAAM,EAAE,OAAO,eAAe;AAC7D,WAAO,mCAAS;AAAA,EAClB;AAGE,SAAAC,kCAAA,KAAC,WAAU,EAAA,MAAM,aACf,UAAA;AAAA,IAAAA,uCAAC,aACE,EAAA,UAAA;AAAA,MAAmB,mBAAA,SAAS,SAAS,KACnCH,kCAAA,IAAA,YAAA,EAAW,SAAQ,QAAO,MAAK,cAAa,SAAS,eAAgB,CAAA;AAAA,MAExEA,kCAAAA,IAAC,YAAY,EAAA,UAAA,cAAgB,EAAA,CAAA;AAAA,4CAC5B,YAAW,EAAA,SAAQ,QAAO,MAAK,SAAQ,SAAS,WAAY,CAAA;AAAA,IAAA,GAC/D;AAAA,IACAA,kCAAAA,IAAC,cAAc,EAAA,UAAA,qBAAA,EAAuB,CAAA;AAAA,EAAA,GACxC;AAEJ;"}
+{"version":3,"file":"SettingsPanel.es.js","sources":["../../../../../src/components/SettingsPanel/SettingsPanel.tsx"],"sourcesContent":["import { Button, Icon } from '@ynput/ayon-react-components'\nimport { FC, ReactNode } from 'react'\nimport styled from 'styled-components'\nimport { SettingField, useSettingsPanel } from '@shared/context'\n\n// Side panel styled components\nconst SidePanel = styled.div<{ open: boolean }>`\n  height: 100%;\n  overflow: hidden;\n  background-color: var(--md-sys-color-surface-container-low);\n  border-radius: 4px;\n  z-index: 10;\n  display: flex;\n  flex-direction: column;\n`\n\nconst PanelHeader = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  height: 34px;\n  padding: 0px 4px;\n  border-bottom: 1px solid var(--md-sys-color-outline-variant);\n\n  h3 {\n    margin-left: 4px;\n    padding: 0;\n  }\n`\n\nconst ToolButton = styled(Button)`\n  padding: 4px !important;\n`\n\nconst PanelTitle = styled.h3`\n  margin: 0;\n  flex: 1;\n`\n\nconst PanelContent = styled.div`\n  padding: 8px;\n  flex: 1;\n  overflow-y: auto;\n`\n\nexport const SettingOption = styled(Button)`\n  width: 100%;\n  justify-content: flex-start;\n  margin-bottom: 8px;\n  text-align: left;\n  display: flex;\n  gap: var(--base-gap-small);\n  padding-right: var(--padding-s);\n\n  .title {\n    flex: 1;\n  }\n\n  .preview,\n  .arrow {\n    color: var(--md-sys-color-outline);\n  }\n`\n\nexport interface SettingConfig {\n  id: SettingField\n  title: string\n  component: ReactNode\n  icon?: string\n  preview?: string | number\n}\n\nexport interface SettingsPanelProps {\n  settings: SettingConfig[]\n}\n\nexport const SettingsPanel: FC<SettingsPanelProps> = ({ settings }) => {\n  const { isPanelOpen, selectedSetting, closePanel, backToMainMenu, selectSetting } =\n    useSettingsPanel()\n\n  const getPanelTitle = () => {\n    if (!selectedSetting) return 'Settings'\n    const setting = settings.find((s) => s.id === selectedSetting)\n    return setting?.title || 'Settings'\n  }\n\n  const renderSettingContent = () => {\n    if (!selectedSetting) {\n      // Render main menu\n      return (\n        <>\n          {settings.map((setting) => (\n            <SettingOption\n              key={setting.id}\n              onClick={() => selectSetting(setting.id)}\n              variant=\"text\"\n            >\n              {setting.icon && <Icon icon={setting.icon} />}\n              <span className=\"title\">{setting.title}</span>\n              {!!setting.preview?.toString() && <span className=\"preview\">{setting.preview}</span>}\n              <Icon icon=\"chevron_right\" className=\"arrow\" />\n            </SettingOption>\n          ))}\n        </>\n      )\n    }\n\n    const setting = settings.find((s) => s.id === selectedSetting)\n    return setting?.component\n  }\n\n  return (\n    <SidePanel open={isPanelOpen}>\n      <PanelHeader>\n        {selectedSetting && settings.length > 1 && (\n          <ToolButton variant=\"text\" icon=\"arrow_back\" onClick={backToMainMenu} />\n        )}\n        <PanelTitle>{getPanelTitle()}</PanelTitle>\n        <ToolButton variant=\"text\" icon=\"close\" onClick={closePanel} />\n      </PanelHeader>\n      <PanelContent>{renderSettingContent()}</PanelContent>\n    </SidePanel>\n  )\n}\n"],"names":["jsx","Fragment","setting","jsxs"],"mappings":";;;;;;;;;;;;;AAMA,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUzB,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAc3B,MAAM,aAAa,OAAO,MAAM;AAAA;AAAA;AAIhC,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAK1B,MAAM,eAAe,OAAO;AAAA;AAAA;AAAA;AAAA;AAMf,MAAA,gBAAgB,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+BnC,MAAM,gBAAwC,CAAC,EAAE,eAAe;AACrE,QAAM,EAAE,aAAa,iBAAiB,YAAY,gBAAgB,kBAChE,iBAAiB;AAEnB,QAAM,gBAAgB,MAAM;AACtB,QAAA,CAAC,gBAAwB,QAAA;AAC7B,UAAM,UAAU,SAAS,KAAK,CAAC,MAAM,EAAE,OAAO,eAAe;AAC7D,YAAO,mCAAS,UAAS;AAAA,EAC3B;AAEA,QAAM,uBAAuB,MAAM;AACjC,QAAI,CAAC,iBAAiB;AAEpB,aAEKA,kCAAAA,IAAAC,kBAAAA,UAAA,EAAA,UAAA,SAAS,IAAI,CAACC;;AACbC,iDAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,SAAS,MAAM,cAAcD,SAAQ,EAAE;AAAA,YACvC,SAAQ;AAAA,YAEP,UAAA;AAAA,cAAAA,SAAQ,QAAQF,sCAAC,MAAK,EAAA,MAAME,SAAQ,MAAM;AAAA,oDAC1C,QAAK,EAAA,WAAU,SAAS,UAAAA,SAAQ,OAAM;AAAA,cACtC,CAAC,GAACA,cAAQ,YAARA,mBAAiB,eAAeF,kCAAAA,IAAA,QAAA,EAAK,WAAU,WAAW,UAAAE,SAAQ,QAAQ,CAAA;AAAA,cAC5EF,kCAAA,IAAA,MAAA,EAAK,MAAK,iBAAgB,WAAU,QAAQ,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAPxCE,SAAQ;AAAA,QAShB;AAAA,OAAA,GACH;AAAA,IAAA;AAIJ,UAAM,UAAU,SAAS,KAAK,CAAC,MAAM,EAAE,OAAO,eAAe;AAC7D,WAAO,mCAAS;AAAA,EAClB;AAGE,SAAAC,kCAAA,KAAC,WAAU,EAAA,MAAM,aACf,UAAA;AAAA,IAAAA,uCAAC,aACE,EAAA,UAAA;AAAA,MAAmB,mBAAA,SAAS,SAAS,KACnCH,kCAAA,IAAA,YAAA,EAAW,SAAQ,QAAO,MAAK,cAAa,SAAS,eAAgB,CAAA;AAAA,MAExEA,kCAAAA,IAAC,YAAY,EAAA,UAAA,cAAgB,EAAA,CAAA;AAAA,4CAC5B,YAAW,EAAA,SAAQ,QAAO,MAAK,SAAQ,SAAS,WAAY,CAAA;AAAA,IAAA,GAC/D;AAAA,IACAA,kCAAAA,IAAC,cAAc,EAAA,UAAA,qBAAA,EAAuB,CAAA;AAAA,EAAA,GACxC;AAEJ;"}