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

package/dist/{InputControlClient-TE33BZ6U.mjs → InputControlClient-7JD36O2O.mjs}

@@ -20,12 +20,12 @@ import {
   SelectWithSearchInput_default,
   Switcher_default,
   TimeInput_default
-} from "./chunk-HAGCF2RO.mjs";
+} from "./chunk-6F7QBX3H.mjs";
 import {
   Hyperlink,
   Icon_default,
   InputControlType_default
-} from "./chunk-BAGK3UOE.mjs";
+} from "./chunk-GFVCUX6O.mjs";
 import {
   Button_default,
   ClientButton_default
@@ -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/{Pagination-BETIPTVF.mjs → Pagination-Y7PNQUJ2.mjs}

@@ -3,12 +3,12 @@
 "use client";
 import {
   OdataBuilder
-} from "./chunk-TMVO22U3.mjs";
+} from "./chunk-6MHIZOLR.mjs";
 import {
   Constants,
   Hyperlink,
   Icon_default
-} from "./chunk-BAGK3UOE.mjs";
+} from "./chunk-GFVCUX6O.mjs";
 import "./chunk-IMNQO57B.mjs";
 
 // src/components/Pagination.tsx

package/dist/{chunk-HAGCF2RO.mjs → chunk-6F7QBX3H.mjs}

@@ -2,7 +2,7 @@
 
 import {
   Icon_default
-} from "./chunk-BAGK3UOE.mjs";
+} from "./chunk-GFVCUX6O.mjs";
 
 // src/components/controls/edit/MultilineTextInput.tsx
 import React from "react";

package/dist/{chunk-TMVO22U3.mjs → chunk-6MHIZOLR.mjs}

@@ -2,7 +2,7 @@
 
 import {
   Constants
-} from "./chunk-BAGK3UOE.mjs";
+} from "./chunk-GFVCUX6O.mjs";
 
 // src/clients/OdataBuilder.tsx
 var OdataBuilder = class {

package/dist/{chunk-BAGK3UOE.mjs → chunk-GFVCUX6O.mjs}

@@ -9,19 +9,19 @@ var Constants = {
   pagesize: 10
 };
 var InputControlType = {
-  lineTextInput: "text",
-  multilineTextInput: "multilinetext",
-  emailInput: "email",
+  lineTextInput: "lineTextInput",
+  multilineTextInput: "multilineTextInput",
+  emailInput: "emailInput",
   moneyInput: "money",
   select: "select",
   percentageInput: "percentage",
   asset: "asset",
   assetUpload: "assetUpload",
   phoneInput: "phone",
-  numberInput: "number",
-  checkboxInput: "boolean",
+  numberInput: "numberInput",
+  checkboxInput: "checkboxInput",
   otpInput: "otp",
-  datetimeInput: "datetime",
+  datetimeInput: "datetimeInput",
   timeInput: "time",
   colorInput: "colorInput",
   selectWithSearchInput: "selectWithSearchInput",

package/dist/index.js

@@ -996,19 +996,19 @@ var init_InputControlType = __esm({
       pagesize: 10
     };
     InputControlType = {
-      lineTextInput: "text",
-      multilineTextInput: "multilinetext",
-      emailInput: "email",
+      lineTextInput: "lineTextInput",
+      multilineTextInput: "multilineTextInput",
+      emailInput: "emailInput",
       moneyInput: "money",
       select: "select",
       percentageInput: "percentage",
       asset: "asset",
       assetUpload: "assetUpload",
       phoneInput: "phone",
-      numberInput: "number",
-      checkboxInput: "boolean",
+      numberInput: "numberInput",
+      checkboxInput: "checkboxInput",
       otpInput: "otp",
-      datetimeInput: "datetime",
+      datetimeInput: "datetimeInput",
       timeInput: "time",
       colorInput: "colorInput",
       selectWithSearchInput: "selectWithSearchInput",
@@ -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

@@ -2,7 +2,7 @@
 
 import {
   OdataBuilder
-} from "./chunk-TMVO22U3.mjs";
+} from "./chunk-6MHIZOLR.mjs";
 import {
   AssetUtility_default,
   BooleanSelect_default,
@@ -22,13 +22,13 @@ import {
   SelectWithSearchInput_default,
   Switcher_default,
   TimeInput_default
-} from "./chunk-HAGCF2RO.mjs";
+} from "./chunk-6F7QBX3H.mjs";
 import {
   Constants,
   Hyperlink,
   Icon_default,
   InputControlType_default
-} from "./chunk-BAGK3UOE.mjs";
+} from "./chunk-GFVCUX6O.mjs";
 import {
   ServiceClient_default
 } from "./chunk-WEV5U33G.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-7JD36O2O.mjs"), {
   ssr: false
 });
 var InputControl_default = InputControl;
@@ -2245,7 +2245,7 @@ var DocumentNode_default = DocumentNode;
 
 // src/components/pageRenderingEngine/nodes/DivContainer.tsx
 import { jsx as jsx34, jsxs as jsxs13 } from "react/jsx-runtime";
-var Pagination = dynamic10(() => import("./Pagination-BETIPTVF.mjs"), { ssr: true });
+var Pagination = dynamic10(() => import("./Pagination-Y7PNQUJ2.mjs"), { ssr: true });
 var Slider = dynamic10(() => import("./Slider-554BKC7N.mjs"), {
   ssr: false
 });

package/package.json

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