@ynput/ayon-frontend-shared 0.2.17 → 0.2.18

package/dist/shared/src/components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js

@@ -0,0 +1,95 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const ayonReactComponents = require("@ynput/ayon-react-components");
+const styled = require("styled-components");
+const DragAndDropWrapper = styled.div`
+  height: 100%;
+
+  > input[type='file'] {
+    display: none;
+  }
+
+  /* hide input file type */
+  input[type='file'] {
+    display: none;
+  }
+`;
+const DropZones = styled.div`
+  z-index: 100;
+  position: absolute;
+  inset: 0;
+  top: -40px; /* hack to get the dropzone to show over whole panel header */
+  border-radius: var(--border-radius-l) var(--border-radius-l);
+  background-color: var(--md-sys-color-surface-container-lowest);
+
+  /* split the drop zones */
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;
+const DropZone = styled.div`
+  flex: 1;
+  height: 100%;
+  border-radius: var(--border-radius-l);
+
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: var(--base-gap-large);
+  border: 2px dashed transparent;
+
+  user-select: none;
+
+  /* hide children by default */
+  opacity: 0.4;
+
+  .icon {
+    font-size: 40px;
+  }
+
+  /* when hovering over */
+  &.active {
+    border-color: var(--md-sys-color-outline);
+    background-color: var(--md-sys-color-surface-container-lowest-hover);
+
+    /* show children */
+    opacity: 1;
+  }
+`;
+const CancelButton = styled(ayonReactComponents.Button)`
+  position: absolute;
+  top: 4px;
+  right: 4px;
+`;
+const UploadingProgress = styled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--base-gap-large);
+  position: relative;
+  width: 50%;
+
+  .label {
+    color: var(--md-sys-color-outline);
+    top: 12px;
+    position: relative;
+  }
+`;
+const Progress = styled.div`
+  height: 8px;
+  position: absolute;
+  border-radius: 4px;
+  left: 0;
+
+  background-color: var(--md-sys-color-primary);
+
+  transition: right 0.2s;
+`;
+exports.CancelButton = CancelButton;
+exports.DragAndDropWrapper = DragAndDropWrapper;
+exports.DropZone = DropZone;
+exports.DropZones = DropZones;
+exports.Progress = Progress;
+exports.UploadingProgress = UploadingProgress;
+//# sourceMappingURL=EntityPanelUploader.styled.cjs.js.map

package/dist/shared/src/components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityPanelUploader.styled.cjs.js","sources":["../../../../../src/components/EntityPanelUploader/EntityPanelUploader.styled.tsx"],"sourcesContent":["import { Button } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const DragAndDropWrapper = styled.div`\n  height: 100%;\n\n  > input[type='file'] {\n    display: none;\n  }\n\n  /* hide input file type */\n  input[type='file'] {\n    display: none;\n  }\n`\n\nexport const DropZones = styled.div`\n  z-index: 100;\n  position: absolute;\n  inset: 0;\n  top: -40px; /* hack to get the dropzone to show over whole panel header */\n  border-radius: var(--border-radius-l) var(--border-radius-l);\n  background-color: var(--md-sys-color-surface-container-lowest);\n\n  /* split the drop zones */\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`\n\nexport const DropZone = styled.div`\n  flex: 1;\n  height: 100%;\n  border-radius: var(--border-radius-l);\n\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: var(--base-gap-large);\n  border: 2px dashed transparent;\n\n  user-select: none;\n\n  /* hide children by default */\n  opacity: 0.4;\n\n  .icon {\n    font-size: 40px;\n  }\n\n  /* when hovering over */\n  &.active {\n    border-color: var(--md-sys-color-outline);\n    background-color: var(--md-sys-color-surface-container-lowest-hover);\n\n    /* show children */\n    opacity: 1;\n  }\n`\n\nexport const CancelButton = styled(Button)`\n  position: absolute;\n  top: 4px;\n  right: 4px;\n`\n\nexport const UploadingProgress = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--base-gap-large);\n  position: relative;\n  width: 50%;\n\n  .label {\n    color: var(--md-sys-color-outline);\n    top: 12px;\n    position: relative;\n  }\n`\n\nexport const Progress = styled.div`\n  height: 8px;\n  position: absolute;\n  border-radius: 4px;\n  left: 0;\n\n  background-color: var(--md-sys-color-primary);\n\n  transition: right 0.2s;\n`\n"],"names":["Button"],"mappings":";;;;AAGO,MAAM,qBAAqB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAalC,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAczB,MAAM,WAAW,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+BlB,MAAA,eAAe,OAAOA,0BAAM;AAAA;AAAA;AAAA;AAAA;AAMlC,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAejC,MAAM,WAAW,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;"}

package/dist/shared/src/components/EntityPanelUploader/EntityPanelUploader.styled.es.js

@@ -0,0 +1,95 @@
+import { Button } from "@ynput/ayon-react-components";
+import styled from "styled-components";
+const DragAndDropWrapper = styled.div`
+  height: 100%;
+
+  > input[type='file'] {
+    display: none;
+  }
+
+  /* hide input file type */
+  input[type='file'] {
+    display: none;
+  }
+`;
+const DropZones = styled.div`
+  z-index: 100;
+  position: absolute;
+  inset: 0;
+  top: -40px; /* hack to get the dropzone to show over whole panel header */
+  border-radius: var(--border-radius-l) var(--border-radius-l);
+  background-color: var(--md-sys-color-surface-container-lowest);
+
+  /* split the drop zones */
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;
+const DropZone = styled.div`
+  flex: 1;
+  height: 100%;
+  border-radius: var(--border-radius-l);
+
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: var(--base-gap-large);
+  border: 2px dashed transparent;
+
+  user-select: none;
+
+  /* hide children by default */
+  opacity: 0.4;
+
+  .icon {
+    font-size: 40px;
+  }
+
+  /* when hovering over */
+  &.active {
+    border-color: var(--md-sys-color-outline);
+    background-color: var(--md-sys-color-surface-container-lowest-hover);
+
+    /* show children */
+    opacity: 1;
+  }
+`;
+const CancelButton = styled(Button)`
+  position: absolute;
+  top: 4px;
+  right: 4px;
+`;
+const UploadingProgress = styled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--base-gap-large);
+  position: relative;
+  width: 50%;
+
+  .label {
+    color: var(--md-sys-color-outline);
+    top: 12px;
+    position: relative;
+  }
+`;
+const Progress = styled.div`
+  height: 8px;
+  position: absolute;
+  border-radius: 4px;
+  left: 0;
+
+  background-color: var(--md-sys-color-primary);
+
+  transition: right 0.2s;
+`;
+export {
+  CancelButton,
+  DragAndDropWrapper,
+  DropZone,
+  DropZones,
+  Progress,
+  UploadingProgress
+};
+//# sourceMappingURL=EntityPanelUploader.styled.es.js.map

package/dist/shared/src/components/EntityPanelUploader/EntityPanelUploader.styled.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityPanelUploader.styled.es.js","sources":["../../../../../src/components/EntityPanelUploader/EntityPanelUploader.styled.tsx"],"sourcesContent":["import { Button } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const DragAndDropWrapper = styled.div`\n  height: 100%;\n\n  > input[type='file'] {\n    display: none;\n  }\n\n  /* hide input file type */\n  input[type='file'] {\n    display: none;\n  }\n`\n\nexport const DropZones = styled.div`\n  z-index: 100;\n  position: absolute;\n  inset: 0;\n  top: -40px; /* hack to get the dropzone to show over whole panel header */\n  border-radius: var(--border-radius-l) var(--border-radius-l);\n  background-color: var(--md-sys-color-surface-container-lowest);\n\n  /* split the drop zones */\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`\n\nexport const DropZone = styled.div`\n  flex: 1;\n  height: 100%;\n  border-radius: var(--border-radius-l);\n\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: var(--base-gap-large);\n  border: 2px dashed transparent;\n\n  user-select: none;\n\n  /* hide children by default */\n  opacity: 0.4;\n\n  .icon {\n    font-size: 40px;\n  }\n\n  /* when hovering over */\n  &.active {\n    border-color: var(--md-sys-color-outline);\n    background-color: var(--md-sys-color-surface-container-lowest-hover);\n\n    /* show children */\n    opacity: 1;\n  }\n`\n\nexport const CancelButton = styled(Button)`\n  position: absolute;\n  top: 4px;\n  right: 4px;\n`\n\nexport const UploadingProgress = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--base-gap-large);\n  position: relative;\n  width: 50%;\n\n  .label {\n    color: var(--md-sys-color-outline);\n    top: 12px;\n    position: relative;\n  }\n`\n\nexport const Progress = styled.div`\n  height: 8px;\n  position: absolute;\n  border-radius: 4px;\n  left: 0;\n\n  background-color: var(--md-sys-color-primary);\n\n  transition: right 0.2s;\n`\n"],"names":[],"mappings":";;AAGO,MAAM,qBAAqB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAalC,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAczB,MAAM,WAAW,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+BlB,MAAA,eAAe,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAMlC,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAejC,MAAM,WAAW,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/shared/src/components/EntityPanelUploader/EntityPanelUploaderDialog.cjs.js

@@ -0,0 +1,76 @@
+"use strict";
+const jsxRuntime = require("../../../../_virtual/jsx-runtime.cjs.js");
+const ayonReactComponents = require("@ynput/ayon-react-components");
+const lodash = require("lodash");
+const React = require("react");
+const prefix = "review";
+const buildDefaultName = (file) => {
+  if (!file) return "";
+  const name = file.name.replace(/\.[^/.]+$/, "");
+  const camelCaseName = lodash.camelCase(name);
+  const pascalCaseName = lodash.upperFirst(camelCaseName);
+  return `${prefix}${pascalCaseName}`;
+};
+const EntityPanelUploaderDialog = ({
+  files,
+  isOpen,
+  onCancel,
+  onSubmit
+}) => {
+  const defaultProductName = buildDefaultName(files == null ? void 0 : files[0]);
+  const inputRef = React.useRef(null);
+  const hasSelectedRef = React.useRef(false);
+  const [product, setProduct] = React.useState(defaultProductName);
+  React.useEffect(() => {
+    setProduct(defaultProductName);
+    hasSelectedRef.current = false;
+  }, [defaultProductName]);
+  React.useEffect(() => {
+    if (isOpen && inputRef.current && product.startsWith(prefix) && !hasSelectedRef.current) {
+      inputRef.current.focus();
+      const selectionStart = prefix.length;
+      const selectionEnd = product.length;
+      inputRef.current.setSelectionRange(selectionStart, selectionEnd);
+      hasSelectedRef.current = true;
+    } else if (!isOpen) {
+      hasSelectedRef.current = false;
+    }
+  }, [isOpen, product]);
+  const handleSubmit = () => {
+    if (product.trim() && onSubmit) {
+      onSubmit(product.trim());
+    }
+  };
+  const handleCancel = () => {
+    setProduct(defaultProductName);
+    if (onCancel) {
+      onCancel();
+    }
+  };
+  const isValidProduct = product.trim().length > 0;
+  const footer = /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { style: { display: "flex", gap: "8px", justifyContent: "flex-end" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ayonReactComponents.Button, { variant: "text", onClick: handleCancel, children: "Cancel" }),
+    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ayonReactComponents.Button, { variant: "filled", onClick: handleSubmit, disabled: !isValidProduct, children: "Upload" })
+  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ayonReactComponents.Dialog, { isOpen, onClose: handleCancel, header: "Upload Entity", footer, size: "sm", children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { style: { padding: "16px 0" }, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ayonReactComponents.FormRow, { label: "Product Name", children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    ayonReactComponents.InputText,
+    {
+      ref: inputRef,
+      placeholder: "Enter product name...",
+      value: product,
+      onChange: (e) => setProduct(e.target.value),
+      autoFocus: true,
+      onKeyDown: (e) => {
+        if (e.key === "Enter" && isValidProduct) {
+          e.preventDefault();
+          handleSubmit();
+        } else if (e.key === "Escape") {
+          e.preventDefault();
+          handleCancel();
+        }
+      }
+    }
+  ) }) }) });
+};
+module.exports = EntityPanelUploaderDialog;
+//# sourceMappingURL=EntityPanelUploaderDialog.cjs.js.map

