@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260609125530 → 0.8.1-dev.20260615062630

package/dist/index.js

@@ -2494,15 +2494,17 @@ var CheckboxInput = (props) => {
     value = true;
   }
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react21.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "mb-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-      "label",
-      {
-        htmlFor: props.name,
-        className: "inline-block text-sm font-medium",
-        children: props?.attributes?.label
-      }
-    ),
-    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "bg-error-weak", children: "*" }),
+    props?.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        "label",
+        {
+          htmlFor: props.name,
+          className: "inline-block text-sm font-medium",
+          children: props.attributes.label
+        }
+      ),
+      props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "bg-error-weak", children: "*" })
+    ] }),
     /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       "input",
       {
@@ -6075,6 +6077,21 @@ var DataList = (props) => {
       }
     }
   }, [props.dataset]);
+  (0, import_react55.useEffect)(() => {
+    if (!props.query?.["$filter"] || !props.filters) return;
+    const filterQuery = props.query["$filter"];
+    props.filters.forEach((filter) => {
+      const regex = new RegExp(`${filter.name}\\s+eq\\s+'?([^']+)'?`);
+      const match = filterQuery.match(regex);
+      if (match) {
+        dispatch({
+          type: FORM_INPUT_UPDATE,
+          name: filter.name,
+          value: match[1]
+        });
+      }
+    });
+  }, [props.query, props.filters]);
   function getNestedProperty2(obj, path) {
     if (path.includes(".")) {
       return path.split(".").reduce((prev, curr) => prev ? prev[curr] : null, obj);

package/dist/index.mjs

@@ -872,7 +872,7 @@ var NumberInput_default = NumberInput;
 
 // src/components/controls/edit/CheckboxInput.tsx
 import React19 from "react";
-import { jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
 var CheckboxInput = (props) => {
   const textChangeHandler = (event) => {
     let text = event.target.checked;
@@ -890,15 +890,17 @@ var CheckboxInput = (props) => {
     value = true;
   }
   return /* @__PURE__ */ jsx20(React19.Fragment, { children: /* @__PURE__ */ jsxs12("div", { className: "mb-1", children: [
-    /* @__PURE__ */ jsx20(
-      "label",
-      {
-        htmlFor: props.name,
-        className: "inline-block text-sm font-medium",
-        children: props?.attributes?.label
-      }
-    ),
-    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx20("span", { className: "bg-error-weak", children: "*" }),
+    props?.attributes?.label && /* @__PURE__ */ jsxs12(Fragment, { children: [
+      /* @__PURE__ */ jsx20(
+        "label",
+        {
+          htmlFor: props.name,
+          className: "inline-block text-sm font-medium",
+          children: props.attributes.label
+        }
+      ),
+      props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx20("span", { className: "bg-error-weak", children: "*" })
+    ] }),
     /* @__PURE__ */ jsx20(
       "input",
       {
@@ -1668,7 +1670,7 @@ import React28, { useEffect as useEffect7 } from "react";
 
 // src/components/dataForm/Hyperlink.tsx
 import Link from "next/link";
-import { Fragment, jsx as jsx29 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx29 } 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";
@@ -1676,7 +1678,7 @@ function Hyperlink(props) {
   if (target == "_blank") {
     additionalProps.rel = "noopener noreferrer";
   }
-  return /* @__PURE__ */ jsx29(Fragment, { children: props.href ? /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx29(Fragment2, { children: props.href ? /* @__PURE__ */ jsx29(
     Link,
     {
       href: props.href,
@@ -2162,7 +2164,7 @@ var ImageNode_default = ImageNode;
 
 // src/components/pageRenderingEngine/nodes/LinkNode.tsx
 import dynamic4 from "next/dynamic";
-import { Fragment as Fragment2, jsx as jsx40, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx40, jsxs as jsxs23 } from "react/jsx-runtime";
 var LinkNodeButton = dynamic4(() => import("./LinkNodeButton-WDDPNYWI.mjs"), {
   ssr: false
 });
@@ -2215,7 +2217,7 @@ var LinkNode = (props) => {
   const isButton = node.isButton === true;
   const renderChildren = () => {
     if (!node.children || node.children.length === 0) return null;
-    return /* @__PURE__ */ jsx40(Fragment2, { children: node.children.map((childNode, index) => {
+    return /* @__PURE__ */ jsx40(Fragment3, { children: node.children.map((childNode, index) => {
       const SelectedNode = NodeTypes2[childNode.type];
       if (!SelectedNode) {
         console.warn("Unknown node type:", childNode.type);
@@ -2438,7 +2440,7 @@ var DatafieldNode = (props) => {
 var DatafieldNode_default = DatafieldNode;
 
 // src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
-import { Fragment as Fragment3, jsx as jsx44, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx44, jsxs as jsxs24 } from "react/jsx-runtime";
 var ParagraphNode = (props) => {
   const NodeTypes2 = {
     ["text"]: TextNode_default,
@@ -2458,7 +2460,7 @@ var ParagraphNode = (props) => {
   const isInlineOnlyParent = props.parentTag === "summary";
   const hasChildren = props.node.children && props.node.children.length > 0;
   if (isInlineOnlyParent) {
-    return /* @__PURE__ */ jsx44(Fragment3, { children: hasChildren && props.node.children.map((node, index) => {
+    return /* @__PURE__ */ jsx44(Fragment4, { children: hasChildren && props.node.children.map((node, index) => {
       const SelectedNode = NodeTypes2[node.type];
       return /* @__PURE__ */ jsx44(React31.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx44(
         SelectedNode,
@@ -2493,7 +2495,7 @@ var ParagraphNode_default = ParagraphNode;
 
 // src/components/pageRenderingEngine/nodes/HeadingNode.tsx
 import React32 from "react";
-import { Fragment as Fragment4, jsx as jsx45 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx45 } from "react/jsx-runtime";
 var HeadingNode = (props) => {
   const NodeTypes2 = {
     ["text"]: TextNode_default,
@@ -2509,7 +2511,7 @@ var HeadingNode = (props) => {
   {
   }
   const formatClasses = FormatClass[props.node.format] || "";
-  return /* @__PURE__ */ jsx45(Fragment4, { children: React32.createElement(
+  return /* @__PURE__ */ jsx45(Fragment5, { children: React32.createElement(
     HeadingTag,
     { className: formatClasses },
     props.node.children && props.node.children.map((childNode, index) => {
@@ -2645,7 +2647,7 @@ var HorizontalRuleNode_default = HorizontalRuleNode;
 
 // src/components/pageRenderingEngine/nodes/WidgetNode.tsx
 import React37 from "react";
-import { Fragment as Fragment5, jsx as jsx51 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx51 } from "react/jsx-runtime";
 var WidgetNode = (props) => {
   const getWidgetParameters = () => {
     const widgetInputParameters = {
@@ -2709,7 +2711,7 @@ var WidgetNode = (props) => {
   };
   const widgetCode = props.node?.widgetCode;
   if (!widgetCode) {
-    return /* @__PURE__ */ jsx51(Fragment5, { children: "Invalid widget" });
+    return /* @__PURE__ */ jsx51(Fragment6, { children: "Invalid widget" });
   }
   const widgetParams = getWidgetParameters();
   const WidgetRenderer = props.widgetRenderer;
@@ -2886,7 +2888,7 @@ var EmbedNode_default = EmbedNode;
 
 // src/components/Slider.tsx
 import React39, { useState as useState6, useEffect as useEffect9, Children, cloneElement } from "react";
-import { Fragment as Fragment6, jsx as jsx55, jsxs as jsxs28 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx55, jsxs as jsxs28 } from "react/jsx-runtime";
 var Slider = ({
   children,
   slidesToShow = 4,
@@ -3024,7 +3026,7 @@ var Slider = ({
             children: slides
           }
         ),
-        show_arrows && /* @__PURE__ */ jsxs28(Fragment6, { children: [
+        show_arrows && /* @__PURE__ */ jsxs28(Fragment7, { children: [
           /* @__PURE__ */ jsx55(
             ArrowButton,
             {
@@ -3720,7 +3722,7 @@ var Pagination_default = Pagination;
 
 // src/components/pageRenderingEngine/nodes/ImageGalleryNode.tsx
 import dynamic7 from "next/dynamic";
-import { Fragment as Fragment7, jsx as jsx58, jsxs as jsxs31 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx58, jsxs as jsxs31 } from "react/jsx-runtime";
 var HlsPlayer2 = dynamic7(() => import("./HlsPlayer-DZNDKG2P.mjs"), { ssr: false });
 var deviceToMediaQuery = (device) => {
   switch (device) {
@@ -3793,8 +3795,8 @@ var ImageGalleryNode = (props) => {
     right: "justify-end"
   };
   const formatClasses = FormatClass[props.node.format || ""] || "";
-  return /* @__PURE__ */ jsxs31(Fragment7, { children: [
-    hlsSources.length > 0 && /* @__PURE__ */ jsx58(Fragment7, { children: /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsxs31(Fragment8, { children: [
+    hlsSources.length > 0 && /* @__PURE__ */ jsx58(Fragment8, { children: /* @__PURE__ */ jsx58(
       HlsPlayer2,
       {
         sources: hlsSources,
@@ -3809,7 +3811,7 @@ var ImageGalleryNode = (props) => {
         styles: hlsStyles
       }
     ) }),
-    staticFallback && /* @__PURE__ */ jsx58(Fragment7, { children: /* @__PURE__ */ jsxs31("picture", { children: [
+    staticFallback && /* @__PURE__ */ jsx58(Fragment8, { children: /* @__PURE__ */ jsxs31("picture", { children: [
       DEVICE_ORDER.map((deviceKey) => {
         const match = staticSources.find((img) => img.device === deviceKey);
         if (!match) return null;
@@ -4282,7 +4284,7 @@ var PageBodyRenderer_default = PageBodyRenderer;
 
 // src/components/Toast.tsx
 import { useState as useState8 } from "react";
-import { Fragment as Fragment8, jsx as jsx61, jsxs as jsxs33 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx61, jsxs as jsxs33 } from "react/jsx-runtime";
 var Toast = () => {
   const [showToast, setShowToast] = useState8(false);
   const [message, setMessage] = useState8("");
@@ -4325,7 +4327,7 @@ var Toast = () => {
   const closeToast = () => {
     setShowToast(false);
   };
-  return /* @__PURE__ */ jsx61(Fragment8, { children: showToast && /* @__PURE__ */ jsx61("div", { className: "fixed top-2 flex justify-center w-1/2 max-w-xl left-1/2 -translate-x-1/2", style: { zIndex: 1e3 }, children: /* @__PURE__ */ jsxs33("div", { className: `w-full items-center flex justify-between p-3 rounded-md relative shadow border bg-${messageType}-soft`, children: [
+  return /* @__PURE__ */ jsx61(Fragment9, { children: showToast && /* @__PURE__ */ jsx61("div", { className: "fixed top-2 flex justify-center w-1/2 max-w-xl left-1/2 -translate-x-1/2", style: { zIndex: 1e3 }, children: /* @__PURE__ */ jsxs33("div", { className: `w-full items-center flex justify-between p-3 rounded-md relative shadow border bg-${messageType}-soft`, children: [
     /* @__PURE__ */ jsx61(
       "span",
       {
@@ -4445,7 +4447,7 @@ var ContentView = (props) => {
 var ContentView_default = ContentView;
 
 // src/components/dataForm/DataList.tsx
-import { Fragment as Fragment9, jsx as jsx65, jsxs as jsxs35 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx65, jsxs as jsxs35 } from "react/jsx-runtime";
 var DataList = (props) => {
   const router = useRouter();
   let builder = new OdataBuilder(props.path);
@@ -4463,6 +4465,21 @@ var DataList = (props) => {
       }
     }
   }, [props.dataset]);
+  useEffect10(() => {
+    if (!props.query?.["$filter"] || !props.filters) return;
+    const filterQuery = props.query["$filter"];
+    props.filters.forEach((filter) => {
+      const regex = new RegExp(`${filter.name}\\s+eq\\s+'?([^']+)'?`);
+      const match = filterQuery.match(regex);
+      if (match) {
+        dispatch({
+          type: FORM_INPUT_UPDATE,
+          name: filter.name,
+          value: match[1]
+        });
+      }
+    });
+  }, [props.query, props.filters]);
   function getNestedProperty2(obj, path) {
     if (path.includes(".")) {
       return path.split(".").reduce((prev, curr) => prev ? prev[curr] : null, obj);
@@ -4537,7 +4554,7 @@ var DataList = (props) => {
       const showFirstPages = activePageNumber <= 5;
       const showLastPages = activePageNumber > pages - 5;
       if (showFirstPages) {
-        return /* @__PURE__ */ jsxs35(Fragment9, { children: [
+        return /* @__PURE__ */ jsxs35(Fragment10, { children: [
           Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ jsx65(React46.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx65(
             Hyperlink,
             {
@@ -4585,7 +4602,7 @@ var DataList = (props) => {
           ) })
         ] });
       } else if (showLastPages) {
-        return /* @__PURE__ */ jsxs35(Fragment9, { children: [
+        return /* @__PURE__ */ jsxs35(Fragment10, { children: [
           /* @__PURE__ */ jsx65(
             Hyperlink,
             {
@@ -4615,7 +4632,7 @@ var DataList = (props) => {
           )
         ] });
       } else {
-        return /* @__PURE__ */ jsxs35(Fragment9, { children: [
+        return /* @__PURE__ */ jsxs35(Fragment10, { children: [
           /* @__PURE__ */ jsx65(
             Hyperlink,
             {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acoustte-digital-services/digitalstore-controls-dev",
-  "version": "0.8.1-dev.20260609125530",
+  "version": "0.8.1-dev.20260615062630",
   "description": "Reusable React components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -22,7 +22,7 @@
     }
   },
   "devDependencies": {
-    "@types/node": "^25.9.2",
+    "@types/node": "^25.9.3",
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "tsup": "^8.5.1",