@photoroom/ui 0.1.23 → 0.1.25
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.
- package/index.css +2 -0
- package/index.mjs +55609 -52321
- package/package.json +1 -1
- package/react-textarea-autosize.browser.esm-D70wvMM8.mjs +165 -0
- package/react-textarea-autosize.browser.esm-C6Dsm-5Q.mjs +0 -165
- package/style.css +0 -1
package/package.json
CHANGED
|
@@ -0,0 +1,165 @@
|
|
|
1
|
+
import * as e from "react";
|
|
2
|
+
import t, { useLayoutEffect as n } from "react";
|
|
3
|
+
//#region ../../node_modules/.pnpm/@babel+runtime@7.29.2/node_modules/@babel/runtime/helpers/esm/extends.js
|
|
4
|
+
function r() {
|
|
5
|
+
return r = Object.assign ? Object.assign.bind() : function(e) {
|
|
6
|
+
for (var t = 1; t < arguments.length; t++) {
|
|
7
|
+
var n = arguments[t];
|
|
8
|
+
for (var r in n) ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
|
|
9
|
+
}
|
|
10
|
+
return e;
|
|
11
|
+
}, r.apply(null, arguments);
|
|
12
|
+
}
|
|
13
|
+
//#endregion
|
|
14
|
+
//#region ../../node_modules/.pnpm/@babel+runtime@7.29.2/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
|
|
15
|
+
function i(e, t) {
|
|
16
|
+
if (e == null) return {};
|
|
17
|
+
var n = {};
|
|
18
|
+
for (var r in e) if ({}.hasOwnProperty.call(e, r)) {
|
|
19
|
+
if (t.indexOf(r) !== -1) continue;
|
|
20
|
+
n[r] = e[r];
|
|
21
|
+
}
|
|
22
|
+
return n;
|
|
23
|
+
}
|
|
24
|
+
//#endregion
|
|
25
|
+
//#region ../../node_modules/.pnpm/use-isomorphic-layout-effect@1.2.1_@types+react@19.2.14_react@19.2.4/node_modules/use-isomorphic-layout-effect/dist/use-isomorphic-layout-effect.browser.esm.js
|
|
26
|
+
var a = n, o = function(e) {
|
|
27
|
+
var n = t.useRef(e);
|
|
28
|
+
return a(function() {
|
|
29
|
+
n.current = e;
|
|
30
|
+
}), n;
|
|
31
|
+
}, s = function(e, t) {
|
|
32
|
+
if (typeof e == "function") {
|
|
33
|
+
e(t);
|
|
34
|
+
return;
|
|
35
|
+
}
|
|
36
|
+
e.current = t;
|
|
37
|
+
}, c = function(e, n) {
|
|
38
|
+
var r = t.useRef();
|
|
39
|
+
return t.useCallback(function(t) {
|
|
40
|
+
e.current = t, r.current && s(r.current, null), r.current = n, n && s(n, t);
|
|
41
|
+
}, [n]);
|
|
42
|
+
}, l = {
|
|
43
|
+
"min-height": "0",
|
|
44
|
+
"max-height": "none",
|
|
45
|
+
height: "0",
|
|
46
|
+
visibility: "hidden",
|
|
47
|
+
overflow: "hidden",
|
|
48
|
+
position: "absolute",
|
|
49
|
+
"z-index": "-1000",
|
|
50
|
+
top: "0",
|
|
51
|
+
right: "0",
|
|
52
|
+
display: "block"
|
|
53
|
+
}, u = function(e) {
|
|
54
|
+
Object.keys(l).forEach(function(t) {
|
|
55
|
+
e.style.setProperty(t, l[t], "important");
|
|
56
|
+
});
|
|
57
|
+
}, d = null, f = function(e, t) {
|
|
58
|
+
var n = e.scrollHeight;
|
|
59
|
+
return t.sizingStyle.boxSizing === "border-box" ? n + t.borderSize : n - t.paddingSize;
|
|
60
|
+
};
|
|
61
|
+
function p(e, t, n, r) {
|
|
62
|
+
n === void 0 && (n = 1), r === void 0 && (r = Infinity), d || (d = document.createElement("textarea"), d.setAttribute("tabindex", "-1"), d.setAttribute("aria-hidden", "true"), u(d)), d.parentNode === null && document.body.appendChild(d);
|
|
63
|
+
var i = e.paddingSize, a = e.borderSize, o = e.sizingStyle, s = o.boxSizing;
|
|
64
|
+
Object.keys(o).forEach(function(e) {
|
|
65
|
+
var t = e;
|
|
66
|
+
d.style[t] = o[t];
|
|
67
|
+
}), u(d), d.value = t;
|
|
68
|
+
var c = f(d, e);
|
|
69
|
+
d.value = t, c = f(d, e), d.value = "x";
|
|
70
|
+
var l = d.scrollHeight - i, p = l * n;
|
|
71
|
+
s === "border-box" && (p = p + i + a), c = Math.max(p, c);
|
|
72
|
+
var m = l * r;
|
|
73
|
+
return s === "border-box" && (m = m + i + a), c = Math.min(m, c), [c, l];
|
|
74
|
+
}
|
|
75
|
+
var m = function() {}, h = function(e, t) {
|
|
76
|
+
return e.reduce(function(e, n) {
|
|
77
|
+
return e[n] = t[n], e;
|
|
78
|
+
}, {});
|
|
79
|
+
}, g = [
|
|
80
|
+
"borderBottomWidth",
|
|
81
|
+
"borderLeftWidth",
|
|
82
|
+
"borderRightWidth",
|
|
83
|
+
"borderTopWidth",
|
|
84
|
+
"boxSizing",
|
|
85
|
+
"fontFamily",
|
|
86
|
+
"fontSize",
|
|
87
|
+
"fontStyle",
|
|
88
|
+
"fontWeight",
|
|
89
|
+
"letterSpacing",
|
|
90
|
+
"lineHeight",
|
|
91
|
+
"paddingBottom",
|
|
92
|
+
"paddingLeft",
|
|
93
|
+
"paddingRight",
|
|
94
|
+
"paddingTop",
|
|
95
|
+
"tabSize",
|
|
96
|
+
"textIndent",
|
|
97
|
+
"textRendering",
|
|
98
|
+
"textTransform",
|
|
99
|
+
"width",
|
|
100
|
+
"wordBreak",
|
|
101
|
+
"wordSpacing",
|
|
102
|
+
"scrollbarGutter"
|
|
103
|
+
], _ = !!document.documentElement.currentStyle, v = function(e) {
|
|
104
|
+
var t = window.getComputedStyle(e);
|
|
105
|
+
if (t === null) return null;
|
|
106
|
+
var n = h(g, t), r = n.boxSizing;
|
|
107
|
+
return r === "" ? null : (_ && r === "border-box" && (n.width = parseFloat(n.width) + parseFloat(n.borderRightWidth) + parseFloat(n.borderLeftWidth) + parseFloat(n.paddingRight) + parseFloat(n.paddingLeft) + "px"), {
|
|
108
|
+
sizingStyle: n,
|
|
109
|
+
paddingSize: parseFloat(n.paddingBottom) + parseFloat(n.paddingTop),
|
|
110
|
+
borderSize: parseFloat(n.borderBottomWidth) + parseFloat(n.borderTopWidth)
|
|
111
|
+
});
|
|
112
|
+
};
|
|
113
|
+
function y(t, n, r) {
|
|
114
|
+
var i = o(r);
|
|
115
|
+
e.useLayoutEffect(function() {
|
|
116
|
+
var e = function(e) {
|
|
117
|
+
return i.current(e);
|
|
118
|
+
};
|
|
119
|
+
if (t) return t.addEventListener(n, e), function() {
|
|
120
|
+
return t.removeEventListener(n, e);
|
|
121
|
+
};
|
|
122
|
+
}, []);
|
|
123
|
+
}
|
|
124
|
+
var b = function(e, t) {
|
|
125
|
+
y(document.body, "reset", function(n) {
|
|
126
|
+
e.current.form === n.target && t(n);
|
|
127
|
+
});
|
|
128
|
+
}, x = function(e) {
|
|
129
|
+
y(window, "resize", e);
|
|
130
|
+
}, S = function(e) {
|
|
131
|
+
y(document.fonts, "loadingdone", e);
|
|
132
|
+
}, C = [
|
|
133
|
+
"cacheMeasurements",
|
|
134
|
+
"maxRows",
|
|
135
|
+
"minRows",
|
|
136
|
+
"onChange",
|
|
137
|
+
"onHeightChange"
|
|
138
|
+
], w = /* @__PURE__ */ e.forwardRef(function(t, n) {
|
|
139
|
+
var a = t.cacheMeasurements, o = t.maxRows, s = t.minRows, l = t.onChange, u = l === void 0 ? m : l, d = t.onHeightChange, f = d === void 0 ? m : d, h = i(t, C), g = h.value !== void 0, _ = e.useRef(null), y = c(_, n), w = e.useRef(0), T = e.useRef(), E = function() {
|
|
140
|
+
var e = _.current, t = a && T.current ? T.current : v(e);
|
|
141
|
+
if (t) {
|
|
142
|
+
T.current = t;
|
|
143
|
+
var n = p(t, e.value || e.placeholder || "x", s, o), r = n[0], i = n[1];
|
|
144
|
+
w.current !== r && (w.current = r, e.style.setProperty("height", r + "px", "important"), f(r, { rowHeight: i }));
|
|
145
|
+
}
|
|
146
|
+
};
|
|
147
|
+
return e.useLayoutEffect(E), b(_, function() {
|
|
148
|
+
if (!g) {
|
|
149
|
+
var e = _.current.value;
|
|
150
|
+
requestAnimationFrame(function() {
|
|
151
|
+
var t = _.current;
|
|
152
|
+
t && e !== t.value && E();
|
|
153
|
+
});
|
|
154
|
+
}
|
|
155
|
+
}), x(E), S(E), /* @__PURE__ */ e.createElement("textarea", r({}, h, {
|
|
156
|
+
onChange: function(e) {
|
|
157
|
+
g || E(), u(e);
|
|
158
|
+
},
|
|
159
|
+
ref: y
|
|
160
|
+
}));
|
|
161
|
+
});
|
|
162
|
+
//#endregion
|
|
163
|
+
export { w as default };
|
|
164
|
+
|
|
165
|
+
//# sourceMappingURL=react-textarea-autosize.browser.esm-D70wvMM8.mjs.map
|
|
@@ -1,165 +0,0 @@
|
|
|
1
|
-
import * as c from "react";
|
|
2
|
-
import z, { useLayoutEffect as O } from "react";
|
|
3
|
-
function R() {
|
|
4
|
-
return R = Object.assign ? Object.assign.bind() : function(n) {
|
|
5
|
-
for (var t = 1; t < arguments.length; t++) {
|
|
6
|
-
var r = arguments[t];
|
|
7
|
-
for (var e in r) ({}).hasOwnProperty.call(r, e) && (n[e] = r[e]);
|
|
8
|
-
}
|
|
9
|
-
return n;
|
|
10
|
-
}, R.apply(null, arguments);
|
|
11
|
-
}
|
|
12
|
-
function I(n, t) {
|
|
13
|
-
if (n == null) return {};
|
|
14
|
-
var r = {};
|
|
15
|
-
for (var e in n) if ({}.hasOwnProperty.call(n, e)) {
|
|
16
|
-
if (t.indexOf(e) !== -1) continue;
|
|
17
|
-
r[e] = n[e];
|
|
18
|
-
}
|
|
19
|
-
return r;
|
|
20
|
-
}
|
|
21
|
-
var _ = O, j = function(t) {
|
|
22
|
-
var r = z.useRef(t);
|
|
23
|
-
return _(function() {
|
|
24
|
-
r.current = t;
|
|
25
|
-
}), r;
|
|
26
|
-
}, C = function(t, r) {
|
|
27
|
-
if (typeof t == "function") {
|
|
28
|
-
t(r);
|
|
29
|
-
return;
|
|
30
|
-
}
|
|
31
|
-
t.current = r;
|
|
32
|
-
}, B = function(t, r) {
|
|
33
|
-
var e = z.useRef();
|
|
34
|
-
return z.useCallback(function(i) {
|
|
35
|
-
t.current = i, e.current && C(e.current, null), e.current = r, r && C(r, i);
|
|
36
|
-
}, [r]);
|
|
37
|
-
}, E = {
|
|
38
|
-
"min-height": "0",
|
|
39
|
-
"max-height": "none",
|
|
40
|
-
height: "0",
|
|
41
|
-
visibility: "hidden",
|
|
42
|
-
overflow: "hidden",
|
|
43
|
-
position: "absolute",
|
|
44
|
-
"z-index": "-1000",
|
|
45
|
-
top: "0",
|
|
46
|
-
right: "0",
|
|
47
|
-
display: "block"
|
|
48
|
-
}, M = function(t) {
|
|
49
|
-
Object.keys(E).forEach(function(r) {
|
|
50
|
-
t.style.setProperty(r, E[r], "important");
|
|
51
|
-
});
|
|
52
|
-
}, F = M, o = null, T = function(t, r) {
|
|
53
|
-
var e = t.scrollHeight;
|
|
54
|
-
return r.sizingStyle.boxSizing === "border-box" ? e + r.borderSize : e - r.paddingSize;
|
|
55
|
-
};
|
|
56
|
-
function N(n, t, r, e) {
|
|
57
|
-
r === void 0 && (r = 1), e === void 0 && (e = 1 / 0), o || (o = document.createElement("textarea"), o.setAttribute("tabindex", "-1"), o.setAttribute("aria-hidden", "true"), F(o)), o.parentNode === null && document.body.appendChild(o);
|
|
58
|
-
var i = n.paddingSize, s = n.borderSize, a = n.sizingStyle, p = a.boxSizing;
|
|
59
|
-
Object.keys(a).forEach(function(f) {
|
|
60
|
-
var m = f;
|
|
61
|
-
o.style[m] = a[m];
|
|
62
|
-
}), F(o), o.value = t;
|
|
63
|
-
var u = T(o, n);
|
|
64
|
-
o.value = t, u = T(o, n), o.value = "x";
|
|
65
|
-
var g = o.scrollHeight - i, l = g * r;
|
|
66
|
-
p === "border-box" && (l = l + i + s), u = Math.max(l, u);
|
|
67
|
-
var h = g * e;
|
|
68
|
-
return p === "border-box" && (h = h + i + s), u = Math.min(h, u), [u, g];
|
|
69
|
-
}
|
|
70
|
-
var W = function() {
|
|
71
|
-
}, P = function(t, r) {
|
|
72
|
-
return t.reduce(function(e, i) {
|
|
73
|
-
return e[i] = r[i], e;
|
|
74
|
-
}, {});
|
|
75
|
-
}, $ = [
|
|
76
|
-
"borderBottomWidth",
|
|
77
|
-
"borderLeftWidth",
|
|
78
|
-
"borderRightWidth",
|
|
79
|
-
"borderTopWidth",
|
|
80
|
-
"boxSizing",
|
|
81
|
-
"fontFamily",
|
|
82
|
-
"fontSize",
|
|
83
|
-
"fontStyle",
|
|
84
|
-
"fontWeight",
|
|
85
|
-
"letterSpacing",
|
|
86
|
-
"lineHeight",
|
|
87
|
-
"paddingBottom",
|
|
88
|
-
"paddingLeft",
|
|
89
|
-
"paddingRight",
|
|
90
|
-
"paddingTop",
|
|
91
|
-
// non-standard
|
|
92
|
-
"tabSize",
|
|
93
|
-
"textIndent",
|
|
94
|
-
// non-standard
|
|
95
|
-
"textRendering",
|
|
96
|
-
"textTransform",
|
|
97
|
-
"width",
|
|
98
|
-
"wordBreak",
|
|
99
|
-
"wordSpacing",
|
|
100
|
-
"scrollbarGutter"
|
|
101
|
-
], G = !!document.documentElement.currentStyle, Y = function(t) {
|
|
102
|
-
var r = window.getComputedStyle(t);
|
|
103
|
-
if (r === null)
|
|
104
|
-
return null;
|
|
105
|
-
var e = P($, r), i = e.boxSizing;
|
|
106
|
-
if (i === "")
|
|
107
|
-
return null;
|
|
108
|
-
G && i === "border-box" && (e.width = parseFloat(e.width) + parseFloat(e.borderRightWidth) + parseFloat(e.borderLeftWidth) + parseFloat(e.paddingRight) + parseFloat(e.paddingLeft) + "px");
|
|
109
|
-
var s = parseFloat(e.paddingBottom) + parseFloat(e.paddingTop), a = parseFloat(e.borderBottomWidth) + parseFloat(e.borderTopWidth);
|
|
110
|
-
return {
|
|
111
|
-
sizingStyle: e,
|
|
112
|
-
paddingSize: s,
|
|
113
|
-
borderSize: a
|
|
114
|
-
};
|
|
115
|
-
}, q = Y;
|
|
116
|
-
function L(n, t, r) {
|
|
117
|
-
var e = j(r);
|
|
118
|
-
c.useLayoutEffect(function() {
|
|
119
|
-
var i = function(a) {
|
|
120
|
-
return e.current(a);
|
|
121
|
-
};
|
|
122
|
-
if (n)
|
|
123
|
-
return n.addEventListener(t, i), function() {
|
|
124
|
-
return n.removeEventListener(t, i);
|
|
125
|
-
};
|
|
126
|
-
}, []);
|
|
127
|
-
}
|
|
128
|
-
var U = function(t, r) {
|
|
129
|
-
L(document.body, "reset", function(e) {
|
|
130
|
-
t.current.form === e.target && r(e);
|
|
131
|
-
});
|
|
132
|
-
}, X = function(t) {
|
|
133
|
-
L(window, "resize", t);
|
|
134
|
-
}, Z = function(t) {
|
|
135
|
-
L(document.fonts, "loadingdone", t);
|
|
136
|
-
}, D = ["cacheMeasurements", "maxRows", "minRows", "onChange", "onHeightChange"], J = function(t, r) {
|
|
137
|
-
var e = t.cacheMeasurements, i = t.maxRows, s = t.minRows, a = t.onChange, p = a === void 0 ? W : a, u = t.onHeightChange, g = u === void 0 ? W : u, l = I(t, D), h = l.value !== void 0, f = c.useRef(null), m = B(f, r), w = c.useRef(0), S = c.useRef(), v = function() {
|
|
138
|
-
var d = f.current, y = e && S.current ? S.current : q(d);
|
|
139
|
-
if (y) {
|
|
140
|
-
S.current = y;
|
|
141
|
-
var H = N(y, d.value || d.placeholder || "x", s, i), b = H[0], A = H[1];
|
|
142
|
-
w.current !== b && (w.current = b, d.style.setProperty("height", b + "px", "important"), g(b, {
|
|
143
|
-
rowHeight: A
|
|
144
|
-
}));
|
|
145
|
-
}
|
|
146
|
-
}, k = function(d) {
|
|
147
|
-
h || v(), p(d);
|
|
148
|
-
};
|
|
149
|
-
return c.useLayoutEffect(v), U(f, function() {
|
|
150
|
-
if (!h) {
|
|
151
|
-
var x = f.current.value;
|
|
152
|
-
requestAnimationFrame(function() {
|
|
153
|
-
var d = f.current;
|
|
154
|
-
d && x !== d.value && v();
|
|
155
|
-
});
|
|
156
|
-
}
|
|
157
|
-
}), X(v), Z(v), /* @__PURE__ */ c.createElement("textarea", R({}, l, {
|
|
158
|
-
onChange: k,
|
|
159
|
-
ref: m
|
|
160
|
-
}));
|
|
161
|
-
}, Q = /* @__PURE__ */ c.forwardRef(J);
|
|
162
|
-
export {
|
|
163
|
-
Q as default
|
|
164
|
-
};
|
|
165
|
-
//# sourceMappingURL=react-textarea-autosize.browser.esm-C6Dsm-5Q.mjs.map
|