@cntrl-site/components 0.1.33 → 1.0.0

package/dist/types/Component.d.ts

@@ -1,8 +1,10 @@
 import { default as React } from 'react';
+import { ComponentSchemaV1 } from './SchemaV1';
 export type Component = {
     element: (props: any) => React.ReactElement;
     id: string;
     name: string;
+    version?: number;
     defaultSize?: {
         width?: number | string;
         height?: number | string;
@@ -12,17 +14,6 @@ export type Component = {
         type: 'image' | 'video';
         url: string;
     };
-    assetsPaths: {
-        content: Path[];
-        parameters: Path[];
-    };
-    fontSettingsPaths: {
-        content: Path[];
-        parameters: Path[];
-    };
-};
-type Path = {
-    path: string;
-    placeholderEnabled?: boolean;
+    sourceCode?: string;
 };
-export {};
+export declare function isSchemaV1(schema: any): schema is ComponentSchemaV1;

package/dist/types/SchemaV1.d.ts

@@ -0,0 +1,58 @@
+export type PropertyScope = 'common' | 'layout';
+export type SchemaDisplay = {
+    type: string;
+    [key: string]: unknown;
+};
+export type SchemaProperty = {
+    type: 'string' | 'number' | 'boolean' | 'object' | 'array' | 'fields';
+    scope?: PropertyScope;
+    title?: string;
+    icon?: string;
+    tooltip?: string;
+    display?: SchemaDisplay;
+    enum?: Array<string | number>;
+    properties?: Record<string, SchemaProperty>;
+    layout?: LayoutItem[];
+    items?: SchemaProperty;
+    default?: unknown;
+    min?: number;
+    max?: number;
+};
+export type LayoutRow = {
+    type: 'row';
+    items: LayoutItem[];
+};
+export type LayoutGroup = {
+    type: 'group';
+    title: string;
+    items: LayoutItem[];
+};
+export type LayoutSwitcher = {
+    type: 'switcher';
+    title: string;
+    options: Record<string, LayoutItem[]>;
+};
+export type LayoutItem = string | LayoutRow | LayoutGroup | LayoutSwitcher;
+export type SchemaSection = {
+    sizing?: string;
+    properties: Record<string, SchemaProperty>;
+    layout?: LayoutItem[];
+    defaults: Record<string, unknown>;
+};
+export type SchemaPanel = {
+    id: string;
+    icon: string;
+    title: string;
+    tooltip?: string;
+    layout: LayoutItem[];
+};
+export type ComponentSchemaV1 = {
+    type: 'object';
+    version: 1;
+    settings: SchemaSection;
+    panels?: SchemaPanel[];
+    content?: SchemaSection;
+    allowedPlugins?: AllowedPlugin;
+};
+type AllowedPlugin = 'newsletter';
+export {};

package/dist/useScopedStyles-b8cb4EW8.js

@@ -0,0 +1 @@
+"use strict";const s=require("react");function n(c,e=!1){return e?`calc(var(--cntrl-article-width) * ${c})`:`${c*100}vw`}function r(){const e=`cf-${s.useId().replace(/:/g,"")}`;return{prefix:e,cls:t=>`${e}-${t}`}}exports.scalingValue=n;exports.useScopedStyles=r;

package/dist/useScopedStyles-c-B_XeP_.mjs

@@ -0,0 +1,15 @@
+import { useId as t } from "react";
+function n(e, c = !1) {
+  return c ? `calc(var(--cntrl-article-width) * ${e})` : `${e * 100}vw`;
+}
+function i() {
+  const c = `cf-${t().replace(/:/g, "")}`;
+  return {
+    prefix: c,
+    cls: (r) => `${c}-${r}`
+  };
+}
+export {
+  n as s,
+  i as u
+};

package/dist/utils.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./useScopedStyles-b8cb4EW8.js");exports.scalingValue=e.scalingValue;exports.useScopedStyles=e.useScopedStyles;

package/dist/utils.mjs

@@ -0,0 +1,5 @@
+import { s as a, u as l } from "./useScopedStyles-c-B_XeP_.mjs";
+export {
+  a as scalingValue,
+  l as useScopedStyles
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cntrl-site/components",
-  "version": "0.1.33",
+  "version": "1.0.0",
   "description": "Custom components for control editor and public websites.",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -15,10 +15,22 @@
       "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",