@m4l/components 0.0.11 → 0.0.14

package/dist/style.css

@@ -0,0 +1 @@
+.lazy-load-image-background.blur{filter:blur(15px)}.lazy-load-image-background.blur.lazy-load-image-loaded{filter:blur(0);transition:filter .3s}.lazy-load-image-background.blur>img{opacity:0}.lazy-load-image-background.blur.lazy-load-image-loaded>img{opacity:1;transition:opacity .3s}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@m4l/components",
   "private": false,
-  "version": "0.0.11",
+  "version": "0.0.14",
   "license": "UNLICENSED",
   "scripts": {
     "dev": "vite",
@@ -18,7 +18,9 @@
     "react-dom": "^18.0.0"
   },
   "peerDependencies": {
-    "@m4l/core": "^0.0.26",
+    "@hookform/resolvers": "^2.9.5",
+    "@m4l/core": "^0.0.27",
+    "@m4l/graphics": "^0.0.18",
     "@mui/lab": "^5.0.0-alpha.89",
     "@mui/material": "^5.8.7",
     "@mui/x-date-pickers": "^5.0.0-beta.0",
@@ -29,25 +31,25 @@
     "react-dnd": "^16.0.1",
     "react-dnd-html5-backend": "^16.0.1",
     "react-dom": "^18.0.0",
-    "react-router-dom": "^6.3.0",
-    "@hookform/resolvers": "^2.9.5",
-    "react-hook-form": "^7.33.1"
-   
-
+    "react-hook-form": "^7.33.1",
+    "lodash": "^4.17.21",
+    "react-router-dom": "^6.3.0"
   },
   "devDependencies": {
     "@emotion/styled": "^11.9.3",
     "@hookform/resolvers": "^2.9.5",
-    "@m4l/core": "^0.0.26",
-    "@m4l/graphics": "^0.0.14",
+    "@m4l/core": "^0.0.27",
+    "@m4l/graphics": "^0.0.18",
     "@mui/lab": "^5.0.0-alpha.89",
     "@mui/material": "^5.8.7",
     "@mui/x-date-pickers": "^5.0.0-beta.0",
     "@testing-library/react": "^13.3.0",
     "@testing-library/user-event": "^14.2.1",
+    "@types/lodash": "^4.14.182",
     "@types/node": "^17.0.40",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
+    "@types/react-lazy-load-image-component": "^1.5.2",
     "@types/react-resizable": "^3.0.1",
     "@types/react-splitter-layout": "^3.0.2",
     "@typescript-eslint/eslint-plugin": "^5.27.1",
@@ -64,6 +66,8 @@
     "eslint-plugin-react": "^7.30.0",
     "eslint-plugin-react-hooks": "^4.5.0",
     "eslint-plugin-unused-imports": "^2.0.0",
+    "lodash": "^4.17.21",
+    "nprogress": "^0.2.0",
     "prettier": "^2.6.2",
     "prop-types": "^15.8.1",
     "react-data-grid": "^7.0.0-beta.13",
@@ -71,9 +75,11 @@
     "react-dnd-html5-backend": "^16.0.1",
     "react-draggable": "^4.4.5",
     "react-json-view": "^1.21.3",
+    "react-lazy-load-image-component": "^1.5.4",
     "react-resizable": "^3.0.4",
     "react-splitter-layout": "^4.0.0",
     "rollup-plugin-terser": "^7.0.2",
+    "simplebar-react": "^2.4.1",
     "typescript": "^4.6.3",
     "vite": "^2.9.9",
     "vite-plugin-dts": "^1.2.1",

package/dist/hooks/usePaginate.d.ts

@@ -1,15 +0,0 @@
-import type { PagerState } from '../components/DataGrid/types';
-export interface propsUsePaginate {
-    endPoint: string;
-    timeout?: number;
-    fireOnEnter?: boolean;
-    queryParams?: Record<string, unknown>;
-}
-export declare const usePaginate: <TRow>(props: propsUsePaginate) => {
-    onPageChange: (newPage: number) => void;
-    onRowsPerPageChange: (newRowsPerPage: number) => void;
-    pagerState: PagerState;
-    rows: TRow[];
-    clearRows: () => void;
-    Refresh: () => void;
-};

package/dist/hooks/useResponsive.d.ts

@@ -1,8 +0,0 @@
-import { Breakpoint } from '@mui/material';
-declare type Query = 'up' | 'down' | 'between' | 'only';
-declare type Key = Breakpoint | number;
-declare type Start = Breakpoint | number;
-declare type End = Breakpoint | number;
-export declare function useResponsive(query: Query, key?: Key, start?: Start, end?: End): boolean | undefined;
-export declare function useResponsiveDesktop(): boolean | undefined;
-export {};

package/dist/vendor.js

@@ -1,134 +0,0 @@
-import { useTheme } from "@mui/material/styles";
-import useMediaQuery from "@mui/material/useMediaQuery";
-import { useState, useRef, useCallback, useEffect } from "react";
-import "react-hook-form";
-import "./components/hook-form/FormProvider/index.js";
-import "react-router-dom";
-import { useHostTools, useNetwork } from "@m4l/core";
-import "@mui/lab";
-import "@mui/material";
-import "./contexts/ModalContext/index.js";
-import "react/jsx-runtime";
-import "./components/hook-form/RHFAutocompleteAsync/index.js";
-import "./components/hook-form/RHFCheckbox/index.js";
-import "./components/hook-form/RHFTextField/index.js";
-import { i as initialPagerState } from "./components/DataGrid/index.js";
-import "./components/mui_extended/MenuPopover/index.js";
-import "./components/mui_extended/MenuActions/index.js";
-import "./components/mui_extended/Pager/index.js";
-import "./components/mui_extended/Tab/index.js";
-import "react-dnd";
-import "react-dnd-html5-backend";
-import "date-fns";
-import "./components/FormActions/index.js";
-import "./react-draggable.js";
-import "./components/ModalDialog/index.js";
-import "./components/Resizeable/index.js";
-import "./components/NoItemSelected/index.js";
-import "@mui/x-date-pickers";
-import "@mui/lab/AdapterDateFns";
-import "./components/ObjectLogs/index.js";
-import "./react-json-view.js";
-import "./components/PaperForm/index.js";
-import "@mui_extended/BoxIcon";
-import "./components/PropertyValue/index.js";
-import "./components/ScrollBar/index.js";
-import "./react-splitter-layout.js";
-import "./components/SplitLayout/index.js";
-import "./components/DataGrid/formatters/BooleanFormatter/index.js";
-import "./components/DataGrid/formatters/DateFormatter/index.js";
-import "./components/hook-form/RHFMultiCheckbox/index.js";
-import "./components/hook-form/RHFSelect.js";
-import "./components/hook-form/RHFRadioGroup.js";
-import "./components/mui_extended/Accordion/index.js";
-import "./components/mui_extended/BoxIcon/index.js";
-import "./components/mui_extended/Breadcrumbs/index.js";
-import "./components/mui_extended/IconButton/index.js";
-import "./hooks/useModal/index.js";
-function useResponsive(query, key, start, end) {
-  const theme = useTheme();
-  const mediaUp = useMediaQuery(theme.breakpoints.up(key));
-  const mediaDown = useMediaQuery(theme.breakpoints.down(key));
-  const mediaBetween = useMediaQuery(theme.breakpoints.between(start, end));
-  const mediaOnly = useMediaQuery(theme.breakpoints.only(key));
-  if (query === "up") {
-    return mediaUp;
-  }
-  if (query === "down") {
-    return mediaDown;
-  }
-  if (query === "between") {
-    return mediaBetween;
-  }
-  if (query === "only") {
-    return mediaOnly;
-  }
-}
-function useResponsiveDesktop() {
-  const isDesktop = useResponsive("up", "sm");
-  return isDesktop;
-}
-const usePaginate = (props) => {
-  const { endPoint, timeout = 5e3, queryParams = {}, fireOnEnter = true } = props;
-  const [refresh, setRefresh] = useState(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(() => {
-    let mounted = true;
-    if (!fire) {
-      setFire(true);
-      return;
-    }
-    startProgress();
-    networkOperation({
-      method: "GET",
-      endPoint,
-      timeout,
-      parms: {
-        ...queryParams,
-        page: refPagerState.current.page,
-        limit: refPagerState.current.rowsPerPage
-      }
-    }).then((response) => {
-      if (mounted) {
-        setRows(response.data);
-        refPagerState.current.page = response.pager.page;
-        setPagerState((oldPagerState) => ({
-          ...oldPagerState,
-          page: response.pager.page,
-          totalRecords: response.pager.total
-        }));
-      }
-    }).finally(() => {
-      if (mounted) {
-        stopProgress();
-      }
-    });
-    return function cleanUp() {
-      stopProgress();
-      mounted = false;
-    };
-  }, [refresh, queryParams]);
-  const onPageChange = (newPage) => {
-    refPagerState.current.page = newPage;
-    setRefresh((oldValue) => oldValue + 1);
-  };
-  const onRowsPerPageChange = (newRowsPerPage) => {
-    refPagerState.current.rowsPerPage = newRowsPerPage;
-    setPagerState((oldPagerState) => ({ ...oldPagerState, rowsPerPage: newRowsPerPage }));
-    setRefresh((oldValue) => oldValue + 1);
-  };
-  const clearRows = () => {
-    setRows([]);
-    setPagerState(initialPagerState);
-  };
-  return { onPageChange, onRowsPerPageChange, pagerState, rows, clearRows, Refresh };
-};
-export { usePaginate as a, useResponsiveDesktop as u };