@headless-adminapp/fluent 1.1.10 → 1.1.11

package/PageCalendar/EventDialog/EventFormContent.js

@@ -4,7 +4,7 @@ exports.EventFormContent = EventFormContent;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_components_1 = require("@fluentui/react-components");
 const baseEventAttributes_1 = require("@headless-adminapp/app/calendar/baseEventAttributes");
-const AttributeController_1 = require("./AttributeController");
+const AttributeController_1 = require("../../form/AttributeController");
 function EventFormContent({ form, afterDescriptionAttributes, beforeDescriptionAttributes, readOnly, config, }) {
     const allDay = form.watch('allDay');
     return ((0, jsx_runtime_1.jsx)(react_components_1.DialogContent, { children: (0, jsx_runtime_1.jsxs)("div", { style: {
@@ -13,15 +13,15 @@ function EventFormContent({ form, afterDescriptionAttributes, beforeDescriptionA
                 gap: react_components_1.tokens.spacingVerticalM,
                 marginTop: react_components_1.tokens.spacingVerticalL,
                 marginBottom: react_components_1.tokens.spacingVerticalL,
-            }, children: [(0, jsx_runtime_1.jsx)(AttributeController_1.AttributeController, { form: form, attributeName: "title", attribute: baseEventAttributes_1.baseEventAttributes.title, readOnly: readOnly }), (0, jsx_runtime_1.jsx)(AttributeController_1.AttributeController, { form: form, attributeName: "start", attribute: {
+            }, children: [(0, jsx_runtime_1.jsx)(AttributeController_1.AttributeController, { control: form.control, attributeName: "title", attribute: baseEventAttributes_1.baseEventAttributes.title, readOnly: readOnly }), (0, jsx_runtime_1.jsx)(AttributeController_1.AttributeController, { control: form.control, attributeName: "start", attribute: {
                         ...baseEventAttributes_1.baseEventAttributes.start,
                         ...(allDay ? { format: 'date' } : { format: 'datetime' }),
-                    }, readOnly: readOnly }), (0, jsx_runtime_1.jsx)(AttributeController_1.AttributeController, { form: form, attributeName: "end", attribute: {
+                    }, readOnly: readOnly }), (0, jsx_runtime_1.jsx)(AttributeController_1.AttributeController, { control: form.control, attributeName: "end", attribute: {
                         ...baseEventAttributes_1.baseEventAttributes.end,
                         ...(allDay ? { format: 'date' } : { format: 'datetime' }),
-                    }, readOnly: readOnly }), !config.disableAllDay && ((0, jsx_runtime_1.jsx)(AttributeController_1.AttributeController, { form: form, attributeName: "allDay", attribute: baseEventAttributes_1.baseEventAttributes.allDay, readOnly: readOnly })), Object.entries(beforeDescriptionAttributes ?? {}).map(([attributeName, attribute]) => {
-                    return ((0, jsx_runtime_1.jsx)(AttributeController_1.AttributeController, { form: form, attributeName: attributeName, attribute: attribute, readOnly: readOnly }, attributeName));
-                }), (0, jsx_runtime_1.jsx)(AttributeController_1.AttributeController, { form: form, attributeName: "description", attribute: baseEventAttributes_1.baseEventAttributes.description, readOnly: readOnly }), Object.entries(afterDescriptionAttributes ?? {}).map(([attributeName, attribute]) => {
-                    return ((0, jsx_runtime_1.jsx)(AttributeController_1.AttributeController, { form: form, attributeName: attributeName, attribute: attribute, readOnly: readOnly }, attributeName));
+                    }, readOnly: readOnly }), !config.disableAllDay && ((0, jsx_runtime_1.jsx)(AttributeController_1.AttributeController, { control: form.control, attributeName: "allDay", attribute: baseEventAttributes_1.baseEventAttributes.allDay, readOnly: readOnly })), Object.entries(beforeDescriptionAttributes ?? {}).map(([attributeName, attribute]) => {
+                    return ((0, jsx_runtime_1.jsx)(AttributeController_1.AttributeController, { control: form.control, attributeName: attributeName, attribute: attribute, readOnly: readOnly }, attributeName));
+                }), (0, jsx_runtime_1.jsx)(AttributeController_1.AttributeController, { control: form.control, attributeName: "description", attribute: baseEventAttributes_1.baseEventAttributes.description, readOnly: readOnly }), Object.entries(afterDescriptionAttributes ?? {}).map(([attributeName, attribute]) => {
+                    return ((0, jsx_runtime_1.jsx)(AttributeController_1.AttributeController, { control: form.control, attributeName: attributeName, attribute: attribute, readOnly: readOnly }, attributeName));
                 })] }) }));
 }

package/form/AttributeController.d.ts

@@ -0,0 +1,10 @@
+import { Attribute } from '@headless-adminapp/core';
+import { Control, FieldPath, FieldValues } from 'react-hook-form';
+interface AttributeControllerProps<TFieldValues extends FieldValues = FieldValues> {
+    attribute: Attribute;
+    attributeName: FieldPath<TFieldValues>;
+    control: Control<TFieldValues>;
+    readOnly?: boolean;
+}
+export declare function AttributeController<TFieldValues extends FieldValues = FieldValues>({ attribute, attributeName, control, readOnly, }: Readonly<AttributeControllerProps<TFieldValues>>): import("react/jsx-runtime").JSX.Element;
+export {};

package/form/AttributeController.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AttributeController = AttributeController;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_hook_form_1 = require("react-hook-form");
+const SectionControl_1 = require("../DataForm/SectionControl");
+const StandardControl_1 = require("../PageEntityForm/StandardControl");
+function AttributeController({ attribute, attributeName, control, readOnly, }) {
+    return ((0, jsx_runtime_1.jsx)(react_hook_form_1.Controller, { control: control, name: attributeName, render: ({ field, fieldState, formState }) => {
+            const isError = (fieldState.isTouched || formState.isSubmitted) &&
+                !!fieldState.error?.message;
+            const errorMessage = fieldState.isTouched || formState.isSubmitted
+                ? fieldState.error?.message
+                : '';
+            return ((0, jsx_runtime_1.jsx)(SectionControl_1.SectionControlWrapper, { label: attribute.label, labelPosition: "left", required: attribute.required, isError: isError, errorMessage: errorMessage, children: (0, jsx_runtime_1.jsx)(StandardControl_1.StandardControl, { attribute: attribute, name: attributeName, value: field.value, onChange: field.onChange, onBlur: field.onBlur, errorMessage: errorMessage, isError: isError, readOnly: readOnly || attribute.readonly }) }));
+        } }));
+}

package/form/useFormForAttributes.d.ts

@@ -0,0 +1,8 @@
+import { InferredSchemaType, SchemaAttributes } from '@headless-adminapp/core/schema';
+import { Nullable } from '@headless-adminapp/core/types';
+interface UseFormForAttributesProps<SA extends SchemaAttributes = SchemaAttributes> {
+    attributes: SA;
+    defaultValues: Partial<Nullable<InferredSchemaType<SA>>>;
+}
+export declare function useFormForAttributes<SA extends SchemaAttributes = SchemaAttributes>(props: UseFormForAttributesProps<SA>): import("react-hook-form").UseFormReturn<Nullable<InferredSchemaType<SA>>, any, undefined>;
+export {};

package/form/useFormForAttributes.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFormForAttributes = useFormForAttributes;
+const form_1 = require("@headless-adminapp/app/form");
+const locale_1 = require("@headless-adminapp/app/locale");
+const react_hook_form_1 = require("react-hook-form");
+const PromptDialog_1 = require("../DialogContainer/PromptDialog");
+function useFormForAttributes(props) {
+    const { language, region } = (0, locale_1.useLocale)();
+    const formValidationStrings = (0, form_1.useFormValidationStrings)();
+    const form = (0, react_hook_form_1.useForm)({
+        mode: 'all',
+        defaultValues: props.defaultValues,
+        shouldUnregister: false,
+        resolver: (0, PromptDialog_1.formValidator)({
+            attributes: props.attributes,
+            language,
+            strings: formValidationStrings,
+            region,
+        }),
+    });
+    return form;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@headless-adminapp/fluent",
-  "version": "1.1.10",
+  "version": "1.1.11",
   "description": "",
   "main": "index.js",
   "types": "index.d.ts",
@@ -50,5 +50,5 @@
     "uuid": "11.0.3",
     "yup": "^1.4.0"
   },
-  "gitHead": "3920cedff7216fb37b07dff95c50499c0f56f57c"
+  "gitHead": "e88cae2cc31abaf6852549e3fbc3235eec84cc8c"
 }