@mcurros2/microm 1.1.372-0 → 1.1.374-0

package/dist/index.d.ts

@@ -1,10 +1,10 @@
-import { AlertProps, DefaultMantineColor, ProgressProps, Variants, StepperProps, MantineTheme, TextareaProps, TextInputProps, MantineNumberSize, MantineColor, PasswordInputProps, NotificationProps, CheckboxProps, ButtonProps, ActionIconProps, NumberInputProps, ImageProps, MultiSelectProps, SelectItem, BadgeVariant, MantineSize, CardProps, OverlayProps, TransitionProps, AccordionProps, PinInputProps, SwitchProps, Radio, SelectProps, GroupProps, AvatarProps, AnchorProps, AutocompleteItem, AutocompleteProps, DefaultProps, BadgeProps } from "@mantine/core";
+import { AlertProps, DefaultMantineColor, ProgressProps, MantineNumberSize, Variants, StepperProps, MantineTheme, TextareaProps, TextInputProps, MantineColor, PasswordInputProps, NotificationProps, CheckboxProps, ButtonProps, ActionIconProps, NumberInputProps, ImageProps, MultiSelectProps, SelectItem, BadgeVariant, MantineSize, CardProps, OverlayProps, TransitionProps, AccordionProps, PinInputProps, SwitchProps, Radio, SelectProps, GroupProps, AvatarProps, AnchorProps, AutocompleteItem, AutocompleteProps, DefaultProps, BadgeProps } from "@mantine/core";
 import { JSX } from "react/jsx-runtime";
-import React, { JSXElementConstructor, ReactElement, ReactNode, PropsWithChildren, ComponentType, RefAttributes, ForwardRefExoticComponent, MutableRefObject, useState, Dispatch, SetStateAction, KeyboardEvent, RefObject, CSSProperties, ComponentPropsWithoutRef, Context, ReactPortal } from "react";
+import React, { JSXElementConstructor, ReactElement, ReactNode, PropsWithChildren, RefAttributes, ForwardRefExoticComponent, ComponentType, MutableRefObject, useState, Dispatch, SetStateAction, KeyboardEvent, RefObject, CSSProperties, ComponentPropsWithoutRef, Context, ReactPortal } from "react";
 import { hasLength, isNotEmpty, matches, UseFormReturnType } from "@mantine/form";
-import { LooseKeys } from "@mantine/form/lib/types";
-import { IconProps, Icon } from "@tabler/icons-react";
 import { ModalSettings } from "@mantine/modals/lib/context";
+import { IconProps, Icon } from "@tabler/icons-react";
+import { LooseKeys } from "@mantine/form/lib/types";
 import { PrismProps } from "@mantine/prism";
 import { DateInputProps, TimeInputProps, CalendarProps } from "@mantine/dates";
 import { DropzoneProps } from "@mantine/dropzone";
@@ -330,6 +330,68 @@ export type ValidatorConfigurationParms = {
     data?: any;
 };
 export type ValidatorConfiguration = Partial<Record<keyof typeof CommonValidators, ValidatorConfigurationParms>>;
