linear-react-components-ui 1.1.27-rc.0 → 2.0.0-beta.0

package/lib/table/types.d.ts

@@ -1,8 +1,5 @@
-import { TableHTMLAttributes, ReactNode, ComponentProps, MouseEvent, CSSProperties, LegacyRef, SetStateAction } from 'react';
-import { ITooltipCommonProps } from '../tooltip/types.js';
-import '../@types/Position.js';
-
-interface ITableProps extends TableHTMLAttributes<HTMLTableElement> {
+import { CSSProperties, ReactNode, TableHTMLAttributes, MouseEvent, SetStateAction, LegacyRef, ComponentProps } from 'react';
+export interface ITableProps extends TableHTMLAttributes<HTMLTableElement> {
     children?: ReactNode;
     striped?: boolean;
     customClass?: string;
@@ -22,7 +19,7 @@ interface ITableProps extends TableHTMLAttributes<HTMLTableElement> {
     skeletonHeight?: number;
     allowHorizontalScroll?: boolean;
 }
-interface ITableHeaderProps extends ComponentProps<'th'> {
+export interface ITableHeaderProps extends ComponentProps<'th'> {
     children?: ReactNode;
     customClass?: string;
     textAlign?: string;
@@ -30,7 +27,7 @@ interface ITableHeaderProps extends ComponentProps<'th'> {
     id?: string;
     isMenuColumn?: boolean;
 }
-interface ITableBodyProps extends TableHTMLAttributes<HTMLTableElement> {
+export interface ITableBodyProps extends TableHTMLAttributes<HTMLTableElement> {
     children?: ReactNode;
     customClass?: string;
     columnsCount?: number;
@@ -39,7 +36,7 @@ interface ITableBodyProps extends TableHTMLAttributes<HTMLTableElement> {
     skeletonInRows?: number;
     skeletonHeight?: number;
 }
-interface ITableRowProps extends Pick<TableHTMLAttributes<HTMLTableRowElement>, 'onMouseEnter' | 'onMouseLeave'>, ITooltipCommonProps {
+export interface ITableRowProps extends Pick<TableHTMLAttributes<HTMLTableRowElement>, 'onMouseEnter' | 'onMouseLeave'> {
     children?: ReactNode;
     color?: string;
     customClass?: string;
@@ -63,7 +60,7 @@ interface ITableRowProps extends Pick<TableHTMLAttributes<HTMLTableRowElement>,
     colSpan?: number;
     isMenuColumn?: boolean;
 }
-interface ITableContext {
+export interface ITableContext {
     bodyScrollable?: boolean;
     skeletonInRows?: number;
     bodyContainerRef?: LegacyRef<HTMLDivElement>;
@@ -83,18 +80,16 @@ interface ITableContext {
     handlerSetColumnsCount?: (count: number) => void;
     tableContainer?: HTMLTableElement | null;
 }
-interface ITableRowContext {
+export interface ITableRowContext {
     skeletonize?: boolean;
     vertical?: boolean;
     skeletonInRows?: number;
     rowBorder?: boolean;
 }
-type TableElement = {
+export type TableElement = {
     props: {
         style: {
             width: string | number;
         };
     };
 };
-
-export { ITableBodyProps, ITableContext, ITableHeaderProps, ITableProps, ITableRowContext, ITableRowProps, TableElement };

package/lib/tabs/DropdownTabs.d.ts

@@ -1,11 +1,3 @@
-import { DropdownProps } 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 DropdownTabs: ({ tabs, tabMenuSize, }: DropdownProps) => JSX.Element | null;
-
-export { DropdownTabs as default };
+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

@@ -1,86 +1,70 @@
-"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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const DropdownTab = _ref => {
-  let {
-    id,
-    title,
-    closeable,
-    iconAlign,
-    icon,
-    iconName,
-    disabled,
-    tabMenuSize
-  } = _ref;
-  const {
-    selectTab,
-    removeTab,
-    selectedTabId
-  } = (0, _useTabs.useTabs)();
-  return /*#__PURE__*/_react.default.createElement(_list.ListItem, {
-    key: id,
-    onClick: () => selectTab(id)
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "menuitem"
-  }, selectedTabId === id ? /*#__PURE__*/_react.default.createElement(_2.Icon, {
-    name: "checkmark",
-    color: "#A10D0D"
-  }) : /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      width: 16,
-      height: 16
-    }
-  }), /*#__PURE__*/_react.default.createElement(_buttons.default, {
-    className: "btn menubutton",
-    boxShadow: false,
-    iconAlign: iconAlign,
-    iconName: iconName,
-    icon: icon,
-    disabled: disabled,
-    label: title,
-    size: tabMenuSize,
-    transparent: true
-  }), closeable && /*#__PURE__*/_react.default.createElement("button", {
-    className: "closepanel",
-    onClick: () => removeTab(id)
-  })));
-};
-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 ".concat(hasTabs ? 'show' : '', " ").concat(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)))));
+import { __toESM as e } from "../_virtual/_rolldown/runtime.js";
+import { require_compiler_runtime as t } from "../node_modules/react/compiler-runtime.js";
+import n from "../icons/index.js";
+import { require_lodash as r } from "../node_modules/lodash/lodash.js";
+import i from "../buttons/index.js";
+import a from "../list/Item.js";
+import o from "../list/index.js";
+import { useTabs as s } from "./useTabs.js";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/lib/tabs/DropdownTabs.tsx
+var u = t(), d = /* @__PURE__ */ e(r(), 1), f = (e) => {
+	let t = (0, u.c)(15), { id: r, title: o, closeable: d, iconAlign: f, icon: p, iconName: m, disabled: h, tabMenuSize: g } = e, { selectTab: _, removeTab: v, selectedTabId: y } = s(), b;
+	t[0] !== r || t[1] !== _ ? (b = () => _(r), t[0] = r, t[1] = _, t[2] = b) : b = t[2];
+	let x;
+	return t[3] !== d || t[4] !== h || t[5] !== p || t[6] !== f || t[7] !== m || t[8] !== r || t[9] !== v || t[10] !== y || t[11] !== b || t[12] !== g || t[13] !== o ? (x = c(a, {
+		onClick: b,
+		children: l("div", {
+			className: "menuitem",
+			children: [
+				y === r ? c(n, {
+					name: "checkmark",
+					color: "#A10D0D"
+				}) : c("div", { style: {
+					width: 16,
+					height: 16
+				} }),
+				c(i, {
+					className: "btn menubutton",
+					boxShadow: !1,
+					iconAlign: f,
+					iconName: m,
+					icon: p,
+					disabled: h,
+					label: o,
+					size: g,
+					transparent: !0
+				}),
+				d && c("button", {
+					className: "closepanel",
+					onClick: () => v(r)
+				})
+			]
+		})
+	}, r), t[3] = d, t[4] = h, t[5] = p, t[6] = f, t[7] = m, t[8] = r, t[9] = v, t[10] = y, t[11] = b, t[12] = g, t[13] = o, t[14] = x) : x = t[14], x;
+}, p = (e) => {
+	let t = (0, u.c)(4), { tabs: n, tabMenuSize: r } = e, a = n === void 0 ? [] : n, l = r === void 0 ? "medium" : r, { selectedTabId: p } = s(), m;
+	t[0] === p ? m = t[1] : (m = (e) => e.id === p, t[0] = p, t[1] = m);
+	let h = a.some(m), g = a.length > 0, _ = d.default.uniqBy(a, "id");
+	if (!g) return null;
+	let v;
+	return t[2] === l ? v = t[3] : (v = (e) => c(f, {
+		tabMenuSize: l,
+		...e
+	}, e.id), t[2] = l, t[3] = v), c(i, {
+		dropdown: !0,
+		dropdownAlign: "right",
+		transparent: !0,
+		boxShadow: !1,
+		size: "large",
+		customClass: `dropdownbutton ${g ? "show" : ""} ${h ? "has-selected" : ""}`,
+		children: c(o, {
+			customClass: "dropdown-hide-tabs",
+			children: _.map(v)
+		})
+	});
 };
-var _default = exports.default = DropdownTabs;
+//#endregion
+export { p as default };
+
+//# sourceMappingURL=DropdownTabs.js.map

package/lib/tabs/DropdownTabs.js.map

@@ -0,0 +1 @@
+{"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,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, tabsWithError, ...props }: MenuProps) => import("react/jsx-runtime").JSX.Element;
+export default Menu;

package/lib/tabs/Menu.js

@@ -1,48 +1,35 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _MenuTabs = _interopRequireDefault(require("./MenuTabs"));
-var _DropdownTabs = _interopRequireDefault(require("./DropdownTabs"));
-var _useTabs = require("./useTabs");
-const _excluded = ["toolbar", "customClassForToolBar", "tabWidth", "tabsWithError"];
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-const Menu = _ref => {
-  let {
-      toolbar,
-      customClassForToolBar = '',
-      tabWidth = 'auto',
-      tabsWithError
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
-  const {
-    menuTabs,
-    menuRef,
-    dropdownTabs
-  } = (0, _useTabs.useTabs)();
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "menucontainer"
-  }, /*#__PURE__*/_react.default.createElement(_MenuTabs.default, {
-    tabsWithError: tabsWithError,
-    tabs: menuTabs,
-    tabWidth: tabWidth,
-    tabMenuSize: props.tabMenuSize,
-    tabMenuAlign: props.tabMenuAlign,
-    firstTabIdent: props.firstTabIdent,
-    ref: menuRef
-  }), /*#__PURE__*/_react.default.createElement(_DropdownTabs.default, {
-    tabs: dropdownTabs,
-    tabWidth: tabWidth,
-    tabMenuSize: props.tabMenuSize,
-    tabMenuAlign: props.tabMenuAlign,
-    firstTabIdent: props.firstTabIdent
-  }), toolbar && /*#__PURE__*/_react.default.cloneElement(toolbar, {
-    customClass: "menubar ".concat(customClassForToolBar)
-  }));
+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}` })
+		]
+	});
 };
-var _default = exports.default = Menu;
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=Menu.js.map

package/lib/tabs/Menu.js.map

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

package/lib/tabs/MenuTabs.js

@@ -1,90 +1,60 @@
-"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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-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 === null || tabsWithError === void 0 ? void 0 : tabsWithError.includes(id);
-  return onDenied.unvisible ? null : /*#__PURE__*/_react.default.createElement("li", {
-    key: id,
-    style: {
-      width: tabWidth
-    },
-    className: "\n          menuitem \n          ".concat(selectedTabId === id && 'selected', " \n          ").concat(withErrorInContent && 'witherrorcontent', "\n        ")
-  }, /*#__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 ".concat(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))));
+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))
+	});
 });
-MenuTabs.displayName = 'MenuTabs';
-var _default = exports.default = MenuTabs;
+m.displayName = "MenuTabs";
+//#endregion
+export { m as default };
+
+//# sourceMappingURL=MenuTabs.js.map

package/lib/tabs/MenuTabs.js.map

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