linear-react-components-ui 1.1.26-beta.15 → 1.1.26-beta.17

package/lib/panel/Content.js.map

@@ -1 +1 @@
-{"version":3,"file":"Content.js","sources":["../../src/lib/panel/Content.tsx"],"sourcesContent":["import React, { useCallback, useContext, useEffect, useRef } from 'react';\nimport PanelContext, { getCurrentThreshold } from './helpers';\nimport NoPermission from '../noPermission';\nimport { IPanelContentProps } from './types';\n\nconst PanelContent = ({ customClass, children, ...rest }: IPanelContentProps) => {\n  const {\n    opened, onEndReached, onEndReachedThreshold = 0.1, hideContent,\n  } = useContext(PanelContext);\n  const rootElementRef = useRef<HTMLDivElement>(null);\n  const lastScrollHeight = useRef(0);\n  const enableOnEndReached = useRef(true);\n\n  const onScrollEndReached = useCallback(async () => {\n    const element = rootElementRef.current;\n\n    if (element && onEndReached) {\n      const { scrollTop, scrollHeight, clientHeight } = element;\n      const scrollOffset = scrollHeight - clientHeight - scrollTop - 1;\n      const threshold = getCurrentThreshold(element, onEndReachedThreshold);\n\n      if (scrollOffset <= threshold && enableOnEndReached.current) {\n        enableOnEndReached.current = false;\n        await new Promise((resolve) => {\n          resolve(onEndReached());\n        });\n        lastScrollHeight.current = scrollHeight;\n      }\n    }\n  }, [\n    onEndReached, onEndReachedThreshold,\n    rootElementRef.current, lastScrollHeight.current,\n  ]);\n\n  useEffect(() => {\n    let observer: ResizeObserver | null;\n    if (rootElementRef.current && onEndReached) {\n      observer = new ResizeObserver(() => {\n        const { scrollHeight } = rootElementRef.current as HTMLDivElement;\n        if (scrollHeight !== lastScrollHeight.current) {\n          enableOnEndReached.current = true;\n          observer?.disconnect();\n        }\n      });\n\n      observer.observe(rootElementRef.current);\n      rootElementRef.current.addEventListener('scroll', onScrollEndReached);\n      rootElementRef.current.addEventListener('resize', onScrollEndReached);\n    }\n\n    return () => {\n      rootElementRef.current?.removeEventListener('scroll', onScrollEndReached);\n      rootElementRef.current?.removeEventListener('resize', onScrollEndReached);\n      observer?.disconnect();\n    };\n  }, [onScrollEndReached]);\n\n  if (!opened) return null;\n  return (\n    hideContent\n      ? (\n        <NoPermission />\n        )\n      : (\n        <div\n          ref={rootElementRef}\n          className={`panel-content ${customClass ?? ''}`}\n          {...rest}>\n          {opened && children}\n        </div>\n        )\n  );\n};\n\nexport default PanelContent;\n"],"names":["PanelContent","t0","$","_c","children","customClass","rest","opened","onEndReached","onEndReachedThreshold","t1","hideContent","useContext","PanelContext","undefined","rootElementRef","useRef","lastScrollHeight","enableOnEndReached","t2","element","current","scrollTop","scrollHeight","clientHeight","scrollOffset","threshold","getCurrentThreshold","Promise","resolve","onScrollEndReached","t3","observer","ResizeObserver","scrollHeight_0","disconnect","observe","addEventListener","removeEventListener","t4","useEffect","t5","jsx","NoPermission"],"mappings":"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"}
+{"version":3,"file":"Content.js","sources":["../../src/lib/panel/Content.tsx"],"sourcesContent":["import { useCallback, useContext, useEffect, useRef } from 'react';\nimport PanelContext, { getCurrentThreshold } from './helpers';\nimport NoPermission from '../noPermission';\nimport { IPanelContentProps } from './types';\n\nconst PanelContent = ({ customClass, children, ...rest }: IPanelContentProps) => {\n  const {\n    opened, onEndReached, onEndReachedThreshold = 0.1, hideContent,\n  } = useContext(PanelContext);\n  const rootElementRef = useRef<HTMLDivElement>(null);\n  const lastScrollHeight = useRef(0);\n  const enableOnEndReached = useRef(true);\n\n  const onScrollEndReached = useCallback(async () => {\n    const element = rootElementRef.current;\n\n    if (element && onEndReached) {\n      const { scrollTop, scrollHeight, clientHeight } = element;\n      const scrollOffset = scrollHeight - clientHeight - scrollTop - 1;\n      const threshold = getCurrentThreshold(element, onEndReachedThreshold);\n\n      if (scrollOffset <= threshold && enableOnEndReached.current) {\n        enableOnEndReached.current = false;\n        await new Promise((resolve) => {\n          resolve(onEndReached());\n        });\n        lastScrollHeight.current = scrollHeight;\n      }\n    }\n  }, [\n    onEndReached, onEndReachedThreshold,\n    rootElementRef.current, lastScrollHeight.current,\n  ]);\n\n  useEffect(() => {\n    let observer: ResizeObserver | null;\n    if (rootElementRef?.current && onEndReached) {\n      observer = new ResizeObserver(() => {\n        const currentElement = rootElementRef.current;\n        if (currentElement) {\n          const { scrollHeight } = currentElement as HTMLDivElement;\n          if (scrollHeight && scrollHeight !== lastScrollHeight.current) {\n            enableOnEndReached.current = true;\n            observer?.disconnect();\n          }\n        }\n      });\n\n      observer.observe(rootElementRef.current);\n      rootElementRef.current.addEventListener('scroll', onScrollEndReached);\n      rootElementRef.current.addEventListener('resize', onScrollEndReached);\n    }\n\n    return () => {\n      rootElementRef.current?.removeEventListener('scroll', onScrollEndReached);\n      rootElementRef.current?.removeEventListener('resize', onScrollEndReached);\n      observer?.disconnect();\n    };\n  }, [onScrollEndReached]);\n\n  if (!opened) return null;\n  return (\n    hideContent\n      ? (\n        <NoPermission />\n        )\n      : (\n        <div\n          ref={rootElementRef}\n          className={`panel-content ${customClass ?? ''}`}\n          {...rest}>\n          {opened && children}\n        </div>\n        )\n  );\n};\n\nexport default PanelContent;\n"],"names":["PanelContent","t0","$","_c","children","customClass","rest","opened","onEndReached","onEndReachedThreshold","t1","hideContent","useContext","PanelContext","undefined","rootElementRef","useRef","lastScrollHeight","enableOnEndReached","t2","element","current","scrollTop","scrollHeight","clientHeight","scrollOffset","threshold","getCurrentThreshold","Promise","resolve","onScrollEndReached","t3","observer","ResizeObserver","currentElement","scrollHeight_0","disconnect","observe","addEventListener","removeEventListener","t4","useEffect","t5","jsx","NoPermission"],"mappings":"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"}

package/lib/panel/DangerPanel.js

@@ -1,11 +1,11 @@
 import { jsx as r } from "react/jsx-runtime";
-import { c as l } from "react/compiler-runtime";
+import { c as l } from "../_virtual/compiler-runtime.js";
 import m from "./Default.js";
