@agrotools1/at-components 1.0.0 → 1.0.2

package/dist/Upload/Upload.vue.js

@@ -0,0 +1,57 @@
+import l from "./Upload.vue2.js";
+import { resolveComponent as r, openBlock as o, createElementBlock as s, createBlock as n } from "vue";
+import "./Upload.vue3.js";
+import d from "../_virtual/_plugin-vue_export-helper.js";
+const u = { class: "at-uploader-container" };
+function m(e, t, $, g, c, v) {
+  const a = r("SingleUpload"), i = r("MultipleUpload");
+  return o(), s("div", u, [
+    e.$props.multipleSelect ? (o(), n(i, {
+      key: 1,
+      "complete-text": e.$props.completeText,
+      "loading-text": e.$props.loadingText,
+      "progress-interval": e.$props.progressInterval,
+      "warning-text-upload": e.$props.warningTextUpload,
+      "multiple-select": e.$props.multipleSelect,
+      "accept-types": e.$props.acceptTypes,
+      "accept-types-input": e.$props.acceptTypesInput,
+      "max-file-size": e.$props.maxFileSize,
+      "max-files": e.$props.maxFiles,
+      "max-total-size": e.$props.maxTotalSize,
+      "interactive-text-button": e.$props.interactiveTextButton,
+      "interactive-text-download-name": e.$props.interactiveTextDownloadName,
+      "interactive-texthref": e.$props.interactiveTexthref,
+      "upload-progress": e.$props.uploadProgress,
+      "warning-function": e.$props.warningFunction,
+      "upload-interaction-text": e.$props.uploadInteractionText,
+      "upload-text": e.$props.uploadText,
+      onUpdateFile: t[3] || (t[3] = (p) => e.$emit("updateFile", p)),
+      onUpdateProgress: t[4] || (t[4] = (p) => e.$emit("updateProgress", p)),
+      onUploadError: t[5] || (t[5] = (p) => e.$emit("uploadError", p))
+    }, null, 8, ["complete-text", "loading-text", "progress-interval", "warning-text-upload", "multiple-select", "accept-types", "accept-types-input", "max-file-size", "max-files", "max-total-size", "interactive-text-button", "interactive-text-download-name", "interactive-texthref", "upload-progress", "warning-function", "upload-interaction-text", "upload-text"])) : (o(), n(a, {
+      key: 0,
+      "complete-text": e.$props.completeText,
+      "loading-text": e.$props.loadingText,
+      "progress-interval": e.$props.progressInterval,
+      "warning-text-upload": e.$props.warningTextUpload,
+      "multiple-select": e.$props.multipleSelect,
+      "accept-types": e.$props.acceptTypes,
+      "accept-types-input": e.$props.acceptTypesInput,
+      "max-file-size": e.$props.maxFileSize,
+      "interactive-text-button": e.$props.interactiveTextButton,
+      "interactive-text-download-name": e.$props.interactiveTextDownloadName,
+      "interactive-texthref": e.$props.interactiveTexthref,
+      "upload-progress": e.$props.uploadProgress,
+      "warning-function": e.$props.warningFunction,
+      "upload-interaction-text": e.$props.uploadInteractionText,
+      "upload-text": e.$props.uploadText,
+      onUpdateFile: t[0] || (t[0] = (p) => e.$emit("updateFile", p)),
+      onUpdateProgress: t[1] || (t[1] = (p) => e.$emit("updateProgress", p)),
+      onUploadError: t[2] || (t[2] = (p) => e.$emit("uploadError", p))
+    }, null, 8, ["complete-text", "loading-text", "progress-interval", "warning-text-upload", "multiple-select", "accept-types", "accept-types-input", "max-file-size", "interactive-text-button", "interactive-text-download-name", "interactive-texthref", "upload-progress", "warning-function", "upload-interaction-text", "upload-text"]))
+  ]);
+}
+const y = /* @__PURE__ */ d(l, [["render", m], ["__scopeId", "data-v-c70cd657"]]);
+export {
+  y as default
+};

package/dist/Upload/Upload.vue2.js

