gbs-add-block 0.0.52 → 0.0.53-beta

package/index.js

@@ -25,6 +25,10 @@ const CONFIG = {
     "MaterialInput",
     "ContextMenu",
   ],
+  // Define component dependencies
+  dependencies: {
+    FormRenderer: ["Select", "MultiSelect", "Input", "DatePicker"],
+  },
   frameworks: {
     next: {
       name: "Next.js",
@@ -55,6 +59,11 @@ const copyCommonFiles = async (destPath) => {
   }
 };
 
+const checkComponentExists = (component, destPath) => {
+  const componentPath = path.join(destPath, component.toLowerCase());
+  return fs.existsSync(componentPath);
+};
+
 const copyComponent = async (component, destPath) => {
   try {
     const componentSrc = path.join(SOURCE_PATH, component.toLowerCase());
@@ -66,13 +75,44 @@ const copyComponent = async (component, destPath) => {
 
     await fs.copy(componentSrc, componentDest, { overwrite: true });
     console.log(`✓ Component ${component} installed successfully`);
-    console.log(`\nFor documentation visit: ${CONFIG.docs}`);
   } catch (error) {
     console.error(`Error installing component ${component}:`, error.message);
     process.exit(1);
   }
 };
 
+const installComponentWithDependencies = async (component, destPath) => {
+  // Get dependencies for the component
+  const dependencies = CONFIG.dependencies[component] || [];
+  const componentsToInstall = new Set([component, ...dependencies]);
+
+  // Check which components need to be installed
+  const pendingInstalls = Array.from(componentsToInstall).filter(
+    (comp) => !checkComponentExists(comp, destPath)
+  );
+
+  if (pendingInstalls.length === 0) {
+    console.log(
+      `✓ ${component} and all its dependencies are already installed.`
+    );
+    return;
+  }
+
+  // Install all pending components
+  for (const comp of pendingInstalls) {
+    await copyComponent(comp, destPath);
+  }
+
+  if (dependencies.length > 0) {
+    console.log(`\nInstalled dependencies for ${component}:`);
+    dependencies.forEach((dep) => {
+      console.log(`- ${dep}`);
+    });
+  }
+
+  console.log(`\nFor documentation visit: ${CONFIG.docs}`);
+};
+
 const detectFramework = () => {
   // Check for Next.js
   if (fs.existsSync(path.join(process.cwd(), "next.config.js"))) {
@@ -110,7 +150,12 @@ const main = async () => {
   // List components if requested
   if (argv.list) {
     console.log("\nAvailable components:");
-    CONFIG.components.forEach((comp) => console.log(`- ${comp}`));
+    CONFIG.components.forEach((comp) => {
+      const deps = CONFIG.dependencies[comp]
+        ? ` (requires: ${CONFIG.dependencies[comp].join(", ")})`
+        : "";
+      console.log(`- ${comp}${deps}`);
+    });
     return;
   }
 
@@ -157,8 +202,8 @@ const main = async () => {
     await copyCommonFiles(destPath);
   }
 
-  // Copy the requested component
-  await copyComponent(component, destPath);
+  // Install component and its dependencies
+  await installComponentWithDependencies(component, destPath);
 };
 
 main().catch((error) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gbs-add-block",
-  "version": "0.0.52",
+  "version": "0.0.53-beta",
   "description": "React Component Library",
   "files": [
     "index.js",

package/source/components/formrenderer/componentHandles/DatePickerHandles.tsx

@@ -86,6 +86,7 @@ export default function DatePickerHandles({
             : undefined
         }
         selectedDateValue={item?.value ? new Date(item.value) : undefined}
+        disabled={isDisabled}
       />
     </div>
   );