@agrotools1/at-components 0.5.1 → 0.5.2

package/dist/Upload/Upload.d.ts

@@ -1,3 +1,4 @@
+import { type PropType } from "vue";
 declare const _default: import("vue").DefineComponent<{
     warningTextUpload: {
         type: StringConstructor;
@@ -13,7 +14,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     uploadInteractionText: {
         type: StringConstructor;
-        required: true;
+        required: false;
         default: string;
         validator: (value: string) => boolean;
     };
@@ -52,18 +53,6 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
         validator: (value: number) => boolean;
     };
-    uploadContainerWidth: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-    uploadContainerHeight: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-        validator: (value: string) => boolean;
-    };
     progressInterval: {
         type: NumberConstructor;
         required: false;
@@ -82,25 +71,15 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
         validator: (value: string) => boolean;
     };
-}, {
-    file: import("vue").Ref<{
-        readonly lastModified: number;
-        readonly name: string;
-        readonly webkitRelativePath: string;
-        readonly size: number;
-        readonly type: string;
-        arrayBuffer: () => Promise<ArrayBuffer>;
-        slice: (start?: number | undefined, end?: number | undefined, contentType?: string | undefined) => Blob;
-        stream: () => ReadableStream<Uint8Array>;
-        text: () => Promise<string>;
-    } | null>;
-    progress: import("vue").Ref<number>;
-    uploadBytes: import("vue").Ref<number>;
-    handleFileUpload: (event: Event) => Promise<void>;
-    handleDrop: (event: DragEvent) => void;
-    handleRemove: () => void;
-    handleUpdateProgressOnParent: (newValue: number) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("updateProgress" | "updateFile")[], "updateProgress" | "updateFile", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    acceptTypes: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    acceptTypesInput: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("updateProgress" | "updateFile")[], "updateProgress" | "updateFile", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     warningTextUpload: {
         type: StringConstructor;
         required: true;
@@ -115,7 +94,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     uploadInteractionText: {
         type: StringConstructor;
-        required: true;
+        required: false;
         default: string;
         validator: (value: string) => boolean;
     };
@@ -154,18 +133,6 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
         validator: (value: number) => boolean;
     };
-    uploadContainerWidth: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-    uploadContainerHeight: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-        validator: (value: string) => boolean;
-    };
     progressInterval: {
         type: NumberConstructor;
         required: false;
@@ -184,23 +151,31 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
         validator: (value: string) => boolean;
     };
+    acceptTypes: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    acceptTypesInput: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & {
     onUpdateProgress?: ((...args: any[]) => any) | undefined;
     onUpdateFile?: ((...args: any[]) => any) | undefined;
 }, {
     warningTextUpload: string;
-    uploadText: string;
-    uploadInteractionText: string;
-    multipleSelect: boolean;
     interactiveTextButton: string;
-    warningFunction: Function;
     interactiveTexthref: string;
     interactiveTextDownloadName: string;
-    uploadProgress: number;
-    uploadContainerWidth: string;
-    uploadContainerHeight: string;
-    progressInterval: number;
+    warningFunction: Function;
+    uploadText: string;
+    uploadInteractionText: string;
+    multipleSelect: boolean;
+    acceptTypes: string[];
+    acceptTypesInput: string;
     loadingText: string;
     completeText: string;
+    progressInterval: number;
+    uploadProgress: number;
 }, {}>;
 export default _default;

package/dist/Upload/Upload.vue.js

@@ -1,126 +1,37 @@
-import h from "./Upload.vue2.js";
-import { resolveComponent as d, openBlock as n, createElementBlock as i, normalizeStyle as v, createElementVNode as a, createVNode as o, createTextVNode as s, toDisplayString as r, createCommentVNode as $, withModifiers as m, withCtx as u } from "vue";
+import a from "./Upload.vue2.js";
+import { resolveComponent as l, openBlock as o, createElementBlock as i, createBlock as r } from "vue";
 import "./Upload.vue3.js";
