@gobolt/genesis 0.1.1 → 0.1.3

package/dist/TextArea-CHo3cxKw.js

@@ -0,0 +1,404 @@
+import * as v from "react";
+import N, { useRef as xe, useImperativeHandle as je, useEffect as Me, forwardRef as De } from "react";
+import { g as Ce, a as B, f as He, _ as L, e as ye, c as V, b as me } from "./presets-CSXMiWyc.js";
+import { h as he, w as Se, n as Le, g as Be, m as We, l as Ke } from "./CSSMotionList-DB0khM6h.js";
+import { u as Ye, B as Ze, r as be, t as Ge, g as Xe } from "./Input--qsU-6vp.js";
+import { u as ze } from "./useMergedState-D1-TbeEv.js";
+import { R as qe } from "./index-CzMIlMTV.js";
+import { g as Ue, a as Je } from "./statusUtils-Kj9kMuVg.js";
+import { d as Qe, D as ke } from "./index-DCopujxC.js";
+import { u as et } from "./useCSSVarCls-YfJY1twF.js";
+import { u as tt } from "./useSize-Ct1guc-z.js";
+import { F as at } from "./context-CQfFkrkv.js";
+import { u as nt } from "./useVariants-C6UAAu9f.js";
+import { u as rt } from "./Compact-DFcWZrNo.js";
+import { i as ot, a as it, u as st } from "./index-Bxbr727t.js";
+var lt = `
+  min-height:0 !important;
+  max-height:none !important;
+  height:0 !important;
+  visibility:hidden !important;
+  overflow:hidden !important;
+  position:absolute !important;
+  z-index:-1000 !important;
+  top:0 !important;
+  right:0 !important;
+  pointer-events: none !important;
+`, ut = ["letter-spacing", "line-height", "padding-top", "padding-bottom", "font-family", "font-weight", "font-size", "font-variant", "text-rendering", "text-transform", "width", "text-indent", "padding-left", "padding-right", "border-width", "box-sizing", "word-break", "white-space"], ue = {}, C;
+function dt(e) {
+  var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1, a = e.getAttribute("id") || e.getAttribute("data-reactid") || e.getAttribute("name");
+  if (n && ue[a])
+    return ue[a];
+  var t = window.getComputedStyle(e), s = t.getPropertyValue("box-sizing") || t.getPropertyValue("-moz-box-sizing") || t.getPropertyValue("-webkit-box-sizing"), d = parseFloat(t.getPropertyValue("padding-bottom")) + parseFloat(t.getPropertyValue("padding-top")), o = parseFloat(t.getPropertyValue("border-bottom-width")) + parseFloat(t.getPropertyValue("border-top-width")), m = ut.map(function(l) {
+    return "".concat(l, ":").concat(t.getPropertyValue(l));
+  }).join(";"), x = {
+    sizingStyle: m,
+    paddingSize: d,
+    borderSize: o,
+    boxSizing: s
+  };
+  return n && a && (ue[a] = x), x;
+}
+function ct(e) {
+  var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1, a = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : null, t = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : null;
+  C || (C = document.createElement("textarea"), C.setAttribute("tab-index", "-1"), C.setAttribute("aria-hidden", "true"), C.setAttribute("name", "hiddenTextarea"), document.body.appendChild(C)), e.getAttribute("wrap") ? C.setAttribute("wrap", e.getAttribute("wrap")) : C.removeAttribute("wrap");
+  var s = dt(e, n), d = s.paddingSize, o = s.borderSize, m = s.boxSizing, x = s.sizingStyle;
+  C.setAttribute("style", "".concat(x, ";").concat(lt)), C.value = e.value || e.placeholder || "";
+  var l = void 0, c = void 0, y, p = C.scrollHeight;
+  if (m === "border-box" ? p += o : m === "content-box" && (p -= d), a !== null || t !== null) {
+    C.value = " ";
+    var T = C.scrollHeight - d;
+    a !== null && (l = T * a, m === "border-box" && (l = l + d + o), p = Math.max(l, p)), t !== null && (c = T * t, m === "border-box" && (c = c + d + o), y = p > c ? "" : "hidden", p = Math.min(c, p));
+  }
+  var h = {
+    height: p,
+    overflowY: y,
+    resize: "none"
+  };
+  return l && (h.minHeight = l), c && (h.maxHeight = c), h;
+}
+var ft = ["prefixCls", "defaultValue", "value", "autoSize", "onResize", "className", "style", "disabled", "onChange", "onInternalAutoSize"], de = 0, ce = 1, fe = 2, mt = /* @__PURE__ */ v.forwardRef(function(e, n) {
+  var a = e, t = a.prefixCls, s = a.defaultValue, d = a.value, o = a.autoSize, m = a.onResize, x = a.className, l = a.style, c = a.disabled, y = a.onChange, p = a.onInternalAutoSize, T = Ce(a, ft), h = ze(s, {
+    value: d,
+    postState: function(f) {
+      return f ?? "";
+    }
+  }), _ = B(h, 2), k = _[0], X = _[1], F = function(f) {
+    X(f.target.value), y == null || y(f);
+  }, S = v.useRef();
+  v.useImperativeHandle(n, function() {
+    return {
+      textArea: S.current
+    };
+  });
+  var ee = v.useMemo(function() {
+    return o && He(o) === "object" ? [o.minRows, o.maxRows] : [];
+  }, [o]), g = B(ee, 2), z = g[0], P = g[1], W = !!o, q = function() {
+    try {
+      if (document.activeElement === S.current) {
+        var f = S.current, ae = f.selectionStart, I = f.selectionEnd, b = f.scrollTop;
+        S.current.setSelectionRange(ae, I), S.current.scrollTop = b;
+      }
+    } catch {
+    }
+  }, U = v.useState(fe), K = B(U, 2), w = K[0], Y = K[1], j = v.useState(), i = B(j, 2), M = i[0], J = i[1], O = function() {
+    Y(de), process.env.NODE_ENV === "test" && (p == null || p());
+  };
+  he(function() {
+    W && O();
+  }, [d, z, P, W]), he(function() {
+    if (w === de)
+      Y(ce);
+    else if (w === ce) {
+      var A = ct(S.current, !1, z, P);
+      Y(fe), J(A);
+    } else
+      q();
+  }, [w]);
+  var Q = v.useRef(), Z = function() {
+    Se.cancel(Q.current);
+  }, te = function(f) {
+    w === fe && (m == null || m(f), o && (Z(), Q.current = Se(function() {
+      O();
+    })));
+  };
+  v.useEffect(function() {
+    return Z;
+  }, []);
+  var G = W ? M : null, R = L(L({}, l), G);
+  return (w === de || w === ce) && (R.overflowY = "hidden", R.overflowX = "hidden"), /* @__PURE__ */ v.createElement(qe, {
+    onResize: te,
+    disabled: !(o || m)
+  }, /* @__PURE__ */ v.createElement("textarea", ye({}, T, {
+    ref: S,
+    style: R,
+    className: V(t, x, me({}, "".concat(t, "-disabled"), c)),
+    disabled: c,
+    value: k,
+    onChange: F
+  })));
+}), pt = ["defaultValue", "value", "onFocus", "onBlur", "onChange", "allowClear", "maxLength", "onCompositionStart", "onCompositionEnd", "suffix", "prefixCls", "showCount", "count", "className", "style", "disabled", "hidden", "classNames", "styles", "onResize", "onClear", "onPressEnter", "readOnly", "autoSize", "onKeyDown"], vt = /* @__PURE__ */ N.forwardRef(function(e, n) {
+  var a, t = e.defaultValue, s = e.value, d = e.onFocus, o = e.onBlur, m = e.onChange, x = e.allowClear, l = e.maxLength, c = e.onCompositionStart, y = e.onCompositionEnd, p = e.suffix, T = e.prefixCls, h = T === void 0 ? "rc-textarea" : T, _ = e.showCount, k = e.count, X = e.className, F = e.style, S = e.disabled, ee = e.hidden, g = e.classNames, z = e.styles, P = e.onResize, W = e.onClear, q = e.onPressEnter, U = e.readOnly, K = e.autoSize, w = e.onKeyDown, Y = Ce(e, pt), j = ze(t, {
+    value: s,
+    defaultValue: t
+  }), i = B(j, 2), M = i[0], J = i[1], O = M == null ? "" : String(M), Q = N.useState(!1), Z = B(Q, 2), te = Z[0], G = Z[1], R = N.useRef(!1), A = N.useState(null), f = B(A, 2), ae = f[0], I = f[1], b = xe(null), D = xe(null), E = function() {
+    var r;
+    return (r = D.current) === null || r === void 0 ? void 0 : r.textArea;
+  }, pe = function() {
+    E().focus();
+  };
+  je(n, function() {
+    var u;
+    return {
+      resizableTextArea: D.current,
+      focus: pe,
+      blur: function() {
+        E().blur();
+      },
+      nativeElement: ((u = b.current) === null || u === void 0 ? void 0 : u.nativeElement) || E()
+    };
+  }), Me(function() {
+    G(function(u) {
+      return !S && u;
+    });
+  }, [S]);
+  var we = N.useState(null), ve = B(we, 2), ie = ve[0], Re = ve[1];
+  N.useEffect(function() {
+    if (ie) {
+      var u;
+      (u = E()).setSelectionRange.apply(u, Le(ie));
+    }
+  }, [ie]);
+  var $ = Ye(k, _), ne = (a = $.max) !== null && a !== void 0 ? a : l, Ee = Number(ne) > 0, se = $.strategy(O), Ae = !!ne && se > ne, ge = function(r, H) {
+    var oe = H;
+    !R.current && $.exceedFormatter && $.max && $.strategy(H) > $.max && (oe = $.exceedFormatter(H, {
+      max: $.max
+    }), H !== oe && Re([E().selectionStart || 0, E().selectionEnd || 0])), J(oe), be(r.currentTarget, r, m, oe);
+  }, Ie = function(r) {
+    R.current = !0, c == null || c(r);
+  }, $e = function(r) {
+    R.current = !1, ge(r, r.currentTarget.value), y == null || y(r);
+  }, Ne = function(r) {
+    ge(r, r.target.value);
+  }, Te = function(r) {
+    r.key === "Enter" && q && q(r), w == null || w(r);
+  }, Oe = function(r) {
+    G(!0), d == null || d(r);
+  }, Ve = function(r) {
+    G(!1), o == null || o(r);
+  }, _e = function(r) {
+    J(""), pe(), be(E(), r, m);
+  }, le = p, re;
+  $.show && ($.showFormatter ? re = $.showFormatter({
+    value: O,
+    count: se,
+    maxLength: ne
+  }) : re = "".concat(se).concat(Ee ? " / ".concat(ne) : ""), le = /* @__PURE__ */ N.createElement(N.Fragment, null, le, /* @__PURE__ */ N.createElement("span", {
+    className: V("".concat(h, "-data-count"), g == null ? void 0 : g.count),
+    style: z == null ? void 0 : z.count
+  }, re)));
+  var Fe = function(r) {
+    var H;
+    P == null || P(r), (H = E()) !== null && H !== void 0 && H.style.height && I(!0);
+  }, Pe = !K && !_ && !x;
+  return /* @__PURE__ */ N.createElement(Ze, {
+    ref: b,
+    value: O,
+    allowClear: x,
+    handleReset: _e,
+    suffix: le,
+    prefixCls: h,
+    classNames: L(L({}, g), {}, {
+      affixWrapper: V(g == null ? void 0 : g.affixWrapper, me(me({}, "".concat(h, "-show-count"), _), "".concat(h, "-textarea-allow-clear"), x))
+    }),
+    disabled: S,
+    focused: te,
+    className: V(X, Ae && "".concat(h, "-out-of-range")),
+    style: L(L({}, F), ae && !Pe ? {
+      height: "auto"
+    } : {}),
+    dataAttrs: {
+      affixWrapper: {
+        "data-count": typeof re == "string" ? re : void 0
+      }
+    },
+    hidden: ee,
+    readOnly: U,
+    onClear: W
+  }, /* @__PURE__ */ N.createElement(mt, ye({}, Y, {
+    autoSize: K,
+    maxLength: l,
+    onKeyDown: Te,
+    onChange: Ne,
+    onFocus: Oe,
+    onBlur: Ve,
+    onCompositionStart: Ie,
+    onCompositionEnd: $e,
+    className: V(g == null ? void 0 : g.textarea),
+    style: L(L({}, z == null ? void 0 : z.textarea), {}, {
+      resize: F == null ? void 0 : F.resize
+    }),
+    disabled: S,
+    prefixCls: h,
+    onResize: Fe,
+    ref: D,
+    readOnly: U
+  })));
+});
+const gt = (e) => {
+  const {
+    componentCls: n,
+    paddingLG: a
+  } = e, t = `${n}-textarea`;
+  return {
+    [t]: {
+      position: "relative",
+      "&-show-count": {
+        // https://github.com/ant-design/ant-design/issues/33049
+        [`> ${n}`]: {
+          height: "100%"
+        },
+        [`${n}-data-count`]: {
+          position: "absolute",
+          bottom: e.calc(e.fontSize).mul(e.lineHeight).mul(-1).equal(),
+          insetInlineEnd: 0,
+          color: e.colorTextDescription,
+          whiteSpace: "nowrap",
+          pointerEvents: "none"
+        }
+      },
+      [`
+        &-allow-clear > ${n},
+        &-affix-wrapper${t}-has-feedback ${n}
+      `]: {
+        paddingInlineEnd: a
+      },
+      [`&-affix-wrapper${n}-affix-wrapper`]: {
+        padding: 0,
+        [`> textarea${n}`]: {
+          fontSize: "inherit",
+          border: "none",
+          outline: "none",
+          background: "transparent",
+          minHeight: e.calc(e.controlHeight).sub(e.calc(e.lineWidth).mul(2)).equal(),
+          "&:focus": {
+            boxShadow: "none !important"
+          }
+        },
+        [`${n}-suffix`]: {
+          margin: 0,
+          "> *:not(:last-child)": {
+            marginInline: 0
+          },
+          // Clear Icon
+          [`${n}-clear-icon`]: {
+            position: "absolute",
+            insetInlineEnd: e.paddingInline,
+            insetBlockStart: e.paddingXS
+          },
+          // Feedback Icon
+          [`${t}-suffix`]: {
+            position: "absolute",
+            top: 0,
+            insetInlineEnd: e.paddingInline,
+            bottom: 0,
+            zIndex: 1,
+            display: "inline-flex",
+            alignItems: "center",
+            margin: "auto",
+            pointerEvents: "none"
+          }
+        }
+      },
+      [`&-affix-wrapper${n}-affix-wrapper-sm`]: {
+        [`${n}-suffix`]: {
+          [`${n}-clear-icon`]: {
+            insetInlineEnd: e.paddingInlineSM
+          }
+        }
+      }
+    }
+  };
+}, xt = Be(["Input", "TextArea"], (e) => {
+  const n = We(e, ot(e));
+  return [gt(n)];
+}, it, {
+  resetFont: !1
+});
+var ht = function(e, n) {
+  var a = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (a[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var s = 0, t = Object.getOwnPropertySymbols(e); s < t.length; s++)
+    n.indexOf(t[s]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[s]) && (a[t[s]] = e[t[s]]);
+  return a;
+};
+const Vt = /* @__PURE__ */ De((e, n) => {
+  var a;
+  const {
+    prefixCls: t,
+    bordered: s = !0,
+    size: d,
+    disabled: o,
+    status: m,
+    allowClear: x,
+    classNames: l,
+    rootClassName: c,
+    className: y,
+    style: p,
+    styles: T,
+    variant: h
+  } = e, _ = ht(e, ["prefixCls", "bordered", "size", "disabled", "status", "allowClear", "classNames", "rootClassName", "className", "style", "styles", "variant"]);
+  if (process.env.NODE_ENV !== "production") {
+    const {
+      deprecated: I
+    } = Qe("TextArea");
+    I(!("bordered" in e), "bordered", "variant");
+  }
+  const {
+    getPrefixCls: k,
+    direction: X,
+    allowClear: F,
+    autoComplete: S,
+    className: ee,
+    style: g,
+    classNames: z,
+    styles: P
+  } = Ke("textArea"), W = v.useContext(ke), q = o ?? W, {
+    status: U,
+    hasFeedback: K,
+    feedbackIcon: w
+  } = v.useContext(at), Y = Je(U, m), j = v.useRef(null);
+  v.useImperativeHandle(n, () => {
+    var I;
+    return {
+      resizableTextArea: (I = j.current) === null || I === void 0 ? void 0 : I.resizableTextArea,
+      focus: (b) => {
+        var D, E;
+        Ge((E = (D = j.current) === null || D === void 0 ? void 0 : D.resizableTextArea) === null || E === void 0 ? void 0 : E.textArea, b);
+      },
+      blur: () => {
+        var b;
+        return (b = j.current) === null || b === void 0 ? void 0 : b.blur();
+      }
+    };
+  });
+  const i = k("input", t), M = et(i), [J, O, Q] = st(i, c), [Z] = xt(i, M), {
+    compactSize: te,
+    compactItemClassnames: G
+  } = rt(i, X), R = tt((I) => {
+    var b;
+    return (b = d ?? te) !== null && b !== void 0 ? b : I;
+  }), [A, f] = nt("textArea", h, s), ae = Xe(x ?? F);
+  return J(Z(/* @__PURE__ */ v.createElement(vt, Object.assign({
+    autoComplete: S
+  }, _, {
+    style: Object.assign(Object.assign({}, g), p),
+    styles: Object.assign(Object.assign({}, P), T),
+    disabled: q,
+    allowClear: ae,
+    className: V(Q, M, y, c, G, ee),
+    classNames: Object.assign(Object.assign(Object.assign({}, l), z), {
+      textarea: V({
+        [`${i}-sm`]: R === "small",
+        [`${i}-lg`]: R === "large"
+      }, O, l == null ? void 0 : l.textarea, z.textarea),
+      variant: V({
+        [`${i}-${A}`]: f
+      }, Ue(i, Y)),
+      affixWrapper: V(`${i}-textarea-affix-wrapper`, {
+        [`${i}-affix-wrapper-rtl`]: X === "rtl",
+        [`${i}-affix-wrapper-sm`]: R === "small",
+        [`${i}-affix-wrapper-lg`]: R === "large",
+        [`${i}-textarea-show-count`]: e.showCount || ((a = e.count) === null || a === void 0 ? void 0 : a.show)
+      }, O)
+    }),
+    prefixCls: i,
+    suffix: K && /* @__PURE__ */ v.createElement("span", {
+      className: `${i}-textarea-suffix`
+    }, w),
+    ref: j
+  }))));
+});
+export {
+  Vt as T
+};