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

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

@@ -6,6 +6,7 @@ type GridSchema = ComponentSchemaV1 & {
             type: 'array';
             settings?: {
                 addItemFromFileExplorer?: boolean;
+                addItemWithoutImage?: boolean;
             };
             items: any;
             default: any[];

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

@@ -1,6 +1,54 @@
 import { CommonComponentProps } from '../props';
 import { TextStyles } from '../utils/textStylesToCss';
-type ListSettings = {
+type ListFontSettings = {
+    fontWeight: number;
+    fontStyle: string;
+};
+type ListColumnPrefix = 'AColumn' | 'BColumn' | 'CColumn' | 'DColumn' | 'EColumn';
+type ListColumnTextStyleOverrides = {
+    AColumnVerticalAlign?: string;
+    AColumnTextFontFamily?: string;
+    AColumnTextFontSettings?: ListFontSettings;
+    AColumnTextFontSize?: number;
+    AColumnTextLineHeight?: number;
+    AColumnTextLetterSpacing?: number;
+    AColumnTextWordSpacing?: number;
+    AColumnTextTextAppearance?: TextStyles['textAppearance'];
+    BColumnVerticalAlign?: string;
+    BColumnTextFontFamily?: string;
+    BColumnTextFontSettings?: ListFontSettings;
+    BColumnTextFontSize?: number;
+    BColumnTextLineHeight?: number;
+    BColumnTextLetterSpacing?: number;
+    BColumnTextWordSpacing?: number;
+    BColumnTextTextAppearance?: TextStyles['textAppearance'];
+    CColumnVerticalAlign?: string;
+    CColumnTextFontFamily?: string;
+    CColumnTextFontSettings?: ListFontSettings;
+    CColumnTextFontSize?: number;
+    CColumnTextLineHeight?: number;
+    CColumnTextLetterSpacing?: number;
+    CColumnTextWordSpacing?: number;
+    CColumnTextTextAppearance?: TextStyles['textAppearance'];
+    DColumnVerticalAlign?: string;
+    DColumnTextFontFamily?: string;
+    DColumnTextFontSettings?: ListFontSettings;
+    DColumnTextFontSize?: number;
+    DColumnTextLineHeight?: number;
+    DColumnTextLetterSpacing?: number;
+    DColumnTextWordSpacing?: number;
+    DColumnTextTextAppearance?: TextStyles['textAppearance'];
+    EColumnVerticalAlign?: string;
+    EColumnTextFontFamily?: string;
+    EColumnTextFontSettings?: ListFontSettings;
+    EColumnTextFontSize?: number;
+    EColumnTextLineHeight?: number;
+    EColumnTextLetterSpacing?: number;
+    EColumnTextWordSpacing?: number;
+    EColumnTextTextAppearance?: TextStyles['textAppearance'];
+};
+export type ListColumnVerticalAlignKey = `${ListColumnPrefix}VerticalAlign`;
+export type ListSettings = {
     columns: number;
     type: 'A' | 'B';
     wrapperWidth: number;
@@ -45,10 +93,7 @@ type ListSettings = {
     textPaddingLR?: number;
     textColor: string;
     textFontFamily: string;
-    textFontSettings?: {
-        fontWeight: number;
-        fontStyle: string;
-    };
+    textFontSettings?: ListFontSettings;
     textFontSize?: number;
     textLineHeight?: number;
     textLetterSpacing?: number;
@@ -59,7 +104,7 @@ type ListSettings = {
     textHoverColor: string;
     backgroundHoverColor: string;
     dividerHoverColor: string;
-};
+} & ListColumnTextStyleOverrides;
 type ListContentItem = {
     AColumn?: string;
     BColumnWidth?: string;
@@ -84,13 +129,20 @@ type ListProps = {
 } & 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_COLUMN_LETTERS: readonly ["A", "B", "C", "D", "E"];
+export declare function getListColumnVerticalAlignSettingKey(columnLetter: string): string;
+export declare const COLUMN_VALIGN_BASIC_OPTIONS: readonly ["Top", "Center", "Bottom"];
+export declare function isTopColumnVerticalAlign(value: string | undefined): boolean;
+export declare function parseBaselineAnchorLetter(value: string | undefined): string | null;
+export declare function isValidColumnBaselineVAlign(value: string | undefined, forColumnLetter: string, settings: ListSettings): boolean;
+export declare function getColumnVerticalAlignOptionsForLetter(columnLetter: string, settings: ListSettings): string[];
 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 getListEffectiveContentWidth(settings: ListSettings): number;
 export declare function getEqualListColumnWidthUpdates(columns: number, contentWidth?: number): Record<ColumnWidthKey, number>;
 export declare function resolveListColumnPadding(columnWidth: number, paddingLeft: number, paddingRight: number): {
     paddingLeft: number;
@@ -98,8 +150,8 @@ export declare function resolveListColumnPadding(columnWidth: number, paddingLef
 };
 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?: {
+export declare function applyListSettingsChange(nextSettings: ListSettings, prevSettings: ListSettings, options?: {
     designWidth?: number;
-}): Record<string, unknown>;
+}): ListSettings;
 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

@@ -6,6 +6,7 @@ type GridSchema = ComponentSchemaV1 & {
             type: 'array';
             settings?: {
                 addItemFromFileExplorer?: boolean;
+                addItemWithoutImage?: boolean;
             };
             items: any;
             default: any[];

package/dist/Components/Marquee/Marquee.d.ts

@@ -0,0 +1,26 @@
+import { CommonComponentProps } from '../props';
+export declare const Marquee: ({ settings, content, isEditor, isPreviewMode }: MarqueeProps) => import("react/jsx-runtime").JSX.Element;
+export type MarqueeItem = {
+    image?: {
+        url?: string;
+        name?: string;
+    };
+    link?: string;
+};
+export type MarqueeSettings = {
+    speed: number;
+    direction: 'left' | 'right';
+    pauseOnHover: 'on' | 'off';
+    hoverEffect: 'off' | 'brightness' | 'grayscale' | 'saturate' | 'randomize';
+    gap: number;
+    imageMaxWidth: number;
+    imageMaxHeight: number;
+    imageFit: 'cover' | 'contain';
+};
+type MarqueeProps = {
+    settings: MarqueeSettings;
+    content?: MarqueeItem[];
+    isEditor?: boolean;
+    isPreviewMode?: boolean;
+} & CommonComponentProps;
+export {};

package/dist/Components/Marquee/MarqueeComponent.d.ts

@@ -0,0 +1,40 @@
+import { ComponentSchemaV1 } from '../../types/SchemaV1';
+export declare const MarqueeComponent: {
+    element: ({ settings, content, isEditor, isPreviewMode }: {
+        settings: import('./Marquee').MarqueeSettings;
+        content?: import('./Marquee').MarqueeItem[];
+        isEditor?: boolean;
+        isPreviewMode?: boolean;
+    } & import('../props').CommonComponentProps) => import("react/jsx-runtime").JSX.Element;
+    id: string;
+    name: string;
+    category: string;
+    version: number;
+    defaultSize: {
+        d: {
+            width: string;
+            height: number;
+        };
+        m: {
+            width: number;
+            height: number;
+        };
+    };
+    preview: {
+        type: "image";
+        url: string;
+    };
+    schema: ComponentSchemaV1;
+    sourceCode: string;
+    assetsPaths: {
+        content: {
+            path: string;
+            placeholderEnabled: boolean;
+        }[];
+        parameters: never[];
+    };
+    fontSettingsPaths: {
+        content: never[];
+        parameters: never[];
+    };
+};