@clyrex-digital/clyrex-controls-dev 0.8.1-dev.20260910063325 → 0.8.1-dev.20260914095913

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 (16) hide show
  1. package/dist/{DataBindingControls-6VOZSGOL.mjs → DataBindingControls-SKC472JJ.mjs} +1 -1
  2. package/dist/{DataBindingControls-44OP5UE6.mjs → DataBindingControls-TF7XLJ5C.mjs} +1 -1
  3. package/dist/{InputControlClient-Y3IT2BUV.mjs → InputControlClient-BC66BGHI.mjs} +1 -1
  4. package/dist/{InputControlClient-3GUBYGP2.mjs → InputControlClient-BZPWT7KE.mjs} +1 -1
  5. package/dist/{LinkNodeButton-X75YEE2O.mjs → LinkNodeButton-EZFQLUKA.mjs} +5 -2
  6. package/dist/{LinkNodeButton-MUX27SFO.mjs → LinkNodeButton-WXAW3ZD6.mjs} +5 -2
  7. package/dist/{chunk-RHVNJMS4.mjs → chunk-4WMSS6CE.mjs} +2 -2
  8. package/dist/{chunk-23WJE3YB.mjs → chunk-LSKD5U3S.mjs} +2 -2
  9. package/dist/{chunk-PIMVBXWS.mjs → chunk-YRNDRPUE.mjs} +1 -1
  10. package/dist/index.d.mts +1 -0
  11. package/dist/index.d.ts +1 -0
  12. package/dist/index.js +7 -3
  13. package/dist/index.mjs +5 -4
  14. package/dist/server.js +7 -3
  15. package/dist/server.mjs +3 -2
  16. package/package.json +1 -1
package/dist/{DataBindingControls-6VOZSGOL.mjs → DataBindingControls-SKC472JJ.mjs} RENAMED
@@ -9,7 +9,7 @@ import { useRouter } from "next/navigation";
9
9
 
10
10
  // src/components/controls/edit/InputControl.tsx
11
11
  import dynamic from "next/dynamic";