package/dist/shared/src/components/EntityPanelUploader/EntityPanelUploaderDialog.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityPanelUploaderDialog.cjs.js","sources":["../../../../../src/components/EntityPanelUploader/EntityPanelUploaderDialog.tsx"],"sourcesContent":["// A dialog to ask the user to name their new upload uploaded version (naming the product)\n// by default we can take the file name\n\nimport { Dialog, InputText, Button, FormRow } from '@ynput/ayon-react-components'\nimport { camelCase, upperFirst } from 'lodash'\nimport { FC, useState, useEffect, useRef } from 'react'\n\nconst prefix = 'review'\nconst buildDefaultName = (file?: File | null) => {\n  // remove file extension\n  // convert to camelCase\n  // first letter to uppercase\n  // prefix with \"review\"\n  if (!file) return ''\n  const name = file.name.replace(/\\.[^/.]+$/, '') // remove file extension\n  const camelCaseName = camelCase(name)\n  const pascalCaseName = upperFirst(camelCaseName)\n  return `${prefix}${pascalCaseName}`\n}\n\ninterface EntityPanelUploaderDialogProps {\n  files: FileList | null // used to determine the default product name\n  isOpen: boolean\n  defaultProductName?: string\n  onCancel?: () => void\n  onSubmit?: (productName: string) => void\n}\n\nconst EntityPanelUploaderDialog: FC<EntityPanelUploaderDialogProps> = ({\n  files,\n  isOpen,\n  onCancel,\n  onSubmit,\n}) => {\n  // Build default product name from the first file\n  const defaultProductName = buildDefaultName(files?.[0])\n  const inputRef = useRef<HTMLInputElement>(null)\n  const hasSelectedRef = useRef(false)\n\n  const [product, setProduct] = useState(defaultProductName)\n\n  // Update state when defaultProductName changes\n  useEffect(() => {\n    setProduct(defaultProductName)\n    hasSelectedRef.current = false // Reset selection flag when product name changes\n  }, [defaultProductName])\n\n  // Select the filename part (excluding \"review\" prefix) when dialog opens - only once\n  useEffect(() => {\n    if (isOpen && inputRef.current && product.startsWith(prefix) && !hasSelectedRef.current) {\n      // Focus the input first\n      inputRef.current.focus()\n      // Then select just the filename part (after \"review\")\n      const selectionStart = prefix.length\n      const selectionEnd = product.length\n      inputRef.current.setSelectionRange(selectionStart, selectionEnd)\n      hasSelectedRef.current = true // Mark as selected to prevent re-selection\n    } else if (!isOpen) {\n      hasSelectedRef.current = false // Reset when dialog closes\n    }\n  }, [isOpen, product])\n\n  const handleSubmit = () => {\n    if (product.trim() && onSubmit) {\n      onSubmit(product.trim())\n    }\n  }\n\n  const handleCancel = () => {\n    setProduct(defaultProductName)\n    if (onCancel) {\n      onCancel()\n    }\n  }\n\n  const isValidProduct = product.trim().length > 0\n\n  const footer = (\n    <div style={{ display: 'flex', gap: '8px', justifyContent: 'flex-end' }}>\n      <Button variant=\"text\" onClick={handleCancel}>\n        Cancel\n      </Button>\n      <Button variant=\"filled\" onClick={handleSubmit} disabled={!isValidProduct}>\n        Upload\n      </Button>\n    </div>\n  )\n\n  return (\n    <Dialog isOpen={isOpen} onClose={handleCancel} header=\"Upload Entity\" footer={footer} size=\"sm\">\n      <div style={{ padding: '16px 0' }}>\n        <FormRow label=\"Product Name\">\n          <InputText\n            ref={inputRef}\n            placeholder=\"Enter product name...\"\n            value={product}\n            onChange={(e) => setProduct(e.target.value)}\n            autoFocus\n            onKeyDown={(e) => {\n              if (e.key === 'Enter' && isValidProduct) {\n                e.preventDefault()\n                handleSubmit()\n              } else if (e.key === 'Escape') {\n                e.preventDefault()\n                handleCancel()\n              }\n            }}\n          />\n        </FormRow>\n      </div>\n    </Dialog>\n  )\n}\n\nexport default EntityPanelUploaderDialog\n"],"names":["camelCase","upperFirst","useRef","useState","useEffect","jsxs","jsx","Button","Dialog","FormRow","InputText"],"mappings":";;;;;AAOA,MAAM,SAAS;AACf,MAAM,mBAAmB,CAAC,SAAuB;AAK3C,MAAA,CAAC,KAAa,QAAA;AAClB,QAAM,OAAO,KAAK,KAAK,QAAQ,aAAa,EAAE;AACxC,QAAA,gBAAgBA,iBAAU,IAAI;AAC9B,QAAA,iBAAiBC,kBAAW,aAAa;AACxC,SAAA,GAAG,MAAM,GAAG,cAAc;AACnC;AAUA,MAAM,4BAAgE,CAAC;AAAA,EACrE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AAEJ,QAAM,qBAAqB,iBAAiB,+BAAQ,EAAE;AAChD,QAAA,WAAWC,aAAyB,IAAI;AACxC,QAAA,iBAAiBA,aAAO,KAAK;AAEnC,QAAM,CAAC,SAAS,UAAU,IAAIC,MAAAA,SAAS,kBAAkB;AAGzDC,QAAAA,UAAU,MAAM;AACd,eAAW,kBAAkB;AAC7B,mBAAe,UAAU;AAAA,EAAA,GACxB,CAAC,kBAAkB,CAAC;AAGvBA,QAAAA,UAAU,MAAM;AACV,QAAA,UAAU,SAAS,WAAW,QAAQ,WAAW,MAAM,KAAK,CAAC,eAAe,SAAS;AAEvF,eAAS,QAAQ,MAAM;AAEvB,YAAM,iBAAiB,OAAO;AAC9B,YAAM,eAAe,QAAQ;AACpB,eAAA,QAAQ,kBAAkB,gBAAgB,YAAY;AAC/D,qBAAe,UAAU;AAAA,IAAA,WAChB,CAAC,QAAQ;AAClB,qBAAe,UAAU;AAAA,IAAA;AAAA,EAC3B,GACC,CAAC,QAAQ,OAAO,CAAC;AAEpB,QAAM,eAAe,MAAM;AACrB,QAAA,QAAQ,KAAK,KAAK,UAAU;AACrB,eAAA,QAAQ,MAAM;AAAA,IAAA;AAAA,EAE3B;AAEA,QAAM,eAAe,MAAM;AACzB,eAAW,kBAAkB;AAC7B,QAAI,UAAU;AACH,eAAA;AAAA,IAAA;AAAA,EAEb;AAEA,QAAM,iBAAiB,QAAQ,KAAK,EAAE,SAAS;AAEzC,QAAA,SACHC,2BAAA,kBAAA,KAAA,OAAA,EAAI,OAAO,EAAE,SAAS,QAAQ,KAAK,OAAO,gBAAgB,WAAA,GACzD,UAAA;AAAA,IAAAC,iDAACC,oBAAAA,QAAO,EAAA,SAAQ,QAAO,SAAS,cAAc,UAE9C,UAAA;AAAA,IACAD,2BAAAA,kBAAAA,IAACC,8BAAO,SAAQ,UAAS,SAAS,cAAc,UAAU,CAAC,gBAAgB,UAE3E,SAAA,CAAA;AAAA,EAAA,GACF;AAIA,SAAAD,iDAACE,oBAAAA,UAAO,QAAgB,SAAS,cAAc,QAAO,iBAAgB,QAAgB,MAAK,MACzF,2DAAC,OAAI,EAAA,OAAO,EAAE,SAAS,SAAA,GACrB,UAACF,2BAAA,kBAAA,IAAAG,oBAAA,SAAA,EAAQ,OAAM,gBACb,UAAAH,2BAAA,kBAAA;AAAA,IAACI,oBAAA;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,aAAY;AAAA,MACZ,OAAO;AAAA,MACP,UAAU,CAAC,MAAM,WAAW,EAAE,OAAO,KAAK;AAAA,MAC1C,WAAS;AAAA,MACT,WAAW,CAAC,MAAM;AACZ,YAAA,EAAE,QAAQ,WAAW,gBAAgB;AACvC,YAAE,eAAe;AACJ,uBAAA;AAAA,QAAA,WACJ,EAAE,QAAQ,UAAU;AAC7B,YAAE,eAAe;AACJ,uBAAA;AAAA,QAAA;AAAA,MACf;AAAA,IACF;AAAA,EAAA,EAEJ,CAAA,EACF,CAAA,GACF;AAEJ;;"}

package/dist/shared/src/components/EntityPanelUploader/EntityPanelUploaderDialog.es.js

@@ -0,0 +1,77 @@
+import { j as jsxRuntimeExports } from "../../../../_virtual/jsx-runtime.es.js";
+import { Dialog, FormRow, InputText, Button } from "@ynput/ayon-react-components";
+import { camelCase, upperFirst } from "lodash";
+import { useRef, useState, useEffect } from "react";
+const prefix = "review";
+const buildDefaultName = (file) => {
+  if (!file) return "";
+  const name = file.name.replace(/\.[^/.]+$/, "");
+  const camelCaseName = camelCase(name);
+  const pascalCaseName = upperFirst(camelCaseName);
+  return `${prefix}${pascalCaseName}`;
+};
+const EntityPanelUploaderDialog = ({
+  files,
+  isOpen,
+  onCancel,
+  onSubmit
+}) => {
+  const defaultProductName = buildDefaultName(files == null ? void 0 : files[0]);
+  const inputRef = useRef(null);
+  const hasSelectedRef = useRef(false);
+  const [product, setProduct] = useState(defaultProductName);
+  useEffect(() => {
+    setProduct(defaultProductName);
+    hasSelectedRef.current = false;
+  }, [defaultProductName]);
+  useEffect(() => {
+    if (isOpen && inputRef.current && product.startsWith(prefix) && !hasSelectedRef.current) {
+      inputRef.current.focus();
+      const selectionStart = prefix.length;
+      const selectionEnd = product.length;
+      inputRef.current.setSelectionRange(selectionStart, selectionEnd);
+      hasSelectedRef.current = true;
+    } else if (!isOpen) {
+      hasSelectedRef.current = false;
+    }
+  }, [isOpen, product]);
+  const handleSubmit = () => {
+    if (product.trim() && onSubmit) {
+      onSubmit(product.trim());
+    }
+  };
+  const handleCancel = () => {
+    setProduct(defaultProductName);
+    if (onCancel) {
+      onCancel();
+    }
+  };
+  const isValidProduct = product.trim().length > 0;
+  const footer = /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", gap: "8px", justifyContent: "flex-end" }, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "text", onClick: handleCancel, children: "Cancel" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "filled", onClick: handleSubmit, disabled: !isValidProduct, children: "Upload" })
+  ] });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Dialog, { isOpen, onClose: handleCancel, header: "Upload Entity", footer, size: "sm", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { padding: "16px 0" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(FormRow, { label: "Product Name", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    InputText,
+    {
+      ref: inputRef,
+      placeholder: "Enter product name...",
+      value: product,
+      onChange: (e) => setProduct(e.target.value),
+      autoFocus: true,
+      onKeyDown: (e) => {
+        if (e.key === "Enter" && isValidProduct) {
+          e.preventDefault();
+          handleSubmit();
+        } else if (e.key === "Escape") {
+          e.preventDefault();
+          handleCancel();
+        }
+      }
+    }
+  ) }) }) });
+};
+export {
+  EntityPanelUploaderDialog as default
+};
+//# sourceMappingURL=EntityPanelUploaderDialog.es.js.map

