@m4l/components 9.3.8-BE190825-beta.1 → 9.3.8-BE210825-beta.1

package/components/FormContainer/FormContainer.js

@@ -1,17 +1,34 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { R as RootStyled, F as FormContainerStyled, B as ButtonGroupStyled } from "./slots/FormContainerSlots.js";
+import { R as RootStyled, F as FormContainerStyled } from "./slots/FormContainerSlots.js";
 import { F as FORM_CONTAINER_CLASSES } from "./constants.js";
+import React, { useMemo } from "react";
+import clsx from "clsx";
+import { A as ActionsContainer } from "../CommonActions/components/ActionsContainer/ActionsContainer.js";
 const FormContainer = (props) => {
-  const { children, buttonGroup } = props;
+  const { children, className } = props;
+  const { fields, footer } = useMemo(() => {
+    const fields2 = [];
+    let footer2 = null;
+    React.Children.forEach(children, (child) => {
+      if (React.isValidElement(child)) {
+        if (child.type === ActionsContainer) {
+          footer2 = child;
+        } else {
+          fields2.push(child);
+        }
+      }
+    });
+    return { fields: fields2, footer: footer2 };
+  }, [children]);
   return /* @__PURE__ */ jsxs(
     RootStyled,
     {
       role: "region",
       "aria-label": "formContainer",
-      className: FORM_CONTAINER_CLASSES.root,
+      className: clsx(FORM_CONTAINER_CLASSES.root, className),
       children: [
-        /* @__PURE__ */ jsx(FormContainerStyled, { children }),
-        buttonGroup && /* @__PURE__ */ jsx(ButtonGroupStyled, { children: buttonGroup })
+        /* @__PURE__ */ jsx(FormContainerStyled, { children: fields }),
+        footer
       ]
     }
   );

package/components/FormContainer/slots/FormContainerSlots.js

@@ -11,12 +11,11 @@ const FormContainerStyled = styled("div", {
   name: FORM_CONTAINER_COMPONENT_KEY,
   slot: FormContainerSlots.formContainer
 })(formContainerStyles?.formContainer);
-const ButtonGroupStyled = styled(ActionsContainer, {
+styled(ActionsContainer, {
   name: FORM_CONTAINER_COMPONENT_KEY,
   slot: FormContainerSlots.buttonGroup
 })(formContainerStyles?.buttonGroup);
 export {
-  ButtonGroupStyled as B,
   FormContainerStyled as F,
   RootStyled as R
 };

package/components/FormContainer/types.d.ts

@@ -1,10 +1,10 @@
-import { M4LOverridesStyleRules } from 'src/@types/augmentations';
+import { M4LOverridesStyleRules } from '../../@types/augmentations';
 import { FormContainerSlots } from './slots/FormContainerEnum';
 import { FORM_CONTAINER_COMPONENT_KEY } from './constants';
 import { Theme } from '@mui/material/styles';
 export interface FormContainerProps {
     children: React.ReactNode;
-    buttonGroup?: React.ReactNode;
+    className?: string;
 }
 export type FormContainerOwnerState = {};
 export type FormContainerSlotsType = keyof typeof FormContainerSlots;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.3.8-BE190825-beta.1",
+  "version": "9.3.8-BE210825-beta.1",
   "license": "UNLICENSED",
   "description": "M4L Components",
   "lint-staged": {

package/storybook/components/FormContainer/FormContainer.stories.d.ts

@@ -7,7 +7,3 @@ type Story = StoryObj<typeof FormContainer>;
  * Componente FormContainer por defecto
  */
 export declare const Default: Story;
-/**
- * Componente FormContainer con skeleton
- */
-export declare const Skeleton: Story;