linear-react-components-ui 1.1.26-beta.7 → 1.1.26-beta.8

package/lib/table/Header.js

@@ -0,0 +1,52 @@
+import { j as d } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as x } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import { useContext as y, useRef as C, useEffect as E, isValidElement as u } from "react";
+import { _ as l } from "../chunks/lodash.CIAK_hAg.js";
+import b from "./helpers.js";
+const g = (r) => {
+  const s = [];
+  if (u(r) && r.props) {
+    let o = r.props.children;
+    l.isArray(o) || (o = [o]), o.forEach((e) => {
+      let i = 0;
+      l.isArray(e) ? e.forEach((c) => {
+        c && c.props && (i = c.props?.style?.width), s.push(i);
+      }) : e && e.props && (i = e.props?.style?.width, s.push(i));
+    });
+  }
+  return s;
+}, h = (r, s) => {
+  const t = s;
+  if (u(r)) {
+    const o = r.props;
+    l.isArray(o?.children) ? r.props.children.forEach((i) => h(i, t)) : r && (t.current += 1);
+  } else l.isArray(r) && r.length > 0 && r.forEach((o) => h(o, t));
+}, j = (r, s) => {
+  const t = r;
+  return l.isArray(r) && r.length > 0 && r[0].props ? h(r[0].props.children, s) : u(r) && r.props && t?.props?.children && h(t?.props?.children, s), s.current;
+}, P = (r) => {
+  const s = x.c(10), {
+    customClass: t,
+    children: o
+  } = r, {
+    bodyScrollWidth: e,
+    bodyScrollable: i,
+    handlerSetColumnsWidth: c,
+    handlerSetColumnsCount: n
+  } = y(b), m = C(0);
+  let p;
+  s[0] !== o || s[1] !== n || s[2] !== c ? (p = () => {
+    o && c && n && (c(g(o)), n(j(o, m)));
+  }, s[0] = o, s[1] = n, s[2] = c, s[3] = p) : p = s[3];
+  let a;
+  s[4] === Symbol.for("react.memo_cache_sentinel") ? (a = [], s[4] = a) : a = s[4], E(p, a);
+  let f;
+  return s[5] !== e || s[6] !== i || s[7] !== o || s[8] !== t ? (f = i ? /* @__PURE__ */ d.jsx("div", { className: "headercontainer", style: {
+    paddingRight: e
+  }, children: /* @__PURE__ */ d.jsx("table", { className: "innertable", style: {
+    tableLayout: "fixed"
+  }, children: /* @__PURE__ */ d.jsx("thead", { className: `theader ${t}`, children: o }) }) }) : /* @__PURE__ */ d.jsx("thead", { className: `theader ${t}`, children: o }), s[5] = e, s[6] = i, s[7] = o, s[8] = t, s[9] = f) : f = s[9], f;
+};
+export {
+  P as default
+};

package/lib/table/HeaderColumn.d.ts

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

package/lib/table/HeaderColumn.js

