@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260722072620 → 0.8.1-dev.20260722073037

package/dist/chunk-FI2KJBK2.mjs

@@ -0,0 +1,110 @@
+"use client";
+
+import {
+  buttonClasses
+} from "./chunk-IMNQO57B.mjs";
+
+// src/components/controls/edit/InputControlType.tsx
+var Constants = {
+  pagesize: 10
+};
+var InputControlType = {
+  lineTextInput: "text",
+  multilineTextInput: "multilinetext",
+  emailInput: "email",
+  moneyInput: "money",
+  select: "select",
+  percentageInput: "percentage",
+  asset: "asset",
+  phoneInput: "phone",
+  numberInput: "number",
+  checkboxInput: "boolean",
+  otpInput: "otp",
+  datetimeInput: "datetime",
+  timeInput: "time",
+  colorInput: "colorInput",
+  selectWithSearchInput: "selectWithSearchInput",
+  selectWithSearchPanel: "selectWithSearchPanel",
+  booleanSelect: "booleanSelect",
+  switchInput: "switchInput"
+};
+var InputControlType_default = InputControlType;
+
+// src/components/dataForm/Hyperlink.tsx
+import Link from "next/link";
+import { Fragment, jsx } from "react/jsx-runtime";
+function Hyperlink(props) {
+  let linkClass = props.linkType ? buttonClasses.get(props.linkType) : buttonClasses.get("Link" /* Link */);
+  const target = props?.href?.startsWith("http") ? "_blank" : "_self";
+  const additionalProps = {};
+  if (target == "_blank") {
+    additionalProps.rel = "noopener noreferrer";
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children: props.href ? /* @__PURE__ */ jsx(
+    Link,
+    {
+      href: props.href,
+      prefetch: false,
+      className: [linkClass, props.className].filter(Boolean).join(" "),
+      ...additionalProps,
+      target,
+      children: props.children
+    }
+  ) : props.isHeading ? /* @__PURE__ */ jsx("h5", { className: props.className + "inline-block", children: props.children }) : /* @__PURE__ */ jsx("span", { className: props.className, children: props.children }) });
+}
+
+// src/svg/chevron-updown.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var ChevronUpDown = (props) => {
+  return /* @__PURE__ */ jsx2("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__ */ jsx2("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 jsx3 } from "react/jsx-runtime";
+var ChevronDown = (props) => {
+  return /* @__PURE__ */ jsx3("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__ */ jsx3("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 jsx4 } from "react/jsx-runtime";
+var ChevronUp = (props) => {
+  return /* @__PURE__ */ jsx4("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__ */ jsx4("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 jsx5 } from "react/jsx-runtime";
+var Plus = (props) => {
+  return /* @__PURE__ */ jsx5("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__ */ jsx5("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 jsx6 } 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__ */ jsx6(IconComponent, { ...props, className });
+};
+var Icon_default = Icon;
+
+export {
+  Constants,
+  InputControlType_default,
+  Hyperlink,
+  Icon_default
+};

package/dist/{chunk-23WJE3YB.mjs → chunk-JKP4XOZB.mjs}

@@ -129,7 +129,7 @@ var Confirm_default = Confirm;
 }
 
 // src/components/Button.tsx
-import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var Button = (props) => {
   const [inProgress, setInProgress] = useState2(false);
   const [isActionPerformed, setIsActionPerformed] = useState2(false);
@@ -139,9 +139,7 @@ var Button = (props) => {
     event.preventDefault();
     event.stopPropagation();
     if (props.confirm) {
-      const confirmed = await showConfirmation(
-        "Are you sure you want to delete this item?"
-      );
+      const confirmed = await showConfirmation("Are you sure you want to delete this item?");
       setShowModal(null);
       if (!confirmed) {
         return;
@@ -156,9 +154,7 @@ var Button = (props) => {
       isValid = await props.onValidate();
       if (!isValid) {
         setInProgress(false);
-        ToastService_default.showError(
-          "There are errors in the form. Please fix them before proceeding."
-        );
+        ToastService_default.showError("There are errors in the form. Please fix them before proceeding.");
         return;
       }
     }
@@ -182,16 +178,7 @@ var Button = (props) => {
     return new Promise((resolve) => {
       const onConfirm = () => resolve(true);
       const onCancel = () => resolve(false);
-      setShowModal(
-        /* @__PURE__ */ jsx3(
-          Confirm_default,
-          {
-            message: props.confirmationMessage,
-            onConfirm,
-            onCancel
-          }
-        )
-      );
+      setShowModal(/* @__PURE__ */ jsx3(Confirm_default, { message: props.confirmationMessage, onConfirm, onCancel }));
     });
   };
   let buttonClass = props.ButtonType ? buttonClasses.get(props.ButtonType) : buttonClasses.get("Primary" /* Solid */);
@@ -205,39 +192,13 @@ var Button = (props) => {
         onClick: execute,
         disabled: props.disabled,
         title: isDisabled ? "The button is disabled to prevent any action" : "",
-        className: `${buttonClass} relative inline-flex items-center justify-center gap-2 ${props.className ?? ""}`,
+        className: buttonClass + " relative " + props.className,
         children: [
           isActionPerformed && props.oneTimeAction && responseMessage ? responseMessage : props.children,
-          inProgress && /* @__PURE__ */ jsx3(Fragment2, { children: props.hideProgressIndicator ? /* @__PURE__ */ jsx3("div", { className: "absolute bottom-0 left-0 h-0.5 bg-gray-400 rounded animate-progress" }) : /* @__PURE__ */ jsxs2(
-            "svg",
-            {
-              className: `animate-spin h-5 w-5 flex-shrink-0 ${progressClass}`,
-              xmlns: "http://www.w3.org/2000/svg",
-              fill: "none",
-              viewBox: "0 0 24 24",
-              children: [
-                /* @__PURE__ */ jsx3(
-                  "circle",
-                  {
-                    className: "opacity-25",
-                    cx: "12",
-                    cy: "12",
-                    r: "10",
-                    stroke: "currentColor",
-                    strokeWidth: "4"
-                  }
-                ),
-                /* @__PURE__ */ jsx3(
-                  "path",
-                  {
-                    className: "opacity-75",
-                    fill: "currentColor",
-                    d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-                  }
-                )
-              ]
-            }
-          ) })
+          inProgress && /* @__PURE__ */ jsx3(React3.Fragment, { children: props.hideProgressIndicator === true ? /* @__PURE__ */ jsx3("div", { className: "absolute bottom-0 left-0 h-0.5 bg-gray-400 rounded animate-progress" }) : /* @__PURE__ */ jsxs2("svg", { className: "animate-spin ml-2 mr-3 h-5 w-5 " + progressClass, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [
+            /* @__PURE__ */ jsx3("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+            /* @__PURE__ */ jsx3("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })
+          ] }) })
         ]
       }
     ),

package/dist/chunk-OGGIS4AN.mjs

@@ -0,0 +1,201 @@
+"use client";
+
+import {
+  Constants
+} from "./chunk-FI2KJBK2.mjs";
+
+// src/clients/OdataBuilder.tsx
+var OdataBuilder = class {
+  constructor(url) {
+    this.baseUrl = url;
+    this.top = Constants.pagesize.toString();
+    this.skip = "0";
+    this.keyword = "";
+    this.filterBy = "";
+    this.orderBy = "";
+  }
+  // parseSearchParams(ReadonlyUrlSearchParams): DataQuery {
+  //     this.top = top;
+  //     return this;
+  //   }
+  setQuery(odata) {
+    if (odata) {
+      for (const key in odata) {
+        if (odata[key] != null && odata[key] != "") {
+          if (key == "$skip") {
+            this.setSkip(odata[key]);
+          }
+          if (key == "$filter") {
+            this.setFilter(odata[key]);
+          }
+          if (key == "$top") {
+            this.setTop(odata[key]);
+          }
+          if (key == "$orderby") {
+            this.setOrderBy(odata[key]);
+          }
+          if (key == "searchTerm") {
+            this.searchTerm = odata[key];
+          }
+          if (key == "searchCols") {
+            this.searchCols = odata[key];
+          }
+        }
+      }
+    }
+    return this;
+  }
+  // parseKeyValuePairs(inputString: string): { [key: string]: string } {
+  //     return inputString.split('$')
+  //         .map((pair) => pair.split('='))
+  //         .reduce((result: { [key: string]: string }, [key, value]) => {
+  //             if (key && value) {
+  //                 result[key.trim()] = value.trim();
+  //             }
+  //             return result;
+  //         }, {});
+  // }
+  static getOdataQueryString(obj, defaultOrder) {
+    let queryString = "";
+    let skip = (obj && obj["$skip"]) ?? "0";
+    let top = (obj && obj["$top"]) ?? Constants.pagesize.toString();
+    queryString = `$skip=${skip}&$top=${top}&$count=true`;
+    if (obj?.["searchTerm"] && obj["searchTerm"].trim() !== "") {
+      queryString += `&searchTerm=${encodeURIComponent(obj["searchTerm"])}`;
+    }
+    if (obj?.["searchCols"] && obj["searchCols"].trim() !== "") {
+      queryString += `&searchCols=${encodeURIComponent(obj["searchCols"])}`;
+    }
+    if (obj) {
+      if (obj["$filter"] && obj["$filter"] !== null && obj["$filter"] !== "") {
+        queryString = queryString + `&$filter=${encodeURIComponent(obj["$filter"])}`;
+      }
+      if (obj["$orderby"] && obj["$orderby"] !== null && obj["$orderby"] !== "") {
+        queryString = queryString + `&$orderby=${encodeURIComponent(obj["$orderby"])}`;
+      } else if (defaultOrder) {
+        queryString = queryString + `&$orderby=${encodeURIComponent(defaultOrder)}`;
+      }
+    } else {
+      if (defaultOrder) {
+        queryString = queryString + `&$orderby=${encodeURIComponent(defaultOrder)}`;
+      }
+    }
+    return queryString;
+  }
+  setTop(top) {
+    this.top = top;
+    return this;
+  }
+  setSkip(skip) {
+    this.skip = skip;
+    return this;
+  }
+  setKeyword(keyword) {
+    this.keyword = keyword;
+    return this;
+  }
+  setFilter(filterBy) {
+    this.filterBy = filterBy;
+    return this;
+  }
+  setOrderBy(orderBy) {
+    this.orderBy = orderBy;
+    return this;
+  }
+  getPageNumber(pageSize) {
+    let pageNumber = 1;
+    if (this.skip && this.top) {
+      const skip = parseInt(this.skip);
+      const top = parseInt(this.top);
+      if (!isNaN(skip) && !isNaN(top)) {
+        pageNumber = skip / pageSize + 1;
+      }
+    }
+    return pageNumber;
+  }
+  getUrl() {
+    let url = `${this.baseUrl}?$skip=${this.skip}&$top=${this.top}&$count=true`;
+    if (this.filterBy !== null && this.filterBy !== "") {
+      url = url + `&$filter=${encodeURIComponent(this.filterBy)}`;
+    }
+    if (this.orderBy !== null && this.orderBy !== "") {
+      url = url + `&$orderby=${encodeURIComponent(this.orderBy)}`;
+    }
+    if (this.searchTerm) {
+      url += `&searchTerm=${encodeURIComponent(this.searchTerm)}`;
+    }
+    if (this.searchCols) {
+      url += `&searchCols=${encodeURIComponent(this.searchCols)}`;
+    }
+    console.log(url);
+    return url;
+  }
+  getNewOrderByUrl(orderBy) {
+    let url = `${this.baseUrl}?$skip=${0}&$top=${this.top}&$count=true`;
+    if (this.filterBy !== null && this.filterBy !== "") {
+      url = url + `&$filter=${encodeURIComponent(this.filterBy)}`;
+    }
+    if (this.searchTerm) {
+      url += `&searchTerm=${encodeURIComponent(this.searchTerm)}`;
+    }
+    if (this.searchCols) {
+      url += `&searchCols=${encodeURIComponent(this.searchCols)}`;
+    }
+    url = url + `&$orderby=${encodeURIComponent(orderBy)}`;
+    return url;
+  }
+  getNewFilterUrl(filterBy) {
+    let url = `${this.baseUrl}?$skip=${0}&$top=${this.top}&$count=true`;
+    if (filterBy !== null && filterBy !== "") {
+      url = url + `&$filter=${encodeURIComponent(filterBy)}`;
+    }
+    if (this.orderBy !== null && this.orderBy !== "") {
+      url = url + `&$orderby=${encodeURIComponent(this.orderBy)}`;
+    }
+    if (this.searchTerm) {
+      url += `&searchTerm=${encodeURIComponent(this.searchTerm)}`;
+    }
+    if (this.searchCols) {
+      url += `&searchCols=${encodeURIComponent(this.searchCols)}`;
+    }
+    return url;
+  }
+  getNewPageUrl(page) {
+    let skip = page * Constants.pagesize - Constants.pagesize;
+    let url = `${this.baseUrl}?$skip=${skip}&$top=${this.top}&$count=true`;
+    if (this.filterBy !== null && this.filterBy !== "") {
+      url = url + `&$filter=${encodeURIComponent(this.filterBy)}`;
+    }
+    if (this.orderBy !== null && this.orderBy !== "") {
+      url = url + `&$orderby=${encodeURIComponent(this.orderBy)}`;
+    }
+    if (this.searchTerm) {
+      url += `&searchTerm=${encodeURIComponent(this.searchTerm)}`;
+    }
+    if (this.searchCols) {
+      url += `&searchCols=${encodeURIComponent(this.searchCols)}`;
+    }
+    return url;
+  }
+  getNewPageSizeUrl(pageSize) {
+    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 !== "") {
+      url = url + `&$filter=${encodeURIComponent(this.filterBy)}`;
+    }
+    if (this.orderBy !== null && this.orderBy !== "") {
+      url = url + `&$orderby=${encodeURIComponent(this.orderBy)}`;
+    }
+    return url;
+  }
+  getOrderBy() {
+    return this.orderBy;
+  }
+};
+
+export {
+  OdataBuilder
+};

package/dist/chunk-TVL6KVD5.mjs

@@ -0,0 +1,229 @@
+import {
+  buttonClasses
+} from "./chunk-56HSDML5.mjs";
+
+// src/components/dataForm/Hyperlink.tsx
+import Link from "next/link";
+import { Fragment, jsx } from "react/jsx-runtime";
+function Hyperlink(props) {
+  let linkClass = props.linkType ? buttonClasses.get(props.linkType) : buttonClasses.get("Link" /* Link */);
+  const target = props?.href?.startsWith("http") ? "_blank" : "_self";
+  const additionalProps = {};
+  if (target == "_blank") {
+    additionalProps.rel = "noopener noreferrer";
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children: props.href ? /* @__PURE__ */ jsx(
+    Link,
+    {
+      href: props.href,
+      prefetch: false,
+      className: [linkClass, props.className].filter(Boolean).join(" "),
+      ...additionalProps,
+      target,
+      children: props.children
+    }
+  ) : props.isHeading ? /* @__PURE__ */ jsx("h5", { className: props.className + "inline-block", children: props.children }) : /* @__PURE__ */ jsx("span", { className: props.className, children: props.children }) });
+}
+
+// src/components/controls/edit/InputControlType.tsx
+var Constants = {
+  pagesize: 10
+};
+
+// src/clients/OdataBuilder.tsx
+var OdataBuilder = class {
+  constructor(url) {
+    this.baseUrl = url;
+    this.top = Constants.pagesize.toString();
+    this.skip = "0";
+    this.keyword = "";
+    this.filterBy = "";
+    this.orderBy = "";
+  }
+  // parseSearchParams(ReadonlyUrlSearchParams): DataQuery {
+  //     this.top = top;
+  //     return this;
+  //   }
+  setQuery(odata) {
+    if (odata) {
+      for (const key in odata) {
+        if (odata[key] != null && odata[key] != "") {
+          if (key == "$skip") {
+            this.setSkip(odata[key]);
+          }
+          if (key == "$filter") {
+            this.setFilter(odata[key]);
+          }
+          if (key == "$top") {
+            this.setTop(odata[key]);
+          }
+          if (key == "$orderby") {
+            this.setOrderBy(odata[key]);
+          }
+          if (key == "searchTerm") {
+            this.searchTerm = odata[key];
+          }
+          if (key == "searchCols") {
+            this.searchCols = odata[key];
+          }
+        }
+      }
+    }
+    return this;
+  }
+  // parseKeyValuePairs(inputString: string): { [key: string]: string } {
+  //     return inputString.split('$')
+  //         .map((pair) => pair.split('='))
+  //         .reduce((result: { [key: string]: string }, [key, value]) => {
+  //             if (key && value) {
+  //                 result[key.trim()] = value.trim();
+  //             }
+  //             return result;
+  //         }, {});
+  // }
+  static getOdataQueryString(obj, defaultOrder) {
+    let queryString = "";
+    let skip = (obj && obj["$skip"]) ?? "0";
+    let top = (obj && obj["$top"]) ?? Constants.pagesize.toString();
+    queryString = `$skip=${skip}&$top=${top}&$count=true`;
+    if (obj?.["searchTerm"] && obj["searchTerm"].trim() !== "") {
+      queryString += `&searchTerm=${encodeURIComponent(obj["searchTerm"])}`;
+    }
+    if (obj?.["searchCols"] && obj["searchCols"].trim() !== "") {
+      queryString += `&searchCols=${encodeURIComponent(obj["searchCols"])}`;
+    }
+    if (obj) {
+      if (obj["$filter"] && obj["$filter"] !== null && obj["$filter"] !== "") {
+        queryString = queryString + `&$filter=${encodeURIComponent(obj["$filter"])}`;
+      }
+      if (obj["$orderby"] && obj["$orderby"] !== null && obj["$orderby"] !== "") {
+        queryString = queryString + `&$orderby=${encodeURIComponent(obj["$orderby"])}`;
+      } else if (defaultOrder) {
+        queryString = queryString + `&$orderby=${encodeURIComponent(defaultOrder)}`;
+      }
+    } else {
+      if (defaultOrder) {
+        queryString = queryString + `&$orderby=${encodeURIComponent(defaultOrder)}`;
+      }
+    }
+    return queryString;
+  }
+  setTop(top) {
+    this.top = top;
+    return this;
+  }
+  setSkip(skip) {
+    this.skip = skip;
+    return this;
+  }
+  setKeyword(keyword) {
+    this.keyword = keyword;
+    return this;
+  }
+  setFilter(filterBy) {
+    this.filterBy = filterBy;
+    return this;
+  }
+  setOrderBy(orderBy) {
+    this.orderBy = orderBy;
+    return this;
+  }
+  getPageNumber(pageSize) {
+    let pageNumber = 1;
+    if (this.skip && this.top) {
+      const skip = parseInt(this.skip);
+      const top = parseInt(this.top);
+      if (!isNaN(skip) && !isNaN(top)) {
+        pageNumber = skip / pageSize + 1;
+      }
+    }
+    return pageNumber;
+  }
+  getUrl() {
+    let url = `${this.baseUrl}?$skip=${this.skip}&$top=${this.top}&$count=true`;
+    if (this.filterBy !== null && this.filterBy !== "") {
+      url = url + `&$filter=${encodeURIComponent(this.filterBy)}`;
+    }
+    if (this.orderBy !== null && this.orderBy !== "") {
+      url = url + `&$orderby=${encodeURIComponent(this.orderBy)}`;
+    }
+    if (this.searchTerm) {
+      url += `&searchTerm=${encodeURIComponent(this.searchTerm)}`;
+    }
+    if (this.searchCols) {
+      url += `&searchCols=${encodeURIComponent(this.searchCols)}`;
+    }
+    console.log(url);
+    return url;
+  }
+  getNewOrderByUrl(orderBy) {
+    let url = `${this.baseUrl}?$skip=${0}&$top=${this.top}&$count=true`;
+    if (this.filterBy !== null && this.filterBy !== "") {
+      url = url + `&$filter=${encodeURIComponent(this.filterBy)}`;
+    }
+    if (this.searchTerm) {
+      url += `&searchTerm=${encodeURIComponent(this.searchTerm)}`;
+    }
+    if (this.searchCols) {
+      url += `&searchCols=${encodeURIComponent(this.searchCols)}`;
+    }
+    url = url + `&$orderby=${encodeURIComponent(orderBy)}`;
+    return url;
+  }
+  getNewFilterUrl(filterBy) {
+    let url = `${this.baseUrl}?$skip=${0}&$top=${this.top}&$count=true`;
+    if (filterBy !== null && filterBy !== "") {
+      url = url + `&$filter=${encodeURIComponent(filterBy)}`;
+    }
+    if (this.orderBy !== null && this.orderBy !== "") {
+      url = url + `&$orderby=${encodeURIComponent(this.orderBy)}`;
+    }
+    if (this.searchTerm) {
+      url += `&searchTerm=${encodeURIComponent(this.searchTerm)}`;
+    }
+    if (this.searchCols) {
+      url += `&searchCols=${encodeURIComponent(this.searchCols)}`;
+    }
+    return url;
+  }
+  getNewPageUrl(page) {
+    let skip = page * Constants.pagesize - Constants.pagesize;
+    let url = `${this.baseUrl}?$skip=${skip}&$top=${this.top}&$count=true`;
+    if (this.filterBy !== null && this.filterBy !== "") {
+      url = url + `&$filter=${encodeURIComponent(this.filterBy)}`;
+    }
+    if (this.orderBy !== null && this.orderBy !== "") {
+      url = url + `&$orderby=${encodeURIComponent(this.orderBy)}`;
+    }
+    if (this.searchTerm) {
+      url += `&searchTerm=${encodeURIComponent(this.searchTerm)}`;
+    }
+    if (this.searchCols) {
+      url += `&searchCols=${encodeURIComponent(this.searchCols)}`;
+    }
+    return url;
+  }
+  getNewPageSizeUrl(pageSize) {
+    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 !== "") {
+      url = url + `&$filter=${encodeURIComponent(this.filterBy)}`;
+    }
+    if (this.orderBy !== null && this.orderBy !== "") {
+      url = url + `&$orderby=${encodeURIComponent(this.orderBy)}`;
+    }
+    return url;
+  }
+  getOrderBy() {
+    return this.orderBy;
+  }
+};
+
+export {
+  Hyperlink,
+  Constants,
+  OdataBuilder
+};