@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260707162731 → 0.8.1-dev.20260708060703

package/dist/{InputControlClient-NJV6B65M.mjs → InputControlClient-646PQPKQ.mjs}

@@ -22,7 +22,7 @@ import {
   Hyperlink,
   Icon_default,
   InputControlType_default
-} from "./chunk-2GSYECIS.mjs";
+} from "./chunk-FI2KJBK2.mjs";
 import {
   Button_default,
   ClientButton_default
@@ -30,7 +30,7 @@ import {
 import "./chunk-IMNQO57B.mjs";
 
 // src/components/controls/edit/InputControlClient.tsx
-import React4 from "react";
+import React5 from "react";
 
 // src/components/controls/edit/Select.tsx
 import { useState, useEffect } from "react";
@@ -570,9 +570,81 @@ var AssetUpload = (props) => {
 };
 var AssetUpload_default = AssetUpload;
 
+// src/components/controls/edit/SwitchInput.tsx
+import React4 from "react";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var SwitchInput = (props) => {
+  const textChangeHandler = (event) => {
+    let text = event.target.checked;
+    if (props.callback !== void 0) {
+      props.callback({
+        name: props.name,
+        value: text,
+        index: props.index,
+        groupKey: props.groupKey
+      });
+    }
+  };
+  let value = false;
+  if (props.value != void 0 && props.value != null && props.value != "" && (props.value == "true" || props.value.toString() == "true")) {
+    value = true;
+  }
+  return /* @__PURE__ */ jsx4(React4.Fragment, { children: /* @__PURE__ */ jsxs4("div", { className: "flex items-start justify-between gap-4 py-3", children: [
+    /* @__PURE__ */ jsxs4("div", { className: "min-w-0", children: [
+      props?.attributes?.label && /* @__PURE__ */ jsxs4(
+        "label",
+        {
+          htmlFor: props.name,
+          className: "inline-block text-sm font-semibold text-slate-800",
+          children: [
+            props.attributes.label,
+            props?.attributes?.required && /* @__PURE__ */ jsx4("span", { className: "bg-error-weak", children: "*" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx4("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage || "" })
+    ] }),
+    /* @__PURE__ */ jsxs4(
+      "label",
+      {
+        htmlFor: props.name,
+        className: "relative inline-flex shrink-0 cursor-pointer items-center peer-disabled:cursor-not-allowed",
+        children: [
+          /* @__PURE__ */ jsx4(
+            "input",
+            {
+              type: "checkbox",
+              name: props.name,
+              id: props.name,
+              checked: value,
+              onChange: textChangeHandler,
+              required: props?.attributes?.required,
+              disabled: props?.attributes?.readOnly,
+              className: "peer sr-only"
+            }
+          ),
+          /* @__PURE__ */ jsx4(
+            "div",
+            {
+              className: "h-6 w-11 rounded-full bg-slate-200 shadow-inner\n                       transition-colors duration-200 ease-in-out\n                       peer-checked:bg-blue-600\n                       peer-focus-visible:ring-2 peer-focus-visible:ring-blue-300 peer-focus-visible:ring-offset-2\n                       peer-disabled:bg-slate-100"
+            }
+          ),
+          /* @__PURE__ */ jsx4(
+            "div",
+            {
+              className: "absolute left-0.5 top-0.5 h-5 w-5 rounded-full bg-default shadow\n                       transition-transform duration-200 ease-in-out\n                       peer-checked:translate-x-5\n                       peer-disabled:bg-slate-50"
+            }
+          )
+        ]
+      }
+    )
+  ] }) });
+};
+var SwitchInput_default = SwitchInput;
+
 // src/components/controls/edit/InputControlClient.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-var InputControl = React4.forwardRef(
+import { jsx as jsx5 } from "react/jsx-runtime";
+var InputControl = React5.forwardRef(
   (props, ref) => {
     const ControlComponents = {
       [InputControlType_default.lineTextInput]: LineTextInput_default,
@@ -591,10 +663,11 @@ var InputControl = React4.forwardRef(
       [InputControlType_default.selectWithSearchPanel]: SelectWithSearchPanel_default,
       [InputControlType_default.booleanSelect]: BooleanSelect_default,
       [InputControlType_default.timeInput]: TimeInput_default,
-      [InputControlType_default.asset]: AssetUpload_default
+      [InputControlType_default.asset]: AssetUpload_default,
+      [InputControlType_default.switchInput]: SwitchInput_default
     };
     const SelectedControlComponent = ControlComponents[props.controlType];
-    return /* @__PURE__ */ jsx4(React4.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ jsx4(SelectedControlComponent, { ...props }) : "Control not found" });
+    return /* @__PURE__ */ jsx5(React5.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ jsx5(SelectedControlComponent, { ...props }) : "Control not found" });
   }
 );
 InputControl.displayName = "InputControl";

package/dist/{InputControlClient-TW664WIJ.mjs → InputControlClient-O4HBEUP4.mjs}

@@ -20,7 +20,7 @@ import {
   Hyperlink,
   Icon_default,
   InputControlType_default
-} from "./chunk-CM7LUGCH.mjs";
+} from "./chunk-UWFXFVUU.mjs";
 import {
   Button_default,
   ClientButton_default
@@ -28,7 +28,7 @@ import {
 import "./chunk-56HSDML5.mjs";
 
 // src/components/controls/edit/InputControlClient.tsx
-import React4 from "react";
+import React5 from "react";
 
 // src/components/controls/edit/Select.tsx
 import { useState, useEffect } from "react";
@@ -568,9 +568,81 @@ var AssetUpload = (props) => {
 };
 var AssetUpload_default = AssetUpload;
 
+// src/components/controls/edit/SwitchInput.tsx
+import React4 from "react";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var SwitchInput = (props) => {
+  const textChangeHandler = (event) => {
+    let text = event.target.checked;
+    if (props.callback !== void 0) {
+      props.callback({
+        name: props.name,
+        value: text,
+        index: props.index,
+        groupKey: props.groupKey
+      });
+    }
+  };
+  let value = false;
+  if (props.value != void 0 && props.value != null && props.value != "" && (props.value == "true" || props.value.toString() == "true")) {
+    value = true;
+  }
+  return /* @__PURE__ */ jsx4(React4.Fragment, { children: /* @__PURE__ */ jsxs4("div", { className: "flex items-start justify-between gap-4 py-3", children: [
+    /* @__PURE__ */ jsxs4("div", { className: "min-w-0", children: [
+      props?.attributes?.label && /* @__PURE__ */ jsxs4(
+        "label",
+        {
+          htmlFor: props.name,
+          className: "inline-block text-sm font-semibold text-slate-800",
+          children: [
+            props.attributes.label,
+            props?.attributes?.required && /* @__PURE__ */ jsx4("span", { className: "bg-error-weak", children: "*" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx4("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage || "" })
+    ] }),
+    /* @__PURE__ */ jsxs4(
+      "label",
+      {
+        htmlFor: props.name,
+        className: "relative inline-flex shrink-0 cursor-pointer items-center peer-disabled:cursor-not-allowed",
+        children: [
+          /* @__PURE__ */ jsx4(
+            "input",
+            {
+              type: "checkbox",
+              name: props.name,
+              id: props.name,
+              checked: value,
+              onChange: textChangeHandler,
+              required: props?.attributes?.required,
+              disabled: props?.attributes?.readOnly,
+              className: "peer sr-only"
+            }
+          ),
+          /* @__PURE__ */ jsx4(
+            "div",
+            {
+              className: "h-6 w-11 rounded-full bg-slate-200 shadow-inner\n                       transition-colors duration-200 ease-in-out\n                       peer-checked:bg-blue-600\n                       peer-focus-visible:ring-2 peer-focus-visible:ring-blue-300 peer-focus-visible:ring-offset-2\n                       peer-disabled:bg-slate-100"
+            }
+          ),
+          /* @__PURE__ */ jsx4(
+            "div",
+            {
+              className: "absolute left-0.5 top-0.5 h-5 w-5 rounded-full bg-default shadow\n                       transition-transform duration-200 ease-in-out\n                       peer-checked:translate-x-5\n                       peer-disabled:bg-slate-50"
+            }
+          )
+        ]
+      }
+    )
+  ] }) });
+};
+var SwitchInput_default = SwitchInput;
+
 // src/components/controls/edit/InputControlClient.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-var InputControl = React4.forwardRef(
+import { jsx as jsx5 } from "react/jsx-runtime";
+var InputControl = React5.forwardRef(
   (props, ref) => {
     const ControlComponents = {
       [InputControlType_default.lineTextInput]: LineTextInput_default,
@@ -589,10 +661,11 @@ var InputControl = React4.forwardRef(
       [InputControlType_default.selectWithSearchPanel]: SelectWithSearchPanel_default,
       [InputControlType_default.booleanSelect]: BooleanSelect_default,
       [InputControlType_default.timeInput]: TimeInput_default,
-      [InputControlType_default.asset]: AssetUpload_default
+      [InputControlType_default.asset]: AssetUpload_default,
+      [InputControlType_default.switchInput]: SwitchInput_default
     };
     const SelectedControlComponent = ControlComponents[props.controlType];
-    return /* @__PURE__ */ jsx4(React4.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ jsx4(SelectedControlComponent, { ...props }) : "Control not found" });
+    return /* @__PURE__ */ jsx5(React5.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ jsx5(SelectedControlComponent, { ...props }) : "Control not found" });
   }
 );
 InputControl.displayName = "InputControl";

package/dist/{Pagination-FSYLYKUA.mjs → Pagination-4K7GMWUE.mjs}

@@ -1,12 +1,12 @@
 "use client";
 import {
   OdataBuilder
-} from "./chunk-47HD7QP7.mjs";
+} from "./chunk-FYGNBMII.mjs";
 import {
   Constants,
   Hyperlink,
   Icon_default
-} from "./chunk-CM7LUGCH.mjs";
+} from "./chunk-UWFXFVUU.mjs";
 import "./chunk-56HSDML5.mjs";
 
 // src/components/Pagination.tsx

package/dist/Pagination-OQT7Q2XO.mjs

@@ -0,0 +1,183 @@
+"use client";
+
+"use client";
+import {
+  OdataBuilder
+} from "./chunk-OGGIS4AN.mjs";
+import {
+  Constants,
+  Hyperlink,
+  Icon_default
+} from "./chunk-FI2KJBK2.mjs";
+import "./chunk-IMNQO57B.mjs";
+
+// src/components/Pagination.tsx
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Pagination = (props) => {
+  const { dataset, path, query, showPageSizeSelector = false, showJumpToPage = false } = props;
+  const builder = useMemo(() => {
+    const b = new OdataBuilder(path);
+    if (query) b.setQuery(query);
+    return b;
+  }, [path, query]);
+  const activePageNumber = builder.getPageNumber(Constants.pagesize);
+  const totalItems = dataset?.count || 0;
+  const itemsPerPage = parseInt(builder.top || Constants.pagesize.toString());
+  const totalPages = Math.ceil(totalItems / itemsPerPage);
+  const startItem = totalItems > 0 ? (activePageNumber - 1) * itemsPerPage + 1 : 0;
+  const endItem = Math.min(activePageNumber * itemsPerPage, totalItems);
+  const getPaginationRange = () => {
+    const delta = 1;
+    const range = [];
+    if (totalPages <= 7) {
+      return Array.from({ length: totalPages }, (_, i) => i + 1);
+    }
+    range.push(1);
+    let start = Math.max(2, activePageNumber - delta);
+    let end = Math.min(totalPages - 1, activePageNumber + delta);
+    if (activePageNumber - delta <= 2) {
+      end = Math.min(totalPages - 1, 4);
+    }
+    if (activePageNumber + delta >= totalPages - 1) {
+      start = Math.max(2, totalPages - 4);
+    }
+    if (start > 2) {
+      range.push("...");
+    }
+    for (let i = start; i <= end; i++) {
+      range.push(i);
+    }
+    if (end < totalPages - 1) {
+      range.push("...");
+    }
+    if (totalPages > 1) {
+      range.push(totalPages);
+    }
+    return range;
+  };
+  const paginationRange = getPaginationRange();
+  const PageButton = ({ page, children }) => /* @__PURE__ */ jsx(
+    Hyperlink,
+    {
+      linkType: "Link" /* Link */,
+      className: `
+               min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2.5 md:px-3 
+                border text-sm font-medium transition-colors duration-150
+                ${activePageNumber === page ? "bg-primary-base font-semibold" : ""}
+            `,
+      href: builder.getNewPageUrl(page),
+      children
+    }
+  );
+  const NavigationButton = ({ page, disabled, children }) => {
+    if (disabled) {
+      return /* @__PURE__ */ jsx("span", { className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2 md:px-3 border  bg-neutral-base cursor-not-allowed", children });
+    }
+    return /* @__PURE__ */ jsx(
+      Hyperlink,
+      {
+        className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2 md:px-3 border transition-colors duration-150",
+        href: builder.getNewPageUrl(page),
+        children
+      }
+    );
+  };
+  if (totalPages <= 1 && totalItems === 0) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "py-6 border-t bg-default", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "text-sm", children: [
+        "Showing ",
+        /* @__PURE__ */ jsxs("span", { className: "font-semibold", children: [
+          startItem,
+          "-",
+          endItem
+        ] }),
+        " ",
+        "out of ",
+        /* @__PURE__ */ jsx("span", { className: "font-semibold", children: totalItems.toLocaleString() }),
+        " results"
+      ] }),
+      totalPages > 1 && /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-1", children: [
+        /* @__PURE__ */ jsxs(
+          NavigationButton,
+          {
+            page: activePageNumber - 1,
+            disabled: activePageNumber === 1,
+            children: [
+              /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Icon_default, { name: "chevronLeft", className: "w-4 h-4 mr-1" }) }),
+              /* @__PURE__ */ jsx("span", { className: "text-sm", children: "Prev" })
+            ]
+          }
+        ),
+        paginationRange.map((item, index) => {
+          if (item === "...") {
+            return /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center text-gray-500",
+                children: "..."
+              },
+              `ellipsis-${index}`
+            );
+          }
+          const page = item;
+          return /* @__PURE__ */ jsx(PageButton, { page, children: page }, page);
+        }),
+        /* @__PURE__ */ jsxs(
+          NavigationButton,
+          {
+            page: activePageNumber + 1,
+            disabled: activePageNumber === totalPages,
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "text-sm", children: "Next" }),
+              /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Icon_default, { name: "chevronRight", className: "w-4 h-4 ml-1" }) })
+            ]
+          }
+        )
+      ] }),
+      showJumpToPage && totalPages > 5 && /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-sm", children: "Go to:" }),
+        /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "number",
+            min: "1",
+            max: totalPages,
+            defaultValue: activePageNumber,
+            className: "w-20 h-10 px-3 border rounded text-sm focus:outline-none focus:ring-2 focus:border-transparent",
+            onKeyDown: (e) => {
+              if (e.key === "Enter") {
+                const input = e.target;
+                const page = parseInt(input.value);
+                if (page >= 1 && page <= totalPages && page !== activePageNumber) {
+                  window.location.href = builder.getNewPageUrl(page);
+                }
+              }
+            }
+          }
+        ) })
+      ] })
+    ] }),
+    showPageSizeSelector && /* @__PURE__ */ jsx("div", { className: "mt-4 pt-4 border-t bg-default", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center space-x-2", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-sm", children: "Show:" }),
+      /* @__PURE__ */ jsx("div", { className: "flex space-x-1", children: [10, 25, 50, 100].map((size) => /* @__PURE__ */ jsx(
+        Hyperlink,
+        {
+          className: `
+                                        px-3 py-1 text-sm rounded border transition-colors duration-150
+                                        ${itemsPerPage === size ? "bg-primary-base font-medium" : "bg-neutral-weak"}
+                                    `,
+          href: builder.getNewPageSizeUrl(size),
+          children: size
+        },
+        size
+      )) }),
+      /* @__PURE__ */ jsx("span", { className: "text-sm", children: "per page" })
+    ] }) })
+  ] });
+};
+var Pagination_default = Pagination;
+export {
+  Pagination_default as default
+};

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-47HD7QP7.mjs → chunk-FYGNBMII.mjs}

@@ -1,6 +1,6 @@
 import {
   Constants
-} from "./chunk-CM7LUGCH.mjs";
+} from "./chunk-UWFXFVUU.mjs";
 
 // src/clients/OdataBuilder.tsx
 var OdataBuilder = class {