@gem-sdk/core 1.23.0-staging.147 → 1.23.0-staging.154

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 (3) hide show
  1. package/dist/cjs/components/ComponentToolbarPreview.js +18 -8
  2. package/dist/esm/components/ComponentToolbarPreview.js +18 -8
  3. package/package.json +2 -2
package/dist/cjs/components/ComponentToolbarPreview.js CHANGED
@@ -283,12 +283,21 @@ const ComponentToolbarPreview = ({ ...props })=>{
283
283
  })
284
284
  ]
285
285
  }),
286
- isShowParent && parents.map((parent, index)=>/*#__PURE__*/ jsxRuntime.jsxs("div", {
286
+ isShowParent && parents.map((parent, index)=>{
287
+ // Update count columns of Row
288
+ const parentLength = parent?.childrens?.length ?? 0;
289
+ let parent_label = parent.label;
290
+ if (parent.label === 'Row') {
291
+ parent_label = parentLength <= 1 ? parent.label + ' ' + parentLength + ' col' : parent.label + ' ' + parentLength + ' cols';
292
+ }
293
+ return /*#__PURE__*/ jsxRuntime.jsxs("div", {
287
294
  "data-toolbar-parent": true,
288
295
  "data-parent-uid": parent.uid,
289
296
  "data-toolbar-theme-section": isThemeSectionEditor,
297
+ "data-toolbar-parent-revert": isShowParentRevert,
290
298
  style: {
291
- top: !isShowParentRevert ? `${-24 * (index + 1) + index}px` : `${31 + 24 * index - index}px`
299
+ top: !isShowParentRevert ? `${-36 * (index + 1)}px` // 32 height + 4 spacing
300
+ : `${36 * (index + 1)}px`
292
301
  },
293
302
  children: [
294
303
  /*#__PURE__*/ jsxRuntime.jsx("div", {
@@ -328,10 +337,11 @@ const ComponentToolbarPreview = ({ ...props })=>{
328
337
  }),
329
338
  /*#__PURE__*/ jsxRuntime.jsx("div", {
330
339
  "data-toolbar-name": true,
331
- children: parent.label
340
+ children: parent_label
332
341
  })
333
342
  ]
334
- }, parent.uid)),
343
+ }, parent.uid);
344
+ }),
335
345
  props.tag === 'Section' && !props.isThemeSection && editingPageType !== 'STATIC' && getIndexSection() < SECTION_LIMIT && /*#__PURE__*/ jsxRuntime.jsx(CreateThemeSection.CreateThemeSection, {
336
346
  ...props
337
347
  }),
@@ -419,8 +429,8 @@ const ComponentToolbarPreview = ({ ...props })=>{
419
429
  viewBox: "0 0 16 16",
420
430
  fill: "none",
421
431
  children: /*#__PURE__*/ jsxRuntime.jsx("path", {
422
- d: "M8.5 1.5C8.5 1.22386 8.27614 1 8 1C7.72386 1 7.5 1.22386 7.5 1.5V7.5H1.5C1.22386 7.5 1 7.72386 1 8C1 8.27614 1.22386 8.5 1.5 8.5H7.5V14.5C7.5 14.7761 7.72386 15 8 15C8.27614 15 8.5 14.7761 8.5 14.5V8.5H14.5C14.7761 8.5 15 8.27614 15 8C15 7.72386 14.7761 7.5 14.5 7.5H8.5V1.5Z",
423
- fill: "currentColor"
432
+ d: "M8.45 3.95C8.45 3.70147 8.24853 3.5 8 3.5C7.75147 3.5 7.55 3.70147 7.55 3.95V7.55H3.95C3.70147 7.55 3.5 7.75147 3.5 8C3.5 8.24853 3.70147 8.45 3.95 8.45H7.55V12.05C7.55 12.2985 7.75147 12.5 8 12.5C8.24853 12.5 8.45 12.2985 8.45 12.05V8.45H12.05C12.2985 8.45 12.5 8.24853 12.5 8C12.5 7.75147 12.2985 7.55 12.05 7.55H8.45V3.95Z",
433
+ fill: "#212121"
424
434
  })
425
435
  })
