linear-react-components-ui 2.0.0-beta.0 → 2.0.0-beta.1

package/lib/tabs/DropdownTabs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownTabs.js","names":[],"sources":["../../src/lib/tabs/DropdownTabs.tsx"],"sourcesContent":["import _ from 'lodash';\nimport Button from '../buttons';\nimport List, { ListItem } from '../list';\nimport { DropdownProps, TabProps } from './types';\nimport { useTabs } from './useTabs';\nimport { Icon } from '..';\n\nconst DropdownTab = ({\n  id,\n  title,\n  closeable,\n  iconAlign,\n  icon,\n  iconName,\n  disabled,\n  tabMenuSize,\n}: TabProps) => {\n  const { selectTab, removeTab, selectedTabId } = useTabs();\n\n  return (\n    <ListItem key={id} onClick={() => selectTab(id)}>\n      <div className=\"menuitem\">\n        {selectedTabId === id\n          ? (\n            <Icon name='checkmark' color='#A10D0D' />\n            )\n          : (\n            <div style={{ width: 16, height: 16 }} />\n            )}\n        <Button\n          className=\"btn menubutton\"\n          boxShadow={false}\n          iconAlign={iconAlign}\n          iconName={iconName}\n          icon={icon}\n          disabled={disabled}\n          label={title}\n          size={tabMenuSize}\n          transparent />\n        {closeable &&\n          <button\n            className=\"closepanel\"\n            onClick={() => removeTab(id)} />}\n      </div>\n    </ListItem>\n  );\n};\n\nconst DropdownTabs = ({\n  tabs = [],\n  tabMenuSize = 'medium',\n}: DropdownProps) => {\n  const { selectedTabId } = useTabs();\n  const hasSelectedTab = tabs.some(tab => tab.id === selectedTabId);\n  const hasTabs = tabs.length > 0;\n  const uniqueTabs = _.uniqBy(tabs, 'id');\n\n  if (!hasTabs) return null;\n  return (\n    <Button \n      dropdown \n      dropdownAlign=\"right\" \n      transparent \n      boxShadow={false} \n      size=\"large\"\n      customClass={`dropdownbutton ${hasTabs ? 'show' : ''} ${hasSelectedTab ? 'has-selected' : ''}`}>\n      <List customClass=\"dropdown-hide-tabs\">\n        {uniqueTabs.map(tab => (\n          <DropdownTab key={tab.id} tabMenuSize={tabMenuSize} {...tab} />\n        ))}\n      </List>\n    </Button>\n  );\n};\n\nexport default DropdownTabs;\n"],"mappings":";;;;;;;;;;4CAOM,KAAA,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,GAAA,GAAA,EAAe,EAAA,OAAA,UAAA,cAAA,cAAA,SAAA,aAAA,aAAA,mBAAA,GAUnB,EAAA,cAAA,cAAA,qBAAgD,GAAS,EAAA;AAAA,CAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAGpC,UAAe,EAAU,EAAG,EAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,KAAA,IAAA,EAAA;CAAA,IAAA;AAwBpC,QAxBoC,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAA/C,IAAA,EAAC,GAAD;EAAA,SAAmB;EAA4B,UAC7C,EAAC,OAAD;GAAA,WAAe;GAAA,UAAf;IACG,MAAkB,IAEf,EAAC,GAAD;KAAA,MAAW;KAAA,OAAkB;KAGY,CAAA,GAAzC,EAAC,OAAD,EAAA,OAAY;KAAA,OAAS;KAAA,QAAY;OAAQ,CAAA;IAE7C,EAAC,GAAD;KAAA,WACY;KAAA,WACC;KAAA;KAAA;KAAA;KAAA;KAAA,OAKJ;KAAA,MACD;KAAA,aACN;KAAc,CAAA;IACf,KACC,EAAC,UAAD;KAAA,WACY;KAAA,eACK,EAAU,EAAA;KAAO,CAAA;IAAA;;EAE7B,EAxBI,EAwBJ,EAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,KAAA,IAAA,EAAA,KAxBX;GA4BE,KAAA,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,GAAA,EAAA,EAAgB,EAAA,MAAA,GAAA,aAAA,MAAA,GACpB,IAAA,MAAA,KAAA,IAAA,EAAS,GAAT,GACA,IAAA,MAAA,KAAA,IAAA,WAAA,GAEA,EAAA,qBAA0B,GAAS,EAAA;AAAA,CAAA,EAAA,OAAA,IACgB,IAAA,EAAA,MAAvB,KAAA,MAAY,EAAA,OAAW,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA;CAAnD,IAAA,IAAuB,EAAA,KAAK,EAAqC,EACjE,IAAgB,EAAA,SAAc,GAC9B,IAAmB,EAAA,QAAA,OAAS,GAAM,KAAK;AAEvC,KAAI,CAAC,EAAA,QAAgB;CAAA,IAAA;AAWkD,QAXlD,EAAA,OAAA,IAWkD,IAAA,EAAA,MADrD,KAAA,MACV,EAAC,GAAD;EAAA;EAAA,GAAwD;EAAO,EAA7C,EAAA,GAA6C,EAAA,EAAA,KAAA,GAAA,EAAA,KAAA,IATrE,EAAC,GAAD;EAAA,UACE;EAAA,eACc;EAAA,aACd;EAAA,WACW;EAAA,MACN;EAAA,aACQ,kBAAkB,IAAA,SAAA,GAAmB,GAAM,IAAA,iBAAA;EAAkC,UAC1F,EAAC,GAAD;GAAA,aAAkB;GAAA,UACf,EAAA,IAAW,EACqD;GAE5D,CAAA;EACA,CAAA"}

package/lib/tabs/Menu.d.ts

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

package/lib/tabs/Menu.js