@@ -0,0 +1,118 @@
+import { defineComponent as t } from "vue";
+import r from "./MultipleUpload/MultipleUpload.vue.js";
+import a from "./SingleUpload/SingleUpload.vue.js";
+const d = t({
+  name: "Upload",
+  components: {
+    SingleUpload: a,
+    MultipleUpload: r
+  },
+  props: {
+    warningTextUpload: {
+      type: String,
+      required: !1,
+      default: "Texto de aviso sobre o upload",
+      validator: (e) => typeof e == "string"
+    },
+    uploadText: {
+      type: String,
+      required: !1,
+      default: "Importe seu arquivo aqui",
+      validator: (e) => typeof e == "string"
+    },
+    uploadInteractionText: {
+      type: String,
+      required: !1,
+      default: "Arraste ou clique para fazer upload do arquivo",
+      validator: (e) => typeof e == "string"
+    },
+    multipleSelect: {
+      type: Boolean,
+      required: !1,
+      default: !1,
+      validator: (e) => typeof e == "boolean"
+    },
+    interactiveTextButton: {
+      type: String,
+      required: !1,
+      default: "",
+      validator: (e) => typeof e == "string"
+    },
+    warningFunction: {
+      type: Function,
+      required: !1,
+      default: () => {
+        console.warn("This is a warning");
+      }
+    },
+    interactiveTexthref: {
+      type: String,
+      required: !1,
+      default: "",
+      validator: (e) => typeof e == "string"
+    },
+    interactiveTextDownloadName: {
+      type: String,
+      required: !1,
+      default: "",
+      validator: (e) => typeof e == "string"
+    },
+    uploadProgress: {
+      type: Number,
+      required: !1,
+      default: 0,
+      validator: (e) => typeof e == "number"
+    },
+    progressInterval: {
+      type: Number,
+      required: !1,
+      default: 1e3,
+      validator: (e) => typeof e == "number"
+    },
+    loadingText: {
+      type: String,
+      required: !1,
+      default: "Estamos analisando o arquivo, em breve, retornaremos com os resultados.",
+      validator: (e) => typeof e == "string"
+    },
+    completeText: {
+      type: String,
+      required: !1,
+      default: "O upload foi concluído.",
+      validator: (e) => typeof e == "string"
+    },
+    acceptTypes: {
+      type: Array,
+      default: () => []
+    },
+    acceptTypesInput: {
+      type: String,
+      default: "*"
+    },
+    maxFileSize: {
+      type: Number,
+      required: !1,
+      default: void 0,
+      validator: (e) => typeof e == "number"
+    },
+    maxTotalSize: {
+      type: Number,
+      required: !1,
+      default: void 0,
+      validator: (e) => typeof e == "number"
+    },
+    maxFiles: {
+      type: Number,
+      required: !1,
+      default: void 0,
+      validator: (e) => typeof e == "number"
+    }
+  },
+  emits: ["updateProgress", "updateFile", "uploadError"],
+  setup() {
+    return {};
+  }
+});
+export {
+  d as default
+};

package/dist/Upload/Upload.vue3.js

@@ -0,0 +1,4 @@
+const _ = "";
+export {
+  _ as default
+};

package/dist/Upload/UploaderHeader/UploaderHeader.d.ts

