@ynput/ayon-frontend-shared 0.2.17 → 0.2.18

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

@@ -1,112 +0,0 @@
-import { j as jsxRuntimeExports } from "../../../../_virtual/jsx-runtime.es.js";
-import { useState } from "react";
-import { ThumbnailUploaderWrapper, Uploading, Progress, Message } from "./ThumbnailUploader.styled.es.js";
-import { Icon } from "@ynput/ayon-react-components";
-import axios from "axios";
-import clsx from "clsx";
-import { toast } from "react-toastify";
-const ThumbnailUploader = ({
-  onFinish,
-  entities,
-  onUploadInProgress,
-  inputRef,
-  ...props
-}) => {
-  const [uploadingFile, setUploadingFile] = useState();
-  const [uploadingPreview, setUploadingPreview] = useState();
-  const [progress, setProgress] = useState(0);
-  const resetState = () => {
-    setUploadingFile(null);
-    setProgress(0);
-    setUploadingPreview(null);
-  };
-  const handleDroppedFileUpload = async (file) => {
-    if (!file) return onFinish([]);
-    try {
-      if (!file.type.includes("image")) {
-        throw new Error("File is not an image");
-      }
-      setUploadingFile(file);
-      setUploadingPreview(URL.createObjectURL(file));
-      let promises = [];
-      for (const entity of entities) {
-        const { id, entityType, projectName } = entity;
-        console.log(projectName);
-        if (!projectName) throw new Error("Project name is required");
-        const promise = axios.post(
-          projectName && `/api/projects/${projectName}/${entityType}s/${id}/thumbnail`,
-          file,
-          {
-            onUploadProgress: (e) => {
-              setProgress(Math.round(100 * e.loaded / (e.total || file.size)));
-            },
-            headers: {
-              "Content-Type": file.type
-            }
-          }
-        );
-        promises.push(promise);
-      }
-      const res = await Promise.all(promises);
-      const updatedEntities = res.map((res2, i) => ({
-        thumbnailId: res2.data.id,
-        id: entities[i].id
-      }));
-      onFinish(updatedEntities);
-      resetState();
-    } catch (error) {
-      console.error(error);
-      toast.error(error.message);
-      onFinish([]);
-      resetState();
-    }
-  };
-  const handleFileUpload = async (event) => {
-    onUploadInProgress();
-    const files = event.target.files;
-    if (!files) {
-      return;
-    }
-    const file = files[0];
-    if (file) {
-      handleDroppedFileUpload(file);
-    }
-  };
-  const handleInputDrop = (e) => {
-    e.preventDefault();
-    const file = e.dataTransfer.files[0];
-    handleDroppedFileUpload(file);
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      ThumbnailUploaderWrapper,
-      {
-        className: clsx({ uploading: uploadingFile }),
-        onDrop: handleInputDrop,
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "bg" }),
-          uploadingFile && uploadingPreview ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Uploading, { children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: uploadingPreview, alt: "uploading preview" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "progress-wrapper", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-              Progress,
-              {
-                style: {
-                  right: `${100 - progress}%`
-                }
-              }
-            ) })
-          ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(Message, { children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon: "add_photo_alternate", className: "upload" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Upload thumbnail" })
-          ] })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("input", { type: "file", onChange: handleFileUpload, ref: inputRef })
-  ] });
-};
-export {
-  ThumbnailUploader
-};
-//# sourceMappingURL=ThumbnailUploader.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ThumbnailUploader.es.js","sources":["../../../../../src/components/ThumbnailUploader/ThumbnailUploader.tsx"],"sourcesContent":["import { ChangeEvent, DragEvent, HTMLAttributes, LegacyRef, useState } from 'react'\nimport * as Styled from './ThumbnailUploader.styled'\nimport { Icon } from '@ynput/ayon-react-components'\nimport axios from 'axios'\nimport clsx from 'clsx'\nimport { toast } from 'react-toastify'\n\ntype Entity = {\n  id: string\n  entityType: string\n  projectName: string\n}\n\nexport interface ThumbnailUploaderProps extends HTMLAttributes<HTMLDivElement> {\n  onFinish: (entities: { id: string; thumbnailId: string }[]) => void\n  inputRef: LegacyRef<HTMLInputElement>\n  onUploadInProgress: Function\n  entities: Entity[]\n}\n\nexport const ThumbnailUploader = ({\n  onFinish,\n  entities,\n  onUploadInProgress,\n  inputRef,\n  ...props\n}: ThumbnailUploaderProps) => {\n  const [uploadingFile, setUploadingFile] = useState<null | File>()\n  const [uploadingPreview, setUploadingPreview] = useState<null | string>()\n  const [progress, setProgress] = useState(0)\n\n  const resetState = () => {\n    setUploadingFile(null)\n    setProgress(0)\n    setUploadingPreview(null)\n  }\n\n  const handleDroppedFileUpload = async (file: File) => {\n    if (!file) return onFinish([])\n\n    try {\n      // check file is an image\n      if (!file.type.includes('image')) {\n        throw new Error('File is not an image')\n      }\n\n      setUploadingFile(file)\n      setUploadingPreview(URL.createObjectURL(file))\n\n      let promises = []\n      for (const entity of entities) {\n        const { id, entityType, projectName } = entity\n\n        console.log(projectName)\n\n        if (!projectName) throw new Error('Project name is required')\n\n        const promise = axios.post(\n          projectName && `/api/projects/${projectName}/${entityType}s/${id}/thumbnail`,\n          file,\n          {\n            onUploadProgress: (e) => {\n              setProgress(Math.round((100 * e.loaded) / (e.total || file.size)))\n            },\n            headers: {\n              'Content-Type': file.type,\n            },\n          },\n        )\n\n        promises.push(promise)\n      }\n\n      const res = await Promise.all(promises)\n\n      const updatedEntities = res.map((res, i) => ({\n        thumbnailId: res.data.id as string,\n        id: entities[i].id,\n      }))\n\n      onFinish(updatedEntities)\n      resetState()\n    } catch (error: any) {\n      console.error(error)\n      toast.error(error.message)\n      onFinish([])\n      resetState()\n    }\n  }\n\n  const handleFileUpload = async (event: ChangeEvent<HTMLInputElement>) => {\n    onUploadInProgress()\n    const files = event.target.files\n    if (!files) {\n      return\n    }\n\n    const file = files[0]\n    if (file) {\n      handleDroppedFileUpload(file)\n    }\n  }\n\n  const handleInputDrop = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault()\n\n    const file = e.dataTransfer.files[0]\n    handleDroppedFileUpload(file)\n  }\n\n  return (\n    <>\n      <Styled.ThumbnailUploaderWrapper\n        className={clsx({ uploading: uploadingFile })}\n        onDrop={handleInputDrop}\n        {...props}\n      >\n        <div className=\"bg\" />\n\n        {uploadingFile && uploadingPreview ? (\n          <Styled.Uploading>\n            <img src={uploadingPreview} alt=\"uploading preview\" />\n            <div className=\"progress-wrapper\">\n              <Styled.Progress\n                style={{\n                  right: `${100 - progress}%`,\n                }}\n              />\n            </div>\n          </Styled.Uploading>\n        ) : (\n          <Styled.Message>\n            <Icon icon=\"add_photo_alternate\" className=\"upload\" />\n            <span>Upload thumbnail</span>\n          </Styled.Message>\n        )}\n      </Styled.ThumbnailUploaderWrapper>\n      <input type=\"file\" onChange={handleFileUpload} ref={inputRef} />\n    </>\n  )\n}\n"],"names":["res","jsxs","Fragment","Styled.ThumbnailUploaderWrapper","jsx","Styled.Uploading","Styled.Progress","Styled.Message"],"mappings":"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"}

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

