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

package/lib/toolbar/types.d.ts

@@ -1,12 +1,10 @@
-import { ReactNode, CSSProperties, ReactElement, MutableRefObject } from 'react';
-import { ButtonTypes } from '../@types/ButtonTypes.js';
-import { Position } from '../@types/Position.js';
-import { Size } from '../@types/Size.js';
-import { NodeItem } from '../treeview/types.js';
-import { IconNames } from '../@types/Icon.js';
-import '../icons/helper.js';
-
-interface IToolbarProps {
+import { CSSProperties, ReactElement, ReactNode, MutableRefObject } from 'react';
+import { ButtonTypes } from '../@types/ButtonTypes';
+import { Position } from '../@types/Position';
+import { Size } from '../@types/Size';
+import { NodeItem } from '../treeview/types';
+import { IconNames } from '../@types/Icon';
+export interface IToolbarProps {
     children?: ReactNode;
     customClass?: string;
     skeletonize?: boolean;
@@ -14,7 +12,7 @@ interface IToolbarProps {
     style?: CSSProperties;
     size?: Extract<Size, 'small' | 'large'>;
 }
-interface IButtonBarProps {
+export interface IButtonBarProps {
     label?: string;
     iconName?: IconNames;
     type?: ButtonTypes;
@@ -23,14 +21,14 @@ interface IButtonBarProps {
     customClass?: string;
     transparent?: boolean;
     size?: Size;
-    iconAlign?: Extract<Position, 'left' | 'center'>;
+    iconAlign?: Exclude<Position, 'top' | 'bottom'>;
     validationKey?: string;
     boxShadow?: boolean;
     id?: string;
     onNodeElementClick?: (node: NodeItem) => void;
     buttonRef?: MutableRefObject<HTMLButtonElement | null> | ((ref: HTMLButtonElement | null) => void);
 }
-interface ILabelBarProps {
+export interface ILabelBarProps {
     iconName?: IconNames;
     bordered?: boolean;
     icon?: ReactElement;
@@ -39,9 +37,7 @@ interface ILabelBarProps {
     size?: Extract<Size, 'small' | 'large'>;
     type?: Extract<ButtonTypes, 'default' | 'primary' | 'danger' | 'info' | 'success' | 'warning'>;
 }
-interface IToolBarGroup {
+export interface IToolBarGroup {
     style?: CSSProperties;
     children: ReactNode;
 }
-
-export { IButtonBarProps, ILabelBarProps, IToolBarGroup, IToolbarProps };

package/lib/tooltip/index.d.ts

@@ -1,6 +1,4 @@
-import React__default from 'react';
-import { ITooltipProps } from './types.js';
-
-declare const Tooltip: ({ text, textError, tooltipRef, style, tooltipDimensions, className, handlerSetDimensions, }: ITooltipProps) => React__default.ReactPortal;
-
-export { Tooltip as default };
+import { default as React } from 'react';
+import { ITooltipProps } from './types';
+declare const Tooltip: ({ text, textError, tooltipRef, style, tooltipDimensions, className, handlerSetDimensions, }: ITooltipProps) => React.ReactPortal;
+export default Tooltip;

package/lib/tooltip/index.js

@@ -1,63 +1,39 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactDom = _interopRequireDefault(require("react-dom"));
-var uuid = _interopRequireWildcard(require("uuid"));
-require("../assets/styles/tooltip.scss");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const Tooltip = _ref => {
-  let {
-    text,
-    textError,
-    tooltipRef,
-    style = '',
-    tooltipDimensions,
-    className = 'bottom',
-    handlerSetDimensions = () => {}
-  } = _ref;
-  const tooltipComponent = (0, _react.useRef)(document.createElement('div'));
-  (0, _react.useEffect)(() => {
-    tooltipComponent.current.id = `tooltip-${uuid.v1()}`;
-    tooltipComponent.current.className = `tooltip-component ${className} `;
-    tooltipComponent.current.dataset.testid = 'tooltip-component';
-    tooltipComponent.current.style.cssText = style;
-    document.body.appendChild(tooltipComponent.current);
-    const tooltipEl = document.querySelector(`div#${tooltipComponent.current.id}`);
-    let widthDimension = tooltipEl?.offsetWidth;
-    const heightDimension = tooltipEl?.offsetHeight;
-    if (tooltipDimensions && tooltipDimensions.width) {
-      widthDimension = tooltipDimensions.width;
-    }
-    handlerSetDimensions({
-      width: widthDimension,
-      height: Number(heightDimension)
-    });
-    // eslint-disable-next-line no-param-reassign
-    if (tooltipRef) {
-      tooltipRef.current = tooltipEl;
-    }
-    return () => {
-      document.body.removeChild(tooltipComponent.current);
+import { j as h } from "../chunks/jsx-runtime.CYK1ROHF.js";
+import { useRef as a, useEffect as n } from "react";
+import l from "react-dom";
+import { v } from "../chunks/v1.CDXKvGzE.js";
+import '../assets/index5.css';const x = ({
+  text: m,
+  textError: r,
+  tooltipRef: u,
+  style: c = "",
+  tooltipDimensions: i,
+  className: o = "bottom",
+  handlerSetDimensions: p = () => {
+  }
+}) => {
+  const t = a(document.createElement("div"));
+  n(() => {
+    t.current.id = `tooltip-${v()}`, t.current.className = `tooltip-component ${o} `, t.current.dataset.testid = "tooltip-component", t.current.style.cssText = c, document.body.appendChild(t.current);
+    const e = document.querySelector(`div#${t.current.id}`);
+    let d = e == null ? void 0 : e.offsetWidth;
+    const f = e == null ? void 0 : e.offsetHeight;
+    return i && i.width && (d = i.width), p({
+      width: d,
+      height: Number(f)
+    }), u && (u.current = e), () => {
+      document.body.removeChild(t.current);
     };
-  }, []);
-  (0, _react.useEffect)(() => {
-    tooltipComponent.current.className = `tooltip-component ${className} `;
-  }, [className]);
-  (0, _react.useEffect)(() => {
-    tooltipComponent.current.style.cssText = style;
-  }, [style]);
-  (0, _react.useEffect)(() => {
-    tooltipComponent.current.className = textError ? `tooltip-error tooltip-component ${className}` : `tooltip-component ${className}`;
-  }, [textError]);
-  const getTooltipContent = () => /*#__PURE__*/_react.default.createElement("div", {
-    className: "tooltipcontent"
-  }, textError || text);
-  return /*#__PURE__*/_reactDom.default.createPortal(getTooltipContent(), tooltipComponent.current);
+  }, []), n(() => {
+    t.current.className = `tooltip-component ${o} `;
+  }, [o]), n(() => {
+    t.current.style.cssText = c;
+  }, [c]), n(() => {
+    t.current.className = r ? `tooltip-error tooltip-component ${o}` : `tooltip-component ${o}`;
+  }, [r]);
+  const s = () => /* @__PURE__ */ h.jsx("div", { className: "tooltipcontent", children: r || m });
+  return l.createPortal(s(), t.current);
+};
+export {
+  x as default
 };
-var _default = exports.default = Tooltip;

package/lib/tooltip/tooltip.spec.d.ts

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

package/lib/tooltip/types.d.ts

@@ -1,10 +1,9 @@
 import { MutableRefObject } from 'react';
-
 type Dimensions = {
     width: number | string;
     height: number;
 };
-interface ITooltipProps {
+export interface ITooltipProps {
     text?: string;
     style?: string;
     className?: string;
@@ -13,5 +12,4 @@ interface ITooltipProps {
     tooltipDimensions?: Dimensions;
     textError?: string;
 }
-
-export { ITooltipProps };
+export {};

package/lib/treetable/Body.d.ts

@@ -1,3 +1,2 @@
-declare const TreeTableBody: () => JSX.Element;
-
-export { TreeTableBody as default };
+declare const TreeTableBody: () => import("react/jsx-runtime").JSX.Element;
+export default TreeTableBody;

package/lib/treetable/Body.js

@@ -1,34 +1,35 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _table = require("../table");
-var _helpers = require("./helpers");
-var _Row = _interopRequireDefault(require("./Row"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const TreeTableBody = () => {
+import { j as s } from "../chunks/jsx-runtime.CYK1ROHF.js";
+import { useContext as i, useState as l, useEffect as n } from "react";
+import "lodash";
+import "../table/helpers.js";
+import f from "../table/Body.js";
+import "../icons/index.js";
+import '../assets/table.css';import '../assets/skeleton.css';import '../assets/gridlayout.css';/* empty css                            */
+/* empty css                          */
+/* empty css                       */
+import { TreeTableContext as c, searchRootElements as d } from "./helpers.js";
+import w from "./Row.js";
+const B = () => {
   const {
-    data,
-    rootPropName,
-    stylesForRow,
-    parentPropName
-  } = (0, _react.useContext)(_helpers.TreeTableContext);
-  const [rootElements, setRootElements] = (0, _react.useState)();
-  (0, _react.useEffect)(() => {
-    const elements = (0, _helpers.searchRootElements)(data, parentPropName, 0);
-    setRootElements(elements);
-  }, [data]);
-  return /*#__PURE__*/_react.default.createElement(_table.TBody, null, rootElements && rootElements.map(element => /*#__PURE__*/_react.default.createElement(_Row.default, {
-    dataRow: element,
-    rowLevel: element.rowLevel ? element.rowLevel + 1 : 0,
-    key: element[rootPropName],
-    rowId: `${element[rootPropName]}`,
-    style: stylesForRow
-  })));
+    data: t,
+    rootPropName: r,
+    stylesForRow: m,
+    parentPropName: p
+  } = i(c), [e, a] = l();
+  return n(() => {
+    const o = d(t, p, 0);
+    a(o);
+  }, [t]), /* @__PURE__ */ s.jsx(f, { children: e && e.map((o) => /* @__PURE__ */ s.jsx(
+    w,
+    {
+      dataRow: o,
+      rowLevel: o.rowLevel ? o.rowLevel + 1 : 0,
+      rowId: `${o[r]}`,
+      style: m
+    },
+    o[r]
+  )) });
+};
+export {
+  B as default
 };
-var _default = exports.default = TreeTableBody;

package/lib/treetable/Header.d.ts

@@ -1,3 +1,2 @@
-declare const TreeTableHeader: () => JSX.Element;
-
-export { TreeTableHeader as default };
+declare const TreeTableHeader: () => import("react/jsx-runtime").JSX.Element;
+export default TreeTableHeader;

package/lib/treetable/Header.js

@@ -1,24 +1,26 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _uuid = require("uuid");
-var _table = require("../table");
-var _helpers = require("./helpers");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const TreeTableHeader = () => {
-  const {
-    dataColumns
-  } = (0, _react.useContext)(_helpers.TreeTableContext);
-  return /*#__PURE__*/_react.default.createElement(_table.THeader, null, /*#__PURE__*/_react.default.createElement(_table.TRow, {
-    key: `tr-header-${(0, _uuid.v1)()}`
-  }, dataColumns.map(column => /*#__PURE__*/_react.default.createElement(_table.Th, {
-    key: `th-${column.name}-${(0, _uuid.v1)()}`,
-    style: column.style
-  }, column.title))));
+import { j as t } from "../chunks/jsx-runtime.CYK1ROHF.js";
+import { useContext as m } from "react";
+import "lodash";
+import i from "../table/Header.js";
+import p from "../table/Row.js";
+import "../table/helpers.js";
+import '../assets/table.css';import '../assets/skeleton.css';import '../assets/gridlayout.css';/* empty css                            */
+/* empty css                          */
+import a from "../table/HeaderColumn.js";
+/* empty css                       */
+import { TreeTableContext as s } from "./helpers.js";
+import { v as e } from "../chunks/v1.CDXKvGzE.js";
+const $ = () => {
+  const { dataColumns: o } = m(s);
+  return /* @__PURE__ */ t.jsx(i, { children: /* @__PURE__ */ t.jsx(p, { children: o.map((r) => /* @__PURE__ */ t.jsx(
+    a,
+    {
+      style: r.style,
+      children: r.title
+    },
+    `th-${r.name}-${e()}`
+  )) }, `tr-header-${e()}`) });
+};
+export {
+  $ as default
 };
-var _default = exports.default = TreeTableHeader;

package/lib/treetable/Row.d.ts

@@ -1,7 +1,3 @@
-import { I as ITreeTableRow } from '../types.d-b477e076.js';
-import 'react';
-import '../table/types.js';
-
-declare const TreeRow: (props: ITreeTableRow) => JSX.Element;
-
-export { TreeRow as default };
+import { ITreeTableRow } from './types';
+declare const TreeRow: (props: ITreeTableRow) => import("react/jsx-runtime").JSX.Element;
+export default TreeRow;