12
- var InputControl = dynamic(() => import("./InputControlClient-3GUBYGP2.mjs"), {
12
+ var InputControl = dynamic(() => import("./InputControlClient-BZPWT7KE.mjs"), {
13
13
  ssr: false
14
14
  });
15
15
  var InputControl_default = InputControl;
package/dist/{DataBindingControls-44OP5UE6.mjs → DataBindingControls-TF7XLJ5C.mjs} RENAMED
@@ -3,7 +3,7 @@
3
3
  "use client";
4
4
  import {
5
5
  InputControl_default
6
- } from "./chunk-PIMVBXWS.mjs";
6
+ } from "./chunk-YRNDRPUE.mjs";
7
7
  import {
8
8
  InputControlType_default
9
9
  } from "./chunk-DTWPZPSX.mjs";
package/dist/{InputControlClient-Y3IT2BUV.mjs → InputControlClient-BC66BGHI.mjs} RENAMED
@@ -22,7 +22,7 @@ import {
22
22
  import {
23
23
  Button_default,
24
24
  ClientButton_default
25
- } from "./chunk-23WJE3YB.mjs";
25
+ } from "./chunk-LSKD5U3S.mjs";
26
26
  import {
27
27
  Hyperlink,
28
28
  Icon_default
package/dist/{InputControlClient-3GUBYGP2.mjs → InputControlClient-BZPWT7KE.mjs} RENAMED
@@ -11,7 +11,7 @@ import {
11
11
  import {
12
12
  Button_default,
13
13
  ClientButton_default
14
- } from "./chunk-RHVNJMS4.mjs";
14
+ } from "./chunk-4WMSS6CE.mjs";
15
15
  import "./chunk-56HSDML5.mjs";
16
16
  import {
17
17
  AssetUtility_default
package/dist/{LinkNodeButton-X75YEE2O.mjs → LinkNodeButton-EZFQLUKA.mjs} RENAMED
@@ -7,7 +7,7 @@ import {
7
7
  import {
8
8
  Button_default,
9
9
  ToastService_default
10
- } from "./chunk-23WJE3YB.mjs";
10
+ } from "./chunk-LSKD5U3S.mjs";
11
11
  import "./chunk-IMNQO57B.mjs";
12
12
 
13
13
  // src/components/pageRenderingEngine/nodes/LinkNodeButton.tsx
@@ -191,13 +191,16 @@ var LinkNodeButton = (props) => {
191
191
  return node.title || "Button";
192
192
  };
193
193
  const fontSize = node.children?.[0]?.style?.match(/font-size:\s*([^;]+)/)?.[1];
194
+ const isCustomButton = Boolean(node.customButtonClass);
195
+ const buttonClass = isCustomButton ? node.customButtonClass ?? "" : ["w-full", node.customButtonClass].filter(Boolean).join(" ");
194
196
  return /* @__PURE__ */ jsx("div", { className: "link-button-wrapper", children: /* @__PURE__ */ jsx(
195
197
  Button_default,
196
198
  {
197
199
  ButtonType: linkType,
198
200
  onClick,
199
201
  disabled: isLoading || !!successMessage,
200
- className: "w-full",
202
+ className: buttonClass,
203
+ isCustomButton,
201
204
  children: successMessage ? /* @__PURE__ */ jsxs(
202
205
  "span",
203
206
  {
package/dist/{LinkNodeButton-MUX27SFO.mjs → LinkNodeButton-WXAW3ZD6.mjs} RENAMED
@@ -2,7 +2,7 @@
2
2
  import {
3
3
  Button_default,
4
4
  ToastService_default
5
- } from "./chunk-RHVNJMS4.mjs";
5
+ } from "./chunk-4WMSS6CE.mjs";
6
6
  import {
7
7
  ServiceClient_default
8
8
  } from "./chunk-WXZMRMRS.mjs";
@@ -189,13 +189,16 @@ var LinkNodeButton = (props) => {
189
189
  return node.title || "Button";
190
190
  };
191
191
  const fontSize = node.children?.[0]?.style?.match(/font-size:\s*([^;]+)/)?.[1];
192
+ const isCustomButton = Boolean(node.customButtonClass);
193
+ const buttonClass = isCustomButton ? node.customButtonClass ?? "" : ["w-full", node.customButtonClass].filter(Boolean).join(" ");
192
194
  return /* @__PURE__ */ jsx("div", { className: "link-button-wrapper", children: /* @__PURE__ */ jsx(
193
195
  Button_default,
194
196
  {
195
197
  ButtonType: linkType,
196
198
  onClick,
197
199
  disabled: isLoading || !!successMessage,
198
- className: "w-full",
200
+ className: buttonClass,
201
+ isCustomButton,
199
202
  children: successMessage ? /* @__PURE__ */ jsxs(
200
203
  "span",
201
204
  {
package/dist/{chunk-RHVNJMS4.mjs → chunk-4WMSS6CE.mjs} RENAMED
@@ -192,7 +192,7 @@ var Button = (props) => {
192
192
  );
193
193
  });
194
194
  };
195
- let buttonClass = props.ButtonType ? buttonClasses.get(props.ButtonType) : buttonClasses.get("Primary" /* Solid */);
195
+ let buttonClass = props.isCustomButton ? props.ButtonType ? buttonClasses.get(props.ButtonType) ?? "" : "" : props.ButtonType ? buttonClasses.get(props.ButtonType) : buttonClasses.get("Primary" /* Solid */);
196
196
  let progressClass = props.ButtonType ? progressClasses.get(props.ButtonType) : progressClasses.get("Primary" /* Solid */);
197
197
  const isDisabled = inProgress || isActionPerformed && props.oneTimeAction;
198
198
  return /* @__PURE__ */ jsxs2(React3.Fragment, { children: [
@@ -203,7 +203,7 @@ var Button = (props) => {
203
203
  onClick: execute,
204
204
  disabled: props.disabled,
205
205
  title: isDisabled ? "The button is disabled to prevent any action" : "",
206
- className: `${buttonClass} relative inline-flex items-center justify-center gap-2 ${props.className ?? ""}`,
206
+ className: props.isCustomButton ? `${buttonClass ? buttonClass + " " : ""}${props.className ?? ""}`.trim() : `${buttonClass} relative inline-flex items-center justify-center gap-2 ${props.className ?? ""}`.trim(),
207
207
  children: [
208
208
  isActionPerformed && props.oneTimeAction && responseMessage ? responseMessage : props.children,
209
209
  inProgress && /* @__PURE__ */ jsx3(Fragment2, { children: props.hideProgressIndicator ? /* @__PURE__ */ jsx3("div", { className: "absolute bottom-0 left-0 h-0.5 bg-gray-400 rounded animate-progress" }) : /* @__PURE__ */ jsxs2(
package/dist/{chunk-23WJE3YB.mjs → chunk-LSKD5U3S.mjs} RENAMED
@@ -194,7 +194,7 @@ var Button = (props) => {
194
194
  );
195
195
  });
196
196
  };
197
- let buttonClass = props.ButtonType ? buttonClasses.get(props.ButtonType) : buttonClasses.get("Primary" /* Solid */);
197
+ let buttonClass = props.isCustomButton ? props.ButtonType ? buttonClasses.get(props.ButtonType) ?? "" : "" : props.ButtonType ? buttonClasses.get(props.ButtonType) : buttonClasses.get("Primary" /* Solid */);
198
198
  let progressClass = props.ButtonType ? progressClasses.get(props.ButtonType) : progressClasses.get("Primary" /* Solid */);
199
199
  const isDisabled = inProgress || isActionPerformed && props.oneTimeAction;
200
200
  return /* @__PURE__ */ jsxs2(React3.Fragment, { children: [
@@ -205,7 +205,7 @@ var Button = (props) => {
205
205
  onClick: execute,
206
206
  disabled: props.disabled,
207
207
  title: isDisabled ? "The button is disabled to prevent any action" : "",
208
- className: `${buttonClass} relative inline-flex items-center justify-center gap-2 ${props.className ?? ""}`,
208
+ className: props.isCustomButton ? `${buttonClass ? buttonClass + " " : ""}${props.className ?? ""}`.trim() : `${buttonClass} relative inline-flex items-center justify-center gap-2 ${props.className ?? ""}`.trim(),
209
209
  children: [
210
210
  isActionPerformed && props.oneTimeAction && responseMessage ? responseMessage : props.children,
211
211
  inProgress && /* @__PURE__ */ jsx3(Fragment2, { children: props.hideProgressIndicator ? /* @__PURE__ */ jsx3("div", { className: "absolute bottom-0 left-0 h-0.5 bg-gray-400 rounded animate-progress" }) : /* @__PURE__ */ jsxs2(
package/dist/{chunk-PIMVBXWS.mjs → chunk-YRNDRPUE.mjs} RENAMED
@@ -3,7 +3,7 @@
3
3
 
4
4
  // src/components/controls/edit/InputControl.tsx
5
5
  import dynamic from "next/dynamic";
6
- var InputControl = dynamic(() => import("./InputControlClient-Y3IT2BUV.mjs"), {
6
+ var InputControl = dynamic(() => import("./InputControlClient-BC66BGHI.mjs"), {
7
7
  ssr: false
8
8
  });
9
9
  var InputControl_default = InputControl;
package/dist/index.d.mts CHANGED
@@ -250,6 +250,7 @@ interface ButtonProps<T> {
250
250
  confirm?: boolean;
251
251
  confirmationMessage?: string;
252
252
  disabled?: boolean;
253
+ isCustomButton?: boolean;
253
254
  }
254
255
  declare const Button: React__default.FC<ButtonProps<any>>;
255
256
 
package/dist/index.d.ts CHANGED
@@ -250,6 +250,7 @@ interface ButtonProps<T> {
250
250
  confirm?: boolean;
251
251
  confirmationMessage?: string;
252
252
  disabled?: boolean;
253
+ isCustomButton?: boolean;
253
254
  }
254
255
  declare const Button: React__default.FC<ButtonProps<any>>;
255
256
 
package/dist/index.js CHANGED
@@ -3382,7 +3382,7 @@ var init_Button = __esm({
3382
3382
  );
3383
3383
  });
3384
3384
  };
3385
- let buttonClass = props.ButtonType ? buttonClasses.get(props.ButtonType) : buttonClasses.get("Primary" /* Solid */);
3385
+ let buttonClass = props.isCustomButton ? props.ButtonType ? buttonClasses.get(props.ButtonType) ?? "" : "" : props.ButtonType ? buttonClasses.get(props.ButtonType) : buttonClasses.get("Primary" /* Solid */);
3386
3386
  let progressClass = props.ButtonType ? progressClasses.get(props.ButtonType) : progressClasses.get("Primary" /* Solid */);
3387
3387
  const isDisabled = inProgress || isActionPerformed && props.oneTimeAction;
3388
3388
  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_react37.default.Fragment, { children: [
@@ -3393,7 +3393,7 @@ var init_Button = __esm({
3393
3393
  onClick: execute,
3394
3394
  disabled: props.disabled,
3395
3395
  title: isDisabled ? "The button is disabled to prevent any action" : "",
3396
- className: `${buttonClass} relative inline-flex items-center justify-center gap-2 ${props.className ?? ""}`,
3396
+ className: props.isCustomButton ? `${buttonClass ? buttonClass + " " : ""}${props.className ?? ""}`.trim() : `${buttonClass} relative inline-flex items-center justify-center gap-2 ${props.className ?? ""}`.trim(),
3397
3397
  children: [
3398
3398
  isActionPerformed && props.oneTimeAction && responseMessage ? responseMessage : props.children,
3399
3399
  inProgress && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_jsx_runtime44.Fragment, { children: props.hideProgressIndicator ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "absolute bottom-0 left-0 h-0.5 bg-gray-400 rounded animate-progress" }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
@@ -4960,13 +4960,16 @@ var init_LinkNodeButton = __esm({
4960
4960
  return node.title || "Button";
4961
4961
  };
4962
4962
  const fontSize = node.children?.[0]?.style?.match(/font-size:\s*([^;]+)/)?.[1];
4963
+ const isCustomButton = Boolean(node.customButtonClass);
4964
+ const buttonClass = isCustomButton ? node.customButtonClass ?? "" : ["w-full", node.customButtonClass].filter(Boolean).join(" ");
4963
4965
  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "link-button-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
4964
4966
  Button_default,
4965
4967
  {
4966
4968
  ButtonType: linkType,
4967
4969
  onClick,
4968
4970
  disabled: isLoading || !!successMessage,
4969
- className: "w-full",
4971
+ className: buttonClass,
4972
+ isCustomButton,
4970
4973
  children: successMessage ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
4971
4974
  "span",
4972
4975
  {
@@ -6951,6 +6954,7 @@ var LinkNode = (props) => {
6951
6954
  {
6952
6955
  href: linkUrl || "#",
6953
6956
  linkType,
6957
+ className: node.customButtonClass,
6954
6958
  alt: linkText || node.title || "",
6955
6959
  children: [
6956
6960
  renderChildren2(),
package/dist/index.mjs CHANGED
@@ -8,7 +8,7 @@ import {
8
8
  } from "./chunk-RG3CISAA.mjs";
9
9
  import {
10
10
  InputControl_default
11
- } from "./chunk-PIMVBXWS.mjs";
11
+ } from "./chunk-YRNDRPUE.mjs";
12
12
  import "./chunk-JDX47MFV.mjs";
13
13
  import {
14
14
  CheckboxInput_default,
@@ -32,7 +32,7 @@ import {
32
32
  Button_default,
33
33
  ClientButton_default,
34
34
  ToastService_default
35
- } from "./chunk-23WJE3YB.mjs";
35
+ } from "./chunk-LSKD5U3S.mjs";
36
36
  import {
37
37
  Hyperlink,
38
38
  Icon_default
@@ -658,7 +658,7 @@ var ImageNode_default = ImageNode;
658
658
  // src/components/pageRenderingEngine/nodes/LinkNode.tsx
659
659
  import dynamic8 from "next/dynamic";
660
660
  import { Fragment, jsx as jsx19, jsxs as jsxs7 } from "react/jsx-runtime";
661
- var LinkNodeButton = dynamic8(() => import("./LinkNodeButton-X75YEE2O.mjs"), {
661
+ var LinkNodeButton = dynamic8(() => import("./LinkNodeButton-EZFQLUKA.mjs"), {
662
662
  ssr: false
663
663
  });
664
664
  function getNestedValue2(obj, path) {
@@ -760,6 +760,7 @@ var LinkNode = (props) => {
760
760
  {
761
761
  href: linkUrl || "#",
762
762
  linkType,
763
+ className: node.customButtonClass,
763
764
  alt: linkText || node.title || "",
764
765
  children: [
765
766
  renderChildren(),
@@ -2348,7 +2349,7 @@ var GoogleMapNode_default = GoogleMapNode;
2348
2349
  // src/components/pageRenderingEngine/nodes/DivContainer.tsx
2349
2350
  import { jsx as jsx36, jsxs as jsxs14 } from "react/jsx-runtime";
2350
2351
  var Pagination = dynamic13(() => import("./Pagination-CQKMBXXJ.mjs"), { ssr: true });
2351
- var DataBindingControls = dynamic13(() => import("./DataBindingControls-44OP5UE6.mjs"), {
2352
+ var DataBindingControls = dynamic13(() => import("./DataBindingControls-TF7XLJ5C.mjs"), {
2352
2353
  ssr: true
2353
2354
  });
2354
2355
  var Slider = dynamic13(() => import("./Slider-IVPJBPE5.mjs"), {
package/dist/server.js CHANGED
@@ -945,7 +945,7 @@ var init_Button = __esm({
945
945
  );
946
946
  });
947
947
  };
948
- let buttonClass = props.ButtonType ? buttonClasses.get(props.ButtonType) : buttonClasses.get("Primary" /* Solid */);
948
+ let buttonClass = props.isCustomButton ? props.ButtonType ? buttonClasses.get(props.ButtonType) ?? "" : "" : props.ButtonType ? buttonClasses.get(props.ButtonType) : buttonClasses.get("Primary" /* Solid */);
949
949
  let progressClass = props.ButtonType ? progressClasses.get(props.ButtonType) : progressClasses.get("Primary" /* Solid */);
950
950
  const isDisabled = inProgress || isActionPerformed && props.oneTimeAction;
951
951
  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react4.default.Fragment, { children: [
@@ -956,7 +956,7 @@ var init_Button = __esm({
956
956
  onClick: execute,
957
957
  disabled: props.disabled,
958
958
  title: isDisabled ? "The button is disabled to prevent any action" : "",
959
- className: `${buttonClass} relative inline-flex items-center justify-center gap-2 ${props.className ?? ""}`,
959
+ className: props.isCustomButton ? `${buttonClass ? buttonClass + " " : ""}${props.className ?? ""}`.trim() : `${buttonClass} relative inline-flex items-center justify-center gap-2 ${props.className ?? ""}`.trim(),
960
960
  children: [
961
961
  isActionPerformed && props.oneTimeAction && responseMessage ? responseMessage : props.children,
962
962
  inProgress && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx_runtime9.Fragment, { children: props.hideProgressIndicator ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "absolute bottom-0 left-0 h-0.5 bg-gray-400 rounded animate-progress" }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
@@ -1422,13 +1422,16 @@ var init_LinkNodeButton = __esm({
1422
1422
  return node.title || "Button";
1423
1423
  };
1424
1424
  const fontSize = node.children?.[0]?.style?.match(/font-size:\s*([^;]+)/)?.[1];
1425
+ const isCustomButton = Boolean(node.customButtonClass);
1426
+ const buttonClass = isCustomButton ? node.customButtonClass ?? "" : ["w-full", node.customButtonClass].filter(Boolean).join(" ");
1425
1427
  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "link-button-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
1426
1428
  Button_default,
1427
1429
  {
1428
1430
  ButtonType: linkType,
1429
1431
  onClick,
1430
1432
  disabled: isLoading || !!successMessage,
1431
- className: "w-full",
1433
+ className: buttonClass,
1434
+ isCustomButton,
1432
1435
  children: successMessage ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
1433
1436
  "span",
1434
1437
  {
@@ -6584,6 +6587,7 @@ var LinkNode = (props) => {
6584
6587
  {
6585
6588
  href: linkUrl || "#",
6586
6589
  linkType,
6590
+ className: node.customButtonClass,
6587
6591
  alt: linkText || node.title || "",
6588
6592
  children: [
6589
6593
  renderChildren2(),
package/dist/server.mjs CHANGED
@@ -291,7 +291,7 @@ var ImageNode_default = ImageNode;
291
291
  // src/components/pageRenderingEngine/nodes/LinkNode.tsx
292
292
  import dynamic3 from "next/dynamic";
293
293
  import { Fragment, jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
294
- var LinkNodeButton = dynamic3(() => import("./LinkNodeButton-MUX27SFO.mjs"), {
294
+ var LinkNodeButton = dynamic3(() => import("./LinkNodeButton-WXAW3ZD6.mjs"), {
295
295
  ssr: false
296
296
  });
297
297
  function getNestedValue2(obj, path) {
@@ -393,6 +393,7 @@ var LinkNode = (props) => {
393
393
  {
394
394
  href: linkUrl || "#",
395
395
  linkType,
396
+ className: node.customButtonClass,
396
397
  alt: linkText || node.title || "",
397
398
  children: [
398
399
  renderChildren(),
@@ -2316,7 +2317,7 @@ var GoogleMapNode_default = GoogleMapNode;
2316
2317
  // src/components/pageRenderingEngine/nodes/DivContainer.tsx
2317
2318
  import { jsx as jsx36, jsxs as jsxs14 } from "react/jsx-runtime";
2318
2319
  var Pagination = dynamic13(() => import("./Pagination-M3VZKKXY.mjs"), { ssr: true });
2319
- var DataBindingControls = dynamic13(() => import("./DataBindingControls-6VOZSGOL.mjs"), {
2320
+ var DataBindingControls = dynamic13(() => import("./DataBindingControls-SKC472JJ.mjs"), {
2320
2321
  ssr: true
2321
2322
  });
2322
2323
  var Slider = dynamic13(() => import("./Slider-QIGKP6AE.mjs"), {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@clyrex-digital/clyrex-controls-dev",
3
- "version": "0.8.1-dev.20260910063325",
3
+ "version": "0.8.1-dev.20260914095913",
4
4
  "description": "Reusable React components",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",