@m4l/graphics 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 (180) hide show
  1. package/dist/components/index.js +1318 -0
  2. package/dist/components/mui_extended/index.js +53 -0
  3. package/dist/contexts/index.js +174 -0
  4. package/dist/hooks/index.js +65 -0
  5. package/dist/index.js +110 -9512
  6. package/dist/layouts/index.js +39 -0
  7. package/dist/lib/components/Image/index.d.ts +1 -1
  8. package/dist/lib/components/Image/styles.d.ts +2 -0
  9. package/dist/lib/components/Image/types.d.ts +4 -1
  10. package/dist/lib/components/LinkWithRoute/types.d.ts +1 -1
  11. package/dist/lib/components/Typography/types.d.ts +1 -1
  12. package/dist/lib/components/index.d.ts +0 -15
  13. package/dist/lib/components/mui_extended/Typography/index.d.ts +3 -0
  14. package/dist/lib/components/mui_extended/Typography/types.d.ts +5 -0
  15. package/dist/lib/components/mui_extended/index.d.ts +0 -12
  16. package/dist/lib/contexts/LocalesContext/index.d.ts +1 -1
  17. package/dist/lib/contexts/index.d.ts +0 -1
  18. package/dist/lib/hooks/index.d.ts +0 -4
  19. package/dist/lib/index.d.ts +0 -2
  20. package/dist/lib/layouts/index.d.ts +0 -2
  21. package/dist/node_modules.js +150 -0
  22. package/package.json +9 -14
  23. package/dist/features.js +0 -2
  24. package/dist/lib/components/DataGrid/components/Actions/components/Density/index.d.ts +0 -2
  25. package/dist/lib/components/DataGrid/components/Actions/components/Density/styles.d.ts +0 -3
  26. package/dist/lib/components/DataGrid/components/Actions/components/Filter/index.d.ts +0 -2
  27. package/dist/lib/components/DataGrid/components/Actions/components/Filter/styles.d.ts +0 -2
  28. package/dist/lib/components/DataGrid/components/Actions/components/RowsCount/index.d.ts +0 -2
  29. package/dist/lib/components/DataGrid/components/Actions/components/RowsCount/styles.d.ts +0 -4
  30. package/dist/lib/components/DataGrid/components/Actions/components/Settings/ColumnsConfig/components/FormatterColumn/index.d.ts +0 -4
  31. package/dist/lib/components/DataGrid/components/Actions/components/Settings/ColumnsConfig/index.d.ts +0 -3
  32. package/dist/lib/components/DataGrid/components/Actions/components/Settings/ColumnsConfig/styles.d.ts +0 -8
  33. package/dist/lib/components/DataGrid/components/Actions/components/Settings/ColumnsConfig/types.d.ts +0 -25
  34. package/dist/lib/components/DataGrid/components/Actions/components/Settings/index.d.ts +0 -2
  35. package/dist/lib/components/DataGrid/components/Actions/components/Settings/styles.d.ts +0 -2
  36. package/dist/lib/components/DataGrid/components/Actions/components/Settings/types.d.ts +0 -2
  37. package/dist/lib/components/DataGrid/components/Actions/index.d.ts +0 -3
  38. package/dist/lib/components/DataGrid/components/Actions/styles.d.ts +0 -2
  39. package/dist/lib/components/DataGrid/components/Actions/types.d.ts +0 -11
  40. package/dist/lib/components/DataGrid/components/Table/components/ActionsColumn.d.ts +0 -4
  41. package/dist/lib/components/DataGrid/components/Table/components/CheckboxFormatter.d.ts +0 -3
  42. package/dist/lib/components/DataGrid/components/Table/components/CustomIcons.d.ts +0 -15
  43. package/dist/lib/components/DataGrid/components/Table/components/DraggableHeaderRenderer.d.ts +0 -6
  44. package/dist/lib/components/DataGrid/components/Table/components/SelectColumn.d.ts +0 -4
  45. package/dist/lib/components/DataGrid/components/Table/components/SkeletonFormatter/index.d.ts +0 -2
  46. package/dist/lib/components/DataGrid/components/Table/components/SkeletonFormatter/styles.d.ts +0 -2
  47. package/dist/lib/components/DataGrid/components/Table/hooks/getDragHeaderRenderer.d.ts +0 -3
  48. package/dist/lib/components/DataGrid/components/Table/hooks/useFocusRef.d.ts +0 -5
  49. package/dist/lib/components/DataGrid/components/Table/hooks/useSortColumnsRows.d.ts +0 -8
  50. package/dist/lib/components/DataGrid/components/Table/index.d.ts +0 -3
  51. package/dist/lib/components/DataGrid/components/Table/styles.d.ts +0 -3
  52. package/dist/lib/components/DataGrid/contexts/BaseContext/index.d.ts +0 -5
  53. package/dist/lib/components/DataGrid/contexts/BaseContext/types.d.ts +0 -51
  54. package/dist/lib/components/DataGrid/contexts/FilterContext/index.d.ts +0 -9
  55. package/dist/lib/components/DataGrid/contexts/FilterContext/types.d.ts +0 -11
  56. package/dist/lib/components/DataGrid/dictionary.d.ts +0 -3
  57. package/dist/lib/components/DataGrid/formatters/BooleanFormatter/index.d.ts +0 -3
  58. package/dist/lib/components/DataGrid/formatters/BooleanFormatter/types.d.ts +0 -5
  59. package/dist/lib/components/DataGrid/formatters/DateFormatter/index.d.ts +0 -3
  60. package/dist/lib/components/DataGrid/formatters/DateFormatter/types.d.ts +0 -6
  61. package/dist/lib/components/DataGrid/formatters/index.d.ts +0 -2
  62. package/dist/lib/components/DataGrid/hooks/useBase.d.ts +0 -1
  63. package/dist/lib/components/DataGrid/hooks/useFilters.d.ts +0 -1
  64. package/dist/lib/components/DataGrid/index.d.ts +0 -3
  65. package/dist/lib/components/DataGrid/styles.d.ts +0 -3
  66. package/dist/lib/components/DataGrid/types.d.ts +0 -56
  67. package/dist/lib/components/FormActions/dictionary.d.ts +0 -3
  68. package/dist/lib/components/FormActions/index.d.ts +0 -3
  69. package/dist/lib/components/FormActions/styles.d.ts +0 -2
  70. package/dist/lib/components/FormActions/types.d.ts +0 -7
  71. package/dist/lib/components/ModalDialog/components/Header/index.d.ts +0 -3
  72. package/dist/lib/components/ModalDialog/components/Header/types.d.ts +0 -9
  73. package/dist/lib/components/ModalDialog/dictionary.d.ts +0 -3
  74. package/dist/lib/components/ModalDialog/index.d.ts +0 -2
  75. package/dist/lib/components/ModalDialog/styles.d.ts +0 -9
  76. package/dist/lib/components/ModalDialog/types.d.ts +0 -5
  77. package/dist/lib/components/NoItemSelected/dictionary.d.ts +0 -3
  78. package/dist/lib/components/NoItemSelected/index.d.ts +0 -2
  79. package/dist/lib/components/NoItemSelected/styles.d.ts +0 -5
  80. package/dist/lib/components/NoItemSelected/types.d.ts +0 -5
  81. package/dist/lib/components/ObjectLogs/components/DetailDialog/index.d.ts +0 -3
  82. package/dist/lib/components/ObjectLogs/components/DetailDialog/styles.d.ts +0 -3
  83. package/dist/lib/components/ObjectLogs/components/DetailDialog/types.d.ts +0 -3
  84. package/dist/lib/components/ObjectLogs/components/DetailFormatter/index.d.ts +0 -3
  85. package/dist/lib/components/ObjectLogs/components/DetailFormatter/types.d.ts +0 -3
  86. package/dist/lib/components/ObjectLogs/dictionary.d.ts +0 -3
  87. package/dist/lib/components/ObjectLogs/index.d.ts +0 -3
  88. package/dist/lib/components/ObjectLogs/styles.d.ts +0 -4
  89. package/dist/lib/components/ObjectLogs/types.d.ts +0 -18
  90. package/dist/lib/components/PaperForm/index.d.ts +0 -3
  91. package/dist/lib/components/PaperForm/skeleton.d.ts +0 -6
  92. package/dist/lib/components/PaperForm/styles.d.ts +0 -8
  93. package/dist/lib/components/PaperForm/types.d.ts +0 -7
  94. package/dist/lib/components/PropertyValue/index.d.ts +0 -3
  95. package/dist/lib/components/PropertyValue/skeleton.d.ts +0 -2
  96. package/dist/lib/components/PropertyValue/styles.d.ts +0 -6
  97. package/dist/lib/components/PropertyValue/types.d.ts +0 -11
  98. package/dist/lib/components/Resizeable/index.d.ts +0 -3
  99. package/dist/lib/components/Resizeable/styles.d.ts +0 -5
  100. package/dist/lib/components/Resizeable/types.d.ts +0 -8
  101. package/dist/lib/components/ScrollBar/index.d.ts +0 -3
  102. package/dist/lib/components/ScrollBar/styles.d.ts +0 -6
  103. package/dist/lib/components/ScrollBar/types.d.ts +0 -7
  104. package/dist/lib/components/SplitLayout/index.d.ts +0 -3
  105. package/dist/lib/components/SplitLayout/styles.d.ts +0 -4
  106. package/dist/lib/components/SplitLayout/types.d.ts +0 -9
  107. package/dist/lib/components/hook-form/FormProvider/components/FormActions/index.d.ts +0 -3
  108. package/dist/lib/components/hook-form/FormProvider/components/FormActions/skeleton.d.ts +0 -2
  109. package/dist/lib/components/hook-form/FormProvider/components/FormActions/styles.d.ts +0 -3
  110. package/dist/lib/components/hook-form/FormProvider/components/FormActions/types.d.ts +0 -4
  111. package/dist/lib/components/hook-form/FormProvider/index.d.ts +0 -3
  112. package/dist/lib/components/hook-form/FormProvider/styles.d.ts +0 -2
  113. package/dist/lib/components/hook-form/FormProvider/types.d.ts +0 -10
  114. package/dist/lib/components/hook-form/RHFAutocompleteAsync/index.d.ts +0 -4
  115. package/dist/lib/components/hook-form/RHFAutocompleteAsync/styles.d.ts +0 -4
  116. package/dist/lib/components/hook-form/RHFAutocompleteAsync/types.d.ts +0 -17
  117. package/dist/lib/components/hook-form/RHFCheckbox/index.d.ts +0 -3
  118. package/dist/lib/components/hook-form/RHFCheckbox/skeleton.d.ts +0 -2
  119. package/dist/lib/components/hook-form/RHFCheckbox/styles.d.ts +0 -2
  120. package/dist/lib/components/hook-form/RHFCheckbox/types.d.ts +0 -10
  121. package/dist/lib/components/hook-form/RHFMultiCheckbox/index.d.ts +0 -3
  122. package/dist/lib/components/hook-form/RHFMultiCheckbox/types.d.ts +0 -10
  123. package/dist/lib/components/hook-form/RHFRadioGroup.d.ts +0 -9
  124. package/dist/lib/components/hook-form/RHFSelect.d.ts +0 -8
  125. package/dist/lib/components/hook-form/RHFTextField/index.d.ts +0 -4
  126. package/dist/lib/components/hook-form/RHFTextField/styles.d.ts +0 -2
  127. package/dist/lib/components/hook-form/RHFTextField/types.d.ts +0 -9
  128. package/dist/lib/components/hook-form/index.d.ts +0 -7
  129. package/dist/lib/components/mui_extended/Accordion/index.d.ts +0 -3
  130. package/dist/lib/components/mui_extended/Accordion/types.d.ts +0 -11
  131. package/dist/lib/components/mui_extended/BoxIcon/index.d.ts +0 -3
  132. package/dist/lib/components/mui_extended/BoxIcon/types.d.ts +0 -4
  133. package/dist/lib/components/mui_extended/Breadcrumbs/components/LinkItem/index.d.ts +0 -3
  134. package/dist/lib/components/mui_extended/Breadcrumbs/components/LinkItem/types.d.ts +0 -4
  135. package/dist/lib/components/mui_extended/Breadcrumbs/index.d.ts +0 -3
  136. package/dist/lib/components/mui_extended/Breadcrumbs/types.d.ts +0 -12
  137. package/dist/lib/components/mui_extended/IconButton/index.d.ts +0 -4
  138. package/dist/lib/components/mui_extended/IconButton/types.d.ts +0 -5
  139. package/dist/lib/components/mui_extended/MenuActions/index.d.ts +0 -3
  140. package/dist/lib/components/mui_extended/MenuActions/styles.d.ts +0 -30
  141. package/dist/lib/components/mui_extended/MenuActions/types.d.ts +0 -27
  142. package/dist/lib/components/mui_extended/MenuPopover/index.d.ts +0 -3
  143. package/dist/lib/components/mui_extended/MenuPopover/types.d.ts +0 -9
  144. package/dist/lib/components/mui_extended/Pager/components/PagerActions/index.d.ts +0 -3
  145. package/dist/lib/components/mui_extended/Pager/components/PagerActions/styles.d.ts +0 -2
  146. package/dist/lib/components/mui_extended/Pager/components/PagerActions/types.d.ts +0 -7
  147. package/dist/lib/components/mui_extended/Pager/dicctionary.d.ts +0 -3
  148. package/dist/lib/components/mui_extended/Pager/index.d.ts +0 -3
  149. package/dist/lib/components/mui_extended/Pager/styles.d.ts +0 -6
  150. package/dist/lib/components/mui_extended/Pager/types.d.ts +0 -13
  151. package/dist/lib/components/mui_extended/Tab/index.d.ts +0 -2
  152. package/dist/lib/components/mui_extended/Tab/styles.d.ts +0 -2
  153. package/dist/lib/components/skeletons/components/SKTPerperForm/styled.d.ts +0 -13
  154. package/dist/lib/contexts/ModalContext/components/ContentConfirm/index.d.ts +0 -3
  155. package/dist/lib/contexts/ModalContext/components/ContentConfirm/styles.d.ts +0 -6
  156. package/dist/lib/contexts/ModalContext/components/ContentConfirm/types.d.ts +0 -8
  157. package/dist/lib/contexts/ModalContext/index.d.ts +0 -5
  158. package/dist/lib/contexts/ModalContext/types.d.ts +0 -42
  159. package/dist/lib/hooks/useMasterDetail.d.ts +0 -1
  160. package/dist/lib/hooks/useModal.d.ts +0 -1
  161. package/dist/lib/hooks/useModule.d.ts +0 -1
  162. package/dist/lib/hooks/usePaginate.d.ts +0 -15
  163. package/dist/lib/layouts/MasterDetailLayout/components/ButtonDetail/index.d.ts +0 -3
  164. package/dist/lib/layouts/MasterDetailLayout/contexts/MasterDetailContext/index.d.ts +0 -5
  165. package/dist/lib/layouts/MasterDetailLayout/contexts/MasterDetailContext/types.d.ts +0 -13
  166. package/dist/lib/layouts/MasterDetailLayout/dicctionary.d.ts +0 -3
  167. package/dist/lib/layouts/MasterDetailLayout/index.d.ts +0 -3
  168. package/dist/lib/layouts/MasterDetailLayout/types.d.ts +0 -10
  169. package/dist/lib/layouts/ModuleLayout/components/Header/index.d.ts +0 -2
  170. package/dist/lib/layouts/ModuleLayout/components/Header/skeleton.d.ts +0 -2
  171. package/dist/lib/layouts/ModuleLayout/components/Header/styles.d.ts +0 -8
  172. package/dist/lib/layouts/ModuleLayout/components/Header/types.d.ts +0 -2
  173. package/dist/lib/layouts/ModuleLayout/components/ModuleContent/index.d.ts +0 -3
  174. package/dist/lib/layouts/ModuleLayout/components/ModuleContent/styles.d.ts +0 -3
  175. package/dist/lib/layouts/ModuleLayout/components/ModuleContent/types.d.ts +0 -9
  176. package/dist/lib/layouts/ModuleLayout/contexts/ModuleContext/index.d.ts +0 -5
  177. package/dist/lib/layouts/ModuleLayout/contexts/ModuleContext/types.d.ts +0 -18
  178. package/dist/lib/layouts/ModuleLayout/dicctionary.d.ts +0 -3
  179. package/dist/lib/layouts/ModuleLayout/index.d.ts +0 -3
  180. package/dist/lib/layouts/ModuleLayout/types.d.ts +0 -29
