pds-dev-kit-web-test 2.7.331 → 2.7.335

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.
Files changed (5) hide show
  1. package/dist/src/sub/DynamicLayout/CompositionRenderer/Composition.js +1 -58
  2. package/dist/src/sub/DynamicLayout/mock_section.json +2 -2
  3. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/components/S_HeightFitContentCover.js +1 -1
  4. package/dist/src/sub/DynamicLayout/utils/groupUtils.js +2 -0
  5. package/package.json +1 -1
package/dist/src/sub/DynamicLayout/CompositionRenderer/Composition.js CHANGED
@@ -233,64 +233,7 @@ var Composition = (0, react_1.forwardRef)(function CustomSection(props, ref) {
233
233
  // onToggleGBPinned={onToggleGBPinned}
234
234
  isEditMode: false }, child.blockId)); }) })) })) })) })) })) }));
235
235
  });
236
- var MOCK_BORDER = {
237
- CB_STYLE_PROP_BORDER_SPEC_COLOR: '#000000FF',
238
- 'CB_STYLE_PROP_BORDER_SPEC_COLOR:HOVER': null,
239
- 'CB_STYLE_PROP_BORDER_SPEC_COLOR:MOBILE': null,
240
- 'CB_STYLE_PROP_BORDER_SPEC_COLOR:MOBILE:HOVER': null,
241
- CB_STYLE_PROP_BORDER_SPEC_RADIUS: {
242
- bl: 18,
243
- br: 18,
244
- tl: 18,
245
- tr: 18
246
- },
247
- 'CB_STYLE_PROP_BORDER_SPEC_RADIUS:HOVER': null,
248
- 'CB_STYLE_PROP_BORDER_SPEC_RADIUS:MOBILE': null,
249
- 'CB_STYLE_PROP_BORDER_SPEC_RADIUS:MOBILE:HOVER': null,
250
- CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX: true,
251
- 'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:HOVER': true,
252
- 'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:MOBILE': null,
253
- 'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:MOBILE:HOVER': null,
254
- CB_STYLE_PROP_BORDER_SPEC_STYLE: 'SOLID',
255
- 'CB_STYLE_PROP_BORDER_SPEC_STYLE:HOVER': null,
256
- 'CB_STYLE_PROP_BORDER_SPEC_STYLE:MOBILE': null,
257
- 'CB_STYLE_PROP_BORDER_SPEC_STYLE:MOBILE:HOVER': null,
258
- CB_STYLE_PROP_BORDER_SPEC_WIDTH: 3,
259
- 'CB_STYLE_PROP_BORDER_SPEC_WIDTH:HOVER': null,
260
- 'CB_STYLE_PROP_BORDER_SPEC_WIDTH:MOBILE': null,
261
- 'CB_STYLE_PROP_BORDER_SPEC_WIDTH:MOBILE:HOVER': null
262
- };
263
- var MOCK_SHADOW = {
264
- CB_STYLE_PROP_SHADOW_SPEC_BLUR: 24,
265
- 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:HOVER': null,
266
- 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE': null,
267
- 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE:HOVER': null,
268
- CB_STYLE_PROP_SHADOW_SPEC_COLOR: '#000000FF',
269
- 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:HOVER': null,
270
- 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE': null,
271
- 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE:HOVER': null,
272
- CB_STYLE_PROP_SHADOW_SPEC_OPACITY: 30,
273
- 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:HOVER': null,
274
- 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE': null,
275
- 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE:HOVER': null,
276
- CB_STYLE_PROP_SHADOW_SPEC_SPREAD: 2,
277
- 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:HOVER': null,
278
- 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE': null,
279
- 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE:HOVER': null,
280
- CB_STYLE_PROP_SHADOW_SPEC_TYPE: 'OUTSET',
281
- 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:HOVER': 'OUTSET',
282
- 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE': null,
283
- 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE:HOVER': null,
284
- CB_STYLE_PROP_SHADOW_SPEC_X: 0,
285
- 'CB_STYLE_PROP_SHADOW_SPEC_X:HOVER': null,
286
- 'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE': null,
287
- 'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE:HOVER': null,
288
- CB_STYLE_PROP_SHADOW_SPEC_Y: 12,
289
- 'CB_STYLE_PROP_SHADOW_SPEC_Y:HOVER': null,
290
- 'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE': null,
291
- 'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE:HOVER': null
292
- };
293
- var GridContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: grid; /* Space between grid items */\n gap: 10px;\n grid-template-columns: repeat(", ", 1fr);\n grid-template-rows: repeat(\n ", ",\n minmax(", ", auto)\n );\n /* height: 100%; */\n padding: 10px 10px;\n width: 100%;\n\n * {\n box-sizing: border-box;\n }\n"], ["\n display: grid; /* Space between grid items */\n gap: 10px;\n grid-template-columns: repeat(", ", 1fr);\n grid-template-rows: repeat(\n ", ",\n minmax(", ", auto)\n );\n /* height: 100%; */\n padding: 10px 10px;\n width: 100%;\n\n * {\n box-sizing: border-box;\n }\n"])), function (props) { return props.cols; }, function (props) { return props.sectionRow; }, function (props) { return "".concat(props.rowHeight, "px"); });
236
+ var GridContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: grid; /* Space between grid items */\n gap: 10px;\n grid-auto-rows: minmax(", ", auto);\n grid-template-columns: repeat(", ", 1fr);\n grid-template-rows: repeat(\n ", ",\n minmax(", ", auto)\n );\n /* height: 100%; */\n padding: 10px 10px;\n width: 100%;\n\n * {\n box-sizing: border-box;\n }\n"], ["\n display: grid; /* Space between grid items */\n gap: 10px;\n grid-auto-rows: minmax(", ", auto);\n grid-template-columns: repeat(", ", 1fr);\n grid-template-rows: repeat(\n ", ",\n minmax(", ", auto)\n );\n /* height: 100%; */\n padding: 10px 10px;\n width: 100%;\n\n * {\n box-sizing: border-box;\n }\n"])), function (props) { return "".concat(props.rowHeight, "px"); }, function (props) { return props.cols; }, function (props) { return props.sectionRow; }, function (props) { return "".concat(props.rowHeight, "px"); });
294
237
  var S_COMPOSITIONWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