@@ -1,104 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const styled = require("styled-components");
-const ThumbnailUploaderWrapper = styled.div`
-  position: absolute;
-  inset: var(--padding-s);
-  z-index: 900;
-
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  &.hidden {
-    display: none;
-  }
-
-  .bg {
-    position: absolute;
-    inset: 0;
-    border-radius: var(--md-sys-border-radius-m);
-    border: 2px dashed var(--md-sys-color-outline);
-    border-radius: var(--border-radius-l);
-    background-color: var(--md-sys-color-surface-container-lowest);
-  }
-
-  &.isUploading {
-    .bg {
-      opacity: 1;
-    }
-    .icon.upload {
-      display: none;
-    }
-  }
-
-  &.isSuccess {
-    .bg {
-      opacity: 0;
-    }
-    .icon.upload {
-      display: none;
-    }
-    &:hover {
-      opacity: 0;
-    }
-  }
-`;
-const Message = styled.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  z-index: 10;
-  pointer-events: none;
-  gap: var(--base-gap-large);
-
-  .icon {
-    user-select: none;
-    pointer-events: none;
-    background-color: unset;
-    font-size: 3rem;
-
-    transition: scale 0.2s, opacity 0.1s;
-  }
-`;
-const Uploading = styled.div`
-  margin: auto;
-  display: flex;
-  flex-direction: column;
-
-  justify-content: center;
-  align-items: center;
-  gap: var(--base-gap-large);
-
-  width: 100%;
-  height: 100%;
-  max-width: 200px;
-  z-index: 10;
-
-  img {
-    height: 50%;
-    object-fit: contain;
-    width: 100%;
-  }
-
-  .progress-wrapper {
-    position: relative;
-    width: 100%;
-    height: 8px;
-  }
-`;
-const Progress = styled.div`
-  position: absolute;
-  border-radius: 4px;
-
-  background-color: var(--md-sys-color-primary);
-
-  inset: 0;
-
-  transition: right 0.2s;
-`;
-exports.Message = Message;
-exports.Progress = Progress;
-exports.ThumbnailUploaderWrapper = ThumbnailUploaderWrapper;
-exports.Uploading = Uploading;
-//# sourceMappingURL=ThumbnailUploader.styled.cjs.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ThumbnailUploader.styled.cjs.js","sources":["../../../../../src/components/ThumbnailUploader/ThumbnailUploader.styled.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const ThumbnailUploaderWrapper = styled.div`\n  position: absolute;\n  inset: var(--padding-s);\n  z-index: 900;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  &.hidden {\n    display: none;\n  }\n\n  .bg {\n    position: absolute;\n    inset: 0;\n    border-radius: var(--md-sys-border-radius-m);\n    border: 2px dashed var(--md-sys-color-outline);\n    border-radius: var(--border-radius-l);\n    background-color: var(--md-sys-color-surface-container-lowest);\n  }\n\n  &.isUploading {\n    .bg {\n      opacity: 1;\n    }\n    .icon.upload {\n      display: none;\n    }\n  }\n\n  &.isSuccess {\n    .bg {\n      opacity: 0;\n    }\n    .icon.upload {\n      display: none;\n    }\n    &:hover {\n      opacity: 0;\n    }\n  }\n`\n\nexport const Message = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  z-index: 10;\n  pointer-events: none;\n  gap: var(--base-gap-large);\n\n  .icon {\n    user-select: none;\n    pointer-events: none;\n    background-color: unset;\n    font-size: 3rem;\n\n    transition: scale 0.2s, opacity 0.1s;\n  }\n`\n\nexport const Uploading = styled.div`\n  margin: auto;\n  display: flex;\n  flex-direction: column;\n\n  justify-content: center;\n  align-items: center;\n  gap: var(--base-gap-large);\n\n  width: 100%;\n  height: 100%;\n  max-width: 200px;\n  z-index: 10;\n\n  img {\n    height: 50%;\n    object-fit: contain;\n    width: 100%;\n  }\n\n  .progress-wrapper {\n    position: relative;\n    width: 100%;\n    height: 8px;\n  }\n`\n\nexport const Progress = styled.div`\n  position: absolute;\n  border-radius: 4px;\n\n  background-color: var(--md-sys-color-primary);\n\n  inset: 0;\n\n  transition: right 0.2s;\n`\n"],"names":[],"mappings":";;;AAEO,MAAM,2BAA2B,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA4CxC,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBvB,MAAM,YAAY,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;AA2BzB,MAAM,WAAW,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;"}

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

