@clyrex-digital/clyrex-controls-dev 0.8.1-dev.20260723122345 → 0.8.1-dev.20260723123821

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 +37 -40
  2. package/dist/index.mjs +86 -89
  3. package/dist/server.js +37 -40
  4. package/dist/server.mjs +38 -41
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -6961,49 +6961,46 @@ var PageBodyRenderer = (props) => {
6961
6961
  }
6962
6962
  return true;
6963
6963
  };
6964
- return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_react53.default.Fragment, { children: [
6965
- /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { children: "Thuis isadiasdia testaststtstst" }),
6966
- rootNode && rootNode?.children?.map((node, index) => {
6964
+ return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react53.default.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
6965
+ {
6966
+ }
6967
+ const SelectedNode = NodeTypes[node.type];
6968
+ if (!shouldRenderNode(node)) {
6969
+ return null;
6970
+ }
6971
+ return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react53.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react53.default.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react53.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
6972
+ SelectedNode,
6967
6973
  {
6974
+ node,
6975
+ firstNode: true,
6976
+ routeParameters: props.routeParameters,
6977
+ query: props.query,
6978
+ session: props.session,
6979
+ host: props.host,
6980
+ path: props.path,
6981
+ apiBaseUrl: props.apiBaseUrl,
6982
+ serviceClient: props.serviceClient,
6983
+ assetBaseUrl: props.assetBaseUrl,
6984
+ device: props.device,
6985
+ widgetRenderer: props.widgetRenderer
6968
6986
  }
6969
- const SelectedNode = NodeTypes[node.type];
6970
- if (!shouldRenderNode(node)) {
6971
- return null;
6987
+ ) }) : /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react53.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
6988
+ SelectedNode,
6989
+ {
6990
+ node,
6991
+ routeParameters: props.routeParameters,
6992
+ query: props.query,
6993
+ session: props.session,
6994
+ host: props.host,
6995
+ path: props.path,
6996
+ apiBaseUrl: props.apiBaseUrl,
6997
+ serviceClient: props.serviceClient,
6998
+ assetBaseUrl: props.assetBaseUrl,
6999
+ device: props.device,
7000
+ widgetRenderer: props.widgetRenderer
6972
7001
  }
6973
- return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react53.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react53.default.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react53.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
6974
- SelectedNode,
6975
- {
6976
- node,
6977
- firstNode: true,
6978
- routeParameters: props.routeParameters,
6979
- query: props.query,
6980
- session: props.session,
6981
- host: props.host,
6982
- path: props.path,
6983
- apiBaseUrl: props.apiBaseUrl,
6984
- serviceClient: props.serviceClient,
6985
- assetBaseUrl: props.assetBaseUrl,
6986
- device: props.device,
6987
- widgetRenderer: props.widgetRenderer
6988
- }
6989
- ) }) : /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react53.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
6990
- SelectedNode,
6991
- {
6992
- node,
6993
- routeParameters: props.routeParameters,
6994
- query: props.query,
6995
- session: props.session,
6996
- host: props.host,
6997
- path: props.path,
6998
- apiBaseUrl: props.apiBaseUrl,
6999
- serviceClient: props.serviceClient,
7000
- assetBaseUrl: props.assetBaseUrl,
7001
- device: props.device,
7002
- widgetRenderer: props.widgetRenderer
7003
- }
7004
- ) }) }) }, index);
7005
- })
7006
- ] });
7002
+ ) }) }) }, index);
7003
+ }) });
7007
7004
  };
7008
7005
  var PageBodyRenderer_default = PageBodyRenderer;
7009
7006
 
