@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.
- package/dist/components/CompanyLogo/index.js +2 -3
- package/dist/components/DataGrid/index.js +21 -21
- package/dist/components/DynamicFilter/components/ApplyedFilters/styles.d.ts +1 -0
- package/dist/components/DynamicFilter/components/FilterButton/styles.d.ts +0 -1
- package/dist/components/DynamicFilter/components/fieldstypes/BooleanFilter/index.d.ts +4 -0
- package/dist/components/DynamicFilter/components/{PopupEditFilter/components → fieldstypes}/BooleanFilter/styles.d.ts +0 -0
- package/dist/components/DynamicFilter/components/fieldstypes/DateTimeFilter/index.d.ts +4 -0
- package/dist/components/DynamicFilter/components/{PopupEditFilter/components → fieldstypes}/DateTimeFilter/styles.d.ts +0 -0
- package/dist/components/DynamicFilter/components/fieldstypes/NumberFilter/index.d.ts +4 -0
- package/dist/components/DynamicFilter/components/{PopupEditFilter/components/StringFilter → fieldstypes/NumberFilter}/styles.d.ts +0 -0
- package/dist/components/DynamicFilter/components/fieldstypes/StringFilter/index.d.ts +4 -0
- package/dist/components/DynamicFilter/components/fieldstypes/StringFilter/styles.d.ts +3 -0
- package/dist/components/DynamicFilter/components/{PopupEditFilter/components → fieldstypes}/factory.d.ts +2 -2
- package/dist/components/DynamicFilter/components/{PopupEditFilter/components → fieldstypes}/validations.d.ts +1 -1
- package/dist/components/DynamicFilter/index.js +369 -159
- package/dist/components/DynamicFilter/types.d.ts +4 -2
- package/dist/components/Icon/index.js +69 -11
- package/dist/components/Icon/styles.d.ts +2 -0
- package/dist/components/Icon/types.d.ts +3 -2
- package/dist/components/ModalDialog/index.js +9 -9
- package/dist/components/NoItemSelected/index.js +2 -3
- package/dist/components/ObjectLogs/index.js +18 -5
- package/dist/components/PaperForm/index.js +4 -7
- package/dist/components/PropertyValue/index.js +32 -5
- package/dist/components/PropertyValue/styles.d.ts +2 -2
- package/dist/components/PropertyValue/types.d.ts +10 -3
- package/dist/components/hook-form/RHFDateTime.js +9 -2
- package/dist/components/hook-form/RHFUpload/RHFUploadImage/components/UploadImage/styles.d.ts +7 -0
- package/dist/components/hook-form/RHFUpload/RHFUploadImage/styles.d.ts +2 -0
- package/dist/components/hook-form/RHFUpload.js +111 -33
- package/dist/components/mui_extended/Accordion/index.js +2 -2
- package/dist/components/mui_extended/IconButton/index.d.ts +1 -1
- package/dist/components/mui_extended/IconButton/index.js +19 -10
- package/dist/components/mui_extended/IconButton/types.d.ts +2 -1
- package/dist/components/mui_extended/MenuActions/index.js +8 -10
- package/dist/components/mui_extended/Pager/index.js +5 -5
- package/dist/contexts/ModalContext/index.js +4 -4
- package/dist/vendor.js +2 -2
- package/package.json +2 -5
- package/dist/components/DynamicFilter/components/PopupEditFilter/components/BooleanFilter/index.d.ts +0 -2
- package/dist/components/DynamicFilter/components/PopupEditFilter/components/DateTimeFilter/index.d.ts +0 -2
- 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
|
-
|
|
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}/${
|
|
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
|
-
|
|
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}/${
|
|
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
|
-
|
|
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}/${
|
|
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}/${
|
|
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}/${
|
|
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}/${
|
|
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}/${
|
|
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}/${
|
|
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}/${
|
|
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
|
-
|
|
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}/${
|
|
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
|
-
|
|
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}/${
|
|
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}/${
|
|
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}/${
|
|
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,
|
|
1463
|
+
}, [rowHeights, currentRowHeightVariant, setRowHeightVariant, host_static_assets, environment_assets]);
|
|
1464
1464
|
const currenViewIcon = useMemo(() => {
|
|
1465
1465
|
if (currentRowHeightVariant === "compact") {
|
|
1466
|
-
return `${host_static_assets}/${
|
|
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}/${
|
|
1469
|
+
return `${host_static_assets}/${environment_assets}/frontend/components/grid/assets/icons/standard.svg`;
|
|
1470
1470
|
}
|
|
1471
|
-
return `${host_static_assets}/${
|
|
1472
|
-
}, [currentRowHeightVariant, host_static_assets,
|
|
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;
|
|
File without changes
|
|
@@ -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;
|
|
File without changes
|
|
@@ -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;
|
|
File without changes
|
|
@@ -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
|
|
3
|
-
export declare const getDefaultFilterValues: (field: Field, fixed: boolean,
|
|
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 '
|
|
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;
|