@cfx-dev/ui-components 4.5.15 → 4.5.17

package/dist/components/Range/RangeShowcase.js

@@ -0,0 +1,41 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import r from "../Flex/Flex.js";
+import { Text as t } from "../Text/Text.js";
+import "../../utils/ui/ui.js";
+import i from "./RangeWithInputs.js";
+function g() {
+  return /* @__PURE__ */ a(r, { gap: "large", vertical: !0, pb: 20, children: [
+    /* @__PURE__ */ a(r, { gap: "normal", vertical: !0, children: [
+      /* @__PURE__ */ e(t, { children: "Range With Inputs" }),
+      /* @__PURE__ */ e(
+        i,
+        {
+          defaultValue: [55, 100],
+          max: 200,
+          step: 5,
+          maxSign: "$",
+          minSign: "$",
+          name: "range-with-inputs"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ a(r, { gap: "normal", vertical: !0, children: [
+      /* @__PURE__ */ e(t, { children: "Disabled: Range With Inputs" }),
+      /* @__PURE__ */ e(
+        i,
+        {
+          defaultValue: [55, 100],
+          max: 200,
+          step: 5,
+          maxSign: "$",
+          minSign: "$",
+          disabled: !0,
+          name: "disabled-range"
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  g as default
+};

package/dist/components/Range/RangeWithInputs.d.ts

@@ -0,0 +1,8 @@
+import { RangeProps } from './Range.types';
+
+export type RangeWithInputsProps = RangeProps & {
+    minSign?: string;
+    maxSign?: string;
+};
+declare function RangeWithInputs(props: RangeWithInputsProps): import("react/jsx-runtime").JSX.Element;
+export default RangeWithInputs;

package/dist/components/Range/RangeWithInputs.js

@@ -0,0 +1,81 @@
+import { jsxs as x, jsx as s } from "react/jsx-runtime";
+import i from "react";
+import C from "../Flex/Flex.js";
+import R from "./Range.js";
+import M from "./RangeInput.js";
+function _(V) {
+  const {
+    value: e,
+    defaultValue: l,
+    onValueChange: m,
+    min: c = 0,
+    max: o = 100,
+    minSign: h,
+    maxSign: S,
+    disabled: f = !1,
+    name: u,
+    ...b
+  } = V, [t, d] = i.useState(() => e ? e[0] : l ? l[0] : c), [n, p] = i.useState(() => e ? e[1] : l ? l[1] : o), r = i.useCallback((a) => {
+    d(a[0]), p(a[1]), m && m(a);
+  }, [m]), j = i.useCallback((a) => {
+    const g = Math.min(Number(a), n);
+    r([g, n]);
+  }, [r, n]), v = i.useCallback((a) => {
+    const g = Math.min(Number(a), o);
+    r([t, g]);
+  }, [r, t, o]);
+  return i.useEffect(() => {
+    e && (d(e[0]), p(e[1]));
+  }, [e]), /* @__PURE__ */ x(C, { gap: 2.5, direction: "column", children: [
+    u && /* @__PURE__ */ s(
+      "input",
+      {
+        type: "hidden",
+        name: u,
+        value: [t, n].join(",")
+      }
+    ),
+    /* @__PURE__ */ s(
+      R,
+      {
+        min: c,
+        max: o,
+        value: [t, n],
+        defaultValue: l,
+        onValueChange: r,
+        disabled: f,
+        name: u,
+        ...b
+      }
+    ),
+    /* @__PURE__ */ x(C, { gap: 2.5, justifyContent: "space-between", children: [
+      /* @__PURE__ */ s(
+        M,
+        {
+          sign: h,
+          value: t,
+          onChange: j,
+          min: c,
+          max: n,
+          disabled: f,
+          id: [u, "min"].filter(Boolean).join("-")
+        }
+      ),
+      /* @__PURE__ */ s(
+        M,
+        {
+          sign: h,
+          value: n,
+          onChange: v,
+          min: t,
+          max: o,
+          disabled: f,
+          id: [u, "max"].filter(Boolean).join("-")
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  _ as default
+};

package/dist/components/Range/index.d.ts

@@ -0,0 +1,6 @@
+export { default as Range } from './Range';
+export { default as RangeInput } from './RangeInput';
+export { default as RangeWithInputs } from './RangeWithInputs';
+export type { RangeProps } from './Range.types';
+export type { RangeInputProps } from './RangeInput';
+export type { RangeWithInputsProps } from './RangeWithInputs';

package/dist/components/Range/index.js

@@ -0,0 +1,8 @@
+import { default as t } from "./Range.js";
+import { default as o } from "./RangeInput.js";
+import { default as n } from "./RangeWithInputs.js";
+export {
+  t as Range,
+  o as RangeInput,
+  n as RangeWithInputs
+};

package/dist/components/Select/Select.js

@@ -3,9 +3,9 @@ import * as l from "react";
 import q from "react";
 import { R as ft, r as De } from "../../index-Cl_RnsqN.js";
 import { c as Ee } from "../../index-rKs9bXHr.js";
-import { a as K, P as N, d as Oe, c as mt, u as B, e as P, b as ht } from "../../index-DCuJlMqr.js";
-import { u as gt, c as vt } from "../../index-BMU9X4M-.js";
-import { c as Le, d as _t, u as Ne, A as St, a as wt, h as xt, b as yt, R as Ct, F as It, D as Tt, C as bt, e as Pt } from "../../Combination-2dfXEDc9.js";
+import { e as K, P as N, u as Oe, c as mt, b as B, a as P, f as ht } from "../../index-CfQtbUfi.js";
+import { u as gt, c as vt } from "../../index-9LBuZ7x4.js";
+import { c as Le, d as _t, u as Ne, A as St, a as wt, h as xt, b as yt, R as Ct, F as It, D as Tt, C as bt, e as Pt } from "../../Combination-CcTTSYNP.js";
 import { u as Nt } from "../../index-BZPx6jYI.js";
 import { Icon as Rt } from "../Icon/Icon.js";
 import { clsx as xe } from "../../utils/clsx.js";