npm - @oliasoft-open-source/react-ui-library - Versions diffs - 4.7.3 → 4.7.5 - Mend

@oliasoft-open-source/react-ui-library 4.7.3 → 4.7.5

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

package/dist/404.html CHANGED Viewed

	@@ -1 +1 @@
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-~~D5kcnHmD~~.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-Oe0PlEED.css"></head><body><div id="content"></div></body>
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-CbZ_B_tn.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-Oe0PlEED.css"></head><body><div id="content"></div></body>

package/dist/assets/{index-D5kcnHmD.js → index-CbZ_B_tn.js} RENAMED Viewed

@@ -11918,15 +11918,7 @@ const TooltipLayer = ({
       ...layerProps,
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { maxWidth, fontSize, padding: padding2 }, children: text2 }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Arrow,
-          {
-            ...arrowProps,
-            size: 6,
-            onPointerEnterCapture: void 0,
-            onPointerLeaveCapture: void 0
-          }
-        )
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Arrow, { ...arrowProps, size: 6 })
       ]
     }
   );
@@ -56894,6 +56886,7 @@ function requireParseNumber() {
     const units_1 = requireUnits();
     const numbers_1 = requireNumbers();
     const utils_12 = requireUtils();
+    const display_number_1 = requireDisplayNumber();
     const countTrailingZeros = (value, decimalPartOnly = false) => {
       var _a, _b, _c, _d;
       const condition = decimalPartOnly ? /0+((?=[|eE])|$)/ : /(0+|0+\.0+)((?=[|eE])|$)/;
@@ -56920,8 +56913,15 @@ function requireParseNumber() {
       };
     };
     exports.parseNumber = parseNumber2;
-    const unParseNumber = (value, unit, isString2) => {
-      return unit ? (0, units_1.withUnit)(value, unit) : isString2 && typeof value !== "string" ? String(value) : value;
+    const safeStringifyNumber = (value, isScientific) => {
+      return isScientific ? String(value) : (0, display_number_1.formatDecimalDisplayNumber)(value, { noThousandsSeparator: true });
+    };
+    const unParseNumber = ({ value, unit, isString: isString2, isScientific }) => {
+      const convertedValue = typeof value === "number" && isString2 ? safeStringifyNumber(value, isScientific) : value;
+      if (unit) {
+        return (0, units_1.withUnit)(convertedValue, unit);
+      }
+      return convertedValue;
     };
     exports.unParseNumber = unParseNumber;
   })(parseNumber);
@@ -57074,7 +57074,12 @@ function requireRounding() {
       }
       const { number: number2, unit, isString: isString2 } = (0, parse_number_1.parseNumber)(value);
       const result = !(0, utils_12.isNumeric)(number2) || typeof number2 === "string" && number2.endsWith(".") ? value : (0, exports.roundNumber)(number2, n2);