-import w from "../_virtual/_plugin-vue_export-helper.js";
-const y = { class: "warning-upload" }, T = { class: "warning-text-upload" }, k = ["href", "download"], C = ["multiple"], A = {
-  for: "inputFile",
-  class: "input-file-label"
-}, P = {
-  key: 1,
-  class: "input-container loading-input-container"
-}, U = {
-  key: 0,
-  class: "loading-container"
-}, B = {
-  key: 1,
-  class: "complete-container"
-};
-function D(e, t, I, z, b, F) {
-  const g = d("AtCircleExclamationRegularIcon"), f = d("AtIllustration"), p = d("AtParagraph"), c = d("AtProgressBar");
-  return n(), i("div", {
-    class: "container",
-    style: v({
-      width: `${e.$props.uploadContainerWidth}`,
-      height: `${e.$props.uploadContainerHeight}`
-    })
-  }, [
-    a("div", y, [
-      o(g, {
-        style: { width: "22px", height: "22px" },
-        color: "var(--at-primary-color-1)"
-      }),
-      a("p", T, [
-        s(r(e.$props.warningTextUpload) + " ", 1),
-        e.$props.interactiveTextButton !== "" ? (n(), i("a", {
-          key: 0,
-          href: e.$props.interactiveTexthref,
-          download: e.$props.interactiveTextDownloadName,
-          class: "interactive-text",
-          onClick: t[0] || (t[0] = (l) => {
-            e.$props.interactiveTexthref === "" && l.preventDefault(), e.$props.warningFunction && e.$props.warningFunction();
-          })
-        }, r(e.$props.interactiveTextButton), 9, k)) : $("", !0)
-      ])
-    ]),
-    e.file === null ? (n(), i("div", {
+import d from "../_virtual/_plugin-vue_export-helper.js";
+const u = { class: "at-uploader-container" };
+function m(e, p, g, c, $, y) {
+  const s = l("SingleUpload"), n = l("MultipleUpload");
+  return o(), i("div", u, [
+    e.$props.multipleSelect ? (o(), r(n, {
+      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,
+      onUpdateFile: p[2] || (p[2] = (t) => e.$emit("updateFile", t)),
+      onUpdateProgress: p[3] || (p[3] = (t) => e.$emit("updateProgress", t))
+    }, null, 8, ["complete-text", "loading-text", "progress-interval", "warning-text-upload", "multiple-select", "accept-types", "accept-types-input"])) : (o(), r(s, {
       key: 0,
-      class: "input-container",
-      onDragover: t[2] || (t[2] = m(() => {
-      }, ["prevent"])),
-      onDragenter: t[3] || (t[3] = m(() => {
-      }, ["prevent"])),
-      onDrop: t[4] || (t[4] = (l) => e.handleDrop(l))
-    }, [
-      o(f, { illustration: "cloudUpload" }),
-      a("input", {
-        id: "inputFile",
-        class: "input-file",
-        multiple: e.$props.multipleSelect,
-        type: "file",
-        label: "",
-        onChange: t[1] || (t[1] = (l) => e.handleFileUpload(l))
-      }, null, 40, C),
-      a("div", null, [
-        a("label", A, [
-          o(p, {
-            size: "p1",
-            weight: "bold",
-            class: "upload-text"
-          }, {
-            default: u(() => [
-              s(r(e.$props.uploadText), 1)
-            ]),
-            _: 1
-          }),
-          o(p, {
-            size: "p2",
-            class: "upload-interaction-text"
-          }, {
-            default: u(() => [
-              s(r(e.$props.uploadInteractionText), 1)
-            ]),
-            _: 1
-          })
-        ])
-      ])
-    ], 32)) : (n(), i("div", P, [
-      e.progress < 100 ? (n(), i("div", U, [
-        o(f, {
-          illustration: "filteringUpload",
-          style: { "margin-bottom": "24px" }
-        }),
-        o(p, {
-          size: "p1",
-          style: { "font-weight": "500", "font-size": "16px", margin: "0", width: "max-content" }
-        }, {
-          default: u(() => [
-            s(r(e.$props.loadingText), 1)
-          ]),
-          _: 1
-        })
-      ])) : (n(), i("div", B, [
-        o(f, { illustration: "fileBackup" }),
-        o(p, {
-          size: "p1",
-          style: { "font-weight": "500", margin: "0" }
-        }, {
-          default: u(() => [
-            s(r(e.$props.completeText), 1)
-          ]),
-          _: 1
-        })
-      ])),
-      o(c, {
-        file: e.file,
-        "handle-remove-file": e.handleRemove,
-        "is-only-use": !1,
-        interval: e.$props.progressInterval,
-        onUpdateProgress: e.handleUpdateProgressOnParent
-      }, null, 8, ["file", "handle-remove-file", "interval", "onUpdateProgress"])
-    ]))
-  ], 4);
+      "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,
+      onUpdateFile: p[0] || (p[0] = (t) => e.$emit("updateFile", t)),
+      onUpdateProgress: p[1] || (p[1] = (t) => e.$emit("updateProgress", t))
+    }, null, 8, ["complete-text", "loading-text", "progress-interval", "warning-text-upload", "multiple-select", "accept-types", "accept-types-input"]))
+  ]);
 }
-const x = /* @__PURE__ */ w(h, [["render", D], ["__scopeId", "data-v-f19f8853"]]);
+const w = /* @__PURE__ */ d(a, [["render", m], ["__scopeId", "data-v-f2418a33"]]);
 export {
-  x as default
+  w as default
 };

package/dist/Upload/Upload.vue2.js

@@ -1,19 +1,15 @@
-import { defineComponent as d, ref as n } from "vue";
-import { AtCircleExclamationRegularIcon as u } from "../node_modules/.pnpm/agrotools-icons@0.2.6/node_modules/agrotools-icons/dist/AtCircleExclamationRegularIcon/index.js";
-import s from "../Illustration/Illustration.vue.js";
-import p from "../ProgressBar/ProgressBar.vue.js";
-import { AtTipograph as f } from "../Tipograph/index.js";
-const P = d({
+import { defineComponent as t } from "vue";
+import r from "./MultipleUpload/MultipleUpload.vue.js";
+import a from "./SingleUpload/SingleUpload.vue.js";
+const n = t({
   test: {
     globals: !0,
     environment: "jsdom"
   },
   name: "Upload",
   components: {
-    AtParagraph: f.Paragraph,
-    AtProgressBar: p,
-    AtIllustration: s,
-    AtCircleExclamationRegularIcon: u
+    SingleUpload: a,
+    MultipleUpload: r
   },
   props: {
     warningTextUpload: {
@@ -30,7 +26,7 @@ const P = d({
     },
     uploadInteractionText: {
       type: String,
-      required: !0,
+      required: !1,
       default: "Arraste ou clique para fazer upload do arquivo",
       validator: (e) => typeof e == "string"
     },
@@ -71,18 +67,6 @@ const P = d({
       default: 0,
       validator: (e) => typeof e == "number"
     },
-    uploadContainerWidth: {
-      type: String,
-      required: !1,
-      default: "816px",
-      validator: (e) => typeof e == "string"
-    },
-    uploadContainerHeight: {
-      type: String,
-      required: !1,
-      default: "484px",
-      validator: (e) => typeof e == "string"
-    },
     progressInterval: {
       type: Number,
       required: !1,
@@ -100,34 +84,21 @@ const P = d({
       required: !1,
       default: "O upload foi concluído.",
       validator: (e) => typeof e == "string"
+    },
+    acceptTypes: {
+      type: Array,
+      default: () => []
+    },
+    acceptTypesInput: {
+      type: String,
+      default: "*"
     }
   },
   emits: ["updateProgress", "updateFile"],
-  setup(e, { emit: o }) {
-    const r = n(null), l = n(e.uploadProgress), i = n(0);
-    return {
-      file: r,
-      progress: l,
-      uploadBytes: i,
-      handleFileUpload: async (a) => {
-        const t = a.target.files;
-        t != null && t.length && (r.value = t[0], o("updateFile", r.value));
-      },
-      handleDrop: (a) => {
-        if (a.preventDefault(), a.dataTransfer) {
-          const t = a.dataTransfer.files;
-          t != null && t.length && (r.value = t[0], o("updateFile", r.value));
-        }
-      },
-      handleRemove: () => {
-        r.value = null, l.value = 0, o("updateFile", null), o("updateProgress", 0);
-      },
-      handleUpdateProgressOnParent: (a) => {
-        l.value = a, o("updateProgress", l.value);
-      }
-    };
+  setup() {
+    return {};
   }
 });
 export {
-  P as default
+  n 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 u from "../../_virtual/_plugin-vue_export-helper.js";
+const f = { 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", f, [
+    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__ */ u(i, [["render", g], ["__scopeId", "data-v-342d92f9"]]);
+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/agrotools-icons@0.2.6/node_modules/agrotools-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,44 @@
+import c from "./UploaderInfoProgress.vue2.js";
+import { resolveComponent as a, openBlock as n, createElementBlock as s, createVNode as t, withCtx as i, createTextVNode as p, toDisplayString as l } from "vue";
+import "./UploaderInfoProgress.vue3.js";
+import d from "../../_virtual/_plugin-vue_export-helper.js";
+const m = {
+  key: 0,
+  class: "at-uploader-loading-container"
+}, _ = {
+  key: 1,
+  class: "at-uploader-complete-container"
+};
+function f(o, g, u, h, x, $) {
+  const e = a("AtIllustration"), r = a("AtParagraph");
+  return o.$props.progress < 100 ? (n(), s("div", m, [
+    t(e, {
+      illustration: "filteringUpload",
+      style: { "margin-bottom": "24px" }
+    }),
+    t(r, {
+      size: "p1",
+      style: { "font-weight": "500", "font-size": "16px", margin: "0", width: "max-content" }
+    }, {
+      default: i(() => [
+        p(l(o.$props.loadingText), 1)
+      ]),
+      _: 1
+    })
+  ])) : (n(), s("div", _, [
+    t(e, { illustration: "fileBackup" }),
+    t(r, {
+      size: "p1",
+      style: { "font-weight": "500", margin: "0" }
+    }, {
+      default: i(() => [
+        p(l(o.$props.completeText), 1)
+      ]),
+      _: 1
+    })
+  ]));
+}
+const A = /* @__PURE__ */ d(c, [["render", f], ["__scopeId", "data-v-12db28eb"]]);
+export {
+  A as default
+};

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

@@ -0,0 +1,36 @@
+import { defineComponent as r } from "vue";
+import o from "../../Illustration/Illustration.vue.js";
+import { AtTipograph as t } from "../../Tipograph/index.js";
+const p = r({
+  name: "UploaderInfoProgress",
+  components: {
+    AtIllustration: o,
+    AtParagraph: t.Paragraph
+  },
+  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 {
+  p as default
+};