pds-dev-kit-web-test 2.5.136 → 2.5.138

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.
@@ -184,12 +184,17 @@ var Composition = (0, react_1.forwardRef)(function CustomSection(props, ref) {
184
184
  }
185
185
  return 16;
186
186
  })();
187
- return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(gleStyles_1.S_gleStyles, { children: (0, jsx_runtime_1.jsx)(S_SectionWrapper, __assign({ ref: gleRef, "x-dlayout-section-type": "NO_NAME", onClick: onClickSection }, { children: (0, jsx_runtime_1.jsx)(components_1.CustomSection, __assign({}, props, { isMobile: isMobile, overrideStyles: {
187
+ return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(gleStyles_1.S_gleStyles, __assign({ style: { width: '100%', height: '100%' } }, { children: (0, jsx_runtime_1.jsx)(S_SectionWrapper, __assign({ ref: gleRef, "x-dlayout-section-type": "NO_NAME", onClick: onClickSection, style: {
188
+ width: '100%',
189
+ height: '100%'
190
+ } }, { children: (0, jsx_runtime_1.jsx)(components_1.CustomSection, __assign({}, props, { isMobile: isMobile, overrideStyles: {
188
191
  // minHeight: customSectionStyles.minHeight,
189
192
  paddingTop: padding.top,
190
193
  paddingBottom: padding.bottom,
191
194
  paddingRight: padding.right,
192
- paddingLeft: padding.left
195
+ paddingLeft: padding.left,
196
+ width: '100%',
197
+ height: '100%'
193
198
  } }, { children: (0, jsx_runtime_1.jsx)(GridContainer, __assign({ ref: containerRef, cols: isMobile ? 8 : 24, rowHeight: rowHeight, sectionRow: sectionRow !== null && sectionRow !== void 0 ? sectionRow : 0, style: {
194
199
  width: customSectionStyles.width,
195
200
  maxWidth: customSectionStyles.maxWidth,
@@ -198,9 +203,9 @@ var Composition = (0, react_1.forwardRef)(function CustomSection(props, ref) {
198
203
  } }, { children: (_a = props.componentBlocks) === null || _a === void 0 ? void 0 : _a.map(function (cb, index) {
199
204
  var _a;
200
205
  return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(FlexGridItem_1.default, { cb: cb, index: index, device: device, rowHeight: rowHeight, zIndex: (_a = zOrders === null || zOrders === void 0 ? void 0 : zOrders[device === 'DESKTOP' ? 'desktop' : 'mobile'][cb.id]) !== null && _a !== void 0 ? _a : 0 }) }, cb.id));
201
- }) })) })) })) }) }));
206
+ }) })) })) })) })) }));
202
207
  });
203
- 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 padding: 10px 10px;\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 padding: 10px 10px;\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"); });
208
+ 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(", ", minmax(", ", 1fr));\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(", ", minmax(", ", 1fr));\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(0, "px"); });
204
209
  var S_SectionWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
205
210
  exports.default = react_1.default.memo(Composition);
206
211
  function getDefensiveFontSize(device, width) {
@@ -19,6 +19,9 @@ require("react");
19
19
  var Composition_1 = __importDefault(require("./Composition"));
20
20
  function CompositionRenderer(_a) {
21
21
  var compositions = _a.compositions;
22
- return ((0, jsx_runtime_1.jsx)("div", { children: compositions.map(function (composition) { return ((0, jsx_runtime_1.jsx)(Composition_1.default, __assign({}, composition), composition.id)); }) }));
22
+ return ((0, jsx_runtime_1.jsx)("div", __assign({ style: {
23
+ width: '100%',
24
+ height: '100%'
25
+ } }, { children: compositions.map(function (composition) { return ((0, jsx_runtime_1.jsx)(Composition_1.default, __assign({}, composition), composition.id)); }) })));
23
26
  }
24
27
  exports.default = CompositionRenderer;
@@ -58,7 +58,6 @@ var react_1 = __importStar(require("react"));
58
58
  var ErrorBoundary_1 = require("../../../DynamicLayout/components/Section/ErrorBoundary");
59
59
  var dynamicLayoutContext_1 = require("../../../DynamicLayout/dynamicLayoutContext");
60
60
  var gleStyles_1 = require("../../../DynamicLayout/gleStyles");
61
- require("../../../DynamicLayout/sectionActionTypes");
62
61
  var styled_components_1 = __importDefault(require("styled-components"));
63
62
  var components_1 = require("../../components");
64
63
  var ComponentBlockMatcher_1 = __importDefault(require("./components/ComponentBlock/ComponentBlockMatcher"));
@@ -105,6 +104,8 @@ var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
105
104
  var newblock = bulkBlockIds.length > 0
106
105
  ? (0, group_1.addBulkToTarget)(pedigreeState, editingGroupBlock, bulkBlockIds)
107
106
  : pedigreeState;
107
+ console.log('newblock', newblock);
108
+ console.log('pedigreeState', pedigreeState);
108
109
  (0, react_1.useImperativeHandle)(ref, function () {
109
110
  return {
110
111
  selectCB: function (cbId) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web-test",
3
- "version": "2.5.136",
3
+ "version": "2.5.138",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",