zudoku 0.64.2 → 0.65.0

package/dist/lib/plugins/openapi/playground/QueryParams.js

@@ -1,52 +1,28 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { PlusCircleIcon, Unlink2Icon, XIcon } from "lucide-react";
-import { useEffect } from "react";
-import { Controller, useFieldArray, useFormContext, } from "react-hook-form";
-import { Button } from "zudoku/ui/Button.js";
+import { Unlink2Icon } from "lucide-react";
+import { useFormContext } from "react-hook-form";
 import { Checkbox } from "zudoku/ui/Checkbox.js";
 import { Collapsible, CollapsibleContent } from "zudoku/ui/Collapsible.js";
 import { Autocomplete } from "../../../components/Autocomplete.js";
-import { Input } from "../../../ui/Input.js";
 import { CollapsibleHeader, CollapsibleHeaderTrigger, } from "./CollapsibleHeader.js";
-import { InlineInput } from "./InlineInput.js";
-import ParamsGrid, { ParamsGridItem } from "./ParamsGrid.js";
+import ParamsGrid, { ParamsGridInput, ParamsGridItem, ParamsGridRemoveButton, } from "./ParamsGrid.js";
+import { useKeyValueFieldManager } from "./request-panel/useKeyValueFieldManager.js";
 export const QueryParams = ({ control, schemaQueryParams, }) => {
-    const { fields, remove, append } = useFieldArray({
+    const { watch } = useFormContext();
+    const watchedQueryParams = watch("queryParams");
+    const manager = useKeyValueFieldManager({
         control,
         name: "queryParams",
+        defaultValue: { name: "", value: "", active: false },
     });
-    const { setValue, getValues, watch } = useFormContext();
-    const watchedQueryParams = watch("queryParams");
-    useEffect(() => {
-        if (watchedQueryParams.length === 0) {
-            append({ name: "", value: "", active: false }, { shouldFocus: true });
-        }
-    }, [watchedQueryParams, append]);
     const requiredFields = schemaQueryParams.map((param) => Boolean(param.isRequired));
-    return (_jsxs(Collapsible, { defaultOpen: true, children: [_jsxs(CollapsibleHeaderTrigger, { children: [_jsx(Unlink2Icon, { size: 16 }), _jsx(CollapsibleHeader, { children: "Query Parameters" }), _jsxs(Button, { onClick: () => {
-                            setValue("queryParams", [
-                                ...getValues("queryParams"),
-                                { name: "", value: "", active: false },
-                            ]);
-                        }, type: "button", size: "sm", variant: "ghost", className: "hover:bg-accent hover:brightness-95 flex gap-2", children: ["Add parameter ", _jsx(PlusCircleIcon, { size: 16 })] })] }), _jsx(CollapsibleContent, { className: "CollapsibleContent", children: _jsx("div", { className: "overflow-hidden w-full", children: _jsx(ParamsGrid, { children: fields.map((field, i) => {
-                            const currentParam = schemaQueryParams.find((param) => param.name === watchedQueryParams.at(i)?.name);
-                            return (_jsxs(ParamsGridItem, { children: [_jsx(Controller, { control: control, name: `queryParams.${i}.active`, render: ({ field }) => (_jsx(Checkbox, { id: `queryParams.${i}.active`, checked: field.value, onCheckedChange: field.onChange })) }), _jsx(Controller, { control: control, render: ({ field }) => !requiredFields[i] ? (_jsx(Autocomplete, { placeholder: "Name", value: field.value, options: schemaQueryParams.map((param) => param.name), onChange: (e) => {
-                                                field.onChange(e);
-                                            }, className: "border-0 p-0 m-0 shadow-none focus-visible:ring-0 bg-transparent hover:bg-transparent text-xs font-mono" })) : (_jsx(InlineInput, { asChild: true, children: _jsxs("label", { className: "flex items-center cursor-pointer gap-1", htmlFor: `queryParams.${i}.active`, title: requiredFields[i] ? "Required field" : undefined, children: [field.value, requiredFields[i] && _jsx("sup", { children: "\u00A0*" })] }) })), name: `queryParams.${i}.name` }), _jsxs("div", { className: "flex justify-between items-center", children: [_jsx(Controller, { control: control, render: ({ field }) => {
-                                                    const hasEnum = currentParam?.enum && currentParam.enum.length > 0;
-                                                    if (!hasEnum) {
-                                                        return (_jsx(Input, { ...field, onChange: (e) => {
-                                                                field.onChange(e.target.value);
-                                                                if (e.target.value.length > 0) {
-                                                                    setValue(`queryParams.${i}.active`, true);
-                                                                }
-                                                            }, placeholder: "Value", "aria-label": "Query parameter value", className: "w-full border-0 p-0 m-0 shadow-none focus-visible:ring-0 text-xs font-mono" }));
-                                                    }
-                                                    return (_jsx(Autocomplete, { value: field.value, options: currentParam.enum ?? [], onChange: (e) => {
-                                                            field.onChange(e);
-                                                            setValue(`queryParams.${i}.active`, true);
-                                                        }, className: "border-0 shadow-none focus-visible:ring-0 bg-transparent hover:bg-transparent text-xs font-mono" }));
-                                                }, name: `queryParams.${i}.value` }), _jsx(Button, { size: "icon-xs", variant: "ghost", className: "text-muted-foreground opacity-0 group-hover:brightness-95 group-hover:opacity-100", onClick: () => remove(i), type: "button", children: _jsx(XIcon, { size: 16 }) })] })] }, field.id));
-                        }) }) }) })] }));
+    const hasSchemaParams = schemaQueryParams.length > 0;
+    return (_jsxs(Collapsible, { defaultOpen: true, children: [_jsxs(CollapsibleHeaderTrigger, { children: [_jsx(Unlink2Icon, { size: 16 }), _jsx(CollapsibleHeader, { children: "Query Parameters" })] }), _jsx(CollapsibleContent, { className: "CollapsibleContent", children: _jsx(ParamsGrid, { children: manager.fields.map((field, i) => {
+                        const currentParam = schemaQueryParams.find((param) => param.name === watchedQueryParams.at(i)?.name);
+                        const hasEnum = currentParam?.enum && currentParam.enum.length > 0;
+                        const nameInputProps = manager.getNameInputProps(i);
+                        const valueInputProps = manager.getValueInputProps(i);
+                        return (_jsxs(ParamsGridItem, { children: [_jsx(Checkbox, { ...manager.getCheckboxProps(i) }), !requiredFields[i] ? (hasSchemaParams ? (_jsx(ParamsGridInput, { asChild: true, children: _jsx(Autocomplete, { ...nameInputProps, value: String(manager.getValue(i, "name")), placeholder: "Name", options: schemaQueryParams.map((param) => param.name), onChange: (v) => manager.setValue(i, "name", v), onSelect: (v) => manager.setValue(i, "name", v, { focus: "next" }) }) })) : (_jsx(ParamsGridInput, { ...nameInputProps, placeholder: "Name" }))) : (_jsx(ParamsGridInput, { asChild: true, children: _jsxs("label", { className: "flex items-center cursor-pointer gap-1", htmlFor: `queryParams.${i}.active`, title: requiredFields[i] ? "Required field" : undefined, children: [watchedQueryParams[i]?.name, requiredFields[i] && _jsx("sup", { children: "\u00A0*" })] }) })), _jsxs("div", { className: "flex justify-between items-center", children: [!hasEnum ? (_jsx(ParamsGridInput, { placeholder: "Value", "aria-label": "Query parameter value", ...valueInputProps })) : (_jsx(ParamsGridInput, { asChild: true, children: _jsx(Autocomplete, { ...valueInputProps, value: String(manager.getValue(i, "value")), shouldFilter: false, options: currentParam.enum ?? [], onChange: (v) => manager.setValue(i, "value", v), onSelect: (v) => manager.setValue(i, "value", v, { focus: "next" }) }) })), _jsx(ParamsGridRemoveButton, { ...manager.getRemoveButtonProps(i) })] })] }, field.id));
+                    }) }) })] }));
 };
 //# sourceMappingURL=QueryParams.js.map

package/dist/lib/plugins/openapi/playground/QueryParams.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueryParams.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/playground/QueryParams.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"QueryParams.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/playground/QueryParams.tsx"],"names":[],"mappings":"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"}

