unipo-ui 1.1.0 → 1.2.0

package/dist/registry.json

@@ -1,5 +1,5 @@
 {
- "version": "1.1.0",
+ "version": "1.2.0",
  "versions": {
   "sass": "1.108.2",
   "tsup": "8.5.1",
@@ -14,7 +14,7 @@
   "@base-ui/react": "1.9.0",
   "lucide-react": "1.73.0",
   "country-flag-icons": "1.6.20",
-  "unipo-ui-tokens": "1.1.0"
+  "unipo-ui-tokens": "1.2.0"
  },
  "files": {
   "components/actions.tsx": {
@@ -666,6 +666,26 @@
     "unipo-siakad-sdk"
    ]
   },
+  "siakad/berkas.tsx": {
+   "exports": [
+    "BerkasTerunggah",
+    "InfoBerkas",
+    "OpsiUnggahBerkas",
+    "useInfoBerkas",
+    "useUnggahBerkas",
+    "useUrlBerkas",
+    "UnggahBerkasProps",
+    "UnggahBerkas"
+   ],
+   "local": [
+    "components/calendar.tsx",
+    "siakad/provider.tsx"
+   ],
+   "npm": [
+    "react",
+    "unipo-siakad-sdk"
+   ]
+  },
   "siakad/cari.tsx": {
    "exports": [
     "CariProps",
@@ -1628,6 +1648,14 @@
   "FormAplikasiProps": "siakad/aplikasi.tsx",
   "FormAplikasi": "siakad/aplikasi.tsx",
   "SheetUbahAplikasi": "siakad/aplikasi.tsx",
+  "BerkasTerunggah": "siakad/berkas.tsx",
+  "InfoBerkas": "siakad/berkas.tsx",
+  "OpsiUnggahBerkas": "siakad/berkas.tsx",
+  "useInfoBerkas": "siakad/berkas.tsx",
+  "useUnggahBerkas": "siakad/berkas.tsx",
+  "useUrlBerkas": "siakad/berkas.tsx",
+  "UnggahBerkasProps": "siakad/berkas.tsx",
+  "UnggahBerkas": "siakad/berkas.tsx",
   "CariProps": "siakad/cari.tsx",
   "MahasiswaOption": "siakad/cari.tsx",
   "CariMahasiswaProps": "siakad/cari.tsx",

package/dist/siakad.cjs

@@ -7502,6 +7502,129 @@ function PilihEntitas({ jenis, value, defaultValue, onValueChange, query, load,
     }
   );
 }
+var tunggu = (ms) => new Promise((r) => setTimeout(r, ms));
+async function unggahKeBerkas(siakad, info, file, opsi2 = {}, onProgress, signal) {
+  const { paralel = 3, ...atribut } = opsi2;
+  const attr = Object.fromEntries(Object.entries(atribut).filter(([, v]) => v !== void 0));
+  if (file.size <= info.batas_sekali_unggah_byte) {
+    onProgress?.(0);
+    const r = await siakad.request({ method: "POST", path: "/v1/berkas", body: { berkas: file, ...attr }, multipart: true }, { signal, timeout: 3e5 });
+    onProgress?.(100);
+    return r.data;
+  }
+  const sesi = (await siakad.request({ method: "POST", path: "/v1/berkas/bertahap", body: { nama: file.name, ukuran: file.size, ...attr } }, { signal })).data;
+  const { ukuran_potongan: ukuran, jumlah_potongan: jumlah } = sesi.sesi;
+  const antre = Array.from({ length: jumlah }, (_, i) => i);
+  let terkirim = 0;
+  const kirim = async (ke) => {
+    const bagian = file.slice(ke * ukuran, Math.min(file.size, (ke + 1) * ukuran));
+    for (let coba = 0; ; coba++) {
+      try {
+        await siakad.request({ method: "POST", path: `/v1/berkas/${sesi.id}/potongan/${ke}`, body: { potongan: { data: bagian, filename: `${ke}.part` } }, multipart: true }, { signal, timeout: 3e5 });
+        terkirim += bagian.size;
+        onProgress?.(Math.min(99, Math.round(terkirim / file.size * 100)));
+        return;
+      } catch (e) {
+        if (coba >= 3 || signal?.aborted) throw e;
+        await tunggu(500 * 2 ** coba);
+      }
+    }
+  };
+  await Promise.all(
+    Array.from({ length: Math.max(1, Math.min(paralel, jumlah)) }, async () => {
+      for (let ke = antre.shift(); ke !== void 0; ke = antre.shift()) await kirim(ke);
+    })
+  );
+  const hasil = (await siakad.request({ method: "POST", path: `/v1/berkas/${sesi.id}/selesai` }, { signal, timeout: 3e5 })).data;
+  onProgress?.(100);
+  return hasil;
+}
+function useInfoBerkas() {
+  return useSiakadQuery(["berkas-info"], (s, signal) => s.request({ method: "GET", path: "/v1/berkas/info" }, { signal }), { staleTime: 6e5 });
+}
+function useUnggahBerkas(opsi2 = {}) {
+  const siakad = useSiakad();
+  const { data: info } = useInfoBerkas();
+  const ref = React17__namespace.useRef(opsi2);
+  ref.current = opsi2;
+  return React17__namespace.useCallback(
+    async (file, onProgress, signal) => {
+      const i = info ?? (await siakad.request({ method: "GET", path: "/v1/berkas/info" })).data;
+      return unggahKeBerkas(siakad, i, file, ref.current, onProgress, signal);
+    },
+    [siakad, info]
+  );
+}
+function useUrlBerkas(id, ttl = 900) {
+  return useSiakadQuery(
+    ["berkas-url", id ?? "", ttl],
+    (s, signal) => s.request({ method: "GET", path: `/v1/berkas/${encodeURIComponent(id ?? "")}/url`, query: { ttl } }, { signal }),
+    { enabled: Boolean(id), staleTime: Math.max(30, ttl - 60) * 1e3 }
+  );
+}
+function UnggahBerkas({
+  onSelesai,
+  onGalat,
+  accept,
+  multiple,
+  maxSize,
+  disabled,
+  title,
+  hint,
+  sembunyikanSelesai,
+  className,
+  ...opsi2
+}) {
+  const unggah = useUnggahBerkas(opsi2);
+  const { data: info } = useInfoBerkas();
+  const [daftar2, setDaftar] = React17__namespace.useState([]);
+  const batal = React17__namespace.useRef(/* @__PURE__ */ new Map());
+  React17__namespace.useEffect(() => () => batal.current.forEach((c) => c.abort()), []);
+  const ubah2 = (id, p) => setDaftar((d) => d.map((f) => f.id === id ? { ...f, ...p } : f));
+  const mulai = (files) => {
+    for (const file of files) {
+      const id = `${Date.now()}-${Math.random().toString(36).slice(2)}`;
+      const ctl = new AbortController();
+      batal.current.set(id, ctl);
+      setDaftar((d) => [...multiple ? d : d.filter((f) => f.progress != null), { id, name: file.name, size: file.size, progress: 0 }]);
+      unggah(file, (persen) => ubah2(id, { progress: persen }), ctl.signal).then((b) => {
+        ubah2(id, { progress: void 0, url: b.url ?? void 0 });
+        if (sembunyikanSelesai) setDaftar((d) => d.filter((f) => f.id !== id));
+        onSelesai?.(b);
+      }).catch((e) => {
+        if (ctl.signal.aborted) return;
+        const pesan = pesanGalat(e);
+        ubah2(id, { progress: void 0, error: pesan });
+        onGalat?.(pesan, file);
+      }).finally(() => batal.current.delete(id));
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, style: { display: "grid", gap: "var(--u-space-3, 12px)" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkDEF5CA7C_cjs.Dropzone,
+      {
+        onFiles: mulai,
+        accept,
+        multiple,
+        maxSize: maxSize ?? info?.maks_byte,
+        disabled,
+        title,
+        hint,
+        onReject: (m) => onGalat?.(m, new File([], ""))
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkDEF5CA7C_cjs.FileList,
+      {
+        files: daftar2,
+        onRemove: (id) => {
+          batal.current.get(id)?.abort();
+          setDaftar((d) => d.filter((f) => f.id !== id));
+        }
+      }
+    )
+  ] });
+}
 
 exports.AKSES_ARSIP = AKSES_ARSIP;
 exports.AgendaLms = AgendaLms;
@@ -7698,6 +7821,7 @@ exports.TindakanArsip = TindakanArsip;
 exports.TindakanSpmi = TindakanSpmi;
 exports.TranskripMahasiswa = TranskripMahasiswa;
 exports.TugasMendatang = TugasMendatang;
+exports.UnggahBerkas = UnggahBerkas;
 exports.UnipoProvider = UnipoProvider;
 exports.UsiaPegawai = UsiaPegawai;
 exports.ValidasiKurikulum = ValidasiKurikulum;
@@ -7728,6 +7852,7 @@ exports.pesanGalat = pesanGalat;
 exports.sisaTenggat = sisaTenggat;
 exports.teksEnv = teksEnv;
 exports.terjawab = terjawab;
+exports.unggahKeBerkas = unggahKeBerkas;
 exports.useAnggotaKelas = useAnggotaKelas;
 exports.useAplikasiRbac = useAplikasiRbac;
 exports.useAplikasiTerpadu = useAplikasiTerpadu;
@@ -7741,6 +7866,7 @@ exports.useDasborSpmi = useDasborSpmi;
 exports.useDosen = useDosen;
 exports.useEkuivalensi = useEkuivalensi;
 exports.useFilterFields = useFilterFields;
+exports.useInfoBerkas = useInfoBerkas;
 exports.useJadwalDosen = useJadwalDosen;
 exports.useKalenderLms = useKalenderLms;
 exports.useKatalogScope = useKatalogScope;
@@ -7785,6 +7911,8 @@ exports.useTahunOptions = useTahunOptions;
 exports.useTranskrip = useTranskrip;
 exports.useTrenAkademik = useTrenAkademik;
 exports.useUjianSaya = useUjianSaya;
+exports.useUnggahBerkas = useUnggahBerkas;
+exports.useUrlBerkas = useUrlBerkas;
 exports.useValidasiKurikulum = useValidasiKurikulum;
 //# sourceMappingURL=siakad.cjs.map
 //# sourceMappingURL=siakad.cjs.map