1mpacto-react-ui 2.0.16 → 2.0.18

package/dist/components/Textarea/TextareaInnerLabel.config.mjs

@@ -0,0 +1,10 @@
+import e from "./TextareaInnerLabel.module.scss.mjs";
+const a = {
+  size: {
+    large: e["size-large"],
+    small: e["size-small"]
+  }
+};
+export {
+  a as configTextareaInnerLabel
+};

package/dist/components/Textarea/TextareaInnerLabel.mjs

@@ -0,0 +1,87 @@
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import m from "react";
+import { useIsomorphicLayoutEffect as z } from "../../hooks/useCombinedResizeObserver.mjs";
+import { useMergeRefs as B } from "../../hooks/useMergeRefs.mjs";
+import a from "./TextareaInnerLabel.module.scss.mjs";
+import { configTextareaInnerLabel as S } from "./TextareaInnerLabel.config.mjs";
+const p = m.forwardRef((r, x) => {
+  const {
+    isRequired: $,
+    classNameContainer: y,
+    className: N,
+    classNameLabel: L,
+    classNameLabelError: R,
+    name: u,
+    id: d,
+    label: f,
+    error: l,
+    height: I,
+    minHeight: h = 94,
+    maxHeight: v = 150,
+    style: E,
+    sizeInput: T = "large",
+    ...s
+  } = r, n = m.useRef(null), w = B(n, x), F = { ...E ?? {}, maxHeight: v, height: I ?? h, minHeight: h }, [b, g] = m.useState(!1), H = function(e) {
+    var t;
+    g(!0), (t = r.onFocus) == null || t.call(r, e);
+  }, j = function(e) {
+    var t;
+    g(!1), (t = r.onBlur) == null || t.call(r, e);
+  }, i = function(e) {
+    const t = (e == null ? void 0 : e.target) ?? n.current;
+    t.style.height = "0px", t.style.height = t.scrollHeight + "px";
+  };
+  return z(() => (b && n.current ? n.current.addEventListener("input", i) : i(), () => {
+    var e;
+    (e = n.current) == null || e.removeEventListener("input", i);
+  }), [b]), /* @__PURE__ */ c(
+    "div",
+    {
+      className: `${a.container} 
+      ${S.size[T]} 
+      ${y ?? ""}`,
+      children: [
+        /* @__PURE__ */ c("div", { className: `${a["container-textarea"]}`, children: [
+          /* @__PURE__ */ o(
+            "textarea",
+            {
+              id: d ?? u,
+              className: ` ${l ? a.error : ""} 
+          ${a.textarea} 
+          ${N ?? ""}`,
+              ref: w,
+              style: F,
+              ...s,
+              onFocus: H,
+              onBlur: j
+            }
+          ),
+          f && /* @__PURE__ */ c(
+            "label",
+            {
+              htmlFor: d ?? u,
+              className: `${a.label} ${s.disabled ? a.disabled : ""} ${L ?? ""}`,
+              children: [
+                f,
+                " ",
+                $ && /* @__PURE__ */ o("span", { children: "*" })
+              ]
+            }
+          )
+        ] }),
+        l && /* @__PURE__ */ o(
+          "label",
+          {
+            className: `${a["label-error"]} 
+          ${s.disabled ? a.disabled : ""} ${R ?? ""}`,
+            children: l
+          }
+        )
+      ]
+    }
+  );
+});
+p.displayName = "TextareaInnerLabel";
+export {
+  p as default
+};

package/dist/components/Textarea/TextareaInnerLabel.module.scss.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_container_1p1m0_1",r="_textarea_1p1m0_12",a="_label_1p1m0_39",t="_error_1p1m0_59",_={container:e,"size-large":"_size-large_1p1m0_1","container-textarea":"_container-textarea_1p1m0_6",textarea:r,label:a,error:t,"label-error":"_label-error_1p1m0_82","size-small":"_size-small_1p1m0_93"};exports.container=e;exports.default=_;exports.error=t;exports.label=a;exports.textarea=r;

package/dist/components/Textarea/TextareaInnerLabel.module.scss.mjs

