@formancy/react 0.10.0 → 0.11.0

package/dist/index.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../src/context.tsx","../src/use-field.ts","../src/use-repeater.ts","../src/use-wizard.ts","../src/use-submit.ts","../src/go-to-field.ts","../src/fields/internals.tsx","../src/form.tsx","../src/error-summary.tsx","../src/rich-text.tsx","../src/options-source.ts","../src/scanning.ts","../src/uploads.ts","../src/rich-text-editor.ts","../src/resume-notice.tsx"],"mappings":";;;;;wBAsBgB,mBACd,QACA,OACA;EAEA,QAAQ;;;;;;;EAOR,QAAQ;EACR,WAAW;oBACZ,IAAA;wBAsBe,iBAAiB;;;;;;;;;wBAkBjB,eAAe;;;UCvEd,qBAAqB;EACpC,SAAS;EACT;;EAEA,cAAc;;EAEd;IAAc;IAAY;;;EAE1B;IAAc;;;;;;;;;;;;;wBAaA,SAAS,eAAe,OAAO;;;UCrB9B;EACf;;EAEA;;EAEA;;EAEA;EACA;EACA,UAAU;;EAEV,QAAQ,cAAc;;;;;;;wBAQR,YAAY,eAAe,OAAO;;;UCrBjC;EACf;EACA;;;EAGA;EACA;;EAEA,QAAQ;EACR;;EAEA,KAAK;;;;;;;wBAQS,aAAa;;;;;;;;;;;wBCTb;EAAqB;EAAa,QAAQ;;;;;;;;;;;wBCD1C,iBAAiB;;;;;;;;;;;;;;;;UCYhB;EACf;EACA;;KAGU,iBAAiB,cAAc;UAE1B;EACf,SAAS,QAAQ,OAAO,WAAW;EACnC,SAAS,eAAe;;UAGT;EACf;EACA,QAAQ;;EAER;;UAGe;;;;;;;EAOf,SAAS;EACT,WAAW;;;;;;;EAOX;EACA;;;;;EAKA;EACA,YAAY,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;wBCNP,aAAa,OAAO,oCAAiB,IAAA;;;UCrDpC;EACf,SAAS;;;;;;;;;;;wBAYK,eAAe,UAAU,oCAAiB,IAAA;;;;;;;;;;;;;;;;;;;;wBCG1C,WAAW;EAAY;IAAmB;;;;;;;;;;UCZzC;;;;;EAKf;;EAEA;;EAEA;;EAEA;;EAEA;;;;;;;;;EASA;;;;;;;;EAQA;;EAEA,QAAQ;;;;;;;;;;;UAYO;;;;;;;;;;;;;EAaf,QAAQ,SAAS,iBAAiB,QAAQ;;EAE1C;;;;;;EAMA;;EAEA;;;;;;;;;;;;;KAcU,iBAAiB,SAAS,eAAe;qBAIxC,wCAAsB,SAAA,SAAA,eAAA;;;;;;;;;wBAUnB,qBAAqB;;;;;;;;;;;;UC9FpB;;EAEf;;EAEA;;;;;;;;;;;;;;;;;;;KAoBU,WAAW,SAAS,gBAAgB;qBAInC,iCAAe,SAAA;;;;;;;;wBASZ,cAAc;;;;;;;;;;;UC/Bb;;;;;EAKf;;EAEA,QAAQ;;EAER,WAAW,cAAc;;;;;;;;;;;;KAaf,YAAY,MAAM,MAAM,SAAS,kBAAkB,QAAQ;qBAI1D,kCAAgB,SAAA;;;;;;;;;wBAUb,eAAe;;;;;;;;;;;;;;;;;;;;;UChCd;;EAEf;;EAEA,WAAW;;;;;;;;;;;;;EAaX,MAAM,SAAS,aAAa;;EAE5B,WAAW,SAAS;EACpB;;UAGe;;WAEN,SAAS;;WAET;;WAEA,WAAW;WACX;;;;;;;;;;WAUA,YAAY,SAAS;;KAGpB,yBAAyB,OAAO,wBAAwB;qBAIvD,wCAAsB,SAAA;;;;;;;;;wBAUnB,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UC9C3B;WACN;WACA,SAAS;aAAyB;aAAuB;;;UAGnD;;WAEN,YAAY;;WAEZ,SAAS,SAAS;;wBAGb,eAAe,WAAW,UAAU,oBAAoB"}
+{"version":3,"file":"index.d.mts","names":[],"sources":["../src/context.tsx","../src/use-field.ts","../src/use-repeater.ts","../src/use-wizard.ts","../src/use-submit.ts","../src/go-to-field.ts","../src/fields/internals.tsx","../src/form.tsx","../src/error-summary.tsx","../src/rich-text.tsx","../src/options-source.ts","../src/scanning.ts","../src/uploads.ts","../src/rich-text-editor.ts","../src/resume-notice.tsx"],"mappings":";;;;;wBAsBgB,mBACd,QACA,OACA;EAEA,QAAQ;;;;;;;EAOR,QAAQ;EACR,WAAW;oBACZ,IAAA;wBAsBe,iBAAiB;;;;;;;;;wBAkBjB,eAAe;;;UCvEd,qBAAqB;EACpC,SAAS;EACT;;EAEA,cAAc;;EAEd;IAAc;IAAY;;;EAE1B;IAAc;;;;;;;;;;;;;wBAaA,SAAS,eAAe,OAAO;;;UCrB9B;EACf;;EAEA;;EAEA;;EAEA;EACA;EACA,UAAU;;EAEV,QAAQ,cAAc;;;;;;;wBAQR,YAAY,eAAe,OAAO;;;UCrBjC;EACf;EACA;;;EAGA;EACA;;EAEA,QAAQ;EACR;;EAEA,KAAK;;;;;;;wBAQS,aAAa;;;;;;;;;;;wBCTb;EAAqB;EAAa,QAAQ;;;;;;;;;;;wBCD1C,iBAAiB;;;;;;;;;;;;;;;;UCYhB;EACf;EACA;;KAGU,iBAAiB,cAAc;UAE1B;EACf,SAAS,QAAQ,OAAO,WAAW;EACnC,SAAS,eAAe;;UAGT;EACf;EACA,QAAQ;;EAER;;UAGe;;;;;;;EAOf,SAAS;EACT,WAAW;;;;;;;EAOX;EACA;;;;;EAKA;EACA,YAAY,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;wBCdP,aAAa,OAAO,oCAAiB,IAAA;;;UC7CpC;EACf,SAAS;;;;;;;;;;;wBAYK,eAAe,UAAU,oCAAiB,IAAA;;;;;;;;;;;;;;;;;;;;wBCG1C,WAAW;EAAY;IAAmB;;;;;;;;;;UCZzC;;;;;EAKf;;EAEA;;EAEA;;EAEA;;EAEA;;;;;;;;;EASA;;;;;;;;EAQA;;EAEA,QAAQ;;;;;;;;;;;UAYO;;;;;;;;;;;;;EAaf,QAAQ,SAAS,iBAAiB,QAAQ;;EAE1C;;;;;;EAMA;;EAEA;;;;;;;;;;;;;KAcU,iBAAiB,SAAS,eAAe;qBAIxC,wCAAsB,SAAA,SAAA,eAAA;;;;;;;;;wBAUnB,qBAAqB;;;;;;;;;;;;UC9FpB;;EAEf;;EAEA;;;;;;;;;;;;;;;;;;;KAoBU,WAAW,SAAS,gBAAgB;qBAInC,iCAAe,SAAA;;;;;;;;wBASZ,cAAc;;;;;;;;;;;UC/Bb;;;;;EAKf;;EAEA,QAAQ;;EAER,WAAW,cAAc;;;;;;;;;;;;KAaf,YAAY,MAAM,MAAM,SAAS,kBAAkB,QAAQ;qBAI1D,kCAAgB,SAAA;;;;;;;;;wBAUb,eAAe;;;;;;;;;;;;;;;;;;;;;UChCd;;EAEf;;EAEA,WAAW;;;;;;;;;;;;;EAaX,MAAM,SAAS,aAAa;;EAE5B,WAAW,SAAS;EACpB;;UAGe;;WAEN,SAAS;;WAET;;WAEA,WAAW;WACX;;;;;;;;;;WAUA,YAAY,SAAS;;KAGpB,yBAAyB,OAAO,wBAAwB;qBAIvD,wCAAsB,SAAA;;;;;;;;;wBAUnB,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UC9C3B;WACN;WACA,SAAS;aAAyB;aAAuB;;;UAGnD;;WAEN,YAAY;;WAEZ,SAAS,SAAS;;wBAGb,eAAe,WAAW,UAAU,oBAAoB"}

