@clyrex-digital/clyrex-controls-dev 0.8.1-dev.20260818060820 → 0.8.1-dev.20260824072352

package/dist/index.mjs

@@ -2,7 +2,10 @@
 
 import {
   OdataBuilder
-} from "./chunk-KL2YKXXS.mjs";
+} from "./chunk-4P4HO663.mjs";
+import {
+  InputControl_default
+} from "./chunk-GKI42H4B.mjs";
 import {
   AssetUtility_default,
   BooleanSelect_default,
@@ -23,16 +26,18 @@ import {
   Select_default,
   Switcher_default,
   TimeInput_default
-} from "./chunk-65QPOTZ4.mjs";
+} from "./chunk-GJOJX2O3.mjs";
 import {
-  Constants,
   Hyperlink,
-  Icon_default,
+  Icon_default
+} from "./chunk-GCG4OYDJ.mjs";
+import {
+  Constants,
   InputControlType_default
-} from "./chunk-YDPISYMP.mjs";
+} from "./chunk-E4VOFO5Q.mjs";
 import {
   ServiceClient_default
-} from "./chunk-WEV5U33G.mjs";
+} from "./chunk-TKDSRAM6.mjs";
 import {
   Button_default,
   ClientButton_default,
@@ -411,13 +416,6 @@ var ViewControl = (props) => {
 };
 var ViewControl_default = ViewControl;
 
-// src/components/controls/edit/InputControl.tsx
-import dynamic5 from "next/dynamic";
-var InputControl = dynamic5(() => import("./InputControlClient-XR37ZIQ2.mjs"), {
-  ssr: false
-});
-var InputControl_default = InputControl;
-
 // src/components/pageRenderingEngine/PageBodyRenderer.tsx
 import React23 from "react";
 
@@ -507,9 +505,9 @@ var LineBreakNode_default = LineBreakNode;
 import React14 from "react";
 
 // src/components/pageRenderingEngine/nodes/ImageNode.tsx
-import dynamic6 from "next/dynamic";
+import dynamic5 from "next/dynamic";
 import { jsx as jsx17 } from "react/jsx-runtime";
-var HlsPlayer2 = dynamic6(() => import("./HlsPlayer-IW52N5RG.mjs"), { ssr: false });
+var HlsPlayer2 = dynamic5(() => import("./HlsPlayer-IW52N5RG.mjs"), { ssr: false });
 var getNestedValue = (obj, path) => {
   if (!obj || !path) return void 0;
   return path.split(".").reduce((current, key) => {
@@ -615,9 +613,9 @@ var ImageNode = (props) => {
 var ImageNode_default = ImageNode;
 
 // src/components/pageRenderingEngine/nodes/LinkNode.tsx
-import dynamic7 from "next/dynamic";
+import dynamic6 from "next/dynamic";
 import { Fragment, jsx as jsx18, jsxs as jsxs6 } from "react/jsx-runtime";
-var LinkNodeButton = dynamic7(() => import("./LinkNodeButton-AOEDCCL7.mjs"), {
+var LinkNodeButton = dynamic6(() => import("./LinkNodeButton-BEAX4I4C.mjs"), {
   ssr: false
 });
 function getNestedValue2(obj, path) {
@@ -1050,9 +1048,9 @@ var QuoteNode_default = QuoteNode;
 
 // src/components/pageRenderingEngine/nodes/CodeNode.tsx
 import React20 from "react";
-import dynamic8 from "next/dynamic";
+import dynamic7 from "next/dynamic";
 import { jsx as jsx27, jsxs as jsxs9 } from "react/jsx-runtime";
-var CopyButton = dynamic8(() => import("./CopyButton-UPJPMJUB.mjs"), {
+var CopyButton = dynamic7(() => import("./CopyButton-UPJPMJUB.mjs"), {
   ssr: false,
   // optional: fallback UI while loading
   loading: () => /* @__PURE__ */ jsx27("span", { className: "text-gray-400 text-xs", children: "Copy" })
@@ -1189,13 +1187,13 @@ var WidgetNode = (props) => {
 var WidgetNode_default = WidgetNode;
 
 // src/components/pageRenderingEngine/nodes/DivContainer.tsx
-import dynamic12 from "next/dynamic";
+import dynamic11 from "next/dynamic";
 import React22 from "react";
 
 // src/components/pageRenderingEngine/nodes/EmbedNode.tsx
-import dynamic9 from "next/dynamic";
+import dynamic8 from "next/dynamic";
 import { jsx as jsx30 } from "react/jsx-runtime";
-var IframeClient = dynamic9(() => import("./IframeClient-WF2KLXZB.mjs"), {
+var IframeClient = dynamic8(() => import("./IframeClient-WF2KLXZB.mjs"), {
   ssr: false
 });
 var EmbedNode = (props) => {
@@ -1429,9 +1427,9 @@ var NoDataFound = () => {
 var NoDataFound_default = NoDataFound;
 
 // src/components/pageRenderingEngine/nodes/ImageGalleryNode.tsx
-import dynamic10 from "next/dynamic";
+import dynamic9 from "next/dynamic";
 import { Fragment as Fragment5, jsx as jsx32, jsxs as jsxs11 } from "react/jsx-runtime";
-var HlsPlayer3 = dynamic10(() => import("./HlsPlayer-IW52N5RG.mjs"), { ssr: false });
+var HlsPlayer3 = dynamic9(() => import("./HlsPlayer-IW52N5RG.mjs"), { ssr: false });
 var deviceToMediaQuery = (device) => {
   switch (device) {
     case "lg":
@@ -2277,9 +2275,9 @@ var DocumentNode = (props) => {
 var DocumentNode_default = DocumentNode;
 
 // src/components/pageRenderingEngine/nodes/GoogleMapNode.tsx
-import dynamic11 from "next/dynamic";
+import dynamic10 from "next/dynamic";
 import { jsx as jsx34 } from "react/jsx-runtime";
-var IframeClient2 = dynamic11(() => import("./IframeClient-WF2KLXZB.mjs"), {
+var IframeClient2 = dynamic10(() => import("./IframeClient-WF2KLXZB.mjs"), {
   ssr: false
 });
 var GoogleMapNode = (props) => {
@@ -2297,8 +2295,11 @@ var GoogleMapNode_default = GoogleMapNode;
 
 // src/components/pageRenderingEngine/nodes/DivContainer.tsx
 import { jsx as jsx35, jsxs as jsxs13 } from "react/jsx-runtime";
-var Pagination = dynamic12(() => import("./Pagination-YKNCYVXV.mjs"), { ssr: true });
-var Slider = dynamic12(() => import("./Slider-554BKC7N.mjs"), {
+var Pagination = dynamic11(() => import("./Pagination-GL6B4MNO.mjs"), { ssr: true });
+var DataBindingControls = dynamic11(() => import("./DataBindingControls-QZ7ES2AS.mjs"), {
+  ssr: true
+});
+var Slider = dynamic11(() => import("./Slider-554BKC7N.mjs"), {
   ssr: false
 });
 function toCamelCase(str) {
@@ -2705,6 +2706,36 @@ var DivContainer = async (props) => {
     noLinkColor && "no-link-color",
     !!props.node.enterAnimation && "enter-animation"
   ].filter(Boolean).join(" ");
+  const showDataBindingControls = Boolean(
+    dataBindingProperties?.showFacets || dataBindingProperties?.showSortOptions || dataBindingProperties?.showSearchBar
+  );
+  const WrapperComponent = Wrapper;
+  const renderedContainer = /* @__PURE__ */ jsx35(
+    WrapperComponent,
+    {
+      id: guid,
+      style: combinedStyles,
+      className: classNames || void 0,
+      ...wrapperProps,
+      children: dataToRender.map(
+        (item, idx) => item?.links?.view && renderLink ? renderChildren(
+          props.node.children,
+          props,
+          item,
+          idx,
+          props.href ? void 0 : item?.links?.view
+        )?.map((child, i) => /* @__PURE__ */ jsx35(React22.Fragment, { children: child }, i)) : renderChildren(props.node.children, props, item, idx)
+      )
+    }
+  );
+  const paginationControl = dataBindingProperties?.enablePagination ? /* @__PURE__ */ jsx35(
+    Pagination,
+    {
+      path: props.path,
+      query: props.query,
+      dataset: response
+    }
+  ) : null;
   return /* @__PURE__ */ jsxs13(React22.Fragment, { children: [
     /* @__PURE__ */ jsx35(
       "style",
@@ -2712,32 +2743,48 @@ var DivContainer = async (props) => {
         dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS }
       }
     ),
-    /* @__PURE__ */ jsx35(
-      Wrapper,
-      {
-        id: guid,
-        style: combinedStyles,
-        className: classNames || void 0,
-        ...wrapperProps,
-        children: dataToRender.map(
-          (item, idx) => item?.links?.view && renderLink ? renderChildren(
-            props.node.children,
-            props,
-            item,
-            idx,
-            props.href ? void 0 : item?.links?.view
-          )?.map((child, i) => /* @__PURE__ */ jsx35(React22.Fragment, { children: child }, i)) : renderChildren(props.node.children, props, item, idx)
-        )
-      }
-    ),
-    dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ jsx35("div", { children: /* @__PURE__ */ jsx35(
-      Pagination,
-      {
-        path: props.path,
-        query: props.query,
-        dataset: response
-      }
-    ) })
+    showDataBindingControls ? /* @__PURE__ */ jsxs13(React22.Fragment, { children: [
+      /* @__PURE__ */ jsx35(
+        DataBindingControls,
+        {
+          mode: "toolbar",
+          path: props.path,
+          query: props.query,
+          facets: response?.facets,
+          sortOptions: response?.sortOptions,
+          showSortOptions: dataBindingProperties?.showSortOptions,
+          showSearchBar: dataBindingProperties?.showSearchBar
+        }
+      ),
+      /* @__PURE__ */ jsxs13(
+        "div",
+        {
+          className: dataBindingProperties?.showFacets ? "grid items-start gap-6 lg:grid-cols-[minmax(0,1fr)_18rem]" : void 0,
+          children: [
+            /* @__PURE__ */ jsxs13("div", { className: "min-w-0", children: [
+              renderedContainer,
+              paginationControl
+            ] }),
+            dataBindingProperties?.showFacets && /* @__PURE__ */ jsxs13("aside", { className: "border bg-default p-3 lg:sticky lg:top-[90px] lg:self-start", children: [
+              /* @__PURE__ */ jsx35("h2", { className: "mb-2 text-lg font-semibold", children: "Filters" }),
+              /* @__PURE__ */ jsx35(
+                DataBindingControls,
+                {
+                  mode: "facets",
+                  path: props.path,
+                  query: props.query,
+                  facets: response?.facets,
+                  showFacets: dataBindingProperties.showFacets
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    ] }) : /* @__PURE__ */ jsxs13(React22.Fragment, { children: [
+      renderedContainer,
+      paginationControl && /* @__PURE__ */ jsx35("div", { children: paginationControl })
+    ] })
   ] });
 };
 var DivContainer_default = DivContainer;

package/dist/server.d.mts

@@ -18,14 +18,25 @@ interface ActionResponse<T> {
     result?: T;
 }
 
+interface FacetValue {
+    value: string;
+    count: number;
+}
+type Facets = Record<string, FacetValue[]>;
+interface SortOption {
+    name: string;
+    title: string;
+    direction: string;
+}
 interface QueryResponse<T> {
-    isSuccessful?: boolean;
-    message?: string;
-    errorNumber?: string;
-    result?: T[];
-    parent?: T;
     count?: number;
-    data?: T[];
+    result?: T[];
+    continuationToken?: string | null;
+    message?: string;
+    facets?: Facets;
+    sortOptions?: SortOption[];
+    errorNumber?: number;
+    responseGeneratedAtUTC?: string;
 }
 
 interface SingleResponse<T> {

package/dist/server.d.ts

@@ -18,14 +18,25 @@ interface ActionResponse<T> {
     result?: T;
 }
 
+interface FacetValue {
+    value: string;
+    count: number;
+}
+type Facets = Record<string, FacetValue[]>;
+interface SortOption {
+    name: string;
+    title: string;
+    direction: string;
+}
 interface QueryResponse<T> {
-    isSuccessful?: boolean;
-    message?: string;
-    errorNumber?: string;
-    result?: T[];
-    parent?: T;
     count?: number;
-    data?: T[];
+    result?: T[];
+    continuationToken?: string | null;
+    message?: string;
+    facets?: Facets;
+    sortOptions?: SortOption[];
+    errorNumber?: number;
+    responseGeneratedAtUTC?: string;
 }
 
 interface SingleResponse<T> {