@@ -0,0 +1,17 @@
+const e = "_container_1p1m0_1", r = "_textarea_1p1m0_12", a = "_label_1p1m0_39", _ = "_error_1p1m0_59", t = {
+  container: e,
+  "size-large": "_size-large_1p1m0_1",
+  "container-textarea": "_container-textarea_1p1m0_6",
+  textarea: r,
+  label: a,
+  error: _,
+  "label-error": "_label-error_1p1m0_82",
+  "size-small": "_size-small_1p1m0_93"
+};
+export {
+  e as container,
+  t as default,
+  _ as error,
+  a as label,
+  r as textarea
+};

package/dist/components/Textarea/style.module.scss.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_container_1708w_1",a="_label_1708w_6",_="_disabled_1708w_17",l="_textarea_1708w_26",r="_error_1708w_75",t={container:e,"size-medium":"_size-medium_1708w_1",label:a,disabled:_,"container-textarea":"_container-textarea_1708w_20",textarea:l,error:r,"label-error":"_label-error_1708w_85","size-medium-border-bottom":"_size-medium-border-bottom_1708w_99","size-m":"_size-m_1708w_1","solid-blue-300":"_solid-blue-300_1708w_295","dashed-blue-300":"_dashed-blue-300_1708w_310","solid-laba-blue-10":"_solid-laba-blue-10_1708w_322","dashed-laba-blue-10":"_dashed-laba-blue-10_1708w_337","border-bottom-laba-blue-08":"_border-bottom-laba-blue-08_1708w_349"};exports.container=e;exports.default=t;exports.disabled=_;exports.error=r;exports.label=a;exports.textarea=l;

package/dist/components/Textarea/style.module.scss.mjs

@@ -0,0 +1,25 @@
+const e = "_container_1708w_1", _ = "_label_1708w_6", a = "_disabled_1708w_17", l = "_textarea_1708w_26", r = "_error_1708w_75", o = {
+  container: e,
+  "size-medium": "_size-medium_1708w_1",
+  label: _,
+  disabled: a,
+  "container-textarea": "_container-textarea_1708w_20",
+  textarea: l,
+  error: r,
+  "label-error": "_label-error_1708w_85",
+  "size-medium-border-bottom": "_size-medium-border-bottom_1708w_99",
+  "size-m": "_size-m_1708w_1",
+  "solid-blue-300": "_solid-blue-300_1708w_295",
+  "dashed-blue-300": "_dashed-blue-300_1708w_310",
+  "solid-laba-blue-10": "_solid-laba-blue-10_1708w_322",
+  "dashed-laba-blue-10": "_dashed-laba-blue-10_1708w_337",
+  "border-bottom-laba-blue-08": "_border-bottom-laba-blue-08_1708w_349"
+};
+export {
+  e as container,
+  o as default,
+  a as disabled,
+  r as error,
+  _ as label,
+  l as textarea
+};

