pds-dev-kit-web-test 2.7.595 → 2.7.596
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/sub/DynamicLayout/CompositionEditor/CompositionEditor.js +2 -2
- package/dist/src/sub/DynamicLayout/CompositionRenderer/FlexGridItem.js +0 -17
- package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.js +2 -2
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Button/Button.js +1 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarousel.js +2 -9
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsList.js +2 -9
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Image/Image.js +1 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBanner.js +2 -9
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text.js +1 -1
- package/package.json +2 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/fallbacks/EmptyTextForRender.d.ts +0 -2
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/fallbacks/EmptyTextForRender.js +0 -20
|
@@ -52,7 +52,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
52
52
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
53
53
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
54
54
|
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
55
|
-
var
|
|
55
|
+
var publ_echo_test_1 = require("publ-echo-test");
|
|
56
56
|
var group_1 = require("publ-echo/dist/lib/GridLayoutEditor/group");
|
|
57
57
|
var renderHelpers_1 = require("publ-echo/dist/lib/GridLayoutEditor/utils/renderHelpers");
|
|
58
58
|
var react_1 = __importStar(require("react"));
|
|
@@ -71,7 +71,7 @@ var group_2 = require("../sections/CustomSection/newUtils/group");
|
|
|
71
71
|
var util_1 = require("../sections/CustomSection/util");
|
|
72
72
|
var parseSectionPadding_1 = __importDefault(require("../sections/CustomSection/util/layoutPropParsers/parseSectionPadding"));
|
|
73
73
|
var parseCompositionPlacement_1 = __importDefault(require("../sections/CustomSection/util/parseCompositionPlacement"));
|
|
74
|
-
var Responsive = (0,
|
|
74
|
+
var Responsive = (0, publ_echo_test_1.WidthProvider)(publ_echo_test_1.ResponsiveGridEditor);
|
|
75
75
|
var CompositionEditor = (0, react_1.forwardRef)(function CompositionEditorCanvas(props, ref) {
|
|
76
76
|
var _a, _b, _c, _d;
|
|
77
77
|
var _e = props.editorProps, device = _e.device, shortcutKeyMode = _e.shortcutKeyMode, placementRestriction = _e.placementRestriction, compositionActionHandler = _e.compositionActionHandler;
|
|
@@ -20,14 +20,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
20
20
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
21
|
exports.getGridAreaFromCB = void 0;
|
|
22
22
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
23
|
-
var react_1 = require("react");
|
|
24
23
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
25
|
-
var dynamicLayoutContext_1 = require("../dynamicLayoutContext");
|
|
26
24
|
var ComponentBlockMatcherWithCCB_1 = __importDefault(require("../sections/CustomSection/components/ComponentBlock/ComponentBlockMatcherWithCCB"));
|
|
27
25
|
var gap = 10;
|
|
28
26
|
function FlexGridItem(_a) {
|
|
29
27
|
var cb = _a.cb, index = _a.index, device = _a.device, rowHeight = _a.rowHeight, zIndex = _a.zIndex, showPinned = _a.showPinned, block = _a.block, style = _a.style, isParentGroupHeightVariable = _a.isParentGroupHeightVariable;
|
|
30
|
-
var queryData = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext).queryData;
|
|
31
28
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
32
29
|
var defaultHeight = getMaxHeight(cb.jsonProperties.data.CB_PLACEMENT_PROP_PLACEMENT, device, rowHeight);
|
|
33
30
|
var gridArea = getGridAreaFromCB(cb.jsonProperties.data.CB_PLACEMENT_PROP_PLACEMENT, device);
|
|
@@ -46,10 +43,6 @@ function FlexGridItem(_a) {
|
|
|
46
43
|
}
|
|
47
44
|
}
|
|
48
45
|
if ('CB_STYLE_PROP_CONTENTSLISTDESIGN' in cb.jsonProperties.data) {
|
|
49
|
-
var isEmptyTextShowing = isContentsListShowingEmptyText(cb.jsonProperties.data.CB_CONTENT_PROP_CONTENTSLIST, queryData);
|
|
50
|
-
if (isEmptyTextShowing) {
|
|
51
|
-
return false;
|
|
52
|
-
}
|
|
53
46
|
var desktopValue = (_f = (_e = cb.jsonProperties.data.CB_LAYOUT_PROP_HEIGHTADJUSTMENT) === null || _e === void 0 ? void 0 : _e.CB_LAYOUT_PROP_HEIGHTADJUSTMENT_SPEC_HEIGHTFITCONTENT) !== null && _f !== void 0 ? _f : true;
|
|
54
47
|
if (device === 'DESKTOP') {
|
|
55
48
|
return desktopValue;
|
|
@@ -123,14 +116,4 @@ function getGridAreaFromCB(props, device) {
|
|
|
123
116
|
}
|
|
124
117
|
exports.getGridAreaFromCB = getGridAreaFromCB;
|
|
125
118
|
exports.default = FlexGridItem;
|
|
126
|
-
function isContentsListShowingEmptyText(props, queryData) {
|
|
127
|
-
var queryPath = "".concat(props.CB_CONTENT_PROP_CONTENTSLIST_SPEC_CONNECTDATA, "/").concat(props.CB_CONTENT_PROP_CONTENTSLIST_SPEC_DATASORTING, "/").concat(props.CB_CONTENT_PROP_CONTENTSLIST_SPEC_DATAOFFSET);
|
|
128
|
-
if (props.CB_CONTENT_PROP_CONTENTSLIST_SPEC_CONNECTDATA === 'NONE' || !queryPath || !queryData) {
|
|
129
|
-
return true;
|
|
130
|
-
}
|
|
131
|
-
var queryDataValue = queryData === null || queryData === void 0 ? void 0 : queryData[queryPath];
|
|
132
|
-
if (!(queryDataValue === null || queryDataValue === void 0 ? void 0 : queryDataValue.length)) {
|
|
133
|
-
return true;
|
|
134
|
-
}
|
|
135
|
-
}
|
|
136
119
|
var templateObject_1;
|
|
@@ -51,7 +51,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
51
51
|
};
|
|
52
52
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
53
53
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
54
|
-
var
|
|
54
|
+
var publ_echo_test_1 = require("publ-echo-test");
|
|
55
55
|
var group_1 = require("publ-echo/dist/lib/GridLayoutEditor/group");
|
|
56
56
|
var renderHelpers_1 = require("publ-echo/dist/lib/GridLayoutEditor/utils/renderHelpers");
|
|
57
57
|
var react_1 = __importStar(require("react"));
|
|
@@ -67,7 +67,7 @@ var clsx_1 = require("./newUtils/clsx");
|
|
|
67
67
|
var group_2 = require("./newUtils/group");
|
|
68
68
|
var util_1 = require("./util");
|
|
69
69
|
var parseSectionPadding_1 = __importDefault(require("./util/layoutPropParsers/parseSectionPadding"));
|
|
70
|
-
var Responsive = (0,
|
|
70
|
+
var Responsive = (0, publ_echo_test_1.WidthProvider)(publ_echo_test_1.ResponsiveGridEditor);
|
|
71
71
|
var GRID_CELL_MIN = 24;
|
|
72
72
|
var DESKTOP_GRID_COLS = 24;
|
|
73
73
|
var MOBILE_GRID_COLS = 8;
|
|
@@ -137,7 +137,7 @@ function Button(props) {
|
|
|
137
137
|
});
|
|
138
138
|
}
|
|
139
139
|
if (mode === 'EDIT') {
|
|
140
|
-
return (0, jsx_runtime_1.jsx)(DataNotFound_1.default, { stringKey: "
|
|
140
|
+
return (0, jsx_runtime_1.jsx)(DataNotFound_1.default, { stringKey: "str_10478" });
|
|
141
141
|
}
|
|
142
142
|
return '';
|
|
143
143
|
}
|
|
@@ -38,7 +38,6 @@ var types_1 = require("../../../../../../../DynamicLayout/sections/CustomSection
|
|
|
38
38
|
var util_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/util");
|
|
39
39
|
var isNullOrUndefined_1 = __importDefault(require("../../../../../../../DynamicLayout/sections/CustomSection/util/isNullOrUndefined"));
|
|
40
40
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
41
|
-
var EmptyTextForRender_1 = __importDefault(require("../../../fallbacks/EmptyTextForRender"));
|
|
42
41
|
var S_CB_AnimationObserverBox_1 = require("../components/S_CB_AnimationObserverBox");
|
|
43
42
|
var S_CB_BoxWithShadow_1 = require("../components/S_CB_BoxWithShadow");
|
|
44
43
|
var S_HiddenCover_1 = require("../components/S_HiddenCover");
|
|
@@ -208,18 +207,12 @@ function ContentsCarousel(props) {
|
|
|
208
207
|
}
|
|
209
208
|
// 데이터 연결
|
|
210
209
|
if (CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_CONNECTDATA === 'NONE' || !queryPath || !queryData) {
|
|
211
|
-
|
|
212
|
-
return (0, jsx_runtime_1.jsx)(EmptyString, { stringKey: "str_10477" }, "no-query");
|
|
213
|
-
}
|
|
214
|
-
return (0, jsx_runtime_1.jsx)(EmptyTextForRender_1.default, {});
|
|
210
|
+
return (0, jsx_runtime_1.jsx)(EmptyString, { stringKey: "str_10477" }, "no-query");
|
|
215
211
|
}
|
|
216
212
|
var queryDataValue = queryData[queryPath];
|
|
217
213
|
// 쿼리 데이터와 키가 있으나, 쿼리 데이터에 결과가 빈 경우
|
|
218
214
|
if (!(queryDataValue === null || queryDataValue === void 0 ? void 0 : queryDataValue.length)) {
|
|
219
|
-
|
|
220
|
-
return (0, jsx_runtime_1.jsx)(EmptyString, { stringKey: "str_10660" }, "empty-item");
|
|
221
|
-
}
|
|
222
|
-
return (0, jsx_runtime_1.jsx)(EmptyTextForRender_1.default, {});
|
|
215
|
+
return (0, jsx_runtime_1.jsx)(EmptyString, { stringKey: "str_10478" }, "empty-item");
|
|
223
216
|
}
|
|
224
217
|
return renderSwiper(compositions);
|
|
225
218
|
};
|
|
@@ -39,7 +39,6 @@ var types_1 = require("../../../../../../../DynamicLayout/sections/CustomSection
|
|
|
39
39
|
var util_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/util");
|
|
40
40
|
var isNullOrUndefined_1 = __importDefault(require("../../../../../../../DynamicLayout/sections/CustomSection/util/isNullOrUndefined"));
|
|
41
41
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
42
|
-
var EmptyTextForRender_1 = __importDefault(require("../../../fallbacks/EmptyTextForRender"));
|
|
43
42
|
var S_CB_AnimationObserverBox_1 = require("../components/S_CB_AnimationObserverBox");
|
|
44
43
|
var S_CB_BoxWithShadow_1 = require("../components/S_CB_BoxWithShadow");
|
|
45
44
|
var S_HeightFitContentCover_1 = require("../components/S_HeightFitContentCover");
|
|
@@ -205,18 +204,12 @@ function ContentsList(props) {
|
|
|
205
204
|
}
|
|
206
205
|
// 데이터 연결
|
|
207
206
|
if (CB_CONTENT_PROP_CONTENTSLIST_SPEC_CONNECTDATA === 'NONE' || !queryPath || !queryData) {
|
|
208
|
-
|
|
209
|
-
return (0, jsx_runtime_1.jsx)(EmptyString, { stringKey: "str_10477" }, "no-query");
|
|
210
|
-
}
|
|
211
|
-
return (0, jsx_runtime_1.jsx)(EmptyTextForRender_1.default, {});
|
|
207
|
+
return (0, jsx_runtime_1.jsx)(EmptyString, { stringKey: "str_10477" }, "no-query");
|
|
212
208
|
}
|
|
213
209
|
var queryDataValue = queryData[queryPath];
|
|
214
210
|
// 쿼리 데이터와 키가 있으나, 쿼리 데이터에 결과가 빈 경우
|
|
215
211
|
if (!(queryDataValue === null || queryDataValue === void 0 ? void 0 : queryDataValue.length)) {
|
|
216
|
-
|
|
217
|
-
return (0, jsx_runtime_1.jsx)(EmptyString, { stringKey: "str_10660" }, "empty-item");
|
|
218
|
-
}
|
|
219
|
-
return (0, jsx_runtime_1.jsx)(EmptyTextForRender_1.default, {});
|
|
212
|
+
return (0, jsx_runtime_1.jsx)(EmptyString, { stringKey: "str_10478" }, "empty-item");
|
|
220
213
|
}
|
|
221
214
|
return renderList(compositions);
|
|
222
215
|
};
|
|
@@ -112,7 +112,7 @@ function Image(props) {
|
|
|
112
112
|
if (CB_CONTENT_PROP_IMAGE.CB_CONTENT_PROP_IMAGE_SPEC_VALUETYPE === 'DATA' ||
|
|
113
113
|
CB_CONTENT_PROP_IMAGE.CB_CONTENT_PROP_IMAGE_SPEC_VALUETYPE === 'DELEGATEDDATA') {
|
|
114
114
|
if (!(queryContext === null || queryContext === void 0 ? void 0 : queryContext.queryData)) {
|
|
115
|
-
return (0, jsx_runtime_1.jsx)(DataNotFound_1.default, { stringKey: "
|
|
115
|
+
return (0, jsx_runtime_1.jsx)(DataNotFound_1.default, { stringKey: "str_10477" });
|
|
116
116
|
}
|
|
117
117
|
if (CB_CONTENT_PROP_IMAGE.CB_CONTENT_PROP_IMAGE_SPEC_CONNECTDATA === 'NONE') {
|
|
118
118
|
return (0, jsx_runtime_1.jsx)(DataNotFound_1.default, { stringKey: "str_10477" });
|
|
@@ -38,7 +38,6 @@ var types_1 = require("../../../../../../../DynamicLayout/sections/CustomSection
|
|
|
38
38
|
var util_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/util");
|
|
39
39
|
var isNullOrUndefined_1 = __importDefault(require("../../../../../../../DynamicLayout/sections/CustomSection/util/isNullOrUndefined"));
|
|
40
40
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
41
|
-
var EmptyTextForRender_1 = __importDefault(require("../../../fallbacks/EmptyTextForRender"));
|
|
42
41
|
var S_CB_AnimationObserverBox_1 = require("../components/S_CB_AnimationObserverBox");
|
|
43
42
|
var S_CB_BoxWithShadow_1 = require("../components/S_CB_BoxWithShadow");
|
|
44
43
|
var S_HiddenCover_1 = require("../components/S_HiddenCover");
|
|
@@ -188,18 +187,12 @@ function SlideBanner(props) {
|
|
|
188
187
|
}
|
|
189
188
|
// 데이터 연결
|
|
190
189
|
if (CB_CONTENT_PROP_SLIDEBANNER_SPEC_CONNECTDATA === 'NONE' || !queryPath || !queryData) {
|
|
191
|
-
|
|
192
|
-
return (0, jsx_runtime_1.jsx)(EmptyString, { stringKey: "str_10477" }, "no-query");
|
|
193
|
-
}
|
|
194
|
-
return (0, jsx_runtime_1.jsx)(EmptyTextForRender_1.default, {});
|
|
190
|
+
return (0, jsx_runtime_1.jsx)(EmptyString, { stringKey: "str_10477" }, "no-query");
|
|
195
191
|
}
|
|
196
192
|
var queryDataValue = queryData[queryPath];
|
|
197
193
|
// 쿼리 데이터와 키가 있으나, 쿼리 데이터에 결과가 빈 경우
|
|
198
194
|
if (!(queryDataValue === null || queryDataValue === void 0 ? void 0 : queryDataValue.length)) {
|
|
199
|
-
|
|
200
|
-
return (0, jsx_runtime_1.jsx)(EmptyString, { stringKey: "str_10660" }, "empty-item");
|
|
201
|
-
}
|
|
202
|
-
return (0, jsx_runtime_1.jsx)(EmptyTextForRender_1.default, {});
|
|
195
|
+
return (0, jsx_runtime_1.jsx)(EmptyString, { stringKey: "str_10478" }, "empty-item");
|
|
203
196
|
}
|
|
204
197
|
return renderSwiper(compositions);
|
|
205
198
|
};
|
|
@@ -125,7 +125,7 @@ function Text(props) {
|
|
|
125
125
|
});
|
|
126
126
|
}
|
|
127
127
|
if (mode === 'EDIT') {
|
|
128
|
-
return (0, jsx_runtime_1.jsx)(DataNotFound_1.default, { stringKey: "
|
|
128
|
+
return (0, jsx_runtime_1.jsx)(DataNotFound_1.default, { stringKey: "str_10478" });
|
|
129
129
|
}
|
|
130
130
|
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
|
131
131
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "pds-dev-kit-web-test",
|
|
3
|
-
"version": "2.7.
|
|
3
|
+
"version": "2.7.596",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"private": false,
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -25,6 +25,7 @@
|
|
|
25
25
|
"lottie-react": "^2.3.1",
|
|
26
26
|
"nuka-carousel": "^4.8.4",
|
|
27
27
|
"publ-echo": "^0.0.132",
|
|
28
|
+
"publ-echo-test": "^0.0.398",
|
|
28
29
|
"react-hook-form": "^7.28.1",
|
|
29
30
|
"react-i18next": "^11.12.0",
|
|
30
31
|
"react-router-dom": "^5.2.0",
|
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/fallbacks/EmptyTextForRender.js
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
-
};
|
|
9
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
11
|
-
var react_i18next_1 = require("react-i18next");
|
|
12
|
-
var TextLabel_1 = require("../../../../../DynamicLayout/components/pdsOriginal/desktop/TextLabel");
|
|
13
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
14
|
-
function EmptyTextForRender() {
|
|
15
|
-
var t = (0, react_i18next_1.useTranslation)('translation').t;
|
|
16
|
-
return ((0, jsx_runtime_1.jsx)(S_Wrapper, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: t('str_10663'), styleTheme: "body2Regular", colorTheme: "sysTextTertiary" }) }));
|
|
17
|
-
}
|
|
18
|
-
exports.default = EmptyTextForRender;
|
|
19
|
-
var S_Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n align-items: center;\n bottom: 0;\n display: flex;\n height: 100%;\n justify-content: center;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n width: 100%;\n"], ["\n align-items: center;\n bottom: 0;\n display: flex;\n height: 100%;\n justify-content: center;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n width: 100%;\n"])));
|
|
20
|
-
var templateObject_1;
|