linear-react-components-ui 2.0.0-beta.1 → 2.0.0-beta.3

package/lib/tabs/types.d.ts

@@ -0,0 +1,102 @@
+import { CSSProperties, ReactElement, ReactNode, RefObject } from 'react';
+import { Size } from '../@types/Size';
+import { Position } from '../@types/Position';
+import { PermissionAttr } from '../@types/PermissionAttr';
+import { IconNames } from '../@types/Icon';
+export type TabsContextType = {
+    tabs: TabProps[];
+    menuTabs: TabProps[];
+    dropdownTabs: TabProps[];
+    selectedTabId: string | number | null;
+    selectTab: (tabId: string | number) => void;
+    removeTab: (tabId: string | number) => void;
+    containerWidth: number;
+    tabsCount: number;
+    menuRef: RefObject<HTMLUListElement>;
+    keepPanelsInOrder?: Array<string | number>;
+};
+export interface TabsProviderProps {
+    children: ReactNode;
+    tabs: ReactNode;
+    container: RefObject<HTMLDivElement>;
+    tabsWidth: number | string;
+    selectedTab?: string | number | null;
+    onTabChange?: (tabId: string | number) => void;
+    onTabClose?: (tabId: string) => void;
+    firstTabIdent?: boolean;
+    keepPanelsInOrder?: Array<string | number>;
+    keepTabOriginalPosition?: boolean;
+}
+export interface ITabsPros {
+    style?: CSSProperties;
+    toolbar?: ReactElement;
+    toolBarRef?: (value: HTMLDivElement | null) => void;
+    children?: ReactNode;
+    selectedTab?: string | number;
+    tabMenuSize?: Size;
+    tabMenuAlign?: Position;
+    firstTabIdent?: boolean;
+    tabMenuPosition?: Exclude<Position, 'center'>;
+    handlerTabClick?: (id?: string | number) => void;
+    handlerCloseTab?: (id?: string, idx?: string) => void;
+    customClassForToolBar?: string;
+    tabsWidth?: string | number;
+    tabsWithError?: Array<string | number>;
+    keepPanelsInOrder?: Array<string | number>;
+    keepTabOriginalPosition?: boolean;
+}
+export interface TabProps {
+    id: string | number;
+    title: string;
+    hidden?: boolean;
+    iconAlign?: Extract<Position, 'left' | 'center'>;
+    iconName?: IconNames;
+    icon?: ReactElement;
+    disabled?: boolean;
+    permissionAttr?: PermissionAttr;
+    tabWidth?: string | number;
+    tabMenuSize?: Size;
+    tabMenuAlign?: Position;
+    tooltip?: string;
+    tooltipPosition?: Exclude<Position, 'center'>;
+    tooltipWidth?: string | number;
+    closeable?: boolean;
+    tabsLength?: number;
+    tabsWithError?: Array<string | number>;
+}
+export interface MenuProps {
+    toolbar?: ReactElement<any>;
+    customClass?: string;
+    customClassForToolBar?: string;
+    tabWidth?: string | number;
+    tabMenuAlign?: Position;
+    selectedTabId?: string;
+    firstTabIdent?: boolean;
+    tabs?: TabProps[];
+    tabMenuSize?: Size;
+    handlerClick?: (id?: string) => void;
+    handlerRemovePanel?: (id?: string, idx?: number, bool?: boolean) => void;
+    tabsWithError?: Array<string | number>;
+}
+export interface DropdownProps extends MenuProps {
+}
+export interface PanelProps {
+    id?: string;
+    icon?: ReactElement;
+    title?: string;
+    hidden?: boolean;
+    tooltip?: string;
+    disabled?: boolean;
+    closable?: boolean;
+    iconName?: IconNames;
+    children?: ReactNode;
+    closeable?: boolean;
+    iconAlign?: Extract<Position, 'left' | 'right'>;
+    customClass?: string;
+    tooltipWidth?: string | number;
+    onEndReached?: () => void;
+    permissionAttr?: PermissionAttr;
+    tooltipPosition?: Exclude<Position, 'center'>;
+    onEndReachedThreshold?: number;
+    style?: CSSProperties;
+}

package/lib/tabs/useTabs.d.ts

@@ -0,0 +1 @@
+export declare function useTabs(): import('./types').TabsContextType;

package/lib/tabs/useTabs.js

@@ -0,0 +1,9 @@
+import { useContext as t } from "react";
+import { TabsContext as o } from "./context.js";
+function n() {
+  return t(o);
+}
+export {
+  n as useTabs
+};
+//# sourceMappingURL=useTabs.js.map

package/lib/tabs/useTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTabs.js","sources":["../../src/lib/tabs/useTabs.ts"],"sourcesContent":["import { useContext } from 'react';\nimport { TabsContext } from './context';\n\nexport function useTabs() {\n  return useContext(TabsContext);\n}\n"],"names":["useTabs","useContext","TabsContext"],"mappings":";;AAGO,SAAAA,IAAA;AAAA,SACEC,EAAWC,CAAW;AAAC;"}

package/lib/textContent/index.d.ts

@@ -0,0 +1,14 @@
+import { HTMLAttributes, MouseEventHandler } from 'react';
+import { ITooltipCommonProps } from '../tooltip/types';
+interface TextContentProps extends HTMLAttributes<HTMLElement>, ITooltipCommonProps {
+    as?: 'span' | 'strong' | 'p';
+    label?: string | string[];
+    styleForLabel?: object;
+    labelUppercase?: boolean;
+    required?: boolean;
+    disabled?: boolean;
+    onHoverLabel?: MouseEventHandler<HTMLElement>;
+    errorMessage?: string;
+}
+declare const TextContent: import('react').ForwardRefExoticComponent<TextContentProps & import('react').RefAttributes<HTMLElement>>;
+export default TextContent;

package/lib/textContent/index.js

