linear-react-components-ui 1.1.25-rc.2 → 1.1.26-beta-1

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

@@ -1,12 +1,9 @@
-import { ReactNode, ReactElement, CSSProperties } from 'react';
-import { PermissionAttr } from '../../@types/PermissionAttr.js';
-import { Size } from '../../@types/Size.js';
-import { WithTooltipProps } from '../../internals/types.js';
-import { IconNames } from '../../@types/Icon.js';
-import '../../@types/Position.js';
-import '../../icons/helper.js';
-
-interface ISideNavProps {
+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'>;
@@ -19,29 +16,29 @@ interface ISideNavProps {
     menuSearchPlaceholder?: string;
     menuSearchCustomComponent?: (props: IPopupMenuSearchProps) => ReactElement;
 }
-interface ISideNavDimensions {
+export interface ISideNavDimensions {
     left: number;
     top: number;
     width: number;
     height: number;
 }
-interface IMenuItemContent {
+export interface IMenuItemContent {
     id: string;
     content: string;
     url: string;
 }
-interface IMenuLinkProps extends WithTooltipProps {
+export interface IMenuLinkProps extends WithTooltipProps {
     children: ReactElement;
     url?: string;
     targetRef?: ((ref: HTMLAnchorElement | null) => void) | null;
     disabled?: boolean;
 }
-interface INavMenuGroupProps {
+export interface INavMenuGroupProps {
     children: ReactNode;
     scrollable?: boolean;
     style?: CSSProperties;
 }
-interface INavMenuItemProps extends WithTooltipProps {
+export interface INavMenuItemProps extends WithTooltipProps {
     children?: ReactNode;
     title?: string;
     iconName?: IconNames;
@@ -58,33 +55,31 @@ interface INavMenuItemProps extends WithTooltipProps {
     style?: CSSProperties;
     customClassForDropdown?: string;
 }
-interface INavSubMenuItemProps {
+export interface INavSubMenuItemProps {
     title: string;
     url?: string;
     permissionAttr?: PermissionAttr | PermissionAttr[];
 }
-interface IExpandMenuProps {
+export interface IExpandMenuProps {
     expandMenuCustomClass?: string;
     onExpandMenu?: () => void;
     iconName: IconNames;
 }
-interface IEmptyListProps {
+export interface IEmptyListProps {
     info?: string;
     visible?: boolean;
 }
-interface IPopupMenuSearchProps extends ISideNavProps {
+export interface IPopupMenuSearchProps extends ISideNavProps {
     menuItemsContent?: IMenuItemContent[];
     handlerClose: () => void;
     style?: CSSProperties | string;
 }
-interface ISubMenuContext {
+export interface ISubMenuContext {
     toggleSubMenu: () => void;
 }
-interface ISideNavContext {
+export interface ISideNavContext {
     isExpanded?: boolean;
     menuSize?: Extract<Size, 'small' | 'medium' | 'large'>;
     openSearchMenuPopup?: boolean;
 }
-type ITargetDimensions = DOMRect;
-
-export { IEmptyListProps, IExpandMenuProps, IMenuItemContent, IMenuLinkProps, INavMenuGroupProps, INavMenuItemProps, INavSubMenuItemProps, IPopupMenuSearchProps, ISideNavContext, ISideNavDimensions, ISideNavProps, ISubMenuContext, ITargetDimensions };
+export type ITargetDimensions = DOMRect;

package/lib/noPermission/index.d.ts

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

package/lib/noPermission/index.js

@@ -1,23 +1,11 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _icons = _interopRequireDefault(require("../icons"));
-require("../assets/styles/noPermission.scss");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const NoPermission = () => /*#__PURE__*/_react.default.createElement("div", {
-  className: "no-permission-component",
-  "data-testid": "no-permission-component"
-}, /*#__PURE__*/_react.default.createElement(_icons.default, {
-  name: "warning",
-  size: 128,
-  color: "#bdbdbd"
-}), /*#__PURE__*/_react.default.createElement("p", {
-  className: "text"
-}, "Acesso Negado"), /*#__PURE__*/_react.default.createElement("p", {
-  className: "subtext"
-}, "Voc\xEA n\xE3o tem permiss\xE3o para acessar este conte\xFAdo. Consulte o Administrador do sistema!"));
-var _default = exports.default = NoPermission;
+import { j as s } from "../chunks/jsx-runtime.CYK1ROHF.js";
+import o from "../icons/index.js";
+import '../assets/noPermission.css';/* empty css                              */
+const i = () => /* @__PURE__ */ s.jsxs("div", { className: "no-permission-component", "data-testid": "no-permission-component", children: [
+  /* @__PURE__ */ s.jsx(o, { name: "warning", size: 128, color: "#bdbdbd" }),
+  /* @__PURE__ */ s.jsx("p", { className: "text", children: "Acesso Negado" }),
+  /* @__PURE__ */ s.jsx("p", { className: "subtext", children: "Você não tem permissão para acessar este conteúdo. Consulte o Administrador do sistema!" })
+] });
+export {
+  i as default
+};

package/lib/panel/Content.d.ts

@@ -1,10 +1,3 @@
-import { IPanelContentProps } from './types.js';
-import 'react';
-import '../@types/PermissionAttr.js';
-import '../internals/colorStyles.js';
-import '../@types/Icon.js';
-import '../icons/helper.js';
-
-declare const PanelContent: ({ customClass, children, ...rest }: IPanelContentProps) => JSX.Element | null;
-
-export { PanelContent as default };
+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

@@ -1,82 +1,46 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _helpers = _interopRequireWildcard(require("./helpers"));
-var _noPermission = _interopRequireDefault(require("../noPermission"));
-const _excluded = ["customClass", "children"];
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-const PanelContent = _ref => {
-  let {
-      customClass,
-      children
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
+import { j as d } from "../chunks/jsx-runtime.CYK1ROHF.js";
+import { useContext as C, useRef as i, useCallback as g, useEffect as j } from "react";
+import H, { getCurrentThreshold as L } from "./helpers.js";
+import P from "../noPermission/index.js";
+const N = ({ customClass: f, children: h, ...m }) => {
   const {
-    opened,
-    onEndReached,
-    onEndReachedThreshold = 0.1,
-    hideContent
-  } = (0, _react.useContext)(_helpers.default);
-  const rootElementRef = (0, _react.useRef)(null);
-  const lastScrollHeight = (0, _react.useRef)(0);
-  const enableOnEndReached = (0, _react.useRef)(true);
-  const onScrollEndReached = (0, _react.useCallback)(async () => {
-    const element = rootElementRef.current;
-    if (element && onEndReached) {
-      const {
-        scrollTop,
-        scrollHeight,
-        clientHeight
-      } = element;
-      const scrollOffset = scrollHeight - clientHeight - scrollTop - 1;
-      const threshold = (0, _helpers.getCurrentThreshold)(element, onEndReachedThreshold);
-      if (scrollOffset <= threshold && enableOnEndReached.current) {
-        enableOnEndReached.current = false;
-        await new Promise(resolve => {
-          resolve(onEndReached());
-        });
-        lastScrollHeight.current = scrollHeight;
-      }
+    opened: u,
+    onEndReached: o,
+    onEndReachedThreshold: a = 0.1,
+    hideContent: E
+  } = C(H), t = i(null), s = i(0), l = i(!0), r = g(async () => {
+    const e = t.current;
+    if (e && o) {
+      const { scrollTop: n, scrollHeight: c, clientHeight: p } = e, R = c - p - n - 1, x = L(e, a);
+      R <= x && l.current && (l.current = !1, await new Promise((v) => {
+        v(o());
+      }), s.current = c);
     }
-  }, [onEndReached, onEndReachedThreshold, rootElementRef.current, lastScrollHeight.current]);
-  (0, _react.useEffect)(() => {
-    let observer;
-    if (rootElementRef?.current && onEndReached) {
-      observer = new ResizeObserver(() => {
-        const currentElement = rootElementRef.current;
-        if (currentElement) {
-          const {
-            scrollHeight
-          } = currentElement;
-          if (scrollHeight && scrollHeight !== lastScrollHeight.current) {
-            enableOnEndReached.current = true;
-            observer?.disconnect();
-          }
-        }
-      });
-      observer.observe(rootElementRef.current);
-      rootElementRef.current.addEventListener('scroll', onScrollEndReached);
-      rootElementRef.current.addEventListener('resize', onScrollEndReached);
-    }
-    return () => {
-      rootElementRef.current?.removeEventListener('scroll', onScrollEndReached);
-      rootElementRef.current?.removeEventListener('resize', onScrollEndReached);
-      observer?.disconnect();
+  }, [
+    o,
+    a,
+    t.current,
+    s.current
+  ]);
+  return j(() => {
+    let e;
+    return t.current && o && (e = new ResizeObserver(() => {
+      const { scrollHeight: n } = t.current;
+      n !== s.current && (l.current = !0, e == null || e.disconnect());
+    }), e.observe(t.current), t.current.addEventListener("scroll", r), t.current.addEventListener("resize", r)), () => {
+      var n, c;
+      (n = t.current) == null || n.removeEventListener("scroll", r), (c = t.current) == null || c.removeEventListener("resize", r), e == null || e.disconnect();
     };
-  }, [onScrollEndReached]);
-  if (!opened) return null;
-  return hideContent ? /*#__PURE__*/_react.default.createElement(_noPermission.default, null) : /*#__PURE__*/_react.default.createElement("div", _extends({
-    ref: rootElementRef,
-    className: `panel-content ${customClass ?? ''}`
-  }, rest), opened && children);
+  }, [r]), u ? E ? /* @__PURE__ */ d.jsx(P, {}) : /* @__PURE__ */ d.jsx(
+    "div",
+    {
+      ref: t,
+      className: `panel-content ${f ?? ""}`,
+      ...m,
+      children: u && h
+    }
+  ) : null;
+};
+export {
+  N as default
 };
-var _default = exports.default = PanelContent;

package/lib/panel/DangerPanel.d.ts

@@ -1,10 +1,3 @@
-import { IPanelProps } from './types.js';
-import 'react';
-import '../@types/PermissionAttr.js';
-import '../internals/colorStyles.js';
-import '../@types/Icon.js';
-import '../icons/helper.js';
-
-declare const DangerPanel: (props: IPanelProps) => JSX.Element;
-
-export { DangerPanel as default };
+import { IPanelProps } from './types';
+declare const DangerPanel: (props: IPanelProps) => import("react/jsx-runtime").JSX.Element;
+export default DangerPanel;

package/lib/panel/DangerPanel.js

@@ -1,15 +1,7 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Default = _interopRequireDefault(require("./Default"));
-var _colorStyles = _interopRequireDefault(require("../internals/colorStyles"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const DangerPanel = props => /*#__PURE__*/_react.default.createElement(_Default.default, _extends({}, props, {
-  colorStyle: _colorStyles.default.DANGER
-}));
-var _default = exports.default = DangerPanel;
+import { j as r } from "../chunks/jsx-runtime.CYK1ROHF.js";
+import t from "./Default.js";
+import e from "../internals/colorStyles.js";
+const s = (o) => /* @__PURE__ */ r.jsx(t, { ...o, colorStyle: e.DANGER });
+export {
+  s as default
+};

package/lib/panel/Default.d.ts

@@ -1,10 +1,3 @@
-import { IPanelProps } from './types.js';
-import 'react';
-import '../@types/PermissionAttr.js';
-import '../internals/colorStyles.js';
-import '../@types/Icon.js';
-import '../icons/helper.js';
-
-declare const DefaultPanel: ({ startOpened, toggleable, customClass, children, title, gridCols, onEndReached, onEndReachedThreshold, permissionAttr, colorStyle, ...rest }: IPanelProps) => JSX.Element | null;
-
-export { DefaultPanel as default };
+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

@@ -1,67 +1,42 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _gridlayout = _interopRequireDefault(require("../gridlayout"));
-var _Header = _interopRequireDefault(require("./Header"));
-var _helpers = _interopRequireDefault(require("./helpers"));
-var _permissionValidations = require("../permissionValidations");
-const _excluded = ["startOpened", "toggleable", "customClass", "children", "title", "gridCols", "onEndReached", "onEndReachedThreshold", "permissionAttr", "colorStyle"];
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-const DefaultPanel = _ref => {
-  let {
-      startOpened = true,
-      toggleable,
-      customClass,
-      children,
-      title,
-      gridCols,
-      onEndReached,
-      onEndReachedThreshold = 0.1,
-      permissionAttr,
-      colorStyle
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  const [opened, setOpened] = (0, _react.useState)(startOpened);
-  const {
-    hideContent,
-    unvisible
-  } = _permissionValidations.OPTIONS_ON_DENIED;
-  const [onDenied] = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)([hideContent, unvisible], permissionAttr));
-  const getCssClass = () => {
-    let cssClass = `panel-component ${customClass}`;
-    cssClass += colorStyle !== '' ? ` -${colorStyle}` : '';
-    return cssClass;
-  };
-  const renderContent = () => /*#__PURE__*/_react.default.createElement("div", _extends({
-    className: getCssClass()
-  }, rest), title && /*#__PURE__*/_react.default.createElement(_Header.default, {
-    title: title
-  }), children);
-  const contextValues = () => ({
-    toggleable,
+import { j as e } from "../chunks/jsx-runtime.CYK1ROHF.js";
+import { useState as a } from "react";
+import '../assets/gridlayout.css';/* empty css                            */
+import D from "../gridlayout/GridCol.js";
+import O from "./Header.js";
+import N from "./helpers.js";
+import { OPTIONS_ON_DENIED as E, actionsOnPermissionDenied as g } from "../permissionValidations.js";
+const S = ({
+  startOpened: m = !0,
+  toggleable: d,
+  customClass: c,
+  children: u,
+  title: t,
+  gridCols: s,
+  onEndReached: p,
+  onEndReachedThreshold: f = 0.1,
+  permissionAttr: x,
+  colorStyle: o,
+  ...C
+}) => {
+  const [r, h] = a(m), { hideContent: v, unvisible: j } = E, [n] = a(g([v, j], x)), P = () => {
+    let l = `panel-component ${c}`;
+    return l += o !== "" ? ` -${o}` : "", l;
+  }, i = () => /* @__PURE__ */ e.jsxs("div", { className: P(), ...C, children: [
+    t && /* @__PURE__ */ e.jsx(O, { title: t }),
+    u
+  ] }), b = () => ({
+    toggleable: d,
     handlerToggleable: () => {
-      setOpened(!opened);
+      h(!r);
     },
-    opened,
-    onEndReached,
-    onEndReachedThreshold,
-    hideContent: onDenied.hideContent,
-    unvisible: onDenied.unvisible
+    opened: r,
+    onEndReached: p,
+    onEndReachedThreshold: f,
+    hideContent: n.hideContent,
+    unvisible: n.unvisible
   });
-  if (onDenied.unvisible) return null;
-  return /*#__PURE__*/_react.default.createElement(_helpers.default.Provider, {
-    value: contextValues()
-  }, gridCols ? /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
-    cols: gridCols
-  }, renderContent()) : renderContent());
+  return n.unvisible ? null : /* @__PURE__ */ e.jsx(N.Provider, { value: b(), children: s ? /* @__PURE__ */ e.jsx(D, { cols: s, children: i() }) : i() });
+};
+export {
+  S as default
 };
-var _default = exports.default = DefaultPanel;

package/lib/panel/Header.d.ts

@@ -1,10 +1,3 @@
-import { IPanelHeaderProps } from './types.js';
-import 'react';
-import '../@types/PermissionAttr.js';
-import '../internals/colorStyles.js';
-import '../@types/Icon.js';
-import '../icons/helper.js';
-
-declare const PanelHeader: (props: IPanelHeaderProps) => JSX.Element;
-
-export { PanelHeader as default };
+import { IPanelHeaderProps } from './types';
+declare const PanelHeader: (props: IPanelHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export default PanelHeader;

package/lib/panel/Header.js

@@ -1,75 +1,42 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _icons = _interopRequireDefault(require("../icons"));
-var _buttons = _interopRequireWildcard(require("../buttons"));
-var _helpers = _interopRequireDefault(require("./helpers"));
-const _excluded = ["titleIcon", "icon", "title", "children", "styleForTitle", "customClassForTitle"];
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-const getIcon = (titleIcon, icon) => {
-  if (icon) {
-    return icon;
-  } else if (titleIcon) {
-    return /*#__PURE__*/_react.default.createElement(_icons.default, {
-      name: titleIcon,
-      color: "#000",
-      size: 16
-    });
-  }
-  return null;
-};
-const getClassName = _ref => {
-  let {
-    customClass,
-    headerColored = true
-  } = _ref;
-  let className = `panel-header ${customClass ?? ''}`;
-  if (!headerColored) className += ' -uncolored';
-  return className;
-};
-const PanelHeader = props => {
+import { j as o } from "../chunks/jsx-runtime.CYK1ROHF.js";
+import { useContext as p } from "react";
+import l from "../icons/index.js";
+import x from "../buttons/button_container/index.js";
+import f from "../buttons/Button.js";
+import '../assets/button.css';/* empty css                        */
+import h from "./helpers.js";
+const j = (t, e) => e || (t ? /* @__PURE__ */ o.jsx(l, { name: t, color: "#000", size: 16 }) : null), C = ({ customClass: t, headerColored: e = !0 }) => {
+  let r = `panel-header ${t ?? ""}`;
+  return e || (r += " -uncolored"), r;
+}, B = (t) => {
   const {
-      titleIcon,
-      icon,
-      title,
-      children,
-      styleForTitle,
-      customClassForTitle
-    } = props,
-    rest = _objectWithoutProperties(props, _excluded);
-  const {
-    toggleable,
-    handlerToggleable,
-    opened
-  } = (0, _react.useContext)(_helpers.default);
-  return /*#__PURE__*/_react.default.createElement("div", _extends({
-    className: getClassName(props)
-  }, rest), (icon || titleIcon) && /*#__PURE__*/_react.default.createElement("div", {
-    className: `${icon !== null || titleIcon !== null ? 'icon-left-panel' : ''}`
-  }, getIcon(titleIcon, icon)), title && /*#__PURE__*/_react.default.createElement("h1", {
-    className: `title ${customClassForTitle ?? ''}`,
-    style: styleForTitle
-  }, title), toggleable && /*#__PURE__*/_react.default.createElement(_buttons.ButtonContainer, {
-    position: "right"
-  }, /*#__PURE__*/_react.default.createElement(_buttons.default, {
-    boxShadow: false,
-    transparent: true,
-    onClick: () => {
-      handlerToggleable();
-    },
-    icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
-      name: opened ? 'up' : 'down',
-      size: 16
-    })
-  })), children);
+    titleIcon: e,
+    icon: r,
+    title: n,
+    children: s,
+    customClass: g,
+    headerColored: N,
+    styleForTitle: a,
+    customClassForTitle: i,
+    ...c
+  } = t, { toggleable: m, handlerToggleable: u, opened: d } = p(h);
+  return /* @__PURE__ */ o.jsxs("div", { className: C(t), ...c, children: [
+    (r || e) && /* @__PURE__ */ o.jsx("div", { className: `${r !== null || e !== null ? "icon-left-panel" : ""}`, children: j(e, r) }),
+    n && /* @__PURE__ */ o.jsx("h1", { className: `title ${i ?? ""}`, style: a, children: n }),
+    m && /* @__PURE__ */ o.jsx(x, { position: "right", children: /* @__PURE__ */ o.jsx(
+      f,
+      {
+        boxShadow: !1,
+        transparent: !0,
+        onClick: () => {
+          u();
+        },
+        icon: /* @__PURE__ */ o.jsx(l, { name: d ? "up" : "down", size: 16 })
+      }
+    ) }),
+    s
+  ] });
+};
+export {
+  B as default
 };
-var _default = exports.default = PanelHeader;

package/lib/panel/InfoPanel.d.ts

@@ -1,10 +1,3 @@
-import { IPanelProps } from './types.js';
-import 'react';
-import '../@types/PermissionAttr.js';
-import '../internals/colorStyles.js';
-import '../@types/Icon.js';
-import '../icons/helper.js';
-
-declare const InfoPanel: (props: IPanelProps) => JSX.Element;
-
-export { InfoPanel as default };
+import { IPanelProps } from './types';
+declare const InfoPanel: (props: IPanelProps) => import("react/jsx-runtime").JSX.Element;
+export default InfoPanel;

package/lib/panel/InfoPanel.js

@@ -1,15 +1,7 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Default = _interopRequireDefault(require("./Default"));
-var _colorStyles = _interopRequireDefault(require("../internals/colorStyles"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const InfoPanel = props => /*#__PURE__*/_react.default.createElement(_Default.default, _extends({}, props, {
-  colorStyle: _colorStyles.default.INFO
-}));
-var _default = exports.default = InfoPanel;
+import { j as t } from "../chunks/jsx-runtime.CYK1ROHF.js";
+import r from "./Default.js";
+import e from "../internals/colorStyles.js";
+const a = (o) => /* @__PURE__ */ t.jsx(r, { ...o, colorStyle: e.INFO });
+export {
+  a as default
+};

package/lib/panel/PrimaryPanel.d.ts

@@ -1,10 +1,3 @@
-import { IPanelProps } from './types.js';
-import 'react';
-import '../@types/PermissionAttr.js';
-import '../internals/colorStyles.js';
-import '../@types/Icon.js';
-import '../icons/helper.js';
-
-declare const PrimaryPanel: (props: IPanelProps) => JSX.Element;
-
-export { PrimaryPanel as default };
+import { IPanelProps } from './types';
+declare const PrimaryPanel: (props: IPanelProps) => import("react/jsx-runtime").JSX.Element;
+export default PrimaryPanel;