package/dist/components/TimeRange/TimeRange.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),C=require("react"),A=require("../Popover/Popover.cjs"),i=require("./TimeRange.module.scss.cjs"),H=require("../Button/Button.cjs"),$=(t,o=2)=>String(t).padStart(o,"0"),M=(t,o)=>t[0][0]&&t[0][1]&&t[1][0]&&t[1][1]?`${t[0][0]}:${t[0][1]} - ${t[1][0]}:${t[1][1]}`:f[o]["Select Time"],f={"en-US":{to:"to",Hour:"Hour",Minute:"Minute","Select Time":"Select Time",Reset:"Reset",Apply:"Apply"},"id-ID":{to:"to",Hour:"Jam",Minute:"Menit","Select Time":"Pilih Waktu",Reset:"Reset",Apply:"Terapkan"},"zh-CN":{to:"到",Hour:"小时",Minute:"分钟","Select Time":"选择时间",Reset:"重置",Apply:"应用"},"nl-NL":{to:"tot",Hour:"Uur",Minute:"Minuten","Select Time":"Select Time",Reset:"Reset",Apply:"Toepassen"}},T=[["",""],["",""]],V=t=>{const{id:o="time-range",classNameContainer:y,value:s=T,buttonClick:j,zIndexPopper:l=1,offsetPopover:g=5,floatingOptions:S,locale:d="id-ID",disableValidation:v=!1}=t,h=C.useRef(null),[n,b]=C.useState(T),e=(r,N)=>{if(N==="start"){const x=[r,n[1]];b(x)}else{const x=[n[0],r];b(x)}},c=r=>{var N;(N=h.current)==null||N.handlerShow(r),b(s||T)},u=()=>{var r;typeof(t==null?void 0:t.onChange)=="function"&&t.onChange(T),b(T),(r=h.current)==null||r.setShow(!1)},m=()=>{var R;const r=Number(n[0][0]),N=Number(n[0][1]),x=Number(n[1][0]),E=Number(n[1][1]),I=n[0][0]&&n[0][1]&&n[1][0]&&n[1][1],w=r<x||r===x&&N<=E;I&&(w||v)&&(typeof(t==null?void 0:t.onChange)=="function"&&t.onChange(n),(R=h.current)==null||R.setShow(!1))};return a.jsxs(a.Fragment,{children:[a.jsx("div",{id:o,onClick:c,className:y,children:typeof j=="function"?j(s,M(s,d)):s?M(s,d):f[d]["Select Time"]}),a.jsx(A.default,{zIndex:l,ref:h,offset:g,id:`${o}-popover`,floatingOptions:{placement:"bottom-end",...S},className:"iru-flex iru-flex-col",children:a.jsxs("div",{className:i.default["container-time-range"],children:[a.jsxs("div",{className:i.default["time-range-header"],children:[a.jsx("div",{className:i.default["time-range"],children:n[0][0]&&n[0][1]?`${n[0][0]}:${n[0][1]}`:"--:--"}),a.jsx("p",{className:i.default["text-to"],children:f[d].to}),a.jsx("div",{className:i.default["time-range"],children:n[1][0]&&n[1][1]?`${n[1][0]}:${n[1][1]}`:"--:--"})]}),a.jsxs("div",{className:i.default["time-range-body"],children:[a.jsx(k,{type:"start",value:[n[0][0],n[0][1]],onChange:r=>e(r,"start"),locale:d,values:n,disableValidation:v}),a.jsx("div",{className:i.default["time-range-divider"]}),a.jsx(k,{type:"end",value:[n[1][0],n[1][1]],onChange:r=>e(r,"end"),locale:d,values:n,disableValidation:v})]}),a.jsxs("div",{className:`${i.default["time-range-footer"]}`,children:[typeof(t==null?void 0:t.buttonReset)=="function"?a.jsx("div",{onClick:u,children:t.buttonReset()}):a.jsx(H.default,{variants:"nude-laba-blue-10",size:"small",onClick:u,children:f[d].Reset}),typeof(t==null?void 0:t.buttonSubmit)=="function"?a.jsx("div",{onClick:m,children:t.buttonSubmit()}):a.jsx(H.default,{size:"small",onClick:m,children:f[d].Apply})]})]})})]})},k=t=>{const{value:o,onChange:y,type:s,locale:j,values:l,disableValidation:g}=t,S=(e,c,u)=>Array.from({length:(c-e)/u+1},(m,r)=>e+r*u),d=()=>{const e=document.getElementById(`time-range-${s}-hour-${o[0]}`),c=document.getElementById(`time-range-${s}-minute-${o[1]}`),u=document.getElementById(`time-range-${s}-hour`),m=document.getElementById(`time-range-${s}-minute`);e&&u&&u.scrollTo({behavior:"instant",top:e.offsetTop-75}),c&&m&&m.scrollTo({behavior:"instant",top:c.offsetTop-75})},v=e=>{if(s==="start"||g)return!1;{if(!l[0][0])return!1;const c=Number(l[0][0]);return e<c}},h=e=>{if(s==="start"||g)return!1;{if(!l[0][0]||!l[0][1]||!l[1][0])return!1;const c=Number(l[0][0]),u=Number(l[1][0]),m=Number(l[0][1]);return c===u&&e<m}},n=e=>{if(s==="start"||g)return!1;{const c=Number(l[0][0]);return e<c}},b=e=>{if(s==="start"||g)return!1;{if(!l[0][0]||!l[0][1]||!l[1][0])return!1;const c=Number(l[0][0]),u=Number(l[1][0]),m=Number(l[0][1]);return c===u&&e<m}};return C.useEffect(()=>{d()},[]),a.jsxs("div",{className:i.default["list-time"],children:[a.jsxs("div",{className:i.default["container-time"],children:[a.jsx("p",{className:i.default["title-time"],children:f[j].Hour}),a.jsx("div",{id:`time-range-${s}-hour`,className:i.default["container-cell-time"],children:S(0,23,1).map(e=>a.jsx("div",{id:`time-range-${s}-hour-${e}`,className:`${i.default["cell-time"]} ${o[0]===$(e)?i.default.selected:""} ${v(e)?i.default.error:""} ${n(e)?i.default.disabled:""}`,onClick:()=>y([$(e),o[1]]),children:$(e)},e))})]}),a.jsxs("div",{className:i.default["container-time"],children:[a.jsx("p",{className:i.default["title-time"],children:f[j].Minute}),a.jsx("div",{id:`time-range-${s}-minute`,className:i.default["container-cell-time"],children:S(0,59,1).map(e=>a.jsx("div",{id:`time-range-${s}-minute-${e}`,className:`${i.default["cell-time"]} ${o[1]===$(e)?i.default.selected:""} ${h(e)?i.default.error:""} ${b(e)?i.default.disabled:""}`,onClick:()=>y([o[0],$(e)]),children:$(e)},e))})]})]})};exports.default=V;

