1mpacto-react-ui 2.0.15 → 2.0.17

package/dist/components/Upload/UploadFile.mjs

@@ -0,0 +1,94 @@
+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(
+  "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"
+  }
+) }), 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(
+  "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 = (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 = "";
+    }
+  }, 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 = "");
+  };
+  return /* @__PURE__ */ j(I, { children: [
+    /* @__PURE__ */ n(
+      "input",
+      {
+        accept: i == null ? void 0 : i.join(", "),
+        ref: r,
+        hidden: !0,
+        type: "file",
+        max: g,
+        onChange: (e) => {
+          L(e.target.files);
+        }
+      }
+    ),
+    /* @__PURE__ */ n(
+      M,
+      {
+        sizeInput: "medium",
+        placeholder: "Pilih Berkas",
+        label: k,
+        value: s,
+        readOnly: !0,
+        onClick: (e) => y(e),
+        startIcon: /* @__PURE__ */ n(D, {}),
+        endIcon: s && /* @__PURE__ */ n(
+          "div",
+          {
+            className: E["button-remove"],
+            onClick: (e) => B(e),
+            children: /* @__PURE__ */ n(z, {})
+          }
+        ),
+        error: x[v],
+        ...f
+      }
+    )
+  ] });
+};
+H.displayName = "UploadFile";
+export {
+  H as default
+};

package/dist/components/Upload/UploadFile.module.scss.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"button-remove":"_button-remove_lgwgf_1"};exports.default=e;

package/dist/components/Upload/UploadFile.module.scss.mjs

@@ -0,0 +1,6 @@
+const t = {
+  "button-remove": "_button-remove_lgwgf_1"
+};
+export {
+  t as default
+};

package/dist/components/Upload/UploadImage.cjs

@@ -0,0 +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;

package/dist/components/Upload/UploadImage.mjs

