pds-dev-kit-web-test 2.4.24 → 2.4.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.
Files changed (6) hide show
  1. package/dist/src/sub/DynamicLayout/pagesPreviewMock.js +1 -1
  2. package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.js +3 -4
  3. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text.js +3 -1
  4. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parsePlacement.d.ts +3 -1
  5. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parsePlacement.js +8 -5
  6. package/package.json +2 -1
package/dist/src/sub/DynamicLayout/pagesPreviewMock.js CHANGED
@@ -3661,7 +3661,7 @@ exports.sampleCustomsection5 = {
3661
3661
  CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
3662
3662
  },
3663
3663
  CB_CONTENT_PROP_TEXT: {
3664
- CB_CONTENT_PROP_TEXT_SPEC_TEXT: '다양한 결제 방식을\n선택할 수 있어요.'
3664
+ CB_CONTENT_PROP_TEXT_SPEC_TEXT: '다양한 결제 방식을\n선택할 수 있어요. 다양한 결제 방식을\n선택할 수 있어요.'
3665
3665
  },
3666
3666
  CB_CONTENT_PROP_VISIBILITY: {
3667
3667
  CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.js CHANGED
@@ -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 publ_echo_1 = require("publ-echo");
54
+ var publ_echo_test_1 = require("publ-echo-test");
55
55
  var ReactGridLayout_1 = __importDefault(require("publ-echo/dist/lib/GridLayoutEditor/ReactGridLayout"));
56
56
  var react_1 = __importStar(require("react"));
57
57
  var ErrorBoundary_1 = require("../../../DynamicLayout/components/Section/ErrorBoundary");
@@ -65,8 +65,8 @@ var useGroupDrag_2 = require("./hooks/useGroupDrag/useGroupDrag");
65
65
  var utils_1 = require("./hooks/useGroupDrag/utils");
66
66
  var util_1 = require("./util");
67
67
  var parseSectionPadding_1 = __importDefault(require("./util/layoutPropParsers/parseSectionPadding"));
68
- var WidthProvidedRGL = (0, publ_echo_1.WidthProvider)(ReactGridLayout_1.default);
69
- var Responsive = (0, publ_echo_1.WidthProvider)(publ_echo_1.ResponsiveGridEditor);
68
+ var WidthProvidedRGL = (0, publ_echo_test_1.WidthProvider)(ReactGridLayout_1.default);
69
+ var Responsive = (0, publ_echo_test_1.WidthProvider)(publ_echo_test_1.ResponsiveGridEditor);
70
70
  var GRID_CELL_MIN = 24;
71
71
  var DESKTOP_GRID_COLS = 24;
72
72
  var MOBILE_GRID_COLS = 8;
@@ -267,7 +267,6 @@ var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
267
267
  setLayouts(props.layouts);
268
268
  };
269
269
  var onDragStart = function (props) {
270
- console.log(props);
271
270
  sectionActionHandler &&
272
271
  sectionActionHandler({
273
272
  type: '@CUSTOMSECTION/CB_DRAG_START',
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text.js CHANGED
@@ -56,7 +56,9 @@ function Text(props) {
56
56
  : CB_EFFECT_PROP_ENTANIM['CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE'] === 'NONE';
57
57
  var hasEffect = !isNoneEffectType;
58
58
  var effectVisibleStyle = hasEffect ? { opacity: isVisible ? 1 : 0 } : {};
59
- return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isEditModeAndHidden && (0, jsx_runtime_1.jsx)(S_HiddenCover_1.S_HiddenCover, {}), (0, jsx_runtime_1.jsx)(S_CB_AnimationObserverBox_1.S_CB_AnimationObserverBox, __assign({ ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle }, { children: (0, jsx_runtime_1.jsx)(S_CB_Box_1.S_CB_Box, __assign({ className: "cb-layout-box", normalStyle: __assign(__assign(__assign(__assign(__assign({}, textStyle), propsStyle), layoutStyle), effectCssProperties), { whiteSpace: 'pre-wrap', wordBreak: 'break-word', cursor: CLINKCursor }), hoverStyle: __assign(__assign(__assign({}, textHoverStyle), propsHoverStyle), { whiteSpace: 'pre-wrap', wordBreak: 'break-word' }), onClick: onClickCLINK }, { children: props.CB_CONTENT_PROP_TEXT.CB_CONTENT_PROP_TEXT_SPEC_TEXT })) }))] }));
59
+ return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isEditModeAndHidden && (0, jsx_runtime_1.jsx)(S_HiddenCover_1.S_HiddenCover, {}), (0, jsx_runtime_1.jsx)(S_CB_AnimationObserverBox_1.S_CB_AnimationObserverBox, __assign({ style: {
60
+ height: 'fit-content'
61
+ }, ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle }, { children: (0, jsx_runtime_1.jsx)(S_CB_Box_1.S_CB_Box, __assign({ className: "cb-layout-box", normalStyle: __assign(__assign(__assign(__assign(__assign({}, textStyle), propsStyle), layoutStyle), effectCssProperties), { whiteSpace: 'pre-wrap', wordBreak: 'break-word', cursor: CLINKCursor, height: 'fit-content' }), hoverStyle: __assign(__assign(__assign({}, textHoverStyle), propsHoverStyle), { whiteSpace: 'pre-wrap', wordBreak: 'break-word' }), onClick: onClickCLINK }, { children: props.CB_CONTENT_PROP_TEXT.CB_CONTENT_PROP_TEXT_SPEC_TEXT })) }))] }));
60
62
  }