@@ -0,0 +1,43 @@
+import { j as g } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as $ } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import { useContext as w } from "react";
+import { _ as y } from "../chunks/lodash.CIAK_hAg.js";
+import z from "../icons/index.js";
+import A from "../skeleton/index.js";
+import E from "./helpers.js";
+const D = (s) => {
+  const e = $.c(20), {
+    customClass: M,
+    style: t,
+    children: u,
+    textAlign: b,
+    visible: p,
+    id: c,
+    isMenuColumn: I
+  } = s, R = p === void 0 ? !0 : p, i = I === void 0 ? !1 : I, {
+    skeletonize: a,
+    vertical: f,
+    skeletonInHeader: d,
+    skeletonInRows: j
+  } = w(E), h = j === void 0 ? 10 : j;
+  let l;
+  e[0] !== u ? (l = (k) => (k === void 0 ? !1 : k) ? /* @__PURE__ */ g.jsx(z, { name: "menu4", size: 22 }) : u, e[0] = u, e[1] = l) : l = e[1];
+  const x = l;
+  let r;
+  e[2] !== s ? (r = () => y.omit(s, ["isMenuColumn", "customClass", "children", "textAlign", "visible"]), e[2] = s, e[3] = r) : r = e[3];
+  const C = r;
+  if (!R)
+    return null;
+  let o;
+  e[4] !== C ? (o = C(), e[4] = C, e[5] = o) : o = e[5];
+  const v = `headercolumn ${M} text-align-${b} ${i && "menu-column"}`;
+  let n;
+  e[6] !== x || e[7] !== i || e[8] !== d || e[9] !== h || e[10] !== a || e[11] !== t || e[12] !== f ? (n = a && (d || !h) && !f ? /* @__PURE__ */ g.jsx(A, { height: t && t.height ? void 0 : 16, style: {
+    marginBottom: 0
+  } }) : x(i), e[6] = x, e[7] = i, e[8] = d, e[9] = h, e[10] = a, e[11] = t, e[12] = f, e[13] = n) : n = e[13];
+  let m;
+  return e[14] !== c || e[15] !== t || e[16] !== o || e[17] !== v || e[18] !== n ? (m = /* @__PURE__ */ g.jsx("th", { ...o, id: c, style: t, className: v, children: n }), e[14] = c, e[15] = t, e[16] = o, e[17] = v, e[18] = n, e[19] = m) : m = e[19], m;
+};
+export {
+  D as default
+};

package/lib/table/Row.d.ts

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

package/lib/table/Row.js

@@ -0,0 +1,53 @@
+import { j as s } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as z } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import { useContext as L } from "react";
+import P, { RowContext as V } from "./helpers.js";
+const G = (g) => {
+  const e = z.c(29), {
+    customClass: C,
+    children: f,
+    rowId: o,
+    dataId: t,
+    onClick: r,
+    height: p,
+    style: u,
+    onMouseEnter: h,
+    onMouseLeave: R,
+    rowBorder: T,
+    divider: j,
+    dividerTitle: d,
+    dividerStyle: n,
+    dividerColor: b,
+    dividerColSpan: E
+  } = g, k = T === void 0 ? !0 : T, c = b === void 0 ? "info" : b, a = E === void 0 ? 2 : E, {
+    selectedRowId: S,
+    handleSelectRow: v,
+    handleTableRowClick: m,
+    handleTableColClick: y,
+    vertical: i,
+    skeletonize: I,
+    skeletonInRows: B
+  } = L(P), $ = B === void 0 ? 10 : B;
+  let w;
+  e[0] !== t || e[1] !== y || e[2] !== k || e[3] !== $ || e[4] !== I || e[5] !== i ? (w = {
+    dataId: t,
+    rowBorder: k,
+    handleTableColClick: y,
+    vertical: i,
+    skeletonize: I,
+    skeletonInRows: $
+  }, e[0] = t, e[1] = y, e[2] = k, e[3] = $, e[4] = I, e[5] = i, e[6] = w) : w = e[6];
+  const N = w;
+  let l;
+  e[7] !== f || e[8] !== C || e[9] !== t || e[10] !== j || e[11] !== a || e[12] !== c || e[13] !== n || e[14] !== d || e[15] !== v || e[16] !== m || e[17] !== p || e[18] !== r || e[19] !== h || e[20] !== R || e[21] !== o || e[22] !== S || e[23] !== u || e[24] !== i ? (l = j ? /* @__PURE__ */ s.jsx("tr", { className: "trow trow-divider", children: i ? /* @__PURE__ */ s.jsx("th", { colSpan: a, className: `-divider -${c}`, style: n, children: d || "" }) : /* @__PURE__ */ s.jsx("td", { colSpan: a, className: `-divider -${c}`, style: n, children: d || "" }) }) : /* @__PURE__ */ s.jsx("tr", { onMouseEnter: h, onMouseLeave: R, className: `trow ${C} ${o && S === o ? "-selected" : ""}`, onClick: (M) => {
+    v && (o !== void 0 || o !== null) && v(o), m && m(M, t), r && r(M, t);
+  }, id: o, style: {
+    ...u,
+    height: p
+  }, children: f }), e[7] = f, e[8] = C, e[9] = t, e[10] = j, e[11] = a, e[12] = c, e[13] = n, e[14] = d, e[15] = v, e[16] = m, e[17] = p, e[18] = r, e[19] = h, e[20] = R, e[21] = o, e[22] = S, e[23] = u, e[24] = i, e[25] = l) : l = e[25];
+  let x;
+  return e[26] !== N || e[27] !== l ? (x = /* @__PURE__ */ s.jsx(V.Provider, { value: N, children: l }), e[26] = N, e[27] = l, e[28] = x) : x = e[28], x;
+};
+export {
+  G as default
+};