package/dist/index.mjs CHANGED
@@ -2687,7 +2687,7 @@ var DivContainer = async (props) => {
2687
2687
  var DivContainer_default = DivContainer;
2688
2688
 
2689
2689
  // src/components/pageRenderingEngine/PageBodyRenderer.tsx
2690
- import { jsx as jsx35, jsxs as jsxs14 } from "react/jsx-runtime";
2690
+ import { jsx as jsx35 } from "react/jsx-runtime";
2691
2691
  var NodeTypes = {
2692
2692
  ["paragraph"]: ParagraphNode_default,
2693
2693
  ["heading"]: HeadingNode_default,
@@ -2724,49 +2724,46 @@ var PageBodyRenderer = (props) => {
2724
2724
  }
2725
2725
  return true;
2726
2726
  };
2727
- return /* @__PURE__ */ jsxs14(React23.Fragment, { children: [
2728
- /* @__PURE__ */ jsx35("div", { children: "Thuis isadiasdia testaststtstst" }),
2729
- rootNode && rootNode?.children?.map((node, index) => {
2727
+ return /* @__PURE__ */ jsx35(React23.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
2728
+ {
2729
+ }
2730
+ const SelectedNode = NodeTypes[node.type];
2731
+ if (!shouldRenderNode(node)) {
2732
+ return null;
2733
+ }
2734
+ return /* @__PURE__ */ jsx35(React23.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx35(React23.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ jsx35(React23.Fragment, { children: /* @__PURE__ */ jsx35(
2735
+ SelectedNode,
2730
2736
  {
2737
+ node,
2738
+ firstNode: true,
2739
+ routeParameters: props.routeParameters,
2740
+ query: props.query,
2741
+ session: props.session,
2742
+ host: props.host,
2743
+ path: props.path,
2744
+ apiBaseUrl: props.apiBaseUrl,
2745
+ serviceClient: props.serviceClient,
2746
+ assetBaseUrl: props.assetBaseUrl,
2747
+ device: props.device,
2748
+ widgetRenderer: props.widgetRenderer
2731
2749
  }
2732
- const SelectedNode = NodeTypes[node.type];
2733
- if (!shouldRenderNode(node)) {
2734
- return null;
2750
+ ) }) : /* @__PURE__ */ jsx35(React23.Fragment, { children: /* @__PURE__ */ jsx35(
2751
+ SelectedNode,
2752
+ {
2753
+ node,
2754
+ routeParameters: props.routeParameters,
2755
+ query: props.query,
2756
+ session: props.session,
2757
+ host: props.host,
2758
+ path: props.path,
2759
+ apiBaseUrl: props.apiBaseUrl,
2760
+ serviceClient: props.serviceClient,
2761
+ assetBaseUrl: props.assetBaseUrl,
2762
+ device: props.device,
2763
+ widgetRenderer: props.widgetRenderer
2735
2764
  }
2736
- return /* @__PURE__ */ jsx35(React23.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx35(React23.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ jsx35(React23.Fragment, { children: /* @__PURE__ */ jsx35(
2737
- SelectedNode,
2738
- {
2739
- node,
2740
- firstNode: true,
2741
- routeParameters: props.routeParameters,
2742
- query: props.query,
2743
- session: props.session,
2744
- host: props.host,
2745
- path: props.path,
2746
- apiBaseUrl: props.apiBaseUrl,
2747
- serviceClient: props.serviceClient,
2748
- assetBaseUrl: props.assetBaseUrl,
2749
- device: props.device,
2750
- widgetRenderer: props.widgetRenderer
2751
- }
2752
- ) }) : /* @__PURE__ */ jsx35(React23.Fragment, { children: /* @__PURE__ */ jsx35(
2753
- SelectedNode,
2754
- {
2755
- node,
2756
- routeParameters: props.routeParameters,
2757
- query: props.query,
2758
- session: props.session,
2759
- host: props.host,
2760
- path: props.path,
2761
- apiBaseUrl: props.apiBaseUrl,
2762
- serviceClient: props.serviceClient,
2763
- assetBaseUrl: props.assetBaseUrl,
2764
- device: props.device,
2765
- widgetRenderer: props.widgetRenderer
2766
- }
2767
- ) }) }) }, index);
2768
- })
2769
- ] });
2765
+ ) }) }) }, index);
2766
+ }) });
2770
2767
  };
2771
2768
  var PageBodyRenderer_default = PageBodyRenderer;
2772
2769
 
@@ -2820,7 +2817,7 @@ function EnterAnimationHydrator() {
2820
2817
 
2821
2818
  // src/components/Toast.tsx
2822
2819
  import { useCallback, useEffect as useEffect2, useRef, useState } from "react";
2823
- import { Fragment as Fragment7, jsx as jsx36, jsxs as jsxs15 } from "react/jsx-runtime";
2820
+ import { Fragment as Fragment7, jsx as jsx36, jsxs as jsxs14 } from "react/jsx-runtime";
2824
2821
  var Toast = () => {
2825
2822
  const [showToast, setShowToast] = useState(false);
2826
2823
  const [message, setMessage] = useState("");
@@ -2854,7 +2851,7 @@ var Toast = () => {
2854
2851
  });
2855
2852
  };
2856
2853
  }, [closeToast, showMessage]);