package/dist/components/TimeRange/TimeRange.mjs

@@ -0,0 +1,187 @@
+import { jsxs as f, Fragment as p, jsx as a } from "react/jsx-runtime";
+import k, { useEffect as z } from "react";
+import B from "../Popover/Popover.mjs";
+import i from "./TimeRange.module.scss.mjs";
+import x from "../Button/Button.mjs";
+const T = (t, c = 2) => String(t).padStart(c, "0"), E = (t, c) => t[0][0] && t[0][1] && t[1][0] && t[1][1] ? `${t[0][0]}:${t[0][1]} - ${t[1][0]}:${t[1][1]}` : h[c]["Select Time"], h = {
+  "en-US": {
+    to: "to",
+    Hour: "Hour",
+    Minute: "Minute",
+    "Select Time": "Select Time",
+    Reset: "Reset",
+    Apply: "Apply"
+  },
+  "id-ID": {
+    to: "to",
+    Hour: "Jam",
+    Minute: "Menit",
+    "Select Time": "Pilih Waktu",
+    Reset: "Reset",
+    Apply: "Terapkan"
+  },
+  "zh-CN": {
+    to: "到",
+    Hour: "小时",
+    Minute: "分钟",
+    "Select Time": "选择时间",
+    Reset: "重置",
+    Apply: "应用"
+  },
+  "nl-NL": {
+    to: "tot",
+    Hour: "Uur",
+    Minute: "Minuten",
+    "Select Time": "Select Time",
+    Reset: "Reset",
+    Apply: "Toepassen"
+  }
+}, H = [
+  ["", ""],
+  ["", ""]
+], U = (t) => {
+  const {
+    id: c = "time-range",
+    classNameContainer: S,
+    value: r = H,
+    buttonClick: y,
+    zIndexPopper: l = 1,
+    offsetPopover: g = 5,
+    floatingOptions: R,
+    locale: u = "id-ID",
+    disableValidation: C = !1
+  } = t, N = k.useRef(null), [n, b] = k.useState(H), e = (s, $) => {
+    if ($ === "start") {
+      const v = [s, n[1]];
+      b(v);
+    } else {
+      const v = [n[0], s];
+      b(v);
+    }
+  }, o = (s) => {
+    var $;
+    ($ = N.current) == null || $.handlerShow(s), b(r || H);
+  }, m = () => {
+    var s;
+    typeof (t == null ? void 0 : t.onChange) == "function" && t.onChange(H), b(H), (s = N.current) == null || s.setShow(!1);
+  }, d = () => {
+    var M;
+    const s = Number(n[0][0]), $ = Number(n[0][1]), v = Number(n[1][0]), w = Number(n[1][1]), A = n[0][0] && n[0][1] && n[1][0] && n[1][1], V = s < v || s === v && $ <= w;
+    A && (V || C) && (typeof (t == null ? void 0 : t.onChange) == "function" && t.onChange(n), (M = N.current) == null || M.setShow(!1));
+  };
+  return /* @__PURE__ */ f(p, { children: [
+    /* @__PURE__ */ a("div", { id: c, onClick: o, className: S, children: typeof y == "function" ? y(r, E(r, u)) : r ? E(r, u) : h[u]["Select Time"] }),
+    /* @__PURE__ */ a(
+      B,
+      {
+        zIndex: l,
+        ref: N,
+        offset: g,
+        id: `${c}-popover`,
+        floatingOptions: { placement: "bottom-end", ...R },
+        className: "iru-flex iru-flex-col",
+        children: /* @__PURE__ */ f("div", { className: i["container-time-range"], children: [
+          /* @__PURE__ */ f("div", { className: i["time-range-header"], children: [
+            /* @__PURE__ */ a("div", { className: i["time-range"], children: n[0][0] && n[0][1] ? `${n[0][0]}:${n[0][1]}` : "--:--" }),
+            /* @__PURE__ */ a("p", { className: i["text-to"], children: h[u].to }),
+            /* @__PURE__ */ a("div", { className: i["time-range"], children: n[1][0] && n[1][1] ? `${n[1][0]}:${n[1][1]}` : "--:--" })
+          ] }),
+          /* @__PURE__ */ f("div", { className: i["time-range-body"], children: [
+            /* @__PURE__ */ a(
+              I,
+              {
+                type: "start",
+                value: [n[0][0], n[0][1]],
+                onChange: (s) => e(s, "start"),
+                locale: u,
+                values: n,
+                disableValidation: C
+              }
+            ),
+            /* @__PURE__ */ a("div", { className: i["time-range-divider"] }),
+            /* @__PURE__ */ a(
+              I,
+              {
+                type: "end",
+                value: [n[1][0], n[1][1]],
+                onChange: (s) => e(s, "end"),
+                locale: u,
+                values: n,
+                disableValidation: C
+              }
+            )
+          ] }),
+          /* @__PURE__ */ f("div", { className: `${i["time-range-footer"]}`, children: [
+            typeof (t == null ? void 0 : t.buttonReset) == "function" ? /* @__PURE__ */ a("div", { onClick: m, children: t.buttonReset() }) : /* @__PURE__ */ a(x, { variants: "nude-laba-blue-10", size: "small", onClick: m, children: h[u].Reset }),
+            typeof (t == null ? void 0 : t.buttonSubmit) == "function" ? /* @__PURE__ */ a("div", { onClick: d, children: t.buttonSubmit() }) : /* @__PURE__ */ a(x, { size: "small", onClick: d, children: h[u].Apply })
+          ] })
+        ] })
+      }
+    )
+  ] });
+}, I = (t) => {
+  const { value: c, onChange: S, type: r, locale: y, values: l, disableValidation: g } = t, R = (e, o, m) => Array.from({ length: (o - e) / m + 1 }, (d, s) => e + s * m), u = () => {
+    const e = document.getElementById(`time-range-${r}-hour-${c[0]}`), o = document.getElementById(`time-range-${r}-minute-${c[1]}`), m = document.getElementById(`time-range-${r}-hour`), d = document.getElementById(`time-range-${r}-minute`);
+    e && m && m.scrollTo({ behavior: "instant", top: e.offsetTop - 75 }), o && d && d.scrollTo({ behavior: "instant", top: o.offsetTop - 75 });
+  }, C = (e) => {
+    if (r === "start" || g) return !1;
+    {
+      if (!l[0][0]) return !1;
+      const o = Number(l[0][0]);
+      return e < o;
+    }
+  }, N = (e) => {
+    if (r === "start" || g) return !1;
+    {
+      if (!l[0][0] || !l[0][1] || !l[1][0]) return !1;
+      const o = Number(l[0][0]), m = Number(l[1][0]), d = Number(l[0][1]);
+      return o === m && e < d;
+    }
+  }, n = (e) => {
+    if (r === "start" || g) return !1;
+    {
+      const o = Number(l[0][0]);
+      return e < o;
+    }
+  }, b = (e) => {
+    if (r === "start" || g) return !1;
+    {
+      if (!l[0][0] || !l[0][1] || !l[1][0]) return !1;
+      const o = Number(l[0][0]), m = Number(l[1][0]), d = Number(l[0][1]);
+      return o === m && e < d;
+    }
+  };
+  return z(() => {
+    u();
+  }, []), /* @__PURE__ */ f("div", { className: i["list-time"], children: [
+    /* @__PURE__ */ f("div", { className: i["container-time"], children: [
+      /* @__PURE__ */ a("p", { className: i["title-time"], children: h[y].Hour }),
+      /* @__PURE__ */ a("div", { id: `time-range-${r}-hour`, className: i["container-cell-time"], children: R(0, 23, 1).map((e) => /* @__PURE__ */ a(
+        "div",
+        {
+          id: `time-range-${r}-hour-${e}`,
+          className: `${i["cell-time"]} ${c[0] === T(e) ? i.selected : ""} ${C(e) ? i.error : ""} ${n(e) ? i.disabled : ""}`,
+          onClick: () => S([T(e), c[1]]),
+          children: T(e)
+        },
+        e
+      )) })
+    ] }),
+    /* @__PURE__ */ f("div", { className: i["container-time"], children: [
+      /* @__PURE__ */ a("p", { className: i["title-time"], children: h[y].Minute }),
+      /* @__PURE__ */ a("div", { id: `time-range-${r}-minute`, className: i["container-cell-time"], children: R(0, 59, 1).map((e) => /* @__PURE__ */ a(
+        "div",
+        {
+          id: `time-range-${r}-minute-${e}`,
+          className: `${i["cell-time"]} ${c[1] === T(e) ? i.selected : ""} ${N(e) ? i.error : ""} ${b(e) ? i.disabled : ""}`,
+          onClick: () => S([c[0], T(e)]),
+          children: T(e)
+        },
+        e
+      )) })
+    ] })
+  ] });
+};
+export {
+  U as default
+};