package/lib/table/RowColumn.d.ts

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

package/lib/table/RowColumn.js

@@ -0,0 +1,58 @@
+import { j as y } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as S } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import { useContext as B } from "react";
+import I from "../skeleton/index.js";
+import { RowContext as M } from "./helpers.js";
+function N(e, {
+  ignoreTableColClick: t,
+  handleTableColClick: c,
+  onClick: n,
+  dataId: r
+}) {
+  if (!t) {
+    if (n)
+      return n(e, r);
+    if (c)
+      return c(e, r);
+  }
+}
+const z = {
+  never: "hidden",
+  onRowHover: "rowhover"
+}, G = (e) => {
+  const t = S.c(18), {
+    customClass: c,
+    style: n,
+    displayContent: r,
+    textAlign: g,
+    visible: R,
+    rowSpan: u,
+    colSpan: v,
+    children: m,
+    isMenuColumn: h
+  } = e, i = r === void 0 ? "always" : r, j = R === void 0 ? !0 : R, k = h === void 0 ? !1 : h, l = B(M), {
+    skeletonize: a,
+    vertical: d,
+    skeletonInRows: $
+  } = l, b = $ === void 0 ? 10 : $, w = i !== "always";
+  let f;
+  t[0] !== m || t[1] !== i || t[2] !== w || t[3] !== a || t[4] !== d ? (f = () => a && d ? /* @__PURE__ */ y.jsx(I, { height: 16, style: {
+    marginBottom: 0
+  } }) : w && i ? /* @__PURE__ */ y.jsx("span", { className: z[i], children: m }) : m, t[0] = m, t[1] = i, t[2] = w, t[3] = a, t[4] = d, t[5] = f) : f = t[5];
+  const p = f;
+  if (!j || a && !b && !d)
+    return null;
+  const C = `rowcolumn ${c} text-align-${g} ${!l.rowBorder && " -noborder"} ${u ? "" : " -norowspan"} ${k && "menu-column"}`;
+  let o;
+  t[6] !== l || t[7] !== e ? (o = (E) => N(E, {
+    ...l,
+    ...e
+  }), t[6] = l, t[7] = e, t[8] = o) : o = t[8];
+  let s;
+  t[9] !== p ? (s = p(), t[9] = p, t[10] = s) : s = t[10];
+  let x;
+  return t[11] !== v || t[12] !== u || t[13] !== n || t[14] !== C || t[15] !== o || t[16] !== s ? (x = /* @__PURE__ */ y.jsx("td", { rowSpan: u, colSpan: v, className: C, style: n, onClick: o, role: "presentation", tabIndex: -1, children: s }), t[11] = v, t[12] = u, t[13] = n, t[14] = C, t[15] = o, t[16] = s, t[17] = x) : x = t[17], x;
+};
+export {
+  G as default
+};

package/lib/table/helpers.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { ITableContext, ITableRowContext } from './types';
+declare const TableContext: React.Context<ITableContext>;
+declare const RowContext: React.Context<ITableRowContext>;
+declare const getArrayFromNumber: (number: number) => number[];
+export default TableContext;
+export { RowContext, getArrayFromNumber };

package/lib/table/helpers.js

@@ -0,0 +1,9 @@
+import t from "react";
+const n = t.createContext({}), c = t.createContext({}), m = (e) => Array.from({
+  length: e
+}, (r, o) => o + 1);
+export {
+  c as RowContext,
+  n as default,
+  m as getArrayFromNumber
+};

