linear-react-components-ui 1.1.26-beta.9 → 1.1.27-rc.0

package/lib/panel/Header.js

@@ -1,58 +1,74 @@
-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;
+"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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+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 ".concat(customClass !== null && customClass !== void 0 ? customClass : '');
+  if (!headerColored) className += ' -uncolored';
+  return className;
 };
-export {
-  L as default
+const PanelHeader = props => {
+  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: "".concat(icon !== null || titleIcon !== null ? 'icon-left-panel' : '')
+  }, getIcon(titleIcon, icon)), title && /*#__PURE__*/_react.default.createElement("h1", {
+    className: "title ".concat(customClassForTitle !== null && customClassForTitle !== void 0 ? 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);
 };
+var _default = exports.default = PanelHeader;

package/lib/panel/InfoPanel.d.ts

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

package/lib/panel/InfoPanel.js

@@ -1,12 +1,15 @@
-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
-};
+"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;

package/lib/panel/PrimaryPanel.d.ts

@@ -1,3 +1,10 @@
-import { IPanelProps } from './types';
-declare const PrimaryPanel: (props: IPanelProps) => import("react/jsx-runtime").JSX.Element;
-export default PrimaryPanel;
+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 };

package/lib/panel/PrimaryPanel.js

@@ -1,12 +1,15 @@
-import { j as e } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as m } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import l from "./Default.js";
-import i from "../internals/colorStyles.js";
-const c = (r) => {
-  const t = m.c(2);
-  let o;
-  return t[0] !== r ? (o = /* @__PURE__ */ e.jsx(l, { ...r, colorStyle: i.PRIMARY }), t[0] = r, t[1] = o) : o = t[1], o;
-};
-export {
-  c as default
-};
+"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 PrimaryPanel = props => /*#__PURE__*/_react.default.createElement(_Default.default, _extends({}, props, {
+  colorStyle: _colorStyles.default.PRIMARY
+}));
+var _default = exports.default = PrimaryPanel;

package/lib/panel/SuccessPanel.d.ts

@@ -1,3 +1,10 @@
-import { IPanelProps } from './types';
-declare const SuccessPanel: (props: IPanelProps) => import("react/jsx-runtime").JSX.Element;
-export default SuccessPanel;
+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 SuccessPanel: (props: IPanelProps) => JSX.Element;
+
+export { SuccessPanel as default };

package/lib/panel/SuccessPanel.js

@@ -1,12 +1,15 @@
-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 n = (e) => {
-  const t = l.c(2);
-  let o;
-  return t[0] !== e ? (o = /* @__PURE__ */ r.jsx(m, { ...e, colorStyle: s.SUCCESS }), t[0] = e, t[1] = o) : o = t[1], o;
-};
-export {
-  n as default
-};
+"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 SuccessPanel = props => /*#__PURE__*/_react.default.createElement(_Default.default, _extends({}, props, {
+  colorStyle: _colorStyles.default.SUCCESS
+}));
+var _default = exports.default = SuccessPanel;

package/lib/panel/ToolBar.d.ts

@@ -1,3 +1,10 @@
-import { IPanelProps } from './types';
-declare const ToolBar: ({ children }: IPanelProps) => import("react/jsx-runtime").JSX.Element;
-export default ToolBar;
+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 ToolBar: ({ children }: IPanelProps) => JSX.Element;
+
+export { ToolBar as default };

package/lib/panel/ToolBar.js

@@ -1,19 +1,22 @@
-import { j as l } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as a } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import m from "../toolbar/index.js";
-const p = (s) => {
-  const o = a.c(3), {
-    children: e
-  } = s;
-  let t;
-  o[0] === Symbol.for("react.memo_cache_sentinel") ? (t = {
-    width: "auto",
-    backgroundColor: "transparent",
-    border: 0
-  }, o[0] = t) : t = o[0];
-  let r;
-  return o[1] !== e ? (r = /* @__PURE__ */ l.jsx(m, { style: t, children: e }), o[1] = e, o[2] = r) : r = o[2], r;
-};
-export {
-  p as default
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _toolbar = _interopRequireDefault(require("../toolbar"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ToolBar = _ref => {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_toolbar.default, {
+    style: {
+      width: 'auto',
+      backgroundColor: 'transparent',
+      border: 0
+    }
+  }, children);
 };
+var _default = exports.default = ToolBar;

package/lib/panel/WarningPanel.d.ts

@@ -1,3 +1,10 @@
-import { IPanelProps } from './types';
-declare const WarningPanel: (props: IPanelProps) => import("react/jsx-runtime").JSX.Element;
-export default WarningPanel;
+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 WarningPanel: (props: IPanelProps) => JSX.Element;
+
+export { WarningPanel as default };

package/lib/panel/WarningPanel.js

@@ -1,12 +1,15 @@
-import { j as e } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as l } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import m from "./Default.js";
-import i from "../internals/colorStyles.js";
-const c = (r) => {
-  const t = l.c(2);
-  let o;
-  return t[0] !== r ? (o = /* @__PURE__ */ e.jsx(m, { ...r, colorStyle: i.WARNING }), t[0] = r, t[1] = o) : o = t[1], o;
-};
-export {
-  c as default
-};
+"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 WarningPanel = props => /*#__PURE__*/_react.default.createElement(_Default.default, _extends({}, props, {
+  colorStyle: _colorStyles.default.WARNING
+}));
+var _default = exports.default = WarningPanel;

