@builder.io/sdk-svelte 0.7.4 → 0.7.6

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 (19) hide show
  1. package/lib/browser/components/block/block.svelte +8 -7
  2. package/lib/browser/components/content/content.helpers.d.ts +1 -1
  3. package/lib/browser/components/content/content.helpers.js +5 -7
  4. package/lib/browser/constants/sdk-version.d.ts +1 -1
  5. package/lib/browser/constants/sdk-version.js +1 -1
  6. package/lib/edge/components/block/block.svelte +8 -7
  7. package/lib/edge/components/content/content.helpers.d.ts +1 -1
  8. package/lib/edge/components/content/content.helpers.js +5 -7
  9. package/lib/edge/constants/sdk-version.d.ts +1 -1
  10. package/lib/edge/constants/sdk-version.js +1 -1
  11. package/lib/node/components/block/block.svelte +8 -7
  12. package/lib/node/components/content/content.helpers.d.ts +1 -1
  13. package/lib/node/components/content/content.helpers.js +5 -7
  14. package/lib/node/constants/sdk-version.d.ts +1 -1
  15. package/lib/node/constants/sdk-version.js +1 -1
  16. package/package.json +1 -1
  17. package/src/components/block/block.svelte +9 -7
  18. package/src/components/content/content.helpers.ts +5 -7
  19. package/src/constants/sdk-version.ts +1 -1
package/lib/browser/components/block/block.svelte CHANGED
@@ -27,7 +27,7 @@ $: repeatItem = () => {
27
27
  });
28
28
  };
