linear-react-components-ui 1.1.26-beta.13 → 1.1.26-beta.14

package/lib/skeleton/index.js

@@ -1,49 +1,50 @@
-import { j as x } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as k } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import '../assets/skeleton.css';import '../assets/gridlayout.css';/* empty css                            */
-import v from "../gridlayout/GridCol.js";
-import { default as R } from "./SkeletonContainer.js";
-/* empty css                          */
-const w = (C) => {
-  const t = k.c(15), {
-    customClass: d,
+import { jsx as C } from "react/jsx-runtime";
+import { c as v } from "react/compiler-runtime";
+import '../styles/assets/styles/skeleton.css';import '../styles/assets/styles/gridlayout.css';/* empty css                               */
+import S from "../gridlayout/GridCol.js";
+import { default as L } from "./SkeletonContainer.js";
+/* empty css                             */
+const z = ($) => {
+  const t = v(15), {
+    customClass: u,
     style: m,
     width: a,
-    height: u,
+    height: d,
     round: o,
     color: f,
     size: p,
-    gridLayout: l
-  } = C, n = d === void 0 ? "" : d, e = f === void 0 ? "default" : f, s = p === void 0 ? "medium" : p;
+    gridLayout: n
+  } = $, l = u === void 0 ? "" : u, e = f === void 0 ? "default" : f, s = p === void 0 ? "medium" : p;
   let i, r;
-  if (t[0] !== e || t[1] !== n || t[2] !== l || t[3] !== u || t[4] !== o || t[5] !== s || t[6] !== m || t[7] !== a) {
+  if (t[0] !== e || t[1] !== l || t[2] !== n || t[3] !== d || t[4] !== o || t[5] !== s || t[6] !== m || t[7] !== a) {
     r = Symbol.for("react.early_return_sentinel");
     t: {
-      const $ = {
+      const h = {
         width: a,
-        height: u
+        height: d
       };
       let c;
-      t[10] !== e || t[11] !== n || t[12] !== o || t[13] !== s ? (c = () => `skeleton-component ${n}
+      t[10] !== e || t[11] !== l || t[12] !== o || t[13] !== s ? (c = () => `skeleton-component ${l}
     ${e && `-${e}`}
     ${o && "-round"}
-    ${o && s && `-${s}`}`, t[10] = e, t[11] = n, t[12] = o, t[13] = s, t[14] = c) : c = t[14];
-      const h = c, y = () => /* @__PURE__ */ x.jsx("div", { className: h(), style: {
-        ...$,
+    ${o && s && `-${s}`}`, t[10] = e, t[11] = l, t[12] = o, t[13] = s, t[14] = c) : c = t[14];
+      const k = c, y = () => /* @__PURE__ */ C("div", { className: k(), style: {
+        ...h,
         ...m
       } });
-      if (l !== void 0) {
-        r = /* @__PURE__ */ x.jsx(v, { customClass: "-withskeleton", cols: l, children: y() });
+      if (n !== void 0) {
+        r = /* @__PURE__ */ C(S, { customClass: "-withskeleton", cols: n, children: y() });
         break t;
       }
       i = y();
     }
-    t[0] = e, t[1] = n, t[2] = l, t[3] = u, t[4] = o, t[5] = s, t[6] = m, t[7] = a, t[8] = i, t[9] = r;
+    t[0] = e, t[1] = l, t[2] = n, t[3] = d, t[4] = o, t[5] = s, t[6] = m, t[7] = a, t[8] = i, t[9] = r;
   } else
     i = t[8], r = t[9];
   return r !== Symbol.for("react.early_return_sentinel") ? r : i;
 };
 export {
-  R as SkeletonContainer,
-  w as default
+  L as SkeletonContainer,
+  z as default
 };
+//# sourceMappingURL=index.js.map

package/lib/skeleton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/lib/skeleton/index.tsx"],"sourcesContent":["import React from 'react';\nimport Grid from '../gridlayout';\nimport SkeletonContainer from './SkeletonContainer';\nimport '../assets/styles/skeleton.scss';\nimport { ISkeletonProps } from './types';\n\nconst Skeleton = (props: ISkeletonProps) => {\n  const {\n    customClass = '', style, width, height, round, color = 'default', size = 'medium', gridLayout,\n  } = props;\n  const customStyles = { width, height };\n\n  const getClass = () => (\n    `skeleton-component ${customClass}\n    ${color && `-${color}`}\n    ${round && '-round'}\n    ${round && size && `-${size}`}`\n  );\n\n  const renderContent = () => (\n    <div className={getClass()} style={{ ...customStyles, ...style }} />\n  );\n\n  if (gridLayout !== undefined) {\n    return (\n      <Grid customClass=\"-withskeleton\" cols={gridLayout}>\n        {renderContent()}\n      </Grid>\n    );\n  }\n\n  return renderContent();\n};\n\nexport default Skeleton;\nexport { SkeletonContainer };\n"],"names":["Skeleton","props","$","_c","customClass","t0","style","width","height","round","color","t1","size","t2","gridLayout","undefined","t3","t4","Symbol","for","bb0","customStyles","t5","getClass","renderContent","jsx","Grid"],"mappings":";;;;;;AAMA,MAAMA,IAAWC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GACf;AAAA,IAAAC,aAAAC;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,OAAAC;AAAAA,IAAAC,MAAAC;AAAAA,IAAAC,YAAAA;AAAAA,EAAAA,IAEIb,GADFG,IAAAC,MAAAU,SAAA,KAAAV,GAA+CK,IAAAC,MAAAI,SAAA,YAAAJ,GAAmBC,IAAAC,MAAAE,SAAA,WAAAF;AAAe,MAAAG,GAAAC;AAAA,MAAAf,EAAA,CAAA,MAAAQ,KAAAR,EAAA,CAAA,MAAAE,KAAAF,EAAA,CAAA,MAAAY,KAAAZ,EAAA,CAAA,MAAAM,KAAAN,EAAA,CAAA,MAAAO,KAAAP,EAAA,CAAA,MAAAU,KAAAV,EAAA,CAAA,MAAAI,KAAAJ,SAAAK,GAAA;AAiB/EU,IAAAA,IAAAC,OAEOC,IAFP,6BAEM;AAACC,IAAAA,GAAA;AAjBX,YAAAC,IAAqB;AAAA,QAAAd,OAAAA;AAAAA,QAAAC,QAAAA;AAAAA,MAAAA;AAAkB,UAAAc;AAAA,MAAApB,EAAA,EAAA,MAAAQ,KAAAR,EAAA,EAAA,MAAAE,KAAAF,EAAA,EAAA,MAAAO,KAAAP,UAAAU,KAEtBU,IAAAA,MACf,sBAAsBlB,CAAW;AAAA,MAC/BM,KAAA,IAAaA,CAAK,EAAE;AAAA,MACpBD,KAAA,QAAiB;AAAA,MACjBA,KAAAG,KAAA,IAAqBA,CAAI,EAAE,IAC9BV,QAAAQ,GAAAR,QAAAE,GAAAF,QAAAO,GAAAP,QAAAU,GAAAV,QAAAoB,KAAAA,IAAApB,EAAA,EAAA;AALD,YAAAqB,IAAiBD,GAOjBE,IAAsBA,MACpB,gBAAAC,WAAgB,WAAAF,EAAAA,GAAmB,OAAA;AAAA,QAAA,GAAKF;AAAAA,QAAY,GAAKf;AAAAA,MAAAA,GAAO;AAGlE,UAAIQ,MAAeC,QAAS;AAExBE,QAAAA,sBAACS,GAAA,EAAiB,aAAA,iBAAsBZ,MAAAA,GACrCU,eACH;AAFA,cAAAJ;AAAAA,MAEO;AAIJJ,MAAAA,IAAAQ,EAAAA;AAAAA,IAAe;AAAAtB,IAAAA,OAAAQ,GAAAR,OAAAE,GAAAF,OAAAY,GAAAZ,OAAAM,GAAAN,OAAAO,GAAAP,OAAAU,GAAAV,OAAAI,GAAAJ,OAAAK,GAAAL,OAAAc,GAAAd,OAAAe;AAAAA,EAAA;AAAAD,IAAAA,IAAAd,EAAA,CAAA,GAAAe,IAAAf,EAAA,CAAA;AAAA,SAAAe,MAAAC,OAAAC,IAAA,6BAAA,IAAAF,IAAfD;AAAe;"}

package/lib/spinner/SpinnerLoading.js

@@ -1,55 +1,56 @@
-import { j as t } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as _ } from "../chunks/compiler-runtime.Cu50tn6L.js";
-const S = (p) => {
-  const e = _.c(16), {
-    color: j,
-    size: b
-  } = p, u = j === void 0 ? "#3B3B3B" : j, g = b === void 0 ? "50px" : b;
+import { jsx as t, jsxs as v } from "react/jsx-runtime";
+import { c as w } from "react/compiler-runtime";
+const N = (_) => {
+  const e = w(16), {
+    color: p,
+    size: x
+  } = _, g = p === void 0 ? "#3B3B3B" : p, b = x === void 0 ? "50px" : x;
   let i;
   e[0] === Symbol.for("react.memo_cache_sentinel") ? (i = {
     background: "none",
     float: "right"
   }, e[0] = i) : i = e[0];
   let r;
-  e[1] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ t.jsx("g", { transform: "rotate(0 50 50)", children: /* @__PURE__ */ t.jsx("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t.jsx("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.9166666666666666s", repeatCount: "indefinite" }) }) }), e[1] = r) : r = e[1];
-  let s;
-  e[2] === Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ t.jsx("g", { transform: "rotate(30 50 50)", children: /* @__PURE__ */ t.jsx("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t.jsx("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.8333333333333334s", repeatCount: "indefinite" }) }) }), e[2] = s) : s = e[2];
+  e[1] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ t("g", { transform: "rotate(0 50 50)", children: /* @__PURE__ */ t("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.9166666666666666s", repeatCount: "indefinite" }) }) }), e[1] = r) : r = e[1];
   let a;
-  e[3] === Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ t.jsx("g", { transform: "rotate(60 50 50)", children: /* @__PURE__ */ t.jsx("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t.jsx("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.75s", repeatCount: "indefinite" }) }) }), e[3] = a) : a = e[3];
+  e[2] === Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ t("g", { transform: "rotate(30 50 50)", children: /* @__PURE__ */ t("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.8333333333333334s", repeatCount: "indefinite" }) }) }), e[2] = a) : a = e[2];
   let n;
-  e[4] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ t.jsx("g", { transform: "rotate(90 50 50)", children: /* @__PURE__ */ t.jsx("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t.jsx("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.6666666666666666s", repeatCount: "indefinite" }) }) }), e[4] = n) : n = e[4];
+  e[3] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ t("g", { transform: "rotate(60 50 50)", children: /* @__PURE__ */ t("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.75s", repeatCount: "indefinite" }) }) }), e[3] = n) : n = e[3];
   let o;
-  e[5] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ t.jsx("g", { transform: "rotate(120 50 50)", children: /* @__PURE__ */ t.jsx("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t.jsx("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.5833333333333334s", repeatCount: "indefinite" }) }) }), e[5] = o) : o = e[5];
+  e[4] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ t("g", { transform: "rotate(90 50 50)", children: /* @__PURE__ */ t("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.6666666666666666s", repeatCount: "indefinite" }) }) }), e[4] = o) : o = e[4];
+  let s;
+  e[5] === Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ t("g", { transform: "rotate(120 50 50)", children: /* @__PURE__ */ t("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.5833333333333334s", repeatCount: "indefinite" }) }) }), e[5] = s) : s = e[5];
   let l;
-  e[6] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ t.jsx("g", { transform: "rotate(150 50 50)", children: /* @__PURE__ */ t.jsx("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t.jsx("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.5s", repeatCount: "indefinite" }) }) }), e[6] = l) : l = e[6];
+  e[6] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ t("g", { transform: "rotate(150 50 50)", children: /* @__PURE__ */ t("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.5s", repeatCount: "indefinite" }) }) }), e[6] = l) : l = e[6];
   let c;
