@agrotools1/at-components 2.0.13 → 2.0.14-beta.1

package/dist/upload/UploadContentTitle.vue.js

@@ -0,0 +1,35 @@
+import { defineComponent as l, createBlock as n, openBlock as i, unref as t, normalizeClass as r, withCtx as p, renderSlot as d } from "vue";
+import { Primitive as c } from "reka-ui";
+import { cn as m } from "../lib/utils.js";
+import { injectUploadRootContext as f } from "./upload-context.js";
+const _ = /* @__PURE__ */ l({
+  __name: "UploadContentTitle",
+  props: {
+    class: {},
+    asChild: { type: Boolean },
+    as: { default: "p" }
+  },
+  setup(a) {
+    const s = a, e = f();
+    return (o, u) => (i(), n(t(c), {
+      "data-slot": "upload-content-title",
+      as: o.as,
+      "as-child": o.asChild,
+      class: r(
+        t(m)(
+          "font-nunito text-primary-500 block w-full items-start text-start text-sm font-bold",
+          t(e).isUploading.value || t(e).isUploadingComplete.value ? "hidden" : "",
+          s.class
+        )
+      )
+    }, {
+      default: p(() => [
+        d(o.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["as", "as-child", "class"]));
+  }
+});
+export {
+  _ as default
+};

package/dist/upload/UploadContentTitle.vue2.js

@@ -0,0 +1,4 @@
+import f from "./UploadContentTitle.vue.js";
+export {
+  f as default
+};

package/dist/upload/UploadFileItem.vue.js

@@ -0,0 +1,106 @@
+import { defineComponent as f, ref as d, watch as C, createBlock as p, openBlock as c, unref as i, normalizeClass as h, withCtx as m, createElementVNode as e, toDisplayString as s, normalizeStyle as u, withModifiers as w } from "vue";
+import { Primitive as g } from "reka-ui";
+import { formatBytes as v } from "../composables/use-file-upload.js";
+import { cn as x } from "../lib/utils.js";
+import { injectUploadRootContext as _ } from "./upload-context.js";
+const y = { class: "flex w-full items-center justify-between gap-1" }, L = { class: "flex w-full items-center gap-1" }, V = { class: "text-xs font-semibold text-gray-800" }, H = { class: "place-self-end text-xs font-normal text-gray-600" }, B = { class: "flex w-full items-center justify-center gap-1" }, M = { class: "h-1 w-full rounded-full" }, P = { class: "place-self-end text-xs font-normal text-gray-600" }, $ = /* @__PURE__ */ f({
+  __name: "UploadFileItem",
+  props: {
+    file: {},
+    class: {},
+    asChild: { type: Boolean },
+    as: { default: "div" }
+  },
+  setup(r) {
+    const n = r, a = _(), o = d(0);
+    return C(
+      () => n.file,
+      (t) => {
+        t && a.handleUpdateProgressOnParent(t.id, (l) => {
+          o.value = l;
+        });
+      },
+      { immediate: !0 }
+    ), (t, l) => (c(), p(i(g), {
+      "data-slot": "upload-file-item",
+      as: t.as,
+      "as-child": t.asChild,
+      class: h(i(x)("flex w-full flex-col items-center justify-center gap-1", n.class))
+    }, {
+      default: m(() => [
+        e("div", y, [
+          e("div", L, [
+            l[1] || (l[1] = e("div", null, [
+              e("svg", {
+                width: "16",
+                height: "16",
+                viewBox: "0 0 16 16",
+                fill: "none",
+                xmlns: "http://www.w3.org/2000/svg"
+              }, [
+                e("g", { "clip-path": "url(#clip0_4032_73)" }, [
+                  e("path", {
+                    d: "M9.33344 4.66666V0.306663C9.95014 0.539553 10.5103 0.900871 10.9768 1.36666L13.2994 3.69066C13.7658 4.15658 14.1274 4.71659 14.3601 5.33333H10.0001C9.82329 5.33333 9.65372 5.26309 9.5287 5.13807C9.40367 5.01304 9.33344 4.84347 9.33344 4.66666ZM14.6668 6.99V12.6667C14.6657 13.5504 14.3142 14.3976 13.6893 15.0225C13.0644 15.6474 12.2172 15.9989 11.3334 16H4.66677C3.78304 15.9989 2.93581 15.6474 2.31092 15.0225C1.68602 14.3976 1.33449 13.5504 1.33344 12.6667V3.33333C1.33449 2.4496 1.68602 1.60237 2.31092 0.977476C2.93581 0.352584 3.78304 0.00105476 4.66677 -3.8147e-06L7.67677 -3.8147e-06C7.78544 -3.8147e-06 7.89277 0.00866285 8.0001 0.0159962V4.66666C8.0001 5.1971 8.21082 5.7058 8.58589 6.08088C8.96096 6.45595 9.46967 6.66666 10.0001 6.66666H14.6508C14.6581 6.774 14.6668 6.88133 14.6668 6.99ZM10.6668 11.3333C10.6668 11.1565 10.5965 10.9869 10.4715 10.8619C10.3465 10.7369 10.1769 10.6667 10.0001 10.6667H8.66677V9.33333C8.66677 9.15652 8.59653 8.98695 8.47151 8.86193C8.34648 8.7369 8.17691 8.66666 8.0001 8.66666C7.82329 8.66666 7.65372 8.7369 7.5287 8.86193C7.40367 8.98695 7.33344 9.15652 7.33344 9.33333V10.6667H6.0001C5.82329 10.6667 5.65372 10.7369 5.5287 10.8619C5.40367 10.9869 5.33344 11.1565 5.33344 11.3333C5.33344 11.5101 5.40367 11.6797 5.5287 11.8047C5.65372 11.9298 5.82329 12 6.0001 12H7.33344V13.3333C7.33344 13.5101 7.40367 13.6797 7.5287 13.8047C7.65372 13.9298 7.82329 14 8.0001 14C8.17691 14 8.34648 13.9298 8.47151 13.8047C8.59653 13.6797 8.66677 13.5101 8.66677 13.3333V12H10.0001C10.1769 12 10.3465 11.9298 10.4715 11.8047C10.5965 11.6797 10.6668 11.5101 10.6668 11.3333Z",
+                    fill: "#550073"
+                  })
+                ]),
+                e("defs", null, [
+                  e("clipPath", { id: "clip0_4032_73" }, [
+                    e("rect", {
+                      width: "16",
+                      height: "16",
+                      fill: "white"
+                    })
+                  ])
+                ])
+              ])
+            ], -1)),
+            e("span", V, s(t.file.file.name) + " " + s(t.file.file.type ? `(${t.file.file.type})` : ""), 1)
+          ]),
+          e("span", H, s(o.value) + "%", 1)
+        ]),
+        e("div", B, [
+          e("div", M, [
+            e("div", {
+              class: "bg-primary-600 h-1 rounded-full transition-all",
+              style: u({ width: `${o.value}%` })
+            }, null, 4)
+          ]),
+          e("div", {
+            role: "button",
+            onClick: l[0] || (l[0] = w((Z) => i(a).removeFile(t.file.id), ["stop", "prevent"]))
+          }, [...l[2] || (l[2] = [
+            e("svg", {
+              width: "10",
+              height: "10",
+              viewBox: "0 0 10 10",
+              fill: "none",
+              xmlns: "http://www.w3.org/2000/svg"
+            }, [
+              e("g", { "clip-path": "url(#clip0_4032_221)" }, [
+                e("path", {
+                  d: "M5 0C2.23857 0 0 2.23857 0 5C0 7.76143 2.23857 10 5 10C7.76143 10 10 7.76143 10 5C9.99701 2.2398 7.7602 0.00298828 5 0ZM6.66666 6.07791C6.83598 6.23375 6.84691 6.49734 6.69107 6.66666C6.53523 6.83598 6.27164 6.84691 6.10232 6.69107C6.09385 6.68328 6.08572 6.67514 6.07791 6.66666L5 5.58916L3.9225 6.66666C3.75697 6.82652 3.4932 6.82193 3.33334 6.65641C3.1774 6.49494 3.1774 6.23897 3.33334 6.0775L4.41084 5L3.33334 3.9225C3.17348 3.75697 3.17807 3.4932 3.34359 3.33334C3.50506 3.1774 3.76104 3.1774 3.9225 3.33334L5 4.41084L6.07791 3.33334C6.23375 3.16402 6.49734 3.15309 6.66666 3.30893C6.83598 3.46477 6.84691 3.72836 6.69107 3.89768C6.68328 3.90615 6.67514 3.91428 6.66666 3.92209L5.58916 5L6.66666 6.07791Z",
+                  fill: "#A61912"
+                })
+              ]),
+              e("defs", null, [
+                e("clipPath", { id: "clip0_4032_221" }, [
+                  e("rect", {
+                    width: "10",
+                    height: "10",
+                    fill: "white"
+                  })
+                ])
+              ])
+            ], -1)
+          ])])
+        ]),
+        e("span", P, s(i(v)(t.file.file.size, 2)), 1)
+      ]),
+      _: 1
+    }, 8, ["as", "as-child", "class"]));
+  }
+});
+export {
+  $ as default
+};

package/dist/upload/UploadFileItem.vue2.js

@@ -0,0 +1,4 @@
+import f from "./UploadFileItem.vue.js";
+export {
+  f as default
+};

package/dist/upload/UploadRoot.vue.js

@@ -0,0 +1,109 @@
+import { defineComponent as F, computed as y, createBlock as h, openBlock as C, unref as o, withCtx as B, createElementVNode as d, normalizeClass as z, createVNode as U, renderSlot as _ } from "vue";
+import { useFileUpload as b } from "../composables/use-file-upload.js";
+import R from "../illustration/Illustration.vue.js";
+import { cn as S } from "../lib/utils.js";
+import { Primitive as k } from "reka-ui";
+import { provideUploadRootContext as w } from "./upload-context.js";
+const M = { class: "relative" }, D = /* @__PURE__ */ F({
+  __name: "UploadRoot",
+  props: {
+    onFilesAdded: { type: Function },
+    onFilesChange: { type: Function },
+    maxSizeMB: {},
+    maxFiles: {},
+    multiple: { type: Boolean },
+    accept: {},
+    initialFiles: {},
+    class: {},
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(f) {
+    const l = f, m = y(() => l.maxSizeMB ? l.maxSizeMB * 1024 * 1024 : 5 * 1024 * 1024), {
+      files: t,
+      errors: p,
+      dropzoneRef: c,
+      inputRef: g,
+      isUploading: i,
+      isUploadingComplete: r,
+      openFileDialog: u,
+      removeFile: v
+    } = b({
+      accept: l.accept,
+      maxSize: m.value,
+      initialFiles: l.initialFiles || [],
+      maxFiles: l.maxFiles || 5,
+      multiple: l.multiple || !1,
+      onFilesAdded: l.onFilesAdded,
+      onFilesChange: l.onFilesChange
+    });
+    return w({
+      isUploading: i,
+      isUploadingComplete: r,
+      files: t,
+      errors: p,
+      removeFile: v,
+      handleUpdateProgressOnParent: (s, a) => {
+        const e = t.value.find((n) => n.id === s);
+        if (e) {
+          i.value = !0, e.progress = 0, e.uploadedBytes = 0;
+          const n = setInterval(() => {
+            if (t.value.every((x) => x.progress === 100)) {
+              setTimeout(() => {
+                i.value = !1, r.value = !0;
+              }, 1e3), clearInterval(n);
+              return;
+            }
+            e.progress !== void 0 && e.uploadedBytes !== void 0 && e.progress < 100 && (e.uploadedBytes += 5e4, e.progress = Math.min(
+              100,
+              Math.floor(e.uploadedBytes * 100 / (e.file.size || 1))
+            ), a(e.progress));
+          }, 60);
+        }
+      }
+    }), (s, a) => (C(), h(o(k), {
+      as: "div",
+      "data-slot": "upload",
+      class: "flex flex-col gap-2"
+    }, {
+      default: B(() => [
+        d("div", M, [
+          d("div", {
+            ref_key: "dropzoneRef",
+            ref: c,
+            role: "button",
+            class: z(
+              o(S)(
+                "border-dashed-neutral-400 relative flex cursor-default flex-row flex-nowrap items-center justify-start gap-4 overflow-hidden rounded-2xl border-2 border-dashed bg-gray-100 p-5 transition-colors data-[dragging=true]:opacity-80"
+              )
+            ),
+            onClick: a[0] || (a[0] = //@ts-ignore
+            (...e) => o(u) && o(u)(...e))
+          }, [
+            d("input", {
+              ref_key: "inputRef",
+              ref: g,
+              "aria-label": "Upload file",
+              type: "file"
+            }, null, 512),
+            U(R, {
+              illustration: o(i) || o(r) ? "filteringUpload" : "cloudUpload",
+              class: "size-12 text-neutral-500",
+              width: 48,
+              height: 48
+            }, null, 8, ["illustration"]),
+            _(s.$slots, "default", {
+              isUploading: o(i),
+              files: o(t),
+              errors: o(p)
+            })
+          ], 2)
+        ])
+      ]),
+      _: 3
+    }));
+  }
+});
+export {
+  D as default
+};

package/dist/upload/UploadRoot.vue2.js

@@ -0,0 +1,4 @@
+import f from "./UploadRoot.vue.js";
+export {
+  f as default
+};

package/dist/upload/upload-context.js

@@ -0,0 +1,6 @@
+import { createContext as o } from "reka-ui";
+const [e, n] = o("UploadRootContext");
+export {
+  e as injectUploadRootContext,
+  n as provideUploadRootContext
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@agrotools1/at-components",
   "type": "module",
-  "version": "2.0.13",
+  "version": "2.0.14-beta.1",
   "private": false,
   "description": "Componentes da Agrotools - Versão 2 (com re-export da V1)",
   "author": "Agrotools",
@@ -12,6 +12,9 @@
     "agrotools",
     "vue-components"
   ],
+  "sideEffects": [
+    "**/*.css"
+  ],
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -36,7 +39,7 @@
     "vue-component-type-helpers": "^2.2.10"
   },
   "dependencies": {
-    "@agrotools1/at-components1": "^1.1.1",
+    "@agrotools1/at-components1": "^1.1.2-beta.0",
     "@floating-ui/dom": "^1.4.2",
     "@floating-ui/vue": "^1.0.1",
     "@vueuse/core": "^13.4.0",