@@ -0,0 +1,44 @@
+import { jsx as g, jsxs as w } from "react/jsx-runtime";
+import { c as P } from "../_virtual/compiler-runtime.js";
+import { forwardRef as W, useRef as $, useImperativeHandle as I, Fragment as S } from "react";
+import '../assets/styles/textContent.css';/* empty css                                */
+import { Tooltip as U } from "../tooltip/index.js";
+const k = W((b, v) => {
+  const t = P.c(28);
+  let e, f, o, l, r, s, m, i, n, a;
+  if (t[0] !== b) {
+    const {
+      as: L,
+      children: N,
+      className: _,
+      styleForLabel: C,
+      onHoverLabel: E,
+      tooltip: F,
+      tooltipPosition: H,
+      tooltipWidth: M,
+      errorMessage: T,
+      labelUppercase: q,
+      ...j
+    } = b;
+    m = L, e = N, f = _, s = C, l = E, i = F, n = H, a = M, o = T, r = j, t[0] = b, t[1] = e, t[2] = f, t[3] = o, t[4] = l, t[5] = r, t[6] = s, t[7] = m, t[8] = i, t[9] = n, t[10] = a;
+  } else
+    e = t[1], f = t[2], o = t[3], l = t[4], r = t[5], s = t[6], m = t[7], i = t[8], n = t[9], a = t[10];
+  const d = m === void 0 ? "span" : m, y = $(null);
+  let x, u;
+  t[11] === Symbol.for("react.memo_cache_sentinel") ? (x = () => y.current, u = [], t[11] = x, t[12] = u) : (x = t[11], u = t[12]), I(v, x, u);
+  const R = `text-content-component ${f}`;
+  let p;
+  t[13] !== d || t[14] !== e || t[15] !== l || t[16] !== r || t[17] !== s || t[18] !== R ? (p = /* @__PURE__ */ g(d, { ref: y, style: s, className: R, "data-textcontent": d, onMouseEnter: l, ...r, children: e }), t[13] = d, t[14] = e, t[15] = l, t[16] = r, t[17] = s, t[18] = R, t[19] = p) : p = t[19];
+  let c;
+  t[20] !== o || t[21] !== i || t[22] !== n || t[23] !== a ? (c = /* @__PURE__ */ g(U, { targetRef: y, text: i, position: n, width: a, textError: o }), t[20] = o, t[21] = i, t[22] = n, t[23] = a, t[24] = c) : c = t[24];
+  let h;
+  return t[25] !== p || t[26] !== c ? (h = /* @__PURE__ */ w(S, { children: [
+    p,
+    c
+  ] }), t[25] = p, t[26] = c, t[27] = h) : h = t[27], h;
+});
+k.displayName = "TextContent";
+export {
+  k as default
+};
+//# sourceMappingURL=index.js.map

package/lib/textContent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/lib/textContent/index.tsx"],"sourcesContent":["import { Fragment, HTMLAttributes, MouseEventHandler, forwardRef, useImperativeHandle, useRef } from 'react';\nimport '../assets/styles/textContent.scss';\nimport { Tooltip } from '../tooltip';\nimport { ITooltipCommonProps } from '../tooltip/types';\n\ninterface TextContentProps extends HTMLAttributes<HTMLElement>, ITooltipCommonProps {\n  as?: 'span' | 'strong' | 'p';\n  label?: string | string[];\n  styleForLabel?: object;\n  labelUppercase?: boolean;\n  required?: boolean;\n  disabled?: boolean;\n  onHoverLabel?: MouseEventHandler<HTMLElement>;\n  errorMessage?: string;\n}\n\nconst TextContent = forwardRef<HTMLElement, TextContentProps>(({\n  as: Comp = 'span',\n  children,\n  className,\n  styleForLabel,\n  onHoverLabel,\n  tooltip,\n  tooltipPosition,\n  tooltipWidth,\n  errorMessage,\n  labelUppercase: __,\n  ...props\n}, ref) => {\n  const compRef = useRef<HTMLParagraphElement | null>(null);\n\n  useImperativeHandle(ref, () => compRef.current as HTMLElement, []);\n\n  return (\n    <Fragment>\n      <Comp\n        ref={compRef}\n        style={styleForLabel}\n        className={`text-content-component ${className}`}\n        data-textcontent={Comp}\n        onMouseEnter={onHoverLabel}\n        {...props}>\n        {children}\n      </Comp>\n      <Tooltip\n        targetRef={compRef}\n        text={tooltip}\n        position={tooltipPosition}\n        width={tooltipWidth}\n        textError={errorMessage}/>\n    </Fragment>\n  );\n});\n\nTextContent.displayName = 'TextContent';\nexport default TextContent;\n"],"names":["TextContent","forwardRef","t0","ref","$","_c","children","className","errorMessage","onHoverLabel","props","styleForLabel","t1","tooltip","tooltipPosition","tooltipWidth","as","t2","t3","t4","t5","t6","t7","t8","t9","t10","labelUppercase","__","t11","Comp","undefined","compRef","useRef","Symbol","for","current","useImperativeHandle","jsx","Tooltip","Fragment","displayName"],"mappings":"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"}

package/lib/toolbar/ButtonBar.d.ts

@@ -0,0 +1,3 @@
+import { IButtonBarProps } from './types';
+declare const ButtonBar: ({ size, icon, onClick, iconName, transparent, customClass, type, iconAlign, label, ...props }: IButtonBarProps) => import("react/jsx-runtime").JSX.Element;
+export default ButtonBar;

package/lib/toolbar/ButtonBar.js

