@oliasoft-open-source/react-ui-library 4.6.7-beta-1 → 4.6.8

package/dist/index.js

@@ -11,7 +11,7 @@ import * as PropTypes from "prop-types";
 import PropTypes__default from "prop-types";
 import ReactDOM, { createPortal, unstable_batchedUpdates, render } from "react-dom";
 import _$1, { set, get as get$2, isString as isString$3, isNumber as isNumber$1, isBoolean as isBoolean$2, isFunction as isFunction$3, isEmpty, isArray as isArray$1, toNumber, debounce as debounce$2, isObject as isObject$5, isObjectLike, has as has$1, isEqual as isEqual$4 } from "lodash";
-import { roundToFixed, validateNumber, cleanNumStr, unitFromQuantity, isValueWithUnit, withUnit, convertSamePrecision, getValue as getValue$1, getUnit, KNOWN_UNITS, split as split$1, checkAndCleanDecimalComma, label as label$b, altUnitsList, getUnitsForQuantity, convertAndGetValue, isScientificStringNum, roundToPrecision, roundByMagnitudeToFixed } from "@oliasoft-open-source/units";
+import { roundToFixed, validateNumber, cleanNumStr, unitFromQuantity, isValueWithUnit, withUnit, convertSamePrecision, getValue as getValue$1, getUnit, KNOWN_UNITS, split as split$1, checkAndCleanDecimalComma, label as label$b, altUnitsList, getUnitsForQuantity, convertAndGetValue, isScientificStringNum, roundToPrecision } from "@oliasoft-open-source/units";
 import { isValueWithUnit as isValueWithUnit$1 } from "@oliasoft-open-source/units/dist/units";
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x2) {
@@ -3811,7 +3811,7 @@ const Tooltip = ({
   flex = "none",
   forceOpen = false
 }) => {
-  const visible = enabled && (isValidElement(text2) || typeof text2 === "string" && text2.length > 0);
+  const visible = enabled && (isValidElement(text2) || typeof text2 === "string" && text2.length > 0 || typeof text2 === "number");
   const [isOver, hoverProps, forceClose] = useHover({
     delayEnter: 100,
     delayLeave: 0
@@ -4219,34 +4219,34 @@ const styles$M = {
   actionComponentContainer,
   active: active$7
 };
-const wrapper$4 = "_wrapper_uioq1_1";
-const layer$1 = "_layer_uioq1_5";
-const layerContainer$1 = "_layerContainer_uioq1_8";
-const nested = "_nested_uioq1_23";
-const fileInput$1 = "_fileInput_uioq1_35";
-const trigger$2 = "_trigger_uioq1_40";
-const middleAlignedInline = "_middleAlignedInline_uioq1_49";
-const heading$5 = "_heading_uioq1_55";
-const headingIcon = "_headingIcon_uioq1_61";
-const option$1 = "_option_uioq1_73";
-const active$6 = "_active_uioq1_92";
-const selected$1 = "_selected_uioq1_97";
-const optionContent$1 = "_optionContent_uioq1_103";
-const inline$4 = "_inline_uioq1_107";
-const icon$4 = "_icon_uioq1_112";
-const check$1 = "_check_uioq1_113";
-const text$3 = "_text_uioq1_135";
-const label$a = "_label_uioq1_140";
-const description = "_description_uioq1_151";
-const arrow$1 = "_arrow_uioq1_155";
-const divider$1 = "_divider_uioq1_159";
-const deprecatedSemanticIcon = "_deprecatedSemanticIcon_uioq1_163";
-const disabled$8 = "_disabled_uioq1_167";
-const buttonLabel = "_buttonLabel_uioq1_172";
-const buttonCaret = "_buttonCaret_uioq1_178";
-const component = "_component_uioq1_182";
-const right$7 = "_right_uioq1_188";
-const actions$1 = "_actions_uioq1_193";
+const wrapper$4 = "_wrapper_1iw97_1";
+const layer$1 = "_layer_1iw97_5";
+const layerContainer$1 = "_layerContainer_1iw97_8";
+const nested = "_nested_1iw97_24";
+const fileInput$1 = "_fileInput_1iw97_36";
+const trigger$2 = "_trigger_1iw97_41";
+const middleAlignedInline = "_middleAlignedInline_1iw97_50";
+const heading$5 = "_heading_1iw97_56";
+const headingIcon = "_headingIcon_1iw97_62";
+const option$1 = "_option_1iw97_74";
+const active$6 = "_active_1iw97_93";
+const selected$1 = "_selected_1iw97_98";
+const optionContent$1 = "_optionContent_1iw97_104";
+const inline$4 = "_inline_1iw97_108";
+const icon$4 = "_icon_1iw97_113";
+const check$1 = "_check_1iw97_114";
+const text$3 = "_text_1iw97_136";
+const label$a = "_label_1iw97_141";
+const description = "_description_1iw97_152";
+const arrow$1 = "_arrow_1iw97_156";
+const divider$1 = "_divider_1iw97_160";
+const deprecatedSemanticIcon = "_deprecatedSemanticIcon_1iw97_164";
+const disabled$8 = "_disabled_1iw97_168";
+const buttonLabel = "_buttonLabel_1iw97_173";
+const buttonCaret = "_buttonCaret_1iw97_179";
+const component = "_component_1iw97_183";
+const right$7 = "_right_1iw97_189";
+const actions$1 = "_actions_1iw97_194";
 const styles$L = {
   wrapper: wrapper$4,
   layer: layer$1,
@@ -4833,7 +4833,7 @@ const ContextMenu = ({
     path,
     groupOrder,
     overflowContainer: true,
-    maxHeight: "40vh",
+    maxHeight: void 0,
     testId
   });
   const isDisabled = disabled2 || isMenuEmpty(menu2) || disabledContext;
@@ -55281,23 +55281,6 @@ if (process.env.NODE_ENV !== "production") {
 }
 var _default = Handle;
 default_1 = Handle$1.default = _default;
-const SliderTooltip = ({ text: text2 }) => {
-  return /* @__PURE__ */ jsx(
-    TooltipLayer,
-    {
-      text: text2,
-      layerProps: {
-        style: {
-          whiteSpace: "nowrap",
-          position: "fixed",
-          transform: "translate(-50%, -100%)",
-          marginTop: -15,
-          marginLeft: 5
-        }
-      }
-    }
-  );
-};
 const container = "_container_1a936_1";
 const small$2 = "_small_1a936_7";
 const hasMarks = "_hasMarks_1a936_10";
@@ -55379,6 +55362,14 @@ const Slider = ({
       icon: IconType.FAST_FORWARD
     }
   ) });
+  const handleRender = (node2, handleProps) => {
+    const isTooltipVisible = showTooltip && handleProps.dragging;
+    return (
+      // TODO: revisit - fix handle warning
+      // @ts-ignore: revisit - fix handle warning
+      /* @__PURE__ */ jsx(default_1, { ...node2.props, ...handleProps, children: isTooltipVisible && /* @__PURE__ */ jsx(Tooltip, { display: "block", text: tooltipFormatter(value), forceOpen: true, children: /* @__PURE__ */ jsx("div", { style: { position: "absolute", inset: 0 } }) }) })
+    );
+  };
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -55391,10 +55382,10 @@ const Slider = ({
       style: vertical2.enabled ? { width: vertical2.width, height: vertical2.height } : { width: width2 },
       children: [
         showArrows && (vertical2.enabled ? /* @__PURE__ */ jsx(ButtonMax, {}) : /* @__PURE__ */ jsx(ButtonMin, {})),
-        range2 ? /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(
           Slider$1,
           {
-            range: true,
+            range: range2,
             allowCross: false,
             className: cx$2(
               (disabled2 || disabledContext) && styles$c.rcSliderDisabled,
@@ -55408,24 +55399,7 @@ const Slider = ({
             onChange: (v2) => onChangeValue(v2),
             disabled: disabled2 || disabledContext,
             vertical: vertical2.enabled,
-            handle: showTooltip ? ({ index: index2, value: value2, dragging, ...handleProps }) => /* @__PURE__ */ jsx(default_1, { value: value2, ...handleProps, children: dragging && /* @__PURE__ */ jsx(SliderTooltip, { text: tooltipFormatter(value2) }) }, index2) : void 0
-          }
-        ) : /* @__PURE__ */ jsx(
-          Slider$1,
-          {
-            className: cx$2(
-              (disabled2 || disabledContext) && styles$c.rcSliderDisabled,
-              showArrows && styles$c.hasArrows
-            ),
-            value,
-            max,
-            min,
-            step,
-            marks: formattedMarks,
-            onChange: (v2) => onChangeValue(v2),
-            disabled: disabled2 || disabledContext,
-            vertical: vertical2.enabled,
-            handle: showTooltip ? ({ index: index2, value: value2, dragging, ...handleProps }) => /* @__PURE__ */ jsx(default_1, { value: value2, ...handleProps, children: dragging && /* @__PURE__ */ jsx(SliderTooltip, { text: tooltipFormatter(value2) }) }, index2) : void 0
+            handleRender
           }
         ),
         showArrows && (vertical2.enabled ? /* @__PURE__ */ jsx(ButtonMin, {}) : /* @__PURE__ */ jsx(ButtonMax, {})),
@@ -70856,154 +70830,6 @@ const UnitTable = ({
     }
   );
 };
-const INTERVAL_TIME = 250;
-const REQUEST_TIME = 4e4;
-const FINISH_INTERVALS = 20;
-const FINISH_TIME = 500;
-const SmartUploadModal = ({
-  visible,
-  prompt,
-  onCloseModal,
-  onUpload,
-  onComplete,
-  onFailed,
-  onError: onError3,
-  width: width2,
-  heading: heading2,
-  dialogText,
-  fileInputText,
-  fileInputPlaceholder,
-  uploadText,
-  cancelText,
-  testId
-}) => {
-  const [file, setFile] = useState(void 0);
-  const [isFetching, setFetching] = useState(false);
-  const [requestTimer, setRequestTimer] = useState(0);
-  let timer = 0;
-  const updateTimer = () => {
-    const newTime = timer + INTERVAL_TIME;
-    timer = newTime;
-    setRequestTimer(timer);
-  };
-  const finishTimer = (deltaTime) => {
-    let newTime = timer + deltaTime;
-    if (newTime >= 0.99 * REQUEST_TIME) {
-      newTime = REQUEST_TIME;
-    }
-    timer = newTime;
-    setRequestTimer(timer);
-  };
-  useEffect(() => {
-    setFile(void 0);
-  }, [visible]);
-  const handleFileChange = (event) => {
-    if (!event.target.value)
-      return;
-    setFile(event.target.value);
-  };
-  const handleUpload = async () => {
-    setRequestTimer(0);
-    const id2 = setInterval(updateTimer, INTERVAL_TIME);
-    try {
-      if (!file)
-        return;
-      setFetching(true);
-      const data = await onUpload(prompt, file);
-      if (!visible)
-        return;
-      if (data) {
-        clearInterval(id2);
-        const id22 = setInterval(
-          finishTimer,
-          FINISH_TIME / FINISH_INTERVALS,
-          (REQUEST_TIME - timer) / (FINISH_INTERVALS - 1)
-        );
-        setTimeout(() => {
-          onComplete(data);
-          clearInterval(id22);
-          setFetching(false);
-        }, FINISH_TIME);
-      } else {
-        onFailed == null ? void 0 : onFailed();
-        setFetching(false);
-      }
-    } catch (error2) {
-      onError3 == null ? void 0 : onError3(error2);
-      setFetching(false);
-    } finally {
-      clearInterval(id2);
-    }
-  };
-  const onConfirm = () => {
-    handleUpload();
-  };
-  const onClose = () => {
-    onCloseModal();
-  };
-  const content2 = /* @__PURE__ */ jsxs(Fragment$1, { children: [
-    /* @__PURE__ */ jsx(Text, { children: dialogText || "Upload file and extract data using a LLM" }),
-    /* @__PURE__ */ jsx(Spacer, {}),
-    /* @__PURE__ */ jsx(
-      FileInput,
-      {
-        placeholder: fileInputPlaceholder || "No file",
-        label: fileInputText || "Select",
-        file: file || void 0,
-        onChange: handleFileChange,
-        testId: `${testId}-file-input`,
-        accept: "image/*"
-      }
-    ),
-    isFetching && /* @__PURE__ */ jsxs(Fragment$1, { children: [
-      /* @__PURE__ */ jsx(Spacer, {}),
-      /* @__PURE__ */ jsx(
-        ProgressBar$1,
-        {
-          percentage: roundByMagnitudeToFixed(
-            100 * requestTimer / REQUEST_TIME,
-            3
-          )
-        }
-      )
-    ] })
-  ] });
-  const footer2 = /* @__PURE__ */ jsxs(Fragment$1, { children: [
-    /* @__PURE__ */ jsx(
-      Button$1,
-      {
-        label: uploadText || "Upload",
-        colored: true,
-        onClick: onConfirm,
-        disabled: !file || isFetching,
-        testId: `${testId}-button-upload`
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Button$1,
-      {
-        label: cancelText || "Cancel",
-        onClick: onClose,
-        testId: `${testId}-button-cancel`
-      }
-    )
-  ] });
-  useKeyboardEvent("Escape", () => onClose());
-  return /* @__PURE__ */ jsx(Modal, { visible, centered: true, children: /* @__PURE__ */ jsx(
-    Dialog,
-    {
-      dialog: {
-        scroll: true,
-        heading: heading2 || "Smart Upload",
-        content: content2,
-        footer: footer2,
-        onClose,
-        width: width2 || 350,
-        testId
-      }
-    }
-  ) });
-};
 export {
   Accordion,
   AccordionWithDefaultToggle,
@@ -71068,7 +70894,6 @@ export {
   Select,
   SideBar,
   Slider,
-  SmartUploadModal,
   Spacer,
   Spinner$1 as Spinner,
   Table,