29
29
  $: processedBlock = () => {
30
- return repeatItem()
30
+ return block.repeat?.collection
31
31
  ? block
32
32
  : getProcessedBlock({
33
33
  block: block,
@@ -42,13 +42,14 @@ $: Tag = () => {
42
42
  return block.tagName || "div";
43
43
  };
44
44
  $: canShowBlock = () => {
45
- if ("hide" in processedBlock()) {
46
- return !processedBlock().hide;
45
+ if (block.repeat?.collection) {
46
+ if (repeatItem?.()?.length)
47
+ return true;
48
+ return false;
47
49
  }
48
- if ("show" in processedBlock()) {
49
- return processedBlock().show;
50
- }
51
- return true;
50
+ const shouldHide = "hide" in processedBlock() ? processedBlock().hide : false;
51
+ const shouldShow = "show" in processedBlock() ? processedBlock().show : true;
52
+ return shouldShow && !shouldHide;
52
53
  };
53
54
  $: childrenWithoutParentComponent = () => {
54
55
  /**
package/lib/browser/components/content/content.helpers.d.ts CHANGED
@@ -2,6 +2,6 @@ import type { BuilderContent } from '../../types/builder-content.js';
2
2
  import type { Nullable } from '../../types/typescript.js';
3
3
  import type { ContentProps } from './content.types.js';
4
4
  export declare const getContextStateInitialValue: ({ content, data, locale }: Pick<ContentProps, 'content' | 'data' | 'locale'>) => {
5
- [x: string]: unknown;
5
+ locale?: string | undefined;
6
6
  };
7
7
  export declare const getContentInitialValue: ({ content, data }: Pick<ContentProps, 'content' | 'data'>) => Nullable<BuilderContent>;
package/lib/browser/components/content/content.helpers.js CHANGED
@@ -1,22 +1,20 @@
1
1
  export const getContextStateInitialValue = ({ content, data, locale }) => {
2
2
  const defaultValues = {};
3
+ const initialState = content?.data?.state || {};
3
4
  // set default values for content state inputs
4
5
  content?.data?.inputs?.forEach(input => {
5
- if (input.name && input.defaultValue !== undefined && content?.data?.state && content.data.state[input.name] === undefined) {
6
+ if (input.name && input.defaultValue !== undefined) {
6
7
  defaultValues[input.name] = input.defaultValue;
7
8
  }
8
9
  });
9
- const stateToUse = {
10
- ...content?.data?.state,
10
+ return {
11
+ ...defaultValues,
12
+ ...initialState,
11
13
  ...data,
12
14
  ...(locale ? {
13
15
  locale
14
16
  } : {})
15
17
  };
16
- return {
17
- ...defaultValues,
18
- ...stateToUse
19
- };
20
18
  };
21
19
  export const getContentInitialValue = ({ content, data }) => {
22
20
  return !content ? undefined : {
package/lib/browser/constants/sdk-version.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const SDK_VERSION = "0.7.4";
1
+ export declare const SDK_VERSION = "0.7.6";
package/lib/browser/constants/sdk-version.js CHANGED
@@ -1 +1 @@
1
- export const SDK_VERSION = "0.7.4";
1
+ export const SDK_VERSION = "0.7.6";
package/lib/edge/components/block/block.svelte CHANGED
@@ -27,7 +27,7 @@ $: repeatItem = () => {
27
27
  });
28
28
  };
29
29
  $: processedBlock = () => {
30
- return repeatItem()
30
+ return block.repeat?.collection
31
31
  ? block
32
32
  : getProcessedBlock({
33
33
  block: block,
@@ -42,13 +42,14 @@ $: Tag = () => {
42
42
  return block.tagName || "div";
43
43
  };
44
44
  $: canShowBlock = () => {
45
- if ("hide" in processedBlock()) {
46
- return !processedBlock().hide;
45
+ if (block.repeat?.collection) {
46
+ if (repeatItem?.()?.length)
47
+ return true;
48
+ return false;
47
49
  }
48
- if ("show" in processedBlock()) {
49
- return processedBlock().show;
50
- }
51
- return true;
50
+ const shouldHide = "hide" in processedBlock() ? processedBlock().hide : false;
51
+ const shouldShow = "show" in processedBlock() ? processedBlock().show : true;
52
+ return shouldShow && !shouldHide;
52
53
  };
53
54
  $: childrenWithoutParentComponent = () => {
54
55
  /**
package/lib/edge/components/content/content.helpers.d.ts CHANGED
@@ -2,6 +2,6 @@ import type { BuilderContent } from '../../types/builder-content.js';
2
2
  import type { Nullable } from '../../types/typescript.js';
3
3
  import type { ContentProps } from './content.types.js';
4
4
  export declare const getContextStateInitialValue: ({ content, data, locale }: Pick<ContentProps, 'content' | 'data' | 'locale'>) => {
5
- [x: string]: unknown;
5
+ locale?: string | undefined;
6
6
  };
7
7
  export declare const getContentInitialValue: ({ content, data }: Pick<ContentProps, 'content' | 'data'>) => Nullable<BuilderContent>;
package/lib/edge/components/content/content.helpers.js CHANGED
@@ -1,22 +1,20 @@
1
1
  export const getContextStateInitialValue = ({ content, data, locale }) => {
2
2
  const defaultValues = {};
3
+ const initialState = content?.data?.state || {};
3
4
  // set default values for content state inputs
4
5
  content?.data?.inputs?.forEach(input => {
5
- if (input.name && input.defaultValue !== undefined && content?.data?.state && content.data.state[input.name] === undefined) {
6
+ if (input.name && input.defaultValue !== undefined) {
6
7
  defaultValues[input.name] = input.defaultValue;
7
8
  }
8
9
  });
9
- const stateToUse = {
10
- ...content?.data?.state,
10
+ return {
11
+ ...defaultValues,
12
+ ...initialState,
11
13
  ...data,
12
14
  ...(locale ? {
13
15
  locale
14
16
  } : {})
15
17
  };
16
- return {
17
- ...defaultValues,
18
- ...stateToUse
19
- };
20
18
  };
21
19
  export const getContentInitialValue = ({ content, data }) => {
22
20
  return !content ? undefined : {
package/lib/edge/constants/sdk-version.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const SDK_VERSION = "0.7.4";
1
+ export declare const SDK_VERSION = "0.7.6";
package/lib/edge/constants/sdk-version.js CHANGED
@@ -1 +1 @@
1
- export const SDK_VERSION = "0.7.4";
1
+ export const SDK_VERSION = "0.7.6";
package/lib/node/components/block/block.svelte CHANGED
@@ -27,7 +27,7 @@ $: repeatItem = () => {
27
27
  });
28
28
  };
29
29
  $: processedBlock = () => {
30
- return repeatItem()
30
+ return block.repeat?.collection
31
31
  ? block
32
32
  : getProcessedBlock({
33
33
  block: block,
@@ -42,13 +42,14 @@ $: Tag = () => {
42
42
  return block.tagName || "div";
43
43
  };
44
44
  $: canShowBlock = () => {
45
- if ("hide" in processedBlock()) {
46
- return !processedBlock().hide;
45
+ if (block.repeat?.collection) {
46
+ if (repeatItem?.()?.length)
47
+ return true;
48
+ return false;
47
49
  }
48
- if ("show" in processedBlock()) {
49
- return processedBlock().show;
50
- }
51
- return true;
50
+ const shouldHide = "hide" in processedBlock() ? processedBlock().hide : false;
51
+ const shouldShow = "show" in processedBlock() ? processedBlock().show : true;
52
+ return shouldShow && !shouldHide;
52
53
  };
53
54
  $: childrenWithoutParentComponent = () => {
54
55
  /**
package/lib/node/components/content/content.helpers.d.ts CHANGED
@@ -2,6 +2,6 @@ import type { BuilderContent } from '../../types/builder-content.js';
2
2
  import type { Nullable } from '../../types/typescript.js';
3
3
  import type { ContentProps } from './content.types.js';
4
4
  export declare const getContextStateInitialValue: ({ content, data, locale }: Pick<ContentProps, 'content' | 'data' | 'locale'>) => {
5
- [x: string]: unknown;
5
+ locale?: string | undefined;
6
6
  };
7
7
  export declare const getContentInitialValue: ({ content, data }: Pick<ContentProps, 'content' | 'data'>) => Nullable<BuilderContent>;
package/lib/node/components/content/content.helpers.js CHANGED
@@ -1,22 +1,20 @@
1
1
  export const getContextStateInitialValue = ({ content, data, locale }) => {
2
2
  const defaultValues = {};
3
+ const initialState = content?.data?.state || {};
3
4
  // set default values for content state inputs
4
5
  content?.data?.inputs?.forEach(input => {
5
- if (input.name && input.defaultValue !== undefined && content?.data?.state && content.data.state[input.name] === undefined) {
6
+ if (input.name && input.defaultValue !== undefined) {
6
7
  defaultValues[input.name] = input.defaultValue;
7
8
  }
8
9
  });
9
- const stateToUse = {
10
- ...content?.data?.state,
10
+ return {
11
+ ...defaultValues,
12
+ ...initialState,
11
13
  ...data,
12
14
  ...(locale ? {
13
15
  locale
14
16
  } : {})
15
17
  };
16
- return {
17
- ...defaultValues,
18
- ...stateToUse
19
- };
20
18
  };
21
19
  export const getContentInitialValue = ({ content, data }) => {
22
20
  return !content ? undefined : {
package/lib/node/constants/sdk-version.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const SDK_VERSION = "0.7.4";
1
+ export declare const SDK_VERSION = "0.7.6";
package/lib/node/constants/sdk-version.js CHANGED
@@ -1 +1 @@
1
- export const SDK_VERSION = "0.7.4";
1
+ export const SDK_VERSION = "0.7.6";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@builder.io/sdk-svelte",
3
3
  "description": "Builder.io SDK for Svelte",
4
- "version": "0.7.4",
4
+ "version": "0.7.6",
5
5
  "type": "module",
6
6
  "files": [
7
7
  "lib",
package/src/components/block/block.svelte CHANGED
@@ -48,7 +48,7 @@
48
48
  });
49
49
  };
50
50
  $: processedBlock = () => {
51
- return repeatItem()
51
+ return block.repeat?.collection
52
52
  ? block
53
53
  : getProcessedBlock({
54
54
  block: block,
@@ -63,13 +63,15 @@
63
63
  return block.tagName || "div";
64
64
  };
65
65
  $: canShowBlock = () => {
66
- if ("hide" in processedBlock()) {
67
- return !processedBlock().hide;
66
+ if (block.repeat?.collection) {
67
+ if (repeatItem?.()?.length) return true;
68
+ return false;
68
69
  }
69
- if ("show" in processedBlock()) {
70
- return processedBlock().show;
71
- }
72
- return true;
70
+ const shouldHide =
71
+ "hide" in processedBlock() ? processedBlock().hide : false;
72
+ const shouldShow =
73
+ "show" in processedBlock() ? processedBlock().show : true;
74
+ return shouldShow && !shouldHide;
73
75
  };
74
76
  $: childrenWithoutParentComponent = () => {
75
77
  /**
package/src/components/content/content.helpers.ts CHANGED
@@ -8,24 +8,22 @@ export const getContextStateInitialValue = ({
8
8
  locale
9
9
  }: Pick<ContentProps, 'content' | 'data' | 'locale'>) => {
10
10
  const defaultValues: BuilderRenderState = {};
11
+ const initialState = content?.data?.state || {};
11
12
 
12
13
  // set default values for content state inputs
13
14
  content?.data?.inputs?.forEach(input => {
14
- if (input.name && input.defaultValue !== undefined && content?.data?.state && content.data.state[input.name] === undefined) {
15
+ if (input.name && input.defaultValue !== undefined) {
15
16
  defaultValues[input.name] = input.defaultValue;
16
17
  }
17
18
  });
18
- const stateToUse: BuilderRenderState = {
19
- ...content?.data?.state,
19
+ return {
20
+ ...defaultValues,
21
+ ...initialState,
20
22
  ...data,
21
23
  ...(locale ? {
22
24
  locale
23
25
  } : {})
24
26
  };
25
- return {
26
- ...defaultValues,
27
- ...stateToUse
28
- };
29
27
  };
30
28
  export const getContentInitialValue = ({
31
29
  content,
package/src/constants/sdk-version.ts CHANGED
@@ -1 +1 @@
1
- export const SDK_VERSION = "0.7.4"
1
+ export const SDK_VERSION = "0.7.6"