@burdenoff/microfe-theculturepost 2026.704.2 → 2026.705.1

package/dist/theculturepost/components/CreateCollectionDialog.js

@@ -3,122 +3,143 @@ import { useTcpCreateCollection as t } from "../hooks/useTcpApi.js";
 import "../hooks/index.js";
 import { slugify as n } from "../utils/slug.js";
 import { describeError as r, notify as i } from "../lib/toast.js";
-import { FileUploadField as a } from "./FileUploadField.js";
-import { useState as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { Button as l, Input as u, Label as d, ResponsiveDialog as f, ResponsiveDialogContent as p, ResponsiveDialogDescription as m, ResponsiveDialogFooter as h, ResponsiveDialogHeader as g, ResponsiveDialogTitle as _, Textarea as v } from "@burdenoff/fe-libs/ui";
+import { Counter as a, MediaDropzone as o } from "./RecordOralHistoryDialog.js";
+import { useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Button as u, Input as d, Label as f, ResponsiveDialog as p, ResponsiveDialogContent as m, ResponsiveDialogDescription as h, ResponsiveDialogFooter as g, ResponsiveDialogHeader as _, ResponsiveDialogTitle as v, Textarea as y } from "@burdenoff/fe-libs/ui";
 //#region src/theculturepost/components/CreateCollectionDialog.tsx
-function y({ open: y, onOpenChange: b, onCreated: x }) {
-	let S = t(), [C, w] = o(""), [T, E] = o(""), [D, O] = o(!1), [k, A] = o(""), [j, M] = o(""), [N, P] = o(null), [F, I] = o(null), L = D ? T : n(C), R = () => {
-		w(""), E(""), O(!1), A(""), M(""), P(null), I(null);
+var b = 160, x = 120, S = 600;
+function C({ open: C, onOpenChange: w, onCreated: T }) {
+	let E = t(), [D, O] = s(""), [k, A] = s(""), [j, M] = s(!1), [N, P] = s(""), [F, I] = s(""), [L, R] = s(null), [z, B] = s(null), V = j ? k : n(D), H = () => {
+		O(""), A(""), M(!1), P(""), I(""), R(null), B(null);
 	};
-	return /* @__PURE__ */ s(f, {
-		open: y,
-		onOpenChange: b,
-		children: /* @__PURE__ */ c(p, {
+	return /* @__PURE__ */ c(p, {
+		open: C,
+		onOpenChange: w,
+		children: /* @__PURE__ */ l(m, {
 			className: "sm:max-w-lg",
 			children: [
-				/* @__PURE__ */ c(g, { children: [/* @__PURE__ */ s(_, { children: "Create a collection" }), /* @__PURE__ */ s(m, { children: "Collections group artifacts and oral histories around a shared theme or tradition." })] }),
-				/* @__PURE__ */ c("div", {
-					className: "flex max-h-[60vh] flex-col gap-4 overflow-y-auto py-2",
+				/* @__PURE__ */ l(_, { children: [/* @__PURE__ */ c(v, { children: "Create a collection" }), /* @__PURE__ */ c(h, { children: "Collections group artifacts and oral histories around a shared theme or tradition." })] }),
+				/* @__PURE__ */ l("div", {
+					className: "flex max-h-[62vh] flex-col gap-4 overflow-y-auto py-2",
 					children: [
-						/* @__PURE__ */ c("div", {
+						/* @__PURE__ */ l("div", {
 							className: "grid gap-1.5",
-							children: [/* @__PURE__ */ s(d, { children: "Cover image" }), /* @__PURE__ */ s(a, {
+							children: [/* @__PURE__ */ c(f, { children: "Cover image" }), /* @__PURE__ */ c(o, {
 								folder: e.covers,
 								accept: "image/*",
-								label: "Upload cover",
+								promptLabel: "Drag and drop a cover image here",
 								hint: "PNG or JPG, up to 25 MB.",
-								fileId: N,
-								onUploaded: P,
-								onCleared: () => P(null)
+								value: L,
+								onUploaded: (e) => R(e),
+								onClear: () => R(null)
 							})]
 						}),
-						/* @__PURE__ */ c("div", {
+						/* @__PURE__ */ l("div", {
 							className: "grid gap-1.5",
-							children: [/* @__PURE__ */ s(d, {
-								htmlFor: "collection-name",
-								children: "Name"
-							}), /* @__PURE__ */ s(u, {
-								id: "collection-name",
-								value: C,
-								onChange: (e) => w(e.target.value),
-								placeholder: "e.g. Temple Manuscripts of the Kaveri Delta"
-							})]
+							children: [
+								/* @__PURE__ */ l(f, {
+									htmlFor: "collection-name",
+									children: ["Name ", /* @__PURE__ */ c("span", {
+										className: "text-status-error-text",
+										children: "*"
+									})]
+								}),
+								/* @__PURE__ */ c(d, {
+									id: "collection-name",
+									value: D,
+									maxLength: b,
+									onChange: (e) => O(e.target.value),
+									placeholder: "e.g. Temple Manuscripts of the Kaveri Delta"
+								}),
+								/* @__PURE__ */ c(a, {
+									length: D.length,
+									max: b
+								})
+							]
 						}),
-						/* @__PURE__ */ c("div", {
+						/* @__PURE__ */ l("div", {
 							className: "grid gap-1.5",
-							children: [/* @__PURE__ */ s(d, {
+							children: [/* @__PURE__ */ c(f, {
 								htmlFor: "collection-slug",
 								children: "URL slug"
-							}), /* @__PURE__ */ s(u, {
+							}), /* @__PURE__ */ c(d, {
 								id: "collection-slug",
-								value: L,
+								value: V,
 								onChange: (e) => {
-									O(!0), E(n(e.target.value));
+									M(!0), A(n(e.target.value));
 								},
 								placeholder: "temple-manuscripts-of-the-kaveri-delta"
 							})]
 						}),
-						/* @__PURE__ */ c("div", {
+						/* @__PURE__ */ l("div", {
 							className: "grid gap-1.5",
-							children: [/* @__PURE__ */ s(d, {
+							children: [/* @__PURE__ */ c(f, {
 								htmlFor: "collection-tradition",
 								children: "Tradition"
-							}), /* @__PURE__ */ s(u, {
+							}), /* @__PURE__ */ c(d, {
 								id: "collection-tradition",
-								value: k,
-								onChange: (e) => A(e.target.value),
+								value: N,
+								maxLength: x,
+								onChange: (e) => P(e.target.value),
 								placeholder: "e.g. Tamil Shaiva (optional)"
 							})]
 						}),
-						/* @__PURE__ */ c("div", {
+						/* @__PURE__ */ l("div", {
 							className: "grid gap-1.5",
-							children: [/* @__PURE__ */ s(d, {
-								htmlFor: "collection-desc",
-								children: "Description"
-							}), /* @__PURE__ */ s(v, {
-								id: "collection-desc",
-								value: j,
-								onChange: (e) => M(e.target.value),
-								placeholder: "What does this collection hold?",
-								rows: 3
-							})]
+							children: [
+								/* @__PURE__ */ c(f, {
+									htmlFor: "collection-desc",
+									children: "Description"
+								}),
+								/* @__PURE__ */ c(y, {
+									id: "collection-desc",
+									value: F,
+									maxLength: S,
+									onChange: (e) => I(e.target.value),
+									placeholder: "What does this collection hold?",
+									rows: 3
+								}),
+								/* @__PURE__ */ c(a, {
+									length: F.length,
+									max: S
+								})
+							]
 						}),
-						F && /* @__PURE__ */ s("p", {
+						z && /* @__PURE__ */ c("p", {
 							className: "text-sm text-status-error-text",
-							children: F
+							children: z
 						})
 					]
 				}),
-				/* @__PURE__ */ c(h, { children: [/* @__PURE__ */ s(l, {
+				/* @__PURE__ */ l(g, { children: [/* @__PURE__ */ c(u, {
 					variant: "outline",
-					onClick: () => b(!1),
+					onClick: () => w(!1),
 					children: "Cancel"
-				}), /* @__PURE__ */ s(l, {
+				}), /* @__PURE__ */ c(u, {
 					onClick: async () => {
-						if (!C.trim()) {
-							I("A collection name is required.");
+						if (!D.trim()) {
+							B("A collection name is required.");
 							return;
 						}
-						if (!L) {
-							I("A URL slug is required.");
+						if (!V) {
+							B("A URL slug is required.");
 							return;
 						}
 						try {
-							let e = await S.mutateAsync({
-								name: C.trim(),
-								slug: L,
-								tradition: k.trim() || null,
-								description: j.trim() || null,
-								coverFileId: N
+							let e = await E.mutateAsync({
+								name: D.trim(),
+								slug: V,
+								tradition: N.trim() || null,
+								description: F.trim() || null,
+								coverFileId: L?.id ?? null
 							});
-							i.success("Collection created", e.name), b(!1), R(), x?.(e);
+							i.success("Collection created", e.name), w(!1), H(), T?.(e);
 						} catch (e) {
-							I(r(e));
+							B(r(e));
 						}
 					},
-					disabled: S.isPending,
+					disabled: E.isPending,
 					children: "Create collection"
 				})] })
 			]
@@ -126,6 +147,6 @@ function y({ open: y, onOpenChange: b, onCreated: x }) {
 	});
 }
 //#endregion
-export { y as CreateCollectionDialog };
+export { C as CreateCollectionDialog };
 
 //# sourceMappingURL=CreateCollectionDialog.js.map

package/dist/theculturepost/components/CreateCollectionDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateCollectionDialog.js","names":[],"sources":["../../../src/theculturepost/components/CreateCollectionDialog.tsx"],"sourcesContent":["/**\n * CreateCollectionDialog — start a new archive collection.\n * @module theculturepost/components\n *\n * Writes `tcpCreateCollection`. Slug auto-derives from the name (editable).\n */\n\nimport { useState } from 'react';\nimport {\n  Button,\n  Input,\n  Label,\n  Textarea,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n} from '@burdenoff/fe-libs/ui';\nimport { FileUploadField } from './FileUploadField';\nimport { useTcpCreateCollection, FILE_FOLDERS } from '../hooks';\nimport { slugify } from '../utils/slug';\nimport { notify, describeError } from '../lib/toast';\nimport type { TcpCollection } from '../types';\n\ninterface CreateCollectionDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  onCreated?: (collection: TcpCollection) => void;\n}\n\nexport function CreateCollectionDialog({\n  open,\n  onOpenChange,\n  onCreated,\n}: CreateCollectionDialogProps) {\n  const createCollection = useTcpCreateCollection();\n  const [name, setName] = useState('');\n  const [slug, setSlug] = useState('');\n  const [slugTouched, setSlugTouched] = useState(false);\n  const [tradition, setTradition] = useState('');\n  const [description, setDescription] = useState('');\n  const [coverFileId, setCoverFileId] = useState<string | null>(null);\n  const [error, setError] = useState<string | null>(null);\n\n  const effectiveSlug = slugTouched ? slug : slugify(name);\n\n  const reset = () => {\n    setName('');\n    setSlug('');\n    setSlugTouched(false);\n    setTradition('');\n    setDescription('');\n    setCoverFileId(null);\n    setError(null);\n  };\n\n  const submit = async () => {\n    if (!name.trim()) {\n      setError('A collection name is required.');\n      return;\n    }\n    if (!effectiveSlug) {\n      setError('A URL slug is required.');\n      return;\n    }\n    try {\n      const created = await createCollection.mutateAsync({\n        name: name.trim(),\n        slug: effectiveSlug,\n        tradition: tradition.trim() || null,\n        description: description.trim() || null,\n        coverFileId,\n      });\n      notify.success('Collection created', created.name);\n      onOpenChange(false);\n      reset();\n      onCreated?.(created);\n    } catch (err) {\n      setError(describeError(err));\n    }\n  };\n\n  return (\n    <ResponsiveDialog open={open} onOpenChange={onOpenChange}>\n      <ResponsiveDialogContent className=\"sm:max-w-lg\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>Create a collection</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            Collections group artifacts and oral histories around a shared theme or tradition.\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n\n        <div className=\"flex max-h-[60vh] flex-col gap-4 overflow-y-auto py-2\">\n          <div className=\"grid gap-1.5\">\n            <Label>Cover image</Label>\n            <FileUploadField\n              folder={FILE_FOLDERS.covers}\n              accept=\"image/*\"\n              label=\"Upload cover\"\n              hint=\"PNG or JPG, up to 25 MB.\"\n              fileId={coverFileId}\n              onUploaded={setCoverFileId}\n              onCleared={() => setCoverFileId(null)}\n            />\n          </div>\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"collection-name\">Name</Label>\n            <Input\n              id=\"collection-name\"\n              value={name}\n              onChange={(e) => setName(e.target.value)}\n              placeholder=\"e.g. Temple Manuscripts of the Kaveri Delta\"\n            />\n          </div>\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"collection-slug\">URL slug</Label>\n            <Input\n              id=\"collection-slug\"\n              value={effectiveSlug}\n              onChange={(e) => {\n                setSlugTouched(true);\n                setSlug(slugify(e.target.value));\n              }}\n              placeholder=\"temple-manuscripts-of-the-kaveri-delta\"\n            />\n          </div>\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"collection-tradition\">Tradition</Label>\n            <Input\n              id=\"collection-tradition\"\n              value={tradition}\n              onChange={(e) => setTradition(e.target.value)}\n              placeholder=\"e.g. Tamil Shaiva (optional)\"\n            />\n          </div>\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"collection-desc\">Description</Label>\n            <Textarea\n              id=\"collection-desc\"\n              value={description}\n              onChange={(e) => setDescription(e.target.value)}\n              placeholder=\"What does this collection hold?\"\n              rows={3}\n            />\n          </div>\n          {error && <p className=\"text-sm text-status-error-text\">{error}</p>}\n        </div>\n\n        <ResponsiveDialogFooter>\n          <Button variant=\"outline\" onClick={() => onOpenChange(false)}>\n            Cancel\n          </Button>\n          <Button onClick={submit} disabled={createCollection.isPending}>\n            Create collection\n          </Button>\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"CreateCollectionDialog.js","names":[],"sources":["../../../src/theculturepost/components/CreateCollectionDialog.tsx"],"sourcesContent":["/**\n * CreateCollectionDialog — start a new archive collection.\n * @module theculturepost/components\n *\n * Writes `tcpCreateCollection`. The cover image is uploaded to wspace-files-svc\n * via the shared {@link MediaDropzone} (drag-drop). Slug auto-derives from the\n * name (editable).\n */\n\nimport { useState } from 'react';\nimport {\n  Button,\n  Input,\n  Label,\n  Textarea,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n} from '@burdenoff/fe-libs/ui';\nimport { MediaDropzone, Counter, type UploadedRef } from './RecordOralHistoryDialog';\nimport { useTcpCreateCollection, FILE_FOLDERS } from '../hooks';\nimport { slugify } from '../utils/slug';\nimport { notify, describeError } from '../lib/toast';\nimport type { TcpCollection } from '../types';\n\nconst NAME_MAX = 160;\nconst TRADITION_MAX = 120;\nconst DESCRIPTION_MAX = 600;\n\ninterface CreateCollectionDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  onCreated?: (collection: TcpCollection) => void;\n}\n\nexport function CreateCollectionDialog({\n  open,\n  onOpenChange,\n  onCreated,\n}: CreateCollectionDialogProps) {\n  const createCollection = useTcpCreateCollection();\n  const [name, setName] = useState('');\n  const [slug, setSlug] = useState('');\n  const [slugTouched, setSlugTouched] = useState(false);\n  const [tradition, setTradition] = useState('');\n  const [description, setDescription] = useState('');\n  const [cover, setCover] = useState<UploadedRef | null>(null);\n  const [error, setError] = useState<string | null>(null);\n\n  const effectiveSlug = slugTouched ? slug : slugify(name);\n\n  const reset = () => {\n    setName('');\n    setSlug('');\n    setSlugTouched(false);\n    setTradition('');\n    setDescription('');\n    setCover(null);\n    setError(null);\n  };\n\n  const submit = async () => {\n    if (!name.trim()) {\n      setError('A collection name is required.');\n      return;\n    }\n    if (!effectiveSlug) {\n      setError('A URL slug is required.');\n      return;\n    }\n    try {\n      const created = await createCollection.mutateAsync({\n        name: name.trim(),\n        slug: effectiveSlug,\n        tradition: tradition.trim() || null,\n        description: description.trim() || null,\n        coverFileId: cover?.id ?? null,\n      });\n      notify.success('Collection created', created.name);\n      onOpenChange(false);\n      reset();\n      onCreated?.(created);\n    } catch (err) {\n      setError(describeError(err));\n    }\n  };\n\n  return (\n    <ResponsiveDialog open={open} onOpenChange={onOpenChange}>\n      <ResponsiveDialogContent className=\"sm:max-w-lg\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>Create a collection</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            Collections group artifacts and oral histories around a shared theme or tradition.\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n\n        <div className=\"flex max-h-[62vh] flex-col gap-4 overflow-y-auto py-2\">\n          <div className=\"grid gap-1.5\">\n            <Label>Cover image</Label>\n            <MediaDropzone\n              folder={FILE_FOLDERS.covers}\n              accept=\"image/*\"\n              promptLabel=\"Drag and drop a cover image here\"\n              hint=\"PNG or JPG, up to 25 MB.\"\n              value={cover}\n              onUploaded={(ref) => setCover(ref)}\n              onClear={() => setCover(null)}\n            />\n          </div>\n\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"collection-name\">\n              Name <span className=\"text-status-error-text\">*</span>\n            </Label>\n            <Input\n              id=\"collection-name\"\n              value={name}\n              maxLength={NAME_MAX}\n              onChange={(e) => setName(e.target.value)}\n              placeholder=\"e.g. Temple Manuscripts of the Kaveri Delta\"\n            />\n            <Counter length={name.length} max={NAME_MAX} />\n          </div>\n\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"collection-slug\">URL slug</Label>\n            <Input\n              id=\"collection-slug\"\n              value={effectiveSlug}\n              onChange={(e) => {\n                setSlugTouched(true);\n                setSlug(slugify(e.target.value));\n              }}\n              placeholder=\"temple-manuscripts-of-the-kaveri-delta\"\n            />\n          </div>\n\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"collection-tradition\">Tradition</Label>\n            <Input\n              id=\"collection-tradition\"\n              value={tradition}\n              maxLength={TRADITION_MAX}\n              onChange={(e) => setTradition(e.target.value)}\n              placeholder=\"e.g. Tamil Shaiva (optional)\"\n            />\n          </div>\n\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"collection-desc\">Description</Label>\n            <Textarea\n              id=\"collection-desc\"\n              value={description}\n              maxLength={DESCRIPTION_MAX}\n              onChange={(e) => setDescription(e.target.value)}\n              placeholder=\"What does this collection hold?\"\n              rows={3}\n            />\n            <Counter length={description.length} max={DESCRIPTION_MAX} />\n          </div>\n\n          {error && <p className=\"text-sm text-status-error-text\">{error}</p>}\n        </div>\n\n        <ResponsiveDialogFooter>\n          <Button variant=\"outline\" onClick={() => onOpenChange(false)}>\n            Cancel\n          </Button>\n          <Button onClick={submit} disabled={createCollection.isPending}>\n            Create collection\n          </Button>\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n"],"mappings":"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"}