@headless-adminapp/fluent 1.4.31 → 1.4.33

package/App/App.d.ts

@@ -1,5 +1,6 @@
 import { FC, PropsWithChildren } from 'react';
 interface AppProps {
+    appFooter?: React.ReactNode;
 }
 export declare const App: FC<PropsWithChildren<AppProps>>;
 export {};

package/App/App.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.App = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const AppUI_1 = require("./AppUI");
-const App = ({ children }) => {
-    return (0, jsx_runtime_1.jsx)(AppUI_1.AppUI, { children: children });
+const App = (props) => {
+    return (0, jsx_runtime_1.jsx)(AppUI_1.AppUI, { ...props });
 };
 exports.App = App;

package/App/AppUI.d.ts

@@ -1,2 +1,6 @@
 import { FC, PropsWithChildren } from 'react';
-export declare const AppUI: FC<PropsWithChildren>;
+interface AppUIProps {
+    appFooter?: React.ReactNode;
+}
+export declare const AppUI: FC<PropsWithChildren<AppUIProps>>;
+export {};

package/App/AppUI.js

@@ -7,7 +7,7 @@ const hooks_1 = require("@headless-adminapp/app/hooks");
 const react_1 = require("react");
 const AppHeaderContianer_1 = require("./AppHeaderContianer");
 const Navigation_1 = require("./Navigation");
-const AppUI = ({ children }) => {
+const AppUI = ({ children, appFooter, }) => {
     const isMobile = (0, hooks_1.useIsMobile)();
     const isTablet = (0, hooks_1.useIsTablet)();
     const [isNavOpen, setIsNavOpen] = (0, react_1.useState)(!isMobile);
@@ -31,6 +31,6 @@ const AppUI = ({ children }) => {
                             flex: 1,
                             position: 'relative',
                             overflow: 'hidden',
-                        }, children: children })] })] }));
+                        }, children: children })] }), appFooter] }));
 };
 exports.AppUI = AppUI;

package/App/Navigation/NavigationContainer.js