package/dist/components/TimeRange/TimeRange.module.scss.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_selected_1n7z7_93",t="_error_1n7z7_98",_="_disabled_1n7z7_102",n={"container-time-range":"_container-time-range_1n7z7_1","time-range-header":"_time-range-header_1n7z7_9","text-to":"_text-to_1n7z7_15","time-range":"_time-range_1n7z7_9","time-range-body":"_time-range-body_1n7z7_40","time-range-divider":"_time-range-divider_1n7z7_44","list-time":"_list-time_1n7z7_50","container-time":"_container-time_1n7z7_1","title-time":"_title-time_1n7z7_63","container-cell-time":"_container-cell-time_1n7z7_71","cell-time":"_cell-time_1n7z7_79",selected:e,error:t,disabled:_,"time-range-footer":"_time-range-footer_1n7z7_114"};exports.default=n;exports.disabled=_;exports.error=t;exports.selected=e;

package/dist/components/TimeRange/TimeRange.module.scss.mjs

@@ -0,0 +1,23 @@
+const e = "_selected_1n7z7_93", t = "_error_1n7z7_98", _ = "_disabled_1n7z7_102", n = {
+  "container-time-range": "_container-time-range_1n7z7_1",
+  "time-range-header": "_time-range-header_1n7z7_9",
+  "text-to": "_text-to_1n7z7_15",
+  "time-range": "_time-range_1n7z7_9",
+  "time-range-body": "_time-range-body_1n7z7_40",
+  "time-range-divider": "_time-range-divider_1n7z7_44",
+  "list-time": "_list-time_1n7z7_50",
+  "container-time": "_container-time_1n7z7_1",
+  "title-time": "_title-time_1n7z7_63",
+  "container-cell-time": "_container-cell-time_1n7z7_71",
+  "cell-time": "_cell-time_1n7z7_79",
+  selected: e,
+  error: t,
+  disabled: _,
+  "time-range-footer": "_time-range-footer_1n7z7_114"
+};
+export {
+  n as default,
+  _ as disabled,
+  t as error,
+  e as selected
+};

