linear-react-components-ui 1.1.26-beta.7 → 1.1.26-beta.8

package/lib/menus/sidenav/NavSubMenuItem.d.ts

@@ -0,0 +1,3 @@
+import { INavSubMenuItemProps } from './types';
+declare const NavSubMenuItem: ({ title, url, permissionAttr }: INavSubMenuItemProps) => import("react/jsx-runtime").JSX.Element | null;
+export default NavSubMenuItem;

package/lib/menus/sidenav/NavSubMenuItem.js

@@ -0,0 +1,39 @@
+import { j as d } from "../../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as j } from "../../chunks/compiler-runtime.Cu50tn6L.js";
+import { useContext as v, useState as D } from "react";
+import S from "./MenuLink.js";
+import { SubMenuContext as h } from "./helpers.js";
+import { OPTIONS_ON_DENIED as f, actionsOnPermissionDenied as E } from "../../permissionValidations.js";
+const w = (p) => {
+  const t = j.c(13), {
+    title: l,
+    url: m,
+    permissionAttr: u
+  } = p;
+  let o, i;
+  if (t[0] !== u) {
+    const N = [f.disabled, f.unvisible];
+    o = D, i = E(N, u), t[0] = u, t[1] = o, t[2] = i;
+  } else
+    o = t[1], i = t[2];
+  const [b] = o(i), {
+    toggleSubMenu: c
+  } = v(h), {
+    unvisible: x,
+    disabled: s
+  } = b;
+  if (x)
+    return null;
+  const a = `item hvr-forward ${s && "-disabled"}`;
+  let e;
+  t[3] !== l ? (e = /* @__PURE__ */ d.jsx("span", { className: "title", children: l }), t[3] = l, t[4] = e) : e = t[4];
+  let n;
+  t[5] !== s || t[6] !== e || t[7] !== m ? (n = /* @__PURE__ */ d.jsx(S, { disabled: s, url: m, children: e }), t[5] = s, t[6] = e, t[7] = m, t[8] = n) : n = t[8];
+  let r;
+  return t[9] !== a || t[10] !== n || t[11] !== c ? (r = /* @__PURE__ */ d.jsx("div", { className: a, onKeyDown: I, role: "button", tabIndex: -1, onClick: c, children: n }), t[9] = a, t[10] = n, t[11] = c, t[12] = r) : r = t[12], r;
+};
+function I() {
+}
+export {
+  w as default
+};

package/lib/menus/sidenav/helpers.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { ISideNavContext, ISubMenuContext } from './types';
+declare const getCssClassMenu: (isExpanded?: boolean, size?: string) => string;
+export declare const SubMenuContext: React.Context<ISubMenuContext>;
+export declare const SideNavContext: React.Context<ISideNavContext>;
+export default getCssClassMenu;

package/lib/menus/sidenav/helpers.js

@@ -0,0 +1,10 @@
+import t from "react";
+const a = (n, s) => {
+  let e = "expandedmenu";
+  return n || (e = `collapsedmenu -${s}`), e;
+}, c = t.createContext({}), r = t.createContext({});
+export {
+  r as SideNavContext,
+  c as SubMenuContext,
+  a as default
+};

package/lib/menus/sidenav/index.d.ts

@@ -0,0 +1,8 @@
+import { default as NavMenuItem } from './NavMenuItem';
+import { default as NavSubMenuItem } from './NavSubMenuItem';
+import { default as NavMenuGroup } from './NavMenuGroup';
+import { default as ExpandedMenu } from './ExpandMenu';
+import { ISideNavProps } from './types';
+declare const SideNav: (props: ISideNavProps) => import("react/jsx-runtime").JSX.Element;
+export default SideNav;
+export { NavMenuItem, NavSubMenuItem, NavMenuGroup, ExpandedMenu, };

package/lib/menus/sidenav/index.js