295
238
  exports.default = react_1.default.memo(Composition);
296
239
  function getDefensiveFontSize(device, width) {
package/dist/src/sub/DynamicLayout/mock_section.json CHANGED
@@ -838,7 +838,7 @@
838
838
  "CB_CONTENT_PROP_TEXT_SPEC_FORMAT": "NONE",
839
839
  "CB_CONTENT_PROP_TEXT_SPEC_PREFIX": null,
840
840
  "CB_CONTENT_PROP_TEXT_SPEC_SUFFIX": null,
841
- "CB_CONTENT_PROP_TEXT_SPEC_TEXT": "상세 설명 내용을 입력할 수 있어요.\n간략한 요약 내용을 넣어보세요.",
841
+ "CB_CONTENT_PROP_TEXT_SPEC_TEXT": "상세 설명 내용을 입력할 수 있어요.\n간략한 요약 내용을 넣어보세요. ????",
842
842
  "CB_CONTENT_PROP_TEXT_SPEC_TEXTMOBILEALTERNATIVE": null,
843
843
  "CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE": "VALUE"
844
844
  },
@@ -979,7 +979,7 @@
979
979
  "CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINHEIGHT:MOBILE": null,
980
980
  "CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINWIDTH": 960,
981
981
  "CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINWIDTH:MOBILE": 360,
982
- "CB_PLACEMENT_PROP_COMPOSITION_SPEC_ROWS": 9,
982
+ "CB_PLACEMENT_PROP_COMPOSITION_SPEC_ROWS": 3,
983
983
  "CB_PLACEMENT_PROP_COMPOSITION_SPEC_ROWS:MOBILE": null
984
984
  },