package/dist/components/Timeline/Timeline.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),e=require("./style.module.scss.cjs"),n=({children:s,noTime:l=!1})=>t.jsx("div",{className:`${e.default["timeline-container"]} ${l?e.default["no-time"]:""}`,children:s}),d=({children:s,time:l,clasName:a,noTime:i=!1})=>t.jsxs("div",{className:e.default["timeline-content"],children:[t.jsx("div",{className:`${e.default["left-content"]} ${i?e.default["no-time"]:""}`,children:t.jsxs("div",{className:e.default["time-content"],children:[!i&&t.jsx("time",{className:e.default["text-time"],children:l??""}),t.jsx("div",{className:e.default.dot})]})}),t.jsx("div",{className:`${e.default["right-content"]} ${i?e.default["no-time"]:""} ${a??""}`,children:s})]}),c=Object.assign(n,{TimelineContent:d});exports.default=c;

package/dist/components/Timeline/Timeline.mjs

@@ -0,0 +1,12 @@
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
+import e from "./style.module.scss.mjs";
+const c = ({ children: i, noTime: n = !1 }) => /* @__PURE__ */ t("div", { className: `${e["timeline-container"]} ${n ? e["no-time"] : ""}`, children: i }), m = ({ children: i, time: n, clasName: l, noTime: s = !1 }) => /* @__PURE__ */ a("div", { className: e["timeline-content"], children: [
+  /* @__PURE__ */ t("div", { className: `${e["left-content"]} ${s ? e["no-time"] : ""}`, children: /* @__PURE__ */ a("div", { className: e["time-content"], children: [
+    !s && /* @__PURE__ */ t("time", { className: e["text-time"], children: n ?? "" }),
+    /* @__PURE__ */ t("div", { className: e.dot })
+  ] }) }),
+  /* @__PURE__ */ t("div", { className: `${e["right-content"]} ${s ? e["no-time"] : ""} ${l ?? ""}`, children: i })
+] }), d = Object.assign(c, { TimelineContent: m });
+export {
+  d as default
+};

