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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.js +72 -61
  2. package/dist/index.mjs +72 -61
  3. package/dist/server.js +72 -61
  4. package/dist/server.mjs +72 -61
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -7736,6 +7736,36 @@ var DivContainer = async (props) => {
7736
7736
  noLinkColor && "no-link-color",
7737
7737
  !!props.node.enterAnimation && "enter-animation"
7738
7738
  ].filter(Boolean).join(" ");
7739
+ const showDataBindingControls = Boolean(
7740
+ dataBindingProperties?.showFacets || dataBindingProperties?.showSortOptions || dataBindingProperties?.showSearchBar
7741
+ );
7742
+ const WrapperComponent = Wrapper;
7743
+ const renderedContainer = /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
7744
+ WrapperComponent,
7745
+ {
7746
+ id: guid,
7747
+ style: combinedStyles,
7748
+ className: classNames || void 0,
7749
+ ...wrapperProps,
7750
+ children: dataToRender.map(
7751
+ (item, idx) => item?.links?.view && renderLink ? renderChildren(
7752
+ props.node.children,
7753
+ props,
7754
+ item,
7755
+ idx,
7756
+ props.href ? void 0 : item?.links?.view
7757
+ )?.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react57.default.Fragment, { children: child }, i)) : renderChildren(props.node.children, props, item, idx)
7758
+ )
7759
+ }
7760
+ );
7761
+ const paginationControl = dataBindingProperties?.enablePagination ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
7762
+ Pagination2,
7763
+ {
7764
+ path: props.path,
7765
+ query: props.query,
7766
+ dataset: response
7767
+ }
7768
+ ) : null;
7739
7769
  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_react57.default.Fragment, { children: [
7740
7770
  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
7741
7771
  "style",
@@ -7743,67 +7773,48 @@ var DivContainer = async (props) => {
7743
7773
  dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS }
7744
7774
  }
7745
7775
  ),
7746
- dataBindingProperties && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
7747
- DataBindingControls2,
7748
- {
7749
- mode: "toolbar",
7750
- path: props.path,
7751
- query: props.query,
7752
- facets: response?.facets,
7753
- sortOptions: response?.sortOptions,
7754
- showSortOptions: dataBindingProperties.showSortOptions,
7755
- showSearchBar: dataBindingProperties.showSearchBar
7756
- }
7757
- ),
7758
- /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
7759
- "div",
7760
- {
7761
- className: dataBindingProperties?.showFacets ? "grid items-start gap-6 lg:grid-cols-[minmax(0,1fr)_18rem]" : void 0,
7762
- children: [
7763
- /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "min-w-0", children: [
7764
- /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
7765
- Wrapper,
7766
- {
7767
- id: guid,
7768
- style: combinedStyles,
7769
- className: classNames || void 0,
7770
- ...wrapperProps,
7771
- children: dataToRender.map(
7772
- (item, idx) => item?.links?.view && renderLink ? renderChildren(
7773
- props.node.children,
7774
- props,
7775
- item,
7776
- idx,
7777
- props.href ? void 0 : item?.links?.view
7778
- )?.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react57.default.Fragment, { children: child }, i)) : renderChildren(props.node.children, props, item, idx)
7779
- )
7780
- }
7781
- ),
7782
- dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
7783
- Pagination2,
7784
- {
7785
- path: props.path,
7786
- query: props.query,
7787
- dataset: response
7788
- }
7789
- )
7790
- ] }),
7791
- dataBindingProperties?.showFacets && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("aside", { className: "border bg-default p-3 lg:sticky lg:top-[90px] lg:self-start", children: [
7792
- /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("h2", { className: "mb-2 text-lg font-semibold", children: "Filters" }),
7793
- /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
7794
- DataBindingControls2,
7795
- {
7796
- mode: "facets",
7797
- path: props.path,
7798
- query: props.query,
7799
- facets: response?.facets,
7800
- showFacets: dataBindingProperties.showFacets
7801
- }
7802
- )
7803
- ] })
7804
- ]
7805
- }
7806
- )
7776
+ showDataBindingControls ? /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_react57.default.Fragment, { children: [
7777
+ /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
7778
+ DataBindingControls2,
7779
+ {
7780
+ mode: "toolbar",
7781
+ path: props.path,
7782
+ query: props.query,
7783
+ facets: response?.facets,
7784
+ sortOptions: response?.sortOptions,
7785
+ showSortOptions: dataBindingProperties?.showSortOptions,
7786
+ showSearchBar: dataBindingProperties?.showSearchBar
7787
+ }
7788
+ ),
7789
+ /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
7790
+ "div",
7791
+ {
7792
+ className: dataBindingProperties?.showFacets ? "grid items-start gap-6 lg:grid-cols-[minmax(0,1fr)_18rem]" : void 0,
7793
+ children: [
7794
+ /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "min-w-0", children: [
7795
+ renderedContainer,
7796
+ paginationControl
7797
+ ] }),
7798
+ dataBindingProperties?.showFacets && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("aside", { className: "border bg-default p-3 lg:sticky lg:top-[90px] lg:self-start", children: [
7799
+ /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("h2", { className: "mb-2 text-lg font-semibold", children: "Filters" }),
7800
+ /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
7801
+ DataBindingControls2,
7802
+ {
7803
+ mode: "facets",
7804
+ path: props.path,
7805
+ query: props.query,
7806
+ facets: response?.facets,
7807
+ showFacets: dataBindingProperties.showFacets
7808
+ }
7809
+ )
7810
+ ] })
7811
+ ]
7812
+ }
7813
+ )
7814
+ ] }) : /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_react57.default.Fragment, { children: [
7815
+ renderedContainer,
7816
+ paginationControl && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { children: paginationControl })
7817
+ ] })
7807
7818
  ] });