985
985
  "CB_STYLE_PROP_BGCOLOR": {
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/components/S_HeightFitContentCover.js CHANGED
@@ -9,5 +9,5 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
9
9
  Object.defineProperty(exports, "__esModule", { value: true });
10
10
  exports.S_HeightFitContentCover = void 0;
11
11
  var styled_components_1 = __importDefault(require("styled-components"));
12
- exports.S_HeightFitContentCover = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n /* --- 1. \uAE30\uC874 \uC624\uBC84\uB808\uC774 \uC2A4\uD0C0\uC77C --- */\n /* background: linear-gradient(to top, ", " 0%, transparent 100%); */\n background: linear-gradient(139deg, #fb8817, #ff4b01, #c12127, #e02aff);\n bottom: 0;\n height: 100%;\n left: 0;\n opacity: 0.5;\n pointer-events: none;\n position: absolute;\n width: 100%;\n\n /* * [\uC911\uC694] \n * \uC774 \uC694\uC18C \uC804\uCCB4\uB294 \uD074\uB9AD\uC774 \uD1B5\uACFC\uB429\uB2C8\uB2E4. \n * (\uC790\uC2DD\uC778 ::after\uB3C4 \uC774 \uC18D\uC131\uC744 \uC0C1\uC18D\uBC1B\uC2B5\uB2C8\uB2E4)\n */\n z-index: 2;\n\n /* --- 2. ::after \uAC00\uC0C1 \uC694\uC18C\uB97C \uC0AC\uC6A9\uD574 \uAE00\uC790 \uCD94\uAC00 --- */\n &::after {\n bottom: 0;\n color: #ffffffff;\n content: '", "';\n font-size: 11px;\n font-weight: bold;\n left: 0;\n pointer-events: none;\n position: absolute;\n text-align: center;\n width: 100%;\n }\n"], ["\n /* --- 1. \uAE30\uC874 \uC624\uBC84\uB808\uC774 \uC2A4\uD0C0\uC77C --- */\n /* background: linear-gradient(to top, ", " 0%, transparent 100%); */\n background: linear-gradient(139deg, #fb8817, #ff4b01, #c12127, #e02aff);\n bottom: 0;\n height: 100%;\n left: 0;\n opacity: 0.5;\n pointer-events: none;\n position: absolute;\n width: 100%;\n\n /* * [\uC911\uC694] \n * \uC774 \uC694\uC18C \uC804\uCCB4\uB294 \uD074\uB9AD\uC774 \uD1B5\uACFC\uB429\uB2C8\uB2E4. \n * (\uC790\uC2DD\uC778 ::after\uB3C4 \uC774 \uC18D\uC131\uC744 \uC0C1\uC18D\uBC1B\uC2B5\uB2C8\uB2E4)\n */\n z-index: 2;\n\n /* --- 2. ::after \uAC00\uC0C1 \uC694\uC18C\uB97C \uC0AC\uC6A9\uD574 \uAE00\uC790 \uCD94\uAC00 --- */\n &::after {\n bottom: 0;\n color: #ffffffff;\n content: '", "';\n font-size: 11px;\n font-weight: bold;\n left: 0;\n pointer-events: none;\n position: absolute;\n text-align: center;\n width: 100%;\n }\n"])), function (props) { return '#58ab81ff'; }, function (props) { return props.bottomText || ''; });
12
+ exports.S_HeightFitContentCover = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n /* --- 1. \uAE30\uC874 \uC624\uBC84\uB808\uC774 \uC2A4\uD0C0\uC77C --- */\n /* background: linear-gradient(to top, ", " 0%, transparent 100%); */\n background: repeating-linear-gradient(\n -120deg,\n rgba(30, 235, 180, 0.3),\n rgba(30, 235, 180, 0.3) 12px,\n rgba(0, 0, 0, 0.1) 12px,\n rgba(0, 0, 0, 0.1) 25px\n );\n bottom: 0;\n height: 100%;\n left: 0;\n opacity: 0.5;\n pointer-events: none;\n position: absolute;\n width: 100%;\n\n /* * [\uC911\uC694] \n * \uC774 \uC694\uC18C \uC804\uCCB4\uB294 \uD074\uB9AD\uC774 \uD1B5\uACFC\uB429\uB2C8\uB2E4. \n * (\uC790\uC2DD\uC778 ::after\uB3C4 \uC774 \uC18D\uC131\uC744 \uC0C1\uC18D\uBC1B\uC2B5\uB2C8\uB2E4)\n */\n z-index: 2;\n\n /* --- 2. ::after \uAC00\uC0C1 \uC694\uC18C\uB97C \uC0AC\uC6A9\uD574 \uAE00\uC790 \uCD94\uAC00 --- */\n &::after {\n bottom: 0;\n color: #ffffffff;\n content: '", "';\n font-size: 11px;\n font-weight: bold;\n left: 0;\n pointer-events: none;\n position: absolute;\n text-align: center;\n width: 100%;\n }\n"], ["\n /* --- 1. \uAE30\uC874 \uC624\uBC84\uB808\uC774 \uC2A4\uD0C0\uC77C --- */\n /* background: linear-gradient(to top, ", " 0%, transparent 100%); */\n background: repeating-linear-gradient(\n -120deg,\n rgba(30, 235, 180, 0.3),\n rgba(30, 235, 180, 0.3) 12px,\n rgba(0, 0, 0, 0.1) 12px,\n rgba(0, 0, 0, 0.1) 25px\n );\n bottom: 0;\n height: 100%;\n left: 0;\n opacity: 0.5;\n pointer-events: none;\n position: absolute;\n width: 100%;\n\n /* * [\uC911\uC694] \n * \uC774 \uC694\uC18C \uC804\uCCB4\uB294 \uD074\uB9AD\uC774 \uD1B5\uACFC\uB429\uB2C8\uB2E4. \n * (\uC790\uC2DD\uC778 ::after\uB3C4 \uC774 \uC18D\uC131\uC744 \uC0C1\uC18D\uBC1B\uC2B5\uB2C8\uB2E4)\n */\n z-index: 2;\n\n /* --- 2. ::after \uAC00\uC0C1 \uC694\uC18C\uB97C \uC0AC\uC6A9\uD574 \uAE00\uC790 \uCD94\uAC00 --- */\n &::after {\n bottom: 0;\n color: #ffffffff;\n content: '", "';\n font-size: 11px;\n font-weight: bold;\n left: 0;\n pointer-events: none;\n position: absolute;\n text-align: center;\n width: 100%;\n }\n"])), function (props) { return '#58ab81ff'; }, function (props) { return props.bottomText || ''; });
13
13
  var templateObject_1;
package/dist/src/sub/DynamicLayout/utils/groupUtils.js CHANGED
@@ -129,6 +129,8 @@ function RenderPedigreeRecursively(_a) {
129
129
  var relativeGridArea = parentGroupArea
130
130
  ? calculateRelativeGridArea(originalGridArea, parentGroupArea)
131
131
  : originalGridArea;
132
+ console.log('before:', originalGridArea);
133
+ console.log('after:', relativeGridArea);
132
134
  return (
133
135
  // <S_GridItem
134
136
  // style={{
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web-test",
3
- "version": "2.7.331",
3
+ "version": "2.7.335",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",