@gem-sdk/components 2.5.22 → 2.5.24

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.
@@ -44,7 +44,7 @@ const ArticleContent = ({ styles, builderProps })=>{
44
44
  id: `shopify-text-element-${builderProps?.uid}`,
45
45
  className: "gp-article-description",
46
46
  "data-article-id": article?.baseID?.replace('gid://shopify/OnlineStoreArticle/', ''),
47
- children: !article?.description ? /*#__PURE__*/ jsxRuntime.jsx("div", {
47
+ children: !article?.content.html ? /*#__PURE__*/ jsxRuntime.jsx("div", {
48
48
  children: /*#__PURE__*/ jsxRuntime.jsx("p", {
49
49
  className: "gp-p-2 gp-text-sm gp-font-semibold gp-text-gray-500",
50
50
  children: "This article does not have content."
@@ -67,7 +67,7 @@ const ArticleContent = ({ styles, builderProps })=>{
67
67
  ...appendTypoStyle
68
68
  },
69
69
  dangerouslySetInnerHTML: {
70
- __html: article.description
70
+ __html: article?.content.html
71
71
  }
72
72
  })
73
73
  ]
@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var core = require('@gem-sdk/core');
6
6
  var common = require('../helpers/common.js');
7
+ var helpers = require('../../helpers.js');
7
8
 
8
9
  const Breadcrumb = ({ setting = {}, builderAttrs, style, styles = {}, className, builderProps })=>{
9
10
  const { iconSvg, iconWidth, color, hideCurrentPage, spacing, align, background, fontWeight } = setting ?? {};
@@ -54,13 +55,13 @@ const Breadcrumb = ({ setting = {}, builderAttrs, style, styles = {}, className,
54
55
  ...appendTypoStyle,
55
56
  ...activeStyleFontWeight,
56
57
  ...activeStyleTextColor
57
- }}">Home</a>
58
+ }}">${helpers.getStaticLocale('Breadcrumb', 'home')}</a>
58
59
  {% else %}
59
60
  <a class="${core.cls(`gp-cursor-pointer`)}" style="${{
60
61
  ...core.getGlobalColorStateStyle('c', setting?.labelColor),
61
62
  ...core.makeStyleState('weight', fontWeight),
62
63
  ...appendTypoStyle
63
- }}" href="{{ routes.root_url }}">Home</a>
64
+ }}" href="{{ routes.root_url }}">${helpers.getStaticLocale('Breadcrumb', 'home')}</a>
64
65
  {% endif %}
65
66
  {% if t == 'page' %}
66
67
  <span
@@ -436,7 +436,14 @@ const config = {
436
436
  }
437
437
  ]
438
438
  }
439
- ]
439
+ ],
440
+ locales: {
441
+ editor: {
442
+ en: {
443
+ home: 'Home'
444
+ }
445
+ }
446
+ }
440
447
  };
441
448
 
442
449
  exports.default = config;
@@ -40,7 +40,7 @@ const ArticleContent = ({ styles, builderProps })=>{
40
40
  id: `shopify-text-element-${builderProps?.uid}`,
41
41
  className: "gp-article-description",
42
42
  "data-article-id": article?.baseID?.replace('gid://shopify/OnlineStoreArticle/', ''),
43
- children: !article?.description ? /*#__PURE__*/ jsx("div", {
43
+ children: !article?.content.html ? /*#__PURE__*/ jsx("div", {
44
44
  children: /*#__PURE__*/ jsx("p", {
45
45
  className: "gp-p-2 gp-text-sm gp-font-semibold gp-text-gray-500",
46
46
  children: "This article does not have content."
@@ -63,7 +63,7 @@ const ArticleContent = ({ styles, builderProps })=>{
63
63
  ...appendTypoStyle
64
64
  },
65
65
  dangerouslySetInnerHTML: {
66
- __html: article.description
66
+ __html: article?.content.html
67
67
  }
68
68
  })
69
69
  ]
@@ -1,5 +1,6 @@
1
1
  import { composeTypographyClassName, composeTypographyStyle, removeNullUndefined, makeStyle, getSingleColorVariable, template, makeStyleResponsive, cls, getGlobalColorStateStyle, makeStyleState } from '@gem-sdk/core';
2
2
  import { getHiddenOnPageByDevice } from '../helpers/common.js';
3
+ import { getStaticLocale } from '../../helpers.js';
3
4
 
4
5
  const Breadcrumb = ({ setting = {}, builderAttrs, style, styles = {}, className, builderProps })=>{
5
6
  const { iconSvg, iconWidth, color, hideCurrentPage, spacing, align, background, fontWeight } = setting ?? {};
@@ -50,13 +51,13 @@ const Breadcrumb = ({ setting = {}, builderAttrs, style, styles = {}, className,
50
51
  ...appendTypoStyle,
51
52
  ...activeStyleFontWeight,
52
53
  ...activeStyleTextColor
53
- }}">Home</a>
54
+ }}">${getStaticLocale('Breadcrumb', 'home')}</a>
54
55
  {% else %}
55
56
  <a class="${cls(`gp-cursor-pointer`)}" style="${{
56
57
  ...getGlobalColorStateStyle('c', setting?.labelColor),
57
58
  ...makeStyleState('weight', fontWeight),
58
59
  ...appendTypoStyle
59
- }}" href="{{ routes.root_url }}">Home</a>
60
+ }}" href="{{ routes.root_url }}">${getStaticLocale('Breadcrumb', 'home')}</a>
60
61
  {% endif %}
61
62
  {% if t == 'page' %}
62
63
  <span
@@ -432,7 +432,14 @@ const config = {
432
432
  }
433
433
  ]
434
434
  }
435
- ]
435
+ ],
436
+ locales: {
437
+ editor: {
438
+ en: {
439
+ home: 'Home'
440
+ }
441
+ }
442
+ }
436
443
  };
437
444
 
438
445
  export { config as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/components",
3
- "version": "2.5.22",
3
+ "version": "2.5.24",
4
4
  "license": "MIT",
5
5
  "sideEffects": false,
6
6
  "main": "dist/cjs/index.js",
@@ -21,7 +21,7 @@
21
21
  "format": "prettier --write \"./src/**/*.{ts,tsx}\""
22
22
  },
23
23
  "devDependencies": {
24
- "@gem-sdk/core": "2.5.19",
24
+ "@gem-sdk/core": "2.5.24",
25
25
  "@gem-sdk/styles": "2.4.8",
26
26
  "@types/react-transition-group": "^4.4.5"
27
27
  },