package/dist/index.mjs

@@ -122,7 +122,7 @@ function focusControl(control) {
 	if (control === null) return;
 	control.dispatchEvent(new Event("formancy-reveal", { bubbles: true }));
 	control.focus();
-	if (document.activeElement !== control) control.querySelector("input, select, textarea, button")?.focus();
+	if (document.activeElement !== control) control.querySelector("input, select, textarea, button, [data-formancy-part$=\"-unavailable\"]")?.focus();
 }
 //#endregion
 //#region src/use-submit.ts
@@ -384,6 +384,16 @@ function placedPaths(nodes, into = []) {
 	return into;
 }
 //#endregion
+//#region src/focus-row.ts
+function focusRow(repeater, target, add) {
+	if (target === "add") return focusControl(add);
+	const row = repeater.querySelectorAll("[data-formancy-part=\"row\"], [data-formancy-part=\"datagrid-row\"]")[target.row];
+	if (row === void 0) return;
+	const part = target.parts.map((name) => row.querySelector(`[data-formancy-part="${name}"]`)).find((found) => found !== null);
+	const first = row.querySelector("input:not([type=\"hidden\"]):not(:disabled), select:not(:disabled), textarea:not(:disabled), button:not(:disabled), [contenteditable=\"true\"], [tabindex=\"0\"]");
+	focusControl(part ?? first);
+}
+//#endregion
 //#region src/review.tsx
 function SubmitButton({ submitLabel, onSubmit, onFailedNavigate }) {
 	const engine = useFormEngine();
@@ -781,6 +791,24 @@ function OptionPicture({ option }) {
 	}), " "] });
 }
 //#endregion