@@ -0,0 +1,68 @@
+import { jsx as o } from "react/jsx-runtime";
+import { c as b } from "../_virtual/compiler-runtime.js";
+import { useContext as A } from "react";
+import S from "../buttons/Button.js";
+import k from "../buttons/PrimaryButton.js";
+import w from "../buttons/DangerButton.js";
+import z from "../buttons/WarningButton.js";
+import D from "../buttons/SuccessButton.js";
+import E from "../buttons/InfoButton.js";
+import I from "../buttons/SaveButton.js";
+import P from "../buttons/CancelButton.js";
+import R from "../buttons/EditButton.js";
+import T from "../buttons/DestroyButton.js";
+import $ from "../buttons/AddButton.js";
+import h from "../buttons/ActivateButton.js";
+import j from "../buttons/InactivateButton.js";
+import N from "../buttons/RestoreButton.js";
+import '../assets/styles/button.css';/* empty css                           */
+import W from "./helpers.js";
+const nt = (c) => {
+  const r = b.c(3), {
+    size: p,
+    icon: f,
+    onClick: u,
+    iconName: l,
+    transparent: B,
+    customClass: d,
+    type: m,
+    iconAlign: s,
+    label: a,
+    ...v
+  } = c, g = m === void 0 ? "default" : m, x = s === void 0 ? "left" : s, y = a === void 0 ? "" : a, {
+    skeletonize: C
+  } = A(W), t = () => ({
+    ...v,
+    size: p,
+    icon: f,
+    label: y,
+    onClick: u,
+    iconName: l,
+    iconAlign: x,
+    transparent: B,
+    skeletonize: C,
+    boxShadow: !1,
+    customClass: `buttonbar ${d}`
+  }), i = N, e = t();
+  let n;
+  return r[0] !== i || r[1] !== e ? (n = /* @__PURE__ */ o(i, { ...e }), r[0] = i, r[1] = e, r[2] = n) : n = r[2], {
+    default: /* @__PURE__ */ o(S, { ...t() }),
+    primary: /* @__PURE__ */ o(k, { ...t() }),
+    danger: /* @__PURE__ */ o(w, { ...t() }),
+    info: /* @__PURE__ */ o(E, { ...t() }),
+    success: /* @__PURE__ */ o(D, { ...t() }),
+    warning: /* @__PURE__ */ o(z, { ...t() }),
+    add: /* @__PURE__ */ o($, { ...t() }),
+    cancel: /* @__PURE__ */ o(P, { ...t() }),
+    destroy: /* @__PURE__ */ o(T, { ...t() }),
+    edit: /* @__PURE__ */ o(R, { ...t() }),
+    save: /* @__PURE__ */ o(I, { ...t() }),
+    activate: /* @__PURE__ */ o(h, { ...t() }),
+    inactivate: /* @__PURE__ */ o(j, { ...t() }),
+    restore: n
+  }[g];
+};
+export {
+  nt as default
+};
+//# sourceMappingURL=ButtonBar.js.map

package/lib/toolbar/ButtonBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonBar.js","sources":["../../src/lib/toolbar/ButtonBar.tsx"],"sourcesContent":["import { useContext } from 'react';\nimport Button, {\n  PrimaryButton,\n  DangerButton,\n  InfoButton,\n  SuccessButton,\n  WarningButton,\n  AddButton,\n  CancelButton,\n  DestroyButton,\n  EditButton,\n  SaveButton,\n  ActivateButton,\n  InactivateButton,\n  RestoreButton,\n} from '../buttons';\nimport ToolBarContext from './helpers';\nimport { IButtonBarProps } from './types';\n\nconst ButtonBar = ({\n  size,\n  icon,\n  onClick,\n  iconName,\n  transparent,\n  customClass,\n  type = 'default',\n  iconAlign = 'left',\n  label = '',\n  ...props\n}: IButtonBarProps) => {\n  const { skeletonize } = useContext(ToolBarContext);\n  const getProps = () => ({\n    ...props,\n    size,\n    icon,\n    label,\n    onClick,\n    iconName,\n    iconAlign,\n    transparent,\n    skeletonize,\n    boxShadow: false,\n    customClass: `buttonbar ${customClass}`,\n  });\n\n  return ({\n    default: <Button {...getProps()} />,\n    primary: <PrimaryButton {...getProps()} />,\n    danger: <DangerButton {...getProps()} />,\n    info: <InfoButton {...getProps()} />,\n    success: <SuccessButton {...getProps()} />,\n    warning: <WarningButton {...getProps()} />,\n    add: <AddButton {...getProps()} />,\n    cancel: <CancelButton {...getProps()} />,\n    destroy: <DestroyButton {...getProps()} />,\n    edit: <EditButton {...getProps()} />,\n    save: <SaveButton {...getProps()} />,\n    activate: <ActivateButton {...getProps()} />,\n    inactivate: <InactivateButton {...getProps()} />,\n    restore: <RestoreButton {...getProps()} />,\n  }[type]);\n};\n\nexport default ButtonBar;\n"],"names":["ButtonBar","t0","$","_c","size","icon","onClick","iconName","transparent","customClass","type","t1","iconAlign","t2","label","t3","props","undefined","skeletonize","useContext","ToolBarContext","getProps","boxShadow","T0","RestoreButton","t4","t5","jsx","default","Button","primary","PrimaryButton","danger","DangerButton","info","InfoButton","success","SuccessButton","warning","WarningButton","add","AddButton","cancel","CancelButton","destroy","DestroyButton","edit","EditButton","save","SaveButton","activate","ActivateButton","inactivate","InactivateButton","restore"],"mappings":";;;;;;;;;;;;;;;;;;;AAmBA,MAAMA,KAAYC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GAAC;AAAA,IAAAC,MAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,MAAAC;AAAAA,IAAAC,WAAAC;AAAAA,IAAAC,OAAAC;AAAAA,IAAA,GAAAC;AAAAA,EAAAA,IAAAf,GAOjBS,IAAAC,MAAAM,SAAA,YAAAN,GACAC,IAAAC,MAAAI,SAAA,SAAAJ,GACAC,IAAAC,MAAAE,SAAA,KAAAF,GAGA;AAAA,IAAAG,aAAAA;AAAAA,EAAAA,IAAwBC,EAAWC,CAAc,GACjDC,IAAiBA,OAAO;AAAA,IAAA,GACnBL;AAAAA,IAAKZ,MAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAS,OAAAA;AAAAA,IAAAR,SAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAK,WAAAA;AAAAA,IAAAJ,aAAAA;AAAAA,IAAAU,aAAAA;AAAAA,IAAAI,WASG;AAAA,IAAKb,aACH,aAAaA,CAAW;AAAA,EAAA,IAiB3Bc,IAAAC,GAAkBC,IAAAJ,EAAAA;AAAU,MAAAK;AAAA,SAAAxB,EAAA,CAAA,MAAAqB,KAAArB,SAAAuB,KAA7BC,IAAA,gBAAAC,EAACJ,GAAA,EAAa,GAAKE,EAAAA,CAAU,GAAIvB,OAAAqB,GAAArB,OAAAuB,GAAAvB,OAAAwB,KAAAA,IAAAxB,EAAA,CAAA,GAdpC;AAAA,IAAA0B,SACG,gBAAAD,EAACE,GAAA,KAAWR,IAAS,CAAC;AAAA,IAAIS,SAC1B,gBAAAH,EAACI,GAAA,KAAkBV,IAAS,CAAC;AAAA,IAAIW,QAClC,gBAAAL,EAACM,GAAA,KAAiBZ,IAAS,CAAC;AAAA,IAAIa,MAClC,gBAAAP,EAACQ,GAAA,KAAed,IAAS,CAAC;AAAA,IAAIe,SAC3B,gBAAAT,EAACU,GAAA,KAAkBhB,IAAS,CAAC;AAAA,IAAIiB,SACjC,gBAAAX,EAACY,GAAA,KAAkBlB,IAAS,CAAC;AAAA,IAAImB,KACrC,gBAAAb,EAACc,GAAA,KAAcpB,IAAS,CAAC;AAAA,IAAIqB,QAC1B,gBAAAf,EAACgB,GAAA,KAAiBtB,IAAS,CAAC;AAAA,IAAIuB,SAC/B,gBAAAjB,EAACkB,GAAA,KAAkBxB,IAAS,CAAC;AAAA,IAAIyB,MACpC,gBAAAnB,EAACoB,GAAA,KAAe1B,IAAS,CAAC;AAAA,IAAI2B,MAC9B,gBAAArB,EAACsB,GAAA,KAAe5B,IAAS,CAAC;AAAA,IAAI6B,UAC1B,gBAAAvB,EAACwB,GAAA,KAAmB9B,IAAS,CAAC;AAAA,IAAI+B,YAChC,gBAAAzB,EAAC0B,GAAA,KAAqBhC,IAAS,CAAC;AAAA,IAAIiC,SACvC5B;AAAAA,EAAAA,EACThB,CAAI;AAAC;"}

