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

package/lib/tabs/DropdownTabs.js

@@ -1,87 +1,81 @@
-"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
+import { j as o } from "../chunks/jsx-runtime.CYK1ROHF.js";
+import h from "lodash";
+import a from "../buttons/Button.js";
+import b from "../icons/index.js";
+import '../assets/radio.css';import '../assets/toolbar.css';import '../assets/label.css';import '../assets/panel.css';import '../assets/noPermission.css';import '../assets/gridlayout.css';import '../assets/button.css';/* empty css                        */
+import x from "../list/index.js";
+import { useTabs as p } from "./useTabs.js";
+import "react";
+/* empty css                            */
+import "../panel/helpers.js";
+/* empty css                              */
+/* empty css                       */
+import "../toolbar/helpers.js";
+import "../labels/DefaultLabel.js";
+/* empty css                       */
+/* empty css                         */
+/* empty css                       */
+import "../popover/PopoverText.js";
+import "../popover/index.js";
+import "../textContent/index.js";
+import "./MenuTabs.js";
+import "./tabHelpers.js";
+import { L as f } from "../chunks/tabs.Cvj2MJH6.js";
+import "./context.js";
+import "../chunks/index.yztgndLc.js";
+const j = ({
+  id: t,
+  title: e,
+  closeable: m,
+  iconAlign: i,
+  icon: s,
+  iconName: n,
+  disabled: r,
+  tabMenuSize: l
+}) => {
+  const { selectTab: c, removeTab: d, selectedTabId: u } = p();
+  return /* @__PURE__ */ o.jsx(f, { onClick: () => c(t), children: /* @__PURE__ */ o.jsxs("div", { className: "menuitem", children: [
+    u === t ? /* @__PURE__ */ o.jsx(b, { name: "checkmark", color: "#A10D0D" }) : /* @__PURE__ */ o.jsx("div", { style: { width: 16, height: 16 } }),
+    /* @__PURE__ */ o.jsx(
+      a,
+      {
+        className: "btn menubutton",
+        boxShadow: !1,
+        iconAlign: i,
+        iconName: n,
+        icon: s,
+        disabled: r,
+        label: e,
+        size: l,
+        transparent: !0
+      }
+    ),
+    m && /* @__PURE__ */ o.jsx(
+      "button",
+      {
+        className: "closepanel",
+        onClick: () => d(t)
+      }
+    )
+  ] }) }, t);
+}, M = ({
+  tabs: t = [],
+  tabMenuSize: e = "medium"
+}) => {
+  const { selectedTabId: m } = p(), i = t.some((r) => r.id === m), s = t.length > 0, n = h.uniqBy(t, "id");
+  return s ? /* @__PURE__ */ o.jsx(
+    a,
+    {
+      dropdown: !0,
+      dropdownAlign: "right",
+      transparent: !0,
+      boxShadow: !1,
+      size: "large",
+      customClass: `dropdownbutton ${s ? "show" : ""} ${i ? "has-selected" : ""}`,
+      children: /* @__PURE__ */ o.jsx(x, { customClass: "dropdown-hide-tabs", children: n.map((r) => /* @__PURE__ */ o.jsx(j, { tabMenuSize: e, ...r }, r.id)) })
     }
-  }), /*#__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)
-  })));
+  ) : null;
 };
-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)))));
+export {
+  M as default
 };
-var _default = exports.default = DropdownTabs;

package/lib/tabs/Menu.d.ts

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

package/lib/tabs/Menu.js

@@ -1,48 +1,52 @@
-"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);
+import { j as n } from "../chunks/jsx-runtime.CYK1ROHF.js";
+import m from "react";
+import r from "./MenuTabs.js";
+import o from "./DropdownTabs.js";
+import { useTabs as f } from "./useTabs.js";
+const x = ({
+  toolbar: t,
+  customClassForToolBar: s = "",
+  tabWidth: a = "auto",
+  ...e
+}) => {
   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}`
-  }));
+    menuTabs: u,
+    menuRef: i,
+    dropdownTabs: b
+  } = f();
+  return /* @__PURE__ */ n.jsxs(
+    "div",
+    {
+      className: "menucontainer",
+      children: [
+        /* @__PURE__ */ n.jsx(
+          r,
+          {
+            tabs: u,
+            tabWidth: a,
+            tabMenuSize: e.tabMenuSize,
+            tabMenuAlign: e.tabMenuAlign,
+            firstTabIdent: e.firstTabIdent,
+            ref: i
+          }
+        ),
+        /* @__PURE__ */ n.jsx(
+          o,
+          {
+            tabs: b,
+            tabWidth: a,
+            tabMenuSize: e.tabMenuSize,
+            tabMenuAlign: e.tabMenuAlign,
+            firstTabIdent: e.firstTabIdent
+          }
+        ),
+        t && m.cloneElement(t, {
+          customClass: `menubar ${s}`
+        })
+      ]
+    }
+  );
+};
+export {
+  x as default
 };
-var _default = exports.default = Menu;

package/lib/tabs/MenuTabs.d.ts

@@ -1,11 +1,4 @@
-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 };
+import { default as React } from 'react';
+import { MenuProps } from './types';
+declare const MenuTabs: React.ForwardRefExoticComponent<MenuProps & React.RefAttributes<HTMLUListElement>>;
+export default MenuTabs;

package/lib/tabs/MenuTabs.js