7808
7819
  };
7809
7820
  var DivContainer_default = DivContainer;
package/dist/index.mjs CHANGED
@@ -2706,6 +2706,36 @@ var DivContainer = async (props) => {
2706
2706
  noLinkColor && "no-link-color",
2707
2707
  !!props.node.enterAnimation && "enter-animation"
2708
2708
  ].filter(Boolean).join(" ");
2709
+ const showDataBindingControls = Boolean(
2710
+ dataBindingProperties?.showFacets || dataBindingProperties?.showSortOptions || dataBindingProperties?.showSearchBar
2711
+ );
2712
+ const WrapperComponent = Wrapper;
2713
+ const renderedContainer = /* @__PURE__ */ jsx35(
2714
+ WrapperComponent,
2715
+ {
2716
+ id: guid,
2717
+ style: combinedStyles,
2718
+ className: classNames || void 0,
2719
+ ...wrapperProps,
2720
+ children: dataToRender.map(
2721
+ (item, idx) => item?.links?.view && renderLink ? renderChildren(
2722
+ props.node.children,
2723
+ props,
2724
+ item,
2725
+ idx,
2726
+ props.href ? void 0 : item?.links?.view
2727
+ )?.map((child, i) => /* @__PURE__ */ jsx35(React22.Fragment, { children: child }, i)) : renderChildren(props.node.children, props, item, idx)
2728
+ )
2729
+ }
2730
+ );
2731
+ const paginationControl = dataBindingProperties?.enablePagination ? /* @__PURE__ */ jsx35(
2732
+ Pagination,
2733
+ {
2734
+ path: props.path,
2735
+ query: props.query,
2736
+ dataset: response
2737
+ }
2738
+ ) : null;
2709
2739
  return /* @__PURE__ */ jsxs13(React22.Fragment, { children: [
2710
2740
  /* @__PURE__ */ jsx35(
2711
2741
  "style",
@@ -2713,67 +2743,48 @@ var DivContainer = async (props) => {
2713
2743
  dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS }
2714
2744
  }
2715
2745
  ),
2716
- dataBindingProperties && /* @__PURE__ */ jsx35(
2717
- DataBindingControls,
2718
- {
2719
- mode: "toolbar",
2720
- path: props.path,
2721
- query: props.query,
2722
- facets: response?.facets,
2723
- sortOptions: response?.sortOptions,
2724
- showSortOptions: dataBindingProperties.showSortOptions,
2725
- showSearchBar: dataBindingProperties.showSearchBar
2726
- }
2727
- ),
2728
- /* @__PURE__ */ jsxs13(
2729
- "div",
2730
- {
2731
- className: dataBindingProperties?.showFacets ? "grid items-start gap-6 lg:grid-cols-[minmax(0,1fr)_18rem]" : void 0,
2732
- children: [
2733
- /* @__PURE__ */ jsxs13("div", { className: "min-w-0", children: [
2734
- /* @__PURE__ */ jsx35(
2735
- Wrapper,
2736
- {
2737
- id: guid,
2738
- style: combinedStyles,
2739
- className: classNames || void 0,
2740
- ...wrapperProps,
2741
- children: dataToRender.map(
2742
- (item, idx) => item?.links?.view && renderLink ? renderChildren(
2743
- props.node.children,
2744
- props,
2745
- item,
2746
- idx,
2747
- props.href ? void 0 : item?.links?.view
2748
- )?.map((child, i) => /* @__PURE__ */ jsx35(React22.Fragment, { children: child }, i)) : renderChildren(props.node.children, props, item, idx)
2749
- )
2750
- }
2751
- ),
2752
- dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ jsx35(
2753
- Pagination,
2754
- {
2755
- path: props.path,
2756
- query: props.query,
2757
- dataset: response
2758
- }
2759
- )
2760
- ] }),
2761
- dataBindingProperties?.showFacets && /* @__PURE__ */ jsxs13("aside", { className: "border bg-default p-3 lg:sticky lg:top-[90px] lg:self-start", children: [
2762
- /* @__PURE__ */ jsx35("h2", { className: "mb-2 text-lg font-semibold", children: "Filters" }),
2763
- /* @__PURE__ */ jsx35(
2764
- DataBindingControls,
2765
- {
2766
- mode: "facets",
2767
- path: props.path,
2768
- query: props.query,
2769
- facets: response?.facets,
2770
- showFacets: dataBindingProperties.showFacets
2771
- }
2772
- )
2773
- ] })
2774
- ]
2775
- }
2776
- )
2746
+ showDataBindingControls ? /* @__PURE__ */ jsxs13(React22.Fragment, { children: [
2747
+ /* @__PURE__ */ jsx35(
2748
+ DataBindingControls,
2749
+ {
2750
+ mode: "toolbar",
2751
+ path: props.path,
2752
+ query: props.query,
2753
+ facets: response?.facets,
2754
+ sortOptions: response?.sortOptions,
2755
+ showSortOptions: dataBindingProperties?.showSortOptions,
2756
+ showSearchBar: dataBindingProperties?.showSearchBar
2757
+ }
2758
+ ),
2759
+ /* @__PURE__ */ jsxs13(
2760
+ "div",
2761
+ {
2762
+ className: dataBindingProperties?.showFacets ? "grid items-start gap-6 lg:grid-cols-[minmax(0,1fr)_18rem]" : void 0,
2763
+ children: [
2764
+ /* @__PURE__ */ jsxs13("div", { className: "min-w-0", children: [
2765
+ renderedContainer,
2766
+ paginationControl
2767
+ ] }),
2768
+ dataBindingProperties?.showFacets && /* @__PURE__ */ jsxs13("aside", { className: "border bg-default p-3 lg:sticky lg:top-[90px] lg:self-start", children: [
2769
+ /* @__PURE__ */ jsx35("h2", { className: "mb-2 text-lg font-semibold", children: "Filters" }),
2770
+ /* @__PURE__ */ jsx35(
2771
+ DataBindingControls,
2772
+ {
2773
+ mode: "facets",
2774
+ path: props.path,
2775
+ query: props.query,
2776
+ facets: response?.facets,
2777
+ showFacets: dataBindingProperties.showFacets
2778
+ }
2779
+ )
2780
+ ] })
2781
+ ]
2782
+ }
2783
+ )
2784
+ ] }) : /* @__PURE__ */ jsxs13(React22.Fragment, { children: [
2785
+ renderedContainer,
2786
+ paginationControl && /* @__PURE__ */ jsx35("div", { children: paginationControl })
2787
+ ] })
2777
2788
  ] });
