npm - @oliasoft-open-source/react-ui-library - Versions diffs - 4.6.9-beta-1 → 4.6.9 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (134) hide show

package/dist/404.html ADDED Viewed

@@ -0,0 +1 @@

+ <!doctype html><head><title>React UI Library</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1" user-scalable="no"><meta name="apple-mobile-web-app-capable" content="yes"><script type="module" crossorigin src="/react-ui-library/assets/index-faqWAJWP.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-ChHypG1u.css"></head><body><div id="content"></div></body>

package/dist/global.css CHANGED Viewed

@@ -9653,22 +9653,28 @@ tbody tr {
   justify-content: space-between;
   border-top: 1px solid var(--color-border);
 }
-._clickableRow_11d5t_1 {
+._clickableRow_1ki29_1 {
   cursor: pointer;
 }
-._hoverableRow_11d5t_4:not(._rowActive_11d5t_4):hover,
-._clickableRow_11d5t_1:not(._rowActive_11d5t_4):hover {
+._hoverableRow_1ki29_4:not(._rowActive_1ki29_4):hover,
+._clickableRow_1ki29_1:not(._rowActive_1ki29_4):hover {
   background-color: var(--color-background-listitem-hover) !important;
 }
-._expandableRow_11d5t_8._flush_11d5t_8 {
+._expandableRow_1ki29_8._flush_1ki29_8 {
   padding: 0 !important;
   height: auto !important;
 }
-._rowActive_11d5t_4 {
+._errorRow_1ki29_12 {
+  background-color: var(--color-background-error-muted) !important;
+}
+._warningRow_1ki29_15 {
+  background-color: var(--color-background-warning-muted) !important;
+}
+._rowActive_1ki29_4 {
   position: relative;
   background-color: var(--color-background-listitem-active) !important;
 }
-._rowActive_11d5t_4:after {
+._rowActive_1ki29_4:after {
   content: '';
   position: absolute;
   left: 0;
@@ -9680,12 +9686,12 @@ tbody tr {
   transition: background 0.3s;
   background: var(--color-background-primary);
 }
-._dragIconCell_11d5t_28 {
+._dragIconCell_1ki29_34 {
   width: var(--size);
   min-width: var(--size);
   position: relative;
 }
-._dragIcon_11d5t_28 {
+._dragIcon_1ki29_34 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -9693,10 +9699,10 @@ tbody tr {
   inset: 0;
   color: var(--color-text-faint);
 }
-._dragIcon_11d5t_28:hover {
+._dragIcon_1ki29_34:hover {
   color: var(--color-text-primary-hover);
 }
-._dragIcon_11d5t_28:active {
+._dragIcon_1ki29_34:active {
   color: var(--color-text-primary-active);
 }
 ._inputInTable_u3xdj_1 {

package/dist/index.d.ts CHANGED Viewed

@@ -1666,8 +1666,6 @@ export declare const SideBar: React_2.MemoExoticComponent<({ options, startOpen,
 export declare const Slider: ({ name, label, width, labelWidth, value, min, max, step, marks, showArrows, showTooltip, tooltipFormatter, disabled, range, small, vertical, onChange, }: ISliderProps) => JSX_2.Element;
-export declare const SmartUploadModal: ({ visible, prompt, onCloseModal, onUpload, onComplete, onFailed, onError, width, heading, dialogText, fileInputText, fileInputPlaceholder, uploadText, cancelText, testId, }: TSmartUploadModalProps) => JSX_2.Element;
 export declare const Spacer: ({ height, width, flex, }: ISpacerProps) => JSX_2.Element;
 export declare const Spinner: ({ small, colored, dark, tiny, }: ISpinnerProps) => JSX_2.Element;
@@ -1803,26 +1801,6 @@ declare type TSliderMark = {
     tooltip?: number | string | ReactNode;
 };
-export declare type TSmartUploadModalProps = {
-    visible: boolean;
-    prompt: string;
-    onCloseModal: () => void;
-    onUpload: (prompt: string, file: File) => any;
-    onComplete: (data: {
-        [key: string]: string;
-    }[]) => void;
-    onFailed?: () => void;
-    onError?: (error: any) => void;
-    width?: number;
-    heading?: string;
-    dialogText?: string;
-    fileInputText?: string;
-    fileInputPlaceholder?: string;
-    uploadText?: string;
-    cancelText?: string;
-    testId?: string;
-};
 declare type TStringNumberNull = string | number | null;
 declare type TStringOrNumber = string | number;

package/dist/index.js CHANGED Viewed

@@ -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) {
@@ -55562,19 +55562,23 @@ const TableScrollWrapper = ({
     }
   ) : children({ visibleRows }) });
 };
-const clickableRow = "_clickableRow_11d5t_1";
-const hoverableRow = "_hoverableRow_11d5t_4";
-const rowActive = "_rowActive_11d5t_4";
-const expandableRow = "_expandableRow_11d5t_8";
-const flush2 = "_flush_11d5t_8";
-const dragIconCell = "_dragIconCell_11d5t_28";
-const dragIcon = "_dragIcon_11d5t_28";
+const clickableRow = "_clickableRow_1ki29_1";
+const hoverableRow = "_hoverableRow_1ki29_4";
+const rowActive = "_rowActive_1ki29_4";
+const expandableRow = "_expandableRow_1ki29_8";
+const flush2 = "_flush_1ki29_8";
+const errorRow = "_errorRow_1ki29_12";
+const warningRow = "_warningRow_1ki29_15";
+const dragIconCell = "_dragIconCell_1ki29_34";
+const dragIcon = "_dragIcon_1ki29_34";
 const styles$8 = {
   clickableRow,
   hoverableRow,
   rowActive,
   expandableRow,
   flush: flush2,
+  errorRow,
+  warningRow,
   dragIconCell,
   dragIcon
 };
@@ -56237,6 +56241,8 @@ const Row = ({
     onRowMouseEnter,
     onRowMouseLeave,
     expandedContent,
+    error: error2,
+    warning: warning2,
     active: active2
   } = row2;
   const cells = row2.cells.map((c2, i) => {
@@ -56328,7 +56334,9 @@ const Row = ({
         className: cx$2(
           onRowClick && !onRowClick.noStyle ? styles$8.clickableRow : null,
           onRowMouseEnter && !onRowMouseEnter.noStyle ? styles$8.hoverableRow : null,
-          active2 ? styles$8.rowActive : null
+          active2 ? styles$8.rowActive : null,
+          error2 ? styles$8.errorRow : null,
+          warning2 ? styles$8.warningRow : null
         ),
         ref: (provided == null ? void 0 : provided.innerRef) || null,
         ...(provided == null ? void 0 : provided.draggableProps) || null,
@@ -70830,154 +70838,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,
@@ -71042,7 +70902,6 @@ export {
   Select,
   SideBar,
   Slider,
-  SmartUploadModal,
   Spacer,
   Spinner$1 as Spinner,
   Table,