linear-react-components-ui 1.1.26-beta.14 → 1.1.26-beta.16

package/lib/textContent/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/lib/textContent/index.tsx"],"sourcesContent":["import React, { ForwardedRef, MutableRefObject, forwardRef } from 'react';\nimport '../assets/styles/textContent.scss';\nimport _ from 'lodash';\nimport { WithTooltipProps } from '../internals/types';\nimport withTooltip from '../internals/withTooltip';\n\ninterface TextContentProps extends React.HTMLAttributes<HTMLElement>, WithTooltipProps {\n  as?: 'span' | 'strong' | 'p';\n  label?: string | string[];\n  styleForLabel?: object;\n  labelUppercase?: boolean;\n  required?: boolean;\n  disabled?: boolean;\n  targetRef?: (ref: HTMLSpanElement | null) => void;\n  labelRef?: MutableRefObject<HTMLSpanElement | null>;\n  onHoverLabel?: (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;\n}\n\nconst TextContent = forwardRef<HTMLElement, TextContentProps>(({\n  as: Comp = 'span',\n  children,\n  className,\n  label,\n  styleForLabel,\n  disabled,\n  targetRef,\n  labelRef,\n  onHoverLabel,\n  ...props\n}, ref) => {\n  const typedRef = ref as ForwardedRef<HTMLParagraphElement>;\n  const restProps = _.omit(props, ['tooltipWidth', 'tooltip', 'tooltipPosition', 'labelUppercase']);\n\n  return (\n    <Comp\n      ref={typedRef}\n      style={styleForLabel}\n      className={`text-content-component ${className}`}\n      data-textcontent={Comp}\n      onMouseEnter={onHoverLabel}\n      {...restProps}>\n      {children}\n    </Comp>\n  );\n});\n\nTextContent.displayName = 'TextContent';\n\nexport default withTooltip(TextContent);\n"],"names":["TextContent","forwardRef","t0","ref","$","_c","Comp","children","className","onHoverLabel","styleForLabel","t1","typedRef","as","t2","t3","t4","label","t5","disabled","targetRef","labelRef","t6","props","undefined","_","omit","restProps","jsx","displayName","TextContent$1","withTooltip"],"mappings":";;;;;;AAkBA,MAAMA,IAAcC,EAA0C,CAAAC,GAAAC,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA;AAAA,MAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC;AAAA,MAAAR,EAAA,CAAA,MAAAD,KAAAC,SAAAF,GAAA;AAAC,UAAA;AAAA,MAAAW,IAAAC;AAAAA,MAAAP,UAAAQ;AAAAA,MAAAP,WAAAQ;AAAAA,MAAAC,OAAAA;AAAAA,MAAAP,eAAAQ;AAAAA,MAAAC,UAAAA;AAAAA,MAAAC,WAAAA;AAAAA,MAAAC,UAAAA;AAAAA,MAAAZ,cAAAa;AAAAA,MAAA,GAAAC;AAAAA,IAAAA,IAAArB;AAAAK,IAAAA,IAAAQ,GAAAP,IAAAQ,GAAAN,IAAAQ,GAAAT,IAAAa,GACzDhB,IAAAQ,MAAAU,SAAA,SAAAV,GAWJF,IAAiBT,GACCQ,IAAAc,EAACC,KAAMH,GAAO,CAAC,gBAAgB,WAAW,mBAAmB,gBAAgB,CAAC,GAACnB,OAAAD,GAAAC,OAAAF,GAAAE,OAAAE,GAAAF,OAAAG,GAAAH,OAAAI,GAAAJ,OAAAK,GAAAL,OAAAM,GAAAN,OAAAO,GAAAP,OAAAQ;AAAAA,EAAA;AAAAN,IAAAA,IAAAF,EAAA,CAAA,GAAAG,IAAAH,EAAA,CAAA,GAAAI,IAAAJ,EAAA,CAAA,GAAAK,IAAAL,EAAA,CAAA,GAAAM,IAAAN,EAAA,CAAA,GAAAO,IAAAP,EAAA,CAAA,GAAAQ,IAAAR,EAAA,CAAA;AAAjG,QAAAuB,IAAkBhB,GAMHG,IAAA,0BAA0BN,CAAS;AAAE,MAAAO;AAAA,SAAAX,EAAA,CAAA,MAAAE,KAAAF,EAAA,EAAA,MAAAG,KAAAH,EAAA,EAAA,MAAAK,KAAAL,UAAAuB,KAAAvB,EAAA,EAAA,MAAAM,KAAAN,EAAA,EAAA,MAAAU,KAAAV,EAAA,EAAA,MAAAQ,KAHlDG,IAAA,gBAAAa,EAACtB,GAAA,EACMM,KAAAA,GACEF,OAAAA,GACI,WAAAI,GACOR,oBAAAA,GACJG,cAAAA,GAAY,GACtBkB,GACHpB,UAAAA,GACH,GAAOH,OAAAE,GAAAF,QAAAG,GAAAH,QAAAK,GAAAL,QAAAuB,GAAAvB,QAAAM,GAAAN,QAAAU,GAAAV,QAAAQ,GAAAR,QAAAW,KAAAA,IAAAX,EAAA,EAAA,GARPW;AAQO,CAEV;AAEDf,EAAY6B,cAAc;AAE1B,MAAAC,IAAeC,EAAY/B,CAAW;"}
+{"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":";;;;;AAgBA,MAAMA,IAAcC,EAA0C,CAAAC,GAAAC,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA;AAAA,MAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC;AAAA,MAAAX,SAAAF,GAAA;AAAC,UAAA;AAAA,MAAAc,IAAAC;AAAAA,MAAAX,UAAAY;AAAAA,MAAAX,WAAAY;AAAAA,MAAAR,eAAAS;AAAAA,MAAAX,cAAAY;AAAAA,MAAAR,SAAAS;AAAAA,MAAAR,iBAAAS;AAAAA,MAAAR,cAAAS;AAAAA,MAAAhB,cAAAiB;AAAAA,MAAAC,gBAAAC;AAAAA,MAAA,GAAAC;AAAAA,IAAAA,IAAA1B;AAAAU,IAAAA,IAAAK,GAAAX,IAAAY,GAAAX,IAAAY,GAAAR,IAAAS,GAAAX,IAAAY,GAAAR,IAAAS,GAAAR,IAAAS,GAAAR,IAAAS,GAAAhB,IAAAiB,GAAAf,IAAAkB,GAY9DxB,OAAAF,GAAAE,OAAAE,GAAAF,OAAAG,GAAAH,OAAAI,GAAAJ,OAAAK,GAAAL,OAAAM,GAAAN,OAAAO,GAAAP,OAAAQ,GAAAR,OAAAS,GAAAT,OAAAU,GAAAV,QAAAW;AAAAA,EAAA;AAAAT,IAAAA,IAAAF,EAAA,CAAA,GAAAG,IAAAH,EAAA,CAAA,GAAAI,IAAAJ,EAAA,CAAA,GAAAK,IAAAL,EAAA,CAAA,GAAAM,IAAAN,EAAA,CAAA,GAAAO,IAAAP,EAAA,CAAA,GAAAQ,IAAAR,EAAA,CAAA,GAAAS,IAAAT,EAAA,CAAA,GAAAU,IAAAV,EAAA,CAAA,GAAAW,IAAAX,EAAA,EAAA;AAXK,QAAAyB,IAAAjB,MAAAkB,SAAA,SAAAlB,GAYJmB,IAAgBC,EAAoC,IAAI;AAAE,MAAAf,GAAAC;AAAA,EAAAd,EAAA,EAAA,MAAA6B,OAAAC,IAAA,2BAAA,KAEjCjB,IAAAA,MAAMc,EAAOI,SAAyBjB,IAAA,CAAA,GAAEd,QAAAa,GAAAb,QAAAc,MAAAD,IAAAb,EAAA,EAAA,GAAAc,IAAAd,EAAA,EAAA,IAAjEgC,EAAoBjC,GAAKc,GAAsCC,CAAE;AAOhD,QAAAC,IAAA,0BAA0BZ,CAAS;AAAE,MAAAa;AAAA,EAAAhB,UAAAyB,KAAAzB,EAAA,EAAA,MAAAE,KAAAF,EAAA,EAAA,MAAAK,KAAAL,EAAA,EAAA,MAAAM,KAAAN,UAAAO,KAAAP,EAAA,EAAA,MAAAe,KAHlDC,IAAA,gBAAAiB,EAACR,GAAA,EACME,KAAAA,GACEpB,OAAAA,GACI,WAAAQ,GACOU,oBAAAA,GACJpB,cAAAA,GAAY,GACtBC,GACHJ,UAAAA,GACH,GAAOF,QAAAyB,GAAAzB,QAAAE,GAAAF,QAAAK,GAAAL,QAAAM,GAAAN,QAAAO,GAAAP,QAAAe,GAAAf,QAAAgB,KAAAA,IAAAhB,EAAA,EAAA;AAAA,MAAAiB;AAAA,EAAAjB,EAAA,EAAA,MAAAI,KAAAJ,EAAA,EAAA,MAAAS,KAAAT,EAAA,EAAA,MAAAU,KAAAV,UAAAW,KACPM,IAAA,gBAAAgB,EAACC,GAAA,EACYP,WAAAA,GACLlB,MAAAA,GACIC,UAAAA,GACHC,OAAAA,GACIP,WAAAA,EAAAA,CAAY,GAAGJ,QAAAI,GAAAJ,QAAAS,GAAAT,QAAAU,GAAAV,QAAAW,GAAAX,QAAAiB,KAAAA,IAAAjB,EAAA,EAAA;AAAA,MAAAkB;AAAA,SAAAlB,EAAA,EAAA,MAAAgB,KAAAhB,UAAAiB,KAf9BC,sBAACiB,GAAA,EACCnB,UAAAA;AAAAA,IAAAA;AAAAA,IASAC;AAAAA,EAAAA,GAMF,GAAWjB,QAAAgB,GAAAhB,QAAAiB,GAAAjB,QAAAkB,KAAAA,IAAAlB,EAAA,EAAA,GAhBXkB;AAgBW,CAEd;AAEDtB,EAAYwC,cAAc;"}

package/lib/toolbar/ButtonBar.js

@@ -1,24 +1,24 @@
 import { jsx as o } from "react/jsx-runtime";
-import { c as x } from "react/compiler-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 I from "../buttons/InfoButton.js";
-import P from "../buttons/SaveButton.js";
-import T from "../buttons/CancelButton.js";
-import $ from "../buttons/EditButton.js";
-import h from "../buttons/DestroyButton.js";
-import j from "../buttons/AddButton.js";
-import E from "../buttons/ActivateButton.js";
-import N from "../buttons/InactivateButton.js";
-import R from "../buttons/RestoreButton.js";
-import '../styles/assets/styles/button.css';/* empty css                           */
+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 = x(3), {
+  const r = b.c(3), {
     size: p,
     icon: f,
     onClick: u,
@@ -29,36 +29,36 @@ const nt = (c) => {
     iconAlign: s,
     label: a,
     ...v
-  } = c, g = m === void 0 ? "default" : m, y = s === void 0 ? "left" : s, C = a === void 0 ? "" : a, {
-    skeletonize: b
+  } = 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: C,
+    label: y,
     onClick: u,
     iconName: l,
-    iconAlign: y,
+    iconAlign: x,
     transparent: B,
-    skeletonize: b,
+    skeletonize: C,
     boxShadow: !1,
     customClass: `buttonbar ${d}`
-  }), i = R, e = t();
+  }), 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(I, { ...t() }),
+    info: /* @__PURE__ */ o(E, { ...t() }),
     success: /* @__PURE__ */ o(D, { ...t() }),
     warning: /* @__PURE__ */ o(z, { ...t() }),
