@m4l/layouts 9.1.14 → 9.2.0-beta.1

package/components/DynamicTabs/DynamicTabs.d.ts

@@ -0,0 +1,5 @@
+import { DynamicTabsProps } from './types';
+/**
+ * Componente para mostrar un listado de tabs y contenido en un MasterDetail, basado en las props
+ */
+export declare function DynamicTabs(props: DynamicTabsProps): import("react/jsx-runtime").JSX.Element;

package/components/DynamicTabs/DynamicTabs.js

@@ -0,0 +1,39 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Stack, Tabs, Tab, TabContent } from "@m4l/components";
+import { u as useDynamicTabs } from "./useDynamicTabs.js";
+function DynamicTabs(props) {
+  const { currentTab, finalTabs, handleChangeTab } = useDynamicTabs(props);
+  return (
+    //Bruce, que no se tenga que usar este style, como podemos lograr esto?
+    /* @__PURE__ */ jsxs(Stack, { direction: "column", style: { flexGrow: 1, overflow: "hidden" }, children: [
+      /* @__PURE__ */ jsx(
+        Tabs,
+        {
+          value: currentTab,
+          scrollButtons: "auto",
+          variant: "scrollable",
+          allowScrollButtonsMobile: true,
+          onChange: (_e, value) => handleChangeTab(value),
+          children: finalTabs.map((tab) => {
+            const { value, tabProps } = tab;
+            return /* @__PURE__ */ jsx(Tab, { value, label: tabProps?.label }, value);
+          })
+        }
+      ),
+      finalTabs.map((tab) => {
+        const isMatched = tab.value === currentTab;
+        return (isMatched || !tab.unmountable) && /* @__PURE__ */ jsx(
+          TabContent,
+          {
+            style: { display: isMatched ? "flex" : "none" },
+            children: tab.tabContent
+          },
+          tab.value
+        );
+      })
+    ] })
+  );
+}
+export {
+  DynamicTabs as D
+};

package/components/DynamicTabs/index.d.ts

@@ -0,0 +1,2 @@
+export { DynamicTabs } from './DynamicTabs';
+export type { DynamicTab } from './types';

package/components/DynamicTabs/index.js

@@ -0,0 +1 @@
+

package/components/DynamicTabs/types.d.ts

@@ -0,0 +1,31 @@
+import { TabProps } from '@m4l/components';
+import { default as React } from 'react';
+export interface DynamicTab {
+    /**
+     * "unmountable" Indica si el tab se desmonta cuando el tab no está seleccionado, default: true
+     */
+    unmountable?: boolean;
+    /**
+     * "value" Valor o key del tab
+     */
+    value: string;
+    /**
+     * "tabContent" Contenido del tab, debe ser un componente que acepte como mínimo
+     * la prop "data" (DetailComponentProps) que será inyectada automáticamente
+     */
+    tabContent: React.ReactNode; /**Elemento no instanciado de react, solamente la funcion */
+    /**
+     * tabProps: Propiedades del componente del tab.
+     */
+    tabProps?: TabProps;
+}
+export interface DynamicTabsProps {
+    /**
+     * "defaultTab" Valor o key del tab por defecto, default: el primer tab
+     */
+    defaultTab: string;
+    /**
+     * "tabs" Lista de tabs con los siguientes campos:
+     */
+    tabs: DynamicTab[];
+}

package/components/DynamicTabs/useDynamicTabs.d.ts

@@ -0,0 +1,9 @@
+import { DynamicTab, DynamicTabsProps } from './types';
+/**
+ * Componente para mostrar un listado de tabs y contenido en un MasterDetail, basado en las props
+ */
+export declare function useDynamicTabs(props: DynamicTabsProps): {
+    currentTab: string;
+    finalTabs: DynamicTab[];
+    handleChangeTab: (newValue: string) => void;
+};

package/components/DynamicTabs/useDynamicTabs.js

