@clyrex-digital/clyrex-controls-dev 0.8.1-dev.20260930053845 → 0.8.1-dev.20260930101733

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 +32 -35
  2. package/dist/index.mjs +85 -88
  3. package/dist/server.js +32 -35
  4. package/dist/server.mjs +33 -36
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -10442,41 +10442,38 @@ var PageBodyRenderer = (props) => {
10442
10442
  if (!shouldRenderNode(node)) {
10443
10443
  return null;
10444
10444
  }
10445
- return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react63.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(import_react63.default.Fragment, { children: [
10446
- /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { children: "xncbvcxmn" }),
10447
- node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react63.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
10448
- SelectedNode,
10449
- {
10450
- node,
10451
- firstNode: true,
10452
- routeParameters: props.routeParameters,
10453
- query: props.query,
10454
- session: props.session,
10455
- host: props.host,
10456
- path: props.path,
10457
- apiBaseUrl: props.apiBaseUrl,
10458
- serviceClient: props.serviceClient,
10459
- assetBaseUrl: props.assetBaseUrl,
10460
- device: props.device,
10461
- widgetRenderer: props.widgetRenderer
10462
- }
10463
- ) }) : /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react63.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
10464
- SelectedNode,
10465
- {
10466
- node,
10467
- routeParameters: props.routeParameters,
10468
- query: props.query,
10469
- session: props.session,
10470
- host: props.host,
10471
- path: props.path,
10472
- apiBaseUrl: props.apiBaseUrl,
10473
- serviceClient: props.serviceClient,
10474
- assetBaseUrl: props.assetBaseUrl,
10475
- device: props.device,
10476
- widgetRenderer: props.widgetRenderer
10477
- }
10478
- ) })
10479
- ] }) }, index);
10445
+ return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react63.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react63.default.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react63.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
10446
+ SelectedNode,
10447
+ {
10448
+ node,
10449
+ firstNode: true,
10450
+ routeParameters: props.routeParameters,
10451
+ query: props.query,
10452
+ session: props.session,
10453
+ host: props.host,
10454
+ path: props.path,
10455
+ apiBaseUrl: props.apiBaseUrl,
10456
+ serviceClient: props.serviceClient,
10457
+ assetBaseUrl: props.assetBaseUrl,
10458
+ device: props.device,
10459
+ widgetRenderer: props.widgetRenderer
10460
+ }
10461
+ ) }) : /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react63.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
10462
+ SelectedNode,
10463
+ {
10464
+ node,
10465
+ routeParameters: props.routeParameters,
10466
+ query: props.query,
10467
+ session: props.session,
10468
+ host: props.host,
10469
+ path: props.path,
10470
+ apiBaseUrl: props.apiBaseUrl,
10471
+ serviceClient: props.serviceClient,
10472
+ assetBaseUrl: props.assetBaseUrl,
10473
+ device: props.device,
10474
+ widgetRenderer: props.widgetRenderer
10475
+ }
10476
+ ) }) }) }, index);
10480
10477
  }) });
10481
10478
  };
10482
10479
  var PageBodyRenderer_default = PageBodyRenderer;
package/dist/index.mjs CHANGED
@@ -3076,7 +3076,7 @@ var DivContainer = async (props) => {
3076
3076
  var DivContainer_default = DivContainer;
3077
3077
 
3078
3078
  // src/components/pageRenderingEngine/PageBodyRenderer.tsx
3079
- import { jsx as jsx39, jsxs as jsxs17 } from "react/jsx-runtime";
3079
+ import { jsx as jsx39 } from "react/jsx-runtime";
3080
3080
  var NodeTypes = {
3081
3081
  ["paragraph"]: ParagraphNode_default,
3082
3082
  ["heading"]: HeadingNode_default,
@@ -3122,41 +3122,38 @@ var PageBodyRenderer = (props) => {
3122
3122
  if (!shouldRenderNode(node)) {
3123
3123
  return null;
3124
3124
  }
3125
- return /* @__PURE__ */ jsx39(React25.Fragment, { children: SelectedNode && /* @__PURE__ */ jsxs17(React25.Fragment, { children: [
3126
- /* @__PURE__ */ jsx39("p", { children: "xncbvcxmn" }),
3127
- node.type == "layout-container" ? /* @__PURE__ */ jsx39(React25.Fragment, { children: /* @__PURE__ */ jsx39(
3128
- SelectedNode,
3129
- {
3130
- node,
3131
- firstNode: true,
3132
- routeParameters: props.routeParameters,
3133
- query: props.query,
3134
- session: props.session,
3135
- host: props.host,
3136
- path: props.path,
3137
- apiBaseUrl: props.apiBaseUrl,
3138
- serviceClient: props.serviceClient,
3139
- assetBaseUrl: props.assetBaseUrl,
3140
- device: props.device,
3141
- widgetRenderer: props.widgetRenderer
3142
- }
3143
- ) }) : /* @__PURE__ */ jsx39(React25.Fragment, { children: /* @__PURE__ */ jsx39(
3144
- SelectedNode,
3145
- {
3146
- node,
3147
- routeParameters: props.routeParameters,
3148
- query: props.query,
3149
- session: props.session,
3150
- host: props.host,
3151
- path: props.path,
3152
- apiBaseUrl: props.apiBaseUrl,
3153
- serviceClient: props.serviceClient,
3154
- assetBaseUrl: props.assetBaseUrl,
3155
- device: props.device,
3156
- widgetRenderer: props.widgetRenderer
3157
- }
3158
- ) })
3159
- ] }) }, index);
3125
+ return /* @__PURE__ */ jsx39(React25.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx39(React25.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ jsx39(React25.Fragment, { children: /* @__PURE__ */ jsx39(
3126
+ SelectedNode,
3127
+ {
3128
+ node,
3129
+ firstNode: true,
3130
+ routeParameters: props.routeParameters,
3131
+ query: props.query,
3132
+ session: props.session,
3133
+ host: props.host,
3134
+ path: props.path,
3135
+ apiBaseUrl: props.apiBaseUrl,
3136
+ serviceClient: props.serviceClient,
3137
+ assetBaseUrl: props.assetBaseUrl,
3138
+ device: props.device,
3139
+ widgetRenderer: props.widgetRenderer
3140
+ }
3141
+ ) }) : /* @__PURE__ */ jsx39(React25.Fragment, { children: /* @__PURE__ */ jsx39(
3142
+ SelectedNode,
3143
+ {
3144
+ node,
3145
+ routeParameters: props.routeParameters,
3146
+ query: props.query,
3147
+ session: props.session,
3148
+ host: props.host,
3149
+ path: props.path,
3150
+ apiBaseUrl: props.apiBaseUrl,
3151
+ serviceClient: props.serviceClient,
3152
+ assetBaseUrl: props.assetBaseUrl,
3153
+ device: props.device,
3154
+ widgetRenderer: props.widgetRenderer
3155
+ }
3156
+ ) }) }) }, index);
3160
3157
  }) });
