@clyrex-digital/clyrex-controls-dev 0.8.1-dev.20260724042342 → 0.8.1-dev.20260724060217

package/dist/{InputControlClient-TE33BZ6U.mjs → InputControlClient-J2NUB5BS.mjs}

@@ -39,7 +39,7 @@ import React5 from "react";
 import { useState, useEffect } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var Select = (props) => {
-  const [list, setList] = useState([]);
+  const [list, setList] = useState();
   const getSafeValue = (val) => {
     if (val === null || val === void 0) return "";
     if (typeof val === "boolean") return val ? "1" : "0";
@@ -68,6 +68,14 @@ var Select = (props) => {
       groupKey: props.groupKey
     });
   };
+  const inputChangeHandler = (event) => {
+    props.callback?.({
+      name: props.name,
+      value: event.target.value,
+      index: props.index,
+      groupKey: props.groupKey
+    });
+  };
   useEffect(() => {
     async function fetchData() {
       if (props.dataset) {
@@ -77,7 +85,11 @@ var Select = (props) => {
       if (props.dataSource && props.serviceClient) {
         let dataSource = props.dataSource;
         let response;
-        if (props.dataSourceDependsOn && props.dependentValue) {
+        if (props.dataSourceDependsOn) {
+          if (!props.dependentValue) {
+            setList([]);
+            return;
+          }
           dataSource = dataSource.replace(
             `{${props.dataSourceDependsOn}}`,
             props.dependentValue
@@ -85,7 +97,9 @@ var Select = (props) => {
         }
         response = await props.serviceClient.get(dataSource);
         setList(response.result ?? []);
+        return;
       }
+      setList([]);
     }
     fetchData();
   }, [
@@ -99,7 +113,24 @@ var Select = (props) => {
     props.attributes?.label && /* @__PURE__ */ jsx("span", { className: "text-sm font-medium inline-block pb-1", children: props.attributes?.label }),
     " ",
     props.attributes?.label && props.attributes?.required && /* @__PURE__ */ jsx("span", { className: "bg-error-weak", children: "*" }),
-    /* @__PURE__ */ jsxs(
+    list && list.length === 0 && /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "text",
+        name: props.name,
+        id: props.name,
+        value,
+        onChange: inputChangeHandler,
+        required: props.attributes?.required,
+        placeholder: props.attributes?.placeholder,
+        maxLength: props.attributes?.maxLength,
+        pattern: props.attributes?.pattern,
+        disabled: props.attributes?.readOnly,
+        minLength: props.attributes?.minLength,
+        className: `peer input select mt-1 py-1.5 block w-full rounded shadow-sm ${props.inputClasses ?? ""}`
+      }
+    ),
+    list && list.length > 0 && /* @__PURE__ */ jsxs(
       "select",
       {
         name: props.name,
@@ -108,7 +139,9 @@ var Select = (props) => {
         onChange: textChangeHandler,
         required: props.attributes?.required,
         disabled: props.attributes?.readOnly,
-        className: "peer select py-1.5 block w-full text-black rounded border-gray-300 shadow-sm\n                   focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n                   disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none",
+        className: `peer select py-1.5 block w-full text-black rounded border-gray-300 shadow-sm
+                     focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50
+                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none ${props.inputClasses ?? ""}`,
         children: [
           /* @__PURE__ */ jsx("option", { value: "", children: props.attributes?.placeholder || "Select" }),
           list.map((item, index) => {

package/dist/index.js

@@ -1032,7 +1032,7 @@ var init_Select = __esm({
     import_react19 = require("react");
     import_jsx_runtime22 = require("react/jsx-runtime");
     Select = (props) => {
-      const [list, setList] = (0, import_react19.useState)([]);
+      const [list, setList] = (0, import_react19.useState)();
       const getSafeValue = (val) => {
         if (val === null || val === void 0) return "";
         if (typeof val === "boolean") return val ? "1" : "0";
@@ -1061,6 +1061,14 @@ var init_Select = __esm({
           groupKey: props.groupKey
         });
       };
+      const inputChangeHandler = (event) => {
+        props.callback?.({
+          name: props.name,
+          value: event.target.value,
+          index: props.index,
+          groupKey: props.groupKey
+        });
+      };
       (0, import_react19.useEffect)(() => {
         async function fetchData() {
           if (props.dataset) {
@@ -1070,7 +1078,11 @@ var init_Select = __esm({
           if (props.dataSource && props.serviceClient) {
             let dataSource = props.dataSource;
             let response;
-            if (props.dataSourceDependsOn && props.dependentValue) {
+            if (props.dataSourceDependsOn) {
+              if (!props.dependentValue) {
+                setList([]);
+                return;
+              }
               dataSource = dataSource.replace(
                 `{${props.dataSourceDependsOn}}`,
                 props.dependentValue
@@ -1078,7 +1090,9 @@ var init_Select = __esm({
             }
             response = await props.serviceClient.get(dataSource);
             setList(response.result ?? []);
+            return;
           }
+          setList([]);
         }
         fetchData();
       }, [
@@ -1092,7 +1106,24 @@ var init_Select = __esm({
         props.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "text-sm font-medium inline-block pb-1", children: props.attributes?.label }),
         " ",
         props.attributes?.label && props.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "bg-error-weak", children: "*" }),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+        list && list.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          "input",
+          {
+            type: "text",
+            name: props.name,
+            id: props.name,
+            value,
+            onChange: inputChangeHandler,
+            required: props.attributes?.required,
+            placeholder: props.attributes?.placeholder,
+            maxLength: props.attributes?.maxLength,
+            pattern: props.attributes?.pattern,
+            disabled: props.attributes?.readOnly,
+            minLength: props.attributes?.minLength,
+            className: `peer input select mt-1 py-1.5 block w-full rounded shadow-sm ${props.inputClasses ?? ""}`
+          }
+        ),
+        list && list.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
           "select",
           {
             name: props.name,
@@ -1101,7 +1132,9 @@ var init_Select = __esm({
             onChange: textChangeHandler,
             required: props.attributes?.required,
             disabled: props.attributes?.readOnly,
-            className: "peer select py-1.5 block w-full text-black rounded border-gray-300 shadow-sm\n                   focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n                   disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none",
+            className: `peer select py-1.5 block w-full text-black rounded border-gray-300 shadow-sm
+                     focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50
+                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none ${props.inputClasses ?? ""}`,
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("option", { value: "", children: props.attributes?.placeholder || "Select" }),
               list.map((item, index) => {

package/dist/index.mjs

@@ -412,7 +412,7 @@ var ViewControl_default = ViewControl;
 
 // src/components/controls/edit/InputControl.tsx
 import dynamic4 from "next/dynamic";
-var InputControl = dynamic4(() => import("./InputControlClient-TE33BZ6U.mjs"), {
+var InputControl = dynamic4(() => import("./InputControlClient-J2NUB5BS.mjs"), {
   ssr: false
 });
 var InputControl_default = InputControl;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clyrex-digital/clyrex-controls-dev",
-  "version": "0.8.1-dev.20260724042342",
+  "version": "0.8.1-dev.20260724060217",
   "description": "Reusable React components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",