@@ -0,0 +1,23 @@
+import { useState, useMemo } from "react";
+function useDynamicTabs(props) {
+  const { tabs, defaultTab } = props;
+  const [currentTab, setCurrentTab] = useState(defaultTab);
+  const handleChangeTab = (newValue) => {
+    setCurrentTab(newValue);
+  };
+  const finalTabs = useMemo(() => {
+    const arrTabs = [...tabs];
+    return arrTabs.map((tab) => ({
+      ...tab,
+      unmountable: tab.unmountable === void 0 ? true : tab.unmountable
+    }));
+  }, [tabs]);
+  return {
+    currentTab,
+    finalTabs,
+    handleChangeTab
+  };
+}
+export {
+  useDynamicTabs as u
+};

package/components/ModuleDetailTabs/useModuleDatailTabs.d.ts

@@ -19,118 +19,118 @@ export declare function useModuleDetailTabs<T extends Record<string, any> = Reco
         size?: Extract<import('@m4l/styles').Sizes, "small" | "medium"> | undefined;
         children?: null | undefined;
         ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
-        title?: string | undefined | undefined;
+        title?: string | undefined;
         component?: React.ElementType | undefined;
-        id?: string | undefined | undefined;
+        id?: string | undefined;
         disabled?: boolean | undefined;
         action?: React.Ref<import('@mui/material').ButtonBaseActions> | undefined;
-        hidden?: boolean | undefined | undefined;
+        hidden?: boolean | undefined;
         color?: Extract<import('@m4l/styles').ComponentPalletColor, "default"> | undefined;
-        content?: string | undefined | undefined;
+        content?: string | undefined;
         style?: React.CSSProperties | undefined;
-        translate?: "yes" | "no" | undefined | undefined;
+        translate?: "yes" | "no" | undefined;
         urlIcon?: string | undefined;
-        lang?: string | undefined | undefined;
-        slot?: string | undefined | undefined;
-        dir?: string | undefined | undefined;
+        lang?: string | undefined;
+        slot?: string | undefined;
+        dir?: string | undefined;
         className?: string | undefined;
         classes?: (Partial<import('@mui/material').TabClasses> & Partial<import('@mui/material').ClassNameMap<never>>) | undefined;
         sx?: import('@mui/system').SxProps<import('@mui/material').Theme> | undefined;
         key?: import('react').Key | null | undefined;
-        defaultChecked?: boolean | undefined | undefined;
+        defaultChecked?: boolean | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
-        suppressContentEditableWarning?: boolean | undefined | undefined;
-        suppressHydrationWarning?: boolean | undefined | undefined;
-        accessKey?: string | undefined | undefined;
-        autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
-        autoFocus?: boolean | undefined | undefined;
-        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
-        contextMenu?: string | undefined | undefined;
+        suppressContentEditableWarning?: boolean | undefined;
+        suppressHydrationWarning?: boolean | undefined;
+        accessKey?: string | undefined;
+        autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
+        autoFocus?: boolean | undefined;
+        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+        contextMenu?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
-        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-        nonce?: string | undefined | undefined;
+        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+        nonce?: string | undefined;
         spellCheck?: (boolean | "false" | "true") | undefined;
         tabIndex?: NonNullable<React.HTMLAttributes<any>["tabIndex"]> | undefined;
-        radioGroup?: string | undefined | undefined;
+        radioGroup?: string | undefined;
         role?: import('react').AriaRole | undefined;
-        about?: string | undefined | undefined;
-        datatype?: string | undefined | undefined;
+        about?: string | undefined;
+        datatype?: string | undefined;
         inlist?: any;
