linear-react-components-ui 1.1.26-beta.2 → 1.1.26-beta.21

package/lib/spinner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/lib/spinner/index.tsx"],"sourcesContent":["import { 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;\nexport { SpinnerLoading };\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":"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"}

package/lib/spinner/types.d.ts

@@ -9,9 +9,9 @@ export interface ISpinnerProps {
     delayTime?: number;
     heightAuto?: boolean;
     color?: string;
-    size?: string;
+    size?: string | number;
 }
 export interface ISpinnerLoadingProps {
     color?: string;
-    size: string;
+    size: string | number;
 }

package/lib/split/Split.js

@@ -1,4 +1,4 @@
-import { j as m } from "../chunks/jsx-runtime.CYK1ROHF.js";
+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 = ({
@@ -10,60 +10,75 @@ const F = ({
   percentage: z,
   primaryMinSize: P = 0,
   secondaryMinSize: R = 0,
-  customClass: x,
+  customClass: C,
   children: S = [],
-  hideSplitSideOnToggleClick: C = "primary",
+  hideSplitSideOnToggleClick: H = "primary",
   style: A,
-  nodeParameter: H
+  nodeParameter: _
 }) => {
   const [e, s] = V({
     secondaryPaneSize: 0,
     resizing: !1,
     visibleSplitSide: !0,
     isHidePane: !0
-  }), c = M(null), d = M(null), v = (t, i, o, a) => {
+  }), 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;
     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;
-  }, k = () => {
+  }, 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();
-  }, E = () => {
+  }, k = () => {
     if (c.current && d.current && !z) {
-      const t = c.current.getBoundingClientRect(), i = d.current.getBoundingClientRect(), o = v(t, i, {
+      const t = c.current.getBoundingClientRect(), i = d.current.getBoundingClientRect(), o = m(t, i, {
         left: i.left,
         top: i.top
       }, !1);
-      s({ ...e, secondaryPaneSize: o });
+      s({
+        ...e,
+        secondaryPaneSize: o
+      });
     }
-  }, j = (t) => {
+  }, E = (t) => {
     if (c.current && d.current && e.resizing) {
-      const i = c.current.getBoundingClientRect(), o = d.current.getBoundingClientRect(), a = v(i, o, {
+      const i = c.current.getBoundingClientRect(), o = d.current.getBoundingClientRect(), a = m(i, o, {
         left: t.clientX,
         top: t.clientY
       }, !0);
-      k(), s({ ...e, secondaryPaneSize: a });
+      x(), s({
+        ...e,
+        secondaryPaneSize: a
+      });
     }
   }, D = () => {
-    k(), s({ ...e, resizing: !0 });
+    x(), s({
+      ...e,
+      resizing: !0
+    });
   }, B = (t) => {
     const i = t.keyCode || t.which, o = y, a = {
       left: 37,
       up: 38,
       right: 39,
       down: 40
-    }, { isHidePane: r, visibleSplitSide: n } = e;
+    }, {
+      isHidePane: r,
+      visibleSplitSide: n
+    } = e;
     if (t.ctrlKey)
-      switch (s({ ...e, visibleSplitSide: !1 }), i) {
+      switch (s({
+        ...e,
+        visibleSplitSide: !1
+      }), i) {
         case a.left:
           r ? s({
             ...e,
@@ -120,70 +135,60 @@ const F = ({
   };
   b(() => {
     let t;
-    if (window.addEventListener("resize", E), h && document.addEventListener("keyup", B), y)
+    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);
     }
-    return t = t, s({ ...e, secondaryPaneSize: t }), () => {
-      window.removeEventListener("resize", E), h && document.removeEventListener("keyup", B);
+    return t = t, s({
+      ...e,
+      secondaryPaneSize: t
+    }), () => {
+      window.removeEventListener("resize", k), h && document.removeEventListener("keyup", B);
     };
   }, []), b(() => {
     w && w(e.secondaryPaneSize);
-  }, [e.secondaryPaneSize]), b(() => (e.resizing && document.addEventListener("mousemove", j), () => {
-    document.removeEventListener("mousemove", j);
+  }, [e.secondaryPaneSize]), b(() => (e.resizing && document.addEventListener("mousemove", E), () => {
+    document.removeEventListener("mousemove", E);
   }), [e.resizing]);
-  const K = () => ({
+  const j = () => ({
     size: e.secondaryPaneSize,
     percentage: z,
     vertical: f,
     primary: S[1] && !1
-  }), { resizing: U, visibleSplitSide: L } = e;
+  }), {
+    resizing: K,
+    visibleSplitSide: L
+  } = e;
   let p = "split-component";
-  return x && (p += ` ${x}`), f && (p += " splitter-layout-vertical"), U && (p += " layout-changing"), /* @__PURE__ */ m.jsx(X.Provider, { value: K(), children: /* @__PURE__ */ m.jsxs("div", { className: p, style: A, 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" ? L && S[0] : S[0],
-    /* @__PURE__ */ m.jsx(
-      "div",
-      {
-        role: "button",
-        onKeyPress: void 0,
-        tabIndex: -1,
-        className: "layout-splitter",
-        ref: (t) => {
-          d.current = t;
-        },
-        onMouseUp: () => s({ ...e, resizing: !1 }),
-        onMouseDown: () => {
-          D();
-        },
-        children: /* @__PURE__ */ m.jsx(
-          "div",
-          {
-            role: "button",
-            tabIndex: -1,
-            onDoubleClick: () => e.secondaryPaneSize === 100 ? s({
-              ...e,
-              secondaryPaneSize: 50,
-              resizing: !1
-            }) : s({
-              ...e,
-              secondaryPaneSize: 100,
-              resizing: !1
-            }),
-            className: f ? "toggler-vertical" : "toggler-horizontal"
-          }
-        )
-      }
-    ),
-    C === "secondary" ? L && S[1] : S[1]
+    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: () => {
+      D();
+    }, children: /* @__PURE__ */ v("div", { role: "button", tabIndex: -1, onDoubleClick: () => e.secondaryPaneSize === 100 ? s({
+      ...e,
+      secondaryPaneSize: 50,
+      resizing: !1
+    }) : s({
+      ...e,
+      secondaryPaneSize: 100,
+      resizing: !1
+    }), className: f ? "toggler-vertical" : "toggler-horizontal" }) }),
+    H === "secondary" ? L && S[1] : S[1]
   ] }) });
 };
 export {
   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 { 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":";;;AAIA,MAAMA,IAAQA,CAAC;AAAA,EACbC,QAAAA;AAAAA,EAAQC,sBAAAA,IAAuB;AAAA,EAAGC,2BAAAA;AAAAA,EAA2BC,UAAAA;AAAAA,EAC7DC,cAAAA,IAAe;AAAA,EAAGC,YAAAA;AAAAA,EAAYC,gBAAAA,IAAiB;AAAA,EAAGC,kBAAAA,IAAmB;AAAA,EAAGC,aAAAA;AAAAA,EACxEC,UAAAA,IAAW,CAAA;AAAA,EAAIC,4BAAAA,IAA6B;AAAA,EAAWC,OAAAA;AAAAA,EAAOC,eAAAA;AACnD,MAAM;AACjB,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS;AAAA,IACjCC,mBAAmB;AAAA,IACnBC,UAAU;AAAA,IACVC,kBAAkB;AAAA,IAClBC,YAAY;AAAA,EAAA,CACb,GACKC,IAAYC,EAAuB,IAAI,GACvCC,IAAWD,EAAuB,IAAI,GAEtCE,IACJA,CACEC,GACAC,GACAC,GACAC,MACG;AACH,QAAIC,IAAYzB,IAAWqB,EAAcK,SAASL,EAAcM,OAC5DC,IAAe5B,IAAWsB,EAAaI,SAASJ,EAAaK,OAC7DE,IAAS7B,IACTuB,EAAeO,MAAMT,EAAcS,MACrCP,EAAeQ,OAAOV,EAAcU;AACtC,IAAIP,MACFK,KAAUD,IAAe,IAEvBC,IAAS,IACXA,IAAS,IACAA,IAASJ,IAAYG,MAC9BC,IAASJ,IAAYG;AAEvB,QAAIf;AACJA,IAAAA,IAAoBZ,MAAiB,IAAI4B,IAASJ,IAAYG,IAAeC;AAC7E,QAAIG,IAAkBP,IAAYG,IAAef;AACjD,WAAIX,MACFW,IAAqBA,IAAoB,MAAOY,GAChDO,IAAmBA,IAAkB,MAAOP,GAC5CG,IAAgBA,IAAe,MAAOH,GACtCA,IAAY,MAEVO,IAAkB7B,IACpBU,IAAoBoB,KAAKC,IAAIrB,KAAqBV,IAAiB6B,IAAkB,CAAC,IAC7EnB,IAAoBT,MAC7BS,IAAoBoB,KAAKE,IAAIV,IAAYG,IAAezB,GAAgBC,CAAgB,IAEnFS;AAAAA,EACT,GAEIuB,IAAiBA,MAAM;AAC3B,UAAMC,IAAoBC;AAC1B,QAAIC,SAASC,YAAAA,KAAiB/B,GAAe;AAC3C,YAAMgC,IAAQF,SAASC,YAAAA;AACvBC,MAAAA,EAAMC,SAAAA,GACND,EAAME,WAAWlC,CAAa;AAAA,IAChC,WAAWmC,OAAOC,cAAc;AAC9B,YAAMC,IAAYF,OAAOC,aAAAA;AACzB,MAAIC,KAAaA,EAAUC,QACzBD,EAAUC,MAAAA,IACDD,KAAaA,EAAUE,mBAChCF,EAAUE,gBAAAA;AAAAA,IAEd,OAAWX,KACTA,EAAkBU,MAAAA;AAAAA,EAEtB,GAEME,IAAeA,MAAM;AACzB,QAAIhC,EAAUiC,WAAW/B,EAAS+B,WAAW,CAAChD,GAAY;AACxD,YAAMmB,IAAgBJ,EAAUiC,QAAQC,sBAAAA,GAClC7B,IAAeH,EAAS+B,QAAQC,sBAAAA,GAChCtC,IAAoBO,EAAqBC,GAAeC,GAAc;AAAA,QAC1ES,MAAMT,EAAaS;AAAAA,QACnBD,KAAKR,EAAaQ;AAAAA,MAAAA,GACjB,EAAK;AACRnB,MAAAA,EAAS;AAAA,QAAE,GAAGD;AAAAA,QAAOG,mBAAAA;AAAAA,MAAAA,CAAmB;AAAA,IAC1C;AAAA,EACF,GAEMuC,IAAkBA,CAACC,MAA6C;AACpE,QAAIpC,EAAUiC,WAAW/B,EAAS+B,WAAWxC,EAAMI,UAAU;AAC3D,YAAMO,IAAgBJ,EAAUiC,QAAQC,sBAAAA,GAClC7B,IAAeH,EAAS+B,QAAQC,sBAAAA,GAChCtC,IAAoBO,EAAqBC,GAAeC,GAAc;AAAA,QAC1ES,MAAMsB,EAAEC;AAAAA,QACRxB,KAAKuB,EAAEE;AAAAA,MAAAA,GACN,EAAI;AACPnB,MAAAA,EAAAA,GACAzB,EAAS;AAAA,QAAE,GAAGD;AAAAA,QAAOG,mBAAAA;AAAAA,MAAAA,CAAmB;AAAA,IAC1C;AAAA,EACF,GAEM2C,IAA0BA,MAAM;AACpCpB,IAAAA,EAAAA,GACAzB,EAAS;AAAA,MAAE,GAAGD;AAAAA,MAAOI,UAAU;AAAA,IAAA,CAAM;AAAA,EACvC,GAEM2C,IAAwBA,CAACC,MAEzB;AACJ,UAAMC,IAAUD,EAAMC,WAAWD,EAAME,OACjCC,IAAqB/D,GACrBgE,IAAQ;AAAA,MACZ/B,MAAM;AAAA,MAAIgC,IAAI;AAAA,MAAIC,OAAO;AAAA,MAAIC,MAAM;AAAA,IAAA,GAE/B;AAAA,MAAEjD,YAAAA;AAAAA,MAAYD,kBAAAA;AAAAA,IAAAA,IAAqBL;AACzC,QAAIgD,EAAMQ;AAER,cADAvD,EAAS;AAAA,QAAE,GAAGD;AAAAA,QAAOK,kBAAkB;AAAA,MAAA,CAAO,GACtC4C,GAAAA;AAAAA,QACN,KAAKG,EAAM/B;AACT,UAAIf,IACFL,EAAS;AAAA,YACP,GAAGD;AAAAA,YACHK,kBAAkB,CAACA;AAAAA,YACnBF,mBAAmB;AAAA,YACnBG,YAAY;AAAA,UAAA,CACb,IACQN,EAAMG,qBACfF,EAAS;AAAA,YACP,GAAGD;AAAAA,YACHK,kBAAkB,CAACA;AAAAA,YACnBF,mBAAmBgD;AAAAA,YACnB7C,YAAY;AAAA,UAAA,CACb;AAEH;AAAA,QACF,KAAK8C,EAAME;AACT,UACErD,EADEK,IACO;AAAA,YACP,GAAGN;AAAAA,YACHK,kBAAkB,CAACA;AAAAA,YACnBF,mBAAmB;AAAA,YACnBG,YAAY;AAAA,UAAA,IAGL;AAAA,YACP,GAAGN;AAAAA,YACHK,kBAAkB,CAACA;AAAAA,YACnBF,mBAAmBgD;AAAAA,YACnB7C,YAAY;AAAA,UAAA,CANb;AASH;AAAA,QACF,KAAK8C,EAAMC;AACT,UACEpD,EADEK,IACO;AAAA,YACP,GAAGN;AAAAA,YACHK,kBAAkB,CAACA;AAAAA,YACnBF,mBAAmB;AAAA,YACnBG,YAAY;AAAA,UAAA,IAGL;AAAA,YACP,GAAGN;AAAAA,YACHK,kBAAkB,CAACA;AAAAA,YACnBF,mBAAmBgD;AAAAA,YACnB7C,YAAY;AAAA,UAAA,CANb;AASH;AAAA,QACF,KAAK8C,EAAMG;AACT,UACEtD,EADEK,IACO;AAAA,YACP,GAAGN;AAAAA,YACHK,kBAAkB,CAACA;AAAAA,YACnBF,mBAAmB;AAAA,YACnBG,YAAY;AAAA,UAAA,IAGL;AAAA,YACP,GAAGN;AAAAA,YACHK,kBAAkB,CAACA;AAAAA,YACnBF,mBAAmBgD;AAAAA,YACnB7C,YAAY;AAAA,UAAA,CANb;AASH;AAAA,MAEA;AAAA,EAGR;AAEAmD,EAAAA,EAAU,MAAM;AACd,QAAItD;AAGJ,QAFA+B,OAAOwB,iBAAiB,UAAUnB,CAAY,GAC1CpD,KAAQ0C,SAAS6B,iBAAiB,SAASX,CAAqB,GAChE3D;AACFe,MAAAA,IAAoBf;AAAAA,aACXmB,EAAUiC,WAAW/B,EAAS+B,SAAS;AAChD,YAAM7B,IAAgBJ,EAAUiC,QAAQC,sBAAAA,GAClC7B,IAAeH,EAAS+B,QAAQC,sBAAAA;AACtCtC,MAAAA,IAAoBO,EAAqBC,GAAeC,GAAc;AAAA,QACpES,MAAMV,EAAcU,QAASV,EAAcM,QAAQL,EAAaK,SAAS;AAAA,QACzEG,KAAKT,EAAcS,OAAQT,EAAcK,SAASJ,EAAaI,UAAU;AAAA,MAAA,GACxE,EAAK;AAAA,IACV;AACAb,WAAAA,IAAoBA,GAEpBF,EAAS;AAAA,MAAE,GAAGD;AAAAA,MAAOG,mBAAAA;AAAAA,IAAAA,CAAmB,GACjC,MAAM;AACX+B,aAAOyB,oBAAoB,UAAUpB,CAAY,GAC7CpD,KAAQ0C,SAAS8B,oBAAoB,SAASZ,CAAqB;AAAA,IACzE;AAAA,EACF,GAAG,CAAA,CAAE,GAELU,EAAU,MAAM;AACd,IAAIpE,KAA2BA,EAA0BW,EAAMG,iBAAiB;AAAA,EAClF,GAAG,CAACH,EAAMG,iBAAiB,CAAC,GAE5BsD,EAAU,OACJzD,EAAMI,YACRyB,SAAS6B,iBAAiB,aAAahB,CAAe,GAEjD,MAAM;AACXb,aAAS8B,oBAAoB,aAAajB,CAAe;AAAA,EAC3D,IACC,CAAC1C,EAAMI,QAAQ,CAAC;AAEnB,QAAMwD,IAAkBA,OAAO;AAAA,IAC7BC,MAAM7D,EAAMG;AAAAA,IACZX,YAAAA;AAAAA,IACAF,UAAAA;AAAAA,IACAwE,SAASlE,EAAS,CAAC,KAAK;AAAA,EAAA,IAGpB;AAAA,IAAEQ,UAAAA;AAAAA,IAAUC,kBAAAA;AAAAA,EAAAA,IAAqBL;AAEvC,MAAI+D,IAAmB;AACvB,SAAIpE,MACFoE,KAAoB,IAAIpE,CAAW,KAEjCL,MACFyE,KAAoB,8BAElB3D,MACF2D,KAAoB,qBAGpB,gBAAAC,EAACC,EAAa,UAAb,EAAsB,OAAOL,EAAAA,GAC5B,UAAA,gBAAAM,EAAC,OAAA,EAAI,WAAWH,GAAkB,OAAAjE,GAAc,KAAMqE,CAAAA,MAAM;AAAE5D,IAAAA,EAAUiC,UAAU2B;AAAAA,EAAG,GAClFtE,UAAAA;AAAAA,IAAAA,MAA+B,YAC3BQ,KAAoBT,EAAS,CAAC,IAC/BA,EAAS,CAAC;AAAA,IACd,gBAAAoE,EAAC,OAAA,EACC,MAAK,UACL,YAAYI,QACZ,UAAU,IACV,WAAU,mBACV,KAAMD,CAAAA,MAAM;AAAE1D,MAAAA,EAAS+B,UAAU2B;AAAAA,IAAG,GACpC,WAAW,MAAMlE,EAAS;AAAA,MAAE,GAAGD;AAAAA,MAAOI,UAAU;AAAA,IAAA,CAAO,GACvD,aAAa,MAAM;AAAE0C,MAAAA,EAAAA;AAAAA,IAA2B,GAChD,UAAA,gBAAAkB,EAAC,OAAA,EACC,MAAK,UACL,UAAU,IACV,eAAe,MAAOhE,EAAMG,sBAAsB,MAC9CF,EAAS;AAAA,MACP,GAAGD;AAAAA,MACHG,mBAAmB;AAAA,MACnBC,UAAU;AAAA,IAAA,CACX,IACDH,EAAS;AAAA,MACP,GAAGD;AAAAA,MACHG,mBAAmB;AAAA,MACnBC,UAAU;AAAA,IAAA,CACX,GACL,WAAWd,IAAW,qBAAqB,sBAAqB,EAAA,CACpE;AAAA,IACCO,MAA+B,cAC3BQ,KAAoBT,EAAS,CAAC,IAC/BA,EAAS,CAAC;AAAA,EAAA,EAAA,CAChB,EAAA,CACF;AAEJ;"}

package/lib/split/SplitSide.js

@@ -1,19 +1,28 @@
-import { j as m } from "../chunks/jsx-runtime.CYK1ROHF.js";
-import { useContext as u } from "react";
-import x from "./helpers.js";
-const $ = ({ primary: o, children: l, customClass: a, style: n }) => {
-  const { size: p, percentage: r, vertical: c } = u(x), e = p || 0, s = r ? "%" : "px";
-  let i = "layout-pane";
-  const t = {};
-  return o ? i += " layout-pane-primary" : c ? t.height = `${e}${s}` : t.width = `${e}${s}`, /* @__PURE__ */ m.jsx(
-    "div",
-    {
-      className: `${i} ${a}`,
-      style: Object.assign({}, t, n),
-      children: l
-    }
-  );
+import { jsx as S } from "react/jsx-runtime";
+import { c as $ } from "../_virtual/compiler-runtime.js";
+import { useContext as x } from "react";
+import h from "./helpers.js";
+const z = (u) => {
+  const t = $.c(14), {
+    primary: a,
+    children: n,
+    customClass: p,
+    style: c
+  } = u, {
+    size: y,
+    percentage: d,
+    vertical: m
+  } = 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 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__ */ 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 {
-  $ as default
+  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 { 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,EAAAA,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;"}

package/lib/split/helpers.d.ts

@@ -1,8 +1,7 @@
-import { default as React } from 'react';
 export type ISplitContext = {
     size?: number;
     percentage?: number | string;
     vertical?: boolean;
 };
-declare const SplitContext: React.Context<ISplitContext>;
+declare const SplitContext: import('react').Context<ISplitContext>;
 export default SplitContext;

package/lib/split/helpers.js

@@ -1,5 +1,6 @@
-import t from "react";
-const o = t.createContext({});
+import { createContext as t } from "react";
+const o = t({});
 export {
   o as default
 };
+//# sourceMappingURL=helpers.js.map

package/lib/split/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sources":["../../src/lib/split/helpers.ts"],"sourcesContent":["import { createContext } from \"react\";\n\nexport type ISplitContext = {\n  size?: number;\n  percentage?: number | string;\n  vertical?: boolean;\n};\n\nconst SplitContext = createContext({} as ISplitContext);\n\nexport default SplitContext;\n"],"names":["SplitContext","createContext"],"mappings":";AAQA,MAAMA,IAAeC,EAAc,CAAA,CAAmB;"}

package/lib/split/index.js

@@ -1,6 +1,8 @@
-import e from "./Split.js";
-import { default as r } from "./SplitSide.js";
+import '../assets/styles/split.css';/* empty css                          */
+import p from "./Split.js";
+import { default as i } from "./SplitSide.js";
 export {
-  r as SplitSide,
-  e as default
+  i as SplitSide,
+  p as default
 };
+//# sourceMappingURL=index.js.map

package/lib/split/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/lib/table/Body.js

@@ -1,59 +1,46 @@
-import { j as e } from "../chunks/jsx-runtime.CYK1ROHF.js";
-import { useContext as x } from "react";
-import f, { getArrayFromNumber as y } from "./helpers.js";
-import j from "../skeleton/index.js";
-import "lodash";
-import k from "./Row.js";
-import "../icons/index.js";
-import h from "./RowColumn.js";
-/* empty css                       */
-const b = (s, {
-  columnsCount: t,
-  vertical: o,
-  skeletonize: a,
-  skeletonInRows: n = 10,
-  skeletonHeight: i = 16,
-  columnsWidth: r
+import { jsx as o } from "react/jsx-runtime";
+import { c as u } from "../_virtual/compiler-runtime.js";
+import { useContext as k } from "react";
+import C, { getArrayFromNumber as h } from "./helpers.js";
+import w from "../skeleton/index.js";
+import "../_virtual/lodash.js";
+import x from "./Row.js";
+import R from "./RowColumn.js";
+import '../assets/styles/table.css';/* empty css                          */
+const f = (p, {
+  columnsCount: e,
+  vertical: n,
+  skeletonize: r,
+  skeletonInRows: t = 10,
+  skeletonHeight: s = 16,
+  columnsWidth: l
 }) => {
-  if (a && !o && t && n) {
-    const c = y(n), m = y(t);
-    return c.map((l) => /* @__PURE__ */ e.jsx(k, { customClass: "row-skeleton", children: m.map((p) => /* @__PURE__ */ e.jsx(h, { style: { width: r == null ? void 0 : r[p - 1] }, children: /* @__PURE__ */ e.jsx(j, { height: i }) }, p)) }, l));
+  if (r && !n && e && t) {
+    const y = h(t), c = h(e);
+    return y.map((b) => /* @__PURE__ */ o(x, { customClass: "row-skeleton", children: c.map((a) => /* @__PURE__ */ o(R, { style: {
+      width: l?.[a - 1]
+    }, children: /* @__PURE__ */ o(w, { height: s }) }, a)) }, b));
   }
-  return s;
-}, v = ({ children: s, customClass: t }) => {
-  const o = x(f), {
-    bodyScrollable: a,
-    bodyContainerRef: n,
-    skeletonize: i,
-    skeletonInRows: r = 10,
-    strict: c,
-    vertical: m,
-    columnsCount: d
-  } = o, l = !!(i && !m && r && d);
-  return a ? /* @__PURE__ */ e.jsx(
-    "div",
-    {
-      className: "bodycontainer",
-      ref: n,
-      children: /* @__PURE__ */ e.jsx(
-        "table",
-        {
-          className: "innertable",
-          style: {
-            contain: c ? "strict" : "size layout style"
-          },
-          children: /* @__PURE__ */ e.jsx(
-            "tbody",
-            {
-              className: `tbody ${l ? "skeleton-transparency" : ""} ${t}`,
-              children: b(s, o)
-            }
-          )
-        }
-      )
-    }
-  ) : /* @__PURE__ */ e.jsx("tbody", { className: `tbody ${l ? "skeleton-transparency" : ""} ${t}`, children: b(s, o) });
+  return p;
+}, B = (p) => {
+  const e = u.c(8), {
+    children: n,
+    customClass: r
+  } = p, t = k(C), {
+    bodyScrollable: s,
+    bodyContainerRef: l,
+    skeletonize: y,
+    skeletonInRows: c,
+    strict: i,
+    vertical: b,
+    columnsCount: a
+  } = t, m = !!(y && !b && (c === void 0 ? 10 : c) && a);
+  let d;
+  return e[0] !== l || e[1] !== s || e[2] !== n || e[3] !== t || e[4] !== r || e[5] !== m || e[6] !== i ? (d = s ? /* @__PURE__ */ o("div", { className: "bodycontainer", ref: l, children: /* @__PURE__ */ o("table", { className: "innertable", style: {
+    contain: i ? "strict" : "size layout style"
+  }, children: /* @__PURE__ */ o("tbody", { className: `tbody ${m ? "skeleton-transparency" : ""} ${r}`, children: f(n, t) }) }) }) : /* @__PURE__ */ o("tbody", { className: `tbody ${m ? "skeleton-transparency" : ""} ${r}`, children: f(n, t) }), e[0] = l, e[1] = s, e[2] = n, e[3] = t, e[4] = r, e[5] = m, e[6] = i, e[7] = d) : d = e[7], d;
 };
 export {
-  v as default
+  B as default
 };
+//# sourceMappingURL=Body.js.map

package/lib/table/Body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Body.js","sources":["../../src/lib/table/Body.tsx"],"sourcesContent":["import { ReactNode, useContext } from 'react';\nimport TableContext, { getArrayFromNumber } from './helpers';\nimport Skeleton from '../skeleton';\nimport { TRow, Td } from './index';\nimport { ITableBodyProps, ITableContext } from './types';\n\nconst renderChildren = (\n  children: ReactNode,\n  {\n    columnsCount, vertical, skeletonize, skeletonInRows = 10, skeletonHeight = 16,\n    columnsWidth,\n  }: ITableContext,\n) => {\n  if (skeletonize && !vertical && columnsCount && skeletonInRows) {\n    const rows = getArrayFromNumber(skeletonInRows);\n    const columns = getArrayFromNumber(columnsCount);\n    const skeletonChildrens =\n      rows.map((index: number) => (\n        <TRow customClass=\"row-skeleton\" key={index}>\n          {columns.map((id: number) => (\n            <Td style={{ width: columnsWidth?.[id - 1] }} key={id}>\n              <Skeleton height={skeletonHeight} />\n            </Td>\n          ))}\n        </TRow>\n      ));\n    return skeletonChildrens;\n  }\n  return children;\n};\n\nconst TableBody = ({ children, customClass }: ITableBodyProps) => {\n  const context = useContext(TableContext);\n  const {\n    bodyScrollable,\n    bodyContainerRef,\n    skeletonize,\n    skeletonInRows = 10,\n    strict,\n    vertical,\n    columnsCount,\n  } = context;\n  const isSkeletonized = !!(skeletonize && !vertical && skeletonInRows && columnsCount);\n\n  return (\n    bodyScrollable\n      ? (\n        <div\n          className=\"bodycontainer\"\n          ref={bodyContainerRef}>\n          <table\n            className=\"innertable\"\n            style={{\n              contain: strict ? 'strict' : 'size layout style',\n            }}>\n            <tbody\n              className={`tbody ${isSkeletonized ? 'skeleton-transparency' : ''} ${customClass}`}>\n              {renderChildren(children, context)}\n            </tbody>\n          </table>\n        </div>\n        )\n      : (\n        <tbody className={`tbody ${isSkeletonized ? 'skeleton-transparency' : ''} ${customClass}`}>\n          {renderChildren(children, context)}\n        </tbody>\n        )\n  );\n};\n\nexport default TableBody;\n"],"names":["renderChildren","children","columnsCount","vertical","skeletonize","skeletonInRows","skeletonHeight","columnsWidth","rows","getArrayFromNumber","columns","map","index","jsx","TRow","id","Td","width","Skeleton","TableBody","t0","$","_c","customClass","context","useContext","TableContext","bodyScrollable","bodyContainerRef","t1","strict","isSkeletonized","undefined","t2","contain"],"mappings":";;;;;;;;;AAMA,MAAMA,IAAiBA,CACrBC,GACA;AAAA,EACEC,cAAAA;AAAAA,EAAcC,UAAAA;AAAAA,EAAUC,aAAAA;AAAAA,EAAaC,gBAAAA,IAAiB;AAAA,EAAIC,gBAAAA,IAAiB;AAAA,EAC3EC,cAAAA;AACa,MACZ;AACH,MAAIH,KAAe,CAACD,KAAYD,KAAgBG,GAAgB;AAC9D,UAAMG,IAAOC,EAAmBJ,CAAc,GACxCK,IAAUD,EAAmBP,CAAY;AAW/C,WATEM,EAAKG,IAAI,CAACC,MACR,gBAAAC,EAACC,GAAA,EAAK,aAAY,gBACfJ,YAAQC,IAAI,CAACI,MACZ,gBAAAF,EAACG,KAAG,OAAO;AAAA,MAAEC,OAAOV,IAAeQ,IAAK,CAAC;AAAA,IAAA,GACvC,UAAA,gBAAAF,EAACK,GAAA,EAAS,QAAQZ,GAAe,KADgBS,CAEnD,CACD,EAAA,GALmCH,CAMtC,CACD;AAAA,EAEL;AACA,SAAOX;AACT,GAEMkB,IAAYC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GAAC;AAAA,IAAArB,UAAAA;AAAAA,IAAAsB,aAAAA;AAAAA,EAAAA,IAAAH,GACjBI,IAAgBC,EAAWC,CAAY,GACvC;AAAA,IAAAC,gBAAAA;AAAAA,IAAAC,kBAAAA;AAAAA,IAAAxB,aAAAA;AAAAA,IAAAC,gBAAAwB;AAAAA,IAAAC,QAAAA;AAAAA,IAAA3B,UAAAA;AAAAA,IAAAD,cAAAA;AAAAA,EAAAA,IAQIsB,GACJO,IAAuB,CAAC,EAAE3B,KAAA,CAAgBD,MALxC0B,MAAAG,SAAA,KAAAH,MAKwB3B;AAA4D,MAAA+B;AAAA,SAAAZ,EAAA,CAAA,MAAAO,KAAAP,EAAA,CAAA,MAAAM,KAAAN,EAAA,CAAA,MAAApB,KAAAoB,SAAAG,KAAAH,EAAA,CAAA,MAAAE,KAAAF,EAAA,CAAA,MAAAU,KAAAV,EAAA,CAAA,MAAAS,KAGpFG,IAAAN,IAEI,gBAAAd,EAAA,OAAA,EACY,WAAA,iBACLe,KAAAA,GACL,UAAA,gBAAAf,EAAA,SAAA,EACY,WAAA,cACH,OAAA;AAAA,IAAAqB,SACIJ,IAAA,WAAA;AAAA,EAAA,GAEX,UAAA,gBAAAjB,EAAA,SAAA,EACa,WAAA,SAASkB,IAAA,0BAAA,EAA6C,IAAIR,CAAW,IAC/EvB,UAAAA,EAAeC,GAAUuB,CAAO,EAAA,CACnC,EAAA,CACF,EAAA,CACF,IAGA,gBAAAX,EAAA,SAAA,EAAkB,WAAA,SAASkB,IAAA,0BAAA,EAA6C,IAAIR,CAAW,IACpFvB,UAAAA,EAAeC,GAAUuB,CAAO,GACnC,GACCH,OAAAO,GAAAP,OAAAM,GAAAN,OAAApB,GAAAoB,OAAAG,GAAAH,OAAAE,GAAAF,OAAAU,GAAAV,OAAAS,GAAAT,OAAAY,KAAAA,IAAAZ,EAAA,CAAA,GArBLY;AAqBK;"}

package/lib/table/Header.js

@@ -1,42 +1,53 @@
-import { j as n } from "../chunks/jsx-runtime.CYK1ROHF.js";
-import { useContext as x, useRef as y, useEffect as E, isValidElement as e } from "react";
-import a from "lodash";
-import C from "./helpers.js";
-const b = (s) => {
-  const o = [];
-  if (e(s) && s.props) {
-    let r = s.props.children;
-    a.isArray(r) || (r = [r]), r.forEach((p) => {
-      var c, l;
+import { jsx as d } from "react/jsx-runtime";
+import { c as y } from "../_virtual/compiler-runtime.js";
+import { useContext as C, useRef as E, useEffect as b, isValidElement as u } from "react";
+import l from "../_virtual/lodash.js";
+import g from "./helpers.js";
+const x = (r) => {
+  const s = [];
+  if (u(r) && r.props) {
+    let o = r.props.children;
+    l.isArray(o) || (o = [o]), o.forEach((e) => {
       let i = 0;
-      a.isArray(p) ? p.forEach((u) => {
-        var h, d;
-        u && u.props && (i = (d = (h = u.props) == null ? void 0 : h.style) == null ? void 0 : d.width), o.push(i);
-      }) : p && p.props && (i = (l = (c = p.props) == null ? void 0 : c.style) == null ? void 0 : l.width, o.push(i));
+      l.isArray(e) ? e.forEach((c) => {
+        c && c.props && (i = c.props?.style?.width), s.push(i);
+      }) : e && e.props && (i = e.props?.style?.width, s.push(i));
     });
   }
-  return o;
-}, f = (s, o) => {
-  const t = o;
-  if (e(s)) {
-    const r = s.props;
-    a.isArray(r == null ? void 0 : r.children) ? s.props.children.forEach((i) => f(i, t)) : s && (t.current += 1);
-  } else a.isArray(s) && s.length > 0 && s.forEach((r) => f(r, t));
-}, g = (s, o) => {
-  var r, p;
+  return s;
+}, h = (r, s) => {
   const t = s;
-  return a.isArray(s) && s.length > 0 && s[0].props ? f(s[0].props.children, o) : e(s) && s.props && ((r = t == null ? void 0 : t.props) != null && r.children) && f((p = t == null ? void 0 : t.props) == null ? void 0 : p.children, o), o.current;
-}, S = ({ customClass: s, children: o }) => {
-  const {
-    bodyScrollWidth: t,
-    bodyScrollable: r,
-    handlerSetColumnsWidth: p,
-    handlerSetColumnsCount: i
-  } = x(C), c = y(0);
-  return E(() => {
-    o && p && i && (p(b(o)), i(g(o, c)));
-  }, []), r ? /* @__PURE__ */ n.jsx("div", { className: "headercontainer", style: { paddingRight: t }, children: /* @__PURE__ */ n.jsx("table", { className: "innertable", style: { tableLayout: "fixed" }, children: /* @__PURE__ */ n.jsx("thead", { className: `theader ${s}`, children: o }) }) }) : /* @__PURE__ */ n.jsx("thead", { className: `theader ${s}`, children: o });
+  if (u(r)) {
+    const o = r.props;
+    l.isArray(o?.children) ? r.props.children.forEach((i) => h(i, t)) : r && (t.current += 1);
+  } else l.isArray(r) && r.length > 0 && r.forEach((o) => h(o, t));
+}, S = (r, s) => {
+  const t = r;
+  return l.isArray(r) && r.length > 0 && r[0].props ? h(r[0].props.children, s) : u(r) && r.props && t?.props?.children && h(t?.props?.children, s), s.current;
+}, _ = (r) => {
+  const s = y.c(10), {
+    customClass: t,
+    children: o
+  } = r, {
+    bodyScrollWidth: e,
+    bodyScrollable: i,
+    handlerSetColumnsWidth: c,
+    handlerSetColumnsCount: n
+  } = C(g), m = E(0);
+  let p;
+  s[0] !== o || s[1] !== n || s[2] !== c ? (p = () => {
+    o && c && n && (c(x(o)), n(S(o, m)));
+  }, s[0] = o, s[1] = n, s[2] = c, s[3] = p) : p = s[3];
+  let a;
+  s[4] === Symbol.for("react.memo_cache_sentinel") ? (a = [], s[4] = a) : a = s[4], b(p, a);
+  let f;
+  return s[5] !== e || s[6] !== i || s[7] !== o || s[8] !== t ? (f = i ? /* @__PURE__ */ d("div", { className: "headercontainer", style: {
+    paddingRight: e
+  }, children: /* @__PURE__ */ d("table", { className: "innertable", style: {
+    tableLayout: "fixed"
+  }, children: /* @__PURE__ */ d("thead", { className: `theader ${t}`, children: o }) }) }) : /* @__PURE__ */ d("thead", { className: `theader ${t}`, children: o }), s[5] = e, s[6] = i, s[7] = o, s[8] = t, s[9] = f) : f = s[9], f;
 };
 export {
-  S as default
+  _ as default
 };
+//# sourceMappingURL=Header.js.map

package/lib/table/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sources":["../../src/lib/table/Header.tsx"],"sourcesContent":["import { isValidElement, MutableRefObject, ReactNode, RefObject, useContext, useEffect, useRef } from 'react';\nimport _ from 'lodash';\nimport TableContext from './helpers';\nimport { ITableHeaderProps, TableElement } from './types';\n\nconst getColumnsWidth = (children: ReactNode) => {\n  const columnsWidth: (string | number | undefined)[] = [];\n  if (isValidElement(children) && children.props) {\n    const childrenProps = children.props as any;\n    let columns = childrenProps.children;\n    if (!_.isArray(columns)) columns = [columns];\n    columns.forEach((element: TableElement) => {\n      let colWidth: number | string = 0;\n      if (_.isArray(element)) {\n        element.forEach((elementArray: TableElement) => {\n          if (elementArray && elementArray.props) {\n            colWidth = elementArray.props?.style?.width;\n          }\n          columnsWidth.push(colWidth);\n        });\n      } else if (element && element.props) {\n        colWidth = element.props?.style?.width;\n        columnsWidth.push(colWidth);\n      }\n    });\n  }\n  return columnsWidth;\n};\n\nconst countColumnsFromChildren = (\n  element: ReactNode | ReactNode[],\n  columnsCount: RefObject<number>,\n) => {\n  const count = columnsCount;\n  if (isValidElement(element)) {\n    const elementProps = element.props as any;\n    if (_.isArray(elementProps?.children)) {\n      const currentElement = element.props as { children: ReactNode[] };\n      currentElement.children.forEach(child => countColumnsFromChildren(child, count));\n    } else if (element) {\n      count.current += 1;\n    }\n  } else if (_.isArray(element) && element.length > 0) {\n    element.forEach(child => countColumnsFromChildren(child, count));\n  }\n};\n\nconst getColumnsCount = (children: ReactNode, columnsCount: MutableRefObject<number>) => {\n  const childrenFormatted = children as any;\n  if (_.isArray(children) && children.length > 0 && children[0].props) {\n    countColumnsFromChildren(children[0].props.children, columnsCount);\n  } else if (isValidElement(children) && children.props && childrenFormatted?.props?.children) {\n    countColumnsFromChildren(childrenFormatted?.props?.children, columnsCount);\n  }\n  return columnsCount.current;\n};\n\nconst Header = ({ customClass, children }: ITableHeaderProps) => {\n  const {\n    bodyScrollWidth, bodyScrollable, handlerSetColumnsWidth, handlerSetColumnsCount,\n  } = useContext(TableContext);\n  const columnsCount = useRef(0);\n\n  useEffect(() => {\n    if (children && handlerSetColumnsWidth && handlerSetColumnsCount) {\n      handlerSetColumnsWidth(getColumnsWidth(children));\n      handlerSetColumnsCount(getColumnsCount(children, columnsCount));\n    }\n  }, []);\n\n  return (\n    bodyScrollable\n      ? (\n        <div className=\"headercontainer\" style={{ paddingRight: bodyScrollWidth }}>\n          <table className=\"innertable\" style={{ tableLayout: 'fixed' }} >\n            <thead className={`theader ${customClass}`}>{children}</thead>\n          </table>\n        </div>\n        )\n      : (\n        <thead className={`theader ${customClass}`}>{children}</thead>\n        )\n  );\n};\n\nexport default Header;\n"],"names":["getColumnsWidth","children","columnsWidth","isValidElement","props","columns","_","isArray","forEach","element","colWidth","elementArray","style","width","push","countColumnsFromChildren","columnsCount","count","elementProps","child","current","length","getColumnsCount","childrenFormatted","Header","t0","$","_c","customClass","bodyScrollWidth","bodyScrollable","handlerSetColumnsWidth","handlerSetColumnsCount","useContext","TableContext","useRef","t1","t2","Symbol","for","useEffect","t3","jsx","paddingRight","tableLayout"],"mappings":"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"}