@@ -0,0 +1,150 @@
+import { j as i } from "../../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as ae } from "../../chunks/compiler-runtime.Cu50tn6L.js";
+import { useState as L, useRef as me, useEffect as W } from "react";
+import oe from "./NavMenuItem.js";
+import ue from "./NavSubMenuItem.js";
+import pe from "./NavMenuGroup.js";
+import fe from "./ExpandMenu.js";
+import { SideNavContext as de } from "./helpers.js";
+import he from "../../icons/index.js";
+import { keyCodes as xe } from "../../internals/constants.js";
+import Se from "./popup_menu_search/index.js";
+import { v as se } from "../../chunks/v1.Ds1rkxUj.js";
+import '../../assets/index27.css';const De = (m) => {
+  const e = ae.c(52), {
+    customClass: re,
+    showExpandMenu: A,
+    expandMenuCustomClass: H,
+    expanded: X,
+    menuSize: Y,
+    onExpandMenuClick: S,
+    children: l,
+    enableMenuSearch: c,
+    menuSearchCustomComponent: C
+  } = m, x = X === void 0 ? !0 : X, r = Y === void 0 ? "medium" : Y, [o, Z] = L(x);
+  let v;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (v = [], e[0] = v) : v = e[0];
+  const [u, ie] = L(v);
+  let y;
+  e[1] === Symbol.for("react.memo_cache_sentinel") ? (y = {}, e[1] = y) : y = e[1];
+  const [T, le] = L(y), [a, ee] = L(!1), M = me(null);
+  let b;
+  e[2] !== o || e[3] !== S ? (b = () => {
+    Z(!o), S && S(!o);
+  }, e[2] = o, e[3] = S, e[4] = b) : b = e[4];
+  const q = b;
+  let _;
+  e[5] !== T ? (_ = () => {
+    const {
+      left: n,
+      top: t,
+      width: s,
+      height: U
+    } = T;
+    return `left: ${n + s + 5}px; top: ${t + 1}px; height: ${U - 8}px;`;
+  }, e[5] = T, e[6] = _) : _ = e[6];
+  const B = _;
+  let E;
+  e[7] === Symbol.for("react.memo_cache_sentinel") ? (E = () => {
+    ee(!1);
+  }, e[7] = E) : E = e[7];
+  const ce = E;
+  let p, I;
+  if (e[8] === Symbol.for("react.memo_cache_sentinel")) {
+    const n = (t) => {
+      const {
+        type: s
+      } = t;
+      (s === oe || s === ue) && !t.props.children && ie((U) => [...U, {
+        id: t.props.id || `${t.props.title}-${se()}`,
+        content: t.props.title,
+        url: t.props.url
+      }]);
+    };
+    p = (t) => {
+      Array.isArray(t) ? t.forEach((s) => {
+        s && (n(s), s.props && s.props.children && p(s.props.children));
+      }) : t && (n(t), t.props && t.props.children && p(t.props.children));
+    }, I = () => {
+      ee(!0);
+    }, e[8] = p, e[9] = I;
+  } else
+    p = e[8], I = e[9];
+  const te = I;
+  let N;
+  e[10] === Symbol.for("react.memo_cache_sentinel") ? (N = (n) => {
+    [xe.F].includes(n.keyCode) && n.ctrlKey && n.shiftKey && (n.preventDefault(), te());
+  }, e[10] = N) : N = e[10];
+  const ne = N;
+  let $, g;
+  e[11] === Symbol.for("react.memo_cache_sentinel") ? (g = () => (document.addEventListener("keydown", ne), () => {
+    document.removeEventListener("keydown", ne);
+  }), $ = [], e[11] = $, e[12] = g) : ($ = e[11], g = e[12]), W(g, $);
+  let j;
+  e[13] !== l || e[14] !== c ? (j = () => {
+    c && M && M.current && le(M.current.getBoundingClientRect()), c && p(l);
+  }, e[13] = l, e[14] = c, e[15] = j) : j = e[15];
+  let k;
+  e[16] === Symbol.for("react.memo_cache_sentinel") ? (k = [], e[16] = k) : k = e[16], W(j, k);
+  let w, R;
+  e[17] !== x ? (w = () => {
+    Z(x);
+  }, R = [x], e[17] = x, e[18] = w, e[19] = R) : (w = e[18], R = e[19]), W(w, R);
+  let D;
+  e[20] !== u ? (D = () => u.filter(Ce), e[20] = u, e[21] = D) : D = e[21];
+  const G = D;
+  let K;
+  e[22] !== B || e[23] !== u || e[24] !== C || e[25] !== r || e[26] !== a || e[27] !== m || e[28] !== G ? (K = () => {
+    const n = {
+      ...m,
+      style: B(),
+      handlerClose: ce,
+      menuItemsContent: u && G()
+    };
+    return /* @__PURE__ */ i.jsx(pe, { children: /* @__PURE__ */ i.jsxs(oe, { childrenIsSubMenu: !1, customClass: "-customsidenavitem", tooltip: "Pesquisar funcionalidades (CTRL+SHIFT+F)", tooltipPosition: "right", children: [
+      /* @__PURE__ */ i.jsx("div", { className: "searchmenubutton", role: "button", tabIndex: -1, onKeyDown: ve, onClick: () => {
+        te();
+      }, children: /* @__PURE__ */ i.jsx(he, { name: "search", customClass: "searchmenuicon", size: r === "small" && 16 || r === "medium" && 22 || r === "large" && 32 || 16 }) }, "searchMenuIcon"),
+      a && (C ? C(n) : /* @__PURE__ */ i.jsx(Se, { ...n }))
+    ] }) }, `popup-menusearch-${se()}`);
+  }, e[22] = B, e[23] = u, e[24] = C, e[25] = r, e[26] = a, e[27] = m, e[28] = G, e[29] = K) : K = e[29];
+  const O = K;
+  let P;
+  e[30] !== l || e[31] !== c || e[32] !== O ? (P = () => {
+    if (!c)
+      return l;
+    const n = [...l];
+    return n.splice(1, 0, O()), n;
+  }, e[30] = l, e[31] = c, e[32] = O, e[33] = P) : P = e[33];
+  const V = P;
+  let z;
+  e[34] !== o || e[35] !== r || e[36] !== a ? (z = {
+    isExpanded: o,
+    menuSize: r,
+    openSearchMenuPopup: a
+  }, e[34] = o, e[35] = r, e[36] = a, e[37] = z) : z = e[37];
+  const J = z, Q = `sidenav-component ${o ? "-expanded" : ""} ${a ? "-blocked" : ""} ${re}`;
+  let f;
+  e[38] !== H || e[39] !== o || e[40] !== q || e[41] !== A ? (f = A && /* @__PURE__ */ i.jsx(fe, { expandMenuCustomClass: `${o && "closefromexpanded"} ${H}`, onExpandMenu: q, iconName: o ? "arrow_left" : "arrow_right" }), e[38] = H, e[39] = o, e[40] = q, e[41] = A, e[42] = f) : f = e[42];
+  let d;
+  e[43] !== V ? (d = V(), e[43] = V, e[44] = d) : d = e[44];
+  let h;
+  e[45] !== Q || e[46] !== f || e[47] !== d ? (h = /* @__PURE__ */ i.jsxs("div", { className: Q, ref: M, children: [
+    f,
+    d
+  ] }), e[45] = Q, e[46] = f, e[47] = d, e[48] = h) : h = e[48];
+  let F;
+  return e[49] !== J || e[50] !== h ? (F = /* @__PURE__ */ i.jsx(de.Provider, { value: J, children: h }), e[49] = J, e[50] = h, e[51] = F) : F = e[51], F;
+};
+function Ce(m) {
+  return m.content !== "";
+}
+function ve() {
+}
+export {
+  fe as ExpandedMenu,
+  pe as NavMenuGroup,
+  oe as NavMenuItem,
+  ue as NavSubMenuItem,
+  De as default
+};

