@m4l/components 0.2.8 → 0.2.10

package/packages/m4l_components/src/@types/export.d.ts

@@ -0,0 +1,393 @@
+import type { DynamicFilterProps } from '../components/DynamicFilter/types';
+import type { HelperTextProps } from '../components/HelperText/types';
+import type { RHFTextFieldProps } from '../components/hook-form/RHFTextField/types';
+import type { RHFTextFieldPasswordClassesKey } from '../components/hook-form/RHFTextFieldPassword/classes/types';
+import type { RHFTextFieldPasswordProps } from '../components/hook-form/RHFTextFieldPassword/types';
+import type { IconProps } from '../components/Icon/types';
+import type { ImageProps } from '../components/Image/types';
+import type { ButtonProps } from '../components/mui_extended/Button/types';
+import type { IconButtonProps } from '../components/mui_extended/IconButton/types';
+
+import type { ImageButtonProps } from '../components/mui_extended/ImageButton/types';
+import type { PopoverClassesKey } from '../components/mui_extended/Popover/classes/types';
+import type { PopoverProps } from '../components/mui_extended/Popover/types';
+import type { TypographyProps } from '../components/mui_extended/Typography/types';
+import { NavLinkProps } from '../components/NavLink/types';
+import type { ButtonBaseClassKey, ComponentsOverrides, ComponentsProps } from '@mui/material';
+import type { DynamicFilterClassesKey, ErrorLabelClassesKey, StackProps } from '../components';
+import type { RHFTextFieldClassesKey } from '../components/hook-form/RHFTextField/classes/types';
+import type { IconClassesKey } from '../components/Icon/classes/types';
+import type { IconButtonClassesKey } from '../components/mui_extended/IconButton/classes/types';
+import type { LanguagePopoverClassesKey } from '../components/LanguagePopover/classes/types';
+import type { ImageClassesKey } from '../components/Image/utils/classes/types';
+import type { RHFCheckboxClassesKey } from '../components/hook-form/RHFCheckbox/classes/types';
+import type { RHFAutocompleteProps } from '../components/hook-form/RHFAutocomplete/types';
+import type { RHFAutocompleteClassesKey } from '../components/hook-form/RHFAutocomplete/classes/types';
+import type { RHFAutocompleteAsyncProps } from '../components/hook-form/RHFAutocompleteAsync/types';
+import type { RHFAutocompleteAsyncClassesKey } from '../components/hook-form/RHFAutocompleteAsync/classes/types';
+import { MuiLabLoadingButtonProps } from '../components/mui_extended/LoadingButton/types';
+import { LoadingbuttonClassesKey } from '../components/mui_extended/LoadingButton/classes/types';
+import { TypographyClassesKey } from '../components/mui_extended/Typography/utils/Clases/types';
+import { ImageButtonClassesKey } from '../components/mui_extended/ImageButton/utils/Clases/types';
+import { SideBarProps } from '../components/SideBar/types';
+import { SideBarClassesKey } from '../components/SideBar/classes/types';
+import { RHFDateTimeProps } from '../components/hook-form/RHFDateTime/types';
+import { RHFDateTimeClassesKey } from '../components/hook-form/RHFDateTime/classes/types';
+import { AreasAdminClassesKey } from '../components/areas/components/AreasAdmin/classes/types';
+import { AreasViewerClassesKey } from '../components/areas/components/AreasViewer/classes/types';
+import { AppBarProps } from '../components/AppBar/types';
+import { AccountPopoverProps } from '../components/AccountPopover/types';
+import { SplitLayoutProps } from '../components/SplitLayout';
+import { LinearProgressIndeterminateClassesKey } from '../components/LinearProgressIndeterminate/classes/types';
+import { PropertyValueProps } from '../components/PropertyValue/types';
+import { TabClassesKey } from '../components/mui_extended/Tab/classes/types';
+import { AccordionProps } from '../components/mui_extended/Accordion/types';
+import { PropertyValueClassesKey } from '../components/PropertyValue/classes/types';
+import { FormProviderProps } from '../contexts/RHFormContext/types';
+import { RHFormProivderClassesKey } from '../contexts/RHFormContext/classes/types';
+import { RHFUploadImageClassesKey } from '../components/hook-form/RHFUpload/RHFUploadImage/classes/types';
+import { RHFUploadImageProps } from '../components/hook-form/RHFUpload/RHFUploadImage/types';
+import { PeriodProps } from '../components/Period/types';
+import { PeriodClassesKey } from '../components/Period/classes/types';
+import { ModalClassesKey } from '..index/components/modal/classes/types';
+import { PaperFormClassesKey } from '../components/PaperForm/classes/types';
+import { TooltipClassesKey } from '../components/mui_extended/Tooltip/classes/types';
+import { BadgeProps } from '../components/mui_extended/Badge';
+import { BadgeClassesKey } from '../components/DataGrid/classes/types';
+import { CheckboxClassesKey } from '../components/mui_extended/CheckBox/classes/types';
+import { StackClassesKey } from '../components/mui_extended/Stack/classes/types';
+import { TabsClassesKey } from '../components/mui_extended/Tabs/classes/types';
+import { NoItemSelectedClassesKey } from '../components/NoItemSelected/classes/types';
+import { ScrollBarClassesKey } from '../components/ScrollBar/classes/types';
+import { ToolkitPageClassesKey } from '../components/PrintingSystem/subcomponents/PageNode/classes/types';
+import { ToolkitSectionClassesKey } from '../components/PrintingSystem/subcomponents/SectionNode/classes/types';
+
+declare module '@mui/material/styles' {
+    /* ----------------------------- Augmentation overrides theme -----------------------------  */
+
+    /* nterface ComponentsPropsList {
+        M4LDynamicFilter: DynamicFilterProps;
+        M4LRHFTextField: RHFTextFieldProps;
+        M4LRHFTextFieldPassword: RHFTextFieldPasswordProps;
+        M4LRHFAutocomplete: RHFAutocompleteProps;
+        M4LRHFAutocompleteAsync: RHFAutocompleteAsyncProps;
+        M4LRHFDateTime: RHFDateTimeProps;
+        M4LIcon: IconProps;
+        M4LIconButton: IconButtonProps;
+        M4LanguagePopover: undefined;
+        M4LImageButton: ImageButtonProps;
+        M4LImage: ImageProps;
+        M4LBadge: BadgeProps;
+        M4LPopover: PopoverProps;
+        M4LRHFCheckbox: undefined;
+        M4LErrorLabel: HelperTextProps;
+        M4LTypography: TypographyProps;
+        M4LButton: ExtendButtonProps;
+        M4LLoadingButton: MuiLabLoadingButtonProps;
+        M4LNavLink: NavLinkProps;
+        M4LSideBar: SideBarProps;
+        M4LAppBar: AppBarProps;
+        M4LAvatar: AvatarProps;
+        M4LAccountPopover: AccountPopoverProps;
+        M4LSplitLayout: SplitLayoutProps;
+        M4LPropertyValue: PropertyValueProps;
+        M4LRHFormProvider: FormProviderProps;
+        M4LRHFUploadImage: RHFUploadImageProps;
+        M4LPeriod: PeriodProps;
+    } */
+
+    interface ComponentNameToClassKey {
+        // M4LDynamicFilter: DynamicFilterClassesKey;
+        // M4LDynamicFilterPopoverFilter: DynamicFilterClassesKey;
+        // M4LDynamicFilterPopoverMenuFields: DynamicFilterClassesKey;
+        // M4LRHFTextField: RHFTextFieldClassesKey;
+        // M4LRHFTextFieldPassword: RHFTextFieldPasswordClassesKey;
+        // M4LRHFAutocomplete: RHFAutocompleteClassesKey;
+        // M4LRHFAutocompleteAsync: RHFAutocompleteAsyncClassesKey;
+        // M4LIcon: IconClassesKey;
+        // M4LIconButton: IconButtonClassesKey;
+        // M4LanguagePopover: LanguagePopoverClassesKey;
+        // M4LImageButton: ImageButtonClassesKey;
+        // M4LImage: ImageClassesKey;
+        // M4LBadge: BadgeProps;
+        // M4LPopover: PopoverClassesKey;
+        // M4LRHFCheckBox: RHFCheckboxClassesKey;
+        // M4LCheckBox: CheckboxClassesKey;
+        // M4LDataGrid: BadgeClassesKey;
+        // M4LDataGridDensityPopover: BadgeClassesKey;
+        // M4LErrorLabel: ErrorLabelClassesKey;
+        // M4LTypography: TypographyClassesKey;
+        // M4LButton: ButtonBaseClassKey;
+        // M4LLoadingButton: LoadingbuttonClassesKey;
+        // M4LNavLink: ButtonBaseClassKey;
+        // M4LSideBar: SideBarClassesKey;
+        // M4LAppBar: AppBarClassesKey;
+        // M4LSideBarPopover: SideBarClassesKey;
+        // M4LSideBarDrawer: SideBarClassesKey;
+        // M4LRHFDateTime: RHFDateTimeClassesKey;
+        // M4LAreasViewer: AreasViewerClassesKey;
+        // M4LAreasViewerWindowPopUpList: AreasViewerClassesKey;
+        // M4LAreasAdmin: AreasAdminClassesKey;
+        // M4LAreasAdminEditPopover: AreasAdminClassesKey;
+        // M4LAreasAdminMobilePopoverOptions: AreasAdminClassesKey;
+        // M4LAreasAdminPopoverListWindows: AreasAdminClassesKey;
+        // M4LAvatar: AvatarClassesKey;
+        // M4LAccountPopover: AccountPopoverClassesKey;
+        // M4LAccountPopoverPopover: AccountPopoverClassesKey;
+        // M4LModuleLayout: ModuleLayoutClassesKey;
+        // M4LMasterDetailLayout: MasterDetailLayoutClassesKey;
+        // M4LSplitLayout: SplitLayoutClassesKey;
+        // M4LCommonActions: CommonActionsClassesKey;
+        // M4LinearProgressIndeterminate: LinearProgressIndeterminateClassesKey;
+        // M4LPropertyValue: PropertyValueClassesKey;
+        // M4LTab: TabClassesKey;
+        // M4LAccordion: AccordionClassesKey;
+        // M4LRHFormProvider: RHFormProivderClassesKey;
+        // M4LRHFUploadImage: RHFUploadImageClassesKey;
+        // M4LModalDialog: ModalClassesKey;
+        // M4LPaperForm: PaperFormClassesKey;
+        // M4LTooltip: TooltipClassesKey;
+        // M4LPager: PagerClassesKey;
+        // M4LPagerMenuPopover: PagerClassesKey,
+        // M4LStack: StackClassesKey,
+        // M4LTabs: TabsClassesKey,
+        // M4LNoItemSelected: NoItemSelectedClassesKey,
+        // M4LScrollBar: ScrollBarClassesKey,
+        // M4LToolkitPage: ToolkitPageClassesKey,
+        // M4LToolkitSection: ToolkitSectionClassesKey,
+    }
+
+    interface Components {
+        M4LPeriod?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LPeriod'];
+        };
+        M4LAreasViewer?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LAreasViewer'];
+        };
+        M4LAreasAdmin?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LAreasAdmin'];
+        };
+        M4LDynamicFilter?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LDynamicFilter'];
+        };
+        M4LDynamicFilterPopoverFilter?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LDynamicFilterPopoverFilter'];
+        };
+        M4LDynamicFilterPopoverMenuFields?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LDynamicFilterPopoverMenuFields'];
+        };
+        M4LRHFTextField?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LRHFTextField'];
+        };
+        M4LRHFTextFieldPassword?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LRHFTextFieldPassword'];
+        };
+        M4LRHFAutocomplete?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LRHFAutocomplete'];
+        };
+        M4LRHFAutocompletePopover?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LRHFAutocompletePopover'];
+        };
+        M4LRHFAutocompleteAsync?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LRHFAutocompleteAsync'];
+        };
+        M4LRHFDateTime?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LRHFDateTime'];
+        };
+        M4LRHFUploadImage?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LRHFUploadImage'];
+        };
+        M4LIcon?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LIcon'];
+        };
+        M4LIconButton?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LIconButton'];
+        };
+        M4LanguagePopover?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LanguagePopover'];
+        };
+        M4LImageButton?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LImageButton'];
+        };
+        M4LImage?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LImage'];
+        };
+        M4LBadge?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LBadge'];
+        };
+        M4LPopover?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LPopover'];
+        };
+        M4LRHFCheckbox?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LRHFCheckbox'];
+        };
+        M4LRHFColorPicker?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LRHFColorPicker'];
+        };
+        M4LRHFColorPickerPopoverRoot?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LRHFColorPickerPopoverRoot'];
+        };
+        M4LCheckBox?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LCheckBox'];
+        };
+        M4LDataGrid?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LDataGrid'];
+        };
+        M4LDataGridDensityPopover?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LDataGridDensityPopover'];
+        };
+        M4LDataGridActionsFormatter?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LDataGridActionsFormatter'];
+        };
+        M4LErrorLabel?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LErrorLabel'];
+        };
+        M4LTypography?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LTypography'];
+        };
+        M4LButton?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LButton'];
+        };
+        M4LLoadingButton?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LLoadingButton'];
+        };
+        M4LNavLink?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LNavLink'];
+        };
+        M4LSideBar?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LSideBar'];
+        };
+        M4LAppBar?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LAppBar'];
+        };
+        M4LSideBarPopover?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LSideBarPopover'];
+        };
+        M4LSideBarDrawer?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LSideBarPopover'];
+        };
+        M4LAreasViewer?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LAreasViewer'];
+        };
+        M4LAreasViewerWindow?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LAreasViewerWindow'];
+        };
+        M4LAreasViewerModal?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LAreasViewerModal'];
+        };
+        M4LAreasViewerWindowPopUpList?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LAreasViewerWindowPopUpList'];
+        };
+        M4LAreasAdmin?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LAreasAdmin'];
+        };
+        M4LAreasAdminEditPopover?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LAreasAdminEditPopover'];
+        };
+        M4LAreasAdminMobilePopoverOptions?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LAreasAdminMobilePopoverOptions'];
+        };
+        M4LAreasAdminPopoverListWindows?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LAreasAdminPopoverListWindows'];
+        };
+        M4LAvatar?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LAvatar'];
+        };
+        M4LAccountPopover?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LAccountPopover'];
+        };
+        M4LAccountPopoverPopover?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LAccountPopoverPopover'];
+        };
+        M4LModuleLayout?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LModuleLayout'];
+        };
+        M4LMasterDetailLayout?: {
+            styleOverrides?: ComponentsOverrides<Theme>['MasterDetailLayout'];
+        };
+        M4LSplitLayout?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LSplitLayout'];
+        };
+        M4LCommonActions?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LCommonActions'];
+        };
+        M4LinearProgressIndeterminate?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LinearProgressIndeterminate'];
+        };
+        M4LPropertyValue?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LPropertyValue'];
+        };
+        M4LAccordion?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LAccordion'];
+        };
+        M4LTab?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LTab'];
+        };
+        M4LRHFormProvider?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LRHFormProvider'];
+        };
+        M4LRHFPeriod?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LRHFPeriod'];
+        };
+        M4LModalDialog?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LModalDialog'];
+        };
+        M4LPaperForm?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LPaperForm'];
+        };
+        M4LTooltip?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LTooltip'];
+        };
+        M4LPager?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LPager'];
+        };
+        M4LPagerMenuPopover?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LPagerMenuPopover'];
+        };
+
+        M4LGridLayout?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LGridLayout'];
+        };
+        M4LGpsTools?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LGpsTools'];
+        };
+
+        M4LStack?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LStack'];
+        };
+        M4LTabs?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LTabs'];
+        };
+        M4LNoItemSelected?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LNoItemSelected'];
+        };
+        M4LScrollBar?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LScrollBar'];
+        };
+        M4LTabContent?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LTabContent'];
+        };
+        M4LMenuActions?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LMenuActions'];
+        };
+        M4LPrintingSystem?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LPrintingSystem'];
+        };
+        M4LFormatter?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LFormatter'];
+        };
+        M4LoadingError?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LoadingError'];
+        };
+        M4LMFLoader?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LMFLoader'];
+        };
+        M4LToastContainer?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LToastContainer'];
+        };
+        M4LPDFViewer?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LPDFViewer'];
+        };
+        
+    }
+}

