@m4l/components 0.0.34 → 0.0.37

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 (42) hide show
  1. package/dist/components/CompanyLogo/index.js +2 -3
  2. package/dist/components/DataGrid/index.js +21 -21
  3. package/dist/components/DynamicFilter/components/ApplyedFilters/styles.d.ts +1 -0
  4. package/dist/components/DynamicFilter/components/FilterButton/styles.d.ts +0 -1
  5. package/dist/components/DynamicFilter/components/fieldstypes/BooleanFilter/index.d.ts +4 -0
  6. package/dist/components/DynamicFilter/components/{PopupEditFilter/components → fieldstypes}/BooleanFilter/styles.d.ts +0 -0
  7. package/dist/components/DynamicFilter/components/fieldstypes/DateTimeFilter/index.d.ts +4 -0
  8. package/dist/components/DynamicFilter/components/{PopupEditFilter/components → fieldstypes}/DateTimeFilter/styles.d.ts +0 -0
  9. package/dist/components/DynamicFilter/components/fieldstypes/NumberFilter/index.d.ts +4 -0
  10. package/dist/components/DynamicFilter/components/{PopupEditFilter/components/StringFilter → fieldstypes/NumberFilter}/styles.d.ts +0 -0
  11. package/dist/components/DynamicFilter/components/fieldstypes/StringFilter/index.d.ts +4 -0
  12. package/dist/components/DynamicFilter/components/fieldstypes/StringFilter/styles.d.ts +3 -0
  13. package/dist/components/DynamicFilter/components/{PopupEditFilter/components → fieldstypes}/factory.d.ts +2 -2
  14. package/dist/components/DynamicFilter/components/{PopupEditFilter/components → fieldstypes}/validations.d.ts +1 -1
  15. package/dist/components/DynamicFilter/index.js +369 -159
  16. package/dist/components/DynamicFilter/types.d.ts +4 -2
  17. package/dist/components/Icon/index.js +69 -11
  18. package/dist/components/Icon/styles.d.ts +2 -0
  19. package/dist/components/Icon/types.d.ts +3 -2
  20. package/dist/components/ModalDialog/index.js +9 -9
  21. package/dist/components/NoItemSelected/index.js +2 -3
  22. package/dist/components/ObjectLogs/index.js +18 -5
  23. package/dist/components/PaperForm/index.js +4 -7
  24. package/dist/components/PropertyValue/index.js +32 -5
  25. package/dist/components/PropertyValue/styles.d.ts +2 -2
  26. package/dist/components/PropertyValue/types.d.ts +10 -3
  27. package/dist/components/hook-form/RHFDateTime.js +9 -2
  28. package/dist/components/hook-form/RHFUpload/RHFUploadImage/components/UploadImage/styles.d.ts +7 -0
  29. package/dist/components/hook-form/RHFUpload/RHFUploadImage/styles.d.ts +2 -0
  30. package/dist/components/hook-form/RHFUpload.js +111 -33
  31. package/dist/components/mui_extended/Accordion/index.js +2 -2
  32. package/dist/components/mui_extended/IconButton/index.d.ts +1 -1
  33. package/dist/components/mui_extended/IconButton/index.js +19 -10
  34. package/dist/components/mui_extended/IconButton/types.d.ts +2 -1
  35. package/dist/components/mui_extended/MenuActions/index.js +8 -10
  36. package/dist/components/mui_extended/Pager/index.js +5 -5
  37. package/dist/contexts/ModalContext/index.js +4 -4
  38. package/dist/vendor.js +2 -2
  39. package/package.json +2 -5
  40. package/dist/components/DynamicFilter/components/PopupEditFilter/components/BooleanFilter/index.d.ts +0 -2
  41. package/dist/components/DynamicFilter/components/PopupEditFilter/components/DateTimeFilter/index.d.ts +0 -2
  42. package/dist/components/DynamicFilter/components/PopupEditFilter/components/StringFilter/index.d.ts +0 -2
