1mpacto-react-ui 2.0.20 → 2.0.22

package/dist/components/Tooltip/Tooltip.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),s=require("react"),v=require("./Tooltip.module.scss.cjs"),x=require("../Popover/Popover.cjs"),y=require("../../config/tailwind/colors.cjs"),M=({id:m="1ru-tooltip",children:S,text:T,zIndexPopover:k=1,onShow:i,onClose:u,placement:w="top",backgroundColor:c="black",popoverProps:C={},arrowProps:b={},className:I,isHover:a,delay:j=600})=>{let n;const l=s.useRef(null),f={backgroundColor:y.default[c]||c},[o,d]=s.useState(!1),[q,p]=s.useState(!1),g=e=>{var t;(t=l.current)==null||t.handlerShow(e),p(!0),typeof i=="function"&&i()},h=()=>{var e;p(!1),o||(clearInterval(n),(e=l.current)==null||e.setShow(!1),typeof u=="function"&&u())};return r.jsxs(r.Fragment,{children:[r.jsx("div",{id:m,onMouseEnter:e=>{if(a&&!o){const t=e.currentTarget;n=setTimeout(()=>{g({...e,currentTarget:t})},j)}},onMouseLeave:()=>{a&&!o&&h()},onClick:e=>{d(!0),clearInterval(n),q||g(e)},className:v.default.container,children:S}),r.jsx(x.default,{floatingOptions:{placement:w},ref:l,id:"1ru-popover-tooltip",offset:10,withArrow:!0,zIndex:k,onClose:()=>{o&&(d(!1),h())},styleInnerPopover:{backgroundColor:f.backgroundColor},propsArrow:{fill:f.backgroundColor,...b},className:`${v.default["container-popover"]} ${I??""}`,...C,children:T})]})};exports.default=M;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),l=require("react"),h=require("./Tooltip.module.scss.cjs"),x=require("../Popover/Popover.cjs"),y=require("../../config/tailwind/colors.cjs"),M=({id:v="1ru-tooltip",children:m,text:S,zIndexPopover:T=1,onShow:s,onClose:i,placement:k="top",backgroundColor:u="black",popoverProps:w={},arrowProps:C={},className:b,isHover:c,delay:I=600})=>{let r;const n=l.useRef(null),a={backgroundColor:y.default[u]||u},[o,f]=l.useState(!1),[j,d]=l.useState(!1),p=e=>{n.current?.handlerShow(e),d(!0),typeof s=="function"&&s()},g=()=>{d(!1),o||(clearInterval(r),n.current?.setShow(!1),typeof i=="function"&&i())};return t.jsxs(t.Fragment,{children:[t.jsx("div",{id:v,onMouseEnter:e=>{if(c&&!o){const q=e.currentTarget;r=setTimeout(()=>{p({...e,currentTarget:q})},I)}},onMouseLeave:()=>{c&&!o&&g()},onClick:e=>{f(!0),clearInterval(r),j||p(e)},className:h.default.container,children:m}),t.jsx(x.default,{floatingOptions:{placement:k},ref:n,id:"1ru-popover-tooltip",offset:10,withArrow:!0,zIndex:T,onClose:()=>{o&&(f(!1),g())},styleInnerPopover:{backgroundColor:a.backgroundColor},propsArrow:{fill:a.backgroundColor,...C},className:`${h.default["container-popover"]} ${b??""}`,...w,children:S})]})};exports.default=M;

package/dist/components/Tooltip/Tooltip.mjs

