@cntrl-site/sdk 1.24.5 → 1.25.0

package/{dist → lib}/schemas/article/RichTextItem.schema.d.ts

@@ -54,10 +54,10 @@ export declare const RichTextItemSchema: z.ZodObject<{
         height: z.ZodNumber;
         zIndex: z.ZodNumber;
         angle: z.ZodNumber;
-        anchorSide: z.ZodOptional<z.ZodNativeEnum<typeof import('../..').AnchorSide>>;
+        anchorSide: z.ZodOptional<z.ZodNativeEnum<typeof import("../..").AnchorSide>>;
         scale: z.ZodNumber;
-        positionType: z.ZodNativeEnum<typeof import('../..').PositionType>;
-        scaleAnchor: z.ZodNativeEnum<typeof import('../..').AreaAnchor>;
+        positionType: z.ZodNativeEnum<typeof import("../..").PositionType>;
+        scaleAnchor: z.ZodNativeEnum<typeof import("../..").AreaAnchor>;
     }, "strip", z.ZodTypeAny, {
         left: number;
         top: number;
@@ -66,9 +66,9 @@ export declare const RichTextItemSchema: z.ZodObject<{
         width: number;
         height: number;
         zIndex: number;
-        positionType: import('../..').PositionType;
-        scaleAnchor: import('../..').AreaAnchor;
-        anchorSide?: import('../..').AnchorSide | undefined;
+        positionType: import("../..").PositionType;
+        scaleAnchor: import("../..").AreaAnchor;
+        anchorSide?: import("../..").AnchorSide | undefined;
     }, {
         left: number;
         top: number;
@@ -77,22 +77,22 @@ export declare const RichTextItemSchema: z.ZodObject<{
         width: number;
         height: number;
         zIndex: number;
-        positionType: import('../..').PositionType;
-        scaleAnchor: import('../..').AreaAnchor;
-        anchorSide?: import('../..').AnchorSide | undefined;
+        positionType: import("../..").PositionType;
+        scaleAnchor: import("../..").AreaAnchor;
+        anchorSide?: import("../..").AnchorSide | undefined;
     }>>;
     compoundSettings: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodObject<{
-        positionAnchor: z.ZodNativeEnum<typeof import('../..').AreaAnchor>;
-        widthMode: z.ZodNativeEnum<typeof import('../..').DimensionMode>;
-        heightMode: z.ZodNativeEnum<typeof import('../..').DimensionMode>;
+        positionAnchor: z.ZodNativeEnum<typeof import("../..").AreaAnchor>;
+        widthMode: z.ZodNativeEnum<typeof import("../..").DimensionMode>;
+        heightMode: z.ZodNativeEnum<typeof import("../..").DimensionMode>;
     }, "strip", z.ZodTypeAny, {
-        positionAnchor: import('../..').AreaAnchor;
-        widthMode: import('../..').DimensionMode;
-        heightMode: import('../..').DimensionMode;
+        positionAnchor: import("../..").AreaAnchor;
+        widthMode: import("../..").DimensionMode;
+        heightMode: import("../..").DimensionMode;
     }, {
-        positionAnchor: import('../..').AreaAnchor;
-        widthMode: import('../..').DimensionMode;
-        heightMode: import('../..').DimensionMode;
+        positionAnchor: import("../..").AreaAnchor;
+        widthMode: import("../..").DimensionMode;
+        heightMode: import("../..").DimensionMode;
     }>>>;
     type: z.ZodLiteral<ArticleItemType.RichText>;
     commonParams: z.ZodObject<{
@@ -1001,9 +1001,9 @@ export declare const RichTextItemSchema: z.ZodObject<{
         width: number;
         height: number;
         zIndex: number;
-        positionType: import('../..').PositionType;
-        scaleAnchor: import('../..').AreaAnchor;
-        anchorSide?: import('../..').AnchorSide | undefined;
+        positionType: import("../..").PositionType;
+        scaleAnchor: import("../..").AreaAnchor;
+        anchorSide?: import("../..").AnchorSide | undefined;
     }>;
     layoutParams: Record<string, {
         color: string;
@@ -1174,9 +1174,9 @@ export declare const RichTextItemSchema: z.ZodObject<{
         target: string;
     } | undefined;
     compoundSettings?: Record<string, {
-        positionAnchor: import('../..').AreaAnchor;
-        widthMode: import('../..').DimensionMode;
-        heightMode: import('../..').DimensionMode;
+        positionAnchor: import("../..").AreaAnchor;
+        widthMode: import("../..").DimensionMode;
+        heightMode: import("../..").DimensionMode;
     }> | undefined;
 }, {
     hidden: Record<string, boolean>;
@@ -1190,9 +1190,9 @@ export declare const RichTextItemSchema: z.ZodObject<{
         width: number;
         height: number;
         zIndex: number;
-        positionType: import('../..').PositionType;
-        scaleAnchor: import('../..').AreaAnchor;
-        anchorSide?: import('../..').AnchorSide | undefined;
+        positionType: import("../..").PositionType;
+        scaleAnchor: import("../..").AreaAnchor;
+        anchorSide?: import("../..").AnchorSide | undefined;
     }>;
     layoutParams: Record<string, {
         color: string;
@@ -1363,8 +1363,8 @@ export declare const RichTextItemSchema: z.ZodObject<{
         target: string;
     } | undefined;
     compoundSettings?: Record<string, {
-        positionAnchor: import('../..').AreaAnchor;
-        widthMode: import('../..').DimensionMode;
-        heightMode: import('../..').DimensionMode;
+        positionAnchor: import("../..").AreaAnchor;
+        widthMode: import("../..").DimensionMode;
+        heightMode: import("../..").DimensionMode;
     }> | undefined;
 }>;

package/{dist → lib}/schemas/article/Section.schema.d.ts

@@ -58,7 +58,7 @@ export declare const SectionMediaSchema: z.ZodDiscriminatedUnion<"type", [z.ZodO
 }>]>;
 export declare const SectionSchema: z.ZodObject<{
     id: z.ZodString;
-    items: z.ZodArray<z.ZodType<import('../..').ItemAny, z.ZodTypeDef, import('../..').ItemAny>, "many">;
+    items: z.ZodArray<z.ZodType<import("../..").ItemAny, z.ZodTypeDef, import("../..").ItemAny>, "many">;
     name: z.ZodOptional<z.ZodString>;
     height: z.ZodRecord<z.ZodString, z.ZodObject<{
         mode: z.ZodNativeEnum<typeof SectionHeightMode>;
@@ -129,7 +129,7 @@ export declare const SectionSchema: z.ZodObject<{
         units: number;
         vhUnits?: number | undefined;
     }>;
-    items: import('../..').ItemAny[];
+    items: import("../..").ItemAny[];
     name?: string | undefined;
     media?: Record<string, {
         url: string;
@@ -156,7 +156,7 @@ export declare const SectionSchema: z.ZodObject<{
         units: number;
         vhUnits?: number | undefined;
     }>;
-    items: import('../..').ItemAny[];
+    items: import("../..").ItemAny[];
     name?: string | undefined;
     media?: Record<string, {
         url: string;

package/{dist → lib}/types/keyframe/Keyframe.d.ts

@@ -1,4 +1,4 @@
-import { FillLayer } from '../article/Item';
+import { FillLayer } from "../article/Item";
 export type KeyframeAny = Keyframe<KeyframeType>;
 export interface Keyframe<T extends KeyframeType> {
     id: string;

package/lib/utils.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getLayoutStyles = getLayoutStyles;
+exports.getLayoutMediaQuery = getLayoutMediaQuery;
+function getLayoutStyles(layouts, layoutValues, mapToStyles) {
+    const mediaQueries = layouts
+        .sort((a, b) => a.startsWith - b.startsWith)
+        .reduce((acc, layout) => {
+        const values = layoutValues.map(lv => lv[layout.id]);
+        return `
+        ${acc}
+        ${layout.startsWith !== 0
+            ? `@media (min-width: ${layout.startsWith}px) {${mapToStyles(values, layout.exemplary)}}`
+            : `${mapToStyles(values, layout.exemplary)}`}`;
+    }, '');
+    return mediaQueries;
+}
+function getLayoutMediaQuery(layoutId, layouts) {
+    const sorted = layouts.slice().sort((a, b) => a.startsWith - b.startsWith);
+    const layoutIndex = sorted.findIndex(l => l.id === layoutId);
+    if (layoutIndex === -1) {
+        throw new Error(`No layout was found by the given id #${layoutId}`);
+    }
+    const current = sorted[layoutIndex];
+    const next = sorted[layoutIndex + 1];
+    if (!next) {
+        return `@media (min-width: ${current.startsWith}px)`;
+    }
+    return `@media (min-width: ${current.startsWith}px) and (max-width: ${next.startsWith - 1}px)`;
+}

package/package.json

@@ -1,36 +1,20 @@
 {
   "name": "@cntrl-site/sdk",
-  "version": "1.24.5",
+  "version": "1.25.0",
   "description": "Generic SDK for use in public websites.",
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
-  "style": "dist/sdk.css",
-  "sideEffects": [
-    "**/*.css"
-  ],
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
-    },
-    "./style/sdk.css": {
-      "default": "./dist/sdk.css"
-    }
-  },
+  "main": "lib/index.js",
+  "types": "lib/index.d.ts",
   "scripts": {
     "test": "jest",
-    "dev": "vite development",
-    "prebuild": "rimraf ./dist",
-    "build": "vite build && tsc --project tsconfig.build.json",
+    "prebuild": "rimraf ./lib",
+    "build": "tsc --project tsconfig.build.json",
     "prepublishOnly": "cross-env NODE_ENV=production npm run build"
   },
   "bin": {
-    "cntrl-sdk": "dist/cli.js"
+    "cntrl-sdk": "lib/cli.js"
   },
   "files": [
-    "dist",
+    "lib",
     "resources"
   ],
   "repository": {
@@ -44,14 +28,13 @@
   },
   "homepage": "https://github.com/cntrl-site/sdk#readme",
   "directories": {
-    "lib": "dist"
+    "lib": "lib"
   },
   "dependencies": {
     "@splidejs/react-splide": "^0.7.12",
     "@types/ejs": "^3.1.2",
     "@types/isomorphic-fetch": "^0.0.36",
     "@types/ua-parser-js": "^0.7.39",
-    "classnames": "^2.5.1",
     "commander": "^10.0.1",
     "dotenv": "^16.1.3",
     "ejs": "^3.1.9",
@@ -73,12 +56,7 @@
     "@vitejs/plugin-react": "^4.3.4",
     "cross-env": "^10.1.0",
     "jest": "^28.1.3",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "sass": "^1.86.3",
     "ts-jest": "^28.0.8",
-    "typescript": "^5.2.2",
-    "vite": "^6.2.5",
-    "vite-plugin-dts": "^4.5.3"
+    "typescript": "^5.2.2"
   }
 }

package/dist/Client/Client.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/Client/__mock__/articleMock.d.ts

@@ -1,2 +0,0 @@
-import { Article } from '../../types/article/Article';
-export declare const articleMock: Article;

package/dist/Client/__mock__/keyframesMock.d.ts

@@ -1,2 +0,0 @@
-import { KeyframeAny } from '../../types/keyframe/Keyframe';
-export declare const keyframesMock: KeyframeAny[];

package/dist/Client/__mock__/projectMock.d.ts

@@ -1,2 +0,0 @@
-import { Project } from '../../types/project/Project';
-export declare const projectMock: Project;

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

@@ -1,90 +0,0 @@
-interface SliderProps {
-    settings: SliderSettings;
-    content: SliderItem[];
-    styles: SliderStyles;
-    isEditor?: boolean;
-}
-export declare function ControlSlider({ settings, content, styles: sliderStyles, isEditor }: SliderProps): JSX.Element;
-type SliderItem = {
-    image: {
-        url: string;
-        name?: string;
-        objectFit?: 'cover' | 'contain';
-    };
-    imageCaption: any[];
-};
-type Offset = {
-    x: number;
-    y: number;
-};
-type SliderControls = {
-    arrowsImgUrl: string | null;
-    isActive: boolean;
-    color: string;
-    hover: string;
-    offset: Offset;
-    scale: number;
-};
-type SliderPagination = {
-    position: 'outside-1' | 'outside-2' | 'inside-1' | 'inside-2';
-    isActive: boolean;
-    scale: number;
-    offset: Offset;
-    colors: string[];
-    hover: string;
-};
-type Alignment = 'top-left' | 'top-center' | 'top-right' | 'middle-left' | 'middle-center' | 'middle-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
-type SliderCaption = {
-    alignment: Alignment;
-    isActive: boolean;
-    color: string;
-    offset: Offset;
-    hover: string;
-};
-type Triggers = {
-    triggersList: {
-        click: boolean;
-        drag: boolean;
-    };
-    autoPlay: string | null;
-};
-type SliderSettings = {
-    controls: SliderControls;
-    pagination: SliderPagination;
-    direction: 'horiz' | 'vert';
-    transition: {
-        type: 'slide' | 'fade in';
-        duration: string;
-        backgroundColor: string | null;
-    };
-    caption: 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 = {
-    caption: CaptionStyles;
-};
-export {};