pds-dev-kit-web-test 0.2.35 → 0.2.36

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.
@@ -53,7 +53,7 @@ var ComponentBlockMatcher_1 = __importDefault(require("./components/ComponentBlo
53
53
  var util_1 = require("./util");
54
54
  var parseSectionPadding_1 = __importDefault(require("./util/layoutPropParsers/parseSectionPadding"));
55
55
  var Responsive = (0, publ_echo_1.WidthProvider)(publ_echo_1.ResponsiveGridEditor);
56
- var GRID_CELL_MIN = 24;
56
+ var GRID_CELL_MIN = 8;
57
57
  function CustomSection(props) {
58
58
  var _a = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _a.device, editingSectionId = _a.editingSectionId, mode = _a.mode, sectionActionHandler = _a.sectionActionHandler, customGridRows = _a.customGridRows;
59
59
  var componentBlocks = props.componentBlocks, jsonProperties = props.jsonProperties;
@@ -180,12 +180,14 @@ function CustomSection(props) {
180
180
  !!(CB_CONTENT_PROP_SECTION === null || CB_CONTENT_PROP_SECTION === void 0 ? void 0 : CB_CONTENT_PROP_SECTION.CB_CONTENT_PROP_SECTION_SPEC_VARIABLEROOTFONTSIZE);
181
181
  if (device === 'MOBILE') {
182
182
  var cellWidth_1 = width / gridData.mobileCols;
183
- setRowHeight(cellWidth_1 * 0.56);
183
+ // setRowHeight(cellWidth * 0.56);
184
+ setRowHeight(cellWidth_1);
184
185
  baseFontSize !== 16 && setBaseFontSize(16);
185
186
  return;
186
187
  }
187
188
  var cellWidth = width / gridData.desktopCols;
188
- setRowHeight(cellWidth * 0.56);
189
+ // setRowHeight(cellWidth * 0.56);
190
+ setRowHeight(cellWidth);
189
191
  responsiveFontMode ? setBaseFontSize(cellWidth / 2.35) : setBaseFontSize(16);
190
192
  };
191
193
  var padding = (0, parseSectionPadding_1.default)(CB_LAYOUT_PROP_PADDING, device);
@@ -196,7 +198,7 @@ function CustomSection(props) {
196
198
  paddingBottom: padding.bottom,
197
199
  paddingRight: padding.right,
198
200
  paddingLeft: padding.left
199
- } }, { children: (0, jsx_runtime_1.jsx)(Responsive, __assign({ allowOverlap: true, layouts: { lg: layouts.lg, sm: layouts.sm }, resizeHandles: ['nw', 'e', 'n', 'ne', 's', 'se', 'sw', 'w'], breakpoints: breakpoints, breakpoint: breakpoint, cols: { lg: gridData.desktopCols, sm: gridData.mobileCols }, rowHeight: rowHeight, margin: [10, 10], style: {
201
+ } }, { children: (0, jsx_runtime_1.jsx)(Responsive, __assign({ allowOverlap: true, layouts: { lg: layouts.lg, sm: layouts.sm }, resizeHandles: ['nw', 'e', 'n', 'ne', 's', 'se', 'sw', 'w'], breakpoints: breakpoints, breakpoint: breakpoint, cols: { lg: gridData.desktopCols, sm: gridData.mobileCols }, rowHeight: rowHeight, margin: [0, 0], containerPadding: [0, 0], style: {
200
202
  width: customSectionStyles.width,
201
203
  minWidth: isMobile ? gridData.gleMinWidthMobile : gridData.gleMinWidthDesktop,
202
204
  fontSize: "".concat(baseFontSize, "px")
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web-test",
3
- "version": "0.2.35",
3
+ "version": "0.2.36",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
package/release-note.md CHANGED
@@ -1,6 +1,9 @@
1
1
  # pds-dev-kit-web-test Release Notes
2
- ## [v0.2.35]
2
+ ## [v0.2.36]
3
3
  ## 기준 pds-dev-kit-web 버전 @2.2.4
4
4
  ### sub
5
5
  * DynamicLayout - custom section
6
- * grid row의 수를 사용자가 정할 수 있도록 기능 추가
6
+ * gutter를 0으로 조정
7
+ * gridItem 관련 조정
8
+ * min cell width 8px
9
+ * height-width 1:1 ratio