package/lib/table/index.d.ts

@@ -0,0 +1,9 @@
+import { default as THeader } from './Header';
+import { default as TRow } from './Row';
+import { default as TBody } from './Body';
+import { default as Th } from './HeaderColumn';
+import { default as Td } from './RowColumn';
+import { ITableProps } from './types';
+declare const Table: ({ children, ...props }: ITableProps) => import("react/jsx-runtime").JSX.Element;
+export default Table;
+export { THeader, TRow, TBody, Th, Td, };

package/lib/table/index.js

@@ -0,0 +1,106 @@
+import { j as x } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as q } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import { useState as u, useRef as A, useEffect as $ } from "react";
+import { _ as k } from "../chunks/lodash.CIAK_hAg.js";
+import { default as re } from "./Header.js";
+import { default as ce } from "./Row.js";
+import { default as ae } from "./Body.js";
+import { default as me } from "./HeaderColumn.js";
+import { default as ue } from "./RowColumn.js";
+import '../assets/table.css';/* empty css                       */
+import D from "./helpers.js";
+const T = ({
+  customClass: h,
+  striped: e,
+  bordered: l,
+  hovered: o,
+  skeletonize: p,
+  headerColored: C,
+  condensed: s,
+  vertical: b,
+  bodyScrollable: R,
+  skeletonInRows: r = 10
+}) => `table-component ${h} ${e && "-striped"} 
+  ${l && "-bordered"} ${o && "-hovered"} ${C && "-headercolor"}
+  ${s && "-condensed"}
+  ${b && "-vertical"}
+  ${p && !r ? "-skeletonized" : ""}
+  ${R ? "-scrollable" : ""}`, oe = (h) => {
+  const e = q.c(6), {
+    children: l,
+    ...o
+  } = h, {
+    onColClick: p,
+    onRowClick: C,
+    bodyScrollable: s,
+    vertical: b,
+    skeletonize: R,
+    strict: r,
+    skeletonHeight: _,
+    skeletonInHeader: I,
+    skeletonInRows: W,
+    customClass: G,
+    bordered: J,
+    hovered: K,
+    headerColored: L,
+    condensed: M,
+    selectedRowId: v,
+    striped: O,
+    ...j
+  } = o, [E, y] = u(v), [S, z] = u(0);
+  let n;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (n = [], e[0] = n) : n = e[0];
+  const [c, H] = u(n), [g, B] = u(0), d = A(null);
+  let a;
+  e[1] === Symbol.for("react.memo_cache_sentinel") ? (a = (t) => {
+    y(t);
+  }, e[1] = a) : a = e[1];
+  const N = a;
+  let i;
+  e[2] !== c ? (i = (t) => {
+    !k.isEmpty(t) && k.isEmpty(c) && H(t);
+  }, e[2] = c, e[3] = i) : i = e[3];
+  const P = i;
+  let m;
+  e[4] === Symbol.for("react.memo_cache_sentinel") ? (m = (t) => B(t), e[4] = m) : m = e[4];
+  const F = {
+    bodyContainerRef: d,
+    bodyScrollWidth: S,
+    selectedRowId: E,
+    vertical: b,
+    skeletonize: R,
+    skeletonHeight: _,
+    skeletonInHeader: I,
+    skeletonInRows: W,
+    strict: r,
+    columnsCount: g,
+    handleSelectRow: N,
+    handleTableColClick: p,
+    handleTableRowClick: C,
+    handlerSetColumnsWidth: P,
+    columnsWidth: c,
+    handlerSetColumnsCount: m
+  };
+  let f;
+  return e[5] === Symbol.for("react.memo_cache_sentinel") ? (f = [], e[5] = f) : f = e[5], $(() => {
+    if (s && d && d.current) {
+      const {
+        offsetWidth: t,
+        clientWidth: V
+      } = d.current, w = t - V;
+      w !== S && z(w);
+    }
+  }, f), $(() => {
+    y(o.selectedRowId);
+  }, [o.selectedRowId]), /* @__PURE__ */ x.jsx(D.Provider, { value: F, children: s ? /* @__PURE__ */ x.jsx("div", { className: T(o), children: l }) : /* @__PURE__ */ x.jsx("table", { style: {
+    contain: r ? "strict" : "size style"
+  }, className: T(o), ...j, children: l }) });
+};
+export {
+  ae as TBody,
+  re as THeader,
+  ce as TRow,
+  ue as Td,
+  me as Th,
+  oe as default
+};

