@purpur/library 9.3.0 → 9.4.1

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 (53) hide show
  1. package/CHANGELOG.json +24 -0
  2. package/CHANGELOG.md +15 -1
  3. package/dist/LICENSE.txt +1 -1
  4. package/dist/{comparison-table-Dmbjsqyg.mjs → comparison-table-8bOJmz-L.mjs} +104 -104
  5. package/dist/{comparison-table-Dmbjsqyg.mjs.map → comparison-table-8bOJmz-L.mjs.map} +1 -1
  6. package/dist/comparison-table-mKL2IHXW.js +2 -0
  7. package/dist/{comparison-table-CitEzX7h.js.map → comparison-table-mKL2IHXW.js.map} +1 -1
  8. package/dist/comparison-table.cjs.js +1 -1
  9. package/dist/comparison-table.es.js +1 -1
  10. package/dist/components/drawer/src/drawer-content.d.ts.map +1 -1
  11. package/dist/components/drawer/src/drawer.context.d.ts +1 -0
  12. package/dist/components/drawer/src/drawer.context.d.ts.map +1 -1
  13. package/dist/components/drawer/src/drawer.d.ts +6 -0
  14. package/dist/components/drawer/src/drawer.d.ts.map +1 -1
  15. package/dist/{date-picker-DwFDRL5Z.mjs → date-picker-CbUNbOhn.mjs} +2 -2
  16. package/dist/{date-picker-DwFDRL5Z.mjs.map → date-picker-CbUNbOhn.mjs.map} +1 -1
  17. package/dist/{date-picker-DVrcu2QU.js → date-picker-DYXNB5aU.js} +2 -2
  18. package/dist/{date-picker-DVrcu2QU.js.map → date-picker-DYXNB5aU.js.map} +1 -1
  19. package/dist/date-picker.cjs.js +1 -1
  20. package/dist/date-picker.es.js +1 -1
  21. package/dist/drawer-8Acg4wkV.mjs +574 -0
  22. package/dist/drawer-8Acg4wkV.mjs.map +1 -0
  23. package/dist/drawer-BLHgcEqb.js +2 -0
  24. package/dist/drawer-BLHgcEqb.js.map +1 -0
  25. package/dist/drawer.cjs.js +1 -1
  26. package/dist/drawer.es.js +1 -1
  27. package/dist/{index-CKCTy3ZL.mjs → index-3NV-ckDX.mjs} +4 -4
  28. package/dist/{index-CKCTy3ZL.mjs.map → index-3NV-ckDX.mjs.map} +1 -1
  29. package/dist/library.cjs.js +1 -1
  30. package/dist/library.es.js +6 -6
  31. package/dist/{modal-COZ1POGG.mjs → modal-fp37VbrH.mjs} +2 -2
  32. package/dist/{modal-COZ1POGG.mjs.map → modal-fp37VbrH.mjs.map} +1 -1
  33. package/dist/modal.es.js +1 -1
  34. package/dist/notification-banner-BxHwTFnH.js +2 -0
  35. package/dist/{notification-banner-jY8rQH2M.js.map → notification-banner-BxHwTFnH.js.map} +1 -1
  36. package/dist/{notification-banner-BOclxqFu.mjs → notification-banner-CZTQZ5Le.mjs} +29 -29
  37. package/dist/{notification-banner-BOclxqFu.mjs.map → notification-banner-CZTQZ5Le.mjs.map} +1 -1
  38. package/dist/notification-banner.cjs.js +1 -1
  39. package/dist/notification-banner.es.js +1 -1
  40. package/dist/purpur.css +1 -1
  41. package/dist/{table-DUY8kQfE.mjs → table-D_sdSJyr.mjs} +2 -2
  42. package/dist/{table-DUY8kQfE.mjs.map → table-D_sdSJyr.mjs.map} +1 -1
  43. package/dist/{table-DRYW0yw4.js → table-gnGUejtb.js} +2 -2
  44. package/dist/{table-DRYW0yw4.js.map → table-gnGUejtb.js.map} +1 -1
  45. package/dist/table.cjs.js +1 -1
  46. package/dist/table.es.js +1 -1
  47. package/package.json +20 -20
  48. package/dist/comparison-table-CitEzX7h.js +0 -2
  49. package/dist/drawer-Db2Mujc6.mjs +0 -565
  50. package/dist/drawer-Db2Mujc6.mjs.map +0 -1
  51. package/dist/drawer-DlwagnO4.js +0 -2
  52. package/dist/drawer-DlwagnO4.js.map +0 -1
  53. package/dist/notification-banner-jY8rQH2M.js +0 -2