+//#region src/fields/computed-answer.tsx
+function ComputedAnswerField({ path, label }) {
+	const field = useField(path);
+	const engine = useFormEngine();
+	const text = useFormText();
+	return /* @__PURE__ */ jsx(FieldShell, {
+		path,
+		field,
+		label,
+		children: /* @__PURE__ */ jsx("input", {
+			type: "text",
+			readOnly: true,
+			...field.controlProps,
+			value: answerInWords(engine.schema(), field.def, field.value, text, engine.locale())
+		})
+	});
+}
+//#endregion
 //#region src/fields/typeahead-field.tsx
 function TypeaheadSelectField({ path, label, field }) {
 	const text = useFormText();
@@ -969,6 +997,8 @@ function SelectField({ path, label }) {
 		label,
 		children: /* @__PURE__ */ jsx("p", {
 			"data-formancy-part": "options-unavailable",
+			id: field.controlProps.id,
+			tabIndex: -1,
 			children: text("options.unavailable", { source: field.def.optionsSource ?? "" })
 		})
 	});
@@ -1042,24 +1072,6 @@ function RadioGroupField({ path, label }) {
 	});
 }
 //#endregion
-//#region src/fields/computed-answer.tsx
-function ComputedAnswerField({ path, label }) {
-	const field = useField(path);
-	const engine = useFormEngine();
-	const text = useFormText();
-	return /* @__PURE__ */ jsx(FieldShell, {
-		path,
-		field,
-		label,
-		children: /* @__PURE__ */ jsx("input", {
-			type: "text",
-			readOnly: true,
-			...field.controlProps,
-			value: answerInWords(engine.schema(), field.def, field.value, text, engine.locale())
-		})
-	});
-}
-//#endregion
 //#region src/fields/file-field.tsx
 function FileField({ path, label }) {
 	const field = useField(path);
@@ -1083,6 +1095,8 @@ function FileField({ path, label }) {
 		children: [
 			upload === void 0 ? /* @__PURE__ */ jsx("p", {
 				"data-formancy-part": "file-unavailable",
+				id: field.controlProps.id,
+				tabIndex: -1,
 				children: text("file.unavailable")
 			}) : /* @__PURE__ */ jsx("div", {
 				"data-formancy-part": "file-dropzone",
@@ -1539,6 +1553,8 @@ function TagPickerField({ path, label }) {
 		label,
 		children: /* @__PURE__ */ jsx("p", {
 			"data-formancy-part": "options-unavailable",
+			id: field.controlProps.id,
+			tabIndex: -1,
 			children: text("options.unavailable", { source: field.def.optionsSource ?? "" })
 		})
 	});
@@ -1675,6 +1691,7 @@ function SelectBoxesField({ path, label }) {
 			/* @__PURE__ */ jsx(Description, { field }),
 			remote?.unavailable === true ? /* @__PURE__ */ jsx("p", {
 				"data-formancy-part": "options-unavailable",
+				tabIndex: -1,
 				children: text("options.unavailable", { source: field.def.optionsSource ?? "" })
 			}) : null,
 			options.map((option) => {
@@ -2318,6 +2335,30 @@ function TextareaField({ path, label }) {
 	});
 }
 //#endregion
+//#region src/fields.ts
+const DEFAULT_COMPONENTS = {
+	text: TextField,
+	textarea: TextareaField,
+	number: NumberSwitch,
+	checkbox: CheckboxField,
+	date: DateField,
+	time: TimeField,
+	datetime: DateTimeField,
+	select: SelectField,
+	radio: RadioGroupField,
+	selectboxes: SelectBoxesSwitch,
+	ranking: RankingField,
+	matrix: MatrixField,
+	file: FileField,
+	richtext: RichTextField,
+	signature: SignatureField,
+	hidden: null,
+	static: StaticField,
+	group: null,
+	page: null,
+	repeater: null
+};
+//#endregion
 //#region src/form.tsx
 function FormancyForm(props) {
 	return useFormEngine().wizard() === void 0 ? /* @__PURE__ */ jsx(FlatForm, { ...props }) : /* @__PURE__ */ jsx(PagedForm, { ...props });
@@ -2488,6 +2529,14 @@ function RepeaterSection({ wire, labels, registry }) {
 	const label = engine.text(def?.label) ?? labels?.[wire] ?? wire;
 	const addLabel = def?.addLabel ?? text("repeater.add", { label });
 	const removeLabel = def?.removeLabel ?? text("repeater.remove", { label });
+	const fieldset = useRef(null);
+	const addButton = useRef(null);
+	const [focusing, setFocusing] = useState(void 0);
+	useEffect(() => {
+		if (focusing === void 0 || fieldset.current === null) return;
+		focusRow(fieldset.current, focusing, addButton.current);
+		setFocusing(void 0);
+	}, [focusing]);
 	const fallbackFor = (instanceWire) => {
 		const template = instanceWire.replace(/\[\d+\]/, "[]");
 		return labels?.[template] ?? labels?.[instanceWire];
@@ -2506,7 +2555,13 @@ function RepeaterSection({ wire, labels, registry }) {
 			type: "button",
 			"data-formancy-part": "row-remove",
 			disabled: field.disabled,
-			onClick: () => repeater.removeRow(index),
+			onClick: () => {
+				repeater.removeRow(index);
+				setFocusing(repeater.rowCount === 1 ? "add" : {
+					row: Math.min(index, repeater.rowCount - 2),
+					parts: []
+				});
+			},
 			children: /* @__PURE__ */ jsx("span", {
 				"data-formancy-part": "row-action-text",
 				children: text("repeater.removeRow", {
@@ -2516,11 +2571,17 @@ function RepeaterSection({ wire, labels, registry }) {
 				})
 			})
 		}) : null,
-		index > 0 ? /* @__PURE__ */ jsx("button", {
+		index > 0 && !field.readOnly ? /* @__PURE__ */ jsx("button", {
 			type: "button",
 			"data-formancy-part": "row-up",
 			disabled: field.disabled,
-			onClick: () => repeater.moveRow(index, index - 1),
+			onClick: () => {
+				repeater.moveRow(index, index - 1);
+				setFocusing({
+					row: index - 1,
+					parts: ["row-up", "row-down"]
+				});
+			},
 			children: /* @__PURE__ */ jsx("span", {
 				"data-formancy-part": "row-action-text",
 				children: text("repeater.moveUp", {
@@ -2530,11 +2591,17 @@ function RepeaterSection({ wire, labels, registry }) {
 				})
 			})
 		}) : null,
-		index < repeater.rowCount - 1 ? /* @__PURE__ */ jsx("button", {
+		index < repeater.rowCount - 1 && !field.readOnly ? /* @__PURE__ */ jsx("button", {
 			type: "button",
 			"data-formancy-part": "row-down",
 			disabled: field.disabled,
-			onClick: () => repeater.moveRow(index, index + 1),
+			onClick: () => {
+				repeater.moveRow(index, index + 1);
+				setFocusing({
+					row: index + 1,
+					parts: ["row-down", "row-up"]
+				});
+			},
 			children: /* @__PURE__ */ jsx("span", {
 				"data-formancy-part": "row-action-text",
 				children: text("repeater.moveDown", {
@@ -2567,6 +2634,7 @@ function RepeaterSection({ wire, labels, registry }) {
 	if (!field.visible) return null;
 	const showError = field.touched && field.errors.length > 0;
 	return /* @__PURE__ */ jsxs("fieldset", {
+		ref: fieldset,
 		"data-formancy-part": "repeater",
 		"data-formancy-field-path": wire,
 		"data-state": showError ? "invalid" : "valid",
@@ -2593,37 +2661,27 @@ function RepeaterSection({ wire, labels, registry }) {
 				}) : null, rows]
 			}) : rows,
 			showError ? /* @__PURE__ */ jsx(ErrorText, { field }) : null,
+			def?.maxItems === void 0 || field.readOnly ? null : /* @__PURE__ */ jsx("p", {
+				role: "status",
+				"data-formancy-part": "repeater-status",
+				children: repeater.canAdd ? "" : text("repeater.full", { max: def.maxItems })
+			}),
 			repeater.canAdd ? /* @__PURE__ */ jsx("button", {
 				type: "button",
+				ref: addButton,
 				disabled: field.disabled,
-				onClick: () => repeater.addRow(),
+				onClick: () => {
+					repeater.addRow();
+					setFocusing({
+						row: repeater.rowCount,
+						parts: []
+					});
+				},
 				children: addLabel
 			}) : null
 		]
 	});
 }
-const DEFAULT_COMPONENTS = {
-	text: TextField,
-	textarea: TextareaField,
-	number: NumberSwitch,
-	checkbox: CheckboxField,
-	date: DateField,
-	time: TimeField,
-	datetime: DateTimeField,
-	select: SelectField,
-	radio: RadioGroupField,
-	selectboxes: SelectBoxesSwitch,
-	ranking: RankingField,
-	matrix: MatrixField,
-	file: FileField,
-	richtext: RichTextField,
-	signature: SignatureField,
-	hidden: null,
-	static: StaticField,
-	group: null,
-	page: null,
-	repeater: null
-};
 //#endregion
 //#region src/error-summary.tsx
 function ErrorSummary({ labels }) {