@m4l/core 0.0.37 → 0.0.40

package/dist/contexts/HostToolsContext/index.js

@@ -5,6 +5,7 @@ const initialValue = {
   toast: () => 0,
   startProgress: voidFunction,
   stopProgress: voidFunction,
+  formatDate: () => "",
   events_add_listener: voidFunction,
   events_remove_listener: voidFunction,
   events_emit: voidFunction

package/dist/contexts/ModuleDictionaryContext/index.js

@@ -1,8 +1,9 @@
-import { createContext, useState, useLayoutEffect, useCallback } from "react";
+import { createContext, useState, useEffect, useCallback } from "react";
 import { u as useEnvironment } from "../../hooks/useEnvironment/index.js";
 import { u as useFlags } from "../../hooks/useFlags/index.js";
 import { u as useHostTools } from "../../hooks/useHostTools/index.js";
 import "../ModulePrivilegesContext/index.js";
+import "../ModuleSkeletonContext/index.js";
 import { u as useNetwork } from "../../hooks/useNetwork/index.js";
 import { jsx } from "react/jsx-runtime";
 const initialState = {
@@ -33,7 +34,7 @@ function ModuleDictionaryProvider(props) {
   const {
     networkOperation
   } = useNetwork();
-  useLayoutEffect(() => {
+  useEffect(() => {
     let mounted = true;
     startProgress();
     networkOperation({

package/dist/contexts/ModulePrivilegesContext/index.js

@@ -1,8 +1,9 @@
-import { createContext, useState, useLayoutEffect, useCallback } from "react";
+import { createContext, useState, useEffect, useCallback } from "react";
 import "../EnvironmentContext/index.js";
 import { u as useFlags } from "../../hooks/useFlags/index.js";
 import { u as useHostTools } from "../../hooks/useHostTools/index.js";
 import "../ModuleDictionaryContext/index.js";
+import "../ModuleSkeletonContext/index.js";
 import { u as useNetwork } from "../../hooks/useNetwork/index.js";
 import { jsx } from "react/jsx-runtime";
 const initialState = {
@@ -26,8 +27,12 @@ function ModulePrivilegesProvider(props) {
   const {
     networkOperation
   } = useNetwork();
-  useLayoutEffect(() => {
+  useEffect(() => {
     let mounted = true;
+    if (queryPrivileges.length === 0) {
+      addFlag("privileges_loaded");
+      return;
+    }
     startProgress();
     networkOperation({
       method: "GET",

package/dist/contexts/ModuleSkeletonContext/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ModuleSkeletonContextProps, ModuleSkeletonProviderProps } from './types';
+declare const ModuleSkeletonContext: import("react").Context<ModuleSkeletonContextProps>;
+declare function ModuleSkeletonProvider(props: ModuleSkeletonProviderProps): JSX.Element;
+export { ModuleSkeletonProvider, ModuleSkeletonContext };

package/dist/contexts/ModuleSkeletonContext/index.js

@@ -0,0 +1,26 @@
+import { createContext } from "react";
+import "../EnvironmentContext/index.js";
+import { a as useFlagsPresent } from "../../hooks/useFlags/index.js";
+import "../HostToolsContext/index.js";
+import "../ModuleDictionaryContext/index.js";
+import "../ModulePrivilegesContext/index.js";
+import "../NetworkContext/index.js";
+import { jsx } from "react/jsx-runtime";
+const initialState = {
+  isSkeleton: false
+};
+const ModuleSkeletonContext = createContext(initialState);
+function ModuleSkeletonProvider(props) {
+  const {
+    children,
+    flags
+  } = props;
+  const isSkeleton = !useFlagsPresent(flags);
+  return /* @__PURE__ */ jsx(ModuleSkeletonContext.Provider, {
+    value: {
+      isSkeleton
+    },
+    children
+  });
+}
+export { ModuleSkeletonContext as M, ModuleSkeletonProvider as a };

package/dist/contexts/ModuleSkeletonContext/types.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export interface ModuleSkeletonProviderProps {
+    flags: string[];
+    children: ReactNode;
+}
+export interface ModuleSkeletonContextProps {
+    isSkeleton: boolean;
+}

package/dist/contexts/index.d.ts

@@ -4,3 +4,4 @@ export { NetworkContext, NetworkProvider } from './NetworkContext';
 export { FlagsContext, FlagsProvider } from './FlagsContext';
 export { ModuleDictionaryContext, ModuleDictionaryProvider } from './ModuleDictionaryContext';
 export { ModulePrivilegesContext, ModulePrivilegesProvider } from './ModulePrivilegesContext';
+export { ModuleSkeletonContext, ModuleSkeletonProvider } from './ModuleSkeletonContext';

package/dist/hooks/index.d.ts

@@ -4,6 +4,7 @@ export { useHostTools } from './useHostTools';
 export { useLocalStorage } from './useLocalStorage';
 export { useModuleDictionary } from './useModuleDictionary';
 export { useModulePrivileges } from './useModulePrivileges';
+export { useModuleSkeleton } from './useModuleSkeleton';
 export { useNetwork } from './useNetwork';
 export { usePaginate } from './usePaginate';
 export type { PagerState } from './usePaginate/types';

package/dist/hooks/useModuleSkeleton/index.d.ts

@@ -0,0 +1 @@
+export declare const useModuleSkeleton: () => boolean;

package/dist/hooks/useModuleSkeleton/index.js

@@ -0,0 +1,9 @@
+import { useContext } from "react";
+import { M as ModuleSkeletonContext } from "../../contexts/ModuleSkeletonContext/index.js";
+const useModuleSkeleton = () => {
+  const context = useContext(ModuleSkeletonContext);
+  if (!context)
+    throw new Error("useModuleSkeleton context must be use inside ModuleSkeletonContext");
+  return context.isSkeleton;
+};
+export { useModuleSkeleton as u };

package/dist/hooks/usePaginate/index.d.ts

@@ -1,11 +1,6 @@
+import { UsePaginateProps } from './types';
 import type { PagerState } from './types';
-export interface propsUsePaginate {
-    endPoint: string;
-    timeout?: number;
-    fireOnEnter?: boolean;
-    queryParams?: Record<string, unknown>;
-}
-export declare const usePaginate: <TRow>(props: propsUsePaginate) => {
+export declare const usePaginate: <TRow>(props: UsePaginateProps) => {
     onPageChange: (newPage: number) => void;
     onRowsPerPageChange: (newRowsPerPage: number) => void;
     pagerState: PagerState;

package/dist/hooks/usePaginate/index.js

@@ -7,23 +7,25 @@ const initialPagerState = {
   totalRecords: 0
 };
 const usePaginate = (props) => {
-  const { endPoint, timeout = 5e3, queryParams = {}, fireOnEnter = true } = props;
-  const [refresh, setRefresh] = useState(0);
+  const { endPoint, timeout = 5e3, queryParams = {}, fireOnChangeParms } = props;
+  const [refresh, setRefresh] = useState(fireOnChangeParms ? 1 : 0);
   const [rows, setRows] = useState([]);
   const [pagerState, setPagerState] = useState(initialPagerState);
   const refPagerState = useRef(initialPagerState);
-  const [fire, setFire] = useState(fireOnEnter);
   const { startProgress, stopProgress } = useHostTools();
   const { networkOperation } = useNetwork();
   const Refresh = useCallback(() => {
     setRefresh((oldValue) => oldValue + 1);
   }, []);
+  useEffect(() => {
+    if (fireOnChangeParms) {
+      Refresh();
+    }
+  }, [queryParams]);
   useEffect(() => {
     let mounted = true;
-    if (!fire) {
-      setFire(true);
+    if (refresh === 0)
       return;
-    }
     startProgress();
     networkOperation({
       method: "GET",
@@ -53,7 +55,7 @@ const usePaginate = (props) => {
       stopProgress();
       mounted = false;
     };
-  }, [refresh, queryParams]);
+  }, [refresh]);
   const onPageChange = (newPage) => {
     refPagerState.current.page = newPage;
     setRefresh((oldValue) => oldValue + 1);

package/dist/hooks/usePaginate/types.d.ts

@@ -4,3 +4,9 @@ export declare interface PagerState {
     totalRecords: number;
 }
 export declare const initialPagerState: PagerState;
+export interface UsePaginateProps {
+    endPoint: string;
+    timeout?: number;
+    fireOnChangeParms?: boolean;
+    queryParams?: Record<string, unknown>;
+}

package/dist/index.js

@@ -4,6 +4,7 @@ export { F as FlagsContext, a as FlagsProvider } from "./contexts/FlagsContext/i
 export { H as HostToolsContext, a as HostToolsProvider } from "./contexts/HostToolsContext/index.js";
 export { M as ModuleDictionaryContext, a as ModuleDictionaryProvider } from "./contexts/ModuleDictionaryContext/index.js";
 export { M as ModulePrivilegesContext, a as ModulePrivilegesProvider } from "./contexts/ModulePrivilegesContext/index.js";
+export { M as ModuleSkeletonContext, a as ModuleSkeletonProvider } from "./contexts/ModuleSkeletonContext/index.js";
 export { N as NetworkContext, a as NetworkProvider } from "./contexts/NetworkContext/index.js";
 export { u as useEnvironment } from "./hooks/useEnvironment/index.js";
 export { u as useFlags, a as useFlagsPresent } from "./hooks/useFlags/index.js";
@@ -11,6 +12,7 @@ export { u as useHostTools } from "./hooks/useHostTools/index.js";
 export { u as useLocalStorage } from "./hooks/useLocalStorage/index.js";
 export { u as useModuleDictionary } from "./hooks/useModuleDictionary/index.js";
 export { u as useModulePrivileges } from "./hooks/useModulePrivileges/index.js";
+export { u as useModuleSkeleton } from "./hooks/useModuleSkeleton/index.js";
 export { u as useNetwork } from "./hooks/useNetwork/index.js";
 export { i as initialPagerState, u as usePaginate } from "./hooks/usePaginate/index.js";
 export { E as EmitEvents } from "./types/index.js";

package/dist/types/index.d.ts

@@ -37,6 +37,7 @@ export declare interface HostToolsType {
     toast: ToastFunction;
     startProgress: VoidFunction;
     stopProgress: VoidFunction;
+    formatDate: (date: Date | number, format: string, options?: any) => string;
     events_add_listener: (eventName: string, handler: EventFunListener) => void;
     events_remove_listener: (eventName: string, handler: Maybe<EventFunListener>) => void;
     events_emit: (eventName: string, arg: any) => void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@m4l/core",
   "private": false,
-  "version": "0.0.37",
+  "version": "0.0.40",
   "license": "UNLICENSED",
   "author": "M4L Team",
   "scripts": {