package/lib/toolbar/LabelBar.d.ts

@@ -0,0 +1,3 @@
+import { ILabelBarProps } from './types';
+declare const LabelBar: ({ size, icon, children, iconName, style, type, bordered, ...props }: ILabelBarProps) => import("react/jsx-runtime").JSX.Element;
+export default LabelBar;

package/lib/toolbar/LabelBar.js

@@ -0,0 +1,52 @@
+import { jsx as e } from "react/jsx-runtime";
+import { c as v } from "../_virtual/compiler-runtime.js";
+import { useContext as C } from "react";
+import h from "../labels/DefaultLabel.js";
+import z from "../labels/DangerLabel.js";
+import B from "../labels/PrimaryLabel.js";
+import D from "../labels/WarningLabel.js";
+import P from "../labels/SuccessLabel.js";
+import T from "../labels/InfoLabel.js";
+import '../assets/styles/label.css';/* empty css                          */
+import j from "./helpers.js";
+const A = (l) => {
+  const o = v.c(3), {
+    size: p,
+    icon: c,
+    children: f,
+    iconName: d,
+    style: n,
+    type: a,
+    bordered: m,
+    ...b
+  } = l, u = n === void 0 ? {} : n, x = a === void 0 ? "default" : a, y = m === void 0 ? !1 : m, g = {
+    lineHeight: "unset",
+    padding: "7px 10px 6px",
+    ...u
+  }, {
+    skeletonize: L
+  } = C(j), t = () => ({
+    ...b,
+    size: p,
+    icon: c,
+    children: f,
+    iconName: d,
+    style: g,
+    bordered: y,
+    skeletonize: L,
+    customClass: "labelbar"
+  }), s = D, i = t();
+  let r;
+  return o[0] !== s || o[1] !== i ? (r = /* @__PURE__ */ e(s, { ...i }), o[0] = s, o[1] = i, o[2] = r) : r = o[2], {
+    default: /* @__PURE__ */ e(h, { ...t() }),
+    primary: /* @__PURE__ */ e(B, { ...t() }),
+    danger: /* @__PURE__ */ e(z, { ...t() }),
+    info: /* @__PURE__ */ e(T, { ...t() }),
+    success: /* @__PURE__ */ e(P, { ...t() }),
+    warning: r
+  }[x];
+};
+export {
+  A as default
+};
+//# sourceMappingURL=LabelBar.js.map