2778
2789
  };
2779
2790
  var DivContainer_default = DivContainer;
package/dist/server.js CHANGED
@@ -7703,6 +7703,36 @@ var DivContainer = async (props) => {
7703
7703
  noLinkColor && "no-link-color",
7704
7704
  !!props.node.enterAnimation && "enter-animation"
7705
7705
  ].filter(Boolean).join(" ");
7706
+ const showDataBindingControls = Boolean(
7707
+ dataBindingProperties?.showFacets || dataBindingProperties?.showSortOptions || dataBindingProperties?.showSearchBar
7708
+ );
7709
+ const WrapperComponent = Wrapper;
7710
+ const renderedContainer = /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
7711
+ WrapperComponent,
7712
+ {
7713
+ id: guid,
7714
+ style: combinedStyles,
7715
+ className: classNames || void 0,
7716
+ ...wrapperProps,
7717
+ children: dataToRender.map(
7718
+ (item, idx) => item?.links?.view && renderLink ? renderChildren(
7719
+ props.node.children,
7720
+ props,
7721
+ item,
7722
+ idx,
7723
+ props.href ? void 0 : item?.links?.view
7724
+ )?.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react57.default.Fragment, { children: child }, i)) : renderChildren(props.node.children, props, item, idx)
7725
+ )
7726
+ }
7727
+ );
7728
+ const paginationControl = dataBindingProperties?.enablePagination ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
7729
+ Pagination2,
7730
+ {
7731
+ path: props.path,
7732
+ query: props.query,
7733
+ dataset: response
7734
+ }
7735
+ ) : null;
7706
7736
  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_react57.default.Fragment, { children: [
7707
7737
  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
7708
7738
  "style",
@@ -7710,67 +7740,48 @@ var DivContainer = async (props) => {
7710
7740
  dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS }
7711
7741
  }
7712
7742
  ),