package/lib/menus/sidenav/popup_menu_search/EmptyList.d.ts

@@ -0,0 +1,3 @@
+import { IEmptyListProps } from '../types';
+declare const EmptyList: ({ info, visible, }: IEmptyListProps) => import("react/jsx-runtime").JSX.Element;
+export default EmptyList;

package/lib/menus/sidenav/popup_menu_search/EmptyList.js

@@ -0,0 +1,23 @@
+import { j as i } from "../../../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as l } from "../../../chunks/compiler-runtime.Cu50tn6L.js";
+import m from "../../../icons/index.js";
+const d = (c) => {
+  const e = l.c(4), {
+    info: r,
+    visible: n
+  } = c;
+  if (!(n === void 0 ? !0 : n)) {
+    let o;
+    return e[0] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ i.jsx("noscript", {}), e[0] = o) : o = e[0], o;
+  }
+  let t;
+  e[1] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ i.jsx(m, { name: "information", color: "#bdbdbd", size: 128 }), e[1] = t) : t = e[1];
+  let s;
+  return e[2] !== r ? (s = /* @__PURE__ */ i.jsxs("div", { className: "nodata-container", children: [
+    t,
+    /* @__PURE__ */ i.jsx("p", { className: "subtext", children: r })
+  ] }), e[2] = r, e[3] = s) : s = e[3], s;
+};
+export {
+  d as default
+};