-  e[7] === Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ t.jsx("g", { transform: "rotate(180 50 50)", children: /* @__PURE__ */ t.jsx("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t.jsx("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.4166666666666667s", repeatCount: "indefinite" }) }) }), e[7] = c) : c = e[7];
+  e[7] === Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ t("g", { transform: "rotate(180 50 50)", children: /* @__PURE__ */ t("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.4166666666666667s", repeatCount: "indefinite" }) }) }), e[7] = c) : c = e[7];
   let m;
-  e[8] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ t.jsx("g", { transform: "rotate(210 50 50)", children: /* @__PURE__ */ t.jsx("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t.jsx("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.3333333333333333s", repeatCount: "indefinite" }) }) }), e[8] = m) : m = e[8];
+  e[8] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ t("g", { transform: "rotate(210 50 50)", children: /* @__PURE__ */ t("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.3333333333333333s", repeatCount: "indefinite" }) }) }), e[8] = m) : m = e[8];
   let h;
-  e[9] === Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ t.jsx("g", { transform: "rotate(240 50 50)", children: /* @__PURE__ */ t.jsx("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t.jsx("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.25s", repeatCount: "indefinite" }) }) }), e[9] = h) : h = e[9];
+  e[9] === Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ t("g", { transform: "rotate(240 50 50)", children: /* @__PURE__ */ t("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.25s", repeatCount: "indefinite" }) }) }), e[9] = h) : h = e[9];
   let d;
-  e[10] === Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ t.jsx("g", { transform: "rotate(270 50 50)", children: /* @__PURE__ */ t.jsx("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t.jsx("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.16666666666666666s", repeatCount: "indefinite" }) }) }), e[10] = d) : d = e[10];
-  let x;
-  e[11] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ t.jsx("g", { transform: "rotate(300 50 50)", children: /* @__PURE__ */ t.jsx("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t.jsx("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.08333333333333333s", repeatCount: "indefinite" }) }) }), e[11] = x) : x = e[11];
+  e[10] === Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ t("g", { transform: "rotate(270 50 50)", children: /* @__PURE__ */ t("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.16666666666666666s", repeatCount: "indefinite" }) }) }), e[10] = d) : d = e[10];
   let y;
-  e[12] === Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ t.jsx("g", { transform: "rotate(330 50 50)", children: /* @__PURE__ */ t.jsx("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t.jsx("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "0s", repeatCount: "indefinite" }) }) }), e[12] = y) : y = e[12];
+  e[11] === Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ t("g", { transform: "rotate(300 50 50)", children: /* @__PURE__ */ t("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.08333333333333333s", repeatCount: "indefinite" }) }) }), e[11] = y) : y = e[11];
   let f;