7713
- dataBindingProperties && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
7714
- DataBindingControls2,
7715
- {
7716
- mode: "toolbar",
7717
- path: props.path,
7718
- query: props.query,
7719
- facets: response?.facets,
7720
- sortOptions: response?.sortOptions,
7721
- showSortOptions: dataBindingProperties.showSortOptions,
7722
- showSearchBar: dataBindingProperties.showSearchBar
7723
- }
7724
- ),
7725
- /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
7726
- "div",
7727
- {
7728
- className: dataBindingProperties?.showFacets ? "grid items-start gap-6 lg:grid-cols-[minmax(0,1fr)_18rem]" : void 0,
7729
- children: [
7730
- /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "min-w-0", children: [
7731
- /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
7732
- Wrapper,
7733
- {
7734
- id: guid,
7735
- style: combinedStyles,
7736
- className: classNames || void 0,
7737
- ...wrapperProps,
7738
- children: dataToRender.map(
7739
- (item, idx) => item?.links?.view && renderLink ? renderChildren(
7740
- props.node.children,
7741
- props,
7742
- item,
7743
- idx,
7744
- props.href ? void 0 : item?.links?.view
7745
- )?.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react57.default.Fragment, { children: child }, i)) : renderChildren(props.node.children, props, item, idx)
7746
- )
7747
- }
7748
- ),
7749
- dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
7750
- Pagination2,
7751
- {
7752
- path: props.path,
7753
- query: props.query,
7754
- dataset: response
7755
- }
7756
- )
7757
- ] }),
7758
- dataBindingProperties?.showFacets && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("aside", { className: "border bg-default p-3 lg:sticky lg:top-[90px] lg:self-start", children: [
7759
- /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("h2", { className: "mb-2 text-lg font-semibold", children: "Filters" }),
7760
- /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
7761
- DataBindingControls2,
7762
- {
7763
- mode: "facets",
7764
- path: props.path,
7765
- query: props.query,
7766
- facets: response?.facets,
7767
- showFacets: dataBindingProperties.showFacets
7768
- }
7769
- )
7770
- ] })
7771
- ]
7772
- }
7773
- )
7743
+ showDataBindingControls ? /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_react57.default.Fragment, { children: [
7744
+ /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
7745
+ DataBindingControls2,
7746
+ {
7747
+ mode: "toolbar",
7748
+ path: props.path,
7749
+ query: props.query,
7750
+ facets: response?.facets,
7751
+ sortOptions: response?.sortOptions,
7752
+ showSortOptions: dataBindingProperties?.showSortOptions,
7753
+ showSearchBar: dataBindingProperties?.showSearchBar
7754
+ }
7755
+ ),
7756
+ /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
7757
+ "div",
7758
+ {
7759
+ className: dataBindingProperties?.showFacets ? "grid items-start gap-6 lg:grid-cols-[minmax(0,1fr)_18rem]" : void 0,
7760
+ children: [
7761
+ /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "min-w-0", children: [
7762
+ renderedContainer,
7763
+ paginationControl
7764
+ ] }),
7765
+ dataBindingProperties?.showFacets && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("aside", { className: "border bg-default p-3 lg:sticky lg:top-[90px] lg:self-start", children: [
7766
+ /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("h2", { className: "mb-2 text-lg font-semibold", children: "Filters" }),
7767
+ /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
7768
+ DataBindingControls2,
7769
+ {
7770
+ mode: "facets",
7771
+ path: props.path,
7772
+ query: props.query,
7773
+ facets: response?.facets,
7774
+ showFacets: dataBindingProperties.showFacets
7775
+ }
7776
+ )
7777
+ ] })
7778
+ ]
7779
+ }
7780
+ )
7781
+ ] }) : /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_react57.default.Fragment, { children: [
7782
+ renderedContainer,
7783
+ paginationControl && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { children: paginationControl })
7784
+ ] })
7774
7785
  ] });