@@ -1,104 +0,0 @@
-import styled from "styled-components";
-const ThumbnailUploaderWrapper = styled.div`
-  position: absolute;
-  inset: var(--padding-s);
-  z-index: 900;
-
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  &.hidden {
-    display: none;
-  }
-
-  .bg {
-    position: absolute;
-    inset: 0;
-    border-radius: var(--md-sys-border-radius-m);
-    border: 2px dashed var(--md-sys-color-outline);
-    border-radius: var(--border-radius-l);
-    background-color: var(--md-sys-color-surface-container-lowest);
-  }
-
-  &.isUploading {
-    .bg {
-      opacity: 1;
-    }
-    .icon.upload {
-      display: none;
-    }
-  }
-
-  &.isSuccess {
-    .bg {
-      opacity: 0;
-    }
-    .icon.upload {
-      display: none;
-    }
-    &:hover {
-      opacity: 0;
-    }
-  }
-`;
-const Message = styled.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  z-index: 10;
-  pointer-events: none;
-  gap: var(--base-gap-large);
-
-  .icon {
-    user-select: none;
-    pointer-events: none;
-    background-color: unset;
-    font-size: 3rem;
-
-    transition: scale 0.2s, opacity 0.1s;
-  }
-`;
-const Uploading = styled.div`
-  margin: auto;
-  display: flex;
-  flex-direction: column;
-
-  justify-content: center;
-  align-items: center;
-  gap: var(--base-gap-large);
-
-  width: 100%;
-  height: 100%;
-  max-width: 200px;
-  z-index: 10;
-
-  img {
-    height: 50%;
-    object-fit: contain;
-    width: 100%;
-  }
-
-  .progress-wrapper {
-    position: relative;
-    width: 100%;
-    height: 8px;
-  }
-`;
-const Progress = styled.div`
-  position: absolute;
-  border-radius: 4px;
-
-  background-color: var(--md-sys-color-primary);
-
-  inset: 0;
-
-  transition: right 0.2s;
-`;
-export {
-  Message,
-  Progress,
-  ThumbnailUploaderWrapper,
-  Uploading
-};
-//# sourceMappingURL=ThumbnailUploader.styled.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ThumbnailUploader.styled.es.js","sources":["../../../../../src/components/ThumbnailUploader/ThumbnailUploader.styled.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const ThumbnailUploaderWrapper = styled.div`\n  position: absolute;\n  inset: var(--padding-s);\n  z-index: 900;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  &.hidden {\n    display: none;\n  }\n\n  .bg {\n    position: absolute;\n    inset: 0;\n    border-radius: var(--md-sys-border-radius-m);\n    border: 2px dashed var(--md-sys-color-outline);\n    border-radius: var(--border-radius-l);\n    background-color: var(--md-sys-color-surface-container-lowest);\n  }\n\n  &.isUploading {\n    .bg {\n      opacity: 1;\n    }\n    .icon.upload {\n      display: none;\n    }\n  }\n\n  &.isSuccess {\n    .bg {\n      opacity: 0;\n    }\n    .icon.upload {\n      display: none;\n    }\n    &:hover {\n      opacity: 0;\n    }\n  }\n`\n\nexport const Message = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  z-index: 10;\n  pointer-events: none;\n  gap: var(--base-gap-large);\n\n  .icon {\n    user-select: none;\n    pointer-events: none;\n    background-color: unset;\n    font-size: 3rem;\n\n    transition: scale 0.2s, opacity 0.1s;\n  }\n`\n\nexport const Uploading = styled.div`\n  margin: auto;\n  display: flex;\n  flex-direction: column;\n\n  justify-content: center;\n  align-items: center;\n  gap: var(--base-gap-large);\n\n  width: 100%;\n  height: 100%;\n  max-width: 200px;\n  z-index: 10;\n\n  img {\n    height: 50%;\n    object-fit: contain;\n    width: 100%;\n  }\n\n  .progress-wrapper {\n    position: relative;\n    width: 100%;\n    height: 8px;\n  }\n`\n\nexport const Progress = styled.div`\n  position: absolute;\n  border-radius: 4px;\n\n  background-color: var(--md-sys-color-primary);\n\n  inset: 0;\n\n  transition: right 0.2s;\n`\n"],"names":[],"mappings":";AAEO,MAAM,2BAA2B,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA4CxC,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBvB,MAAM,YAAY,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;AA2BzB,MAAM,WAAW,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/types/components/EntityThumbnailUploader/EntityThumbnailUploader.styled.d.ts