-      return (0, parse_number_1.unParseNumber)(result, unit, isString2);
+      return (0, parse_number_1.unParseNumber)({
+        value: result,
+        unit,
+        isString: isString2,
+        isScientific: (0, numbers_1.isScientificStringNum)(value)
+      });
     };
     exports.round = round2;
     const roundNumberToPrecision = (value, n2 = DEFAULT_SIGNIFICANT_DIGITS) => {
@@ -57114,7 +57119,12 @@ function requireRounding() {
       }
       const { number: number2, unit, isString: isString2 } = (0, parse_number_1.parseNumber)(value);
       const result = !(0, utils_12.isNumeric)(number2) || typeof number2 === "string" && number2.endsWith(".") ? value : (0, exports.roundNumberToPrecision)(number2, n2);
-      return (0, parse_number_1.unParseNumber)(result, unit, isString2);
+      return (0, parse_number_1.unParseNumber)({
+        value: result,
+        unit,
+        isString: isString2,
+        isScientific: (0, numbers_1.isScientificStringNum)(value)
+      });
     };
     exports.roundToPrecision = roundToPrecision;
     const roundToDecimalPrecision = (value, n2 = DEFAULT_SIGNIFICANT_DIGITS) => {
@@ -57126,7 +57136,12 @@ function requireRounding() {
       }
       const { number: number2, unit, isString: isString2 } = (0, parse_number_1.parseNumber)(value);
       const result = !(0, utils_12.isNumeric)(number2) || typeof number2 === "string" && number2.endsWith(".") ? value : (0, exports.roundNumberToDecimalPrecision)(number2, n2);
-      return (0, parse_number_1.unParseNumber)(result, unit, isString2);
+      return (0, parse_number_1.unParseNumber)({
+        value: result,
+        unit,
+        isString: isString2,
+        isScientific: (0, numbers_1.isScientificStringNum)(value)
+      });
     };
     exports.roundToDecimalPrecision = roundToDecimalPrecision;
     const roundNumberByMagnitude = (value, n2 = DEFAULT_SIGNIFICANT_DIGITS, toFixed = false) => {
@@ -57144,7 +57159,12 @@ function requireRounding() {
       }
       const { number: number2, unit, isString: isString2 } = (0, parse_number_1.parseNumber)(value);
       const result = !(0, utils_12.isNumeric)(number2) || typeof number2 === "string" && number2.endsWith(".") ? value : (0, exports.roundNumberByMagnitude)(number2, n2);
-      return (0, parse_number_1.unParseNumber)(result, unit, isString2);
+      return (0, parse_number_1.unParseNumber)({
+        value: result,
+        unit,
+        isString: isString2,
+        isScientific: (0, numbers_1.isScientificStringNum)(value)
+      });
     };
     exports.roundByMagnitude = roundByMagnitude;
     const roundByMagnitudeToFixed = (value, n2 = DEFAULT_SIGNIFICANT_DIGITS) => {
@@ -57157,7 +57177,12 @@ function requireRounding() {
       }
       const { number: number2, unit } = (0, parse_number_1.parseNumber)(value, true);
       const result = !(0, utils_12.isNumeric)(number2) || typeof number2 === "string" && number2.endsWith(".") ? value : (0, exports.roundNumberByMagnitude)(number2, n2, toFixed);
-      return (0, parse_number_1.unParseNumber)(result, unit, true);
+      return (0, parse_number_1.unParseNumber)({
+        value: result,
+        unit,
+        isString: true,
+        isScientific: (0, numbers_1.isScientificStringNum)(value)
+      });
     };
     exports.roundByMagnitudeToFixed = roundByMagnitudeToFixed;
     const roundNumberByRange = (value, min, max, n2 = DEFAULT_SIGNIFICANT_DIGITS) => {
@@ -57179,7 +57204,12 @@ function requireRounding() {
       }
       const { number: number2, unit, isString: isString2 } = (0, parse_number_1.parseNumber)(value);
       const result = !(0, utils_12.isNumeric)(number2) || typeof number2 === "string" && number2.endsWith(".") ? value : (0, exports.roundNumberByRange)(number2, min, max, n2);
-      return (0, parse_number_1.unParseNumber)(result, unit, isString2);
+      return (0, parse_number_1.unParseNumber)({
+        value: result,
+        unit,
+        isString: isString2,
+        isScientific: (0, numbers_1.isScientificStringNum)(value)
+      });
     };
     exports.roundByRange = roundByRange;
     const roundToFixed = (value, n2 = DEFAULT_SIGNIFICANT_DIGITS) => {
@@ -57191,7 +57221,12 @@ function requireRounding() {
       }
       const { number: number2, unit, isString: isString2 } = (0, parse_number_1.parseNumber)(value);
       const result = !(0, utils_12.isNumeric)(number2) || typeof number2 === "string" && number2.endsWith(".") ? value : number2.toFixed(n2);
-      return (0, parse_number_1.unParseNumber)(result, unit, isString2);
+      return (0, parse_number_1.unParseNumber)({
+        value: result,
+        unit,
+        isString: isString2,
+        isScientific: (0, numbers_1.isScientificStringNum)(value)
+      });
     };
     exports.roundToFixed = roundToFixed;
   })(rounding);
