@datatechsolutions/ui 2.11.44 → 2.11.46

package/dist/{chunk-36EAW7JS.js → chunk-3B5V4VUC.js}

@@ -1218,7 +1218,8 @@ function DatasourceNodeConfigForm({
   onCancel,
   datasources,
   onLoadTables,
-  onLoadSchema
+  onLoadSchema,
+  readOnly = false
 }) {
   const t = chunkYXN2K77G_js.useTranslations("agents.workflow.datasourceNodeConfig");
   const [activeSectionId, setActiveSectionId] = react.useState("connection");
@@ -1340,9 +1341,12 @@ function DatasourceNodeConfigForm({
               {
                 type: "button",
                 onClick: () => {
-                  handleDatasourceChange(datasource.id);
-                  setActiveSectionId("table");
+                  if (!readOnly) {
+                    handleDatasourceChange(datasource.id);
+                    setActiveSectionId("table");
+                  }
                 },
+                disabled: readOnly && datasource.id !== selectedDatasourceId,
                 className: `flex items-center gap-3 rounded-xl border px-3 py-2.5 text-left transition-all ${isSelected ? "border-cyan-500/50 bg-cyan-500/5 ring-1 ring-cyan-500/20 dark:border-cyan-400/40 dark:bg-cyan-400/5" : "border-gray-200 bg-white hover:border-gray-300 hover:shadow-sm dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-white/20"}`,
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-9 w-9 shrink-0 items-center justify-center", children: logo2 ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: logo2, alt: datasource.dialect, className: "h-7 w-7" }) : /* @__PURE__ */ jsxRuntime.jsx(outline.ServerStackIcon, { className: "h-6 w-6 text-gray-400" }) }),
@@ -1384,8 +1388,10 @@ function DatasourceNodeConfigForm({
                   {
                     type: "button",
                     onClick: () => {
-                      handleTableChange(table);
-                      setActiveSectionId("columns");
+                      if (!readOnly) {
+                        handleTableChange(table);
+                        setActiveSectionId("columns");
+                      }
                     },
                     className: `flex w-full items-center gap-2 rounded-lg px-3 py-2 text-left text-xs transition-colors ${isSelected ? "bg-cyan-500/10 font-semibold text-cyan-700 dark:text-cyan-300" : "text-gray-700 hover:bg-gray-100/60 dark:text-gray-300 dark:hover:bg-white/5"}`,
                     children: [
@@ -1409,7 +1415,7 @@ function DatasourceNodeConfigForm({
               availableColumns.length,
               " selected"
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(
+            !readOnly && /* @__PURE__ */ jsxRuntime.jsx(
               "button",
               {
                 type: "button",
@@ -1443,7 +1449,9 @@ function DatasourceNodeConfigForm({
                   "button",
                   {
                     type: "button",
-                    onClick: () => handleToggleColumn(column.name),
+                    onClick: () => {
+                      if (!readOnly) handleToggleColumn(column.name);
+                    },
                     className: `flex w-full items-center gap-2 rounded-lg px-3 py-1.5 text-left transition-colors ${isSelected ? "bg-cyan-500/8 dark:bg-cyan-400/5" : "hover:bg-gray-100/60 dark:hover:bg-white/5"}`,
                     children: [
                       /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex h-4 w-4 shrink-0 items-center justify-center rounded border transition-colors ${isSelected ? "border-cyan-500 bg-cyan-500 dark:border-cyan-400 dark:bg-cyan-400" : "border-gray-300 dark:border-gray-600"}`, children: isSelected && /* @__PURE__ */ jsxRuntime.jsx(outline.CheckIcon, { className: "h-2.5 w-2.5 text-white" }) }),
@@ -1464,7 +1472,7 @@ function DatasourceNodeConfigForm({
         return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
             /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: t("filtersHelp") }),
-            /* @__PURE__ */ jsxRuntime.jsxs(
+            !readOnly && /* @__PURE__ */ jsxRuntime.jsxs(
               "button",
               {
                 type: "button",
@@ -1498,7 +1506,8 @@ function DatasourceNodeConfigForm({
               {
                 value: columnName,
                 onChange: (event) => handleUpdateFilterField(variableName, event.target.value),
-                className: "flex-1 rounded bg-transparent text-xs text-gray-900 outline-none dark:text-white",
+                disabled: readOnly,
+                className: "flex-1 rounded bg-transparent text-xs text-gray-900 outline-none disabled:opacity-60 dark:text-white",
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: t("columnName") }),
                   availableColumns.map((column) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: column.name, children: column.name }, column.name))
@@ -1513,10 +1522,11 @@ function DatasourceNodeConfigForm({
                 value: variableName,
                 onChange: (event) => handleUpdateFilterVariable(variableName, event.target.value),
                 placeholder: t("variableReference"),
+                readOnly,
                 className: "flex-1 bg-transparent text-xs text-gray-900 outline-none placeholder:text-gray-400 dark:text-white dark:placeholder:text-gray-500"
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx(
+            !readOnly && /* @__PURE__ */ jsxRuntime.jsx(
               "button",
               {
                 type: "button",
@@ -1541,6 +1551,7 @@ function DatasourceNodeConfigForm({
                   value: outputVariable,
                   onChange: (event) => setOutputVariable(event.target.value),
                   placeholder: "datasourceResult",
+                  readOnly,
                   className: "flex-1 bg-transparent text-sm text-gray-900 outline-none placeholder:text-gray-400 dark:text-white dark:placeholder:text-gray-500"
                 }
               )
@@ -1557,6 +1568,7 @@ function DatasourceNodeConfigForm({
                 onChange: (event) => setLimit(Math.max(1, Number.parseInt(event.target.value, 10) || 1)),
                 min: 1,
                 max: 1e4,
+                readOnly,
                 className: "w-32 rounded-xl border border-gray-200 bg-white px-3 py-2.5 text-sm text-gray-900 outline-none focus:border-cyan-400 dark:border-white/10 dark:bg-white/[0.03] dark:text-white"
               }
             )
@@ -1622,10 +1634,10 @@ function DatasourceNodeConfigForm({
         activeSectionId,
         onSectionChange: setActiveSectionId
       },
-      footer: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-2 px-6 py-3", children: [
+      footer: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end gap-2 px-6 py-3", children: readOnly ? /* @__PURE__ */ jsxRuntime.jsx(chunkKEUOCEOO_js.Button, { outline: true, onClick: onCancel, children: "Close" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(chunkKEUOCEOO_js.Button, { outline: true, onClick: onCancel, children: t("cancel") }),
         /* @__PURE__ */ jsxRuntime.jsx(chunkKEUOCEOO_js.Button, { color: "cyan", onClick: handleSave, disabled: !canSave, children: t("save") })
-      ] }),
+      ] }) }),
       children: renderSection()
     }
   );
@@ -3433,7 +3445,7 @@ var DatasourceFlowNode = react.memo(function DatasourceFlowNode2({ id, data, sel
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(NodeRunningIndicator, { nodeId: id }),
     /* @__PURE__ */ jsxRuntime.jsx(WorkflowHandle, { type: "target", position: react$1.Position.Left, id: "left-in", colorClass: "!bg-cyan-400" }),
-    readOnly || !onEdit ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full", children: content }) : /* @__PURE__ */ jsxRuntime.jsx(
+    !onEdit ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full", children: content }) : /* @__PURE__ */ jsxRuntime.jsx(
       "button",
       {
         type: "button",
@@ -7670,6 +7682,7 @@ function WorkflowCanvasInner({
         open: true,
         nodeId: editingLogicNode.nodeId,
         config: editingLogicNode.config,
+        readOnly: Boolean(nodes.find((n) => n.id === editingLogicNode.nodeId)?.data?.readOnly),
         onSave: (updatedConfig) => {
           handleSaveLogicNodeConfig(editingLogicNode.nodeId, updatedConfig);
           setEditingLogicNodeId(null);
@@ -7880,5 +7893,5 @@ exports.useModalStore = useModalStore;
 exports.useWorkflowBuilderClient = useWorkflowBuilderClient;
 exports.useWorkflowBuilderClientOptional = useWorkflowBuilderClientOptional;
 exports.useWorkflowStore = useWorkflowStore;
-//# sourceMappingURL=chunk-36EAW7JS.js.map
-//# sourceMappingURL=chunk-36EAW7JS.js.map
+//# sourceMappingURL=chunk-3B5V4VUC.js.map
+//# sourceMappingURL=chunk-3B5V4VUC.js.map