@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260615064052 → 0.8.1-dev.20260615070214

package/dist/index.js

@@ -4945,6 +4945,9 @@ var OdataBuilder = class {
           if (key == "$orderby") {
             this.setOrderBy(odata[key]);
           }
+          if (key == "searchTerm") {
+            this.searchTerm = odata[key];
+          }
         }
       }
     }
@@ -5020,6 +5023,9 @@ var OdataBuilder = class {
     if (this.orderBy !== null && this.orderBy !== "") {
       url = url + `&$orderby=${encodeURIComponent(this.orderBy)}`;
     }
+    if (this.searchTerm) {
+      url += `&searchTerm=${encodeURIComponent(this.searchTerm)}`;
+    }
     console.log(url);
     return url;
   }
@@ -5028,6 +5034,9 @@ var OdataBuilder = class {
     if (this.filterBy !== null && this.filterBy !== "") {
       url = url + `&$filter=${encodeURIComponent(this.filterBy)}`;
     }
+    if (this.searchTerm) {
+      url += `&searchTerm=${encodeURIComponent(this.searchTerm)}`;
+    }
     url = url + `&$orderby=${encodeURIComponent(orderBy)}`;
     return url;
   }
@@ -5053,7 +5062,9 @@ var OdataBuilder = class {
     return url;
   }
   getNewPageSizeUrl(pageSize) {
-    const currentPage = this.getPageNumber(parseInt(this.top || Constants.pagesize.toString()));
+    const currentPage = this.getPageNumber(
+      parseInt(this.top || Constants.pagesize.toString())
+    );
     const skip = (currentPage - 1) * pageSize;
     let url = `${this.baseUrl}?$skip=${skip}&$top=${pageSize}&$count=true`;
     if (this.filterBy !== null && this.filterBy !== "") {
@@ -6074,6 +6085,7 @@ var DataList = (props) => {
   let pages = 0;
   console.log(props.addLinkText);
   const [isDataFound, setIsDataFound] = (0, import_react55.useState)(null);
+  const [searchTerm, setSearchTerm] = (0, import_react55.useState)(props.query?.searchTerm ?? "");
   (0, import_react55.useEffect)(() => {
     if (props?.dataset) {
       if (props?.dataset.result && props.dataset.result.length > 0) {
@@ -6143,6 +6155,18 @@ var DataList = (props) => {
     },
     [dispatch, props, router]
   );
+  (0, import_react55.useEffect)(() => {
+    const timeout = setTimeout(() => {
+      const builder2 = new OdataBuilder(props.path);
+      builder2.setQuery({
+        ...props.query,
+        searchTerm,
+        $skip: "0"
+      });
+      router.push(builder2.getUrl());
+    }, 500);
+    return () => clearTimeout(timeout);
+  }, [searchTerm]);
   builder = builder.setQuery(props.query);
   orderBy = builder.getOrderBy();
   activePageNumber = builder.getPageNumber(Constants.pagesize);
@@ -6326,6 +6350,16 @@ var DataList = (props) => {
           children: [
             props.title ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("h2", { className: "text-lg font-semibold text-black-800", children: props.title }) }) : /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", {}),
             /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+                InputControl_default,
+                {
+                  name: "Search_input",
+                  controlType: InputControlType_default.lineTextInput,
+                  value: searchTerm,
+                  callback: (e) => setSearchTerm(e.value),
+                  attributes: { placeholder: "Search..." }
+                }
+              ),
               props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
                 InputControl_default,
                 {
@@ -6478,6 +6512,16 @@ var DataList = (props) => {
           children: [
             props.title ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("h2", { className: "text-lg font-semibold text-black", children: props.title }) }) : /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", {}),
             /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+                InputControl_default,
+                {
+                  name: "Search_input",
+                  controlType: InputControlType_default.lineTextInput,
+                  value: searchTerm,
+                  callback: (e) => setSearchTerm(e.value),
+                  attributes: { placeholder: "Search..." }
+                }
+              ),
               props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
                 InputControl_default,
                 {

package/dist/index.mjs

@@ -3340,6 +3340,9 @@ var OdataBuilder = class {
           if (key == "$orderby") {
             this.setOrderBy(odata[key]);
           }
+          if (key == "searchTerm") {
+            this.searchTerm = odata[key];
+          }
         }
       }
     }
@@ -3415,6 +3418,9 @@ var OdataBuilder = class {
     if (this.orderBy !== null && this.orderBy !== "") {
       url = url + `&$orderby=${encodeURIComponent(this.orderBy)}`;
     }
+    if (this.searchTerm) {
+      url += `&searchTerm=${encodeURIComponent(this.searchTerm)}`;
+    }
     console.log(url);
     return url;
   }
@@ -3423,6 +3429,9 @@ var OdataBuilder = class {
     if (this.filterBy !== null && this.filterBy !== "") {
       url = url + `&$filter=${encodeURIComponent(this.filterBy)}`;
     }
+    if (this.searchTerm) {
+      url += `&searchTerm=${encodeURIComponent(this.searchTerm)}`;
+    }
     url = url + `&$orderby=${encodeURIComponent(orderBy)}`;
     return url;
   }
@@ -3448,7 +3457,9 @@ var OdataBuilder = class {
     return url;
   }
   getNewPageSizeUrl(pageSize) {
-    const currentPage = this.getPageNumber(parseInt(this.top || Constants.pagesize.toString()));
+    const currentPage = this.getPageNumber(
+      parseInt(this.top || Constants.pagesize.toString())
+    );
     const skip = (currentPage - 1) * pageSize;
     let url = `${this.baseUrl}?$skip=${skip}&$top=${pageSize}&$count=true`;
     if (this.filterBy !== null && this.filterBy !== "") {
@@ -4462,6 +4473,7 @@ var DataList = (props) => {
   let pages = 0;
   console.log(props.addLinkText);
   const [isDataFound, setIsDataFound] = useState9(null);
+  const [searchTerm, setSearchTerm] = useState9(props.query?.searchTerm ?? "");
   useEffect10(() => {
     if (props?.dataset) {
       if (props?.dataset.result && props.dataset.result.length > 0) {
@@ -4531,6 +4543,18 @@ var DataList = (props) => {
     },
     [dispatch, props, router]
   );
+  useEffect10(() => {
+    const timeout = setTimeout(() => {
+      const builder2 = new OdataBuilder(props.path);
+      builder2.setQuery({
+        ...props.query,
+        searchTerm,
+        $skip: "0"
+      });
+      router.push(builder2.getUrl());
+    }, 500);
+    return () => clearTimeout(timeout);
+  }, [searchTerm]);
   builder = builder.setQuery(props.query);
   orderBy = builder.getOrderBy();
   activePageNumber = builder.getPageNumber(Constants.pagesize);
@@ -4714,6 +4738,16 @@ var DataList = (props) => {
           children: [
             props.title ? /* @__PURE__ */ jsx65("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ jsx65("h2", { className: "text-lg font-semibold text-black-800", children: props.title }) }) : /* @__PURE__ */ jsx65("div", {}),
             /* @__PURE__ */ jsxs35("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ jsx65(
+                InputControl_default,
+                {
+                  name: "Search_input",
+                  controlType: InputControlType_default.lineTextInput,
+                  value: searchTerm,
+                  callback: (e) => setSearchTerm(e.value),
+                  attributes: { placeholder: "Search..." }
+                }
+              ),
               props.filters && props.filters.map((filter) => /* @__PURE__ */ jsx65(
                 InputControl_default,
                 {
@@ -4866,6 +4900,16 @@ var DataList = (props) => {
           children: [
             props.title ? /* @__PURE__ */ jsx65("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ jsx65("h2", { className: "text-lg font-semibold text-black", children: props.title }) }) : /* @__PURE__ */ jsx65("div", {}),
             /* @__PURE__ */ jsxs35("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ jsx65(
+                InputControl_default,
+                {
+                  name: "Search_input",
+                  controlType: InputControlType_default.lineTextInput,
+                  value: searchTerm,
+                  callback: (e) => setSearchTerm(e.value),
+                  attributes: { placeholder: "Search..." }
+                }
+              ),
               props.filters && props.filters.map((filter) => /* @__PURE__ */ jsx65(
                 InputControl_default,
                 {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acoustte-digital-services/digitalstore-controls-dev",
-  "version": "0.8.1-dev.20260615064052",
+  "version": "0.8.1-dev.20260615070214",
   "description": "Reusable React components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",