package/dist/shared/src/components/EntityPanelUploader/EntityPanelUploaderDialog.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityPanelUploaderDialog.es.js","sources":["../../../../../src/components/EntityPanelUploader/EntityPanelUploaderDialog.tsx"],"sourcesContent":["// A dialog to ask the user to name their new upload uploaded version (naming the product)\n// by default we can take the file name\n\nimport { Dialog, InputText, Button, FormRow } from '@ynput/ayon-react-components'\nimport { camelCase, upperFirst } from 'lodash'\nimport { FC, useState, useEffect, useRef } from 'react'\n\nconst prefix = 'review'\nconst buildDefaultName = (file?: File | null) => {\n  // remove file extension\n  // convert to camelCase\n  // first letter to uppercase\n  // prefix with \"review\"\n  if (!file) return ''\n  const name = file.name.replace(/\\.[^/.]+$/, '') // remove file extension\n  const camelCaseName = camelCase(name)\n  const pascalCaseName = upperFirst(camelCaseName)\n  return `${prefix}${pascalCaseName}`\n}\n\ninterface EntityPanelUploaderDialogProps {\n  files: FileList | null // used to determine the default product name\n  isOpen: boolean\n  defaultProductName?: string\n  onCancel?: () => void\n  onSubmit?: (productName: string) => void\n}\n\nconst EntityPanelUploaderDialog: FC<EntityPanelUploaderDialogProps> = ({\n  files,\n  isOpen,\n  onCancel,\n  onSubmit,\n}) => {\n  // Build default product name from the first file\n  const defaultProductName = buildDefaultName(files?.[0])\n  const inputRef = useRef<HTMLInputElement>(null)\n  const hasSelectedRef = useRef(false)\n\n  const [product, setProduct] = useState(defaultProductName)\n\n  // Update state when defaultProductName changes\n  useEffect(() => {\n    setProduct(defaultProductName)\n    hasSelectedRef.current = false // Reset selection flag when product name changes\n  }, [defaultProductName])\n\n  // Select the filename part (excluding \"review\" prefix) when dialog opens - only once\n  useEffect(() => {\n    if (isOpen && inputRef.current && product.startsWith(prefix) && !hasSelectedRef.current) {\n      // Focus the input first\n      inputRef.current.focus()\n      // Then select just the filename part (after \"review\")\n      const selectionStart = prefix.length\n      const selectionEnd = product.length\n      inputRef.current.setSelectionRange(selectionStart, selectionEnd)\n      hasSelectedRef.current = true // Mark as selected to prevent re-selection\n    } else if (!isOpen) {\n      hasSelectedRef.current = false // Reset when dialog closes\n    }\n  }, [isOpen, product])\n\n  const handleSubmit = () => {\n    if (product.trim() && onSubmit) {\n      onSubmit(product.trim())\n    }\n  }\n\n  const handleCancel = () => {\n    setProduct(defaultProductName)\n    if (onCancel) {\n      onCancel()\n    }\n  }\n\n  const isValidProduct = product.trim().length > 0\n\n  const footer = (\n    <div style={{ display: 'flex', gap: '8px', justifyContent: 'flex-end' }}>\n      <Button variant=\"text\" onClick={handleCancel}>\n        Cancel\n      </Button>\n      <Button variant=\"filled\" onClick={handleSubmit} disabled={!isValidProduct}>\n        Upload\n      </Button>\n    </div>\n  )\n\n  return (\n    <Dialog isOpen={isOpen} onClose={handleCancel} header=\"Upload Entity\" footer={footer} size=\"sm\">\n      <div style={{ padding: '16px 0' }}>\n        <FormRow label=\"Product Name\">\n          <InputText\n            ref={inputRef}\n            placeholder=\"Enter product name...\"\n            value={product}\n            onChange={(e) => setProduct(e.target.value)}\n            autoFocus\n            onKeyDown={(e) => {\n              if (e.key === 'Enter' && isValidProduct) {\n                e.preventDefault()\n                handleSubmit()\n              } else if (e.key === 'Escape') {\n                e.preventDefault()\n                handleCancel()\n              }\n            }}\n          />\n        </FormRow>\n      </div>\n    </Dialog>\n  )\n}\n\nexport default EntityPanelUploaderDialog\n"],"names":["jsxs","jsx"],"mappings":";;;;AAOA,MAAM,SAAS;AACf,MAAM,mBAAmB,CAAC,SAAuB;AAK3C,MAAA,CAAC,KAAa,QAAA;AAClB,QAAM,OAAO,KAAK,KAAK,QAAQ,aAAa,EAAE;AACxC,QAAA,gBAAgB,UAAU,IAAI;AAC9B,QAAA,iBAAiB,WAAW,aAAa;AACxC,SAAA,GAAG,MAAM,GAAG,cAAc;AACnC;AAUA,MAAM,4BAAgE,CAAC;AAAA,EACrE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AAEJ,QAAM,qBAAqB,iBAAiB,+BAAQ,EAAE;AAChD,QAAA,WAAW,OAAyB,IAAI;AACxC,QAAA,iBAAiB,OAAO,KAAK;AAEnC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,kBAAkB;AAGzD,YAAU,MAAM;AACd,eAAW,kBAAkB;AAC7B,mBAAe,UAAU;AAAA,EAAA,GACxB,CAAC,kBAAkB,CAAC;AAGvB,YAAU,MAAM;AACV,QAAA,UAAU,SAAS,WAAW,QAAQ,WAAW,MAAM,KAAK,CAAC,eAAe,SAAS;AAEvF,eAAS,QAAQ,MAAM;AAEvB,YAAM,iBAAiB,OAAO;AAC9B,YAAM,eAAe,QAAQ;AACpB,eAAA,QAAQ,kBAAkB,gBAAgB,YAAY;AAC/D,qBAAe,UAAU;AAAA,IAAA,WAChB,CAAC,QAAQ;AAClB,qBAAe,UAAU;AAAA,IAAA;AAAA,EAC3B,GACC,CAAC,QAAQ,OAAO,CAAC;AAEpB,QAAM,eAAe,MAAM;AACrB,QAAA,QAAQ,KAAK,KAAK,UAAU;AACrB,eAAA,QAAQ,MAAM;AAAA,IAAA;AAAA,EAE3B;AAEA,QAAM,eAAe,MAAM;AACzB,eAAW,kBAAkB;AAC7B,QAAI,UAAU;AACH,eAAA;AAAA,IAAA;AAAA,EAEb;AAEA,QAAM,iBAAiB,QAAQ,KAAK,EAAE,SAAS;AAEzC,QAAA,SACHA,kCAAA,KAAA,OAAA,EAAI,OAAO,EAAE,SAAS,QAAQ,KAAK,OAAO,gBAAgB,WAAA,GACzD,UAAA;AAAA,IAAAC,sCAAC,QAAO,EAAA,SAAQ,QAAO,SAAS,cAAc,UAE9C,UAAA;AAAA,IACAA,kCAAAA,IAAC,UAAO,SAAQ,UAAS,SAAS,cAAc,UAAU,CAAC,gBAAgB,UAE3E,SAAA,CAAA;AAAA,EAAA,GACF;AAIA,SAAAA,sCAAC,UAAO,QAAgB,SAAS,cAAc,QAAO,iBAAgB,QAAgB,MAAK,MACzF,gDAAC,OAAI,EAAA,OAAO,EAAE,SAAS,SAAA,GACrB,UAACA,kCAAA,IAAA,SAAA,EAAQ,OAAM,gBACb,UAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,aAAY;AAAA,MACZ,OAAO;AAAA,MACP,UAAU,CAAC,MAAM,WAAW,EAAE,OAAO,KAAK;AAAA,MAC1C,WAAS;AAAA,MACT,WAAW,CAAC,MAAM;AACZ,YAAA,EAAE,QAAQ,WAAW,gBAAgB;AACvC,YAAE,eAAe;AACJ,uBAAA;AAAA,QAAA,WACJ,EAAE,QAAQ,UAAU;AAC7B,YAAE,eAAe;AACJ,uBAAA;AAAA,QAAA;AAAA,MACf;AAAA,IACF;AAAA,EAAA,EAEJ,CAAA,EACF,CAAA,GACF;AAEJ;"}

package/dist/shared/src/components/Powerpack/PowerpackButton.cjs.js

@@ -16,7 +16,7 @@ const clsx = require("clsx");
 const React = require("react");
 const styled = require("styled-components");
 const StyledButton = styled(ayonReactComponents.Button)`
-  background-color: unset;
+  background-color: unset !important;
   color: var(--md-sys-color-tertiary);
   transition: color 0.2s, background-color 0.2s, opacity 0.2s;
   border-radius: var(--border-radius-xl);

package/dist/shared/src/components/Powerpack/PowerpackButton.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"PowerpackButton.cjs.js","sources":["../../../../../src/components/Powerpack/PowerpackButton.tsx"],"sourcesContent":["import { PowerpackFeature, usePowerpack } from '@shared/context'\nimport { Button, ButtonProps } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { forwardRef, MouseEvent } from 'react'\nimport styled from 'styled-components'\n\nconst StyledButton = styled(Button)`\n  background-color: unset;\n  color: var(--md-sys-color-tertiary);\n  transition: color 0.2s, background-color 0.2s, opacity 0.2s;\n  border-radius: var(--border-radius-xl);\n\n  &.filled {\n    background-color: var(--md-sys-color-tertiary);\n    color: var(--md-sys-color-on-tertiary);\n  }\n\n  &.border {\n    border: 1px solid var(--md-sys-color-tertiary);\n  }\n\n  &:hover {\n    color: var(--md-sys-color-on-tertiary);\n  }\n\n  .icon {\n    font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;\n  }\n`\n\nexport interface PowerpackButtonProps extends ButtonProps {\n  feature: PowerpackFeature\n  filled?: boolean\n}\n\nexport const PowerpackButton = forwardRef<HTMLButtonElement, PowerpackButtonProps>(\n  ({ feature, filled, ...props }, ref) => {\n    const { setPowerpackDialog } = usePowerpack()\n\n    const handleOnClick = (e: MouseEvent<HTMLButtonElement>) => {\n      // open a dialog to subscribe to Ynput Cloud\n      setPowerpackDialog(feature)\n      // Call the original onClick handler\n      props.onClick?.(e)\n    }\n\n    return (\n      <StyledButton\n        variant={props.variant || 'tertiary'}\n        icon={props.icon || 'bolt'}\n        {...props}\n        ref={ref}\n        onClick={handleOnClick}\n        className={clsx('cloud-button', props.className || '', {\n          border: !!props.children,\n          filled,\n        })}\n        data-tooltip={`Power feature`}\n        data-tooltip-delay={0}\n      >\n        {props.children}\n      </StyledButton>\n    )\n  },\n)\n"],"names":["Button","forwardRef","usePowerpack","jsx"],"mappings":";;;;;;;;;;;;;;;;;AAMA,MAAM,eAAe,OAAOA,0BAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6B3B,MAAM,kBAAkBC,MAAA;AAAA,EAC7B,CAAC,EAAE,SAAS,QAAQ,GAAG,MAAA,GAAS,QAAQ;AAChC,UAAA,EAAE,mBAAmB,IAAIC,8BAAa;AAEtC,UAAA,gBAAgB,CAAC,MAAqC;;AAE1D,yBAAmB,OAAO;AAE1B,kBAAM,YAAN,+BAAgB;AAAA,IAClB;AAGE,WAAAC,2BAAA,kBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,MAAM,WAAW;AAAA,QAC1B,MAAM,MAAM,QAAQ;AAAA,QACnB,GAAG;AAAA,QACJ;AAAA,QACA,SAAS;AAAA,QACT,WAAW,KAAK,gBAAgB,MAAM,aAAa,IAAI;AAAA,UACrD,QAAQ,CAAC,CAAC,MAAM;AAAA,UAChB;AAAA,QAAA,CACD;AAAA,QACD,gBAAc;AAAA,QACd,sBAAoB;AAAA,QAEnB,UAAM,MAAA;AAAA,MAAA;AAAA,IACT;AAAA,EAAA;AAGN;;"}
+{"version":3,"file":"PowerpackButton.cjs.js","sources":["../../../../../src/components/Powerpack/PowerpackButton.tsx"],"sourcesContent":["import { PowerpackFeature, usePowerpack } from '@shared/context'\nimport { Button, ButtonProps } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { forwardRef, MouseEvent } from 'react'\nimport styled from 'styled-components'\n\nconst StyledButton = styled(Button)`\n  background-color: unset !important;\n  color: var(--md-sys-color-tertiary);\n  transition: color 0.2s, background-color 0.2s, opacity 0.2s;\n  border-radius: var(--border-radius-xl);\n\n  &.filled {\n    background-color: var(--md-sys-color-tertiary);\n    color: var(--md-sys-color-on-tertiary);\n  }\n\n  &.border {\n    border: 1px solid var(--md-sys-color-tertiary);\n  }\n\n  &:hover {\n    color: var(--md-sys-color-on-tertiary);\n  }\n\n  .icon {\n    font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;\n  }\n`\n\nexport interface PowerpackButtonProps extends ButtonProps {\n  feature: PowerpackFeature\n  filled?: boolean\n}\n\nexport const PowerpackButton = forwardRef<HTMLButtonElement, PowerpackButtonProps>(\n  ({ feature, filled, ...props }, ref) => {\n    const { setPowerpackDialog } = usePowerpack()\n\n    const handleOnClick = (e: MouseEvent<HTMLButtonElement>) => {\n      // open a dialog to subscribe to Ynput Cloud\n      setPowerpackDialog(feature)\n      // Call the original onClick handler\n      props.onClick?.(e)\n    }\n\n    return (\n      <StyledButton\n        variant={props.variant || 'tertiary'}\n        icon={props.icon || 'bolt'}\n        {...props}\n        ref={ref}\n        onClick={handleOnClick}\n        className={clsx('cloud-button', props.className || '', {\n          border: !!props.children,\n          filled,\n        })}\n        data-tooltip={`Power feature`}\n        data-tooltip-delay={0}\n      >\n        {props.children}\n      </StyledButton>\n    )\n  },\n)\n"],"names":["Button","forwardRef","usePowerpack","jsx"],"mappings":";;;;;;;;;;;;;;;;;AAMA,MAAM,eAAe,OAAOA,0BAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6B3B,MAAM,kBAAkBC,MAAA;AAAA,EAC7B,CAAC,EAAE,SAAS,QAAQ,GAAG,MAAA,GAAS,QAAQ;AAChC,UAAA,EAAE,mBAAmB,IAAIC,8BAAa;AAEtC,UAAA,gBAAgB,CAAC,MAAqC;;AAE1D,yBAAmB,OAAO;AAE1B,kBAAM,YAAN,+BAAgB;AAAA,IAClB;AAGE,WAAAC,2BAAA,kBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,MAAM,WAAW;AAAA,QAC1B,MAAM,MAAM,QAAQ;AAAA,QACnB,GAAG;AAAA,QACJ;AAAA,QACA,SAAS;AAAA,QACT,WAAW,KAAK,gBAAgB,MAAM,aAAa,IAAI;AAAA,UACrD,QAAQ,CAAC,CAAC,MAAM;AAAA,UAChB;AAAA,QAAA,CACD;AAAA,QACD,gBAAc;AAAA,QACd,sBAAoB;AAAA,QAEnB,UAAM,MAAA;AAAA,MAAA;AAAA,IACT;AAAA,EAAA;AAGN;;"}

package/dist/shared/src/components/Powerpack/PowerpackButton.es.js

@@ -14,7 +14,7 @@ import clsx from "clsx";
 import { forwardRef } from "react";
 import styled from "styled-components";
 const StyledButton = styled(Button)`