package/lib/menus/sidenav/popup_menu_search/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { IPopupMenuSearchProps } from '../types';
+declare const PopupMenuSearch: (props: IPopupMenuSearchProps) => React.ReactPortal;
+export default PopupMenuSearch;

package/lib/menus/sidenav/popup_menu_search/index.js

@@ -0,0 +1,56 @@
+import { j as t } from "../../../chunks/jsx-runtime.D1SHvdVE.js";
+import { useState as d, useRef as f, useEffect as u, Fragment as v } from "react";
+import P from "react-dom";
+import w from "../../../inputs/search/index.js";
+import F from "../../../list/index.js";
+import O from "../../../icons/index.js";
+import k from "./EmptyList.js";
+import { L as M } from "../../../chunks/tabs.BvKfeA6Y.js";
+const h = document.getElementsByTagName("body")[0], A = (x) => {
+  const {
+    style: c,
+    menuItemsContent: a,
+    handlerClose: l,
+    menuSearchEmptyMessage: g,
+    menuSearchPlaceholder: y
+  } = x, [b, j] = d(""), [n, I] = d(a), [C, i] = d(""), o = f(null), r = f(document.createElement("div"));
+  Object.assign(r.current, {
+    className: "searchmenu",
+    style: c
+  });
+  const m = (e) => {
+    e.key === "Escape" && (l(), e.stopPropagation());
+  };
+  u(() => (h.appendChild(r.current), o && o.current && o.current.focus(), document.body.addEventListener("keydown", m), () => {
+    h.removeChild(r.current), document.body.removeEventListener("keydown", m);
+  }), []), u(() => {
+    Object.assign(r.current, {
+      style: c
+    });
+  }, [c]), u(() => {
+    n && n.length > 0 && i(n[0].id);
+  }, []);
+  const p = (e) => {
+    const L = e.toLowerCase(), s = a && a.filter((R) => R.content.toLowerCase().includes(L));
+    s && s.length > 0 && i(s[0].id), j(e), I(s);
+  }, E = () => n && n.length > 0 ? /* @__PURE__ */ t.jsx(F, { condensed: !0, transparent: !0, selectable: !0, onSelectItem: l, selectedItemId: C, selectOnEnter: !0, style: {
+    margin: "25px 0px",
+    border: "none",
+    boxShadow: "none"
+  }, children: n.map((e) => /* @__PURE__ */ t.jsx(M, { itemId: e.id, url: e.url, text: e.content }, e.id)) }) : /* @__PURE__ */ t.jsx(k, { info: g }), S = () => /* @__PURE__ */ t.jsxs(v, { children: [
+    /* @__PURE__ */ t.jsx("span", { onClick: l, className: "closebutton", onKeyPress: () => {
+    }, role: "button", tabIndex: 0, children: /* @__PURE__ */ t.jsx(O, { name: "close", size: 22 }) }),
+    /* @__PURE__ */ t.jsx(w, { rounded: !0, onChange: (e) => {
+      e && p(e.target.value);
+    }, inputRef: o, value: b, placeHolder: y, onReset: () => {
+      p("");
+    } }),
+    /* @__PURE__ */ t.jsx("div", { style: {
+      height: "90%"
+    }, children: E() })
+  ] });
+  return P.createPortal(S(), r.current);
+};
+export {
+  A as default
+};

package/lib/menus/sidenav/sidenav.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/menus/sidenav/types.d.ts