@@ -0,0 +1,68 @@
+declare const _default: import('vue').DefineComponent<{
+    warningTextUpload: {
+        type: StringConstructor;
+        required: true;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    interactiveTextButton: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    interactiveTexthref: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    interactiveTextDownloadName: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    warningFunction: {
+        type: FunctionConstructor;
+        required: false;
+        default: () => void;
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+    warningTextUpload: {
+        type: StringConstructor;
+        required: true;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    interactiveTextButton: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    interactiveTexthref: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    interactiveTextDownloadName: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    warningFunction: {
+        type: FunctionConstructor;
+        required: false;
+        default: () => void;
+    };
+}>>, {
+    warningTextUpload: string;
+    interactiveTextButton: string;
+    interactiveTexthref: string;
+    interactiveTextDownloadName: string;
+    warningFunction: Function;
+}, {}>;
+export default _default;

package/dist/Upload/UploaderHeader/UploaderHeader.vue.js

@@ -0,0 +1,30 @@
+import i from "./UploaderHeader.vue2.js";
+import { resolveComponent as s, openBlock as o, createElementBlock as r, createVNode as c, createElementVNode as l, createTextVNode as d, toDisplayString as n, createCommentVNode as m } from "vue";
+import "./UploaderHeader.vue3.js";
+import f from "../../_virtual/_plugin-vue_export-helper.js";
+const u = { class: "at-uploader-warning" }, $ = { class: "at-uploader-warning-text" }, v = ["href", "download"];
+function g(e, t, h, w, x, _) {
+  const a = s("AtCircleExclamationRegularIcon");
+  return o(), r("div", u, [
+    c(a, {
+      style: { width: "22px", height: "22px" },
+      color: "var(--at-primary-color-1)"
+    }),
+    l("p", $, [
+      d(n(e.$props.warningTextUpload) + " ", 1),
+      e.$props.interactiveTextButton !== "" ? (o(), r("a", {
+        key: 0,
+        href: e.$props.interactiveTexthref,
+        download: e.$props.interactiveTextDownloadName,
+        class: "at-uploader-interactive-text",
+        onClick: t[0] || (t[0] = (p) => {
+          e.$props.interactiveTexthref === "" && p.preventDefault(), e.$props.warningFunction && e.$props.warningFunction();
+        })
+      }, n(e.$props.interactiveTextButton), 9, v)) : m("", !0)
+    ])
+  ]);
+}
+const y = /* @__PURE__ */ f(i, [["render", g], ["__scopeId", "data-v-edf0f2fd"]]);
+export {
+  y as default
+};

package/dist/Upload/UploaderHeader/UploaderHeader.vue2.js

@@ -0,0 +1,51 @@
+import { defineComponent as t } from "vue";
+import { AtCircleExclamationRegularIcon as r } from "../../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtCircleExclamationRegularIcon/index.js";
+const i = t({
+  test: {
+    globals: !0,
+    environment: "jsdom"
+  },
+  name: "UploaderHeader",
+  components: {
+    AtCircleExclamationRegularIcon: r
+  },
+  props: {
+    warningTextUpload: {
+      type: String,
+      required: !0,
+      default: "Texto de aviso sobre o upload",
+      validator: (e) => typeof e == "string"
+    },
+    interactiveTextButton: {
+      type: String,
+      required: !1,
+      default: "",
+      validator: (e) => typeof e == "string"
+    },
+    interactiveTexthref: {
+      type: String,
+      required: !1,
+      default: "",
+      validator: (e) => typeof e == "string"
+    },
+    interactiveTextDownloadName: {
+      type: String,
+      required: !1,
+      default: "",
+      validator: (e) => typeof e == "string"
+    },
+    warningFunction: {
+      type: Function,
+      required: !1,
+      default: () => {
+        console.warn("This is a warning");
+      }
+    }
+  },
+  setup() {
+    return {};
+  }
+});
+export {
+  i as default
+};

package/dist/Upload/UploaderHeader/UploaderHeader.vue3.js

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

package/dist/Upload/UploaderInfoProgress/UploaderInfoProgress.d.ts

@@ -0,0 +1,44 @@
+declare const _default: import('vue').DefineComponent<{
+    loadingText: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    completeText: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    progress: {
+        type: NumberConstructor;
+        required: true;
+        validator: (value: number) => boolean;
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("handleRemove" | "handleUpdateProgressOnParent")[], "handleRemove" | "handleUpdateProgressOnParent", import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+    loadingText: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    completeText: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    progress: {
+        type: NumberConstructor;
+        required: true;
+        validator: (value: number) => boolean;
+    };
+}>> & {
+    onHandleRemove?: ((...args: any[]) => any) | undefined;
+    onHandleUpdateProgressOnParent?: ((...args: any[]) => any) | undefined;
+}, {
+    loadingText: string;
+    completeText: string;
+}, {}>;
+export default _default;

package/dist/Upload/UploaderInfoProgress/UploaderInfoProgress.vue.js

@@ -0,0 +1,31 @@
+import s from "./UploaderInfoProgress.vue2.js";
+import { resolveComponent as a, openBlock as t, createElementBlock as e, createVNode as r } from "vue";
+import "./UploaderInfoProgress.vue3.js";
+import i from "../../_virtual/_plugin-vue_export-helper.js";
+const l = {
+  key: 0,
+  class: "at-uploader-loading-container"
+}, p = {
+  key: 1,
+  class: "at-uploader-complete-container"
+};
+function c(n, d, _, m, f, u) {
+  const o = a("AtIllustration");
+  return n.$props.progress < 100 ? (t(), e("div", l, [
+    r(o, {
+      illustration: "filteringUpload",
+      width: 48,
+      height: 48
+    })
+  ])) : (t(), e("div", p, [
+    r(o, {
+      illustration: "fileBackup",
+      width: 48,
+      height: 48
+    })
+  ]));
+}
+const v = /* @__PURE__ */ i(s, [["render", c], ["__scopeId", "data-v-99a6114d"]]);
+export {
+  v as default
+};

package/dist/Upload/UploaderInfoProgress/UploaderInfoProgress.vue2.js

@@ -0,0 +1,34 @@
+import { defineComponent as o } from "vue";
+import r from "../../Illustration/Illustration.vue.js";
+const n = o({
+  name: "UploaderInfoProgress",
+  components: {
+    AtIllustration: r
+  },
+  props: {
+    loadingText: {
+      type: String,
+      required: !1,
+      default: "Estamos analisando o arquivo, em breve, retornaremos com os resultados.",
+      validator: (e) => typeof e == "string"
+    },
+    completeText: {
+      type: String,
+      required: !1,
+      default: "O upload foi concluído.",
+      validator: (e) => typeof e == "string"
+    },
+    progress: {
+      type: Number,
+      required: !0,
+      validator: (e) => typeof e == "number"
+    }
+  },
+  emits: ["handleRemove", "handleUpdateProgressOnParent"],
+  setup() {
+    return {};
+  }
+});
+export {
+  n as default
+};

package/dist/Upload/UploaderInfoProgress/UploaderInfoProgress.vue3.js

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

package/dist/Upload/UploaderInput/UploaderInput.d.ts

@@ -0,0 +1,86 @@
+import { PropType } from 'vue';
+
+declare const _default: import('vue').DefineComponent<{
+    uploadText: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    uploadInteractionText: {
+        type: StringConstructor;
+        required: true;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    multipleSelect: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+        validator: (value: boolean) => boolean;
+    };
+    handleDrop: {
+        type: PropType<(event: DragEvent) => void>;
+        required: true;
+    };
+    handleFileUpload: {
+        type: PropType<(event: Event) => Promise<void>>;
+        required: true;
+    };
+    acceptTypes: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    acceptTypesInput: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    dropAreaElem: import('vue').Ref<HTMLDivElement | null | undefined>;
+    dropAreaClasses: import('vue').Ref<string[]>;
+    resetFileInput: () => void;
+    fileInputRef: import('vue').Ref<HTMLInputElement | null>;
+    uid: string | number;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+    uploadText: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    uploadInteractionText: {
+        type: StringConstructor;
+        required: true;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    multipleSelect: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+        validator: (value: boolean) => boolean;
+    };
+    handleDrop: {
+        type: PropType<(event: DragEvent) => void>;
+        required: true;
+    };
+    handleFileUpload: {
+        type: PropType<(event: Event) => Promise<void>>;
+        required: true;
+    };
+    acceptTypes: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    acceptTypesInput: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    uploadText: string;
+    uploadInteractionText: string;
+    multipleSelect: boolean;
+    acceptTypes: string[];
+    acceptTypesInput: string;
+}, {}>;
+export default _default;

package/dist/Upload/UploaderInput/UploaderInput.vue.js

@@ -0,0 +1,63 @@
+import f from "./UploaderInput.vue2.js";
+import { resolveComponent as a, openBlock as m, createElementBlock as c, normalizeClass as $, withModifiers as n, createElementVNode as p, createVNode as r, withCtx as i, createTextVNode as s, toDisplayString as d } from "vue";
+import "./UploaderInput.vue3.js";
+import h from "../../_virtual/_plugin-vue_export-helper.js";
+const g = ["for"], I = ["id", "multiple", "accept"], v = { class: "at-upload-input-file-container" }, w = { class: "at-uploader-input-file-label pointer" };
+function A(e, t, _, b, C, D) {
+  const u = a("AtIllustration"), l = a("AtParagraph");
+  return m(), c("label", {
+    ref: "dropAreaElem",
+    for: `inputFile-${e.uid}`,
+    class: $(e.dropAreaClasses),
+    onDragover: t[1] || (t[1] = n(() => {
+    }, ["prevent"])),
+    onDragenter: t[2] || (t[2] = n(() => {
+    }, ["prevent"])),
+    onDrop: t[3] || (t[3] = (o) => e.$props.handleDrop(o))
+  }, [
+    p("input", {
+      id: `inputFile-${e.uid}`,
+      ref: "fileInputRef",
+      class: "w-100 h-100 at-uploader-input",
+      multiple: e.$props.multipleSelect,
+      type: "file",
+      label: "",
+      accept: e.$props.acceptTypesInput,
+      onChange: t[0] || (t[0] = async (o) => {
+        await e.$props.handleFileUpload(o), e.resetFileInput();
+      })
+    }, null, 40, I),
+    p("div", v, [
+      r(u, {
+        illustration: "cloudUpload",
+        height: 48,
+        width: 48
+      }),
+      p("span", w, [
+        r(l, {
+          size: "p1",
+          weight: "bold",
+          class: "at-uploader-text"
+        }, {
+          default: i(() => [
+            s(d(e.$props.uploadText), 1)
+          ]),
+          _: 1
+        }),
+        r(l, {
+          size: "p2",
+          class: "at-uploader-interaction-text"
+        }, {
+          default: i(() => [
+            s(d(e.$props.uploadInteractionText), 1)
+          ]),
+          _: 1
+        })
+      ])
+    ])
+  ], 42, g);
+}
+const E = /* @__PURE__ */ h(f, [["render", A], ["__scopeId", "data-v-163b2769"]]);
+export {
+  E as default
+};

package/dist/Upload/UploaderInput/UploaderInput.vue2.js

@@ -0,0 +1,63 @@
+import { defineComponent as p, ref as r, getCurrentInstance as l, onMounted as i } from "vue";
+import d from "../../Illustration/Illustration.vue.js";
+import { AtTipograph as s } from "../../Tipograph/index.js";
+const g = p({
+  test: {
+    globals: !0,
+    environment: "jsdom"
+  },
+  name: "UploaderInput",
+  components: {
+    AtIllustration: d,
+    AtParagraph: s.Paragraph
+  },
+  props: {
+    uploadText: {
+      type: String,
+      required: !1,
+      default: "Importe seu arquivo aqui",
+      validator: (e) => typeof e == "string"
+    },
+    uploadInteractionText: {
+      type: String,
+      required: !0,
+      default: "Arraste ou clique para fazer upload do arquivo",
+      validator: (e) => typeof e == "string"
+    },
+    multipleSelect: {
+      type: Boolean,
+      required: !1,
+      default: !1,
+      validator: (e) => typeof e == "boolean"
+    },
+    handleDrop: {
+      type: Function,
+      required: !0
+    },
+    handleFileUpload: {
+      type: Function,
+      required: !0
+    },
+    acceptTypes: {
+      type: Array,
+      default: () => []
+    },
+    acceptTypesInput: {
+      type: String,
+      default: "*"
+    }
+  },
+  setup() {
+    const e = r(), t = r(["at-uploader-input-container"]), a = r(null), o = l(), n = o ? o.uid : Math.random().toString(36).substr(2, 9);
+    i(() => {
+      e.value.ondragover = () => t.value = ["at-uploader-input-container", "dragging"], e.value.ondrop = () => t.value = ["at-uploader-input-container"];
+    });
+    function u() {
+      a.value && (a.value.value = "");
+    }
+    return { dropAreaElem: e, dropAreaClasses: t, resetFileInput: u, fileInputRef: a, uid: n };
+  }
+});
+export {
+  g as default
+};

package/dist/Upload/UploaderInput/UploaderInput.vue3.js

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

package/dist/Upload/index.d.ts

@@ -0,0 +1,7 @@
+export { default as Upload } from './Upload';
+export interface IUploadError {
+    file: File;
+    type: TUploadErrorType;
+    message: string;
+}
+export type TUploadErrorType = "exceeded_file_length" | "unsupported_type" | "exceeded_file_size" | "exceeded_total_size";