linear-react-components-ui 1.1.26-beta.19 → 1.1.26-beta.20

package/lib/table/index.js

@@ -1,158 +1,105 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "TBody", {
-  enumerable: true,
-  get: function () {
-    return _Body.default;
-  }
-});
-Object.defineProperty(exports, "THeader", {
-  enumerable: true,
-  get: function () {
-    return _Header.default;
-  }
-});
-Object.defineProperty(exports, "TRow", {
-  enumerable: true,
-  get: function () {
-    return _Row.default;
-  }
-});
-Object.defineProperty(exports, "Td", {
-  enumerable: true,
-  get: function () {
-    return _RowColumn.default;
-  }
-});
-Object.defineProperty(exports, "Th", {
-  enumerable: true,
-  get: function () {
-    return _HeaderColumn.default;
-  }
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _lodash = _interopRequireDefault(require("lodash"));
-var _Header = _interopRequireDefault(require("./Header"));
-var _Row = _interopRequireDefault(require("./Row"));
-var _Body = _interopRequireDefault(require("./Body"));
-var _HeaderColumn = _interopRequireDefault(require("./HeaderColumn"));
-var _RowColumn = _interopRequireDefault(require("./RowColumn"));
-require("../assets/styles/table.scss");
-var _helpers = _interopRequireDefault(require("./helpers"));
-const _excluded = ["children"],
-  _excluded2 = ["onColClick", "onRowClick", "bodyScrollable", "vertical", "skeletonize", "strict", "skeletonHeight", "skeletonInHeader", "skeletonInRows", "selectedRowId", "allowHorizontalScroll"];
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-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); }
-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; }
-// TODO - Precisa finalizar o scroll no corpo da tabela.
-const getClass = _ref => {
-  let {
-    customClass,
-    striped,
-    bordered,
-    hovered,
-    skeletonize,
-    headerColored,
-    condensed,
-    vertical,
-    bodyScrollable,
-    skeletonInRows = 10
-  } = _ref;
-  return `table-component ${customClass} ${striped && '-striped'} 
-  ${bordered && '-bordered'} ${hovered && '-hovered'} ${headerColored && '-headercolor'}
-  ${condensed && '-condensed'}
-  ${vertical && '-vertical'}
-  ${skeletonize && !skeletonInRows ? '-skeletonized' : ''}
-  ${bodyScrollable ? '-scrollable' : ''}`;
-};
-const Table = _ref2 => {
-  let {
-      children
-    } = _ref2,
-    props = _objectWithoutProperties(_ref2, _excluded);
-  const {
-      onColClick,
-      onRowClick,
-      bodyScrollable,
-      vertical,
-      skeletonize,
-      strict,
-      skeletonHeight,
-      skeletonInHeader,
-      skeletonInRows,
-      selectedRowId: selectedRowIdFromProps,
-      allowHorizontalScroll = false
-    } = props,
-    rest = _objectWithoutProperties(props, _excluded2);
-  const [selectedRowId, setSelectedRowId] = (0, _react.useState)(selectedRowIdFromProps);
-  const [bodyScrollWidth, setBodyScrollWidth] = (0, _react.useState)(0);
-  const [columnsWidth, setColumnsWidth] = (0, _react.useState)([]);
-  const [columnsCount, setColumnsCount] = (0, _react.useState)(0);
-  const bodyContainerRef = (0, _react.useRef)(null);
-  const handleSelectRow = (0, _react.useCallback)(selectedId => {
-    setSelectedRowId(selectedId);
-  }, []);
-  const handlerSetColumnsWidth = (0, _react.useCallback)(widths => {
-    if (!_lodash.default.isEmpty(widths) && _lodash.default.isEmpty(columnsWidth)) setColumnsWidth(widths);
-  }, [columnsWidth]);
-  const handlerSetColumnsCount = (0, _react.useCallback)(count => setColumnsCount(count), []);
-  const getContextValues = (0, _react.useCallback)(() => ({
-    bodyContainerRef,
-    bodyScrollWidth,
-    selectedRowId,
-    vertical,
-    skeletonize,
-    skeletonHeight,
-    skeletonInHeader,
-    skeletonInRows,
-    strict,
-    columnsCount,
-    handleSelectRow,
-    handleTableColClick: onColClick,
-    handleTableRowClick: onRowClick,
-    handlerSetColumnsWidth,
-    columnsWidth,
-    handlerSetColumnsCount
-  }), [bodyContainerRef, bodyScrollWidth, selectedRowId, vertical, skeletonize, skeletonHeight, skeletonInHeader, skeletonInRows, strict, columnsCount, handleSelectRow, onColClick, onRowClick, handlerSetColumnsWidth, columnsWidth, handlerSetColumnsCount]);
-  const getTableComponent = () => {
-    const tableComponent = /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("table", _extends({
-      style: {
-        contain: strict ? 'strict' : 'size style'
-      },
-      className: getClass(props)
-    }, rest), children));
-    if (allowHorizontalScroll) {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: "horizontal-scroll-container"
-      }, tableComponent);
-    }
-    return tableComponent;
+import { jsx as l } from "react/jsx-runtime";
+import { c as J } from "../_virtual/compiler-runtime.js";
+import { useState as h, useRef as K, useEffect as $, Fragment as L } from "react";
+import k from "../_virtual/lodash.js";
+import { default as le } from "./Header.js";
+import { default as ne } from "./Row.js";
+import { default as ce } from "./Body.js";
+import { default as ie } from "./HeaderColumn.js";
+import { default as me } from "./RowColumn.js";
+import '../assets/styles/table.css';/* empty css                          */
+import M from "./helpers.js";
+const _ = ({
+  customClass: p,
+  striped: e,
+  bordered: s,
+  hovered: o,
+  skeletonize: b,
+  headerColored: C,
+  condensed: n,
+  vertical: R,
+  bodyScrollable: S,
+  skeletonInRows: r = 10
+}) => `table-component ${p} ${e && "-striped"} 
+  ${s && "-bordered"} ${o && "-hovered"} ${C && "-headercolor"}
+  ${n && "-condensed"}
+  ${R && "-vertical"}
+  ${b && !r ? "-skeletonized" : ""}
+  ${S ? "-scrollable" : ""}`, ee = (p) => {
+  const e = J.c(6), {
+    children: s,
+    ...o
+  } = p, {
+    onColClick: b,
+    onRowClick: C,
+    bodyScrollable: n,
+    vertical: R,
+    skeletonize: S,
+    strict: r,
+    skeletonHeight: v,
+    skeletonInHeader: I,
+    skeletonInRows: W,
+    selectedRowId: z,
+    allowHorizontalScroll: y,
+    ...H
+  } = o, g = y === void 0 ? !1 : y, [E, w] = h(z), [x, N] = h(0);
+  let c;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (c = [], e[0] = c) : c = e[0];
+  const [a, B] = h(c), [F, P] = h(0), i = K(null);
+  let d;
+  e[1] === Symbol.for("react.memo_cache_sentinel") ? (d = (t) => {
+    w(t);
+  }, e[1] = d) : d = e[1];
+  const j = d;
+  let m;
+  e[2] !== a ? (m = (t) => {
+    !k.isEmpty(t) && k.isEmpty(a) && B(t);
+  }, e[2] = a, e[3] = m) : m = e[3];
+  const V = m;
+  let f;
+  e[4] === Symbol.for("react.memo_cache_sentinel") ? (f = (t) => P(t), e[4] = f) : f = e[4];
+  const q = f, A = () => {
+    const t = /* @__PURE__ */ l(L, { children: /* @__PURE__ */ l("table", { style: {
+      contain: r ? "strict" : "size style"
+    }, className: _(o), ...H, children: s }) });
+    return g ? /* @__PURE__ */ l("div", { className: "horizontal-scroll-container", children: t }) : t;
+  }, D = {
+    bodyContainerRef: i,
+    bodyScrollWidth: x,
+    selectedRowId: E,
+    vertical: R,
+    skeletonize: S,
+    skeletonHeight: v,
+    skeletonInHeader: I,
+    skeletonInRows: W,
+    strict: r,
+    columnsCount: F,
+    handleSelectRow: j,
+    handleTableColClick: b,
+    handleTableRowClick: C,
+    handlerSetColumnsWidth: V,
+    columnsWidth: a,
+    handlerSetColumnsCount: q
   };
-  const contextValues = (0, _react.useMemo)(() => getContextValues(), [getContextValues]);
-  (0, _react.useEffect)(() => {
-    if (bodyScrollable && bodyContainerRef && bodyContainerRef.current) {
+  let u;
+  return e[5] === Symbol.for("react.memo_cache_sentinel") ? (u = [], e[5] = u) : u = e[5], $(() => {
+    if (n && i && i.current) {
       const {
-        offsetWidth,
-        clientWidth
-      } = bodyContainerRef.current;
-      const scrollWidth = offsetWidth - clientWidth;
-      if (scrollWidth !== bodyScrollWidth) setBodyScrollWidth(scrollWidth);
+        offsetWidth: t,
+        clientWidth: G
+      } = i.current, T = t - G;
+      T !== x && N(T);
     }
-  }, []);
-  (0, _react.useEffect)(() => {
-    setSelectedRowId(props.selectedRowId);
-  }, [props.selectedRowId]);
-  return /*#__PURE__*/_react.default.createElement(_helpers.default.Provider, {
-    value: contextValues
-  }, bodyScrollable ? /*#__PURE__*/_react.default.createElement("div", {
-    className: getClass(props)
-  }, children) : getTableComponent());
+  }, u), $(() => {
+    w(o.selectedRowId);
+  }, [o.selectedRowId]), /* @__PURE__ */ l(M.Provider, { value: D, children: n ? /* @__PURE__ */ l("div", { className: _(o), children: s }) : A() });
+};
+export {
+  ce as TBody,
+  le as THeader,
+  ne as TRow,
+  me as Td,
+  ie as Th,
+  ee as default
 };