-        prefix?: string | undefined | undefined;
-        property?: string | undefined | undefined;
-        rel?: string | undefined | undefined;
-        resource?: string | undefined | undefined;
-        rev?: string | undefined | undefined;
-        typeof?: string | undefined | undefined;
-        vocab?: string | undefined | undefined;
-        autoCorrect?: string | undefined | undefined;
-        autoSave?: string | undefined | undefined;
-        itemProp?: string | undefined | undefined;
-        itemScope?: boolean | undefined | undefined;
-        itemType?: string | undefined | undefined;
-        itemID?: string | undefined | undefined;
-        itemRef?: string | undefined | undefined;
-        results?: number | undefined | undefined;
-        security?: string | undefined | undefined;
-        unselectable?: "on" | "off" | undefined | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
-        is?: string | undefined | undefined;
-        "aria-activedescendant"?: string | undefined | undefined;
+        prefix?: string | undefined;
+        property?: string | undefined;
+        rel?: string | undefined;
+        resource?: string | undefined;
+        rev?: string | undefined;
+        typeof?: string | undefined;
+        vocab?: string | undefined;
+        autoCorrect?: string | undefined;
+        autoSave?: string | undefined;
+        itemProp?: string | undefined;
+        itemScope?: boolean | undefined;
+        itemType?: string | undefined;
+        itemID?: string | undefined;
+        itemRef?: string | undefined;
+        results?: number | undefined;
+        security?: string | undefined;
+        unselectable?: "on" | "off" | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        is?: string | undefined;
+        "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
-        "aria-braillelabel"?: string | undefined | undefined;
-        "aria-brailleroledescription"?: string | undefined | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-braillelabel"?: string | undefined;
+        "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-        "aria-colcount"?: number | undefined | undefined;
-        "aria-colindex"?: number | undefined | undefined;
-        "aria-colindextext"?: string | undefined | undefined;
-        "aria-colspan"?: number | undefined | undefined;
-        "aria-controls"?: string | undefined | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
-        "aria-describedby"?: string | undefined | undefined;
-        "aria-description"?: string | undefined | undefined;
-        "aria-details"?: string | undefined | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-colcount"?: number | undefined;
+        "aria-colindex"?: number | undefined;
+        "aria-colindextext"?: string | undefined;
+        "aria-colspan"?: number | undefined;
+        "aria-controls"?: string | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-describedby"?: string | undefined;
+        "aria-description"?: string | undefined;
+        "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
-        "aria-errormessage"?: string | undefined | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "false" | "true") | undefined;
-        "aria-flowto"?: string | undefined | undefined;
+        "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
         "aria-hidden"?: (boolean | "false" | "true") | undefined;
-        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
-        "aria-keyshortcuts"?: string | undefined | undefined;
-        "aria-label"?: string | undefined | undefined;
-        "aria-labelledby"?: string | undefined | undefined;
-        "aria-level"?: number | undefined | undefined;
-        "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
+        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+        "aria-keyshortcuts"?: string | undefined;
+        "aria-label"?: string | undefined;
+        "aria-labelledby"?: string | undefined;
+        "aria-level"?: number | undefined;
+        "aria-live"?: "off" | "assertive" | "polite" | undefined;
         "aria-modal"?: (boolean | "false" | "true") | undefined;
         "aria-multiline"?: (boolean | "false" | "true") | undefined;
         "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
-        "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
-        "aria-owns"?: string | undefined | undefined;
-        "aria-placeholder"?: string | undefined | undefined;
-        "aria-posinset"?: number | undefined | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+        "aria-orientation"?: "horizontal" | "vertical" | undefined;
+        "aria-owns"?: string | undefined;
+        "aria-placeholder"?: string | undefined;
+        "aria-posinset"?: number | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "false" | "true") | undefined;
-        "aria-roledescription"?: string | undefined | undefined;
-        "aria-rowcount"?: number | undefined | undefined;
-        "aria-rowindex"?: number | undefined | undefined;
-        "aria-rowindextext"?: string | undefined | undefined;
-        "aria-rowspan"?: number | undefined | undefined;
+        "aria-roledescription"?: string | undefined;
+        "aria-rowcount"?: number | undefined;
+        "aria-rowindex"?: number | undefined;
+        "aria-rowindextext"?: string | undefined;
+        "aria-rowspan"?: number | undefined;
         "aria-selected"?: (boolean | "false" | "true") | undefined;