package/lib/toolbar/LabelBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabelBar.js","sources":["../../src/lib/toolbar/LabelBar.tsx"],"sourcesContent":["import { useContext } from 'react';\nimport Label, {\n  InfoLabel,\n  DangerLabel,\n  PrimaryLabel,\n  WarningLabel,\n  SuccessLabel,\n} from '../labels';\nimport ToolBarContext from './helpers';\nimport { ILabelBarProps } from './types';\n\nconst LabelBar = ({\n  size,\n  icon,\n  children,\n  iconName,\n  style = {},\n  type = 'default',\n  bordered = false,\n  ...props\n}: ILabelBarProps) => {\n  const styles = { lineHeight: 'unset', padding: '7px 10px 6px', ...style };\n  const { skeletonize } = useContext(ToolBarContext);\n  const getProps = () => ({\n    ...props,\n    size,\n    icon,\n    children,\n    iconName,\n    style: styles,\n    bordered,\n    skeletonize,\n    customClass: 'labelbar',\n  });\n\n  return ({\n    default: <Label {...getProps()} />,\n    primary: <PrimaryLabel {...getProps()} />,\n    danger: <DangerLabel {...getProps()} />,\n    info: <InfoLabel {...getProps()} />,\n    success: <SuccessLabel {...getProps()} />,\n    warning: <WarningLabel {...getProps()} />,\n  }[type]);\n};\n\nexport default LabelBar;\n"],"names":["LabelBar","t0","$","_c","size","icon","children","iconName","style","t1","type","t2","bordered","t3","props","undefined","styles","lineHeight","padding","skeletonize","useContext","ToolBarContext","getProps","customClass","T0","WarningLabel","t4","t5","jsx","default","Label","primary","PrimaryLabel","danger","DangerLabel","info","InfoLabel","success","SuccessLabel","warning"],"mappings":";;;;;;;;;;;AAWA,MAAMA,IAAWC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GAAC;AAAA,IAAAC,MAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,OAAAC;AAAAA,IAAAC,MAAAC;AAAAA,IAAAC,UAAAC;AAAAA,IAAA,GAAAC;AAAAA,EAAAA,IAAAb,GAKhBO,IAAAC,MAAAM,SAAA,CAAA,IAAAN,GACAC,IAAAC,MAAAI,SAAA,YAAAJ,GACAC,IAAAC,MAAAE,SAAA,KAAAF,GAGAG,IAAe;AAAA,IAAAC,YAAc;AAAA,IAAOC,SAAW;AAAA,IAAc,GAAKV;AAAAA,EAAAA,GAClE;AAAA,IAAAW,aAAAA;AAAAA,EAAAA,IAAwBC,EAAWC,CAAc,GACjDC,IAAiBA,OAAO;AAAA,IAAA,GACnBR;AAAAA,IAAKV,MAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,OAKDQ;AAAAA,IAAMJ,UAAAA;AAAAA,IAAAO,aAAAA;AAAAA,IAAAI,aAGA;AAAA,EAAA,IASHC,IAAAC,GAAiBC,IAAAJ,EAAAA;AAAU,MAAAK;AAAA,SAAAzB,EAAA,CAAA,MAAAsB,KAAAtB,SAAAwB,KAA5BC,IAAA,gBAAAC,EAACJ,GAAA,EAAY,GAAKE,EAAAA,CAAU,GAAIxB,OAAAsB,GAAAtB,OAAAwB,GAAAxB,OAAAyB,KAAAA,IAAAzB,EAAA,CAAA,GANnC;AAAA,IAAA2B,SACG,gBAAAD,EAACE,GAAA,KAAUR,IAAS,CAAC;AAAA,IAAIS,SACzB,gBAAAH,EAACI,GAAA,KAAiBV,IAAS,CAAC;AAAA,IAAIW,QACjC,gBAAAL,EAACM,GAAA,KAAgBZ,IAAS,CAAC;AAAA,IAAIa,MACjC,gBAAAP,EAACQ,GAAA,KAAcd,IAAS,CAAC;AAAA,IAAIe,SAC1B,gBAAAT,EAACU,GAAA,KAAiBhB,IAAS,CAAC;AAAA,IAAIiB,SAChCZ;AAAAA,EAAAA,EACTjB,CAAI;AAAC;"}

package/lib/toolbar/Separator.d.ts

@@ -0,0 +1,2 @@
+declare const Separator: () => import("react/jsx-runtime").JSX.Element;
+export default Separator;

package/lib/toolbar/Separator.js

@@ -0,0 +1,11 @@
+import { jsx as t } from "react/jsx-runtime";
+import { c as o } from "../_virtual/compiler-runtime.js";
+const m = () => {
+  const r = o.c(1);
+  let e;
+  return r[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ t("div", { className: "separator" }), r[0] = e) : e = r[0], e;
+};
+export {
+  m as default
+};
+//# sourceMappingURL=Separator.js.map

package/lib/toolbar/Separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.js","sources":["../../src/lib/toolbar/Separator.tsx"],"sourcesContent":["\nconst Separator = () => (\n  <div className=\"separator\" />\n);\n\nexport default Separator;\n"],"names":["Separator","$","_c","t0","Symbol","for","jsx"],"mappings":";;AACA,MAAMA,IAAYA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA;AAAA,MAAAC;AAAA,SAAAF,EAAA,CAAA,MAAAG,OAAAC,IAAA,2BAAA,KAChBF,IAAA,gBAAAG,EAAA,OAAA,EAAe,WAAA,YAAA,CAAW,GAAGL,OAAAE,KAAAA,IAAAF,EAAA,CAAA,GAA7BE;AAA6B;"}

package/lib/toolbar/ToolBarGroup.d.ts

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

package/lib/toolbar/ToolBarGroup.js

@@ -0,0 +1,17 @@
+import { jsx as i } from "react/jsx-runtime";
+import { c as a } from "../_virtual/compiler-runtime.js";
+const p = (c) => {
+  const t = a.c(5), {
+    children: s,
+    style: o
+  } = c;
+  let e;
+  t[0] !== o ? (e = o === void 0 ? {} : o, t[0] = o, t[1] = e) : e = t[1];
+  const l = e;
+  let r;
+  return t[2] !== s || t[3] !== l ? (r = /* @__PURE__ */ i("div", { className: "toolbar-group", style: l, children: s }), t[2] = s, t[3] = l, t[4] = r) : r = t[4], r;
+};
+export {
+  p as default
+};
+//# sourceMappingURL=ToolBarGroup.js.map

