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

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

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 (7) hide show

package/dist/404.html +1 -0
package/dist/global.css +50 -49
package/dist/index.d.ts +0 -22
package/dist/index.js +30 -179
package/dist/index.js.map +1 -1
package/dist/storybook/project.json +1 -1
package/package.json +1 -1

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-21EwET8E.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-2LJjuVRB.css"></head><body><div id="content"></div></body>

package/dist/global.css CHANGED Viewed

@@ -1720,17 +1720,17 @@ html[data-theme='dark'] {
 ._actionComponentContainer_1nid8_11._active_1nid8_33 {
   color: var(--color-text-primary-active);
 }
-._wrapper_uioq1_1 {
+._wrapper_1iw97_1 {
   display: inline-flex;
   max-width: 100%;
 }
-._layer_uioq1_5 ._wrapper_uioq1_1 {
+._layer_1iw97_5 ._wrapper_1iw97_1 {
   width: 100%;
 }
-._layerContainer_uioq1_8 {
+._layerContainer_1iw97_8 {
   z-index: var(--zindex-dropdown);
 }
-._layer_uioq1_5 {
+._layer_1iw97_5 {
   border: 1px solid var(--color-border);
   border-radius: var(--border-radius);
   overflow: hidden;
@@ -1741,98 +1741,99 @@ html[data-theme='dark'] {
   max-width: 30em;
   position: relative;
   overflow-y: auto;
+  max-height: 40vh;
 }
-._layer_uioq1_5._nested_uioq1_23 {
+._layer_1iw97_5._nested_1iw97_24 {
   margin: -1px 2px;
 }
-._layer_uioq1_5 ul {
+._layer_1iw97_5 ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
 }
-._layer_uioq1_5 ul li {
+._layer_1iw97_5 ul li {
   list-style: none;
   display: block;
 }
-._fileInput_uioq1_35 {
+._fileInput_1iw97_36 {
   opacity: 0;
   position: absolute;
   inset: 0;
 }
-._trigger_uioq1_40 {
+._trigger_1iw97_41 {
   display: inline-flex;
   align-items: center;
   cursor: pointer;
   max-width: 100%;
 }
-._layer_uioq1_5 ._trigger_uioq1_40 {
+._layer_1iw97_5 ._trigger_1iw97_41 {
   width: 100%;
 }
-._middleAlignedInline_uioq1_49 {
+._middleAlignedInline_1iw97_50 {
   display: flex;
   align-items: center;
   overflow: hidden;
   width: 100%;
 }
-._heading_uioq1_55 {
+._heading_1iw97_56 {
   color: var(--color-text-muted);
   letter-spacing: var(--letter-spacing-wide);
   text-transform: uppercase;
   font-weight: bold;
 }
-._heading_uioq1_55 ._headingIcon_uioq1_61 {
+._heading_1iw97_56 ._headingIcon_1iw97_62 {
   float: right;
 }
-._heading_uioq1_55 ._headingIcon_uioq1_61 svg {
+._heading_1iw97_56 ._headingIcon_1iw97_62 svg {
   color: var(--color-text-faint);
 }
-._heading_uioq1_55 ._headingIcon_uioq1_61:hover {
+._heading_1iw97_56 ._headingIcon_1iw97_62:hover {
   cursor: pointer;
 }
-._heading_uioq1_55 ._headingIcon_uioq1_61:hover svg {
+._heading_1iw97_56 ._headingIcon_1iw97_62:hover svg {
   color: var(--color-text-primary-hover);
 }
-._option_uioq1_73 {
+._option_1iw97_74 {
   color: inherit;
   display: block;
   position: relative;
 }
-._heading_uioq1_55,
-._option_uioq1_73,
-._layer_uioq1_5 ._trigger_uioq1_40 {
+._heading_1iw97_56,
+._option_1iw97_74,
+._layer_1iw97_5 ._trigger_1iw97_41 {
   padding: var(--padding-input);
   border: 1px solid transparent;
 }
-._option_uioq1_73,
-._layer_uioq1_5 ._trigger_uioq1_40 {
+._option_1iw97_74,
+._layer_1iw97_5 ._trigger_1iw97_41 {
   line-height: var(--line-height);
   display: flex;
   align-items: flex-start;
 }
-._option_uioq1_73:hover,
-._layer_uioq1_5 ._trigger_uioq1_40:hover,
-._option_uioq1_73._active_uioq1_92,
-._layer_uioq1_5 ._trigger_uioq1_40._active_uioq1_92 {
+._option_1iw97_74:hover,
+._layer_1iw97_5 ._trigger_1iw97_41:hover,
+._option_1iw97_74._active_1iw97_93,
+._layer_1iw97_5 ._trigger_1iw97_41._active_1iw97_93 {
   background-color: var(--color-background-listitem-hover);
   cursor: pointer;
 }
-._option_uioq1_73._selected_uioq1_97 {
+._option_1iw97_74._selected_1iw97_98 {
   background-color: var(--color-background-listitem-active);
 }
-._layer_uioq1_5 ._trigger_uioq1_40 {
+._layer_1iw97_5 ._trigger_1iw97_41 {
   align-items: center;
 }
-._optionContent_uioq1_103 {
+._optionContent_1iw97_104 {
   flex-wrap: wrap;
   margin-right: auto;
 }
-._inline_uioq1_107 ._optionContent_uioq1_103 {
+._inline_1iw97_108 ._optionContent_1iw97_104 {
   display: flex;
   justify-content: space-between;
   flex-grow: 1;
 }
-._icon_uioq1_112,
-._check_uioq1_113 {
+._icon_1iw97_113,
+._check_1iw97_114 {
   display: flex;
   flex-shrink: 1;
   width: var(--size-xs);
@@ -1841,78 +1842,78 @@ html[data-theme='dark'] {
   justify-content: center;
   align-items: center;
 }
-._icon_uioq1_112 {
+._icon_1iw97_113 {
   margin-right: var(--padding-xs);
   color: var(--color-text-primary);
 }
-._icon_uioq1_112:empty {
+._icon_1iw97_113:empty {
   display: none;
 }
-._icon_uioq1_112 img {
+._icon_1iw97_113 img {
   max-height: 16px;
   max-width: 16px;
   width: auto;
   height: auto;
 }
-._text_uioq1_135 {
+._text_1iw97_136 {
   display: inline-flex;
   align-items: center;
   cursor: pointer;
 }
-._label_uioq1_140 {
+._label_1iw97_141 {
   margin-right: auto;
 }
-._label_uioq1_140,
-._heading_uioq1_55 {
+._label_1iw97_141,
+._heading_1iw97_56 {
   max-width: 100%;
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._description_uioq1_151 {
+._description_1iw97_152 {
   color: #999;
   display: block;
 }
-._arrow_uioq1_155 {
+._arrow_1iw97_156 {
   margin-left: var(--padding-xxs);
   display: flex;
 }
-._divider_uioq1_159 {
+._divider_1iw97_160 {
   border: 0;
   border-top: 1px solid var(--color-border);
 }
-._deprecatedSemanticIcon_uioq1_163 {
+._deprecatedSemanticIcon_1iw97_164 {
   color: var(--color-text-primary) !important;
   margin: -5px 0 0 !important;
 }
-._disabled_uioq1_167 {
+._disabled_1iw97_168 {
   color: var(--color-text-faint);
   pointer-events: none;
   cursor: not-allowed !important;
 }
-._buttonLabel_uioq1_172 {
+._buttonLabel_1iw97_173 {
   overflow: hidden;
   text-overflow: ellipsis;
   display: block;
   margin-right: auto;
 }
-._buttonCaret_uioq1_178 {
+._buttonCaret_1iw97_179 {
   display: flex;
   margin-left: var(--padding-xxs);
 }
-._component_uioq1_182 {
+._component_1iw97_183 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
 }
-._right_uioq1_188 {
+._right_1iw97_189 {
   margin-left: auto;
   display: flex;
   align-items: center;
 }
-._actions_uioq1_193 {
+._actions_1iw97_194 {
   margin-left: var(--padding-xs);
   display: flex;
   align-items: center;

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) {
@@ -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;
@@ -70856,154 +70856,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 +70920,6 @@ export {
   Select,
   SideBar,
   Slider,
-  SmartUploadModal,
   Spacer,
   Spinner$1 as Spinner,
   Table,