-    add: /* @__PURE__ */ o(j, { ...t() }),
-    cancel: /* @__PURE__ */ o(T, { ...t() }),
-    destroy: /* @__PURE__ */ o(h, { ...t() }),
-    edit: /* @__PURE__ */ o($, { ...t() }),
-    save: /* @__PURE__ */ o(P, { ...t() }),
-    activate: /* @__PURE__ */ o(E, { ...t() }),
-    inactivate: /* @__PURE__ */ o(N, { ...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];
 };

package/lib/toolbar/ButtonBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonBar.js","sources":["../../src/lib/toolbar/ButtonBar.tsx"],"sourcesContent":["import React, { 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,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;"}
+{"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.js

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

package/lib/toolbar/LabelBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"LabelBar.js","sources":["../../src/lib/toolbar/LabelBar.tsx"],"sourcesContent":["import React, { 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,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;"}
+{"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.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
-import { c as o } from "react/compiler-runtime";
+import { c as o } from "../_virtual/compiler-runtime.js";
 const m = () => {
-  const r = o(1);
+  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;
 };

package/lib/toolbar/Separator.js.map

@@ -1 +1 @@
-{"version":3,"file":"Separator.js","sources":["../../src/lib/toolbar/Separator.tsx"],"sourcesContent":["import React from 'react';\n\nconst Separator = () => (\n  <div className=\"separator\" />\n);\n\nexport default Separator;\n"],"names":["Separator","$","_c","t0","Symbol","for","jsx"],"mappings":";;AAEA,MAAMA,IAAYA,MAAA;AAAA,QAAAC,IAAAC,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;"}
+{"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.js

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
-import { c as a } from "react/compiler-runtime";
-const m = (c) => {
-  const t = a(5), {
+import { c as a } from "../_virtual/compiler-runtime.js";
+const p = (c) => {
+  const t = a.c(5), {
     children: s,
     style: o
   } = c;
@@ -12,6 +12,6 @@ const m = (c) => {
   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 {
-  m as default
+  p as default
 };
 //# sourceMappingURL=ToolBarGroup.js.map

package/lib/toolbar/ToolBarGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolBarGroup.js","sources":["../../src/lib/toolbar/ToolBarGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { 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":";;AAGA,MAAMA,IAAeC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,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;"}
+{"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/index.js

@@ -1,13 +1,13 @@
 import { jsx as x } from "react/jsx-runtime";
-import { c as v } from "react/compiler-runtime";
-import { default as G } from "./ToolBarGroup.js";
-import { default as N } from "./Separator.js";
-import { default as R } from "./ButtonBar.js";
-import { default as V } from "./LabelBar.js";
-import '../styles/assets/styles/toolbar.css';/* empty css                            */
+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(19);
+  const t = v.c(19);
   let o, r, l, a, e, f;
   t[0] !== c ? ({
     innerRef: r,
@@ -20,21 +20,21 @@ const y = (c) => {
   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 n;
-  t[9] !== l ? (n = {
+  let m;
+  t[9] !== l ? (m = {
     ...l
-  }, t[9] = l, t[10] = n) : n = t[10];
-  const u = n, d = `toolbar-component ${a ? `${a}-bar` : ""} ${B}`;
+  }, 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 m;
-  return t[16] !== u || t[17] !== s ? (m = /* @__PURE__ */ x($.Provider, { value: u, children: s }), t[16] = u, t[17] = s, t[18] = m) : m = t[18], m;
+  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 {
-  R as ButtonBar,
-  V as LabelBar,
-  N as Separator,
-  G as ToolBarGroup,
+  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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/lib/toolbar/index.tsx"],"sourcesContent":["import React from 'react';\nimport 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":";;;;;;;;AASA,MAAMA,IAAUC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,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;"}
+{"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

@@ -21,7 +21,7 @@ export interface IButtonBarProps {
     customClass?: string;
     transparent?: boolean;
     size?: Size;
-    iconAlign?: Exclude<Position, 'top' | 'bottom'>;
+    iconAlign?: Extract<Position, 'left' | 'center'>;
     validationKey?: string;
     boxShadow?: boolean;
     id?: string;

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

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

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

package/lib/tooltip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/lib/tooltip/index.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport ReactDOM from 'react-dom';\nimport * as uuid from 'uuid';\nimport { ITooltipProps } from './types';\nimport '../assets/styles/tooltip.scss';\n\nconst Tooltip = ({\n  text,\n  textError,\n  tooltipRef,\n  style = '',\n  tooltipDimensions,\n  className = 'bottom',\n  handlerSetDimensions = () => { },\n}: ITooltipProps) => {\n  const tooltipComponent = useRef(document.createElement('div'));\n\n  useEffect(() => {\n    tooltipComponent.current.id = `tooltip-${uuid.v1()}`;\n    tooltipComponent.current.className = `tooltip-component ${className} `;\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     \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 ${className} `;\n  }, [className]);\n\n  useEffect(() => {\n    tooltipComponent.current.style.cssText = style;\n  }, [style]);\n\n  useEffect(() => {\n    tooltipComponent.current.className = textError ?\n      `tooltip-error tooltip-component ${className}`\n      : `tooltip-component ${className}`;\n  }, [textError]);\n\n  const getTooltipContent = () => (\n    <div className=\"tooltipcontent\">\n      {textError || text}\n    </div>\n  );\n\n  return (\n    ReactDOM.createPortal(getTooltipContent(), tooltipComponent.current)\n  );\n};\n\nexport default Tooltip;\n"],"names":["Tooltip","text","textError","tooltipRef","style","tooltipDimensions","className","handlerSetDimensions","tooltipComponent","useRef","document","createElement","useEffect","current","id","uuid","dataset","testid","cssText","body","appendChild","tooltipEl","querySelector","widthDimension","offsetWidth","heightDimension","offsetHeight","width","height","Number","removeChild","getTooltipContent","jsx","ReactDOM","createPortal"],"mappings":";;;;;AAMA,MAAMA,IAAUA,CAAC;AAAA,EACfC,MAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,YAAAA;AAAAA,EACAC,OAAAA,IAAQ;AAAA,EACRC,mBAAAA;AAAAA,EACAC,WAAAA,IAAY;AAAA,EACZC,sBAAAA,IAAuBA,MAAM;AAAA,EAAE;AAClB,MAAM;AACnB,QAAMC,IAAmBC,EAAOC,SAASC,cAAc,KAAK,CAAC;AAE7DC,EAAAA,EAAU,MAAM;AACdJ,IAAAA,EAAiBK,QAAQC,KAAK,WAAWC,GAAS,IAClDP,EAAiBK,QAAQP,YAAY,qBAAqBA,CAAS,KACnEE,EAAiBK,QAAQG,QAAQC,SAAS,qBAC1CT,EAAiBK,QAAQT,MAAMc,UAAUd,GAEzCM,SAASS,KAAKC,YAAYZ,EAAiBK,OAAO;AAClD,UAAMQ,IAAmCX,SAASY,cAAc,OAAOd,EAAiBK,QAAQC,EAAE,EAAE;AAEpG,QAAIS,IAA8CF,GAAWG;AAC7D,UAAMC,IAAsCJ,GAAWK;AAEvD,WAAIrB,KAAqBA,EAAkBsB,UACxCJ,IAAiBlB,EAAkBsB,QAGtCpB,EAAqB;AAAA,MACnBoB,OAAOJ;AAAAA,MACPK,QAAQC,OAAOJ,CAAe;AAAA,IAAA,CAC/B,GAEGtB,MAAcA,EAAWU,UAAUQ,IAEhC,MAAM;AACXX,eAASS,KAAKW,YAAYtB,EAAiBK,OAAO;AAAA,IACpD;AAAA,EACF,GAAG,CAAA,CAAE,GAELD,EAAU,MAAM;AACdJ,IAAAA,EAAiBK,QAAQP,YAAY,qBAAqBA,CAAS;AAAA,EACrE,GAAG,CAACA,CAAS,CAAC,GAEdM,EAAU,MAAM;AACdJ,IAAAA,EAAiBK,QAAQT,MAAMc,UAAUd;AAAAA,EAC3C,GAAG,CAACA,CAAK,CAAC,GAEVQ,EAAU,MAAM;AACdJ,IAAAA,EAAiBK,QAAQP,YAAYJ,IACnC,mCAAmCI,CAAS,KAC1C,qBAAqBA,CAAS;AAAA,EACpC,GAAG,CAACJ,CAAS,CAAC;AAEd,QAAM6B,IAAoBA,MACxB,gBAAAC,EAAC,SAAI,WAAU,kBACZ9B,eAAaD,GAChB;AAGF,SACEgC,EAASC,aAAaH,EAAAA,GAAqBvB,EAAiBK,OAAO;AAEvE;"}
+{"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;"}

package/lib/tooltip/types.d.ts

@@ -1,15 +1,37 @@
-import { MutableRefObject } from 'react';
+import { CSSProperties, RefObject } from 'react';
+import { Position } from '../@types/Position';
 type Dimensions = {
     width: number | string;
     height: number;
 };
 export interface ITooltipProps {
+    targetRef: RefObject<HTMLElement | null>;
     text?: string;
-    style?: string;
+    textError?: string;
+    style?: CSSProperties;
     className?: string;
-    tooltipRef?: MutableRefObject<HTMLElement | null>;
+    width?: string | number;
+    space?: number;
+    position?: Exclude<Position, 'center'>;
+    onDeniedText?: string;
+}
+export interface ITooltipContentProps {
+    tooltipRef?: RefObject<HTMLElement | null>;
+    text?: string;
+    style?: string;
+    styleForContent?: CSSProperties;
+    classNameForContent?: string;
+    width?: string | number;
+    space?: number;
+    tooltip?: string;
+    position?: Exclude<Position, 'center'>;
     handlerSetDimensions?: ({ width, height }: Dimensions) => void;
     tooltipDimensions?: Dimensions;
     textError?: string;
 }
+export interface ITooltipCommonProps {
+    tooltip?: string;
+    tooltipWidth?: string | number;
+    tooltipPosition?: Exclude<Position, 'center'>;
+}
 export {};

package/lib/tooltip/useTooltip.d.ts

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