+export const ModalsManagerDefaultProps: {
+    closeLabel: string;
+    fullscreenLabel: string;
+    minimizeLabel: string;
+    toggleLabel: string;
+    FullScreenIcon: ForwardRefExoticComponent<IconProps & RefAttributes<Icon>>;
+    RestoreScreeSizeIcon: ForwardRefExoticComponent<IconProps & RefAttributes<Icon>>;
+    withCloseButton: boolean;
+    withFullscreenButton: boolean;
+};
+export type MicroMModalSize = MantineNumberSize | 'fullscreen';
+export type MicroMModalSettings = Partial<Omit<ModalSettings, 'size'>> & {
+    size?: MicroMModalSize;
+    withFullscreenButton?: boolean;
+};
+export interface ModalOpenProps {
+    content: ReactNode | Promise<ReactNode>;
+    modalProps: MicroMModalSettings;
+    onClosed?: () => void;
+    focusOnClosed?: HTMLElement;
+}
+export interface ModalContextType {
+    open: (props: ModalOpenProps, onClosed?: () => void) => Promise<void>;
+    close: () => Promise<void>;
+}
+export interface ModalType {
+    originalContent: ReactNode | Promise<ReactNode>;
+    resolvedContent?: ReactNode;
+    props: ModalSettings;
+    id: string;
+    opened: boolean;
+    onClosed?: () => void;
+    focusOnClosed?: HTMLElement;
+    initialSize?: MicroMModalSize;
+    withFullscreenButton?: boolean;
+}
+export interface ModalsManagerProps extends PropsWithChildren {
+    modalProps: MicroMModalSettings;
+    /** This delay in milliseconds will be used to wait for the modal to be closed and fire the onClosed() event */
+    animationDuration: number;
+}
+export const ModalsManager: ({ modalProps, animationDuration, children }: ModalsManagerProps) => JSX.Element;
+export const useModal: () => ModalContextType;
+export type ConfirmLeaveStaySaveResult = 'save' | 'leave' | 'stay';
+export interface ConfirmLeaveStaySaveProps {
+    title?: ReactNode;
+    message?: ReactNode;
+    saveLabel?: ReactNode;
+    leaveLabel?: ReactNode;
+    stayLabel?: ReactNode;
+    onResult: (result: ConfirmLeaveStaySaveResult) => void | Promise<void>;
+}
+export const ConfirmLeaveStaySaveDefaultProps: Partial<ConfirmLeaveStaySaveProps>;
+export function ConfirmLeaveStaySave(props: ConfirmLeaveStaySaveProps): JSX.Element;
+export type NavigationProtectionMode = 'save' | 'confirm';
+export type ConfirmNavigationType = 'local' | 'remote';
+export interface UseConfirmNavigationOptions {
+    mode?: NavigationProtectionMode;
+    hasUnsavedChanges: () => boolean;
+    onSave: (navigationType: ConfirmNavigationType) => Promise<boolean>;
+}
+export function useConfirmNavigation({ mode, hasUnsavedChanges, onSave }: UseConfirmNavigationOptions): void;
 export function getMantineInitialDirty(columns: ColumnsObject, exclude_system_columns: boolean): Record<string, boolean>;
 export function getMantineValuesObject(formValues: ValuesObject, columns: ColumnsObject, exclude_system_columns: boolean): ValuesObject;
 export function getMantineInitialValuesObject(columns: ColumnsObject, columnNames?: string[]): ValuesObject;
@@ -353,13 +415,6 @@ export type GetColumnInputPropsReturnType = {
     onBlur?: any;
 };
 export type SilentSaveResult = 'saved' | 'unchanged' | 'invalid' | 'failed';
-export interface NavigationConfirmationState {
-    opened: boolean;
-    saving: boolean;
-    save: () => Promise<void>;
-    discard: () => void;
-    stay: () => void;
-}
 export interface UseEntityFormReturnType {
     form: UseFormReturnType<ValuesObject>;
     status: OperationStatus<DBStatusResult | ValuesObject>;
@@ -380,7 +435,6 @@ export interface UseEntityFormReturnType {
     isFormValid: () => boolean;
     isFormFieldValid: (column_name: string) => boolean;
     silentSave: (requestOptions?: MicroMRequestOptions) => Promise<SilentSaveResult>;
-    navigationConfirmation: NavigationConfirmationState;
 }
 export const UseEntityFormDefaultProps: Partial<UseEntityFormOptions>;
 export function useEntityForm(props: UseEntityFormOptions): UseEntityFormReturnType;
@@ -403,14 +457,6 @@ export interface EntityFormProps extends PropsWithChildren {
     isDirtyColor?: DefaultMantineColor;
     cancelButtonVariant?: Variants<'filled' | 'outline' | 'light' | 'white' | 'default' | 'subtle' | 'gradient'>;
     okButtonVariant?: Variants<'filled' | 'outline' | 'light' | 'white' | 'default' | 'subtle' | 'gradient'>;
-    saveBeforeLocalNavigation?: boolean;
-    saveBeforeRemoteNavigation?: boolean;
-    confirmBeforeNavigation?: boolean;
-    navigationConfirmationTitle?: ReactNode;
-    navigationConfirmationMessage?: ReactNode;
-    navigationSaveLabel?: ReactNode;
-    navigationDiscardLabel?: ReactNode;
-    navigationStayLabel?: ReactNode;
     disableOKIfNotDirty?: boolean;
     formHeight?: string | number;
 }
@@ -494,6 +540,7 @@ export interface FormOptions<T extends Entity<EntityDefinition>> extends Omit<En
     getDataOnInit?: boolean;
     onSaved?: (status: OperationStatus<DBStatusResult>) => void;
     onCancel?: () => void;
+    navigationProtection?: NavigationProtectionMode;
 }
 export type useStateReturnType<T> = [T, React.Dispatch<React.SetStateAction<T>>];
 export type ActionIconVariant = 'transparent' | 'subtle' | 'default' | 'outline' | 'filled' | 'light';