-        "aria-setsize"?: number | undefined | undefined;
-        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
-        "aria-valuemax"?: number | undefined | undefined;
-        "aria-valuemin"?: number | undefined | undefined;
-        "aria-valuenow"?: number | undefined | undefined;
-        "aria-valuetext"?: string | undefined | undefined;
+        "aria-setsize"?: number | undefined;
+        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+        "aria-valuemax"?: number | undefined;
+        "aria-valuemin"?: number | undefined;
+        "aria-valuenow"?: number | undefined;
+        "aria-valuetext"?: string | undefined;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
-        } | undefined | undefined;
+        } | undefined;
         onCopy?: import('react').ClipboardEventHandler<HTMLDivElement> | undefined;
         onCopyCapture?: import('react').ClipboardEventHandler<HTMLDivElement> | undefined;
         onCut?: import('react').ClipboardEventHandler<HTMLDivElement> | undefined;
@@ -302,7 +302,7 @@ export declare function useModuleDetailTabs<T extends Record<string, any> = Reco
         touchRippleRef?: React.Ref<import('@mui/material/ButtonBase/TouchRipple').TouchRippleActions> | undefined;
         disableFocusRipple?: boolean | undefined;
         dataTestId?: string | undefined;
-        iconPosition?: "top" | "bottom" | "start" | "end" | undefined;
+        iconPosition?: ("top" | "bottom" | "start" | "end") | undefined;
         wrapped?: boolean | undefined;
     }[];
     handleChangeTab: (newValue: string) => void;

package/components/index.d.ts

@@ -2,3 +2,4 @@ export { MFNoAuthApp } from './MFNoAuthApp';
 export { MFHostApp } from './MFHostApp/MFHostApp';
 export * from './MFHostApp';
 export * from './ModuleDetailTabs';
+export * from './DynamicTabs';

package/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const LIMIT_RECORDS_500_CONFIG: {
+    limit: number;
+    label: string;
+}[];

package/constants.js

@@ -0,0 +1,33 @@
+const LIMIT_RECORDS_500_CONFIG = [
+  {
+    limit: 1,
+    label: "1"
+  },
+  {
+    limit: 5,
+    label: "5"
+  },
+  {
+    limit: 10,
+    label: "10"
+  },
+  {
+    limit: 20,
+    label: "20"
+  },
+  {
+    limit: 50,
+    label: "50"
+  },
+  {
+    limit: 100,
+    label: "100"
+  },
+  {
+    limit: 500,
+    label: "500"
+  }
+];
+export {
+  LIMIT_RECORDS_500_CONFIG as L
+};

package/hooks/index.d.ts

@@ -2,3 +2,5 @@ export * from './useMasterDetail';
 export * from './useAuth';
 export * from './useModule';
 export * from './useDynamicAccordions';
+export * from './useDynamicPaperForm';
+export * from './useNetworkActionConfirm';

package/hooks/useDynamicAccordions/types.d.ts

@@ -1,6 +1,24 @@
-import { AccordionProps } from '@m4l/components';
+import { AccordionProps, PropertyValueProps } from '@m4l/components';
 import { ModuleDetailTabContent } from '../../components/ModuleDetailTabs';
 export type DynamicAccordionValue<T extends any = any, K extends any = any> = (data: T, endPointData?: K) => string | React.ReactNode;