@@ -1,35 +0,0 @@
-import { useTabs as e } from "./useTabs.js";
-import t from "./MenuTabs.js";
-import n from "./DropdownTabs.js";
-import { cloneElement as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/lib/tabs/Menu.tsx
-var o = (o) => {
-	let { toolbar: s, customClassForToolBar: c, tabWidth: l, tabsWithError: u, ...d } = o, f = c === void 0 ? "" : c, p = l === void 0 ? "auto" : l, { menuTabs: m, menuRef: h, dropdownTabs: g } = e();
-	return a("div", {
-		className: "menucontainer",
-		children: [
-			i(t, {
-				tabsWithError: u,
-				tabs: m,
-				tabWidth: p,
-				tabMenuSize: d.tabMenuSize,
-				tabMenuAlign: d.tabMenuAlign,
-				firstTabIdent: d.firstTabIdent,
-				ref: h
-			}),
-			i(n, {
-				tabs: g,
-				tabWidth: p,
-				tabMenuSize: d.tabMenuSize,
-				tabMenuAlign: d.tabMenuAlign,
-				firstTabIdent: d.firstTabIdent
-			}),
-			s && r(s, { customClass: `menubar ${f}` })
-		]
-	});
-};
-//#endregion
-export { o as default };
-
-//# sourceMappingURL=Menu.js.map

package/lib/tabs/Menu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Menu.js","names":[],"sources":["../../src/lib/tabs/Menu.tsx"],"sourcesContent":["import { cloneElement } from 'react';\nimport MenuTabs from './MenuTabs';\nimport DropdownTabs from './DropdownTabs';\nimport { MenuProps } from './types';\nimport { useTabs } from './useTabs';\n\nconst Menu = ({\n  toolbar,\n  customClassForToolBar = '',\n  tabWidth = 'auto',\n  tabsWithError,\n  ...props\n}: MenuProps) => {\n  const {\n    menuTabs, menuRef, dropdownTabs,\n  } = useTabs();\n\n  return (\n    <div\n      className=\"menucontainer\">\n      <MenuTabs\n        tabsWithError={tabsWithError}\n        tabs={menuTabs}\n        tabWidth={tabWidth}\n        tabMenuSize={props.tabMenuSize}\n        tabMenuAlign={props.tabMenuAlign}\n        firstTabIdent={props.firstTabIdent}\n        ref={menuRef} />\n      <DropdownTabs\n        tabs={dropdownTabs}\n        tabWidth={tabWidth}\n        tabMenuSize={props.tabMenuSize}\n        tabMenuAlign={props.tabMenuAlign}\n        firstTabIdent={props.firstTabIdent} />\n      {toolbar && cloneElement(toolbar, {\n        customClass: `menubar ${customClassForToolBar}`,\n      })}\n    </div>\n  );\n};\n\nexport default Menu;\n"],"mappings":";;;;;;AAMA,IAAM,KAAA,MAAA;CAAQ,IAAA,EAAA,YAAA,uBAAA,GAAA,UAAA,GAAA,kBAAA,GAAA,MAAA,GAEZ,IAAA,MAAA,KAAA,IAAA,KAAA,GACA,IAAA,MAAA,KAAA,IAAA,SAAA,GAIA,EAAA,aAAA,YAAA,oBAEI,GAAS;AAAA,QAGX,EAAC,OAAD;EAAA,WACY;EAAA,UADZ;GAEE,EAAC,GAAD;IAAA;IAAA,MAEQ;IAAA;IAAA,aAEO,EAAA;IAAM,cACL,EAAA;IAAM,eACL,EAAA;IAAM,KAChB;IAAW,CAAA;GAClB,EAAC,GAAD;IAAA,MACQ;IAAA;IAAA,aAEO,EAAA;IAAM,cACL,EAAA;IAAM,eACL,EAAA;IAAuB,CAAA;GACvC,KAAW,EAAa,GAAS,EAAA,aACnB,WAAW,KACzB,CAAC;GAAA"}

package/lib/tabs/MenuTabs.d.ts

@@ -1,3 +0,0 @@
-import { MenuProps } from './types';
-declare const MenuTabs: import('react').ForwardRefExoticComponent<MenuProps & import('react').RefAttributes<HTMLUListElement>>;
-export default MenuTabs;

package/lib/tabs/MenuTabs.js

@@ -1,60 +0,0 @@
-import { __toESM as e } from "../_virtual/_rolldown/runtime.js";
-import { require_compiler_runtime as t } from "../node_modules/react/compiler-runtime.js";
-import { require_lodash as n } from "../node_modules/lodash/lodash.js";
-import { actionsOnPermissionDenied as r } from "../permissionValidations.js";
-import i from "../buttons/index.js";
-import { menuStyles as a, onDeniedOptions as o } from "./tabHelpers.js";
-import { useTabs as s } from "./useTabs.js";
-import { forwardRef as c } from "react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-//#region src/lib/tabs/MenuTabs.tsx
-var d = t(), f = /* @__PURE__ */ e(n(), 1), p = (e) => {
-	let t = (0, d.c)(25), { id: n, title: a, tabWidth: c, iconAlign: f, iconName: p, icon: m, disabled: h, permissionAttr: g, tabMenuSize: _, tooltip: v, tooltipPosition: y, tooltipWidth: b, closeable: x, tabsWithError: S } = e, { selectedTabId: C, selectTab: w, removeTab: T, tabsCount: E } = s(), D;
-	t[0] === g ? D = t[1] : (D = r(o, g), t[0] = g, t[1] = D);
-	let O = D, k;
-	t[2] !== n || t[3] !== S ? (k = S?.includes(n), t[2] = n, t[3] = S, t[4] = k) : k = t[4];
-	let A = k, j;
-	return t[5] !== x || t[6] !== h || t[7] !== m || t[8] !== f || t[9] !== p || t[10] !== n || t[11] !== O.disabled || t[12] !== O.unvisible || t[13] !== T || t[14] !== w || t[15] !== C || t[16] !== _ || t[17] !== c || t[18] !== E || t[19] !== a || t[20] !== v || t[21] !== y || t[22] !== b || t[23] !== A ? (j = O.unvisible ? null : u("li", {
-		style: { width: c },
-		className: `
-          menuitem 
-          ${C === n && "selected"} 
-          ${A && "witherrorcontent"}
-        `,
-		children: [l(i, {
-			className: "btn menubutton",
-			boxShadow: !1,
-			onClick: () => w(n),
-			iconAlign: f,
-			iconName: p,
-			icon: m,
-			disabled: h || !!O.disabled,
-			label: a,
-			size: _,
-			tooltip: v || a,
-			tooltipPosition: y,
-			tooltipWidth: b
-		}), x && E > 1 && l("button", {
-			className: "closepanel",
-			onClick: () => T(n)
-		})]
-	}, n), t[5] = x, t[6] = h, t[7] = m, t[8] = f, t[9] = p, t[10] = n, t[11] = O.disabled, t[12] = O.unvisible, t[13] = T, t[14] = w, t[15] = C, t[16] = _, t[17] = c, t[18] = E, t[19] = a, t[20] = v, t[21] = y, t[22] = b, t[23] = A, t[24] = j) : j = t[24], j;
-}, m = c(({ tabs: e = [], tabWidth: t = "auto", tabMenuSize: n = "medium", tabMenuAlign: r = "left", firstTabIdent: i = !1, tabsWithError: o }, c) => {
-	let { keepPanelsInOrder: u } = s(), d = u ? f.default.sortBy(f.default.uniqBy(e, "id"), (e) => u.indexOf(e.id)) : f.default.uniqBy(e, "id");
-	return /* @__PURE__ */ l("ul", {
-		className: `menu ${i && "-firsttabident"}`,
-		style: a(r),
-		ref: c,
-		children: d.map((e) => /* @__PURE__ */ l(p, {
-			tabMenuSize: n,
-			tabWidth: t,
-			tabsWithError: o,
-			...e
-		}, e.id))
-	});
-});
-m.displayName = "MenuTabs";
-//#endregion
-export { m as default };
-
-//# sourceMappingURL=MenuTabs.js.map

package/lib/tabs/MenuTabs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuTabs.js","names":[],"sources":["../../src/lib/tabs/MenuTabs.tsx"],"sourcesContent":["import _ from 'lodash';\nimport { forwardRef } from 'react';\nimport Button from '../buttons';\nimport * as helpers from './tabHelpers';\nimport { actionsOnPermissionDenied } from '../permissionValidations';\nimport { OnDenied } from '../@types/PermissionAttr';\nimport { MenuProps, TabProps } from './types';\nimport { useTabs } from './useTabs';\n\nconst MenuTab = ({\n  id,\n  title,\n  tabWidth,\n  iconAlign,\n  iconName,\n  icon,\n  disabled,\n  permissionAttr,\n  tabMenuSize,\n  tooltip,\n  tooltipPosition,\n  tooltipWidth,\n  closeable,\n  tabsWithError,\n}: TabProps) => {\n  const { selectedTabId, selectTab, removeTab, tabsCount } = useTabs();\n  const onDenied: OnDenied = actionsOnPermissionDenied(helpers.onDeniedOptions, permissionAttr);\n  const withErrorInContent = tabsWithError?.includes(id);\n\n  return (\n    onDenied.unvisible ?\n      null :\n      <li\n        key={id}\n        style={{ width: tabWidth }}\n        className={`\n          menuitem \n          ${selectedTabId === id && 'selected'} \n          ${withErrorInContent && 'witherrorcontent'}\n        `}>\n        <Button\n          className=\"btn menubutton\"\n          boxShadow={false}\n          onClick={() => selectTab(id)}\n          iconAlign={iconAlign}\n          iconName={iconName}\n          icon={icon}\n          disabled={disabled || !!onDenied.disabled}\n          label={title}\n          size={tabMenuSize}\n          tooltip={tooltip || title}\n          tooltipPosition={tooltipPosition}\n          tooltipWidth={tooltipWidth} />\n        {closeable && tabsCount > 1 && (\n          <button\n            className=\"closepanel\"\n            onClick={() => removeTab(id)} />\n        )}\n      </li>\n  );\n};\n\nconst MenuTabs = forwardRef<HTMLUListElement, MenuProps>(({\n  tabs = [],\n  tabWidth = 'auto',\n  tabMenuSize = 'medium',\n  tabMenuAlign = 'left',\n  firstTabIdent = false,\n  tabsWithError,\n}, ref) => {\n  const { keepPanelsInOrder } = useTabs();\n\n  const uniqueTabs = keepPanelsInOrder ?\n      _.sortBy(_.uniqBy(tabs, 'id'), tabPanel => keepPanelsInOrder.indexOf(tabPanel.id))\n    : _.uniqBy(tabs, 'id');\n\n  return (\n    <ul\n      className={`menu ${firstTabIdent && '-firsttabident'}`}\n      style={helpers.menuStyles(tabMenuAlign)}\n      ref={ref}>\n      {uniqueTabs.map(tab => (\n        <MenuTab\n          key={tab.id}\n          tabMenuSize={tabMenuSize}\n          tabWidth={tabWidth}\n          tabsWithError={tabsWithError}\n          {...tab} />\n      ))}\n    </ul>\n  );\n});\n\nMenuTabs.displayName = 'MenuTabs';\n\nexport default MenuTabs;\n"],"mappings":";;;;;;;;;;4CASM,KAAA,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,GAAA,GAAA,EAAW,EAAA,OAAA,UAAA,aAAA,cAAA,aAAA,SAAA,aAAA,mBAAA,gBAAA,YAAA,oBAAA,iBAAA,cAAA,qBAAA,GAgBf,EAAA,kBAAA,cAAA,cAAA,iBAA2D,GAAS,EAAA;AAAA,CAAA,EAAA,OAAA,IACyB,IAAA,EAAA,MAAlE,IAAA,EAA0B,GAAyB,EAAe,EAAA,EAAA,KAAA,GAAA,EAAA,KAAA;CAA7F,IAAA,IAA2B,GAAkE;AAAA,CAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAClE,IAAA,GAAA,SAAwB,EAAG,EAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,KAAA,IAAA,EAAA;CAAtD,IAAA,IAA2B,GAA2B;AA+B7C,QA/B6C,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,EAAA,YAAA,EAAA,QAAA,EAAA,aAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAGpD,IAAA,EAAA,YAAA,OAEE,EAAC,MAAD;EAAA,OAES,EAAA,OAAS,GAAU;EAAA,WACf;;YAEP,MAAkB,KAAlB,WAAwB;YACxB,KAAA,mBAAsB;;YAN5B,CAQE,EAAC,GAAD;GAAA,WACY;GAAA,WACC;GAAA,eACI,EAAU,EAAG;GAAA;GAAA;GAAA;GAAA,UAIlB,KAAA,CAAa,CAAC,EAAA;GAAS,OAC1B;GAAA,MACD;GAAA,SACG,KAAA;GAAW;GAAA;GAEU,CAAA,EAC/B,KAAa,IAAY,KACxB,EAAC,UAAD;GAAA,WACY;GAAA,eACK,EAAU,EAAA;GAAO,CAAA,CAAA;IAvB/B,EAyBF,EAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,WAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,KAAA,IAAA,EAAA,KA5BP;GAgCE,IAAW,GAAyC,EACxD,UAAO,EAAE,EACT,cAAW,QACX,iBAAc,UACd,kBAAe,QACf,mBAAgB,IAChB,oBACC,MAAQ;CACT,IAAM,EAAE,yBAAsB,GAAS,EAEjC,IAAa,IACf,EAAA,QAAE,OAAO,EAAA,QAAE,OAAO,GAAM,KAAK,GAAE,MAAY,EAAkB,QAAQ,EAAS,GAAG,CAAC,GAClF,EAAA,QAAE,OAAO,GAAM,KAAK;AAExB,QACE,kBAAC,MAAD;EACE,WAAW,QAAQ,KAAiB;EACpC,OAAO,EAAmB,EAAa;EAClC;YACJ,EAAW,KAAI,MACd,kBAAC,GAAD;GAEe;GACH;GACK;GACf,GAAI;GAAO,EAJN,EAAI,GAIE,CAAA;EAEZ,CAAA;EAEP;AAEF,EAAS,cAAc"}

package/lib/tabs/Panel.d.ts

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

package/lib/tabs/Panel.js

@@ -1,42 +0,0 @@
-import { actionsOnPermissionDenied as e } from "../permissionValidations.js";
-import t from "../noPermission/index.js";
-import { getCurrentThreshold as n, onDeniedOptions as r } from "./tabHelpers.js";
-import { useTabs as i } from "./useTabs.js";
-import { useCallback as a, useEffect as o, useRef as s, useState as c } from "react";
-import { jsx as l } from "react/jsx-runtime";
-//#region src/lib/tabs/Panel.tsx
-var u = (u) => {
-	let { id: d, children: f, onEndReached: p, permissionAttr: m, customClass: h = "", onEndReachedThreshold: g = .1, style: _ } = u, { selectedTabId: v } = i(), y = d === v ? "" : "hidepanel", b = s(null), [x] = c(e(r, m)), { hideContent: S } = x, C = s(!0), w = s(0), T = a(async () => {
-		let e = b.current;
-		if (e && p) {
-			let { scrollTop: t, scrollHeight: r, clientHeight: i } = e;
-			r - i - t - 1 <= n(e, g) && C.current && (C.current = !1, await new Promise((e) => {
-				e(p());
-			}), w.current = r);
-		}
-	}, [
-		p,
-		g,
-		b.current,
-		w.current
-	]);
-	return o(() => {
-		let e;
-		return b.current && p && (e = new ResizeObserver(() => {
-			let { scrollHeight: t } = b.current;
-			t !== w.current && (C.current = !0, e?.disconnect());
-		}), e.observe(b.current), b.current.addEventListener("scroll", T), b.current.addEventListener("resize", T)), () => {
-			b.current?.removeEventListener("scroll", T), b.current?.removeEventListener("resize", T), e?.disconnect();
-		};
-	}, [T]), /* @__PURE__ */ l("div", {
-		ref: b,
-		id: d,
-		className: `${h} panel ${y}`,
-		style: _,
-		children: S ? /* @__PURE__ */ l(t, {}) : f
-	});
-};
-//#endregion
-export { u as default };
-
-//# sourceMappingURL=Panel.js.map

package/lib/tabs/Panel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Panel.js","names":[],"sources":["../../src/lib/tabs/Panel.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport { getCurrentThreshold, onDeniedOptions } from './tabHelpers';\nimport { actionsOnPermissionDenied } from '../permissionValidations';\nimport NoPermission from '../noPermission';\nimport { PanelProps } from './types';\nimport { OnDenied } from '../@types/PermissionAttr';\nimport { useTabs } from './useTabs';\n\nconst Panel = (props: PanelProps) => {\n  const {\n    id,\n    children,\n    onEndReached,\n    permissionAttr,\n    customClass = '',\n    onEndReachedThreshold = 0.1,\n    style,\n  } = props;\n  const { selectedTabId } = useTabs();\n  const hidePanel = (id !== selectedTabId ? 'hidepanel' : '');\n  const rootElementRef = useRef<HTMLDivElement>(null);\n  const [onDenied] = useState<OnDenied>(actionsOnPermissionDenied(onDeniedOptions, permissionAttr));\n  const { hideContent } = onDenied;\n  const enableOnEndReached = useRef(true);\n  const lastScrollHeight = useRef(0);\n\n  const onScrollEndReached = useCallback(async () => {\n    const element = rootElementRef.current;\n\n    if (element && onEndReached) {\n      const { scrollTop, scrollHeight, clientHeight } = element;\n      const scrollOffset = scrollHeight - clientHeight - scrollTop - 1;\n      const threshold = getCurrentThreshold(element, onEndReachedThreshold);\n\n      if (scrollOffset <= threshold && enableOnEndReached.current) {\n        enableOnEndReached.current = false;\n        await new Promise((resolve) => {\n          resolve(onEndReached());\n        });\n        lastScrollHeight.current = scrollHeight;\n      }\n    }\n  }, [\n    onEndReached, onEndReachedThreshold,\n    rootElementRef.current, lastScrollHeight.current,\n  ]);\n\n  useEffect(() => {\n    let observer: ResizeObserver | null;\n    if (rootElementRef.current && onEndReached) {\n      observer = new ResizeObserver(() => {\n        const { scrollHeight } = rootElementRef.current as HTMLDivElement;\n        if (scrollHeight !== lastScrollHeight.current) {\n          enableOnEndReached.current = true;\n          observer?.disconnect();\n        }\n      });\n\n      observer.observe(rootElementRef.current);\n      rootElementRef.current.addEventListener('scroll', onScrollEndReached);\n      rootElementRef.current.addEventListener('resize', onScrollEndReached);\n    }\n\n    return () => {\n      rootElementRef.current?.removeEventListener('scroll', onScrollEndReached);\n      rootElementRef.current?.removeEventListener('resize', onScrollEndReached);\n      observer?.disconnect();\n    };\n  }, [onScrollEndReached]);\n\n  return (\n    <div\n      ref={rootElementRef}\n      id={id}\n      className={`${customClass} panel ${hidePanel}`}\n      style={style}>\n      {hideContent ? <NoPermission /> : children}\n    </div>\n  );\n};\n\nexport default Panel;\n"],"mappings":";;;;;;;AAQA,IAAM,KAAS,MAAsB;CACnC,IAAM,EACJ,OACA,aACA,iBACA,mBACA,iBAAc,IACd,2BAAwB,IACxB,aACE,GACE,EAAE,qBAAkB,GAAS,EAC7B,IAAa,MAAO,IAA8B,KAAd,aACpC,IAAiB,EAAuB,KAAK,EAC7C,CAAC,KAAY,EAAmB,EAA0B,GAAiB,EAAe,CAAC,EAC3F,EAAE,mBAAgB,GAClB,IAAqB,EAAO,GAAK,EACjC,IAAmB,EAAO,EAAE,EAE5B,IAAqB,EAAY,YAAY;EACjD,IAAM,IAAU,EAAe;AAE/B,MAAI,KAAW,GAAc;GAC3B,IAAM,EAAE,cAAW,iBAAc,oBAAiB;AAIlD,GAHqB,IAAe,IAAe,IAAY,KAC7C,EAAoB,GAAS,EAAsB,IAEpC,EAAmB,YAClD,EAAmB,UAAU,IAC7B,MAAM,IAAI,SAAS,MAAY;AAC7B,MAAQ,GAAc,CAAC;KACvB,EACF,EAAiB,UAAU;;IAG9B;EACD;EAAc;EACd,EAAe;EAAS,EAAiB;EAC1C,CAAC;AAyBF,QAvBA,QAAgB;EACd,IAAI;AAeJ,SAdI,EAAe,WAAW,MAC5B,IAAW,IAAI,qBAAqB;GAClC,IAAM,EAAE,cAAA,MAAiB,EAAe;AACxC,GAAI,MAAiB,EAAiB,YACpC,EAAmB,UAAU,IAC7B,GAAU,YAAY;IAExB,EAEF,EAAS,QAAQ,EAAe,QAAQ,EACxC,EAAe,QAAQ,iBAAiB,UAAU,EAAmB,EACrE,EAAe,QAAQ,iBAAiB,UAAU,EAAmB,SAG1D;AAGX,GAFA,EAAe,SAAS,oBAAoB,UAAU,EAAmB,EACzE,EAAe,SAAS,oBAAoB,UAAU,EAAmB,EACzE,GAAU,YAAY;;IAEvB,CAAC,EAAmB,CAAC,EAGtB,kBAAC,OAAD;EACE,KAAK;EACD;EACJ,WAAW,GAAG,EAAA,SAAqB;EAC5B;YACN,IAAc,kBAAC,GAAD,EAAgB,CAAA,GAAG;EAC9B,CAAA"}

package/lib/tabs/context.d.ts

@@ -1,3 +0,0 @@
-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;

package/lib/tabs/context.js

@@ -1,82 +0,0 @@
-import { __toESM as e } from "../_virtual/_rolldown/runtime.js";
-import { require_lodash as t } from "../node_modules/lodash/lodash.js";
-import { getTabs as n } from "./tabHelpers.js";
-import { createContext as r, useCallback as i, useEffect as a, useMemo as o, useRef as s, useState as c } from "react";
-import { jsx as l } from "react/jsx-runtime";
-//#region src/lib/tabs/context.tsx
-var u = /* @__PURE__ */ e(t(), 1), d = r({});
-function f({ children: e, tabs: t, container: r, selectedTab: f = null, onTabChange: p, onTabClose: m, tabsWidth: h, firstTabIdent: g = !1, keepPanelsInOrder: _, keepTabOriginalPosition: v = !0 }) {
-	let [y, b] = c(f), [x, S] = c(() => r.current?.clientWidth ?? 0), [C, w] = c(n(t)), T = s(null), E = (T.current?.clientWidth ?? 0) - 38 - (g ? 15 : 0), D = o(() => typeof h == "string" ? h === "auto" ? 100 : parseInt(h) || 100 : h, [h]), O = Math.round(E / D);
-	f && f !== y && b(f), C.length > 0 && y === null && b(C[0]?.id);
-	let k = o(() => E === 0 ? [] : C.slice(O), [
-		C,
-		O,
-		x
-	]), A = o(() => C.slice(0, O), [
-		C,
-		O,
-		x
-	]), j = C.length, M = i((e) => {
-		let t = k.findIndex((t) => t.id === e);
-		if (t !== -1) {
-			let n = C.findIndex((t) => t.id === e), r = k[t];
-			w((e) => (e.splice(n, 1), [r, ...e]));
-		}
-	}, [
-		w,
-		A,
-		C,
-		k
-	]), N = i((e) => {
-		v || M(e), b(e), p && p(e);
-	}, [
-		p,
-		b,
-		M
-	]), P = i((e) => {
-		let t = C.findIndex((t) => t.id === e), n = t === 0 ? C[t + 1] : C[t - 1];
-		y === e && N(n.id), t !== -1 && w((e) => (e.splice(t, 1), e)), m && m(String(e));
-	}, [
-		m,
-		C,
-		k,
-		y
-	]), F = i((e) => {
-		S(e.width);
-	}, [S]);
-	return a(() => {
-		let e = n(t);
-		if (e !== C) {
-			let t = u.default.differenceBy(e, C, "id"), n = u.default.differenceBy(C, e, "id").map((e) => e.id);
-			w((e) => {
-				let r = e;
-				return n && (r = r.filter((e) => !n.includes(e.id))), [...r, ...t];
-			});
-		}
-	}, [t]), a(() => {
-		let e = new ResizeObserver(([e]) => {
-			F(e.contentRect);
-		});
-		return r.current && e.observe(r.current), () => {
-			e.disconnect();
-		};
-	}, [r.current, F]), /* @__PURE__ */ l(d.Provider, {
-		value: {
-			tabs: C,
-			menuTabs: A,
-			dropdownTabs: k,
-			containerWidth: x,
-			tabsCount: j,
-			selectTab: N,
-			selectedTabId: y,
-			removeTab: P,
-			menuRef: T,
-			keepPanelsInOrder: _
-		},
-		children: e
-	});
-}
-//#endregion
-export { d as TabsContext, f as TabsProvider };
-
-//# sourceMappingURL=context.js.map

package/lib/tabs/context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../src/lib/tabs/context.tsx"],"sourcesContent":["import { createContext, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport _ from 'lodash';\nimport { TabProps, TabsContextType, TabsProviderProps } from './types';\nimport { getTabs } from './tabHelpers';\n\nexport const TabsContext = createContext({} as TabsContextType);\n\nexport function TabsProvider({\n  children,\n  tabs: tabsProp,\n  container,\n  selectedTab = null,\n  onTabChange,\n  onTabClose,\n  tabsWidth: tabsWidthProp,\n  firstTabIdent = false,\n  keepPanelsInOrder,\n  keepTabOriginalPosition = true,\n}: TabsProviderProps) {\n  const [selectedTabId, setSelectedTabId] = useState<string | number | null>(selectedTab);\n  const [containerWidth, setContainerWidth] = useState(() => {\n    return container.current?.clientWidth ?? 0;\n  });\n  const [tabs, setTabs] = useState<TabProps[]>(getTabs(tabsProp));\n  const menuRef = useRef<any>(null);\n  const menuSize = (menuRef.current?.clientWidth ?? 0) - 38 - (firstTabIdent ? 15 : 0);\n  const tabsWidth = useMemo(() => {\n    if (typeof tabsWidthProp === 'string')\n      return tabsWidthProp === 'auto' ? 100 : (parseInt(tabsWidthProp) || 100);\n\n    return tabsWidthProp;\n  }, [tabsWidthProp]);\n  const maxTabs = Math.round(menuSize / tabsWidth);\n\n  if (selectedTab && selectedTab !== selectedTabId) {\n    setSelectedTabId(selectedTab);\n  }\n\n  if (tabs.length > 0 && selectedTabId === null) {\n    setSelectedTabId(tabs[0]?.id);\n  }\n\n  const dropdownTabs = useMemo(() => {\n    if (menuSize === 0) return [];\n    return tabs.slice(maxTabs);\n  }, [tabs, maxTabs, containerWidth]);\n\n  const menuTabs = useMemo(() => {\n    return tabs.slice(0, maxTabs);\n  }, [tabs, maxTabs, containerWidth]);\n\n  const tabsCount = tabs.length;\n\n  const updateTabs = useCallback((tabId: string | number) => {\n    const tabInDropdownIndex = dropdownTabs.findIndex(tab => tab.id === tabId);\n\n    if (tabInDropdownIndex !== -1) {\n      const tabIndex = tabs.findIndex(tab => tab.id === tabId);\n      const tabInDropdown = dropdownTabs[tabInDropdownIndex];\n\n      setTabs((prevState) => {\n        prevState.splice(tabIndex, 1);\n        return [tabInDropdown, ...prevState];\n      });\n    }\n  }, [setTabs, menuTabs, tabs, dropdownTabs]);\n\n  const selectTab = useCallback((tabId:  string | number) => {\n    if (!keepTabOriginalPosition) updateTabs(tabId);\n    setSelectedTabId(tabId);\n\n    if (onTabChange) {\n      onTabChange(tabId);\n    }\n  }, [onTabChange, setSelectedTabId, updateTabs]);\n\n  const removeTab = useCallback((tabId: string | number) => {\n    const tabIndex = tabs.findIndex(tab => tab.id === tabId);\n    const newSelectedTab = tabIndex === 0 ? tabs[tabIndex + 1] : tabs[tabIndex - 1];\n\n    if (selectedTabId === tabId) {\n      selectTab(newSelectedTab.id);\n    }\n\n    if (tabIndex !== -1) {\n      setTabs((prevState) => {\n        prevState.splice(tabIndex, 1);\n        return prevState;\n      });\n    }\n    if (onTabClose) {\n      onTabClose(String(tabId));\n    }\n  }, [onTabClose, tabs, dropdownTabs, selectedTabId]);\n\n  const onResizeContainer = useCallback((contentRect: DOMRectReadOnly) => {\n    setContainerWidth(contentRect.width);\n  }, [setContainerWidth]);\n\n  useEffect(() => {\n    const newTabs = getTabs(tabsProp);\n\n    if (newTabs !== tabs) {\n      const includedTabs = _.differenceBy(newTabs, tabs, 'id');\n      const excludedTabsIds = _.differenceBy(tabs, newTabs, 'id').map(tab => tab.id);\n\n      setTabs((prevState) => {\n        let currentTabs = prevState;\n        if (excludedTabsIds) {\n          currentTabs = currentTabs.filter(tab => !excludedTabsIds.includes(tab.id));\n        }\n\n        return [...currentTabs, ...includedTabs];\n      });\n    }\n  }, [tabsProp]);\n\n  useEffect(() => {\n    const resizeObserver = new ResizeObserver(([entry]) => {\n      onResizeContainer(entry.contentRect);\n    });\n\n    if (container.current) resizeObserver.observe(container.current);\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [container.current, onResizeContainer]);\n\n  return (\n    <TabsContext.Provider value={{\n      tabs, menuTabs, dropdownTabs, containerWidth, tabsCount, selectTab, selectedTabId, removeTab, \n      menuRef, keepPanelsInOrder,\n    } satisfies TabsContextType}>\n      {children}\n    </TabsContext.Provider>\n  );\n}\n"],"mappings":"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"}

package/lib/tabs/index.d.ts

@@ -1,5 +0,0 @@
-import { default as TabPanel } from './Panel';
-import { ITabsPros } from './types';
-declare const Tabs: ({ toolbar, children, firstTabIdent, handlerTabClick, handlerCloseTab, style, tabMenuSize, tabMenuAlign, tabMenuPosition, customClassForToolBar, tabsWidth, tabsWithError, keepPanelsInOrder, ...props }: ITabsPros) => import("react/jsx-runtime").JSX.Element;
-export default Tabs;
-export { TabPanel };

package/lib/tabs/index.js

@@ -1,54 +0,0 @@
-import { __toESM as e } from "../_virtual/_rolldown/runtime.js";
-import { require_lodash as t } from "../node_modules/lodash/lodash.js";
-import '../assets/styles/tabs.css';/* empty css                    */
-import { tabsClass as n } from "./tabHelpers.js";
-import { TabsProvider as r } from "./context.js";
-import i from "./Menu.js";
-import a from "./Panel.js";
-import { Children as o, Fragment as s, isValidElement as c, useRef as l } from "react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-//#region src/lib/tabs/index.tsx
-var f = /* @__PURE__ */ e(t(), 1), p = ({ children: e, tabMenuPosition: t, toolbar: n, tabsWidth: r, customClassForToolBar: a, tabMenuSize: o, tabMenuAlign: c, firstTabIdent: l, tabsWithError: f }) => {
-	let p = /* @__PURE__ */ u(i, {
-		tabsWithError: f,
-		toolbar: n,
-		tabWidth: r,
-		customClassForToolBar: a,
-		tabMenuSize: o,
-		tabMenuAlign: c,
-		firstTabIdent: l
-	});
-	return t === "top" || t === "left" ? /* @__PURE__ */ d(s, { children: [p, e] }) : /* @__PURE__ */ d(s, { children: [e, p] });
-}, m = ({ toolbar: e, children: t, firstTabIdent: i, handlerTabClick: a, handlerCloseTab: s, style: d = {}, tabMenuSize: m = "default", tabMenuAlign: h = "left", tabMenuPosition: g = "top", customClassForToolBar: _ = "", tabsWidth: v = "auto", tabsWithError: y, keepPanelsInOrder: b, ...x }) => {
-	let S = l(null), C = o.toArray(t).filter((e) => c(e) ? !!e.props.id : !1);
-	return /* @__PURE__ */ u(r, {
-		tabs: b ? f.default.sortBy(C, (e) => b.indexOf(e.props.id)) : t,
-		container: S,
-		onTabChange: a,
-		onTabClose: s,
-		tabsWidth: v,
-		firstTabIdent: i,
-		keepPanelsInOrder: b,
-		...x,
-		children: /* @__PURE__ */ u("div", {
-			ref: S,
-			className: n(g),
-			style: d,
-			children: p({
-				children: t,
-				tabMenuPosition: g,
-				toolbar: e,
-				tabsWidth: v,
-				customClassForToolBar: _,
-				tabMenuSize: m,
-				tabMenuAlign: h,
-				firstTabIdent: i,
-				tabsWithError: y
-			})
-		})
-	});
-};
-//#endregion
-export { a as TabPanel, m as default };
-
-//# sourceMappingURL=index.js.map

package/lib/tabs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/lib/tabs/index.tsx"],"sourcesContent":["import '../assets/styles/tabs.scss';\n\nimport { Children, Fragment, isValidElement, useRef, type ReactElement } from 'react';\nimport _ from 'lodash';\nimport Menu from './Menu';\nimport TabPanel from './Panel';\nimport { tabsClass } from './tabHelpers';\nimport { ITabsPros, type TabProps } from './types';\nimport { TabsProvider } from './context';\n\nconst getContent = ({ \n  children, tabMenuPosition, toolbar, tabsWidth, customClassForToolBar, tabMenuSize,\n  tabMenuAlign, firstTabIdent, tabsWithError,\n}: ITabsPros) => {\n  const menu = (\n    <Menu\n      tabsWithError={tabsWithError}\n      toolbar={toolbar} \n      tabWidth={tabsWidth}\n      customClassForToolBar={customClassForToolBar}\n      tabMenuSize={tabMenuSize}\n      tabMenuAlign={tabMenuAlign}\n      firstTabIdent={firstTabIdent} />\n  );\n    \n  if (tabMenuPosition === 'top' || tabMenuPosition === 'left') {\n    return (\n      <Fragment>\n        {menu}\n        {children}\n      </Fragment>\n    );\n  }\n\n  return (\n    <Fragment>\n      {children}\n      {menu}\n    </Fragment>\n  );\n};\n\nconst Tabs = ({\n  toolbar,\n  children,\n  firstTabIdent,\n  handlerTabClick,\n  handlerCloseTab,\n  style = {},\n  tabMenuSize = 'default',\n  tabMenuAlign = 'left',\n  tabMenuPosition = 'top',\n  customClassForToolBar = '',\n  tabsWidth = 'auto',\n  tabsWithError,\n  keepPanelsInOrder,\n  ...props\n}: ITabsPros) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const childrensTabPanels = Children.toArray(children)\n    .filter((childComp): childComp is ReactElement<TabProps> => {\n      if (isValidElement(childComp)) {\n        const childProps = childComp.props as TabProps;\n        return !!childProps.id;\n      }\n      return false;\n    });\n\n  const childrensInOrder = keepPanelsInOrder ?\n      _.sortBy(childrensTabPanels, tabPanel => keepPanelsInOrder.indexOf(tabPanel.props.id))\n    : children;\n\n  return (\n    <TabsProvider\n      tabs={childrensInOrder}\n      container={containerRef as any}\n      onTabChange={handlerTabClick}\n      onTabClose={handlerCloseTab}\n      tabsWidth={tabsWidth}\n      firstTabIdent={firstTabIdent}\n      keepPanelsInOrder={keepPanelsInOrder}\n      {...props}>\n      <div\n        ref={containerRef}\n        className={tabsClass(tabMenuPosition)}\n        style={style}>\n        {getContent({ \n          children, tabMenuPosition, toolbar, tabsWidth, customClassForToolBar, tabMenuSize,\n          tabMenuAlign, firstTabIdent, tabsWithError,\n        })}\n      </div>\n    </TabsProvider>\n  );\n};\n\nexport default Tabs;\nexport { TabPanel };\n"],"mappings":";;;;;;;;;;mCAUM,KAAc,EAClB,aAAU,oBAAiB,YAAS,cAAW,0BAAuB,gBACtE,iBAAc,kBAAe,uBACd;CACf,IAAM,IACJ,kBAAC,GAAD;EACiB;EACN;EACT,UAAU;EACa;EACV;EACC;EACC;EAAiB,CAAA;AAYpC,QATI,MAAoB,SAAS,MAAoB,SAEjD,kBAAC,GAAD,EAAA,UAAA,CACG,GACA,EAAA,EACQ,CAAA,GAKb,kBAAC,GAAD,EAAA,UAAA,CACG,GACA,EAAA,EACQ,CAAA;GAIT,KAAQ,EACZ,YACA,aACA,kBACA,oBACA,oBACA,WAAQ,EAAE,EACV,iBAAc,WACd,kBAAe,QACf,qBAAkB,OAClB,2BAAwB,IACxB,eAAY,QACZ,kBACA,sBACA,GAAG,QACY;CACf,IAAM,IAAe,EAAuB,KAAK,EAE3C,IAAqB,EAAS,QAAQ,EAAS,CAClD,QAAQ,MACH,EAAe,EAAU,GAEpB,CAAC,CADW,EAAU,MACT,KAEf,GACP;AAMJ,QACE,kBAAC,GAAD;EACE,MANqB,IACrB,EAAA,QAAE,OAAO,IAAoB,MAAY,EAAkB,QAAQ,EAAS,MAAM,GAAG,CAAC,GACtF;EAKA,WAAW;EACX,aAAa;EACb,YAAY;EACD;EACI;EACI;EACnB,GAAI;YACJ,kBAAC,OAAD;GACE,KAAK;GACL,WAAW,EAAU,EAAgB;GAC9B;aACN,EAAW;IACV;IAAU;IAAiB;IAAS;IAAW;IAAuB;IACtE;IAAc;IAAe;IAC9B,CAAA;GACG,CAAA;EACO,CAAA"}

package/lib/tabs/tabHelpers.d.ts

@@ -1,27 +0,0 @@
-import { ReactNode } from 'react';
-import { Position } from '../@types/Position';
-export declare function getCurrentThreshold(scrollableElement: HTMLDivElement, scrollThreshold: number): number;
-export declare const getTabs: (tabsProp: ReactNode) => {
-    id: string | number;
-    title: string;
-    hidden?: boolean;
-    iconAlign?: Extract<Position, "left" | "center">;
-    iconName?: import('../@types/Icon').IconNames;
-    icon?: import('react').ReactElement;
-    disabled?: boolean;
-    permissionAttr?: import('../@types/PermissionAttr').PermissionAttr;
-    tabWidth?: string | number;
-    tabMenuSize?: import('../@types/Size').Size;
-    tabMenuAlign?: Position;
-    tooltip?: string;
-    tooltipPosition?: Exclude<Position, "center">;
-    tooltipWidth?: string | number;
-    closeable?: boolean;
-    tabsLength?: number;
-    tabsWithError?: Array<string | number>;
-}[];
-export declare function tabsClass(tabMenuPosition: Exclude<Position, 'center'>): string;
-export declare function menuStyles(tabMenuAlign: Position): {
-    justifyContent: string;
-};
-export declare const onDeniedOptions: string[];

package/lib/tabs/tabHelpers.js

@@ -1,42 +0,0 @@
-import { OPTIONS_ON_DENIED as e } from "../permissionValidations.js";
-import { Children as t, isValidElement as n } from "react";
-//#region src/lib/tabs/tabHelpers.ts
-function r(e, t) {
-	if (t < 0) return 0;
-	if (t > 1) return 1;
-	let { scrollHeight: n, clientHeight: r } = e, i = n - r, a = Math.round(n * t), o = Math.round(i - i * .3);
-	return Math.min(a, o);
-}
-var i = (e) => (t.map(e, (e) => {
-	if (!e || !n(e)) return null;
-	let { ...t } = e.props;
-	return t;
-}) || []).filter((e) => !e.hidden), a = {
-	top: "",
-	left: "menu-left",
-	bottom: "menu-bottom",
-	right: "menu-right"
-};
-function o(e) {
-	let t = "tabs-component ";
-	return t += a[e], t;
-}
-var s = {
-	left: "flex-start",
-	top: "flex-start",
-	right: "flex-end",
-	bottom: "flex-end",
-	center: "center"
-};
-function c(e) {
-	return { justifyContent: s[e] };
-}
-var l = [
-	e.disabled,
-	e.unvisible,
-	e.hideContent
-];
-//#endregion
-export { r as getCurrentThreshold, i as getTabs, c as menuStyles, l as onDeniedOptions, o as tabsClass };
-
-//# sourceMappingURL=tabHelpers.js.map

package/lib/tabs/tabHelpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tabHelpers.js","names":[],"sources":["../../src/lib/tabs/tabHelpers.ts"],"sourcesContent":["import { Children, isValidElement, ReactNode } from 'react';\nimport { OPTIONS_ON_DENIED } from '../permissionValidations';\nimport { Position } from '../@types/Position';\nimport { TabProps } from './types';\n\nexport function getCurrentThreshold(\n  scrollableElement: HTMLDivElement,\n  scrollThreshold: number,\n): number {\n  const MIN_THRESHOLD = 0;\n  const MAX_THRESHOLD = 1;\n  if (scrollThreshold < MIN_THRESHOLD) return MIN_THRESHOLD;\n  if (scrollThreshold > MAX_THRESHOLD) return MAX_THRESHOLD;\n  const { scrollHeight, clientHeight } = scrollableElement;\n  const offsetHeight = scrollHeight - clientHeight;\n\n  const calculatedScrollThreshold = Math.round(scrollHeight * scrollThreshold);\n  const maxScrollThreshold = Math.round(offsetHeight - (offsetHeight * 0.3));\n\n  return Math.min(calculatedScrollThreshold, maxScrollThreshold);\n}\n\nexport const getTabs = (tabsProp: ReactNode) => {\n  const tabs = Children.map(tabsProp, (child) => {\n    if (!child || !isValidElement(child)) return null;\n    const { ...props } = child.props as TabProps;\n    return props;\n  }) || [];\n\n  return tabs.filter(tab => !tab.hidden);\n};\n\n/**\n * Get the css class according to the options passed to the Tabs Component\n */\nconst positionsMenuClass = {\n  top: '',\n  left: 'menu-left',\n  bottom: 'menu-bottom',\n  right: 'menu-right',\n};\n\nexport function tabsClass(tabMenuPosition: Exclude<Position, 'center'>) {\n  let cssClass = 'tabs-component ';\n  cssClass += positionsMenuClass[tabMenuPosition];\n  return cssClass;\n}\n\n/**\n * Menu Styles for tab menus\n */\nconst flextJustifyContent = {\n  left: 'flex-start',\n  top: 'flex-start',\n  right: 'flex-end',\n  bottom: 'flex-end',\n  center: 'center',\n};\n\nexport function menuStyles(tabMenuAlign: Position) {\n  return {\n    justifyContent: flextJustifyContent[tabMenuAlign],\n  };\n}\n\nexport const onDeniedOptions = [\n  OPTIONS_ON_DENIED.disabled,\n  OPTIONS_ON_DENIED.unvisible,\n  OPTIONS_ON_DENIED.hideContent,\n];\n"],"mappings":";;;AAKA,SAAgB,EACd,GACA,GACQ;AAGR,KAAI,IAAkB,EAAe,QAAO;AAC5C,KAAI,IAAkB,EAAe,QAAO;CAC5C,IAAM,EAAE,iBAAc,oBAAiB,GACjC,IAAe,IAAe,GAE9B,IAA4B,KAAK,MAAM,IAAe,EAAgB,EACtE,IAAqB,KAAK,MAAM,IAAgB,IAAe,GAAK;AAE1E,QAAO,KAAK,IAAI,GAA2B,EAAmB;;AAGhE,IAAa,KAAW,OACT,EAAS,IAAI,IAAW,MAAU;AAC7C,KAAI,CAAC,KAAS,CAAC,EAAe,EAAM,CAAE,QAAO;CAC7C,IAAM,EAAE,GAAG,MAAU,EAAM;AAC3B,QAAO;EACP,IAAI,EAAE,EAEI,QAAO,MAAO,CAAC,EAAI,OAAO,EAMlC,IAAqB;CACzB,KAAK;CACL,MAAM;CACN,QAAQ;CACR,OAAO;CACR;AAED,SAAgB,EAAU,GAA8C;CACtE,IAAI,IAAW;AAEf,QADA,KAAY,EAAmB,IACxB;;AAMT,IAAM,IAAsB;CAC1B,MAAM;CACN,KAAK;CACL,OAAO;CACP,QAAQ;CACR,QAAQ;CACT;AAED,SAAgB,EAAW,GAAwB;AACjD,QAAO,EACL,gBAAgB,EAAoB,IACrC;;AAGH,IAAa,IAAkB;CAC7B,EAAkB;CAClB,EAAkB;CAClB,EAAkB;CACnB"}

package/lib/tabs/types.d.ts

@@ -1,102 +0,0 @@
-import { CSSProperties, ReactElement, ReactNode, RefObject } from 'react';
-import { Size } from '../@types/Size';
-import { Position } from '../@types/Position';
-import { PermissionAttr } from '../@types/PermissionAttr';
-import { IconNames } from '../@types/Icon';
-export type TabsContextType = {
-    tabs: TabProps[];
-    menuTabs: TabProps[];
-    dropdownTabs: TabProps[];
-    selectedTabId: string | number | null;
-    selectTab: (tabId: string | number) => void;
-    removeTab: (tabId: string | number) => void;
-    containerWidth: number;
-    tabsCount: number;
-    menuRef: RefObject<HTMLUListElement>;
-    keepPanelsInOrder?: Array<string | number>;
-};
-export interface TabsProviderProps {
-    children: ReactNode;
-    tabs: ReactNode;
-    container: RefObject<HTMLDivElement>;
-    tabsWidth: number | string;
-    selectedTab?: string | number | null;
-    onTabChange?: (tabId: string | number) => void;
-    onTabClose?: (tabId: string) => void;
-    firstTabIdent?: boolean;
-    keepPanelsInOrder?: Array<string | number>;
-    keepTabOriginalPosition?: boolean;
-}
-export interface ITabsPros {
-    style?: CSSProperties;
-    toolbar?: ReactElement;
-    toolBarRef?: (value: HTMLDivElement | null) => void;
-    children?: ReactNode;
-    selectedTab?: string | number;
-    tabMenuSize?: Size;
-    tabMenuAlign?: Position;
-    firstTabIdent?: boolean;
-    tabMenuPosition?: Exclude<Position, 'center'>;
-    handlerTabClick?: (id?: string | number) => void;
-    handlerCloseTab?: (id?: string, idx?: string) => void;
-    customClassForToolBar?: string;
-    tabsWidth?: string | number;
-    tabsWithError?: Array<string | number>;
-    keepPanelsInOrder?: Array<string | number>;
-    keepTabOriginalPosition?: boolean;
-}
-export interface TabProps {
-    id: string | number;
-    title: string;
-    hidden?: boolean;
-    iconAlign?: Extract<Position, 'left' | 'center'>;
-    iconName?: IconNames;
-    icon?: ReactElement;
-    disabled?: boolean;
-    permissionAttr?: PermissionAttr;
-    tabWidth?: string | number;
-    tabMenuSize?: Size;
-    tabMenuAlign?: Position;
-    tooltip?: string;
-    tooltipPosition?: Exclude<Position, 'center'>;
-    tooltipWidth?: string | number;
-    closeable?: boolean;
-    tabsLength?: number;
-    tabsWithError?: Array<string | number>;
-}
-export interface MenuProps {
-    toolbar?: ReactElement<any>;
-    customClass?: string;
-    customClassForToolBar?: string;
-    tabWidth?: string | number;
-    tabMenuAlign?: Position;
-    selectedTabId?: string;
-    firstTabIdent?: boolean;
-    tabs?: TabProps[];
-    tabMenuSize?: Size;
-    handlerClick?: (id?: string) => void;
-    handlerRemovePanel?: (id?: string, idx?: number, bool?: boolean) => void;
-    tabsWithError?: Array<string | number>;
-}
-export interface DropdownProps extends MenuProps {
-}
-export interface PanelProps {
-    id?: string;
-    icon?: ReactElement;
-    title?: string;
-    hidden?: boolean;
-    tooltip?: string;
-    disabled?: boolean;
-    closable?: boolean;
-    iconName?: IconNames;
-    children?: ReactNode;
-    closeable?: boolean;
-    iconAlign?: Extract<Position, 'left' | 'right'>;
-    customClass?: string;
-    tooltipWidth?: string | number;
-    onEndReached?: () => void;
-    permissionAttr?: PermissionAttr;
-    tooltipPosition?: Exclude<Position, 'center'>;
-    onEndReachedThreshold?: number;
-    style?: CSSProperties;
-}

package/lib/tabs/useTabs.d.ts

@@ -1 +0,0 @@
-export declare function useTabs(): import('./types').TabsContextType;

package/lib/tabs/useTabs.js

@@ -1,10 +0,0 @@
-import { TabsContext as e } from "./context.js";
-import { useContext as t } from "react";
-//#region src/lib/tabs/useTabs.ts
-function n() {
-	return t(e);
-}
-//#endregion
-export { n as useTabs };
-
-//# sourceMappingURL=useTabs.js.map

package/lib/tabs/useTabs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTabs.js","names":[],"sources":["../../src/lib/tabs/useTabs.ts"],"sourcesContent":["import { useContext } from 'react';\nimport { TabsContext } from './context';\n\nexport function useTabs() {\n  return useContext(TabsContext);\n}\n"],"mappings":";;;AAGA,SAAO,IAAA;AAAA,QACE,EAAW,EAAY"}

package/lib/textContent/index.d.ts

@@ -1,14 +0,0 @@
-import { HTMLAttributes, MouseEventHandler } from 'react';
-import { ITooltipCommonProps } from '../tooltip/types';
-interface TextContentProps extends HTMLAttributes<HTMLElement>, ITooltipCommonProps {
-    as?: 'span' | 'strong' | 'p';
-    label?: string | string[];
-    styleForLabel?: object;
-    labelUppercase?: boolean;
-    required?: boolean;
-    disabled?: boolean;
-    onHoverLabel?: MouseEventHandler<HTMLElement>;
-    errorMessage?: string;
-}
-declare const TextContent: import('react').ForwardRefExoticComponent<TextContentProps & import('react').RefAttributes<HTMLElement>>;
-export default TextContent;

package/lib/textContent/index.js

@@ -1,28 +0,0 @@
-import { Tooltip as e } from "../tooltip/index.js";
-import '../assets/styles/textContent.css';/* empty css                           */
-import { Fragment as t, forwardRef as n, useImperativeHandle as r, useRef as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-//#region src/lib/textContent/index.tsx
-var s = n(({ as: n = "span", children: s, className: c, styleForLabel: l, onHoverLabel: u, tooltip: d, tooltipPosition: f, tooltipWidth: p, errorMessage: m, labelUppercase: h, ...g }, _) => {
-	let v = i(null);
-	return r(_, () => v.current, []), /* @__PURE__ */ o(t, { children: [/* @__PURE__ */ a(n, {
-		ref: v,
-		style: l,
-		className: `text-content-component ${c}`,
-		"data-textcontent": n,
-		onMouseEnter: u,
-		...g,
-		children: s
-	}), /* @__PURE__ */ a(e, {
-		targetRef: v,
-		text: d,
-		position: f,
-		width: p,
-		textError: m
-	})] });
-});
-s.displayName = "TextContent";
-//#endregion
-export { s as default };
-
-//# sourceMappingURL=index.js.map

package/lib/textContent/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/lib/textContent/index.tsx"],"sourcesContent":["import { Fragment, HTMLAttributes, MouseEventHandler, forwardRef, useImperativeHandle, useRef } from 'react';\nimport '../assets/styles/textContent.scss';\nimport { Tooltip } from '../tooltip';\nimport { ITooltipCommonProps } from '../tooltip/types';\n\ninterface TextContentProps extends HTMLAttributes<HTMLElement>, ITooltipCommonProps {\n  as?: 'span' | 'strong' | 'p';\n  label?: string | string[];\n  styleForLabel?: object;\n  labelUppercase?: boolean;\n  required?: boolean;\n  disabled?: boolean;\n  onHoverLabel?: MouseEventHandler<HTMLElement>;\n  errorMessage?: string;\n}\n\nconst TextContent = forwardRef<HTMLElement, TextContentProps>(({\n  as: Comp = 'span',\n  children,\n  className,\n  styleForLabel,\n  onHoverLabel,\n  tooltip,\n  tooltipPosition,\n  tooltipWidth,\n  errorMessage,\n  labelUppercase: __,\n  ...props\n}, ref) => {\n  const compRef = useRef<HTMLParagraphElement | null>(null);\n\n  useImperativeHandle(ref, () => compRef.current as HTMLElement, []);\n\n  return (\n    <Fragment>\n      <Comp\n        ref={compRef}\n        style={styleForLabel}\n        className={`text-content-component ${className}`}\n        data-textcontent={Comp}\n        onMouseEnter={onHoverLabel}\n        {...props}>\n        {children}\n      </Comp>\n      <Tooltip\n        targetRef={compRef}\n        text={tooltip}\n        position={tooltipPosition}\n        width={tooltipWidth}\n        textError={errorMessage}/>\n    </Fragment>\n  );\n});\n\nTextContent.displayName = 'TextContent';\nexport default TextContent;\n"],"mappings":";;;;;AAgBA,IAAM,IAAc,GAA2C,EAC7D,IAAI,IAAO,QACX,aACA,cACA,kBACA,iBACA,YACA,oBACA,iBACA,iBACA,gBAAgB,GAChB,GAAG,KACF,MAAQ;CACT,IAAM,IAAU,EAAoC,KAAK;AAIzD,QAFA,EAAoB,SAAW,EAAQ,SAAwB,EAAE,CAAC,EAGhE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,KAAK;EACL,OAAO;EACP,WAAW,0BAA0B;EACrC,oBAAkB;EAClB,cAAc;EACd,GAAI;EACH;EACI,CAAA,EACP,kBAAC,GAAD;EACE,WAAW;EACX,MAAM;EACN,UAAU;EACV,OAAO;EACP,WAAW;EAAe,CAAA,CAAA,EACnB,CAAA;EAEb;AAEF,EAAY,cAAc"}

package/lib/toolbar/ButtonBar.d.ts

@@ -1,3 +0,0 @@
-import { IButtonBarProps } from './types';
-declare const ButtonBar: ({ size, icon, onClick, iconName, transparent, customClass, type, iconAlign, label, ...props }: IButtonBarProps) => import("react/jsx-runtime").JSX.Element;
-export default ButtonBar;