@orderly.network/ui 2.8.5-alpha.0 → 2.8.6-alpha.0

package/dist/index.js

@@ -4347,7 +4347,7 @@ var NumType = (props) => {
   const renderChild = () => {
     switch (numType) {
       case "roi":
-        return utils.formatNum.roi(children);
+        return utils.formatNum.roi(children, props.rule === "percentages" ? 4 : 2)?.toString();
       case "pnl":
         return utils.formatNum.pnl(children);
       case "notional":
@@ -4529,10 +4529,10 @@ var BaseInput = React67.forwardRef(
       [innerFormatters]
     );
     const formattedValue = React67.useMemo(() => {
-      if (typeof value === "undefined")
-        return value;
+      if (typeof value === "undefined" || value === null)
+        return "";
       return formatToRender(value);
-    }, [value]);
+    }, [value, formatToRender]);
     React67.useEffect(() => {
       if (document.activeElement !== innerInputRef.current)
         return;
@@ -5455,7 +5455,7 @@ var SelectWithOptions = (props) => {
   }) }) });
 };
 var TokenSelect = (props) => {
-  const { tokens, showIcon = true, iconSize, ...rest } = props;
+  const { tokens, showIcon = true, iconSize, showCaret, ...rest } = props;
   const { icon } = selectVariants();
   const options = React67.useMemo(() => {
     return tokens.map((token) => {
@@ -5493,7 +5493,7 @@ var TokenSelect = (props) => {
     SelectWithOptions,
     {
       ...rest,
-      showCaret: selectable,
+      showCaret: typeof showCaret === "boolean" ? showCaret : selectable,
       options,
       valueFormatter: showIcon ? valueRenderer : void 0,
       optionRenderer,
@@ -11244,6 +11244,80 @@ __export(tailwind_exports, {
   default: () => tailwind_default
 });
 var tailwind_default = {};
+var dotStatusVariants = tailwindVariants.tv({
+  slots: {
+    root: "oui-flex oui-items-center oui-justify-center oui-gap-1",
+    dot: "oui-flex-shrink-0 oui-rounded-full",
+    label: "oui-text-2xs"
+  },
+  variants: {
+    color: {
+      primary: {
+        dot: "oui-bg-primary-darken",
+        label: "oui-text-primary-darken"
+      },
+      warning: {
+        dot: "oui-bg-warning-darken",
+        label: "oui-text-warning-darken"
+      },
+      profit: {
+        dot: "oui-bg-profit-darken",
+        label: "oui-text-profit-darken"
+      },
+      loss: {
+        dot: "oui-bg-loss-darken",
+        label: "oui-text-loss-darken"
+      },
+      secondary: {
+        dot: "oui-bg-secondary-darken",
+        label: "oui-text-secondary-darken"
+      }
+    },
+    size: {
+      xs: {
+        dot: "oui-w-1 oui-h-1",
+        label: "oui-text-2xs"
+      },
+      sm: {
+        dot: "oui-w-2 oui-h-2",
+        label: "oui-text-2xs"
+      },
+      md: {
+        dot: "oui-w-3 oui-h-3",
+        label: "oui-text-2xs"
+      },
+      lg: {
+        dot: "oui-w-4 oui-h-4",
+        label: "oui-text-2xs"
+      }
+    }
+  },
+  defaultVariants: {
+    color: "primary",
+    size: "xs"
+  }
+});
+var DotStatus = (props) => {
+  const { color, size, label, classNames } = props;
+  const { root, dot, label: labelSlot } = dotStatusVariants({ color, size });
+  if (!label) {
+    return /* @__PURE__ */ jsxRuntime.jsx(Box, { r: "full", className: dot({ className: classNames?.dot }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Flex,
+    {
+      itemAlign: "center",
+      justify: "center",
+      gapX: 1,
+      className: root({ className: classNames?.root }),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Box, { r: "full", className: dot({ className: classNames?.dot }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(Text2, { size: "2xs", className: labelSlot({ className: classNames?.label }), children: label })
+      ]
+    }
+  );
+};
+DotStatus.displayName = "DotStatus";
 
 Object.defineProperty(exports, "cn", {
   enumerable: true,
@@ -11341,6 +11415,7 @@ exports.DialogPortal = DialogPortal;
 exports.DialogTitle = DialogTitle;
 exports.DialogTrigger = DialogTrigger;
 exports.Divider = Divider;
+exports.DotStatus = DotStatus;
 exports.DropdownMenuContent = DropdownMenuContent;
 exports.DropdownMenuGroup = DropdownMenuGroup;
 exports.DropdownMenuItem = DropdownMenuItem;
@@ -11486,6 +11561,7 @@ exports.boxVariants = boxVariants;
 exports.buttonVariants = buttonVariants;
 exports.capitalizeFirstLetter = capitalizeFirstLetter;
 exports.convertValueToPercentage = convertValueToPercentage;
+exports.dotStatusVariants = dotStatusVariants;
 exports.formatAddress = formatAddress;
 exports.gradientTextVariants = gradientTextVariants;
 exports.inputFormatter = formatter_exports;