+export interface DynamicAccordionProperty<T extends any = any, K extends any = any> extends Omit<PropertyValueProps, 'value' | 'property'> {
+    /**
+     * "dictionaryId": Id de la propiedad en el diccionario para mostrar en el label
+     */
+    dictionaryId: string;
+    /**
+     * "getValue": Función que se encarga de obtener el valor de la propiedad
+     */
+    getValue: DynamicAccordionValue<T, K>;
+    /**
+     * "privilegeToView": Si se requiere un privilegio para ver el valor
+     */
+    privilegeToView?: string;
+    /**
+     * isForm
+     */
+    isForm?: boolean;
+}
 export interface ConfigDynamicAccordion<T extends any = any, K extends any = any> {
     /**
      * "icon": Icono de la propiedad
@@ -17,24 +35,7 @@ export interface ConfigDynamicAccordion<T extends any = any, K extends any = any
     /**
      * "properties": Propiedades que se ven en el accordion
      */
-    properties: {
-        /**
-         * "icon": Icono de la propiedad
-         */
-        icon?: string | React.ReactNode;
-        /**
-         * "dictionaryId": Id de la propiedad en el diccionario para mostrar en el label
-         */
-        dictionaryId: string;
-        /**
-         * "getValue": Función que se encarga de obtener el valor de la propiedad
-         */
-        getValue: DynamicAccordionValue<T, K>;
-        /**
-         * "privilegeToView": Si se requiere un privilegio para ver el valor
-         */
-        privilegeToView?: string;
-    }[];
+    properties: DynamicAccordionProperty<T, K>[];
 }
 export interface useDynamicAccordionsProps<T extends any = any, K extends any = any> {
     configDynamicAccordions: ConfigDynamicAccordion<T, K>[];

package/hooks/useDynamicAccordions/useBaseAccordions.d.ts

@@ -2,4 +2,4 @@ import { useBaseDynamicAccordionsProps } from './types';
 /**
  * Hook que se encarga de gestionar los accordions del detalle de inventario
  */
-export declare function useBaseAccordions(props: useBaseDynamicAccordionsProps): import("react/jsx-runtime").JSX.Element[];
+export declare function useBaseAccordions(props: useBaseDynamicAccordionsProps): import("react/jsx-runtime").JSX.Element[] | null;

package/hooks/useDynamicAccordions/useBaseAccordions.js

@@ -1,11 +1,14 @@
 import { jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { Accordion, PropertyValue } from "@m4l/components";
+import { useMemo, createElement } from "react";
+import { Accordion, Stack, PropertyValue } from "@m4l/components";
 import { useModuleDictionary } from "@m4l/core";
 function useBaseAccordions(props) {
   const { data, endPointData, configDynamicAccordions: accordions } = props;
   const { getLabel } = useModuleDictionary();
   const AccordionsComponents = useMemo(() => {
+    if (!data) {
+      return null;
+    }
     return accordions.map((accordion) => {
       return /* @__PURE__ */ jsx(
         Accordion,
@@ -15,17 +18,18 @@ function useBaseAccordions(props) {
           accordionProps: {
             ...accordion.accordionProps
           },
-          children: accordion.properties.map((property) => {
+          children: /* @__PURE__ */ jsx(Stack, { direction: "column", gap: "8px", children: accordion.properties.map((property) => {
             const value = property.getValue(data, endPointData);
-            return value ? /* @__PURE__ */ jsx(
+            return /* @__PURE__ */ createElement(
               PropertyValue,
               {
+                ...property,
+                key: property.dictionaryId,
                 property: getLabel(property.dictionaryId),
                 value
-              },
-              property.dictionaryId
-            ) : null;
-          })
+              }
+            );
+          }) })
         },
         accordion.dictionaryId
       );

package/hooks/useDynamicPaperForm/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useDynamicPaperForm';
+export type { PropertyValueField } from './types';

package/hooks/useDynamicPaperForm/index.js

@@ -0,0 +1 @@
+

package/hooks/useDynamicPaperForm/types.d.ts

@@ -0,0 +1,25 @@
+interface PropertyValueFieldBase {
+    name: string;
+    type: 'RHFTexfField' | 'component';
+    label: string;
+    mandatory?: boolean;
+}
+interface PropertyValueRHFTexfField extends PropertyValueFieldBase {
+    type: 'RHFTexfField';
+    readOnly?: boolean;
+    disabled?: boolean;
+    textFieldType?: React.InputHTMLAttributes<unknown>['type'];
+}
+export interface PropertyValueOtherComponent<T extends React.ComponentType<any>> extends PropertyValueFieldBase {
+    type: 'component';
+    component: T;
+    componentProps: React.ComponentProps<T>;
+}
+export type PropertyValueField = PropertyValueRHFTexfField | PropertyValueOtherComponent<any>;
+export type UseDynamicPaperFormProps = {
+    fields: PropertyValueField[];
+    title: string;
+    urlIcon: string;
+    isForm: boolean;
+};
+export {};

package/hooks/useDynamicPaperForm/useDynamicPaperForm.d.ts

@@ -0,0 +1,9 @@
+import { PropertyValueOtherComponent, UseDynamicPaperFormProps } from './types';
+/**
+ * Factory function to create a component field
+ */
+export declare function createComponentField<T extends React.ComponentType<any>>(params: PropertyValueOtherComponent<T>): PropertyValueOtherComponent<T>;
+/**
+ * Datos de ubicación
+ */
+export declare function useDynamicPaperForm(props: UseDynamicPaperFormProps): import("react/jsx-runtime").JSX.Element;

package/hooks/useDynamicPaperForm/useDynamicPaperForm.js

@@ -0,0 +1,55 @@
+import { jsx } from "react/jsx-runtime";
+import { PaperForm, RHFTextField, PropertyValue } from "@m4l/components";
+import { useModuleDictionary } from "@m4l/core";
+function createComponentField(params) {
+  return params;
+}
+function useDynamicPaperForm(props) {
+  const { getLabel } = useModuleDictionary();
+  const { fields, title, urlIcon, isForm } = props;
+  return /* @__PURE__ */ jsx(
+    PaperForm,
+    {
+      urlIcon,
+      title,
+      isForm,
+      children: fields.map((field) => {
+        let component;
+        if (field.type === "RHFTexfField") {
+          component = /* @__PURE__ */ jsx(
+            RHFTextField,
+            {
+              name: field.name,
+              disabled: field.disabled,
+              type: field.textFieldType,
+              InputProps: {
+                readOnly: field.readOnly
+              }
+            },
+            field.name
+          );
+        } else {
+          component = /* @__PURE__ */ jsx(field.component, { ...field.componentProps });
+        }
+        return /* @__PURE__ */ jsx(
+          PropertyValue,
+          {
+            property: getLabel(`${field.label}`),
+            isForm: true,
+            propertyWidth: 150,
+            mandatory: field.mandatory,
+            mandatoryMessage: "*",
+            value: component,
+            dataTestId: field.name,
+            semanticWidth: "fullWidth"
+          },
+          field.name
+        );
+      })
+    }
+  );
+}
+export {
+  createComponentField as c,
+  useDynamicPaperForm as u
+};

package/hooks/useNetworkActionConfirm/index.d.ts

@@ -0,0 +1 @@
+export * from './useNetworkActionConfirm';

package/hooks/useNetworkActionConfirm/index.js

@@ -0,0 +1 @@
+

package/hooks/useNetworkActionConfirm/types.d.ts

@@ -0,0 +1,19 @@
+import { NetworkProps } from '@m4l/core';
+export interface UseNetworkConfirmActionProps<T> {
+    /**
+     * Función para refrescar la lista
+     */
+    fullRefresh: (obj: T) => void;
+    /**
+     * Función para obtener el endpoint
+     */
+    getEndPoint: (obj: T) => NetworkProps;
+    /**
+     * Título del modal
+     */
+    title: string;
+    /**
+     * Mensaje del modal
+     */
+    message: string;
+}

package/hooks/useNetworkActionConfirm/useNetworkActionConfirm.d.ts

@@ -0,0 +1,7 @@
+import { UseNetworkConfirmActionProps } from './types';
+/**
+ * Obtiene las acciones de fila
+ */
+export declare function useNetworkActionConfirm<T>(props: UseNetworkConfirmActionProps<T>): {
+    onAction: (obj: T) => void;
+};