@ynput/ayon-frontend-shared 0.2.9 → 0.2.11

package/dist/DetailsPanel.cjs.js

@@ -154,6 +154,7 @@ require("./shared/src/containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js"
 require("./shared/src/containers/Actions/ActionIcon.cjs.js");
 require("./_virtual/runtime.cjs.js");
 require("./_virtual/semver.cjs.js");
+require("react-redux");
 require("custom-protocol-check");
 require("./shared/src/components/EntityThumbnailUploader/EntityThumbnailUploader.styled.cjs.js");
 require("./shared/src/components/ThumbnailUploader/ThumbnailUploader.styled.cjs.js");

package/dist/DetailsPanel.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanel.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"DetailsPanel.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/DetailsPanel.es.js

@@ -152,6 +152,7 @@ import "./shared/src/containers/Actions/ActionsDropdown/ActionsDropdown.es.js";
 import "./shared/src/containers/Actions/ActionIcon.es.js";
 import "./_virtual/runtime.es.js";
 import "./_virtual/semver.es.js";
+import "react-redux";
 import "custom-protocol-check";
 import "./shared/src/components/EntityThumbnailUploader/EntityThumbnailUploader.styled.es.js";
 import "./shared/src/components/ThumbnailUploader/ThumbnailUploader.styled.es.js";

package/dist/DetailsPanel.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanel.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"DetailsPanel.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/_virtual/index.cjs10.js

@@ -1,7 +1,5 @@
 "use strict";
-const _commonjsHelpers = require("./_commonjsHelpers.cjs.js");
-const index = require("../node_modules/extend/index.cjs.js");
-var extendExports = index.__require();
-const extend = /* @__PURE__ */ _commonjsHelpers.getDefaultExportFromCjs(extendExports);
-module.exports = extend;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+var removeAccents = { exports: {} };
+exports.__module = removeAccents;
 //# sourceMappingURL=index.cjs10.js.map

package/dist/_virtual/index.cjs10.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs10.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"index.cjs10.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/_virtual/index.cjs4.js

@@ -1,7 +1,7 @@
 "use strict";
 const _commonjsHelpers = require("./_commonjsHelpers.cjs.js");
-const index = require("../node_modules/remove-accents/index.cjs.js");
-var removeAccentsExports = index.__require();
-const removeAccents = /* @__PURE__ */ _commonjsHelpers.getDefaultExportFromCjs(removeAccentsExports);
-module.exports = removeAccents;
+const index = require("../node_modules/parse-numeric-range/index.cjs.js");
+var parseNumericRangeExports = index.__require();
+const n = /* @__PURE__ */ _commonjsHelpers.getDefaultExportFromCjs(parseNumericRangeExports);
+module.exports = n;
 //# sourceMappingURL=index.cjs4.js.map

package/dist/_virtual/index.cjs5.js

@@ -1,7 +1,7 @@
 "use strict";
 const _commonjsHelpers = require("./_commonjsHelpers.cjs.js");
-const index = require("../node_modules/parse-numeric-range/index.cjs.js");
-var parseNumericRangeExports = index.__require();
-const n = /* @__PURE__ */ _commonjsHelpers.getDefaultExportFromCjs(parseNumericRangeExports);
-module.exports = n;
+const index = require("../node_modules/remove-accents/index.cjs.js");
+var removeAccentsExports = index.__require();
+const removeAccents = /* @__PURE__ */ _commonjsHelpers.getDefaultExportFromCjs(removeAccentsExports);
+module.exports = removeAccents;
 //# sourceMappingURL=index.cjs5.js.map

package/dist/_virtual/index.cjs6.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-var removeAccents = { exports: {} };
-exports.__module = removeAccents;
+var parseNumericRange = { exports: {} };
+exports.__module = parseNumericRange;
 //# sourceMappingURL=index.cjs6.js.map

package/dist/_virtual/index.cjs7.js

@@ -1,5 +1,7 @@
 "use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-var parseNumericRange = { exports: {} };
-exports.__module = parseNumericRange;
+const _commonjsHelpers = require("./_commonjsHelpers.cjs.js");
+const index = require("../node_modules/parse5/lib/parser/index.cjs.js");
+var parserExports = index.__require();
+const Parser5 = /* @__PURE__ */ _commonjsHelpers.getDefaultExportFromCjs(parserExports);
+module.exports = Parser5;
 //# sourceMappingURL=index.cjs7.js.map

package/dist/_virtual/index.cjs7.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs7.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"index.cjs7.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/_virtual/index.cjs8.js

@@ -1,7 +1,7 @@
 "use strict";
 const _commonjsHelpers = require("./_commonjsHelpers.cjs.js");
-const index = require("../node_modules/parse5/lib/parser/index.cjs.js");
-var parserExports = index.__require();
-const Parser5 = /* @__PURE__ */ _commonjsHelpers.getDefaultExportFromCjs(parserExports);
-module.exports = Parser5;
+const index = require("../node_modules/is-buffer/index.cjs.js");
+var isBufferExports = index.__require();
+const isBuffer = /* @__PURE__ */ _commonjsHelpers.getDefaultExportFromCjs(isBufferExports);
+module.exports = isBuffer;
 //# sourceMappingURL=index.cjs8.js.map

package/dist/_virtual/index.cjs9.js

@@ -1,7 +1,7 @@
 "use strict";
 const _commonjsHelpers = require("./_commonjsHelpers.cjs.js");
-const index = require("../node_modules/is-buffer/index.cjs.js");
-var isBufferExports = index.__require();
-const isBuffer = /* @__PURE__ */ _commonjsHelpers.getDefaultExportFromCjs(isBufferExports);
-module.exports = isBuffer;
+const index = require("../node_modules/extend/index.cjs.js");
+var extendExports = index.__require();
+const extend = /* @__PURE__ */ _commonjsHelpers.getDefaultExportFromCjs(extendExports);
+module.exports = extend;
 //# sourceMappingURL=index.cjs9.js.map

package/dist/_virtual/index.es10.js

@@ -1,8 +1,5 @@
-import { getDefaultExportFromCjs } from "./_commonjsHelpers.es.js";
-import { __require as requireExtend } from "../node_modules/extend/index.es.js";
-var extendExports = requireExtend();
-const extend = /* @__PURE__ */ getDefaultExportFromCjs(extendExports);
+var removeAccents = { exports: {} };
 export {
-  extend as default
+  removeAccents as __module
 };
 //# sourceMappingURL=index.es10.js.map

package/dist/_virtual/index.es10.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es10.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"index.es10.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/index.es4.js

@@ -1,8 +1,8 @@
 import { getDefaultExportFromCjs } from "./_commonjsHelpers.es.js";
-import { __require as requireRemoveAccents } from "../node_modules/remove-accents/index.es.js";
-var removeAccentsExports = requireRemoveAccents();
-const removeAccents = /* @__PURE__ */ getDefaultExportFromCjs(removeAccentsExports);
+import { __require as requireParseNumericRange } from "../node_modules/parse-numeric-range/index.es.js";
+var parseNumericRangeExports = requireParseNumericRange();
+const n = /* @__PURE__ */ getDefaultExportFromCjs(parseNumericRangeExports);
 export {
-  removeAccents as default
+  n as default
 };
 //# sourceMappingURL=index.es4.js.map

package/dist/_virtual/index.es5.js

@@ -1,8 +1,8 @@
 import { getDefaultExportFromCjs } from "./_commonjsHelpers.es.js";
-import { __require as requireParseNumericRange } from "../node_modules/parse-numeric-range/index.es.js";
-var parseNumericRangeExports = requireParseNumericRange();
-const n = /* @__PURE__ */ getDefaultExportFromCjs(parseNumericRangeExports);
+import { __require as requireRemoveAccents } from "../node_modules/remove-accents/index.es.js";
+var removeAccentsExports = requireRemoveAccents();
+const removeAccents = /* @__PURE__ */ getDefaultExportFromCjs(removeAccentsExports);
 export {
-  n as default
+  removeAccents as default
 };
 //# sourceMappingURL=index.es5.js.map

package/dist/_virtual/index.es6.js

@@ -1,5 +1,5 @@
-var removeAccents = { exports: {} };
+var parseNumericRange = { exports: {} };
 export {
-  removeAccents as __module
+  parseNumericRange as __module
 };
 //# sourceMappingURL=index.es6.js.map

package/dist/_virtual/index.es7.js

@@ -1,5 +1,8 @@
-var parseNumericRange = { exports: {} };
+import { getDefaultExportFromCjs } from "./_commonjsHelpers.es.js";
+import { __require as requireParser } from "../node_modules/parse5/lib/parser/index.es.js";
+var parserExports = requireParser();
+const Parser5 = /* @__PURE__ */ getDefaultExportFromCjs(parserExports);
 export {
-  parseNumericRange as __module
+  Parser5 as default
 };
 //# sourceMappingURL=index.es7.js.map

package/dist/_virtual/index.es7.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es7.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index.es7.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/_virtual/index.es8.js

@@ -1,8 +1,8 @@
 import { getDefaultExportFromCjs } from "./_commonjsHelpers.es.js";
-import { __require as requireParser } from "../node_modules/parse5/lib/parser/index.es.js";
-var parserExports = requireParser();
-const Parser5 = /* @__PURE__ */ getDefaultExportFromCjs(parserExports);
+import { __require as requireIsBuffer } from "../node_modules/is-buffer/index.es.js";
+var isBufferExports = requireIsBuffer();
+const isBuffer = /* @__PURE__ */ getDefaultExportFromCjs(isBufferExports);
 export {
-  Parser5 as default
+  isBuffer as default
 };
 //# sourceMappingURL=index.es8.js.map

package/dist/_virtual/index.es9.js

@@ -1,8 +1,8 @@
 import { getDefaultExportFromCjs } from "./_commonjsHelpers.es.js";
-import { __require as requireIsBuffer } from "../node_modules/is-buffer/index.es.js";
-var isBufferExports = requireIsBuffer();
-const isBuffer = /* @__PURE__ */ getDefaultExportFromCjs(isBufferExports);
+import { __require as requireExtend } from "../node_modules/extend/index.es.js";
+var extendExports = requireExtend();
+const extend = /* @__PURE__ */ getDefaultExportFromCjs(extendExports);
 export {
-  isBuffer as default
+  extend as default
 };
 //# sourceMappingURL=index.es9.js.map

package/dist/index.cjs.js

@@ -150,6 +150,7 @@ require("./shared/src/containers/ProjectTreeTable/components/RowSelectionHeader.
 require("./shared/src/containers/DetailsPanel/DetailsPanel.styled.cjs.js");
 require("./_virtual/runtime.cjs.js");
 require("./_virtual/semver.cjs.js");
+require("react-redux");
 require("custom-protocol-check");
 require("./shared/src/containers/DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");
 require("./shared/src/containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");

package/dist/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.es.js

@@ -148,6 +148,7 @@ import "./shared/src/containers/ProjectTreeTable/components/RowSelectionHeader.e
 import "./shared/src/containers/DetailsPanel/DetailsPanel.styled.es.js";
 import "./_virtual/runtime.es.js";
 import "./_virtual/semver.es.js";
+import "react-redux";
 import "custom-protocol-check";
 import "./shared/src/containers/DetailsPanel/FeedFilters/FeedFilters.styled.es.js";
 import "./shared/src/containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";

package/dist/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/node_modules/match-sorter/dist/match-sorter.esm.cjs.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("../../../_virtual/index.cjs4.js");
+const index = require("../../../_virtual/index.cjs5.js");
 /**
  * @name match-sorter
  * @license MIT license.

package/dist/node_modules/match-sorter/dist/match-sorter.esm.es.js

@@ -1,4 +1,4 @@
-import removeAccents from "../../../_virtual/index.es4.js";
+import removeAccents from "../../../_virtual/index.es5.js";
 /**
  * @name match-sorter
  * @license MIT license.

package/dist/node_modules/parse-numeric-range/index.cjs.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("../../_virtual/index.cjs7.js");
+const index = require("../../_virtual/index.cjs6.js");
 var hasRequiredParseNumericRange;
 function requireParseNumericRange() {
   if (hasRequiredParseNumericRange) return index.__module.exports;

package/dist/node_modules/parse-numeric-range/index.es.js

@@ -1,4 +1,4 @@
-import { __module as parseNumericRange } from "../../_virtual/index.es7.js";
+import { __module as parseNumericRange } from "../../_virtual/index.es6.js";
 var hasRequiredParseNumericRange;
 function requireParseNumericRange() {
   if (hasRequiredParseNumericRange) return parseNumericRange.exports;

package/dist/node_modules/rehype/node_modules/unified/lib/index.cjs.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const index$3 = require("../../../../bail/index.cjs.js");
-const index$5 = require("../../../../../_virtual/index.cjs9.js");
-const index = require("../../../../../_virtual/index.cjs10.js");
+const index$5 = require("../../../../../_virtual/index.cjs8.js");
+const index = require("../../../../../_virtual/index.cjs9.js");
 const index$2 = require("../../../../is-plain-obj/index.cjs.js");
 const index$1 = require("../../../../trough/lib/index.cjs.js");
 const index$4 = require("../../../../vfile/lib/index.cjs.js");

package/dist/node_modules/rehype/node_modules/unified/lib/index.es.js

@@ -1,6 +1,6 @@
 import { bail } from "../../../../bail/index.es.js";
-import isBuffer from "../../../../../_virtual/index.es9.js";
-import extend from "../../../../../_virtual/index.es10.js";
+import isBuffer from "../../../../../_virtual/index.es8.js";
+import extend from "../../../../../_virtual/index.es9.js";
 import isPlainObject from "../../../../is-plain-obj/index.es.js";
 import { trough } from "../../../../trough/lib/index.es.js";
 import { VFile } from "../../../../vfile/lib/index.es.js";

package/dist/node_modules/rehype-parse/lib/index.cjs.js

@@ -1,5 +1,5 @@
 "use strict";
-const index = require("../../../_virtual/index.cjs8.js");
+const index = require("../../../_virtual/index.cjs7.js");
 const errors = require("./errors.cjs.js");
 const index$1 = require("../../hast-util-from-parse5/lib/index.cjs.js");
 const base = "https://html.spec.whatwg.org/multipage/parsing.html#parse-error-";

package/dist/node_modules/rehype-parse/lib/index.es.js

@@ -1,4 +1,4 @@
-import Parser5 from "../../../_virtual/index.es8.js";
+import Parser5 from "../../../_virtual/index.es7.js";
 import { errors } from "./errors.es.js";
 import { fromParse5 } from "../../hast-util-from-parse5/lib/index.es.js";
 const base = "https://html.spec.whatwg.org/multipage/parsing.html#parse-error-";

package/dist/node_modules/rehype-prism-plus/dist/index.es.cjs.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const index$1 = require("../../hast-util-to-string/index.cjs.js");
-const index$2 = require("../../../_virtual/index.cjs5.js");
+const index$2 = require("../../../_virtual/index.cjs4.js");
 require("../../refractor/lib/common.cjs.js");
 require("../../refractor/lib/all.cjs.js");
 const index = require("../node_modules/unist-util-visit/lib/index.cjs.js");

package/dist/node_modules/rehype-prism-plus/dist/index.es.es.js

@@ -1,5 +1,5 @@
 import { toString } from "../../hast-util-to-string/index.es.js";
-import n from "../../../_virtual/index.es5.js";
+import n from "../../../_virtual/index.es4.js";
 import "../../refractor/lib/common.es.js";
 import "../../refractor/lib/all.es.js";
 import { visit } from "../node_modules/unist-util-visit/lib/index.es.js";

package/dist/node_modules/remove-accents/index.cjs.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("../../_virtual/index.cjs6.js");
+const index = require("../../_virtual/index.cjs10.js");
 var hasRequiredRemoveAccents;
 function requireRemoveAccents() {
   if (hasRequiredRemoveAccents) return index.__module.exports;

package/dist/node_modules/remove-accents/index.es.js

@@ -1,4 +1,4 @@
-import { __module as removeAccents } from "../../_virtual/index.es6.js";
+import { __module as removeAccents } from "../../_virtual/index.es10.js";
 var hasRequiredRemoveAccents;
 function requireRemoveAccents() {
   if (hasRequiredRemoveAccents) return removeAccents.exports;

package/dist/node_modules/vfile/lib/index.cjs.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index$1 = require("../../../_virtual/index.cjs9.js");
+const index$1 = require("../../../_virtual/index.cjs8.js");
 const minpath_browser = require("./minpath.browser.cjs.js");
 const minproc_browser = require("./minproc.browser.cjs.js");
 const minurl_browser = require("./minurl.browser.cjs.js");

package/dist/node_modules/vfile/lib/index.es.js

@@ -1,4 +1,4 @@
-import isBuffer from "../../../_virtual/index.es9.js";
+import isBuffer from "../../../_virtual/index.es8.js";
 import { path } from "./minpath.browser.es.js";
 import { proc } from "./minproc.browser.es.js";
 import { urlToPath } from "./minurl.browser.es.js";

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

@@ -77,6 +77,7 @@ require("../../context/RemoteModulesContext.cjs.js");
 require("../../../../_virtual/runtime.cjs.js");
 require("../../../../_virtual/semver.cjs.js");
 const useEntityUpdate = require("../../hooks/useEntityUpdate.cjs.js");
+require("react-redux");
 require("custom-protocol-check");
 const visibleFields = [
   "id",

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

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanelAttributes.cjs.js","sources":["../../../../../src/components/DetailsPanelAttributes/DetailsPanelAttributes.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react'\nimport { Section } from '@ynput/ayon-react-components'\nimport { getMixedState } from '@shared/util'\nimport { useGetSiteInfoQuery, useGetProjectQuery } from '@shared/api'\nimport {\n  DetailsPanelAttributesEditor,\n  AttributeField,\n  DetailsPanelAttributesEditorProps,\n} from './DetailsPanelAttributesEditor'\nimport { useEntityUpdate } from '@shared/hooks'\nimport { upperFirst } from 'lodash'\nimport type { DetailsPanelEntityData } from '@shared/api'\n\ntype EntityForm = {\n  id: string\n  name: string\n  label: string | null | undefined\n  entityType: 'folder' | 'task' | 'product' | 'version'\n  taskType?: string\n  folderType?: string\n  productType?: string\n  tags: string[]\n  status: string\n  updatedAt: string\n  createdAt: string\n  projectName: string\n  path: string\n  // attribs\n  [key: string]: string | number | boolean | Date | any[] | Record<string, any> | undefined | null\n}\n\n// all fields in entity form are visible\nconst visibleFields: Array<keyof EntityForm> = [\n  'id',\n  'name',\n  'label',\n  'entityType',\n  'taskType',\n  'folderType',\n  'productType',\n  'tags',\n  'status',\n  'updatedAt',\n  'createdAt',\n  'projectName',\n  'path',\n]\n\nconst readOnlyFields: Array<keyof EntityForm> = [\n  'id',\n  'entityType',\n  'projectName',\n  'path',\n  'name',\n  'createdAt',\n  'updatedAt',\n]\n\nexport type DetailsPanelAttributesProps = {\n  entities: DetailsPanelEntityData[]\n  isLoading: boolean\n}\n\nexport const DetailsPanelAttributes = ({\n  entities = [],\n  isLoading,\n}: DetailsPanelAttributesProps) => {\n  // form for project data\n  const [mixedFields, setMixedFields] = useState<string[]>([])\n  const [formData, setFormData] = useState<EntityForm | null>(null)\n\n  const buildInitialForm = () => {\n    // Group entity values by field name\n    const valuesByField: Record<string, any[]> = {}\n    // Track which fields have mixed values\n    const mixedFieldsSet = new Set<string>()\n\n    entities.forEach((entity) => {\n      const mappedEntity: EntityForm = {\n        id: entity.id,\n        name: entity.name,\n        label: entity.label,\n        entityType: entity.entityType as 'folder' | 'task' | 'product' | 'version',\n        createdAt: entity.createdAt,\n        updatedAt: entity.updatedAt,\n        projectName: entity.projectName,\n        status: entity.status,\n        tags: entity.tags || [],\n        path: entity.folder?.path || '',\n        folderType: entity.folder?.folderType,\n        productType: entity.product?.productType,\n        taskType: entity.task?.taskType,\n      }\n\n      // Process regular fields\n      Object.keys(mappedEntity).forEach((key) => {\n        if (visibleFields.includes(key as keyof EntityForm)) {\n          valuesByField[key] = valuesByField[key] || []\n          valuesByField[key].push((mappedEntity as any)[key])\n        }\n      })\n\n      // Process attrib fields\n      if (entity.attrib) {\n        Object.keys(entity.attrib).forEach((key) => {\n          const attribKey = `attrib.${key}`\n          valuesByField[attribKey] = valuesByField[attribKey] || []\n          valuesByField[attribKey].push(entity.attrib?.[key])\n        })\n      }\n    })\n\n    // Apply getMixedState to each field\n    const formData = Object.entries(valuesByField).reduce((result, [key, values]) => {\n      const { value, isMixed } = getMixedState(values)\n      result[key] = value\n\n      // Add to mixedFields if this field has mixed values\n      if (isMixed) {\n        mixedFieldsSet.add(key)\n      }\n\n      return result\n    }, {} as Record<string, any>)\n\n    setFormData(formData as EntityForm)\n    // Update the mixedFields state with all fields that have mixed values\n    setMixedFields(Array.from(mixedFieldsSet))\n  }\n\n  useEffect(() => {\n    if (isLoading || entities.length === 0) return\n    buildInitialForm()\n  }, [entities, isLoading])\n\n  const { data: projectData } = useGetProjectQuery(\n    { projectName: formData?.projectName || '' },\n    { skip: !formData?.projectName || mixedFields.includes('projectName') },\n  )\n  const { folderTypes = [], taskTypes = [], statuses = [], tags = [] } = projectData || {}\n\n  const { data: info } = useGetSiteInfoQuery({ full: true })\n  const { attributes = [] } = info || {}\n\n  // build the fields array for defining the schema\n  const fields: AttributeField[] = useMemo(() => {\n    // Create custom fields as proper AttributeModel objects\n    const customFieldsData: AttributeField[] = [\n      {\n        name: 'label',\n        data: {\n          type: 'string',\n          title: 'Label',\n          description: 'Used as a nice visual label only',\n        },\n      },\n      {\n        name: 'folderType',\n        hidden: formData?.entityType !== 'folder',\n        data: {\n          type: 'string',\n          title: 'Folder Type',\n          description: 'Type of the folder',\n          enum: folderTypes.map((type) => ({\n            value: type.name,\n            label: type.name,\n            icon: type.icon,\n          })),\n        },\n      },\n      {\n        name: 'taskType',\n        hidden: formData?.entityType !== 'task',\n        data: {\n          type: 'string',\n          title: 'Task Type',\n          description: 'Type of the task',\n          enum: taskTypes.map((type) => ({\n            value: type.name,\n            label: type.name,\n            icon: type.icon,\n          })),\n        },\n      },\n      {\n        name: 'status',\n        data: {\n          type: 'string',\n          title: 'Status',\n          description: 'The state the entity is in, is it approved or in progress etc.',\n          enum: statuses.map((status) => ({\n            value: status.name,\n            label: status.name,\n            icon: status.icon,\n            color: status.color,\n          })),\n        },\n      },\n      {\n        name: 'tags',\n        data: {\n          type: 'list_of_strings',\n          title: 'Tags',\n          enum: tags.map((tag) => ({\n            value: tag.name,\n            label: tag.name,\n            color: tag.color,\n          })),\n        },\n      },\n    ]\n\n    // Filter API attributes based on entity type\n    const apiAttributesData: AttributeField[] = formData?.entityType\n      ? attributes\n          .filter((attr) => attr.scope?.includes(formData.entityType))\n          .map((attr) => ({\n            name: 'attrib.' + attr.name,\n            data: attr.data,\n          }))\n      : []\n\n    const readOnlyFieldsData: AttributeField[] = readOnlyFields.map((field) => ({\n      name: field as string,\n      readonly: true,\n      data: {\n        type: 'string',\n        title: upperFirst(field as string),\n      },\n    }))\n\n    // Combine custom fields with API attributes\n    const allFieldsData = [...customFieldsData, ...apiAttributesData, ...readOnlyFieldsData]\n    const sortToTop = ['path', 'name']\n    const sortedFieldsData = [...allFieldsData].sort((a, b) => {\n      const aIndex = sortToTop.indexOf(a.name)\n      const bIndex = sortToTop.indexOf(b.name)\n      if (aIndex === -1 && bIndex === -1) return 0\n      if (aIndex === -1) return 1\n      if (bIndex === -1) return -1\n      return aIndex - bIndex\n    })\n\n    return sortedFieldsData\n  }, [attributes, folderTypes, taskTypes, statuses, tags, formData?.entityType])\n\n  //\n  let enableEditing = false\n  if (\n    ['task', 'folder'].includes(formData?.entityType || '') &&\n    !mixedFields.includes('projectName')\n  ) {\n    enableEditing = true\n  }\n\n  const entityType = formData?.entityType || 'task'\n  const projectName = formData?.projectName || ''\n\n  // Setup entity update functionality\n  const { updateEntity } = useEntityUpdate({\n    entities: entities.map((entity) => ({\n      id: entity.id,\n      projectName: entity.projectName || '',\n      folderId: entity.folder?.id,\n      users: entity.task?.assignees || [],\n    })),\n    entityType,\n  })\n\n  const handleChange: DetailsPanelAttributesEditorProps['onChange'] = (key, value) => {\n    if (key.startsWith('attrib.')) {\n      value = {\n        [key.replace('attrib.', '')]: value,\n      }\n      key = 'attrib'\n    }\n\n    console.log('handleChange', key, value)\n\n    // update the form data\n    // @ts-ignore\n    setFormData((prev) => ({\n      ...prev,\n      [key]: value,\n    }))\n\n    // update the entity in database\n    updateEntity(key, value)\n  }\n\n  return (\n    <Section style={{ padding: 8, overflow: 'hidden' }}>\n      <DetailsPanelAttributesEditor\n        fields={fields}\n        form={formData || {}}\n        mixedFields={mixedFields}\n        isLoading={isLoading}\n        enableEditing={enableEditing}\n        onChange={handleChange}\n      />\n    </Section>\n  )\n}\n"],"names":["useState","_a","formData","getMixedState","useEffect","useGetProjectQuery","useGetSiteInfoQuery","useMemo","upperFirst","useEntityUpdate","jsx","Section","DetailsPanelAttributesEditor"],"mappings":"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"}
+{"version":3,"file":"DetailsPanelAttributes.cjs.js","sources":["../../../../../src/components/DetailsPanelAttributes/DetailsPanelAttributes.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react'\nimport { Section } from '@ynput/ayon-react-components'\nimport { getMixedState } from '@shared/util'\nimport { useGetSiteInfoQuery, useGetProjectQuery } from '@shared/api'\nimport {\n  DetailsPanelAttributesEditor,\n  AttributeField,\n  DetailsPanelAttributesEditorProps,\n} from './DetailsPanelAttributesEditor'\nimport { useEntityUpdate } from '@shared/hooks'\nimport { upperFirst } from 'lodash'\nimport type { DetailsPanelEntityData } from '@shared/api'\n\ntype EntityForm = {\n  id: string\n  name: string\n  label: string | null | undefined\n  entityType: 'folder' | 'task' | 'product' | 'version'\n  taskType?: string\n  folderType?: string\n  productType?: string\n  tags: string[]\n  status: string\n  updatedAt: string\n  createdAt: string\n  projectName: string\n  path: string\n  // attribs\n  [key: string]: string | number | boolean | Date | any[] | Record<string, any> | undefined | null\n}\n\n// all fields in entity form are visible\nconst visibleFields: Array<keyof EntityForm> = [\n  'id',\n  'name',\n  'label',\n  'entityType',\n  'taskType',\n  'folderType',\n  'productType',\n  'tags',\n  'status',\n  'updatedAt',\n  'createdAt',\n  'projectName',\n  'path',\n]\n\nconst readOnlyFields: Array<keyof EntityForm> = [\n  'id',\n  'entityType',\n  'projectName',\n  'path',\n  'name',\n  'createdAt',\n  'updatedAt',\n]\n\nexport type DetailsPanelAttributesProps = {\n  entities: DetailsPanelEntityData[]\n  isLoading: boolean\n}\n\nexport const DetailsPanelAttributes = ({\n  entities = [],\n  isLoading,\n}: DetailsPanelAttributesProps) => {\n  // form for project data\n  const [mixedFields, setMixedFields] = useState<string[]>([])\n  const [formData, setFormData] = useState<EntityForm | null>(null)\n\n  const buildInitialForm = () => {\n    // Group entity values by field name\n    const valuesByField: Record<string, any[]> = {}\n    // Track which fields have mixed values\n    const mixedFieldsSet = new Set<string>()\n\n    entities.forEach((entity) => {\n      const mappedEntity: EntityForm = {\n        id: entity.id,\n        name: entity.name,\n        label: entity.label,\n        entityType: entity.entityType as 'folder' | 'task' | 'product' | 'version',\n        createdAt: entity.createdAt,\n        updatedAt: entity.updatedAt,\n        projectName: entity.projectName,\n        status: entity.status,\n        tags: entity.tags || [],\n        path: entity.folder?.path || '',\n        folderType: entity.folder?.folderType,\n        productType: entity.product?.productType,\n        taskType: entity.task?.taskType,\n      }\n\n      // Process regular fields\n      Object.keys(mappedEntity).forEach((key) => {\n        if (visibleFields.includes(key as keyof EntityForm)) {\n          valuesByField[key] = valuesByField[key] || []\n          valuesByField[key].push((mappedEntity as any)[key])\n        }\n      })\n\n      // Process attrib fields\n      if (entity.attrib) {\n        Object.keys(entity.attrib).forEach((key) => {\n          const attribKey = `attrib.${key}`\n          valuesByField[attribKey] = valuesByField[attribKey] || []\n          valuesByField[attribKey].push(entity.attrib?.[key])\n        })\n      }\n    })\n\n    // Apply getMixedState to each field\n    const formData = Object.entries(valuesByField).reduce((result, [key, values]) => {\n      const { value, isMixed } = getMixedState(values)\n      result[key] = value\n\n      // Add to mixedFields if this field has mixed values\n      if (isMixed) {\n        mixedFieldsSet.add(key)\n      }\n\n      return result\n    }, {} as Record<string, any>)\n\n    setFormData(formData as EntityForm)\n    // Update the mixedFields state with all fields that have mixed values\n    setMixedFields(Array.from(mixedFieldsSet))\n  }\n\n  useEffect(() => {\n    if (isLoading || entities.length === 0) return\n    buildInitialForm()\n  }, [entities, isLoading])\n\n  const { data: projectData } = useGetProjectQuery(\n    { projectName: formData?.projectName || '' },\n    { skip: !formData?.projectName || mixedFields.includes('projectName') },\n  )\n  const { folderTypes = [], taskTypes = [], statuses = [], tags = [] } = projectData || {}\n\n  const { data: info } = useGetSiteInfoQuery({ full: true })\n  const { attributes = [] } = info || {}\n\n  // build the fields array for defining the schema\n  const fields: AttributeField[] = useMemo(() => {\n    // Create custom fields as proper AttributeModel objects\n    const customFieldsData: AttributeField[] = [\n      {\n        name: 'label',\n        data: {\n          type: 'string',\n          title: 'Label',\n          description: 'Used as a nice visual label only',\n        },\n      },\n      {\n        name: 'folderType',\n        hidden: formData?.entityType !== 'folder',\n        data: {\n          type: 'string',\n          title: 'Folder Type',\n          description: 'Type of the folder',\n          enum: folderTypes.map((type) => ({\n            value: type.name,\n            label: type.name,\n            icon: type.icon,\n          })),\n        },\n      },\n      {\n        name: 'taskType',\n        hidden: formData?.entityType !== 'task',\n        data: {\n          type: 'string',\n          title: 'Task Type',\n          description: 'Type of the task',\n          enum: taskTypes.map((type) => ({\n            value: type.name,\n            label: type.name,\n            icon: type.icon,\n          })),\n        },\n      },\n      {\n        name: 'status',\n        data: {\n          type: 'string',\n          title: 'Status',\n          description: 'The state the entity is in, is it approved or in progress etc.',\n          enum: statuses.map((status) => ({\n            value: status.name,\n            label: status.name,\n            icon: status.icon,\n            color: status.color,\n          })),\n        },\n      },\n      {\n        name: 'tags',\n        data: {\n          type: 'list_of_strings',\n          title: 'Tags',\n          enum: tags.map((tag) => ({\n            value: tag.name,\n            label: tag.name,\n            color: tag.color,\n          })),\n        },\n      },\n    ]\n\n    // Filter API attributes based on entity type\n    const apiAttributesData: AttributeField[] = formData?.entityType\n      ? attributes\n          .filter((attr) => attr.scope?.includes(formData.entityType))\n          .map((attr) => ({\n            name: 'attrib.' + attr.name,\n            data: attr.data,\n          }))\n      : []\n\n    const readOnlyFieldsData: AttributeField[] = readOnlyFields.map((field) => ({\n      name: field as string,\n      readonly: true,\n      data: {\n        type: 'string',\n        title: upperFirst(field as string),\n      },\n    }))\n\n    // Combine custom fields with API attributes\n    const allFieldsData = [...customFieldsData, ...apiAttributesData, ...readOnlyFieldsData]\n    const sortToTop = ['path', 'name']\n    const sortedFieldsData = [...allFieldsData].sort((a, b) => {\n      const aIndex = sortToTop.indexOf(a.name)\n      const bIndex = sortToTop.indexOf(b.name)\n      if (aIndex === -1 && bIndex === -1) return 0\n      if (aIndex === -1) return 1\n      if (bIndex === -1) return -1\n      return aIndex - bIndex\n    })\n\n    return sortedFieldsData\n  }, [attributes, folderTypes, taskTypes, statuses, tags, formData?.entityType])\n\n  //\n  let enableEditing = false\n  if (\n    ['task', 'folder'].includes(formData?.entityType || '') &&\n    !mixedFields.includes('projectName')\n  ) {\n    enableEditing = true\n  }\n\n  const entityType = formData?.entityType || 'task'\n  const projectName = formData?.projectName || ''\n\n  // Setup entity update functionality\n  const { updateEntity } = useEntityUpdate({\n    entities: entities.map((entity) => ({\n      id: entity.id,\n      projectName: entity.projectName || '',\n      folderId: entity.folder?.id,\n      users: entity.task?.assignees || [],\n    })),\n    entityType,\n  })\n\n  const handleChange: DetailsPanelAttributesEditorProps['onChange'] = (key, value) => {\n    if (key.startsWith('attrib.')) {\n      value = {\n        [key.replace('attrib.', '')]: value,\n      }\n      key = 'attrib'\n    }\n\n    console.log('handleChange', key, value)\n\n    // update the form data\n    // @ts-ignore\n    setFormData((prev) => ({\n      ...prev,\n      [key]: value,\n    }))\n\n    // update the entity in database\n    updateEntity(key, value)\n  }\n\n  return (\n    <Section style={{ padding: 8, overflow: 'hidden' }}>\n      <DetailsPanelAttributesEditor\n        fields={fields}\n        form={formData || {}}\n        mixedFields={mixedFields}\n        isLoading={isLoading}\n        enableEditing={enableEditing}\n        onChange={handleChange}\n      />\n    </Section>\n  )\n}\n"],"names":["useState","_a","formData","getMixedState","useEffect","useGetProjectQuery","useGetSiteInfoQuery","useMemo","upperFirst","useEntityUpdate","jsx","Section","DetailsPanelAttributesEditor"],"mappings":"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"}

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

@@ -75,6 +75,7 @@ import "../../context/RemoteModulesContext.es.js";
 import "../../../../_virtual/runtime.es.js";
 import "../../../../_virtual/semver.es.js";
 import { useEntityUpdate } from "../../hooks/useEntityUpdate.es.js";
+import "react-redux";
 import "custom-protocol-check";
 const visibleFields = [
   "id",

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

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanelAttributes.es.js","sources":["../../../../../src/components/DetailsPanelAttributes/DetailsPanelAttributes.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react'\nimport { Section } from '@ynput/ayon-react-components'\nimport { getMixedState } from '@shared/util'\nimport { useGetSiteInfoQuery, useGetProjectQuery } from '@shared/api'\nimport {\n  DetailsPanelAttributesEditor,\n  AttributeField,\n  DetailsPanelAttributesEditorProps,\n} from './DetailsPanelAttributesEditor'\nimport { useEntityUpdate } from '@shared/hooks'\nimport { upperFirst } from 'lodash'\nimport type { DetailsPanelEntityData } from '@shared/api'\n\ntype EntityForm = {\n  id: string\n  name: string\n  label: string | null | undefined\n  entityType: 'folder' | 'task' | 'product' | 'version'\n  taskType?: string\n  folderType?: string\n  productType?: string\n  tags: string[]\n  status: string\n  updatedAt: string\n  createdAt: string\n  projectName: string\n  path: string\n  // attribs\n  [key: string]: string | number | boolean | Date | any[] | Record<string, any> | undefined | null\n}\n\n// all fields in entity form are visible\nconst visibleFields: Array<keyof EntityForm> = [\n  'id',\n  'name',\n  'label',\n  'entityType',\n  'taskType',\n  'folderType',\n  'productType',\n  'tags',\n  'status',\n  'updatedAt',\n  'createdAt',\n  'projectName',\n  'path',\n]\n\nconst readOnlyFields: Array<keyof EntityForm> = [\n  'id',\n  'entityType',\n  'projectName',\n  'path',\n  'name',\n  'createdAt',\n  'updatedAt',\n]\n\nexport type DetailsPanelAttributesProps = {\n  entities: DetailsPanelEntityData[]\n  isLoading: boolean\n}\n\nexport const DetailsPanelAttributes = ({\n  entities = [],\n  isLoading,\n}: DetailsPanelAttributesProps) => {\n  // form for project data\n  const [mixedFields, setMixedFields] = useState<string[]>([])\n  const [formData, setFormData] = useState<EntityForm | null>(null)\n\n  const buildInitialForm = () => {\n    // Group entity values by field name\n    const valuesByField: Record<string, any[]> = {}\n    // Track which fields have mixed values\n    const mixedFieldsSet = new Set<string>()\n\n    entities.forEach((entity) => {\n      const mappedEntity: EntityForm = {\n        id: entity.id,\n        name: entity.name,\n        label: entity.label,\n        entityType: entity.entityType as 'folder' | 'task' | 'product' | 'version',\n        createdAt: entity.createdAt,\n        updatedAt: entity.updatedAt,\n        projectName: entity.projectName,\n        status: entity.status,\n        tags: entity.tags || [],\n        path: entity.folder?.path || '',\n        folderType: entity.folder?.folderType,\n        productType: entity.product?.productType,\n        taskType: entity.task?.taskType,\n      }\n\n      // Process regular fields\n      Object.keys(mappedEntity).forEach((key) => {\n        if (visibleFields.includes(key as keyof EntityForm)) {\n          valuesByField[key] = valuesByField[key] || []\n          valuesByField[key].push((mappedEntity as any)[key])\n        }\n      })\n\n      // Process attrib fields\n      if (entity.attrib) {\n        Object.keys(entity.attrib).forEach((key) => {\n          const attribKey = `attrib.${key}`\n          valuesByField[attribKey] = valuesByField[attribKey] || []\n          valuesByField[attribKey].push(entity.attrib?.[key])\n        })\n      }\n    })\n\n    // Apply getMixedState to each field\n    const formData = Object.entries(valuesByField).reduce((result, [key, values]) => {\n      const { value, isMixed } = getMixedState(values)\n      result[key] = value\n\n      // Add to mixedFields if this field has mixed values\n      if (isMixed) {\n        mixedFieldsSet.add(key)\n      }\n\n      return result\n    }, {} as Record<string, any>)\n\n    setFormData(formData as EntityForm)\n    // Update the mixedFields state with all fields that have mixed values\n    setMixedFields(Array.from(mixedFieldsSet))\n  }\n\n  useEffect(() => {\n    if (isLoading || entities.length === 0) return\n    buildInitialForm()\n  }, [entities, isLoading])\n\n  const { data: projectData } = useGetProjectQuery(\n    { projectName: formData?.projectName || '' },\n    { skip: !formData?.projectName || mixedFields.includes('projectName') },\n  )\n  const { folderTypes = [], taskTypes = [], statuses = [], tags = [] } = projectData || {}\n\n  const { data: info } = useGetSiteInfoQuery({ full: true })\n  const { attributes = [] } = info || {}\n\n  // build the fields array for defining the schema\n  const fields: AttributeField[] = useMemo(() => {\n    // Create custom fields as proper AttributeModel objects\n    const customFieldsData: AttributeField[] = [\n      {\n        name: 'label',\n        data: {\n          type: 'string',\n          title: 'Label',\n          description: 'Used as a nice visual label only',\n        },\n      },\n      {\n        name: 'folderType',\n        hidden: formData?.entityType !== 'folder',\n        data: {\n          type: 'string',\n          title: 'Folder Type',\n          description: 'Type of the folder',\n          enum: folderTypes.map((type) => ({\n            value: type.name,\n            label: type.name,\n            icon: type.icon,\n          })),\n        },\n      },\n      {\n        name: 'taskType',\n        hidden: formData?.entityType !== 'task',\n        data: {\n          type: 'string',\n          title: 'Task Type',\n          description: 'Type of the task',\n          enum: taskTypes.map((type) => ({\n            value: type.name,\n            label: type.name,\n            icon: type.icon,\n          })),\n        },\n      },\n      {\n        name: 'status',\n        data: {\n          type: 'string',\n          title: 'Status',\n          description: 'The state the entity is in, is it approved or in progress etc.',\n          enum: statuses.map((status) => ({\n            value: status.name,\n            label: status.name,\n            icon: status.icon,\n            color: status.color,\n          })),\n        },\n      },\n      {\n        name: 'tags',\n        data: {\n          type: 'list_of_strings',\n          title: 'Tags',\n          enum: tags.map((tag) => ({\n            value: tag.name,\n            label: tag.name,\n            color: tag.color,\n          })),\n        },\n      },\n    ]\n\n    // Filter API attributes based on entity type\n    const apiAttributesData: AttributeField[] = formData?.entityType\n      ? attributes\n          .filter((attr) => attr.scope?.includes(formData.entityType))\n          .map((attr) => ({\n            name: 'attrib.' + attr.name,\n            data: attr.data,\n          }))\n      : []\n\n    const readOnlyFieldsData: AttributeField[] = readOnlyFields.map((field) => ({\n      name: field as string,\n      readonly: true,\n      data: {\n        type: 'string',\n        title: upperFirst(field as string),\n      },\n    }))\n\n    // Combine custom fields with API attributes\n    const allFieldsData = [...customFieldsData, ...apiAttributesData, ...readOnlyFieldsData]\n    const sortToTop = ['path', 'name']\n    const sortedFieldsData = [...allFieldsData].sort((a, b) => {\n      const aIndex = sortToTop.indexOf(a.name)\n      const bIndex = sortToTop.indexOf(b.name)\n      if (aIndex === -1 && bIndex === -1) return 0\n      if (aIndex === -1) return 1\n      if (bIndex === -1) return -1\n      return aIndex - bIndex\n    })\n\n    return sortedFieldsData\n  }, [attributes, folderTypes, taskTypes, statuses, tags, formData?.entityType])\n\n  //\n  let enableEditing = false\n  if (\n    ['task', 'folder'].includes(formData?.entityType || '') &&\n    !mixedFields.includes('projectName')\n  ) {\n    enableEditing = true\n  }\n\n  const entityType = formData?.entityType || 'task'\n  const projectName = formData?.projectName || ''\n\n  // Setup entity update functionality\n  const { updateEntity } = useEntityUpdate({\n    entities: entities.map((entity) => ({\n      id: entity.id,\n      projectName: entity.projectName || '',\n      folderId: entity.folder?.id,\n      users: entity.task?.assignees || [],\n    })),\n    entityType,\n  })\n\n  const handleChange: DetailsPanelAttributesEditorProps['onChange'] = (key, value) => {\n    if (key.startsWith('attrib.')) {\n      value = {\n        [key.replace('attrib.', '')]: value,\n      }\n      key = 'attrib'\n    }\n\n    console.log('handleChange', key, value)\n\n    // update the form data\n    // @ts-ignore\n    setFormData((prev) => ({\n      ...prev,\n      [key]: value,\n    }))\n\n    // update the entity in database\n    updateEntity(key, value)\n  }\n\n  return (\n    <Section style={{ padding: 8, overflow: 'hidden' }}>\n      <DetailsPanelAttributesEditor\n        fields={fields}\n        form={formData || {}}\n        mixedFields={mixedFields}\n        isLoading={isLoading}\n        enableEditing={enableEditing}\n        onChange={handleChange}\n      />\n    </Section>\n  )\n}\n"],"names":["_a","formData","jsx"],"mappings":"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"}
+{"version":3,"file":"DetailsPanelAttributes.es.js","sources":["../../../../../src/components/DetailsPanelAttributes/DetailsPanelAttributes.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react'\nimport { Section } from '@ynput/ayon-react-components'\nimport { getMixedState } from '@shared/util'\nimport { useGetSiteInfoQuery, useGetProjectQuery } from '@shared/api'\nimport {\n  DetailsPanelAttributesEditor,\n  AttributeField,\n  DetailsPanelAttributesEditorProps,\n} from './DetailsPanelAttributesEditor'\nimport { useEntityUpdate } from '@shared/hooks'\nimport { upperFirst } from 'lodash'\nimport type { DetailsPanelEntityData } from '@shared/api'\n\ntype EntityForm = {\n  id: string\n  name: string\n  label: string | null | undefined\n  entityType: 'folder' | 'task' | 'product' | 'version'\n  taskType?: string\n  folderType?: string\n  productType?: string\n  tags: string[]\n  status: string\n  updatedAt: string\n  createdAt: string\n  projectName: string\n  path: string\n  // attribs\n  [key: string]: string | number | boolean | Date | any[] | Record<string, any> | undefined | null\n}\n\n// all fields in entity form are visible\nconst visibleFields: Array<keyof EntityForm> = [\n  'id',\n  'name',\n  'label',\n  'entityType',\n  'taskType',\n  'folderType',\n  'productType',\n  'tags',\n  'status',\n  'updatedAt',\n  'createdAt',\n  'projectName',\n  'path',\n]\n\nconst readOnlyFields: Array<keyof EntityForm> = [\n  'id',\n  'entityType',\n  'projectName',\n  'path',\n  'name',\n  'createdAt',\n  'updatedAt',\n]\n\nexport type DetailsPanelAttributesProps = {\n  entities: DetailsPanelEntityData[]\n  isLoading: boolean\n}\n\nexport const DetailsPanelAttributes = ({\n  entities = [],\n  isLoading,\n}: DetailsPanelAttributesProps) => {\n  // form for project data\n  const [mixedFields, setMixedFields] = useState<string[]>([])\n  const [formData, setFormData] = useState<EntityForm | null>(null)\n\n  const buildInitialForm = () => {\n    // Group entity values by field name\n    const valuesByField: Record<string, any[]> = {}\n    // Track which fields have mixed values\n    const mixedFieldsSet = new Set<string>()\n\n    entities.forEach((entity) => {\n      const mappedEntity: EntityForm = {\n        id: entity.id,\n        name: entity.name,\n        label: entity.label,\n        entityType: entity.entityType as 'folder' | 'task' | 'product' | 'version',\n        createdAt: entity.createdAt,\n        updatedAt: entity.updatedAt,\n        projectName: entity.projectName,\n        status: entity.status,\n        tags: entity.tags || [],\n        path: entity.folder?.path || '',\n        folderType: entity.folder?.folderType,\n        productType: entity.product?.productType,\n        taskType: entity.task?.taskType,\n      }\n\n      // Process regular fields\n      Object.keys(mappedEntity).forEach((key) => {\n        if (visibleFields.includes(key as keyof EntityForm)) {\n          valuesByField[key] = valuesByField[key] || []\n          valuesByField[key].push((mappedEntity as any)[key])\n        }\n      })\n\n      // Process attrib fields\n      if (entity.attrib) {\n        Object.keys(entity.attrib).forEach((key) => {\n          const attribKey = `attrib.${key}`\n          valuesByField[attribKey] = valuesByField[attribKey] || []\n          valuesByField[attribKey].push(entity.attrib?.[key])\n        })\n      }\n    })\n\n    // Apply getMixedState to each field\n    const formData = Object.entries(valuesByField).reduce((result, [key, values]) => {\n      const { value, isMixed } = getMixedState(values)\n      result[key] = value\n\n      // Add to mixedFields if this field has mixed values\n      if (isMixed) {\n        mixedFieldsSet.add(key)\n      }\n\n      return result\n    }, {} as Record<string, any>)\n\n    setFormData(formData as EntityForm)\n    // Update the mixedFields state with all fields that have mixed values\n    setMixedFields(Array.from(mixedFieldsSet))\n  }\n\n  useEffect(() => {\n    if (isLoading || entities.length === 0) return\n    buildInitialForm()\n  }, [entities, isLoading])\n\n  const { data: projectData } = useGetProjectQuery(\n    { projectName: formData?.projectName || '' },\n    { skip: !formData?.projectName || mixedFields.includes('projectName') },\n  )\n  const { folderTypes = [], taskTypes = [], statuses = [], tags = [] } = projectData || {}\n\n  const { data: info } = useGetSiteInfoQuery({ full: true })\n  const { attributes = [] } = info || {}\n\n  // build the fields array for defining the schema\n  const fields: AttributeField[] = useMemo(() => {\n    // Create custom fields as proper AttributeModel objects\n    const customFieldsData: AttributeField[] = [\n      {\n        name: 'label',\n        data: {\n          type: 'string',\n          title: 'Label',\n          description: 'Used as a nice visual label only',\n        },\n      },\n      {\n        name: 'folderType',\n        hidden: formData?.entityType !== 'folder',\n        data: {\n          type: 'string',\n          title: 'Folder Type',\n          description: 'Type of the folder',\n          enum: folderTypes.map((type) => ({\n            value: type.name,\n            label: type.name,\n            icon: type.icon,\n          })),\n        },\n      },\n      {\n        name: 'taskType',\n        hidden: formData?.entityType !== 'task',\n        data: {\n          type: 'string',\n          title: 'Task Type',\n          description: 'Type of the task',\n          enum: taskTypes.map((type) => ({\n            value: type.name,\n            label: type.name,\n            icon: type.icon,\n          })),\n        },\n      },\n      {\n        name: 'status',\n        data: {\n          type: 'string',\n          title: 'Status',\n          description: 'The state the entity is in, is it approved or in progress etc.',\n          enum: statuses.map((status) => ({\n            value: status.name,\n            label: status.name,\n            icon: status.icon,\n            color: status.color,\n          })),\n        },\n      },\n      {\n        name: 'tags',\n        data: {\n          type: 'list_of_strings',\n          title: 'Tags',\n          enum: tags.map((tag) => ({\n            value: tag.name,\n            label: tag.name,\n            color: tag.color,\n          })),\n        },\n      },\n    ]\n\n    // Filter API attributes based on entity type\n    const apiAttributesData: AttributeField[] = formData?.entityType\n      ? attributes\n          .filter((attr) => attr.scope?.includes(formData.entityType))\n          .map((attr) => ({\n            name: 'attrib.' + attr.name,\n            data: attr.data,\n          }))\n      : []\n\n    const readOnlyFieldsData: AttributeField[] = readOnlyFields.map((field) => ({\n      name: field as string,\n      readonly: true,\n      data: {\n        type: 'string',\n        title: upperFirst(field as string),\n      },\n    }))\n\n    // Combine custom fields with API attributes\n    const allFieldsData = [...customFieldsData, ...apiAttributesData, ...readOnlyFieldsData]\n    const sortToTop = ['path', 'name']\n    const sortedFieldsData = [...allFieldsData].sort((a, b) => {\n      const aIndex = sortToTop.indexOf(a.name)\n      const bIndex = sortToTop.indexOf(b.name)\n      if (aIndex === -1 && bIndex === -1) return 0\n      if (aIndex === -1) return 1\n      if (bIndex === -1) return -1\n      return aIndex - bIndex\n    })\n\n    return sortedFieldsData\n  }, [attributes, folderTypes, taskTypes, statuses, tags, formData?.entityType])\n\n  //\n  let enableEditing = false\n  if (\n    ['task', 'folder'].includes(formData?.entityType || '') &&\n    !mixedFields.includes('projectName')\n  ) {\n    enableEditing = true\n  }\n\n  const entityType = formData?.entityType || 'task'\n  const projectName = formData?.projectName || ''\n\n  // Setup entity update functionality\n  const { updateEntity } = useEntityUpdate({\n    entities: entities.map((entity) => ({\n      id: entity.id,\n      projectName: entity.projectName || '',\n      folderId: entity.folder?.id,\n      users: entity.task?.assignees || [],\n    })),\n    entityType,\n  })\n\n  const handleChange: DetailsPanelAttributesEditorProps['onChange'] = (key, value) => {\n    if (key.startsWith('attrib.')) {\n      value = {\n        [key.replace('attrib.', '')]: value,\n      }\n      key = 'attrib'\n    }\n\n    console.log('handleChange', key, value)\n\n    // update the form data\n    // @ts-ignore\n    setFormData((prev) => ({\n      ...prev,\n      [key]: value,\n    }))\n\n    // update the entity in database\n    updateEntity(key, value)\n  }\n\n  return (\n    <Section style={{ padding: 8, overflow: 'hidden' }}>\n      <DetailsPanelAttributesEditor\n        fields={fields}\n        form={formData || {}}\n        mixedFields={mixedFields}\n        isLoading={isLoading}\n        enableEditing={enableEditing}\n        onChange={handleChange}\n      />\n    </Section>\n  )\n}\n"],"names":["_a","formData","jsx"],"mappings":"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"}

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

@@ -149,6 +149,7 @@ require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js"
 require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");
 require("../../../../_virtual/runtime.cjs.js");
 require("../../../../_virtual/semver.cjs.js");
+require("react-redux");
 require("custom-protocol-check");
 require("../../containers/DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");
 const DetailsPanelHeader_styled = require("../../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");

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

@@ -1 +1 @@
-{"version":3,"file":"EntityThumbnailUploader.cjs.js","sources":["../../../../../src/components/EntityThumbnailUploader/EntityThumbnailUploader.tsx"],"sourcesContent":["import { useRef, useState } from 'react'\nimport clsx from 'clsx'\n\nimport { ThumbnailUploader } from '@shared/components'\nimport { ThumbnailWrapper } from '@shared/containers'\nimport { useUpdateEntitiesMutation } from '@shared/api'\nimport * as Styled from './EntityThumbnailUploader.styled'\nimport { ThumbnailUploadProvider } from '../../context/ThumbnailUploaderContext'\n\ntype Operation = {\n  id: string\n  projectName: string\n  currentAssignees: any[]\n  data: { updatedAt: string }\n}\nexport type EntityThumbnailUploaderProps = {\n  entityType: string\n  entities: any[]\n  isCompact?: boolean\n  projectName: any\n  children?: JSX.Element | JSX.Element[]\n  onUploaded?: (operations: Operation[]) => void\n  resetFileUploadState?: () => void\n}\n\nexport const EntityThumbnailUploader = ({\n  children = [],\n  entityType,\n  entities = [],\n  isCompact = false,\n  onUploaded,\n}: EntityThumbnailUploaderProps) => {\n  const [isDraggingFile, setIsDraggingFile] = useState(false)\n  const [isUploadingFile, setIsUploadingFile] = useState(false)\n\n  const [updateEntities] = useUpdateEntitiesMutation()\n\n  const handleThumbnailUpload = async (thumbnails: any[] = []) => {\n    // always set isDraggingFile to false\n    setIsDraggingFile(false)\n    setIsUploadingFile(false)\n\n    // check something was actually uploaded\n    if (!entities.length) {\n      return\n    }\n\n    // patching the updatedAt will force a refresh of the thumbnail url\n    const newUpdatedAt = new Date().toISOString()\n\n    let operations: Operation[] = []\n    let versionPatches = []\n\n    for (const entity of thumbnails) {\n      const entityToPatch = entities.find((e) => e.id === entity.id)\n      if (!entityToPatch) continue\n      const thumbnailId = entity.thumbnailId\n      const currentAssignees = entity.users || []\n\n      operations.push({\n        id: entityToPatch.id,\n        projectName: entityToPatch.projectName,\n        data: { updatedAt: newUpdatedAt },\n        currentAssignees,\n      })\n\n      const versionPatch = {\n        productId: entityToPatch.productId,\n        versionUpdatedAt: newUpdatedAt,\n        versionThumbnailId: thumbnailId,\n      }\n\n      versionPatches.push(versionPatch)\n    }\n\n    try {\n      await updateEntities({ operations, entityType })\n      onUploaded && onUploaded(operations)\n    } catch (error) {\n      console.error('Error uploading thumbnail:', error)\n    }\n  }\n\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  return (\n    <ThumbnailUploadProvider\n      entities={entities}\n      handleThumbnailUpload={handleThumbnailUpload}\n      inputRef={inputRef}\n    >\n      <Styled.DragAndDropWrapper\n        className={clsx({ isCompact })}\n        onDragEnter={() => setIsDraggingFile(true)}\n      >\n        <ThumbnailWrapper>\n          <div>{children}</div>\n        </ThumbnailWrapper>\n        <ThumbnailUploader\n          entities={entities}\n          inputRef={inputRef}\n          className={clsx('thumbnail-uploader', { hidden: !isDraggingFile && !isUploadingFile })}\n          onUploadInProgress={() => setIsUploadingFile(true)}\n          onFinish={handleThumbnailUpload}\n          onDragLeave={() => setIsDraggingFile(false)}\n          onDragOver={(e) => e.preventDefault()}\n        />\n      </Styled.DragAndDropWrapper>\n    </ThumbnailUploadProvider>\n  )\n}\n"],"names":["useState","useUpdateEntitiesMutation","useRef","jsx","ThumbnailUploadProvider","jsxs","Styled.DragAndDropWrapper","ThumbnailWrapper","ThumbnailUploader"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBO,MAAM,0BAA0B,CAAC;AAAA,EACtC,WAAW,CAAC;AAAA,EACZ;AAAA,EACA,WAAW,CAAC;AAAA,EACZ,YAAY;AAAA,EACZ;AACF,MAAoC;AAClC,QAAM,CAAC,gBAAgB,iBAAiB,IAAIA,MAAAA,SAAS,KAAK;AAC1D,QAAM,CAAC,iBAAiB,kBAAkB,IAAIA,MAAAA,SAAS,KAAK;AAEtD,QAAA,CAAC,cAAc,IAAIC,uCAA0B;AAEnD,QAAM,wBAAwB,OAAO,aAAoB,OAAO;AAE9D,sBAAkB,KAAK;AACvB,uBAAmB,KAAK;AAGpB,QAAA,CAAC,SAAS,QAAQ;AACpB;AAAA,IAAA;AAIF,UAAM,gBAAe,oBAAI,KAAK,GAAE,YAAY;AAE5C,QAAI,aAA0B,CAAC;AAG/B,eAAW,UAAU,YAAY;AACzB,YAAA,gBAAgB,SAAS,KAAK,CAAC,MAAM,EAAE,OAAO,OAAO,EAAE;AAC7D,UAAI,CAAC,cAAe;AACA,aAAO;AACrB,YAAA,mBAAmB,OAAO,SAAS,CAAC;AAE1C,iBAAW,KAAK;AAAA,QACd,IAAI,cAAc;AAAA,QAClB,aAAa,cAAc;AAAA,QAC3B,MAAM,EAAE,WAAW,aAAa;AAAA,QAChC;AAAA,MAAA,CACD;AAEoB,OAAA;AAAA,QACnB,WAAW,cAAc;AAAA,MAG3B;AAAA,IAEgC;AAG9B,QAAA;AACF,YAAM,eAAe,EAAE,YAAY,YAAY;AAC/C,oBAAc,WAAW,UAAU;AAAA,aAC5B,OAAO;AACN,cAAA,MAAM,8BAA8B,KAAK;AAAA,IAAA;AAAA,EAErD;AAEM,QAAA,WAAWC,aAAyB,IAAI;AAG5C,SAAAC,2BAAA,kBAAA;AAAA,IAACC,yBAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MAEA,UAAAC,2BAAA,kBAAA;AAAA,QAACC,+BAAO;AAAA,QAAP;AAAA,UACC,WAAW,KAAK,EAAE,WAAW;AAAA,UAC7B,aAAa,MAAM,kBAAkB,IAAI;AAAA,UAEzC,UAAA;AAAA,YAAAH,iDAACI,0BAAAA,kBACC,EAAA,UAAAJ,2BAAAA,kBAAAA,IAAC,OAAK,EAAA,SAAS,CAAA,GACjB;AAAA,YACAA,2BAAA,kBAAA;AAAA,cAACK,kBAAA;AAAA,cAAA;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA,WAAW,KAAK,sBAAsB,EAAE,QAAQ,CAAC,kBAAkB,CAAC,iBAAiB;AAAA,gBACrF,oBAAoB,MAAM,mBAAmB,IAAI;AAAA,gBACjD,UAAU;AAAA,gBACV,aAAa,MAAM,kBAAkB,KAAK;AAAA,gBAC1C,YAAY,CAAC,MAAM,EAAE,eAAe;AAAA,cAAA;AAAA,YAAA;AAAA,UACtC;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ;;"}
+{"version":3,"file":"EntityThumbnailUploader.cjs.js","sources":["../../../../../src/components/EntityThumbnailUploader/EntityThumbnailUploader.tsx"],"sourcesContent":["import { useRef, useState } from 'react'\nimport clsx from 'clsx'\n\nimport { ThumbnailUploader } from '@shared/components'\nimport { ThumbnailWrapper } from '@shared/containers'\nimport { useUpdateEntitiesMutation } from '@shared/api'\nimport * as Styled from './EntityThumbnailUploader.styled'\nimport { ThumbnailUploadProvider } from '../../context/ThumbnailUploaderContext'\n\ntype Operation = {\n  id: string\n  projectName: string\n  currentAssignees: any[]\n  data: { updatedAt: string }\n}\nexport type EntityThumbnailUploaderProps = {\n  entityType: string\n  entities: any[]\n  isCompact?: boolean\n  projectName: any\n  children?: JSX.Element | JSX.Element[]\n  onUploaded?: (operations: Operation[]) => void\n  resetFileUploadState?: () => void\n}\n\nexport const EntityThumbnailUploader = ({\n  children = [],\n  entityType,\n  entities = [],\n  isCompact = false,\n  onUploaded,\n}: EntityThumbnailUploaderProps) => {\n  const [isDraggingFile, setIsDraggingFile] = useState(false)\n  const [isUploadingFile, setIsUploadingFile] = useState(false)\n\n  const [updateEntities] = useUpdateEntitiesMutation()\n\n  const handleThumbnailUpload = async (thumbnails: any[] = []) => {\n    // always set isDraggingFile to false\n    setIsDraggingFile(false)\n    setIsUploadingFile(false)\n\n    // check something was actually uploaded\n    if (!entities.length) {\n      return\n    }\n\n    // patching the updatedAt will force a refresh of the thumbnail url\n    const newUpdatedAt = new Date().toISOString()\n\n    let operations: Operation[] = []\n    let versionPatches = []\n\n    for (const entity of thumbnails) {\n      const entityToPatch = entities.find((e) => e.id === entity.id)\n      if (!entityToPatch) continue\n      const thumbnailId = entity.thumbnailId\n      const currentAssignees = entity.users || []\n\n      operations.push({\n        id: entityToPatch.id,\n        projectName: entityToPatch.projectName,\n        data: { updatedAt: newUpdatedAt },\n        currentAssignees,\n      })\n\n      const versionPatch = {\n        productId: entityToPatch.productId,\n        versionUpdatedAt: newUpdatedAt,\n        versionThumbnailId: thumbnailId,\n      }\n\n      versionPatches.push(versionPatch)\n    }\n\n    try {\n      await updateEntities({ operations, entityType })\n      onUploaded && onUploaded(operations)\n    } catch (error) {\n      console.error('Error uploading thumbnail:', error)\n    }\n  }\n\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  return (\n    <ThumbnailUploadProvider\n      entities={entities}\n      handleThumbnailUpload={handleThumbnailUpload}\n      inputRef={inputRef}\n    >\n      <Styled.DragAndDropWrapper\n        className={clsx({ isCompact })}\n        onDragEnter={() => setIsDraggingFile(true)}\n      >\n        <ThumbnailWrapper>\n          <div>{children}</div>\n        </ThumbnailWrapper>\n        <ThumbnailUploader\n          entities={entities}\n          inputRef={inputRef}\n          className={clsx('thumbnail-uploader', { hidden: !isDraggingFile && !isUploadingFile })}\n          onUploadInProgress={() => setIsUploadingFile(true)}\n          onFinish={handleThumbnailUpload}\n          onDragLeave={() => setIsDraggingFile(false)}\n          onDragOver={(e) => e.preventDefault()}\n        />\n      </Styled.DragAndDropWrapper>\n    </ThumbnailUploadProvider>\n  )\n}\n"],"names":["useState","useUpdateEntitiesMutation","useRef","jsx","ThumbnailUploadProvider","jsxs","Styled.DragAndDropWrapper","ThumbnailWrapper","ThumbnailUploader"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBO,MAAM,0BAA0B,CAAC;AAAA,EACtC,WAAW,CAAC;AAAA,EACZ;AAAA,EACA,WAAW,CAAC;AAAA,EACZ,YAAY;AAAA,EACZ;AACF,MAAoC;AAClC,QAAM,CAAC,gBAAgB,iBAAiB,IAAIA,MAAAA,SAAS,KAAK;AAC1D,QAAM,CAAC,iBAAiB,kBAAkB,IAAIA,MAAAA,SAAS,KAAK;AAEtD,QAAA,CAAC,cAAc,IAAIC,uCAA0B;AAEnD,QAAM,wBAAwB,OAAO,aAAoB,OAAO;AAE9D,sBAAkB,KAAK;AACvB,uBAAmB,KAAK;AAGpB,QAAA,CAAC,SAAS,QAAQ;AACpB;AAAA,IAAA;AAIF,UAAM,gBAAe,oBAAI,KAAK,GAAE,YAAY;AAE5C,QAAI,aAA0B,CAAC;AAG/B,eAAW,UAAU,YAAY;AACzB,YAAA,gBAAgB,SAAS,KAAK,CAAC,MAAM,EAAE,OAAO,OAAO,EAAE;AAC7D,UAAI,CAAC,cAAe;AACA,aAAO;AACrB,YAAA,mBAAmB,OAAO,SAAS,CAAC;AAE1C,iBAAW,KAAK;AAAA,QACd,IAAI,cAAc;AAAA,QAClB,aAAa,cAAc;AAAA,QAC3B,MAAM,EAAE,WAAW,aAAa;AAAA,QAChC;AAAA,MAAA,CACD;AAEoB,OAAA;AAAA,QACnB,WAAW,cAAc;AAAA,MAG3B;AAAA,IAEgC;AAG9B,QAAA;AACF,YAAM,eAAe,EAAE,YAAY,YAAY;AAC/C,oBAAc,WAAW,UAAU;AAAA,aAC5B,OAAO;AACN,cAAA,MAAM,8BAA8B,KAAK;AAAA,IAAA;AAAA,EAErD;AAEM,QAAA,WAAWC,aAAyB,IAAI;AAG5C,SAAAC,2BAAA,kBAAA;AAAA,IAACC,yBAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MAEA,UAAAC,2BAAA,kBAAA;AAAA,QAACC,+BAAO;AAAA,QAAP;AAAA,UACC,WAAW,KAAK,EAAE,WAAW;AAAA,UAC7B,aAAa,MAAM,kBAAkB,IAAI;AAAA,UAEzC,UAAA;AAAA,YAAAH,iDAACI,0BAAAA,kBACC,EAAA,UAAAJ,2BAAAA,kBAAAA,IAAC,OAAK,EAAA,SAAS,CAAA,GACjB;AAAA,YACAA,2BAAA,kBAAA;AAAA,cAACK,kBAAA;AAAA,cAAA;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA,WAAW,KAAK,sBAAsB,EAAE,QAAQ,CAAC,kBAAkB,CAAC,iBAAiB;AAAA,gBACrF,oBAAoB,MAAM,mBAAmB,IAAI;AAAA,gBACjD,UAAU;AAAA,gBACV,aAAa,MAAM,kBAAkB,KAAK;AAAA,gBAC1C,YAAY,CAAC,MAAM,EAAE,eAAe;AAAA,cAAA;AAAA,YAAA;AAAA,UACtC;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ;;"}

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

@@ -147,6 +147,7 @@ import "../../containers/ProjectTreeTable/components/RowSelectionHeader.es.js";
 import "../../containers/DetailsPanel/DetailsPanel.styled.es.js";
 import "../../../../_virtual/runtime.es.js";
 import "../../../../_virtual/semver.es.js";
+import "react-redux";
 import "custom-protocol-check";
 import "../../containers/DetailsPanel/FeedFilters/FeedFilters.styled.es.js";
 import { ThumbnailWrapper } from "../../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";