package/lib/toolbar/ToolBarGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolBarGroup.js","sources":["../../src/lib/toolbar/ToolBarGroup.tsx"],"sourcesContent":["import { IToolBarGroup } from './types';\n\nconst ToolBarGroup = ({ children, style = {} }: IToolBarGroup) => (\n  <div className=\"toolbar-group\" style={style}>\n    {children}\n  </div>\n);\n\nexport default ToolBarGroup;\n"],"names":["ToolBarGroup","t0","$","_c","children","style","t1","t2","undefined","t3","jsx"],"mappings":";;AAEA,MAAMA,IAAeC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GAAC;AAAA,IAAAC,UAAAA;AAAAA,IAAAC,OAAAC;AAAAA,EAAAA,IAAAL;AAAuC,MAAAM;AAAA,EAAAL,SAAAI,KAA3BC,IAAAD,MAAAE,SAAA,CAAA,IAAAF,GAAUJ,OAAAI,GAAAJ,OAAAK,KAAAA,IAAAL,EAAA,CAAA;AAAV,QAAAG,IAAAE;AAAU,MAAAE;AAAA,SAAAP,EAAA,CAAA,MAAAE,KAAAF,SAAAG,KAC1CI,IAAA,gBAAAC,EAAA,OAAA,EAAe,WAAA,iBAAuBL,OAAAA,GACnCD,UAAAA,GACH,GAAMF,OAAAE,GAAAF,OAAAG,GAAAH,OAAAO,KAAAA,IAAAP,EAAA,CAAA,GAFNO;AAEM;"}

package/lib/toolbar/helpers.d.ts

@@ -0,0 +1,3 @@
+import { IToolbarProps } from './types';
+declare const ToolBarContext: import('react').Context<IToolbarProps>;
+export default ToolBarContext;

package/lib/toolbar/helpers.js

@@ -0,0 +1,6 @@
+import { createContext as t } from "react";
+const e = t({});
+export {
+  e as default
+};
+//# sourceMappingURL=helpers.js.map

package/lib/toolbar/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sources":["../../src/lib/toolbar/helpers.ts"],"sourcesContent":["import { createContext } from 'react';\nimport { IToolbarProps } from './types';\n\nconst ToolBarContext = createContext({} as IToolbarProps);\n\nexport default ToolBarContext;\n"],"names":["ToolBarContext","createContext"],"mappings":";AAGA,MAAMA,IAAiBC,EAAc,CAAA,CAAmB;"}

package/lib/toolbar/index.d.ts

@@ -0,0 +1,8 @@
+import { default as ToolBarGroup } from './ToolBarGroup';
+import { default as Separator } from './Separator';
+import { default as ButtonBar } from './ButtonBar';
+import { default as LabelBar } from './LabelBar';
+import { IToolbarProps } from './types';
+declare const ToolBar: ({ innerRef, children, style, size, customClass, ...props }: IToolbarProps) => import("react/jsx-runtime").JSX.Element;
+export default ToolBar;
+export { ToolBarGroup, Separator, ButtonBar, LabelBar, };

package/lib/toolbar/index.js

@@ -0,0 +1,40 @@
+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;
+};
+export {
+  N as ButtonBar,
+  S as LabelBar,
+  G as Separator,
+  z as ToolBarGroup,
+  y as default
+};
+//# sourceMappingURL=index.js.map

package/lib/toolbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/lib/toolbar/index.tsx"],"sourcesContent":["import ToolBarGroup from './ToolBarGroup';\nimport Separator from './Separator';\nimport ButtonBar from './ButtonBar';\nimport LabelBar from './LabelBar';\nimport '../assets/styles/toolbar.scss';\nimport ToolBarContext from './helpers';\nimport { IToolbarProps } from './types';\n\nconst ToolBar = ({\n  innerRef,\n  children,\n  style = {},\n  size,\n  customClass = '',\n  ...props\n}: IToolbarProps) => {\n  const contextValues = { ...props };\n  return (\n    <ToolBarContext.Provider value={contextValues}>\n      <div\n        ref={innerRef}\n        className={`toolbar-component ${size ? `${size}-bar` : ''} ${customClass}`}\n        style={style}>\n        {children}\n      </div>\n    </ToolBarContext.Provider>\n  );\n};\n\nexport default ToolBar;\nexport {\n  ToolBarGroup,\n  Separator,\n  ButtonBar,\n  LabelBar,\n};\n"],"names":["ToolBar","t0","$","_c","children","innerRef","props","size","t1","t2","style","customClass","t3","undefined","t4","contextValues","t5","t6","t7","ToolBarContext"],"mappings":";;;;;;;;AAQA,MAAMA,IAAUC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA;AAAA,MAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC;AAAA,EAAAP,SAAAD,KAAC;AAAA,IAAAI,UAAAA;AAAAA,IAAAD,UAAAA;AAAAA,IAAAM,OAAAF;AAAAA,IAAAD,MAAAA;AAAAA,IAAAI,aAAAF;AAAAA,IAAA,GAAAH;AAAAA,EAAAA,IAAAL,GAODC,OAAAD,GAAAC,OAAAE,GAAAF,OAAAG,GAAAH,OAAAI,GAAAJ,OAAAK,GAAAL,OAAAM,GAAAN,OAAAO,MAAAL,IAAAF,EAAA,CAAA,GAAAG,IAAAH,EAAA,CAAA,GAAAI,IAAAJ,EAAA,CAAA,GAAAK,IAAAL,EAAA,CAAA,GAAAM,IAAAN,EAAA,CAAA,GAAAO,IAAAP,EAAA,CAAA;AAAA,MAAAU;AAAA,EAAAV,SAAAM,KAJdI,IAAAJ,MAAAK,SAAA,CAAA,IAAAL,GAAUN,OAAAM,GAAAN,OAAAU,KAAAA,IAAAV,EAAA,CAAA;AAAV,QAAAQ,IAAAE,GAEAD,IAAAF,MAAAI,SAAA,KAAAJ;AAAgB,MAAAK;AAAA,EAAAZ,SAAAI,KAGMQ,IAAA;AAAA,IAAA,GAAKR;AAAAA,EAAAA,GAAOJ,OAAAI,GAAAJ,QAAAY,KAAAA,IAAAZ,EAAA,EAAA;AAAlC,QAAAa,IAAsBD,GAKLE,IAAA,qBAAqBT,IAAA,GAAUA,CAAI,SAAd,EAAyB,IAAII,CAAW;AAAE,MAAAM;AAAA,EAAAf,EAAA,EAAA,MAAAE,KAAAF,EAAA,EAAA,MAAAG,KAAAH,EAAA,EAAA,MAAAQ,KAAAR,UAAAc,KAF5EC,sBAAA,OAAA,EACOZ,QACM,WAAAW,GACJN,OAAAA,GACNN,UAAAA,GACH,GAAMF,QAAAE,GAAAF,QAAAG,GAAAH,QAAAQ,GAAAR,QAAAc,GAAAd,QAAAe,KAAAA,IAAAf,EAAA,EAAA;AAAA,MAAAgB;AAAA,SAAAhB,EAAA,EAAA,MAAAa,KAAAb,UAAAe,KANRC,sBAAAC,EAAA,UAAA,EAAgCJ,OAAAA,GAC9BE,UAAAA,GAMF,GAA0Bf,QAAAa,GAAAb,QAAAe,GAAAf,QAAAgB,KAAAA,IAAAhB,EAAA,EAAA,GAP1BgB;AAO0B;"}