package/lib/panel/helpers.d.ts

@@ -1,5 +1,11 @@
-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>;
-export default PanelContext;
+import React__default from 'react';
+import { ContextProps } from './types.js';
+import '../@types/PermissionAttr.js';
+import '../internals/colorStyles.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
+
+declare function getCurrentThreshold(scrollableElement: HTMLDivElement, scrollThreshold: number): number;
+declare const PanelContext: React__default.Context<ContextProps>;
+
+export { PanelContext as default, getCurrentThreshold };

package/lib/panel/helpers.js

@@ -1,15 +1,25 @@
-import a from "react";
-function M(o, t) {
-  if (t < 0) return 0;
-  if (t > 1) return 1;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.getCurrentThreshold = getCurrentThreshold;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function getCurrentThreshold(scrollableElement, scrollThreshold) {
+  const MIN_THRESHOLD = 0;
+  const MAX_THRESHOLD = 1;
+  if (scrollThreshold < MIN_THRESHOLD) return MIN_THRESHOLD;
+  if (scrollThreshold > MAX_THRESHOLD) return MAX_THRESHOLD;
   const {
-    scrollHeight: e,
-    clientHeight: r
-  } = o, n = e - r, H = Math.round(e * t), c = Math.round(n - n * 0.3);
-  return Math.min(H, c);
+    scrollHeight,
+    clientHeight
+  } = scrollableElement;
+  const offsetHeight = scrollHeight - clientHeight;
+  const calculatedScrollThreshold = Math.round(scrollHeight * scrollThreshold);
+  const maxScrollThreshold = Math.round(offsetHeight - offsetHeight * 0.3);
+  return Math.min(calculatedScrollThreshold, maxScrollThreshold);
 }
-const h = a.createContext({});
-export {
-  h as default,
-  M as getCurrentThreshold
-};
+const PanelContext = /*#__PURE__*/_react.default.createContext({});
+var _default = exports.default = PanelContext;

package/lib/panel/index.d.ts

@@ -1,10 +1,18 @@
-import { default as Panel } from './Default';
-import { default as PrimaryPanel } from './PrimaryPanel';
-import { default as DangerPanel } from './DangerPanel';
-import { default as WarningPanel } from './WarningPanel';
-import { default as SuccessPanel } from './SuccessPanel';
-import { default as InfoPanel } from './InfoPanel';
-import { default as PanelHeader } from './Header';
-import { default as PanelContent } from './Content';
-export default Panel;
-export { PanelHeader, PanelContent, PrimaryPanel, DangerPanel, SuccessPanel, InfoPanel, WarningPanel, };
+import DefaultPanel from './Default.js';
+export { default as PrimaryPanel } from './PrimaryPanel.js';
+export { default as DangerPanel } from './DangerPanel.js';
+export { default as WarningPanel } from './WarningPanel.js';
+export { default as SuccessPanel } from './SuccessPanel.js';
+export { default as InfoPanel } from './InfoPanel.js';
+export { default as PanelHeader } from './Header.js';
+export { default as PanelContent } from './Content.js';
+import './types.js';
+import 'react';
+import '../@types/PermissionAttr.js';
+import '../internals/colorStyles.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
+
+
+
+export { DefaultPanel as default };

package/lib/panel/index.js