package/dist/components/Timeline/style.module.scss.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_dot_1b9xw_46",e={"timeline-container":"_timeline-container_1b9xw_1","no-time":"_no-time_1b9xw_14","timeline-content":"_timeline-content_1b9xw_18","left-content":"_left-content_1b9xw_23","time-content":"_time-content_1b9xw_31","text-time":"_text-time_1b9xw_35",dot:t,"right-content":"_right-content_1b9xw_52"};exports.default=e;exports.dot=t;

package/dist/components/Timeline/style.module.scss.mjs

@@ -0,0 +1,14 @@
+const t = "_dot_1b9xw_46", e = {
+  "timeline-container": "_timeline-container_1b9xw_1",
+  "no-time": "_no-time_1b9xw_14",
+  "timeline-content": "_timeline-content_1b9xw_18",
+  "left-content": "_left-content_1b9xw_23",
+  "time-content": "_time-content_1b9xw_31",
+  "text-time": "_text-time_1b9xw_35",
+  dot: t,
+  "right-content": "_right-content_1b9xw_52"
+};
+export {
+  e as default,
+  t as dot
+};

package/dist/components/Tooltip/Tooltip.cjs

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

package/dist/components/Tooltip/Tooltip.mjs

@@ -0,0 +1,77 @@
+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 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
+}) => {
+  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());
+  };
+  return /* @__PURE__ */ j(A, { children: [
+    /* @__PURE__ */ h(
+      "div",
+      {
+        id: k,
+        onMouseEnter: (o) => {
+          if (c && !e) {
+            const t = o.currentTarget;
+            r = setTimeout(() => {
+              m({ ...o, currentTarget: t });
+            }, x);
+          }
+        },
+        onMouseLeave: () => {
+          c && !e && d();
+        },
+        onClick: (o) => {
+          p(!0), clearInterval(r), y || m(o);
+        },
+        className: g.container,
+        children: v
+      }
+    ),
+    /* @__PURE__ */ h(
+      M,
+      {
+        floatingOptions: { placement: I },
+        ref: n,
+        id: "1ru-popover-tooltip",
+        offset: 10,
+        withArrow: !0,
+        zIndex: C,
+        onClose: () => {
+          e && (p(!1), d());
+        },
+        styleInnerPopover: { backgroundColor: f.backgroundColor },
+        propsArrow: { fill: f.backgroundColor, ...T },
+        className: `${g["container-popover"]} ${b ?? ""}`,
+        ...S,
+        children: w
+      }
+    )
+  ] });
+};
+export {
+  F as default
+};

package/dist/components/Tooltip/Tooltip.module.scss.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_container_1ng8e_1",n={container:e,"container-popover":"_container-popover_1ng8e_7"};exports.container=e;exports.default=n;

package/dist/components/Tooltip/Tooltip.module.scss.mjs

@@ -0,0 +1,8 @@
+const n = "_container_1ng8e_1", e = {
+  container: n,
+  "container-popover": "_container-popover_1ng8e_7"
+};
+export {
+  n as container,
+  e as default
+};