package/packages/m4l_components/src/components/DataGrid/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const DATAGRID_PREFIX_NAME = "M4LDataGrid";
+export declare const DATAGRID_SELECT_COLUMN_KEY = "M4LDataGrid-CheckedColumn";
+export declare const DATAGRID_ACTIONS_COLUMN_KEY = "M4LDataGrid-ActionsColumn";

package/{components → packages/m4l_components/src/components}/PaperForm/classes/index.d.ts

@@ -1,7 +1,8 @@
 import { PaperFormClassesType } from './types';
+import { OwnerState } from '../types';
 export declare const periodClasses: PaperFormClassesType;
 export declare function getPaperFormUtilityClass(slot: string): string;
-export declare const paperFormUtilityClasses: () => {
+export declare const paperFormUtilityClasses: (ownerState: OwnerState) => {
     root: string;
     content: string;
     headerContainer: string;

package/{components → packages/m4l_components/src/components}/PaperForm/classes/types.d.ts

@@ -5,6 +5,7 @@ export interface PaperFormClassesType {
     iconTitleContainer: string;
     iconHeaderContainer: string;
     skeletonContainer: string;
+    isForm: string;
 }
 export declare type PaperFormClassesKey = keyof PaperFormClassesType;
 export declare type Classes = ReturnType<typeof paperFormUtilityClasses>;

package/{components → packages/m4l_components/src/components}/PaperForm/types.d.ts

@@ -4,7 +4,10 @@ export interface PaperFormProps {
     urlIcon?: string;
     title: string;
     children: ReactNode;
+    isForm?: boolean;
 }
-export interface HeaderProps extends Omit<PaperFormProps, 'children'> {
+export interface HeaderProps extends Omit<PaperFormProps, 'children' | 'isForm'> {
     classes: Classes;
 }
+export interface OwnerState extends Pick<PaperFormProps, 'isForm'> {
+}

package/{components → packages/m4l_components/src/components}/areas/contexts/AreasContext/helper.d.ts

@@ -1,8 +1,8 @@
 import { WritableDraft } from 'immer/dist/internal';
 import type { Area, AreasStateWithActions } from './types';
 import type { WindowState, WindowStateProps } from '../../types';
-export declare const PADDING_GRIDLAYOUT = 4;
-export declare const MARGIN_GRIDLAYOUT = 4;
+export declare const PADDING_GRIDLAYOUT = 8;
+export declare const MARGIN_GRIDLAYOUT = 8;
 export declare const DEBOUCED_SAVE_TIME = 500;
 export declare const THROTTLE_RESIZE_TIME = 300;
 export declare const COOKIE_BREAKPOINT_LAYOUTS = "layoutPros";