@cntrl-site/components 1.0.11-alpha.5 → 1.0.11-alpha.6

package/dist/types/SchemaV1.d.ts

@@ -4,7 +4,7 @@ export type SchemaDisplay = {
     [key: string]: unknown;
 };
 export type SchemaProperty = {
-    type: 'string' | 'number' | 'boolean' | 'object' | 'array' | 'fields' | readonly ['string', 'null'] | 'grid-layout';
+    type: 'string' | 'number' | 'boolean' | 'object' | 'array' | 'fields' | readonly ['string', 'null'];
     scope?: PropertyScope;
     title?: string;
     message?: string;
@@ -15,7 +15,6 @@ export type SchemaProperty = {
     properties?: Record<string, SchemaProperty>;
     layout?: LayoutItem[];
     items?: SchemaProperty;
-    gridParams?: SchemaProperty;
     default?: unknown;
     min?: number;
     max?: number;

package/package.json

@@ -1,85 +1,85 @@
-{
-  "name": "@cntrl-site/components",
-  "version": "1.0.11-alpha.5",
-  "description": "Custom components for control editor and public websites.",
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
-  "style": "dist/components.css",
-  "sideEffects": [
-    "**/*.css"
-  ],
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
-    },
-    "./utils": {
-      "types": "./dist/Components/utils/index.d.ts",
-      "import": "./dist/utils.mjs",
-      "require": "./dist/utils.js"
-    },
-    "./style/components.css": {
-      "default": "./dist/components.css"
-    }
-  },
-  "typesVersions": {
-    "*": {
-      "utils": [
-        "./dist/Components/utils/index.d.ts"
-      ]
-    }
-  },
-  "scripts": {
-    "test": "jest",
-    "dev": "vite development",
-    "prebuild": "rimraf ./dist",
-    "build": "vite build",
-    "build:watch": "vite build --watch",
-    "prepublishOnly": "cross-env NODE_ENV=production npm run build"
-  },
-  "files": [
-    "dist",
-    "resources"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/cntrl-site/components.git"
-  },
-  "author": "arsen@momdesign.nyc",
-  "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/cntrl-site/components/issues"
-  },
-  "homepage": "https://github.com/cntrl-site/components#readme",
-  "directories": {
-    "lib": "dist"
-  },
-  "dependencies": {
-    "classnames": "^2.5.1"
-  },
-  "peerDependencies": {
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
-  },
-  "devDependencies": {
-    "@antfu/eslint-config": "^3.16.0",
-    "@splidejs/react-splide": "^0.7.12",
-    "ts-node": "^10.9.1",
-    "@tsconfig/node16": "^1.0.3",
-    "@tsconfig/recommended": "^1.0.1",
-    "@types/node": "^18.11.7",
-    "@types/react": "^18.2.0",
-    "@types/react-dom": "^18.2.0",
-    "@vitejs/plugin-react": "^4.3.4",
-    "cross-env": "^10.1.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "rimraf": "^6.0.1",
-    "sass": "^1.86.3",
-    "typescript": "^5.2.2",
-    "vite": "^6.2.5",
-    "vite-plugin-dts": "^4.5.3"
-  }
-}
+{
+  "name": "@cntrl-site/components",
+  "version": "1.0.11-alpha.6",
+  "description": "Custom components for control editor and public websites.",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "style": "dist/components.css",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./utils": {
+      "types": "./dist/Components/utils/index.d.ts",
+      "import": "./dist/utils.mjs",
+      "require": "./dist/utils.js"
+    },
+    "./style/components.css": {
+      "default": "./dist/components.css"
+    }
+  },
+  "typesVersions": {
+    "*": {
+      "utils": [
+        "./dist/Components/utils/index.d.ts"
+      ]
+    }
+  },
+  "scripts": {
+    "test": "jest",
+    "dev": "vite development",
+    "prebuild": "rimraf ./dist",
+    "build": "vite build",
+    "build:watch": "vite build --watch",
+    "prepublishOnly": "cross-env NODE_ENV=production npm run build"
+  },
+  "files": [
+    "dist",
+    "resources"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/cntrl-site/components.git"
+  },
+  "author": "arsen@momdesign.nyc",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/cntrl-site/components/issues"
+  },
+  "homepage": "https://github.com/cntrl-site/components#readme",
+  "directories": {
+    "lib": "dist"
+  },
+  "dependencies": {
+    "classnames": "^2.5.1"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "devDependencies": {
+    "@antfu/eslint-config": "^3.16.0",
+    "@splidejs/react-splide": "^0.7.12",
+    "ts-node": "^10.9.1",
+    "@tsconfig/node16": "^1.0.3",
+    "@tsconfig/recommended": "^1.0.1",
+    "@types/node": "^18.11.7",
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
+    "@vitejs/plugin-react": "^4.3.4",
+    "cross-env": "^10.1.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "rimraf": "^6.0.1",
+    "sass": "^1.86.3",
+    "typescript": "^5.2.2",
+    "vite": "^6.2.5",
+    "vite-plugin-dts": "^4.5.3"
+  }
+}

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

@@ -1,61 +0,0 @@
-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

@@ -1,39 +0,0 @@
-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/List/List.d.ts

@@ -1,75 +0,0 @@
-import { CommonComponentProps } from '../props';
-import { TextStyles } from '../utils/textStylesToCss';
-declare const COLUMN_WIDTH_KEYS: readonly ["AColumnWidth", "BColumn", "CColumn", "DColumn", "EColumn"];
-type ColumnWidthKey = typeof COLUMN_WIDTH_KEYS[number];
-export declare function getListEffectiveContentWidth(settings: Record<string, unknown>): number;
-export declare function getEqualListColumnWidthUpdates(columns: number, contentWidth?: number): Record<ColumnWidthKey, 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>): Record<string, unknown>;
-type ListContentItem = {
-    AColumn?: string;
-    BColumn?: string;
-    CColumn?: string;
-    DColumn?: string;
-    EColumn?: 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, onUpdateSettings }: 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;
-    showCut: number;
-    cutCellMinHeight: number;
-    cutLabel: string;
-    entryHoverEffect: 'None' | 'Default' | 'Blinds';
-    rowPaddingTop: number;
-    rowPaddingBottom: number;
-    wrapperPaddingLeft: number;
-    wrapperPaddingRight: number;
-    AColumnWidth: number;
-    BColumn: number;
-    CColumn: number;
-    DColumn: number;
-    EColumn: number;
-    columnsOrder?: string[];
-    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

@@ -1,39 +0,0 @@
-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/utils/getMainFontBaseOnSystem.d.ts

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

package/dist/types/TextElementStyles.d.ts

@@ -1,24 +0,0 @@
-export type TextElementStyles = {
-    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;
-};