@evanschleret/formforgeclient 1.0.0

package/dist/runtime/renderers/default/FormForgeBuilder.vue.d.ts

@@ -0,0 +1,40 @@
+import type { FormForgeBuilderDraft } from '../../composables/useFormForgeBuilder.js';
+interface Props {
+    formUuid?: string;
+    formKey?: string;
+    endpoint?: string;
+    loadFormKey?: string;
+    loadFormVersion?: string;
+    locale?: string;
+    modelValue?: Partial<FormForgeBuilderDraft>;
+    autosave?: boolean;
+    autosaveDelay?: number;
+    readonly?: boolean;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    error: (value: string) => any;
+    "update:modelValue": (value: FormForgeBuilderDraft) => any;
+    save: (value: FormForgeBuilderDraft) => any;
+    publish: (value: FormForgeBuilderDraft) => any;
+    unpublish: (value: FormForgeBuilderDraft) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onError?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: FormForgeBuilderDraft) => any) | undefined;
+    onSave?: ((value: FormForgeBuilderDraft) => any) | undefined;
+    onPublish?: ((value: FormForgeBuilderDraft) => any) | undefined;
+    onUnpublish?: ((value: FormForgeBuilderDraft) => any) | undefined;
+}>, {
+    readonly: boolean;
+    locale: string;
+    endpoint: string;
+    formUuid: string;
+    formKey: string;
+    loadFormKey: string;
+    loadFormVersion: string;
+    modelValue: Partial<FormForgeBuilderDraft>;
+    autosave: boolean;
+    autosaveDelay: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=FormForgeBuilder.vue.d.ts.map

package/dist/runtime/renderers/default/FormForgeCategoryCreateModal.d.vue.ts

@@ -0,0 +1,16 @@
+import type { FormForgeCategory } from '../../types/index.js';
+interface Props {
+    locale?: string;
+    endpoint?: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    close: (value: FormForgeCategory | null) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onClose?: ((value: FormForgeCategory | null) => any) | undefined;
+}>, {
+    locale: string;
+    endpoint: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=FormForgeCategoryCreateModal.vue.d.ts.map

package/dist/runtime/renderers/default/FormForgeCategoryCreateModal.vue

@@ -0,0 +1,129 @@
+<script setup>
+import { computed, ref } from "#imports";
+import { useFormForgeCategory } from "../../composables/useFormForgeCategory";
+import { useFormForgeI18n } from "../../composables/useFormForgeI18n";
+const props = defineProps({
+  locale: { type: String, required: false, default: void 0 },
+  endpoint: { type: String, required: false, default: void 0 }
+});
+const emit = defineEmits(["close"]);
+const { t } = useFormForgeI18n({
+  locale: () => props.locale
+});
+const categoryManager = useFormForgeCategory({
+  immediate: false,
+  endpoint: props.endpoint
+});
+const name = ref("");
+const description = ref("");
+const isActive = ref(true);
+const nameError = computed(() => {
+  return name.value.trim() === "" ? t("builder.categoryModal.nameRequired") : void 0;
+});
+function close() {
+  emit("close", null);
+}
+function firstFieldError(errors) {
+  for (const messages of Object.values(errors)) {
+    if (messages.length > 0) {
+      return messages[0] ?? null;
+    }
+  }
+  return null;
+}
+const submitError = computed(() => {
+  return firstFieldError(categoryManager.fieldErrors.value) ?? categoryManager.error.value;
+});
+const isSubmitting = computed(() => categoryManager.loading.value);
+async function submit() {
+  const trimmedName = name.value.trim();
+  if (trimmedName === "") {
+    return;
+  }
+  const trimmedDescription = description.value.trim();
+  const payload = {
+    name: trimmedName,
+    description: trimmedDescription === "" ? null : trimmedDescription,
+    is_active: isActive.value
+  };
+  try {
+    const created = await categoryManager.createCategory(payload);
+    emit("close", created);
+  } catch {
+    return;
+  }
+}
+</script>
+
+<template>
+  <UModal
+    :title="t('builder.categoryModal.title')"
+    :description="t('builder.categoryModal.description')"
+    :dismissible="true"
+  >
+    <template #body>
+      <div class="space-y-4">
+        <UAlert
+          v-if="submitError !== null"
+          color="error"
+          variant="soft"
+          icon="i-lucide-triangle-alert"
+          :title="submitError"
+        />
+
+        <UFormField
+          :label="t('builder.categoryModal.nameLabel')"
+          :error="nameError"
+          required
+        >
+          <UInput
+            v-model="name"
+            icon="i-lucide-tag"
+            :placeholder="t('builder.categoryModal.namePlaceholder')"
+            @keydown.enter.prevent="submit"
+          />
+        </UFormField>
+
+        <UFormField :label="t('builder.categoryModal.descriptionLabel')">
+          <UTextarea
+            v-model="description"
+            :rows="3"
+            :placeholder="t('builder.categoryModal.descriptionPlaceholder')"
+          />
+        </UFormField>
+
+        <div class="flex items-center justify-between rounded-lg border border-default px-3 py-2">
+          <div class="flex items-center gap-2 text-sm text-toned">
+            <UIcon
+              name="i-lucide-circle-check-big"
+              class="size-4"
+            />
+            <span>{{ t("builder.categoryModal.activeLabel") }}</span>
+          </div>
+          <USwitch v-model="isActive" />
+        </div>
+      </div>
+    </template>
+
+    <template #footer>
+      <div class="flex w-full justify-end gap-2">
+        <UButton
+          color="neutral"
+          variant="ghost"
+          @click="close"
+        >
+          {{ t("builder.categoryModal.cancel") }}
+        </UButton>
+        <UButton
+          color="primary"
+          icon="i-lucide-folder-plus"
+          :loading="isSubmitting"
+          :disabled="nameError !== void 0 || isSubmitting"
+          @click="submit"
+        >
+          {{ t("builder.categoryModal.create") }}
+        </UButton>
+      </div>
+    </template>
+  </UModal>
+</template>

package/dist/runtime/renderers/default/FormForgeCategoryCreateModal.vue.d.ts

@@ -0,0 +1,16 @@
+import type { FormForgeCategory } from '../../types/index.js';
+interface Props {
+    locale?: string;
+    endpoint?: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    close: (value: FormForgeCategory | null) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onClose?: ((value: FormForgeCategory | null) => any) | undefined;
+}>, {
+    locale: string;
+    endpoint: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=FormForgeCategoryCreateModal.vue.d.ts.map

package/dist/runtime/renderers/default/FormForgeRenderer.d.vue.ts

@@ -0,0 +1,72 @@
+import type { FormForgeClientConfig, FormForgeDatetimeMode, FormForgeFormSchema, FormForgeSubmissionPayload, FormForgeSubmissionResponse, FormForgeUploadMode } from '../../types/index.js';
+interface FormForgeValidationError {
+    name: string;
+    message: string;
+}
+type FormForgeValidationHandler = (state: FormForgeSubmissionPayload) => FormForgeValidationError[] | Promise<FormForgeValidationError[]>;
+type FormForgeProgressVariant = 'stepper' | 'progress';
+interface Props {
+    schema?: FormForgeFormSchema | {
+        value: FormForgeFormSchema | null;
+    };
+    modelValue?: FormForgeSubmissionPayload | {
+        value: FormForgeSubmissionPayload;
+    };
+    disabled?: boolean;
+    zodSchema?: object | {
+        value: object | undefined;
+    };
+    validate?: FormForgeValidationHandler;
+    datetimeMode?: FormForgeDatetimeMode;
+    formKey?: string;
+    formVersion?: string;
+    endpoint?: string;
+    clientConfig?: FormForgeClientConfig;
+    submitLabel?: string;
+    showSubmit?: boolean;
+    simulation?: boolean;
+    uploadMode?: FormForgeUploadMode;
+    clearAfterSubmit?: boolean;
+    showProgress?: boolean;
+    progressVariant?: FormForgeProgressVariant;
+    showAlertOnError?: boolean;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    submit: (value: FormForgeSubmissionPayload) => any;
+    error: (value: string) => any;
+    "update:modelValue": (value: FormForgeSubmissionPayload) => any;
+    submitted: (value: FormForgeSubmissionResponse) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onSubmit?: ((value: FormForgeSubmissionPayload) => any) | undefined;
+    onError?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: FormForgeSubmissionPayload) => any) | undefined;
+    onSubmitted?: ((value: FormForgeSubmissionResponse) => any) | undefined;
+}>, {
+    disabled: boolean;
+    schema: FormForgeFormSchema | {
+        value: FormForgeFormSchema | null;
+    };
+    uploadMode: FormForgeUploadMode;
+    datetimeMode: FormForgeDatetimeMode;
+    endpoint: string;
+    clientConfig: FormForgeClientConfig;
+    formKey: string;
+    modelValue: FormForgeSubmissionPayload | {
+        value: FormForgeSubmissionPayload;
+    };
+    zodSchema: object | {
+        value: object | undefined;
+    };
+    validate: FormForgeValidationHandler;
+    formVersion: string;
+    submitLabel: string;
+    showSubmit: boolean;
+    simulation: boolean;
+    clearAfterSubmit: boolean;
+    showProgress: boolean;
+    progressVariant: FormForgeProgressVariant;
+    showAlertOnError: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=FormForgeRenderer.vue.d.ts.map