@@ -70,6 +70,7 @@ const NavigationContainer = ({ open, type, onOpenChange, isMini, }) => {
                             gap: 8,
                         }, children: (0, jsx_runtime_1.jsx)(react_components_1.Hamburger, { onClick: () => onOpenChange(false) }) }) })), (0, jsx_runtime_1.jsx)(react_components_1.NavDrawerBody, { style: {
                         paddingTop: 8,
+                        paddingBottom: 8,
                     }, children: sections.map((section, index) => ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [!section.hideLabel && !isMini && ((0, jsx_runtime_1.jsx)(react_components_1.NavSectionHeader, { children: section.label })), isMini && index > 0 && ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(react_components_1.Divider, { style: { opacity: 0.5 } }) })), section.items.map((item) => {
                                 if (item.type === app_2.PageType.Category) {
                                     const isActive = item.items.some((subItem) => subItem.active);

package/DataForm/SectionControl.d.ts

@@ -6,6 +6,7 @@ interface SectionControlWrapperProps {
     required?: boolean;
     isError?: boolean;
     errorMessage?: string;
+    grow?: boolean;
 }
 export declare function SectionControlWrapper(props: PropsWithChildren<SectionControlWrapperProps>): import("react/jsx-runtime").JSX.Element;
 export {};

package/DataForm/SectionControl.js

@@ -4,5 +4,14 @@ exports.SectionControlWrapper = SectionControlWrapper;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_components_1 = require("@fluentui/react-components");
 function SectionControlWrapper(props) {
-    return ((0, jsx_runtime_1.jsx)(react_components_1.Field, { label: props.labelHidden ? undefined : props.label, orientation: props.labelPosition === 'top' ? 'vertical' : 'horizontal', required: props.labelHidden ? undefined : props.required, validationState: props.isError ? 'error' : undefined, validationMessage: props.errorMessage, validationMessageIcon: null, style: { paddingLeft: props.labelHidden ? 0 : undefined }, children: props.children }));
+    const gridTemplateRows = !props.grow
+        ? undefined
+        : props.labelPosition === 'top' && !props.labelHidden
+            ? 'auto 1fr auto auto'
+            : '1fr auto auto auto';
+    return ((0, jsx_runtime_1.jsx)(react_components_1.Field, { label: props.labelHidden ? undefined : props.label, orientation: props.labelPosition === 'top' ? 'vertical' : 'horizontal', required: props.labelHidden ? undefined : props.required, validationState: props.isError ? 'error' : undefined, validationMessage: props.errorMessage, validationMessageIcon: null, style: {
+            paddingLeft: props.labelHidden ? 0 : undefined,
+            gridTemplateRows,
+            flexGrow: props.grow ? 1 : undefined,
+        }, children: props.children }));
 }

package/PageEntityForm/SectionContainer.js

@@ -80,6 +80,8 @@ function SectionContainer({ section, skeleton, }) {
                             gridColumn: control.span
                                 ? `var(--section-item-span-${control.span})`
                                 : undefined,
+                            display: control.fullHeight ? 'flex' : undefined,
+                            flexDirection: control.fullHeight ? 'column' : undefined,
                         }, children: (0, jsx_runtime_1.jsx)(react_hook_form_1.Controller, { control: formInstance.control, name: control.attributeName, render: ({ field, fieldState, formState }) => {
                                 const isError = (fieldState.isTouched || formState.isSubmitted) &&
                                     !!fieldState.error?.message;
@@ -91,7 +93,7 @@ function SectionContainer({ section, skeleton, }) {
                                     control.label ??
                                     attribute.label;
                                 const labelHidden = control.labelHidden;
-                                return ((0, jsx_runtime_1.jsx)(SectionControl_1.SectionControlWrapper, { label: label, labelHidden: labelHidden, labelPosition: isMobile ? 'top' : section.labelPosition, required: required, isError: isError, errorMessage: errorMessage, children: (0, jsx_runtime_1.jsx)(Control, { attribute: attribute, name: control.attributeName, value: field.value, onChange: (value) => {
+                                return ((0, jsx_runtime_1.jsx)(SectionControl_1.SectionControlWrapper, { label: label, labelHidden: labelHidden, labelPosition: isMobile ? 'top' : section.labelPosition, required: required, isError: isError, errorMessage: errorMessage, grow: control.fullHeight, children: (0, jsx_runtime_1.jsx)(Control, { attribute: attribute, name: control.attributeName, value: field.value, onChange: (value) => {
                                             const previousValue = field.value;
                                             field.onChange(value);
                                             eventManager.emit(constants_1.EVENT_KEY_ON_FIELD_CHANGE, control.attributeName, value, previousValue);
@@ -100,7 +102,7 @@ function SectionContainer({ section, skeleton, }) {
                                             recordId,
                                             attributeName: control.attributeName,
                                             logicalName: schema.logicalName,
-                                        }, autoHeight: control.autoHeight, maxHeight: control.maxHeight, skeleton: skeleton, required: required }) }));
+                                        }, autoHeight: control.autoHeight, maxHeight: control.maxHeight, fullHeight: control.fullHeight, skeleton: skeleton, required: required }) }));
                             } }, control.attributeName) }, control.attributeName));
                 }
                 case 'editablegrid': {

package/form/layout/FormSection/FormSection.js

@@ -77,7 +77,7 @@ const FormSection = ({ title, children, columnCount, labelPosition, noPadding, h
                                 paddingBlock: 8,
                                 height: 40,
                                 alignItems: 'center',
-                            }, children: (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', alignItems: 'center', width: '100%' }, children: [(0, jsx_runtime_1.jsx)(react_components_1.Body1Strong, { children: title }), (0, jsx_runtime_1.jsx)("div", { style: { flex: 1 } })] }) }), (0, jsx_runtime_1.jsx)(react_components_1.Divider, { style: { opacity: 0.2 } })] })), (0, jsx_runtime_1.jsx)("div", { style: {
+                            }, children: (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', alignItems: 'center', width: '100%' }, children: [(0, jsx_runtime_1.jsx)(react_components_1.Body1Strong, { children: title }), (0, jsx_runtime_1.jsx)("div", { style: { flex: 1 } })] }) }), (0, jsx_runtime_1.jsx)(react_components_1.Divider, { style: { opacity: 0.2, flexGrow: 0 } })] })), (0, jsx_runtime_1.jsx)("div", { style: {
                         flex: 1,
                         display: 'flex',
                         flexDirection: 'column',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@headless-adminapp/fluent",
-  "version": "1.4.31",
+  "version": "1.4.33",
   "description": "",
   "main": "index.js",
   "types": "index.d.ts",
@@ -54,5 +54,5 @@
   "devDependencies": {
     "@types/lodash": "4.17.20"
   },
-  "gitHead": "3c6a0b0fc245e8d9c6a4cb6811cbba079dfa5146"
+  "gitHead": "a6fc880774f7d5a7fb5b1a8e1654262904df93fc"
 }