@@ -1,73 +1,71 @@
-import { jsxs as j, Fragment as A, jsx as h } from "react/jsx-runtime";
-import s from "react";
-import g from "./Tooltip.module.scss.mjs";
+import { jsxs as j, Fragment as A, jsx as d } from "react/jsx-runtime";
+import n from "react";
+import h from "./Tooltip.module.scss.mjs";
 import M from "../Popover/Popover.mjs";
 import N from "../../config/tailwind/colors.mjs";
 const F = ({
-  id: k = "1ru-tooltip",
-  children: v,
-  text: w,
-  zIndexPopover: C = 1,
-  onShow: l,
-  onClose: i,
-  placement: I = "top",
-  backgroundColor: a = "black",
-  popoverProps: S = {},
-  arrowProps: T = {},
-  className: b,
-  isHover: c,
-  delay: x = 600
+  id: g = "1ru-tooltip",
+  children: k,
+  text: v,
+  zIndexPopover: w = 1,
+  onShow: s,
+  onClose: l,
+  placement: C = "top",
+  backgroundColor: i = "black",
+  popoverProps: I = {},
+  arrowProps: S = {},
+  className: T,
+  isHover: a,
+  delay: b = 600
 }) => {
-  let r;
-  const n = s.useRef(null), f = {
-    backgroundColor: N[a] || a
-  }, [e, p] = s.useState(!1), [y, u] = s.useState(!1), m = (o) => {
-    var t;
-    (t = n.current) == null || t.handlerShow(o), u(!0), typeof l == "function" && l();
-  }, d = () => {
-    var o;
-    u(!1), e || (clearInterval(r), (o = n.current) == null || o.setShow(!1), typeof i == "function" && i());
+  let t;
+  const r = n.useRef(null), c = {
+    backgroundColor: N[i] || i
+  }, [e, f] = n.useState(!1), [x, p] = n.useState(!1), u = (o) => {
+    r.current?.handlerShow(o), p(!0), typeof s == "function" && s();
+  }, m = () => {
+    p(!1), e || (clearInterval(t), r.current?.setShow(!1), typeof l == "function" && l());
   };
   return /* @__PURE__ */ j(A, { children: [
-    /* @__PURE__ */ h(
+    /* @__PURE__ */ d(
       "div",
       {
-        id: k,
+        id: g,
         onMouseEnter: (o) => {
-          if (c && !e) {
-            const t = o.currentTarget;
-            r = setTimeout(() => {
-              m({ ...o, currentTarget: t });
-            }, x);
+          if (a && !e) {
+            const y = o.currentTarget;
+            t = setTimeout(() => {
+              u({ ...o, currentTarget: y });
+            }, b);
           }
         },
         onMouseLeave: () => {
-          c && !e && d();
+          a && !e && m();
         },
         onClick: (o) => {
-          p(!0), clearInterval(r), y || m(o);
+          f(!0), clearInterval(t), x || u(o);
         },
-        className: g.container,
-        children: v
+        className: h.container,
+        children: k
       }
     ),
-    /* @__PURE__ */ h(
+    /* @__PURE__ */ d(
       M,
       {
-        floatingOptions: { placement: I },
-        ref: n,
+        floatingOptions: { placement: C },
+        ref: r,
         id: "1ru-popover-tooltip",
         offset: 10,
         withArrow: !0,
-        zIndex: C,
+        zIndex: w,
         onClose: () => {
-          e && (p(!1), d());
+          e && (f(!1), m());
         },
-        styleInnerPopover: { backgroundColor: f.backgroundColor },
-        propsArrow: { fill: f.backgroundColor, ...T },
-        className: `${g["container-popover"]} ${b ?? ""}`,
-        ...S,
-        children: w
+        styleInnerPopover: { backgroundColor: c.backgroundColor },
+        propsArrow: { fill: c.backgroundColor, ...S },
+        className: `${h["container-popover"]} ${T ?? ""}`,
+        ...I,
+        children: v
       }
     )
   ] });

package/dist/components/Upload/UploadFile.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),g=require("react"),B=require("../Input/InputReguler.cjs"),I=require("./UploadFile.module.scss.cjs"),E=()=>r.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:r.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.19544 6.19126C6.32045 6.06628 6.48999 5.99607 6.66677 5.99607C6.84354 5.99607 7.01308 6.06628 7.1381 6.19126L10.0001 9.05326L12.8621 6.19126C12.9236 6.12758 12.9972 6.0768 13.0785 6.04186C13.1598 6.00692 13.2473 5.98853 13.3358 5.98776C13.4244 5.98699 13.5121 6.00386 13.5941 6.03738C13.676 6.0709 13.7504 6.1204 13.813 6.18299C13.8756 6.24559 13.9251 6.32002 13.9587 6.40195C13.9922 6.48389 14.009 6.57167 14.0083 6.66019C14.0075 6.74871 13.9891 6.83619 13.9542 6.91753C13.9192 6.99886 13.8684 7.07243 13.8048 7.13392L10.9428 9.99592L13.8048 12.8579C13.9262 12.9837 13.9934 13.1521 13.9919 13.3269C13.9904 13.5017 13.9203 13.6689 13.7966 13.7925C13.673 13.9161 13.5058 13.9862 13.331 13.9877C13.1562 13.9892 12.9878 13.922 12.8621 13.8006L10.0001 10.9386L7.1381 13.8006C7.01237 13.922 6.84397 13.9892 6.66917 13.9877C6.49437 13.9862 6.32716 13.9161 6.20356 13.7925C6.07995 13.6689 6.00984 13.5017 6.00832 13.3269C6.0068 13.1521 6.074 12.9837 6.19544 12.8579L9.05744 9.99592L6.19544 7.13392C6.07045 7.00891 6.00024 6.83937 6.00024 6.66259C6.00024 6.48581 6.07045 6.31628 6.19544 6.19126Z",fill:"#212121"})}),S=()=>r.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:r.jsx("path",{d:"M2 11.3334V4.66671C2 4.31309 2.14048 3.97395 2.39052 3.7239C2.64057 3.47385 2.97971 3.33337 3.33333 3.33337H7.33333L8.66667 4.66671H12.6667C13.0203 4.66671 13.3594 4.80718 13.6095 5.05723C13.8595 5.30728 14 5.64642 14 6.00004V11.3334C14 11.687 13.8595 12.0261 13.6095 12.2762C13.3594 12.5262 13.0203 12.6667 12.6667 12.6667H3.33333C2.97971 12.6667 2.64057 12.5262 2.39052 12.2762C2.14048 12.0261 2 11.687 2 11.3334Z",stroke:"#9E9E9E",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),p=m=>{const n=g.useRef(null),{fileName:o,onChange:u,maxFile:x,maxSize:a=2,validateFile:c,error:d,label:k,inputProps:v,priorityError:f="external",eventError:s}=m,l=c||["image/png","image/jpeg","image/jpg"],[C,j]=g.useState(""),w={internal:C||d,external:d||C},L=e=>{if(e!=null&&e.length){const t=e[0],M=t.size/1024/1024;let i="";if(l.some(y=>{var h;return(h=e[0].type)==null?void 0:h.includes(y)})?M>a?i=`${e.length>1?"Jumlah u":"U"}kuran berkas tidak boleh melebihi ${a}MB.`:u(t):i="Berkas tidak didukung, silahkan pilih file kembali.",j(i),s==null||s(i),!(n!=null&&n.current))return;n.current.value=""}},b=e=>{var t;e.preventDefault(),n!=null&&n.current&&((t=n.current)==null||t.click())},F=e=>{e.preventDefault(),n!=null&&n.current&&(u(null),n.current.value="")};return r.jsxs(r.Fragment,{children:[r.jsx("input",{accept:l==null?void 0:l.join(", "),ref:n,hidden:!0,type:"file",max:x,onChange:e=>{L(e.target.files)}}),r.jsx(B.default,{sizeInput:"medium",placeholder:"Pilih Berkas",label:k,value:o,readOnly:!0,onClick:e=>b(e),startIcon:r.jsx(S,{}),endIcon:o&&r.jsx("div",{className:I.default["button-remove"],onClick:e=>F(e),children:r.jsx(E,{})}),error:w[f],...v})]})};p.displayName="UploadFile";exports.default=p;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),C=require("react"),R=require("../Input/InputReguler.cjs"),y=require("./UploadFile.module.scss.cjs"),B=()=>t.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.19544 6.19126C6.32045 6.06628 6.48999 5.99607 6.66677 5.99607C6.84354 5.99607 7.01308 6.06628 7.1381 6.19126L10.0001 9.05326L12.8621 6.19126C12.9236 6.12758 12.9972 6.0768 13.0785 6.04186C13.1598 6.00692 13.2473 5.98853 13.3358 5.98776C13.4244 5.98699 13.5121 6.00386 13.5941 6.03738C13.676 6.0709 13.7504 6.1204 13.813 6.18299C13.8756 6.24559 13.9251 6.32002 13.9587 6.40195C13.9922 6.48389 14.009 6.57167 14.0083 6.66019C14.0075 6.74871 13.9891 6.83619 13.9542 6.91753C13.9192 6.99886 13.8684 7.07243 13.8048 7.13392L10.9428 9.99592L13.8048 12.8579C13.9262 12.9837 13.9934 13.1521 13.9919 13.3269C13.9904 13.5017 13.9203 13.6689 13.7966 13.7925C13.673 13.9161 13.5058 13.9862 13.331 13.9877C13.1562 13.9892 12.9878 13.922 12.8621 13.8006L10.0001 10.9386L7.1381 13.8006C7.01237 13.922 6.84397 13.9892 6.66917 13.9877C6.49437 13.9862 6.32716 13.9161 6.20356 13.7925C6.07995 13.6689 6.00984 13.5017 6.00832 13.3269C6.0068 13.1521 6.074 12.9837 6.19544 12.8579L9.05744 9.99592L6.19544 7.13392C6.07045 7.00891 6.00024 6.83937 6.00024 6.66259C6.00024 6.48581 6.07045 6.31628 6.19544 6.19126Z",fill:"#212121"})}),E=()=>t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:t.jsx("path",{d:"M2 11.3334V4.66671C2 4.31309 2.14048 3.97395 2.39052 3.7239C2.64057 3.47385 2.97971 3.33337 3.33333 3.33337H7.33333L8.66667 4.66671H12.6667C13.0203 4.66671 13.3594 4.80718 13.6095 5.05723C13.8595 5.30728 14 5.64642 14 6.00004V11.3334C14 11.687 13.8595 12.0261 13.6095 12.2762C13.3594 12.5262 13.0203 12.6667 12.6667 12.6667H3.33333C2.97971 12.6667 2.64057 12.5262 2.39052 12.2762C2.14048 12.0261 2 11.687 2 11.3334Z",stroke:"#9E9E9E",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),h=f=>{const r=C.useRef(null),{fileName:l,onChange:i,maxFile:g,maxSize:s=2,validateFile:o,error:a,label:p,inputProps:m,priorityError:v="external",eventError:x}=f,u=o||["image/png","image/jpeg","image/jpg"],[c,k]=C.useState(""),j={internal:c||a,external:a||c},w=e=>{if(e?.length){const d=e[0],F=d.size/1024/1024;let n="";if(u.some(M=>e[0].type?.includes(M))?F>s?n=`${e.length>1?"Jumlah u":"U"}kuran berkas tidak boleh melebihi ${s}MB.`:i(d):n="Berkas tidak didukung, silahkan pilih file kembali.",k(n),x?.(n),!r?.current)return;r.current.value=""}},L=e=>{e.preventDefault(),r?.current&&r.current?.click()},b=e=>{e.preventDefault(),r?.current&&(i(null),r.current.value="")};return t.jsxs(t.Fragment,{children:[t.jsx("input",{accept:u?.join(", "),ref:r,hidden:!0,type:"file",max:g,onChange:e=>{w(e.target.files)}}),t.jsx(R.default,{sizeInput:"medium",placeholder:"Pilih Berkas",label:p,value:l,readOnly:!0,onClick:e=>L(e),startIcon:t.jsx(E,{}),endIcon:l&&t.jsx("div",{className:y.default["button-remove"],onClick:e=>b(e),children:t.jsx(B,{})}),error:j[v],...m})]})};h.displayName="UploadFile";exports.default=h;

package/dist/components/Upload/UploadFile.mjs

@@ -1,8 +1,8 @@
-import { jsxs as j, Fragment as I, jsx as n } from "react/jsx-runtime";
-import m from "react";
-import M from "../Input/InputReguler.mjs";
-import E from "./UploadFile.module.scss.mjs";
-const z = () => /* @__PURE__ */ n("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ n(
+import { jsxs as F, Fragment as R, jsx as r } from "react/jsx-runtime";
+import d from "react";
+import b from "../Input/InputReguler.mjs";
+import j from "./UploadFile.module.scss.mjs";
+const I = () => /* @__PURE__ */ r("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ r(
   "path",
   {
     fillRule: "evenodd",
@@ -10,7 +10,7 @@ const z = () => /* @__PURE__ */ n("svg", { width: "20", height: "20", viewBox: "
     d: "M6.19544 6.19126C6.32045 6.06628 6.48999 5.99607 6.66677 5.99607C6.84354 5.99607 7.01308 6.06628 7.1381 6.19126L10.0001 9.05326L12.8621 6.19126C12.9236 6.12758 12.9972 6.0768 13.0785 6.04186C13.1598 6.00692 13.2473 5.98853 13.3358 5.98776C13.4244 5.98699 13.5121 6.00386 13.5941 6.03738C13.676 6.0709 13.7504 6.1204 13.813 6.18299C13.8756 6.24559 13.9251 6.32002 13.9587 6.40195C13.9922 6.48389 14.009 6.57167 14.0083 6.66019C14.0075 6.74871 13.9891 6.83619 13.9542 6.91753C13.9192 6.99886 13.8684 7.07243 13.8048 7.13392L10.9428 9.99592L13.8048 12.8579C13.9262 12.9837 13.9934 13.1521 13.9919 13.3269C13.9904 13.5017 13.9203 13.6689 13.7966 13.7925C13.673 13.9161 13.5058 13.9862 13.331 13.9877C13.1562 13.9892 12.9878 13.922 12.8621 13.8006L10.0001 10.9386L7.1381 13.8006C7.01237 13.922 6.84397 13.9892 6.66917 13.9877C6.49437 13.9862 6.32716 13.9161 6.20356 13.7925C6.07995 13.6689 6.00984 13.5017 6.00832 13.3269C6.0068 13.1521 6.074 12.9837 6.19544 12.8579L9.05744 9.99592L6.19544 7.13392C6.07045 7.00891 6.00024 6.83937 6.00024 6.66259C6.00024 6.48581 6.07045 6.31628 6.19544 6.19126Z",
     fill: "#212121"
   }
-) }), D = () => /* @__PURE__ */ n("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ n(
+) }), M = () => /* @__PURE__ */ r("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ r(
   "path",
   {
     d: "M2 11.3334V4.66671C2 4.31309 2.14048 3.97395 2.39052 3.7239C2.64057 3.47385 2.97971 3.33337 3.33333 3.33337H7.33333L8.66667 4.66671H12.6667C13.0203 4.66671 13.3594 4.80718 13.6095 5.05723C13.8595 5.30728 14 5.64642 14 6.00004V11.3334C14 11.687 13.8595 12.0261 13.6095 12.2762C13.3594 12.5262 13.0203 12.6667 12.6667 12.6667H3.33333C2.97971 12.6667 2.64057 12.5262 2.39052 12.2762C2.14048 12.0261 2 11.687 2 11.3334Z",
@@ -19,76 +19,72 @@ const z = () => /* @__PURE__ */ n("svg", { width: "20", height: "20", viewBox: "
     strokeLinecap: "round",
     strokeLinejoin: "round"
   }
-) }), H = (d) => {
-  const r = m.useRef(null), {
-    fileName: s,
-    onChange: u,
-    maxFile: g,
-    maxSize: a = 2,
-    validateFile: c,
-    error: C,
-    label: k,
-    inputProps: f,
-    priorityError: v = "external",
-    eventError: o
-  } = d, i = c || ["image/png", "image/jpeg", "image/jpg"], [h, w] = m.useState(""), x = {
-    internal: h || C,
-    external: C || h
-  }, L = (e) => {
-    if (e != null && e.length) {
-      const t = e[0], F = t.size / 1024 / 1024;
-      let l = "";
-      if (i.some((b) => {
-        var p;
-        return (p = e[0].type) == null ? void 0 : p.includes(b);
-      }) ? F > a ? l = `${e.length > 1 ? "Jumlah u" : "U"}kuran berkas tidak boleh melebihi ${a}MB.` : u(t) : l = "Berkas tidak didukung, silahkan pilih file kembali.", w(l), o == null || o(l), !(r != null && r.current)) return;
-      r.current.value = "";
+) }), z = (h) => {
+  const t = d.useRef(null), {
+    fileName: i,
+    onChange: l,
+    maxFile: p,
+    maxSize: o = 2,
+    validateFile: s,
+    error: a,
+    label: f,
+    inputProps: m,
+    priorityError: g = "external",
+    eventError: v
+  } = h, u = s || ["image/png", "image/jpeg", "image/jpg"], [c, k] = d.useState(""), w = {
+    internal: c || a,
+    external: a || c
+  }, x = (e) => {
+    if (e?.length) {
+      const C = e[0], B = C.size / 1024 / 1024;
+      let n = "";
+      if (u.some((E) => e[0].type?.includes(E)) ? B > o ? n = `${e.length > 1 ? "Jumlah u" : "U"}kuran berkas tidak boleh melebihi ${o}MB.` : l(C) : n = "Berkas tidak didukung, silahkan pilih file kembali.", k(n), v?.(n), !t?.current) return;
+      t.current.value = "";
     }
+  }, L = (e) => {
+    e.preventDefault(), t?.current && t.current?.click();
   }, y = (e) => {
-    var t;
-    e.preventDefault(), r != null && r.current && ((t = r.current) == null || t.click());
-  }, B = (e) => {
-    e.preventDefault(), r != null && r.current && (u(null), r.current.value = "");
+    e.preventDefault(), t?.current && (l(null), t.current.value = "");
   };
-  return /* @__PURE__ */ j(I, { children: [
-    /* @__PURE__ */ n(
+  return /* @__PURE__ */ F(R, { children: [
+    /* @__PURE__ */ r(
       "input",
       {
-        accept: i == null ? void 0 : i.join(", "),
-        ref: r,
+        accept: u?.join(", "),
+        ref: t,
         hidden: !0,
         type: "file",
-        max: g,
+        max: p,
         onChange: (e) => {
-          L(e.target.files);
+          x(e.target.files);
         }
       }
     ),
-    /* @__PURE__ */ n(
-      M,
+    /* @__PURE__ */ r(
+      b,
       {
         sizeInput: "medium",
         placeholder: "Pilih Berkas",
-        label: k,
-        value: s,
+        label: f,
+        value: i,
         readOnly: !0,
-        onClick: (e) => y(e),
-        startIcon: /* @__PURE__ */ n(D, {}),
-        endIcon: s && /* @__PURE__ */ n(
+        onClick: (e) => L(e),
+        startIcon: /* @__PURE__ */ r(M, {}),
+        endIcon: i && /* @__PURE__ */ r(
           "div",
           {
-            className: E["button-remove"],
-            onClick: (e) => B(e),
-            children: /* @__PURE__ */ n(z, {})
+            className: j["button-remove"],
+            onClick: (e) => y(e),
+            children: /* @__PURE__ */ r(I, {})
           }
         ),
-        error: x[v],
-        ...f
+        error: w[g],
+        ...m
       }
     )
   ] });
 };
-H.displayName = "UploadFile";
+z.displayName = "UploadFile";
 export {
-  H as default
+  z as default
 };

package/dist/components/Upload/UploadImage.cjs

@@ -1,12 +1,12 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),p=require("react"),k=require("../Button/Button.cjs"),r=require("./UploadImage.module.scss.cjs"),y=({className:s})=>t.jsx("svg",{viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",className:`iru-h-5 iru-w-5 iru-text-red-600 ${s??""}`,fill:"currentColor",children:t.jsx("g",{id:"x",children:t.jsx("path",{id:"Vector",fillRule:"evenodd",clipRule:"evenodd",d:`M6.19544 6.19126C6.32045 6.06628 6.48999 5.99607 6.66677 5.99607C6.84354 5.99607 7.01308 6.06628 7.1381 \r
-        6.19126L10.0001 9.05326L12.8621 6.19126C12.9236 6.12758 12.9972 6.0768 13.0785 6.04186C13.1598 6.00692 13.2473 \r
-        5.98853 13.3358 5.98776C13.4244 5.98699 13.5121 6.00386 13.5941 6.03738C13.676 6.0709 13.7504 6.1204 13.813 \r
-        6.18299C13.8756 6.24559 13.9251 6.32002 13.9587 6.40195C13.9922 6.48389 14.009 6.57167 14.0083 6.66019C14.0075 \r
-        6.74871 13.9891 6.83619 13.9542 6.91753C13.9192 6.99886 13.8684 7.07243 13.8048 7.13392L10.9428 9.99592L13.8048 \r
-        12.8579C13.9262 12.9837 13.9934 13.1521 13.9919 13.3269C13.9904 13.5017 13.9203 13.6689 13.7966 13.7925C13.673 \r
-        13.9161 13.5058 13.9862 13.331 13.9877C13.1562 13.9892 12.9878 13.922 12.8621 13.8006L10.0001 10.9386L7.1381 \r
-        13.8006C7.01237 13.922 6.84397 13.9892 6.66917 13.9877C6.49437 13.9862 6.32716 13.9161 6.20356 13.7925C6.07995 \r
-        13.6689 6.00984 13.5017 6.00832 13.3269C6.0068 13.1521 6.074 12.9837 6.19544 12.8579L9.05744 9.99592L6.19544 \r
-        7.13392C6.07045 7.00891 6.00024 6.83937 6.00024 6.66259C6.00024 6.48581 6.07045 6.31628 6.19544 6.19126Z`})})}),B=({className:s})=>t.jsx("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:`iru-h-5 iru-w-5 ${s??""}`,children:t.jsx("g",{id:"upload",children:t.jsx("path",{id:"Vector",d:`M3.83337 13.3333V14.1666C3.83337 14.8297 4.09677 15.4656 4.56561 15.9344C5.03445 16.4033 5.67033 \r
-        16.6666 6.33337 16.6666H14.6667C15.3297 16.6666 15.9656 16.4033 16.4345 15.9344C16.9033 15.4656 17.1667 \r
-        14.8297 17.1667 14.1666V13.3333M13.8334 6.66665L10.5 3.33331M10.5 3.33331L7.16671 6.66665M10.5 3.33331V13.3333`,stroke:"#1976D2",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}),R=({onChange:s,valueUrl:i,validateFile:h,validateFileDesc:D="Max 2MB (.jpg, .jpeg, .png, .svg)",maxSize:m=2,icon:L,desc:c,classNameContainer:w,classNameImage:u,classNameAction:M,id:l})=>{const n=p.useRef(null),a=h||["image/png","image/jpeg","image/jpg"],[o,x]=p.useState(""),[j,d]=p.useState(""),C=e=>{if(e!=null&&e.length){const g=e[0],N=g.size/1024/1024;if(!a.some(f=>{var $;return($=e[0].type)==null?void 0:$.includes(f)}))d("Berkas tidak didukung, silahkan pilih file kembali.");else if(N>m){const f=`${e.length>1?"Jumlah u":"U"}kuran berkas tidak boleh melebihi ${m}MB.`;d(f)}else{if(!(n!=null&&n.current))return;d(""),s(g),x(URL.createObjectURL(g)),n.current.value=""}}},v=e=>{e.preventDefault(),C(e.dataTransfer.files)},b=e=>{e.preventDefault(),n!=null&&n.current&&(typeof s=="function"&&s(null),x(""),n.current.value="")};return t.jsxs("div",{className:`${r.default.container} ${w}`,children:[t.jsx("input",{accept:a==null?void 0:a.join(", "),ref:n,hidden:!0,type:"file",multiple:!1,onChange:e=>{e.target.files&&C(e.target.files)}}),o||i?t.jsx("div",{id:`${l}-exist`,className:`${r.default["image-content"]} ${u}`,onDrop:v,onDragOver:e=>e.preventDefault(),onDragLeave:e=>e.preventDefault(),children:t.jsx("img",{src:o||i,alt:"upload-image",className:`${r.default.image} ${u}`})}):t.jsxs("div",{id:l,className:`${r.default["image-content"]} ${u}`,onDrop:v,onDragOver:e=>e.preventDefault(),onDragLeave:e=>e.preventDefault(),children:[L,t.jsx("div",{className:r.default["text-desc"],children:typeof c=="function"?c():c})]}),t.jsxs("div",{className:r.default["action-content"],children:[t.jsxs("div",{className:`${r.default["button-content"]} ${M}`,children:[(o||i)&&t.jsx(k.default,{id:`${l}-delete-img`,variants:"tertiary-red-600",size:"xs",startIcon:t.jsx(y,{}),onClick:e=>b(e),children:"Hapus"}),t.jsxs(k.default,{id:`${l}-change-img`,variants:"tertiary-blue-700",size:"xs",onClick:()=>{var e;return(e=n.current)==null?void 0:e.click()},startIcon:t.jsx(B,{}),children:[o||i?"Ganti":"Pilih"," Gambar"]})]}),t.jsx("p",{className:r.default["text-desc"],children:D}),j&&t.jsx("p",{className:r.default["text-error"],children:j})]})]})};exports.default=R;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),g=require("react"),$=require("../Button/Button.cjs"),n=require("./UploadImage.module.scss.cjs"),R=({className:s})=>t.jsx("svg",{viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",className:`iru-h-5 iru-w-5 iru-text-red-600 ${s??""}`,fill:"currentColor",children:t.jsx("g",{id:"x",children:t.jsx("path",{id:"Vector",fillRule:"evenodd",clipRule:"evenodd",d:`M6.19544 6.19126C6.32045 6.06628 6.48999 5.99607 6.66677 5.99607C6.84354 5.99607 7.01308 6.06628 7.1381 
+        6.19126L10.0001 9.05326L12.8621 6.19126C12.9236 6.12758 12.9972 6.0768 13.0785 6.04186C13.1598 6.00692 13.2473 
+        5.98853 13.3358 5.98776C13.4244 5.98699 13.5121 6.00386 13.5941 6.03738C13.676 6.0709 13.7504 6.1204 13.813 
+        6.18299C13.8756 6.24559 13.9251 6.32002 13.9587 6.40195C13.9922 6.48389 14.009 6.57167 14.0083 6.66019C14.0075 
+        6.74871 13.9891 6.83619 13.9542 6.91753C13.9192 6.99886 13.8684 7.07243 13.8048 7.13392L10.9428 9.99592L13.8048 
+        12.8579C13.9262 12.9837 13.9934 13.1521 13.9919 13.3269C13.9904 13.5017 13.9203 13.6689 13.7966 13.7925C13.673 
+        13.9161 13.5058 13.9862 13.331 13.9877C13.1562 13.9892 12.9878 13.922 12.8621 13.8006L10.0001 10.9386L7.1381 
+        13.8006C7.01237 13.922 6.84397 13.9892 6.66917 13.9877C6.49437 13.9862 6.32716 13.9161 6.20356 13.7925C6.07995 
+        13.6689 6.00984 13.5017 6.00832 13.3269C6.0068 13.1521 6.074 12.9837 6.19544 12.8579L9.05744 9.99592L6.19544 
+        7.13392C6.07045 7.00891 6.00024 6.83937 6.00024 6.66259C6.00024 6.48581 6.07045 6.31628 6.19544 6.19126Z`})})}),N=({className:s})=>t.jsx("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:`iru-h-5 iru-w-5 ${s??""}`,children:t.jsx("g",{id:"upload",children:t.jsx("path",{id:"Vector",d:`M3.83337 13.3333V14.1666C3.83337 14.8297 4.09677 15.4656 4.56561 15.9344C5.03445 16.4033 5.67033 
+        16.6666 6.33337 16.6666H14.6667C15.3297 16.6666 15.9656 16.4033 16.4345 15.9344C16.9033 15.4656 17.1667 
+        14.8297 17.1667 14.1666V13.3333M13.8334 6.66665L10.5 3.33331M10.5 3.33331L7.16671 6.66665M10.5 3.33331V13.3333`,stroke:"#1976D2",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}),y=({onChange:s,valueUrl:i,validateFile:p,validateFileDesc:k="Max 2MB (.jpg, .jpeg, .png, .svg)",maxSize:h=2,icon:D,desc:o,classNameContainer:L,classNameImage:c,classNameAction:w,id:l})=>{const r=g.useRef(null),m=p||["image/png","image/jpeg","image/jpg"],[a,x]=g.useState(""),[j,u]=g.useState(""),v=e=>{if(e?.length){const d=e[0],b=d.size/1024/1024;if(!m.some(f=>e[0].type?.includes(f)))u("Berkas tidak didukung, silahkan pilih file kembali.");else if(b>h){const f=`${e.length>1?"Jumlah u":"U"}kuran berkas tidak boleh melebihi ${h}MB.`;u(f)}else{if(!r?.current)return;u(""),s(d),x(URL.createObjectURL(d)),r.current.value=""}}},C=e=>{e.preventDefault(),v(e.dataTransfer.files)},M=e=>{e.preventDefault(),r?.current&&(typeof s=="function"&&s(null),x(""),r.current.value="")};return t.jsxs("div",{className:`${n.default.container} ${L}`,children:[t.jsx("input",{accept:m?.join(", "),ref:r,hidden:!0,type:"file",multiple:!1,onChange:e=>{e.target.files&&v(e.target.files)}}),a||i?t.jsx("div",{id:`${l}-exist`,className:`${n.default["image-content"]} ${c}`,onDrop:C,onDragOver:e=>e.preventDefault(),onDragLeave:e=>e.preventDefault(),children:t.jsx("img",{src:a||i,alt:"upload-image",className:`${n.default.image} ${c}`})}):t.jsxs("div",{id:l,className:`${n.default["image-content"]} ${c}`,onDrop:C,onDragOver:e=>e.preventDefault(),onDragLeave:e=>e.preventDefault(),children:[D,t.jsx("div",{className:n.default["text-desc"],children:typeof o=="function"?o():o})]}),t.jsxs("div",{className:n.default["action-content"],children:[t.jsxs("div",{className:`${n.default["button-content"]} ${w}`,children:[(a||i)&&t.jsx($.default,{id:`${l}-delete-img`,variants:"tertiary-red-600",size:"xs",startIcon:t.jsx(R,{}),onClick:e=>M(e),children:"Hapus"}),t.jsxs($.default,{id:`${l}-change-img`,variants:"tertiary-blue-700",size:"xs",onClick:()=>r.current?.click(),startIcon:t.jsx(N,{}),children:[a||i?"Ganti":"Pilih"," Gambar"]})]}),t.jsx("p",{className:n.default["text-desc"],children:k}),j&&t.jsx("p",{className:n.default["text-error"],children:j})]})]})};exports.default=y;

package/dist/components/Upload/UploadImage.mjs

@@ -1,46 +1,46 @@
-import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import h from "react";
-import x from "../Button/Button.mjs";
-import t from "./UploadImage.module.scss.mjs";
-const B = ({ className: i }) => /* @__PURE__ */ r(
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import g from "react";
+import L from "../Button/Button.mjs";
+import n from "./UploadImage.module.scss.mjs";
+const b = ({ className: r }) => /* @__PURE__ */ t(
   "svg",
   {
     viewBox: "0 0 20 20",
     xmlns: "http://www.w3.org/2000/svg",
-    className: `iru-h-5 iru-w-5 iru-text-red-600 ${i ?? ""}`,
+    className: `iru-h-5 iru-w-5 iru-text-red-600 ${r ?? ""}`,
     fill: "currentColor",
-    children: /* @__PURE__ */ r("g", { id: "x", children: /* @__PURE__ */ r(
+    children: /* @__PURE__ */ t("g", { id: "x", children: /* @__PURE__ */ t(
       "path",
       {
         id: "Vector",
         fillRule: "evenodd",
         clipRule: "evenodd",
-        d: `M6.19544 6.19126C6.32045 6.06628 6.48999 5.99607 6.66677 5.99607C6.84354 5.99607 7.01308 6.06628 7.1381 \r
-        6.19126L10.0001 9.05326L12.8621 6.19126C12.9236 6.12758 12.9972 6.0768 13.0785 6.04186C13.1598 6.00692 13.2473 \r
-        5.98853 13.3358 5.98776C13.4244 5.98699 13.5121 6.00386 13.5941 6.03738C13.676 6.0709 13.7504 6.1204 13.813 \r
-        6.18299C13.8756 6.24559 13.9251 6.32002 13.9587 6.40195C13.9922 6.48389 14.009 6.57167 14.0083 6.66019C14.0075 \r
-        6.74871 13.9891 6.83619 13.9542 6.91753C13.9192 6.99886 13.8684 7.07243 13.8048 7.13392L10.9428 9.99592L13.8048 \r
-        12.8579C13.9262 12.9837 13.9934 13.1521 13.9919 13.3269C13.9904 13.5017 13.9203 13.6689 13.7966 13.7925C13.673 \r
-        13.9161 13.5058 13.9862 13.331 13.9877C13.1562 13.9892 12.9878 13.922 12.8621 13.8006L10.0001 10.9386L7.1381 \r
-        13.8006C7.01237 13.922 6.84397 13.9892 6.66917 13.9877C6.49437 13.9862 6.32716 13.9161 6.20356 13.7925C6.07995 \r
-        13.6689 6.00984 13.5017 6.00832 13.3269C6.0068 13.1521 6.074 12.9837 6.19544 12.8579L9.05744 9.99592L6.19544 \r
+        d: `M6.19544 6.19126C6.32045 6.06628 6.48999 5.99607 6.66677 5.99607C6.84354 5.99607 7.01308 6.06628 7.1381 
+        6.19126L10.0001 9.05326L12.8621 6.19126C12.9236 6.12758 12.9972 6.0768 13.0785 6.04186C13.1598 6.00692 13.2473 
+        5.98853 13.3358 5.98776C13.4244 5.98699 13.5121 6.00386 13.5941 6.03738C13.676 6.0709 13.7504 6.1204 13.813 
+        6.18299C13.8756 6.24559 13.9251 6.32002 13.9587 6.40195C13.9922 6.48389 14.009 6.57167 14.0083 6.66019C14.0075 
+        6.74871 13.9891 6.83619 13.9542 6.91753C13.9192 6.99886 13.8684 7.07243 13.8048 7.13392L10.9428 9.99592L13.8048 
+        12.8579C13.9262 12.9837 13.9934 13.1521 13.9919 13.3269C13.9904 13.5017 13.9203 13.6689 13.7966 13.7925C13.673 
+        13.9161 13.5058 13.9862 13.331 13.9877C13.1562 13.9892 12.9878 13.922 12.8621 13.8006L10.0001 10.9386L7.1381 
+        13.8006C7.01237 13.922 6.84397 13.9892 6.66917 13.9877C6.49437 13.9862 6.32716 13.9161 6.20356 13.7925C6.07995 
+        13.6689 6.00984 13.5017 6.00832 13.3269C6.0068 13.1521 6.074 12.9837 6.19544 12.8579L9.05744 9.99592L6.19544 
         7.13392C6.07045 7.00891 6.00024 6.83937 6.00024 6.66259C6.00024 6.48581 6.07045 6.31628 6.19544 6.19126Z`
       }
     ) })
   }
-), R = ({ className: i }) => /* @__PURE__ */ r(
+), y = ({ className: r }) => /* @__PURE__ */ t(
   "svg",
   {
     viewBox: "0 0 20 20",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    className: `iru-h-5 iru-w-5 ${i ?? ""}`,
-    children: /* @__PURE__ */ r("g", { id: "upload", children: /* @__PURE__ */ r(
+    className: `iru-h-5 iru-w-5 ${r ?? ""}`,
+    children: /* @__PURE__ */ t("g", { id: "upload", children: /* @__PURE__ */ t(
       "path",
       {
         id: "Vector",
-        d: `M3.83337 13.3333V14.1666C3.83337 14.8297 4.09677 15.4656 4.56561 15.9344C5.03445 16.4033 5.67033 \r
-        16.6666 6.33337 16.6666H14.6667C15.3297 16.6666 15.9656 16.4033 16.4345 15.9344C16.9033 15.4656 17.1667 \r
+        d: `M3.83337 13.3333V14.1666C3.83337 14.8297 4.09677 15.4656 4.56561 15.9344C5.03445 16.4033 5.67033 
+        16.6666 6.33337 16.6666H14.6667C15.3297 16.6666 15.9656 16.4033 16.4345 15.9344C16.9033 15.4656 17.1667 
         14.8297 17.1667 14.1666V13.3333M13.8334 6.66665L10.5 3.33331M10.5 3.33331L7.16671 6.66665M10.5 3.33331V13.3333`,
         stroke: "#1976D2",
         strokeWidth: "1.5",
@@ -49,46 +49,43 @@ const B = ({ className: i }) => /* @__PURE__ */ r(
       }
     ) })
   }
-), O = ({
-  onChange: i,
-  valueUrl: l,
-  validateFile: f,
-  validateFileDesc: w = "Max 2MB (.jpg, .jpeg, .png, .svg)",
-  maxSize: C = 2,
-  icon: M,
-  desc: u,
-  classNameContainer: j,
+), z = ({
+  onChange: r,
+  valueUrl: a,
+  validateFile: m,
+  validateFileDesc: x = "Max 2MB (.jpg, .jpeg, .png, .svg)",
+  maxSize: h = 2,
+  icon: w,
+  desc: c,
+  classNameContainer: M,
   classNameImage: d,
-  classNameAction: N,
-  id: o
+  classNameAction: j,
+  id: s
 }) => {
-  const n = h.useRef(null), a = f || ["image/png", "image/jpeg", "image/jpg"], [c, v] = h.useState(""), [$, p] = h.useState(""), k = (e) => {
-    if (e != null && e.length) {
-      const g = e[0], y = g.size / 1024 / 1024;
-      if (!a.some((m) => {
-        var L;
-        return (L = e[0].type) == null ? void 0 : L.includes(m);
-      }))
-        p("Berkas tidak didukung, silahkan pilih file kembali.");
-      else if (y > C) {
-        const m = `${e.length > 1 ? "Jumlah u" : "U"}kuran berkas tidak boleh melebihi ${C}MB.`;
-        p(m);
+  const i = g.useRef(null), C = m || ["image/png", "image/jpeg", "image/jpg"], [o, v] = g.useState(""), [$, u] = g.useState(""), k = (e) => {
+    if (e?.length) {
+      const p = e[0], R = p.size / 1024 / 1024;
+      if (!C.some((f) => e[0].type?.includes(f)))
+        u("Berkas tidak didukung, silahkan pilih file kembali.");
+      else if (R > h) {
+        const f = `${e.length > 1 ? "Jumlah u" : "U"}kuran berkas tidak boleh melebihi ${h}MB.`;
+        u(f);
       } else {
-        if (!(n != null && n.current)) return;
-        p(""), i(g), v(URL.createObjectURL(g)), n.current.value = "";
+        if (!i?.current) return;
+        u(""), r(p), v(URL.createObjectURL(p)), i.current.value = "";
       }
     }
   }, D = (e) => {
     e.preventDefault(), k(e.dataTransfer.files);
-  }, b = (e) => {
-    e.preventDefault(), n != null && n.current && (typeof i == "function" && i(null), v(""), n.current.value = "");
+  }, N = (e) => {
+    e.preventDefault(), i?.current && (typeof r == "function" && r(null), v(""), i.current.value = "");
   };
-  return /* @__PURE__ */ s("div", { className: `${t.container} ${j}`, children: [
-    /* @__PURE__ */ r(
+  return /* @__PURE__ */ l("div", { className: `${n.container} ${M}`, children: [
+    /* @__PURE__ */ t(
       "input",
       {
-        accept: a == null ? void 0 : a.join(", "),
-        ref: n,
+        accept: C?.join(", "),
+        ref: i,
         hidden: !0,
         type: "file",
         multiple: !1,
@@ -97,66 +94,63 @@ const B = ({ className: i }) => /* @__PURE__ */ r(
         }
       }
     ),
-    c || l ? /* @__PURE__ */ r(
+    o || a ? /* @__PURE__ */ t(
       "div",
       {
-        id: `${o}-exist`,
-        className: `${t["image-content"]} ${d}`,
+        id: `${s}-exist`,
+        className: `${n["image-content"]} ${d}`,
         onDrop: D,
         onDragOver: (e) => e.preventDefault(),
         onDragLeave: (e) => e.preventDefault(),
-        children: /* @__PURE__ */ r("img", { src: c || l, alt: "upload-image", className: `${t.image} ${d}` })
+        children: /* @__PURE__ */ t("img", { src: o || a, alt: "upload-image", className: `${n.image} ${d}` })
       }
-    ) : /* @__PURE__ */ s(
+    ) : /* @__PURE__ */ l(
       "div",
       {
-        id: o,
-        className: `${t["image-content"]} ${d}`,
+        id: s,
+        className: `${n["image-content"]} ${d}`,
         onDrop: D,
         onDragOver: (e) => e.preventDefault(),
         onDragLeave: (e) => e.preventDefault(),
         children: [
-          M,
-          /* @__PURE__ */ r("div", { className: t["text-desc"], children: typeof u == "function" ? u() : u })
+          w,
+          /* @__PURE__ */ t("div", { className: n["text-desc"], children: typeof c == "function" ? c() : c })
         ]
       }
     ),
-    /* @__PURE__ */ s("div", { className: t["action-content"], children: [
-      /* @__PURE__ */ s("div", { className: `${t["button-content"]} ${N}`, children: [
-        (c || l) && /* @__PURE__ */ r(
-          x,
+    /* @__PURE__ */ l("div", { className: n["action-content"], children: [
+      /* @__PURE__ */ l("div", { className: `${n["button-content"]} ${j}`, children: [
+        (o || a) && /* @__PURE__ */ t(
+          L,
           {
-            id: `${o}-delete-img`,
+            id: `${s}-delete-img`,
             variants: "tertiary-red-600",
             size: "xs",
-            startIcon: /* @__PURE__ */ r(B, {}),
-            onClick: (e) => b(e),
+            startIcon: /* @__PURE__ */ t(b, {}),
+            onClick: (e) => N(e),
             children: "Hapus"
           }
         ),
-        /* @__PURE__ */ s(
-          x,
+        /* @__PURE__ */ l(
+          L,
           {
-            id: `${o}-change-img`,
+            id: `${s}-change-img`,
             variants: "tertiary-blue-700",
             size: "xs",
-            onClick: () => {
-              var e;
-              return (e = n.current) == null ? void 0 : e.click();
-            },
-            startIcon: /* @__PURE__ */ r(R, {}),
+            onClick: () => i.current?.click(),
+            startIcon: /* @__PURE__ */ t(y, {}),
             children: [
-              c || l ? "Ganti" : "Pilih",
+              o || a ? "Ganti" : "Pilih",
               " Gambar"
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ r("p", { className: t["text-desc"], children: w }),
-      $ && /* @__PURE__ */ r("p", { className: t["text-error"], children: $ })
+      /* @__PURE__ */ t("p", { className: n["text-desc"], children: x }),
+      $ && /* @__PURE__ */ t("p", { className: n["text-error"], children: $ })
     ] })
   ] });
 };
 export {
-  O as default
+  z as default
 };

package/dist/components/Upload/UploadMultipleFile.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),y=require("react"),A=require("../Button/Button.cjs"),a=require("./UploadMultipleFile.module.scss.cjs"),I=require("../Input/InputNative.cjs"),b=require("../../utils/common.cjs"),J=({value:i,validateFile:m,classNameContainer:M,classNameButton:F,textUpload:q="Unggah Lampiran",buttonProps:$={},maxFile:d=1,maxSize:g=1,error:h,removeElement:r,onChange:j,handlerDownload:N,priorityError:B="external",eventError:o,locationRemoveElement:k="right",idItemAttachment:C})=>{const U={variants:"ghost-laba-blue-10",size:"small"},n=y.useRef(null),c=m||["image/png","image/jpeg","image/jpg"],[x,P]=y.useState(""),S={internal:x||h,external:h||x},_=e=>{if(e!=null&&e.length){const t=Array.from(e).slice(0,d),l=t==null?void 0:t.filter(p=>!c.includes(p.type)),z=(t==null?void 0:t.reduce((p,T)=>p+T.size,0))/1024/1024;let u="";if(l.length>0?u="Berkas tidak didukung, silahkan pilih file kembali.":z>g?u=`${e.length>1?"Jumlah u":"U"}kuran berkas tidak boleh melebihi ${g}MB.`:typeof j=="function"&&j(t),P(u),o==null||o(u),!(n!=null&&n.current))return;n.current.value=""}},f=e=>{var t;e.preventDefault(),n!=null&&n.current&&((t=n.current)==null||t.click())};return s.jsxs("div",{className:`${a.default.container} ${M??""}`,children:[s.jsx(A.default,{...U,...$,className:F??"",onClick:e=>f(e),children:q}),s.jsx(I.default,{accept:c==null?void 0:c.join(", "),ref:n,type:"file",onChange:e=>_(e.target.files),error:S[B],multiple:d>1,hidden:!0}),s.jsx("div",{className:a.default.files,children:i==null?void 0:i.map((e,t)=>s.jsxs("div",{id:`${C}-${t}`,className:a.default.file,onClick:l=>{l.stopPropagation(),typeof N=="function"&&N(e)},children:[typeof r=="function"&&k==="left"&&s.jsx(s.Fragment,{children:r(e,t)}),s.jsxs("div",{className:a.default["file-name-wrapper"],children:[s.jsx("span",{className:a.default["file-name"],children:b.parseFileName((e==null?void 0:e.originalName)??(e==null?void 0:e.name)??(e==null?void 0:e.fileName)??"").filename}),s.jsx("span",{className:a.default["file-extension"],children:b.parseFileName((e==null?void 0:e.originalName)??(e==null?void 0:e.name)??(e==null?void 0:e.fileName)??"").extension})]}),typeof r=="function"&&k==="right"&&s.jsx(s.Fragment,{children:r(e,t)})]},t))})]})};exports.default=J;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),N=require("react"),z=require("../Button/Button.cjs"),s=require("./UploadMultipleFile.module.scss.cjs"),T=require("../Input/InputNative.cjs"),k=require("../../utils/common.cjs"),A=({value:x,validateFile:u,classNameContainer:y,classNameButton:b,textUpload:M="Unggah Lampiran",buttonProps:F={},maxFile:o=1,maxSize:f=1,error:d,removeElement:n,onChange:p,handlerDownload:m,priorityError:q="external",eventError:v,locationRemoveElement:g="right",idItemAttachment:$})=>{const B={variants:"ghost-laba-blue-10",size:"small"},a=N.useRef(null),h=u||["image/png","image/jpeg","image/jpg"],[j,C]=N.useState(""),U={internal:j||d,external:d||j},P=e=>{if(e?.length){const i=Array.from(e).slice(0,o),r=i?.filter(c=>!h.includes(c.type)),S=i?.reduce((c,_)=>c+_.size,0)/1024/1024;let l="";if(r.length>0?l="Berkas tidak didukung, silahkan pilih file kembali.":S>f?l=`${e.length>1?"Jumlah u":"U"}kuran berkas tidak boleh melebihi ${f}MB.`:typeof p=="function"&&p(i),C(l),v?.(l),!a?.current)return;a.current.value=""}},R=e=>{e.preventDefault(),a?.current&&a.current?.click()};return t.jsxs("div",{className:`${s.default.container} ${y??""}`,children:[t.jsx(z.default,{...B,...F,className:b??"",onClick:e=>R(e),children:M}),t.jsx(T.default,{accept:h?.join(", "),ref:a,type:"file",onChange:e=>P(e.target.files),error:U[q],multiple:o>1,hidden:!0}),t.jsx("div",{className:s.default.files,children:x?.map((e,i)=>t.jsxs("div",{id:`${$}-${i}`,className:s.default.file,onClick:r=>{r.stopPropagation(),typeof m=="function"&&m(e)},children:[typeof n=="function"&&g==="left"&&t.jsx(t.Fragment,{children:n(e,i)}),t.jsxs("div",{className:s.default["file-name-wrapper"],children:[t.jsx("span",{className:s.default["file-name"],children:k.parseFileName(e?.originalName??e?.name??e?.fileName??"").filename}),t.jsx("span",{className:s.default["file-extension"],children:k.parseFileName(e?.originalName??e?.name??e?.fileName??"").extension})]}),typeof n=="function"&&g==="right"&&t.jsx(t.Fragment,{children:n(e,i)})]},i))})]})};exports.default=A;