@pittorica/text-area-react 0.22.0 → 0.22.4

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.
Files changed (3) hide show
  1. package/dist/TextArea.d.ts.map +1 -1
  2. package/dist/index.js +141 -149
  3. package/package.json +6 -6
package/dist/TextArea.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../src/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAIf,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAmB5D,MAAM,WAAW,iBAAkB,SAAQ,QAAQ;IACjD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,GAAI,qFAU1B,iBAAiB,4CAgDnB,CAAC;AAGF,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC;IAC7F,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,oEAO7B,oBAAoB,4CAgDtB,CAAC;AAEF,eAAO,MAAM,QAAQ;gGApHlB,iBAAiB;kFAkEjB,oBAAoB;CAqDtB,CAAC"}
1
+ {"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../src/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAIf,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAmB5D,MAAM,WAAW,iBAAkB,SAAQ,QAAQ;IACjD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,GAAI,qFAU1B,iBAAiB,4CA+CnB,CAAC;AAGF,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC;IAC7F,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,oEAO7B,oBAAoB,4CAgDtB,CAAC;AAEF,eAAO,MAAM,QAAQ;gGAnHlB,iBAAiB;kFAiEjB,oBAAoB;CAqDtB,CAAC"}
package/dist/index.js CHANGED
@@ -1,52 +1,52 @@
1
- import { jsx as h, jsxs as k } from "react/jsx-runtime";
2
- import { createContext as O, useRef as D, useEffect as G, useId as C, use as J } from "react";
3
- function L(e) {
4
- var i, r, t = "";
5
- if (typeof e == "string" || typeof e == "number") t += e;
6
- else if (typeof e == "object") if (Array.isArray(e)) {
7
- var a = e.length;
8
- for (i = 0; i < a; i++) e[i] && (r = L(e[i])) && (t && (t += " "), t += r);
9
- } else for (r in e) e[r] && (t && (t += " "), t += r);
10
- return t;
1
+ import { jsx as g, jsxs as k } from "react/jsx-runtime";
2
+ import { createContext as D, useRef as G, useEffect as J, useId as L, use as K } from "react";
3
+ function R(t) {
4
+ var i, r, e = "";
5
+ if (typeof t == "string" || typeof t == "number") e += t;
6
+ else if (typeof t == "object") if (Array.isArray(t)) {
7
+ var a = t.length;
8
+ for (i = 0; i < a; i++) t[i] && (r = R(t[i])) && (e && (e += " "), e += r);
9
+ } else for (r in t) t[r] && (e && (e += " "), e += r);
10
+ return e;
11
11
  }
12
- function I() {
13
- for (var e, i, r = 0, t = "", a = arguments.length; r < a; r++) (e = arguments[r]) && (i = L(e)) && (t && (t += " "), t += i);
14
- return t;
12
+ function C() {
13
+ for (var t, i, r = 0, e = "", a = arguments.length; r < a; r++) (t = arguments[r]) && (i = R(t)) && (e && (e += " "), e += i);
14
+ return e;
15
15
  }
16
- function R(e) {
17
- var i, r, t = "";
18
- if (typeof e == "string" || typeof e == "number") t += e;
19
- else if (typeof e == "object") if (Array.isArray(e)) {
20
- var a = e.length;
21
- for (i = 0; i < a; i++) e[i] && (r = R(e[i])) && (t && (t += " "), t += r);
22
- } else for (r in e) e[r] && (t && (t += " "), t += r);
23
- return t;
16
+ function I(t) {
17
+ var i, r, e = "";
18
+ if (typeof t == "string" || typeof t == "number") e += t;
19
+ else if (typeof t == "object") if (Array.isArray(t)) {
20
+ var a = t.length;
21
+ for (i = 0; i < a; i++) t[i] && (r = I(t[i])) && (e && (e += " "), e += r);
22
+ } else for (r in t) t[r] && (e && (e += " "), e += r);
23
+ return e;
24
24
  }
25
- function K() {
26
- for (var e, i, r = 0, t = "", a = arguments.length; r < a; r++) (e = arguments[r]) && (i = R(e)) && (t && (t += " "), t += i);
27
- return t;
25
+ function M() {
26
+ for (var t, i, r = 0, e = "", a = arguments.length; r < a; r++) (t = arguments[r]) && (i = I(t)) && (e && (e += " "), e += i);
27
+ return e;
28
28
  }
29
29
  const W = ({
30
- ref: e,
30
+ ref: t,
31
31
  as: i = "div",
32
32
  children: r,
33
- display: t,
33
+ display: e,
34
34
  m: a,
35
- mt: l,
36
- mr: s,
35
+ mt: n,
36
+ mr: l,
37
37
  mb: d,
38
38
  ml: f,
39
39
  p,
40
40
  pt: c,
41
- pr: g,
41
+ pr: h,
42
42
  pb: o,
43
43
  pl: m,
44
44
  width: u,
45
45
  height: v,
46
46
  position: y,
47
47
  style: x,
48
- className: $,
49
- href: b,
48
+ className: b,
49
+ href: $,
50
50
  target: A,
51
51
  rel: w,
52
52
  htmlFor: N,
@@ -54,19 +54,19 @@ const W = ({
54
54
  disabled: j,
55
55
  ...F
56
56
  }) => {
57
- const n = {};
58
- t && (n.display = t), u && (n.width = u), v && (n.height = v), y && (n.position = y), a && (n.margin = `var(--pittorica-space-${a})`), l && (n.marginTop = `var(--pittorica-space-${l})`), s && (n.marginRight = `var(--pittorica-space-${s})`), d && (n.marginBottom = `var(--pittorica-space-${d})`), f && (n.marginLeft = `var(--pittorica-space-${f})`), p && (n.padding = `var(--pittorica-space-${p})`), c && (n.paddingTop = `var(--pittorica-space-${c})`), g && (n.paddingRight = `var(--pittorica-space-${g})`), o && (n.paddingBottom = `var(--pittorica-space-${o})`), m && (n.paddingLeft = `var(--pittorica-space-${m})`);
57
+ const s = {};
58
+ e && (s.display = e), u && (s.width = u), v && (s.height = v), y && (s.position = y), a && (s.margin = `var(--pittorica-space-${a})`), n && (s.marginTop = `var(--pittorica-space-${n})`), l && (s.marginRight = `var(--pittorica-space-${l})`), d && (s.marginBottom = `var(--pittorica-space-${d})`), f && (s.marginLeft = `var(--pittorica-space-${f})`), p && (s.padding = `var(--pittorica-space-${p})`), c && (s.paddingTop = `var(--pittorica-space-${c})`), h && (s.paddingRight = `var(--pittorica-space-${h})`), o && (s.paddingBottom = `var(--pittorica-space-${o})`), m && (s.paddingLeft = `var(--pittorica-space-${m})`);
59
59
  const B = {
60
60
  ...x,
61
- ...n
61
+ ...s
62
62
  };
63
- return /* @__PURE__ */ h(
63
+ return /* @__PURE__ */ g(
64
64
  i,
65
65
  {
66
- ref: e,
67
- className: K("pittorica-box", $),
66
+ ref: t,
67
+ className: M("pittorica-box", b),
68
68
  style: B,
69
- href: b,
69
+ href: $,
70
70
  target: A,
71
71
  rel: w,
72
72
  htmlFor: N,
@@ -78,53 +78,53 @@ const W = ({
78
78
  );
79
79
  };
80
80
  W.displayName = "Box";
81
- function S(e) {
82
- var i, r, t = "";
83
- if (typeof e == "string" || typeof e == "number") t += e;
84
- else if (typeof e == "object") if (Array.isArray(e)) {
85
- var a = e.length;
86
- for (i = 0; i < a; i++) e[i] && (r = S(e[i])) && (t && (t += " "), t += r);
87
- } else for (r in e) e[r] && (t && (t += " "), t += r);
88
- return t;
81
+ function S(t) {
82
+ var i, r, e = "";
83
+ if (typeof t == "string" || typeof t == "number") e += t;
84
+ else if (typeof t == "object") if (Array.isArray(t)) {
85
+ var a = t.length;
86
+ for (i = 0; i < a; i++) t[i] && (r = S(t[i])) && (e && (e += " "), e += r);
87
+ } else for (r in t) t[r] && (e && (e += " "), e += r);
88
+ return e;
89
89
  }
90
- function M() {
91
- for (var e, i, r = 0, t = "", a = arguments.length; r < a; r++) (e = arguments[r]) && (i = S(e)) && (t && (t += " "), t += i);
92
- return t;
90
+ function O() {
91
+ for (var t, i, r = 0, e = "", a = arguments.length; r < a; r++) (t = arguments[r]) && (i = S(t)) && (e && (e += " "), e += i);
92
+ return e;
93
93
  }
94
- function q(e) {
95
- var i, r, t = "";
96
- if (typeof e == "string" || typeof e == "number") t += e;
97
- else if (typeof e == "object") if (Array.isArray(e)) {
98
- var a = e.length;
99
- for (i = 0; i < a; i++) e[i] && (r = q(e[i])) && (t && (t += " "), t += r);
100
- } else for (r in e) e[r] && (t && (t += " "), t += r);
101
- return t;
94
+ function q(t) {
95
+ var i, r, e = "";
96
+ if (typeof t == "string" || typeof t == "number") e += t;
97
+ else if (typeof t == "object") if (Array.isArray(t)) {
98
+ var a = t.length;
99
+ for (i = 0; i < a; i++) t[i] && (r = q(t[i])) && (e && (e += " "), e += r);
100
+ } else for (r in t) t[r] && (e && (e += " "), e += r);
101
+ return e;
102
102
  }
103
103
  function P() {
104
- for (var e, i, r = 0, t = "", a = arguments.length; r < a; r++) (e = arguments[r]) && (i = q(e)) && (t && (t += " "), t += i);
105
- return t;
104
+ for (var t, i, r = 0, e = "", a = arguments.length; r < a; r++) (t = arguments[r]) && (i = q(t)) && (e && (e += " "), e += i);
105
+ return e;
106
106
  }
107
107
  const E = ({
108
- ref: e,
108
+ ref: t,
109
109
  as: i = "div",
110
110
  children: r,
111
- display: t,
111
+ display: e,
112
112
  m: a,
113
- mt: l,
114
- mr: s,
113
+ mt: n,
114
+ mr: l,
115
115
  mb: d,
116
116
  ml: f,
117
117
  p,
118
118
  pt: c,
119
- pr: g,
119
+ pr: h,
120
120
  pb: o,
121
121
  pl: m,
122
122
  width: u,
123
123
  height: v,
124
124
  position: y,
125
125
  style: x,
126
- className: $,
127
- href: b,
126
+ className: b,
127
+ href: $,
128
128
  target: A,
129
129
  rel: w,
130
130
  htmlFor: N,
@@ -132,19 +132,19 @@ const E = ({
132
132
  disabled: j,
133
133
  ...F
134
134
  }) => {
135
- const n = {};
136
- t && (n.display = t), u && (n.width = u), v && (n.height = v), y && (n.position = y), a && (n.margin = `var(--pittorica-space-${a})`), l && (n.marginTop = `var(--pittorica-space-${l})`), s && (n.marginRight = `var(--pittorica-space-${s})`), d && (n.marginBottom = `var(--pittorica-space-${d})`), f && (n.marginLeft = `var(--pittorica-space-${f})`), p && (n.padding = `var(--pittorica-space-${p})`), c && (n.paddingTop = `var(--pittorica-space-${c})`), g && (n.paddingRight = `var(--pittorica-space-${g})`), o && (n.paddingBottom = `var(--pittorica-space-${o})`), m && (n.paddingLeft = `var(--pittorica-space-${m})`);
135
+ const s = {};
136
+ e && (s.display = e), u && (s.width = u), v && (s.height = v), y && (s.position = y), a && (s.margin = `var(--pittorica-space-${a})`), n && (s.marginTop = `var(--pittorica-space-${n})`), l && (s.marginRight = `var(--pittorica-space-${l})`), d && (s.marginBottom = `var(--pittorica-space-${d})`), f && (s.marginLeft = `var(--pittorica-space-${f})`), p && (s.padding = `var(--pittorica-space-${p})`), c && (s.paddingTop = `var(--pittorica-space-${c})`), h && (s.paddingRight = `var(--pittorica-space-${h})`), o && (s.paddingBottom = `var(--pittorica-space-${o})`), m && (s.paddingLeft = `var(--pittorica-space-${m})`);
137
137
  const B = {
138
138
  ...x,
139
- ...n
139
+ ...s
140
140
  };
141
- return /* @__PURE__ */ h(
141
+ return /* @__PURE__ */ g(
142
142
  i,
143
143
  {
144
- ref: e,
145
- className: P("pittorica-box", $),
144
+ ref: t,
145
+ className: P("pittorica-box", b),
146
146
  style: B,
147
- href: b,
147
+ href: $,
148
148
  target: A,
149
149
  rel: w,
150
150
  htmlFor: N,
@@ -156,25 +156,22 @@ const E = ({
156
156
  );
157
157
  };
158
158
  E.displayName = "Box";
159
- const Q = (e, i) => i ? typeof i == "string" ? [`pittorica-text--${e}-${i}`] : Object.entries(i).filter(([r, t]) => t !== void 0).map(
160
- ([r, t]) => r === "initial" ? `pittorica-text--${e}-${t}` : `pittorica-text--${r}-${e}-${t}`
161
- ) : [], U = ({
162
- children: e,
159
+ const Q = ({
160
+ children: t,
163
161
  as: i = "span",
164
- size: r = "3",
165
- weight: t = "regular",
166
- align: a,
167
- truncate: l = !1,
168
- color: s,
169
- className: d,
170
- style: f,
171
- href: p,
172
- target: c,
173
- rel: g,
174
- htmlFor: o,
175
- ...m
162
+ weight: r = "regular",
163
+ align: e,
164
+ truncate: a = !1,
165
+ color: n,
166
+ className: l,
167
+ style: d,
168
+ href: f,
169
+ target: p,
170
+ rel: c,
171
+ htmlFor: h,
172
+ ...o
176
173
  }) => {
177
- const u = (s == null ? void 0 : s.startsWith("#")) || (s == null ? void 0 : s.startsWith("rgb")), v = [
174
+ const m = (n == null ? void 0 : n.startsWith("#")) || (n == null ? void 0 : n.startsWith("rgb")) || (n == null ? void 0 : n.startsWith("hsl")), u = /* @__PURE__ */ new Set([
178
175
  "danger",
179
176
  "success",
180
177
  "error",
@@ -186,74 +183,69 @@ const Q = (e, i) => i ? typeof i == "string" ? [`pittorica-text--${e}-${i}`] : O
186
183
  "slate",
187
184
  "blue",
188
185
  "red"
189
- ].includes(s), y = (() => {
190
- if (s) {
191
- if (s === "inherit") return "inherit";
192
- if (u) return s;
193
- if (v) return `var(--pittorica-${s}-9)`;
194
- }
195
- })(), x = {
196
- ...f,
197
- textAlign: a,
198
- color: y
199
- }, $ = Q("size", r);
200
- return /* @__PURE__ */ h(
186
+ ]), v = (() => {
187
+ if (n)
188
+ return n === "inherit" ? "inherit" : m ? n : u.has(n) ? `var(--pittorica-${n}-9)` : n;
189
+ })(), y = {
190
+ ...d,
191
+ textAlign: e,
192
+ color: v
193
+ };
194
+ return /* @__PURE__ */ g(
201
195
  E,
202
196
  {
203
197
  as: i,
204
- className: M(
198
+ className: O(
205
199
  "pittorica-text",
206
- { "pittorica-text--truncate": l },
207
- $,
208
- d
200
+ { "pittorica-text--truncate": a },
201
+ l
209
202
  ),
210
- "data-weight": t,
211
- style: x,
212
- href: p,
213
- target: c,
214
- rel: g,
215
- htmlFor: o,
216
- ...m,
217
- children: e
203
+ "data-weight": r,
204
+ style: y,
205
+ href: f,
206
+ target: p,
207
+ rel: c,
208
+ htmlFor: h,
209
+ ...o,
210
+ children: t
218
211
  }
219
212
  );
220
- }, H = O(null), X = () => {
221
- const e = J(H);
222
- if (!e)
213
+ }, H = D(null), U = () => {
214
+ const t = K(H);
215
+ if (!t)
223
216
  throw new Error("TextArea components must be wrapped in <TextArea.Root />");
224
- return e;
225
- }, Y = ({
226
- children: e,
217
+ return t;
218
+ }, X = ({
219
+ children: t,
227
220
  label: i,
228
221
  helperText: r,
229
- error: t,
222
+ error: e,
230
223
  color: a = "indigo",
231
- disabled: l,
232
- className: s,
224
+ disabled: n,
225
+ className: l,
233
226
  style: d,
234
227
  ...f
235
228
  }) => {
236
- const p = C(), c = C(), o = a !== "inherit" && !(a != null && a.startsWith("#")) && !(a != null && a.startsWith("rgb")) ? `var(--pittorica-${a}-9)` : a;
237
- return /* @__PURE__ */ h(H, { value: { inputId: p, helperId: c, disabled: l }, children: /* @__PURE__ */ k(
229
+ const p = L(), c = L(), o = a !== "inherit" && !(a != null && a.startsWith("#")) && !(a != null && a.startsWith("rgb")) ? `var(--pittorica-${a}-9)` : a;
230
+ return /* @__PURE__ */ g(H, { value: { inputId: p, helperId: c, disabled: n }, children: /* @__PURE__ */ k(
238
231
  W,
239
232
  {
240
233
  ...f,
241
- className: I("pittorica-textarea-root", s),
242
- "data-error": t,
234
+ className: C("pittorica-textarea-root", l),
235
+ "data-error": e,
243
236
  children: [
244
- i && /* @__PURE__ */ h(
245
- U,
237
+ i && /* @__PURE__ */ g(
238
+ Q,
246
239
  {
247
240
  as: "label",
248
241
  htmlFor: p,
249
- size: "2",
250
242
  weight: "medium",
251
243
  mb: "1",
252
244
  style: { paddingLeft: "4px" },
253
245
  children: i
254
246
  }
255
247
  ),
256
- /* @__PURE__ */ h(
248
+ /* @__PURE__ */ g(
257
249
  "div",
258
250
  {
259
251
  className: "pittorica-textarea-wrapper",
@@ -261,54 +253,54 @@ const Q = (e, i) => i ? typeof i == "string" ? [`pittorica-text--${e}-${i}`] : O
261
253
  "--pittorica-source-color": o,
262
254
  ...d
263
255
  },
264
- children: e
256
+ children: t
265
257
  }
266
258
  ),
267
- r && /* @__PURE__ */ h("div", { id: c, className: "pittorica-textarea-helper", children: r })
259
+ r && /* @__PURE__ */ g("div", { id: c, className: "pittorica-textarea-helper", children: r })
268
260
  ]
269
261
  }
270
262
  ) });
271
- }, Z = ({
272
- className: e,
263
+ }, Y = ({
264
+ className: t,
273
265
  autoResize: i = !1,
274
266
  onChange: r,
275
- value: t,
267
+ value: e,
276
268
  defaultValue: a,
277
- ...l
269
+ ...n
278
270
  }) => {
279
- const { inputId: s, helperId: d, disabled: f } = X(), p = D(null), c = () => {
271
+ const { inputId: l, helperId: d, disabled: f } = U(), p = G(null), c = () => {
280
272
  if (globalThis.window === void 0) return;
281
273
  const o = p.current;
282
274
  !o || !i || (o.style.height = "auto", o.style.height = `${o.scrollHeight}px`);
283
275
  };
284
- return G(() => {
276
+ return J(() => {
285
277
  i && c();
286
- }, [t, a, i]), /* @__PURE__ */ h(
278
+ }, [e, a, i]), /* @__PURE__ */ g(
287
279
  "textarea",
288
280
  {
289
- ...l,
290
- id: s,
281
+ ...n,
282
+ id: l,
291
283
  ref: p,
292
- value: t,
284
+ value: e,
293
285
  defaultValue: a,
294
286
  disabled: f,
295
287
  "aria-describedby": d,
296
288
  onChange: (o) => {
297
289
  i && c(), r == null || r(o);
298
290
  },
299
- className: I("pittorica-textarea-input", e),
291
+ className: C("pittorica-textarea-input", t),
300
292
  style: {
301
293
  overflow: i ? "hidden" : void 0,
302
- ...l.style
294
+ ...n.style
303
295
  }
304
296
  }
305
297
  );
306
298
  }, V = {
307
- Root: Y,
308
- Content: Z
299
+ Root: X,
300
+ Content: Y
309
301
  };
310
302
  export {
311
303
  V as TextArea,
312
- Z as TextAreaContent,
313
- Y as TextAreaRoot
304
+ Y as TextAreaContent,
305
+ X as TextAreaRoot
314
306
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pittorica/text-area-react",
3
- "version": "0.22.0",
3
+ "version": "0.22.4",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",
@@ -10,8 +10,8 @@
10
10
  ],
11
11
  "dependencies": {
12
12
  "clsx": "^2.1.1",
13
- "@pittorica/box-react": "0.22.0",
14
- "@pittorica/text-react": "0.22.0"
13
+ "@pittorica/box-react": "0.22.4",
14
+ "@pittorica/text-react": "0.22.4"
15
15
  },
16
16
  "devDependencies": {
17
17
  "@testing-library/jest-dom": "^6.9.1",
@@ -23,9 +23,9 @@
23
23
  "typescript": "^5.0.0",
24
24
  "vite": "^5.0.0",
25
25
  "vitest": "^2.1.9",
26
- "@pittorica/flex-react": "0.22.0",
27
- "@pittorica/theme-react": "0.22.0",
28
- "pittorica": "0.22.0"
26
+ "@pittorica/flex-react": "0.22.4",
27
+ "@pittorica/theme-react": "0.22.4",
28
+ "pittorica": "0.22.4"
29
29
  },
30
30
  "peerDependencies": {
31
31
  "react": ">=19",