@@ -1,95 +1,89 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-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
+import { j as s } from "../chunks/jsx-runtime.CYK1ROHF.js";
+import y from "react";
+import N from "lodash";
+import h from "../buttons/Button.js";
+import "../icons/index.js";
+import '../assets/button.css';/* empty css                        */
+import { menuStyles as w, onDeniedOptions as C } from "./tabHelpers.js";
+import { actionsOnPermissionDenied as D } from "../permissionValidations.js";
+import { useTabs as M } from "./useTabs.js";
+const R = ({
+  id: e,
+  title: t,
+  tabWidth: n,
+  iconAlign: a,
+  iconName: i,
+  icon: m,
+  disabled: l,
+  permissionAttr: o,
+  tabMenuSize: u,
+  tooltip: c,
+  tooltipPosition: d,
+  tooltipWidth: b,
+  closeable: p
+}) => {
+  const { selectedTabId: f, selectTab: x, removeTab: T, tabsCount: j } = M(), r = D(C, o);
+  return r.unvisible ? null : /* @__PURE__ */ s.jsxs(
+    "li",
+    {
+      style: { width: n },
+      className: `menuitem ${f === e && "selected"}`,
+      children: [
+        /* @__PURE__ */ s.jsx(
+          h,
+          {
+            className: "btn menubutton",
+            boxShadow: !1,
+            onClick: () => x(e),
+            iconAlign: a,
+            iconName: i,
+            icon: m,
+            disabled: l || !!r.disabled,
+            label: t,
+            size: u,
+            tooltip: c || t,
+            tooltipPosition: d,
+            tooltipWidth: b
+          }
+        ),
+        p && j > 1 && /* @__PURE__ */ s.jsx(
+          "button",
+          {
+            className: "closepanel",
+            onClick: () => T(e)
+          }
+        )
+      ]
     },
-    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)
-  }));
-};
-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))));
+    e
+  );
+}, _ = y.forwardRef(({
+  tabs: e = [],
+  tabWidth: t = "auto",
+  tabMenuSize: n = "medium",
+  tabMenuAlign: a = "left",
+  firstTabIdent: i = !1
+}, m) => {
+  const l = N.uniqBy(e, "id");
+  return /* @__PURE__ */ s.jsx(
+    "ul",
+    {
+      className: `menu ${i && "-firsttabident"}`,
+      style: w(a),
+      ref: m,
+      children: l.map((o) => /* @__PURE__ */ s.jsx(
+        R,
+        {
+          tabMenuSize: n,
+          tabWidth: t,
+          ...o
+        },
+        o.id
+      ))
+    }
+  );
 });
-MenuTabs.displayName = 'MenuTabs';
-var _default = exports.default = MenuTabs;
+_.displayName = "MenuTabs";
+export {
+  _ as default
+};

package/lib/tabs/Panel.d.ts

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

package/lib/tabs/Panel.js

@@ -1,84 +1,52 @@
-"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 => {
+import { j as a } from "../chunks/jsx-runtime.CYK1ROHF.js";
+import { useRef as l, useState as C, useCallback as H, useEffect as L } from "react";
+import { onDeniedOptions as b, getCurrentThreshold as w } from "./tabHelpers.js";
+import { actionsOnPermissionDenied as z } from "../permissionValidations.js";
+import D from "../noPermission/index.js";
+import { useTabs as S } from "./useTabs.js";
+const q = (m) => {
   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,
-        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;
-      }
-    }
-  }, [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);
+    id: d,
+    children: f,
+    onEndReached: o,
+    permissionAttr: h,
+    customClass: p = "",
+    onEndReachedThreshold: u = 0.1,
+    style: E
+  } = m, { selectedTabId: R } = S(), v = d !== R ? "hidepanel" : "", n = l(null), [g] = C(z(b, h)), { hideContent: x } = g, c = l(!0), i = l(0), r = H(async () => {
+    const e = n.current;
+    if (e && o) {
+      const { scrollTop: t, scrollHeight: s, clientHeight: O } = e, P = s - O - t - 1, T = w(e, u);
+      P <= T && c.current && (c.current = !1, await new Promise((j) => {
+        j(o());
+      }), i.current = s);
     }
-    return () => {
-      rootElementRef.current?.removeEventListener('scroll', onScrollEndReached);
-      rootElementRef.current?.removeEventListener('resize', onScrollEndReached);
-      observer?.disconnect();
+  }, [
+    o,
+    u,
+    n.current,
+    i.current
+  ]);
+  return L(() => {
+    let e;
+    return n.current && o && (e = new ResizeObserver(() => {
+      const { scrollHeight: t } = n.current;
+      t !== i.current && (c.current = !0, e == null || e.disconnect());
+    }), e.observe(n.current), n.current.addEventListener("scroll", r), n.current.addEventListener("resize", r)), () => {
+      var t, s;
+      (t = n.current) == null || t.removeEventListener("scroll", r), (s = n.current) == null || s.removeEventListener("resize", r), e == null || e.disconnect();
     };
-  }, [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);
+  }, [r]), /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      ref: n,
+      id: d,
+      className: `${p} panel ${v}`,
+      style: E,
+      children: x ? /* @__PURE__ */ a.jsx(D, {}) : f
+    }
+  );
+};
+export {
+  q as default
 };
-var _default = exports.default = Panel;

package/lib/tabs/context.d.ts

@@ -1,12 +1,4 @@
-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 };
+import { default as React } from 'react';
+import { TabsContextType, TabsProviderProps } from './types';
+export declare const TabsContext: React.Context<TabsContextType>;
+export declare function TabsProvider({ children, tabs: tabsProp, container, selectedTab, onTabChange, onTabClose, tabsWidth: tabsWidthProp, firstTabIdent, keepTabOriginalPosition, }: TabsProviderProps): import("react/jsx-runtime").JSX.Element;