@cfx-dev/ui-components 4.5.16 → 4.5.17

package/dist/components/Range/RangeInput.js

@@ -0,0 +1,78 @@
+import { jsxs as k, jsx as g } from "react/jsx-runtime";
+import a from "react";
+import v from "../StyledInput/StyledInput.js";
+import { clsx as h } from "../../utils/clsx.js";
+const A = "cfxui__RangeInput__root__d7257", D = "cfxui__RangeInput__fullWidth__4ffc7", K = "cfxui__RangeInput__input__3bdcc", j = "cfxui__RangeInput__sign__c4033", n = {
+  root: A,
+  fullWidth: D,
+  input: K,
+  sign: j
+};
+function X(o) {
+  const {
+    fullWidth: R = !1,
+    value: e,
+    defaultValue: _,
+    onChange: s,
+    onSubmit: l,
+    onKeyDown: u,
+    pattern: F,
+    className: x,
+    containerClassName: y,
+    type: N = "number",
+    ref: b,
+    sign: f,
+    ...I
+  } = o, [i, C] = a.useState(e || _), w = typeof i < "u" && i !== "" && i !== null || typeof e < "u" && e !== "" && e !== null;
+  let r, m, d;
+  if (o.type === "number") {
+    const {
+      min: t,
+      max: c,
+      step: W
+    } = o;
+    d = W ?? 1, r = t ?? Number.MIN_SAFE_INTEGER, m = c ?? Number.MAX_SAFE_INTEGER;
+  }
+  const p = a.useCallback((t) => {
+    C(t), s && s(t);
+  }, [s]), E = a.useCallback(
+    (t) => {
+      const {
+        value: c
+      } = t.target;
+      p(c);
+    },
+    [p]
+  ), S = a.useCallback((t) => {
+    u && u(t), l && t.key === "Enter" && l();
+  }, [u, l]), V = h(
+    n.root,
+    y,
+    {
+      [n.fullWidth]: R,
+      [n.empty]: !w
+    }
+  );
+  return /* @__PURE__ */ k("div", { className: V, children: [
+    f && /* @__PURE__ */ g("div", { className: n.sign, children: f }),
+    /* @__PURE__ */ g(
+      v,
+      {
+        ref: b,
+        type: N,
+        className: h(n.input, x),
+        value: e,
+        onChange: E,
+        onKeyDown: S,
+        min: r,
+        max: m,
+        step: d,
+        defaultValue: _,
+        ...I
+      }
+    )
+  ] });
+}
+export {
+  X as default
+};

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

@@ -0,0 +1,2 @@
+declare function RangeShowcase(): import("react/jsx-runtime").JSX.Element;
+export default RangeShowcase;

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";