@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260216094702 → 0.8.1-dev.20260216111522

package/dist/index.mjs

@@ -367,6 +367,9 @@ var MoneyInput = (props) => {
 var MoneyInput_default = MoneyInput;
 
 // src/components/controls/edit/InputControlType.tsx
+var Constants = {
+  pagesize: 10
+};
 var InputControlType = {
   lineTextInput: "text",
   multilineTextInput: "multilinetext",
@@ -1812,7 +1815,686 @@ var InputControl = React31.forwardRef(
 );
 InputControl.displayName = "InputControl";
 var InputControl_default = InputControl;
+
+// src/components/dataForm/DataList.tsx
+import React35, { useEffect as useEffect6, useState as useState7, useCallback as useCallback2, useReducer } from "react";
+import { useRouter } from "next/navigation";
+
+// src/components/dataForm/NoContentView.tsx
+import React32 from "react";
+import { jsx as jsx32 } from "react/jsx-runtime";
+var NoContentView = (props) => {
+  return /* @__PURE__ */ jsx32(React32.Fragment, { children: props.isDataFound === false && props.children });
+};
+var NoContentView_default = NoContentView;
+
+// src/components/dataForm/ContentView.tsx
+import React33 from "react";
+import { jsx as jsx33, jsxs as jsxs20 } from "react/jsx-runtime";
+var ContentView = (props) => {
+  return /* @__PURE__ */ jsxs20(React33.Fragment, { children: [
+    props.isDataFound == null && /* @__PURE__ */ jsx33("div", { className: "", children: /* @__PURE__ */ jsxs20("div", { className: "bg-gray-200 rounded-md p-4 animate-pulse", children: [
+      /* @__PURE__ */ jsxs20("div", { className: "flex items-center mb-4", children: [
+        /* @__PURE__ */ jsx33("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
+        /* @__PURE__ */ jsxs20("div", { className: "ml-2", children: [
+          /* @__PURE__ */ jsx33("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
+          /* @__PURE__ */ jsx33("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs20("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
+        /* @__PURE__ */ jsxs20("div", { className: "animate-pulse", children: [
+          /* @__PURE__ */ jsx33("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
+          /* @__PURE__ */ jsx33("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
+          /* @__PURE__ */ jsx33("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
+          /* @__PURE__ */ jsx33("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
+          /* @__PURE__ */ jsx33("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
+        ] }),
+        /* @__PURE__ */ jsxs20("div", { className: "animate-pulse", children: [
+          /* @__PURE__ */ jsx33("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
+          /* @__PURE__ */ jsx33("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
+          /* @__PURE__ */ jsx33("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
+          /* @__PURE__ */ jsx33("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
+          /* @__PURE__ */ jsx33("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
+        ] }),
+        /* @__PURE__ */ jsxs20("div", { className: "animate-pulse", children: [
+          /* @__PURE__ */ jsx33("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
+          /* @__PURE__ */ jsx33("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
+          /* @__PURE__ */ jsx33("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
+          /* @__PURE__ */ jsx33("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
+          /* @__PURE__ */ jsx33("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
+        ] })
+      ] })
+    ] }) }),
+    props.isDataFound === true && props.children
+  ] });
+};
+var ContentView_default = ContentView;
+
+// src/components/dataForm/Hyperlink.tsx
+import Link from "next/link";
+import React34 from "react";
+import { jsx as jsx34, jsxs as jsxs21 } from "react/jsx-runtime";
+function Hyperlink(props) {
+  let linkClass = props.linkType ? buttonClasses.get(props.linkType) : buttonClasses.get("Link" /* Link */);
+  const target = props.href?.startsWith("https://") ? "_blank" : "_self";
+  const additionalProps = target === "_blank" ? { rel: "noopener noreferrer" } : {};
+  return /* @__PURE__ */ jsxs21(React34.Fragment, { children: [
+    props.href && /* @__PURE__ */ jsx34(
+      Link,
+      {
+        href: props.href,
+        prefetch: false,
+        className: linkClass + " " + props.className,
+        title: props.title,
+        target,
+        ...additionalProps,
+        children: props.children
+      }
+    ),
+    !props.href && /* @__PURE__ */ jsx34("span", { className: props.className, children: props.children })
+  ] });
+}
+
+// src/clients/OdataBuilder.tsx
+var OdataBuilder = class {
+  constructor(url) {
+    this.baseUrl = url;
+    this.top = Constants.pagesize.toString();
+    this.skip = "0";
+    this.filterBy = "";
+    this.orderBy = "";
+  }
+  setQuery(odata) {
+    if (!odata) return this;
+    if (odata["$skip"]) this.skip = odata["$skip"];
+    if (odata["$top"]) this.top = odata["$top"];
+    if (odata["$filter"]) this.filterBy = odata["$filter"];
+    if (odata["$orderby"]) this.orderBy = odata["$orderby"];
+    return this;
+  }
+  getPageNumber(pageSize) {
+    const skip = parseInt(this.skip);
+    const top = parseInt(this.top);
+    if (!isNaN(skip) && !isNaN(top)) {
+      return skip / pageSize + 1;
+    }
+    return 1;
+  }
+  getNewOrderByUrl(orderBy) {
+    let url = `${this.baseUrl}?$skip=0&$top=${this.top}&$count=true`;
+    if (this.filterBy) {
+      url += `&$filter=${encodeURIComponent(this.filterBy)}`;
+    }
+    url += `&$orderby=${encodeURIComponent(orderBy)}`;
+    return url;
+  }
+  getNewFilterUrl(filterBy) {
+    let url = `${this.baseUrl}?$skip=0&$top=${this.top}&$count=true`;
+    if (filterBy) {
+      url += `&$filter=${encodeURIComponent(filterBy)}`;
+    }
+    if (this.orderBy) {
+      url += `&$orderby=${encodeURIComponent(this.orderBy)}`;
+    }
+    return url;
+  }
+  getNewPageUrl(page) {
+    const skip = page * Constants.pagesize - Constants.pagesize;
+    let url = `${this.baseUrl}?$skip=${skip}&$top=${this.top}&$count=true`;
+    if (this.filterBy) {
+      url += `&$filter=${encodeURIComponent(this.filterBy)}`;
+    }
+    if (this.orderBy) {
+      url += `&$orderby=${encodeURIComponent(this.orderBy)}`;
+    }
+    return url;
+  }
+  getOrderBy() {
+    return this.orderBy;
+  }
+};
+
+// src/svg/chevron-updown.tsx
+import { jsx as jsx35 } from "react/jsx-runtime";
+var ChevronUpDown = (props) => {
+  return /* @__PURE__ */ jsx35("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ jsx35("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9" }) });
+};
+var chevron_updown_default = ChevronUpDown;
+
+// src/svg/chevron-down.tsx
+import { jsx as jsx36 } from "react/jsx-runtime";
+var ChevronDown = (props) => {
+  return /* @__PURE__ */ jsx36("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ jsx36("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 8.25l-7.5 7.5-7.5-7.5" }) });
+};
+var chevron_down_default = ChevronDown;
+
+// src/svg/chevron-up.tsx
+import { jsx as jsx37 } from "react/jsx-runtime";
+var ChevronUp = (props) => {
+  return /* @__PURE__ */ jsx37("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ jsx37("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4.5 15.75l7.5-7.5 7.5 7.5" }) });
+};
+var chevron_up_default = ChevronUp;
+
+// src/svg/plus.tsx
+import { jsx as jsx38 } from "react/jsx-runtime";
+var Plus = (props) => {
+  return /* @__PURE__ */ jsx38("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ jsx38("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.5v15m7.5-7.5h-15" }) });
+};
+var plus_default = Plus;
+
+// src/svg/Icons.tsx
+var Icons = {
+  chevronUpDown: chevron_updown_default,
+  chevronDown: chevron_down_default,
+  chevronUp: chevron_up_default,
+  plus: plus_default
+};
+var Icons_default = Icons;
+
+// src/svg/Icon.tsx
+import { jsx as jsx39 } from "react/jsx-runtime";
+var Icon = ({ name, className, ...props }) => {
+  const IconComponent = Icons_default[name];
+  if (!IconComponent) {
+    console.error(`Icon "${name}" not found.`);
+    return null;
+  }
+  return /* @__PURE__ */ jsx39(IconComponent, { ...props, className });
+};
+var Icon_default = Icon;
+
+// src/FormReducer.tsx
+var FORM_INPUT_UPDATE = "FORM_INPUT_UPDATE";
+function setNestedProperty(obj, path, value) {
+  if (path.includes(".")) {
+    const keys = path.split(".");
+    const lastKey = keys.pop();
+    const newObj = { ...obj };
+    let current = newObj;
+    keys.forEach((key) => {
+      current[key] = { ...current[key] };
+      current = current[key];
+    });
+    current[lastKey] = value;
+    return newObj;
+  }
+  return {
+    ...obj,
+    [path]: value
+  };
+}
+function FormReducer(state, action) {
+  switch (action.type) {
+    case FORM_INPUT_UPDATE:
+      if (!action.name) return state;
+      return {
+        inputValues: setNestedProperty(
+          state.inputValues,
+          action.name.toString(),
+          action.value
+        ),
+        lastPropertyChanged: action.name.toString()
+      };
+    default:
+      return state;
+  }
+}
+var FormReducer_default = FormReducer;
+
+// src/components/dataForm/DataList.tsx
+import { Fragment as Fragment2, jsx as jsx40, jsxs as jsxs22 } from "react/jsx-runtime";
+var DataList = (props) => {
+  console.log(props.dataset, "datasetssssss");
+  const router = useRouter();
+  let builder = new OdataBuilder(props.path);
+  let orderBy = "";
+  let activePageNumber = 0;
+  let pages = 0;
+  console.log(props.addLinkText);
+  const [isDataFound, setIsDataFound] = useState7(null);
+  useEffect6(() => {
+    if (props?.dataset) {
+      if (props?.dataset.result && props.dataset.result.length > 0) {
+        setIsDataFound(true);
+      } else {
+        setIsDataFound(false);
+      }
+    }
+  }, [props.dataset]);
+  function getNestedProperty(obj, path) {
+    if (path.includes(".")) {
+      return path.split(".").reduce((prev, curr) => prev ? prev[curr] : null, obj);
+    } else if (Array.isArray(obj[path])) {
+      return obj[path].map((item, index) => /* @__PURE__ */ jsx40("div", { children: item }, index));
+    } else {
+      return obj[path];
+    }
+  }
+  const initialState = {
+    inputValues: {},
+    lastPropertyChanged: ""
+  };
+  const [formState, dispatch] = useReducer(FormReducer_default, initialState);
+  const handleFilterChange = useCallback2(
+    (updatedValues) => {
+      dispatch({
+        type: FORM_INPUT_UPDATE,
+        name: updatedValues.name,
+        value: updatedValues.value
+      });
+      let builder2 = new OdataBuilder(props.path);
+      builder2 = builder2.setQuery(props.query);
+      if (updatedValues.value != "") {
+        const filter = props.filters?.find((x) => x.name == updatedValues.name);
+        if (filter?.dataTypeCode == "number") {
+          router.push(
+            builder2.getNewFilterUrl(
+              updatedValues.name.toString() + " eq " + updatedValues.value
+            )
+          );
+        } else {
+          router.push(
+            builder2.getNewFilterUrl(
+              updatedValues.name.toString() + " eq '" + updatedValues.value + "'"
+            )
+          );
+        }
+      } else {
+        router.push(builder2.getNewFilterUrl(""));
+      }
+    },
+    [dispatch, props, router]
+  );
+  builder = builder.setQuery(props.query);
+  orderBy = builder.getOrderBy();
+  activePageNumber = builder.getPageNumber(Constants.pagesize);
+  let label = "";
+  if (props.dataset && props.dataset.count) {
+    pages = Math.ceil(props.dataset.count / Constants.pagesize);
+    label = `Showing  ${(activePageNumber - 1) * Constants.pagesize + 1} - `;
+    if (activePageNumber * Constants.pagesize > props.dataset.count) {
+      label = label + `${props.dataset.count} of ${props.dataset.count} results`;
+    } else {
+      label = label + `${activePageNumber * Constants.pagesize} of ${props.dataset.count} results`;
+    }
+  }
+  const renderPageNumbers = () => {
+    if (pages <= 10) {
+      return Array.from({ length: pages }, (_, index) => index + 1).map(
+        (page) => /* @__PURE__ */ jsx40(React35.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx40(
+          Hyperlink,
+          {
+            className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
+            href: builder.getNewPageUrl(page),
+            children: page
+          }
+        ) : /* @__PURE__ */ jsx40("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary text-white", children: page }) }, page)
+      );
+    } else {
+      const showFirstPages = activePageNumber <= 5;
+      const showLastPages = activePageNumber > pages - 5;
+      if (showFirstPages) {
+        return /* @__PURE__ */ jsxs22(Fragment2, { children: [
+          Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ jsx40(React35.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx40(
+            Hyperlink,
+            {
+              className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
+              href: builder.getNewPageUrl(page),
+              children: page
+            }
+          ) : /* @__PURE__ */ jsx40("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary text-white", children: page }) }, page)),
+          /* @__PURE__ */ jsx40("span", { className: "px-2 py-1", children: "..." }),
+          /* @__PURE__ */ jsx40(
+            Hyperlink,
+            {
+              className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
+              href: builder.getNewPageUrl(pages - 1),
+              children: pages - 1
+            }
+          ),
+          /* @__PURE__ */ jsx40(
+            Hyperlink,
+            {
+              className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
+              href: builder.getNewPageUrl(pages),
+              children: pages
+            }
+          ),
+          /* @__PURE__ */ jsx40("div", { className: "relative inline-block", children: /* @__PURE__ */ jsxs22(
+            "select",
+            {
+              className: "  py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
+              value: activePageNumber > 8 && activePageNumber < pages - 1 ? activePageNumber : "",
+              onChange: (e) => {
+                const page = parseInt(e.target.value);
+                if (page) {
+                  router.push(builder.getNewPageUrl(page));
+                }
+              },
+              children: [
+                /* @__PURE__ */ jsx40("option", { className: "", value: "", children: "Jump to" }),
+                Array.from(
+                  { length: Math.max(0, pages - 10) },
+                  (_, index) => index + 9
+                ).map((page) => /* @__PURE__ */ jsx40("option", { value: page, children: page }, page))
+              ]
+            }
+          ) })
+        ] });
+      } else if (showLastPages) {
+        return /* @__PURE__ */ jsxs22(Fragment2, { children: [
+          /* @__PURE__ */ jsx40(
+            Hyperlink,
+            {
+              className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
+              href: builder.getNewPageUrl(1),
+              children: "1"
+            }
+          ),
+          /* @__PURE__ */ jsx40(
+            Hyperlink,
+            {
+              className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
+              href: builder.getNewPageUrl(2),
+              children: "2"
+            }
+          ),
+          /* @__PURE__ */ jsx40("span", { className: "px-2 py-1", children: "..." }),
+          Array.from({ length: 8 }, (_, index) => pages - 7 + index).map(
+            (page) => /* @__PURE__ */ jsx40(React35.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx40(
+              Hyperlink,
+              {
+                className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
+                href: builder.getNewPageUrl(page),
+                children: page
+              }
+            ) : /* @__PURE__ */ jsx40("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary text-white", children: page }) }, page)
+          )
+        ] });
+      } else {
+        return /* @__PURE__ */ jsxs22(Fragment2, { children: [
+          /* @__PURE__ */ jsx40(
+            Hyperlink,
+            {
+              className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
+              href: builder.getNewPageUrl(1),
+              children: "1"
+            }
+          ),
+          /* @__PURE__ */ jsx40(
+            Hyperlink,
+            {
+              className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
+              href: builder.getNewPageUrl(2),
+              children: "2"
+            }
+          ),
+          /* @__PURE__ */ jsx40("span", { className: "px-2 py-1", children: "..." }),
+          Array.from(
+            { length: 5 },
+            (_, index) => activePageNumber - 2 + index
+          ).map((page) => /* @__PURE__ */ jsx40(React35.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx40(
+            Hyperlink,
+            {
+              className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
+              href: builder.getNewPageUrl(page),
+              children: page
+            }
+          ) : /* @__PURE__ */ jsx40("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary text-white", children: page }) }, page)),
+          /* @__PURE__ */ jsx40("span", { className: "px-2 py-1", children: "..." }),
+          /* @__PURE__ */ jsx40(
+            Hyperlink,
+            {
+              className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
+              href: builder.getNewPageUrl(pages - 1),
+              children: pages - 1
+            }
+          ),
+          /* @__PURE__ */ jsx40(
+            Hyperlink,
+            {
+              className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
+              href: builder.getNewPageUrl(pages),
+              children: pages
+            }
+          ),
+          /* @__PURE__ */ jsx40("div", { className: "relative inline-block", children: /* @__PURE__ */ jsxs22(
+            "select",
+            {
+              className: "px-2 py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
+              value: activePageNumber > 2 && activePageNumber < pages - 1 ? activePageNumber : "",
+              onChange: (e) => {
+                const page = parseInt(e.target.value);
+                if (page) {
+                  router.push(builder.getNewPageUrl(page));
+                }
+              },
+              children: [
+                /* @__PURE__ */ jsx40("option", { value: "", children: "Jump to" }),
+                Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */ jsx40("option", { value: page, children: page }, page))
+              ]
+            }
+          ) })
+        ] });
+      }
+    }
+  };
+  return /* @__PURE__ */ jsxs22(React35.Fragment, { children: [
+    /* @__PURE__ */ jsxs22(ContentView_default, { isDataFound, children: [
+      (props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ jsxs22(
+        "div",
+        {
+          className: `flex justify-between items-center bg-white pl-6 pr-2 h-14 mb-3 shadow-sm rounded-md border-b border-neutral-200 sticky top-0`,
+          children: [
+            props.title ? /* @__PURE__ */ jsx40("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ jsx40("h2", { className: "text-lg font-semibold text-primary-800", children: props.title }) }) : /* @__PURE__ */ jsx40("div", {}),
+            /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-3", children: [
+              props.filters && props.filters.map((filter) => /* @__PURE__ */ jsx40(
+                InputControl_default,
+                {
+                  name: filter.name,
+                  controlType: InputControlType_default.select,
+                  value: formState.inputValues[filter.name],
+                  dataSource: filter.servicePath,
+                  dataKeyFieldName: filter.dataKeyFieldName,
+                  dataTextFieldName: filter.dataTextFieldName,
+                  serviceClient: props.serviceClient,
+                  callback: handleFilterChange,
+                  attributes: { placeholder: filter.placeholder }
+                },
+                filter.name
+              )),
+              props.addLinkHref && /* @__PURE__ */ jsxs22(
+                Hyperlink,
+                {
+                  className: "gap-1",
+                  linkType: "Primary" /* Primary */,
+                  href: props.addLinkHref,
+                  children: [
+                    /* @__PURE__ */ jsx40(Icon_default, { name: "plus", className: "w-4 h-4" }),
+                    /* @__PURE__ */ jsx40("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
+                  ]
+                }
+              )
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx40("div", { className: "flex-1 overflow-y-auto  justify-end bg-white rounded shadow h-[calc(100vh-14rem)]", children: /* @__PURE__ */ jsxs22("table", { className: "w-full   divide-y divide-gray-200", children: [
+        /* @__PURE__ */ jsx40("thead", { className: "bg-gray-50 sticky top-0", children: /* @__PURE__ */ jsx40("tr", { children: props?.columns?.map((column) => {
+          let url = builder.getNewOrderByUrl(column.name);
+          let icon = "chevronUpDown";
+          if (orderBy.includes(`${column.name} desc`)) {
+            icon = "chevronDown";
+            url = builder.getNewOrderByUrl(column.name);
+          } else if (orderBy.includes(`${column.name}`)) {
+            icon = "chevronUp";
+            url = builder.getNewOrderByUrl(column.name + " desc");
+          }
+          return /* @__PURE__ */ jsx40(
+            "th",
+            {
+              className: "px-6 py-3 text-left font-medium cursor-pointer bg-neutral-soft " + column.width + (column.controlType == ViewControlTypes_default.moneyView ? " text-right" : ""),
+              children: /* @__PURE__ */ jsx40(Hyperlink, { href: url, className: "!text-neutral-contrast ", children: /* @__PURE__ */ jsxs22("span", { className: "flex items-center space-x-1", children: [
+                /* @__PURE__ */ jsx40("span", { children: column.label }),
+                column.enableSorting && /* @__PURE__ */ jsx40(Icon_default, { className: "w-4 h-4", name: icon })
+              ] }) })
+            },
+            column.name
+          );
+        }) }) }),
+        /* @__PURE__ */ jsx40("tbody", { className: "divide-y divide-gray-200 ", children: props.dataset?.result?.map((dataitem, index) => {
+          let validityClass = "";
+          console.log("dataitem", dataitem);
+          if (props.recordValidityColumnName && getNestedProperty(dataitem, props.recordValidityColumnName) == false) {
+            validityClass = "bg-alert-200";
+          }
+          return /* @__PURE__ */ jsx40("tr", { className: validityClass, children: props?.columns?.map((column, colindex) => {
+            console.log("column", column);
+            return /* @__PURE__ */ jsx40(React35.Fragment, { children: /* @__PURE__ */ jsx40(
+              "td",
+              {
+                className: "px-6 py-2 whitespace-normal " + (column.controlType == ViewControlTypes_default.moneyView ? "" : ""),
+                children: column.addhref === true ? /* @__PURE__ */ jsx40(
+                  Hyperlink,
+                  {
+                    className: "",
+                    href: `https://${dataitem[column.name]}`,
+                    children: /* @__PURE__ */ jsx40(
+                      ViewControl_default,
+                      {
+                        controlType: column.controlType,
+                        value: getNestedProperty(
+                          dataitem,
+                          column.name
+                        ),
+                        format: column.format,
+                        customProps: column.customProps
+                      }
+                    )
+                  }
+                ) : column.showAsLink ? /* @__PURE__ */ jsx40(
+                  Hyperlink,
+                  {
+                    href: props.path + dataitem[props.columns[0].name] + "/" + (dataitem.linkUrlSegment ?? column.linkUrlSegment),
+                    children: /* @__PURE__ */ jsx40(
+                      ViewControl_default,
+                      {
+                        controlType: column.controlType,
+                        value: getNestedProperty(dataitem, column.name) || column.emptyValueLabel,
+                        format: column.format,
+                        customProps: column.customProps
+                      }
+                    )
+                  }
+                ) : /* @__PURE__ */ jsx40(
+                  ViewControl_default,
+                  {
+                    controlType: column.controlType,
+                    value: getNestedProperty(dataitem, column.name),
+                    format: column.format,
+                    customProps: column.customProps
+                  }
+                )
+              }
+            ) }, colindex);
+          }) }, index);
+        }) })
+      ] }) }),
+      /* @__PURE__ */ jsx40("div", { className: "pt-4 border-t border-t-gray-50 sticky bottom-0 h-11 mt-2 ", children: /* @__PURE__ */ jsxs22("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx40("div", { className: "text-gray-700", children: label }),
+        /* @__PURE__ */ jsxs22("div", { className: "flex space-x-2 items-center", children: [
+          activePageNumber > 1 && /* @__PURE__ */ jsx40(
+            Hyperlink,
+            {
+              className: "px-3 py-1 rounded-l-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
+              href: builder.getNewPageUrl(activePageNumber - 1),
+              children: "Prev"
+            }
+          ),
+          activePageNumber <= 1 && /* @__PURE__ */ jsx40("div", { className: "px-3 py-1 rounded-l-md border border-gray-300 bg-gray-200 text-gray-500 hover:bg-gray-200", children: "Prev" }),
+          renderPageNumbers(),
+          activePageNumber < pages && /* @__PURE__ */ jsx40(
+            Hyperlink,
+            {
+              className: "px-3 py-1 rounded-r-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
+              href: builder.getNewPageUrl(activePageNumber + 1),
+              children: "Next"
+            }
+          ),
+          activePageNumber >= pages && /* @__PURE__ */ jsx40("div", { className: "px-3 py-1 rounded-r-md border border-gray-300 bg-gray-200 text-gray-500", children: "Next" })
+        ] })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxs22(NoContentView_default, { isDataFound, children: [
+      (props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ jsxs22(
+        "div",
+        {
+          className: `flex justify-between items-center bg-white pl-6 pr-2 h-14 mb-3 shadow-sm rounded-md border-b border-neutral-200`,
+          children: [
+            props.title ? /* @__PURE__ */ jsx40("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ jsx40("h2", { className: "text-lg font-semibold text-primary-800", children: props.title }) }) : /* @__PURE__ */ jsx40("div", {}),
+            /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-3", children: [
+              props.filters && props.filters.map((filter) => /* @__PURE__ */ jsx40(
+                InputControl_default,
+                {
+                  name: filter.name,
+                  controlType: InputControlType_default.select,
+                  value: formState.inputValues[filter.name],
+                  dataSource: filter.servicePath,
+                  dataKeyFieldName: filter.dataKeyFieldName,
+                  dataTextFieldName: filter.dataTextFieldName,
+                  serviceClient: props.serviceClient,
+                  callback: handleFilterChange,
+                  attributes: { placeholder: filter.placeholder }
+                },
+                filter.name
+              )),
+              props.addLinkHref && /* @__PURE__ */ jsxs22(
+                Hyperlink,
+                {
+                  className: "gap-1",
+                  linkType: "Primary" /* Primary */,
+                  href: props.addLinkHref,
+                  children: [
+                    /* @__PURE__ */ jsx40(Icon_default, { name: "plus", className: "w-4 h-4" }),
+                    /* @__PURE__ */ jsx40("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
+                  ]
+                }
+              )
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs22("div", { className: "flex-grow overflow-y-auto justify-end bg-white rounded shadow h-[75vh]", children: [
+        /* @__PURE__ */ jsx40("div", { children: /* @__PURE__ */ jsx40("table", { className: "w-full divide-y divide-gray-200", children: /* @__PURE__ */ jsx40("thead", { className: "bg-gray-50", children: /* @__PURE__ */ jsx40("tr", { children: props?.columns?.map((column) => {
+          let url = builder.getNewOrderByUrl(column.name);
+          let icon = "chevronUpDown";
+          if (orderBy.includes(`${column.name} desc`)) {
+            icon = "chevronDown";
+            url = builder.getNewOrderByUrl(column.name);
+          } else if (orderBy.includes(`${column.name}`)) {
+            icon = "chevronUp";
+            url = builder.getNewOrderByUrl(column.name + " desc");
+          }
+          return /* @__PURE__ */ jsx40(
+            "th",
+            {
+              className: "px-6 py-3 text-left font-medium cursor-pointer " + column.width + (column.controlType == ViewControlTypes_default.moneyView ? " text-right" : ""),
+              children: /* @__PURE__ */ jsx40(Hyperlink, { href: url, className: "text-body-950", children: /* @__PURE__ */ jsxs22("span", { className: "flex items-center space-x-1", children: [
+                /* @__PURE__ */ jsx40("span", { children: column.label }),
+                column.enableSorting && /* @__PURE__ */ jsx40(Icon_default, { className: "w-4 h-4", name: icon })
+              ] }) })
+            },
+            column.name
+          );
+        }) }) }) }) }),
+        /* @__PURE__ */ jsx40("div", { className: "w-full text-center bg-transparent pt-5", children: "There are no entries in the table at the moment." })
+      ] })
+    ] })
+  ] });
+};
+var DataList_default = DataList;
 export {
+  DataList_default as DataList,
   InputControl_default as InputControl,
   InputControlType_default as InputControlType,
   ViewControl_default as ViewControl,