npm - @ynput/ayon-frontend-shared - Versions diffs - 0.2.14 → 0.2.15 - Mend

@ynput/ayon-frontend-shared 0.2.14 → 0.2.15

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

Files changed (348) hide show

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

	@@ -1 +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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"}
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: 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":"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"}

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

@@ -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";
@@ -356,7 +355,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 +371,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 +387,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 +403,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 +419,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 +435,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 CHANGED Viewed

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

package/dist/shared/src/components/SettingsPanel/SettingsPanel.cjs.js CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;;;"}
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 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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;"}
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 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;"}

package/dist/shared/src/components/Thumbnail/StackedThumbnails.cjs.js CHANGED Viewed

@@ -14,6 +14,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 StackedStyled = styled.div`
   display: flex;
   z-index: 10;

package/dist/shared/src/components/Thumbnail/StackedThumbnails.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StackedThumbnails.cjs.js","sources":["../../../../../src/components/Thumbnail/StackedThumbnails.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport styled, { css } from 'styled-components'\nimport { Thumbnail } from './Thumbnail'\nimport clsx from 'clsx'\nimport { ThumbnailUploadContext } from '@shared/context'\nimport { ThumbnailProps } from '@shared/components'\n\ntype StackedStyledProps = {\n $length: number\n}\n\nconst StackedStyled = styled.div<StackedStyledProps>`\n display: flex;\n z-index: 10;\n height: 100%;\n position: relative;\n overflow: hidden;\n border-radius: 8px;\n min-width: min-content;\n cursor: pointer;\n\n &.stacking {\n & > * {\n margin: unset;\n aspect-ratio: 1;\n border: solid 2px var(--md-sys-color-outline-variant);\n border-radius: 8px;\n\n span {\n font-size: 24px;\n }\n\n ${({ $length }) =>\n $length > 1 &&\n css`\n :not(:last-child) {\n box-shadow: 0 0 4px 0px black;\n }\n `}\n }\n\n /* create stacked effect /\n & > + * {\n margin-left: ${({ $length }) => `${Math.max(-20, -$length * 1.5 - 8)}px`};\n }\n\n .thumbnail img {\n object-fit: cover;\n }\n }\n`\n\ntype Thumbnail = {\n id?: string\n type?: string\n projectName?: string\n icon?: string\n updatedAt?: string\n src?: string\n}\n\nexport interface StackedThumbnailsProps\n extends Omit<ThumbnailProps, 'entityType' \| 'entityId' \| 'projectName'> {\n thumbnails?: Thumbnail[]\n isLoading?: boolean\n className?: string\n style?: React.CSSProperties\n}\n\nexport const StackedThumbnails = ({\n thumbnails = [],\n isLoading,\n className,\n style,\n ...props\n}: StackedThumbnailsProps) => {\n const { onContextMenu } = useContext(ThumbnailUploadContext)\n // limit to 5 users\n thumbnails = thumbnails.slice(0, 5)\n const isStacking = thumbnails.length > 1\n\n if (!thumbnails.length) return null\n\n return (\n <StackedStyled\n $length={thumbnails.length}\n className={clsx('stacked-thumbnails', className, { stacking: isStacking })}\n >\n {thumbnails.map((thumb, i) =>\n thumb ? (\n <Thumbnail\n projectName={thumb.projectName}\n entityType={thumb.type}\n entityId={thumb.id}\n icon={thumb.icon}\n key={thumb.id \|\| thumb.src \|\| i}\n style={{ ...style, zIndex: -i }}\n entityUpdatedAt={thumb.updatedAt}\n isLoading={isLoading}\n src={thumb.src}\n // @ts-ignore\n onContextMenu={onContextMenu}\n {...props}\n />\n ) : null,\n )}\n </StackedStyled>\n )\n}\n"],"names":["css","useContext","ThumbnailUploadContext","jsx","Thumbnail"],"mappings":"~~;;;;;;;;;;;;;;;;~~AAWA,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAqBrB,CAAC,EAAE,QAAQ,MACX,UAAU,KACVA,OAAA;AAAA;AAAA;AAAA;AAAA,SAIC;AAAA;AAAA;AAAA;AAAA;AAAA,qBAKY,CAAC,EAAE,QAAQ,MAAM,GAAG,KAAK,IAAI,KAAK,CAAC,UAAU,MAAM,CAAC,CAAC,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BvE,MAAM,oBAAoB,CAAC;AAAA,EAChC,aAAa,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA8B;AAC5B,QAAM,EAAE,cAAA,IAAkBC,MAAA,WAAWC,+CAAsB;AAE9C,eAAA,WAAW,MAAM,GAAG,CAAC;AAC5B,QAAA,aAAa,WAAW,SAAS;AAEnC,MAAA,CAAC,WAAW,OAAe,QAAA;AAG7B,SAAAC,2BAAA,kBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,WAAW;AAAA,MACpB,WAAW,KAAK,sBAAsB,WAAW,EAAE,UAAU,YAAY;AAAA,MAExE,UAAW,WAAA;AAAA,QAAI,CAAC,OAAO,MACtB,QACEA,2BAAA,kBAAA;AAAA,UAACC,UAAA;AAAA,UAAA;AAAA,YACC,aAAa,MAAM;AAAA,YACnB,YAAY,MAAM;AAAA,YAClB,UAAU,MAAM;AAAA,YAChB,MAAM,MAAM;AAAA,YAEZ,OAAO,EAAE,GAAG,OAAO,QAAQ,CAAC,EAAE;AAAA,YAC9B,iBAAiB,MAAM;AAAA,YACvB;AAAA,YACA,KAAK,MAAM;AAAA,YAEX;AAAA,YACC,GAAG;AAAA,UAAA;AAAA,UAPC,MAAM,MAAM,MAAM,OAAO;AAAA,QAAA,IAS9B;AAAA,MAAA;AAAA,IACN;AAAA,EACF;AAEJ;;"}
1	+ {"version":3,"file":"StackedThumbnails.cjs.js","sources":["../../../../../src/components/Thumbnail/StackedThumbnails.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport styled, { css } from 'styled-components'\nimport { Thumbnail } from './Thumbnail'\nimport clsx from 'clsx'\nimport { ThumbnailUploadContext } from '@shared/context'\nimport { ThumbnailProps } from '@shared/components'\n\ntype StackedStyledProps = {\n $length: number\n}\n\nconst StackedStyled = styled.div<StackedStyledProps>`\n display: flex;\n z-index: 10;\n height: 100%;\n position: relative;\n overflow: hidden;\n border-radius: 8px;\n min-width: min-content;\n cursor: pointer;\n\n &.stacking {\n & > * {\n margin: unset;\n aspect-ratio: 1;\n border: solid 2px var(--md-sys-color-outline-variant);\n border-radius: 8px;\n\n span {\n font-size: 24px;\n }\n\n ${({ $length }) =>\n $length > 1 &&\n css`\n :not(:last-child) {\n box-shadow: 0 0 4px 0px black;\n }\n `}\n }\n\n /* create stacked effect /\n & > + * {\n margin-left: ${({ $length }) => `${Math.max(-20, -$length * 1.5 - 8)}px`};\n }\n\n .thumbnail img {\n object-fit: cover;\n }\n }\n`\n\ntype Thumbnail = {\n id?: string\n type?: string\n projectName?: string\n icon?: string\n updatedAt?: string\n src?: string\n}\n\nexport interface StackedThumbnailsProps\n extends Omit<ThumbnailProps, 'entityType' \| 'entityId' \| 'projectName'> {\n thumbnails?: Thumbnail[]\n isLoading?: boolean\n className?: string\n style?: React.CSSProperties\n}\n\nexport const StackedThumbnails = ({\n thumbnails = [],\n isLoading,\n className,\n style,\n ...props\n}: StackedThumbnailsProps) => {\n const { onContextMenu } = useContext(ThumbnailUploadContext)\n // limit to 5 users\n thumbnails = thumbnails.slice(0, 5)\n const isStacking = thumbnails.length > 1\n\n if (!thumbnails.length) return null\n\n return (\n <StackedStyled\n $length={thumbnails.length}\n className={clsx('stacked-thumbnails', className, { stacking: isStacking })}\n >\n {thumbnails.map((thumb, i) =>\n thumb ? (\n <Thumbnail\n projectName={thumb.projectName}\n entityType={thumb.type}\n entityId={thumb.id}\n icon={thumb.icon}\n key={thumb.id \|\| thumb.src \|\| i}\n style={{ ...style, zIndex: -i }}\n entityUpdatedAt={thumb.updatedAt}\n isLoading={isLoading}\n src={thumb.src}\n // @ts-ignore\n onContextMenu={onContextMenu}\n {...props}\n />\n ) : null,\n )}\n </StackedStyled>\n )\n}\n"],"names":["css","useContext","ThumbnailUploadContext","jsx","Thumbnail"],"mappings":";;;;;;;;;;;;;;;;;AAWA,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAqBrB,CAAC,EAAE,QAAQ,MACX,UAAU,KACVA,OAAA;AAAA;AAAA;AAAA;AAAA,SAIC;AAAA;AAAA;AAAA;AAAA;AAAA,qBAKY,CAAC,EAAE,QAAQ,MAAM,GAAG,KAAK,IAAI,KAAK,CAAC,UAAU,MAAM,CAAC,CAAC,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BvE,MAAM,oBAAoB,CAAC;AAAA,EAChC,aAAa,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA8B;AAC5B,QAAM,EAAE,cAAA,IAAkBC,MAAA,WAAWC,+CAAsB;AAE9C,eAAA,WAAW,MAAM,GAAG,CAAC;AAC5B,QAAA,aAAa,WAAW,SAAS;AAEnC,MAAA,CAAC,WAAW,OAAe,QAAA;AAG7B,SAAAC,2BAAA,kBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,WAAW;AAAA,MACpB,WAAW,KAAK,sBAAsB,WAAW,EAAE,UAAU,YAAY;AAAA,MAExE,UAAW,WAAA;AAAA,QAAI,CAAC,OAAO,MACtB,QACEA,2BAAA,kBAAA;AAAA,UAACC,UAAA;AAAA,UAAA;AAAA,YACC,aAAa,MAAM;AAAA,YACnB,YAAY,MAAM;AAAA,YAClB,UAAU,MAAM;AAAA,YAChB,MAAM,MAAM;AAAA,YAEZ,OAAO,EAAE,GAAG,OAAO,QAAQ,CAAC,EAAE;AAAA,YAC9B,iBAAiB,MAAM;AAAA,YACvB;AAAA,YACA,KAAK,MAAM;AAAA,YAEX;AAAA,YACC,GAAG;AAAA,UAAA;AAAA,UAPC,MAAM,MAAM,MAAM,OAAO;AAAA,QAAA,IAS9B;AAAA,MAAA;AAAA,IACN;AAAA,EACF;AAEJ;;"}

package/dist/shared/src/components/Thumbnail/StackedThumbnails.es.js CHANGED Viewed

@@ -12,6 +12,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 StackedStyled = styled.div`
   display: flex;
   z-index: 10;

package/dist/shared/src/components/Thumbnail/StackedThumbnails.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StackedThumbnails.es.js","sources":["../../../../../src/components/Thumbnail/StackedThumbnails.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport styled, { css } from 'styled-components'\nimport { Thumbnail } from './Thumbnail'\nimport clsx from 'clsx'\nimport { ThumbnailUploadContext } from '@shared/context'\nimport { ThumbnailProps } from '@shared/components'\n\ntype StackedStyledProps = {\n $length: number\n}\n\nconst StackedStyled = styled.div<StackedStyledProps>`\n display: flex;\n z-index: 10;\n height: 100%;\n position: relative;\n overflow: hidden;\n border-radius: 8px;\n min-width: min-content;\n cursor: pointer;\n\n &.stacking {\n & > * {\n margin: unset;\n aspect-ratio: 1;\n border: solid 2px var(--md-sys-color-outline-variant);\n border-radius: 8px;\n\n span {\n font-size: 24px;\n }\n\n ${({ $length }) =>\n $length > 1 &&\n css`\n :not(:last-child) {\n box-shadow: 0 0 4px 0px black;\n }\n `}\n }\n\n /* create stacked effect /\n & > + * {\n margin-left: ${({ $length }) => `${Math.max(-20, -$length * 1.5 - 8)}px`};\n }\n\n .thumbnail img {\n object-fit: cover;\n }\n }\n`\n\ntype Thumbnail = {\n id?: string\n type?: string\n projectName?: string\n icon?: string\n updatedAt?: string\n src?: string\n}\n\nexport interface StackedThumbnailsProps\n extends Omit<ThumbnailProps, 'entityType' \| 'entityId' \| 'projectName'> {\n thumbnails?: Thumbnail[]\n isLoading?: boolean\n className?: string\n style?: React.CSSProperties\n}\n\nexport const StackedThumbnails = ({\n thumbnails = [],\n isLoading,\n className,\n style,\n ...props\n}: StackedThumbnailsProps) => {\n const { onContextMenu } = useContext(ThumbnailUploadContext)\n // limit to 5 users\n thumbnails = thumbnails.slice(0, 5)\n const isStacking = thumbnails.length > 1\n\n if (!thumbnails.length) return null\n\n return (\n <StackedStyled\n $length={thumbnails.length}\n className={clsx('stacked-thumbnails', className, { stacking: isStacking })}\n >\n {thumbnails.map((thumb, i) =>\n thumb ? (\n <Thumbnail\n projectName={thumb.projectName}\n entityType={thumb.type}\n entityId={thumb.id}\n icon={thumb.icon}\n key={thumb.id \|\| thumb.src \|\| i}\n style={{ ...style, zIndex: -i }}\n entityUpdatedAt={thumb.updatedAt}\n isLoading={isLoading}\n src={thumb.src}\n // @ts-ignore\n onContextMenu={onContextMenu}\n {...props}\n />\n ) : null,\n )}\n </StackedStyled>\n )\n}\n"],"names":["jsx"],"mappings":"~~;;;;;;;;;;;;;;~~AAWA,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAqBrB,CAAC,EAAE,QAAQ,MACX,UAAU,KACV;AAAA;AAAA;AAAA;AAAA,SAIC;AAAA;AAAA;AAAA;AAAA;AAAA,qBAKY,CAAC,EAAE,QAAQ,MAAM,GAAG,KAAK,IAAI,KAAK,CAAC,UAAU,MAAM,CAAC,CAAC,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BvE,MAAM,oBAAoB,CAAC;AAAA,EAChC,aAAa,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA8B;AAC5B,QAAM,EAAE,cAAA,IAAkB,WAAW,sBAAsB;AAE9C,eAAA,WAAW,MAAM,GAAG,CAAC;AAC5B,QAAA,aAAa,WAAW,SAAS;AAEnC,MAAA,CAAC,WAAW,OAAe,QAAA;AAG7B,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,WAAW;AAAA,MACpB,WAAW,KAAK,sBAAsB,WAAW,EAAE,UAAU,YAAY;AAAA,MAExE,UAAW,WAAA;AAAA,QAAI,CAAC,OAAO,MACtB,QACEA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,aAAa,MAAM;AAAA,YACnB,YAAY,MAAM;AAAA,YAClB,UAAU,MAAM;AAAA,YAChB,MAAM,MAAM;AAAA,YAEZ,OAAO,EAAE,GAAG,OAAO,QAAQ,CAAC,EAAE;AAAA,YAC9B,iBAAiB,MAAM;AAAA,YACvB;AAAA,YACA,KAAK,MAAM;AAAA,YAEX;AAAA,YACC,GAAG;AAAA,UAAA;AAAA,UAPC,MAAM,MAAM,MAAM,OAAO;AAAA,QAAA,IAS9B;AAAA,MAAA;AAAA,IACN;AAAA,EACF;AAEJ;"}
1	+ {"version":3,"file":"StackedThumbnails.es.js","sources":["../../../../../src/components/Thumbnail/StackedThumbnails.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport styled, { css } from 'styled-components'\nimport { Thumbnail } from './Thumbnail'\nimport clsx from 'clsx'\nimport { ThumbnailUploadContext } from '@shared/context'\nimport { ThumbnailProps } from '@shared/components'\n\ntype StackedStyledProps = {\n $length: number\n}\n\nconst StackedStyled = styled.div<StackedStyledProps>`\n display: flex;\n z-index: 10;\n height: 100%;\n position: relative;\n overflow: hidden;\n border-radius: 8px;\n min-width: min-content;\n cursor: pointer;\n\n &.stacking {\n & > * {\n margin: unset;\n aspect-ratio: 1;\n border: solid 2px var(--md-sys-color-outline-variant);\n border-radius: 8px;\n\n span {\n font-size: 24px;\n }\n\n ${({ $length }) =>\n $length > 1 &&\n css`\n :not(:last-child) {\n box-shadow: 0 0 4px 0px black;\n }\n `}\n }\n\n /* create stacked effect /\n & > + * {\n margin-left: ${({ $length }) => `${Math.max(-20, -$length * 1.5 - 8)}px`};\n }\n\n .thumbnail img {\n object-fit: cover;\n }\n }\n`\n\ntype Thumbnail = {\n id?: string\n type?: string\n projectName?: string\n icon?: string\n updatedAt?: string\n src?: string\n}\n\nexport interface StackedThumbnailsProps\n extends Omit<ThumbnailProps, 'entityType' \| 'entityId' \| 'projectName'> {\n thumbnails?: Thumbnail[]\n isLoading?: boolean\n className?: string\n style?: React.CSSProperties\n}\n\nexport const StackedThumbnails = ({\n thumbnails = [],\n isLoading,\n className,\n style,\n ...props\n}: StackedThumbnailsProps) => {\n const { onContextMenu } = useContext(ThumbnailUploadContext)\n // limit to 5 users\n thumbnails = thumbnails.slice(0, 5)\n const isStacking = thumbnails.length > 1\n\n if (!thumbnails.length) return null\n\n return (\n <StackedStyled\n $length={thumbnails.length}\n className={clsx('stacked-thumbnails', className, { stacking: isStacking })}\n >\n {thumbnails.map((thumb, i) =>\n thumb ? (\n <Thumbnail\n projectName={thumb.projectName}\n entityType={thumb.type}\n entityId={thumb.id}\n icon={thumb.icon}\n key={thumb.id \|\| thumb.src \|\| i}\n style={{ ...style, zIndex: -i }}\n entityUpdatedAt={thumb.updatedAt}\n isLoading={isLoading}\n src={thumb.src}\n // @ts-ignore\n onContextMenu={onContextMenu}\n {...props}\n />\n ) : null,\n )}\n </StackedStyled>\n )\n}\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;;;;AAWA,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAqBrB,CAAC,EAAE,QAAQ,MACX,UAAU,KACV;AAAA;AAAA;AAAA;AAAA,SAIC;AAAA;AAAA;AAAA;AAAA;AAAA,qBAKY,CAAC,EAAE,QAAQ,MAAM,GAAG,KAAK,IAAI,KAAK,CAAC,UAAU,MAAM,CAAC,CAAC,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BvE,MAAM,oBAAoB,CAAC;AAAA,EAChC,aAAa,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA8B;AAC5B,QAAM,EAAE,cAAA,IAAkB,WAAW,sBAAsB;AAE9C,eAAA,WAAW,MAAM,GAAG,CAAC;AAC5B,QAAA,aAAa,WAAW,SAAS;AAEnC,MAAA,CAAC,WAAW,OAAe,QAAA;AAG7B,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,WAAW;AAAA,MACpB,WAAW,KAAK,sBAAsB,WAAW,EAAE,UAAU,YAAY;AAAA,MAExE,UAAW,WAAA;AAAA,QAAI,CAAC,OAAO,MACtB,QACEA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,aAAa,MAAM;AAAA,YACnB,YAAY,MAAM;AAAA,YAClB,UAAU,MAAM;AAAA,YAChB,MAAM,MAAM;AAAA,YAEZ,OAAO,EAAE,GAAG,OAAO,QAAQ,CAAC,EAAE;AAAA,YAC9B,iBAAiB,MAAM;AAAA,YACvB;AAAA,YACA,KAAK,MAAM;AAAA,YAEX;AAAA,YACC,GAAG;AAAA,UAAA;AAAA,UAPC,MAAM,MAAM,MAAM,OAAO;AAAA,QAAA,IAS9B;AAAA,MAAA;AAAA,IACN;AAAA,EACF;AAEJ;"}

package/dist/shared/src/containers/Actions/ActionConfigDialog.cjs.js CHANGED Viewed

@@ -91,6 +91,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");
 require("../../components/ReviewableCard/ReviewableCard.cjs.js");
 require("../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");
 require("../../components/FileThumbnail/FileThumbnail.cjs.js");
@@ -134,6 +135,7 @@ require("../ProjectTreeTable/context/CellEditingContext.cjs.js");
 require("../ProjectTreeTable/context/ClipboardContext.cjs.js");
 require("../ProjectTreeTable/context/ProjectTableSelectionContext.cjs.js");
 require("../ProjectTreeTable/context/ProjectDataContext.cjs.js");
+require("../ProjectTreeTable/context/ProjectTableModulesContext.cjs.js");
 require("@tanstack/react-table");
 require("../ProjectTreeTable/widgets/CollapsedWidget.cjs.js");
 require("../ProjectTreeTable/widgets/DateWidget.cjs.js");
@@ -142,10 +144,12 @@ require("../ProjectTreeTable/widgets/TextWidget.cjs.js");
 require("../ProjectTreeTable/widgets/BooleanWidget.cjs.js");
 require("../ProjectTreeTable/widgets/CellWidget.cjs.js");
 require("../ProjectTreeTable/widgets/EntityNameWidget.cjs.js");
+require("../ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");
 require("../ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");
 require("../ProjectTreeTable/ProjectTreeTable.styled.cjs.js");
 require("../ProjectTreeTable/components/SelectionCell.cjs.js");
 require("../ProjectTreeTable/components/RowSelectionHeader.cjs.js");
+require("../ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");
 require("../DetailsPanel/DetailsPanel.styled.cjs.js");
 require("../../../../_virtual/runtime.cjs.js");
 require("../../../../_virtual/semver.cjs.js");
@@ -167,6 +171,9 @@ require("../../components/EntityPath/SegmentProvider.cjs.js");
 require("../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");
 require("../../components/Watchers/Watchers.cjs.js");
 require("../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");
+require("../../components/Powerpack/PowerpackButton.cjs.js");
+require("../../components/Powerpack/PricingLink.cjs.js");
+require("../../components/Powerpack/PowerpackDialog.styled.cjs.js");
 require("../../components/SettingsPanel/SettingsPanel.cjs.js");
 require("../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");
 require("../../components/AttributeEditor/components/MinMaxField.cjs.js");