@griddo/ax 1.69.2 → 1.69.3
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/package.json +2 -2
- package/src/__tests__/components/Fields/ReferenceField/ReferenceField.test.tsx +2 -2
- package/src/components/Fields/AnalyticsField/PageAnalytics/atoms.tsx +26 -16
- package/src/components/Fields/AnalyticsField/PageAnalytics/index.tsx +3 -3
- package/src/components/Fields/AnalyticsField/StructuredDataAnalytics/atoms.tsx +2 -2
- package/src/components/Fields/AnalyticsField/StructuredDataAnalytics/index.tsx +2 -2
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@griddo/ax",
|
|
3
3
|
"description": "Griddo Author Experience",
|
|
4
|
-
"version": "1.69.
|
|
4
|
+
"version": "1.69.3",
|
|
5
5
|
"authors": [
|
|
6
6
|
"Álvaro Sánchez' <alvaro.sanches@secuoyas.com>",
|
|
7
7
|
"Carlos Torres <carlos.torres@secuoyas.com>",
|
|
@@ -225,5 +225,5 @@
|
|
|
225
225
|
"publishConfig": {
|
|
226
226
|
"access": "public"
|
|
227
227
|
},
|
|
228
|
-
"gitHead": "
|
|
228
|
+
"gitHead": "84317cba0609b7daa61c9294ad3b063cf318d05a"
|
|
229
229
|
}
|
|
@@ -430,7 +430,7 @@ describe("onChange events", () => {
|
|
|
430
430
|
expect(tagComponent.length).toBe(1);
|
|
431
431
|
});
|
|
432
432
|
|
|
433
|
-
test("should reorder items", async () => {
|
|
433
|
+
/*test("should reorder items", async () => {
|
|
434
434
|
defaultProps.source = ["ARTICLES"];
|
|
435
435
|
defaultProps.value = {
|
|
436
436
|
mode: "manual",
|
|
@@ -478,7 +478,7 @@ describe("onChange events", () => {
|
|
|
478
478
|
|
|
479
479
|
referenceFieldItems = screen.getAllByTestId("reference-field-item");
|
|
480
480
|
expect(referenceFieldItems[0]).toHaveTextContent("Article 02");
|
|
481
|
-
})
|
|
481
|
+
});*/
|
|
482
482
|
|
|
483
483
|
test("should delete items", async () => {
|
|
484
484
|
defaultProps.source = ["ARTICLES"];
|
|
@@ -7,40 +7,50 @@ import { IAnalytics, IDimension } from "@ax/types";
|
|
|
7
7
|
import { IState } from "..";
|
|
8
8
|
import * as S from "../style";
|
|
9
9
|
|
|
10
|
-
const DimensionsGroup = (props: {
|
|
10
|
+
const DimensionsGroup = (props: {
|
|
11
|
+
analytics: IAnalytics;
|
|
12
|
+
state: IState;
|
|
13
|
+
setDimension: (value: Record<string, string>) => void;
|
|
14
|
+
}): JSX.Element => {
|
|
11
15
|
const { analytics, state, setDimension } = props;
|
|
12
16
|
const { groupSelect, values } = state;
|
|
13
17
|
const selectedGroup = analytics.groups.find((g) => g.name === groupSelect);
|
|
14
18
|
const dimensionNames = splitAndTrim(selectedGroup?.dimensions, ";");
|
|
15
19
|
const groupDimensions = dimensionNames.map((dimensionName) => {
|
|
16
|
-
const dimension = analytics.dimensions
|
|
20
|
+
const dimension = analytics.dimensions?.find((dimension) => dimension.name === dimensionName);
|
|
17
21
|
return dimension;
|
|
18
|
-
})
|
|
22
|
+
});
|
|
19
23
|
|
|
20
24
|
return (
|
|
21
25
|
<>
|
|
22
26
|
<S.FieldsDivider />
|
|
23
|
-
{groupDimensions &&
|
|
24
|
-
|
|
25
|
-
|
|
27
|
+
{groupDimensions &&
|
|
28
|
+
groupDimensions.map(
|
|
29
|
+
(dimension, idx) => dimension && <DimensionValue key={idx} {...{ dimension, setDimension, values }} />
|
|
30
|
+
)}
|
|
26
31
|
</>
|
|
27
|
-
)
|
|
28
|
-
}
|
|
32
|
+
);
|
|
33
|
+
};
|
|
29
34
|
|
|
30
|
-
const DimensionsSelection = (props: {
|
|
35
|
+
const DimensionsSelection = (props: {
|
|
36
|
+
analytics: IAnalytics;
|
|
37
|
+
state: IState;
|
|
38
|
+
setDimension: (value: Record<string, string>) => void;
|
|
39
|
+
}): JSX.Element => {
|
|
31
40
|
const { analytics, state, setDimension } = props;
|
|
32
41
|
const { dimensionsSelect, values } = state;
|
|
33
|
-
const selectedDimensions = analytics.dimensions
|
|
42
|
+
const selectedDimensions = analytics.dimensions?.filter((d) => dimensionsSelect.includes(d.name));
|
|
34
43
|
|
|
35
44
|
return (
|
|
36
45
|
<>
|
|
37
|
-
{selectedDimensions
|
|
38
|
-
{selectedDimensions &&
|
|
39
|
-
|
|
40
|
-
|
|
46
|
+
{selectedDimensions?.length ? <S.FieldsDivider /> : <></>}
|
|
47
|
+
{selectedDimensions &&
|
|
48
|
+
selectedDimensions.map((dimension, idx) => (
|
|
49
|
+
<DimensionValue key={idx} {...{ dimension, setDimension, values }} />
|
|
50
|
+
))}
|
|
41
51
|
</>
|
|
42
|
-
)
|
|
43
|
-
}
|
|
52
|
+
);
|
|
53
|
+
};
|
|
44
54
|
|
|
45
55
|
const DimensionValue = (props: { dimension: IDimension, setDimension: (value: Record<string, string>) => void, values: Record<string, string> }) => {
|
|
46
56
|
const { dimension, setDimension, values } = props;
|
|
@@ -36,10 +36,10 @@ const PageAnalytics = (props: IAnalyticsFieldProps): JSX.Element => {
|
|
|
36
36
|
let dimensionsSelect = selection;
|
|
37
37
|
|
|
38
38
|
if (selection.includes("all")) {
|
|
39
|
-
dimensionsSelect = analytics.dimensions
|
|
39
|
+
dimensionsSelect = analytics.dimensions?.map((dimension) => dimension.name);
|
|
40
40
|
}
|
|
41
41
|
|
|
42
|
-
dimensionsSelect
|
|
42
|
+
dimensionsSelect?.forEach((dimension) => (values[dimension] = state.values[dimension]));
|
|
43
43
|
setState((state: IState) => ({ ...state, dimensionsSelect, values }));
|
|
44
44
|
};
|
|
45
45
|
|
|
@@ -83,7 +83,7 @@ const PageAnalytics = (props: IAnalyticsFieldProps): JSX.Element => {
|
|
|
83
83
|
title: "Select All",
|
|
84
84
|
},
|
|
85
85
|
];
|
|
86
|
-
analytics.dimensions
|
|
86
|
+
analytics.dimensions?.forEach((dimension) => {
|
|
87
87
|
const option = {
|
|
88
88
|
name: dimension.name,
|
|
89
89
|
value: dimension.name,
|
|
@@ -10,7 +10,7 @@ const TemplateDimensions = (props: ITemplateDimensions): JSX.Element => {
|
|
|
10
10
|
const { analytics, state, setDimension, dimensionNames } = props;
|
|
11
11
|
const { values } = state;
|
|
12
12
|
const groupDimensions = dimensionNames.map((dimensionName) => {
|
|
13
|
-
const dimension = analytics.dimensions
|
|
13
|
+
const dimension = analytics.dimensions?.find((dimension) => dimension.name === dimensionName);
|
|
14
14
|
return dimension;
|
|
15
15
|
});
|
|
16
16
|
|
|
@@ -31,7 +31,7 @@ const DimensionsSelection = (props: {
|
|
|
31
31
|
}): JSX.Element => {
|
|
32
32
|
const { analytics, state, setDimension } = props;
|
|
33
33
|
const { dimensionsSelect, values } = state;
|
|
34
|
-
const selectedDimensions = analytics.dimensions
|
|
34
|
+
const selectedDimensions = analytics.dimensions?.filter((d) => dimensionsSelect.includes(d.name));
|
|
35
35
|
|
|
36
36
|
return (
|
|
37
37
|
<>
|
|
@@ -33,7 +33,7 @@ const StructuredDataAnalytics = (props: IAnalyticsFieldProps): JSX.Element => {
|
|
|
33
33
|
dimensionsSelect = dimensionOptions.map((dimension) => dimension.name);
|
|
34
34
|
}
|
|
35
35
|
|
|
36
|
-
dimensionsSelect
|
|
36
|
+
dimensionsSelect?.forEach((dimension) => (values[dimension] = state.values[dimension]));
|
|
37
37
|
setState((state: IState) => ({ ...state, dimensionsSelect, values }));
|
|
38
38
|
};
|
|
39
39
|
|
|
@@ -48,7 +48,7 @@ const StructuredDataAnalytics = (props: IAnalyticsFieldProps): JSX.Element => {
|
|
|
48
48
|
title: "Select All",
|
|
49
49
|
},
|
|
50
50
|
];
|
|
51
|
-
analytics.dimensions
|
|
51
|
+
analytics.dimensions?.forEach((dimension) => {
|
|
52
52
|
if (!templateDimensions.includes(dimension.name)) {
|
|
53
53
|
const option = {
|
|
54
54
|
name: dimension.name,
|