@m4l/layouts 9.3.20 → 9.3.21-BE20260210-1

package/hooks/index.d.ts

@@ -4,3 +4,4 @@ export * from './useDynamicAccordions';
 export * from './useDynamicPaperForm';
 export * from './useNetworkActionConfirm';
 export * from './useFormAddEdit';
+export * from './useRefreshData';

package/hooks/useRefreshData/dictionary.d.ts

@@ -0,0 +1,4 @@
+export declare const USE_REFRESH_DATA_DICTIONARY: {
+    readonly TOAST_NEW_ROW_BUT_NOT_VISIBLE_TITLE: "refresh.toast_new_row_but_not_visible_title";
+    readonly TOAST_NEW_ROW_BUT_NOT_VISIBLE_DESCRIPTION: "refresh.toast_new_row_but_not_visible_description";
+};

package/hooks/useRefreshData/dictionary.js

@@ -0,0 +1,7 @@
+const USE_REFRESH_DATA_DICTIONARY = {
+  TOAST_NEW_ROW_BUT_NOT_VISIBLE_TITLE: "refresh.toast_new_row_but_not_visible_title",
+  TOAST_NEW_ROW_BUT_NOT_VISIBLE_DESCRIPTION: "refresh.toast_new_row_but_not_visible_description"
+};
+export {
+  USE_REFRESH_DATA_DICTIONARY as U
+};

package/hooks/useRefreshData/index.d.ts

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

package/hooks/useRefreshData/index.js

@@ -0,0 +1 @@
+

package/hooks/useRefreshData/types.d.ts

@@ -0,0 +1,22 @@
+import { RowKey } from '@m4l/components';
+/**
+ * Interface to use the useRefreshData hook
+ * @param TRow - Type of the rows
+ */
+export interface UseRefreshData<TRow> {
+    /**
+     * Function to refresh the data
+     */
+    refreshPaginate: () => void;
+    /**
+     * Rows to refresh
+     */
+    rows: TRow[];
+    /**
+     * Function to get the row key
+     */
+    rowKeyGetter: (row: TRow) => number | string;
+}
+export interface ValidateShowRowCreate {
+    idRow: RowKey | undefined;
+}

package/hooks/useRefreshData/useRefreshData.d.ts

@@ -0,0 +1,12 @@
+import { RowKey } from '@m4l/components';
+import { UseRefreshData } from './types';
+/**
+ * Hook that manages the refresh of the data and the selected rows.
+ * Note: This hook could be use in every module that needs to refresh the data and the selected rows.
+ */
+export declare const useRefreshData: <TRow>(props: UseRefreshData<TRow>) => {
+    refresh: (rowParam?: TRow | RowKey) => void;
+    onSelectedRowsChange: (newRowsSelectSet: ReadonlySet<RowKey>) => void;
+    selectedRows: ReadonlySet<RowKey>;
+    focusOnRowKey: RowKey | undefined;
+};

package/hooks/useRefreshData/useRefreshData.js

@@ -0,0 +1,48 @@
+import { useState, useEffect, useCallback } from "react";
+import { getDataGridRowsFromSet } from "@m4l/components";
+import { useHostTools, useModuleDictionary } from "@m4l/core";
+import { u as useMasterDetail } from "../useMasterDetail/index.js";
+import { U as USE_REFRESH_DATA_DICTIONARY } from "./dictionary.js";
+const useRefreshData = (props) => {
+  const { rows, refreshPaginate, rowKeyGetter } = props;
+  const { toast } = useHostTools();
+  const { getLabel } = useModuleDictionary();
+  const { onChangeMasterSelection } = useMasterDetail();
+  const [validateShowRowCreate, setValidateShowRowCreate] = useState({ idRow: void 0 });
+  const [selectedRows, setSelectedRows] = useState(/* @__PURE__ */ new Set());
+  const [focusOnRowKey, setFocusOnRowKey] = useState(void 0);
+  const onSelectedRowsChange = (newRowsSelectSet) => {
+    setSelectedRows(newRowsSelectSet);
+    onChangeMasterSelection(getDataGridRowsFromSet(newRowsSelectSet, rows, rowKeyGetter));
+  };
+  useEffect(() => {
+    if (selectedRows.size > 0) {
+      onChangeMasterSelection(getDataGridRowsFromSet(selectedRows, rows, rowKeyGetter));
+    }
+  }, [rows]);
+  useEffect(() => {
+    if (validateShowRowCreate.idRow !== void 0) {
+      const existRowSelected = rows.some((row) => selectedRows.has(rowKeyGetter(row)));
+      if (!existRowSelected && validateShowRowCreate.idRow) {
+        setSelectedRows?.(/* @__PURE__ */ new Set());
+        toast({
+          title: getLabel(USE_REFRESH_DATA_DICTIONARY.TOAST_NEW_ROW_BUT_NOT_VISIBLE_TITLE),
+          description: getLabel(USE_REFRESH_DATA_DICTIONARY.TOAST_NEW_ROW_BUT_NOT_VISIBLE_DESCRIPTION, validateShowRowCreate.idRow)
+        }, { type: "info" });
+      }
+    }
+  }, [rows]);
+  const refresh = useCallback((rowParam) => {
+    if (rowParam !== void 0) {
+      const idRow = typeof rowParam === "string" || typeof rowParam === "number" ? rowParam : rowKeyGetter(rowParam);
+      setFocusOnRowKey(idRow);
+      setValidateShowRowCreate({ idRow });
+      setSelectedRows(/* @__PURE__ */ new Set([idRow]));
+    }
+    refreshPaginate();
+  }, [refreshPaginate, setSelectedRows, rowKeyGetter]);
+  return { refresh, onSelectedRowsChange, selectedRows, focusOnRowKey };
+};
+export {
+  useRefreshData as u
+};