3161
3158
  };
3162
3159
  var PageBodyRenderer_default = PageBodyRenderer;
@@ -3211,7 +3208,7 @@ function EnterAnimationHydrator() {
3211
3208
 
3212
3209
  // src/components/Toast.tsx
3213
3210
  import { useCallback as useCallback2, useEffect as useEffect3, useRef as useRef2, useState as useState2 } from "react";
3214
- import { Fragment as Fragment7, jsx as jsx40, jsxs as jsxs18 } from "react/jsx-runtime";
3211
+ import { Fragment as Fragment7, jsx as jsx40, jsxs as jsxs17 } from "react/jsx-runtime";
3215
3212
  var Toast = () => {
3216
3213
  const [showToast, setShowToast] = useState2(false);
3217
3214
  const [message, setMessage] = useState2("");
@@ -3245,7 +3242,7 @@ var Toast = () => {
3245
3242
  });
3246
3243
  };
3247
3244
  }, [closeToast, showMessage]);
3248
- return /* @__PURE__ */ jsx40(Fragment7, { children: showToast && /* @__PURE__ */ jsx40("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__ */ jsxs18("div", { className: `w-full items-center flex justify-between p-3 rounded-md relative shadow border bg-${messageType}-soft`, children: [
3245
+ return /* @__PURE__ */ jsx40(Fragment7, { children: showToast && /* @__PURE__ */ jsx40("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__ */ jsxs17("div", { className: `w-full items-center flex justify-between p-3 rounded-md relative shadow border bg-${messageType}-soft`, children: [
3249
3246
  /* @__PURE__ */ jsx40(
3250
3247
  "span",
3251
3248
  {
@@ -3324,33 +3321,33 @@ var NoContentView_default = NoContentView;
3324
3321
 
3325
3322
  // src/components/dataForm/ContentView.tsx
3326
3323
  import React28 from "react";
3327
- import { jsx as jsx43, jsxs as jsxs19 } from "react/jsx-runtime";
3324
+ import { jsx as jsx43, jsxs as jsxs18 } from "react/jsx-runtime";
3328
3325
  var ContentView = (props) => {
3329
- return /* @__PURE__ */ jsxs19(React28.Fragment, { children: [
3330
- props.isDataFound == null && /* @__PURE__ */ jsx43("div", { className: "", children: /* @__PURE__ */ jsxs19("div", { className: "bg-gray-200 rounded-md p-4 animate-pulse", children: [
3331
- /* @__PURE__ */ jsxs19("div", { className: "flex items-center mb-4", children: [
3326
+ return /* @__PURE__ */ jsxs18(React28.Fragment, { children: [
3327
+ props.isDataFound == null && /* @__PURE__ */ jsx43("div", { className: "", children: /* @__PURE__ */ jsxs18("div", { className: "bg-gray-200 rounded-md p-4 animate-pulse", children: [
3328
+ /* @__PURE__ */ jsxs18("div", { className: "flex items-center mb-4", children: [
3332
3329
  /* @__PURE__ */ jsx43("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
3333
- /* @__PURE__ */ jsxs19("div", { className: "ml-2", children: [
3330
+ /* @__PURE__ */ jsxs18("div", { className: "ml-2", children: [
3334
3331
  /* @__PURE__ */ jsx43("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
3335
3332
  /* @__PURE__ */ jsx43("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
3336
3333
  ] })
3337
3334
  ] }),
3338
- /* @__PURE__ */ jsxs19("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
3339
- /* @__PURE__ */ jsxs19("div", { className: "animate-pulse", children: [
3335
+ /* @__PURE__ */ jsxs18("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
3336
+ /* @__PURE__ */ jsxs18("div", { className: "animate-pulse", children: [
3340
3337
  /* @__PURE__ */ jsx43("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
3341
3338
  /* @__PURE__ */ jsx43("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
3342
3339
  /* @__PURE__ */ jsx43("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
3343
3340
  /* @__PURE__ */ jsx43("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
3344
3341
  /* @__PURE__ */ jsx43("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
3345
3342
  ] }),
3346
- /* @__PURE__ */ jsxs19("div", { className: "animate-pulse", children: [
3343
+ /* @__PURE__ */ jsxs18("div", { className: "animate-pulse", children: [
3347
3344
  /* @__PURE__ */ jsx43("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
3348
3345
  /* @__PURE__ */ jsx43("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
3349
3346
  /* @__PURE__ */ jsx43("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
3350
3347
  /* @__PURE__ */ jsx43("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
3351
3348
  /* @__PURE__ */ jsx43("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
3352
3349
  ] }),
3353
- /* @__PURE__ */ jsxs19("div", { className: "animate-pulse", children: [
3350
+ /* @__PURE__ */ jsxs18("div", { className: "animate-pulse", children: [
3354
3351
  /* @__PURE__ */ jsx43("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
3355
3352
  /* @__PURE__ */ jsx43("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
3356
3353
  /* @__PURE__ */ jsx43("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
@@ -3409,7 +3406,7 @@ function FormReducer(state, action) {
3409
3406
  var FormReducer_default = FormReducer;
3410
3407
 
3411
3408
  // src/components/dataForm/DataList.tsx
3412
- import { Fragment as Fragment8, jsx as jsx44, jsxs as jsxs20 } from "react/jsx-runtime";
3409
+ import { Fragment as Fragment8, jsx as jsx44, jsxs as jsxs19 } from "react/jsx-runtime";
3413
3410
  var DataList = (props) => {
3414
3411
  const router = useRouter();
3415
3412
  let builder = new OdataBuilder(props.path);
@@ -3545,7 +3542,7 @@ var DataList = (props) => {
3545
3542
  const showFirstPages = activePageNumber <= 5;
3546
3543
  const showLastPages = activePageNumber > pages - 5;
3547
3544
  if (showFirstPages) {
3548
- return /* @__PURE__ */ jsxs20(Fragment8, { children: [
3545
+ return /* @__PURE__ */ jsxs19(Fragment8, { children: [
3549
3546
  Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ jsx44(React29.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx44(
3550
3547
  Hyperlink,
3551
3548
  {
@@ -3571,7 +3568,7 @@ var DataList = (props) => {
3571
3568
  children: pages
3572
3569
  }
3573
3570
  ),
3574
- /* @__PURE__ */ jsx44("div", { className: "relative inline-block", children: /* @__PURE__ */ jsxs20(
3571
+ /* @__PURE__ */ jsx44("div", { className: "relative inline-block", children: /* @__PURE__ */ jsxs19(
3575
3572
  "select",
3576
3573
  {
3577
3574
  className: " py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
@@ -3593,7 +3590,7 @@ var DataList = (props) => {
3593
3590
  ) })
3594
3591
  ] });
3595
3592
  } else if (showLastPages) {
3596
- return /* @__PURE__ */ jsxs20(Fragment8, { children: [
3593
+ return /* @__PURE__ */ jsxs19(Fragment8, { children: [
3597
3594
  /* @__PURE__ */ jsx44(
3598
3595
  Hyperlink,
3599
3596
  {
@@ -3623,7 +3620,7 @@ var DataList = (props) => {
3623
3620
  )
3624
3621
  ] });
3625
3622
  } else {
3626
- return /* @__PURE__ */ jsxs20(Fragment8, { children: [
3623
+ return /* @__PURE__ */ jsxs19(Fragment8, { children: [
3627
3624
  /* @__PURE__ */ jsx44(
3628
3625
  Hyperlink,
3629
3626
  {
@@ -3669,7 +3666,7 @@ var DataList = (props) => {
3669
3666
  children: pages
3670
3667
  }
3671
3668
  ),
3672
- /* @__PURE__ */ jsx44("div", { className: "relative inline-block", children: /* @__PURE__ */ jsxs20(
3669
+ /* @__PURE__ */ jsx44("div", { className: "relative inline-block", children: /* @__PURE__ */ jsxs19(
3673
3670
  "select",
3674
3671
  {
3675
3672
  className: "px-2 py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
@@ -3690,15 +3687,15 @@ var DataList = (props) => {
3690
3687
  }
3691
3688
  }
3692
3689
  };
3693
- return /* @__PURE__ */ jsxs20(React29.Fragment, { children: [
3694
- /* @__PURE__ */ jsxs20(ContentView_default, { isDataFound, children: [
3695
- (props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ jsxs20(
3690
+ return /* @__PURE__ */ jsxs19(React29.Fragment, { children: [
3691
+ /* @__PURE__ */ jsxs19(ContentView_default, { isDataFound, children: [
3692
+ (props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ jsxs19(
3696
3693
  "div",
3697
3694
  {
3698
3695
  className: `flex justify-between items-center bg-white pl-6 pr-2 h-14 mb-3 shadow-sm rounded-md sticky top-0`,
3699
3696
  children: [
3700
3697
  props.title ? /* @__PURE__ */ jsx44("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ jsx44("h2", { className: "text-lg font-semibold text-black-800", children: props.title }) }) : /* @__PURE__ */ jsx44("div", {}),
3701
- /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-3", children: [
3698
+ /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-3", children: [
3702
3699
  props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ jsx44(
3703
3700
  InputControl_default,
3704
3701
  {
@@ -3727,7 +3724,7 @@ var DataList = (props) => {
3727
3724
  },
3728
3725
  filter.name
3729
3726
  )),
3730
- props.addLinkHref && /* @__PURE__ */ jsxs20(
3727
+ props.addLinkHref && /* @__PURE__ */ jsxs19(
3731
3728
  Hyperlink,
3732
3729
  {
3733
3730
  className: "gap-1",
@@ -3743,8 +3740,8 @@ var DataList = (props) => {
3743
3740
  ]
3744
3741
  }
3745
3742
  ),
3746
- /* @__PURE__ */ jsx44("div", { className: "flex-1 overflow-y-auto justify-end bg-white rounded shadow h-[calc(100vh-14rem)]", children: /* @__PURE__ */ jsxs20("table", { className: "w-full divide-y divide-gray-200", children: [
3747
- /* @__PURE__ */ jsx44("thead", { className: "bg-gray-50 sticky top-0", children: /* @__PURE__ */ jsxs20("tr", { children: [
3743
+ /* @__PURE__ */ jsx44("div", { className: "flex-1 overflow-y-auto justify-end bg-white rounded shadow h-[calc(100vh-14rem)]", children: /* @__PURE__ */ jsxs19("table", { className: "w-full divide-y divide-gray-200", children: [
3744
+ /* @__PURE__ */ jsx44("thead", { className: "bg-gray-50 sticky top-0", children: /* @__PURE__ */ jsxs19("tr", { children: [
3748
3745
  props?.columns?.map((column) => {
3749
3746
  let url = builder.getNewOrderByUrl(column.name);
3750
3747
  let icon = "chevronUpDown";
@@ -3764,7 +3761,7 @@ var DataList = (props) => {
3764
3761
  {
3765
3762
  href: column.enableSorting ? url : void 0,
3766
3763
  className: "!text-neutral-contrast ",
3767
- children: /* @__PURE__ */ jsxs20("span", { className: "flex items-center space-x-1", children: [
3764
+ children: /* @__PURE__ */ jsxs19("span", { className: "flex items-center space-x-1", children: [
3768
3765
  /* @__PURE__ */ jsx44("span", { className: "text-black", children: column.label }),
3769
3766
  column.enableSorting && /* @__PURE__ */ jsx44(Icon_default, { className: "w-4 h-4", name: icon })
3770
3767
  ] })
@@ -3781,7 +3778,7 @@ var DataList = (props) => {
3781
3778
  if (props.recordValidityColumnName && getNestedProperty2(dataitem, props.recordValidityColumnName) == false) {
3782
3779
  validityClass = "bg-alert-200";
3783
3780
  }
3784
- return /* @__PURE__ */ jsxs20("tr", { className: validityClass, children: [
3781
+ return /* @__PURE__ */ jsxs19("tr", { className: validityClass, children: [
3785
3782
  props?.columns?.map((column, colindex) => {
3786
3783
  return /* @__PURE__ */ jsx44(React29.Fragment, { children: /* @__PURE__ */ jsx44(
3787
3784
  "td",
@@ -3831,7 +3828,7 @@ var DataList = (props) => {
3831
3828
  }
3832
3829
  ) }, colindex);
3833
3830
  }),
3834
- props.onQuickView && /* @__PURE__ */ jsx44("td", { className: "px-6 py-2 text-right whitespace-nowrap", children: /* @__PURE__ */ jsxs20(
3831
+ props.onQuickView && /* @__PURE__ */ jsx44("td", { className: "px-6 py-2 text-right whitespace-nowrap", children: /* @__PURE__ */ jsxs19(
3835
3832
  "button",
3836
3833
  {
3837
3834
  type: "button",
@@ -3841,7 +3838,7 @@ var DataList = (props) => {
3841
3838
  },
3842
3839
  className: "inline-flex items-center gap-1.5 px-3 py-1 text-xs font-semibold rounded-md border border-neutral-300 bg-white hover:bg-neutral-100 text-neutral-800 transition-colors shadow-xs",
3843
3840
  children: [
3844
- /* @__PURE__ */ jsxs20(
3841
+ /* @__PURE__ */ jsxs19(
3845
3842
  "svg",
3846
3843
  {
3847
3844
  className: "w-3.5 h-3.5",
@@ -3864,9 +3861,9 @@ var DataList = (props) => {
3864
3861
  ] }, index);
3865
3862
  }) })
3866
3863
  ] }) }),
3867
- /* @__PURE__ */ jsx44("div", { className: "pt-4 border-t border-t-gray-50 sticky bottom-0 h-11 mt-2 ", children: /* @__PURE__ */ jsxs20("div", { className: "flex items-center justify-between", children: [
3864
+ /* @__PURE__ */ jsx44("div", { className: "pt-4 border-t border-t-gray-50 sticky bottom-0 h-11 mt-2 ", children: /* @__PURE__ */ jsxs19("div", { className: "flex items-center justify-between", children: [
3868
3865
  /* @__PURE__ */ jsx44("div", { className: "text-gray-700", children: label }),
3869
- /* @__PURE__ */ jsxs20("div", { className: "flex space-x-2 items-center", children: [
3866
+ /* @__PURE__ */ jsxs19("div", { className: "flex space-x-2 items-center", children: [
3870
3867
  activePageNumber > 1 && /* @__PURE__ */ jsx44(
3871
3868
  Hyperlink,
3872
3869
  {
@@ -3889,14 +3886,14 @@ var DataList = (props) => {
3889
3886
  ] })
3890
3887
  ] }) })
3891
3888
  ] }),
3892
- /* @__PURE__ */ jsxs20(NoContentView_default, { isDataFound, children: [
3893
- (props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ jsxs20(
3889
+ /* @__PURE__ */ jsxs19(NoContentView_default, { isDataFound, children: [
3890
+ (props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ jsxs19(
3894
3891
  "div",
3895
3892
  {
3896
3893
  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`,
3897
3894
  children: [
3898
3895
  props.title ? /* @__PURE__ */ jsx44("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ jsx44("h2", { className: "text-lg font-semibold text-black", children: props.title }) }) : /* @__PURE__ */ jsx44("div", {}),
3899
- /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-3", children: [
3896
+ /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-3", children: [
3900
3897
  props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ jsx44(
3901
3898
  InputControl_default,
3902
3899
  {
@@ -3925,7 +3922,7 @@ var DataList = (props) => {
3925
3922
  },
3926
3923
  filter.name
3927
3924
  )),
3928
- props.addLinkHref && /* @__PURE__ */ jsxs20(
3925
+ props.addLinkHref && /* @__PURE__ */ jsxs19(
3929
3926
  Hyperlink,
3930
3927
  {
3931
3928
  className: "gap-1",
@@ -3941,7 +3938,7 @@ var DataList = (props) => {
3941
3938
  ]
3942
3939
  }
3943
3940
  ),
3944
- /* @__PURE__ */ jsxs20("div", { className: "flex-grow overflow-y-auto justify-end bg-white rounded shadow h-[75vh]", children: [
3941
+ /* @__PURE__ */ jsxs19("div", { className: "flex-grow overflow-y-auto justify-end bg-white rounded shadow h-[75vh]", children: [
3945
3942
  /* @__PURE__ */ jsx44("div", { children: /* @__PURE__ */ jsx44("table", { className: "w-full divide-y divide-gray-200", children: /* @__PURE__ */ jsx44("thead", { className: "bg-gray-50", children: /* @__PURE__ */ jsx44("tr", { children: props?.columns?.map((column) => {
3946
3943
  let url = builder.getNewOrderByUrl(column.name);
3947
3944
  let icon = "chevronUpDown";
@@ -3961,7 +3958,7 @@ var DataList = (props) => {
3961
3958
  {
3962
3959
  href: column.enableSorting ? url : void 0,
3963
3960
  className: "text-body-950",
3964
- children: /* @__PURE__ */ jsxs20("span", { className: "flex items-center space-x-1", children: [
3961
+ children: /* @__PURE__ */ jsxs19("span", { className: "flex items-center space-x-1", children: [
3965
3962
  /* @__PURE__ */ jsx44("span", { children: column.label }),
3966
3963
  column.enableSorting && /* @__PURE__ */ jsx44(Icon_default, { className: "w-4 h-4", name: icon })
3967
3964
  ] })
@@ -3981,7 +3978,7 @@ var DataList_default = DataList;
3981
3978
  // src/components/dataForm/DataListRenderer.tsx
3982
3979
  import React30, { useState as useState4, useEffect as useEffect5 } from "react";
3983
3980
  import { usePathname as usePathname2 } from "next/navigation";
3984
- import { jsx as jsx45, jsxs as jsxs21 } from "react/jsx-runtime";
3981
+ import { jsx as jsx45, jsxs as jsxs20 } from "react/jsx-runtime";
3985
3982
  var viewControlMap = {
3986
3983
  number: ViewControlTypes.number,
3987
3984
  lineText: ViewControlTypes.lineText,
@@ -4076,7 +4073,7 @@ var DataListRenderer = ({
4076
4073
  isActive: landingPageUrl === pathname
4077
4074
  };
4078
4075
  });
4079
- return /* @__PURE__ */ jsxs21(React30.Fragment, { children: [
4076
+ return /* @__PURE__ */ jsxs20(React30.Fragment, { children: [
4080
4077
  resolvedTabs.length > 0 && // <NavigationTabsV2
4081
4078
  // tabs={resolvedTabs}
4082
4079
  // params={(widgetProps?.params ?? params) as Record<string, any>}
@@ -4127,7 +4124,7 @@ var FORM_CHILD_ONE_TO_ONE_UPDATE = "FORM_CHILD_ONE_TO_ONE_UPDATE";
4127
4124
  var FORM_CHILD_ROW_ADD = "FORM_CHILD_ROW_ADD";
4128
4125
 
4129
4126
  // src/components/dataForm/DataFormChildSection.tsx
4130
- import { jsx as jsx46, jsxs as jsxs22 } from "react/jsx-runtime";
4127
+ import { jsx as jsx46, jsxs as jsxs21 } from "react/jsx-runtime";
4131
4128
  var DataFormChildSection = (props) => {
4132
4129
  const { section } = props;
4133
4130
  const isOneToOne = section.relationshipType === "one-to-one";
@@ -4195,12 +4192,12 @@ var DataFormChildSection = (props) => {
4195
4192
  childItemsToRender,
4196
4193
  allChildItems: childItems
4197
4194
  });
4198
- return /* @__PURE__ */ jsx46(React31.Fragment, { children: /* @__PURE__ */ jsxs22("div", { className: "rounded border-neutral-200 border px-6 py-4 mb-2", children: [
4195
+ return /* @__PURE__ */ jsx46(React31.Fragment, { children: /* @__PURE__ */ jsxs21("div", { className: "rounded border-neutral-200 border px-6 py-4 mb-2", children: [
4199
4196
  section.sectionTitle && /* @__PURE__ */ jsx46("div", { className: "mb-4 text-lg font-medium text-body-950", children: section.sectionTitle }),
4200
- /* @__PURE__ */ jsx46("div", { className: "flex-grow flex flex-col justify-between overflow-y-auto", children: /* @__PURE__ */ jsxs22("div", { className: "flex flex-col justify-between gap-2", children: [
4201
- /* @__PURE__ */ jsx46("div", { children: /* @__PURE__ */ jsxs22("table", { className: "w-full border-separate divide-y divide-gray-200", children: [
4197
+ /* @__PURE__ */ jsx46("div", { className: "flex-grow flex flex-col justify-between overflow-y-auto", children: /* @__PURE__ */ jsxs21("div", { className: "flex flex-col justify-between gap-2", children: [
4198
+ /* @__PURE__ */ jsx46("div", { children: /* @__PURE__ */ jsxs21("table", { className: "w-full border-separate divide-y divide-gray-200", children: [
4202
4199
  (!isOneToOne || childItemsToRender.length > 0) && /* @__PURE__ */ jsx46("thead", { className: "", children: section.sectionRows.map((sectionRow, sectionRowIndex) => {
4203
- return /* @__PURE__ */ jsxs22("tr", { className: "", children: [
4200
+ return /* @__PURE__ */ jsxs21("tr", { className: "", children: [
4204
4201
  sectionRow.elements.map((field, index) => {
4205
4202
  return /* @__PURE__ */ jsx46(
4206
4203
  "th",
@@ -4219,7 +4216,7 @@ var DataFormChildSection = (props) => {
4219
4216
  const rowKey = originalIndex;
4220
4217
  return /* @__PURE__ */ jsx46(React31.Fragment, { children: section.sectionRows.map(
4221
4218
  (sectionRow, sectionRowIndex) => {
4222
- return /* @__PURE__ */ jsxs22(
4219
+ return /* @__PURE__ */ jsxs21(
4223
4220
  "tr",
4224
4221
  {
4225
4222
  className: "",
@@ -4286,7 +4283,7 @@ var DataFormChildSection = (props) => {
4286
4283
  var DataFormChildSection_default = DataFormChildSection;
4287
4284
 
4288
4285
  // src/components/dataForm/DataForm.tsx
4289
- import { jsx as jsx47, jsxs as jsxs23 } from "react/jsx-runtime";
4286
+ import { jsx as jsx47, jsxs as jsxs22 } from "react/jsx-runtime";
4290
4287
  var DataForm = (props) => {
4291
4288
  const formRef = useRef3(null);
4292
4289
  console.log(props.dataItem, "dssads");
@@ -4506,8 +4503,8 @@ var DataForm = (props) => {
4506
4503
  return false;
4507
4504
  }
4508
4505
  }
4509
- return /* @__PURE__ */ jsx47(React32.Fragment, { children: /* @__PURE__ */ jsxs23("div", { className: "flex-grow flex flex-col", children: [
4510
- props.title && /* @__PURE__ */ jsx47("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__ */ jsxs23(
4506
+ return /* @__PURE__ */ jsx47(React32.Fragment, { children: /* @__PURE__ */ jsxs22("div", { className: "flex-grow flex flex-col", children: [
4507
+ props.title && /* @__PURE__ */ jsx47("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__ */ jsxs22(
4511
4508
  "div",
4512
4509
  {
4513
4510
  className: "inline-flex items-center gap-2 cursor-pointer",
@@ -4540,7 +4537,7 @@ var DataForm = (props) => {
4540
4537
  }
4541
4538
  },
4542
4539
  children: /* @__PURE__ */ jsx47("div", { className: "flex flex-col gap-6", children: props.sections?.map((section, sectionIndex) => {
4543
- return /* @__PURE__ */ jsx47(React32.Fragment, { children: !section.isChildSection && /* @__PURE__ */ jsxs23("div", { className: " rounded-b-lg bg-white shadow border-neutral-200 border px-8 py-6 ", children: [
4540
+ return /* @__PURE__ */ jsx47(React32.Fragment, { children: !section.isChildSection && /* @__PURE__ */ jsxs22("div", { className: " rounded-b-lg bg-white shadow border-neutral-200 border px-8 py-6 ", children: [
4544
4541
  section.sectionRows?.map(
4545
4542
  (sectionRow, sectionRowIndex) => {
4546
4543
  const elementsCount = sectionRow.elements.length;
@@ -4552,7 +4549,7 @@ var DataForm = (props) => {
4552
4549
  );
4553
4550
  }
4554
4551
  return /* @__PURE__ */ jsx47(React32.Fragment, { children: isVisible && /* @__PURE__ */ jsx47("div", { className: "lg:flex gap-14 flex-1 mb-4 ", children: sectionRow.elements.map((field, index) => {
4555
- return /* @__PURE__ */ jsxs23(
4552
+ return /* @__PURE__ */ jsxs22(
4556
4553
  "div",
4557
4554
  {
4558
4555
  className: sectionRow.grow ? "grow" : "",
@@ -4608,7 +4605,7 @@ var DataForm = (props) => {
4608
4605
  }) })
4609
4606
  }
4610
4607
  ),
4611
- /* @__PURE__ */ jsxs23("div", { className: "flex px-6 py-3 mt-2 mb-2 justify-end items-center gap-5", children: [
4608
+ /* @__PURE__ */ jsxs22("div", { className: "flex px-6 py-3 mt-2 mb-2 justify-end items-center gap-5", children: [
4612
4609
  /* @__PURE__ */ jsx47("div", { children: props.additionalActions && /* @__PURE__ */ jsx47(
4613
4610
  Button_default,
4614
4611
  {
@@ -4645,7 +4642,7 @@ var DataForm = (props) => {
4645
4642
  var DataForm_default = DataForm;
4646
4643
 
4647
4644
  // src/components/dataForm/DataFormRenderer.tsx
4648
- import { jsx as jsx48, jsxs as jsxs24 } from "react/jsx-runtime";
4645
+ import { jsx as jsx48, jsxs as jsxs23 } from "react/jsx-runtime";
4649
4646
  function getAction(actions, code) {
4650
4647
  return actions?.find((a) => a.actionCode === code);
4651
4648
  }
@@ -4671,7 +4668,7 @@ var DataFormRenderer = ({
4671
4668
  "Delete"
4672
4669
  );
4673
4670
  const hasDataItem = dataItem && Object.keys(dataItem).length > 0;
4674
- return /* @__PURE__ */ jsxs24("div", { className: "flex-grow flex flex-col", children: [
4671
+ return /* @__PURE__ */ jsxs23("div", { className: "flex-grow flex flex-col", children: [
4675
4672
  widgetProps && /* @__PURE__ */ jsx48(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
4676
4673
  /* @__PURE__ */ jsx48(
4677
4674
  DataForm_default,
package/dist/server.js CHANGED
@@ -8036,41 +8036,38 @@ var PageBodyRenderer = (props) => {
8036
8036
  if (!shouldRenderNode(node)) {
8037
8037
  return null;
8038
8038
  }
8039
- return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react43.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_react43.default.Fragment, { children: [
8040
- /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { children: "xncbvcxmn" }),
8041
- node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react43.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
8042
- SelectedNode,
8043
- {
8044
- node,
8045
- firstNode: true,
8046
- routeParameters: props.routeParameters,
8047
- query: props.query,
8048
- session: props.session,
8049
- host: props.host,
8050
- path: props.path,
8051
- apiBaseUrl: props.apiBaseUrl,
8052
- serviceClient: props.serviceClient,
8053
- assetBaseUrl: props.assetBaseUrl,
8054
- device: props.device,
8055
- widgetRenderer: props.widgetRenderer
8056
- }
8057
- ) }) : /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react43.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
8058
- SelectedNode,
8059
- {
8060
- node,
8061
- routeParameters: props.routeParameters,
8062
- query: props.query,
8063
- session: props.session,
8064
- host: props.host,
8065
- path: props.path,
8066
- apiBaseUrl: props.apiBaseUrl,
8067
- serviceClient: props.serviceClient,
8068
- assetBaseUrl: props.assetBaseUrl,
8069
- device: props.device,
8070
- widgetRenderer: props.widgetRenderer
8071
- }
8072
- ) })
8073
- ] }) }, index);
8039
+ return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react43.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react43.default.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react43.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
8040
+ SelectedNode,
8041
+ {
8042
+ node,
8043
+ firstNode: true,
8044
+ routeParameters: props.routeParameters,
8045
+ query: props.query,
8046
+ session: props.session,
8047
+ host: props.host,
8048
+ path: props.path,
8049
+ apiBaseUrl: props.apiBaseUrl,
8050
+ serviceClient: props.serviceClient,
8051
+ assetBaseUrl: props.assetBaseUrl,
8052
+ device: props.device,
8053
+ widgetRenderer: props.widgetRenderer
8054
+ }
8055
+ ) }) : /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react43.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
8056
+ SelectedNode,
8057
+ {
8058
+ node,
8059
+ routeParameters: props.routeParameters,
8060
+ query: props.query,
8061
+ session: props.session,
8062
+ host: props.host,
8063
+ path: props.path,
8064
+ apiBaseUrl: props.apiBaseUrl,
8065
+ serviceClient: props.serviceClient,
8066
+ assetBaseUrl: props.assetBaseUrl,
8067
+ device: props.device,
8068
+ widgetRenderer: props.widgetRenderer
8069
+ }
8070
+ ) }) }) }, index);
8074
8071
  }) });
8075
8072
  };
8076
8073
  var PageBodyRenderer_default = PageBodyRenderer;
package/dist/server.mjs CHANGED
@@ -3032,7 +3032,7 @@ var DivContainer = async (props) => {
3032
3032
  var DivContainer_default = DivContainer;
3033
3033
 
3034
3034
  // src/components/pageRenderingEngine/PageBodyRenderer.tsx
3035
- import { jsx as jsx39, jsxs as jsxs17 } from "react/jsx-runtime";
3035
+ import { jsx as jsx39 } from "react/jsx-runtime";
3036
3036
  var NodeTypes = {
3037
3037
  ["paragraph"]: ParagraphNode_default,
3038
3038
  ["heading"]: HeadingNode_default,
@@ -3078,41 +3078,38 @@ var PageBodyRenderer = (props) => {
3078
3078
  if (!shouldRenderNode(node)) {
3079
3079
  return null;
3080
3080
  }
3081
- return /* @__PURE__ */ jsx39(React25.Fragment, { children: SelectedNode && /* @__PURE__ */ jsxs17(React25.Fragment, { children: [
3082
- /* @__PURE__ */ jsx39("p", { children: "xncbvcxmn" }),
3083
- node.type == "layout-container" ? /* @__PURE__ */ jsx39(React25.Fragment, { children: /* @__PURE__ */ jsx39(
3084
- SelectedNode,
3085
- {
3086
- node,
3087
- firstNode: true,
3088
- routeParameters: props.routeParameters,
3089
- query: props.query,
3090
- session: props.session,
3091
- host: props.host,
3092
- path: props.path,
3093
- apiBaseUrl: props.apiBaseUrl,
3094
- serviceClient: props.serviceClient,
3095
- assetBaseUrl: props.assetBaseUrl,
3096
- device: props.device,
3097
- widgetRenderer: props.widgetRenderer
3098
- }
3099
- ) }) : /* @__PURE__ */ jsx39(React25.Fragment, { children: /* @__PURE__ */ jsx39(
3100
- SelectedNode,
3101
- {
3102
- node,
3103
- routeParameters: props.routeParameters,
3104
- query: props.query,
3105
- session: props.session,
3106
- host: props.host,
3107
- path: props.path,
3108
- apiBaseUrl: props.apiBaseUrl,
3109
- serviceClient: props.serviceClient,
3110
- assetBaseUrl: props.assetBaseUrl,
3111
- device: props.device,
3112
- widgetRenderer: props.widgetRenderer
3113
- }
3114
- ) })
3115
- ] }) }, index);
3081
+ return /* @__PURE__ */ jsx39(React25.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx39(React25.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ jsx39(React25.Fragment, { children: /* @__PURE__ */ jsx39(
3082
+ SelectedNode,
3083
+ {
3084
+ node,
3085
+ firstNode: true,
3086
+ routeParameters: props.routeParameters,
3087
+ query: props.query,
3088
+ session: props.session,
3089
+ host: props.host,
3090
+ path: props.path,
3091
+ apiBaseUrl: props.apiBaseUrl,
3092
+ serviceClient: props.serviceClient,
3093
+ assetBaseUrl: props.assetBaseUrl,
3094
+ device: props.device,
3095
+ widgetRenderer: props.widgetRenderer
3096
+ }
3097
+ ) }) : /* @__PURE__ */ jsx39(React25.Fragment, { children: /* @__PURE__ */ jsx39(
3098
+ SelectedNode,
3099
+ {
3100
+ node,
3101
+ routeParameters: props.routeParameters,
3102
+ query: props.query,
3103
+ session: props.session,
3104
+ host: props.host,
3105
+ path: props.path,
3106
+ apiBaseUrl: props.apiBaseUrl,
3107
+ serviceClient: props.serviceClient,
3108
+ assetBaseUrl: props.assetBaseUrl,
3109
+ device: props.device,
3110
+ widgetRenderer: props.widgetRenderer
3111
+ }
3112
+ ) }) }) }, index);
3116
3113
  }) });
3117
3114
  };
3118
3115
  var PageBodyRenderer_default = PageBodyRenderer;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@clyrex-digital/clyrex-controls-dev",
3
- "version": "0.8.1-dev.20260930053845",
3
+ "version": "0.8.1-dev.20260930101733",
4
4
  "description": "Reusable React components",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",