61
63
  function getTextStyles(props, device) {
62
64
  var availableSpecCodes = [
package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parsePlacement.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import type { ComponentBlock } from '../types';
1
+ import { type ComponentBlock } from '../types';
2
2
  export declare function parsePlacement(components: ComponentBlock[]): {
3
3
  sm: {
4
4
  i: string;
@@ -7,6 +7,7 @@ export declare function parsePlacement(components: ComponentBlock[]): {
7
7
  w: number;
8
8
  h: number;
9
9
  z: number;
10
+ autoResize: boolean;
10
11
  }[];
11
12
  lg: {
12
13
  i: string;
@@ -15,6 +16,7 @@ export declare function parsePlacement(components: ComponentBlock[]): {
15
16
  w: number;
16
17
  h: number;
17
18
  z: number;
19
+ autoResize: boolean;
18
20
  }[];
19
21
  };
20
22
  export default parsePlacement;
package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parsePlacement.js CHANGED
@@ -10,10 +10,11 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
10
10
  };
11
11
  Object.defineProperty(exports, "__esModule", { value: true });
12
12
  exports.parsePlacement = void 0;
13
+ var types_1 = require("../types");
13
14
  function parsePlacement(components) {
14
15
  return components.reduce(function (acc, cur) {
15
- var id = cur.id, jsonProperties = cur.jsonProperties;
16
- var _a = parsePropPlacement(jsonProperties.data.CB_PLACEMENT_PROP_PLACEMENT, id), mobileLayout = _a.mobileLayout, desktopLayout = _a.desktopLayout;
16
+ var id = cur.id, jsonProperties = cur.jsonProperties, componentBlockCode = cur.componentBlockCode;
17
+ var _a = parsePropPlacement(jsonProperties.data.CB_PLACEMENT_PROP_PLACEMENT, id, componentBlockCode), mobileLayout = _a.mobileLayout, desktopLayout = _a.desktopLayout;
17
18
  return {
18
19
  sm: __spreadArray(__spreadArray([], acc.sm, true), [mobileLayout], false),
19
20
  lg: __spreadArray(__spreadArray([], acc.lg, true), [desktopLayout], false)
@@ -21,14 +22,15 @@ function parsePlacement(components) {
21
22
  }, { sm: [], lg: [] });
22
23
  }
23
24
  exports.parsePlacement = parsePlacement;
24
- function parsePropPlacement(props, id) {
25
+ function parsePropPlacement(props, id, cbCode) {
25
26
  var desktopLayout = {
26
27
  i: id.toString(),
27
28
  x: props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX,
28
29
  y: props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY,
29
30
  w: props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS,
30
31
  h: props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS,
31
- z: props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX + 500
32
+ z: props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX + 500,
33
+ autoResize: cbCode === types_1.CB_ALL_CODES.CB_TEXT
32
34
  };
33
35
  var mobileLayout = {
34
36
  i: id.toString(),
@@ -36,7 +38,8 @@ function parsePropPlacement(props, id) {
36
38
  y: props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE'],
37
39
  w: props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE'],
38
40
  h: props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE'],
39
- z: props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE'] + 500
41
+ z: props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE'] + 500,
42
+ autoResize: cbCode === types_1.CB_ALL_CODES.CB_TEXT
40
43
  };
41
44
  return {
42
45
  mobileLayout: mobileLayout,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web-test",
3
- "version": "2.4.24",
3
+ "version": "2.4.26",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
@@ -23,6 +23,7 @@
23
23
  "lottie-react": "^2.3.1",
24
24
  "nuka-carousel": "^4.8.4",
25
25
  "publ-echo": "^0.0.45",
26
+ "publ-echo-test": "^0.0.5",
26
27
  "react-hook-form": "^7.28.1",
27
28
  "react-i18next": "^11.12.0",
28
29
  "react-router-dom": "^5.2.0",