linear-react-components-ui 1.1.26-beta.17 → 1.1.26-beta.18

package/lib/toolbar/index.js

@@ -1,40 +1,65 @@
-import { jsx as x } from "react/jsx-runtime";
-import { c as v } from "../_virtual/compiler-runtime.js";
-import { default as z } from "./ToolBarGroup.js";
-import { default as G } from "./Separator.js";
-import { default as N } from "./ButtonBar.js";
-import { default as S } from "./LabelBar.js";
-import '../assets/styles/toolbar.css';/* empty css                            */
-import $ from "./helpers.js";
-const y = (c) => {
-  const t = v.c(19);
-  let o, r, l, a, e, f;
-  t[0] !== c ? ({
-    innerRef: r,
-    children: o,
-    style: e,
-    size: a,
-    customClass: f,
-    ...l
-  } = c, t[0] = c, t[1] = o, t[2] = r, t[3] = l, t[4] = a, t[5] = e, t[6] = f) : (o = t[1], r = t[2], l = t[3], a = t[4], e = t[5], f = t[6]);
-  let i;
-  t[7] !== e ? (i = e === void 0 ? {} : e, t[7] = e, t[8] = i) : i = t[8];
-  const p = i, B = f === void 0 ? "" : f;
-  let m;
-  t[9] !== l ? (m = {
-    ...l
-  }, t[9] = l, t[10] = m) : m = t[10];
-  const u = m, d = `toolbar-component ${a ? `${a}-bar` : ""} ${B}`;
-  let s;
-  t[11] !== o || t[12] !== r || t[13] !== p || t[14] !== d ? (s = /* @__PURE__ */ x("div", { ref: r, className: d, style: p, children: o }), t[11] = o, t[12] = r, t[13] = p, t[14] = d, t[15] = s) : s = t[15];
-  let n;
-  return t[16] !== u || t[17] !== s ? (n = /* @__PURE__ */ x($.Provider, { value: u, children: s }), t[16] = u, t[17] = s, t[18] = n) : n = t[18], n;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ButtonBar", {
+  enumerable: true,
+  get: function () {
+    return _ButtonBar.default;
+  }
+});
+Object.defineProperty(exports, "LabelBar", {
+  enumerable: true,
+  get: function () {
+    return _LabelBar.default;
+  }
+});
+Object.defineProperty(exports, "Separator", {
+  enumerable: true,
+  get: function () {
+    return _Separator.default;
+  }
+});
+Object.defineProperty(exports, "ToolBarGroup", {
+  enumerable: true,
+  get: function () {
+    return _ToolBarGroup.default;
+  }
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ToolBarGroup = _interopRequireDefault(require("./ToolBarGroup"));
+var _Separator = _interopRequireDefault(require("./Separator"));
+var _ButtonBar = _interopRequireDefault(require("./ButtonBar"));
+var _LabelBar = _interopRequireDefault(require("./LabelBar"));
+require("../assets/styles/toolbar.scss");
+var _helpers = _interopRequireDefault(require("./helpers"));
+const _excluded = ["innerRef", "children", "style", "size", "customClass"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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 ToolBar = _ref => {
+  let {
+      innerRef,
+      children,
+      style = {},
+      size,
+      customClass = ''
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  const contextValues = _objectSpread({}, props);
+  return /*#__PURE__*/_react.default.createElement(_helpers.default.Provider, {
+    value: contextValues
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    ref: innerRef,
+    className: `toolbar-component ${size ? `${size}-bar` : ''} ${customClass}`,
+    style: style
+  }, children));
 };
-export {
-  N as ButtonBar,
-  S as LabelBar,
-  G as Separator,
-  z as ToolBarGroup,
-  y as default
-};
-//# sourceMappingURL=index.js.map
+var _default = exports.default = ToolBar;

package/lib/toolbar/types.d.ts

@@ -1,10 +1,12 @@
-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 {
+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 {
     children?: ReactNode;
     customClass?: string;
     skeletonize?: boolean;
@@ -12,7 +14,7 @@ export interface IToolbarProps {
     style?: CSSProperties;
     size?: Extract<Size, 'small' | 'large'>;
 }
-export interface IButtonBarProps {
+interface IButtonBarProps {
     label?: string;
     iconName?: IconNames;
     type?: ButtonTypes;
@@ -28,7 +30,7 @@ export interface IButtonBarProps {
     onNodeElementClick?: (node: NodeItem) => void;
     buttonRef?: MutableRefObject<HTMLButtonElement | null> | ((ref: HTMLButtonElement | null) => void);
 }
-export interface ILabelBarProps {
+interface ILabelBarProps {
     iconName?: IconNames;
     bordered?: boolean;
     icon?: ReactElement;
@@ -37,7 +39,9 @@ export interface ILabelBarProps {
     size?: Extract<Size, 'small' | 'large'>;
     type?: Extract<ButtonTypes, 'default' | 'primary' | 'danger' | 'info' | 'success' | 'warning'>;
 }
-export interface IToolBarGroup {
+interface IToolBarGroup {
     style?: CSSProperties;
     children: ReactNode;
 }
+
+export { IButtonBarProps, ILabelBarProps, IToolBarGroup, IToolbarProps };

package/lib/toolbar/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/tooltip/TooltipContent.d.ts

@@ -1,3 +1,7 @@
-import { ITooltipContentProps } from './types';
-declare const TooltipContent: ({ text, textError, tooltipRef, style, styleForContent, tooltipDimensions, position, handlerSetDimensions, }: ITooltipContentProps) => import('react').ReactPortal;
-export default TooltipContent;
+import React__default from 'react';
+import { ITooltipContentProps } from './types.js';
+import '../@types/Position.js';
+
+declare const TooltipContent: ({ text, textError, tooltipRef, style, styleForContent, tooltipDimensions, position, handlerSetDimensions, }: ITooltipContentProps) => React__default.ReactPortal;
+
+export { TooltipContent as default };

package/lib/tooltip/TooltipContent.js

@@ -1,40 +1,65 @@
-import { jsx as a } from "react/jsx-runtime";
-import { useRef as f, useEffect as o } from "react";
-import { createPortal as h } from "react-dom";
-import '../assets/styles/tooltip.css';/* empty css                            */
-import C from "../node_modules/uuid/dist/v1.js";
-const w = ({
-  text: d,
-  textError: r,
-  tooltipRef: i,
-  style: n = "",
-  styleForContent: u,
-  tooltipDimensions: c,
-  position: e = "bottom",
-  handlerSetDimensions: p = () => {
-  }
-}) => {
-  const t = f(document.createElement("div"));
-  return o(() => {
-    t.current.id = `tooltip-${C()}`, t.current.className = `tooltip-component ${e} `, t.current.dataset.testid = "tooltip-component", t.current.style.cssText = n, document.body.appendChild(t.current);
-    const m = document.querySelector(`div#${t.current.id}`);
-    let l = m?.offsetWidth;
-    const s = m?.offsetHeight;
-    return c && c.width && (l = c.width), p({
-      width: l,
-      height: Number(s)
-    }), i && (i.current = m), () => {
-      document.body.removeChild(t.current);
+"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 TooltipContent = _ref => {
+  let {
+    text,
+    textError,
+    tooltipRef,
+    style = '',
+    styleForContent,
+    tooltipDimensions,
+    position = '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 ${position} `;
+    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);
     };
-  }, []), o(() => {
-    t.current.className = `tooltip-component ${e} `;
-  }, [e]), o(() => {
-    t.current.style.cssText = n;
-  }, [n]), o(() => {
-    t.current.className = r ? `tooltip-error tooltip-component ${e}` : `tooltip-component ${e}`;
-  }, [r]), h(/* @__PURE__ */ a("div", { className: "tooltipcontent", style: u, children: r || d }), t.current);
+  }, []);
+  (0, _react.useEffect)(() => {
+    tooltipComponent.current.className = `tooltip-component ${position} `;
+  }, [position]);
+  (0, _react.useEffect)(() => {
+    tooltipComponent.current.style.cssText = style;
+  }, [style]);
+  (0, _react.useEffect)(() => {
+    tooltipComponent.current.className = textError ? `tooltip-error tooltip-component ${position}` : `tooltip-component ${position}`;
+  }, [textError]);
+  const getTooltipContent = () => /*#__PURE__*/_react.default.createElement("div", {
+    className: "tooltipcontent",
+    style: styleForContent
+  }, textError || text);
+  return /*#__PURE__*/_reactDom.default.createPortal(getTooltipContent(), tooltipComponent.current);
 };
-export {
-  w as default
-};
-//# sourceMappingURL=TooltipContent.js.map
+var _default = exports.default = TooltipContent;

package/lib/tooltip/index.d.ts

@@ -1,3 +1,7 @@
-import { ITooltipProps } from './types';
-export default function Tooltip({ text, textError, targetRef, style, width, space, className, position, onDeniedText, }: ITooltipProps): import("react/jsx-runtime").JSX.Element | null;
-export { Tooltip };
+import { ITooltipProps } from './types.js';
+import 'react';
+import '../@types/Position.js';
+
+declare function Tooltip({ text, textError, targetRef, style, width, space, className, position, onDeniedText, }: ITooltipProps): JSX.Element | null;
+
+export { Tooltip, Tooltip as default };

package/lib/tooltip/index.js

@@ -1,41 +1,46 @@
-import { jsx as C } from "react/jsx-runtime";
-import { c as g } from "../_virtual/compiler-runtime.js";
-import h from "./TooltipContent.js";
-import { useTooltip as w } from "./useTooltip.js";
-function R(d) {
-  const t = g.c(16), {
-    text: n,
-    textError: l,
-    targetRef: p,
-    style: m,
-    width: c,
-    space: f,
-    className: a,
-    position: T,
-    onDeniedText: u
-  } = d, o = T === void 0 ? "bottom" : T;
-  let r;
-  t[0] !== u || t[1] !== o || t[2] !== f || t[3] !== p || t[4] !== n || t[5] !== l || t[6] !== c ? (r = {
-    targetRef: p,
-    errorMessage: l,
-    position: o,
-    width: c,
-    text: n,
-    space: f,
-    onDeniedText: u
-  }, t[0] = u, t[1] = o, t[2] = f, t[3] = p, t[4] = n, t[5] = l, t[6] = c, t[7] = r) : r = t[7];
-  const x = w(r);
-  let s, e;
-  if (t[8] !== x ? ({
-    showTooltip: s,
-    ...e
-  } = x, t[8] = x, t[9] = s, t[10] = e) : (s = t[9], e = t[10]), !s)
-    return null;
-  let i;
-  return t[11] !== a || t[12] !== o || t[13] !== m || t[14] !== e ? (i = /* @__PURE__ */ C(h, { styleForContent: m, classNameForContent: a, position: o, ...e }), t[11] = a, t[12] = o, t[13] = m, t[14] = e, t[15] = i) : i = t[15], i;
-}
-export {
-  R as Tooltip,
-  R as default
-};
-//# sourceMappingURL=index.js.map
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Tooltip = exports.default = Tooltip;
+var _react = _interopRequireDefault(require("react"));
+var _TooltipContent = _interopRequireDefault(require("./TooltipContent"));
+var _useTooltip2 = require("./useTooltip");
+const _excluded = ["showTooltip"];
+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); }
+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; }
+function Tooltip(_ref) {
+  let {
+    text,
+    textError,
+    targetRef,
+    style,
+    width,
+    space,
+    className,
+    position = 'bottom',
+    onDeniedText
+  } = _ref;
+  const _useTooltip = (0, _useTooltip2.useTooltip)({
+      targetRef,
+      errorMessage: textError,
+      position,
+      width,
+      text,
+      space,
+      onDeniedText
+    }),
+    {
+      showTooltip
+    } = _useTooltip,
+    tooltipContentProps = _objectWithoutProperties(_useTooltip, _excluded);
+  if (!showTooltip) return null;
+  return /*#__PURE__*/_react.default.createElement(_TooltipContent.default, _extends({
+    styleForContent: style,
+    classNameForContent: className,
+    position: position
+  }, tooltipContentProps));
+}

package/lib/tooltip/types.d.ts

@@ -1,11 +1,12 @@
-import { CSSProperties, RefObject } from 'react';
-import { Position } from '../@types/Position';
+import { RefObject, CSSProperties, MutableRefObject } from 'react';
+import { Position } from '../@types/Position.js';
+
 type Dimensions = {
     width: number | string;
     height: number;
 };
-export interface ITooltipProps {
-    targetRef: RefObject<HTMLElement | null>;
+interface ITooltipProps {
+    targetRef: RefObject<HTMLElement>;
     text?: string;
     textError?: string;
     style?: CSSProperties;
@@ -15,8 +16,8 @@ export interface ITooltipProps {
     position?: Exclude<Position, 'center'>;
     onDeniedText?: string;
 }
-export interface ITooltipContentProps {
-    tooltipRef?: RefObject<HTMLElement | null>;
+interface ITooltipContentProps {
+    tooltipRef?: MutableRefObject<HTMLElement | null>;
     text?: string;
     style?: string;
     styleForContent?: CSSProperties;
@@ -29,9 +30,10 @@ export interface ITooltipContentProps {
     tooltipDimensions?: Dimensions;
     textError?: string;
 }
-export interface ITooltipCommonProps {
+interface ITooltipCommonProps {
     tooltip?: string;
     tooltipWidth?: string | number;
     tooltipPosition?: Exclude<Position, 'center'>;
 }
-export {};
+
+export { ITooltipCommonProps, ITooltipContentProps, ITooltipProps };

package/lib/tooltip/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/tooltip/useTooltip.d.ts

@@ -1,20 +1,22 @@
+import * as React from 'react';
 import { RefObject } from 'react';
-import { Position } from '../@types/Position';
+import { Position } from '../@types/Position.js';
+
 interface UseTooltipProps {
     text?: string;
     width?: number | string;
     space?: number;
     position?: Exclude<Position, 'center'>;
     errorMessage?: string;
-    targetRef: RefObject<HTMLElement | null>;
+    targetRef: RefObject<HTMLElement>;
     onDeniedText?: string;
 }
-export declare function useTooltip({ targetRef, text, width: widthProp, space, position: positionProp, errorMessage, onDeniedText, }: UseTooltipProps): {
+declare function useTooltip({ targetRef, text, width: widthProp, space, position: positionProp, errorMessage, onDeniedText, }: UseTooltipProps): {
     text: string | undefined;
-    tooltipRef: RefObject<HTMLElement | null>;
+    tooltipRef: React.MutableRefObject<HTMLElement | null>;
     style: string;
     className: "left" | "right" | "top" | "bottom";
-    handlerSetDimensions: import('react').Dispatch<import('react').SetStateAction<{
+    handlerSetDimensions: React.Dispatch<React.SetStateAction<{
         width: string | number;
         height: number;
     }>>;
@@ -24,4 +26,5 @@ export declare function useTooltip({ targetRef, text, width: widthProp, space, p
     };
     showTooltip: boolean;
 };
-export {};
+
+export { useTooltip };