@gem-sdk/components 17.0.0-dev.82 → 17.0.0-dev.83

package/dist/types/server.d.ts

@@ -1,459 +0,0 @@
-import { BasePropsWrap, ObjectDevices, BackgroundMedia, SizeSettingGlobal, ColorValueType, StateProp, ShadowProps, TypographySettingV2, AlignProp, TransformProp, TypographySetting, Border, CornerRadius, PageContext, BaseProps, Ratio, ResponsiveStateProp, Background, PaddingType, SizeSetting, ObjectLayoutValue } from '@gem-sdk/core';
-import { Property } from 'csstype';
-
-type TextStyleProps = {
-    textColor?: ColorValueType;
-    parentTextColor?: StateProp<ColorValueType>;
-    textShadowNotState?: ShadowProps;
-    hasTextShadowNotState?: boolean;
-    color?: StateProp<ColorValueType>;
-    lineColor?: StateProp<ColorValueType>;
-    typo?: TypographySettingV2;
-    textAlign?: ObjectDevices<AlignProp>;
-    lineClamp?: ObjectDevices<number>;
-    hasLineClamp?: ObjectDevices<boolean>;
-    hasTextShadow?: StateProp<boolean>;
-    textShadow?: StateProp<ShadowProps>;
-    transform?: TransformProp;
-    spacing?: string;
-    thickness?: string | number;
-    underlineLink?: {
-        hover: boolean;
-        normal: boolean;
-    };
-    /**
-     * @deprecated please use `typo` instead
-     */
-    typography?: TypographySetting;
-    /**
-     * @deprecated this prop do not use anymore
-     */
-    hasBoxShadow?: StateProp<boolean>;
-    /**
-     * @deprecated this prop do not use anymore
-     */
-    boxShadow?: StateProp<ShadowProps>;
-    align?: ObjectDevices<AlignProp>;
-    shapeBorder?: ObjectDevices<Border>;
-    shapeRounded?: ObjectDevices<CornerRadius>;
-    shapeBoxShadow?: ObjectDevices<ShadowProps>;
-    isForceValue?: boolean;
-    lineThrough?: boolean;
-    opacityPrice?: number;
-    enableHoverEffect?: boolean;
-};
-type HTMLTag = 'p' | 'span' | 'div' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'small' | 'mark' | 'kbd' | 'i';
-type TextSettingProps = {
-    text?: string | number;
-    translateSetting?: string;
-    htmlTag?: HTMLTag;
-    opacityPrice?: number;
-    options?: {
-        useState?: boolean;
-        uniqueId?: string | undefined;
-        productID?: string | undefined;
-        isCannotEditing?: boolean | undefined;
-        disablePointerEvent?: boolean;
-        customClass?: {
-            wrapper?: string;
-        };
-    };
-    tagWidth?: Record<string, string>;
-    background?: ObjectDevices<BackgroundMedia>;
-    globalSize?: ObjectDevices<SizeSettingGlobal>;
-    excludeFlex?: boolean;
-    isForceValue?: boolean;
-};
-type TextProps = BasePropsWrap<TextSettingProps, TextStyleProps> & Omit<React.ComponentPropsWithoutRef<'p'>, ''> & {
-    disableEdit?: boolean;
-    pageContext?: PageContext;
-};
-
-type Position = 'top' | 'bottom';
-type DisplayOptionValue = 'always' | 'after-first-scroll' | 'after-first-cart-button' | 'meet-section';
-type StickySettingProps = {
-    display: ObjectDevices<DisplayOptionValue>;
-    fullWidth?: ObjectDevices<boolean>;
-    width?: ObjectDevices<string>;
-    background: ObjectDevices<BackgroundMedia>;
-    position: ObjectDevices<Position>;
-    padding?: ObjectDevices<string>;
-    preloadBgImage?: boolean;
-    isScrollToTop?: boolean;
-    minimize?: boolean;
-};
-type StickyProps = BasePropsWrap<StickySettingProps> & {
-    children?: React.ReactNode;
-    pageContext?: PageContext;
-};
-
-type LinkSettingProps = {
-    type?: 'auto' | 'product' | 'collection' | 'custom';
-    label?: string;
-    noFollow?: boolean;
-    target?: HTMLAnchorElement['target'];
-    href?: HTMLAnchorElement['href'];
-};
-type LinkProps = BaseProps<LinkSettingProps> & {
-    className?: string;
-    style?: React.CSSProperties;
-    children?: React.ReactNode;
-    title?: string;
-    dataId?: string;
-};
-
-type LineSettingProps = {
-    enableIconText?: ObjectDevices<boolean>;
-    text?: string;
-    iconSvg?: string;
-    position?: AlignProp;
-};
-type LineStyleProps = {
-    lineStyle: ObjectDevices<string>;
-    color?: ColorValueType;
-    thickness?: ObjectDevices<string | number>;
-    fullWidth?: ObjectDevices<boolean>;
-    width?: ObjectDevices<string | number>;
-    align?: ObjectDevices<AlignProp>;
-    typography?: TypographySetting;
-    typo?: TypographySettingV2;
-    textColor?: ColorValueType;
-    textSpacing?: string | number;
-    iconSize?: ObjectDevices<string | number>;
-    iconRotate?: string | number;
-    iconColor?: ColorValueType;
-    iconSpacing?: string | number;
-    transform?: string | number;
-    customTransform?: string | number;
-};
-type LineProps = {
-    children?: React.ReactNode;
-    className?: string;
-} & BaseProps<LineSettingProps, LineStyleProps>;
-
-type ObjectFit = 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
-type IImageStorageType = 'THEME' | 'FILE_CONTENT' | 'SHOPIFY_CDN';
-type BaseImageData = {
-    alt?: string;
-    src?: string;
-    width?: number;
-    height?: number;
-    base64?: string;
-    backupFileKey?: string;
-    backupFilePath?: string;
-    storage?: IImageStorageType;
-    metafieldDefinitionKey?: string;
-};
-type SharedProps = {
-    aspectRatio?: ObjectDevices<string>;
-    layout?: ObjectDevices<ObjectFit>;
-    objectFit?: ObjectDevices<ObjectFit>;
-    borderRadius?: ResponsiveStateProp<string>;
-    image?: BaseImageData;
-};
-type ImageStyleProps = {
-    shape?: ObjectDevices<SizeSettingGlobal>;
-    customAspectRadio?: ObjectDevices<Ratio>;
-    fullWidth?: ObjectDevices<boolean>;
-    width?: ObjectDevices<number | string>;
-    align?: ObjectDevices<AlignProp>;
-    opacity?: StateProp<number>;
-    opacityColor?: StateProp<ColorValueType>;
-    hasBoxShadowImg?: StateProp<boolean>;
-    boxShadowImg?: StateProp<ShadowProps>;
-    roundedImg?: StateProp<CornerRadius>;
-    borderImg?: StateProp<Border>;
-    borderRadius?: CornerRadius;
-    wrapperBorder?: Border;
-    hasActiveShadow?: boolean;
-    shadow?: ShadowProps;
-} & Pick<SharedProps, 'layout' | 'aspectRatio' | 'objectFit'>;
-type ImageLink = {
-    type?: string;
-    link?: string;
-    target?: string;
-    noFollow?: boolean;
-    isTranslate?: boolean;
-};
-type ImageSettingProps = {
-    imageStyle?: 'rectangle' | 'circle';
-    priority?: boolean;
-    quality?: number;
-    vw?: ObjectDevices<number>;
-    alt?: string;
-    title?: string;
-    isAdaptive?: boolean;
-    imageLink?: ImageLink;
-    hoverEffect?: string;
-    image?: BaseImageData;
-    isNotLazyload?: boolean;
-    enableImageLink?: boolean;
-    disableNoDataState?: boolean;
-    srcSet?: ObjectDevices<BaseImageData>;
-    qualityPercent?: ObjectDevices<number>;
-    qualityType?: ObjectDevices<QualityType>;
-};
-type QualityType = 'finest' | 'high' | 'medium' | 'custom';
-type ImageProps = BasePropsWrap<ImageSettingProps, ImageStyleProps> & {
-    className?: string;
-    children?: React.ReactNode;
-    onClick?: React.MouseEventHandler<any>;
-    onLoad?: React.ReactEventHandler<any>;
-} & {
-    advanced?: any;
-};
-
-type IconListSettingProps = {
-    childItem?: string[];
-    textTypo?: TypographySettingV2;
-    iconSvg?: string;
-    iconWidth?: ObjectDevices<number>;
-    childConfig?: string[];
-    globalSize?: ObjectDevices<SizeSettingGlobal>;
-    iconType?: 'matching' | 'different';
-};
-type IconListStyleProps = {
-    horizontalSpacing?: ObjectDevices<Property.Padding>;
-    verticalSpacing?: ObjectDevices<Property.Padding>;
-    position?: ObjectDevices<'center' | 'baseline'>;
-    align?: ObjectDevices<AlignProp>;
-    iconColor?: ColorValueType;
-    backgroundColor?: ColorValueType;
-    iconBorder?: Border;
-    iconRounded?: CornerRadius;
-    background?: ObjectDevices<Background>;
-    panelAlign?: ObjectDevices<AlignProp>;
-    contentBoxWidth?: ObjectDevices<string | number>;
-    contentBoxPadding?: ObjectDevices<PaddingType>;
-    contentBoxBorder?: ObjectDevices<Border>;
-    contentBoxRounded?: ObjectDevices<CornerRadius>;
-    contentBoxShadow?: ObjectDevices<ShadowProps>;
-};
-type IconListProps = BasePropsWrap<IconListSettingProps, IconListStyleProps> & {
-    pageContext?: PageContext;
-};
-
-type IconListHozSettingProps = {
-    childItem?: string[];
-    preload?: boolean;
-};
-type IconListHozStyleProps = {
-    background?: ObjectDevices<Background>;
-    align?: ObjectDevices<AlignProp>;
-    verticalAlign?: ObjectDevices<'start' | 'end' | 'center' | 'space-between'>;
-    horizontalSpacing?: Property.Padding;
-};
-type IconListHozProps = BasePropsWrap<IconListHozSettingProps, IconListHozStyleProps> & {
-    children?: React.ReactNode;
-};
-type IconListItemProps = BasePropsWrap & React.ComponentPropsWithoutRef<'div'> & {
-    horizontalSpacing?: ObjectDevices<Property.Padding>;
-};
-
-type IconSettingProps = {
-    iconSvg?: string;
-    iconLinkEnable?: boolean;
-    iconLink?: {
-        type?: string;
-        link?: string;
-        target?: string;
-        title?: string;
-        noFollow?: boolean;
-    };
-};
-type IconStyleProps = {
-    iconHeight?: string | number;
-    iconSize?: ObjectDevices<Ratio>;
-    align?: ObjectDevices<AlignProp>;
-    iconWidth?: ObjectDevices<string | number>;
-    bgColor?: StateProp<ColorValueType>;
-    color?: StateProp<ColorValueType>;
-    iconBorder?: StateProp<Border>;
-    iconRotate?: number;
-    spin?: boolean;
-    iconRounded?: StateProp<CornerRadius>;
-    iconSpacing?: SizeSetting;
-    globalSize?: ObjectDevices<SizeSettingGlobal>;
-    iconShadow?: ShadowProps;
-};
-type IconProps = BasePropsWrap<IconSettingProps, IconStyleProps> & {
-    className?: string;
-    style?: React.CSSProperties;
-} & {
-    advanced?: any;
-} & Omit<React.ComponentPropsWithoutRef<'div'>, ''>;
-
-type HeadingSettingProps = {
-    htmlTag?: number;
-    text?: string;
-    globalSize?: ObjectDevices<SizeSettingGlobal>;
-    background?: ObjectDevices<BackgroundMedia>;
-};
-type HeadingStyleProps = {
-    textShadowNotState?: ShadowProps;
-    hasTextShadowNotState?: boolean;
-    /**
-     * @deprecated please use `typo` instead
-     */
-    typography?: TypographySetting;
-    typo?: TypographySettingV2;
-    textAlign?: ObjectDevices<AlignProp>;
-    lineClamp?: ObjectDevices<number>;
-    hasLineClamp?: ObjectDevices<boolean>;
-    hasTextShadow?: StateProp<boolean>;
-    textShadow?: StateProp<ShadowProps>;
-    align?: ObjectDevices<AlignProp>;
-    shapeBorder?: ObjectDevices<Border>;
-    shapeRounded?: ObjectDevices<CornerRadius>;
-    shapeBoxShadow?: ObjectDevices<ShadowProps>;
-};
-type HeadingProps = BasePropsWrap<HeadingSettingProps, HeadingStyleProps> & Omit<React.ComponentPropsWithoutRef<'h1'>, 'children'> & {
-    children: React.ReactNode;
-};
-
-type MenuData = {
-    ROOT: SubMenu;
-} & Menu;
-type SubMenu = {
-    id: string;
-    title: string;
-    link?: string;
-    childrens?: string[];
-};
-type Menu = Record<string, SubMenu>;
-
-type HeaderStyle = 'basic' | 'morden';
-type MenuItemProps = {
-    id: string;
-    menu?: MenuData;
-    depth?: number;
-    maxDepth?: number;
-    arrow?: string;
-    textColor?: StateProp<ColorValueType>;
-    menuTextColor?: StateProp<ColorValueType>;
-    typography?: TypographySetting;
-    typo?: TypographySettingV2;
-    closeMenu?: () => void;
-    menuBg?: ObjectDevices<ColorValueType>;
-    headerBg?: ObjectDevices<ColorValueType>;
-    enableHoverEffect?: boolean;
-    enableDropdownHoverEffect?: boolean;
-};
-type HeaderOriginalSettingProps = {
-    logo?: NonNullable<ImageProps['setting']>['srcSet'];
-    logoWidth?: ObjectDevices<string>;
-    logoAspectRatio?: ObjectDevices<string>;
-    customAspectRadio?: ObjectDevices<Ratio>;
-    layout?: ObjectDevices<ObjectFit>;
-    breakpoint?: 'tablet' | 'mobile' | 'desktop';
-    cartIcon?: string;
-    openMode?: 'popup' | 'page';
-    buyNow?: boolean;
-    cardEnableHoverEffect?: boolean;
-    itemEnableHoverEffect?: boolean;
-    enableDropdownHoverEffect?: boolean;
-};
-type HeaderSettingProps = HeaderOriginalSettingProps & Pick<MenuItemProps, 'arrow' | 'menu'>;
-type HeaderStyleProps = {
-    height?: ObjectDevices<string>;
-    cartIconColor?: StateProp<ColorValueType>;
-    btnType?: 'primary' | 'secondary';
-    btnRounded?: StateProp<CornerRadius>;
-    btnBgColor?: StateProp<ColorValueType>;
-    btnTextColor?: StateProp<ColorValueType>;
-    btnWidth?: ObjectDevices<string | number | undefined>;
-    btnTypography?: TypographySetting;
-    btnSpacing?: SizeSetting;
-    btnBorder?: StateProp<Border>;
-} & Pick<MenuItemProps, 'typography' | 'typo' | 'menuTextColor' | 'menuBg' | 'headerBg' | 'textColor'>;
-type HeaderProps = BasePropsWrap<HeaderSettingProps & {
-    kind?: HeaderStyle;
-}, HeaderStyleProps> & {
-    children: React.ReactNode;
-};
-
-type ColSettingProps = {
-    allowSameHeight?: boolean;
-    sameHeightSubgridContainer?: boolean;
-};
-type ColStyleProps = {
-    order?: ObjectDevices<number>;
-    gap?: ObjectDevices<string>;
-    alignItem?: ObjectDevices<Property.AlignItems>;
-    justifyContent?: ObjectDevices<Property.JustifyContent>;
-    display?: ObjectDevices<Property.Display>;
-    fullWidth?: boolean;
-};
-type ColProps = BasePropsWrap<ColSettingProps, ColStyleProps> & React.ComponentPropsWithoutRef<'div'> & {
-    justifyContent?: ObjectDevices<Property.JustifyContent>;
-    order?: ObjectDevices<number>;
-    className?: string;
-    children?: any;
-    layout?: ObjectDevices<ObjectLayoutValue>;
-    parentTag?: string;
-    rawChildren?: any[];
-    hiddenEmptyCol?: boolean;
-} & {
-    advanced?: any;
-};
-type RowSettingProps = {
-    responsive?: ObjectDevices<string>;
-    layout?: ObjectDevices<ObjectLayoutValue>;
-    verticalAlign?: ObjectDevices<'start' | 'end' | 'center' | 'space-between'>;
-    horizontalAlign?: ObjectDevices<'start' | 'end' | 'center' | 'space-between'>;
-    order?: ObjectDevices<number>;
-    inlineAlignment?: 'start' | 'end' | 'center';
-    blockAlignment?: 'start' | 'end' | 'center';
-    allowSameHeight?: boolean;
-    sameHeightSubgridContainer?: boolean;
-    isSection?: boolean;
-    lazy?: boolean;
-    priority?: boolean;
-    as?: 'div' | 'section';
-};
-type RowStyleProps = {
-    enablePagePadding?: ObjectDevices<boolean>;
-    fullWidth?: ObjectDevices<boolean>;
-    width?: ObjectDevices<string>;
-    height?: ObjectDevices<'auto' | '100%'>;
-    preloadBgImage?: boolean;
-    columnGap?: ObjectDevices<string>;
-    rowGap?: string;
-    border?: ObjectDevices<StateProp<Border>>;
-    rounded?: ObjectDevices<StateProp<CornerRadius>>;
-    padding?: ObjectDevices<SizeSettingGlobal>;
-    verticalGutter?: ObjectDevices<string>;
-    verticalGutterMobile?: ObjectDevices<string>;
-    background?: ObjectDevices<BackgroundMedia>;
-    boxShadow?: ObjectDevices<StateProp<ShadowProps>>;
-};
-type RowProps = BasePropsWrap<RowSettingProps, RowStyleProps> & React.ComponentPropsWithoutRef<'div'> & {
-    maxWidthWithEmptyChildren?: string | number;
-    isNotFullWidth?: boolean;
-    rawChildren?: any[];
-    hiddenEmptyCol?: boolean;
-    parentStyle?: React.CSSProperties;
-    pageContext?: PageContext;
-};
-
-declare const _default: {
-    Col: React.FC<ColProps>;
-    Header: ({ builderProps, style, setting, styles, children }: HeaderProps) => React.JSX.Element;
-    Heading: React.FC<HeadingProps>;
-    Icon: React.FC<IconProps>;
-    IconListHoz: React.FC<IconListHozProps>;
-    IconListItemHoz: React.FC<IconListItemProps>;
-    IconListV2: React.FC<IconListProps>;
-    Image: React.FC<ImageProps>;
-    Line: React.FC<LineProps>;
-    Link: React.FC<LinkProps>;
-    Root: React.FC<{
-        children?: React.ReactNode;
-    }>;
-    Row: React.FC<RowProps>;
-    Section: React.FC<RowProps>;
-    Sticky: React.FC<StickyProps>;
-    Text: React.FC<TextProps>;
-};
-
-export { _default as default };