@gem-sdk/core 1.8.40 → 1.9.1
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/components/Render.liquid.js +6 -0
- package/dist/cjs/helpers/layout.js +43 -0
- package/dist/cjs/index.js +5 -2
- package/dist/esm/components/Render.liquid.js +6 -0
- package/dist/esm/helpers/layout.js +41 -1
- package/dist/esm/index.js +1 -1
- package/dist/types/index.d.ts +16 -4
- package/package.json +1 -1
|
@@ -12,6 +12,10 @@ var constant = require('./constant.js');
|
|
|
12
12
|
const componentsRenderWithParentId = [
|
|
13
13
|
'CarouselItem'
|
|
14
14
|
];
|
|
15
|
+
const componentTexts = [
|
|
16
|
+
'Text',
|
|
17
|
+
'Heading'
|
|
18
|
+
];
|
|
15
19
|
const Render = ({ uid , builder , components , parentId , ...passProps })=>{
|
|
16
20
|
const item = builder[uid];
|
|
17
21
|
const Component = components[item?.tag];
|
|
@@ -61,6 +65,7 @@ const Render = ({ uid , builder , components , parentId , ...passProps })=>{
|
|
|
61
65
|
setting: item.settings,
|
|
62
66
|
advanced: item.advanced,
|
|
63
67
|
style,
|
|
68
|
+
isText: componentTexts.includes(item.tag) ? true : null,
|
|
64
69
|
parentId: componentsRenderWithParentId.includes(item.tag) ? parentId : null,
|
|
65
70
|
...passProps
|
|
66
71
|
}));
|
|
@@ -94,6 +99,7 @@ const Render = ({ uid , builder , components , parentId , ...passProps })=>{
|
|
|
94
99
|
},
|
|
95
100
|
styles: item.styles,
|
|
96
101
|
setting: item.settings,
|
|
102
|
+
isText: componentTexts.includes(item.tag) ? true : null,
|
|
97
103
|
...passProps
|
|
98
104
|
}))}
|
|
99
105
|
</div>`;
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var constant = require('./constant.js');
|
|
4
|
+
var getResonsiveValue = require('./get-resonsive-value.js');
|
|
4
5
|
|
|
6
|
+
const gridToArrayRegex = // eslint-disable-next-line regexp/no-super-linear-backtracking
|
|
7
|
+
/[^\s()]+(?:\([^\s()]+(?:\([^()]+\))?(?:, *[^\s()]+(?:\([^()]+\))?)*\))?/g; // Regex convert css grid to array
|
|
5
8
|
const optionLayoutStyle = (column)=>{
|
|
6
9
|
if (!column) return {};
|
|
7
10
|
const style = {};
|
|
@@ -12,5 +15,45 @@ const optionLayoutStyle = (column)=>{
|
|
|
12
15
|
}
|
|
13
16
|
return style;
|
|
14
17
|
};
|
|
18
|
+
const composeGridLayout = (layout)=>{
|
|
19
|
+
const display = getResonsiveValue.getResponsiveValue(layout, 'display');
|
|
20
|
+
const desktop = (getResonsiveValue.getResponsiveValueByScreen(display, 'desktop') === 'fit' ? layout?.desktop?.cols?.map(()=>`auto`) : layout?.desktop?.cols?.map((col)=>`minmax(0, ${col}fr)`))?.join(' ');
|
|
21
|
+
const tablet = (getResonsiveValue.getResponsiveValueByScreen(display, 'tablet') === 'fit' ? layout?.tablet?.cols?.map(()=>`auto`) : layout?.tablet?.cols?.map((col)=>`minmax(0, ${col}fr)`))?.join(' ');
|
|
22
|
+
const mobile = (getResonsiveValue.getResponsiveValueByScreen(display, 'mobile') === 'fit' ? layout?.mobile?.cols?.map(()=>`auto`) : layout?.mobile?.cols?.map((col)=>`minmax(0, ${col}fr)`))?.join(' ');
|
|
23
|
+
return {
|
|
24
|
+
[`--gtc`]: desktop,
|
|
25
|
+
[`--gtc-tablet`]: tablet,
|
|
26
|
+
[`--gtc-mobile`]: mobile
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
const gridToArray = (layout)=>{
|
|
30
|
+
return layout ? layout.match(gridToArrayRegex) ?? [] : [];
|
|
31
|
+
};
|
|
32
|
+
const convertOldLayout = (layout)=>{
|
|
33
|
+
const desktopCol = gridToArray(layout?.desktop).length;
|
|
34
|
+
const tabletCol = gridToArray(layout?.tablet).length;
|
|
35
|
+
const mobileCol = gridToArray(layout?.mobile).length;
|
|
36
|
+
return {
|
|
37
|
+
desktop: {
|
|
38
|
+
cols: desktopCol ? Array.from({
|
|
39
|
+
length: desktopCol
|
|
40
|
+
}, ()=>12 / desktopCol) : undefined,
|
|
41
|
+
display: 'fill'
|
|
42
|
+
},
|
|
43
|
+
tablet: {
|
|
44
|
+
cols: tabletCol ? Array.from({
|
|
45
|
+
length: tabletCol
|
|
46
|
+
}, ()=>12 / tabletCol) : undefined
|
|
47
|
+
},
|
|
48
|
+
mobile: {
|
|
49
|
+
cols: mobileCol ? Array.from({
|
|
50
|
+
length: mobileCol
|
|
51
|
+
}, ()=>12 / mobileCol) : undefined
|
|
52
|
+
}
|
|
53
|
+
};
|
|
54
|
+
};
|
|
15
55
|
|
|
56
|
+
exports.composeGridLayout = composeGridLayout;
|
|
57
|
+
exports.convertOldLayout = convertOldLayout;
|
|
58
|
+
exports.gridToArrayRegex = gridToArrayRegex;
|
|
16
59
|
exports.optionLayoutStyle = optionLayoutStyle;
|
package/dist/cjs/index.js
CHANGED
|
@@ -40,9 +40,9 @@ var size = require('./helpers/size.js');
|
|
|
40
40
|
var spacing = require('./helpers/spacing.js');
|
|
41
41
|
var loadScript = require('./helpers/load-script.js');
|
|
42
42
|
var email = require('./helpers/email.js');
|
|
43
|
-
var layout = require('./helpers/layout.js');
|
|
44
43
|
var background = require('./helpers/background.js');
|
|
45
44
|
var cssVariable = require('./helpers/css-variable.js');
|
|
45
|
+
var layout = require('./helpers/layout.js');
|
|
46
46
|
var isDefined = require('./helpers/is-defined.js');
|
|
47
47
|
var colors = require('./helpers/colors.js');
|
|
48
48
|
var typography = require('./helpers/typography.js');
|
|
@@ -156,9 +156,12 @@ exports.composeSpacing = spacing.composeSpacing;
|
|
|
156
156
|
exports.getSpacingVariable = spacing.getSpacingVariable;
|
|
157
157
|
exports.loadScript = loadScript.loadScript;
|
|
158
158
|
exports.validateEmail = email.validateEmail;
|
|
159
|
-
exports.optionLayoutStyle = layout.optionLayoutStyle;
|
|
160
159
|
exports.getStyleBackgroundByDevice = background.getStyleBackgroundByDevice;
|
|
161
160
|
exports.genVariable = cssVariable.genVariable;
|
|
161
|
+
exports.composeGridLayout = layout.composeGridLayout;
|
|
162
|
+
exports.convertOldLayout = layout.convertOldLayout;
|
|
163
|
+
exports.gridToArrayRegex = layout.gridToArrayRegex;
|
|
164
|
+
exports.optionLayoutStyle = layout.optionLayoutStyle;
|
|
162
165
|
exports.isDefined = isDefined.isDefined;
|
|
163
166
|
exports.getGlobalColorCSSProp = colors.getGlobalColorCSSProp;
|
|
164
167
|
exports.getGlobalColorClass = colors.getGlobalColorClass;
|
|
@@ -8,6 +8,10 @@ import { disableWrap } from './constant.js';
|
|
|
8
8
|
const componentsRenderWithParentId = [
|
|
9
9
|
'CarouselItem'
|
|
10
10
|
];
|
|
11
|
+
const componentTexts = [
|
|
12
|
+
'Text',
|
|
13
|
+
'Heading'
|
|
14
|
+
];
|
|
11
15
|
const Render = ({ uid , builder , components , parentId , ...passProps })=>{
|
|
12
16
|
const item = builder[uid];
|
|
13
17
|
const Component = components[item?.tag];
|
|
@@ -57,6 +61,7 @@ const Render = ({ uid , builder , components , parentId , ...passProps })=>{
|
|
|
57
61
|
setting: item.settings,
|
|
58
62
|
advanced: item.advanced,
|
|
59
63
|
style,
|
|
64
|
+
isText: componentTexts.includes(item.tag) ? true : null,
|
|
60
65
|
parentId: componentsRenderWithParentId.includes(item.tag) ? parentId : null,
|
|
61
66
|
...passProps
|
|
62
67
|
}));
|
|
@@ -90,6 +95,7 @@ const Render = ({ uid , builder , components , parentId , ...passProps })=>{
|
|
|
90
95
|
},
|
|
91
96
|
styles: item.styles,
|
|
92
97
|
setting: item.settings,
|
|
98
|
+
isText: componentTexts.includes(item.tag) ? true : null,
|
|
93
99
|
...passProps
|
|
94
100
|
}))}
|
|
95
101
|
</div>`;
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import { devicesMapping } from './constant.js';
|
|
2
|
+
import { getResponsiveValueByScreen, getResponsiveValue } from './get-resonsive-value.js';
|
|
2
3
|
|
|
4
|
+
const gridToArrayRegex = // eslint-disable-next-line regexp/no-super-linear-backtracking
|
|
5
|
+
/[^\s()]+(?:\([^\s()]+(?:\([^()]+\))?(?:, *[^\s()]+(?:\([^()]+\))?)*\))?/g; // Regex convert css grid to array
|
|
3
6
|
const optionLayoutStyle = (column)=>{
|
|
4
7
|
if (!column) return {};
|
|
5
8
|
const style = {};
|
|
@@ -10,5 +13,42 @@ const optionLayoutStyle = (column)=>{
|
|
|
10
13
|
}
|
|
11
14
|
return style;
|
|
12
15
|
};
|
|
16
|
+
const composeGridLayout = (layout)=>{
|
|
17
|
+
const display = getResponsiveValue(layout, 'display');
|
|
18
|
+
const desktop = (getResponsiveValueByScreen(display, 'desktop') === 'fit' ? layout?.desktop?.cols?.map(()=>`auto`) : layout?.desktop?.cols?.map((col)=>`minmax(0, ${col}fr)`))?.join(' ');
|
|
19
|
+
const tablet = (getResponsiveValueByScreen(display, 'tablet') === 'fit' ? layout?.tablet?.cols?.map(()=>`auto`) : layout?.tablet?.cols?.map((col)=>`minmax(0, ${col}fr)`))?.join(' ');
|
|
20
|
+
const mobile = (getResponsiveValueByScreen(display, 'mobile') === 'fit' ? layout?.mobile?.cols?.map(()=>`auto`) : layout?.mobile?.cols?.map((col)=>`minmax(0, ${col}fr)`))?.join(' ');
|
|
21
|
+
return {
|
|
22
|
+
[`--gtc`]: desktop,
|
|
23
|
+
[`--gtc-tablet`]: tablet,
|
|
24
|
+
[`--gtc-mobile`]: mobile
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
const gridToArray = (layout)=>{
|
|
28
|
+
return layout ? layout.match(gridToArrayRegex) ?? [] : [];
|
|
29
|
+
};
|
|
30
|
+
const convertOldLayout = (layout)=>{
|
|
31
|
+
const desktopCol = gridToArray(layout?.desktop).length;
|
|
32
|
+
const tabletCol = gridToArray(layout?.tablet).length;
|
|
33
|
+
const mobileCol = gridToArray(layout?.mobile).length;
|
|
34
|
+
return {
|
|
35
|
+
desktop: {
|
|
36
|
+
cols: desktopCol ? Array.from({
|
|
37
|
+
length: desktopCol
|
|
38
|
+
}, ()=>12 / desktopCol) : undefined,
|
|
39
|
+
display: 'fill'
|
|
40
|
+
},
|
|
41
|
+
tablet: {
|
|
42
|
+
cols: tabletCol ? Array.from({
|
|
43
|
+
length: tabletCol
|
|
44
|
+
}, ()=>12 / tabletCol) : undefined
|
|
45
|
+
},
|
|
46
|
+
mobile: {
|
|
47
|
+
cols: mobileCol ? Array.from({
|
|
48
|
+
length: mobileCol
|
|
49
|
+
}, ()=>12 / mobileCol) : undefined
|
|
50
|
+
}
|
|
51
|
+
};
|
|
52
|
+
};
|
|
13
53
|
|
|
14
|
-
export { optionLayoutStyle };
|
|
54
|
+
export { composeGridLayout, convertOldLayout, gridToArrayRegex, optionLayoutStyle };
|
package/dist/esm/index.js
CHANGED
|
@@ -38,9 +38,9 @@ export { composeSize } from './helpers/size.js';
|
|
|
38
38
|
export { composeSpacing, getSpacingVariable } from './helpers/spacing.js';
|
|
39
39
|
export { loadScript } from './helpers/load-script.js';
|
|
40
40
|
export { validateEmail } from './helpers/email.js';
|
|
41
|
-
export { optionLayoutStyle } from './helpers/layout.js';
|
|
42
41
|
export { getStyleBackgroundByDevice } from './helpers/background.js';
|
|
43
42
|
export { genVariable } from './helpers/css-variable.js';
|
|
43
|
+
export { composeGridLayout, convertOldLayout, gridToArrayRegex, optionLayoutStyle } from './helpers/layout.js';
|
|
44
44
|
export { isDefined } from './helpers/is-defined.js';
|
|
45
45
|
export { getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getSingleColorVariable, isColor } from './helpers/colors.js';
|
|
46
46
|
export { genTypoClass } from './helpers/typography.js';
|
package/dist/types/index.d.ts
CHANGED
|
@@ -126,6 +126,10 @@ type AlignItemProp = 'left' | 'center' | 'right';
|
|
|
126
126
|
type JudgeMeReviewsWidgetType = 'single_product_preview_badge' | 'review_widget' | 'reviews_carousel' | 'all_reviews_widget' | 'verified_reviews_count_badge' | 'all_reviews_text';
|
|
127
127
|
type LooxReviewsWidgetType = 'reviews_widget' | 'rating_widget' | 'carousel_widget';
|
|
128
128
|
type KlaviyoWidgetType = 'popup_widget' | 'flyout_widget' | 'embed_widget' | 'full_page_widget';
|
|
129
|
+
type ObjectLayoutValue = {
|
|
130
|
+
display?: 'fill' | 'fit';
|
|
131
|
+
cols?: number[];
|
|
132
|
+
};
|
|
129
133
|
|
|
130
134
|
type ResponsiveConfig<T> = {
|
|
131
135
|
desktop: {
|
|
@@ -786,7 +790,12 @@ type SwatchesLinkControlType<T> = SharedControlType<T> & {
|
|
|
786
790
|
type: 'swatchesLink';
|
|
787
791
|
};
|
|
788
792
|
|
|
789
|
-
type
|
|
793
|
+
type LayoutControlType<T> = SharedControlType<T> & {
|
|
794
|
+
type: 'layout';
|
|
795
|
+
maxCol?: number;
|
|
796
|
+
};
|
|
797
|
+
|
|
798
|
+
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 | LayoutSegmentControlType<T> | InputSpacing<T> | UniqueIdControlType<T> | PositionSquareControlType<T> | CustomCodeEditor | LayoutControlType<T> | SwatchesLinkControlType<T>;
|
|
790
799
|
type Setting<P extends BaseProps> = {
|
|
791
800
|
id: 'setting';
|
|
792
801
|
note?: string;
|
|
@@ -7349,8 +7358,6 @@ declare function loadScript(src: string, options?: {
|
|
|
7349
7358
|
|
|
7350
7359
|
declare const validateEmail: (email: string) => boolean;
|
|
7351
7360
|
|
|
7352
|
-
declare const optionLayoutStyle: (column?: ObjectDevices<string | number>) => React.CSSProperties;
|
|
7353
|
-
|
|
7354
7361
|
type Options = {
|
|
7355
7362
|
liquid?: boolean;
|
|
7356
7363
|
};
|
|
@@ -7358,6 +7365,11 @@ declare const getStyleBackgroundByDevice: (background?: ObjectDevices<Background
|
|
|
7358
7365
|
|
|
7359
7366
|
declare const genVariable: (variableName: string) => string;
|
|
7360
7367
|
|
|
7368
|
+
declare const gridToArrayRegex: RegExp;
|
|
7369
|
+
declare const optionLayoutStyle: (column?: ObjectDevices<string | number>) => React.CSSProperties;
|
|
7370
|
+
declare const composeGridLayout: (layout?: ObjectDevices<ObjectLayoutValue>) => React.CSSProperties;
|
|
7371
|
+
declare const convertOldLayout: (layout?: ObjectDevices<string>) => ObjectDevices<ObjectLayoutValue>;
|
|
7372
|
+
|
|
7361
7373
|
declare function isDefined<T>(argument: T | undefined): argument is T;
|
|
7362
7374
|
|
|
7363
7375
|
type ColorType = 'bg' | 'text' | 'border' | 'decoration';
|
|
@@ -7685,4 +7697,4 @@ declare const fetchMedias: (fetcher: FetchFunc, { id, isSample, isStorefront }:
|
|
|
7685
7697
|
|
|
7686
7698
|
declare const getProductBySlug: (fetcher: FetchFunc, slug?: string) => Promise<ProductSelectFragment>;
|
|
7687
7699
|
|
|
7688
|
-
export { AddOn, AddonProvider, AddonProviderProps, AlignItemProp, AlignProp, Background, BaseProps, BasePropsWrap, BlockEntity, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CartLineProvider, CartLineProviderProps, CollectionDetailFilterDocument, CollectionDetailFilterQueryResponse, CollectionDetailFilterQueryVariables, CollectionDocument, CollectionProvider, CollectionProviderProps, CollectionQueryResponse, CollectionQueryVariables, CollectionsDocument, CollectionsQueryResponse, CollectionsQueryVariables, ColorKey, ColorType$1 as ColorType, ColorValueType, Component, ComponentSetting, ContainerProp, ControlProp, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, ExtractState, FetchFunc, FlexDirectionProp, FontName, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, HSLAColorType, HSLColorType, HexColorType, InitComponentType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, OptionNormalStyle, OptionSpecialStyle, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductProvider, ProductProviderProps, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, RenderMemo as Render, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveStateProp, RoundedSize, SectionData, SectionEntity, SectionProvider, SectionProviderProps, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeType, SpacingType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TransformProp, TypographyProps, TypographySetting, TypographyType, VariantSelectFragment, calculateFirstProduct, cls, composeAdvanceStyle, composeRadius, composeSize, composeSpacing, fetchMedias, fetchVariants, flattenConnection, fpixel, genTypoClass, genVariable, getBorderStyle, getCollection, getCornerCSSFromGlobal, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleShadow, getStyleShadowState, globalEvent, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, isBrowser, isColor, isDefined, isEmptyChildren, isLocalEnv, loadScript, makeAspectRatio, makeHeight, makeStyle, makeStyleResponsive, makeStyleResponsiveState, makeStyleState, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, prefetchQueries, props, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useBuilderComponent, useBuilderPreviewStore, useBuilderStore, useCartData, useCartDiscountCodesUpdate, useCartId, useCartLine, useCartLineStore, useCartNoteUpdate, useCartUI, useCheckoutUrl, useCollection, useCollectionQuery, useCollectionStore, useCollectionsQuery, useConnectedShopify, useCreateCart, useCurrency, useCurrentDevice, useCurrentVariant, useCurrentVariantInStock, useEditorMode, useFeaturedImageGlobal, useFormatMoney, useIsSampleProduct, useIsStorefrontProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, usePageType, usePluginEnable, usePrevious, useProduct, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductProperties, useProductQuery, useProductStore, useProductsQuery, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };
|
|
7700
|
+
export { AddOn, AddonProvider, AddonProviderProps, AlignItemProp, AlignProp, Background, BaseProps, BasePropsWrap, BlockEntity, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CartLineProvider, CartLineProviderProps, CollectionDetailFilterDocument, CollectionDetailFilterQueryResponse, CollectionDetailFilterQueryVariables, CollectionDocument, CollectionProvider, CollectionProviderProps, CollectionQueryResponse, CollectionQueryVariables, CollectionsDocument, CollectionsQueryResponse, CollectionsQueryVariables, ColorKey, ColorType$1 as ColorType, ColorValueType, Component, ComponentSetting, ContainerProp, ControlProp, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, ExtractState, FetchFunc, FlexDirectionProp, FontName, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, HSLAColorType, HSLColorType, HexColorType, InitComponentType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OptionNormalStyle, OptionSpecialStyle, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductProvider, ProductProviderProps, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, RenderMemo as Render, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveStateProp, RoundedSize, SectionData, SectionEntity, SectionProvider, SectionProviderProps, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeType, SpacingType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TransformProp, TypographyProps, TypographySetting, TypographyType, VariantSelectFragment, calculateFirstProduct, cls, composeAdvanceStyle, composeGridLayout, composeRadius, composeSize, composeSpacing, convertOldLayout, fetchMedias, fetchVariants, flattenConnection, fpixel, genTypoClass, genVariable, getBorderStyle, getCollection, getCornerCSSFromGlobal, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleShadow, getStyleShadowState, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, isBrowser, isColor, isDefined, isEmptyChildren, isLocalEnv, loadScript, makeAspectRatio, makeHeight, makeStyle, makeStyleResponsive, makeStyleResponsiveState, makeStyleState, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, prefetchQueries, props, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useBuilderComponent, useBuilderPreviewStore, useBuilderStore, useCartData, useCartDiscountCodesUpdate, useCartId, useCartLine, useCartLineStore, useCartNoteUpdate, useCartUI, useCheckoutUrl, useCollection, useCollectionQuery, useCollectionStore, useCollectionsQuery, useConnectedShopify, useCreateCart, useCurrency, useCurrentDevice, useCurrentVariant, useCurrentVariantInStock, useEditorMode, useFeaturedImageGlobal, useFormatMoney, useIsSampleProduct, useIsStorefrontProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, usePageType, usePluginEnable, usePrevious, useProduct, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductProperties, useProductQuery, useProductStore, useProductsQuery, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };
|