@cntrl-site/components 1.0.12-0 → 1.0.12-2

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

@@ -712,17 +712,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,42 @@
+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;
+    layoutMode: "structured";
+    preview: {
+        type: "image";
+        url: string;
+    };
+    version: number;
+    defaultSize: {
+        d: {
+            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,105 @@
+import { CommonComponentProps } from '../props';
+import { TextStyles } from '../utils/textStylesToCss';
+type ListSettings = {
+    columns: number;
+    type: 'A' | 'B';
+    wrapperWidth: number;
+    entriesCount: number;
+    cellMinHeight: number;
+    imageOnHover: 'On' | 'Off';
+    imageSize?: {
+        min: number;
+        max: number;
+    };
+    dividerWidth: number;
+    showVisibility: boolean[];
+    cut: number;
+    showCut: number;
+    cutCellMinHeight: number;
+    cutLabel: string;
+    entryHoverEffect: 'None' | 'Default' | 'Blinds';
+    rowPaddingTop: number;
+    rowPaddingBottom: number;
+    rowPaddingTopB: number;
+    AColumnWidth: number;
+    AColumnPaddingLeft: number;
+    AColumnPaddingRight: number;
+    AColumnPaddingBottom: number;
+    BColumnWidth: number;
+    BColumnPaddingLeft: number;
+    BColumnPaddingRight: number;
+    BColumnPaddingBottom: number;
+    CColumnWidth: number;
+    CColumnPaddingLeft: number;
+    CColumnPaddingRight: number;
+    CColumnPaddingBottom: number;
+    DColumnWidth: number;
+    DColumnPaddingLeft: number;
+    DColumnPaddingRight: number;
+    DColumnPaddingBottom: number;
+    EColumnWidth: number;
+    EColumnPaddingLeft: number;
+    EColumnPaddingRight: number;
+    EColumnPaddingBottom: number;
+    columnsOrder?: string[];
+    textPaddingLR?: 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;
+};
+type ListContentItem = {
+    AColumn?: string;
+    BColumnWidth?: string;
+    CColumnWidth?: string;
+    DColumnWidth?: string;
+    EColumnWidth?: 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 const COLUMN_CONTENT_KEYS: readonly ["AColumn", "BColumnWidth", "CColumnWidth", "DColumnWidth", "EColumnWidth"];
+export declare const COLUMN_TEXT_PREFIXES: readonly ["AColumn", "BColumn", "CColumn", "DColumn", "EColumn"];
+export declare const LIST_GLOBAL_TEXT_STYLE_KEYS: readonly ["textFontFamily", "textFontSettings", "textFontSize", "textLineHeight", "textLetterSpacing", "textWordSpacing", "textTextAppearance"];
+export type ListGlobalTextStyleKey = typeof LIST_GLOBAL_TEXT_STYLE_KEYS[number];
+export declare function getListColumnTextSettingKey(prefix: typeof COLUMN_TEXT_PREFIXES[number], globalKey: ListGlobalTextStyleKey): string;
+declare const COLUMN_WIDTH_KEYS: readonly ["AColumnWidth", "BColumnWidth", "CColumnWidth", "DColumnWidth", "EColumnWidth"];
+type ColumnWidthKey = typeof COLUMN_WIDTH_KEYS[number];
+export declare function getListMinColumnWidth(designWidthPx?: number): number;
+export declare function getListEffectiveContentWidth(settings: Record<string, unknown>): number;
+export declare function getEqualListColumnWidthUpdates(columns: number, contentWidth?: number): Record<ColumnWidthKey, number>;
+export declare function resolveListColumnPadding(columnWidth: number, paddingLeft: number, paddingRight: number): {
+    paddingLeft: number;
+    paddingRight: number;
+};
+export declare function getEffectiveListColumnWidths(columns: number, wrapperWidth: number, storedWidths: Record<ColumnWidthKey, number>): number[];
+export declare function resolveListColumnWidths(columns: number, wrapperWidth: number, storedWidths: Record<ColumnWidthKey, number>): number[];
+export declare function applyListSettingsChange(nextSettings: Record<string, unknown>, prevSettings: Record<string, unknown>, options?: {
+    designWidth?: number;
+}): Record<string, unknown>;
+export declare function List({ settings, content, isEditor, isPreviewMode, activeEvent, layoutId, onUpdateSettings }: ListProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,42 @@
+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;
+    layoutMode: "structured";
+    preview: {
+        type: "image";
+        url: string;
+    };
+    version: number;
+    defaultSize: {
+        d: {
+            width: number;
+            height: number;
+        };
+    };
+    assetsPaths: {
+        content: {
+            path: string;
+            placeholderEnabled: boolean;
+        }[];
+        parameters: never[];
+    };
+    schema: GridSchema;
+    sourceCode: string;
+};
+export {};

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

@@ -585,22 +585,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;