-import f from "../internals/colorStyles.js";
+import a from "../internals/colorStyles.js";
 const s = (e) => {
-  const t = l(2);
+  const t = l.c(2);
   let o;
-  return t[0] !== e ? (o = /* @__PURE__ */ r(m, { ...e, colorStyle: f.DANGER }), t[0] = e, t[1] = o) : o = t[1], o;
+  return t[0] !== e ? (o = /* @__PURE__ */ r(m, { ...e, colorStyle: a.DANGER }), t[0] = e, t[1] = o) : o = t[1], o;
 };
 export {
   s as default

package/lib/panel/DangerPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"DangerPanel.js","sources":["../../src/lib/panel/DangerPanel.tsx"],"sourcesContent":["import React from 'react';\nimport Default from './Default';\nimport ColorStyles from '../internals/colorStyles';\nimport { IPanelProps } from './types';\n\nconst DangerPanel = (props: IPanelProps) => <Default {...props} colorStyle={ColorStyles.DANGER} />;\n\nexport default DangerPanel;\n"],"names":["DangerPanel","props","$","_c","t0","Default","ColorStyles","DANGER"],"mappings":";;;;AAKA,MAAMA,IAAcC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA;AAAA,MAAAC;AAAA,SAAAF,SAAAD,KAAwBG,sBAACC,GAAA,EAAO,GAAKJ,GAAmB,YAAAK,EAAWC,QAAO,GAAIL,OAAAD,GAAAC,OAAAE,KAAAA,IAAAF,EAAA,CAAA,GAAtDE;AAAsD;"}
+{"version":3,"file":"DangerPanel.js","sources":["../../src/lib/panel/DangerPanel.tsx"],"sourcesContent":["import Default from './Default';\nimport ColorStyles from '../internals/colorStyles';\nimport { IPanelProps } from './types';\n\nconst DangerPanel = (props: IPanelProps) => <Default {...props} colorStyle={ColorStyles.DANGER} />;\n\nexport default DangerPanel;\n"],"names":["DangerPanel","props","$","_c","t0","Default","ColorStyles","DANGER"],"mappings":";;;;AAIA,MAAMA,IAAcC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA;AAAA,MAAAC;AAAA,SAAAF,SAAAD,KAAwBG,sBAACC,GAAA,EAAO,GAAKJ,GAAmB,YAAAK,EAAWC,QAAO,GAAIL,OAAAD,GAAAC,OAAAE,KAAAA,IAAAF,EAAA,CAAA,GAAtDE;AAAsD;"}

package/lib/panel/Default.js

@@ -1,28 +1,27 @@
-import { jsx as R, jsxs as y } from "react/jsx-runtime";
-import { c as A } from "react/compiler-runtime";
+import { jsx as T, jsxs as y } from "react/jsx-runtime";
+import { c as A } from "../_virtual/compiler-runtime.js";
 import { useState as S } from "react";
-import '../styles/assets/styles/gridlayout.css';/* empty css                               */
 import G from "../gridlayout/GridCol.js";
 import H from "./Header.js";
 import V from "./helpers.js";
 import { actionsOnPermissionDenied as k, OPTIONS_ON_DENIED as q } from "../permissionValidations.js";