package/hooks/useRefreshData/useRefreshData.test.d.ts

@@ -0,0 +1 @@
+export {};

package/index.js

@@ -15,6 +15,7 @@ import { u as u3 } from "./hooks/useDynamicAccordions/useDynamicAccordions.js";
 import { c, u as u4 } from "./hooks/useDynamicPaperForm/useDynamicPaperForm.js";
 import { u as u5 } from "./hooks/useNetworkActionConfirm/useNetworkActionConfirm.js";
 import { u as u6 } from "./hooks/useFormAddEdit/useFormAddEdit.js";
+import { u as u7 } from "./hooks/useRefreshData/useRefreshData.js";
 import { c as c2 } from "./utils/createAppMF.js";
 export {
   D as DynamicTabs,
@@ -36,5 +37,6 @@ export {
   u6 as useFormAddEdit,
   u as useMasterDetail,
   u2 as useModule,
-  u5 as useNetworkActionConfirm
+  u5 as useNetworkActionConfirm,
+  u7 as useRefreshData
 };

package/layouts/NoAuthModuleLayout/slots/NoAuthModuleLayoutSlots.d.ts

@@ -5,6 +5,6 @@ export declare const ContainerModuleNameStyled: import('@emotion/styled').Styled
 export declare const ContentFormDesktopStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
 export declare const HeaderContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
 export declare const ContainerLanguageAndSettingsStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const ButtonHomeNavigationStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('@m4l/components/src/components/mui_extended/Button').ButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "value" | "size" | "children" | "title" | "component" | "name" | "id" | "type" | "disabled" | "action" | "color" | "content" | "translate" | "lang" | "form" | "label" | "slot" | "style" | "dir" | "variant" | "className" | "classes" | "sx" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "hidden" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "href" | "skeletonWidth" | "startIcon" | "endIcon" | keyof import('react').RefAttributes<HTMLButtonElement> | "fullWidth" | "disableElevation"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, {}, {}>;
+export declare const ButtonHomeNavigationStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('@m4l/components/src/components/extended/mui/Button').ButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "value" | "size" | "children" | "title" | "component" | "name" | "id" | "type" | "disabled" | "action" | "color" | "content" | "translate" | "lang" | "form" | "label" | "slot" | "style" | "dir" | "variant" | "className" | "classes" | "sx" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "hidden" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "href" | "skeletonWidth" | "startIcon" | "endIcon" | keyof import('react').RefAttributes<HTMLButtonElement> | "fullWidth" | "disableElevation"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, {}, {}>;
 export declare const ContainerCompanyLogoStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
 export declare const FormContentStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@m4l/layouts",
-  "version": "9.3.20",
+  "version": "9.3.21-BE20260210-1+PR405-reports-list",
   "license": "UNLICENSED",
   "author": "M4L Team",
   "lint-staged": {
     "*.{js,ts,tsx}": "eslint --fix --max-warnings 0"
   },
   "peerDependencies": {
-    "@m4l/components": "^9.0.0",
+    "@m4l/components": "9.4.28-BE20260210-1+PR405-reports-list",
     "@m4l/core": "^2.0.0",
     "@m4l/graphics": "^7.0.0",
     "@m4l/styles": "^7.0.0"