426
436
  }),
@@ -439,8 +449,8 @@ const ComponentToolbarPreview = ({ ...props })=>{
439
449
  viewBox: "0 0 16 16",
440
450
  fill: "none",
441
451
  children: /*#__PURE__*/ jsxRuntime.jsx("path", {
442
- d: "M8.5 1.5C8.5 1.22386 8.27614 1 8 1C7.72386 1 7.5 1.22386 7.5 1.5V7.5H1.5C1.22386 7.5 1 7.72386 1 8C1 8.27614 1.22386 8.5 1.5 8.5H7.5V14.5C7.5 14.7761 7.72386 15 8 15C8.27614 15 8.5 14.7761 8.5 14.5V8.5H14.5C14.7761 8.5 15 8.27614 15 8C15 7.72386 14.7761 7.5 14.5 7.5H8.5V1.5Z",
443
- fill: "currentColor"
452
+ d: "M8.45 3.95C8.45 3.70147 8.24853 3.5 8 3.5C7.75147 3.5 7.55 3.70147 7.55 3.95V7.55H3.95C3.70147 7.55 3.5 7.75147 3.5 8C3.5 8.24853 3.70147 8.45 3.95 8.45H7.55V12.05C7.55 12.2985 7.75147 12.5 8 12.5C8.24853 12.5 8.45 12.2985 8.45 12.05V8.45H12.05C12.2985 8.45 12.5 8.24853 12.5 8C12.5 7.75147 12.2985 7.55 12.05 7.55H8.45V3.95Z",
453
+ fill: "#212121"
444
454
  })
445
455
  })
446
456
  })
package/dist/esm/components/ComponentToolbarPreview.js CHANGED
@@ -281,12 +281,21 @@ const ComponentToolbarPreview = ({ ...props })=>{
281
281
  })
282
282
  ]
283
283
  }),
284
- isShowParent && parents.map((parent, index)=>/*#__PURE__*/ jsxs("div", {
284
+ isShowParent && parents.map((parent, index)=>{
285
+ // Update count columns of Row
286
+ const parentLength = parent?.childrens?.length ?? 0;
287
+ let parent_label = parent.label;
288
+ if (parent.label === 'Row') {
289
+ parent_label = parentLength <= 1 ? parent.label + ' ' + parentLength + ' col' : parent.label + ' ' + parentLength + ' cols';
290
+ }
291
+ return /*#__PURE__*/ jsxs("div", {
285
292
  "data-toolbar-parent": true,
286
293
  "data-parent-uid": parent.uid,
287
294
  "data-toolbar-theme-section": isThemeSectionEditor,
295
+ "data-toolbar-parent-revert": isShowParentRevert,
288
296
  style: {
289
- top: !isShowParentRevert ? `${-24 * (index + 1) + index}px` : `${31 + 24 * index - index}px`
297
+ top: !isShowParentRevert ? `${-36 * (index + 1)}px` // 32 height + 4 spacing
298
+ : `${36 * (index + 1)}px`
290
299
  },
291
300
  children: [
292
301
  /*#__PURE__*/ jsx("div", {
@@ -326,10 +335,11 @@ const ComponentToolbarPreview = ({ ...props })=>{
326
335
  }),
327
336
  /*#__PURE__*/ jsx("div", {
328
337
  "data-toolbar-name": true,
329
- children: parent.label
338
+ children: parent_label
330
339
  })
331
340
  ]
332
- }, parent.uid)),
341
+ }, parent.uid);
342
+ }),
333
343
  props.tag === 'Section' && !props.isThemeSection && editingPageType !== 'STATIC' && getIndexSection() < SECTION_LIMIT && /*#__PURE__*/ jsx(CreateThemeSection, {
334
344
  ...props
335
345
  }),
@@ -417,8 +427,8 @@ const ComponentToolbarPreview = ({ ...props })=>{
417
427
  viewBox: "0 0 16 16",
418
428
  fill: "none",
419
429
  children: /*#__PURE__*/ jsx("path", {
420
- d: "M8.5 1.5C8.5 1.22386 8.27614 1 8 1C7.72386 1 7.5 1.22386 7.5 1.5V7.5H1.5C1.22386 7.5 1 7.72386 1 8C1 8.27614 1.22386 8.5 1.5 8.5H7.5V14.5C7.5 14.7761 7.72386 15 8 15C8.27614 15 8.5 14.7761 8.5 14.5V8.5H14.5C14.7761 8.5 15 8.27614 15 8C15 7.72386 14.7761 7.5 14.5 7.5H8.5V1.5Z",
421
- fill: "currentColor"
430
+ d: "M8.45 3.95C8.45 3.70147 8.24853 3.5 8 3.5C7.75147 3.5 7.55 3.70147 7.55 3.95V7.55H3.95C3.70147 7.55 3.5 7.75147 3.5 8C3.5 8.24853 3.70147 8.45 3.95 8.45H7.55V12.05C7.55 12.2985 7.75147 12.5 8 12.5C8.24853 12.5 8.45 12.2985 8.45 12.05V8.45H12.05C12.2985 8.45 12.5 8.24853 12.5 8C12.5 7.75147 12.2985 7.55 12.05 7.55H8.45V3.95Z",
431
+ fill: "#212121"
422
432
  })
423
433
  })