@@ -57246,7 +57281,7 @@ function requireDisplayNumber() {
       if (!(0, numbers_1.isValidNum)(value)) {
         return (0, utils_12.trim)(value.toString());
       }
-      const space = nonBreakingSpace ? " " : " ";
+      const space = (options2 === null || options2 === void 0 ? void 0 : options2.noThousandsSeparator) ? "" : nonBreakingSpace ? " " : " ";
       return (0, exports.formatDecimal)(value, space, options2 === null || options2 === void 0 ? void 0 : options2.preserveTrailingZeros);
     };
     exports.formatDecimalDisplayNumber = formatDecimalDisplayNumber;

package/dist/index.html CHANGED Viewed

	@@ -1 +1 @@
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-~~D5kcnHmD~~.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-Oe0PlEED.css"></head><body><div id="content"></div></body>
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-CbZ_B_tn.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-Oe0PlEED.css"></head><body><div id="content"></div></body>

package/dist/index.js CHANGED Viewed

@@ -6649,7 +6649,8 @@ const Dialog = ({ dialog: dialog2 }) => {
               basic: true,
               small: true,
               colored: "muted",
-              onClick: onClose
+              onClick: onClose,
+              testId: testId && `${testId}-dismiss`
             }
           ) }) : null
         ] }),
@@ -19214,7 +19215,12 @@ var MessageToggle = /* @__PURE__ */ ((MessageToggle2) => {
   MessageToggle2["TOGGLE_DETAILS"] = "TOGGLE_DETAILS";
   return MessageToggle2;
 })(MessageToggle || {});
-const Dismiss = ({ type, onClose, isInToast }) => {
+const Dismiss = ({
+  type,
+  onClose,
+  isInToast,
+  testId
+}) => {
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -19223,7 +19229,7 @@ const Dismiss = ({ type, onClose, isInToast }) => {
         isInToast ? styles$s.absolute : "",
         type === MessageType.INFO ? styles$s.info : type === MessageType.SUCCESS ? styles$s.success : type === MessageType.WARNING ? styles$s.warning : type === MessageType.ERROR ? styles$s.error : null
       ),
-      children: /* @__PURE__ */ jsx(Icon, { icon: IconType.CLOSE, onClick: onClose })
+      children: /* @__PURE__ */ jsx(Icon, { icon: IconType.CLOSE, onClick: onClose, testId })
     }
   );
 };
