@cntrl-site/components 0.0.2 → 0.0.3

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/ControlSlider/ControlSliderComponent.d.ts

@@ -328,6 +328,9 @@ export declare const ControlSliderComponent: {
             content: {
                 layoutBased: boolean;
                 type: string;
+                settings: {
+                    addItemFromFileExplorer: boolean;
+                };
                 items: {
                     type: string;
                     properties: {
@@ -335,6 +338,9 @@ export declare const ControlSliderComponent: {
                             type: string;
                             display: {
                                 type: string;
+                                minWidth: number;
+                                defaultWidth: number;
+                                maxWidth: number;
                             };
                             properties: {
                                 url: {
@@ -354,18 +360,9 @@ export declare const ControlSliderComponent: {
                             display: {
                                 type: string;
                                 placeholder: string;
-                            };
-                        };
-                        link: {
-                            type: string;
-                            display: {
-                                type: string;
-                                placeholder: string;
-                            };
-                            properties: {
-                                text: {
-                                    type: string;
-                                };
+                                minWidth: number;
+                                defaultWidth: number;
+                                maxWidth: number;
                             };
                         };
                     };

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

@@ -162,6 +162,9 @@ export declare const ControlImageRevealSliderComponent: {
             content: {
                 layoutBased: boolean;
                 type: string;
+                settings: {
+                    addItemFromFileExplorer: boolean;
+                };
                 items: {
                     type: string;
                     properties: {
@@ -170,6 +173,9 @@ export declare const ControlImageRevealSliderComponent: {
                             display: {
                                 type: string;
                                 isObjectFitEditable: boolean;
+                                minWidth: number;
+                                defaultWidth: number;
+                                maxWidth: number;
                             };
                             properties: {
                                 url: {
@@ -190,6 +196,9 @@ export declare const ControlImageRevealSliderComponent: {
                             display: {
                                 type: string;
                                 placeholder: string;
+                                minWidth: number;
+                                defaultWidth: 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/index.js

@@ -110,6 +110,7 @@ const RichTextRenderer = ({ content }) => {
 };
 function getLeafCss(leaf) {
   return {
+    ...leaf.fontFamily && { fontFamily: leaf.fontFamily },
     ...leaf.fontWeight && { fontWeight: leaf.fontWeight },
     ...leaf.fontStyle && { fontStyle: leaf.fontStyle },
     ...leaf.textDecoration && { textDecoration: leaf.textDecoration },
@@ -781,13 +782,19 @@ const ControlSliderComponent = {
       content: {
         layoutBased: false,
         type: "array",
+        settings: {
+          addItemFromFileExplorer: true
+        },
         items: {
           type: "object",
           properties: {
             image: {
               type: "object",
               display: {
-                type: "media-input"
+                type: "media-input",
+                minWidth: 48,
+                defaultWidth: 108,
+                maxWidth: 108
               },
               properties: {
                 url: {
@@ -806,19 +813,10 @@ const ControlSliderComponent = {
             imageCaption: {
               display: {
                 type: "rich-text",
-                placeholder: "Add Caption..."
-              }
-            },
-            link: {
-              type: "object",
-              display: {
-                type: "text-input",
-                placeholder: "Add Caption..."
-              },
-              properties: {
-                text: {
-                  type: "string"
-                }
+                placeholder: "Add Caption...",
+                minWidth: 100,
+                defaultWidth: 300,
+                maxWidth: 500
               }
             }
           },
@@ -1360,6 +1358,9 @@ const ControlImageRevealSliderComponent = {
       content: {
         layoutBased: false,
         type: "array",
+        settings: {
+          addItemFromFileExplorer: true
+        },
         items: {
           type: "object",
           properties: {
@@ -1367,7 +1368,10 @@ const ControlImageRevealSliderComponent = {
               type: "object",
               display: {
                 type: "media-input",
-                isObjectFitEditable: false
+                isObjectFitEditable: false,
+                minWidth: 48,
+                defaultWidth: 108,
+                maxWidth: 108
               },
               properties: {
                 url: {
@@ -1387,7 +1391,10 @@ const ControlImageRevealSliderComponent = {
               type: "string",
               display: {
                 type: "text-input",
-                placeholder: "Enter link..."
+                placeholder: "Enter link...",
+                minWidth: 100,
+                defaultWidth: 300,
+                maxWidth: 500
               }
             }
           },

package/dist/index.mjs

@@ -108,6 +108,7 @@ const RichTextRenderer = ({ content }) => {
 };
 function getLeafCss(leaf) {
   return {
+    ...leaf.fontFamily && { fontFamily: leaf.fontFamily },
     ...leaf.fontWeight && { fontWeight: leaf.fontWeight },
     ...leaf.fontStyle && { fontStyle: leaf.fontStyle },
     ...leaf.textDecoration && { textDecoration: leaf.textDecoration },
@@ -779,13 +780,19 @@ const ControlSliderComponent = {
       content: {
         layoutBased: false,
         type: "array",
+        settings: {
+          addItemFromFileExplorer: true
+        },
         items: {
           type: "object",
           properties: {
             image: {
               type: "object",
               display: {
-                type: "media-input"
+                type: "media-input",
+                minWidth: 48,
+                defaultWidth: 108,
+                maxWidth: 108
               },
               properties: {
                 url: {
@@ -804,19 +811,10 @@ const ControlSliderComponent = {
             imageCaption: {
               display: {
                 type: "rich-text",
-                placeholder: "Add Caption..."
-              }
-            },
-            link: {
-              type: "object",
-              display: {
-                type: "text-input",
-                placeholder: "Add Caption..."
-              },
-              properties: {
-                text: {
-                  type: "string"
-                }
+                placeholder: "Add Caption...",
+                minWidth: 100,
+                defaultWidth: 300,
+                maxWidth: 500
               }
             }
           },
@@ -1358,6 +1356,9 @@ const ControlImageRevealSliderComponent = {
       content: {
         layoutBased: false,
         type: "array",
+        settings: {
+          addItemFromFileExplorer: true
+        },
         items: {
           type: "object",
           properties: {
@@ -1365,7 +1366,10 @@ const ControlImageRevealSliderComponent = {
               type: "object",
               display: {
                 type: "media-input",
-                isObjectFitEditable: false
+                isObjectFitEditable: false,
+                minWidth: 48,
+                defaultWidth: 108,
+                maxWidth: 108
               },
               properties: {
                 url: {
@@ -1385,7 +1389,10 @@ const ControlImageRevealSliderComponent = {
               type: "string",
               display: {
                 type: "text-input",
-                placeholder: "Enter link..."
+                placeholder: "Enter link...",
+                minWidth: 100,
+                defaultWidth: 300,
+                maxWidth: 500
               }
             }
           },

package/package.json

@@ -1,68 +1,68 @@
-{
-  "name": "@cntrl-site/components",
-  "version": "0.0.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.0.3",
+  "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"
+  }
+}