@@ -1,565 +0,0 @@
1
- import { jsx as e, jsxs as g, Fragment as T } from "react/jsx-runtime";
2
- import R, { createContext as wr, forwardRef as P, useContext as fr, useRef as W, useEffect as hr } from "react";
3
- import { a as mr, T as Y, P as $r, O as vr, C as yr, D as br, b as gr, R as Nr } from "./index-CKCTy3ZL.mjs";
4
- import { c as O } from "./bind-CU-R61T-.mjs";
5
- import { b as X, a as I } from "./button-4-yWOgtD.mjs";
6
- import { H as G, D as J } from "./heading-xwBuT_-9.mjs";
7
- import { l as Dr } from "./chevron-left.es-UFhf3v35.mjs";
8
- import { r as jr } from "./close.es-BPmk2wkU.mjs";
9
- import { V as Q } from "./visually-hidden-BYFkJEp1.mjs";
10
- import { R as Pr, V as zr, S as Sr, T as xr } from "./index-B8Mazo6u.mjs";
11
- const rr = wr(null), Or = "_slideUp_9zrj7_1", kr = "_slideDown_9zrj7_1", Ar = "_slideInRight_9zrj7_1", Cr = "_slideInLeft_9zrj7_1", Er = "_slideOutRight_9zrj7_1", Vr = "_slideOutLeft_9zrj7_1", Lr = "_fadeIn_9zrj7_1", Mr = "_fadeOut_9zrj7_1", Ur = {
12
- "purpur-drawer-content": "_purpur-drawer-content_9zrj7_1",
13
- slideUp: Or,
14
- slideDown: kr,
15
- "purpur-drawer-content--left": "_purpur-drawer-content--left_9zrj7_21",
16
- "purpur-drawer-content--right": "_purpur-drawer-content--right_9zrj7_24",
17
- "purpur-drawer-content--fit-to-content": "_purpur-drawer-content--fit-to-content_9zrj7_27",
18
- slideInRight: Ar,
19
- slideInLeft: Cr,
20
- slideOutRight: Er,
21
- slideOutLeft: Vr,
22
- "purpur-drawer-content__content-container": "_purpur-drawer-content__content-container_9zrj7_63",
23
- "purpur-drawer-content__description": "_purpur-drawer-content__description_9zrj7_68",
24
- "purpur-drawer-content--ai": "_purpur-drawer-content--ai_9zrj7_78",
25
- "purpur-drawer-overlay": "_purpur-drawer-overlay_9zrj7_82",
26
- fadeIn: Lr,
27
- fadeOut: Mr
28
- }, Yr = {
29
- "purpur-drawer-container--header": "_purpur-drawer-container--header_1csed_1",
30
- "purpur-drawer-container--ai": "_purpur-drawer-container--ai_1csed_4",
31
- "purpur-drawer-container--body": "_purpur-drawer-container--body_1csed_7",
32
- "purpur-drawer-container--sticky": "_purpur-drawer-container--sticky_1csed_15",
33
- "purpur-drawer-container--footer": "_purpur-drawer-container--footer_1csed_23"
34
- }, Hr = O.bind(Yr), H = "purpur-drawer-container", x = P(
35
- ({
36
- ["data-testid"]: r = "purpur-drawer-container",
37
- children: a,
38
- className: n,
39
- drawerVariant: s = "default",
40
- variant: o = "body",
41
- stickyFooter: p,
42
- ...u
43
- }, d) => {
44
- const i = Hr([
45
- H,
46
- {
47
- [`${H}--${o}`]: o,
48
- [`${H}--sticky`]: p,
49
- [`${H}--ai`]: s === "ai"
50
- },
51
- n
52
- ]);
53
- return /* @__PURE__ */ e("div", { className: i, "data-testid": r, ref: d, ...u, children: a });
54
- }
55
- );
56
- x.displayName = "DrawerContainer";
57
- const Rr = {
58
- "purpur-drawer-frame": "_purpur-drawer-frame_vjt35_1",
59
- "purpur-drawer-frame--ai": "_purpur-drawer-frame--ai_vjt35_11",
60
- "purpur-drawer-frame--without-back-button": "_purpur-drawer-frame--without-back-button_vjt35_14",
61
- "purpur-drawer-frame__header": "_purpur-drawer-frame__header_vjt35_14",
62
- "purpur-drawer-frame--with-back-button": "_purpur-drawer-frame--with-back-button_vjt35_17",
63
- "purpur-drawer-frame--left": "_purpur-drawer-frame--left_vjt35_21",
64
- "purpur-drawer-frame--right": "_purpur-drawer-frame--right_vjt35_25",
65
- "purpur-drawer-frame--sticky-footer": "_purpur-drawer-frame--sticky-footer_vjt35_36",
66
- "purpur-drawer-frame__body": "_purpur-drawer-frame__body_vjt35_42",
67
- "purpur-drawer-frame--fit-to-content": "_purpur-drawer-frame--fit-to-content_vjt35_46",
68
- "purpur-drawer-frame__footer": "_purpur-drawer-frame__footer_vjt35_55",
69
- "purpur-drawer-frame__content-container": "_purpur-drawer-frame__content-container_vjt35_58",
70
- "purpur-drawer-frame__content-container--no-footer": "_purpur-drawer-frame__content-container--no-footer_vjt35_63"
71
- }, Ir = {
72
- "purpur-drawer-handle": "_purpur-drawer-handle_lz3ca_1",
73
- "purpur-drawer-handle--ai": "_purpur-drawer-handle--ai_lz3ca_22"
74
- }, Tr = (r, a, n, s, o, p) => ({
75
- onPointerDown: (t) => {
76
- r.current = { y: t.clientY };
77
- },
78
- onPointerMove: (t) => {
79
- if (!r.current)
80
- return;
81
- const c = t.clientY - r.current.y, l = !!a.current, m = Math.max(0, c), w = t.pointerType === "touch" ? 10 : 2, _ = { y: m }, y = { originalEvent: t, delta: _ };
82
- l ? (a.current = _, s(y)) : Z(_, 0) ? (a.current = _, n(), t.target.setPointerCapture(t.pointerId)) : Math.abs(c) > w && (r.current = null);
83
- },
84
- onPointerUp: (t) => {
85
- const c = a.current, l = t.target;
86
- if (l.hasPointerCapture(t.pointerId) && l.releasePointerCapture(t.pointerId), a.current = null, r.current = null, c) {
87
- const m = t.currentTarget, w = { originalEvent: t, delta: c };
88
- Z(c, 0) && c.y > 200 ? p(w) : o(), m.addEventListener("click", (_) => _.preventDefault(), {
89
- once: !0
90
- });
91
- }
92
- }
93
- }), Z = (r, a = 0) => Math.abs(r.y) > a, Fr = O.bind(Ir), B = "purpur-drawer-handle", er = P(
94
- ({
95
- ["data-testid"]: r = "purpur-drawer-handle",
96
- className: a,
97
- onSwipeStart: n,
98
- onSwipeMove: s,
99
- onSwipeCancel: o,
100
- onSwipeEnd: p,
101
- variant: u = "default",
102
- ...d
103
- }, i) => {
104
- const t = Fr([B, { [`${B}--ai`]: u === "ai" }, a]), c = R.useRef(null), l = R.useRef(null), { onPointerDown: m, onPointerMove: w, onPointerUp: _ } = Tr(
105
- l,
106
- c,
107
- n,
108
- s,
109
- o,
110
- p
111
- );
112
- return /* @__PURE__ */ e(
113
- "div",
114
- {
115
- className: t,
116
- "data-testid": r,
117
- onPointerDown: m,
118
- onPointerMove: w,
119
- onPointerUp: _,
120
- ref: i,
121
- ...d
122
- }
123
- );
124
- }
125
- );
126
- er.displayName = "DrawerHandle";
127
- const Kr = {
128
- "purpur-drawer-header": "_purpur-drawer-header_1dlfk_1",
129
- "purpur-drawer-header__row": "_purpur-drawer-header__row_1dlfk_4",
130
- "purpur-drawer-header__row--with-back-button": "_purpur-drawer-header__row--with-back-button_1dlfk_7",
131
- "purpur-drawer-header__left": "_purpur-drawer-header__left_1dlfk_10",
132
- "purpur-drawer-header__right": "_purpur-drawer-header__right_1dlfk_13",
133
- "purpur-drawer-header__close-button": "_purpur-drawer-header__close-button_1dlfk_16",
134
- "purpur-drawer-header__back-button--only-icon": "_purpur-drawer-header__back-button--only-icon_1dlfk_27",
135
- "purpur-drawer-header__title": "_purpur-drawer-header__title_1dlfk_30"
136
- }, N = O.bind(Kr), v = "purpur-drawer-header", tr = P(
137
- ({
138
- ["data-testid"]: r = "purpur-drawer-header",
139
- backButton: a,
140
- backButtonText: n,
141
- backButtonOnlyIcon: s,
142
- className: o,
143
- closeButtonAriaLabel: p,
144
- headerContent: u,
145
- onBackButtonClick: d,
146
- onCloseClick: i,
147
- title: t,
148
- variant: c = "default",
149
- ...l
150
- }, m) => {
151
- const w = N([v, { [`${v}--ai`]: c === "ai" }, o]), _ = !!(a && n && d), y = c === "ai", z = i ? R.Fragment : mr;
152
- return /* @__PURE__ */ g("div", { className: w, "data-testid": r, ref: m, ...l, children: [
153
- /* @__PURE__ */ g(
154
- "div",
155
- {
156
- className: N([
157
- `${v}__row`,
158
- {
159
- [`${v}__row--with-back-button`]: _
160
- }
161
- ]),
162
- "data-testid": `${r}-row`,
163
- children: [
164
- /* @__PURE__ */ e("div", { className: N(`${v}__left`), children: _ ? /* @__PURE__ */ g(
165
- X,
166
- {
167
- "aria-label": s ? n : "",
168
- className: N([
169
- `${v}__back-button`,
170
- {
171
- [`${v}__back-button--only-icon`]: s
172
- }
173
- ]),
174
- "data-testid": `${r}-back-button`,
175
- iconOnly: s,
176
- negative: y,
177
- onClick: d,
178
- size: "sm",
179
- variant: s ? I.TERTIARY_PURPLE : I.TEXT,
180
- children: [
181
- /* @__PURE__ */ e(Dr, { size: "sm" }),
182
- !s && n
183
- ]
184
- }
185
- ) : u ? /* @__PURE__ */ g(T, { children: [
186
- u,
187
- /* @__PURE__ */ e(Q, { asChild: !0, children: /* @__PURE__ */ e(Y, { children: t }) })
188
- ] }) : /* @__PURE__ */ e(Y, { asChild: !0, children: /* @__PURE__ */ e(
189
- G,
190
- {
191
- className: N(`${v}__title`),
192
- "data-testid": `${r}-title`,
193
- negative: y,
194
- tag: "h2",
195
- variant: J.DISPLAY10,
196
- tabIndex: -1,
197
- children: t
198
- }
199
- ) }) }),
200
- /* @__PURE__ */ e("div", { className: N(`${v}__right`), children: /* @__PURE__ */ e(z, { ...i ? {} : { asChild: !0 }, children: /* @__PURE__ */ e(
201
- X,
202
- {
203
- "aria-label": p,
204
- className: N(`${v}__close-button`),
205
- iconOnly: !0,
206
- negative: y,
207
- onClick: i,
208
- size: "sm",
209
- variant: I.TERTIARY_PURPLE,
210
- children: /* @__PURE__ */ e(jr, { size: "sm" })
211
- }
212
- ) }) })
213
- ]
214
- }
215
- ),
216
- _ && (u ? /* @__PURE__ */ g(T, { children: [
217
- u,
218
- /* @__PURE__ */ e(Q, { asChild: !0, children: /* @__PURE__ */ e(Y, { children: t }) })
219
- ] }) : /* @__PURE__ */ e(Y, { asChild: !0, children: /* @__PURE__ */ e(
220
- G,
221
- {
222
- "data-testid": `${r}-title-with-back-button`,
223
- className: N(`${v}__title`),
224
- negative: y,
225
- tag: "h2",
226
- tabIndex: -1,
227
- variant: J.DISPLAY10,
228
- children: t
229
- }
230
- ) }))
231
- ] });
232
- }
233
- );
234
- tr.displayName = "DrawerHeader";
235
- const qr = {
236
- "purpur-drawer-scroll-area__root": "_purpur-drawer-scroll-area__root_vzgxi_1",
237
- "purpur-drawer-scroll-area__root--fit-to-content": "_purpur-drawer-scroll-area__root--fit-to-content_vzgxi_4",
238
- "purpur-drawer-scroll-area__viewport": "_purpur-drawer-scroll-area__viewport_vzgxi_10",
239
- "purpur-drawer-scroll-area__scrollbar": "_purpur-drawer-scroll-area__scrollbar_vzgxi_14",
240
- "purpur-drawer-scroll-area--ai": "_purpur-drawer-scroll-area--ai_vzgxi_25",
241
- "purpur-drawer-scroll-area__thumb": "_purpur-drawer-scroll-area__thumb_vzgxi_29"
242
- }, k = O.bind(qr), j = "purpur-drawer-scroll-area", F = P(
243
- ({
244
- ["data-testid"]: r = "purpur-drawer-scroll-area",
245
- children: a,
246
- className: n,
247
- drawerVariant: s = "default",
248
- fitToContent: o = !1,
249
- ...p
250
- }, u) => {
251
- const d = k([
252
- j,
253
- { [`${j}--ai`]: s === "ai" },
254
- n
255
- ]);
256
- return /* @__PURE__ */ e("div", { className: d, "data-testid": r, ref: u, ...p, children: /* @__PURE__ */ g(
257
- Pr,
258
- {
259
- className: k(`${j}__root`, {
260
- [`${j}__root--fit-to-content`]: o
261
- }),
262
- children: [
263
- /* @__PURE__ */ e(zr, { className: k(`${j}__viewport`), children: a }),
264
- /* @__PURE__ */ e(
265
- Sr,
266
- {
267
- className: k(`${j}__scrollbar`),
268
- orientation: "vertical",
269
- children: /* @__PURE__ */ e(xr, { className: k(`${j}__thumb`) })
270
- }
271
- )
272
- ]
273
- }
274
- ) });
275
- }
276
- );
277
- F.displayName = "DrawerScrollArea";
278
- const S = O.bind(Rr), h = "purpur-drawer-frame", ar = P(
279
- ({
280
- ["data-testid"]: r = "purpur-drawer-frame",
281
- backButton: a,
282
- backButtonText: n,
283
- backButtonOnlyIcon: s,
284
- children: o,
285
- className: p,
286
- closeButtonAriaLabel: u,
287
- fitToContent: d = !1,
288
- footerContent: i,
289
- headerContent: t,
290
- onBackButtonClick: c,
291
- onCloseClick: l,
292
- onSwipeStart: m,
293
- onSwipeMove: w,
294
- onSwipeCancel: _,
295
- onSwipeEnd: y,
296
- title: z,
297
- stickyFooter: b,
298
- position: C = "right",
299
- variant: f = "default",
300
- ...E
301
- }, V) => {
302
- const L = !!(a && n && c), M = f === "ai", U = S([
303
- h,
304
- {
305
- [`${h}--fit-to-content`]: d,
306
- [`${h}--sticky-footer`]: b,
307
- [`${h}--left`]: C === "left",
308
- [`${h}--right`]: C === "right",
309
- [`${h}--without-back-button`]: !L,
310
- [`${h}--with-back-button`]: L,
311
- [`${h}--ai`]: M
312
- },
313
- p
314
- ]);
315
- return /* @__PURE__ */ g("div", { className: U, "data-testid": r, ref: V, ...E, children: [
316
- /* @__PURE__ */ e(
317
- er,
318
- {
319
- onSwipeStart: m,
320
- onSwipeMove: w,
321
- onSwipeCancel: _,
322
- onSwipeEnd: y,
323
- variant: f
324
- }
325
- ),
326
- /* @__PURE__ */ e(
327
- x,
328
- {
329
- className: S(`${h}__header`),
330
- variant: "header",
331
- stickyFooter: b,
332
- drawerVariant: f,
333
- children: /* @__PURE__ */ e(
334
- tr,
335
- {
336
- title: z,
337
- headerContent: t,
338
- backButtonOnlyIcon: s,
339
- backButton: a,
340
- backButtonText: n,
341
- closeButtonAriaLabel: u,
342
- onBackButtonClick: c,
343
- onCloseClick: l,
344
- variant: f
345
- }
346
- )
347
- }
348
- ),
349
- b ? /* @__PURE__ */ g(T, { children: [
350
- /* @__PURE__ */ e(
351
- F,
352
- {
353
- className: S(`${h}__body`),
354
- "data-testid": `${r}-sticky-footer-scroll-area`,
355
- fitToContent: d,
356
- drawerVariant: f,
357
- children: /* @__PURE__ */ e(x, { stickyFooter: !0, drawerVariant: f, children: o })
358
- }
359
- ),
360
- i && /* @__PURE__ */ e(
361
- x,
362
- {
363
- className: S(`${h}__footer`),
364
- "data-testid": `${r}-sticky-footer`,
365
- variant: "footer",
366
- stickyFooter: b,
367
- drawerVariant: f,
368
- children: i
369
- }
370
- )
371
- ] }) : /* @__PURE__ */ e(
372
- F,
373
- {
374
- className: S(`${h}__body`),
375
- "data-testid": `${r}-scroll-area`,
376
- fitToContent: d,
377
- drawerVariant: f,
378
- children: /* @__PURE__ */ g(
379
- "div",
380
- {
381
- className: S([
382
- `${h}__content-container`,
383
- { [`${h}__content-container--no-footer`]: !i }
384
- ]),
385
- children: [
386
- /* @__PURE__ */ e(x, { stickyFooter: b, drawerVariant: f, children: o }),
387
- i && /* @__PURE__ */ e(
388
- x,
389
- {
390
- "data-testid": `${r}-footer`,
391
- stickyFooter: b,
392
- variant: "footer",
393
- drawerVariant: f,
394
- children: i
395
- }
396
- )
397
- ]
398
- }
399
- )
400
- }
401
- )
402
- ] });
403
- }
404
- );
405
- ar.displayName = "DrawerFrame";
406
- const Wr = (r, a) => ({
407
- onSwipeStart: () => {
408
- r.current && r.current.setAttribute("data-swipe", "start");
409
- },
410
- onSwipeMove: (u) => {
411
- if (!r.current)
412
- return;
413
- const { y: d } = u.delta;
414
- r.current.setAttribute("data-swipe", "move"), r.current.style.setProperty("--purpur-drawer-swipe-move-y", `${d}px`);
415
- },
416
- onSwipeCancel: () => {
417
- r.current && (r.current.setAttribute("data-swipe", "cancel"), r.current.style.removeProperty("--purpur-drawer-swipe-move-y"), r.current.style.removeProperty("--purpur-drawer-swipe-end-y"));
418
- },
419
- onSwipeEnd: (u) => {
420
- if (!r.current)
421
- return;
422
- const { y: d } = u.delta;
423
- r.current.setAttribute("data-swipe", "end"), r.current.style.removeProperty("--purpur-drawer-swipe-move-y"), r.current.style.setProperty("--purpur-drawer-swipe-end-y", `${d}px`), a?.(!1);
424
- }
425
- }), A = O.bind(Ur), D = "purpur-drawer-content", nr = P(
426
- ({
427
- ["data-testid"]: r = "purpur-drawer-content",
428
- backButton: a = !1,
429
- backButtonText: n,
430
- backButtonOnlyIcon: s = !1,
431
- bodyText: o,
432
- children: p,
433
- className: u,
434
- closeButtonAriaLabel: d,
435
- disableCloseOnClickOutside: i = !1,
436
- fitToContent: t = !1,
437
- footerContent: c,
438
- headerContent: l,
439
- onBackButtonClick: m,
440
- onCloseClick: w,
441
- stickyFooter: _ = !1,
442
- title: y,
443
- zIndex: z,
444
- position: b = "right",
445
- ...C
446
- }, f) => {
447
- const E = fr(rr), V = E?.variant ?? "default", L = A([
448
- D,
449
- {
450
- [`${D}--fit-to-content`]: t,
451
- [`${D}--left`]: b === "left",
452
- [`${D}--right`]: b === "right",
453
- [`${D}--ai`]: V === "ai"
454
- },
455
- u
456
- ]), M = W(null), U = W(null), or = ($) => {
457
- U.current = $, typeof f == "function" ? f($) : f && (f.current = $);
458
- }, { onSwipeStart: ur, onSwipeMove: dr, onSwipeCancel: ir, onSwipeEnd: cr } = Wr(
459
- U,
460
- E?.onOpenChange ?? null
461
- ), pr = ($) => {
462
- if (i) {
463
- $.preventDefault();
464
- return;
465
- }
466
- w && ($.preventDefault(), w());
467
- }, _r = ($) => {
468
- w && ($.preventDefault(), w());
469
- }, lr = () => {
470
- const $ = M.current;
471
- if ($) {
472
- const q = $.querySelector("h2");
473
- q && setTimeout(() => {
474
- q.focus();
475
- });
476
- }
477
- };
478
- return /* @__PURE__ */ e($r, { children: /* @__PURE__ */ e(
479
- vr,
480
- {
481
- className: A("purpur-drawer-overlay"),
482
- style: z ? { zIndex: z } : void 0,
483
- "data-testid": `${r}-overlay`,
484
- children: /* @__PURE__ */ e(
485
- yr,
486
- {
487
- onPointerDownOutside: pr,
488
- onEscapeKeyDown: _r,
489
- onOpenAutoFocus: lr,
490
- className: L,
491
- "data-testid": r,
492
- ref: or,
493
- ...!o && { "aria-describedby": void 0 },
494
- ...C,
495
- children: /* @__PURE__ */ e(
496
- ar,
497
- {
498
- backButton: a,
499
- backButtonText: n,
500
- backButtonOnlyIcon: s,
501
- closeButtonAriaLabel: d,
502
- className: A(`${D}__drawer-frame`),
503
- fitToContent: t,
504
- footerContent: c,
505
- headerContent: l,
506
- ref: M,
507
- onBackButtonClick: m,
508
- onCloseClick: w,
509
- onSwipeStart: ur,
510
- onSwipeMove: dr,
511
- onSwipeCancel: ir,
512
- onSwipeEnd: cr,
513
- stickyFooter: _,
514
- title: y,
515
- position: b,
516
- variant: V,
517
- children: o ? /* @__PURE__ */ g("div", { className: A(`${D}__content-container`), children: [
518
- /* @__PURE__ */ e(
519
- br,
520
- {
521
- className: A(`${D}__description`),
522
- "data-testid": `${r}-description`,
523
- children: o
524
- }
525
- ),
526
- /* @__PURE__ */ e("div", { children: p })
527
- ] }) : p
528
- }
529
- )
530
- }
531
- )
532
- }
533
- ) });
534
- }
535
- );
536
- nr.displayName = "DrawerContent";
537
- const sr = P(
538
- ({ ["data-testid"]: r = "purpur-drawer-trigger", children: a, ...n }, s) => /* @__PURE__ */ e(gr, { asChild: !0, "data-testid": r, ref: s, ...n, children: a })
539
- );
540
- sr.displayName = "DrawerTrigger";
541
- const K = ({
542
- ["data-testid"]: r = "purpur-drawer",
543
- children: a,
544
- className: n,
545
- onOpenChange: s,
546
- open: o = !1,
547
- variant: p = "default",
548
- ...u
549
- }) => {
550
- const [d, i] = R.useState(o), t = (l) => {
551
- i(l), s?.(l);
552
- };
553
- hr(() => {
554
- i(o);
555
- }, [o]);
556
- const c = { onOpenChange: t, variant: p };
557
- return /* @__PURE__ */ e(rr.Provider, { value: c, children: /* @__PURE__ */ e("div", { className: n, "data-testid": r, ...u, children: /* @__PURE__ */ e(Nr, { open: d, onOpenChange: t, children: a }) }) });
558
- };
559
- K.Trigger = sr;
560
- K.Content = nr;
561
- K.displayName = "Drawer";
562
- export {
563
- K as D
564
- };
565
- //# sourceMappingURL=drawer-Db2Mujc6.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"drawer-Db2Mujc6.mjs","sources":["../../../components/drawer/src/drawer.context.ts","../../../components/drawer/src/drawer-container.tsx","../../../components/drawer/src/use-swipe-tracking.hook.ts","../../../components/drawer/src/drawer-handle.tsx","../../../components/drawer/src/drawer-header.tsx","../../../components/drawer/src/drawer-scroll-area.tsx","../../../components/drawer/src/drawer-frame.tsx","../../../components/drawer/src/use-swipe-to-dismiss.hook.ts","../../../components/drawer/src/drawer-content.tsx","../../../components/drawer/src/drawer-trigger.tsx","../../../components/drawer/src/drawer.tsx"],"sourcesContent":["import { createContext } from \"react\";\n\nimport { type DrawerVariant, type OpenHandlerFunction } from \"./types\";\n\nexport type DrawerContextValue = {\n onOpenChange: OpenHandlerFunction;\n variant: DrawerVariant;\n};\n\nexport const DrawerContext = createContext<DrawerContextValue | null>(null);\n","import React, { forwardRef, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./drawer-container.module.scss\";\nimport { type DrawerVariant } from \"./types\";\n\nconst cx = c.bind(styles);\n\nexport type DrawerContainerProps = Omit<BaseProps, \"children\"> & {\n children: ReactNode;\n drawerVariant?: DrawerVariant;\n stickyFooter: boolean;\n variant?: \"header\" | \"body\" | \"footer\";\n};\n\nconst rootClassName = \"purpur-drawer-container\";\n\nexport const DrawerContainer = forwardRef<HTMLDivElement, DrawerContainerProps>(\n (\n {\n [\"data-testid\"]: dataTestId = \"purpur-drawer-container\",\n children,\n className,\n drawerVariant = \"default\",\n variant = \"body\",\n stickyFooter,\n ...props\n },\n ref\n ) => {\n const classes = cx([\n rootClassName,\n {\n [`${rootClassName}--${variant}`]: variant,\n [`${rootClassName}--sticky`]: stickyFooter,\n [`${rootClassName}--ai`]: drawerVariant === \"ai\",\n },\n className,\n ]);\n\n return (\n <div className={classes} data-testid={dataTestId} ref={ref} {...props}>\n {children}\n </div>\n );\n }\n);\n\nDrawerContainer.displayName = \"DrawerContainer\";\n","import type { PointerEvent, RefObject } from \"react\";\n\nimport { type SwipeEvent } from \"./types\";\n\ntype UseSwipeTracking = {\n onPointerDown(event: PointerEvent): void;\n onPointerMove(event: PointerEvent): void;\n onPointerUp(event: PointerEvent): void;\n};\n\nexport const useSwipeTracking = (\n pointerStartRef: RefObject<{ y: number } | null>,\n swipeDeltaRef: RefObject<{ y: number } | null>,\n onSwipeStart: () => void,\n onSwipeMove: (event: SwipeEvent) => void,\n onSwipeCancel: () => void,\n onSwipeEnd: (event: SwipeEvent) => void\n): UseSwipeTracking => {\n const onPointerDown = (event: PointerEvent) => {\n pointerStartRef.current = { y: event.clientY };\n };\n const onPointerMove = (event: PointerEvent) => {\n if (!pointerStartRef.current) {\n return;\n }\n const y = event.clientY - pointerStartRef.current.y;\n const hasSwipeMoveStarted = Boolean(swipeDeltaRef.current);\n const clampedY = Math.max(0, y);\n const moveStartBuffer = event.pointerType === \"touch\" ? 10 : 2;\n const delta = { y: clampedY };\n const eventDetail = { originalEvent: event, delta };\n if (hasSwipeMoveStarted) {\n swipeDeltaRef.current = delta;\n onSwipeMove(eventDetail);\n } else if (isDeltaInDirection(delta, 0)) {\n swipeDeltaRef.current = delta;\n onSwipeStart();\n (event.target as HTMLElement).setPointerCapture(event.pointerId);\n } else if (Math.abs(y) > moveStartBuffer) {\n // User is swiping in wrong direction so we disable swipe gesture\n // for the current pointer down interaction\n pointerStartRef.current = null;\n }\n };\n const onPointerUp = (event: PointerEvent) => {\n const delta = swipeDeltaRef.current;\n const target = event.target as HTMLElement;\n if (target.hasPointerCapture(event.pointerId)) {\n target.releasePointerCapture(event.pointerId);\n }\n swipeDeltaRef.current = null;\n pointerStartRef.current = null;\n if (delta) {\n const swipeHandle = event.currentTarget;\n const eventDetail = { originalEvent: event, delta };\n if (isDeltaInDirection(delta, 0) && delta.y > 200) {\n onSwipeEnd(eventDetail);\n } else {\n onSwipeCancel();\n }\n // Prevent click event from triggering on items within the drawer when\n // pointer up is part of a swipe gesture\n swipeHandle.addEventListener(\"click\", (event) => event.preventDefault(), {\n once: true,\n });\n }\n };\n return {\n onPointerDown,\n onPointerMove,\n onPointerUp,\n };\n};\n\nconst isDeltaInDirection = (delta: { y: number }, threshold = 0) => {\n const deltaY = Math.abs(delta.y);\n return deltaY > threshold;\n};\n","import React, { forwardRef } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./drawer-handle.module.scss\";\nimport { type DrawerVariant, type SwipeEvent } from \"./types\";\nimport { useSwipeTracking } from \"./use-swipe-tracking.hook\";\n\nconst cx = c.bind(styles);\n\nexport type DrawerHandleProps = Omit<BaseProps, \"children\"> & {\n onSwipeStart(): void;\n onSwipeMove(event: SwipeEvent): void;\n onSwipeCancel(): void;\n onSwipeEnd(event: SwipeEvent): void;\n variant?: DrawerVariant;\n};\n\nconst rootClassName = \"purpur-drawer-handle\";\n\nexport const DrawerHandle = forwardRef<HTMLDivElement, DrawerHandleProps>(\n (\n {\n [\"data-testid\"]: dataTestId = \"purpur-drawer-handle\",\n className,\n onSwipeStart,\n onSwipeMove,\n onSwipeCancel,\n onSwipeEnd,\n variant = \"default\",\n ...props\n },\n ref\n ) => {\n const classes = cx([rootClassName, { [`${rootClassName}--ai`]: variant === \"ai\" }, className]);\n const pointerStartRef = React.useRef<{ y: number } | null>(null);\n const swipeDeltaRef = React.useRef<{ y: number } | null>(null);\n const { onPointerDown, onPointerMove, onPointerUp } = useSwipeTracking(\n swipeDeltaRef,\n pointerStartRef,\n onSwipeStart,\n onSwipeMove,\n onSwipeCancel,\n onSwipeEnd\n );\n\n return (\n <div\n className={classes}\n data-testid={dataTestId}\n onPointerDown={onPointerDown}\n onPointerMove={onPointerMove}\n onPointerUp={onPointerUp}\n ref={ref}\n {...props}\n />\n );\n }\n);\n\nDrawerHandle.displayName = \"DrawerHandle\";\n","import React, { forwardRef } from \"react\";\nimport { Button, BUTTON_VARIANT } from \"@purpur/button\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { DisplayVariant, Heading } from \"@purpur/heading\";\nimport { IconChevronLeft } from \"@purpur/icon/chevron-left\";\nimport { IconClose } from \"@purpur/icon/close\";\nimport { VisuallyHidden } from \"@purpur/visually-hidden\";\nimport * as RadixDialog from \"@radix-ui/react-dialog\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./drawer-header.module.scss\";\nimport { type DrawerVariant } from \"./types\";\n\nconst cx = c.bind(styles);\n\nexport type DrawerHeaderProps = Omit<BaseProps, \"children\"> & {\n backButton: boolean;\n backButtonText?: string;\n backButtonOnlyIcon: boolean;\n closeButtonAriaLabel: string;\n headerContent?: React.ReactNode;\n onBackButtonClick?: () => void;\n onCloseClick?: () => void;\n title: string;\n variant?: DrawerVariant;\n};\n\nconst rootClassName = \"purpur-drawer-header\";\n\nexport const DrawerHeader = forwardRef<HTMLDivElement, DrawerHeaderProps>(\n (\n {\n [\"data-testid\"]: dataTestId = \"purpur-drawer-header\",\n backButton,\n backButtonText,\n backButtonOnlyIcon,\n className,\n closeButtonAriaLabel,\n headerContent,\n onBackButtonClick,\n onCloseClick,\n title,\n variant = \"default\",\n ...props\n },\n ref\n ) => {\n const classes = cx([rootClassName, { [`${rootClassName}--ai`]: variant === \"ai\" }, className]);\n const hasBackButton = !!(backButton && backButtonText && onBackButtonClick);\n const isAi = variant === \"ai\";\n\n const CloseButtonWrapper = onCloseClick ? React.Fragment : RadixDialog.Close;\n\n return (\n <div className={classes} data-testid={dataTestId} ref={ref} {...props}>\n <div\n className={cx([\n `${rootClassName}__row`,\n {\n [`${rootClassName}__row--with-back-button`]: hasBackButton,\n },\n ])}\n data-testid={`${dataTestId}-row`}\n >\n <div className={cx(`${rootClassName}__left`)}>\n {hasBackButton ? (\n <Button\n aria-label={backButtonOnlyIcon ? backButtonText : \"\"}\n className={cx([\n `${rootClassName}__back-button`,\n {\n [`${rootClassName}__back-button--only-icon`]: backButtonOnlyIcon,\n },\n ])}\n data-testid={`${dataTestId}-back-button`}\n iconOnly={backButtonOnlyIcon}\n negative={isAi}\n onClick={onBackButtonClick}\n size=\"sm\"\n variant={backButtonOnlyIcon ? BUTTON_VARIANT.TERTIARY_PURPLE : BUTTON_VARIANT.TEXT}\n >\n <IconChevronLeft size=\"sm\" />\n {!backButtonOnlyIcon && backButtonText}\n </Button>\n ) : headerContent ? (\n <>\n {headerContent}\n <VisuallyHidden asChild>\n <RadixDialog.Title>{title}</RadixDialog.Title>\n </VisuallyHidden>\n </>\n ) : (\n <RadixDialog.Title asChild>\n <Heading\n className={cx(`${rootClassName}__title`)}\n data-testid={`${dataTestId}-title`}\n negative={isAi}\n tag=\"h2\"\n variant={DisplayVariant.DISPLAY10}\n tabIndex={-1}\n >\n {title}\n </Heading>\n </RadixDialog.Title>\n )}\n </div>\n\n <div className={cx(`${rootClassName}__right`)}>\n <CloseButtonWrapper {...(onCloseClick ? {} : { asChild: true })}>\n <Button\n aria-label={closeButtonAriaLabel}\n className={cx(`${rootClassName}__close-button`)}\n iconOnly\n negative={isAi}\n onClick={onCloseClick}\n size=\"sm\"\n variant={BUTTON_VARIANT.TERTIARY_PURPLE}\n >\n <IconClose size=\"sm\" />\n </Button>\n </CloseButtonWrapper>\n </div>\n </div>\n {hasBackButton &&\n (headerContent ? (\n <>\n {headerContent}\n <VisuallyHidden asChild>\n <RadixDialog.Title>{title}</RadixDialog.Title>\n </VisuallyHidden>\n </>\n ) : (\n <RadixDialog.Title asChild>\n <Heading\n data-testid={`${dataTestId}-title-with-back-button`}\n className={cx(`${rootClassName}__title`)}\n negative={isAi}\n tag=\"h2\"\n tabIndex={-1}\n variant={DisplayVariant.DISPLAY10}\n >\n {title}\n </Heading>\n </RadixDialog.Title>\n ))}\n </div>\n );\n }\n);\n\nDrawerHeader.displayName = \"DrawerHeader\";\n","import React, { forwardRef, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport * as RadixScrollArea from \"@radix-ui/react-scroll-area\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./drawer-scroll-area.module.scss\";\nimport { type DrawerVariant } from \"./types\";\n\nconst cx = c.bind(styles);\n\nexport type DrawerScrollAreaProps = Omit<BaseProps, \"children\"> & {\n children: ReactNode;\n drawerVariant?: DrawerVariant;\n fitToContent?: boolean;\n};\n\nconst rootClassName = \"purpur-drawer-scroll-area\";\n\nexport const DrawerScrollArea = forwardRef<HTMLDivElement, DrawerScrollAreaProps>(\n (\n {\n [\"data-testid\"]: dataTestId = \"purpur-drawer-scroll-area\",\n children,\n className,\n drawerVariant = \"default\",\n fitToContent = false,\n ...props\n },\n ref\n ) => {\n const classes = cx([\n rootClassName,\n { [`${rootClassName}--ai`]: drawerVariant === \"ai\" },\n className,\n ]);\n return (\n <div className={classes} data-testid={dataTestId} ref={ref} {...props}>\n <RadixScrollArea.Root\n className={cx(`${rootClassName}__root`, {\n [`${rootClassName}__root--fit-to-content`]: fitToContent,\n })}\n >\n <RadixScrollArea.Viewport className={cx(`${rootClassName}__viewport`)}>\n {children}\n </RadixScrollArea.Viewport>\n <RadixScrollArea.Scrollbar\n className={cx(`${rootClassName}__scrollbar`)}\n orientation=\"vertical\"\n >\n <RadixScrollArea.Thumb className={cx(`${rootClassName}__thumb`)} />\n </RadixScrollArea.Scrollbar>\n </RadixScrollArea.Root>\n </div>\n );\n }\n);\n\nDrawerScrollArea.displayName = \"DrawerScrollArea\";\n","import React, { forwardRef, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames/bind\";\n\nimport { DrawerContainer } from \"./drawer-container\";\nimport styles from \"./drawer-frame.module.scss\";\nimport { DrawerHandle } from \"./drawer-handle\";\nimport { DrawerHeader } from \"./drawer-header\";\nimport { DrawerScrollArea } from \"./drawer-scroll-area\";\nimport { type DrawerVariant, type Position, type SwipeEvent } from \"./types\";\n\nconst cx = c.bind(styles);\n\nexport type DrawerFrameProps = Omit<BaseProps, \"children\"> & {\n backButton: boolean;\n backButtonText?: string;\n backButtonOnlyIcon: boolean;\n children: ReactNode;\n closeButtonAriaLabel: string;\n fitToContent?: boolean;\n footerContent?: ReactNode;\n headerContent?: ReactNode;\n onBackButtonClick?: () => void;\n onCloseClick?: () => void;\n onSwipeStart(): void;\n onSwipeMove(event: SwipeEvent): void;\n onSwipeCancel(): void;\n onSwipeEnd(event: SwipeEvent): void;\n stickyFooter: boolean;\n title: string;\n position?: Position;\n variant?: DrawerVariant;\n};\n\nconst rootClassName = \"purpur-drawer-frame\";\n\nexport const DrawerFrame = forwardRef<HTMLDivElement, DrawerFrameProps>(\n (\n {\n [\"data-testid\"]: dataTestId = \"purpur-drawer-frame\",\n backButton,\n backButtonText,\n backButtonOnlyIcon,\n children,\n className,\n closeButtonAriaLabel,\n fitToContent = false,\n footerContent,\n headerContent,\n onBackButtonClick,\n onCloseClick,\n onSwipeStart,\n onSwipeMove,\n onSwipeCancel,\n onSwipeEnd,\n title,\n stickyFooter,\n position = \"right\",\n variant = \"default\",\n ...props\n },\n ref\n ) => {\n const hasBackButton = !!(backButton && backButtonText && onBackButtonClick);\n const isAi = variant === \"ai\";\n const classes = cx([\n rootClassName,\n {\n [`${rootClassName}--fit-to-content`]: fitToContent,\n [`${rootClassName}--sticky-footer`]: stickyFooter,\n [`${rootClassName}--left`]: position === \"left\",\n [`${rootClassName}--right`]: position === \"right\",\n [`${rootClassName}--without-back-button`]: !hasBackButton,\n [`${rootClassName}--with-back-button`]: hasBackButton,\n [`${rootClassName}--ai`]: isAi,\n },\n className,\n ]);\n\n return (\n <div className={classes} data-testid={dataTestId} ref={ref} {...props}>\n <DrawerHandle\n onSwipeStart={onSwipeStart}\n onSwipeMove={onSwipeMove}\n onSwipeCancel={onSwipeCancel}\n onSwipeEnd={onSwipeEnd}\n variant={variant}\n />\n <DrawerContainer\n className={cx(`${rootClassName}__header`)}\n variant=\"header\"\n stickyFooter={stickyFooter}\n drawerVariant={variant}\n >\n <DrawerHeader\n title={title}\n headerContent={headerContent}\n backButtonOnlyIcon={backButtonOnlyIcon}\n backButton={backButton}\n backButtonText={backButtonText}\n closeButtonAriaLabel={closeButtonAriaLabel}\n onBackButtonClick={onBackButtonClick}\n onCloseClick={onCloseClick}\n variant={variant}\n />\n </DrawerContainer>\n {stickyFooter ? (\n <>\n <DrawerScrollArea\n className={cx(`${rootClassName}__body`)}\n data-testid={`${dataTestId}-sticky-footer-scroll-area`}\n fitToContent={fitToContent}\n drawerVariant={variant}\n >\n <DrawerContainer stickyFooter drawerVariant={variant}>\n {children}\n </DrawerContainer>\n </DrawerScrollArea>\n {footerContent && (\n <DrawerContainer\n className={cx(`${rootClassName}__footer`)}\n data-testid={`${dataTestId}-sticky-footer`}\n variant=\"footer\"\n stickyFooter={stickyFooter}\n drawerVariant={variant}\n >\n {footerContent}\n </DrawerContainer>\n )}\n </>\n ) : (\n <DrawerScrollArea\n className={cx(`${rootClassName}__body`)}\n data-testid={`${dataTestId}-scroll-area`}\n fitToContent={fitToContent}\n drawerVariant={variant}\n >\n <div\n className={cx([\n `${rootClassName}__content-container`,\n { [`${rootClassName}__content-container--no-footer`]: !footerContent },\n ])}\n >\n <DrawerContainer stickyFooter={stickyFooter} drawerVariant={variant}>\n {children}\n </DrawerContainer>\n {footerContent && (\n <DrawerContainer\n data-testid={`${dataTestId}-footer`}\n stickyFooter={stickyFooter}\n variant=\"footer\"\n drawerVariant={variant}\n >\n {footerContent}\n </DrawerContainer>\n )}\n </div>\n </DrawerScrollArea>\n )}\n </div>\n );\n }\n);\n\nDrawerFrame.displayName = \"DrawerFrame\";\n","import type { RefObject } from \"react\";\n\nimport { type SwipeEvent } from \"./types\";\n\ntype UseSwipeToDismiss = {\n onSwipeStart(): void;\n onSwipeMove(event: SwipeEvent): void;\n onSwipeCancel(): void;\n onSwipeEnd(event: SwipeEvent): void;\n};\n\nexport const useSwipeToDismiss = <T extends HTMLElement>(\n containerRef: RefObject<T | null>,\n handleOpenChange: ((open: boolean) => void) | null\n): UseSwipeToDismiss => {\n const onSwipeStart = () => {\n if (!containerRef.current) {\n return;\n }\n containerRef.current.setAttribute(\"data-swipe\", \"start\");\n };\n const onSwipeMove = (event: SwipeEvent) => {\n if (!containerRef.current) {\n return;\n }\n const { y } = event.delta;\n containerRef.current.setAttribute(\"data-swipe\", \"move\");\n containerRef.current.style.setProperty(\"--purpur-drawer-swipe-move-y\", `${y}px`);\n };\n const onSwipeCancel = () => {\n if (!containerRef.current) {\n return;\n }\n containerRef.current.setAttribute(\"data-swipe\", \"cancel\");\n containerRef.current.style.removeProperty(\"--purpur-drawer-swipe-move-y\");\n containerRef.current.style.removeProperty(\"--purpur-drawer-swipe-end-y\");\n };\n const onSwipeEnd = (event: SwipeEvent) => {\n if (!containerRef.current) {\n return;\n }\n const { y } = event.delta;\n containerRef.current.setAttribute(\"data-swipe\", \"end\");\n containerRef.current.style.removeProperty(\"--purpur-drawer-swipe-move-y\");\n containerRef.current.style.setProperty(\"--purpur-drawer-swipe-end-y\", `${y}px`);\n handleOpenChange?.(false);\n };\n\n return {\n onSwipeStart,\n onSwipeMove,\n onSwipeCancel,\n onSwipeEnd,\n };\n};\n","import React, { forwardRef, type ReactNode, useContext, useRef } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport * as RadixDialog from \"@radix-ui/react-dialog\";\nimport c from \"classnames/bind\";\n\nimport { DrawerContext } from \"./drawer.context\";\nimport styles from \"./drawer-content.module.scss\";\nimport { DrawerFrame } from \"./drawer-frame\";\nimport { type Position } from \"./types\";\nimport { useSwipeToDismiss } from \"./use-swipe-to-dismiss.hook\";\n\nconst cx = c.bind(styles);\n\nexport type WithBackButton = {\n backButton: boolean;\n backButtonText: string;\n backButtonOnlyIcon?: boolean;\n onBackButtonClick: () => void;\n};\n\nexport type WithoutBackButton = {\n backButton?: never;\n backButtonText?: never;\n backButtonOnlyIcon?: never;\n onBackButtonClick?: never;\n};\n\nexport type DrawerContentProps = Omit<BaseProps, \"children\"> & {\n bodyText?: string;\n children: ReactNode;\n closeButtonAriaLabel: string;\n disableCloseOnClickOutside?: boolean;\n /**\n * If true, the drawer height will fit to its content on small screens.\n */\n fitToContent?: boolean;\n footerContent?: ReactNode;\n headerContent?: ReactNode;\n onCloseClick?: () => void;\n stickyFooter?: boolean;\n title: string;\n zIndex?: number;\n position?: Position;\n} & (WithoutBackButton | WithBackButton);\n\nconst rootClassName = \"purpur-drawer-content\";\n\nexport const DrawerContent = forwardRef<HTMLDivElement, DrawerContentProps>(\n (\n {\n [\"data-testid\"]: dataTestId = \"purpur-drawer-content\",\n backButton = false,\n backButtonText,\n backButtonOnlyIcon = false,\n bodyText,\n children,\n className,\n closeButtonAriaLabel,\n disableCloseOnClickOutside = false,\n fitToContent = false,\n footerContent,\n headerContent,\n onBackButtonClick,\n onCloseClick,\n stickyFooter = false,\n title,\n zIndex,\n position = \"right\",\n ...props\n },\n ref\n ) => {\n const drawerContext = useContext(DrawerContext);\n const variant = drawerContext?.variant ?? \"default\";\n\n const classes = cx([\n rootClassName,\n {\n [`${rootClassName}--fit-to-content`]: fitToContent,\n [`${rootClassName}--left`]: position === \"left\",\n [`${rootClassName}--right`]: position === \"right\",\n [`${rootClassName}--ai`]: variant === \"ai\",\n },\n className,\n ]);\n\n const drawerFrameRef = useRef<HTMLDivElement>(null);\n const internalDrawerContentRef = useRef<HTMLDivElement>(null);\n\n const setRef = (node: HTMLDivElement | null) => {\n internalDrawerContentRef.current = node;\n if (typeof ref === \"function\") {\n ref(node);\n } else if (ref) {\n ref.current = node;\n }\n };\n\n const { onSwipeStart, onSwipeMove, onSwipeCancel, onSwipeEnd } = useSwipeToDismiss(\n internalDrawerContentRef,\n drawerContext?.onOpenChange ?? null\n );\n\n const handlePointerDownOutside = (event: CustomEvent<{ originalEvent: PointerEvent }>) => {\n if (disableCloseOnClickOutside) {\n event.preventDefault();\n return;\n }\n\n if (onCloseClick) {\n event.preventDefault();\n onCloseClick();\n }\n };\n\n const handleEscapeKeyDown = (event: KeyboardEvent) => {\n if (onCloseClick) {\n event.preventDefault();\n onCloseClick();\n }\n };\n\n const handleInitialFocus = () => {\n const frame = drawerFrameRef.current;\n if (frame) {\n const heading = frame.querySelector(\"h2\");\n\n heading &&\n setTimeout(() => {\n heading.focus();\n });\n }\n };\n\n return (\n <RadixDialog.Portal>\n <RadixDialog.Overlay\n className={cx(\"purpur-drawer-overlay\")}\n style={zIndex ? { zIndex } : undefined}\n data-testid={`${dataTestId}-overlay`}\n >\n <RadixDialog.Content\n onPointerDownOutside={handlePointerDownOutside}\n onEscapeKeyDown={handleEscapeKeyDown}\n onOpenAutoFocus={handleInitialFocus}\n className={classes}\n data-testid={dataTestId}\n ref={setRef}\n {...(!bodyText && { [\"aria-describedby\"]: undefined })}\n {...props}\n >\n <DrawerFrame\n backButton={backButton}\n backButtonText={backButtonText}\n backButtonOnlyIcon={backButtonOnlyIcon}\n closeButtonAriaLabel={closeButtonAriaLabel}\n className={cx(`${rootClassName}__drawer-frame`)}\n fitToContent={fitToContent}\n footerContent={footerContent}\n headerContent={headerContent}\n ref={drawerFrameRef}\n onBackButtonClick={onBackButtonClick}\n onCloseClick={onCloseClick}\n onSwipeStart={onSwipeStart}\n onSwipeMove={onSwipeMove}\n onSwipeCancel={onSwipeCancel}\n onSwipeEnd={onSwipeEnd}\n stickyFooter={stickyFooter}\n title={title}\n position={position}\n variant={variant}\n >\n {bodyText ? (\n <div className={cx(`${rootClassName}__content-container`)}>\n <RadixDialog.Description\n className={cx(`${rootClassName}__description`)}\n data-testid={`${dataTestId}-description`}\n >\n {bodyText}\n </RadixDialog.Description>\n <div>{children}</div>\n </div>\n ) : (\n children\n )}\n </DrawerFrame>\n </RadixDialog.Content>\n </RadixDialog.Overlay>\n </RadixDialog.Portal>\n );\n }\n);\n\nDrawerContent.displayName = \"DrawerContent\";\n","import React, { forwardRef, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport * as RadixDialog from \"@radix-ui/react-dialog\";\n\nexport type DrawerTriggerProps = Omit<BaseProps<\"button\">, \"children\"> & {\n children: ReactNode;\n};\n\nexport const DrawerTrigger = forwardRef<HTMLButtonElement, DrawerTriggerProps>(\n ({ [\"data-testid\"]: dataTestId = \"purpur-drawer-trigger\", children, ...props }, ref) => {\n return (\n <RadixDialog.Trigger asChild data-testid={dataTestId} ref={ref} {...props}>\n {children}\n </RadixDialog.Trigger>\n );\n }\n);\n\nDrawerTrigger.displayName = \"DrawerTrigger\";\n","import React, { type ReactNode, useEffect } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport * as RadixDialog from \"@radix-ui/react-dialog\";\n\nimport { DrawerContext } from \"./drawer.context\";\nimport { DrawerContent } from \"./drawer-content\";\nimport { DrawerTrigger } from \"./drawer-trigger\";\nimport { type DrawerVariant } from \"./types\";\n\nexport type { DrawerVariant };\n\nexport type DrawerProps = Omit<BaseProps, \"children\"> & {\n children: ReactNode;\n onOpenChange?: (open: boolean) => void;\n open: boolean;\n variant?: DrawerVariant;\n};\n\nexport type DrawerComponent<P> = React.FunctionComponent<P> & {\n Trigger: typeof DrawerTrigger;\n Content: typeof DrawerContent;\n};\n\nexport const Drawer: DrawerComponent<DrawerProps> = ({\n [\"data-testid\"]: dataTestId = \"purpur-drawer\",\n children,\n className,\n onOpenChange,\n open = false,\n variant = \"default\",\n ...props\n}: DrawerProps) => {\n const [_open, _setOpen] = React.useState(open);\n\n const handleOpenChange = (newOpen: boolean) => {\n _setOpen(newOpen);\n onOpenChange?.(newOpen);\n };\n\n useEffect(() => {\n _setOpen(open);\n }, [open]);\n\n const contextValue = { onOpenChange: handleOpenChange, variant };\n\n return (\n <DrawerContext.Provider value={contextValue}>\n <div className={className} data-testid={dataTestId} {...props}>\n <RadixDialog.Root open={_open} onOpenChange={handleOpenChange}>\n {children}\n </RadixDialog.Root>\n </div>\n </DrawerContext.Provider>\n );\n};\n\nDrawer.Trigger = DrawerTrigger;\nDrawer.Content = DrawerContent;\nDrawer.displayName = \"Drawer\";\n"],"names":["DrawerContext","createContext","cx","c","styles","rootClassName","DrawerContainer","forwardRef","dataTestId","children","className","drawerVariant","variant","stickyFooter","props","ref","classes","jsx","useSwipeTracking","pointerStartRef","swipeDeltaRef","onSwipeStart","onSwipeMove","onSwipeCancel","onSwipeEnd","event","y","hasSwipeMoveStarted","clampedY","moveStartBuffer","delta","eventDetail","isDeltaInDirection","target","swipeHandle","threshold","DrawerHandle","React","onPointerDown","onPointerMove","onPointerUp","DrawerHeader","backButton","backButtonText","backButtonOnlyIcon","closeButtonAriaLabel","headerContent","onBackButtonClick","onCloseClick","title","hasBackButton","isAi","CloseButtonWrapper","RadixDialog.Close","jsxs","Button","BUTTON_VARIANT","IconChevronLeft","Fragment","VisuallyHidden","RadixDialog.Title","Heading","DisplayVariant","IconClose","DrawerScrollArea","fitToContent","RadixScrollArea.Root","RadixScrollArea.Viewport","RadixScrollArea.Scrollbar","RadixScrollArea.Thumb","DrawerFrame","footerContent","position","useSwipeToDismiss","containerRef","handleOpenChange","DrawerContent","bodyText","disableCloseOnClickOutside","zIndex","drawerContext","useContext","drawerFrameRef","useRef","internalDrawerContentRef","setRef","node","handlePointerDownOutside","handleEscapeKeyDown","handleInitialFocus","frame","heading","RadixDialog.Portal","RadixDialog.Overlay","RadixDialog.Content","RadixDialog.Description","DrawerTrigger","RadixDialog.Trigger","Drawer","onOpenChange","open","_open","_setOpen","newOpen","useEffect","contextValue","RadixDialog.Root"],"mappings":"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"}