package/lib/toolbar/types.d.ts

@@ -0,0 +1,43 @@
+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;
+    innerRef?: () => void;
+    style?: CSSProperties;
+    size?: Extract<Size, 'small' | 'large'>;
+}
+export interface IButtonBarProps {
+    label?: string;
+    iconName?: IconNames;
+    type?: ButtonTypes;
+    icon?: ReactElement;
+    onClick?: () => void;
+    customClass?: string;
+    transparent?: boolean;
+    size?: Size;
+    iconAlign?: Extract<Position, 'left' | 'center'>;
+    validationKey?: string;
+    boxShadow?: boolean;
+    id?: string;
+    onNodeElementClick?: (node: NodeItem) => void;
+    buttonRef?: MutableRefObject<HTMLButtonElement | null> | ((ref: HTMLButtonElement | null) => void);
+}
+export interface ILabelBarProps {
+    iconName?: IconNames;
+    bordered?: boolean;
+    icon?: ReactElement;
+    children?: ReactNode;
+    style?: CSSProperties;
+    size?: Extract<Size, 'small' | 'large'>;
+    type?: Extract<ButtonTypes, 'default' | 'primary' | 'danger' | 'info' | 'success' | 'warning'>;
+}
+export interface IToolBarGroup {
+    style?: CSSProperties;
+    children: ReactNode;
+}

package/lib/tooltip/TooltipContent.d.ts

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

package/lib/tooltip/TooltipContent.js

@@ -0,0 +1,40 @@
+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);
+    };
+  }, []), 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);
+};
+export {
+  w as default
+};
+//# sourceMappingURL=TooltipContent.js.map

package/lib/tooltip/TooltipContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipContent.js","sources":["../../src/lib/tooltip/TooltipContent.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport { createPortal } from 'react-dom';\nimport * as uuid from 'uuid';\nimport { ITooltipContentProps } from './types';\nimport '../assets/styles/tooltip.scss';\n\nconst TooltipContent = ({\n  text,\n  textError,\n  tooltipRef,\n  style = '',\n  styleForContent,\n  tooltipDimensions,\n  position = 'bottom',\n  handlerSetDimensions = () => { },\n}: ITooltipContentProps) => {\n  const tooltipComponent = useRef(document.createElement('div'));\n\n  useEffect(() => {\n    tooltipComponent.current.id = `tooltip-${uuid.v1()}`;\n    tooltipComponent.current.className = `tooltip-component ${position} `;\n    tooltipComponent.current.dataset.testid = 'tooltip-component';\n    tooltipComponent.current.style.cssText = style;\n\n    document.body.appendChild(tooltipComponent.current);\n    const tooltipEl: HTMLDivElement | null = document.querySelector(`div#${tooltipComponent.current.id}`);\n\n    let widthDimension: number | string | undefined = tooltipEl?.offsetWidth;\n    const heightDimension: number | undefined = tooltipEl?.offsetHeight;\n\n    if (tooltipDimensions && tooltipDimensions.width) {\n      (widthDimension = tooltipDimensions.width);\n    }\n\n    handlerSetDimensions({\n      width: widthDimension as string | number,\n      height: Number(heightDimension),\n    });\n    if (tooltipRef) { tooltipRef.current = tooltipEl; }\n\n    return () => {\n      document.body.removeChild(tooltipComponent.current);\n    };\n  }, []);\n\n  useEffect(() => {\n    tooltipComponent.current.className = `tooltip-component ${position} `;\n  }, [position]);\n\n  useEffect(() => {\n    tooltipComponent.current.style.cssText = style;\n  }, [style]);\n\n  useEffect(() => {\n    tooltipComponent.current.className = textError ?\n      `tooltip-error tooltip-component ${position}`\n      : `tooltip-component ${position}`;\n  }, [textError]);\n\n  const getTooltipContent = () => (\n    <div className=\"tooltipcontent\" style={styleForContent}>\n      {textError || text}\n    </div>\n  );\n\n  return (\n    createPortal(getTooltipContent(), tooltipComponent.current)\n  );\n};\n\nexport default TooltipContent;\n"],"names":["TooltipContent","text","textError","tooltipRef","style","styleForContent","tooltipDimensions","position","handlerSetDimensions","tooltipComponent","useRef","document","createElement","useEffect","current","id","uuid","className","dataset","testid","cssText","body","appendChild","tooltipEl","querySelector","widthDimension","offsetWidth","heightDimension","offsetHeight","width","height","Number","removeChild","createPortal","jsx"],"mappings":";;;;;AAMA,MAAMA,IAAiBA,CAAC;AAAA,EACtBC,MAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,YAAAA;AAAAA,EACAC,OAAAA,IAAQ;AAAA,EACRC,iBAAAA;AAAAA,EACAC,mBAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXC,sBAAAA,IAAuBA,MAAM;AAAA,EAAE;AACX,MAAM;AAC1B,QAAMC,IAAmBC,EAAOC,SAASC,cAAc,KAAK,CAAC;AAE7DC,SAAAA,EAAU,MAAM;AACdJ,IAAAA,EAAiBK,QAAQC,KAAK,WAAWC,GAAS,IAClDP,EAAiBK,QAAQG,YAAY,qBAAqBV,CAAQ,KAClEE,EAAiBK,QAAQI,QAAQC,SAAS,qBAC1CV,EAAiBK,QAAQV,MAAMgB,UAAUhB,GAEzCO,SAASU,KAAKC,YAAYb,EAAiBK,OAAO;AAClD,UAAMS,IAAmCZ,SAASa,cAAc,OAAOf,EAAiBK,QAAQC,EAAE,EAAE;AAEpG,QAAIU,IAA8CF,GAAWG;AAC7D,UAAMC,IAAsCJ,GAAWK;AAEvD,WAAItB,KAAqBA,EAAkBuB,UACxCJ,IAAiBnB,EAAkBuB,QAGtCrB,EAAqB;AAAA,MACnBqB,OAAOJ;AAAAA,MACPK,QAAQC,OAAOJ,CAAe;AAAA,IAAA,CAC/B,GACGxB,MAAcA,EAAWW,UAAUS,IAEhC,MAAM;AACXZ,eAASU,KAAKW,YAAYvB,EAAiBK,OAAO;AAAA,IACpD;AAAA,EACF,GAAG,CAAA,CAAE,GAELD,EAAU,MAAM;AACdJ,IAAAA,EAAiBK,QAAQG,YAAY,qBAAqBV,CAAQ;AAAA,EACpE,GAAG,CAACA,CAAQ,CAAC,GAEbM,EAAU,MAAM;AACdJ,IAAAA,EAAiBK,QAAQV,MAAMgB,UAAUhB;AAAAA,EAC3C,GAAG,CAACA,CAAK,CAAC,GAEVS,EAAU,MAAM;AACdJ,IAAAA,EAAiBK,QAAQG,YAAYf,IACnC,mCAAmCK,CAAQ,KACzC,qBAAqBA,CAAQ;AAAA,EACnC,GAAG,CAACL,CAAS,CAAC,GASZ+B,EANA,gBAAAC,EAAC,OAAA,EAAI,WAAU,kBAAiB,OAAO7B,GACpCH,UAAAA,KAAaD,EAAAA,CAChB,GAIkCQ,EAAiBK,OAAO;AAE9D;"}