@@ -1,19 +1,59 @@
-import a from "./Default.js";
-import { default as f } from "./PrimaryPanel.js";
-import { default as n } from "./DangerPanel.js";
-import { default as p } from "./WarningPanel.js";
-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 '../assets/panel.css';/* empty css                       */
-export {
-  n as DangerPanel,
-  P as InfoPanel,
-  g as PanelContent,
-  i as PanelHeader,
-  f as PrimaryPanel,
-  u as SuccessPanel,
-  p as WarningPanel,
-  a as default
-};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DangerPanel", {
+  enumerable: true,
+  get: function () {
+    return _DangerPanel.default;
+  }
+});
+Object.defineProperty(exports, "InfoPanel", {
+  enumerable: true,
+  get: function () {
+    return _InfoPanel.default;
+  }
+});
+Object.defineProperty(exports, "PanelContent", {
+  enumerable: true,
+  get: function () {
+    return _Content.default;
+  }
+});
+Object.defineProperty(exports, "PanelHeader", {
+  enumerable: true,
+  get: function () {
+    return _Header.default;
+  }
+});
+Object.defineProperty(exports, "PrimaryPanel", {
+  enumerable: true,
+  get: function () {
+    return _PrimaryPanel.default;
+  }
+});
+Object.defineProperty(exports, "SuccessPanel", {
+  enumerable: true,
+  get: function () {
+    return _SuccessPanel.default;
+  }
+});
+Object.defineProperty(exports, "WarningPanel", {
+  enumerable: true,
+  get: function () {
+    return _WarningPanel.default;
+  }
+});
+exports.default = void 0;
+var _Default = _interopRequireDefault(require("./Default"));
+var _PrimaryPanel = _interopRequireDefault(require("./PrimaryPanel"));
+var _DangerPanel = _interopRequireDefault(require("./DangerPanel"));
+var _WarningPanel = _interopRequireDefault(require("./WarningPanel"));
+var _SuccessPanel = _interopRequireDefault(require("./SuccessPanel"));
+var _InfoPanel = _interopRequireDefault(require("./InfoPanel"));
+var _Header = _interopRequireDefault(require("./Header"));
+var _Content = _interopRequireDefault(require("./Content"));
+require("../assets/styles/panel.scss");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = _Default.default;

package/lib/panel/types.d.ts

@@ -1,10 +1,12 @@
-import { ComponentPropsWithoutRef, ReactElement, ReactNode } from 'react';
-import { PermissionAttr } from '../@types/PermissionAttr';
-import { default as ColorStyles } from '../internals/colorStyles';
-import { IconNames } from '../@types/Icon';
-export type Func = () => void;
-export type AsyncFunc = () => Promise<void>;
-export interface IPanelProps extends Omit<ComponentPropsWithoutRef<'div'>, 'className'> {
+import { ComponentPropsWithoutRef, ReactNode, ReactElement } from 'react';
+import { PermissionAttr } from '../@types/PermissionAttr.js';
+import ColorStyles from '../internals/colorStyles.js';
+import { IconNames } from '../@types/Icon.js';
+import '../icons/helper.js';
+
+type Func = () => void;
+type AsyncFunc = () => Promise<void>;
+interface IPanelProps extends Omit<ComponentPropsWithoutRef<'div'>, 'className'> {
     customClass?: string;
     startOpened?: boolean;
     toggleable?: boolean;
@@ -16,10 +18,10 @@ export interface IPanelProps extends Omit<ComponentPropsWithoutRef<'div'>, 'clas
     onEndReachedThreshold?: number;
     permissionAttr?: PermissionAttr | PermissionAttr[];
 }
-export interface IPanelContentProps extends Omit<ComponentPropsWithoutRef<'div'>, 'className'> {
+interface IPanelContentProps extends Omit<ComponentPropsWithoutRef<'div'>, 'className'> {
     customClass?: string;
 }
-export interface IPanelHeaderProps extends Omit<ComponentPropsWithoutRef<'div'>, 'className'> {
+interface IPanelHeaderProps extends Omit<ComponentPropsWithoutRef<'div'>, 'className'> {
     title?: string;
     icon?: ReactElement;
     titleIcon?: IconNames;
@@ -28,7 +30,7 @@ export interface IPanelHeaderProps extends Omit<ComponentPropsWithoutRef<'div'>,
     customClassForTitle?: string;
     headerColored?: boolean;
 }
-export type ContextProps = {
+type ContextProps = {
     toggleable: boolean;
     handlerToggleable: () => void;
     opened: boolean;
@@ -36,8 +38,10 @@ export type ContextProps = {
     onEndReached?: Func | AsyncFunc;
     onEndReachedThreshold: number;
 };
-export interface IParameterFunction {
+interface IParameterFunction {
     props: any;
     propName: string | number;
     componentName: string;
 }
+
+export { AsyncFunc, ContextProps, Func, IPanelContentProps, IPanelHeaderProps, IPanelProps, IParameterFunction };

package/lib/panel/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/permissionValidations.d.ts

@@ -1,12 +1,14 @@
-import { PermissionAttr } from './@types/PermissionAttr';
+import { PermissionAttr } from './@types/PermissionAttr.js';
+
 declare const checkPermissionFromStorage: (permissionAttr?: PermissionAttr | PermissionAttr[]) => boolean;
-export declare const actionsOnPermissionDenied: (options: string[], permissionAttr?: PermissionAttr | PermissionAttr[]) => {
+declare const actionsOnPermissionDenied: (options: string[], permissionAttr?: PermissionAttr | PermissionAttr[]) => {
     [option: string]: boolean;
 };
-export declare const OPTIONS_ON_DENIED: {
+declare const OPTIONS_ON_DENIED: {
     disabled: string;
     unvisible: string;
     readOnly: string;
     hideContent: string;
 };
-export default checkPermissionFromStorage;
+
+export { OPTIONS_ON_DENIED, actionsOnPermissionDenied, checkPermissionFromStorage as default };