-  background-color: unset;
+  background-color: unset !important;
   color: var(--md-sys-color-tertiary);
   transition: color 0.2s, background-color 0.2s, opacity 0.2s;
   border-radius: var(--border-radius-xl);

package/dist/shared/src/components/Powerpack/PowerpackButton.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"PowerpackButton.es.js","sources":["../../../../../src/components/Powerpack/PowerpackButton.tsx"],"sourcesContent":["import { PowerpackFeature, usePowerpack } from '@shared/context'\nimport { Button, ButtonProps } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { forwardRef, MouseEvent } from 'react'\nimport styled from 'styled-components'\n\nconst StyledButton = styled(Button)`\n  background-color: unset;\n  color: var(--md-sys-color-tertiary);\n  transition: color 0.2s, background-color 0.2s, opacity 0.2s;\n  border-radius: var(--border-radius-xl);\n\n  &.filled {\n    background-color: var(--md-sys-color-tertiary);\n    color: var(--md-sys-color-on-tertiary);\n  }\n\n  &.border {\n    border: 1px solid var(--md-sys-color-tertiary);\n  }\n\n  &:hover {\n    color: var(--md-sys-color-on-tertiary);\n  }\n\n  .icon {\n    font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;\n  }\n`\n\nexport interface PowerpackButtonProps extends ButtonProps {\n  feature: PowerpackFeature\n  filled?: boolean\n}\n\nexport const PowerpackButton = forwardRef<HTMLButtonElement, PowerpackButtonProps>(\n  ({ feature, filled, ...props }, ref) => {\n    const { setPowerpackDialog } = usePowerpack()\n\n    const handleOnClick = (e: MouseEvent<HTMLButtonElement>) => {\n      // open a dialog to subscribe to Ynput Cloud\n      setPowerpackDialog(feature)\n      // Call the original onClick handler\n      props.onClick?.(e)\n    }\n\n    return (\n      <StyledButton\n        variant={props.variant || 'tertiary'}\n        icon={props.icon || 'bolt'}\n        {...props}\n        ref={ref}\n        onClick={handleOnClick}\n        className={clsx('cloud-button', props.className || '', {\n          border: !!props.children,\n          filled,\n        })}\n        data-tooltip={`Power feature`}\n        data-tooltip-delay={0}\n      >\n        {props.children}\n      </StyledButton>\n    )\n  },\n)\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;;;;AAMA,MAAM,eAAe,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6B3B,MAAM,kBAAkB;AAAA,EAC7B,CAAC,EAAE,SAAS,QAAQ,GAAG,MAAA,GAAS,QAAQ;AAChC,UAAA,EAAE,mBAAmB,IAAI,aAAa;AAEtC,UAAA,gBAAgB,CAAC,MAAqC;;AAE1D,yBAAmB,OAAO;AAE1B,kBAAM,YAAN,+BAAgB;AAAA,IAClB;AAGE,WAAAA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,MAAM,WAAW;AAAA,QAC1B,MAAM,MAAM,QAAQ;AAAA,QACnB,GAAG;AAAA,QACJ;AAAA,QACA,SAAS;AAAA,QACT,WAAW,KAAK,gBAAgB,MAAM,aAAa,IAAI;AAAA,UACrD,QAAQ,CAAC,CAAC,MAAM;AAAA,UAChB;AAAA,QAAA,CACD;AAAA,QACD,gBAAc;AAAA,QACd,sBAAoB;AAAA,QAEnB,UAAM,MAAA;AAAA,MAAA;AAAA,IACT;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"PowerpackButton.es.js","sources":["../../../../../src/components/Powerpack/PowerpackButton.tsx"],"sourcesContent":["import { PowerpackFeature, usePowerpack } from '@shared/context'\nimport { Button, ButtonProps } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { forwardRef, MouseEvent } from 'react'\nimport styled from 'styled-components'\n\nconst StyledButton = styled(Button)`\n  background-color: unset !important;\n  color: var(--md-sys-color-tertiary);\n  transition: color 0.2s, background-color 0.2s, opacity 0.2s;\n  border-radius: var(--border-radius-xl);\n\n  &.filled {\n    background-color: var(--md-sys-color-tertiary);\n    color: var(--md-sys-color-on-tertiary);\n  }\n\n  &.border {\n    border: 1px solid var(--md-sys-color-tertiary);\n  }\n\n  &:hover {\n    color: var(--md-sys-color-on-tertiary);\n  }\n\n  .icon {\n    font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;\n  }\n`\n\nexport interface PowerpackButtonProps extends ButtonProps {\n  feature: PowerpackFeature\n  filled?: boolean\n}\n\nexport const PowerpackButton = forwardRef<HTMLButtonElement, PowerpackButtonProps>(\n  ({ feature, filled, ...props }, ref) => {\n    const { setPowerpackDialog } = usePowerpack()\n\n    const handleOnClick = (e: MouseEvent<HTMLButtonElement>) => {\n      // open a dialog to subscribe to Ynput Cloud\n      setPowerpackDialog(feature)\n      // Call the original onClick handler\n      props.onClick?.(e)\n    }\n\n    return (\n      <StyledButton\n        variant={props.variant || 'tertiary'}\n        icon={props.icon || 'bolt'}\n        {...props}\n        ref={ref}\n        onClick={handleOnClick}\n        className={clsx('cloud-button', props.className || '', {\n          border: !!props.children,\n          filled,\n        })}\n        data-tooltip={`Power feature`}\n        data-tooltip-delay={0}\n      >\n        {props.children}\n      </StyledButton>\n    )\n  },\n)\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;;;;AAMA,MAAM,eAAe,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6B3B,MAAM,kBAAkB;AAAA,EAC7B,CAAC,EAAE,SAAS,QAAQ,GAAG,MAAA,GAAS,QAAQ;AAChC,UAAA,EAAE,mBAAmB,IAAI,aAAa;AAEtC,UAAA,gBAAgB,CAAC,MAAqC;;AAE1D,yBAAmB,OAAO;AAE1B,kBAAM,YAAN,+BAAgB;AAAA,IAClB;AAGE,WAAAA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,MAAM,WAAW;AAAA,QAC1B,MAAM,MAAM,QAAQ;AAAA,QACnB,GAAG;AAAA,QACJ;AAAA,QACA,SAAS;AAAA,QACT,WAAW,KAAK,gBAAgB,MAAM,aAAa,IAAI;AAAA,UACrD,QAAQ,CAAC,CAAC,MAAM;AAAA,UAChB;AAAA,QAAA,CACD;AAAA,QACD,gBAAc;AAAA,QACd,sBAAoB;AAAA,QAEnB,UAAM,MAAA;AAAA,MAAA;AAAA,IACT;AAAA,EAAA;AAGN;"}

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

@@ -99,6 +99,8 @@ require("../../api/queries/users/updateUsers.cjs.js");
 require("../../api/queries/watchers/getWatchers.cjs.js");
 require("../../api/queries/permissions/getPermissions.cjs.js");
 require("../../api/queries/grouping/getGrouping.cjs.js");
+require("../../api/queries/versions/updateVersions.cjs.js");
+require("../../api/queries/products/createProduct.cjs.js");
 require("../../context/RemoteModulesContext.cjs.js");
 require("../../../../_virtual/runtime.cjs.js");
 require("../../../../_virtual/semver.cjs.js");

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectTableSettings.cjs.js","sources":["../../../../../src/components/ProjectTableSettings/ProjectTableSettings.tsx"],"sourcesContent":["import {\n  useColumnSettingsContext,\n  useProjectTableContext,\n} from '@shared/containers/ProjectTreeTable'\nimport { Button, ButtonProps, theme } from '@ynput/ayon-react-components'\nimport { FC } from 'react'\nimport styled from 'styled-components'\nimport { SettingHighlightedId, useSettingsPanel } from '@shared/context'\nimport { SettingsPanel, SettingConfig } from '@shared/components/SettingsPanel'\nimport ColumnsSettings from './ColumnsSettings'\n\nconst StyledCustomizeButton = styled(Button)`\n  min-width: 120px;\n`\n\ninterface Props extends ButtonProps {\n  defaultSelected?: string | null\n}\n\nexport const CustomizeButton = ({ defaultSelected, className, ...props }: Props) => {\n  const { togglePanel, isPanelOpen } = useSettingsPanel()\n\n  return (\n    <StyledCustomizeButton\n      onClick={() => togglePanel(defaultSelected)}\n      icon=\"settings\"\n      selected={isPanelOpen}\n      {...props}\n    >\n      Customize\n    </StyledCustomizeButton>\n  )\n}\n\nexport type OverviewSettingsChange = (setting: 'columns' | 'group-by', value: any) => void\n\nexport type ProjectTableSettingsProps = {\n  settings?: SettingConfig[]\n  extraColumns?: { value: string; label: string }[]\n  highlighted?: SettingHighlightedId\n}\n\nexport const ProjectTableSettings: FC<ProjectTableSettingsProps> = ({\n  settings = [],\n  extraColumns = [],\n  highlighted,\n}) => {\n  const { attribFields } = useProjectTableContext()\n  const { columnVisibility } = useColumnSettingsContext()\n\n  const columns = [\n    {\n      value: 'thumbnail',\n      label: 'Thumbnail',\n    },\n    {\n      value: 'name',\n      label: 'Folder / Task',\n    },\n    {\n      value: 'status',\n      label: 'Status',\n    },\n    {\n      value: 'subType',\n      label: 'Type',\n    },\n    {\n      value: 'assignees',\n      label: 'Assignees',\n    },\n    {\n      value: 'tags',\n      label: 'Tags',\n    },\n    ...attribFields.map((field) => ({\n      value: 'attrib_' + field.name,\n      label: field.data.title || field.name,\n    })),\n    ...extraColumns,\n  ]\n\n  const visibleCount = columns.filter(\n    (column) => !(column.value in columnVisibility) || columnVisibility[column.value],\n  ).length\n\n  const defaultSettings: SettingConfig[] = [\n    {\n      id: 'columns',\n      title: 'Columns',\n      icon: 'view_column',\n      preview: `${visibleCount}/${columns.length}`,\n      component: <ColumnsSettings columns={columns} highlighted={highlighted} />,\n    },\n  ]\n\n  settings.forEach((setting) => defaultSettings.push(setting))\n\n  return <SettingsPanel settings={defaultSettings} />\n}\n"],"names":["Button","useSettingsPanel","jsx","useProjectTableContext","useColumnSettingsContext","SettingsPanel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,wBAAwB,OAAOA,0BAAM;AAAA;AAAA;AAQpC,MAAM,kBAAkB,CAAC,EAAE,iBAAiB,WAAW,GAAG,YAAmB;AAClF,QAAM,EAAE,aAAa,YAAY,IAAIC,sCAAiB;AAGpD,SAAAC,2BAAA,kBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,MAAM,YAAY,eAAe;AAAA,MAC1C,MAAK;AAAA,MACL,UAAU;AAAA,MACT,GAAG;AAAA,MACL,UAAA;AAAA,IAAA;AAAA,EAED;AAEJ;AAUO,MAAM,uBAAsD,CAAC;AAAA,EAClE,WAAW,CAAC;AAAA,EACZ,eAAe,CAAC;AAAA,EAChB;AACF,MAAM;AACE,QAAA,EAAE,aAAa,IAAIC,2CAAuB;AAC1C,QAAA,EAAE,iBAAiB,IAAIC,+CAAyB;AAEtD,QAAM,UAAU;AAAA,IACd;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA,GAAG,aAAa,IAAI,CAAC,WAAW;AAAA,MAC9B,OAAO,YAAY,MAAM;AAAA,MACzB,OAAO,MAAM,KAAK,SAAS,MAAM;AAAA,IAAA,EACjC;AAAA,IACF,GAAG;AAAA,EACL;AAEA,QAAM,eAAe,QAAQ;AAAA,IAC3B,CAAC,WAAW,EAAE,OAAO,SAAS,qBAAqB,iBAAiB,OAAO,KAAK;AAAA,EAAA,EAChF;AAEF,QAAM,kBAAmC;AAAA,IACvC;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,MAAM;AAAA,MACN,SAAS,GAAG,YAAY,IAAI,QAAQ,MAAM;AAAA,MAC1C,WAAWF,2BAAAA,kBAAAA,IAAC,iBAAgB,EAAA,SAAkB,YAA0B,CAAA;AAAA,IAAA;AAAA,EAE5E;AAEA,WAAS,QAAQ,CAAC,YAAY,gBAAgB,KAAK,OAAO,CAAC;AAEpD,SAAAA,2BAAA,kBAAA,IAACG,cAAc,eAAA,EAAA,UAAU,gBAAiB,CAAA;AACnD;;;"}
+{"version":3,"file":"ProjectTableSettings.cjs.js","sources":["../../../../../src/components/ProjectTableSettings/ProjectTableSettings.tsx"],"sourcesContent":["import {\n  useColumnSettingsContext,\n  useProjectTableContext,\n} from '@shared/containers/ProjectTreeTable'\nimport { Button, ButtonProps, theme } from '@ynput/ayon-react-components'\nimport { FC } from 'react'\nimport styled from 'styled-components'\nimport { SettingHighlightedId, useSettingsPanel } from '@shared/context'\nimport { SettingsPanel, SettingConfig } from '@shared/components/SettingsPanel'\nimport ColumnsSettings from './ColumnsSettings'\n\nconst StyledCustomizeButton = styled(Button)`\n  min-width: 120px;\n`\n\ninterface Props extends ButtonProps {\n  defaultSelected?: string | null\n}\n\nexport const CustomizeButton = ({ defaultSelected, className, ...props }: Props) => {\n  const { togglePanel, isPanelOpen } = useSettingsPanel()\n\n  return (\n    <StyledCustomizeButton\n      onClick={() => togglePanel(defaultSelected)}\n      icon=\"settings\"\n      selected={isPanelOpen}\n      {...props}\n    >\n      Customize\n    </StyledCustomizeButton>\n  )\n}\n\nexport type OverviewSettingsChange = (setting: 'columns' | 'group-by', value: any) => void\n\nexport type ProjectTableSettingsProps = {\n  settings?: SettingConfig[]\n  extraColumns?: { value: string; label: string }[]\n  highlighted?: SettingHighlightedId\n}\n\nexport const ProjectTableSettings: FC<ProjectTableSettingsProps> = ({\n  settings = [],\n  extraColumns = [],\n  highlighted,\n}) => {\n  const { attribFields } = useProjectTableContext()\n  const { columnVisibility } = useColumnSettingsContext()\n\n  const columns = [\n    {\n      value: 'thumbnail',\n      label: 'Thumbnail',\n    },\n    {\n      value: 'name',\n      label: 'Folder / Task',\n    },\n    {\n      value: 'status',\n      label: 'Status',\n    },\n    {\n      value: 'subType',\n      label: 'Type',\n    },\n    {\n      value: 'assignees',\n      label: 'Assignees',\n    },\n    {\n      value: 'tags',\n      label: 'Tags',\n    },\n    ...attribFields.map((field) => ({\n      value: 'attrib_' + field.name,\n      label: field.data.title || field.name,\n    })),\n    ...extraColumns,\n  ]\n\n  const visibleCount = columns.filter(\n    (column) => !(column.value in columnVisibility) || columnVisibility[column.value],\n  ).length\n\n  const defaultSettings: SettingConfig[] = [\n    {\n      id: 'columns',\n      title: 'Columns',\n      icon: 'view_column',\n      preview: `${visibleCount}/${columns.length}`,\n      component: <ColumnsSettings columns={columns} highlighted={highlighted} />,\n    },\n  ]\n\n  settings.forEach((setting) => defaultSettings.push(setting))\n\n  return <SettingsPanel settings={defaultSettings} />\n}\n"],"names":["Button","useSettingsPanel","jsx","useProjectTableContext","useColumnSettingsContext","SettingsPanel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,wBAAwB,OAAOA,0BAAM;AAAA;AAAA;AAQpC,MAAM,kBAAkB,CAAC,EAAE,iBAAiB,WAAW,GAAG,YAAmB;AAClF,QAAM,EAAE,aAAa,YAAY,IAAIC,sCAAiB;AAGpD,SAAAC,2BAAA,kBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,MAAM,YAAY,eAAe;AAAA,MAC1C,MAAK;AAAA,MACL,UAAU;AAAA,MACT,GAAG;AAAA,MACL,UAAA;AAAA,IAAA;AAAA,EAED;AAEJ;AAUO,MAAM,uBAAsD,CAAC;AAAA,EAClE,WAAW,CAAC;AAAA,EACZ,eAAe,CAAC;AAAA,EAChB;AACF,MAAM;AACE,QAAA,EAAE,aAAa,IAAIC,2CAAuB;AAC1C,QAAA,EAAE,iBAAiB,IAAIC,+CAAyB;AAEtD,QAAM,UAAU;AAAA,IACd;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA,GAAG,aAAa,IAAI,CAAC,WAAW;AAAA,MAC9B,OAAO,YAAY,MAAM;AAAA,MACzB,OAAO,MAAM,KAAK,SAAS,MAAM;AAAA,IAAA,EACjC;AAAA,IACF,GAAG;AAAA,EACL;AAEA,QAAM,eAAe,QAAQ;AAAA,IAC3B,CAAC,WAAW,EAAE,OAAO,SAAS,qBAAqB,iBAAiB,OAAO,KAAK;AAAA,EAAA,EAChF;AAEF,QAAM,kBAAmC;AAAA,IACvC;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,MAAM;AAAA,MACN,SAAS,GAAG,YAAY,IAAI,QAAQ,MAAM;AAAA,MAC1C,WAAWF,2BAAAA,kBAAAA,IAAC,iBAAgB,EAAA,SAAkB,YAA0B,CAAA;AAAA,IAAA;AAAA,EAE5E;AAEA,WAAS,QAAQ,CAAC,YAAY,gBAAgB,KAAK,OAAO,CAAC;AAEpD,SAAAA,2BAAA,kBAAA,IAACG,cAAc,eAAA,EAAA,UAAU,gBAAiB,CAAA;AACnD;;;"}

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

@@ -97,6 +97,8 @@ import "../../api/queries/users/updateUsers.es.js";
 import "../../api/queries/watchers/getWatchers.es.js";
 import "../../api/queries/permissions/getPermissions.es.js";
 import "../../api/queries/grouping/getGrouping.es.js";
+import "../../api/queries/versions/updateVersions.es.js";
+import "../../api/queries/products/createProduct.es.js";
 import "../../context/RemoteModulesContext.es.js";
 import "../../../../_virtual/runtime.es.js";
 import "../../../../_virtual/semver.es.js";

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectTableSettings.es.js","sources":["../../../../../src/components/ProjectTableSettings/ProjectTableSettings.tsx"],"sourcesContent":["import {\n  useColumnSettingsContext,\n  useProjectTableContext,\n} from '@shared/containers/ProjectTreeTable'\nimport { Button, ButtonProps, theme } from '@ynput/ayon-react-components'\nimport { FC } from 'react'\nimport styled from 'styled-components'\nimport { SettingHighlightedId, useSettingsPanel } from '@shared/context'\nimport { SettingsPanel, SettingConfig } from '@shared/components/SettingsPanel'\nimport ColumnsSettings from './ColumnsSettings'\n\nconst StyledCustomizeButton = styled(Button)`\n  min-width: 120px;\n`\n\ninterface Props extends ButtonProps {\n  defaultSelected?: string | null\n}\n\nexport const CustomizeButton = ({ defaultSelected, className, ...props }: Props) => {\n  const { togglePanel, isPanelOpen } = useSettingsPanel()\n\n  return (\n    <StyledCustomizeButton\n      onClick={() => togglePanel(defaultSelected)}\n      icon=\"settings\"\n      selected={isPanelOpen}\n      {...props}\n    >\n      Customize\n    </StyledCustomizeButton>\n  )\n}\n\nexport type OverviewSettingsChange = (setting: 'columns' | 'group-by', value: any) => void\n\nexport type ProjectTableSettingsProps = {\n  settings?: SettingConfig[]\n  extraColumns?: { value: string; label: string }[]\n  highlighted?: SettingHighlightedId\n}\n\nexport const ProjectTableSettings: FC<ProjectTableSettingsProps> = ({\n  settings = [],\n  extraColumns = [],\n  highlighted,\n}) => {\n  const { attribFields } = useProjectTableContext()\n  const { columnVisibility } = useColumnSettingsContext()\n\n  const columns = [\n    {\n      value: 'thumbnail',\n      label: 'Thumbnail',\n    },\n    {\n      value: 'name',\n      label: 'Folder / Task',\n    },\n    {\n      value: 'status',\n      label: 'Status',\n    },\n    {\n      value: 'subType',\n      label: 'Type',\n    },\n    {\n      value: 'assignees',\n      label: 'Assignees',\n    },\n    {\n      value: 'tags',\n      label: 'Tags',\n    },\n    ...attribFields.map((field) => ({\n      value: 'attrib_' + field.name,\n      label: field.data.title || field.name,\n    })),\n    ...extraColumns,\n  ]\n\n  const visibleCount = columns.filter(\n    (column) => !(column.value in columnVisibility) || columnVisibility[column.value],\n  ).length\n\n  const defaultSettings: SettingConfig[] = [\n    {\n      id: 'columns',\n      title: 'Columns',\n      icon: 'view_column',\n      preview: `${visibleCount}/${columns.length}`,\n      component: <ColumnsSettings columns={columns} highlighted={highlighted} />,\n    },\n  ]\n\n  settings.forEach((setting) => defaultSettings.push(setting))\n\n  return <SettingsPanel settings={defaultSettings} />\n}\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,wBAAwB,OAAO,MAAM;AAAA;AAAA;AAQpC,MAAM,kBAAkB,CAAC,EAAE,iBAAiB,WAAW,GAAG,YAAmB;AAClF,QAAM,EAAE,aAAa,YAAY,IAAI,iBAAiB;AAGpD,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,MAAM,YAAY,eAAe;AAAA,MAC1C,MAAK;AAAA,MACL,UAAU;AAAA,MACT,GAAG;AAAA,MACL,UAAA;AAAA,IAAA;AAAA,EAED;AAEJ;AAUO,MAAM,uBAAsD,CAAC;AAAA,EAClE,WAAW,CAAC;AAAA,EACZ,eAAe,CAAC;AAAA,EAChB;AACF,MAAM;AACE,QAAA,EAAE,aAAa,IAAI,uBAAuB;AAC1C,QAAA,EAAE,iBAAiB,IAAI,yBAAyB;AAEtD,QAAM,UAAU;AAAA,IACd;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA,GAAG,aAAa,IAAI,CAAC,WAAW;AAAA,MAC9B,OAAO,YAAY,MAAM;AAAA,MACzB,OAAO,MAAM,KAAK,SAAS,MAAM;AAAA,IAAA,EACjC;AAAA,IACF,GAAG;AAAA,EACL;AAEA,QAAM,eAAe,QAAQ;AAAA,IAC3B,CAAC,WAAW,EAAE,OAAO,SAAS,qBAAqB,iBAAiB,OAAO,KAAK;AAAA,EAAA,EAChF;AAEF,QAAM,kBAAmC;AAAA,IACvC;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,MAAM;AAAA,MACN,SAAS,GAAG,YAAY,IAAI,QAAQ,MAAM;AAAA,MAC1C,WAAWA,kCAAAA,IAAC,iBAAgB,EAAA,SAAkB,YAA0B,CAAA;AAAA,IAAA;AAAA,EAE5E;AAEA,WAAS,QAAQ,CAAC,YAAY,gBAAgB,KAAK,OAAO,CAAC;AAEpD,SAAAA,kCAAA,IAAC,eAAc,EAAA,UAAU,gBAAiB,CAAA;AACnD;"}
+{"version":3,"file":"ProjectTableSettings.es.js","sources":["../../../../../src/components/ProjectTableSettings/ProjectTableSettings.tsx"],"sourcesContent":["import {\n  useColumnSettingsContext,\n  useProjectTableContext,\n} from '@shared/containers/ProjectTreeTable'\nimport { Button, ButtonProps, theme } from '@ynput/ayon-react-components'\nimport { FC } from 'react'\nimport styled from 'styled-components'\nimport { SettingHighlightedId, useSettingsPanel } from '@shared/context'\nimport { SettingsPanel, SettingConfig } from '@shared/components/SettingsPanel'\nimport ColumnsSettings from './ColumnsSettings'\n\nconst StyledCustomizeButton = styled(Button)`\n  min-width: 120px;\n`\n\ninterface Props extends ButtonProps {\n  defaultSelected?: string | null\n}\n\nexport const CustomizeButton = ({ defaultSelected, className, ...props }: Props) => {\n  const { togglePanel, isPanelOpen } = useSettingsPanel()\n\n  return (\n    <StyledCustomizeButton\n      onClick={() => togglePanel(defaultSelected)}\n      icon=\"settings\"\n      selected={isPanelOpen}\n      {...props}\n    >\n      Customize\n    </StyledCustomizeButton>\n  )\n}\n\nexport type OverviewSettingsChange = (setting: 'columns' | 'group-by', value: any) => void\n\nexport type ProjectTableSettingsProps = {\n  settings?: SettingConfig[]\n  extraColumns?: { value: string; label: string }[]\n  highlighted?: SettingHighlightedId\n}\n\nexport const ProjectTableSettings: FC<ProjectTableSettingsProps> = ({\n  settings = [],\n  extraColumns = [],\n  highlighted,\n}) => {\n  const { attribFields } = useProjectTableContext()\n  const { columnVisibility } = useColumnSettingsContext()\n\n  const columns = [\n    {\n      value: 'thumbnail',\n      label: 'Thumbnail',\n    },\n    {\n      value: 'name',\n      label: 'Folder / Task',\n    },\n    {\n      value: 'status',\n      label: 'Status',\n    },\n    {\n      value: 'subType',\n      label: 'Type',\n    },\n    {\n      value: 'assignees',\n      label: 'Assignees',\n    },\n    {\n      value: 'tags',\n      label: 'Tags',\n    },\n    ...attribFields.map((field) => ({\n      value: 'attrib_' + field.name,\n      label: field.data.title || field.name,\n    })),\n    ...extraColumns,\n  ]\n\n  const visibleCount = columns.filter(\n    (column) => !(column.value in columnVisibility) || columnVisibility[column.value],\n  ).length\n\n  const defaultSettings: SettingConfig[] = [\n    {\n      id: 'columns',\n      title: 'Columns',\n      icon: 'view_column',\n      preview: `${visibleCount}/${columns.length}`,\n      component: <ColumnsSettings columns={columns} highlighted={highlighted} />,\n    },\n  ]\n\n  settings.forEach((setting) => defaultSettings.push(setting))\n\n  return <SettingsPanel settings={defaultSettings} />\n}\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,wBAAwB,OAAO,MAAM;AAAA;AAAA;AAQpC,MAAM,kBAAkB,CAAC,EAAE,iBAAiB,WAAW,GAAG,YAAmB;AAClF,QAAM,EAAE,aAAa,YAAY,IAAI,iBAAiB;AAGpD,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,MAAM,YAAY,eAAe;AAAA,MAC1C,MAAK;AAAA,MACL,UAAU;AAAA,MACT,GAAG;AAAA,MACL,UAAA;AAAA,IAAA;AAAA,EAED;AAEJ;AAUO,MAAM,uBAAsD,CAAC;AAAA,EAClE,WAAW,CAAC;AAAA,EACZ,eAAe,CAAC;AAAA,EAChB;AACF,MAAM;AACE,QAAA,EAAE,aAAa,IAAI,uBAAuB;AAC1C,QAAA,EAAE,iBAAiB,IAAI,yBAAyB;AAEtD,QAAM,UAAU;AAAA,IACd;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA,GAAG,aAAa,IAAI,CAAC,WAAW;AAAA,MAC9B,OAAO,YAAY,MAAM;AAAA,MACzB,OAAO,MAAM,KAAK,SAAS,MAAM;AAAA,IAAA,EACjC;AAAA,IACF,GAAG;AAAA,EACL;AAEA,QAAM,eAAe,QAAQ;AAAA,IAC3B,CAAC,WAAW,EAAE,OAAO,SAAS,qBAAqB,iBAAiB,OAAO,KAAK;AAAA,EAAA,EAChF;AAEF,QAAM,kBAAmC;AAAA,IACvC;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,MAAM;AAAA,MACN,SAAS,GAAG,YAAY,IAAI,QAAQ,MAAM;AAAA,MAC1C,WAAWA,kCAAAA,IAAC,iBAAgB,EAAA,SAAkB,YAA0B,CAAA;AAAA,IAAA;AAAA,EAE5E;AAEA,WAAS,QAAQ,CAAC,YAAY,gBAAgB,KAAK,OAAO,CAAC;AAEpD,SAAAA,kCAAA,IAAC,eAAc,EAAA,UAAU,gBAAiB,CAAA;AACnD;"}

package/dist/shared/src/components/ReviewablesList/EditReviewableDialog.cjs.js

@@ -67,6 +67,8 @@ require("../../api/queries/users/updateUsers.cjs.js");
 require("../../api/queries/watchers/getWatchers.cjs.js");
 require("../../api/queries/permissions/getPermissions.cjs.js");
 require("../../api/queries/grouping/getGrouping.cjs.js");
+require("../../api/queries/versions/updateVersions.cjs.js");
+require("../../api/queries/products/createProduct.cjs.js");
 const ayonReactComponents = require("@ynput/ayon-react-components");
 const React = require("react");
 const reactToastify = require("react-toastify");

package/dist/shared/src/components/ReviewablesList/EditReviewableDialog.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditReviewableDialog.cjs.js","sources":["../../../../../src/components/ReviewablesList/EditReviewableDialog.tsx"],"sourcesContent":["import { useUpdateReviewableMutation } from '@shared/api'\nimport {\n  Button,\n  Dialog,\n  DialogProps,\n  InputText,\n  SaveButton,\n  Toolbar,\n} from '@ynput/ayon-react-components'\nimport { FC, FormEvent, useEffect, useRef, useState } from 'react'\nimport { toast } from 'react-toastify'\nimport { RenameTitle } from './ReviewablesList.styled'\n\ninterface EditReviewableDialogProps extends DialogProps {\n  label: string\n  onClose: () => void\n  activityId: string\n  projectName: string\n  versionId: string\n}\n\nconst EditReviewableDialog: FC<EditReviewableDialogProps> = ({\n  onClose,\n  label,\n  projectName,\n  versionId,\n  activityId,\n  ...props\n}) => {\n  const labelRef = useRef<HTMLInputElement>(null)\n  const [labelForm, setLabelForm] = useState('')\n\n  // prefill the label form with current label\n  useEffect(() => {\n    if (!labelRef.current) return\n    setLabelForm(label)\n    // highlight the text\n    labelRef.current?.select()\n\n    return () => {\n      setLabelForm('')\n    }\n  }, [label, labelRef.current])\n\n  const [updateReviewable, { isLoading }] = useUpdateReviewableMutation()\n\n  const handleUpdateReviewable = async () => {\n    try {\n      // update reviewable\n      await updateReviewable({\n        projectName,\n        versionId,\n        activityId,\n        updateReviewablesRequest: {\n          label: labelForm,\n        },\n      }).unwrap()\n\n      toast.success('Reviewable updated successfully')\n\n      // close dialog\n      onClose()\n    } catch (error) {\n      console.error(error)\n      toast.error('Failed to update reviewable')\n    }\n  }\n\n  const handleFormSubmit = (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    if (labelForm) {\n      handleUpdateReviewable()\n    }\n  }\n\n  const handleCancel = () => {\n    // clear form\n    setLabelForm('')\n    // close dialog\n    onClose()\n  }\n\n  return (\n    <Dialog\n      onClose={onClose}\n      header={<RenameTitle>{`Editing label: ${label}`}</RenameTitle>}\n      footer={\n        <Toolbar>\n          <Button label=\"Cancel\" onClick={handleCancel} variant=\"text\" />\n          <SaveButton\n            label=\"Save\"\n            active={!!labelForm}\n            saving={isLoading}\n            type=\"submit\"\n            form=\"reviewable-form\"\n          />\n        </Toolbar>\n      }\n      size=\"sm\"\n      {...props}\n    >\n      <form onSubmit={handleFormSubmit} id=\"reviewable-form\">\n        <InputText\n          value={labelForm}\n          onChange={(e) => setLabelForm(e.target.value)}\n          placeholder=\"Enter a new label\"\n          style={{ width: '100%' }}\n          autoFocus\n          onKeyDown={(e) =>\n            e.key === 'Enter' && (e.ctrlKey || e.metaKey) && handleUpdateReviewable()\n          }\n          ref={labelRef}\n        />\n      </form>\n    </Dialog>\n  )\n}\n\nexport default EditReviewableDialog\n"],"names":["useRef","useState","useEffect","useUpdateReviewableMutation","toast","jsx","Dialog","RenameTitle","Toolbar","Button","SaveButton","InputText"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAM,uBAAsD,CAAC;AAAA,EAC3D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,WAAWA,aAAyB,IAAI;AAC9C,QAAM,CAAC,WAAW,YAAY,IAAIC,MAAAA,SAAS,EAAE;AAG7CC,QAAAA,UAAU,MAAM;;AACV,QAAA,CAAC,SAAS,QAAS;AACvB,iBAAa,KAAK;AAElB,mBAAS,YAAT,mBAAkB;AAElB,WAAO,MAAM;AACX,mBAAa,EAAE;AAAA,IACjB;AAAA,EACC,GAAA,CAAC,OAAO,SAAS,OAAO,CAAC;AAE5B,QAAM,CAAC,kBAAkB,EAAE,UAAW,CAAA,IAAIC,aAAAA,4BAA4B;AAEtE,QAAM,yBAAyB,YAAY;AACrC,QAAA;AAEF,YAAM,iBAAiB;AAAA,QACrB;AAAA,QACA;AAAA,QACA;AAAA,QACA,0BAA0B;AAAA,UACxB,OAAO;AAAA,QAAA;AAAA,MAEV,CAAA,EAAE,OAAO;AAEVC,oBAAA,MAAM,QAAQ,iCAAiC;AAGvC,cAAA;AAAA,aACD,OAAO;AACd,cAAQ,MAAM,KAAK;AACnBA,oBAAA,MAAM,MAAM,6BAA6B;AAAA,IAAA;AAAA,EAE7C;AAEM,QAAA,mBAAmB,CAAC,MAAkC;AAC1D,MAAE,eAAe;AACjB,QAAI,WAAW;AACU,6BAAA;AAAA,IAAA;AAAA,EAE3B;AAEA,QAAM,eAAe,MAAM;AAEzB,iBAAa,EAAE;AAEP,YAAA;AAAA,EACV;AAGE,SAAAC,2BAAA,kBAAA;AAAA,IAACC,oBAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA,QAAQD,2BAAAA,kBAAAA,IAACE,uBAAAA,aAAa,EAAA,UAAA,kBAAkB,KAAK,IAAG;AAAA,MAChD,0DACGC,6BACC,EAAA,UAAA;AAAA,QAAAH,iDAACI,oBAAAA,UAAO,OAAM,UAAS,SAAS,cAAc,SAAQ,QAAO;AAAA,QAC7DJ,2BAAA,kBAAA;AAAA,UAACK,oBAAA;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,QAAQ,CAAC,CAAC;AAAA,YACV,QAAQ;AAAA,YACR,MAAK;AAAA,YACL,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACP,GACF;AAAA,MAEF,MAAK;AAAA,MACJ,GAAG;AAAA,MAEJ,UAACL,2BAAAA,kBAAAA,IAAA,QAAA,EAAK,UAAU,kBAAkB,IAAG,mBACnC,UAAAA,2BAAA,kBAAA;AAAA,QAACM,oBAAA;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,aAAa,EAAE,OAAO,KAAK;AAAA,UAC5C,aAAY;AAAA,UACZ,OAAO,EAAE,OAAO,OAAO;AAAA,UACvB,WAAS;AAAA,UACT,WAAW,CAAC,MACV,EAAE,QAAQ,YAAY,EAAE,WAAW,EAAE,YAAY,uBAAuB;AAAA,UAE1E,KAAK;AAAA,QAAA;AAAA,MAAA,EAET,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;;"}
+{"version":3,"file":"EditReviewableDialog.cjs.js","sources":["../../../../../src/components/ReviewablesList/EditReviewableDialog.tsx"],"sourcesContent":["import { useUpdateReviewableMutation } from '@shared/api'\nimport {\n  Button,\n  Dialog,\n  DialogProps,\n  InputText,\n  SaveButton,\n  Toolbar,\n} from '@ynput/ayon-react-components'\nimport { FC, FormEvent, useEffect, useRef, useState } from 'react'\nimport { toast } from 'react-toastify'\nimport { RenameTitle } from './ReviewablesList.styled'\n\ninterface EditReviewableDialogProps extends DialogProps {\n  label: string\n  onClose: () => void\n  activityId: string\n  projectName: string\n  versionId: string\n}\n\nconst EditReviewableDialog: FC<EditReviewableDialogProps> = ({\n  onClose,\n  label,\n  projectName,\n  versionId,\n  activityId,\n  ...props\n}) => {\n  const labelRef = useRef<HTMLInputElement>(null)\n  const [labelForm, setLabelForm] = useState('')\n\n  // prefill the label form with current label\n  useEffect(() => {\n    if (!labelRef.current) return\n    setLabelForm(label)\n    // highlight the text\n    labelRef.current?.select()\n\n    return () => {\n      setLabelForm('')\n    }\n  }, [label, labelRef.current])\n\n  const [updateReviewable, { isLoading }] = useUpdateReviewableMutation()\n\n  const handleUpdateReviewable = async () => {\n    try {\n      // update reviewable\n      await updateReviewable({\n        projectName,\n        versionId,\n        activityId,\n        updateReviewablesRequest: {\n          label: labelForm,\n        },\n      }).unwrap()\n\n      toast.success('Reviewable updated successfully')\n\n      // close dialog\n      onClose()\n    } catch (error) {\n      console.error(error)\n      toast.error('Failed to update reviewable')\n    }\n  }\n\n  const handleFormSubmit = (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    if (labelForm) {\n      handleUpdateReviewable()\n    }\n  }\n\n  const handleCancel = () => {\n    // clear form\n    setLabelForm('')\n    // close dialog\n    onClose()\n  }\n\n  return (\n    <Dialog\n      onClose={onClose}\n      header={<RenameTitle>{`Editing label: ${label}`}</RenameTitle>}\n      footer={\n        <Toolbar>\n          <Button label=\"Cancel\" onClick={handleCancel} variant=\"text\" />\n          <SaveButton\n            label=\"Save\"\n            active={!!labelForm}\n            saving={isLoading}\n            type=\"submit\"\n            form=\"reviewable-form\"\n          />\n        </Toolbar>\n      }\n      size=\"sm\"\n      {...props}\n    >\n      <form onSubmit={handleFormSubmit} id=\"reviewable-form\">\n        <InputText\n          value={labelForm}\n          onChange={(e) => setLabelForm(e.target.value)}\n          placeholder=\"Enter a new label\"\n          style={{ width: '100%' }}\n          autoFocus\n          onKeyDown={(e) =>\n            e.key === 'Enter' && (e.ctrlKey || e.metaKey) && handleUpdateReviewable()\n          }\n          ref={labelRef}\n        />\n      </form>\n    </Dialog>\n  )\n}\n\nexport default EditReviewableDialog\n"],"names":["useRef","useState","useEffect","useUpdateReviewableMutation","toast","jsx","Dialog","RenameTitle","Toolbar","Button","SaveButton","InputText"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAM,uBAAsD,CAAC;AAAA,EAC3D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,WAAWA,aAAyB,IAAI;AAC9C,QAAM,CAAC,WAAW,YAAY,IAAIC,MAAAA,SAAS,EAAE;AAG7CC,QAAAA,UAAU,MAAM;;AACV,QAAA,CAAC,SAAS,QAAS;AACvB,iBAAa,KAAK;AAElB,mBAAS,YAAT,mBAAkB;AAElB,WAAO,MAAM;AACX,mBAAa,EAAE;AAAA,IACjB;AAAA,EACC,GAAA,CAAC,OAAO,SAAS,OAAO,CAAC;AAE5B,QAAM,CAAC,kBAAkB,EAAE,UAAW,CAAA,IAAIC,aAAAA,4BAA4B;AAEtE,QAAM,yBAAyB,YAAY;AACrC,QAAA;AAEF,YAAM,iBAAiB;AAAA,QACrB;AAAA,QACA;AAAA,QACA;AAAA,QACA,0BAA0B;AAAA,UACxB,OAAO;AAAA,QAAA;AAAA,MAEV,CAAA,EAAE,OAAO;AAEVC,oBAAA,MAAM,QAAQ,iCAAiC;AAGvC,cAAA;AAAA,aACD,OAAO;AACd,cAAQ,MAAM,KAAK;AACnBA,oBAAA,MAAM,MAAM,6BAA6B;AAAA,IAAA;AAAA,EAE7C;AAEM,QAAA,mBAAmB,CAAC,MAAkC;AAC1D,MAAE,eAAe;AACjB,QAAI,WAAW;AACU,6BAAA;AAAA,IAAA;AAAA,EAE3B;AAEA,QAAM,eAAe,MAAM;AAEzB,iBAAa,EAAE;AAEP,YAAA;AAAA,EACV;AAGE,SAAAC,2BAAA,kBAAA;AAAA,IAACC,oBAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA,QAAQD,2BAAAA,kBAAAA,IAACE,uBAAAA,aAAa,EAAA,UAAA,kBAAkB,KAAK,IAAG;AAAA,MAChD,0DACGC,6BACC,EAAA,UAAA;AAAA,QAAAH,iDAACI,oBAAAA,UAAO,OAAM,UAAS,SAAS,cAAc,SAAQ,QAAO;AAAA,QAC7DJ,2BAAA,kBAAA;AAAA,UAACK,oBAAA;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,QAAQ,CAAC,CAAC;AAAA,YACV,QAAQ;AAAA,YACR,MAAK;AAAA,YACL,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACP,GACF;AAAA,MAEF,MAAK;AAAA,MACJ,GAAG;AAAA,MAEJ,UAACL,2BAAAA,kBAAAA,IAAA,QAAA,EAAK,UAAU,kBAAkB,IAAG,mBACnC,UAAAA,2BAAA,kBAAA;AAAA,QAACM,oBAAA;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,aAAa,EAAE,OAAO,KAAK;AAAA,UAC5C,aAAY;AAAA,UACZ,OAAO,EAAE,OAAO,OAAO;AAAA,UACvB,WAAS;AAAA,UACT,WAAW,CAAC,MACV,EAAE,QAAQ,YAAY,EAAE,WAAW,EAAE,YAAY,uBAAuB;AAAA,UAE1E,KAAK;AAAA,QAAA;AAAA,MAAA,EAET,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;;"}

package/dist/shared/src/components/ReviewablesList/EditReviewableDialog.es.js

@@ -66,6 +66,8 @@ import "../../api/queries/users/updateUsers.es.js";
 import "../../api/queries/watchers/getWatchers.es.js";
 import "../../api/queries/permissions/getPermissions.es.js";
 import "../../api/queries/grouping/getGrouping.es.js";
+import "../../api/queries/versions/updateVersions.es.js";
+import "../../api/queries/products/createProduct.es.js";
 import { Dialog, InputText, Toolbar, Button, SaveButton } from "@ynput/ayon-react-components";
 import { useRef, useState, useEffect } from "react";
 import { toast } from "react-toastify";

package/dist/shared/src/components/ReviewablesList/EditReviewableDialog.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditReviewableDialog.es.js","sources":["../../../../../src/components/ReviewablesList/EditReviewableDialog.tsx"],"sourcesContent":["import { useUpdateReviewableMutation } from '@shared/api'\nimport {\n  Button,\n  Dialog,\n  DialogProps,\n  InputText,\n  SaveButton,\n  Toolbar,\n} from '@ynput/ayon-react-components'\nimport { FC, FormEvent, useEffect, useRef, useState } from 'react'\nimport { toast } from 'react-toastify'\nimport { RenameTitle } from './ReviewablesList.styled'\n\ninterface EditReviewableDialogProps extends DialogProps {\n  label: string\n  onClose: () => void\n  activityId: string\n  projectName: string\n  versionId: string\n}\n\nconst EditReviewableDialog: FC<EditReviewableDialogProps> = ({\n  onClose,\n  label,\n  projectName,\n  versionId,\n  activityId,\n  ...props\n}) => {\n  const labelRef = useRef<HTMLInputElement>(null)\n  const [labelForm, setLabelForm] = useState('')\n\n  // prefill the label form with current label\n  useEffect(() => {\n    if (!labelRef.current) return\n    setLabelForm(label)\n    // highlight the text\n    labelRef.current?.select()\n\n    return () => {\n      setLabelForm('')\n    }\n  }, [label, labelRef.current])\n\n  const [updateReviewable, { isLoading }] = useUpdateReviewableMutation()\n\n  const handleUpdateReviewable = async () => {\n    try {\n      // update reviewable\n      await updateReviewable({\n        projectName,\n        versionId,\n        activityId,\n        updateReviewablesRequest: {\n          label: labelForm,\n        },\n      }).unwrap()\n\n      toast.success('Reviewable updated successfully')\n\n      // close dialog\n      onClose()\n    } catch (error) {\n      console.error(error)\n      toast.error('Failed to update reviewable')\n    }\n  }\n\n  const handleFormSubmit = (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    if (labelForm) {\n      handleUpdateReviewable()\n    }\n  }\n\n  const handleCancel = () => {\n    // clear form\n    setLabelForm('')\n    // close dialog\n    onClose()\n  }\n\n  return (\n    <Dialog\n      onClose={onClose}\n      header={<RenameTitle>{`Editing label: ${label}`}</RenameTitle>}\n      footer={\n        <Toolbar>\n          <Button label=\"Cancel\" onClick={handleCancel} variant=\"text\" />\n          <SaveButton\n            label=\"Save\"\n            active={!!labelForm}\n            saving={isLoading}\n            type=\"submit\"\n            form=\"reviewable-form\"\n          />\n        </Toolbar>\n      }\n      size=\"sm\"\n      {...props}\n    >\n      <form onSubmit={handleFormSubmit} id=\"reviewable-form\">\n        <InputText\n          value={labelForm}\n          onChange={(e) => setLabelForm(e.target.value)}\n          placeholder=\"Enter a new label\"\n          style={{ width: '100%' }}\n          autoFocus\n          onKeyDown={(e) =>\n            e.key === 'Enter' && (e.ctrlKey || e.metaKey) && handleUpdateReviewable()\n          }\n          ref={labelRef}\n        />\n      </form>\n    </Dialog>\n  )\n}\n\nexport default EditReviewableDialog\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAM,uBAAsD,CAAC;AAAA,EAC3D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,WAAW,OAAyB,IAAI;AAC9C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,EAAE;AAG7C,YAAU,MAAM;;AACV,QAAA,CAAC,SAAS,QAAS;AACvB,iBAAa,KAAK;AAElB,mBAAS,YAAT,mBAAkB;AAElB,WAAO,MAAM;AACX,mBAAa,EAAE;AAAA,IACjB;AAAA,EACC,GAAA,CAAC,OAAO,SAAS,OAAO,CAAC;AAE5B,QAAM,CAAC,kBAAkB,EAAE,UAAW,CAAA,IAAI,4BAA4B;AAEtE,QAAM,yBAAyB,YAAY;AACrC,QAAA;AAEF,YAAM,iBAAiB;AAAA,QACrB;AAAA,QACA;AAAA,QACA;AAAA,QACA,0BAA0B;AAAA,UACxB,OAAO;AAAA,QAAA;AAAA,MAEV,CAAA,EAAE,OAAO;AAEV,YAAM,QAAQ,iCAAiC;AAGvC,cAAA;AAAA,aACD,OAAO;AACd,cAAQ,MAAM,KAAK;AACnB,YAAM,MAAM,6BAA6B;AAAA,IAAA;AAAA,EAE7C;AAEM,QAAA,mBAAmB,CAAC,MAAkC;AAC1D,MAAE,eAAe;AACjB,QAAI,WAAW;AACU,6BAAA;AAAA,IAAA;AAAA,EAE3B;AAEA,QAAM,eAAe,MAAM;AAEzB,iBAAa,EAAE;AAEP,YAAA;AAAA,EACV;AAGE,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,QAAQA,kCAAAA,IAAC,aAAa,EAAA,UAAA,kBAAkB,KAAK,IAAG;AAAA,MAChD,+CACG,SACC,EAAA,UAAA;AAAA,QAAAA,sCAAC,UAAO,OAAM,UAAS,SAAS,cAAc,SAAQ,QAAO;AAAA,QAC7DA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,QAAQ,CAAC,CAAC;AAAA,YACV,QAAQ;AAAA,YACR,MAAK;AAAA,YACL,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACP,GACF;AAAA,MAEF,MAAK;AAAA,MACJ,GAAG;AAAA,MAEJ,UAACA,kCAAAA,IAAA,QAAA,EAAK,UAAU,kBAAkB,IAAG,mBACnC,UAAAA,kCAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,aAAa,EAAE,OAAO,KAAK;AAAA,UAC5C,aAAY;AAAA,UACZ,OAAO,EAAE,OAAO,OAAO;AAAA,UACvB,WAAS;AAAA,UACT,WAAW,CAAC,MACV,EAAE,QAAQ,YAAY,EAAE,WAAW,EAAE,YAAY,uBAAuB;AAAA,UAE1E,KAAK;AAAA,QAAA;AAAA,MAAA,EAET,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"EditReviewableDialog.es.js","sources":["../../../../../src/components/ReviewablesList/EditReviewableDialog.tsx"],"sourcesContent":["import { useUpdateReviewableMutation } from '@shared/api'\nimport {\n  Button,\n  Dialog,\n  DialogProps,\n  InputText,\n  SaveButton,\n  Toolbar,\n} from '@ynput/ayon-react-components'\nimport { FC, FormEvent, useEffect, useRef, useState } from 'react'\nimport { toast } from 'react-toastify'\nimport { RenameTitle } from './ReviewablesList.styled'\n\ninterface EditReviewableDialogProps extends DialogProps {\n  label: string\n  onClose: () => void\n  activityId: string\n  projectName: string\n  versionId: string\n}\n\nconst EditReviewableDialog: FC<EditReviewableDialogProps> = ({\n  onClose,\n  label,\n  projectName,\n  versionId,\n  activityId,\n  ...props\n}) => {\n  const labelRef = useRef<HTMLInputElement>(null)\n  const [labelForm, setLabelForm] = useState('')\n\n  // prefill the label form with current label\n  useEffect(() => {\n    if (!labelRef.current) return\n    setLabelForm(label)\n    // highlight the text\n    labelRef.current?.select()\n\n    return () => {\n      setLabelForm('')\n    }\n  }, [label, labelRef.current])\n\n  const [updateReviewable, { isLoading }] = useUpdateReviewableMutation()\n\n  const handleUpdateReviewable = async () => {\n    try {\n      // update reviewable\n      await updateReviewable({\n        projectName,\n        versionId,\n        activityId,\n        updateReviewablesRequest: {\n          label: labelForm,\n        },\n      }).unwrap()\n\n      toast.success('Reviewable updated successfully')\n\n      // close dialog\n      onClose()\n    } catch (error) {\n      console.error(error)\n      toast.error('Failed to update reviewable')\n    }\n  }\n\n  const handleFormSubmit = (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    if (labelForm) {\n      handleUpdateReviewable()\n    }\n  }\n\n  const handleCancel = () => {\n    // clear form\n    setLabelForm('')\n    // close dialog\n    onClose()\n  }\n\n  return (\n    <Dialog\n      onClose={onClose}\n      header={<RenameTitle>{`Editing label: ${label}`}</RenameTitle>}\n      footer={\n        <Toolbar>\n          <Button label=\"Cancel\" onClick={handleCancel} variant=\"text\" />\n          <SaveButton\n            label=\"Save\"\n            active={!!labelForm}\n            saving={isLoading}\n            type=\"submit\"\n            form=\"reviewable-form\"\n          />\n        </Toolbar>\n      }\n      size=\"sm\"\n      {...props}\n    >\n      <form onSubmit={handleFormSubmit} id=\"reviewable-form\">\n        <InputText\n          value={labelForm}\n          onChange={(e) => setLabelForm(e.target.value)}\n          placeholder=\"Enter a new label\"\n          style={{ width: '100%' }}\n          autoFocus\n          onKeyDown={(e) =>\n            e.key === 'Enter' && (e.ctrlKey || e.metaKey) && handleUpdateReviewable()\n          }\n          ref={labelRef}\n        />\n      </form>\n    </Dialog>\n  )\n}\n\nexport default EditReviewableDialog\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAM,uBAAsD,CAAC;AAAA,EAC3D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,WAAW,OAAyB,IAAI;AAC9C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,EAAE;AAG7C,YAAU,MAAM;;AACV,QAAA,CAAC,SAAS,QAAS;AACvB,iBAAa,KAAK;AAElB,mBAAS,YAAT,mBAAkB;AAElB,WAAO,MAAM;AACX,mBAAa,EAAE;AAAA,IACjB;AAAA,EACC,GAAA,CAAC,OAAO,SAAS,OAAO,CAAC;AAE5B,QAAM,CAAC,kBAAkB,EAAE,UAAW,CAAA,IAAI,4BAA4B;AAEtE,QAAM,yBAAyB,YAAY;AACrC,QAAA;AAEF,YAAM,iBAAiB;AAAA,QACrB;AAAA,QACA;AAAA,QACA;AAAA,QACA,0BAA0B;AAAA,UACxB,OAAO;AAAA,QAAA;AAAA,MAEV,CAAA,EAAE,OAAO;AAEV,YAAM,QAAQ,iCAAiC;AAGvC,cAAA;AAAA,aACD,OAAO;AACd,cAAQ,MAAM,KAAK;AACnB,YAAM,MAAM,6BAA6B;AAAA,IAAA;AAAA,EAE7C;AAEM,QAAA,mBAAmB,CAAC,MAAkC;AAC1D,MAAE,eAAe;AACjB,QAAI,WAAW;AACU,6BAAA;AAAA,IAAA;AAAA,EAE3B;AAEA,QAAM,eAAe,MAAM;AAEzB,iBAAa,EAAE;AAEP,YAAA;AAAA,EACV;AAGE,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,QAAQA,kCAAAA,IAAC,aAAa,EAAA,UAAA,kBAAkB,KAAK,IAAG;AAAA,MAChD,+CACG,SACC,EAAA,UAAA;AAAA,QAAAA,sCAAC,UAAO,OAAM,UAAS,SAAS,cAAc,SAAQ,QAAO;AAAA,QAC7DA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,QAAQ,CAAC,CAAC;AAAA,YACV,QAAQ;AAAA,YACR,MAAK;AAAA,YACL,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACP,GACF;AAAA,MAEF,MAAK;AAAA,MACJ,GAAG;AAAA,MAEJ,UAACA,kCAAAA,IAAA,QAAA,EAAK,UAAU,kBAAkB,IAAG,mBACnC,UAAAA,kCAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,aAAa,EAAE,OAAO,KAAK;AAAA,UAC5C,aAAY;AAAA,UACZ,OAAO,EAAE,OAAO,OAAO;AAAA,UACvB,WAAS;AAAA,UACT,WAAW,CAAC,MACV,EAAE,QAAQ,YAAY,EAAE,WAAW,EAAE,YAAY,uBAAuB;AAAA,UAE1E,KAAK;AAAA,QAAA;AAAA,MAAA,EAET,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

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

@@ -68,6 +68,8 @@ require("../../api/queries/users/updateUsers.cjs.js");
 require("../../api/queries/watchers/getWatchers.cjs.js");
 require("../../api/queries/permissions/getPermissions.cjs.js");
 require("../../api/queries/grouping/getGrouping.cjs.js");
+require("../../api/queries/versions/updateVersions.cjs.js");
+require("../../api/queries/products/createProduct.cjs.js");
 const core = require("@dnd-kit/core");
 const sortable = require("@dnd-kit/sortable");
 require("@ynput/ayon-react-components");
@@ -96,6 +98,7 @@ require("../../context/pip/PiPWrapper.cjs.js");
 require("../../context/AddonProjectContext.cjs.js");
 require("../../context/AddonContext.cjs.js");
 require("../../context/PowerpackContext.cjs.js");
+require("axios");
 const ReviewableCard = require("../ReviewableCard/ReviewableCard.cjs.js");
 const ReviewableProgressCard = require("../ReviewableProgressCard/ReviewableProgressCard.cjs.js");
 require("../FileThumbnail/FileThumbnail.cjs.js");
@@ -167,9 +170,7 @@ require("../../containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating
 require("../../containers/Actions/Actions.styled.cjs.js");
 require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");
 require("../../containers/Actions/ActionIcon.cjs.js");
-require("../EntityThumbnailUploader/EntityThumbnailUploader.styled.cjs.js");
-require("../ThumbnailUploader/ThumbnailUploader.styled.cjs.js");
-require("axios");
+require("../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");
 require("../SimpleFormDialog/SimpleFormDialog.cjs.js");
 require("../EntityPath/EntityPath.styled.cjs.js");
 require("../EntityPath/SegmentProvider.cjs.js");
@@ -185,6 +186,8 @@ require("../AttributeEditor/components/MinMaxField.cjs.js");
 require("../EnumEditor/EnumEditor.styled.cjs.js");
 require("../SearchFilter/filterDates.cjs.js");
 require("../Badge/Badge.cjs.js");
+require("../VersionUploader/components/UploadVersionDialog.cjs.js");
+require("../VersionUploader/context/VersionUploadContext.cjs.js");
 const ReviewablesList = ({
   projectName,
   versionId,