package/lib/table/table.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/table/types.d.ts

@@ -0,0 +1,94 @@
+import { CSSProperties, ReactNode, TableHTMLAttributes, MouseEvent, SetStateAction, LegacyRef, ComponentProps } from 'react';
+export interface ITableProps extends TableHTMLAttributes<HTMLTableElement> {
+    children?: ReactNode;
+    striped?: boolean;
+    customClass?: string;
+    bordered?: boolean;
+    hovered?: boolean;
+    headerColored?: boolean;
+    condensed?: boolean;
+    onRowClick?: () => void;
+    onColClick?: () => void;
+    vertical?: boolean;
+    selectedRowId?: string;
+    bodyScrollable?: boolean;
+    skeletonize?: boolean;
+    strict?: boolean;
+    skeletonInRows?: number;
+    skeletonInHeader?: boolean;
+    skeletonHeight?: number;
+}
+export interface ITableHeaderProps extends ComponentProps<'th'> {
+    children?: ReactNode;
+    customClass?: string;
+    textAlign?: string;
+    visible?: boolean;
+    id?: string;
+    isMenuColumn?: boolean;
+}
+export interface ITableBodyProps extends TableHTMLAttributes<HTMLTableElement> {
+    children?: ReactNode;
+    customClass?: string;
+    columnsCount?: number;
+    vertical?: boolean;
+    skeletonize?: boolean;
+    skeletonInRows?: number;
+    skeletonHeight?: number;
+}
+export interface ITableRowProps extends Pick<TableHTMLAttributes<HTMLTableRowElement>, 'onMouseEnter' | 'onMouseLeave'> {
+    children?: ReactNode;
+    color?: string;
+    customClass?: string;
+    rowId?: string;
+    dataId?: number | string;
+    onClick?: (e: MouseEvent, dataId?: number | string) => void;
+    handleTableColClick?: (e: MouseEvent, dataId?: number | string) => void;
+    rowBorder?: boolean;
+    height?: string;
+    style?: CSSProperties;
+    ignoreTableColClick?: boolean;
+    textAlign?: string;
+    displayContent?: 'always' | 'never' | 'onRowHover';
+    visible?: boolean;
+    divider?: boolean;
+    dividerTitle?: string;
+    dividerColor?: 'primary' | 'danger' | 'info' | 'success' | 'warning';
+    dividerColSpan?: number;
+    dividerStyle?: CSSProperties;
+    rowSpan?: number;
+    colSpan?: number;
+    isMenuColumn?: boolean;
+}
+export interface ITableContext {
+    bodyScrollable?: boolean;
+    skeletonInRows?: number;
+    bodyContainerRef?: LegacyRef<HTMLDivElement>;
+    bodyScrollWidth?: number | string;
+    selectedRowId?: string;
+    vertical?: boolean;
+    skeletonize?: boolean;
+    skeletonInHeader?: boolean;
+    skeletonHeight?: number;
+    strict?: boolean;
+    columnsCount?: number;
+    columnsWidth?: string[] | number[];
+    handleSelectRow?: (rowId: SetStateAction<string | undefined>) => void;
+    handleTableColClick?: () => void;
+    handleTableRowClick?: (e: MouseEvent, dataId?: number | string) => void;
+    handlerSetColumnsWidth?: (width: (string | number | undefined)[]) => void;
+    handlerSetColumnsCount?: (count: number) => void;
+    tableContainer?: HTMLTableElement | null;
+}
+export interface ITableRowContext {
+    skeletonize?: boolean;
+    vertical?: boolean;
+    skeletonInRows?: number;
+    rowBorder?: boolean;
+}
+export type TableElement = {
+    props: {
+        style: {
+            width: string | number;
+        };
+    };
+};