package/dist/components/TruncateComponent/TruncateComponent.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),n=require("react"),z=({children:f,maxWidth:w,moreElement:h,style:E={},className:g,gap:s=0,gapStyle:m,...M})=>{const c=n.useMemo(()=>n.Children.toArray(f),[f]),r=c.length,[p,W]=n.useState(r),l=n.useRef(null),a=n.useRef([]),x=n.useRef(null);a.current=[];const y=()=>{const e=l.current,i=x.current;if(!e||e.offsetWidth===0)return;const d=e.offsetWidth,v=a.current.map(t=>t?t.offsetWidth:0),I=v.reduce((t,u)=>t+u,0),V=Math.max(0,r-1)*s;if(I+V<=d){W(r);return}const $=i?i.offsetWidth+s:0,q=d-$;let C=0,R=0;for(let t=0;t<r;t++){const u=v[t],j=t>0?s:0;if(C+u+j>q)break;C+=u+j,R++}W(R)};n.useLayoutEffect(()=>{y();const e=new ResizeObserver(y);return l.current&&e.observe(l.current),()=>{e.disconnect()}},[c,s]);const b=r-p,S={display:"flex",flexWrap:"nowrap",alignItems:"center",overflow:"hidden",gap:m??`${s}px`,maxWidth:w,minHeight:"38px",...E},k={position:"fixed",top:"-9999px",left:"-9999px",visibility:"hidden",pointerEvents:"none",zIndex:-1,display:"flex",flexWrap:"nowrap",alignItems:"center",gap:m??`${s}px`};return o.jsxs(o.Fragment,{children:[o.jsxs("div",{ref:l,style:S,className:g??"",...M,children:[c.slice(0,p),b>0&&h(b)]}),o.jsxs("div",{style:k,"aria-hidden":"true",children:[c.map((e,i)=>n.cloneElement(e,{ref:d=>a.current[i]=d,key:`measure-${e.key||i}`})),r>0&&o.jsx("span",{ref:x,children:h(r)})]})]})};exports.default=z;

package/dist/components/TruncateComponent/TruncateComponent.mjs

@@ -0,0 +1,83 @@
+import { jsxs as u, Fragment as M, jsx as N } from "react/jsx-runtime";
+import n from "react";
+const H = ({
+  children: f,
+  maxWidth: E,
+  moreElement: h,
+  style: k = {},
+  className: I,
+  gap: i = 0,
+  gapStyle: m,
+  ...V
+}) => {
+  const s = n.useMemo(() => n.Children.toArray(f), [f]), r = s.length, [p, W] = n.useState(r), c = n.useRef(null), d = n.useRef([]), x = n.useRef(null);
+  d.current = [];
+  const y = () => {
+    const e = c.current, o = x.current;
+    if (!e || e.offsetWidth === 0)
+      return;
+    const l = e.offsetWidth, b = d.current.map((t) => t ? t.offsetWidth : 0), j = b.reduce((t, a) => t + a, 0), z = Math.max(0, r - 1) * i;
+    if (j + z <= l) {
+      W(r);
+      return;
+    }
+    const A = o ? o.offsetWidth + i : 0, L = l - A;
+    let v = 0, R = 0;
+    for (let t = 0; t < r; t++) {
+      const a = b[t], w = t > 0 ? i : 0;
+      if (v + a + w > L)
+        break;
+      v += a + w, R++;
+    }
+    W(R);
+  };
+  n.useLayoutEffect(() => {
+    y();
+    const e = new ResizeObserver(y);
+    return c.current && e.observe(c.current), () => {
+      e.disconnect();
+    };
+  }, [s, i]);
+  const C = r - p, $ = {
+    display: "flex",
+    flexWrap: "nowrap",
+    alignItems: "center",
+    overflow: "hidden",
+    gap: m ?? `${i}px`,
+    maxWidth: E,
+    minHeight: "38px",
+    ...k
+  }, g = {
+    position: "fixed",
+    top: "-9999px",
+    left: "-9999px",
+    visibility: "hidden",
+    pointerEvents: "none",
+    zIndex: -1,
+    display: "flex",
+    flexWrap: "nowrap",
+    alignItems: "center",
+    gap: m ?? `${i}px`
+  };
+  return /* @__PURE__ */ u(M, { children: [
+    /* @__PURE__ */ u("div", { ref: c, style: $, className: I ?? "", ...V, children: [
+      s.slice(0, p),
+      C > 0 && h(C)
+    ] }),
+    /* @__PURE__ */ u("div", { style: g, "aria-hidden": "true", children: [
+      s.map(
+        (e, o) => n.cloneElement(
+          e,
+          {
+            ref: (l) => d.current[o] = l,
+            key: `measure-${e.key || o}`
+          }
+        )
+      ),
+      r > 0 && /* @__PURE__ */ N("span", { ref: x, children: h(r) })
+    ] })
+  ] });
+};
+export {
+  H as default
+};

package/dist/components/Upload/UploadFile.cjs

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