@@ -0,0 +1,162 @@
+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(
+  "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 ?? ""}`,
+    fill: "currentColor",
+    children: /* @__PURE__ */ r("g", { id: "x", children: /* @__PURE__ */ r(
+      "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`
+      }
+    ) })
+  }
+), R = ({ className: i }) => /* @__PURE__ */ r(
+  "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(
+      "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"
+      }
+    ) })
+  }
+), O = ({
+  onChange: i,
+  valueUrl: l,
+  validateFile: f,
+  validateFileDesc: w = "Max 2MB (.jpg, .jpeg, .png, .svg)",
+  maxSize: C = 2,
+  icon: M,
+  desc: u,
+  classNameContainer: j,
+  classNameImage: d,
+  classNameAction: N,
+  id: o
+}) => {
+  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);
+      } else {
+        if (!(n != null && n.current)) return;
+        p(""), i(g), v(URL.createObjectURL(g)), n.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 = "");
+  };
+  return /* @__PURE__ */ s("div", { className: `${t.container} ${j}`, children: [
+    /* @__PURE__ */ r(
+      "input",
+      {
+        accept: a == null ? void 0 : a.join(", "),
+        ref: n,
+        hidden: !0,
+        type: "file",
+        multiple: !1,
+        onChange: (e) => {
+          e.target.files && k(e.target.files);
+        }
+      }
+    ),
+    c || l ? /* @__PURE__ */ r(
+      "div",
+      {
+        id: `${o}-exist`,
+        className: `${t["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}` })
+      }
+    ) : /* @__PURE__ */ s(
+      "div",
+      {
+        id: o,
+        className: `${t["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 })
+        ]
+      }
+    ),
+    /* @__PURE__ */ s("div", { className: t["action-content"], children: [
+      /* @__PURE__ */ s("div", { className: `${t["button-content"]} ${N}`, children: [
+        (c || l) && /* @__PURE__ */ r(
+          x,
+          {
+            id: `${o}-delete-img`,
+            variants: "tertiary-red-600",
+            size: "xs",
+            startIcon: /* @__PURE__ */ r(B, {}),
+            onClick: (e) => b(e),
+            children: "Hapus"
+          }
+        ),
+        /* @__PURE__ */ s(
+          x,
+          {
+            id: `${o}-change-img`,
+            variants: "tertiary-blue-700",
+            size: "xs",
+            onClick: () => {
+              var e;
+              return (e = n.current) == null ? void 0 : e.click();
+            },
+            startIcon: /* @__PURE__ */ r(R, {}),
+            children: [
+              c || l ? "Ganti" : "Pilih",
+              " Gambar"
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ r("p", { className: t["text-desc"], children: w }),
+      $ && /* @__PURE__ */ r("p", { className: t["text-error"], children: $ })
+    ] })
+  ] });
+};
+export {
+  O as default
+};

package/dist/components/Upload/UploadImage.module.scss.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_container_ifvu2_1",e="_image_ifvu2_8",n={container:t,"image-content":"_image-content_ifvu2_8",image:e,"text-desc":"_text-desc_ifvu2_25","action-content":"_action-content_ifvu2_43","button-content":"_button-content_ifvu2_52","text-error":"_text-error_ifvu2_67"};exports.container=t;exports.default=n;exports.image=e;

package/dist/components/Upload/UploadImage.module.scss.mjs

@@ -0,0 +1,14 @@
+const t = "_container_ifvu2_1", e = "_image_ifvu2_8", n = {
+  container: t,
+  "image-content": "_image-content_ifvu2_8",
+  image: e,
+  "text-desc": "_text-desc_ifvu2_25",
+  "action-content": "_action-content_ifvu2_43",
+  "button-content": "_button-content_ifvu2_52",
+  "text-error": "_text-error_ifvu2_67"
+};
+export {
+  t as container,
+  n as default,
+  e as image
+};

package/dist/components/Upload/UploadMultipleFile.cjs

@@ -0,0 +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;

package/dist/components/Upload/UploadMultipleFile.mjs

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

package/dist/components/Upload/UploadMultipleFile.module.scss.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_container_6w9ag_1",i="_files_6w9ag_6",n="_file_6w9ag_6",l={container:e,files:i,file:n,"file-name-wrapper":"_file-name-wrapper_6w9ag_22","file-name":"_file-name_6w9ag_22","file-extension":"_file-extension_6w9ag_29"};exports.container=e;exports.default=l;exports.file=n;exports.files=i;

package/dist/components/Upload/UploadMultipleFile.module.scss.mjs

@@ -0,0 +1,14 @@
+const e = "_container_6w9ag_1", n = "_files_6w9ag_6", _ = "_file_6w9ag_6", a = {
+  container: e,
+  files: n,
+  file: _,
+  "file-name-wrapper": "_file-name-wrapper_6w9ag_22",
+  "file-name": "_file-name_6w9ag_22",
+  "file-extension": "_file-extension_6w9ag_29"
+};
+export {
+  e as container,
+  a as default,
+  _ as file,
+  n as files
+};

package/dist/components/Virtualization/ListVirtualization.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),o=require("react"),N=require("react-virtuoso"),W=({children:i,...r})=>n.jsx(n.Fragment,{children:i(r)}),_=({children:i,...r})=>n.jsx(n.Fragment,{children:o.isValidElement(i)&&n.jsx(n.Fragment,{children:o.cloneElement(i,r)})}),y=o.forwardRef((i,r)=>{const{classNameContainer:v="",computeItemKey:H=()=>"",itemSize:E=()=>0,totalCount:s=0,typeHight:t="min-max",minHeightItem:z=0,maxHeightTable:l=0,minLengthItem:L=0,itemContent:j,typeCalculateItemSize:R="manual",itemSizeNames:u=[],overscan:d=null,component:S={},idContainer:g="",triggerCalCulateContainer:V="",accumulationHeight:I=0,delayTriggerCalculateHeight:T=0,increaseViewportBy:b=()=>0,context:B={},endReached:q,increaseTotalCount:h=1}=i,[a,f]=o.useState(0),F=()=>{if(t==="min-max"){const e=(s+h)*z;return{height:s>L?l:a>e?a:e}}return t==="container"?{height:a}:{}},$=e=>{var p;const m=e.getAttribute("data-index");let C=((p=e.getBoundingClientRect())==null?void 0:p.height)||0;return u==null||u.forEach(M=>{var w,x;C+=((x=(w=document.querySelector(`[${M}="${m}"]`))==null?void 0:w.getBoundingClientRect())==null?void 0:x.height)??0}),C},c=()=>{var e;if(g&&t==="container"){const m=((e=document==null?void 0:document.getElementById(g))==null?void 0:e.offsetHeight)??0;f(m-I)}};return o.useEffect(()=>{const e=setTimeout(c,T);return window==null||window.addEventListener("resize",c),window==null||window.addEventListener("load",c),()=>{clearTimeout(e),window==null||window.removeEventListener("resize",c),window==null||window.removeEventListener("load",c)}},[t,V]),n.jsx("div",{className:`iru-w-full ${v}`,children:n.jsx(N.Virtuoso,{context:B,ref:r,overscan:typeof d=="function"?d(t==="container"?a:l):t==="container"?a:l,totalListHeightChanged:e=>t==="min-max"?f(e):null,style:F(),totalCount:s,computeItemKey:H,itemSize:o.useCallback(e=>R==="manual"?E(e):$(e),[]),itemContent:(...e)=>j(W,...e),components:{Item:_,...S},endReached:q,increaseViewportBy:b(t==="container"?a:l)})})});y.displayName="ListVirtualization";exports.default=y;

package/dist/components/Virtualization/ListVirtualization.mjs

@@ -0,0 +1,82 @@
+import { jsx as r, Fragment as u } from "react/jsx-runtime";
+import { forwardRef as k, useState as q, useEffect as A, useCallback as F, isValidElement as K, cloneElement as D } from "react";
+import { Virtuoso as G } from "react-virtuoso";
+const J = ({ children: n, ...o }) => /* @__PURE__ */ r(u, { children: n(o) }), M = ({ children: n, ...o }) => /* @__PURE__ */ r(u, { children: K(n) && /* @__PURE__ */ r(u, { children: D(n, o) }) }), O = k((n, o) => {
+  const {
+    classNameContainer: H = "",
+    computeItemKey: v = () => "",
+    itemSize: x = () => 0,
+    totalCount: c = 0,
+    typeHight: t = "min-max",
+    minHeightItem: E = 0,
+    maxHeightTable: l = 0,
+    minLengthItem: z = 0,
+    itemContent: L,
+    typeCalculateItemSize: I = "manual",
+    itemSizeNames: s = [],
+    overscan: d = null,
+    component: V = {},
+    idContainer: h = "",
+    triggerCalCulateContainer: B = "",
+    accumulationHeight: R = 0,
+    delayTriggerCalculateHeight: S = 0,
+    increaseViewportBy: T = () => 0,
+    context: b = {},
+    endReached: $,
+    increaseTotalCount: g = 1
+  } = n, [i, f] = q(0), N = () => {
+    if (t === "min-max") {
+      const e = (c + g) * E;
+      return { height: c > z ? l : i > e ? i : e };
+    }
+    return t === "container" ? { height: i } : {};
+  }, W = (e) => {
+    var C;
+    const m = e.getAttribute("data-index");
+    let p = ((C = e.getBoundingClientRect()) == null ? void 0 : C.height) || 0;
+    return s == null || s.forEach((j) => {
+      var w, y;
+      p += ((y = (w = document.querySelector(`[${j}="${m}"]`)) == null ? void 0 : w.getBoundingClientRect()) == null ? void 0 : y.height) ?? 0;
+    }), p;
+  }, a = () => {
+    var e;
+    if (h && t === "container") {
+      const m = ((e = document == null ? void 0 : document.getElementById(h)) == null ? void 0 : e.offsetHeight) ?? 0;
+      f(m - R);
+    }
+  };
+  return A(() => {
+    const e = setTimeout(a, S);
+    return window == null || window.addEventListener("resize", a), window == null || window.addEventListener("load", a), () => {
+      clearTimeout(e), window == null || window.removeEventListener("resize", a), window == null || window.removeEventListener("load", a);
+    };
+  }, [t, B]), /* @__PURE__ */ r("div", { className: `iru-w-full ${H}`, children: /* @__PURE__ */ r(
+    G,
+    {
+      context: b,
+      ref: o,
+      overscan: typeof d == "function" ? d(t === "container" ? i : l) : t === "container" ? i : l,
+      totalListHeightChanged: (e) => t === "min-max" ? f(e) : null,
+      style: N(),
+      totalCount: c,
+      computeItemKey: v,
+      itemSize: F(
+        (e) => I === "manual" ? x(e) : W(e),
+        []
+      ),
+      itemContent: (...e) => L(J, ...e),
+      components: {
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        Item: M,
+        ...V
+      },
+      endReached: $,
+      increaseViewportBy: T(t === "container" ? i : l)
+    }
+  ) });
+});
+O.displayName = "ListVirtualization";
+export {
+  O as default
+};

package/dist/components/Virtualization/TableVirtualization.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),o=require("react"),W=require("react-virtuoso"),_=({children:i,...r})=>n.jsx(n.Fragment,{children:i(r)}),k=({children:i,...r})=>n.jsx(n.Fragment,{children:o.isValidElement(i)&&n.jsx(n.Fragment,{children:o.cloneElement(i,r)})}),y=o.forwardRef((i,r)=>{const{classNameContainer:H="",computeItemKey:v=()=>"",itemSize:T=()=>0,totalCount:l=0,typeHight:t="min-max",minHeightItem:b=0,maxHeightTable:s=0,minLengthItem:E=0,fixedHeaderContent:z,itemContent:R,typeCalculateItemSize:j="manual",itemSizeNames:u=[],overscan:d=null,component:S={},idContainer:g="",triggerCalCulateContainer:V="",accumulationHeight:L=0,delayTriggerCalculateHeight:B=0,increaseViewportBy:I=()=>0,context:q={},endReached:F,increaseTotalCount:h=1}=i,[a,f]=o.useState(0),$=()=>{if(t==="min-max"){const e=(l+h)*b;return{height:l>E?s:a>e?a:e}}return t==="container"?{height:a}:{}},M=e=>{var w;const m=e.getAttribute("data-index");let C=((w=e.getBoundingClientRect())==null?void 0:w.height)||0;return u==null||u.forEach(N=>{var x,p;C+=((p=(x=document.querySelector(`[${N}="${m}"]`))==null?void 0:x.getBoundingClientRect())==null?void 0:p.height)??0}),C},c=()=>{var e;if(g&&t==="container"){const m=((e=document==null?void 0:document.getElementById(g))==null?void 0:e.offsetHeight)??0;f(m-L)}};return o.useEffect(()=>{const e=setTimeout(c,B);return window==null||window.addEventListener("resize",c),window==null||window.addEventListener("load",c),()=>{clearTimeout(e),window==null||window.removeEventListener("resize",c),window==null||window.removeEventListener("load",c)}},[t,V]),n.jsx("div",{className:`iru-w-full ${H}`,children:n.jsx(W.TableVirtuoso,{context:q,ref:r,overscan:typeof d=="function"?d(t==="container"?a:s):t==="container"?a:s,totalListHeightChanged:e=>t==="min-max"?f(e):null,style:$(),totalCount:l,computeItemKey:v,itemSize:o.useCallback(e=>j==="manual"?T(e):M(e),[]),components:{TableRow:k,...S},fixedHeaderContent:z,itemContent:(...e)=>R(_,...e),endReached:F,increaseViewportBy:I(t==="container"?a:s)})})});y.displayName="TableVirtualization";exports.default=y;

package/dist/components/Virtualization/TableVirtualization.mjs

@@ -0,0 +1,84 @@
+import { jsx as r, Fragment as u } from "react/jsx-runtime";
+import { forwardRef as q, useState as A, useEffect as F, useCallback as K, isValidElement as D, cloneElement as G } from "react";
+import { TableVirtuoso as J } from "react-virtuoso";
+const M = ({ children: n, ...a }) => /* @__PURE__ */ r(u, { children: n(a) }), O = ({ children: n, ...a }) => /* @__PURE__ */ r(u, { children: D(n) && /* @__PURE__ */ r(u, { children: G(n, a) }) }), P = q((n, a) => {
+  const {
+    classNameContainer: H = "",
+    computeItemKey: x = () => "",
+    itemSize: v = () => 0,
+    totalCount: c = 0,
+    typeHight: t = "min-max",
+    minHeightItem: E = 0,
+    maxHeightTable: l = 0,
+    minLengthItem: T = 0,
+    fixedHeaderContent: z,
+    itemContent: b,
+    typeCalculateItemSize: L = "manual",
+    itemSizeNames: m = [],
+    overscan: d = null,
+    component: R = {},
+    idContainer: h = "",
+    triggerCalCulateContainer: V = "",
+    accumulationHeight: B = 0,
+    delayTriggerCalculateHeight: I = 0,
+    increaseViewportBy: S = () => 0,
+    context: $ = {},
+    endReached: N,
+    increaseTotalCount: g = 1
+  } = n, [i, f] = A(0), W = () => {
+    if (t === "min-max") {
+      const e = (c + g) * E;
+      return { height: c > T ? l : i > e ? i : e };
+    }
+    return t === "container" ? { height: i } : {};
+  }, j = (e) => {
+    var C;
+    const s = e.getAttribute("data-index");
+    let p = ((C = e.getBoundingClientRect()) == null ? void 0 : C.height) || 0;
+    return m == null || m.forEach((k) => {
+      var w, y;
+      p += ((y = (w = document.querySelector(`[${k}="${s}"]`)) == null ? void 0 : w.getBoundingClientRect()) == null ? void 0 : y.height) ?? 0;
+    }), p;
+  }, o = () => {
+    var e;
+    if (h && t === "container") {
+      const s = ((e = document == null ? void 0 : document.getElementById(h)) == null ? void 0 : e.offsetHeight) ?? 0;
+      f(s - B);
+    }
+  };
+  return F(() => {
+    const e = setTimeout(o, I);
+    return window == null || window.addEventListener("resize", o), window == null || window.addEventListener("load", o), () => {
+      clearTimeout(e), window == null || window.removeEventListener("resize", o), window == null || window.removeEventListener("load", o);
+    };
+  }, [t, V]), /* @__PURE__ */ r("div", { className: `iru-w-full ${H}`, children: /* @__PURE__ */ r(
+    J,
+    {
+      context: $,
+      ref: a,
+      overscan: typeof d == "function" ? d(t === "container" ? i : l) : t === "container" ? i : l,
+      totalListHeightChanged: (e) => t === "min-max" ? f(e) : null,
+      style: W(),
+      totalCount: c,
+      computeItemKey: x,
+      itemSize: K(
+        (e) => L === "manual" ? v(e) : j(e),
+        []
+      ),
+      components: {
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        TableRow: O,
+        ...R
+      },
+      fixedHeaderContent: z,
+      itemContent: (...e) => b(M, ...e),
+      endReached: N,
+      increaseViewportBy: S(t === "container" ? i : l)
+    }
+  ) });
+});
+P.displayName = "TableVirtualization";
+export {
+  P as default
+};

package/dist/config/bigNumber/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("bignumber.js"),t={ROUNDING_MODE:e.ROUND_HALF_UP,EXPONENTIAL_AT:[-1e9,1e9]};let i=!1;const n=(r=t)=>{i||(e.config(r),i=!0)},o=(r,u)=>(i||n(),new e(r,u));exports.TypeBigNumber=e;exports.BigNumber=o;exports.defaultConfig=t;

package/dist/config/bigNumber/index.mjs

@@ -0,0 +1,15 @@
+import i from "bignumber.js";
+import { default as m } from "bignumber.js";
+const t = {
+  ROUNDING_MODE: i.ROUND_HALF_UP,
+  EXPONENTIAL_AT: [-1e9, 1e9]
+};
+let r = !1;
+const f = (e = t) => {
+  r || (i.config(e), r = !0);
+}, N = (e, o) => (r || f(), new i(e, o));
+export {
+  N as BigNumber,
+  m as TypeBigNumber,
+  t as defaultConfig
+};

package/dist/config/components/borderRadius.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={"0px":"iru-rounded-none","2px":"iru-rounded-sm","4px":"iru-rounded","6px":"iru-rounded-md","8px":"iru-rounded-lg","12px":"iru-rounded-xl","16px":"iru-rounded-2xl","24px":"iru-rounded-3xl",full:"iru-rounded-full"};exports.configBorderRadius=r;

package/dist/config/components/borderRadius.mjs

@@ -0,0 +1,14 @@
+const d = {
+  "0px": "iru-rounded-none",
+  "2px": "iru-rounded-sm",
+  "4px": "iru-rounded",
+  "6px": "iru-rounded-md",
+  "8px": "iru-rounded-lg",
+  "12px": "iru-rounded-xl",
+  "16px": "iru-rounded-2xl",
+  "24px": "iru-rounded-3xl",
+  full: "iru-rounded-full"
+};
+export {
+  d as configBorderRadius
+};

package/dist/config/components/font.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t={lato:"iru-font-Lato",inter:"iru-font-Inter",pJakartaSans:"iru-font-PJakartaSans"};exports.configFont=t;

package/dist/config/components/font.mjs

@@ -0,0 +1,8 @@
+const t = {
+  lato: "iru-font-Lato",
+  inter: "iru-font-Inter",
+  pJakartaSans: "iru-font-PJakartaSans"
+};
+export {
+  t as configFont
+};