@@ -15,7 +15,6 @@ styled("header")(({
15
15
  theme
16
16
  }) => ({
17
17
  top: 0,
18
- zIndex: 9,
19
18
  lineHeight: 0,
20
19
  width: "100%",
21
20
  display: "flex",
@@ -59,7 +58,7 @@ const CompanyLogo = (props) => {
59
58
  const width = size === "small" ? "50px" : "380px";
60
59
  const {
61
60
  host_static_assets,
62
- environment
61
+ environment_assets
63
62
  } = useEnvironment();
64
63
  const mdUp = useResponsive("up", "md");
65
64
  if (isSkeleton) {
@@ -72,7 +71,7 @@ const CompanyLogo = (props) => {
72
71
  });
73
72
  }
74
73
  return /* @__PURE__ */ jsx(Image, {
75
- src: `${host_static_assets}/${environment}/frontend/commons/assets/icons/${size === "small" ? "isotipo_m4l.svg" : "logotipo_m4l.svg"}`,
74
+ src: `${host_static_assets}/${environment_assets}/frontend/commons/assets/icons/${size === "small" ? "isotipo_m4l.svg" : "logotipo_m4l.svg"}`,
76
75
  effect: "opacity",
77
76
  width,
78
77
  height,
@@ -968,7 +968,7 @@ function Filter() {
968
968
  } = useFilters();
969
969
  const {
970
970
  host_static_assets,
971
- environment
971
+ environment_assets
972
972
  } = useEnvironment();
973
973
  const toggleIcon = () => {
974
974
  setActiveFilters(!activeFilters);
@@ -986,7 +986,7 @@ function Filter() {
986
986
  dictionaryTooltip: activeFilters ? "grid.filter_hide" : "grid.filter_show",
987
987
  onClick: toggleIcon,
988
988
  "aria-label": "filter",
989
- src: `${host_static_assets}/${environment}/frontend/components/grid/assets/icons/filter.svg`
989
+ src: `${host_static_assets}/${environment_assets}/frontend/components/grid/assets/icons/filter.svg`
990
990
  });
991
991
  }
992
992
  const WrapperColumnsConfig = styled("div")(({ theme }) => ({
@@ -1075,7 +1075,7 @@ const ColumnsConfig = forwardRef((props, ref) => {
1075
1075
  const divRef = useRef(null);
1076
1076
  const {
1077
1077
  host_static_assets,
1078
- environment
1078
+ environment_assets
1079
1079
  } = useEnvironment();
1080
1080
  useImperativeHandle(ref, () => ({
1081
1081
  onClickIntro: handleIntro,
@@ -1258,40 +1258,40 @@ const ColumnsConfig = forwardRef((props, ref) => {
1258
1258
  onClick: handleMoveFirst,
1259
1259
  "aria-label": "move first place",
1260
1260
  disabled: rowSelectedIndex < 1,
1261
- src: `${host_static_assets}/${environment}/frontend/components/grid/assets/icons/move_first_place.svg`
1261
+ src: `${host_static_assets}/${environment_assets}/frontend/components/grid/assets/icons/move_first_place.svg`
1262
1262
  }), /* @__PURE__ */ jsx(IconButton, {
1263
1263
  dictionaryTooltip: "grid.settings_move_up",
1264
1264
  onClick: () => handleMoveUpDownd(-1),
1265
1265
  "aria-label": "move up place",
1266
1266
  disabled: rowSelectedIndex < 1,
1267
- src: `${host_static_assets}/${environment}/frontend/components/grid/assets/icons/move_up_place.svg`
1267
+ src: `${host_static_assets}/${environment_assets}/frontend/components/grid/assets/icons/move_up_place.svg`
1268
1268
  }), /* @__PURE__ */ jsx(IconButton, {
1269
1269
  dictionaryTooltip: "grid.settings_move_last",
1270
1270
  onClick: handleMoveLast,
1271
1271
  "aria-label": "move last place",
1272
1272
  disabled: !!(rowSelectedIndex === rows.length - 1 || rowSelectedIndex === -1),
1273
- src: `${host_static_assets}/${environment}/frontend/components/grid/assets/icons/move_last_place.svg`
1273
+ src: `${host_static_assets}/${environment_assets}/frontend/components/grid/assets/icons/move_last_place.svg`
1274
1274
  }), /* @__PURE__ */ jsx(IconButton, {
1275
1275
  dictionaryTooltip: "grid.settings_move_down",
1276
1276
  onClick: () => handleMoveUpDownd(1),
1277
1277
  "aria-label": "move down place",
1278
1278
  disabled: !!(rowSelectedIndex === rows.length - 1 || rowSelectedIndex === -1),
1279
- src: `${host_static_assets}/${environment}/frontend/components/grid/assets/icons/move_down_place.svg`
1279
+ src: `${host_static_assets}/${environment_assets}/frontend/components/grid/assets/icons/move_down_place.svg`
1280
1280
  }), /* @__PURE__ */ jsx(IconButton, {
1281
1281
  dictionaryTooltip: "grid.settings_visible_all",
1282
1282
  onClick: checkAll,
1283
1283
  "aria-label": "check visible all",
1284
- src: `${host_static_assets}/${environment}/frontend/components/grid/assets/icons/check_all.svg`
1284
+ src: `${host_static_assets}/${environment_assets}/frontend/components/grid/assets/icons/check_all.svg`
1285
1285
  }), /* @__PURE__ */ jsx(IconButton, {
1286
1286
  dictionaryTooltip: "grid.settings_no_visible_all",
1287
1287
  onClick: unCheckAll,
1288
1288
  "aria-label": "un check all",
1289
- src: `${host_static_assets}/${environment}/frontend/components/grid/assets/icons/uncheck_all.svg`
1289
+ src: `${host_static_assets}/${environment_assets}/frontend/components/grid/assets/icons/uncheck_all.svg`
1290
1290
  }), /* @__PURE__ */ jsx(IconButton, {
1291
1291
  dictionaryTooltip: "grid.settings_restore",
1292
1292
  onClick: restoreAll,
1293
1293
  "aria-label": "Restore columns",
1294
- src: `${host_static_assets}/${environment}/frontend/components/grid/assets/icons/restore_columns.svg`
1294
+ src: `${host_static_assets}/${environment_assets}/frontend/components/grid/assets/icons/restore_columns.svg`
1295
1295
  })]
1296
1296
  })]
1297
1297
  });
@@ -1319,7 +1319,7 @@ function Settings() {
1319
1319
  } = useModuleDictionary();
1320
1320
  const {
1321
1321
  host_static_assets,
1322
- environment
1322
+ environment_assets
1323
1323
  } = useEnvironment();
1324
1324
  const ref = useRef(null);
1325
1325
  const onCloseSettings = useCallback(() => {
@@ -1362,7 +1362,7 @@ function Settings() {
1362
1362
  dictionaryTooltip: "grid.settings_tooltip",
1363
1363
  onClick: onClickSettings,
1364
1364
  "aria-label": "settings",
1365
- src: `${host_static_assets}/${environment}/frontend/components/grid/assets/icons/configuration.svg`
1365
+ src: `${host_static_assets}/${environment_assets}/frontend/components/grid/assets/icons/configuration.svg`
1366
1366
  });
1367
1367
  }
1368
1368
  const Container = styled("div")(() => ({
@@ -1429,7 +1429,7 @@ const SKTWrapperDensity = styled("div")(({ theme }) => ({
1429
1429
  function Density() {
1430
1430
  const {
1431
1431
  host_static_assets,
1432
- environment
1432
+ environment_assets
1433
1433
  } = useEnvironment();
1434
1434
  const {
1435
1435
  rowHeights,
@@ -1445,31 +1445,31 @@ function Density() {
1445
1445
  return [];
1446
1446
  }
1447
1447
  return [{
1448
- urlIcon: `${host_static_assets}/${environment}/frontend/components/grid/assets/icons/compact.svg`,
1448
+ urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/grid/assets/icons/compact.svg`,
1449
1449
  onClick: () => setRowHeightVariant("compact"),
1450
1450
  disabled: currentRowHeightVariant === "compact",
1451
1451
  dictionaryField: "grid.density_compact"
1452
1452
  }, {
1453
- urlIcon: `${host_static_assets}/${environment}/frontend/components/grid/assets/icons/standard.svg`,
1453
+ urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/grid/assets/icons/standard.svg`,
1454
1454
  onClick: () => setRowHeightVariant("standard"),
1455
1455
  disabled: currentRowHeightVariant === "standard",
1456
1456
  dictionaryField: "grid.density_standard"
1457
1457
  }, {
1458
- urlIcon: `${host_static_assets}/${environment}/frontend/components/grid/assets/icons/confortable.svg`,
1458
+ urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/grid/assets/icons/confortable.svg`,
1459
1459
  onClick: () => setRowHeightVariant("confortable"),
1460
1460
  disabled: currentRowHeightVariant === "confortable",
1461
1461
  dictionaryField: "grid.density_confortable"
1462
1462
  }];
1463
- }, [rowHeights, currentRowHeightVariant, setRowHeightVariant, host_static_assets, environment]);
1463
+ }, [rowHeights, currentRowHeightVariant, setRowHeightVariant, host_static_assets, environment_assets]);
1464
1464
  const currenViewIcon = useMemo(() => {
1465
1465
  if (currentRowHeightVariant === "compact") {
1466
- return `${host_static_assets}/${environment}/frontend/components/grid/assets/icons/compact.svg`;
1466
+ return `${host_static_assets}/${environment_assets}/frontend/components/grid/assets/icons/compact.svg`;
1467
1467
  }
1468
1468
  if (currentRowHeightVariant === "standard") {
1469
- return `${host_static_assets}/${environment}/frontend/components/grid/assets/icons/standard.svg`;
1469
+ return `${host_static_assets}/${environment_assets}/frontend/components/grid/assets/icons/standard.svg`;
1470
1470
  }
1471
- return `${host_static_assets}/${environment}/frontend/components/grid/assets/icons/confortable.svg`;
1472
- }, [currentRowHeightVariant, host_static_assets, environment]);
1471
+ return `${host_static_assets}/${environment_assets}/frontend/components/grid/assets/icons/confortable.svg`;
1472
+ }, [currentRowHeightVariant, host_static_assets, environment_assets]);
1473
1473
  if (menuActions.length === 0) {
1474
1474
  return /* @__PURE__ */ jsx(Fragment, {});
1475
1475
  }
@@ -1,2 +1,3 @@
1
1
  /// <reference types="react" />
2
2
  export declare const WrapperApplyedFilters: 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 ContainerApplyedFilters: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -1,4 +1,3 @@
1
1
  /// <reference types="react" />
2
2
  export declare const SKTWrapperFilterButton: 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 InputFilter: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
4
3
  export declare const WrapperFilterButton: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import { FilterFieldApply, Field } from '../../../types';
3
+ export declare const getDefaultBooleanFilter: (field: Field, fixed: boolean, getLabel: (key: string) => string) => FilterFieldApply;
4
+ export declare function BooleanFilter(): JSX.Element;
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import { FilterFieldApply, Field } from '../../../types';
3
+ export declare const getDefaultDateTimeFilter: (field: Field, fixed: boolean, getLabel: (key: string) => string) => FilterFieldApply;
4
+ export declare function DateTimeFilter(): JSX.Element;
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import { FilterFieldApply, Field } from '../../../types';
3
+ export declare const getDefaultNumberFilter: (field: Field, fixed: boolean, getLabel: (key: string) => string) => FilterFieldApply;
4
+ export declare function NumberFilter(): JSX.Element;
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import { Field, FilterFieldApply } from '../../../types';
3
+ export declare const getDefaultStringFilter: (field: Field, fixed: boolean, getLabel: (key: string) => string) => FilterFieldApply;
4
+ export declare function StringFilter(): JSX.Element;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ export declare const WrapperStringFilter: 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 WrapperAutoComplete: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
- import type { FilterFieldApply, Field, Operator } from '../../../types';
3
- export declare const getDefaultFilterValues: (field: Field, fixed: boolean, getLabelOperator: (operator: Operator) => string) => FilterFieldApply;
2
+ import type { FilterFieldApply, Field } from '../../types';
3
+ export declare const getDefaultFilterValues: (field: Field, fixed: boolean, getLabel: (key: string) => string) => FilterFieldApply;
4
4
  export declare const PopupEditFilterComponent: (props: {
5
5
  filter: FilterFieldApply;
6
6
  }) => JSX.Element;
@@ -1,4 +1,4 @@
1
- import { InitialFilterFieldApply } from '../../../types';
1
+ import { InitialFilterFieldApply } from '../../types';
2
2
  export declare function isValidDate(d: any): any;
3
3
  export declare const verifyStringFilter: (filter: InitialFilterFieldApply) => boolean;
4
4
  export declare const verifyBooleanFilter: (filter: InitialFilterFieldApply) => boolean;