@@ -0,0 +1,85 @@
+import { CSSProperties, ReactElement, ReactNode } from 'react';
+import { PermissionAttr } from '../../@types/PermissionAttr';
+import { Size } from '../../@types/Size';
+import { WithTooltipProps } from '../../internals/types';
+import { IconNames } from '../../../lib/@types/Icon';
+export interface ISideNavProps {
+    children: ReactNode;
+    expanded?: boolean;
+    menuSize?: Extract<Size, 'small' | 'medium' | 'large'>;
+    customClass?: string;
+    expandMenuCustomClass?: string;
+    onExpandMenuClick?: (value: boolean) => void;
+    showExpandMenu?: boolean;
+    enableMenuSearch?: boolean;
+    menuSearchEmptyMessage?: string;
+    menuSearchPlaceholder?: string;
+    menuSearchCustomComponent?: (props: IPopupMenuSearchProps) => ReactElement;
+}
+export interface ISideNavDimensions {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+}
+export interface IMenuItemContent {
+    id: string;
+    content: string;
+    url: string;
+}
+export interface IMenuLinkProps extends WithTooltipProps {
+    children: ReactElement;
+    url?: string;
+    targetRef?: ((ref: HTMLAnchorElement | null) => void) | null;
+    disabled?: boolean;
+}
+export interface INavMenuGroupProps {
+    children: ReactNode;
+    scrollable?: boolean;
+    style?: CSSProperties;
+}
+export interface INavMenuItemProps extends WithTooltipProps {
+    children?: ReactNode;
+    title?: string;
+    iconName?: IconNames;
+    childrenIsSubMenu?: boolean;
+    url?: string;
+    customClass?: string;
+    permissionAttr?: PermissionAttr | PermissionAttr[];
+    minWidth?: string | number;
+    maxWidth?: string | number;
+    columnsQtty?: number;
+    targetRef?: (ref: HTMLLIElement | null) => void;
+    disableDefaultStyle?: boolean;
+    showDropdownOnClick?: boolean;
+    style?: CSSProperties;
+    customClassForDropdown?: string;
+}
+export interface INavSubMenuItemProps {
+    title: string;
+    url?: string;
+    permissionAttr?: PermissionAttr | PermissionAttr[];
+}
+export interface IExpandMenuProps {
+    expandMenuCustomClass?: string;
+    onExpandMenu?: () => void;
+    iconName: IconNames;
+}
+export interface IEmptyListProps {
+    info?: string;
+    visible?: boolean;
+}
+export interface IPopupMenuSearchProps extends ISideNavProps {
+    menuItemsContent?: IMenuItemContent[];
+    handlerClose: () => void;
+    style?: CSSProperties | string;
+}
+export interface ISubMenuContext {
+    toggleSubMenu: () => void;
+}
+export interface ISideNavContext {
+    isExpanded?: boolean;
+    menuSize?: Extract<Size, 'small' | 'medium' | 'large'>;
+    openSearchMenuPopup?: boolean;
+}
+export type ITargetDimensions = DOMRect;

package/lib/noPermission/index.d.ts

@@ -0,0 +1,2 @@
+declare const NoPermission: () => import("react/jsx-runtime").JSX.Element;
+export default NoPermission;

package/lib/noPermission/index.js

@@ -0,0 +1,16 @@
+import { j as e } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as t } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import r from "../icons/index.js";
+import '../assets/noPermission.css';/* empty css                              */
+const c = () => {
+  const o = t.c(1);
+  let s;
+  return o[0] === Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ e.jsxs("div", { className: "no-permission-component", "data-testid": "no-permission-component", children: [
+    /* @__PURE__ */ e.jsx(r, { name: "warning", size: 128, color: "#bdbdbd" }),
+    /* @__PURE__ */ e.jsx("p", { className: "text", children: "Acesso Negado" }),
+    /* @__PURE__ */ e.jsx("p", { className: "subtext", children: "Você não tem permissão para acessar este conteúdo. Consulte o Administrador do sistema!" })
+  ] }), o[0] = s) : s = o[0], s;
+};
+export {
+  c as default
+};

package/lib/panel/Content.d.ts

