@m4l/components 9.2.48 → 9.2.49
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/components/Chip/types.d.ts +2 -1
- package/components/DataGrid/formatters/ColumnChipStatusFormatter/formatter.js +1 -1
- package/components/DataGrid/formatters/ColumnChipStatusFormatter/types.d.ts +4 -3
- package/components/DataGrid/formatters/ColumnChipStatusFormatter/useColumnChipStatus.js +4 -4
- package/components/DynamicFilter/subcomponents/PopoverFilter/usePopoverFilter.d.ts +3 -3
- package/components/DynamicSort/subcomponents/PopoverSort/usePopoverSort.d.ts +3 -3
- package/components/formatters/ChipStatusFormatter/types.d.ts +3 -2
- package/mockServiceWorker.js +1 -1
- package/package.json +1 -6
|
@@ -5,6 +5,7 @@ import { CHIP_KEY_COMPONENT } from './constants';
|
|
|
5
5
|
import { ChipSlots } from './slots';
|
|
6
6
|
import { IconButtonProps as MUIIconButtonProps } from '@mui/material';
|
|
7
7
|
import { M4LOverridesStyleRules } from '../../@types/augmentations';
|
|
8
|
+
import { Maybe } from '@m4l/core';
|
|
8
9
|
export type ChipVariants = 'contained' | 'outlined';
|
|
9
10
|
/**
|
|
10
11
|
* Propiedades del componente `Chip`.
|
|
@@ -25,7 +26,7 @@ export interface ChipProps {
|
|
|
25
26
|
/**
|
|
26
27
|
* Text describing the `Chip`.
|
|
27
28
|
*/
|
|
28
|
-
label?: string
|
|
29
|
+
label?: Maybe<string>;
|
|
29
30
|
/**
|
|
30
31
|
* Defines the variant of the `Chip` (default 'contained').
|
|
31
32
|
*/
|
|
@@ -4,7 +4,7 @@ import { g as getFieldValueWithRow } from "../../../../helpers/getFieldValueWith
|
|
|
4
4
|
import { C as ChipStatusFormatterColumnWrapperStyled } from "../../../formatters/ChipStatusFormatter/slots/ChipStatusFormatterSlots.js";
|
|
5
5
|
import { C as ChipStatusFormatter } from "../../../formatters/ChipStatusFormatter/ChipStatusFormatter.js";
|
|
6
6
|
const ColumnChipStatusFormatter = (props) => {
|
|
7
|
-
const { uriStatus, uriLabel, statusesColors, fallbackColor } = props;
|
|
7
|
+
const { fieldStatus: uriStatus, fieldLabel: uriLabel, statusesColors, fallbackColor } = props;
|
|
8
8
|
return (obProps) => {
|
|
9
9
|
const label = typeof uriLabel === "string" ? getPropertyByString(obProps, getFieldValueWithRow(uriStatus.toString())) : uriLabel(obProps, uriStatus);
|
|
10
10
|
const status = getPropertyByString(obProps, getFieldValueWithRow(uriStatus.toString()));
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
import { DeepKeyOf } from '../../../../utils/types';
|
|
1
2
|
import { ChipStatusKey, ChipStatusFormatterProps } from '../../../formatters/ChipStatusFormatter/types';
|
|
2
|
-
export interface ColumnChipStatusFormatterProps<
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
export interface ColumnChipStatusFormatterProps<TRow> extends Pick<ChipStatusFormatterProps, 'statusesColors' | 'fallbackColor'> {
|
|
4
|
+
fieldStatus: DeepKeyOf<TRow>;
|
|
5
|
+
fieldLabel: DeepKeyOf<TRow> | ((row: TRow, status: ChipStatusKey) => string);
|
|
5
6
|
}
|
|
@@ -4,16 +4,16 @@ import { g as getColumnKey } from "../../helpers/getColumnKey.js";
|
|
|
4
4
|
import { deepEqual } from "fast-equals";
|
|
5
5
|
import { useState, useRef, useEffect, useMemo } from "react";
|
|
6
6
|
const getCustomChipStatusFilter = (props) => {
|
|
7
|
-
const { uriLabel } = props;
|
|
7
|
+
const { fieldLabel: uriLabel } = props;
|
|
8
8
|
return (row, value) => {
|
|
9
|
-
const valueMaybeString = typeof uriLabel === "string" ? getPropertyByString(row, getColumnKey(uriLabel), "") : uriLabel(row, props.
|
|
9
|
+
const valueMaybeString = typeof uriLabel === "string" ? getPropertyByString(row, getColumnKey(uriLabel), "") : uriLabel(row, props.fieldStatus);
|
|
10
10
|
return valueMaybeString.includes(value.toString());
|
|
11
11
|
};
|
|
12
12
|
};
|
|
13
13
|
const getCustomChipStatusSort = (props) => {
|
|
14
14
|
return (a, b) => {
|
|
15
|
-
const valueA = typeof props.
|
|
16
|
-
const valueB = typeof props.
|
|
15
|
+
const valueA = typeof props.fieldLabel === "string" ? getPropertyByString(a, getColumnKey(props.fieldLabel), "") : props.fieldLabel(a, props.fieldStatus);
|
|
16
|
+
const valueB = typeof props.fieldLabel === "string" ? getPropertyByString(b, getColumnKey(props.fieldLabel), "") : props.fieldLabel(b, props.fieldStatus);
|
|
17
17
|
return valueA > valueB ? 1 : valueA < valueB ? -1 : 0;
|
|
18
18
|
};
|
|
19
19
|
};
|
|
@@ -17,11 +17,11 @@ declare function usePopoverFilter(): {
|
|
|
17
17
|
filterFormValue: FormFilterValue;
|
|
18
18
|
formFilter: FormFilterFieldApplied;
|
|
19
19
|
popupValidationSchema: import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ObjectSchema<{
|
|
20
|
-
[x: string]: import('yup').ObjectSchema
|
|
20
|
+
[x: string]: import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>>, any>;
|
|
21
21
|
}, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<{
|
|
22
|
-
[x: string]: import('yup').ObjectSchema
|
|
22
|
+
[x: string]: import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>>, any>;
|
|
23
23
|
}>, import('yup/lib/object').AssertsShape<{
|
|
24
|
-
[x: string]: import('yup').ObjectSchema
|
|
24
|
+
[x: string]: import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>>, any>;
|
|
25
25
|
}>> | undefined;
|
|
26
26
|
statusLoad: "initial" | "reload_values_provider" | "ready";
|
|
27
27
|
};
|
|
@@ -17,11 +17,11 @@ declare function usePopoverSort(): {
|
|
|
17
17
|
sortFormValue: import('../../types').FormSortValueBase;
|
|
18
18
|
formSort: FormSortFieldApplied;
|
|
19
19
|
popupValidationSchema: import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ObjectSchema<{
|
|
20
|
-
[x: string]: import('yup').ObjectSchema
|
|
20
|
+
[x: string]: import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>>, any>;
|
|
21
21
|
}, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<{
|
|
22
|
-
[x: string]: import('yup').ObjectSchema
|
|
22
|
+
[x: string]: import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>>, any>;
|
|
23
23
|
}>, import('yup/lib/object').AssertsShape<{
|
|
24
|
-
[x: string]: import('yup').ObjectSchema
|
|
24
|
+
[x: string]: import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>>, any>;
|
|
25
25
|
}>> | undefined;
|
|
26
26
|
statusLoad: "initial" | "reload_values_provider" | "ready";
|
|
27
27
|
};
|
|
@@ -4,16 +4,17 @@ import { CHIP_STATUS_FORMATTER_KEY_COMPONENT } from './constants';
|
|
|
4
4
|
import { ChipStatusFormatterSlots as Slots } from './slots/ChipStatusFormatterEnum';
|
|
5
5
|
import { Theme } from '@mui/material';
|
|
6
6
|
import { ChipVariants } from '../../Chip/types';
|
|
7
|
+
import { Maybe } from '@m4l/core';
|
|
7
8
|
export type ChipStatusKey = string | number;
|
|
8
9
|
export interface ChipStatusFormatterProps {
|
|
9
10
|
/**
|
|
10
11
|
* Etiqueta del chip
|
|
11
12
|
*/
|
|
12
|
-
label
|
|
13
|
+
label?: Maybe<string>;
|
|
13
14
|
/**
|
|
14
15
|
* Estado del chip
|
|
15
16
|
*/
|
|
16
|
-
status
|
|
17
|
+
status?: Maybe<string | number>;
|
|
17
18
|
/**
|
|
18
19
|
* Conjuntos de colores para los estados del chip
|
|
19
20
|
*/
|
package/mockServiceWorker.js
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
* - Please do NOT serve this file on production.
|
|
9
9
|
*/
|
|
10
10
|
|
|
11
|
-
const PACKAGE_VERSION = '2.7.
|
|
11
|
+
const PACKAGE_VERSION = '2.7.5'
|
|
12
12
|
const INTEGRITY_CHECKSUM = '00729d72e3b82faf54ca8b9621dbb96f'
|
|
13
13
|
const IS_MOCKED_RESPONSE = Symbol('isMockedResponse')
|
|
14
14
|
const activeClientIds = new Set()
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@m4l/components",
|
|
3
|
-
"version": "9.2.
|
|
3
|
+
"version": "9.2.49",
|
|
4
4
|
"license": "UNLICENSED",
|
|
5
5
|
"lint-staged": {
|
|
6
6
|
"*.{js,ts,tsx}": "eslint --fix --max-warnings 0 --no-warn-ignored"
|
|
@@ -19,21 +19,17 @@
|
|
|
19
19
|
"atmosphere.js": "^4.0.0",
|
|
20
20
|
"chart.js": "^4.4.0",
|
|
21
21
|
"chartjs-chart-error-bars": "^4.3.3",
|
|
22
|
-
"date-fns": "^2.29.2",
|
|
23
22
|
"eventemitter3": "^4.0.7",
|
|
24
23
|
"fast-equals": "^5.0.1",
|
|
25
24
|
"framer-motion": "^6.5.0",
|
|
26
25
|
"history": "5.3.0",
|
|
27
|
-
"immer": "^9.0.21",
|
|
28
26
|
"install": "^0.13.0",
|
|
29
27
|
"jwt-decode": "^4.0.0",
|
|
30
28
|
"leaflet": "^1.9.4",
|
|
31
29
|
"leaflet-polylinedecorator": "^1.6.0",
|
|
32
30
|
"leaflet.markercluster": "^1.5.3",
|
|
33
|
-
"lodash-es": "^4.17.21",
|
|
34
31
|
"nprogress": "^0.2.0",
|
|
35
32
|
"qrcode.react": "^3.1.0",
|
|
36
|
-
"qs": "^6.0.0",
|
|
37
33
|
"react": "^18.0.0",
|
|
38
34
|
"react-chartjs-2": "^5.2.0",
|
|
39
35
|
"react-color": "^2.19.3",
|
|
@@ -52,7 +48,6 @@
|
|
|
52
48
|
"react-rnd": "^10.5.2",
|
|
53
49
|
"react-router-dom": "6.3.0",
|
|
54
50
|
"react-spinners": "^0.13.8",
|
|
55
|
-
"react-toastify": "10.0.5",
|
|
56
51
|
"react-transition-group": "^4.4.5",
|
|
57
52
|
"react-virtualized-auto-sizer": "^1.0.25",
|
|
58
53
|
"react-window": "^1.8.11",
|