@@ -1 +0,0 @@
-export declare const DragAndDropWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/types/components/EntityThumbnailUploader/index.d.ts

@@ -1 +0,0 @@
-export * from './EntityThumbnailUploader';

package/dist/types/components/ThumbnailUploader/ThumbnailUploader.d.ts

@@ -1,17 +0,0 @@
-import { HTMLAttributes, LegacyRef } from 'react';
-type Entity = {
-    id: string;
-    entityType: string;
-    projectName: string;
-};
-export interface ThumbnailUploaderProps extends HTMLAttributes<HTMLDivElement> {
-    onFinish: (entities: {
-        id: string;
-        thumbnailId: string;
-    }[]) => void;
-    inputRef: LegacyRef<HTMLInputElement>;
-    onUploadInProgress: Function;
-    entities: Entity[];
-}
-export declare const ThumbnailUploader: ({ onFinish, entities, onUploadInProgress, inputRef, ...props }: ThumbnailUploaderProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/components/ThumbnailUploader/ThumbnailUploader.styled.d.ts

@@ -1,4 +0,0 @@
-export declare const ThumbnailUploaderWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Message: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Uploading: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Progress: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/types/components/ThumbnailUploader/index.d.ts

@@ -1 +0,0 @@
-export * from './ThumbnailUploader';