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

package/lib/tabs/DropdownTabs.js

@@ -1,75 +1,87 @@
-import { jsx as a, jsxs as $ } from "react/jsx-runtime";
-import { c as C } from "../_virtual/compiler-runtime.js";
-import A from "../_virtual/lodash.js";
-import D from "../buttons/Button.js";
-import '../assets/styles/tabs.css';import '../assets/styles/label.css';import '../assets/styles/toolbar.css';import '../assets/styles/panel.css';import '../assets/styles/button.css';/* empty css                           */
-import M from "../list/index.js";
-import { useTabs as I } from "./useTabs.js";
-/* empty css                          */
-/* empty css                            */
-/* empty css                          */
-import j from "../icons/index.js";
-import "../radio/index.js";
-/* empty css                         */
-import "react";
-import "../dialog/base/index.js";
-import q from "../list/Item.js";
-const y = (z) => {
-  const t = C.c(25), {
-    id: e,
-    title: b,
-    closeable: m,
-    iconAlign: d,
-    icon: p,
-    iconName: s,
-    disabled: T,
-    tabMenuSize: f
-  } = z, {
-    selectTab: w,
-    removeTab: u,
-    selectedTabId: g
-  } = I();
-  let n;
-  t[0] !== e || t[1] !== w ? (n = () => w(e), t[0] = e, t[1] = w, t[2] = n) : n = t[2];
-  let i;
-  t[3] !== e || t[4] !== g ? (i = g === e ? /* @__PURE__ */ a(j, { name: "checkmark", color: "#A10D0D" }) : /* @__PURE__ */ a("div", { style: {
-    width: 16,
-    height: 16
-  } }), t[3] = e, t[4] = g, t[5] = i) : i = t[5];
-  let l;
-  t[6] !== T || t[7] !== p || t[8] !== d || t[9] !== s || t[10] !== f || t[11] !== b ? (l = /* @__PURE__ */ a(D, { className: "btn menubutton", boxShadow: !1, iconAlign: d, iconName: s, icon: p, disabled: T, label: b, size: f, transparent: !0 }), t[6] = T, t[7] = p, t[8] = d, t[9] = s, t[10] = f, t[11] = b, t[12] = l) : l = t[12];
-  let r;
-  t[13] !== m || t[14] !== e || t[15] !== u ? (r = m && /* @__PURE__ */ a("button", { className: "closepanel", onClick: () => u(e) }), t[13] = m, t[14] = e, t[15] = u, t[16] = r) : r = t[16];
-  let o;
-  t[17] !== i || t[18] !== l || t[19] !== r ? (o = /* @__PURE__ */ $("div", { className: "menuitem", children: [
-    i,
-    l,
-    r
-  ] }), t[17] = i, t[18] = l, t[19] = r, t[20] = o) : o = t[20];
-  let c;
-  return t[21] !== e || t[22] !== n || t[23] !== o ? (c = /* @__PURE__ */ a(q, { onClick: n, children: o }, e), t[21] = e, t[22] = n, t[23] = o, t[24] = c) : c = t[24], c;
-}, Y = (z) => {
-  const t = C.c(11), {
-    tabs: e,
-    tabMenuSize: b
-  } = z, m = e === void 0 ? [] : e, d = b === void 0 ? "medium" : b, {
-    selectedTabId: p
-  } = I();
-  let s;
-  t[0] !== p ? (s = (v) => v.id === p, t[0] = p, t[1] = s) : s = t[1];
-  const T = m.some(s), f = m.length > 0, w = A.uniqBy(m, "id");
-  if (!f)
-    return null;
-  const u = D, g = !0, n = "right", i = !0, l = !1, r = "large", o = `dropdownbutton ${f ? "show" : ""} ${T ? "has-selected" : ""}`, c = M, N = "dropdown-hide-tabs";
-  let x;
-  t[2] !== d ? (x = (v) => /* @__PURE__ */ a(y, { tabMenuSize: d, ...v }, v.id), t[2] = d, t[3] = x) : x = t[3];
-  const k = w.map(x);
-  let h;
-  t[4] !== c || t[5] !== k ? (h = /* @__PURE__ */ a(c, { customClass: N, children: k }), t[4] = c, t[5] = k, t[6] = h) : h = t[6];
-  let S;
-  return t[7] !== u || t[8] !== h || t[9] !== o ? (S = /* @__PURE__ */ a(u, { dropdown: g, dropdownAlign: n, transparent: i, boxShadow: l, size: r, customClass: o, children: h }), t[7] = u, t[8] = h, t[9] = o, t[10] = S) : S = t[10], S;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _lodash = _interopRequireDefault(require("lodash"));
+var _react = _interopRequireDefault(require("react"));
+var _buttons = _interopRequireDefault(require("../buttons"));
+var _list = _interopRequireWildcard(require("../list"));
+var _useTabs = require("./useTabs");
+var _2 = require("..");
+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 _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 DropdownTab = _ref => {
+  let {
+    id,
+    title,
+    closeable,
+    iconAlign,
+    icon,
+    iconName,
+    disabled,
+    tabMenuSize
+  } = _ref;
+  const {
+    selectTab,
+    removeTab,
+    selectedTabId
+  } = (0, _useTabs.useTabs)();
+  return /*#__PURE__*/_react.default.createElement(_list.ListItem, {
+    key: id,
+    onClick: () => selectTab(id)
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "menuitem"
+  }, selectedTabId === id ? /*#__PURE__*/_react.default.createElement(_2.Icon, {
+    name: "checkmark",
+    color: "#A10D0D"
+  }) : /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      width: 16,
+      height: 16
+    }
+  }), /*#__PURE__*/_react.default.createElement(_buttons.default, {
+    className: "btn menubutton",
+    boxShadow: false,
+    iconAlign: iconAlign,
+    iconName: iconName,
+    icon: icon,
+    disabled: disabled,
+    label: title,
+    size: tabMenuSize,
+    transparent: true
+  }), closeable && /*#__PURE__*/_react.default.createElement("button", {
+    className: "closepanel",
+    onClick: () => removeTab(id)
+  })));
 };