@@ -749,49 +796,6 @@ export interface ModalFormOptions {
     onCancel: (entity: Entity<EntityDefinition>) => void;
 }
 export function ModalForm({ entity, onSaved, onCancel }: ModalFormOptions): JSX.Element;
-export const ModalsManagerDefaultProps: {
-    closeLabel: string;
-    fullscreenLabel: string;
-    minimizeLabel: string;
-    toggleLabel: string;
-    FullScreenIcon: ForwardRefExoticComponent<IconProps & RefAttributes<Icon>>;
-    RestoreScreeSizeIcon: ForwardRefExoticComponent<IconProps & RefAttributes<Icon>>;
-    withCloseButton: boolean;
-    withFullscreenButton: boolean;
-};
-export type MicroMModalSize = MantineNumberSize | 'fullscreen';
-export type MicroMModalSettings = Partial<Omit<ModalSettings, 'size'>> & {
-    size?: MicroMModalSize;
-    withFullscreenButton?: boolean;
-};
-export interface ModalOpenProps {
-    content: ReactNode | Promise<ReactNode>;
-    modalProps: MicroMModalSettings;
-    onClosed?: () => void;
-    focusOnClosed?: HTMLElement;
-}
-export interface ModalContextType {
-    open: (props: ModalOpenProps, onClosed?: () => void) => Promise<void>;
-    close: () => Promise<void>;
-}
-export interface ModalType {
-    originalContent: ReactNode | Promise<ReactNode>;
-    resolvedContent?: ReactNode;
-    props: ModalSettings;
-    id: string;
-    opened: boolean;
-    onClosed?: () => void;
-    focusOnClosed?: HTMLElement;
-    initialSize?: MicroMModalSize;
-    withFullscreenButton?: boolean;
-}
-export interface ModalsManagerProps extends PropsWithChildren {
-    modalProps: MicroMModalSettings;
-    /** This delay in milliseconds will be used to wait for the modal to be closed and fire the onClosed() event */
-    animationDuration: number;
-}
-export const ModalsManager: ({ modalProps, animationDuration, children }: ModalsManagerProps) => JSX.Element;
-export const useModal: () => ModalContextType;
 export interface SearchInputProps extends TextInputProps {
     onSearchClick: React.MouseEventHandler;
     size: string;
@@ -3299,6 +3303,7 @@ export function useMultiDataMapGrid({ dataMapView, viewState, selectionMode, map
         groupMarkerRenderer?: _DataMapGroupMarkerRenderer1;
         centerMarkerColumnIndex?: number;
         search: string[];
+        withBorder: boolean;
         entity: _Entity1<_EntityDefinition1>;
         formMode: "view" | "add" | "edit" | undefined;
         parentKeys: _ValuesObject1;
@@ -3306,7 +3311,6 @@ export function useMultiDataMapGrid({ dataMapView, viewState, selectionMode, map
         onModalSaved: (new_status: _OperationStatus1<_DBStatusResult1 | null>) => void;
         modalFormSize: string | number | undefined;
         onModalCancelled: () => void;
-        withBorder: boolean;
         labels: _DataGridLabels1;
         notExportableColumns: number[];
         withModalFullscreenButton: boolean;