-  return e[13] !== u || e[14] !== g ? (f = /* @__PURE__ */ t.jsxs("svg", { "data-testid": "spinner", className: "lds-spinner spinnerloading", fill: u, width: g, viewBox: "0 0 100 100", preserveAspectRatio: "xMidYMid", style: i, children: [
+  e[12] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ t("g", { transform: "rotate(330 50 50)", children: /* @__PURE__ */ t("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "0s", repeatCount: "indefinite" }) }) }), e[12] = f) : f = e[12];
+  let u;
+  return e[13] !== g || e[14] !== b ? (u = /* @__PURE__ */ v("svg", { "data-testid": "spinner", className: "lds-spinner spinnerloading", fill: g, width: b, viewBox: "0 0 100 100", preserveAspectRatio: "xMidYMid", style: i, children: [
     r,
-    s,
     a,
     n,
     o,
+    s,
     l,
     c,
     m,
     h,
     d,
-    x,
-    y
-  ] }), e[13] = u, e[14] = g, e[15] = f) : f = e[15], f;
+    y,
+    f
+  ] }), e[13] = g, e[14] = b, e[15] = u) : u = e[15], u;
 };
 export {
-  S as default
+  N as default
 };
+//# sourceMappingURL=SpinnerLoading.js.map

package/lib/spinner/SpinnerLoading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpinnerLoading.js","sources":["../../src/lib/spinner/SpinnerLoading.tsx"],"sourcesContent":["import React from 'react';\nimport { ISpinnerLoadingProps } from './types';\n\nconst SpinnerLoading = ({ color = '#3B3B3B', size = '50px' }: ISpinnerLoadingProps) => (\n  <svg data-testid=\"spinner\" className=\"lds-spinner spinnerloading\" fill={color} width={size} viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\" style={{ background: 'none', float: 'right' }}>\n    <g transform=\"rotate(0 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"9.4\" ry=\"4.8\" width=\"6\" height=\"12\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.9166666666666666s\" repeatCount=\"indefinite\" />\n      </rect>\n    </g>\n    <g transform=\"rotate(30 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"9.4\" ry=\"4.8\" width=\"6\" height=\"12\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.8333333333333334s\" repeatCount=\"indefinite\" />\n      </rect>\n    </g>\n    <g transform=\"rotate(60 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"9.4\" ry=\"4.8\" width=\"6\" height=\"12\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.75s\" repeatCount=\"indefinite\" />\n      </rect>\n    </g>\n    <g transform=\"rotate(90 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"9.4\" ry=\"4.8\" width=\"6\" height=\"12\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.6666666666666666s\" repeatCount=\"indefinite\" />\n      </rect>\n    </g>\n    <g transform=\"rotate(120 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"9.4\" ry=\"4.8\" width=\"6\" height=\"12\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.5833333333333334s\" repeatCount=\"indefinite\" />\n      </rect>\n    </g>\n    <g transform=\"rotate(150 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"9.4\" ry=\"4.8\" width=\"6\" height=\"12\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.5s\" repeatCount=\"indefinite\" />\n      </rect>\n    </g>\n    <g transform=\"rotate(180 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"9.4\" ry=\"4.8\" width=\"6\" height=\"12\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.4166666666666667s\" repeatCount=\"indefinite\" />\n      </rect>\n    </g>\n    <g transform=\"rotate(210 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"9.4\" ry=\"4.8\" width=\"6\" height=\"12\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.3333333333333333s\" repeatCount=\"indefinite\" />\n      </rect>\n    </g>\n    <g transform=\"rotate(240 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"9.4\" ry=\"4.8\" width=\"6\" height=\"12\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.25s\" repeatCount=\"indefinite\" />\n      </rect>\n    </g>\n    <g transform=\"rotate(270 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"9.4\" ry=\"4.8\" width=\"6\" height=\"12\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.16666666666666666s\" repeatCount=\"indefinite\" />\n      </rect>\n    </g>\n    <g transform=\"rotate(300 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"9.4\" ry=\"4.8\" width=\"6\" height=\"12\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.08333333333333333s\" repeatCount=\"indefinite\" />\n      </rect>\n    </g>\n    <g transform=\"rotate(330 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"9.4\" ry=\"4.8\" width=\"6\" height=\"12\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"0s\" repeatCount=\"indefinite\" />\n      </rect>\n    </g>\n  </svg>\n);\n\nexport default SpinnerLoading;\n"],"names":["SpinnerLoading","t0","$","_c","color","t1","size","t2","undefined","t3","Symbol","for","background","float","t4","jsx","t5","t6","t7","t8","t9","t10","t11","t12","t13","t14","t15","t16","jsxs"],"mappings":"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"}

package/lib/spinner/index.js

@@ -1,51 +1,53 @@
-import { j } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as D } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import { useState as L, useRef as N, useEffect as k } from "react";
-import C from "./SpinnerLoading.js";
-import '../assets/index6.css';const H = (E) => {
-  const e = D.c(20), {
+import { jsx as C, jsxs as L } from "react/jsx-runtime";
+import { c as N } from "react/compiler-runtime";
+import { useState as R, useRef as k, useEffect as q } from "react";
+import j from "./SpinnerLoading.js";
+import '../styles/assets/styles/spinner.css';/* empty css                            */
+const J = (z) => {
+  const e = N(20), {
     align: T,
     customClass: m,
     style: d,
     text: p,
     visible: S,
     delayTime: $,
-    heightAuto: x,
+    heightAuto: v,
     color: b,
     size: B
-  } = E, t = T === void 0 ? "center" : T, R = S === void 0 ? !0 : S, r = $ === void 0 ? 1e3 : $, o = b === void 0 ? "#3B3B3B" : b, i = B === void 0 ? "50px" : B, [z, _] = L(!!r), v = N(null);
-  let l;
-  e[0] !== r ? (l = () => (r && (v.current = setTimeout(() => {
-    _(!1);
-  }, r)), () => {
-    v.current && clearTimeout(v.current);
-  }), e[0] = r, e[1] = l) : l = e[1];
+  } = z, t = T === void 0 ? "center" : T, _ = S === void 0 ? !0 : S, l = $ === void 0 ? 1e3 : $, o = b === void 0 ? "#3B3B3B" : b, i = B === void 0 ? "50px" : B, [A, D] = R(!!l), g = k(null);
+  let r;
+  e[0] !== l ? (r = () => (l && (g.current = setTimeout(() => {
+    D(!1);
+  }, l)), () => {
+    g.current && clearTimeout(g.current);
+  }), e[0] = l, e[1] = r) : r = e[1];
   let c;
-  e[2] === Symbol.for("react.memo_cache_sentinel") ? (c = [], e[2] = c) : c = e[2], k(l, c);
-  let u;
-  e[3] !== t || e[4] !== m || e[5] !== x ? (u = () => {
+  e[2] === Symbol.for("react.memo_cache_sentinel") ? (c = [], e[2] = c) : c = e[2], q(r, c);
+  let f;
+  e[3] !== t || e[4] !== m || e[5] !== v ? (f = () => {
     let s = `spinner-component -${t} ${m} `;
-    return x && (s = `${s} -heightauto`), s;
-  }, e[3] = t, e[4] = m, e[5] = x, e[6] = u) : u = e[6];
-  const A = u;
-  if (z || !R)
+    return v && (s = `${s} -heightauto`), s;
+  }, e[3] = t, e[4] = m, e[5] = v, e[6] = f) : f = e[6];
+  const E = f;
+  if (A || !_)
     return null;
   if (t !== "none") {
-    const s = A(), g = t === "right" && p;
+    const s = E(), h = t === "right" && p;
     let n;
-    e[7] !== o || e[8] !== i ? (n = /* @__PURE__ */ j.jsx(C, { color: o, size: i }), e[7] = o, e[8] = i, e[9] = n) : n = e[9];
-    const h = t === "left" && p, y = t === "center" && p;
+    e[7] !== o || e[8] !== i ? (n = /* @__PURE__ */ C(j, { color: o, size: i }), e[7] = o, e[8] = i, e[9] = n) : n = e[9];
+    const y = t === "left" && p, x = t === "center" && p;
     let a;
-    return e[10] !== d || e[11] !== n || e[12] !== h || e[13] !== y || e[14] !== s || e[15] !== g ? (a = /* @__PURE__ */ j.jsxs("div", { style: d, className: s, children: [
-      g,
-      n,
+    return e[10] !== d || e[11] !== n || e[12] !== y || e[13] !== x || e[14] !== s || e[15] !== h ? (a = /* @__PURE__ */ L("div", { style: d, className: s, children: [
       h,
-      y
-    ] }), e[10] = d, e[11] = n, e[12] = h, e[13] = y, e[14] = s, e[15] = g, e[16] = a) : a = e[16], a;
+      n,
+      y,
+      x
+    ] }), e[10] = d, e[11] = n, e[12] = y, e[13] = x, e[14] = s, e[15] = h, e[16] = a) : a = e[16], a;
   }
-  let f;
-  return e[17] !== o || e[18] !== i ? (f = /* @__PURE__ */ j.jsx(C, { color: o, size: i }), e[17] = o, e[18] = i, e[19] = f) : f = e[19], f;
+  let u;
+  return e[17] !== o || e[18] !== i ? (u = /* @__PURE__ */ C(j, { color: o, size: i }), e[17] = o, e[18] = i, e[19] = u) : u = e[19], u;
 };
 export {
-  H as default
+  J as default
 };
+//# sourceMappingURL=index.js.map

package/lib/spinner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/lib/spinner/index.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport SpinnerLoading from './SpinnerLoading';\nimport '../assets/styles/spinner.scss';\nimport { ISpinnerProps } from './types';\n\nconst Spinner = (props: ISpinnerProps) => {\n  const {\n    align = 'center',\n    customClass,\n    style,\n    text,\n    visible = true,\n    delayTime = 1000,\n    heightAuto,\n    color = '#3B3B3B',\n    size = '50px',\n  } = props;\n  const [delay, setDelay] = useState(!!delayTime);\n  const delayTimeout = useRef<NodeJS.Timeout | null>(null);\n\n  useEffect(() => {\n    if (delayTime) {\n      delayTimeout.current = setTimeout(() => {\n        setDelay(false);\n      }, delayTime);\n    }\n\n    return () => {\n      if (delayTimeout.current) {\n        clearTimeout(delayTimeout.current);\n      }\n    };\n  }, []);\n\n  const getCssClass = () => {\n    let css = `spinner-component -${align} ${customClass} `;\n    if (heightAuto) css = `${css} -heightauto`;\n    return css;\n  };\n\n  if (delay) return null;\n  if (!visible) return null;\n  if (align !== 'none') {\n    return (\n      <div\n        style={style}\n        className={getCssClass()} >\n        {align === 'right' && text}\n        <SpinnerLoading color={color} size={size} />\n        {align === 'left' && text}\n        {align === 'center' && text}\n      </div>\n    );\n  }\n\n  return <SpinnerLoading color={color} size={size} />;\n};\n\nexport default Spinner;\n"],"names":["Spinner","props","$","_c","align","t0","customClass","style","text","visible","t1","delayTime","t2","heightAuto","color","t3","size","t4","undefined","delay","setDelay","useState","delayTimeout","useRef","t5","current","setTimeout","clearTimeout","t6","Symbol","for","useEffect","t7","css","getCssClass","t8","t9","t10","jsx","SpinnerLoading","t11","t12","t13","jsxs"],"mappings":";;;;;AAKA,MAAMA,IAAUC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GACd;AAAA,IAAAC,OAAAC;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC,SAAAC;AAAAA,IAAAC,WAAAC;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,OAAAC;AAAAA,IAAAC,MAAAC;AAAAA,EAAAA,IAUIhB,GATFG,IAAAC,MAAAa,SAAA,WAAAb,GAIAI,IAAAC,MAAAQ,SAAA,KAAAR,GACAC,IAAAC,MAAAM,SAAA,MAAAN,GAEAE,IAAAC,MAAAG,SAAA,YAAAH,GACAC,IAAAC,MAAAC,SAAA,SAAAD,GAEF,CAAAE,GAAAC,CAAA,IAA0BC,EAAS,CAAC,CAACV,CAAS,GAC9CW,IAAqBC,EAA8B,IAAI;AAAE,MAAAC;AAAA,EAAAtB,SAAAS,KAE/Ca,IAAAA,OACJb,MACFW,EAAYG,UAAWC,WAAW,MAAA;AAChCN,IAAAA,EAAS,EAAK;AAAA,EAAC,GACdT,CAAS,IAGP,MAAA;AACL,IAAIW,EAAYG,WACdE,aAAaL,EAAYG,OAAQ;AAAA,EAClC,IAEJvB,OAAAS,GAAAT,OAAAsB,KAAAA,IAAAtB,EAAA,CAAA;AAAA,MAAA0B;AAAA,EAAA1B,EAAA,CAAA,MAAA2B,OAAAC,IAAA,2BAAA,KAAEF,IAAA,CAAA,GAAE1B,OAAA0B,KAAAA,IAAA1B,EAAA,CAAA,GAZL6B,EAAUP,GAYPI,CAAE;AAAC,MAAAI;AAAA,EAAA9B,EAAA,CAAA,MAAAE,KAAAF,SAAAI,KAAAJ,EAAA,CAAA,MAAAW,KAEcmB,IAAAA,MAAA;AAClB,QAAAC,IAAU,sBAAsB7B,CAAK,IAAIE,CAAW;AACpD,WAAIO,MAAYoB,IAAMA,GAAGA,CAAG,iBACrBA;AAAAA,EAAG,GACX/B,OAAAE,GAAAF,OAAAI,GAAAJ,OAAAW,GAAAX,OAAA8B,KAAAA,IAAA9B,EAAA,CAAA;AAJD,QAAAgC,IAAoBF;AAOpB,MADIb,KACA,CAACV;AAAO,WAAS;AACrB,MAAIL,MAAU,QAAM;AAIH,UAAA+B,IAAAD,EAAAA,GACVE,IAAAhC,MAAU,WAAVI;AAAyB,QAAA6B;AAAA,IAAAnC,EAAA,CAAA,MAAAY,KAAAZ,SAAAc,KAC1BqB,IAAA,gBAAAC,EAACC,GAAA,EAAsBzB,OAAAA,GAAaE,MAAAA,EAAAA,CAAI,GAAId,OAAAY,GAAAZ,OAAAc,GAAAd,OAAAmC,KAAAA,IAAAnC,EAAA,CAAA;AAC3C,UAAAsC,IAAApC,MAAU,UAAVI,GACAiC,IAAArC,MAAU,YAAVI;AAA0B,QAAAkC;AAAA,WAAAxC,UAAAK,KAAAL,EAAA,EAAA,MAAAmC,KAAAnC,EAAA,EAAA,MAAAsC,KAAAtC,EAAA,EAAA,MAAAuC,KAAAvC,UAAAiC,KAAAjC,EAAA,EAAA,MAAAkC,KAN7BM,IAAA,gBAAAC,EAAA,OAAA,EACSpC,OAAAA,GACI,WAAA4B,GACVC,UAAAA;AAAAA,MAAAA;AAAAA,MACDC;AAAAA,MACCG;AAAAA,MACAC;AAAAA,IAAAA,GACH,GAAMvC,QAAAK,GAAAL,QAAAmC,GAAAnC,QAAAsC,GAAAtC,QAAAuC,GAAAvC,QAAAiC,GAAAjC,QAAAkC,GAAAlC,QAAAwC,KAAAA,IAAAxC,EAAA,EAAA,GAPNwC;AAAAA,EAOM;AAET,MAAAP;AAAA,SAAAjC,EAAA,EAAA,MAAAY,KAAAZ,UAAAc,KAEMmB,IAAA,gBAAAG,EAACC,GAAA,EAAsBzB,OAAAA,GAAaE,MAAAA,EAAAA,CAAI,GAAId,QAAAY,GAAAZ,QAAAc,GAAAd,QAAAiC,KAAAA,IAAAjC,EAAA,EAAA,GAA5CiC;AAA4C;"}

package/lib/split/Split.js

@@ -1,45 +1,45 @@
-import { j as y } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { useState as U, useRef as L, useEffect as b } from "react";
-import V from "./helpers.js";
-const q = ({
+import { jsx as v, jsxs as U } from "react/jsx-runtime";
+import { useState as V, useRef as M, useEffect as b } from "react";
+import X from "./helpers.js";
+const F = ({
   hotKey: h,
-  secondaryInitialSize: z = 0,
+  secondaryInitialSize: y = 0,
   onSecondaryPaneSizeChange: w,
   vertical: f,
-  primaryIndex: M = 0,
-  percentage: P,
-  primaryMinSize: m = 0,
+  primaryIndex: N = 0,
+  percentage: z,
+  primaryMinSize: P = 0,
   secondaryMinSize: R = 0,
-  customClass: x,
+  customClass: C,
   children: S = [],
-  hideSplitSideOnToggleClick: C = "primary",
-  style: N,
-  nodeParameter: H
+  hideSplitSideOnToggleClick: H = "primary",
+  style: A,
+  nodeParameter: _
 }) => {
-  const [e, s] = U({
+  const [e, s] = V({
     secondaryPaneSize: 0,
     resizing: !1,
     visibleSplitSide: !0,
     isHidePane: !0
-  }), c = L(null), d = L(null), v = (t, i, o, l) => {
+  }), c = M(null), d = M(null), m = (t, i, o, a) => {
     let r = f ? t.height : t.width, n = f ? i.height : i.width, u = f ? o.top - t.top : o.left - t.left;
-    l && (u -= n / 2), u < 0 ? u = 0 : u > r - n && (u = r - n);
-    let a;
-    a = M === 1 ? u : r - n - u;
-    let g = r - n - a;
-    return P && (a = a * 100 / r, g = g * 100 / r, n = n * 100 / r, r = 100), g < m ? a = Math.max(a - (m - g), 0) : a < R && (a = Math.min(r - n - m, R)), a;
-  }, _ = () => {
+    a && (u -= n / 2), u < 0 ? u = 0 : u > r - n && (u = r - n);
+    let l;
+    l = N === 1 ? u : r - n - u;
+    let g = r - n - l;
+    return z && (l = l * 100 / r, g = g * 100 / r, n = n * 100 / r, r = 100), g < P ? l = Math.max(l - (P - g), 0) : l < R && (l = Math.min(r - n - P, R)), l;
+  }, x = () => {
     const t = Selection;
-    if (document.createRange() && H) {
+    if (document.createRange() && _) {
       const i = document.createRange();
-      i.collapse(), i.selectNode(H);
+      i.collapse(), i.selectNode(_);
     } else if (window.getSelection) {
       const i = window.getSelection();
       i && i.empty ? i.empty() : i && i.removeAllRanges && i.removeAllRanges();
     } else t && t.empty();
   }, k = () => {
-    if (c.current && d.current && !P) {
-      const t = c.current.getBoundingClientRect(), i = d.current.getBoundingClientRect(), o = v(t, i, {
+    if (c.current && d.current && !z) {
+      const t = c.current.getBoundingClientRect(), i = d.current.getBoundingClientRect(), o = m(t, i, {
         left: i.left,
         top: i.top
       }, !1);
@@ -50,22 +50,22 @@ const q = ({
     }
   }, E = (t) => {
     if (c.current && d.current && e.resizing) {
-      const i = c.current.getBoundingClientRect(), o = d.current.getBoundingClientRect(), l = v(i, o, {
+      const i = c.current.getBoundingClientRect(), o = d.current.getBoundingClientRect(), a = m(i, o, {
         left: t.clientX,
         top: t.clientY
       }, !0);
-      _(), s({
+      x(), s({
         ...e,
-        secondaryPaneSize: l
+        secondaryPaneSize: a
       });
     }
-  }, A = () => {
-    _(), s({
+  }, D = () => {
+    x(), s({
       ...e,
       resizing: !0
     });
-  }, j = (t) => {
-    const i = t.keyCode || t.which, o = z, l = {
+  }, B = (t) => {
+    const i = t.keyCode || t.which, o = y, a = {
       left: 37,
       up: 38,
       right: 39,
@@ -79,7 +79,7 @@ const q = ({
         ...e,
         visibleSplitSide: !1
       }), i) {
-        case l.left:
+        case a.left:
           r ? s({
             ...e,
             visibleSplitSide: !n,
@@ -92,7 +92,7 @@ const q = ({
             isHidePane: !0
           });
           break;
-        case l.right:
+        case a.right:
           s(r ? {
             ...e,
             visibleSplitSide: !n,
@@ -105,7 +105,7 @@ const q = ({
             isHidePane: !0
           });
           break;
-        case l.up:
+        case a.up:
           s(r ? {
             ...e,
             visibleSplitSide: !n,
@@ -118,7 +118,7 @@ const q = ({
             isHidePane: !0
           });
           break;
-        case l.down:
+        case a.down:
           s(r ? {
             ...e,
             visibleSplitSide: !n,
@@ -135,11 +135,11 @@ const q = ({
   };
   b(() => {
     let t;
-    if (window.addEventListener("resize", k), h && document.addEventListener("keyup", j), z)
-      t = z;
+    if (window.addEventListener("resize", k), h && document.addEventListener("keyup", B), y)
+      t = y;
     else if (c.current && d.current) {
       const i = c.current.getBoundingClientRect(), o = d.current.getBoundingClientRect();
-      t = v(i, o, {
+      t = m(i, o, {
         left: i.left + (i.width - o.width) / 2,
         top: i.top + (i.height - o.height) / 2
       }, !1);
@@ -148,35 +148,35 @@ const q = ({
       ...e,
       secondaryPaneSize: t
     }), () => {
-      window.removeEventListener("resize", k), h && document.removeEventListener("keyup", j);
+      window.removeEventListener("resize", k), h && document.removeEventListener("keyup", B);
     };
   }, []), b(() => {
     w && w(e.secondaryPaneSize);
   }, [e.secondaryPaneSize]), b(() => (e.resizing && document.addEventListener("mousemove", E), () => {
     document.removeEventListener("mousemove", E);
   }), [e.resizing]);
-  const D = () => ({
+  const j = () => ({
     size: e.secondaryPaneSize,
-    percentage: P,
+    percentage: z,
     vertical: f,
     primary: S[1] && !1
   }), {
     resizing: K,
-    visibleSplitSide: B
+    visibleSplitSide: L
   } = e;
   let p = "split-component";
-  return x && (p += ` ${x}`), f && (p += " splitter-layout-vertical"), K && (p += " layout-changing"), /* @__PURE__ */ y.jsx(V.Provider, { value: D(), children: /* @__PURE__ */ y.jsxs("div", { className: p, style: N, ref: (t) => {
+  return C && (p += ` ${C}`), f && (p += " splitter-layout-vertical"), K && (p += " layout-changing"), /* @__PURE__ */ v(X.Provider, { value: j(), children: /* @__PURE__ */ U("div", { className: p, style: A, ref: (t) => {
     c.current = t;
   }, children: [
-    C === "primary" ? B && S[0] : S[0],
-    /* @__PURE__ */ y.jsx("div", { role: "button", onKeyPress: void 0, tabIndex: -1, className: "layout-splitter", ref: (t) => {
+    H === "primary" ? L && S[0] : S[0],
+    /* @__PURE__ */ v("div", { role: "button", onKeyPress: void 0, tabIndex: -1, className: "layout-splitter", ref: (t) => {
       d.current = t;
     }, onMouseUp: () => s({
       ...e,
       resizing: !1
     }), onMouseDown: () => {
-      A();
-    }, children: /* @__PURE__ */ y.jsx("div", { role: "button", tabIndex: -1, onDoubleClick: () => e.secondaryPaneSize === 100 ? s({
+      D();
+    }, children: /* @__PURE__ */ v("div", { role: "button", tabIndex: -1, onDoubleClick: () => e.secondaryPaneSize === 100 ? s({
       ...e,
       secondaryPaneSize: 50,
       resizing: !1
@@ -185,9 +185,10 @@ const q = ({
       secondaryPaneSize: 100,
       resizing: !1
     }), className: f ? "toggler-vertical" : "toggler-horizontal" }) }),
-    C === "secondary" ? B && S[1] : S[1]
+    H === "secondary" ? L && S[1] : S[1]
   ] }) });
 };
 export {
-  q as default
+  F as default
 };
+//# sourceMappingURL=Split.js.map

package/lib/split/Split.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Split.js","sources":["../../src/lib/split/Split.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, ReactNode } from 'react';\nimport SplitContext, { ISplitContext } from './helpers';\nimport { ISplitProps, DocumentSelection } from './types';\n\nconst Split = ({\n  hotKey, secondaryInitialSize = 0, onSecondaryPaneSizeChange, vertical,\n  primaryIndex = 0, percentage, primaryMinSize = 0, secondaryMinSize = 0, customClass,\n  children = [], hideSplitSideOnToggleClick = 'primary', style, nodeParameter,\n}: ISplitProps) => {\n  const [state, setState] = useState({\n    secondaryPaneSize: 0,\n    resizing: false,\n    visibleSplitSide: true,\n    isHidePane: true,\n  });\n  const container = useRef<HTMLDivElement>(null);\n  const splitter = useRef<HTMLDivElement>(null);\n\n  const getSecondaryPaneSize =\n    (\n      containerRect: { height: number; width: number; top: number; left: number; },\n      splitterRect: { height: number; width: number; },\n      clientPosition: { left: number; top: number; },\n      offsetMouse: boolean,\n    ) => {\n      let totalSize = vertical ? containerRect.height : containerRect.width;\n      let splitterSize = vertical ? splitterRect.height : splitterRect.width;\n      let offset = vertical\n        ? clientPosition.top - containerRect.top :\n        clientPosition.left - containerRect.left;\n      if (offsetMouse) {\n        offset -= splitterSize / 2;\n      }\n      if (offset < 0) {\n        offset = 0;\n      } else if (offset > totalSize - splitterSize) {\n        offset = totalSize - splitterSize;\n      }\n      let secondaryPaneSize;\n      secondaryPaneSize = primaryIndex === 1 ? offset : totalSize - splitterSize - offset;\n      let primaryPaneSize = totalSize - splitterSize - secondaryPaneSize;\n      if (percentage) {\n        secondaryPaneSize = (secondaryPaneSize * 100) / totalSize;\n        primaryPaneSize = (primaryPaneSize * 100) / totalSize;\n        splitterSize = (splitterSize * 100) / totalSize;\n        totalSize = 100;\n      }\n      if (primaryPaneSize < primaryMinSize) {\n        secondaryPaneSize = Math.max(secondaryPaneSize - (primaryMinSize - primaryPaneSize), 0);\n      } else if (secondaryPaneSize < secondaryMinSize) {\n        secondaryPaneSize = Math.min(totalSize - splitterSize - primaryMinSize, secondaryMinSize);\n      }\n      return secondaryPaneSize;\n    };\n\n  const clearSelection = () => {\n    const docuemntSelection = Selection as DocumentSelection;\n    if (document.createRange() && nodeParameter) {\n      const range = document.createRange();\n      range.collapse();\n      range.selectNode(nodeParameter);\n    } else if (window.getSelection) {\n      const selection = window.getSelection();\n      if (selection && selection.empty) {\n        selection.empty();\n      } else if (selection && selection.removeAllRanges) {\n        selection.removeAllRanges();\n      }\n    } else if (docuemntSelection) {\n      docuemntSelection.empty();\n    }\n  };\n\n  const handleResize = () => {\n    if (container.current && splitter.current && !percentage) {\n      const containerRect = container.current.getBoundingClientRect();\n      const splitterRect = splitter.current.getBoundingClientRect();\n      const secondaryPaneSize = getSecondaryPaneSize(containerRect, splitterRect, {\n        left: splitterRect.left,\n        top: splitterRect.top,\n      }, false);\n      setState({ ...state, secondaryPaneSize });\n    }\n  };\n\n  const handleMouseMove = (e: { clientX: number; clientY: number; }) => {\n    if (container.current && splitter.current && state.resizing) {\n      const containerRect = container.current.getBoundingClientRect();\n      const splitterRect = splitter.current.getBoundingClientRect();\n      const secondaryPaneSize = getSecondaryPaneSize(containerRect, splitterRect, {\n        left: e.clientX,\n        top: e.clientY,\n      }, true);\n      clearSelection();\n      setState({ ...state, secondaryPaneSize });\n    }\n  };\n\n  const handleSplitterMouseDown = () => {\n    clearSelection();\n    setState({ ...state, resizing: true });\n  };\n\n  const expandAndCollapseSide = (event: {\n    keyCode: number; which: ReactNode; ctrlKey: ReactNode;\n  }) => {\n    const keyCode = event.keyCode || event.which;\n    const secondaryPaneValue = secondaryInitialSize;\n    const arrow = {\n      left: 37, up: 38, right: 39, down: 40,\n    };\n    const { isHidePane, visibleSplitSide } = state;\n    if (event.ctrlKey) {\n      setState({ ...state, visibleSplitSide: false });\n      switch (keyCode) {\n        case arrow.left:\n          if (isHidePane) {\n            setState({\n              ...state,\n              visibleSplitSide: !visibleSplitSide,\n              secondaryPaneSize: 100,\n              isHidePane: false,\n            });\n          } else if (state.secondaryPaneSize) {\n            setState({\n              ...state,\n              visibleSplitSide: !visibleSplitSide,\n              secondaryPaneSize: secondaryPaneValue,\n              isHidePane: true,\n            });\n          }\n          break;\n        case arrow.right:\n          if (isHidePane) {\n            setState({\n              ...state,\n              visibleSplitSide: !visibleSplitSide,\n              secondaryPaneSize: 0,\n              isHidePane: false,\n            });\n          } else {\n            setState({\n              ...state,\n              visibleSplitSide: !visibleSplitSide,\n              secondaryPaneSize: secondaryPaneValue,\n              isHidePane: true,\n            });\n          }\n          break;\n        case arrow.up:\n          if (isHidePane) {\n            setState({\n              ...state,\n              visibleSplitSide: !visibleSplitSide,\n              secondaryPaneSize: 100,\n              isHidePane: false,\n            });\n          } else {\n            setState({\n              ...state,\n              visibleSplitSide: !visibleSplitSide,\n              secondaryPaneSize: secondaryPaneValue,\n              isHidePane: true,\n            });\n          }\n          break;\n        case arrow.down:\n          if (isHidePane) {\n            setState({\n              ...state,\n              visibleSplitSide: !visibleSplitSide,\n              secondaryPaneSize: 0,\n              isHidePane: false,\n            });\n          } else {\n            setState({\n              ...state,\n              visibleSplitSide: !visibleSplitSide,\n              secondaryPaneSize: secondaryPaneValue,\n              isHidePane: true,\n            });\n          }\n          break;\n        default:\n          break;\n      }\n    }\n  };\n\n  useEffect(() => {\n    let secondaryPaneSize;\n    window.addEventListener('resize', handleResize);\n    if (hotKey) document.addEventListener('keyup', expandAndCollapseSide);\n    if (secondaryInitialSize) {\n      secondaryPaneSize = secondaryInitialSize;\n    } else if (container.current && splitter.current) {\n      const containerRect = container.current.getBoundingClientRect();\n      const splitterRect = splitter.current.getBoundingClientRect();\n      secondaryPaneSize = getSecondaryPaneSize(containerRect, splitterRect, {\n        left: containerRect.left + ((containerRect.width - splitterRect.width) / 2),\n        top: containerRect.top + ((containerRect.height - splitterRect.height) / 2),\n      }, false);\n    }\n    secondaryPaneSize = secondaryPaneSize as number;\n    // TODO: Ao revisar este componente, encontrar solução melhor\n    setState({ ...state, secondaryPaneSize });\n    return () => {\n      window.removeEventListener('resize', handleResize);\n      if (hotKey) document.removeEventListener('keyup', expandAndCollapseSide);\n    };\n  }, []);\n\n  useEffect(() => {\n    if (onSecondaryPaneSizeChange) onSecondaryPaneSizeChange(state.secondaryPaneSize);\n  }, [state.secondaryPaneSize]);\n\n  useEffect(() => {\n    if (state.resizing) {\n      document.addEventListener('mousemove', handleMouseMove);\n    }\n    return () => {\n      document.removeEventListener('mousemove', handleMouseMove);\n    };\n  }, [state.resizing]);\n\n  const getChildContext = () => ({\n    size: state.secondaryPaneSize,\n    percentage,\n    vertical,\n    primary: children[1] && false,\n  } as ISplitContext);\n\n  const { resizing, visibleSplitSide } = state;\n\n  let containerClasses = 'split-component';\n  if (customClass) {\n    containerClasses += ` ${customClass}`;\n  }\n  if (vertical) {\n    containerClasses += ' splitter-layout-vertical';\n  }\n  if (resizing) {\n    containerClasses += ' layout-changing';\n  }\n  return (\n    <SplitContext.Provider value={getChildContext()}>\n      <div className={containerClasses} style={style} ref={(r) => { container.current = r; }}>\n        {hideSplitSideOnToggleClick === 'primary' ?\n            (visibleSplitSide && children[0])\n          : children[0]}\n        <div\n          role=\"button\"\n          onKeyPress={undefined}\n          tabIndex={-1}\n          className=\"layout-splitter\"\n          ref={(r) => { splitter.current = r; }}\n          onMouseUp={() => setState({ ...state, resizing: false })}\n          onMouseDown={() => { handleSplitterMouseDown(); }}>\n          <div\n            role=\"button\"\n            tabIndex={-1}\n            onDoubleClick={() => (state.secondaryPaneSize === 100 ?\n                setState({\n                  ...state,\n                  secondaryPaneSize: 50,\n                  resizing: false,\n                }) :\n                setState({\n                  ...state,\n                  secondaryPaneSize: 100,\n                  resizing: false,\n                }))}\n            className={vertical ? 'toggler-vertical' : 'toggler-horizontal'} />\n        </div>\n        {hideSplitSideOnToggleClick === 'secondary' ?\n            (visibleSplitSide && children[1])\n          : children[1]}\n      </div>\n    </SplitContext.Provider>\n  );\n};\n\nexport default Split;\n"],"names":["Split","hotKey","secondaryInitialSize","onSecondaryPaneSizeChange","vertical","primaryIndex","percentage","primaryMinSize","secondaryMinSize","customClass","children","hideSplitSideOnToggleClick","style","nodeParameter","state","setState","useState","secondaryPaneSize","resizing","visibleSplitSide","isHidePane","container","useRef","splitter","getSecondaryPaneSize","containerRect","splitterRect","clientPosition","offsetMouse","totalSize","height","width","splitterSize","offset","top","left","primaryPaneSize","Math","max","min","clearSelection","docuemntSelection","Selection","document","createRange","range","collapse","selectNode","window","getSelection","selection","empty","removeAllRanges","handleResize","current","getBoundingClientRect","handleMouseMove","e","clientX","clientY","handleSplitterMouseDown","expandAndCollapseSide","event","keyCode","which","secondaryPaneValue","arrow","up","right","down","ctrlKey","useEffect","addEventListener","removeEventListener","getChildContext","size","primary","containerClasses","jsx","SplitContext","jsxs","r","undefined"],"mappings":"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"}

package/lib/split/SplitSide.js

@@ -1,27 +1,28 @@
-import { j as d } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as S } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import { useContext as $ } from "react";
+import { jsx as S } from "react/jsx-runtime";
+import { c as $ } from "react/compiler-runtime";
+import { useContext as x } from "react";
 import h from "./helpers.js";
-const z = (f) => {
-  const t = S.c(14), {
+const z = (u) => {
+  const t = $(14), {
     primary: a,
     children: n,
     customClass: p,
     style: c
-  } = f, {
-    size: x,
-    percentage: y,
+  } = u, {
+    size: y,
+    percentage: d,
     vertical: m
-  } = $(h), l = x || 0, o = y ? "%" : "px";
+  } = x(h), l = y || 0, o = d ? "%" : "px";
   let e = "layout-pane", s, i;
   if (t[0] !== e || t[1] !== p || t[2] !== a || t[3] !== l || t[4] !== c || t[5] !== o || t[6] !== m) {
-    const u = {};
-    a ? e = "layout-pane layout-pane-primary" : m ? u.height = `${l}${o}` : u.width = `${l}${o}`, s = `${e} ${p}`, i = Object.assign({}, u, c), t[0] = e, t[1] = p, t[2] = a, t[3] = l, t[4] = c, t[5] = o, t[6] = m, t[7] = s, t[8] = i, t[9] = e;
+    const f = {};
+    a ? e = "layout-pane layout-pane-primary" : m ? f.height = `${l}${o}` : f.width = `${l}${o}`, s = `${e} ${p}`, i = Object.assign({}, f, c), t[0] = e, t[1] = p, t[2] = a, t[3] = l, t[4] = c, t[5] = o, t[6] = m, t[7] = s, t[8] = i, t[9] = e;
   } else
     s = t[7], i = t[8], e = t[9];
   let r;
-  return t[10] !== n || t[11] !== s || t[12] !== i ? (r = /* @__PURE__ */ d.jsx("div", { className: s, style: i, children: n }), t[10] = n, t[11] = s, t[12] = i, t[13] = r) : r = t[13], r;
+  return t[10] !== n || t[11] !== s || t[12] !== i ? (r = /* @__PURE__ */ S("div", { className: s, style: i, children: n }), t[10] = n, t[11] = s, t[12] = i, t[13] = r) : r = t[13], r;
 };
 export {
   z as default
 };
+//# sourceMappingURL=SplitSide.js.map

package/lib/split/SplitSide.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitSide.js","sources":["../../src/lib/split/SplitSide.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { ISplitSideProps } from './types';\nimport SplitContext from './helpers';\n\nconst SplitSide = ({ primary, children, customClass, style } : ISplitSideProps) => {\n  const { size, percentage, vertical } = useContext(SplitContext);\n  const sizeSplitSide = size || 0;\n  const unit = percentage ? '%' : 'px';\n  let classes = 'layout-pane';\n\n  type SplitSideSpecificStyle = {\n    height: string;\n    width: string;\n  };\n\n  const splitSideStyle = {} as SplitSideSpecificStyle;\n  if (!primary) {\n    if (vertical) {\n      splitSideStyle.height = `${sizeSplitSide}${unit}`;\n    } else {\n      splitSideStyle.width = `${sizeSplitSide}${unit}`;\n    }\n  } else {\n    classes += ' layout-pane-primary';\n  }\n  return (\n    <div\n      className={`${classes} ${customClass}`}\n      style={Object.assign({}, splitSideStyle, style)}>\n      {children}\n    </div>\n  );\n};\n\nexport default SplitSide;\n"],"names":["SplitSide","t0","$","_c","primary","children","customClass","style","size","percentage","vertical","useContext","SplitContext","sizeSplitSide","unit","classes","t1","t2","splitSideStyle","height","width","Object","assign","t3"],"mappings":";;;;AAIA,MAAMA,IAAYC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAC;AAAA,IAAAC,SAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,OAAAA;AAAAA,EAAAA,IAAAN,GACjB;AAAA,IAAAO,MAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,UAAAA;AAAAA,EAAAA,IAAuCC,EAAWC,CAAY,GAC9DC,IAAsBL,KAAA,GACtBM,IAAaL,IAAA,MAAA;AACb,MAAAM,IAAc,eAAcC,GAAAC;AAAA,MAAAf,EAAA,CAAA,MAAAa,KAAAb,EAAA,CAAA,MAAAI,KAAAJ,EAAA,CAAA,MAAAE,KAAAF,SAAAW,KAAAX,EAAA,CAAA,MAAAK,KAAAL,EAAA,CAAA,MAAAY,KAAAZ,EAAA,CAAA,MAAAQ,GAAA;AAO5B,UAAAQ,IAAuB,CAAA;AACvB,IAAKd,IAOHW,IAAA,oCANIL,IACFQ,EAAcC,SAAU,GAAGN,CAAa,GAAGC,CAAI,KAE/CI,EAAcE,QAAS,GAAGP,CAAa,GAAGC,CAAI,IAOnCE,IAAA,GAAGD,CAAO,IAAIT,CAAW,IAC7BW,IAAAI,OAAMC,OAAQ,CAAA,GAAIJ,GAAgBX,CAAK,GAACL,OAAAa,GAAAb,OAAAI,GAAAJ,OAAAE,GAAAF,OAAAW,GAAAX,OAAAK,GAAAL,OAAAY,GAAAZ,OAAAQ,GAAAR,OAAAc,GAAAd,OAAAe,GAAAf,OAAAa;AAAAA,EAAA;AAAAC,IAAAA,IAAAd,EAAA,CAAA,GAAAe,IAAAf,EAAA,CAAA,GAAAa,IAAAb,EAAA,CAAA;AAAA,MAAAqB;AAAA,SAAArB,EAAA,EAAA,MAAAG,KAAAH,UAAAc,KAAAd,EAAA,EAAA,MAAAe,KAFjDM,+BACa,WAAAP,GACJ,OAAAC,GACNZ,UAAAA,GACH,GAAMH,QAAAG,GAAAH,QAAAc,GAAAd,QAAAe,GAAAf,QAAAqB,KAAAA,IAAArB,EAAA,EAAA,GAJNqB;AAIM;"}