-export {
-  Y as default
+const DropdownTabs = _ref2 => {
+  let {
+    tabs = [],
+    tabMenuSize = 'medium'
+  } = _ref2;
+  const {
+    selectedTabId
+  } = (0, _useTabs.useTabs)();
+  const hasSelectedTab = tabs.some(tab => tab.id === selectedTabId);
+  const hasTabs = tabs.length > 0;
+  const uniqueTabs = _lodash.default.uniqBy(tabs, 'id');
+  if (!hasTabs) return null;
+  return /*#__PURE__*/_react.default.createElement(_buttons.default, {
+    dropdown: true,
+    dropdownAlign: "right",
+    transparent: true,
+    boxShadow: false,
+    size: "large",
+    customClass: `dropdownbutton ${hasTabs ? 'show' : ''} ${hasSelectedTab ? 'has-selected' : ''}`
+  }, /*#__PURE__*/_react.default.createElement(_list.default, {
+    customClass: "dropdown-hide-tabs"
+  }, uniqueTabs.map(tab => /*#__PURE__*/_react.default.createElement(DropdownTab, _extends({
+    key: tab.id,
+    tabMenuSize: tabMenuSize
+  }, tab)))));
 };
-//# sourceMappingURL=DropdownTabs.js.map
+var _default = exports.default = DropdownTabs;

package/lib/tabs/Menu.d.ts

@@ -1,3 +1,11 @@
-import { MenuProps } from './types';
-declare const Menu: ({ toolbar, customClassForToolBar, tabWidth, tabsWithError, ...props }: MenuProps) => import("react/jsx-runtime").JSX.Element;
-export default Menu;
+import { MenuProps } from './types.js';
+import 'react';
+import '../@types/Size.js';
+import '../@types/Position.js';
+import '../@types/PermissionAttr.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
+
+declare const Menu: ({ toolbar, customClassForToolBar, tabWidth, tabsWithError, ...props }: MenuProps) => JSX.Element;
+
+export { Menu as default };

package/lib/tabs/Menu.js

@@ -1,40 +1,48 @@
-import { jsx as T, jsxs as p } from "react/jsx-runtime";
-import { c as g } from "../_virtual/compiler-runtime.js";
-import { cloneElement as z } from "react";
-import A from "./MenuTabs.js";
-import I from "./DropdownTabs.js";
-import { useTabs as S } from "./useTabs.js";
-const j = (m) => {
-  const t = g.c(27);
-  let e, b, l, a, n;
-  t[0] !== m ? ({
-    toolbar: n,
-    customClassForToolBar: b,
-    tabWidth: l,
-    tabsWithError: a,
-    ...e
-  } = m, t[0] = m, t[1] = e, t[2] = b, t[3] = l, t[4] = a, t[5] = n) : (e = t[1], b = t[2], l = t[3], a = t[4], n = t[5]);
-  const f = b === void 0 ? "" : b, i = l === void 0 ? "auto" : l, {
-    menuTabs: d,
-    menuRef: M,
-    dropdownTabs: c
-  } = S();
-  let s;
-  t[6] !== M || t[7] !== d || t[8] !== e.firstTabIdent || t[9] !== e.tabMenuAlign || t[10] !== e.tabMenuSize || t[11] !== i || t[12] !== a ? (s = /* @__PURE__ */ T(A, { tabsWithError: a, tabs: d, tabWidth: i, tabMenuSize: e.tabMenuSize, tabMenuAlign: e.tabMenuAlign, firstTabIdent: e.firstTabIdent, ref: M }), t[6] = M, t[7] = d, t[8] = e.firstTabIdent, t[9] = e.tabMenuAlign, t[10] = e.tabMenuSize, t[11] = i, t[12] = a, t[13] = s) : s = t[13];
-  let o;
-  t[14] !== c || t[15] !== e.firstTabIdent || t[16] !== e.tabMenuAlign || t[17] !== e.tabMenuSize || t[18] !== i ? (o = /* @__PURE__ */ T(I, { tabs: c, tabWidth: i, tabMenuSize: e.tabMenuSize, tabMenuAlign: e.tabMenuAlign, firstTabIdent: e.firstTabIdent }), t[14] = c, t[15] = e.firstTabIdent, t[16] = e.tabMenuAlign, t[17] = e.tabMenuSize, t[18] = i, t[19] = o) : o = t[19];
-  let r;
-  t[20] !== f || t[21] !== n ? (r = n && z(n, {
-    customClass: `menubar ${f}`
-  }), t[20] = f, t[21] = n, t[22] = r) : r = t[22];
-  let u;
-  return t[23] !== s || t[24] !== o || t[25] !== r ? (u = /* @__PURE__ */ p("div", { className: "menucontainer", children: [
-    s,
-    o,
-    r
-  ] }), t[23] = s, t[24] = o, t[25] = r, t[26] = u) : u = t[26], u;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _MenuTabs = _interopRequireDefault(require("./MenuTabs"));
+var _DropdownTabs = _interopRequireDefault(require("./DropdownTabs"));
+var _useTabs = require("./useTabs");
+const _excluded = ["toolbar", "customClassForToolBar", "tabWidth", "tabsWithError"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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 Menu = _ref => {
+  let {
+      toolbar,
+      customClassForToolBar = '',
+      tabWidth = 'auto',
+      tabsWithError
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  const {
+    menuTabs,
+    menuRef,
+    dropdownTabs
+  } = (0, _useTabs.useTabs)();
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "menucontainer"
+  }, /*#__PURE__*/_react.default.createElement(_MenuTabs.default, {
+    tabsWithError: tabsWithError,
+    tabs: menuTabs,
+    tabWidth: tabWidth,
+    tabMenuSize: props.tabMenuSize,
+    tabMenuAlign: props.tabMenuAlign,
+    firstTabIdent: props.firstTabIdent,
+    ref: menuRef
+  }), /*#__PURE__*/_react.default.createElement(_DropdownTabs.default, {
+    tabs: dropdownTabs,
+    tabWidth: tabWidth,
+    tabMenuSize: props.tabMenuSize,
+    tabMenuAlign: props.tabMenuAlign,
+    firstTabIdent: props.firstTabIdent
+  }), toolbar && /*#__PURE__*/_react.default.cloneElement(toolbar, {
+    customClass: `menubar ${customClassForToolBar}`
+  }));
 };
-export {
-  j as default
-};
-//# sourceMappingURL=Menu.js.map
+var _default = exports.default = Menu;

package/lib/tabs/MenuTabs.d.ts

@@ -1,3 +1,11 @@
-import { MenuProps } from './types';
-declare const MenuTabs: import('react').ForwardRefExoticComponent<MenuProps & import('react').RefAttributes<HTMLUListElement>>;
-export default MenuTabs;
+import React__default from 'react';
+import { MenuProps } from './types.js';
+import '../@types/Size.js';
+import '../@types/Position.js';
+import '../@types/PermissionAttr.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
+
+declare const MenuTabs: React__default.ForwardRefExoticComponent<MenuProps & React__default.RefAttributes<HTMLUListElement>>;
+
+export { MenuTabs as default };

package/lib/tabs/MenuTabs.js

@@ -1,72 +1,95 @@
-import { jsx as W, jsxs as A } from "react/jsx-runtime";
-import { c as $ } from "../_virtual/compiler-runtime.js";
-import S from "../_virtual/lodash.js";
-import { forwardRef as B } from "react";
-import C from "../buttons/Button.js";
-import '../assets/styles/button.css';/* empty css                           */
-import { menuStyles as E, onDeniedOptions as O } from "./tabHelpers.js";
-import { actionsOnPermissionDenied as g } from "../permissionValidations.js";
-import { useTabs as z } from "./useTabs.js";
-const k = (w) => {
-  const t = $.c(25), {
-    id: e,
-    title: l,
-    tabWidth: u,
-    iconAlign: f,
-    iconName: p,
-    icon: h,
-    disabled: a,
-    permissionAttr: T,
-    tabMenuSize: r,
-    tooltip: d,
-    tooltipPosition: c,
-    tooltipWidth: M,
-    closeable: v,
-    tabsWithError: y
-  } = w, {
-    selectedTabId: b,
-    selectTab: o,
-    removeTab: n,
-    tabsCount: m
-  } = z();
-  let s;
-  t[0] !== T ? (s = g(O, T), t[0] = T, t[1] = s) : s = t[1];
-  const i = s;
-  let x;
-  t[2] !== e || t[3] !== y ? (x = y?.includes(e), t[2] = e, t[3] = y, t[4] = x) : x = t[4];
-  const I = x;
-  let N;
-  return t[5] !== v || t[6] !== a || t[7] !== h || t[8] !== f || t[9] !== p || t[10] !== e || t[11] !== i.disabled || t[12] !== i.unvisible || t[13] !== n || t[14] !== o || t[15] !== b || t[16] !== r || t[17] !== u || t[18] !== m || t[19] !== l || t[20] !== d || t[21] !== c || t[22] !== M || t[23] !== I ? (N = i.unvisible ? null : /* @__PURE__ */ A("li", { style: {
-    width: u
-  }, className: `
-          menuitem 
-          ${b === e && "selected"} 
-          ${I && "witherrorcontent"}
-        `, children: [
-    /* @__PURE__ */ W(C, { className: "btn menubutton", boxShadow: !1, onClick: () => o(e), iconAlign: f, iconName: p, icon: h, disabled: a || !!i.disabled, label: l, size: r, tooltip: d || l, tooltipPosition: c, tooltipWidth: M }),
-    v && m > 1 && /* @__PURE__ */ W("button", { className: "closepanel", onClick: () => n(e) })
-  ] }, e), t[5] = v, t[6] = a, t[7] = h, t[8] = f, t[9] = p, t[10] = e, t[11] = i.disabled, t[12] = i.unvisible, t[13] = n, t[14] = o, t[15] = b, t[16] = r, t[17] = u, t[18] = m, t[19] = l, t[20] = d, t[21] = c, t[22] = M, t[23] = I, t[24] = N) : N = t[24], N;
-}, q = B((w, t) => {
-  const e = $.c(11), {
-    tabs: l,
-    tabWidth: u,
-    tabMenuSize: f,
-    tabMenuAlign: p,
-    firstTabIdent: h,
-    tabsWithError: a
-  } = w, T = l === void 0 ? [] : l, r = u === void 0 ? "auto" : u, d = f === void 0 ? "medium" : f, c = p === void 0 ? "left" : p, M = h === void 0 ? !1 : h, {
-    keepPanelsInOrder: v
-  } = z(), y = v ? S.sortBy(S.uniqBy(T, "id"), (i) => v.indexOf(i.id)) : S.uniqBy(T, "id"), b = `menu ${M && "-firsttabident"}`;
-  let o;
-  e[0] !== c ? (o = E(c), e[0] = c, e[1] = o) : o = e[1];
-  let n;
-  e[2] !== d || e[3] !== r || e[4] !== a ? (n = (i) => /* @__PURE__ */ W(k, { tabMenuSize: d, tabWidth: r, tabsWithError: a, ...i }, i.id), e[2] = d, e[3] = r, e[4] = a, e[5] = n) : n = e[5];
-  const m = y.map(n);
-  let s;
-  return e[6] !== t || e[7] !== b || e[8] !== o || e[9] !== m ? (s = /* @__PURE__ */ W("ul", { className: b, style: o, ref: t, children: m }), e[6] = t, e[7] = b, e[8] = o, e[9] = m, e[10] = s) : s = e[10], s;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-q.displayName = "MenuTabs";
-export {
-  q as default
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _buttons = _interopRequireDefault(require("../buttons"));
+var helpers = _interopRequireWildcard(require("./tabHelpers"));
+var _permissionValidations = require("../permissionValidations");
+var _useTabs = require("./useTabs");
+var _lodash = _interopRequireDefault(require("lodash"));
+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 _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 MenuTab = _ref => {
+  let {
+    id,
+    title,
+    tabWidth,
+    iconAlign,
+    iconName,
+    icon,
+    disabled,
+    permissionAttr,
+    tabMenuSize,
+    tooltip,
+    tooltipPosition,
+    tooltipWidth,
+    closeable,
+    tabsWithError
+  } = _ref;
+  const {
+    selectedTabId,
+    selectTab,
+    removeTab,
+    tabsCount
+  } = (0, _useTabs.useTabs)();
+  const onDenied = (0, _permissionValidations.actionsOnPermissionDenied)(helpers.onDeniedOptions, permissionAttr);
+  const withErrorInContent = tabsWithError?.includes(id);
+  return onDenied.unvisible ? null : /*#__PURE__*/_react.default.createElement("li", {
+    key: id,
+    style: {
+      width: tabWidth
+    },
+    className: `
+          menuitem 
+          ${selectedTabId === id && 'selected'} 
+          ${withErrorInContent && 'witherrorcontent'}
+        `
+  }, /*#__PURE__*/_react.default.createElement(_buttons.default, {
+    className: "btn menubutton",
+    boxShadow: false,
+    onClick: () => selectTab(id),
+    iconAlign: iconAlign,
+    iconName: iconName,
+    icon: icon,
+    disabled: disabled || !!onDenied.disabled,
+    label: title,
+    size: tabMenuSize,
+    tooltip: tooltip || title,
+    tooltipPosition: tooltipPosition,
+    tooltipWidth: tooltipWidth
+  }), closeable && tabsCount > 1 && /*#__PURE__*/_react.default.createElement("button", {
+    className: "closepanel",
+    onClick: () => removeTab(id)
+  }));
 };
-//# sourceMappingURL=MenuTabs.js.map
+const MenuTabs = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
+  let {
+    tabs = [],
+    tabWidth = 'auto',
+    tabMenuSize = 'medium',
+    tabMenuAlign = 'left',
+    firstTabIdent = false,
+    tabsWithError
+  } = _ref2;
+  const {
+    keepPanelsInOrder
+  } = (0, _useTabs.useTabs)();
+  const uniqueTabs = keepPanelsInOrder ? _lodash.default.sortBy(_lodash.default.uniqBy(tabs, 'id'), tabPanel => keepPanelsInOrder.indexOf(tabPanel.id)) : _lodash.default.uniqBy(tabs, 'id');
+  return /*#__PURE__*/_react.default.createElement("ul", {
+    className: `menu ${firstTabIdent && '-firsttabident'}`,
+    style: helpers.menuStyles(tabMenuAlign),
+    ref: ref
+  }, uniqueTabs.map(tab => /*#__PURE__*/_react.default.createElement(MenuTab, _extends({
+    key: tab.id,
+    tabMenuSize: tabMenuSize,
+    tabWidth: tabWidth,
+    tabsWithError: tabsWithError
+  }, tab))));
+});
+MenuTabs.displayName = 'MenuTabs';
+var _default = exports.default = MenuTabs;

package/lib/tabs/Panel.d.ts

@@ -1,3 +1,11 @@
-import { PanelProps } from './types';
-declare const Panel: (props: PanelProps) => import("react/jsx-runtime").JSX.Element;
-export default Panel;
+import { PanelProps } from './types.js';
+import 'react';
+import '../@types/Size.js';
+import '../@types/Position.js';
+import '../@types/PermissionAttr.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
+
+declare const Panel: (props: PanelProps) => JSX.Element;
+
+export { Panel as default };

package/lib/tabs/Panel.js

@@ -1,63 +1,84 @@
-import { jsx as C } from "react/jsx-runtime";
-import { c as j } from "../_virtual/compiler-runtime.js";
-import { useRef as g, useState as A, useEffect as I } from "react";
-import { onDeniedOptions as _, getCurrentThreshold as k } from "./tabHelpers.js";
-import { actionsOnPermissionDenied as q } from "../permissionValidations.js";
-import B from "../noPermission/index.js";
-import { useTabs as F } from "./useTabs.js";
-const W = (L) => {
-  const e = j.c(18), {
-    id: c,
-    children: u,
-    onEndReached: s,
-    permissionAttr: f,
-    customClass: T,
-    onEndReachedThreshold: H,
-    style: h
-  } = L, w = T === void 0 ? "" : T, p = H === void 0 ? 0.1 : H, {
-    selectedTabId: x
-  } = F(), z = c !== x ? "hidepanel" : "", t = g(null);
-  let i;
-  e[0] !== f ? (i = q(_, f), e[0] = f, e[1] = i) : i = e[1];
-  const [D] = A(i), {
-    hideContent: v
-  } = D, E = g(!0), O = g(0);
-  let l;
-  e[2] !== s || e[3] !== p ? (l = async () => {
-    const n = t.current;
-    if (n && s) {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _tabHelpers = require("./tabHelpers");
+var _permissionValidations = require("../permissionValidations");
+var _noPermission = _interopRequireDefault(require("../noPermission"));
+var _useTabs = require("./useTabs");
+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; }
+const Panel = props => {
+  const {
+    id,
+    children,
+    onEndReached,
+    permissionAttr,
+    customClass = '',
+    onEndReachedThreshold = 0.1,
+    style
+  } = props;
+  const {
+    selectedTabId
+  } = (0, _useTabs.useTabs)();
+  const hidePanel = id !== selectedTabId ? 'hidepanel' : '';
+  const rootElementRef = (0, _react.useRef)(null);
+  const [onDenied] = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(_tabHelpers.onDeniedOptions, permissionAttr));
+  const {
+    hideContent
+  } = onDenied;
+  const enableOnEndReached = (0, _react.useRef)(true);
+  const lastScrollHeight = (0, _react.useRef)(0);
+  const onScrollEndReached = (0, _react.useCallback)(async () => {
+    const element = rootElementRef.current;
+    if (element && onEndReached) {
       const {
-        scrollTop: b,
-        scrollHeight: P,
-        clientHeight: S
-      } = n, $ = P - S - b - 1, y = k(n, p);
-      $ <= y && E.current && (E.current = !1, await new Promise((N) => {
-        N(s());
-      }), O.current = P);
+        scrollTop,
+        scrollHeight,
+        clientHeight
+      } = element;
+      const scrollOffset = scrollHeight - clientHeight - scrollTop - 1;
+      const threshold = (0, _tabHelpers.getCurrentThreshold)(element, onEndReachedThreshold);
+      if (scrollOffset <= threshold && enableOnEndReached.current) {
+        enableOnEndReached.current = false;
+        await new Promise(resolve => {
+          resolve(onEndReached());
+        });
+        lastScrollHeight.current = scrollHeight;
+      }
     }
-  }, e[2] = s, e[3] = p, e[4] = l) : l = e[4];
-  const r = l;
-  let d;
-  e[5] !== s || e[6] !== r ? (d = () => {
-    let n;
-    return t.current && s && (n = new ResizeObserver(() => {
-      const {
-        scrollHeight: b
-      } = t.current;
-      b !== O.current && (E.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();
+  }, [onEndReached, onEndReachedThreshold, rootElementRef.current, lastScrollHeight.current]);
+  (0, _react.useEffect)(() => {
+    let observer;
+    if (rootElementRef.current && onEndReached) {
+      observer = new ResizeObserver(() => {
+        const {
+          scrollHeight
+        } = rootElementRef.current;
+        if (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();
     };
-  }, e[5] = s, e[6] = r, e[7] = d) : d = e[7];
-  let a;
-  e[8] !== r ? (a = [r], e[8] = r, e[9] = a) : a = e[9], I(d, a);
-  const R = `${w} panel ${z}`;
-  let o;
-  e[10] !== u || e[11] !== v ? (o = v ? /* @__PURE__ */ C(B, {}) : u, e[10] = u, e[11] = v, e[12] = o) : o = e[12];
-  let m;
-  return e[13] !== c || e[14] !== h || e[15] !== R || e[16] !== o ? (m = /* @__PURE__ */ C("div", { ref: t, id: c, className: R, style: h, children: o }), e[13] = c, e[14] = h, e[15] = R, e[16] = o, e[17] = m) : m = e[17], m;
-};
-export {
-  W as default
+  }, [onScrollEndReached]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: rootElementRef,
+    id: id,
+    className: `${customClass} panel ${hidePanel}`,
+    style: style
+  }, hideContent ? /*#__PURE__*/_react.default.createElement(_noPermission.default, null) : children);
 };
-//# sourceMappingURL=Panel.js.map
+var _default = exports.default = Panel;

package/lib/tabs/context.d.ts

@@ -1,3 +1,12 @@
-import { TabsContextType, TabsProviderProps } from './types';
-export declare const TabsContext: import('react').Context<TabsContextType>;
-export declare function TabsProvider({ children, tabs: tabsProp, container, selectedTab, onTabChange, onTabClose, tabsWidth: tabsWidthProp, firstTabIdent, keepPanelsInOrder, keepTabOriginalPosition, }: TabsProviderProps): import("react/jsx-runtime").JSX.Element;
+import React__default from 'react';
+import { TabsContextType, TabsProviderProps } from './types.js';
+import '../@types/Size.js';
+import '../@types/Position.js';
+import '../@types/PermissionAttr.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
+
+declare const TabsContext: React__default.Context<TabsContextType>;
+declare function TabsProvider({ children, tabs: tabsProp, container, selectedTab, onTabChange, onTabClose, tabsWidth: tabsWidthProp, firstTabIdent, keepPanelsInOrder, keepTabOriginalPosition, }: TabsProviderProps): JSX.Element;
+
+export { TabsContext, TabsProvider };