424
434
  }),
@@ -437,8 +447,8 @@ const ComponentToolbarPreview = ({ ...props })=>{
437
447
  viewBox: "0 0 16 16",
438
448
  fill: "none",
439
449
  children: /*#__PURE__*/ jsx("path", {
440
- d: "M8.5 1.5C8.5 1.22386 8.27614 1 8 1C7.72386 1 7.5 1.22386 7.5 1.5V7.5H1.5C1.22386 7.5 1 7.72386 1 8C1 8.27614 1.22386 8.5 1.5 8.5H7.5V14.5C7.5 14.7761 7.72386 15 8 15C8.27614 15 8.5 14.7761 8.5 14.5V8.5H14.5C14.7761 8.5 15 8.27614 15 8C15 7.72386 14.7761 7.5 14.5 7.5H8.5V1.5Z",
441
- fill: "currentColor"
450
+ d: "M8.45 3.95C8.45 3.70147 8.24853 3.5 8 3.5C7.75147 3.5 7.55 3.70147 7.55 3.95V7.55H3.95C3.70147 7.55 3.5 7.75147 3.5 8C3.5 8.24853 3.70147 8.45 3.95 8.45H7.55V12.05C7.55 12.2985 7.75147 12.5 8 12.5C8.24853 12.5 8.45 12.2985 8.45 12.05V8.45H12.05C12.2985 8.45 12.5 8.24853 12.5 8C12.5 7.75147 12.2985 7.55 12.05 7.55H8.45V3.95Z",
451
+ fill: "#212121"
442
452
  })
443
453
  })
444
454
  })
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/core",
3
- "version": "1.23.0-staging.147",
3
+ "version": "1.23.0-staging.154",
4
4
  "license": "MIT",
5
5
  "sideEffects": false,
6
6
  "main": "dist/cjs/index.js",
@@ -25,7 +25,7 @@
25
25
  },
26
26
  "devDependencies": {
27
27
  "@gem-sdk/adapter-shopify": "1.23.0-staging.26",
28
- "@gem-sdk/styles": "1.23.0-staging.131"
28
+ "@gem-sdk/styles": "1.23.0-staging.154"
29
29
  },
30
30
  "dependencies": {
31
31
  "react-error-boundary": "4.0.10",