package/lib/tabs/DropdownTabs.d.ts

@@ -0,0 +1,3 @@
+import { DropdownProps } from './types';
+declare const DropdownTabs: ({ tabs, tabMenuSize, }: DropdownProps) => import("react/jsx-runtime").JSX.Element | null;
+export default DropdownTabs;

package/lib/tabs/DropdownTabs.js

@@ -0,0 +1,84 @@
+import { j as s } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as k } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import { _ as N } from "../chunks/lodash.CIAK_hAg.js";
+import C from "../buttons/Button.js";
+import $ 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 A from "../list/index.js";
+import { useTabs as D } 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 } from "../chunks/tabs.BvKfeA6Y.js";
+import "./context.js";
+import "../chunks/index.aw0XaUkg.js";
+const M = (v) => {
+  const t = k.c(25), {
+    id: e,
+    title: b,
+    closeable: a,
+    iconAlign: p,
+    icon: d,
+    iconName: i,
+    disabled: x,
+    tabMenuSize: f
+  } = v, {
+    selectTab: T,
+    removeTab: u,
+    selectedTabId: j
+  } = D();
+  let n;
+  t[0] !== e || t[1] !== T ? (n = () => T(e), t[0] = e, t[1] = T, t[2] = n) : n = t[2];
+  let r;
+  t[3] !== e || t[4] !== j ? (r = j === e ? /* @__PURE__ */ s.jsx($, { name: "checkmark", color: "#A10D0D" }) : /* @__PURE__ */ s.jsx("div", { style: {
+    width: 16,
+    height: 16
+  } }), t[3] = e, t[4] = j, t[5] = r) : r = t[5];
+  let l;
+  t[6] !== x || t[7] !== d || t[8] !== p || t[9] !== i || t[10] !== f || t[11] !== b ? (l = /* @__PURE__ */ s.jsx(C, { className: "btn menubutton", boxShadow: !1, iconAlign: p, iconName: i, icon: d, disabled: x, label: b, size: f, transparent: !0 }), t[6] = x, t[7] = d, t[8] = p, t[9] = i, t[10] = f, t[11] = b, t[12] = l) : l = t[12];
+  let m;
+  t[13] !== a || t[14] !== e || t[15] !== u ? (m = a && /* @__PURE__ */ s.jsx("button", { className: "closepanel", onClick: () => u(e) }), t[13] = a, t[14] = e, t[15] = u, t[16] = m) : m = t[16];
+  let o;
+  t[17] !== r || t[18] !== l || t[19] !== m ? (o = /* @__PURE__ */ s.jsxs("div", { className: "menuitem", children: [
+    r,
+    l,
+    m
+  ] }), t[17] = r, t[18] = l, t[19] = m, t[20] = o) : o = t[20];
+  let c;
+  return t[21] !== e || t[22] !== n || t[23] !== o ? (c = /* @__PURE__ */ s.jsx(L, { onClick: n, children: o }, e), t[21] = e, t[22] = n, t[23] = o, t[24] = c) : c = t[24], c;
+}, rt = (v) => {
+  const t = k.c(11), {
+    tabs: e,
+    tabMenuSize: b
+  } = v, a = e === void 0 ? [] : e, p = b === void 0 ? "medium" : b, {
+    selectedTabId: d
+  } = D();
+  let i;
+  t[0] !== d ? (i = (S) => S.id === d, t[0] = d, t[1] = i) : i = t[1];
+  const x = a.some(i), f = a.length > 0, T = N.uniqBy(a, "id");
+  if (!f)
+    return null;
+  const u = C, j = !0, n = "right", r = !0, l = !1, m = "large", o = `dropdownbutton ${f ? "show" : ""} ${x ? "has-selected" : ""}`, c = A, I = "dropdown-hide-tabs";
+  let w;
+  t[2] !== p ? (w = (S) => /* @__PURE__ */ s.jsx(M, { tabMenuSize: p, ...S }, S.id), t[2] = p, t[3] = w) : w = t[3];
+  const z = T.map(w);
+  let h;
+  t[4] !== c || t[5] !== z ? (h = /* @__PURE__ */ s.jsx(c, { customClass: I, children: z }), t[4] = c, t[5] = z, t[6] = h) : h = t[6];
+  let g;
+  return t[7] !== u || t[8] !== h || t[9] !== o ? (g = /* @__PURE__ */ s.jsx(u, { dropdown: j, dropdownAlign: n, transparent: r, boxShadow: l, size: m, customClass: o, children: h }), t[7] = u, t[8] = h, t[9] = o, t[10] = g) : g = t[10], g;
+};
+export {
+  rt as default
+};