@@ -0,0 +1,39 @@
1
+ import { M as ModuleWrapper } from "../components/index.js";
2
+ import { M as ModuleProvider } from "../contexts/index.js";
3
+ import { FlagsProvider, ModuleDictionaryProvider } from "@m4l/core";
4
+ import { jsx } from "react/jsx-runtime";
5
+ import "@mui/material";
6
+ import "@mui/material/styles";
7
+ import "@mui/material/useMediaQuery";
8
+ import "react";
9
+ import "react-hook-form";
10
+ import "react-lazy-load-image-component";
11
+ import "react-lazy-load-image-component/src/effects/blur.css";
12
+ import "@mui/lab";
13
+ import "../components/mui_extended/index.js";
14
+ import "nprogress";
15
+ import "react-router-dom";
16
+ import "framer-motion";
17
+ const NoAuthModuleLayout = (props) => {
18
+ const {
19
+ moduleId,
20
+ moduleName,
21
+ children,
22
+ componentsDictionary
23
+ } = props;
24
+ return /* @__PURE__ */ jsx(FlagsProvider, {
25
+ children: /* @__PURE__ */ jsx(ModuleDictionaryProvider, {
26
+ isAuth: false,
27
+ moduleId,
28
+ moduleName,
29
+ componentsDictionary,
30
+ children: /* @__PURE__ */ jsx(ModuleProvider, {
31
+ moduleId,
32
+ children: /* @__PURE__ */ jsx(ModuleWrapper, {
33
+ children
34
+ })
35
+ })
36
+ })
37
+ });
38
+ };
39
+ export { NoAuthModuleLayout as N };
@@ -1,3 +1,3 @@
1
1
  /// <reference types="react" />