@@ -20710,7 +20716,8 @@ const styles$m = {
 const MultiSelectedOptions = ({
   selectedOptions,
   small: small2,
-  width: width2
+  width: width2,
+  testId
 }) => {
   const isFontLoaded = useFontsReady();
   const [displayedOptions, setDisplayedOptions] = useState([]);
@@ -20732,27 +20739,34 @@ const MultiSelectedOptions = ({
     setDisplayedOptions(displayed);
     setOverflowOptions(overflow);
   }, [selectedOptions, isFontLoaded, width2]);
-  return /* @__PURE__ */ jsxs("div", { className: styles$m.multiOptions, children: [
-    displayedOptions.filter((option2) => option2 && option2.label).map((option2, index2) => /* @__PURE__ */ jsx(
-      "span",
-      {
-        className: styles$m.multiOption,
-        onClick: (evt) => {
-          evt.stopPropagation();
-        },
-        children: option2.label
-      },
-      index2
-    )),
-    overflowOptions.length > 0 && /* @__PURE__ */ jsx(
-      Tooltip,
-      {
-        text: overflowOptions.map((option2, index2) => /* @__PURE__ */ jsx("div", { children: option2.label }, index2)),
-        display: "inline-flex",
-        children: /* @__PURE__ */ jsx("span", { className: styles$m.multiOption, children: displayedOptions.length ? `+${overflowOptions.length}` : `${overflowOptions.length} items` })
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: styles$m.multiOptions,
+      "data-testid": testId && `${testId}-value`,
+      children: [
+        displayedOptions.filter((option2) => option2 && option2.label).map((option2, index2) => /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: styles$m.multiOption,
+            onClick: (evt) => {
+              evt.stopPropagation();
+            },
+            children: option2.label
+          },
+          index2
+        )),
+        overflowOptions.length > 0 && /* @__PURE__ */ jsx(
+          Tooltip,
+          {
+            text: overflowOptions.map((option2, index2) => /* @__PURE__ */ jsx("div", { children: option2.label }, index2)),
+            display: "inline-flex",
+            children: /* @__PURE__ */ jsx("span", { className: styles$m.multiOption, children: displayedOptions.length ? `+${overflowOptions.length}` : `${overflowOptions.length} items` })
+          }
+        )
+      ]
+    }
+  );
 };
 const Input = ({
   selectedOptions,
@@ -20763,7 +20777,8 @@ const Input = ({
   inputRef,
   error: error2,
   placeholder: placeholder3 = "Select...",
-  small: small2
+  small: small2,
+  testId
 }) => {
   const containerRef = useRef(null);
   const isMulti2 = Array.isArray(selectedOptions);
@@ -20781,9 +20796,17 @@ const Input = ({
       {
         selectedOptions,
         small: small2,
-        width: getMultiOptionsWidth()
+        width: getMultiOptionsWidth(),
+        testId
+      }
+    ) : /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: styles$m.selectedSingleValue,
+        "data-testid": testId && `${testId}-value`,
+        children: !(searchValue == null ? void 0 : searchValue.length) ? selectedOptions == null ? void 0 : selectedOptions.label : ""
       }
-    ) : /* @__PURE__ */ jsx("span", { className: styles$m.selectedSingleValue, children: !(searchValue == null ? void 0 : searchValue.length) ? selectedOptions == null ? void 0 : selectedOptions.label : "" }),
+    ),
     searchable ? /* @__PURE__ */ jsx(
       "input",
       {
@@ -20792,7 +20815,8 @@ const Input = ({
         size: inputSize,
         className: cx$2(styles$m.input, error2 ? styles$m.error : ""),
         value: searchValue,
-        onChange: (evt) => onChange(evt.target.value)
+        onChange: (evt) => onChange(evt.target.value),
+        "data-testid": testId && `${testId}-input`
       }
     ) : null
   ] });
@@ -20888,7 +20912,8 @@ const Trigger = ({
               inputRef,
               onChange: onChangeSearch,
               error: error2,
-              small: small2
+              small: small2,
+              testId
             }
           ),
           /* @__PURE__ */ jsx("span", { className: styles$m.icons, children: canClear ? /* @__PURE__ */ jsx(
@@ -20904,6 +20929,7 @@ const Trigger = ({
                   onClickClear(evt);
                 }
               },
+              "data-testid": testId && `${testId}-clear`,
               children: /* @__PURE__ */ jsx(Icon, { icon: IconType.CLOSE })
             }
           ) : /* @__PURE__ */ jsx("span", { className: cx$2(styles$m.iconOpen), children: /* @__PURE__ */ jsx(Icon, { icon: "chevron down" }) }) })
@@ -57704,7 +57730,15 @@ const toast = ({
   const { type = MessageType.INFO } = message2 ?? {};
   const CloseButton2 = ({
     closeToast
-  }) => /* @__PURE__ */ jsx(Dismiss, { type, onClose: closeToast, isInToast: true });
+  }) => /* @__PURE__ */ jsx(
+    Dismiss,
+    {
+      type,
+      onClose: closeToast,
+      isInToast: true,
+      testId: id2 !== void 0 ? id2.toString() + "-dismiss" : void 0
+    }
+  );
   const content2 = /* @__PURE__ */ jsx(
     Message,
     {