@cntrl-site/components 0.1.29 → 0.1.30-grid.1

package/dist/Components/Grid/GridComponent.d.ts

@@ -0,0 +1,698 @@
+export declare const GridComponent: {
+    element: ({ settings, content, styles, isEditor }: {
+        settings: {
+            grid: {
+                entriesPerRow: number;
+                rowGap: number;
+                columnGap: number;
+            };
+            media?: {
+                widthType: "auto" | "fixed";
+                maxWidth: number;
+                aspectRatioMode: "fixed" | "original";
+                aspectWidth: number;
+                aspectHeight: number;
+            };
+            title?: {
+                marginTop: number;
+            };
+            subtitle?: {
+                marginTop: number;
+            };
+            description?: {
+                marginTop: number;
+            };
+        };
+        content: {
+            image?: {
+                url: string;
+                name?: string;
+                objectFit?: "cover" | "contain";
+            } | null;
+            title?: any[];
+            subtitle?: any[];
+            description?: any[];
+            link?: string;
+        }[];
+        styles: {
+            title: import('../../types/TextElementStyles').TextElementStyles;
+            subtitle: import('../../types/TextElementStyles').TextElementStyles;
+            description: import('../../types/TextElementStyles').TextElementStyles;
+        };
+        isEditor?: boolean;
+    } & import('../props').CommonComponentProps) => import("react/jsx-runtime").JSX.Element;
+    id: string;
+    name: string;
+    preview: {
+        type: "video";
+        url: string;
+    };
+    defaultSize: {
+        width: string;
+        height: string;
+    };
+    schema: {
+        type: string;
+        properties: {
+            settings: {
+                layoutBased: boolean;
+                type: string;
+                display: {
+                    type: string;
+                };
+                properties: {
+                    grid: {
+                        title: string;
+                        icon: string;
+                        tooltip: string;
+                        type: string;
+                        properties: {
+                            entriesPerRow: {
+                                type: string;
+                                min: number;
+                                max: number;
+                                label: string;
+                                display: {
+                                    type: string;
+                                };
+                            };
+                            rowGap: {
+                                type: string;
+                                scalingEnabled: boolean;
+                                label: string;
+                                display: {
+                                    type: string;
+                                };
+                            };
+                            columnGap: {
+                                type: string;
+                                scalingEnabled: boolean;
+                                label: string;
+                                display: {
+                                    type: string;
+                                };
+                            };
+                        };
+                    };
+                    media: {
+                        title: string;
+                        icon: string;
+                        tooltip: string;
+                        type: string;
+                        properties: {
+                            widthType: {
+                                type: string;
+                                display: {
+                                    type: string;
+                                };
+                                enum: string[];
+                            };
+                            maxWidth: {
+                                type: string;
+                                min: number;
+                                label: string;
+                                scalingEnabled: boolean;
+                                display: {
+                                    type: string;
+                                    visible: boolean;
+                                };
+                            };
+                            aspectRatioMode: {
+                                type: string;
+                                display: {
+                                    type: string;
+                                };
+                                enum: string[];
+                            };
+                            aspectWidth: {
+                                type: string;
+                                min: number;
+                                label: string;
+                                display: {
+                                    type: string;
+                                    visible: boolean;
+                                };
+                            };
+                            aspectHeight: {
+                                type: string;
+                                min: number;
+                                label: string;
+                                display: {
+                                    type: string;
+                                    visible: boolean;
+                                };
+                            };
+                        };
+                    };
+                    title: {
+                        title: string;
+                        icon: string;
+                        tooltip: string;
+                        type: string;
+                        properties: {
+                            marginTop: {
+                                type: string;
+                                scalingEnabled: boolean;
+                                label: string;
+                                display: {
+                                    type: string;
+                                };
+                            };
+                        };
+                    };
+                    subtitle: {
+                        title: string;
+                        icon: string;
+                        tooltip: string;
+                        type: string;
+                        properties: {
+                            marginTop: {
+                                type: string;
+                                scalingEnabled: boolean;
+                                label: string;
+                                display: {
+                                    type: string;
+                                };
+                            };
+                        };
+                    };
+                    description: {
+                        title: string;
+                        icon: string;
+                        tooltip: string;
+                        type: string;
+                        properties: {
+                            marginTop: {
+                                type: string;
+                                scalingEnabled: boolean;
+                                label: string;
+                                display: {
+                                    type: string;
+                                };
+                            };
+                        };
+                    };
+                };
+                default: {
+                    grid: {
+                        entriesPerRow: number;
+                        rowGap: number;
+                        columnGap: number;
+                    };
+                    media: {
+                        widthType: string;
+                        maxWidth: number;
+                        aspectRatioMode: string;
+                        aspectWidth: number;
+                        aspectHeight: number;
+                    };
+                    title: {
+                        marginTop: number;
+                    };
+                    subtitle: {
+                        marginTop: number;
+                    };
+                    description: {
+                        marginTop: number;
+                    };
+                };
+                displayRules: {
+                    if: {
+                        name: string;
+                        value: string;
+                    };
+                    then: {
+                        name: string;
+                        value: boolean;
+                    };
+                }[];
+            };
+            content: {
+                layoutBased: boolean;
+                type: string;
+                settings: {
+                    addItemFromFileExplorer: boolean;
+                    defaultWidth: number;
+                };
+                items: {
+                    type: string;
+                    properties: {
+                        image: {
+                            type: string;
+                            label: string;
+                            display: {
+                                minWidth: number;
+                                maxWidth: number;
+                                type: string;
+                            };
+                            properties: {
+                                url: {
+                                    type: string;
+                                };
+                                name: {
+                                    type: string;
+                                };
+                                objectFit: {
+                                    type: string;
+                                    enum: string[];
+                                };
+                            };
+                            required: string[];
+                        };
+                        title: {
+                            placeholder: string;
+                            label: string;
+                            display: {
+                                type: string;
+                                minWidth: number;
+                                maxWidth: number;
+                            };
+                        };
+                        subtitle: {
+                            placeholder: string;
+                            label: string;
+                            display: {
+                                type: string;
+                                minWidth: number;
+                                maxWidth: number;
+                            };
+                        };
+                        description: {
+                            placeholder: string;
+                            label: string;
+                            display: {
+                                type: string;
+                                minWidth: number;
+                                maxWidth: number;
+                            };
+                        };
+                        link: {
+                            type: string;
+                            label: string;
+                            placeholder: string;
+                            display: {
+                                type: string;
+                                minWidth: number;
+                                maxWidth: number;
+                            };
+                        };
+                    };
+                    required: string[];
+                };
+                default: {
+                    image: {
+                        url: string;
+                        objectFit: "cover";
+                    };
+                    title: {
+                        type: string;
+                        children: {
+                            text: string;
+                        }[];
+                    }[];
+                    subtitle: {
+                        type: string;
+                        children: {
+                            text: string;
+                        }[];
+                    }[];
+                    description: {
+                        type: string;
+                        children: {
+                            text: string;
+                        }[];
+                    }[];
+                    link: string;
+                }[];
+            };
+            styles: {
+                layoutBased: boolean;
+                type: string;
+                properties: {
+                    title: {
+                        dataName: string;
+                        type: string;
+                        properties: {
+                            fontSettings: {
+                                type: string;
+                                display: {
+                                    type: string;
+                                };
+                                properties: {
+                                    fontFamily: {
+                                        type: string;
+                                    };
+                                    fontWeight: {
+                                        type: string;
+                                    };
+                                    fontStyle: {
+                                        type: string;
+                                    };
+                                };
+                            };
+                            widthSettings: {
+                                display: {
+                                    type: string;
+                                };
+                                type: string;
+                                properties: {
+                                    width: {
+                                        type: string;
+                                    };
+                                    sizing: {
+                                        type: string;
+                                        enum: string[];
+                                    };
+                                };
+                            };
+                            fontSizeLineHeight: {
+                                type: string;
+                                display: {
+                                    type: string;
+                                };
+                                properties: {
+                                    fontSize: {
+                                        type: string;
+                                    };
+                                    lineHeight: {
+                                        type: string;
+                                    };
+                                };
+                            };
+                            letterSpacing: {
+                                display: {
+                                    type: string;
+                                };
+                                type: string;
+                            };
+                            wordSpacing: {
+                                display: {
+                                    type: string;
+                                };
+                                type: string;
+                            };
+                            textAlign: {
+                                display: {
+                                    type: string;
+                                };
+                                type: string;
+                                enum: string[];
+                            };
+                            textAppearance: {
+                                display: {
+                                    type: string;
+                                };
+                                properties: {
+                                    textTransform: {
+                                        type: string;
+                                        enum: string[];
+                                    };
+                                    textDecoration: {
+                                        type: string;
+                                        enum: string[];
+                                    };
+                                    fontVariant: {
+                                        type: string;
+                                        enum: string[];
+                                    };
+                                };
+                            };
+                            color: {
+                                display: {
+                                    type: string;
+                                };
+                                type: string;
+                            };
+                        };
+                    };
+                    subtitle: {
+                        dataName: string;
+                        type: string;
+                        properties: {
+                            fontSettings: {
+                                type: string;
+                                display: {
+                                    type: string;
+                                };
+                                properties: {
+                                    fontFamily: {
+                                        type: string;
+                                    };
+                                    fontWeight: {
+                                        type: string;
+                                    };
+                                    fontStyle: {
+                                        type: string;
+                                    };
+                                };
+                            };
+                            widthSettings: {
+                                display: {
+                                    type: string;
+                                };
+                                type: string;
+                                properties: {
+                                    width: {
+                                        type: string;
+                                    };
+                                    sizing: {
+                                        type: string;
+                                        enum: string[];
+                                    };
+                                };
+                            };
+                            fontSizeLineHeight: {
+                                type: string;
+                                display: {
+                                    type: string;
+                                };
+                                properties: {
+                                    fontSize: {
+                                        type: string;
+                                    };
+                                    lineHeight: {
+                                        type: string;
+                                    };
+                                };
+                            };
+                            letterSpacing: {
+                                display: {
+                                    type: string;
+                                };
+                                type: string;
+                            };
+                            wordSpacing: {
+                                display: {
+                                    type: string;
+                                };
+                                type: string;
+                            };
+                            textAlign: {
+                                display: {
+                                    type: string;
+                                };
+                                type: string;
+                                enum: string[];
+                            };
+                            textAppearance: {
+                                display: {
+                                    type: string;
+                                };
+                                properties: {
+                                    textTransform: {
+                                        type: string;
+                                        enum: string[];
+                                    };
+                                    textDecoration: {
+                                        type: string;
+                                        enum: string[];
+                                    };
+                                    fontVariant: {
+                                        type: string;
+                                        enum: string[];
+                                    };
+                                };
+                            };
+                            color: {
+                                display: {
+                                    type: string;
+                                };
+                                type: string;
+                            };
+                        };
+                    };
+                    description: {
+                        dataName: string;
+                        type: string;
+                        properties: {
+                            fontSettings: {
+                                type: string;
+                                display: {
+                                    type: string;
+                                };
+                                properties: {
+                                    fontFamily: {
+                                        type: string;
+                                    };
+                                    fontWeight: {
+                                        type: string;
+                                    };
+                                    fontStyle: {
+                                        type: string;
+                                    };
+                                };
+                            };
+                            widthSettings: {
+                                display: {
+                                    type: string;
+                                };
+                                type: string;
+                                properties: {
+                                    width: {
+                                        type: string;
+                                    };
+                                    sizing: {
+                                        type: string;
+                                        enum: string[];
+                                    };
+                                };
+                            };
+                            fontSizeLineHeight: {
+                                type: string;
+                                display: {
+                                    type: string;
+                                };
+                                properties: {
+                                    fontSize: {
+                                        type: string;
+                                    };
+                                    lineHeight: {
+                                        type: string;
+                                    };
+                                };
+                            };
+                            letterSpacing: {
+                                display: {
+                                    type: string;
+                                };
+                                type: string;
+                            };
+                            wordSpacing: {
+                                display: {
+                                    type: string;
+                                };
+                                type: string;
+                            };
+                            textAlign: {
+                                display: {
+                                    type: string;
+                                };
+                                type: string;
+                                enum: string[];
+                            };
+                            textAppearance: {
+                                display: {
+                                    type: string;
+                                };
+                                properties: {
+                                    textTransform: {
+                                        type: string;
+                                        enum: string[];
+                                    };
+                                    textDecoration: {
+                                        type: string;
+                                        enum: string[];
+                                    };
+                                    fontVariant: {
+                                        type: string;
+                                        enum: string[];
+                                    };
+                                };
+                            };
+                            color: {
+                                display: {
+                                    type: string;
+                                };
+                                type: string;
+                            };
+                        };
+                    };
+                };
+                default: {
+                    title: {
+                        widthSettings: {
+                            width: number;
+                            sizing: string;
+                        };
+                        fontSettings: {
+                            fontFamily: string;
+                            fontWeight: number;
+                            fontStyle: string;
+                        };
+                        fontSizeLineHeight: {
+                            fontSize: number;
+                            lineHeight: number;
+                        };
+                        letterSpacing: number;
+                        wordSpacing: number;
+                        textAlign: string;
+                        textAppearance: {
+                            textTransform: string;
+                            textDecoration: string;
+                            fontVariant: string;
+                        };
+                        color: string;
+                    };
+                    subtitle: {
+                        widthSettings: {
+                            width: number;
+                            sizing: string;
+                        };
+                        fontSettings: {
+                            fontFamily: string;
+                            fontWeight: number;
+                            fontStyle: string;
+                        };
+                        fontSizeLineHeight: {
+                            fontSize: number;
+                            lineHeight: number;
+                        };
+                        letterSpacing: number;
+                        wordSpacing: number;
+                        textAlign: string;
+                        textAppearance: {
+                            textTransform: string;
+                            textDecoration: string;
+                            fontVariant: string;
+                        };
+                        color: string;
+                    };
+                    description: {
+                        widthSettings: {
+                            width: number;
+                            sizing: string;
+                        };
+                        fontSettings: {
+                            fontFamily: string;
+                            fontWeight: number;
+                            fontStyle: string;
+                        };
+                        fontSizeLineHeight: {
+                            fontSize: number;
+                            lineHeight: number;
+                        };
+                        letterSpacing: number;
+                        wordSpacing: number;
+                        textAlign: string;
+                        textAppearance: {
+                            textTransform: string;
+                            textDecoration: string;
+                            fontVariant: string;
+                        };
+                        color: string;
+                    };
+                };
+            };
+        };
+    };
+};