@cntrl-site/components 1.0.9 → 1.0.11-alpha.1

package/dist/Components/ControlSlider/ControlSlider.d.ts

@@ -1,4 +1,5 @@
 import { CommonComponentProps } from '../props';
+import { TextElementStyles } from '../../types/TextElementStyles';
 type SliderProps = {
     settings: SliderSettings;
     content: SliderItem[];
@@ -63,31 +64,7 @@ type SliderSettings = {
     imageCaption: SliderCaption;
     triggers: Triggers;
 };
-type CaptionStyles = {
-    fontSettings: {
-        fontFamily: string;
-        fontWeight: number;
-        fontStyle: string;
-    };
-    widthSettings: {
-        width: number;
-        sizing: 'auto' | 'manual';
-    };
-    letterSpacing: number;
-    textAlign: 'left' | 'center' | 'right';
-    wordSpacing: number;
-    fontSizeLineHeight: {
-        fontSize: number;
-        lineHeight: number;
-    };
-    textAppearance: {
-        textTransform: 'none' | 'uppercase' | 'lowercase';
-        textDecoration: 'none' | 'underline';
-        fontVariant: 'normal' | 'small-caps';
-    };
-    color: string;
-};
 type SliderStyles = {
-    imageCaption: CaptionStyles;
+    imageCaption: TextElementStyles;
 };
 export {};

package/dist/Components/Form/FormComponent.d.ts

@@ -702,17 +702,11 @@ export declare const FormComponent: {
                 } | {
                     type: "group";
                     title: string;
-                    items: ({
+                    items: {
                         type: "row";
+                        title: string;
                         items: string[];
-                    } | {
-                        type: "row";
-                        items: {
-                            type: "group";
-                            title: string;
-                            items: string[];
-                        }[];
-                    })[];
+                    }[];
                 })[];
             })[];
         } | {

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

@@ -0,0 +1,61 @@
+import { CommonComponentProps } from '../props';
+import { TextStyles } from '../utils/textStylesToCss';
+type GridProps = {
+    layoutId?: string;
+    settings: GridSettings;
+    content?: any;
+    isEditor?: boolean;
+    isPreviewMode?: boolean;
+    activeEvent: string | undefined;
+    onUpdateSettings?: (settings: GridSettings) => void;
+} & CommonComponentProps;
+export declare function Grid({ settings, content, isEditor, isPreviewMode, metadata, activeEvent, layoutId }: GridProps): import("react/jsx-runtime").JSX.Element;
+type GridLayoutConfig = {
+    entryWidth: number;
+    horizontalGap: number;
+    wrapperWidth: number;
+    columnsCount: number;
+    lockedParam?: 'wrapperWidth' | 'entryWidth' | 'horizontalGap' | null;
+};
+type GridSettings = {
+    type: 'A' | 'B';
+    gridLayout: GridLayoutConfig;
+    textBoxWidth: number;
+    verticalGap: number;
+    entriesCount: number;
+    lightbox: 'On' | 'Off';
+    imageDisplay: {
+        display: 'Fit' | 'Cover';
+        ratioValue: '1:1' | '2:3' | '3:4' | '4:5' | '16:9';
+        reversed: boolean;
+    };
+    slider: 'On' | 'Off';
+    sliderTiming: number;
+    direction: 'Horizontal' | 'Vertical' | 'Random';
+    transition: 'Fade' | 'Slide';
+    titleMarginTop: number;
+    subtitleMarginTop: number;
+    titleColor: string;
+    subtitleColor: string;
+    titleFontFamily: string;
+    titleFontSettings?: {
+        fontWeight: number;
+        fontStyle: string;
+    };
+    titleFontSize?: number;
+    titleLineHeight?: number;
+    titleLetterSpacing?: number;
+    titleWordSpacing?: number;
+    titleTextAppearance?: TextStyles['textAppearance'];
+    subtitleFontFamily: string;
+    subtitleFontSettings?: {
+        fontWeight: number;
+        fontStyle: string;
+    };
+    subtitleFontSize?: number;
+    subtitleLineHeight?: number;
+    subtitleLetterSpacing?: number;
+    subtitleWordSpacing?: number;
+    subtitleTextAppearance?: TextStyles['textAppearance'];
+};
+export {};

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

@@ -0,0 +1,39 @@
+import { Grid } from './Grid';
+import { ComponentSchemaV1 } from '../../types/SchemaV1';
+type GridSchema = ComponentSchemaV1 & {
+    properties: {
+        content: {
+            type: 'array';
+            settings?: {
+                addItemFromFileExplorer?: boolean;
+            };
+            items: any;
+            default: any[];
+        };
+    };
+};
+export declare const GridComponent: {
+    element: typeof Grid;
+    id: string;
+    name: string;
+    category: string;
+    preview: {
+        type: "image";
+        url: string;
+    };
+    version: number;
+    defaultSize: {
+        width: number;
+        height: number;
+    };
+    assetsPaths: {
+        content: {
+            path: string;
+            placeholderEnabled: boolean;
+        }[];
+        parameters: never[];
+    };
+    schema: GridSchema;
+    sourceCode: string;
+};
+export {};

package/dist/Components/Lightbox/Lightbox.d.ts

@@ -1,4 +1,5 @@
 import { Alignment, Offset } from '../utils/getPositionStyles';
+import { TextElementStyles } from '../../types/TextElementStyles';
 type LightboxGalleryProps = {
     settings: LightboxSettings;
     content: LightboxImage[];
@@ -98,30 +99,6 @@ type LightboxSettings = {
     };
 };
 type LightboxStyles = {
-    imageCaption: CaptionStyles;
-};
-type CaptionStyles = {
-    fontSettings: {
-        fontFamily: string;
-        fontWeight: number;
-        fontStyle: string;
-    };
-    widthSettings: {
-        width: number;
-        sizing: 'auto' | 'manual';
-    };
-    letterSpacing: number;
-    textAlign: 'left' | 'center' | 'right';
-    wordSpacing: number;
-    fontSizeLineHeight: {
-        fontSize: number;
-        lineHeight: number;
-    };
-    textAppearance: {
-        textTransform: 'none' | 'uppercase' | 'lowercase';
-        textDecoration: 'none' | 'underline';
-        fontVariant: 'normal' | 'small-caps';
-    };
-    color: string;
+    imageCaption: TextElementStyles;
 };
 export {};

package/dist/Components/List/List.d.ts

@@ -0,0 +1,61 @@
+import { CommonComponentProps } from '../props';
+import { TextStyles } from '../utils/textStylesToCss';
+type ListContentItem = {
+    firstColumn?: string;
+    secondColumn?: string;
+    thirdColumn?: string;
+    fourthColumn?: string;
+    fifthColumn?: string;
+    image?: {
+        objectFit?: 'cover' | 'contain';
+        url: string;
+        name: string;
+    };
+    link?: string;
+};
+type ListProps = {
+    layoutId?: string;
+    settings: ListSettings;
+    content?: ListContentItem[];
+    isEditor?: boolean;
+    isPreviewMode?: boolean;
+    activeEvent: string | undefined;
+    onUpdateSettings?: (settings: ListSettings) => void;
+} & CommonComponentProps;
+export declare function List({ settings, content, isEditor, isPreviewMode, metadata, activeEvent, layoutId }: ListProps): import("react/jsx-runtime").JSX.Element;
+type ListSettings = {
+    columns: number;
+    wrapperWidth: number;
+    entriesCount: number;
+    cellMinHeight: number;
+    imageOnHover: 'On' | 'Off';
+    imageSize?: {
+        min: number;
+        max: number;
+    };
+    dividerWidth: number;
+    cut: number;
+    entryHoverEffect: 'None' | 'Default' | 'Blinds';
+    firstColumnWidth: number;
+    secondColumnWidth: number;
+    thirdColumnWidth: number;
+    fourthColumnWidth: number;
+    fifthColumnWidth: number;
+    textColor: string;
+    textFontFamily: string;
+    textFontSettings?: {
+        fontWeight: number;
+        fontStyle: string;
+    };
+    textFontSize?: number;
+    textLineHeight?: number;
+    textLetterSpacing?: number;
+    textWordSpacing?: number;
+    textTextAppearance?: TextStyles['textAppearance'];
+    backgroundColor: string;
+    dividerColor: string;
+    textHoverColor: string;
+    backgroundHoverColor: string;
+    dividerHoverColor: string;
+};
+export {};

package/dist/Components/List/ListComponent.d.ts

@@ -0,0 +1,39 @@
+import { List } from './List';
+import { ComponentSchemaV1 } from '../../types/SchemaV1';
+type GridSchema = ComponentSchemaV1 & {
+    properties: {
+        content: {
+            type: 'array';
+            settings?: {
+                addItemFromFileExplorer?: boolean;
+            };
+            items: any;
+            default: any[];
+        };
+    };
+};
+export declare const ListComponent: {
+    element: typeof List;
+    id: string;
+    name: string;
+    category: string;
+    preview: {
+        type: "image";
+        url: string;
+    };
+    version: number;
+    defaultSize: {
+        width: number;
+        height: number;
+    };
+    assetsPaths: {
+        content: {
+            path: string;
+            placeholderEnabled: boolean;
+        }[];
+        parameters: never[];
+    };
+    schema: GridSchema;
+    sourceCode: string;
+};
+export {};

package/dist/Components/OnelinerForm/OnelinerFormComponent.d.ts

@@ -575,22 +575,11 @@ export declare const OnelinerFormComponent: {
             layout: (string | {
                 type: "row";
                 items: string[];
+                title?: undefined;
             } | {
                 type: "row";
-                items: ({
-                    type: "group";
-                    title: string;
-                    items: string[];
-                    options?: undefined;
-                } | {
-                    type: "switcher";
-                    title: string;
-                    options: {
-                        Input: string[];
-                        Button: string[];
-                    };
-                    items?: undefined;
-                })[];
+                title: string;
+                items: string[];
             })[];
         } | {
             id: string;

package/dist/Components/utils/getMainFontBaseOnSystem.d.ts

@@ -0,0 +1 @@
+export declare function getFontBasedOnSystem(): string;