-const Q = (x) => {
-  const e = A(37);
-  let s, t, i, l, r, d, c, h, u, n, a;
-  e[0] !== x ? ({
-    startOpened: h,
+const M = (E) => {
+  const e = A.c(37);
+  let s, t, i, l, r, d, c, u, h, n, a;
+  e[0] !== E ? ({
+    startOpened: u,
     toggleable: a,
     customClass: i,
     children: s,
     title: n,
     gridCols: l,
     onEndReached: r,
-    onEndReachedThreshold: u,
+    onEndReachedThreshold: h,
     permissionAttr: d,
     colorStyle: t,
     ...c
-  } = x, e[0] = x, e[1] = s, e[2] = t, e[3] = i, e[4] = l, e[5] = r, e[6] = d, e[7] = c, e[8] = h, e[9] = u, e[10] = n, e[11] = a) : (s = e[1], t = e[2], i = e[3], l = e[4], r = e[5], d = e[6], c = e[7], h = e[8], u = e[9], n = e[10], a = e[11]);
-  const $ = h === void 0 ? !0 : h, D = u === void 0 ? 0.1 : u, [p, j] = S($), {
+  } = E, e[0] = E, e[1] = s, e[2] = t, e[3] = i, e[4] = l, e[5] = r, e[6] = d, e[7] = c, e[8] = u, e[9] = h, e[10] = n, e[11] = a) : (s = e[1], t = e[2], i = e[3], l = e[4], r = e[5], d = e[6], c = e[7], u = e[8], h = e[9], n = e[10], a = e[11]);
+  const $ = u === void 0 ? !0 : u, P = h === void 0 ? 0.1 : h, [p, j] = S($), {
     hideContent: I,
     unvisible: _
   } = q;
@@ -31,39 +30,39 @@ const Q = (x) => {
   const [o] = S(C);
   let v;
   e[14] !== t || e[15] !== i ? (v = () => {
-    let T = `panel-component ${i}`;
-    return T = T + (t !== "" ? ` -${t}` : ""), T;
+    let R = `panel-component ${i}`;
+    return R = R + (t !== "" ? ` -${t}` : ""), R;
   }, e[14] = t, e[15] = i, e[16] = v) : v = e[16];
-  const E = v;
+  const D = v;
   let b;
-  e[17] !== s || e[18] !== E || e[19] !== c || e[20] !== n ? (b = () => /* @__PURE__ */ y("div", { className: E(), ...c, children: [
-    n && /* @__PURE__ */ R(H, { title: n }),
+  e[17] !== s || e[18] !== D || e[19] !== c || e[20] !== n ? (b = () => /* @__PURE__ */ y("div", { className: D(), ...c, children: [
+    n && /* @__PURE__ */ T(H, { title: n }),
     s
-  ] }), e[17] = s, e[18] = E, e[19] = c, e[20] = n, e[21] = b) : b = e[21];
+  ] }), e[17] = s, e[18] = D, e[19] = c, e[20] = n, e[21] = b) : b = e[21];
   const O = b;
   let g;
-  e[22] !== o.hideContent || e[23] !== o.unvisible || e[24] !== r || e[25] !== D || e[26] !== p || e[27] !== a ? (g = () => ({
+  e[22] !== o.hideContent || e[23] !== o.unvisible || e[24] !== r || e[25] !== P || e[26] !== p || e[27] !== a ? (g = () => ({
     toggleable: a,
     handlerToggleable: () => {
       j(!p);
     },
     opened: p,
     onEndReached: r,
-    onEndReachedThreshold: D,
+    onEndReachedThreshold: P,
     hideContent: o.hideContent,
     unvisible: o.unvisible
-  }), e[22] = o.hideContent, e[23] = o.unvisible, e[24] = r, e[25] = D, e[26] = p, e[27] = a, e[28] = g) : g = e[28];
+  }), e[22] = o.hideContent, e[23] = o.unvisible, e[24] = r, e[25] = P, e[26] = p, e[27] = a, e[28] = g) : g = e[28];
   const N = g;
   if (o.unvisible)
     return null;
   let m;
   e[29] !== N ? (m = N(), e[29] = N, e[30] = m) : m = e[30];
   let f;
-  e[31] !== l || e[32] !== O ? (f = l ? /* @__PURE__ */ R(G, { cols: l, children: O() }) : O(), e[31] = l, e[32] = O, e[33] = f) : f = e[33];
-  let P;
-  return e[34] !== m || e[35] !== f ? (P = /* @__PURE__ */ R(V.Provider, { value: m, children: f }), e[34] = m, e[35] = f, e[36] = P) : P = e[36], P;
+  e[31] !== l || e[32] !== O ? (f = l ? /* @__PURE__ */ T(G, { cols: l, children: O() }) : O(), e[31] = l, e[32] = O, e[33] = f) : f = e[33];
+  let x;
+  return e[34] !== m || e[35] !== f ? (x = /* @__PURE__ */ T(V.Provider, { value: m, children: f }), e[34] = m, e[35] = f, e[36] = x) : x = e[36], x;
 };
 export {
-  Q as default
+  M as default
 };
 //# sourceMappingURL=Default.js.map

package/lib/panel/Default.js.map

@@ -1 +1 @@
-{"version":3,"file":"Default.js","sources":["../../src/lib/panel/Default.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport Grid from '../gridlayout';\nimport Header from './Header';\nimport PanelContext from './helpers';\nimport { actionsOnPermissionDenied, OPTIONS_ON_DENIED } from '../permissionValidations';\nimport { IPanelProps, ContextProps } from './types';\nimport { OnDenied } from '../@types/PermissionAttr';\n\nconst DefaultPanel = ({\n  startOpened = true, toggleable, customClass, children, title, gridCols, onEndReached,\n  onEndReachedThreshold = 0.1, permissionAttr, colorStyle, ...rest\n}: IPanelProps) => {\n  const [opened, setOpened] = useState(startOpened);\n  const { hideContent, unvisible } = OPTIONS_ON_DENIED;\n  const [onDenied] =\n    useState<OnDenied>(actionsOnPermissionDenied([hideContent, unvisible], permissionAttr));\n\n  const getCssClass = () => {\n    let cssClass = `panel-component ${customClass}`;\n    cssClass += colorStyle !== '' ? ` -${colorStyle}` : '';\n    return cssClass;\n  };\n\n  const renderContent = () => (\n    <div className={getCssClass()} {...rest}>\n      {title && <Header title={title} />}\n      {children}\n    </div>\n  );\n\n  const contextValues = () => ({\n    toggleable,\n    handlerToggleable: () => { setOpened(!opened); },\n    opened,\n    onEndReached,\n    onEndReachedThreshold,\n    hideContent: onDenied.hideContent,\n    unvisible: onDenied.unvisible,\n  }) as ContextProps;\n\n  if (onDenied.unvisible) return null;\n\n  return (\n    <PanelContext.Provider value={contextValues()}>\n      { gridCols\n        ? (\n          <Grid cols={gridCols}>{renderContent()}</Grid>\n          )\n        : (\n            renderContent()\n          )}\n    </PanelContext.Provider>\n  );\n};\n\nexport default DefaultPanel;\n"],"names":["DefaultPanel","t0","$","_c","children","colorStyle","customClass","gridCols","onEndReached","permissionAttr","rest","t1","t2","title","toggleable","startOpened","onEndReachedThreshold","undefined","opened","setOpened","useState","hideContent","unvisible","OPTIONS_ON_DENIED","t3","actionsOnPermissionDenied","onDenied","t4","cssClass","getCssClass","t5","jsxs","jsx","Header","renderContent","t6","handlerToggleable","contextValues","t7","t8","Grid","t9","PanelContext"],"mappings":"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"}
+{"version":3,"file":"Default.js","sources":["../../src/lib/panel/Default.tsx"],"sourcesContent":["import { useState } from 'react';\nimport Grid from '../gridlayout';\nimport Header from './Header';\nimport PanelContext from './helpers';\nimport { actionsOnPermissionDenied, OPTIONS_ON_DENIED } from '../permissionValidations';\nimport { IPanelProps, ContextProps } from './types';\nimport { OnDenied } from '../@types/PermissionAttr';\n\nconst DefaultPanel = ({\n  startOpened = true, toggleable, customClass, children, title, gridCols, onEndReached,\n  onEndReachedThreshold = 0.1, permissionAttr, colorStyle, ...rest\n}: IPanelProps) => {\n  const [opened, setOpened] = useState(startOpened);\n  const { hideContent, unvisible } = OPTIONS_ON_DENIED;\n  const [onDenied] =\n    useState<OnDenied>(actionsOnPermissionDenied([hideContent, unvisible], permissionAttr));\n\n  const getCssClass = () => {\n    let cssClass = `panel-component ${customClass}`;\n    cssClass += colorStyle !== '' ? ` -${colorStyle}` : '';\n    return cssClass;\n  };\n\n  const renderContent = () => (\n    <div className={getCssClass()} {...rest}>\n      {title && <Header title={title} />}\n      {children}\n    </div>\n  );\n\n  const contextValues = () => ({\n    toggleable,\n    handlerToggleable: () => { setOpened(!opened); },\n    opened,\n    onEndReached,\n    onEndReachedThreshold,\n    hideContent: onDenied.hideContent,\n    unvisible: onDenied.unvisible,\n  }) as ContextProps;\n\n  if (onDenied.unvisible) return null;\n\n  return (\n    <PanelContext.Provider value={contextValues()}>\n      { gridCols\n        ? (\n          <Grid cols={gridCols}>{renderContent()}</Grid>\n          )\n        : (\n            renderContent()\n          )}\n    </PanelContext.Provider>\n  );\n};\n\nexport default DefaultPanel;\n"],"names":["DefaultPanel","t0","$","_c","children","colorStyle","customClass","gridCols","onEndReached","permissionAttr","rest","t1","t2","title","toggleable","startOpened","onEndReachedThreshold","undefined","opened","setOpened","useState","hideContent","unvisible","OPTIONS_ON_DENIED","t3","actionsOnPermissionDenied","onDenied","t4","cssClass","getCssClass","t5","jsxs","jsx","Header","renderContent","t6","handlerToggleable","contextValues","t7","t8","Grid","t9","PanelContext"],"mappings":"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"}

package/lib/panel/Header.js

@@ -1,52 +1,46 @@
-import { jsx as d, jsxs as j } from "react/jsx-runtime";
-import { c as v } from "react/compiler-runtime";
-import { useContext as w } from "react";
-import p from "../icons/index.js";
-import z from "../buttons/button_container/index.js";
-import B from "../buttons/Button.js";
-import '../styles/assets/styles/button.css';/* empty css                           */
-import P from "./helpers.js";
-const k = (t, e) => e || (t ? /* @__PURE__ */ d(p, { name: t, color: "#000", size: 16 }) : null), H = ({
+import { jsxs as N, jsx as d } from "react/jsx-runtime";
+import { c as $ } from "../_virtual/compiler-runtime.js";
+import { useContext as b } from "react";
+import C from "../icons/index.js";
+import T from "../buttons/button_container/index.js";
+import j from "../buttons/Button.js";
+import '../assets/styles/button.css';/* empty css                           */
+import v from "./helpers.js";
+const w = (t, e) => e || (t ? /* @__PURE__ */ d(C, { name: t, color: "#000", size: 16 }) : null), y = ({
   customClass: t,
   headerColored: e = !0
 }) => {
   let l = `panel-header ${t ?? ""}`;
   return e || (l += " -uncolored"), l;
-}, O = (t) => {
-  const e = v(28);
-  let l, i, o, s, a, r, n;
-  if (e[0] !== t) {
-    const {
-      titleIcon: N,
-      icon: T,
-      title: F,
-      children: $,
-      customClass: S,
-      headerColored: q,
-      styleForTitle: b,
-      customClassForTitle: y,
-      ...I
-    } = t;
-    n = N, o = T, r = F, l = $, a = b, i = y, s = I, e[0] = t, e[1] = l, e[2] = i, e[3] = o, e[4] = s, e[5] = a, e[6] = r, e[7] = n;
-  } else
-    l = e[1], i = e[2], o = e[3], s = e[4], a = e[5], r = e[6], n = e[7];
+}, R = (t) => {
+  const e = $.c(28);
+  let l, i, n, s, a, r, o;
+  e[0] !== t ? ({
+    titleIcon: o,
+    icon: n,
+    title: r,
+    children: l,
+    styleForTitle: a,
+    customClassForTitle: i,
+    ...s
+  } = t, e[0] = t, e[1] = l, e[2] = i, e[3] = n, e[4] = s, e[5] = a, e[6] = r, e[7] = o) : (l = e[1], i = e[2], n = e[3], s = e[4], a = e[5], r = e[6], o = e[7]);
   const {
-    toggleable: C,
-    handlerToggleable: g,
+    toggleable: g,
+    handlerToggleable: p,
     opened: x
-  } = w(P);
+  } = b(v);
   let c;
-  e[8] !== t ? (c = H(t), e[8] = t, e[9] = c) : c = e[9];
+  e[8] !== t ? (c = y(t), e[8] = t, e[9] = c) : c = e[9];
   let m;
-  e[10] !== o || e[11] !== n ? (m = (o || n) && /* @__PURE__ */ d("div", { className: `${o !== null || n !== null ? "icon-left-panel" : ""}`, children: k(n, o) }), e[10] = o, e[11] = n, e[12] = m) : m = e[12];
+  e[10] !== n || e[11] !== o ? (m = (n || o) && /* @__PURE__ */ d("div", { className: `${n !== null || o !== null ? "icon-left-panel" : ""}`, children: w(o, n) }), e[10] = n, e[11] = o, e[12] = m) : m = e[12];
   let f;
   e[13] !== i || e[14] !== a || e[15] !== r ? (f = r && /* @__PURE__ */ d("h1", { className: `title ${i ?? ""}`, style: a, children: r }), e[13] = i, e[14] = a, e[15] = r, e[16] = f) : f = e[16];
   let u;
-  e[17] !== g || e[18] !== x || e[19] !== C ? (u = C && /* @__PURE__ */ d(z, { position: "right", children: /* @__PURE__ */ d(B, { boxShadow: !1, transparent: !0, onClick: () => {
-    g();
-  }, icon: /* @__PURE__ */ d(p, { name: x ? "up" : "down", size: 16 }) }) }), e[17] = g, e[18] = x, e[19] = C, e[20] = u) : u = e[20];
+  e[17] !== p || e[18] !== x || e[19] !== g ? (u = g && /* @__PURE__ */ d(T, { position: "right", children: /* @__PURE__ */ d(j, { boxShadow: !1, transparent: !0, onClick: () => {
+    p();
+  }, icon: /* @__PURE__ */ d(C, { name: x ? "up" : "down", size: 16 }) }) }), e[17] = p, e[18] = x, e[19] = g, e[20] = u) : u = e[20];
   let h;
-  return e[21] !== l || e[22] !== s || e[23] !== c || e[24] !== m || e[25] !== f || e[26] !== u ? (h = /* @__PURE__ */ j("div", { className: c, ...s, children: [
+  return e[21] !== l || e[22] !== s || e[23] !== c || e[24] !== m || e[25] !== f || e[26] !== u ? (h = /* @__PURE__ */ N("div", { className: c, ...s, children: [
     m,
     f,
     u,
@@ -54,6 +48,6 @@ const k = (t, e) => e || (t ? /* @__PURE__ */ d(p, { name: t, color: "#000", siz
   ] }), e[21] = l, e[22] = s, e[23] = c, e[24] = m, e[25] = f, e[26] = u, e[27] = h) : h = e[27], h;
 };
 export {
-  O as default
+  R as default
 };
 //# sourceMappingURL=Header.js.map

package/lib/panel/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["../../src/lib/panel/Header.tsx"],"sourcesContent":["import React, { ReactElement, useContext } from 'react';\nimport Icon from '../icons';\nimport Button, { ButtonContainer } from '../buttons';\nimport PanelContext from './helpers';\nimport { IPanelHeaderProps } from './types';\nimport { IconNames } from '../@types/Icon';\n\nconst getIcon = (titleIcon?: IconNames, icon?: ReactElement) => {\n  if (icon) {\n    return icon;\n  } else if (titleIcon) {\n    return <Icon name={titleIcon} color=\"#000\" size={16} />;\n  }\n  return null;\n};\n\nconst getClassName = ({ customClass, headerColored = true }: IPanelHeaderProps) => {\n  let className = `panel-header ${customClass ?? ''}`;\n  if (!headerColored) className += ' -uncolored';\n  return className;\n};\n\nconst PanelHeader = (props: IPanelHeaderProps) => {\n  const {\n    titleIcon, icon, title, children, customClass, headerColored, styleForTitle,\n    customClassForTitle, ...rest\n  } = props;\n  const { toggleable, handlerToggleable, opened } = useContext(PanelContext);\n\n  return (\n    <div className={getClassName(props)} {...rest}>\n      {(icon || titleIcon) &&\n        <div className={`${(icon !== null || titleIcon !== null) ? 'icon-left-panel' : ''}`}>\n          {getIcon(titleIcon, icon)}\n        </div>\n      }\n      {title && (\n        <h1 className={`title ${customClassForTitle ?? ''}`} style={styleForTitle}>\n          {title}\n        </h1>\n      )}\n      {toggleable &&\n        <ButtonContainer position=\"right\">\n          <Button\n            boxShadow={false}\n            transparent\n            onClick={() => { handlerToggleable(); }}\n            icon={<Icon name={opened ? 'up' : 'down'} size={16} />} />\n        </ButtonContainer>\n      }\n      {children}\n    </div>\n  );\n};\n\nexport default PanelHeader;\n"],"names":["getIcon","titleIcon","icon","Icon","getClassName","customClass","headerColored","className","PanelHeader","props","$","_c","children","customClassForTitle","rest","styleForTitle","title","t0","t1","t2","t3","t4","t5","t6","toggleable","handlerToggleable","opened","useContext","PanelContext","jsx","ButtonContainer","Button","jsxs"],"mappings":"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"}
+{"version":3,"file":"Header.js","sources":["../../src/lib/panel/Header.tsx"],"sourcesContent":["import { ReactElement, useContext } from 'react';\nimport Icon from '../icons';\nimport Button, { ButtonContainer } from '../buttons';\nimport PanelContext from './helpers';\nimport { IPanelHeaderProps } from './types';\nimport { IconNames } from '../@types/Icon';\n\nconst getIcon = (titleIcon?: IconNames, icon?: ReactElement) => {\n  if (icon) {\n    return icon;\n  } else if (titleIcon) {\n    return <Icon name={titleIcon} color=\"#000\" size={16} />;\n  }\n  return null;\n};\n\nconst getClassName = ({ customClass, headerColored = true }: IPanelHeaderProps) => {\n  let className = `panel-header ${customClass ?? ''}`;\n  if (!headerColored) className += ' -uncolored';\n  return className;\n};\n\nconst PanelHeader = (props: IPanelHeaderProps) => {\n  const {\n    titleIcon, icon, title, children, styleForTitle, customClassForTitle, ...rest\n  } = props;\n  const { toggleable, handlerToggleable, opened } = useContext(PanelContext);\n\n  return (\n    <div className={getClassName(props)} {...rest}>\n      {(icon || titleIcon) &&\n        <div className={`${(icon !== null || titleIcon !== null) ? 'icon-left-panel' : ''}`}>\n          {getIcon(titleIcon, icon)}\n        </div>\n      }\n      {title && (\n        <h1 className={`title ${customClassForTitle ?? ''}`} style={styleForTitle}>\n          {title}\n        </h1>\n      )}\n      {toggleable &&\n        <ButtonContainer position=\"right\">\n          <Button\n            boxShadow={false}\n            transparent\n            onClick={() => { handlerToggleable(); }}\n            icon={<Icon name={opened ? 'up' : 'down'} size={16} />} />\n        </ButtonContainer>\n      }\n      {children}\n    </div>\n  );\n};\n\nexport default PanelHeader;\n"],"names":["getIcon","titleIcon","icon","Icon","getClassName","customClass","headerColored","className","PanelHeader","props","$","_c","children","customClassForTitle","rest","styleForTitle","title","toggleable","handlerToggleable","opened","useContext","PanelContext","t0","t1","jsx","t2","t3","ButtonContainer","Button","t4","jsxs"],"mappings":"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"}

package/lib/panel/InfoPanel.js

@@ -1,11 +1,11 @@
 import { jsx as r } from "react/jsx-runtime";
-import { c as l } from "react/compiler-runtime";
-import f from "./Default.js";
-import m from "../internals/colorStyles.js";
+import { c as l } from "../_virtual/compiler-runtime.js";
+import m from "./Default.js";
+import f from "../internals/colorStyles.js";
 const s = (e) => {
-  const o = l(2);
+  const o = l.c(2);
   let t;
-  return o[0] !== e ? (t = /* @__PURE__ */ r(f, { ...e, colorStyle: m.INFO }), o[0] = e, o[1] = t) : t = o[1], t;
+  return o[0] !== e ? (t = /* @__PURE__ */ r(m, { ...e, colorStyle: f.INFO }), o[0] = e, o[1] = t) : t = o[1], t;
 };
 export {
   s as default

package/lib/panel/InfoPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfoPanel.js","sources":["../../src/lib/panel/InfoPanel.tsx"],"sourcesContent":["import React from 'react';\nimport Default from './Default';\nimport ColorStyles from '../internals/colorStyles';\nimport { IPanelProps } from './types';\n\nconst InfoPanel = (props: IPanelProps) => <Default {...props} colorStyle={ColorStyles.INFO} />;\n\nexport default InfoPanel;\n"],"names":["InfoPanel","props","$","_c","t0","Default","ColorStyles","INFO"],"mappings":";;;;AAKA,MAAMA,IAAYC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA;AAAA,MAAAC;AAAA,SAAAF,SAAAD,KAAwBG,sBAACC,GAAA,EAAO,GAAKJ,GAAmB,YAAAK,EAAWC,MAAK,GAAIL,OAAAD,GAAAC,OAAAE,KAAAA,IAAAF,EAAA,CAAA,GAApDE;AAAoD;"}
+{"version":3,"file":"InfoPanel.js","sources":["../../src/lib/panel/InfoPanel.tsx"],"sourcesContent":["import Default from './Default';\nimport ColorStyles from '../internals/colorStyles';\nimport { IPanelProps } from './types';\n\nconst InfoPanel = (props: IPanelProps) => <Default {...props} colorStyle={ColorStyles.INFO} />;\n\nexport default InfoPanel;\n"],"names":["InfoPanel","props","$","_c","t0","Default","ColorStyles","INFO"],"mappings":";;;;AAIA,MAAMA,IAAYC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA;AAAA,MAAAC;AAAA,SAAAF,SAAAD,KAAwBG,sBAACC,GAAA,EAAO,GAAKJ,GAAmB,YAAAK,EAAWC,MAAK,GAAIL,OAAAD,GAAAC,OAAAE,KAAAA,IAAAF,EAAA,CAAA,GAApDE;AAAoD;"}

package/lib/panel/PrimaryPanel.js

@@ -1,11 +1,11 @@
 import { jsx as e } from "react/jsx-runtime";
-import { c as l } from "react/compiler-runtime";
+import { c as l } from "../_virtual/compiler-runtime.js";
 import m from "./Default.js";
-import f from "../internals/colorStyles.js";
+import i from "../internals/colorStyles.js";
 const s = (r) => {
-  const t = l(2);
+  const t = l.c(2);
   let o;
-  return t[0] !== r ? (o = /* @__PURE__ */ e(m, { ...r, colorStyle: f.PRIMARY }), t[0] = r, t[1] = o) : o = t[1], o;
+  return t[0] !== r ? (o = /* @__PURE__ */ e(m, { ...r, colorStyle: i.PRIMARY }), t[0] = r, t[1] = o) : o = t[1], o;
 };
 export {
   s as default

package/lib/panel/PrimaryPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrimaryPanel.js","sources":["../../src/lib/panel/PrimaryPanel.tsx"],"sourcesContent":["import React from 'react';\nimport Default from './Default';\nimport ColorStyles from '../internals/colorStyles';\nimport { IPanelProps } from './types';\n\nconst PrimaryPanel =\n  (props: IPanelProps) => <Default {...props} colorStyle={ColorStyles.PRIMARY} />;\n\nexport default PrimaryPanel;\n"],"names":["PrimaryPanel","props","$","_c","t0","Default","ColorStyles","PRIMARY"],"mappings":";;;;AAKA,MAAMA,IACJC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA;AAAA,MAAAC;AAAA,SAAAF,SAAAD,KAAwBG,sBAACC,GAAA,EAAO,GAAKJ,GAAmB,YAAAK,EAAWC,SAAQ,GAAIL,OAAAD,GAAAC,OAAAE,KAAAA,IAAAF,EAAA,CAAA,GAAvDE;AAAuD;"}
+{"version":3,"file":"PrimaryPanel.js","sources":["../../src/lib/panel/PrimaryPanel.tsx"],"sourcesContent":["import Default from './Default';\nimport ColorStyles from '../internals/colorStyles';\nimport { IPanelProps } from './types';\n\nconst PrimaryPanel =\n  (props: IPanelProps) => <Default {...props} colorStyle={ColorStyles.PRIMARY} />;\n\nexport default PrimaryPanel;\n"],"names":["PrimaryPanel","props","$","_c","t0","Default","ColorStyles","PRIMARY"],"mappings":";;;;AAIA,MAAMA,IACJC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA;AAAA,MAAAC;AAAA,SAAAF,SAAAD,KAAwBG,sBAACC,GAAA,EAAO,GAAKJ,GAAmB,YAAAK,EAAWC,SAAQ,GAAIL,OAAAD,GAAAC,OAAAE,KAAAA,IAAAF,EAAA,CAAA,GAAvDE;AAAuD;"}

package/lib/panel/SuccessPanel.js

@@ -1,13 +1,13 @@
 import { jsx as r } from "react/jsx-runtime";
-import { c as l } from "react/compiler-runtime";
+import { c as l } from "../_virtual/compiler-runtime.js";
 import m from "./Default.js";
-import f from "../internals/colorStyles.js";
-const i = (e) => {
-  const t = l(2);
+import c from "../internals/colorStyles.js";
+const n = (e) => {
+  const t = l.c(2);
   let o;
-  return t[0] !== e ? (o = /* @__PURE__ */ r(m, { ...e, colorStyle: f.SUCCESS }), t[0] = e, t[1] = o) : o = t[1], o;
+  return t[0] !== e ? (o = /* @__PURE__ */ r(m, { ...e, colorStyle: c.SUCCESS }), t[0] = e, t[1] = o) : o = t[1], o;
 };
 export {
-  i as default
+  n as default
 };
 //# sourceMappingURL=SuccessPanel.js.map

package/lib/panel/SuccessPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"SuccessPanel.js","sources":["../../src/lib/panel/SuccessPanel.tsx"],"sourcesContent":["import React from 'react';\nimport Default from './Default';\nimport ColorStyles from '../internals/colorStyles';\nimport { IPanelProps } from './types';\n\nconst SuccessPanel =\n  (props: IPanelProps) => <Default {...props} colorStyle={ColorStyles.SUCCESS} />;\n\nexport default SuccessPanel;\n"],"names":["SuccessPanel","props","$","_c","t0","Default","ColorStyles","SUCCESS"],"mappings":";;;;AAKA,MAAMA,IACJC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA;AAAA,MAAAC;AAAA,SAAAF,SAAAD,KAAwBG,sBAACC,GAAA,EAAO,GAAKJ,GAAmB,YAAAK,EAAWC,SAAQ,GAAIL,OAAAD,GAAAC,OAAAE,KAAAA,IAAAF,EAAA,CAAA,GAAvDE;AAAuD;"}
+{"version":3,"file":"SuccessPanel.js","sources":["../../src/lib/panel/SuccessPanel.tsx"],"sourcesContent":["import Default from './Default';\nimport ColorStyles from '../internals/colorStyles';\nimport { IPanelProps } from './types';\n\nconst SuccessPanel =\n  (props: IPanelProps) => <Default {...props} colorStyle={ColorStyles.SUCCESS} />;\n\nexport default SuccessPanel;\n"],"names":["SuccessPanel","props","$","_c","t0","Default","ColorStyles","SUCCESS"],"mappings":";;;;AAIA,MAAMA,IACJC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA;AAAA,MAAAC;AAAA,SAAAF,SAAAD,KAAwBG,sBAACC,GAAA,EAAO,GAAKJ,GAAmB,YAAAK,EAAWC,SAAQ,GAAIL,OAAAD,GAAAC,OAAAE,KAAAA,IAAAF,EAAA,CAAA,GAAvDE;AAAuD;"}

package/lib/panel/WarningPanel.js

@@ -1,11 +1,11 @@
 import { jsx as e } from "react/jsx-runtime";
-import { c as l } from "react/compiler-runtime";
+import { c as l } from "../_virtual/compiler-runtime.js";
 import m from "./Default.js";
-import f from "../internals/colorStyles.js";
+import i from "../internals/colorStyles.js";
 const s = (r) => {
-  const t = l(2);
+  const t = l.c(2);
   let o;
-  return t[0] !== r ? (o = /* @__PURE__ */ e(m, { ...r, colorStyle: f.WARNING }), t[0] = r, t[1] = o) : o = t[1], o;
+  return t[0] !== r ? (o = /* @__PURE__ */ e(m, { ...r, colorStyle: i.WARNING }), t[0] = r, t[1] = o) : o = t[1], o;
 };
 export {
   s as default

package/lib/panel/WarningPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"WarningPanel.js","sources":["../../src/lib/panel/WarningPanel.tsx"],"sourcesContent":["import React from 'react';\nimport Default from './Default';\nimport ColorStyles from '../internals/colorStyles';\nimport { IPanelProps } from './types';\n\nconst WarningPanel =\n  (props: IPanelProps) => <Default {...props} colorStyle={ColorStyles.WARNING} />;\n\nexport default WarningPanel;\n"],"names":["WarningPanel","props","$","_c","t0","Default","ColorStyles","WARNING"],"mappings":";;;;AAKA,MAAMA,IACJC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA;AAAA,MAAAC;AAAA,SAAAF,SAAAD,KAAwBG,sBAACC,GAAA,EAAO,GAAKJ,GAAmB,YAAAK,EAAWC,SAAQ,GAAIL,OAAAD,GAAAC,OAAAE,KAAAA,IAAAF,EAAA,CAAA,GAAvDE;AAAuD;"}
+{"version":3,"file":"WarningPanel.js","sources":["../../src/lib/panel/WarningPanel.tsx"],"sourcesContent":["import Default from './Default';\nimport ColorStyles from '../internals/colorStyles';\nimport { IPanelProps } from './types';\n\nconst WarningPanel =\n  (props: IPanelProps) => <Default {...props} colorStyle={ColorStyles.WARNING} />;\n\nexport default WarningPanel;\n"],"names":["WarningPanel","props","$","_c","t0","Default","ColorStyles","WARNING"],"mappings":";;;;AAIA,MAAMA,IACJC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA;AAAA,MAAAC;AAAA,SAAAF,SAAAD,KAAwBG,sBAACC,GAAA,EAAO,GAAKJ,GAAmB,YAAAK,EAAWC,SAAQ,GAAIL,OAAAD,GAAAC,OAAAE,KAAAA,IAAAF,EAAA,CAAA,GAAvDE;AAAuD;"}

package/lib/panel/helpers.d.ts

@@ -1,5 +1,4 @@
-import { default as React } from 'react';
 import { ContextProps } from './types';
 export declare function getCurrentThreshold(scrollableElement: HTMLDivElement, scrollThreshold: number): number;
-declare const PanelContext: React.Context<ContextProps>;
+declare const PanelContext: import('react').Context<ContextProps>;
 export default PanelContext;

package/lib/panel/helpers.js

@@ -1,14 +1,14 @@
-import a from "react";
+import { createContext as a } from "react";
 function M(o, t) {
   if (t < 0) return 0;
   if (t > 1) return 1;
   const {
-    scrollHeight: e,
+    scrollHeight: n,
     clientHeight: r
-  } = o, n = e - r, H = Math.round(e * t), c = Math.round(n - n * 0.3);
+  } = o, e = n - r, H = Math.round(n * t), c = Math.round(e - e * 0.3);
   return Math.min(H, c);
 }
-const h = a.createContext({});
+const h = a({});
 export {
   h as default,
   M as getCurrentThreshold

package/lib/panel/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sources":["../../src/lib/panel/helpers.ts"],"sourcesContent":["import React from 'react';\nimport { IParameterFunction, ContextProps } from './types';\n\nexport function getCurrentThreshold(\n  scrollableElement: HTMLDivElement,\n  scrollThreshold: number,\n): number {\n  const MIN_THRESHOLD = 0;\n  const MAX_THRESHOLD = 1;\n  if (scrollThreshold < MIN_THRESHOLD) return MIN_THRESHOLD;\n  if (scrollThreshold > MAX_THRESHOLD) return MAX_THRESHOLD;\n  const { scrollHeight, clientHeight } = scrollableElement;\n  const offsetHeight = scrollHeight - clientHeight;\n\n  const calculatedScrollThreshold = Math.round(scrollHeight * scrollThreshold);\n  const maxScrollThreshold = Math.round(offsetHeight - (offsetHeight * 0.3));\n\n  return Math.min(calculatedScrollThreshold, maxScrollThreshold);\n}\n\nconst PanelContext = React.createContext<ContextProps>({} as ContextProps);\n\nexport default PanelContext;\n"],"names":["getCurrentThreshold","scrollableElement","scrollThreshold","MIN_THRESHOLD","MAX_THRESHOLD","scrollHeight","clientHeight","offsetHeight","calculatedScrollThreshold","Math","round","maxScrollThreshold","min","PanelContext","React","createContext"],"mappings":";AAGO,SAASA,EACdC,GACAC,GACQ;AAGR,MAAIA,IAAkBC,EAAe,QAAOA;AAC5C,MAAID,IAAkBE,EAAe,QAAOA;AAC5C,QAAM;AAAA,IAAEC,cAAAA;AAAAA,IAAcC,cAAAA;AAAAA,EAAAA,IAAiBL,GACjCM,IAAeF,IAAeC,GAE9BE,IAA4BC,KAAKC,MAAML,IAAeH,CAAe,GACrES,IAAqBF,KAAKC,MAAMH,IAAgBA,IAAe,GAAI;AAEzE,SAAOE,KAAKG,IAAIJ,GAA2BG,CAAkB;AAC/D;AAEA,MAAME,IAAeC,EAAMC,cAA4B,CAAA,CAAkB;"}
+{"version":3,"file":"helpers.js","sources":["../../src/lib/panel/helpers.ts"],"sourcesContent":["import { createContext } from 'react';\nimport { ContextProps } from './types';\n\nexport function getCurrentThreshold(\n  scrollableElement: HTMLDivElement,\n  scrollThreshold: number,\n): number {\n  const MIN_THRESHOLD = 0;\n  const MAX_THRESHOLD = 1;\n  if (scrollThreshold < MIN_THRESHOLD) return MIN_THRESHOLD;\n  if (scrollThreshold > MAX_THRESHOLD) return MAX_THRESHOLD;\n  const { scrollHeight, clientHeight } = scrollableElement;\n  const offsetHeight = scrollHeight - clientHeight;\n\n  const calculatedScrollThreshold = Math.round(scrollHeight * scrollThreshold);\n  const maxScrollThreshold = Math.round(offsetHeight - (offsetHeight * 0.3));\n\n  return Math.min(calculatedScrollThreshold, maxScrollThreshold);\n}\n\nconst PanelContext = createContext<ContextProps>({} as ContextProps);\n\nexport default PanelContext;\n"],"names":["getCurrentThreshold","scrollableElement","scrollThreshold","MIN_THRESHOLD","MAX_THRESHOLD","scrollHeight","clientHeight","offsetHeight","calculatedScrollThreshold","Math","round","maxScrollThreshold","min","PanelContext","createContext"],"mappings":";AAGO,SAASA,EACdC,GACAC,GACQ;AAGR,MAAIA,IAAkBC,EAAe,QAAOA;AAC5C,MAAID,IAAkBE,EAAe,QAAOA;AAC5C,QAAM;AAAA,IAAEC,cAAAA;AAAAA,IAAcC,cAAAA;AAAAA,EAAAA,IAAiBL,GACjCM,IAAeF,IAAeC,GAE9BE,IAA4BC,KAAKC,MAAML,IAAeH,CAAe,GACrES,IAAqBF,KAAKC,MAAMH,IAAgBA,IAAe,GAAI;AAEzE,SAAOE,KAAKG,IAAIJ,GAA2BG,CAAkB;AAC/D;AAEA,MAAME,IAAeC,EAA4B,CAAA,CAAkB;"}

package/lib/panel/index.js

@@ -6,7 +6,7 @@ import { default as u } from "./SuccessPanel.js";
 import { default as P } from "./InfoPanel.js";
 import { default as i } from "./Header.js";
 import { default as g } from "./Content.js";
-import '../styles/assets/styles/panel.css';/* empty css                          */
+import '../assets/styles/panel.css';/* empty css                          */
 export {
   n as DangerPanel,
   P as InfoPanel,

package/lib/popover/PopoverText.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 import { PopoverTextProps } from './types';
-declare const PopoverText: React.ForwardRefExoticComponent<PopoverTextProps & React.RefAttributes<HTMLParagraphElement>>;
+declare const PopoverText: import('react').ForwardRefExoticComponent<PopoverTextProps & import('react').RefAttributes<HTMLParagraphElement>>;
 export default PopoverText;

package/lib/popover/PopoverText.js

@@ -1,15 +1,16 @@
-import { jsx as m } from "react/jsx-runtime";
-import { c as p } from "react/compiler-runtime";
-import { forwardRef as a } from "react";
-const c = a((s, e) => {
-  const o = p(3), {
-    children: r
-  } = s;
-  let t;
-  return o[0] !== r || o[1] !== e ? (t = /* @__PURE__ */ m("p", { className: "text", ref: e, children: r }), o[0] = r, o[1] = e, o[2] = t) : t = o[2], t;
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as a, useRef as f, useImperativeHandle as s, useEffect as u } from "react";
+const p = a(({
+  children: t,
+  text: r
+}, o) => {
+  const e = f(null);
+  return s(o, () => e.current, [e.current]), u(() => {
+    e.current && r !== void 0 && (e.current.innerHTML = r);
+  }, [r, e.current]), /* @__PURE__ */ n("p", { className: "text", ref: e, "data-testid": "popover-text", children: t });
 });
-c.displayName = "PopoverText";
+p.displayName = "PopoverText";
 export {
-  c as default
+  p as default
 };
 //# sourceMappingURL=PopoverText.js.map

package/lib/popover/PopoverText.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverText.js","sources":["../../src/lib/popover/PopoverText.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { PopoverTextProps } from './types';\n\nconst PopoverText = forwardRef<HTMLParagraphElement, PopoverTextProps>(({ children }, ref) => {\n  return <p className=\"text\" ref={ref}>{children}</p>;\n});\n\nPopoverText.displayName = 'PopoverText';\n\nexport default PopoverText;\n"],"names":["PopoverText","forwardRef","t0","ref","$","_c","children","t1","jsx","displayName"],"mappings":";;;AAGA,MAAMA,IAAcC,EAAmD,CAAAC,GAAAC,MAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAC;AAAA,IAAAC,UAAAA;AAAAA,EAAAA,IAAAJ;AAAY,MAAAK;AAAA,SAAAH,EAAA,CAAA,MAAAE,KAAAF,SAAAD,KAC3EI,IAAA,gBAAAC,EAAA,KAAA,EAAa,WAAA,QAAYL,KAAAA,GAAMG,UAAAA,GAAS,GAAIF,OAAAE,GAAAF,OAAAD,GAAAC,OAAAG,KAAAA,IAAAH,EAAA,CAAA,GAA5CG;AAA4C,CACpD;AAEDP,EAAYS,cAAc;"}
+{"version":3,"file":"PopoverText.js","sources":["../../src/lib/popover/PopoverText.tsx"],"sourcesContent":["import { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';\nimport { PopoverTextProps } from './types';\n\nconst PopoverText = forwardRef<HTMLParagraphElement, PopoverTextProps>((\n  { children, text }, ref,\n) => {\n  const hintRef = useRef<HTMLDivElement | null>(null);\n  useImperativeHandle(ref, () => hintRef.current!, [hintRef.current]);\n\n  useEffect(() => {\n    if (hintRef.current && text !== undefined) {\n      hintRef.current.innerHTML = text;\n    }\n  }, [text, hintRef.current]);\n\n  return <p className=\"text\" ref={hintRef} data-testid=\"popover-text\" >{children}</p>;\n});\n\nPopoverText.displayName = 'PopoverText';\n\nexport default PopoverText;\n"],"names":["PopoverText","forwardRef","children","text","ref","hintRef","useRef","useImperativeHandle","current","useEffect","undefined","innerHTML","jsx","displayName"],"mappings":";;AAGA,MAAMA,IAAcC,EAAmD,CACrE;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,MAAAA;AAAK,GAAGC,MACjB;AACH,QAAMC,IAAUC,EAA8B,IAAI;AAClDC,SAAAA,EAAoBH,GAAK,MAAMC,EAAQG,SAAU,CAACH,EAAQG,OAAO,CAAC,GAElEC,EAAU,MAAM;AACd,IAAIJ,EAAQG,WAAWL,MAASO,WAC9BL,EAAQG,QAAQG,YAAYR;AAAAA,EAEhC,GAAG,CAACA,GAAME,EAAQG,OAAO,CAAC,GAEnB,gBAAAI,EAAC,OAAE,WAAU,QAAO,KAAKP,GAAS,eAAY,gBAAiBH,UAAAA,GAAS;AACjF,CAAC;AAEDF,EAAYa,cAAc;"}

package/lib/popover/PopoverTitle.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
-import { c as l } from "react/compiler-runtime";
+import { c } from "../_virtual/compiler-runtime.js";
 const m = (r) => {
-  const t = l(2), {
+  const t = c.c(2), {
     children: o
   } = r;
   let e;

package/lib/popover/PopoverTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverTitle.js","sources":["../../src/lib/popover/PopoverTitle.tsx"],"sourcesContent":["import React from 'react';\nimport { PopoverTitleProps } from './types';\n\nconst PopoverTitle = ({ children }: PopoverTitleProps) => <h1 className=\"title\">{children}</h1>;\n\nexport default PopoverTitle;\n"],"names":["PopoverTitle","t0","$","_c","children","t1","jsx"],"mappings":";;AAGA,MAAMA,IAAeC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAC;AAAA,IAAAC,UAAAA;AAAAA,EAAAA,IAAAH;AAA+B,MAAAI;AAAA,SAAAH,SAAAE,KAAKC,IAAA,gBAAAC,EAAA,MAAA,EAAc,WAAA,SAASF,UAAAA,GAAS,GAAKF,OAAAE,GAAAF,OAAAG,KAAAA,IAAAH,EAAA,CAAA,GAArCG;AAAqC;"}
+{"version":3,"file":"PopoverTitle.js","sources":["../../src/lib/popover/PopoverTitle.tsx"],"sourcesContent":["import { PopoverTitleProps } from './types';\n\nconst PopoverTitle = ({ children }: PopoverTitleProps) => <h1 className=\"title\">{children}</h1>;\n\nexport default PopoverTitle;\n"],"names":["PopoverTitle","t0","$","_c","children","t1","jsx"],"mappings":";;AAEA,MAAMA,IAAeC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GAAC;AAAA,IAAAC,UAAAA;AAAAA,EAAAA,IAAAH;AAA+B,MAAAI;AAAA,SAAAH,SAAAE,KAAKC,IAAA,gBAAAC,EAAA,MAAA,EAAc,WAAA,SAASF,UAAAA,GAAS,GAAKF,OAAAE,GAAAF,OAAAG,KAAAA,IAAAH,EAAA,CAAA,GAArCG;AAAqC;"}

package/lib/popover/index.js

@@ -1,41 +1,41 @@
 import { jsx as w } from "react/jsx-runtime";
-import { c as z } from "react/compiler-runtime";
+import { c as z } from "../_virtual/compiler-runtime.js";
 import I from "../buttons/Button.js";
+import '../assets/styles/popover.css';import '../assets/styles/button.css';/* empty css                           */
 import P from "../icons/index.js";
-import '../styles/assets/styles/popover.css';import '../styles/assets/styles/button.css';/* empty css                           */
-import { default as E } from "./PopoverText.js";
-import { default as G } from "./PopoverTitle.js";
+import { default as _ } from "./PopoverText.js";
+import { default as F } from "./PopoverTitle.js";
 /* empty css                            */
 const B = (i) => {
-  const o = z(25);
-  let t, e, f, n, r, c, a, m, p, d;
+  const o = z.c(25);
+  let t, e, f, n, r, c, a, p, m, d;
   o[0] !== i ? ({
     children: t,
     align: c,
     theme: a,
     iconName: f,
-    iconSize: m,
-    iconColor: p,
+    iconSize: p,
+    iconColor: m,
     customClass: d,
     style: r,
     customStyle: e,
     ...n
-  } = i, o[0] = i, o[1] = t, o[2] = e, o[3] = f, o[4] = n, o[5] = r, o[6] = c, o[7] = a, o[8] = m, o[9] = p, o[10] = d) : (t = o[1], e = o[2], f = o[3], n = o[4], r = o[5], c = o[6], a = o[7], m = o[8], p = o[9], d = o[10]);
-  const v = c === void 0 ? "left" : c, y = a === void 0 ? "dark" : a, x = m === void 0 ? 16 : m, S = p === void 0 ? "" : p, b = d === void 0 ? "" : d, C = f || "information", h = S || "gray";
+  } = i, o[0] = i, o[1] = t, o[2] = e, o[3] = f, o[4] = n, o[5] = r, o[6] = c, o[7] = a, o[8] = p, o[9] = m, o[10] = d) : (t = o[1], e = o[2], f = o[3], n = o[4], r = o[5], c = o[6], a = o[7], p = o[8], m = o[9], d = o[10]);
+  const v = c === void 0 ? "left" : c, y = a === void 0 ? "dark" : a, x = p === void 0 ? 16 : p, b = m === void 0 ? "" : m, S = d === void 0 ? "" : d, C = f || "information", h = b || "gray";
   let l;
   o[11] !== x || o[12] !== C || o[13] !== h ? (l = /* @__PURE__ */ w(P, { customClass: "buttonicon", name: C, color: h, size: x }), o[11] = x, o[12] = C, o[13] = h, o[14] = l) : l = o[14];
-  const g = `popovercontainer -${y} ${b}`;
+  const g = `popovercontainer -${y} ${S}`;
   let s;
   o[15] !== t || o[16] !== e || o[17] !== g ? (s = /* @__PURE__ */ w("div", { className: g, "data-testid": "popover-container", style: e, children: t }), o[15] = t, o[16] = e, o[17] = g, o[18] = s) : s = o[18];
   let u;
-  return o[19] !== v || o[20] !== n || o[21] !== r || o[22] !== s || o[23] !== l ? (u = /* @__PURE__ */ w(I, { round: !0, dropdown: !0, transparent: !0, tabIndex: -1, boxShadow: !1, iconAlign: "center", dropdownAlign: v, showIconDropdown: !1, customClass: "popover-component", style: r, icon: l, onClick: $, ...n, children: s }), o[19] = v, o[20] = n, o[21] = r, o[22] = s, o[23] = l, o[24] = u) : u = o[24], u;
+  return o[19] !== v || o[20] !== n || o[21] !== r || o[22] !== s || o[23] !== l ? (u = /* @__PURE__ */ w(I, { round: !0, type: "button", dropdown: !0, transparent: !0, tabIndex: -1, boxShadow: !1, iconAlign: "center", dropdownAlign: v, showIconDropdown: !1, customClass: "popover-component", style: r, icon: l, onClick: $, ...n, children: s }), o[19] = v, o[20] = n, o[21] = r, o[22] = s, o[23] = l, o[24] = u) : u = o[24], u;
 };
 function $(i) {
   i.preventDefault();
 }
 export {
-  E as PopoverText,
-  G as PopoverTitle,
+  _ as PopoverText,
+  F as PopoverTitle,
   B as default
 };
 //# sourceMappingURL=index.js.map