pds-dev-kit-web-test 2.5.25 → 2.5.26
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/src/common/styles/colorSet/PaletteColor_Dark.json +3 -1
- package/dist/src/common/styles/colorSet/PaletteColor_light.json +3 -1
- package/dist/src/common/styles/colorSet/UIColor.json +4 -4
- package/dist/src/common/styles/colorSet/index.d.ts +126 -122
- package/dist/src/common/styles/colorSet/index.js +4 -4
- package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.js +23 -21
- package/package.json +2 -2
- package/release-note.md +1 -1
|
@@ -356,5 +356,7 @@
|
|
|
356
356
|
"sys_cpnt_white_opacity60": "white/opacity60",
|
|
357
357
|
"sys_border_line_17": "darkgrey600",
|
|
358
358
|
"usr_brand_primary_opacity05": "darkblue500/opacity05",
|
|
359
|
-
"sys_cpnt_sheet_base_15": "grey200"
|
|
359
|
+
"sys_cpnt_sheet_base_15": "grey200",
|
|
360
|
+
"sys_cpnt_sheet_base_16": "grey900/opacity50",
|
|
361
|
+
"sys_cpnt_sheet_base_17": "grey500"
|
|
360
362
|
}
|
|
@@ -356,5 +356,7 @@
|
|
|
356
356
|
"sys_cpnt_white_opacity60": "white/opacity60",
|
|
357
357
|
"sys_border_line_17": "black/opacity00",
|
|
358
358
|
"usr_brand_primary_opacity05": "blue500/opacity05",
|
|
359
|
-
"sys_cpnt_sheet_base_15": "grey100"
|
|
359
|
+
"sys_cpnt_sheet_base_15": "grey100",
|
|
360
|
+
"sys_cpnt_sheet_base_16": "grey900/opacity50",
|
|
361
|
+
"sys_cpnt_sheet_base_17": "grey500"
|
|
360
362
|
}
|
|
@@ -862,8 +862,8 @@
|
|
|
862
862
|
"ui_123": "usr_brand_primary_opacity05",
|
|
863
863
|
"ui_124": "sys_cpnt_sheet_base_15",
|
|
864
864
|
"ui_dimmed_03": "sys_background_dimmed",
|
|
865
|
-
"ui_125": "
|
|
866
|
-
"ui_126": "
|
|
867
|
-
"ui_127": "
|
|
868
|
-
"ui_128": "
|
|
865
|
+
"ui_125": "sys_cpnt_sheet_base_14",
|
|
866
|
+
"ui_126": "sys_cpnt_sheet_base_16",
|
|
867
|
+
"ui_127": "sys_cpnt_sheet_base_17",
|
|
868
|
+
"ui_128": "sys_widget_white"
|
|
869
869
|
}
|
|
@@ -1,5 +1,125 @@
|
|
|
1
1
|
declare const colorSet: {
|
|
2
|
-
readonly
|
|
2
|
+
readonly SemanticColor: {
|
|
3
|
+
blue500: string;
|
|
4
|
+
blue700: string;
|
|
5
|
+
blue300: string;
|
|
6
|
+
green700: string;
|
|
7
|
+
green500: string;
|
|
8
|
+
green300: string;
|
|
9
|
+
red500: string;
|
|
10
|
+
grey900: string;
|
|
11
|
+
grey500: string;
|
|
12
|
+
grey400: string;
|
|
13
|
+
grey100: string;
|
|
14
|
+
grey50: string;
|
|
15
|
+
white: string;
|
|
16
|
+
black: string;
|
|
17
|
+
darkblue500: string;
|
|
18
|
+
grey950: string;
|
|
19
|
+
darkgrey900: string;
|
|
20
|
+
darkgrey500: string;
|
|
21
|
+
darkgrey400: string;
|
|
22
|
+
darkgrey100: string;
|
|
23
|
+
darkgrey50: string;
|
|
24
|
+
darkred500: string;
|
|
25
|
+
darkgreen700: string;
|
|
26
|
+
orange500: string;
|
|
27
|
+
darkorange500: string;
|
|
28
|
+
opacity00: string;
|
|
29
|
+
opacity20: string;
|
|
30
|
+
opacity30: string;
|
|
31
|
+
opacity65: string;
|
|
32
|
+
darkgreen500: string;
|
|
33
|
+
grey70: string;
|
|
34
|
+
navy500: string;
|
|
35
|
+
lightgreen500: string;
|
|
36
|
+
pink500: string;
|
|
37
|
+
darkgrey70: string;
|
|
38
|
+
darknavy500: string;
|
|
39
|
+
darkpink500: string;
|
|
40
|
+
darklightgreen500: string;
|
|
41
|
+
opacity10: string;
|
|
42
|
+
grey600: string;
|
|
43
|
+
darkgrey600: string;
|
|
44
|
+
skyblue500: string;
|
|
45
|
+
skyblue300: string;
|
|
46
|
+
pink300: string;
|
|
47
|
+
lightpink500: string;
|
|
48
|
+
darkblue300: string;
|
|
49
|
+
darkblue700: string;
|
|
50
|
+
darkgreen300: string;
|
|
51
|
+
darkskyblue500: string;
|
|
52
|
+
navy100: string;
|
|
53
|
+
darknavy100: string;
|
|
54
|
+
opacity80: string;
|
|
55
|
+
opacity50: string;
|
|
56
|
+
grey30: string;
|
|
57
|
+
opacity95: string;
|
|
58
|
+
darkgrey30: string;
|
|
59
|
+
opacity40: string;
|
|
60
|
+
kakaoyellow: string;
|
|
61
|
+
pastelblue500: string;
|
|
62
|
+
pastelpink500: string;
|
|
63
|
+
pastelorange500: string;
|
|
64
|
+
pastelgreen500: string;
|
|
65
|
+
pastelpurple500: string;
|
|
66
|
+
darkpastelblue500: string;
|
|
67
|
+
darkpastelpink500: string;
|
|
68
|
+
darkpastelorange500: string;
|
|
69
|
+
darkpastelgreen500: string;
|
|
70
|
+
darkpastelpurple500: string;
|
|
71
|
+
green30: string;
|
|
72
|
+
darkgreen30: string;
|
|
73
|
+
orange50: string;
|
|
74
|
+
darkorange50: string;
|
|
75
|
+
orange30: string;
|
|
76
|
+
darkorange30: string;
|
|
77
|
+
green50: string;
|
|
78
|
+
darkgreen50: string;
|
|
79
|
+
opacity90: string;
|
|
80
|
+
facebookblue: string;
|
|
81
|
+
opacity05: string;
|
|
82
|
+
opacity15: string;
|
|
83
|
+
grey80: string;
|
|
84
|
+
grey200: string;
|
|
85
|
+
darkgrey80: string;
|
|
86
|
+
darkgrey200: string;
|
|
87
|
+
opacity70: string;
|
|
88
|
+
opacity60: string;
|
|
89
|
+
skyblue100: string;
|
|
90
|
+
green100: string;
|
|
91
|
+
darkgreen100: string;
|
|
92
|
+
darkskyblue100: string;
|
|
93
|
+
opacity25: string;
|
|
94
|
+
opacity35: string;
|
|
95
|
+
grey10: string;
|
|
96
|
+
darkgrey10: string;
|
|
97
|
+
blue50: string;
|
|
98
|
+
darkblue50: string;
|
|
99
|
+
blue10: string;
|
|
100
|
+
red10: string;
|
|
101
|
+
green10: string;
|
|
102
|
+
blue30: string;
|
|
103
|
+
red30: string;
|
|
104
|
+
orange300: string;
|
|
105
|
+
darkorange300: string;
|
|
106
|
+
darkpink300: string;
|
|
107
|
+
pastelblue300: string;
|
|
108
|
+
darkpastelblue300: string;
|
|
109
|
+
softpurple500: string;
|
|
110
|
+
darksoftpurple500: string;
|
|
111
|
+
coolpink500: string;
|
|
112
|
+
darkcoolpink500: string;
|
|
113
|
+
brown500: string;
|
|
114
|
+
darkbrown500: string;
|
|
115
|
+
yellow300: string;
|
|
116
|
+
darkyellow300: string;
|
|
117
|
+
grey20: string;
|
|
118
|
+
darkgrey20: string;
|
|
119
|
+
grey300: string;
|
|
120
|
+
darkgrey300: string;
|
|
121
|
+
};
|
|
122
|
+
readonly PaletteColor_Dark: {
|
|
3
123
|
sys_container_background_01: string;
|
|
4
124
|
sys_container_background_02: string;
|
|
5
125
|
sys_container_background_03: string;
|
|
@@ -358,8 +478,10 @@ declare const colorSet: {
|
|
|
358
478
|
sys_border_line_17: string;
|
|
359
479
|
usr_brand_primary_opacity05: string;
|
|
360
480
|
sys_cpnt_sheet_base_15: string;
|
|
481
|
+
sys_cpnt_sheet_base_16: string;
|
|
482
|
+
sys_cpnt_sheet_base_17: string;
|
|
361
483
|
};
|
|
362
|
-
readonly
|
|
484
|
+
readonly PaletteColor_light: {
|
|
363
485
|
sys_container_background_01: string;
|
|
364
486
|
sys_container_background_02: string;
|
|
365
487
|
sys_container_background_03: string;
|
|
@@ -718,126 +840,8 @@ declare const colorSet: {
|
|
|
718
840
|
sys_border_line_17: string;
|
|
719
841
|
usr_brand_primary_opacity05: string;
|
|
720
842
|
sys_cpnt_sheet_base_15: string;
|
|
721
|
-
|
|
722
|
-
|
|
723
|
-
blue500: string;
|
|
724
|
-
blue700: string;
|
|
725
|
-
blue300: string;
|
|
726
|
-
green700: string;
|
|
727
|
-
green500: string;
|
|
728
|
-
green300: string;
|
|
729
|
-
red500: string;
|
|
730
|
-
grey900: string;
|
|
731
|
-
grey500: string;
|
|
732
|
-
grey400: string;
|
|
733
|
-
grey100: string;
|
|
734
|
-
grey50: string;
|
|
735
|
-
white: string;
|
|
736
|
-
black: string;
|
|
737
|
-
darkblue500: string;
|
|
738
|
-
grey950: string;
|
|
739
|
-
darkgrey900: string;
|
|
740
|
-
darkgrey500: string;
|
|
741
|
-
darkgrey400: string;
|
|
742
|
-
darkgrey100: string;
|
|
743
|
-
darkgrey50: string;
|
|
744
|
-
darkred500: string;
|
|
745
|
-
darkgreen700: string;
|
|
746
|
-
orange500: string;
|
|
747
|
-
darkorange500: string;
|
|
748
|
-
opacity00: string;
|
|
749
|
-
opacity20: string;
|
|
750
|
-
opacity30: string;
|
|
751
|
-
opacity65: string;
|
|
752
|
-
darkgreen500: string;
|
|
753
|
-
grey70: string;
|
|
754
|
-
navy500: string;
|
|
755
|
-
lightgreen500: string;
|
|
756
|
-
pink500: string;
|
|
757
|
-
darkgrey70: string;
|
|
758
|
-
darknavy500: string;
|
|
759
|
-
darkpink500: string;
|
|
760
|
-
darklightgreen500: string;
|
|
761
|
-
opacity10: string;
|
|
762
|
-
grey600: string;
|
|
763
|
-
darkgrey600: string;
|
|
764
|
-
skyblue500: string;
|
|
765
|
-
skyblue300: string;
|
|
766
|
-
pink300: string;
|
|
767
|
-
lightpink500: string;
|
|
768
|
-
darkblue300: string;
|
|
769
|
-
darkblue700: string;
|
|
770
|
-
darkgreen300: string;
|
|
771
|
-
darkskyblue500: string;
|
|
772
|
-
navy100: string;
|
|
773
|
-
darknavy100: string;
|
|
774
|
-
opacity80: string;
|
|
775
|
-
opacity50: string;
|
|
776
|
-
grey30: string;
|
|
777
|
-
opacity95: string;
|
|
778
|
-
darkgrey30: string;
|
|
779
|
-
opacity40: string;
|
|
780
|
-
kakaoyellow: string;
|
|
781
|
-
pastelblue500: string;
|
|
782
|
-
pastelpink500: string;
|
|
783
|
-
pastelorange500: string;
|
|
784
|
-
pastelgreen500: string;
|
|
785
|
-
pastelpurple500: string;
|
|
786
|
-
darkpastelblue500: string;
|
|
787
|
-
darkpastelpink500: string;
|
|
788
|
-
darkpastelorange500: string;
|
|
789
|
-
darkpastelgreen500: string;
|
|
790
|
-
darkpastelpurple500: string;
|
|
791
|
-
green30: string;
|
|
792
|
-
darkgreen30: string;
|
|
793
|
-
orange50: string;
|
|
794
|
-
darkorange50: string;
|
|
795
|
-
orange30: string;
|
|
796
|
-
darkorange30: string;
|
|
797
|
-
green50: string;
|
|
798
|
-
darkgreen50: string;
|
|
799
|
-
opacity90: string;
|
|
800
|
-
facebookblue: string;
|
|
801
|
-
opacity05: string;
|
|
802
|
-
opacity15: string;
|
|
803
|
-
grey80: string;
|
|
804
|
-
grey200: string;
|
|
805
|
-
darkgrey80: string;
|
|
806
|
-
darkgrey200: string;
|
|
807
|
-
opacity70: string;
|
|
808
|
-
opacity60: string;
|
|
809
|
-
skyblue100: string;
|
|
810
|
-
green100: string;
|
|
811
|
-
darkgreen100: string;
|
|
812
|
-
darkskyblue100: string;
|
|
813
|
-
opacity25: string;
|
|
814
|
-
opacity35: string;
|
|
815
|
-
grey10: string;
|
|
816
|
-
darkgrey10: string;
|
|
817
|
-
blue50: string;
|
|
818
|
-
darkblue50: string;
|
|
819
|
-
blue10: string;
|
|
820
|
-
red10: string;
|
|
821
|
-
green10: string;
|
|
822
|
-
blue30: string;
|
|
823
|
-
red30: string;
|
|
824
|
-
orange300: string;
|
|
825
|
-
darkorange300: string;
|
|
826
|
-
darkpink300: string;
|
|
827
|
-
pastelblue300: string;
|
|
828
|
-
darkpastelblue300: string;
|
|
829
|
-
softpurple500: string;
|
|
830
|
-
darksoftpurple500: string;
|
|
831
|
-
coolpink500: string;
|
|
832
|
-
darkcoolpink500: string;
|
|
833
|
-
brown500: string;
|
|
834
|
-
darkbrown500: string;
|
|
835
|
-
yellow300: string;
|
|
836
|
-
darkyellow300: string;
|
|
837
|
-
grey20: string;
|
|
838
|
-
darkgrey20: string;
|
|
839
|
-
grey300: string;
|
|
840
|
-
darkgrey300: string;
|
|
843
|
+
sys_cpnt_sheet_base_16: string;
|
|
844
|
+
sys_cpnt_sheet_base_17: string;
|
|
841
845
|
};
|
|
842
846
|
readonly UIColor: {
|
|
843
847
|
ui_cpnt_button_fill_base_primary: string;
|
|
@@ -4,14 +4,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
/* eslint-disable import/order */
|
|
7
|
-
var PaletteColor_light_json_1 = __importDefault(require("./PaletteColor_light.json"));
|
|
8
|
-
var PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
|
|
9
7
|
var SemanticColor_json_1 = __importDefault(require("./SemanticColor.json"));
|
|
8
|
+
var PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
|
|
9
|
+
var PaletteColor_light_json_1 = __importDefault(require("./PaletteColor_light.json"));
|
|
10
10
|
var UIColor_json_1 = __importDefault(require("./UIColor.json"));
|
|
11
11
|
var colorSet = {
|
|
12
|
-
PaletteColor_light: PaletteColor_light_json_1.default,
|
|
13
|
-
PaletteColor_Dark: PaletteColor_Dark_json_1.default,
|
|
14
12
|
SemanticColor: SemanticColor_json_1.default,
|
|
13
|
+
PaletteColor_Dark: PaletteColor_Dark_json_1.default,
|
|
14
|
+
PaletteColor_light: PaletteColor_light_json_1.default,
|
|
15
15
|
UIColor: UIColor_json_1.default
|
|
16
16
|
};
|
|
17
17
|
exports.default = colorSet;
|
|
@@ -346,26 +346,26 @@ var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
|
|
|
346
346
|
});
|
|
347
347
|
}
|
|
348
348
|
};
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
};
|
|
349
|
+
// const onAutoFitContent: OnFitContentCallBack = (props) => {
|
|
350
|
+
// const { prev, item } = props;
|
|
351
|
+
// if (!isEditMode || !item) {
|
|
352
|
+
// return;
|
|
353
|
+
// }
|
|
354
|
+
// const numberId = Number(item.i);
|
|
355
|
+
// const isIdNumber = !Number.isNaN(numberId);
|
|
356
|
+
// if (isLayoutPlacementSame(item, prev)) {
|
|
357
|
+
// return;
|
|
358
|
+
// }
|
|
359
|
+
// if (isIdNumber) {
|
|
360
|
+
// setSelectedCB(numberId);
|
|
361
|
+
// }
|
|
362
|
+
// if (sectionActionHandler && isIdNumber) {
|
|
363
|
+
// sectionActionHandler({
|
|
364
|
+
// type: '@CUSTOMSECTION/CB_AUTO_FIT_CONTENT',
|
|
365
|
+
// payload: { ...props, details: { hadPaddingChanged: props.hasPaddingChanged } }
|
|
366
|
+
// });
|
|
367
|
+
// }
|
|
368
|
+
// };
|
|
369
369
|
var onClickSection = function () {
|
|
370
370
|
if (!isEditMode) {
|
|
371
371
|
return;
|
|
@@ -456,7 +456,9 @@ var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
|
|
|
456
456
|
maxWidth: customSectionStyles.maxWidth,
|
|
457
457
|
minWidth: isMobile ? GLE_MIN_WIDTH_MOBILE_PX : GLE_MIN_WIDTH_DESKTOP_PX,
|
|
458
458
|
fontSize: "".concat(baseFontSize, "px")
|
|
459
|
-
}, onLayoutChange: onLayoutChange, onDragStart: onDragStart, onDragStop: onDragStop, onResizeStop: onResizeStop,
|
|
459
|
+
}, onLayoutChange: onLayoutChange, onDragStart: onDragStart, onDragStop: onDragStop, onResizeStop: onResizeStop,
|
|
460
|
+
// onFitToContent={onAutoFitContent}
|
|
461
|
+
onWidthChange: onWidthChange, minNbRow: rows, isDraggable: isEditMode, isResizable: isEditMode }, { children: keepSimilarOrderToPreventRerender(layouts[layoutByDevice]).map(function (each, index) {
|
|
460
462
|
var _a;
|
|
461
463
|
if (each === null) {
|
|
462
464
|
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "pds-dev-kit-web-test",
|
|
3
|
-
"version": "2.5.
|
|
3
|
+
"version": "2.5.26",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"private": false,
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
"i18next-intervalplural-postprocessor": "^3.0.0",
|
|
23
23
|
"lottie-react": "^2.3.1",
|
|
24
24
|
"nuka-carousel": "^4.8.4",
|
|
25
|
-
"publ-echo": "^0.0.
|
|
25
|
+
"publ-echo": "^0.0.45",
|
|
26
26
|
"react-hook-form": "^7.28.1",
|
|
27
27
|
"react-i18next": "^11.12.0",
|
|
28
28
|
"react-router-dom": "^5.2.0",
|
package/release-note.md
CHANGED