@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260713051007 → 0.8.1-dev.20260713054521

package/dist/chunk-UFKPTMM7.mjs

@@ -0,0 +1,199 @@
+import {
+  Constants
+} from "./chunk-DBHUCH4B.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-YL6E76X2.mjs

@@ -0,0 +1,212 @@
+import {
+  buttonClasses,
+  progressClasses
+} from "./chunk-56HSDML5.mjs";
+
+// src/components/ToastService.tsx
+var toastHandlersKey = "__digitalStoreToastHandlers";
+var getToastHandlers = () => {
+  const globalScope = globalThis;
+  if (!globalScope[toastHandlersKey]) {
+    globalScope[toastHandlersKey] = {};
+  }
+  return globalScope[toastHandlersKey];
+};
+var ToastService = class {
+  static initialize(showToast, closeToast) {
+    const handlers = getToastHandlers();
+    handlers.showToast = showToast;
+    handlers.closeToast = closeToast;
+  }
+  static showError(message) {
+    const handlers = getToastHandlers();
+    if (handlers.showToast) {
+      handlers.showToast(message, "error");
+    }
+  }
+  static showInfo(message) {
+    const handlers = getToastHandlers();
+    if (handlers.showToast) {
+      handlers.showToast(message, "info");
+    }
+  }
+  static showWarning(message) {
+    const handlers = getToastHandlers();
+    if (handlers.showToast) {
+      handlers.showToast(message, "warning");
+    }
+  }
+  static showSuccess(message) {
+    const handlers = getToastHandlers();
+    if (handlers.showToast) {
+      handlers.showToast(message, "success");
+    }
+  }
+  static close() {
+    const handlers = getToastHandlers();
+    if (handlers.closeToast) {
+      handlers.closeToast();
+    }
+  }
+};
+var ToastService_default = ToastService;
+
+// src/components/Button.tsx
+import React3, { useState as useState2 } from "react";
+
+// src/components/Confirm.tsx
+import { useState } from "react";
+
+// src/components/ClientButton.tsx
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var ClientButton = (props) => {
+  const execute = async (event) => {
+    if (props.onClick !== void 0) {
+      props.onClick();
+    } else {
+      ToastService_default.showError("No action defined.");
+    }
+  };
+  let buttonClass = props.ButtonType ? buttonClasses.get(props.ButtonType) : buttonClasses.get("Primary" /* Solid */);
+  return /* @__PURE__ */ jsx(React.Fragment, { children: /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick: execute,
+      className: buttonClass + " " + props.className,
+      children: props.children
+    }
+  ) });
+};
+var ClientButton_default = ClientButton;
+
+// src/components/Confirm.tsx
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
+var Confirm = ({ message, onConfirm, onCancel }) => {
+  const [showModal, setShowModal] = useState(true);
+  const handleConfirmAction = () => {
+    setShowModal(false);
+    if (onConfirm) {
+      onConfirm();
+    }
+  };
+  const handleCancelAction = () => {
+    setShowModal(false);
+    if (onCancel) {
+      onCancel();
+    }
+  };
+  return /* @__PURE__ */ jsx2(Fragment, { children: showModal && /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 flex items-center justify-center z-50", children: [
+    /* @__PURE__ */ jsx2("div", { className: "absolute inset-0 bg-black opacity-70" }),
+    /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-md p-6 w-2/6 shadow border z-50", children: [
+      /* @__PURE__ */ jsx2("p", { className: "text-xl font-medium mb-4", children: "Confirmation" }),
+      /* @__PURE__ */ jsx2("p", { className: "mb-4", children: message }),
+      /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-8", children: [
+        /* @__PURE__ */ jsx2(
+          ClientButton_default,
+          {
+            onClick: handleCancelAction,
+            ButtonType: "PrimaryHollow" /* Hollow */,
+            children: "Cancel"
+          }
+        ),
+        /* @__PURE__ */ jsx2(
+          ClientButton_default,
+          {
+            onClick: handleConfirmAction,
+            children: "Confirm"
+          }
+        )
+      ] })
+    ] })
+  ] }) });
+};
+var Confirm_default = Confirm;
+{
+}
+
+// src/components/Button.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var Button = (props) => {
+  const [inProgress, setInProgress] = useState2(false);
+  const [isActionPerformed, setIsActionPerformed] = useState2(false);
+  const [responseMessage, setResponseMessage] = useState2(null);
+  const [showModal, setShowModal] = useState2(null);
+  const execute = async (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    if (props.confirm) {
+      const confirmed = await showConfirmation("Are you sure you want to delete this item?");
+      setShowModal(null);
+      if (!confirmed) {
+        return;
+      }
+    }
+    if (props.oneTimeAction && isActionPerformed) {
+      return;
+    }
+    setInProgress(true);
+    let isValid = true;
+    if (props.onValidate !== void 0) {
+      isValid = await props.onValidate();
+      if (!isValid) {
+        setInProgress(false);
+        ToastService_default.showError("There are errors in the form. Please fix them before proceeding.");
+        return;
+      }
+    }
+    if (props.onClick !== void 0) {
+      let response = await props.onClick();
+      if (response.isSuccessful) {
+        setIsActionPerformed(true);
+        setResponseMessage(response.message);
+        if (props.showToast) {
+          ToastService_default.showInfo(response.message || "");
+        }
+      } else {
+        ToastService_default.showError(response.message || "");
+      }
+    } else {
+      ToastService_default.showError("No action defined.");
+    }
+    setInProgress(false);
+  };
+  const showConfirmation = (message) => {
+    return new Promise((resolve) => {
+      const onConfirm = () => resolve(true);
+      const onCancel = () => resolve(false);
+      setShowModal(/* @__PURE__ */ jsx3(Confirm_default, { message: props.confirmationMessage, onConfirm, onCancel }));
+    });
+  };
+  let buttonClass = props.ButtonType ? buttonClasses.get(props.ButtonType) : buttonClasses.get("Primary" /* Solid */);
+  let progressClass = props.ButtonType ? progressClasses.get(props.ButtonType) : progressClasses.get("Primary" /* Solid */);
+  const isDisabled = inProgress || isActionPerformed && props.oneTimeAction;
+  return /* @__PURE__ */ jsxs2(React3.Fragment, { children: [
+    /* @__PURE__ */ jsxs2(
+      "button",
+      {
+        type: "submit",
+        onClick: execute,
+        disabled: props.disabled,
+        title: isDisabled ? "The button is disabled to prevent any action" : "",
+        className: buttonClass + " relative " + props.className,
+        children: [
+          isActionPerformed && props.oneTimeAction && responseMessage ? responseMessage : props.children,
+          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" })
+          ] }) })
+        ]
+      }
+    ),
+    showModal
+  ] });
+};
+var Button_default = Button;
+
+export {
+  ToastService_default,
+  ClientButton_default,
+  Button_default
+};

package/package.json

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