@m4l/components 4.0.0 → 4.1.0

package/components/MFIsolationApp/{MFIsolationApp-gs8L4yRC.js → MFIsolationApp-BteTTKTJ.js}

@@ -7,6 +7,7 @@ import NProgress from "nprogress";
 import { LocalesProvider, getLocaleFromNetwork, ResponsiveContainerProvider } from "@m4l/graphics";
 import { EnvironmentProvider, HostToolsProvider, NetworkProvider, axiosOperation, AuthProvider } from "@m4l/core";
 import { T as TOAST_CONTAINER_ID } from "./constants-pKuV2ytz.js";
+import { A as AppearanceComponentProvider } from "../../contexts/AppearanceComponentContext/AppearanceComponentContext-Dh1xxcRq.js";
 import { c as createToaster } from "../ToastContainer/helpers/toaster-DzYEKmB3.js";
 import { M as MFAuthApp } from "./subcomponents/MFAuthApp/MFAuthApp-_B9NLBK_.js";
 import { T as ToastContainer } from "../ToastContainer/ToastContainer-CbeZ1op9.js";
@@ -111,7 +112,7 @@ function MFIsolationApp(props) {
             onSelectLayout: (modId) => {
               console.log("onSelectLayout", modId);
             },
-            children: /* @__PURE__ */ jsx(ResponsiveContainerProvider, { observedDivRef, children })
+            children: /* @__PURE__ */ jsx(ResponsiveContainerProvider, { observedDivRef, children: /* @__PURE__ */ jsx(AppearanceComponentProvider, { children }) })
           }
         )
       }

package/contexts/AppearanceComponentContext/AppearanceComponentContext-Dh1xxcRq.js

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+import { createContext, useRef } from "react";
+import { DEFAULT_SIZE } from "@m4l/styles";
+import { c as createAppearanceComponentStore } from "./AppearanceComponentStore-sJMNJ0WN.js";
+const AppearanceComponentContext = createContext(null);
+function AppearanceComponentProvider(props) {
+  const { defaultSize, children } = props;
+  const appearanceComponentStoreRef = useRef();
+  if (!appearanceComponentStoreRef.current) {
+    appearanceComponentStoreRef.current = createAppearanceComponentStore({
+      defaultSize: defaultSize || DEFAULT_SIZE
+    });
+  }
+  return /* @__PURE__ */ jsx(AppearanceComponentContext.Provider, { value: appearanceComponentStoreRef.current, children });
+}
+export {
+  AppearanceComponentProvider as A,
+  AppearanceComponentContext as a
+};

