@beautinique/frontend-components 1.0.6 → 1.0.7
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/README.md +11 -13
- package/dist/toast/index.cjs +0 -142
- package/dist/toast/index.cjs.map +1 -1
- package/dist/toast/index.d.cts +0 -1
- package/dist/toast/index.d.cts.map +1 -1
- package/dist/toast/index.d.ts +0 -1
- package/dist/toast/index.d.ts.map +1 -1
- package/dist/toast/index.js +1 -142
- package/dist/toast/index.js.map +1 -1
- package/dist/toast/types.d.cts +4 -37
- package/dist/toast/types.d.cts.map +1 -1
- package/dist/toast/types.d.ts +4 -37
- package/dist/toast/types.d.ts.map +1 -1
- package/dist/toast/uploads.d.cts +1 -31
- package/dist/toast/uploads.d.cts.map +1 -1
- package/dist/toast/uploads.d.ts +1 -31
- package/dist/toast/uploads.d.ts.map +1 -1
- package/package.json +3 -3
- package/dist/toast/toaster.d.cts +0 -80
- package/dist/toast/toaster.d.cts.map +0 -1
- package/dist/toast/toaster.d.ts +0 -80
- package/dist/toast/toaster.d.ts.map +0 -1
package/README.md
CHANGED
|
@@ -32,12 +32,12 @@ generated and the components come out unstyled. (The playground has a page that
|
|
|
32
32
|
Components that most screens use live in `/ui` (and, later, `/layout`). Components that few screens
|
|
33
33
|
use have a path of their own, so an app only bundles what it imports.
|
|
34
34
|
|
|
35
|
-
| Import path | What it gives
|
|
36
|
-
| --------------------------------------------- |
|
|
37
|
-
| `@beautinique/frontend-components` | Everything `/ui` and `/toast` give (the very same values), and the types (`IButton`, ...)
|
|
38
|
-
| `@beautinique/frontend-components/ui` | `Button`, `Tooltip`
|
|
39
|
-
| `@beautinique/frontend-components/toast` | `ToastContainer`, `
|
|
40
|
-
| `@beautinique/frontend-components/source.css` | The `@source` line of the setup above
|
|
35
|
+
| Import path | What it gives |
|
|
36
|
+
| --------------------------------------------- | ------------------------------------------------------------------------------------------- |
|
|
37
|
+
| `@beautinique/frontend-components` | Everything `/ui` and `/toast` give (the very same values), and the types (`IButton`, ...) |
|
|
38
|
+
| `@beautinique/frontend-components/ui` | `Button`, `Tooltip` |
|
|
39
|
+
| `@beautinique/frontend-components/toast` | `ToastContainer`, `Toaster`, the types of the toasts, and what works out what a toast shows |
|
|
40
|
+
| `@beautinique/frontend-components/source.css` | The `@source` line of the setup above |
|
|
41
41
|
|
|
42
42
|
`Button` can be imported from the root or from `/ui`, it is the same component either way:
|
|
43
43
|
|
|
@@ -112,7 +112,7 @@ const hint = (
|
|
|
112
112
|
|
|
113
113
|
### Toasts
|
|
114
114
|
|
|
115
|
-
|
|
115
|
+
This package draws the toasts; the store that keeps them and the `toaster` that shows them are [`@beautinique/frontend-stores`](../stores/README.md)'s. The store is **made by the app**, once, with the toasts of this package, and given to the two things that need it: the `ToastContainer` here, as a prop, and `createToaster` of the stores package. This package holds no store and no toaster of its own, and exports none.
|
|
116
116
|
|
|
117
117
|
```ts
|
|
118
118
|
// src/stores/toast.store.ts
|
|
@@ -124,7 +124,7 @@ export const useToastStore = createToastStore<TToast>();
|
|
|
124
124
|
|
|
125
125
|
```ts
|
|
126
126
|
// src/utils/toaster.ts - the toaster and the helpers, for the rest of the app to import
|
|
127
|
-
import { createToaster } from '@beautinique/frontend-
|
|
127
|
+
import { createToaster } from '@beautinique/frontend-stores';
|
|
128
128
|
|
|
129
129
|
import { useToastStore } from '@/stores/toast.store';
|
|
130
130
|
|
|
@@ -156,17 +156,15 @@ toaster.custom({ type: 'custom', children: <p>Any React content</p> });
|
|
|
156
156
|
```
|
|
157
157
|
|
|
158
158
|
Toasts that follow uploads (`withProgressToast` for one request, `createUploadsToast`,
|
|
159
|
-
`withUploadsToast` and `runUploadsInToast` for several) come out of `createToaster` too, and are described in
|
|
160
|
-
`runUploadsInToast` shows one toast for the uploads of several fields: the overall progress on the
|
|
161
|
-
left and a row (waiting, uploading, done or failed) for each field that has files.
|
|
159
|
+
`withUploadsToast` and `runUploadsInToast` for several) come out of `createToaster` too, and are described in the [stores README](../stores/README.md#createtoasterstore). The toast draws what they show: the overall progress on the left and a row (waiting, uploading, done or failed) for each upload.
|
|
162
160
|
|
|
163
|
-
**The store has to be one.** The container and `createToaster` must be given the same store: a toast added to a store that no container draws is never shown. Make it once (a module of the app, imported from there) and the two cannot differ.
|
|
161
|
+
**The store has to be one.** The container and `createToaster` must be given the same store: a toast added to a store that no container draws is never shown. Make it once (a module of the app, imported from there) and the two cannot differ. The compiler checks it: the container takes a store of this package's `TToast`, and `createToaster` takes its types from the store it is given.
|
|
164
162
|
|
|
165
163
|
The icons of the toasts are bundled, so a toast shows its icon without a network.
|
|
166
164
|
|
|
167
165
|
## Rules for the code of this package
|
|
168
166
|
|
|
169
|
-
- **The package holds no state.** The toast store is made by the app (`createToastStore` of `@beautinique/frontend-stores`, with this package's `TToast`) and given in, to the `ToastContainer` as a prop
|
|
167
|
+
- **The package holds no state.** The toast store is made by the app (`createToastStore` of `@beautinique/frontend-stores`, with this package's `TToast`) and given in, to the `ToastContainer` as a prop. The toaster is the stores package's too (`createToaster`). Nothing here makes a store or a toaster, or exports one, so the package can never be the cause of two stores. The root only re-exports `/ui` and `/toast` (`tsup.config.ts` keeps them external, and `built-files.test.ts` checks the built files after `npm run build`).
|
|
170
168
|
- **The root has what most screens use** (`/ui`, later `/layout`, and `/toast`). A component that few
|
|
171
169
|
screens use gets a path of its own and is not in the root.
|
|
172
170
|
- **A component's own css lives next to the component** and is imported by it, not by the styles
|
package/dist/toast/index.cjs
CHANGED
|
@@ -166,95 +166,6 @@ var getUploadsSummary = /* @__PURE__ */ __name((items) => {
|
|
|
166
166
|
};
|
|
167
167
|
}, "getUploadsSummary");
|
|
168
168
|
var getFormDataFiles = /* @__PURE__ */ __name((data, key = "files") => data.getAll(key).filter((value) => value instanceof File), "getFormDataFiles");
|
|
169
|
-
var createUploadsHelpers = /* @__PURE__ */ __name((toaster) => {
|
|
170
|
-
const createUploadsToast = /* @__PURE__ */ __name(({
|
|
171
|
-
title,
|
|
172
|
-
description,
|
|
173
|
-
items
|
|
174
|
-
}) => {
|
|
175
|
-
if (items.length === 0) return void 0;
|
|
176
|
-
const statuses = new Map(items.map(({ id }) => [id, "pending"]));
|
|
177
|
-
const toastId = toaster.uploads.start({
|
|
178
|
-
title,
|
|
179
|
-
description,
|
|
180
|
-
items: items.map(({ id, label, files }) => {
|
|
181
|
-
const fileSizes = files.map(({ size }) => size);
|
|
182
|
-
return { id, label, status: "pending", loaded: 0, total: sum(fileSizes), fileSizes };
|
|
183
|
-
})
|
|
184
|
-
});
|
|
185
|
-
const patch = /* @__PURE__ */ __name((id, changes) => {
|
|
186
|
-
if (changes.status) statuses.set(id, changes.status);
|
|
187
|
-
toaster.uploads.update(toastId, id, changes);
|
|
188
|
-
}, "patch");
|
|
189
|
-
return {
|
|
190
|
-
item: /* @__PURE__ */ __name((id) => ({
|
|
191
|
-
run: /* @__PURE__ */ __name(async (request) => {
|
|
192
|
-
patch(id, { status: "uploading" });
|
|
193
|
-
try {
|
|
194
|
-
const result = await request((event) => {
|
|
195
|
-
if (!event.total) return;
|
|
196
|
-
patch(id, { loaded: event.loaded, total: event.total });
|
|
197
|
-
});
|
|
198
|
-
patch(id, { status: "success" });
|
|
199
|
-
return result;
|
|
200
|
-
} catch (error) {
|
|
201
|
-
patch(id, { status: "error" });
|
|
202
|
-
throw error;
|
|
203
|
-
}
|
|
204
|
-
}, "run")
|
|
205
|
-
}), "item"),
|
|
206
|
-
end: /* @__PURE__ */ __name(() => {
|
|
207
|
-
for (const [id, status] of statuses) {
|
|
208
|
-
if (status === "pending" || status === "uploading") patch(id, { status: "error" });
|
|
209
|
-
}
|
|
210
|
-
}, "end")
|
|
211
|
-
};
|
|
212
|
-
}, "createUploadsToast");
|
|
213
|
-
const withUploadsToast = /* @__PURE__ */ __name(async ({
|
|
214
|
-
title,
|
|
215
|
-
description,
|
|
216
|
-
files,
|
|
217
|
-
request
|
|
218
|
-
}) => {
|
|
219
|
-
const group = createUploadsToast({
|
|
220
|
-
title,
|
|
221
|
-
description,
|
|
222
|
-
items: files.length > 0 ? [{ id: "files", label: description ?? title, files }] : []
|
|
223
|
-
});
|
|
224
|
-
if (!group) return request(() => void 0);
|
|
225
|
-
try {
|
|
226
|
-
return await group.item("files").run(request);
|
|
227
|
-
} finally {
|
|
228
|
-
group.end();
|
|
229
|
-
}
|
|
230
|
-
}, "withUploadsToast");
|
|
231
|
-
const runUploadsInToast = /* @__PURE__ */ __name(async ({
|
|
232
|
-
title,
|
|
233
|
-
description,
|
|
234
|
-
uploads,
|
|
235
|
-
run
|
|
236
|
-
}) => {
|
|
237
|
-
const group = createUploadsToast({
|
|
238
|
-
title,
|
|
239
|
-
description,
|
|
240
|
-
items: uploads.filter(({ files }) => files.length > 0)
|
|
241
|
-
});
|
|
242
|
-
const settled = await Promise.allSettled(uploads.map(({ id }) => run(id, group?.item(id))));
|
|
243
|
-
group?.end();
|
|
244
|
-
const results = {};
|
|
245
|
-
settled.forEach((result, index) => {
|
|
246
|
-
if (result.status === "fulfilled") results[uploads[index].id] = result.value;
|
|
247
|
-
});
|
|
248
|
-
const failure = settled.find(
|
|
249
|
-
(result) => result.status === "rejected"
|
|
250
|
-
);
|
|
251
|
-
if (failure) {
|
|
252
|
-
throw failure.reason instanceof Error ? failure.reason : new Error("Upload failed");
|
|
253
|
-
}
|
|
254
|
-
return results;
|
|
255
|
-
}, "runUploadsInToast");
|
|
256
|
-
return { createUploadsToast, withUploadsToast, runUploadsInToast };
|
|
257
|
-
}, "createUploadsHelpers");
|
|
258
169
|
registerToastIcons();
|
|
259
170
|
var CircularProgress = /* @__PURE__ */ __name(({ progress, ...props }) => {
|
|
260
171
|
const radius = 10;
|
|
@@ -520,62 +431,9 @@ var ToastContainer = /* @__PURE__ */ __name(({ store: useToastStore }) => {
|
|
|
520
431
|
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "base:max-w-sm fixed right-2 bottom-2 z-999 flex w-full max-w-xs flex-col gap-2 sm:max-w-md md:right-4 md:bottom-4 md:max-w-lg lg:right-8 lg:bottom-8 lg:max-w-xl", children: toasts.map((toast) => /* @__PURE__ */ jsxRuntime.jsx(Toaster, { ...toast, id: toast.id, onRemove: remove }, toast.id)) });
|
|
521
432
|
}, "ToastContainer");
|
|
522
433
|
|
|
523
|
-
// src/toast/toaster.ts
|
|
524
|
-
var createToasterApi = /* @__PURE__ */ __name((store) => {
|
|
525
|
-
const { add, update, remove } = store.getState();
|
|
526
|
-
return {
|
|
527
|
-
success: /* @__PURE__ */ __name((data) => add({ ...data, type: TOAST_TYPE.success }), "success"),
|
|
528
|
-
error: /* @__PURE__ */ __name((data) => add({ ...data, type: TOAST_TYPE.error }), "error"),
|
|
529
|
-
warning: /* @__PURE__ */ __name((data) => add({ ...data, type: TOAST_TYPE.warning }), "warning"),
|
|
530
|
-
default: /* @__PURE__ */ __name((data) => add({ ...data, type: TOAST_TYPE.default }), "default"),
|
|
531
|
-
loading: /* @__PURE__ */ __name((data) => add({ ...data, type: TOAST_TYPE.loading }), "loading"),
|
|
532
|
-
custom: /* @__PURE__ */ __name((data) => add(data), "custom"),
|
|
533
|
-
progress: {
|
|
534
|
-
start: /* @__PURE__ */ __name((data) => add({ ...data, type: TOAST_TYPE.progress }), "start"),
|
|
535
|
-
update: /* @__PURE__ */ __name((toastId, progress) => {
|
|
536
|
-
update.progress(toastId, progress);
|
|
537
|
-
}, "update"),
|
|
538
|
-
end: /* @__PURE__ */ __name((toastId) => {
|
|
539
|
-
remove(toastId);
|
|
540
|
-
}, "end")
|
|
541
|
-
},
|
|
542
|
-
uploads: {
|
|
543
|
-
start: /* @__PURE__ */ __name((data) => add({ ...data, type: TOAST_TYPE.uploads }), "start"),
|
|
544
|
-
update: /* @__PURE__ */ __name((toastId, itemId, patch) => {
|
|
545
|
-
update.uploadItem(toastId, itemId, patch);
|
|
546
|
-
}, "update")
|
|
547
|
-
},
|
|
548
|
-
remove: /* @__PURE__ */ __name((toastId) => {
|
|
549
|
-
remove(toastId);
|
|
550
|
-
}, "remove")
|
|
551
|
-
};
|
|
552
|
-
}, "createToasterApi");
|
|
553
|
-
var createToaster = /* @__PURE__ */ __name((store) => {
|
|
554
|
-
const toaster = createToasterApi(store);
|
|
555
|
-
const withProgressToast = /* @__PURE__ */ __name(async ({
|
|
556
|
-
title,
|
|
557
|
-
description,
|
|
558
|
-
request
|
|
559
|
-
}) => {
|
|
560
|
-
const toastId = toaster.progress.start({ title, description, progress: 0 });
|
|
561
|
-
try {
|
|
562
|
-
const response = await request((event) => {
|
|
563
|
-
if (!event.total) return;
|
|
564
|
-
toaster.progress.update(toastId, Math.round(event.loaded * 100 / event.total));
|
|
565
|
-
});
|
|
566
|
-
toaster.progress.update(toastId, 100);
|
|
567
|
-
return response;
|
|
568
|
-
} finally {
|
|
569
|
-
toaster.progress.end(toastId);
|
|
570
|
-
}
|
|
571
|
-
}, "withProgressToast");
|
|
572
|
-
return { toaster, withProgressToast, ...createUploadsHelpers(toaster) };
|
|
573
|
-
}, "createToaster");
|
|
574
|
-
|
|
575
434
|
exports.TOAST_ICON_NAMES = TOAST_ICON_NAMES;
|
|
576
435
|
exports.ToastContainer = ToastContainer;
|
|
577
436
|
exports.Toaster = Toaster;
|
|
578
|
-
exports.createToaster = createToaster;
|
|
579
437
|
exports.getFormDataFiles = getFormDataFiles;
|
|
580
438
|
exports.getUploadItemFilesDone = getUploadItemFilesDone;
|
|
581
439
|
exports.getUploadItemPercent = getUploadItemPercent;
|
package/dist/toast/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/toast/toast-icons.ts","../../src/lib/constants.ts","../../src/lib/button.ts","../../src/ui/Button.tsx","../../src/toast/uploads.ts","../../src/toast/ToastContainer.tsx","../../src/toast/toaster.ts"],"names":["addCollection","jsxs","jsx","Icon","useState","useRef","useCallback","useEffect","memo"],"mappings":"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","file":"index.cjs","sourcesContent":["import { addCollection, type IconifyJSON } from '@iconify/react';\n\n/*\n * Iconify downloads an icon's SVG from its API the first time the icon is shown, and keeps it in\n * memory. A toast's icon is very often needed for the first time exactly when the download cannot\n * work: the \"You're offline\" toast, or the error toast of a request that failed because there is no\n * internet. Those icons are bundled here, so every toast has its icon without a network.\n *\n * Add an icon here when a toast starts using one (see `cardConfig` in `components/ui/Toaster.tsx`).\n * The data is what `https://api.iconify.design/<prefix>.json?icons=<name>` answers.\n */\nconst TOAST_ICON_SETS: IconifyJSON[] = [\n {\n prefix: 'solar',\n width: 24,\n height: 24,\n icons: {\n // warning and error toasts\n 'danger-triangle-linear': {\n body: '<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\"><path d=\"M5.31171 10.7615C8.23007 5.58716 9.68925 3 12 3C14.3107 3 15.7699 5.58716 18.6883 10.7615L19.0519 11.4063C21.4771 15.7061 22.6897 17.856 21.5937 19.428C20.4978 21 17.7864 21 12.3637 21H11.6363C6.21356 21 3.50217 21 2.40626 19.428C1.31034 17.856 2.52291 15.7061 4.94805 11.4063L5.31171 10.7615Z\"/><path d=\"M12 8V13\"/><path stroke-linejoin=\"round\" d=\"M12 16H12.0001\"/></g>',\n },\n // success toast\n 'check-circle-linear': {\n body: '<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path stroke-linejoin=\"round\" d=\"M8.5 12.5L10.5 14.5L15.5 9.5\"/></g>',\n },\n // an upload that is waiting its turn, in an uploads toast\n 'clock-circle-linear': {\n body: '<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path stroke-linejoin=\"round\" d=\"M12 8V12L14.5 14.5\"/></g>',\n },\n // default and custom toasts\n 'info-circle-outline': {\n body: '<g fill=\"currentColor\"><path d=\"M12 17.75C12.4142 17.75 12.75 17.4142 12.75 17V11C12.75 10.5858 12.4142 10.25 12 10.25C11.5858 10.25 11.25 10.5858 11.25 11V17C11.25 17.4142 11.5858 17.75 12 17.75Z\"/><path d=\"M12 7C12.5523 7 13 7.44772 13 8C13 8.55228 12.5523 9 12 9C11.4477 9 11 8.55228 11 8C11 7.44772 11.4477 7 12 7Z\"/><path fill-rule=\"evenodd\" d=\"M1.25 12C1.25 6.06294 6.06294 1.25 12 1.25C17.9371 1.25 22.75 6.06294 22.75 12C22.75 17.9371 17.9371 22.75 12 22.75C6.06294 22.75 1.25 17.9371 1.25 12ZM12 2.75C6.89137 2.75 2.75 6.89137 2.75 12C2.75 17.1086 6.89137 21.25 12 21.25C17.1086 21.25 21.25 17.1086 21.25 12C21.25 6.89137 17.9371 2.75 12 2.75Z\" clip-rule=\"evenodd\"/></g>',\n },\n },\n },\n {\n prefix: 'beautinique',\n width: 24,\n height: 24,\n icons: {\n /*\n * The spinner of the loading toast and of an upload that is going on. It turns itself, inside\n * the svg (`animateTransform`, around the centre of the ring), instead of being turned by a\n * css `animate-spin` on the svg: the browser then draws the ring again at the exact angle on\n * every frame. A css turn rotates a picture of the whole svg, and on a screen with a scaling of\n * 125% an icon of 20px is 25 device pixels, so the middle of that picture is half a pixel off\n * and the ring jumps up and down a little while it turns. Do not add `animate-spin` to it.\n */\n 'loading-spin': {\n body: '<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M17 3.34A10 10 0 1 0 22 12\"><animateTransform attributeName=\"transform\" type=\"rotate\" from=\"0 12 12\" to=\"360 12 12\" dur=\"1s\" repeatCount=\"indefinite\"/></path>',\n },\n },\n },\n {\n prefix: 'lucide',\n width: 24,\n height: 24,\n icons: {\n // the close button of a closable toast\n x: {\n body: '<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M18 6L6 18M6 6l12 12\"/>',\n },\n },\n },\n];\n\n/**\n * Registers the icons above with Iconify (calling it again is harmless). It is a function that\n * `ToastContainer` calls, and not something that happens when this file is imported, on purpose: a\n * bare `import './toast-icons.js'` is dropped by the bundler when the package's `sideEffects` field\n * does not list the file (the build says \"ignored-bare-import\"), and then the icons are missing.\n */\nexport const registerToastIcons = () => {\n for (const iconSet of TOAST_ICON_SETS) addCollection(iconSet);\n};\n\n/** Every icon name registered above, e.g. `solar:danger-triangle-linear`. */\nexport const TOAST_ICON_NAMES = TOAST_ICON_SETS.flatMap(({ prefix, icons }) =>\n Object.keys(icons).map((name) => `${prefix}:${name}`),\n);\n","export const TOOLTIP_GAP = 15 as const;\nexport const TOOLTIP_ANIMATION_DURATION = 400 as const;\n/** The least space a tooltip keeps between itself and the edge of the window. */\nexport const TOOLTIP_VIEWPORT_MARGIN = 8 as const;\n/** The arrow stays at least this far from the ends of the tooltip (its own size and the rounded corner). */\nexport const TOOLTIP_ARROW_INSET = 16 as const;\n\nexport const TOAST_TYPES = [\n 'success',\n 'error',\n 'warning',\n 'progress',\n 'uploads',\n 'loading',\n 'default',\n 'custom',\n] as const;\n\nexport const TOAST_TYPE = Object.fromEntries(TOAST_TYPES.map((type) => [type, type])) as {\n [K in (typeof TOAST_TYPES)[number]]: K;\n};\n","import type { IButton } from '../types/component.js';\n\ntype TPattern = IButton['pattern'];\n\n// A `Record`: adding a pattern to the type is a type error here until it has a look.\nconst PATTERN_CSS: Record<TPattern, string> = {\n primary: 'text-white bg-sky-blue-burst shadow-primary-btn hover:shadow-primary-btn-hover',\n secondary:\n 'text-secondary-invert bg-secondary shadow-secondary-btn hover:shadow-secondary-btn-hover',\n tertiary: 'text-tertiary-invert bg-tertiary shadow-tertiary-btn hover:shadow-tertiary-btn-hover',\n outline: 'text-primary border border-primary shadow-outline-btn hover:shadow-outline-btn-hover',\n transparent: 'bg-transparent border border-primary/30 text-secondary',\n};\n\n/** The look of a pattern; a pattern nobody knows (from code that is not type checked) is transparent. */\nexport const getButtonCss = (pattern: TPattern) =>\n Object.hasOwn(PATTERN_CSS, pattern) ? PATTERN_CSS[pattern] : PATTERN_CSS.transparent;\n","import { Icon } from '@iconify/react';\n\nimport { getButtonCss } from '../lib/button.js';\nimport type { IButton } from '../types/component.js';\n\nconst BASE_CSS =\n 'group flex w-full cursor-pointer items-center justify-center gap-1 rounded-lg px-4 py-3 text-sm leading-4 transition-all duration-300 disabled:cursor-not-allowed disabled:opacity-85 lg:px-5 lg:py-4 xl:text-base';\n\nexport const Button = ({\n pattern,\n content,\n className = '',\n leftIcon,\n rightIcon,\n buttonProps,\n ref,\n}: IButton) => (\n // The classes that are given come last but do not remove the button's own: to win over one of\n // them give it with `!` (`rounded-md!`), the way the toast's button does.\n <button\n {...buttonProps}\n ref={ref}\n className={`${BASE_CSS} ${getButtonCss(pattern)} ${className} ${buttonProps?.className ?? ''}`}\n type={buttonProps?.type ?? 'button'}\n >\n {leftIcon && <Icon {...leftIcon} />}\n {typeof content === 'object' ? <Icon {...content} /> : content}\n {rightIcon && <Icon {...rightIcon} />}\n </button>\n);\n","import type { IToaster } from './toaster.js';\nimport type {\n IUploadGroup,\n IUploadItem,\n IUploadItemHandle,\n TUploadItemStatus,\n TUploadProgressHandler,\n} from './types.js';\n\nconst sum = (numbers: number[]) => numbers.reduce((total, value) => total + value, 0);\n\n/* ===================== WHAT THE TOAST SHOWS ===================== */\n\nexport const isUploadItemSettled = ({ status }: Pick<IUploadItem, 'status'>) =>\n status === 'success' || status === 'error';\n\n/**\n * How many files of an upload are through. An upload is one request, so a file is known to be\n * through only once the server has answered; until then the files that were completely sent count,\n * except the last one (it may still be on its way to the storage). A failed upload has none.\n */\nexport const getUploadItemFilesDone = ({\n status,\n loaded,\n fileSizes,\n}: Pick<IUploadItem, 'status' | 'loaded' | 'fileSizes'>) => {\n if (status === 'success') return fileSizes.length;\n if (status !== 'uploading') return 0;\n\n let sent = 0;\n let bytes = 0;\n\n for (const size of fileSizes) {\n bytes += size;\n\n if (bytes > loaded) break;\n\n sent += 1;\n }\n\n return Math.min(sent, Math.max(fileSizes.length - 1, 0));\n};\n\n/** How far one upload is, 0 to 100. 100 is only for an upload the server has answered. */\nexport const getUploadItemPercent = ({\n status,\n loaded,\n total,\n}: Pick<IUploadItem, 'status' | 'loaded' | 'total'>) => {\n if (status === 'success') return 100;\n if (status === 'pending' || total <= 0) return 0;\n\n return Math.min(99, Math.round((Math.min(loaded, total) * 100) / total));\n};\n\nexport interface IUploadsSummary {\n /** Overall progress by bytes, 0 to 100. 100 only when every upload has succeeded. */\n percent: number;\n filesDone: number;\n filesTotal: number;\n /** How many uploads failed. */\n failed: number;\n /** Every upload has either succeeded or failed. */\n isSettled: boolean;\n}\n\nexport const getUploadsSummary = (items: IUploadItem[]): IUploadsSummary => {\n const failed = items.filter(({ status }) => status === 'error').length;\n const isSettled = items.every(isUploadItemSettled);\n const bytesTotal = sum(items.map(({ total }) => total));\n const bytesDone = sum(\n items.map((item) =>\n item.status === 'success' ? item.total : Math.min(item.loaded, item.total),\n ),\n );\n\n let percent = bytesTotal > 0 ? Math.round((bytesDone * 100) / bytesTotal) : 0;\n\n if (isSettled && failed === 0) percent = 100;\n else percent = Math.min(percent, 99);\n\n return {\n percent,\n filesDone: sum(items.map(getUploadItemFilesDone)),\n filesTotal: sum(items.map(({ fileSizes }) => fileSizes.length)),\n failed,\n isSettled,\n };\n};\n\n/* ===================== FILES ===================== */\n\n/** The files of a FormData, in the order they are sent. */\nexport const getFormDataFiles = (data: FormData, key = 'files'): File[] =>\n data.getAll(key).filter((value): value is File => value instanceof File);\n\n/* ===================== THE TOAST OF A GROUP OF UPLOADS ===================== */\n\nexport interface IUploadGroupOptions {\n title: string;\n description?: string;\n items: { id: string; label: string; files: File[] }[];\n}\n\n/** The helpers that show the toast of uploads, for the `toaster` (so the store) they are given. */\nexport const createUploadsHelpers = (toaster: IToaster) => {\n /**\n * Opens one toast for the uploads of `items`. It closes by itself a moment after every upload is\n * over. Returns nothing when there is nothing to upload, so no empty toast is shown.\n */\n const createUploadsToast = ({\n title,\n description,\n items,\n }: IUploadGroupOptions): IUploadGroup | undefined => {\n if (items.length === 0) return undefined;\n\n const statuses = new Map<string, TUploadItemStatus>(items.map(({ id }) => [id, 'pending']));\n\n const toastId = toaster.uploads.start({\n title,\n description,\n items: items.map(({ id, label, files }) => {\n const fileSizes = files.map(({ size }) => size);\n\n return { id, label, status: 'pending', loaded: 0, total: sum(fileSizes), fileSizes };\n }),\n });\n\n const patch = (id: string, changes: Partial<Omit<IUploadItem, 'id'>>) => {\n if (changes.status) statuses.set(id, changes.status);\n\n toaster.uploads.update(toastId, id, changes);\n };\n\n return {\n item: (id) => ({\n run: async (request) => {\n patch(id, { status: 'uploading' });\n\n try {\n const result = await request((event) => {\n // The browser says nothing about the total for some requests: keep the size estimate then.\n if (!event.total) return;\n\n patch(id, { loaded: event.loaded, total: event.total });\n });\n\n patch(id, { status: 'success' });\n\n return result;\n } catch (error) {\n patch(id, { status: 'error' });\n\n throw error;\n }\n },\n }),\n\n end: () => {\n for (const [id, status] of statuses) {\n if (status === 'pending' || status === 'uploading') patch(id, { status: 'error' });\n }\n },\n };\n };\n\n /** The toast for a single request that uploads several files at once. */\n const withUploadsToast = async <T>({\n title,\n description,\n files,\n request,\n }: {\n title: string;\n description?: string;\n files: File[];\n request: (onProgress: TUploadProgressHandler) => Promise<T>;\n }): Promise<T> => {\n const group = createUploadsToast({\n title,\n description,\n items: files.length > 0 ? [{ id: 'files', label: description ?? title, files }] : [],\n });\n\n if (!group) return request(() => undefined);\n\n try {\n return await group.item('files').run(request);\n } finally {\n group.end();\n }\n };\n\n /**\n * Runs the uploads of several fields (e.g. the images of each editor of a form step) behind one\n * toast with a row for every field that has files. `run` is called for every field, with the row of\n * that field to give to its upload (nothing when the toast has no row for it). Every upload is\n * waited for, so none is shown as failed just because another one failed; if any failed, the first\n * error is thrown once all are over.\n */\n const runUploadsInToast = async <TId extends string, TResult>({\n title,\n description,\n uploads,\n run,\n }: {\n title: string;\n description?: string;\n uploads: { id: TId; label: string; files: File[] }[];\n run: (id: TId, progress: IUploadItemHandle | undefined) => Promise<TResult>;\n }): Promise<Record<TId, TResult>> => {\n const group = createUploadsToast({\n title,\n description,\n items: uploads.filter(({ files }) => files.length > 0),\n });\n\n const settled = await Promise.allSettled(uploads.map(({ id }) => run(id, group?.item(id))));\n\n group?.end();\n\n const results = {} as Record<TId, TResult>;\n\n settled.forEach((result, index) => {\n if (result.status === 'fulfilled') results[uploads[index].id] = result.value;\n });\n\n const failure = settled.find(\n (result): result is PromiseRejectedResult => result.status === 'rejected',\n );\n\n if (failure) {\n throw failure.reason instanceof Error ? failure.reason : new Error('Upload failed');\n }\n\n return results;\n };\n\n return { createUploadsToast, withUploadsToast, runUploadsInToast };\n};\n","import { Icon } from '@iconify/react';\nimport { type ComponentProps, memo, useCallback, useEffect, useRef, useState } from 'react';\n\nimport { TOAST_TYPE } from '../lib/constants.js';\nimport type { IClassName } from '../types/component.js';\nimport { Button } from '../ui/Button.js';\nimport { registerToastIcons } from './toast-icons.js';\nimport type {\n IToastContainer,\n IUploadItem,\n TToast,\n TToastItem,\n TUploadItemStatus,\n} from './types.js';\nimport {\n getUploadItemFilesDone,\n getUploadItemPercent,\n getUploadsSummary,\n type IUploadsSummary,\n} from './uploads.js';\n\n// Bundles the icons the toasts use, so they also show without a network (see toast-icons.ts)\nregisterToastIcons();\n\nconst CircularProgress = ({ progress, ...props }: { progress: number } & ComponentProps<'svg'>) => {\n const radius = 10;\n const circumference = 2 * Math.PI * radius;\n const offset = circumference - (progress / 100) * circumference;\n\n return (\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" {...props}>\n <circle\n cx=\"12\"\n cy=\"12\"\n r={radius}\n fill=\"none\"\n stroke=\"currentColor\"\n strokeOpacity={0.15}\n strokeWidth=\"1.5\"\n />\n <circle\n cx=\"12\"\n cy=\"12\"\n r={radius}\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeDasharray={circumference}\n strokeDashoffset={offset}\n transform=\"rotate(-90 12 12)\"\n />\n\n <text\n x=\"12\"\n y=\"12\"\n textAnchor=\"middle\"\n dominantBaseline=\"middle\"\n fontSize=\"6\"\n fontWeight=\"500\"\n fill=\"currentColor\"\n >\n {progress}%\n </text>\n </svg>\n );\n};\n\nconst GREEN_RGB = 'var(--primary-green-rgb)';\nconst RED_RGB = 'var(--primary-red-rgb)';\n\nconst UPLOAD_ITEM_ICON: Record<TUploadItemStatus, { icon: string; rgb: string }> = {\n pending: { icon: 'solar:clock-circle-linear', rgb: 'var(--primary-rgb)' },\n uploading: { icon: 'beautinique:loading-spin', rgb: 'var(--primary-rgb)' },\n success: { icon: 'solar:check-circle-linear', rgb: GREEN_RGB },\n error: { icon: 'solar:danger-triangle-linear', rgb: RED_RGB },\n};\n\n/** The colour of an uploads toast follows how its uploads are doing. */\nconst uploadsRgb = ({ isSettled, failed }: IUploadsSummary) => {\n if (!isSettled) return 'var(--primary-rgb)';\n\n return failed > 0 ? RED_RGB : GREEN_RGB;\n};\n\nconst uploadsSummaryText = ({ filesDone, filesTotal, failed, isSettled }: IUploadsSummary) => {\n if (!isSettled) return `${String(filesDone)} of ${String(filesTotal)} uploaded`;\n if (failed === 0) return filesTotal === 1 ? 'Uploaded' : `All ${String(filesTotal)} uploaded`;\n\n return `${String(filesDone)} of ${String(filesTotal)} uploaded, ${String(failed)} failed`;\n};\n\n/** While uploading the title is the caller's (e.g. \"Please wait...\"); once over it says how it went. */\nconst uploadsHeading = (title: string, { failed, isSettled }: IUploadsSummary, uploads: number) => {\n if (!isSettled) return title;\n if (failed === 0) return 'Upload complete';\n\n return failed === uploads ? 'Upload failed' : 'Some uploads failed';\n};\n\nconst UploadRow = ({ item }: { item: IUploadItem }) => {\n const percent = getUploadItemPercent(item);\n const { icon, rgb } = UPLOAD_ITEM_ICON[item.status];\n\n return (\n <li data-status={item.status} className=\"flex items-center gap-1.5 md:gap-2\">\n <Icon\n icon={icon}\n className=\"size-3.5 shrink-0 md:size-4\"\n style={{ color: `rgb(${rgb})`, opacity: item.status === 'pending' ? 0.4 : 1 }}\n />\n\n <span className=\"text-primary w-20 shrink-0 truncate text-[9px] md:w-28 md:text-xs\">\n {item.label}\n </span>\n\n <div\n role=\"progressbar\"\n aria-label={`${item.label} upload`}\n aria-valuemin={0}\n aria-valuemax={100}\n aria-valuenow={percent}\n className=\"bg-primary/10 h-1 min-w-0 flex-1 overflow-hidden rounded-full\"\n >\n <div\n className=\"h-full rounded-full transition-[width] duration-300\"\n style={{ width: `${String(percent)}%`, backgroundColor: `rgb(${rgb})` }}\n />\n </div>\n\n <span className=\"text-tertiary w-8 shrink-0 text-right text-[9px] tabular-nums md:text-xs\">\n {getUploadItemFilesDone(item)}/{item.fileSizes.length}\n </span>\n </li>\n );\n};\n\ninterface IUploadsBodyProps {\n title: string;\n description?: string;\n items: IUploadItem[];\n summary: IUploadsSummary;\n rgb: string;\n}\n\nconst UploadsBody = ({ title, description, items, summary, rgb }: IUploadsBodyProps) => (\n <div className=\"flex min-w-0 flex-1 flex-col gap-1.5\" aria-live=\"polite\">\n <div className=\"flex flex-col gap-0.5\">\n <p className=\"line-clamp-1 text-xs font-semibold md:text-sm\" style={{ color: `rgb(${rgb})` }}>\n {uploadsHeading(title, summary, items.length)}\n </p>\n\n {description && (\n <p className=\"text-tertiary line-clamp-1 text-[9px]/3 md:text-xs\">{description}</p>\n )}\n\n <p className=\"text-tertiary text-[9px]/3 tabular-nums md:text-xs\">\n {uploadsSummaryText(summary)}\n </p>\n </div>\n\n {items.length > 1 && (\n <ul className=\"flex flex-col gap-1\">\n {items.map((item) => (\n <UploadRow key={item.id} item={item} />\n ))}\n </ul>\n )}\n </div>\n);\n\nconst cardConfig = (type: TToast['type']) => {\n switch (type) {\n case TOAST_TYPE.success:\n return { iconName: 'solar:check-circle-linear', rgb: GREEN_RGB };\n case TOAST_TYPE.error:\n return { iconName: 'solar:danger-triangle-linear', rgb: RED_RGB };\n case TOAST_TYPE.warning:\n return { iconName: 'solar:danger-triangle-linear', rgb: 'var(--primary-yellow-rgb)' };\n case TOAST_TYPE.progress:\n case TOAST_TYPE.uploads:\n return { iconName: '', rgb: 'var(--primary-rgb)' };\n case TOAST_TYPE.loading:\n return { iconName: 'beautinique:loading-spin', rgb: 'var(--primary-rgb)' };\n case TOAST_TYPE.default:\n case TOAST_TYPE.custom:\n default:\n return { iconName: 'solar:info-circle-outline', rgb: 'var(--primary-rgb)' };\n }\n};\n\n/** One toast. `onRemove` is told its id once it has gone out of sight, to take it out of the store. */\nconst ToasterItem = (props: TToastItem & IClassName & { onRemove?: (id: string) => void }) => {\n const {\n className = '',\n type,\n icon,\n buttonProps,\n isClosable = true,\n autoClose = true,\n closeTimer = 5000,\n onRemove,\n } = props;\n\n const [visible, setVisible] = useState(false);\n const [mounted, setMounted] = useState(true);\n const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n // An uploads toast stays while anything is still uploading, then closes by itself (later when\n // something failed, so it can be read).\n const uploadsSummary = props.type === TOAST_TYPE.uploads ? getUploadsSummary(props.items) : null;\n const isUploadsSettled = uploadsSummary?.isSettled ?? false;\n\n let resolvedAutoClose = autoClose;\n let resolvedIsClosable = isClosable;\n let resolvedCloseTimer = closeTimer;\n\n if (TOAST_TYPE.loading === type || TOAST_TYPE.progress === type) {\n resolvedAutoClose = false;\n resolvedIsClosable = false;\n } else if (uploadsSummary) {\n resolvedAutoClose = isUploadsSettled;\n resolvedIsClosable = isUploadsSettled;\n resolvedCloseTimer = uploadsSummary.failed > 0 ? 8000 : 2500;\n }\n\n const config = uploadsSummary\n ? { iconName: '', rgb: uploadsRgb(uploadsSummary) }\n : cardConfig(type);\n\n const handleClose = useCallback(() => {\n setVisible(false);\n\n timeoutRef.current = setTimeout(() => {\n setMounted(false);\n onRemove?.(props.id);\n }, 300);\n }, [onRemove, props.id]);\n\n useEffect(() => {\n const enterTimer = setTimeout(() => {\n setVisible(true);\n }, 50);\n\n let autoTimer: ReturnType<typeof setTimeout> | null = null;\n\n if (resolvedAutoClose) {\n autoTimer = setTimeout(() => {\n handleClose();\n }, resolvedCloseTimer);\n }\n\n return () => {\n clearTimeout(enterTimer);\n if (autoTimer) clearTimeout(autoTimer);\n if (timeoutRef.current) clearTimeout(timeoutRef.current);\n };\n }, [resolvedAutoClose, resolvedCloseTimer, handleClose]);\n\n if (!mounted) return null;\n\n const isCustom = type === TOAST_TYPE.custom;\n\n return (\n <div\n className={`rounded-xl border-2 transition-all duration-300 ease-in-out ${\n visible ? 'translate-x-0 opacity-100' : 'translate-x-full opacity-0'\n } ${className}`}\n style={{\n borderColor: `rgba(${config.rgb}, 0.2)`,\n boxShadow: `0 10px 10px 0px rgba(${config.rgb}, 0.1)`,\n }}\n >\n <div className=\"bg-secondary-invert flex w-full items-center gap-2 rounded-[10.25px] p-1.5 md:p-2.5 lg:p-3 [&>svg]:size-5 [&>svg]:shrink-0 [&>svg]:md:size-6 [&>svg]:lg:size-7\">\n {icon ??\n (props.type === TOAST_TYPE.progress ? (\n <CircularProgress\n progress={props.progress}\n style={{ strokeColor: `rgb(${config.rgb})` }}\n />\n ) : uploadsSummary ? (\n <CircularProgress\n progress={uploadsSummary.percent}\n style={{ color: `rgb(${config.rgb})` }}\n />\n ) : (\n <Icon icon={config.iconName} style={{ color: `rgb(${config.rgb})` }} />\n ))}\n\n {props.type === TOAST_TYPE.uploads && uploadsSummary ? (\n <UploadsBody\n title={props.title}\n description={props.description}\n items={props.items}\n summary={uploadsSummary}\n rgb={config.rgb}\n />\n ) : (\n <div className=\"flex flex-1 items-center justify-between gap-2\">\n <div className=\"flex flex-col gap-0.5\">\n {!isCustom && 'title' in props && (\n <p\n className=\"line-clamp-1 text-xs font-semibold md:text-sm\"\n style={{ color: `rgb(${config.rgb})` }}\n >\n {props.title}\n </p>\n )}\n\n {!isCustom && 'description' in props && (\n <p className=\"text-tertiary line-clamp-2 text-[9px]/3 whitespace-pre-line md:text-xs\">\n {props.description}\n </p>\n )}\n {isCustom && 'children' in props && props.children}\n </div>\n\n {buttonProps && type !== TOAST_TYPE.loading && type !== TOAST_TYPE.progress && (\n <Button\n {...buttonProps}\n content={buttonProps.content ?? 'Try Again'}\n pattern={buttonProps.pattern ?? 'secondary'}\n className={`w-fit! rounded-md! px-2! py-1! pt-1.5! text-[10px] whitespace-nowrap md:text-xs! ${buttonProps.className ?? ''}`}\n />\n )}\n </div>\n )}\n\n {resolvedIsClosable && (\n <Icon\n icon=\"lucide:x\"\n className=\"text-primary cursor-pointer md:size-5\"\n onClick={handleClose}\n />\n )}\n </div>\n </div>\n );\n};\n\n/*\n * The store changes only the toast that was updated (the others keep the same object), and a toast\n * that is uploading is updated many times a second. With `memo` the toasts that did not change\n * are not rendered again for each of those updates.\n */\nexport const Toaster = memo(ToasterItem);\n\nexport const ToastContainer = ({ store: useToastStore }: IToastContainer) => {\n const toasts = useToastStore((s) => s.toasts);\n const remove = useToastStore((s) => s.remove);\n\n if (toasts.length === 0) return null;\n\n return (\n <div className=\"base:max-w-sm fixed right-2 bottom-2 z-999 flex w-full max-w-xs flex-col gap-2 sm:max-w-md md:right-4 md:bottom-4 md:max-w-lg lg:right-8 lg:bottom-8 lg:max-w-xl\">\n {toasts.map((toast) => (\n <Toaster key={toast.id} {...toast} id={toast.id} onRemove={remove} />\n ))}\n </div>\n );\n};\n","import { TOAST_TYPE } from '../lib/constants.js';\nimport type {\n ICustomToast,\n IDefaultToast,\n ILoadingToast,\n IProgressToast,\n IUploadItem,\n IUploadsToast,\n TProgressToastOptions,\n TToastStore,\n} from './types.js';\nimport { createUploadsHelpers } from './uploads.js';\n\nconst createToasterApi = (store: TToastStore) => {\n const { add, update, remove } = store.getState();\n\n return {\n success: (data: Omit<IDefaultToast, 'type'>) => add({ ...data, type: TOAST_TYPE.success }),\n error: (data: Omit<IDefaultToast, 'type'>) => add({ ...data, type: TOAST_TYPE.error }),\n warning: (data: Omit<IDefaultToast, 'type'>) => add({ ...data, type: TOAST_TYPE.warning }),\n default: (data: Omit<IDefaultToast, 'type'>) => add({ ...data, type: TOAST_TYPE.default }),\n loading: (data: Omit<ILoadingToast, 'type'>) => add({ ...data, type: TOAST_TYPE.loading }),\n custom: (data: ICustomToast) => add(data),\n progress: {\n start: (data: Omit<IProgressToast, 'type'>) => add({ ...data, type: TOAST_TYPE.progress }),\n update: (toastId: string, progress: number) => {\n update.progress(toastId, progress);\n },\n end: (toastId: string) => {\n remove(toastId);\n },\n },\n uploads: {\n start: (data: Omit<IUploadsToast, 'type'>) => add({ ...data, type: TOAST_TYPE.uploads }),\n update: (toastId: string, itemId: string, patch: Partial<Omit<IUploadItem, 'id'>>) => {\n update.uploadItem(toastId, itemId, patch);\n },\n },\n remove: (toastId: string) => {\n remove(toastId);\n },\n };\n};\n\n/** Shows toasts in a store: `toaster.success({ title })`, `toaster.remove(id)`, ... */\nexport type IToaster = ReturnType<typeof createToasterApi>;\n\n/**\n * Everything that shows toasts, made for one store: the `toaster`, and the helpers for toasts that\n * follow a request (`withProgressToast`) or several uploads (`withUploadsToast`,\n * `runUploadsInToast`, `createUploadsToast`).\n *\n * The app makes the store once (`createToastStore<TToast>()` of `@beautinique/frontend-stores`),\n * gives it to this function and to the `ToastContainer` that draws the toasts, and exports what\n * comes out for the rest of the app to import:\n *\n * ```ts\n * export const useToastStore = createToastStore<TToast>();\n * export const { toaster, withProgressToast, withUploadsToast, runUploadsInToast } =\n * createToaster(useToastStore);\n * // <ToastContainer store={useToastStore} />\n * ```\n *\n * It works from anywhere (an API client, a store), not only from components.\n */\nexport const createToaster = (store: TToastStore) => {\n const toaster = createToasterApi(store);\n\n const withProgressToast = async <T>({\n title,\n description,\n request,\n }: TProgressToastOptions<T>): Promise<T> => {\n const toastId = toaster.progress.start({ title, description, progress: 0 });\n\n try {\n const response = await request((event) => {\n if (!event.total) return;\n\n toaster.progress.update(toastId, Math.round((event.loaded * 100) / event.total));\n });\n\n toaster.progress.update(toastId, 100);\n\n return response;\n } finally {\n toaster.progress.end(toastId);\n }\n };\n\n return { toaster, withProgressToast, ...createUploadsHelpers(toaster) };\n};\n\nexport type TToasterKit = ReturnType<typeof createToaster>;\n"]}
|
|
1
|
+
{"version":3,"sources":["../../src/toast/toast-icons.ts","../../src/lib/constants.ts","../../src/lib/button.ts","../../src/ui/Button.tsx","../../src/toast/uploads.ts","../../src/toast/ToastContainer.tsx"],"names":["addCollection","jsxs","jsx","Icon","useState","useRef","useCallback","useEffect","memo"],"mappings":"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","file":"index.cjs","sourcesContent":["import { addCollection, type IconifyJSON } from '@iconify/react';\n\n/*\n * Iconify downloads an icon's SVG from its API the first time the icon is shown, and keeps it in\n * memory. A toast's icon is very often needed for the first time exactly when the download cannot\n * work: the \"You're offline\" toast, or the error toast of a request that failed because there is no\n * internet. Those icons are bundled here, so every toast has its icon without a network.\n *\n * Add an icon here when a toast starts using one (see `cardConfig` in `components/ui/Toaster.tsx`).\n * The data is what `https://api.iconify.design/<prefix>.json?icons=<name>` answers.\n */\nconst TOAST_ICON_SETS: IconifyJSON[] = [\n {\n prefix: 'solar',\n width: 24,\n height: 24,\n icons: {\n // warning and error toasts\n 'danger-triangle-linear': {\n body: '<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\"><path d=\"M5.31171 10.7615C8.23007 5.58716 9.68925 3 12 3C14.3107 3 15.7699 5.58716 18.6883 10.7615L19.0519 11.4063C21.4771 15.7061 22.6897 17.856 21.5937 19.428C20.4978 21 17.7864 21 12.3637 21H11.6363C6.21356 21 3.50217 21 2.40626 19.428C1.31034 17.856 2.52291 15.7061 4.94805 11.4063L5.31171 10.7615Z\"/><path d=\"M12 8V13\"/><path stroke-linejoin=\"round\" d=\"M12 16H12.0001\"/></g>',\n },\n // success toast\n 'check-circle-linear': {\n body: '<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path stroke-linejoin=\"round\" d=\"M8.5 12.5L10.5 14.5L15.5 9.5\"/></g>',\n },\n // an upload that is waiting its turn, in an uploads toast\n 'clock-circle-linear': {\n body: '<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path stroke-linejoin=\"round\" d=\"M12 8V12L14.5 14.5\"/></g>',\n },\n // default and custom toasts\n 'info-circle-outline': {\n body: '<g fill=\"currentColor\"><path d=\"M12 17.75C12.4142 17.75 12.75 17.4142 12.75 17V11C12.75 10.5858 12.4142 10.25 12 10.25C11.5858 10.25 11.25 10.5858 11.25 11V17C11.25 17.4142 11.5858 17.75 12 17.75Z\"/><path d=\"M12 7C12.5523 7 13 7.44772 13 8C13 8.55228 12.5523 9 12 9C11.4477 9 11 8.55228 11 8C11 7.44772 11.4477 7 12 7Z\"/><path fill-rule=\"evenodd\" d=\"M1.25 12C1.25 6.06294 6.06294 1.25 12 1.25C17.9371 1.25 22.75 6.06294 22.75 12C22.75 17.9371 17.9371 22.75 12 22.75C6.06294 22.75 1.25 17.9371 1.25 12ZM12 2.75C6.89137 2.75 2.75 6.89137 2.75 12C2.75 17.1086 6.89137 21.25 12 21.25C17.1086 21.25 21.25 17.1086 21.25 12C21.25 6.89137 17.9371 2.75 12 2.75Z\" clip-rule=\"evenodd\"/></g>',\n },\n },\n },\n {\n prefix: 'beautinique',\n width: 24,\n height: 24,\n icons: {\n /*\n * The spinner of the loading toast and of an upload that is going on. It turns itself, inside\n * the svg (`animateTransform`, around the centre of the ring), instead of being turned by a\n * css `animate-spin` on the svg: the browser then draws the ring again at the exact angle on\n * every frame. A css turn rotates a picture of the whole svg, and on a screen with a scaling of\n * 125% an icon of 20px is 25 device pixels, so the middle of that picture is half a pixel off\n * and the ring jumps up and down a little while it turns. Do not add `animate-spin` to it.\n */\n 'loading-spin': {\n body: '<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M17 3.34A10 10 0 1 0 22 12\"><animateTransform attributeName=\"transform\" type=\"rotate\" from=\"0 12 12\" to=\"360 12 12\" dur=\"1s\" repeatCount=\"indefinite\"/></path>',\n },\n },\n },\n {\n prefix: 'lucide',\n width: 24,\n height: 24,\n icons: {\n // the close button of a closable toast\n x: {\n body: '<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M18 6L6 18M6 6l12 12\"/>',\n },\n },\n },\n];\n\n/**\n * Registers the icons above with Iconify (calling it again is harmless). It is a function that\n * `ToastContainer` calls, and not something that happens when this file is imported, on purpose: a\n * bare `import './toast-icons.js'` is dropped by the bundler when the package's `sideEffects` field\n * does not list the file (the build says \"ignored-bare-import\"), and then the icons are missing.\n */\nexport const registerToastIcons = () => {\n for (const iconSet of TOAST_ICON_SETS) addCollection(iconSet);\n};\n\n/** Every icon name registered above, e.g. `solar:danger-triangle-linear`. */\nexport const TOAST_ICON_NAMES = TOAST_ICON_SETS.flatMap(({ prefix, icons }) =>\n Object.keys(icons).map((name) => `${prefix}:${name}`),\n);\n","export const TOOLTIP_GAP = 15 as const;\nexport const TOOLTIP_ANIMATION_DURATION = 400 as const;\n/** The least space a tooltip keeps between itself and the edge of the window. */\nexport const TOOLTIP_VIEWPORT_MARGIN = 8 as const;\n/** The arrow stays at least this far from the ends of the tooltip (its own size and the rounded corner). */\nexport const TOOLTIP_ARROW_INSET = 16 as const;\n\nexport const TOAST_TYPES = [\n 'success',\n 'error',\n 'warning',\n 'progress',\n 'uploads',\n 'loading',\n 'default',\n 'custom',\n] as const;\n\nexport const TOAST_TYPE = Object.fromEntries(TOAST_TYPES.map((type) => [type, type])) as {\n [K in (typeof TOAST_TYPES)[number]]: K;\n};\n","import type { IButton } from '../types/component.js';\n\ntype TPattern = IButton['pattern'];\n\n// A `Record`: adding a pattern to the type is a type error here until it has a look.\nconst PATTERN_CSS: Record<TPattern, string> = {\n primary: 'text-white bg-sky-blue-burst shadow-primary-btn hover:shadow-primary-btn-hover',\n secondary:\n 'text-secondary-invert bg-secondary shadow-secondary-btn hover:shadow-secondary-btn-hover',\n tertiary: 'text-tertiary-invert bg-tertiary shadow-tertiary-btn hover:shadow-tertiary-btn-hover',\n outline: 'text-primary border border-primary shadow-outline-btn hover:shadow-outline-btn-hover',\n transparent: 'bg-transparent border border-primary/30 text-secondary',\n};\n\n/** The look of a pattern; a pattern nobody knows (from code that is not type checked) is transparent. */\nexport const getButtonCss = (pattern: TPattern) =>\n Object.hasOwn(PATTERN_CSS, pattern) ? PATTERN_CSS[pattern] : PATTERN_CSS.transparent;\n","import { Icon } from '@iconify/react';\n\nimport { getButtonCss } from '../lib/button.js';\nimport type { IButton } from '../types/component.js';\n\nconst BASE_CSS =\n 'group flex w-full cursor-pointer items-center justify-center gap-1 rounded-lg px-4 py-3 text-sm leading-4 transition-all duration-300 disabled:cursor-not-allowed disabled:opacity-85 lg:px-5 lg:py-4 xl:text-base';\n\nexport const Button = ({\n pattern,\n content,\n className = '',\n leftIcon,\n rightIcon,\n buttonProps,\n ref,\n}: IButton) => (\n // The classes that are given come last but do not remove the button's own: to win over one of\n // them give it with `!` (`rounded-md!`), the way the toast's button does.\n <button\n {...buttonProps}\n ref={ref}\n className={`${BASE_CSS} ${getButtonCss(pattern)} ${className} ${buttonProps?.className ?? ''}`}\n type={buttonProps?.type ?? 'button'}\n >\n {leftIcon && <Icon {...leftIcon} />}\n {typeof content === 'object' ? <Icon {...content} /> : content}\n {rightIcon && <Icon {...rightIcon} />}\n </button>\n);\n","import type { IUploadItem } from './types.js';\n\nconst sum = (numbers: number[]) => numbers.reduce((total, value) => total + value, 0);\n\n/* ===================== WHAT THE TOAST SHOWS ===================== */\n\nexport const isUploadItemSettled = ({ status }: Pick<IUploadItem, 'status'>) =>\n status === 'success' || status === 'error';\n\n/**\n * How many files of an upload are through. An upload is one request, so a file is known to be\n * through only once the server has answered; until then the files that were completely sent count,\n * except the last one (it may still be on its way to the storage). A failed upload has none.\n */\nexport const getUploadItemFilesDone = ({\n status,\n loaded,\n fileSizes,\n}: Pick<IUploadItem, 'status' | 'loaded' | 'fileSizes'>) => {\n if (status === 'success') return fileSizes.length;\n if (status !== 'uploading') return 0;\n\n let sent = 0;\n let bytes = 0;\n\n for (const size of fileSizes) {\n bytes += size;\n\n if (bytes > loaded) break;\n\n sent += 1;\n }\n\n return Math.min(sent, Math.max(fileSizes.length - 1, 0));\n};\n\n/** How far one upload is, 0 to 100. 100 is only for an upload the server has answered. */\nexport const getUploadItemPercent = ({\n status,\n loaded,\n total,\n}: Pick<IUploadItem, 'status' | 'loaded' | 'total'>) => {\n if (status === 'success') return 100;\n if (status === 'pending' || total <= 0) return 0;\n\n return Math.min(99, Math.round((Math.min(loaded, total) * 100) / total));\n};\n\nexport interface IUploadsSummary {\n /** Overall progress by bytes, 0 to 100. 100 only when every upload has succeeded. */\n percent: number;\n filesDone: number;\n filesTotal: number;\n /** How many uploads failed. */\n failed: number;\n /** Every upload has either succeeded or failed. */\n isSettled: boolean;\n}\n\nexport const getUploadsSummary = (items: IUploadItem[]): IUploadsSummary => {\n const failed = items.filter(({ status }) => status === 'error').length;\n const isSettled = items.every(isUploadItemSettled);\n const bytesTotal = sum(items.map(({ total }) => total));\n const bytesDone = sum(\n items.map((item) =>\n item.status === 'success' ? item.total : Math.min(item.loaded, item.total),\n ),\n );\n\n let percent = bytesTotal > 0 ? Math.round((bytesDone * 100) / bytesTotal) : 0;\n\n if (isSettled && failed === 0) percent = 100;\n else percent = Math.min(percent, 99);\n\n return {\n percent,\n filesDone: sum(items.map(getUploadItemFilesDone)),\n filesTotal: sum(items.map(({ fileSizes }) => fileSizes.length)),\n failed,\n isSettled,\n };\n};\n\n/* ===================== FILES ===================== */\n\n/** The files of a FormData, in the order they are sent. */\nexport const getFormDataFiles = (data: FormData, key = 'files'): File[] =>\n data.getAll(key).filter((value): value is File => value instanceof File);\n","import { Icon } from '@iconify/react';\nimport { type ComponentProps, memo, useCallback, useEffect, useRef, useState } from 'react';\n\nimport { TOAST_TYPE } from '../lib/constants.js';\nimport type { IClassName } from '../types/component.js';\nimport { Button } from '../ui/Button.js';\nimport { registerToastIcons } from './toast-icons.js';\nimport type {\n IToastContainer,\n IUploadItem,\n TToast,\n TToastItem,\n TUploadItemStatus,\n} from './types.js';\nimport {\n getUploadItemFilesDone,\n getUploadItemPercent,\n getUploadsSummary,\n type IUploadsSummary,\n} from './uploads.js';\n\n// Bundles the icons the toasts use, so they also show without a network (see toast-icons.ts)\nregisterToastIcons();\n\nconst CircularProgress = ({ progress, ...props }: { progress: number } & ComponentProps<'svg'>) => {\n const radius = 10;\n const circumference = 2 * Math.PI * radius;\n const offset = circumference - (progress / 100) * circumference;\n\n return (\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" {...props}>\n <circle\n cx=\"12\"\n cy=\"12\"\n r={radius}\n fill=\"none\"\n stroke=\"currentColor\"\n strokeOpacity={0.15}\n strokeWidth=\"1.5\"\n />\n <circle\n cx=\"12\"\n cy=\"12\"\n r={radius}\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeDasharray={circumference}\n strokeDashoffset={offset}\n transform=\"rotate(-90 12 12)\"\n />\n\n <text\n x=\"12\"\n y=\"12\"\n textAnchor=\"middle\"\n dominantBaseline=\"middle\"\n fontSize=\"6\"\n fontWeight=\"500\"\n fill=\"currentColor\"\n >\n {progress}%\n </text>\n </svg>\n );\n};\n\nconst GREEN_RGB = 'var(--primary-green-rgb)';\nconst RED_RGB = 'var(--primary-red-rgb)';\n\nconst UPLOAD_ITEM_ICON: Record<TUploadItemStatus, { icon: string; rgb: string }> = {\n pending: { icon: 'solar:clock-circle-linear', rgb: 'var(--primary-rgb)' },\n uploading: { icon: 'beautinique:loading-spin', rgb: 'var(--primary-rgb)' },\n success: { icon: 'solar:check-circle-linear', rgb: GREEN_RGB },\n error: { icon: 'solar:danger-triangle-linear', rgb: RED_RGB },\n};\n\n/** The colour of an uploads toast follows how its uploads are doing. */\nconst uploadsRgb = ({ isSettled, failed }: IUploadsSummary) => {\n if (!isSettled) return 'var(--primary-rgb)';\n\n return failed > 0 ? RED_RGB : GREEN_RGB;\n};\n\nconst uploadsSummaryText = ({ filesDone, filesTotal, failed, isSettled }: IUploadsSummary) => {\n if (!isSettled) return `${String(filesDone)} of ${String(filesTotal)} uploaded`;\n if (failed === 0) return filesTotal === 1 ? 'Uploaded' : `All ${String(filesTotal)} uploaded`;\n\n return `${String(filesDone)} of ${String(filesTotal)} uploaded, ${String(failed)} failed`;\n};\n\n/** While uploading the title is the caller's (e.g. \"Please wait...\"); once over it says how it went. */\nconst uploadsHeading = (title: string, { failed, isSettled }: IUploadsSummary, uploads: number) => {\n if (!isSettled) return title;\n if (failed === 0) return 'Upload complete';\n\n return failed === uploads ? 'Upload failed' : 'Some uploads failed';\n};\n\nconst UploadRow = ({ item }: { item: IUploadItem }) => {\n const percent = getUploadItemPercent(item);\n const { icon, rgb } = UPLOAD_ITEM_ICON[item.status];\n\n return (\n <li data-status={item.status} className=\"flex items-center gap-1.5 md:gap-2\">\n <Icon\n icon={icon}\n className=\"size-3.5 shrink-0 md:size-4\"\n style={{ color: `rgb(${rgb})`, opacity: item.status === 'pending' ? 0.4 : 1 }}\n />\n\n <span className=\"text-primary w-20 shrink-0 truncate text-[9px] md:w-28 md:text-xs\">\n {item.label}\n </span>\n\n <div\n role=\"progressbar\"\n aria-label={`${item.label} upload`}\n aria-valuemin={0}\n aria-valuemax={100}\n aria-valuenow={percent}\n className=\"bg-primary/10 h-1 min-w-0 flex-1 overflow-hidden rounded-full\"\n >\n <div\n className=\"h-full rounded-full transition-[width] duration-300\"\n style={{ width: `${String(percent)}%`, backgroundColor: `rgb(${rgb})` }}\n />\n </div>\n\n <span className=\"text-tertiary w-8 shrink-0 text-right text-[9px] tabular-nums md:text-xs\">\n {getUploadItemFilesDone(item)}/{item.fileSizes.length}\n </span>\n </li>\n );\n};\n\ninterface IUploadsBodyProps {\n title: string;\n description?: string;\n items: IUploadItem[];\n summary: IUploadsSummary;\n rgb: string;\n}\n\nconst UploadsBody = ({ title, description, items, summary, rgb }: IUploadsBodyProps) => (\n <div className=\"flex min-w-0 flex-1 flex-col gap-1.5\" aria-live=\"polite\">\n <div className=\"flex flex-col gap-0.5\">\n <p className=\"line-clamp-1 text-xs font-semibold md:text-sm\" style={{ color: `rgb(${rgb})` }}>\n {uploadsHeading(title, summary, items.length)}\n </p>\n\n {description && (\n <p className=\"text-tertiary line-clamp-1 text-[9px]/3 md:text-xs\">{description}</p>\n )}\n\n <p className=\"text-tertiary text-[9px]/3 tabular-nums md:text-xs\">\n {uploadsSummaryText(summary)}\n </p>\n </div>\n\n {items.length > 1 && (\n <ul className=\"flex flex-col gap-1\">\n {items.map((item) => (\n <UploadRow key={item.id} item={item} />\n ))}\n </ul>\n )}\n </div>\n);\n\nconst cardConfig = (type: TToast['type']) => {\n switch (type) {\n case TOAST_TYPE.success:\n return { iconName: 'solar:check-circle-linear', rgb: GREEN_RGB };\n case TOAST_TYPE.error:\n return { iconName: 'solar:danger-triangle-linear', rgb: RED_RGB };\n case TOAST_TYPE.warning:\n return { iconName: 'solar:danger-triangle-linear', rgb: 'var(--primary-yellow-rgb)' };\n case TOAST_TYPE.progress:\n case TOAST_TYPE.uploads:\n return { iconName: '', rgb: 'var(--primary-rgb)' };\n case TOAST_TYPE.loading:\n return { iconName: 'beautinique:loading-spin', rgb: 'var(--primary-rgb)' };\n case TOAST_TYPE.default:\n case TOAST_TYPE.custom:\n default:\n return { iconName: 'solar:info-circle-outline', rgb: 'var(--primary-rgb)' };\n }\n};\n\n/** One toast. `onRemove` is told its id once it has gone out of sight, to take it out of the store. */\nconst ToasterItem = (props: TToastItem & IClassName & { onRemove?: (id: string) => void }) => {\n const {\n className = '',\n type,\n icon,\n buttonProps,\n isClosable = true,\n autoClose = true,\n closeTimer = 5000,\n onRemove,\n } = props;\n\n const [visible, setVisible] = useState(false);\n const [mounted, setMounted] = useState(true);\n const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n // An uploads toast stays while anything is still uploading, then closes by itself (later when\n // something failed, so it can be read).\n const uploadsSummary = props.type === TOAST_TYPE.uploads ? getUploadsSummary(props.items) : null;\n const isUploadsSettled = uploadsSummary?.isSettled ?? false;\n\n let resolvedAutoClose = autoClose;\n let resolvedIsClosable = isClosable;\n let resolvedCloseTimer = closeTimer;\n\n if (TOAST_TYPE.loading === type || TOAST_TYPE.progress === type) {\n resolvedAutoClose = false;\n resolvedIsClosable = false;\n } else if (uploadsSummary) {\n resolvedAutoClose = isUploadsSettled;\n resolvedIsClosable = isUploadsSettled;\n resolvedCloseTimer = uploadsSummary.failed > 0 ? 8000 : 2500;\n }\n\n const config = uploadsSummary\n ? { iconName: '', rgb: uploadsRgb(uploadsSummary) }\n : cardConfig(type);\n\n const handleClose = useCallback(() => {\n setVisible(false);\n\n timeoutRef.current = setTimeout(() => {\n setMounted(false);\n onRemove?.(props.id);\n }, 300);\n }, [onRemove, props.id]);\n\n useEffect(() => {\n const enterTimer = setTimeout(() => {\n setVisible(true);\n }, 50);\n\n let autoTimer: ReturnType<typeof setTimeout> | null = null;\n\n if (resolvedAutoClose) {\n autoTimer = setTimeout(() => {\n handleClose();\n }, resolvedCloseTimer);\n }\n\n return () => {\n clearTimeout(enterTimer);\n if (autoTimer) clearTimeout(autoTimer);\n if (timeoutRef.current) clearTimeout(timeoutRef.current);\n };\n }, [resolvedAutoClose, resolvedCloseTimer, handleClose]);\n\n if (!mounted) return null;\n\n const isCustom = type === TOAST_TYPE.custom;\n\n return (\n <div\n className={`rounded-xl border-2 transition-all duration-300 ease-in-out ${\n visible ? 'translate-x-0 opacity-100' : 'translate-x-full opacity-0'\n } ${className}`}\n style={{\n borderColor: `rgba(${config.rgb}, 0.2)`,\n boxShadow: `0 10px 10px 0px rgba(${config.rgb}, 0.1)`,\n }}\n >\n <div className=\"bg-secondary-invert flex w-full items-center gap-2 rounded-[10.25px] p-1.5 md:p-2.5 lg:p-3 [&>svg]:size-5 [&>svg]:shrink-0 [&>svg]:md:size-6 [&>svg]:lg:size-7\">\n {icon ??\n (props.type === TOAST_TYPE.progress ? (\n <CircularProgress\n progress={props.progress}\n style={{ strokeColor: `rgb(${config.rgb})` }}\n />\n ) : uploadsSummary ? (\n <CircularProgress\n progress={uploadsSummary.percent}\n style={{ color: `rgb(${config.rgb})` }}\n />\n ) : (\n <Icon icon={config.iconName} style={{ color: `rgb(${config.rgb})` }} />\n ))}\n\n {props.type === TOAST_TYPE.uploads && uploadsSummary ? (\n <UploadsBody\n title={props.title}\n description={props.description}\n items={props.items}\n summary={uploadsSummary}\n rgb={config.rgb}\n />\n ) : (\n <div className=\"flex flex-1 items-center justify-between gap-2\">\n <div className=\"flex flex-col gap-0.5\">\n {!isCustom && 'title' in props && (\n <p\n className=\"line-clamp-1 text-xs font-semibold md:text-sm\"\n style={{ color: `rgb(${config.rgb})` }}\n >\n {props.title}\n </p>\n )}\n\n {!isCustom && 'description' in props && (\n <p className=\"text-tertiary line-clamp-2 text-[9px]/3 whitespace-pre-line md:text-xs\">\n {props.description}\n </p>\n )}\n {isCustom && 'children' in props && props.children}\n </div>\n\n {buttonProps && type !== TOAST_TYPE.loading && type !== TOAST_TYPE.progress && (\n <Button\n {...buttonProps}\n content={buttonProps.content ?? 'Try Again'}\n pattern={buttonProps.pattern ?? 'secondary'}\n className={`w-fit! rounded-md! px-2! py-1! pt-1.5! text-[10px] whitespace-nowrap md:text-xs! ${buttonProps.className ?? ''}`}\n />\n )}\n </div>\n )}\n\n {resolvedIsClosable && (\n <Icon\n icon=\"lucide:x\"\n className=\"text-primary cursor-pointer md:size-5\"\n onClick={handleClose}\n />\n )}\n </div>\n </div>\n );\n};\n\n/*\n * The store changes only the toast that was updated (the others keep the same object), and a toast\n * that is uploading is updated many times a second. With `memo` the toasts that did not change\n * are not rendered again for each of those updates.\n */\nexport const Toaster = memo(ToasterItem);\n\nexport const ToastContainer = ({ store: useToastStore }: IToastContainer) => {\n const toasts = useToastStore((s) => s.toasts);\n const remove = useToastStore((s) => s.remove);\n\n if (toasts.length === 0) return null;\n\n return (\n <div className=\"base:max-w-sm fixed right-2 bottom-2 z-999 flex w-full max-w-xs flex-col gap-2 sm:max-w-md md:right-4 md:bottom-4 md:max-w-lg lg:right-8 lg:bottom-8 lg:max-w-xl\">\n {toasts.map((toast) => (\n <Toaster key={toast.id} {...toast} id={toast.id} onRemove={remove} />\n ))}\n </div>\n );\n};\n"]}
|
package/dist/toast/index.d.cts
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
export { TOAST_ICON_NAMES } from './toast-icons.js';
|
|
2
2
|
export { ToastContainer, Toaster } from './ToastContainer.js';
|
|
3
|
-
export { createToaster, type IToaster, type TToasterKit } from './toaster.js';
|
|
4
3
|
export type * from './types.js';
|
|
5
4
|
export type { IUploadsSummary } from './uploads.js';
|
|
6
5
|
export { getFormDataFiles, getUploadItemFilesDone, getUploadItemPercent, getUploadsSummary, isUploadItemSettled, } from './uploads.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../src/toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9D,
|
|
1
|
+
{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../src/toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9D,mBAAmB,YAAY,CAAC;AAChC,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACtB,oBAAoB,EACpB,iBAAiB,EACjB,mBAAmB,GACpB,MAAM,cAAc,CAAC"}
|
package/dist/toast/index.d.ts
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
export { TOAST_ICON_NAMES } from './toast-icons.js';
|
|
2
2
|
export { ToastContainer, Toaster } from './ToastContainer.js';
|
|
3
|
-
export { createToaster, type IToaster, type TToasterKit } from './toaster.js';
|
|
4
3
|
export type * from './types.js';
|
|
5
4
|
export type { IUploadsSummary } from './uploads.js';
|
|
6
5
|
export { getFormDataFiles, getUploadItemFilesDone, getUploadItemPercent, getUploadsSummary, isUploadItemSettled, } from './uploads.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9D,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9D,mBAAmB,YAAY,CAAC;AAChC,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACtB,oBAAoB,EACpB,iBAAiB,EACjB,mBAAmB,GACpB,MAAM,cAAc,CAAC"}
|
package/dist/toast/index.js
CHANGED
|
@@ -164,95 +164,6 @@ var getUploadsSummary = /* @__PURE__ */ __name((items) => {
|
|
|
164
164
|
};
|
|
165
165
|
}, "getUploadsSummary");
|
|
166
166
|
var getFormDataFiles = /* @__PURE__ */ __name((data, key = "files") => data.getAll(key).filter((value) => value instanceof File), "getFormDataFiles");
|
|
167
|
-
var createUploadsHelpers = /* @__PURE__ */ __name((toaster) => {
|
|
168
|
-
const createUploadsToast = /* @__PURE__ */ __name(({
|
|
169
|
-
title,
|
|
170
|
-
description,
|
|
171
|
-
items
|
|
172
|
-
}) => {
|
|
173
|
-
if (items.length === 0) return void 0;
|
|
174
|
-
const statuses = new Map(items.map(({ id }) => [id, "pending"]));
|
|
175
|
-
const toastId = toaster.uploads.start({
|
|
176
|
-
title,
|
|
177
|
-
description,
|
|
178
|
-
items: items.map(({ id, label, files }) => {
|
|
179
|
-
const fileSizes = files.map(({ size }) => size);
|
|
180
|
-
return { id, label, status: "pending", loaded: 0, total: sum(fileSizes), fileSizes };
|
|
181
|
-
})
|
|
182
|
-
});
|
|
183
|
-
const patch = /* @__PURE__ */ __name((id, changes) => {
|
|
184
|
-
if (changes.status) statuses.set(id, changes.status);
|
|
185
|
-
toaster.uploads.update(toastId, id, changes);
|
|
186
|
-
}, "patch");
|
|
187
|
-
return {
|
|
188
|
-
item: /* @__PURE__ */ __name((id) => ({
|
|
189
|
-
run: /* @__PURE__ */ __name(async (request) => {
|
|
190
|
-
patch(id, { status: "uploading" });
|
|
191
|
-
try {
|
|
192
|
-
const result = await request((event) => {
|
|
193
|
-
if (!event.total) return;
|
|
194
|
-
patch(id, { loaded: event.loaded, total: event.total });
|
|
195
|
-
});
|
|
196
|
-
patch(id, { status: "success" });
|
|
197
|
-
return result;
|
|
198
|
-
} catch (error) {
|
|
199
|
-
patch(id, { status: "error" });
|
|
200
|
-
throw error;
|
|
201
|
-
}
|
|
202
|
-
}, "run")
|
|
203
|
-
}), "item"),
|
|
204
|
-
end: /* @__PURE__ */ __name(() => {
|
|
205
|
-
for (const [id, status] of statuses) {
|
|
206
|
-
if (status === "pending" || status === "uploading") patch(id, { status: "error" });
|
|
207
|
-
}
|
|
208
|
-
}, "end")
|
|
209
|
-
};
|
|
210
|
-
}, "createUploadsToast");
|
|
211
|
-
const withUploadsToast = /* @__PURE__ */ __name(async ({
|
|
212
|
-
title,
|
|
213
|
-
description,
|
|
214
|
-
files,
|
|
215
|
-
request
|
|
216
|
-
}) => {
|
|
217
|
-
const group = createUploadsToast({
|
|
218
|
-
title,
|
|
219
|
-
description,
|
|
220
|
-
items: files.length > 0 ? [{ id: "files", label: description ?? title, files }] : []
|
|
221
|
-
});
|
|
222
|
-
if (!group) return request(() => void 0);
|
|
223
|
-
try {
|
|
224
|
-
return await group.item("files").run(request);
|
|
225
|
-
} finally {
|
|
226
|
-
group.end();
|
|
227
|
-
}
|
|
228
|
-
}, "withUploadsToast");
|
|
229
|
-
const runUploadsInToast = /* @__PURE__ */ __name(async ({
|
|
230
|
-
title,
|
|
231
|
-
description,
|
|
232
|
-
uploads,
|
|
233
|
-
run
|
|
234
|
-
}) => {
|
|
235
|
-
const group = createUploadsToast({
|
|
236
|
-
title,
|
|
237
|
-
description,
|
|
238
|
-
items: uploads.filter(({ files }) => files.length > 0)
|
|
239
|
-
});
|
|
240
|
-
const settled = await Promise.allSettled(uploads.map(({ id }) => run(id, group?.item(id))));
|
|
241
|
-
group?.end();
|
|
242
|
-
const results = {};
|
|
243
|
-
settled.forEach((result, index) => {
|
|
244
|
-
if (result.status === "fulfilled") results[uploads[index].id] = result.value;
|
|
245
|
-
});
|
|
246
|
-
const failure = settled.find(
|
|
247
|
-
(result) => result.status === "rejected"
|
|
248
|
-
);
|
|
249
|
-
if (failure) {
|
|
250
|
-
throw failure.reason instanceof Error ? failure.reason : new Error("Upload failed");
|
|
251
|
-
}
|
|
252
|
-
return results;
|
|
253
|
-
}, "runUploadsInToast");
|
|
254
|
-
return { createUploadsToast, withUploadsToast, runUploadsInToast };
|
|
255
|
-
}, "createUploadsHelpers");
|
|
256
167
|
registerToastIcons();
|
|
257
168
|
var CircularProgress = /* @__PURE__ */ __name(({ progress, ...props }) => {
|
|
258
169
|
const radius = 10;
|
|
@@ -518,58 +429,6 @@ var ToastContainer = /* @__PURE__ */ __name(({ store: useToastStore }) => {
|
|
|
518
429
|
return /* @__PURE__ */ jsx("div", { className: "base:max-w-sm fixed right-2 bottom-2 z-999 flex w-full max-w-xs flex-col gap-2 sm:max-w-md md:right-4 md:bottom-4 md:max-w-lg lg:right-8 lg:bottom-8 lg:max-w-xl", children: toasts.map((toast) => /* @__PURE__ */ jsx(Toaster, { ...toast, id: toast.id, onRemove: remove }, toast.id)) });
|
|
519
430
|
}, "ToastContainer");
|
|
520
431
|
|
|
521
|
-
|
|
522
|
-
var createToasterApi = /* @__PURE__ */ __name((store) => {
|
|
523
|
-
const { add, update, remove } = store.getState();
|
|
524
|
-
return {
|
|
525
|
-
success: /* @__PURE__ */ __name((data) => add({ ...data, type: TOAST_TYPE.success }), "success"),
|
|
526
|
-
error: /* @__PURE__ */ __name((data) => add({ ...data, type: TOAST_TYPE.error }), "error"),
|
|
527
|
-
warning: /* @__PURE__ */ __name((data) => add({ ...data, type: TOAST_TYPE.warning }), "warning"),
|
|
528
|
-
default: /* @__PURE__ */ __name((data) => add({ ...data, type: TOAST_TYPE.default }), "default"),
|
|
529
|
-
loading: /* @__PURE__ */ __name((data) => add({ ...data, type: TOAST_TYPE.loading }), "loading"),
|
|
530
|
-
custom: /* @__PURE__ */ __name((data) => add(data), "custom"),
|
|
531
|
-
progress: {
|
|
532
|
-
start: /* @__PURE__ */ __name((data) => add({ ...data, type: TOAST_TYPE.progress }), "start"),
|
|
533
|
-
update: /* @__PURE__ */ __name((toastId, progress) => {
|
|
534
|
-
update.progress(toastId, progress);
|
|
535
|
-
}, "update"),
|
|
536
|
-
end: /* @__PURE__ */ __name((toastId) => {
|
|
537
|
-
remove(toastId);
|
|
538
|
-
}, "end")
|
|
539
|
-
},
|
|
540
|
-
uploads: {
|
|
541
|
-
start: /* @__PURE__ */ __name((data) => add({ ...data, type: TOAST_TYPE.uploads }), "start"),
|
|
542
|
-
update: /* @__PURE__ */ __name((toastId, itemId, patch) => {
|
|
543
|
-
update.uploadItem(toastId, itemId, patch);
|
|
544
|
-
}, "update")
|
|
545
|
-
},
|
|
546
|
-
remove: /* @__PURE__ */ __name((toastId) => {
|
|
547
|
-
remove(toastId);
|
|
548
|
-
}, "remove")
|
|
549
|
-
};
|
|
550
|
-
}, "createToasterApi");
|
|
551
|
-
var createToaster = /* @__PURE__ */ __name((store) => {
|
|
552
|
-
const toaster = createToasterApi(store);
|
|
553
|
-
const withProgressToast = /* @__PURE__ */ __name(async ({
|
|
554
|
-
title,
|
|
555
|
-
description,
|
|
556
|
-
request
|
|
557
|
-
}) => {
|
|
558
|
-
const toastId = toaster.progress.start({ title, description, progress: 0 });
|
|
559
|
-
try {
|
|
560
|
-
const response = await request((event) => {
|
|
561
|
-
if (!event.total) return;
|
|
562
|
-
toaster.progress.update(toastId, Math.round(event.loaded * 100 / event.total));
|
|
563
|
-
});
|
|
564
|
-
toaster.progress.update(toastId, 100);
|
|
565
|
-
return response;
|
|
566
|
-
} finally {
|
|
567
|
-
toaster.progress.end(toastId);
|
|
568
|
-
}
|
|
569
|
-
}, "withProgressToast");
|
|
570
|
-
return { toaster, withProgressToast, ...createUploadsHelpers(toaster) };
|
|
571
|
-
}, "createToaster");
|
|
572
|
-
|
|
573
|
-
export { TOAST_ICON_NAMES, ToastContainer, Toaster, createToaster, getFormDataFiles, getUploadItemFilesDone, getUploadItemPercent, getUploadsSummary, isUploadItemSettled };
|
|
432
|
+
export { TOAST_ICON_NAMES, ToastContainer, Toaster, getFormDataFiles, getUploadItemFilesDone, getUploadItemPercent, getUploadsSummary, isUploadItemSettled };
|
|
574
433
|
//# sourceMappingURL=index.js.map
|
|
575
434
|
//# sourceMappingURL=index.js.map
|