@m4l/components 0.0.13 → 0.0.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/dist/commonjs.js +1 -1
  2. package/dist/components/CompanyLogo/index.d.ts +3 -0
  3. package/dist/components/CompanyLogo/index.js +83 -0
  4. package/dist/components/CompanyLogo/styles.d.ts +5 -0
  5. package/dist/components/CompanyLogo/types.d.ts +6 -0
  6. package/dist/components/DataGrid/index.js +1 -1
  7. package/dist/components/Image/index.d.ts +4 -0
  8. package/dist/components/Image/index.js +115 -0
  9. package/dist/components/Image/styles.d.ts +5 -0
  10. package/dist/components/Image/types.d.ts +19 -0
  11. package/dist/components/LanguagePopover/index.d.ts +3 -0
  12. package/dist/components/LanguagePopover/index.js +43 -0
  13. package/dist/components/LanguagePopover/types.d.ts +3 -0
  14. package/dist/components/Loadable/index.d.ts +2 -0
  15. package/dist/components/Loadable/index.js +13 -0
  16. package/dist/components/ModalDialog/index.js +1 -1
  17. package/dist/components/index.d.ts +4 -0
  18. package/dist/components/mui_extended/LinkWithRoute/index.d.ts +3 -0
  19. package/dist/components/mui_extended/LinkWithRoute/index.js +30 -0
  20. package/dist/components/mui_extended/LinkWithRoute/types.d.ts +11 -0
  21. package/dist/components/mui_extended/MenuActions/styles.d.ts +2 -2
  22. package/dist/components/mui_extended/Typography/index.d.ts +3 -0
  23. package/dist/components/mui_extended/Typography/index.js +21 -0
  24. package/dist/components/mui_extended/Typography/types.d.ts +9 -0
  25. package/dist/components/mui_extended/index.d.ts +3 -1
  26. package/dist/index.js +40 -34
  27. package/dist/react-lazy-load-image-component.js +769 -0
  28. package/dist/style.css +1 -0
  29. package/package.json +9 -1
  30. package/dist/hooks/useResponsive.d.ts +0 -8
  31. package/dist/vendor.js +0 -70
package/dist/style.css ADDED
@@ -0,0 +1 @@
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 CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@m4l/components",
3
3
  "private": false,
4
- "version": "0.0.13",
4
+ "version": "0.0.16",
5
5
  "license": "UNLICENSED",