-var _default = exports.default = Table;
+//# sourceMappingURL=index.js.map

package/lib/table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/lib/table/index.tsx"],"sourcesContent":["import { useState, useEffect, useRef, useCallback, SetStateAction, Fragment } from 'react';\nimport _ from 'lodash';\nimport THeader from './Header';\nimport TRow from './Row';\nimport TBody from './Body';\nimport Th from './HeaderColumn';\nimport Td from './RowColumn';\nimport '../assets/styles/table.scss';\nimport TableContext from './helpers';\nimport { ITableContext, ITableProps } from './types';\n\n// TODO - Precisa finalizar o scroll no corpo da tabela.\nconst getClass = ({\n  customClass, striped, bordered, hovered, skeletonize, headerColored, condensed,\n  vertical, bodyScrollable, skeletonInRows = 10,\n}: ITableProps) => (\n  `table-component ${customClass} ${striped && '-striped'} \n  ${bordered && '-bordered'} ${hovered && '-hovered'} ${headerColored && '-headercolor'}\n  ${condensed && '-condensed'}\n  ${vertical && '-vertical'}\n  ${skeletonize && !skeletonInRows ? '-skeletonized' : ''}\n  ${bodyScrollable ? '-scrollable' : ''}`\n);\n\nconst Table = ({ children, ...props }: ITableProps) => {\n  const {\n    onColClick, onRowClick, bodyScrollable, vertical, skeletonize, strict, skeletonHeight,\n    skeletonInHeader, skeletonInRows, selectedRowId: selectedRowIdFromProps, \n    allowHorizontalScroll = false, ...rest\n  } = props;\n  const [selectedRowId, setSelectedRowId] = useState(selectedRowIdFromProps);\n  const [bodyScrollWidth, setBodyScrollWidth] = useState(0);\n  const [columnsWidth, setColumnsWidth] = useState<string[] | number[]>([]);\n  const [columnsCount, setColumnsCount] = useState(0);\n  const bodyContainerRef = useRef(null);\n\n  const handleSelectRow = useCallback((selectedId: SetStateAction<string | undefined>) => {\n    setSelectedRowId(selectedId);\n  }, []);\n\n  const handlerSetColumnsWidth = useCallback((widths: (string | number | undefined)[]) => {\n    if (!_.isEmpty(widths) && _.isEmpty(columnsWidth)) setColumnsWidth(widths as []);\n  }, [columnsWidth]);\n\n  const handlerSetColumnsCount = useCallback((count: number) => setColumnsCount(count), []);\n\n  const getTableComponent = () => {\n    const tableComponent = (\n      <Fragment>\n        <table\n          style={{ contain: strict ? 'strict' : 'size style' }}\n          className={getClass(props)}\n          {...rest}>\n          {children}\n        </table>\n      </Fragment>\n    );\n\n    if (allowHorizontalScroll) {\n      return (\n        <div className=\"horizontal-scroll-container\">\n          {tableComponent}\n        </div>\n      );\n    }\n\n    return tableComponent;\n  };\n\n  const contextValues: ITableContext = {\n    bodyContainerRef,\n    bodyScrollWidth,\n    selectedRowId,\n    vertical,\n    skeletonize,\n    skeletonHeight,\n    skeletonInHeader,\n    skeletonInRows,\n    strict,\n    columnsCount,\n    handleSelectRow,\n    handleTableColClick: onColClick,\n    handleTableRowClick: onRowClick,\n    handlerSetColumnsWidth,\n    columnsWidth,\n    handlerSetColumnsCount,\n  };\n\n  useEffect(() => {\n    if (bodyScrollable && bodyContainerRef && bodyContainerRef.current) {\n      const { offsetWidth, clientWidth } = bodyContainerRef.current;\n      const scrollWidth = offsetWidth - clientWidth;\n      if (scrollWidth !== bodyScrollWidth) setBodyScrollWidth(scrollWidth);\n    }\n  }, []);\n\n  useEffect(() => {\n    setSelectedRowId(props.selectedRowId);\n  }, [props.selectedRowId]);\n\n  return (\n    <TableContext.Provider value={contextValues}>\n      {bodyScrollable ? <div className={getClass(props)}>{children}</div> : getTableComponent()}\n    </TableContext.Provider>\n  );\n};\n\nexport default Table;\nexport {\n  THeader,\n  TRow,\n  TBody,\n  Th,\n  Td,\n};\n"],"names":["getClass","customClass","striped","bordered","hovered","skeletonize","headerColored","condensed","vertical","bodyScrollable","skeletonInRows","Table","t0","$","_c","children","props","onColClick","onRowClick","strict","skeletonHeight","skeletonInHeader","selectedRowId","selectedRowIdFromProps","allowHorizontalScroll","t1","rest","undefined","setSelectedRowId","useState","bodyScrollWidth","setBodyScrollWidth","t2","Symbol","for","columnsWidth","setColumnsWidth","columnsCount","setColumnsCount","bodyContainerRef","useRef","t3","selectedId","handleSelectRow","t4","widths","_","isEmpty","handlerSetColumnsWidth","t5","count","handlerSetColumnsCount","getTableComponent","tableComponent","jsx","Fragment","contain","contextValues","handleTableColClick","handleTableRowClick","t6","useEffect","current","offsetWidth","clientWidth","scrollWidth","TableContext"],"mappings":"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"}

package/lib/table/types.d.ts

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

package/lib/tabs/DropdownTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownTabs.js","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"],"names":["DropdownTab","t0","$","_c","id","title","closeable","iconAlign","icon","iconName","disabled","tabMenuSize","selectTab","removeTab","selectedTabId","useTabs","t1","t2","jsx","Icon","width","height","t3","Button","t4","t5","t6","ListItem","DropdownTabs","tabs","undefined","tab","hasSelectedTab","some","hasTabs","length","uniqueTabs","_","uniqBy","T0","t7","t8","t9","T1","List","t10","t11","tab_0","t12","map","t13","t14"],"mappings":"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"}

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;