@ynput/ayon-frontend-shared 0.2.13 → 0.2.15

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

@@ -0,0 +1,547 @@
+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 { getAttributeIcon } from "../../util/getAttributeIcon.es.js";
+import "../../util/pubsub.es.js";
+import "../../api/base/client.es.js";
+import "../../api/generated/graphql.es.js";
+import "../../api/generated/access.es.js";
+import "../../api/generated/actions.es.js";
+import "../../api/generated/activityFeed.es.js";
+import "../../api/generated/addons.es.js";
+import "../../api/generated/anatomy.es.js";
+import "../../api/generated/attributes.es.js";
+import "../../api/generated/authentication.es.js";
+import "../../api/generated/bundles.es.js";
+import "../../api/generated/configuration.es.js";
+import "../../api/generated/desktop.es.js";
+import "../../api/generated/entityLists.es.js";
+import "../../api/generated/events.es.js";
+import "../../api/generated/files.es.js";
+import "../../api/generated/folders.es.js";
+import "../../api/generated/inbox.es.js";
+import "../../api/generated/links.es.js";
+import "../../api/generated/market.es.js";
+import "../../api/generated/onboarding.es.js";
+import "../../api/generated/operations.es.js";
+import "../../api/generated/products.es.js";
+import "../../api/generated/projectDashboard.es.js";
+import "../../api/generated/projects.es.js";
+import "../../api/generated/reviewables.es.js";
+import "../../api/generated/services.es.js";
+import "../../api/generated/system.es.js";
+import "../../api/generated/tasks.es.js";
+import "../../api/generated/teams.es.js";
+import "../../api/generated/thumbnails.es.js";
+import "../../api/generated/uRIs.es.js";
+import "../../api/generated/users.es.js";
+import "../../api/generated/versions.es.js";
+import "../../api/generated/workfiles.es.js";
+import "../../api/generated/ynputCloud.es.js";
+import "../../api/queries/actions/getActions.es.js";
+import "../../api/queries/activities/getActivities.es.js";
+import "../../api/queries/activities/updateActivities.es.js";
+import "../../api/queries/activities/updateReaction.es.js";
+import "../../api/queries/activities/getMentions.es.js";
+import "../../api/queries/addons/getAddons.es.js";
+import "../../api/queries/addons/updateAddons.es.js";
+import "../../api/queries/attributes/getAttributes.es.js";
+import "../../api/queries/attributes/updateAttributes.es.js";
+import "../../api/queries/authentication/getAuthentication.es.js";
+import "../../api/queries/entities/getEntity.es.js";
+import "../../api/queries/entities/getEntityPanel.es.js";
+import "../../api/queries/entities/updateEntity.es.js";
+import "../../api/queries/entityLists/getLists.es.js";
+import "../../api/queries/entityLists/updateLists.es.js";
+import "../../api/queries/entityLists/getListsAttributes.es.js";
+import "../../api/queries/entityLists/updateListsAttributes.es.js";
+import "../../api/queries/folders/getFolders.es.js";
+import "../../api/queries/overview/getOverview.es.js";
+import "../../api/queries/overview/updateOverview.es.js";
+import "../../api/queries/project/getProject.es.js";
+import "../../api/queries/project/updateProject.es.js";
+import "../../api/queries/review/getReview.es.js";
+import "../../api/queries/review/updateReview.es.js";
+import { useGetSiteInfoQuery } from "../../api/queries/system/getSystem.es.js";
+import { useGetProjectsInfoQuery, useGetKanbanProjectUsersQuery } from "../../api/queries/userDashboard/getUserDashboard.es.js";
+import "../../api/queries/users/getUsers.es.js";
+import "../../api/queries/users/updateUsers.es.js";
+import "../../api/queries/watchers/getWatchers.es.js";
+import "../../api/queries/permissions/getPermissions.es.js";
+import { Icon } from "@ynput/ayon-react-components";
+import { dateOptions } from "./filterDates.es.js";
+const useBuildFilterOptions = ({
+  filterTypes,
+  projectNames,
+  scope,
+  data,
+  config,
+  columnOrder = [],
+  power
+}) => {
+  var _a, _b, _c, _d, _e, _f;
+  let options = [];
+  const { data: projectsInfo = {} } = useGetProjectsInfoQuery(
+    {
+      projects: projectNames
+    },
+    {
+      skip: !(projectNames == null ? void 0 : projectNames.length) || !["entitySubType", "status"].some((type) => filterTypes.includes(type))
+    }
+  );
+  const { data: projectUsers = [] } = useGetKanbanProjectUsersQuery(
+    { projects: projectNames },
+    {
+      skip: !(projectNames == null ? void 0 : projectNames.length) || !filterTypes.includes("users") && !filterTypes.includes("assignees")
+    }
+  );
+  const { data: info } = useGetSiteInfoQuery(
+    { full: true },
+    { skip: !filterTypes.includes("attributes") }
+  );
+  const { attributes = [] } = info || {};
+  if (filterTypes.includes("taskType") && scope !== "user") {
+    const entitySubTypeOption = getOptionRoot("taskType", {
+      ...config,
+      enableOperatorChange: false
+    });
+    if (entitySubTypeOption) {
+      let subTypes = getSubTypes(projectsInfo, "task");
+      (_a = entitySubTypeOption.values) == null ? void 0 : _a.push(...subTypes);
+      options.push(entitySubTypeOption);
+    }
+  }
+  if (filterTypes.includes("folderType") && scope !== "user") {
+    const entitySubTypeOption = getOptionRoot("folderType", {
+      ...config,
+      enableOperatorChange: false
+    });
+    if (entitySubTypeOption) {
+      let subTypes = getSubTypes(projectsInfo, "folder");
+      (_b = entitySubTypeOption.values) == null ? void 0 : _b.push(...subTypes);
+      options.push(entitySubTypeOption);
+    }
+  }
+  if (filterTypes.includes("productType") && scope !== "user") {
+    const entitySubTypeOption = getOptionRoot("productType", {
+      ...config,
+      enableOperatorChange: false
+    });
+    if (entitySubTypeOption) {
+      let subTypes = getSubTypes(projectsInfo, "product");
+      (_c = entitySubTypeOption.values) == null ? void 0 : _c.push(...subTypes);
+      options.push(entitySubTypeOption);
+    }
+  }
+  if (filterTypes.includes("status")) {
+    const statusOption = getOptionRoot("status", { ...config, enableOperatorChange: false });
+    if (statusOption) {
+      Object.values(projectsInfo).forEach((project) => {
+        const statuses = (project == null ? void 0 : project.statuses) || [];
+        statuses.forEach((status) => {
+          var _a2, _b2;
+          if (!((_a2 = statusOption.values) == null ? void 0 : _a2.some((value) => value.id === status.name))) {
+            (_b2 = statusOption.values) == null ? void 0 : _b2.push({
+              id: status.name,
+              label: status.name,
+              icon: status.icon,
+              color: status.color
+            });
+          }
+        });
+      });
+      options.push(statusOption);
+    }
+  }
+  if (filterTypes.includes("assignees")) {
+    const assigneesOption = getOptionRoot("assignees", config);
+    if (assigneesOption) {
+      projectUsers.forEach((user) => {
+        var _a2, _b2;
+        if (!((_a2 = assigneesOption.values) == null ? void 0 : _a2.some((value) => value.id === user.name))) {
+          (_b2 = assigneesOption.values) == null ? void 0 : _b2.push({
+            id: user.name,
+            label: user.attrib.fullName || user.name,
+            img: `/api/users/${user.name}/avatar`,
+            icon: null
+          });
+        }
+      });
+      (_d = assigneesOption.values) == null ? void 0 : _d.sort((a, b) => {
+        var _a2, _b2;
+        const aCount = ((_a2 = data.assignees) == null ? void 0 : _a2.filter((assignee) => assignee === a.id).length) || 0;
+        const bCount = ((_b2 = data.assignees) == null ? void 0 : _b2.filter((assignee) => assignee === b.id).length) || 0;
+        return bCount - aCount;
+      });
+      options.push(assigneesOption);
+    }
+  }
+  if (filterTypes.includes("tags")) {
+    const tagsOption = getOptionRoot("tags", config);
+    if (tagsOption) {
+      const tagsAnatomy = /* @__PURE__ */ new Map();
+      Object.values(projectsInfo).forEach((project) => {
+        if (project == null ? void 0 : project.tags) {
+          project.tags.forEach((tag) => {
+            if (!tagsAnatomy.has(tag.name)) {
+              tagsAnatomy.set(tag.name, tag);
+            }
+          });
+        }
+      });
+      const tagOptionValuesMap = /* @__PURE__ */ new Map();
+      (_e = data.tags) == null ? void 0 : _e.forEach((tag) => {
+        const existingTag = tagOptionValuesMap.get(tag);
+        if (existingTag) {
+          existingTag.count++;
+          return;
+        } else {
+          const tagData = tagsAnatomy.get(tag);
+          tagOptionValuesMap.set(tag, {
+            id: tag,
+            type: "string",
+            label: tag,
+            values: [],
+            color: (tagData == null ? void 0 : tagData.color) || null,
+            count: 1
+          });
+        }
+      });
+      const tagOptionValues = Array.from(tagOptionValuesMap.values()).sort(
+        (a, b) => b.count - a.count
+      );
+      (_f = tagsOption.values) == null ? void 0 : _f.push(...tagOptionValues);
+      options.push(tagsOption);
+    }
+  }
+  if (filterTypes.includes("attributes")) {
+    const attributesByScope = attributes.filter((attribute) => {
+      var _a2;
+      return (_a2 = attribute.scope) == null ? void 0 : _a2.includes(scope);
+    });
+    const attributesByValues = !isEmpty(data.attributes) ? attributesByScope.filter((attribute) => data.attributes && data.attributes[attribute.name]) : attributesByScope;
+    const attributesWithoutDates = (config == null ? void 0 : config.enableRelativeValues) ? attributesByValues : attributesByValues.filter((attribute) => attribute.data.type !== "datetime");
+    attributesWithoutDates.forEach((attribute) => {
+      var _a2;
+      const realData = data.attributes && data.attributes[attribute.name];
+      const enums = attribute.data.enum;
+      const type = attribute.data.type;
+      const isListOf = [
+        "list_of_strings",
+        "list_of_integers",
+        "list_of_any",
+        "list_of_submodels"
+      ].includes(type);
+      const isDate = type === "datetime";
+      const enableOperatorChange = isListOf ? config == null ? void 0 : config.enableOperatorChange : false;
+      const enableRelativeValues = isListOf || isDate ? config == null ? void 0 : config.enableRelativeValues : false;
+      const option = getAttributeFieldOptionRoot(attribute, {
+        ...config,
+        allowsCustomValues: true,
+        enableOperatorChange,
+        enableRelativeValues
+      });
+      const suggestValuesForTypes = [
+        "string",
+        "integer",
+        "float",
+        "list_of_strings",
+        "list_of_integers"
+      ];
+      const optionValues = [];
+      if (suggestValuesForTypes.includes(type)) {
+        const options2 = getAttributeOptions(realData, enums, type);
+        optionValues.push(...options2);
+      }
+      if (type === "boolean") {
+        const options2 = [
+          {
+            id: "true",
+            label: "Yes",
+            values: [],
+            icon: "radio_button_checked"
+          },
+          {
+            id: "false",
+            label: "No",
+            values: [],
+            icon: "radio_button_unchecked"
+          }
+        ];
+        optionValues.push(...options2);
+      }
+      if (isDate) {
+        optionValues.push(
+          ...dateOptions.map((o) => ({
+            ...o,
+            contentAfter: power ? void 0 : /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon: "bolt" })
+          }))
+        );
+      }
+      (_a2 = option.values) == null ? void 0 : _a2.push(...optionValues);
+      options.push(option);
+    });
+  }
+  if (columnOrder) {
+    return sortOptionsBasedOnColumns(options, columnOrder);
+  } else return options;
+};
+const getSubTypes = (projectsInfo, type) => {
+  const options = [];
+  if (type === "product") {
+    Object.values(productTypes).forEach(({ icon, name }) => {
+      options.push({
+        id: name,
+        type: "string",
+        label: name,
+        icon,
+        inverted: false,
+        values: [],
+        allowsCustomValues: false
+      });
+    });
+  } else if (type === "task") {
+    Object.values(projectsInfo).forEach((project) => {
+      const taskTypes = (project == null ? void 0 : project.taskTypes) || [];
+      taskTypes.forEach((taskType) => {
+        if (!options.some((option) => option.id === taskType.name)) {
+          options.push({
+            id: taskType.name,
+            type: "string",
+            label: taskType.name,
+            icon: taskType.icon,
+            inverted: false,
+            values: [],
+            allowsCustomValues: false
+          });
+        }
+      });
+    });
+  } else if (type === "folder") {
+    Object.values(projectsInfo).forEach((project) => {
+      const folderTypes = (project == null ? void 0 : project.folderTypes) || [];
+      folderTypes.forEach((folderType) => {
+        if (!options.some((option) => option.id === folderType.name)) {
+          options.push({
+            id: folderType.name,
+            type: "string",
+            label: folderType.name,
+            icon: folderType.icon,
+            inverted: false,
+            values: [],
+            allowsCustomValues: false
+          });
+        }
+      });
+    });
+  }
+  return options;
+};
+const getFormattedId = (base, fieldType, config) => {
+  const { prefixes, keys } = config || {};
+  if (keys && fieldType in keys) {
+    return `${keys[fieldType]}`;
+  } else if (prefixes && fieldType in prefixes) {
+    return `${prefixes[fieldType]}${base}`;
+  } else return base;
+};
+const getOptionRoot = (fieldType, config) => {
+  const getRootIdWithPrefix = (base) => getFormattedId(base, fieldType, config);
+  let rootOption = null;
+  switch (fieldType) {
+    case "taskType":
+      rootOption = {
+        id: getRootIdWithPrefix(`taskType`),
+        type: "string",
+        label: `Task Type`,
+        icon: getAttributeIcon("task"),
+        inverted: false,
+        operator: "OR",
+        values: [],
+        allowsCustomValues: false,
+        allowHasValue: false,
+        allowNoValue: false,
+        allowExcludes: config == null ? void 0 : config.enableExcludes,
+        operatorChangeable: false
+      };
+      break;
+    case "folderType":
+      rootOption = {
+        id: getRootIdWithPrefix(`folderType`),
+        type: "string",
+        label: `Folder Type`,
+        icon: getAttributeIcon("folder"),
+        inverted: false,
+        operator: "OR",
+        values: [],
+        allowsCustomValues: false,
+        allowHasValue: false,
+        allowNoValue: false,
+        allowExcludes: config == null ? void 0 : config.enableExcludes,
+        operatorChangeable: false
+      };
+      break;
+    case "productType":
+      rootOption = {
+        id: getRootIdWithPrefix(`productType`),
+        type: "string",
+        label: `Product Type`,
+        icon: getAttributeIcon("product"),
+        inverted: false,
+        operator: "OR",
+        values: [],
+        allowsCustomValues: false,
+        allowHasValue: false,
+        allowNoValue: false,
+        allowExcludes: config == null ? void 0 : config.enableExcludes,
+        operatorChangeable: false
+      };
+      break;
+    case "status":
+      rootOption = {
+        id: getRootIdWithPrefix("status"),
+        type: "string",
+        label: "Status",
+        icon: getAttributeIcon("status"),
+        inverted: false,
+        operator: "OR",
+        values: [],
+        allowsCustomValues: false,
+        allowHasValue: false,
+        allowNoValue: false,
+        allowExcludes: config == null ? void 0 : config.enableExcludes,
+        operatorChangeable: false
+      };
+      break;
+    case "assignees":
+      rootOption = {
+        id: getRootIdWithPrefix("assignees"),
+        type: "list_of_strings",
+        label: "Assignee",
+        icon: getAttributeIcon("assignees"),
+        inverted: false,
+        operator: "OR",
+        values: [],
+        allowsCustomValues: false,
+        allowHasValue: config == null ? void 0 : config.enableRelativeValues,
+        allowNoValue: config == null ? void 0 : config.enableRelativeValues,
+        allowExcludes: config == null ? void 0 : config.enableExcludes,
+        operatorChangeable: config == null ? void 0 : config.enableOperatorChange
+      };
+      break;
+    case "tags":
+      rootOption = {
+        id: getRootIdWithPrefix("tags"),
+        type: "list_of_strings",
+        label: "Tags",
+        icon: getAttributeIcon("tags"),
+        inverted: false,
+        operator: "OR",
+        values: [],
+        allowsCustomValues: true,
+        allowHasValue: config == null ? void 0 : config.enableRelativeValues,
+        allowNoValue: config == null ? void 0 : config.enableRelativeValues,
+        allowExcludes: config == null ? void 0 : config.enableExcludes,
+        operatorChangeable: config == null ? void 0 : config.enableOperatorChange
+      };
+      break;
+  }
+  return rootOption;
+};
+const getAttributeFieldOptionRoot = (attribute, config) => {
+  var _a;
+  return {
+    id: getFormattedId(attribute.name, "attributes", config),
+    type: attribute.data.type,
+    label: attribute.data.title || attribute.name,
+    operator: "OR",
+    inverted: false,
+    values: [],
+    allowsCustomValues: config == null ? void 0 : config.allowsCustomValues,
+    allowHasValue: config.enableRelativeValues,
+    allowNoValue: config.enableRelativeValues,
+    allowExcludes: config == null ? void 0 : config.enableExcludes,
+    operatorChangeable: config == null ? void 0 : config.enableOperatorChange,
+    icon: getAttributeIcon(attribute.name, attribute.data.type, !!((_a = attribute.data.enum) == null ? void 0 : _a.length)),
+    singleSelect: ["boolean", "datetime"].includes(attribute.data.type)
+  };
+};
+const getAttributeOptions = (values, enums, type) => {
+  const enumOptions = [];
+  const options = [];
+  if (enums) {
+    enums.forEach((enumItem) => {
+      enumOptions.push({
+        id: enumItem.value.toString(),
+        type,
+        label: enumItem.label,
+        values: [],
+        icon: enumItem.icon,
+        color: enumItem.color
+      });
+    });
+  }
+  values == null ? void 0 : values.forEach((value) => {
+    if (!value) return;
+    let text = "";
+    switch (typeof value) {
+      case "string":
+      case "number":
+      case "boolean":
+        text = value.toString();
+        break;
+      case "object":
+        if (Array.isArray(value)) {
+          text = value.join(", ");
+        } else {
+          text = JSON.stringify(value);
+        }
+        break;
+    }
+    const id = text.trim().toLowerCase().replace(/[^a-z0-9\s]/g, "").replace(/\s+/g, "-");
+    const existingOption = enumOptions == null ? void 0 : enumOptions.find((enumItem) => enumItem.id === id);
+    if (existingOption) return;
+    const existingValue = options.find((option) => option.id === id);
+    if (existingValue) {
+      existingValue.count++;
+      return;
+    } else {
+      options.push({
+        id,
+        type,
+        label: text,
+        values: [],
+        count: 1
+      });
+    }
+  });
+  options.sort((a, b) => b.count - a.count);
+  return [...enumOptions, ...options];
+};
+const sortOptionsBasedOnColumns = (options, columnOrder) => {
+  const columnOrderWithSubTypes = columnOrder.flatMap((col) => {
+    if (col === "subType") {
+      return ["taskType", "folderType"];
+    }
+    return col;
+  });
+  return [...options].sort((a, b) => {
+    const aIndex = columnOrderWithSubTypes.indexOf(a.id.replace(".", "_"));
+    const bIndex = columnOrderWithSubTypes.indexOf(b.id.replace(".", "_"));
+    if (aIndex !== -1 && bIndex !== -1) {
+      return aIndex - bIndex;
+    }
+    if (aIndex !== -1) {
+      return -1;
+    }
+    if (bIndex !== -1) {
+      return 1;
+    }
+    return 0;
+  });
+};
+export {
+  useBuildFilterOptions
+};
+//# sourceMappingURL=useBuildFilterOptions.es.js.map

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

@@ -0,0 +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

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