@gem-sdk/core 1.3.2 → 1.3.5
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.
- package/dist/cjs/contexts/BuilderComponent.js +3 -3
- package/dist/cjs/contexts/BuilderContext.js +3 -3
- package/dist/cjs/contexts/BuilderPreviewContext.js +3 -3
- package/dist/cjs/contexts/CartLineContext.js +3 -3
- package/dist/cjs/contexts/CollectionContext.js +3 -3
- package/dist/cjs/contexts/ProductContext.js +3 -3
- package/dist/cjs/contexts/ProductListContext.js +3 -3
- package/dist/cjs/contexts/SectionContext.js +3 -3
- package/dist/cjs/contexts/ShopContext.js +3 -3
- package/dist/cjs/hooks/useCartUI.js +2 -2
- package/dist/esm/hooks/useCartUI.js +1 -1
- package/dist/types/index.d.ts +1 -12
- package/package.json +2 -2
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
-
var
|
|
4
|
+
var zustand = require('zustand');
|
|
5
5
|
var react = require('react');
|
|
6
6
|
var Empty = require('../components/Empty.js');
|
|
7
7
|
|
|
8
8
|
const BuilderComponentContext = react.createContext(null);
|
|
9
|
-
const createBuilderComponentStore = (components) =>
|
|
9
|
+
const createBuilderComponentStore = (components) => zustand.createStore((_, get) => ({
|
|
10
10
|
components,
|
|
11
11
|
getItem: (id) => {
|
|
12
12
|
return get().components[id];
|
|
@@ -23,7 +23,7 @@ const useBuilderComponent = (id) => {
|
|
|
23
23
|
if (!store) {
|
|
24
24
|
throw new Error('useBuilderComponent must be used within a BuilderComponentProvider');
|
|
25
25
|
}
|
|
26
|
-
return
|
|
26
|
+
return zustand.useStore(store, (s) => (id ? s.getItem(id) ?? Empty.default : Empty.default));
|
|
27
27
|
};
|
|
28
28
|
|
|
29
29
|
exports.BuilderComponentProvider = BuilderComponentProvider;
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
4
|
var react = require('react');
|
|
5
|
-
var
|
|
5
|
+
var zustand = require('zustand');
|
|
6
6
|
|
|
7
7
|
const BuilderContext = react.createContext(null);
|
|
8
|
-
const createBuilderProvider = (data) =>
|
|
8
|
+
const createBuilderProvider = (data) => zustand.createStore((_, get) => ({
|
|
9
9
|
state: data,
|
|
10
10
|
getItem: (id) => {
|
|
11
11
|
return get().state[id];
|
|
@@ -22,7 +22,7 @@ const useBuilderStore = (selector, equalityFn) => {
|
|
|
22
22
|
if (!store) {
|
|
23
23
|
throw new Error('useBuilderStore must be used within a BuilderProvider');
|
|
24
24
|
}
|
|
25
|
-
return
|
|
25
|
+
return zustand.useStore(store, selector, equalityFn);
|
|
26
26
|
};
|
|
27
27
|
|
|
28
28
|
exports.BuilderProvider = BuilderProvider;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
4
|
var react = require('react');
|
|
5
|
-
var
|
|
5
|
+
var zustand = require('zustand');
|
|
6
6
|
var cloneDeep = require('../helpers/clone-deep.js');
|
|
7
7
|
var normalizeBuilderData = require('../helpers/normalize-builder-data.js');
|
|
8
8
|
|
|
@@ -28,7 +28,7 @@ const root = {
|
|
|
28
28
|
label: 'Root',
|
|
29
29
|
childrens: [],
|
|
30
30
|
};
|
|
31
|
-
const createBuilderPreviewProvider = (args) =>
|
|
31
|
+
const createBuilderPreviewProvider = (args) => zustand.createStore((set, get) => ({
|
|
32
32
|
state: args,
|
|
33
33
|
addItem: (args) => {
|
|
34
34
|
const { position, data } = args;
|
|
@@ -346,7 +346,7 @@ const useBuilderPreviewStore = (selector, equalityFn) => {
|
|
|
346
346
|
if (!store) {
|
|
347
347
|
throw new Error('useBuilderPreviewStore must be used within a BuilderPreviewProvider');
|
|
348
348
|
}
|
|
349
|
-
return
|
|
349
|
+
return zustand.useStore(store, selector, equalityFn);
|
|
350
350
|
};
|
|
351
351
|
|
|
352
352
|
exports.BuilderPreviewProvider = BuilderPreviewProvider;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
-
var
|
|
4
|
+
var zustand = require('zustand');
|
|
5
5
|
var react = require('react');
|
|
6
6
|
|
|
7
7
|
const CartLineContext = react.createContext(null);
|
|
8
|
-
const createCartLineStore = (data) =>
|
|
8
|
+
const createCartLineStore = (data) => zustand.createStore(() => ({
|
|
9
9
|
...data,
|
|
10
10
|
}));
|
|
11
11
|
const CartLineProvider = ({ children, line }) => {
|
|
@@ -17,7 +17,7 @@ const useCartLineStore = (selector, equalityFn) => {
|
|
|
17
17
|
if (!store) {
|
|
18
18
|
throw new Error('useCartLineStore must be used within a CartLineProvider');
|
|
19
19
|
}
|
|
20
|
-
return
|
|
20
|
+
return zustand.useStore(store, selector, equalityFn);
|
|
21
21
|
};
|
|
22
22
|
|
|
23
23
|
exports.CartLineProvider = CartLineProvider;
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
4
|
var react = require('react');
|
|
5
|
-
var
|
|
5
|
+
var zustand = require('zustand');
|
|
6
6
|
|
|
7
7
|
const CollectionListContext = react.createContext(null);
|
|
8
|
-
const createCollectionProvider = (data) =>
|
|
8
|
+
const createCollectionProvider = (data) => zustand.createStore(() => ({
|
|
9
9
|
...data,
|
|
10
10
|
}));
|
|
11
11
|
const CollectionProvider = ({ children, collection, products, settings, styles, }) => {
|
|
@@ -16,7 +16,7 @@ const useCollectionStore = (selector, equalityFn) => {
|
|
|
16
16
|
if (!store) {
|
|
17
17
|
throw new Error('useCollectionStore must be used within a useCollectionStore');
|
|
18
18
|
}
|
|
19
|
-
return
|
|
19
|
+
return zustand.useStore(store, selector, equalityFn);
|
|
20
20
|
};
|
|
21
21
|
|
|
22
22
|
exports.CollectionListContext = CollectionListContext;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
-
var
|
|
4
|
+
var zustand = require('zustand');
|
|
5
5
|
var react = require('react');
|
|
6
6
|
var flattenConnection = require('../helpers/flatten-connection.js');
|
|
7
7
|
|
|
8
8
|
// const { Provider, useStore } = createContext<StoreApi<ProductContextProps>>();
|
|
9
9
|
const ProductContext = react.createContext(null);
|
|
10
|
-
const createProductStoreProvider = (data) =>
|
|
10
|
+
const createProductStoreProvider = (data) => zustand.createStore((set, get) => ({
|
|
11
11
|
...data,
|
|
12
12
|
updateProperty: (name, data) => {
|
|
13
13
|
set((state) => {
|
|
@@ -119,7 +119,7 @@ const useProductStore = (selector, equalityFn) => {
|
|
|
119
119
|
if (!store) {
|
|
120
120
|
throw new Error('Element of product must be used inside a Product');
|
|
121
121
|
}
|
|
122
|
-
return
|
|
122
|
+
return zustand.useStore(store, selector, equalityFn);
|
|
123
123
|
};
|
|
124
124
|
|
|
125
125
|
exports.ProductProvider = ProductProvider;
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
4
|
var react = require('react');
|
|
5
|
-
var
|
|
5
|
+
var zustand = require('zustand');
|
|
6
6
|
|
|
7
7
|
const ProductListContext = react.createContext(null);
|
|
8
|
-
const createProductListProvider = (data) =>
|
|
8
|
+
const createProductListProvider = (data) => zustand.createStore(() => ({
|
|
9
9
|
...data,
|
|
10
10
|
}));
|
|
11
11
|
const ProductListProvider = ({ children, collection, products, settings, styles, }) => {
|
|
@@ -16,7 +16,7 @@ const useProductListStore = (selector, equalityFn) => {
|
|
|
16
16
|
if (!store) {
|
|
17
17
|
throw new Error('useProductListStore must be used within a useProductListStore');
|
|
18
18
|
}
|
|
19
|
-
return
|
|
19
|
+
return zustand.useStore(store, selector, equalityFn);
|
|
20
20
|
};
|
|
21
21
|
|
|
22
22
|
exports.ProductListContext = ProductListContext;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
-
var
|
|
4
|
+
var zustand = require('zustand');
|
|
5
5
|
var react = require('react');
|
|
6
6
|
var cloneDeep = require('../helpers/clone-deep.js');
|
|
7
7
|
var normalizeBuilderData = require('../helpers/normalize-builder-data.js');
|
|
8
8
|
|
|
9
9
|
const SectionContext = react.createContext(null);
|
|
10
|
-
const createSectionProvider = (data) =>
|
|
10
|
+
const createSectionProvider = (data) => zustand.createStore((set, get) => ({
|
|
11
11
|
data: data ?? {},
|
|
12
12
|
getSection: (id) => {
|
|
13
13
|
const section = get().data[id];
|
|
@@ -40,7 +40,7 @@ const useSectionStore = (selector, equalityFn) => {
|
|
|
40
40
|
if (!store) {
|
|
41
41
|
throw new Error('useSectionStore must be used within a SectionProvider');
|
|
42
42
|
}
|
|
43
|
-
return
|
|
43
|
+
return zustand.useStore(store, selector, equalityFn);
|
|
44
44
|
};
|
|
45
45
|
const useSection = (id) => useSectionStore((s) => s.getSection(id));
|
|
46
46
|
|
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
4
|
var useSWR = require('swr');
|
|
5
|
-
var
|
|
5
|
+
var zustand = require('zustand');
|
|
6
6
|
var react = require('react');
|
|
7
7
|
var AddonContext = require('./AddonContext.js');
|
|
8
8
|
|
|
9
9
|
const ShopContext = react.createContext(null);
|
|
10
|
-
const createShopStoreProvider = (data) =>
|
|
10
|
+
const createShopStoreProvider = (data) => zustand.createStore((set) => ({
|
|
11
11
|
mobileOnly: false,
|
|
12
12
|
...data,
|
|
13
13
|
changeLocale: (locale) => {
|
|
@@ -36,7 +36,7 @@ const useShopStore = (selector, equalityFn) => {
|
|
|
36
36
|
if (!store) {
|
|
37
37
|
throw new Error('useShopStore must be used within a ShopProvider');
|
|
38
38
|
}
|
|
39
|
-
return
|
|
39
|
+
return zustand.useStore(store, selector, equalityFn);
|
|
40
40
|
};
|
|
41
41
|
|
|
42
42
|
exports.ShopProvider = ShopProvider;
|
|
@@ -3,10 +3,10 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var react = require('react');
|
|
6
|
-
var
|
|
6
|
+
var zustand = require('zustand');
|
|
7
7
|
var shop = require('./shop.js');
|
|
8
8
|
|
|
9
|
-
const useStore = create((set) => ({
|
|
9
|
+
const useStore = zustand.create((set) => ({
|
|
10
10
|
isCartOpen: false,
|
|
11
11
|
setOpen: (isCartOpen) => {
|
|
12
12
|
const scrollBarGap = window.innerWidth - document.documentElement.clientWidth;
|
package/dist/types/index.d.ts
CHANGED
|
@@ -580,7 +580,6 @@ type RadiusPresetControlType<T> = SharedControlType<T> & {
|
|
|
580
580
|
|
|
581
581
|
type SizeControlType<T> = SharedControlType<T> & {
|
|
582
582
|
type: 'size';
|
|
583
|
-
component?: 'tag' | string;
|
|
584
583
|
};
|
|
585
584
|
|
|
586
585
|
type ChildItemType<T> = SharedControlType<T> & {
|
|
@@ -682,16 +681,7 @@ type InputWidthControlType<T> = SharedControlType<T> & {
|
|
|
682
681
|
readonly?: boolean;
|
|
683
682
|
};
|
|
684
683
|
|
|
685
|
-
type
|
|
686
|
-
type: 'custom-content';
|
|
687
|
-
};
|
|
688
|
-
|
|
689
|
-
type CustomCodeEditor = {
|
|
690
|
-
type: 'customCodeEditor';
|
|
691
|
-
id: string;
|
|
692
|
-
};
|
|
693
|
-
|
|
694
|
-
type ControlProp<T> = AngleControlType<T> | CheckboxControlType<T> | ColorPickerControlType<T> | GroupControlType<T> | IconControlType<T> | InputFixContentControlType<T> | InputNumberControlType<T> | InputUnitControlType<T> | InputControlType<T> | MarginControlType<T> | PaddingControlType<T> | PositionControlType<T> | RadioGroupControlType | RangeControlType<T> | SegmentControlType<T> | SelectControlType<T> | TextareaControlType<T> | ToggleControlType<T> | ImageControlType<T> | ChildrensControlType | GridControlType<T> | FlexControlType<T> | TextEditorControlType<T> | ProductControlType<T> | TypographyControlType<T> | MenuControlType<T> | BehaviorStateControlType<T> | PickLinkControlType<T> | BoxShadowControlType<T> | TextShadowControlType<T> | BorderControlType<T> | BorderRadiusControlType<T> | RadiusPresetControlType<T> | SizeControlType<T> | ChildItemType<T> | PickMultiProductControlType<T> | CollectionControlType<T> | BackgroundControlType<T> | VisibilityControlType<T> | SelectVariantControlType | CountdownEvergreenType | Timezone<T> | CustomContentControlType<T> | DateTimePickerControlType | CountdownDailyType | KlaviyoCodes | YotpoLoyaltyCodes | InputWidthControlType<T> | CustomCodeEditor;
|
|
684
|
+
type ControlProp<T> = AngleControlType<T> | CheckboxControlType<T> | ColorPickerControlType<T> | GroupControlType<T> | IconControlType<T> | InputFixContentControlType<T> | InputNumberControlType<T> | InputUnitControlType<T> | InputControlType<T> | MarginControlType<T> | PaddingControlType<T> | PositionControlType<T> | RadioGroupControlType | RangeControlType<T> | SegmentControlType<T> | SelectControlType<T> | TextareaControlType<T> | ToggleControlType<T> | ImageControlType<T> | ChildrensControlType | GridControlType<T> | FlexControlType<T> | TextEditorControlType<T> | ProductControlType<T> | TypographyControlType<T> | MenuControlType<T> | BehaviorStateControlType<T> | PickLinkControlType<T> | BoxShadowControlType<T> | TextShadowControlType<T> | BorderControlType<T> | BorderRadiusControlType<T> | RadiusPresetControlType<T> | SizeControlType<T> | ChildItemType<T> | PickMultiProductControlType<T> | CollectionControlType<T> | BackgroundControlType<T> | VisibilityControlType<T> | SelectVariantControlType | CountdownEvergreenType | Timezone<T> | DateTimePickerControlType | CountdownDailyType | KlaviyoCodes | YotpoLoyaltyCodes | InputWidthControlType<T>;
|
|
695
685
|
type Setting<P extends BaseProps> = {
|
|
696
686
|
id: 'setting';
|
|
697
687
|
controls?: ControlProp<NonNullable<P['setting']>>[];
|
|
@@ -702,7 +692,6 @@ type Setting<P extends BaseProps> = {
|
|
|
702
692
|
type ComponentSetting<P extends BaseProps> = {
|
|
703
693
|
tag: string;
|
|
704
694
|
label: string;
|
|
705
|
-
customLabel?: string;
|
|
706
695
|
title?: string;
|
|
707
696
|
description?: string;
|
|
708
697
|
image?: string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gem-sdk/core",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.5",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"main": "dist/cjs/index.js",
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
"react-error-boundary": "^3.1.4",
|
|
32
32
|
"swr": "^2.0.0",
|
|
33
33
|
"vanilla-lazyload": "17.8.3",
|
|
34
|
-
"zustand": "^4.
|
|
34
|
+
"zustand": "^4.3.0"
|
|
35
35
|
},
|
|
36
36
|
"peerDependencies": {
|
|
37
37
|
"react": "^17 || ^18",
|