package/lib/tooltip/index.d.ts

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

package/lib/tooltip/index.js

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

package/lib/tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/lib/tooltip/index.tsx"],"sourcesContent":["import TooltipContent from './TooltipContent';\nimport { ITooltipProps } from './types';\nimport { useTooltip } from './useTooltip';\n\nexport default function Tooltip({\n  text,\n  textError,\n  targetRef,\n  style,\n  width,\n  space,\n  className,\n  position = 'bottom',\n  onDeniedText,\n}: ITooltipProps) {\n  const { showTooltip, ...tooltipContentProps } = useTooltip({\n    targetRef,\n    errorMessage: textError,\n    position,\n    width,\n    text,\n    space,\n    onDeniedText,\n  });\n\n  if (!showTooltip) return null;\n  return (\n    <TooltipContent \n      styleForContent={style} \n      classNameForContent={className}\n      position={position}\n      {...tooltipContentProps} />\n  );\n}\n\nexport { Tooltip };\n"],"names":["Tooltip","t0","$","_c","text","textError","targetRef","style","width","space","className","position","t1","onDeniedText","undefined","t2","errorMessage","t3","useTooltip","showTooltip","tooltipContentProps","t4","TooltipContent"],"mappings":";;;;AAIA,SAAeA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GAAiB;AAAA,IAAAC,MAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC,UAAAC;AAAAA,IAAAC,cAAAA;AAAAA,EAAAA,IAAAZ,GAQ9BU,IAAAC,MAAAE,SAAA,WAAAF;AAAmB,MAAAG;AAAA,EAAAb,EAAA,CAAA,MAAAW,KAAAX,EAAA,CAAA,MAAAS,KAAAT,EAAA,CAAA,MAAAO,KAAAP,SAAAI,KAAAJ,EAAA,CAAA,MAAAE,KAAAF,EAAA,CAAA,MAAAG,KAAAH,EAAA,CAAA,MAAAM,KAGwCO,IAAA;AAAA,IAAAT,WAAAA;AAAAA,IAAAU,cAE3CX;AAAAA,IAASM,UAAAA;AAAAA,IAAAH,OAAAA;AAAAA,IAAAJ,MAAAA;AAAAA,IAAAK,OAAAA;AAAAA,IAAAI,cAAAA;AAAAA,EAAAA,GAMxBX,OAAAW,GAAAX,OAAAS,GAAAT,OAAAO,GAAAP,OAAAI,GAAAJ,OAAAE,GAAAF,OAAAG,GAAAH,OAAAM,GAAAN,OAAAa,KAAAA,IAAAb,EAAA,CAAA;AAR+C,QAAAe,IAAAC,EAAWH,CAQ1D;AAAC,MAAAI,GAAAC;AAEF,MAFElB,SAAAe,KARF;AAAA,IAAAE,aAAAA;AAAAA,IAAA,GAAAC;AAAAA,EAAAA,IAAgDH,GAQ7Cf,OAAAe,GAAAf,OAAAiB,GAAAjB,QAAAkB,MAAAD,IAAAjB,EAAA,CAAA,GAAAkB,IAAAlB,EAAA,EAAA,IAEC,CAACiB;AAAW,WAAS;AAAK,MAAAE;AAAA,SAAAnB,EAAA,EAAA,MAAAQ,KAAAR,EAAA,EAAA,MAAAS,KAAAT,EAAA,EAAA,MAAAK,KAAAL,UAAAkB,KAE5BC,sBAACC,KACkBf,iBAAAA,GACIG,qBAAAA,GACXC,UAAAA,GAAQ,GACdS,GAAmB,GAAIlB,QAAAQ,GAAAR,QAAAS,GAAAT,QAAAK,GAAAL,QAAAkB,GAAAlB,QAAAmB,KAAAA,IAAAnB,EAAA,EAAA,GAJ7BmB;AAI6B;"}