6
6
  "scripts": {
7
7
  "dev": "vite",
@@ -20,6 +20,7 @@
20
20
  "peerDependencies": {
21
21
  "@hookform/resolvers": "^2.9.5",
22
22
  "@m4l/core": "^0.0.27",
23
+ "@m4l/graphics": "^0.0.18",
23
24
  "@mui/lab": "^5.0.0-alpha.89",
24
25
  "@mui/material": "^5.8.7",
25
26
  "@mui/x-date-pickers": "^5.0.0-beta.0",
@@ -31,20 +32,24 @@
31
32
  "react-dnd-html5-backend": "^16.0.1",
32
33
  "react-dom": "^18.0.0",
33
34
  "react-hook-form": "^7.33.1",
35
+ "lodash": "^4.17.21",
34
36
  "react-router-dom": "^6.3.0"
35
37
  },
36
38
  "devDependencies": {
37
39
  "@emotion/styled": "^11.9.3",
38
40
  "@hookform/resolvers": "^2.9.5",
39
41
  "@m4l/core": "^0.0.27",
42
+ "@m4l/graphics": "^0.0.18",
40
43
  "@mui/lab": "^5.0.0-alpha.89",
41
44
  "@mui/material": "^5.8.7",
42
45
  "@mui/x-date-pickers": "^5.0.0-beta.0",
43
46
  "@testing-library/react": "^13.3.0",
44
47
  "@testing-library/user-event": "^14.2.1",
48
+ "@types/lodash": "^4.14.182",
45
49
  "@types/node": "^17.0.40",
46
50
  "@types/react": "^18.0.0",
47
51
  "@types/react-dom": "^18.0.0",
52
+ "@types/react-lazy-load-image-component": "^1.5.2",
48
53
  "@types/react-resizable": "^3.0.1",
49
54
  "@types/react-splitter-layout": "^3.0.2",
50
55
  "@typescript-eslint/eslint-plugin": "^5.27.1",
@@ -61,6 +66,8 @@
61
66
  "eslint-plugin-react": "^7.30.0",
62
67
  "eslint-plugin-react-hooks": "^4.5.0",
63
68
  "eslint-plugin-unused-imports": "^2.0.0",
69
+ "lodash": "^4.17.21",
70
+ "nprogress": "^0.2.0",
64
71
  "prettier": "^2.6.2",
65
72
  "prop-types": "^15.8.1",
66
73
  "react-data-grid": "^7.0.0-beta.13",
@@ -68,6 +75,7 @@
68
75
  "react-dnd-html5-backend": "^16.0.1",
69
76
  "react-draggable": "^4.4.5",
70
77
  "react-json-view": "^1.21.3",
78
+ "react-lazy-load-image-component": "^1.5.4",
71
79
  "react-resizable": "^3.0.4",
72
80
  "react-splitter-layout": "^4.0.0",
73
81
  "rollup-plugin-terser": "^7.0.2",
package/dist/hooks/useResponsive.d.ts DELETED
@@ -1,8 +0,0 @@
1
- import { Breakpoint } from '@mui/material';
2
- declare type Query = 'up' | 'down' | 'between' | 'only';
3
- declare type Key = Breakpoint | number;
4
- declare type Start = Breakpoint | number;
5
- declare type End = Breakpoint | number;
6
- export declare function useResponsive(query: Query, key?: Key, start?: Start, end?: End): boolean | undefined;
7
- export declare function useResponsiveDesktop(): boolean | undefined;
8
- export {};
package/dist/vendor.js DELETED
@@ -1,70 +0,0 @@
1
- import { useTheme } from "@mui/material/styles";
2
- import useMediaQuery from "@mui/material/useMediaQuery";
3
- import "react";
4
- import "react-hook-form";
5
- import "./components/hook-form/FormProvider/index.js";
6
- import "react-router-dom";
7
- import "@m4l/core";
8
- import "@mui/lab";
9
- import "@mui/material";
10
- import "./contexts/ModalContext/index.js";
11
- import "react/jsx-runtime";
12
- import "./components/hook-form/RHFAutocompleteAsync/index.js";
13
- import "./components/hook-form/RHFCheckbox/index.js";
14
- import "./components/hook-form/RHFTextField/index.js";
15
- import "./components/mui_extended/MenuPopover/index.js";
16
- import "./components/mui_extended/MenuActions/index.js";
17
- import "./components/mui_extended/Pager/index.js";
18
- import "./components/mui_extended/Tab/index.js";
19
- import "./components/DataGrid/index.js";
20
- import "react-dnd";
21
- import "react-dnd-html5-backend";
22
- import "date-fns";
23
- import "./components/FormActions/index.js";
24
- import "./react-draggable.js";
25
- import "./components/ModalDialog/index.js";
26
- import "./components/Resizeable/index.js";
27
- import "./components/NoItemSelected/index.js";
28
- import "@mui/x-date-pickers";
29
- import "@mui/lab/AdapterDateFns";
30
- import "./components/ObjectLogs/index.js";
31
- import "./react-json-view.js";
32
- import "./components/PaperForm/index.js";
33
- import "./components/PropertyValue/index.js";
34
- import "./components/ScrollBar/index.js";
35
- import "./react-splitter-layout.js";
36
- import "./components/SplitLayout/index.js";
37
- import "./components/DataGrid/formatters/BooleanFormatter/index.js";
38
- import "./components/DataGrid/formatters/DateFormatter/index.js";
39
- import "./components/hook-form/RHFMultiCheckbox/index.js";
40
- import "./components/hook-form/RHFSelect.js";
41
- import "./components/hook-form/RHFRadioGroup.js";
42
- import "./components/mui_extended/Accordion/index.js";
43
- import "./components/mui_extended/BoxIcon/index.js";
44
- import "./components/mui_extended/Breadcrumbs/index.js";
45
- import "./components/mui_extended/IconButton/index.js";
46
- import "./hooks/useModal/index.js";
47
- function useResponsive(query, key, start, end) {
48
- const theme = useTheme();
49
- const mediaUp = useMediaQuery(theme.breakpoints.up(key));
50
- const mediaDown = useMediaQuery(theme.breakpoints.down(key));
51
- const mediaBetween = useMediaQuery(theme.breakpoints.between(start, end));
52
- const mediaOnly = useMediaQuery(theme.breakpoints.only(key));
53
- if (query === "up") {
54
- return mediaUp;
55
- }
56
- if (query === "down") {
57
- return mediaDown;
58
- }
59
- if (query === "between") {
60
- return mediaBetween;
61
- }
62
- if (query === "only") {
63
- return mediaOnly;
64
- }
65
- }
66
- function useResponsiveDesktop() {
67
- const isDesktop = useResponsive("up", "sm");
68
- return isDesktop;
69
- }
70
- export { useResponsiveDesktop as u };