package/contexts/AppearanceComponentContext/AppearanceComponentContext.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { type AppearanceComponentState } from './AppearanceComponentStore';
+export declare const AppearanceComponentContext: import("react").Context<(Omit<Omit<import("zustand").StoreApi<import("./AppearanceComponentStore").AppearanceComponentStore>, "setState"> & {
+    setState<A extends string | {
+        type: unknown;
+    }>(partial: import("./AppearanceComponentStore").AppearanceComponentStore | Partial<import("./AppearanceComponentStore").AppearanceComponentStore> | ((state: import("./AppearanceComponentStore").AppearanceComponentStore) => import("./AppearanceComponentStore").AppearanceComponentStore | Partial<import("./AppearanceComponentStore").AppearanceComponentStore>), replace?: boolean | undefined, action?: A | undefined): void;
+}, "setState"> & {
+    setState(nextStateOrUpdater: import("./AppearanceComponentStore").AppearanceComponentStore | Partial<import("./AppearanceComponentStore").AppearanceComponentStore> | ((state: import("immer/dist/internal").WritableDraft<import("./AppearanceComponentStore").AppearanceComponentStore>) => void), shouldReplace?: boolean | undefined, action?: string | {
+        type: unknown;
+    } | undefined): void;
+}) | null>;
+interface AppearanceComponentContextProps extends Partial<AppearanceComponentState> {
+    children: ReactNode;
+}
+export declare function AppearanceComponentProvider(props: AppearanceComponentContextProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/contexts/AppearanceComponentContext/AppearanceComponentStore-sJMNJ0WN.js

@@ -0,0 +1,24 @@
+import { createStore } from "zustand";
+import { devtools } from "zustand/middleware";
+import { immer } from "zustand/middleware/immer";
+import { DEFAULT_SIZE } from "@m4l/styles";
+const createAppearanceComponentStore = (initProps) => {
+  return createStore(
+    devtools(
+      immer((set) => ({
+        defaultSize: initProps.defaultSize ?? DEFAULT_SIZE,
+        actions: {
+          setDefaultSize: (newDefaultSize) => {
+            set((state) => {
+              state.defaultSize = newDefaultSize;
+            });
+          }
+        }
+      })),
+      { name: "AppearanceComponentStore" }
+    )
+  );
+};
+export {
+  createAppearanceComponentStore as c
+};

package/contexts/AppearanceComponentContext/AppearanceComponentStore.d.ts

@@ -0,0 +1,20 @@
+import { type Sizes } from '@m4l/styles';
+export interface AppearanceComponentState {
+    defaultSize: Sizes;
+}
+export interface AppearanceComponentActions {
+    actions: {
+        setDefaultSize: (newDefaultSize: Sizes) => void;
+    };
+}
+export declare type AppearanceComponentStore = AppearanceComponentState & AppearanceComponentActions;
+export declare const createAppearanceComponentStore: (initProps: AppearanceComponentState) => Omit<Omit<import("zustand").StoreApi<AppearanceComponentStore>, "setState"> & {
+    setState<A extends string | {
+        type: unknown;
+    }>(partial: AppearanceComponentStore | Partial<AppearanceComponentStore> | ((state: AppearanceComponentStore) => AppearanceComponentStore | Partial<AppearanceComponentStore>), replace?: boolean | undefined, action?: A | undefined): void;
+}, "setState"> & {
+    setState(nextStateOrUpdater: AppearanceComponentStore | Partial<AppearanceComponentStore> | ((state: import("immer/dist/internal").WritableDraft<AppearanceComponentStore>) => void), shouldReplace?: boolean | undefined, action?: string | {
+        type: unknown;
+    } | undefined): void;
+};
+export declare type AppearanceComponentReturnType = ReturnType<typeof createAppearanceComponentStore>;

package/contexts/AppearanceComponentContext/index-l0sNRNKZ.js

@@ -0,0 +1 @@
+

package/contexts/AppearanceComponentContext/index.d.ts

@@ -0,0 +1,3 @@
+export { AppearanceComponentProvider, AppearanceComponentContext, } from './AppearanceComponentContext';
+export { useAppearanceComponentStore } from './useAppearanceComponentStore';
+export * from './AppearanceComponentStore';

package/contexts/AppearanceComponentContext/useAppearanceComponentStore-Cn0YUt4u.js

@@ -0,0 +1,15 @@
+import { useContext } from "react";
+import { useStore } from "zustand";
+import { shallow } from "zustand/shallow";
+import { a as AppearanceComponentContext } from "./AppearanceComponentContext-Dh1xxcRq.js";
+function useAppearanceComponentStore(selector, equalityFn) {
+  const store = useContext(AppearanceComponentContext);
+  if (!store)
+    throw new Error(
+      "useAppearanceComponentStore context must be use inside AppearanceComponentContext"
+    );
+  return useStore(store, selector, equalityFn ?? shallow);
+}
+export {
+  useAppearanceComponentStore as u
+};

package/contexts/AppearanceComponentContext/useAppearanceComponentStore.d.ts

@@ -0,0 +1,2 @@
+import { AppearanceComponentStore } from './AppearanceComponentStore';
+export declare function useAppearanceComponentStore<T>(selector: (state: AppearanceComponentStore) => T, equalityFn?: (left: T, right: T) => boolean): T;

package/contexts/index.d.ts

@@ -4,3 +4,4 @@ export * from './ModalContext/types';
 export type { FormInitialValues, FormStatusLoad } from './RHFormContext/types';
 export { RHFormProvider } from './RHFormContext';
 export { getFormComponentsDictionary } from './RHFormContext/dictionary';
+export { useAppearanceComponentStore, AppearanceComponentProvider, } from './AppearanceComponentContext';

package/hooks/index.d.ts

@@ -4,3 +4,4 @@ export { useTab } from './useTab';
 export { getformAddEditDictionary } from './useFormAddEdit/dictionary';
 export { useFormFocus } from './useFormFocus';
 export { useInterval } from './useInterval';
+export { useComponentSize } from './useComponentSize';

package/hooks/useComponentSize/index-l0sNRNKZ.js

@@ -0,0 +1 @@
+

package/hooks/useComponentSize/index.d.ts

@@ -0,0 +1 @@
+export { useComponentSize } from './useComponentSize';

package/hooks/useComponentSize/useComponentSize-IEs8SldY.js

@@ -0,0 +1,9 @@
+import { u as useAppearanceComponentStore } from "../../contexts/AppearanceComponentContext/useAppearanceComponentStore-Cn0YUt4u.js";
+function useComponentSize(componentSize = null) {
+  const defaultSize = useAppearanceComponentStore((state) => state.defaultSize);
+  const setDefaultSize = useAppearanceComponentStore((state) => state.actions.setDefaultSize);
+  return { currentSize: componentSize ?? defaultSize, setDefaultSize };
+}
+export {
+  useComponentSize as u
+};

package/hooks/useComponentSize/useComponentSize.d.ts

@@ -0,0 +1,9 @@
+import { Sizes } from '@m4l/styles';
+/**
+ * hook usado para obtener el valor por defecto para los componentes que usan la prop size
+ * @return { currentSize, setDefaultSize } objeto con el valor por default del size y la función para cambiarlo
+ */
+export declare function useComponentSize(componentSize?: Sizes | null | undefined): {
+    currentSize: Sizes;
+    setDefaultSize: (newDefaultSize: Sizes) => void;
+};

package/index.js

@@ -150,18 +150,21 @@ import { A as A15 } from "./components/commercial/AppBarCommercial/index-BbLE2KQ
 import { H as H3 } from "./components/commercial/HamburgerMenu/HamburgerMenu-B_wv12aV.js";
 import { T as T12 } from "./components/commercial/TopBar/TopBar-CQBs7prv.js";
 import { S as S6 } from "./components/commercial/SectionCommercial/index-A54Y957q.js";
-import { M as M10 } from "./components/MFIsolationApp/MFIsolationApp-gs8L4yRC.js";
+import { M as M10 } from "./components/MFIsolationApp/MFIsolationApp-BteTTKTJ.js";
 import { B as B6 } from "./components/BaseModule/BaseModule-ut5-cA-D.js";
 import { a as a10, D as D6, M as M11 } from "./components/areas/contexts/DynamicMFParmsContext/index-SHbC_49A.js";
 import { R as R15 } from "./contexts/RHFormContext/index-DE-wmCBw.js";
 import { g as g25 } from "./contexts/RHFormContext/dictionary-Dsuwh7PB.js";
+import { u as u7 } from "./contexts/AppearanceComponentContext/useAppearanceComponentStore-Cn0YUt4u.js";
+import { A as A16 } from "./contexts/AppearanceComponentContext/AppearanceComponentContext-Dh1xxcRq.js";
 import { a as a11, M as M12 } from "./contexts/ModalContext/index-B7tc4o1X.js";
-import { u as u7 } from "./hooks/useFormAddEdit/index-BNAXqhmd.js";
-import { u as u8 } from "./hooks/useModal/index-CvlomTtY.js";
-import { u as u9 } from "./hooks/useTab/index-CRVh_6kE.js";
+import { u as u8 } from "./hooks/useFormAddEdit/index-BNAXqhmd.js";
+import { u as u9 } from "./hooks/useModal/index-CvlomTtY.js";
+import { u as u10 } from "./hooks/useTab/index-CRVh_6kE.js";
 import { g as g26 } from "./hooks/useFormAddEdit/dictionary-DFRDT91K.js";
-import { u as u10 } from "./hooks/useFormFocus/index-B1F2sySJ.js";
-import { u as u11 } from "./hooks/useInterval/index-CVxgquG2.js";
+import { u as u11 } from "./hooks/useFormFocus/index-B1F2sySJ.js";
+import { u as u12 } from "./hooks/useInterval/index-CVxgquG2.js";
+import { u as u13 } from "./hooks/useComponentSize/useComponentSize-IEs8SldY.js";
 export {
   A5 as AREAS_DICTIONARY_ID,
   A6 as Accordion,
@@ -174,6 +177,7 @@ export {
   A as AnimatedScroll,
   A13 as AppBar,
   A15 as AppBarComercial,
+  A16 as AppearanceComponentProvider,
   A2 as AreasAdmin,
   a3 as AreasContext,
   A4 as AreasProvider,
@@ -337,16 +341,18 @@ export {
   g26 as getformAddEditDictionary,
   i as isEqualLayout,
   k as isEqualLayouts,
+  u7 as useAppearanceComponentStore,
+  u13 as useComponentSize,
   u as useDynamicMFParametersStore,
-  u7 as useFormAddEdit,
-  u10 as useFormFocus,
-  u11 as useInterval,
+  u8 as useFormAddEdit,
+  u11 as useFormFocus,
+  u12 as useInterval,
   u4 as useMapStore,
   u5 as useMapToolsStore,
-  u8 as useModal,
+  u9 as useModal,
   u6 as usePopupsStore,
   u3 as useSetWindowsTitle,
-  u9 as useTab,
+  u10 as useTab,
   u2 as useWindowToolsMF,
   v2 as varBounce,
   v3 as varContainer,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "4.0.0",
+  "version": "4.1.0",
   "license": "UNLICENSED",
   "lint-staged": {
     "src/**/*.{js,ts,jsx,tsx}": "eslint --max-warnings=0 --fix",