package/dist/lib/plugins/openapi/playground/request-panel/MultipartField.d.ts

@@ -0,0 +1,8 @@
+import type { PlaygroundForm } from "../Playground.js";
+import type { useKeyValueFieldManager } from "./useKeyValueFieldManager.js";
+type MultipartFieldProps = {
+    index: number;
+    manager: ReturnType<typeof useKeyValueFieldManager<PlaygroundForm, "multipartFormFields">>;
+};
+export declare const MultipartField: ({ index, manager }: MultipartFieldProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/plugins/openapi/playground/request-panel/MultipartField.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { PaperclipIcon, TrashIcon } from "lucide-react";
+import { useRef } from "react";
+import { Button } from "zudoku/components";
+import { Checkbox } from "zudoku/ui/Checkbox.js";
+import { humanFileSize } from "../../../../util/humanFileSize.js";
+import { ParamsGridInput, ParamsGridItem, ParamsGridRemoveButton, } from "../ParamsGrid.js";
+export const MultipartField = ({ index, manager }) => {
+    const fieldFileInputRef = useRef(null);
+    const fieldValue = manager.getValue(index, "value");
+    return (_jsxs(ParamsGridItem, { children: [_jsx(Checkbox, { ...manager.getCheckboxProps(index), disabled: !manager.getValue(index, "name") }), _jsx(ParamsGridInput, { ...manager.getNameInputProps(index), placeholder: "Key" }), _jsxs("div", { className: "flex items-center gap-1 flex-1", children: [fieldValue instanceof File ? (_jsxs("div", { className: "flex items-center gap-1 flex-1 min-w-0", children: [_jsxs("div", { className: "flex items-center gap-1 border-b cursor-default", children: [_jsx(PaperclipIcon, { size: 12, className: "text-muted-foreground" }), _jsx("span", { className: "text-xs truncate", title: `${fieldValue.name} (${humanFileSize(fieldValue.size)})`, children: fieldValue.name })] }), _jsx(Button, { type: "button", variant: "ghost", size: "icon-xs", className: "opacity-50 hover:opacity-100 hover:brightness-95 transition-opacity", onClick: () => manager.setValue(index, "value", ""), children: _jsx(TrashIcon, { size: 13 }) })] })) : (_jsxs(_Fragment, { children: [_jsx(ParamsGridInput, { ...manager.getValueInputProps(index), placeholder: "Value" }), _jsx("input", { ref: fieldFileInputRef, type: "file", className: "hidden", onChange: (e) => {
+                                    const file = e.target.files?.[0];
+                                    if (!file)
+                                        return;
+                                    manager.setValue(index, "value", file);
+                                    manager.setValue(index, "active", true);
+                                } }), _jsx(Button, { type: "button", variant: "ghost", size: "icon-xs", onClick: () => fieldFileInputRef.current?.click(), title: "Attach file", className: "opacity-0 focus-visible:opacity-100 group-hover:opacity-100 group-hover:brightness-95 transition-opacity", children: _jsx(PaperclipIcon, { size: 14 }) })] })), _jsx(ParamsGridRemoveButton, { ...manager.getRemoveButtonProps(index) })] })] }));
+};
+//# sourceMappingURL=MultipartField.js.map

package/dist/lib/plugins/openapi/playground/request-panel/MultipartField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultipartField.js","sourceRoot":"","sources":["../../../../../../src/lib/plugins/openapi/playground/request-panel/MultipartField.tsx"],"names":[],"mappings":"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"}

package/dist/lib/plugins/openapi/playground/request-panel/UrlQueryParams.js

@@ -6,7 +6,7 @@ export const UrlQueryParams = () => {
     const queryParams = watch("queryParams");
     const urlQueryParams = queryParams
         .filter((p) => p.active && p.name)
-        .map((p, i, arr) => (_jsxs(Fragment, { children: [p.name, "=", encodeURIComponent(p.value).replaceAll("%20", "+"), i < arr.length - 1 && "&", _jsx("wbr", {})] }, p.name)));
+        .map((p, i, arr) => (_jsxs(Fragment, { children: [p.name, "=", encodeURIComponent(p.value).replaceAll("%20", "+"), i < arr.length - 1 && "&", _jsx("wbr", {})] }, `${i}-${p.name}`)));
     return (_jsxs(_Fragment, { children: [urlQueryParams.length > 0 ? `?` : "", urlQueryParams] }));
 };
 //# sourceMappingURL=UrlQueryParams.js.map

package/dist/lib/plugins/openapi/playground/request-panel/UrlQueryParams.js.map

@@ -1 +1 @@
-{"version":3,"file":"UrlQueryParams.js","sourceRoot":"","sources":["../../../../../../src/lib/plugins/openapi/playground/request-panel/UrlQueryParams.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGjD,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,EAAE,KAAK,EAAE,GAAG,cAAc,EAAkB,CAAC;IACnD,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC;IAEzC,MAAM,cAAc,GAAG,WAAW;SAC/B,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,IAAI,CAAC;SACjC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CAClB,MAAC,QAAQ,eACN,CAAC,CAAC,IAAI,OAAG,kBAAkB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,KAAK,EAAE,GAAG,CAAC,EAC3D,CAAC,GAAG,GAAG,CAAC,MAAM,GAAG,CAAC,IAAI,GAAG,EAC1B,eAAO,KAHM,CAAC,CAAC,IAAI,CAIV,CACZ,CAAC,CAAC;IAEL,OAAO,CACL,8BACG,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EACpC,cAAc,IACd,CACJ,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"UrlQueryParams.js","sourceRoot":"","sources":["../../../../../../src/lib/plugins/openapi/playground/request-panel/UrlQueryParams.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGjD,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,EAAE,KAAK,EAAE,GAAG,cAAc,EAAkB,CAAC;IACnD,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC;IAEzC,MAAM,cAAc,GAAG,WAAW;SAC/B,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,IAAI,CAAC;SACjC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CAClB,MAAC,QAAQ,eACN,CAAC,CAAC,IAAI,OAAG,kBAAkB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,KAAK,EAAE,GAAG,CAAC,EAC3D,CAAC,GAAG,GAAG,CAAC,MAAM,GAAG,CAAC,IAAI,GAAG,EAC1B,eAAO,KAHM,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,CAIpB,CACZ,CAAC,CAAC;IAEL,OAAO,CACL,8BACG,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EACpC,cAAc,IACd,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/dist/lib/plugins/openapi/playground/request-panel/fieldManager/useKeyValueFieldManager.test.d.ts

@@ -0,0 +1 @@
+export {};