package/lib/tabs/Menu.d.ts

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

@@ -0,0 +1,38 @@
+import { j as c } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as T } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import p from "react";
+import g from "./MenuTabs.js";
+import z from "./DropdownTabs.js";
+import { useTabs as A } from "./useTabs.js";
+const v = (u) => {
+  const t = T.c(25);
+  let e, r, b, n;
+  t[0] !== u ? ({
+    toolbar: n,
+    customClassForToolBar: r,
+    tabWidth: b,
+    ...e
+  } = u, t[0] = u, t[1] = e, t[2] = r, t[3] = b, t[4] = n) : (e = t[1], r = t[2], b = t[3], n = t[4]);
+  const m = r === void 0 ? "" : r, a = b === void 0 ? "auto" : b, {
+    menuTabs: f,
+    menuRef: d,
+    dropdownTabs: M
+  } = A();
+  let s;
+  t[5] !== d || t[6] !== f || t[7] !== e.firstTabIdent || t[8] !== e.tabMenuAlign || t[9] !== e.tabMenuSize || t[10] !== a ? (s = /* @__PURE__ */ c.jsx(g, { tabs: f, tabWidth: a, tabMenuSize: e.tabMenuSize, tabMenuAlign: e.tabMenuAlign, firstTabIdent: e.firstTabIdent, ref: d }), t[5] = d, t[6] = f, t[7] = e.firstTabIdent, t[8] = e.tabMenuAlign, t[9] = e.tabMenuSize, t[10] = a, t[11] = s) : s = t[11];
+  let i;
+  t[12] !== M || t[13] !== e.firstTabIdent || t[14] !== e.tabMenuAlign || t[15] !== e.tabMenuSize || t[16] !== a ? (i = /* @__PURE__ */ c.jsx(z, { tabs: M, tabWidth: a, tabMenuSize: e.tabMenuSize, tabMenuAlign: e.tabMenuAlign, firstTabIdent: e.firstTabIdent }), t[12] = M, t[13] = e.firstTabIdent, t[14] = e.tabMenuAlign, t[15] = e.tabMenuSize, t[16] = a, t[17] = i) : i = t[17];
+  let o;
+  t[18] !== m || t[19] !== n ? (o = n && p.cloneElement(n, {
+    customClass: `menubar ${m}`
+  }), t[18] = m, t[19] = n, t[20] = o) : o = t[20];
+  let l;
+  return t[21] !== s || t[22] !== i || t[23] !== o ? (l = /* @__PURE__ */ c.jsxs("div", { className: "menucontainer", children: [
+    s,
+    i,
+    o
+  ] }), t[21] = s, t[22] = i, t[23] = o, t[24] = l) : l = t[24], l;
+};
+export {
+  v as default
+};

package/lib/tabs/MenuTabs.d.ts

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