@@ -0,0 +1,3 @@
+import { IPanelContentProps } from './types';
+declare const PanelContent: ({ customClass, children, ...rest }: IPanelContentProps) => import("react/jsx-runtime").JSX.Element | null;
+export default PanelContent;

package/lib/panel/Content.js

@@ -0,0 +1,55 @@
+import { j as H } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as T } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import { useContext as w, useRef as R, useEffect as z } from "react";
+import O, { getCurrentThreshold as N } from "./helpers.js";
+import S from "../noPermission/index.js";
+const A = (h) => {
+  const e = T.c(18);
+  let o, c, l;
+  e[0] !== h ? ({
+    customClass: c,
+    children: o,
+    ...l
+  } = h, e[0] = h, e[1] = o, e[2] = c, e[3] = l) : (o = e[1], c = e[2], l = e[3]);
+  const {
+    opened: i,
+    onEndReached: s,
+    onEndReachedThreshold: x,
+    hideContent: m
+  } = w(O), E = x === void 0 ? 0.1 : x, t = R(null), g = R(0), p = R(!0);
+  let u;
+  e[4] !== s || e[5] !== E ? (u = async () => {
+    const n = t.current;
+    if (n && s) {
+      const {
+        scrollTop: v,
+        scrollHeight: C,
+        clientHeight: b
+      } = n, j = C - b - v - 1, L = N(n, E);
+      j <= L && p.current && (p.current = !1, await new Promise((P) => {
+        P(s());
+      }), g.current = C);
+    }
+  }, e[4] = s, e[5] = E, e[6] = u) : u = e[6];
+  const r = u;
+  let d;
+  e[7] !== s || e[8] !== r ? (d = () => {
+    let n;
+    return t.current && s && (n = new ResizeObserver(() => {
+      const {
+        scrollHeight: v
+      } = t.current;
+      v !== g.current && (p.current = !0, n?.disconnect());
+    }), n.observe(t.current), t.current.addEventListener("scroll", r), t.current.addEventListener("resize", r)), () => {
+      t.current?.removeEventListener("scroll", r), t.current?.removeEventListener("resize", r), n?.disconnect();
+    };
+  }, e[7] = s, e[8] = r, e[9] = d) : d = e[9];
+  let f;
+  if (e[10] !== r ? (f = [r], e[10] = r, e[11] = f) : f = e[11], z(d, f), !i)
+    return null;
+  let a;
+  return e[12] !== o || e[13] !== c || e[14] !== m || e[15] !== i || e[16] !== l ? (a = m ? /* @__PURE__ */ H.jsx(S, {}) : /* @__PURE__ */ H.jsx("div", { ref: t, className: `panel-content ${c ?? ""}`, ...l, children: i && o }), e[12] = o, e[13] = c, e[14] = m, e[15] = i, e[16] = l, e[17] = a) : a = e[17], a;
+};
+export {
+  A as default
+};

package/lib/panel/DangerPanel.d.ts

@@ -0,0 +1,3 @@
+import { IPanelProps } from './types';
+declare const DangerPanel: (props: IPanelProps) => import("react/jsx-runtime").JSX.Element;
+export default DangerPanel;

package/lib/panel/DangerPanel.js

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

package/lib/panel/Default.d.ts

@@ -0,0 +1,3 @@
+import { IPanelProps } from './types';
+declare const DefaultPanel: ({ startOpened, toggleable, customClass, children, title, gridCols, onEndReached, onEndReachedThreshold, permissionAttr, colorStyle, ...rest }: IPanelProps) => import("react/jsx-runtime").JSX.Element | null;
+export default DefaultPanel;

package/lib/panel/Default.js

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

package/lib/panel/Header.d.ts

@@ -0,0 +1,3 @@
+import { IPanelHeaderProps } from './types';
+declare const PanelHeader: (props: IPanelHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export default PanelHeader;

package/lib/panel/Header.js

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

package/lib/panel/InfoPanel.d.ts

@@ -0,0 +1,3 @@
+import { IPanelProps } from './types';
+declare const InfoPanel: (props: IPanelProps) => import("react/jsx-runtime").JSX.Element;
+export default InfoPanel;

package/lib/panel/InfoPanel.js

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