7775
7786
  };
7776
7787
  var DivContainer_default = DivContainer;
package/dist/server.mjs CHANGED
@@ -2674,6 +2674,36 @@ var DivContainer = async (props) => {
2674
2674
  noLinkColor && "no-link-color",
2675
2675
  !!props.node.enterAnimation && "enter-animation"
2676
2676
  ].filter(Boolean).join(" ");
2677
+ const showDataBindingControls = Boolean(
2678
+ dataBindingProperties?.showFacets || dataBindingProperties?.showSortOptions || dataBindingProperties?.showSearchBar
2679
+ );
2680
+ const WrapperComponent = Wrapper;
2681
+ const renderedContainer = /* @__PURE__ */ jsx35(
2682
+ WrapperComponent,
2683
+ {
2684
+ id: guid,
2685
+ style: combinedStyles,
2686
+ className: classNames || void 0,
2687
+ ...wrapperProps,
2688
+ children: dataToRender.map(
2689
+ (item, idx) => item?.links?.view && renderLink ? renderChildren(
2690
+ props.node.children,
2691
+ props,
2692
+ item,
2693
+ idx,
2694
+ props.href ? void 0 : item?.links?.view
2695
+ )?.map((child, i) => /* @__PURE__ */ jsx35(React22.Fragment, { children: child }, i)) : renderChildren(props.node.children, props, item, idx)
2696
+ )
2697
+ }
2698
+ );
2699
+ const paginationControl = dataBindingProperties?.enablePagination ? /* @__PURE__ */ jsx35(
2700
+ Pagination,
2701
+ {
2702
+ path: props.path,
2703
+ query: props.query,
2704
+ dataset: response
2705
+ }
2706
+ ) : null;
2677
2707
  return /* @__PURE__ */ jsxs13(React22.Fragment, { children: [
2678
2708
  /* @__PURE__ */ jsx35(
2679
2709
  "style",
@@ -2681,67 +2711,48 @@ var DivContainer = async (props) => {
2681
2711
  dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS }
2682
2712
  }
2683
2713
  ),
2684
- dataBindingProperties && /* @__PURE__ */ jsx35(
2685
- DataBindingControls,
2686
- {
2687
- mode: "toolbar",
2688
- path: props.path,
2689
- query: props.query,
2690
- facets: response?.facets,
2691
- sortOptions: response?.sortOptions,
2692
- showSortOptions: dataBindingProperties.showSortOptions,
2693
- showSearchBar: dataBindingProperties.showSearchBar
2694
- }
2695
- ),
2696
- /* @__PURE__ */ jsxs13(
2697
- "div",
2698
- {
2699
- className: dataBindingProperties?.showFacets ? "grid items-start gap-6 lg:grid-cols-[minmax(0,1fr)_18rem]" : void 0,
2700
- children: [
2701
- /* @__PURE__ */ jsxs13("div", { className: "min-w-0", children: [
2702
- /* @__PURE__ */ jsx35(
2703
- Wrapper,
2704
- {
2705
- id: guid,
2706
- style: combinedStyles,
2707
- className: classNames || void 0,
2708
- ...wrapperProps,
2709
- children: dataToRender.map(
2710
- (item, idx) => item?.links?.view && renderLink ? renderChildren(
2711
- props.node.children,
2712
- props,
2713
- item,
2714
- idx,
2715
- props.href ? void 0 : item?.links?.view
2716
- )?.map((child, i) => /* @__PURE__ */ jsx35(React22.Fragment, { children: child }, i)) : renderChildren(props.node.children, props, item, idx)
2717
- )
2718
- }
2719
- ),
2720
- dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ jsx35(
2721
- Pagination,
2722
- {
2723
- path: props.path,
2724
- query: props.query,
2725
- dataset: response
2726
- }
2727
- )
2728
- ] }),
2729
- dataBindingProperties?.showFacets && /* @__PURE__ */ jsxs13("aside", { className: "border bg-default p-3 lg:sticky lg:top-[90px] lg:self-start", children: [
2730
- /* @__PURE__ */ jsx35("h2", { className: "mb-2 text-lg font-semibold", children: "Filters" }),
2731
- /* @__PURE__ */ jsx35(
2732
- DataBindingControls,
2733
- {
2734
- mode: "facets",
2735
- path: props.path,
2736
- query: props.query,
2737
- facets: response?.facets,
2738
- showFacets: dataBindingProperties.showFacets
2739
- }
2740
- )
2741
- ] })
2742
- ]
2743
- }
2744
- )
2714
+ showDataBindingControls ? /* @__PURE__ */ jsxs13(React22.Fragment, { children: [
2715
+ /* @__PURE__ */ jsx35(
2716
+ DataBindingControls,
2717
+ {
2718
+ mode: "toolbar",
2719
+ path: props.path,
2720
+ query: props.query,
2721
+ facets: response?.facets,
2722
+ sortOptions: response?.sortOptions,
2723
+ showSortOptions: dataBindingProperties?.showSortOptions,
2724
+ showSearchBar: dataBindingProperties?.showSearchBar
2725
+ }
2726
+ ),
2727
+ /* @__PURE__ */ jsxs13(
2728
+ "div",
2729
+ {
2730
+ className: dataBindingProperties?.showFacets ? "grid items-start gap-6 lg:grid-cols-[minmax(0,1fr)_18rem]" : void 0,
2731
+ children: [
2732
+ /* @__PURE__ */ jsxs13("div", { className: "min-w-0", children: [
2733
+ renderedContainer,
2734
+ paginationControl
2735
+ ] }),
2736
+ dataBindingProperties?.showFacets && /* @__PURE__ */ jsxs13("aside", { className: "border bg-default p-3 lg:sticky lg:top-[90px] lg:self-start", children: [
2737
+ /* @__PURE__ */ jsx35("h2", { className: "mb-2 text-lg font-semibold", children: "Filters" }),
2738
+ /* @__PURE__ */ jsx35(
2739
+ DataBindingControls,
2740
+ {
2741
+ mode: "facets",
2742
+ path: props.path,
2743
+ query: props.query,
2744
+ facets: response?.facets,
2745
+ showFacets: dataBindingProperties.showFacets
2746
+ }
2747
+ )
2748
+ ] })
2749
+ ]
2750
+ }
2751
+ )
2752
+ ] }) : /* @__PURE__ */ jsxs13(React22.Fragment, { children: [
2753
+ renderedContainer,
2754
+ paginationControl && /* @__PURE__ */ jsx35("div", { children: paginationControl })
2755
+ ] })
2745
2756
  ] });
2746
2757
  };
2747
2758
  var DivContainer_default = DivContainer;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@clyrex-digital/clyrex-controls-dev",
3
- "version": "0.8.1-dev.20260824062326",
3
+ "version": "0.8.1-dev.20260824072352",
4
4
  "description": "Reusable React components",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",