@cntrl-site/components 0.1.2 → 0.1.4-0

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2025 GX Platform
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2025 GX Platform
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,3 @@
-# Control Components
-
+# Control Components
+
 This is custom components for control editor and public websites.

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

@@ -4,7 +4,7 @@ interface SliderProps {
     styles: SliderStyles;
     isEditor?: boolean;
 }
-export declare function ControlSlider({ settings, content, styles: sliderStyles, isEditor }: SliderProps): JSX.Element;
+export declare function ControlSlider({ settings, content, styles: sliderStyles, isEditor }: SliderProps): import("react/jsx-runtime").JSX.Element;
 type SliderItem = {
     image: {
         url: string;

package/dist/Components/ImageRevealSlider/ControlImageRevealSliderComponent.d.ts

@@ -7,10 +7,6 @@ export declare const ControlImageRevealSliderComponent: {
         type: "video";
         url: string;
     };
-    defaultSize: {
-        width: number;
-        height: number;
-    };
     schema: {
         type: string;
         properties: {
@@ -175,9 +171,12 @@ export declare const ControlImageRevealSliderComponent: {
                             display: {
                                 type: string;
                                 label: string;
-                                isObjectFitEditable: boolean;
-                                minWidth: number;
-                                maxWidth: number;
+                                display: {
+                                    type: string;
+                                    isObjectFitEditable: boolean;
+                                    minWidth: number;
+                                    maxWidth: number;
+                                };
                             };
                             properties: {
                                 url: {
@@ -199,8 +198,11 @@ export declare const ControlImageRevealSliderComponent: {
                                 type: string;
                                 label: string;
                                 placeholder: string;
-                                minWidth: number;
-                                maxWidth: number;
+                                display: {
+                                    type: string;
+                                    minWidth: number;
+                                    maxWidth: number;
+                                };
                             };
                         };
                     };

package/dist/Components/ImageRevealSlider/ImageRevealSlider.d.ts

@@ -34,5 +34,5 @@ type ImageRevealSliderItem = {
     };
     link: string;
 };
-export declare function ImageRevealSlider({ settings, content, isEditor }: ImageRevealSliderProps): JSX.Element;
+export declare function ImageRevealSlider({ settings, content, isEditor }: ImageRevealSliderProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/Components/Lightbox/Lightbox.d.ts

@@ -7,7 +7,7 @@ type LightboxGalleryProps = {
     activeEvent: 'close' | 'open';
     isEditor?: boolean;
 };
-export declare const LightboxGallery: ({ settings, content, styles, portalId, activeEvent, isEditor }: LightboxGalleryProps) => JSX.Element;
+export declare const LightboxGallery: ({ settings, content, styles, portalId, activeEvent, isEditor }: LightboxGalleryProps) => import("react/jsx-runtime").JSX.Element;
 type LightboxImage = {
     image: {
         url: string;

package/dist/index.js

@@ -1221,10 +1221,6 @@ const ControlImageRevealSliderComponent = {
     type: "video",
     url: "https://cdn.cntrl.site/projects/01JJKT02AWY2FGN2QJ7A173RNZ/articles-assets/01K7EQ3WSW43JG5YMC8B2HTPKT.mp4"
   },
-  defaultSize: {
-    width: 700,
-    height: 400
-  },
   schema: {
     type: "object",
     properties: {
@@ -1410,11 +1406,14 @@ const ControlImageRevealSliderComponent = {
             image: {
               type: "object",
               display: {
-                type: "media-input",
+                type: "object",
                 label: "Image",
-                isObjectFitEditable: false,
-                minWidth: 58,
-                maxWidth: 108
+                display: {
+                  type: "media-input",
+                  isObjectFitEditable: false,
+                  minWidth: 58,
+                  maxWidth: 108
+                }
               },
               properties: {
                 url: {
@@ -1431,13 +1430,16 @@ const ControlImageRevealSliderComponent = {
               required: ["url", "name"]
             },
             link: {
-              type: "string",
+              type: "object",
               display: {
-                type: "text-input",
+                type: "object",
                 label: "URL",
                 placeholder: "Enter link...",
-                minWidth: 300,
-                maxWidth: 550
+                display: {
+                  type: "text-input",
+                  minWidth: 300,
+                  maxWidth: 550
+                }
               }
             }
           },
@@ -1944,10 +1946,6 @@ const Lightbox = ({ isOpen, onClose, content, lightboxStyles, settings, portalId
         e.stopPropagation();
         return;
       }
-      const target = e.target;
-      if (target && (target.closest(`.${classes.thumbsContainer}`) || target.closest(`.${classes.thumbItem}`))) {
-        return;
-      }
       if (e.touches.length === 0 && e.changedTouches.length > 0) {
         const currentImage = content[currentIndex];
         const isCover = (currentImage == null ? void 0 : currentImage.image.objectFit) === "cover";

package/dist/index.mjs

@@ -1219,10 +1219,6 @@ const ControlImageRevealSliderComponent = {
     type: "video",
     url: "https://cdn.cntrl.site/projects/01JJKT02AWY2FGN2QJ7A173RNZ/articles-assets/01K7EQ3WSW43JG5YMC8B2HTPKT.mp4"
   },
-  defaultSize: {
-    width: 700,
-    height: 400
-  },
   schema: {
     type: "object",
     properties: {
@@ -1408,11 +1404,14 @@ const ControlImageRevealSliderComponent = {
             image: {
               type: "object",
               display: {
-                type: "media-input",
+                type: "object",
                 label: "Image",
-                isObjectFitEditable: false,
-                minWidth: 58,
-                maxWidth: 108
+                display: {
+                  type: "media-input",
+                  isObjectFitEditable: false,
+                  minWidth: 58,
+                  maxWidth: 108
+                }
               },
               properties: {
                 url: {
@@ -1429,13 +1428,16 @@ const ControlImageRevealSliderComponent = {
               required: ["url", "name"]
             },
             link: {
-              type: "string",
+              type: "object",
               display: {
-                type: "text-input",
+                type: "object",
                 label: "URL",
                 placeholder: "Enter link...",
-                minWidth: 300,
-                maxWidth: 550
+                display: {
+                  type: "text-input",
+                  minWidth: 300,
+                  maxWidth: 550
+                }
               }
             }
           },
@@ -1942,10 +1944,6 @@ const Lightbox = ({ isOpen, onClose, content, lightboxStyles, settings, portalId
         e.stopPropagation();
         return;
       }
-      const target = e.target;
-      if (target && (target.closest(`.${classes.thumbsContainer}`) || target.closest(`.${classes.thumbItem}`))) {
-        return;
-      }
       if (e.touches.length === 0 && e.changedTouches.length > 0) {
         const currentImage = content[currentIndex];
         const isCover = (currentImage == null ? void 0 : currentImage.image.objectFit) === "cover";

package/dist/types/Component.d.ts

@@ -3,9 +3,9 @@ export type Component = {
     element: (props: any) => React.ReactElement;
     id: string;
     name: string;
-    defaultSize: {
-        width: number;
-        height: number;
+    defaultSize?: {
+        width?: number;
+        height?: number;
     };
     schema: any;
     preview?: {

package/package.json

@@ -1,68 +1,68 @@
-{
-  "name": "@cntrl-site/components",
-  "version": "0.1.2",
-  "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"
-    },
-    "./style/components.css": {
-      "default": "./dist/components.css"
-    }
-  },
-  "scripts": {
-    "test": "jest",
-    "dev": "vite development",
-    "prebuild": "rimraf ./dist",
-    "build": "vite build",
-    "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": {
-    "@antfu/eslint-config": "^3.16.0",
-    "@splidejs/react-splide": "^0.7.12",
-    "classnames": "^2.5.1",
-    "ts-node": "^10.9.1"
-  },
-  "devDependencies": {
-    "@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": "0.1.4-0",
+  "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"
+    },
+    "./style/components.css": {
+      "default": "./dist/components.css"
+    }
+  },
+  "scripts": {
+    "test": "jest",
+    "dev": "vite development",
+    "prebuild": "rimraf ./dist",
+    "build": "vite build",
+    "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": {
+    "@antfu/eslint-config": "^3.16.0",
+    "@splidejs/react-splide": "^0.7.12",
+    "classnames": "^2.5.1",
+    "ts-node": "^10.9.1"
+  },
+  "devDependencies": {
+    "@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"
+  }
+}