linear-react-components-ui 1.1.26-beta.16 → 1.1.26-beta.18

package/lib/panel/Header.js

@@ -1,53 +1,75 @@
-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;
-}, 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: g,
-    handlerToggleable: p,
-    opened: x
-  } = b(v);
-  let c;
-  e[8] !== t ? (c = y(t), e[8] = t, e[9] = c) : c = e[9];
-  let m;
-  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] !== 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__ */ N("div", { className: c, ...s, children: [
-    m,
-    f,
-    u,
-    l
-  ] }), 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;
+"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;
 };
-export {
-  R 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: `${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);
 };
-//# sourceMappingURL=Header.js.map
+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,13 +1,15 @@
-import { jsx as r } from "react/jsx-runtime";
-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.c(2);
-  let 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
-};
-//# sourceMappingURL=InfoPanel.js.map
+"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,13 +1,15 @@
-import { jsx as e } from "react/jsx-runtime";
-import { c as l } from "../_virtual/compiler-runtime.js";
-import m from "./Default.js";
-import i from "../internals/colorStyles.js";
-const s = (r) => {
-  const t = l.c(2);
-  let 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
-};
-//# sourceMappingURL=PrimaryPanel.js.map
+"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,13 +1,15 @@
-import { jsx as r } from "react/jsx-runtime";
-import { c as l } from "../_virtual/compiler-runtime.js";
-import m from "./Default.js";
-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: c.SUCCESS }), t[0] = e, t[1] = o) : o = t[1], o;
-};
-export {
-  n as default
-};
-//# sourceMappingURL=SuccessPanel.js.map
+"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,20 +1,22 @@
-import { jsx as s } from "react/jsx-runtime";
-import { c as a } from "../_virtual/compiler-runtime.js";
-import c from "../toolbar/index.js";
-const f = (l) => {
-  const o = a.c(3), {
-    children: e
-  } = l;
-  let r;
-  o[0] === Symbol.for("react.memo_cache_sentinel") ? (r = {
-    width: "auto",
-    backgroundColor: "transparent",
-    border: 0
-  }, o[0] = r) : r = o[0];
-  let t;
-  return o[1] !== e ? (t = /* @__PURE__ */ s(c, { style: r, children: e }), o[1] = e, o[2] = t) : t = o[2], t;
+"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);
 };
-export {
-  f as default
-};
-//# sourceMappingURL=ToolBar.js.map
+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,13 +1,15 @@
-import { jsx as e } from "react/jsx-runtime";
-import { c as l } from "../_virtual/compiler-runtime.js";
-import m from "./Default.js";
-import i from "../internals/colorStyles.js";
-const s = (r) => {
-  const t = l.c(2);
-  let 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
-};
-//# sourceMappingURL=WarningPanel.js.map
+"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,4 +1,11 @@
-import { ContextProps } from './types';
-export declare function getCurrentThreshold(scrollableElement: HTMLDivElement, scrollThreshold: number): number;
-declare const PanelContext: import('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,16 +1,25 @@
-import { createContext as 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: n,
-    clientHeight: r
-  } = o, e = n - r, H = Math.round(n * t), c = Math.round(e - e * 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({});
-export {
-  h as default,
-  M as getCurrentThreshold
-};
-//# sourceMappingURL=helpers.js.map
+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,20 +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/styles/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
-};
-//# sourceMappingURL=index.js.map
+"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 };