2
2
  import { Props } from './types';
3
- export default function Image({ ratio, disabledEffect, effect, sx, isSekeleton, width, height, ...other }: Props): JSX.Element;
3
+ export default function Image({ ratio, sx, isSekeleton, width, height, src, ...other }: Props): JSX.Element;
@@ -1,3 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import { styleProps } from './types';
3
+ import { WrapperLazyLoadImageProps } from './types';
3
4
  export declare const SKTWrapperImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & styleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
5
+ export declare const WrapperLazyLoadImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & WrapperLazyLoadImageProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -6,7 +6,6 @@ export declare type IProps = BoxProps & LazyLoadImageProps;
6
6
  export interface Props extends IProps {
7
7
  sx?: SxProps<Theme>;
8
8
  ratio?: ImageRato;
9
- disabledEffect?: boolean;
10
9
  isSekeleton?: boolean;
11
10
  width?: string;
12
11
  height?: string;
@@ -14,3 +13,7 @@ export interface Props extends IProps {
14
13
  export interface styleProps {
15
14
  width?: string;
16
15
  }
16
+ export interface WrapperLazyLoadImageProps {
17
+ width?: string | number;
18
+ height?: string | number;
19
+ }
@@ -1,6 +1,6 @@
1
1
  import { LinkProps as MuiLinkProps } from '@mui/material';
2
+ import { SkeletonProps } from '../../types';
2
3
  import { To } from 'history';
3
- import { SkeletonProps } from '~/lib/types';
4
4
  export interface LinkWithRouteProps extends MuiLinkProps {
5
5
  to: To;
6
6
  skeletonProps: SkeletonProps;
@@ -1,5 +1,5 @@
1
1
  import { TypographyProps as MUITypographyProps } from '@mui/material';
2
- import { SkeletonProps } from '~/lib/types';
2
+ import { SkeletonProps } from '../../types';
3
3
  export interface TypographyProps extends MUITypographyProps {
4
4
  skeletonProps?: SkeletonProps;
5
5
  }
@@ -1,21 +1,6 @@
1
1
  export * from './mui_extended';
2
- export * from './hook-form';
3
- export { FormActions } from './FormActions';
4
2
  export { Loadable } from './Loadable';
5
- export { NoItemSelected } from './NoItemSelected';
6
- export { getNoItemSelectedComponentsDictionary } from './NoItemSelected/dictionary';
7
- export { DataGrid } from './DataGrid';
8
- export { getGridComponentsDictionary } from './DataGrid/dictionary';
9
- export * from './DataGrid/formatters';
10
- export { ObjectLogs } from './ObjectLogs';
11
- export { getObjectLogsComponentsDictionary } from './ObjectLogs/dictionary';
12
- export { PaperForm } from './PaperForm';
13
- export { PropertyValue } from './PropertyValue';
14
3
  export { ProgressBar, ProgressBarStyle } from './ProgressBar';
15
- export { Resizeable } from './Resizeable';
16
- export { ScrollBar } from './ScrollBar';
17
- export { SplitLayout } from './SplitLayout';
18
- export { ModalDialog } from './ModalDialog';
19
4
  export { Page } from './Page';
20
5
  export { Typography } from './Typography';
21
6
  export { LinkWithRoute } from './LinkWithRoute';
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import { TypographyProps } from './types';
3
+ export default function Typography(props: TypographyProps): JSX.Element;
@@ -0,0 +1,5 @@
1
+ import { TypographyProps as MUITypographyProps } from '@mui/material';
2
+ import { SkeletonProps } from '../../../types';
3
+ export interface TypographyProps extends MUITypographyProps {
4
+ skeletonProps?: SkeletonProps;
5
+ }
@@ -1,15 +1,3 @@
1
- export { BoxIcon } from './BoxIcon';
2
- export { default as Accordion } from './Accordion';
3
- export { default as MenuPopover } from './MenuPopover';
4
- export { default as IconButton } from './IconButton';
5
- export { default as Tab } from './Tab';
6
- export { default as Breadcrumbs } from './Breadcrumbs';
7
- export type { TLink } from './Breadcrumbs/types';
8
- export { default as MenuActions } from './MenuActions';
9
- export type { MenuAction } from './MenuActions/types';
10
- export { default as Pager } from './Pager';
11
- export { getPagerComponentsDictionary, defaultPagerDictionary } from './Pager/dicctionary';
12
- export type { PagerProps } from './Pager/types';
13
1
  export { LoadingButton } from './LoadingButton';
14
2
  declare module '@mui/material/styles/createPalette' {
15
3
  interface TypeBackground {
@@ -1,5 +1,5 @@
1
1
  import { ReactNode } from 'react';
2
- import { Locale } from 'date-fns';
2
+ import type { Locale } from 'date-fns';
3
3
  export declare type LangType = {
4
4
  label: string;
5
5
  value: string;
@@ -1,4 +1,3 @@
1
- export * from './ModalContext';
2
1
  export * from './LocalesContext';
3
2
  export * from './HostThemeContext';
4
3
  export { HelmetProvider } from 'react-helmet-async';
@@ -1,9 +1,5 @@
1
- export { useModule } from './useModule';
2
- export { usePaginate } from './usePaginate';
3
1
  export { useResponsive, useResponsiveDesktop } from './useResponsive';
4
2
  export { useIsMountedRef } from './useIsMountedRef';
5
- export { useModal } from './useModal';
6
- export { useMasterDetail } from './useMasterDetail';
7
3
  export { useLocales } from './useLocales';
8
4
  export { useOffSetTop } from './useOffSetTop';
9
5
  export { useHostTheme } from './useHostTheme';
@@ -9,5 +9,3 @@ export type { GridPaletteOptions } from './theme/palette';
9
9
  export { defaultThemeOptions } from './theme/defaultThemeOptions';
10
10
  export { default as fnComponentsOverrides } from './theme/overrides';
11
11
  export type { HostThemeType } from './types';
12
- export type { ModuleAction } from './layouts/ModuleLayout/types';
13
- export type { RowKey } from './components/DataGrid/types';
@@ -1,3 +1 @@
1
- export { MasterDetailLayout } from './MasterDetailLayout';
2
- export { ModuleLayout } from './ModuleLayout';
3
1
  export { NoAuthModuleLayout } from './NoAuthModuleLayout';
@@ -0,0 +1,150 @@
1
+ import * as React from "react";
2
+ var observerMap = /* @__PURE__ */ new Map();
3
+ var RootIds = /* @__PURE__ */ new WeakMap();
4
+ var rootId = 0;
5
+ var unsupportedValue = void 0;
6
+ function getRootId(root) {
7
+ if (!root)
8
+ return "0";
9
+ if (RootIds.has(root))
10
+ return RootIds.get(root);
11
+ rootId += 1;
12
+ RootIds.set(root, rootId.toString());
13
+ return RootIds.get(root);
14
+ }
15
+ function optionsToId(options) {
16
+ return Object.keys(options).sort().filter(function(key) {
17
+ return options[key] !== void 0;
18
+ }).map(function(key) {
19
+ return key + "_" + (key === "root" ? getRootId(options.root) : options[key]);
20
+ }).toString();
21
+ }
22
+ function createObserver(options) {
23
+ var id = optionsToId(options);
24
+ var instance = observerMap.get(id);
25
+ if (!instance) {
26
+ var elements = /* @__PURE__ */ new Map();
27
+ var thresholds;
28
+ var observer = new IntersectionObserver(function(entries) {
29
+ entries.forEach(function(entry) {
30
+ var _elements$get;
31
+ var inView = entry.isIntersecting && thresholds.some(function(threshold) {
32
+ return entry.intersectionRatio >= threshold;
33
+ });
34
+ if (options.trackVisibility && typeof entry.isVisible === "undefined") {
35
+ entry.isVisible = inView;
36
+ }
37
+ (_elements$get = elements.get(entry.target)) == null ? void 0 : _elements$get.forEach(function(callback) {
38
+ callback(inView, entry);
39
+ });
40
+ });
41
+ }, options);
42
+ thresholds = observer.thresholds || (Array.isArray(options.threshold) ? options.threshold : [options.threshold || 0]);
43
+ instance = {
44
+ id,
45
+ observer,
46
+ elements
47
+ };
48
+ observerMap.set(id, instance);
49
+ }
50
+ return instance;
51
+ }
52
+ function observe(element, callback, options, fallbackInView) {
53
+ if (options === void 0) {
54
+ options = {};
55
+ }
56
+ if (fallbackInView === void 0) {
57
+ fallbackInView = unsupportedValue;
58
+ }
59
+ if (typeof window.IntersectionObserver === "undefined" && fallbackInView !== void 0) {
60
+ var bounds = element.getBoundingClientRect();
61
+ callback(fallbackInView, {
62
+ isIntersecting: fallbackInView,
63
+ target: element,
64
+ intersectionRatio: typeof options.threshold === "number" ? options.threshold : 0,
65
+ time: 0,
66
+ boundingClientRect: bounds,
67
+ intersectionRect: bounds,
68
+ rootBounds: bounds
69
+ });
70
+ return function() {
71
+ };
72
+ }
73
+ var _createObserver = createObserver(options), id = _createObserver.id, observer = _createObserver.observer, elements = _createObserver.elements;
74
+ var callbacks = elements.get(element) || [];
75
+ if (!elements.has(element)) {
76
+ elements.set(element, callbacks);
77
+ }
78
+ callbacks.push(callback);
79
+ observer.observe(element);
80
+ return function unobserve() {
81
+ callbacks.splice(callbacks.indexOf(callback), 1);
82
+ if (callbacks.length === 0) {
83
+ elements["delete"](element);
84
+ observer.unobserve(element);
85
+ }
86
+ if (elements.size === 0) {
87
+ observer.disconnect();
88
+ observerMap["delete"](id);
89
+ }
90
+ };
91
+ }
92
+ function useInView(_temp) {
93
+ var _ref = _temp === void 0 ? {} : _temp, threshold = _ref.threshold, delay = _ref.delay, trackVisibility = _ref.trackVisibility, rootMargin = _ref.rootMargin, root = _ref.root, triggerOnce = _ref.triggerOnce, skip = _ref.skip, initialInView = _ref.initialInView, fallbackInView = _ref.fallbackInView, onChange = _ref.onChange;
94
+ var unobserve = React.useRef();
95
+ var callback = React.useRef();
96
+ var _React$useState = React.useState({
97
+ inView: !!initialInView
98
+ }), state = _React$useState[0], setState = _React$useState[1];
99
+ callback.current = onChange;
100
+ var setRef = React.useCallback(function(node) {
101
+ if (unobserve.current !== void 0) {
102
+ unobserve.current();
103
+ unobserve.current = void 0;
104
+ }
105
+ if (skip)
106
+ return;
107
+ if (node) {
108
+ unobserve.current = observe(node, function(inView, entry) {
109
+ setState({
110
+ inView,
111
+ entry
112
+ });
113
+ if (callback.current)
114
+ callback.current(inView, entry);
115
+ if (entry.isIntersecting && triggerOnce && unobserve.current) {
116
+ unobserve.current();
117
+ unobserve.current = void 0;
118
+ }
119
+ }, {
120
+ root,
121
+ rootMargin,
122
+ threshold,
123
+ trackVisibility,
124
+ delay
125
+ }, fallbackInView);
126
+ }
127
+ }, [
128
+ Array.isArray(threshold) ? threshold.toString() : threshold,
129
+ root,
130
+ rootMargin,
131
+ triggerOnce,
132
+ skip,
133
+ trackVisibility,
134
+ fallbackInView,
135
+ delay
136
+ ]);
137
+ React.useEffect(function() {
138
+ if (!unobserve.current && state.entry && !triggerOnce && !skip) {
139
+ setState({
140
+ inView: !!initialInView
141
+ });
142
+ }
143
+ });
144
+ var result = [setRef, state.inView, state.entry];
145
+ result.ref = result[0];
146
+ result.inView = result[1];
147
+ result.entry = result[2];
148
+ return result;
149
+ }
150
+ export { useInView as u };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@m4l/graphics",
3
3
  "private": false,
4
- "version": "0.0.13",
4
+ "version": "0.0.16",
5
5
  "license": "UNLICENSED",
6
6
  "author": "M4L Team",
7
7
  "scripts": {
@@ -19,26 +19,24 @@
19
19
  "framer-motion": "^6.3.11",
20
20
  "nprogress": "^0.2.0",
21
21
  "react": ">=18",
22
- "react-data-grid": "^7.0.0-beta.13",
23
- "react-dnd": "^16.0.1",
24
- "react-dnd-html5-backend": "^16.0.1",
25
22
  "react-dom": "^18.0.0",
26
- "react-draggable": "^4.4.5",
27
23
  "react-dropzone": "^14.2.1",
28
24
  "react-helmet-async": "^1.3.0",
29
25
  "react-hook-form": "^7.31.3",
30
26
  "react-intersection-observer": "^9.2.2",
31
27
  "react-lazy-load-image-component": "^1.5.4",
32
- "react-resizable": "^3.0.4",
33
28
  "react-router-dom": "^6.3.0",
34
- "react-splitter-layout": "^4.0.0",
35
- "simplebar-react": "^2.4.1",
36
29
  "vite-tsconfig-paths": "^3.5.0"
37
30
  },
31
+ "peerDependencies": {
32
+ "@m4l/core": "^0.0.27",
33
+ "react": ">=18",
34
+ "react-dom": "^18.0.0"
35
+ },
38
36
  "devDependencies": {
39
37
  "@emotion/styled": "^11.9.3",
40
38
  "@hookform/resolvers": "^2.9.3",
41
- "@m4l/core": "^0.0.16",
39
+ "@m4l/core": "^0.0.27",
42
40
  "@mui/icons-material": "^5.8.4",
43
41
  "@mui/lab": "^5.0.0-alpha.87",
44
42
  "@types/lodash": "^4.14.182",
@@ -65,17 +63,14 @@
65
63
  "prettier": "^2.6.2",
66
64
  "react": "^18.2.0",
67
65
  "react-dom": "^18.2.0",
66
+ "react-json-view": "^1.21.3",
67
+ "react-toastify": "^9.0.5",
68
68
  "rollup-plugin-terser": "^7.0.2",
69
69
  "typescript": "^4.6.3",
70
70
  "vite": "^2.9.9",
71
71
  "vite-plugin-dts": "^1.2.0",
72
72
  "vite-plugin-mkcert": "^1.6.4"
73
73
  },
74
- "peerDependencies": {
75
- "@m4l/core": "^0.0.16",
76
- "react": ">=18",
77
- "react-dom": "^18.0.0"
78
- },
79
74
  "files": [
80
75
  "dist"
81
76
  ],
package/dist/features.js DELETED
@@ -1,2 +0,0 @@
1
- import { domMax } from "framer-motion";
2
- export { domMax as default } from "framer-motion";
@@ -1,2 +0,0 @@
1
- /// <reference types="react" />
2
- export declare function Density(): JSX.Element;
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const WrapperDensity: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
3
- export declare const SKTWrapperDensity: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -1,2 +0,0 @@
1
- /// <reference types="react" />
2
- export declare function Filter(): JSX.Element;
@@ -1,2 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const SKTWrapperFilter: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -1,2 +0,0 @@
1
- /// <reference types="react" />
2
- export declare function RowsCount(): JSX.Element;
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const Container: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
3
- export declare const RowsLabel: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
4
- export declare const InsetLabel: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- import { FormatterProps } from 'react-data-grid';
3
- import { Row } from '../../types';
4
- export declare function FormatterColumn({ row, onRowChange, column }: FormatterProps<Row>): JSX.Element;
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- import type { ColumnsConfigRef, ConfigProps } from './types';
3
- export declare const ColumnsConfig: import("react").ForwardRefExoticComponent<ConfigProps & import("react").RefAttributes<ColumnsConfigRef>>;
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const WrapperColumnsConfig: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
3
- export declare const DivAll: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
4
- export declare const DivSelColumns: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
5
- export declare const WrapperGrid: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
6
- export declare const DivColumn: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
7
- export declare const ColumnActions: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
8
- export declare const DialogActions: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -1,25 +0,0 @@
1
- import { IConfigColumn } from '../../../../../contexts/BaseContext/types';
2
- export interface Row {
3
- key: string;
4
- name: string;
5
- visible: boolean;
6
- frozen: boolean;
7
- width: number;
8
- index: number;
9
- originalIndex: number;
10
- originalVisible: boolean;
11
- originalFrozen: boolean;
12
- }
13
- export declare type ColumnsConfigRef = {
14
- onClickIntro: () => void;
15
- current: HTMLDivElement | null;
16
- };
17
- export interface ConfigProps {
18
- onCloseSettings: () => void;
19
- columnsConfig: IConfigColumn[];
20
- onChangeColumnsConfig: (newColumnsConfig: IConfigColumn[]) => void;
21
- }
22
- export interface CheckFormatterProps {
23
- key: string;
24
- row: any;
25
- }
@@ -1,2 +0,0 @@
1
- /// <reference types="react" />
2
- export declare function Settings(): JSX.Element;
@@ -1,2 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const SKTWrapperColumnsSettings: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -1,2 +0,0 @@
1
- export interface SettingsProps {
2
- }
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- import { InternalActionsProps } from './types';
3
- export declare function Actions(props: InternalActionsProps): JSX.Element;
@@ -1,2 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const WrapperActions: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -1,11 +0,0 @@
1
- import { PagerProps } from '@mui_extended/Pager/types';
2
- import { SettingsProps } from './components/Settings/types';
3
- export interface ActionsProps {
4
- withSettings?: boolean;
5
- settingsProps?: SettingsProps;
6
- withRowsCount?: boolean;
7
- withPager?: boolean;
8
- pagerOptions?: PagerProps;
9
- withLocalFilters?: boolean;
10
- }
11
- export declare type InternalActionsProps = ActionsProps;
@@ -1,4 +0,0 @@
1
- import { Column } from 'react-data-grid';
2
- export declare const ACTIONS_COLUMN_KEY = "actions-row";
3
- export declare const filterHeight = 35;
4
- export declare const ActionsColumn: Column<any, any>;
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- import { CheckboxFormatterProps } from 'react-data-grid';
3
- export declare const CheckboxFormatter: import("react").ForwardRefExoticComponent<CheckboxFormatterProps & import("react").RefAttributes<HTMLInputElement>>;
@@ -1,15 +0,0 @@
1
- /// <reference types="react" />
2
- import { SvgIconProps } from '@mui/material';
3
- export declare function CloseIcon(props: SvgIconProps): JSX.Element;
4
- export declare function StarIcon(props: SvgIconProps): JSX.Element;
5
- export declare function InfoIcon(props: SvgIconProps): JSX.Element;
6
- export declare function WarningIcon(props: SvgIconProps): JSX.Element;
7
- export declare function SuccessIcon(props: SvgIconProps): JSX.Element;
8
- export declare function ErrorIcon(props: SvgIconProps): JSX.Element;
9
- export declare function CheckboxIcon(props: SvgIconProps): JSX.Element;
10
- export declare function CheckboxCheckedIcon(props: SvgIconProps): JSX.Element;
11
- export declare function CheckboxIndeterminateIcon(props: SvgIconProps): JSX.Element;
12
- export declare function InputSelectIcon(props: SvgIconProps): JSX.Element;
13
- export declare function TreeViewCollapseIcon(props: SvgIconProps): JSX.Element;
14
- export declare function TreeViewExpandIcon(props: SvgIconProps): JSX.Element;
15
- export declare function TreeViewEndIcon(props: SvgIconProps): JSX.Element;
@@ -1,6 +0,0 @@
1
- import { HeaderRendererProps } from 'react-data-grid';
2
- interface DraggableHeaderRendererProps<TRow> extends HeaderRendererProps<TRow> {
3
- onColumnsReorder: (sourceKey: string, targetKey: string) => void;
4
- }
5
- export declare function DraggableHeaderRenderer<TRow>(props: DraggableHeaderRendererProps<TRow>): any;
6
- export {};
@@ -1,4 +0,0 @@
1
- import { Column } from 'react-data-grid';
2
- export declare const filterColumnClassName = "filter-cell";
3
- export declare const filterHeight = 35;
4
- export declare const SelectColumn: Column<any, any>;
@@ -1,2 +0,0 @@
1
- /// <reference types="react" />
2
- export declare function SkeletonFormatter(): JSX.Element;
@@ -1,2 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const WrapperSkeleton: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -1,3 +0,0 @@
1
- import { FunctionComponent } from 'react';
2
- import { HeaderRendererProps } from 'react-data-grid';
3
- export declare const getDragHeaderRenderer: <TRow, TSummaryRow>(handleColumnsReorder: (sourceKey: string, targetKey: string) => void) => FunctionComponent<HeaderRendererProps<TRow, TSummaryRow>>;
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- export declare function useFocusRef<T extends HTMLOrSVGElement>(isSelected: boolean): {
3
- ref: import("react").RefObject<T>;
4
- tabIndex: number;
5
- };
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- import { Column, SortColumn } from 'react-data-grid';
3
- export declare const useSortColumnsRows: <TRow, TSummaryRow>(sourceColumns: readonly Column<TRow, TSummaryRow>[], sourceRows: readonly TRow[], isMultipleRows: boolean) => {
4
- finalColumns: readonly Column<TRow, TSummaryRow>[];
5
- sortColumns: readonly SortColumn[];
6
- setSortColumns: import("react").Dispatch<import("react").SetStateAction<readonly SortColumn[]>>;
7
- finalRows: readonly TRow[];
8
- };
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- import { GridProps } from '../../types';
3
- export declare function Table<TRow, TSummaryRow>(props: GridProps<TRow, TSummaryRow>): JSX.Element;
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- import { WithActionsProps } from '../../types';
3
- export declare const WrapperTable: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & WithActionsProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- import { BaseContextProps, BaseProviderProps } from './types';
3
- declare const BaseContext: import("react").Context<BaseContextProps>;
4
- declare function BaseProvider<TRow, TSummaryRow>(props: BaseProviderProps<TRow, TSummaryRow>): JSX.Element;
5
- export { BaseProvider, BaseContext };