@@ -0,0 +1,64 @@
+import { j as M } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as y } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import S from "react";
+import { _ as z } from "../chunks/lodash.CIAK_hAg.js";
+import A from "../buttons/Button.js";
+import "../icons/index.js";
+import '../assets/button.css';/* empty css                        */
+import { menuStyles as R, onDeniedOptions as W } from "./tabHelpers.js";
+import { actionsOnPermissionDenied as $ } from "../permissionValidations.js";
+import { useTabs as g } from "./useTabs.js";
+const w = (N) => {
+  const e = y.c(21), {
+    id: t,
+    title: l,
+    tabWidth: m,
+    iconAlign: c,
+    iconName: r,
+    icon: b,
+    disabled: s,
+    permissionAttr: i,
+    tabMenuSize: o,
+    tooltip: n,
+    tooltipPosition: u,
+    tooltipWidth: T,
+    closeable: p
+  } = N, {
+    selectedTabId: f,
+    selectTab: x,
+    removeTab: v,
+    tabsCount: h
+  } = g();
+  let a;
+  e[0] !== i ? (a = $(W, i), e[0] = i, e[1] = a) : a = e[1];
+  const d = a;
+  let j;
+  return e[2] !== p || e[3] !== s || e[4] !== b || e[5] !== c || e[6] !== r || e[7] !== t || e[8] !== d.disabled || e[9] !== d.unvisible || e[10] !== v || e[11] !== x || e[12] !== f || e[13] !== o || e[14] !== m || e[15] !== h || e[16] !== l || e[17] !== n || e[18] !== u || e[19] !== T ? (j = d.unvisible ? null : /* @__PURE__ */ M.jsxs("li", { style: {
+    width: m
+  }, className: `menuitem ${f === t && "selected"}`, children: [
+    /* @__PURE__ */ M.jsx(A, { className: "btn menubutton", boxShadow: !1, onClick: () => x(t), iconAlign: c, iconName: r, icon: b, disabled: s || !!d.disabled, label: l, size: o, tooltip: n || l, tooltipPosition: u, tooltipWidth: T }),
+    p && h > 1 && /* @__PURE__ */ M.jsx("button", { className: "closepanel", onClick: () => v(t) })
+  ] }, t), e[2] = p, e[3] = s, e[4] = b, e[5] = c, e[6] = r, e[7] = t, e[8] = d.disabled, e[9] = d.unvisible, e[10] = v, e[11] = x, e[12] = f, e[13] = o, e[14] = m, e[15] = h, e[16] = l, e[17] = n, e[18] = u, e[19] = T, e[20] = j) : j = e[20], j;
+}, C = S.forwardRef((N, e) => {
+  const t = y.c(20), {
+    tabs: l,
+    tabWidth: m,
+    tabMenuSize: c,
+    tabMenuAlign: r,
+    firstTabIdent: b
+  } = N;
+  let s, i, o, n;
+  if (t[0] !== e || t[1] !== l || t[2] !== m || t[3] !== c || t[4] !== r || t[5] !== b) {
+    const T = l === void 0 ? [] : l, p = m === void 0 ? "auto" : m, f = c === void 0 ? "medium" : c, x = r === void 0 ? "left" : r, v = b === void 0 ? !1 : b, h = z.uniqBy(T, "id");
+    s = `menu ${v && "-firsttabident"}`, t[10] !== x ? (i = R(x), t[10] = x, t[11] = i) : i = t[11], o = e;
+    let a;
+    t[12] !== f || t[13] !== p ? (a = (d) => /* @__PURE__ */ M.jsx(w, { tabMenuSize: f, tabWidth: p, ...d }, d.id), t[12] = f, t[13] = p, t[14] = a) : a = t[14], n = h.map(a), t[0] = e, t[1] = l, t[2] = m, t[3] = c, t[4] = r, t[5] = b, t[6] = s, t[7] = i, t[8] = o, t[9] = n;
+  } else
+    s = t[6], i = t[7], o = t[8], n = t[9];
+  let u;
+  return t[15] !== s || t[16] !== i || t[17] !== o || t[18] !== n ? (u = /* @__PURE__ */ M.jsx("ul", { className: s, style: i, ref: o, children: n }), t[15] = s, t[16] = i, t[17] = o, t[18] = n, t[19] = u) : u = t[19], u;
+});
+C.displayName = "MenuTabs";
+export {
+  C as default
+};

package/lib/tabs/Panel.d.ts

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