2857
- return /* @__PURE__ */ jsx36(Fragment7, { children: showToast && /* @__PURE__ */ jsx36("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__ */ jsxs15("div", { className: `w-full items-center flex justify-between p-3 rounded-md relative shadow border bg-${messageType}-soft`, children: [
2854
+ return /* @__PURE__ */ jsx36(Fragment7, { children: showToast && /* @__PURE__ */ jsx36("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__ */ jsxs14("div", { className: `w-full items-center flex justify-between p-3 rounded-md relative shadow border bg-${messageType}-soft`, children: [
2858
2855
  /* @__PURE__ */ jsx36(
2859
2856
  "span",
2860
2857
  {
@@ -2933,33 +2930,33 @@ var NoContentView_default = NoContentView;
2933
2930
 
2934
2931
  // src/components/dataForm/ContentView.tsx
2935
2932
  import React26 from "react";
2936
- import { jsx as jsx39, jsxs as jsxs16 } from "react/jsx-runtime";
2933
+ import { jsx as jsx39, jsxs as jsxs15 } from "react/jsx-runtime";
2937
2934
  var ContentView = (props) => {
2938
- return /* @__PURE__ */ jsxs16(React26.Fragment, { children: [
2939
- props.isDataFound == null && /* @__PURE__ */ jsx39("div", { className: "", children: /* @__PURE__ */ jsxs16("div", { className: "bg-gray-200 rounded-md p-4 animate-pulse", children: [
2940
- /* @__PURE__ */ jsxs16("div", { className: "flex items-center mb-4", children: [
2935
+ return /* @__PURE__ */ jsxs15(React26.Fragment, { children: [
2936
+ props.isDataFound == null && /* @__PURE__ */ jsx39("div", { className: "", children: /* @__PURE__ */ jsxs15("div", { className: "bg-gray-200 rounded-md p-4 animate-pulse", children: [
2937
+ /* @__PURE__ */ jsxs15("div", { className: "flex items-center mb-4", children: [
2941
2938
  /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
2942
- /* @__PURE__ */ jsxs16("div", { className: "ml-2", children: [
2939
+ /* @__PURE__ */ jsxs15("div", { className: "ml-2", children: [
2943
2940
  /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
2944
2941
  /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
2945
2942
  ] })
2946
2943
  ] }),
2947
- /* @__PURE__ */ jsxs16("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
2948
- /* @__PURE__ */ jsxs16("div", { className: "animate-pulse", children: [
2944
+ /* @__PURE__ */ jsxs15("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
2945
+ /* @__PURE__ */ jsxs15("div", { className: "animate-pulse", children: [
2949
2946
  /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
2950
2947
  /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
2951
2948
  /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
2952
2949
  /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
2953
2950
  /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
2954
2951
  ] }),
2955
- /* @__PURE__ */ jsxs16("div", { className: "animate-pulse", children: [
2952
+ /* @__PURE__ */ jsxs15("div", { className: "animate-pulse", children: [
2956
2953
  /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
2957
2954
  /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
2958
2955
  /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
2959
2956
  /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
2960
2957
  /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
2961
2958
  ] }),
2962
- /* @__PURE__ */ jsxs16("div", { className: "animate-pulse", children: [
2959
+ /* @__PURE__ */ jsxs15("div", { className: "animate-pulse", children: [
2963
2960
  /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
2964
2961
  /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
2965
2962
  /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
@@ -3018,7 +3015,7 @@ function FormReducer(state, action) {
3018
3015
  var FormReducer_default = FormReducer;
3019
3016
 
3020
3017
  // src/components/dataForm/DataList.tsx
3021
- import { Fragment as Fragment8, jsx as jsx40, jsxs as jsxs17 } from "react/jsx-runtime";
3018
+ import { Fragment as Fragment8, jsx as jsx40, jsxs as jsxs16 } from "react/jsx-runtime";
3022
3019
  var DataList = (props) => {
3023
3020
  const router = useRouter();
3024
3021
  let builder = new OdataBuilder(props.path);
@@ -3148,7 +3145,7 @@ var DataList = (props) => {
3148
3145
  const showFirstPages = activePageNumber <= 5;
3149
3146
  const showLastPages = activePageNumber > pages - 5;
3150
3147
  if (showFirstPages) {
3151
- return /* @__PURE__ */ jsxs17(Fragment8, { children: [
3148
+ return /* @__PURE__ */ jsxs16(Fragment8, { children: [
3152
3149
  Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ jsx40(React27.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx40(
3153
3150
  Hyperlink,
3154
3151
  {
@@ -3174,7 +3171,7 @@ var DataList = (props) => {
3174
3171
  children: pages
3175
3172
  }
3176
3173
  ),
3177
- /* @__PURE__ */ jsx40("div", { className: "relative inline-block", children: /* @__PURE__ */ jsxs17(
3174
+ /* @__PURE__ */ jsx40("div", { className: "relative inline-block", children: /* @__PURE__ */ jsxs16(
3178
3175
  "select",
3179
3176
  {
3180
3177
  className: " py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
@@ -3196,7 +3193,7 @@ var DataList = (props) => {
3196
3193
  ) })
3197
3194
  ] });
3198
3195
  } else if (showLastPages) {
3199
- return /* @__PURE__ */ jsxs17(Fragment8, { children: [
3196
+ return /* @__PURE__ */ jsxs16(Fragment8, { children: [
3200
3197
  /* @__PURE__ */ jsx40(
3201
3198
  Hyperlink,
3202
3199
  {
@@ -3226,7 +3223,7 @@ var DataList = (props) => {
3226
3223
  )
3227
3224
  ] });
3228
3225
  } else {
3229
- return /* @__PURE__ */ jsxs17(Fragment8, { children: [
3226
+ return /* @__PURE__ */ jsxs16(Fragment8, { children: [
3230
3227
  /* @__PURE__ */ jsx40(
3231
3228
  Hyperlink,
3232
3229
  {
@@ -3272,7 +3269,7 @@ var DataList = (props) => {
3272
3269
  children: pages
3273
3270
  }
3274
3271
  ),
3275
- /* @__PURE__ */ jsx40("div", { className: "relative inline-block", children: /* @__PURE__ */ jsxs17(
3272
+ /* @__PURE__ */ jsx40("div", { className: "relative inline-block", children: /* @__PURE__ */ jsxs16(
3276
3273
  "select",
3277
3274
  {
3278
3275
  className: "px-2 py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
@@ -3293,15 +3290,15 @@ var DataList = (props) => {
3293
3290
  }
3294
3291
  }
3295
3292
  };
3296
- return /* @__PURE__ */ jsxs17(React27.Fragment, { children: [
3297
- /* @__PURE__ */ jsxs17(ContentView_default, { isDataFound, children: [
3298
- (props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ jsxs17(
3293
+ return /* @__PURE__ */ jsxs16(React27.Fragment, { children: [
3294
+ /* @__PURE__ */ jsxs16(ContentView_default, { isDataFound, children: [
3295
+ (props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ jsxs16(
3299
3296
  "div",
3300
3297
  {
3301
3298
  className: `flex justify-between items-center bg-white pl-6 pr-2 h-14 mb-3 shadow-sm rounded-md sticky top-0`,
3302
3299
  children: [
3303
3300
  props.title ? /* @__PURE__ */ jsx40("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ jsx40("h2", { className: "text-lg font-semibold text-black-800", children: props.title }) }) : /* @__PURE__ */ jsx40("div", {}),
3304
- /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-3", children: [
3301
+ /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-3", children: [
3305
3302
  props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ jsx40(
3306
3303
  InputControl_default,
3307
3304
  {
@@ -3329,7 +3326,7 @@ var DataList = (props) => {
3329
3326
  },
3330
3327
  filter.name
3331
3328
  )),
3332
- props.addLinkHref && /* @__PURE__ */ jsxs17(
3329
+ props.addLinkHref && /* @__PURE__ */ jsxs16(
3333
3330
  Hyperlink,
3334
3331
  {
3335
3332
  className: "gap-1",
@@ -3345,7 +3342,7 @@ var DataList = (props) => {
3345
3342
  ]
3346
3343
  }
3347
3344
  ),
3348
- /* @__PURE__ */ jsx40("div", { className: "flex-1 overflow-y-auto justify-end bg-white rounded shadow h-[calc(100vh-14rem)]", children: /* @__PURE__ */ jsxs17("table", { className: "w-full divide-y divide-gray-200", children: [
3345
+ /* @__PURE__ */ jsx40("div", { className: "flex-1 overflow-y-auto justify-end bg-white rounded shadow h-[calc(100vh-14rem)]", children: /* @__PURE__ */ jsxs16("table", { className: "w-full divide-y divide-gray-200", children: [
3349
3346
  /* @__PURE__ */ jsx40("thead", { className: "bg-gray-50 sticky top-0", children: /* @__PURE__ */ jsx40("tr", { children: props?.columns?.map((column) => {
3350
3347
  let url = builder.getNewOrderByUrl(column.name);
3351
3348
  let icon = "chevronUpDown";
@@ -3365,7 +3362,7 @@ var DataList = (props) => {
3365
3362
  {
3366
3363
  href: column.enableSorting ? url : void 0,
3367
3364
  className: "!text-neutral-contrast ",
3368
- children: /* @__PURE__ */ jsxs17("span", { className: "flex items-center space-x-1", children: [
3365
+ children: /* @__PURE__ */ jsxs16("span", { className: "flex items-center space-x-1", children: [
3369
3366
  /* @__PURE__ */ jsx40("span", { className: "text-black", children: column.label }),
3370
3367
  column.enableSorting && /* @__PURE__ */ jsx40(Icon_default, { className: "w-4 h-4", name: icon })
3371
3368
  ] })
@@ -3433,9 +3430,9 @@ var DataList = (props) => {
3433
3430
  }) }, index);
3434
3431
  }) })
3435
3432
  ] }) }),
3436
- /* @__PURE__ */ jsx40("div", { className: "pt-4 border-t border-t-gray-50 sticky bottom-0 h-11 mt-2 ", children: /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-between", children: [
3433
+ /* @__PURE__ */ jsx40("div", { className: "pt-4 border-t border-t-gray-50 sticky bottom-0 h-11 mt-2 ", children: /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between", children: [
3437
3434
  /* @__PURE__ */ jsx40("div", { className: "text-gray-700", children: label }),
3438
- /* @__PURE__ */ jsxs17("div", { className: "flex space-x-2 items-center", children: [
3435
+ /* @__PURE__ */ jsxs16("div", { className: "flex space-x-2 items-center", children: [
3439
3436
  activePageNumber > 1 && /* @__PURE__ */ jsx40(
3440
3437
  Hyperlink,
3441
3438
  {
@@ -3458,14 +3455,14 @@ var DataList = (props) => {
3458
3455
  ] })
3459
3456
  ] }) })
3460
3457
  ] }),
3461
- /* @__PURE__ */ jsxs17(NoContentView_default, { isDataFound, children: [
3462
- (props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ jsxs17(
3458
+ /* @__PURE__ */ jsxs16(NoContentView_default, { isDataFound, children: [
3459
+ (props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ jsxs16(
3463
3460
  "div",
3464
3461
  {
3465
3462
  className: `flex justify-between items-center bg-white pl-6 pr-2 h-14 mb-3 shadow-sm rounded-md border-b border-neutral-200`,
3466
3463
  children: [
3467
3464
  props.title ? /* @__PURE__ */ jsx40("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ jsx40("h2", { className: "text-lg font-semibold text-black", children: props.title }) }) : /* @__PURE__ */ jsx40("div", {}),
3468
- /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-3", children: [
3465
+ /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-3", children: [
3469
3466
  props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ jsx40(
3470
3467
  InputControl_default,
3471
3468
  {
@@ -3493,7 +3490,7 @@ var DataList = (props) => {
3493
3490
  },
3494
3491
  filter.name
3495
3492
  )),
3496
- props.addLinkHref && /* @__PURE__ */ jsxs17(
3493
+ props.addLinkHref && /* @__PURE__ */ jsxs16(
3497
3494
  Hyperlink,
3498
3495
  {
3499
3496
  className: "gap-1",
@@ -3509,7 +3506,7 @@ var DataList = (props) => {
3509
3506
  ]
3510
3507
  }
3511
3508
  ),
3512
- /* @__PURE__ */ jsxs17("div", { className: "flex-grow overflow-y-auto justify-end bg-white rounded shadow h-[75vh]", children: [
3509
+ /* @__PURE__ */ jsxs16("div", { className: "flex-grow overflow-y-auto justify-end bg-white rounded shadow h-[75vh]", children: [
3513
3510
  /* @__PURE__ */ jsx40("div", { children: /* @__PURE__ */ jsx40("table", { className: "w-full divide-y divide-gray-200", children: /* @__PURE__ */ jsx40("thead", { className: "bg-gray-50", children: /* @__PURE__ */ jsx40("tr", { children: props?.columns?.map((column) => {
3514
3511
  let url = builder.getNewOrderByUrl(column.name);
3515
3512
  let icon = "chevronUpDown";
@@ -3529,7 +3526,7 @@ var DataList = (props) => {
3529
3526
  {
3530
3527
  href: column.enableSorting ? url : void 0,
3531
3528
  className: "text-body-950",
3532
- children: /* @__PURE__ */ jsxs17("span", { className: "flex items-center space-x-1", children: [
3529
+ children: /* @__PURE__ */ jsxs16("span", { className: "flex items-center space-x-1", children: [
3533
3530
  /* @__PURE__ */ jsx40("span", { children: column.label }),
3534
3531
  column.enableSorting && /* @__PURE__ */ jsx40(Icon_default, { className: "w-4 h-4", name: icon })
3535
3532
  ] })
@@ -3549,7 +3546,7 @@ var DataList_default = DataList;
3549
3546
  // src/components/dataForm/DataListRenderer.tsx
3550
3547
  import React28, { useState as useState3, useEffect as useEffect4 } from "react";
3551
3548
  import { usePathname as usePathname2 } from "next/navigation";
3552
- import { jsx as jsx41, jsxs as jsxs18 } from "react/jsx-runtime";
3549
+ import { jsx as jsx41, jsxs as jsxs17 } from "react/jsx-runtime";
3553
3550
  var viewControlMap = {
3554
3551
  number: ViewControlTypes.number,
3555
3552
  lineText: ViewControlTypes.lineText,
@@ -3644,7 +3641,7 @@ var DataListRenderer = ({
3644
3641
  isActive: landingPageUrl === pathname
3645
3642
  };
3646
3643
  });
3647
- return /* @__PURE__ */ jsxs18(React28.Fragment, { children: [
3644
+ return /* @__PURE__ */ jsxs17(React28.Fragment, { children: [
3648
3645
  resolvedTabs.length > 0 && // <NavigationTabsV2
3649
3646
  // tabs={resolvedTabs}
3650
3647
  // params={(widgetProps?.params ?? params) as Record<string, any>}
@@ -3695,7 +3692,7 @@ var FORM_CHILD_ONE_TO_ONE_UPDATE = "FORM_CHILD_ONE_TO_ONE_UPDATE";
3695
3692
  var FORM_CHILD_ROW_ADD = "FORM_CHILD_ROW_ADD";
3696
3693
 
3697
3694
  // src/components/dataForm/DataFormChildSection.tsx
3698
- import { jsx as jsx42, jsxs as jsxs19 } from "react/jsx-runtime";
3695
+ import { jsx as jsx42, jsxs as jsxs18 } from "react/jsx-runtime";
3699
3696
  var DataFormChildSection = (props) => {
3700
3697
  const { section } = props;
3701
3698
  const isOneToOne = section.relationshipType === "one-to-one";
@@ -3763,12 +3760,12 @@ var DataFormChildSection = (props) => {
3763
3760
  childItemsToRender,
3764
3761
  allChildItems: childItems
3765
3762
  });
3766
- return /* @__PURE__ */ jsx42(React29.Fragment, { children: /* @__PURE__ */ jsxs19("div", { className: "rounded border-neutral-200 border px-6 py-4 mb-2", children: [
3763
+ return /* @__PURE__ */ jsx42(React29.Fragment, { children: /* @__PURE__ */ jsxs18("div", { className: "rounded border-neutral-200 border px-6 py-4 mb-2", children: [
3767
3764
  section.sectionTitle && /* @__PURE__ */ jsx42("div", { className: "mb-4 text-lg font-medium text-body-950", children: section.sectionTitle }),
3768
- /* @__PURE__ */ jsx42("div", { className: "flex-grow flex flex-col justify-between overflow-y-auto", children: /* @__PURE__ */ jsxs19("div", { className: "flex flex-col justify-between gap-2", children: [
3769
- /* @__PURE__ */ jsx42("div", { children: /* @__PURE__ */ jsxs19("table", { className: "w-full border-separate divide-y divide-gray-200", children: [
3765
+ /* @__PURE__ */ jsx42("div", { className: "flex-grow flex flex-col justify-between overflow-y-auto", children: /* @__PURE__ */ jsxs18("div", { className: "flex flex-col justify-between gap-2", children: [
3766
+ /* @__PURE__ */ jsx42("div", { children: /* @__PURE__ */ jsxs18("table", { className: "w-full border-separate divide-y divide-gray-200", children: [
3770
3767
  (!isOneToOne || childItemsToRender.length > 0) && /* @__PURE__ */ jsx42("thead", { className: "", children: section.sectionRows.map((sectionRow, sectionRowIndex) => {
3771
- return /* @__PURE__ */ jsxs19("tr", { className: "", children: [
3768
+ return /* @__PURE__ */ jsxs18("tr", { className: "", children: [
3772
3769
  sectionRow.elements.map((field, index) => {
3773
3770
  return /* @__PURE__ */ jsx42(
3774
3771
  "th",
@@ -3787,7 +3784,7 @@ var DataFormChildSection = (props) => {
3787
3784
  const rowKey = originalIndex;
3788
3785
  return /* @__PURE__ */ jsx42(React29.Fragment, { children: section.sectionRows.map(
3789
3786
  (sectionRow, sectionRowIndex) => {
3790
- return /* @__PURE__ */ jsxs19(
3787
+ return /* @__PURE__ */ jsxs18(
3791
3788
  "tr",
3792
3789
  {
3793
3790
  className: "",
@@ -3854,7 +3851,7 @@ var DataFormChildSection = (props) => {
3854
3851
  var DataFormChildSection_default = DataFormChildSection;
3855
3852
 
3856
3853
  // src/components/dataForm/DataForm.tsx
3857
- import { jsx as jsx43, jsxs as jsxs20 } from "react/jsx-runtime";
3854
+ import { jsx as jsx43, jsxs as jsxs19 } from "react/jsx-runtime";
3858
3855
  var DataForm = (props) => {
3859
3856
  const formRef = useRef2(null);
3860
3857
  console.log(props.dataItem, "dssads");
@@ -4074,8 +4071,8 @@ var DataForm = (props) => {
4074
4071
  return false;
4075
4072
  }
4076
4073
  }
4077
- return /* @__PURE__ */ jsx43(React30.Fragment, { children: /* @__PURE__ */ jsxs20("div", { className: "flex-grow flex flex-col", children: [
4078
- props.title && /* @__PURE__ */ jsx43("div", { className: "inline-flex items-center gap-2 px-6 py-3 border border-neutral-200 bg-white shadow-sm rounded-t-md", children: /* @__PURE__ */ jsxs20(
4074
+ return /* @__PURE__ */ jsx43(React30.Fragment, { children: /* @__PURE__ */ jsxs19("div", { className: "flex-grow flex flex-col", children: [
4075
+ props.title && /* @__PURE__ */ jsx43("div", { className: "inline-flex items-center gap-2 px-6 py-3 border border-neutral-200 bg-white shadow-sm rounded-t-md", children: /* @__PURE__ */ jsxs19(
4079
4076
  "div",
4080
4077
  {
4081
4078
  className: "inline-flex items-center gap-2 cursor-pointer",
@@ -4108,7 +4105,7 @@ var DataForm = (props) => {
4108
4105
  }
4109
4106
  },
4110
4107
  children: /* @__PURE__ */ jsx43("div", { className: "flex flex-col gap-6", children: props.sections?.map((section, sectionIndex) => {
4111
- return /* @__PURE__ */ jsx43(React30.Fragment, { children: !section.isChildSection && /* @__PURE__ */ jsxs20("div", { className: " rounded-b-lg bg-white shadow border-neutral-200 border px-8 py-6 ", children: [
4108
+ return /* @__PURE__ */ jsx43(React30.Fragment, { children: !section.isChildSection && /* @__PURE__ */ jsxs19("div", { className: " rounded-b-lg bg-white shadow border-neutral-200 border px-8 py-6 ", children: [
4112
4109
  section.sectionRows?.map(
4113
4110
  (sectionRow, sectionRowIndex) => {
4114
4111
  const elementsCount = sectionRow.elements.length;
@@ -4120,7 +4117,7 @@ var DataForm = (props) => {
4120
4117
  );
4121
4118
  }
4122
4119
  return /* @__PURE__ */ jsx43(React30.Fragment, { children: isVisible && /* @__PURE__ */ jsx43("div", { className: "lg:flex gap-14 flex-1 mb-4 ", children: sectionRow.elements.map((field, index) => {
4123
- return /* @__PURE__ */ jsxs20(
4120
+ return /* @__PURE__ */ jsxs19(
4124
4121
  "div",
4125
4122
  {
4126
4123
  className: sectionRow.grow ? "grow" : "",
@@ -4176,7 +4173,7 @@ var DataForm = (props) => {
4176
4173
  }) })
4177
4174
  }
4178
4175
  ),
4179
- /* @__PURE__ */ jsxs20("div", { className: "flex px-6 py-3 mt-2 mb-2 justify-end items-center gap-5", children: [
4176
+ /* @__PURE__ */ jsxs19("div", { className: "flex px-6 py-3 mt-2 mb-2 justify-end items-center gap-5", children: [
4180
4177
  /* @__PURE__ */ jsx43("div", { children: props.additionalActions && /* @__PURE__ */ jsx43(
4181
4178
  Button_default,
4182
4179
  {
@@ -4213,7 +4210,7 @@ var DataForm = (props) => {
4213
4210
  var DataForm_default = DataForm;
4214
4211
 
4215
4212
  // src/components/dataForm/DataFormRenderer.tsx
4216
- import { jsx as jsx44, jsxs as jsxs21 } from "react/jsx-runtime";
4213
+ import { jsx as jsx44, jsxs as jsxs20 } from "react/jsx-runtime";
4217
4214
  function getAction(actions, code) {
4218
4215
  return actions?.find((a) => a.actionCode === code);
4219
4216
  }
@@ -4239,7 +4236,7 @@ var DataFormRenderer = ({
4239
4236
  "Delete"
4240
4237
  );
4241
4238
  const hasDataItem = dataItem && Object.keys(dataItem).length > 0;
4242
- return /* @__PURE__ */ jsxs21("div", { className: "flex-grow flex flex-col", children: [
4239
+ return /* @__PURE__ */ jsxs20("div", { className: "flex-grow flex flex-col", children: [
4243
4240
  widgetProps && /* @__PURE__ */ jsx44(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
4244
4241
  /* @__PURE__ */ jsx44(
4245
4242
  DataForm_default,
package/dist/server.js CHANGED
@@ -5249,49 +5249,46 @@ var PageBodyRenderer = (props) => {
5249
5249
  }
5250
5250
  return true;
5251
5251
  };
5252
- return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_react34.default.Fragment, { children: [
5253
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: "Thuis isadiasdia testaststtstst" }),
5254
- rootNode && rootNode?.children?.map((node, index) => {
5252
+ return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react34.default.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
5253
+ {
5254
+ }
5255
+ const SelectedNode = NodeTypes[node.type];
5256
+ if (!shouldRenderNode(node)) {
5257
+ return null;
5258
+ }
5259
+ return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react34.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react34.default.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react34.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
5260
+ SelectedNode,
5255
5261
  {
5262
+ node,
5263
+ firstNode: true,
5264
+ routeParameters: props.routeParameters,
5265
+ query: props.query,
5266
+ session: props.session,
5267
+ host: props.host,
5268
+ path: props.path,
5269
+ apiBaseUrl: props.apiBaseUrl,
5270
+ serviceClient: props.serviceClient,
5271
+ assetBaseUrl: props.assetBaseUrl,
5272
+ device: props.device,
5273
+ widgetRenderer: props.widgetRenderer
5256
5274
  }
5257
- const SelectedNode = NodeTypes[node.type];
5258
- if (!shouldRenderNode(node)) {
5259
- return null;
5275
+ ) }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react34.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
5276
+ SelectedNode,
5277
+ {
5278
+ node,
5279
+ routeParameters: props.routeParameters,
5280
+ query: props.query,
5281
+ session: props.session,
5282
+ host: props.host,
5283
+ path: props.path,
5284
+ apiBaseUrl: props.apiBaseUrl,
5285
+ serviceClient: props.serviceClient,
5286
+ assetBaseUrl: props.assetBaseUrl,
5287
+ device: props.device,
5288
+ widgetRenderer: props.widgetRenderer
5260
5289
  }
5261
- return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react34.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react34.default.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react34.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
5262
- SelectedNode,
5263
- {
5264
- node,
5265
- firstNode: true,
5266
- routeParameters: props.routeParameters,
5267
- query: props.query,
5268
- session: props.session,
5269
- host: props.host,
5270
- path: props.path,
5271
- apiBaseUrl: props.apiBaseUrl,
5272
- serviceClient: props.serviceClient,
5273
- assetBaseUrl: props.assetBaseUrl,
5274
- device: props.device,
5275
- widgetRenderer: props.widgetRenderer
5276
- }
5277
- ) }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react34.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
5278
- SelectedNode,
5279
- {
5280
- node,
5281
- routeParameters: props.routeParameters,
5282
- query: props.query,
5283
- session: props.session,
5284
- host: props.host,
5285
- path: props.path,
5286
- apiBaseUrl: props.apiBaseUrl,
5287
- serviceClient: props.serviceClient,
5288
- assetBaseUrl: props.assetBaseUrl,
5289
- device: props.device,
5290
- widgetRenderer: props.widgetRenderer
5291
- }
5292
- ) }) }) }, index);
5293
- })
5294
- ] });
5290
+ ) }) }) }, index);
5291
+ }) });
5295
5292
  };
5296
5293
  var PageBodyRenderer_default = PageBodyRenderer;
5297
5294
  // Annotate the CommonJS export names for ESM import in node:
package/dist/server.mjs CHANGED
@@ -2672,7 +2672,7 @@ var DivContainer = async (props) => {
2672
2672
  var DivContainer_default = DivContainer;
2673
2673
 
2674
2674
  // src/components/pageRenderingEngine/PageBodyRenderer.tsx
2675
- import { jsx as jsx35, jsxs as jsxs14 } from "react/jsx-runtime";
2675
+ import { jsx as jsx35 } from "react/jsx-runtime";
2676
2676
  var NodeTypes = {
2677
2677
  ["paragraph"]: ParagraphNode_default,
2678
2678
  ["heading"]: HeadingNode_default,
@@ -2709,49 +2709,46 @@ var PageBodyRenderer = (props) => {
2709
2709
  }
2710
2710
  return true;
2711
2711
  };
2712
- return /* @__PURE__ */ jsxs14(React23.Fragment, { children: [
2713
- /* @__PURE__ */ jsx35("div", { children: "Thuis isadiasdia testaststtstst" }),
2714
- rootNode && rootNode?.children?.map((node, index) => {
2712
+ return /* @__PURE__ */ jsx35(React23.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
2713
+ {
2714
+ }
2715
+ const SelectedNode = NodeTypes[node.type];
2716
+ if (!shouldRenderNode(node)) {
2717
+ return null;
2718
+ }
2719
+ return /* @__PURE__ */ jsx35(React23.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx35(React23.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ jsx35(React23.Fragment, { children: /* @__PURE__ */ jsx35(
2720
+ SelectedNode,
2715
2721
  {
2722
+ node,
2723
+ firstNode: true,
2724
+ routeParameters: props.routeParameters,
2725
+ query: props.query,
2726
+ session: props.session,
2727
+ host: props.host,
2728
+ path: props.path,
2729
+ apiBaseUrl: props.apiBaseUrl,
2730
+ serviceClient: props.serviceClient,
2731
+ assetBaseUrl: props.assetBaseUrl,
2732
+ device: props.device,
2733
+ widgetRenderer: props.widgetRenderer
2716
2734
  }
2717
- const SelectedNode = NodeTypes[node.type];
2718
- if (!shouldRenderNode(node)) {
2719
- return null;
2735
+ ) }) : /* @__PURE__ */ jsx35(React23.Fragment, { children: /* @__PURE__ */ jsx35(
2736
+ SelectedNode,
2737
+ {
2738
+ node,
2739
+ routeParameters: props.routeParameters,
2740
+ query: props.query,
2741
+ session: props.session,
2742
+ host: props.host,
2743
+ path: props.path,
2744
+ apiBaseUrl: props.apiBaseUrl,
2745
+ serviceClient: props.serviceClient,
2746
+ assetBaseUrl: props.assetBaseUrl,
2747
+ device: props.device,
2748
+ widgetRenderer: props.widgetRenderer
2720
2749
  }
2721
- return /* @__PURE__ */ jsx35(React23.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx35(React23.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ jsx35(React23.Fragment, { children: /* @__PURE__ */ jsx35(
2722
- SelectedNode,
2723
- {
2724
- node,
2725
- firstNode: true,
2726
- routeParameters: props.routeParameters,
2727
- query: props.query,
2728
- session: props.session,
2729
- host: props.host,
2730
- path: props.path,
2731
- apiBaseUrl: props.apiBaseUrl,
2732
- serviceClient: props.serviceClient,
2733
- assetBaseUrl: props.assetBaseUrl,
2734
- device: props.device,
2735
- widgetRenderer: props.widgetRenderer
2736
- }
2737
- ) }) : /* @__PURE__ */ jsx35(React23.Fragment, { children: /* @__PURE__ */ jsx35(
2738
- SelectedNode,
2739
- {
2740
- node,
2741
- routeParameters: props.routeParameters,
2742
- query: props.query,
2743
- session: props.session,
2744
- host: props.host,
2745
- path: props.path,
2746
- apiBaseUrl: props.apiBaseUrl,
2747
- serviceClient: props.serviceClient,
2748
- assetBaseUrl: props.assetBaseUrl,
2749
- device: props.device,
2750
- widgetRenderer: props.widgetRenderer
2751
- }
2752
- ) }) }) }, index);
2753
- })
2754
- ] });
2750
+ ) }) }) }, index);
2751
+ }) });
2755
2752
  };
2756
2753
  var PageBodyRenderer_default = PageBodyRenderer;
2757
2754
  export {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@clyrex-digital/clyrex-controls-dev",
3
- "version": "0.8.1-dev.20260723122345",
3
+ "version": "0.8.1-dev.20260723123821",
4
4
  "description": "Reusable React components",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",